diff --git a/apps/example-apps/call-center/README.md b/apps/example-apps/call-center/README.md
index 57d6bbaa..2811d7e6 100644
--- a/apps/example-apps/call-center/README.md
+++ b/apps/example-apps/call-center/README.md
@@ -17,18 +17,51 @@ Call-center IVR and routing-builder reference app built with Angular and Foblex
 - `f-flow` as the workflow-editor root.
 - `f-canvas` with `fZoom` for panning and scaling.
 - `fExternalItem` with `fCreateNode` for palette-based node creation.
-- `fNode`, `fNodeInput`, and `fNodeOutput` for call-flow steps and connectors.
+- `fNode` and the unified `fConnector` API for call-flow steps and connectors.
 - `fConnection` with segmented routing and `fConnectionMarkerArrow` for directional links.
 - `fConnectionForCreate` for drag-to-connect creation.
-- `fMoveNodes`, `fCreateConnection`, `fReassignConnection`, and `fSelectionChange` events for editor state updates.
+- `withFlowState()` for typed records, automatic gesture updates, undo/redo, and persistence.
+- `withReflowOnResize()` for moving downstream steps when an embedded form changes node size.
+- `withA11y()` and the default control scheme for keyboard and pointer interaction.
 - `fBackground`, `fCirclePattern`, `fLineAlignment`, `fSelectionArea`, and `fMinimap` for canvas tooling.
 
 ## Integration Notes
 
-- The app keeps editor state in a local signal store and persists it to local storage.
+- `CallCenterFlowState` owns editor history and domain commands; it delegates persistence to `CallCenterFlowStorage` and record construction to domain factories.
 - Each node type exposes its own Angular Material form, so configuration lives directly inside the flow node instead of a separate side panel.
 - IVR output count is dynamic. When branch count is reduced, the app automatically removes now-invalid outbound connections from removed outputs.
 
+## One History Item for Expand and Reflow
+
+Expanding a node updates `isExpanded` immediately, but `withReflowOnResize()` moves downstream nodes later, after Angular renders the new size and `ResizeObserver` runs. A synchronous `batch()` would close too early and create two undo items.
+
+The state keeps one transaction open across that rendering turn:
+
+```ts
+function afterResizeObserverTurn(): Promise<void> {
+  return new Promise((resolve) => {
+    requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+  });
+}
+
+public async setNodeExpanded(nodeId: string, isExpanded: boolean): Promise<void> {
+  this.beginBatch();
+
+  try {
+    this.updateNode(nodeId, { isExpanded });
+    await afterResizeObserverTurn();
+  } finally {
+    this.endBatch();
+  }
+}
+```
+
+The state controller receives reflow's later `fMoveNodes` event while the transaction is open. One `undo()` then restores both `isExpanded` and every shifted position. If node size settles after a transition, lazy load, or another asynchronous operation, close the transaction from that operation's completion signal instead of relying on two animation frames.
+
+The expand button also uses `fDragBlocker` because it lives inside `fDragHandle`. Without the blocker, the click can select the node first; when `selectionInHistory` is enabled, that intentional selection becomes a separate undo item before expand/reflow.
+
+Full guide: <https://flow.foblex.com/examples/state>
+
 ## Run Locally
 
 From this directory:
diff --git a/apps/example-apps/call-center/package.json b/apps/example-apps/call-center/package.json
index cf3cedfa..8abbecbe 100644
--- a/apps/example-apps/call-center/package.json
+++ b/apps/example-apps/call-center/package.json
@@ -16,7 +16,7 @@
     "@angular/material": "18.2.14",
     "@angular/platform-browser": "18.2.13",
     "@foblex/2d": "^1.2.1",
-    "@foblex/flow": "18.4.0",
+    "@foblex/flow": "19.1.2",
     "@foblex/mediator": "1.1.3",
     "@foblex/platform": "1.0.4",
     "@foblex/utils": "1.1.1",
diff --git a/apps/example-apps/call-center/src/app/app.component.html b/apps/example-apps/call-center/src/app/app.component.html
index ebd1e428..50e98bc0 100644
--- a/apps/example-apps/call-center/src/app/app.component.html
+++ b/apps/example-apps/call-center/src/app/app.component.html
@@ -1 +1 @@
-<flow [id]="'123'" />
+<call-center-flow flowId="123" />
diff --git a/apps/example-apps/call-center/src/app/app.component.ts b/apps/example-apps/call-center/src/app/app.component.ts
index 18ea0189..ca2bdb22 100644
--- a/apps/example-apps/call-center/src/app/app.component.ts
+++ b/apps/example-apps/call-center/src/app/app.component.ts
@@ -1,11 +1,11 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Flow } from './components/flow/flow';
+import { CallCenterFlow } from './components/call-center-flow/call-center-flow';
 
 @Component({
   selector: 'app-root',
   standalone: true,
   templateUrl: './app.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [Flow],
+  imports: [CallCenterFlow],
 })
 export class AppComponent {}
diff --git a/apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/call-center-flow-toolbar.html b/apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/call-center-flow-toolbar.html
new file mode 100644
index 00000000..b76dd56a
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/call-center-flow-toolbar.html
@@ -0,0 +1,117 @@
+<div class="toolbar">
+  <button
+    mat-icon-button
+    (click)="deleteSelection()"
+    [disabled]="!canDeleteSelection()"
+    aria-label="Delete selection"
+    matTooltip="Delete"
+    matTooltipPosition="above"
+  >
+    <mat-icon>delete</mat-icon>
+  </button>
+
+  <button
+    mat-icon-button
+    (click)="state.undo()"
+    [disabled]="!state.canUndo()"
+    aria-label="Undo"
+    matTooltip="Undo"
+    matTooltipPosition="above"
+  >
+    <mat-icon>undo</mat-icon>
+  </button>
+
+  <button
+    mat-icon-button
+    (click)="state.redo()"
+    [disabled]="!state.canRedo()"
+    aria-label="Redo"
+    matTooltip="Redo"
+    matTooltipPosition="above"
+  >
+    <mat-icon>redo</mat-icon>
+  </button>
+
+  <button
+    mat-icon-button
+    (click)="actionTriggered.emit(action.SELECT_ALL)"
+    aria-label="Select all"
+    matTooltip="Select All"
+    matTooltipPosition="above"
+  >
+    <mat-icon>select_all</mat-icon>
+  </button>
+
+  <div class="divider"></div>
+
+  <button
+    mat-icon-button
+    (click)="actionTriggered.emit(action.ZOOM_IN)"
+    aria-label="Zoom in"
+    matTooltip="Zoom In"
+    matTooltipPosition="above"
+  >
+    <mat-icon>zoom_in</mat-icon>
+  </button>
+
+  <button
+    mat-icon-button
+    (click)="actionTriggered.emit(action.ZOOM_OUT)"
+    aria-label="Zoom out"
+    matTooltip="Zoom Out"
+    matTooltipPosition="above"
+  >
+    <mat-icon>zoom_out</mat-icon>
+  </button>
+
+  <button
+    mat-icon-button
+    (click)="actionTriggered.emit(action.FIT_TO_SCREEN)"
+    aria-label="Fit to screen"
+    matTooltip="Fit to Screen"
+    matTooltipPosition="above"
+  >
+    <mat-icon>fit_screen</mat-icon>
+  </button>
+
+  <button
+    mat-icon-button
+    (click)="actionTriggered.emit(action.ONE_TO_ONE)"
+    aria-label="Reset zoom"
+    matTooltip="1:1"
+    matTooltipPosition="above"
+  >
+    <mat-icon>crop_free</mat-icon>
+  </button>
+
+  <div class="divider"></div>
+
+  <button
+    mat-icon-button
+    [matMenuTriggerFor]="themeMenu"
+    aria-label="Theme"
+    matTooltip="Theme"
+    matTooltipPosition="above"
+  >
+    <mat-icon>{{ currentTheme() === 'dark' ? 'dark_mode' : 'light_mode' }}</mat-icon>
+  </button>
+
+  <mat-menu #themeMenu="matMenu">
+    <button mat-menu-item (click)="setTheme('light')" [disabled]="currentTheme() === 'light'">
+      Light
+    </button>
+    <button mat-menu-item (click)="setTheme('dark')" [disabled]="currentTheme() === 'dark'">
+      Dark
+    </button>
+  </mat-menu>
+
+  <button
+    mat-icon-button
+    (click)="requestReset()"
+    aria-label="Reset flow"
+    matTooltip="Reset"
+    matTooltipPosition="above"
+  >
+    <mat-icon>restart_alt</mat-icon>
+  </button>
+</div>
diff --git a/apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel.scss b/apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/call-center-flow-toolbar.scss
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel.scss
rename to apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/call-center-flow-toolbar.scss
diff --git a/apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/call-center-flow-toolbar.ts b/apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/call-center-flow-toolbar.ts
new file mode 100644
index 00000000..b9eb5293
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/call-center-flow-toolbar.ts
@@ -0,0 +1,41 @@
+import { ChangeDetectionStrategy, Component, inject, output } from '@angular/core';
+import { ECallCenterFlowAction } from './e-call-center-flow-action';
+import { MatTooltip } from '@angular/material/tooltip';
+import { CallCenterFlowState } from '../../state';
+import { ThemeService } from '../../services/theme.service';
+import { MatIcon } from '@angular/material/icon';
+import { MatIconButton } from '@angular/material/button';
+import { FormsModule } from '@angular/forms';
+import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+
+@Component({
+  selector: 'call-center-flow-toolbar',
+  templateUrl: './call-center-flow-toolbar.html',
+  styleUrls: ['./call-center-flow-toolbar.scss'],
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [MatTooltip, MatIcon, MatIconButton, FormsModule, MatMenuTrigger, MatMenuItem, MatMenu],
+})
+export class CallCenterFlowToolbar {
+  protected readonly state = inject(CallCenterFlowState);
+  private readonly _themeService = inject(ThemeService);
+
+  public readonly actionTriggered = output<ECallCenterFlowAction>();
+  public readonly resetRequested = output<void>();
+
+  protected readonly action = ECallCenterFlowAction;
+  protected readonly currentTheme = this._themeService.current;
+  protected readonly canDeleteSelection = this.state.canDeleteSelection;
+
+  protected deleteSelection(): void {
+    this.state.deleteSelection();
+  }
+
+  protected setTheme(theme: 'light' | 'dark'): void {
+    this._themeService.setTheme(theme);
+  }
+
+  protected requestReset(): void {
+    this.resetRequested.emit();
+  }
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel-action.ts b/apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/e-call-center-flow-action.ts
similarity index 80%
rename from apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel-action.ts
rename to apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/e-call-center-flow-action.ts
index 13921f77..0f4fab2a 100644
--- a/apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel-action.ts
+++ b/apps/example-apps/call-center/src/app/components/call-center-flow-toolbar/e-call-center-flow-action.ts
@@ -1,4 +1,4 @@
-export enum FlowActionPanelAction {
+export enum ECallCenterFlowAction {
   ZOOM_IN = 'ZOOM_IN',
 
   ZOOM_OUT = 'ZOOM_OUT',
diff --git a/apps/example-apps/call-center/src/app/components/call-center-flow/call-center-flow.html b/apps/example-apps/call-center/src/app/components/call-center-flow/call-center-flow.html
new file mode 100644
index 00000000..dd8179c3
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-flow/call-center-flow.html
@@ -0,0 +1,52 @@
+<call-center-flow-toolbar
+  (actionTriggered)="executeAction($event)"
+  (resetRequested)="resetFlow()"
+/>
+<call-center-node-palette />
+
+<f-flow fDraggable aria-label="Call center flow editor" (fFullRendered)="editorLoaded()">
+  <f-background>
+    <f-circle-pattern />
+  </f-background>
+  <f-line-alignment [fAlignThreshold]="20" />
+  <f-selection-area />
+  <f-canvas
+    fZoom
+    [scale]="transform().scale"
+    [position]="transform().position"
+    [debounceTime]="200"
+  >
+    @for (connection of connections(); track connection.id) {
+    <f-connection
+      fBehavior="fixed"
+      [fConnectionId]="connection.id"
+      [fOffset]="32"
+      fType="segment"
+      [fSourceId]="connection.sourceId"
+      [fTargetId]="connection.targetId"
+      fTargetSide="calculate"
+    >
+      <f-connection-marker-arrow />
+    </f-connection>
+    }
+
+    <f-connection-for-create fType="segment" [fOffset]="0">
+      <f-connection-marker-arrow />
+    </f-connection-for-create>
+
+    @for (node of nodes(); track node.id) {
+    <call-center-node
+      fNode
+      fConnector
+      fConnectorType="target"
+      [attr.aria-label]="nodeAriaLabel(node)"
+      [fNodeId]="node.id"
+      [fConnectorId]="node.input"
+      [fConnectorDisabled]="!node.input"
+      [fNodePosition]="node.position"
+      [node]="node"
+    />
+    }
+  </f-canvas>
+  <f-minimap [fMinSize]="2000" />
+</f-flow>
diff --git a/apps/example-apps/call-center/src/app/components/flow/flow.scss b/apps/example-apps/call-center/src/app/components/call-center-flow/call-center-flow.scss
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow/flow.scss
rename to apps/example-apps/call-center/src/app/components/call-center-flow/call-center-flow.scss
diff --git a/apps/example-apps/call-center/src/app/components/call-center-flow/call-center-flow.ts b/apps/example-apps/call-center/src/app/components/call-center-flow/call-center-flow.ts
new file mode 100644
index 00000000..976e70c3
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-flow/call-center-flow.ts
@@ -0,0 +1,118 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  inject,
+  input,
+  OnInit,
+  viewChild,
+} from '@angular/core';
+import {
+  EFReflowAxis,
+  EFReflowCollision,
+  EFReflowDeltaSource,
+  EFReflowMode,
+  EFReflowScope,
+  F_DEFAULT_CONTROL_SCHEME,
+  FCanvasComponent,
+  FFlowComponent,
+  FFlowModule,
+  FFlowState,
+  FZoomDirective,
+  provideFFlow,
+  withA11y,
+  withControlScheme,
+  withFlowState,
+  withReflowOnResize,
+} from '@foblex/flow';
+import { CallCenterNode } from '../call-center-node/call-center-node';
+import { CallCenterFlowToolbar } from '../call-center-flow-toolbar/call-center-flow-toolbar';
+import { CallCenterNodePalette } from '../call-center-node-palette/call-center-node-palette';
+import { ECallCenterFlowAction } from '../call-center-flow-toolbar/e-call-center-flow-action';
+import { CallCenterNodeRecord, CALL_CENTER_NODE_METADATA } from '../../domain';
+import { CallCenterFlowState } from '../../state';
+import { CallCenterFlowStorage } from '../../persistence/call-center-flow-storage';
+
+@Component({
+  selector: 'call-center-flow',
+  templateUrl: './call-center-flow.html',
+  styleUrls: ['./call-center-flow.scss'],
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [FFlowModule, CallCenterNode, CallCenterFlowToolbar, CallCenterNodePalette],
+  providers: [
+    provideFFlow(
+      { id: 'main' },
+      withFlowState({ stateClass: CallCenterFlowState, canvasTransformDebounce: 200 }),
+      withA11y({ moveStep: 20 }),
+      withControlScheme(F_DEFAULT_CONTROL_SCHEME),
+      withReflowOnResize({
+        mode: EFReflowMode.DOWNSTREAM_CONNECTIONS,
+        collision: EFReflowCollision.CHAIN_PUSH,
+        scope: EFReflowScope.CONNECTED_SUBGRAPH,
+        axis: EFReflowAxis.VERTICAL,
+        deltaSource: EFReflowDeltaSource.EDGE_BASED,
+        spacing: { vertical: 24 },
+        maxCascadeDepth: 8,
+        maxAbsoluteShiftPerPlan: 10000,
+      }),
+    ),
+    { provide: CallCenterFlowState, useExisting: FFlowState },
+    CallCenterFlowStorage,
+  ],
+})
+export class CallCenterFlow implements OnInit {
+  public readonly flowId = input.required<string>();
+
+  protected readonly state = inject(CallCenterFlowState);
+
+  private readonly _flow = viewChild(FFlowComponent);
+  private readonly _canvas = viewChild(FCanvasComponent);
+  private readonly _zoom = viewChild(FZoomDirective);
+
+  protected readonly nodes = this.state.nodes;
+  protected readonly connections = this.state.connections;
+  protected readonly transform = this.state.transform;
+
+  public ngOnInit(): void {
+    this.state.initialize(this.flowId());
+  }
+
+  protected resetFlow(): void {
+    this._flow()?.reset();
+    this.state.reset();
+  }
+
+  protected editorLoaded(): void {
+    if (this.transform().position) {
+      return;
+    }
+
+    this._canvas()?.fitToScreen({ x: 150, y: 150 }, false, false);
+  }
+
+  protected nodeAriaLabel(node: CallCenterNodeRecord): string {
+    const name = CALL_CENTER_NODE_METADATA[node.type].name;
+
+    return node.description ? `${name}: ${node.description}` : name;
+  }
+
+  protected executeAction(event: ECallCenterFlowAction): void {
+    switch (event) {
+      case ECallCenterFlowAction.SELECT_ALL:
+        this._flow()?.selectAll();
+        break;
+      case ECallCenterFlowAction.ZOOM_IN:
+        this._zoom()?.zoomIn();
+        break;
+      case ECallCenterFlowAction.ZOOM_OUT:
+        this._zoom()?.zoomOut();
+        break;
+      case ECallCenterFlowAction.FIT_TO_SCREEN:
+        this._canvas()?.fitToScreen();
+        break;
+      case ECallCenterFlowAction.ONE_TO_ONE:
+        this._canvas()?.resetScaleAndCenter();
+        break;
+    }
+  }
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-palette/flow-palette.html b/apps/example-apps/call-center/src/app/components/call-center-node-palette/call-center-node-palette.html
similarity index 77%
rename from apps/example-apps/call-center/src/app/components/flow-palette/flow-palette.html
rename to apps/example-apps/call-center/src/app/components/call-center-node-palette/call-center-node-palette.html
index 4583a84b..24f9c444 100644
--- a/apps/example-apps/call-center/src/app/components/flow-palette/flow-palette.html
+++ b/apps/example-apps/call-center/src/app/components/call-center-node-palette/call-center-node-palette.html
@@ -1,8 +1,9 @@
-@for (item of nodes(); track item.type) {
+@for (item of items(); track item.type) {
 <button
   fExternalItem
   mat-icon-button
   [matTooltip]="item.name"
+  [attr.aria-label]="item.name"
   matTooltipPosition="right"
   [style.color]="item.color"
   [fData]="item.type"
diff --git a/apps/example-apps/call-center/src/app/components/flow-palette/flow-palette.scss b/apps/example-apps/call-center/src/app/components/call-center-node-palette/call-center-node-palette.scss
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow-palette/flow-palette.scss
rename to apps/example-apps/call-center/src/app/components/call-center-node-palette/call-center-node-palette.scss
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node-palette/call-center-node-palette.ts b/apps/example-apps/call-center/src/app/components/call-center-node-palette/call-center-node-palette.ts
new file mode 100644
index 00000000..b87fa388
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node-palette/call-center-node-palette.ts
@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';
+import { MatIconButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+import { MatTooltip } from '@angular/material/tooltip';
+import { FFlowModule } from '@foblex/flow';
+import { CALL_CENTER_NODE_METADATA, ECallCenterNodeType } from '../../domain';
+import { CallCenterFlowState } from '../../state';
+
+@Component({
+  selector: 'call-center-node-palette',
+  templateUrl: './call-center-node-palette.html',
+  styleUrls: ['./call-center-node-palette.scss'],
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [FFlowModule, MatTooltip, MatIcon, MatIconButton],
+})
+export class CallCenterNodePalette {
+  private readonly _state = inject(CallCenterFlowState);
+  private readonly _nodeTypes = Object.values(ECallCenterNodeType);
+
+  protected readonly items = computed(() => {
+    const hasIncomingCall = this._state
+      .nodes()
+      .some((node) => node.type === ECallCenterNodeType.INCOMING_CALL);
+
+    return this._nodeTypes.map((type) => ({
+      ...CALL_CENTER_NODE_METADATA[type],
+      type,
+      disabled: type === ECallCenterNodeType.INCOMING_CALL && hasIncomingCall,
+    }));
+  });
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/flow-node-ivr-form.html b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-ivr-form/call-center-ivr-form.html
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/flow-node-ivr-form.html
rename to apps/example-apps/call-center/src/app/components/call-center-node/call-center-ivr-form/call-center-ivr-form.html
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-ivr-form/call-center-ivr-form.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-ivr-form/call-center-ivr-form.ts
new file mode 100644
index 00000000..36d9d631
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-ivr-form/call-center-ivr-form.ts
@@ -0,0 +1,49 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
+import { MatFormField } from '@angular/material/form-field';
+import { MatOption, MatSelect } from '@angular/material/select';
+import { FormBuilder, NG_VALIDATORS, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { ISelectOption, IUserInputNodeValue } from '../../../domain';
+import { IVR_FORM_OUTPUT_LIST } from './constants/ivr-form-output-list';
+import {
+  CallCenterNodeFormControl,
+  CallCenterNodeFormControls,
+} from '../call-center-node-form-control';
+
+@Component({
+  selector: 'call-center-ivr-form',
+  templateUrl: './call-center-ivr-form.html',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [MatFormField, MatSelect, MatOption, ReactiveFormsModule],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => CallCenterIvrForm),
+      multi: true,
+    },
+    {
+      provide: NG_VALIDATORS,
+      useExisting: forwardRef(() => CallCenterIvrForm),
+      multi: true,
+    },
+  ],
+})
+export class CallCenterIvrForm extends CallCenterNodeFormControl<IUserInputNodeValue> {
+  private readonly _formBuilder = inject(FormBuilder);
+
+  protected readonly form = this._formBuilder.group<
+    CallCenterNodeFormControls<IUserInputNodeValue>
+  >({
+    outputs: this._formBuilder.control(3),
+    timeout: this._formBuilder.control(5),
+  });
+
+  protected readonly outputs = IVR_FORM_OUTPUT_LIST;
+  protected readonly timeouts: readonly ISelectOption<number>[] = [
+    { key: 3, value: '3 sec' },
+    { key: 5, value: '5 sec' },
+    { key: 10, value: '10 sec' },
+    { key: 15, value: '15 sec' },
+    { key: 30, value: '30 sec' },
+  ];
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/constants/ivr-form-output-list.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-ivr-form/constants/ivr-form-output-list.ts
similarity index 65%
rename from apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/constants/ivr-form-output-list.ts
rename to apps/example-apps/call-center/src/app/components/call-center-node/call-center-ivr-form/constants/ivr-form-output-list.ts
index defd0cc6..113376a4 100644
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/constants/ivr-form-output-list.ts
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-ivr-form/constants/ivr-form-output-list.ts
@@ -1,6 +1,6 @@
-import { INodeSelectOption } from '../../../../domain';
+import { ISelectOption } from '../../../../domain';
 
-export const IVR_FORM_OUTPUT_LIST: INodeSelectOption<number>[] = [
+export const IVR_FORM_OUTPUT_LIST: ISelectOption<number>[] = [
   { key: 1, value: '1' },
   { key: 2, value: '2' },
   { key: 3, value: '3' },
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-form-control.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-form-control.ts
new file mode 100644
index 00000000..92d70276
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-form-control.ts
@@ -0,0 +1,58 @@
+import { DestroyRef, Directive, inject, OnInit } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import {
+  ControlValueAccessor,
+  FormControl,
+  FormGroup,
+  ValidationErrors,
+  Validator,
+} from '@angular/forms';
+
+export type CallCenterNodeFormControls<TValue extends object> = {
+  [TKey in keyof TValue]: FormControl<TValue[TKey]>;
+};
+
+@Directive()
+export abstract class CallCenterNodeFormControl<TValue extends object>
+  implements OnInit, ControlValueAccessor, Validator
+{
+  private readonly _destroyRef = inject(DestroyRef);
+
+  private _onChange: (value: TValue) => void = () => {};
+  private _onTouched: () => void = () => {};
+
+  protected abstract readonly form: FormGroup<CallCenterNodeFormControls<TValue>>;
+
+  public ngOnInit(): void {
+    this.form.valueChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
+      this._onChange(this.form.getRawValue() as TValue);
+      this._onTouched();
+    });
+  }
+
+  public registerOnChange(onChange: (value: TValue) => void): void {
+    this._onChange = onChange;
+  }
+
+  public registerOnTouched(onTouched: () => void): void {
+    this._onTouched = onTouched;
+  }
+
+  public setDisabledState(isDisabled: boolean): void {
+    if (isDisabled) {
+      this.form.disable({ emitEvent: false });
+    } else {
+      this.form.enable({ emitEvent: false });
+    }
+  }
+
+  public validate(): ValidationErrors | null {
+    return this.form.invalid ? { invalid: true } : null;
+  }
+
+  public writeValue(value?: TValue | null): void {
+    if (value) {
+      this.form.patchValue(value, { emitEvent: false });
+    }
+  }
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-header/flow-node-header.html b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-header/call-center-node-header.html
similarity index 66%
rename from apps/example-apps/call-center/src/app/components/flow-node/flow-node-header/flow-node-header.html
rename to apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-header/call-center-node-header.html
index e4b1f7a8..7996978b 100644
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-header/flow-node-header.html
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-header/call-center-node-header.html
@@ -1,4 +1,4 @@
-@let params = defaultParams[type()];
+@let params = metadata[type()];
 
 <div class="node-icon-badge" [style.background-color]="params?.color">
   <mat-icon>{{ params?.icon }}</mat-icon>
@@ -13,7 +13,13 @@
 
 <div class="flex-space"></div>
 @if (params?.isExpandable) {
-<button class="node-toggle-button" [class.expanded]="expanded()" (click)="toggle()">
+<button
+  fDragBlocker
+  class="node-toggle-button"
+  [class.expanded]="expanded()"
+  [attr.aria-label]="(expanded() ? 'Collapse ' : 'Expand ') + params.name"
+  (click)="toggle()"
+>
   <mat-icon>expand_more</mat-icon>
 </button>
 }
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-header/flow-node-header.scss b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-header/call-center-node-header.scss
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow-node/flow-node-header/flow-node-header.scss
rename to apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-header/call-center-node-header.scss
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-header/call-center-node-header.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-header/call-center-node-header.ts
new file mode 100644
index 00000000..24e401ee
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node-header/call-center-node-header.ts
@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
+import { MatIcon } from '@angular/material/icon';
+import { FFlowModule } from '@foblex/flow';
+import { CALL_CENTER_NODE_METADATA, ECallCenterNodeType } from '../../../domain';
+
+@Component({
+  selector: 'call-center-node-header',
+  templateUrl: './call-center-node-header.html',
+  styleUrls: ['./call-center-node-header.scss'],
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [FFlowModule, MatIcon],
+})
+export class CallCenterNodeHeader {
+  public readonly expanded = input(false);
+  public readonly description = input.required<string | undefined>();
+  public readonly type = input.required<ECallCenterNodeType>();
+  public readonly expandedChange = output<boolean>();
+
+  protected readonly metadata = CALL_CENTER_NODE_METADATA;
+
+  protected toggle(): void {
+    this.expandedChange.emit(!this.expanded());
+  }
+}
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node.html b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node.html
new file mode 100644
index 00000000..cafda627
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node.html
@@ -0,0 +1,62 @@
+@let nodeModel = node();
+
+<call-center-node-header
+  [expanded]="isExpanded()"
+  [type]="nodeModel.type"
+  [description]="nodeModel.description"
+  (expandedChange)="setExpanded($event)"
+  fDragHandle
+/>
+
+@if (isExpanded()) {
+<div class="node-form" fDragBlocker>
+  @switch (nodeModel.type) { @case (nodeType.USER_INPUT) {
+  <call-center-ivr-form [formControl]="form" />
+  } @case (nodeType.PLAY_TEXT) {
+  <call-center-play-text-form [formControl]="form" />
+  } @case (nodeType.CHECK_SCHEDULE) {
+  <call-center-schedule-form [formControl]="form" />
+  } @case (nodeType.QUEUE_CALL) {
+  <call-center-queue-form [formControl]="form" />
+  } @case (nodeType.TO_OPERATOR) {
+  <call-center-operator-form [formControl]="form" />
+  } @case (nodeType.TRANSFER_CALL) {
+  <call-center-transfer-form [formControl]="form" />
+  } @case (nodeType.VOICEMAIL) {
+  <call-center-voicemail-form [formControl]="form" />
+  } }
+</div>
+}
+
+<div class="node-outputs" [class.expanded]="isExpanded()">
+  @for (output of nodeModel.outputs; track output.id) {
+  <div class="output-item">
+    @if (isExpanded()) {
+    <span>{{ output.label }}</span>
+    }
+    <div
+      class="flow-output-connector"
+      fConnector
+      fConnectorType="source"
+      [fConnectorId]="output.id"
+      [fConnectorConnectableSide]="
+          isExpanded() ? connectableSide.RIGHT : connectableSide.BOTTOM
+        "
+      [fConnectorMultiple]="false"
+      [fConnectorSelfConnectable]="false"
+    >
+      @if (connectedOutputIds().has(output.id)) {
+      <button
+        type="button"
+        class="remove-output-connection"
+        fDragBlocker
+        [attr.aria-label]="'Remove ' + (output.label || 'output') + ' connection'"
+        (click)="removeOutputConnection(output.id)"
+      >
+        <mat-icon>close</mat-icon>
+      </button>
+      }
+    </div>
+  </div>
+  }
+</div>
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node.scss b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node.scss
new file mode 100644
index 00000000..9c442b64
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node.scss
@@ -0,0 +1,44 @@
+// Styles for .node-form, .form-row, .mat-mdc-checkbox are in global _material.scss
+// (needed to penetrate child form components under Angular Emulated encapsulation)
+
+.node-outputs {
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: space-evenly;
+  align-items: flex-end;
+  padding-bottom: 2px;
+
+  .output-item {
+    display: contents;
+  }
+
+  .flow-output-connector {
+    margin-bottom: -12px;
+  }
+
+  &.expanded {
+    display: block;
+    padding-bottom: 0;
+    border-top: 1px solid var(--c-border);
+
+    .output-item {
+      width: calc(100% + 28px);
+      height: 34px;
+      margin-left: -14px;
+      padding: 0 14px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      color: var(--c-text-subtle);
+      font-size: var(--fs-md);
+
+      & + .output-item {
+        border-top: 1px solid var(--c-border);
+      }
+    }
+
+    .flow-output-connector {
+      margin-bottom: 0;
+    }
+  }
+}
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node.ts
new file mode 100644
index 00000000..44fdb2f3
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-node.ts
@@ -0,0 +1,102 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  computed,
+  DestroyRef,
+  effect,
+  inject,
+  Injector,
+  input,
+  OnInit,
+  untracked,
+} from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { MatIcon } from '@angular/material/icon';
+import { EFConnectableSide, FFlowModule } from '@foblex/flow';
+import { distinctUntilChanged } from 'rxjs';
+import { CallCenterNodeRecord, CallCenterNodeValuePatch, ECallCenterNodeType } from '../../domain';
+import { CallCenterFlowState } from '../../state';
+import { CallCenterNodeHeader } from './call-center-node-header/call-center-node-header';
+import { CallCenterIvrForm } from './call-center-ivr-form/call-center-ivr-form';
+import { CallCenterOperatorForm } from './call-center-operator-form/call-center-operator-form';
+import { CallCenterPlayTextForm } from './call-center-play-text-form/call-center-play-text-form';
+import { CallCenterQueueForm } from './call-center-queue-form/call-center-queue-form';
+import { CallCenterScheduleForm } from './call-center-schedule-form/call-center-schedule-form';
+import { CallCenterTransferForm } from './call-center-transfer-form/call-center-transfer-form';
+import { CallCenterVoicemailForm } from './call-center-voicemail-form/call-center-voicemail-form';
+
+@Component({
+  selector: 'call-center-node',
+  templateUrl: './call-center-node.html',
+  styleUrls: ['./call-center-node.scss'],
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [
+    FFlowModule,
+    ReactiveFormsModule,
+    MatIcon,
+    CallCenterNodeHeader,
+    CallCenterIvrForm,
+    CallCenterPlayTextForm,
+    CallCenterScheduleForm,
+    CallCenterQueueForm,
+    CallCenterOperatorForm,
+    CallCenterTransferForm,
+    CallCenterVoicemailForm,
+  ],
+  host: {
+    '[class.invalid]': 'form.invalid && form.touched',
+  },
+})
+export class CallCenterNode implements OnInit {
+  private readonly _destroyRef = inject(DestroyRef);
+  private readonly _injector = inject(Injector);
+  private readonly _state = inject(CallCenterFlowState);
+
+  public readonly node = input.required<CallCenterNodeRecord>();
+
+  protected readonly form = new FormControl<CallCenterNodeValuePatch>(null);
+  protected readonly isExpanded = computed(() => this.node().isExpanded ?? false);
+  protected readonly connectableSide = EFConnectableSide;
+  protected readonly nodeType = ECallCenterNodeType;
+  protected readonly connectedOutputIds = computed(() => {
+    return new Set(this._state.connections().map((connection) => connection.sourceId));
+  });
+
+  public ngOnInit(): void {
+    this._listenToNodeChanges();
+    this._listenToFormChanges();
+  }
+
+  protected setExpanded(isExpanded: boolean): void {
+    void this._state.setNodeExpanded(this.node().id, isExpanded);
+  }
+
+  protected removeOutputConnection(outputId: string): void {
+    this._state.removeConnectionFromOutput(outputId);
+  }
+
+  private _listenToFormChanges(): void {
+    this.form.valueChanges
+      .pipe(
+        distinctUntilChanged((previous, current) => _areEqual(previous, current)),
+        takeUntilDestroyed(this._destroyRef),
+      )
+      .subscribe((value) => this._state.updateNodeValue(this.node().id, value));
+  }
+
+  private _listenToNodeChanges(): void {
+    effect(
+      () => {
+        const value = this.node().value;
+        untracked(() => this.form.setValue(value, { emitEvent: false }));
+      },
+      { injector: this._injector },
+    );
+  }
+}
+
+function _areEqual<TValue>(left: TValue, right: TValue): boolean {
+  return JSON.stringify(left) === JSON.stringify(right);
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-operator-form/flow-node-operator-form.html b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-operator-form/call-center-operator-form.html
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow-node/flow-node-operator-form/flow-node-operator-form.html
rename to apps/example-apps/call-center/src/app/components/call-center-node/call-center-operator-form/call-center-operator-form.html
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-operator-form/call-center-operator-form.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-operator-form/call-center-operator-form.ts
new file mode 100644
index 00000000..13e3d30b
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-operator-form/call-center-operator-form.ts
@@ -0,0 +1,54 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
+import { MatFormField } from '@angular/material/form-field';
+import { MatOption, MatSelect } from '@angular/material/select';
+import { FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import {
+  IOperatorNodeValue,
+  ISelectOption,
+  OperatorDepartment,
+  OperatorSkillLevel,
+} from '../../../domain';
+import {
+  CallCenterNodeFormControl,
+  CallCenterNodeFormControls,
+} from '../call-center-node-form-control';
+
+@Component({
+  selector: 'call-center-operator-form',
+  templateUrl: './call-center-operator-form.html',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [MatFormField, MatSelect, MatOption, ReactiveFormsModule],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => CallCenterOperatorForm),
+      multi: true,
+    },
+  ],
+})
+export class CallCenterOperatorForm extends CallCenterNodeFormControl<IOperatorNodeValue> {
+  private readonly _formBuilder = inject(FormBuilder);
+
+  protected readonly form = this._formBuilder.group<CallCenterNodeFormControls<IOperatorNodeValue>>(
+    {
+      department: this._formBuilder.control('general'),
+      skillLevel: this._formBuilder.control('any'),
+    },
+  );
+
+  protected readonly departments: readonly ISelectOption<OperatorDepartment>[] = [
+    { key: 'general', value: 'General' },
+    { key: 'sales', value: 'Sales' },
+    { key: 'support', value: 'Technical Support' },
+    { key: 'billing', value: 'Billing' },
+    { key: 'complaints', value: 'Complaints' },
+  ];
+
+  protected readonly skillLevels: readonly ISelectOption<OperatorSkillLevel>[] = [
+    { key: 'any', value: 'Any' },
+    { key: 'junior', value: 'Junior' },
+    { key: 'senior', value: 'Senior' },
+    { key: 'manager', value: 'Manager' },
+  ];
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/flow-node-play-text-form.html b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-play-text-form/call-center-play-text-form.html
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/flow-node-play-text-form.html
rename to apps/example-apps/call-center/src/app/components/call-center-node/call-center-play-text-form/call-center-play-text-form.html
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-play-text-form/call-center-play-text-form.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-play-text-form/call-center-play-text-form.ts
new file mode 100644
index 00000000..0e2fcc74
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-play-text-form/call-center-play-text-form.ts
@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
+import { MatFormField } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import {
+  FormBuilder,
+  NG_VALIDATORS,
+  NG_VALUE_ACCESSOR,
+  ReactiveFormsModule,
+  Validators,
+} from '@angular/forms';
+import { IPlayTextNodeValue } from '../../../domain';
+import {
+  CallCenterNodeFormControl,
+  CallCenterNodeFormControls,
+} from '../call-center-node-form-control';
+
+@Component({
+  selector: 'call-center-play-text-form',
+  templateUrl: './call-center-play-text-form.html',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [MatFormField, ReactiveFormsModule, MatInput],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => CallCenterPlayTextForm),
+      multi: true,
+    },
+    {
+      provide: NG_VALIDATORS,
+      useExisting: forwardRef(() => CallCenterPlayTextForm),
+      multi: true,
+    },
+  ],
+})
+export class CallCenterPlayTextForm extends CallCenterNodeFormControl<IPlayTextNodeValue> {
+  private readonly _formBuilder = inject(FormBuilder);
+
+  protected readonly form = this._formBuilder.group<CallCenterNodeFormControls<IPlayTextNodeValue>>(
+    {
+      text: this._formBuilder.control(null, [Validators.required]),
+    },
+  );
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-queue-form/flow-node-queue-form.html b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-queue-form/call-center-queue-form.html
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow-node/flow-node-queue-form/flow-node-queue-form.html
rename to apps/example-apps/call-center/src/app/components/call-center-node/call-center-queue-form/call-center-queue-form.html
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-queue-form/call-center-queue-form.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-queue-form/call-center-queue-form.ts
new file mode 100644
index 00000000..f4e4118e
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-queue-form/call-center-queue-form.ts
@@ -0,0 +1,53 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { MatFormField } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { MatOption, MatSelect } from '@angular/material/select';
+import { FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { IQueueCallNodeValue, ISelectOption, QueuePriority } from '../../../domain';
+import {
+  CallCenterNodeFormControl,
+  CallCenterNodeFormControls,
+} from '../call-center-node-form-control';
+
+@Component({
+  selector: 'call-center-queue-form',
+  templateUrl: './call-center-queue-form.html',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [MatFormField, MatInput, MatSelect, MatOption, MatCheckbox, ReactiveFormsModule],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => CallCenterQueueForm),
+      multi: true,
+    },
+  ],
+})
+export class CallCenterQueueForm extends CallCenterNodeFormControl<IQueueCallNodeValue> {
+  private readonly _formBuilder = inject(FormBuilder);
+
+  protected readonly form = this._formBuilder.group<
+    CallCenterNodeFormControls<IQueueCallNodeValue>
+  >({
+    queueName: this._formBuilder.control('default'),
+    maxWaitTime: this._formBuilder.control(300),
+    priority: this._formBuilder.control('normal'),
+    musicOnHold: this._formBuilder.control(true),
+  });
+
+  protected readonly priorities: readonly ISelectOption<QueuePriority>[] = [
+    { key: 'low', value: 'Low' },
+    { key: 'normal', value: 'Normal' },
+    { key: 'high', value: 'High' },
+    { key: 'urgent', value: 'Urgent' },
+  ];
+
+  protected readonly waitTimes: readonly ISelectOption<number>[] = [
+    { key: 60, value: '1 min' },
+    { key: 120, value: '2 min' },
+    { key: 300, value: '5 min' },
+    { key: 600, value: '10 min' },
+    { key: 900, value: '15 min' },
+  ];
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-schedule-form/flow-node-schedule-form.html b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-schedule-form/call-center-schedule-form.html
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow-node/flow-node-schedule-form/flow-node-schedule-form.html
rename to apps/example-apps/call-center/src/app/components/call-center-node/call-center-schedule-form/call-center-schedule-form.html
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-schedule-form/call-center-schedule-form.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-schedule-form/call-center-schedule-form.ts
new file mode 100644
index 00000000..357df212
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-schedule-form/call-center-schedule-form.ts
@@ -0,0 +1,48 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { MatFormField } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { MatOption, MatSelect } from '@angular/material/select';
+import { FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { ICheckScheduleNodeValue } from '../../../domain';
+import {
+  CallCenterNodeFormControl,
+  CallCenterNodeFormControls,
+} from '../call-center-node-form-control';
+
+@Component({
+  selector: 'call-center-schedule-form',
+  templateUrl: './call-center-schedule-form.html',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [MatFormField, MatInput, MatSelect, MatOption, MatCheckbox, ReactiveFormsModule],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => CallCenterScheduleForm),
+      multi: true,
+    },
+  ],
+})
+export class CallCenterScheduleForm extends CallCenterNodeFormControl<ICheckScheduleNodeValue> {
+  private readonly _formBuilder = inject(FormBuilder);
+
+  protected readonly form = this._formBuilder.group<
+    CallCenterNodeFormControls<ICheckScheduleNodeValue>
+  >({
+    startTime: this._formBuilder.control('09:00'),
+    endTime: this._formBuilder.control('18:00'),
+    timezone: this._formBuilder.control('UTC'),
+    weekends: this._formBuilder.control(false),
+  });
+
+  protected readonly timezones = [
+    'UTC',
+    'US/Eastern',
+    'US/Central',
+    'US/Pacific',
+    'Europe/London',
+    'Europe/Berlin',
+    'Asia/Tokyo',
+  ];
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-transfer-form/flow-node-transfer-form.html b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-transfer-form/call-center-transfer-form.html
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow-node/flow-node-transfer-form/flow-node-transfer-form.html
rename to apps/example-apps/call-center/src/app/components/call-center-node/call-center-transfer-form/call-center-transfer-form.html
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-transfer-form/call-center-transfer-form.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-transfer-form/call-center-transfer-form.ts
new file mode 100644
index 00000000..052bbd61
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-transfer-form/call-center-transfer-form.ts
@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
+import { MatFormField } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { MatOption, MatSelect } from '@angular/material/select';
+import { FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { ISelectOption, ITransferCallNodeValue } from '../../../domain';
+import {
+  CallCenterNodeFormControl,
+  CallCenterNodeFormControls,
+} from '../call-center-node-form-control';
+
+@Component({
+  selector: 'call-center-transfer-form',
+  templateUrl: './call-center-transfer-form.html',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [MatFormField, MatInput, MatSelect, MatOption, ReactiveFormsModule],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => CallCenterTransferForm),
+      multi: true,
+    },
+  ],
+})
+export class CallCenterTransferForm extends CallCenterNodeFormControl<ITransferCallNodeValue> {
+  private readonly _formBuilder = inject(FormBuilder);
+
+  protected readonly form = this._formBuilder.group<
+    CallCenterNodeFormControls<ITransferCallNodeValue>
+  >({
+    phoneNumber: this._formBuilder.control(''),
+    ringTimeout: this._formBuilder.control(30),
+  });
+
+  protected readonly ringTimeouts: readonly ISelectOption<number>[] = [
+    { key: 15, value: '15 sec' },
+    { key: 30, value: '30 sec' },
+    { key: 45, value: '45 sec' },
+    { key: 60, value: '60 sec' },
+  ];
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-voicemail-form/flow-node-voicemail-form.html b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-voicemail-form/call-center-voicemail-form.html
similarity index 100%
rename from apps/example-apps/call-center/src/app/components/flow-node/flow-node-voicemail-form/flow-node-voicemail-form.html
rename to apps/example-apps/call-center/src/app/components/call-center-node/call-center-voicemail-form/call-center-voicemail-form.html
diff --git a/apps/example-apps/call-center/src/app/components/call-center-node/call-center-voicemail-form/call-center-voicemail-form.ts b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-voicemail-form/call-center-voicemail-form.ts
new file mode 100644
index 00000000..2fc1c45d
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/components/call-center-node/call-center-voicemail-form/call-center-voicemail-form.ts
@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
+import { MatFormField } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { MatOption, MatSelect } from '@angular/material/select';
+import { FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { ISelectOption, IVoicemailNodeValue } from '../../../domain';
+import {
+  CallCenterNodeFormControl,
+  CallCenterNodeFormControls,
+} from '../call-center-node-form-control';
+
+@Component({
+  selector: 'call-center-voicemail-form',
+  templateUrl: './call-center-voicemail-form.html',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [MatFormField, MatInput, MatSelect, MatOption, ReactiveFormsModule],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => CallCenterVoicemailForm),
+      multi: true,
+    },
+  ],
+})
+export class CallCenterVoicemailForm extends CallCenterNodeFormControl<IVoicemailNodeValue> {
+  private readonly _formBuilder = inject(FormBuilder);
+
+  protected readonly form = this._formBuilder.group<
+    CallCenterNodeFormControls<IVoicemailNodeValue>
+  >({
+    greeting: this._formBuilder.control('Please leave a message after the beep.'),
+    maxDuration: this._formBuilder.control(120),
+  });
+
+  protected readonly durations: readonly ISelectOption<number>[] = [
+    { key: 30, value: '30 sec' },
+    { key: 60, value: '1 min' },
+    { key: 120, value: '2 min' },
+    { key: 300, value: '5 min' },
+  ];
+}
diff --git a/apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel.html b/apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel.html
deleted file mode 100644
index 57913dee..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<div class="toolbar">
-  <button
-    mat-icon-button
-    (click)="removeSelected()"
-    [disabled]="!canRemove()"
-    matTooltip="Delete"
-    matTooltipPosition="above"
-  >
-    <mat-icon>delete</mat-icon>
-  </button>
-
-  <button
-    mat-icon-button
-    (click)="processAction.emit(action.SELECT_ALL)"
-    matTooltip="Select All"
-    matTooltipPosition="above"
-  >
-    <mat-icon>select_all</mat-icon>
-  </button>
-
-  <div class="divider"></div>
-
-  <button
-    mat-icon-button
-    (click)="processAction.emit(action.ZOOM_IN)"
-    matTooltip="Zoom In"
-    matTooltipPosition="above"
-  >
-    <mat-icon>zoom_in</mat-icon>
-  </button>
-
-  <button
-    mat-icon-button
-    (click)="processAction.emit(action.ZOOM_OUT)"
-    matTooltip="Zoom Out"
-    matTooltipPosition="above"
-  >
-    <mat-icon>zoom_out</mat-icon>
-  </button>
-
-  <button
-    mat-icon-button
-    (click)="processAction.emit(action.FIT_TO_SCREEN)"
-    matTooltip="Fit to Screen"
-    matTooltipPosition="above"
-  >
-    <mat-icon>fit_screen</mat-icon>
-  </button>
-
-  <button
-    mat-icon-button
-    (click)="processAction.emit(action.ONE_TO_ONE)"
-    matTooltip="1:1"
-    matTooltipPosition="above"
-  >
-    <mat-icon>crop_free</mat-icon>
-  </button>
-
-  <div class="divider"></div>
-
-  <button
-    mat-icon-button
-    [matMenuTriggerFor]="themeMenu"
-    matTooltip="Theme"
-    matTooltipPosition="above"
-  >
-    <mat-icon>{{ currentTheme === 'dark' ? 'dark_mode' : 'light_mode' }}</mat-icon>
-  </button>
-
-  <mat-menu #themeMenu="matMenu">
-    <button mat-menu-item (click)="toggleTheme('light')" [disabled]="currentTheme === 'light'">
-      Light
-    </button>
-    <button mat-menu-item (click)="toggleTheme('dark')" [disabled]="currentTheme === 'dark'">
-      Dark
-    </button>
-  </mat-menu>
-
-  <button mat-icon-button (click)="reset()" matTooltip="Reset" matTooltipPosition="above">
-    <mat-icon>restart_alt</mat-icon>
-  </button>
-</div>
diff --git a/apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel.ts b/apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel.ts
deleted file mode 100644
index 5bf89823..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-action-panel/flow-action-panel.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { ChangeDetectionStrategy, Component, inject, output } from '@angular/core';
-import { FlowActionPanelAction } from './flow-action-panel-action';
-import { MatTooltip } from '@angular/material/tooltip';
-import { FlowStore } from '../../store/flow-store';
-import { ThemeService } from '../../services/theme.service';
-import { MatIcon } from '@angular/material/icon';
-import { MatIconButton } from '@angular/material/button';
-import { FormsModule } from '@angular/forms';
-import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
-
-@Component({
-  selector: 'flow-action-panel',
-  templateUrl: './flow-action-panel.html',
-  styleUrls: ['./flow-action-panel.scss'],
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [MatTooltip, MatIcon, MatIconButton, FormsModule, MatMenuTrigger, MatMenuItem, MatMenu],
-})
-export class FlowActionPanel {
-  protected readonly store = inject(FlowStore);
-  private readonly _themeService = inject(ThemeService);
-
-  protected get currentTheme() {
-    return this._themeService.current;
-  }
-
-  public readonly processAction = output<FlowActionPanelAction>();
-  public readonly resetFlow = output<void>();
-
-  protected readonly action = FlowActionPanelAction;
-  protected readonly canRemove = this.store.canRemove;
-
-  protected removeSelected(): void {
-    this.store.removeSelected();
-  }
-
-  protected toggleTheme(theme: 'light' | 'dark'): void {
-    this._themeService.toggle(theme);
-  }
-
-  protected reset(): void {
-    this.resetFlow.emit();
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-body-outputs/flow-node-body-outputs.html b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-body-outputs/flow-node-body-outputs.html
deleted file mode 100644
index c33b2deb..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-body-outputs/flow-node-body-outputs.html
+++ /dev/null
@@ -1,19 +0,0 @@
-@for (output of outputs(); track output.id) {
-<div class="output-item">
-  <span>{{ output.label }}</span>
-  <div
-    fNodeOutput
-    [fOutputId]="output.id"
-    fOutputConnectableSide="right"
-    [isSelfConnectable]="false"
-    tabindex="0"
-    role="button"
-    aria-label="Remove connection"
-    (click)="removeOutputConnection(output.id)"
-    (keydown.enter)="removeOutputConnection(output.id)"
-    (keydown.space)="removeOutputConnection(output.id, $event)"
-  >
-    <mat-icon>close</mat-icon>
-  </div>
-</div>
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-body-outputs/flow-node-body-outputs.scss b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-body-outputs/flow-node-body-outputs.scss
deleted file mode 100644
index c64ed6b7..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-body-outputs/flow-node-body-outputs.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-:host {
-  display: block;
-  border-top: 1px solid var(--c-border);
-
-  .output-item {
-    width: calc(100% + 28px);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-left: -14px;
-    height: 34px;
-    padding: 0 14px;
-    font-size: var(--fs-md);
-    color: var(--c-text-subtle);
-
-    & + .output-item {
-      border-top: 1px solid var(--c-border);
-    }
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-body-outputs/flow-node-body-outputs.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-body-outputs/flow-node-body-outputs.ts
deleted file mode 100644
index 394da85b..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-body-outputs/flow-node-body-outputs.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Component, input, output } from '@angular/core';
-import { FFlowModule } from '@foblex/flow';
-import { MatIcon } from '@angular/material/icon';
-import { INodeOutput } from '../../../domain';
-
-@Component({
-  selector: 'flow-node-body-outputs',
-  templateUrl: './flow-node-body-outputs.html',
-  styleUrls: ['./flow-node-body-outputs.scss'],
-  standalone: true,
-  imports: [FFlowModule, MatIcon],
-})
-export class FlowNodeBodyOutputs {
-  public readonly removeConnection = output<string>();
-
-  public readonly outputs = input.required<INodeOutput[]>();
-
-  protected removeOutputConnection(outputId: string, event?: Event): void {
-    event?.preventDefault();
-    this.removeConnection.emit(outputId);
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-footer-outputs/flow-node-footer-outputs.html b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-footer-outputs/flow-node-footer-outputs.html
deleted file mode 100644
index 483fe40d..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-footer-outputs/flow-node-footer-outputs.html
+++ /dev/null
@@ -1,16 +0,0 @@
-@for (output of outputs(); track output.id) {
-<div
-  fNodeOutput
-  fOutputConnectableSide="bottom"
-  [fOutputId]="output.id"
-  [isSelfConnectable]="false"
-  tabindex="0"
-  role="button"
-  aria-label="Remove connection"
-  (click)="removeOutputConnection(output.id)"
-  (keydown.enter)="removeOutputConnection(output.id)"
-  (keydown.space)="removeOutputConnection(output.id, $event)"
->
-  <mat-icon>close</mat-icon>
-</div>
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-footer-outputs/flow-node-footer-outputs.scss b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-footer-outputs/flow-node-footer-outputs.scss
deleted file mode 100644
index 889d863f..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-footer-outputs/flow-node-footer-outputs.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-evenly;
-  align-items: flex-end;
-  padding-bottom: 2px;
-
-  .f-node-output {
-    margin-bottom: -12px;
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-footer-outputs/flow-node-footer-outputs.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-footer-outputs/flow-node-footer-outputs.ts
deleted file mode 100644
index 4d49dd01..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-footer-outputs/flow-node-footer-outputs.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Component, input, output } from '@angular/core';
-import { FFlowModule } from '@foblex/flow';
-import { MatIcon } from '@angular/material/icon';
-import { INodeOutput } from '../../../domain';
-
-@Component({
-  selector: 'flow-node-footer-outputs',
-  templateUrl: './flow-node-footer-outputs.html',
-  styleUrls: ['./flow-node-footer-outputs.scss'],
-  standalone: true,
-  imports: [FFlowModule, MatIcon],
-})
-export class FlowNodeFooterOutputs {
-  public readonly removeConnection = output<string>();
-
-  public readonly outputs = input.required<INodeOutput[]>();
-
-  protected removeOutputConnection(outputId: string, event?: Event): void {
-    event?.preventDefault();
-    this.removeConnection.emit(outputId);
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-header/flow-node-header.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-header/flow-node-header.ts
deleted file mode 100644
index 66358b3a..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-header/flow-node-header.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Component, input, model } from '@angular/core';
-import { FFlowModule } from '@foblex/flow';
-import { MatIcon } from '@angular/material/icon';
-import { NODE_PARAMS_MAP, NodeType } from '../../../domain';
-
-@Component({
-  selector: 'flow-node-header',
-  templateUrl: './flow-node-header.html',
-  styleUrls: ['./flow-node-header.scss'],
-  standalone: true,
-  imports: [FFlowModule, MatIcon],
-})
-export class FlowNodeHeader {
-  protected readonly defaultParams = NODE_PARAMS_MAP;
-
-  public readonly expanded = model(false);
-  public readonly description = input.required<string | undefined>();
-  public readonly type = input.required<NodeType>();
-
-  protected toggle(): void {
-    this.expanded.update((x) => !x);
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/flow-node-ivr-form.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/flow-node-ivr-form.ts
deleted file mode 100644
index 13c18a91..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/flow-node-ivr-form.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { Component, DestroyRef, forwardRef, inject, OnInit } from '@angular/core';
-import { MatFormField } from '@angular/material/form-field';
-import { MatOption, MatSelect } from '@angular/material/select';
-import {
-  ControlValueAccessor,
-  FormBuilder,
-  FormGroup,
-  NG_VALIDATORS,
-  NG_VALUE_ACCESSOR,
-  ReactiveFormsModule,
-  ValidationErrors,
-  Validator,
-} from '@angular/forms';
-import { IFlowNodeIvrForm } from './models/i-flow-node-ivr-form';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { distinctUntilChanged } from 'rxjs';
-import { IFlowNodeIvrFormValue } from './models/i-flow-node-ivr-form-value';
-import { IVR_FORM_OUTPUT_LIST } from './constants/ivr-form-output-list';
-import { INodeSelectOption } from '../../../domain';
-
-@Component({
-  selector: 'flow-node-ivr-form',
-  templateUrl: './flow-node-ivr-form.html',
-  standalone: true,
-  imports: [MatFormField, MatSelect, MatOption, ReactiveFormsModule],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => FlowNodeIvrForm),
-      multi: true,
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => FlowNodeIvrForm),
-      multi: true,
-    },
-  ],
-})
-export class FlowNodeIvrForm implements OnInit, ControlValueAccessor, Validator {
-  private readonly _fb = inject(FormBuilder);
-  private readonly _destroyRef = inject(DestroyRef);
-
-  private _onChange: (value: Partial<IFlowNodeIvrFormValue>) => void = () => {};
-  private _onTouch: () => void = () => {};
-
-  protected form!: FormGroup<IFlowNodeIvrForm>;
-
-  protected readonly outputs = IVR_FORM_OUTPUT_LIST;
-  protected readonly timeouts: readonly INodeSelectOption<number>[] = [
-    { key: 3, value: '3 sec' },
-    { key: 5, value: '5 sec' },
-    { key: 10, value: '10 sec' },
-    { key: 15, value: '15 sec' },
-    { key: 30, value: '30 sec' },
-  ];
-
-  public ngOnInit(): void {
-    this._buildForm();
-    this._listenFormChanges();
-  }
-
-  private _buildForm(): void {
-    this.form = this._fb.group<IFlowNodeIvrForm>({
-      outputs: this._fb.control(3),
-      timeout: this._fb.control(5),
-    });
-  }
-
-  private _listenFormChanges(): void {
-    this.form.valueChanges
-      .pipe(distinctUntilChanged(), takeUntilDestroyed(this._destroyRef))
-      .subscribe((value) => {
-        this._onChange?.(value);
-        this._onTouch?.();
-      });
-  }
-
-  public registerOnChange(fn: (value: Partial<IFlowNodeIvrFormValue>) => void): void {
-    this._onChange = fn;
-  }
-
-  public registerOnTouched(fn: () => void): void {
-    this._onTouch = fn;
-  }
-
-  public validate(): ValidationErrors | null {
-    return this.form.invalid ? { invalid: true } : null;
-  }
-
-  public writeValue(value?: IFlowNodeIvrFormValue | null): void {
-    this.form.patchValue(value ?? {}, { emitEvent: false });
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/models/i-flow-node-ivr-form-value.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/models/i-flow-node-ivr-form-value.ts
deleted file mode 100644
index cfa699e1..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/models/i-flow-node-ivr-form-value.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { IUserInputNodeValue } from '../../../../domain';
-
-export type IFlowNodeIvrFormValue = IUserInputNodeValue;
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/models/i-flow-node-ivr-form.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/models/i-flow-node-ivr-form.ts
deleted file mode 100644
index 56bc0b1e..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-ivr-form/models/i-flow-node-ivr-form.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { FormControl } from '@angular/forms';
-
-export interface IFlowNodeIvrForm {
-  outputs: FormControl<number | null>;
-  timeout: FormControl<number | null>;
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-operator-form/flow-node-operator-form.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-operator-form/flow-node-operator-form.ts
deleted file mode 100644
index 17b09747..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-operator-form/flow-node-operator-form.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Component, DestroyRef, forwardRef, inject, OnInit } from '@angular/core';
-import { MatFormField } from '@angular/material/form-field';
-import { MatOption, MatSelect } from '@angular/material/select';
-import {
-  ControlValueAccessor,
-  FormBuilder,
-  FormControl,
-  FormGroup,
-  NG_VALUE_ACCESSOR,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import {
-  INodeSelectOption,
-  IOperatorNodeValue,
-  OperatorDepartment,
-  OperatorSkillLevel,
-} from '../../../domain';
-
-interface OperatorForm {
-  department: FormControl<OperatorDepartment | null>;
-  skillLevel: FormControl<OperatorSkillLevel | null>;
-}
-
-@Component({
-  selector: 'flow-node-operator-form',
-  templateUrl: './flow-node-operator-form.html',
-  standalone: true,
-  imports: [MatFormField, MatSelect, MatOption, ReactiveFormsModule],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => FlowNodeOperatorForm),
-      multi: true,
-    },
-  ],
-})
-export class FlowNodeOperatorForm implements OnInit, ControlValueAccessor {
-  private readonly _fb = inject(FormBuilder);
-  private readonly _destroyRef = inject(DestroyRef);
-
-  private _onChange: (value: Partial<IOperatorNodeValue>) => void = () => {};
-  private _onTouch: () => void = () => {};
-
-  protected form!: FormGroup<OperatorForm>;
-
-  protected readonly departments: readonly INodeSelectOption<OperatorDepartment>[] = [
-    { key: 'general', value: 'General' },
-    { key: 'sales', value: 'Sales' },
-    { key: 'support', value: 'Technical Support' },
-    { key: 'billing', value: 'Billing' },
-    { key: 'complaints', value: 'Complaints' },
-  ];
-
-  protected readonly skillLevels: readonly INodeSelectOption<OperatorSkillLevel>[] = [
-    { key: 'any', value: 'Any' },
-    { key: 'junior', value: 'Junior' },
-    { key: 'senior', value: 'Senior' },
-    { key: 'manager', value: 'Manager' },
-  ];
-
-  public ngOnInit(): void {
-    this.form = this._fb.group<OperatorForm>({
-      department: this._fb.control('general'),
-      skillLevel: this._fb.control('any'),
-    });
-    this.form.valueChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((v) => {
-      this._onChange?.(v);
-      this._onTouch?.();
-    });
-  }
-
-  public registerOnChange(fn: (value: Partial<IOperatorNodeValue>) => void): void {
-    this._onChange = fn;
-  }
-
-  public registerOnTouched(fn: () => void): void {
-    this._onTouch = fn;
-  }
-
-  public writeValue(value?: IOperatorNodeValue | null): void {
-    if (value) this.form.patchValue(value, { emitEvent: false });
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/flow-node-play-text-form.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/flow-node-play-text-form.ts
deleted file mode 100644
index 9d991412..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/flow-node-play-text-form.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Component, DestroyRef, forwardRef, inject, OnInit } from '@angular/core';
-import { MatFormField } from '@angular/material/form-field';
-import {
-  ControlValueAccessor,
-  FormBuilder,
-  FormGroup,
-  NG_VALIDATORS,
-  NG_VALUE_ACCESSOR,
-  ReactiveFormsModule,
-  ValidationErrors,
-  Validator,
-  Validators,
-} from '@angular/forms';
-import { IFlowNodePlayTextForm } from './models/i-flow-node-play-text-form';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { distinctUntilChanged } from 'rxjs';
-import { IFlowNodePlayTextFormValue } from './models/i-flow-node-play-text-form-value';
-import { MatInput } from '@angular/material/input';
-
-@Component({
-  selector: 'flow-node-play-text-form',
-  templateUrl: './flow-node-play-text-form.html',
-  standalone: true,
-  imports: [MatFormField, ReactiveFormsModule, MatInput],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => FlowNodePlayTextForm),
-      multi: true,
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => FlowNodePlayTextForm),
-      multi: true,
-    },
-  ],
-})
-export class FlowNodePlayTextForm implements OnInit, ControlValueAccessor, Validator {
-  private readonly _fb = inject(FormBuilder);
-  private readonly _destroyRef = inject(DestroyRef);
-
-  private _onChange: (value: Partial<IFlowNodePlayTextFormValue>) => void = () => {};
-  private _onTouch: () => void = () => {};
-
-  protected form!: FormGroup<IFlowNodePlayTextForm>;
-
-  public ngOnInit(): void {
-    this._buildForm();
-    this._listenFormChanges();
-  }
-
-  private _buildForm(): void {
-    this.form = this._fb.group<IFlowNodePlayTextForm>({
-      text: this._fb.control(null, [Validators.required]),
-    });
-  }
-
-  private _listenFormChanges(): void {
-    this.form.valueChanges
-      .pipe(distinctUntilChanged(), takeUntilDestroyed(this._destroyRef))
-      .subscribe((value) => {
-        this._onChange?.(value);
-        this._onTouch?.();
-      });
-  }
-
-  public registerOnChange(fn: (value: Partial<IFlowNodePlayTextFormValue>) => void): void {
-    this._onChange = fn;
-  }
-
-  public registerOnTouched(fn: () => void): void {
-    this._onTouch = fn;
-  }
-
-  public validate(): ValidationErrors | null {
-    return this.form.invalid ? { invalid: true } : null;
-  }
-
-  public writeValue(value?: IFlowNodePlayTextFormValue | null): void {
-    this.form.patchValue(value ?? {}, { emitEvent: false });
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/models/i-flow-node-play-text-form-value.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/models/i-flow-node-play-text-form-value.ts
deleted file mode 100644
index 2a3321a3..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/models/i-flow-node-play-text-form-value.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { IPlayTextNodeValue } from '../../../../domain';
-
-export type IFlowNodePlayTextFormValue = IPlayTextNodeValue;
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/models/i-flow-node-play-text-form.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/models/i-flow-node-play-text-form.ts
deleted file mode 100644
index 6927ddd6..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-play-text-form/models/i-flow-node-play-text-form.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { FormControl } from '@angular/forms';
-
-export interface IFlowNodePlayTextForm {
-  text: FormControl<string | null>;
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-queue-form/flow-node-queue-form.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-queue-form/flow-node-queue-form.ts
deleted file mode 100644
index 27502ec7..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-queue-form/flow-node-queue-form.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { Component, DestroyRef, forwardRef, inject, OnInit } from '@angular/core';
-import { MatFormField } from '@angular/material/form-field';
-import { MatInput } from '@angular/material/input';
-import { MatOption, MatSelect } from '@angular/material/select';
-import { MatCheckbox } from '@angular/material/checkbox';
-import {
-  ControlValueAccessor,
-  FormBuilder,
-  FormControl,
-  FormGroup,
-  NG_VALUE_ACCESSOR,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { INodeSelectOption, IQueueCallNodeValue, QueuePriority } from '../../../domain';
-
-interface QueueForm {
-  queueName: FormControl<IQueueCallNodeValue['queueName']>;
-  maxWaitTime: FormControl<IQueueCallNodeValue['maxWaitTime']>;
-  priority: FormControl<QueuePriority | null>;
-  musicOnHold: FormControl<IQueueCallNodeValue['musicOnHold']>;
-}
-
-@Component({
-  selector: 'flow-node-queue-form',
-  templateUrl: './flow-node-queue-form.html',
-  standalone: true,
-  imports: [MatFormField, MatInput, MatSelect, MatOption, MatCheckbox, ReactiveFormsModule],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => FlowNodeQueueForm),
-      multi: true,
-    },
-  ],
-})
-export class FlowNodeQueueForm implements OnInit, ControlValueAccessor {
-  private readonly _fb = inject(FormBuilder);
-  private readonly _destroyRef = inject(DestroyRef);
-
-  private _onChange: (value: Partial<IQueueCallNodeValue>) => void = () => {};
-  private _onTouch: () => void = () => {};
-
-  protected form!: FormGroup<QueueForm>;
-
-  protected readonly priorities: readonly INodeSelectOption<QueuePriority>[] = [
-    { key: 'low', value: 'Low' },
-    { key: 'normal', value: 'Normal' },
-    { key: 'high', value: 'High' },
-    { key: 'urgent', value: 'Urgent' },
-  ];
-
-  protected readonly waitTimes: readonly INodeSelectOption<number>[] = [
-    { key: 60, value: '1 min' },
-    { key: 120, value: '2 min' },
-    { key: 300, value: '5 min' },
-    { key: 600, value: '10 min' },
-    { key: 900, value: '15 min' },
-  ];
-
-  public ngOnInit(): void {
-    this.form = this._fb.group<QueueForm>({
-      queueName: this._fb.control('default'),
-      maxWaitTime: this._fb.control(300),
-      priority: this._fb.control('normal'),
-      musicOnHold: this._fb.control(true),
-    });
-    this.form.valueChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((v) => {
-      this._onChange?.(v);
-      this._onTouch?.();
-    });
-  }
-
-  public registerOnChange(fn: (value: Partial<IQueueCallNodeValue>) => void): void {
-    this._onChange = fn;
-  }
-
-  public registerOnTouched(fn: () => void): void {
-    this._onTouch = fn;
-  }
-
-  public writeValue(value?: IQueueCallNodeValue | null): void {
-    if (value) this.form.patchValue(value, { emitEvent: false });
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-schedule-form/flow-node-schedule-form.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-schedule-form/flow-node-schedule-form.ts
deleted file mode 100644
index f7c8eed8..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-schedule-form/flow-node-schedule-form.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { Component, DestroyRef, forwardRef, inject, OnInit } from '@angular/core';
-import { MatFormField } from '@angular/material/form-field';
-import { MatInput } from '@angular/material/input';
-import { MatOption, MatSelect } from '@angular/material/select';
-import {
-  ControlValueAccessor,
-  FormBuilder,
-  FormControl,
-  FormGroup,
-  NG_VALUE_ACCESSOR,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { MatCheckbox } from '@angular/material/checkbox';
-import { ICheckScheduleNodeValue } from '../../../domain';
-
-interface ScheduleForm {
-  startTime: FormControl<ICheckScheduleNodeValue['startTime']>;
-  endTime: FormControl<ICheckScheduleNodeValue['endTime']>;
-  timezone: FormControl<ICheckScheduleNodeValue['timezone']>;
-  weekends: FormControl<ICheckScheduleNodeValue['weekends']>;
-}
-
-@Component({
-  selector: 'flow-node-schedule-form',
-  templateUrl: './flow-node-schedule-form.html',
-  standalone: true,
-  imports: [MatFormField, MatInput, MatSelect, MatOption, MatCheckbox, ReactiveFormsModule],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => FlowNodeScheduleForm),
-      multi: true,
-    },
-  ],
-})
-export class FlowNodeScheduleForm implements OnInit, ControlValueAccessor {
-  private readonly _fb = inject(FormBuilder);
-  private readonly _destroyRef = inject(DestroyRef);
-
-  private _onChange: (value: Partial<ICheckScheduleNodeValue>) => void = () => {};
-  private _onTouch: () => void = () => {};
-
-  protected form!: FormGroup<ScheduleForm>;
-
-  protected readonly timezones = [
-    'UTC',
-    'US/Eastern',
-    'US/Central',
-    'US/Pacific',
-    'Europe/London',
-    'Europe/Berlin',
-    'Asia/Tokyo',
-  ];
-
-  public ngOnInit(): void {
-    this.form = this._fb.group<ScheduleForm>({
-      startTime: this._fb.control('09:00'),
-      endTime: this._fb.control('18:00'),
-      timezone: this._fb.control('UTC'),
-      weekends: this._fb.control(false),
-    });
-    this.form.valueChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((v) => {
-      this._onChange?.(v);
-      this._onTouch?.();
-    });
-  }
-
-  public registerOnChange(fn: (value: Partial<ICheckScheduleNodeValue>) => void): void {
-    this._onChange = fn;
-  }
-
-  public registerOnTouched(fn: () => void): void {
-    this._onTouch = fn;
-  }
-
-  public writeValue(value?: ICheckScheduleNodeValue | null): void {
-    if (value) this.form.patchValue(value, { emitEvent: false });
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-transfer-form/flow-node-transfer-form.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-transfer-form/flow-node-transfer-form.ts
deleted file mode 100644
index 483b2f28..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-transfer-form/flow-node-transfer-form.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component, DestroyRef, forwardRef, inject, OnInit } from '@angular/core';
-import { MatFormField } from '@angular/material/form-field';
-import { MatInput } from '@angular/material/input';
-import { MatOption, MatSelect } from '@angular/material/select';
-import {
-  ControlValueAccessor,
-  FormBuilder,
-  FormControl,
-  FormGroup,
-  NG_VALUE_ACCESSOR,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { INodeSelectOption, ITransferCallNodeValue } from '../../../domain';
-
-interface TransferForm {
-  phoneNumber: FormControl<ITransferCallNodeValue['phoneNumber']>;
-  ringTimeout: FormControl<ITransferCallNodeValue['ringTimeout']>;
-}
-
-@Component({
-  selector: 'flow-node-transfer-form',
-  templateUrl: './flow-node-transfer-form.html',
-  standalone: true,
-  imports: [MatFormField, MatInput, MatSelect, MatOption, ReactiveFormsModule],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => FlowNodeTransferForm),
-      multi: true,
-    },
-  ],
-})
-export class FlowNodeTransferForm implements OnInit, ControlValueAccessor {
-  private readonly _fb = inject(FormBuilder);
-  private readonly _destroyRef = inject(DestroyRef);
-
-  private _onChange: (value: Partial<ITransferCallNodeValue>) => void = () => {};
-  private _onTouch: () => void = () => {};
-
-  protected form!: FormGroup<TransferForm>;
-
-  protected readonly ringTimeouts: readonly INodeSelectOption<number>[] = [
-    { key: 15, value: '15 sec' },
-    { key: 30, value: '30 sec' },
-    { key: 45, value: '45 sec' },
-    { key: 60, value: '60 sec' },
-  ];
-
-  public ngOnInit(): void {
-    this.form = this._fb.group<TransferForm>({
-      phoneNumber: this._fb.control(''),
-      ringTimeout: this._fb.control(30),
-    });
-    this.form.valueChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((v) => {
-      this._onChange?.(v);
-      this._onTouch?.();
-    });
-  }
-
-  public registerOnChange(fn: (value: Partial<ITransferCallNodeValue>) => void): void {
-    this._onChange = fn;
-  }
-
-  public registerOnTouched(fn: () => void): void {
-    this._onTouch = fn;
-  }
-
-  public writeValue(value?: ITransferCallNodeValue | null): void {
-    if (value) this.form.patchValue(value, { emitEvent: false });
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-voicemail-form/flow-node-voicemail-form.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node-voicemail-form/flow-node-voicemail-form.ts
deleted file mode 100644
index 010f9479..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node-voicemail-form/flow-node-voicemail-form.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Component, DestroyRef, forwardRef, inject, OnInit } from '@angular/core';
-import { MatFormField } from '@angular/material/form-field';
-import { MatInput } from '@angular/material/input';
-import { MatOption, MatSelect } from '@angular/material/select';
-import {
-  ControlValueAccessor,
-  FormBuilder,
-  FormControl,
-  FormGroup,
-  NG_VALUE_ACCESSOR,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { INodeSelectOption, IVoiceMailNodeValue } from '../../../domain';
-
-interface VoicemailForm {
-  greeting: FormControl<IVoiceMailNodeValue['greeting']>;
-  maxDuration: FormControl<IVoiceMailNodeValue['maxDuration']>;
-}
-
-@Component({
-  selector: 'flow-node-voicemail-form',
-  templateUrl: './flow-node-voicemail-form.html',
-  standalone: true,
-  imports: [MatFormField, MatInput, MatSelect, MatOption, ReactiveFormsModule],
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => FlowNodeVoicemailForm),
-      multi: true,
-    },
-  ],
-})
-export class FlowNodeVoicemailForm implements OnInit, ControlValueAccessor {
-  private readonly _fb = inject(FormBuilder);
-  private readonly _destroyRef = inject(DestroyRef);
-
-  private _onChange: (value: Partial<IVoiceMailNodeValue>) => void = () => {};
-  private _onTouch: () => void = () => {};
-
-  protected form!: FormGroup<VoicemailForm>;
-
-  protected readonly durations: readonly INodeSelectOption<number>[] = [
-    { key: 30, value: '30 sec' },
-    { key: 60, value: '1 min' },
-    { key: 120, value: '2 min' },
-    { key: 300, value: '5 min' },
-  ];
-
-  public ngOnInit(): void {
-    this.form = this._fb.group<VoicemailForm>({
-      greeting: this._fb.control('Please leave a message after the beep.'),
-      maxDuration: this._fb.control(120),
-    });
-    this.form.valueChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((v) => {
-      this._onChange?.(v);
-      this._onTouch?.();
-    });
-  }
-
-  public registerOnChange(fn: (value: Partial<IVoiceMailNodeValue>) => void): void {
-    this._onChange = fn;
-  }
-
-  public registerOnTouched(fn: () => void): void {
-    this._onTouch = fn;
-  }
-
-  public writeValue(value?: IVoiceMailNodeValue | null): void {
-    if (value) this.form.patchValue(value, { emitEvent: false });
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node.html b/apps/example-apps/call-center/src/app/components/flow-node/flow-node.html
deleted file mode 100644
index 16eaf70d..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node.html
+++ /dev/null
@@ -1,38 +0,0 @@
-@let model = viewModel();
-
-<flow-node-header
-  [(expanded)]="expanded"
-  (expandedChange)="toggle($event)"
-  [type]="model.type"
-  [description]="model.description"
-  fDragHandle
-/>
-@if (expanded()) {
-<div class="node-form" fDragBlocker>
-  @switch (model.type) { @case (nodeType.USER_INPUT) {
-  <flow-node-ivr-form [formControl]="form" />
-  } @case (nodeType.PLAY_TEXT) {
-  <flow-node-play-text-form [formControl]="form" />
-  } @case (nodeType.CHECK_SCHEDULE) {
-  <flow-node-schedule-form [formControl]="form" />
-  } @case (nodeType.QUEUE_CALL) {
-  <flow-node-queue-form [formControl]="form" />
-  } @case (nodeType.TO_OPERATOR) {
-  <flow-node-operator-form [formControl]="form" />
-  } @case (nodeType.TRANSFER_CALL) {
-  <flow-node-transfer-form [formControl]="form" />
-  } @case (nodeType.VOICE_MAIL) {
-  <flow-node-voicemail-form [formControl]="form" />
-  } }
-</div>
-
-<flow-node-body-outputs
-  [outputs]="model.outputs"
-  (removeConnection)="removeConnection.emit($event)"
-/>
-} @else {
-<flow-node-footer-outputs
-  [outputs]="model.outputs"
-  (removeConnection)="removeConnection.emit($event)"
-/>
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node.scss b/apps/example-apps/call-center/src/app/components/flow-node/flow-node.scss
deleted file mode 100644
index 3f05f158..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-// Styles for .node-form, .form-row, .mat-mdc-checkbox are in global _material.scss
-// (needed to penetrate child form components under Angular Emulated encapsulation)
diff --git a/apps/example-apps/call-center/src/app/components/flow-node/flow-node.ts b/apps/example-apps/call-center/src/app/components/flow-node/flow-node.ts
deleted file mode 100644
index 3fb9a0f5..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-node/flow-node.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import {
-  Component,
-  DestroyRef,
-  effect,
-  inject,
-  Injector,
-  input,
-  OnInit,
-  output,
-  signal,
-  untracked,
-} from '@angular/core';
-import { FFlowModule } from '@foblex/flow';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { FlowNodeValuePatch, FlowStateNode, NODE_PARAMS_MAP, NodeType } from '../../domain';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { FlowNodeHeader } from './flow-node-header/flow-node-header';
-import { FlowNodeFooterOutputs } from './flow-node-footer-outputs/flow-node-footer-outputs';
-import { FlowNodeBodyOutputs } from './flow-node-body-outputs/flow-node-body-outputs';
-import { distinctUntilChanged } from 'rxjs';
-import { FlowStore } from '../../store/flow-store';
-import { FlowNodeIvrForm } from './flow-node-ivr-form/flow-node-ivr-form';
-import { FlowNodePlayTextForm } from './flow-node-play-text-form/flow-node-play-text-form';
-import { FlowNodeScheduleForm } from './flow-node-schedule-form/flow-node-schedule-form';
-import { FlowNodeQueueForm } from './flow-node-queue-form/flow-node-queue-form';
-import { FlowNodeOperatorForm } from './flow-node-operator-form/flow-node-operator-form';
-import { FlowNodeTransferForm } from './flow-node-transfer-form/flow-node-transfer-form';
-import { FlowNodeVoicemailForm } from './flow-node-voicemail-form/flow-node-voicemail-form';
-
-@Component({
-  selector: 'flow-node',
-  templateUrl: './flow-node.html',
-  styleUrls: ['./flow-node.scss'],
-  standalone: true,
-  imports: [
-    FFlowModule,
-    ReactiveFormsModule,
-    FlowNodeHeader,
-    FlowNodeFooterOutputs,
-    FlowNodeBodyOutputs,
-    FlowNodeIvrForm,
-    FlowNodePlayTextForm,
-    FlowNodeScheduleForm,
-    FlowNodeQueueForm,
-    FlowNodeOperatorForm,
-    FlowNodeTransferForm,
-    FlowNodeVoicemailForm,
-  ],
-  host: {
-    '[class.invalid]': 'form.invalid && form.touched',
-  },
-})
-export class FlowNode implements OnInit {
-  private readonly _destroyRef = inject(DestroyRef);
-  private readonly _injector = inject(Injector);
-  private readonly _store = inject(FlowStore);
-
-  public readonly viewModel = input.required<FlowStateNode>();
-
-  public readonly removeConnection = output<string>();
-
-  protected readonly form = new FormControl<FlowNodeValuePatch>(null);
-  protected readonly defaultParams = NODE_PARAMS_MAP;
-  protected readonly expanded = signal(false);
-
-  protected readonly nodeType = NodeType;
-
-  public ngOnInit(): void {
-    this._listenViewModelChanges();
-    this._listenToFormChanges();
-  }
-
-  private _listenToFormChanges(): void {
-    this.form.valueChanges
-      .pipe(
-        distinctUntilChanged((prev, curr) => this._isEqual(prev, curr)),
-        takeUntilDestroyed(this._destroyRef),
-      )
-      .subscribe((value) => {
-        this._store.updateNode(this.viewModel().id, { value });
-      });
-  }
-
-  private _isEqual<TValue>(a: TValue, b: TValue): boolean {
-    return JSON.stringify(a) === JSON.stringify(b);
-  }
-
-  private _listenViewModelChanges(): void {
-    effect(
-      () => {
-        const viewModel = this.viewModel();
-        untracked(() => {
-          this.expanded.set(viewModel.isExpanded ?? false);
-          this.form.setValue(viewModel.value, { emitEvent: false });
-        });
-      },
-      { injector: this._injector },
-    );
-  }
-
-  protected toggle(isExpanded: boolean): void {
-    this._store.updateNode(this.viewModel().id, { isExpanded });
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow-palette/flow-palette.ts b/apps/example-apps/call-center/src/app/components/flow-palette/flow-palette.ts
deleted file mode 100644
index b9f49137..00000000
--- a/apps/example-apps/call-center/src/app/components/flow-palette/flow-palette.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';
-import { FFlowModule } from '@foblex/flow';
-import { MatTooltip } from '@angular/material/tooltip';
-import { NODE_PARAMS_MAP, NodeType } from '../../domain';
-import { MatIcon } from '@angular/material/icon';
-import { MatIconButton } from '@angular/material/button';
-import { FlowStore } from '../../store/flow-store';
-
-@Component({
-  selector: 'flow-palette',
-  templateUrl: './flow-palette.html',
-  styleUrls: ['./flow-palette.scss'],
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [FFlowModule, MatTooltip, MatIcon, MatIconButton],
-})
-export class FlowPalette {
-  private readonly _store = inject(FlowStore);
-
-  private readonly _allItems = Object.entries(NODE_PARAMS_MAP).map(([key, data]) => ({
-    ...data,
-    type: key,
-  }));
-
-  protected readonly nodes = computed(() => {
-    const storeNodes = this._store.nodes();
-    const hasIncomingCall = storeNodes.some((n) => n.type === NodeType.INCOMING_CALL);
-
-    return this._allItems.map((item) => ({
-      ...item,
-      disabled: item.type === NodeType.INCOMING_CALL && hasIncomingCall,
-    }));
-  });
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow/flow.html b/apps/example-apps/call-center/src/app/components/flow/flow.html
deleted file mode 100644
index 745b34cf..00000000
--- a/apps/example-apps/call-center/src/app/components/flow/flow.html
+++ /dev/null
@@ -1,57 +0,0 @@
-@let model = viewModel(); @if (model) {
-
-<flow-action-panel (processAction)="processAction($event)" (resetFlow)="reset()" />
-<flow-palette />
-<f-flow
-  fDraggable
-  (fFullRendered)="editorLoaded()"
-  (fMoveNodes)="moveNodes($event)"
-  (fCreateConnection)="createConnection($event)"
-  (fReassignConnection)="reassignConnection($event)"
-  (fCreateNode)="createNode($event)"
-  (fSelectionChange)="changeSelection($event)"
->
-  <f-background>
-    <f-circle-pattern />
-  </f-background>
-  <f-line-alignment [fAlignThreshold]="20" />
-  <f-selection-area />
-  <f-canvas
-    fZoom
-    [scale]="model?.transform?.scale"
-    [position]="model?.transform?.position"
-    [debounceTime]="fCanvasChangeEventDebounce"
-    (fCanvasChange)="changeCanvasTransform($event)"
-  >
-    @for (connection of connections(); track connection.id) {
-    <f-connection
-      fBehavior="fixed"
-      [fConnectionId]="connection.id"
-      [fOffset]="32"
-      fType="segment"
-      [fOutputId]="connection.source"
-      [fInputId]="connection.target"
-      fInputSide="calculate"
-    >
-      <f-connection-marker-arrow />
-    </f-connection>
-    }
-    <f-connection-for-create fType="segment" [fOffset]="0">
-      <f-connection-marker-arrow />
-    </f-connection-for-create>
-    @for (node of nodes(); track node.id) {
-    <flow-node
-      fNode
-      [fNodeId]="node.id"
-      [viewModel]="node"
-      fNodeInput
-      [fInputId]="node.input"
-      [fInputDisabled]="!node.input"
-      [fNodePosition]="node.position"
-      (removeConnection)="removeConnection($event)"
-    />
-    }
-  </f-canvas>
-  <f-minimap [fMinSize]="2000" />
-</f-flow>
-}
diff --git a/apps/example-apps/call-center/src/app/components/flow/flow.ts b/apps/example-apps/call-center/src/app/components/flow/flow.ts
deleted file mode 100644
index b79974e4..00000000
--- a/apps/example-apps/call-center/src/app/components/flow/flow.ts
+++ /dev/null
@@ -1,199 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  inject,
-  input,
-  OnInit,
-  viewChild,
-} from '@angular/core';
-import {
-  EFMarkerType,
-  EFReflowCollision,
-  EFReflowDeltaSource,
-  FCanvasChangeEvent,
-  FCanvasComponent,
-  FCreateConnectionEvent,
-  FCreateNodeEvent,
-  FFlowComponent,
-  FFlowModule,
-  FMoveNodesEvent,
-  FReassignConnectionEvent,
-  FSelectionChangeEvent,
-  FZoomDirective,
-  provideFFlow,
-  withReflowOnResize,
-} from '@foblex/flow';
-import { FormsModule } from '@angular/forms';
-import { FlowNode } from '../flow-node/flow-node';
-import { FlowActionPanel } from '../flow-action-panel/flow-action-panel';
-import { FlowPalette } from '../flow-palette/flow-palette';
-import { FlowActionPanelAction } from '../flow-action-panel/flow-action-panel-action';
-import { A, BACKSPACE, DASH, DELETE, NUMPAD_MINUS, NUMPAD_PLUS } from '@angular/cdk/keycodes';
-import { EOperationSystem, PlatformService } from '@foblex/platform';
-import { FlowStore } from '../../store/flow-store';
-
-@Component({
-  selector: 'flow',
-  templateUrl: './flow.html',
-  styleUrls: ['./flow.scss'],
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [FFlowModule, FlowNode, FlowActionPanel, FlowPalette, FormsModule],
-  providers: [
-    FlowStore,
-    provideFFlow(
-      { id: 'main' },
-      withReflowOnResize({
-        collision: EFReflowCollision.STOP,
-        deltaSource: EFReflowDeltaSource.EDGE_BASED,
-        spacing: { vertical: 24 },
-        maxCascadeDepth: 8,
-        maxAbsoluteShiftPerPlan: 10000,
-      }),
-    ),
-  ],
-  host: {
-    '(keydown)': 'onKeyDown($event)',
-    'tabindex': '-1',
-  },
-})
-export class Flow implements OnInit {
-  public readonly id = input.required<string>();
-
-  protected readonly store = inject(FlowStore);
-  private readonly _platform = inject(PlatformService);
-
-  private readonly _flow = viewChild(FFlowComponent);
-  private readonly _canvas = viewChild(FCanvasComponent);
-  private readonly _zoom = viewChild(FZoomDirective);
-
-  private _isChangeAfterLoadedResetAndCenter = true;
-
-  protected readonly fCanvasChangeEventDebounce = 200;
-
-  protected readonly viewModel = computed(() => this.store.model());
-
-  protected readonly nodes = this.store.nodes;
-  protected readonly connections = this.store.connections;
-
-  protected eMarkerType = EFMarkerType;
-
-  public ngOnInit(): void {
-    this.store.initialize(this.id());
-    this._applySelection();
-  }
-
-  private _applySelection(): void {
-    const model = this.store.model();
-    if (model?.selection) {
-      this._flow()?.select(model.selection.nodes || [], model.selection.connections || [], false);
-    }
-  }
-
-  protected reset(): void {
-    this._flow()?.reset();
-    this.store.resetFlow();
-    this._isChangeAfterLoadedResetAndCenter = true;
-    this.store.initialize(this.id());
-  }
-
-  protected editorLoaded(): void {
-    this._isChangeAfterLoadedResetAndCenter = true;
-    if (this.viewModel()?.transform?.position) {
-      return;
-    }
-    this._canvas()?.fitToScreen({ x: 150, y: 150 }, false);
-  }
-
-  protected changeCanvasTransform(event: FCanvasChangeEvent): void {
-    if (this._isChangeAfterLoadedResetAndCenter) {
-      this._isChangeAfterLoadedResetAndCenter = false;
-
-      return;
-    }
-    this.store.transformCanvas(event);
-  }
-
-  protected createNode(event: FCreateNodeEvent): void {
-    this.store.createNode(event);
-  }
-
-  protected moveNodes(event: FMoveNodesEvent): void {
-    this.store.moveNodes(event);
-  }
-
-  protected createConnection(event: FCreateConnectionEvent): void {
-    this.store.createConnection(event);
-  }
-
-  protected reassignConnection(event: FReassignConnectionEvent): void {
-    this.store.reassignConnection(event);
-  }
-
-  protected changeSelection(event: FSelectionChangeEvent): void {
-    this.store.changeSelection(event);
-    this._applySelection();
-  }
-
-  protected removeConnection(outputId: string): void {
-    this.store.removeConnectionByOutput(outputId);
-  }
-
-  private _selectAll(): void {
-    this._flow()?.selectAll();
-    this.store.selectAll();
-  }
-
-  protected processAction(event: FlowActionPanelAction): void {
-    switch (event) {
-      case FlowActionPanelAction.SELECT_ALL:
-        this._selectAll();
-        break;
-      case FlowActionPanelAction.ZOOM_IN:
-        this._zoom()?.zoomIn();
-        break;
-      case FlowActionPanelAction.ZOOM_OUT:
-        this._zoom()?.zoomOut();
-        break;
-      case FlowActionPanelAction.FIT_TO_SCREEN:
-        this._canvas()?.fitToScreen();
-        break;
-      case FlowActionPanelAction.ONE_TO_ONE:
-        this._canvas()?.resetScaleAndCenter();
-        break;
-    }
-  }
-
-  protected onKeyDown(event: KeyboardEvent): void {
-    if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
-      return;
-    }
-    switch (event.keyCode) {
-      case BACKSPACE:
-      case DELETE:
-        this.store.removeSelected();
-        break;
-      case NUMPAD_PLUS:
-        if (this._isCommandButton(event)) {
-          this._zoom()?.zoomIn();
-        }
-        break;
-      case NUMPAD_MINUS:
-      case DASH:
-        if (this._isCommandButton(event)) {
-          this._zoom()?.zoomOut();
-        }
-        break;
-      case A:
-        if (this._isCommandButton(event)) {
-          this._selectAll();
-        }
-        break;
-    }
-  }
-
-  private _isCommandButton(event: { metaKey: boolean; ctrlKey: boolean }): boolean {
-    return this._platform.getOS() === EOperationSystem.MAC_OS ? event.metaKey : event.ctrlKey;
-  }
-}
diff --git a/apps/example-apps/call-center/src/app/domain/call-center-connection.ts b/apps/example-apps/call-center/src/app/domain/call-center-connection.ts
new file mode 100644
index 00000000..2ad5dc77
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/domain/call-center-connection.ts
@@ -0,0 +1,3 @@
+import { IFStateConnection } from '@foblex/flow';
+
+export type CallCenterConnectionRecord = IFStateConnection;
diff --git a/apps/example-apps/call-center/src/app/domain/call-center-flow-snapshot.ts b/apps/example-apps/call-center/src/app/domain/call-center-flow-snapshot.ts
new file mode 100644
index 00000000..b62b748c
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/domain/call-center-flow-snapshot.ts
@@ -0,0 +1,5 @@
+import { IFStateData } from '@foblex/flow';
+import { CallCenterConnectionRecord } from './call-center-connection';
+import { CallCenterNodeRecord } from './i-call-center-node';
+
+export type CallCenterFlowSnapshot = IFStateData<CallCenterNodeRecord, CallCenterConnectionRecord>;
diff --git a/apps/example-apps/call-center/src/app/domain/call-center-node-factory.ts b/apps/example-apps/call-center/src/app/domain/call-center-node-factory.ts
new file mode 100644
index 00000000..e2d59d6a
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/domain/call-center-node-factory.ts
@@ -0,0 +1,164 @@
+import { IPoint } from '@foblex/2d';
+import { generateGuid } from '@foblex/utils';
+import { ECallCenterNodeType } from './e-call-center-node-type';
+import { CallCenterNodeRecord, ICallCenterNode } from './i-call-center-node';
+
+export function createCallCenterNode(
+  type: ECallCenterNodeType,
+  position: IPoint,
+): CallCenterNodeRecord {
+  switch (type) {
+    case ECallCenterNodeType.INCOMING_CALL:
+      return createIncomingCallNode(position);
+    case ECallCenterNodeType.CHECK_SCHEDULE:
+      return createCheckScheduleNode(position);
+    case ECallCenterNodeType.PLAY_TEXT:
+      return createPlayTextNode(position);
+    case ECallCenterNodeType.USER_INPUT:
+      return createIvrNode(position);
+    case ECallCenterNodeType.QUEUE_CALL:
+      return createQueueCallNode(position);
+    case ECallCenterNodeType.TO_OPERATOR:
+      return createOperatorNode(position);
+    case ECallCenterNodeType.TRANSFER_CALL:
+      return createTransferCallNode(position);
+    case ECallCenterNodeType.VOICEMAIL:
+      return createVoicemailNode(position);
+    case ECallCenterNodeType.DISCONNECT:
+      return createDisconnectNode(position);
+  }
+}
+
+export function createIncomingCallNode(
+  position: IPoint,
+): ICallCenterNode<ECallCenterNodeType.INCOMING_CALL> {
+  return {
+    id: generateGuid(),
+    outputs: [{ id: generateGuid(), label: '' }],
+    position,
+    type: ECallCenterNodeType.INCOMING_CALL,
+    value: null,
+  };
+}
+
+export function createCheckScheduleNode(
+  position: IPoint,
+): ICallCenterNode<ECallCenterNodeType.CHECK_SCHEDULE> {
+  return {
+    id: generateGuid(),
+    description: 'Business hours check',
+    input: generateGuid(),
+    outputs: [
+      { id: generateGuid(), label: 'Working hours' },
+      { id: generateGuid(), label: 'After hours' },
+    ],
+    position,
+    type: ECallCenterNodeType.CHECK_SCHEDULE,
+    value: { startTime: '09:00', endTime: '18:00', timezone: 'UTC', weekends: false },
+  };
+}
+
+export function createPlayTextNode(
+  position: IPoint,
+): ICallCenterNode<ECallCenterNodeType.PLAY_TEXT> {
+  return {
+    id: generateGuid(),
+    description: 'Text-to-speech',
+    input: generateGuid(),
+    outputs: [{ id: generateGuid(), label: 'Done' }],
+    position,
+    type: ECallCenterNodeType.PLAY_TEXT,
+    value: { text: '' },
+  };
+}
+
+export function createIvrNode(position: IPoint): ICallCenterNode<ECallCenterNodeType.USER_INPUT> {
+  return {
+    id: generateGuid(),
+    description: 'Digit input',
+    input: generateGuid(),
+    outputs: [
+      { id: generateGuid(), label: 'Key 1' },
+      { id: generateGuid(), label: 'Key 2' },
+      { id: generateGuid(), label: 'Key 3' },
+    ],
+    position,
+    type: ECallCenterNodeType.USER_INPUT,
+    value: { outputs: 3, timeout: 5 },
+  };
+}
+
+export function createQueueCallNode(
+  position: IPoint,
+): ICallCenterNode<ECallCenterNodeType.QUEUE_CALL> {
+  return {
+    id: generateGuid(),
+    description: 'Call queue',
+    input: generateGuid(),
+    outputs: [
+      { id: generateGuid(), label: 'Answered' },
+      { id: generateGuid(), label: 'Timeout' },
+    ],
+    position,
+    type: ECallCenterNodeType.QUEUE_CALL,
+    value: { queueName: 'default', maxWaitTime: 300, priority: 'normal', musicOnHold: true },
+  };
+}
+
+export function createOperatorNode(
+  position: IPoint,
+): ICallCenterNode<ECallCenterNodeType.TO_OPERATOR> {
+  return {
+    id: generateGuid(),
+    description: 'Operator transfer',
+    input: generateGuid(),
+    outputs: [{ id: generateGuid(), label: 'Call ended' }],
+    position,
+    type: ECallCenterNodeType.TO_OPERATOR,
+    value: { department: 'general', skillLevel: 'any' },
+  };
+}
+
+export function createTransferCallNode(
+  position: IPoint,
+): ICallCenterNode<ECallCenterNodeType.TRANSFER_CALL> {
+  return {
+    id: generateGuid(),
+    description: 'External transfer',
+    input: generateGuid(),
+    outputs: [
+      { id: generateGuid(), label: 'Answered' },
+      { id: generateGuid(), label: 'No answer' },
+    ],
+    position,
+    type: ECallCenterNodeType.TRANSFER_CALL,
+    value: { phoneNumber: '', ringTimeout: 30 },
+  };
+}
+
+export function createVoicemailNode(
+  position: IPoint,
+): ICallCenterNode<ECallCenterNodeType.VOICEMAIL> {
+  return {
+    id: generateGuid(),
+    description: 'Record voicemail',
+    input: generateGuid(),
+    outputs: [{ id: generateGuid(), label: 'Recorded' }],
+    position,
+    type: ECallCenterNodeType.VOICEMAIL,
+    value: { greeting: 'Please leave a message after the beep.', maxDuration: 120 },
+  };
+}
+
+export function createDisconnectNode(
+  position: IPoint,
+): ICallCenterNode<ECallCenterNodeType.DISCONNECT> {
+  return {
+    id: generateGuid(),
+    input: generateGuid(),
+    outputs: [],
+    position,
+    type: ECallCenterNodeType.DISCONNECT,
+    value: null,
+  };
+}
diff --git a/apps/example-apps/call-center/src/app/domain/node-params-map.ts b/apps/example-apps/call-center/src/app/domain/call-center-node-metadata.ts
similarity index 67%
rename from apps/example-apps/call-center/src/app/domain/node-params-map.ts
rename to apps/example-apps/call-center/src/app/domain/call-center-node-metadata.ts
index 0f409077..cf05b566 100644
--- a/apps/example-apps/call-center/src/app/domain/node-params-map.ts
+++ b/apps/example-apps/call-center/src/app/domain/call-center-node-metadata.ts
@@ -1,62 +1,62 @@
-import { NodeType } from './node-type';
+import { ECallCenterNodeType } from './e-call-center-node-type';
 
-interface INodeParams {
+export interface ICallCenterNodeMetadata {
   name: string;
   icon: string;
   color: string;
   isExpandable: boolean;
 }
 
-export const NODE_PARAMS_MAP: Record<NodeType, INodeParams> = {
-  [NodeType.INCOMING_CALL]: {
+export const CALL_CENTER_NODE_METADATA: Record<ECallCenterNodeType, ICallCenterNodeMetadata> = {
+  [ECallCenterNodeType.INCOMING_CALL]: {
     name: 'Incoming call',
     icon: 'ring_volume',
     color: 'var(--node-color-incoming)',
     isExpandable: false,
   },
-  [NodeType.CHECK_SCHEDULE]: {
+  [ECallCenterNodeType.CHECK_SCHEDULE]: {
     name: 'Check schedule',
     icon: 'schedule',
     color: 'var(--node-color-schedule)',
     isExpandable: true,
   },
-  [NodeType.PLAY_TEXT]: {
+  [ECallCenterNodeType.PLAY_TEXT]: {
     name: 'Play text',
     icon: 'record_voice_over',
     color: 'var(--node-color-playtext)',
     isExpandable: true,
   },
-  [NodeType.USER_INPUT]: {
+  [ECallCenterNodeType.USER_INPUT]: {
     name: 'IVR',
     icon: 'dialpad',
     color: 'var(--node-color-userinput)',
     isExpandable: true,
   },
-  [NodeType.QUEUE_CALL]: {
+  [ECallCenterNodeType.QUEUE_CALL]: {
     name: 'Queue',
     icon: 'group',
     color: 'var(--node-color-queue)',
     isExpandable: true,
   },
-  [NodeType.TO_OPERATOR]: {
+  [ECallCenterNodeType.TO_OPERATOR]: {
     name: 'To operator',
     icon: 'support_agent',
     color: 'var(--node-color-operator)',
     isExpandable: true,
   },
-  [NodeType.TRANSFER_CALL]: {
+  [ECallCenterNodeType.TRANSFER_CALL]: {
     name: 'Transfer',
     icon: 'phone_forwarded',
     color: 'var(--node-color-transfer)',
     isExpandable: true,
   },
-  [NodeType.VOICE_MAIL]: {
+  [ECallCenterNodeType.VOICEMAIL]: {
     name: 'Voicemail',
     icon: 'voicemail',
     color: 'var(--node-color-voicemail)',
     isExpandable: true,
   },
-  [NodeType.DISCONNECT]: {
+  [ECallCenterNodeType.DISCONNECT]: {
     name: 'Disconnect',
     icon: 'call_end',
     color: 'var(--node-color-disconnect)',
diff --git a/apps/example-apps/call-center/src/app/domain/node-value.ts b/apps/example-apps/call-center/src/app/domain/call-center-node-value.ts
similarity index 51%
rename from apps/example-apps/call-center/src/app/domain/node-value.ts
rename to apps/example-apps/call-center/src/app/domain/call-center-node-value.ts
index 72547e40..c297afbe 100644
--- a/apps/example-apps/call-center/src/app/domain/node-value.ts
+++ b/apps/example-apps/call-center/src/app/domain/call-center-node-value.ts
@@ -1,4 +1,4 @@
-import { NodeType } from './node-type';
+import { ECallCenterNodeType } from './e-call-center-node-type';
 
 export type OperatorDepartment = 'general' | 'sales' | 'support' | 'billing' | 'complaints';
 export type OperatorSkillLevel = 'any' | 'junior' | 'senior' | 'manager';
@@ -37,28 +37,29 @@ export interface ITransferCallNodeValue {
   ringTimeout: number | null;
 }
 
-export interface IVoiceMailNodeValue {
+export interface IVoicemailNodeValue {
   greeting: string | null;
   maxDuration: number | null;
 }
 
-export interface IFlowNodeValueMap {
-  [NodeType.INCOMING_CALL]: null;
-  [NodeType.CHECK_SCHEDULE]: ICheckScheduleNodeValue;
-  [NodeType.PLAY_TEXT]: IPlayTextNodeValue;
-  [NodeType.USER_INPUT]: IUserInputNodeValue;
-  [NodeType.QUEUE_CALL]: IQueueCallNodeValue;
-  [NodeType.TO_OPERATOR]: IOperatorNodeValue;
-  [NodeType.TRANSFER_CALL]: ITransferCallNodeValue;
-  [NodeType.VOICE_MAIL]: IVoiceMailNodeValue;
-  [NodeType.DISCONNECT]: null;
+export interface ICallCenterNodeValueMap {
+  [ECallCenterNodeType.INCOMING_CALL]: null;
+  [ECallCenterNodeType.CHECK_SCHEDULE]: ICheckScheduleNodeValue;
+  [ECallCenterNodeType.PLAY_TEXT]: IPlayTextNodeValue;
+  [ECallCenterNodeType.USER_INPUT]: IUserInputNodeValue;
+  [ECallCenterNodeType.QUEUE_CALL]: IQueueCallNodeValue;
+  [ECallCenterNodeType.TO_OPERATOR]: IOperatorNodeValue;
+  [ECallCenterNodeType.TRANSFER_CALL]: ITransferCallNodeValue;
+  [ECallCenterNodeType.VOICEMAIL]: IVoicemailNodeValue;
+  [ECallCenterNodeType.DISCONNECT]: null;
 }
 
-export type IFlowNodeValueByType<TType extends NodeType> = IFlowNodeValueMap[TType];
-export type FlowNodeValue = IFlowNodeValueMap[NodeType];
-export type FlowNodeValuePatch = Partial<Exclude<FlowNodeValue, null>> | null;
+export type CallCenterNodeValueByType<TType extends ECallCenterNodeType> =
+  ICallCenterNodeValueMap[TType];
+export type CallCenterNodeValue = ICallCenterNodeValueMap[ECallCenterNodeType];
+export type CallCenterNodeValuePatch = Partial<Exclude<CallCenterNodeValue, null>> | null;
 
-export interface INodeSelectOption<TKey extends string | number> {
+export interface ISelectOption<TKey extends string | number> {
   key: TKey;
   value: string;
 }
diff --git a/apps/example-apps/call-center/src/app/domain/create-default-call-center-flow.ts b/apps/example-apps/call-center/src/app/domain/create-default-call-center-flow.ts
new file mode 100644
index 00000000..b9908f98
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/domain/create-default-call-center-flow.ts
@@ -0,0 +1,71 @@
+import { PointExtensions } from '@foblex/2d';
+import { generateGuid } from '@foblex/utils';
+import { CallCenterConnectionRecord } from './call-center-connection';
+import { CallCenterFlowSnapshot } from './call-center-flow-snapshot';
+import {
+  createCheckScheduleNode,
+  createDisconnectNode,
+  createIncomingCallNode,
+  createIvrNode,
+  createOperatorNode,
+  createPlayTextNode,
+  createQueueCallNode,
+  createVoicemailNode,
+} from './call-center-node-factory';
+import { CallCenterNodeRecord } from './i-call-center-node';
+
+export function createDefaultCallCenterFlow(): CallCenterFlowSnapshot {
+  const incomingCallNode = createIncomingCallNode(PointExtensions.initialize(0, 0));
+  const checkScheduleNode = createCheckScheduleNode(PointExtensions.initialize(0, 100));
+  const playTextNode = createPlayTextNode(PointExtensions.initialize(200, 250));
+  const ivrNode = createIvrNode(PointExtensions.initialize(200, 400));
+  const queueNode = createQueueCallNode(PointExtensions.initialize(200, 550));
+  const operatorNode = createOperatorNode(PointExtensions.initialize(200, 700));
+  const voicemailNode = createVoicemailNode(PointExtensions.initialize(-200, 250));
+  const disconnectNode = createDisconnectNode(PointExtensions.initialize(-100, 700));
+  const connections: CallCenterConnectionRecord[] = [];
+
+  _connect(connections, incomingCallNode.outputs[0].id, _getInputId(checkScheduleNode));
+  _connect(connections, checkScheduleNode.outputs[0].id, _getInputId(playTextNode));
+  _connect(connections, checkScheduleNode.outputs[1].id, _getInputId(voicemailNode));
+  _connect(connections, playTextNode.outputs[0].id, _getInputId(ivrNode));
+  _connect(connections, ivrNode.outputs[0].id, _getInputId(queueNode));
+  _connect(connections, queueNode.outputs[0].id, _getInputId(operatorNode));
+  _connect(connections, queueNode.outputs[1].id, _getInputId(disconnectNode));
+  _connect(connections, voicemailNode.outputs[0].id, _getInputId(disconnectNode));
+
+  playTextNode.value = {
+    text: 'Welcome to our support line. Press 1 for sales, press 2 for support, press 3 for billing.',
+  };
+
+  return {
+    nodes: [
+      incomingCallNode,
+      checkScheduleNode,
+      playTextNode,
+      ivrNode,
+      queueNode,
+      operatorNode,
+      voicemailNode,
+      disconnectNode,
+    ],
+    groups: [],
+    connections,
+  };
+}
+
+function _connect(
+  connections: CallCenterConnectionRecord[],
+  sourceId: string,
+  targetId: string,
+): void {
+  connections.push({ id: generateGuid(), sourceId, targetId });
+}
+
+function _getInputId(node: CallCenterNodeRecord): string {
+  if (!node.input) {
+    throw new Error(`Node "${node.type}" does not expose an input connector.`);
+  }
+
+  return node.input;
+}
diff --git a/apps/example-apps/call-center/src/app/domain/e-call-center-node-type.ts b/apps/example-apps/call-center/src/app/domain/e-call-center-node-type.ts
new file mode 100644
index 00000000..951bec29
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/domain/e-call-center-node-type.ts
@@ -0,0 +1,17 @@
+export enum ECallCenterNodeType {
+  INCOMING_CALL = 'incoming-call',
+  PLAY_TEXT = 'play-text',
+  USER_INPUT = 'user-input',
+  TO_OPERATOR = 'to-operator',
+  DISCONNECT = 'disconnect',
+  CHECK_SCHEDULE = 'check-schedule',
+  QUEUE_CALL = 'queue-call',
+  VOICEMAIL = 'voice-mail',
+  TRANSFER_CALL = 'transfer-call',
+}
+
+const CALL_CENTER_NODE_TYPES = new Set<string>(Object.values(ECallCenterNodeType));
+
+export function isCallCenterNodeType(value: unknown): value is ECallCenterNodeType {
+  return typeof value === 'string' && CALL_CENTER_NODE_TYPES.has(value);
+}
diff --git a/apps/example-apps/call-center/src/app/domain/i-call-center-node.ts b/apps/example-apps/call-center/src/app/domain/i-call-center-node.ts
new file mode 100644
index 00000000..756fdffb
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/domain/i-call-center-node.ts
@@ -0,0 +1,23 @@
+import { IFStateNode } from '@foblex/flow';
+import { CallCenterNodeValueByType } from './call-center-node-value';
+import { ECallCenterNodeType } from './e-call-center-node-type';
+
+export interface ICallCenterNode<
+  TType extends ECallCenterNodeType = ECallCenterNodeType,
+> extends IFStateNode {
+  description?: string;
+  isExpanded?: boolean;
+  outputs: ICallCenterNodeOutput[];
+  input?: string;
+  type: TType;
+  value: CallCenterNodeValueByType<TType>;
+}
+
+export interface ICallCenterNodeOutput {
+  id: string;
+  label: string;
+}
+
+export type CallCenterNodeRecord = {
+  [TType in ECallCenterNodeType]: ICallCenterNode<TType>;
+}[ECallCenterNodeType];
diff --git a/apps/example-apps/call-center/src/app/domain/i-flow-state-connection.ts b/apps/example-apps/call-center/src/app/domain/i-flow-state-connection.ts
deleted file mode 100644
index a74d2fd3..00000000
--- a/apps/example-apps/call-center/src/app/domain/i-flow-state-connection.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export interface IFlowStateConnection {
-  id: string;
-  source: string;
-  target: string;
-}
diff --git a/apps/example-apps/call-center/src/app/domain/i-flow-state-node.ts b/apps/example-apps/call-center/src/app/domain/i-flow-state-node.ts
deleted file mode 100644
index 5bc97faf..00000000
--- a/apps/example-apps/call-center/src/app/domain/i-flow-state-node.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { IPoint } from '@foblex/2d';
-import { NodeType } from './node-type';
-import { FlowNodeValuePatch, IFlowNodeValueByType } from './node-value';
-
-export interface IFlowStateNode<TType extends NodeType = NodeType> {
-  id: string;
-  description?: string;
-  isExpanded?: boolean;
-  outputs: INodeOutput[];
-  input?: string;
-  position: IPoint;
-  type: TType;
-  value: IFlowNodeValueByType<TType>;
-}
-
-export interface INodeOutput {
-  id: string;
-  label: string;
-}
-
-export type FlowStateNode = {
-  [TType in NodeType]: IFlowStateNode<TType>;
-}[NodeType];
-
-export type FlowStateNodePatch = Partial<
-  Pick<FlowStateNode, 'description' | 'isExpanded' | 'outputs' | 'input' | 'position'>
-> & {
-  value?: FlowNodeValuePatch;
-};
diff --git a/apps/example-apps/call-center/src/app/domain/i-flow-state.ts b/apps/example-apps/call-center/src/app/domain/i-flow-state.ts
deleted file mode 100644
index 60ca2e41..00000000
--- a/apps/example-apps/call-center/src/app/domain/i-flow-state.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { FlowStateNode } from './i-flow-state-node';
-import { IPoint } from '@foblex/2d';
-import { IFlowStateConnection } from './i-flow-state-connection';
-
-export interface IFlowState {
-  nodes: Record<string, FlowStateNode>;
-  connections: Record<string, IFlowStateConnection>;
-  selection?: IFlowStateSelection;
-  transform?: {
-    position: IPoint;
-    scale: number;
-  };
-}
-
-export interface IFlowStateSelection {
-  nodes: string[];
-  connections: string[];
-}
diff --git a/apps/example-apps/call-center/src/app/domain/index.ts b/apps/example-apps/call-center/src/app/domain/index.ts
index d137bfb7..fd7088db 100644
--- a/apps/example-apps/call-center/src/app/domain/index.ts
+++ b/apps/example-apps/call-center/src/app/domain/index.ts
@@ -1,37 +1,35 @@
-export { NodeType } from './node-type';
-export { NODE_PARAMS_MAP } from './node-params-map';
+export { ECallCenterNodeType, isCallCenterNodeType } from './e-call-center-node-type';
+export { CALL_CENTER_NODE_METADATA, ICallCenterNodeMetadata } from './call-center-node-metadata';
+export { CallCenterNodeRecord, ICallCenterNode, ICallCenterNodeOutput } from './i-call-center-node';
+export { CallCenterConnectionRecord } from './call-center-connection';
+export { CallCenterFlowSnapshot } from './call-center-flow-snapshot';
 export {
-  FlowStateNode,
-  FlowStateNodePatch,
-  IFlowStateNode,
-  INodeOutput,
-} from './i-flow-state-node';
-export { IFlowStateConnection } from './i-flow-state-connection';
-export { IFlowState, IFlowStateSelection } from './i-flow-state';
-export {
-  FlowNodeValue,
-  FlowNodeValuePatch,
+  CallCenterNodeValue,
+  CallCenterNodeValueByType,
+  CallCenterNodeValuePatch,
+  ICallCenterNodeValueMap,
   ICheckScheduleNodeValue,
-  IFlowNodeValueByType,
-  INodeSelectOption,
   IOperatorNodeValue,
   IPlayTextNodeValue,
   IQueueCallNodeValue,
+  ISelectOption,
   ITransferCallNodeValue,
   IUserInputNodeValue,
-  IVoiceMailNodeValue,
+  IVoicemailNodeValue,
   OperatorDepartment,
   OperatorSkillLevel,
   QueuePriority,
-} from './node-value';
+} from './call-center-node-value';
 export {
+  createCallCenterNode,
+  createCheckScheduleNode,
+  createDisconnectNode,
   createIncomingCallNode,
-  createPlayTextNode,
   createIvrNode,
-  createConversationNode,
-  createDisconnectNode,
-  createCheckScheduleNode,
+  createOperatorNode,
+  createPlayTextNode,
   createQueueCallNode,
   createTransferCallNode,
-  createVoiceMailNode,
-} from './node-factory';
+  createVoicemailNode,
+} from './call-center-node-factory';
+export { createDefaultCallCenterFlow } from './create-default-call-center-flow';
diff --git a/apps/example-apps/call-center/src/app/domain/node-factory.ts b/apps/example-apps/call-center/src/app/domain/node-factory.ts
deleted file mode 100644
index 245be456..00000000
--- a/apps/example-apps/call-center/src/app/domain/node-factory.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { IPoint } from '@foblex/2d';
-import { generateGuid } from '@foblex/utils';
-import { NodeType } from './node-type';
-import { IFlowStateNode } from './i-flow-state-node';
-
-export function createIncomingCallNode(position: IPoint): IFlowStateNode<NodeType.INCOMING_CALL> {
-  return {
-    id: generateGuid(),
-    outputs: [{ id: generateGuid(), label: '' }],
-    position,
-    type: NodeType.INCOMING_CALL,
-    value: null,
-  };
-}
-
-export function createCheckScheduleNode(position: IPoint): IFlowStateNode<NodeType.CHECK_SCHEDULE> {
-  return {
-    id: generateGuid(),
-    description: 'Business hours check',
-    input: generateGuid(),
-    outputs: [
-      { id: generateGuid(), label: 'Working hours' },
-      { id: generateGuid(), label: 'After hours' },
-    ],
-    position,
-    type: NodeType.CHECK_SCHEDULE,
-    value: { startTime: '09:00', endTime: '18:00', timezone: 'UTC', weekends: false },
-  };
-}
-
-export function createPlayTextNode(position: IPoint): IFlowStateNode<NodeType.PLAY_TEXT> {
-  return {
-    id: generateGuid(),
-    description: 'Text-to-speech',
-    input: generateGuid(),
-    outputs: [{ id: generateGuid(), label: 'Done' }],
-    position,
-    type: NodeType.PLAY_TEXT,
-    value: { text: '' },
-  };
-}
-
-export function createIvrNode(position: IPoint): IFlowStateNode<NodeType.USER_INPUT> {
-  return {
-    id: generateGuid(),
-    description: 'Digit input',
-    input: generateGuid(),
-    outputs: [
-      { id: generateGuid(), label: 'Key 1' },
-      { id: generateGuid(), label: 'Key 2' },
-      { id: generateGuid(), label: 'Key 3' },
-    ],
-    position,
-    type: NodeType.USER_INPUT,
-    value: { outputs: 3, timeout: 5 },
-  };
-}
-
-export function createQueueCallNode(position: IPoint): IFlowStateNode<NodeType.QUEUE_CALL> {
-  return {
-    id: generateGuid(),
-    description: 'Call queue',
-    input: generateGuid(),
-    outputs: [
-      { id: generateGuid(), label: 'Answered' },
-      { id: generateGuid(), label: 'Timeout' },
-    ],
-    position,
-    type: NodeType.QUEUE_CALL,
-    value: { queueName: 'default', maxWaitTime: 300, priority: 'normal', musicOnHold: true },
-  };
-}
-
-export function createConversationNode(position: IPoint): IFlowStateNode<NodeType.TO_OPERATOR> {
-  return {
-    id: generateGuid(),
-    description: 'Operator transfer',
-    input: generateGuid(),
-    outputs: [{ id: generateGuid(), label: 'Call ended' }],
-    position,
-    type: NodeType.TO_OPERATOR,
-    value: { department: 'general', skillLevel: 'any' },
-  };
-}
-
-export function createTransferCallNode(position: IPoint): IFlowStateNode<NodeType.TRANSFER_CALL> {
-  return {
-    id: generateGuid(),
-    description: 'External transfer',
-    input: generateGuid(),
-    outputs: [
-      { id: generateGuid(), label: 'Answered' },
-      { id: generateGuid(), label: 'No answer' },
-    ],
-    position,
-    type: NodeType.TRANSFER_CALL,
-    value: { phoneNumber: '', ringTimeout: 30 },
-  };
-}
-
-export function createVoiceMailNode(position: IPoint): IFlowStateNode<NodeType.VOICE_MAIL> {
-  return {
-    id: generateGuid(),
-    description: 'Record voicemail',
-    input: generateGuid(),
-    outputs: [{ id: generateGuid(), label: 'Recorded' }],
-    position,
-    type: NodeType.VOICE_MAIL,
-    value: { greeting: 'Please leave a message after the beep.', maxDuration: 120 },
-  };
-}
-
-export function createDisconnectNode(position: IPoint): IFlowStateNode<NodeType.DISCONNECT> {
-  return {
-    id: generateGuid(),
-    input: generateGuid(),
-    outputs: [],
-    position,
-    type: NodeType.DISCONNECT,
-    value: null,
-  };
-}
diff --git a/apps/example-apps/call-center/src/app/domain/node-type.ts b/apps/example-apps/call-center/src/app/domain/node-type.ts
deleted file mode 100644
index 24066f4f..00000000
--- a/apps/example-apps/call-center/src/app/domain/node-type.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export enum NodeType {
-  INCOMING_CALL = 'incoming-call',
-  PLAY_TEXT = 'play-text',
-  USER_INPUT = 'user-input',
-  TO_OPERATOR = 'to-operator',
-  DISCONNECT = 'disconnect',
-  CHECK_SCHEDULE = 'check-schedule',
-  QUEUE_CALL = 'queue-call',
-  VOICE_MAIL = 'voice-mail',
-  TRANSFER_CALL = 'transfer-call',
-}
diff --git a/apps/example-apps/call-center/src/app/persistence/call-center-flow-storage.ts b/apps/example-apps/call-center/src/app/persistence/call-center-flow-storage.ts
new file mode 100644
index 00000000..8a42c2a7
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/persistence/call-center-flow-storage.ts
@@ -0,0 +1,139 @@
+import { DOCUMENT } from '@angular/common';
+import { inject, Injectable } from '@angular/core';
+import { IPoint } from '@foblex/2d';
+import {
+  CallCenterConnectionRecord,
+  CallCenterFlowSnapshot,
+  CallCenterNodeRecord,
+  ICallCenterNodeOutput,
+  isCallCenterNodeType,
+} from '../domain';
+
+interface ILegacyConnection {
+  id?: unknown;
+  source?: unknown;
+  sourceId?: unknown;
+  target?: unknown;
+  targetId?: unknown;
+}
+
+const FLOW_STORAGE_KEY_PREFIX = 'flow';
+
+@Injectable()
+export class CallCenterFlowStorage {
+  private readonly _document = inject(DOCUMENT);
+
+  public load(flowId: string): CallCenterFlowSnapshot | null {
+    const raw = this._getStorage()?.getItem(this._getKey(flowId));
+    if (!raw) {
+      return null;
+    }
+
+    try {
+      return this._normalizeSnapshot(JSON.parse(raw) as unknown);
+    } catch {
+      return null;
+    }
+  }
+
+  public save(flowId: string, snapshot: CallCenterFlowSnapshot): void {
+    this._getStorage()?.setItem(this._getKey(flowId), JSON.stringify(snapshot));
+  }
+
+  public clear(flowId: string): void {
+    this._getStorage()?.removeItem(this._getKey(flowId));
+  }
+
+  private _normalizeSnapshot(value: unknown): CallCenterFlowSnapshot | null {
+    if (!this._isRecord(value)) {
+      return null;
+    }
+
+    const nodes = this._toValues(value['nodes']).filter((node): node is CallCenterNodeRecord =>
+      this._isNode(node),
+    );
+    const connections = this._toValues(value['connections'])
+      .map((connection) => this._normalizeConnection(connection))
+      .filter((connection): connection is CallCenterConnectionRecord => connection !== null);
+    const transform = this._normalizeTransform(value['transform']);
+
+    return { nodes, groups: [], connections, transform };
+  }
+
+  private _normalizeConnection(value: unknown): CallCenterConnectionRecord | null {
+    if (!this._isRecord(value)) {
+      return null;
+    }
+
+    const connection = value as ILegacyConnection;
+    const sourceId = connection.sourceId ?? connection.source;
+    const targetId = connection.targetId ?? connection.target;
+    if (
+      typeof connection.id !== 'string' ||
+      typeof sourceId !== 'string' ||
+      typeof targetId !== 'string'
+    ) {
+      return null;
+    }
+
+    return { id: connection.id, sourceId, targetId };
+  }
+
+  private _normalizeTransform(value: unknown): CallCenterFlowSnapshot['transform'] {
+    if (
+      !this._isRecord(value) ||
+      typeof value['scale'] !== 'number' ||
+      (value['position'] !== undefined && !this._isPoint(value['position']))
+    ) {
+      return undefined;
+    }
+
+    return {
+      position: value['position'] as IPoint | undefined,
+      scale: value['scale'],
+    };
+  }
+
+  private _isNode(value: unknown): boolean {
+    return (
+      this._isRecord(value) &&
+      typeof value['id'] === 'string' &&
+      isCallCenterNodeType(value['type']) &&
+      this._isPoint(value['position']) &&
+      Array.isArray(value['outputs']) &&
+      value['outputs'].every((output) => this._isNodeOutput(output))
+    );
+  }
+
+  private _isNodeOutput(value: unknown): value is ICallCenterNodeOutput {
+    return (
+      this._isRecord(value) && typeof value['id'] === 'string' && typeof value['label'] === 'string'
+    );
+  }
+
+  private _isPoint(value: unknown): value is IPoint {
+    return (
+      this._isRecord(value) && typeof value['x'] === 'number' && typeof value['y'] === 'number'
+    );
+  }
+
+  private _isRecord(value: unknown): value is Record<string, unknown> {
+    return value !== null && typeof value === 'object';
+  }
+
+  private _toValues(value: unknown): unknown[] {
+    if (Array.isArray(value)) {
+      return value;
+    }
+
+    return this._isRecord(value) ? Object.values(value) : [];
+  }
+
+  private _getStorage(): Storage | null {
+    return this._document.defaultView?.localStorage ?? null;
+  }
+
+  private _getKey(flowId: string): string {
+    return FLOW_STORAGE_KEY_PREFIX + flowId;
+  }
+}
diff --git a/apps/example-apps/call-center/src/app/services/theme.service.ts b/apps/example-apps/call-center/src/app/services/theme.service.ts
index 7ac248a0..022a5025 100644
--- a/apps/example-apps/call-center/src/app/services/theme.service.ts
+++ b/apps/example-apps/call-center/src/app/services/theme.service.ts
@@ -1,30 +1,29 @@
-import { Injectable } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { inject, Injectable, signal } from '@angular/core';
+
+export type Theme = 'light' | 'dark';
 
 @Injectable({ providedIn: 'root' })
 export class ThemeService {
+  private readonly _document = inject(DOCUMENT);
   private readonly _storageKey = 'theme';
+  private readonly _current = signal<Theme>('light');
 
-  constructor() {
-    const saved = localStorage.getItem(this._storageKey) as 'light' | 'dark' | null;
-    this.setTheme(saved ?? 'light');
-  }
+  public readonly current = this._current.asReadonly();
 
-  public get current(): 'light' | 'dark' {
-    return (document.documentElement.getAttribute('data-theme') as 'dark' | null)
-      ? 'dark'
-      : 'light';
-  }
-
-  public toggle(theme: 'light' | 'dark'): void {
-    this.setTheme(theme);
+  constructor() {
+    const saved = this._document.defaultView?.localStorage.getItem(this._storageKey);
+    this.setTheme(saved === 'dark' ? 'dark' : 'light');
   }
 
-  public setTheme(theme: 'light' | 'dark'): void {
+  public setTheme(theme: Theme): void {
     if (theme === 'dark') {
-      document.documentElement.setAttribute('data-theme', 'dark');
+      this._document.documentElement.setAttribute('data-theme', 'dark');
     } else {
-      document.documentElement.removeAttribute('data-theme');
+      this._document.documentElement.removeAttribute('data-theme');
     }
-    localStorage.setItem(this._storageKey, theme);
+
+    this._current.set(theme);
+    this._document.defaultView?.localStorage.setItem(this._storageKey, theme);
   }
 }
diff --git a/apps/example-apps/call-center/src/app/state/call-center-flow-state.ts b/apps/example-apps/call-center/src/app/state/call-center-flow-state.ts
new file mode 100644
index 00000000..c4e189b7
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/state/call-center-flow-state.ts
@@ -0,0 +1,193 @@
+import { computed, effect, inject, Injectable, signal, untracked } from '@angular/core';
+import { IPoint } from '@foblex/2d';
+import { FCreateNodeEvent, FFlowState } from '@foblex/flow';
+import { generateGuid } from '@foblex/utils';
+import {
+  CallCenterConnectionRecord,
+  CallCenterNodeRecord,
+  CallCenterNodeValuePatch,
+  ECallCenterNodeType,
+  ICallCenterNode,
+  ICallCenterNodeOutput,
+  IUserInputNodeValue,
+  createCallCenterNode,
+  createDefaultCallCenterFlow,
+  isCallCenterNodeType,
+} from '../domain';
+import { CallCenterFlowStorage } from '../persistence/call-center-flow-storage';
+
+const POSITION_EPSILON = 0.001;
+
+@Injectable()
+export class CallCenterFlowState extends FFlowState<
+  CallCenterNodeRecord,
+  CallCenterConnectionRecord
+> {
+  private readonly _storage = inject(CallCenterFlowStorage);
+  private readonly _flowId = signal('');
+
+  public readonly canDeleteSelection = computed(() => {
+    const selection = this.selection();
+
+    return Boolean(
+      selection.nodeIds.length + selection.groupIds.length + selection.connectionIds.length,
+    );
+  });
+
+  constructor() {
+    super();
+    effect(() => {
+      this.changes();
+      const flowId = this._flowId();
+      if (!flowId) {
+        return;
+      }
+
+      this._storage.save(
+        flowId,
+        untracked(() => this.snapshot()),
+      );
+    });
+  }
+
+  public initialize(flowId: string): void {
+    this._flowId.set(flowId);
+    this.load(this._storage.load(flowId) ?? createDefaultCallCenterFlow());
+  }
+
+  public reset(): void {
+    this._storage.clear(this._flowId());
+    this.load(createDefaultCallCenterFlow());
+  }
+
+  public deleteSelection(): void {
+    this.applyRemoval(this.selection());
+  }
+
+  public removeConnectionFromOutput(outputId: string): void {
+    const connection = this.connections().find((item) => item.sourceId === outputId);
+    if (connection) {
+      this.removeConnections([connection.id]);
+    }
+  }
+
+  public async setNodeExpanded(nodeId: string, isExpanded: boolean): Promise<void> {
+    this.beginBatch();
+
+    try {
+      this.updateNode(nodeId, { isExpanded });
+      await _afterResizeObserverTurn();
+    } finally {
+      this.endBatch();
+    }
+  }
+
+  public updateNodeValue(nodeId: string, valuePatch: CallCenterNodeValuePatch): void {
+    const shape = this.currentShape();
+    const existing = shape.nodes[nodeId];
+    if (!existing) {
+      return;
+    }
+
+    const node = {
+      ...existing,
+      value: _mergeNodeValue(existing, valuePatch),
+    } as CallCenterNodeRecord;
+    let connections = shape.connections;
+
+    if (_isUserInputNode(existing) && _isUserInputValue(valuePatch) && valuePatch.outputs != null) {
+      const removedOutputs = existing.outputs.slice(valuePatch.outputs);
+      node.outputs = _resizeOutputs(existing.outputs, valuePatch.outputs);
+      connections = _removeConnectionsFromOutputs(connections, removedOutputs);
+    }
+
+    this.commit({
+      ...shape,
+      nodes: { ...shape.nodes, [nodeId]: node },
+      connections,
+    });
+  }
+
+  public override moveNodes(positions: { id: string; position: IPoint }[]): void {
+    const changedPositions = positions.filter(({ id, position }) => {
+      const item = this.getNode(id) ?? this.getGroup(id);
+
+      return (
+        item &&
+        (Math.abs(item.position.x - position.x) >= POSITION_EPSILON ||
+          Math.abs(item.position.y - position.y) >= POSITION_EPSILON)
+      );
+    });
+
+    super.moveNodes(changedPositions);
+  }
+
+  protected override createNodeRecord(event: FCreateNodeEvent): CallCenterNodeRecord {
+    if (!isCallCenterNodeType(event.data)) {
+      throw new Error(`Unknown call center node type: ${String(event.data)}`);
+    }
+
+    return createCallCenterNode(event.data, {
+      x: event.externalItemRect.x,
+      y: event.externalItemRect.y,
+    });
+  }
+}
+
+function _afterResizeObserverTurn(): Promise<void> {
+  return new Promise((resolve) => {
+    requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+  });
+}
+
+function _isUserInputNode(
+  node: CallCenterNodeRecord,
+): node is ICallCenterNode<ECallCenterNodeType.USER_INPUT> {
+  return node.type === ECallCenterNodeType.USER_INPUT;
+}
+
+function _isUserInputValue(value: CallCenterNodeValuePatch): value is Partial<IUserInputNodeValue> {
+  return value !== null && typeof value === 'object' && 'outputs' in value;
+}
+
+function _mergeNodeValue<TType extends ECallCenterNodeType>(
+  existing: ICallCenterNode<TType>,
+  valuePatch: CallCenterNodeValuePatch,
+): ICallCenterNode<TType>['value'] {
+  if (valuePatch === null || existing.value === null) {
+    return valuePatch as ICallCenterNode<TType>['value'];
+  }
+
+  return { ...existing.value, ...valuePatch } as ICallCenterNode<TType>['value'];
+}
+
+function _resizeOutputs(existing: ICallCenterNodeOutput[], count: number): ICallCenterNodeOutput[] {
+  if (count === existing.length) {
+    return existing;
+  }
+  if (count < existing.length) {
+    return existing.slice(0, count);
+  }
+
+  const result = [...existing];
+  for (let index = existing.length; index < count; index++) {
+    result.push({ id: generateGuid(), label: `Key ${index + 1}` });
+  }
+
+  return result;
+}
+
+function _removeConnectionsFromOutputs(
+  connections: Record<string, CallCenterConnectionRecord>,
+  outputs: ICallCenterNodeOutput[],
+): Record<string, CallCenterConnectionRecord> {
+  if (!outputs.length) {
+    return connections;
+  }
+
+  const removedIds = new Set(outputs.map((output) => output.id));
+
+  return Object.fromEntries(
+    Object.entries(connections).filter(([, connection]) => !removedIds.has(connection.sourceId)),
+  );
+}
diff --git a/apps/example-apps/call-center/src/app/state/index.ts b/apps/example-apps/call-center/src/app/state/index.ts
new file mode 100644
index 00000000..3fb36792
--- /dev/null
+++ b/apps/example-apps/call-center/src/app/state/index.ts
@@ -0,0 +1 @@
+export { CallCenterFlowState } from './call-center-flow-state';
diff --git a/apps/example-apps/call-center/src/app/store/flow-store.ts b/apps/example-apps/call-center/src/app/store/flow-store.ts
deleted file mode 100644
index 957bb5bb..00000000
--- a/apps/example-apps/call-center/src/app/store/flow-store.ts
+++ /dev/null
@@ -1,396 +0,0 @@
-import { computed } from '@angular/core';
-import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
-import {
-  FCanvasChangeEvent,
-  FCreateConnectionEvent,
-  FCreateNodeEvent,
-  FMoveNodesEvent,
-  FReassignConnectionEvent,
-  FSelectionChangeEvent,
-} from '@foblex/flow';
-import { generateGuid } from '@foblex/utils';
-import { IPoint, PointExtensions } from '@foblex/2d';
-import {
-  FlowStateNode,
-  FlowStateNodePatch,
-  FlowNodeValuePatch,
-  IFlowStateNode,
-  IFlowState,
-  IFlowStateConnection,
-  IUserInputNodeValue,
-  NodeType,
-  createIncomingCallNode,
-  createPlayTextNode,
-  createIvrNode,
-  createConversationNode,
-  createDisconnectNode,
-  createCheckScheduleNode,
-  createQueueCallNode,
-  createTransferCallNode,
-  createVoiceMailNode,
-} from '../domain';
-
-interface FlowStoreState {
-  flowId: string;
-  model: IFlowState | undefined;
-}
-
-function loadFromStorage(flowId: string): IFlowState | null {
-  const raw = localStorage.getItem('flow' + flowId);
-
-  return raw ? (JSON.parse(raw) as IFlowState) : null;
-}
-
-function saveToStorage(model: IFlowState, flowId: string): void {
-  localStorage.setItem('flow' + flowId, JSON.stringify(model));
-}
-
-function createDefaultState(): IFlowState {
-  const incomingCallNode = createIncomingCallNode(PointExtensions.initialize(0, 0));
-  const checkScheduleNode = createCheckScheduleNode(PointExtensions.initialize(0, 100));
-  const playTextNode = createPlayTextNode(PointExtensions.initialize(200, 250));
-  const ivrNode = createIvrNode(PointExtensions.initialize(200, 400));
-  const queueNode = createQueueCallNode(PointExtensions.initialize(200, 550));
-  const operatorNode = createConversationNode(PointExtensions.initialize(200, 700));
-  const voicemailNode = createVoiceMailNode(PointExtensions.initialize(-200, 250));
-  const disconnectNode = createDisconnectNode(PointExtensions.initialize(-100, 700));
-
-  const connections: Record<string, IFlowStateConnection> = {};
-
-  function connect(sourceOutputId: string, targetInputId: string): void {
-    const id = generateGuid();
-    connections[id] = { id, source: sourceOutputId, target: targetInputId };
-  }
-
-  // Incoming -> CheckSchedule
-  connect(incomingCallNode.outputs[0].id, getNodeInputId(checkScheduleNode));
-  // CheckSchedule (working hours) -> PlayText
-  connect(checkScheduleNode.outputs[0].id, getNodeInputId(playTextNode));
-  // CheckSchedule (after hours) -> Voicemail
-  connect(checkScheduleNode.outputs[1].id, getNodeInputId(voicemailNode));
-  // PlayText -> IVR
-  connect(playTextNode.outputs[0].id, getNodeInputId(ivrNode));
-  // IVR (Key 1) -> Queue
-  connect(ivrNode.outputs[0].id, getNodeInputId(queueNode));
-  // Queue (Answered) -> Operator
-  connect(queueNode.outputs[0].id, getNodeInputId(operatorNode));
-  // Queue (Timeout) -> Disconnect
-  connect(queueNode.outputs[1].id, getNodeInputId(disconnectNode));
-  // Voicemail -> Disconnect
-  connect(voicemailNode.outputs[0].id, getNodeInputId(disconnectNode));
-
-  playTextNode.value = {
-    text: 'Welcome to our support line. Press 1 for sales, press 2 for support, press 3 for billing.',
-  };
-
-  return {
-    nodes: {
-      [incomingCallNode.id]: incomingCallNode,
-      [checkScheduleNode.id]: checkScheduleNode,
-      [playTextNode.id]: playTextNode,
-      [ivrNode.id]: ivrNode,
-      [queueNode.id]: queueNode,
-      [operatorNode.id]: operatorNode,
-      [voicemailNode.id]: voicemailNode,
-      [disconnectNode.id]: disconnectNode,
-    },
-    connections,
-  };
-}
-
-function getNodeInputId(node: FlowStateNode): string {
-  if (!node.input) {
-    throw new Error(`Node "${node.type}" does not expose an input connector.`);
-  }
-
-  return node.input;
-}
-
-function isUserInputNode(node: FlowStateNode): node is IFlowStateNode<NodeType.USER_INPUT> {
-  return node.type === NodeType.USER_INPUT;
-}
-
-function isUserInputValue(
-  value: FlowStateNodePatch['value'],
-): value is Partial<IUserInputNodeValue> {
-  return value !== null && typeof value === 'object' && 'outputs' in value;
-}
-
-function mergeNodeValue<TType extends NodeType>(
-  existing: IFlowStateNode<TType>,
-  nextValue?: FlowNodeValuePatch,
-): IFlowStateNode<TType>['value'] {
-  if (nextValue === undefined) {
-    return existing.value;
-  }
-
-  if (existing.value === null || nextValue === null) {
-    return nextValue as IFlowStateNode<TType>['value'];
-  }
-
-  return { ...existing.value, ...nextValue } as IFlowStateNode<TType>['value'];
-}
-
-function createNodeByType(type: string, position: IPoint): FlowStateNode {
-  switch (type) {
-    case NodeType.INCOMING_CALL:
-      return createIncomingCallNode(position);
-    case NodeType.PLAY_TEXT:
-      return createPlayTextNode(position);
-    case NodeType.USER_INPUT:
-      return createIvrNode(position);
-    case NodeType.TO_OPERATOR:
-      return createConversationNode(position);
-    case NodeType.DISCONNECT:
-      return createDisconnectNode(position);
-    case NodeType.CHECK_SCHEDULE:
-      return createCheckScheduleNode(position);
-    case NodeType.QUEUE_CALL:
-      return createQueueCallNode(position);
-    case NodeType.TRANSFER_CALL:
-      return createTransferCallNode(position);
-    case NodeType.VOICE_MAIL:
-      return createVoiceMailNode(position);
-    default:
-      throw new Error('Unknown node type');
-  }
-}
-
-function resizeOutputs(
-  existing: FlowStateNode['outputs'],
-  count: number,
-): FlowStateNode['outputs'] {
-  if (count === existing.length) return existing;
-  if (count < existing.length) return existing.slice(0, count);
-
-  const result = [...existing];
-  for (let i = existing.length; i < count; i++) {
-    result.push({ id: generateGuid(), label: `Key ${i + 1}` });
-  }
-
-  return result;
-}
-
-function findConnectionsForNode(
-  node: FlowStateNode,
-  connections: IFlowStateConnection[],
-): string[] {
-  const result: string[] = [];
-  result.push(...connections.filter((c) => c.target === node.input).map((c) => c.id));
-  const outputIds = node.outputs.map((o) => o.id);
-  result.push(...connections.filter((c) => outputIds.includes(c.source)).map((c) => c.id));
-
-  return result;
-}
-
-export const FlowStore = signalStore(
-  withState<FlowStoreState>({
-    flowId: '',
-    model: undefined,
-  }),
-
-  withComputed((state) => ({
-    nodes: computed(() => Object.values(state.model()?.nodes || {})),
-    connections: computed(() => Object.values(state.model()?.connections || {})),
-    canRemove: computed(() => {
-      const m = state.model();
-      if (!m?.selection) return false;
-
-      return m.selection.nodes.length + m.selection.connections.length > 0;
-    }),
-  })),
-
-  withMethods((store) => ({
-    initialize(flowId: string): void {
-      const model = loadFromStorage(flowId) || createDefaultState();
-      patchState(store, { flowId, model });
-    },
-
-    resetFlow(): void {
-      localStorage.removeItem('flow' + store.flowId());
-      const model = createDefaultState();
-      patchState(store, { model });
-    },
-
-    transformCanvas(event: FCanvasChangeEvent): void {
-      const model = store.model();
-      if (!model) return;
-      const updated = { ...model, transform: { position: event.position, scale: event.scale } };
-      patchState(store, { model: updated });
-      saveToStorage(updated, store.flowId());
-    },
-
-    createNode(event: FCreateNodeEvent): void {
-      const model = store.model();
-      if (!model) return;
-      const node = createNodeByType(event.data, event.rect);
-      const updated: IFlowState = {
-        ...model,
-        nodes: { ...model.nodes, [node.id]: node },
-        selection: { nodes: [node.id], connections: [] },
-      };
-      patchState(store, { model: updated });
-      saveToStorage(updated, store.flowId());
-    },
-
-    moveNodes(event: FMoveNodesEvent): void {
-      const model = store.model();
-      if (!model) return;
-      const updatedNodes = { ...model.nodes };
-      for (const { id, position } of event.fNodes) {
-        updatedNodes[id] = { ...updatedNodes[id], position };
-      }
-      const updated = { ...model, nodes: updatedNodes };
-      patchState(store, { model: updated });
-      saveToStorage(updated, store.flowId());
-    },
-
-    createConnection(event: FCreateConnectionEvent): void {
-      const model = store.model();
-      if (!model || !event.fInputId) return;
-      const connection: IFlowStateConnection = {
-        id: generateGuid(),
-        source: event.fOutputId,
-        target: event.fInputId,
-      };
-      const updated: IFlowState = {
-        ...model,
-        connections: { ...model.connections, [connection.id]: connection },
-        selection: { nodes: [], connections: [connection.id] },
-      };
-      patchState(store, { model: updated });
-      saveToStorage(updated, store.flowId());
-    },
-
-    reassignConnection(event: FReassignConnectionEvent): void {
-      const model = store.model();
-      if (!model || !event.newTargetId) return;
-      const existing = model.connections[event.connectionId];
-      if (!existing) return;
-      const updated: IFlowState = {
-        ...model,
-        connections: {
-          ...model.connections,
-          [event.connectionId]: { ...existing, target: event.newTargetId },
-        },
-        selection: { nodes: [], connections: [event.connectionId] },
-      };
-      patchState(store, { model: updated });
-      saveToStorage(updated, store.flowId());
-    },
-
-    changeSelection(event: FSelectionChangeEvent): void {
-      const model = store.model();
-      if (!model) return;
-      const updated: IFlowState = {
-        ...model,
-        selection: { nodes: [...event.fNodeIds], connections: [...event.fConnectionIds] },
-      };
-      patchState(store, { model: updated });
-      saveToStorage(updated, store.flowId());
-    },
-
-    selectAll(): void {
-      const model = store.model();
-      if (!model) return;
-      const updated: IFlowState = {
-        ...model,
-        selection: {
-          nodes: Object.keys(model.nodes),
-          connections: Object.keys(model.connections),
-        },
-      };
-      patchState(store, { model: updated });
-      saveToStorage(updated, store.flowId());
-    },
-
-    removeConnectionByOutput(outputId: string): void {
-      const model = store.model();
-      if (!model) return;
-      const conn = Object.values(model.connections).find((c) => c.source === outputId);
-      if (!conn) return;
-      const { [conn.id]: _, ...remainingConnections } = model.connections;
-      const updated = { ...model, connections: remainingConnections };
-      patchState(store, { model: updated });
-      saveToStorage(updated, store.flowId());
-    },
-
-    removeSelected(): void {
-      const model = store.model();
-      if (!model) return;
-      const selectedNodeIds = model.selection?.nodes ?? [];
-      const selectedConnIds = model.selection?.connections ?? [];
-      if (!selectedConnIds.length && !selectedNodeIds.length) return;
-
-      const connIdsToDelete = new Set<string>(selectedConnIds);
-      const allConnections = Object.values(model.connections);
-      for (const nodeId of selectedNodeIds) {
-        const node = model.nodes[nodeId];
-        if (!node) continue;
-        findConnectionsForNode(node, allConnections).forEach((cid) => connIdsToDelete.add(cid));
-      }
-
-      const remainingNodes = { ...model.nodes };
-      for (const id of selectedNodeIds) {
-        delete remainingNodes[id];
-      }
-
-      const remainingConns = { ...model.connections };
-      for (const id of connIdsToDelete) {
-        delete remainingConns[id];
-      }
-
-      const updated: IFlowState = {
-        ...model,
-        nodes: remainingNodes,
-        connections: remainingConns,
-        selection: undefined,
-      };
-      patchState(store, { model: updated });
-      saveToStorage(updated, store.flowId());
-    },
-
-    updateNode(nodeId: string, value: FlowStateNodePatch): void {
-      const model = store.model();
-      if (!model) return;
-      const existing = model.nodes[nodeId];
-      if (!existing) return;
-
-      const merged = {
-        ...existing,
-        ...value,
-        value: mergeNodeValue(existing, value.value),
-      } as FlowStateNode;
-      let connections = model.connections;
-
-      if (
-        isUserInputNode(existing) &&
-        isUserInputValue(value.value) &&
-        value.value.outputs != null
-      ) {
-        const newCount = value.value.outputs;
-        const removedOutputs = existing.outputs.slice(newCount);
-        merged.outputs = resizeOutputs(existing.outputs, newCount);
-
-        if (removedOutputs.length > 0) {
-          const removedIds = new Set(removedOutputs.map((o) => o.id));
-          const filtered: Record<string, IFlowStateConnection> = {};
-          for (const [id, conn] of Object.entries(connections)) {
-            if (!removedIds.has(conn.source)) {
-              filtered[id] = conn;
-            }
-          }
-          connections = filtered;
-        }
-      }
-
-      const updated: IFlowState = {
-        ...model,
-        nodes: { ...model.nodes, [nodeId]: merged },
-        connections,
-      };
-      patchState(store, { model: updated });
-      saveToStorage(updated, store.flowId());
-    },
-  })),
-);
diff --git a/apps/example-apps/call-center/src/styles/flow/_node.scss b/apps/example-apps/call-center/src/styles/flow/_node.scss
index 16a20516..623d640f 100644
--- a/apps/example-apps/call-center/src/styles/flow/_node.scss
+++ b/apps/example-apps/call-center/src/styles/flow/_node.scss
@@ -39,18 +39,36 @@
   }
 }
 
-.f-node-output {
+.flow-output-connector {
   width: var(--out-size);
   height: var(--out-size);
   background-color: var(--out-bg);
   border-radius: var(--out-radius);
   border: 1.5px solid var(--out-border);
   color: var(--out-text);
-  transition: all var(--transition-fast);
+  transition:
+    background-color var(--transition-fast),
+    border-color var(--transition-fast),
+    color var(--transition-fast),
+    transform var(--transition-fast);
   display: flex;
   align-items: center;
   justify-content: center;
 
+  .remove-output-connection {
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border: 0;
+    border-radius: inherit;
+    background: transparent;
+    color: inherit;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
   .mat-icon {
     font-size: 12px;
     width: 12px;
@@ -60,7 +78,7 @@
     display: none;
   }
 
-  &.f-node-output-connected {
+  &.f-connector-connected {
     cursor: pointer;
     border-color: var(--out-connected-border);
     background-color: var(--out-connected-bg);
diff --git a/apps/f-flow-portal/public/llms-full.txt b/apps/f-flow-portal/public/llms-full.txt
index 4a790cfa..d4d77530 100644
--- a/apps/f-flow-portal/public/llms-full.txt
+++ b/apps/f-flow-portal/public/llms-full.txt
@@ -24,7 +24,7 @@ It is distributed as the npm package `@foblex/flow` under the MIT license. Compa
 ## 2. Project facts
 
 - **Package**: `@foblex/flow` on npm — https://www.npmjs.com/package/@foblex/flow
-- **Current version**: v19.1.0 (July 2026)
+- **Current version**: v19.1.2 (July 2026)
 - **Weekly installs**: ~16K
 - **GitHub**: https://github.com/Foblex/f-flow
 - **License**: MIT
@@ -866,7 +866,26 @@ Data methods: `load`, `snapshot`, `getNode`, `getGroup`, `getConnection`.
 
 Mutation methods: `addNodes`, `updateNode`, `moveNodes`, `removeNodes`, `addGroups`, `updateGroup`, `removeGroups`, `addConnections`, `updateConnection`, `removeConnections`, `removeItems`.
 
-History methods: `undo`, `redo`, `clearHistory`, `batch`. A standalone mutation increments `changes()` when it settles. Mutations inside an outer batch update collection signals immediately but produce one undo entry and one `changes()` increment when the batch closes. The controller keeps one batch open from `fDragStarted` through `fDragEnded`, so selection at drag start plus move/drop at drag end remains one action even across ticks.
+History methods: `undo`, `redo`, `clearHistory`, `batch`, `beginBatch`, `endBatch`. A standalone mutation increments `changes()` when it settles. Mutations inside an outer batch update collection signals immediately but produce one undo entry and one `changes()` increment when the batch closes. The controller keeps one batch open from `fDragStarted` through `fDragEnded`, so selection at drag start plus move/drop at drag end remains one action even across ticks. Use `batch(work)` for synchronous mutations and a matched `beginBatch()` / `endBatch()` pair when one logical action crosses asynchronous boundaries.
+
+#### Expand/collapse plus reflow as one undo item
+
+With `withFlowState()` and `withReflowOnResize()`, expanding a node changes its record immediately, but reflow positions arrive later: Angular must render the new size, then `ResizeObserver` emits an `fMoveNodes` event. A synchronous `batch(() => ...)` closes before that event and can create a second undo item.
+
+```typescript
+state.beginBatch();
+
+try {
+  state.updateNode(nodeId, { isExpanded });
+  await new Promise<void>((resolve) => {
+    requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+  });
+} finally {
+  state.endBatch();
+}
+```
+
+The managed state controller applies the later reflow `fMoveNodes` update while the transaction is open. The first mutation retains the shape from before the click, so one `undo()` restores both `isExpanded` and all positions moved by reflow; the outer close also produces one `changes()` increment. Two animation frames are suitable for an immediately rendered content-size change. If size settles after a CSS transition, lazy load, or another asynchronous layout stage, close from that stage's real completion signal. Never leave a batch open, or unrelated later mutations will be merged into the same history entry. Full guide: https://flow.foblex.com/examples/state
 
 Supported automatic v1 gestures: create/reassign connection, move nodes/groups, delete selection, external-item creation, optional drop-to-group, selection, and canvas pan/zoom. Rotation, connection waypoint editing, and user resize are not captured by managed state v1. Library-driven measured-size/group-auto-fit updates may amend current geometry without creating another user history step.
 
diff --git a/apps/f-flow-portal/public/llms.txt b/apps/f-flow-portal/public/llms.txt
index 7519f02d..9f2204c3 100644
--- a/apps/f-flow-portal/public/llms.txt
+++ b/apps/f-flow-portal/public/llms.txt
@@ -5,7 +5,7 @@
 ## Key facts
 
 - Package: `@foblex/flow` on npm — https://www.npmjs.com/package/@foblex/flow
-- Current version: v19.1.0 (see the npm page for the live number)
+- Current version: v19.1.2 (see the npm page for the live number)
 - Weekly installs: ~16K (verify on npm for the latest number)
 - GitHub: https://github.com/Foblex/f-flow
 - License: MIT
@@ -78,7 +78,7 @@
 
 - [Click to Connect](https://flow.foblex.com/examples/click-to-connect): Click source, then target — withConnectionFlow('click')
 - [Accessibility](https://flow.foblex.com/examples/accessibility): Keyboard-operable editor with screen-reader announcements — opt-in via withA11y()
-- [Managed Flow State](https://flow.foblex.com/examples/state): Optional `withFlowState()` store with typed records, automatic gesture updates, batching, undo/redo, and snapshots
+- [Managed Flow State](https://flow.foblex.com/examples/state): Optional `withFlowState()` store with typed records, automatic gesture updates, batching, undo/redo, snapshots, and an async reflow transaction recipe
 
 - [All Examples Overview](https://flow.foblex.com/examples/overview): 50+ interactive examples
 - [AI Low-Code Platform](https://flow.foblex.com/examples/ai-low-code-platform): Reference app
diff --git a/apps/f-flow-portal/public/markdown/examples/editor-state/state.md b/apps/f-flow-portal/public/markdown/examples/editor-state/state.md
index d1b67fd6..245612aa 100644
--- a/apps/f-flow-portal/public/markdown/examples/editor-state/state.md
+++ b/apps/f-flow-portal/public/markdown/examples/editor-state/state.md
@@ -2,7 +2,7 @@
 toc: false
 wideContent: true
 publishedAt: "2026-07-07"
-updatedAt: "2026-07-12"
+updatedAt: "2026-07-13"
 ---
 
 # Managed Flow State
@@ -116,16 +116,17 @@ The store changes its collection signals immediately while a gesture is in progr
 
 ## Core API
 
-| API                                       | Purpose                                                                      |
-| ----------------------------------------- | ---------------------------------------------------------------------------- |
-| `nodes`, `groups`, `connections`          | Readonly collection signals rendered by the template.                        |
-| `selection`, `transform`                  | Current selection and canvas transform signals.                              |
-| `canUndo`, `canRedo`, `changes`           | History availability and settled-change notification signals.                |
-| `load(data)`, `snapshot()`                | Replace/reset the store and export persistable data.                         |
-| `getNode`, `getGroup`, `getConnection`    | Read one record by id.                                                       |
-| `add*`, `update*`, `remove*`, `moveNodes` | Programmatic immutable mutations.                                            |
-| `undo`, `redo`, `clearHistory`            | History operations.                                                          |
-| `batch(work)`                             | Collapse several mutations into one undo step and one `changes()` increment. |
+| API                                       | Purpose                                                                           |
+| ----------------------------------------- | --------------------------------------------------------------------------------- |
+| `nodes`, `groups`, `connections`          | Readonly collection signals rendered by the template.                             |
+| `selection`, `transform`                  | Current selection and canvas transform signals.                                   |
+| `canUndo`, `canRedo`, `changes`           | History availability and settled-change notification signals.                     |
+| `load(data)`, `snapshot()`                | Replace/reset the store and export persistable data.                              |
+| `getNode`, `getGroup`, `getConnection`    | Read one record by id.                                                            |
+| `add*`, `update*`, `remove*`, `moveNodes` | Programmatic immutable mutations.                                                 |
+| `undo`, `redo`, `clearHistory`            | History operations.                                                               |
+| `batch(work)`                             | Collapse synchronous mutations into one undo step and one `changes()` increment.  |
+| `beginBatch()`, `endBatch()`              | Keep one transaction open across asynchronous work such as content-driven reflow. |
 
 ## Selection, and whether it belongs in the history
 
@@ -162,6 +163,42 @@ state.batch(() => {
 });
 ```
 
+## Keep expand/collapse and async reflow in one undo step
+
+Expanding a node can produce two state changes that belong to one user action:
+
+1. The application stores `isExpanded` immediately.
+2. Angular renders the larger node, `ResizeObserver` runs `withReflowOnResize`, and the plugin emits the resulting node positions through `fMoveNodes` on a later rendering turn.
+
+`batch(() => ...)` only covers synchronous work, so it closes before the reflow positions arrive. Use `beginBatch()` and `endBatch()` to keep the same transaction open across the render boundary. The state controller applies the reflow `fMoveNodes` event automatically while that transaction is still open:
+
+```ts
+function afterResizeObserverTurn(): Promise<void> {
+  return new Promise((resolve) => {
+    requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+  });
+}
+
+async function setExpanded(nodeId: string, isExpanded: boolean): Promise<void> {
+  state.beginBatch();
+
+  try {
+    state.updateNode(nodeId, { isExpanded });
+    await afterResizeObserverTurn();
+  } finally {
+    state.endBatch();
+  }
+}
+```
+
+The first mutation records the shape from before the click. Any positions emitted by reflow amend that same history entry, and the outer `endBatch()` produces one `changes()` tick. One `undo()` therefore restores both the collapsed/expanded value and every node moved by reflow.
+
+Two animation frames are appropriate when the size change is rendered immediately: the first lets Angular update and measure the DOM, and the second lets the `ResizeObserver`-driven move settle. If the node size depends on a CSS transition, lazy content, or another asynchronous layout step, close the batch from that operation's real completion signal instead. Always pair `beginBatch()` with `endBatch()` in `finally`; leaving a batch open would merge later, unrelated edits into the same history item.
+
+If the expand/collapse control is nested inside an `fDragHandle`, add `fDragBlocker` to that control. Otherwise the pointer down can select the node before the click handler runs. With `selectionInHistory: true`, that selection is correctly recorded as its own undo item, so the user action appears to require an extra undo even though expand and reflow are already batched together.
+
+The [Call Center Flow](./examples/call-center) uses this pattern when its embedded node forms expand and collapse. The [Reflow on Resize](./examples/reflow-on-resize) guide explains how the layout move itself is calculated.
+
 ### Connection cascade requires rendered connectors
 
 Connections store connector ids (`sourceId`/`targetId`), not owner node ids. While the flow is rendered, the controller resolves each connector to its node/group and `removeNodes`/`removeGroups` automatically remove attached connections. Before connector directives have registered (for example, programmatic editing immediately after `load()` or during SSR), that ownership map does not exist.
diff --git a/apps/f-flow-portal/public/markdown/examples/reference-apps/call-center.md b/apps/f-flow-portal/public/markdown/examples/reference-apps/call-center.md
index c0af7633..db2af827 100644
--- a/apps/f-flow-portal/public/markdown/examples/reference-apps/call-center.md
+++ b/apps/f-flow-portal/public/markdown/examples/reference-apps/call-center.md
@@ -2,7 +2,7 @@
 toc: false
 wideContent: true
 publishedAt: "2026-04-13"
-updatedAt: "2026-04-13"
+updatedAt: "2026-07-13"
 ---
 
 # Call Center Flow
@@ -30,12 +30,26 @@ This example shows how to build a product-style call-routing editor on top of Fo
 - `f-flow` and `f-canvas` as the workflow surface.
 - `fZoom` for viewport scaling and pan.
 - `fExternalItem` and `fCreateNode` for palette-driven node creation.
-- `fNode`, `fNodeInput`, and `fNodeOutput` for call-flow steps and connectors.
+- `fNode` and the unified `fConnector` API for call-flow steps and connectors.
 - `fConnection` with segmented routing and `fConnectionMarkerArrow` for directional links.
 - `fConnectionForCreate` for drag-to-connect interaction.
-- `fMoveNodes`, `fCreateConnection`, `fReassignConnection`, and `fSelectionChange` events for synchronizing editor state.
+- `withFlowState()` for typed records, automatic gesture updates, undo/redo, and local persistence.
+- `withReflowOnResize()` for moving downstream steps when an embedded node form expands or collapses.
+- `withA11y()` and the default control scheme for keyboard and pointer interaction.
 - `fBackground`, `fCirclePattern`, `fLineAlignment`, `fSelectionArea`, and `fMinimap` for canvas usability.
 
+## Application architecture
+
+`CallCenterFlowState` owns editor history and domain commands, `CallCenterFlowStorage` owns local persistence and legacy snapshot normalization, and domain factories construct valid node records and the default call flow. UI components depend on those responsibilities instead of duplicating state, persistence, or record-construction logic.
+
+## Expand, reflow, and undo as one action
+
+An expand/collapse click updates the node record synchronously, while reflow positions arrive later after Angular rendering and `ResizeObserver`. The example opens `FFlowState.beginBatch()` before storing `isExpanded` and closes it after the resize-driven render turn. Reflow's `fMoveNodes` event is therefore committed into the same history item, so one undo restores both the node's content state and every shifted node position.
+
+The toggle also carries `fDragBlocker` because it is rendered inside the node's `fDragHandle`. This keeps the button click from producing a separate selection history item before the expand/reflow transaction.
+
+See the complete [async reflow transaction recipe](./examples/state), including why synchronous `batch()` is insufficient and when two animation frames should be replaced by a real completion signal.
+
 ## Why It Matters
 
 This is the most workflow-builder-oriented reference app in the repo. It shows how Foblex Flow fits business-process editors where the canvas is only one part of the product and each node can expose richer form-driven configuration instead of being a static diagram box.
diff --git a/apps/f-flow-portal/public/markdown/examples/reflow/reflow-on-resize.md b/apps/f-flow-portal/public/markdown/examples/reflow/reflow-on-resize.md
index 9050be55..a087c411 100644
--- a/apps/f-flow-portal/public/markdown/examples/reflow/reflow-on-resize.md
+++ b/apps/f-flow-portal/public/markdown/examples/reflow/reflow-on-resize.md
@@ -2,7 +2,7 @@
 toc: false
 wideContent: true
 publishedAt: "2026-04-25"
-updatedAt: "2026-04-26"
+updatedAt: "2026-07-13"
 ---
 
 # Reflow on Resize
@@ -40,6 +40,29 @@ The simplest case — and the one the plugin was designed for. Three nodes, no r
 
 The remaining sections wire a resize handle onto the source so you can poke each option deliberately. The plugin reacts the same way regardless of what changes the size.
 
+## Managed state: one undo step for expand and reflow
+
+With `withFlowState()`, a content toggle and the positions emitted by reflow should usually be one undoable action. They do not happen synchronously: the application stores the expanded value first, then Angular renders the new size, and only then does `ResizeObserver` produce the reflow `fMoveNodes` event.
+
+Open a state transaction before changing the value and close it after the resize-driven rendering turn. Do not use `state.batch(() => ...)` for this case because its synchronous callback finishes before reflow runs.
+
+```ts
+state.beginBatch();
+
+try {
+  state.updateNode(nodeId, { isExpanded });
+  await new Promise<void>((resolve) => {
+    requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+  });
+} finally {
+  state.endBatch();
+}
+```
+
+The managed state controller records the later `fMoveNodes` update inside the open transaction, so one `undo()` restores both the content state and all positions moved by reflow. For animated or asynchronously loaded content, close the transaction from the real layout-completion signal instead of assuming two frames are sufficient. See [Managed Flow State](./examples/state) for the complete explanation and failure modes.
+
+When the toggle is inside an `fDragHandle`, mark the toggle with `fDragBlocker`. This prevents the same pointer action from also selecting the node and creating a separate selection history item before the expand/reflow transaction.
+
 ## Mode — who becomes a candidate
 
 `mode` decides **which nodes are eligible to shift** when the source resizes. The scene has a connected chain leaving the source (`Source → Connected → Connected`) and two unconnected nodes nearby. Drag any handle on the source and switch the dropdown:
diff --git a/apps/f-flow-portal/public/search-index.json b/apps/f-flow-portal/public/search-index.json
index d482e6e2..c16af573 100644
--- a/apps/f-flow-portal/public/search-index.json
+++ b/apps/f-flow-portal/public/search-index.json
@@ -1 +1 @@
-{"model":"Xenova/all-MiniLM-L6-v2","dim":384,"documents":[{"chunkId":"/docs/intro#0","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.09144,0.03305,-0.08091,0.0409,0.01845,0.03261,-0.03472,0.04744,-0.00621,0.07016,-0.11644,-0.03021,-0.06955,-0.00885,0.06349,0.00346,-0.04581,0.01837,0.03172,-0.00006,-0.06396,-0.01131,0.01158,-0.0378,-0.00561,0.05778,0.0116,-0.03553,0.02672,-0.04986,0.04434,0.08484,0.03272,0.02581,-0.12638,0.0976,0.02103,-0.05211,-0.04479,-0.05618,0.0432,0.0449,-0.0098,-0.08218,-0.03663,-0.03718,-0.06865,0.00792,-0.04732,0.07649,-0.06215,-0.14714,-0.07455,0.08407,-0.00539,0.00847,0.01748,-0.07883,0.03189,0.01862,0.00476,-0.01899,0.01787,0.05277,0.04483,0.01607,-0.11251,0.05295,0.00472,-0.08293,-0.01063,-0.04971,0.0388,-0.01733,-0.01576,-0.06321,-0.06629,0.041,-0.03902,-0.0122,0.01636,0.03994,-0.00592,0.06713,-0.05263,0.10672,0.02474,-0.05279,-0.00629,-0.02669,0.00316,0.06745,0.01668,-0.01231,0.06851,0.01879,-0.0065,-0.05273,-0.09703,0.01825,0.01578,-0.04218,0.04598,-0.01291,-0.05935,-0.04735,0.00891,-0.01157,-0.01434,-0.002,-0.0183,0.03774,-0.04742,-0.10744,-0.01823,-0.04973,-0.02185,-0.04707,0.04472,0.08387,0.02612,-0.00879,-0.004,-0.02554,0.09606,-0.01315,0.00496,0,0.03299,0.04843,-0.05852,0.06301,0.12149,-0.01917,0.0303,-0.09978,-0.01248,-0.01928,0.0589,0.06534,-0.04348,0.01979,-0.02748,-0.11582,-0.04763,0.00572,0.03057,-0.00437,0.07258,-0.07144,-0.02676,0.03956,0.07263,0.08084,-0.01004,0.0165,-0.04637,0.01591,0.05544,0.00989,0.00648,0.00855,-0.03321,0.00581,-0.02705,-0.07884,-0.00281,-0.05577,-0.02002,-0.07755,-0.09427,-0.00923,0.01212,-0.0058,-0.01957,-0.02583,0.11269,0.01607,0.00818,0.03852,0.00709,0.04546,0.08225,-0.03383,-0.04883,0.06872,0.04727,0.04865,0.06899,0.074,-0.02245,-0.06501,-0.0079,0.03466,0.00613,-0.00969,0.10218,-0.06128,-0.07243,0.04222,0.04169,0.0224,0.02833,-0.00699,0.00065,0.01243,0.07422,-0.03526,-0.04091,-0.06482,0.01107,0.10091,0.12284,-0.07357,0.00509,-0.02411,-0.10534,-0.00612,0.14713,0.04828,0.01054,-0.04645,0.05457,0,-0.00836,0.0099,-0.07783,0.09089,0.047,-0.0923,-0.01643,0.03852,0.06629,0.0304,0.02599,0.06709,0.0002,-0.01936,-0.00746,-0.01422,-0.02561,-0.1139,0.07113,-0.04648,0.05021,0.02185,-0.01041,-0.0654,-0.08959,0.04207,0.00915,-0.01495,0.00798,-0.04491,-0.00251,-0.00723,-0.03857,-0.02073,-0.00722,-0.04592,0.01604,0.07411,-0.00356,-0.07561,0.05883,-0.01563,-0.02654,-0.03972,-0.09326,-0.0221,-0.06072,0.02737,-0.01433,0.00806,-0.0329,0.01263,-0.03337,-0.08374,-0.06568,-0.01552,0.08194,0.01291,0.00319,0.03348,-0.02315,-0.00747,0.04163,0.02674,0.03738,0.02073,-0.04612,0.00674,0.01994,0.07247,0.0282,0.03983,-0.03867,0.01253,0.09774,0.05487,0.0984,-0.04363,0.05675,0.02398,0.01202,0.12695,-0.01245,0.04562,0.05826,0.02198,-0.09851,-0.05237,0.0266,0.05894,-0.08627,0.02152,0.03852,-0.00153,0.00415,0,-0.16854,0.00647,-0.04003,-0.00118,0.06177,0.03077,-0.054,0.01704,0.03263,-0.02222,-0.00257,0.06064,-0.0087,-0.00444,0.08002,-0.00165,-0.02702,-0.00395,-0.00744,-0.03069,0.02825,0.04785,0.011,0.07238,0.00938,0.02287,-0.00263,-0.00869,-0.00572,0.00411,-0.01598,0.05344,0.07531,0.0726,-0.05147,-0.00415,-0.06637,-0.00921,-0.10329,-0.04349,0.06614,-0.00734,0.02105,-0.05374,-0.10248,0.07326,-0.04165,-0.05503,-0.0117,-0.03426,-0.0518,0.01077,-0.06597,0.0552,0.02088,0.0455,-0.04746,-0.01614,0.05006,0.01812,-0.08361,0.07978,0.04215,0.02186],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Introducing Foblex Flow","excerpt":"Introducing Foblex Flow"},{"chunkId":"/docs/intro#1","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.07982,-0.00012,-0.07694,0.04453,0.02872,0.05387,-0.04729,0.09763,0.01315,0.08338,-0.10361,-0.0255,-0.0631,0.01185,0.05314,0.00968,-0.02012,-0.01396,-0.01246,0.00744,-0.0331,-0.05254,0.00166,-0.08234,0.0082,0.06533,0.00861,-0.01351,0.03892,-0.0615,-0.00029,0.08054,0.00388,0.03181,-0.13319,0.08966,0.06174,0.0001,-0.06634,-0.05193,0.05401,0.0494,0.00276,-0.07919,-0.0357,-0.02854,-0.07579,-0.0256,-0.05095,0.09906,-0.06663,-0.13911,-0.09941,0.08213,0.03247,0.03023,0.0225,-0.07665,0.00376,0.00755,0.0104,-0.02743,0.00839,0.03878,0.03469,-0.00318,-0.06625,0.02304,0.01686,-0.07107,-0.03641,-0.04054,0.00893,-0.02163,-0.0084,-0.04888,-0.03367,0.0766,-0.03258,-0.05807,0.05652,0.09735,-0.00984,0.08581,-0.04093,0.10826,0.03733,-0.06012,0.00597,-0.01055,-0.02037,0.0659,-0.01103,-0.04007,0.07206,0.01543,0.01009,-0.02947,-0.07976,0.01642,0.02696,-0.08195,0.07686,-0.03642,-0.04324,-0.04042,-0.02374,-0.00753,-0.05421,-0.0094,-0.0419,0.03699,-0.06145,-0.09337,-0.00254,-0.04569,-0.01917,-0.06455,0.0684,0.11046,-0.00682,0.05174,0.01515,0.01791,0.10368,-0.03335,-0.03262,0,0.02528,0.07198,-0.04414,0.07162,0.09587,0.02131,0.00259,-0.07463,-0.013,-0.00067,0.02064,0.06009,-0.06763,0.04845,0.02101,-0.10483,-0.01242,-0.00196,-0.01747,-0.01892,0.02873,-0.07709,-0.03636,0.03264,0.07162,0.08213,-0.00353,0.03525,-0.08425,-0.00894,0.01811,0.00223,0.00694,-0.00308,-0.04503,0.00684,-0.03644,-0.09477,-0.0233,-0.04429,-0.03327,-0.04094,-0.09684,0.00257,0.00122,-0.00755,-0.03515,-0.01277,0.08779,0.02555,-0.00106,0.04336,0.05582,0.02145,0.05277,-0.04183,-0.01801,0.05947,0.01721,0.06504,0.04924,0.0618,-0.0664,-0.02696,0.02122,0.06152,-0.01028,0.0076,0.09064,-0.04502,-0.12606,0.05762,0.06223,0.01402,0.04038,-0.00435,-0.01778,-0.01487,0.05857,-0.03263,-0.07514,-0.05371,0.00397,0.046,0.07561,-0.10915,0.03125,0.01326,-0.06773,-0.05666,0.13587,0.04352,0.02212,0.00031,0.03686,0,-0.01377,0.03575,-0.02802,0.08516,0.04182,-0.04378,0.0151,-0.00992,0.07137,-0.00231,0.02821,0.06413,0.02944,-0.0174,-0.01818,0.02433,-0.05667,-0.12452,0.07635,-0.08913,0.05083,0.0116,-0.00451,-0.05905,-0.07353,0.02776,0.02117,-0.03163,0.00128,-0.0182,-0.00593,-0.02303,-0.03306,-0.0478,-0.01021,-0.05575,0.03069,0.06225,0.00804,-0.05313,0.02028,0.00236,-0.00116,-0.01594,-0.08605,0.03199,-0.0699,0.01918,-0.04518,-0.00077,-0.05781,0.01425,-0.04064,-0.06725,-0.04718,-0.00761,0.07662,0.00744,0.01338,-0.00437,-0.02857,-0.0107,0.00254,-0.00775,0.02663,0.02482,-0.04418,-0.03273,0.02634,0.09554,0.02714,0.03078,-0.0066,-0.01603,0.11005,0.03248,0.12443,-0.03516,0.08495,0.02181,-0.00038,0.12753,-0.01962,0.0188,0.04589,0.04461,-0.09449,-0.01006,0.05806,0.04611,-0.07157,0.03845,0.01346,0.0232,-0.01132,0,-0.14144,0.0174,-0.06178,-0.01383,0.06129,-0.00519,-0.0117,0.06022,0.03646,0.00041,0.01677,0.05871,-0.02992,-0.03793,0.10888,0.002,-0.01546,0.02273,-0.02612,-0.04587,0.02987,0.02187,-0.00344,0.08203,0.00601,-0.03112,-0.00903,0.00055,-0.0085,0.01517,-0.02257,0.04965,0.07915,0.08285,-0.07524,-0.00112,-0.06795,-0.00192,-0.0843,0.02712,0.07569,0.00561,0.01301,-0.04782,-0.04891,0.06845,-0.0113,-0.06079,-0.04014,-0.03244,-0.063,0.01669,-0.04784,0.02653,0.01297,0.0682,-0.03003,-0.01048,0.07936,0.00057,-0.11555,0.07937,0.01975,0.0051],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Description Foblex Flow is an Angular-native library for building interactive node-based editors and diagram UIs - custom nodes, smooth connections, and production-grade interaction helpers. It’s designed for real products where users edit graphs manually: dragging nodes, connecting ports, selecting multiple items, aligning layouts, and navigating large canvases. The core path is intentionally small: f-flow, f-canvas, nodes, connectors, and connections. Advanced helpers such as selection area, minimap, alignment guides, caching, and virtualization are optional add-ons you introduce later if the editor grows. What you get - Core primitives for flow rendering: f-flow, f-canvas, nodes, connectors, and connections. - Interaction helpers for editor UX: drag, zoom, selection area, minimap, alignment lines, and equal spacing guides. - APIs that fit modern Angular: standalone components, signal-friendly patterns, SSR-aware setups. U Is AP Is","excerpt":"Description Foblex Flow is an Angular-native library for building interactive node-based editors and diagram UIs - custom nodes, smooth connections, and production-grade interaction helpers. It’s designed for real products where users edit graphs manually: dragging nodes, connecting ports, selecting multiple items, aligning layouts, and navigating large canvases. The core path is intentionally small: f-flow, f-canvas, nodes, connectors, and connections. Advanced helpers such as selection area, minimap, alignment guides, caching, and virtualization are optional add-ons you introduce later if the editor grows. What you get - Core primitives for flow rendering: f-flow, f-canvas, nodes, connectors, and connections. - Interaction helpers for editor UX: drag, zoom, selection area, minimap, alignment lines, and equal spacing guides. - APIs that fit modern Angular: standalone components, signal-friendly patterns, SSR-aware setups."},{"chunkId":"/docs/intro#2","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.0397,0.00126,-0.03148,0.02739,0.0211,-0.02681,-0.10233,0.09811,0.05586,0.04752,-0.11211,-0.02671,-0.03748,0.02344,0.0952,0.01944,-0.00042,-0.06454,0.00694,-0.01936,-0.07538,-0.05751,-0.01601,-0.06989,-0.00593,0.02933,0.01447,-0.043,0.05256,-0.07659,-0.01134,0.07734,-0.01833,0.02059,-0.07717,0.13513,0.0302,-0.03287,-0.07521,-0.06816,0.01464,0.05029,0.01087,-0.07033,-0.01372,-0.07536,-0.03054,-0.03561,-0.07276,0.08683,-0.12229,-0.14372,-0.0517,0.06542,0.00582,0.02006,0.04881,-0.07002,0.01756,-0.03044,-0.04505,-0.00749,0.01613,0.03705,0.02349,0.02499,-0.05646,0.04659,-0.0012,-0.03571,-0.01239,-0.04534,-0.02087,0.00193,-0.01289,-0.02514,-0.02268,0.01136,0.01781,-0.08807,0.03096,0.03336,-0.04966,0.09474,-0.04466,0.13902,0.04281,-0.04941,-0.00013,-0.01168,0.04888,0.05168,0.03764,-0.01797,0.05365,-0.01777,0.05601,-0.00848,-0.07182,0.04215,0.01671,-0.07904,0.08409,-0.01454,-0.07289,-0.01044,0.02053,-0.045,-0.06613,-0.01838,-0.03036,0.0212,-0.03344,-0.10862,-0.041,-0.07304,-0.03332,-0.04736,0.04692,0.09221,0.02938,0.06222,0.01585,0.0343,0.10865,-0.01049,-0.04713,0,0.03028,0.02118,-0.05256,0.04324,0.11496,-0.01229,0.02301,-0.06224,-0.01618,-0.00096,0.03485,0.04844,-0.04987,0.02417,0.02783,-0.06588,-0.02999,0.01006,-0.05294,0.02697,0.02728,-0.10166,-0.05513,0.07075,0.01878,0.13376,0.01811,0.0361,-0.02492,0.01612,0.03236,-0.00328,0.00538,0.04794,-0.03311,0.06903,-0.03216,-0.09007,0.04042,-0.02027,-0.05407,-0.04678,-0.07329,-0.02328,0.03163,-0.03176,-0.05738,-0.02048,0.04752,0.01461,0.03632,0.05522,0.08486,0.02879,0.06368,-0.05891,0.00212,0.01975,0.05884,0.10441,0.01714,0.10363,-0.04624,-0.0059,-0.01993,0.06286,-0.00062,-0.01547,0.10097,-0.05746,-0.08485,0.05617,0.04794,0.03167,0.05374,-0.04043,-0.0382,-0.0434,0.0624,-0.03989,-0.06673,-0.03909,-0.0098,0.03985,0.10396,-0.1008,-0.02834,0.01311,-0.1184,-0.00107,0.09036,-0.00475,-0.00217,0.02251,0.08201,0,-0.04529,0.00336,-0.04432,0.07874,0.02493,-0.09581,0.02077,-0.02307,0.07495,0.00047,0.01546,0.03354,-0.02817,0.00451,0.00389,-0.00961,-0.04041,-0.13856,0.05676,-0.07136,0.07983,0.02533,-0.03525,-0.00087,-0.0869,0.05805,-0.01385,-0.05817,0.01924,-0.0397,-0.01386,-0.02564,-0.04612,-0.05256,-0.00202,-0.05699,0.01712,0.0596,0.01993,-0.04527,0.02972,0.00013,-0.00179,0.03019,-0.07697,0.06858,-0.06578,-0.00932,0.02697,-0.03453,-0.03557,0.02417,-0.00238,-0.07151,-0.05821,-0.0257,0.0994,-0.01423,-0.05986,0.02956,-0.01868,-0.00577,0.06989,0.02144,0.00904,0.02427,-0.06208,0.02057,0.01839,0.05008,0.00771,0.05055,-0.02688,-0.02153,0.09167,0.05349,0.05251,-0.02999,0.07247,0.06231,-0.02754,0.09234,-0.00847,0.06439,0.0252,0.07793,-0.10089,-0.00262,0.01992,0.03049,-0.09265,0.03162,0.03836,0.05334,-0.00786,0,-0.12125,0.01937,-0.01522,-0.02561,0.03018,0.02485,-0.04833,0.03671,0.03293,0.00585,-0.02823,0.04042,-0.06631,-0.01374,0.1035,0.01968,-0.03162,0.01069,-0.03999,-0.06731,0.02214,0.03072,-0.01287,0.06823,-0.0069,-0.02092,-0.01225,-0.0122,-0.01161,0.02148,-0.01215,0.06011,0.06593,0.07079,-0.03503,-0.01583,-0.02477,0.01016,-0.04452,-0.00675,0.04159,0.02041,0.01407,-0.04055,-0.05574,0.04972,-0.0405,-0.04924,-0.02032,-0.01111,-0.09611,-0.03196,-0.10224,0.05473,0.03052,0.05011,0.01906,-0.01287,0.07293,0.02088,-0.02394,0.01823,0.04333,0.04517],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Why / Use cases Most diagram editors fail not on rendering, but on interaction details: hit-testing, pointer edge cases, snapping, selection UX, and consistent connection behavior. Foblex Flow exists for teams that want these building blocks in Angular without implementing low-level drag logic, hit-testing, and SVG path rendering from scratch. Typical use cases: - Workflow and automation builders (internal tools, operations tooling). - Low-code/no-code logic editors (rules, conditions, branching). - Visual programming tools and AI pipeline designers. - Back-office tools where entities and relations are edited as a graph.","excerpt":"Why / Use cases Most diagram editors fail not on rendering, but on interaction details: hit-testing, pointer edge cases, snapping, selection UX, and consistent connection behavior. Foblex Flow exists for teams that want these building blocks in Angular without implementing low-level drag logic, hit-testing, and SVG path rendering from scratch. Typical use cases: - Workflow and automation builders (internal tools, operations tooling). - Low-code/no-code logic editors (rules, conditions, branching). - Visual programming tools and AI pipeline designers. - Back-office tools where entities and relations are edited as a graph."},{"chunkId":"/docs/intro#3","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.09662,0.00787,-0.09005,0.02583,0.02035,0.01875,-0.02914,0.07247,-0.00571,0.07545,-0.11035,-0.02815,-0.06877,-0.02809,0.07782,0.00935,-0.04887,0.0066,0.03879,-0.02063,-0.04258,-0.01811,0.01126,-0.03058,-0.0146,0.06463,0.02607,-0.01886,0.03772,-0.04916,0.05314,0.08435,0.04645,0.02419,-0.1233,0.08807,0.03689,-0.03644,-0.05999,-0.0482,0.01046,0.04052,0.00367,-0.08438,-0.0339,-0.03268,-0.07433,-0.01596,-0.05531,0.06123,-0.06774,-0.14453,-0.06044,0.06829,0.01875,0.00936,0.01451,-0.06677,0.02041,0.00249,0.01004,-0.00293,0.00741,0.05685,0.03069,0.04092,-0.10652,0.07815,0.03488,-0.11849,-0.0228,-0.05942,0.02176,-0.01799,-0.01051,-0.06587,-0.05027,0.04362,-0.04251,-0.02208,0.00612,0.04574,0.00086,0.07748,-0.06256,0.09635,0.02957,-0.03035,0.01743,-0.00198,0.00276,0.08174,-0.00093,-0.0314,0.07873,0.01597,-0.00728,-0.0634,-0.08011,0.01101,-0.00243,-0.03948,0.05052,-0.02082,-0.06148,-0.03706,0.00056,-0.0046,0.00246,-0.00357,-0.02623,0.03483,-0.0314,-0.11584,-0.00142,-0.04944,-0.01722,-0.05703,0.05679,0.07651,0.02697,0.01769,-0.01303,-0.03081,0.08709,0.00619,-0.01021,0,0.0536,0.03428,-0.05146,0.08754,0.11316,-0.03187,0.05579,-0.07981,-0.02536,0.00015,0.05464,0.06414,-0.06024,0.05085,-0.04634,-0.12776,-0.05557,-0.00748,0.02507,0.00065,0.06843,-0.07087,-0.01435,0.05843,0.07692,0.0881,-0.01111,0.03339,-0.03054,0.01051,0.0228,0.00429,-0.0025,0.00231,-0.03696,0.02701,-0.04769,-0.06575,0.01456,-0.05187,-0.01401,-0.07596,-0.07457,-0.01114,0.0202,-0.00866,-0.05389,-0.03371,0.13178,0.01778,0.01334,0.03589,0.01319,0.05989,0.07589,-0.02355,-0.04955,0.05853,0.03039,0.06206,0.04856,0.08469,-0.04551,-0.06852,-0.00573,0.03896,-0.01215,-0.02441,0.10187,-0.05729,-0.08354,0.05158,0.03019,0.00725,0.03017,-0.00033,-0.00754,0.00392,0.04352,-0.02647,-0.02845,-0.06902,0.00956,0.09665,0.11517,-0.06327,0.00465,-0.03699,-0.09783,-0.03052,0.13931,0.02565,0.00112,-0.04164,0.0595,0,-0.01994,0.01648,-0.07793,0.08497,0.04025,-0.06529,-0.01367,0.03819,0.07947,0.00916,0.01728,0.0657,0.01403,-0.02277,-0.00689,-0.01612,-0.02563,-0.12441,0.08231,-0.03008,0.0382,0.03674,-0.0144,-0.07846,-0.08467,0.02119,0.00818,0.00109,0.02885,-0.04534,0.00812,-0.01196,-0.01698,-0.02307,-0.02397,-0.04343,0.02778,0.06375,0.00523,-0.08319,0.05383,-0.02069,-0.01261,-0.04542,-0.09613,0.01078,-0.07308,0.01719,-0.02174,-0.01093,-0.02723,0.01821,-0.02817,-0.08345,-0.06144,-0.0257,0.09409,0.01573,0.00138,0.03545,-0.04169,0.00591,0.05005,0.01819,0.01041,0.02181,-0.07726,-0.00378,0.00898,0.06592,0.01888,0.03667,-0.02884,0.01452,0.09476,0.05786,0.06805,-0.02658,0.05134,0.04098,0.03677,0.12216,0.00953,0.04726,0.05154,0.02768,-0.09505,-0.0528,0.03104,0.05205,-0.1014,0.02703,0.03688,0.02235,-0.00262,0,-0.15131,-0.00097,-0.0233,-0.0158,0.04189,0.0406,-0.03238,0.01844,0.01754,-0.01938,-0.01458,0.06797,-0.00468,-0.00594,0.06293,0.01646,-0.02617,0.00887,-0.00512,-0.03937,0.02436,0.03934,-0.00243,0.06913,0.02311,0.02098,0.00473,-0.00969,-0.01168,-0.00442,-0.02184,0.05754,0.09656,0.05286,-0.01054,0.00418,-0.07164,-0.01014,-0.08985,-0.04495,0.03334,0.0023,0.00134,-0.06562,-0.09427,0.07378,-0.03785,-0.05024,-0.03831,-0.02003,-0.05237,0.02312,-0.07055,0.05087,0.00833,0.07039,-0.05277,-0.01841,0.06226,-0.00736,-0.09006,0.11128,0.03971,0.02691],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Interactive examples Explore live demos built with Foblex Flow: - Call Flow Editor - Logic Configuration Tool - Schema Designer - Examples overview You can also browse the source code for all demos in libs/f-examples/.","excerpt":"Interactive examples Explore live demos built with Foblex Flow: - Call Flow Editor - Logic Configuration Tool - Schema Designer - Examples overview You can also browse the source code for all demos in libs/f-examples/."},{"chunkId":"/docs/intro#4","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.09371,-0.00788,-0.06311,0.03603,-0.00907,0.05701,-0.01535,0.05442,0.01655,0.03718,-0.0953,-0.01606,-0.0469,0.01262,0.09327,0.02008,0.00063,-0.03806,-0.03388,-0.00138,-0.0464,-0.08189,-0.0154,-0.02548,-0.02917,0.0795,0.02327,-0.07194,0.0734,-0.02988,0.08132,0.03977,-0.02435,0.00936,-0.13075,0.0988,0.03445,-0.04747,-0.06078,-0.03211,0.05769,0.0161,-0.01669,-0.05539,-0.04758,0.0037,-0.03231,-0.00442,-0.04246,0.08936,-0.00203,-0.06691,-0.03465,0.07771,0.0463,0.03583,0.0351,-0.05228,-0.01182,-0.00158,0.02904,-0.04703,0.02121,0.03741,-0.02355,0.06127,-0.05073,-0.00678,0.05914,-0.05276,-0.00575,-0.03225,0.00102,-0.07561,-0.00029,-0.07819,-0.01692,0.05193,-0.04747,-0.02256,0.05123,0.02688,0.0097,0.04709,-0.04933,0.04725,0.01304,-0.03146,0.02626,0.01049,-0.06363,0.09574,-0.00436,-0.07796,0.08139,0.01743,-0.02121,-0.00112,-0.04275,0.02579,0.03693,-0.05337,0.05718,0.05187,-0.02521,-0.06642,-0.08485,0.00123,-0.04861,0.02923,-0.01916,0.06619,0.02172,-0.02445,-0.025,0.00822,-0.03121,-0.02832,0.01777,0.10154,-0.00041,0.03423,0.05427,-0.02399,0.09378,-0.00969,0.004,0,-0.006,0.00777,-0.05292,0.01778,0.07426,-0.00078,0.03335,-0.0894,0.02256,-0.02509,0.03553,0.1072,-0.04284,0.03617,0.00837,-0.08499,-0.02313,-0.00629,0.09772,0.00773,0.0915,-0.03019,-0.03038,0.03444,0.10082,0.06867,-0.00836,0.06973,-0.03554,-0.01282,0.05612,-0.01767,-0.00726,-0.00518,-0.04538,-0.02076,-0.07235,-0.05169,-0.02317,-0.10386,0.02059,-0.04277,-0.14358,-0.01925,0.0026,-0.0471,-0.04991,-0.03957,0.06645,-0.02074,0.04428,0.01973,-0.0071,0.00284,0.02947,-0.05485,-0.04795,0.04414,-0.02213,0.00668,0.0539,0.02944,-0.05101,-0.00899,0.05294,0.05345,-0.0138,-0.00568,0.05315,-0.08424,-0.07528,0.09449,-0.0019,-0.0031,0.05669,-0.0096,-0.0181,0.01489,-0.01478,-0.01849,-0.02794,-0.07471,0.00621,0.13791,0.13018,-0.0935,0.02625,-0.03663,-0.08896,0.01092,0.10603,0.01462,0.02454,0.01181,0.02764,0,0.01278,-0.00198,-0.01287,0.11236,-0.00518,-0.05637,-0.00248,0.03827,0.04857,-0.01032,-0.01661,0.01964,0.03889,0.00677,-0.02886,0.01148,-0.03105,-0.08962,-0.01966,-0.03441,-0.00951,0.04088,-0.00959,-0.03262,-0.08576,0.02734,-0.02651,-0.03171,-0.02398,-0.0453,-0.04404,-0.03452,-0.04895,-0.0817,-0.01178,-0.05901,-0.00211,0.07537,0.01901,-0.04968,0.03197,0.00728,-0.08078,-0.01652,-0.06905,0.03029,-0.14963,0.02403,-0.08309,-0.01406,-0.08063,0.05105,-0.03566,-0.05487,-0.03997,0.0135,0.15162,0.01499,-0.02014,0.0098,-0.02157,-0.034,0.00859,0.0154,0.01963,0.02529,-0.04238,-0.00627,0.07458,0.10548,0.05741,0.06358,-0.0266,0.00703,0.15606,0.05944,0.07395,-0.0714,0.06654,-0.00772,-0.04858,0.10335,0.03432,0.0207,0.04314,0.05813,-0.08115,-0.07476,0.07109,0.04539,-0.0751,0.03445,-0.03078,0.00759,0.01619,0,-0.14433,0.01936,-0.05113,0.01159,0.05511,0.01723,-0.01162,0.0131,0.04865,0.00943,-0.02088,0.03703,-0.02217,-0.02366,0.03329,0.024,0.06349,-0.0276,-0.01228,-0.04096,0.0004,-0.02959,0.03494,0.12944,0.03447,-0.06892,0.07396,-0.01475,-0.00039,0.05395,-0.02399,0.01779,0.06962,0.10274,-0.08671,-0.02612,-0.01789,0.00594,-0.02004,0.03806,0.0297,0.04076,-0.06902,-0.05901,-0.06888,0.04628,-0.0302,-0.06578,0.00096,0.00588,-0.04566,0.01459,-0.05443,0.06904,0.0555,0.03845,-0.04445,0.00157,0.08142,0.00117,-0.08867,0.03719,0.00526,-0.0461],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. How it works You compose a flow from primitives: one f-flow root, one f-canvas, nodes with connectors, and connection components. Foblex Flow focuses on rendering and interaction. Your application owns the graph model (nodes, connections, metadata) and decides how to update it. The library emits interaction events (drag, selection changes, connection create/reassign) so you can: - keep business state in your own store (signals, RxJS, NgRx, plain services), - persist changes to your backend in a predictable way, - apply domain rules (validation, limits, permissions) where they belong. That is the default stateless integration. If you want the library to keep typed graph records and apply supported gestures automatically, install the optional Managed Flow State plugin with provideFFlow(withFlowState()). The core remains stateless, the plugin is opt-in, and the same public events remain available. Rx JS Ng Rx provide F Flow with Flow State","excerpt":"How it works You compose a flow from primitives: one f-flow root, one f-canvas, nodes with connectors, and connection components. Foblex Flow focuses on rendering and interaction. Your application owns the graph model (nodes, connections, metadata) and decides how to update it. The library emits interaction events (drag, selection changes, connection create/reassign) so you can: - keep business state in your own store (signals, RxJS, NgRx, plain services), - persist changes to your backend in a predictable way, - apply domain rules (validation, limits, permissions) where they belong. That is the default stateless integration. If you want the library to keep typed graph records and apply supported gestures automatically, install the optional Managed Flow State plugin with provideFFlow(withFlowState()). The core remains stateless, the plugin is opt-in, and the same public events remain available."},{"chunkId":"/docs/intro#5","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.06856,0.00128,-0.05067,0.04749,0.00979,0.00939,-0.08636,0.0714,0.05983,0.08056,-0.13365,-0.01366,-0.07838,0.0034,0.07947,-0.01053,0.01544,-0.00859,0.01973,-0.03869,-0.08799,-0.04907,0.01663,-0.05525,-0.00101,0.04141,-0.03119,-0.02134,0.0479,-0.04692,0.00311,0.05037,0.03161,0.03321,-0.10989,0.14473,0.06655,-0.02791,-0.08609,-0.05943,0.02218,0.0462,-0.01871,-0.06919,0.00406,-0.07131,-0.02993,-0.03105,-0.07194,0.05907,-0.05046,-0.16358,-0.05688,0.07995,-0.00203,0.02688,0.01187,-0.08214,0.03662,0.00572,-0.01114,0.01037,0.01017,0.04708,0.02905,0.00547,-0.04785,0.03518,0.0446,-0.10729,-0.02438,-0.07172,-0.01115,-0.00296,-0.01671,-0.08069,-0.02957,0.02634,-0.01977,-0.05087,0.03855,0.04608,0.00129,0.0886,-0.05349,0.10413,0.05283,-0.0176,0.01304,0.0339,0.02978,0.10424,0.03198,-0.05327,0.0746,0.03578,0.02139,0.00336,-0.06922,0.01488,0.00651,-0.09198,0.0706,-0.01386,-0.03712,-0.02765,0.02604,-0.03004,-0.03756,0.00622,-0.02352,0.02798,-0.03883,-0.10753,0.00643,-0.03845,-0.01196,-0.05061,0.03487,0.12264,-0.00451,0.02505,0.01046,0.00215,0.0845,-0.02648,-0.01485,0,0.04646,0.08849,-0.04435,0.08224,0.10059,-0.00097,0.03578,-0.06671,-0.02652,-0.03817,0.05116,0.05188,-0.05393,0.05278,0.02225,-0.07144,-0.05754,0.00684,-0.00891,-0.01814,0.04166,-0.08665,-0.03928,0.07717,0.05682,0.06401,0.02104,0.0229,-0.03206,0.00176,0.00467,-0.02333,0.02127,0.02656,-0.0477,0.05796,-0.04982,-0.08333,0.0375,-0.04575,-0.03408,-0.01316,-0.07362,-0.04174,0.00121,-0.01074,-0.0246,-0.0199,0.09932,0.00568,0.03586,0.0405,0.05815,0.07163,0.06695,0.00132,0.03327,0.0016,0.03413,0.05307,0.03415,0.09261,-0.04524,-0.00243,0.02875,0.07253,0.00673,0.00634,0.08658,-0.08933,-0.09261,0.02537,0.05323,-0.0077,0.04374,0.00006,-0.00939,-0.00635,0.04232,0.01998,-0.05623,-0.05234,0.00563,0.11744,0.09395,-0.07407,-0.00079,0.02443,-0.06693,-0.00564,0.13295,0.00863,0.00051,-0.00825,0.01563,0,-0.02305,-0.01495,-0.04573,0.09285,0.02113,-0.06894,-0.04722,-0.01437,0.09242,0.00427,0.01325,0.02334,-0.00013,-0.03094,-0.01202,-0.02734,-0.01987,-0.13667,0.06565,-0.07386,0.05977,0.00754,0.00702,-0.02585,-0.0638,0.00634,-0.02539,-0.02782,-0.0441,-0.05841,-0.01863,-0.0351,-0.03236,-0.09627,-0.02063,-0.03034,-0.01972,0.07358,0.00826,-0.0357,0.0383,0.00818,-0.02912,-0.01749,-0.1,0.03849,-0.08248,0.00691,-0.02789,-0.01649,-0.04015,0.0472,-0.02781,-0.08656,-0.0362,-0.02414,0.04884,0.04288,-0.02425,0.01016,-0.03496,-0.0012,0.0407,0.0138,-0.0164,0.03781,-0.05016,0.0219,-0.00399,0.06802,0.04802,0.00879,-0.03713,-0.00077,0.0598,0.04666,0.10778,-0.05792,0.05666,0.02368,-0.04463,0.12251,-0.00074,0.00945,0.03476,0.01882,-0.08362,-0.07457,0.03452,0.06965,-0.06012,0.01223,0.03277,0.02087,-0.02115,0,-0.13416,0.02836,-0.0249,-0.01501,0.02535,0.03046,-0.03542,0.05896,0.06214,0.04423,0.06131,0.00609,-0.02936,-0.02264,0.0679,0.02929,0.00729,0.02638,-0.03636,-0.09117,0.02946,0.07209,-0.02968,0.0522,0.04773,-0.0073,0.04181,-0.02176,-0.05039,0.01933,-0.04184,0.081,0.0591,0.09542,-0.05857,-0.02585,-0.04549,0.01857,-0.09196,-0.04142,0.05209,0.02353,0.02309,-0.04169,-0.10224,0.04138,-0.03743,-0.04307,-0.00106,-0.04858,-0.03998,-0.00203,-0.07082,0.03046,-0.01036,0.07206,-0.00993,-0.02053,0.06579,-0.02726,-0.08685,0.04062,0.04258,0.01674],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Quick FAQ - Is Foblex Flow hard to use? No. The minimal editor path is small and stays inside normal Angular templates. - Do I need caching or virtualization? No. Most editors start without them. They are optional tools for larger scenes and heavier redraw workloads. - Who is it best for? Angular teams building node editors, workflow builders, interactive diagrams, and graph-based internal tools.","excerpt":"Quick FAQ - Is Foblex Flow hard to use? No. The minimal editor path is small and stays inside normal Angular templates. - Do I need caching or virtualization? No. Most editors start without them. They are optional tools for larger scenes and heavier redraw workloads. - Who is it best for? Angular teams building node editors, workflow builders, interactive diagrams, and graph-based internal tools."},{"chunkId":"/docs/intro#6","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.09529,0.03582,-0.08632,0.04206,-0.01054,0.06754,-0.00562,0.07485,-0.00586,0.07218,-0.11104,-0.02422,-0.06654,-0.01606,0.05641,0.00948,-0.04232,0.01276,0.02217,-0.00359,-0.05116,-0.03609,-0.00413,-0.05767,-0.00696,0.04772,0.03274,-0.02067,0.03654,-0.03296,0.0419,0.07613,0.02034,0.01967,-0.13493,0.08909,0.02715,-0.0511,-0.06573,-0.04681,0.06442,0.05273,0.01355,-0.06343,-0.0372,-0.02265,-0.07751,0.0336,-0.05657,0.07259,-0.05049,-0.12819,-0.06668,0.08654,-0.01279,0.00652,0.00971,-0.07216,0.03774,0.02551,0.02707,-0.01556,0.00612,0.04244,0.02702,0.0149,-0.09507,0.06659,-0.00578,-0.07164,-0.01604,-0.06461,0.0197,-0.02022,0.00703,-0.06645,-0.05235,0.07565,-0.0382,-0.02661,0.01861,0.04804,0.00258,0.071,-0.07572,0.10119,0.01838,-0.05215,-0.01403,-0.02723,0.02073,0.08905,-0.02123,-0.03318,0.07026,0.02695,-0.02089,-0.04437,-0.07608,0.00343,-0.00187,-0.0617,0.0278,-0.01573,-0.0579,-0.04536,-0.00545,-0.0412,-0.00911,0.01952,-0.04372,0.03911,-0.0546,-0.08739,-0.01942,-0.03407,-0.03995,-0.04313,0.05439,0.07646,-0.00838,0.01777,-0.01569,-0.03182,0.07492,-0.01053,0.00907,0,0.03274,0.03569,-0.06969,0.0802,0.1037,-0.02112,0.04482,-0.0899,-0.02593,0.01501,0.04773,0.05273,-0.05421,0.04802,-0.0489,-0.12529,-0.03792,-0.03228,0.04445,0.01045,0.06749,-0.06934,-0.02545,0.03769,0.08931,0.06808,-0.01658,0.03234,-0.02453,0.01049,0.04012,0.0224,-0.00342,-0.00419,-0.03409,0.03514,-0.03489,-0.04078,-0.00876,-0.04419,-0.00996,-0.08835,-0.10619,-0.00372,0.00987,-0.02435,-0.02105,-0.03924,0.13096,0.00195,-0.00396,0.00953,0.01955,0.04801,0.07789,-0.03853,-0.07447,0.05704,0.00258,0.05329,0.07379,0.06426,-0.03861,-0.08048,0.01063,0.05042,-0.03601,0.00003,0.07687,-0.07243,-0.07954,0.04926,0.0577,0.00662,0.03095,0.01169,0.00376,0.02805,0.06863,-0.02532,-0.05578,-0.06118,0.04334,0.10242,0.1137,-0.07142,0.02199,-0.01307,-0.0826,-0.0094,0.14373,0.04223,0.00279,-0.03392,0.08586,0,-0.01704,0.03969,-0.04583,0.09994,0.05218,-0.06643,-0.00522,0.0334,0.07725,0.02311,0.01888,0.05497,0.01024,-0.02169,-0.01556,-0.02355,-0.05231,-0.13738,0.06482,-0.05012,0.04038,0.01153,0.00699,-0.09082,-0.08267,0.00478,0.00356,-0.01048,-0.00725,-0.02354,-0.00435,-0.01677,-0.03529,-0.0028,-0.01289,-0.0424,0.0228,0.09041,0.02611,-0.09218,0.04574,-0.03879,-0.03079,-0.03249,-0.06845,0.00009,-0.07209,0.00215,-0.02238,0.00565,-0.02929,0.04168,-0.04657,-0.06471,-0.05307,-0.01558,0.09416,0.0075,0.01358,0.02249,-0.02669,0.00065,0.04135,0.01815,0.03286,0.01777,-0.05005,-0.01602,0.03365,0.07527,-0.00919,0.03703,-0.00805,0.01778,0.11885,0.03027,0.09703,-0.03902,0.05651,0.02919,0.04578,0.13484,-0.02909,0.04134,0.05555,0.04794,-0.08528,-0.06822,0.03267,0.06819,-0.09139,0.01367,0.01777,-0.01076,-0.01653,0,-0.15217,-0.00174,-0.0435,-0.03068,0.04242,0.0442,-0.0358,0.02334,0.04384,-0.01021,-0.01652,0.06627,0.00483,-0.0076,0.06518,0.0001,-0.00277,-0.00322,0.00238,-0.03718,0.01184,0.02844,0.02507,0.07716,0.02756,0.00043,0.00733,-0.00291,-0.0188,0.0049,-0.02367,0.06004,0.05841,0.06467,-0.04309,0.00195,-0.05158,0.00532,-0.08983,-0.01882,0.05459,0.0296,0.01241,-0.0585,-0.08425,0.07007,-0.02664,-0.0404,-0.01372,-0.00442,-0.04074,0.03038,-0.04516,0.04434,0.01215,0.04117,-0.05682,-0.02212,0.04882,-0.00962,-0.14484,0.07374,0.03959,0.01606],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Next steps This page is an overview. Use these guides for exact contracts: - Flow - Canvas - Node - Connection - Drag and Drop","excerpt":"Next steps This page is an overview. Use these guides for exact contracts: - Flow - Canvas - Node - Connection - Drag and Drop"},{"chunkId":"/docs/intro#7","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.08673,0.05078,-0.08849,0.04598,0.00529,0.05198,-0.05246,0.06677,0.01204,0.05771,-0.12083,-0.02295,-0.07634,-0.02061,0.01995,0.00602,-0.03787,-0.00281,0.01273,0.01117,-0.06288,-0.0367,0.02346,-0.05475,-0.02398,0.06125,0.04301,-0.00887,0.02537,-0.05604,0.0347,0.09334,0.00911,0.00829,-0.13475,0.08608,0.05196,-0.0237,-0.05548,-0.04165,0.05756,0.03674,0.00986,-0.05168,-0.03436,-0.0158,-0.07892,-0.00359,-0.06143,0.07176,-0.04395,-0.11222,-0.05728,0.09687,-0.00264,0.02668,0.00257,-0.08736,0.03116,0.04989,0.03935,-0.02126,0.03189,0.04167,0.06686,0.02359,-0.08299,0.0202,-0.00793,-0.08199,-0.00351,-0.02877,0.01361,-0.03074,-0.00955,-0.03414,-0.04502,0.04577,-0.03333,-0.04018,0.03774,0.08882,0.00083,0.07533,-0.03398,0.12412,0.01214,-0.04153,-0.01108,-0.00931,-0.00309,0.06115,-0.00097,-0.01778,0.07566,0.04261,-0.00125,-0.05581,-0.09527,-0.00077,0.00027,-0.0346,0.06332,0.00099,-0.03656,-0.04484,-0.00592,0.01064,-0.02475,-0.03007,-0.00769,0.04305,-0.04976,-0.06699,-0.0295,-0.04591,-0.03952,-0.06249,0.06053,0.09723,0.01637,0.01812,-0.01487,-0.02368,0.08856,0.01715,-0.00982,0,0.02785,0.04571,-0.05515,0.06459,0.10697,-0.01933,0.02078,-0.11353,-0.01475,0.01045,0.00338,0.01458,-0.07118,0.00336,-0.02057,-0.11588,-0.04175,0.02815,-0.00459,-0.0039,0.05478,-0.0739,-0.02606,-0.00197,0.09072,0.09456,-0.02454,0.03771,-0.06689,0.00083,0.04479,-0.00233,0.02321,-0.00871,-0.04492,0.00167,-0.0326,-0.08211,-0.02875,-0.04427,-0.03675,-0.0276,-0.07584,0.02552,0.00991,-0.00552,-0.02609,-0.02576,0.11632,0.01645,-0.01958,0.04326,0.02148,0.01709,0.07182,-0.07113,-0.06103,0.06619,0.01333,0.04518,0.05154,0.07569,-0.07459,-0.05801,0.00232,0.06103,-0.00189,-0.0251,0.08975,-0.06244,-0.0686,0.0433,0.04304,0.03302,0.04218,0.00904,0.00401,0.00893,0.06053,-0.02241,-0.03553,-0.03824,-0.0168,0.10349,0.13218,-0.05878,0.01864,-0.02713,-0.08308,-0.00131,0.14387,0.05707,0.02033,-0.04988,0.04573,0,-0.0244,0.00922,-0.06999,0.07141,0.02329,-0.07611,-0.00057,0.01994,0.07765,0.00806,0.04518,0.08491,-0.01053,-0.05073,0.00673,-0.00801,-0.04407,-0.11879,0.10968,-0.05681,0.07632,0.0259,-0.02134,-0.0639,-0.06868,0.02898,-0.00114,-0.0463,-0.00263,-0.04467,0.01178,-0.01549,-0.03754,-0.01305,-0.01445,-0.05201,-0.0115,0.07704,0.02346,-0.0388,0.02653,0.00229,-0.02391,0.00014,-0.0877,-0.0245,-0.08195,-0.00357,-0.02636,0.00114,-0.05373,0.03277,-0.03515,-0.07383,-0.05723,-0.01905,0.08606,0.02157,-0.00283,0.01797,-0.00834,-0.01965,0.03531,0.01514,0.03295,0.03132,-0.0606,-0.00023,0.03374,0.08541,0.04091,0.0142,-0.01161,0.01564,0.10917,0.01365,0.09847,-0.03592,0.08488,0.05058,0.00153,0.15577,-0.01987,0.01901,0.07302,0.01667,-0.0433,-0.02589,0.03479,0.06233,-0.08334,0.02695,0.01287,-0.00542,-0.0108,0,-0.1711,0.01063,-0.05658,-0.02877,0.05748,0.00295,-0.07935,0.03032,0.03689,-0.03039,-0.01245,0.0859,-0.00183,-0.03148,0.09711,-0.00551,-0.03577,0.00859,-0.04092,-0.02525,0.00316,0.05469,-0.01773,0.05861,-0.00284,-0.00655,0.03297,-0.00682,-0.01944,0.01719,-0.02541,0.05261,0.06986,0.08532,-0.03432,0.02352,-0.07818,0.00822,-0.09558,-0.01323,0.05386,-0.0412,0.01278,-0.05092,-0.08211,0.06663,-0.04598,-0.0188,-0.02985,-0.01192,-0.04857,-0.00898,-0.05872,0.03543,0.02674,0.0167,-0.02547,-0.00902,0.05518,0.00344,-0.08276,0.10696,0.05526,0.00856],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Notes / Pitfalls - Use stable ids for nodes and connectors to keep connections predictable (fNodeId, fInputId, fOutputId). - Style primitives explicitly for production UI - defaults are intentionally minimal. - Add advanced helpers (selection area, minimap, alignment/spacing) after base rendering is stable. f Node Id f Input Id f Output Id","excerpt":"Notes / Pitfalls - Use stable ids for nodes and connectors to keep connections predictable (fNodeId, fInputId, fOutputId). - Style primitives explicitly for production UI - defaults are intentionally minimal. - Add advanced helpers (selection area, minimap, alignment/spacing) after base rendering is stable."},{"chunkId":"/docs/intro#8","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.08612,0.06575,-0.08594,0.04464,0.03342,0.09478,-0.03808,0.06217,-0.0305,0.06381,-0.07894,-0.02001,-0.04526,-0.02724,0.02623,0.00604,-0.08611,0.03612,-0.00634,-0.02094,-0.00931,-0.04138,0.02793,-0.02648,-0.02796,0.04153,-0.01095,0.00807,0.04991,-0.01961,0.07852,0.10176,0.01319,0.03764,-0.06084,0.08975,0.01764,0.00886,-0.06546,-0.03047,0.10499,0.0477,0.00611,-0.11199,-0.01973,-0.02984,-0.07827,0.01323,-0.06979,0.03259,-0.05547,-0.1425,-0.03861,0.08192,0.02776,0.01967,-0.01039,-0.11903,0.05876,-0.01209,0.02065,-0.05585,0.00511,0.00696,0.06984,0.02826,-0.12003,0.04289,-0.02164,0.00752,0.00108,-0.04263,0.00247,0.00585,0.0075,-0.04138,-0.06021,0.08238,-0.05569,-0.05112,-0.0189,0.01845,-0.00232,0.04205,-0.04674,0.14399,0.00755,-0.05175,-0.00096,-0.00427,-0.01887,0.06278,-0.06124,-0.03358,0.0647,0.04648,-0.04374,-0.01396,-0.06545,0.03522,0.02297,-0.07187,0.02397,0.02455,-0.00902,-0.0233,-0.02967,0.02471,-0.04369,0.00064,-0.04677,0.03897,-0.01744,-0.09679,-0.00761,-0.05987,-0.01084,-0.0497,0.05319,0.08405,0.05768,-0.01015,-0.06015,-0.01931,0.08814,0.02329,0.00228,0,0.02457,0.03182,-0.04024,0.06336,0.09672,-0.0345,0.01678,-0.0848,-0.03281,0.03766,-0.01029,0.03709,-0.05228,-0.02136,-0.06292,-0.14083,-0.03118,0.00217,-0.00221,-0.02323,0.04887,-0.05915,-0.05308,0.01636,0.0696,0.01271,-0.03129,0.01692,-0.05813,-0.00017,0.08261,0.04631,0.0712,0.00581,-0.0093,0.00344,0.01315,-0.03885,-0.04698,-0.04585,0.03296,-0.04927,-0.04484,0.043,-0.01598,-0.03397,-0.01643,-0.04346,0.11934,-0.01303,0.01677,0.06895,-0.00166,-0.01572,0.09797,-0.0061,-0.04507,0.04713,0.00849,0.04802,0.03797,0.08384,-0.00314,-0.06421,0.03773,0.03662,-0.00851,-0.01425,0.0631,-0.09493,-0.06537,0.09417,0.03028,0.01058,0.02943,0.00945,0.00451,0.02378,0.06189,-0.04048,-0.05651,-0.06985,-0.02951,0.09864,0.11517,-0.10629,0.01791,-0.03951,-0.07072,-0.07936,0.13084,0.0104,-0.04738,-0.07935,0.02793,0,0.01513,0.04246,-0.04179,0.11248,0.01822,-0.04927,0.02383,0.06705,0.06257,0.05786,-0.00085,0.05528,0.00029,-0.06077,0.01313,-0.02655,-0.04769,-0.10391,0.10018,-0.05758,0.05654,0.09909,-0.03093,-0.02467,-0.05984,0.012,0.01051,0.03665,-0.00864,-0.05709,-0.00867,-0.0449,-0.08552,0.01317,0.00367,-0.07034,-0.01803,0.11468,0.02696,-0.04477,0.06725,0.0261,-0.05477,-0.01744,-0.05586,-0.01792,0.00369,0.00945,-0.01982,-0.02387,-0.03918,-0.01118,-0.04477,0.00087,-0.03134,-0.01608,0.09582,-0.02099,-0.02258,0.00761,0.0233,-0.03823,0.00409,-0.00338,0.0629,0.01781,-0.08582,-0.03946,0.01944,0.04745,-0.029,0.02024,0.02346,-0.00752,0.07448,0.02496,0.06742,0.01919,0.06593,0.055,-0.06864,0.13474,-0.01175,0.07448,0.0841,0.0272,-0.10853,0.00401,0.05429,0.0299,-0.07205,0.00265,0.00968,0.01899,0.02608,0,-0.15793,-0.00166,-0.04094,-0.00956,0.0483,-0.01898,-0.00416,-0.01306,0.00204,-0.04233,-0.01755,0.05193,0.0394,-0.04158,0.06448,-0.03447,-0.02964,0.01783,-0.04323,0.00437,-0.01545,0.03363,0.01763,0.09974,0.00649,-0.01393,-0.02499,-0.00278,0.00288,0.00022,-0.00714,0.01746,0.06061,0.07266,-0.06127,0.00497,-0.10184,0.00979,-0.04469,0.00601,0.04244,-0.06572,0.00756,-0.0215,-0.05755,0.09223,-0.04347,-0.00402,0.0013,-0.00611,-0.05303,0.02923,-0.07191,0.05936,0.05122,-0.01259,0.00313,0.01481,0.02292,-0.00689,-0.05172,0.08854,-0.00059,0.01535],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::","excerpt":"Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::"},{"chunkId":"/docs/intro#9","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.10737,0.00497,-0.07321,0.05004,0.02458,0.04672,-0.01582,0.05828,-0.00411,0.06441,-0.10698,-0.00513,-0.08413,-0.00243,0.05243,0.014,-0.06803,0.0252,0.01964,-0.00611,-0.06545,-0.05469,0.01886,-0.05033,0.0077,0.05722,0.02348,-0.03222,0.03595,-0.05411,0.04844,0.0732,0.0172,0.02593,-0.14553,0.09853,0.06143,-0.03756,-0.07177,-0.04141,0.04478,0.04423,0.02677,-0.07238,-0.03397,-0.01286,-0.04798,0.00666,-0.04864,0.0611,-0.07046,-0.15446,-0.05889,0.06643,-0.00198,0.0065,0.01823,-0.06548,0.01957,0.01976,0.02053,-0.02552,-0.00286,0.03003,0.03611,0.01926,-0.09549,0.07285,-0.00407,-0.08436,-0.02372,-0.05237,0.01898,-0.00029,-0.01558,-0.05391,-0.02828,0.04884,-0.01618,-0.01194,0.02535,0.05273,-0.00426,0.07881,-0.05791,0.12057,0.02444,-0.04097,-0.03137,-0.0256,0.01662,0.08609,0.00246,-0.03532,0.05949,0.02274,-0.01151,-0.05685,-0.08079,0.0119,0.01513,-0.05632,0.05746,-0.0091,-0.05605,-0.0389,-0.00534,-0.00827,-0.01255,0.01095,-0.02274,0.03723,-0.05186,-0.10136,-0.02093,-0.04749,-0.04079,-0.0376,0.05796,0.06581,0.00273,0.01554,-0.00553,-0.03561,0.07848,0.00022,-0.01825,0,0.02884,0.05053,-0.05829,0.06,0.10866,-0.03999,0.03825,-0.10004,-0.02727,-0.01259,0.03246,0.0398,-0.06668,0.04999,-0.03643,-0.13933,-0.04853,-0.00875,0.02042,-0.00718,0.07062,-0.08532,-0.02863,0.03237,0.09128,0.07539,-0.00539,0.02616,-0.03948,0.00584,0.04247,0.01939,0.00501,-0.00058,-0.04624,0.01362,-0.05634,-0.07368,0.00536,-0.05059,0.00619,-0.08333,-0.10509,-0.00302,0.02453,-0.00966,-0.0184,-0.04744,0.12502,-0.007,0.00885,0.01989,-0.00825,0.04239,0.07753,-0.03157,-0.05756,0.06868,0.04459,0.04635,0.07282,0.08162,-0.02751,-0.08387,0.02155,0.04892,-0.00476,0.01541,0.07472,-0.06735,-0.05876,0.04536,0.03957,-0.00813,0.02813,0.0058,-0.00202,0.00899,0.07189,-0.02562,-0.05527,-0.06437,0.02785,0.07543,0.12482,-0.05693,0.02243,-0.02163,-0.09889,-0.02784,0.1332,0.0257,0.00619,-0.04335,0.05492,0,-0.02726,0.02141,-0.05395,0.0915,0.05411,-0.06776,-0.0079,0.03746,0.0669,0.01888,0.00758,0.07063,0.01234,-0.00952,-0.00141,-0.0223,-0.02557,-0.11591,0.05511,-0.06097,0.04194,0.02552,-0.00277,-0.05385,-0.08594,0.00541,0.02302,-0.01646,-0.00167,-0.04462,0.01107,-0.02134,-0.03203,-0.01674,-0.00645,-0.04519,0.01907,0.08058,0.00358,-0.07171,0.031,-0.01817,-0.02788,-0.03394,-0.08391,0.00165,-0.06622,0.02189,-0.02878,0.01027,-0.02677,0.02755,-0.04684,-0.06557,-0.05047,-0.01137,0.10415,0.01875,-0.00394,0.03104,-0.05499,-0.01989,0.02364,0.01444,0.05129,0.01638,-0.06581,-0.01186,0.02005,0.07313,0.02076,0.06465,-0.0118,-0.0038,0.09493,0.03527,0.10438,0.00428,0.06463,0.02528,0.02203,0.13122,-0.01482,0.04946,0.0597,0.02757,-0.08852,-0.05574,0.03333,0.05756,-0.10068,0.02058,0.04176,0.00738,0.00547,0,-0.1359,0.0113,-0.03593,-0.02046,0.05681,0.04188,-0.05407,0.03144,0.02112,-0.00887,-0.01218,0.07356,-0.02131,0.01345,0.06692,-0.01654,-0.01495,0.02563,-0.00048,-0.04423,0.04263,0.04178,0.01953,0.09275,0.01422,0.00841,-0.00008,-0.01031,0.00275,-0.01612,-0.02532,0.0631,0.05649,0.05782,-0.02561,0.00619,-0.07634,0.00421,-0.10699,-0.03089,0.07531,-0.00095,0.0329,-0.04726,-0.10117,0.09365,-0.05154,-0.05344,-0.02819,-0.01726,-0.04639,0.0174,-0.05991,0.0664,0.02132,0.05326,-0.05939,-0.01509,0.06464,0.00201,-0.08701,0.08636,0.03165,0.02321],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Support Foblex Flow If this page helped you build something (or saved you from writing drag+drop and SVG connection logic from scratch), please ⭐ the repo on GitHub — it directly helps the project grow. Git Hub","excerpt":"Support Foblex Flow If this page helped you build something (or saved you from writing drag+drop and SVG connection logic from scratch), please ⭐ the repo on GitHub — it directly helps the project grow."},{"chunkId":"/docs/get-started#0","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.03566,-0.03512,-0.085,0.02394,-0.02499,0.02549,-0.10285,0.02963,0.0235,0.0617,-0.06827,-0.02167,-0.04566,0.03016,0.05745,-0.00921,-0.02101,-0.0446,0.05176,-0.05143,-0.03926,-0.08353,-0.00601,-0.07683,0.02926,0.04937,0.00665,0.0669,0.04923,-0.05798,0.05367,-0.00794,-0.03245,0.01524,-0.09969,0.08314,0.03434,0.00276,-0.05056,-0.00344,0.10351,0.04007,-0.00802,-0.07659,-0.02884,-0.04761,-0.09658,0.09526,0.01345,0.07939,-0.07284,-0.16948,-0.00695,0.03121,0.01043,0.02066,-0.00231,-0.09298,-0.01785,-0.024,0.03204,-0.01904,0.01383,0.03238,0.03778,-0.00606,-0.0485,0.07885,0.02082,-0.03898,0.02806,-0.05907,-0.01114,-0.06616,-0.02583,-0.02947,-0.01734,0.06508,0.00025,-0.02297,0.06261,0.0363,-0.0416,0.0821,-0.1688,0.06675,0.02963,-0.03494,-0.0497,-0.09058,0.01309,0.0976,0.01053,-0.00822,0.06205,0.05945,-0.02079,-0.02512,-0.03757,0.05453,-0.00254,-0.11749,0.08039,-0.00678,-0.06236,-0.02621,-0.00649,0.01653,-0.0131,-0.00492,0.00181,0.04405,-0.02418,-0.02625,-0.04722,0.00807,-0.05452,0.01339,0.03243,0.08862,0.00807,-0.00319,0.05192,-0.03264,0.13459,-0.06408,-0.01341,0,0.05307,0.061,-0.03039,0.07255,0.08187,0.00353,0.00557,-0.09478,-0.05991,0.0084,0.02814,0.05103,-0.04203,0.04044,-0.07359,-0.13869,0.00247,-0.01513,0.01842,-0.02825,0.00529,-0.04458,-0.0456,0.0533,0.05918,0.04697,-0.02372,0.04102,-0.04043,-0.00471,0.0894,0.0359,-0.05935,0.01085,-0.03186,-0.00829,-0.01637,-0.03905,0.00407,-0.01307,0.04961,-0.0796,-0.07622,-0.02273,-0.0413,-0.00046,-0.05817,-0.01746,0.0957,0.03625,0.01169,0.02481,0.00034,0.01317,0.05535,-0.02548,-0.03944,0.0293,0.05776,0.0008,0.02047,0.04513,-0.07598,-0.03023,0.00871,0.01433,-0.05806,-0.03882,0.13353,-0.04569,-0.09183,0.00505,0.05137,0.01082,0.03863,0.02667,-0.02852,0.06581,0.02696,0.04532,-0.06817,-0.08572,-0.03085,0.04113,0.06111,-0.06108,0.00635,0.02051,-0.06082,0.03855,0.05222,0.08341,0.05525,0.01853,0.09511,0,-0.04218,0.04229,0.02747,0.0649,0.0681,-0.05725,0.02015,-0.02434,0.03013,0.09738,0.00901,0.07094,-0.02635,-0.03551,0.00889,-0.02678,0.09246,-0.11673,0.10253,-0.0152,0.06579,0.02092,-0.0495,-0.04743,-0.03013,0.06564,0.07392,-0.04598,-0.02709,0.04276,0.00922,-0.05528,0.01867,-0.02059,-0.04592,-0.00987,0.03083,0.03219,0.01747,-0.07135,-0.00431,-0.02078,-0.07726,-0.04036,-0.02399,-0.02632,-0.04076,-0.01272,-0.08839,-0.03281,-0.05757,0.08823,-0.03379,-0.05647,-0.00025,-0.04647,0.09244,0.01331,0.02216,-0.01465,-0.00106,-0.04192,-0.01442,-0.0085,-0.01108,0.00656,-0.04414,-0.0426,0.00651,0.08031,-0.09082,0.07985,0.02664,-0.02368,0.15408,0.02625,0.03156,0.00849,0.0531,0.00001,-0.05469,0.09494,-0.0314,0.02211,0.06064,0.02828,-0.04224,-0.03553,0.03839,0.08188,-0.0473,-0.0276,0.03264,0.02567,0.03668,0,-0.0983,0.03904,-0.00123,-0.01164,0.00544,-0.00678,-0.02621,-0.01427,0.06814,0.01592,-0.03413,0.09446,0.01584,0.02205,0.09648,0.05899,-0.00749,-0.03114,-0.02842,-0.02313,0.0276,-0.00215,0.03275,0.10078,-0.00117,0.00237,0.00996,-0.02682,-0.06805,0.01036,-0.0434,0.03133,0.01585,0.06882,-0.0031,-0.07681,-0.12088,0.02748,-0.01572,-0.00511,0.05713,0.04453,0.02057,-0.03733,-0.05081,0.05239,-0.05658,-0.05864,-0.06525,-0.00182,-0.05252,-0.00053,-0.05929,0.04603,0.00111,0.02178,0.00807,0.00351,0.00296,0.00879,-0.06665,0.07003,0.01858,-0.07357],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Installing and Rendering Your First Flow Build your first interactive diagram in Angular: install Foblex Flow, render two draggable nodes, and connect them with a live connection. This is the default starting path for most Angular teams. You do not need caching or virtualization on day one. Prefer trying without a local setup? Open the minimal starter on StackBlitz — a running editor with two nodes and connection creation. Stack Blitz","excerpt":"Installing and Rendering Your First Flow Build your first interactive diagram in Angular: install Foblex Flow, render two draggable nodes, and connect them with a live connection. This is the default starting path for most Angular teams. You do not need caching or virtualization on day one. Prefer trying without a local setup? Open the minimal starter on StackBlitz — a running editor with two nodes and connection creation."},{"chunkId":"/docs/get-started#1","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.0646,-0.02516,-0.07696,-0.02416,-0.01886,0.05715,-0.06759,0.05397,-0.0181,0.05559,-0.10853,-0.02523,-0.05727,-0.00527,0.08242,0.01154,-0.04305,0.01731,0.04795,0.00748,-0.06169,-0.0455,-0.00631,-0.09622,0.04032,0.0716,0.02947,0.01843,0.07061,-0.04537,0.10576,0.04236,-0.01352,0.04489,-0.09596,0.06432,-0.00634,-0.0288,-0.04731,-0.02673,0.1109,0.09885,-0.01386,-0.09605,-0.00917,-0.05274,-0.04095,0.06895,0.01656,0.03739,-0.03656,-0.14496,-0.05729,0.04795,-0.0277,0.01489,0.00512,-0.05696,-0.00861,0.03315,0.04738,-0.05306,0.02828,0.0343,0.06017,0.02997,-0.09827,0.04309,0.02346,-0.04279,0.00174,-0.05112,0.03219,-0.05272,-0.03355,-0.05378,-0.00555,0.08668,-0.02968,-0.01545,0.04404,0.05216,0.01823,0.06822,-0.09106,0.0606,0.00046,-0.04472,-0.05895,-0.04384,0.02088,0.06615,-0.04023,-0.00386,0.06202,0.03767,-0.03107,-0.02852,-0.04782,0.0252,-0.02885,-0.11246,0.08855,-0.00119,-0.04488,-0.02876,-0.03569,0.04379,-0.03485,-0.04194,-0.00865,0.05145,-0.01581,-0.043,-0.04099,-0.04836,-0.01918,-0.04537,0.03107,0.1128,-0.02266,-0.00592,0.04622,-0.0392,0.0745,-0.03885,-0.01295,0,0.02495,0.06423,-0.02746,0.06968,0.08504,0.0013,0.00532,-0.10158,-0.02916,0.0145,0.02029,0.03597,-0.07334,0.02016,-0.09198,-0.11293,-0.01609,-0.02993,0.01816,0.01696,0.0327,-0.09119,-0.03906,0.0257,0.0278,0.04242,-0.00557,0.03541,-0.09862,-0.01457,0.06019,0.01001,-0.01366,-0.00222,-0.03098,-0.03943,0.00776,-0.03884,-0.03879,-0.01267,0.02005,-0.03198,-0.04016,0.00165,-0.02029,0.0336,-0.05209,0.00659,0.1221,0.07265,0.03338,0.03775,-0.01292,0.03998,0.04984,-0.0458,-0.07515,0.03646,0.0606,0.00612,0.0599,0.02687,-0.0889,-0.02748,0.02289,0.03835,-0.01897,-0.00942,0.08059,-0.04224,-0.07391,0.02597,0.04352,0.0081,0.04737,0.06481,0.00701,0.06827,0.04505,0.00963,-0.07734,-0.02754,-0.01024,0.0663,0.09307,-0.04785,0.02035,-0.04228,-0.05141,0.00083,0.08514,0.06945,0.04708,-0.03736,0.06873,0,-0.02161,0.04135,0.01181,0.02812,0.05649,-0.04778,0.01091,0.0186,0.04077,0.09834,0.01528,0.08508,0.0235,-0.03631,-0.04499,0.00748,0.03927,-0.092,0.09612,-0.04669,0.01591,0.04051,-0.02445,-0.09795,-0.05709,0.06581,0.04099,-0.03218,0.00059,0.01997,-0.00002,0.01191,0.00814,-0.00271,-0.04344,-0.02148,0.01592,0.03086,0.02741,-0.09525,0.01599,-0.02172,-0.06949,-0.04721,-0.08825,-0.05071,-0.05452,-0.02815,-0.0794,-0.00923,-0.03814,0.06906,-0.03659,-0.03721,-0.02367,-0.01829,0.11063,0.02702,0.00365,0.0039,-0.00448,-0.04803,0.01669,-0.05049,0.0346,0.01559,-0.06667,-0.01883,0.02608,0.10941,-0.02193,0.07089,0.01749,0.04212,0.11081,0.02921,0.10437,0.02116,0.08413,0.0097,-0.04368,0.11846,-0.06084,0.0247,0.09478,-0.00642,-0.05448,-0.1314,0.07083,0.05378,-0.04844,0.00958,0.01987,-0.01816,0.03617,0,-0.12849,-0.02097,-0.0511,-0.02121,0.00097,0.0176,-0.03283,0.00601,0.04532,-0.04794,-0.05387,0.08358,0.0082,-0.00914,0.07903,0.03743,-0.00897,-0.01243,-0.03705,-0.01144,-0.02359,0.02643,0.03137,0.11787,0.01083,-0.00718,0.04676,-0.04428,-0.02175,0.01471,-0.06907,0.03506,0.02167,0.07153,-0.02652,-0.07341,-0.09851,0.01996,-0.07794,0.00811,0.0171,-0.00266,0.04593,-0.03997,-0.03695,0.03856,-0.05712,-0.0204,-0.02283,0.03072,-0.01181,0.02698,-0.0644,0.02429,0.00731,0.02448,-0.04312,-0.00504,0.01622,0.00825,-0.12018,0.09181,0.0613,-0.0674],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Description This guide is the shortest path from installation to a working flow. You will: - add or update the library in your Angular app, - render a minimal flow (f-flow + f-canvas), - place nodes with explicit positions, - connect them with f-connection, - apply small baseline styles you can reuse.","excerpt":"Description This guide is the shortest path from installation to a working flow. You will: - add or update the library in your Angular app, - render a minimal flow (f-flow + f-canvas), - place nodes with explicit positions, - connect them with f-connection, - apply small baseline styles you can reuse."},{"chunkId":"/docs/get-started#2","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.0441,-0.00513,-0.07058,0.0022,0.01072,0.08081,-0.07175,-0.00004,-0.02965,0.07932,-0.06869,0.0038,-0.09819,-0.04279,0.08668,0.0186,-0.01383,0.00899,0.08915,-0.03769,-0.06071,-0.0345,-0.00136,-0.0613,0.0175,0.08578,0.00386,0.03591,0.06983,-0.03248,0.08387,0.06352,0.03887,0.03529,-0.11879,0.05083,0.03015,0.00127,-0.06332,-0.03902,0.10834,0.05915,0.00434,-0.11131,-0.01394,-0.05262,-0.05501,0.03688,0.00999,-0.02308,0.00677,-0.10047,-0.04719,0.05125,-0.01955,0.01096,-0.00757,-0.02319,0.00358,-0.00251,0.02699,-0.06356,0.04332,0.04329,0.06804,0.04959,-0.07306,0.08547,-0.00437,-0.00564,0.04329,-0.04086,0.00077,-0.03834,-0.07328,-0.03683,0.00234,0.07554,-0.0512,0.01479,0.00607,0.04323,-0.01156,0.07189,-0.07229,0.09608,0.0083,-0.03475,-0.04746,-0.05441,0.00451,0.05969,-0.06473,-0.02984,0.09495,0.0476,-0.05775,-0.03726,-0.05743,-0.00098,-0.01036,-0.12772,0.0654,-0.01443,-0.01554,0.0092,-0.012,0.02191,0.01462,-0.01978,0.03303,0.0284,-0.01516,-0.06374,-0.01,-0.05071,-0.03248,-0.03352,0.02293,0.15151,0.01371,-0.02467,0.03585,-0.03225,0.04376,-0.01548,-0.00107,0,0.01533,0.05174,-0.04843,0.06152,0.0831,0.00434,-0.02194,-0.10588,-0.06121,0.03089,0.02658,-0.0017,-0.07266,0.03994,-0.10214,-0.10349,-0.01204,-0.05704,0.06118,-0.03257,0.00604,-0.05713,-0.05198,0.05201,0.02838,0.02557,-0.00899,0.02105,-0.06194,-0.02332,0.10366,0.00402,-0.00352,0.01318,-0.05834,-0.02197,0.01814,-0.02273,0.0307,-0.05632,0.03768,0.00013,-0.07287,0.02301,0.01601,0.03783,-0.01337,-0.06437,0.16562,0.05077,-0.04377,0.01911,-0.01014,0.06524,0.02919,-0.03858,-0.07044,0.01648,0.06402,-0.03207,0.04987,0.01032,-0.04527,-0.04357,0.05723,-0.0031,0.0187,-0.01731,0.08555,-0.10296,-0.07606,0.02274,0.00809,0.11285,0.03411,0.01734,0.0551,0.0583,0.06357,0.0212,-0.04137,-0.01097,-0.02779,0.07065,0.07573,-0.04487,0.0027,-0.05473,-0.02182,0.00814,0.12796,0.03844,0.01699,-0.01118,0.01953,0,-0.0168,0.03501,-0.01311,0.0349,0.02318,-0.05645,0.00506,-0.03258,0.0988,0.07121,0.07104,0.10655,0.02553,-0.00688,-0.02452,0.01588,-0.00475,-0.02743,0.12009,-0.03923,0.02429,0.0044,-0.01513,-0.09886,-0.05446,0.05658,0.02848,-0.03883,-0.07084,-0.01745,0.05929,0.0371,-0.04752,0.01085,-0.04851,-0.02079,-0.00448,0.06758,0.00495,-0.07906,0.04333,0.02043,-0.04142,-0.05294,-0.07773,-0.04248,0.00396,-0.04906,-0.07851,-0.01,-0.05711,0.04475,-0.00231,-0.02585,-0.01364,-0.02377,0.09697,0.05277,-0.01962,0.04215,0.03378,-0.04148,-0.02026,-0.12295,-0.02377,0.03674,-0.07184,-0.02968,0.03215,0.06739,-0.06055,0.04164,-0.03239,-0.00628,0.04274,0.06192,0.08761,0.02043,0.01815,-0.0076,-0.05941,0.09396,-0.08783,-0.01455,0.04117,-0.00044,-0.0652,-0.09145,0.0621,0.06681,-0.10772,0.03296,0.0165,-0.01108,-0.00949,0,-0.09681,-0.04113,-0.03296,-0.03414,0.08624,0.03289,-0.03401,-0.0411,0.01929,-0.04463,-0.05205,0.06475,-0.01512,-0.00095,0.0694,0.02282,-0.06484,-0.01673,-0.04546,-0.03534,0.00295,0.0412,0.02387,0.07904,0.02433,0.00552,0.07089,-0.04627,-0.05097,0.07455,-0.03268,0.05535,0.00112,0.03757,-0.02185,-0.03296,-0.08499,0.04955,-0.02349,-0.03601,0.02126,-0.00233,0.05204,-0.05271,-0.08619,0.00107,-0.03863,-0.01245,-0.04159,-0.00844,0.00806,0.02978,-0.07376,0.06737,0.03034,0.05703,-0.02989,0.0229,0.04178,-0.04381,-0.09115,0.03183,0.00232,-0.06804],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Install This guide assumes the current 18.x line. If your application is on Angular 12-17.2, start with Angular Version Compatibility and pin the matching Foblex Flow line before you run ng add or npm install. ::: code-group ::: ng add also connects the shipped default theme automatically by adding nodemodules/@foblex/flow/styles/default.scss to application styles when the entry is missing. If you want manual or selective theme setup, continue with Default Theme and Styling.","excerpt":"Install This guide assumes the current 18.x line. If your application is on Angular 12-17.2, start with Angular Version Compatibility and pin the matching Foblex Flow line before you run ng add or npm install. ::: code-group ::: ng add also connects the shipped default theme automatically by adding nodemodules/@foblex/flow/styles/default.scss to application styles when the entry is missing. If you want manual or selective theme setup, continue with Default Theme and Styling."},{"chunkId":"/docs/get-started#3","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.06597,-0.03836,-0.0651,-0.01014,-0.00379,0.04442,-0.08931,0.07317,-0.02665,0.04159,-0.08598,-0.0595,-0.06579,-0.02239,0.04677,0.00709,-0.01711,0.00016,0.04413,-0.01237,-0.07159,-0.05275,-0.02807,-0.07338,0.0117,0.10485,0.04568,0.02965,0.05945,-0.07019,0.09323,0.06724,0.01446,0.02577,-0.09603,0.07986,0.02623,-0.04089,-0.03195,-0.05882,0.10898,0.04538,-0.01158,-0.08393,-0.04262,-0.04981,-0.03252,0.03344,-0.01005,0.00979,-0.00154,-0.12427,-0.04328,0.05211,-0.03233,0.00699,0.00373,-0.07881,-0.00211,0.02252,0.034,-0.03831,0.00307,0.01393,0.0446,0.02555,-0.07873,0.02781,0.03666,-0.02777,-0.02643,-0.04183,-0.00265,-0.00108,-0.04494,-0.05583,0.02681,0.05321,-0.01088,-0.01025,0.03289,0.0981,0.00958,0.08064,-0.08774,0.06962,0.02492,-0.02071,-0.03587,-0.05237,0.02452,0.05772,-0.03693,-0.02165,0.11476,0.07373,-0.0659,-0.03883,-0.03003,0.03966,-0.01363,-0.09488,0.10041,-0.00924,-0.04876,-0.02808,-0.00424,0.01257,-0.01322,-0.04568,0.00938,0.03134,-0.01798,-0.04117,-0.01186,-0.05817,-0.01684,-0.02897,-0.00796,0.10837,-0.03156,-0.00352,0.06188,-0.0622,0.07467,-0.00928,-0.00643,0,0.00895,0.08363,-0.05289,0.09089,0.04762,0.02141,0.01627,-0.07553,-0.00097,0.01499,0.04267,0.03107,-0.07374,0.00252,-0.06307,-0.13025,-0.0488,-0.02377,0.02884,0.0147,0.03299,-0.08187,-0.05054,0.02375,0.07369,0.01104,-0.00157,0.01135,-0.11287,-0.01567,0.0577,0.00851,-0.03086,0.01564,-0.01429,-0.00619,-0.00798,-0.05289,-0.01817,-0.03683,0.0043,-0.03029,-0.06798,-0.00518,0.00999,0.01946,-0.06764,-0.00792,0.1598,0.01509,0.03786,0.01558,0.00697,0.05649,0.04268,-0.02376,-0.07108,0.04778,0.08266,0.03609,0.01776,0.00259,-0.12859,-0.01085,0.00849,0.0264,-0.02736,-0.04188,0.105,-0.05847,-0.07126,-0.00143,0.03875,0.05662,0.04883,0.04657,0.02024,0.08285,0.0474,0.01893,-0.04778,0.00875,0.01973,0.06649,0.0995,-0.07127,0.01363,-0.04142,-0.06461,0.03907,0.09041,0.07275,0.04096,0.00541,0.07293,0,-0.01443,0.0305,0.00681,0.03252,0.02215,-0.04459,0.01401,0.00552,0.03397,0.06645,0.03388,0.09279,0.04264,-0.04152,-0.04904,-0.00298,0.00364,-0.11327,0.13616,-0.03949,0.06239,0.05454,-0.05184,-0.10226,-0.03722,0.06192,0.00933,-0.03582,-0.00223,0.01824,0.01819,0.02241,0.02219,0.0017,-0.04778,-0.00811,-0.01108,0.04735,0.03637,-0.07908,0.0059,-0.00427,-0.06769,-0.05799,-0.08739,-0.07353,-0.02737,-0.01681,-0.0672,-0.03112,-0.06896,0.07566,-0.04144,-0.03142,-0.02622,0.00178,0.12463,0.02107,0.00261,0.00172,-0.00156,-0.02399,0.04241,-0.02829,0.01479,0.00159,-0.0422,-0.01097,0.00198,0.09612,-0.05969,0.03992,-0.0091,0.00068,0.09947,0.03274,0.08067,-0.00339,0.09147,0.01031,-0.03661,0.11413,-0.06702,-0.01173,0.06159,0.01008,-0.02694,-0.12444,0.06547,0.06247,-0.07055,-0.02305,0.02403,-0.01378,0.01912,0,-0.10958,-0.03017,-0.0392,-0.01152,0.02821,0.00883,-0.03951,0.01562,0.04147,-0.03468,-0.04439,0.07027,-0.01847,-0.00015,0.10628,0.02862,-0.01127,-0.00368,-0.04713,-0.03283,-0.01742,0.0494,0.04042,0.08804,0.00274,-0.00568,0.09213,-0.03042,-0.02195,0.02175,-0.04736,0.06894,0.01722,0.04921,-0.03366,-0.00464,-0.08145,0.03692,-0.04084,0.00944,0.02892,0.01178,0.01308,-0.0581,-0.07046,0.0456,-0.08323,0.0014,-0.02983,-0.0305,-0.0048,0.02945,-0.06847,0.03835,-0.00777,0.04794,-0.04925,-0.00444,0.03363,-0.01043,-0.10716,0.08243,0.06568,-0.06216],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Why / when to use this Start here if you are: - evaluating Foblex Flow in an existing Angular application, - bootstrapping a workflow / node editor screen, - building internal tools with draggable, connected nodes, - creating the base layout before adding selection, minimap, alignment, and spacing helpers. - validating whether Foblex Flow fits your Angular stack before adding optional advanced modules.","excerpt":"Why / when to use this Start here if you are: - evaluating Foblex Flow in an existing Angular application, - bootstrapping a workflow / node editor screen, - building internal tools with draggable, connected nodes, - creating the base layout before adding selection, minimap, alignment, and spacing helpers. - validating whether Foblex Flow fits your Angular stack before adding optional advanced modules."},{"chunkId":"/docs/get-started#4","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.02146,-0.01398,-0.07451,0.00206,-0.01259,0.02556,-0.02602,0.0542,0.00021,-0.04948,-0.08178,-0.04534,-0.00271,-0.00563,-0.02957,-0.03932,-0.07511,0.00896,0.07054,0.0022,0.01114,-0.13522,-0.01323,-0.09629,-0.03275,0.08155,0.0157,0.01572,0.01863,-0.0749,0.0624,0.0051,-0.01636,0.05558,-0.05415,0.00603,0.02418,-0.05836,-0.11365,-0.03884,0.05972,0.0178,0.04287,-0.03032,0.01407,-0.01792,-0.06898,0.02569,0.01915,0.05486,-0.04035,-0.10053,0.01844,0.0867,0.00856,0.06423,0.02707,-0.09543,-0.00658,0.04165,0.00998,-0.0113,0.029,0.01825,0.0312,0.0387,-0.04637,0.03614,0.03971,-0.03428,-0.00002,0.00269,0.01055,-0.08158,0.00574,-0.07114,-0.02871,0.07066,-0.06431,-0.03336,0.0623,0.03016,-0.01727,0.02867,-0.06007,0.08577,-0.03917,-0.00603,-0.06614,0.02244,-0.04271,0.07976,-0.10178,-0.0325,0.03775,0.00628,0.02939,-0.06918,-0.01985,0.035,-0.04132,-0.04568,0.06835,-0.00821,0.01675,-0.001,-0.04002,0.02715,-0.02928,-0.04196,-0.04712,0.02438,0.01167,0.04947,-0.00421,-0.01935,0.03037,-0.0303,0.06849,0.07058,0.04185,0.05248,-0.04688,0.00328,0.06873,-0.0692,-0.06188,0,0.05374,-0.0057,-0.01029,0.07257,0.06277,0.04367,0.04043,-0.06105,-0.05267,0.01455,-0.03439,-0.03061,-0.05624,0.01362,-0.08202,-0.1418,-0.01339,0.0178,-0.00306,-0.01402,0.03238,-0.07239,-0.04426,-0.04362,0.06153,0.08329,-0.11182,0.09374,-0.03219,-0.00733,0.00161,-0.02174,-0.01064,-0.00568,-0.05836,-0.06274,0.02388,-0.04487,-0.01588,-0.01613,-0.01211,-0.0343,0.02439,-0.02161,-0.04079,-0.00051,-0.1177,0.0242,0.0409,0.0211,0.01254,0.0374,0.01094,-0.04571,0.02263,-0.1029,-0.07035,0.05424,0.01665,0.09049,0.03389,0.12919,-0.12894,-0.01364,-0.00023,0.07172,-0.00056,0.00789,0.06469,-0.03588,-0.12348,0.06293,0.06944,-0.03808,0.04933,0.06512,-0.05241,-0.06786,-0.00079,0.00304,-0.0518,-0.04447,0.03891,0.03347,0.10762,-0.02066,0.03442,-0.03653,-0.03728,-0.02003,0.04227,0.02888,0.0812,-0.08378,0.08173,0,-0.01039,0.05719,0.04255,0.04644,0.0698,-0.01359,0.06116,-0.03455,0.04482,0.05149,-0.02575,0.06708,-0.01641,-0.05172,0.0102,0.05127,-0.027,-0.07674,0.06083,-0.015,0.01445,0.04263,-0.04227,-0.03398,-0.0468,0.01043,0.07742,0.01772,-0.03137,0.02742,-0.008,-0.02489,0.00513,0.0123,0.05889,-0.04579,-0.00284,0.09195,0.08244,-0.00489,0.03916,-0.02541,-0.06413,-0.00423,-0.0665,0.04042,-0.07024,0.01398,-0.08225,-0.0194,-0.10739,0.05007,-0.08299,-0.03018,0.00852,-0.02746,0.11109,0.06915,0.00191,0.00234,0.01679,-0.08223,-0.00386,-0.01588,0.09553,-0.02467,-0.04646,0.00566,-0.00035,0.09035,0.06015,0.07659,0.06634,0.01995,0.13792,-0.01538,0.0332,0.01402,0.07482,0.06302,-0.01534,0.13759,0.00206,0.02203,0.08564,0.03925,-0.02141,-0.023,0.05928,0.0154,-0.03326,0.06605,0.03855,-0.0285,0.00069,0,-0.07663,-0.05929,-0.05649,0.00214,-0.01499,0.02773,-0.01381,0.01029,-0.01915,-0.08375,-0.01852,0.06527,0.03822,-0.03307,0.05233,0.03614,0.00977,0.01111,-0.02255,-0.01744,0.00246,0.01101,-0.02954,0.1252,-0.02907,-0.05255,-0.01442,-0.02829,-0.00328,-0.00279,-0.02198,-0.00265,-0.0039,0.10425,-0.00997,0.00442,-0.08967,0.02406,-0.10721,0.02057,0.03828,-0.01443,-0.02337,-0.07296,0.02065,0.06186,-0.01209,-0.0625,-0.03388,0.03774,-0.02431,0.01879,0.00784,0.03746,-0.00241,-0.01091,-0.04658,-0.00131,0.02719,0.04772,-0.11279,0.14027,0.10431,-0.01506],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Minimal flow template A minimal interactive flow consists of: 1. f-flow — the root container. 2. fDraggable — enables interaction (drag, pointer handling, editor UX pipeline). 3. f-canvas — the layer where nodes and connections are rendered. 4. Nodes with fNode and explicit positions via fNodePosition. 5. Connectors (fNodeOutput / fNodeInput) + f-connection that joins matching fOutputId and fInputId. `html <f-flow fDraggable <f-canvas <f-connection fOutputId=\"output1\" fInputId=\"input1\"</f-connection f Draggable f Node f Node Position f Node Output f Node Input f Output Id f Input Id","excerpt":"Minimal flow template A minimal interactive flow consists of: 1. f-flow — the root container. 2. fDraggable — enables interaction (drag, pointer handling, editor UX pipeline). 3. f-canvas — the layer where nodes and connections are rendered. 4. Nodes with fNode and explicit positions via fNodePosition. 5. Connectors (fNodeOutput / fNodeInput) + f-connection that joins matching fOutputId and fInputId. `html <f-flow fDraggable <f-canvas <f-connection fOutputId=\"output1\" fInputId=\"input1\"</f-connection"},{"chunkId":"/docs/get-started#5","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[0.01119,-0.00995,-0.09875,-0.00229,0.0202,0.04168,-0.03506,0.0423,-0.01276,-0.05962,-0.06917,-0.02538,-0.05408,-0.0059,0.00877,-0.01547,-0.06834,0.00397,0.07479,0.02096,-0.01024,-0.13369,-0.0038,-0.08624,-0.06706,0.09408,-0.00234,0.05427,0.02602,-0.08103,0.04939,0.07538,-0.02412,0.06693,-0.03345,0.0193,-0.00105,-0.04686,-0.0887,-0.06773,0.06189,0.00462,0.02599,-0.0604,0.00583,0.01875,-0.06656,0.001,0.0425,0.0403,-0.02423,-0.05222,0.01886,0.09516,-0.00327,0.0691,0.01697,-0.06236,0.01002,0.03806,0.00947,-0.02282,0.00387,-0.01461,0.05914,-0.00949,-0.05765,0.03328,0.01352,-0.02058,0.03832,0.01224,0.02535,-0.0864,0.05563,-0.08527,-0.02614,0.09372,-0.04581,-0.03672,0.06644,0.04427,0.01794,0.0654,-0.02745,0.08275,-0.07191,0.01583,-0.08174,0.03579,-0.0694,0.05103,-0.07045,-0.00944,0.0645,0.00154,0.00118,-0.03323,-0.04833,0.01836,-0.05488,-0.07593,0.05381,0.01418,0.0217,0.00238,-0.06334,0.05334,-0.01996,-0.05272,-0.04673,0.02283,0.03339,0.01113,0.009,-0.06185,-0.01593,-0.01606,0.0669,0.0327,-0.00337,0.06162,-0.01562,0.00772,0.07254,-0.08048,-0.04427,0,-0.00325,0.00858,-0.0319,0.07936,0.07158,0.05659,0.05589,-0.00806,-0.04695,0.0474,-0.02758,-0.0253,-0.05718,-0.02814,-0.05991,-0.14413,0.00163,-0.04081,-0.03743,-0.01986,0.08516,-0.07271,-0.01892,-0.02312,0.0244,0.0697,-0.10389,0.06713,-0.0134,0.01673,-0.0135,0.00769,0.04132,-0.00832,-0.04782,-0.10713,0.01272,-0.0355,-0.07466,-0.00713,-0.02975,0.0076,-0.01056,-0.04765,-0.05602,-0.00199,-0.06243,0.05427,0.08769,0.06505,-0.01513,0.04685,-0.01886,-0.04894,0.03148,-0.10813,-0.04714,0.09734,0.01507,0.02301,0.02158,0.11284,-0.08901,-0.01058,0.00774,0.07861,0.0105,-0.02512,0.02725,-0.02459,-0.11756,0.06312,0.0681,-0.03077,0.06215,0.04083,-0.05549,-0.05443,-0.00959,-0.01842,-0.07312,-0.00195,0.01908,0.04573,0.11668,-0.05063,0.02544,-0.0354,-0.0262,-0.01048,0.05536,-0.02208,0.07597,-0.06525,0.04877,0,-0.01846,0.06135,0.00571,0.01946,0.05879,-0.01889,0.05492,-0.02109,0.07597,0.09307,0.00518,0.06947,-0.02054,-0.03863,-0.04306,0.05783,-0.04147,-0.05154,0.04526,-0.03759,-0.02966,0.06744,-0.02986,-0.01438,-0.02121,0.04522,0.07247,0.04102,0.00732,0.04537,-0.03213,0.00314,-0.00816,-0.01389,0.04904,-0.05988,-0.01899,0.06164,0.04556,-0.02299,0.0397,0.00637,-0.08385,-0.00671,-0.0656,0.01532,-0.02585,0.00618,-0.04299,-0.02189,-0.08324,0.01677,-0.07911,-0.01304,0.01654,-0.02315,0.09997,0.0862,0.02912,-0.00522,0.05886,-0.08184,0.01129,-0.03892,0.11155,0.00711,-0.05417,0.03546,0.0734,0.09601,0.04188,0.09551,0.05177,0.02702,0.102,0.01443,0.03225,0.0218,0.08395,0.06837,-0.03992,0.0911,-0.02326,0.04384,0.09523,-0.04167,-0.00961,-0.01143,0.04047,0.01929,0.02168,0.08727,0.05113,-0.00443,0.01844,0,-0.08739,-0.06398,-0.10056,-0.00683,-0.00764,-0.0037,0.02113,-0.00934,-0.05722,-0.0877,-0.00827,0.06935,0.03749,-0.03252,0.06102,0.00953,-0.02912,0.01089,-0.04153,-0.03955,0.00655,-0.01699,-0.00173,0.12148,-0.06426,-0.05866,-0.02468,-0.05052,0.00465,-0.00711,-0.05627,-0.00138,0.02441,0.06986,-0.01992,-0.00042,-0.08579,0.01987,-0.08652,0.01024,0.01968,-0.02923,-0.06789,-0.04461,0.01489,0.0422,0.01162,-0.04065,-0.05624,0.01321,-0.01243,0.02088,0.01461,0.04235,0.0271,-0.0065,-0.05728,-0.01879,0.01119,-0.01678,-0.13066,0.13985,0.11474,-0.0371],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. <div fNode fDragHandle fNodeOutput [fNodePosition]=\"{ x: 32, y: 32 }\" fOutputId=\"output1\" fOutputConnectableSide=\"right\" Node 1 </div <div fNode fDragHandle fNodeInput [fNodePosition]=\"{ x: 240, y: 32 }\" fInputId=\"input1\" fInputConnectableSide=\"left\" Node 2 </div </f-canvas </f-flow The component that hosts this template must import FFlowModule — f-flow, f-canvas, fNode, the connectors, and f-connection` are only reachable through the module: f Node f Drag Handle f Node Output f Node Position f Output Id f Output Connectable Side f Node Input f Input Id f Input Connectable Side F Flow Module","excerpt":"<div fNode fDragHandle fNodeOutput [fNodePosition]=\"{ x: 32, y: 32 }\" fOutputId=\"output1\" fOutputConnectableSide=\"right\" Node 1 </div <div fNode fDragHandle fNodeInput [fNodePosition]=\"{ x: 240, y: 32 }\" fInputId=\"input1\" fInputConnectableSide=\"left\" Node 2 </div </f-canvas </f-flow The component that hosts this template must import FFlowModule — f-flow, f-canvas, fNode, the connectors, and f-connection` are only reachable through the module:"},{"chunkId":"/docs/get-started#6","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.02501,-0.05164,-0.08192,-0.03802,-0.04728,-0.01559,-0.06299,0.05591,-0.05566,-0.03318,-0.03848,-0.10326,-0.01883,-0.06117,0.00499,0.02371,-0.05782,-0.01411,0.1103,0.0056,-0.03961,-0.10823,-0.04994,-0.08243,-0.0133,0.07293,0.03835,0.04485,0.01285,-0.05768,0.09804,0.04853,-0.01494,0.05627,0.02103,0.01481,0.05556,-0.07837,-0.07239,-0.01828,0.12288,0.06518,0.02607,-0.01077,-0.01037,-0.0001,-0.02449,0.01809,0.06869,-0.02318,-0.00779,-0.10098,-0.0116,0.06046,0.0168,0.07417,-0.00367,-0.07037,-0.00157,0.00949,0.03313,-0.0113,0.00598,0.03265,0.00544,0.03958,-0.07555,0.06216,0.04238,-0.04421,-0.02225,0.00247,-0.01758,-0.04208,-0.01477,-0.00288,0.07453,0.03494,-0.05802,-0.07095,-0.01077,0.04378,-0.03783,0.03604,-0.09375,0.06353,-0.0237,-0.04189,-0.05344,0.03093,0.01641,0.06408,-0.07431,-0.03926,0.05232,0.03927,-0.00145,-0.07475,-0.00023,0.05052,-0.04685,-0.08509,0.08295,-0.00471,-0.0133,0.00157,-0.01819,0.04079,-0.02821,-0.03484,-0.05783,0.03572,0.02411,0.00859,0.01141,-0.033,-0.00461,0.00273,0.02341,0.07394,0.00229,-0.01068,0.02133,-0.01001,0.02645,-0.05373,-0.0477,0,0.02472,0.02392,-0.01288,0.07744,0.0598,0.03985,0.04795,-0.06914,-0.08991,-0.00477,-0.04805,0.00878,-0.05818,0.00864,-0.12193,-0.12332,-0.05137,0.01082,0.03752,-0.00399,0.0544,-0.08374,-0.04225,-0.03274,0.03879,0.02282,-0.04343,0.0253,-0.01988,-0.00249,0.00715,-0.00061,0.01416,0.02819,-0.05331,-0.03005,0.01901,-0.02046,-0.01777,-0.05862,-0.00859,-0.0078,0.01517,-0.06707,-0.01617,-0.00038,-0.09441,0.01499,0.09955,0.01365,0.03172,-0.00383,0.00656,0.02738,0.02396,-0.04386,-0.05221,0.0612,0.04093,0.04346,0.02281,0.10891,-0.11721,-0.02318,0.03285,0.08179,-0.03869,-0.00376,0.05905,-0.00761,-0.11224,0.06053,0.06128,-0.01214,0.05402,0.04104,-0.03762,-0.00049,-0.03241,0.04301,-0.10215,-0.01646,0.02197,0.07259,0.11516,-0.03398,0.03458,-0.00566,-0.07238,0.04015,0.09116,0.03034,0.09621,-0.05025,0.02714,0,-0.05097,0.04816,0.03962,-0.00382,0.08726,-0.01979,0.02346,-0.00142,0.01577,0.07049,0.04184,0.05839,-0.00872,-0.08451,0.00132,-0.04959,0.04907,-0.07687,0.06862,-0.01744,-0.00072,0.09442,-0.08089,-0.11563,-0.01822,0.02224,0.03512,0.05061,-0.02542,0.0324,0.02006,0.03536,-0.01973,0.00076,0.02181,0.00402,-0.0133,0.04923,0.05773,-0.05124,0.02073,-0.02496,-0.15507,-0.03338,-0.05849,0.02621,-0.0201,-0.0189,-0.07853,-0.01238,-0.08977,0.0361,-0.06238,0.00995,0.01269,0.01459,0.12485,0.0757,-0.01028,0.00089,0.01116,-0.11436,0.03877,-0.02323,0.01912,-0.04327,-0.03375,0.04103,-0.02674,0.06435,0.03877,0.10631,0.01248,0.02796,0.09732,-0.0194,-0.00226,0.04585,0.0793,0.10186,-0.06959,0.13636,-0.02515,0.0689,0.08538,-0.02166,-0.01569,-0.05285,0.05508,0.05661,-0.04876,0.01011,0.03689,0.03684,-0.01161,0,-0.08718,-0.076,-0.02664,0.0188,-0.00865,0.06533,-0.03653,0.0002,-0.02701,-0.06831,-0.03391,0.04458,0.0111,-0.03568,0.04676,0.00094,0.00886,-0.04582,-0.03982,-0.03302,-0.02087,0.03514,0.01253,0.11637,0.00904,-0.02214,0.06446,-0.06694,-0.03445,0.01271,-0.01731,0.01632,0.00877,0.08858,-0.00213,0.04318,-0.08793,0.09984,-0.06101,0.03067,0.01148,-0.00586,-0.01912,-0.04704,0.0147,0.07314,-0.06122,-0.00818,-0.02037,-0.00437,0.00112,0.05704,-0.03944,0.06913,0.01719,-0.00615,-0.06209,-0.04639,0.01159,0.03578,-0.12129,0.09873,0.05867,-0.01614],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","excerpt":""},{"chunkId":"/docs/get-started#7","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.04407,-0.0138,-0.01109,-0.03351,-0.01202,0.02456,-0.03634,0.00943,-0.0053,-0.02269,-0.04865,-0.02768,-0.03171,-0.09656,0.03412,-0.00367,-0.01571,0.01659,0.09167,0.0461,-0.06089,-0.11542,-0.06206,-0.075,-0.01619,0.14605,0.03757,0.05819,0.04583,-0.10732,0.07693,0.10025,0.02193,0.0867,-0.05424,-0.00531,0.05597,-0.02441,-0.06305,-0.03453,0.04112,0.06152,0.02229,0.00732,-0.00544,-0.02619,0.00504,-0.04263,0.03541,-0.0475,0.02193,-0.07485,-0.00181,0.01862,-0.00945,0.07122,0.02825,-0.01562,0.02662,0.02421,0.03509,0.01943,0.03867,0.0577,0.0241,0.0358,-0.04365,0.08783,0.03558,-0.03791,0.00636,0.00045,0.01623,-0.03429,-0.02076,-0.02106,0.0677,-0.0165,-0.08822,-0.06626,-0.00415,0.04817,-0.01019,0.09014,-0.04858,0.06757,-0.02563,-0.04034,-0.07387,0.04472,-0.00222,0.05225,-0.03397,-0.06432,0.03168,0.01882,-0.04635,-0.11249,-0.00497,0.09135,-0.02969,-0.09482,0.12945,0.02989,0.02526,-0.01361,-0.00805,0.03813,-0.02426,-0.01653,-0.0053,0.00231,-0.02829,0.00213,0.00782,-0.02976,0.00525,-0.01341,0.04874,0.09728,0.05544,-0.01604,-0.03855,-0.03253,0.02857,-0.03148,-0.02658,0,0.03459,0.01774,-0.05049,0.06383,0.08113,0.03842,0.01499,-0.09697,-0.09026,0.01354,0.03098,-0.01395,-0.09738,0.06849,-0.13616,-0.12647,-0.0527,-0.02904,-0.0058,-0.05815,-0.02108,-0.10644,-0.04858,-0.02299,0.01252,0.05855,0.01017,0.06501,-0.03909,-0.01408,-0.01921,-0.02446,0.08078,0.0548,-0.0803,-0.00751,0.0187,-0.03263,0.02445,-0.00365,-0.05032,0.04176,0.01521,-0.0494,0.02728,0.06639,-0.04419,-0.01431,0.09031,-0.01442,0.00217,0.01247,0.02093,0.03922,-0.01273,-0.10662,-0.07798,0.0535,0.06382,0.00732,0.04396,0.06048,-0.12022,-0.02434,0.04153,0.12043,-0.03474,0.00681,0.00074,-0.08639,-0.10634,0.05904,0.06077,0.04082,0.03047,0.01154,-0.00009,0.00035,-0.02219,0.04546,-0.10972,0.00949,-0.00104,0.07225,0.07109,-0.03578,0.0841,-0.03288,-0.04682,0.03735,0.06599,-0.03111,0.10667,-0.04552,0.015,0,-0.04361,0.06361,0.01909,-0.00372,0.04347,0.02423,0.02201,-0.00124,0.0414,0.06624,0.03441,0.09807,-0.00873,-0.07971,0.01684,0.02195,0.05019,0.0025,0.03323,-0.02128,-0.00788,0.02899,-0.08177,-0.0962,-0.00129,0.00509,0.02591,0.04489,-0.01365,0.02608,0.03563,-0.00165,-0.0214,-0.00993,0.02604,0.01345,-0.085,0.03442,-0.00422,-0.02397,-0.01099,-0.04903,-0.09719,0.00321,-0.04303,0.02864,-0.04531,-0.06656,-0.09626,-0.03885,-0.0413,0.04377,-0.03052,-0.04713,-0.00509,-0.01169,0.0787,0.1126,-0.03877,-0.00031,0.0266,-0.07093,-0.02825,-0.0673,0.00751,-0.06808,-0.02445,0.03762,0.01109,0.04841,0.00643,0.07434,-0.05173,0.02313,0.10757,-0.023,0.0766,0.02814,0.0435,0.09661,-0.06082,0.10241,-0.0258,0.02452,0.06386,0.0112,-0.02898,0.00017,0.05711,0.01603,-0.0744,0.0684,0.0683,0.03257,-0.04934,0,-0.0608,-0.12293,0.01382,-0.0074,-0.0288,0.06647,0.00632,-0.01961,-0.05591,-0.04798,-0.02756,0.07442,-0.01313,-0.0202,0.02271,0.03228,-0.08507,-0.01495,-0.06136,-0.05725,-0.01925,0.05929,0.01104,0.05287,-0.01046,0.01146,0.07409,-0.03429,-0.04086,0.0303,-0.04139,0.04652,-0.02462,0.0285,-0.01881,-0.00067,-0.08349,0.10537,-0.04308,0.02947,0.00021,-0.05217,-0.00554,-0.02384,-0.04323,0.02585,-0.00996,0.00811,-0.03174,-0.02011,0.00846,0.04695,-0.07938,0.05524,0.01873,0.0099,-0.03519,0.02564,0.05515,-0.01231,-0.13619,0.09547,0.02356,-0.02762],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Default theme The quickest styling path is to keep the shipped theme connected. If you installed the package manually, add one of these: ::: code-group ::: Then only add layout styles that belong to your screen: For selective mixins and token overrides, see Default Theme and Styling.","excerpt":"Default theme The quickest styling path is to keep the shipped theme connected. If you installed the package manually, add one of these: ::: code-group ::: Then only add layout styles that belong to your screen: For selective mixins and token overrides, see Default Theme and Styling."},{"chunkId":"/docs/get-started#8","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.01948,-0.01887,-0.03748,-0.04838,-0.05792,-0.01028,-0.04383,0.08897,-0.05025,-0.03281,-0.10601,-0.0695,-0.0143,-0.07918,0.03607,-0.01186,-0.00158,0.0141,0.07701,0.06768,-0.04328,-0.09044,-0.01809,-0.08548,-0.01819,0.09311,0.05645,0.0544,0.06217,-0.07997,0.07065,0.07219,0.03821,0.06636,-0.03095,-0.0178,0.04029,-0.06942,-0.08491,-0.00484,0.05063,0.04746,-0.00155,0.02411,0.00032,-0.00271,0.02209,0.01061,0.01557,-0.00586,0.02413,-0.11234,0.00121,0.05853,0.01908,0.10701,0.01532,-0.03589,0.01808,0.04739,0.0036,0.03177,0.00596,0.05399,0.03384,0.07709,-0.06909,0.05328,0.04309,-0.07139,-0.00679,-0.02819,0.04486,-0.05655,-0.02458,-0.00896,0.03659,0.02713,-0.08785,-0.1184,0.00409,0.03363,-0.01768,0.09219,-0.0483,0.08571,0.00507,-0.07457,-0.06731,0.0548,0.05434,0.06406,-0.07573,-0.06188,0.03318,0.01724,0.00327,-0.09335,-0.03981,0.07326,-0.01947,-0.12046,0.11075,0.05069,0.0227,-0.03852,-0.0035,0.02505,-0.06618,-0.02217,-0.02043,-0.00397,-0.01819,-0.01005,0.03208,-0.0452,0.01192,-0.01869,0.05352,0.06598,0.02981,-0.0225,-0.00563,-0.05784,0.04034,-0.03566,-0.03353,0,0.03765,0.0217,-0.01512,0.05512,0.05316,0.00074,0.00159,-0.07721,-0.06638,0.01991,0.01931,0.02515,-0.0874,0.032,-0.08909,-0.09327,-0.07212,0.00806,-0.00576,-0.00534,0.00769,-0.10122,-0.04482,-0.05014,0.02297,0.06306,-0.00839,0.06577,-0.08988,-0.00237,-0.0145,-0.02101,0.05552,0.01687,-0.10953,-0.01279,0.03814,-0.03157,-0.0082,-0.02012,-0.05539,0.04985,0.03209,-0.03289,0.00649,0.04877,-0.05119,-0.01894,0.04935,0.03758,0.04717,0.02016,0.04172,0.06037,-0.00285,-0.09304,-0.03466,0.04559,0.05487,0.03707,0.03002,0.04994,-0.13606,-0.01045,0.01875,0.1248,-0.02546,0.01412,0.0241,-0.03349,-0.10168,0.05842,0.0541,0.00559,0.03779,0.03302,0.02292,-0.00634,-0.01305,0.00451,-0.06714,0.01866,0.01179,0.05649,0.08021,-0.03059,0.04514,-0.02038,-0.07765,0.06175,0.06067,-0.01261,0.08572,-0.04074,0.02356,0,-0.01959,0.0434,-0.00319,0.02445,0.07624,-0.03186,0.01443,0.03253,0.00024,0.0376,0.0767,0.08309,0.0033,-0.07236,-0.02055,-0.01562,0.01943,-0.03995,0.04819,-0.03012,0.02647,0.0257,-0.06831,-0.12596,-0.02922,0.02317,0.00319,0.04966,-0.01825,-0.01398,0.04125,0.00341,0.00234,-0.03206,0.02061,-0.0254,-0.05193,0.04492,0.04052,-0.04114,0.02767,-0.02068,-0.0652,-0.01606,-0.05042,0.02859,-0.09621,-0.05388,-0.07853,-0.03523,-0.04553,0.05111,-0.04531,-0.01398,-0.02131,0.0022,0.11495,0.08185,-0.04122,0.05094,0.01616,-0.08365,-0.02183,-0.06082,0.0516,-0.03028,-0.01629,0.01563,-0.00455,0.0756,0.03553,0.05603,-0.06818,0.0385,0.09321,-0.02719,0.11033,0.04012,0.05951,0.1028,-0.04544,0.12875,-0.02798,0.06908,0.05302,0.04182,-0.05871,-0.04688,0.07376,0.03717,-0.06495,0.04778,0.04363,0.03595,-0.07688,0,-0.11027,-0.08368,0.01283,0.04348,-0.04331,0.06568,-0.06046,-0.03694,-0.00612,-0.09697,-0.05213,0.07484,-0.01402,-0.00865,0.03959,0.01154,-0.03362,-0.01986,-0.07274,-0.06372,-0.04845,0.06383,0.01637,0.10947,0.0153,0.002,0.038,-0.02095,0.00798,0.03647,-0.0254,0.05771,0.04079,0.03143,-0.01585,0.02758,-0.08539,0.08062,-0.05389,0.01414,0.00584,-0.07912,-0.01571,-0.04608,-0.0132,0.01913,-0.02066,0.00331,-0.02316,-0.01073,-0.00876,0.04871,-0.05016,0.06786,0.00475,0.00404,-0.04366,-0.00529,0.05479,0.01801,-0.08547,0.05092,0.01939,0.02424],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Manual styling baseline Foblex Flow is intentionally UI-agnostic: it does not enforce a design system. Use this as a practical baseline, then adapt it to your app styles.","excerpt":"Manual styling baseline Foblex Flow is intentionally UI-agnostic: it does not enforce a design system. Use this as a practical baseline, then adapt it to your app styles."},{"chunkId":"/docs/get-started#9","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.01193,-0.01738,-0.08958,-0.01541,-0.02405,0.01032,-0.02518,0.06687,-0.01776,-0.04539,-0.07592,-0.07443,-0.02469,-0.02949,-0.02163,-0.0505,-0.01916,0.00044,0.07724,0.00945,-0.00195,-0.11306,-0.01348,-0.10347,-0.03187,0.06236,0.05059,0.01045,0.03323,-0.04354,0.069,0.05776,-0.02637,0.05443,-0.03155,0.03122,0.07616,-0.05699,-0.11905,-0.01767,0.07235,0.01718,0.01797,0.00227,0.02693,-0.01413,-0.04166,0.01531,0.01576,0.02858,-0.02938,-0.08546,-0.01079,0.09579,-0.00804,0.08047,0.00697,-0.07415,-0.00967,0.05774,0.02086,-0.0121,0.02203,0.02668,0.04551,0.02357,-0.05639,0.03321,0.0486,-0.06374,0.00252,-0.00124,0.00889,-0.07938,-0.00817,-0.04192,0.00562,0.05391,-0.06071,-0.06676,0.03969,0.07207,-0.00623,0.0465,-0.07157,0.09372,-0.04158,-0.00543,-0.08032,0.04642,-0.03389,0.05944,-0.08643,-0.04886,0.07142,0.03553,-0.00236,-0.04825,-0.01164,0.02211,-0.03821,-0.04777,0.06492,-0.0252,0.0104,-0.00128,-0.0651,0.05693,-0.04031,-0.04127,-0.0345,0.03248,0.00187,0.00299,0.0101,-0.02119,-0.00094,-0.01948,0.05327,0.08977,0.00148,0.02326,-0.01334,0.00492,0.04385,-0.04332,-0.06167,0,0.03533,0.02088,-0.02253,0.06034,0.06899,0.02853,0.04924,-0.06615,-0.06917,0.03755,-0.05568,-0.00033,-0.05564,0.01764,-0.07812,-0.12613,-0.03905,-0.00147,0.01119,-0.00612,0.04815,-0.08021,-0.02301,-0.03321,0.08187,0.06181,-0.10407,0.05572,-0.02654,-0.00316,-0.00049,0.00821,0.03102,-0.00837,-0.06191,-0.06086,0.02146,-0.0552,-0.0639,-0.0518,-0.03112,-0.00708,0.00342,-0.0307,-0.02766,-0.00673,-0.10983,0.01406,0.08814,0.02359,0.01967,0.00331,0.0084,-0.02589,0.00072,-0.07533,-0.08523,0.06184,0.00876,0.05519,0.00553,0.09367,-0.14958,0.00894,0.00081,0.08365,-0.03454,-0.01659,0.05507,-0.00036,-0.12007,0.07925,0.0348,-0.0009,0.04638,0.05716,-0.06678,-0.02882,-0.00757,0.03258,-0.09694,-0.00534,-0.00171,0.07323,0.10751,-0.01829,0.01825,-0.02011,-0.02741,-0.01294,0.08046,0.02261,0.08197,-0.09204,0.06134,0,-0.05263,0.057,-0.01212,0.02541,0.05917,-0.05107,0.02186,-0.04004,0.03654,0.05201,0.0014,0.07735,0.01362,-0.05379,-0.03394,-0.0059,0.01621,-0.08734,0.06279,-0.02983,0.00051,0.04977,-0.02305,-0.0944,-0.03818,0.01299,0.06269,-0.00303,-0.03207,0.01536,0.00016,-0.00166,0.01903,0.00851,0.02178,-0.02603,-0.01114,0.04583,0.06674,-0.05623,0.03734,-0.02423,-0.08529,0.00076,-0.08279,0.01806,-0.0717,-0.00424,-0.05848,-0.01697,-0.08294,0.05441,-0.07441,-0.02222,-0.00548,-0.01471,0.1114,0.06635,-0.0069,0.00572,0.0482,-0.10319,0.01563,0.00605,0.04959,-0.04449,-0.07524,0.02675,-0.00296,0.0956,0.06312,0.0727,0.04087,0.07433,0.1119,-0.05701,0.03044,0.02249,0.08243,0.10974,-0.01813,0.13353,-0.02467,0.05078,0.09876,-0.01392,-0.01384,-0.03526,0.06439,0.0273,-0.0338,0.0613,-0.00457,0.00454,-0.01781,0,-0.09427,-0.05548,-0.04751,-0.01863,-0.02078,0.03645,-0.02864,0.01085,-0.03301,-0.07627,-0.04594,0.07123,0.01065,-0.06635,0.07782,0.03606,0.04774,-0.00791,-0.03536,-0.02226,-0.04448,0.02087,-0.03694,0.11988,-0.01223,-0.03483,0.04323,-0.04008,-0.00064,0.02871,-0.02078,0.00427,0.00364,0.09476,-0.01865,0.0419,-0.10108,0.05673,-0.06495,0.03478,0.02499,-0.02561,-0.01698,-0.05481,0.00139,0.06299,-0.02645,-0.02625,-0.02829,0.04934,-0.01315,0.02146,-0.02164,0.03476,0.02724,0.01066,-0.04442,-0.04136,0.02444,0.02532,-0.12324,0.1445,0.1032,-0.01721],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Explanation - f-flow — root container that provides flow context. - f-canvas — viewport/rendering layer for nodes and connections. - fNode — directive that turns an element into a node. - fNodeOutput / fNodeInput — connectors that represent connection endpoints. - f-connection — renders a connection between matching fOutputId and fInputId. f Node f Node Output f Node Input f Output Id f Input Id","excerpt":"Explanation - f-flow — root container that provides flow context. - f-canvas — viewport/rendering layer for nodes and connections. - fNode — directive that turns an element into a node. - fNodeOutput / fNodeInput — connectors that represent connection endpoints. - f-connection — renders a connection between matching fOutputId and fInputId."},{"chunkId":"/docs/get-started#10","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[0.01492,-0.02059,-0.01632,-0.03861,-0.0159,0.01045,-0.07572,0.08535,-0.06631,-0.01213,-0.05884,-0.03593,-0.068,-0.05191,-0.01624,-0.01961,-0.00358,0.01078,0.05681,0.0854,-0.0667,-0.14663,-0.02812,-0.10439,0.00239,0.08871,0.02017,0.03431,0.04013,-0.08518,0.09511,0.07357,-0.0309,0.03881,0.00978,0.04182,0.03962,-0.07897,-0.12714,-0.03965,0.09859,0.06586,0.00012,0.01982,0.03099,-0.01671,-0.00848,-0.01779,0.06433,-0.03484,-0.04226,-0.1005,0.017,0.05831,-0.02543,0.09035,0.03615,-0.07876,0.03452,0.00341,0.08408,-0.02945,0.02398,0.01735,0.03317,-0.01435,-0.01321,0.00924,0.03921,0.006,-0.00835,0.01715,-0.02533,-0.01296,0.03918,-0.03639,0.06556,0.02239,-0.01296,-0.05729,0.02485,0.04699,-0.01049,0.03872,-0.08329,0.00685,-0.03969,-0.02291,-0.08289,0.01643,0.0428,0.05886,-0.07948,-0.08043,0.03919,-0.03526,-0.01678,-0.06739,-0.01631,0.04977,-0.02506,-0.07081,0.11031,0.01243,0.01432,0.02176,-0.02039,0.0474,-0.07245,-0.04217,-0.03777,0.05641,-0.03529,-0.01454,-0.00641,-0.04345,0.00829,-0.0435,0.02466,0.05638,0.01043,-0.01063,-0.01668,0.02892,0.04035,-0.05089,-0.09214,0,0.00435,0.05956,-0.06219,0.06702,0.13601,0.04183,0.05599,-0.01642,-0.05925,0.01511,-0.03585,-0.03273,-0.06576,0.01793,-0.0655,-0.16575,-0.04474,0.02439,0.00252,-0.01453,0.07506,-0.07333,-0.0088,-0.04873,0.0195,0.02712,-0.04223,0.04569,-0.02789,-0.00899,-0.06085,-0.00809,0.06533,0.00338,-0.03306,-0.04188,0.00832,-0.09495,-0.01595,-0.01166,-0.04618,0.04299,-0.01399,-0.06689,-0.02828,0.05021,-0.01889,0.02479,0.08672,0.02391,0.06574,0.00626,-0.00747,-0.01614,0.01565,-0.04988,-0.05003,0.03392,0.05126,0.08238,0.02506,0.05136,-0.10245,0.01888,0.01877,0.07007,0.0246,0.03628,0.02994,-0.02962,-0.09622,0.05998,0.09029,-0.03608,0.06973,0.03461,-0.06353,-0.03202,-0.04587,0.0097,-0.09586,0.01639,0.04279,0.05793,0.12012,-0.02684,0.06389,-0.01906,-0.04438,0.01603,0.07973,-0.02488,0.07248,-0.05406,0.04393,0,-0.03283,0.02664,0.02123,-0.00609,0.03733,0.00076,0.04187,0.02551,0.00038,0.04342,0.01919,0.04037,-0.03356,-0.10753,-0.04743,-0.00527,0.04076,-0.11652,0.04338,-0.00011,0.04749,0.05483,-0.07413,-0.06499,-0.00682,0.022,0.02077,0.05027,-0.01598,0.00689,-0.05113,-0.00955,0.00134,-0.02265,0.05931,0.014,-0.05247,0.06863,0.07784,-0.0423,0.0095,-0.01174,-0.10935,-0.04609,-0.04806,0.00059,-0.07423,-0.0185,-0.08464,0.00219,-0.09029,0.05161,-0.06832,0.00034,-0.00281,0.0161,0.06876,0.04974,0.0207,0.02202,0.02589,-0.09316,0.02199,-0.04419,0.06805,0.00498,-0.04034,0.00394,-0.023,0.12027,-0.0007,0.07554,0.01472,0.02382,0.07342,-0.02838,0.0328,0.02845,0.10879,0.09705,-0.06852,0.09781,-0.03335,0.06218,0.08803,0.03755,0.00156,-0.00355,0.04634,0.0525,-0.03447,0.03068,0.10178,0.03567,0.00369,0,-0.09552,-0.01297,-0.06873,0.00514,-0.03553,-0.03317,-0.01585,0.01393,-0.01711,-0.02952,-0.01361,0.03821,-0.02835,0.00607,0.04152,0.00593,0.00577,-0.02078,-0.03867,-0.06928,-0.04514,0.06621,0.00387,0.12029,-0.00827,-0.00085,0.03522,-0.01814,0.01513,-0.03041,-0.04423,0.02257,-0.01592,0.16141,-0.01311,0.03313,-0.07182,0.08316,-0.0918,-0.00253,0.047,-0.00763,-0.01746,-0.04193,0.01766,0.07422,-0.024,0.00989,-0.01167,0.0019,0.04058,0.03399,-0.05335,0.03923,0.03683,0.00922,-0.01933,-0.00372,0.04596,0.02979,-0.12073,0.05815,0.02152,-0.02215],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Try it yourself After you get the minimal template working, try: - moving nodes by changing [fNodePosition], - adding more nodes and connections, - experimenting with connector sides (fOutputConnectableSide, fInputConnectableSide), - changing the connection look/behavior via fType and fBehavior, - enabling additional UX helpers (selection area, minimap, alignment and spacing). Only add scaling features such as cache or virtualization once you actually need them for larger scenes. f Node Position f Output Connectable Side f Input Connectable Side f Type f Behavior","excerpt":"Try it yourself After you get the minimal template working, try: - moving nodes by changing [fNodePosition], - adding more nodes and connections, - experimenting with connector sides (fOutputConnectableSide, fInputConnectableSide), - changing the connection look/behavior via fType and fBehavior, - enabling additional UX helpers (selection area, minimap, alignment and spacing). Only add scaling features such as cache or virtualization once you actually need them for larger scenes."},{"chunkId":"/docs/get-started#11","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.08284,0.05109,-0.06629,0.03749,0.00934,0.05538,-0.02188,0.04849,-0.00141,0.05927,-0.09712,-0.05821,-0.0568,-0.00384,0.02369,-0.03687,-0.01405,-0.0324,0.00276,-0.00295,-0.07597,-0.07343,-0.00077,-0.07322,-0.01759,0.07466,0.01453,-0.04247,0.05164,-0.04755,0.03435,0.03274,-0.01856,0.02272,-0.04477,0.0762,0.04146,-0.01557,-0.05508,-0.0355,0.0964,0.01716,0.00312,-0.10018,-0.00383,-0.00984,-0.05282,0.05275,-0.02729,0.04524,-0.03475,-0.07335,-0.02159,0.11474,-0.03033,-0.0096,0.01386,-0.05818,0.02698,0.06357,0.03865,-0.05632,0.00562,0.00698,0.06403,0.04269,-0.07639,0.03555,-0.01224,0.02251,0.05176,-0.00375,0.03721,-0.05868,0.04511,-0.03772,-0.06767,0.07156,-0.0337,-0.0359,0.11448,0.07179,0.01529,0.01122,-0.06174,0.06639,-0.01109,-0.02508,-0.04245,-0.03478,-0.0545,0.08098,-0.05869,0.00317,0.09534,0.0198,-0.08081,-0.0483,-0.04366,0.04379,0.00102,-0.08138,0.05929,0.0018,-0.00554,-0.0106,-0.04563,0.05002,-0.03223,-0.03301,0.006,0.08285,0.00428,-0.00193,-0.03004,-0.08704,-0.01886,-0.03951,0.02988,0.12419,0.0299,0.01616,0.02683,-0.01952,0.07048,-0.01074,-0.02401,0,0.00284,0.05962,-0.07532,0.06412,0.11149,0.04946,0.01091,-0.0873,-0.0128,0.0535,-0.04056,0.00157,-0.08013,-0.00233,-0.0457,-0.10301,0.0353,-0.01593,0.03361,-0.00136,0.07231,-0.07217,-0.05432,-0.00778,0.07936,0.08352,-0.11321,0.03397,-0.07862,0.0117,0.03798,0.01545,0.01212,-0.04251,-0.04667,-0.06043,-0.00337,-0.04858,-0.05794,-0.02782,-0.03421,-0.03522,-0.07688,0.03178,0.00596,-0.01456,-0.02098,0.01778,0.06345,0.05818,-0.02712,0.01939,-0.04026,-0.01802,0.04459,-0.07252,-0.06968,0.06936,0.01523,0.02224,0.05899,0.05085,-0.08881,-0.02742,0.03624,0.03529,-0.00917,0.00962,0.05516,-0.05952,-0.0954,0.06349,0.01771,0.04895,0.04045,0.04037,-0.01533,0.03637,-0.00892,-0.00327,-0.02423,-0.01883,-0.01139,0.09003,0.0442,-0.04917,0.05177,-0.04133,-0.08619,0.01767,0.07547,0.07918,0.04177,-0.03136,0.05457,0,0.01112,0.08139,0.01066,-0.02599,0.03132,-0.10283,0.05846,0.00112,0.05948,0.06936,0.01975,0.05393,0.00337,-0.01975,-0.09652,0.01526,-0.02206,-0.11942,0.07886,-0.04186,0.02888,0.07084,-0.02807,-0.01263,-0.08098,0.07262,0.03076,-0.03742,0.01186,0.03359,-0.01415,0.00016,0.00283,0.00305,0.00282,-0.05838,0.03658,0.02417,0.02747,-0.11205,0.04863,0.04683,-0.07611,-0.02938,-0.08284,-0.01416,-0.02154,-0.04965,-0.08267,0.0145,-0.09696,0.05517,-0.03626,-0.04727,-0.01772,-0.05396,0.11304,-0.0072,-0.00875,0.02012,0.04217,-0.04164,0.01527,-0.03564,0.05723,0.02732,-0.06544,0.01286,0.12631,0.13555,0.03877,0.01682,0.01199,0.03282,0.10546,0.06893,0.07656,-0.01243,0.08565,0.08881,-0.03776,0.07543,-0.04211,0.01624,0.05536,0.02619,-0.03089,-0.04467,0.06373,0.06365,-0.04096,-0.01665,-0.00116,-0.01969,0.04186,0,-0.11207,-0.00473,-0.05644,-0.01361,0.00331,-0.04779,-0.03158,-0.05674,-0.01019,-0.02312,-0.09045,0.07209,0.01895,-0.03325,0.05914,0.00889,0.00076,-0.01878,-0.03591,0.00235,-0.02447,0.0273,-0.00667,0.08935,-0.0174,-0.03301,-0.00045,-0.05532,-0.04966,0.06329,-0.02464,-0.00464,0.00986,0.12181,-0.0713,-0.02324,-0.08643,0.02585,-0.06974,0.02269,0.05425,0.00113,0.02583,-0.04348,-0.04861,0.05305,0.00381,0.01154,-0.01593,0.03223,-0.04148,0.00217,-0.05978,0.04509,0.06143,-0.0141,-0.00726,0.05092,0.02269,-0.003,-0.10256,0.08091,0.01971,-0.08402],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Notes / pitfalls - Nodes and connections must be inside f-canvas. Elements outside it will not participate in transform and interaction. - Nested control flow (@for inside @if, @for inside @for) is not projected into the canvas — content renders detached and invisible without errors. Wrap the block with <ng-container ngProjectAs=\"[fNodes]\" (groups: \"[fGroups]\", connections: \"[fConnections]\"). See Errors and Warnings (FF1004). - fOutputId and fInputId must match connector ids exactly — otherwise the connection will not render. - Always define initial node positions for predictable layout. - Keep ids stable across re-renders if your app persists or recalculates the graph. For custom connection types, see the Examples section: /examples/custom-connection-type. ng Project As f Nodes f Groups f Connections f Output Id f Input Id","excerpt":"Notes / pitfalls - Nodes and connections must be inside f-canvas. Elements outside it will not participate in transform and interaction. - Nested control flow (@for inside @if, @for inside @for) is not projected into the canvas — content renders detached and invisible without errors. Wrap the block with <ng-container ngProjectAs=\"[fNodes]\" (groups: \"[fGroups]\", connections: \"[fConnections]\"). See Errors and Warnings (FF1004). - fOutputId and fInputId must match connector ids exactly — otherwise the connection will not render. - Always define initial node positions for predictable layout. - Keep ids stable across re-renders if your app persists or recalculates the graph. For custom connection types, see the Examples section: /examples/custom-connection-type."},{"chunkId":"/docs/get-started#12","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.03288,-0.02393,-0.09312,-0.0252,-0.03371,-0.0211,-0.02933,0.06011,-0.04377,-0.0345,-0.06467,-0.08856,-0.0289,-0.02411,0.00625,-0.0019,-0.02973,-0.01584,0.11721,0.00256,-0.03767,-0.10794,-0.03532,-0.09531,0.00703,0.03485,0.01192,0.01825,0.02646,-0.03058,0.05999,0.05351,-0.01695,0.06174,0.0023,0.03699,0.04022,-0.07724,-0.08527,-0.01414,0.09403,0.03935,0.00707,-0.04052,0.01645,0.00433,-0.03508,0.01899,0.0425,0.04458,-0.01969,-0.06933,-0.01696,0.07319,0.0341,0.06297,0.01182,-0.03729,-0.01321,0.06053,0.00286,-0.03386,0.00203,0.01484,0.02924,0.05101,-0.06853,0.03722,0.03646,-0.05151,0.01196,0.01032,0.00406,-0.08579,0.00031,-0.02597,0.01272,0.08205,-0.04097,-0.08852,0.03482,0.05529,-0.01804,0.06331,-0.06986,0.09608,-0.05577,-0.0103,-0.06777,0.04776,-0.022,0.05109,-0.11506,-0.0161,0.04903,0.01083,-0.00091,-0.04476,-0.0405,0.03582,-0.06137,-0.07207,0.06947,-0.00517,0.00534,-0.01314,-0.02174,0.04858,-0.03183,-0.02789,-0.06109,0.04419,0.03114,0.01564,0.01383,0.00773,0.00486,-0.00816,0.0512,0.06693,0.00728,-0.00356,-0.0211,-0.00331,0.03395,-0.08242,-0.03904,0,0.01356,0.0255,0.01451,0.05583,0.07177,0.03834,0.06915,-0.08965,-0.07056,-0.00635,-0.07266,0.01671,-0.04963,-0.02064,-0.10646,-0.12497,-0.02338,0.00703,0.03774,0.01629,0.10257,-0.08818,-0.04131,-0.02233,0.0293,0.07235,-0.08534,0.05763,-0.01712,0.02135,-0.00944,0.01153,0.02045,-0.01682,-0.06944,-0.07545,0.00463,-0.02501,-0.06734,-0.04189,-0.02182,-0.0046,-0.01519,-0.04995,-0.02385,-0.02399,-0.11711,0.0201,0.10959,0.04759,0.01762,0.01229,-0.0149,-0.01696,0.0487,-0.10176,-0.05557,0.06336,-0.00384,0.04109,0.03881,0.09848,-0.12816,-0.01967,0.02933,0.09604,-0.03489,-0.00129,0.02538,-0.00253,-0.10417,0.10523,0.04068,-0.03127,0.06281,0.04995,-0.0239,-0.00928,-0.02536,-0.0019,-0.06335,-0.02857,-0.00704,0.05997,0.08887,-0.00276,0.03684,-0.00101,-0.05514,0.04501,0.08158,0.00079,0.08604,-0.05806,0.00828,0,-0.03572,0.05134,0.00443,0.01474,0.06438,-0.02894,0.03068,-0.00195,0.02851,0.09597,0.01119,0.05596,-0.01287,-0.05375,0.00565,-0.01416,0.02968,-0.08362,0.06436,-0.02409,-0.00522,0.08024,-0.05229,-0.08156,-0.03066,0.03628,0.01953,0.04347,-0.02254,0.02354,-0.01497,0.01029,-0.03208,0.00445,0.05992,-0.02435,0.02241,0.08116,0.04518,-0.06455,0.04653,-0.03073,-0.11728,-0.01456,-0.044,0.02321,-0.05264,-0.00578,-0.0809,0.00013,-0.06354,0.03818,-0.08209,-0.00134,-0.01289,0.02484,0.1286,0.07995,-0.02994,0.00303,0.02773,-0.13232,-0.0005,-0.00109,0.05447,-0.0334,-0.04863,0.05616,0.01675,0.08695,0.04733,0.08813,0.04973,0.0723,0.08647,-0.00981,0.01634,0.02486,0.06932,0.11121,-0.05619,0.12856,0.00832,0.09712,0.09332,-0.00116,-0.0063,-0.03115,0.07345,0.03929,-0.01765,0.04397,0.01512,0.01108,-0.00154,0,-0.09615,-0.06534,-0.07073,0.01705,-0.00658,0.045,-0.05208,-0.00233,-0.02075,-0.06964,-0.05248,0.06701,0.03231,-0.04139,0.06027,-0.00567,0.0354,-0.03434,-0.02575,-0.03728,-0.04522,0.00149,-0.01614,0.09727,-0.02595,-0.05128,0.06267,-0.0497,-0.03061,0.01119,-0.04881,0.00644,0.0157,0.08979,-0.04959,0.01597,-0.07015,0.06998,-0.06793,0.01426,0.00798,-0.00956,-0.02629,-0.05731,0.01393,0.07104,-0.01603,-0.01329,-0.02248,0.01475,-0.02254,0.03454,-0.02093,0.05668,0.01274,-0.0142,-0.06155,-0.05029,0.00781,0.03182,-0.12122,0.1042,0.09528,-0.00773],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Next steps Continue with the API references: - f-flow - f-canvas - fNode - fNodeOutput - fNodeInput - f-connection f Node f Node Output f Node Input","excerpt":"Next steps Continue with the API references: - f-flow - f-canvas - fNode - fNodeOutput - fNodeInput - f-connection"},{"chunkId":"/docs/get-started#13","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.08034,-0.01633,-0.0621,0.03072,0.00575,0.05544,-0.04847,0.01026,-0.006,0.04021,-0.05527,-0.04579,-0.04001,0.00601,-0.01144,-0.01854,-0.06069,0.02948,0.00016,0.02977,-0.02979,-0.07944,-0.03926,-0.05205,0.02768,0.09956,0.00313,0.0218,0.08652,-0.08233,0.07536,0.02119,-0.05821,0.04206,-0.081,0.06681,0.03038,-0.05071,-0.04314,-0.02725,0.16042,0.03972,0.01592,-0.08384,-0.03259,0.00836,-0.02364,0.10719,0.00215,-0.01715,-0.01674,-0.13443,-0.02621,0.11169,-0.04677,0.01541,0.01639,-0.07582,0.02163,0.00812,-0.00138,-0.02246,0.02501,0.00239,0.03072,-0.0012,-0.1223,0.02269,-0.03082,0.00288,0.03981,-0.04968,-0.02209,-0.01339,0.01401,-0.04205,-0.01943,0.08896,-0.05086,0.03296,0.08819,0.01889,-0.04238,0.04259,-0.12007,0.1042,-0.00196,-0.02783,-0.09311,-0.07421,0.02933,0.09172,-0.02749,-0.00014,0.04763,0.04435,-0.06797,-0.03187,-0.0108,0.02559,-0.0098,-0.05603,0.08542,0.07114,-0.04962,-0.03036,-0.01104,0.01953,-0.02681,-0.00389,0.01104,0.06234,0.02227,0.00268,-0.02616,-0.06688,-0.08277,-0.01654,0.02379,0.09777,-0.01836,-0.00126,0.00027,-0.04778,0.1001,-0.02303,0.00303,0,0.03002,0.01604,-0.04025,0.04035,0.06063,0.01206,-0.00877,-0.10511,-0.01962,0.02868,-0.00313,0.00776,-0.07234,0.0478,-0.11882,-0.11781,0.00585,-0.0058,0.01608,-0.00292,0.05511,-0.0818,-0.06078,-0.00379,0.07359,0.02662,-0.08128,-0.00204,-0.02237,-0.01313,0.06383,0.03633,-0.02564,-0.0355,-0.04549,-0.01594,-0.00627,-0.00791,0.00215,-0.05406,0.02518,-0.05249,-0.07522,0.02881,-0.06336,0.0201,-0.01611,-0.05015,0.09183,-0.00084,0.00753,-0.00291,0.02493,0.02692,0.0651,-0.05993,-0.03492,0.08614,0.04968,0.01676,0.04732,0.09819,-0.07747,-0.01556,0.0696,0.02427,-0.04169,0.0761,0.11711,-0.04503,-0.08511,0.0176,0.04472,-0.00167,0.04018,0.00525,-0.01367,0.00943,0.05451,0.01332,-0.07914,-0.05424,0.03155,0.04958,0.09148,-0.06503,-0.00815,-0.00431,-0.08491,-0.02428,0.06276,0.07845,0.04449,-0.04672,0.05627,0,-0.0132,0.05413,0.06,0.0613,0.0157,-0.06208,0.01795,0.05917,0.01064,0.06893,-0.00315,0.08478,0.00508,-0.02435,0.00886,-0.01013,0.00055,-0.11428,0.08094,-0.05669,0.04147,0.01722,-0.0748,-0.0427,-0.05423,0.0201,0.07602,-0.00719,-0.00096,-0.01883,0.02156,-0.01204,0.00949,0.01311,-0.01973,-0.06012,-0.00844,0.09604,0.06731,-0.05834,0.02123,-0.0057,-0.06725,-0.03049,-0.04186,-0.0236,-0.01898,-0.03898,-0.01604,-0.02732,-0.07668,0.07703,-0.06192,0.01405,0.07623,-0.0337,0.11227,0.00334,0.02809,-0.05139,0.01038,-0.02742,-0.0091,-0.08369,0.03532,0.02288,-0.04164,-0.0285,0.03606,0.08581,-0.02378,0.09998,0.03897,-0.00703,0.10027,0.01768,0.07385,0.05173,0.11945,0.00519,-0.03767,0.09966,-0.06906,-0.01409,0.07046,0.03307,-0.03706,-0.08813,0.05841,0.06472,-0.07928,-0.0388,0.05296,-0.03221,-0.02778,0,-0.09823,-0.05178,0.00932,-0.00887,-0.00603,0.03508,0.0067,0.0105,0.01045,-0.04653,-0.01918,0.05833,0.04057,0.02653,0.07106,-0.02065,0.00867,-0.026,-0.0221,-0.02034,0.00279,0.04286,0.0708,0.09162,0.01832,-0.04422,-0.00164,-0.04842,-0.04769,-0.02429,-0.04804,0.01914,0.01011,0.01357,-0.01216,-0.01936,-0.13342,0.05556,-0.0444,-0.04873,0.08096,-0.04245,0.01459,-0.0569,-0.04794,0.05919,-0.02909,-0.0022,-0.03592,0.00903,-0.01424,0.02022,-0.0525,0.06838,0.04283,0.01444,-0.06552,0.02494,-0.006,-0.02938,-0.06142,0.06413,0.02262,-0.05422],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Example --- ::: ng-component <draggable-flow</draggable-flow [height]=\"600\" :::","excerpt":"Example --- ::: ng-component <draggable-flow</draggable-flow [height]=\"600\" :::"},{"chunkId":"/docs/get-started#14","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.05264,-0.07303,-0.04717,0.01198,-0.01368,-0.00634,-0.03689,0.04414,-0.01316,-0.03158,-0.03459,-0.03285,-0.05482,-0.03695,-0.02597,0.0283,-0.07198,0.00396,0.05523,0.02851,-0.01485,-0.14583,-0.04339,-0.08263,0.02199,0.07809,0.0394,0.02382,0.04829,-0.06723,0.07571,0.02907,-0.06126,0.06937,-0.03402,0.05906,0.10825,-0.04101,-0.14543,-0.01623,0.07962,0.0562,0.05114,-0.00124,-0.00778,0.02044,-0.00031,-0.00719,0.05693,-0.00523,-0.03359,-0.12515,0.00434,0.0322,-0.01798,0.03463,0.02216,-0.06919,-0.01361,-0.00537,0.01847,-0.01984,0.00645,0.01547,-0.00178,-0.00626,-0.03785,0.09601,-0.0036,-0.03368,-0.01839,-0.00731,-0.0493,-0.00004,-0.03462,-0.00989,0.06836,0.02948,-0.02845,-0.05367,0.06822,0.05023,-0.04143,0.07085,-0.12493,0.10249,-0.02566,-0.02591,-0.08081,0.04902,0.03162,0.07767,-0.05256,-0.05907,0.04421,0.0236,-0.00117,-0.08281,0.0081,0.04774,-0.00934,-0.06167,0.07994,-0.00125,0.02116,-0.01774,-0.03487,0.0205,-0.02794,0.00473,-0.03552,0.01826,-0.00571,-0.00655,-0.01808,-0.01294,-0.0332,-0.00908,0.05259,0.0653,-0.00144,0.03664,0.01173,-0.00588,0.03143,-0.0405,-0.06757,0,0.01299,0.01751,-0.04882,0.06796,0.04973,-0.01408,0.03845,-0.07852,-0.08547,0.00768,-0.0543,-0.03141,-0.07076,0.07382,-0.09911,-0.1295,-0.01015,-0.00795,-0.00402,-0.02767,0.01705,-0.1084,-0.04624,-0.03485,0.07848,0.02972,-0.059,0.06972,-0.00509,-0.02238,-0.00231,-0.0144,0.00949,0.02642,-0.06757,-0.00712,0.00984,-0.03037,0.01061,-0.03409,0.02017,-0.03865,-0.04071,-0.05822,-0.01604,0.02685,-0.05832,-0.01085,0.06319,-0.02499,0.03902,0.02408,0.02107,0.01556,0.0332,-0.04648,-0.0498,0.02983,0.04996,0.02791,0.01396,0.1135,-0.10699,-0.0173,0.04204,0.07219,-0.01902,0.03224,0.06,-0.04303,-0.08885,0.03983,0.06101,-0.06651,0.04961,0.04287,-0.04904,-0.00237,-0.00312,0.05928,-0.11876,-0.04593,0.05124,0.03414,0.1185,-0.01823,0.05523,-0.00639,-0.08494,-0.00444,0.05127,0.01125,0.09308,-0.04716,0.03407,0,-0.06022,0.06833,0.05713,0.02697,0.08191,0.00741,0.00327,0.00362,0.00791,0.03583,-0.02441,0.04162,-0.01767,-0.03148,0.01512,-0.02075,0.02123,-0.07885,0.03652,-0.04225,0.01879,0.07302,-0.05457,-0.06316,-0.02291,-0.01714,0.07543,0.02778,-0.03697,0.01989,0.02192,-0.0329,0.03258,0.00322,0.04643,-0.01586,0.01127,0.0675,0.05356,-0.03663,-0.00508,-0.02895,-0.11568,-0.00933,-0.05503,0.0366,-0.05935,0.00389,-0.05515,-0.00714,-0.09063,0.06491,-0.06602,0.00744,0.04637,-0.0014,0.11914,0.06329,-0.02104,-0.02074,-0.04262,-0.12939,-0.01317,-0.03881,0.05857,-0.03037,-0.04657,-0.00371,-0.04104,0.05805,0.0029,0.13234,0.04887,-0.0171,0.11024,-0.05368,0.05158,0.07999,0.11425,0.0646,-0.05092,0.11869,-0.0108,0.07973,0.0805,0.00627,-0.03309,-0.05551,0.03527,0.05383,-0.06359,0.0244,0.07398,0.04755,-0.01473,0,-0.04481,-0.04596,-0.02679,-0.02536,-0.01057,0.06356,-0.03357,0.00714,-0.0306,-0.04355,-0.04966,0.05291,-0.00994,0.0122,0.02284,-0.02006,0.0318,-0.00303,-0.01614,-0.04379,0.03807,0.03661,0.00473,0.141,0.00683,-0.02076,0.04619,-0.06116,0.02248,-0.01202,-0.06259,0.0348,-0.02671,0.09086,0.01305,0.02074,-0.10213,0.08487,-0.05294,0.0489,0.07002,-0.00257,0.00304,-0.05753,-0.01831,0.08379,-0.05148,-0.04654,-0.05184,0.01341,-0.0129,0.05121,-0.01801,0.09036,0.04949,0.0055,-0.04465,-0.01185,0.03881,0.03274,-0.09733,0.09445,0.05718,-0.00138],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Support Foblex Flow If this page helped you build something (or saved you from writing drag+drop and SVG connection logic from scratch), please ⭐ the repo on GitHub — it directly helps the project grow. Git Hub","excerpt":"Support Foblex Flow If this page helped you build something (or saved you from writing drag+drop and SVG connection logic from scratch), please ⭐ the repo on GitHub — it directly helps the project grow."},{"chunkId":"/docs/angular-version-compatibility#0","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.07273,-0.00407,-0.01374,-0.07817,0.01944,0.08772,-0.07072,0.01352,0.00053,-0.00929,-0.03575,0.01968,-0.13257,0.01279,0.08787,0.06664,-0.02742,-0.00478,0.02306,0.03694,-0.06594,-0.03778,-0.01408,-0.01999,-0.01746,0.00287,0.0122,-0.06518,0.02317,-0.00825,0.05455,0.12003,0.00795,-0.03124,-0.07356,0.01944,0.00224,0.03297,-0.00504,-0.03711,0.03991,0.04192,0.02658,-0.07977,-0.0244,-0.08407,-0.07156,0.00817,-0.05213,0.06188,-0.03874,-0.10218,-0.06245,0.0866,0.02535,-0.02903,-0.02853,-0.00722,-0.00808,-0.00308,-0.03183,-0.04554,-0.00748,0.00848,-0.04639,-0.01847,-0.05999,-0.04226,0.00895,-0.05331,-0.11504,-0.06599,0.03244,-0.08063,-0.04348,0.00277,0.03815,0.04836,0.02823,-0.05909,-0.01451,-0.00943,0.01791,-0.01374,-0.02384,0.04754,0.04765,-0.06266,-0.00707,-0.0499,0.00563,0.06908,0.06299,0.03628,0.04966,0.04261,-0.0738,-0.0011,-0.06081,0.01104,-0.00811,-0.03333,0.06096,0.08235,-0.05054,0.01391,0.04565,-0.01598,0.01057,-0.0614,0.01959,0.01182,-0.03142,-0.09039,0.00382,-0.08913,-0.08515,-0.01674,0.06143,0.07163,-0.02646,-0.04272,0.05739,-0.02305,0.03368,-0.00302,0.02736,0,-0.00669,0.08328,-0.06062,0.04568,0.05216,-0.00239,-0.00015,-0.06674,-0.02293,-0.022,-0.00475,-0.03179,-0.07905,-0.00174,0.00532,-0.05755,-0.07028,-0.01808,0.01101,0.02338,0.08185,-0.01396,-0.05019,0.01028,0.04976,-0.0201,0.04116,0.02905,-0.0811,0.01203,0.09126,-0.02086,-0.03702,-0.01525,-0.04839,-0.00755,-0.07292,-0.05234,0.01373,-0.09107,0.05291,0.04519,-0.06052,0.00685,0.09993,-0.0262,0.01069,-0.03109,0.14744,0.03223,-0.02468,-0.00008,-0.03816,0.04949,0.06344,-0.05066,-0.01547,0.0652,0.06232,0.00679,0.04994,-0.00599,0.0229,-0.0856,0.09863,0.05662,0.01455,-0.03551,0.02449,-0.0152,-0.06346,0.02931,-0.00561,0.07856,0.06131,-0.05403,0.04831,0.05867,0.11015,-0.00926,-0.07092,0.03769,-0.00131,0.07971,0.05078,-0.03261,-0.02788,-0.01238,0.00305,0.07028,0.1027,-0.00975,-0.02652,0.06712,0.02089,0,0.00023,0.00846,-0.00416,0.05094,0.02633,-0.05227,0.02849,0.00438,0.11631,0.04118,0.06187,0.11222,0.00986,0.02462,-0.00848,0.00882,-0.03667,-0.1407,0.07194,-0.05225,-0.00215,0.0011,0.00782,-0.04581,-0.03551,0.03855,0.06978,-0.02933,0.00742,-0.028,0.02816,0.03271,-0.04735,-0.02122,-0.04812,-0.02667,-0.02226,0.01024,-0.02362,-0.07243,0.04606,0.05013,0.00245,-0.01426,-0.07183,-0.03345,0.00707,-0.03093,-0.01969,0.03119,-0.01662,0.06915,-0.00875,0.00191,-0.05291,0.02575,0.07579,0.06481,-0.09809,0.00977,0.00429,0.02156,0.06218,-0.09528,0.05495,0.1005,-0.06501,0.01775,0.022,0.12337,0.00719,-0.00799,-0.05893,-0.01651,0.04302,0.08727,0.11727,0.01306,0.06909,-0.03571,-0.03915,0.08967,-0.04569,0.06812,0.02893,-0.02804,-0.07116,-0.1646,0.02142,0.02492,-0.01054,-0.03464,-0.07704,-0.09091,0.04611,0,-0.06341,0.01938,-0.10044,-0.04636,0.11285,0.06196,-0.09877,-0.03373,0.03991,0.01894,0.01434,0.0659,-0.00764,-0.01124,0.04743,-0.01693,-0.08522,-0.0223,-0.05168,-0.0121,-0.04483,0.06907,0.04376,0.00453,-0.03999,-0.01637,0.07139,0.00442,-0.03259,0.01054,0.02472,0.06937,0.00211,0.00834,0.03686,0.02676,-0.06587,0.01453,0.00851,0.05502,0.05655,-0.03521,0.00921,-0.03675,-0.04954,-0.01243,-0.04063,-0.1199,-0.10762,0.00516,-0.06312,0.04212,-0.07342,0.03823,0.00719,0.02401,-0.02158,-0.06684,0.0611,-0.00964,-0.00436,-0.00126,0.09262,-0.01927],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Angular Version Compatibility Use this page to answer one practical question: which @foblex/flow version should I install for my Angular version, and which companion packages belong with it? If you use the current 18.x line, ng add @foblex/flow installs companion packages automatically. If you need to pin an older line, use the manual install commands below.","excerpt":"Angular Version Compatibility Use this page to answer one practical question: which @foblex/flow version should I install for my Angular version, and which companion packages belong with it? If you use the current 18.x line, ng add @foblex/flow installs companion packages automatically. If you need to pin an older line, use the manual install commands below."},{"chunkId":"/docs/angular-version-compatibility#1","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.09115,0.02549,-0.06669,-0.08376,0.03478,0.02753,-0.09107,0.04244,0.01148,0.04369,-0.00287,-0.01378,-0.10996,0.00409,0.09651,0.05547,-0.05591,-0.01776,-0.0196,0.03845,-0.02494,-0.04002,-0.04215,-0.04692,-0.00944,0.0023,0.02722,-0.02084,0.01579,-0.00507,0.0387,0.12237,-0.06093,-0.05253,-0.05246,0.00538,-0.03582,0.00872,0.02418,-0.05548,0.11346,0.06486,0.01926,-0.10481,-0.03799,-0.08777,-0.06563,-0.02673,0.01014,0.02906,-0.08042,-0.05424,-0.04313,0.03675,0.04646,-0.01876,0.01662,0.01532,-0.03114,-0.03929,-0.03333,-0.08866,-0.00048,-0.02348,-0.03973,-0.01326,-0.03514,-0.06586,-0.00466,-0.0202,-0.10925,-0.09125,0.01134,-0.08252,-0.0224,-0.01878,0.01963,0.11819,0.02405,-0.10189,0.01656,-0.00326,0.00504,-0.03002,0.00083,0.03391,-0.00094,-0.12475,0.03081,-0.02925,0.04838,0.02025,0.04044,0.09384,0.08759,0.03742,-0.04395,0.01383,-0.05602,0.04148,-0.05005,-0.02775,0.04614,0.11584,-0.06088,-0.02865,0.03663,0.02263,-0.05219,-0.05049,0.02732,0.00935,-0.03184,-0.06464,0.01168,-0.02433,-0.04162,-0.00719,0.03811,0.095,0.00197,-0.05036,0.03099,0.03995,0.03712,-0.01046,0.05056,0,-0.02716,0.03436,-0.05655,-0.01249,0.03134,-0.0072,-0.01215,-0.02837,0.02389,0.00658,-0.0017,-0.0488,-0.0747,-0.07951,0.0312,-0.08218,-0.03991,-0.04106,0.00103,0.05751,0.08184,-0.00007,-0.0801,-0.07123,0.01957,0.0394,-0.00034,0.02142,-0.13179,0.00564,0.08437,-0.00678,-0.0354,-0.00593,-0.03748,0.00507,-0.02998,-0.06845,-0.02083,-0.07843,0.02931,0.0115,-0.04713,0.01131,0.1171,-0.02188,-0.02866,-0.00401,0.07915,0.03854,-0.04045,0.06303,-0.0476,-0.02234,0.05183,-0.04756,-0.06975,0.06348,0.03829,0.01254,0.00118,-0.0137,-0.00637,-0.0073,0.05377,0.06312,0.05705,-0.03404,0.01122,-0.02728,-0.03106,-0.005,0.02625,0.03203,0.08449,-0.02681,0.05028,0.04867,0.09617,-0.09029,0.01902,0.0457,-0.06317,0.04116,0.07501,-0.02212,-0.03513,-0.05707,-0.03237,0.06536,0.0525,0.00768,0.0242,0.08231,0.01032,0,0.07427,-0.02806,-0.02642,0.00646,-0.00714,-0.04128,0.06754,0.00434,0.0367,0.0338,0.06625,0.07057,-0.02104,-0.0027,-0.00005,0.04393,-0.00987,-0.06642,0.03312,-0.05496,0.0266,0.06143,-0.04399,-0.01822,-0.07898,0.01663,0.0153,0.01037,-0.05027,-0.00955,-0.03024,0.0285,-0.05669,-0.0202,-0.07837,-0.03482,-0.03443,0.02507,0.01307,-0.01844,0.03753,0.05847,0.06937,-0.03556,-0.07981,-0.0326,0.00442,-0.01748,-0.05352,0.02615,-0.01116,0.05821,0.0058,0.0116,-0.06801,0.07081,0.05936,0.04736,-0.14919,0.00839,0.0679,-0.00478,0.04642,-0.08731,0.11933,0.08982,-0.06767,0.01384,0.05837,0.12081,-0.01827,-0.03935,-0.04261,-0.00051,0.01947,0.05636,0.13594,-0.0307,0.04818,-0.04946,-0.06239,0.05836,-0.08388,-0.00044,-0.03958,-0.04047,-0.09058,-0.10289,0.03926,0.00261,-0.05773,-0.0638,-0.04808,-0.07546,0.03105,0,-0.05557,0.0506,-0.0682,-0.01806,0.15436,0.0167,-0.09953,-0.05441,0.0322,-0.01934,0.02484,0.07155,-0.00359,-0.0371,0.05562,-0.01466,-0.07288,-0.05153,-0.05084,-0.01117,-0.07131,0.07135,0.01585,0.05971,-0.03343,-0.01413,0.05794,0.02823,0.04064,0.0306,-0.03016,0.0473,0.07439,0.03857,-0.03746,0.01436,-0.0077,0.01541,0.04,0.03182,0.06281,-0.01979,0.02719,-0.01694,-0.03115,-0.01962,-0.0689,-0.07743,-0.03563,0.01415,-0.08733,0.06226,-0.06085,0.01967,0.04099,-0.01686,-0.02748,-0.03647,0.03848,0.04818,0.02932,-0.02731,0.04728,0.03915],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Quick matrix Your Angular app Recommended Foblex Flow line Why ------------------- ---------------------------- ------------------------------------------------------------------------------------------------------ Angular 17.3+ 18.x Current line for modern Angular apps. Angular 17.3 through Angular 20+ use the same install path here. Angular 16.1 - 17.2 17.4.x Safe transition line if you do not want to jump straight onto the newest line. Angular 12 - 16.0 16.0.x Safe legacy line before the newer Angular API floor. Angular 12 - 15 12.6.3 Legacy @foblex/core line. Use this if you are staying on the old dependency family.","excerpt":"Quick matrix Your Angular app Recommended Foblex Flow line Why ------------------- ---------------------------- ------------------------------------------------------------------------------------------------------ Angular 17.3+ 18.x Current line for modern Angular apps. Angular 17.3 through Angular 20+ use the same install path here. Angular 16.1 - 17.2 17.4.x Safe transition line if you do not want to jump straight onto the newest line. Angular 12 - 16.0 16.0.x Safe legacy line before the newer Angular API floor. Angular 12 - 15 12.6.3 Legacy @foblex/core line. Use this if you are staying on the old dependency family."},{"chunkId":"/docs/angular-version-compatibility#2","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.08371,-0.00314,-0.05898,-0.06747,-0.01544,0.07287,-0.08104,0.03389,-0.01324,0.02265,-0.0338,0.02858,-0.12969,0.00477,0.11205,0.03017,-0.04046,-0.02124,0.00567,0.04049,-0.01419,-0.02984,-0.01929,-0.05558,0.00281,-0.0001,0.02664,-0.03784,0.05081,-0.02617,0.05605,0.09058,-0.01167,-0.01831,-0.09927,0.00794,0.00353,-0.02015,-0.01098,-0.06315,0.03603,0.03811,-0.00032,-0.08403,-0.0219,-0.05004,-0.05488,-0.01349,-0.04407,0.05971,-0.03532,-0.08642,-0.05074,0.08662,0.04385,-0.01555,-0.00043,0.00365,-0.00477,-0.03841,-0.05728,-0.08458,-0.00032,0.01909,-0.0367,0.00131,-0.07265,-0.05735,-0.00275,-0.0675,-0.12129,-0.07773,0.05847,-0.05558,-0.03595,-0.00213,0.01827,0.07572,0.03962,-0.03305,0.00883,-0.02876,0.00292,-0.01357,-0.00932,0.05032,0.04093,-0.08626,0.00757,-0.06054,0.00402,0.07365,0.05639,0.04267,0.04049,0.02249,-0.03521,-0.00337,-0.07261,0.01,0.01546,-0.01767,0.03964,0.03625,-0.11515,0.00072,0.05526,0.01496,-0.02921,-0.06306,0.02157,0.01914,-0.01784,-0.10167,0.02901,-0.06518,-0.08499,-0.02333,0.05832,0.06567,-0.04306,-0.05209,0.03644,0.01633,0.06533,-0.00187,0.03919,0,-0.02141,0.06054,-0.07367,0.04106,0.06483,0.00854,-0.02074,-0.0604,0.00964,0.01376,0.02275,-0.01847,-0.06597,0.00543,0.03208,-0.0698,-0.04764,-0.02559,0.0438,0.0472,0.10581,-0.03776,-0.02011,-0.00926,0.03587,0.04822,0.01563,0.05986,-0.07861,0.02489,0.06836,-0.01522,-0.06044,-0.01154,-0.01915,-0.00298,-0.04894,-0.05531,-0.00344,-0.07701,0.06797,-0.01034,-0.09907,0.02556,0.04747,-0.03859,-0.0011,0.00919,0.12089,0.06825,-0.02273,0.03243,-0.04342,0.0311,0.11257,-0.01952,-0.05107,0.08099,0.05976,0.03942,0.03376,0.0065,0.00997,-0.06292,0.06331,0.04358,0.05046,-0.02339,0.0357,-0.00229,-0.02545,0.03337,0.01774,0.0771,0.06014,-0.02699,0.02242,0.04248,0.1244,-0.0108,-0.03734,0.02752,0.00019,0.08011,0.08601,-0.04726,-0.02906,-0.06192,-0.03951,0.06256,0.104,0.00478,0.00969,0.0754,-0.01512,0,-0.01343,0.01627,-0.04445,0.05331,0.01409,-0.04639,0.06839,0.02958,0.07286,0.03408,0.09466,0.10908,-0.00634,0.02784,-0.02661,-0.00254,-0.0146,-0.12856,0.08305,-0.08116,0.0342,-0.00306,0.00881,-0.03023,-0.0632,0.06671,0.03683,0.02062,0.00538,-0.00483,0.04982,0.0369,-0.02731,-0.03233,-0.06772,-0.06381,0.01528,0.02097,-0.01783,-0.09297,0.04653,0.04343,0.01941,-0.04024,-0.10497,-0.04994,0.00647,-0.0217,-0.03362,0.03573,0.00014,0.03857,-0.01254,-0.02155,-0.07314,0.0029,0.07308,0.03266,-0.11702,0.057,0.01445,0.01893,0.06716,-0.07437,0.1219,0.09887,-0.03254,0.01745,0.05421,0.14188,0.01431,-0.02909,-0.05118,-0.00825,0.05845,0.0732,0.1026,-0.00942,0.02755,-0.03689,-0.00111,0.04707,-0.05895,0.04863,0.01221,-0.03254,-0.09906,-0.1316,0.03696,0.0374,-0.0609,-0.0175,-0.05293,-0.03874,0.0432,0,-0.12205,0.04618,-0.06535,-0.0401,0.10827,0.02943,-0.10055,-0.0694,0.02741,-0.01604,-0.01236,0.0465,-0.02415,-0.00197,0.06809,-0.0136,-0.05675,-0.0113,-0.02701,-0.02839,-0.01899,0.05805,0.03994,0.02943,-0.00258,-0.02597,0.03022,0.02393,0.0029,-0.00381,-0.00734,0.08002,0.0323,0.03326,-0.01646,0.00967,-0.04431,0.00752,-0.01731,0.02233,0.06916,-0.00883,-0.01067,-0.02663,-0.08171,-0.02097,-0.03076,-0.0986,-0.09128,-0.00597,-0.04679,0.07404,-0.08263,0.00256,0.0004,0.01483,-0.00294,-0.03708,0.06137,0.0528,0.00769,-0.01726,0.07326,-0.0066],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Manual install commands","excerpt":"Manual install commands"},{"chunkId":"/docs/angular-version-compatibility#3","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.08561,0.00142,-0.05076,-0.08288,0.05043,0.04931,-0.08543,-0.02022,-0.03225,0.04078,-0.0329,0.0289,-0.15356,0.02234,0.10611,0.03498,-0.01922,-0.02528,0.01346,0.05175,-0.04152,-0.03599,-0.01017,-0.0435,0.01818,0.01745,0.02541,-0.03851,0.03252,-0.0074,0.03915,0.10962,-0.01132,-0.05222,-0.11673,-0.02561,-0.02422,-0.02046,-0.01373,-0.0523,0.03786,0.0491,-0.00314,-0.07429,-0.03714,-0.05873,-0.07616,-0.02719,-0.04102,0.07104,-0.069,-0.09707,-0.02886,0.08083,0.01767,-0.08123,-0.03036,-0.02052,-0.02464,-0.04262,-0.03317,-0.08982,-0.01022,0.01176,0.0025,0.00086,-0.05528,-0.07815,-0.02316,-0.05361,-0.09878,-0.06449,0.04354,-0.07554,0.00403,0.02378,0.03567,0.05794,0.0391,-0.06141,0.01051,-0.01202,0.00184,0.01133,-0.02456,0.04756,0.03462,-0.08326,-0.01701,-0.03011,0.01481,0.06193,0.06992,0.06149,0.0498,0.00474,-0.03662,-0.0153,-0.04256,0.00503,-0.00385,0.01263,0.06924,0.03464,-0.09796,-0.02352,0.04601,-0.00998,-0.0223,-0.02191,0.02859,0.00595,-0.01523,-0.10344,0.01227,-0.05216,-0.08104,-0.01104,0.05968,0.0871,0.00108,-0.04674,0.02856,0.02122,0.02701,-0.02903,0.01278,0,-0.02333,0.05111,-0.06258,0.03597,0.04907,0.03284,-0.04493,-0.05883,-0.00222,0.00281,-0.00526,-0.03754,-0.04333,-0.02099,0.05984,-0.0689,-0.06136,-0.02481,0.04419,0.0535,0.1214,-0.01826,-0.07578,-0.01564,0.04376,0.03388,-0.00071,0.0844,-0.09441,0.00737,0.05839,-0.00198,-0.05684,-0.00054,-0.02276,0.02226,-0.0625,-0.09069,-0.01156,-0.0596,0.04615,-0.0108,-0.07726,0.01115,0.08278,-0.00726,-0.0025,0.00532,0.10542,0.03742,-0.02847,0.03051,-0.05945,0.00985,0.11617,-0.01054,-0.05302,0.08145,0.07037,0.01459,0.02983,-0.01885,0.01678,-0.05958,0.03363,0.06809,0.08292,-0.03585,0.03815,-0.03622,-0.03717,0.02134,0.00519,0.07316,0.08676,-0.02461,0.06094,0.03252,0.14652,-0.03342,-0.04819,0.02865,-0.0185,0.07516,0.0648,-0.00916,-0.03816,-0.06592,0.01868,0.08357,0.09457,-0.00223,-0.0052,0.08561,-0.00021,0,0.01493,-0.00414,-0.05773,0.05507,-0.01119,-0.06157,0.04608,0.05027,0.06833,-0.00732,0.116,0.05161,-0.01411,0.01897,0.00593,0.0323,-0.02094,-0.13577,0.0395,-0.0679,0.03235,-0.03695,-0.00951,-0.00303,-0.07859,0.06178,0.03028,-0.02434,0.01651,-0.02189,0.01356,0.00912,-0.0404,-0.03768,-0.04651,-0.04789,-0.01128,0.01356,-0.01029,-0.06958,0.03612,0.07554,0.06346,-0.01641,-0.07854,-0.03467,0.01725,-0.01499,0.00607,0.03022,-0.02053,0.03102,0.00503,-0.03858,-0.05991,0.02744,0.08259,0.04474,-0.10106,0.04202,0.04258,0.02136,0.06578,-0.05163,0.11591,0.09937,-0.0378,0.0271,0.05807,0.13733,0.00562,-0.03575,-0.05011,-0.00482,0.04021,0.04896,0.12668,-0.00176,0.02937,-0.04602,0.0257,0.08868,-0.06334,0.05133,0.00143,-0.01691,-0.07832,-0.1033,0.03852,0.01187,-0.04098,-0.02229,-0.07457,-0.04921,0.04048,0,-0.07846,0.05037,-0.07688,-0.03801,0.0883,0.03572,-0.09091,-0.06443,0.0495,0.03173,0.01658,0.05922,-0.03552,-0.02522,0.09168,-0.01394,-0.06024,-0.02252,-0.01668,-0.03028,-0.02968,0.04445,0.02257,0.03871,-0.0255,-0.01656,0.01755,0.02475,0.00746,-0.01872,-0.01632,0.07457,0.09472,0.02834,-0.018,0.00751,-0.03302,0.00447,0.02055,0.0467,0.06545,-0.02369,-0.00114,-0.02395,-0.07534,-0.01104,-0.04396,-0.07053,-0.09446,-0.0027,-0.05705,0.08265,-0.04363,0.01201,0.044,0.0252,-0.02864,-0.0303,0.05816,0.01497,0.01059,-0.04706,0.05645,0.02384],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Angular 17.3+ If you want to stay on the last 17.x release line:","excerpt":"Angular 17.3+ If you want to stay on the last 17.x release line:"},{"chunkId":"/docs/angular-version-compatibility#4","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.08582,0.01831,-0.05653,-0.07403,0.01215,0.0368,-0.09033,0.02238,-0.03252,0.03116,-0.04564,0.01303,-0.13323,0.03845,0.10901,0.05781,-0.02489,-0.01466,0.01097,0.05796,-0.04418,-0.04537,-0.01568,-0.04466,0.01395,-0.00365,0.03841,-0.0409,0.03912,-0.01684,0.05092,0.1052,-0.01856,-0.02919,-0.11744,-0.01146,0.00508,-0.02098,-0.0243,-0.06096,0.06127,0.06003,-0.00721,-0.08946,-0.03852,-0.05531,-0.06059,-0.00497,-0.03357,0.07371,-0.06261,-0.07652,-0.03245,0.08492,0.03741,-0.04277,-0.00784,-0.00517,-0.00904,-0.0262,-0.04607,-0.09026,0.00144,0.02607,-0.03874,-0.00139,-0.04499,-0.04746,-0.01774,-0.05923,-0.09905,-0.06778,0.05523,-0.06994,0.00023,0.03036,-0.00212,0.07161,0.05285,-0.04951,0.00846,-0.02579,-0.00802,-0.03106,-0.01201,0.07224,0.03603,-0.08771,-0.01426,-0.03917,0.01624,0.05213,0.07244,0.05594,0.04605,0.00621,-0.00846,-0.02004,-0.05583,-0.01704,-0.00732,-0.00156,0.03896,0.04561,-0.09911,-0.02777,0.05969,-0.00919,-0.03138,-0.03207,0.03571,0.01152,-0.00146,-0.11093,0.02205,-0.05959,-0.08034,-0.01234,0.04433,0.08018,-0.03019,-0.05442,0.02396,0.01759,0.06095,-0.02465,0.02827,0,-0.02683,0.07335,-0.05789,0.01981,0.06046,-0.00206,-0.0368,-0.05096,0.01776,0.00963,-0.00475,-0.04247,-0.04815,-0.01049,0.03469,-0.08127,-0.02718,-0.03874,0.03021,0.07098,0.09065,-0.02015,-0.04585,-0.01206,0.04035,0.0523,-0.00453,0.06802,-0.09962,0.0155,0.07232,-0.01142,-0.06224,-0.00189,-0.03603,-0.00603,-0.04491,-0.0825,-0.01017,-0.06739,0.05151,-0.01024,-0.08793,0.01484,0.05469,-0.03289,-0.02067,0.02848,0.11565,0.05623,-0.04265,0.0562,-0.07802,-0.00091,0.11044,-0.01702,-0.04809,0.08746,0.0739,0.03151,0.01492,0.00038,-0.00369,-0.07573,0.03899,0.04324,0.05331,-0.05828,0.01148,-0.02103,-0.02772,0.03968,0.0058,0.06882,0.08129,-0.01563,0.0429,0.04032,0.15248,-0.00921,-0.02703,0.03195,-0.02191,0.08041,0.07585,-0.02226,-0.01731,-0.05904,-0.01095,0.08565,0.08563,0.00756,0.01209,0.07535,-0.004,0,0.0012,0.01961,-0.0413,0.06181,0.00078,-0.05218,0.06562,0.02772,0.08204,0.03295,0.11376,0.0647,-0.01939,0.02699,-0.01557,0.01909,-0.02361,-0.1159,0.06236,-0.09133,0.02485,-0.01615,-0.01251,-0.02121,-0.07875,0.04088,0.02419,0.00076,0.01033,-0.01611,0.0427,0.01682,-0.02409,-0.03436,-0.06293,-0.06496,-0.00139,0.01657,0.00733,-0.09324,0.04935,0.06726,0.05261,-0.01885,-0.09154,-0.05767,0.00216,-0.00298,-0.02485,0.03198,-0.01999,0.05005,0.00218,-0.03288,-0.04983,0.01464,0.06705,0.03327,-0.10598,0.02719,0.04301,0.00744,0.04659,-0.06381,0.13104,0.10627,-0.03233,0.00546,0.05312,0.14752,0.02476,-0.03242,-0.04502,0.00425,0.06033,0.06098,0.11134,-0.03675,0.03715,-0.04885,0.01326,0.07613,-0.06313,0.02121,0.01601,-0.00013,-0.09126,-0.11194,0.03876,0.03017,-0.05713,-0.01616,-0.06788,-0.04651,0.04579,0,-0.10859,0.05339,-0.05786,-0.04238,0.0831,0.00851,-0.08231,-0.07088,0.03708,-0.00155,-0.00083,0.05877,-0.03818,-0.01691,0.10127,-0.01617,-0.04844,-0.0184,-0.01857,-0.01464,-0.0124,0.05575,0.01934,0.04328,-0.02584,-0.00813,0.02097,0.03911,0.0037,-0.01789,-0.00806,0.0805,0.06772,0.03446,-0.03054,-0.00375,-0.04362,0.01388,0.00269,0.05078,0.08259,-0.02847,-0.01147,-0.0299,-0.06608,0.00607,-0.04117,-0.09056,-0.08736,0.00116,-0.05111,0.07874,-0.05703,-0.0006,0.02165,0.01466,-0.01312,-0.03011,0.057,0.02177,0.01239,-0.03258,0.04854,-0.00762],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Angular 16.1 - 17.2","excerpt":"Angular 16.1 - 17.2"},{"chunkId":"/docs/angular-version-compatibility#5","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.092,0.01057,-0.06549,-0.07337,-0.00145,0.06082,-0.09555,0.03748,-0.01434,0.02946,-0.04607,0.04545,-0.13705,0.01791,0.10522,0.04323,-0.04492,-0.01841,0.00475,0.06461,-0.02841,-0.04453,-0.01766,-0.04546,0.0135,0.00089,0.04455,-0.03752,0.04404,-0.02088,0.04069,0.10155,-0.03406,-0.0289,-0.10358,0.00874,0.00352,-0.03022,-0.02818,-0.05194,0.02728,0.05158,-0.00037,-0.07555,-0.03218,-0.05253,-0.05905,-0.0067,-0.05125,0.07282,-0.04046,-0.07354,-0.04214,0.08198,0.03401,-0.03574,-0.0217,-0.00777,-0.00822,-0.02019,-0.05189,-0.085,0.00074,0.02715,-0.03534,0.00406,-0.06398,-0.04005,-0.02052,-0.067,-0.10212,-0.06933,0.05404,-0.04919,-0.01035,0.00854,0.00634,0.07199,0.04992,-0.03163,0.01759,-0.02791,-0.0174,-0.01433,-0.00116,0.05626,0.02924,-0.0876,-0.01532,-0.058,0.01478,0.07766,0.07232,0.04953,0.03152,0.01414,-0.01615,-0.0192,-0.05775,-0.00815,0.00644,-0.00047,0.03778,0.04284,-0.09387,-0.00327,0.05959,0.00087,-0.03068,-0.04848,0.02961,0.01361,-0.01499,-0.1122,0.03585,-0.06967,-0.08506,-0.02438,0.06172,0.07835,-0.04196,-0.05129,0.01409,0.0217,0.05482,-0.00779,0.02778,0,-0.02546,0.05709,-0.05903,0.02302,0.07091,-0.00555,-0.02385,-0.04662,0.01943,0.01057,0.00845,-0.03416,-0.05361,-0.00409,0.02896,-0.07688,-0.02628,-0.03676,0.03771,0.06599,0.10237,-0.04347,-0.02011,-0.01277,0.02536,0.05467,0.00781,0.06687,-0.09743,0.0203,0.0712,-0.02586,-0.05833,-0.00132,-0.03712,-0.00901,-0.04945,-0.07743,-0.00362,-0.07665,0.05154,-0.00643,-0.08921,0.01419,0.05556,-0.02434,-0.00021,0.01647,0.10344,0.05561,-0.03291,0.06243,-0.06185,0.01424,0.11525,-0.01839,-0.03982,0.08246,0.0584,0.05075,0.01607,0.00505,-0.00606,-0.0738,0.04542,0.05185,0.05689,-0.04189,0.0094,-0.02213,-0.02199,0.052,0.01104,0.08215,0.07611,-0.01936,0.02668,0.04503,0.13745,-0.00213,-0.02837,0.03707,-0.01294,0.07628,0.06851,-0.05141,-0.01935,-0.05423,-0.03341,0.08354,0.09332,0.00546,0.01669,0.07834,-0.00531,0,-0.01173,0.01651,-0.04573,0.05397,0.01002,-0.04564,0.07543,0.02562,0.07595,0.04025,0.10211,0.09746,-0.00469,0.01066,-0.02262,0.01162,-0.02584,-0.11605,0.08029,-0.09346,0.02837,0.00583,-0.01756,-0.02758,-0.08298,0.04943,0.0184,0.00667,0.01248,0.00101,0.06377,0.01858,-0.01921,-0.03397,-0.06235,-0.05587,0.00108,0.01069,-0.00937,-0.08758,0.05359,0.05297,0.03826,-0.02993,-0.09282,-0.05346,-0.0001,-0.00971,-0.02504,0.03725,-0.01196,0.04891,-0.00318,-0.02845,-0.05417,0.00089,0.05972,0.02042,-0.11331,0.04309,0.02546,0.01307,0.0366,-0.06727,0.12874,0.11279,-0.03251,0.00911,0.05363,0.14511,0.02639,-0.02924,-0.0551,-0.00192,0.04741,0.06976,0.11061,-0.02733,0.02307,-0.04015,-0.00575,0.05797,-0.06111,0.03985,0.01915,-0.01514,-0.09354,-0.12993,0.04523,0.04054,-0.05446,-0.01227,-0.06508,-0.03503,0.04182,0,-0.11623,0.05735,-0.05549,-0.04329,0.08285,0.00419,-0.08683,-0.06713,0.02638,-0.00813,-0.0122,0.05941,-0.03356,-0.01393,0.08167,-0.02226,-0.0342,-0.01735,-0.02185,-0.01398,-0.00808,0.06259,0.0323,0.02688,-0.02461,-0.01688,0.02158,0.02998,0.01719,-0.01141,-0.00892,0.09464,0.0413,0.0298,-0.02668,0.00894,-0.04313,0.01096,-0.01684,0.04826,0.08101,-0.03039,-0.02782,-0.02552,-0.07565,-0.01076,-0.04621,-0.11952,-0.08429,-0.00307,-0.05616,0.07629,-0.07275,0.00334,0.02051,0.00992,-0.01146,-0.03213,0.05878,0.04028,0.01094,-0.02799,0.07046,0.0054],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Angular 12 - 16.0","excerpt":"Angular 12 - 16.0"},{"chunkId":"/docs/angular-version-compatibility#6","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.09717,0.00834,-0.05986,-0.08146,0.00474,0.06386,-0.09379,0.04125,-0.00583,0.00843,-0.05999,0.03155,-0.13355,0.00225,0.10653,0.04583,-0.03665,-0.00865,0.01032,0.07079,-0.03827,-0.05077,-0.01705,-0.04218,0.00935,-0.00063,0.03782,-0.04206,0.01816,-0.03254,0.043,0.09968,-0.02637,-0.01451,-0.09442,0.01744,0.00258,-0.02974,-0.00409,-0.06865,0.03782,0.04933,-0.00514,-0.07151,-0.02704,-0.05834,-0.05158,-0.0157,-0.06191,0.08333,-0.02988,-0.08078,-0.0398,0.0912,0.04188,-0.02364,-0.01444,-0.00936,-0.00566,-0.00787,-0.04908,-0.07308,-0.00242,0.00994,-0.03136,-0.01475,-0.06266,-0.05175,-0.02056,-0.05732,-0.11346,-0.07631,0.05471,-0.06116,-0.01373,0.01746,0.01245,0.06978,0.04124,-0.0538,-0.0052,-0.00322,-0.00588,-0.02576,-0.00224,0.04804,0.02731,-0.09182,-0.01653,-0.05634,0.01852,0.07208,0.06967,0.04123,0.03218,0.01959,-0.02671,-0.01944,-0.06853,0.00329,0.00824,-0.01242,0.04772,0.03807,-0.09695,-0.00764,0.06046,-0.00039,-0.04381,-0.05245,0.02196,0.01258,-0.03342,-0.10523,0.04163,-0.08138,-0.08141,-0.02327,0.07783,0.06636,-0.05664,-0.06659,0.02683,0.0145,0.04786,-0.00664,0.02009,0,-0.01974,0.05795,-0.05208,0.02825,0.05513,-0.00418,-0.01568,-0.04713,0.02278,0.00326,0.02143,-0.02849,-0.03663,-0.01273,0.02453,-0.06597,-0.05318,-0.03997,0.04428,0.05213,0.09085,-0.01775,-0.02639,-0.01096,0.04173,0.02795,0.00518,0.06157,-0.10017,0.03389,0.08017,-0.02445,-0.04583,0.00353,-0.03835,-0.01348,-0.02639,-0.06787,-0.00067,-0.07317,0.05753,-0.0063,-0.07099,0.02422,0.06069,-0.01484,-0.00236,0.01809,0.09852,0.04254,-0.03064,0.03279,-0.04134,0.01927,0.10788,-0.00106,-0.03882,0.08848,0.06543,0.04293,0.02263,-0.00579,0.00314,-0.06511,0.05268,0.05929,0.05331,-0.04721,0.02429,-0.00715,-0.03783,0.05286,0.00428,0.09359,0.06531,-0.04062,0.02323,0.05888,0.13697,-0.0043,-0.02044,0.04528,-0.00982,0.0712,0.07611,-0.04132,-0.02789,-0.05813,-0.02687,0.07058,0.08964,-0.00612,0.01023,0.06433,-0.00654,0,-0.01502,0.01947,-0.05454,0.05767,0.00501,-0.04765,0.06135,0.01884,0.05914,0.04514,0.09721,0.10191,0.00054,0.01918,-0.0249,0.0018,-0.03299,-0.12766,0.07907,-0.08547,0.04499,-0.01207,-0.00818,-0.02837,-0.06923,0.05314,0.00453,0.02179,0.01482,-0.01564,0.04787,0.03042,-0.00745,-0.03847,-0.07065,-0.06853,-0.00724,0.01178,-0.00832,-0.08819,0.05808,0.04577,0.03869,-0.02253,-0.09781,-0.05479,0.00093,-0.0168,-0.0113,0.04198,-0.02169,0.0354,-0.00452,-0.01263,-0.07328,0.00288,0.07215,0.0288,-0.10235,0.05177,0.02408,0.0245,0.06549,-0.05247,0.13303,0.09459,-0.03211,0.00277,0.034,0.15242,0.0291,-0.03537,-0.07834,0.00018,0.04252,0.07279,0.11515,-0.01417,0.03102,-0.02019,-0.00885,0.05411,-0.07301,0.0476,0.02967,0.01048,-0.0896,-0.12497,0.0462,0.03694,-0.04202,-0.00888,-0.06032,-0.04754,0.03309,0,-0.10333,0.05246,-0.05938,-0.02392,0.09566,0.0237,-0.10273,-0.0731,0.03403,-0.00951,-0.02504,0.06155,-0.03399,-0.01403,0.0674,-0.01804,-0.03169,-0.03421,-0.02264,-0.0096,-0.03268,0.07027,0.03919,0.02693,-0.01641,-0.00553,0.02523,0.02011,0.01005,0.00631,-0.00504,0.08844,0.03522,0.0215,-0.02779,0.02634,-0.03712,0.00383,-0.01905,0.054,0.07959,-0.03058,-0.02249,-0.02964,-0.07393,-0.0056,-0.04037,-0.11763,-0.09348,-0.01517,-0.06371,0.07176,-0.07916,0.00481,-0.00694,0.01869,-0.00434,-0.03723,0.07264,0.05293,0.01532,-0.03677,0.07429,0.01414],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Angular 12 - 15, legacy @foblex/core line","excerpt":"Angular 12 - 15, legacy @foblex/core line"},{"chunkId":"/docs/angular-version-compatibility#7","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.067,-0.05597,-0.03636,-0.06805,-0.01074,0.00256,-0.01052,0.01512,-0.01658,0.03168,0.00168,-0.07152,-0.07648,0.02503,0.07682,0.04559,-0.09135,0.03011,0.02407,0.0673,-0.0616,-0.01489,-0.02824,-0.06064,0.00427,0.00033,-0.03094,-0.0616,-0.02456,-0.11456,0.07635,0.08045,-0.03114,-0.005,0.0129,0.09606,-0.00681,-0.02479,-0.10722,-0.0647,0.07815,0.08393,0.0609,-0.1149,-0.12998,-0.0863,-0.05774,-0.0305,-0.05098,0.0307,-0.05376,-0.1321,-0.04666,0.13608,0.0551,-0.00317,-0.0298,0.00712,0.03203,0.01447,-0.04691,-0.00358,-0.0373,-0.01667,-0.07291,-0.00724,-0.08204,-0.02851,0.01247,-0.02038,-0.08413,-0.10181,0.03051,-0.03877,-0.00677,0.01037,0.07867,0.07963,-0.00045,-0.09759,-0.06865,0.00448,-0.05821,-0.00021,-0.00648,0.09061,-0.01581,-0.01888,-0.01129,-0.04941,-0.02285,0.0288,-0.01483,0.02812,0.06369,-0.00961,0.01987,0.02377,-0.02501,0.08129,-0.06272,-0.01576,0.05536,0.08338,-0.08828,0.00838,-0.02231,-0.01497,-0.05678,-0.06555,-0.07094,-0.01014,0.00677,-0.06819,0.01227,-0.0948,-0.07966,-0.04329,0.05348,0.0599,0.05397,-0.01822,0.0576,0.044,0.05638,-0.00922,0.0185,0,0.02572,0.02776,-0.06244,0.02761,0.06491,-0.00604,0.04445,0.00454,-0.01792,0.00494,-0.01482,0.00323,-0.09746,-0.0238,0.01273,-0.14013,-0.02247,0.08415,-0.02466,0.03289,0.05828,0.0469,-0.10352,0.00573,0.00869,0.02589,0.01177,-0.00509,-0.02485,0.00948,0.03698,0.02929,-0.02893,0.02362,-0.01335,-0.00466,-0.05728,-0.03517,0.02089,-0.02602,0.01791,-0.00032,-0.05288,-0.03148,0.07195,-0.08862,-0.00361,-0.00978,0.0796,-0.01029,0.00835,0.00416,0.0242,0.02303,0.05305,-0.05901,-0.06476,0.09866,0.04124,0.05043,0.01424,0.13067,0.01176,-0.05203,0.07083,0.03004,0.03292,-0.00164,0.06201,0.04829,-0.06143,0.02783,0.0989,0.02643,0.09792,-0.02265,0.00659,-0.00016,0.03438,-0.04161,-0.08389,0.02371,-0.02198,0.00978,0.07054,-0.04227,-0.0056,-0.03404,-0.06715,-0.0065,0.06641,0.01473,-0.00072,0.00715,-0.05782,0,-0.00033,0.03943,-0.02802,0.02855,0.0004,0.01223,0.04031,-0.02802,0.02334,0.02809,0.00117,0.07297,0.04284,-0.04007,0.01471,0.04275,0.00524,-0.11376,0.06591,-0.05026,0.00038,0.08145,-0.03917,-0.01239,-0.01213,-0.00025,0.07398,0.07932,0.04219,0.01519,0.02114,0.04594,-0.06147,-0.0124,0.0354,-0.05597,-0.01024,0.09798,-0.0157,-0.06506,0.08058,-0.03377,-0.00441,0.03534,-0.0228,-0.0468,0.00622,0.00221,-0.04662,0.01201,-0.05131,0.03214,-0.04406,-0.02703,-0.0134,0.10431,0.11649,0.04886,-0.05339,-0.00571,0.02452,-0.02819,0.06964,-0.04956,0.13607,0.07486,-0.08346,-0.01711,-0.0461,0.08813,0.00933,0.05057,0.0447,-0.07073,0.06954,0.0579,0.05898,-0.01511,0.08274,-0.011,-0.08834,0.11212,0.00486,0.01702,0.00691,0.00287,-0.09376,-0.00743,0.03384,-0.03036,-0.01159,0.01619,0.09918,-0.00655,0.02083,0,-0.04608,-0.01895,-0.06381,-0.02066,0.06693,0.05566,-0.03631,-0.00377,-0.00248,-0.0551,0.02221,0.08548,0.02064,0.00678,0.06371,-0.06073,-0.02971,-0.00121,-0.07006,0.00154,-0.01593,0.06624,0.0327,0.01283,-0.07011,-0.08319,0.02727,-0.02577,0.01664,0.00514,0.01834,0.02051,0.03395,0.03102,0.02221,0.03186,-0.02364,0.03839,-0.02654,0.06223,0.05271,-0.01752,-0.01808,-0.01781,-0.01242,0.00102,-0.09903,-0.01153,-0.04836,-0.03334,-0.07734,0.0675,-0.08985,-0.00613,0.05127,0.02701,-0.03726,-0.07234,0.01682,0.01462,-0.03125,0.01819,0.09705,0.05692],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Companion packages by line Foblex Flow line Companion packages you should install manually ---------------- --------------------------------------------------------------------------------------------------------------------------- 18.x @foblex/platform@1.0.4, @foblex/mediator@1.1.3, @foblex/2d@1.2.2, @foblex/utils@1.1.1 17.9.5 @foblex/platform@1.0.4, @foblex/mediator@1.1.3, @foblex/2d@1.2.1, @foblex/utils@1.1.1 17.4.0 @foblex/platform@1.0.4, @foblex/mediator@1.1.2, @foblex/2d@1.1.9, @foblex/utils@1.1.1, @foblex/drag-toolkit@1.1.0 16.0.0 @foblex/platform@1.0.3, @foblex/mediator@1.1.0, @foblex/2d@1.1.0, @foblex/utils@1.1.0, @foblex/drag-toolkit@1.1.0 12.6.3 @foblex/core@1.2.6, @foblex/platform@1.0.3","excerpt":"Companion packages by line Foblex Flow line Companion packages you should install manually ---------------- --------------------------------------------------------------------------------------------------------------------------- 18.x @foblex/platform@1.0.4, @foblex/mediator@1.1.3, @foblex/2d@1.2.2, @foblex/utils@1.1.1 17.9.5 @foblex/platform@1.0.4, @foblex/mediator@1.1.3, @foblex/2d@1.2.1, @foblex/utils@1.1.1 17.4.0 @foblex/platform@1.0.4, @foblex/mediator@1.1.2, @foblex/2d@1.1.9, @foblex/utils@1.1.1, @foblex/drag-toolkit@1.1.0 16.0.0 @foblex/platform@1.0.3, @foblex/mediator@1.1.0, @foblex/2d@1.1.0, @foblex/utils@1.1.0, @foblex/drag-toolkit@1.1.0 12.6.3 @foblex/core@1.2.6, @foblex/platform@1.0.3"},{"chunkId":"/docs/angular-version-compatibility#8","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.08144,-0.02349,-0.0307,-0.0637,0.03752,0.08676,-0.09201,0.01,-0.02026,0.02342,-0.04542,0.01469,-0.12619,0.0263,0.10836,0.04272,-0.02838,-0.00881,0.0086,0.03432,-0.02826,-0.03468,0.01281,-0.03657,0.01102,0.00853,0.01209,-0.0559,0.03163,0.0228,0.08951,0.11091,0.00356,-0.05141,-0.10732,0.00868,-0.01455,-0.00829,-0.00554,-0.05281,0.07091,0.05599,0.0111,-0.09902,-0.04621,-0.0931,-0.0744,0.01666,-0.04014,0.07845,-0.06337,-0.11574,-0.02626,0.07643,0.04359,-0.03152,-0.05787,-0.01219,0.00324,-0.04846,-0.01451,-0.06612,0.0098,0.0038,-0.01685,-0.00009,-0.06787,-0.02825,-0.00613,-0.00436,-0.08396,-0.07405,0.04187,-0.05687,-0.01085,-0.0174,0.00329,0.06629,0.02074,-0.04054,-0.00561,-0.00367,0.01749,0.01444,-0.02576,0.05505,0.05801,-0.06196,-0.01691,-0.0364,0.01544,0.04633,0.03533,0.03493,0.0699,-0.00044,-0.0571,-0.00458,-0.08874,-0.01811,-0.00317,-0.02743,0.05819,0.05817,-0.0722,-0.01873,0.01072,0.00747,-0.05321,-0.05473,0.04826,0.01551,-0.03155,-0.09855,-0.01303,-0.05565,-0.07216,-0.04193,0.04299,0.05948,-0.02194,-0.05273,0.02443,0.00475,0.04763,-0.013,-0.01986,0,-0.02404,0.07284,-0.09438,0.01515,0.03347,0.03932,-0.0428,-0.0598,-0.01444,0.00874,0.03388,-0.02278,-0.04504,-0.01208,0.02862,-0.06369,-0.02169,-0.02912,0.02791,0.05693,0.09601,-0.00297,-0.04353,-0.00996,0.04757,0.01551,0.00261,0.04103,-0.0796,-0.00217,0.09112,-0.02208,-0.02194,0.02736,-0.04509,0.01294,-0.03295,-0.09718,-0.00448,-0.0804,0.04436,0.02456,-0.09136,0.01676,0.06513,-0.01515,-0.01436,-0.03316,0.10862,0.05469,-0.04911,0.03928,-0.02003,-0.00536,0.08873,-0.0305,-0.07532,0.0902,0.05666,-0.00372,0.03104,-0.01957,0.01155,-0.05274,0.07273,0.08585,0.05039,-0.02963,0.03105,-0.00998,-0.06178,0.03489,-0.00049,0.09143,0.11188,-0.03098,0.03021,0.04247,0.13667,-0.01945,-0.01242,0.0201,-0.00581,0.08308,0.08907,-0.03819,-0.04543,-0.02674,0.0002,0.0853,0.11167,-0.02882,-0.03862,0.0865,0.00641,0,0.01654,0.01582,-0.03439,0.06373,0.00875,-0.0704,0.03905,-0.01481,0.09373,-0.00798,0.08333,0.06653,-0.00967,0.04894,-0.01796,0.01876,-0.02311,-0.11158,0.04186,-0.1027,0.01429,-0.0272,0.02741,-0.02273,-0.07819,0.05574,0.05127,-0.03093,-0.01447,-0.04786,-0.00222,0.03516,-0.04411,-0.01036,-0.05626,-0.01878,-0.00177,0.02673,-0.00202,-0.09963,0.04031,0.05109,0.03443,-0.01204,-0.08688,-0.05671,-0.00074,-0.0002,-0.0236,0.03293,-0.06432,0.03475,-0.00232,-0.01854,-0.05658,0.01205,0.0849,0.04528,-0.05807,0.01815,0.00423,0.02194,0.05786,-0.06572,0.08284,0.10806,-0.04723,-0.0031,0.06415,0.14474,0.03506,-0.00581,-0.06084,-0.01185,0.05319,0.09905,0.11751,-0.01001,0.04436,-0.02592,0.00805,0.06998,-0.05111,0.04375,0.04025,0.01485,-0.09428,-0.10894,0.02551,0.03359,-0.02241,-0.03663,-0.07607,-0.0599,0.06081,0,-0.08545,0.02934,-0.10724,-0.06745,0.12413,0.04597,-0.10425,-0.0681,0.03672,0.03412,0.00109,0.04751,-0.00609,-0.00957,0.04544,-0.03537,-0.06901,-0.00292,-0.03036,-0.00716,-0.03895,0.05521,0.04286,0.07356,-0.02192,-0.0176,0.0443,0.01758,-0.0251,0.02957,0.00779,0.06163,0.05654,0.05707,-0.01334,-0.00461,-0.04139,0.02454,0.00157,0.04127,0.06512,-0.0463,0.02139,-0.03642,-0.06208,-0.01294,-0.05721,-0.07449,-0.07556,-0.01761,-0.02697,0.05377,-0.04837,0.00232,0.029,0.04033,-0.00119,-0.03993,0.06401,0.0184,-0.00025,-0.0299,0.0437,-0.0152],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Short notes - Angular 17.3+: use 18.x unless users report a concrete break in a newer Angular major. - Angular control flow with projected nodes or connections: prefer 18.0.0+. - For older pinned lines, manual installation is clearer than relying on ng add. - Angular already brings its own compatible @angular/core, @angular/common, and RxJS versions. The commands above focus on the extra Foblex companion packages you need to match manually. Rx JS","excerpt":"Short notes - Angular 17.3+: use 18.x unless users report a concrete break in a newer Angular major. - Angular control flow with projected nodes or connections: prefer 18.0.0+. - For older pinned lines, manual installation is clearer than relying on ng add. - Angular already brings its own compatible @angular/core, @angular/common, and RxJS versions. The commands above focus on the extra Foblex companion packages you need to match manually."},{"chunkId":"/docs/roadmap#0","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.03876,-0.00943,0.0061,-0.05492,0.0298,0.01908,-0.04288,0.03406,-0.02031,-0.01418,-0.05893,-0.04762,-0.1056,-0.01841,0.02422,-0.0203,-0.04939,-0.03656,0.02793,0.03487,0.00237,-0.03238,-0.00598,-0.00786,-0.07303,0.0872,-0.03002,-0.05024,-0.05625,-0.03952,0.03883,0.11285,0.03739,0.04459,-0.00548,-0.04376,0.02565,-0.03636,0.00005,-0.02912,0.00833,-0.02093,0.02141,0.05239,-0.01026,0.00806,0.03542,-0.03218,-0.07151,0.09601,-0.04057,-0.07787,-0.01371,0.09234,0.04466,0.08545,0.00417,-0.0651,-0.01614,0.03142,-0.03189,-0.05902,-0.0523,0.02967,0.01924,-0.01296,-0.01088,0.04075,0.02457,-0.07754,-0.02717,0.03338,0.01881,-0.10946,0.0343,0.03703,0.08264,0.06724,0.0045,-0.13765,0.02998,-0.02208,0.00472,-0.01495,-0.03385,0.01118,0.03545,-0.03604,-0.00748,0.04421,-0.0253,0.03828,0.05143,0.00843,-0.01787,0.00063,-0.01394,-0.05715,0.02621,0.0035,0.01488,-0.03609,0.05109,-0.00885,-0.01326,-0.01582,0.00437,0.04246,-0.00642,-0.0098,-0.03056,0.00735,0.04636,-0.0753,-0.03226,0.01317,-0.08876,0.03055,0.06837,0.01792,-0.02112,-0.05844,0.07593,-0.02301,0.00129,0.002,-0.06383,0,-0.03589,-0.01885,-0.01306,0.04,0.00961,-0.02023,0.04356,-0.05313,-0.04833,-0.02292,-0.03413,0.02597,-0.10537,0.0433,-0.04668,-0.12699,-0.09816,0.04244,0.01081,0.06768,0.11878,-0.07961,-0.02125,-0.05492,0.11782,0.05616,-0.01229,0.04237,-0.03145,0.0519,-0.06943,0.00904,0.00461,-0.02197,-0.01182,0.03816,-0.05681,-0.09437,-0.00867,-0.08138,0.0107,-0.03711,-0.13463,-0.08823,0.06179,-0.02266,-0.09131,-0.03435,0.12148,-0.02162,0.03028,-0.01187,-0.01299,0.01944,0.0501,-0.0657,-0.02219,-0.03154,0.03002,0.09489,0.06905,0.06798,-0.04888,-0.07583,0.01816,0.09337,0.06997,0.0606,-0.01507,-0.00875,-0.08683,0.05863,0.01248,-0.04132,0.08601,-0.00142,0.00351,-0.00596,-0.0104,0.01383,-0.06314,0.00038,0.01731,0.05647,0.13212,-0.00955,0.01355,0.00535,-0.07766,-0.00121,0.0955,-0.03645,-0.00694,0.06454,0.05684,0,0.01085,0.01911,-0.07557,0.06071,0.03901,-0.0831,0.03525,0.05858,0.07439,-0.00642,0.00031,0.03117,-0.01719,-0.038,0.03016,-0.06728,0.05731,-0.14298,0.00665,-0.01025,0.00885,-0.05608,-0.03087,-0.04912,-0.02532,-0.02023,0.08474,0.04525,-0.00931,-0.0761,-0.01546,-0.03893,-0.03847,-0.03103,0.0333,-0.03236,-0.01157,-0.01179,0.01807,-0.05044,0.04611,0.00649,-0.08151,0.00236,-0.04139,0.06094,-0.03918,0.03022,0.04862,0.00489,0.02593,0.0344,-0.01807,-0.02176,-0.02514,0.08209,0.0741,0.04589,-0.04498,0.04842,-0.02798,0.02513,0.0769,-0.05469,0.06442,-0.00418,0.00296,0.01105,-0.02651,0.10647,0.08696,0.02829,-0.13109,0.0604,0.06725,0.04467,0.02679,0.01408,0.04369,0.03828,0.0228,0.1183,0.03922,0.1272,0.07942,0.03285,-0.03305,-0.10634,0.05457,-0.00023,-0.04702,-0.02793,-0.016,0.04148,-0.02534,0,-0.05352,-0.00178,-0.03668,-0.0047,0.09365,0.10333,-0.05046,0.02102,-0.00118,-0.02528,0.03568,0.07335,0.00247,-0.00116,0.03527,-0.01093,-0.03218,-0.03909,-0.05057,-0.12025,-0.06371,-0.00146,0.05243,0.05659,0.01359,-0.05094,-0.02892,-0.00103,0.0375,-0.02375,0.00921,0.00052,0.02439,0.0089,0.00765,0.06163,-0.05145,0.07036,0.00713,0.00397,0.04138,0.02064,0.01735,0.00953,-0.05592,0.0347,-0.09293,-0.08648,-0.08763,-0.03422,-0.05191,0.04345,-0.02981,0.11612,0.03136,0.07158,-0.06392,-0.08463,0.06667,0.0269,-0.02522,-0.00535,0.03839,0.10257],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Foblex Flow Roadmap This page combines the current roadmap with the shipped release timeline, so you can see both what is next and what has already landed. It is synchronized with the published release history through v19.1.0 (2026-07-13).","excerpt":"Foblex Flow Roadmap This page combines the current roadmap with the shipped release timeline, so you can see both what is next and what has already landed. It is synchronized with the published release history through v19.1.0 (2026-07-13)."},{"chunkId":"/docs/roadmap#1","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.02199,0.00188,0.00048,-0.06236,0.00618,0.01754,-0.0482,0.04919,-0.04255,-0.00661,-0.0883,-0.04934,-0.09352,-0.04694,0.029,0.00503,-0.03798,-0.07271,0.00164,0.04603,-0.00608,-0.06888,-0.02629,0.00098,-0.07749,0.06071,-0.02938,-0.04158,-0.05152,-0.02368,0.028,0.14364,0.02568,0.02344,-0.00143,-0.01524,0.0391,-0.03308,-0.01462,-0.0343,0.00305,-0.05844,0.01129,0.04743,-0.0087,0.0235,0.05416,-0.01629,-0.07974,0.07441,-0.04703,-0.06897,-0.02605,0.08873,0.00072,0.0322,0.00345,-0.07589,-0.00498,0.03399,-0.03184,-0.07206,-0.02432,0.05006,-0.01481,-0.02907,-0.04927,0.02684,0.02461,-0.08379,-0.04917,0.00539,0.02063,-0.07882,0.04964,-0.00606,0.07023,0.06612,0.03131,-0.11898,0.05079,0.00144,-0.01101,-0.02191,-0.03312,0.03078,0.00997,-0.03076,-0.03045,0.03076,0.00529,0.05424,0.06635,-0.00283,0.03372,-0.014,-0.05717,-0.08266,0.02464,0.00407,0.02489,-0.02095,0.03813,-0.01143,-0.04277,-0.03327,0.02342,0.07488,-0.0018,-0.03028,-0.05564,-0.00623,0.04595,-0.09136,-0.01124,-0.03342,-0.08146,0.01508,0.06438,0.0323,-0.02615,-0.01159,0.03121,-0.03504,-0.00633,0.02701,-0.06211,0,-0.05511,0.0161,-0.02026,0.08028,-0.02866,-0.00422,0.04612,-0.05688,-0.01833,-0.01887,-0.01303,0.01782,-0.08158,0.02987,0.00198,-0.12854,-0.09768,0.02779,0.05068,0.07349,0.1494,-0.09153,-0.00516,-0.01812,0.12423,0.06936,-0.00358,0.0169,-0.00933,0.05109,-0.08281,-0.01237,0.01082,-0.03551,-0.03949,0.04331,-0.06547,-0.09062,-0.00597,-0.05455,-0.00873,-0.02469,-0.10907,-0.07146,0.07526,-0.01437,-0.08861,-0.01251,0.1086,-0.00004,0.0209,-0.00964,-0.00457,0.02299,0.06465,-0.0673,-0.01949,-0.01452,0.01635,0.06299,0.0795,0.08268,-0.05465,-0.08357,0.0459,0.09402,0.07029,0.063,-0.02349,-0.01542,-0.08216,0.03513,0.00485,-0.02406,0.07456,0.00468,0.00085,0.02015,0.01673,0.01308,-0.07196,0.03391,0.0336,0.06315,0.12168,-0.01225,0.01516,-0.00772,-0.0757,0.02779,0.13072,-0.05143,-0.00159,0.05967,0.06035,0,0.00564,0.03329,-0.06308,0.0546,0.03827,-0.0886,0.02326,0.06967,0.07829,-0.02094,-0.00316,0.04832,0.01743,-0.03035,0.00694,-0.07203,0.02415,-0.14397,-0.00685,-0.00908,0.00386,-0.01195,-0.03647,-0.06173,-0.02058,0.00933,0.0323,0.02071,0.02016,-0.06738,-0.04011,-0.03016,-0.04207,0.00052,0.01997,-0.04696,-0.02089,0.0078,0.00126,-0.03912,0.04174,0.0083,-0.03013,-0.0119,-0.05187,0.07939,-0.05709,0.00784,0.04368,-0.00141,0.0274,0.02525,-0.02525,-0.04027,-0.02485,0.06956,0.08782,0.04465,-0.07051,0.04055,-0.01125,0.0339,0.09137,-0.03842,0.06385,-0.00514,0.01574,0.04329,-0.03474,0.07521,0.09495,0.01224,-0.11039,0.03069,0.05113,0.0448,0.01983,-0.01937,0.01643,0.06221,-0.01578,0.1166,0.03704,0.1202,0.06438,-0.00214,-0.01802,-0.12054,0.05545,-0.01314,-0.06527,-0.04426,-0.04162,0.01709,-0.02347,0,-0.07087,-0.00438,-0.0496,0.00227,0.06526,0.08315,-0.07304,0.03207,0.03305,-0.01076,0.02795,0.0806,0.03813,-0.01261,0.03052,-0.00446,-0.05331,-0.01505,-0.03242,-0.13471,-0.06861,-0.00111,0.04751,0.05728,0.00827,-0.06179,-0.03364,-0.00725,0.04679,-0.03732,0.00133,0.01913,0.01815,0.03359,0.00828,0.0587,-0.061,0.07825,-0.0336,0.00804,0.04125,0.01319,-0.00193,-0.00235,-0.06597,0.01229,-0.08476,-0.06227,-0.08225,-0.01447,-0.04337,0.08416,-0.03095,0.11924,0.04255,0.05932,-0.07739,-0.06322,0.05059,0.03097,-0.04421,-0.01726,0.05146,0.09274],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Description Use this page when you want to answer one of these questions quickly: - What is currently being worked on? - Which release introduced a specific capability? - How has Foblex Flow evolved across 2024, 2025, and 2026? For migration details and breaking changes, always check the Changelog before upgrading.","excerpt":"Description Use this page when you want to answer one of these questions quickly: - What is currently being worked on? - Which release introduced a specific capability? - How has Foblex Flow evolved across 2024, 2025, and 2026? For migration details and breaking changes, always check the Changelog before upgrading."},{"chunkId":"/docs/roadmap#2","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.01963,-0.00368,-0.01302,-0.04113,0.00714,0.01008,-0.02973,0.05861,-0.04401,-0.0156,-0.09481,-0.05683,-0.09756,-0.02147,0.02834,-0.0129,-0.03472,-0.03618,0.02668,0.05445,-0.00578,-0.05869,-0.00203,-0.01376,-0.09904,0.08252,-0.0254,-0.03958,-0.07185,-0.06093,0.02692,0.11777,0.06605,0.01817,-0.00646,-0.01592,0.02271,-0.07292,-0.02747,-0.03052,0.00001,-0.03253,-0.00207,0.05029,-0.01774,0.01012,0.05436,-0.04382,-0.0477,0.08527,-0.02441,-0.09461,-0.01013,0.10015,0.01689,0.06238,0.00143,-0.07813,0.00375,0.01866,-0.02005,-0.05703,-0.03023,0.04993,0.00384,0.00243,-0.06277,0.04841,0.03653,-0.08778,-0.00949,0.02503,0.02126,-0.08167,0.05444,0.01339,0.06828,0.05828,0.02884,-0.09853,0.03572,-0.00631,0.01236,-0.00899,-0.0162,0.02087,0.01252,-0.02632,-0.02105,0.02616,-0.00777,0.07499,0.05219,-0.00147,0.01798,-0.01315,-0.02931,-0.07472,-0.01133,0.0145,0.02773,-0.04209,0.04459,-0.00393,-0.02727,-0.02117,0.01355,0.05664,-0.00941,-0.0352,-0.05144,-0.00056,0.04446,-0.08491,-0.01448,0.02047,-0.07158,0.0088,0.08662,0.01904,-0.02128,-0.03239,0.06473,-0.03408,0.02925,0.02207,-0.06657,0,-0.05134,0.02187,-0.01943,0.07189,0.01063,-0.01713,0.03973,-0.06008,-0.02915,-0.02392,-0.00885,0.03094,-0.08275,0.05627,-0.04545,-0.14119,-0.0937,0.03499,0.02397,0.04598,0.13485,-0.09125,-0.01497,-0.04326,0.1081,0.06816,-0.01054,0.04763,-0.01692,0.05521,-0.08507,-0.00731,0.01789,-0.03779,-0.02761,0.04373,-0.06488,-0.08244,-0.01508,-0.06513,-0.01382,-0.02485,-0.1182,-0.08328,0.04817,-0.00862,-0.09675,-0.02181,0.11001,-0.0067,0.03642,-0.00117,-0.00769,0.03958,0.04473,-0.03091,-0.02429,-0.01531,0.03648,0.06652,0.07597,0.07299,-0.04654,-0.06759,0.00995,0.11042,0.06702,0.06787,-0.02228,-0.01747,-0.0734,0.05024,0.03147,-0.0361,0.07812,-0.00027,-0.01038,0.0044,-0.01796,0.02666,-0.06413,0.00242,0.0283,0.0621,0.13353,-0.02517,0.02128,-0.00018,-0.10208,0.02235,0.11051,-0.03553,-0.00015,0.04532,0.05585,0,-0.01476,0.03547,-0.06983,0.05282,0.06303,-0.07722,0.03934,0.05842,0.07392,0.00018,-0.01243,0.05604,-0.01364,-0.04926,0.01802,-0.07562,0.04308,-0.13668,0.00862,-0.01841,-0.00971,-0.04191,-0.02339,-0.05166,-0.04088,0.00746,0.05707,0.01973,-0.0109,-0.07712,-0.02697,-0.02935,-0.04809,-0.00837,0.03595,-0.03914,-0.02092,0.01599,0.00383,-0.0641,0.04711,-0.00148,-0.07048,-0.00594,-0.0564,0.06666,-0.04688,-0.00363,0.03883,0.01591,-0.00293,0.01391,-0.03876,-0.02669,-0.02734,0.07655,0.06848,0.0404,-0.04471,0.05656,-0.03468,0.03173,0.06829,-0.03081,0.07869,-0.00111,0.00718,0.02543,-0.01682,0.0903,0.08568,0.03035,-0.1157,0.0677,0.06735,0.05225,0.01377,-0.00455,0.02044,0.05815,0.02663,0.09559,0.03653,0.13258,0.09321,0.0039,-0.03301,-0.10756,0.07021,0.00824,-0.04138,-0.02216,-0.00884,0.04655,-0.0214,0,-0.06859,-0.00894,-0.04803,-0.00769,0.05468,0.07265,-0.0609,0.00717,0.01259,-0.01987,0.03627,0.07319,-0.01111,-0.00857,0.03161,-0.02643,-0.03408,-0.01904,-0.03613,-0.12284,-0.06175,0.01048,0.04271,0.07623,0.02009,-0.04594,-0.03325,-0.01465,0.05177,-0.03488,-0.00126,0.02241,0.02326,0.04288,-0.0045,0.04142,-0.07382,0.08407,-0.03813,0.00701,0.02927,-0.00085,0.02446,-0.01556,-0.06653,0.04673,-0.09566,-0.07602,-0.07232,-0.03264,-0.0455,0.0736,-0.02359,0.12781,0.02801,0.06154,-0.07265,-0.0673,0.04231,-0.00012,-0.04322,-0.03118,0.04336,0.10895],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Current Status","excerpt":"Current Status"},{"chunkId":"/docs/roadmap#3","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.05095,0.00327,-0.05157,0.04858,0.00337,-0.01876,-0.01595,0.01853,0.01995,0.02843,0.0166,-0.01419,-0.04165,-0.06608,0.02556,0.01448,0.02732,0.01293,-0.05652,0.01322,-0.01821,-0.07589,-0.07004,-0.02898,-0.02386,0.06373,-0.05124,-0.04891,-0.00996,-0.05492,0.00641,0.09948,-0.05682,0.0415,-0.05544,0.00712,-0.001,-0.04809,-0.07823,-0.07806,0.00437,0.05666,-0.00838,-0.03979,-0.01862,-0.03669,-0.06304,-0.03287,-0.1029,0.02445,-0.06088,-0.05429,0.01509,0.09083,0.08122,0.04883,0.0291,-0.01245,-0.04293,0.06821,-0.05765,-0.01731,-0.0444,0.00632,-0.0032,0.02298,0.00133,-0.04481,0.01234,-0.06921,-0.03713,-0.01552,0.00626,-0.10046,-0.00291,-0.00414,0.02331,0.04508,-0.05707,-0.13649,0.0452,0.0275,-0.03968,-0.00499,-0.04299,0.0236,-0.01212,-0.06278,0.06412,0.00352,-0.06882,0.03165,-0.02873,-0.02336,0.03889,-0.02397,0.03597,0.04336,-0.02954,0.055,0.02157,-0.02149,0.00843,0.05486,-0.01954,0.03273,-0.0284,-0.0051,-0.04339,-0.03943,-0.03151,0.03865,0.0028,-0.08568,-0.01978,-0.0584,-0.02395,-0.05412,0.03885,0.04235,0.05735,-0.00858,0.0334,-0.03314,0.00984,-0.03997,0.00587,0,-0.03022,-0.09632,-0.06549,-0.03789,0.0766,0.01338,0.01363,-0.00615,-0.0162,-0.03295,-0.01676,0.06713,-0.06213,0.00398,0.02821,-0.11784,-0.01686,0.0985,-0.01019,0.04229,0.09146,0.02952,-0.06898,-0.01821,0.10049,0.05214,0.00464,0.03363,-0.06824,0.01377,-0.02112,0.00312,0.04301,0.00576,-0.02362,0.0236,-0.08882,-0.0987,0.0083,-0.09905,-0.03657,-0.02617,-0.10905,-0.09532,-0.0633,-0.07649,-0.11142,0.02819,0.06961,-0.0216,0.03674,0.03629,-0.03822,-0.03531,0.06696,-0.08056,-0.0211,0.09379,0.03204,0.17831,-0.02889,0.05925,-0.07856,-0.04913,0.03835,0.08136,0.00519,0.01003,0.04783,-0.04811,-0.11769,0.07485,0.02999,0.04136,0.05229,-0.07528,-0.01161,0.01194,-0.02749,-0.02852,-0.09794,-0.03033,-0.06828,0.04792,0.05305,-0.03725,0.01236,-0.01156,-0.09628,-0.046,0.05051,-0.02483,0.04979,-0.03441,0.02052,0,-0.02036,0.0042,-0.07529,0.09026,0.01788,-0.02758,0.04376,0.0088,-0.03164,-0.05297,-0.01189,0.04758,-0.05969,-0.04699,0.04765,0.02834,-0.00433,-0.1505,-0.04002,0.04526,0.00229,0.08918,-0.03009,-0.01004,-0.04701,-0.03697,0.0432,0.0596,-0.00215,-0.07179,-0.00205,0.00491,-0.14438,0.00987,0.03664,-0.09235,-0.00893,0.05184,-0.03236,-0.00773,0.04516,0.01267,-0.04185,0.06656,-0.02345,0.095,-0.06534,-0.01489,0.00099,-0.01879,0.00739,-0.00741,-0.02618,0.04954,-0.03986,0.00342,0.07783,-0.02322,-0.03597,-0.04959,0.05254,-0.03111,0.04361,-0.01547,0.0742,0.07215,-0.04535,-0.01818,-0.02388,0.06244,0.04869,-0.00936,-0.00289,0.00479,0.03952,0.05331,0.05627,-0.0548,0.02237,-0.00185,-0.08088,0.08529,0.06414,-0.01116,0.00526,0.02218,-0.15577,0.00114,0.05806,0.01137,-0.06328,-0.03012,-0.00709,-0.01515,-0.02063,0,-0.11051,-0.03061,-0.05012,-0.03046,0.0801,0.02709,0.02485,0.05013,-0.03109,0.00419,0.07664,0.07906,0.00803,-0.06661,0.06262,0.03104,0.05768,0.00856,-0.04535,-0.02671,-0.04831,0.01221,-0.01591,0.09278,-0.03453,-0.05377,0.03499,0.03918,0.0462,-0.01072,0.06507,0.03332,0.09378,0.02277,0.01591,0.06733,0.03746,0.07999,0.03117,0.00632,0.00117,-0.02424,-0.02484,0.00246,0.00186,0.03796,-0.08825,-0.0411,-0.00849,-0.04124,-0.10311,0.01531,-0.0925,0.07208,0.03402,0.00417,0.00845,-0.09573,0.08286,0.00143,0.00466,-0.0121,0.08048,0.08552],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Status Item Notes -------------------------- ------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ✅ Released in v19.1.0 Managed Flow State provideFFlow(withFlowState()) adds typed graph records, automatic updates from supported gestures, batched undo/redo, viewport history, and persistable snapshots. See examples/state. ✅ Released in v19.1.0 Large-Flow Runtime Performance Connection redraws are scoped to affected geometry, minimap and connector geometry are cached, registry work is batched, and drag hot paths no longer scan every node. ✅ Released in v19.1.0 Angular Elements / Shadow DOM Pointer gestures, connection targeting, and coordinate hit-testing now work when a flow is rendered in an open shadow root through Angular Elements or ViewEncapsulation.ShadowDom. ✅ Released in v19.0.0 Interaction Architecture provideFFlow(...) gained control schemes, click-to-connect, and opt-in keyboard accessibility, with runtime controllers and configurable provider features. ✅ Released in v19.0.0 Unified Connectors and AI Tooling One [fConnector] model replaced the input/output split, while diagnostics, bundled agent guidance, and validated LLM documentation made integration failures easier to diagnose. ✅ Released in v18.6.0 Resize Reflow and Layer Ordering withReflowOnResize shifts nearby nodes as dimensions change, and [fLayers] / withFCanvas({ layers }) configure the order of groups, connections, and nodes. 🧭 Planned Path Highlighting Trace and highlight upstream, downstream, or full connected paths from any node. Class-based - your CSS defines the look. 🧭 Planned Flow Execution Animation Animate execution along the graph from a predefined sequence or real runtime events. Ideal for AI pipelines and live workflows. 🧭 Planned Grid-Aware Resize Handles Resize handles snap to gridlines for more precise editing. Discussion #130 provide F Flow with Flow State View Encapsulation Shadow Dom f Connector with Reflow On Resize f Layers with F Canvas","excerpt":"Status Item Notes -------------------------- ------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ✅ Released in v19.1.0 Managed Flow State provideFFlow(withFlowState()) adds typed graph records, automatic updates from supported gestures, batched undo/redo, viewport history, and persistable snapshots. See examples/state. ✅ Released in v19.1.0 Large-Flow Runtime Performance Connection redraws are scoped to affected geometry, minimap and connector geometry are cached, registry work is batched, and drag hot paths no longer scan every node. ✅ Released in v19.1.0 Angular Elements / Shadow DOM Pointer gestures, connection targeting, and coordinate hit-testing now work when a flow is rendered in an open shadow root through Angular Elements or ViewEncapsulation.ShadowDom. ✅ Released in v19.0.0 Interaction Architecture provideFFlow(...) gained control schemes, click-to-connect, and opt-in keyboard accessibility, with runtime controllers and configurable provider features. ✅ Released in v19.0.0 Unified Connectors and AI Tooling One [fConnector] model replaced the input/output split, while diagnostics, bundled agent guidance, and validated LLM documentation made integration failures easier to diagnose. ✅ Released in v18.6.0 Resize Reflow and Layer Ordering withReflowOnResize shifts nearby nodes as dimensions change, and [fLayers] / withFCanvas({ layers }) configure the order of groups, connections, and nodes. 🧭 Planned Path Highlighting Trace and highlight upstream, downstream, or full connected paths from any node. Class-based - your CSS defines the look. 🧭 Planned Flow Execution Animation Animate execution along the graph from a predefined sequence or real runtime events. Ideal for AI pipelines and live workflows. 🧭 Planned Grid-Aware Resize Handles Resize handles snap to gridlines for more precise editing. Discussion #130"},{"chunkId":"/docs/roadmap#4","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.01728,-0.00453,0.01143,-0.04522,0.01402,0.01837,-0.04092,0.06795,-0.02101,-0.01505,-0.08368,-0.05819,-0.09249,-0.03579,0.02466,-0.01051,-0.03849,-0.0498,0.0244,0.04113,0.01703,-0.06196,0.00956,-0.00217,-0.0841,0.08712,-0.03141,-0.04557,-0.06437,-0.04373,0.02062,0.11278,0.06141,0.02024,-0.01215,-0.02586,0.02566,-0.0521,-0.00917,-0.02435,-0.00471,-0.02757,0.01187,0.05928,-0.01022,0.01246,0.05268,-0.03283,-0.06987,0.0927,-0.03507,-0.08574,-0.02381,0.09539,0.02823,0.06126,-0.00037,-0.07554,-0.00124,0.03079,-0.0372,-0.06116,-0.05366,0.03954,0.01307,-0.00224,-0.03604,0.05178,0.03362,-0.08584,-0.01654,0.03007,0.01707,-0.09311,0.05128,0.0094,0.08094,0.06072,0.02286,-0.11142,0.05515,-0.00523,0.00887,-0.01399,-0.03434,0.01627,0.02993,-0.03887,-0.02092,0.02669,-0.01936,0.0549,0.06502,0.0019,0.01571,-0.00133,-0.02901,-0.07504,0.01154,0.01259,0.03412,-0.04716,0.04266,-0.01255,-0.03437,-0.01422,0.01138,0.05065,-0.00497,-0.01992,-0.0398,-0.00358,0.0328,-0.08682,-0.01189,0.02472,-0.07522,0.02582,0.09237,0.02164,-0.03024,-0.03864,0.07662,-0.04166,-0.0064,0.01632,-0.06982,0,-0.05009,0.01999,-0.02465,0.07074,0.01222,-0.02139,0.02313,-0.05726,-0.02753,-0.02182,-0.00862,0.02418,-0.09734,0.05079,-0.03757,-0.12651,-0.08763,0.04966,0.02479,0.04561,0.12442,-0.0879,-0.01134,-0.0346,0.11943,0.03905,-0.00969,0.04189,-0.02203,0.0484,-0.08625,0.01287,0.018,-0.03835,-0.00931,0.04383,-0.05703,-0.08661,-0.00759,-0.06935,-0.00914,-0.02492,-0.13264,-0.07197,0.05418,0.00079,-0.08792,-0.04382,0.12354,-0.0191,0.03645,0.00441,0.00521,0.04459,0.0485,-0.03916,-0.01473,-0.04064,0.03624,0.08935,0.06658,0.07402,-0.03524,-0.07531,0.01022,0.10742,0.06833,0.06539,-0.01195,-0.02195,-0.08496,0.04812,0.03081,-0.03418,0.08225,0.00338,-0.0226,0.01236,-0.01234,0.02662,-0.07953,0.00985,0.03749,0.0691,0.12505,-0.02114,0.02855,0.01075,-0.09144,0.02487,0.09952,-0.02287,-0.01127,0.05049,0.06338,0,-0.01042,0.02742,-0.06457,0.04724,0.05609,-0.08845,0.01165,0.06084,0.08857,-0.00898,-0.02024,0.05038,-0.01309,-0.04586,0.01358,-0.08596,0.05516,-0.14787,0.0063,0.00055,0.01214,-0.05293,-0.03499,-0.05646,-0.03066,-0.00141,0.06704,0.02366,-0.00543,-0.07469,-0.03264,-0.03497,-0.04364,-0.03261,0.033,-0.02418,-0.02828,0.00107,-0.00797,-0.05722,0.04443,0.00506,-0.0682,-0.01232,-0.05099,0.07257,-0.03896,0.00743,0.0355,0.00703,0.00961,0.02035,-0.0229,-0.04921,-0.02995,0.06889,0.06932,0.02289,-0.02782,0.06557,-0.03294,0.03576,0.05439,-0.0451,0.06525,-0.00206,0.00337,0.00545,-0.0207,0.09268,0.0595,0.02085,-0.11428,0.05966,0.06083,0.04195,0.00675,0.00704,0.02217,0.03938,0.01464,0.11085,0.02462,0.1299,0.08113,0.02691,-0.01586,-0.11783,0.07309,-0.00129,-0.04142,-0.03171,-0.02113,0.05048,-0.01873,0,-0.05582,-0.00825,-0.03515,-0.01382,0.07055,0.08986,-0.05887,0.02712,0.02266,-0.01222,0.03601,0.07875,-0.01592,-0.00409,0.03402,-0.00931,-0.0438,-0.01184,-0.03812,-0.12293,-0.0582,0.00056,0.05449,0.0603,0.03349,-0.05931,-0.02584,-0.01043,0.03426,-0.02388,0.0069,0.01479,0.00917,0.03515,0.0012,0.04397,-0.0695,0.08076,-0.00943,0.00985,0.0325,0.01939,0.03679,0.00216,-0.07147,0.0326,-0.0997,-0.0826,-0.07241,-0.04879,-0.04734,0.06097,-0.02118,0.12509,0.04103,0.06857,-0.06005,-0.06441,0.04516,-0.00198,-0.03478,-0.03295,0.04259,0.10486],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Release Timeline","excerpt":"Release Timeline"},{"chunkId":"/docs/roadmap#5","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.09056,0.01971,-0.03797,0.02153,-0.00477,-0.00057,-0.03803,0.04796,-0.02169,0.03588,-0.08055,-0.02488,-0.06962,-0.01271,0.06471,0.02506,-0.02419,-0.02511,0.00243,0.04344,-0.00633,-0.08379,-0.0365,-0.02819,-0.04179,0.07442,-0.02358,-0.04434,0.0159,-0.06786,0.03693,0.1099,0.0028,0.04631,-0.0645,-0.00027,0.00222,-0.0471,-0.0469,-0.05686,0.05013,-0.00399,0.02013,0.03536,-0.00222,0.0159,0.0049,-0.01672,-0.07442,0.08189,-0.03535,-0.08515,-0.03581,0.07618,0.01335,0.04083,0.05305,-0.0658,-0.02701,0.03605,-0.02765,-0.05759,-0.0316,0.04809,0.01318,0.01686,-0.03271,-0.00056,0.02027,-0.06765,-0.02224,-0.01813,0.04634,-0.09255,0.03233,-0.02704,0.0126,0.01878,0.00305,-0.10632,0.03716,-0.01415,-0.01335,0.02419,-0.0097,0.06933,0.0161,-0.06345,0.02536,0.03591,0.00115,0.0548,0.03382,-0.01387,0.04258,-0.00516,0.01721,-0.0543,-0.03906,0.04567,0.03617,-0.02258,0.06674,0.01255,-0.03558,-0.00908,-0.00565,0.03106,-0.006,-0.02187,-0.04388,0.03723,0.03959,-0.08969,-0.02481,-0.03248,-0.06757,-0.0463,0.0747,0.02971,-0.00261,0.00572,0.03108,-0.03328,0.0236,0.0082,-0.02238,0,-0.03474,0.02447,-0.04867,0.0372,0.04164,0.02855,0.01831,-0.0496,-0.05494,-0.02673,0.02421,0.04573,-0.0534,0.0737,0.0353,-0.10723,-0.05355,0.06761,0.01162,0.0439,0.12026,-0.05474,-0.02889,-0.02649,0.08292,0.08822,-0.02258,0.04967,-0.04928,0.03018,-0.03814,-0.02086,0.0019,0.0294,-0.02404,0.03656,-0.06009,-0.11416,-0.00279,-0.10339,-0.00459,-0.00604,-0.1,-0.08152,-0.01283,-0.04568,-0.06966,-0.02438,0.07904,-0.04433,0.03342,0.02728,-0.00546,0.03258,0.08233,-0.06452,-0.00165,0.02636,0.03908,0.09926,0.06049,0.08414,-0.06602,-0.05618,-0.00506,0.06919,0.02661,0.04807,0.04171,-0.05928,-0.07252,0.07702,0.01288,-0.01236,0.07477,-0.02167,0.03008,-0.01228,0.01473,-0.02443,-0.04548,-0.05043,-0.00125,0.09094,0.12804,-0.05425,0.01381,-0.04259,-0.10393,0.02658,0.09943,-0.0659,0.03989,0.0251,0.04618,0,-0.02363,0.01828,-0.05365,0.09108,0.04839,-0.10573,0.02157,0.04816,0.04977,-0.01976,0.01464,0.03182,0.00968,-0.04845,0.05701,0.00125,-0.00189,-0.17354,-0.01743,-0.02898,0.01426,-0.02715,-0.03324,-0.01561,-0.04679,0.01715,0.02544,-0.0073,-0.00395,-0.04626,-0.04678,-0.02923,-0.06718,-0.01948,0.03028,-0.05048,0.01681,0.05367,0.00327,-0.03823,0.04504,0.02186,-0.07322,0.037,-0.045,0.09127,-0.11589,0.04392,-0.00432,0.01542,-0.04295,0.02928,-0.0197,-0.04817,-0.0593,0.01627,0.07309,0.04093,-0.08439,0.02676,-0.03012,0.00442,0.04598,-0.02174,0.07263,0.02748,-0.00789,0.03626,-0.0246,0.09535,0.11444,0.02234,-0.08576,0.02392,0.1101,0.04177,0.08346,-0.00389,0.05005,0.04843,-0.026,0.12494,0.03843,0.08617,0.08974,0.02533,-0.06786,-0.06255,0.0268,0.03358,-0.09435,0.01365,-0.02478,0.01766,0.00187,0,-0.15374,-0.04519,-0.0306,-0.01625,0.07542,0.07389,-0.0586,0.02991,0.01044,-0.00057,0.07432,0.06979,-0.02076,-0.03372,0.04095,-0.00361,-0.05224,-0.00576,-0.05252,-0.08677,-0.04803,0.02988,0.01785,0.10126,-0.00556,-0.05796,0.02639,0.02988,0.0424,0.02097,0.012,0.03455,0.06959,0.07655,-0.01493,0.05079,-0.04076,0.05917,-0.0101,-0.0104,0.03993,0.01028,-0.0038,-0.011,-0.05071,0.05895,-0.09765,-0.04864,-0.04224,-0.0789,-0.08322,0.04618,-0.07964,0.13442,0.04248,0.07404,-0.03322,-0.05076,0.0775,0.01399,-0.01572,-0.04183,0.02745,0.06121],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. 2026 - v19.1.0 - 2026-07-13 State, scale, and integration release: opt-in managed graph state with typed records and batched undo/redo, targeted connection redraw and geometry caching for large editors, and pointer plus hit-testing support for Angular Elements and open Shadow DOM. Example: Managed Flow State","excerpt":"2026 - v19.1.0 - 2026-07-13 State, scale, and integration release: opt-in managed graph state with typed records and batched undo/redo, targeted connection redraw and geometry caching for large editors, and pointer plus hit-testing support for Angular Elements and open Shadow DOM. Example: Managed Flow State"},{"chunkId":"/docs/roadmap#6","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.04511,-0.05087,-0.06219,-0.00971,-0.00734,0.02737,0.02896,0.0666,-0.00048,-0.02409,-0.05055,-0.04827,-0.05818,-0.03227,0.03698,0.02191,0.00166,-0.05785,0.00442,0.06312,-0.03676,-0.0529,-0.02113,-0.03185,-0.09492,-0.00233,-0.01612,-0.0755,-0.03254,-0.03687,0.0319,0.10001,0.04752,0.02653,-0.04305,-0.04406,0.04155,-0.05392,-0.0604,-0.03336,-0.003,-0.0425,0.01155,0.0108,0.00066,0.01295,-0.01217,-0.02128,-0.04416,0.11848,-0.0561,-0.06375,-0.00529,0.07393,0.02964,0.06007,0.04122,-0.02213,-0.01672,0.03608,-0.0186,-0.02084,-0.0245,0.05943,-0.01391,0.02917,-0.05756,0.00767,0.02496,-0.10318,-0.07487,-0.00091,0.01444,-0.07257,0.02684,-0.01731,0.01309,0.02017,0.04436,-0.11065,0.02146,0.011,-0.00068,0.00777,-0.00329,0.05908,0.04322,-0.01772,0.01547,0.06253,-0.00797,0.03939,0.03854,-0.00903,0.06327,-0.00138,-0.01428,-0.09686,-0.06111,0.0417,-0.01177,-0.01951,0.01927,-0.00575,-0.02681,-0.04235,0.03574,0.02705,0.0177,-0.04995,-0.04777,-0.04206,0.04745,-0.08669,-0.02123,0.01931,-0.06628,0.01419,0.14013,0.00651,0.00137,-0.06294,0.01923,-0.01118,0.06783,-0.00092,-0.05791,0,-0.0496,0.03191,-0.04971,0.03857,0.04901,-0.02266,0.05606,-0.06269,-0.07092,-0.01882,-0.00991,0.02995,-0.07045,0.02775,0.02965,-0.09675,-0.07234,0.0891,-0.0223,0.03855,0.13105,-0.07188,0.0169,-0.03602,0.1077,0.07877,-0.06645,0.06437,0.04527,0.04335,-0.0797,-0.00509,-0.00741,-0.01295,-0.04263,0.02246,-0.0726,-0.11866,-0.02826,-0.01195,-0.03779,-0.04501,-0.06491,-0.09431,0.01634,-0.042,-0.06124,-0.00608,0.05191,-0.01512,-0.00281,0.01786,-0.00392,0.00728,0.08205,-0.08849,-0.05503,0.03808,-0.00876,0.10125,0.05443,0.05463,-0.04119,-0.02918,0.03046,0.08562,0.05221,0.04633,0.04726,-0.04162,-0.10091,0.0792,-0.02113,-0.03176,0.01825,-0.03561,0.00158,-0.05224,0.0192,-0.00999,-0.03534,-0.01037,0.00376,0.11214,0.12376,-0.04532,-0.05139,-0.0098,-0.13091,0.03409,0.06814,-0.00831,-0.01199,0.06043,0.02139,0,-0.00515,0.00059,-0.05799,0.04046,0.01537,-0.05814,0.05857,0.01575,0.0861,0.00777,0.02509,0.05426,0.02766,-0.08394,0.01477,-0.03764,-0.00156,-0.13253,-0.00467,-0.00777,0.01588,-0.03108,-0.00258,-0.05599,-0.05256,0.00974,0.04062,0.0554,0.01577,-0.05932,-0.02095,0.02404,-0.07644,-0.02605,0.04709,-0.00155,0.00758,0.04733,-0.00734,-0.03299,0.09618,0.00036,-0.06949,0.01019,-0.01221,0.08646,-0.09929,-0.00538,-0.0029,0.02176,-0.01749,-0.01315,-0.02162,-0.05015,-0.10203,0.07148,0.10188,0.04383,-0.08378,0.04684,0.02139,-0.03285,0.06497,0.01951,0.06042,0.03562,0.02442,0.09814,0.04523,0.08336,0.14081,-0.01733,-0.06029,0.04637,0.07478,0.03205,0.01646,-0.05534,0.02782,0.03815,0.01008,0.10185,0.06261,0.09001,0.07017,0.04617,-0.05439,-0.02806,0.06292,0.01223,-0.07079,0.0261,0.0123,0.02905,-0.08585,0,-0.07762,-0.01981,-0.01477,-0.02657,0.04644,0.05848,-0.0852,-0.03543,-0.02058,0.00388,0.00024,0.04395,-0.00017,-0.00645,0.07465,-0.00592,-0.04429,-0.00029,-0.04302,-0.10395,-0.00602,0.02058,0.01681,0.08506,0.01607,-0.05501,-0.02659,0.06663,0.02026,0.01669,0.03189,0.02752,0.01258,0.0653,-0.02735,0.10641,-0.03898,0.00949,-0.03791,-0.00812,0.0567,-0.00252,-0.02307,-0.04916,-0.03192,0.05969,-0.04196,-0.08675,-0.03201,-0.03666,-0.05385,0.08203,-0.02777,0.1222,0.05449,0.06444,-0.01108,-0.07121,0.07881,0.07059,-0.03939,0.04261,0.04825,0.04552],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v19.0.0 - 2026-07-05 Interaction and integration release: provider-driven control schemes, click-to-connect, built-in ARIA semantics with opt-in keyboard editing, the unified [fConnector] API, stable diagnostics, and versioned AI-agent documentation. Examples: Control Schemes, Click to Connect, Accessibility f Connector","excerpt":"- v19.0.0 - 2026-07-05 Interaction and integration release: provider-driven control schemes, click-to-connect, built-in ARIA semantics with opt-in keyboard editing, the unified [fConnector] API, stable diagnostics, and versioned AI-agent documentation. Examples: Control Schemes, Click to Connect, Accessibility"},{"chunkId":"/docs/roadmap#7","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.01796,0.02197,-0.00964,-0.00822,-0.02442,0.01599,-0.04936,0.05195,0.00322,-0.03639,-0.05952,0.01056,-0.0767,-0.05882,0.00389,0.02648,-0.03126,-0.0038,0.00158,0.022,-0.02812,-0.08622,-0.02053,-0.02082,-0.06617,0.06288,-0.04438,-0.00947,0.00235,-0.06138,0.02532,0.10775,-0.01195,0.00122,-0.00971,0.03061,0.02884,-0.03561,-0.03332,0.01412,0.03311,0.01455,0.03554,0.03489,0.0141,0.03018,-0.02013,0.00045,-0.07686,0.04723,-0.04382,-0.07218,-0.03282,0.08102,0.05236,0.0607,0.04467,-0.08479,0.01728,0.01417,-0.00967,-0.03789,-0.02945,0.03508,-0.01585,0.04936,-0.0346,0.03902,0.02571,-0.00614,0.01574,0.00687,0.01848,-0.08897,0.07598,0.02715,0.04709,0.06324,0.0288,-0.1072,0.01869,-0.00097,0.00012,-0.0063,-0.04522,0.03737,0.01304,-0.07229,0.01731,0.02689,0.0079,0.06457,0.02272,-0.00854,0.00302,0.00188,-0.03525,-0.06901,-0.04145,0.04718,0.06859,-0.03484,0.0847,0.01978,-0.04713,-0.03443,0.00096,0.06348,-0.03494,-0.05968,-0.04191,-0.00593,0.06166,-0.03356,-0.03839,0.0163,-0.07115,-0.0186,0.07437,0.00198,-0.02163,-0.00446,0.03851,-0.02451,0.00918,-0.01262,-0.09865,0,-0.04532,0.00969,-0.01338,0.04251,0.05533,0.00252,0.02901,-0.09807,-0.02352,0.01645,0.00537,0.01931,-0.08991,0.05392,-0.02261,-0.14074,-0.0407,0.07479,-0.02335,0.03081,0.11098,-0.1057,-0.01157,-0.06379,0.09586,0.09182,-0.0301,0.07857,-0.04812,0.04954,-0.06106,0.01083,0.01603,-0.0047,-0.06231,0.00719,-0.05748,-0.10516,-0.00609,-0.04904,0.0232,0.01529,-0.11209,-0.05085,0.06726,-0.03949,-0.08309,-0.01277,0.06342,-0.01318,0.02129,0.02078,0.01132,-0.01656,0.0401,-0.06684,-0.00478,0.03965,0.00937,0.12187,0.05333,0.07569,-0.08091,-0.03587,0.04802,0.13278,0.00111,0.03607,0.02514,-0.05939,-0.11092,0.09447,0.04143,-0.04067,0.05027,-0.05828,-0.00411,0.01109,-0.01822,0.01941,-0.07647,-0.01104,0.0056,0.05606,0.1018,-0.05693,0.01758,0.01916,-0.10718,0.03067,0.12779,-0.0527,0.0061,0.03406,0.03676,0,-0.04013,0.01254,-0.03043,0.04449,0.05226,-0.08247,0.05695,0.04108,0.05368,-0.05509,0.02952,0.01998,-0.01317,-0.03673,0.05282,-0.05884,0.0322,-0.13148,0.02601,-0.02013,0.02823,-0.03013,-0.01382,-0.0315,-0.00765,-0.00596,0.0192,-0.00467,0.0153,-0.05086,-0.03016,-0.05902,-0.04742,-0.00893,0.03284,-0.05486,-0.02053,0.0362,0.03086,-0.03637,0.04894,0.02579,-0.12462,-0.00756,-0.03389,0.0998,-0.05933,-0.02965,-0.01776,0.00483,-0.04022,0.01421,-0.02367,-0.03703,-0.02565,0.07821,0.07614,0.07039,-0.04197,0.05356,-0.02531,-0.02657,0.07372,-0.04043,0.08203,0.02373,0.00902,0.00652,0.02809,0.08629,0.12401,0.07861,-0.09389,0.05465,0.08385,0.02064,-0.00592,-0.00269,0.03163,0.05758,-0.04939,0.11345,0.00297,0.1349,0.08331,-0.00995,-0.04466,-0.04736,0.05574,0.03987,-0.04151,-0.03457,0.02455,0.0645,-0.02679,0,-0.08948,-0.00394,-0.05152,-0.01742,0.08021,0.07,-0.06246,0.00527,-0.0235,0.0014,0.06533,0.08674,-0.00776,-0.03009,0.01837,-0.01791,-0.0235,-0.0308,-0.04675,-0.11314,-0.04448,0.01292,0.03099,0.09538,0.0133,-0.07279,-0.00069,0.01744,0.01716,-0.03518,-0.01809,-0.00917,0.02223,0.09524,0.0067,0.05186,-0.11959,0.07004,0.00364,0.02561,0.03366,0.00464,0.01327,-0.01457,-0.02082,0.07066,-0.0808,-0.07028,-0.08517,-0.03145,-0.08832,0.05125,-0.04447,0.08689,0.02924,0.05394,-0.03516,-0.06955,0.01829,0.03109,-0.08495,0.01837,0.01351,0.03036],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.6.1 - 2026-05-14 Stabilized large diagrams by removing synchronous connection-label measurements from redraw loops and preventing resize reflow from planning against partially applied node state.","excerpt":"- v18.6.1 - 2026-05-14 Stabilized large diagrams by removing synchronous connection-label measurements from redraw loops and preventing resize reflow from planning against partially applied node state."},{"chunkId":"/docs/roadmap#8","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.09504,-0.01442,-0.05292,0.01046,0.02768,0.02955,-0.0203,0.07304,-0.01693,-0.02824,-0.05862,0.014,-0.09038,-0.03433,-0.01688,-0.00212,-0.03037,0.04317,-0.03102,0.00934,-0.04521,-0.09938,-0.00233,-0.0221,-0.016,0.0326,-0.06105,-0.02756,0.04197,-0.06381,0.06457,0.16056,-0.02708,0.05082,-0.0755,0.04985,0.03843,-0.05212,-0.09371,-0.03933,0.00859,0.05574,0.03794,0.00038,-0.00706,0.00278,-0.00885,0.01146,-0.05292,0.03917,-0.00554,-0.09205,-0.02237,0.12572,0.04256,0.0522,0.01031,-0.03301,0.03283,0.07147,-0.01909,-0.01578,-0.01484,0.06644,-0.03564,0.0319,-0.05482,0.02358,0.01578,-0.03726,-0.01037,0.00519,0.03058,-0.03553,0.08315,-0.01705,-0.01879,0.04344,-0.02346,-0.08318,0.04379,0.00427,0.00739,0.00932,-0.0117,0.01102,-0.00359,-0.06905,-0.00474,0.06622,-0.0224,0.07691,-0.03088,0.01196,0.01649,-0.06044,-0.07264,-0.08874,-0.03889,0.04,0.02739,-0.02334,0.06972,0.04269,0.01142,-0.05952,-0.02693,0.06568,-0.03124,-0.01436,-0.00554,-0.00065,0.04806,-0.04077,-0.01578,-0.04838,-0.01841,-0.0567,0.05671,0.00953,-0.00644,0.03657,-0.01769,-0.04161,0.06629,0.0149,-0.07104,0,-0.03881,0.00443,-0.02585,0.08661,0.09479,-0.00349,0.03779,-0.06814,-0.03775,-0.04269,0.00874,0.04273,-0.06897,0.07243,0.03775,-0.17038,-0.03878,0.11564,-0.05083,-0.00301,0.07147,-0.05115,-0.02717,-0.02044,0.07199,0.02952,-0.05217,0.06327,-0.04476,0.03264,-0.07247,-0.02071,0.02204,-0.00109,-0.09228,0.05872,-0.05243,-0.11128,-0.03722,-0.04959,-0.00418,0.00997,-0.10125,-0.06238,0.02294,-0.04972,-0.06249,0.05233,0.0456,-0.03867,0.04635,0.03692,0.04822,0.01392,0.0567,-0.0635,-0.01091,0.04763,0.05697,0.08491,0.04016,0.06015,-0.12259,0.03127,0.04029,0.09208,0.05395,0.0053,-0.01025,-0.00855,-0.10615,0.11141,0.02622,0.02521,0.03137,-0.03428,-0.03781,-0.02893,-0.01945,-0.00202,-0.05578,0.05103,0.04237,0.05515,0.03031,-0.07035,0.03509,-0.01898,-0.06897,-0.00084,0.09521,-0.05407,0.08543,0.00084,0.03301,0,-0.02174,0.02378,-0.01758,0.05777,0.05505,-0.05092,0.03705,0.08291,0.05312,-0.09631,-0.00536,0.01098,0.00358,-0.05822,0.02602,-0.02219,-0.04391,-0.1484,0.00276,-0.04582,0.04259,-0.03879,-0.00247,-0.02894,-0.0189,0.00299,-0.00374,0.03627,0.02418,-0.03584,-0.02878,-0.04621,-0.07881,-0.02638,0.06348,-0.00769,-0.06032,0.08145,0.00199,-0.01491,0.03709,0.00617,-0.10797,0.01135,-0.03819,0.06361,-0.05404,-0.0322,-0.03004,-0.03348,-0.04048,0.04838,-0.02003,-0.02603,-0.00565,0.07212,0.05716,0.02685,-0.03654,-0.00724,0.03045,-0.08715,0.02847,-0.03717,0.0571,0.05476,-0.0037,0.02416,-0.01499,0.09788,0.12729,0.02516,-0.03915,0.03064,0.0316,0.00772,0.08467,-0.02192,0.03378,0.08657,-0.07895,0.10766,0.01774,0.11285,0.09095,0.05352,-0.05316,0.00497,0.07325,0.04128,-0.04269,-0.02121,0.04804,0.01074,-0.0112,0,-0.11839,0.00691,-0.05187,0.00812,0.02996,0.02229,0.04176,0.05062,-0.05689,0.00721,0.02683,0.07247,0.05043,-0.00801,0.05093,-0.01413,-0.03853,-0.02352,-0.05443,-0.09673,-0.05022,0.03424,0.03762,0.08583,-0.00094,-0.03227,-0.02568,0.05238,0.01773,-0.01093,-0.03085,0.02975,0.0302,0.10663,-0.01986,0.06947,-0.06584,0.08436,-0.07832,-0.01359,0.01138,-0.05483,0.03267,0.00463,-0.03794,0.02672,-0.02554,0.00984,-0.05463,-0.01851,-0.02365,0.05957,-0.04032,0.06928,0.07108,0.03887,-0.06352,-0.02151,0.05268,0.01218,-0.10096,0.02286,0.01128,0.05856],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.6.0 - 2026-04-26 Layout interaction release: the new withReflowOnResize plugin auto-shifts neighbouring nodes when a source resizes, with mode / scope / axis / delta source / collision knobs and a runtime FReflowController. Layer Ordering exposes the stacking of groups, connections, and nodes through [fLayers] and withFCanvas({ layers }). Examples: Reflow on Resize, Canvas Layers with Reflow On Resize F Reflow Controller f Layers with F Canvas","excerpt":"- v18.6.0 - 2026-04-26 Layout interaction release: the new withReflowOnResize plugin auto-shifts neighbouring nodes when a source resizes, with mode / scope / axis / delta source / collision knobs and a runtime FReflowController. Layer Ordering exposes the stacking of groups, connections, and nodes through [fLayers] and withFCanvas({ layers }). Examples: Reflow on Resize, Canvas Layers"},{"chunkId":"/docs/roadmap#9","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.08106,0.01611,-0.04473,-0.03501,0.00293,-0.00841,-0.0476,0.06155,-0.00763,-0.01341,-0.11938,-0.00886,-0.11574,-0.02979,0.02824,-0.03385,-0.01566,-0.02517,0.02449,0.02474,-0.0292,-0.04813,-0.03725,-0.03291,-0.05495,0.06501,-0.02301,-0.02705,-0.03363,-0.10175,0.07826,0.11365,0.07755,0.0563,-0.0401,0.00231,0.02669,-0.04643,-0.07364,-0.04602,-0.00484,0.01105,-0.00623,0.0403,-0.01415,-0.0436,-0.0523,-0.02583,-0.0494,0.09895,-0.05145,-0.09492,-0.0051,0.07161,0.00606,0.07191,0.02326,-0.05499,-0.0091,0.03507,0.01164,-0.03417,-0.0421,0.06943,-0.01733,0.02444,-0.03239,0.02459,0.0275,-0.06875,-0.06425,0.00454,0.01458,-0.0692,0.04256,-0.01494,0.03876,-0.0013,0.03982,-0.12287,0.00758,0.04585,0.00325,0.02612,-0.05689,0.02812,0.00333,-0.03234,0.01602,0.02532,-0.00409,0.0129,0.04535,-0.01133,0.00715,-0.00069,0.0107,-0.07862,-0.0362,0.0326,0.01176,-0.02578,0.06895,-0.006,-0.02416,-0.04796,0.00462,0.04022,-0.04821,-0.01793,-0.04726,0.01442,0.00863,-0.09557,-0.04107,-0.02449,-0.07097,-0.0502,0.13514,0.01125,0.00249,0.02369,0.03028,0.01178,0.0251,0.01661,-0.06401,0,-0.0381,0.02281,-0.0479,0.06985,0.06365,-0.05143,0.05939,-0.03156,-0.05694,-0.01641,0.02378,0.06381,-0.07148,0.07129,0.02789,-0.09983,-0.06531,0.09417,0.03299,0.02542,0.11404,-0.06692,-0.02148,0.00343,0.102,0.09327,-0.03235,0.05698,-0.04858,0.05633,-0.09359,-0.04975,0.04328,0.00007,-0.02983,0.04938,-0.08567,-0.08057,-0.02317,-0.03978,0.01709,0.00367,-0.06798,-0.0894,0.03039,0.02433,-0.07124,0.02415,0.11038,-0.01583,0.00677,0.01709,0.07519,0.07269,0.07411,-0.06783,-0.04285,-0.01014,0.05821,0.07503,0.04518,0.09063,-0.08032,-0.04766,-0.01039,0.04398,0.07297,0.02536,0.03293,-0.01487,-0.08057,0.0817,0.01487,0.00297,0.03079,-0.01364,-0.01849,-0.00906,-0.00784,0.01669,-0.07554,0.01887,0.04337,0.06426,0.10988,-0.00423,0.05462,0.00485,-0.11057,0.01437,0.08422,-0.05375,0.00403,0.04297,0.09096,0,-0.03215,-0.01891,-0.04311,0.05544,0.03082,-0.01903,0.03861,0.04002,0.09268,-0.00985,-0.01869,0.06456,-0.00052,-0.05341,0.03084,-0.04814,-0.00896,-0.1349,0.02226,-0.01339,0.01406,0.01844,-0.07244,-0.02651,0.0149,-0.02298,0.03652,0.01568,-0.04049,-0.03227,0.00286,-0.02165,-0.03194,-0.02361,0.01594,-0.05107,-0.05027,0.08939,-0.01553,-0.03554,0.01779,0.00518,-0.05604,0.04115,-0.05704,0.09815,-0.08068,0.01291,0.03405,-0.00459,-0.03919,0.00684,-0.02698,-0.05086,-0.04439,0.07758,0.06182,0.0633,-0.0746,0.05463,0.00398,0.00924,0.0733,-0.01788,0.07198,0.00764,-0.05513,0.02536,-0.08014,0.08975,0.06166,0.02483,-0.09201,0.04321,0.05495,0.0437,0.07896,0.01663,0.04477,0.05286,-0.04957,0.10381,0.03778,0.12858,0.0381,-0.01738,-0.0384,-0.05779,0.02893,0.04098,-0.06856,0.00391,-0.02057,0.02689,-0.03851,0,-0.05609,-0.01915,-0.06655,-0.02054,0.01663,0.07956,-0.03082,0.04079,-0.00916,0.02113,0.01344,0.06417,-0.03131,0.01689,0.00425,-0.00534,-0.02522,0.01925,-0.0672,-0.12419,-0.01595,0.04604,0.03989,0.01372,0.02664,-0.0328,-0.01677,0.00108,0.07325,-0.00548,-0.00765,0.04017,0.02615,0.06887,0.02586,0.04542,-0.07358,0.07886,-0.05535,0.00364,0.0377,-0.04909,0.02365,-0.02433,-0.04512,0.06376,-0.08137,-0.03397,-0.04818,-0.06227,-0.08482,0.04445,-0.04007,0.09394,0.04162,0.07855,-0.02416,-0.08501,0.10899,-0.00262,-0.03556,0.01734,0.03962,0.07554],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.5.0 - 2026-04-14 Platform and layout release: shared layout integration, published Dagre and ELK adapters, explicit fNodesRendered / fFullRendered, standalone reference apps, and a stronger portal/docs toolchain. Examples: Dagre Auto Layout, ELK.js Auto Layout, Schema Designer, Call Center Flow f Nodes Rendered f Full Rendered","excerpt":"- v18.5.0 - 2026-04-14 Platform and layout release: shared layout integration, published Dagre and ELK adapters, explicit fNodesRendered / fFullRendered, standalone reference apps, and a stronger portal/docs toolchain. Examples: Dagre Auto Layout, ELK.js Auto Layout, Schema Designer, Call Center Flow"},{"chunkId":"/docs/roadmap#10","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.04656,0.00364,-0.02112,-0.04162,0.00049,0.03527,0.03413,0.07525,-0.00224,-0.00102,-0.06519,-0.03447,-0.11559,-0.00874,0.01769,-0.04115,-0.01484,-0.04019,0.0004,0.07934,-0.02264,-0.07175,-0.00411,-0.00754,-0.09699,0.05009,-0.01156,-0.05151,-0.05178,-0.05661,-0.00463,0.15186,0.06874,0.02195,-0.03159,-0.0859,0.03138,-0.02147,-0.05496,-0.04002,-0.02021,-0.04286,0.05247,0.03224,0.03235,0.03452,0.03393,-0.0526,-0.02097,0.08982,-0.02848,-0.08104,0.00853,0.04787,0.01994,0.06943,0.01429,-0.04833,0.00924,0.0622,-0.03317,-0.00667,-0.02643,0.07084,0.03577,-0.00251,-0.04464,0.01203,0.04743,-0.04444,-0.04194,0.00204,0.04473,-0.10209,0.04696,-0.03793,0.01304,0.03267,0.01535,-0.11855,0.03912,-0.0063,0.0025,0.01523,-0.02801,0.06992,0.01017,-0.0685,0.00652,0.04307,-0.02239,0.04416,-0.02245,-0.01724,-0.00772,-0.04416,-0.03292,-0.11449,-0.02037,0.03547,0.01238,-0.04379,0.08025,0.03371,-0.01281,-0.01054,0.02276,0.02964,-0.02705,-0.01502,-0.04641,-0.0467,0.01002,-0.06994,-0.02697,-0.0131,-0.06057,-0.03001,0.10886,0.00277,-0.00459,-0.01779,0.01251,-0.04087,-0.00692,0.01756,-0.06538,0,-0.03473,0.03577,-0.02276,0.04451,0.02722,-0.03733,0.02749,-0.06434,-0.04757,0.00568,0.01438,0.01597,-0.092,0.06462,-0.00636,-0.11689,-0.07059,0.05877,-0.0006,0.0275,0.09254,-0.04967,-0.02831,-0.03628,0.10886,0.08422,-0.0099,0.05652,-0.04195,0.05876,-0.09218,-0.0077,0.01395,-0.04044,-0.05414,0.00165,-0.06114,-0.10955,0.00348,-0.03871,-0.02073,-0.01473,-0.05458,-0.06693,0.03261,0.01183,-0.05381,0.06055,0.08313,0.00077,0.03124,-0.01132,0.02962,0.02798,0.04581,-0.07488,-0.03225,0.01459,0.04905,0.07174,0.05294,0.09267,-0.11468,-0.08035,0.02262,0.10775,0.07955,0.03215,0.01083,-0.04379,-0.09117,0.03597,-0.00349,-0.00608,0.08337,-0.01849,0.01381,-0.03371,0.00891,0.00233,-0.04973,0.033,0.0524,0.0541,0.07287,-0.03902,0.05793,0.02164,-0.08205,-0.02323,0.09305,-0.05032,0.01413,0.03936,0.0241,0,0.01819,0.01502,-0.08704,0.09693,0.04103,-0.02294,0.05204,0.03207,0.09633,-0.04365,0.02892,0.05968,0.01168,-0.04784,0.03058,-0.00317,-0.03368,-0.10315,-0.00088,-0.03095,0.04986,-0.08244,-0.00127,-0.02061,-0.0682,-0.02762,0.05508,0.03409,-0.022,-0.05108,-0.01667,-0.03872,-0.03407,-0.0103,0.02341,-0.06376,-0.02076,0.03087,-0.00961,-0.02666,0.02932,0.01665,0.02022,0.04465,-0.0617,0.05357,-0.0665,0.02512,0.01361,0.02741,-0.04053,-0.01578,-0.01591,-0.08065,-0.05012,0.07481,0.08214,0.02724,-0.08994,0.07754,0.01351,-0.00623,0.05129,-0.01307,0.09525,0.02023,-0.01707,0.04891,-0.01543,0.10663,0.1255,-0.011,-0.08089,0.03192,0.0428,0.04259,0.09822,-0.0167,0.06748,0.04409,-0.00365,0.10108,0.06575,0.09087,0.01887,0.05263,-0.0909,-0.03231,0.06135,0.02184,-0.02769,-0.00394,0.04948,0.02411,-0.06107,0,-0.04823,0.01747,0.00296,-0.01285,0.00616,0.06355,-0.0324,0.00614,0.00445,-0.03392,-0.01486,0.08026,-0.00338,0.02615,0.03183,0.04297,-0.04661,0.03642,-0.07181,-0.12391,-0.0248,0.03015,0.0374,0.03363,-0.01349,-0.01567,-0.04782,0.03208,0.04546,0.00901,-0.00757,0.02838,0.00738,0.03006,-0.03633,0.06232,-0.11932,0.02597,-0.06674,0.0003,0.04343,-0.03818,0.00709,-0.04263,-0.06237,0.0369,-0.02609,-0.0815,-0.1097,-0.03953,-0.07845,0.07688,-0.04055,0.11311,0.02581,0.09829,-0.02811,-0.05644,0.11536,-0.00163,-0.06973,0.01514,0.00109,0.11733],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.4.0 - 2026-04-02 Interaction and styling release: f-auto-pan, the shipped default theme entrypoint, smoother trackpad pinch zoom, refreshed example controls, and additional connector-geometry hardening. Examples: Auto Pan, Zoom","excerpt":"- v18.4.0 - 2026-04-02 Interaction and styling release: f-auto-pan, the shipped default theme entrypoint, smoother trackpad pinch zoom, refreshed example controls, and additional connector-geometry hardening. Examples: Auto Pan, Zoom"},{"chunkId":"/docs/roadmap#11","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.06149,-0.02484,-0.02721,-0.01948,-0.01473,0.00396,-0.03927,0.03516,-0.02926,-0.01989,-0.06402,-0.02056,-0.10667,-0.04674,0.03656,0.01528,-0.00372,-0.02263,0.00163,0.01914,-0.0191,-0.07539,-0.03251,-0.00743,-0.06898,0.01918,-0.01475,-0.03708,-0.04602,-0.03934,0.00956,0.08827,-0.00387,0.01372,-0.02067,0.00718,0.0379,-0.05067,-0.03858,0.01438,0.01613,-0.02973,0.00287,0.05327,0.02872,-0.00654,0.03064,-0.01487,-0.07143,0.05466,-0.0166,-0.08826,-0.05667,0.10476,0.03973,0.07851,0.01433,-0.04254,-0.03431,0.06259,-0.0252,-0.06005,-0.03729,0.02429,0.00459,-0.02371,-0.01993,0.01354,0.0537,-0.03546,-0.06273,0.02963,-0.01969,-0.10479,0.02877,0.03703,0.10742,0.05504,0.02983,-0.16363,0.05055,0.00365,0.00294,-0.00383,-0.01134,-0.00532,0.03474,-0.07821,0.00582,0.05368,0.01166,0.05272,0.02195,0.01764,-0.01635,0.01742,-0.02326,-0.07972,0.00259,0.053,-0.00524,-0.01065,0.06945,0.02462,-0.02496,0.01661,0.00932,0.07387,-0.00798,0.0016,-0.04181,0.00832,0.01166,-0.10992,-0.03728,0.00587,-0.07149,-0.00399,0.084,0.05847,-0.02537,-0.04627,0.04135,-0.02468,-0.02779,-0.00258,-0.05442,0,-0.05429,0.03392,-0.03371,0.0541,0.04559,-0.01331,0.02965,-0.06704,-0.04713,-0.01745,-0.04379,0.03066,-0.08901,0.06514,0.02055,-0.10494,-0.05868,0.03509,0.04502,0.06463,0.14095,-0.12162,-0.03484,-0.05365,0.13975,0.05638,0.00499,0.04045,-0.03667,0.04833,-0.02178,-0.00474,0.01737,-0.02724,-0.0402,0.03051,-0.06962,-0.123,-0.02146,-0.02309,0.01307,-0.01583,-0.12374,-0.07249,0.01392,0.00022,-0.08156,-0.0158,0.09519,-0.00498,0.00653,0.02479,0.00311,0.00823,0.04304,-0.04913,-0.01492,0.00987,0.03158,0.08843,0.05986,0.06764,-0.0593,-0.05472,0.02956,0.10092,0.02997,0.05681,-0.02133,-0.01666,-0.09914,0.0833,0.01818,-0.05416,0.04431,-0.01031,-0.01565,0.0108,0.03586,0.01093,-0.06038,0.02077,0.02211,0.08205,0.09385,-0.01989,0.01831,-0.01724,-0.05831,0.03205,0.08767,-0.00894,0.01591,0.05453,0.02689,0,-0.02614,0.03418,-0.06882,0.07023,0.02939,-0.07314,0.06333,0.04492,0.06177,0.03952,0.01494,0.03652,-0.00711,-0.06389,0.05063,-0.07596,0.01607,-0.15813,0.00449,-0.00353,0.01017,-0.01474,-0.0543,-0.078,-0.01324,-0.0162,0.01963,-0.00904,-0.05746,-0.05393,-0.0275,-0.02201,-0.02863,-0.05419,0.01711,0.0003,-0.022,0.03979,0.03842,-0.02583,0.0565,0.01685,-0.04945,-0.00593,-0.03337,0.07816,-0.08595,-0.02497,0.00411,0.03249,0.01287,0.02997,-0.04566,-0.01186,-0.04401,0.07672,0.03595,0.03655,-0.04959,0.069,0.02228,-0.02578,0.05048,-0.00391,0.07437,-0.00317,0.00855,0.01829,0.03416,0.09926,0.10004,0.05211,-0.06559,0.07353,0.05059,-0.00682,0.04037,0.00711,0.02203,0.08523,-0.01856,0.12681,0.04556,0.11409,0.08076,-0.01089,-0.03532,-0.03917,0.07934,0.00605,-0.05476,-0.02761,-0.0382,0.02962,-0.0511,0,-0.05428,-0.00467,-0.05158,-0.00102,0.07349,0.07269,-0.05539,0.01893,0.02023,0.03183,0.0391,0.07153,-0.04279,0.01187,0.04389,0.01274,-0.00754,-0.00367,-0.0618,-0.118,-0.0642,0.07813,0.02964,0.08086,0.04557,-0.06037,0.02195,0.03229,0.02957,-0.02234,-0.02606,0.02712,0.01298,0.03691,-0.00337,0.10588,-0.10778,0.07947,-0.0383,0.06643,0.04135,-0.01909,0.06488,-0.00911,-0.0027,0.0518,-0.13375,-0.04224,-0.09823,-0.05442,-0.07103,0.0508,-0.05774,0.11139,0.04102,0.01883,-0.04321,-0.08299,0.0442,0.01219,-0.0538,-0.01878,0.02818,0.02537],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.3.0 - 2026-03-17 Connection-model release: projected f-connection-gradient, smarter redraw caching for unchanged routes and markers, production-safe blob worker loading, and a roadmap/docs refresh. Example: Connection Gradients","excerpt":"- v18.3.0 - 2026-03-17 Connection-model release: projected f-connection-gradient, smarter redraw caching for unchanged routes and markers, production-safe blob worker loading, and a roadmap/docs refresh. Example: Connection Gradients"},{"chunkId":"/docs/roadmap#12","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.02596,-0.00235,-0.03677,-0.02587,0.00617,-0.00644,-0.04106,0.05132,-0.01207,-0.00824,-0.05603,-0.02614,-0.12375,-0.03635,0.01145,-0.02756,0.0209,-0.02544,-0.02198,0.0335,-0.00667,-0.08219,-0.01093,-0.04072,-0.04489,0.02648,-0.0609,-0.05266,-0.02887,-0.06645,0.04378,0.11061,0.02706,0.01822,-0.01042,0.01036,0.03622,-0.05787,-0.03963,0.00849,-0.00856,-0.02101,0.00974,0.02685,0.01135,0.00324,0.04628,-0.01058,-0.05084,0.06579,-0.04436,-0.08239,-0.0383,0.10801,0.03911,0.04729,0.02965,-0.09032,-0.04484,0.04328,-0.0262,-0.04296,-0.03519,0.03523,-0.00214,-0.01888,0.00595,-0.032,0.05357,-0.06528,-0.05907,0.0068,0.00484,-0.08464,0.01706,-0.00706,0.06655,0.03388,0.05037,-0.13136,0.06034,-0.04408,0.00059,-0.01232,-0.04112,0.0265,0.01371,-0.05463,-0.03812,0.06061,-0.02518,0.09765,0.03342,0.01587,-0.01663,-0.0248,-0.02516,-0.04612,0.01661,0.03255,0.01115,-0.04068,0.0749,0.00775,-0.03224,-0.02523,0.03807,0.04219,-0.0101,-0.02083,-0.02116,0.02739,0.02755,-0.10279,0.01169,0.01937,-0.06164,0.01543,0.06866,0.06064,0.02174,-0.05024,0.01385,-0.0248,-0.00518,-0.0072,-0.07948,0,-0.06587,0.01708,-0.02416,0.04137,0.04095,-0.00263,0.03646,-0.0407,-0.05628,-0.00941,-0.02803,0.0152,-0.08858,0.06453,0.03031,-0.14005,-0.03881,0.07531,0.01004,0.0527,0.13575,-0.10611,-0.02036,-0.03086,0.13411,0.03204,-0.01125,0.03035,-0.01721,0.04609,-0.04632,-0.0015,0.00399,-0.0442,-0.03446,-0.0158,-0.07521,-0.08252,-0.0338,-0.05465,-0.01318,0.03225,-0.13011,-0.06884,0.02491,-0.02937,-0.10626,-0.00483,0.08519,0.01876,0.06067,0.00414,0.02082,0.05214,0.08158,-0.03142,0.02735,0.00613,0.02205,0.11113,0.02749,0.06784,-0.10042,-0.04977,0.04306,0.08639,0.09888,0.07042,-0.02723,-0.00914,-0.08831,0.08259,0.02638,-0.06018,0.07727,-0.01226,-0.01146,-0.01906,0.00433,0.0029,-0.06842,0.03615,0.03856,0.04452,0.07394,-0.02075,0.00495,0.01317,-0.04527,0.03397,0.09515,-0.04585,0.02145,0.0236,0.01511,0,0.00114,0.01899,-0.08715,0.07869,0.05856,-0.04512,0.01666,0.04816,0.04754,-0.03763,-0.01072,0.03949,-0.01351,-0.04297,0.03342,-0.05503,0.01943,-0.17523,0.00646,-0.00054,0.03589,-0.03769,0.0085,-0.04874,-0.04741,-0.01399,0.0177,0.01522,-0.03709,-0.09567,-0.00365,-0.03638,-0.01671,-0.03819,0.04037,-0.01796,0.00667,0.03008,0.01201,-0.02911,0.06575,0.0335,-0.07234,0.00056,-0.05554,0.07092,-0.10256,-0.036,0.02045,0.04183,-0.02961,0.03808,-0.07224,-0.01105,-0.02548,0.04688,0.04883,0.05296,-0.07088,0.07784,0.02413,-0.01966,0.02011,-0.02089,0.08028,0.01843,-0.00103,0.04012,0.01312,0.13365,0.09293,0.00537,-0.06818,0.07126,-0.00125,0.02873,0.05867,-0.0256,0.05788,0.09356,-0.00163,0.12514,0.0376,0.12,0.07083,0.032,-0.02334,-0.08261,0.07447,-0.00652,-0.01947,-0.02223,-0.02524,0.00342,-0.01272,0,-0.07086,-0.01349,-0.04132,-0.00032,0.06647,0.048,-0.06543,0.05151,0.00925,0.0151,0.04986,0.05651,0.00224,-0.00347,0.08177,-0.01347,0.01197,0.00635,-0.06012,-0.11198,-0.05663,0.08252,0.01407,0.03625,-0.01542,-0.06575,-0.01182,0.00201,0.02692,-0.02402,-0.01075,0.04146,0.01248,0.03277,-0.00954,0.05657,-0.10628,0.08396,-0.01698,0.02688,0.0741,-0.0069,0.02697,-0.00495,-0.02333,0.05333,-0.10423,-0.07695,-0.07124,-0.04527,-0.03829,0.05723,-0.05569,0.12103,0.01379,0.07408,-0.03383,-0.04216,0.06781,0.01988,-0.02378,-0.03435,0.03375,0.08137],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.2.0 - 2026-03-09 Performance and scale release: fCache, fVirtualFor, the first f-connection-worker release, fNodeRenderLimit, chunked redraws, and zoom during drag. Examples: Large Scene Performance, Connection Redraw Performance f Cache f Virtual For f Node Render Limit","excerpt":"- v18.2.0 - 2026-03-09 Performance and scale release: fCache, fVirtualFor, the first f-connection-worker release, fNodeRenderLimit, chunked redraws, and zoom during drag. Examples: Large Scene Performance, Connection Redraw Performance"},{"chunkId":"/docs/roadmap#13","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.08742,-0.00294,-0.02811,-0.06294,-0.01469,0.00146,-0.06301,0.10129,-0.02608,-0.02411,-0.06295,-0.02503,-0.08715,-0.0555,0.00677,0.01409,-0.04737,-0.03203,0.058,0.06498,-0.04038,-0.04282,-0.01422,-0.02213,-0.09855,0.0687,-0.01102,-0.04803,-0.07818,-0.08265,0.05147,0.15712,0.02799,0.02741,-0.02421,0.00088,0.02697,-0.04915,-0.01351,-0.0107,-0.04413,-0.02079,0.03496,0.00747,0.03633,0.02039,0.04535,-0.04809,-0.01565,0.06946,-0.03652,-0.05312,-0.01695,0.08432,0.06249,0.04407,0.0438,-0.07775,-0.01344,0.02933,0.02455,-0.03467,-0.04052,0.03333,0.01421,0.00377,-0.05692,0.01825,0.03671,-0.08575,-0.04748,0.02072,-0.00105,-0.05987,0.03167,0.057,0.08714,0.06967,0.05955,-0.1231,-0.0107,-0.01044,0.0079,-0.02902,-0.03505,0.0371,0.0005,-0.03737,0.01342,0.03873,0.02204,0.01706,0.05668,0.03532,0.04485,-0.01499,-0.04314,-0.05404,-0.04388,0.03175,0.02518,0.0003,0.02778,0.01905,-0.05949,-0.00933,0.05313,0.0188,-0.00738,-0.05961,-0.03924,-0.01009,-0.00026,-0.10605,-0.00384,-0.02613,-0.04728,0.03261,0.10225,0.021,-0.01301,-0.01377,-0.00139,-0.00183,0.01296,0.0257,-0.08179,0,-0.08661,0.06964,-0.01603,0.05762,0.01122,-0.04614,0.03232,-0.04228,-0.00084,0.03265,-0.03939,0.04778,-0.07656,0.03245,-0.02959,-0.16101,-0.05419,0.00314,-0.03133,0.04909,0.0776,-0.07182,0.00893,-0.06565,0.11257,0.04107,-0.01046,0.02135,-0.03234,0.04295,-0.0613,-0.03073,-0.00375,-0.03792,-0.03168,0.03172,-0.07167,-0.09573,-0.02873,-0.04758,0.05969,0.02998,-0.09222,-0.04498,0.10077,-0.01281,-0.06072,-0.02408,0.11909,-0.02066,-0.0085,0.02191,-0.02404,0.0222,0.06758,-0.08735,-0.02469,0.01037,0.0254,0.08091,0.03793,0.07724,-0.04918,-0.07475,0.00783,0.1008,0.08326,0.0385,0.01048,0.00027,-0.07206,0.0717,0.00318,-0.03686,0.05821,-0.02287,-0.00315,-0.0202,0.04547,-0.03862,-0.07982,0.05463,0.0314,0.06053,0.0905,-0.02487,0.00172,-0.02245,-0.0627,0.01008,0.08995,-0.02021,0.00773,0.0643,0.03516,0,-0.04768,0.00911,-0.02148,0.0226,-0.0005,-0.02483,0.06018,0.05144,0.0896,0.03762,-0.00273,0.01732,0.00567,-0.06497,0.08269,-0.05365,-0.04281,-0.12269,0.03028,-0.00996,0.02996,-0.01009,-0.00364,-0.02888,-0.02124,0.01303,0.02118,0.0137,0.02397,-0.06818,-0.01456,-0.01151,-0.0444,-0.0096,0.02119,-0.05445,0.01287,0.04612,0.01883,-0.07148,0.02733,0.06536,-0.01691,-0.01217,-0.07769,0.06498,-0.06397,0.03106,0.04381,0.02327,-0.04851,-0.00637,-0.04134,-0.05046,-0.06599,0.07819,0.05883,0.06347,-0.03535,0.0975,-0.00934,-0.04802,0.06686,-0.07355,0.06862,0.03071,0.01952,0.0705,0.00375,0.10397,0.12873,0.02702,-0.07473,0.02545,0.03823,0.05344,0.05722,-0.01545,0.01894,0.0288,0.01722,0.11462,-0.01332,0.13545,0.07274,-0.01691,-0.00482,-0.13719,0.02074,0.01157,-0.06042,-0.0285,0.00728,0.02225,-0.05312,0,-0.02328,-0.0099,-0.03096,-0.00267,0.04057,0.0765,-0.08217,-0.00523,-0.01216,-0.02953,0.01585,0.07656,-0.01708,0.00462,0.05435,0.01566,-0.08311,0.00702,-0.04468,-0.04442,-0.00157,0.05588,0.03292,0.04795,0.00881,-0.03103,-0.01889,0.01129,0.02747,-0.02142,0.00126,0.04613,0.09534,0.03,0.02387,0.04566,-0.07449,0.09308,-0.01459,0.0275,0.02021,-0.02606,0.01143,-0.04589,-0.05872,-0.00933,-0.10637,-0.06157,-0.09329,-0.02027,-0.04057,0.0742,-0.02476,0.08438,0.03391,0.08414,-0.06707,-0.12333,0.07277,0.01379,-0.0101,0.00044,0.00637,0.05544],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.1.0 - 2026-02-16 Alignment and adoption release: f-magnetic-lines, f-magnetic-rects, AI Low-Code Platform reference app, and a major docs refresh. Examples: Magnetic Lines, Magnetic Rects, AI Low-Code Platform","excerpt":"- v18.1.0 - 2026-02-16 Alignment and adoption release: f-magnetic-lines, f-magnetic-rects, AI Low-Code Platform reference app, and a major docs refresh. Examples: Magnetic Lines, Magnetic Rects, AI Low-Code Platform"},{"chunkId":"/docs/roadmap#14","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.0498,0.02332,-0.02621,-0.03928,0.00928,0.02453,-0.00968,0.05361,-0.00288,-0.00417,-0.07271,-0.02139,-0.0975,-0.02089,0.05632,-0.01327,-0.00087,-0.00793,-0.01053,0.07808,-0.02005,-0.07198,0.01756,-0.03141,-0.06397,0.05943,0.00375,-0.04331,0.00841,-0.05177,0.03011,0.12148,0.00799,0.01733,-0.07242,-0.01063,0.048,-0.02481,-0.0683,-0.01515,0.02667,-0.00216,0.0226,0.02539,-0.01101,0.00387,0.03341,-0.01565,-0.05205,0.08646,-0.05259,-0.14199,-0.03245,0.06815,0.01843,0.0465,0.00963,-0.06037,0.01704,0.04946,0.01037,-0.02592,-0.03971,0.05699,0.00968,-0.01964,-0.04327,0.01841,0.0251,-0.10612,-0.04599,-0.0116,0.04881,-0.11544,0.02481,-0.02662,0.03952,0.01917,-0.00693,-0.10781,0.06383,-0.01328,0.01276,0.03694,-0.05079,0.02886,0.01093,-0.04872,-0.02425,0.03101,-0.02716,0.05046,0.00107,-0.02866,0.02175,-0.02533,-0.05047,-0.10965,-0.01618,0.03333,0.01448,-0.05246,0.07334,0.00928,-0.02185,-0.0028,-0.00207,0.04072,-0.00355,-0.00068,-0.0428,-0.01802,0.01869,-0.10658,-0.01949,-0.02706,-0.06328,-0.01073,0.09594,0.01077,0.01092,-0.01404,0.03381,-0.03038,0.03708,0.01401,-0.06481,0,-0.01453,0.04788,-0.02162,0.0727,0.06042,0.0085,0.02228,-0.08061,-0.04348,-0.00324,0.03121,0.03296,-0.08699,0.0453,0.02756,-0.1306,-0.06058,0.06149,0.0024,0.07633,0.10547,-0.12802,-0.02328,-0.01396,0.10928,0.06493,-0.00608,0.05464,-0.03952,0.02612,-0.01607,0.00463,0.01411,-0.03164,-0.02555,0.00377,-0.06913,-0.11796,-0.00307,-0.05187,-0.01515,-0.02068,-0.13016,-0.04412,0.01808,-0.00337,-0.05477,0.0109,0.07504,0.0144,0.03181,0.00716,-0.01344,0.01652,0.04655,-0.07309,-0.0365,0.02019,0.02897,0.07329,0.06673,0.07056,-0.07701,-0.09322,0.03334,0.08632,0.04777,0.05548,0.0265,-0.04967,-0.1322,0.08535,0.02153,-0.0178,0.04428,-0.01679,-0.01418,0.01094,0.05174,0.0188,-0.07291,0.02436,0.05867,0.07092,0.10632,-0.03066,0.01302,-0.01877,-0.10583,-0.00465,0.07432,-0.00074,-0.00155,0.03126,0.02593,0,-0.0257,0.01783,-0.07397,0.0634,0.08181,-0.05339,0.06632,0.04316,0.0948,0.00559,0.02049,0.06296,0.00802,-0.03865,0.04206,-0.03721,0.01641,-0.13114,-0.01515,-0.02845,0.01828,-0.03771,-0.02453,-0.07456,-0.05857,0.00354,0.0467,-0.00925,-0.01562,-0.05582,-0.01745,-0.03434,-0.03901,-0.02315,0.01505,-0.02238,-0.03759,0.02135,-0.01265,-0.05236,0.03478,-0.00405,-0.04129,0.01545,-0.07276,0.06565,-0.07979,-0.00225,-0.02928,0.02643,-0.02578,0.04374,-0.04841,-0.03446,-0.03741,0.0586,0.0697,0.0478,-0.02165,0.0396,0.01208,0.02322,0.02198,-0.00708,0.07859,0.04804,-0.0162,0.03974,0.0094,0.10817,0.10142,-0.00185,-0.06024,0.02145,0.08071,0.06793,0.09906,-0.024,0.0584,0.0477,0.00122,0.12653,0.04076,0.09404,0.11111,0.04308,-0.07139,-0.06468,0.05478,0.03259,-0.06779,-0.00497,-0.00076,0.01348,0.00181,0,-0.10449,-0.00122,-0.04854,-0.0173,0.02357,0.06542,-0.05894,0.02947,0.02286,0.00894,0.00816,0.07715,0.00187,0.02365,0.08053,0.00825,-0.04403,-0.00204,-0.05444,-0.09505,-0.04156,0.03318,0.02786,0.07194,-0.0004,-0.02404,-0.02751,0.0333,0.01786,-0.01725,0.02598,0.02109,0.01339,0.04257,-0.02331,0.06322,-0.12149,0.0482,-0.04968,0.02759,0.04878,-0.03825,0.0207,0.00041,-0.0516,0.09415,-0.04402,-0.07696,-0.09459,-0.03039,-0.08974,0.04862,-0.0495,0.09206,0.05846,0.07219,-0.0148,-0.05669,0.07506,0.04041,-0.0752,0.01951,0.00345,0.08443],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.0.0 - 2026-01-26 Interaction release: connection waypoints, pinch-to-zoom, Angular control-flow/content-projection improvements, and richer custom backgrounds. Examples: Connection Waypoints, Zoom, Background","excerpt":"- v18.0.0 - 2026-01-26 Interaction release: connection waypoints, pinch-to-zoom, Angular control-flow/content-projection improvements, and richer custom backgrounds. Examples: Connection Waypoints, Zoom, Background"},{"chunkId":"/docs/roadmap#15","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.03813,-0.01205,-0.03447,-0.01526,0.01849,0.00234,-0.05075,0.06182,-0.05569,-0.00196,-0.07703,-0.03418,-0.10241,-0.04058,0.00594,-0.01087,0.00392,-0.05169,0.0381,0.03793,-0.02943,-0.07697,-0.01162,-0.0446,-0.06663,0.03941,-0.00922,-0.02058,-0.04915,-0.055,0.06208,0.10883,-0.02786,0.01143,-0.0686,-0.05027,-0.00057,-0.0135,-0.03029,-0.02712,0.00228,-0.02368,0.02068,0.03273,-0.00128,-0.00515,0.0068,-0.0359,-0.02264,0.07011,-0.01703,-0.10144,-0.03023,0.08321,0.03506,0.07969,-0.01535,-0.07181,-0.02112,0.02064,0.03186,-0.06799,0.00575,0.03585,-0.01078,-0.02838,-0.01939,-0.00649,0.01612,-0.03558,-0.04422,0.00715,0.03108,-0.08448,0.0709,0.01346,0.06756,0.05344,0.03561,-0.10326,0.00926,0.01698,-0.02832,0.00837,0.00347,-0.00417,0.01257,-0.04558,-0.00079,0.04314,0.01332,0.03865,0.00952,0.00871,0.00057,-0.03279,-0.03223,-0.08672,-0.04089,0.01432,-0.01334,-0.00147,0.06323,0.01873,-0.01575,-0.01469,0.0506,0.07368,-0.00386,-0.0319,-0.06269,-0.01508,0.03865,-0.08443,-0.0375,-0.01646,-0.07483,-0.02337,0.10038,0.00177,-0.02457,-0.03403,0.05844,0.00219,0.04757,-0.02917,-0.04959,0,-0.04338,0.05538,-0.04133,0.03012,0.05795,0.03027,0.03838,-0.03632,-0.02368,-0.00272,-0.06279,0.04924,-0.04878,0.05884,0.01641,-0.14691,-0.08825,0.03112,-0.00236,0.04205,0.12303,-0.11729,-0.01868,-0.09503,0.10594,0.07316,-0.00617,0.05381,-0.02303,0.04962,-0.04809,-0.00919,0.00631,-0.01094,-0.04206,0.01349,-0.0446,-0.08853,-0.01641,-0.00949,-0.01691,-0.00531,-0.08423,-0.10339,0.02682,0.00537,-0.06676,0.02938,0.07652,0.00338,0.02317,-0.01114,-0.01084,0.03767,0.05925,-0.05251,-0.04139,0.06074,0.03323,0.07686,0.06002,0.07281,-0.07057,-0.07063,0.02415,0.11647,0.07502,0.03363,-0.00726,-0.04614,-0.08196,0.0524,0.05543,-0.02222,0.07629,-0.00089,-0.0316,-0.0272,0.04234,-0.01154,-0.0836,0.04868,0.02805,0.0693,0.12982,-0.02364,0.00295,-0.01629,-0.08823,0.02917,0.08603,-0.06204,0.03987,0.06311,0.03487,0,-0.0057,0.01743,-0.05997,0.08265,0.04747,-0.04615,0.09229,0.06228,0.08212,-0.02407,0.02309,0.05111,0.01404,-0.04679,0.06556,-0.05999,-0.01798,-0.12598,-0.01835,-0.04095,0.01127,-0.03668,-0.03019,-0.07125,-0.00942,0.04765,0.07959,0.02104,-0.01913,-0.05775,-0.05652,-0.02642,-0.03379,-0.01771,0.03043,0.00324,-0.03655,0.04498,0.03255,-0.03727,0.05778,0.014,-0.04992,0.01563,-0.04575,0.06196,-0.06884,-0.00787,0.01457,0.04191,0.00088,0.03135,-0.05093,0.00347,-0.01165,0.10903,0.06643,0.06656,-0.04989,0.04825,0.0418,0.01111,0.07298,0.02115,0.09327,0.00954,-0.00999,0.03933,0.02176,0.10305,0.10313,0.00651,-0.07728,0.05462,0.10744,0.03793,0.09003,0.00037,0.02916,0.07167,-0.02353,0.08797,0.02728,0.09002,0.07612,-0.00526,-0.05883,-0.06141,0.07656,0.02427,-0.02416,-0.00732,0.00149,0.0095,-0.02579,0,-0.09928,-0.00638,-0.042,-0.02237,0.04381,0.05382,-0.04259,-0.01697,-0.0173,-0.02251,0.07068,0.05471,-0.02301,0.02728,0.04109,-0.00797,-0.03238,-0.02962,-0.05232,-0.10248,-0.10083,0.00884,0.00895,0.0651,-0.00779,-0.04808,-0.02857,0.00869,0.0389,-0.0021,-0.05119,0.04192,0.02834,0.08044,-0.02172,0.12129,-0.08059,0.06445,-0.06493,0.03675,0.03779,-0.03229,0.02437,-0.03642,0.01305,0.04522,-0.07981,-0.05158,-0.08126,-0.05278,-0.05044,0.07375,-0.03907,0.06976,0.05347,0.04347,-0.05779,-0.1016,0.0805,0.04358,-0.0737,-0.00876,-0.01558,0.06663],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. 2025 - v17.9.5 - 2025-10-27 Added connectable-side strategies, AdaptiveCurveBuilder, and additional rendering performance work. - 17.8.5 - 2025-10-05 Expanded EFConnectableSide with manual, calculated, axis-limited, and AUTO modes for smarter routing. Adaptive Curve Builder EF Connectable Side","excerpt":"2025 - v17.9.5 - 2025-10-27 Added connectable-side strategies, AdaptiveCurveBuilder, and additional rendering performance work. - 17.8.5 - 2025-10-05 Expanded EFConnectableSide with manual, calculated, axis-limited, and AUTO modes for smarter routing."},{"chunkId":"/docs/roadmap#16","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.04624,-0.0126,-0.0751,-0.01744,-0.00605,0.01708,-0.01927,0.0631,-0.00149,-0.03733,-0.06758,-0.05362,-0.08779,0.00029,0.02692,0.00956,-0.01297,-0.05216,-0.00601,0.03509,-0.03431,-0.05711,-0.02136,-0.0261,-0.0741,0.02446,-0.03025,-0.04576,-0.05713,-0.01399,0.02063,0.1139,-0.01036,0.01178,0.00961,-0.00772,0.08844,-0.05304,-0.02845,-0.00699,0.0206,-0.04704,0.00655,0.05257,-0.01954,0.01035,0.01224,-0.05558,-0.04976,0.11025,-0.06461,-0.04383,-0.02378,0.11208,0.03709,0.06967,0.01967,-0.03284,-0.04024,0.05899,0.01703,-0.04998,-0.03137,0.0478,-0.04991,-0.01756,-0.04009,0.01565,0.04005,-0.08009,-0.07194,0.04177,-0.04411,-0.06047,0.05805,0.04455,0.04203,0.02971,0.02523,-0.15211,0.04233,0.05784,0.00405,-0.00177,0.00365,0.05075,0.0038,-0.01364,-0.02747,0.07975,0.0179,0.01864,0.04345,0.00324,0.01647,0.00439,-0.03521,-0.08125,-0.00313,0.02425,-0.04094,-0.03159,0.01652,0.0185,-0.01302,-0.01808,0.01874,0.03996,0.02766,-0.03168,-0.03203,-0.01701,0.03906,-0.09508,-0.0219,0.03274,-0.04975,0.0082,0.09292,0.06221,-0.0436,-0.0547,0.03215,-0.00816,0.00233,-0.02001,-0.08511,0,-0.0414,0.02782,-0.01819,0.06795,0.01326,-0.02498,0.02172,-0.07141,-0.03663,-0.02946,-0.06599,0.01857,-0.06859,-0.00422,0.01324,-0.08977,-0.07832,0.03551,0.054,0.05926,0.12217,-0.09654,0.01472,-0.0496,0.12912,0.07844,-0.0454,0.04717,0.02288,0.0389,-0.06139,-0.03782,0.03735,-0.0161,-0.02429,0.01375,-0.04688,-0.09491,-0.05752,-0.03231,0.00039,-0.04353,-0.10602,-0.0489,0.05754,-0.02309,-0.07383,-0.0068,0.11075,-0.02204,0.01642,-0.01006,-0.00704,-0.00216,0.01115,-0.07851,-0.0684,0.02227,0.01441,0.05807,0.07999,0.06173,-0.0705,-0.06707,0.07938,0.09328,0.04995,0.00604,-0.02856,-0.05639,-0.092,0.07978,-0.05742,-0.0356,0.04715,-0.0426,-0.01183,-0.00267,0.05938,0.01751,-0.00604,-0.00755,-0.00778,0.09505,0.11543,-0.00646,0.00227,-0.04812,-0.06971,0.01983,0.08475,-0.01361,0.02602,0.03707,0.06249,0,-0.00838,-0.00826,-0.05707,0.04966,0.03295,-0.04915,0.03325,0.05323,0.06092,-0.00557,0.03015,0.03303,0.03365,-0.08373,0.00662,-0.06162,-0.0322,-0.13545,-0.01425,-0.00002,0.02355,0.00186,-0.03306,-0.06059,-0.02687,-0.03153,0.00786,0.01001,-0.02547,-0.05151,0.01171,-0.00203,-0.07068,-0.01709,-0.00195,-0.0093,0.01166,0.05456,0.01732,-0.0348,0.07015,0.02641,-0.08178,-0.00654,-0.05301,0.09092,-0.10057,-0.02864,-0.00466,0.03942,0.0027,0.01594,-0.03936,-0.04339,-0.03383,0.10451,0.08188,0.05253,-0.0494,0.03165,0.02363,-0.00947,0.07516,0.01981,0.11487,0.01936,0.01584,0.07778,-0.00838,0.06331,0.11242,0.01276,-0.11164,0.07515,0.06591,0.02471,0.04208,-0.02859,0.02309,0.10548,-0.00011,0.11558,0.03988,0.11643,0.10155,0.0175,0.00551,-0.04969,0.07552,0.03478,-0.06972,-0.00532,0.00301,0.00935,-0.06231,0,-0.10615,-0.01684,-0.09429,-0.00647,0.06915,0.10683,-0.08825,-0.00322,0.02422,0.01152,-0.02547,0.08096,-0.0289,-0.00313,0.02691,-0.01377,0.01072,-0.02454,-0.02284,-0.08781,-0.01963,0.02483,0.01779,0.0681,0.03033,-0.07882,-0.0106,0.03787,0.02033,-0.03084,-0.00117,0.01558,0.01578,0.04178,-0.03395,0.09914,-0.06871,0.06079,-0.05378,0.02841,0.07242,0.00837,0.01372,-0.03797,-0.01172,0.05645,-0.06369,-0.05165,-0.06845,-0.01659,-0.05065,0.0608,-0.03447,0.08008,0.0297,0.03104,-0.05767,-0.03074,0.07108,-0.00362,-0.05958,0.03131,0.06496,0.03442],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.8.0 - 2025-09-15 Added fConnectionContent, validation by input id and category, and the migration path away from deprecated connection text APIs. Examples: Connection Content, Connection Rules f Connection Content AP Is","excerpt":"- v17.8.0 - 2025-09-15 Added fConnectionContent, validation by input id and category, and the migration path away from deprecated connection text APIs. Examples: Connection Content, Connection Rules"},{"chunkId":"/docs/roadmap#17","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.07316,0.00037,-0.04908,-0.02763,0.01287,0.02613,-0.01545,0.05046,-0.02233,-0.01859,-0.06994,-0.05389,-0.10794,-0.02406,-0.00958,-0.04482,-0.07038,-0.00346,-0.00592,0.01938,0.00681,-0.06726,0.0096,-0.00412,-0.01969,0.09641,-0.04103,-0.04442,-0.02656,-0.07087,0.02135,0.14184,0.09607,0.02473,-0.00636,0.01473,0.02115,-0.02818,-0.03274,-0.02617,-0.01481,-0.00566,0.04595,0.04167,-0.01208,0.03098,0.03243,-0.02419,-0.05595,0.1082,-0.01561,-0.07916,-0.0334,0.13901,0.03402,0.03257,0.01895,-0.09017,-0.0024,0.01328,-0.02265,-0.04615,-0.0655,0.0523,-0.01707,0.00503,-0.0648,0.04442,0.02825,-0.06545,-0.02279,0.02263,0.02815,-0.03652,0.06308,0.03283,0.03156,0.04956,-0.01369,-0.11199,0.02387,-0.01617,0.01063,0.02063,0.00866,0.03554,0.03733,-0.03205,-0.02126,0.04825,-0.0231,0.08515,0.08246,-0.02848,0.03276,-0.00527,0.01299,-0.08829,0.00631,0.04424,0.03313,-0.00594,0.06087,0.01301,-0.02874,-0.06193,-0.00068,0.02859,-0.01352,-0.03823,-0.03537,0.00888,0.05367,-0.11484,-0.02368,-0.06117,-0.05935,-0.00832,0.08283,0.01592,0.01177,-0.01164,0.04652,0.01042,0.05597,0.01512,-0.07099,0,-0.03516,0.0098,-0.03248,0.058,0.04523,-0.0228,0.0171,-0.03425,-0.03859,-0.03344,-0.02429,0.01936,-0.06344,0.04192,-0.03005,-0.10709,-0.08784,0.06181,-0.00983,0.02035,0.11267,-0.05297,-0.02481,-0.03371,0.07494,0.08076,-0.02887,0.02875,-0.00589,0.06358,-0.05989,-0.02486,0.01009,-0.0059,-0.05308,0.06474,-0.05138,-0.10313,0.01758,-0.03785,-0.00586,-0.03738,-0.0932,-0.10335,0.06647,-0.03429,-0.0563,0.00454,0.09959,0.01313,0.02967,-0.0231,0.01009,0.03229,0.02249,-0.06692,-0.0458,0.02136,0.04715,0.06664,0.06512,0.12949,-0.06267,-0.05238,0.0339,0.07288,0.07999,0.04863,0.01802,-0.02366,-0.06948,0.05682,-0.01523,-0.03223,0.07611,0.00262,0.02945,0.0007,-0.03252,-0.01249,-0.07899,-0.01074,0.03087,0.00301,0.11291,-0.0094,0.04113,-0.02131,-0.10745,-0.00803,0.08374,-0.07043,0.01514,0.05895,0.05727,0,0.03363,0.02473,-0.03098,0.04894,0.05662,-0.06423,0.00952,0.05054,0.06959,-0.00056,-0.03014,0.02137,0.00643,-0.06718,0.0374,-0.05738,-0.00103,-0.12716,0.0109,-0.02095,0.02311,-0.05252,-0.02798,0.02537,-0.04201,-0.01904,0.02682,-0.00509,0.01503,-0.04065,-0.0183,-0.06266,-0.08104,-0.03106,-0.00385,-0.05418,-0.02457,0.10589,0.01444,-0.01021,0.04704,0.03114,-0.08115,-0.00316,-0.0376,0.05326,-0.06674,-0.00558,0.02413,0.01288,-0.03052,0.01595,-0.04904,-0.06718,-0.01622,0.11556,0.0943,0.02202,-0.05427,0.03658,-0.01325,-0.02439,0.0428,-0.03575,0.11193,0.00769,-0.01768,0.04176,-0.05623,0.09538,0.0845,0.0061,-0.10266,0.03363,0.07331,0.01398,0.04577,0.02337,0.02412,0.05857,0.01341,0.09767,0.04484,0.13925,0.01286,0.03083,-0.03286,-0.03193,0.05121,0.02348,-0.07803,0.00426,0.05415,0.01966,-0.0354,0,-0.07757,-0.02843,-0.02641,0.01268,0.0545,0.05772,-0.11971,0.04983,-0.00504,-0.02416,0.03067,0.0808,-0.02113,-0.01661,0.03121,-0.00256,-0.04561,-0.03428,-0.05315,-0.11447,-0.00895,0.00281,0.04451,0.05938,-0.00009,-0.04755,-0.03274,0.02641,0.0312,-0.05406,-0.00265,0.03521,0.02979,0.06443,-0.03129,0.04817,-0.07385,0.06724,-0.02857,-0.01903,0.05843,-0.00526,0.02357,-0.01588,-0.04523,0.0429,-0.0727,-0.08808,-0.06872,-0.06157,-0.03494,0.07224,-0.03229,0.14234,0.03684,0.06296,-0.06983,-0.06753,0.10463,-0.00834,-0.02228,0.03169,0.02064,0.06547],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.7.0 - 2025-08-24 Added smarter grouping, fAutoSizeToFitChildren, fAutoExpandOnChildHit, plus copy/paste and undo/redo reference patterns. Examples: Grouping, Drag to Group, Copy/Paste f Auto Size To Fit Children f Auto Expand On Child Hit","excerpt":"- v17.7.0 - 2025-08-24 Added smarter grouping, fAutoSizeToFitChildren, fAutoExpandOnChildHit, plus copy/paste and undo/redo reference patterns. Examples: Grouping, Drag to Group, Copy/Paste"},{"chunkId":"/docs/roadmap#18","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.06373,0.01521,-0.01698,-0.01736,0.0249,-0.00106,0.00475,0.04622,-0.00937,-0.01201,-0.03977,-0.03492,-0.11815,-0.04846,-0.02398,0.02342,-0.0263,-0.00067,-0.00317,0.08531,-0.02011,-0.08327,-0.03691,-0.00494,-0.06996,0.07994,-0.04508,-0.00947,-0.0197,-0.09487,0.02623,0.11131,-0.01804,0.00757,-0.02939,-0.01085,0.02551,-0.02226,-0.05765,-0.02796,-0.02552,-0.02192,0.00248,0.01728,-0.00744,0.01292,0.05943,-0.01425,-0.05003,0.05703,-0.02288,-0.05572,-0.03465,0.09896,0.02862,0.04317,0.03786,-0.08024,-0.00424,0.01797,0.0083,-0.01964,0.01109,0.05588,0.02361,-0.02784,-0.01815,-0.01834,0.05366,-0.06474,-0.02165,0.02218,0.01629,-0.1037,0.04593,0.01736,0.03351,0.04357,0.02646,-0.09381,0.07419,-0.03086,-0.00278,-0.0067,-0.03955,0.02099,0.03399,-0.0503,0.00323,0.08018,0.01187,0.10404,0.05349,0.02205,-0.02519,-0.03961,-0.0157,-0.07183,-0.04645,0.04004,0.02179,-0.03658,0.07777,0.02508,-0.00488,-0.05241,0.04196,0.00902,-0.04429,-0.02518,-0.02645,0.01157,0.02958,-0.04266,-0.04627,-0.00242,-0.10775,0.00746,0.08309,-0.00697,0.00047,-0.0087,0.04188,-0.05088,0.02643,-0.00074,-0.09697,0,-0.01842,-0.0002,-0.04422,0.04522,0.03365,-0.03961,0.04597,-0.0748,-0.06169,-0.03262,0.01061,-0.04366,-0.0756,0.04933,-0.02518,-0.14735,-0.06299,0.04702,-0.0004,0.0656,0.11249,-0.07313,-0.03287,-0.06072,0.07209,0.09954,-0.03355,0.05787,-0.01401,0.06835,-0.07703,0.00353,0.00033,-0.02563,-0.04028,0.00638,-0.03836,-0.11712,-0.02211,-0.06436,-0.0231,0.00272,-0.11766,-0.08043,0.07981,0.00601,-0.0738,0.03381,0.03505,-0.02856,0.01619,0.00903,-0.00687,0.01814,0.04255,-0.07058,-0.00925,0.02707,0.01315,0.07448,0.05836,0.09063,-0.09307,-0.07525,0.03862,0.10948,0.07801,0.05327,-0.03899,-0.04871,-0.12188,0.05606,0.07002,-0.03044,0.06961,-0.00593,0.02253,-0.025,-0.00477,-0.01736,-0.0512,0.03165,0.00688,0.04432,0.06255,-0.04442,0.01492,0.02664,-0.08658,0.02569,0.06802,-0.05951,0.03085,0.03605,0.02449,0,-0.00588,-0.01317,-0.07483,0.10491,0.05447,-0.03757,0.03452,0.06528,0.06083,-0.06068,0.02485,0.03727,-0.06599,-0.0176,0.05992,-0.0322,0.01731,-0.10093,-0.03178,-0.01406,0.03346,-0.03058,-0.02565,0.02015,-0.01952,0.01199,0.01829,0.01745,0.00405,-0.02893,-0.00171,-0.04579,-0.02471,-0.0218,0.00277,-0.04537,-0.04168,0.02066,0.02653,-0.02835,0.02698,0.04477,-0.04951,0.01442,-0.02341,0.07366,-0.04523,-0.04132,0.03136,0.01616,-0.02587,0.01135,-0.04031,-0.00904,0.01454,0.08206,0.10354,0.0697,-0.04646,0.04399,-0.00139,-0.0107,0.04916,-0.0502,0.09927,0.0263,0.01096,0.02407,0.02684,0.07295,0.12486,0.02341,-0.0532,0.04553,0.09666,0.03204,0.07345,-0.01386,0.05059,0.07483,-0.01036,0.08736,0.03418,0.12465,0.07591,0.01259,-0.04456,-0.0609,0.07659,-0.003,-0.03865,-0.00186,0.01349,0.01443,-0.02023,0,-0.0722,-0.02434,-0.03512,0.00451,0.04596,0.09735,-0.04574,-0.01226,0.00666,-0.04483,0.05374,0.06521,0.01155,-0.0163,0.029,-0.01104,-0.06105,0.00418,-0.06583,-0.12251,-0.05767,0.00454,0.04768,0.07397,-0.00689,-0.06689,-0.00321,-0.02677,0.05215,-0.03895,-0.04723,0.0238,0.05228,0.06874,-0.01557,0.10645,-0.07526,0.05769,0.01445,0.07098,0.04271,-0.01626,0.02065,-0.04401,-0.02978,0.06494,-0.07067,-0.06613,-0.1097,-0.0119,-0.04592,0.07521,-0.04861,0.15773,0.06538,0.07026,-0.07042,-0.0468,0.07651,0.00629,-0.04472,-0.02575,0.00914,0.07085],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.6.0 - 2025-07-23 Reworked connection reassignment, refreshed the minimap, added debounced fCanvasChange, and introduced fDragBlocker. - v17.5.5 - 2025-07-19 Stabilization release focused on rendering, drag handling, and example hardening. f Canvas Change f Drag Blocker","excerpt":"- v17.6.0 - 2025-07-23 Reworked connection reassignment, refreshed the minimap, added debounced fCanvasChange, and introduced fDragBlocker. - v17.5.5 - 2025-07-19 Stabilization release focused on rendering, drag handling, and example hardening."},{"chunkId":"/docs/roadmap#19","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.08156,0.04745,-0.05138,-0.01648,-0.00093,0.00158,-0.03248,0.06085,-0.03595,0.03546,-0.06808,-0.01544,-0.1091,0.00146,0.03727,0.00556,-0.05425,0.02932,-0.01211,0.05744,-0.01962,-0.02422,-0.00638,-0.01908,-0.08413,0.07472,-0.03331,-0.02822,-0.01111,-0.07517,0.06235,0.14096,0.00702,-0.00524,-0.08573,0.00779,0.0078,-0.01712,-0.03583,-0.03277,0.06958,0.00997,0.03697,-0.00771,-0.03208,0.00745,-0.01403,-0.01674,-0.0668,0.06439,-0.0693,-0.15021,-0.02951,0.10853,0.00535,-0.00609,0.00954,-0.07866,0.01192,0.01411,0.03227,-0.04717,-0.01126,0.03965,-0.00239,-0.0266,-0.08121,-0.04996,0.00675,-0.04881,-0.01932,-0.02153,0.00946,-0.07721,0.06137,-0.01484,0.0407,0.06714,0.02602,-0.07466,0.03646,0.0278,0.01508,0.02302,-0.03228,0.0752,0.00915,-0.03452,0.00789,0.02969,0.0109,0.05919,0.00437,-0.02105,0.0014,-0.00236,-0.046,-0.05006,-0.07898,0.02712,0.01308,-0.04052,0.06773,0.00053,-0.08089,-0.03392,0.00174,0.01074,-0.0265,-0.02861,-0.02933,0.0465,-0.00315,-0.12292,-0.0271,-0.03613,-0.06484,-0.02456,0.06633,0.05226,-0.00218,-0.02394,0.02934,-0.02013,0.04281,0.00875,-0.07703,0,-0.03348,0.04799,-0.02896,0.06894,0.04528,-0.00405,0.03169,-0.07166,-0.02086,-0.01173,0.03495,0.0612,-0.07687,0.01739,-0.01854,-0.14066,-0.08498,0.05004,0.03246,0.03799,0.13333,-0.08651,-0.03993,-0.00003,0.09417,0.07048,-0.01934,0.04331,-0.05758,0.04361,-0.00103,0.00315,-0.0187,-0.01582,-0.04134,0.03227,-0.06761,-0.10865,-0.04468,-0.08161,-0.00265,-0.01613,-0.12856,-0.03719,0.04466,-0.00016,-0.05525,0.00204,0.13118,0.00695,0.02978,0.02337,0.01898,0.0392,0.06474,-0.03607,-0.0243,0.03088,0.04106,0.06539,0.0457,0.07476,-0.05995,-0.06622,0.04098,0.0632,0.0803,0.01221,0.04288,-0.05188,-0.0784,0.05519,0.02266,0.02565,0.02686,-0.00827,0.03626,0.00856,0.0461,0.00344,-0.04081,0.00744,0.04229,0.06263,0.1145,-0.05975,0.00197,-0.03307,-0.07864,-0.00032,0.10093,-0.02841,0.00652,0.03411,0.04468,0,-0.02417,-0.00428,-0.07606,0.08549,0.00775,-0.08145,0.02952,0.0495,0.04121,-0.03036,0.04771,0.02602,-0.02431,0.00667,0.05198,-0.045,-0.00667,-0.1445,0.01977,-0.01722,0.04011,0.01694,-0.03349,-0.00397,-0.05397,0.02392,0.06688,-0.01197,0.00175,-0.04281,-0.04024,-0.0637,-0.03848,-0.01036,-0.01746,-0.08417,-0.04989,0.06604,0.03539,-0.04485,0.05429,0.03632,-0.02508,0.00097,-0.09487,0.0239,-0.02293,0.01321,0.04096,0.01284,-0.03418,0.02392,-0.04133,-0.03938,-0.0174,0.06125,0.10495,0.01988,-0.01323,0.02663,-0.00929,0.02299,0.06287,-0.04442,0.08228,0.05919,-0.01428,-0.03258,-0.01809,0.10621,0.06524,0.03271,-0.04879,0.01972,0.08191,0.06415,0.10338,-0.02977,0.03076,0.00742,-0.01386,0.09054,0.02129,0.06339,0.07905,-0.00288,-0.08904,-0.07899,0.08641,0.0616,-0.06562,0.01294,-0.01252,0.02088,0.01304,0,-0.11604,-0.0056,-0.03662,-0.00519,0.06316,0.07203,-0.02716,-0.00221,0.0258,0.01758,0.02654,0.10465,0.0285,-0.00114,0.08701,0.00002,-0.03955,0.00353,-0.0569,-0.10307,-0.02989,0.00906,0.06157,0.0525,0.01445,-0.06357,-0.04612,0.01966,0.01407,-0.02541,-0.00605,0.04287,0.06148,0.06148,-0.03454,0.03007,-0.1103,0.04415,-0.03753,0.01256,0.02394,-0.00025,0.00524,-0.01823,-0.07377,0.06268,-0.0997,-0.0442,-0.07633,-0.01657,-0.06426,0.05299,-0.03226,0.11811,0.03299,0.11031,-0.02574,-0.03719,0.03922,-0.01342,-0.06984,-0.02181,0.03165,0.05578],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.5.0 - 2025-05-11 Added Angular schematics (ng add / ng update), rotatable nodes, fMinimapClass, walkthrough support, and stronger resize handles. Example: Rotate Handle f Minimap Class","excerpt":"- v17.5.0 - 2025-05-11 Added Angular schematics (ng add / ng update), rotatable nodes, fMinimapClass, walkthrough support, and stronger resize handles. Example: Rotate Handle"},{"chunkId":"/docs/roadmap#20","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.02327,0.0213,-0.04023,-0.01799,0.00986,0.02561,0.01181,0.06726,-0.00232,0.02336,-0.03553,-0.03711,-0.10614,0.00813,-0.02116,-0.025,-0.0276,-0.00779,-0.03839,0.05367,-0.01435,-0.11694,-0.02552,-0.01736,-0.06722,0.04746,-0.02541,-0.01634,-0.00908,-0.06479,0.04603,0.11524,0.02247,-0.00613,0.00028,-0.04115,0.04745,-0.03567,-0.06919,-0.01726,0.021,-0.02519,0.03927,0.06537,-0.03714,0.03422,0.04933,-0.03798,-0.05965,0.10054,-0.04281,-0.0925,0.00291,0.07857,0.04617,0.00702,0.02232,-0.09075,0.03036,0.00028,-0.02609,-0.03019,-0.0506,0.04359,-0.05785,0.00336,-0.07571,0.00816,0.03074,-0.09375,-0.02112,0.00458,0.01506,-0.05075,0.04297,-0.02985,0.03102,0.06229,-0.00963,-0.0722,0.0428,0.01322,0.00121,0.02952,-0.01245,0.07325,0.00061,-0.042,-0.01057,0.04115,-0.00305,0.04562,0.01026,-0.00653,0.01926,-0.03024,-0.05394,-0.10982,0.01002,0.01408,0.01587,-0.01515,0.03809,0.04829,0.00625,-0.01511,-0.0104,-0.00619,-0.03091,-0.00508,-0.03129,-0.0261,0.03021,-0.10929,0.02979,0.01311,-0.1032,-0.00379,0.04611,-0.00896,0.00348,-0.02528,0.01204,-0.02305,0.05732,0.03072,-0.07766,0,-0.02727,0.01826,-0.04322,0.08177,0.05625,0.00746,0.03829,-0.04424,-0.03831,-0.02758,-0.00973,0.03178,-0.06717,0.02518,0.00274,-0.13844,-0.05865,0.06489,-0.00123,0.04021,0.11011,-0.10611,-0.01726,-0.002,0.12258,0.07376,-0.04856,0.07271,0.0182,0.0336,-0.08118,-0.01658,-0.00732,-0.02273,-0.05986,0.03263,-0.07934,-0.08921,0.01079,-0.03813,-0.01002,-0.03108,-0.10553,-0.09303,0.03125,-0.01642,-0.05075,0.00458,0.07027,-0.0421,0.06528,0.00706,0.05721,0.01923,0.07119,-0.06078,-0.03681,0.02748,0.02015,0.06298,0.01958,0.07623,-0.07941,-0.0402,0.09628,0.07613,0.08732,0.02182,0.02376,-0.03454,-0.08145,0.05371,0.03438,-0.05264,0.08187,-0.02843,0.00429,-0.01969,0.01953,-0.00403,-0.08835,0.00962,0.05285,0.05682,0.12504,-0.0605,0.01374,0.00228,-0.10463,-0.00896,0.07881,-0.04185,0.02446,0.04797,0.02331,0,0.00199,0.04241,-0.05956,0.06659,0.02673,-0.01614,0.03619,0.05256,0.04955,-0.05064,0.00496,-0.00171,-0.01525,-0.02408,0.02651,-0.02808,-0.03044,-0.13189,-0.04001,-0.06243,0.04136,-0.02211,-0.03531,-0.00895,-0.05938,-0.03705,0.04906,0.00543,-0.01045,-0.03915,-0.0461,-0.0428,-0.04619,-0.00506,0.03907,-0.06334,-0.01296,0.06243,0.05155,-0.00989,0.03346,0.00512,-0.01734,-0.00817,-0.05221,0.07932,-0.06013,0.01416,0.04575,0.00569,-0.07171,0.03502,-0.07154,-0.00271,0.00353,0.07416,0.10443,0.03257,-0.05241,0.02482,-0.00669,-0.05696,0.06224,-0.00842,0.09504,0.02552,-0.01533,-0.00592,-0.007,0.08411,0.10863,0.04037,-0.07777,0.01525,0.05293,0.02959,0.08599,-0.01637,0.05275,0.06434,-0.00178,0.09908,0.06894,0.081,0.03085,0.06425,-0.03807,-0.04034,0.07526,0.0309,-0.07722,-0.01073,0.03438,0.03636,-0.04486,0,-0.12254,0.0187,-0.03403,-0.00385,0.03471,0.085,-0.04657,0.03215,0.00961,-0.01875,0.03459,0.092,0.0175,0.02493,0.06305,-0.02715,-0.02361,-0.01142,-0.03718,-0.10818,0.01344,0.0281,0.01389,0.08549,-0.00901,-0.07589,-0.059,0.02918,0.04588,-0.0494,0.03758,0.02084,0.06729,0.0705,-0.03044,0.05291,-0.08619,0.06434,-0.01194,0.01644,0.07134,-0.01663,-0.0338,-0.03092,-0.08194,0.07685,-0.06469,-0.06116,-0.09096,0.00565,-0.0347,0.09415,-0.00478,0.11845,0.06189,0.10401,-0.05648,-0.04014,0.07808,0.00232,-0.06483,0.00078,-0.03039,0.075],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.4.0 - 2025-02-10 Added custom drag/zoom triggers, grid-based dragging, drag start/end data events, connection validation, and directional resize handles. Examples: Custom Event Triggers, Grid System, Drag Start / End Events, Resize Handle","excerpt":"- v17.4.0 - 2025-02-10 Added custom drag/zoom triggers, grid-based dragging, drag start/end data events, connection validation, and directional resize handles. Examples: Custom Event Triggers, Grid System, Drag Start / End Events, Resize Handle"},{"chunkId":"/docs/roadmap#21","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.07003,0.00768,-0.04467,0.01393,0.0328,0.00283,0.01133,0.05145,-0.00001,0.01339,-0.0612,-0.02733,-0.10924,-0.00675,-0.00107,-0.00102,-0.03109,-0.01394,-0.00851,0.07575,-0.01215,-0.13169,-0.01548,-0.04083,-0.04724,0.05867,-0.02972,-0.02136,-0.00164,-0.07216,0.01274,0.12854,0.00551,0.02514,-0.04691,0.00644,0.0598,-0.03776,-0.07876,-0.03319,0.04612,-0.02582,0.03082,0.03431,-0.00798,0.00479,0.04002,-0.01535,-0.05217,0.10785,-0.05775,-0.09908,-0.01274,0.08405,0.02575,0.06978,0.04357,-0.08995,0.02412,0.01498,-0.01515,-0.03339,-0.02936,0.06059,-0.02424,-0.00944,-0.04072,-0.00697,0.02712,-0.06626,-0.01809,-0.00014,0.01294,-0.07615,0.04368,0.00275,0.0346,0.05662,0.01059,-0.07861,0.05256,-0.01027,-0.0075,0.00824,-0.04474,0.05671,0.00485,-0.05183,-0.01534,0.05257,0.01507,0.05565,0.02633,-0.0017,-0.00585,-0.02088,-0.01774,-0.09898,-0.04119,0.02608,0.00191,-0.02067,0.06283,0.02388,-0.03722,-0.0492,0.00977,-0.00815,-0.05555,-0.01583,-0.04245,-0.03824,0.03971,-0.07054,-0.0257,0.00213,-0.06966,-0.0385,0.08843,-0.02953,0.00326,0.00998,0.01227,-0.01625,0.04893,0.00422,-0.08653,0,-0.01006,0.01236,-0.04092,0.08212,0.05453,-0.01476,0.04491,-0.07666,-0.03512,-0.01475,-0.01516,0.00982,-0.05365,0.06099,-0.01431,-0.12951,-0.05313,0.04882,-0.045,0.05216,0.09564,-0.10568,-0.029,-0.03843,0.10716,0.09691,-0.05157,0.07058,0.00899,0.03794,-0.05443,-0.02123,-0.00035,-0.00264,-0.06463,0.03831,-0.04514,-0.12026,0.01599,-0.04138,-0.00521,-0.0099,-0.08818,-0.0886,0.0499,-0.01717,-0.05491,0.02394,0.05474,-0.00767,0.05933,0.02188,0.02905,0.02635,0.04071,-0.04631,-0.02448,0.0337,0.03407,0.08527,0.03444,0.07659,-0.09059,-0.03995,0.08543,0.09678,0.06366,0.06788,0.00264,-0.06106,-0.09701,0.07069,0.02139,-0.04267,0.08435,-0.01622,-0.0084,-0.05955,0.03594,-0.00166,-0.05225,-0.00678,0.02433,0.0375,0.08854,-0.04931,0.02518,-0.00839,-0.09895,0.00661,0.08923,-0.03286,0.03609,0.03462,0.05376,0,-0.00591,0.01311,-0.03663,0.08411,0.0447,-0.04393,0.0628,0.00139,0.06865,-0.03317,-0.01825,0.03189,-0.02476,-0.02746,0.05521,0.00033,-0.04057,-0.11433,-0.01598,-0.04288,0.05432,-0.04458,0.00755,0.00584,-0.07101,-0.016,0.0634,0.01762,0.00025,-0.05102,-0.02891,-0.02977,-0.05286,-0.01128,0.04355,-0.03054,-0.01722,0.06191,0.06722,-0.02853,0.04704,0.00602,-0.07389,-0.01014,-0.04553,0.06854,-0.09697,0.01168,0.0128,0.00979,-0.09381,0.04651,-0.06419,-0.00033,-0.00529,0.0785,0.10667,0.05135,-0.03289,0.01273,-0.01012,-0.02594,0.04841,-0.0341,0.12114,0.03063,0.02236,0.00153,0.01138,0.08486,0.10991,0.02408,-0.04895,0.00905,0.09864,0.01772,0.09065,-0.00783,0.06383,0.03246,0.01647,0.09862,0.0386,0.08339,0.04088,0.0418,-0.03037,-0.01981,0.05716,0.00416,-0.06946,-0.01903,0.05214,0.03136,-0.03063,0,-0.10718,0.02074,-0.03232,-0.01936,0.03654,0.09562,-0.06873,0.02486,0.00182,-0.03378,0.04017,0.07776,0.02452,0.02383,0.0759,-0.0031,-0.04815,-0.03286,-0.04411,-0.10497,-0.02198,-0.00215,0.03384,0.1054,-0.02148,-0.05993,-0.05045,0.02155,0.04729,-0.0231,-0.0014,0.02392,0.05317,0.08503,-0.04024,0.06495,-0.06802,0.0405,-0.02138,0.04309,0.0753,0.01037,-0.00898,-0.0462,-0.05637,0.06256,-0.07146,-0.07316,-0.09259,-0.02126,-0.05409,0.0663,-0.03062,0.1086,0.0238,0.06341,-0.06703,-0.03784,0.11309,0.03199,-0.06164,0.00349,-0.00694,0.05845],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.2.1 - 2025-02-08 Early grid-dragging work plus a broader fDraggable refactor that prepared the later interaction stack updates. - v17.1.1 - 2025-01-25 Added attach-node-to-connection-on-drop, selection event improvements, line-alignment work, and zoom-trigger refinements. f Draggable","excerpt":"- v17.2.1 - 2025-02-08 Early grid-dragging work plus a broader fDraggable refactor that prepared the later interaction stack updates. - v17.1.1 - 2025-01-25 Added attach-node-to-connection-on-drop, selection event improvements, line-alignment work, and zoom-trigger refinements."},{"chunkId":"/docs/roadmap#22","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.06223,0.0078,-0.02979,-0.00408,0.04315,0.02204,-0.01429,0.10043,-0.04464,0.01554,-0.12555,0.0123,-0.02549,0.02069,0.00988,-0.0045,-0.01062,-0.01696,0.00516,0.01262,-0.02294,-0.11406,-0.00871,-0.06775,-0.01902,0.06679,-0.024,0.00788,0.0023,-0.06152,0.04549,0.10214,0.0146,0.04756,-0.04446,0.01629,0.03103,-0.02731,-0.09424,-0.02613,-0.00142,0.03068,0.01384,-0.00161,0.00997,-0.05265,-0.04474,-0.03032,-0.04778,0.08697,-0.0446,-0.1025,-0.04884,0.12999,0.02638,0.09352,-0.02732,-0.05505,-0.01196,0.04316,-0.00393,-0.08075,0.01634,0.04462,0.01225,0.04162,-0.05359,0.04327,0.0424,-0.03647,-0.02475,0.03203,0.0012,-0.07781,0.02677,0.01727,0.00791,0.03391,-0.01571,-0.08427,-0.02315,0.0353,-0.05553,0.05088,0.0039,0.05375,0.04559,-0.08794,-0.01785,0.03395,-0.04346,0.05654,0.01448,0.03515,0.03897,-0.05105,0.01529,-0.05402,-0.00448,0.03565,0.01912,-0.01871,0.06325,-0.00159,-0.02228,-0.07279,-0.02914,0.00137,-0.08323,-0.03635,-0.05051,0.05846,0.02267,-0.08263,-0.05324,-0.01542,-0.01503,-0.08555,0.05957,0.00801,0.03453,0.04128,-0.03088,0.02949,0.10531,0.06425,-0.05731,0,-0.04205,0.0239,-0.00073,0.0676,0.07679,0.03681,0.05149,-0.04786,-0.06047,0.01295,-0.05114,0.08783,-0.0497,0.00541,0.04277,-0.10994,-0.02455,0.07718,-0.03304,0.07096,0.05798,-0.08977,-0.03686,-0.02988,0.08557,0.07747,-0.0214,0.06695,-0.05278,0.04178,-0.0217,-0.04718,-0.00846,0.07028,-0.01749,0.01643,-0.05166,-0.06265,0.00524,0.00431,-0.02169,0.02257,-0.11831,-0.07872,0.05733,-0.04083,-0.06817,0.02026,0.0881,-0.02258,0.00805,0.02273,0.04152,0.00379,0.04399,-0.08671,-0.00435,0.01206,0.00618,0.05082,0.03027,0.0614,-0.08852,-0.02897,0.06585,0.06715,0.08733,0.02031,-0.01783,-0.0328,-0.05459,0.11729,0.06822,-0.00881,0.10065,-0.02726,0.00553,0.02938,0.01566,-0.02671,-0.02687,-0.00853,-0.02048,0.0465,0.04424,-0.04705,0.04548,0.03838,-0.10732,0.01355,0.06391,-0.04695,0.06053,0.03472,-0.01871,0,-0.00629,0.00994,-0.0371,0.0827,0.08739,-0.05551,0.09625,0.02508,0.05603,0.00516,0.0231,0.04356,-0.00191,-0.00125,0.04108,0.02577,-0.03661,-0.16989,-0.0232,-0.05927,0.02199,0.05802,-0.05289,0.0214,-0.0672,0.03213,0.00776,-0.00395,-0.03605,-0.05373,-0.06012,-0.0456,-0.06222,0.01398,0.00476,-0.0495,0.01945,0.07656,0.00946,-0.01869,-0.02257,0.02119,-0.09952,-0.00558,-0.01186,0.08018,-0.03349,0.0274,-0.06215,0.01928,-0.08141,0.03205,-0.05506,-0.03244,-0.01273,0.04113,0.05218,0.00444,-0.07409,0.04732,0.03687,-0.02292,0.05205,-0.02232,0.05256,-0.00933,-0.04366,0.03113,-0.02567,0.06303,0.08138,0.01745,-0.0117,0.02912,0.06337,0.01047,0.05827,0.01665,0.05776,0.07544,-0.07379,0.10634,0.03985,0.11949,0.08458,0.08203,-0.05439,-0.02119,0.05906,0.00348,-0.07207,-0.00815,-0.00834,0.04396,0.00096,0,-0.09144,-0.02846,-0.082,-0.02409,0.04573,-0.01484,-0.03402,0.07238,0.0607,0.02505,0.0371,0.06604,-0.01151,-0.00288,0.04212,-0.01039,-0.01764,-0.01773,-0.06725,-0.10861,-0.02819,0.01741,-0.00623,0.08581,0.02863,-0.05789,-0.01025,0.02873,0.06654,-0.01427,-0.06898,0.04092,0.03315,0.07101,-0.05478,0.033,-0.04419,0.10529,-0.04325,0.00423,0.04651,0.00934,0.0198,-0.01477,0.00699,0.0623,-0.02112,-0.09341,-0.00204,-0.06331,-0.05299,0.0184,-0.05162,0.08373,0.02616,0.06372,-0.06281,-0.0675,0.11313,-0.00974,-0.08873,0.02989,-0.02887,0.06318],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. 2024 Foundations - v17.0.0 - 2024-12-29 Removed the RxJS dependency, improved connection-text positioning, and expanded examples plus E2E coverage significantly. - v16.0.0 - 2024-09-24 Added SSR support, snap-connection helpers for create/reassign flows, centerNodeOrGroup, getFlowState, and a cleaner canvas API. - 12.6.0 - 2024-09-10 Added f-group, Dagre and ELK.js examples, the DB management reference example, and grouping-aware layer sorting. - v12.5.0 - 2024-08-11 Added minimap support and zoneless compatibility. - v12.4.0 - 2024-08-05 Added multi-layer canvas backgrounds and fixed fit-to-screen-related issues. - V12.2.0 - 2024-04-25 Added custom connection types and early resize-handle support. Rx JS center Node Or Group get Flow State","excerpt":"2024 Foundations - v17.0.0 - 2024-12-29 Removed the RxJS dependency, improved connection-text positioning, and expanded examples plus E2E coverage significantly. - v16.0.0 - 2024-09-24 Added SSR support, snap-connection helpers for create/reassign flows, centerNodeOrGroup, getFlowState, and a cleaner canvas API. - 12.6.0 - 2024-09-10 Added f-group, Dagre and ELK.js examples, the DB management reference example, and grouping-aware layer sorting. - v12.5.0 - 2024-08-11 Added minimap support and zoneless compatibility. - v12.4.0 - 2024-08-05 Added multi-layer canvas backgrounds and fixed fit-to-screen-related issues. - V12.2.0 - 2024-04-25 Added custom connection types and early resize-handle support."},{"chunkId":"/docs/roadmap#23","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.03314,0.0259,-0.04807,-0.05228,0.01988,-0.03491,-0.09191,0.0319,-0.06229,-0.03003,-0.05613,-0.03258,-0.08966,-0.04125,0.02182,0.0128,-0.00734,-0.04474,0.04729,0.05158,-0.00189,-0.01793,-0.04476,-0.04853,-0.05839,0.03868,-0.00857,0.01283,-0.04166,-0.0984,0.08903,0.08797,-0.03138,-0.01419,0.04382,0.01877,0.02391,-0.06089,-0.08581,-0.03947,0.05737,-0.01303,0.0253,0.03669,-0.01744,-0.03879,0.00593,-0.02602,-0.02446,0.03397,-0.01842,-0.05068,-0.00449,0.07594,0.06371,0.064,-0.02176,-0.02458,-0.03705,0.01503,-0.01561,-0.04396,-0.01765,0.03149,-0.01414,0.00857,0.01762,0.01055,0.07132,-0.05888,-0.07197,-0.01179,-0.03087,-0.07693,0.03139,0.05378,0.06209,0.03079,0.03056,-0.13643,0.04314,-0.00963,-0.05956,0.00416,-0.04371,-0.01378,0.02474,-0.06523,0.04632,0.0625,-0.02386,0.07462,0.07373,0.04545,0.0443,0.01484,0.03666,-0.04335,0.02507,0.07215,-0.00783,0.00486,-0.00065,0.00643,-0.02581,-0.00906,0.01782,0.04289,-0.01174,-0.02548,-0.01617,-0.02348,0.03362,-0.0772,0.00589,-0.01508,-0.08727,-0.00325,0.03224,0.01436,-0.0234,-0.05127,0.03265,0.00246,-0.01541,0.01023,-0.05477,0,-0.05207,0.0068,-0.0428,0.0169,0.06422,-0.0065,0.05052,-0.03504,-0.12306,-0.02764,-0.04521,0.04173,-0.08102,0.01037,0.03537,-0.15346,-0.05049,0.11104,0.03211,0.01264,0.10558,-0.08577,-0.05444,-0.08846,0.14841,0.03879,-0.01057,0.02204,-0.0063,0.02318,-0.00874,0.02418,-0.00729,0.00914,-0.04162,0.03776,-0.08893,-0.07766,-0.01505,-0.01109,-0.00034,0.00863,-0.09305,-0.08861,0.04498,-0.0368,-0.04079,-0.00254,0.05643,0.00161,0.00585,0.00209,-0.0112,0.00407,0.06362,-0.1069,-0.00181,0.02212,0.04829,0.1041,0.03383,0.11065,-0.06258,-0.01948,0.07668,0.09228,0.03692,0.01768,0.02247,-0.03158,-0.07444,0.03844,0.06467,-0.03596,0.07678,-0.00804,-0.00716,-0.00571,-0.00413,0.00024,-0.11225,-0.00085,-0.01903,0.0369,0.09029,-0.02868,-0.03366,0.00164,-0.05633,0.05439,0.03942,-0.03655,0.05987,0.07404,-0.00825,0,-0.02118,0.01028,-0.02884,0.05422,0.01832,-0.0433,0.06247,0.0289,0.0663,0.00819,0.01494,0.02953,0.02984,-0.06973,0.05548,-0.07277,0.00316,-0.12276,0.0164,-0.00582,0.01245,0.05867,-0.12698,-0.01751,-0.00113,0.01425,0.0647,0.00451,-0.04395,-0.02292,-0.01889,-0.03371,-0.06144,-0.02882,0.08047,-0.00381,0.01092,0.06163,0.0123,-0.05873,0.05899,0.00185,-0.11545,0.00343,-0.01576,0.09544,-0.03667,0.01393,0.00991,0.02189,0.00947,0.05979,-0.0298,-0.01327,-0.01232,0.08246,0.07889,0.08306,-0.07393,0.01719,0.09275,-0.0392,0.09406,-0.02303,0.0779,0.01222,-0.01675,0.03299,-0.01612,0.07308,0.07959,0.02755,-0.01048,0.0288,0.0893,0.00455,0.02821,-0.00377,0.01539,0.05095,-0.1193,0.13806,0.03126,0.08396,0.0299,0.01197,-0.03218,-0.01122,0.11129,0.02979,-0.0391,-0.00089,-0.04928,0.05193,-0.03538,0,-0.02847,-0.00258,-0.04857,0.03513,0.08001,0.08018,-0.0331,-0.02298,0.03829,0.00809,0.06457,0.0472,-0.04205,-0.02735,0.03988,-0.02777,-0.03472,-0.02348,-0.0792,-0.06926,-0.04296,0.03824,-0.01013,0.04939,-0.00981,-0.09327,0.03744,0.01913,0.02001,-0.00116,-0.01489,0.03872,0.00138,0.08009,-0.04917,0.08781,-0.06265,0.10002,0.00053,0.00378,0.02686,-0.01887,0.00064,-0.02897,-0.0048,0.01813,-0.12217,-0.01236,-0.03365,-0.04015,-0.11177,0.05063,-0.05409,0.11718,0.09418,0.03582,-0.08141,-0.08587,0.00755,0.03325,-0.01552,-0.02059,0.05816,0.03398],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Capability Map - State and persistence: v19.1.0, v17.7.0 - Performance and scale: v19.1.0, v18.6.1, v18.3.0, v18.2.0, v17.9.5, v12.5.0 - Connection authoring and routing: v19.1.0, v19.0.0, v18.3.0, v18.0.0, 17.8.5, v17.8.0, v16.0.0, V12.2.0 - Editor UX and interactions: v19.1.0, v19.0.0, v18.6.0, v18.4.0, v18.1.0, v17.7.0, v17.6.0, v17.5.0, v17.4.0, v17.1.1 - Platform and integration: v19.1.0, v19.0.0, v18.5.0, v18.4.0, v18.3.0, v16.0.0, v17.5.0, v18.1.0","excerpt":"Capability Map - State and persistence: v19.1.0, v17.7.0 - Performance and scale: v19.1.0, v18.6.1, v18.3.0, v18.2.0, v17.9.5, v12.5.0 - Connection authoring and routing: v19.1.0, v19.0.0, v18.3.0, v18.0.0, 17.8.5, v17.8.0, v16.0.0, V12.2.0 - Editor UX and interactions: v19.1.0, v19.0.0, v18.6.0, v18.4.0, v18.1.0, v17.7.0, v17.6.0, v17.5.0, v17.4.0, v17.1.1 - Platform and integration: v19.1.0, v19.0.0, v18.5.0, v18.4.0, v18.3.0, v16.0.0, v17.5.0, v18.1.0"},{"chunkId":"/docs/roadmap#24","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.02241,-0.00184,-0.01642,-0.034,0.01157,0.02025,-0.02531,0.06932,-0.02568,0.00445,-0.08103,-0.05093,-0.08519,-0.0313,0.03787,-0.00203,-0.04205,-0.01916,0.00863,0.03913,0.01169,-0.07038,0.00522,0.0048,-0.07809,0.06006,-0.02799,-0.05131,-0.0577,-0.04347,0.03854,0.13018,0.05611,0.03792,-0.01219,-0.01658,0.02919,-0.04696,-0.0292,-0.02887,0.00994,-0.01607,0.00681,0.04186,-0.01409,0.01752,0.04213,-0.04445,-0.07276,0.08552,-0.0333,-0.10093,-0.02785,0.09801,0.01821,0.04374,0.01443,-0.07254,-0.00309,0.01355,-0.00584,-0.04224,-0.05123,0.04815,-0.00448,-0.00829,-0.05434,0.0623,0.03534,-0.10119,-0.02883,0.03297,0.03045,-0.08504,0.03648,-0.01211,0.06385,0.07487,0.00397,-0.11197,0.0319,0.01296,0.01278,-0.00465,-0.02647,0.01816,0.02934,-0.01796,-0.02413,0.03218,-0.00572,0.06994,0.05448,-0.01965,0.03017,-0.00886,-0.02836,-0.07178,0.00692,0.01081,0.02787,-0.0454,0.06383,-0.00587,-0.03606,-0.02318,0.01351,0.05283,-0.00005,-0.02829,-0.05005,0.01041,0.04028,-0.11061,-0.01823,0.01337,-0.06204,0.02122,0.06423,0.03033,-0.02121,-0.02567,0.05899,-0.04285,0.02199,0.03069,-0.05999,0,-0.02543,0.01558,-0.04395,0.06618,0.03556,-0.02693,0.03403,-0.06795,-0.02343,-0.02881,0,0.03532,-0.07119,0.05102,-0.04264,-0.13598,-0.10996,0.0457,0.05338,0.06194,0.12462,-0.09054,-0.00685,-0.02382,0.11106,0.04773,-0.00267,0.02848,-0.01555,0.04865,-0.07358,-0.00415,0.01748,-0.03515,-0.02461,0.03097,-0.0744,-0.07929,-0.01138,-0.07494,-0.01241,-0.03717,-0.11841,-0.07949,0.05742,-0.00715,-0.09307,-0.03075,0.12941,-0.02753,0.05085,-0.00854,0.00922,0.02563,0.04477,-0.04946,-0.01492,-0.01818,0.02267,0.06412,0.07055,0.06847,-0.04402,-0.06861,0.01379,0.09333,0.05604,0.06147,-0.00368,-0.02409,-0.09319,0.07354,0.0126,-0.03035,0.05419,0.00581,-0.01886,0.00089,-0.0082,-0.00055,-0.07569,0.00994,0.02979,0.07601,0.11106,-0.02038,0.03138,-0.00591,-0.10758,0.00772,0.10462,-0.03809,0.00139,0.02798,0.06334,0,-0.00885,0.02327,-0.06161,0.06509,0.0638,-0.06337,0.01173,0.05903,0.09362,-0.01037,-0.04086,0.04628,-0.02745,-0.04767,0.01819,-0.07896,0.0297,-0.14042,-0.00777,-0.00917,-0.0013,-0.02783,-0.03185,-0.07269,-0.02946,-0.00387,0.05593,0.04318,0.01915,-0.08038,-0.02757,-0.02987,-0.06423,-0.02617,0.0237,-0.03138,-0.01189,0.02076,0.00814,-0.02431,0.05975,-0.0069,-0.06613,-0.01871,-0.06484,0.06373,-0.07267,-0.00223,0.01879,0.00238,-0.00495,0.00584,-0.03206,-0.0244,-0.01542,0.0726,0.06891,0.03398,-0.03816,0.057,-0.04579,0.02512,0.07376,-0.00679,0.04881,-0.0068,-0.01344,0.02895,-0.03233,0.08979,0.09901,0.02492,-0.10008,0.06163,0.06121,0.03524,0.0328,-0.00996,0.01455,0.06124,0.01313,0.10637,0.03888,0.1386,0.07742,0.02836,-0.02381,-0.09373,0.06823,-0.00863,-0.06131,-0.02491,0.00863,0.04176,-0.02458,0,-0.09865,-0.01942,-0.04711,0.01339,0.04785,0.07546,-0.06663,0.02772,0.00966,-0.01024,0.03915,0.0796,-0.00645,-0.00617,0.02871,-0.00101,-0.01624,-0.00283,-0.03351,-0.132,-0.05993,0.00863,0.05504,0.06422,0.01452,-0.05243,-0.02134,-0.00279,0.04,-0.03089,0.02044,0.03484,0.02298,0.03567,0.01409,0.05346,-0.072,0.06719,-0.01834,0.01186,0.0342,0.00329,0.02035,-0.00006,-0.07293,0.03972,-0.09182,-0.07349,-0.08384,-0.04508,-0.03621,0.07312,-0.02887,0.14315,0.04014,0.07637,-0.05764,-0.07098,0.09522,0.00821,-0.04456,0.00135,0.04701,0.09524],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Related Links - GitHub Releases - Changelog - Examples Overview - Articles Overview - GitHub Discussions Git Hub","excerpt":"Related Links - GitHub Releases - Changelog - Examples Overview - Articles Overview - GitHub Discussions"},{"chunkId":"/docs/roadmap#25","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.02418,-0.00426,-0.0092,-0.05356,0.03425,0.01494,-0.06032,0.06104,-0.01009,0.02885,-0.03256,-0.00123,-0.10358,-0.0492,0.04583,-0.01717,-0.0561,-0.07166,0.01004,0.07329,0.00244,-0.02997,0.0054,-0.00298,-0.03901,0.07661,-0.04391,-0.05499,-0.05518,-0.01098,-0.00232,0.12336,0.03414,0.00851,0.03721,-0.01372,0.03986,-0.0259,0.02443,-0.01122,0.01635,-0.01792,0.00294,0.05433,-0.00709,0.01517,0.02968,-0.01148,-0.08253,0.10966,-0.05207,-0.06991,-0.04802,0.08025,0.03141,0.08367,0.01815,-0.04113,-0.03612,-0.0013,-0.00768,-0.04615,-0.05231,0.00395,-0.00402,-0.01207,-0.01073,0.01318,0.03783,-0.06764,-0.03403,0.04103,-0.00199,-0.08102,0.01471,-0.01588,0.08007,0.06655,0.01379,-0.13901,0.05089,-0.02666,-0.00078,-0.02111,-0.02739,-0.01558,0.03824,-0.04934,-0.02877,0.03186,0.01939,0.02677,0.06738,0.00759,-0.0184,-0.02036,-0.01316,-0.03854,0.05779,0.04506,0.04322,-0.03658,0.0493,-0.00333,-0.03616,-0.01282,0.00083,0.04118,-0.02835,-0.02081,-0.02313,0.03372,-0.00322,-0.08518,0.00362,-0.02342,-0.0783,0.04574,0.05434,0.04352,-0.00141,-0.0218,0.07464,-0.01616,-0.08432,-0.00001,-0.06383,0,-0.03454,-0.01251,-0.05347,0.04511,0.01476,-0.02008,0.03911,-0.06291,-0.00243,-0.04501,-0.01853,0.0087,-0.07978,0.02025,-0.02828,-0.09597,-0.07117,0.06974,0.0624,0.06206,0.15636,-0.09527,-0.01608,-0.03898,0.10991,0.03979,-0.02308,0.00427,-0.06028,0.03006,-0.07252,0.0168,0.04712,-0.06073,-0.02427,0.04046,-0.06497,-0.09186,0.00163,-0.10799,0.02131,-0.01904,-0.09901,-0.06619,0.10774,0.02748,-0.08403,-0.04402,0.16034,-0.03827,0.03386,-0.02194,-0.00905,0.03196,0.04088,-0.05938,0.00267,-0.03977,0.0259,0.03416,0.09984,0.06414,-0.03725,-0.05979,0.02707,0.12089,0.01566,0.05194,0.00191,-0.03854,-0.08885,0.06709,0.00039,-0.02783,0.08457,-0.0012,-0.0415,0.01802,0.02585,-0.00544,-0.02867,0.01984,-0.03061,0.06917,0.13126,0.00959,0.03113,0.01163,-0.05438,0.03463,0.09355,-0.01037,-0.05578,0.02798,0.06666,0,-0.0026,0.03687,-0.07468,0.02368,0.011,-0.06226,-0.03215,0.06914,0.09022,-0.01157,-0.02861,0.03691,-0.02443,-0.06629,-0.00996,-0.07644,0.01511,-0.11679,-0.00336,0.00081,-0.01121,-0.07141,-0.01829,-0.03233,0.00931,-0.02186,0.07259,0.03522,0.00868,-0.09502,0.00185,-0.03911,-0.06565,-0.0378,0.04291,-0.04028,-0.01177,-0.04526,0.00154,0.00291,0.04871,0.02921,-0.04776,0.00407,-0.04957,0.07883,-0.01956,0.02914,0.05342,0.00065,0.05296,0.00035,0.013,-0.04874,-0.02713,0.06384,0.05703,0.02858,-0.0682,0.0478,-0.03612,0.06003,0.07406,-0.04,0.05382,-0.01297,0.00705,0.04618,-0.01286,0.11149,0.05259,-0.01126,-0.12612,0.0172,0.05814,0.03281,0.01261,0.00518,0.04154,0.02212,-0.00472,0.10006,0.03193,0.13411,0.04453,-0.02913,0.00049,-0.11029,0.07047,-0.0336,-0.05349,-0.03706,-0.02373,0.01933,-0.01342,0,-0.05716,0.01846,-0.05213,0.00413,0.0954,0.08719,-0.07361,-0.01672,0.04169,-0.01447,0.01236,0.04985,-0.00703,-0.01594,0.00294,-0.01413,-0.00397,-0.0369,-0.03806,-0.13566,-0.0726,0.01194,0.0825,0.02835,0.03529,-0.06179,-0.0287,0.00479,0.05494,-0.00669,0.01801,0.03334,0.03804,0.01504,0.02956,0.03117,-0.00456,0.08847,0.01692,0.02652,0.05311,0.02644,0.01301,0.04332,-0.05728,0.00517,-0.07815,-0.07691,-0.09151,-0.05452,-0.05918,0.06816,-0.01503,0.09647,-0.00778,0.09821,-0.06796,-0.02189,0.07605,-0.00356,-0.00644,-0.02869,0.06292,0.10887],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Notes - Published releases appear in the timeline; unreleased work is confined to Current Status and labelled explicitly. - If you are planning an upgrade, prefer the changelog for migration guidance and this page for historical context. - For work not assigned to a version, use discussions and issues rather than the release timeline.","excerpt":"Notes - Published releases appear in the timeline; unreleased work is confined to Current Status and labelled explicitly. - If you are planning an upgrade, prefer the changelog for migration guidance and this page for historical context. - For work not assigned to a version, use discussions and issues rather than the release timeline."},{"chunkId":"/docs/errors#0","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[0.01754,-0.01208,-0.038,0.00134,0.01084,-0.05478,-0.02465,0.01631,-0.03419,-0.02834,-0.01381,-0.04512,-0.07542,-0.01962,-0.02519,0.00974,-0.09168,-0.02736,0.01825,0.07804,-0.02694,0.01936,-0.07635,0.04162,-0.07876,0.00191,-0.03576,0.0187,-0.00552,-0.01972,0.05088,0.13163,-0.04461,0.01746,0.07162,0.02229,0.05723,-0.07337,-0.06753,-0.0074,0.07836,-0.00798,0.05417,0.04504,-0.06485,0.00003,-0.02723,-0.10687,-0.03232,-0.02528,-0.02217,0.00257,-0.00828,0.04182,0.08004,0.00186,0.01542,-0.03393,0.02975,0.06511,0.02233,-0.02975,-0.02862,-0.00277,0.04407,0.029,-0.06282,-0.02043,-0.03464,0.03261,-0.06823,0.04565,-0.02591,0.01946,0.05996,0.08121,0.00557,-0.00591,-0.00646,-0.08898,-0.02585,-0.02096,0.02579,-0.01561,-0.0012,0.06561,0.01356,-0.03556,-0.01275,0.0658,-0.03603,-0.01054,0.01146,0.07033,0.01726,-0.01022,0.00983,-0.09682,-0.06608,0.00657,-0.03742,-0.05007,0.06256,0.08807,-0.03088,-0.00223,-0.01336,0.08269,-0.05219,-0.06485,-0.05395,-0.00841,0.05983,-0.09959,0.01945,-0.00443,-0.05926,-0.00467,0.02504,0.03365,-0.00716,-0.05198,0.02916,0.03207,0.03445,0.00855,-0.01037,0,0.05293,0.01253,-0.04312,0.07348,0.07004,0.03193,0.02238,-0.03648,-0.0424,-0.00548,0.0065,-0.00803,-0.03478,-0.02789,0.00184,-0.03582,0.02061,0.04771,-0.06197,0.04138,0.13147,-0.10233,0.00707,-0.04362,0.05989,0.09862,-0.06306,0.03636,0.0225,0.05536,-0.04714,-0.03765,0.08808,-0.04451,0.02428,-0.00471,-0.01628,-0.00572,-0.08372,-0.02632,-0.0247,-0.01433,-0.10718,-0.0371,0.09593,-0.06464,-0.05073,0.00993,0.0345,0.05592,-0.06011,0.03552,0.03109,0.04365,0.02121,-0.03638,0.00591,-0.00531,-0.06652,0.03281,0.05271,0.06267,-0.06868,-0.08637,0.06203,0.0045,0.04269,0.02992,0.00963,0.00217,-0.08292,0.03188,0.05829,0.02868,-0.00718,-0.03573,-0.0302,-0.01331,0.00718,-0.03026,-0.02573,-0.03559,-0.00025,0.02886,0.04636,-0.04192,-0.03852,-0.00294,-0.14402,0.10107,0.10756,-0.02482,0.04751,0.00301,-0.02399,0,-0.0259,0.01218,-0.05698,-0.00214,-0.02605,-0.05844,0.02956,0.07338,0.092,-0.00298,0.03216,0.05162,-0.0463,-0.06862,-0.02171,-0.04325,-0.06276,-0.11646,0.06265,0.02013,0.05097,0.01986,-0.00942,-0.03408,-0.04767,0.07142,0.03464,0.07226,-0.02823,-0.01852,0.08329,0.08553,-0.05296,0.03036,0.04047,-0.06019,0.00455,-0.00152,0.04441,-0.08952,0.07875,0.13802,-0.0246,-0.02573,-0.00818,0.02604,-0.01384,-0.07872,0.02863,-0.01226,-0.04639,-0.03412,-0.00937,0.03093,-0.08501,0.02569,0.03084,0.11023,-0.0809,0.07051,0.0665,-0.05802,0.03694,0.0105,0.03247,0.00378,0.02553,0.08337,0.08321,0.08315,0.05551,0.0537,-0.08471,0.02864,0.02049,0.016,-0.06115,0.01523,0.06902,0.10983,-0.00916,0.09824,-0.03286,0.13482,0.09363,-0.0611,0.00149,0.06214,0.00772,-0.05277,-0.04853,0.01716,-0.02572,0.01875,-0.00214,0,-0.07331,-0.07343,-0.15042,-0.0263,0.08874,0.02449,-0.06733,-0.07105,-0.01842,-0.00017,-0.02379,0.05864,-0.03429,0.00945,0.03196,-0.08657,-0.07282,-0.0096,-0.05791,-0.07064,-0.0652,0.06305,0.0173,0.00884,-0.03132,-0.08481,0.0609,0.01629,0.01952,-0.00938,-0.0038,0.01069,0.00392,0.03315,-0.03599,0.12523,0.02311,0.07285,-0.04745,0.00382,0.0521,0.01989,-0.01006,-0.04001,-0.01039,0.04844,-0.03001,0.04708,-0.04397,-0.07209,-0.0405,0.10543,-0.09841,0.0643,-0.026,-0.0205,-0.08213,-0.0283,0.0146,0.02249,-0.03609,0.01725,0.05254,0.01099],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. Errors and Warnings Foblex Flow reports misconfigurations with stable FFxxxx codes. Dev-mode warnings are emitted once per cause and stripped from production builds; errors keep their code in all builds. Each code below lists the cause and the fix. F Fxxxx","excerpt":"Errors and Warnings Foblex Flow reports misconfigurations with stable FFxxxx codes. Dev-mode warnings are emitted once per cause and stripped from production builds; errors keep their code in all builds. Each code below lists the cause and the fix."},{"chunkId":"/docs/errors#1","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.00149,-0.00367,-0.05364,0.02814,0.01662,-0.01613,-0.026,0.0496,0.01028,-0.0493,-0.02134,-0.05662,-0.04491,0.00219,-0.05076,-0.02866,-0.04389,-0.07774,-0.0221,0.08775,-0.04062,-0.02118,-0.04499,-0.02041,-0.0538,-0.01751,0.0022,0.00898,0.01375,-0.00802,0.02383,0.12645,-0.0842,0.02919,0.09769,0.02445,0.04679,-0.06089,-0.07305,-0.0053,0.08561,-0.05882,0.0136,0.01605,-0.03181,0.01468,-0.02654,-0.05554,-0.01667,-0.0025,-0.06885,0.07061,-0.02057,0.06968,0.04181,0.06993,0.00418,-0.0704,-0.0254,0.04939,0.00583,-0.06905,-0.00106,-0.01502,0.02524,0.02104,-0.03055,-0.04189,0.0022,0.01013,-0.04017,0.04161,-0.03454,-0.03031,0.06758,0.1119,0.0033,0.06188,0.00683,-0.11998,0.03428,-0.00692,0.03714,-0.04368,0.04247,0.09608,-0.04969,-0.04951,-0.05414,0.07928,-0.04115,-0.00059,-0.0233,0.00684,0.02588,-0.00587,0.035,-0.00981,-0.00855,0.03656,-0.05697,-0.02465,0.07966,0.0696,-0.01061,0.01592,-0.02474,0.08809,-0.05014,-0.06648,-0.02084,-0.01106,0.0911,-0.04157,-0.0009,0.01932,-0.03558,0.01224,0.04348,0.05315,-0.02518,-0.04257,0.04766,0.0689,-0.00564,0.00548,-0.03851,0,0.02246,0.00632,-0.0244,0.01279,0.02938,0.0239,0.0161,-0.02515,-0.05093,0.0256,-0.03055,0.01785,-0.02764,-0.03811,-0.05717,-0.04491,0.0381,0.053,-0.07794,0.00175,0.09998,-0.06424,0.03993,-0.09896,0.02544,0.08611,-0.10564,0.06554,0.01104,0.02961,-0.05134,-0.00399,0.093,-0.06196,0.00473,-0.0368,0.03718,-0.04856,-0.14024,-0.0169,-0.06625,0.00958,-0.05542,-0.03694,0.04901,-0.05657,-0.03762,0.01754,0.00046,0.04082,-0.04669,0.02051,0.00111,-0.01319,-0.00014,-0.07045,0.0004,0.0266,-0.05659,0.04099,0.0365,0.0549,-0.10677,-0.03721,0.05621,0.08167,0.04128,0.02944,-0.0127,0.02912,-0.04259,0.08931,0.04011,0.02158,0.04476,-0.01916,-0.05411,-0.02246,0.00919,-0.03447,-0.03518,0.00273,-0.04346,0.0649,0.02506,-0.0338,-0.0205,-0.06004,-0.11165,0.02464,0.12189,0.02574,0.04261,-0.01541,-0.00045,0,-0.03891,0.02605,-0.06696,-0.02402,0.01411,-0.02965,0.05272,0.02822,0.06687,-0.0314,0.07387,0.0559,-0.05714,-0.10868,-0.03798,-0.0256,-0.00307,-0.06942,0.01175,-0.00477,0.08453,0.03573,-0.00579,-0.04175,-0.03354,0.05633,0.03687,0.03811,-0.05688,-0.00932,0.08105,0.06639,-0.06256,0.03051,0.021,-0.03746,-0.04008,-0.00711,0.08764,-0.06569,0.04462,0.13467,-0.04737,0.01595,-0.0216,0.02836,-0.09186,-0.09642,0.04175,-0.01412,-0.04879,-0.00504,-0.00994,0.02707,-0.10168,0.03078,0.06397,0.0781,-0.07626,0.05944,0.09124,-0.0436,-0.00417,0.01064,0.08808,-0.00478,0.0086,0.06923,0.09313,0.08696,0.10562,0.02114,-0.06317,0.03585,0.03683,0.00447,-0.04292,-0.00045,0.05018,0.13171,-0.03548,0.08661,-0.02444,0.10127,0.09447,-0.03562,0.01374,0.03906,0.04352,-0.00156,-0.01111,0.00727,-0.06069,0.01612,-0.02278,0,-0.09451,-0.02652,-0.15525,-0.00969,0.07322,-0.01659,-0.09185,-0.07569,-0.05384,-0.01908,-0.06327,0.03906,-0.05047,-0.03662,0.07163,-0.07124,-0.01603,-0.03941,-0.06277,-0.05495,-0.07948,0.04019,-0.06866,0.02717,-0.05834,-0.08203,0.02371,0.03456,0.03533,-0.0039,-0.02176,0.00661,0.00667,0.07401,-0.08337,0.09802,-0.01058,0.05075,-0.08241,0.04666,0.0655,0.0104,-0.00281,-0.0293,0.00897,0.06444,0.0154,0.01026,-0.04284,-0.01136,-0.00879,0.06312,-0.07443,0.04134,-0.0214,-0.07064,-0.03625,0.05798,0.03587,0.02905,-0.02704,0.03286,0.04208,0.00339],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1001 Warning: connection endpoint not found. A <f-connection references an fSourceId / fTargetId that does not match any rendered connector, so the connection is not drawn. The warning lists the currently registered connector ids. Causes and fixes: - The id does not match a fConnectorId (or legacy fOutputId / fInputId) exactly — comparison is string-based, so a number 1 from one source and a string '1' from another do match after normalization, but out-1 vs out1 do not. - The connector's node is not rendered (wrong @for source, filtered out, or outside <f-canvas). - The connection is rendered before its connectors — during a progressive (fVirtualFor) render this is a normal transient state and is not reported. f Source Id f Target Id f Connector Id f Output Id f Input Id f Virtual For","excerpt":"FF1001 Warning: connection endpoint not found. A <f-connection references an fSourceId / fTargetId that does not match any rendered connector, so the connection is not drawn. The warning lists the currently registered connector ids. Causes and fixes: - The id does not match a fConnectorId (or legacy fOutputId / fInputId) exactly — comparison is string-based, so a number 1 from one source and a string '1' from another do match after normalization, but out-1 vs out1 do not. - The connector's node is not rendered (wrong @for source, filtered out, or outside <f-canvas). - The connection is rendered before its connectors — during a progressive (fVirtualFor) render this is a normal transient state and is not reported."},{"chunkId":"/docs/errors#2","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[0.0393,0.04121,-0.08241,0.01569,0.02547,-0.0133,-0.08599,0.08072,-0.02571,-0.03181,-0.03469,-0.01481,-0.07657,0.00019,0.02002,-0.00845,-0.04865,0.00052,0.02722,0.07112,-0.08316,-0.05727,0.00756,-0.0102,-0.08707,0.03067,-0.03591,0.05655,0.01826,-0.04717,0.08292,0.08918,-0.01473,0.04946,0.09308,0.01807,0.0652,-0.073,-0.12302,-0.01018,0.04935,0.00884,0.05413,-0.01557,-0.04178,0.0061,-0.01782,-0.0647,-0.0163,0.01597,-0.04366,-0.00086,0.0322,0.0757,0.03196,0.03607,0.01682,-0.06121,0.01223,0.0328,0.02045,-0.06539,-0.00562,0.01797,-0.01867,0.03932,-0.1178,-0.02261,-0.09168,0.04133,-0.00344,0.02912,-0.02158,-0.03937,0.07653,-0.02124,-0.00065,0.03443,0.0042,-0.00412,0.02846,-0.06384,-0.025,-0.00145,-0.03961,0.07704,0.00242,-0.05754,-0.07888,0.0944,-0.0326,0.04192,-0.06181,0.05583,0.00171,-0.02314,-0.00913,-0.10468,-0.09933,0.04408,-0.05041,-0.06537,0.1031,0.13788,-0.00517,0.04137,-0.01432,0.09641,-0.041,-0.0346,-0.01767,-0.00121,0.05165,0.0041,0.02233,-0.02876,-0.01021,-0.06325,0.00277,0.02724,0.0183,-0.016,0.01167,0.02811,0.02512,0.01323,0.00479,0,-0.00718,0.03865,-0.02558,0.05878,0.12824,0.03227,0.04594,-0.04641,-0.05285,0.00992,0.01093,0.01366,-0.02547,-0.02256,-0.05163,-0.07501,0.04011,0.06858,-0.071,0.02561,0.12702,-0.11819,0.01468,-0.01688,-0.00168,0.0763,-0.09344,0.03758,-0.0261,0.02911,-0.0495,-0.04722,0.08515,-0.02313,0.00205,-0.022,0.0262,-0.03363,-0.0915,-0.02273,-0.06865,-0.03599,-0.02075,-0.05195,0.00138,-0.05325,-0.00653,0.01445,0.01625,0.05442,-0.02719,0.05301,0.01824,-0.00736,0.04837,-0.07653,-0.03323,0.04708,-0.03433,0.03977,0.03128,0.06773,-0.10965,-0.07579,0.03415,0.0204,0.00401,0.02791,0.0088,-0.00861,-0.02322,0.04505,0.08408,0.04509,0.02411,0.00623,-0.03093,-0.06117,0.04226,0.02264,-0.03319,-0.02213,0.05868,0.04618,0.04035,-0.07265,0.00298,0.00017,-0.0897,0.02746,0.08403,-0.03767,0.07343,-0.04723,0.01784,0,-0.01269,0.02655,-0.07813,-0.02983,-0.02224,0.01504,0.04025,0.06669,0.04147,-0.02417,0.03598,0.05769,-0.07085,-0.05602,0.0138,-0.00039,-0.02642,-0.10635,0.0325,-0.02411,0.05585,0.04132,-0.04192,-0.01302,-0.02787,0.02933,0.07661,0.0532,-0.03096,-0.01126,0.07685,0.04035,-0.05373,-0.01324,0.07356,-0.05022,-0.03895,0.01031,0.04049,-0.10772,0.04536,0.10823,-0.06168,-0.00241,-0.01886,0.03767,-0.05503,-0.07368,0.07634,-0.03949,-0.10018,-0.02491,0.02471,0.00724,-0.03165,0.00073,0.01407,0.07786,-0.03405,-0.0071,0.07781,-0.0474,-0.00944,-0.00417,0.07943,0.04584,-0.02745,0.08057,0.05007,0.09512,0.03243,0.08406,-0.04098,0.03191,0.04208,0.05106,0.03276,0.07115,0.10899,0.0939,-0.01439,0.09933,-0.03851,0.06807,0.08639,-0.10236,-0.02627,0.05093,0.00572,0.00177,-0.03201,0.02771,-0.00778,0.00018,0.02451,0,-0.12764,-0.06031,-0.10245,-0.03009,0.01088,0.05759,0.01126,-0.08482,-0.04388,-0.02048,-0.07021,0.02754,0.02579,0.0058,0.05241,-0.07071,-0.04785,0.02893,-0.05267,-0.06147,-0.09082,0.04919,0.01744,0.04967,-0.02951,-0.08037,-0.013,-0.03492,0.08724,-0.02536,-0.05156,0.01266,0.01307,0.01987,-0.0298,0.07216,0.006,0.07129,-0.09947,-0.04506,0.00838,0.0253,0.00684,-0.08676,0.00926,0.03843,-0.01008,0.06034,-0.0153,-0.01848,-0.02595,0.09627,-0.06909,0.06264,0.00915,-0.01881,-0.0653,0.02274,0.0004,-0.01509,-0.04826,0.08118,-0.00668,0.02906],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1002 Warning: f-flow has zero height. Everything compiled and rendered, but the host element has clientHeight === 0, so the flow is invisible. Give the host a height: Any nonzero layout height works (flex/grid tracks included). See Get Started. client Height","excerpt":"FF1002 Warning: f-flow has zero height. Everything compiled and rendered, but the host element has clientHeight === 0, so the flow is invisible. Give the host a height: Any nonzero layout height works (flex/grid tracks included). See Get Started."},{"chunkId":"/docs/errors#3","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[0.01594,-0.00117,-0.0937,0.01061,0.00786,-0.02581,-0.01987,0.0441,-0.03361,-0.02316,-0.00199,-0.0275,-0.0952,-0.01557,-0.01956,-0.01948,-0.08235,-0.0109,0.04092,0.07277,-0.07676,-0.02635,-0.02357,-0.0046,-0.06995,-0.00305,-0.03101,0.0094,0.01337,-0.02837,0.03613,0.10063,-0.04097,0.03736,0.08942,0.06731,0.05367,-0.08823,-0.09632,-0.0037,0.12293,-0.01119,0.04716,-0.01533,-0.01248,0.03156,-0.03971,-0.05089,-0.01859,0.01381,-0.04198,0.01956,0.00081,0.08891,0.03265,0.03861,0.0309,-0.06358,-0.0002,0.07083,0.04242,-0.03706,0.00078,-0.00421,0.03628,0.04961,-0.0556,0.00408,-0.01004,0.03743,-0.02826,0.05122,-0.03079,-0.01385,0.05003,0.07861,0.02093,0.02942,0.00645,-0.07712,0.01737,0.0349,0.02161,-0.02866,0.01304,0.1104,-0.03455,-0.0499,-0.08403,0.07353,-0.02951,0.01303,-0.01353,0.0157,0.01267,0.00482,0.00093,-0.05346,-0.05649,0.01716,-0.0378,-0.02535,0.05864,0.07742,-0.04502,0.00434,-0.02543,0.04953,-0.03745,-0.05773,-0.03163,0.01511,0.04877,-0.07685,-0.00756,-0.054,-0.0296,-0.01995,0.06019,0.05762,-0.00851,-0.03298,0.02056,0.02507,0.00103,-0.02244,-0.04534,0,-0.00047,0.02758,-0.02442,0.05925,0.0947,0.01713,0.02248,-0.02433,-0.07344,-0.01393,-0.03785,-0.0453,-0.01766,-0.07949,-0.02109,-0.07699,-0.0136,0.04579,-0.03887,0.01695,0.13144,-0.10847,0.01718,-0.03574,0.04468,0.13026,-0.10487,0.02265,0.05189,0.04432,-0.0103,-0.00529,0.06559,-0.01866,0.00539,-0.03424,0.00924,-0.04806,-0.13542,-0.00837,-0.04127,-0.03262,-0.06313,-0.00871,0.08757,-0.06692,-0.01667,0.02549,0.07176,0.03691,-0.04848,-0.00866,0.01932,-0.01298,0.03425,-0.04696,-0.04916,0.03695,-0.05369,0.02641,0.04524,0.07674,-0.07748,-0.08047,0.0575,0.04631,0.03315,0.0216,0.01126,-0.01615,-0.03926,0.06999,0.04004,0.04637,0.00182,0.01245,-0.02285,-0.04522,-0.01199,-0.04254,-0.01304,-0.07299,-0.00701,0.03705,0.06849,-0.05708,0.00138,-0.02569,-0.08585,0.07705,0.11574,0.00009,0.03808,-0.0033,-0.01456,0,-0.0128,0.03258,-0.02926,-0.02008,-0.01218,-0.04913,-0.0029,0.00907,0.06129,0.04053,0.0187,0.04336,-0.00966,-0.11116,-0.03217,-0.02762,-0.05586,-0.1058,0.0522,0.02738,0.05119,0.04805,0.01796,0.00861,-0.02983,0.05886,0.03332,0.03663,-0.00236,-0.01953,0.05198,0.04084,-0.06765,0.02531,0.05404,-0.04363,-0.01115,0.01694,0.07628,-0.0961,0.07674,0.12556,-0.06819,-0.02159,-0.00536,0.00853,-0.07818,-0.058,0.01928,0.01617,-0.07004,-0.05251,-0.01952,0.03005,-0.08595,0.08521,0.07924,0.09405,-0.04769,0.05661,0.06721,-0.11051,0.01648,0.0325,0.07377,-0.01913,0.01637,0.10301,0.06288,0.09552,0.04166,0.07333,-0.03017,0.03912,0.02724,0.04464,-0.05128,0.00949,0.06372,0.08999,-0.02395,0.08326,-0.03355,0.09785,0.08053,-0.07094,0.06537,0.06901,-0.00419,-0.04832,-0.02547,0.02524,0.01284,0.00344,-0.03873,0,-0.07287,-0.02156,-0.13155,-0.03361,0.08492,-0.01289,-0.05403,-0.07419,-0.04968,0.02129,-0.06296,0.05799,-0.03681,0.01292,0.0579,-0.10173,-0.0625,-0.01842,-0.04493,-0.05406,-0.06017,0.05228,-0.00899,0.0258,-0.05771,-0.08131,0.0275,-0.00645,0.00892,-0.00704,-0.04706,0.01392,0.01053,0.0933,-0.07243,0.11332,0.00084,0.06127,-0.0947,-0.01723,0.07157,-0.00135,-0.01891,-0.04701,-0.01322,0.04728,-0.01026,0.05524,-0.03865,-0.01772,-0.00457,0.06368,-0.10345,0.04341,-0.04721,-0.02524,-0.05982,0.01455,0.00661,0.00692,-0.08437,0.06416,0.05375,0.01476],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1003 Error: connector used outside a node. [fConnector], [fNodeOutput], [fNodeInput], and [fNodeOutlet] must be placed on an element inside [fNode] or [fGroup] — the connector registers itself with its host node. Move the connector inside a node template: f Connector f Node Output f Node Input f Node Outlet f Node f Group","excerpt":"FF1003 Error: connector used outside a node. [fConnector], [fNodeOutput], [fNodeInput], and [fNodeOutlet] must be placed on an element inside [fNode] or [fGroup] — the connector registers itself with its host node. Move the connector inside a node template:"},{"chunkId":"/docs/errors#4","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.04102,0.04044,-0.04652,0.042,0.03842,0.01814,-0.05446,0.01243,0.02934,0.00365,-0.04963,-0.03131,-0.07363,0.03516,-0.00374,-0.01043,-0.07458,-0.04241,-0.00227,0.09171,-0.07184,0.00854,-0.01524,0.00114,0.00688,0.06155,-0.04428,-0.04671,0.0529,-0.00865,0.04324,0.06923,-0.06417,0.02606,0.07318,0.08205,0.04038,-0.05623,-0.0863,-0.03697,0.11478,0.07202,-0.00379,-0.04606,-0.03131,0.00677,-0.01395,-0.05115,-0.05717,0.02805,-0.08264,-0.04402,0.01678,0.06541,-0.00155,-0.03249,0.03335,-0.02745,0.02067,0.07148,0.01715,-0.06016,-0.00007,0.02325,0.06304,0.05348,-0.10764,0.0033,-0.06411,0.05089,0.00895,0.01396,0.02614,0.01875,0.06973,0.01368,-0.03703,0.02188,0.00368,-0.02904,0.02084,-0.01788,0.02596,-0.0144,0.01782,0.10129,0.03398,-0.06496,-0.05125,0.03483,-0.06782,0.01837,-0.00132,0.07855,0.07898,-0.02955,-0.00261,-0.05356,-0.07086,0.01021,-0.00719,-0.06116,0.10047,0.0537,-0.02806,0.00772,-0.0431,0.04099,-0.05149,-0.04221,-0.02227,0.02242,0.03792,-0.06868,-0.03994,-0.08915,-0.03703,-0.05228,-0.0015,0.09372,-0.00335,-0.00409,0.06852,0.0068,0.0395,-0.03151,0.00125,0,0.00526,0.01426,-0.06226,0.10841,0.0862,0.01653,0.01624,-0.03294,-0.02035,0.0143,0.02457,-0.00255,-0.03854,-0.02256,-0.01768,-0.05191,0.01664,0.03113,-0.06053,0.06153,0.10265,-0.09243,-0.02437,-0.04053,-0.00861,0.13766,-0.06506,0.01562,-0.09202,0.04784,-0.00894,-0.01931,0.06282,-0.0268,-0.0264,-0.01123,0.01162,-0.03736,-0.08453,-0.02327,-0.04199,-0.05588,-0.07017,-0.01601,0.04566,-0.08399,-0.02195,0.05382,0.03304,0.03652,-0.03504,0.05901,-0.0049,-0.00802,0.04933,-0.07345,-0.04417,0.02432,-0.04342,-0.00222,0.10911,0.07608,-0.12035,-0.08065,0.03835,-0.00712,0.02245,0.01928,0.00569,-0.07385,-0.06892,0.01668,0.04217,0.07394,0.06706,-0.00823,0.00621,0.0063,0.06423,-0.00098,-0.03255,-0.0635,0.04479,-0.00184,0.0185,-0.04088,0.02453,-0.01131,-0.12821,0.08775,0.1394,0.0118,0.02275,-0.00451,0.01581,0,-0.02481,0.04562,-0.06322,-0.00086,-0.00683,-0.04471,0.01976,0.06423,0.04531,0.01399,0.04175,0.06468,-0.02093,-0.00971,-0.05242,0.02611,-0.0432,-0.13869,0.04814,-0.04801,0.0709,0.0334,-0.0141,-0.01185,-0.0633,0.07362,0.05996,-0.01368,0.00715,0.01812,0.06171,0.04502,-0.07095,0.04732,0.03101,-0.05926,-0.01058,-0.0191,0.01291,-0.14574,0.05754,0.09311,-0.0766,-0.00743,-0.04561,-0.01671,-0.00287,-0.03621,0.0065,-0.01069,-0.07172,0.01468,0.02297,-0.00635,-0.06476,0.03644,0.06585,0.01888,-0.03744,0.01305,0.05544,0.00691,-0.01265,-0.00509,0.05271,0.02764,-0.06294,0.06179,0.09283,0.08168,0.05464,0.07873,-0.05805,-0.03126,0.05124,0.1147,0.01158,-0.01807,0.07747,0.02767,-0.0001,0.12326,-0.05245,0.04053,0.14585,-0.04259,-0.07186,-0.04221,-0.02094,-0.00293,-0.02243,0.02106,-0.03086,-0.00018,0.02949,0,-0.13288,-0.00886,-0.1149,-0.07753,0.04053,-0.03731,-0.00181,-0.05291,-0.00909,-0.00464,-0.06252,0.0545,-0.00618,-0.00541,0.07235,-0.08334,-0.05911,0.0276,-0.05219,-0.0775,-0.02034,0.01048,0.00656,0.04956,-0.05608,-0.05587,0.02045,0.0168,0.0188,-0.01874,-0.05444,0.02927,-0.00738,0.08632,-0.10058,0.0677,0.02243,0.03358,-0.07759,-0.0517,0.05662,0.01298,0.02557,-0.03241,-0.02058,0.05045,-0.02718,0.02325,-0.03523,-0.02234,-0.04399,0.06849,-0.07744,0.06969,-0.00526,-0.04005,-0.02643,0.00156,-0.00795,-0.00885,-0.08817,0.04079,0.04382,-0.00979],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1004 Warning: flow content is not projected into the canvas. A node, group, or connection is rendered inside a template block that Angular does not project into <f-canvas — typically nested control flow (@for inside @if, @for inside @for, @if inside @if) or a wrapper element. Angular still creates the instances (they register with the flow), but their elements never attach to the document: geometry collapses to 0×0 and nothing is visible. Without this warning the failure is completely silent — there is no Angular error.","excerpt":"FF1004 Warning: flow content is not projected into the canvas. A node, group, or connection is rendered inside a template block that Angular does not project into <f-canvas — typically nested control flow (@for inside @if, @for inside @for, @if inside @if) or a wrapper element. Angular still creates the instances (they register with the flow), but their elements never attach to the document: geometry collapses to 0×0 and nothing is visible. Without this warning the failure is completely silent — there is no Angular error."},{"chunkId":"/docs/errors#5","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.03422,0.05849,-0.0555,0.0058,0.03703,0.01378,-0.01979,0.00847,-0.03767,0.05445,-0.06313,-0.0309,-0.09699,0.05957,0.02202,-0.00923,-0.05988,-0.03635,0.00402,0.05166,-0.09436,0.01356,0.00085,-0.03528,-0.00629,0.05733,-0.05576,-0.03523,0.0578,-0.03313,0.07066,0.07268,-0.02156,0.02447,0.04269,0.05962,-0.01322,-0.06493,-0.02098,-0.03285,0.12609,0.05144,0.00542,-0.06187,-0.01608,-0.01032,-0.02643,-0.00419,0.00443,0.05142,-0.07693,-0.03045,-0.04651,0.08964,0.00427,-0.03979,0.0282,0.00913,0.06514,0.0895,0.02016,-0.05462,0.00144,0.00469,0.07947,0.03408,-0.15308,0.00225,-0.09304,0.06172,0.02512,0.02272,0.01997,0.0215,0.06521,0.00264,-0.07263,0.05937,-0.00849,-0.01929,0.00908,-0.00782,0.02884,0.01021,0.00842,0.05143,0.00894,-0.07085,-0.04993,-0.02899,-0.03141,0.03722,0.01593,0.12635,0.02455,-0.04004,-0.01868,-0.01892,-0.10469,0.02502,-0.00413,-0.06997,0.067,0.0853,-0.07696,-0.01819,-0.01137,0.07118,-0.0634,-0.048,-0.04887,0.05874,0.00668,-0.0566,-0.05058,-0.10198,-0.02607,-0.03653,0.02868,0.06391,-0.00398,-0.00689,0.04959,-0.00263,0.03536,-0.05186,0.03126,0,0.00235,0.04187,-0.07056,0.05397,0.09625,0.02252,-0.01869,-0.0587,-0.00303,0.06016,0.03062,-0.00847,-0.03584,-0.01606,-0.00195,-0.03602,-0.01573,0.00032,-0.01412,0.05079,0.11005,-0.08686,-0.02427,0.00871,0.02544,0.12279,-0.08136,-0.01975,-0.0582,0.06481,0.02763,-0.01718,0.07602,-0.06199,-0.01379,-0.00493,-0.00892,-0.01128,-0.10479,-0.05792,-0.02582,-0.0598,-0.11797,0.01232,0.05079,-0.04725,-0.03328,0.0162,0.03352,0.05378,-0.07072,0.01109,-0.01435,0.00708,0.00554,-0.0489,-0.02354,0.06047,-0.02256,-0.01796,0.13786,0.02598,-0.04771,-0.06527,0.05533,-0.00708,0.02434,0.01605,0.00965,-0.03517,-0.0706,0.02937,0.07686,0.09468,0.00912,-0.02441,-0.02713,0.02569,0.03754,-0.03537,0.00854,-0.08319,0.01143,-0.02476,-0.01822,-0.0584,0.02101,-0.00085,-0.113,0.08321,0.12858,0.03518,-0.00827,-0.03656,0.01894,0,0.0008,0.03747,-0.0258,0.00269,-0.00391,-0.10671,0.03216,0.07144,0.0707,0.07283,0.05471,0.03408,-0.01336,0.01929,-0.07807,0.06056,-0.02645,-0.12209,0.06704,-0.0599,-0.0045,0.03383,0.01398,0.00239,-0.06517,0.12265,0.07851,-0.00551,-0.0071,0.01125,0.01833,0.05528,-0.04639,0.03242,0.01649,-0.05067,0.03851,-0.01067,0.00511,-0.17699,0.08021,0.09337,-0.02958,-0.033,-0.04525,-0.0502,-0.03906,-0.02319,0.01825,-0.01387,-0.03294,0.00622,0.02735,-0.03908,-0.02784,0.02286,0.01267,0.05468,-0.04082,0.02274,0.06584,0.03593,0.0039,-0.01808,0.09629,0.03252,-0.03633,0.04095,0.0981,0.10251,0.03558,0.05944,-0.02714,0.03487,0.04035,0.1135,0.0314,0.03354,0.08285,0.04649,0.00702,0.05035,-0.0573,0.04455,0.08398,-0.01562,-0.06335,-0.02189,-0.01194,-0.04417,-0.0338,-0.01023,-0.0251,-0.01644,0.05065,0,-0.0889,-0.06346,-0.12864,-0.03704,0.05475,-0.0102,-0.04891,-0.09304,0.01039,-0.01298,-0.05992,0.08492,-0.0208,0.01597,0.03024,-0.05493,-0.07324,0.03818,-0.03429,-0.061,-0.04184,0.022,0.08042,0.0158,-0.02957,-0.05784,-0.00286,-0.00493,0.04117,0.00726,-0.03401,-0.00077,0.01891,-0.0097,-0.07611,0.02025,-0.03343,-0.01246,-0.087,-0.03473,0.07566,-0.01814,0.06393,-0.05144,-0.05966,0.02675,0.00402,0.06703,-0.0203,-0.04416,-0.03426,0.0361,-0.0596,0.03677,-0.01388,-0.04381,-0.03017,0.02634,0.03445,-0.03731,-0.07667,0.01238,0.02358,0.02447],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. Fix: wrap the block with an ng-container that tells Angular which canvas slot the content belongs to:","excerpt":"Fix: wrap the block with an ng-container that tells Angular which canvas slot the content belongs to:"},{"chunkId":"/docs/errors#6","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.02014,0.02483,-0.07154,0.01385,0.03256,-0.01642,0.01063,0.03335,-0.04342,0.04596,-0.04689,-0.06039,-0.08173,0.01535,0.05011,0.01092,-0.07286,-0.02116,0.02349,0.0387,-0.07559,0.00063,-0.00545,-0.02632,-0.0204,0.00057,-0.04645,-0.02452,0.02624,-0.01458,0.02709,0.08863,-0.04672,0.04042,0.09066,0.1219,0.01265,-0.05461,-0.0851,0.01308,0.11312,0.03649,0.02092,-0.07647,-0.03305,0.0033,-0.03785,-0.00777,0.00325,0.02725,-0.03427,-0.06009,-0.03796,0.05288,0.0181,-0.02425,0.0004,-0.03798,0.02976,0.08068,0.00906,-0.06968,-0.03407,-0.00344,0.07155,0.04049,-0.10587,0.02347,-0.04421,0.05762,-0.00693,0.02267,-0.00268,0.00971,0.05872,0.07144,-0.02697,0.0374,0.02834,-0.06335,-0.00206,0.00419,0.00793,0.02683,0.04158,0.10042,0.00771,-0.0443,-0.02878,0.04416,-0.06734,0.04954,-0.04524,0.05851,0.001,0.01776,0.0047,-0.06121,-0.09677,0.04019,-0.05302,-0.1026,0.07438,0.0339,-0.0615,0.00889,-0.01715,0.03287,-0.05118,-0.05173,-0.05379,0.05754,0.03942,-0.0774,-0.0346,-0.0957,-0.01148,-0.04143,0.0757,0.0567,-0.00759,-0.02179,0.02306,0.03423,0.0356,-0.03588,-0.01901,0,-0.00935,0.04758,-0.04148,0.06031,0.08697,0.00571,0.00744,-0.05688,-0.05625,0.02276,-0.03921,0.01373,-0.03744,-0.06508,0.01825,-0.0509,0.04626,0.01718,-0.00712,0.02542,0.1156,-0.1037,-0.01131,-0.0063,0.02914,0.09927,-0.08142,0.02283,0.00223,0.06113,0.03662,0.0012,0.05888,-0.05055,-0.03519,-0.01542,-0.00279,-0.01194,-0.12866,-0.0281,-0.04611,-0.01207,-0.10164,-0.00419,0.07945,-0.07413,-0.08416,0.02088,0.07589,0.07496,-0.03312,0.02821,-0.00792,-0.0005,0.02561,-0.01811,-0.02831,0.06288,-0.05919,0.00202,0.11397,0.05829,-0.04246,-0.06541,0.06051,0.01287,0.05041,0.05094,0.02314,-0.02833,-0.07238,0.05929,0.0595,0.05083,0.00831,-0.00357,-0.02434,0.00516,0.03138,-0.04186,0.00267,-0.05495,-0.02149,0.03194,0.04458,-0.07548,0.01834,-0.00176,-0.14091,0.0691,0.10423,0.01843,0.00538,-0.00867,-0.02973,0,0.01053,0.07987,-0.00167,-0.01515,-0.00794,-0.08595,0.0304,-0.01476,0.0782,0.09856,0.03549,0.01781,-0.03113,-0.03885,-0.04049,-0.02566,-0.03877,-0.15095,0.07696,-0.02411,0.00534,0.0751,0.02515,0.00098,-0.03543,0.04608,0.03655,0.02175,-0.02411,0.00068,0.04101,0.04637,-0.05856,0.0247,0.03516,-0.0674,0.0527,0.01209,0.06797,-0.12108,0.12166,0.09995,-0.06857,-0.02304,-0.04119,-0.01002,-0.02867,-0.05444,-0.00898,0.01358,-0.06884,-0.01606,0.00768,-0.00907,-0.0589,0.02238,0.06399,0.0312,-0.05426,0.02599,0.02741,-0.09313,0.00415,0.02469,0.04475,0.01777,-0.05426,0.05281,0.09424,0.09926,0.06337,0.05866,-0.06048,0.03694,-0.01847,0.09402,0.00689,0.01409,0.06952,0.1092,-0.01814,0.08363,-0.07195,0.09014,0.07119,-0.01305,-0.01197,0.01716,0.04242,-0.0019,-0.00764,-0.00047,0.02341,0.02156,-0.00605,0,-0.10832,0.00067,-0.12864,-0.00627,0.05026,0.0012,-0.07345,-0.09328,0.01393,0.03225,-0.07193,0.08809,0.00214,0.02592,0.05242,-0.10113,-0.02228,-0.01575,-0.04024,-0.00742,-0.05463,0.0491,0.00317,0.03676,-0.04929,-0.08948,-0.02266,-0.03335,-0.03318,0.02067,-0.01357,0.0127,-0.00066,0.07687,-0.09094,0.0613,-0.03207,0.04285,-0.06067,0.03119,0.08534,0.01204,0.00805,-0.04305,-0.03498,0.06637,0.00993,0.02812,-0.0136,-0.03831,-0.01642,0.0482,-0.10404,0.03183,-0.0399,-0.02162,-0.01655,0.02132,0.00544,-0.01621,-0.08842,0.03254,0.01497,-0.01727],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. Use ngProjectAs=\"[fNodes]\" for nodes, \"[fGroups]\" for groups, \"[fConnections]\" for connections. A single top-level @for / @if directly inside <f-canvas projects fine and needs no wrapper. ng Project As f Nodes f Groups f Connections","excerpt":"Use ngProjectAs=\"[fNodes]\" for nodes, \"[fGroups]\" for groups, \"[fConnections]\" for connections. A single top-level @for / @if directly inside <f-canvas projects fine and needs no wrapper."},{"chunkId":"/docs/errors#7","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[0.01328,-0.00294,-0.07341,0.03167,0.01198,-0.01919,-0.0055,0.05748,-0.01076,-0.03241,-0.02549,-0.05461,-0.09705,0.03259,-0.01929,-0.00154,-0.07977,-0.03629,-0.01244,0.07134,-0.03728,-0.06372,-0.00856,-0.01844,-0.07087,-0.00494,-0.04033,0.00237,0.01727,-0.02896,0.04839,0.12584,-0.04889,0.00299,0.02296,0.03455,0.05177,-0.09044,-0.09161,-0.05776,0.05734,-0.02574,0.06506,-0.02788,-0.04584,0.01823,0.00365,-0.02151,-0.02773,0.0454,-0.0563,0.03564,0.03348,0.0472,0.0712,0.03896,0.05158,-0.05468,0.02025,0.05495,-0.0204,-0.02122,-0.02331,0.0308,0.00084,0.061,-0.05026,-0.04035,-0.02876,0.05774,0.00174,0.01479,-0.0285,-0.02905,0.09107,0.02302,-0.03688,0.04503,-0.00406,-0.05707,0.0199,-0.01414,0.0085,-0.03533,0.01291,0.07156,-0.02021,-0.08262,-0.04262,0.08045,-0.01613,0.04109,-0.0765,0.01014,-0.01948,-0.03029,0.02153,-0.11506,-0.12156,0.02772,-0.06625,-0.02936,0.10394,0.10133,-0.0214,0.00581,-0.03106,-0.00698,-0.1388,-0.03801,-0.0473,-0.03972,0.09088,-0.03936,-0.01069,-0.00188,-0.0351,-0.0538,0.06054,0.008,-0.01009,-0.00172,0.00703,0.04844,0.00163,-0.02657,-0.0702,0,0.00726,-0.01978,-0.04112,0.03559,0.05556,-0.00697,0.04308,-0.04353,-0.03348,-0.00475,0.02108,-0.02441,0.01914,-0.03734,0.01379,-0.06478,0.02748,0.01566,-0.0883,0.01812,0.13321,-0.05828,0.01693,-0.04072,0.02533,0.14158,-0.04195,0.05517,0.04554,0.05522,-0.02819,-0.02368,0.05819,-0.05557,-0.01809,-0.00582,0.00539,-0.0807,-0.07968,-0.0031,-0.02624,-0.03367,-0.06057,-0.07003,0.0388,-0.0121,-0.02768,0.05306,-0.0036,0.05953,0.00648,0.01814,0.01879,-0.00359,0.02242,-0.06093,-0.04157,0.0288,-0.04846,0.07302,0.0018,0.05908,-0.06125,-0.06572,0.05354,0.05675,0.02096,0.07081,0.00166,-0.0355,-0.08404,0.05412,0.03045,0.01364,0.04363,0.00573,-0.0055,-0.07818,0.00197,-0.01917,0.00783,-0.06947,0.04021,0.02148,0.05778,-0.08187,-0.00266,-0.023,-0.10653,0.06253,0.08083,-0.00655,0.08366,0.02233,0.00369,0,-0.00179,0.00061,-0.01334,0.02349,-0.02823,0.00658,0.03061,-0.02863,0.08301,-0.02547,-0.00957,0.06498,-0.02664,-0.08177,0.02115,0.01057,-0.08626,-0.06591,0.00529,0.03059,0.03837,0.02626,0.03045,-0.02275,-0.04676,0.03572,0.06681,0.03859,0.00885,-0.02642,0.04533,0.04892,-0.07508,-0.00035,0.04588,-0.05758,0.01287,0.00426,0.05381,-0.06918,0.11743,0.13846,-0.04439,-0.01976,-0.02176,0.045,-0.08622,-0.05263,-0.00705,-0.01935,-0.08604,-0.01169,-0.03358,0.01108,-0.07087,0.0751,0.14261,0.07515,-0.0361,0.00805,0.04485,-0.07444,0.00347,0.00184,0.15465,0.00116,0.04501,0.0833,0.07746,0.06357,0.06688,0.03681,0.00495,0.01191,0.05484,0.08614,0.01314,-0.03206,0.09521,0.04508,0.00366,0.0825,0.00845,0.04959,0.07834,-0.01633,-0.06682,0.06225,0.05448,-0.03759,-0.04249,0.00885,0.04489,0.01374,0.04147,0,-0.06965,-0.01855,-0.10857,0.00238,0.08248,0.01781,-0.0596,-0.04963,-0.07883,0.00054,-0.05663,0.06234,-0.00977,0.00587,0.04351,-0.07069,-0.02321,-0.0176,-0.05449,-0.05035,-0.07868,-0.00059,0.00299,0.05983,-0.0743,-0.09072,0.00432,-0.00981,0.06245,-0.02164,-0.03119,0.02775,0.02149,0.05498,-0.11024,0.125,-0.00381,0.04351,-0.07607,-0.01862,0.05159,0.02573,-0.02237,-0.07663,-0.06232,0.05979,0.00324,0.03908,-0.03059,0.01446,-0.06196,0.11951,-0.04888,0.06974,-0.04585,-0.0039,-0.06958,0.00489,0.06313,0.01817,-0.01115,-0.01102,0.01381,0.02725],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1005 Warning: interaction feature without fDraggable. An interaction feature (<f-selection-area, <f-connection-for-create, <f-snap-connection, [fDragHandle], [fResizeHandle], [fRotateHandle]) is present, but <f-flow has no fDraggable directive — every pointer interaction is silently inert and no interaction events are emitted. Fix: add fDraggable to the root: f Draggable f Drag Handle f Resize Handle f Rotate Handle","excerpt":"FF1005 Warning: interaction feature without fDraggable. An interaction feature (<f-selection-area, <f-connection-for-create, <f-snap-connection, [fDragHandle], [fResizeHandle], [fRotateHandle]) is present, but <f-flow has no fDraggable directive — every pointer interaction is silently inert and no interaction events are emitted. Fix: add fDraggable to the root:"},{"chunkId":"/docs/errors#8","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.07627,0.05128,-0.06343,0.05555,0.01122,0.02017,-0.04147,0.00333,-0.00952,0.01885,-0.01401,-0.0212,-0.06345,-0.00546,-0.00593,-0.00848,-0.06599,-0.05985,-0.0146,0.06248,-0.1045,-0.01518,-0.00844,0.01767,-0.04063,0.05151,-0.01006,-0.00689,0.04056,-0.03575,0.04624,0.04195,-0.10086,0.01011,0.05781,0.03329,0.06631,-0.05041,-0.08334,-0.02007,0.16368,0.02295,0.04692,-0.05449,-0.04161,0.02632,-0.04186,-0.04801,-0.00523,-0.00623,-0.05372,-0.01193,-0.02591,0.07172,-0.00781,-0.03011,0.03411,-0.03702,0.02794,0.10827,0.04222,-0.07015,0.02066,0.00637,0.02091,0.04799,-0.08641,-0.01897,-0.03962,0.04473,-0.02087,0.03669,-0.04257,-0.03185,0.05264,0.05131,-0.01673,0.01654,-0.04176,-0.02809,0.07572,-0.01626,0.00277,0.03925,-0.00673,0.10832,-0.00377,-0.08708,-0.01694,-0.01559,-0.03486,0.00525,-0.00159,0.04952,0.01557,-0.0064,-0.0378,-0.05148,-0.09099,0.03748,-0.01807,-0.04983,0.11598,0.09919,-0.01545,0.06965,-0.04072,0.1076,-0.02438,-0.01971,0.01648,0.03207,0.02099,-0.03342,-0.03977,-0.05384,-0.04471,-0.05074,0.02797,0.09728,-0.00409,0.0202,0.04525,-0.00551,0.05813,0.00624,-0.00203,0,-0.01034,-0.01117,-0.02659,0.04177,0.115,0.05313,0.0339,-0.05803,-0.01821,0.03218,0.02523,-0.03899,-0.06969,-0.01885,-0.02373,-0.06647,0.02028,0.02116,-0.0471,0.03467,0.1035,-0.10048,0.00742,-0.04882,0.05022,0.09473,-0.09078,0.04167,0.00559,0.03268,0.01447,-0.00931,0.08477,-0.03699,-0.02757,-0.03123,-0.00617,-0.05728,-0.07685,-0.01536,-0.04198,-0.06279,-0.09852,0.01922,0.0351,-0.04695,0.0103,0.00219,0.02389,0.01253,-0.06463,0.05433,0.02488,-0.04125,0.01146,-0.07538,-0.02962,0.0582,-0.04188,-0.00305,0.06495,0.08167,-0.08911,-0.05763,0.04084,0.01522,0.01422,0.06095,0.02956,-0.06077,-0.0906,0.0706,0.04201,0.09552,-0.00488,-0.0237,-0.01573,-0.00084,0.0897,-0.03202,-0.0158,-0.06132,0.03784,0.07335,0.03783,-0.12072,0.02418,-0.02201,-0.12509,0.04424,0.09064,0.05547,0.02379,-0.01324,-0.01631,0,-0.00447,0.04351,-0.02383,-0.00847,-0.03736,-0.06018,0.05103,0.07957,0.05521,0.0091,0.07096,0.11997,-0.00571,-0.07421,-0.0187,0.02054,-0.03285,-0.10706,0.05213,-0.01225,0.06708,0.06704,-0.02314,-0.04013,-0.06286,0.04043,0.06653,-0.00539,-0.00767,0.02282,0.06232,0.03966,-0.06962,-0.01012,-0.00544,-0.07383,-0.02032,0.00099,0.06725,-0.13018,0.04347,0.0957,-0.07603,-0.03106,-0.04122,0.02697,-0.04353,-0.07285,0.0025,-0.03012,-0.08738,0.04265,0.02637,0.02453,-0.03667,0.00634,0.02394,0.03769,-0.04807,0.02309,0.06784,-0.01376,-0.0233,-0.05306,0.06982,0.06508,-0.04177,0.05469,0.09779,0.05268,0.07071,0.06217,-0.06694,-0.02375,0.06102,0.09136,-0.0031,0.01271,0.12279,0.08376,-0.00004,0.08454,-0.06303,-0.00608,0.1119,-0.01369,0.00128,0.02495,0.01402,-0.01069,-0.08691,-0.01992,-0.01083,0.01322,-0.0067,0,-0.07207,-0.02057,-0.08034,-0.03382,0.04769,-0.00905,-0.0545,-0.08104,-0.02252,0.00223,-0.04819,0.04145,-0.03289,0.03319,0.03176,-0.0893,-0.07852,0.03085,-0.05042,-0.04854,-0.05734,0.04525,0.02896,0.03004,-0.04504,-0.08025,-0.00289,-0.00694,0.02068,0.02533,-0.02182,-0.03236,-0.01073,0.06656,-0.05547,0.03165,-0.04183,0.04056,-0.06217,-0.01522,0.04364,-0.03619,0.03135,-0.04354,-0.02839,0.05008,0.02786,0.06447,-0.06938,0.00685,-0.02175,0.0615,-0.1052,0.05848,0.02778,-0.06117,-0.0083,0.02692,-0.05347,-0.00923,-0.08452,0.02725,0.01494,0.02353],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1006 Warning: connector hidden with CSS. A connector is registered but hidden (display: none), so its geometry is a 0×0 point: connections attach to the wrong place or nowhere, and viewport helpers compute wrong bounds. Hiding registered flow elements with CSS (including [hidden]) corrupts geometry silently. Fix: conditionally render the connector (or its node) from state instead of hiding it — wrapping control-flow blocks with ngProjectAs where needed (see FF1004). ng Project As","excerpt":"FF1006 Warning: connector hidden with CSS. A connector is registered but hidden (display: none), so its geometry is a 0×0 point: connections attach to the wrong place or nowhere, and viewport helpers compute wrong bounds. Hiding registered flow elements with CSS (including [hidden]) corrupts geometry silently. Fix: conditionally render the connector (or its node) from state instead of hiding it — wrapping control-flow blocks with ngProjectAs where needed (see FF1004)."},{"chunkId":"/docs/errors#9","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.00606,0.00951,-0.02154,0.06438,0.08769,-0.03408,0.00532,0.00061,0.01021,0.00033,-0.02484,-0.02736,-0.05987,0.01046,-0.02596,-0.01849,-0.0935,-0.01819,-0.00283,0.05165,-0.07336,-0.06945,0.00468,-0.02652,-0.04255,0.03932,-0.05703,-0.00776,0.04678,-0.04024,0.03481,0.1042,-0.016,0.04564,-0.00296,0.10483,0.02971,-0.06609,-0.08516,-0.01473,0.05318,0.03662,0.04315,-0.01014,-0.0216,0.0385,-0.02711,-0.0117,-0.03527,0.07831,-0.00564,0.00542,0.03006,0.11115,0.01726,0.0439,0.01545,-0.07415,0.04374,0.08767,0.02057,-0.03726,-0.01043,0.00403,0.09281,0.06297,-0.07747,-0.02001,-0.07818,0.02166,0.10386,0.02519,0.03269,0.0091,0.07111,0.03377,-0.05944,0.05229,0.00753,-0.06057,0.0245,0.03463,-0.00644,-0.00313,0.04322,0.146,-0.04531,-0.08559,-0.10419,0.07958,-0.08855,0.01284,0.00793,0.07419,0.02496,-0.02357,0.00358,-0.00932,-0.08491,0.00695,-0.01813,-0.00621,0.0303,0.04658,-0.04046,-0.02925,-0.01822,0.01172,-0.08057,-0.02604,-0.07242,0.03518,0.04276,-0.04129,-0.05855,-0.07926,-0.0038,-0.04649,0.08656,0.03529,0.02896,0.01922,0.02755,0.03849,0.0722,-0.06362,-0.08161,0,0.01774,0.01865,-0.03622,0.06446,0.09881,0.004,0.01312,-0.0531,-0.09957,-0.00794,-0.01728,-0.02609,-0.03885,-0.09364,0.05025,-0.07366,-0.00572,0.02978,-0.03357,-0.03086,0.05798,-0.05153,-0.02922,-0.04309,0.00165,0.13082,-0.11114,0.02472,0.02775,0.05343,-0.06235,-0.00001,0.05424,-0.01461,-0.05576,0.00496,0.02121,-0.05081,-0.11211,-0.03367,-0.07592,-0.05434,-0.04446,-0.02076,0.02048,-0.07663,-0.04828,0.03412,0.02097,0.03951,-0.04351,0.02262,0.0595,-0.03758,0.01307,-0.07444,-0.03592,0.0306,-0.05315,0.03696,0.11442,0.06522,-0.08803,-0.04536,0.02981,0.04267,0.02447,0.07524,0.02475,-0.03664,-0.04031,0.06099,0.06466,0.0204,0.07362,0.01515,-0.04041,-0.07403,0.01199,-0.03688,-0.0197,-0.04691,0.02725,0.01587,0.05115,-0.03981,0.01899,0.00885,-0.10932,0.08729,0.11881,-0.05242,0.05862,-0.00781,0.0176,0,-0.02521,0.04116,-0.00768,0.00566,0.01313,-0.06565,-0.05167,-0.00868,0.06979,0.03673,-0.00192,0.02225,-0.03064,-0.03054,-0.03352,0.0434,-0.03559,-0.10127,0.05733,-0.06538,0.07878,0.04902,-0.01452,0.08648,-0.04155,0.02601,0.02844,0.0642,0.00354,0.01201,0.01943,-0.01206,-0.04814,0.0327,0.0896,-0.07701,-0.00572,0.01583,0.06635,-0.111,0.01944,0.05839,-0.03327,-0.01036,0.00521,0.01804,-0.04746,-0.00221,0.02232,0.02258,-0.07814,-0.01483,-0.01988,0.00353,-0.03137,0.05558,0.03402,0.09412,-0.00755,0.00244,0.06176,-0.04908,-0.07432,0.05042,0.05632,-0.02717,-0.04545,0.06571,0.0872,0.09147,0.01523,0.05803,-0.02158,0.00358,0.0319,0.00849,0.07328,0.02013,0.07508,0.0434,-0.00156,0.06613,-0.03187,0.06666,0.05683,-0.01667,0.0341,0.04033,-0.02806,-0.03029,0.0211,0.0278,0.0148,-0.04835,-0.00859,0,-0.10645,-0.01039,-0.12177,-0.0682,0.06278,-0.03314,-0.01752,-0.0292,-0.04746,-0.01546,-0.02528,0.06883,0.00332,-0.03971,0.01986,-0.115,-0.04731,0.02297,-0.03861,-0.06438,-0.04934,0.00744,0.02953,0.04717,-0.11172,-0.1107,-0.01307,-0.03792,0.03031,-0.02538,-0.08007,0.02233,-0.01629,0.07574,-0.09844,0.07449,-0.01615,0.03209,-0.0624,-0.01095,0.09895,0.00924,0.00584,-0.02888,-0.05492,0.05339,-0.00508,0.02394,0.01922,-0.0069,-0.00713,0.04919,-0.06323,0.05491,0.00342,-0.06549,-0.06929,0.03337,0.05414,0.00352,-0.06029,0.05028,0.04908,0.03132],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1007 Warning: node nested inside another node. An [fNode] / [fGroup] element is a DOM descendant of another node element — usually a wrapper div with fNode fDragHandle around a component that also declares fNode. The outer node wins the drag and bindings on the inner one never fire. Fix: exactly one fNode per node, as siblings inside <f-canvas; hierarchy is id-based via fNodeParentId / fGroupParentId, not DOM-based. f Node f Group f Drag Handle f Node Parent Id f Group Parent Id","excerpt":"FF1007 Warning: node nested inside another node. An [fNode] / [fGroup] element is a DOM descendant of another node element — usually a wrapper div with fNode fDragHandle around a component that also declares fNode. The outer node wins the drag and bindings on the inner one never fire. Fix: exactly one fNode per node, as siblings inside <f-canvas; hierarchy is id-based via fNodeParentId / fGroupParentId, not DOM-based."},{"chunkId":"/docs/errors#10","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.01713,0.01571,-0.04906,0.06066,0.06483,-0.01268,-0.02981,-0.00478,0.00048,-0.03819,-0.00771,-0.07858,-0.06592,-0.01015,-0.04053,-0.02319,-0.09301,-0.03103,-0.01305,0.03063,-0.05428,-0.01838,0.00719,0.00782,-0.07948,0.01677,-0.05179,0.01667,0.01422,-0.05297,0.06562,0.14083,-0.00722,0.02904,0.07241,0.09534,0.07569,-0.08346,-0.06674,-0.01384,0.08686,0.03969,0.03685,0.01043,-0.0263,0.03521,-0.00474,-0.02691,-0.04168,0.05673,0.00109,-0.0075,0.02357,0.11018,0.02919,0.07385,-0.00148,-0.0928,0.01627,0.06219,0.03885,-0.0456,0.03418,-0.00379,0.02618,0.05756,-0.03251,-0.04735,-0.03317,0.00424,0.04528,0.05562,-0.01552,0.02168,0.04274,0.04665,0.01461,-0.01066,-0.0048,-0.10725,0.00606,0.03195,0.01881,-0.0202,0.02896,0.08914,-0.02469,-0.06375,-0.09979,0.109,-0.07931,0.00864,0.02172,0.02348,0.02567,-0.00555,0.01279,-0.05257,-0.04697,0.02547,-0.04521,0.00508,0.04068,0.09894,-0.06039,-0.0237,-0.0214,0.0819,-0.09819,-0.06187,-0.05505,0.04652,0.04853,-0.04437,-0.04352,-0.08561,-0.00908,-0.03478,0.05993,-0.00975,0.05688,-0.03605,0.04024,0.06412,0.06563,0.0309,-0.08226,0,0.01653,0.03086,-0.01737,0.04697,0.09794,-0.02018,0.0142,-0.03953,-0.10144,-0.00635,-0.06236,-0.02448,-0.03718,-0.08057,-0.00687,-0.04475,-0.01629,0.09767,-0.04583,-0.02876,0.04094,-0.00597,-0.00938,-0.07982,0.008,0.14449,-0.09046,0.00491,0.06322,0.03679,-0.04111,-0.01607,0.05318,-0.02416,-0.04723,0.01939,0.0213,-0.05753,-0.10724,-0.04194,-0.05462,-0.00821,-0.06039,-0.02681,0.0277,-0.04283,-0.03904,-0.0044,0.02157,0.06108,-0.04903,0.00038,0.04223,-0.04399,-0.01619,-0.08108,-0.05015,0.03443,-0.04205,0.01543,0.08639,0.06249,-0.11146,-0.0446,0.02473,0.03223,0.08209,0.03372,0.03917,-0.01741,-0.0189,0.0674,0.05687,0.04525,0.05977,-0.01948,-0.02873,-0.0436,-0.03068,-0.002,-0.01414,-0.05801,0.00564,0.00728,0.04455,-0.0347,0.01695,0.01612,-0.14051,0.07433,0.07586,-0.0426,0.08672,0.02732,-0.01438,0,-0.01244,0.01813,-0.0161,-0.0478,0.02051,-0.08622,-0.01093,0.03366,0.05948,0.01627,0.01074,0.03588,-0.02593,-0.06297,-0.0039,-0.0104,-0.03484,-0.09919,0.06355,-0.00983,0.03982,0.07369,-0.01711,0.06448,-0.04063,0.02982,0.0396,0.05692,0.00919,-0.02651,0.07653,-0.00348,-0.07716,0.02946,0.07771,-0.06114,-0.03432,0.02874,0.0078,-0.05862,0.01607,0.0997,-0.08004,0.03789,-0.00795,0.03365,0.01306,-0.02587,0.02575,0.04785,-0.06741,-0.01404,0.02617,-0.003,-0.02769,0.04997,0.07399,0.06708,-0.05312,0.03784,0.06227,-0.08066,-0.05419,0.00985,0.01805,-0.04112,-0.02702,0.07547,0.06464,0.11079,0.04271,0.03553,-0.03233,-0.00021,0.05761,-0.02225,-0.01352,0.0589,0.07519,0.08598,0.00112,0.0765,-0.01407,0.09135,0.05383,-0.08796,0.08169,0.09146,-0.03283,-0.0002,-0.0266,-0.01026,0.02499,-0.00287,-0.04312,0,-0.06543,-0.0028,-0.08963,-0.07205,0.09847,-0.04161,-0.0784,-0.01824,-0.04554,-0.00427,-0.05957,0.05275,0.02699,-0.03875,0.02415,-0.11912,-0.06508,-0.00909,-0.05372,-0.04698,-0.07451,0.02935,-0.02338,0.00268,-0.06567,-0.06799,0.02958,-0.06174,-0.00356,-0.02258,-0.05033,0.02785,-0.01698,0.11076,-0.05379,0.06753,-0.01642,0.07904,-0.04517,-0.03428,0.06416,0.01496,0.01852,-0.02535,-0.03967,0.05926,-0.02868,0.00576,0.00015,0.00458,-0.01062,-0.00176,-0.10218,0.09174,-0.0052,-0.059,-0.05541,0.04433,0.07143,0.00736,0.01877,0.05223,0.03918,0.01401],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1008 Warning: parent id not found. fNodeParentId / fGroupParentId references an id that no rendered node or group has, so hierarchy behaviors (containment, group drag, auto-size) silently do not apply. The warning lists the registered ids. Fix: reference an existing group id, and keep ids stable across re-renders. f Node Parent Id f Group Parent Id","excerpt":"FF1008 Warning: parent id not found. fNodeParentId / fGroupParentId references an id that no rendered node or group has, so hierarchy behaviors (containment, group drag, auto-size) silently do not apply. The warning lists the registered ids. Fix: reference an existing group id, and keep ids stable across re-renders."},{"chunkId":"/docs/errors#11","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.02862,-0.0124,-0.03899,0.02721,0.03913,0.0009,-0.03183,0.03795,-0.02486,-0.00095,-0.01828,-0.03653,-0.04692,-0.01513,-0.06727,-0.05383,-0.02513,-0.0122,-0.00321,0.06525,-0.08355,-0.00905,-0.02857,-0.01581,-0.03833,0.01425,-0.02843,-0.01121,0.05539,-0.01264,0.02426,0.09131,-0.0583,0.07125,-0.00433,0.04237,0.02625,-0.05687,-0.11357,0.03099,0.07918,0.01595,0.01644,-0.01469,-0.03403,-0.02017,-0.01482,-0.0587,-0.01195,-0.02977,-0.02905,0.03761,0.0101,0.04925,0.0123,0.01462,0.00739,-0.03111,0.00601,0.09411,0.03951,-0.0553,0.00178,0.01499,0.08358,0.06431,-0.03464,-0.08554,-0.02383,0.05339,-0.03168,0.02833,0.02143,-0.04757,0.02497,0.07457,-0.02793,-0.01038,-0.00328,-0.0557,0.05576,0.02017,0.03062,0.00343,0.01616,0.09733,-0.02594,-0.03634,-0.01187,0.06532,-0.07523,0.02797,-0.04971,0.05325,-0.00971,-0.01694,-0.004,-0.03837,-0.06918,0.01531,-0.00515,-0.03376,0.06676,0.09115,-0.05413,-0.01011,-0.00482,0.05218,-0.05173,0.00975,-0.0037,0.06737,0.01876,-0.05549,-0.0273,-0.0071,-0.0109,-0.02748,0.03023,0.06859,-0.03726,-0.02895,0.06181,0.03117,0.06542,-0.0017,-0.04972,0,-0.02926,-0.00185,-0.0468,0.00427,0.08947,0.0576,-0.00984,-0.02472,-0.00016,0.00081,-0.00147,-0.01205,-0.03667,-0.0855,-0.02159,-0.03743,-0.0383,0.04883,-0.10841,0.01376,0.10466,-0.13064,0.00273,-0.05433,0.00654,0.10994,-0.08303,0.05642,0.02114,0.0363,-0.04146,-0.00849,0.08072,-0.05561,-0.0454,-0.01716,0.01292,-0.0409,-0.0828,-0.05785,-0.09313,0.01113,-0.05914,-0.05217,0.04155,-0.06771,-0.06042,0.04604,0.03953,0.02376,-0.05607,-0.01782,0.00212,-0.03526,-0.00349,-0.03457,-0.0285,0.03712,-0.04157,0.05446,0.06547,-0.00004,-0.06969,-0.0387,0.04689,0.06096,0.06153,0.01017,-0.00907,-0.02706,-0.09499,0.09747,0.06208,0.05105,0.05069,0.00489,-0.03042,0.00218,0.00208,-0.03365,0.03471,-0.04001,0.03257,0.08216,0.05426,-0.09177,-0.01413,0.00419,-0.14208,0.07059,0.1117,-0.02461,0.06095,-0.00945,-0.03583,0,-0.00589,0.03544,-0.05806,-0.02913,0.00749,-0.07138,0.00865,0.05506,0.08347,-0.01385,0.06021,0.05689,-0.054,-0.05946,-0.0659,-0.02429,-0.02402,-0.10328,0.02136,-0.00063,0.10903,0.00478,-0.03763,-0.00931,-0.03437,0.0612,0.09612,0.04901,-0.06193,-0.02452,0.08151,0.06122,-0.05383,0.02923,0.0647,-0.02098,-0.00474,0.01705,0.0105,-0.07713,0.08834,0.1721,-0.08909,-0.01406,-0.02688,0.01724,-0.03552,-0.06329,0.0067,-0.02786,-0.07712,0.01327,0.01125,0.03596,-0.06337,0.06992,0.03935,0.06012,-0.02368,0.01503,0.05261,-0.0708,-0.04112,-0.02869,0.04543,0.03835,-0.03502,0.09326,0.13021,0.10716,0.07727,0.02711,-0.0577,0.0196,0.03303,0.06878,0.01037,-0.03154,0.0859,0.06884,-0.0168,0.06246,-0.04522,0.06292,0.13492,-0.00137,0.01814,0.02643,0.02949,-0.02649,-0.06531,0.01939,0.00648,0.00862,-0.00741,0,-0.12287,-0.01903,-0.11566,-0.00207,0.04248,-0.04611,-0.02854,-0.0401,-0.06459,-0.03126,-0.0388,0.07342,-0.00423,-0.00559,0.07959,-0.08418,-0.03821,-0.01124,-0.06539,-0.02434,-0.07196,0.02807,0.00261,0.04583,-0.04593,-0.05364,0.03091,0.04054,0.021,0.01518,-0.03865,0.0044,0.00041,0.07422,-0.11611,0.10138,-0.04091,0.03732,-0.00331,0.04613,0.05765,-0.00834,0.04199,-0.01069,-0.03108,0.06468,0.00504,0.05017,0.00772,-0.04239,-0.02684,0.07591,-0.13312,0.0311,-0.00088,-0.09709,-0.03142,-0.00592,0.00772,0.02297,-0.08085,0.04112,0.01249,0.01705],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1009 Warning: viewport helper called before nodes were rendered. fitToScreen(), resetScaleAndCenter(), or centerGroupOrNode() was called before the nodes were rendered (e.g. from ngOnInit / ngAfterViewInit), so it computes against an incomplete node set and produces a wrong initial viewport. These helpers compute from the nodes bounding box, so (fNodesRendered) is the earliest safe moment — connections do not affect the result. (fFullRendered) also works: fit To Screen reset Scale And Center center Group Or Node ng On Init ng After View Init f Nodes Rendered f Full Rendered","excerpt":"FF1009 Warning: viewport helper called before nodes were rendered. fitToScreen(), resetScaleAndCenter(), or centerGroupOrNode() was called before the nodes were rendered (e.g. from ngOnInit / ngAfterViewInit), so it computes against an incomplete node set and produces a wrong initial viewport. These helpers compute from the nodes bounding box, so (fNodesRendered) is the earliest safe moment — connections do not affect the result. (fFullRendered) also works:"},{"chunkId":"/docs/errors#12","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.00696,-0.0428,-0.03535,0.01082,-0.01982,-0.03446,-0.03857,0.042,-0.03289,-0.01774,-0.02917,-0.06539,-0.10334,-0.00114,-0.06145,-0.01419,-0.03833,-0.03691,0.01888,0.0291,-0.02877,-0.05007,-0.04717,0.00003,-0.06059,0.03871,-0.01012,-0.00305,0.008,-0.03157,0.04088,0.11249,-0.06099,0.01294,0.07747,0.02561,0.06897,-0.09093,-0.0718,0.00434,0.10235,-0.02516,0.0482,-0.00074,-0.03704,0.01449,-0.02102,-0.0778,-0.04432,-0.02062,-0.02825,0.03876,0.00291,0.07542,0.0635,0.0252,0.05682,-0.0561,0.00396,0.07326,0.00984,-0.0405,-0.00927,0.02353,0.02614,0.0768,-0.04645,-0.01042,-0.01055,0.006,-0.04392,0.04844,-0.0286,0.01277,0.04934,0.03138,0.02573,0.00659,-0.00491,-0.08638,-0.01379,0.02004,0.01668,0.00403,0.00196,0.08152,-0.00386,-0.04732,-0.04569,0.07052,-0.02892,0.01221,-0.03209,0.04333,0.05217,-0.00167,-0.00949,-0.11368,-0.08023,0.03139,-0.03534,-0.04389,0.06422,0.07444,-0.01049,0.05227,-0.02349,0.06103,-0.0552,-0.05086,-0.01918,-0.00609,0.08444,-0.03056,0.04543,-0.01095,-0.04439,0.0108,0.03713,0.0586,-0.00125,-0.02299,0.05293,0.02784,0.04069,0.03075,-0.02403,0,-0.0149,0.02043,-0.00565,0.0841,0.03788,0.0436,0.05891,-0.02602,-0.04522,0.01926,-0.03861,0.0365,-0.06016,-0.02863,-0.02797,-0.04376,-0.00899,0.03594,-0.07093,0.04298,0.14,-0.09547,0.01143,-0.08812,0.04617,0.04419,-0.07625,0.0325,0.01133,0.03991,-0.0648,-0.05275,0.05252,-0.02241,-0.02897,-0.0144,0.01355,-0.0255,-0.1015,-0.02176,-0.02735,-0.01894,-0.06608,-0.03918,0.03985,-0.05682,-0.07712,-0.005,0.00234,0.0483,-0.02624,0.0204,0.03507,-0.02385,0.03173,-0.05558,-0.02052,0.05384,-0.01864,0.05927,0.06231,0.06559,-0.12344,-0.02532,0.0302,0.07163,0.00364,0.01871,0.00643,-0.01778,-0.09118,0.07839,0.04501,0.02057,0.04758,-0.03436,-0.02721,-0.03069,-0.00097,-0.00971,-0.02734,-0.023,0.00997,0.05724,0.07804,-0.07702,-0.02324,-0.02879,-0.1195,0.07681,0.09967,-0.00459,0.06216,-0.00224,0.00495,0,-0.02189,0.02145,-0.02586,0.0197,-0.01165,-0.05787,0.0437,0.06111,0.07433,-0.01971,0.072,0.08159,-0.06459,-0.0734,0.02054,-0.05701,-0.06233,-0.12106,0.07403,0.00416,0.07182,0.06234,-0.06028,-0.05297,-0.04174,0.05833,0.01182,0.04104,-0.03009,-0.00728,0.10354,0.05811,-0.09263,0.03914,0.04222,-0.0039,0.03748,0.03731,0.03647,-0.04312,0.04456,0.08901,-0.0802,0.01156,-0.03199,0.03611,-0.07205,-0.08938,0.02302,-0.02038,-0.077,-0.0007,-0.00843,0.02311,-0.06788,0.02723,0.05106,0.09044,-0.06748,0.04243,0.05395,-0.08725,0.00774,-0.00346,0.0374,-0.01882,-0.01124,0.05424,0.10433,0.07782,0.07749,0.07145,-0.06511,0.0191,0.06062,0.03927,-0.04695,0.01315,0.11456,0.10892,-0.03274,0.10202,-0.01725,0.08832,0.08824,-0.02872,0.02511,0.03907,0.02626,-0.02139,-0.04283,0.00446,-0.02676,0.00394,-0.0407,0,-0.06797,-0.08124,-0.09624,-0.02487,0.05591,0.03695,-0.07301,-0.04968,-0.04332,-0.02196,-0.01987,0.06904,-0.01597,0.01342,0.0581,-0.0734,-0.03262,-0.00515,-0.06889,-0.05529,-0.06331,0.06328,-0.01517,0.05699,-0.05441,-0.10895,0.08093,0.01387,0.00165,0.02205,-0.00091,0.02391,-0.0014,0.06401,-0.05582,0.11814,-0.00927,0.09913,-0.04846,-0.02054,0.00565,0.00106,-0.0249,-0.06433,0.03224,0.0593,-0.03404,0.04034,-0.05562,-0.06027,-0.04337,0.10073,-0.11604,0.0871,-0.01918,-0.03876,-0.06146,-0.01933,-0.00965,0.00596,-0.05419,0.05907,0.04442,-0.00998],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. Verifying a flow programmatically To assert a flow is fully wired (useful in tests and for AI agents): 1. Listen to (fFullRendered) on <f-flow. 2. Call flow.getState() and check every declared connection resolved to existing connectors. 3. In dev mode, an empty console (no FFxxxx warnings) after the first render means ids, hierarchy, and sizing are consistent. f Full Rendered get State F Fxxxx","excerpt":"Verifying a flow programmatically To assert a flow is fully wired (useful in tests and for AI agents): 1. Listen to (fFullRendered) on <f-flow. 2. Call flow.getState() and check every declared connection resolved to existing connectors. 3. In dev mode, an empty console (no FFxxxx warnings) after the first render means ids, hierarchy, and sizing are consistent."},{"chunkId":"/docs/ai#0","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[-0.01712,-0.03406,-0.07925,-0.03561,0.05078,-0.01616,0.01784,0.03185,-0.00939,0.03668,-0.07519,-0.0579,0.00164,0.01763,0.05432,0.05046,-0.02685,0.031,0.01779,-0.01303,0.01803,0.03929,-0.01809,-0.02463,-0.08173,0.07437,0.04402,-0.01364,0.03295,-0.04326,0.07313,0.06866,0.04319,0.07931,-0.03223,0.0319,-0.06458,-0.02851,-0.04297,0.02662,0.05086,0.0267,0.00254,-0.08273,-0.0005,0.0236,-0.02476,-0.01683,-0.05004,0.03263,-0.08328,-0.06937,-0.04463,0.07851,0.0031,-0.03871,0.0382,-0.03788,-0.0364,-0.01081,0.01148,-0.06733,0.00869,0.04891,0.04264,0.07579,-0.1286,0.06532,0.01187,-0.0868,-0.05787,-0.0439,0.01145,0.01072,-0.01676,-0.01001,0.0047,0.03871,0.09473,-0.05296,-0.05918,-0.02201,0.05376,0.0272,0.00263,0.07803,0.02234,0.02986,0.05272,0.02978,0.04873,-0.00679,0.00314,0.05405,0.09425,0.02796,-0.05996,-0.05885,-0.06687,0.04293,-0.03596,-0.03146,-0.03818,0.03834,-0.06111,0.00374,0.07234,0.00527,0.03861,-0.04923,-0.04633,0.09804,0.08923,-0.07981,0.03517,-0.02428,0.01108,0.03901,0.03861,0.0213,0.01749,-0.07797,0.01798,0.02882,0.14934,0.0296,-0.06015,0,-0.00566,0.04083,-0.03089,0.00777,0.06944,0.01457,0.06715,-0.02365,-0.00019,0.04647,-0.06991,0.06061,-0.0757,-0.0054,-0.04552,-0.04229,-0.0408,-0.0121,-0.00357,0.01506,0.09823,-0.06363,0.03316,0.00302,0.07882,0.13337,-0.00518,0.01439,0.08746,0.03645,-0.02141,-0.02569,-0.02225,-0.01103,-0.04253,0.02443,-0.1209,0.00954,-0.04073,-0.01812,0.0401,-0.01969,-0.03316,-0.06285,-0.04325,-0.0617,-0.10506,-0.03343,0.10698,0.0108,0.00961,-0.00116,-0.00141,-0.03172,0.06666,-0.03472,-0.05992,0.03813,-0.01736,0.02693,0.04394,0.00759,0.01933,0.03638,0.08085,0.00208,0.01153,0.03711,0.07982,-0.05495,-0.0382,0.06106,0.01005,0.02016,-0.02819,-0.11066,0.03976,-0.03758,0.02927,-0.087,-0.01229,0.01182,-0.03014,0.07104,0.04809,-0.07639,-0.0817,-0.07897,-0.09369,0.0378,0.00742,-0.05502,-0.03256,0.07658,-0.00167,0,-0.05121,-0.00318,-0.09108,0.0596,-0.0092,-0.09185,0.01811,0.05859,0.08761,0.04589,-0.00109,-0.02118,-0.03682,-0.04223,0.02546,-0.04664,-0.03304,-0.09086,0.07366,-0.04531,-0.00978,0.06589,-0.05225,-0.05561,-0.03511,0.06738,0.01887,0.08825,0.01499,-0.01713,0.0392,0.00352,-0.06318,-0.01364,-0.05414,-0.01747,0.03649,0.04747,0.00283,-0.01324,0.1033,0.03336,-0.06019,-0.01072,-0.05164,0.02353,0.00417,0.00678,0.08019,-0.02708,-0.02475,-0.06801,-0.04237,-0.0793,-0.11631,0.01504,0.08172,0.00657,-0.07824,0.00871,-0.02231,-0.05933,0.04845,-0.05678,-0.01419,0.05261,-0.04674,0.08346,0.0477,0.03974,0.08514,0.01734,-0.1117,0.07619,0.0814,0.04443,-0.04608,-0.02935,0.02018,0.00301,-0.00012,0.04231,-0.03797,0.12479,0.03255,0.05197,0.02436,-0.03869,0.02777,0.04051,-0.03725,0.05651,0.02317,-0.0081,-0.09334,0,-0.10671,-0.09391,-0.00334,-0.00392,0.02918,0.04594,-0.07678,0.00013,-0.0088,-0.07099,0.02729,0.01261,-0.00692,-0.01971,0.07675,-0.01873,-0.04892,0.0017,-0.05592,-0.08825,0.01822,0.02982,0.01951,0.03948,0.07174,-0.04763,-0.0047,0.03698,-0.0449,0.08943,0.01507,0.04076,0.08818,0.02354,-0.00681,0.0475,-0.02504,-0.05553,-0.02844,-0.03767,0.00941,0.01389,0.00262,-0.04034,-0.01534,0.00276,-0.04378,-0.11027,0.02732,-0.07614,-0.02452,0.03365,-0.07464,0.12361,0.05607,-0.01418,-0.00546,-0.06524,0.0838,0.02134,-0.05279,0.06776,0.02799,-0.04736],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. Using AI Agents with Foblex Flow Foblex Flow ships several channels that teach LLMs and AI coding agents the current API, so generated code matches the installed version instead of outdated training data or React Flow patterns. LL Ms","excerpt":"Using AI Agents with Foblex Flow Foblex Flow ships several channels that teach LLMs and AI coding agents the current API, so generated code matches the installed version instead of outdated training data or React Flow patterns."},{"chunkId":"/docs/ai#1","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[-0.08283,0.00754,-0.04702,0.0252,0.10746,-0.01842,-0.01188,0.00041,-0.0022,0.05067,-0.06862,-0.06368,-0.02348,-0.02222,0.08221,0.05764,-0.01666,0.02996,-0.01223,-0.02676,0.00871,0.02083,0.00306,-0.02078,-0.10798,0.0554,-0.01432,-0.02948,0.00213,-0.05181,0.02684,0.07045,0.00255,0.07052,0.03485,0.08862,-0.03406,-0.01069,-0.01391,-0.0129,0.07369,0.06053,-0.00525,-0.09821,-0.00786,-0.00675,-0.02479,-0.01925,-0.0497,0.01219,-0.08756,-0.07488,-0.04699,0.05313,0.03538,-0.04711,0.06942,-0.03401,0.00264,-0.00445,0.02393,-0.08017,0.00286,0.01084,0.02919,0.07344,-0.11575,-0.02466,0.00223,-0.02086,-0.0149,-0.05213,0.00737,0.01375,-0.01833,0.02665,0.0078,0.08121,0.0135,-0.09212,-0.05408,-0.00728,0.04354,0.05188,0.00115,0.0775,0.02202,-0.02538,0.11195,-0.00982,0.03424,-0.01041,-0.02446,0.03339,0.15783,0.02591,-0.02957,-0.0036,-0.07386,0.08173,-0.02103,-0.07784,-0.00758,0.02452,-0.00382,0.02642,0.05759,0.02328,0.01148,-0.05038,-0.03551,0.06376,0.0675,-0.05885,-0.00101,-0.06951,0.02301,0.02834,0.03409,0.07006,0.06911,-0.04572,0.02256,-0.00778,0.12356,0.05752,0.01195,0,0.01046,0.03021,-0.04645,0.03729,0.0994,0.0043,0.04308,-0.01984,-0.01733,0.06851,-0.00675,0.02843,-0.10408,-0.02223,-0.03471,-0.0605,-0.00893,-0.05148,-0.00766,0.02162,0.07865,-0.06473,-0.03168,-0.01663,0.05678,0.08113,-0.01172,0.00906,0.02357,0.03988,0.02169,-0.0339,0.03075,0.04138,-0.0955,0.01122,-0.12181,-0.01731,-0.03177,-0.04296,0.01834,0.01258,-0.04857,-0.04931,-0.00415,-0.08989,-0.10693,-0.02172,0.13226,0.00831,0.03628,0.06945,0.0253,-0.0268,0.0636,-0.05357,-0.05751,0.05425,0.01297,0.0127,0.06553,0.04227,-0.00307,0.04163,0.08124,-0.00294,-0.01016,0.05627,0.09485,-0.08034,-0.05007,0.06728,0.0026,0.035,0.00254,-0.12824,0.05937,0.01085,0.06712,-0.13004,-0.03372,-0.00357,-0.01862,0.06734,0.01761,-0.09265,-0.05049,-0.05825,-0.11171,-0.02277,0.07206,-0.03257,-0.07569,0.03891,-0.01668,0,-0.01859,-0.04341,-0.05218,0.06384,-0.02424,-0.10238,-0.0108,-0.01202,0.08629,0.01394,0.01426,0.02625,-0.01396,-0.02369,0.02966,0.00125,-0.08767,-0.09765,0.07711,-0.01878,0.00598,0.07704,-0.02277,-0.05086,-0.03806,0.06666,-0.01551,0.04977,0.0154,-0.04829,0.02743,0.04842,-0.1186,-0.00941,-0.01519,-0.06787,-0.00035,0.07829,0.00267,0.02272,0.10539,0.03717,-0.04786,-0.03811,-0.05463,0.02013,0.03631,-0.01087,0.04371,-0.01193,-0.03539,-0.02918,-0.03312,-0.03957,-0.09728,0.01878,0.08091,0.0213,-0.09152,0.03358,0.01429,-0.01155,0.01775,-0.04392,0.03452,0.05468,-0.09435,0.04902,0.11468,0.0447,0.02162,0.01877,-0.11526,-0.00331,0.08371,0.05648,0.02605,-0.06257,0.00688,-0.00174,-0.04588,0.06932,-0.04298,0.06692,-0.00651,0.01009,-0.06739,-0.02898,0.03864,0.07183,-0.03606,-0.00974,-0.01648,-0.01352,-0.06946,0,-0.10203,-0.01843,-0.03737,-0.0276,0.09046,0.02903,-0.04714,0.00313,-0.00717,-0.05763,0.01134,0.01497,0.0213,0.00463,0.02479,-0.05282,-0.05005,-0.00129,-0.08754,-0.05132,-0.01665,0.03214,0.00608,0.03212,-0.00596,-0.05193,-0.01549,0.0039,-0.03649,0.11066,-0.01088,0.04326,0.04782,0.00125,-0.03089,0.04106,-0.04205,-0.03191,0.01444,-0.00106,0.03313,0.0435,0.00795,-0.02395,0.01321,-0.03924,-0.03985,-0.07492,0.00778,-0.0343,-0.045,0.02978,-0.07798,0.14937,0.05109,-0.01922,0.02443,-0.03749,0.07533,-0.00366,-0.04654,0.01792,0.06607,-0.02981],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. In your project (recommended) ng add @foblex/flow writes a marker-delimited Foblex Flow section into your workspace AGENTS.md — the cross-tool rules file read by Cursor, GitHub Copilot, Claude Code, Codex, and others. The section points agents at the guide bundled inside the package: - nodemodules/@foblex/flow/AI.md — verified API surface, hard rules, a minimal working setup, and a checklist of common silent failures. - nodemodules/@foblex/flow/STYLING.md — runtime CSS classes and safe selector strategy. Because the guide ships inside the npm package, it always matches the installed version — agents do not need to guess or search. Re-running ng add refreshes only the managed block; pass --skip-agent-rules to opt out. Already installed? Add the section without re-running the full schematic by copying it from AGENTS.md on GitHub or re-run ng add @foblex/flow — the dependency steps are idempotent. Git Hub","excerpt":"In your project (recommended) ng add @foblex/flow writes a marker-delimited Foblex Flow section into your workspace AGENTS.md — the cross-tool rules file read by Cursor, GitHub Copilot, Claude Code, Codex, and others. The section points agents at the guide bundled inside the package: - nodemodules/@foblex/flow/AI.md — verified API surface, hard rules, a minimal working setup, and a checklist of common silent failures. - nodemodules/@foblex/flow/STYLING.md — runtime CSS classes and safe selector strategy. Because the guide ships inside the npm package, it always matches the installed version — agents do not need to guess or search. Re-running ng add refreshes only the managed block; pass --skip-agent-rules to opt out. Already installed? Add the section without re-running the full schematic by copying it from AGENTS.md on GitHub or re-run ng add @foblex/flow — the dependency steps are idempotent."},{"chunkId":"/docs/ai#2","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[-0.03183,0.00837,-0.07668,-0.02713,0.02943,-0.03188,-0.00172,0.05069,-0.01996,0.05414,-0.08959,-0.05634,-0.00585,0.00905,0.04709,0.05967,-0.00872,0.05907,0.00479,-0.02987,0.00964,0.06427,-0.03583,-0.02543,-0.08033,0.07541,0.0412,-0.01816,0.02401,-0.04805,0.06833,0.03687,0.02128,0.07065,0.00649,0.03247,-0.05415,-0.03729,-0.01468,0.0151,0.09496,0.00698,0.00312,-0.08743,-0.00269,-0.00362,-0.0596,0.00235,-0.0612,0.04561,-0.06611,-0.07755,-0.0536,0.06829,-0.00655,-0.0452,0.04489,-0.07895,-0.03234,-0.03832,0.00682,-0.0537,-0.00887,0.04903,0.04199,0.10683,-0.11739,0.08628,0.01149,-0.04661,-0.05332,-0.04852,-0.01596,0.0229,-0.05013,-0.00714,-0.01428,0.04587,0.04916,-0.04519,-0.03889,-0.00841,0.07331,0.04463,-0.00392,0.07681,0.02437,0.07057,0.06286,0.01006,0.03217,0.01509,-0.00236,0.02868,0.08736,0.05749,-0.05436,-0.0751,-0.02051,0.0588,-0.04627,-0.03972,-0.03429,0.02864,-0.06575,0.00766,0.04538,0.00628,0.00891,-0.04868,-0.02927,0.0898,0.08379,-0.10542,0.04868,-0.04433,0.0056,0.05257,0.03705,0.01351,0.02004,-0.05893,-0.00081,0.0191,0.1588,0.06592,-0.00813,0,-0.00223,0.02537,-0.03401,0.01097,0.0859,0.05047,0.05264,-0.0428,-0.00276,0.06072,-0.01857,0.05584,-0.07871,-0.0509,-0.0606,-0.04976,-0.01905,0.01666,0.00549,0.02404,0.05174,-0.05128,0.0099,0.04261,0.06406,0.10293,-0.01419,0.00216,0.05607,0.02739,0.03335,-0.04695,-0.01196,-0.00288,-0.05421,0.02158,-0.14106,0.01016,-0.0223,-0.0114,0.03453,-0.02889,-0.04722,-0.05993,-0.08427,-0.0389,-0.09879,-0.03443,0.11791,-0.01385,0.02513,0.02615,-0.00385,-0.01002,0.0656,-0.0436,-0.06908,0.02845,0.01002,0.03832,0.05206,0.04091,0.03419,0.01802,0.0675,-0.02903,-0.0018,0.02831,0.08841,-0.06623,-0.011,0.05694,0.02819,0.01376,-0.02141,-0.09844,0.06016,-0.0022,0.0383,-0.10047,-0.02282,0.00049,0.00203,0.05646,0.05232,-0.09563,-0.09606,-0.07474,-0.13903,0.01144,-0.0357,-0.02589,-0.04569,0.05175,0.01743,0,-0.01104,-0.02162,-0.04978,0.07186,-0.0192,-0.09235,0.00516,0.04647,0.10039,0.06363,-0.00148,0.00536,-0.06069,-0.07534,0.03457,-0.0428,-0.04562,-0.11216,0.07854,-0.04804,-0.01063,0.07658,-0.05424,-0.03853,-0.05249,0.0768,0.02559,0.03515,0.01272,-0.02498,0.01801,0.02198,-0.0558,-0.00515,-0.0635,-0.03924,0.04939,0.0918,0.02572,-0.00356,0.10862,0.04723,-0.0501,-0.02363,-0.06939,0.013,-0.00316,0.00657,0.07913,-0.01491,-0.04399,-0.0463,-0.03366,-0.04259,-0.10833,0.00291,0.08198,-0.05213,-0.12277,0.02888,-0.01849,-0.02967,0.05719,-0.04255,-0.01067,0.03741,-0.05525,0.02282,0.04227,0.02372,0.0646,-0.01023,-0.10429,0.07795,0.10184,0.01564,-0.0158,-0.04783,0.05277,0.01263,-0.00552,0.07327,-0.0423,0.08565,0.02007,0.03453,-0.00657,-0.02186,0.05876,0.05499,-0.05355,0.05585,0.02955,-0.02281,-0.0789,0,-0.09874,-0.09273,0.01222,0.00738,0.0029,0.03062,-0.05708,0.00593,0.00219,-0.07249,0.02528,-0.01215,-0.02128,-0.01198,0.07033,-0.03748,-0.0309,-0.00175,-0.08034,-0.08769,0.00784,0.04978,0.04839,0.01809,0.0603,-0.01805,-0.02039,0.02691,-0.02141,0.10546,0.02141,0.03004,0.06624,0.01557,-0.00457,0.02839,-0.03305,-0.05352,-0.01107,-0.03309,0.01734,0.02303,-0.00176,-0.01556,0.01574,-0.01492,-0.04817,-0.07612,0.03407,-0.04611,-0.02699,0.00098,-0.0639,0.13218,0.02354,0.00953,0.03502,-0.04631,0.10709,0.01067,-0.04841,0.04349,0.01719,-0.03074],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. Hosted LLM docs - llms.txt — docs index in the llms.txt format. - llms-full.txt — the complete LLM-readable reference: API tables, events, types, styling, and full code examples. Point a custom agent, GPT, or RAG pipeline here.","excerpt":"Hosted LLM docs - llms.txt — docs index in the llms.txt format. - llms-full.txt — the complete LLM-readable reference: API tables, events, types, styling, and full code examples. Point a custom agent, GPT, or RAG pipeline here."},{"chunkId":"/docs/ai#3","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[-0.03935,-0.01812,-0.06655,-0.01726,0.05366,-0.01497,0.00931,0.04214,-0.00197,0.0575,-0.08612,-0.05964,-0.02512,0.03644,0.05097,0.02965,-0.00589,0.04989,0.04734,0.00025,-0.00959,0.06427,-0.03327,-0.0259,-0.09786,0.08855,0.03156,-0.02101,0.02154,-0.02532,0.05895,0.10079,0.04779,0.05441,0.04573,0.04945,-0.02923,-0.04398,-0.03261,0.00358,0.07682,0.01869,0.04542,-0.06651,-0.01201,-0.00367,-0.02845,-0.01392,-0.05108,0.02768,-0.09814,-0.06391,-0.04265,0.07323,0.00627,-0.04693,0.01808,-0.08206,-0.03604,-0.01659,0.00778,-0.06933,-0.0088,0.04037,0.03641,0.09419,-0.10779,0.04939,0.03175,-0.08267,-0.02554,-0.0452,-0.00231,0.01317,-0.00478,0.02292,0.00986,0.03448,0.06999,-0.07568,-0.01705,0.00216,0.06382,0.01469,-0.01492,0.05883,0.03337,0.03958,0.05386,0.04856,0.05005,0.00026,-0.01815,-0.00028,0.10962,0.02951,-0.04933,-0.06348,-0.043,0.06064,-0.03889,-0.03817,-0.03081,0.02191,-0.03079,0.01202,0.03513,0.02003,0.03454,-0.0494,-0.04846,0.09079,0.07636,-0.0899,0.05673,-0.06248,0.04119,0.04592,0.05053,0.0368,-0.00825,-0.06812,0.01518,0.00178,0.12926,0.03735,-0.03479,0,0.00119,0.02396,0.00748,0.01882,0.04832,0.01313,0.0494,-0.05168,0.00665,0.02401,-0.04591,0.08789,-0.06286,-0.06741,-0.08104,-0.05691,-0.03628,0.02005,0.0265,0.02527,0.06934,-0.06906,0.00322,0.01028,0.07356,0.12302,-0.0133,-0.00272,0.08272,0.03627,-0.0153,-0.01534,-0.01564,0.02865,-0.06617,0.00809,-0.13514,-0.00592,-0.0378,-0.00824,0.00525,-0.01992,-0.04645,-0.05774,-0.07074,-0.07146,-0.12441,-0.03351,0.13399,0.00292,0.03873,-0.00057,-0.00439,-0.01041,0.07912,-0.05614,-0.06462,0.04092,0.0263,0.02308,0.07912,0.00719,-0.00717,0.00131,0.11123,-0.03049,-0.01368,0.03426,0.05383,-0.05946,-0.02854,0.04721,0.0432,0.0149,-0.02191,-0.09534,0.00874,-0.00359,0.00502,-0.04927,-0.04557,-0.00137,-0.00526,0.09643,0.06258,-0.04321,-0.0854,-0.07096,-0.10571,-0.01872,0.01801,-0.04123,-0.04414,0.05959,-0.00115,0,-0.02869,-0.0551,-0.06971,0.05369,-0.02785,-0.10254,0.02391,0.04568,0.07227,0.04067,0.01092,-0.02314,-0.03771,-0.07902,0.03295,-0.03382,-0.01704,-0.10482,0.06677,-0.01896,-0.03125,0.02152,-0.05173,-0.0375,-0.02971,0.04714,0.00488,0.0393,0.01127,-0.02648,0.03228,0.03361,-0.08322,0.00642,-0.05009,-0.04035,0.00019,0.07889,0.01514,-0.014,0.11421,0.05862,-0.0737,-0.01707,-0.05792,0.01919,0.01827,-0.01607,0.08567,-0.02323,-0.04869,-0.04253,-0.02221,-0.0784,-0.14029,0.04017,0.09965,-0.02839,-0.05382,0.03251,0.02236,-0.03073,0.02878,-0.03303,0.01878,0.06582,-0.04979,0.04169,0.04396,0.00265,0.06465,-0.02446,-0.10804,0.08188,0.13267,0.02913,-0.01374,-0.03186,0.02712,0.01359,0.00294,0.07664,-0.06172,0.10772,0.02973,0.02549,0.00427,-0.03997,0.06726,0.05172,-0.03822,0.04674,-0.00765,-0.01671,-0.08005,0,-0.12805,-0.10133,-0.00209,-0.01939,0.02395,0.07094,-0.08404,0.01138,0.01023,-0.04212,0.02252,-0.01089,-0.00318,-0.03325,0.05114,-0.02938,-0.00823,0.0032,-0.06618,-0.08375,0.0187,0.038,0.03653,0.02445,0.05222,-0.02942,-0.00587,0.03225,-0.03288,0.0186,0.00109,0.03165,0.05509,0.03016,-0.03977,0.06779,-0.01661,-0.05999,-0.04685,-0.04488,0.00199,0.0298,-0.02384,-0.03524,0.00091,0.01643,-0.02455,-0.05032,0.00812,-0.05603,-0.02927,0.04397,-0.06263,0.15294,0.04379,-0.00206,0.02593,-0.06443,0.09567,-0.00653,-0.05878,0.06041,0.02876,-0.0266],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. MCP / Context7 The repository ships a context7.json, so Context7 indexes the documentation — agents with the Context7 MCP server installed can resolve @foblex/flow docs on demand.","excerpt":"MCP / Context7 The repository ships a context7.json, so Context7 indexes the documentation — agents with the Context7 MCP server installed can resolve @foblex/flow docs on demand."},{"chunkId":"/docs/ai#4","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[0.00589,-0.02789,-0.07897,-0.01808,0.04868,-0.04486,-0.01144,0.02863,-0.01,0.04827,-0.04734,-0.05251,-0.01413,-0.00244,0.01529,0.04992,-0.04657,0.04052,0.02513,-0.00785,-0.02487,0.06894,-0.05632,0.00034,-0.09563,0.07653,-0.00659,-0.02879,0.00674,-0.05433,0.03939,0.07445,-0.02917,0.06034,0.05366,0.05814,-0.02342,-0.0575,-0.04309,0.00175,0.09343,0.01905,0.01748,-0.07238,-0.03293,0.01255,-0.0723,-0.01286,-0.03646,0.01385,-0.07047,-0.02875,-0.02348,0.05857,0.01786,-0.00905,0.03423,-0.02406,0.00419,0.02427,0.02388,-0.05358,-0.00194,0.02982,0.06821,0.10159,-0.07743,0.02139,-0.02282,-0.00834,-0.04631,-0.02475,-0.0214,0.01355,0.00097,0.03525,-0.01806,0.03682,0.08248,-0.03236,-0.03223,-0.01753,0.03197,0.05032,0.01126,0.09622,0.0032,0.02534,0.04248,0.03933,0.00969,-0.04506,0.02294,0.05149,0.08991,0.05235,-0.00362,-0.08234,-0.06904,0.06686,-0.04558,-0.02664,0.00821,0.02877,-0.05854,0.01651,0.04833,0.01768,0.01501,-0.07088,-0.0285,0.04845,0.0993,-0.06551,0.06536,-0.04729,0.00904,0.03199,0.01752,0.01419,0.00856,-0.05194,0.02729,0.04887,0.15761,0.03925,-0.02474,0,-0.00663,0.03272,-0.01776,0.03124,0.07909,0.02826,0.0374,-0.00582,-0.0071,0.05655,-0.02557,0.0234,-0.06355,-0.06102,-0.0335,-0.03401,0.00712,0.02786,-0.04177,0.04868,0.09855,-0.08606,0.03771,-0.03293,0.07925,0.12895,-0.05086,0.00519,0.09662,0.04008,-0.03072,-0.00801,0.0171,0.00532,-0.04509,-0.01049,-0.09737,-0.00388,-0.08257,0.00054,0.00967,-0.00147,-0.05944,-0.04037,-0.02555,-0.08143,-0.07917,-0.04053,0.06817,0.00497,-0.01921,0.03961,-0.00567,-0.00814,0.0633,-0.06281,-0.03981,0.02829,-0.02176,0.05724,0.09439,0.01956,-0.01634,-0.01286,0.10979,-0.01024,-0.00091,0.04435,0.05738,-0.03212,-0.05053,0.05435,0.03338,0.02293,-0.02359,-0.09697,-0.00658,-0.03876,0.02463,-0.08543,-0.0147,-0.00627,-0.02364,0.08106,0.02482,-0.11776,-0.09308,-0.04369,-0.12946,0.0471,0.01052,-0.01152,-0.01519,0.06121,-0.02191,0,-0.06094,-0.02335,-0.06008,0.05375,-0.03283,-0.09241,0.00506,0.05024,0.10577,0.03162,0.0059,0.01688,-0.05618,-0.05471,0.01961,-0.02131,-0.04696,-0.12347,0.08383,-0.02928,0.03027,0.04963,-0.02831,-0.04576,-0.01456,0.10148,0.03874,0.04114,0.00387,-0.01688,0.0748,0.06396,-0.07583,0.01052,-0.00158,-0.01414,0.01487,0.06808,0.02696,-0.04409,0.11085,0.08666,-0.09876,-0.01811,-0.02174,0.00646,-0.00868,-0.01045,0.08962,-0.0263,-0.04854,-0.06358,-0.02945,-0.0477,-0.12574,0.0164,0.05229,0.01972,-0.09306,0.01866,-0.00711,-0.06576,0.01781,-0.0341,-0.005,0.04602,-0.04151,0.06971,0.1003,0.02185,0.09757,0.00783,-0.09435,0.05702,0.09255,0.02118,-0.072,-0.07185,0.05066,0.03265,-0.0242,0.06871,-0.04718,0.11347,0.02354,0.00796,0.04614,0.00885,0.03281,0.00969,-0.02996,0.04832,-0.01656,0.00654,-0.07706,0,-0.09566,-0.09885,-0.05899,-0.02287,0.04484,0.02069,-0.06825,-0.01151,-0.01144,-0.04648,-0.00653,-0.00925,-0.0153,-0.02002,0.07305,-0.05562,-0.06256,0.01991,-0.0949,-0.09831,0.01126,0.04563,0.03017,0.01322,0.00906,-0.08637,0.00967,0.04275,-0.04533,0.06776,-0.00055,0.03416,0.04438,0.02868,-0.02342,0.07465,-0.00078,-0.01845,-0.01622,-0.05447,0.00361,0.03604,-0.03176,-0.03073,-0.01676,-0.0126,-0.02192,-0.04059,0.04108,-0.10533,-0.0198,0.05822,-0.09805,0.12484,0.04261,-0.04652,-0.02191,-0.08556,0.0568,0.02209,-0.05503,0.05216,0.04523,-0.0509],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. Diagnostics agents can act on In dev mode the library reports misconfigurations with stable FFxxxx codes — an unresolved connection endpoint, a zero-height host, a connector outside a node — each linking to the errors reference with the fix. An agent iterating on console output self-corrects instead of guessing. F Fxxxx","excerpt":"Diagnostics agents can act on In dev mode the library reports misconfigurations with stable FFxxxx codes — an unresolved connection endpoint, a zero-height host, a connector outside a node — each linking to the errors reference with the fix. An agent iterating on console output self-corrects instead of guessing."},{"chunkId":"/docs/ai#5","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[-0.01855,-0.02505,-0.04407,-0.00978,0.02414,-0.03277,-0.02325,0.0254,0.00249,0.04767,-0.04575,-0.08373,-0.05259,-0.0095,0.02569,-0.00822,0.00959,-0.00898,0.0035,-0.05436,-0.00853,-0.04923,-0.01926,-0.01875,-0.09248,0.06262,0.01738,0.00227,0.01151,-0.04467,0.08174,0.04246,-0.08425,0.0567,0.03064,0.00134,0.0187,-0.0608,-0.05747,-0.00093,0.07533,-0.0345,0.00811,-0.0565,-0.00584,0.00182,-0.03715,-0.03132,-0.08228,-0.01618,-0.01354,-0.00195,-0.00217,0.03389,0.03547,-0.02977,0.1034,-0.03916,-0.01636,0.04937,0.02043,-0.07455,-0.01567,0.04304,0.01729,0.10785,-0.03377,-0.01022,0.00245,-0.02222,-0.04408,-0.04798,-0.01416,0.01165,0.04075,0.02738,-0.0271,0.02812,0.04802,-0.03971,-0.01281,-0.0248,0.04944,-0.01164,-0.00147,0.08182,0.01971,0.01363,0.01982,0.05672,0.01411,0.01071,-0.00426,0.07819,0.0978,0.05584,-0.05081,-0.0423,-0.08054,0.03672,-0.05123,0.00099,-0.04617,0.0415,-0.02072,0.02708,0.09582,0.01687,0.00801,-0.06961,-0.00916,0.02308,0.1442,-0.03886,0.04997,0.01397,0.02196,0.06634,0.04664,0.04138,0.02537,-0.0248,0.03879,0.00977,0.09614,0.02949,-0.02013,0,-0.02303,0.04816,-0.00665,0.04698,0.01494,0.0591,0.04812,0.01024,0.00787,0.0267,-0.03517,0.07622,-0.07585,-0.00729,-0.03073,-0.05247,-0.01244,-0.022,0.00995,0.07097,0.14098,-0.12819,0.0533,-0.0353,0.04339,0.06786,-0.06366,0.01857,0.09888,0.05096,-0.03374,-0.07566,-0.00955,0.0178,-0.0265,-0.00113,-0.06892,0.03509,-0.03313,-0.01112,0.04784,-0.02125,-0.06075,-0.04053,-0.06054,-0.11599,-0.07816,-0.04453,0.09652,0.0234,0.01616,0.01983,-0.02919,-0.01064,0.06455,-0.01311,-0.02063,0.05797,0.00905,0.04865,0.03779,0.05644,-0.04667,-0.03073,0.06007,0.04675,-0.00708,-0.00658,0.00387,-0.02798,-0.03442,0.04444,0.06055,0.02041,0.03039,-0.09602,0.00362,0.00502,0.00867,-0.06076,-0.00115,-0.01702,-0.01718,0.07625,0.06065,-0.12288,-0.103,-0.05928,-0.10982,0.06953,0.02946,-0.0184,0.02153,0.06877,0.04929,0,-0.02859,-0.002,-0.03618,0.06097,-0.02609,-0.06933,0.01251,0.04331,0.08862,0.04252,0.09384,0.02413,-0.03558,-0.03218,0.04134,-0.11797,-0.03786,-0.08492,0.14035,-0.00387,0.0564,0.0538,-0.05278,-0.02902,-0.01761,0.08866,0.00146,0.01172,-0.00586,-0.03083,0.07288,0.06916,-0.08786,0.02842,-0.04521,-0.00185,0.05349,0.05198,0.0115,-0.01528,0.07053,0.0855,-0.09074,0.00129,-0.05846,0.04102,-0.02165,-0.0284,0.04809,-0.00416,-0.04637,0.00211,-0.04279,0.00076,-0.09941,0.01202,0.07182,0.00152,-0.09548,0.03321,0.03839,-0.06791,0.02886,-0.01847,0.02992,0.00488,-0.02953,0.07933,0.14033,0.07067,0.10222,-0.01585,-0.11443,0.05001,0.08793,0.04703,-0.06273,-0.0723,0.07157,0.02434,-0.03549,0.07637,-0.05215,0.07919,0.03745,-0.02035,-0.0152,-0.04051,0.02443,0.01536,-0.02916,0.01438,-0.02682,-0.00538,-0.04243,0,-0.08593,-0.13525,-0.0057,-0.00772,0.0444,0.00204,-0.09241,-0.03149,-0.02828,-0.0696,0.01681,0.01998,-0.0003,0.00201,0.06077,-0.03223,0.01173,0.01241,-0.05744,-0.06705,-0.04412,0.03165,0.0218,0.04462,-0.03307,-0.04545,0.06894,0.0415,-0.04459,0.08762,-0.02129,-0.00029,0.01056,0.00079,-0.09547,0.07485,-0.02286,-0.00917,-0.05403,-0.05409,0.00039,0.03918,-0.0157,-0.05399,0.04346,0.05199,-0.02041,-0.02424,-0.02526,-0.13291,-0.03724,0.02852,-0.09195,0.09942,-0.04406,-0.03066,-0.03897,-0.05014,0.07527,-0.00013,-0.04709,0.06405,0.03619,-0.06109],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. Verifying generated code A flow is fully wired when: 1. (fFullRendered) has fired on <f-flow. 2. flow.getState() shows every declared connection resolved. 3. The console contains no FFxxxx warnings. This three-step check is cheap enough to run in e2e tests and agent verification loops alike. f Full Rendered get State F Fxxxx","excerpt":"Verifying generated code A flow is fully wired when: 1. (fFullRendered) has fired on <f-flow. 2. flow.getState() shows every declared connection resolved. 3. The console contains no FFxxxx warnings. This three-step check is cheap enough to run in e2e tests and agent verification loops alike."},{"chunkId":"/docs/default-theme-and-styling#0","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.03048,0.02897,-0.06136,-0.01014,0.05185,0.07598,0.0393,0.05235,-0.01297,0.01237,-0.11515,-0.01248,-0.03534,-0.01367,0.05612,-0.05949,-0.0304,0.0196,0.08296,0.0528,-0.00335,-0.04579,-0.0214,0.01418,-0.08209,0.06462,0.01058,0.0295,0.02488,-0.07693,0.04185,0.11157,0.08285,0.04224,-0.08515,-0.03863,0.07917,0.01728,-0.04246,-0.01971,-0.0062,0.01879,-0.02079,0.00863,-0.00542,-0.00677,-0.0298,-0.05247,-0.05225,0.02412,-0.02588,-0.12346,-0.02912,0.07549,0.00301,0.05527,0.00822,-0.02581,0.05916,-0.0196,-0.02945,-0.01915,0.01781,0.07864,0.0784,-0.00503,-0.07786,0.10183,0.00311,-0.03237,-0.01395,-0.00569,0.04246,-0.00192,0.02858,0.02101,0.03172,0.01794,-0.07291,-0.06665,-0.05521,0.00679,-0.04121,0.04528,0.02328,0.10032,-0.04249,-0.08282,-0.00296,0.0511,0.02132,0.03398,-0.01252,-0.09099,0.00936,0.01406,-0.07642,-0.10939,-0.02333,0.04721,-0.03004,-0.08298,0.1218,0.00632,0.03444,-0.02033,0.00148,0.03869,-0.00258,-0.01561,-0.02929,-0.02194,-0.02102,-0.10402,0.01926,0.00121,-0.03458,-0.05808,0.08929,0.04461,0.06979,-0.01583,-0.02323,-0.01194,-0.02091,0.02597,-0.04054,0,-0.04311,0.03529,-0.01367,0.03603,0.03859,-0.02517,0.02416,-0.06543,-0.06148,0.05569,-0.01199,0.0728,-0.03299,0.098,-0.05961,-0.1055,-0.07448,0.0181,0.01631,-0.04951,0.02447,-0.07158,-0.02832,-0.00896,0.0462,0.01725,0.03196,0.07657,-0.05638,0.02637,0.00784,-0.01801,0.0502,0.02345,-0.04587,0.00846,-0.0021,-0.03989,0.03414,-0.02733,0.01401,-0.01143,-0.0536,0.01303,0.01955,0.05858,-0.02069,-0.05237,0.12976,0.00466,0.03256,0.00543,0.03469,0.07241,0.03852,-0.04957,0.00109,-0.01636,0.02834,-0.02625,0.02012,0.03584,-0.03081,-0.11345,0.04662,0.03434,0.02848,-0.01663,-0.01761,-0.11563,-0.10168,0.12385,0.0378,0.04786,-0.00626,-0.02624,0.05986,0.02783,0.04614,-0.00046,-0.07435,0.01204,-0.05464,0.04315,0.05721,-0.04117,0.04434,-0.03641,-0.07911,-0.07256,0.10525,-0.07342,0.01567,-0.00284,-0.01957,0,-0.0358,0.02021,-0.03737,0.10525,0.03198,0.0334,0.07612,0.04226,0.08307,0.03632,0.08589,0.0547,-0.03092,-0.0631,0.04018,0.02483,-0.02897,-0.03112,0.04476,-0.06484,-0.0158,-0.01159,-0.04518,-0.07368,-0.02976,0.04959,0.00478,0.07001,-0.00512,0.00935,0.01598,-0.04177,-0.08526,0.0033,-0.01197,-0.08029,-0.06134,0.06259,0.02003,-0.00963,0.03563,0.00366,-0.0046,0.07696,-0.03512,0.051,-0.03792,-0.02237,-0.00368,-0.00924,-0.01611,-0.01801,-0.03032,-0.0723,-0.04376,0.02034,0.03732,0.05722,-0.10017,0.05745,0.06563,0.01378,-0.028,-0.04946,0.02388,-0.03813,-0.04525,-0.00026,-0.02155,0.00818,0.03397,-0.00875,-0.07468,0.01287,0.05258,-0.00507,0.09926,0.01183,-0.00926,0.09104,-0.03087,0.09086,0.00447,0.10135,0.05771,0.06318,-0.11503,0.01204,0.07094,-0.01071,-0.1406,0.08938,0.0805,0.03756,-0.01842,0,-0.09667,-0.05967,0.06251,-0.00407,-0.0142,0.0796,-0.04901,-0.08461,-0.03028,-0.0444,-0.05414,0.04271,-0.0344,-0.01809,-0.02012,0.01992,-0.10606,0.01911,-0.05978,-0.11678,-0.00128,0.05598,0.01407,0.01083,-0.00496,0.03179,-0.02097,0.03665,0.02899,-0.00572,0.02967,0.04927,0.02772,0.0106,-0.04206,0.04436,-0.08553,0.05716,-0.04849,0.00235,0.0195,-0.03054,-0.00289,-0.02232,-0.0957,0.05471,-0.00309,-0.01871,-0.07444,-0.04329,-0.04698,0.03273,-0.08348,0.13726,0.01927,0.01814,-0.03641,0.01421,0.09218,-0.01903,-0.08317,0.04173,-0.02108,0.0783],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Default Theme and Styling Foblex Flow ships with a default SCSS theme and a selective SCSS API. Use the default entrypoint when you want the shipped visual system immediately, and switch to mixins when you need tighter control over feature styling, scope, or bundle shape.","excerpt":"Default Theme and Styling Foblex Flow ships with a default SCSS theme and a selective SCSS API. Use the default entrypoint when you want the shipped visual system immediately, and switch to mixins when you need tighter control over feature styling, scope, or bundle shape."},{"chunkId":"/docs/default-theme-and-styling#1","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.0734,0.02993,-0.06797,0.00967,0.03591,0.04474,0.06323,0.0433,0.0238,-0.00404,-0.09719,-0.0499,-0.00789,-0.07493,0.10461,-0.00454,-0.0201,0.03747,-0.00471,0.06755,0.03457,-0.01289,-0.03542,0.00231,-0.06643,0.06032,0.00858,-0.00028,0.03754,-0.06318,0.04617,0.15563,0.0606,0.02869,-0.03475,0.03183,0.06706,-0.0202,-0.0368,-0.01618,-0.01796,0.01398,-0.02681,-0.00248,-0.00851,-0.00763,0.00585,-0.05162,-0.09349,0.01162,-0.00246,-0.08941,-0.03519,0.04963,-0.00962,0.03492,0.00655,-0.03341,0.04574,0.01455,-0.05835,-0.01632,0.00233,0.08594,0.03411,-0.03727,-0.06417,0.07248,0.02863,-0.08327,-0.04352,0.00043,0.02926,0.02269,0.02152,0.04761,0.07072,0.04776,-0.07021,-0.16478,0.00797,0.0183,0.01706,0.07782,0.037,0.11188,0.00645,-0.06562,0.00494,0.08317,-0.00028,0.03017,0.01196,-0.07041,0.04449,0.00647,-0.03337,-0.06933,-0.02145,0.07287,-0.0627,-0.058,0.0932,0.01264,0.01714,-0.02294,-0.03455,0.04375,0.00054,-0.03963,-0.03582,-0.02252,-0.05519,-0.10824,0.01234,-0.03299,-0.01168,-0.07,0.1351,0.05202,0.06971,-0.01714,-0.02937,-0.01643,-0.02305,0.00383,-0.01979,0,-0.02518,0.02547,-0.0201,0.05693,0.06669,-0.01522,0.03081,-0.06484,-0.06765,0.05172,0.02404,0.06757,-0.04263,0.09947,-0.0396,-0.06441,-0.0648,-0.01229,0.02315,-0.03829,0.02245,-0.01671,-0.03292,0.0155,0.00448,0.0451,0.04594,0.03856,-0.02418,0.02633,0.03436,-0.03118,0.08698,0.04929,-0.04503,-0.00259,-0.0009,-0.05154,0.04134,-0.00583,-0.00164,-0.02311,-0.02835,0.02126,-0.00835,0.0006,-0.04027,-0.03377,0.09857,0.02284,0.00144,0.07007,0.0531,0.05948,0.03171,-0.09656,-0.01842,0.00736,0.00245,-0.02394,0.00796,0.10014,-0.0251,-0.06538,0.04179,0.04911,0.00286,-0.00658,0.02084,-0.12113,-0.07184,0.12971,0.02591,0.02601,0.02222,-0.04305,0.04965,0.02572,0.05477,-0.01344,-0.08729,0.01049,-0.07241,0.04789,0.01169,-0.04089,0.04177,-0.03952,-0.07725,-0.06485,0.09533,-0.06177,-0.00152,-0.03772,-0.04108,0,-0.01111,0.05287,-0.03307,0.1061,0.02191,0.02035,0.04395,0.03086,0.07046,-0.0163,0.02825,0.08854,-0.03677,-0.07118,0.03875,0.00694,-0.07979,-0.04421,0.02043,-0.04788,-0.03776,0.02587,-0.06171,-0.03962,-0.04405,0.02723,-0.01587,0.02124,-0.00953,0.02512,0.00754,-0.02619,-0.10483,-0.01663,-0.02921,-0.12039,-0.06132,0.0791,0.00142,-0.00508,0.02617,-0.04981,0.0024,0.04481,-0.04435,0.05112,-0.07851,-0.0528,0.0177,0.00062,0.01926,-0.03082,-0.05208,-0.04752,-0.05861,0.00037,0.05664,0.02677,-0.07689,0.07433,0.08112,0.0079,-0.00318,-0.05358,0.01389,-0.04261,-0.06217,0.00006,0.00962,0.00196,0.05251,-0.03294,-0.07552,0.00031,0.03857,0.01183,0.12383,-0.02583,0.00363,0.11785,-0.05276,0.08861,0.00609,0.07212,0.0504,0.00233,-0.09292,0.04139,0.06297,-0.01458,-0.09623,0.09801,0.05707,0.04532,-0.04282,0,-0.07714,-0.06365,0.01385,-0.00704,-0.04465,0.08021,-0.03176,-0.06267,-0.03993,-0.05253,-0.00547,0.05727,-0.03989,-0.03194,-0.0114,-0.00491,-0.09141,0.01191,-0.08668,-0.10881,-0.03729,0.07818,-0.00354,-0.0072,0.00159,0.02564,-0.00217,0.02956,-0.00773,-0.00692,0.01893,0.05864,0.01971,0.01652,-0.0654,0.02951,-0.08372,0.01979,-0.0102,0.02807,0.01058,-0.06321,-0.02292,-0.00786,-0.02062,0.03635,-0.00516,-0.00744,-0.08078,-0.02652,-0.0686,0.03804,-0.0973,0.1272,0.00058,0.01104,-0.0592,0.06307,0.10136,-0.00812,-0.11343,0.01642,-0.00798,0.06037],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. What ships in the package There are two public styling entry points: - @use '@foblex/flow/styles/default'; A ready-to-use default theme. - @use '@foblex/flow/styles' as flow-theme; A selective API built from domain mixins and CSS variables. The theme is layered like this: 1. Primitive tokens: palette, radii, fonts, shadows. 2. Semantic tokens: surfaces, borders, text, accents, helper colors. 3. --ff- alias tokens: the public variables consumed by runtime primitives. 4. Domain mixins: flow/canvas, nodes/groups, connectors, connections, external items, plugins. For application code, the public contract is: - the exported mixins from @foblex/flow/styles; - the --ff- alias tokens.","excerpt":"What ships in the package There are two public styling entry points: - @use '@foblex/flow/styles/default'; A ready-to-use default theme. - @use '@foblex/flow/styles' as flow-theme; A selective API built from domain mixins and CSS variables. The theme is layered like this: 1. Primitive tokens: palette, radii, fonts, shadows. 2. Semantic tokens: surfaces, borders, text, accents, helper colors. 3. --ff- alias tokens: the public variables consumed by runtime primitives. 4. Domain mixins: flow/canvas, nodes/groups, connectors, connections, external items, plugins. For application code, the public contract is: - the exported mixins from @foblex/flow/styles; - the --ff- alias tokens."},{"chunkId":"/docs/default-theme-and-styling#2","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.04094,0.04596,-0.0709,-0.0067,0.04189,0.08178,0.04734,0.04266,0.00175,0.01644,-0.12039,-0.02336,-0.04708,-0.04559,0.04375,-0.04368,-0.05054,0.03011,0.03097,0.05696,-0.02398,-0.05298,-0.00107,0.00798,-0.07913,0.08368,-0.00887,0.02123,0.00815,-0.07911,0.04811,0.11917,0.10626,0.03691,-0.05455,-0.02869,0.06306,0.0028,-0.04565,-0.01574,-0.00803,0.00399,-0.01514,0.01058,-0.02071,-0.00534,-0.01784,-0.05799,-0.05168,0.03931,-0.03839,-0.11799,-0.01516,0.0636,-0.01036,0.05987,0.03303,-0.04183,0.05539,-0.0125,-0.01998,-0.00547,0.01232,0.08582,0.05545,-0.01255,-0.07366,0.10132,-0.00373,-0.03754,-0.00483,-0.013,0.03691,0.0002,0.03604,0.01132,0.03937,0.01407,-0.06827,-0.08467,-0.04016,-0.00104,-0.02581,0.04702,0.01165,0.09652,-0.0156,-0.08431,-0.01257,0.0442,0.02059,0.05466,-0.00721,-0.08364,0.01168,0.0139,-0.05562,-0.11021,-0.02828,0.06091,-0.03696,-0.07218,0.11402,0.0037,0.0181,-0.02522,-0.0042,0.0572,0.00314,-0.02815,-0.01135,-0.03142,-0.02939,-0.09238,0.03035,-0.01897,-0.03615,-0.06167,0.10553,0.0395,0.08198,-0.01794,-0.04418,-0.01025,-0.0109,0.01054,-0.02824,0,-0.03135,0.03641,-0.01648,0.05053,0.07504,-0.01944,0.02783,-0.08194,-0.06726,0.05981,0.01008,0.05163,-0.0472,0.07502,-0.07468,-0.11501,-0.09327,-0.00341,0.00976,-0.04424,0.04015,-0.06591,-0.00657,-0.01927,0.04327,0.03397,0.0328,0.06189,-0.02743,0.03029,-0.00115,-0.02235,0.06228,0.00584,-0.05383,-0.01018,0.00335,-0.06333,0.02779,-0.02636,-0.03353,-0.0222,-0.0486,0.01073,0.01104,0.05327,-0.0214,-0.0468,0.12653,0.0206,0.0226,0.00693,0.03826,0.07337,0.04205,-0.05448,-0.02681,0.02468,0.01933,-0.01681,0.04626,0.06114,-0.02075,-0.11352,0.03487,0.06696,0.02651,-0.00209,0.00127,-0.1166,-0.09258,0.11487,0.05566,0.03999,-0.00398,-0.01805,0.05228,0.01616,0.02851,-0.00876,-0.08107,-0.00218,-0.04864,0.04622,0.06805,-0.03942,0.05078,-0.04976,-0.08918,-0.05291,0.10099,-0.05712,0.0232,-0.0277,-0.02027,0,-0.0363,0.02508,-0.04615,0.1131,0.05256,0.01487,0.0409,0.05787,0.07741,0.02693,0.06688,0.05884,-0.03955,-0.07933,0.0415,0.00543,-0.01344,-0.02313,0.03152,-0.05583,-0.02283,-0.00679,-0.04555,-0.06361,-0.04713,0.03893,0.02153,0.05588,0.00296,0.00074,0.02265,-0.0348,-0.09702,-0.00618,-0.00099,-0.0741,-0.06037,0.06598,-0.002,-0.02185,0.03931,-0.01347,-0.01037,0.05041,-0.04892,0.04647,-0.05646,-0.04057,0.01193,0.00556,0.0077,-0.03371,-0.04349,-0.06637,-0.04351,0.02004,0.06062,0.04355,-0.11019,0.06306,0.04872,0.012,-0.00344,-0.03084,0.05528,-0.02198,-0.03744,0.01058,-0.00338,0.03351,0.04946,-0.00375,-0.09321,0.04033,0.05215,0.01413,0.08676,0.02066,-0.01068,0.10047,-0.02395,0.09744,0.00326,0.10019,0.05775,0.05225,-0.09213,0.02365,0.07136,-0.02056,-0.11478,0.07996,0.09354,0.04449,-0.03075,0,-0.07842,-0.0755,0.03254,-0.01509,-0.00749,0.09333,-0.04993,-0.08958,-0.0432,-0.04138,-0.03249,0.05038,-0.02455,-0.0095,-0.02199,0.01614,-0.1222,0.01591,-0.05165,-0.12357,-0.00165,0.06181,0.0043,0.03841,-0.01518,0.03531,-0.03043,0.03208,0.00806,-0.02187,0.03016,0.04754,0.01841,0.0106,-0.02469,0.05068,-0.06848,0.03819,-0.07331,0.00097,0.02415,-0.0335,0.00657,-0.01981,-0.08289,0.04178,-0.01149,-0.01664,-0.09339,-0.03957,-0.04332,0.04468,-0.08058,0.12675,0.00109,0.02191,-0.04134,0.04411,0.09157,-0.00294,-0.07258,0.04954,0.00063,0.07186],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Fastest way to connect the theme","excerpt":"Fastest way to connect the theme"},{"chunkId":"/docs/default-theme-and-styling#3","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.04802,0.05001,-0.06602,0.01089,0.06676,0.08288,0.01028,0.02059,-0.01015,0.0438,-0.12696,-0.01407,-0.04197,-0.03759,0.08364,-0.02673,-0.0476,0.06133,0.07858,0.00914,-0.03024,0.0017,0.02195,0.00361,-0.04656,0.08033,-0.01814,0.00905,0.03816,-0.0531,0.0558,0.09733,0.06124,0.03465,-0.08269,-0.0001,0.05117,-0.0027,-0.02315,-0.02031,0.05101,0.02837,-0.00744,-0.03847,-0.03735,-0.02464,-0.04772,-0.03864,-0.05521,0.01813,-0.02435,-0.14272,-0.04542,0.05714,-0.02863,0.02084,-0.00444,-0.02307,0.07563,0.01965,-0.00779,-0.04132,0.04054,0.06715,0.07338,0.0187,-0.09672,0.08914,-0.00077,-0.01814,0.02646,-0.03776,0.01669,-0.00656,-0.01307,-0.00403,0.00996,0.06079,-0.09791,-0.04223,-0.02055,-0.0077,-0.01584,0.0609,0.00514,0.10853,-0.00798,-0.08386,0.01655,0.00958,0,0.04469,-0.04239,-0.07048,0.00539,0.01767,-0.06375,-0.06029,-0.05827,0.04537,-0.01657,-0.10081,0.08984,0.01309,0.0344,0.00294,0.00896,0.05478,-0.01471,-0.00719,-0.01089,-0.00363,-0.01809,-0.11613,0.01179,-0.03642,-0.02095,-0.07195,0.06835,0.07944,0.0581,-0.03698,-0.03329,-0.03677,0.01403,0.01114,-0.0187,0,-0.02058,0.05013,-0.02061,0.03074,0.08014,-0.03933,0.00688,-0.10802,-0.068,0.05249,0.0358,0.06358,-0.05829,0.06273,-0.07099,-0.0955,-0.05669,-0.0167,0.06112,-0.0581,0.01803,-0.07169,-0.04174,0.02743,0.05461,0.01415,0.041,0.03064,-0.06084,0.01464,0.0713,-0.00687,0.05853,-0.009,-0.05045,-0.00784,0.0041,-0.0236,0.03129,-0.03498,0.01591,-0.02476,-0.09266,0.03396,-0.00766,0.05092,-0.00097,-0.07986,0.146,0.00064,0.01529,0.01104,0.01574,0.09252,0.05351,-0.0397,-0.03252,0.00713,0.03398,-0.03897,0.07104,0.03004,-0.01759,-0.09639,0.05793,0.00548,0.01872,-0.00497,0.03736,-0.13073,-0.08493,0.09429,0.07004,0.07392,-0.02705,-0.02144,0.05238,0.02099,0.08899,0.00569,-0.04805,-0.02351,-0.03497,0.07743,0.0856,-0.06352,0.03772,-0.0739,-0.07665,-0.06337,0.10949,-0.01977,-0.00236,-0.03936,-0.03655,0,-0.01871,0.03202,-0.02709,0.10739,0.02621,-0.00698,0.05327,0.05201,0.11075,0.05702,0.06923,0.06339,-0.00097,-0.0421,0.01704,0.00196,-0.0412,-0.04419,0.06078,-0.05204,-0.01854,0.0167,0.00075,-0.07503,-0.03689,0.06473,0.0083,0.0362,-0.02528,-0.02775,0.02018,-0.01513,-0.08259,-0.00743,-0.01056,-0.08938,-0.05073,0.08106,0.01608,-0.04498,0.05738,0.01129,-0.00595,0.01903,-0.0578,0.03573,-0.00836,-0.03618,-0.00844,-0.02072,0.01301,-0.01441,-0.04356,-0.04693,-0.02737,0.00363,0.06297,0.04778,-0.09981,0.06791,0.06294,0.02622,-0.02839,-0.06225,0.03298,0.0024,-0.07806,-0.01265,0.01517,0.02146,0.00455,-0.00136,-0.07495,0.02226,0.05923,0.04237,0.11573,0.01675,-0.0137,0.05106,-0.04564,0.12447,-0.0469,0.03777,0.0677,0.05679,-0.13178,-0.02934,0.07839,0.0029,-0.13714,0.06904,0.05057,0.03716,-0.02646,0,-0.10735,-0.03871,0.02188,-0.00206,0.02941,0.05489,-0.0322,-0.08433,0.00715,-0.05342,-0.07204,0.03483,-0.00603,0.00426,-0.00038,0.00814,-0.0837,0.01686,-0.05272,-0.07506,-0.01742,0.06453,0.02259,0.04231,0.00155,0.03664,-0.03361,-0.00225,-0.00766,0.03345,0.01036,0.04209,0.02414,0.00194,-0.04312,0.02394,-0.09301,0.02111,-0.06803,-0.0165,0.00972,-0.03802,0.01388,-0.02727,-0.11482,0.03197,-0.00162,0.01189,-0.0612,-0.02098,-0.0364,0.03555,-0.09831,0.0981,0.02713,0.04102,-0.01052,0.02909,0.06923,-0.03565,-0.06718,0.01536,-0.00712,0.03121],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. ng add ng add installs the library and also adds nodemodules/@foblex/flow/styles/default.scss to the app styles when the entry is missing.","excerpt":"ng add ng add installs the library and also adds nodemodules/@foblex/flow/styles/default.scss to the app styles when the entry is missing."},{"chunkId":"/docs/default-theme-and-styling#4","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.07031,0.05691,-0.07404,0.0027,0.03556,0.08575,0.02452,0.04441,-0.01651,0.04136,-0.11143,-0.00439,-0.06003,-0.01935,0.06463,-0.02311,-0.04943,0.02534,0.01952,0.00973,-0.01361,-0.0254,0.02012,0.00298,-0.07039,0.09515,0.02356,0.02697,0.03437,-0.06421,0.05811,0.10054,0.09575,0.01898,-0.09922,0.00068,0.05899,0.00977,0.00003,-0.0261,0.03045,0.02435,-0.02804,-0.03958,-0.02923,-0.0192,-0.05271,-0.02866,-0.04819,0.05888,-0.04898,-0.13051,-0.03057,0.06805,-0.01391,0.0165,-0.0106,-0.04497,0.04701,-0.01706,-0.01245,-0.02285,0.01255,0.08313,0.06688,-0.02313,-0.09761,0.08685,-0.00868,-0.02058,-0.00026,-0.03797,0.0464,-0.00539,0.00432,-0.00358,0.01771,0.02718,-0.06484,-0.04884,-0.02404,0.00278,-0.0121,0.06566,-0.01379,0.1146,-0.00439,-0.08041,-0.01157,0.00032,0.01801,0.03247,-0.00489,-0.06001,0.02429,0.04497,-0.07075,-0.09201,-0.04762,0.03401,-0.01924,-0.09411,0.11983,0.01312,-0.01403,-0.02708,-0.01151,0.0426,0.0048,-0.02944,-0.01271,0.01842,-0.05777,-0.10288,0.00584,-0.01951,-0.02394,-0.06382,0.08812,0.04987,0.07443,-0.03678,-0.02701,-0.01709,0.02198,0.01959,-0.0023,0,-0.03341,0.05674,-0.04012,0.04817,0.07994,-0.04198,0.01946,-0.0868,-0.05421,0.0693,0.04644,0.08644,-0.04071,0.06857,-0.08136,-0.11853,-0.08118,-0.00346,0.02984,-0.02894,0.03532,-0.06812,-0.01652,0.02296,0.04557,0.01554,0.03796,0.05883,-0.07899,0.022,0.07183,-0.00231,0.03685,0.00239,-0.02819,0.00852,-0.0051,-0.05872,0.0264,-0.03556,-0.00533,-0.03482,-0.08344,0.04165,-0.00608,0.05511,-0.00653,-0.06419,0.15234,0.01536,0.01287,0.02355,0.02729,0.07623,0.06145,-0.05563,-0.01628,0.04087,0.03385,-0.03926,0.04098,0.04405,-0.01037,-0.11351,0.03093,0.02041,0.00262,-0.0256,0.02506,-0.10292,-0.07705,0.10244,0.05528,0.0634,0.00781,-0.0148,0.04718,0.04409,0.07585,-0.01335,-0.06478,-0.00261,-0.03774,0.08837,0.05721,-0.05962,0.03415,-0.0461,-0.08484,-0.05232,0.10989,-0.01818,0.02038,-0.03193,-0.02406,0,-0.02166,0.03529,-0.04108,0.12797,0.02966,-0.00313,0.04634,0.07576,0.10956,0.04146,0.08453,0.0552,-0.03316,-0.04441,0.02078,0.00899,-0.02932,-0.04091,0.07136,-0.0744,0.00596,0.00911,-0.04785,-0.06396,-0.07035,0.05905,0.01491,0.02766,-0.01405,-0.00618,0.00902,-0.02535,-0.06214,0.00658,-0.04253,-0.08456,-0.03511,0.0755,0.01129,-0.02349,0.03921,-0.00127,-0.00428,0.04053,-0.05777,-0.00244,-0.03816,-0.02113,0.00869,0.0041,-0.00002,-0.00784,-0.02842,-0.06293,-0.065,0.00037,0.0621,0.00583,-0.09176,0.07403,0.02855,0.02938,0.00158,-0.02609,0.04036,-0.03382,-0.06483,-0.01235,0.01556,0.01616,-0.01306,-0.02674,-0.06008,0.03313,0.06139,0.00393,0.10285,-0.01509,0.00339,0.07449,-0.02234,0.10371,-0.0389,0.09159,0.07278,0.06681,-0.10714,-0.01773,0.07507,0.00186,-0.10828,0.07207,0.06585,0.04048,0.00721,0,-0.12145,-0.05222,0.02149,-0.00742,0.01525,0.05747,-0.04322,-0.09127,-0.00562,-0.03894,-0.03567,0.07448,-0.04484,-0.01851,-0.00606,0.02387,-0.12116,0.02702,-0.05128,-0.08737,0.00823,0.05399,0.01607,0.01714,-0.00041,0.04602,-0.01633,0.02876,0.0015,-0.00694,-0.00051,0.05934,0.05262,0.00161,-0.05665,0.00589,-0.07131,0.00565,-0.05923,0.00404,0.03348,-0.0128,-0.00222,-0.02173,-0.0867,0.05587,-0.03359,-0.00385,-0.07473,-0.03518,-0.03185,0.02783,-0.08038,0.10704,0.01181,0.03149,-0.03141,0.03791,0.09849,-0.0371,-0.066,0.04812,-0.01633,0.04311],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Manual angular.json setup","excerpt":"Manual angular.json setup"},{"chunkId":"/docs/default-theme-and-styling#5","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.04116,0.04412,-0.07922,-0.00993,0.04921,0.08304,0.04843,0.04226,-0.0148,0.03627,-0.11885,-0.00228,-0.0173,-0.02195,0.02834,-0.05718,-0.06789,0.0118,0.04412,0.05297,0.01359,-0.05196,0.00984,0.00996,-0.07034,0.08703,0.00318,0.02273,0.01772,-0.05591,0.03477,0.10611,0.10565,0.03819,-0.05576,-0.02114,0.06499,0.01065,-0.03594,-0.02004,0.00529,0.01441,-0.01762,-0.0071,-0.02195,-0.01218,-0.04071,-0.0621,-0.05597,0.03252,-0.04735,-0.11512,-0.02655,0.05985,-0.00404,0.04576,0.00821,-0.04344,0.0627,-0.03009,-0.02836,-0.02237,0.02972,0.08067,0.0627,0.00076,-0.08579,0.10845,-0.00208,-0.0345,-0.02381,-0.01902,0.03873,-0.00999,0.03646,0.01738,0.03431,0.04084,-0.08204,-0.09135,-0.04692,-0.00965,-0.01491,0.07025,0.01832,0.10167,-0.02192,-0.10077,-0.00543,0.05459,0.00484,0.03212,-0.02019,-0.07404,-0.00468,0.00612,-0.07585,-0.07158,-0.00576,0.0286,-0.0295,-0.09145,0.13161,0.00634,0.01959,-0.00565,-0.00532,0.03932,0.00622,-0.0242,-0.02386,-0.01907,-0.02793,-0.09848,0.02701,-0.00085,-0.03828,-0.07748,0.08958,0.04154,0.07794,-0.02189,-0.04628,-0.01355,-0.02275,0.02508,-0.01869,0,-0.05451,0.03484,-0.0178,0.03001,0.04331,-0.03655,0.01656,-0.08166,-0.08051,0.04679,0.00293,0.05169,-0.02901,0.0857,-0.08099,-0.10008,-0.06257,0.00152,0.02353,-0.05405,0.02135,-0.06472,-0.01668,-0.02485,0.04801,0.01162,0.03892,0.04852,-0.0254,0.0222,0.03345,-0.01358,0.07301,0.01044,-0.04007,0.01127,0.01794,-0.03359,0.02895,-0.02555,0.00076,-0.02016,-0.02031,0.01247,0.00774,0.06262,-0.02421,-0.05362,0.13411,0.0071,0.02496,0.00688,0.04957,0.07312,0.04065,-0.04228,-0.00199,0.00123,0.01882,-0.03354,0.0409,0.05637,-0.01937,-0.1165,0.06466,0.04199,0.02351,-0.01025,-0.01885,-0.09497,-0.10049,0.11941,0.04215,0.06194,-0.01135,-0.0123,0.06208,0.01634,0.04016,-0.0035,-0.09497,-0.00471,-0.05953,0.0397,0.04692,-0.04473,0.04787,-0.04317,-0.05088,-0.07403,0.1023,-0.0802,-0.00014,-0.02004,-0.04325,0,-0.02819,0.0484,-0.03435,0.11355,0.03006,0.03921,0.06751,0.0727,0.09323,0.0368,0.07159,0.06009,-0.02,-0.07559,0.04193,0.00277,-0.02687,-0.0029,0.03106,-0.07413,-0.02731,-0.00297,-0.03078,-0.0496,-0.02609,0.04917,0.0259,0.06762,-0.0035,0.0073,0.00806,-0.03249,-0.09691,0.00064,-0.00799,-0.08345,-0.06054,0.0579,0.016,-0.02298,0.02562,0.01303,-0.00254,0.05475,-0.02796,0.05756,-0.03785,-0.01557,-0.00388,-0.00811,0.01452,-0.03277,-0.0293,-0.05161,-0.03164,0.01598,0.05097,0.05036,-0.09825,0.0372,0.04835,0.02337,-0.01355,-0.04157,0.03359,-0.03573,-0.05644,-0.00036,-0.01427,-0.00335,0.03207,-0.01053,-0.08888,0.03367,0.05183,-0.00052,0.07873,0.02878,-0.01623,0.10066,-0.00435,0.10955,0.01071,0.10985,0.04987,0.07719,-0.10225,0.03149,0.07949,-0.02733,-0.12997,0.08366,0.08005,0.03045,-0.03117,0,-0.09036,-0.07479,0.0472,-0.01081,-0.02165,0.08406,-0.05407,-0.10302,-0.03046,-0.04219,-0.0558,0.05126,-0.0266,-0.0445,-0.05658,0.02868,-0.11266,0.03942,-0.04511,-0.10572,-0.00927,0.05567,0.01853,0.04739,-0.01543,0.03254,-0.03457,0.01653,0.00846,-0.03306,0.03462,0.04487,0.0348,0.00239,-0.03139,0.03364,-0.07353,0.04944,-0.047,0.01173,0.00619,-0.03831,-0.00797,-0.02477,-0.08676,0.04912,-0.00541,-0.00488,-0.08986,-0.04315,-0.04378,0.03963,-0.08562,0.11727,0.00082,0.0058,-0.03302,0.03244,0.09193,-0.03229,-0.06797,0.04538,-0.01487,0.07364],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Import from a global SCSS file default.scss is the same as:","excerpt":"Import from a global SCSS file default.scss is the same as:"},{"chunkId":"/docs/default-theme-and-styling#6","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.03258,0.04137,-0.02895,0.05913,0.04317,0.11678,0.06326,0.02936,0.05011,0.01123,-0.0904,0.0064,-0.02755,-0.02653,0.04174,-0.08164,-0.03053,-0.00317,0.00795,0.04362,-0.01744,-0.09516,-0.00549,-0.00616,-0.05803,0.07858,-0.01688,0.00778,0.04134,-0.0557,0.03312,0.10654,0.01478,0.03511,-0.08181,0.00032,0.0631,0.02159,-0.09637,-0.03039,0.01933,0.01561,-0.02076,0.0065,-0.04122,-0.00433,0.0012,-0.04429,-0.06798,0.04493,-0.00951,-0.09495,-0.01521,0.07425,0.00603,0.06956,0.01978,-0.04491,0.04071,-0.01311,-0.02908,0.00596,0.02024,0.04579,0.02052,0.00144,-0.05324,0.12314,-0.0016,0.0299,0.06303,-0.01301,0.01789,0.02069,0.07287,0.00242,-0.00773,0.04072,-0.10242,-0.04893,0.02029,0.00785,-0.04813,0.04659,0.00013,0.11503,-0.00357,-0.0931,-0.07125,0.06308,-0.00873,0.05375,-0.01818,-0.12613,0.02624,-0.029,-0.0854,-0.05706,-0.03756,0.03795,-0.03735,-0.09446,0.10382,0.01359,0.04061,-0.00322,-0.01541,-0.03254,-0.05815,-0.01638,-0.00525,-0.02295,-0.03331,-0.05586,0.00557,-0.00399,-0.01894,-0.06385,0.04721,0.05895,0.07528,0.00744,-0.01753,0.00234,0.01286,0.03085,-0.02571,0,-0.00376,0.03004,-0.0271,0.0334,0.03373,-0.01633,0.03752,-0.05541,-0.09629,0.0631,-0.00924,0.05776,-0.04995,0.09916,-0.0618,-0.09716,-0.03457,0.00377,0.05123,-0.06007,-0.00312,-0.08554,-0.05936,-0.02655,0.05465,-0.01572,0.01579,0.04584,-0.00671,0.00435,-0.00535,0.0127,0.0462,0.02844,-0.06612,0.01625,-0.03061,-0.05156,0.06984,0.00429,-0.01442,-0.02104,-0.07907,0.00766,0.00796,0.07316,-0.00709,-0.03647,0.05709,-0.01513,0.02498,0.00216,0.07415,0.05465,0.04344,-0.05102,-0.02645,0.04017,0.02676,-0.0074,0.05006,0.07353,-0.07135,-0.09649,0.09321,0.09645,0.01798,0.04674,-0.00266,-0.14762,-0.08614,0.11873,0.0361,0.01515,0.04464,-0.02495,0.01865,-0.03754,0.05672,0.01678,-0.0695,-0.00238,-0.0074,0.04624,0.04559,-0.02836,0.05418,-0.01884,-0.06441,-0.03278,0.11937,-0.04623,0.04143,-0.02131,-0.03137,0,-0.0238,0.06693,0.00702,0.09586,0.0368,0.01585,0.03933,0.02606,0.07635,0.00644,0.07266,0.03236,-0.03666,-0.10098,0.00812,0.02795,-0.0648,-0.04266,0.05325,-0.07275,0.00972,-0.03157,-0.00561,-0.02691,-0.05989,-0.01198,-0.0034,0.03786,0.01414,-0.0026,0.03827,-0.03648,-0.05634,-0.01527,-0.00218,-0.07305,-0.07531,0.11717,0.04632,0.00328,-0.02317,-0.025,-0.01653,0.05427,0.00214,0.06519,-0.09279,-0.03713,-0.04966,0.01687,-0.03431,-0.01441,-0.08594,-0.04787,0.00473,0.04302,0.08556,0.00784,-0.07483,0.02342,0.09073,-0.02328,-0.03831,-0.06334,0.05391,-0.03418,-0.01332,0.00461,0.0346,0.03855,0.00944,-0.01209,-0.05703,-0.00754,0.07403,0.00923,0.08651,-0.00278,0.03116,0.11989,-0.05665,0.09275,0.00301,0.03464,0.02077,0.09591,-0.07459,0.03428,0.08501,0.00893,-0.10275,0.05745,0.10493,0.01689,-0.03448,0,-0.05799,-0.08573,0.03282,-0.03718,-0.01453,0.0447,-0.02293,-0.06045,-0.01276,-0.02306,-0.05396,0.05483,-0.04021,-0.00423,0.01402,0.02389,-0.05465,0.0308,-0.05216,-0.12264,0.03454,0.04307,0.00279,0.0774,-0.00944,-0.02247,-0.03851,-0.00693,-0.00381,0.02628,-0.01412,-0.0027,-0.00191,0.05717,-0.0564,0.05477,-0.06161,0.05241,-0.06296,0.02248,0.07539,-0.03707,-0.02149,-0.02012,-0.06231,0.03628,0.03281,-0.03322,-0.08493,-0.00444,-0.0079,0.0586,-0.06372,0.11955,0.00024,0.01941,-0.02715,0.03939,0.1045,-0.05548,-0.13203,0.01794,-0.00682,0.06146],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Selective setup with mixins If you want to compose the theme by feature: Add optional layers only when your editor needs them: Important details: - theme-all() includes flow/canvas, node/group, connector, connection-all, external-item-all, and plugins. - grouping() is opt-in and is not part of theme-all(). - connection-all() includes the base drag-handle styling, but not always-visible drag handles. Use connection-drag-handles-visible() for that behavior.","excerpt":"Selective setup with mixins If you want to compose the theme by feature: Add optional layers only when your editor needs them: Important details: - theme-all() includes flow/canvas, node/group, connector, connection-all, external-item-all, and plugins. - grouping() is opt-in and is not part of theme-all(). - connection-all() includes the base drag-handle styling, but not always-visible drag handles. Use connection-drag-handles-visible() for that behavior."},{"chunkId":"/docs/default-theme-and-styling#7","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.03925,0.05591,-0.0839,0.02561,0.05867,0.11547,0.00377,0.03062,0.04546,0.0733,-0.14427,0.00509,-0.07746,-0.0316,0.08335,-0.01666,-0.01322,0.02601,0.00593,0.07331,0.00221,0.00132,0.01741,-0.00154,-0.02455,0.10032,0.08655,0.00853,0.05255,-0.02252,0.08698,0.07783,0.04494,0.06686,-0.16193,0.04605,0.00801,0.00288,0.01431,-0.0569,0.04012,0.0759,-0.06782,-0.08956,-0.03908,-0.03904,-0.00258,-0.01841,-0.08804,0.00556,-0.03175,-0.09846,-0.03583,0.06103,-0.05476,0.00896,0.04506,-0.02063,0.05842,0.00099,-0.01907,0.00491,0.05185,0.06603,0.0668,0.02274,-0.07629,0.10452,-0.02369,-0.01799,0.04641,-0.05922,0.06834,-0.01794,0.00736,0.03249,-0.00631,0.05158,-0.04727,-0.06906,0.05142,0.02952,0.02871,0.04566,0.02544,0.09641,0.01198,-0.03752,0.01623,-0.0488,0.02075,0.06184,-0.00966,-0.05592,0.05074,0.01114,-0.10333,-0.05403,-0.03338,0.00284,-0.03837,-0.08612,0.09218,0.04704,-0.00832,0.01523,0.00211,0.0086,-0.00584,-0.05808,0.05351,0.06923,-0.04973,-0.07252,0.00319,-0.0227,0.00934,-0.0348,0.02852,0.09786,0.03132,-0.03379,0.01301,-0.00907,0.05392,0.0459,-0.00052,0,-0.02912,0.03414,-0.08332,0.02794,0.0401,-0.04669,0.03044,-0.09979,-0.00725,0.08797,0.08626,0.02881,-0.01443,0.02973,-0.06353,-0.03588,-0.07054,-0.03684,0.02672,-0.0385,0.01128,-0.07144,-0.05187,0.02878,0.01618,0.01971,0.03958,-0.00191,-0.10795,-0.00709,0.09444,-0.00338,0.04674,-0.00378,-0.02508,0.02043,-0.0169,-0.01218,0.03531,-0.00839,0.00262,-0.0249,-0.04834,0.04411,0.01877,0.048,0.01285,-0.03854,0.09875,0.03627,0.01001,-0.00795,0.04257,0.05457,0.05592,-0.01504,-0.02023,-0.01001,0.08704,-0.03193,0.01365,-0.01085,-0.01171,-0.10078,0.04325,0.02608,0.03194,-0.00648,-0.00022,-0.10706,-0.06457,0.04565,0.00867,0.07822,0.0012,-0.03713,0.06001,0.09364,0.08864,0.0067,-0.01929,0.00145,-0.0217,0.08635,0.04294,-0.07411,0.00368,-0.07511,-0.0595,-0.04336,0.11752,-0.02897,-0.01447,-0.06162,0.01194,0,0.01595,0.02805,-0.03476,0.06687,-0.03688,-0.03173,0.02717,0.0328,0.06406,0.00938,0.06612,0.08313,-0.01506,-0.05621,-0.0221,0.0269,-0.04067,-0.01014,0.07524,-0.08954,-0.00501,-0.06658,0.03933,-0.06518,-0.03866,0.06091,0.01923,0.00265,0.03883,-0.05309,0.00723,-0.00261,-0.05095,-0.02626,-0.06091,-0.05845,-0.05776,0.02005,-0.01317,-0.016,-0.00396,0.02717,0.02623,0.02925,-0.07255,0.01627,-0.04255,-0.03635,-0.01742,-0.01602,-0.01951,-0.00184,-0.03913,-0.02355,-0.05886,-0.00923,0.0629,0.01136,-0.10142,0.05149,0.07576,-0.00244,0.00014,-0.06972,-0.04285,0.01493,-0.05634,-0.00588,0.07013,0.03308,-0.0013,-0.0931,-0.06901,0.02134,0.01321,0.07827,0.13856,-0.02953,0.01705,0.01684,-0.02121,0.06842,-0.0816,-0.01617,0.02977,0.02076,-0.09523,-0.04562,0.07674,-0.04254,-0.12014,0.0425,0.0626,-0.03277,0.03611,0,-0.11342,-0.0032,0.06747,-0.04293,-0.0247,0.04979,-0.04538,-0.08335,-0.01425,-0.01411,-0.08474,0.06539,-0.03086,-0.04815,-0.0171,0.05493,-0.09191,-0.01653,-0.06071,-0.06421,-0.00358,0.04582,0.02959,0.02049,0.01569,0.0399,-0.00133,-0.00794,-0.01084,0.02888,-0.01966,0.05775,0.01933,0.01653,-0.04218,-0.02006,-0.0508,-0.01957,-0.00267,-0.01554,0.01494,-0.04461,0.03569,-0.01054,-0.11003,0.02575,-0.01927,0.03079,-0.04327,0.01511,-0.02327,0.01301,-0.15229,0.09212,-0.03143,0.02374,-0.03236,0.03177,0.06007,-0.07868,-0.13276,0.00735,-0.04344,-0.02112],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Where to place theme code in Angular The simplest option is a global stylesheet such as src/styles.scss. If you apply theme mixins from a component stylesheet, remember that Angular view encapsulation will scope selectors unless you deliberately pierce it. Typical options are: - place the theme in a global stylesheet; - use ::ng-deep for demo/example-level scoping; - switch that component to ViewEncapsulation.None. In real applications, theme-tokens() is usually connected once at the application level, while per-editor overrides are done with CSS variables on a wrapper element. View Encapsulation","excerpt":"Where to place theme code in Angular The simplest option is a global stylesheet such as src/styles.scss. If you apply theme mixins from a component stylesheet, remember that Angular view encapsulation will scope selectors unless you deliberately pierce it. Typical options are: - place the theme in a global stylesheet; - use ::ng-deep for demo/example-level scoping; - switch that component to ViewEncapsulation.None. In real applications, theme-tokens() is usually connected once at the application level, while per-editor overrides are done with CSS variables on a wrapper element."},{"chunkId":"/docs/default-theme-and-styling#8","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.0538,0.06098,-0.04761,-0.0183,0.03984,0.06143,0.05801,0.04984,0.00046,0.0154,-0.1228,-0.00996,-0.0239,-0.03767,0.05097,-0.04276,-0.05206,0.04132,0.02639,0.04061,-0.00714,-0.04033,0.01731,0.01599,-0.07669,0.08443,0.00465,0.0131,0.03483,-0.06037,0.04242,0.11859,0.08918,0.04218,-0.08123,-0.02577,0.05373,0.00622,-0.03536,-0.01958,-0.00324,0.01967,-0.02319,0.0136,-0.02196,-0.00667,-0.02484,-0.04302,-0.06609,0.04938,-0.02426,-0.12608,-0.01297,0.05625,-0.00477,0.07737,0.02892,-0.03525,0.0772,-0.00656,-0.01131,0.0007,0.01257,0.09531,0.04701,-0.00178,-0.07172,0.10008,0.01097,-0.03723,0.00307,-0.00939,0.05489,-0.00197,0.02225,0.02547,0.03366,0.03152,-0.07979,-0.08768,-0.04374,-0.01529,-0.00363,0.06161,0.02756,0.09106,-0.00808,-0.0914,0.00627,0.0548,0.01608,0.04336,-0.00695,-0.06918,0.00208,0.01571,-0.07041,-0.10125,-0.03306,0.0522,-0.0297,-0.09361,0.10606,0.0039,0.03918,-0.01654,-0.02942,0.01543,0.0061,-0.0295,-0.00309,-0.02067,-0.03511,-0.08107,0.01295,-0.00149,-0.0198,-0.05326,0.09402,0.05212,0.08586,-0.01909,-0.05894,-0.02628,0.00284,0.02249,-0.02812,0,-0.05386,0.03054,-0.0279,0.05192,0.04843,-0.03313,0.02096,-0.07761,-0.06348,0.03658,0.02416,0.06925,-0.04669,0.07543,-0.06573,-0.11414,-0.0814,-0.00063,0.01305,-0.03649,0.03676,-0.08585,-0.0331,-0.01743,0.0222,0.04508,0.04396,0.05877,-0.03758,0.02728,0.00813,-0.0335,0.04537,0.01422,-0.05531,0.00671,0.01631,-0.05268,0.038,-0.02973,-0.02434,-0.01442,-0.05276,0.00361,0.02367,0.02731,-0.01026,-0.05159,0.12421,0.00217,0.02666,0.01112,0.04381,0.06368,0.03308,-0.05634,-0.02508,0.00841,0.02393,-0.03087,0.0387,0.03946,-0.0295,-0.11292,0.02567,0.06113,0.04455,-0.00033,-0.01624,-0.09679,-0.07532,0.12302,0.03756,0.05046,-0.0059,-0.02094,0.06374,0.01815,0.02658,-0.01475,-0.06306,0.00316,-0.04033,0.05615,0.0476,-0.04425,0.04906,-0.03409,-0.08839,-0.0502,0.10672,-0.07059,0.02779,-0.02536,-0.03394,0,-0.03931,0.03899,-0.04358,0.1148,0.04452,0.01117,0.05005,0.06719,0.07942,0.01414,0.05203,0.06625,-0.04594,-0.0793,0.01882,0.01742,-0.03645,-0.0153,0.03594,-0.07781,-0.04341,-0.02038,-0.0318,-0.0515,-0.05216,0.03849,0.01822,0.05756,0.00853,-0.00614,0.01696,-0.0502,-0.0768,-0.00194,-0.00184,-0.08544,-0.07084,0.04978,0.01477,0.00131,0.03511,-0.01994,0.00185,0.06253,-0.05077,0.04955,-0.04249,-0.03339,-0.00012,-0.00664,0.03952,-0.01302,-0.03514,-0.05628,-0.04753,0.03193,0.05841,0.05176,-0.11482,0.05546,0.05465,0.00926,0.01778,-0.03606,0.03929,-0.02386,-0.05388,-0.00019,-0.00846,0.03368,0.05739,-0.00131,-0.10984,0.0428,0.04583,0.01287,0.11288,-0.00643,-0.00649,0.0825,-0.02141,0.0999,-0.00092,0.09207,0.04822,0.05397,-0.10251,0.04045,0.06051,-0.01594,-0.11874,0.09724,0.08547,0.03082,-0.03216,0,-0.09384,-0.07348,0.04243,-0.01285,-0.02738,0.10248,-0.05016,-0.08979,-0.0252,-0.05969,-0.05374,0.05314,-0.02757,-0.01794,-0.03875,0.02128,-0.09894,0.01822,-0.06565,-0.11072,-0.01736,0.07936,-0.00799,0.02576,0.0068,0.02455,-0.0305,0.0333,0.02082,-0.02097,0.03064,0.05759,0.03479,0.00113,-0.03561,0.05613,-0.05921,0.0331,-0.05306,0.01125,0.01912,-0.03668,0.00436,-0.01344,-0.09886,0.02877,0.02018,-0.03913,-0.07907,-0.02462,-0.03284,0.03619,-0.08825,0.1168,-0.01457,0.01841,-0.04895,0.03148,0.1075,-0.01177,-0.08572,0.03789,-0.00575,0.08138],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Read next - Styling Mixins and Scoping - Styling Tokens and Overrides - Styling Recipes That keeps your app aligned with future theme updates.","excerpt":"Read next - Styling Mixins and Scoping - Styling Tokens and Overrides - Styling Recipes That keeps your app aligned with future theme updates."},{"chunkId":"/docs/default-theme-and-styling#9","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.01835,0.03228,-0.08892,0.05683,0.02702,0.09704,0.07349,0.06448,0.04331,-0.04521,-0.07814,0.02251,-0.12247,-0.04949,0.01862,-0.01708,-0.07644,-0.01579,0.00011,0.01662,-0.04872,-0.07154,0.04301,0.02645,-0.04035,0.08633,-0.0097,0.00262,0.01551,-0.04662,0.04376,0.08452,-0.01175,0.07721,0.002,0.01527,0.05371,0.04964,-0.06308,-0.01036,0.03021,0.02256,0.02404,0.01519,-0.03325,0.06524,-0.02403,-0.10691,-0.03366,0.06185,-0.01889,-0.05901,0.0162,0.04946,-0.03174,0.01443,0.05335,-0.03612,-0.01265,0.08902,-0.01423,-0.03179,0.02458,0.06646,-0.03222,-0.00459,-0.00078,0.06931,-0.05363,0.00534,0.02052,0.00847,-0.00543,-0.01072,0.04857,0.04532,0.0516,0.04975,0.01045,-0.05836,0.00201,0.04888,0.01918,0.0173,0.00179,0.10976,0.00864,-0.14428,-0.02439,0.09715,0.01813,0.04843,-0.03852,-0.03287,-0.01444,-0.01327,-0.08542,-0.03996,-0.03594,0.03692,0.0164,-0.00278,0.0656,0.02734,0.03543,-0.0128,-0.07735,0.06244,0.01203,-0.02882,0.01119,0.01702,-0.01594,-0.0189,-0.04336,0.00041,0.01702,-0.01322,0.1045,0.04249,0.02783,0.02115,-0.05447,-0.03821,-0.00517,0.01182,-0.03228,0,-0.06044,0.02772,-0.04738,0.02472,0.02415,-0.03533,-0.02229,-0.07692,-0.04783,0.07246,-0.00961,-0.02423,-0.06391,0.03413,-0.0345,-0.09172,-0.04896,0.0072,-0.07215,-0.05587,-0.00589,-0.10123,0.02934,-0.10143,0.04792,-0.04226,-0.07312,0.07581,-0.02934,0.00462,-0.04665,-0.0512,0.11892,0.02754,-0.04606,-0.0238,-0.02923,-0.02481,-0.04151,0.05351,-0.0055,-0.01437,-0.02931,-0.01311,0.03869,0.05282,0.02738,-0.02306,0.0619,-0.03543,0.01225,0.02686,0.02603,-0.0104,0.08311,-0.04032,0.00358,0.01749,-0.01522,-0.02644,0.01241,0.05337,-0.03209,-0.06375,0.09821,0.0604,0.07353,0.01333,0.0021,-0.08699,-0.03801,0.10184,-0.01048,-0.00421,0.01268,-0.03991,0.02859,0.02461,0.06748,0.01896,-0.05388,-0.02968,0.02694,0.04316,0.03652,-0.0674,0.03696,-0.06365,-0.04275,-0.04031,0.08415,-0.01381,0.07489,-0.03986,-0.02997,0,-0.05695,0.06074,0.02351,0.04118,0.01551,0.05681,0.0535,0.1275,0.01618,0.00385,0.04854,0.0207,-0.05697,-0.08942,-0.00914,-0.03907,0.00411,0.00594,0.02118,-0.04213,0.01405,0.04139,0.00349,-0.02624,0.04662,-0.02401,0.02304,0.00199,0.00037,-0.03336,0.04058,-0.09528,-0.0201,-0.03008,0.03056,-0.08187,-0.02193,0.0699,0.02313,0.00369,-0.0287,0.01343,-0.07453,0.01381,-0.07273,0.02649,-0.09927,-0.06852,-0.04911,0.058,-0.0206,0.00105,-0.04854,-0.01392,-0.0632,0.02051,-0.03543,0.03257,-0.13804,0.02583,-0.00182,-0.03729,-0.01269,-0.06058,0.14074,0.00309,-0.02604,0.0015,0.02626,0.04043,0.05236,0.00726,-0.0871,0.05232,-0.01497,0.00471,0.08123,-0.02301,0.03587,0.14008,-0.00637,0.08542,-0.01439,0.15506,0.08098,-0.01914,-0.03396,-0.01703,0.06386,0.04134,-0.02705,0.02868,0.07114,0.04679,-0.03057,0,-0.02862,-0.04701,-0.06606,-0.00688,0.01645,0.02894,-0.06211,-0.11405,-0.10617,0.03025,-0.08203,0.08061,-0.0298,-0.00158,-0.04831,-0.07609,-0.07353,0.02646,-0.02556,-0.0567,-0.0339,0.0235,-0.02513,0.05887,-0.02437,-0.05726,-0.01126,0.04022,0.06789,-0.02302,-0.05363,0.0049,-0.00581,0.09269,-0.06958,0.01676,-0.07712,-0.06851,-0.04222,0.11078,0.05902,-0.01669,0.05499,-0.00095,-0.02326,0.04445,0.03603,-0.01821,-0.09432,-0.00005,0.01017,0.06816,-0.0605,0.09476,0.03825,-0.04242,-0.01652,0.10673,0.00443,0.02647,-0.16163,0.03925,0.02518,0.02675],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Styling fConnectionContent fConnectionContent renders as a normal HTML element with the .f-connection-content class. It is not part of the SVG stroke itself, so the safest customization path is to style .f-connection-content directly. The library base styles give it intrinsic width sizing (inline-size: max-content), which avoids the usual absolute-positioned shrink-to-fit behavior. If you want wrapped labels, set your own width or max-width. `scss @use '@foblex/flow/styles' as flow-theme; @include flow-theme.theme-tokens(); f Connection Content","excerpt":"Styling fConnectionContent fConnectionContent renders as a normal HTML element with the .f-connection-content class. It is not part of the SVG stroke itself, so the safest customization path is to style .f-connection-content directly. The library base styles give it intrinsic width sizing (inline-size: max-content), which avoids the usual absolute-positioned shrink-to-fit behavior. If you want wrapped labels, set your own width or max-width. `scss @use '@foblex/flow/styles' as flow-theme; @include flow-theme.theme-tokens();"},{"chunkId":"/docs/default-theme-and-styling#10","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.03161,0.08327,-0.05195,0.03782,0.04557,0.07903,0.0852,0.00944,0.03652,0.03113,-0.13067,0.00988,-0.05262,-0.01499,0.06623,-0.03874,-0.04533,0.00696,0.01271,-0.00253,-0.03468,-0.03181,-0.00915,-0.02789,-0.07178,0.08971,0.04393,0.01007,0.04753,-0.0518,0.03034,0.14569,0.04328,0.03893,-0.12121,-0.02191,0.04449,0.02968,0.00208,0.01083,0.09486,0.00727,-0.0125,-0.02414,-0.0499,0.00293,-0.02644,-0.00654,-0.06636,0.02698,-0.00134,-0.12945,-0.0427,0.08008,-0.00338,0.04979,-0.00486,-0.00538,0.05696,0.03191,-0.07362,-0.07096,0.04642,0.02872,0.04975,0.01426,-0.0744,0.05088,-0.04045,0.0346,0.0678,-0.00038,0.01736,-0.04745,0.03967,0.04137,0.00135,0.08575,-0.08475,-0.0632,0.0017,0.01248,-0.03956,0.03484,0.02574,0.11894,-0.04142,-0.12007,-0.00602,0.009,-0.03372,0.03712,-0.00926,-0.06286,-0.00251,0.00664,-0.07764,-0.08626,-0.02577,0.04001,-0.0193,-0.06773,0.06046,0.03167,0.00066,0.00009,0.00061,0.05036,0.00864,-0.01696,0.01607,-0.00344,-0.00349,-0.09896,-0.02145,-0.0214,-0.00572,-0.06773,0.08185,0.08355,0.0403,-0.02308,-0.09174,-0.03872,-0.01307,0.00613,0.00822,0,-0.00034,0.03947,-0.02911,0.00993,0.06787,0.00266,-0.01933,-0.10576,-0.07294,0.08118,0.01695,0.0266,-0.04092,0.03801,-0.07775,-0.09638,-0.03929,-0.03316,-0.00544,-0.02109,0.02437,-0.04002,-0.05255,-0.01264,0.06653,-0.03214,0.00261,0.0272,-0.01834,0.00861,0.02213,0.00572,0.08175,0.00933,-0.0465,0.02408,-0.02272,-0.00108,-0.00734,0.00768,0.03338,-0.02766,-0.0371,0.07501,-0.02429,0.04491,-0.00165,-0.07174,0.10653,-0.00971,-0.02382,0.01474,0.02192,0.02386,0.04501,-0.03883,-0.05209,0.09463,0.02192,0.01252,0.04347,0.03781,-0.04777,-0.05464,0.09674,0.05455,0.01039,0.03282,0.0346,-0.15516,-0.07761,0.12171,0.02395,0.03943,-0.01349,-0.02506,0.02609,0.07276,0.10857,-0.00679,-0.07978,-0.01226,-0.0593,0.07474,0.01823,-0.04018,0.02031,-0.05056,-0.06254,-0.0626,0.07938,0.02684,0.06558,-0.05101,-0.03021,0,-0.00437,0.04773,0.00138,0.13431,-0.00484,-0.00438,0.1258,0.05434,0.03907,0.05062,0.10078,0.09818,-0.00783,-0.06633,-0.00301,0.00526,-0.05444,-0.02888,0.06232,-0.03467,-0.02073,-0.03265,-0.02291,-0.06623,-0.06201,0.05171,0.03214,-0.00048,-0.01913,0.00541,0.00813,-0.00333,-0.09415,0.00264,-0.01739,-0.08669,-0.03032,0.05872,0.03015,-0.02763,0.00576,0.01046,0.00884,0.02321,-0.03985,0.04765,-0.02349,-0.03439,-0.04035,-0.01011,-0.04149,0.00544,-0.05663,-0.01623,-0.02498,-0.02594,0.03343,0.03106,-0.03605,0.07975,0.09639,0.00458,-0.026,-0.06232,0.05695,-0.02141,-0.06045,0.01463,0.07811,0.00765,0.02657,-0.00407,-0.05542,0.0155,0.04846,0.01155,0.11535,0.00335,-0.00621,0.13134,-0.04336,0.09342,-0.0701,0.02233,0.08571,0.05318,-0.11543,0.0294,0.09785,-0.03572,-0.13433,0.01991,0.02634,-0.03841,-0.02898,0,-0.09585,-0.05795,0.00583,-0.02862,0.04593,0.01672,-0.058,-0.07556,-0.02296,-0.03066,-0.08583,0.08662,-0.05514,-0.0366,0.01168,0.03681,-0.06558,0.01357,-0.02017,-0.02689,-0.03082,0.03543,-0.01749,0.03092,0.00807,-0.00994,-0.05215,0.0046,-0.00489,0.02511,-0.01103,0.01292,0.03909,-0.00641,-0.03062,-0.03134,-0.12272,0.00481,-0.02899,0.01447,0.05494,-0.05416,0.03951,-0.02274,-0.10056,0.04335,0.02476,0.05188,-0.05719,-0.0089,-0.00416,0.02525,-0.04846,0.06714,0.021,-0.03319,0.00436,0.05507,0.03128,-0.04921,-0.07796,0.02861,-0.02051,0.01698],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. ::ng-deep f-flow { @include flow-theme.connection($scoped: false); .f-connection-content { background: var(--ff-node-background-color); border: 1px solid var(--ff-node-border-color); border-radius: var(--ff-node-border-radius); } .f-connection.f-selected { .f-connection-content { border-color: var(--ff-connection-content-border-color-selected); } } } ` Available default aliases for this element:","excerpt":"::ng-deep f-flow { @include flow-theme.connection($scoped: false); .f-connection-content { background: var(--ff-node-background-color); border: 1px solid var(--ff-node-border-color); border-radius: var(--ff-node-border-radius); } .f-connection.f-selected { .f-connection-content { border-color: var(--ff-connection-content-border-color-selected); } } } ` Available default aliases for this element:"},{"chunkId":"/docs/default-theme-and-styling#11","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.0284,0.05117,-0.06216,-0.00908,0.04152,0.06811,0.08253,0.02678,0.00553,-0.00614,-0.0943,0.0174,-0.02971,-0.04518,0.0568,-0.06061,-0.03422,0.00568,0.02857,0.02266,-0.01954,-0.07054,0.0129,-0.02196,-0.09734,0.11122,0.00513,0.04655,0.0368,-0.05895,0.01349,0.11592,0.09028,0.02794,-0.06023,-0.06292,0.08568,0.02207,-0.03006,0.01452,0.01476,-0.0281,-0.00322,0.0291,-0.02328,0.00451,-0.06482,-0.05612,-0.02729,0.01981,-0.03046,-0.09864,-0.02802,0.07021,-0.00762,0.06038,-0.01176,-0.0307,0.06038,0.00248,-0.02602,0.00575,0.00922,0.09684,0.05515,-0.01868,-0.05424,0.0751,-0.0021,-0.00464,-0.01361,0.00683,0.00381,-0.02327,0.0234,0.014,0.0304,0.03121,-0.08266,-0.07497,-0.02583,0.00646,-0.01344,0.07733,-0.0035,0.08065,-0.00429,-0.11705,-0.04129,0.06882,-0.00602,0.04106,-0.0058,-0.06465,-0.02459,0.02962,-0.08305,-0.10032,-0.034,0.06595,-0.03867,-0.089,0.10462,0.01812,-0.00275,-0.01458,-0.033,0.06915,0.01278,-0.02271,-0.00806,-0.02918,-0.04801,-0.08957,0.01025,-0.00458,-0.01483,-0.05101,0.11105,0.05416,0.09051,-0.0116,-0.07894,-0.03324,-0.01805,-0.0041,-0.02873,0,-0.01997,0.03206,-0.02015,0.04376,0.09619,0.00506,-0.00368,-0.07771,-0.08108,0.09269,0.02129,0.05958,-0.06633,0.02484,-0.03829,-0.12494,-0.07223,-0.00115,-0.0174,-0.03605,0.01435,-0.04753,0.00822,0.0026,0.0491,0.00887,0.0092,0.03843,-0.04587,0.02213,-0.01802,-0.02751,0.05439,0.01503,-0.03406,0.02088,0.00865,-0.05338,0.01927,0.00378,-0.03838,-0.02162,-0.04926,0.01972,-0.00816,0.05021,0.00242,-0.08403,0.11655,0.0054,-0.00317,0.00153,0.03171,0.04048,0.04433,-0.07447,-0.01807,0.05493,0.0105,0.00035,0.04897,0.04285,-0.0299,-0.1123,0.05143,0.07504,0.00771,-0.00896,-0.00309,-0.13271,-0.10259,0.14059,0.07381,0.05999,-0.01783,-0.01028,0.01621,0.01635,0.03404,-0.01814,-0.06182,-0.01336,-0.04869,0.05813,0.03565,-0.03127,0.05041,-0.00725,-0.06308,-0.05478,0.08141,-0.03422,0.06359,-0.05739,-0.03387,0,-0.03132,0.03902,-0.03415,0.10323,0.0438,0.03518,0.0916,0.0871,0.10336,0.04792,0.07902,0.06811,-0.03726,-0.09077,-0.00335,0.01265,-0.02427,-0.01108,0.02924,-0.04117,-0.0163,0.00611,-0.05474,-0.0345,-0.0362,0.0336,0.02375,0.02497,0.00326,0.01239,0.01654,-0.04665,-0.06181,0.00927,0.00278,-0.09405,-0.04802,0.08188,0.00574,-0.01918,0.01485,-0.01229,-0.00444,0.04314,-0.02381,0.05968,-0.04141,-0.04648,-0.02279,0.01171,0.00176,0.0059,-0.04912,-0.04922,-0.05525,0.01588,0.03772,0.05534,-0.08973,0.06763,0.06488,0.01454,-0.02646,-0.03102,0.06342,-0.03778,-0.04601,0.02189,0.00862,0.01494,0.0086,-0.01975,-0.07124,0.02756,0.0572,-0.00017,0.09965,-0.00437,0.00021,0.14344,-0.05144,0.10525,-0.02264,0.09466,0.06753,0.06758,-0.07344,0.08053,0.07353,-0.03132,-0.10301,0.07632,0.04926,0.03302,-0.00784,0,-0.07235,-0.09102,0.01392,-0.00365,0.01602,0.06929,-0.03815,-0.09326,-0.04041,-0.03957,-0.0302,0.10251,-0.05211,-0.01032,-0.03578,0.02997,-0.10739,0.03598,-0.04179,-0.09517,-0.00203,0.05035,-0.00597,0.03067,-0.01109,0.02822,-0.03694,0.04059,0.00849,-0.01096,0.01509,0.00764,0.02281,-0.02569,-0.05773,0.01633,-0.08215,0.0327,-0.06328,0.01262,0.04096,-0.05381,0.01775,0.00413,-0.05018,0.05938,0.00715,0.00597,-0.08342,-0.04351,-0.01063,0.02425,-0.0549,0.07322,0.021,0.00459,-0.02206,0.07051,0.08399,-0.02958,-0.07378,0.09055,-0.00336,0.06072],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. - --ff-connection-content-color - --ff-connection-content-background-color - --ff-connection-content-border-color - --ff-connection-content-border-color-selected - --ff-connection-content-border-radius - --ff-connection-content-font-size - --ff-connection-content-padding-y - --ff-connection-content-padding-x","excerpt":"- --ff-connection-content-color - --ff-connection-content-background-color - --ff-connection-content-border-color - --ff-connection-content-border-color-selected - --ff-connection-content-border-radius - --ff-connection-content-font-size - --ff-connection-content-padding-y - --ff-connection-content-padding-x"},{"chunkId":"/docs/default-theme-and-styling#12","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.04577,0.04732,-0.04564,0.01933,0.02726,0.0737,0.01229,0.0458,0.0461,0.0213,-0.12329,0.0179,-0.06856,-0.04541,0.06522,-0.03813,-0.00185,0.03346,0.02919,0.03891,-0.01243,-0.05307,0.0166,-0.01761,-0.06091,0.07201,0.03967,0.0245,0.0659,-0.06057,0.04527,0.09897,0.00095,0.05211,-0.12138,0.03242,0.06011,0.00233,-0.06707,-0.00685,0.04198,0.03376,-0.03052,-0.03456,-0.00854,0.00471,-0.01192,-0.06409,-0.07851,0.01562,-0.03071,-0.11646,-0.01085,0.07081,-0.03395,0.02074,0.0495,0.00493,0.08406,0.0161,-0.01991,-0.03604,0.0178,0.05865,0.03666,-0.01127,-0.05937,0.12121,-0.03048,0.01213,0.00472,-0.01859,0.0214,-0.00113,0.01932,0.02925,0.03428,-0.00052,-0.05395,-0.09759,0.02047,0.03203,0.00198,0.03741,0.04887,0.10596,0.00994,-0.12271,0.0093,0.05429,0.03974,0.0196,-0.01154,-0.04922,0.01386,0.01362,-0.0793,-0.0679,0.00189,0.02924,-0.03012,-0.07965,0.10801,0.04111,0.02276,-0.00653,-0.02398,0.08164,-0.00794,-0.04123,0.01443,0.00955,-0.0558,-0.09956,0.01118,-0.01428,0.00992,-0.02279,0.05537,0.06394,0.02149,-0.02941,-0.01578,-0.02174,-0.00796,0.03004,-0.03049,0,-0.04051,0.03421,-0.08128,0.03621,0.05199,-0.03272,0.01035,-0.0849,-0.03958,0.04848,0.04436,0.04223,-0.06777,0.08099,-0.04129,-0.0708,-0.05826,-0.00891,0.00839,-0.02676,0.04068,-0.07819,-0.01758,-0.02088,0.07733,0.0099,0.0281,0.05028,-0.13011,-0.00779,0.05235,-0.03997,0.06801,0.04013,-0.03442,0.03038,0.00786,-0.02311,0.00268,0.00913,0.00761,-0.00278,-0.06382,0.02375,0.023,0.05672,0.00385,-0.07797,0.0912,-0.00445,0.00802,0.04225,0.04687,0.05203,0.06827,-0.02947,-0.00365,-0.00577,0.04538,-0.05706,0.04794,0.05133,-0.01379,-0.09856,0.05481,0.05299,0.03677,0.0281,-0.0033,-0.15581,-0.07532,0.10712,0.04132,0.05079,-0.02187,-0.0445,0.02009,0.05422,0.08026,0.02457,-0.08814,0.034,-0.03844,0.09913,0.04135,-0.03973,0.01619,-0.06658,-0.06274,-0.02159,0.11008,-0.0262,0.03171,-0.04531,-0.04998,0,-0.02804,0.04821,-0.00756,0.09459,0.0134,0.00036,0.02189,0.06273,0.04558,0.01229,0.07336,0.06969,-0.03408,-0.07167,-0.00523,0.0236,-0.06251,-0.02706,0.02848,-0.10574,-0.01202,0.01549,0.01433,-0.05408,-0.01328,0.02345,-0.01664,0.02056,-0.00808,-0.0257,0.00361,-0.02648,-0.05197,-0.021,-0.02624,-0.04559,-0.1108,0.06168,0.02113,-0.00629,0.02663,0.01762,-0.03541,0.06108,-0.06896,0.05359,-0.0615,-0.07017,-0.01529,-0.01031,0.00398,0.00092,-0.02895,-0.02753,-0.03893,0.00345,0.04598,0.05194,-0.12028,0.03411,0.06534,-0.00758,-0.00783,-0.04475,0.01276,0.00691,-0.05455,0.00275,0.06442,0.0072,0.00325,-0.01482,-0.08517,0.02468,0.03023,0.02255,0.12516,0.00906,0.0451,0.10036,-0.07688,0.10125,-0.05762,0.07789,0.0689,0.0668,-0.10341,0.0027,0.08331,0.00295,-0.1008,0.05852,0.029,0.02066,-0.02578,0,-0.08453,-0.05155,0.0371,-0.02185,-0.00855,0.04919,-0.06178,-0.09147,-0.04901,0.0017,-0.06513,0.06843,-0.00697,-0.01564,-0.03544,-0.00834,-0.09314,0.02288,-0.07151,-0.08608,-0.01811,0.06207,-0.00911,0.0683,0.04535,0.01047,-0.00452,0.03068,-0.00257,0.00009,-0.01826,0.0312,-0.01862,0.03749,-0.05038,0.03597,-0.07741,0.00162,-0.02363,0.03947,0.02131,-0.07729,0.03834,0.00848,-0.08155,0.06392,-0.02538,0.01983,-0.09015,-0.00153,-0.04808,0.02161,-0.11042,0.10428,0.02265,0.00148,-0.01215,0.06346,0.08638,-0.01856,-0.13411,0.01114,-0.04225,0.01548],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Where to place custom styles Use one of these strategies: - Global stylesheet for theme connection and app-wide token overrides. - Wrapper-scoped CSS variables for per-editor themes. - Component-local overrides only when you need a local variation. If you override connection internals from a component stylesheet, remember that projected SVG/content often requires global styles or ::ng-deep.","excerpt":"Where to place custom styles Use one of these strategies: - Global stylesheet for theme connection and app-wide token overrides. - Wrapper-scoped CSS variables for per-editor themes. - Component-local overrides only when you need a local variation. If you override connection internals from a component stylesheet, remember that projected SVG/content often requires global styles or ::ng-deep."},{"chunkId":"/docs/default-theme-and-styling#13","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.00853,0.06555,-0.04313,0.0187,0.05905,0.08452,0.01588,0.06247,0.03096,-0.00523,-0.15538,-0.0066,-0.01066,-0.06918,0.04752,-0.03156,-0.00415,0.05345,0.0184,0.00624,0.00054,-0.05612,0.00186,0.00938,-0.07059,0.12542,0.00674,0.04007,0.06004,-0.03271,0.07286,0.08381,0.06795,0.0324,-0.07509,0.03045,0.00573,0.00585,-0.03368,-0.04359,0.01797,0.0668,-0.00702,0.00168,-0.01022,-0.01246,-0.00013,-0.09097,-0.07267,0.04326,-0.00065,-0.12205,-0.00326,0.06499,-0.04069,0.04872,0.00319,-0.08271,0.05157,-0.00858,-0.00767,0.01118,0.05636,0.04482,0.04092,-0.00363,-0.06582,0.14968,-0.01121,0.02619,0.02806,0.01015,0.04035,-0.01248,0.04239,0.01638,0.04181,-0.01624,-0.08671,-0.08711,-0.01295,0.03205,-0.01058,-0.01249,-0.00787,0.08941,0.0065,-0.06761,0.00174,0.07273,-0.01882,0.00894,0.01259,-0.11576,0.06341,0.02832,-0.07708,-0.09202,-0.01547,0.05125,-0.02589,-0.04875,0.11276,0.01953,0.03667,0.00178,-0.00601,0.03725,-0.0116,-0.0209,-0.01758,0.02862,-0.03644,-0.06112,-0.01036,-0.0274,0.04241,-0.09477,0.05006,0.07127,0.07346,-0.01591,-0.02564,0.02102,0.02487,0.00733,-0.01956,0,-0.02379,0.02066,-0.04043,0.06085,0.05894,0.00828,0.05395,-0.06867,-0.06284,0.04919,0.03483,0.01582,-0.04271,0.05779,-0.09668,-0.0964,-0.08608,0.01946,0.0076,-0.05543,0.00433,-0.10077,-0.084,-0.01657,0.02473,-0.01054,0.01453,0.07224,-0.06935,-0.01264,0.00014,-0.01115,0.08789,0.03361,-0.04135,0.02839,0.00444,-0.0213,0.06403,-0.01134,0.01669,-0.01892,-0.01983,-0.01574,0.00497,0.03834,-0.03416,-0.0194,0.08364,-0.03518,0.02439,0.06055,0.04488,0.05053,0.04058,-0.04893,-0.05089,-0.00576,0.03395,-0.01206,0.02741,0.07988,-0.01527,-0.10757,0.04928,0.08015,0.02306,0.0263,0.00194,-0.13057,-0.10029,0.09989,0.04874,-0.00272,0.02068,0.0039,0.03927,0.00393,0.01329,0.021,-0.06174,-0.01652,-0.02373,0.08783,0.09462,-0.04149,0.03103,-0.05572,-0.07826,-0.02573,0.12819,-0.05826,0.04642,-0.06741,-0.00159,0,-0.03032,0.0641,-0.00877,0.08474,0.02622,0.01616,0.00093,0.02701,0.03994,-0.00308,0.0093,0.06164,-0.05442,-0.11497,-0.01313,0.03464,-0.01448,-0.01301,0.09479,-0.09111,-0.00526,0.01787,-0.00667,-0.02803,-0.05308,0.01848,0.00267,0.03993,-0.00813,-0.02097,-0.00576,-0.02915,-0.03483,-0.02096,-0.00065,-0.09526,-0.11332,0.05441,0.0335,0.04557,-0.00477,-0.00841,-0.0379,0.05135,-0.06108,0.05453,-0.06785,-0.03191,0.02,0.00452,-0.04794,-0.02462,-0.0745,-0.04929,-0.02232,0.0042,0.02078,0.04205,-0.05347,0.0249,0.04005,0.00634,-0.0037,-0.06873,0.01463,-0.05736,-0.06636,0.03213,0.00735,0.02223,0.01477,-0.01417,-0.07445,0.02138,0.07336,0.01309,0.14131,-0.00237,0.04055,0.08633,-0.05965,0.13376,-0.03148,0.03742,0.05721,0.00675,-0.08654,-0.00444,0.04116,-0.01573,-0.12485,0.084,0.0775,-0.00814,-0.0088,0,-0.09523,-0.0648,0.01563,-0.00788,-0.04463,0.06524,-0.05533,-0.0515,-0.03326,-0.0324,-0.01285,0.04357,-0.0139,-0.04408,-0.01852,-0.00439,-0.09567,0.01907,-0.06747,-0.09563,0.02756,0.07888,0.00085,0.03422,0.01109,0.01795,0.03424,-0.01018,0.00222,0.00662,0.00092,0.02889,-0.00908,0.07265,-0.03537,0.01274,-0.0489,0.03736,-0.05242,0.01534,0.03318,-0.0592,-0.00045,-0.01754,-0.09269,0.04265,-0.0157,0.01011,-0.03854,-0.02645,-0.01956,0.05429,-0.07867,0.10447,0.04809,-0.01991,-0.02157,0.04477,0.07693,-0.02405,-0.13093,0.04575,-0.0192,0.0551],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Notes and pitfalls - The shipped theme styles runtime primitives only. The inner layout of custom node content remains yours. - theme-tokens() should usually be included once per application theme root. - default.scss is best when you want the whole theme quickly. - Selective mixins are best when some features are lazy-loaded or not present in every editor. - External item previews/placeholders can be rendered outside the flow subtree. If you theme them, put shared variables high enough in the DOM tree.","excerpt":"Notes and pitfalls - The shipped theme styles runtime primitives only. The inner layout of custom node content remains yours. - theme-tokens() should usually be included once per application theme root. - default.scss is best when you want the whole theme quickly. - Selective mixins are best when some features are lazy-loaded or not present in every editor. - External item previews/placeholders can be rendered outside the flow subtree. If you theme them, put shared variables high enough in the DOM tree."},{"chunkId":"/docs/default-theme-and-styling#14","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.01045,0.04467,-0.0534,-0.01123,0.06372,0.08803,0.03914,0.08437,-0.01164,0.02051,-0.11012,-0.0185,-0.04551,-0.04814,0.05621,-0.04772,-0.01634,0.01782,0.03579,0.02914,-0.022,-0.05077,0.01622,-0.01616,-0.10347,0.11503,0.02837,0.04559,0.02432,-0.06731,0.02606,0.09419,0.13413,0.02766,-0.05918,-0.04452,0.06728,0.01886,-0.06959,-0.02943,0.01342,0.00992,-0.01885,0.00718,-0.02535,-0.01429,-0.0103,-0.06896,-0.05359,0.05054,-0.01537,-0.11171,-0.02505,0.08663,-0.01471,0.03963,0.00614,-0.05251,0.06035,-0.03519,-0.01009,-0.00302,0.02991,0.06439,0.06297,-0.01037,-0.06457,0.09234,0.0204,-0.04624,0.01387,-0.00967,0.03975,-0.01484,0.02873,-0.00864,0.06065,0.00437,-0.09502,-0.07582,-0.03734,0.02821,-0.02705,0.05817,-0.03312,0.0821,-0.01124,-0.09342,-0.02658,0.04501,0.00652,0.03575,-0.03506,-0.08617,0.03347,0.01368,-0.08846,-0.11357,-0.00414,0.03005,-0.01436,-0.09016,0.1244,0.00901,0.0274,-0.02492,-0.01444,0.02297,-0.00868,-0.01932,-0.015,-0.02427,-0.0327,-0.07084,0.01575,-0.01509,-0.01306,-0.07061,0.07831,0.0324,0.07495,-0.01097,-0.03037,-0.02801,0.00352,0.02721,-0.02678,0,-0.02643,0.02389,-0.02298,0.02565,0.0712,-0.01243,0.03917,-0.08185,-0.06044,0.05211,0.02146,0.05421,-0.03063,0.08629,-0.06413,-0.12491,-0.09104,0.00733,0.00643,-0.04633,0.00913,-0.07196,-0.03116,-0.0355,0.06576,0.03806,0.05144,0.07872,-0.03417,0.0092,-0.00389,-0.0113,0.04672,-0.00287,-0.03635,0.03096,-0.02501,-0.04068,0.03223,-0.0347,-0.03059,-0.01909,-0.05131,-0.00145,0.0268,0.03861,-0.02571,-0.03915,0.13848,-0.00347,0.03533,-0.01451,0.03852,0.06641,0.03245,-0.05047,-0.03413,0.01817,0.0183,-0.00441,0.04758,0.05508,-0.02878,-0.09493,0.03965,0.05789,0.03629,0.00839,0.00456,-0.13197,-0.09926,0.11942,0.10347,0.02896,0.01026,0.00288,0.06711,0.01746,0.01109,0.00172,-0.10725,-0.01441,-0.03703,0.05228,0.05502,-0.02007,0.0481,-0.01885,-0.07097,-0.0711,0.09001,-0.02438,0.01234,-0.00237,-0.01869,0,-0.04016,0.04343,-0.01998,0.09358,0.05115,0.02117,0.05648,0.04934,0.06441,0.03142,0.04315,0.07524,-0.01552,-0.09042,0.03291,0.01193,-0.02193,-0.00665,0.05373,-0.06105,-0.01604,-0.00031,-0.05401,-0.0697,-0.05428,0.02825,0.02935,0.04148,-0.00268,-0.02529,0.02783,-0.029,-0.0606,0.0008,0.00221,-0.08254,-0.07158,0.04419,0.01223,-0.00949,0.00186,0.01526,-0.01046,0.02438,-0.06666,0.04426,-0.0518,-0.03945,-0.00211,0.00191,-0.00167,-0.01321,-0.05924,-0.04945,-0.02667,0.02789,0.05497,0.07487,-0.08209,0.05649,0.02417,0.01408,0.01006,-0.03323,0.03773,-0.01938,-0.04563,0.01582,-0.02512,0.0194,0.02038,0.00881,-0.07117,0.04819,0.0658,0.00576,0.0945,0.03411,0.00776,0.10804,-0.00694,0.09777,-0.01367,0.0931,0.0528,0.06719,-0.09611,0.0056,0.0655,-0.02125,-0.12588,0.07551,0.09101,0.04462,-0.03433,0,-0.09062,-0.08086,0.0421,0.00318,-0.02798,0.07264,-0.05269,-0.06732,-0.03128,-0.03641,-0.03763,0.06056,-0.02606,-0.03521,-0.00313,0.02744,-0.09154,0.00193,-0.03403,-0.11208,-0.00509,0.05124,-0.00927,0.05023,0.002,0.03831,-0.00742,0.00823,0.01222,-0.02522,0.02236,0.04456,0.04294,0.01297,-0.02821,0.02537,-0.06703,0.04613,-0.09187,0.01425,0.02825,-0.05454,0.00581,-0.0441,-0.08498,0.06494,-0.01435,-0.01648,-0.10849,-0.03502,-0.04044,0.03076,-0.05398,0.09645,0.03041,0.02662,-0.03632,0.01925,0.09295,-0.02602,-0.08816,0.08537,-0.02282,0.08769],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Related docs - Installing and Rendering Your First Flow - External Item - Background - Minimap - Selection Area","excerpt":"Related docs - Installing and Rendering Your First Flow - External Item - Background - Minimap - Selection Area"},{"chunkId":"/docs/default-theme-and-styling#15","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.04561,0.03856,-0.06562,0.00358,0.03242,0.08328,0.03333,0.05495,-0.00786,0.02915,-0.12416,-0.01434,-0.0419,-0.03562,0.04156,-0.04778,-0.05938,0.02905,0.02562,0.05013,-0.00977,-0.05728,0.01807,0.00559,-0.07554,0.08724,0.00658,0.03677,0.00737,-0.06658,0.03141,0.09862,0.12613,0.04045,-0.04596,-0.01588,0.0651,0.00147,-0.03391,-0.02761,0.00189,0.0098,0.00628,0.01294,-0.00827,-0.00459,-0.00914,-0.07252,-0.06,0.04037,-0.02555,-0.11932,-0.01291,0.06328,-0.00353,0.04849,0.01628,-0.0417,0.06144,-0.0169,-0.01358,0.00232,0.0215,0.06682,0.04541,0.00889,-0.07428,0.10553,-0.00222,-0.03939,-0.01899,-0.0257,0.04425,-0.01056,0.024,0.00366,0.03114,0.03031,-0.07564,-0.07219,-0.03627,0.00123,-0.00459,0.04954,-0.00032,0.09764,-0.00577,-0.09612,0.00082,0.05887,0.02242,0.03743,-0.00929,-0.08947,0.00714,0.00464,-0.06186,-0.08622,-0.02452,0.04239,-0.03417,-0.09161,0.11391,0.00832,0.03445,-0.01616,0.00893,0.03775,-0.00429,-0.02272,-0.01773,-0.0239,-0.03137,-0.08715,0.03255,-0.00124,-0.01879,-0.06142,0.09044,0.0358,0.07467,-0.03668,-0.05822,-0.01411,-0.02188,0.01736,-0.03026,0,-0.01177,0.03824,-0.02597,0.03796,0.06401,-0.02607,0.01273,-0.08373,-0.07771,0.03373,0.02688,0.05127,-0.02748,0.07759,-0.10323,-0.10542,-0.09227,-0.00006,0.0208,-0.06171,0.02307,-0.07972,-0.03568,-0.02282,0.04417,0.03735,0.03635,0.05287,-0.02162,0.02025,-0.00628,-0.01602,0.05461,0.00309,-0.04901,0.01315,-0.00773,-0.02913,0.03943,-0.03113,-0.00746,-0.03574,-0.04404,-0.0189,0.0254,0.05794,-0.01605,-0.04239,0.14164,-0.00625,0.01996,0.00103,0.02826,0.07826,0.04208,-0.04096,-0.01862,0.02371,0.0218,-0.02091,0.03536,0.06483,-0.01766,-0.11681,0.03893,0.06213,0.01357,0.00703,-0.01373,-0.11329,-0.09572,0.0985,0.05625,0.05184,-0.00758,-0.01258,0.05772,0.0102,0.03417,-0.00459,-0.07975,-0.01151,-0.0355,0.04367,0.07533,-0.03554,0.05145,-0.02305,-0.07512,-0.07041,0.10888,-0.06356,0.02474,-0.02283,-0.02823,0,-0.01869,0.04506,-0.04644,0.10565,0.04179,0.02554,0.0529,0.06971,0.10093,0.02495,0.06205,0.05432,-0.04297,-0.0748,0.02098,-0.01481,-0.02202,-0.00903,0.04053,-0.07239,-0.02637,-0.03453,-0.02892,-0.04639,-0.03239,0.03308,0.02645,0.08581,0.01265,-0.0168,0.02099,-0.0383,-0.08112,-0.00545,0.00423,-0.08916,-0.06866,0.05419,0.0097,-0.00491,0.02984,-0.00598,-0.00341,0.05323,-0.04855,0.06466,-0.02783,-0.02115,0.00291,0.0033,0.0153,-0.03564,-0.03468,-0.0604,-0.04045,0.03491,0.06793,0.05362,-0.1001,0.05755,0.02111,0.01706,0.01791,-0.03613,0.04574,-0.02509,-0.043,0.02482,-0.01638,0.02465,0.04638,-0.01719,-0.09311,0.02926,0.06062,0.00066,0.09599,0.02039,-0.00374,0.09797,-0.02032,0.10951,0.00411,0.08845,0.05145,0.06686,-0.10272,0.02268,0.0713,-0.01469,-0.12824,0.08486,0.10066,0.03609,-0.02804,0,-0.09263,-0.07117,0.04913,-0.01063,-0.00136,0.09236,-0.04724,-0.09109,-0.03991,-0.04821,-0.03972,0.05125,-0.04906,-0.03122,-0.0385,0.01453,-0.09975,0.03008,-0.04782,-0.1195,-0.00055,0.05438,0.01953,0.02551,-0.00578,0.04449,-0.02736,0.01935,-0.00221,-0.02504,0.02856,0.05223,0.04023,0.0125,-0.04066,0.02719,-0.06621,0.03976,-0.08006,0.00723,0.02475,-0.02848,0.00153,-0.02268,-0.08966,0.05943,0.00874,-0.01215,-0.09064,-0.05575,-0.02951,0.04789,-0.06352,0.11133,-0.0119,0.03498,-0.03779,0.04038,0.10281,-0.02748,-0.09357,0.05041,-0.01623,0.0753],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Support Foblex Flow If this guide saved time in your editor setup, please ⭐ the repo on GitHub. Git Hub","excerpt":"Support Foblex Flow If this guide saved time in your editor setup, please ⭐ the repo on GitHub."},{"chunkId":"/docs/styling-mixins-and-scoping#0","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.04122,0.04463,-0.01333,0.04248,0.04325,0.03821,0.06765,-0.03605,0.01084,-0.0276,-0.07604,-0.04032,-0.0457,-0.02805,0.07151,-0.02299,-0.00204,0.01172,0.01213,0.04425,-0.00731,0.00546,-0.01191,-0.00124,-0.05211,0.03782,-0.00419,-0.01043,0.09885,-0.01583,0.05709,0.14215,-0.0277,0.04036,-0.10479,0.02875,0.09615,-0.00433,-0.06206,-0.02958,0.00436,0.06056,-0.02536,-0.04964,-0.03937,-0.03496,-0.03382,-0.00198,-0.11375,-0.01058,-0.04711,-0.13323,-0.00297,0.05731,0.00309,0.03325,-0.00503,-0.00325,0.06488,0.0356,-0.10053,-0.03042,-0.01654,0.0664,0.09398,-0.03525,-0.09613,0.0412,-0.03894,-0.00669,-0.01092,-0.03071,0.03197,-0.00176,0.06633,0.03586,-0.00191,-0.02939,-0.0491,-0.11928,0.00077,-0.00648,-0.03151,0.02197,0.03988,0.09262,-0.04448,-0.10838,-0.01025,0.05002,0.01677,0.04508,-0.03431,-0.03893,0.03851,-0.0256,-0.06046,-0.06866,-0.0525,0.05192,-0.07802,-0.03323,0.09192,0.01807,-0.01836,-0.00874,-0.03278,0.02631,-0.06164,-0.03406,-0.01442,-0.00619,-0.01636,-0.11705,-0.00167,0.00695,0.04304,-0.07913,0.09087,0.01886,0.04497,0.00583,-0.03583,0.0045,0.03361,-0.00444,-0.01471,0,0.01558,0.00089,-0.03419,0.07886,0.0388,0.02172,0.04575,-0.08601,-0.05797,0.08169,0.0124,0.08256,-0.04806,0.05465,0.02716,-0.06161,-0.00576,0.02186,0.00126,0.0075,0.02802,-0.02595,-0.02874,-0.00713,0.01592,0.0401,-0.00753,0.05253,-0.04374,0.01874,0.06021,0.01149,0.02979,0.02098,-0.04956,0.02036,-0.01088,-0.04825,0.00032,-0.00795,0.03549,-0.01091,-0.00761,0.04068,-0.02006,0.00135,-0.06238,0.01207,0.0798,0.0358,0.04404,0.07308,0.07852,0.03173,0.07436,0.00806,0.01199,-0.00584,0.03245,0.0121,0.04107,0.05319,-0.09191,-0.04138,0.05362,0.04493,0.02574,-0.01674,-0.00967,-0.10634,-0.04985,0.16324,0.05973,0.07198,0.04372,-0.05308,-0.02034,-0.02006,0.11633,0.00515,-0.02931,0.04282,-0.06604,0.04676,0.03952,0.00416,-0.02282,-0.0019,-0.06254,0.00677,0.0437,-0.07243,0.02322,-0.07011,-0.02578,0,-0.02054,0.03289,-0.02783,0.15217,0.00408,-0.0464,0.06318,0.04716,0.08567,0.02204,0.07876,0.06445,-0.0164,-0.06716,0.05073,0.05044,-0.10884,-0.06127,0.07068,-0.07239,-0.00649,0.00441,0.02273,-0.0359,-0.06222,0.00243,0.01373,0.05867,0.04246,0.03186,0.00846,-0.04795,-0.09741,0.01434,-0.03614,-0.06775,-0.09198,0.07976,0.02712,-0.05511,0.01157,-0.00298,-0.0496,0.08522,-0.0415,0.05435,-0.05571,0.01184,-0.00527,-0.0474,-0.00697,-0.00105,-0.06738,-0.057,-0.00689,0.02056,0.05593,-0.02183,-0.0616,0.03342,0.08078,0.01952,-0.00733,-0.08451,0.02309,-0.02406,-0.0562,0.0129,0.07531,0.00048,0.0712,-0.02005,-0.00324,-0.02541,0.01332,0.05608,0.10897,0.02543,0.06955,0.10356,-0.03113,0.07612,-0.04078,0.06495,0.08895,0.06121,-0.10075,0.02231,0.06607,-0.02079,-0.04418,0.05389,0.08619,0.01389,0.00065,0,-0.0404,-0.00833,-0.00254,-0.04945,-0.04804,0.04868,0.00963,-0.11872,-0.03679,0.01266,-0.0675,0.06519,0.03021,-0.01595,-0.02872,-0.00493,-0.06257,0.00584,-0.10165,-0.09787,-0.02415,0.06454,-0.01209,0.04272,-0.01412,-0.00136,-0.0547,0.0178,0.00831,-0.01658,0.00271,0.01917,-0.03523,0.04313,-0.08021,0.04398,-0.0683,0.00863,-0.00943,-0.04014,-0.00386,-0.11012,0.02509,-0.03227,-0.0904,0.02559,-0.02071,-0.04302,-0.04931,0.05201,-0.05922,0.03108,-0.10158,0.11423,0.02847,-0.02911,-0.01754,0.00908,0.0347,-0.004,-0.10913,0.01778,-0.03472,0.06729],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Styling Mixins and Scoping This page describes the public SCSS API exported from:","excerpt":"Styling Mixins and Scoping This page describes the public SCSS API exported from:"},{"chunkId":"/docs/styling-mixins-and-scoping#1","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.03807,0.03585,0.00783,0.04595,0.03853,0.0403,0.06742,-0.04011,0.02238,-0.03588,-0.07883,-0.04453,-0.05557,-0.05587,0.06877,-0.00422,0.02589,0.00591,0.00919,0.04988,-0.02394,0.00244,-0.01127,-0.00759,-0.06442,0.05967,-0.01382,-0.01091,0.09314,-0.02018,0.06666,0.14825,-0.00937,0.0425,-0.10372,0.02857,0.09973,0.00109,-0.08736,-0.01726,0.00971,0.07166,-0.03061,-0.04817,-0.03849,-0.0296,-0.02732,-0.01018,-0.10524,-0.01378,-0.03129,-0.11011,0.00091,0.06599,-0.00791,0.05108,0.01661,0.01241,0.06316,0.02853,-0.08955,-0.01606,-0.0231,0.05534,0.09737,-0.04238,-0.09107,0.05373,-0.03367,0.00509,0.00693,-0.03032,0.03059,0.01163,0.06793,0.02805,-0.00646,-0.04334,-0.05467,-0.12018,0.01161,-0.01033,-0.02792,-0.00616,0.03606,0.07392,-0.0466,-0.1077,-0.01181,0.05421,0.01198,0.04149,-0.02531,-0.04289,0.05634,-0.01926,-0.04752,-0.0834,-0.05005,0.05541,-0.07613,-0.03444,0.08364,0.01635,-0.03105,-0.01694,-0.03524,0.03503,-0.05906,-0.05228,-0.00517,-0.01797,-0.00683,-0.09564,0.0153,-0.0185,0.04941,-0.06776,0.08983,0.04135,0.02633,0.00403,-0.02854,0.01515,0.00727,-0.01189,-0.03824,0,0.02933,0.00472,-0.03732,0.07296,0.03455,0.02665,0.04306,-0.08691,-0.03368,0.09188,0.02269,0.06619,-0.04614,0.05811,0.03741,-0.06914,-0.0268,0.02103,0.00141,-0.00488,0.02559,-0.01457,-0.02596,-0.01022,0.0116,0.054,-0.00694,0.04758,-0.0433,0.01519,0.03997,0.01604,0.03533,0.0164,-0.05419,0.03344,0.00038,-0.05575,0.01869,-0.02022,0.002,-0.00966,-0.01336,0.03252,-0.02097,-0.00508,-0.0472,0.01985,0.07178,0.05158,0.03925,0.05246,0.08323,0.02962,0.0757,0.00995,-0.00742,-0.00452,0.05713,0.01361,0.06288,0.04839,-0.09338,-0.04255,0.04876,0.07754,0.02848,-0.03229,0.0087,-0.12199,-0.05808,0.14989,0.0623,0.07675,0.04921,-0.05225,-0.0245,-0.02747,0.08821,0.01281,-0.03853,0.05176,-0.05749,0.04912,0.0498,-0.00068,-0.01873,0.00293,-0.06575,-0.00117,0.04926,-0.05166,0.02979,-0.07464,0.0074,0,-0.00589,0.03786,-0.0356,0.14318,0.01654,-0.05117,0.03308,0.03356,0.08516,-0.00035,0.08069,0.06675,-0.02021,-0.08019,0.03003,0.04249,-0.08867,-0.0712,0.07275,-0.0742,-0.00789,-0.02322,-0.00177,-0.04786,-0.07298,0.0059,0.00322,0.03981,0.05602,0.02271,0.01129,-0.0141,-0.08924,0.00617,-0.02145,-0.05354,-0.0994,0.06157,0.00968,-0.06157,0.0046,0.00397,-0.03047,0.0913,-0.05326,0.05606,-0.04956,0.01193,0.00633,-0.04045,-0.01326,-0.03076,-0.07204,-0.06519,-0.01324,0.01153,0.064,-0.02158,-0.04853,0.0495,0.07967,0.0284,-0.00863,-0.09901,0.01475,-0.00311,-0.03524,0.02746,0.07752,0.00841,0.07648,-0.02154,-0.00038,-0.04418,0.01384,0.05493,0.09963,0.02633,0.06195,0.08495,-0.0362,0.07971,-0.06442,0.03896,0.08162,0.07929,-0.11227,0.02247,0.06034,-0.0205,-0.03054,0.04297,0.1237,0.02767,-0.01487,0,-0.03619,0.00732,-0.00058,-0.05577,-0.0476,0.05643,0.01309,-0.10315,-0.04449,0.00943,-0.05554,0.06286,0.03299,-0.0068,-0.00625,0.0039,-0.05456,0.00116,-0.10276,-0.10414,-0.0093,0.0748,-0.02146,0.02915,-0.01153,0.00863,-0.04152,0.00759,-0.0005,-0.00122,0.00269,0.04063,-0.0462,0.05164,-0.05823,0.06269,-0.06175,0.00311,-0.03372,-0.06808,-0.00507,-0.10722,0.03245,-0.03716,-0.0921,0.01734,-0.01259,-0.038,-0.06438,0.05001,-0.05895,0.04287,-0.09843,0.11214,0.03058,-0.01118,-0.01477,0.00131,0.02642,-0.00126,-0.11659,0.0191,-0.05083,0.06475],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Theme entrypoints","excerpt":"Theme entrypoints"},{"chunkId":"/docs/styling-mixins-and-scoping#2","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.04659,0.06013,0.01185,0.04148,0.03545,0.03707,0.0753,-0.01986,0.06651,-0.0318,-0.08248,-0.03088,-0.04487,-0.0403,0.08466,-0.00011,0.00544,0.04443,0.00248,0.0506,-0.00112,0.01595,-0.02332,-0.00413,-0.05545,0.06762,-0.01978,-0.04288,0.10924,-0.01173,0.0805,0.15699,-0.03616,0.03944,-0.08859,0.03904,0.10195,-0.00743,-0.03376,-0.0229,0.01856,0.05335,-0.05071,-0.03339,-0.02834,-0.00423,-0.00196,-0.0028,-0.12159,-0.01175,-0.02031,-0.10353,-0.0113,0.05905,-0.01863,0.03079,-0.00077,0.01877,0.07849,0.03353,-0.10443,-0.02357,-0.00702,0.0605,0.08303,-0.0442,-0.07334,0.03472,-0.00831,0.02533,-0.00551,-0.01512,0.02901,-0.00739,0.06043,0.05514,0.00756,-0.03705,-0.06045,-0.16601,0.03871,-0.01571,0.00549,-0.00018,0.05904,0.08127,-0.04235,-0.0967,-0.00801,0.0745,-0.00842,0.00324,0.01212,-0.04224,0.02784,-0.04144,-0.04373,-0.07618,-0.03709,0.08139,-0.08961,-0.03527,0.07757,0.03101,0.00028,0.00261,-0.03854,0.00978,-0.0406,-0.05884,-0.00073,-0.00372,-0.03515,-0.10289,-0.00695,-0.00846,0.02492,-0.07682,0.10416,0.07607,0.02933,-0.02377,-0.04032,0.0416,-0.02145,-0.0199,-0.01344,0,-0.01838,0.01083,-0.03848,0.0537,0.01857,0.00444,0.05457,-0.09882,-0.04535,0.07031,0.02439,0.06145,-0.04843,0.08333,0.00275,-0.06337,-0.02646,0.00834,0.00375,-0.00848,0.02457,-0.01471,-0.03718,-0.00789,-0.01141,0.03907,0.0091,0.0208,-0.02893,0.02098,0.0478,-0.00988,0.05311,0.03003,-0.04442,0.04848,-0.00106,-0.04797,0.00408,-0.03791,-0.01357,-0.00693,-0.02493,0.0322,-0.02418,-0.01275,-0.05304,0.00804,0.06769,0.02743,0.02549,0.06978,0.06421,0.00926,0.09354,-0.02471,-0.03964,-0.00872,0.04359,0.00808,0.05259,0.03113,-0.06553,-0.0441,0.05461,0.07203,0.0362,-0.01788,0.00665,-0.1088,-0.0703,0.17183,0.04771,0.03736,0.01491,-0.04158,-0.00088,-0.00918,0.05963,0.03141,-0.04114,0.0314,-0.06649,0.06767,0.03154,0.01885,-0.02077,-0.03022,-0.0835,-0.01941,0.06803,-0.06793,0.02806,-0.05803,-0.02552,0,-0.00625,0.03818,-0.03653,0.13799,-0.01905,-0.03974,0.04334,0.03194,0.03992,0.01651,0.03506,0.0693,-0.04393,-0.07698,0.00987,0.03747,-0.10663,-0.07005,0.07809,-0.07586,-0.02346,-0.02218,-0.00025,-0.00478,-0.06621,0.01683,-0.02494,0.02769,0.03294,0.02173,0.00623,-0.02722,-0.08236,0.00172,-0.01822,-0.08458,-0.09467,0.0939,0.00422,-0.04539,0.00163,0.00155,-0.01385,0.08345,-0.04314,0.07062,-0.02014,0.0148,0.00769,-0.02751,0.00725,-0.01038,-0.0849,-0.0646,-0.03195,0.00406,0.07009,-0.01479,-0.06367,0.04301,0.09203,0.0113,0.00617,-0.08703,0.02142,-0.01173,-0.04841,0.02695,0.06041,0.03543,0.11203,-0.01956,-0.03265,-0.03066,0.00122,0.04848,0.11238,-0.03951,0.03297,0.08593,-0.05308,0.06314,-0.06143,0.05833,0.08642,0.0473,-0.09525,0.03247,0.05218,-0.00747,-0.02976,0.05468,0.11587,0.0128,-0.00217,0,-0.04103,-0.02233,-0.01405,-0.06702,-0.05322,0.05817,0.00749,-0.09669,-0.06516,-0.02307,-0.04576,0.04305,0.01337,-0.02969,-0.01356,-0.00927,-0.04146,0.00032,-0.10525,-0.09963,-0.03041,0.1058,-0.02897,-0.00652,-0.01461,0.01949,-0.00531,0.01937,0.00604,-0.01025,0.00176,0.05164,-0.04556,0.01493,-0.07685,0.06197,-0.05793,-0.00362,-0.04182,-0.04971,0.01309,-0.07689,0.03305,-0.02407,-0.06215,0.03139,0.00569,-0.0315,-0.04332,0.04926,-0.04323,0.04668,-0.11629,0.14332,0.01918,-0.01203,-0.02465,0.0107,0.05007,-0.02146,-0.09534,0.01096,-0.02248,0.04157],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. theme-tokens() Emits the shipped token layers: - primitive tokens; - semantic tokens; - --ff- alias tokens. In a typical application, include this once per document or once per isolated theme scope.","excerpt":"theme-tokens() Emits the shipped token layers: - primitive tokens; - semantic tokens; - --ff- alias tokens. In a typical application, include this once per document or once per isolated theme scope."},{"chunkId":"/docs/styling-mixins-and-scoping#3","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.02593,0.03742,0.02338,0.06462,0.08048,0.04669,0.05801,-0.06881,0.06675,-0.02123,-0.03934,0.00299,-0.0719,-0.03153,0.06883,-0.01726,0.01941,-0.01419,0.00233,0.02443,-0.04666,-0.04084,0.01388,-0.03179,-0.05135,0.05713,-0.04598,-0.01117,0.09831,-0.04927,0.04303,0.14572,-0.01442,0.03203,-0.11011,0.03438,0.09112,-0.00407,-0.12356,-0.02562,0.01518,0.06602,-0.02238,-0.04506,-0.02963,-0.01803,-0.02134,-0.01433,-0.1134,-0.00684,-0.00646,-0.09624,-0.00597,0.0759,0.01378,0.06718,0.00528,0.01243,0.03867,0.03244,-0.09835,-0.00965,-0.04177,0.06014,0.0618,-0.00702,-0.04756,0.05363,-0.02795,0.01906,0.04413,-0.02578,0.00505,-0.00627,0.08801,0.03755,-0.01636,-0.04814,-0.09561,-0.0906,0.03916,0.02032,-0.0433,-0.01401,0.02694,0.10337,-0.04744,-0.10307,-0.05154,0.0529,-0.03981,0.03013,-0.02886,-0.0256,0.03643,-0.01815,-0.05697,-0.06842,-0.05403,0.03635,-0.05956,-0.04188,0.08309,0.01216,-0.03028,-0.01738,-0.03973,0.01446,-0.06547,-0.04199,-0.00253,-0.02197,0.0139,-0.06301,-0.02281,-0.04776,0.03349,-0.06694,0.08267,0.06966,0.0264,0.02278,-0.00194,0.01423,0.00954,-0.01561,-0.04999,0,0.01808,-0.02358,-0.01945,0.03773,0.04467,0.01136,0.05666,-0.07174,-0.06332,0.11208,-0.01259,0.075,-0.06005,0.08707,0.03303,-0.06036,0.01352,0.02358,-0.00599,-0.00934,0.00921,-0.02882,-0.07094,-0.01899,0.00329,0.04339,0.01458,0.05099,-0.03469,0.01097,0.02195,0.0145,0.03986,0.03185,-0.059,0.02658,-0.04352,-0.0635,0.03398,-0.02205,-0.01723,0.00565,-0.03656,0.04346,-0.00977,-0.00954,-0.03772,0.02954,0.04909,0.04198,-0.00352,0.05267,0.07517,0.01377,0.05527,-0.03869,-0.01821,0.04126,0.02645,0.01682,0.07152,0.04335,-0.11295,-0.06085,0.08526,0.10652,0.0038,-0.00833,-0.01331,-0.10974,-0.06592,0.15787,0.04229,0.07196,0.07154,-0.05452,-0.03508,-0.01343,0.10379,0.03227,-0.0663,0.0551,-0.04776,0.06322,0.02575,0.01661,0.00915,0.0154,-0.03277,0.01921,0.05013,-0.0104,0.05845,-0.06142,-0.01644,0,-0.01516,0.04818,-0.03042,0.10902,0.02735,-0.0443,0.03115,-0.00142,0.09491,0.02754,0.08255,0.06546,-0.01497,-0.08222,0.02999,0.04706,-0.10085,-0.09401,0.08469,-0.07691,0.00089,0.01943,-0.00653,-0.02879,-0.07381,-0.02914,0.0052,0.01117,0.05893,0.02631,0.02872,-0.01637,-0.09919,0.04298,-0.01982,-0.03131,-0.09864,0.09479,0.00095,-0.03479,-0.0318,-0.01266,-0.04855,0.07883,-0.02204,0.04651,-0.06401,-0.02008,-0.02504,-0.02656,-0.04475,0.01159,-0.03396,-0.04992,0.01629,0.02021,0.10596,-0.04746,-0.04606,0.00321,0.11036,0.00888,-0.02832,-0.09527,0.00851,0.00405,-0.0109,0.0217,0.08256,0.00444,0.07312,-0.01405,-0.00676,-0.06231,0.01021,0.05317,0.09184,0.01447,0.0494,0.07866,-0.04806,0.089,-0.05955,0.00844,0.07289,0.06199,-0.09677,0.03891,0.04809,0.01801,-0.0352,0.031,0.1066,0.02435,-0.00422,0,-0.04177,-0.01334,-0.01434,-0.06198,-0.01934,0.00831,0.02758,-0.03297,-0.04524,0.02786,-0.04326,0.05704,0.02577,-0.01161,0.04531,0.01205,-0.03598,0.00948,-0.09481,-0.08237,-0.01066,0.05766,-0.04468,0.01981,-0.0352,-0.01166,-0.02607,0.00114,-0.02286,0.01072,-0.02333,0.01306,-0.06796,0.04954,-0.0792,0.05794,-0.06953,0.02884,-0.0431,-0.06109,0.02275,-0.11206,0.03187,-0.0079,-0.05184,0.01013,-0.00932,-0.05686,-0.06032,0.05929,-0.0567,0.03015,-0.10076,0.10515,0.04352,-0.0097,0,-0.00039,0.05266,-0.02266,-0.09921,0.0141,-0.02581,0.04309],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. theme-all($scoped: true) Emits the main shipped theme stack: - flow-canvas() - node-group() - connector() - connection-all() - external-item-all() - plugins() Important: theme-all() does not include grouping() or connection-drag-handles-visible(). Those layers stay opt-in because they change interaction affordances.","excerpt":"theme-all($scoped: true) Emits the main shipped theme stack: - flow-canvas() - node-group() - connector() - connection-all() - external-item-all() - plugins() Important: theme-all() does not include grouping() or connection-drag-handles-visible(). Those layers stay opt-in because they change interaction affordances."},{"chunkId":"/docs/styling-mixins-and-scoping#4","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.02207,0.02973,0.01303,0.03122,0.06143,0.02927,0.05662,-0.04127,0.04451,-0.02989,-0.0564,-0.0427,-0.06488,0.00461,0.08117,-0.01368,-0.00817,0.00371,0.01461,0.03289,-0.03245,-0.04005,-0.01034,-0.02067,0.00086,0.05178,-0.02495,-0.00843,0.09688,-0.03302,0.07484,0.13682,-0.06088,0.03732,-0.09506,0.04284,0.08572,0.02624,-0.0911,-0.02672,0.02344,0.07442,-0.02576,-0.0743,-0.03322,-0.00187,-0.04054,0.02742,-0.08598,0.00721,-0.0295,-0.1155,-0.02831,0.08956,0.01297,0.04203,-0.00097,0.05228,0.05217,0.07413,-0.12061,-0.01116,-0.04013,0.05243,0.08413,-0.01722,-0.09949,0.04139,-0.06039,0.04063,0.02873,-0.02941,0.0427,-0.0207,0.06617,0.00132,-0.01745,-0.00511,-0.08092,-0.10081,0.0087,-0.00643,-0.048,-0.00848,0.02513,0.0824,-0.03604,-0.08951,-0.03305,0.03764,-0.02669,0.0701,-0.00987,-0.00369,0.07969,-0.0406,-0.06762,-0.03292,-0.05795,0.02259,-0.07322,-0.03114,0.07776,0.00283,0.00772,-0.02307,-0.0534,0.04031,-0.03543,-0.03201,-0.00775,0.00489,0.01252,-0.06103,0.03527,0.00357,0.04559,-0.04022,0.06346,0.07436,0.02069,0.01275,-0.00593,-0.02049,0.02587,-0.05832,-0.02477,0,0.0294,-0.00205,-0.04469,0.08115,0.03191,0.03617,0.01667,-0.06907,-0.05344,0.09454,-0.00429,0.06755,-0.07272,0.04347,0.02084,-0.04899,0.01096,-0.00419,0.00288,0.02715,0.02719,-0.02644,-0.06463,0.0125,0.02418,0.00781,-0.00825,0.04605,-0.07351,0.00541,0.01612,-0.01272,0.04317,0.00483,-0.06176,0.00691,-0.01768,-0.02078,-0.01965,-0.01414,0.0018,-0.00658,-0.0012,0.03879,-0.00054,-0.03935,-0.10128,0.03827,0.04406,0.04763,0.04246,0.07408,0.07634,0.02403,0.07989,-0.02415,-0.0143,0.00349,0.01042,-0.00723,0.08992,0.04195,-0.13781,-0.03728,0.06995,0.06103,-0.00669,-0.00172,-0.04562,-0.09125,-0.08482,0.13883,0.03104,0.06758,0.05982,-0.06129,-0.02317,-0.00569,0.1235,0.00325,-0.05143,0.073,-0.05782,0.04778,-0.0077,0.05262,-0.00559,0.02789,-0.05019,0.00794,0.03903,-0.03154,0.05951,-0.06911,0.00129,0,-0.03214,0.05846,-0.02843,0.1451,0.02903,-0.04943,0.07248,0.01134,0.0762,0.03165,0.06771,0.05367,-0.04529,-0.04074,0.05356,0.03535,-0.0957,-0.09705,0.09297,-0.08954,-0.04147,0.02955,0.007,-0.03835,-0.06923,-0.00229,-0.00694,0.0221,0.05332,0.05307,-0.01139,-0.03486,-0.08145,0.04316,-0.01491,-0.03102,-0.09537,0.04786,-0.01649,-0.05903,-0.02785,0.01214,-0.06373,0.08234,-0.04941,0.07017,-0.01923,0.00546,-0.02872,-0.03337,-0.02948,0.01193,-0.05023,-0.06532,0.00783,-0.01623,0.08515,-0.01636,-0.07008,0.00978,0.08261,0.03291,-0.04519,-0.1081,0.00077,-0.01098,-0.05531,0.01577,0.09091,-0.00371,0.0773,-0.00205,0.00831,-0.01486,-0.00383,0.05165,0.114,0.03713,0.07859,0.09193,-0.04611,0.08943,-0.06498,0.02947,0.06825,0.06303,-0.11542,-0.02817,0.06961,-0.02509,0.01476,0.04618,0.05945,-0.02018,0.00838,0,-0.02293,-0.00426,-0.0162,-0.06258,-0.0427,0.02053,0.0151,-0.05881,-0.01962,0.0031,-0.05762,0.06587,0.0552,-0.01073,-0.01366,0.00012,-0.02502,0.02589,-0.06472,-0.07506,-0.04314,0.04745,-0.05544,0.03859,-0.04753,-0.02178,-0.03729,0.01719,-0.03212,0.01168,-0.03648,0.0237,-0.05157,0.05674,-0.0851,0.01937,-0.07438,0.02736,-0.02934,-0.04819,0.02467,-0.07348,0.0508,-0.0318,-0.07507,0.00541,0.03298,-0.05724,-0.05525,0.04311,-0.04568,0.0304,-0.0395,0.10169,0.05736,-0.02048,-0.00992,-0.00759,0.02073,-0.0237,-0.14494,0.00506,-0.01082,0.03414],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Core mixins - flow($scoped: true) styles the root f-flow host. - canvas($scoped: true) styles .f-canvas. - flow-canvas($scoped: true) applies both. Use flow-canvas() unless you have a specific reason to split those two layers.","excerpt":"Core mixins - flow($scoped: true) styles the root f-flow host. - canvas($scoped: true) styles .f-canvas. - flow-canvas($scoped: true) applies both. Use flow-canvas() unless you have a specific reason to split those two layers."},{"chunkId":"/docs/styling-mixins-and-scoping#5","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.03284,0.05721,-0.01309,0.0913,0.09845,0.05152,0.07685,-0.05026,0.06829,-0.00569,-0.0223,-0.01805,-0.04083,-0.03127,0.03198,-0.03211,-0.05721,0.04056,-0.0506,0.00399,-0.00671,-0.05712,-0.02005,0.00671,-0.077,0.04488,-0.05228,0.00329,0.08873,-0.05809,0.04027,0.16602,-0.05509,0.04479,-0.10785,0.08304,0.08379,0.01489,-0.0839,-0.01438,0.05359,0.06302,0.01682,-0.06501,-0.05962,0.01305,-0.05514,0.03013,-0.12222,-0.00537,0.0097,-0.10927,0.00691,0.10543,-0.00049,0.0426,-0.00031,-0.01754,0.02957,-0.00782,-0.06487,-0.03078,-0.01204,0.03348,0.02729,-0.01043,-0.06024,0.01005,-0.05049,0.05207,0.04212,-0.04453,-0.01189,0.02168,0.08382,0.0316,-0.00689,0.01054,-0.07893,-0.05951,0.04594,-0.00943,-0.06306,0.01562,-0.00459,0.09768,-0.04353,-0.11385,-0.04087,0.02445,-0.03825,0.10562,-0.0253,-0.03468,0.03621,-0.04458,-0.05337,-0.03663,-0.05534,0.05386,-0.0293,-0.01599,0.05748,-0.01486,-0.03584,-0.03011,-0.04925,-0.02257,-0.08094,-0.02169,-0.02606,0.03653,-0.02138,-0.06075,-0.02736,-0.03164,0.04188,-0.06534,0.03342,0.05291,0.07675,0.04339,-0.03521,0.03372,0.06122,0.01954,-0.05563,0,-0.0093,-0.03139,-0.05479,0.04062,0.06022,-0.01179,0.04351,-0.04015,-0.07032,0.06722,-0.02644,0.06281,-0.04301,0.01753,-0.0048,-0.09148,0.02306,0.02069,-0.01076,-0.03621,-0.00425,-0.01793,-0.06861,-0.00691,0.03112,-0.00398,-0.03159,0.04603,-0.01785,-0.00041,0.02996,0.00911,-0.01106,0.00235,-0.06087,0.05163,-0.00195,-0.03353,0.01399,-0.00008,0.0096,-0.00301,-0.00277,0.02245,0.00294,-0.00816,-0.04282,-0.01886,0.02231,0.0291,0.01984,0.04468,0.0987,0.0166,0.08295,-0.02124,0.0089,0.05063,0.01291,0.02338,0.05293,0.03917,-0.10125,-0.03805,0.10855,0.03606,0.01685,0.03982,0.01041,-0.0876,-0.05622,0.16178,0.04329,0.07724,0.05295,-0.04963,-0.02658,-0.03547,0.07849,0.03038,-0.03481,0.04334,-0.02341,0.02415,0.00559,-0.00809,0.01422,0.017,-0.07394,-0.02186,0.03762,-0.0418,0.06998,-0.0437,-0.02386,0,-0.02067,0.07945,-0.00897,0.1436,0.03525,-0.03606,0.0581,0.02436,0.0591,-0.00508,0.0324,0.05301,-0.04585,-0.04171,0.05259,0.0099,-0.14147,-0.10632,0.08638,-0.04642,0.02779,0.0256,0.00284,0.02934,-0.09914,-0.03886,0.01562,0.02007,0.06859,0.0367,0.02126,-0.07242,-0.07727,0.04499,-0.02357,-0.07554,-0.11106,0.13865,0.0303,-0.00434,-0.04763,0.00521,-0.05815,0.04392,-0.01613,0.05344,0.02849,0.00173,-0.05098,-0.00528,-0.05254,0.02365,-0.06936,-0.00985,0.04403,0.00914,0.08775,-0.03498,-0.0771,0.0125,0.07586,-0.00767,-0.04528,-0.1368,0.00314,-0.02157,-0.04409,-0.0124,0.07095,0.05896,0.0185,-0.01714,-0.01358,-0.03851,-0.00348,0.01064,0.10016,0.01285,0.05535,0.09723,-0.0873,0.0464,-0.0607,0.03533,0.01958,0.06145,-0.09042,0.04836,0.06549,0.03471,-0.02494,0.00753,0.06838,0.00802,-0.02601,0,-0.04164,-0.00935,-0.00968,-0.03993,-0.00869,0.00826,0.04424,-0.06051,-0.01154,0.00422,-0.04567,0.06903,0.03161,-0.02426,0.01356,0.01139,-0.05885,-0.00391,-0.06469,-0.06851,-0.00564,0.04252,-0.05087,0.03306,-0.02384,-0.04461,-0.08687,0.00802,-0.02486,-0.01991,-0.02916,0.03828,-0.03828,0.06555,-0.06512,0.03345,-0.10292,0.05329,0.03659,-0.01763,0.03877,-0.04472,0.00567,-0.00173,-0.06916,0.02677,0.01121,-0.04806,-0.04187,0.03622,0.00034,0.01503,-0.08989,0.13957,0.04603,0.01791,-0.02539,0.0162,0.06619,-0.04494,-0.09079,-0.01311,-0.06174,0.04014],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Node and group mixins - node($scoped: true, $selectorless: false) - group($scoped: true, $selectorless: false) - grouping($scoped: true) - drag-handle($scoped: true) - resize-handle($scoped: true) - rotate-handle($scoped: true) - node-group($scoped: true) Notes: - node-group() includes node, group, drag-handle, resize-handle, and rotate-handle. - grouping() is separate on purpose. It styles the drop-target states used while dragging into nodes/groups: - .f-grouping-drop-active - .f-grouping-over-boundary - grouping() only becomes visible while the flow host is in .f-dragging.","excerpt":"Node and group mixins - node($scoped: true, $selectorless: false) - group($scoped: true, $selectorless: false) - grouping($scoped: true) - drag-handle($scoped: true) - resize-handle($scoped: true) - rotate-handle($scoped: true) - node-group($scoped: true) Notes: - node-group() includes node, group, drag-handle, resize-handle, and rotate-handle. - grouping() is separate on purpose. It styles the drop-target states used while dragging into nodes/groups: - .f-grouping-drop-active - .f-grouping-over-boundary - grouping() only becomes visible while the flow host is in .f-dragging."},{"chunkId":"/docs/styling-mixins-and-scoping#6","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.01648,0.0316,-0.02286,0.05711,0.01684,0.01731,0.06942,-0.05278,0.03583,-0.02143,-0.01811,-0.01572,-0.03836,-0.02416,0.06626,-0.01402,0.01324,-0.00534,0.01269,0.04222,-0.05402,-0.01407,-0.02795,-0.00465,-0.05029,0.01953,0.00276,0.01521,0.08301,-0.03511,0.04758,0.13696,-0.07546,0.02015,-0.06995,0.02351,0.11016,0.00971,-0.07951,-0.02416,0.05677,0.00541,-0.01811,-0.04223,-0.04288,-0.00631,-0.03057,-0.01415,-0.119,-0.04154,-0.0358,-0.12557,-0.01393,0.09606,0.03729,0.0557,-0.03646,0.02913,0.04569,0.05431,-0.08417,-0.00752,-0.02161,0.05109,0.06122,-0.04551,-0.08089,0.03358,-0.06315,0.02359,-0.02036,-0.04223,0.00093,-0.03154,0.06602,0.0524,0.02154,-0.04227,-0.06998,-0.08298,0.00871,0.02073,-0.04747,0.01976,0.03466,0.09879,-0.02571,-0.11322,-0.06823,0.00767,-0.00792,0.05693,-0.00805,-0.02677,0.02898,-0.01233,-0.04292,-0.0461,-0.0495,0.04164,-0.07022,-0.02371,0.06512,0.00879,-0.01838,-0.02767,-0.05536,0.03986,-0.05306,-0.05301,0.00086,-0.00805,-0.00469,-0.10867,-0.01809,0.00229,0.0307,-0.05078,0.10707,0.045,0.01733,0.00576,-0.00197,0.03048,0.02148,-0.02838,-0.00951,0,0.01263,-0.00134,-0.05542,0.04064,0.03955,0.03896,0.02499,-0.04807,-0.0295,0.10228,0.01912,0.068,-0.05907,0.05761,0.04173,-0.04308,-0.01361,0.0232,-0.00351,0.00422,-0.0021,-0.04032,-0.04565,0.01413,0.05355,0.04322,-0.01242,0.04033,-0.06251,0.00858,0.03227,-0.00519,0.05031,0.01609,-0.067,0.00694,-0.04088,-0.06256,-0.0413,0.02045,0.0214,-0.01545,-0.01178,0.04965,-0.00036,-0.00725,-0.06548,0.01045,0.06864,0.02098,0.02423,0.07667,0.10217,0.02876,0.06089,-0.01645,-0.0186,0.04038,0.02189,-0.01186,0.04142,0.02547,-0.10423,-0.05086,0.06086,0.07604,-0.00597,-0.01317,-0.01002,-0.10458,-0.07451,0.17519,0.01715,0.07644,0.03105,-0.06031,-0.03226,-0.01005,0.14706,-0.0182,-0.04752,0.05961,-0.04564,0.06172,0.05038,0.01242,-0.00351,0.00561,-0.06364,-0.00486,0.02211,-0.00887,0.02818,-0.07492,-0.00402,0,-0.01468,0.03617,-0.04365,0.1435,0.00627,-0.0408,0.06653,0.0107,0.08014,0.00723,0.10239,0.07229,-0.01953,-0.06093,0.02347,0.03883,-0.14697,-0.09494,0.07102,-0.03155,-0.01094,0.016,0.06033,-0.05301,-0.07525,-0.00673,0.01599,0.01884,0.02833,0.04543,0.01485,-0.01651,-0.09561,0.02157,-0.06795,-0.03091,-0.09963,0.08366,0.03118,-0.05442,0.00677,-0.00128,-0.04582,0.09518,-0.06303,0.01887,-0.05544,-0.04368,0.00041,-0.04517,-0.04003,0.02864,-0.0587,-0.01499,-0.01862,-0.00397,0.08327,-0.02523,-0.05532,0.02288,0.0897,0.00091,0.00796,-0.08691,0.0336,-0.01166,-0.03893,-0.00668,0.08704,0.00235,0.10207,-0.0055,-0.02278,-0.03308,-0.01921,0.05331,0.10249,0.02713,0.08026,0.1194,-0.05566,0.07892,-0.06885,0.01289,0.08372,0.03718,-0.09526,0.03432,0.05158,0.01016,-0.00992,0.06891,0.07949,-0.00249,-0.01532,0,-0.02196,-0.01816,-0.03104,-0.04382,-0.02644,0.00848,0.00248,-0.09804,-0.03872,0.01941,-0.03914,0.04958,0.00242,0.01117,0.02252,0.01939,-0.0535,-0.01137,-0.09564,-0.07475,-0.05003,0.07417,-0.03996,0.02814,-0.01216,-0.01389,-0.04327,0.02792,-0.0127,-0.00053,-0.0046,0.02791,-0.0327,0.05119,-0.08149,0.06532,-0.07693,0.03652,-0.04579,-0.05302,0.01224,-0.14718,0.00825,-0.02779,-0.04765,0.03323,0.01437,-0.04151,-0.07065,0.06908,-0.04641,0.01768,-0.06327,0.07499,0.02829,-0.01029,0.03025,0.03978,0.04255,-0.01934,-0.10863,0.015,-0.01498,0.03414],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Connector mixins - connector-sockets($scoped: true, $selectorless: false) - connector-outlet($scoped: true) - connector($scoped: true) connector() includes both socket and outlet styling.","excerpt":"Connector mixins - connector-sockets($scoped: true, $selectorless: false) - connector-outlet($scoped: true) - connector($scoped: true) connector() includes both socket and outlet styling."},{"chunkId":"/docs/styling-mixins-and-scoping#7","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.03826,0.03336,-0.05497,0.08219,0.0416,0.04564,0.09919,-0.06264,0.06987,-0.00941,0.01285,0.01001,-0.04892,-0.03907,0.06258,-0.00081,-0.00005,-0.05037,-0.02297,0.02681,-0.03593,-0.04675,-0.02016,-0.02459,-0.04633,0.01413,-0.01982,0.03286,0.09336,-0.02503,0.02648,0.11141,-0.1108,-0.01236,-0.10959,0.04195,0.13698,0.00247,-0.09467,-0.02329,0.05252,-0.01425,-0.00381,-0.02685,-0.05381,-0.01676,-0.04985,0.00093,-0.10362,-0.01577,-0.03287,-0.10901,-0.00923,0.0879,0.02306,0.06217,-0.03182,0.04673,-0.00729,0.05355,-0.08634,-0.01335,-0.03531,0.02899,0.01828,-0.01933,-0.08926,0.02156,-0.04107,0.0456,-0.01668,-0.04065,-0.02231,-0.02866,0.07129,0.00426,0.00003,-0.00664,-0.06948,-0.08622,0.05334,0.03632,-0.0416,0.01308,0.02682,0.0975,-0.01397,-0.11004,-0.06236,0.0284,0.00128,0.05993,-0.03803,-0.02019,0.02862,-0.02982,-0.03742,-0.01269,-0.06358,0.06466,-0.05731,-0.02109,0.05642,0.03727,-0.03351,0.00706,-0.03353,0.01626,-0.05653,-0.02093,-0.0362,0.00283,-0.0355,-0.0834,-0.00711,0.01032,0.01382,-0.03557,0.08956,0.04335,0.03018,0.0365,-0.02847,0.00658,0.04267,-0.03383,-0.01889,0,0.03582,-0.00754,-0.06122,0.04495,0.04258,0.03062,0.01723,-0.07727,-0.05775,0.10786,-0.01047,0.06612,-0.07914,0.05688,0.03188,-0.04807,0.04638,0.01251,0.02918,-0.01421,0.00954,-0.07029,-0.0384,0.00466,0.08793,0.03522,0.00401,0.0602,-0.02313,0.00051,0.04645,0.0142,0.04188,-0.02214,-0.05902,0.03364,-0.05325,-0.05621,-0.00554,0.00649,0.03427,-0.04304,-0.03022,0.03359,-0.01989,0.01889,-0.0557,0.002,0.0179,0.00438,-0.02194,0.04806,0.06424,0.02163,0.04831,-0.04096,-0.03972,0.04943,-0.01509,0.00432,0.03751,0.01859,-0.07612,-0.04201,0.08534,0.08074,-0.02428,0.01702,-0.00927,-0.09243,-0.1149,0.17106,0.03759,0.06656,0.07375,-0.07537,-0.06002,-0.06126,0.14752,0.03831,-0.01398,0.0343,-0.03252,0.07002,0.01463,-0.00414,-0.00179,-0.0115,-0.03771,-0.00043,0.02469,-0.01158,0.06528,-0.07517,-0.04365,0,0.0064,0.03201,-0.014,0.11206,0.01297,-0.00599,0.09402,0.0408,0.06151,-0.01242,0.11602,0.06961,-0.0248,-0.07036,0.02934,0.05597,-0.133,-0.10736,0.08636,-0.06916,-0.005,0.02711,0.03332,-0.03516,-0.07331,-0.06128,0.03098,-0.00861,0.03005,0.0411,0.02919,-0.03245,-0.08352,0.04373,-0.02908,-0.01771,-0.05668,0.07037,0.01508,-0.03093,-0.01647,0.00525,-0.03523,0.05218,-0.00747,0.0599,-0.07236,-0.03911,-0.0703,-0.03148,-0.02015,0.02517,-0.08612,-0.03925,0.01029,0.02398,0.05167,-0.03358,-0.05921,-0.00236,0.0954,-0.02072,-0.03193,-0.05974,0.00948,-0.03132,-0.03208,0.02456,0.12879,0.01767,0.05784,-0.01556,0.00035,-0.04467,0.02218,0.03483,0.1084,0.00834,0.06293,0.14198,-0.04872,0.06961,-0.03807,0.00513,0.05723,0.06509,-0.08347,0.03572,0.06466,-0.00622,-0.03611,0.04163,0.04239,0.02962,-0.01431,0,-0.02596,-0.04185,-0.02634,-0.08846,-0.01625,0.02116,0.02624,-0.05839,-0.05312,0.02068,-0.04787,0.05194,-0.04009,0.00622,-0.0069,0.01889,-0.02948,0.02401,-0.04774,-0.08431,-0.03231,0.07047,-0.028,0.06341,0.00598,-0.02245,-0.06434,0.03241,-0.01922,0.02059,-0.00268,-0.00953,-0.02099,0.0274,-0.07184,0.05107,-0.11239,0.02233,-0.00944,0.00864,0.07502,-0.09708,0.03801,0.00225,-0.00792,0.04029,0.02118,-0.03065,-0.07407,0.00624,-0.03736,0.02453,-0.06109,0.05866,0.03355,0.00166,0.01984,0.0438,0.0559,-0.03634,-0.1381,-0.00211,-0.03045,0.03285],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Connection mixins - connection($scoped: true) - connection-markers($scoped: true) - connection-waypoints($scoped: true) - connection-drag-handles($scoped: true) - connection-drag-handles-visible($scoped: true) - connection-all($scoped: true) Notes: - connection() also styles .f-connection-content, because connection labels/widgets are regular HTML attached to an edge. - connection-all() includes connection-drag-handles(), not connection-drag-handles-visible(). - connection-drag-handles-visible() is an opt-in UX layer for editors where drag handles should always be visible rather than only styled when rendered by interaction state.","excerpt":"Connection mixins - connection($scoped: true) - connection-markers($scoped: true) - connection-waypoints($scoped: true) - connection-drag-handles($scoped: true) - connection-drag-handles-visible($scoped: true) - connection-all($scoped: true) Notes: - connection() also styles .f-connection-content, because connection labels/widgets are regular HTML attached to an edge. - connection-all() includes connection-drag-handles(), not connection-drag-handles-visible(). - connection-drag-handles-visible() is an opt-in UX layer for editors where drag handles should always be visible rather than only styled when rendered by interaction state."},{"chunkId":"/docs/styling-mixins-and-scoping#8","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.04588,0.02862,0.00246,0.05319,0.05822,0.01991,0.07423,-0.03975,0.05752,-0.03613,-0.05377,-0.04441,-0.07004,-0.0466,0.10001,0.00514,0.04998,-0.00356,-0.03642,0.03888,-0.01909,0.01239,0.0052,-0.00651,-0.07267,0.05662,-0.00811,-0.00397,0.09578,-0.03912,0.056,0.13654,-0.03503,0.02957,-0.072,0.04293,0.09168,0.03105,-0.09688,-0.03283,0.03348,0.06297,-0.01215,-0.07469,-0.0624,-0.03501,-0.00433,-0.02555,-0.11278,-0.01675,-0.02854,-0.11918,-0.01379,0.08022,-0.0035,0.05977,0.01594,-0.00284,0.0338,0.04801,-0.09322,-0.00385,-0.00879,0.04148,0.04763,-0.02325,-0.07739,0.05202,-0.06941,0.00727,0.03025,-0.04154,0.0295,-0.01045,0.09053,0.03915,0.00996,-0.07252,-0.07176,-0.10318,0.02229,0.02751,-0.01705,-0.02996,0.01932,0.07612,-0.02123,-0.1037,-0.0115,0.05302,-0.01442,0.0225,-0.02957,-0.02104,0.07502,-0.02628,-0.05165,-0.06801,-0.04671,0.0462,-0.06216,-0.00557,0.07846,0.04497,0.00005,-0.0273,-0.00752,0.02836,-0.05676,-0.05624,0.01098,-0.02724,-0.01677,-0.11758,-0.02704,-0.02962,0.0421,-0.07815,0.06696,0.03183,0.006,0.01584,-0.01495,0.0164,0.04027,-0.02149,-0.0085,0,0.00089,-0.04118,-0.04583,0.02978,0.07435,0.02286,0.0417,-0.06676,-0.02801,0.08739,0.04302,0.08184,-0.05557,0.07345,0.00672,-0.03443,-0.02228,0.04811,0.00145,0.0152,0.03392,-0.03642,-0.0715,-0.02718,0.00576,0.05463,0.01995,0.05207,-0.03925,0.0019,0.05362,0.00049,0.05548,0.01595,-0.05333,0.05127,-0.05379,-0.01916,-0.00254,-0.02506,0.01542,-0.00732,-0.02867,0.03516,-0.02587,-0.03857,-0.05408,0.0232,0.04072,0.00427,0.02526,0.07941,0.05466,0.0264,0.0551,-0.02154,-0.02031,0.03212,0.0308,-0.01331,0.06552,0.063,-0.06791,-0.04297,0.06165,0.05719,0.02273,-0.01891,-0.00142,-0.10589,-0.05032,0.15878,0.02686,0.0688,0.08788,-0.06912,-0.02614,-0.01589,0.12007,0.00414,-0.03492,0.03685,-0.03238,0.09582,-0.00651,0.01576,-0.03343,0.01552,-0.05091,0.01606,0.0429,-0.04014,0.0345,-0.07031,-0.01948,0,0.00508,0.04637,-0.03785,0.1245,0.02519,-0.02797,0.0398,0.04584,0.07713,0.03649,0.0532,0.0758,-0.02406,-0.07815,0.04298,0.038,-0.13445,-0.07336,0.08864,-0.09102,-0.00324,0.03308,0.02039,-0.02045,-0.09072,-0.02013,-0.00329,0.02499,0.03171,0.01022,0.01692,0.00549,-0.07888,0.02348,-0.05245,-0.03903,-0.11385,0.05473,-0.00333,-0.01181,-0.02401,-0.00165,-0.06889,0.08456,-0.07261,0.02703,-0.05651,-0.03488,0.01982,-0.03089,-0.02599,0.01292,-0.0749,-0.02571,0.00123,0.0315,0.0389,-0.01488,-0.08266,0.03043,0.06095,0.00695,0.00867,-0.09686,0.00757,-0.00106,-0.02446,0.02055,0.1042,0.00729,0.11402,-0.01689,-0.03113,-0.03478,0.00986,0.05595,0.15786,0.01689,0.06652,0.109,-0.05176,0.05659,-0.06271,0.04392,0.05968,0.00532,-0.08752,0.02188,0.02349,0.00296,-0.04016,0.01765,0.05434,0.02009,-0.00768,0,-0.0375,-0.02662,-0.00254,-0.01508,-0.0807,0.01238,-0.0053,-0.05994,-0.05258,0.03028,-0.04552,0.05301,0.03527,-0.02466,-0.01231,-0.00952,-0.04824,-0.01319,-0.0921,-0.07137,-0.03199,0.08258,-0.01999,0.01025,-0.02992,0.02325,-0.04049,0.01719,0.00059,0.0034,0.02348,0.03764,-0.05638,0.02104,-0.08709,0.02863,-0.05948,0.02955,-0.02781,-0.04779,-0.00276,-0.14495,0.00478,-0.03577,-0.06577,0.00527,-0.04499,-0.04136,-0.06458,0.05829,-0.04977,0.04825,-0.08668,0.1033,0.05893,-0.02408,0.00184,0.00618,0.03646,0.00019,-0.08882,-0.01346,-0.02927,0.06711],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. External item mixins - external-item($scoped: true) - external-item-preview($scoped: true) - external-item-placeholder($scoped: true) - external-item-all($scoped: true) These classes are usually rendered outside the flow host, so in practice they behave like global utility styling.","excerpt":"External item mixins - external-item($scoped: true) - external-item-preview($scoped: true) - external-item-placeholder($scoped: true) - external-item-all($scoped: true) These classes are usually rendered outside the flow host, so in practice they behave like global utility styling."},{"chunkId":"/docs/styling-mixins-and-scoping#9","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.05291,0.03173,-0.00589,0.04351,0.03962,0.04291,0.0547,-0.02803,0.01231,-0.02795,-0.05512,-0.04187,-0.05523,-0.03412,0.06876,0.00266,0.00732,0.01682,0.01766,0.03486,-0.05858,-0.0012,0.00248,-0.00399,-0.06271,0.05252,0.0071,0.0248,0.07916,-0.05541,0.05303,0.15744,-0.0453,0.02414,-0.10686,0.04708,0.0813,0.00724,-0.08329,-0.03077,0.01132,0.04111,-0.01657,-0.05355,-0.04328,-0.02009,-0.00684,-0.01601,-0.09935,-0.02327,-0.01671,-0.12131,-0.01466,0.08502,0.02326,0.0477,-0.00281,-0.0176,0.0552,0.03283,-0.09453,-0.01096,-0.03271,0.03959,0.06874,-0.02636,-0.0898,0.02972,-0.03071,0.00262,-0.00251,-0.03058,-0.00647,-0.00344,0.05145,0.04987,0.01769,-0.04684,-0.07452,-0.12108,0.02364,0.01905,-0.03246,0.02686,0.01597,0.08311,-0.02321,-0.13071,-0.03123,0.0339,0.01901,0.03752,-0.03932,-0.03174,0.02741,-0.0258,-0.06947,-0.08632,-0.05725,0.04324,-0.06095,-0.04281,0.08013,-0.00156,-0.00418,-0.02256,-0.02621,0.02931,-0.06956,-0.0532,0.00286,-0.00841,0.00561,-0.11104,0.01213,-0.0038,0.04919,-0.06002,0.08024,0.04892,0.02325,0.03454,-0.02451,0.00558,0.019,-0.01921,-0.02418,0,0.03494,-0.0043,-0.03013,0.07799,0.04927,0.02678,0.02972,-0.08646,-0.03833,0.09305,0.0075,0.05637,-0.08008,0.05903,0.02532,-0.08124,-0.00246,0.00203,-0.0311,-0.00291,-0.00838,-0.00828,-0.03508,-0.01827,0.0347,0.03702,0.03072,0.04602,-0.05271,0.00265,0.04904,-0.00258,0.04044,0.02504,-0.0768,0.04284,-0.04357,-0.05304,-0.01089,0.00637,0.02373,-0.00259,-0.02902,0.03531,0.00397,0.00825,-0.03346,0.01799,0.07901,0.03821,0.03542,0.06551,0.06499,0.03156,0.07525,-0.01999,-0.00585,0.01756,0.04021,0.01072,0.07012,0.04136,-0.10404,-0.02824,0.0557,0.07127,0.00884,-0.00344,-0.00182,-0.11083,-0.05202,0.16715,0.05837,0.0665,0.06774,-0.06558,-0.01406,-0.01291,0.11125,-0.00444,-0.06507,0.07113,-0.07028,0.05712,0.0297,0.02759,-0.00247,0.03509,-0.0506,0.0103,0.0238,-0.02549,0.0304,-0.05138,-0.04554,0,-0.04007,0.02491,-0.01482,0.14092,0.01861,-0.04429,0.05454,0.04586,0.07373,0.04096,0.08003,0.07904,-0.00928,-0.09239,0.06031,0.04513,-0.14545,-0.07731,0.07876,-0.05682,-0.00117,0.01623,0.0111,-0.0243,-0.0694,-0.00018,-0.01392,0.03725,0.06022,0.01981,0.01292,-0.02966,-0.11641,0.02653,-0.04225,-0.05751,-0.08535,0.10398,-0.01031,-0.04398,-0.03163,0.00719,-0.03742,0.06857,-0.05303,0.01272,-0.05389,-0.03456,-0.00471,-0.04276,-0.04046,0.00018,-0.05402,-0.03719,-0.01109,0.01674,0.05042,-0.0085,-0.02543,0.04172,0.05775,-0.02159,-0.01945,-0.11242,0.01827,0.01517,-0.02319,0.01686,0.08912,0.01707,0.1024,0.00117,-0.01174,-0.04374,0.01671,0.048,0.11063,0.02583,0.06128,0.09765,-0.03794,0.06211,-0.06525,0.02744,0.06691,0.05542,-0.08598,0.0091,0.05378,-0.00238,-0.01876,0.06808,0.08551,0.01236,-0.00589,0,-0.01628,-0.01635,-0.00808,-0.04503,-0.03494,0.01221,0.01996,-0.07898,-0.04758,-0.00579,-0.05416,0.09801,0.03318,0.01161,0.00132,0.00333,-0.08066,0.00593,-0.07507,-0.07692,-0.01947,0.08223,-0.02886,0.03212,-0.02789,0.01865,-0.02927,0.02136,-0.0077,0.00133,0.00752,0.03402,-0.03031,0.04397,-0.0891,0.03952,-0.05617,0.01378,-0.06165,-0.04764,-0.0021,-0.14033,0.04566,-0.04401,-0.08135,-0.00021,-0.01379,-0.04535,-0.05424,0.04061,-0.04227,0.02777,-0.07107,0.10055,0.05312,-0.02107,-0.00374,0.00136,0.03263,-0.01245,-0.11546,0.01067,-0.03554,0.0553],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Plugin mixins - background($scoped: true) - selection-area($scoped: true) - minimap($scoped: true) - magnetic-lines($scoped: true) - magnetic-rects($scoped: true) - plugins($scoped: true) plugins() includes all shipped plugin styling layers.","excerpt":"Plugin mixins - background($scoped: true) - selection-area($scoped: true) - minimap($scoped: true) - magnetic-lines($scoped: true) - magnetic-rects($scoped: true) - plugins($scoped: true) plugins() includes all shipped plugin styling layers."},{"chunkId":"/docs/styling-mixins-and-scoping#10","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.03735,0.05437,0.02939,0.06208,0.07149,0.02403,0.0511,-0.05684,0.07517,-0.02436,-0.06355,-0.04009,-0.05988,-0.03177,0.05486,-0.01036,0.00242,0.02125,-0.01502,0.02962,-0.01399,0.00203,0.00082,-0.01067,-0.05624,0.05432,-0.01904,-0.02026,0.10171,-0.02056,0.07144,0.16011,-0.06089,0.04067,-0.1051,0.04489,0.09177,0.03048,-0.07134,-0.00866,0.02622,0.07083,-0.01679,-0.06455,-0.04004,-0.03507,-0.03317,-0.00268,-0.11854,-0.01457,-0.0304,-0.08902,-0.00758,0.0713,-0.00941,0.02392,0.01688,-0.0024,0.05836,0.06521,-0.10542,-0.01294,-0.03474,0.03895,0.0674,-0.01522,-0.07354,0.04339,-0.04178,0.02921,0.01216,-0.02675,0.02645,-0.01324,0.07239,0.01646,-0.03796,-0.0396,-0.0621,-0.11137,0.02704,-0.0089,-0.02928,-0.0276,0.04692,0.07944,-0.02505,-0.1254,-0.00664,0.0699,-0.0045,0.02474,0.02145,-0.02003,0.03239,-0.01326,-0.03996,-0.05767,-0.0267,0.03646,-0.09032,-0.02167,0.05818,0.02572,0.00162,-0.02971,-0.047,0.02839,-0.05156,-0.05915,0.02343,-0.01527,-0.00796,-0.09307,0.0067,-0.00753,0.06724,-0.06168,0.07965,0.06367,0.01698,0.00201,-0.03468,0.02277,0.04603,-0.02174,-0.04708,0,0.03915,-0.00892,-0.05601,0.0699,0.02939,0.02499,0.02704,-0.07945,-0.02488,0.08778,0.03615,0.04694,-0.07906,0.03373,0.03013,-0.04859,-0.02663,0.0063,-0.02641,0.00596,0.0236,-0.02765,-0.04946,-0.02984,0.00587,0.0292,-0.02883,0.03166,-0.04527,0.00594,0.04795,-0.01046,0.04792,0.03405,-0.05036,0.0415,-0.02254,-0.03781,0.01648,-0.00009,-0.01011,-0.00372,0.0065,0.02064,-0.00797,-0.00793,-0.08106,0.03547,0.05025,0.01401,0.04667,0.09433,0.10767,0.01529,0.08552,0.0074,-0.02083,0.0094,0.06024,0.02173,0.04553,0.04733,-0.11482,-0.02737,0.04334,0.06534,0.02607,-0.00814,-0.02494,-0.12867,-0.06402,0.13145,0.02265,0.05847,0.07366,-0.05659,-0.0234,0.00205,0.11989,-0.02549,-0.04343,0.04036,-0.05977,0.0793,0.03244,0.02657,-0.03442,0.0038,-0.05883,0.00303,0.05756,-0.03498,0.05402,-0.06967,0.01308,0,-0.00663,0.03153,-0.02809,0.14753,-0.00023,-0.03926,0.03649,0.03434,0.07648,0.00115,0.05991,0.08313,-0.0416,-0.06091,0.01252,0.04027,-0.09072,-0.08047,0.07662,-0.07734,-0.01124,-0.00077,0.00762,-0.03205,-0.04751,-0.02004,0.00255,0.0427,0.05625,0.00997,-0.00105,-0.02628,-0.08688,-0.00245,-0.02502,-0.05574,-0.1241,0.06557,0.00427,-0.00237,-0.0392,0.00356,-0.02627,0.08562,-0.04966,0.06391,-0.01578,0.00834,0.00942,-0.03611,-0.04925,-0.00143,-0.06228,-0.04636,-0.01368,0.01155,0.08381,-0.02132,-0.05726,0.01968,0.06588,0.01863,-0.0179,-0.11985,-0.00286,-0.00401,-0.04886,0.01483,0.09436,0.00212,0.09773,-0.05628,-0.01873,-0.06368,-0.00601,0.04239,0.12292,-0.00643,0.07653,0.09001,-0.06733,0.08828,-0.06943,0.00457,0.07109,0.04387,-0.10235,0.00607,0.06682,-0.00564,-0.02143,0.05009,0.06223,-0.02632,-0.01715,0,-0.04181,-0.0006,-0.03047,-0.06392,-0.02172,0.01704,0.02376,-0.07601,-0.05365,-0.00999,-0.03492,0.06957,0.04141,-0.02743,0.00113,-0.011,-0.03216,0.00688,-0.10211,-0.06883,-0.02561,0.07786,-0.03662,0.03169,-0.01963,-0.00321,-0.03326,0.00321,0.01501,0.00447,0.00026,0.04983,-0.04212,0.06271,-0.0895,0.04287,-0.05349,0.00135,-0.02373,-0.0684,0.01274,-0.12404,0.02863,-0.02029,-0.09022,0.02392,0.01329,-0.03911,-0.04248,0.07758,-0.03138,0.02902,-0.07125,0.11515,0.04302,-0.03359,0.00406,0.00416,0.03572,-0.02596,-0.11171,0.00026,-0.01538,0.0523],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. How $scoped works When $scoped: true: - selectors are emitted under f-flow, .f-flow; - the theme becomes self-scoped to flow roots. When $scoped: false: - raw selectors are emitted; - the mixin is meant to be nested under your own wrapper selector. Example: That pattern is especially useful in component-local stylesheets and in pages that host multiple visually different editors.","excerpt":"How $scoped works When $scoped: true: - selectors are emitted under f-flow, .f-flow; - the theme becomes self-scoped to flow roots. When $scoped: false: - raw selectors are emitted; - the mixin is meant to be nested under your own wrapper selector. Example: That pattern is especially useful in component-local stylesheets and in pages that host multiple visually different editors."},{"chunkId":"/docs/styling-mixins-and-scoping#11","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[0.00049,0.03791,-0.01831,0.09355,0.07464,0.02895,0.09013,-0.06468,0.04797,-0.04542,-0.04574,-0.03487,-0.08412,-0.02523,0.05884,-0.02162,0.08039,-0.02816,0.0351,0.00248,-0.06012,-0.03215,0.01795,0.01123,-0.09249,0.04054,-0.0432,-0.04631,0.08935,-0.0207,0.06755,0.13745,-0.03219,0.05279,-0.0696,0.05792,0.1028,-0.01459,-0.12131,-0.05453,0.07017,0.05496,-0.02332,-0.02658,-0.03833,-0.00784,-0.02593,-0.05577,-0.11058,-0.0134,-0.00686,-0.08337,0.03464,0.04472,0.01868,0.04978,-0.00423,0.02948,0.03195,0.05736,-0.09784,-0.06372,-0.01359,0.04151,0.08876,0.01591,-0.0583,-0.01456,-0.02984,0.01299,0.00895,-0.03565,0.01146,-0.03518,0.04959,0.06357,0.02636,-0.03769,-0.06282,-0.0771,-0.00114,0.00022,-0.06266,-0.00686,0.05029,0.10663,-0.06556,-0.09794,-0.05629,0.01189,-0.07252,0.04166,0.00165,-0.0166,0.04114,-0.01802,-0.05974,-0.03183,-0.08091,0.04969,-0.05174,-0.01186,0.04356,0.02251,-0.02422,-0.00649,-0.10196,0.02564,-0.09438,-0.0521,0.01048,0.00209,0.00977,-0.02779,0.00385,-0.00991,0.06716,-0.01987,0.0879,0.04914,0.05099,0.00544,-0.00908,0.02357,-0.01106,-0.04317,0.01169,0,0.01555,-0.03088,-0.00146,0.04057,0.05325,-0.01851,0.02924,-0.04558,0.00377,0.09233,-0.00537,0.05395,-0.01693,0.03416,0.03966,-0.08487,-0.02671,0.02869,0.03835,0.01365,-0.00118,0.00537,-0.06372,-0.02844,-0.00028,0.00918,-0.0264,0.01599,-0.0271,0.00751,-0.01122,-0.02086,0.0395,0.05367,-0.0732,0.03321,-0.02919,-0.02505,-0.04813,0.02593,0.01218,0.02345,-0.00963,0.03748,-0.0169,-0.03983,-0.04891,0.02286,0.07077,0.03187,0.03353,0.0294,0.09875,-0.04966,0.08198,-0.00801,0.0186,0.06731,0.08013,-0.01052,0.02684,0.02007,-0.11459,-0.03412,0.07722,0.09995,0.00419,-0.05666,-0.06505,-0.10264,-0.03839,0.17323,-0.00338,0.05764,0.08149,-0.01792,-0.06581,-0.01613,0.03564,0.01631,-0.03847,0.05502,-0.04902,0.04211,0.05742,0.00784,-0.02951,0.01042,-0.04839,-0.00405,0.05322,-0.01843,0.04414,-0.02626,0.0137,0,-0.01975,0.02305,-0.04959,0.13956,0.01515,-0.06392,0.05369,0.00216,0.0596,0.01545,0.05933,0.05059,-0.04426,-0.05878,-0.00753,0.04214,-0.118,-0.05138,0.06245,-0.02892,0.00537,0.04841,0.04492,-0.03068,-0.04728,0.00333,0.02549,0.04967,0.03631,-0.02209,-0.01898,-0.02135,-0.09463,0.01029,-0.01837,-0.01453,-0.1186,0.13311,0.02214,-0.05292,-0.0539,0.04517,-0.08328,0.11416,-0.01864,0.03998,-0.03172,-0.03118,-0.01382,0.00227,-0.04655,0.00932,-0.06243,0.0046,0.01525,0.00921,0.08361,-0.0252,-0.05825,0.00684,0.10212,-0.01395,-0.0041,-0.12709,0.04337,-0.00455,-0.05239,0.01602,0.1112,0.01694,0.08805,0.00605,-0.0107,-0.00071,-0.00501,0.04351,0.11861,-0.00177,0.06845,0.09974,-0.09605,0.06381,-0.04965,0.00506,0.08706,0.04797,-0.08448,0.02346,0.04356,0.00685,0.01417,0.04308,0.083,0.01258,-0.01375,0,-0.02007,-0.00655,-0.06906,-0.05993,-0.06115,0.00907,0.011,-0.09731,-0.021,-0.01888,-0.03129,0.02451,0.04331,-0.00362,0.0196,0.03127,-0.01548,0.00747,-0.08544,-0.05663,-0.00169,0.02644,-0.01936,0.03558,-0.04223,-0.0344,-0.02633,0.00796,0.00392,0.01128,-0.04402,0.00945,-0.03643,0.06915,-0.07829,0.04129,-0.06725,0.02671,0.02009,-0.02285,-0.01943,-0.10328,-0.03338,-0.02927,-0.04896,0.00077,-0.005,-0.03338,-0.03499,0.07461,-0.02326,0.00862,-0.08777,0.0896,0.06479,-0.01916,0.05407,-0.00332,0.04042,-0.02039,-0.10313,0.01232,-0.01452,0.01497],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. How $selectorless works $selectorless: true is available for: - node() - group() - connector-sockets() Use it when you already own the selector and want to inject the shipped frame styles directly into it. Example: Without $selectorless: true, the mixin would emit .f-node { ... }. With $selectorless: true, it applies the node frame to .task-card itself.","excerpt":"How $selectorless works $selectorless: true is available for: - node() - group() - connector-sockets() Use it when you already own the selector and want to inject the shipped frame styles directly into it. Example: Without $selectorless: true, the mixin would emit .f-node { ... }. With $selectorless: true, it applies the node frame to .task-card itself."},{"chunkId":"/docs/styling-mixins-and-scoping#12","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.07344,0.05788,-0.00214,0.03859,0.03349,0.06249,0.02561,-0.03073,0.05248,0.01322,-0.08662,-0.00501,-0.0946,-0.01896,0.07712,-0.01312,0.00059,0.00691,0.00085,0.06186,-0.04336,0.03238,0.01194,-0.02154,-0.00474,0.07586,0.03756,-0.02721,0.11399,-0.02077,0.08478,0.1246,-0.04215,0.04467,-0.15851,0.03769,0.05859,0.01256,-0.02644,-0.01837,0.04386,0.09482,-0.04052,-0.08676,-0.06954,-0.03237,-0.02412,0.00987,-0.08654,-0.02126,-0.06092,-0.10986,-0.03424,0.0787,-0.00094,0.00775,0.00633,0.01694,0.08073,0.04063,-0.07466,-0.00579,-0.00478,0.04949,0.08924,-0.0039,-0.10765,0.02951,-0.05169,0.0326,0.00235,-0.02542,0.04985,-0.00043,0.0425,0.02597,-0.03513,-0.03459,-0.03985,-0.08004,0.03358,0.02063,0.00328,0.01237,0.04058,0.08206,-0.01426,-0.10184,-0.01923,-0.0363,0.02464,0.03421,-0.00096,-0.00504,0.02532,0.00548,-0.07,-0.0416,-0.07776,0.03433,-0.04511,-0.05957,0.08218,0.05115,-0.03657,-0.00078,-0.00996,0.032,-0.06251,-0.06048,0.02818,0.02349,-0.04167,-0.11289,-0.01193,-0.05241,0.02429,-0.05019,0.03303,0.08427,-0.00889,-0.02677,0.00587,-0.00314,0.02573,0.00193,0.00651,0,0.00169,0.01462,-0.08301,0.04172,0.05215,0.01307,0.00741,-0.09565,-0.00932,0.10319,0.05132,0.04798,-0.06277,0.05478,0.02294,-0.03637,-0.02417,0.0252,0.01641,-0.00074,0.02467,-0.01899,-0.03519,-0.0071,0.01082,0.01845,0.0099,0.01229,-0.11296,-0.00183,0.09393,0.01721,0.03604,-0.00206,-0.05135,0.05294,-0.0279,-0.0243,0.01131,-0.03091,0.01106,-0.00238,-0.04258,0.06552,-0.01485,0.01312,-0.00202,0.01462,0.06157,0.02571,0.04454,0.03392,0.07655,0.02444,0.0709,0.01175,-0.00784,0.02399,0.0896,0.00599,0.05257,0.0122,-0.07763,-0.04492,0.03425,0.04138,0.0296,-0.0128,-0.00549,-0.12146,-0.03763,0.10531,0.0527,0.0788,0.04112,-0.04572,0.00118,0.01602,0.13471,-0.00772,-0.00958,0.05292,-0.03058,0.08822,0.03404,-0.02498,-0.04091,-0.0086,-0.03938,0.03807,0.0569,-0.04444,0.01014,-0.07933,0.02274,0,0.01502,0.02419,-0.0431,0.09878,-0.00671,-0.06578,0.04341,0.05308,0.06886,0.03101,0.11971,0.07842,-0.01636,-0.06287,0.0068,0.05296,-0.09199,-0.07958,0.06937,-0.11654,-0.00846,-0.02864,0.02571,-0.04436,-0.04446,0.04107,0.00908,0.02781,0.06053,0.00198,0.00165,-0.01273,-0.07571,-0.01787,-0.06643,-0.02575,-0.09799,0.04317,-0.00092,-0.05394,-0.01173,0.02049,-0.00688,0.07778,-0.0646,0.01872,-0.00224,-0.01898,0.00733,-0.03181,-0.02231,-0.00405,-0.03756,-0.05283,-0.03319,0.01045,0.05051,-0.00697,-0.05691,0.02763,0.08803,0.0461,-0.02004,-0.10981,0.02081,0.03024,-0.06382,-0.00168,0.11524,0.01303,0.07303,-0.06546,-0.01474,-0.03947,0.01555,0.07525,0.14288,0.0068,0.04532,0.04538,-0.03613,0.04857,-0.09056,0.00587,0.06825,0.05674,-0.12611,-0.01302,0.05545,-0.00065,-0.04854,0.01005,0.09004,-0.02172,0.01724,0,-0.07452,0.02174,0.02928,-0.06998,-0.02032,0.02138,0.00164,-0.08462,-0.01976,0.01326,-0.05021,0.06514,0.00654,-0.00685,0.00283,0.01307,-0.05245,-0.02041,-0.10162,-0.08175,-0.02098,0.06673,0.00017,0.04604,-0.00049,-0.00108,-0.03238,0.00856,0.00048,0.01959,-0.01767,0.05045,-0.03841,0.01171,-0.07647,0.03222,-0.04975,-0.02062,-0.0233,-0.08778,-0.0172,-0.09885,0.05667,-0.01357,-0.11446,0.01686,-0.01616,0.0031,-0.03232,0.05578,-0.05827,0.00412,-0.11996,0.10803,0.02088,-0.0302,-0.01636,0.00904,0.03207,-0.05088,-0.10496,0.005,-0.0421,0.01902],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Angular component stylesheet pattern In Angular component styles with default view encapsulation, a practical pattern is: If you do not want ::ng-deep, move the theme to a global stylesheet or use ViewEncapsulation.None. View Encapsulation","excerpt":"Angular component stylesheet pattern In Angular component styles with default view encapsulation, a practical pattern is: If you do not want ::ng-deep, move the theme to a global stylesheet or use ViewEncapsulation.None."},{"chunkId":"/docs/styling-tokens-and-overrides#0","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.04563,0.02405,-0.02462,0.02468,0.01953,0.06103,0.03687,0.05074,0.02942,0.02325,-0.12614,-0.00576,-0.0537,-0.01024,0.09266,-0.04082,-0.00934,0.06534,0.01431,0.02254,0.02831,-0.02303,-0.00915,0.01046,-0.06795,0.05929,-0.00289,0.01288,0.03801,-0.03624,0.06052,0.12492,0.01525,0.02489,-0.05156,-0.00474,0.0383,0.01211,-0.00881,-0.0126,0.02515,-0.00484,-0.05819,-0.01793,-0.04151,-0.01668,0.01579,-0.05899,-0.10348,0.03204,0.02574,-0.1131,-0.00545,0.04215,-0.00752,0.01612,-0.0097,-0.02545,0.08437,-0.00465,-0.07202,-0.04006,0.0386,0.05323,0.05311,0.02225,-0.07494,0.05115,0.0211,0.03182,0.01549,-0.00298,0.05557,-0.01221,0.01442,0.03865,0.03315,0.05795,-0.06912,-0.0993,0.01956,-0.03353,0.02439,0.05884,0.04355,0.08548,-0.03246,-0.10022,-0.00662,0.07737,-0.02638,-0.00554,0.05215,-0.07258,-0.0379,-0.03649,-0.0985,-0.05002,-0.03773,0.04793,-0.05143,-0.06943,0.07703,0.02939,0.04445,0.01479,-0.03592,0.01231,-0.03144,-0.03875,-0.00545,-0.00414,-0.01716,-0.15089,-0.00012,0.01049,-0.01074,-0.03631,0.03771,0.07448,0.07438,-0.03042,-0.03892,-0.00651,-0.01059,0.02517,-0.03507,0,-0.05124,0.06898,-0.04159,-0.00814,0.05229,-0.05673,0.0406,-0.07852,-0.10031,0.00926,0.04473,0.0827,-0.01937,0.04773,-0.03069,-0.08854,-0.02978,-0.02942,0.03499,-0.05294,0.01501,-0.03845,-0.0243,-0.00814,0.01851,-0.02794,0.03686,0.03137,-0.03079,0.03579,0.02412,-0.01101,0.07764,0.02724,-0.02955,0.03078,0.03022,-0.02751,0.02825,-0.00891,-0.00179,-0.00639,-0.05397,0.02986,-0.0141,0.04331,0.00934,-0.05502,0.08404,-0.00592,0.03729,0.02283,0.04965,0.05246,0.07426,-0.03409,-0.03168,-0.01587,0.0334,-0.0462,0.02357,0.02891,-0.02843,-0.07116,0.05436,0.04626,0.08734,0.01128,-0.02234,-0.11296,-0.09753,0.13615,-0.00039,0.03332,-0.03011,-0.04114,0.07049,0.01627,0.04128,0.03774,-0.05388,0.01821,-0.07052,0.06036,0.06367,-0.06502,0.00481,-0.04663,-0.08086,-0.07212,0.10925,-0.11219,0.04129,-0.00715,-0.07782,0,-0.02327,0.02904,-0.06333,0.14253,-0.02214,0.01604,0.05813,0.02986,0.02041,0.03041,0.05309,0.07171,-0.05227,-0.08462,-0.00766,-0.01094,-0.06115,-0.01242,0.05624,-0.10128,-0.02832,-0.00912,-0.0281,-0.01146,-0.03583,0.06854,-0.03791,0.0455,0.01093,0.00152,0.00624,-0.03627,-0.04595,-0.03605,0.00391,-0.05997,-0.08947,0.08951,-0.00097,-0.00943,0.02847,-0.00454,0.03403,0.06095,-0.03092,0.05843,-0.06701,-0.03793,-0.00918,-0.0251,0.00965,0.0013,-0.07343,0.00221,-0.03955,-0.0229,0.04128,0.05251,-0.08318,0.07221,0.10484,-0.01801,0.00091,-0.03794,0.04471,-0.0451,-0.05686,0.02295,0.01695,0.00767,0.07351,-0.02841,-0.10672,0.03568,0.03905,-0.00099,0.08798,0.00292,-0.01144,0.12367,-0.04715,0.07335,-0.02085,0.10923,0.05591,0.03639,-0.09924,0.04078,0.07506,-0.02575,-0.07334,0.07709,0.0763,0.00455,-0.02898,0,-0.0623,-0.07932,0.04748,-0.00011,-0.0323,0.03998,-0.05169,-0.07059,-0.04028,-0.05652,-0.04506,0.07226,-0.00147,-0.03908,-0.0387,0.02427,-0.05524,0.046,-0.0614,-0.07726,-0.0603,0.09245,-0.00982,0.01248,0.0109,0.01077,0.00622,0.00909,0.04001,0.02226,0.01956,0.01883,0.03364,0.02301,-0.06892,-0.03289,-0.10734,0.02357,-0.02709,0.06579,0.02103,-0.05161,-0.01482,0.0085,-0.09507,0.05931,0.01415,-0.00828,-0.07837,-0.02827,-0.02359,0.08669,-0.11659,0.14853,-0.01801,0.00123,-0.01919,0.06728,0.04311,-0.03459,-0.07694,-0.02197,-0.01744,0.0495],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Styling Tokens and Overrides Foblex Flow styling is token-driven. The shipped SCSS creates three token layers, but for application-level customization you should usually touch only the final one: --ff- alias tokens.","excerpt":"Styling Tokens and Overrides Foblex Flow styling is token-driven. The shipped SCSS creates three token layers, but for application-level customization you should usually touch only the final one: --ff- alias tokens."},{"chunkId":"/docs/styling-tokens-and-overrides#1","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.04531,0.04828,-0.02818,0.04804,0.0078,0.06755,0.02342,0.03972,0.02233,0.01894,-0.11627,-0.02085,-0.05734,-0.00847,0.09125,-0.03545,0.00349,0.08766,0.01773,0.03818,0.02419,-0.0393,-0.00667,-0.00012,-0.05858,0.04831,-0.02453,-0.0077,0.01755,-0.04477,0.07014,0.107,0.01172,0.03902,-0.03785,-0.00037,0.03457,0.009,-0.01768,-0.01154,0.02198,0.01176,-0.04728,-0.02624,-0.05366,-0.00055,0.03498,-0.04687,-0.11155,0.02192,0.0322,-0.10286,-0.00402,0.03852,-0.01531,0.02434,-0.00727,-0.01867,0.09094,0.00651,-0.04845,-0.0284,0.02347,0.04483,0.03967,0.04453,-0.07652,0.07811,0.00951,0.05808,0.02053,-0.00361,0.05832,-0.01234,0.03634,0.04378,0.01743,0.03768,-0.07155,-0.11338,0.0257,-0.0481,0.01238,0.06023,0.06854,0.07275,-0.03063,-0.08432,0.00545,0.07467,-0.03204,-0.00481,0.05308,-0.05998,-0.02945,-0.03876,-0.08444,-0.07024,-0.04981,0.07188,-0.05149,-0.06829,0.08611,0.04313,0.04793,0.02078,-0.0193,0.01397,-0.04065,-0.04135,0.00952,-0.0039,-0.00768,-0.14616,0.02099,0.00222,0.00712,-0.02882,0.02702,0.0628,0.06816,-0.02054,-0.05188,0.02559,-0.01504,0.03188,-0.03317,0,-0.03372,0.0762,-0.0471,-0.00127,0.05177,-0.05387,0.05775,-0.07614,-0.09209,0.01069,0.04834,0.08143,-0.03556,0.04047,-0.03393,-0.083,-0.02122,-0.00649,0.05805,-0.06657,0.0018,-0.04477,-0.01837,-0.03309,0.01419,-0.02076,0.03565,0.0235,-0.02124,0.02942,0.01077,-0.00374,0.09859,0.05053,-0.03377,0.03023,0.01921,-0.03039,0.02111,-0.01412,-0.00457,0.01117,-0.06752,0.03251,-0.00618,0.04385,0.00056,-0.03303,0.07097,-0.01284,0.03623,0.02254,0.01566,0.03174,0.06744,-0.03362,-0.04563,0.0062,0.0431,-0.04155,0.04867,0.03349,-0.02737,-0.0622,0.05288,0.04732,0.08585,0.00488,-0.03141,-0.13349,-0.1066,0.12496,0.02046,0.0316,-0.03275,-0.01826,0.05398,0.00459,0.03609,0.026,-0.04862,0.02253,-0.06688,0.04315,0.07574,-0.0536,0.0155,-0.0418,-0.08068,-0.06755,0.1093,-0.10365,0.04808,-0.02079,-0.07834,0,-0.00617,0.00995,-0.05952,0.15543,0.00645,0.01035,0.04006,0.02334,0.02055,0.03562,0.06318,0.03925,-0.04853,-0.08653,0.01206,-0.00406,-0.05577,-0.00424,0.03323,-0.09454,-0.02771,-0.00425,-0.02938,0.00211,-0.02618,0.06809,-0.0371,0.05336,0.00875,-0.01413,-0.00688,-0.02019,-0.05682,-0.03545,0.02649,-0.03697,-0.07724,0.09247,-0.02756,-0.00006,0.03706,0.00684,0.00978,0.0515,-0.03486,0.06671,-0.05172,-0.03658,-0.01369,-0.02071,0.00042,-0.04403,-0.06409,-0.01686,-0.04567,-0.01789,0.06174,0.03816,-0.06559,0.07499,0.09788,-0.0218,-0.00326,-0.05049,0.04977,-0.02911,-0.06159,0.05761,0.01747,0.01677,0.10003,-0.04468,-0.09743,0.01696,0.04625,0.00621,0.09741,-0.00101,-0.00274,0.11062,-0.07502,0.07474,-0.01508,0.08621,0.07466,0.03748,-0.08317,0.06042,0.07167,-0.01229,-0.0849,0.06761,0.11345,-0.00654,-0.01229,0,-0.05905,-0.07635,0.01193,0.00973,-0.01931,0.03673,-0.05394,-0.0708,-0.03142,-0.05554,-0.03571,0.0643,0.01139,-0.04046,-0.05371,0.01794,-0.05042,0.05596,-0.06363,-0.07678,-0.03568,0.11126,-0.0004,0.00595,-0.0034,0.00614,-0.01998,-0.00614,0.04691,0.052,0.02304,0.01734,0.02535,0.01095,-0.07612,-0.02093,-0.10833,0.02688,-0.04529,0.05894,0.0076,-0.04138,-0.02494,0.00058,-0.10608,0.04402,0.00942,0.00614,-0.0832,-0.01468,-0.02642,0.09426,-0.11167,0.15301,-0.02335,-0.01505,-0.00258,0.07322,0.01229,-0.03243,-0.07955,-0.03553,-0.02156,0.04726],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Token layers","excerpt":"Token layers"},{"chunkId":"/docs/styling-tokens-and-overrides#2","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.02323,0.05408,-0.03943,0.02939,0.00414,0.04395,0.06024,0.04874,0.0246,0.01108,-0.09117,-0.02788,-0.04253,-0.00855,0.0746,-0.03584,0.00234,0.06931,-0.03597,0.03763,0.0464,-0.03165,-0.03364,-0.01847,-0.06711,0.0654,-0.01279,-0.00016,0.08526,-0.0412,0.05014,0.13179,0.05724,0.0136,-0.00941,-0.03134,0.04566,0.01794,-0.00556,0.00373,0.00336,-0.00639,-0.04781,-0.00247,-0.04385,0.02032,0.02124,-0.06009,-0.11054,0.01674,0.05614,-0.07303,-0.03056,0.06812,0.01428,0.0266,-0.01538,-0.03264,0.07767,-0.01127,-0.05842,-0.02516,0.00517,0.0578,0.03428,0.03633,-0.04482,-0.01203,0.00809,0.00267,-0.03268,-0.01764,0.04918,-0.00542,0.02917,0.07969,0.05014,0.03099,-0.06921,-0.14095,0.02347,-0.0338,0.03424,0.08093,0.10451,0.09164,-0.01631,-0.0519,0.01699,0.1006,-0.05495,0.02255,0.01284,-0.05856,-0.05189,-0.03203,-0.05717,-0.04346,-0.04412,0.06716,-0.0495,-0.05315,0.08594,0.04641,0.00814,-0.01597,-0.01051,0.00447,-0.01418,-0.03988,-0.025,-0.01412,-0.03215,-0.12476,-0.00059,-0.02557,-0.03879,-0.02173,0.05842,0.06037,0.05832,-0.02756,-0.02331,0.03577,-0.04234,0.00719,-0.07293,0,-0.04912,0.08218,-0.03442,-0.00525,0.042,-0.04306,0.04863,-0.07746,-0.08785,0.0119,0.04276,0.0932,-0.0357,0.05294,0.00007,-0.06677,-0.02126,-0.02278,0.00596,-0.04902,0.02545,0.01954,0.00211,-0.01233,0.02441,0.00125,0.0097,0.01519,-0.0355,0.04265,-0.01701,-0.02543,0.09673,0.024,-0.02758,0.05777,-0.0039,-0.02894,0.02068,-0.03393,-0.01573,0.01488,-0.06327,0.00635,-0.0125,0.01372,0.00235,-0.03983,0.05494,-0.01092,-0.00068,0.01995,0.01063,-0.0016,0.06173,-0.04866,-0.01306,0.01644,0.00097,-0.02069,0.02443,0.05788,-0.0068,-0.07893,0.04775,0.04867,0.05717,-0.00861,-0.00383,-0.08569,-0.09585,0.14127,0.02105,0.02916,-0.02998,-0.01457,0.07699,0.00403,0.0186,0.04322,-0.07167,0.03119,-0.07834,0.02797,0.03456,-0.07587,0.00508,-0.03276,-0.09413,-0.08266,0.10445,-0.10427,-0.00998,-0.04436,-0.08505,0,-0.01388,0.01863,-0.06794,0.1484,-0.00535,0.01149,0.05462,0.03049,0.03829,0.0159,0.08228,0.06999,-0.06469,-0.08062,0.01271,-0.00839,-0.08286,-0.02037,0.04076,-0.08252,-0.00854,0.01326,-0.0256,0.01394,-0.01547,0.08131,-0.01595,0.03451,-0.02249,-0.01791,-0.01392,-0.01654,-0.03458,-0.01595,-0.00226,-0.09207,-0.07025,0.07818,-0.02688,-0.00718,0.02349,0.02183,0.06277,0.0576,-0.05029,0.07558,-0.03502,-0.03982,0.02415,-0.03741,0.06144,-0.02714,-0.06828,0.00951,-0.06109,-0.02323,0.0641,0.06311,-0.0356,0.07846,0.09457,-0.0072,-0.00788,-0.03198,0.02265,-0.01574,-0.0536,0.02415,0.00212,0.02033,0.10235,-0.05387,-0.09771,0.01641,0.00112,-0.00826,0.09298,-0.01321,-0.00952,0.11238,-0.04563,0.0725,-0.01861,0.11307,0.05875,-0.01748,-0.1002,0.07797,0.05602,-0.02524,-0.07621,0.11125,0.06177,0.03321,-0.00547,0,-0.08271,-0.09531,0.00885,0.01257,-0.01242,0.0281,-0.05037,-0.08021,-0.05622,-0.05691,0.015,0.04803,0.00079,-0.04422,-0.03075,0.01678,-0.03944,0.04347,-0.05389,-0.06268,-0.05127,0.10547,-0.00053,-0.00958,-0.02631,0.01113,-0.00639,-0.00383,0.08353,0.03695,0.03841,0.04381,0.06556,-0.02518,-0.10066,0.01623,-0.11952,0.01535,-0.04564,0.05478,0.03218,-0.04898,-0.03256,0.00762,-0.08228,0.03722,0.01914,0.00979,-0.08955,-0.0091,-0.01134,0.09422,-0.11897,0.13605,-0.04042,-0.01867,-0.01441,0.05776,0.04651,-0.04046,-0.0372,-0.01085,-0.00336,0.06132],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Primitive tokens Defined in primitive-tokens(). These are the raw design values: grayscale, accent palette, radii, fonts, and shadows. Examples: - --ff-gray-800 - --ff-blue-500 - --ff-radius-4 - --ff-shadow-2","excerpt":"Primitive tokens Defined in primitive-tokens(). These are the raw design values: grayscale, accent palette, radii, fonts, and shadows. Examples: - --ff-gray-800 - --ff-blue-500 - --ff-radius-4 - --ff-shadow-2"},{"chunkId":"/docs/styling-tokens-and-overrides#3","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[0.00625,0.04326,-0.0168,0.01008,0.02507,0.05004,0.06999,0.04576,0.01698,-0.01,-0.07661,-0.04173,-0.02641,0.02715,0.10699,0.00445,0.02616,0.05026,-0.02004,0.04676,0.06319,-0.02449,-0.03139,-0.02963,-0.06109,0.11179,-0.00734,-0.02844,0.06025,-0.01128,0.0518,0.14352,0.02816,0.04962,-0.01739,-0.00021,0.058,-0.00497,0.0095,-0.03706,-0.01661,-0.01556,-0.03787,0.02624,-0.00449,0.0203,0.04042,-0.05947,-0.12582,0.04759,0.02293,-0.06779,-0.04191,0.05116,-0.00307,0.06218,-0.00899,-0.04066,0.05521,-0.00606,-0.06676,-0.03298,0.04583,0.07135,0.0552,0.01908,-0.04706,-0.00702,0.04429,-0.01157,0.01365,0.00135,0.07554,-0.02852,0.0535,0.04856,0.03783,0.03492,-0.04978,-0.16344,0.00602,-0.04002,0.02751,0.08858,0.08113,0.07428,-0.01648,-0.1016,0.00008,0.08368,-0.06034,-0.04513,0.0532,-0.02819,-0.03433,-0.05063,-0.05362,-0.09564,-0.06873,0.0477,-0.00322,-0.04242,0.06542,0.01925,0.02009,-0.00796,-0.05777,-0.0464,-0.04802,-0.02571,-0.00772,0.00313,-0.02182,-0.1186,-0.04506,0.00559,-0.04318,-0.04698,0.11799,0.04406,0.02103,-0.02752,-0.05618,0.02602,-0.03159,0.00064,-0.04734,0,-0.04581,0.0583,-0.03026,-0.0061,0.05611,-0.0414,0.04457,-0.09826,-0.07763,-0.01313,0.04883,0.09437,-0.05039,0.06204,0.00114,-0.07608,-0.06192,-0.01683,-0.04996,-0.04746,0.00731,0.0336,-0.02835,-0.00356,0.03673,0.03072,0.00692,0.01116,-0.01332,0.04134,-0.01423,-0.02352,0.07259,0.03634,-0.00174,0.0509,0.00841,-0.05298,0.006,-0.02481,-0.0402,-0.00013,-0.06926,-0.02636,-0.00873,0.01913,-0.00118,-0.025,0.04833,-0.02049,0.04105,-0.00752,0.02773,0.02149,0.06451,-0.06293,-0.04282,0.02613,0.0381,0.00279,0.00027,0.01602,0.02301,-0.03798,0.01536,0.06913,0.09702,0.01367,0.00648,-0.07928,-0.08705,0.13757,0.02577,0.01198,0.00558,-0.03815,0.06747,-0.03799,-0.00354,0.03521,-0.07243,-0.04506,-0.08079,0.03094,0.02503,-0.06832,0.01188,-0.06254,-0.08419,-0.07989,0.05294,-0.06528,-0.00553,-0.00452,-0.07681,0,-0.03184,-0.02683,-0.0334,0.13622,-0.03354,-0.04454,0.11534,0.0361,0.02887,0.04867,0.01931,0.06554,-0.05682,-0.07393,-0.02209,0.0111,-0.07574,0.01465,0.05708,-0.02482,-0.01669,0.012,-0.08493,0.01769,-0.01513,0.08141,-0.02241,-0.00503,-0.02589,-0.03046,0.022,-0.05327,-0.04662,-0.04425,0.00613,-0.08468,-0.01997,0.05965,-0.06386,0.01473,-0.01521,-0.0064,0.02557,0.0344,-0.04217,0.0867,-0.04014,-0.00316,-0.01848,-0.0062,0.03876,-0.02503,-0.07552,-0.02907,-0.0708,-0.03585,0.08056,0.04272,-0.07103,0.05673,0.05989,-0.03821,0.00367,-0.01093,0.05248,-0.02655,-0.05658,0.01796,0.04265,0.01332,0.11481,0.00117,-0.096,0.02371,0.05771,0.00824,0.11538,-0.03709,-0.00063,0.05252,-0.02877,0.0574,0.04928,0.11862,0.0603,0.03672,-0.07758,0.06357,0.05974,-0.03234,-0.07249,0.0931,0.08217,0.03471,-0.06848,0,-0.10106,-0.0535,0.00937,-0.01884,-0.03767,0.02003,-0.02392,-0.03891,-0.0329,-0.05031,0.00256,0.0704,-0.06382,-0.04861,-0.00331,0.00489,-0.01764,0.04058,-0.05457,-0.04607,-0.02868,0.10706,-0.03757,0.01312,0.00697,0.00819,0.00173,0.03862,0.086,0.00972,0.01912,0.01744,0.06891,0.00136,-0.08973,0.00987,-0.08777,-0.01671,-0.04359,0.04988,0.0278,-0.04551,-0.01591,-0.0258,-0.04064,0.08859,0.00043,0.00735,-0.06369,-0.00794,-0.06072,0.08183,-0.12605,0.14594,-0.0094,-0.00539,-0.04678,0.06625,0.0438,-0.0469,-0.01254,0.03611,-0.00246,0.04733],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Semantic tokens Defined in semantic-tokens(). These map primitives to UI intent: surfaces, borders, text, selection, minimap, magnetic helpers, and state colors. Examples: - --ff-color-surface-card - --ff-color-border-accent - --ff-color-connection-hover - --ff-color-minimap-view","excerpt":"Semantic tokens Defined in semantic-tokens(). These map primitives to UI intent: surfaces, borders, text, selection, minimap, magnetic helpers, and state colors. Examples: - --ff-color-surface-card - --ff-color-border-accent - --ff-color-connection-hover - --ff-color-minimap-view"},{"chunkId":"/docs/styling-tokens-and-overrides#4","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.04002,0.042,-0.00527,0.03109,0.0404,0.05769,0.08772,0.043,0.01756,-0.00786,-0.11102,0.01482,-0.04779,-0.01956,0.08769,-0.0285,0.0039,0.06161,-0.02271,0.02465,0.03266,-0.02784,-0.0228,0.01393,-0.09234,0.0487,0.00915,0.0241,0.05654,-0.03572,0.06339,0.16927,0.01488,0.03993,-0.06192,-0.0255,0.03447,0.00525,-0.01767,0.0187,0.03847,0.02108,-0.03594,0.01039,-0.04846,-0.04157,0.01432,-0.06501,-0.1037,0.01651,0.055,-0.09801,-0.03107,0.0508,-0.00966,0.02648,-0.01739,0.00358,0.07272,0.01884,-0.10174,-0.03729,0.03102,0.03457,0.03378,0.03765,-0.04258,0.01022,0.00227,0.0453,0.00994,0.00666,0.05642,-0.00467,0.01401,0.08331,0.0181,0.06055,-0.08042,-0.14126,0.01766,-0.05335,0.0017,0.06974,0.11148,0.10404,-0.05349,-0.09834,-0.02775,0.09098,-0.06566,-0.00146,0.0643,-0.05215,-0.04703,-0.009,-0.06489,-0.06766,-0.01412,0.05093,-0.07316,-0.0793,0.05136,0.06343,0.01814,-0.00868,-0.02683,-0.00074,-0.04925,-0.0586,0.0212,-0.00173,-0.0147,-0.13759,-0.00453,0.01769,0.02284,-0.04275,0.0689,0.05689,0.06165,-0.0011,-0.03854,0.0235,-0.00402,0.0064,-0.04752,0,-0.03091,0.07751,-0.03046,-0.02761,0.06455,-0.05626,0.05173,-0.05554,-0.1018,0.01773,0.05319,0.0922,-0.02666,0.01835,0.01072,-0.06401,-0.01036,-0.01632,-0.01386,-0.02521,0.01064,-0.01145,-0.0183,0.03378,0.00966,0.00965,0.00413,0.03179,0.00726,0.03578,0.02526,0.0121,0.06498,0.04145,-0.0131,0.05184,-0.01498,-0.01237,0.00632,0.01635,-0.01258,0.00925,-0.05827,0.01859,0.00958,0.0122,0.01497,-0.05975,0.06489,0.00926,0.00658,0.00626,0.07181,0.01678,0.03386,-0.02667,-0.01334,-0.00322,0.03345,-0.00674,0.00498,0.00697,-0.01995,-0.07018,0.02208,0.03361,0.08321,-0.00693,-0.01262,-0.09351,-0.02606,0.13836,-0.0074,0.03134,-0.01867,-0.02455,0.04646,0.02781,0.03203,0.02876,-0.06486,0.00862,-0.07736,0.0238,0.00865,-0.07313,0.0154,-0.01623,-0.09654,-0.04987,0.08247,-0.08328,0.04894,-0.02446,-0.09944,0,0.00446,0.04744,-0.03789,0.14171,-0.05011,0.00158,0.07914,0.01908,0.03866,0.03,0.05687,0.07969,-0.05202,-0.1108,-0.02847,-0.01224,-0.08179,-0.00988,0.05726,-0.06979,-0.0517,-0.02922,-0.0017,-0.00533,-0.04627,0.06352,-0.00331,0.01969,-0.02717,-0.00973,0.02029,-0.01601,-0.06185,-0.07366,-0.00308,-0.07508,-0.07879,0.07176,0.01551,-0.00066,0.01746,0.00223,0.03566,0.05786,-0.0301,0.04888,-0.0645,-0.00665,0.00858,-0.02726,0.00801,0.01722,-0.05588,0.01826,-0.0538,-0.02133,0.03947,0.0768,-0.04281,0.10828,0.11357,-0.01772,-0.02923,-0.02673,0.01748,-0.06437,-0.06296,0.03691,0.05897,0.01023,0.07188,-0.05069,-0.08841,0.04174,-0.01988,-0.02078,0.11103,0.00773,0.00422,0.14225,-0.06082,0.05815,-0.04093,0.08696,0.01684,0.03047,-0.09115,0.09594,0.06032,-0.06466,-0.07055,0.07621,0.05719,-0.0169,-0.05179,0,-0.04569,-0.05792,0.02512,0.00412,-0.01612,0.00086,-0.05463,-0.04348,-0.02733,-0.0328,-0.02183,0.06426,-0.01905,-0.01687,-0.02998,0.03117,-0.02345,0.04077,-0.06269,-0.03219,-0.08148,0.09826,-0.02526,-0.00807,-0.00788,-0.01257,-0.0065,0.01959,0.07812,0.05578,0.00633,0.03766,0.03842,-0.00942,-0.05994,-0.01452,-0.10314,0.00868,-0.00075,0.08228,0.00836,-0.05444,0.01064,-0.00378,-0.07076,0.04301,0.06028,-0.00055,-0.05776,0.00902,-0.01164,0.07239,-0.13856,0.13409,-0.03768,-0.05087,-0.02305,0.06611,0.03685,-0.03822,-0.0546,-0.03588,-0.02296,0.06852],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Alias tokens Defined in ff-aliases(). These are the variables actually consumed by styling mixins and runtime classes. Examples: - --ff-node-background-color - --ff-group-background-color - --ff-grouping-drop-target-border-color-active - --ff-connector-size - --ff-connection-selected-color - --ff-selection-area-color For app code, these alias tokens are the recommended override layer.","excerpt":"Alias tokens Defined in ff-aliases(). These are the variables actually consumed by styling mixins and runtime classes. Examples: - --ff-node-background-color - --ff-group-background-color - --ff-grouping-drop-target-border-color-active - --ff-connector-size - --ff-connection-selected-color - --ff-selection-area-color For app code, these alias tokens are the recommended override layer."},{"chunkId":"/docs/styling-tokens-and-overrides#5","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03892,0.05518,-0.03123,0.02908,0.01305,0.07163,0.0378,0.04081,0.00937,0.01678,-0.12675,-0.01273,-0.05151,-0.00522,0.06379,-0.04339,0.00762,0.0645,0.0213,0.04256,0.01111,-0.0498,0.00168,-0.01116,-0.07954,0.05471,-0.01104,0.0278,0.01013,-0.06075,0.07037,0.12233,0.03551,0.02001,-0.03582,-0.01855,0.03401,0.00164,-0.04216,0.00303,0.02263,0.01448,-0.03878,-0.01948,-0.05414,-0.01356,0.02379,-0.06027,-0.0895,0.02798,0.01585,-0.12108,-0.00239,0.05227,-0.00761,0.03447,-0.00153,-0.02838,0.08555,-0.01009,-0.05444,-0.01383,0.02418,0.0557,0.04162,0.04203,-0.0742,0.06197,-0.00007,0.04906,0.01231,-0.00478,0.05461,-0.0025,0.01083,0.03813,0.01303,0.03327,-0.07417,-0.10472,0.01403,-0.04643,-0.01016,0.06219,0.05882,0.08994,-0.02624,-0.09224,0.00607,0.0705,-0.01913,0.01047,0.04056,-0.06474,-0.02834,-0.01572,-0.06876,-0.07439,-0.03639,0.06064,-0.04127,-0.07507,0.10097,0.029,0.03536,0.01183,-0.00922,0.0276,-0.04065,-0.04312,-0.00216,-0.0023,-0.00703,-0.14202,0.02639,0.01029,0.00132,-0.03525,0.0301,0.05303,0.07568,-0.01951,-0.04495,0.01773,0.00864,0.03789,-0.05477,0,-0.0159,0.08466,-0.05286,-0.00991,0.07018,-0.04799,0.04563,-0.07265,-0.10584,0.0099,0.04681,0.07465,-0.03422,0.02265,-0.03348,-0.08136,-0.02083,0.003,0.03845,-0.0578,0.02037,-0.04207,-0.01929,-0.01847,0.00724,0.00066,0.03362,0.04431,-0.02937,0.02691,0.00305,-0.00531,0.08554,0.0347,-0.03134,0.01584,0.01263,-0.03269,0.02112,-0.00977,-0.00098,0.00528,-0.07321,0.02671,0.01255,0.06144,-0.00317,-0.04777,0.07556,-0.00258,0.03218,0.00866,0.04004,0.06745,0.05945,-0.02818,-0.04154,-0.00274,0.04143,-0.04475,0.03751,0.03604,-0.02402,-0.0802,0.0524,0.03178,0.07352,0.01861,-0.03149,-0.11665,-0.10617,0.10931,0.03539,0.04237,-0.01641,-0.02872,0.05173,0.00657,0.05479,0.01559,-0.0699,0.01802,-0.05702,0.03711,0.08058,-0.06589,0.03265,-0.03487,-0.09346,-0.05909,0.106,-0.09195,0.0393,-0.03484,-0.0809,0,-0.01071,0.01781,-0.05347,0.15911,0.01326,0.01637,0.05592,0.03469,0.05123,0.0113,0.07472,0.05205,-0.04962,-0.10228,0.02877,-0.01925,-0.04238,-0.00375,0.02941,-0.08492,-0.02131,-0.00834,-0.0394,-0.01878,-0.02296,0.0657,-0.00895,0.04134,-0.01361,0.00288,0.00149,-0.01132,-0.06754,-0.03147,0.01713,-0.04354,-0.08915,0.07481,-0.01394,0.00474,0.03824,0.00608,0.00587,0.04225,-0.04775,0.06054,-0.07327,-0.04024,0.00036,-0.02204,-0.0026,-0.04059,-0.06294,-0.01415,-0.04152,-0.02589,0.05772,0.0439,-0.07882,0.09076,0.08816,-0.02023,0.00309,-0.05207,0.03919,-0.04281,-0.05197,0.0501,0.03249,0.00432,0.0909,-0.03352,-0.10502,0.03748,0.04486,-0.0063,0.08932,0.02861,0.00091,0.12145,-0.05498,0.09539,-0.01959,0.0904,0.06039,0.03917,-0.09828,0.05287,0.07368,-0.02836,-0.09316,0.07622,0.08819,0.00918,-0.01709,0,-0.08286,-0.07578,0.02123,0.02772,-0.01506,0.03443,-0.06715,-0.06881,-0.02616,-0.05646,-0.01963,0.06029,0.02082,-0.02628,-0.04468,0.01272,-0.0593,0.05019,-0.06489,-0.08137,-0.04217,0.10165,-0.00066,0.01085,-0.01486,0.01015,-0.02041,-0.00734,0.04754,0.04083,0.0206,0.01267,0.01814,0.03401,-0.06859,-0.02208,-0.12143,0.03649,-0.04411,0.04711,0.01517,-0.0468,-0.02461,-0.00525,-0.11623,0.03796,0.01489,0.00112,-0.09289,-0.01941,-0.0143,0.09183,-0.10448,0.1391,0.00248,-0.01384,-0.00348,0.06544,0.01664,-0.02922,-0.07732,-0.0215,-0.0253,0.0568],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Recommended customization strategy","excerpt":"Recommended customization strategy"},{"chunkId":"/docs/styling-tokens-and-overrides#6","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03415,0.04516,-0.03525,0.0414,0.04001,0.05926,0.05445,0.00828,0.03391,0.0076,-0.10373,-0.0201,-0.0726,0.01041,0.06979,-0.05561,0.01491,0.06248,0.0001,0.05405,0.00401,-0.04792,-0.00283,0.01151,-0.11373,0.05809,-0.00091,0.02379,0.02201,-0.09164,0.07438,0.14459,0.04249,0.02932,-0.05095,-0.00918,0.05401,0.00312,-0.0434,-0.02524,0.02503,0.01348,-0.01836,-0.01295,-0.06224,-0.02972,0.01678,-0.05709,-0.09387,0.04429,0.01906,-0.10074,-0.01133,0.07358,0.0074,0.05727,0.00875,-0.01648,0.05408,-0.00505,-0.0527,-0.00835,0.00748,0.06427,0.04548,0.05397,-0.07294,0.03873,-0.024,0.04461,0.0167,0.00416,0.05631,-0.02212,0.04635,0.04578,-0.00012,0.01922,-0.05103,-0.08168,0.01383,-0.04887,-0.01942,0.03876,0.05205,0.07989,-0.019,-0.08518,-0.01674,0.06175,-0.04098,0.00024,0.04485,-0.05172,-0.03826,-0.01109,-0.06112,-0.05763,-0.01767,0.04786,-0.03086,-0.0626,0.08095,0.04543,-0.00406,-0.02165,-0.04209,0.0125,-0.06536,-0.03732,-0.0223,0.00074,0.00638,-0.12402,-0.01064,0.01269,0.00795,-0.02623,0.06236,0.01515,0.05428,-0.00935,-0.0066,0.03651,0.01614,0.02963,-0.03928,0,-0.04916,0.04064,-0.04826,-0.00805,0.0705,-0.03424,0.05771,-0.07119,-0.07655,0.01865,0.03572,0.10034,-0.02438,0.03282,-0.02649,-0.07891,-0.02604,0.00128,0.0244,-0.03615,0.02192,-0.02323,-0.03514,-0.01503,0.02998,0.0112,0.00936,0.0617,-0.03009,0.02886,0.00912,-0.01116,0.07193,0.04837,-0.03672,0.04329,-0.01937,-0.03745,0.01986,-0.00864,0.00001,-0.00187,-0.08186,0.02378,0.00318,0.05365,-0.01675,-0.04748,0.06902,-0.0172,0.03725,-0.00765,0.0356,0.03696,0.05073,-0.03401,-0.02718,-0.00595,0.03032,-0.03985,0.02544,0.04071,-0.02878,-0.06674,0.06824,0.05101,0.06661,-0.00583,-0.03554,-0.11302,-0.10985,0.12256,0.02607,0.03351,0.0159,-0.03101,0.03186,0.01664,0.05901,0.02267,-0.06726,0.02267,-0.04653,0.0703,0.09311,-0.06608,0.00105,-0.01449,-0.09666,-0.03155,0.10463,-0.09432,0.04209,-0.03337,-0.03343,0,-0.01021,0.02636,-0.04525,0.15303,-0.00363,0.00753,0.08296,0.00765,0.08256,0.00454,0.06552,0.04912,-0.0644,-0.11109,0.00628,-0.00411,-0.04537,-0.0105,0.04123,-0.08785,-0.02173,-0.02083,-0.01437,-0.02432,-0.03972,0.04109,0.02274,0.05899,0.00027,-0.01766,0.00024,-0.02377,-0.07034,-0.03542,-0.00088,-0.05544,-0.09349,0.09897,0.00936,0.02378,0.00653,0.01682,-0.01883,0.07791,-0.02861,0.06027,-0.07004,-0.05415,0.00636,-0.01066,-0.03042,-0.01585,-0.06335,-0.03137,-0.03201,0.00608,0.06221,0.05392,-0.07543,0.07776,0.09059,-0.00888,0.02343,-0.0606,0.0347,-0.02038,-0.05983,0.03196,0.0543,0.03524,0.11509,-0.05918,-0.08121,0.03965,0.05759,-0.03181,0.07547,0.02376,0.01061,0.11376,-0.03931,0.09086,-0.0125,0.0779,0.07189,0.03518,-0.1129,0.05242,0.07607,-0.0171,-0.08501,0.08648,0.08229,-0.02346,-0.03006,0,-0.08661,-0.07294,0.02752,0.00252,-0.01699,0.04414,-0.04199,-0.05476,-0.0319,-0.05384,-0.0123,0.0839,0.01592,-0.0169,-0.03648,0.02215,-0.04098,0.02525,-0.07511,-0.07176,-0.04457,0.09718,-0.00603,0.04856,0.00198,-0.00534,-0.01937,-0.02374,0.07429,0.04751,0.03539,0.01501,0.02452,0.04381,-0.08607,-0.03105,-0.11657,0.02333,-0.03509,0.04387,0.00892,-0.04003,-0.0331,-0.00351,-0.08477,0.04277,-0.00468,-0.0418,-0.0942,0.00101,-0.01771,0.08151,-0.11209,0.15573,0.0127,-0.02857,-0.0042,0.04577,0.05871,-0.03425,-0.10178,-0.02586,-0.00561,0.04845],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. 1. Keep the shipped structure Use the mixins as-is and change only --ff- values: This keeps all shipped selectors and interaction states, but changes the visual identity.","excerpt":"1. Keep the shipped structure Use the mixins as-is and change only --ff- values: This keeps all shipped selectors and interaction states, but changes the visual identity."},{"chunkId":"/docs/styling-tokens-and-overrides#7","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.02903,0.01527,-0.0321,0.05964,0.01459,0.08665,-0.01691,0.04268,0.0567,0.00963,-0.13955,-0.01092,-0.01606,-0.00203,0.11009,-0.05279,-0.03813,0.07803,-0.01406,0.04612,0.01964,-0.01471,0.01003,0.0168,-0.06848,0.04528,-0.02581,0.01681,0.02213,-0.0392,0.08433,0.11964,-0.0223,0.0462,-0.01427,0.05164,-0.00141,0.0513,-0.01416,-0.01461,0.03419,0.03676,-0.0513,-0.05532,-0.02069,-0.05129,0.01046,-0.03564,-0.09655,0.03482,0.03091,-0.16287,-0.02739,0.03414,-0.00734,0.04331,-0.01253,-0.02068,0.08237,0.01309,-0.07934,0.01493,0.03495,0.041,0.06693,0.05248,-0.05113,0.07593,-0.05305,0.03963,0.03993,-0.05843,0.06409,-0.00676,0.02418,0.00724,0.00135,0.05572,-0.0517,-0.1155,0.02915,-0.07699,-0.00887,0.02375,0.07295,0.06482,0.01605,-0.08862,0.05283,0.10861,0.00199,-0.00087,0.08587,-0.07483,-0.05445,-0.03025,-0.07623,-0.00245,-0.0065,0.04607,-0.06449,-0.1015,0.09502,0.06542,0.07538,-0.02084,0.01971,-0.02572,-0.04763,-0.07423,-0.00245,0.01439,0.00137,-0.1277,0.0357,-0.00065,0.04302,-0.03018,0.05513,0.06042,0.01748,-0.03691,-0.04142,0.01332,0.01913,0.02716,-0.03225,0,0.01767,0.07965,-0.04722,-0.01546,0.06226,-0.02483,0.02502,-0.03514,-0.11839,-0.00933,0.07541,0.06588,-0.02496,0.05342,-0.04266,-0.01307,-0.0268,-0.00586,0.03828,-0.07139,-0.01751,-0.05243,-0.04944,-0.00446,0.00717,-0.01943,0.04822,0.05137,-0.02365,0.01318,0.01357,-0.00306,0.08467,0.03951,-0.02716,0.00792,0.00427,-0.00393,0.03568,0.00538,0.00015,0.0143,-0.04557,-0.02129,-0.01454,0.06444,-0.0283,-0.00649,0.04618,-0.03109,0.02331,0.03606,0.05421,0.06867,0.06458,0.01063,-0.04106,-0.0169,0.05863,-0.04733,-0.00589,0.05468,-0.04701,-0.05247,0.07025,0.08369,0.07947,0.04515,-0.02913,-0.12148,-0.09381,0.07923,0.00513,0.00213,-0.01567,-0.03738,0.02226,0.01672,0.06636,0.03472,-0.0968,0.00821,-0.06621,0.06159,0.06954,-0.03453,0.00525,-0.02978,-0.06509,-0.07229,0.09569,-0.08189,0.0307,-0.03513,-0.05516,0,-0.02449,0.0166,-0.05163,0.14402,-0.00737,0.02271,0.02878,-0.00611,0.02704,0.01199,0.06626,0.0245,-0.05336,-0.09749,-0.03678,-0.00813,-0.04239,0.00028,0.05163,-0.08868,-0.00016,-0.06068,0.01393,-0.00211,0.00772,0.02681,-0.01761,0.08616,-0.01275,-0.0133,-0.017,-0.03251,-0.02653,-0.05445,-0.00015,-0.0568,-0.08052,0.04646,-0.0067,0.04653,0.01959,0.00631,0.0345,0.09097,-0.02167,0.09378,-0.05397,-0.02154,-0.02785,-0.03903,-0.0277,-0.03847,-0.07583,-0.02756,-0.0398,-0.05593,0.06166,0.04812,-0.10328,0.03833,0.07872,-0.02089,0.01134,-0.02559,0.03574,-0.02806,-0.03726,0.03739,0.02431,0.00259,0.08103,-0.06134,-0.0787,-0.00498,0.00104,0.01408,0.1039,-0.0218,0.00716,0.089,-0.05645,0.08321,-0.00933,0.0172,0.01328,0.04609,-0.05784,0.07372,0.07784,-0.01242,-0.09529,0.09051,0.10462,-0.02077,-0.03987,0,-0.06246,-0.05118,0.02579,0.00971,-0.02916,0.00307,-0.05624,-0.08903,-0.0018,-0.00363,-0.04175,0.04674,-0.00915,-0.02918,-0.05008,-0.00641,-0.04884,0.07285,-0.07145,-0.06854,-0.00389,0.11263,0.01463,0.01123,0.03666,-0.00525,-0.0365,-0.03306,0.02455,0.03339,-0.00539,0.00582,0.04491,0.05945,-0.06551,-0.07335,-0.07501,0.03935,-0.01486,0.03474,0.0258,-0.08812,-0.024,0.00302,-0.08812,0.06247,0.06359,0.00981,-0.02313,0.00583,-0.01174,0.0486,-0.07324,0.10503,-0.03703,-0.00882,0.00547,0.06556,0.02702,-0.05951,-0.08472,-0.05872,-0.00285,0.03404],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. 2. Scope tokens to one editor CSS variables cascade, so you can theme a single editor instance: This is the preferred way to support multiple branded editors on the same page.","excerpt":"2. Scope tokens to one editor CSS variables cascade, so you can theme a single editor instance: This is the preferred way to support multiple branded editors on the same page."},{"chunkId":"/docs/styling-tokens-and-overrides#8","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.01726,0.04364,0.00253,0.05295,0.00675,0.0491,0.03752,0.0172,0.02577,0.00982,-0.10782,-0.01067,-0.0434,-0.00621,0.07165,-0.03797,0.01949,0.06701,0.037,0.04374,0.05427,-0.02365,0.0041,-0.02705,-0.06001,0.04209,0.01162,0.02137,0.01109,-0.06335,0.09377,0.13201,0.02428,0.05846,-0.0255,-0.03893,0.02142,0.01969,-0.01446,0.04643,0.04433,0.03872,-0.03934,-0.03865,-0.08357,-0.01037,0.01907,-0.05723,-0.10493,0.01062,0.03354,-0.11476,0.00401,0.04587,-0.0078,0.05685,-0.00488,0.01339,0.06505,-0.0055,-0.04913,-0.01575,0.02396,0.00461,0.07517,0.06032,-0.07869,0.05901,-0.03228,0.08844,0.02197,0.00652,0.08209,-0.03294,-0.02106,0.0477,0.00924,0.04864,-0.07624,-0.09917,0.0209,-0.04125,-0.04018,0.04202,0.08596,0.07238,-0.07912,-0.06687,-0.01081,0.06259,-0.0203,-0.00051,0.03465,-0.03261,-0.05287,-0.03687,-0.05006,-0.06117,-0.02057,0.03287,-0.05226,-0.07073,0.07837,0.06509,0.05079,0.01011,-0.00631,-0.01811,-0.03851,-0.03918,0.01249,0.00415,0.0197,-0.14126,0.01865,0.02588,-0.00905,-0.02149,-0.00204,0.03663,0.04328,-0.01292,-0.04325,0.01773,0.01993,0.03418,-0.02435,0,-0.0041,0.06581,-0.04366,-0.02652,0.07419,-0.05957,0.02684,-0.06785,-0.12796,0.02488,0.05235,0.07887,-0.04047,0.0092,-0.04909,-0.02241,-0.0058,-0.00677,0.04351,-0.05557,0.02605,-0.03253,-0.02871,-0.03468,-0.01537,-0.01839,0.02777,0.03445,-0.00106,0.01575,-0.00158,0.02827,0.1284,0.07465,-0.03051,0.03948,0.00856,0.00055,0.00901,-0.00073,0.02028,0.03181,-0.04311,0.03206,0.00664,0.05713,0.02624,-0.0709,0.07262,-0.00794,0.02745,-0.02833,0.02144,0.03105,0.05707,-0.00702,-0.04796,0.00751,0.06062,-0.04846,0.0194,-0.00138,-0.03242,-0.09786,0.06908,0.04853,0.09052,0.00918,-0.03624,-0.136,-0.07496,0.08218,0.00038,0.04332,-0.02354,-0.00959,0.03609,0.0122,0.07123,0.01673,-0.05435,0.03856,-0.08012,0.0258,0.05881,-0.04955,0.02721,-0.0167,-0.06613,-0.04235,0.08425,-0.09343,0.0383,-0.02765,-0.05435,0,0.01907,0.02849,-0.08749,0.16271,-0.01001,0.01175,0.08771,0.01499,0.03595,0.03142,0.09646,0.0229,-0.05295,-0.10285,0.02811,-0.01023,-0.0296,0.03463,0.01337,-0.09034,-0.0382,-0.04258,-0.04476,-0.04031,-0.00554,0.05558,0.01123,0.05717,-0.02752,-0.01137,-0.00388,-0.00297,-0.06332,-0.04022,0.00944,-0.01204,-0.10159,0.04774,-0.01077,0.00404,0.02884,0.01699,0.00778,0.03908,-0.02733,0.05665,-0.06953,-0.02065,-0.01294,-0.03559,0.00536,-0.04981,-0.04893,-0.00028,-0.0244,-0.02535,0.07351,0.03335,-0.06431,0.11458,0.10432,-0.01783,-0.01787,-0.06119,0.00875,-0.04848,-0.06851,0.0531,0.05731,0.00144,0.08664,-0.03812,-0.07953,0.03832,0.03961,-0.03529,0.08456,0.05895,-0.01188,0.10588,-0.06191,0.06055,-0.01892,0.07226,0.0391,0.0252,-0.09206,0.0662,0.07321,-0.01883,-0.1177,0.02812,0.06784,-0.02411,-0.03285,0,-0.09261,-0.09163,0.04684,0.01948,-0.00435,0.00792,-0.04066,-0.04961,-0.01209,-0.04485,-0.02243,0.08,0.01795,-0.02689,-0.06325,0.04274,-0.02129,0.02738,-0.05153,-0.05412,-0.06137,0.08943,-0.0109,-0.00286,0.02677,-0.00308,-0.04437,-0.02454,0.06253,0.05418,0.02601,0.00986,0.04065,0.00611,-0.06203,-0.04511,-0.11336,0.03429,-0.01891,0.05345,-0.00308,-0.04258,-0.04199,-0.01936,-0.12086,0.03467,0.02858,0.01296,-0.07074,-0.00028,0.00553,0.0826,-0.10184,0.13689,-0.01403,-0.05587,0.00423,0.09139,-0.01303,-0.04503,-0.07058,-0.05991,-0.02912,0.03476],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. 3. Extend dark mode The shipped theme already defines defaults for .dark and [data-theme='dark']. Override the same alias layer there:","excerpt":"3. Extend dark mode The shipped theme already defines defaults for .dark and [data-theme='dark']. Override the same alias layer there:"},{"chunkId":"/docs/styling-tokens-and-overrides#9","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.01355,0.02077,-0.03983,0.01322,0.05769,0.05219,0.02385,0.06753,0.01522,-0.0102,-0.10788,0.04042,-0.06434,-0.02173,0.13412,-0.0466,-0.01534,0.0539,0.00808,0.04593,-0.0007,-0.05315,-0.01398,-0.00699,-0.06507,0.08046,-0.0261,0.01191,0.0354,-0.05508,0.06407,0.14341,0.01678,-0.01132,0.01726,-0.01388,0.06123,0.03349,-0.02722,0.01808,0.02292,-0.00387,-0.02635,0.00818,-0.09441,-0.03423,0.02324,-0.0603,-0.08072,0.02872,0.02406,-0.10775,-0.03299,0.04249,-0.00256,0.04316,-0.01491,-0.01056,0.08782,0.02461,-0.06351,-0.01014,0.01972,0.04577,0.05156,0.02674,-0.01256,-0.00367,0.04102,-0.0034,0.00942,-0.02036,0.05737,0.00746,0.02166,0.03808,0.00919,0.05523,-0.05279,-0.10495,0.04684,-0.02956,0.03394,0.05807,0.07485,0.10438,-0.01013,-0.10641,-0.03966,0.07905,-0.06446,-0.01474,0.05435,-0.0482,-0.05884,-0.00972,-0.04629,-0.0621,-0.04167,0.08219,-0.0535,-0.07961,0.083,0.05355,-0.00626,-0.00002,-0.03739,0.06431,-0.08718,-0.05465,0.02426,-0.00257,-0.02822,-0.17147,-0.00886,-0.00699,-0.0292,-0.05391,0.04426,0.0646,0.0675,0.0176,-0.00952,0.03067,-0.0098,0.0078,-0.06277,0,-0.03356,0.07725,-0.04621,-0.02659,0.0631,-0.05581,0.05042,-0.01586,-0.11491,0.02173,0.10561,0.08346,-0.03467,0.03531,0.03252,-0.09897,-0.01314,0.02418,0.01202,-0.03743,-0.01229,-0.01451,-0.01479,0.02783,0.00309,0.02883,0.02741,0.04226,-0.02228,0.03248,-0.00591,-0.03814,0.07025,-0.00047,-0.0093,0.00509,-0.0296,-0.05074,0.02051,-0.01961,-0.00652,0.00588,-0.08767,0.01578,-0.01135,0.05923,0.01392,-0.04908,0.06534,-0.06545,0.03364,0.02779,-0.02125,0.06276,0.04931,-0.05542,-0.03321,0.02636,0.05904,-0.05142,0.05741,0.03006,-0.02703,-0.06565,0.06226,0.04277,0.08087,-0.02888,0.00331,-0.10243,-0.07784,0.11646,0.03109,0.02958,0.03531,-0.01057,0.01855,0.03636,0.04746,-0.01349,-0.08385,-0.00866,-0.03685,0.04618,0.04731,-0.09889,0.03871,-0.02528,-0.11219,-0.08821,0.07276,-0.06582,0.02546,-0.00454,-0.09344,0,0.03006,0.01318,-0.02133,0.12307,-0.02895,0.05397,0.04716,-0.01613,0.07087,0.06849,0.05516,0.07092,-0.03333,-0.12522,-0.00803,-0.01898,-0.05441,-0.03734,0.02155,-0.06799,-0.04019,0.01037,-0.01312,0.00445,-0.0156,0.05849,-0.01693,0.00697,-0.02392,0.01644,-0.00555,-0.01666,-0.05605,-0.07072,0.00175,-0.04643,-0.06741,0.05875,-0.01421,-0.0065,0.00788,0.01418,0.04894,0.01346,-0.04221,0.03828,-0.05365,-0.01817,0.00842,-0.02415,-0.00417,0.00677,-0.06803,-0.02664,-0.06556,0.01464,0.06579,0.06687,-0.03233,0.07916,0.08172,-0.0247,-0.04994,-0.02427,0.03211,-0.03344,-0.08029,0.01109,0.03458,0.02533,0.04211,-0.05041,-0.06142,0.03571,0.00644,-0.00361,0.15314,0.00281,0.04691,0.0969,-0.05084,0.07766,-0.01353,0.07269,0.07986,-0.00528,-0.05858,0.02952,0.0431,-0.0527,-0.0692,0.07357,0.05721,0.00332,0.03685,0,-0.07312,-0.04861,0.00619,0.0294,0.00651,0.00576,-0.03142,-0.02948,-0.0256,-0.04449,0.00941,0.04473,-0.00593,-0.00331,-0.01813,0.00811,-0.03362,0.03542,-0.07121,-0.06736,-0.06051,0.09734,0.04071,0.00093,-0.05461,0.01202,0.0286,-0.0001,0.09256,0.05431,0.00581,0.01328,0.03351,0.0236,-0.08302,-0.0392,-0.13601,0.04008,-0.03556,0.09204,0.01962,-0.06327,-0.05394,0.01603,-0.06249,0.03003,0.00003,-0.00046,-0.09351,0.01272,-0.01713,0.07673,-0.11322,0.08962,-0.0011,-0.01652,-0.03011,0.0678,-0.00165,-0.05538,-0.05219,-0.00586,0.02271,0.06684],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Alias token families These families cover the main public customization surface: - --ff-flow- - --ff-canvas- - --ff-node- - --ff-group- - --ff-grouping-drop-target- - --ff-handle- - --ff-connector- - --ff-outlet- - --ff-connection- - --ff-marker- - --ff-waypoint- - --ff-background- - --ff-selection-area- - --ff-minimap- - --ff-magnetic- - --ff-external-item- If you stay within these families, you can usually upgrade the library without forking its internal styling files.","excerpt":"Alias token families These families cover the main public customization surface: - --ff-flow- - --ff-canvas- - --ff-node- - --ff-group- - --ff-grouping-drop-target- - --ff-handle- - --ff-connector- - --ff-outlet- - --ff-connection- - --ff-marker- - --ff-waypoint- - --ff-background- - --ff-selection-area- - --ff-minimap- - --ff-magnetic- - --ff-external-item- If you stay within these families, you can usually upgrade the library without forking its internal styling files."},{"chunkId":"/docs/styling-tokens-and-overrides#10","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.02542,0.02997,0.03929,0.00381,0.00711,0.06154,0.00646,0.09155,0.02808,-0.00454,-0.11637,-0.01424,-0.08319,-0.00335,0.08469,-0.04708,0.0637,0.0752,-0.01147,0.05569,0.02142,-0.00908,-0.02247,-0.00089,-0.06526,0.0405,-0.04712,0.02564,0.0648,-0.04118,0.09791,0.20335,-0.00539,0.03182,-0.05577,0.01204,0.01137,0.01049,-0.02317,-0.03662,0.0034,0.01063,-0.05616,0.00449,-0.04461,-0.02665,0.06602,-0.06874,-0.09739,0.04512,0.04719,-0.07938,-0.0221,0.04086,0.00153,0.0457,-0.00933,-0.00571,0.01348,0.00467,-0.09498,-0.04952,0.03753,0.00471,0.02023,0.01073,-0.05574,0.04385,0.05225,0.06417,0.03323,0.02571,0.05066,-0.00946,0.0247,0.03516,-0.00031,0.03513,-0.09438,-0.13881,0.03392,0.00619,0.00743,0.02092,0.05171,0.0609,-0.02265,-0.10233,0.00612,0.05622,0.01673,-0.02787,0.05809,-0.05048,-0.00134,-0.02847,-0.07518,-0.0608,-0.03563,0.04403,-0.04737,-0.05113,0.05223,0.04085,0.03209,0.00579,-0.04818,-0.01011,-0.07407,-0.09161,0.01327,0.01022,0.00403,-0.1444,-0.00376,0.01031,-0.0036,-0.05639,0.04362,0.00539,-0.01276,-0.01835,-0.00703,0.02129,-0.01293,0.02287,-0.06647,0,-0.02341,0.0964,-0.04864,0.00965,0.04366,-0.07016,0.08665,-0.09245,-0.06553,0.01315,0.02618,0.05525,-0.03835,0.04631,-0.02851,-0.05867,-0.04175,-0.01434,0.0097,-0.02665,0.04307,0.00478,-0.02722,0.00762,0.00882,-0.01229,0.00863,0.01437,-0.01843,0.02167,0.00037,0.01085,0.09938,0.04078,-0.03515,0.04183,0.03362,-0.02316,0.02203,-0.01818,-0.00818,0.02906,-0.03996,0.03411,0.02888,0.03038,-0.01083,-0.05311,0.0414,-0.04274,0.05773,0.0164,0.07297,0.04368,0.061,-0.03399,-0.02104,-0.01394,0.0515,-0.01455,0.04329,0.02371,-0.04394,-0.0264,0.06221,0.07886,0.10564,0.03004,-0.01571,-0.10213,-0.07247,0.11969,-0.02257,0.01975,0.03641,-0.04052,0.03203,-0.00164,0.04717,0.02974,-0.03801,0.09052,-0.06965,0.07746,0.05113,-0.06652,0.01054,-0.0349,-0.04796,0.01608,0.07861,-0.08268,0.04391,-0.021,-0.05707,0,-0.01562,0.01218,-0.05376,0.12983,-0.06555,-0.01355,0.0672,0.02722,-0.00337,0.01251,0.0286,0.05711,-0.03603,-0.12322,0.00167,-0.0036,-0.08033,-0.06172,0.07176,-0.07936,-0.00242,0.01489,-0.05733,-0.01282,-0.02197,0.03277,-0.07804,0.03684,0.01726,-0.05015,-0.01675,-0.02647,-0.04701,-0.06611,-0.00319,-0.01082,-0.11841,0.06846,-0.01811,-0.01447,-0.05153,-0.0162,-0.00886,0.04919,-0.003,0.01948,-0.10986,-0.03091,0.01422,-0.02846,0.00743,-0.00467,-0.04617,-0.02912,-0.0188,-0.01528,0.06715,0.02687,-0.04859,0.06903,0.10688,-0.02383,-0.0081,-0.07297,0.01174,-0.00389,-0.07038,0.03739,0.02472,0.02005,0.05978,-0.0621,-0.10737,0.00348,0.05952,-0.0141,0.09251,0.06057,-0.00324,0.11112,-0.08033,0.07236,-0.00778,0.09469,0.06651,0.06873,-0.09323,0.022,0.07221,-0.01788,-0.07384,0.02425,0.05509,0.0052,-0.04151,0,-0.0448,-0.04486,0.00704,-0.0072,-0.03969,-0.00331,-0.0731,0.00798,-0.0449,-0.03545,-0.02874,0.054,0.00818,-0.0164,-0.03584,0.02521,-0.02297,0.0431,-0.07345,-0.06891,-0.03042,0.12927,-0.02357,0.02115,0.03052,-0.01934,0.04583,-0.01721,0.06082,0.03465,0.01038,0.00775,0.0061,0.09364,-0.0241,-0.00534,-0.09513,0.01945,-0.01425,0.05876,0.01712,-0.07577,-0.00104,-0.00175,-0.0582,0.035,-0.00195,0.00262,-0.05989,0.02225,-0.03405,0.12224,-0.11065,0.15156,0.01724,-0.00577,-0.04321,0.0267,0.02253,-0.04134,-0.08875,-0.03312,-0.03868,0.02971],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. When to customize semantic or primitive layers instead Touch the lower layers only when you are building a broader design system around Foblex Flow, for example: - you want several alias families to inherit from a new shared semantic palette; - you maintain a library-level theme package; - you intentionally want to fork the shipped design tokens. For normal application work, overriding aliases is simpler, safer, and easier to reason about.","excerpt":"When to customize semantic or primitive layers instead Touch the lower layers only when you are building a broader design system around Foblex Flow, for example: - you want several alias families to inherit from a new shared semantic palette; - you maintain a library-level theme package; - you intentionally want to fork the shipped design tokens. For normal application work, overriding aliases is simpler, safer, and easier to reason about."},{"chunkId":"/docs/styling-tokens-and-overrides#11","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03999,0.04609,-0.03362,0.03139,0.01713,0.06632,0.04505,0.03614,0.02601,0.01337,-0.11573,-0.01229,-0.04593,-0.00179,0.0845,-0.02623,-0.00189,0.08314,0.01214,0.04033,0.0216,-0.0413,0.00239,-0.01173,-0.06658,0.05268,-0.00914,-0.00402,0.0154,-0.05319,0.07015,0.12262,0.03239,0.02216,-0.04082,-0.01044,0.03845,0.00122,-0.03422,-0.00188,0.01371,0.01044,-0.03598,-0.02457,-0.0456,-0.00467,0.03052,-0.05418,-0.11333,0.02347,0.03127,-0.12115,-0.0068,0.05213,0.00409,0.02702,-0.01049,-0.02423,0.09045,0.00217,-0.04641,-0.02505,0.00839,0.06621,0.04452,0.04273,-0.07078,0.0657,0.00154,0.05146,-0.00451,-0.00188,0.05764,-0.00879,0.02849,0.04202,0.02383,0.03279,-0.06678,-0.11299,0.00936,-0.04392,0.00327,0.06397,0.08209,0.08287,-0.02523,-0.07299,0.00649,0.0841,-0.03498,-0.0041,0.04673,-0.05949,-0.03583,-0.03391,-0.0675,-0.0686,-0.04231,0.06762,-0.04089,-0.06053,0.0944,0.03696,0.05044,0.01207,-0.02123,0.01612,-0.02703,-0.0395,-0.00199,-0.00657,-0.00444,-0.14486,0.01463,-0.00127,-0.00053,-0.0352,0.04974,0.05764,0.07694,-0.02939,-0.04869,0.02613,-0.00156,0.02977,-0.05401,0,-0.03555,0.0696,-0.0465,-0.00268,0.06783,-0.04918,0.04843,-0.07155,-0.09423,0.01248,0.04554,0.08168,-0.0343,0.0323,-0.0197,-0.08346,-0.02897,0.00389,0.04301,-0.05475,0.02461,-0.02268,-0.02275,-0.01688,0.01026,-0.01187,0.03148,0.03409,-0.02,0.0312,0.01206,-0.01297,0.09437,0.04829,-0.03636,0.02017,0.00916,-0.05245,0.02484,-0.0129,-0.01017,0.00872,-0.0767,0.01807,-0.00831,0.02865,-0.00868,-0.03223,0.08228,-0.00279,0.02554,0.02419,0.02835,0.04538,0.05668,-0.03563,-0.05581,0.00793,0.03579,-0.03068,0.03194,0.03362,-0.0156,-0.07264,0.05038,0.04128,0.08515,0.00108,-0.0215,-0.10489,-0.10641,0.12179,0.00808,0.02724,-0.02269,-0.0355,0.05797,0.0069,0.03905,0.02143,-0.06779,0.01879,-0.06002,0.04612,0.06998,-0.05696,0.02345,-0.04923,-0.09797,-0.07644,0.10616,-0.10545,0.03649,-0.03194,-0.07357,0,-0.01306,0.01269,-0.05913,0.16141,0.01027,0.01309,0.04241,0.0118,0.04015,0.01663,0.06648,0.05085,-0.0494,-0.08634,0.01548,-0.01854,-0.04688,-0.01595,0.02557,-0.08482,-0.01588,0.00077,-0.03314,-0.01373,-0.03199,0.06774,-0.022,0.05308,-0.01051,-0.00486,-0.00731,-0.00638,-0.06067,-0.03028,0.01477,-0.04725,-0.07847,0.09386,-0.0306,0.01361,0.0528,0.01074,0.02288,0.06049,-0.04318,0.07186,-0.06045,-0.03432,0.00496,-0.02138,0.00462,-0.04064,-0.07052,-0.00762,-0.04799,-0.02745,0.06551,0.03646,-0.07423,0.0742,0.09033,-0.02406,0.00638,-0.03773,0.04091,-0.029,-0.05931,0.05264,0.01806,0.01553,0.10136,-0.02936,-0.10704,0.03051,0.04247,0.00601,0.09403,0.00154,-0.0097,0.10833,-0.06011,0.08189,-0.00687,0.08968,0.05502,0.02084,-0.09568,0.06366,0.06938,-0.0171,-0.08582,0.08897,0.09439,0.00144,-0.02081,0,-0.08295,-0.07433,0.00446,0.0143,-0.01685,0.04348,-0.06232,-0.06849,-0.03334,-0.06191,-0.02023,0.06426,0.01451,-0.04053,-0.04693,0.00743,-0.05208,0.04761,-0.0723,-0.07305,-0.04328,0.11271,-0.00288,0.00942,-0.00746,0.02098,-0.01996,0.00124,0.05571,0.03523,0.03715,0.02493,0.0211,0.0097,-0.08096,-0.01076,-0.11815,0.02936,-0.04617,0.05688,0.02292,-0.05491,-0.01972,0.00433,-0.11624,0.04436,0.00843,-0.01056,-0.0824,-0.02846,-0.01673,0.08606,-0.1148,0.14304,-0.01367,-0.00734,-0.00435,0.06956,0.01957,-0.0283,-0.06649,-0.02304,-0.01117,0.05147],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Common token combinations","excerpt":"Common token combinations"},{"chunkId":"/docs/styling-tokens-and-overrides#12","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03114,0.03675,-0.01969,0.05673,0.02742,0.07151,0.00989,0.00777,0.02668,0.01446,-0.11201,-0.02062,-0.06203,-0.01221,0.09846,-0.03482,-0.00648,0.08038,0.02174,0.01149,0.01276,-0.05241,0.00214,0.0013,-0.06115,0.04673,-0.03111,0.00259,0.03723,-0.05552,0.05727,0.14653,0.04117,0.05038,-0.04562,0.0375,0.037,-0.02756,-0.05138,-0.00021,0.01917,0.04439,-0.02115,-0.04905,-0.03716,-0.01059,0.01029,-0.0444,-0.11996,0.02737,0.03313,-0.12416,-0.00415,0.04266,-0.00415,0.03642,0.01834,-0.02604,0.08471,0.0011,-0.06184,-0.02754,0.01896,0.05776,0.03908,0.06616,-0.06452,0.08365,-0.00461,0.04116,0.02979,-0.02129,0.05221,0.01747,0.01434,0.03863,0.01672,0.03221,-0.06727,-0.09475,0.02028,-0.03956,-0.00457,0.06559,0.06274,0.10344,-0.03974,-0.07106,-0.00846,0.07833,-0.0586,0.01404,0.04696,-0.06128,-0.03659,-0.01201,-0.0422,-0.06856,-0.0425,0.0524,-0.02931,-0.05171,0.0809,0.01905,0.01395,0.00384,-0.02333,0.01112,-0.04668,-0.04147,0.00225,0.00893,-0.02244,-0.15017,0.00927,-0.03425,0.03544,-0.04852,0.04456,0.06372,0.07099,-0.00779,-0.03122,0.03447,0.01778,0.041,-0.05292,0,-0.01475,0.07079,-0.03219,-0.00899,0.08326,-0.06364,0.05269,-0.06156,-0.12471,-0.02001,0.03987,0.0687,-0.03441,0.02297,-0.03543,-0.08813,-0.01295,-0.01212,0.05503,-0.06259,0.00464,-0.01641,-0.02703,-0.01124,-0.00365,-0.00974,0.02803,0.01551,-0.01646,0.02469,0.01968,-0.00247,0.08425,0.06611,-0.04621,0.02328,0.00961,-0.0344,0.03508,0.00379,-0.00666,0.02144,-0.07578,0.01251,0.01803,0.04025,0.00002,-0.04948,0.05563,-0.01709,0.01285,0.02554,0.03023,0.035,0.06058,-0.0173,-0.02263,0.01872,0.03471,-0.02624,0.04102,0.06014,-0.02457,-0.06594,0.06475,0.04555,0.07037,0.00552,-0.00256,-0.12021,-0.10192,0.10697,0.01508,0.06542,-0.01831,-0.02405,0.03736,-0.00334,0.04777,0.02407,-0.08122,0.00744,-0.05395,0.05182,0.07115,-0.06185,0.02869,-0.03137,-0.07211,-0.05898,0.10374,-0.09203,0.06818,-0.03031,-0.07138,0,-0.02628,0.02315,-0.06816,0.15364,0.00588,-0.01871,0.02864,-0.0042,0.05369,0.04114,0.06943,0.04464,-0.0301,-0.07827,0.00935,-0.03601,-0.04366,-0.01148,0.05007,-0.06942,-0.02364,-0.0223,-0.02379,-0.01367,-0.01705,0.05112,-0.03591,0.03564,-0.00243,-0.0141,0.01118,-0.00727,-0.06815,-0.02485,0.02464,-0.05028,-0.10387,0.10306,-0.01728,0.01226,0.03563,0.00797,-0.00578,0.0388,-0.0342,0.06826,-0.06115,-0.04087,-0.02943,-0.01849,-0.01451,-0.04132,-0.04085,-0.01826,-0.03294,-0.0394,0.08542,0.02793,-0.06695,0.06535,0.0953,-0.02002,-0.00923,-0.05352,0.03749,-0.03931,-0.06481,0.04748,0.02853,-0.00238,0.10193,-0.03704,-0.10719,0.04327,0.03067,-0.00508,0.08298,0.00627,-0.01655,0.10125,-0.06871,0.10111,-0.03544,0.08993,0.05675,0.01792,-0.09115,0.07927,0.07165,-0.00341,-0.09532,0.08326,0.06767,-0.01335,-0.03978,0,-0.10649,-0.07127,-0.00667,0.03064,0.00106,0.01243,-0.05802,-0.05812,-0.01145,-0.03706,-0.03183,0.06882,0.01796,-0.04996,-0.03379,0.02227,-0.04707,0.05201,-0.05805,-0.05788,-0.039,0.09548,-0.02457,0.01641,-0.0249,0.00799,-0.02764,-0.01494,0.05105,0.02751,0.01939,0.01842,0.00541,0.04329,-0.07695,-0.03545,-0.11714,0.03945,-0.02346,0.06768,0.02724,-0.02026,-0.02719,0.00324,-0.11205,0.02932,0.01606,-0.00412,-0.06354,-0.01221,-0.00418,0.06724,-0.12517,0.15098,-0.00364,-0.00449,-0.01305,0.06596,0.02376,-0.04213,-0.08659,-0.02464,-0.0021,0.04068],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Node + group language","excerpt":"Node + group language"},{"chunkId":"/docs/styling-tokens-and-overrides#13","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03796,0.02909,-0.04322,0.03939,0.00661,0.06988,0.02834,0.03339,0.02414,0.01337,-0.11249,-0.00354,-0.05273,-0.0074,0.08526,-0.03743,0.00118,0.05768,0.0273,0.04953,0.02561,-0.0517,-0.00335,-0.00992,-0.05835,0.04234,-0.00952,0.01576,0.0078,-0.04825,0.07609,0.13372,0.01751,0.01557,-0.03448,-0.00838,0.04822,-0.00325,-0.03896,-0.00557,0.03657,0.01535,-0.03256,-0.0313,-0.05364,-0.01319,0.02169,-0.05394,-0.10625,0.03091,0.01532,-0.12599,-0.00856,0.05343,0.00435,0.05111,-0.00706,-0.01199,0.08286,0.00655,-0.05401,-0.02623,0.01032,0.06054,0.04043,0.03861,-0.07158,0.06305,-0.00988,0.04966,0.00155,-0.00638,0.05852,-0.01162,0.03627,0.03664,0.02149,0.03186,-0.06856,-0.11657,0.01404,-0.04483,-0.00659,0.05944,0.07622,0.08755,-0.01709,-0.09382,0.00823,0.08194,-0.02456,-0.00303,0.03499,-0.06376,-0.03207,-0.02386,-0.06187,-0.0584,-0.03685,0.05859,-0.04536,-0.06314,0.08923,0.03836,0.03608,0.01646,-0.01558,0.03058,-0.04422,-0.04235,-0.00338,-0.00708,0.00387,-0.1515,0.0246,0.00331,0.00145,-0.0328,0.03926,0.0457,0.06344,-0.02325,-0.04563,0.03054,0.00386,0.03215,-0.04837,0,-0.0246,0.06668,-0.04261,-0.00847,0.06704,-0.05082,0.05372,-0.05522,-0.10723,0.01565,0.03714,0.07589,-0.02621,0.02682,-0.02659,-0.07308,-0.01681,0.00348,0.05375,-0.04702,0.01519,-0.03972,-0.02373,-0.02165,0.01174,-0.00837,0.03108,0.0411,-0.02489,0.02941,0.01672,0.00447,0.08837,0.05164,-0.04121,0.00864,0.00305,-0.03715,0.02081,-0.00211,0.00249,0.00576,-0.08317,0.0261,-0.0064,0.04848,-0.00338,-0.03682,0.07883,-0.01495,0.02046,0.02055,0.02877,0.06647,0.06106,-0.02118,-0.05455,0.00517,0.03391,-0.03437,0.02716,0.04201,-0.02888,-0.07864,0.06881,0.04807,0.08777,0.00042,-0.03589,-0.12149,-0.10773,0.11849,0.00879,0.02857,-0.01349,-0.02551,0.04019,0.01542,0.05847,0.01791,-0.06517,0.01885,-0.05202,0.0552,0.08446,-0.0616,0.01894,-0.04584,-0.08144,-0.06963,0.11686,-0.10268,0.04036,-0.03862,-0.07124,0,-0.00937,0.00639,-0.06282,0.16391,0.0011,0.01532,0.04893,0.01248,0.03785,0.01167,0.08651,0.05325,-0.04061,-0.09798,0.01366,-0.0154,-0.04603,-0.01948,0.02077,-0.08809,-0.0219,-0.01399,-0.01317,-0.03152,-0.01958,0.05541,-0.01316,0.0555,-0.01235,-0.00471,0.00224,-0.00761,-0.07873,-0.03301,0.00981,-0.03335,-0.08882,0.09079,-0.02071,-0.00343,0.04531,0.01059,0.00673,0.05489,-0.03631,0.06921,-0.07974,-0.04517,-0.01054,-0.01873,-0.00316,-0.04152,-0.0526,-0.01084,-0.04136,-0.0189,0.07172,0.03548,-0.06844,0.07456,0.10621,-0.02502,0.00155,-0.04333,0.04203,-0.03664,-0.06179,0.05939,0.04212,0.00031,0.10233,-0.03279,-0.10135,0.03231,0.03838,0.00841,0.09285,0.01138,-0.00502,0.11912,-0.04917,0.09678,-0.01536,0.07958,0.06283,0.03407,-0.08544,0.05721,0.07915,-0.01949,-0.0909,0.07719,0.08336,-0.00118,-0.02284,0,-0.09157,-0.07233,0.01275,0.01237,-0.01268,0.04174,-0.0547,-0.06021,-0.02665,-0.049,-0.02671,0.05489,0.02657,-0.02263,-0.042,0.01289,-0.0381,0.04677,-0.06961,-0.08186,-0.04323,0.09536,-0.00412,0.03123,0.00011,0.00436,-0.01754,-0.00001,0.04829,0.03259,0.01443,0.01045,0.01712,0.03125,-0.07482,-0.01501,-0.12552,0.03182,-0.04461,0.06064,0.01882,-0.04829,-0.02406,-0.00221,-0.10756,0.04363,0.0162,-0.00539,-0.08404,-0.01431,-0.02234,0.09202,-0.10677,0.12844,-0.01319,-0.02054,0.00223,0.07177,0.01122,-0.02348,-0.08712,-0.02335,-0.01665,0.04682],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Connection emphasis","excerpt":"Connection emphasis"},{"chunkId":"/docs/styling-tokens-and-overrides#14","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03958,0.04459,-0.04394,0.04055,0.02185,0.09108,0.02477,0.01196,0.01853,0.002,-0.11396,-0.0268,-0.04,0.00629,0.07378,-0.05269,-0.01887,0.06606,0.00929,0.01874,0.03219,-0.05267,-0.00526,0.00165,-0.06492,0.07335,-0.02241,-0.00249,0.01897,-0.05161,0.06741,0.12408,0.03829,0.03058,-0.01479,-0.00813,0.03251,0.00909,-0.0451,-0.01683,0.02454,0.03284,-0.00985,-0.03368,-0.05149,-0.00178,0.02587,-0.03782,-0.10614,0.02545,0.03131,-0.10149,-0.00763,0.08683,0.00515,0.05334,-0.00476,-0.03073,0.05883,-0.01711,-0.04798,-0.03454,0.00976,0.06083,0.04886,0.06332,-0.05363,0.07501,-0.00761,0.03803,0.0168,-0.00321,0.071,-0.00536,0.0368,0.04388,0.01038,0.02406,-0.04679,-0.1132,-0.00384,-0.06259,-0.01709,0.05431,0.07718,0.06538,-0.03569,-0.09241,-0.00544,0.06551,-0.04469,0.01229,0.0605,-0.07484,-0.03819,-0.02924,-0.04561,-0.05636,-0.0222,0.07625,-0.03688,-0.06611,0.10361,0.01907,0.02427,0.01311,-0.0274,0.01451,-0.05132,-0.03854,-0.00165,0.00755,0.00814,-0.13649,0.01451,-0.01638,0.01183,-0.03313,0.04369,0.03354,0.08139,-0.02304,-0.02364,0.04027,0.01621,0.05011,-0.05368,0,-0.01623,0.04885,-0.04703,-0.00435,0.05653,-0.03338,0.04055,-0.0581,-0.11448,0.00538,0.03367,0.08683,-0.02259,0.01125,-0.01296,-0.09477,-0.01943,0.00795,0.02753,-0.0517,0.00972,-0.00598,-0.0287,-0.03095,0.00462,-0.0132,0.02306,0.03723,-0.03568,0.0322,0.02419,0.00139,0.07942,0.04016,-0.03344,0.03605,0.01824,-0.04302,0.04539,-0.01901,0.00258,0.00095,-0.05932,0.01444,0.01424,0.05157,-0.02537,-0.0237,0.06421,0.00854,0.04677,0.0055,0.03711,0.01924,0.0603,-0.02292,-0.03723,0.0201,0.0515,-0.03083,0.03473,0.03982,-0.04001,-0.0816,0.05159,0.04512,0.08812,0.02406,-0.01908,-0.12256,-0.10409,0.13485,0.02371,0.02806,0.01013,-0.0219,0.06505,0.00624,0.01383,0.0012,-0.06632,-0.00236,-0.07075,0.04301,0.08466,-0.05622,0.02374,-0.04253,-0.11416,-0.0642,0.09664,-0.10179,0.05748,-0.00735,-0.06201,0,-0.00137,0.01168,-0.04026,0.1405,0.02272,-0.00432,0.05531,0.01333,0.04018,0.02574,0.05774,0.04001,-0.03644,-0.09726,0.01679,-0.01636,-0.023,-0.01619,0.06404,-0.07347,-0.01258,-0.0249,-0.03485,-0.00128,-0.03785,0.06276,-0.01631,0.0297,-0.00046,0.00693,0.01165,-0.04525,-0.09253,-0.02174,-0.00829,-0.05431,-0.09145,0.07667,-0.02616,0.01646,0.02981,0.00913,-0.01802,0.05799,-0.03676,0.06204,-0.04496,-0.01627,-0.04622,-0.01513,-0.01847,-0.02973,-0.07171,-0.01146,-0.05425,-0.01667,0.07932,0.03979,-0.09024,0.07549,0.07408,-0.01158,-0.00301,-0.04222,0.04834,-0.04206,-0.06442,0.05646,0.03575,0.01563,0.09908,-0.04912,-0.1003,0.02152,0.05309,-0.00165,0.08703,0.02461,0.00368,0.10324,-0.07265,0.07409,-0.00857,0.08446,0.05518,0.04042,-0.08194,0.06055,0.08568,-0.00071,-0.10005,0.07347,0.12382,-0.00838,-0.01858,0,-0.08021,-0.06662,0.01973,0.01258,-0.01483,0.0224,-0.06904,-0.06101,-0.02676,-0.05063,-0.00617,0.06573,0.00559,-0.05578,-0.04078,0.02731,-0.05679,0.03196,-0.0781,-0.06094,-0.03285,0.07367,-0.01141,0.03176,-0.02715,0.00101,-0.0342,-0.00618,0.06303,0.04589,0.02404,0.019,0.01499,0.04461,-0.069,-0.03511,-0.13419,0.04942,-0.01022,0.04709,0.0157,-0.03913,-0.02795,0.01287,-0.09652,0.04559,0.01247,-0.01625,-0.07004,-0.00983,-0.02711,0.0844,-0.13295,0.16529,-0.02559,-0.01455,0.00503,0.07021,0.04182,-0.04048,-0.06268,-0.0279,-0.01735,0.05215],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Grouping states","excerpt":"Grouping states"},{"chunkId":"/docs/styling-recipes#0","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.0701,0.05075,-0.04848,-0.01549,0.02964,0.03709,0.00357,0.01831,0.00223,0.02072,-0.11876,-0.01252,-0.03309,-0.06187,0.06422,-0.04797,-0.0515,0.0302,0.02341,0.03297,-0.0304,-0.03398,-0.00468,-0.00915,-0.06989,0.08137,-0.00301,0.00588,0.04866,-0.09898,0.06683,0.11955,0.0485,0.02794,-0.06174,0.01684,0.02701,0.02147,-0.07879,-0.01076,0.00042,0.02246,-0.01072,-0.0136,-0.01427,-0.02028,-0.02798,-0.04351,-0.07046,0.05023,-0.05524,-0.12736,-0.04528,0.05927,0.04052,0.05021,0.02897,-0.04372,0.04765,-0.00984,-0.00589,0.00387,-0.03299,0.06168,0.05082,0.00915,-0.07701,0.05695,0.01708,-0.04775,-0.02097,0.01429,0.0052,0.02654,0.04344,0.03408,0.01859,-0.0189,-0.06981,-0.08389,-0.05895,-0.01527,-0.01144,0.05402,0.03678,0.10155,-0.00356,-0.09656,-0.00807,0.04805,0.01332,0.06267,-0.00527,-0.09507,-0.02299,0.0187,-0.02799,-0.09106,-0.02354,0.07579,-0.01528,-0.08073,0.08972,-0.00078,0.04807,-0.05038,0.00318,0.05638,-0.024,-0.03714,-0.02899,0.02454,-0.06162,-0.11265,-0.0283,-0.03545,0.01277,-0.06646,0.08319,0.05704,0.07397,0.01837,-0.02428,0.00319,0.03297,0.01042,-0.04336,0,-0.0091,0.02656,-0.0051,0.05468,0.10166,-0.03084,0.02358,-0.06436,-0.05744,0.07495,0.01764,0.07668,-0.06866,0.08301,-0.01245,-0.10575,-0.02448,0.03498,0.00661,-0.00613,0.04428,-0.08666,0.01616,-0.02581,0.01039,0.0535,0.02196,0.03768,-0.05424,0.03357,0.0096,-0.02895,0.04732,-0.01128,-0.07506,0.02178,0.00234,-0.07004,0.05571,-0.01074,-0.01233,-0.01825,-0.0562,-0.01168,0.00516,0.03881,-0.02732,-0.00342,0.09066,0.01354,0.08094,0.03168,0.11679,0.0688,0.0654,-0.01116,0.00398,0.01406,0.02253,0.03788,0.03986,0.07059,-0.05983,-0.07683,0.02568,0.03954,0.03891,0.02385,-0.01519,-0.05348,-0.07216,0.11322,0.00837,-0.0207,0.03283,-0.01818,0.03358,-0.01142,0.03323,-0.00368,-0.07997,0.01466,-0.02803,0.02885,0.0254,-0.01564,0.02534,-0.00812,-0.11014,-0.01944,0.11465,-0.07931,0.02273,-0.04599,-0.02785,0,-0.07024,0.0363,-0.04754,0.11727,0.07552,-0.0195,0.01423,0.02361,0.05154,0.03679,0.04679,0.0476,-0.0329,-0.09317,0.01282,-0.00089,-0.04042,-0.04662,0.0354,-0.07506,-0.01572,0.01449,-0.01472,-0.0482,-0.05489,0.02858,0.0039,0.09255,-0.00217,-0.00698,-0.00999,-0.04472,-0.0179,-0.03352,-0.02128,-0.04708,-0.09236,0.09362,0.03989,-0.01013,0.02446,-0.00416,-0.02176,0.07336,-0.06073,0.03479,-0.08374,-0.02163,0.03175,0.01348,0.00685,-0.02144,-0.05912,-0.03008,-0.0437,0.04035,-0.00441,0.06548,-0.11845,0.07006,0.00653,-0.00067,0.00951,-0.05043,0.08047,-0.01638,-0.04162,-0.01664,-0.00311,0.05062,0.09689,0.04993,-0.10182,0.03576,0.04849,0.01116,0.09347,0.03293,0.00968,0.12954,-0.04824,0.09201,-0.01159,0.11762,0.05335,0.01789,-0.08375,0.01673,0.06004,-0.00004,-0.05761,0.09044,0.07914,0.04601,-0.02722,0,-0.07566,-0.08671,0.02451,0.01029,-0.03252,0.10373,-0.00776,-0.0883,-0.05276,-0.03987,0.00732,0.0576,-0.01154,-0.01376,0.02059,-0.00735,-0.06062,0.01235,-0.09527,-0.12582,-0.04349,0.08745,-0.00223,0.04717,-0.01674,0.02405,-0.02881,0.002,0.03782,0.00492,0.01079,0.02445,0.02155,0.04676,-0.05049,0.04748,-0.07815,0.03647,-0.07641,-0.0111,0.02953,-0.03163,-0.00298,-0.01199,-0.07769,0.05187,0.00594,-0.03551,-0.05135,0.00586,-0.04884,0.03451,-0.07756,0.12682,-0.00167,0.02486,-0.04935,0.00753,0.10672,-0.01019,-0.05657,0.06518,0.04388,0.05479],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Styling Recipes This page shows practical styling patterns built from the shipped SCSS API.","excerpt":"Styling Recipes This page shows practical styling patterns built from the shipped SCSS API."},{"chunkId":"/docs/styling-recipes#1","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.05536,0.03266,-0.03236,0.00627,0.00218,0.03564,-0.02335,0.02541,0.05987,-0.00028,-0.07757,-0.01096,-0.05107,-0.08808,0.07735,-0.03518,-0.0281,-0.00219,-0.00365,0.02046,-0.06615,-0.02921,-0.00429,-0.02916,-0.04459,0.08062,0.001,0.0193,0.0587,-0.08785,0.04048,0.11559,0.05362,0.02876,-0.06092,0.04123,0.04939,0.04439,-0.09795,-0.01787,0.00763,0.0068,0.02634,-0.01596,-0.03063,-0.00435,-0.0357,-0.08677,-0.06178,0.03904,-0.02429,-0.10835,-0.06015,0.05374,0.05445,0.05401,0.04594,-0.0143,0.04429,0.02841,-0.00561,0.04687,-0.0453,0.06105,0.02328,0.01236,-0.04911,0.07068,0.00785,-0.08921,-0.01187,0.00284,-0.01465,0.00666,0.03245,0.01272,0.02862,-0.02069,-0.09079,-0.0716,-0.03944,0.03104,0.00866,0.04895,0.01457,0.12912,0.01194,-0.09562,-0.01798,0.061,0.0054,0.0473,0.00805,-0.07421,-0.00418,0.02888,-0.00862,-0.07574,-0.05189,0.06441,-0.02373,-0.08752,0.09371,0.01553,0.05028,-0.05575,-0.0046,0.04437,0.00286,-0.04414,-0.02836,-0.01347,-0.05579,-0.10181,-0.0268,-0.07037,0.02256,-0.07712,0.07685,0.09715,0.04584,0.02362,-0.01322,-0.02508,0.01026,0.00094,-0.03963,0,0.03394,-0.01101,-0.01276,0.0475,0.12772,0.00502,-0.00087,-0.0597,-0.0404,0.05325,0.04792,0.02731,-0.10874,0.10003,-0.03859,-0.09174,-0.02819,0.04944,-0.02001,-0.03618,0.01918,-0.06383,-0.01072,-0.01073,0.00682,0.07137,0.03562,0.01797,-0.06519,0.0108,-0.02413,-0.07008,0.0895,-0.01183,-0.09829,0.0324,-0.01813,-0.07117,0.06277,-0.02562,-0.04353,-0.00594,-0.05357,-0.02357,0.02984,0.03052,-0.0124,0.00638,0.07854,0.00949,0.07627,0.02735,0.13333,0.06792,0.05881,-0.01013,-0.00948,0.05683,0.01477,0.04084,0.0546,0.11889,-0.08643,-0.05499,0.05638,0.09237,0.01572,0.02913,0.00588,-0.04808,-0.07795,0.08746,-0.01354,0.00456,0.05345,-0.03277,0.01234,-0.04157,0.03258,-0.00656,-0.08609,0.01926,-0.0264,0.03124,-0.01276,0.01536,0.05367,0.01311,-0.07109,-0.02173,0.09233,-0.03854,0.01842,-0.03152,-0.01059,0,-0.04137,0.018,-0.05849,0.06769,0.07545,-0.03161,0.0194,-0.01668,0.06638,0.01158,0.06253,0.05421,-0.02471,-0.10004,0.00141,0.00892,-0.06211,-0.06322,0.03128,-0.05762,-0.03135,-0.01155,-0.0063,-0.0417,-0.05148,-0.03848,-0.01007,0.07261,0.01188,-0.04536,0.00954,-0.03269,-0.01785,-0.03963,-0.01894,-0.0028,-0.11378,0.06299,0.01753,-0.01286,-0.02474,-0.01185,-0.02091,0.07811,-0.08383,0.06395,-0.07332,-0.06857,-0.00025,-0.00094,-0.00601,-0.03412,-0.0521,-0.01251,-0.04617,0.05635,0.03549,0.06127,-0.093,0.03297,0.01062,-0.00685,0.00746,-0.04393,0.05091,0.00546,-0.00952,-0.01096,0.01213,0.04901,0.09743,0.05128,-0.06531,0.00571,0.02747,-0.0042,0.11595,0.00042,0.01912,0.07738,-0.08506,0.10871,-0.02723,0.0407,0.02869,-0.00964,-0.05656,0.0569,0.04669,0.03603,-0.05443,0.09396,0.0836,0.06174,-0.06391,0,-0.06615,-0.09068,0.03143,-0.00863,-0.01402,0.07621,0.00555,-0.0359,-0.04425,-0.01168,0.02334,0.0775,-0.0543,-0.00769,0.04693,-0.00717,-0.05853,0.01224,-0.07781,-0.13056,-0.03081,0.09054,-0.03309,0.03098,-0.00021,0.02454,-0.00655,0.00625,-0.0152,0.0268,0.01045,0.05719,0.00808,0.04125,-0.05043,0.0907,-0.05228,0.0557,-0.11653,-0.02736,0.03303,-0.06683,-0.00341,-0.02153,-0.07103,0.03862,0.01725,0.0026,-0.04591,-0.01136,-0.0412,0.0497,-0.06188,0.08744,-0.01406,0.04876,-0.02626,0.0053,0.09449,-0.0384,-0.07548,0.08669,0.0889,0.02298],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: minimal editor styling Use this when your editor needs the standard flow shell, nodes, connectors, connections, and helper plugins: That is the same base stack used by the default theme, except that it is connected explicitly in your stylesheet.","excerpt":"Recipe: minimal editor styling Use this when your editor needs the standard flow shell, nodes, connectors, connections, and helper plugins: That is the same base stack used by the default theme, except that it is connected explicitly in your stylesheet."},{"chunkId":"/docs/styling-recipes#2","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.04006,0.01643,-0.01395,0.06447,0.07151,0.03964,0.04912,-0.01081,0.05761,-0.04312,-0.03272,-0.00657,-0.06396,-0.0097,0.07508,-0.08821,-0.07136,0.02292,-0.08315,0.03682,0.01171,-0.11002,0.04087,-0.02011,-0.06961,0.04051,0.01513,-0.04259,0.02996,-0.09822,0.00351,0.14875,0.02381,0.0378,-0.06461,0.05656,0.03832,0.05544,-0.07624,-0.01807,-0.01234,0.00428,0.04696,-0.0321,-0.07018,0.03941,0.03202,0.00998,-0.07026,0.09491,0.07609,-0.03037,0.0044,0.10954,0.04518,0.04277,0.05207,-0.05562,-0.01459,-0.03284,-0.02721,0.01234,-0.03969,0.01896,-0.03549,0.03457,0.03993,0.03258,0.00816,-0.01171,0.07907,-0.02693,0.07603,0.00192,0.07388,0.03189,0.00269,0.03619,-0.0752,-0.05748,0.05817,-0.0192,-0.00341,0.02635,0.0115,0.07559,-0.0358,-0.09047,-0.07874,0.02894,-0.0473,0.09359,-0.01403,-0.05702,-0.00352,-0.04405,-0.01168,-0.06087,-0.04364,0.0489,-0.00569,-0.0623,0.05379,0.01158,-0.00448,-0.08765,-0.00096,-0.04291,-0.05339,-0.02478,-0.00308,-0.00147,0.02512,-0.01115,-0.08193,-0.07054,0.01917,-0.05813,0.07042,0.02504,0.06589,0.06046,0.01256,0.03036,0.04583,0.03753,-0.11087,0,0.01719,-0.03821,-0.04036,-0.01983,0.09315,-0.06642,0.01792,-0.0456,-0.05465,0.01402,0.0001,-0.01746,-0.03558,0.04263,-0.00843,-0.08022,-0.00464,0.02919,-0.03396,-0.05439,-0.00952,-0.00397,-0.05839,-0.04331,-0.00247,0.09952,-0.0387,0.03063,0.03176,0.03021,-0.03278,-0.03993,0.00712,-0.00791,-0.06434,0.04669,-0.02025,-0.03861,0.07144,-0.00043,-0.02215,-0.01749,-0.04773,-0.06028,0.01895,0.04605,-0.00598,0.01554,0.00188,0.01151,0.05408,-0.00498,0.05764,-0.00595,0.06737,-0.07178,-0.01222,0.10503,0.04133,0.0461,0.04741,0.12793,-0.05776,-0.05013,0.03907,0.09707,0.02201,0.10534,0.00344,-0.07541,-0.05572,0.09921,-0.00126,0.0184,0.11635,-0.02129,0.05099,-0.07168,0.03049,-0.04193,-0.08063,-0.02158,0.00848,-0.0142,-0.01568,0.00167,0.0905,-0.02258,-0.12336,-0.04296,-0.00497,-0.00456,0.03728,-0.00921,0.01103,0,0.01307,0.10517,-0.01696,0.08699,0.0642,-0.01489,0.03115,-0.0033,0.04134,0.02948,-0.02596,0.02521,-0.07117,-0.08376,-0.02599,-0.02014,-0.05131,-0.01692,0.02664,-0.04146,0.03391,-0.03025,0.0025,0.03423,-0.1245,-0.03583,-0.01642,0.02984,0.06228,-0.01286,0.0557,-0.05282,-0.04218,-0.04733,-0.04459,-0.0719,-0.10265,0.08728,0.00759,0.04313,-0.03717,-0.01945,-0.03063,0.04822,-0.03404,0.05065,-0.00987,-0.01032,-0.02778,0.01834,-0.04528,-0.01352,-0.04784,-0.00991,0.00565,0.06107,0.15775,-0.00862,-0.11374,0.04849,-0.00228,-0.01327,-0.04278,-0.06713,0.10741,-0.00794,0.02825,0.03833,0.0689,0.0962,0.03582,-0.02054,-0.02309,-0.00936,0.03137,0.02619,0.10599,0.00271,0.04431,0.01012,-0.06896,0.00853,-0.01631,0.03653,-0.00403,0.03284,-0.05626,0.08504,0.04612,0.04577,-0.02661,0.00761,0.1555,0.01374,-0.04913,0,-0.04982,0.00195,0.00405,-0.00272,0.00701,0.01381,-0.05191,-0.00867,0.01531,-0.02161,-0.04335,0.06939,-0.0172,0.01783,0.0323,0.02791,-0.04014,0.00629,-0.07377,-0.04958,-0.01413,-0.00888,-0.05819,0.03079,-0.04615,-0.0425,-0.04369,-0.01683,0.00447,-0.0129,-0.03725,0.06537,-0.02656,0.05801,-0.07694,0.03312,-0.07924,0.05651,-0.02216,0.0438,0.06298,-0.03934,-0.04038,-0.01377,-0.0594,0.01126,0.03134,-0.0459,-0.05295,0.05306,-0.02591,0.05786,-0.06571,0.14827,-0.02367,0.04142,-0.09141,0.04316,0.1351,-0.06876,-0.00205,0.00401,-0.01771,0.04899],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: editor with drag-to-group highlighting grouping() is separate because not every editor supports drop-to-group UX. This adds styling for the runtime classes used during drag-to-group: - .f-grouping-drop-active - .f-grouping-over-boundary These highlight styles only apply while drop-to-group is enabled. In that mode the flow carries the f-drop-to-group host class (the default; set [fDropToGroup]=\"false\" on fDraggable to turn the gesture off), and grouping() scopes its rules to f-flow.f-drop-to-group.f-dragging. With the gesture off the class is absent and these styles do not apply. Customize them with: - --ff-grouping-drop-target-border-color - --ff-grouping-drop-target-border-style - --ff-grouping-drop-target-border-width - --ff-grouping-drop-target-border-color-active - --ff-grouping-drop-target-border-style-active - --ff-grouping-drop-target-border-width-active f Drop To Group f Draggable","excerpt":"Recipe: editor with drag-to-group highlighting grouping() is separate because not every editor supports drop-to-group UX. This adds styling for the runtime classes used during drag-to-group: - .f-grouping-drop-active - .f-grouping-over-boundary These highlight styles only apply while drop-to-group is enabled. In that mode the flow carries the f-drop-to-group host class (the default; set [fDropToGroup]=\"false\" on fDraggable to turn the gesture off), and grouping() scopes its rules to f-flow.f-drop-to-group.f-dragging. With the gesture off the class is absent and these styles do not apply. Customize them with: - --ff-grouping-drop-target-border-color - --ff-grouping-drop-target-border-style - --ff-grouping-drop-target-border-width - --ff-grouping-drop-target-border-color-active - --ff-grouping-drop-target-border-style-active - --ff-grouping-drop-target-border-width-active"},{"chunkId":"/docs/styling-recipes#3","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.05385,0.02144,-0.03536,0.0188,0.05188,0.04345,0.02929,0.02799,0.045,0.00179,-0.08312,-0.01269,-0.05892,-0.07879,0.10666,-0.02702,-0.01335,0.0078,-0.02921,0.04406,-0.00844,-0.03003,0.02353,-0.02764,-0.06308,0.08239,0.03037,0.00012,0.06149,-0.09335,0.0595,0.11261,0.05896,0.03062,-0.05181,-0.00117,0.02949,0.05402,-0.09722,-0.02818,-0.00061,0.02646,0.00601,-0.03282,-0.03062,-0.02643,0.00658,-0.06223,-0.06445,0.0706,-0.00511,-0.08808,-0.06911,0.08524,0.03042,0.07029,0.06356,-0.05776,0.00932,0.03711,0.00503,0.03502,-0.03629,0.04747,0.00765,0.02593,-0.04655,0.08108,0.00096,-0.06356,0.02928,-0.00516,0.02001,0.00089,0.07251,0.02583,0.04466,-0.03773,-0.12375,-0.07461,-0.01995,0.04705,0.02468,0.02173,0.01121,0.1099,0.01054,-0.09252,-0.02513,0.06695,-0.01528,0.02136,-0.0241,-0.08165,0.01262,0.02606,-0.01277,-0.07913,-0.0099,0.04955,-0.02476,-0.07656,0.06473,0.05862,0.03353,-0.04949,-0.00022,0.02889,-0.0263,-0.03563,-0.00413,-0.01481,-0.06302,-0.10593,-0.06154,-0.09819,0.02799,-0.06632,0.07496,0.06681,0.02642,0.02072,-0.01309,-0.01614,0.00977,0.00422,-0.04684,0,0.00867,-0.02606,0.00037,0.02447,0.13254,-0.00449,0.03167,-0.06089,-0.04601,0.06306,0.05998,0.04595,-0.08057,0.09507,-0.03728,-0.08423,-0.04038,0.06142,-0.01605,-0.01873,0.03681,-0.06873,-0.04461,-0.04548,-0.00163,0.10476,0.02969,0.02239,-0.04595,0.01706,0.00945,-0.03765,0.06449,0.00137,-0.07095,0.04372,-0.05993,-0.03557,0.07586,-0.03792,-0.01933,-0.00405,-0.05736,0.01517,-0.00175,-0.00232,-0.00358,0.01327,0.07378,0.00802,0.06342,0.03249,0.08546,0.04689,0.04941,-0.04872,-0.02446,0.04886,0.04637,0.02164,0.07537,0.11765,-0.05535,-0.05683,0.02897,0.0749,0.02528,0.00823,0.02196,-0.05027,-0.05821,0.10515,-0.00271,-0.02932,0.0719,-0.03541,0.02102,-0.04945,0.01839,-0.01164,-0.09455,-0.02272,-0.03154,0.0505,-0.02537,-0.00109,0.01814,0.00643,-0.04391,-0.03179,0.08785,-0.0398,0.00984,-0.05041,-0.00402,0,-0.01234,0.04854,-0.02853,0.05629,0.07943,-0.02602,-0.0087,0.02558,0.06159,0.05655,-0.01523,0.06491,-0.01462,-0.10837,-0.01352,0.01237,-0.07877,-0.02757,0.03412,-0.10595,-0.03677,0.0006,0.0071,-0.02575,-0.07151,-0.02483,0.01754,0.05636,-0.00936,-0.05496,0.02158,-0.01901,-0.0013,-0.03044,-0.02439,-0.0406,-0.09792,0.04859,0.00906,0.02739,-0.04144,-0.01466,-0.01783,0.08105,-0.09808,0.0309,-0.09092,-0.03259,0.05755,0.0197,0.00166,-0.02524,-0.08965,-0.0071,-0.04041,0.07155,0.02668,0.06535,-0.09629,0.07109,0.01173,-0.01545,0.01771,-0.07192,0.05916,-0.02011,-0.0068,-0.02069,0.02554,0.07098,0.09984,0.03416,-0.0632,0.01928,0.0494,0.00582,0.16145,0.00136,0.01652,0.09757,-0.05494,0.06863,-0.03619,0.08525,0.0131,-0.03347,-0.06393,0.04763,0.00342,-0.00111,-0.08927,0.06245,0.0796,0.04862,-0.05057,0,-0.05869,-0.07893,0.05918,0.02264,-0.05678,0.08584,-0.00548,-0.03136,-0.04942,-0.02401,0.00171,0.07296,-0.00186,-0.00816,0.02915,-0.0078,-0.0266,0.00047,-0.08834,-0.09927,-0.0406,0.08594,-0.00868,0.02042,-0.02884,0.0314,-0.01411,-0.00195,0.00165,0.03146,0.00611,0.04986,-0.00054,0.02493,-0.08058,0.06044,-0.05594,0.04386,-0.11194,-0.02272,0.02817,-0.08492,-0.02535,-0.02485,-0.05109,0.01234,-0.0228,-0.02061,-0.07564,0.02371,-0.05113,0.03039,-0.06675,0.09113,0.00394,0.03764,-0.0615,0.01252,0.10967,-0.01289,-0.06403,0.04838,0.05838,0.04732],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: palette / external-item styling If you use palette drag-and-drop or create nodes from external items, add: This covers: - .f-external-item - .f-external-item-preview - .f-external-item-placeholder The external-item classes are usually rendered outside f-flow, so this styling is often placed at the application level.","excerpt":"Recipe: palette / external-item styling If you use palette drag-and-drop or create nodes from external items, add: This covers: - .f-external-item - .f-external-item-preview - .f-external-item-placeholder The external-item classes are usually rendered outside f-flow, so this styling is often placed at the application level."},{"chunkId":"/docs/styling-recipes#4","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.02898,0.07552,-0.04289,0.01385,0.06166,0.00091,0.03091,-0.01685,0.05004,0.02314,-0.07594,-0.0281,-0.07394,-0.08593,0.11163,-0.04144,0.01285,0.03289,0.03738,0.02958,-0.06465,-0.01698,-0.00231,-0.03193,-0.09041,0.07995,0.00527,-0.01045,0.06092,-0.09306,0.07493,0.1509,0.03781,0.0304,-0.08025,0.0513,0.03185,0.0198,-0.0948,-0.03978,0.03274,0.02999,0.00683,-0.02272,-0.0266,-0.0163,-0.03397,-0.04313,-0.08051,0.04903,-0.02269,-0.10476,-0.05336,0.05909,0.01182,0.04546,0.02174,-0.03332,0.04316,0.00085,-0.0207,0.02392,-0.02993,0.04828,0.07809,0.01151,-0.08907,0.03384,0.02231,-0.03062,-0.00407,0.0052,0.02754,0.00653,0.01997,0.01173,0.01333,-0.02128,-0.08161,-0.04324,-0.07068,0.04635,0.00202,0.02535,0.0151,0.15109,-0.00104,-0.07451,-0.04195,0.0199,-0.0025,0.04709,0.01571,-0.07628,-0.01561,0.0432,-0.02599,-0.06561,-0.04563,0.04751,-0.00079,-0.08117,0.05882,0.0397,-0.0257,-0.03722,-0.03402,0.02804,-0.02395,-0.0489,-0.03418,0.02945,-0.0701,-0.10865,-0.05174,-0.06201,0.03807,-0.05488,0.09571,0.09138,0.04851,-0.00405,0.01083,-0.00323,0.01657,-0.00472,-0.00348,0,0.00935,0.02803,-0.01382,0.00164,0.1262,-0.01839,0.01941,-0.06998,-0.00432,0.07972,0.04849,0.0574,-0.05326,0.06559,0.01662,-0.09826,-0.0448,0.03877,0.04877,-0.01976,0.01195,-0.05458,-0.02816,0.01143,-0.01747,0.056,0.00153,0.01496,-0.08725,0.02539,0.04339,-0.04822,0.0719,0.02276,-0.06651,0.04796,-0.0559,-0.05931,0.04216,-0.00938,-0.03425,-0.04138,-0.03837,0.02792,0.00773,-0.01697,-0.02434,-0.03203,0.05761,0.02959,0.08045,0.02844,0.1204,0.01155,0.07037,-0.00361,-0.01839,0.04754,0.02555,0.03211,0.03199,0.06318,-0.05956,-0.07225,0.02376,0.06435,0.00957,-0.02335,-0.01765,-0.04626,-0.04373,0.09792,0.00592,0.02006,0.07657,-0.01821,0.01554,-0.00821,0.04413,-0.01452,-0.10044,0.05102,-0.01821,0.0375,0.0429,0.00688,0.0507,0.00545,-0.08716,-0.02674,0.11523,-0.04362,-0.00221,-0.05772,0.01397,0,-0.02967,0.02544,-0.04772,0.09539,0.04921,-0.05059,-0.0171,0.00004,0.04899,0.00874,0.02323,0.07637,-0.04545,-0.07476,-0.03155,0.03058,-0.07693,-0.07174,0.05078,-0.05865,-0.02515,0.0037,-0.02221,-0.03708,-0.08689,-0.00623,0.0103,0.05855,0.02184,-0.05972,-0.0414,0.00786,-0.00237,-0.0346,-0.02602,-0.02316,-0.10962,0.1069,0.02397,0.00894,-0.05174,0.01625,-0.03902,0.08159,-0.08919,0.00924,-0.04616,-0.00001,0.05669,0.02472,-0.02417,-0.02381,-0.04714,-0.01933,-0.0398,0.054,0.00742,0.06725,-0.06707,0.06433,0.04119,0.00475,0.02775,-0.04955,0.05606,-0.00972,-0.0255,-0.00033,0.02903,0.05898,0.09028,0.05362,-0.07713,0.00334,0.03145,0.00288,0.16799,0.00733,0.01543,0.10193,-0.05166,0.11276,-0.0598,0.04302,0.06609,-0.02415,-0.09441,0.01416,0.04694,0.03767,-0.02049,0.09076,0.0593,0.03184,-0.03019,0,-0.08751,-0.07319,0.00526,-0.03129,-0.04164,0.08437,0.02635,-0.08673,-0.05312,-0.05084,0.00081,0.05287,-0.03971,-0.01067,0.06066,0.03035,-0.03401,-0.00344,-0.10528,-0.08721,-0.03632,0.08562,-0.01669,0.04782,-0.02202,0.03668,0.01174,-0.05177,0.02235,0.02841,-0.01229,0.04694,0.02959,0.03391,-0.04257,0.05474,-0.0746,0.00314,-0.07411,-0.04037,0.026,-0.04856,-0.02972,-0.02101,-0.07534,0.0237,-0.00717,-0.02096,-0.05114,0.01781,-0.03312,0.00214,-0.10291,0.09049,0.0126,0.05419,-0.00903,-0.00072,0.11048,-0.02564,-0.0653,0.06493,0.05548,0.00765],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: custom node shell with shipped node frame Use $selectorless: true when you want the shipped node frame on a custom host selector: That pattern is useful when your node body is built from Angular Material, custom cards, or a more application-specific component shell.","excerpt":"Recipe: custom node shell with shipped node frame Use $selectorless: true when you want the shipped node frame on a custom host selector: That pattern is useful when your node body is built from Angular Material, custom cards, or a more application-specific component shell."},{"chunkId":"/docs/styling-recipes#5","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.04233,0.05294,-0.02131,-0.00364,-0.00602,0.02604,-0.00647,-0.00813,0.04092,0.00077,-0.09307,-0.04873,-0.03943,-0.08099,0.09252,-0.05565,-0.04346,0.03741,-0.01517,0.00562,-0.04733,-0.02905,0.00817,-0.02225,-0.07414,0.06167,0.01101,-0.01117,0.07353,-0.10311,0.06171,0.1594,0.07512,0.03567,-0.02566,0.0569,0.01565,0.02676,-0.08689,-0.01341,-0.0011,0.04835,0.00534,-0.02648,-0.03182,-0.00288,-0.02318,-0.04745,-0.06307,0.06169,-0.01132,-0.10009,-0.04252,0.0768,0.03793,0.0518,0.03001,-0.04596,0.03694,-0.00955,-0.01046,0.02283,-0.04993,0.05139,0.01729,0.02063,-0.05369,0.07097,0.01285,-0.05559,0.00093,-0.00014,0.02855,0.01806,0.04313,0.02992,0.00461,-0.04845,-0.10088,-0.0896,-0.05453,0.02213,0.00552,0.02383,0.04687,0.10651,0.00018,-0.0668,-0.04654,0.05198,-0.01206,0.06529,0.02304,-0.09396,-0.01296,0.03269,0.02103,-0.09401,-0.01513,0.07597,-0.02337,-0.07112,0.07313,0.0107,0.03802,-0.0432,-0.01633,0.03417,-0.00638,-0.03536,-0.03276,0.01676,-0.05679,-0.10209,-0.04243,-0.08701,0.0491,-0.07192,0.07995,0.08754,0.07957,0.00296,-0.02438,0.01551,0.03404,0.0436,-0.05881,0,0.01557,-0.00149,-0.00527,0.05779,0.12195,-0.01532,-0.00036,-0.03978,-0.04013,0.06247,0.03475,0.0299,-0.09368,0.08693,-0.01039,-0.10258,-0.04606,0.04559,-0.01063,-0.0205,0.00627,-0.04375,-0.02534,-0.02586,-0.03257,0.0941,0.02273,0.0121,-0.04003,0.03056,0.01693,-0.05143,0.06378,0.00389,-0.09963,0.04005,0.00253,-0.06307,0.07962,-0.01155,-0.04572,-0.00886,-0.05331,-0.02991,0.0302,0.0226,-0.02175,0.00308,0.06793,0.01058,0.0689,0.03483,0.1082,0.04035,0.06515,-0.02976,-0.02687,0.04992,0.03851,0.04952,0.05745,0.13167,-0.05829,-0.04747,0.03367,0.07415,0.03953,0.01805,0.0042,-0.03046,-0.04882,0.09129,-0.00959,-0.01067,0.05089,-0.01877,0.03527,-0.01923,0.00943,-0.01388,-0.08683,0.02704,-0.02176,0.00854,-0.00351,0.03253,0.0723,0.00193,-0.12544,-0.02466,0.08406,-0.04793,0.02892,-0.02821,-0.00558,0,-0.02964,0.04781,-0.04289,0.04917,0.12102,-0.04382,-0.01059,-0.01759,0.03488,0.02792,0.00076,0.05119,-0.03313,-0.07634,-0.02929,-0.02057,-0.02997,-0.0358,0.04706,-0.05448,-0.04236,-0.01016,-0.0326,0.01001,-0.05584,-0.01831,-0.00053,0.0576,0.0338,-0.03123,-0.02241,-0.05231,-0.00183,-0.04016,-0.01205,-0.02283,-0.12852,0.08499,-0.00559,0.01857,-0.01039,-0.02652,-0.02487,0.05955,-0.0778,0.03032,-0.03067,-0.04313,0.00592,0.02325,0.01288,-0.03826,-0.05132,-0.03189,-0.02925,0.06309,0.02638,0.03064,-0.11289,0.06645,0.00067,0.00601,0.04334,-0.04631,0.06807,-0.01412,-0.0176,-0.02011,0.00087,0.06845,0.0989,0.0339,-0.08719,0.02403,0.04586,0.00224,0.0968,0.01465,0.01335,0.11067,-0.08319,0.07128,-0.03379,0.10158,0.02583,-0.00285,-0.06083,0.07226,0.03971,0.03891,-0.04512,0.08158,0.09857,0.03389,-0.03943,0,-0.05867,-0.08198,0.03315,0.00921,-0.02348,0.06653,-0.00959,-0.08373,-0.05953,-0.01909,-0.00264,0.07762,-0.02779,-0.00975,0.02461,-0.00261,-0.07254,0.00281,-0.08432,-0.11998,-0.03945,0.08726,-0.02703,0.00087,-0.02851,0.03402,-0.044,-0.03168,0.00011,0.00873,0.01395,0.05375,-0.01736,0.0582,-0.04209,0.0231,-0.08658,0.04934,-0.07062,-0.03946,0.04983,-0.04831,0.00886,-0.00625,-0.0851,0.04458,0.01373,-0.03122,-0.04562,0.01862,-0.0324,0.02465,-0.08532,0.11123,-0.01444,0.04564,-0.03189,0.02089,0.12675,-0.05228,-0.0479,0.06725,0.04599,0.04428],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: custom group shell The same pattern works for groups:","excerpt":"Recipe: custom group shell The same pattern works for groups:"},{"chunkId":"/docs/styling-recipes#6","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.06887,0.04503,-0.0432,0.02647,0.02253,0.05182,-0.04283,-0.01622,0.05838,0.05114,-0.11699,-0.00015,-0.09151,-0.05736,0.12355,-0.02425,-0.01409,0.036,-0.01224,0.03833,-0.07302,0.02625,0.03433,-0.02595,-0.03243,0.08008,0.04896,0.00778,0.09072,-0.07619,0.07461,0.11747,0.02307,0.03896,-0.10833,0.07765,-0.01295,0.0406,-0.02803,-0.02057,0.04304,0.05081,-0.01484,-0.07924,-0.0377,-0.02764,-0.05339,-0.031,-0.07073,0.0242,-0.05592,-0.13191,-0.07296,0.07196,0.01478,-0.01066,0.04315,-0.01508,0.05206,0.00971,-0.03192,0.04154,-0.02405,0.03676,0.03655,0.04434,-0.09036,0.09018,-0.01647,-0.03736,0.01458,-0.02278,0.0205,0.01026,0.00795,0.00274,-0.04071,-0.00866,-0.06924,-0.06278,0.01335,0.03314,0.02627,0.05332,0.03172,0.1128,0.04014,-0.06669,0.0045,-0.0213,0.01922,0.05081,0.03593,-0.0512,-0.0066,0.04815,-0.02732,-0.04256,-0.05307,0.04939,-0.04116,-0.09497,0.07906,0.05613,-0.00357,-0.02942,0.00193,0.02303,0.00278,-0.06094,0.00934,0.05274,-0.05993,-0.13053,-0.03328,-0.1103,0.02616,-0.05904,0.04927,0.1303,0.02355,-0.00169,-0.00036,-0.00335,0.04026,0.0224,-0.0016,0,0.02833,0.03182,-0.05793,0.03981,0.13692,-0.01316,-0.01136,-0.09906,-0.02112,0.07092,0.06644,0.0384,-0.10007,0.09158,-0.01245,-0.05788,-0.02646,0.04222,0.02717,-0.02438,0.02344,-0.04606,-0.02783,0.00519,-0.00732,0.04021,0.04266,-0.00302,-0.10525,-0.00367,0.06574,-0.02575,0.04442,-0.01035,-0.08693,0.03127,-0.04929,-0.04956,0.04641,-0.02481,-0.02711,-0.01847,-0.08703,0.00874,0.01979,0.03384,0.01909,-0.01017,0.09646,0.0163,0.05981,0.04599,0.07897,0.04959,0.0614,0.00156,0.00584,0.0501,0.09713,0.00914,0.06266,0.05338,-0.05952,-0.06879,0.01058,0.04258,0.02705,0.01947,0.02485,-0.07711,-0.0424,0.03595,0.00338,0.02563,0.02815,-0.03617,0.0181,0.00981,0.08659,-0.02803,-0.07132,0.0194,-0.03293,0.07719,0.00775,-0.00294,0.01487,0.0099,-0.05684,-0.01696,0.08447,-0.0366,-0.0031,-0.07518,-0.0037,0,-0.01559,0.01067,-0.07834,0.06744,0.04908,-0.05119,-0.01702,0.03075,0.05858,0.03229,0.08897,0.05999,-0.01108,-0.08507,-0.04959,0.01158,-0.05117,-0.03198,0.06248,-0.09662,-0.01366,-0.05436,0.016,-0.0203,-0.02927,0.01795,0.00691,0.04895,0.0199,-0.06983,-0.02032,-0.00345,-0.01283,-0.06077,-0.07258,-0.03896,-0.07713,0.0362,-0.02801,0.00787,-0.01613,-0.01139,0.01242,0.08058,-0.09975,0.0123,-0.04463,-0.03291,0.01861,-0.00123,0.02129,-0.01852,-0.04183,-0.04867,-0.05548,0.00466,0.03008,0.02914,-0.08156,0.05444,0.00768,0.0222,0.01246,-0.04554,0.0481,0.04761,-0.04097,-0.00696,0.07714,0.06799,0.07916,-0.0189,-0.04979,0.01927,0.02719,0.03366,0.15262,-0.01103,0.04492,0.03913,-0.06666,0.06844,-0.07912,0.00713,0.00712,-0.00626,-0.09485,0.01311,0.0664,0.03023,-0.08807,0.06188,0.07912,-0.00569,-0.01821,0,-0.08249,-0.04876,0.02438,-0.01097,-0.01238,0.03747,0.00922,-0.06219,-0.01408,0.01345,0.00695,0.09053,-0.02355,-0.01014,0.02237,0.00163,-0.05166,0.02097,-0.08502,-0.10523,0.0101,0.10531,-0.00139,-0.00472,0.03686,0.02713,-0.02626,-0.0186,0.00261,0.04728,-0.02135,0.04877,0.02413,-0.00292,-0.06962,0.02732,-0.06508,-0.00385,-0.0918,-0.07486,-0.00005,-0.0563,0.02464,-0.02593,-0.10701,0.01542,0.00773,0.03233,-0.02374,0.01279,-0.03897,0.00699,-0.10185,0.09028,-0.03134,0.0347,-0.04709,0.01226,0.0999,-0.09076,-0.08968,0.02099,0.04193,-0.00648],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: component-local editor styles in Angular If you want an editor-specific theme inside a component stylesheet: If you would rather avoid ::ng-deep, move the mixins to a global stylesheet or use ViewEncapsulation.None. View Encapsulation","excerpt":"Recipe: component-local editor styles in Angular If you want an editor-specific theme inside a component stylesheet: If you would rather avoid ::ng-deep, move the mixins to a global stylesheet or use ViewEncapsulation.None."},{"chunkId":"/docs/styling-recipes#7","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.0533,0.02055,-0.02999,0.03196,0.01019,0.03054,0.02215,-0.00141,0.04974,-0.00516,-0.06605,-0.00051,-0.0661,-0.07322,0.07482,-0.01702,-0.02715,0.01532,-0.01434,0.05553,-0.03339,-0.06282,-0.00945,-0.0254,-0.03475,0.07383,-0.00863,0.00261,0.08056,-0.08995,0.0428,0.1052,-0.0149,0.02819,-0.05373,0.02868,0.04904,0.01681,-0.11715,-0.01457,0.01193,0.01185,0.02346,0.01773,-0.02093,0.01846,0.01009,-0.02604,-0.05877,0.05721,-0.03329,-0.10483,-0.06397,0.049,0.0462,0.06821,0.04021,-0.04075,0.01934,0.02603,-0.00678,0.05902,-0.05951,0.0523,0.00717,-0.00545,-0.06082,0.06681,0.02379,-0.06179,-0.00631,0.02291,-0.00549,0.00432,0.06469,0.02677,-0.01166,-0.02592,-0.10037,-0.09137,-0.00727,0.02675,0.00901,0.0561,0.02954,0.11579,0.01154,-0.0951,-0.03783,0.06695,0.00509,0.04,-0.02142,-0.09429,-0.00712,0.00105,-0.01838,-0.0816,-0.04449,0.06929,-0.02215,-0.08042,0.07138,0.03802,0.0414,-0.02142,-0.02578,0.00596,-0.03525,-0.02807,-0.03616,-0.01369,-0.03996,-0.08561,-0.0503,-0.07544,-0.00613,-0.07013,0.11362,0.05641,0.03221,0.01462,-0.01034,-0.00086,0.01551,-0.0047,-0.05787,0,0.01197,-0.00406,-0.01376,0.04609,0.11061,-0.00545,0.01166,-0.07451,-0.05083,0.06491,0.03606,0.03274,-0.09215,0.1338,0.00366,-0.09729,-0.00086,0.06848,0.00016,-0.00818,0.00897,-0.09077,-0.01761,-0.03549,0.01229,0.10035,0.00484,0.04189,-0.02653,0.0219,0.00155,-0.04055,0.06133,0.00089,-0.09277,0.04508,-0.03908,-0.09871,0.06444,-0.01746,-0.04729,-0.02276,-0.07364,-0.01503,-0.00876,0.0431,-0.02888,0.02437,0.0305,0.01261,0.06159,0.04043,0.11654,0.0388,0.05611,-0.04488,-0.02685,0.05773,0.01195,0.05031,0.03791,0.12003,-0.08559,-0.04903,0.04728,0.10758,0.02644,0.04256,0.01853,-0.02787,-0.09618,0.09716,-0.00306,-0.03774,0.04585,-0.03158,-0.00693,-0.06178,0.05391,0.00337,-0.087,0.00273,-0.00485,0.0411,-0.0028,-0.01155,0.04036,-0.00039,-0.09015,-0.01231,0.09835,-0.04213,0.02742,-0.02767,-0.03011,0,-0.03692,0.0348,-0.0399,0.07312,0.06956,-0.02591,0.00563,-0.02009,0.05422,0.01629,0.0357,0.04953,-0.031,-0.07992,-0.00787,-0.0015,-0.05546,-0.04724,0.02134,-0.07244,-0.01584,-0.00613,0.00192,-0.03929,-0.05605,-0.03556,-0.00466,0.04154,-0.00611,-0.04012,-0.00185,-0.04759,0.00048,-0.06638,-0.01369,-0.01901,-0.07445,0.08558,0.03826,0.00402,-0.00269,-0.03508,-0.00978,0.06802,-0.06227,0.06535,-0.12207,-0.0323,-0.00156,0.0205,-0.00952,-0.01193,-0.05758,-0.04203,-0.03525,0.07416,0.05092,0.03282,-0.07201,0.0388,0.01707,-0.02181,-0.00911,-0.0324,0.08459,0.00349,-0.00317,-0.03508,0.01001,0.07512,0.1123,0.06701,-0.05733,-0.01236,0.06174,0.00609,0.11029,0.00455,0.02081,0.10323,-0.06881,0.08032,0.00878,0.05782,0.04359,0.02889,-0.07215,0.04923,0.0457,0.0283,-0.04524,0.08704,0.09126,0.05163,-0.07054,0,-0.06039,-0.08278,0.0311,-0.03482,-0.02469,0.10471,0.02189,-0.00721,-0.05525,-0.00585,0.02198,0.0823,-0.04351,0.02706,0.05312,-0.0104,-0.03068,0.0064,-0.09822,-0.12859,-0.01873,0.09863,-0.01882,0.06259,-0.01441,-0.00714,-0.00562,0.0183,0.01202,0.02796,0.00195,0.0228,0.00075,0.05477,-0.04909,0.08871,-0.08958,0.03753,-0.09923,0.00218,0.03918,-0.03784,-0.00496,-0.0105,-0.02367,0.05678,0.00925,-0.0312,-0.08324,0.01029,-0.06205,0.04822,-0.06424,0.10325,0.00457,0.03649,-0.05373,0.02228,0.08852,-0.01496,-0.07308,0.0577,0.05811,0.037],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: connections with markers, waypoints, and visible drag handles Use the connection layers independently when your editor needs more explicit edge affordances: This is more explicit than connection-all() and makes it obvious that always-visible drag handles are part of the intended UX.","excerpt":"Recipe: connections with markers, waypoints, and visible drag handles Use the connection layers independently when your editor needs more explicit edge affordances: This is more explicit than connection-all() and makes it obvious that always-visible drag handles are part of the intended UX."},{"chunkId":"/docs/event-system#0","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.03732,-0.04924,-0.05265,0.01711,0.02037,0.03381,0.11107,0.07217,0.09466,0.00729,-0.03277,-0.04417,-0.05873,-0.00215,-0.00352,-0.01837,-0.01356,-0.02401,-0.07582,0.08188,0.02175,-0.14361,-0.0488,-0.05441,-0.0525,0.01063,0.03146,-0.0867,0.02685,-0.06478,0.03521,0.03558,0.01694,-0.01856,-0.07843,0.01402,0.03294,-0.06868,-0.13345,-0.03542,0.02866,-0.0209,-0.00372,0.0612,-0.04641,0.03528,0.03305,0.03136,-0.04736,0.10322,-0.01421,-0.05723,-0.01818,0.10138,0.03928,0.09386,0.05048,-0.02765,0.02335,-0.02067,-0.05119,-0.0049,-0.06349,0.04498,-0.02043,0.02828,-0.0481,-0.03702,0.04883,-0.072,-0.02227,-0.01503,0.00347,-0.00991,0.05117,-0.06869,-0.02244,0.05454,-0.05034,-0.05825,0.06397,0.00931,0.01716,0.03386,0.05199,0.05179,0.00169,-0.01123,-0.0318,0.08968,-0.02943,0.09131,-0.0426,-0.03489,0.01447,-0.03948,0.00113,-0.03496,0.02745,0.02276,0.02411,-0.04483,-0.00129,0.07026,-0.00477,-0.06487,-0.08266,-0.04335,-0.08619,0.03032,-0.06561,-0.04443,0.04277,-0.03069,0.00228,0.05519,-0.03056,0.00805,0.01619,-0.00814,0.03437,0.03111,0.02595,-0.01251,0.04426,-0.02083,-0.05618,0,-0.0222,-0.06192,-0.04835,0.07071,0.00395,-0.01655,0.04326,-0.01806,-0.00029,-0.01675,-0.00385,0.08188,-0.00626,0.03173,0.00816,-0.08621,-0.04292,0.03382,0.00586,0.0397,0.05603,-0.07624,-0.04263,0.01028,0.08303,0.0734,-0.06357,0.0801,-0.02593,0.02599,-0.05672,-0.03767,-0.01541,-0.03117,-0.07899,0.0215,-0.0568,-0.04684,-0.00811,-0.04338,-0.0177,-0.04372,-0.12218,-0.06519,0.01616,-0.06271,-0.08913,0.03366,0.03249,-0.00568,0.09555,-0.01609,0.09328,0.03712,0.04943,-0.01005,-0.0476,0.04484,-0.04399,0.06256,0.05137,0.05869,-0.06033,-0.00515,0.0647,0.07447,0.01899,0.0045,0.01081,-0.0316,-0.06894,0.1038,0.049,-0.03896,0.05203,0.02424,-0.03712,-0.02289,-0.0412,0.02768,-0.02112,-0.03718,0.03825,0.02503,0.06956,-0.05423,0.0128,-0.03252,-0.18041,-0.00946,0.12654,-0.039,0.04699,0.07074,0.03161,0,0.03426,0.03268,-0.02913,0.07133,0.02644,0.0036,0.00948,-0.00256,0.02561,-0.06838,-0.03001,0.02584,0.00687,0.0252,0.01576,0.02268,0.00736,-0.09061,-0.08293,-0.05394,0.00686,-0.02846,-0.02584,-0.06208,-0.08919,-0.02079,0.05084,0.01478,-0.01336,-0.0103,-0.04191,-0.01411,-0.04629,0.00828,0.06986,-0.03254,-0.01132,0.04955,0.07313,-0.02667,0.06534,-0.00581,-0.01294,-0.00753,-0.01357,0.08624,-0.1331,0.02178,-0.02061,0.0099,-0.06428,0.0446,-0.07444,-0.014,-0.00769,0.08957,0.11094,0.01685,-0.03536,0.03192,-0.00455,-0.04764,0.0129,0.00287,0.05126,0.0234,-0.00256,0.00617,0.04651,0.06015,0.08179,0.03527,-0.04004,0.00721,0.04638,0.02806,0.09494,-0.05078,0.05882,0.03059,-0.02036,0.07103,0.06743,0.0595,-0.05123,0.12461,-0.0799,-0.02497,0.10028,-0.02017,-0.03797,0.00829,0.03521,-0.00181,-0.01051,0,-0.11493,-0.01648,-0.00506,0.02273,0.03434,0.07331,-0.03514,0.04487,-0.00479,-0.0557,-0.01952,0.04773,0.05296,-0.00994,0.08688,-0.01017,0.08567,-0.02818,-0.03263,-0.13998,0.00867,-0.01372,0.04775,0.09347,-0.03728,-0.09037,-0.01325,0.03897,0.02965,-0.02929,-0.00808,0.01437,-0.00516,0.06761,-0.07439,0.07398,-0.06218,-0.02576,0.00393,0.03544,0.0734,0.01777,-0.03143,-0.02768,-0.07007,0.06664,0.0087,-0.07388,-0.0286,0.02796,-0.03527,0.04201,-0.01481,0.08703,0.001,0.04346,-0.05083,-0.04467,0.11616,0.01784,-0.10818,0.03694,-0.02933,0.02439],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Event System Foblex Flow is built around user intent: users drag nodes, create/reassign connections, resize/rotate, select items, pan/zoom the canvas - and the library reports those actions through a consistent event layer. Important: Foblex Flow events are designed to be final-result events. During an active drag session the library updates positions internally for smooth UX, and then emits a single “result” event when the action is completed (plus start/end lifecycle events). This page summarizes what events exist, where to subscribe, and how to use triggers to control when interactions should start. What you get - Lifecycle events (e.g. fNodesRendered, fFullRendered, drag start/end). - Selection and transform events (canvas changes, node/group geometry changes). - Connection workflow events (create, reassign, waypoints). - External-drop events (create node from palette/toolbox, drop to group). - Trigger-based configuration: you can decide which gestures start which behaviors. f Nodes Rendered f Full Rendered","excerpt":"Event System Foblex Flow is built around user intent: users drag nodes, create/reassign connections, resize/rotate, select items, pan/zoom the canvas - and the library reports those actions through a consistent event layer. Important: Foblex Flow events are designed to be final-result events. During an active drag session the library updates positions internally for smooth UX, and then emits a single “result” event when the action is completed (plus start/end lifecycle events). This page summarizes what events exist, where to subscribe, and how to use triggers to control when interactions should start. What you get - Lifecycle events (e.g. fNodesRendered, fFullRendered, drag start/end). - Selection and transform events (canvas changes, node/group geometry changes). - Connection workflow events (create, reassign, waypoints). - External-drop events (create node from palette/toolbox, drop to group). - Trigger-based configuration: you can decide which gestures start which behaviors."},{"chunkId":"/docs/event-system#1","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.0284,-0.0017,-0.07448,0.0349,0.01993,0.03968,0.06468,0.10716,0.08945,0.01568,-0.04744,-0.04041,-0.04703,-0.04696,-0.03062,-0.04454,0.02716,-0.01751,-0.06394,0.05327,-0.04226,-0.15988,-0.04891,-0.02588,-0.02914,0.06228,0.03398,-0.0167,0.01983,-0.06529,0.01204,0.08923,-0.00684,0.00407,-0.07843,0.00835,0.00697,-0.07161,-0.1057,-0.05541,0.00156,-0.00796,-0.00402,0.05013,-0.01691,0.00348,0.01898,-0.00184,-0.04324,0.07008,-0.01811,-0.02873,-0.01744,0.0935,0.03431,0.09544,0.08756,-0.04108,-0.04418,0.01384,-0.00487,0.01525,-0.02854,0.04817,-0.0197,0.01948,-0.06723,-0.00856,0.05836,-0.08968,-0.02228,0.03385,-0.00864,-0.0524,0.0573,-0.08947,-0.01922,0.05862,-0.02435,-0.0698,0.06022,0.00043,0.02195,0.04465,0.05695,0.06537,0.00016,-0.03711,-0.05027,0.08746,0.02109,0.10773,-0.0233,-0.07483,0.00553,-0.02349,-0.03861,-0.03998,0.02303,0.01684,0.0423,-0.06968,0.01439,0.11495,-0.00417,-0.05904,-0.032,-0.01941,-0.06822,-0.00291,-0.04102,0.00649,0.02169,-0.0142,-0.0108,0.01467,-0.05758,0.00143,0.02857,0.04493,0.01834,0.01801,0.00398,0.01654,0.05361,0.00403,-0.02457,0,-0.01692,-0.00539,-0.03127,0.03348,0.0362,0.04532,0.0103,-0.03666,0.0571,-0.03325,-0.04177,0.05818,-0.01932,-0.00005,0.04665,-0.11001,-0.07198,0.0677,-0.00379,0.00146,0.08311,-0.05509,-0.02246,0.00837,0.08998,0.12714,-0.05459,0.08026,-0.05417,0.03097,-0.05765,-0.04399,-0.01655,-0.02192,-0.06497,0.04186,-0.02529,-0.08016,-0.01979,-0.03625,-0.03061,-0.02641,-0.07582,-0.06762,-0.01416,-0.0434,-0.07766,0.02484,0.01517,0.01136,0.06768,0.00708,0.08723,-0.00885,0.06919,0.00794,-0.0053,-0.00362,0.00224,0.08468,0.02874,0.07485,-0.08729,0.00654,0.03581,0.09472,0.03556,0.02893,0.01785,-0.02774,-0.07999,0.08048,0.0264,0.00332,0.04206,-0.00349,-0.03625,-0.02779,-0.04062,-0.02305,-0.05191,-0.0503,0.00203,0.00848,0.11798,-0.08301,0.0044,-0.02876,-0.12072,0.0323,0.12336,-0.03894,0.04987,0.03329,-0.00572,0,-0.02051,0.00633,-0.0092,0.03533,0.02361,-0.02854,-0.01533,0.01365,-0.00632,-0.07022,-0.03461,0.04236,-0.05837,-0.02359,-0.01747,0.0324,-0.02973,-0.10768,-0.06692,-0.06062,0.00341,-0.02124,-0.00856,-0.06133,-0.09385,-0.04365,0.03196,-0.00435,0.01332,-0.0531,-0.02134,-0.04828,-0.0618,-0.01974,0.07672,-0.03399,-0.00214,0.06279,0.05654,0.00257,0.04047,0.02385,-0.03326,0.02053,-0.02893,0.13264,-0.1662,0.00711,-0.0249,0.01526,-0.07272,0.01903,-0.06005,-0.00421,-0.02672,0.05706,0.11537,0.03453,-0.05843,0.02552,-0.00145,-0.08486,0.03182,0.00264,0.0747,0.04101,-0.00282,0.02556,0.03205,0.06229,0.08197,0.01403,-0.07613,0.00613,0.04015,0.00084,0.05996,-0.01245,0.07816,0.05502,-0.03777,0.07759,0.05781,0.01319,-0.02848,0.09511,-0.06554,-0.02509,0.09711,-0.02103,-0.06568,0.03381,0.0327,-0.00281,-0.03082,0,-0.1489,0.00068,0.00705,-0.00779,0.00572,0.02461,-0.03845,0.05092,-0.00998,-0.08003,-0.0165,0.06533,-0.00228,0.00768,0.06209,0.00649,0.04252,-0.03213,-0.02399,-0.08129,0.01068,0.01108,-0.00783,0.11399,0.00498,-0.07092,-0.00745,0.03694,0.06663,-0.01075,0.00919,0.0318,0.067,0.11589,-0.07839,0.03803,-0.05062,-0.01678,-0.00789,0.03927,0.05927,-0.01162,-0.02661,-0.0257,-0.01099,0.05624,0.01435,-0.041,-0.03577,0.00109,-0.06924,0.01593,-0.03228,0.09529,0.04095,0.04292,-0.00415,-0.01835,0.13238,0.01648,-0.12782,0.06747,-0.01934,0.01081],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Why / Use cases The event system is how you keep your application state and your backend in sync with what the user did in the editor. Typical scenarios: - Save positions when the user finishes moving nodes (fMoveNodes, fDragEnded). - Create edges when the user connects ports (fCreateConnection). - Reassign edges by dragging endpoints (fReassignConnection). - Persist geometry changes after resize/rotate (fNodeSizeChange, fNodeRotateChange, etc.). - Update UI panels when selection changes (fSelectionChange). - Track usage (analytics/telemetry) without coupling it to rendering code. f Move Nodes f Drag Ended f Create Connection f Reassign Connection f Node Size Change f Node Rotate Change f Selection Change","excerpt":"Why / Use cases The event system is how you keep your application state and your backend in sync with what the user did in the editor. Typical scenarios: - Save positions when the user finishes moving nodes (fMoveNodes, fDragEnded). - Create edges when the user connects ports (fCreateConnection). - Reassign edges by dragging endpoints (fReassignConnection). - Persist geometry changes after resize/rotate (fNodeSizeChange, fNodeRotateChange, etc.). - Update UI panels when selection changes (fSelectionChange). - Track usage (analytics/telemetry) without coupling it to rendering code."},{"chunkId":"/docs/event-system#2","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.05136,-0.00988,-0.08282,0.07053,0.00242,0.05661,0.02409,0.01576,0.09072,0.04302,-0.07881,-0.04085,-0.09627,0.01685,0.04001,0.01856,-0.00914,-0.07467,-0.05274,0.04243,-0.0104,-0.09086,-0.03889,-0.04218,-0.01829,0.03874,0.06548,-0.05854,0.06728,-0.07789,0.0203,0.05785,-0.05199,-0.02693,-0.08026,0.05896,0.01178,-0.08341,-0.0994,-0.0814,0.11006,-0.00286,-0.01692,-0.00731,-0.04196,0.01632,0.00484,0.02997,-0.06167,0.08491,-0.01792,-0.01001,-0.01606,0.10576,0.06134,0.05922,0.07695,-0.02403,-0.00996,-0.0143,-0.04436,-0.01333,-0.00402,0.05597,0.00393,0.04263,-0.06667,0.00461,0.03795,-0.06622,0.00784,-0.01833,-0.01173,-0.07058,0.08509,-0.05614,-0.03448,0.05177,0.01073,-0.04913,0.05855,-0.01172,0.01082,0.01736,0.00727,0.04423,-0.02513,-0.07114,-0.01229,0.02443,-0.01762,0.08645,0.02727,-0.02974,0.01865,-0.00725,0.00877,-0.00711,-0.05443,0.01775,0.01902,-0.02086,0.01786,0.09144,-0.05527,-0.07522,-0.02734,-0.01677,-0.08399,0.01149,-0.06416,0.02204,0.03532,-0.00449,-0.03625,-0.00683,-0.03987,-0.00908,0.03266,0.0203,-0.01688,0.01412,0.08181,-0.0361,0.05876,-0.01789,-0.01097,0,-0.02225,-0.01707,-0.07856,0.02871,0.00818,0.01935,0.04674,-0.07077,0.06113,0.00013,-0.00026,0.07067,-0.02671,0.06278,0.05249,-0.07958,-0.04731,0.01501,0.03822,0.04186,0.08336,0.05892,-0.06109,-0.0031,0.09097,0.09059,-0.04362,0.08236,-0.09298,0.02708,0.02157,0.00538,-0.02777,-0.02606,-0.04816,0.04201,-0.03774,-0.05334,-0.04214,-0.08643,0.01163,-0.06635,-0.10552,-0.02876,-0.01679,-0.07461,-0.08464,0.01758,0.01263,0.02153,0.04123,0.00915,0.04776,0.04193,0.02767,-0.03512,-0.05544,0.01799,0.02147,0.03488,0.06878,0.06009,-0.04027,0.01955,0.06517,0.0892,0.00327,-0.01846,0.04344,-0.05405,-0.05578,0.0998,0.01457,-0.02881,0.03825,-0.00878,-0.01978,-0.01611,-0.01595,-0.03254,0.03596,-0.09126,0.01059,0.07488,0.08773,-0.07354,-0.00497,-0.07965,-0.1234,0.02441,0.13448,-0.00749,0.07487,0.03036,0.04991,0,0.01816,0.02373,-0.01213,0.05812,0.00056,-0.0604,0.00991,0.03693,0.01689,-0.08057,-0.02864,0.04308,0.01284,0.02471,-0.0048,0.03645,-0.04147,-0.13535,-0.00312,-0.05463,-0.02235,-0.02309,-0.05338,-0.04435,-0.07684,0.02398,0.01273,-0.01635,0.01051,-0.0379,-0.00835,-0.0188,-0.10257,-0.01753,0.01915,-0.05647,0.01082,0.04134,0.02503,-0.05824,0.0444,0.01899,-0.0696,0.00965,-0.01745,0.06875,-0.14239,-0.00674,0.00708,0.01768,-0.05754,0.03968,-0.0506,-0.01672,-0.05518,0.04564,0.16513,0.02412,-0.04516,0.01057,-0.0031,-0.01758,0.02816,0.01933,0.05625,0.02168,0.0023,0.00753,0.09692,0.07285,0.07689,0.0329,-0.04855,-0.04021,0.12266,0.06121,0.04638,-0.05568,0.05312,0.01466,-0.01662,0.07227,0.0242,0.01188,0.0082,0.05582,-0.12021,-0.03715,0.07943,0.03984,-0.0451,0.01051,-0.02219,-0.0299,-0.03768,0,-0.10635,0.00095,-0.00221,-0.00252,0.05657,0.01596,-0.05681,-0.02399,0.00544,-0.03561,-0.05519,0.07073,-0.00026,-0.04824,0.07854,0.02862,0.06227,-0.05997,-0.03015,-0.08224,-0.00318,-0.01433,0.00707,0.13721,0.01058,-0.06341,0.0157,0.03219,0.03568,0.04223,0.01882,0.0673,0.05714,0.09695,-0.08688,0.01971,0.02139,-0.01206,-0.02385,-0.00526,0.05233,0.01677,-0.03807,-0.0365,-0.04823,0.04767,-0.00089,-0.06086,-0.02787,0.00706,-0.12234,0.03947,-0.07378,0.09715,0.02691,0.01848,-0.02676,0.02207,0.11854,0.00724,-0.06034,-0.00787,-0.00103,0.00175],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. How it works At a high level: 1. fDraggable orchestrates pointer interactions and runs the internal behavior pipeline. 2. When an interaction is completed (or its state changes), it emits typed events. 3. Your app handles those events and updates your model (nodes, connections, groups). 4. Angular re-renders based on your state. Foblex Flow does not “own” your persistence - it only helps users interact. In practice this gives you a clean separation: - Foblex Flow → UX + interaction signals - Your app → domain logic + state + persistence This is the default stateless contract. With the optional Managed Flow State plugin, supported events also update an explicit typed graph store automatically; the events still fire, and domain logic plus persistence remain in the application. f Draggable","excerpt":"How it works At a high level: 1. fDraggable orchestrates pointer interactions and runs the internal behavior pipeline. 2. When an interaction is completed (or its state changes), it emits typed events. 3. Your app handles those events and updates your model (nodes, connections, groups). 4. Angular re-renders based on your state. Foblex Flow does not “own” your persistence - it only helps users interact. In practice this gives you a clean separation: - Foblex Flow → UX + interaction signals - Your app → domain logic + state + persistence This is the default stateless contract. With the optional Managed Flow State plugin, supported events also update an explicit typed graph store automatically; the events still fire, and domain logic plus persistence remain in the application."},{"chunkId":"/docs/event-system#3","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.01282,-0.01288,-0.0842,0.02693,0.00222,0.05161,0.08915,0.07413,0.06749,0.00633,-0.01163,-0.06922,-0.04282,-0.01328,-0.05348,0.00044,-0.0419,-0.0378,-0.03509,0.05319,0.00251,-0.13255,-0.06574,-0.0461,-0.04289,0.02296,0.0228,-0.02882,0.02071,-0.0717,-0.01557,0.05322,0.01349,-0.00491,-0.02804,-0.02299,0.0344,-0.0868,-0.11278,-0.02521,0.03042,-0.03809,-0.0065,0.02745,-0.05233,0.0485,0.02115,0.00064,-0.04627,0.08026,-0.03487,-0.01633,-0.0195,0.11748,0.05596,0.0653,0.04155,-0.05475,0.00106,-0.03335,-0.04387,0.01328,-0.07707,0.07421,0.02495,0.00201,-0.08252,0.02969,-0.0078,-0.10025,-0.04021,0.01747,0.00271,-0.02745,0.09251,-0.05784,-0.01956,0.03909,-0.02809,-0.07753,0.0484,0.03328,-0.0168,0.03465,0.04807,0.09277,-0.02017,-0.0358,-0.04956,0.06665,-0.01332,0.01806,-0.00311,-0.0163,0.02094,-0.03195,0.001,-0.05381,0.00306,-0.01462,0.01248,-0.06179,0.03384,0.07199,-0.00312,-0.0701,-0.0403,-0.01877,-0.04547,-0.00825,-0.06638,-0.01942,0.04098,-0.02274,0.00569,0.03068,-0.0648,0.01759,0.06378,0.01151,-0.00398,-0.00769,0.02111,-0.01976,0.01275,-0.03918,-0.04643,0,-0.05981,-0.06976,-0.06038,0.0552,-0.00434,0.01532,0.01679,-0.03901,0.01742,0.02857,-0.05635,0.03646,0.00309,0.04635,0.02016,-0.09017,-0.06145,0.07632,0.0035,0.03557,0.08546,-0.01669,-0.0169,-0.0275,0.11138,0.10895,-0.05373,0.0467,-0.03994,0.0474,-0.03157,-0.01874,-0.01094,-0.01678,-0.06334,0.03129,-0.0152,-0.04439,-0.00995,-0.03602,-0.04506,-0.08966,-0.10393,-0.04324,-0.01017,-0.05141,-0.09789,0.00812,0.04323,0.01883,0.06066,-0.02692,0.08905,0.03274,0.0793,-0.03465,-0.03998,0.04096,-0.013,0.07803,0.04888,0.12457,-0.04071,-0.03117,0.05774,0.0852,0.00509,-0.0401,0.02745,-0.05312,-0.08569,0.06627,0.02735,-0.04392,0.03891,0.00016,-0.00594,-0.02235,-0.02145,-0.01654,-0.0839,-0.02051,0.02583,0.00193,0.0663,-0.04835,0.02157,-0.04107,-0.1262,-0.02346,0.11372,-0.02602,-0.00262,-0.00155,0.02491,0,0.00693,0.06674,-0.00241,0.05591,0.03358,-0.02385,0.03805,0.00729,0.03956,-0.0358,-0.02402,0.06328,-0.0445,-0.00458,0.02424,0.00576,-0.0383,-0.12419,-0.04988,-0.05934,0.0079,-0.00549,0.00802,-0.08546,-0.10618,-0.02426,0.04956,0.03359,-0.00909,-0.03242,-0.03456,0.00987,-0.07609,0.03607,0.04161,-0.04605,0.05727,0.07286,0.03947,-0.05441,0.06169,0.03159,-0.02843,0.05354,-0.01164,0.09681,-0.11741,-0.02848,0.04762,0.02007,-0.03383,-0.02722,-0.06455,0.02256,-0.01756,0.09874,0.12198,0.01593,-0.04164,0.03833,0.01184,-0.06057,0.02951,0.00046,0.06797,0.0143,0.00491,0.01264,0.04491,0.03778,0.0798,0.07374,-0.00207,-0.00881,0.03946,0.03428,0.03609,-0.00271,0.06984,0.05834,-0.03902,0.07997,0.04779,0.10089,0.00348,0.07161,-0.04142,-0.03887,0.08317,-0.02101,-0.0312,0.03941,0.08328,0.01008,-0.05224,0,-0.09887,-0.0563,-0.00845,-0.03429,0.01844,0.10274,-0.05396,0.03222,-0.01221,-0.05066,-0.0045,0.07591,0.03084,0.01012,0.08493,-0.01307,0.0287,-0.01669,-0.03135,-0.13712,0.06466,-0.0061,0.0404,0.13237,0.00901,-0.08342,-0.05427,0.02956,0.01799,-0.03041,0.00225,0.07265,0.00131,0.08429,-0.0378,0.08838,-0.06839,0.00955,-0.04496,0.02237,0.04899,-0.05578,-0.04156,-0.04129,-0.0205,0.08534,-0.00485,-0.03784,-0.07989,-0.00123,-0.07038,0.06461,-0.01404,0.10108,0.02037,0.02048,-0.04414,-0.03852,0.09162,0.02809,-0.11259,0.07366,0.0068,0.02267],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Configuration (Inputs/Outputs/Methods)","excerpt":"Configuration (Inputs/Outputs/Methods)"},{"chunkId":"/docs/event-system#4","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.03092,-0.01465,-0.05072,0.03032,0.06261,0.05252,0.10413,0.07439,0.07701,0.00347,-0.02435,-0.0721,-0.0875,-0.01648,-0.05472,-0.02292,-0.04105,-0.00644,-0.04603,0.05491,-0.01448,-0.14775,-0.03635,-0.03792,-0.02509,0.03733,-0.01753,-0.03223,0.00595,-0.09285,-0.00527,0.108,-0.00189,0.01586,-0.04767,0.0028,0.03398,-0.04707,-0.09668,-0.02449,0.01932,-0.04628,0.01867,-0.00179,-0.05111,0.08379,0.0333,0.03603,-0.08076,0.10493,0.00927,0.01671,-0.01141,0.1067,0.07101,0.04778,0.07462,-0.05422,-0.02015,0.01949,-0.04294,-0.00625,-0.05934,0.03843,-0.00096,0.01819,-0.05312,-0.01994,0.04506,-0.04365,0.01319,0.02175,0.02254,-0.05902,0.08476,-0.06637,-0.00531,0.07455,-0.00471,-0.07286,0.03955,0.03588,0.00898,-0.00543,0.05137,0.06533,-0.03322,-0.0255,-0.04209,0.09336,-0.05482,0.07955,-0.0394,-0.02048,0.01394,-0.0205,-0.01549,-0.04687,-0.01033,0.01834,0.00484,-0.0253,0.01415,0.0915,0.00133,-0.06839,-0.01647,-0.01209,-0.05271,-0.01564,-0.0496,-0.02068,0.07187,-0.01513,-0.02373,-0.00055,-0.05709,0.00979,0.06073,0.01139,0.01,0.00796,-0.0236,-0.02214,0.02038,-0.00204,-0.06777,0,-0.05016,-0.04149,-0.04009,0.02616,0.00943,-0.01097,0.02691,-0.04485,0.01866,0.0022,-0.05789,0.02151,-0.02591,0.01585,0.01371,-0.14742,-0.02355,0.01173,0.01567,0.00431,0.09242,-0.01508,-0.04516,-0.04027,0.08054,0.10646,-0.06497,0.08091,-0.01474,0.05205,-0.06116,-0.01464,0.00447,-0.03814,-0.06073,0.0105,-0.05315,-0.05763,-0.04036,-0.02999,-0.03621,-0.03247,-0.10845,-0.04578,-0.00888,-0.04312,-0.09402,0.03703,0.03125,0.02224,0.07753,-0.02558,0.05282,-0.0153,0.06584,-0.02383,-0.0563,0.0568,-0.03063,0.06692,0.03976,0.09159,-0.04043,-0.05559,0.0806,0.10163,0.05718,0.01377,0.00347,-0.05535,-0.07627,0.08716,0.03454,-0.02783,0.06035,0.01343,0.03936,-0.04776,-0.04354,-0.05925,-0.01693,-0.01829,0.03254,-0.0005,0.04764,-0.05973,0.03324,-0.05096,-0.13952,0.01843,0.09747,-0.04846,0.08103,0.00507,-0.00592,0,0.00611,0.02069,-0.02372,0.06857,0.02814,0.00424,0.01358,-0.01518,0.05525,-0.03276,-0.03776,0.0424,-0.09528,-0.046,0.02794,0.02913,-0.01395,-0.10584,-0.02728,-0.0206,-0.00299,0.02761,-0.01185,-0.00965,-0.06414,-0.01222,0.024,0.0458,0.0147,-0.02741,-0.01385,-0.03321,-0.08504,0.00005,0.07831,-0.06677,0.04345,0.06671,0.02964,0.00741,0.05139,0.05089,-0.01255,0.03991,0.00797,0.08233,-0.13921,-0.03164,-0.00247,0.03454,-0.05665,-0.02165,-0.088,0.03348,-0.03693,0.0978,0.14251,0.02919,-0.05727,0.02609,0.0107,-0.10328,-0.01064,-0.00948,0.10983,0.01746,0.00021,0.02615,0.07787,0.06904,0.08744,-0.00679,-0.02799,-0.00436,0.03915,0.01311,0.06436,-0.02668,0.04154,0.05197,-0.01498,0.06208,0.04981,0.06416,-0.01369,0.06632,-0.04622,-0.01582,0.10479,-0.0135,-0.01724,0.01391,0.07068,-0.01072,-0.05718,0,-0.08577,-0.03266,-0.03725,-0.00603,0.04396,0.03977,-0.07482,0.00514,-0.03854,-0.07005,-0.00369,0.07491,0.05972,-0.02307,0.07249,-0.0443,0.0397,-0.04435,-0.04485,-0.06987,-0.03094,0.02578,-0.0114,0.07367,-0.03647,-0.09313,-0.0042,-0.00199,0.03865,-0.0113,-0.02863,0.06516,0.03272,0.06635,-0.06118,0.07396,-0.0458,-0.00997,-0.02875,0.05051,0.07208,-0.0199,-0.04584,-0.03318,-0.05393,0.04,0.01676,-0.06077,-0.07799,0.03053,-0.03799,0.08983,-0.03388,0.12474,-0.00133,-0.01738,-0.04964,-0.01412,0.10814,-0.00403,-0.09363,0.06236,0.02995,0.02681],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Core outputs to use - fNodesRendered on f-flow - fFullRendered on f-flow - fLoaded on f-flow as a deprecated compatibility alias - fCanvasChange on f-canvas - fNodePositionChange, fNodeRotateChange, fNodeSizeChange on fNode - fGroupPositionChange, fGroupRotateChange, fGroupSizeChange on fGroup - fSelectionChange on f-flow[fDraggable] - fMoveNodes - fCreateConnection - fReassignConnection - fConnectionWaypointsChanged - fCreateNode - fDropToGroup - fDragStarted - fDragEnded Tip: If you persist data, prefer “final” events (for example, fDragEnded) instead of reacting to every tiny move. f Nodes Rendered f Full Rendered f Loaded f Canvas Change f Node Position Change f Node Rotate Change f Node Size Change f Node f Group Position Change f Group Rotate Change f Group Size Change f Group f Selection Change f Draggable f Move Nodes f Create Connection f Reassign Connection f Connection Waypoints Changed f Create Node f Drop To Group f Drag Started f Drag Ended","excerpt":"Core outputs to use - fNodesRendered on f-flow - fFullRendered on f-flow - fLoaded on f-flow as a deprecated compatibility alias - fCanvasChange on f-canvas - fNodePositionChange, fNodeRotateChange, fNodeSizeChange on fNode - fGroupPositionChange, fGroupRotateChange, fGroupSizeChange on fGroup - fSelectionChange on f-flow[fDraggable] - fMoveNodes - fCreateConnection - fReassignConnection - fConnectionWaypointsChanged - fCreateNode - fDropToGroup - fDragStarted - fDragEnded Tip: If you persist data, prefer “final” events (for example, fDragEnded) instead of reacting to every tiny move."},{"chunkId":"/docs/event-system#5","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.03698,-0.04215,-0.06382,0.06648,0.06683,0.03924,0.11584,0.0286,0.06759,0.0061,0.00814,-0.04488,-0.03407,-0.04174,-0.02678,0.01734,-0.02488,-0.05124,0.00656,0.06527,-0.01983,-0.14964,-0.02082,-0.01445,-0.08192,-0.01263,0.00352,-0.04008,0.07251,-0.04362,-0.01752,0.00384,-0.06383,-0.02651,-0.04341,-0.01776,0.0348,-0.07702,-0.09743,-0.00801,0.03723,-0.0591,0.00028,0.03013,-0.03418,0.03352,0.0232,0.04322,-0.06059,0.10021,-0.02657,0.01624,0.00757,0.03473,0.05964,0.02849,0.08594,-0.01554,0.04667,0.01263,-0.05418,-0.0256,-0.08449,0.01162,-0.02217,0.0539,-0.05596,-0.03292,0.0736,-0.0487,0.01012,-0.00813,0.00144,0.04084,0.07513,-0.07089,-0.01046,0.0835,-0.00984,-0.05265,0.0094,0.00875,0.02822,0.02012,0.02538,0.08014,-0.05506,-0.00576,-0.02056,0.10165,-0.03864,0.05547,-0.04228,-0.05125,0.06818,-0.01299,-0.01282,-0.06561,-0.00463,-0.00489,0.02358,-0.0175,-0.04739,0.09072,0.01325,-0.04456,-0.05416,-0.0834,-0.07548,0.01765,-0.0434,0.00158,0.03109,-0.01431,-0.01014,0.02474,-0.03834,0.03943,0.09253,0.01904,-0.00645,0.00338,-0.03313,-0.04526,0.03283,-0.01732,-0.06597,0,-0.00131,-0.07096,-0.05107,0.01026,0.01793,0.04307,0.04794,-0.00869,0.00829,0.01093,-0.03337,-0.04231,-0.03044,-0.03505,0.04984,-0.14775,-0.03867,-0.00481,-0.02039,0.00999,0.09145,-0.08824,-0.03577,-0.00759,0.07015,0.10033,-0.11814,0.06024,0.0466,0.05823,-0.08387,0.00199,-0.04199,-0.04318,-0.05582,-0.0033,-0.05885,-0.06922,-0.01877,-0.05827,-0.03172,-0.07828,-0.09114,-0.07421,-0.02263,-0.07179,-0.08691,0.01296,0.00952,-0.02395,0.08929,0.00455,0.06743,-0.03892,0.04285,-0.02964,-0.04637,0.03692,-0.04399,0.09495,0.00918,0.03838,-0.02138,0.00628,0.09395,0.08282,0.02974,-0.01693,0.01785,-0.01431,-0.05488,0.08388,0.01022,-0.05541,-0.00235,0.03126,-0.01881,-0.0104,-0.02528,-0.01713,-0.0041,-0.02983,0.04037,0.03548,0.07696,-0.06996,-0.05682,-0.04877,-0.13204,-0.00162,0.14014,-0.02513,0.0126,0.02265,-0.04492,0,-0.01457,0.04154,-0.0048,0.02014,-0.02397,0.00495,0.01042,-0.0575,0.0228,-0.02917,-0.01277,0.04126,-0.03842,0.00635,0.01561,0.02808,-0.00911,-0.05405,-0.01878,-0.02971,0.0019,-0.01439,-0.02646,-0.00996,-0.02228,-0.07354,0.01642,0.07806,-0.00727,-0.02032,-0.03272,0.02053,-0.02827,0.01968,0.09807,-0.0952,0.00213,0.08238,0.07532,-0.01584,0.08886,0.01341,0.00216,0.05063,0.01725,0.07595,-0.10977,0.00135,-0.04457,0.05424,-0.06924,-0.0015,-0.06918,-0.00252,-0.06887,0.06035,0.08716,0.00417,-0.01403,0.02061,0.0707,-0.05704,0.01346,0.05194,0.11343,0.00015,0.02528,0.01658,0.03387,0.04361,0.10051,0.06699,-0.00086,-0.02525,-0.00636,0.04847,0.06748,-0.05392,0.02338,0.04023,0.01617,0.05703,0.06718,0.01936,-0.04516,0.1147,-0.04327,0.00701,0.11256,0.02116,-0.05478,-0.00672,0.04092,0.00696,-0.05637,0,-0.10821,-0.01057,-0.04803,0.01102,0.03072,0.09637,-0.05352,-0.00599,-0.06719,-0.06386,-0.01527,0.05088,0.02491,0.01285,0.04785,-0.01225,0.03279,0.00359,-0.00398,-0.0649,0.015,-0.02131,0.01078,0.12036,-0.02573,-0.09241,-0.01637,0.03405,0.06581,-0.02334,-0.02902,0.00835,0.00794,0.0519,-0.11483,0.12639,-0.0356,-0.05878,0.00158,0.02252,0.08579,0.01843,-0.06313,-0.05884,-0.09417,0.06536,-0.00959,-0.02038,-0.03867,0.03575,-0.03931,0.04441,0.00572,0.08107,0.03999,0.04361,-0.04793,-0.04651,0.08192,0.01546,-0.08903,0.0702,0.06118,0.01714],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Trigger API Triggers let you control when a particular behavior should start. For example: only allow moving nodes via a drag-handle, or block connection creation while holding a modifier key. - FEventTrigger = (event: FTriggerEvent) = boolean - FTriggerEvent = MouseEvent TouchEvent WheelEvent Used in inputs such as: - fCreateConnectionTrigger - fReassignConnectionTrigger - fConnectionWaypointsTrigger - fNodeResizeTrigger - fNodeRotateTrigger - fNodeMoveTrigger - fCanvasMoveTrigger - fExternalItemTrigger Example: allow moving nodes only with left mouse button Keep trigger predicates deterministic and consistent across devices to avoid “random” UX. F Event Trigger F Trigger Event Mouse Event Touch Event Wheel Event f Create Connection Trigger f Reassign Connection Trigger f Connection Waypoints Trigger f Node Resize Trigger f Node Rotate Trigger f Node Move Trigger f Canvas Move Trigger f External Item Trigger","excerpt":"Trigger API Triggers let you control when a particular behavior should start. For example: only allow moving nodes via a drag-handle, or block connection creation while holding a modifier key. - FEventTrigger = (event: FTriggerEvent) = boolean - FTriggerEvent = MouseEvent TouchEvent WheelEvent Used in inputs such as: - fCreateConnectionTrigger - fReassignConnectionTrigger - fConnectionWaypointsTrigger - fNodeResizeTrigger - fNodeRotateTrigger - fNodeMoveTrigger - fCanvasMoveTrigger - fExternalItemTrigger Example: allow moving nodes only with left mouse button Keep trigger predicates deterministic and consistent across devices to avoid “random” UX."},{"chunkId":"/docs/event-system#6","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[0.00467,-0.00608,-0.06382,0.05474,0.00866,0.04981,0.09547,0.04717,0.09351,0.00457,-0.05135,-0.07357,-0.10982,-0.01168,-0.02115,0.00241,-0.02914,0.00238,-0.04883,0.03799,-0.03518,-0.12583,-0.05686,-0.02189,-0.04405,0.06102,0.02073,-0.03206,0.04814,-0.0479,0.00438,0.05643,-0.00163,-0.0039,-0.04813,-0.0277,0.00867,-0.06164,-0.09081,-0.0147,0.05007,-0.01152,-0.02009,0.01426,-0.06001,0.03535,0.01394,-0.00075,-0.06491,0.05601,-0.00254,0.00011,0.00681,0.09792,0.04964,0.03269,0.07437,-0.04415,-0.00132,-0.03503,-0.06477,-0.02745,-0.074,0.0668,0.01794,0.03561,-0.05033,-0.01291,0.0243,-0.0844,-0.02389,0.02724,0.02783,-0.01847,0.07219,-0.0576,-0.03251,0.04664,-0.00122,-0.03766,0.07085,0.00275,0.00205,0.00891,0.0452,0.08,-0.03869,-0.049,-0.05052,0.07066,-0.05877,0.06792,0.03697,-0.01155,0.02134,-0.02418,0.00305,-0.05515,-0.01932,-0.0168,0.0231,-0.05134,-0.01309,0.09358,-0.04696,-0.04114,-0.05521,-0.01699,-0.07711,0.00294,-0.06741,-0.02285,0.04255,-0.0302,-0.00816,0.02227,-0.05236,0.01105,0.02901,0.01195,0.01318,0.00425,0.0429,-0.00278,0.02814,-0.01679,-0.0364,0,-0.05718,-0.05293,-0.08468,0.03678,0.00808,0.02999,0.05166,-0.03147,0.02782,0.00175,-0.00155,0.03255,-0.0076,0.00645,0.02185,-0.10226,-0.06894,0.0505,-0.00023,0.04777,0.10703,-0.00839,-0.00882,0.00394,0.05535,0.08017,-0.08489,0.0613,-0.01191,0.05343,-0.04385,-0.03204,-0.02625,-0.03565,-0.05328,0.01736,-0.02175,-0.0298,-0.00896,-0.03721,-0.04071,-0.09034,-0.12164,-0.06434,-0.00544,-0.07688,-0.12326,0.02709,0.04131,0.01587,0.07829,-0.02848,0.06485,0.01181,0.07014,0.00307,-0.05073,0.04443,-0.0112,0.05982,0.04938,0.07825,-0.03405,-0.01427,0.07244,0.07459,0.02939,-0.02676,0.00301,-0.0476,-0.04934,0.09938,0.06054,-0.03195,0.0572,-0.0119,-0.00624,-0.00002,-0.0437,-0.00833,-0.04859,-0.05308,0.02203,0.01799,0.09289,-0.06643,-0.00917,-0.02518,-0.15081,-0.02107,0.1342,-0.04781,0.02511,0.01449,0.0445,0,0.03219,0.04439,0.00434,0.06871,0.02437,-0.00962,0.00801,0.0011,0.036,-0.04288,-0.01197,0.07578,-0.0552,-0.00155,0.00399,0.03184,-0.02978,-0.11787,-0.03716,-0.06123,-0.01936,-0.06155,-0.02065,-0.0675,-0.09927,-0.0218,0.03032,0.02036,0.0131,-0.02257,-0.01155,0.0155,-0.07792,-0.01457,0.05593,-0.04487,0.05484,0.053,0.04022,-0.04817,0.0401,0.03057,-0.02585,0.0103,-0.02366,0.10309,-0.10811,-0.02837,0.05438,0.01236,-0.036,-0.01435,-0.06195,0.04154,-0.01556,0.09264,0.09855,0.04267,-0.03787,0.0407,0.00497,-0.0407,0.06126,0.01108,0.0842,0.02027,-0.01914,0.04051,0.05848,0.04203,0.09923,0.06007,-0.02098,0.04319,0.05484,0.04946,0.04538,-0.00348,0.07506,0.08039,0.00752,0.08595,0.0137,0.05951,-0.01085,0.04731,-0.05883,-0.03811,0.0623,-0.05226,-0.05027,0.0166,0.10626,-0.01511,-0.01745,0,-0.1028,-0.06963,-0.01197,-0.01977,0.05091,0.08352,-0.09519,0.02329,-0.04321,-0.10307,-0.01041,0.08012,0.05192,0.0144,0.07176,-0.02617,0.03961,-0.03373,-0.0078,-0.13428,0.01127,-0.00635,0.03895,0.09887,-0.00716,-0.06719,-0.03496,-0.00149,0.0743,-0.01754,0.00708,0.04911,0.02197,0.0577,-0.06501,0.06664,-0.04759,-0.02543,-0.04505,0.01261,0.08515,-0.00896,-0.02806,-0.03958,-0.05266,0.08403,-0.02309,-0.06112,-0.06937,0.01249,-0.04927,0.09189,-0.05266,0.12478,0.00033,0.00571,-0.03978,-0.03638,0.09202,-0.00386,-0.10474,0.06076,0.00486,0.05764],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Methods - Use FFlowComponent methods (select, clearSelection, getState, etc.) to react to events with controlled updates. F Flow Component clear Selection get State","excerpt":"Methods - Use FFlowComponent methods (select, clearSelection, getState, etc.) to react to events with controlled updates."},{"chunkId":"/docs/event-system#7","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.02896,-0.00735,-0.05713,0.00393,0.02887,0.02157,0.07888,0.05565,0.0686,0.0032,-0.02257,-0.07853,-0.05285,-0.00402,-0.01849,-0.01818,-0.03437,-0.0341,-0.04587,0.07415,-0.00864,-0.13385,-0.0748,-0.04726,-0.04475,0.02044,0.03401,-0.02483,0.04194,-0.07043,-0.00069,0.06678,0.02465,-0.0032,-0.02348,-0.02599,0.01283,-0.07474,-0.11673,-0.02416,0.01815,-0.02933,0.00183,0.03787,-0.03453,0.04757,0.0208,0.01409,-0.04491,0.08055,-0.03742,-0.04434,-0.01862,0.11065,0.04403,0.07206,0.05918,-0.0619,0.02269,-0.01795,-0.02085,0.01967,-0.08153,0.07753,0.00548,0.01308,-0.09184,0.03235,0.03721,-0.1093,-0.03787,0.01843,0.01143,-0.02277,0.07946,-0.05562,-0.03635,0.02666,-0.03112,-0.07779,0.04071,0.00191,-0.01567,0.04066,0.06319,0.07573,-0.00796,-0.04095,-0.04122,0.08454,-0.02213,0.04886,0.00002,-0.01997,0.02434,-0.0314,0.00767,-0.07726,0.00978,0.00127,0.01865,-0.06481,0.01927,0.08223,0.00412,-0.06533,-0.0468,-0.02595,-0.04602,-0.00488,-0.07924,-0.02909,0.04505,-0.03012,-0.01707,0.01776,-0.06402,0.02043,0.05256,-0.00288,0.01635,-0.00754,0.03072,-0.01908,0.02942,-0.03868,-0.05226,0,-0.06454,-0.05925,-0.05747,0.05166,0.01677,-0.01491,0.01593,-0.03618,0.01826,0.03695,-0.04743,0.05585,-0.01192,0.05317,0.03345,-0.08609,-0.06022,0.05043,-0.01136,0.05054,0.07514,-0.03241,-0.0185,-0.0338,0.0983,0.12877,-0.04808,0.05265,-0.00897,0.0588,-0.02765,-0.01837,-0.0154,-0.01771,-0.05226,0.04341,-0.0175,-0.06925,-0.01173,-0.02614,-0.04096,-0.08459,-0.11048,-0.05532,-0.01209,-0.05791,-0.06748,0.01122,0.0278,0.01638,0.05856,-0.02382,0.07032,0.04173,0.07672,-0.02855,-0.0324,0.04064,-0.00345,0.0974,0.05004,0.11402,-0.01589,-0.01612,0.06022,0.07035,0.00996,-0.00993,0.00453,-0.02674,-0.05877,0.07215,0.03452,-0.06026,0.05274,0.00134,-0.00121,0.01098,-0.03036,-0.00045,-0.10301,-0.03189,0.03878,-0.0094,0.05314,-0.0367,0.03182,-0.04746,-0.15871,-0.02182,0.13522,-0.036,0.01143,0.01467,0.0313,0,-0.01248,0.05778,-0.00846,0.05577,0.04668,-0.02227,0.01803,0.01597,0.0316,-0.00609,-0.02467,0.07557,-0.0513,0.00985,0.03528,-0.00711,0.00337,-0.12437,-0.05433,-0.05395,0.01083,-0.01588,-0.0182,-0.09223,-0.09826,-0.00086,0.0304,0.02891,-0.01288,-0.03409,-0.05176,0.00668,-0.05664,0.01302,0.06162,-0.03946,0.04185,0.07214,0.02423,-0.0898,0.06905,0.01362,-0.03982,0.03354,-0.03118,0.08991,-0.11731,-0.00915,0.04661,0.02188,-0.03065,-0.00729,-0.04293,0.00904,-0.01011,0.11579,0.09175,0.0251,-0.0545,0.03963,0.01737,-0.05759,0.02214,0.00092,0.08852,0.01476,0.00979,0.02208,0.02183,0.02959,0.10916,0.08229,-0.0366,-0.00287,0.03294,0.02588,0.05245,0.01029,0.06248,0.06343,-0.02184,0.08346,0.04343,0.09649,0.00364,0.06486,-0.07093,-0.04163,0.08092,-0.01527,-0.02894,0.05077,0.07205,0.01111,-0.03273,0,-0.10074,-0.04162,0.00326,-0.04511,0.01964,0.08969,-0.05874,0.02513,-0.0294,-0.05514,-0.00291,0.05975,0.02319,0.02206,0.07283,-0.01092,0.02012,-0.02024,-0.03526,-0.11994,0.03262,0.01415,0.04322,0.12775,-0.02093,-0.05444,-0.05377,0.01377,0.0401,-0.0392,-0.00408,0.05734,0.00646,0.07866,-0.04404,0.10317,-0.07582,-0.00951,-0.05344,0.00831,0.05357,-0.05498,-0.03139,-0.02865,-0.01879,0.08487,-0.01306,-0.06359,-0.07189,0.00264,-0.06931,0.06735,-0.02264,0.11042,0.01623,0.02793,-0.04014,-0.05107,0.09456,0.0377,-0.09788,0.0504,-0.00195,0.05208],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Real-world patterns","excerpt":"Real-world patterns"},{"chunkId":"/docs/event-system#8","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.02503,0.00438,-0.0749,0.06539,0.03919,0.04615,0.04646,0.05008,0.09177,0.02895,-0.00031,-0.00282,-0.05866,-0.02172,-0.04396,-0.0072,-0.03276,0.0074,-0.02225,0.05471,-0.05074,-0.09828,-0.02534,-0.03142,-0.01194,0.03722,-0.00097,-0.04354,0.05717,-0.10588,0.03454,0.06571,-0.03407,-0.00004,-0.0493,0.06957,-0.00157,-0.11257,-0.11334,-0.0317,0.0733,0.00551,0.0026,0.00264,-0.04562,0.04127,0.03106,0.03061,-0.03673,0.07084,-0.03501,-0.06714,-0.01761,0.11574,0.02952,0.10403,0.03928,-0.06126,-0.00489,0.02174,0.0374,0.04625,-0.01423,0.03824,-0.00743,0.00148,-0.0582,0.03501,0.05078,-0.03815,0.01766,0.03459,-0.06332,0.00793,0.05709,-0.05201,0.00454,0.01734,-0.04515,-0.01683,0.01204,-0.01471,-0.00389,0.01866,0.01072,0.03638,-0.02244,-0.03166,-0.06586,0.06372,-0.00329,0.08119,0.02714,-0.05786,0.00916,-0.02763,0.01945,-0.00701,-0.00208,-0.0037,0.04654,-0.03031,-0.03338,0.109,-0.03018,-0.1058,-0.03931,-0.07116,-0.07567,0.01677,-0.05786,0.01947,-0.01199,-0.01181,-0.03598,-0.01714,-0.07799,0.01112,0.03305,0.02663,0.02102,-0.00693,0.03011,0.00806,0.03775,-0.03896,-0.02211,0,-0.02449,-0.04726,-0.03546,0.04126,0.01094,0.00166,0.02991,-0.0349,0.0142,-0.03822,-0.06444,0.03345,-0.03701,0.03742,0.02593,-0.11151,-0.0478,0.07003,0.03397,0.01956,0.10783,0.00283,-0.02983,-0.01817,0.10724,0.07543,-0.04187,0.02938,-0.06335,0.03565,-0.05569,-0.02498,-0.00075,-0.00986,-0.04305,0.05599,-0.06092,-0.05757,-0.02079,-0.0993,-0.01298,-0.01619,-0.07389,-0.05221,0.01938,-0.08137,-0.08628,0.02131,0.03662,0.01998,0.07576,-0.01164,0.05069,0.02576,0.04733,-0.03302,-0.03172,0.00546,-0.01051,0.09157,0.06417,0.08707,-0.05078,0.006,0.10813,0.1028,0.00268,0.00086,0.05117,-0.03518,-0.03612,0.04685,0.05311,-0.0409,-0.01566,-0.00894,-0.04188,-0.09075,-0.05603,-0.00894,-0.05025,-0.06795,-0.00728,0.04614,0.11115,-0.07689,0.02327,-0.04316,-0.11413,0.03378,0.14076,-0.03215,0.06281,-0.00285,0.01687,0,-0.00862,0.02605,-0.00776,0.06018,0.01382,-0.01518,-0.05681,-0.00159,-0.0171,-0.04425,-0.10881,0.04143,-0.06859,-0.00441,0.01959,-0.0125,-0.02337,-0.13592,-0.05843,-0.0547,-0.03628,-0.00239,0.01591,-0.03259,-0.05665,-0.03119,0.03206,0.0279,-0.03612,-0.04933,-0.0198,-0.03821,-0.0719,-0.04424,0.09366,-0.04942,0.00245,0.07016,0.0761,-0.0084,0.03983,-0.00683,-0.05293,-0.00395,0.01018,0.0915,-0.16288,0.01837,0.04661,0.04845,-0.045,0.01049,-0.08316,-0.00873,0.02323,0.06869,0.0537,0.0599,-0.00857,-0.03024,0.01099,-0.05231,0.01279,0.01439,0.05439,0.01382,0.00087,0.02107,-0.03885,0.06334,0.06929,0.08935,-0.06628,0.01859,0.02706,-0.00165,0.05788,-0.01142,0.06875,0.05566,-0.06281,0.10729,0.00891,0.04465,-0.01314,0.05272,-0.06981,-0.03944,0.09428,0.01852,-0.01888,0.03525,0.02886,-0.04435,-0.07532,0,-0.13182,-0.01012,0.01624,0.02062,0.008,0.02509,-0.01733,0.06014,0.03283,-0.02927,0.04191,0.05908,0.03913,-0.04399,0.0666,-0.01281,0.078,-0.04841,-0.02815,-0.07185,0.02272,0.03915,0.02356,0.11426,-0.01692,-0.09366,0.03215,0.0634,0.05882,0.00444,0.01871,0.03757,0.06242,0.116,-0.05722,0.045,-0.0409,0.02846,-0.06795,0.00957,0.0472,-0.00196,-0.03135,-0.01882,-0.03562,0.05479,-0.01171,-0.05384,-0.028,0.00521,-0.10026,0.02722,-0.03022,0.12813,0.05065,0.04452,-0.03839,-0.02922,0.1027,0.01607,-0.09354,0.04683,0.01415,0.0558],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. 1) Persist node positions (one write per action) Because move events are finalized, persistence becomes simple and efficient: - handle fMoveNodes, - update your node list in memory, - optionally persist to backend/local storage. You avoid noisy updates and keep drag silky-smooth. f Move Nodes","excerpt":"1) Persist node positions (one write per action) Because move events are finalized, persistence becomes simple and efficient: - handle fMoveNodes, - update your node list in memory, - optionally persist to backend/local storage. You avoid noisy updates and keep drag silky-smooth."},{"chunkId":"/docs/event-system#9","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.03351,-0.0321,-0.10798,0.00799,-0.03841,0.032,0.08267,0.05719,0.07363,-0.00806,-0.01078,-0.0698,-0.03059,0.02644,-0.02913,-0.01245,-0.01926,-0.05296,-0.03392,0.03296,-0.00988,-0.18642,-0.05642,-0.04892,-0.05649,-0.03628,0.04141,0.0048,0.05662,-0.04215,0.02697,0.03338,-0.03414,-0.0041,0.03081,-0.0267,0.05455,-0.04833,-0.08527,-0.0155,0.03322,-0.08015,0.00359,0.04329,-0.03139,0.0468,0.0257,0.01841,-0.02162,0.06904,-0.03863,0.02493,-0.01749,0.07088,0.04477,0.08215,0.04707,-0.02586,-0.03158,0.007,0.00187,-0.00951,-0.06299,0.03689,-0.04334,0.05093,-0.12834,0.02363,0.01022,-0.02347,-0.01479,0.02543,-0.04607,0.0293,0.04136,-0.02006,-0.02765,0.04374,-0.0091,-0.04434,0.01257,0.04693,-0.00163,0.0027,0.03708,0.09188,-0.00938,-0.03011,-0.05913,0.09021,0.01758,0.10768,-0.0407,-0.00941,0.03912,0.00946,-0.03908,-0.08038,0.01062,0.02581,-0.02979,-0.06497,-0.01671,0.08024,0.03417,-0.03918,-0.04605,-0.03734,-0.01195,0.02682,-0.02976,-0.00484,0.06738,-0.02912,-0.02233,0.07165,-0.03688,0.04504,0.04478,0.00423,-0.00283,-0.0047,0.06525,-0.03749,0.00744,-0.07277,-0.01942,0,-0.05611,-0.00995,-0.03943,0.07254,-0.01392,0.03295,0.00242,-0.03371,-0.02357,0.00947,-0.06937,0.00897,-0.02087,-0.00224,0.0137,-0.06065,-0.02697,0.02393,0.01143,0.04854,0.07982,-0.12503,0.00154,-0.00781,0.08497,0.07772,-0.06204,0.06204,0.02255,0.03662,-0.04914,-0.07237,0.01127,0.00574,-0.03689,0.04685,-0.04086,-0.03551,-0.03666,-0.04035,0.00246,-0.0957,-0.09148,0.00507,0.01292,-0.02789,-0.06002,-0.01138,0.04066,0.02311,0.04427,-0.01955,0.07183,0.02732,0.03146,-0.03692,-0.07352,0.04151,-0.02047,0.04467,0.05812,0.06419,-0.10162,-0.00543,0.07435,0.05921,-0.00858,-0.01432,-0.01306,-0.09246,-0.08186,0.07353,-0.01363,-0.03291,0.00699,-0.03547,-0.01396,0.04983,0.01172,-0.027,-0.024,-0.04075,0.03616,0.05416,0.06331,-0.05556,0.00144,-0.02744,-0.11004,0.04314,0.10312,0.00643,0.05343,0.05317,0.05401,0,-0.00749,0.04644,-0.00593,0.03381,0.01225,-0.00595,0.03522,-0.02431,0.00689,-0.03172,0.03242,0.05445,-0.03059,-0.03339,-0.01127,-0.04408,-0.05503,-0.09299,-0.03129,-0.0025,0.03169,0.0012,-0.00246,-0.07418,-0.07329,-0.0203,0.03552,0.00027,-0.04405,0.01008,0.01302,0.04359,-0.07603,0.02866,0.06665,-0.04731,0.04254,0.06413,0.08823,-0.02274,0.06433,0.04191,-0.09929,0.02792,-0.01611,0.06918,-0.08491,-0.05889,-0.01387,0.03727,-0.05613,-0.00097,-0.047,0.00914,-0.02626,0.0965,0.11625,0.01916,-0.0425,0.04464,0.01888,-0.07687,0.04223,0.04863,0.09066,0.00484,0.01286,0.05079,0.06733,0.05563,0.06191,0.08425,-0.03808,-0.00067,0.04373,0.00469,0.01649,-0.02709,0.0706,0.10471,-0.03089,0.10304,0.06067,0.0585,-0.00029,0.0495,-0.04372,-0.02703,0.0554,0.00864,-0.058,0.02561,0.04328,-0.02081,-0.07499,0,-0.1332,-0.06049,-0.01856,-0.05001,0.02233,0.08198,-0.10564,-0.05602,-0.02399,-0.0817,-0.0437,0.05357,-0.04572,0.04291,0.06182,-0.05471,0.07405,-0.02099,-0.02933,-0.09242,0.01689,0.016,0.04006,0.15399,0.00781,-0.09972,-0.03903,0.02764,0.00567,0.01381,0.0196,0.01596,0.01569,0.08071,-0.08013,0.12186,-0.07844,0.00687,-0.03847,0.00689,0.08644,0.02922,-0.03269,-0.05007,0.00896,0.09554,-0.00397,-0.0449,-0.08771,-0.00154,-0.04236,0.06071,-0.00959,0.06392,-0.01814,0.00346,-0.01996,0.00051,0.09694,0.00616,-0.12781,0.10006,0.05772,-0.00582],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. 2) Validate connection creation When the user creates a connection, you usually want to: - check business rules (allowed pairs, max degree, connector types, etc.), - either accept and add an edge, - or reject and show feedback. Keep validation in one place: the handler for fCreateConnection. f Create Connection","excerpt":"2) Validate connection creation When the user creates a connection, you usually want to: - check business rules (allowed pairs, max degree, connector types, etc.), - either accept and add an edge, - or reject and show feedback. Keep validation in one place: the handler for fCreateConnection."},{"chunkId":"/docs/event-system#10","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.03296,0.02078,-0.04404,0.07032,0.04017,0.03358,0.07846,0.04088,0.05917,0.0106,-0.07522,-0.08434,-0.06159,-0.06015,-0.06433,-0.00904,-0.03387,-0.02566,-0.02018,0.05503,-0.03885,-0.10277,-0.02941,-0.05137,-0.08259,0.06393,0.06619,-0.02288,0.00391,-0.07592,-0.00826,0.0241,0.01006,-0.03204,-0.05749,-0.02664,0.03017,-0.06025,-0.05395,-0.05012,0.05636,0.00809,-0.00924,0.02113,-0.01662,0.00854,0.02815,0.01748,-0.02587,0.06889,-0.01949,0.00151,0.00692,0.08759,0.01693,0.05111,0.07654,-0.06288,-0.01997,0.03201,-0.03276,0.03075,-0.02232,0.04208,0.01835,0.03836,-0.06329,0.02623,-0.02435,-0.06031,0.0084,0.01449,0.03191,-0.03602,0.09144,-0.07065,-0.04198,0.03033,0.0269,-0.08822,0.00182,0.01336,0.01087,0.04147,0.08024,0.08556,-0.02021,-0.06272,-0.0237,0.0751,-0.00383,0.02232,0.02916,-0.02532,0.03397,0.00495,0.02357,-0.01903,0.0128,0.01542,0.03129,-0.05686,0.00159,0.08731,-0.06253,-0.03996,-0.05039,-0.01351,-0.06677,-0.03079,-0.05404,0.00433,0.06037,-0.01381,-0.01086,-0.00174,-0.01991,0.01857,0.05111,0.00114,0.06064,0.01594,0.02252,-0.00326,0.04479,-0.01496,-0.00277,0,-0.00449,-0.06741,-0.06881,0.03978,-0.01933,0.03601,0.03987,-0.02189,-0.00775,0.0204,-0.018,0.03288,-0.03133,0.01798,0.01593,-0.05423,-0.09281,0.06564,0.01464,0.00405,0.04407,-0.08707,-0.03513,-0.03131,0.10105,0.13932,-0.07492,0.10427,-0.05788,0.03757,-0.02676,-0.00329,-0.01249,0.00268,-0.08337,0.0489,-0.04204,-0.04373,-0.0021,-0.0242,-0.00036,-0.09192,-0.0564,-0.04318,-0.02488,-0.02118,-0.11863,-0.00118,0.03388,-0.00597,0.04092,0.00019,0.03218,0.02594,0.04297,-0.00699,-0.05985,0.05738,0.02052,0.04537,0.03904,0.10748,-0.05451,0.01672,0.03761,0.08261,0.03461,0.03583,0.03858,-0.05264,-0.0535,0.05204,0.08161,-0.04032,0.05811,-0.04153,-0.03332,-0.02846,-0.02347,-0.04159,-0.03103,-0.08931,-0.01493,0.00647,0.13477,-0.04445,0.00765,-0.00452,-0.12035,-0.0127,0.13925,-0.03696,0.03001,-0.01592,-0.00081,0,0.01928,-0.01069,0.04145,0.05456,-0.00214,-0.04526,0.01544,0.01202,0.0142,-0.06018,0.0119,0.05761,-0.06876,-0.01751,0.03097,0.0991,-0.03406,-0.10061,-0.02503,-0.05239,0.0105,-0.06049,0.04129,-0.04925,-0.1331,-0.037,0.06838,0.02462,0.01824,-0.04995,-0.01007,0.01872,-0.09894,0.03743,0.0661,-0.04784,0.04411,0.01927,0.00548,0.01968,0.02073,0.03606,-0.01162,0.08065,-0.02179,0.07605,-0.12098,-0.00361,0.01634,0.01094,-0.04916,-0.00257,-0.05322,-0.00246,-0.03084,0.06744,0.07302,0.00933,-0.05832,0.08081,-0.04146,-0.02063,0.03338,0.00991,0.07161,-0.00595,-0.0207,0.06309,0.05206,0.01883,0.09056,-0.0078,-0.00871,-0.03556,0.04705,-0.02769,0.06729,0.02774,0.07061,0.06508,0.04063,0.07291,0.05555,0.0177,-0.04976,0.05284,-0.05531,0.01179,0.0703,-0.0374,-0.05713,0.04533,0.08409,-0.07911,-0.01702,0,-0.13017,-0.02156,0.00377,-0.06685,0.03064,0.02311,-0.161,0.06883,-0.07532,-0.09105,0.01997,0.05682,0.05963,0.00455,0.06861,-0.05883,0.03437,-0.00812,-0.02605,-0.11503,0.01907,0.02367,0.04697,0.12035,0.02297,-0.10775,-0.06391,-0.05965,0.05896,0.03894,-0.03527,0.07282,0.03801,0.08018,0.00943,0.02033,-0.05525,-0.05997,-0.02469,-0.00392,0.0859,-0.06254,-0.04893,-0.03579,-0.05912,0.04,-0.00912,-0.06336,-0.0283,-0.02015,-0.05307,0.02473,-0.00485,0.09298,0.02729,-0.01714,-0.03642,-0.00261,0.09352,0.05128,-0.09653,0.0381,-0.00471,0.02912],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. 3) Keep an inspector panel in sync with selection Selection drives inspectors and toolbars. - Use fSelectionChange to update selected ids in your state. - Render the inspector from that state (not from DOM queries). f Selection Change","excerpt":"3) Keep an inspector panel in sync with selection Selection drives inspectors and toolbars. - Use fSelectionChange to update selected ids in your state. - Render the inspector from that state (not from DOM queries)."},{"chunkId":"/docs/event-system#11","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.01077,-0.00883,-0.06681,0.05142,0.03518,0.04776,0.10625,0.03597,0.09136,0.01411,-0.03045,-0.06151,-0.06179,-0.00165,-0.01602,0.0043,-0.04284,-0.03254,-0.03827,0.07529,-0.02934,-0.14514,-0.05963,-0.05819,-0.02976,0.01892,0.01962,-0.01885,0.01899,-0.06781,-0.01733,0.05516,0.00889,-0.00489,-0.05357,-0.03297,0.02416,-0.07839,-0.10092,-0.01865,0.0384,-0.03368,0.02643,0.01382,-0.05744,0.03817,0.02864,0.00851,-0.0585,0.09024,-0.011,-0.01881,-0.01778,0.10433,0.04193,0.06619,0.07322,-0.06844,-0.01231,0.00131,-0.03997,0.01094,-0.07852,0.07733,0.00809,0.03375,-0.05981,0.00297,-0.00223,-0.08411,0.00617,0.00293,-0.00132,-0.0343,0.09882,-0.05762,-0.0273,0.04788,-0.01443,-0.06505,0.04155,0.00794,-0.01579,0.01996,0.04456,0.10093,-0.05149,-0.09345,-0.05684,0.09942,-0.03376,0.04635,-0.00256,-0.02388,0.00581,-0.03855,0.00667,-0.05183,-0.00832,0.0207,0.00693,-0.04769,0.00744,0.0681,-0.03127,-0.05654,-0.06342,-0.02211,-0.06783,0.00284,-0.05479,-0.02579,0.03978,-0.03461,-0.02184,0.01611,-0.06094,-0.00339,0.07573,0.01961,0.01587,0.00514,0.01213,0.00119,0.02869,-0.02688,-0.06787,0,-0.02813,-0.07113,-0.0558,0.05134,0.01524,0.01355,0.01487,-0.06221,-0.01518,0.00832,-0.03886,0.04471,-0.00007,0.02162,0.01025,-0.10522,-0.02395,0.05084,-0.01933,0.0132,0.08235,-0.02398,-0.01584,-0.02372,0.10616,0.0999,-0.06726,0.06212,-0.01899,0.05532,-0.02652,-0.02015,-0.01816,-0.02113,-0.05744,0.0419,0.00112,-0.06317,-0.01162,-0.03968,-0.03102,-0.08124,-0.10392,-0.03734,0.00556,-0.04104,-0.08697,0.00369,0.03421,0.02648,0.05665,-0.03653,0.0792,0.03748,0.08861,-0.01597,-0.04308,0.05922,-0.01846,0.07477,0.03463,0.0826,-0.04385,-0.04954,0.07585,0.09829,0.01255,0.00154,0.01576,-0.03272,-0.07907,0.08908,0.04605,-0.04821,0.04259,0.00508,-0.02852,-0.03676,-0.00076,0.00391,-0.0812,-0.07026,0.00821,0.00419,0.05902,-0.03987,-0.00281,-0.05918,-0.12627,-0.03408,0.1379,-0.002,0.01007,0.02362,0.02822,0,-0.02118,0.05963,0.01404,0.06417,0.04651,-0.02119,0.03682,-0.01225,0.03257,-0.00854,0.00706,0.05885,-0.04033,-0.00508,0.0203,0.01109,-0.03462,-0.10171,-0.02746,-0.02204,-0.00425,-0.02688,0.02248,-0.06006,-0.09722,-0.04895,0.03852,0.0275,0.0004,-0.01979,-0.02392,0.01361,-0.08827,0.00543,0.04912,-0.04167,0.03962,0.06703,0.05027,-0.06271,0.05159,0.01689,-0.02443,0.03505,-0.0265,0.09881,-0.12161,-0.02243,0.02694,0.02281,-0.04745,-0.01457,-0.06006,0.02459,-0.03925,0.09562,0.10917,0.03611,-0.0664,0.04,0.01636,-0.04966,0.02232,-0.01313,0.08769,-0.00893,0.00785,0.02781,0.06137,0.04344,0.11134,0.08119,-0.02408,0.007,0.04876,0.0053,0.05063,0.01436,0.05717,0.07273,0.00242,0.10006,0.03074,0.05595,-0.00249,0.06146,-0.06292,-0.0062,0.07379,-0.0338,-0.04096,0.04132,0.09516,-0.02565,-0.05039,0,-0.09916,-0.0251,-0.00671,-0.05304,0.03923,0.09477,-0.06521,0.01277,-0.0332,-0.04951,-0.02823,0.0923,0.02566,0.01013,0.0747,-0.02056,0.01693,-0.02951,-0.02927,-0.11532,0.03085,-0.00736,0.01445,0.14652,-0.02412,-0.08792,-0.0711,0.00691,0.02652,-0.01789,-0.03159,0.05897,-0.00707,0.04903,-0.05248,0.11932,-0.07269,-0.03125,-0.07354,0.01732,0.07022,-0.04478,-0.03749,-0.03072,-0.04197,0.08124,0.01562,-0.055,-0.07315,-0.00137,-0.03553,0.05331,-0.03819,0.09653,-0.00825,0.02496,-0.04251,-0.01394,0.09715,0.02663,-0.07643,0.04598,-0.00445,0.03411],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Styling - .f-dragging, .f-connections-dragging reflect active interaction states. - .f-selected reflects selected node/connection/group states.","excerpt":"Styling - .f-dragging, .f-connections-dragging reflect active interaction states. - .f-selected reflects selected node/connection/group states."},{"chunkId":"/docs/event-system#12","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.02249,-0.022,-0.0324,0.01527,0.04704,0.00804,0.08847,0.03039,0.08593,-0.00891,-0.02546,-0.06418,-0.06194,-0.01868,-0.0357,0.00186,0.02093,-0.0309,-0.0537,0.08065,-0.03843,-0.11761,-0.04122,-0.01175,-0.05748,0.01209,0.02636,-0.05585,0.02321,-0.07192,0.01566,-0.01383,-0.0376,-0.03915,-0.01967,-0.00159,0.03488,-0.10778,-0.12342,-0.02407,0.04049,-0.02952,0.00564,0.08867,-0.06343,0.03418,0.05087,0.02504,-0.0597,0.09139,-0.02085,-0.02027,-0.01034,0.093,0.03332,0.0494,0.07337,-0.05537,0.00116,-0.02283,-0.06058,0.00044,-0.03201,0.07103,0.0103,0.01441,-0.05102,0.01726,0.02503,-0.0527,-0.00154,0.0104,0.01045,0.00642,0.06458,-0.01748,-0.01642,0.03998,-0.06543,-0.05812,0.03278,0.00838,-0.00665,0.00264,0.04346,0.04933,-0.02014,-0.02587,-0.05076,0.06163,-0.0027,0.05018,0.04156,-0.00424,0.0448,-0.01131,-0.00119,-0.02249,-0.03139,-0.00435,0.02966,-0.03819,-0.0424,0.11697,-0.00294,-0.02132,-0.08285,-0.04416,-0.09635,-0.00134,-0.04036,-0.0127,0.03808,-0.00177,-0.0047,0.04925,-0.04018,0.01555,0.06349,-0.00735,-0.01035,-0.00827,0.02198,-0.01735,0.06149,-0.01714,-0.04889,0,-0.04514,-0.0344,-0.07218,0.01217,-0.02805,-0.01557,0.03355,-0.0277,0.00917,-0.00479,-0.02535,0.02211,-0.01607,0.01396,0.02285,-0.09952,-0.01352,0.03694,0.03908,0.0754,0.07222,-0.05924,-0.08469,-0.01624,0.07754,0.10544,-0.04894,0.05699,-0.02859,0.05678,-0.07369,-0.0424,-0.00398,-0.03566,-0.08147,0.00249,-0.0775,-0.05083,-0.0052,-0.04238,-0.02548,-0.0629,-0.14618,-0.05796,-0.02091,-0.07506,-0.08365,0.0241,0.01766,-0.04733,0.10803,-0.02639,0.10064,0.02001,0.06732,-0.01839,-0.03725,-0.00125,-0.00138,0.09893,0.03191,0.05236,-0.04398,-0.00848,0.06786,0.0856,0.03116,0.01182,-0.00613,-0.0172,-0.05456,0.0689,0.04539,-0.0419,0.04708,0.02633,-0.00534,-0.0127,0.00054,-0.0111,-0.02604,-0.04181,0.03669,0.04834,0.08751,-0.02431,-0.00823,-0.06426,-0.17092,0.06265,0.14016,-0.04235,0.05106,0.01033,-0.00787,0,0.01969,0.03995,-0.02467,0.06255,0.04278,-0.00981,-0.01343,0.00355,0.00678,-0.03992,-0.04233,0.03055,-0.06538,0.02264,0.0175,0.01417,0.03077,-0.13006,-0.01192,-0.06173,0.04804,-0.02826,0.01337,-0.0411,-0.06567,-0.05037,0.01514,0.01865,-0.03361,-0.03563,-0.0435,-0.00026,-0.03402,-0.00384,0.07191,-0.02919,0.01686,0.09194,0.07476,-0.05597,0.06329,0.00327,-0.04534,0.02244,-0.0284,0.07802,-0.16982,0.00702,0.02326,0.05564,-0.07504,0.01641,-0.05394,0.01422,-0.01214,0.10051,0.12691,-0.0054,-0.03642,0.03174,0.01153,-0.04739,0.03109,-0.00771,0.08488,-0.01266,0.03285,-0.01347,0.0146,0.08255,0.10506,0.06069,-0.04705,0.01824,0.03978,0.05285,0.05627,-0.04715,0.07535,0.09373,-0.01289,0.08002,0.06979,0.06247,-0.01411,0.10933,-0.03678,-0.01141,0.105,-0.00537,-0.04797,0.00397,0.07102,-0.03479,-0.02835,0,-0.07498,-0.01178,-0.02601,0.00538,-0.02273,0.08358,-0.10149,0.0038,0.0258,-0.04475,-0.00393,0.02333,0.03184,0.03335,0.01994,-0.01705,0.07048,-0.04708,-0.02961,-0.1348,0.05477,0.04114,0.04054,0.09331,-0.02182,-0.05481,0.00222,0.03423,0.03694,-0.04716,-0.02426,0.00272,-0.03781,0.05493,-0.05911,0.06361,-0.03765,-0.02826,0.00212,0.02018,0.06852,-0.00535,-0.03189,-0.03551,-0.04059,0.06361,-0.04231,-0.05269,-0.08196,0.02834,-0.02325,0.00737,-0.0433,0.12185,0.08438,0.015,-0.02962,-0.0508,0.1073,0.01069,-0.06888,0.02803,-0.004,0.0204],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Notes / Pitfalls - Don’t expect per-frame drag events: design your integration around finalized payloads. - Heavy synchronous handlers can still hurt UX (they run on the main thread). Keep handlers small and do persistence/IO asynchronously. - Triggers should be predictable and consistent across devices.","excerpt":"Notes / Pitfalls - Don’t expect per-frame drag events: design your integration around finalized payloads. - Heavy synchronous handlers can still hurt UX (they run on the main thread). Keep handlers small and do persistence/IO asynchronously. - Triggers should be predictable and consistent across devices."},{"chunkId":"/docs/event-system#13","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.07794,0.00504,-0.04735,0.08955,0.08397,0.10211,0.06423,0.05423,0.09732,0.02839,-0.00156,-0.02147,-0.0731,-0.00063,-0.04048,0.01878,-0.06369,-0.05627,-0.07968,0.05177,-0.00092,-0.10122,-0.01644,-0.03999,0.01287,0.03542,-0.00737,-0.04094,0.07098,-0.04464,0.02115,0.02404,-0.04722,-0.01434,-0.03488,0.05748,0.04517,-0.02819,-0.09342,-0.01725,0.13029,-0.02097,-0.00954,-0.02367,-0.03266,0.05528,-0.03092,0.03404,-0.05796,0.04944,-0.03355,-0.04011,-0.02001,0.09244,0.04065,0.02925,0.04973,-0.09218,0.03933,-0.02668,-0.07024,-0.01132,-0.0804,0.04224,0.05597,-0.02154,-0.11738,-0.00044,-0.04802,-0.0486,-0.016,-0.02616,-0.033,0.01617,0.05629,-0.06978,-0.06543,0.08762,-0.02036,-0.042,0.06457,-0.03508,-0.03499,0.03739,0.01948,0.13787,0.01073,-0.04463,-0.02582,0.05399,-0.02239,0.03558,-0.00282,0.05659,0.04575,0.01902,-0.05208,0.01365,-0.02158,0.01775,0.00685,-0.06595,0.02649,0.10875,0.00779,-0.08005,-0.05287,0.00349,-0.07008,-0.00334,-0.03205,-0.00757,0.05242,-0.02518,-0.00371,0.0262,-0.06359,0.01815,0.05731,0.03501,0.05499,0.02382,-0.04253,-0.0287,0.03184,-0.05134,0.0293,0,0.00137,-0.06231,-0.06274,0.04424,0.03952,-0.00025,-0.0368,-0.0539,-0.00562,0.08224,-0.07617,0.04036,0.00026,0.01662,0.00693,-0.1069,-0.02831,0.07089,-0.01563,0.02056,0.04194,-0.02076,-0.05903,-0.00305,0.10866,0.06363,-0.09235,0.06145,-0.05001,0.02904,0.00165,0.02759,0.0048,-0.03775,-0.05708,0.02184,-0.00025,-0.05683,-0.04778,-0.03968,-0.00436,-0.0559,-0.12441,0.01299,-0.06172,-0.09219,-0.06476,0.00197,0.05542,0.01271,0.02447,-0.00512,0.08662,0.02648,0.0965,-0.02522,-0.04096,0.07101,-0.04579,0.04757,0.03377,0.10522,-0.03621,-0.01318,0.08937,0.0419,-0.01197,-0.02704,0.06813,-0.08276,-0.06214,0.06936,0.05947,-0.00338,0.04409,0.00266,0.00046,0.02171,0.05782,-0.00622,-0.05284,-0.06761,0.00208,0.0201,0.03917,-0.07202,0.00856,-0.03531,-0.12088,-0.08142,0.12002,0.02367,-0.01149,0.00226,-0.01983,0,0.04711,0.05769,-0.00772,0.08541,-0.02148,-0.019,0.07566,0.03288,0.03075,0.02617,0.00557,0.03543,-0.0392,-0.00873,0.05584,-0.0027,-0.03677,-0.11212,0.01368,-0.06104,0.0629,0.02411,-0.04277,-0.04745,-0.08078,-0.00358,0.05424,0.02487,-0.02972,-0.04077,0.00158,-0.02523,-0.08921,0.06192,0.00058,-0.04795,0.03008,0.12488,0.08482,-0.06102,0.10435,0.02231,-0.03052,0.02622,0.00276,0.02452,-0.03295,-0.00919,0.04725,-0.04902,-0.04892,0.00644,-0.05844,0.05932,-0.00469,0.02168,0.11007,-0.04876,-0.0668,0.00919,0.06669,-0.02959,-0.01456,-0.00732,0.07159,0.02177,-0.05269,-0.01943,0.06167,-0.0249,0.01613,0.0252,0.04161,-0.04852,0.01466,0.04966,0.07453,-0.00075,0.09454,0.02494,-0.07082,0.07525,0.00374,0.03176,-0.00347,0.08195,-0.08904,-0.01486,0.08671,-0.0185,-0.07223,0.00148,0.05802,0.02278,0.00797,0,-0.11539,-0.03586,-0.01961,-0.06533,0.01832,0.04129,-0.03496,-0.01114,-0.01204,-0.03303,-0.02383,0.05631,0.06811,0.01665,0.07959,-0.01166,0.02543,-0.01356,-0.02643,-0.06503,0.03781,-0.0006,0.03436,0.06196,-0.02569,-0.09092,-0.08495,0.06987,0.01284,-0.02984,-0.01791,0.04618,0.01122,0.04061,-0.06434,0.05678,-0.10734,-0.04569,-0.01856,0.01431,0.09651,-0.08635,-0.00039,-0.00869,-0.0365,0.08464,0.01791,0.0036,-0.06236,-0.00697,-0.05443,0.02126,-0.04657,0.04302,0.05013,-0.02095,0.00055,0.00993,0.05568,0.00222,-0.06406,0.0433,-0.0253,0.01863],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::","excerpt":"Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::"},{"chunkId":"/docs/selection-system#0","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.01654,-0.0328,-0.08629,0.0328,0.01231,0.01997,0.0758,0.06213,0.04982,-0.01514,-0.06918,-0.06153,-0.05444,-0.02116,0.05384,0.01823,-0.02751,-0.03597,0.03361,-0.02575,-0.01135,-0.0887,-0.02266,-0.06721,-0.05689,0.04754,0.0222,0.01743,-0.00832,-0.08434,0.02236,0.09329,0.03923,0.03329,-0.05723,0.00574,0.0046,-0.06556,-0.07449,-0.00222,0.01588,0.0288,0.00389,0.02554,-0.04209,0.02628,-0.07567,-0.00387,-0.01984,0.07937,-0.02961,-0.04777,0.03238,0.06348,0.03754,0.03423,0.06671,-0.07427,0.00419,-0.03783,-0.03188,-0.02966,-0.03457,0.04543,0.04507,0.05392,-0.08212,-0.05275,0.03067,-0.0854,-0.03939,-0.00184,0.01896,0.01709,0.07195,-0.04998,-0.00076,0.00514,0.00241,-0.07897,0.00965,0.0737,-0.0162,0.04794,0.0021,0.08412,-0.02819,-0.03198,0.02229,0.04674,-0.04509,0.01438,0.03342,-0.03905,0.03646,0.0043,-0.01501,-0.0824,-0.06466,0.00041,0.04847,-0.07057,0.05606,0.02082,-0.04541,-0.08238,-0.03668,0.01504,-0.02162,-0.06302,-0.10626,-0.03289,0.06021,0.00422,-0.07167,0.00196,-0.03217,-0.01885,0.05707,0.00206,0.03174,-0.01553,0.01829,0.01023,0.04955,-0.02521,-0.09563,0,-0.05093,-0.08482,0.00802,0.01828,0.00537,-0.01794,0.04743,-0.07798,-0.00101,0.00657,-0.03144,0.0113,-0.02463,0.0691,0.02409,-0.10473,-0.0712,0.07585,-0.00088,0.01458,0.08283,0.0332,-0.02078,-0.00115,0.06458,0.08924,-0.07673,0.07032,0.00933,0.04171,-0.05969,-0.00339,-0.03262,0.00181,-0.02798,0.0739,-0.07053,-0.04592,0.01608,0.00438,-0.00849,-0.08318,-0.01164,-0.03492,-0.00942,-0.03226,-0.15983,0.00854,-0.02656,0.00429,0.08658,0.01374,0.0332,-0.0316,0.08923,-0.0476,-0.08809,0.09084,0.00933,0.09796,0.02412,0.0662,-0.04232,-0.00102,0.03411,0.08164,0.01798,-0.02823,0.04635,0.02649,-0.07929,0.1243,0.06752,-0.03154,0.06043,-0.03377,0.03901,-0.01562,-0.02435,-0.03178,-0.09739,-0.07966,-0.02089,-0.03108,0.07302,-0.05527,0.02049,-0.03494,-0.07852,-0.05776,0.10174,-0.00442,-0.04483,0.03153,0.05624,0,0.02774,0.05376,0.04165,0.06284,0.00931,-0.0313,0.03169,-0.04225,-0.01118,-0.01733,-0.01164,0.06915,-0.00312,-0.05172,0.06053,0.04573,-0.04171,-0.10759,-0.02808,-0.0277,-0.03381,-0.02722,-0.02989,-0.03787,-0.08558,-0.03332,0.00025,0.02281,0.05159,-0.055,-0.00755,0.00466,-0.06701,0.00141,0.05274,-0.03235,0.01422,0.10534,0.02618,0.01876,-0.00444,0.01063,-0.04637,0.02958,-0.02727,0.10432,-0.06799,0.00257,-0.0031,-0.00589,-0.07298,-0.00029,-0.03529,-0.03612,-0.03039,0.08292,0.11214,0.01635,-0.00346,0.02453,-0.03407,-0.06696,0.10874,0.00308,0.07175,-0.0149,0.02948,0.02635,-0.00692,0.04675,0.1217,0.04036,0.02554,0.01719,0.06876,0.0259,0.01333,-0.00058,0.02604,0.08519,-0.0023,0.08104,0.0405,0.08418,-0.01886,0.04587,-0.07202,0.04182,0.07641,-0.02438,-0.02355,0.02157,0.11653,-0.00112,-0.0291,0,-0.10891,-0.05741,-0.01966,-0.00962,0.02704,0.05562,-0.09759,0.06567,-0.02711,-0.03697,-0.00805,0.09065,0.0134,-0.03226,0.08574,-0.00193,0.04322,0.02306,0.02103,-0.06797,-0.00226,-0.04473,0.02111,0.1323,0.00292,-0.04301,-0.05859,0.01403,0.04655,0.03333,0.01813,0.04521,0.05917,0.10645,-0.02607,0.01483,-0.08504,-0.00431,-0.0522,-0.00828,0.062,-0.03581,-0.03452,-0.05172,-0.09947,0.07871,-0.01139,-0.05942,-0.0416,-0.0161,-0.05354,0.04639,-0.01849,0.11612,0.00609,0.03241,-0.03895,-0.05821,0.08826,0.01204,-0.1089,0.07113,0.02345,0.03489],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Selection System Selection in Foblex Flow is the core UX mechanism for working with a diagram: it tells the user what is currently active and enables batch actions. Selection covers: - Nodes (and therefore groups that are associated with those nodes), - Connections, - and supports both user-driven and programmatic control. You can select by click, toggle items in multi-select mode, drag a selection rectangle, or manage selection via FFlowComponent APIs. F Flow Component AP Is","excerpt":"Selection System Selection in Foblex Flow is the core UX mechanism for working with a diagram: it tells the user what is currently active and enables batch actions. Selection covers: - Nodes (and therefore groups that are associated with those nodes), - Connections, - and supports both user-driven and programmatic control. You can select by click, toggle items in multi-select mode, drag a selection rectangle, or manage selection via FFlowComponent APIs."},{"chunkId":"/docs/selection-system#1","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[-0.01378,0.01431,-0.04549,0.04683,0.07095,0.01332,0.09836,0.07672,0.10283,0.06074,-0.04585,-0.02201,-0.02916,-0.0821,0.02103,-0.00881,-0.03932,-0.06812,-0.01158,0.01696,-0.0145,-0.03814,-0.01557,-0.05076,-0.04127,0.05986,0.00339,-0.03719,-0.01373,-0.07598,0.00249,0.12339,0.0545,0.01082,-0.09986,0.03496,0.01579,-0.09589,-0.07926,-0.05348,0.00749,0.0277,-0.0219,0.05506,-0.06002,-0.01383,-0.03664,-0.0356,0.00679,0.07579,-0.01242,0.00004,0.00842,0.08192,-0.00049,0.02974,0.07693,-0.03686,-0.03008,-0.01535,-0.01299,0.00458,-0.05052,0.04755,0.07177,0.05276,-0.06955,-0.09414,0.02496,-0.08782,-0.03874,-0.01549,0.03577,0.04652,0.04552,-0.08094,0.0152,-0.01993,-0.00065,-0.0456,-0.00197,0.0416,-0.0221,0.03863,0.02683,0.07492,-0.01381,-0.06078,0.0668,0.08261,0.01596,-0.01709,0.05582,-0.06277,0.04646,-0.01472,-0.03153,-0.01835,-0.02439,0.02252,0.05734,-0.04407,0.06449,0.05303,-0.07421,-0.08967,-0.02805,-0.06512,-0.0513,-0.03759,-0.09153,-0.01036,0.01421,-0.00771,-0.07131,0.00422,-0.0022,0.01597,0.04208,0.03751,0.01734,-0.0333,-0.0066,0.02451,0.00599,-0.00348,-0.06448,0,-0.05749,-0.09665,-0.0228,0.01619,0.02736,-0.02724,0.03353,-0.0177,-0.0015,0.00433,0.01626,0.01686,0.02521,0.08265,0.03856,-0.09681,-0.06917,0.09666,0.01758,-0.00009,0.09049,0.01824,-0.00253,-0.00756,0.03841,0.09169,-0.04675,0.04743,0.01198,0.02112,-0.07905,0.00534,-0.03424,0.02025,-0.01519,0.13111,-0.0744,-0.06677,0.03706,-0.02404,-0.01169,-0.07073,-0.00842,-0.01434,0.02041,-0.01524,-0.17629,0.01438,-0.03502,0.00275,0.09479,0.01107,0.03746,-0.01072,0.05503,-0.01996,-0.03356,0.0318,-0.01436,0.1029,0.00307,0.07147,-0.02352,0.03115,0.01767,0.1091,0.0053,-0.01233,0.08715,-0.03398,-0.06303,0.09521,0.05761,-0.01104,0.05317,-0.03337,0.04147,-0.06675,-0.01205,-0.06715,-0.09148,-0.05342,-0.05453,0.00843,0.05123,-0.05023,-0.0342,-0.02712,-0.04603,-0.03607,0.1033,0.02126,-0.03668,0.03097,0.02418,0,0.06079,-0.0053,0.03282,0.05821,-0.04117,-0.03158,-0.00827,-0.03543,0.01387,-0.05542,-0.03949,0.05282,0.02388,-0.06454,0.06258,0.07258,-0.04379,-0.132,-0.04452,-0.03211,-0.01211,-0.03472,-0.00267,0.00853,-0.1147,-0.07617,-0.0286,-0.02769,0.05928,-0.05228,-0.00259,0.03303,-0.07735,-0.00166,0.06129,-0.00982,0.00484,0.12421,0.04218,0.04803,-0.02199,0.02567,0.01566,0.04035,-0.02295,0.09208,-0.09181,0.02414,0.02558,-0.00535,-0.03672,-0.00495,-0.10676,-0.06832,-0.07109,0.08312,0.09074,-0.02116,0.01772,0.01547,-0.0019,0.0091,0.04906,0.00064,0.03833,-0.02186,0.01698,0.03155,0.00282,0.00902,0.06238,-0.01452,0.00577,-0.0287,0.03416,0.0106,0.06751,-0.04532,0.00294,0.09448,0.00635,0.08051,0.02797,0.0516,-0.09958,0.05359,-0.05563,0.01317,0.042,-0.04579,-0.02167,0.00747,0.06826,-0.01761,-0.05165,0,-0.09998,-0.0436,-0.01357,-0.03306,0.00716,0.01184,-0.10588,0.12457,0.02524,-0.05944,-0.05047,0.05349,-0.05135,-0.03362,0.08444,-0.00531,0.02773,0.02413,-0.00534,-0.02349,-0.01827,-0.05686,-0.00637,0.10984,0.00611,-0.06027,-0.04018,0.0305,0.03067,0.06357,0.02047,0.09926,0.07809,0.10656,-0.00263,0.01669,-0.02902,0.00269,-0.00891,-0.00929,0.01363,-0.05439,-0.02164,-0.04508,-0.13601,0.02063,-0.00057,-0.03764,0.00968,-0.0134,-0.02036,0.02595,-0.01783,0.10203,0.02534,0.05377,-0.0163,-0.05823,0.11232,-0.01065,-0.06816,0.04291,-0.00571,0.00595],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Why / Use cases Use the selection system whenever users need to inspect, move, or edit more than one item. Common scenarios: - Inspector panel: click a node → show its properties on the right. - Batch move: select several nodes → drag them together. - Batch actions: delete, group/ungroup, change settings for the selected set. - Keyboard workflows: Escape clears selection, Ctrl/Meta + A selects all, Delete removes items (in your app state). Selection is also a UX contract: the library adds .f-selected, but you decide how it looks.","excerpt":"Why / Use cases Use the selection system whenever users need to inspect, move, or edit more than one item. Common scenarios: - Inspector panel: click a node → show its properties on the right. - Batch move: select several nodes → drag them together. - Batch actions: delete, group/ungroup, change settings for the selected set. - Keyboard workflows: Escape clears selection, Ctrl/Meta + A selects all, Delete removes items (in your app state). Selection is also a UX contract: the library adds .f-selected, but you decide how it looks."},{"chunkId":"/docs/selection-system#2","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[-0.01882,-0.03939,-0.02262,0.07319,0.0326,0.02459,0.10006,0.03996,0.07689,0.00754,-0.05365,-0.08789,-0.10151,-0.04305,-0.01329,0.0213,-0.02037,-0.01632,0.02681,0.01097,-0.00166,-0.07534,-0.02144,-0.04726,-0.04719,0.01092,0.05275,0.01631,0.01611,-0.10047,0.03059,0.07548,-0.01486,0.00805,-0.0699,-0.02695,0.01929,-0.05804,-0.06531,-0.02468,0.00536,0.00339,0.00517,-0.01662,-0.06027,0.03028,0.00855,0.01408,-0.03739,0.06044,0.01477,0.01676,0.03492,0.06093,0.0333,0.01187,0.09861,-0.01906,-0.0293,-0.01267,-0.04803,-0.00066,-0.06487,0.01935,0.03007,0.04056,-0.05278,-0.07853,0.00063,-0.05348,-0.03834,0.01376,0.03747,-0.00082,0.08777,-0.06829,-0.01395,0.01843,0.02822,-0.06469,0.02159,0.03145,-0.04474,0.01906,0.05425,0.0569,-0.05941,-0.04628,0.02447,0.08521,-0.01724,-0.00146,0.0412,-0.02264,0.00967,-0.01183,-0.02782,-0.0359,-0.0267,-0.01313,0.02558,-0.03359,0.01,0.04575,-0.03327,-0.07062,-0.03488,-0.04728,-0.04837,-0.03563,-0.03696,-0.04626,0.07635,0.01802,-0.08151,0.03495,-0.0364,0.00303,0.06019,-0.0208,0.00683,-0.0082,0.04674,0.0277,0.01935,-0.04992,-0.05004,0,-0.0552,-0.08977,-0.04361,0.01826,-0.01135,-0.00118,0.03596,-0.03144,0.00899,-0.01179,0.02299,-0.02075,0.004,0.02601,0.06104,-0.0992,-0.08565,0.06947,-0.04655,0.03052,0.06836,0.02316,-0.05877,-0.04793,0.0266,0.08334,-0.07875,0.07459,0.02111,0.03718,-0.05462,0.0245,-0.01683,0.00261,-0.0397,0.08027,-0.07655,-0.06684,0.00929,0.01713,-0.0018,-0.08041,-0.00888,-0.02257,-0.01495,-0.03829,-0.14804,0.04072,-0.02038,-0.02307,0.08964,-0.00666,0.05414,-0.00693,0.11107,-0.03273,-0.10237,0.0775,0.06092,0.10825,0.02408,0.09347,-0.03447,-0.02379,0.02578,0.10808,0.04041,-0.02832,0.0176,-0.00226,-0.02966,0.09448,0.07041,-0.0477,0.03938,-0.02938,0.00514,-0.01536,0.02183,-0.0824,-0.07821,-0.03902,-0.01256,-0.04382,0.08308,-0.08462,-0.02781,-0.03927,-0.1001,-0.05627,0.13612,0.00039,-0.00687,0.00939,0.0186,0,0.03803,0.01526,0.04454,0.08268,-0.02976,-0.01333,0.00385,-0.0265,0.03906,-0.05553,-0.0417,0.05224,-0.01483,-0.02352,0.09238,0.05372,-0.04312,-0.11596,-0.04299,-0.03929,0.01411,-0.04264,-0.00078,-0.05341,-0.12941,-0.03693,0.0087,0.05256,0.04897,-0.04922,-0.01024,0.02617,-0.08518,0.00963,0.056,-0.02348,0.00815,0.07727,0.01637,0.039,-0.0065,0.02435,-0.00651,0.05832,0.00687,0.07812,-0.11563,0.03929,0.05505,-0.00716,-0.06226,-0.005,-0.0648,-0.01074,-0.03089,0.13497,0.09529,0.0044,0.01663,0.0437,-0.00923,-0.06127,0.06619,0.01957,0.09931,0.01195,0.02147,0.02469,0.04078,0.02914,0.09089,0.00053,0.03472,-0.06408,0.05421,0.03879,0.08638,-0.00617,0.05113,0.0634,-0.02276,0.0717,0.05266,0.02916,-0.0556,0.04721,-0.08326,0.02223,0.08391,-0.04638,-0.02451,0.01256,0.13771,-0.06101,-0.03455,0,-0.11826,-0.03627,-0.0154,-0.00254,0.03444,0.0427,-0.08822,0.04148,-0.03769,-0.04662,-0.04435,0.06903,0.04345,0.00284,0.10871,-0.0196,0.02303,-0.01088,-0.01851,-0.03337,0.02402,-0.0368,0.04874,0.1066,-0.02182,-0.04443,-0.04322,0.01942,0.0429,0.0409,-0.00178,0.06629,0.05314,0.10175,-0.03428,0.02327,-0.06774,-0.02489,-0.00863,0.01,0.04825,-0.08517,-0.03407,-0.04322,-0.09959,0.03616,0.01976,-0.05312,-0.05334,0.02985,-0.04749,0.04678,-0.01235,0.09955,0.04529,-0.0303,-0.04949,-0.02471,0.10261,0.03016,-0.05047,0.039,-0.0198,0.05056],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. How it works Internally, selection lives in the draggable interaction context (selectedItems) and is updated by two primary paths: - Pointer path - SelectByPointer Handles single select and multi-select toggle logic. - Box path - SelectionAreaHandler Handles rectangle selection based on intersection rules. After the selection logic is finalized, EmitSelectionChangeEvent emits FSelectionChangeEvent only when the selection actually changed. This keeps handlers predictable and avoids unnecessary re-renders. selected Items Select By Pointer Selection Area Handler Emit Selection Change Event F Selection Change Event","excerpt":"How it works Internally, selection lives in the draggable interaction context (selectedItems) and is updated by two primary paths: - Pointer path - SelectByPointer Handles single select and multi-select toggle logic. - Box path - SelectionAreaHandler Handles rectangle selection based on intersection rules. After the selection logic is finalized, EmitSelectionChangeEvent emits FSelectionChangeEvent only when the selection actually changed. This keeps handlers predictable and avoids unnecessary re-renders."},{"chunkId":"/docs/selection-system#3","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.01126,-0.02369,-0.08582,-0.00959,-0.01882,0.01571,0.08471,0.09147,0.00273,0.00484,-0.05577,-0.0672,-0.0498,-0.05258,-0.0053,0.00707,-0.07329,-0.01853,0.04763,0.01521,0.02137,-0.06054,-0.05105,-0.06152,-0.06824,0.03282,0.04193,0.0165,-0.02573,-0.07508,0.02604,0.10333,0.05913,0.01657,-0.0279,-0.01614,-0.01643,-0.08129,-0.0776,-0.02398,-0.03401,0.00354,0.01312,0.01583,-0.05221,0.02434,-0.03629,-0.03098,0.0073,0.06361,-0.05328,-0.00434,0.02196,0.07843,0.02811,0.02168,0.04605,-0.04221,0.00793,-0.02661,-0.03219,0.00078,-0.06738,0.05238,0.08129,0.03861,-0.09935,-0.03111,-0.01994,-0.08649,-0.09736,0.00613,0.0229,0.01816,0.05943,-0.06782,-0.00505,-0.0091,0.01173,-0.07376,-0.01444,0.05901,-0.039,0.05232,0.03335,0.08624,-0.03608,-0.00023,0.04316,0.06799,-0.00215,-0.01474,0.01545,-0.03577,0.03616,0.00435,-0.01655,-0.09953,-0.03458,0.00419,0.01314,-0.05136,0.06192,0.01519,-0.03268,-0.08716,-0.00548,-0.00101,-0.00884,-0.05953,-0.10574,-0.03171,0.05887,0.0071,-0.02119,0.02571,-0.02223,-0.01256,0.0791,-0.00344,0.02617,-0.04021,0.00448,0.01518,0.01353,-0.01706,-0.05019,0,-0.06463,-0.0896,-0.02552,0.03966,-0.00585,-0.00537,0.04823,-0.03117,-0.00833,0.02587,-0.03816,-0.03078,-0.00015,0.0519,0.01902,-0.09785,-0.08386,0.10679,-0.02303,0.01858,0.10851,0.03905,-0.01052,-0.04097,0.07362,0.08887,-0.05996,0.05233,-0.01817,0.03404,-0.05093,-0.03624,-0.01405,0.01507,-0.00153,0.06723,-0.04469,-0.03406,0.01632,0.0046,-0.02969,-0.10962,0.01322,-0.02676,0.00994,-0.02427,-0.16627,0.02655,0.0012,0.01617,0.07284,0.00715,0.02163,-0.00079,0.07779,-0.04104,-0.10398,0.07908,0.01086,0.10667,0.03138,0.09476,-0.04328,-0.05175,0.01653,0.09446,0.00866,-0.06331,0.06856,0.00475,-0.04979,0.06595,0.04763,-0.01073,0.04723,-0.00135,0.03961,-0.01547,-0.0113,-0.06097,-0.11828,-0.01434,-0.02888,-0.01055,0.09756,-0.04479,0.0116,-0.04958,-0.08214,-0.04037,0.06576,-0.01776,-0.06065,-0.00215,0.02322,0,0.05004,0.04191,0.03367,0.06148,-0.0019,0.00511,0.04819,-0.04082,0.04156,-0.01889,-0.03833,0.07751,0.01162,-0.04303,0.06471,0.0522,-0.06854,-0.09006,-0.01049,-0.01264,0.00269,-0.01605,-0.03107,-0.04188,-0.09583,-0.04376,0.01779,0.06065,0.02803,-0.02859,-0.00857,0.04656,-0.08607,0.0453,0.03497,-0.00649,0.03509,0.07223,0.00258,0.03065,0.03669,0.01097,-0.02723,0.04324,-0.01305,0.05092,-0.07903,0.02309,0.02707,-0.00598,-0.04883,-0.03428,-0.04811,-0.03347,-0.05867,0.11484,0.12788,-0.00119,0.0027,0.05363,-0.02169,-0.07384,0.09562,-0.01149,0.06473,-0.01686,0.03287,0.05711,-0.01448,0.0122,0.07464,0.02741,0.05141,-0.01818,0.03021,0.04644,0.01546,-0.00984,0.0426,0.08069,-0.02028,0.10492,0.04189,0.09802,-0.03126,0.04905,-0.03852,0.00095,0.07458,-0.05715,-0.03372,0.03827,0.12127,-0.01439,-0.05543,0,-0.10155,-0.0524,-0.00978,0.02308,0.02124,0.07368,-0.08654,0.05845,-0.04172,-0.06514,-0.01566,0.07228,0.00738,-0.02439,0.08809,-0.02966,-0.02418,0.00758,-0.01518,-0.06438,0.06832,-0.04158,0.04096,0.11836,0.00269,-0.0524,-0.04514,0.02429,0.03393,0.02406,0.04367,0.09177,0.03807,0.07762,-0.00914,0.0388,-0.07166,0.01977,-0.0645,0.00362,0.03027,-0.07046,-0.06022,-0.07983,-0.05849,0.05389,-0.01672,-0.04586,-0.03848,-0.03336,-0.04803,0.07839,0.0051,0.11444,0.05578,-0.0081,-0.05827,-0.05326,0.07035,0.04865,-0.0953,0.09556,0.0104,0.03902],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Configuration (Inputs/Outputs/Methods)","excerpt":"Configuration (Inputs/Outputs/Methods)"},{"chunkId":"/docs/selection-system#4","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.01848,-0.01892,-0.09368,0.06649,0.01327,0.03768,0.09377,0.07513,0.03584,-0.01485,-0.07852,-0.0643,-0.08381,-0.0413,0.01265,-0.01724,-0.07911,-0.03985,0.05065,0.00265,0.03218,-0.09598,-0.02159,-0.06794,-0.08419,0.01455,0.00718,0.00393,-0.03447,-0.0689,0.01335,0.06798,0.03502,0.01682,-0.02646,-0.05146,-0.00998,-0.04663,-0.04658,-0.01795,-0.04353,-0.0362,-0.00854,-0.0247,-0.072,0.0082,-0.03944,-0.00362,0.0076,0.09218,-0.0137,0.0171,0.02329,0.07404,0.05202,-0.01209,0.09084,-0.03867,-0.00631,-0.01122,-0.08113,0.02033,-0.07388,0.0517,0.05868,0.08675,-0.10007,-0.09616,0.00124,-0.05776,-0.04707,-0.00496,0.03795,-0.00139,0.08852,-0.09709,-0.00636,0.01798,0.03484,-0.04075,0.00796,0.06479,-0.01884,0.00508,0.02612,0.06825,-0.05604,-0.02242,0.04813,0.08032,-0.03528,0.01063,0.01912,0.01519,0.02792,-0.01029,-0.02831,-0.06928,-0.05143,-0.01231,-0.00215,-0.05034,0.07409,0.05935,-0.01777,-0.0764,0.01064,-0.01718,-0.03646,-0.07682,-0.07445,-0.00667,0.08226,0.03394,-0.05605,0.03628,-0.03163,-0.00506,0.07942,0.00486,0.03443,-0.02222,-0.01633,-0.00078,0.01836,-0.02567,-0.05355,0,-0.01251,-0.08023,-0.04029,0.01284,-0.00867,0.01889,0.05238,-0.03644,-0.03094,0.06157,-0.01165,-0.04548,0.00222,0.03177,0.02968,-0.09626,-0.05625,0.05589,-0.00371,-0.00368,0.1158,0.02253,-0.00647,-0.00925,0.07843,0.12398,-0.07787,0.06015,-0.0075,0.05843,-0.05142,-0.0436,-0.02692,-0.0184,0.00633,0.04756,-0.05536,-0.03936,-0.02585,0.03449,-0.02742,-0.10939,0.02689,-0.05884,0.00766,-0.01433,-0.14862,0.04109,-0.02765,0.00836,0.08328,0.01846,0.00217,-0.03375,0.08095,-0.01726,-0.10944,0.06487,0.02956,0.09699,0.01851,0.04966,-0.00878,-0.03489,0.03064,0.09373,0.02825,-0.03999,0.03378,0.01626,-0.06662,0.05033,0.06176,-0.03161,0.05239,0.00933,0.04827,-0.07127,0.00971,-0.0666,-0.04548,-0.04126,-0.02114,-0.01823,0.0716,-0.04346,-0.02936,-0.0477,-0.0671,-0.0474,0.08095,0.01038,-0.01754,-0.01555,0.00126,0,0.04718,0.01339,0.01566,0.04095,-0.04193,0.00159,0.04462,-0.07571,0.01297,0.00944,-0.00466,0.05087,-0.00643,-0.07363,0.03884,0.08671,-0.03276,-0.04727,-0.01047,0.01335,-0.02002,-0.0717,-0.0379,-0.0131,-0.09625,-0.03697,0.01358,0.06384,0.03937,-0.03194,0.01139,0.05971,-0.05473,0.01218,0.02537,-0.01388,0.02431,0.06878,0.01123,0.02842,0.01756,0.03981,0.01727,0.04041,-0.02767,0.08689,-0.08877,0.01314,0.02572,0.00027,-0.08429,-0.05837,-0.05232,-0.03483,-0.08569,0.10047,0.11625,0.00106,-0.0235,0.06141,0.03387,-0.06157,0.09606,0.03343,0.11939,-0.01547,0.03868,0.06686,0.00558,0.02486,0.11306,-0.01891,0.0341,-0.02678,0.01357,0.07276,0.03631,-0.00683,0.01034,0.08602,0.05484,0.04394,0.02769,0.04345,-0.06789,0.0436,-0.0519,0.03869,0.07974,-0.06495,-0.04137,0.0153,0.11338,-0.06423,-0.03017,0,-0.09988,-0.05883,-0.02392,-0.00013,0.01714,0.05528,-0.08941,0.03058,-0.06326,-0.06687,-0.04781,0.07409,0.02653,-0.03336,0.08491,-0.01647,0.00509,0.04049,0.00951,-0.04688,0.02512,-0.03745,0.013,0.0856,-0.00669,-0.05421,-0.05229,0.0208,0.08003,0.03529,0.01155,0.09201,0.04198,0.0398,-0.06164,0.03772,-0.04215,-0.00853,-0.04721,-0.00822,0.07577,-0.04749,-0.04732,-0.08306,-0.14618,0.03713,0.01237,-0.00958,-0.03996,0.00378,-0.02867,0.07516,0.02137,0.10646,0.03746,0.02392,-0.05128,-0.04864,0.0636,0.01304,-0.07157,0.04523,-0.00006,0.0125],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Inputs - fMultiSelectTrigger: FEventTrigger; on f-flow[fDraggable] Enables toggle multi-select mode. - fTrigger: FEventTrigger; on f-selection-area Controls when box selection starts (default: event.shiftKey). Recommended UX defaults: Shift for box selection, Ctrl/Meta for toggle multi-select. f Multi Select Trigger F Event Trigger f Draggable f Trigger shift Key","excerpt":"Inputs - fMultiSelectTrigger: FEventTrigger; on f-flow[fDraggable] Enables toggle multi-select mode. - fTrigger: FEventTrigger; on f-selection-area Controls when box selection starts (default: event.shiftKey). Recommended UX defaults: Shift for box selection, Ctrl/Meta for toggle multi-select."},{"chunkId":"/docs/selection-system#5","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.00334,-0.00231,-0.07663,0.04181,0.0102,0.03033,0.10238,0.04614,0.04888,0.01608,-0.06081,-0.09189,-0.07603,-0.07672,-0.02134,-0.00565,-0.08931,0.0087,0.00547,-0.01336,-0.01074,-0.06482,-0.02648,-0.05661,-0.07407,0.02828,0.01628,0.02162,-0.01671,-0.07733,0.01898,0.09892,0.04517,0.02733,-0.03784,0.0001,-0.00148,-0.05807,-0.05641,-0.00042,0.01609,-0.00973,0.03555,-0.01318,-0.04329,0.04383,-0.04313,0.02491,-0.01653,0.10984,0.01177,0.00671,0.00748,0.0832,0.04589,0.05649,0.05754,-0.07183,-0.01487,-0.00455,-0.02028,-0.02197,-0.04519,0.04292,0.01859,0.0562,-0.07582,-0.02541,-0.00367,-0.07451,-0.02661,0.03167,0.02457,-0.00281,0.07184,-0.06126,-0.01853,0.0157,0.01963,-0.0811,0.00645,0.04973,-0.01811,0.01303,0.05429,0.06059,-0.07474,-0.02554,-0.0086,0.10194,-0.07729,0.03987,0.01368,-0.0422,0.0281,0.0197,0.00822,-0.09038,-0.02329,0.0239,-0.00511,-0.01593,-0.00026,0.04175,-0.01887,-0.07119,-0.04699,-0.02084,-0.02324,-0.04351,-0.08775,-0.01598,0.04898,-0.01438,-0.04955,0.0115,-0.00613,0.00435,0.07819,-0.01906,0.05811,-0.02024,-0.00767,0.02483,0.00566,-0.00734,-0.04016,0,-0.01372,-0.08525,-0.02564,0.01839,0.00551,0.00373,0.02159,-0.04534,-0.03107,0.00882,-0.07965,-0.01439,-0.00508,0.00768,0.03451,-0.10141,-0.06218,0.06659,-0.01614,-0.01959,0.06953,0.02286,-0.01555,-0.03045,0.04729,0.09253,-0.0922,0.07754,0.02427,0.03636,-0.04541,-0.02531,0.00457,-0.00409,-0.01613,0.05968,-0.04832,-0.06529,-0.02147,-0.00311,0.0055,-0.09387,-0.01635,-0.07492,-0.01692,-0.01935,-0.15692,0.01476,0.01443,0.0002,0.07343,-0.00924,0.02433,-0.00737,0.06526,-0.01904,-0.11574,0.10561,0.01797,0.12727,0.01382,0.09907,-0.035,-0.03269,0.03262,0.11545,0.05888,-0.03762,0.04497,-0.00756,-0.03609,0.10548,0.03997,-0.02229,0.05175,0.02314,0.04316,-0.02986,-0.02405,-0.0249,-0.0974,-0.04862,-0.01946,-0.00052,0.09053,-0.04452,0.01547,-0.04768,-0.09715,-0.04911,0.08683,0.00683,0.023,-0.00381,0.01629,0,0.01153,0.03927,0.03723,0.04054,0.02066,-0.03007,0.02788,-0.05635,0.03138,0.03009,-0.03079,0.04093,-0.03571,-0.0867,0.08426,0.04181,-0.06017,-0.09964,-0.00458,0.00402,-0.01479,-0.00347,-0.00602,-0.03868,-0.06774,-0.06288,0.02482,0.03096,0.02416,-0.05026,0.00908,0.03119,-0.11141,0.03796,0.07999,-0.02638,0.02233,0.07037,0.02774,0.03216,0.02925,0.02875,-0.04167,0.05438,0.0083,0.06559,-0.09446,0.05977,0.02053,0.03885,-0.07719,-0.0332,-0.04776,0.00084,-0.04545,0.12401,0.13895,0.00461,0,0.02662,-0.01437,-0.10655,0.04998,0.0252,0.12028,-0.01664,0.01942,0.05691,-0.0172,0.04482,0.10831,-0.01386,-0.0103,-0.01337,0.03428,0.03162,0.0197,0.01241,0.03219,0.07926,0.00989,0.11362,0.05214,0.05592,-0.03738,0.02436,-0.03367,0.00944,0.08132,-0.03663,-0.06095,0.00532,0.09658,-0.04301,-0.06506,0,-0.12388,-0.0351,-0.04198,-0.01743,0.06798,0.03015,-0.12107,0.05633,-0.04797,-0.08066,-0.04074,0.06861,0.02035,-0.05196,0.07601,-0.03495,-0.01098,-0.00926,-0.01477,-0.04936,0.02464,-0.02493,-0.00244,0.08568,-0.02838,-0.08649,-0.04954,-0.00436,0.03026,0.01496,0.02356,0.05439,0.05431,0.10092,-0.0136,0.03769,-0.0705,-0.01171,-0.06061,0.01305,0.0535,-0.04965,-0.03334,-0.05041,-0.10478,0.05283,0.00768,-0.04935,-0.01631,-0.01785,-0.03666,0.05761,0.00516,0.09328,-0.00931,-0.00262,-0.04227,-0.03782,0.1019,0.01876,-0.09545,0.07835,0.01803,0.0327],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Outputs - fSelectionChange: EventEmitter<FSelectionChangeEvent; on f-flow[fDraggable]. FSelectionChangeEvent fields: - nodeIds, groupIds, connectionIds - legacy aliases: fNodeIds, fGroupIds, fConnectionIds groupIds are derived automatically from selected nodes. f Selection Change Event Emitter F Selection Change Event f Draggable node Ids group Ids connection Ids f Node Ids f Group Ids f Connection Ids","excerpt":"Outputs - fSelectionChange: EventEmitter<FSelectionChangeEvent; on f-flow[fDraggable]. FSelectionChangeEvent fields: - nodeIds, groupIds, connectionIds - legacy aliases: fNodeIds, fGroupIds, fConnectionIds groupIds are derived automatically from selected nodes."},{"chunkId":"/docs/selection-system#6","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.00865,-0.02547,-0.07189,0.05945,-0.01185,0.03011,0.10272,0.03998,0.04548,-0.009,-0.06371,-0.07983,-0.10102,-0.07784,-0.01059,-0.01396,-0.0492,-0.00507,0.01185,-0.01282,-0.02417,-0.05825,-0.04484,-0.05254,-0.04197,0.0608,0.01493,0.00417,0.02508,-0.04621,0.03446,0.11272,0.01333,0.02148,-0.05946,-0.00514,0.00443,-0.06111,-0.06388,-0.01864,0.01928,-0.00143,-0.00601,-0.03331,-0.05021,0.02303,-0.05934,0.00441,-0.01584,0.05769,-0.0143,0.00696,0.02761,0.06624,0.02938,-0.00094,0.07736,-0.04164,0.00925,0.00624,-0.03604,-0.03902,-0.06768,0.0409,0.05661,0.06799,-0.05287,-0.06103,0.01866,-0.06699,-0.03619,0.02622,0.01482,0.02158,0.07432,-0.06613,-0.00838,-0.00177,0.02069,-0.04898,0.05221,0.05672,-0.00843,0.03121,0.03319,0.10066,-0.07738,-0.03332,0.01506,0.09261,-0.05647,0.0363,0.0187,-0.03415,0.04855,0.02163,-0.0248,-0.08109,-0.06126,0.01496,0.023,-0.05034,0.0314,0.02846,-0.06347,-0.03947,-0.02927,-0.01484,-0.02882,-0.0439,-0.09716,-0.03951,0.05395,-0.00062,-0.05386,-0.01546,0.02724,-0.00446,0.06379,0.01054,0.01306,0.0034,0.0247,0.01536,0.01849,-0.00908,-0.04959,0,-0.04143,-0.09459,-0.0357,0.00893,-0.00054,0.00568,0.04777,-0.01698,0.00184,0.00187,-0.02399,-0.03313,-0.01407,0.00748,0.0319,-0.11246,-0.06304,0.07406,-0.02982,0.00701,0.10548,0.03275,0.00726,-0.01947,0.02341,0.05899,-0.08766,0.04685,0.02181,0.04342,-0.06123,-0.02693,-0.0063,0.01969,-0.03823,0.06642,-0.04242,-0.02914,0.00696,-0.01671,-0.02038,-0.10972,-0.00999,-0.06748,-0.0106,-0.03707,-0.18133,0.05098,-0.00529,0.00371,0.07803,0.01571,-0.01278,-0.01221,0.05988,-0.01958,-0.09769,0.13295,0.00364,0.10792,0.01942,0.09527,-0.04024,-0.01576,0.04814,0.09847,0.03848,-0.04043,0.03919,-0.04017,-0.05658,0.1009,0.05089,0.00458,0.08415,-0.01963,0.0203,-0.02418,-0.02387,-0.02832,-0.08929,-0.03555,-0.01673,0.01203,0.08543,-0.06744,0.00647,-0.04577,-0.07548,-0.03304,0.06789,-0.01488,-0.02814,0.02055,0.02944,0,0.06111,0.05433,0.05201,0.05083,0.00414,-0.01919,0.01056,-0.03558,0.03321,0.01264,0.00897,0.08576,0.01579,-0.06632,0.06282,0.06922,-0.05783,-0.10069,-0.01256,-0.00819,-0.00953,-0.04443,-0.04152,-0.03843,-0.09176,-0.06957,0.01844,0.01744,0.05821,-0.03044,0.02581,0.04344,-0.10382,-0.0029,0.04391,0.01148,0.01314,0.10641,0.00533,0.03691,0.00104,0.03485,-0.0509,0.00902,-0.01026,0.06626,-0.06811,0.01979,0.0005,0.01003,-0.03288,-0.01557,-0.05472,-0.00895,-0.03836,0.11149,0.1273,0.01405,0.02321,0.02209,-0.00876,-0.0785,0.07442,0.00289,0.09665,-0.01238,0.0188,0.0651,0.00637,0.01528,0.10153,0.00749,0.02757,0.00698,0.03657,0.0626,0.03257,-0.02233,0.03888,0.08424,0.02232,0.10767,0.02708,0.05082,-0.06213,0.00222,-0.02988,0.02756,0.05255,-0.0441,-0.03681,-0.00704,0.13831,-0.04213,-0.03985,0,-0.11741,-0.07491,-0.0487,0.01008,0.04158,0.05113,-0.11165,0.05676,-0.05951,-0.07667,-0.03238,0.08258,0.01744,-0.03064,0.06556,-0.05248,-0.00483,-0.00074,0.01389,-0.08735,0.02138,-0.05611,0.01247,0.08551,-0.01777,-0.06714,-0.05001,-0.00514,0.04884,0.0559,0.02773,0.06928,0.05635,0.07967,-0.06917,0.02432,-0.08109,0.01991,-0.04704,0.01133,0.05496,-0.03387,-0.04233,-0.06171,-0.0819,0.06058,-0.00285,-0.02197,-0.01951,-0.03425,-0.04015,0.05538,-0.01565,0.11062,0.01881,-0.00391,-0.06453,-0.03828,0.07501,-0.00753,-0.11872,0.10004,0.00375,0.0383],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Methods FFlowComponent Use these methods when selection is driven by external UI (toolbars, side panels, shortcuts): - getSelection(): ICurrentSelection - selectAll(): void - select(nodesAndGroups: string[], connections: string[], isSelectedChanged: boolean = true): void - clearSelection(): void F Flow Component get Selection I Current Selection select All nodes And Groups is Selected Changed clear Selection","excerpt":"Methods FFlowComponent Use these methods when selection is driven by external UI (toolbars, side panels, shortcuts): - getSelection(): ICurrentSelection - selectAll(): void - select(nodesAndGroups: string[], connections: string[], isSelectedChanged: boolean = true): void - clearSelection(): void"},{"chunkId":"/docs/selection-system#7","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.03566,0.00821,-0.07947,0.01512,0.03292,-0.02194,0.10114,0.06405,0.04076,0.00664,-0.07243,-0.05323,-0.05479,-0.04813,0.01426,-0.01752,-0.06452,-0.0409,0.05343,0.03516,-0.01892,-0.04262,-0.01515,-0.08551,-0.07936,0.01993,0.03667,0.04441,-0.01945,-0.08107,0.00785,0.14121,0.06158,0.02826,-0.05392,0.00136,-0.00113,-0.05678,-0.04823,0.02003,0.00525,0.0062,0.03107,0.02453,-0.07076,0.03295,-0.03459,-0.01319,-0.00199,0.06331,0.01509,-0.03386,-0.00697,0.09027,0.0285,0.02662,0.07083,-0.0514,-0.0268,-0.00997,-0.00557,-0.0116,-0.0648,0.05724,0.04764,0.04529,-0.09612,-0.04369,-0.03302,-0.06971,-0.0235,0.02162,0.02736,0.01199,0.0898,-0.04163,-0.00751,0.03806,0.04319,-0.07325,-0.00597,0.0642,-0.01979,0.03416,0.02369,0.10376,-0.03574,-0.05912,0.00341,0.08979,-0.03374,0.03374,-0.01248,-0.04586,0.00913,0.00703,-0.02353,-0.09228,-0.03539,0.0159,0.01506,-0.06327,0.06926,0.01566,-0.04454,-0.08568,-0.04753,0.02432,-0.02454,-0.06336,-0.10429,-0.01094,0.03819,-0.01516,-0.05229,-0.01054,-0.01078,-0.04484,0.07092,0.01001,0.04701,-0.02367,-0.02644,0.01723,0.01268,-0.02444,-0.06275,0,-0.05837,-0.08333,-0.00529,0.0271,0.02916,-0.00658,0.03803,-0.05818,-0.01871,0.01401,-0.04731,-0.04938,-0.00292,0.02815,0.04377,-0.09403,-0.05548,0.09934,-0.05159,0.00574,0.08266,0.0213,-0.00554,-0.02816,0.07555,0.08824,-0.07499,0.06155,-0.00908,0.03314,-0.04671,-0.03318,0.00028,-0.00521,-0.02231,0.06614,-0.0249,-0.03766,-0.015,0.00002,-0.01278,-0.07948,0.02085,-0.02913,0.02419,-0.01314,-0.16159,0.00123,-0.00738,0.0376,0.07565,-0.00344,0.05303,-0.01,0.09167,-0.00875,-0.085,0.10589,-0.01964,0.10677,0.02527,0.06883,-0.05469,-0.02783,0.01917,0.09024,0.03741,-0.03458,0.04327,0.00561,-0.02209,0.09343,0.05225,-0.00298,0.02411,-0.01039,0.02144,-0.01418,-0.00289,-0.04433,-0.12147,-0.066,-0.06374,-0.04043,0.03358,-0.04754,0.03331,-0.04573,-0.0627,-0.06145,0.08617,0.00972,-0.04494,-0.0017,0.00189,0,0.00478,0.04546,0.03275,0.06487,-0.00268,0.00121,0.05774,-0.03027,0.00295,0.01451,-0.01599,0.09508,-0.01013,-0.07976,0.05404,0.05337,-0.07101,-0.0976,-0.02661,-0.00465,-0.02849,-0.04507,0.01451,-0.04753,-0.08254,-0.04409,0.0083,0.04284,0.02638,-0.0443,-0.00379,0.02623,-0.08946,0.0319,0.05917,-0.03307,0.03275,0.08025,0.04348,0.02218,0.01959,0.01862,-0.0348,0.0498,-0.03984,0.05204,-0.06242,0.01908,0.02277,-0.00874,-0.06556,-0.03564,-0.03991,-0.02553,-0.06062,0.13375,0.09162,0.02753,-0.00857,0.0662,-0.00313,-0.08053,0.06923,0.00619,0.06429,-0.03624,0.01811,0.07258,-0.00965,0.06361,0.10236,0.06904,0.01216,0.00343,0.01545,0.02892,0.04986,0.04363,0.02189,0.13226,0.00648,0.1125,0.00073,0.07219,-0.01429,-0.00362,-0.04531,0.03355,0.05171,-0.09619,-0.03068,0.03136,0.08399,-0.02686,-0.04269,0,-0.1219,-0.05522,-0.0327,-0.03028,0.03236,0.0539,-0.09706,0.03007,-0.0371,-0.03505,-0.0567,0.07907,-0.0032,-0.02118,0.08347,-0.0275,-0.00597,-0.00167,-0.01924,-0.06527,0.01279,-0.04023,-0.00557,0.11505,0.00788,-0.06099,-0.07102,0.00713,0.03804,0.02714,-0.00345,0.0755,0.03079,0.06622,-0.01451,0.05529,-0.08247,0.01578,-0.07297,0.02092,0.03483,-0.07973,-0.00239,-0.07551,-0.08046,0.05349,0.00885,-0.00324,-0.01931,-0.03175,-0.0276,0.05397,-0.01513,0.08928,0.00056,0.00467,-0.05809,-0.03638,0.0887,0.01147,-0.10141,0.11347,-0.00142,0.04616],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Styling - .f-selected is applied to selected nodes/groups/connections. - .f-selection-area is the selection rectangle host class.","excerpt":"Styling - .f-selected is applied to selected nodes/groups/connections. - .f-selection-area is the selection rectangle host class."},{"chunkId":"/docs/selection-system#8","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[-0.00845,0.00171,-0.05637,0.03883,0.02786,0.01546,0.10862,0.06506,0.03608,-0.00216,-0.08656,-0.07983,-0.06245,-0.06485,-0.01116,-0.00214,-0.06294,-0.01771,0.03172,0.02518,-0.01861,-0.05555,-0.03618,-0.062,-0.0625,0.01957,0.02679,0.00717,-0.03733,-0.07263,0.03458,0.11524,0.04221,-0.0099,-0.01928,-0.05247,0.00132,-0.05051,-0.04127,-0.00957,-0.04044,-0.0061,0.00553,0.02665,-0.04115,0.01289,-0.05152,-0.00649,-0.01312,0.06978,-0.04637,-0.00022,0.02457,0.06647,0.03065,0.01053,0.04429,-0.05991,-0.02703,0.02129,-0.04584,-0.00073,-0.05066,0.04303,0.08972,0.06105,-0.08944,-0.08982,-0.02335,-0.05495,-0.05752,0.00255,0.02371,0.04506,0.06701,-0.04933,0.00688,-0.00303,0.01827,-0.08277,-0.01791,0.05911,-0.03183,0.02205,0.07554,0.0651,-0.04871,-0.03141,0.03917,0.11273,-0.01009,-0.01673,0.03785,-0.01966,0.05514,0.0265,-0.01882,-0.0759,-0.03742,0.01174,-0.01363,-0.04432,0.05654,0.0543,-0.04659,-0.08828,-0.00495,-0.01342,-0.01961,-0.0995,-0.08036,-0.01797,0.07641,0.00862,-0.04035,0.0269,-0.03039,-0.02489,0.08927,-0.00701,0.04066,-0.04627,-0.00829,0.02581,-0.01157,-0.00243,-0.05434,0,-0.03807,-0.08253,-0.01281,0.01894,-0.01296,-0.03154,0.01192,-0.06061,-0.01368,0.04586,-0.01664,-0.0387,0.00332,0.03681,0.00608,-0.06599,-0.0705,0.10736,-0.03179,0.01825,0.09613,0.03035,-0.01145,-0.04996,0.07875,0.13023,-0.06962,0.0557,-0.00232,0.04712,-0.07053,-0.05835,-0.01947,0.01452,-0.01864,0.10358,-0.06542,-0.05175,-0.01595,0.02664,-0.02092,-0.08543,0.01861,-0.0181,-0.0023,-0.00123,-0.15664,0.01393,-0.03135,0.01121,0.07514,0.01868,0.00541,0.00474,0.073,-0.04018,-0.11515,0.07538,0.02165,0.10238,0.0195,0.07113,-0.06489,-0.0338,0.03952,0.08813,0.01534,-0.06098,0.04548,-0.00291,-0.02557,0.0495,0.07096,-0.03713,0.05272,-0.02287,0.06751,-0.02402,0.02618,-0.06398,-0.04856,-0.0548,-0.05794,-0.03311,0.09471,-0.01467,0.00734,-0.06661,-0.1031,-0.02311,0.08353,0.01459,-0.0342,-0.00196,0.01569,0,0.03718,0.02311,0.02244,0.06246,-0.03163,0.00429,0.04292,-0.06364,0.00013,-0.03784,0.00613,0.04976,-0.01015,-0.04436,0.08367,0.0765,-0.04656,-0.08007,-0.02564,0.02447,0.01266,-0.02471,-0.04171,-0.02151,-0.09574,-0.0381,-0.00373,0.04315,0.02189,-0.04713,0.02958,0.06079,-0.10874,0.0205,0.06887,-0.00943,0.01866,0.04977,0.01146,0.06253,0.01915,0.01645,0.00269,0.06768,-0.02277,0.05829,-0.08576,0.04651,0.04856,0.00214,-0.05013,-0.04392,-0.05997,-0.03436,-0.06856,0.09475,0.10853,-0.0138,-0.00884,0.07067,-0.00789,-0.05119,0.08623,-0.0119,0.09227,-0.04105,0.04682,0.07365,-0.01691,0.01278,0.09311,-0.01497,0.03505,-0.02816,0.01473,0.03909,0.0349,0.02434,0.03183,0.09564,0.01808,0.09979,0.04696,0.03921,-0.05288,0.03442,-0.03688,0.05265,0.05718,-0.07225,-0.03477,0.02715,0.1124,-0.02844,-0.0553,0,-0.11112,-0.04438,-0.02998,-0.00531,0.04406,0.05556,-0.13422,0.04728,-0.04973,-0.06725,-0.02331,0.0732,0.0164,-0.01975,0.07774,-0.05633,-0.02861,0.01316,-0.01518,-0.03588,0.0166,-0.01911,0.00911,0.0805,-0.00983,-0.04455,-0.04328,0.01566,0.06744,0.05057,0.00928,0.10681,0.03519,0.05686,-0.0217,0.02529,-0.03193,-0.01686,-0.05932,0.0018,0.05103,-0.04613,-0.05231,-0.05574,-0.11867,0.02167,-0.01162,-0.05281,-0.04161,-0.0153,-0.03946,0.03219,0.02095,0.12431,0.05895,-0.00691,-0.04368,-0.0015,0.07765,0.03635,-0.05579,0.05197,-0.0165,0.04617],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Notes / Pitfalls - select(...) requires valid existing ids; unknown ids are ignored. - Multi-select behavior depends on fMultiSelectTrigger. - If .f-selected styling is too subtle, users won’t understand current selection state. f Multi Select Trigger","excerpt":"Notes / Pitfalls - select(...) requires valid existing ids; unknown ids are ignored. - Multi-select behavior depends on fMultiSelectTrigger. - If .f-selected styling is too subtle, users won’t understand current selection state."},{"chunkId":"/docs/selection-system#9","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.00458,-0.01848,-0.06206,-0.01463,-0.00209,-0.00341,0.09517,0.08526,0.01519,-0.00229,-0.07459,-0.07722,-0.04527,-0.04965,-0.0095,-0.0104,-0.07298,-0.01572,0.04404,0.01815,0.00768,-0.05336,-0.04107,-0.05078,-0.05494,0.04479,0.04342,0.01388,-0.0167,-0.06543,0.03473,0.11131,0.0704,0.01003,-0.02358,-0.0101,-0.03599,-0.06853,-0.07193,-0.01422,-0.04441,0.00799,0.00652,0.02171,-0.05123,0.00832,-0.04145,-0.01718,-0.00337,0.07297,-0.06339,-0.02384,0.01481,0.06204,0.01179,0.02046,0.05937,-0.0584,0.01323,-0.01853,-0.02868,0.00567,-0.07385,0.0565,0.08149,0.04524,-0.09963,-0.03896,-0.01318,-0.08507,-0.09157,0.01996,0.03542,0.03655,0.05027,-0.06895,-0.00852,-0.00495,0.01555,-0.07517,-0.01803,0.04776,-0.02682,0.04767,0.0335,0.07851,-0.02653,0.00058,0.04324,0.07105,0.00573,0.00452,0.02473,-0.03467,0.05051,0.00419,-0.02713,-0.10089,-0.03447,0.00565,0.01889,-0.05036,0.05491,0.01899,-0.03449,-0.0782,-0.00932,-0.01611,-0.00365,-0.06468,-0.11215,-0.03541,0.06142,-0.01249,-0.0264,0.01592,-0.03237,-0.02005,0.0742,-0.00476,0.04218,-0.04772,-0.00085,0.00304,0.01384,-0.02735,-0.05118,0,-0.05799,-0.08858,-0.01529,0.0382,0.00267,-0.02082,0.05031,-0.04308,-0.01061,0.02032,-0.04022,-0.03362,-0.01129,0.05843,0.02225,-0.09444,-0.08644,0.0921,-0.028,0.02592,0.11469,0.02801,-0.00626,-0.02687,0.06559,0.09595,-0.05711,0.05797,0.0163,0.03678,-0.06564,-0.04363,-0.02291,0.00972,-0.00243,0.07137,-0.04093,-0.04207,0.0193,0.00379,-0.02614,-0.10431,0.02051,-0.02027,0.01011,-0.0311,-0.17698,0.02504,-0.00871,0.01106,0.08426,0.01048,0.01716,0.00233,0.06828,-0.02763,-0.09877,0.08349,0.00793,0.11005,0.03905,0.10144,-0.02754,-0.03948,0.02504,0.0966,0.02123,-0.0491,0.05657,0.00808,-0.04456,0.06788,0.06968,-0.02066,0.05485,-0.00901,0.04654,-0.01471,-0.01087,-0.0705,-0.12548,-0.0449,-0.01689,-0.02296,0.07908,-0.05538,0.01819,-0.06281,-0.09705,-0.0332,0.08215,-0.01178,-0.07218,0.01261,0.02268,0,0.03925,0.04085,0.03154,0.06659,0.00408,0.00131,0.04206,-0.03477,0.02753,-0.01096,-0.04174,0.08232,-0.00161,-0.04845,0.08233,0.04917,-0.04283,-0.08087,-0.02489,-0.00498,-0.00835,-0.01242,-0.04796,-0.05304,-0.09683,-0.04045,0.01697,0.04416,0.03878,-0.0369,-0.00046,0.04019,-0.09437,0.0444,0.03981,-0.00293,0.02477,0.05851,0.00219,0.02507,0.03699,-0.00894,-0.02709,0.0313,-0.01708,0.04951,-0.08402,0.03558,0.03401,-0.00404,-0.03298,-0.02598,-0.04305,-0.03713,-0.0584,0.11466,0.11356,-0.01557,0.00752,0.05352,-0.02724,-0.07208,0.09106,-0.00792,0.07844,-0.01487,0.03268,0.05783,-0.02125,0.02135,0.08788,0.03851,0.03519,-0.01633,0.03798,0.05902,0.00635,0.00076,0.02122,0.07336,0.00487,0.10395,0.04305,0.09168,-0.03187,0.0397,-0.04995,-0.00343,0.065,-0.0565,-0.02718,0.02897,0.12135,-0.01834,-0.04951,0,-0.09663,-0.05146,-0.00976,0.01226,0.03386,0.06122,-0.09972,0.05805,-0.04329,-0.06364,-0.01019,0.06395,0.01056,-0.02076,0.07911,-0.02782,-0.02908,0.00863,-0.00003,-0.06279,0.05575,-0.0373,0.02716,0.11452,-0.0013,-0.05035,-0.05014,0.02916,0.0419,0.01826,0.0596,0.09305,0.04515,0.07085,0.0052,0.03967,-0.07325,0.01221,-0.06823,0.00629,0.03619,-0.05808,-0.04608,-0.0705,-0.06882,0.05076,-0.02645,-0.05001,-0.02454,-0.04105,-0.04681,0.07966,-0.01052,0.11749,0.04431,-0.00728,-0.05288,-0.05076,0.07071,0.04569,-0.09062,0.09511,0.0056,0.0508],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Example","excerpt":"Example"},{"chunkId":"/docs/selection-system#10","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[-0.03369,-0.00688,-0.04556,0.08362,0.12265,0.06526,0.04662,0.02846,0.02824,0.06086,-0.06983,-0.05737,-0.08522,-0.06623,0.01372,0.01954,-0.04127,-0.00561,0.01391,-0.02283,-0.02191,-0.02291,0.03003,-0.05057,-0.05952,0.03426,0.03315,-0.00543,0.00216,-0.04072,0.04854,0.07573,0.03021,0.00315,-0.08019,0.04936,0.01632,-0.03065,-0.04679,-0.02247,0.09794,0.03818,-0.04148,-0.08003,-0.03076,-0.01724,-0.08439,0.01798,-0.05579,0.05469,-0.03762,-0.06272,0.02383,0.03845,0.00737,-0.00335,0.03432,-0.08182,0.03712,-0.02751,-0.04066,-0.05166,-0.03322,0.01266,0.09556,0.05569,-0.10163,-0.03845,-0.06008,-0.03824,0.00422,-0.02442,0.00817,0.00814,0.07304,-0.09048,-0.0512,0.02661,-0.00584,-0.04179,-0.00283,0.03737,-0.03445,-0.00092,0.01148,0.10423,-0.03613,-0.01563,0.00986,0.02886,-0.03517,0.01309,0.00035,0.01106,0.05846,0.04849,-0.07822,-0.01098,-0.05797,0.01024,0.0202,-0.06684,0.00178,0.06747,-0.00841,-0.06558,-0.0414,0.01213,-0.02228,-0.00011,-0.05852,0.00922,0.0167,0.02121,-0.04286,-0.01457,0.01368,-0.02166,0.02843,0.04616,0.10297,-0.0259,-0.05214,-0.01265,0.03413,-0.00942,0.02263,0,-0.00872,-0.08785,-0.04598,0.01305,0.03287,0.00123,0.00262,-0.07462,-0.00056,0.05273,-0.07559,-0.00528,0.01217,-0.01436,0.01376,-0.11317,-0.06809,0.09083,0.00517,0.0062,0.02546,0.02676,-0.0681,0.01398,0.09098,0.06068,-0.08522,0.06501,-0.03389,0.0024,0.01212,0.03882,0.02938,-0.01936,-0.03435,0.04476,-0.05112,-0.03496,-0.06238,-0.02907,0.05571,-0.0801,-0.00624,0.04386,-0.04673,-0.02714,-0.13051,0.01371,0.02255,-0.0169,0.03375,0.05043,-0.00696,-0.02616,0.08848,0.02448,-0.08809,0.09307,0.03407,0.10466,0.01474,0.05849,0.00364,-0.02311,0.03787,0.08756,-0.00387,-0.06768,0.10061,-0.03843,-0.01045,0.10228,0.06423,0.03487,0.03774,-0.01342,-0.00134,0.01458,0.04798,-0.02418,-0.07594,-0.09476,-0.04281,0.03653,0.09435,-0.07817,-0.01003,-0.02985,-0.06141,-0.10389,0.12401,0.06786,-0.03149,-0.05154,0.00802,0,0.05616,0.05108,0.04106,0.10817,-0.05972,-0.02381,0.02564,0.00443,-0.01925,0.03844,0.01909,0.03737,-0.01173,-0.05714,0.06595,0.07923,-0.0706,-0.11283,0.08315,-0.01005,0.04182,0.03694,-0.00839,-0.02638,-0.10076,-0.04623,0.07253,0.04538,0.04182,-0.07868,-0.00037,0.05031,-0.1255,0.07345,0.04874,-0.03387,0.03926,0.10163,0.01078,0.02475,0.06462,0.0505,-0.05519,0.03521,-0.0231,-0.01438,-0.00429,0.08187,0.03074,-0.05035,-0.06946,-0.02716,-0.03787,0.02393,-0.02846,0.06234,0.10532,-0.02877,0.01063,0.00926,0.01239,-0.05431,0.03869,0.00217,0.09407,0.00055,-0.00623,0.01792,0.05285,0.0055,0.02845,-0.00596,0.08631,-0.04908,0.04086,0.06679,0.02414,0.00165,0.06686,0.03758,-0.03886,0.11274,0.00131,0.00308,-0.0244,0.03718,-0.082,0.03733,0.07315,-0.04767,-0.0651,-0.02262,0.06464,-0.04968,-0.01481,0,-0.14378,-0.00215,-0.03769,-0.0502,0.03568,-0.00502,-0.06421,-0.00953,-0.03334,-0.01735,-0.07878,0.03467,0.03841,-0.02592,0.09993,-0.02996,-0.00619,0.02654,-0.00255,0.02213,0.02023,-0.02396,0.03546,0.10874,-0.00928,-0.07363,-0.09299,0.03022,0.00988,0.03532,-0.01476,0.03416,0.06551,0.05678,0.00034,-0.03989,-0.11915,-0.05991,0.0062,0.0289,0.03391,-0.10864,-0.01908,-0.04609,-0.11123,0.02958,0.01069,-0.02101,0.0038,-0.01758,-0.0211,-0.00964,-0.01591,0.01961,0.09452,-0.01913,0.00923,-0.02436,0.06049,0.00003,-0.04926,0.05491,-0.05167,-0.00257],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Selection Events Listen to selection changes and show selected item ids in a side panel. ::: ng-component <node-selection</node-selection [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.scss :::","excerpt":"Selection Events Listen to selection changes and show selected item ids in a side panel. ::: ng-component <node-selection</node-selection [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.scss :::"},{"chunkId":"/docs/selection-system#11","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[-0.02105,-0.03117,-0.06831,0.07028,0.06741,0.09393,0.07217,0.03461,0.02203,0.03715,-0.05044,-0.03836,-0.04779,-0.03956,0.01141,-0.02147,-0.08972,0.00628,0.01088,0.00454,0.0096,-0.04731,0.04752,-0.02808,-0.03972,-0.00963,0.03021,-0.00227,-0.00378,-0.04121,0.03722,0.07564,0.00479,0.01565,-0.06083,0.03255,-0.00154,0.03496,0.00027,0.00427,0.04653,0.00038,-0.00237,-0.05164,-0.03999,0.01279,-0.04937,0.06453,-0.03583,0.0399,-0.01598,-0.07236,0.01746,0.09735,-0.00732,-0.07153,0.07015,-0.07466,0.0476,-0.03683,-0.03683,-0.04178,-0.03343,0.01006,0.07624,0.04079,-0.12322,-0.07656,-0.07244,-0.00424,0.00041,-0.03829,0.04049,0.02245,0.05985,-0.08735,-0.05585,0.0837,0.00972,-0.00365,0.03768,0.03905,-0.0189,0.01402,-0.01332,0.09006,-0.02481,-0.02396,0.0304,-0.00808,-0.01494,0.02921,0.01038,-0.01458,0.03245,0.00972,-0.09279,-0.02876,-0.0889,-0.00645,0.01727,-0.07357,0.0113,0.04169,0.00291,-0.05576,-0.04028,-0.00247,-0.06703,-0.03144,-0.06618,0.00041,0.03512,0.00018,-0.0569,0.00742,-0.02197,-0.03781,0.02681,-0.00572,0.08783,-0.01263,-0.08881,-0.0044,0.0495,-0.01288,0.00731,0,0.02329,-0.04279,-0.06104,0.01604,0.02287,-0.01194,-0.01656,-0.04384,-0.02049,0.04865,-0.03015,-0.04302,0.00903,0.00793,0.01216,-0.13151,-0.06283,0.07391,-0.00938,0.04049,0.00251,-0.00452,-0.07864,0.01456,0.07287,0.07555,-0.11634,0.03493,-0.03345,0.01285,-0.00448,0.05249,-0.02219,-0.08392,-0.01975,0.02087,-0.0753,-0.01914,-0.03335,0.02009,0.09254,-0.07003,-0.01919,0.03376,0.01117,-0.01952,-0.11197,0.02014,-0.00007,0.00147,0.09265,0.04807,0.00303,-0.04593,0.10163,-0.01059,-0.09715,0.08029,0.03921,0.09276,-0.00778,0.03338,-0.01101,-0.0206,0.05967,0.02862,0.0086,0.00274,0.06831,-0.0061,-0.0333,0.07474,0.05935,0.0131,0.01203,-0.02146,0.03264,0.00052,0.07274,-0.06584,-0.06507,-0.09057,-0.03918,-0.01092,0.10644,-0.08196,-0.00054,-0.02261,-0.09923,-0.15428,0.08507,0.04032,-0.01978,-0.00726,0.02222,0,0.08414,0.03047,0.0554,0.13099,-0.06899,0.00234,0.08896,-0.00558,-0.0033,0.04072,-0.01595,0.03674,0.01587,-0.04042,0.04539,0.0631,-0.05348,-0.05265,0.03006,-0.02208,0.05674,-0.03775,-0.00071,0.02649,-0.09971,0.00662,0.04932,0.04416,-0.01755,-0.0221,-0.0348,0.00848,-0.07598,0.04484,0.00494,-0.0682,0.01402,0.13597,0.02528,0.04137,0.06264,0.06671,0.01242,0.03856,-0.03093,-0.0164,-0.01676,0.07222,-0.01658,-0.00809,-0.10191,-0.01236,-0.06298,-0.00397,-0.04123,0.07008,0.07188,-0.0625,0.01717,0.0448,0.01563,-0.0112,0.04323,0.01754,0.142,0.00341,-0.01584,-0.02043,0.01325,0.02969,0.06114,0.01379,0.08548,-0.04169,0.00732,0.07945,0.07311,0.01712,0.02431,0.06786,-0.01794,0.02764,0.01368,0.02658,-0.0372,0.08132,-0.09907,0.02869,0.08271,-0.06584,-0.0908,-0.02006,0.10014,-0.0927,0.02495,0,-0.1157,-0.00387,-0.03956,-0.02451,0.0419,0.02691,-0.08069,-0.00474,-0.02708,-0.06459,-0.08416,0.07251,0.03883,0.00066,0.08568,-0.00306,-0.00446,0.03965,-0.01705,-0.00455,0.06568,-0.03969,0.06922,0.09125,-0.01897,-0.0636,-0.10691,0.06542,0.04752,0.00007,0.00581,0.01325,0.04618,0.0452,-0.007,-0.04473,-0.09392,-0.04572,0.00007,0.02754,0.06009,-0.10827,-0.00191,-0.07857,-0.12172,0.05102,0.01879,-0.01676,-0.02121,0.02087,-0.01626,0.0277,0.00421,0.07861,0.04384,-0.01958,-0.02669,-0.01439,0.03185,-0.00292,-0.05975,0.04787,-0.03896,0.01076],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Box Selection Select multiple items by dragging a rectangle around them. By default, the trigger is Shift + pointer down, but you can customize it with the fTrigger input. ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss ::: f Trigger","excerpt":"Box Selection Select multiple items by dragging a rectangle around them. By default, the trigger is Shift + pointer down, but you can customize it with the fTrigger input. ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss :::"},{"chunkId":"/docs/f-flow-component#0","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[0.0037,0.00656,-0.08257,0.0213,0.0688,0.03189,-0.02146,0.05276,0.04797,0.00493,-0.05401,0.01196,-0.11222,0.03556,0.06307,-0.02672,-0.04728,0.05192,-0.00098,0.00319,-0.0386,-0.04575,0.02577,-0.0624,-0.03216,0.06161,-0.06123,0.0061,0.10418,-0.06878,0.05332,0.12345,-0.00495,0.07197,-0.06562,0.08648,0.05225,-0.03291,-0.05753,-0.00519,0.08202,0.04149,0.04067,-0.06138,-0.02806,-0.04188,-0.07208,-0.07516,-0.06339,0.06983,-0.0241,-0.07142,-0.02928,0.10412,0.00435,0.01137,0.04766,-0.04957,0.03793,0.04624,0.02389,-0.02539,-0.01744,0.04425,0.03281,0.03135,-0.03376,0.00996,-0.00877,-0.0416,0.01774,-0.02228,0.02687,-0.02924,0.04268,-0.07219,-0.03901,0.04559,-0.01942,-0.00937,0.09103,0.06143,0.03684,0.00652,-0.05484,0.09953,-0.01064,-0.03519,-0.03478,-0.01185,-0.08394,0.01346,0.04369,0.02537,0.03129,0.01872,-0.07365,-0.01619,-0.10331,0.00148,-0.03419,-0.06153,0.02993,0.03245,-0.00712,-0.02169,-0.07269,0.0494,-0.0336,-0.0194,-0.05159,-0.01066,-0.0091,-0.07823,-0.0336,-0.07951,-0.03139,-0.06268,0.05654,0.1049,-0.01134,0.03523,0.0393,-0.0161,0.05554,-0.06295,-0.09413,0,0.0025,0.02066,-0.00378,0.01687,0.08929,-0.00763,0.04352,-0.07799,-0.03225,0.02686,0.00293,0.01842,-0.10869,-0.00939,-0.02432,-0.11862,-0.042,0.00646,-0.0368,-0.04076,0.07881,0.00257,-0.06545,0,0.03704,0.03934,-0.03335,-0.01781,0.00022,0.04915,0.00872,0.00292,0.02555,-0.00414,0.01599,-0.04864,-0.05592,-0.05913,-0.04691,-0.04907,-0.01887,-0.04111,-0.04223,0.00072,0.00072,-0.01589,-0.08023,0.03486,0.09453,0.02232,0.01871,0.03811,0.03884,0.00001,0.05623,-0.04839,-0.05713,0.09318,0.02177,0.03485,-0.01689,0.00713,-0.09681,-0.01979,0.0232,0.05279,-0.02098,-0.03558,0.03928,-0.02823,-0.12509,0.07404,-0.0086,0.07131,0.0386,-0.00495,0.02246,0.03292,-0.03759,0.00149,-0.13965,-0.07,-0.01199,0.06982,0.03892,-0.10025,0.00802,-0.01605,0.00387,-0.05647,0.05084,-0.01478,0.02116,0.00851,0.01733,0,-0.00688,0.00354,-0.03802,0.10186,0.03869,-0.03093,0.02332,-0.02654,0.06074,0.04239,0.01384,0.09268,0.03046,-0.02796,-0.02613,0.02067,-0.04502,-0.1445,0.05981,-0.03928,-0.01918,-0.00035,0.02511,-0.02772,-0.04947,0.05455,0.056,-0.02058,-0.00075,-0.00391,0.00694,-0.0217,-0.04099,-0.04117,-0.04845,-0.06148,0.00057,0.02426,-0.03806,-0.06448,-0.0073,0.03633,-0.0062,0.01115,-0.0996,0.02669,0.05751,-0.03252,0.0311,-0.00595,-0.08522,0.00915,-0.02116,-0.00366,0.0026,0.03718,0.10077,0.05305,0.0051,-0.00368,0.06119,0.00977,0.00625,-0.02772,0.05483,0.00852,-0.07233,0.02221,0.03124,0.08532,0.06229,0.05648,0.02467,0.07253,0.05309,0.01519,0.13006,-0.04897,0.07982,0.0156,-0.03925,0.10502,-0.07127,0.02322,0.10128,-0.08915,-0.02922,-0.02707,0.05211,0.00779,-0.02697,0.06133,0.00402,-0.00847,0.03267,0,-0.11177,0.03092,-0.07935,-0.04386,0.08834,-0.0125,0.02478,0.01681,-0.04004,0.00391,0.01763,0.09609,-0.02496,-0.06476,0.09476,0.00061,0.00151,0.03754,-0.03718,-0.02583,-0.02883,0.01253,0.02361,0.04633,-0.06162,-0.00341,0.04461,-0.01487,0.05671,0.06322,-0.04001,0.07066,0.02679,0.02053,-0.10068,0.0593,-0.09149,-0.01597,-0.09565,0.00844,0.06767,-0.05559,0.04215,-0.04331,-0.07281,0.10633,-0.00641,0.00156,-0.03372,0.03377,-0.0293,0.01422,-0.07896,0.09937,0.02488,0.0694,-0.02343,-0.03321,0.04018,-0.0758,-0.08733,0.07226,0.1324,0.03784],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Flow Selector: f-flow Class: FFlowComponent f-flow is the required root container for every diagram in Foblex Flow. All primitives (f-canvas, nodes, connectors, connections, and extensions) must be placed under a single f-flow. F Flow Component","excerpt":"Flow Selector: f-flow Class: FFlowComponent f-flow is the required root container for every diagram in Foblex Flow. All primitives (f-canvas, nodes, connectors, connections, and extensions) must be placed under a single f-flow."},{"chunkId":"/docs/f-flow-component#1","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[0.00475,-0.01779,-0.06895,0.02196,0.07514,0.02468,-0.05044,0.07617,0.04255,0.00813,-0.05823,0.01788,-0.10285,0.02274,0.0601,-0.03314,-0.00926,0.04708,-0.00008,-0.03665,-0.04367,-0.05573,0.01059,-0.04405,-0.03046,0.08028,-0.05658,0.00107,0.09872,-0.07831,0.05222,0.13082,-0.00612,0.05993,-0.09316,0.11118,0.05248,-0.03892,-0.09286,-0.01747,0.07875,0.03167,0.01865,-0.07735,-0.03036,-0.05423,-0.06498,-0.07453,-0.07195,0.06999,-0.03536,-0.06675,-0.04534,0.08845,0.01132,0.00649,0.06013,-0.07362,0.01784,0.03639,-0.00224,-0.02158,-0.03754,0.05126,0.0466,0.00464,-0.02241,-0.0328,0.01674,-0.06747,0.00164,-0.03256,0.0054,-0.02571,0.00984,-0.08414,-0.03187,0.0552,-0.01947,-0.01954,0.11724,0.09833,0.01587,0.02221,-0.06449,0.11558,-0.01202,-0.02051,-0.02527,-0.00644,-0.09232,0.0257,0.02438,0.00376,0.02773,0.02655,-0.03244,-0.0155,-0.08314,0.01891,-0.02514,-0.07345,0.0438,0.02657,-0.00916,-0.05042,-0.04952,0.04987,-0.04035,-0.01721,-0.03302,-0.00721,0.00864,-0.08631,-0.02316,-0.07526,-0.02282,-0.04677,0.05728,0.10054,-0.01819,0.03727,0.05642,0.00329,0.08232,-0.03936,-0.0939,0,-0.00574,0.01996,0.00638,0.03892,0.08677,-0.00032,0.05354,-0.07792,-0.01051,0.03474,0.01885,0.05404,-0.09826,0.02907,-0.0222,-0.14506,-0.02718,0.01762,-0.05516,-0.0387,0.08596,0.00071,-0.03447,0.03273,0.04589,0.03307,-0.03618,0.00311,-0.00957,0.03719,0.03273,0.00256,-0.02308,-0.02707,-0.00177,-0.04039,-0.05094,-0.09379,-0.03813,-0.03606,-0.04195,-0.03309,-0.06119,-0.01768,-0.01354,-0.01284,-0.07143,0.02924,0.09904,0.01269,0.03408,0.04727,0.0615,-0.00024,0.06119,-0.01951,-0.04033,0.05616,0.02086,0.05041,-0.02036,0.00849,-0.10276,-0.00296,0.02743,0.03612,0.01596,-0.01496,0.06113,-0.02107,-0.10457,0.07608,0.01723,0.06177,0.06011,0.00356,0.00732,0.0168,-0.04316,0.00156,-0.12446,-0.0511,-0.01667,0.08074,0.05511,-0.09241,0.0033,-0.02411,-0.00553,-0.05007,0.03908,-0.00931,0.0198,0.03072,0.03108,0,0.0047,-0.01121,-0.0231,0.07611,0.0318,-0.03786,-0.00872,-0.03905,0.06732,0.04533,0.00481,0.08268,0.01925,-0.03571,-0.03074,0.00652,-0.03508,-0.13584,0.07119,-0.04238,-0.01606,0.00234,0.01518,-0.03433,-0.04652,0.04173,0.03607,-0.02632,-0.01195,-0.02483,0.03932,-0.01016,-0.02497,-0.05876,-0.06011,-0.04398,0.01119,0.03583,-0.03145,-0.06454,-0.00056,0.03863,0.01357,-0.02104,-0.11401,0.01323,-0.01095,-0.03756,0.0149,-0.00477,-0.10423,0.01736,-0.02914,-0.01305,-0.01046,0.02642,0.10262,0.05851,0.01049,0.00306,0.0676,-0.01854,0.00807,-0.02707,0.01024,0.01841,-0.07474,0.01565,0.0428,0.10735,0.04644,0.02416,0.01981,0.06811,0.05337,0.00031,0.12533,-0.05084,0.06961,0.00523,-0.01932,0.08773,-0.06667,0.03303,0.07252,-0.06709,-0.03629,-0.03773,0.05091,0.00529,-0.02106,0.05751,0.00233,0.01489,0.02686,0,-0.10745,0.02711,-0.06986,-0.03037,0.07359,-0.00449,0.01413,0.0269,-0.03372,0.00093,0.01759,0.06751,-0.02125,-0.07287,0.10476,0.01154,0.0225,0.03648,-0.02875,-0.03362,-0.04596,0.03879,0.01045,0.04144,-0.06007,0.01385,0.07253,0.00927,0.06546,0.0697,-0.04309,0.07457,0.0277,0.02491,-0.09028,0.03932,-0.08033,-0.01337,-0.06512,-0.00981,0.08324,-0.01537,0.0458,-0.05613,-0.0873,0.10137,-0.03027,-0.00233,-0.00999,0.02679,-0.02085,0.02449,-0.09575,0.09251,0.03567,0.05617,-0.03786,-0.05061,0.06864,-0.05904,-0.07963,0.06574,0.12531,0.01889],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Role in the hierarchy f-flow bootstraps the internal runtime and acts as the main integration point for: - registration of nodes/connectors/connections, - selection and utility APIs, - extension components/directives like fDraggable, fZoom, minimap, magnetic helpers, etc. If you render a diagram with Foblex Flow, you always start with f-flow. AP Is f Draggable f Zoom","excerpt":"Role in the hierarchy f-flow bootstraps the internal runtime and acts as the main integration point for: - registration of nodes/connectors/connections, - selection and utility APIs, - extension components/directives like fDraggable, fZoom, minimap, magnetic helpers, etc. If you render a diagram with Foblex Flow, you always start with f-flow."},{"chunkId":"/docs/f-flow-component#2","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.01731,-0.00564,-0.07288,0.04316,0.03884,0.03311,-0.03838,0.06294,0.00617,0.04765,-0.09085,0.01162,-0.09819,0.00765,0.06729,-0.01237,0.03974,-0.01467,0.00579,-0.00691,-0.04047,-0.06961,0.00927,-0.03824,-0.03322,0.11076,-0.04419,-0.03478,0.08944,-0.04874,0.04045,0.11136,-0.00303,0.06218,-0.12424,0.0807,0.04381,-0.06562,-0.10565,-0.04202,0.09038,0.0065,-0.00384,-0.05692,-0.03369,-0.04056,-0.0294,-0.0705,-0.06322,0.05009,0.00324,-0.0346,-0.02638,0.09599,0.03104,0.02138,0.04993,-0.01714,-0.02222,0.03255,-0.00724,-0.05265,-0.01733,0.0451,0.0558,0.05023,-0.01906,-0.04034,0.0603,-0.08344,-0.0072,-0.02253,0.03619,-0.08403,0.00902,-0.12541,-0.02769,0.03424,-0.02067,-0.00388,0.09092,0.04417,0.01631,0.03508,-0.07838,0.05384,-0.03494,-0.02201,0.01175,-0.00237,-0.08956,0.07172,0.00339,-0.02473,0.01729,0.02889,-0.02373,-0.0045,-0.11385,0.01889,0.01023,-0.04555,0.04441,0.05031,-0.01902,-0.06671,-0.03527,0.01657,-0.0948,0.01104,-0.02883,0.04938,0.01668,-0.07362,-0.01704,-0.05873,-0.03442,-0.02478,0.0202,0.12184,-0.00933,0.00779,0.0817,-0.00475,0.08486,0.00172,-0.049,0,-0.00964,0.00566,-0.01059,0.00705,0.09806,0.01865,0.05794,-0.09502,0.00533,-0.02313,0.05338,0.08391,-0.07664,0.03166,0.036,-0.12382,-0.02472,0.027,0.04194,-0.02482,0.10887,0.00222,-0.05022,0.01351,0.07223,0.02846,-0.02915,0.03881,-0.03793,0.02399,0.01178,0.00109,-0.01988,-0.04672,-0.00968,-0.00616,-0.06355,-0.05694,-0.01949,-0.07365,-0.02103,-0.01887,-0.08827,-0.03359,-0.02897,-0.04383,-0.05264,-0.00396,0.05855,0.03544,0.04097,0.0081,0.01356,-0.01192,0.03024,-0.03072,-0.02166,0.04084,0.02159,0.04182,0.00542,-0.01154,-0.06247,-0.01584,0.04143,0.05051,0.00461,-0.01222,0.04902,-0.03995,-0.1001,0.084,0.0094,0.04902,0.08371,0.00723,0.02575,-0.00746,-0.05471,-0.02496,-0.02155,-0.05089,-0.02649,0.12798,0.08818,-0.09733,-0.02947,-0.03678,-0.04279,-0.02932,0.07512,-0.01794,0.06493,0.02942,-0.01319,0,0.03124,-0.04105,-0.05744,0.09146,0.02652,-0.04129,0.01023,0.00661,0.06969,-0.00396,0.02707,0.0495,0.02483,-0.02102,-0.05606,0.03704,-0.06852,-0.15539,0.04199,-0.04324,-0.04581,0.0001,-0.01027,-0.01137,-0.07886,0.04295,0.00791,-0.04442,-0.00214,-0.04144,0.02559,-0.02448,-0.01822,-0.08646,-0.04384,-0.02839,-0.0053,0.0793,-0.02812,-0.04188,0.01961,0.04383,-0.04214,-0.00711,-0.07558,0.04811,-0.07537,-0.01395,-0.01614,0.00258,-0.07998,0.05222,-0.05045,-0.01515,-0.01518,0.02107,0.07095,0.06411,-0.01316,0.01007,0.04685,-0.02817,-0.01177,-0.02087,0.02813,0.04471,-0.05377,0.03974,0.08092,0.10523,0.07922,0.0052,0.00154,0.02893,0.09572,0.01863,0.11795,-0.0757,0.06745,0.02943,-0.0431,0.11971,-0.03092,0.01868,0.05733,-0.0224,-0.06095,-0.06379,0.05816,0.03583,-0.0336,0.04314,-0.03642,0.01549,0.01663,0,-0.1171,-0.01846,-0.05302,0.00488,0.07102,0.00016,0.0124,-0.0204,0.01578,-0.01062,-0.00078,0.04014,-0.05226,-0.06836,0.09515,0.05093,0.08648,0.01743,-0.04475,-0.00674,-0.03295,0.01919,-0.03489,0.06981,0.01382,-0.01053,0.08963,0.00921,0.06378,0.0863,-0.02543,0.05069,0.06842,0.05184,-0.11158,0.02262,-0.05139,-0.00157,-0.03772,-0.00768,0.04955,0.008,0.01116,-0.06415,-0.09636,0.05979,-0.0112,-0.03582,0.02629,0.00587,-0.03134,0.04431,-0.06979,0.10121,0.05136,0.07864,-0.02911,-0.01526,0.10029,-0.03927,-0.04797,0.01433,0.0523,0.03586],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. What it’s for Use f-flow when you need: - a predictable place to listen for “ready” (fNodesRendered / fFullRendered), - imperative APIs for selection, bounding boxes, and exporting the current flow state, - a host for extensions like fDraggable, minimap, magnetic helpers, etc. Foblex Flow is “interaction + rendering infrastructure”. Your application still owns the data model (nodes list, positions, connections, persistence). This describes the default stateless mode. The optional Managed Flow State plugin adds an explicit typed graph store, automatic updates for supported gestures, snapshots and undo/redo without changing the core behavior for applications that do not install it. f Nodes Rendered f Full Rendered AP Is f Draggable","excerpt":"What it’s for Use f-flow when you need: - a predictable place to listen for “ready” (fNodesRendered / fFullRendered), - imperative APIs for selection, bounding boxes, and exporting the current flow state, - a host for extensions like fDraggable, minimap, magnetic helpers, etc. Foblex Flow is “interaction + rendering infrastructure”. Your application still owns the data model (nodes list, positions, connections, persistence). This describes the default stateless mode. The optional Managed Flow State plugin adds an explicit typed graph store, automatic updates for supported gestures, snapshots and undo/redo without changing the core behavior for applications that do not install it."},{"chunkId":"/docs/f-flow-component#3","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.0327,0.00745,-0.06898,0.05617,0.06802,0.00469,-0.00357,0.01901,0.04876,0.00511,-0.04955,0.029,-0.14858,-0.01592,0.01188,-0.01713,-0.00847,0.04288,-0.02769,-0.04998,-0.03054,-0.04598,-0.01244,-0.02037,-0.01807,0.09008,-0.06494,-0.04454,0.13718,-0.07552,0.04846,0.12905,-0.03815,0.04345,-0.12128,0.08375,0.02066,-0.03505,-0.06436,-0.02696,0.09942,0.01203,-0.02377,-0.07996,-0.03804,-0.04708,-0.06713,-0.0424,-0.06901,0.03677,-0.00849,-0.0157,-0.01494,0.08959,-0.00503,-0.0106,0.07512,-0.03228,-0.00692,0.03052,0.00245,-0.07092,-0.04866,0.03715,0.0712,0.04321,0.00983,-0.03841,0.01628,-0.08696,0.00997,-0.0042,0.01853,-0.04252,0.02247,-0.08409,-0.06303,0.02218,-0.01592,0.03434,0.13891,0.0564,0.0131,-0.02312,-0.03163,0.08409,-0.03229,-0.00817,-0.00689,-0.01067,-0.12265,0.05662,0.06483,0.02096,-0.00623,0.05932,-0.04012,0.01045,-0.07281,0.01629,-0.0084,0.00081,-0.01518,0.04892,-0.02761,-0.04721,-0.06257,0.04309,-0.07441,0.00808,-0.02126,-0.00092,-0.00608,-0.06263,-0.03222,-0.05012,-0.00823,-0.0186,0.02489,0.09631,0.02227,0.03707,0.02196,-0.01484,0.08572,-0.02018,-0.04541,0,-0.02221,-0.00321,-0.0388,0.01789,0.08528,0.0267,0.06289,-0.07535,0.00267,0.01112,0.05207,0.04055,-0.07644,-0.01911,0.00456,-0.15361,-0.02998,0.03039,-0.00638,-0.0163,0.09344,0.03687,-0.05581,0.0171,0.02162,0.00065,-0.05726,0.00979,-0.00791,0.02554,0.05012,0.01275,-0.02228,0.00458,0.01383,-0.05807,-0.04207,-0.06731,-0.02583,-0.04751,-0.02809,-0.02139,-0.07872,0.00264,-0.04981,-0.05563,-0.07744,0.05897,0.07715,0.02041,0.04723,0.0423,0.01599,-0.03022,0.05164,-0.00991,-0.03392,0.05679,0.02119,0.06092,-0.02604,-0.01894,-0.08541,-0.0137,0.0159,0.03416,0.01221,-0.04426,0.03885,-0.03703,-0.08553,0.07327,0.01439,0.05984,0.06065,-0.01176,-0.00192,0.02815,-0.05435,-0.01962,-0.06272,-0.05677,-0.03978,0.11497,0.05691,-0.09018,-0.05515,-0.02519,-0.01529,-0.0561,0.02132,-0.00498,0.07876,0.01446,0.02894,0,0.00713,-0.03308,-0.06221,0.12426,0.01593,-0.01057,0.00738,0.01954,0.05175,0.02916,0.00919,0.099,0.02808,0.00743,-0.03396,0.04936,-0.01878,-0.13143,0.05965,-0.03621,-0.02126,-0.02223,-0.00627,0.00489,-0.06025,0.04791,0.0273,-0.0337,0.03522,-0.02281,0.01587,-0.00761,-0.03176,-0.05001,-0.04248,-0.03928,0.0242,0.06311,-0.04989,-0.04397,-0.00508,0.05349,0.00186,0.00859,-0.09985,0.00655,0.01315,-0.00991,0.01529,-0.01559,-0.06451,0.02985,-0.04239,0.01461,-0.01114,0.03217,0.08818,0.02156,0.02147,0.00304,0.08847,-0.01892,0.00762,-0.01414,0.04667,0.02491,-0.0681,0.00372,0.06515,0.0963,0.095,0.01072,0.05055,0.04461,0.06143,0.00202,0.12588,-0.11316,0.07426,0.03932,-0.0337,0.08444,-0.06803,-0.01811,0.06225,-0.0977,-0.04979,-0.02321,0.03964,-0.00067,-0.04316,0.04567,-0.018,-0.02167,0.03719,0,-0.06811,-0.02678,-0.05353,-0.02174,0.09765,-0.03853,0.02739,0.01188,-0.02092,-0.04519,0.00766,0.04549,0.00209,-0.08342,0.12612,0.01463,0.05354,0.04778,-0.05477,-0.01843,-0.03094,-0.0003,-0.00226,0.01886,-0.04233,-0.00423,0.11512,0.0258,0.09609,0.07024,-0.02993,0.07649,0.06864,-0.00012,-0.09485,0.02497,-0.05297,-0.01941,-0.02998,0.00595,0.04677,-0.01979,0.01339,-0.04106,-0.07824,0.07369,-0.03636,-0.01817,0.02469,0.04932,-0.00179,0.00034,-0.08984,0.11783,0.03233,0.02589,-0.0374,-0.03656,0.07743,-0.0757,-0.03943,0.05407,0.11991,0.03983],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. How it works f-flow registers itself in the internal store, watches data changes, redraws connection layers, and emits render lifecycle events as the flow stabilizes. Public methods like select, clearSelection, and getState call into that same store. clear Selection get State","excerpt":"How it works f-flow registers itself in the internal store, watches data changes, redraws connection layers, and emits render lifecycle events as the flow stabilizes. Public methods like select, clearSelection, and getState call into that same store."},{"chunkId":"/docs/f-flow-component#4","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.03407,0.02328,-0.06452,0.02694,0.06886,0.00216,-0.06545,0.0323,0.02804,0.01151,-0.07654,0.01307,-0.10649,-0.00826,0.06359,-0.02684,0.00415,0.05901,-0.01687,-0.0365,-0.03482,-0.02065,0.00467,-0.02205,-0.00795,0.07409,-0.07476,-0.01951,0.12632,-0.03261,0.0637,0.13805,-0.03979,0.04258,-0.09304,0.10612,0.03084,-0.04084,-0.06829,-0.02542,0.08875,0.02706,0.00099,-0.09257,-0.03447,-0.09151,-0.09011,-0.06699,-0.06952,0.0512,-0.03418,-0.05715,-0.02711,0.07513,-0.01854,-0.01319,0.04417,-0.02358,0.01797,0.04175,0.00337,-0.05567,-0.01907,0.04516,0.04176,0.03769,-0.00482,-0.0268,-0.00675,-0.0854,0.01247,-0.0328,0.01401,-0.03709,0.01344,-0.0796,-0.07602,0.02722,-0.0348,0.02287,0.14405,0.04371,0.01131,0.01962,-0.05669,0.10441,-0.00487,0.00835,-0.00497,-0.02561,-0.10553,0.02189,0.04929,0.02513,0.01348,0.04319,-0.07167,-0.00512,-0.09235,0.00985,-0.02964,-0.02885,-0.00543,0.01663,-0.00473,-0.02273,-0.05089,0.05431,-0.03448,0.00623,0.00432,0.01401,-0.02536,-0.09647,-0.00117,-0.05325,0.0011,-0.05289,0.04969,0.12419,0.00782,0.04262,0.00853,0.01373,0.10312,-0.0431,-0.04451,0,-0.00165,0.01709,0.00263,0.03065,0.13534,-0.00813,0.04722,-0.0786,-0.01731,0.00629,0.0402,0.04654,-0.07496,-0.0182,-0.02692,-0.143,-0.02712,0.01631,-0.02263,-0.02393,0.05136,-0.00352,-0.06223,0.02663,0.00466,0.01497,-0.02143,-0.01993,0.01654,0.024,0.04048,0.00432,-0.00555,-0.00938,0.00156,-0.06353,-0.05404,-0.06602,-0.03191,-0.0327,-0.05021,-0.0199,-0.06201,-0.00611,-0.0558,-0.01264,-0.04747,0.04287,0.09752,-0.00175,0.02242,0.07512,0.0254,0.01153,0.07514,-0.01576,-0.02442,0.07565,0.04455,0.05157,-0.02864,-0.02016,-0.07809,-0.01954,0.01561,-0.00219,0.01962,-0.02836,0.04472,-0.02676,-0.09821,0.03809,0.01422,0.09081,0.05089,-0.00075,0.01349,0.02928,-0.03371,-0.00486,-0.10984,-0.03414,-0.01228,0.10388,0.05057,-0.09849,-0.03269,-0.02633,-0.01701,-0.06393,0.02741,-0.00417,0.0454,0.01422,0.00174,0,-0.00188,-0.02154,-0.05318,0.08912,0.03838,-0.01493,-0.0116,0.00553,0.06881,0.04487,0.01922,0.08939,0.01959,-0.0048,-0.0684,0.0275,-0.03891,-0.12545,0.08526,-0.04289,-0.02113,-0.00539,0.01457,-0.00988,-0.07081,0.06154,0.06539,-0.04057,0.0064,-0.02788,0.0135,-0.00514,-0.02505,-0.05379,-0.03887,-0.02695,0.02678,0.06806,-0.06932,-0.0724,-0.00388,0.01861,0.01073,-0.01321,-0.11924,-0.01084,0.03305,-0.01941,0.01004,-0.00684,-0.06985,0.02306,-0.03327,-0.00981,-0.0036,0.00791,0.07439,0.02896,0.02619,-0.00108,0.08835,-0.00683,-0.00543,-0.01572,0.03257,0.04992,-0.08791,0.01059,0.0413,0.09935,0.04526,0.01265,0.04365,0.07303,0.04606,0.0025,0.14678,-0.11322,0.07273,0.01436,-0.02612,0.09837,-0.0763,-0.00494,0.06919,-0.08404,-0.0086,-0.02063,0.01986,0.00566,-0.0396,0.07403,-0.01727,-0.01132,0.04947,0,-0.08443,0.01455,-0.09208,-0.02454,0.06545,-0.03319,0.03319,0.00599,-0.02675,0.0024,0.01072,0.0275,-0.00756,-0.05475,0.1066,0.01792,0.03297,0.07005,-0.04584,-0.02305,-0.02189,0.04633,0.024,-0.02304,-0.03609,0.02235,0.08874,0.01581,0.07819,0.06478,-0.04269,0.07148,0.02661,-0.01985,-0.11027,0.00913,-0.07218,-0.0295,-0.05415,-0.00339,0.04445,-0.02023,0.02594,-0.05078,-0.05835,0.06129,-0.01153,0.01394,0.02734,0.05984,0.01291,-0.00132,-0.08988,0.08644,0.04457,0.04612,-0.05404,-0.0329,0.05577,-0.06783,-0.0526,0.06642,0.14202,0.04918],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. API","excerpt":"API"},{"chunkId":"/docs/f-flow-component#5","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.04,0.02114,-0.09319,0.02815,0.03646,0.05898,-0.02955,0.00876,0.07295,-0.00981,-0.08699,0.01001,-0.07937,0.00887,0.02697,-0.01525,-0.05253,0.05877,-0.03103,-0.07962,-0.03819,-0.00461,-0.00527,-0.03408,-0.02449,0.07328,-0.04212,-0.0036,0.1358,-0.03377,0.08615,0.12541,-0.01473,0.03695,-0.08282,0.08971,0.02386,-0.02258,-0.06605,-0.03429,0.09352,-0.0123,0.02292,-0.09413,-0.0406,-0.06601,-0.10644,-0.05219,-0.0659,0.05841,-0.00265,-0.04486,-0.01755,0.10613,0.00047,-0.01859,0.02058,-0.04815,0.02585,0.03751,-0.01848,-0.0531,0.01579,0.03972,0.04464,0.05427,-0.00404,-0.03027,-0.00401,-0.0753,0.04761,-0.01893,0.02483,-0.03501,0.03636,-0.06396,-0.06842,0.03554,-0.01939,0.023,0.12952,0.04499,0.01831,-0.01413,-0.029,0.10916,-0.03563,0.018,0.01334,-0.00695,-0.14024,0.00383,0.05476,0.0193,0.05371,0.05228,-0.07958,0.01563,-0.10119,-0.00373,-0.05696,-0.03396,-0.00442,0.05309,0.02643,-0.02547,-0.04074,0.02858,-0.0243,-0.03187,-0.01257,0.00684,-0.0024,-0.04845,-0.00282,-0.06495,0.00064,-0.04107,0.05687,0.12576,-0.00469,0.024,-0.01562,-0.00914,0.06567,-0.02197,-0.03826,0,0.00337,0.04813,-0.00917,0.00456,0.08765,0.00652,0.02198,-0.06147,-0.02552,0.03476,-0.0113,0.02177,-0.081,-0.01285,-0.04963,-0.11226,-0.00922,0.02306,-0.02738,-0.04928,0.05918,0.01774,-0.0722,0.00661,0.01799,0.00848,-0.01529,-0.01957,0.02944,0.01467,0.05935,-0.0348,0.0041,0.00483,-0.00469,-0.05178,-0.02706,-0.03586,-0.04065,-0.05059,-0.014,-0.02056,-0.0602,0.02348,-0.05096,-0.02097,-0.07682,0.03271,0.09384,-0.01087,-0.00082,0.08928,0.03517,-0.0204,0.05474,-0.06465,-0.04304,0.08595,0.02922,0.03024,-0.03873,0.02325,-0.08823,0.0083,0.02775,0.01033,0.02786,-0.04089,0.05884,-0.02948,-0.10805,0.00943,-0.03412,0.068,0.06687,-0.02849,0.02964,0.00685,-0.02505,0.01782,-0.1324,-0.0056,-0.02306,0.11915,0.02979,-0.06218,-0.04596,-0.04534,0.00245,-0.07657,0.05129,-0.00084,0.03786,0.01662,0.03601,0,-0.03558,-0.01008,-0.03528,0.08232,0.0416,-0.03054,0.02168,-0.00027,0.07477,0.02281,0.04738,0.0966,0.00983,-0.03232,-0.02495,0.01894,-0.0845,-0.11185,0.10597,-0.03694,-0.01047,0.00555,-0.00475,0.0034,-0.07309,0.06135,0.07256,-0.03923,0.01824,-0.0185,-0.00699,0.01911,-0.05336,-0.01683,-0.06579,-0.05906,0.03186,0.05859,-0.05098,-0.00152,-0.02991,0.03465,-0.00917,0.05097,-0.0885,0.00117,0.04956,-0.02904,0.02822,-0.01443,-0.06923,0.04011,-0.07403,-0.00736,0.01276,-0.00019,0.08991,0.03863,0.0367,0.00389,0.08129,0.00205,-0.01589,-0.00439,0.03643,0.04345,-0.0749,0.00072,0.03909,0.06241,0.08058,0.02026,0.01921,0.06868,0.04768,-0.02132,0.1219,-0.09126,0.06936,0.03333,-0.01573,0.11672,-0.06233,-0.0015,0.06552,-0.07327,0.00858,-0.03098,0.02257,0.02318,-0.03994,0.08639,-0.06504,-0.03439,0.00884,0,-0.10052,0.01476,-0.10505,-0.042,0.07477,-0.04319,0.00516,-0.00511,-0.01929,-0.03147,0.01239,0.04948,0.00724,-0.08179,0.09527,0.00462,0.0174,0.05202,-0.04745,0.00311,0.01514,0.06396,-0.01129,-0.03887,-0.04989,-0.02609,0.08259,0.01348,0.05483,0.07461,-0.03951,0.0675,0.02749,-0.01304,-0.09849,0.02321,-0.06529,-0.01886,-0.05852,-0.00253,0.03207,-0.03439,0.01418,-0.06189,-0.08962,0.08575,-0.00047,-0.01191,-0.00097,0.05393,0.00219,-0.00487,-0.05407,0.08694,0.04019,0.02188,-0.0504,-0.04365,0.06206,-0.08186,-0.04946,0.05614,0.14371,0.02791],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Inputs - fFlowId: InputSignal<string; The unique identifier for the flow instance. Default: f-flow-${uniqueId++} f Flow Id Input Signal unique Id","excerpt":"Inputs - fFlowId: InputSignal<string; The unique identifier for the flow instance. Default: f-flow-${uniqueId++}"},{"chunkId":"/docs/f-flow-component#6","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[0.00666,0.02069,-0.08545,0.03117,0.0403,0.01284,-0.00644,0.01379,0.04958,-0.01159,-0.07292,-0.01006,-0.11935,-0.0136,0.01384,-0.02819,0.0484,0.01926,-0.01655,-0.07952,0.00923,-0.06283,0.00219,-0.02946,0.00389,0.05367,-0.03876,-0.02034,0.13452,-0.01064,0.04161,0.10139,-0.08243,0.05453,-0.08949,0.07704,0.0543,-0.03352,-0.08605,-0.00136,0.12793,-0.00991,-0.02262,-0.08044,-0.03144,-0.02312,-0.09017,-0.03936,-0.10365,0.05699,0.01667,-0.04584,-0.01608,0.11666,0.00955,0.01734,0.02132,-0.02151,0.0027,0.02177,-0.05642,-0.0798,-0.01284,0.03797,0.08925,0.02371,0.01586,-0.06064,0.01925,-0.05124,0.0137,-0.01852,0.00882,-0.08611,0.00356,-0.05416,-0.04711,0.02788,-0.04078,-0.01888,0.11824,0.0555,0.01312,0.01041,-0.03813,0.10362,-0.06131,0.02013,-0.03084,0.03683,-0.14355,0.05441,-0.02092,0.02923,-0.01538,0.03176,-0.04504,-0.02064,-0.05933,0.01123,-0.01667,-0.03805,0.02843,0.03287,-0.01346,-0.04196,-0.06923,0.07519,-0.05244,0.006,-0.003,0.05181,0.02519,-0.06672,-0.00705,-0.02415,-0.02562,-0.00075,0.04199,0.12544,-0.00071,0.04542,0.02972,0.02923,0.08623,-0.05589,-0.03089,0,-0.02015,-0.02659,-0.01737,0.03649,0.06119,0.04989,0.02742,-0.04464,-0.00865,-0.01306,0.0297,0.02165,-0.06052,-0.00701,0.01736,-0.14365,0.00645,0.02529,-0.03964,0.02277,0.0546,-0.02585,-0.08454,0.04722,0.01284,0.01538,-0.07317,0.02187,-0.07206,0.04436,0.05504,0.00886,-0.00751,-0.02542,-0.03682,-0.05927,-0.03259,-0.02924,-0.07292,-0.04066,-0.05384,-0.01984,-0.07829,0.00699,-0.06627,-0.06779,-0.11305,0.04174,0.0736,0.0303,0.0565,0.02573,0.05496,-0.02207,0.07825,-0.0376,-0.0451,0.04045,-0.00375,0.06669,-0.01221,0.00123,-0.08733,-0.00418,0.04636,0.04373,0.02696,-0.04971,-0.00021,-0.04277,-0.10832,0.06757,0.00016,0.05995,0.09418,0.01351,0.01836,0.03824,-0.06598,0.01354,-0.03469,-0.0037,-0.02297,0.05671,0.04413,-0.06532,-0.02833,-0.05686,-0.05515,-0.02985,0.01683,-0.00588,0.06205,0.01017,-0.01569,0,0.04828,0.04332,-0.06963,0.08923,0.04218,-0.02361,0.03447,-0.0229,0.03613,0.0176,0.00637,0.05896,-0.04009,0.01956,-0.07696,0.02428,-0.05219,-0.14717,0.08819,-0.01463,-0.0133,-0.02603,0.01171,-0.02549,-0.06367,0.04943,0.04906,-0.03925,-0.03714,-0.02959,0.01563,-0.00617,-0.01681,-0.03889,-0.03884,-0.02222,0.06356,0.04985,-0.02521,-0.02774,0.0262,0.05469,-0.05768,0.01009,-0.09633,0.00869,0.00621,-0.03803,-0.01777,0.00187,-0.06384,0.071,-0.04401,0.0459,-0.00997,-0.01404,0.06584,0.03435,-0.00404,-0.006,0.10971,-0.03481,-0.00427,-0.02903,0.03217,0.01269,-0.06616,-0.00359,0.07851,0.11333,0.08022,0.00173,0.03298,0.07973,0.0333,0.01234,0.11564,-0.12246,0.07234,0.05727,-0.04836,0.081,-0.05206,0.0076,0.08207,-0.03106,-0.0253,-0.03493,0.01541,0.00747,-0.00021,0.0647,-0.02939,-0.0248,0.04869,0,-0.09649,-0.03243,-0.07672,-0.01848,0.05544,-0.01207,0.02455,-0.03546,-0.02426,-0.07672,0.01384,0.0277,0.01462,-0.0564,0.13382,0.00701,0.06096,-0.0161,-0.05461,-0.02115,-0.04891,0.02672,-0.04574,-0.00885,-0.06246,-0.00734,0.09697,0.04261,0.04296,0.04892,-0.04317,0.03387,-0.00233,0.00409,-0.09235,0.0282,-0.08695,-0.0372,0.01034,0.07253,0.05332,0.03132,0.03104,-0.02033,-0.0103,0.10817,-0.00816,-0.03243,-0.02545,0.06426,-0.00573,-0.01412,-0.07651,0.0786,0.02844,-0.02311,-0.00735,-0.03346,0.05418,-0.03418,-0.05782,0.0728,0.09825,-0.00405],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Outputs - fNodesRendered: OutputEmitterRef<string; Emits once when the current render cycle has finished rendering nodes and groups. Payload is the current flow id. Typical usage: run logic that only depends on node registration and measurement. - fFullRendered: OutputEmitterRef<string; Emits once when the current render cycle has finished the full render cycle for nodes and connections. Payload is the current flow id. Typical usage: center the canvas, apply initial zoom, or run logic that depends on final connection geometry. - fLoaded: OutputEmitterRef<string; Deprecated alias for fFullRendered. f Nodes Rendered Output Emitter Ref f Full Rendered f Loaded","excerpt":"Outputs - fNodesRendered: OutputEmitterRef<string; Emits once when the current render cycle has finished rendering nodes and groups. Payload is the current flow id. Typical usage: run logic that only depends on node registration and measurement. - fFullRendered: OutputEmitterRef<string; Emits once when the current render cycle has finished the full render cycle for nodes and connections. Payload is the current flow id. Typical usage: center the canvas, apply initial zoom, or run logic that depends on final connection geometry. - fLoaded: OutputEmitterRef<string; Deprecated alias for fFullRendered."},{"chunkId":"/docs/f-flow-component#7","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.03137,-0.00643,-0.05239,0.06417,0.03202,0.0659,0.00425,-0.00271,0.07043,-0.00169,-0.08194,-0.01894,-0.09583,-0.0591,0.01415,-0.02689,-0.00146,0.01407,-0.04021,-0.05474,-0.01658,-0.06807,-0.00178,-0.05751,-0.01967,0.09144,-0.02878,-0.02657,0.09546,-0.05025,-0.00354,0.11485,-0.08679,0.06528,-0.14008,0.08289,0.03501,-0.01035,-0.09784,-0.00994,0.09505,0.03888,0.02699,-0.07652,-0.00059,-0.01148,-0.09264,-0.0138,-0.06703,0.02762,0.01244,0.00042,0.04278,0.11316,0.00562,0.01354,0.07092,-0.0823,-0.01759,0.01547,0.00128,-0.08258,-0.03081,0.02212,0.01108,0.01513,0.01082,-0.0256,0.01183,-0.06555,0.00345,0.0056,0.0111,-0.06386,0.04745,-0.09988,-0.02718,0.0477,-0.03578,0.02342,0.14897,0.09474,0.01427,0.02072,-0.02034,0.07227,-0.06173,-0.03005,-0.00314,0.0471,-0.13243,0.03457,0.0013,-0.01667,0.0664,0.0514,-0.07733,-0.00652,-0.07074,0.00935,0.03934,-0.02601,-0.03344,-0.01221,-0.07617,-0.0346,-0.06803,0.04284,-0.04322,-0.00019,-0.01726,0.0084,0.00984,-0.04506,-0.0363,-0.04737,-0.00697,-0.03201,0.01774,0.09966,0.00039,0.07866,0.00106,0.02456,0.09989,-0.02143,-0.04575,0,-0.02022,-0.03835,-0.01636,0.04345,0.0952,0.05207,0.02275,-0.02612,0.00055,-0.01046,0.0085,0.01807,-0.05501,-0.02268,-0.00941,-0.12996,-0.01571,0.03738,-0.05526,-0.00159,0.04516,-0.0202,-0.08183,-0.00746,-0.00925,0.03966,-0.09636,0.04787,-0.04845,0.00408,0.00912,-0.00029,-0.00865,-0.00171,-0.02622,-0.0357,-0.04188,-0.0314,-0.01287,-0.04664,-0.04624,-0.0138,-0.09957,0.00818,-0.03302,-0.06224,-0.07646,0.072,0.0576,0.03825,0.00386,0.07091,0.01269,-0.07307,0.0469,-0.02852,-0.03964,0.14725,0.0155,0.0832,-0.01979,0.06451,-0.05869,-0.0239,0.05639,0.06509,-0.00043,-0.016,0.03326,-0.04198,-0.11441,0.05556,0.05076,0.06847,0.09629,-0.02323,-0.005,0.02611,-0.02597,-0.02146,-0.08261,-0.03778,-0.01151,0.06681,0.0339,-0.10404,0.02124,-0.04697,-0.01491,-0.05903,0.06397,-0.01901,0.0573,0.01085,0.02387,0,0.01673,0.02019,-0.04639,0.02833,0.02897,-0.05762,0.00455,0.0447,0.03353,-0.0038,0.01723,0.12227,-0.02206,-0.01011,-0.01987,0.03289,-0.04699,-0.10472,0.02092,-0.03898,-0.00238,0.01522,-0.02915,-0.02065,-0.10484,0.04421,0.06999,-0.03509,0.02117,-0.02418,0.03891,-0.03833,-0.09546,-0.01675,0.00277,-0.02836,0.02351,0.0549,-0.05247,0.00033,0.00751,0.02486,-0.01668,0.00569,-0.06554,0.03655,-0.02676,0.02328,-0.04109,-0.01173,-0.08546,0.05141,-0.04214,0.0357,0.00155,0.02283,0.04121,-0.01326,0.07668,-0.04787,0.00548,-0.05469,-0.01646,-0.00274,0.04954,0.03015,-0.05075,0.02109,0.06566,0.1029,0.03595,0.02714,0.04139,0.00102,0.07991,0.03757,0.14225,-0.10392,0.03814,0.04032,-0.02836,0.08965,-0.03445,-0.03822,0.07836,-0.04031,-0.03377,0.01233,0.02683,0.00707,-0.04178,0.00055,-0.02368,-0.02951,0.01789,0,-0.1293,-0.02202,-0.06458,-0.00832,0.0544,-0.02782,0.01406,0.04831,-0.05066,-0.02173,-0.00579,0.05929,0.02686,-0.09737,0.13936,0.0157,0.03841,0.00979,-0.03398,0.0008,-0.03483,-0.03788,-0.02598,0.05279,-0.04097,-0.02685,0.04293,-0.00719,0.06136,0.03867,-0.0125,0.05343,0.07515,0.05438,-0.08604,-0.00329,-0.08468,0.00441,-0.00273,0.02988,0.0233,-0.01132,0.01746,-0.00246,-0.06014,0.07297,-0.00167,-0.0041,0.02866,0.05822,-0.0621,0.01049,-0.07921,0.09306,0.03389,-0.00861,-0.07701,-0.02586,0.05936,-0.02735,-0.09007,0.09839,0.02767,0.03054],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Methods - redraw(): void; Forces a redraw of nodes and connections. - reset(): void; Resets internal loaded state. Next render will emit fNodesRendered and fFullRendered again. - getNodesBoundingBox(): IRect null; Returns a bounding rectangle that covers all nodes and groups in the current flow. - getSelection(): ICurrentSelection; Returns selected node/group/connection ids. - getPositionInFlow(position: IPoint): IRect; Converts a point from the viewport into flow coordinates (relative to the flow). - getState(): IFFlowState; Exports the full flow state: nodes, groups and connections (including their current transforms/positions). - selectAll(): void; Selects all selectable items. - select(nodesAndGroups: string[], connections: string[], isSelectedChanged: boolean = true): void; Selects the specified nodes, groups and connections. - clearSelection(): void; Clears current selection. These “imperative” APIs are meant for toolbars, keyboard shortcuts, and integration with external UI (side panels, inspectors, etc.). f Nodes Rendered f Full Rendered get Nodes Bounding Box I Rect get Selection I Current Selection get Position In Flow I Point get State IF Flow State select All nodes And Groups is Selected Changed clear Selection AP Is","excerpt":"Methods - redraw(): void; Forces a redraw of nodes and connections. - reset(): void; Resets internal loaded state. Next render will emit fNodesRendered and fFullRendered again. - getNodesBoundingBox(): IRect null; Returns a bounding rectangle that covers all nodes and groups in the current flow. - getSelection(): ICurrentSelection; Returns selected node/group/connection ids. - getPositionInFlow(position: IPoint): IRect; Converts a point from the viewport into flow coordinates (relative to the flow). - getState(): IFFlowState; Exports the full flow state: nodes, groups and connections (including their current transforms/positions). - selectAll(): void; Selects all selectable items. - select(nodesAndGroups: string[], connections: string[], isSelectedChanged: boolean = true): void; Selects the specified nodes, groups and connections. - clearSelection(): void; Clears current selection. These “imperative” APIs are meant for toolbars, keyboard shortcuts, and integration with external UI (side panels, inspectors, etc.)."},{"chunkId":"/docs/f-flow-component#8","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.03722,0.02215,-0.0443,0.01478,0.05375,0.03561,-0.01672,0.04044,0.04087,0.00489,-0.07447,-0.01362,-0.10788,-0.01675,0.0154,-0.0388,-0.00295,0.05742,-0.01561,-0.06347,-0.02149,-0.01698,0.00581,-0.02624,-0.03582,0.09866,-0.06448,-0.03018,0.15385,-0.04721,0.04447,0.15761,-0.03614,0.05756,-0.08909,0.10985,-0.00182,-0.02558,-0.08027,-0.03581,0.10687,0.02979,0.03855,-0.08629,-0.00317,-0.05393,-0.0804,-0.0563,-0.07116,0.07143,-0.03987,-0.03321,0.01137,0.09741,-0.01384,0.00678,0.04221,-0.05006,0.02188,0.03663,-0.00245,-0.05736,-0.03553,0.01665,0.02735,0.01831,-0.01071,-0.0099,0.00149,-0.05622,0.0206,-0.01332,0.01186,-0.02873,0.03573,-0.07774,-0.04498,0.02257,-0.02654,0.03117,0.14151,0.05155,0.03264,-0.01505,-0.04835,0.08799,-0.0332,0.00739,-0.02248,-0.02442,-0.11231,0.00963,0.03324,0.00416,0.03281,0.05155,-0.07425,-0.03366,-0.07058,0.00576,-0.00856,-0.01048,-0.04409,0.00301,-0.01526,-0.01385,-0.06559,0.04052,-0.03175,0.01292,-0.01337,-0.01565,-0.00435,-0.07693,-0.0111,-0.0753,-0.01483,-0.05828,0.03071,0.08686,-0.02097,0.03796,-0.01292,0.00592,0.08374,-0.07658,-0.05872,0,0.0135,0.02039,-0.02151,-0.00092,0.11316,0.00372,0.06196,-0.05154,-0.02957,0.01774,0.05905,0.02913,-0.08278,-0.00581,-0.03392,-0.16262,-0.03007,0.04563,-0.05938,-0.02255,0.04768,0.02181,-0.06612,-0.01829,-0.00715,0.01807,-0.02729,-0.0032,0.0431,0.02854,0.04747,0.0091,-0.02418,-0.00389,0.00365,-0.04957,-0.04361,-0.05545,-0.00985,-0.03896,-0.01956,-0.01153,-0.06222,-0.0323,-0.04222,-0.01887,-0.05054,0.06426,0.10499,-0.00243,0.0395,0.0712,0.00522,-0.02109,0.06556,-0.01408,-0.03065,0.12074,0.05912,0.05314,-0.05654,-0.00512,-0.08253,-0.00357,0.01585,0.02109,0.00799,-0.03009,0.04784,-0.02151,-0.09912,0.0435,0.01017,0.09759,0.06002,0.00806,-0.01384,0.01347,-0.05024,-0.00126,-0.12012,-0.01591,-0.00211,0.10972,0.05669,-0.103,-0.0127,-0.02005,-0.03783,-0.04492,0.02843,-0.00214,0.02812,0.0151,-0.00385,0,0.0178,0.00064,-0.07709,0.08534,0.03125,-0.03522,0.01076,0.03449,0.04687,0.01734,0.04418,0.08782,0.03209,-0.00078,-0.05799,0.00689,-0.03123,-0.13048,0.06789,-0.03722,-0.01451,-0.02527,0.01281,-0.00714,-0.09261,0.06537,0.07448,-0.02926,-0.00067,-0.01634,-0.00219,0.00554,-0.05596,-0.04329,-0.04056,-0.00825,0.01723,0.04145,-0.07807,-0.04345,0.00111,0.02871,-0.00328,-0.00408,-0.11775,-0.0186,0.02981,0.04196,0.0582,0.0078,-0.10187,0.02107,-0.02348,0.02807,-0.00811,0.03475,0.05676,-0.0171,0.03345,-0.0266,0.05884,-0.00393,-0.00439,-0.04816,0.0563,0.03323,-0.07768,-0.00005,0.0276,0.10261,0.09061,0.0181,0.0453,0.04624,0.04399,0.00773,0.16098,-0.10935,0.06065,-0.00649,-0.02485,0.10863,-0.06956,0.01073,0.08142,-0.04772,-0.00944,-0.00706,0.01204,0.04394,-0.03223,0.03263,-0.0044,-0.01183,0.04298,0,-0.10284,0.00804,-0.07554,-0.02696,0.04757,-0.03364,0.04202,0.01412,-0.03465,0.00281,0.00591,0.04425,-0.0231,-0.04377,0.11974,0.00613,0.0444,0.0596,-0.05531,-0.0282,-0.02154,0.00686,0.0203,-0.03537,-0.05777,0.03636,0.09746,-0.02607,0.0536,0.05595,-0.04241,0.07284,0.04145,-0.01064,-0.07552,0.03169,-0.05507,-0.01457,-0.0474,-0.03534,0.04108,0.00475,0.01076,-0.04598,-0.08337,0.05502,-0.00722,-0.00409,0.03301,0.03867,-0.03345,0.0052,-0.06583,0.09116,0.07643,0.07009,-0.04793,-0.02969,0.06535,-0.0296,-0.03677,0.06319,0.1089,0.04159],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Types IPoint IRect IFFlowState ICurrentSelection I Point I Rect IF Flow State I Current Selection","excerpt":"Types IPoint IRect IFFlowState ICurrentSelection"},{"chunkId":"/docs/f-flow-component#9","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.0311,0.03225,-0.07215,0.02711,0.0699,0.0135,-0.02678,0.0274,0.01706,0.01211,-0.06723,0.03261,-0.09718,-0.00113,0.05065,-0.03509,-0.02789,0.0638,-0.00381,-0.01416,-0.05341,-0.01457,0.02425,-0.02393,-0.01492,0.07795,-0.04922,-0.01073,0.11835,-0.0664,0.05382,0.15315,-0.02262,0.05368,-0.11611,0.08674,0.04269,0.00348,-0.06336,-0.02286,0.0668,0.01414,0.02492,-0.08084,-0.022,-0.06522,-0.0912,-0.06411,-0.07361,0.03231,-0.00256,-0.067,-0.03792,0.09769,-0.01594,-0.01951,0.04637,-0.03229,0.01315,0.04707,0.01176,-0.03763,-0.01458,0.04687,0.02467,0.02705,-0.00472,-0.00213,-0.00611,-0.06959,0.02588,-0.01776,0.01174,-0.03118,0.00919,-0.06388,-0.04774,0.04332,-0.03873,0.01813,0.11701,0.06403,0.02272,0.01296,-0.05281,0.11309,-0.01285,-0.0009,-0.01582,-0.01993,-0.09827,0.02589,0.04312,0.02026,0.01222,0.04851,-0.08627,0.00271,-0.08221,0.01728,-0.03184,-0.0395,0.00193,0.02024,0.00091,-0.02332,-0.04823,0.05228,-0.01622,-0.03334,0.00067,-0.01118,-0.05058,-0.11111,-0.02248,-0.0909,-0.0085,-0.04952,0.05359,0.12936,0.00473,0.04135,0.01284,-0.02857,0.08802,-0.0425,-0.0699,0,-0.00088,0.03381,-0.01989,0.03873,0.11992,0.00979,0.03554,-0.08092,-0.01343,0.02412,0.02472,0.02091,-0.10025,0.0017,-0.02622,-0.14792,-0.01184,0.02206,-0.03139,-0.05102,0.04772,0.01908,-0.06153,0.02115,0.02993,0.00465,-0.01245,-0.01927,-0.01368,0.02128,0.05043,-0.0127,0.01412,-0.00708,0.00078,-0.0603,-0.04526,-0.06815,-0.02634,-0.05056,-0.05144,-0.01608,-0.03089,0.00217,-0.04181,-0.00637,-0.03959,0.03904,0.10686,-0.00157,0.01532,0.05996,0.03585,0.01421,0.06963,-0.03052,-0.01923,0.10243,0.03129,0.05071,-0.03397,-0.00149,-0.09393,-0.0229,0.01256,0.03026,0.011,-0.0355,0.03592,-0.02798,-0.09176,0.0476,-0.02448,0.08961,0.05466,0.00217,0.02499,0.03548,-0.03368,-0.00036,-0.14046,-0.03808,-0.02676,0.09512,0.01363,-0.0918,-0.01325,-0.01464,0.0118,-0.06683,0.02891,-0.00125,0.0488,0.00788,0.00788,0,-0.01883,0.0104,-0.05973,0.08923,0.03055,-0.00734,0.01415,-0.0066,0.06064,0.05784,0.0195,0.10631,0.02838,-0.02242,-0.05281,0.02773,-0.04779,-0.12772,0.07618,-0.04333,-0.02561,0.00715,0.00461,-0.01684,-0.05594,0.05758,0.04778,-0.02888,0.00487,-0.01189,0.01516,-0.01512,-0.01021,-0.03069,-0.05787,-0.03188,0.016,0.05351,-0.0652,-0.06035,-0.01192,0.02234,0.02384,0.0198,-0.12162,-0.00302,0.04178,-0.03397,0.01913,-0.00122,-0.08594,0.01509,-0.035,0.00016,-0.00756,0.01176,0.06385,0.03303,0.00461,0.00665,0.09645,-0.00761,-0.01823,-0.01771,0.02149,0.0155,-0.09384,-0.0035,0.03598,0.08538,0.05749,0.01857,0.03093,0.06099,0.03222,-0.0146,0.15275,-0.06668,0.07749,0.02549,-0.02978,0.10074,-0.09372,0.00902,0.07197,-0.08701,-0.01404,-0.01937,0.03731,-0.00914,-0.04152,0.07185,-0.01977,-0.01519,0.02162,0,-0.08751,-0.0094,-0.06459,-0.04814,0.07748,-0.03066,0.03582,0.02114,-0.032,0.01589,0.00667,0.04883,-0.0123,-0.07384,0.09743,0.0109,-0.00003,0.0613,-0.05499,-0.02263,-0.01456,0.02986,-0.00433,0.01156,-0.05665,0.01042,0.09123,0.01399,0.08621,0.06872,-0.05418,0.07777,0.01813,-0.02746,-0.08199,0.04146,-0.08278,-0.00967,-0.06282,0.02257,0.02506,-0.05222,0.03449,-0.04638,-0.06282,0.06155,-0.02605,0.02028,-0.01016,0.037,0.01106,0.01509,-0.09429,0.10694,0.04105,0.04792,-0.05184,-0.03538,0.07354,-0.09391,-0.06517,0.07829,0.13017,0.03522],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Styling - .f-component Base class for flow primitives. - .f-flow Host class for the root container. - .f-node, .f-group, .f-connection Internal layout classes used by flow rendering.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-flow Host class for the root container. - .f-node, .f-group, .f-connection Internal layout classes used by flow rendering."},{"chunkId":"/docs/f-flow-component#10","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.04707,0.00113,-0.0236,0.08184,0.08857,0.00807,-0.01941,0.01008,0.06023,0.01181,-0.08093,0.02179,-0.13093,-0.02015,0.02265,0.00098,0.01463,0.02017,-0.01118,-0.05082,-0.05593,-0.02062,0.01349,-0.02428,0.00223,0.07522,-0.02485,-0.05137,0.09614,-0.02372,0.05698,0.1219,-0.06473,0.02773,-0.11593,0.04087,0.04913,0.01353,-0.07138,0.00941,0.10543,-0.00909,-0.0266,-0.09597,-0.04696,-0.06936,-0.08942,-0.0291,-0.09317,0.04962,0.03512,-0.02049,0.01615,0.06854,0.01555,0.00359,0.05449,-0.03482,-0.00231,0.05765,-0.0132,-0.05523,-0.01125,0.02151,0.09288,0.04331,-0.00161,-0.06648,0.0184,-0.03684,0.04633,0.01336,0.0424,-0.05558,0.00575,-0.07693,-0.06868,0.0096,-0.02077,0.00911,0.12199,0.06993,-0.00315,-0.03445,-0.01456,0.06028,-0.05147,0.02836,-0.00011,0.0096,-0.11764,0.03417,0.06372,0.04713,-0.03461,0.05535,-0.06511,0.01814,-0.05007,-0.00351,-0.04921,-0.04613,-0.02257,0.06254,-0.04553,-0.07516,-0.06065,0.05231,-0.06948,-0.01604,0.00689,0.02428,0.00074,-0.06155,-0.03973,-0.02388,-0.03671,-0.03667,0.00856,0.11131,0.01638,0.02691,0.03552,0.01678,0.08471,-0.01212,-0.0324,0,-0.00778,-0.01169,-0.03554,-0.00432,0.09947,-0.01593,0.04015,-0.06298,0.00447,-0.02283,0.08099,0.02681,-0.06678,-0.0546,0.00729,-0.12531,-0.01689,0.06024,-0.01597,-0.04162,0.03588,0.05193,-0.0684,0.01331,0.00935,0.01536,-0.06258,0.00345,0.03751,0.03592,0.05054,0.00744,0.00223,0.00678,-0.04225,-0.00611,-0.07932,-0.0542,-0.06448,-0.04824,-0.02341,0.00618,-0.05662,0.03987,-0.05517,-0.04747,-0.09675,0.05766,0.04624,-0.00954,0.0419,0.08562,0.00594,-0.01456,0.06122,-0.02063,-0.06641,0.03749,0.03794,0.03878,0.00178,-0.01314,-0.05323,-0.02624,0.02878,0.05557,0.06522,-0.0419,-0.00008,-0.02389,-0.08702,0.05338,-0.00212,0.05933,0.11226,-0.00899,0.04192,0.01856,-0.0618,-0.03149,-0.04797,-0.06167,-0.07997,0.09666,0.08218,-0.05867,-0.04464,0.00127,-0.01974,-0.01488,0.03228,-0.00591,0.10106,0.00546,0.02084,0,0.03285,-0.03598,-0.06891,0.1119,0.0208,-0.03385,-0.04029,0.02933,0.03738,0.01069,0.00862,0.05561,-0.0354,0.00108,-0.06439,0.05622,-0.05625,-0.12881,0.05699,-0.02571,-0.01346,0.01328,-0.00907,0.01139,-0.08268,0.061,0.02637,-0.04766,0.03652,-0.05374,-0.01154,0.00196,-0.04442,-0.0297,-0.02716,-0.00851,0.04569,0.04176,-0.08462,0.01979,-0.00727,0.05404,-0.02212,0.0331,-0.09075,-0.01603,-0.01336,-0.02714,0.03769,-0.00591,-0.07329,0.03316,-0.03163,0.02775,0.00664,-0.01525,0.08187,0.01631,0.00377,0.03156,0.06585,-0.05467,0.00274,-0.03695,0.05283,0.01879,-0.05556,0.01896,0.08309,0.0755,0.0771,-0.01498,0.01302,0.0635,0.06988,-0.01053,0.12042,-0.1229,0.06809,0.03501,-0.04685,0.06722,-0.04118,-0.04943,0.04218,-0.05379,0.01294,-0.0039,0.04375,-0.01652,-0.03584,0.05071,0.03202,-0.05448,0.01625,0,-0.0917,0.00794,-0.07824,-0.01153,0.10647,-0.05596,-0.01875,0.00721,-0.03465,-0.06512,-0.00778,0.06878,0.08918,-0.08017,0.1049,-0.03424,0.06869,-0.00071,-0.03706,0.02601,-0.06473,0.05568,-0.01923,-0.03401,-0.04785,0.01246,0.12258,0.0207,0.07991,0.09558,-0.05854,0.04374,0.05718,0.03512,-0.07752,-0.0413,-0.05436,-0.05438,-0.01459,0.01466,0.05241,-0.00727,-0.0102,-0.0238,-0.07511,0.03159,-0.00995,-0.0221,0.01176,0.0893,-0.02156,-0.0056,-0.07191,0.08906,0.07997,-0.01526,-0.03315,-0.01582,0.04847,-0.06896,-0.02159,0.00338,0.08043,0.03334],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Notes / Pitfalls - fNodesRendered and fFullRendered are one-time per internal render cycle; if you call reset(), a later render can emit again. - fLoaded still works for backward compatibility, but new code should prefer fFullRendered. - Programmatic select(...) runs after data-change notification, so call it when ids are already present in the flow. f Nodes Rendered f Full Rendered f Loaded","excerpt":"Notes / Pitfalls - fNodesRendered and fFullRendered are one-time per internal render cycle; if you call reset(), a later render can emit again. - fLoaded still works for backward compatibility, but new code should prefer fFullRendered. - Programmatic select(...) runs after data-change notification, so call it when ids are already present in the flow."},{"chunkId":"/docs/f-flow-component#11","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.03507,0.04493,-0.05906,0.05193,0.07259,0.06197,-0.06083,0.04481,0.00859,0.02508,-0.09425,0.0146,-0.07976,-0.00228,0.04008,-0.02107,-0.02354,0.0544,-0.01646,-0.02481,-0.03416,-0.02983,0.04452,-0.00916,-0.00894,0.05177,-0.08175,0.00962,0.11645,-0.00815,0.0799,0.14231,-0.01784,0.07128,-0.04258,0.09745,0.0137,0.00063,-0.07916,-0.02625,0.12858,0.03984,0.01594,-0.09612,-0.01301,-0.08685,-0.09082,-0.05091,-0.09042,0.04192,-0.02782,-0.08374,0.0075,0.04663,-0.00513,-0.00549,0.0143,-0.06928,0.0559,0.01792,0.00099,-0.07862,-0.01435,0.01253,0.06215,0.05671,-0.0493,-0.01369,-0.02383,0.0024,0.03421,-0.0099,0.01205,-0.00955,0.02767,-0.03549,-0.08336,0.05865,-0.05874,-0.00723,0.06555,0.0051,0.0038,-0.00496,-0.04833,0.13171,-0.02581,-0.03269,-0.01464,-0.00211,-0.08781,0.01985,-0.01461,0.00205,0.01138,0.05662,-0.08482,0.02677,-0.08062,0.02667,-0.00914,-0.05374,0.01487,0.04673,0.01012,-0.00525,-0.04846,0.05571,-0.06786,-0.00043,0.0004,0.0228,-0.01845,-0.09381,-0.02546,-0.07111,0.00011,-0.06941,0.02661,0.12553,0.03406,0.02212,-0.0304,0.00789,0.09281,-0.01626,-0.04596,0,0.00572,0.03267,0.01131,0.02612,0.12463,-0.01804,0.01975,-0.09343,-0.0411,0.0298,-0.00144,0.02728,-0.0555,-0.04943,-0.03497,-0.14037,-0.01032,0.01847,-0.04023,-0.05422,0.04866,-0.00381,-0.08056,0.03659,0.00451,-0.01428,-0.02666,-0.01016,-0.01917,0.01046,0.05605,0.01148,0.07395,-0.00274,0.00935,-0.0423,0.00102,-0.03612,-0.05863,-0.06104,0.00659,-0.01379,-0.02474,0.0332,-0.0574,-0.0362,-0.03766,0.00543,0.08533,-0.01133,0.02779,0.08041,0.00907,-0.01226,0.09679,-0.00379,0.0037,0.05965,0.03264,0.04625,-0.02868,0.0035,-0.02928,-0.03069,0.03689,0.03573,0.02187,-0.02322,0.03584,-0.05444,-0.08534,0.103,-0.01192,0.07721,0.04224,0.01022,0.00807,0.01857,-0.01444,0.0028,-0.09669,-0.039,-0.04141,0.12617,0.05219,-0.13723,-0.03452,-0.0245,-0.00331,-0.08656,0.0735,-0.02216,0.00435,-0.03249,-0.01237,0,0.01288,0.03035,-0.04639,0.102,0.02324,-0.03419,0.01689,0.02798,0.07396,0.06323,0.01898,0.06717,0.00045,-0.04122,-0.04294,0.00233,-0.05675,-0.11597,0.11075,-0.04965,-0.01205,0.04356,0.00306,0.01617,-0.05493,0.04889,0.03513,0.00828,-0.00378,-0.02272,0.0119,-0.02858,-0.05801,-0.01656,-0.00391,-0.05582,-0.02373,0.08416,-0.01958,-0.05392,0.02049,0.04501,-0.03303,-0.00026,-0.09895,-0.00501,0.07524,-0.04195,0.01764,-0.05065,-0.07736,0.0025,-0.04649,0.04377,0.00461,-0.01787,0.08436,0.0254,0.00054,-0.01912,0.10088,-0.01349,-0.02056,-0.02497,0.07147,0.02093,-0.1141,-0.01417,0.05408,0.06985,0.01651,0.0146,0.03067,0.05972,0.03745,0.00142,0.12137,-0.03302,0.08669,0.04699,-0.07069,0.12595,-0.08144,0.04543,0.08861,-0.04297,-0.07133,0.02149,0.03292,0.01027,-0.02902,0.04579,-0.03015,0.0042,0.05303,0,-0.12678,-0.00631,-0.0777,-0.00351,0.04542,-0.05736,0.03872,-0.02782,-0.04383,-0.02568,-0.01798,0.02186,0.01343,-0.08302,0.07717,-0.03952,-0.01169,0.0561,-0.05634,0.00757,-0.05155,0.04088,-0.00179,0.03904,-0.05607,-0.00588,0.01429,0.00957,0.08407,0.06262,-0.0156,0.02452,0.02132,0.01203,-0.09744,-0.002,-0.0983,-0.00021,-0.00037,0.03393,0.02531,-0.06549,0.01199,-0.02182,-0.06769,0.0738,-0.01663,0.01516,0.03516,0.03807,-0.01565,0.0134,-0.09069,0.08228,0.07458,-0.00296,-0.01625,-0.003,0.03441,-0.07922,-0.03451,0.0462,0.07256,0.041],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::","excerpt":"Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::"},{"chunkId":"/docs/f-canvas-component#0","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[0.00292,0.01071,-0.09383,-0.03845,0.05963,0.04151,0.06348,0.10983,0.06129,-0.02285,0.00648,-0.03871,-0.06044,0.06272,-0.01289,-0.08798,-0.04974,0.02652,-0.01933,0.05096,-0.06438,-0.12119,0.00539,-0.06126,-0.01882,0.01888,-0.01414,-0.03095,0.01043,-0.057,0.00722,0.11795,0.02964,0.04301,-0.07742,-0.01592,0.01543,-0.04659,-0.09222,-0.05449,-0.00461,0.05567,0.02816,-0.04939,0.04131,-0.02734,-0.00146,-0.01521,-0.01239,0.09757,-0.05169,-0.02143,-0.05788,0.122,0.05888,0.03698,0.05294,-0.06172,0.03564,0.04529,-0.02272,0.01303,-0.00092,0.07418,-0.02217,0.00417,-0.06073,-0.02889,-0.01529,-0.03983,-0.02845,-0.02914,0.12725,-0.08761,0.13367,-0.05992,-0.06182,0.05301,-0.00582,-0.06043,0.02725,0.04464,-0.0263,0.04422,0.00077,0.09792,-0.04494,-0.0797,-0.05255,0.0727,-0.06686,0.08443,-0.08182,0.0286,-0.01365,-0.10072,-0.07217,-0.0271,-0.02864,-0.00532,0.05675,-0.0257,0.104,0.03234,-0.02575,-0.03588,-0.03875,0.01998,-0.00562,-0.0433,-0.02533,-0.01928,0.02275,-0.01562,-0.03377,-0.01364,0.00057,-0.04414,0.0529,0.01581,0.02546,0.02516,-0.04234,-0.03028,0.00101,-0.00107,-0.01857,0,-0.03201,0.02539,-0.00322,0.06471,0.05918,-0.01771,0.0477,-0.03926,-0.04274,-0.01358,-0.04823,0.05611,-0.09096,0.0553,-0.0105,-0.09243,-0.04639,0.00052,-0.02148,-0.02782,0.10076,-0.06155,-0.0499,-0.02007,0.08735,0.09616,-0.06895,0.07942,-0.10024,0.06137,-0.06806,0.00002,-0.004,0.00352,-0.05437,-0.05197,-0.01776,-0.05824,-0.08684,-0.00088,-0.06946,-0.02325,-0.08403,-0.01447,0.02637,-0.04331,-0.07747,0.10198,0.04045,0.02538,0.02714,-0.03491,0.04265,-0.05228,0.06212,-0.04641,-0.01905,0.06169,-0.01833,0.06022,0.02754,0.04047,-0.14143,0.01622,0.04984,0.08679,0.01753,-0.0028,-0.03496,-0.03945,-0.03575,0.09251,0.046,0.04726,0.07256,-0.00627,-0.04499,-0.01067,-0.01801,0.02267,-0.07548,-0.02482,0.0256,0.01422,-0.04748,-0.01975,0.0567,0.01771,-0.06868,-0.0136,0.05287,-0.01582,0.06343,-0.01289,0.00315,0,-0.03427,0.02425,-0.02979,0.05071,0.01351,-0.03589,0.05389,0.02496,0.05156,-0.01039,-0.03471,0.00234,0.00899,-0.03511,-0.00966,0.04565,-0.02332,-0.1021,-0.0528,-0.02512,0.00741,-0.00469,0.00685,-0.0115,-0.07104,0.00929,0.06156,0.0207,-0.04536,0.00116,-0.0159,-0.08194,-0.00267,0.0058,0.05258,-0.03643,0.03759,-0.02206,-0.03333,-0.03385,-0.0206,0.03697,-0.01545,0.02449,-0.02863,0.09351,-0.00125,-0.00171,-0.01163,0.03872,-0.06829,0.0381,0.00045,-0.06509,-0.02247,0.09319,0.0688,0.04064,-0.04687,-0.02327,0.05593,-0.05421,-0.02812,0.01783,0.07994,0.05164,-0.01943,0.05812,0.04886,0.08203,0.12769,-0.01333,0.03737,0.02664,-0.03383,0.02239,0.12278,0.05094,0.0967,0.08984,0.03604,0.05297,0.03646,0.0657,0.03923,0.02819,-0.06803,-0.03461,0.04754,0.04619,-0.02595,0.04227,0.01506,-0.07148,0.04255,0,-0.09992,0.01092,-0.0674,-0.04697,-0.02336,0.02112,0.03461,0.02885,-0.05362,-0.0072,0.00704,0.08847,0.02335,-0.01073,0.05944,-0.0125,0.04846,0.02268,-0.022,-0.06981,-0.03819,0.02331,0.01971,0.08161,-0.043,-0.06759,-0.10281,0.02392,0.0669,-0.03396,-0.07266,0.01316,0.00783,0.0652,-0.0792,0.05643,-0.10117,0.02558,-0.04963,0.00415,0.05137,-0.05587,0.02456,-0.03474,-0.0158,0.08416,0.02914,-0.02403,-0.06605,0.02646,-0.05318,0.02156,-0.0072,0.0515,0.00791,0.02274,-0.00234,-0.01622,0.02146,-0.02633,-0.13348,0.10492,0.00411,0.04921],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Canvas Selector: f-canvas Class: FCanvasComponent f-canvas is the viewport layer inside f-flow. It is responsible for the transform of the whole diagram - pan (position) and zoom (scale). Everything that should move/scale together (nodes, groups, connections) must be placed inside f-canvas. F Canvas Component","excerpt":"Canvas Selector: f-canvas Class: FCanvasComponent f-canvas is the viewport layer inside f-flow. It is responsible for the transform of the whole diagram - pan (position) and zoom (scale). Everything that should move/scale together (nodes, groups, connections) must be placed inside f-canvas."},{"chunkId":"/docs/f-canvas-component#1","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.005,0.00082,-0.03384,-0.0323,0.07663,0.03524,0.03258,0.10079,0.04989,-0.03161,0.01511,-0.04585,-0.02907,0.05014,0.01476,-0.08155,-0.01675,0.02286,-0.04483,0.02015,-0.0475,-0.15171,-0.01479,-0.04211,-0.00761,0.02901,-0.02302,-0.04335,0.01676,-0.07041,-0.01791,0.10981,0.03369,0.01414,-0.08932,-0.00408,0.05425,-0.05473,-0.09655,-0.05724,-0.01653,0.04196,0.0519,-0.04108,0.04613,-0.02437,-0.01728,-0.01463,-0.05459,0.08948,-0.04436,-0.03509,-0.04072,0.1145,0.06745,0.0454,0.05877,-0.05779,0.04209,0.02996,-0.01738,0.00898,-0.0094,0.09918,-0.03155,0.0312,-0.03698,-0.04268,-0.00449,-0.03639,-0.046,-0.0382,0.11006,-0.07948,0.13017,-0.06802,-0.067,0.03371,-0.02908,-0.06124,0.03518,0.03714,-0.02936,0.05358,-0.00176,0.08393,-0.04245,-0.03713,-0.04244,0.0744,-0.07942,0.053,-0.06866,0.00374,-0.01056,-0.08154,-0.08421,-0.047,-0.02969,0.02748,0.06698,-0.01757,0.11323,0.0201,-0.0085,-0.05177,-0.038,0.0188,-0.00861,0.00872,-0.02315,-0.02318,0.05228,-0.02263,-0.02611,-0.00051,0.00556,-0.02519,0.06213,0.01229,0.05194,0.03514,-0.0417,-0.01917,0.01341,0.03,-0.05725,0,-0.04319,-0.00503,0.02248,0.08486,0.05894,-0.00759,0.03901,-0.04885,-0.01918,-0.00463,-0.03067,0.10001,-0.0996,0.04917,0.00231,-0.12297,-0.0252,0.02486,-0.03651,-0.02931,0.08552,-0.05958,-0.08077,-0.00927,0.09103,0.1027,-0.06867,0.11961,-0.08898,0.04701,-0.07912,0.00384,0.00323,-0.02515,-0.04905,-0.06066,-0.02017,-0.08593,-0.06127,-0.0158,-0.06552,-0.03322,-0.12548,-0.02455,0.02568,-0.03498,-0.04306,0.0891,0.03348,-0.00603,0.03158,-0.01396,0.02268,-0.06033,0.05553,-0.04106,-0.01639,0.03838,-0.0124,0.08363,0.0094,0.03313,-0.10852,-0.01244,0.05919,0.08488,-0.00272,-0.01408,-0.02975,-0.03825,-0.04439,0.11445,0.0093,0.05498,0.07065,-0.01118,-0.04678,-0.01748,-0.03902,0.01654,-0.06095,-0.03099,0.03471,0.02549,0.00765,-0.05595,0.0606,0.02311,-0.10901,-0.01,0.04325,-0.00849,0.08685,0.01432,0.00993,0,-0.04134,0.02531,-0.03071,0.04362,0.01311,-0.02306,0.0536,0.02522,0.0721,-0.04378,-0.04809,-0.01095,-0.01379,-0.03524,-0.02352,0.05152,-0.01183,-0.11147,-0.05876,-0.01262,0.02389,0.02853,-0.02656,0.0047,-0.06712,0.02689,0.03997,0.01756,-0.04671,-0.00946,-0.01099,-0.06826,-0.02207,0.00457,0.04491,-0.05172,0.00133,-0.00525,-0.0387,-0.02112,-0.02106,0.038,-0.01589,0.02714,-0.01447,0.09581,-0.00453,-0.01069,-0.06508,0.03641,-0.08491,0.02838,0.00212,-0.06273,-0.02979,0.0821,0.07452,0.03136,-0.03125,-0.03703,0.0313,-0.0782,-0.03378,-0.01921,0.03858,0.04922,0.00617,0.05118,0.06359,0.07743,0.12011,-0.02614,0.03078,-0.00232,-0.01113,0.01053,0.10296,-0.00156,0.07418,0.04699,0.00436,0.04148,0.05855,0.05341,0.00439,0.05505,-0.07014,-0.0228,0.0709,0.06558,-0.06428,0.06826,0.02218,-0.01397,0.03305,0,-0.10858,0.01909,-0.05761,-0.02225,-0.02296,0.01676,0.03964,0.03586,-0.04916,-0.02786,-0.01308,0.07602,0.02175,0.00768,0.08168,-0.00355,0.07859,0.04904,-0.02815,-0.07525,-0.03404,0.02751,0.01565,0.07449,-0.03602,-0.06893,-0.09037,0.05367,0.04391,-0.01885,-0.04789,0.0035,-0.00527,0.06747,-0.08184,0.0428,-0.08981,0.00798,-0.00363,0.02963,0.07246,-0.03508,-0.00264,-0.02318,-0.04332,0.09461,0.04814,-0.04791,-0.06144,0.02708,-0.03425,0.0165,-0.02184,0.06917,0.02308,0.02182,0.02368,-0.00139,0.05215,0.00393,-0.11332,0.08426,0.00439,0.03761],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Role in the flow structure A typical diagram structure is always: - f-flow is the root container and the integration point for plugins (drag, selection, zoom, helpers, minimap). - f-canvas is the viewport that applies position + scale to its content. - Nodes / groups / connections outside of f-canvas won’t participate in transforms and interaction logic. What you get - Pan/zoom transform state for the whole diagram. - Imperative viewport methods (fitToScreen, centerGroupOrNode, scale control). - Debounced fCanvasChange notifications for sync with external UI. fit To Screen center Group Or Node f Canvas Change","excerpt":"Role in the flow structure A typical diagram structure is always: - f-flow is the root container and the integration point for plugins (drag, selection, zoom, helpers, minimap). - f-canvas is the viewport that applies position + scale to its content. - Nodes / groups / connections outside of f-canvas won’t participate in transforms and interaction logic. What you get - Pan/zoom transform state for the whole diagram. - Imperative viewport methods (fitToScreen, centerGroupOrNode, scale control). - Debounced fCanvasChange notifications for sync with external UI."},{"chunkId":"/docs/f-canvas-component#2","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.01645,0.0064,-0.07909,-0.03633,0.03727,0.03339,0.05493,0.12753,0.02698,-0.01707,-0.03559,-0.06204,-0.05409,0.06536,-0.00987,-0.1007,-0.02683,0.03471,-0.01724,0.07234,-0.04862,-0.12828,-0.00124,-0.05685,-0.02076,0.01983,0.01976,-0.06934,0.01358,-0.0415,0.01324,0.13168,0.04631,0.01348,-0.05483,-0.03909,0.01098,-0.0548,-0.10788,-0.06519,-0.00409,0.03616,0.02127,-0.03926,0.03996,-0.04167,0.00557,-0.0185,-0.02769,0.10439,-0.05597,-0.03413,-0.04082,0.09833,0.05872,0.02869,0.05293,-0.03956,0.0322,0.04206,-0.02328,-0.00295,-0.00315,0.06447,-0.00858,0.01957,-0.06151,-0.02125,-0.00698,-0.04681,-0.06046,-0.0243,0.14721,-0.07659,0.11555,-0.05782,-0.08222,0.03734,-0.02796,-0.07413,0.01329,0.0254,-0.03038,0.0524,0.00876,0.09174,-0.00407,-0.03523,-0.02023,0.05229,-0.05014,0.09011,-0.06898,0.01756,-0.00987,-0.10128,-0.06357,-0.05248,-0.0208,-0.01994,0.06658,-0.01669,0.10426,0.0733,-0.01913,-0.04667,-0.00534,-0.00614,-0.01507,-0.01197,-0.01893,-0.01701,0.01835,-0.02681,-0.00174,0.0087,-0.00122,-0.05799,0.06299,-0.01378,0.05201,-0.01185,-0.03332,-0.03238,0.01085,0.00606,0.01866,0,-0.05065,0.02503,-0.0128,0.06628,0.06431,-0.01171,0.05808,-0.03196,-0.01705,-0.00558,-0.04543,0.09357,-0.06871,0.06233,0.00096,-0.09475,-0.07252,0.02511,-0.02486,0.00301,0.09971,-0.07128,-0.05006,-0.02383,0.07876,0.09868,-0.06603,0.08512,-0.10964,0.05296,-0.05998,-0.01895,0.01382,-0.01114,-0.07704,-0.0552,-0.03497,-0.06235,-0.06828,0.01435,-0.08026,-0.01618,-0.05971,-0.03665,0.00363,-0.04463,-0.06594,0.10236,0.03125,0.00192,0.03828,-0.01252,0.03516,-0.06212,0.07209,-0.04193,-0.02252,0.06321,0.01465,0.05005,0.02675,0.05263,-0.10507,0.00341,0.0132,0.09525,0.02959,0.00968,-0.04938,-0.0398,-0.02983,0.0826,0.0087,0.01933,0.08792,-0.01102,0.0044,0.00384,-0.01553,-0.0176,-0.05189,-0.01979,0.02718,0.0266,-0.02062,-0.02476,0.05346,-0.00873,-0.12983,-0.03293,0.04539,-0.02368,0.0687,-0.01818,0.00234,0,-0.00329,0.00744,-0.06503,0.05268,0.01832,-0.03618,0.05557,0.05558,0.04638,-0.04855,-0.03961,0.02581,-0.0117,-0.00032,-0.01303,0.05861,-0.01204,-0.09621,-0.04273,-0.04464,0.00438,-0.01992,0.00072,-0.02291,-0.0931,0.02531,0.07581,0.00518,-0.05751,-0.02771,-0.02609,-0.06049,0.00911,0.02005,0.05375,-0.03026,0.05912,-0.00469,-0.05856,-0.04568,-0.00245,0.02882,-0.00276,0.03726,-0.04061,0.07763,-0.03034,0.01372,-0.01445,0.03437,-0.05333,0.02766,0.0088,-0.07267,-0.04553,0.07652,0.04974,0.02675,-0.05174,-0.01129,0.03762,-0.05714,-0.02782,0.03449,0.08812,0.06967,-0.03097,0.07016,0.02808,0.08282,0.11643,-0.02105,0.01724,0.03976,-0.02851,0.05452,0.12658,0.01312,0.08617,0.07905,0.02839,0.04802,0.05932,0.05491,0.04092,0.0517,-0.10228,-0.05333,0.06187,0.04917,-0.04049,0.05247,0.02863,-0.03807,0.04746,0,-0.10948,0.00289,-0.05069,-0.03285,-0.04274,0.02026,0.00648,0.00112,-0.03558,-0.03851,-0.0027,0.05074,0.01488,0.01635,0.07764,-0.00154,0.04895,0.02562,-0.03266,-0.07819,-0.0177,0.04288,0.05078,0.05963,-0.03073,-0.03564,-0.08152,0.03762,0.09745,-0.05171,-0.03771,0.02171,0.02255,0.06829,-0.05348,0.05143,-0.08208,0.02027,-0.0446,-0.00152,0.0373,-0.05343,0.00503,-0.0519,0.00262,0.08858,0.01014,-0.02352,-0.03888,0.01937,-0.0765,0.03506,-0.00788,0.0712,0.03449,0.02078,-0.01231,-0.00347,0.05993,-0.00628,-0.10273,0.10117,-0.00817,0.07678],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. API","excerpt":"API"},{"chunkId":"/docs/f-canvas-component#3","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.00843,-0.00909,-0.08417,-0.03359,-0.00346,0.04438,0.05513,0.12073,0.06905,-0.03858,-0.01486,-0.04869,-0.05951,0.04804,-0.04894,-0.09604,-0.03274,0.018,-0.05065,0.03598,-0.04982,-0.13038,-0.02011,-0.05217,0.00686,0.01026,0.01549,-0.06557,0.03004,-0.0573,0.00125,0.11974,0.07017,-0.01887,-0.06181,-0.02418,-0.00957,-0.03369,-0.0878,-0.06482,0.00294,0.03004,0.00231,-0.06723,0.04112,-0.03824,-0.00779,0.02354,-0.02066,0.10565,-0.0336,0.00459,-0.04791,0.08898,0.0449,0.02461,0.07136,-0.00336,0.02628,0.03402,-0.03761,0.01491,-0.02427,0.05067,-0.01087,0.04099,-0.02795,-0.09153,-0.01809,0.00178,-0.02127,-0.03569,0.15232,-0.08987,0.10546,-0.04942,-0.08917,0.06044,-0.01312,-0.05383,0.03185,0.01738,-0.01224,0.02652,0.03925,0.08339,-0.01026,-0.04187,-0.01902,0.07083,-0.0622,0.10408,-0.08635,0.05158,-0.01442,-0.09229,-0.06224,0.0002,-0.01679,-0.01529,0.03926,-0.01057,0.06807,0.08046,-0.00819,-0.03925,-0.0115,-0.02955,-0.00779,-0.01035,-0.01796,-0.04135,0.04215,0.02076,-0.01478,0.02702,0.01572,-0.02935,0.02074,-0.0324,0.05396,0.00534,-0.06331,-0.07243,-0.01748,-0.00227,0.02697,0,-0.05003,0.00714,-0.0072,0.03895,0.05671,-0.01311,0.02553,-0.01146,-0.03358,-0.00319,-0.02331,0.08262,-0.06644,0.03621,-0.0052,-0.08766,-0.01588,0.01678,-0.03847,-0.00738,0.11486,-0.05931,-0.08585,-0.02226,0.07425,0.09865,-0.06629,0.09222,-0.12198,0.0378,-0.05758,-0.01713,-0.01075,-0.01474,-0.06962,-0.07001,0.0083,-0.02779,-0.06854,-0.0178,-0.09079,-0.02269,-0.09061,-0.02732,0.03412,-0.06233,-0.04552,0.10944,0.00997,0.0022,0.03102,-0.00056,0.03043,-0.06103,0.0539,-0.03285,0.01204,0.07331,-0.02204,0.04042,0.04062,0.04208,-0.09684,0.00173,0.03798,0.10971,0.01081,-0.00657,-0.05755,-0.06218,0.00216,0.07886,0.02208,0.04778,0.05788,-0.00448,0.00161,-0.01652,0.00208,-0.0021,-0.01547,-0.01162,0.01498,0.00338,-0.02678,-0.0504,0.04468,0.00912,-0.11434,-0.01295,0.04624,-0.00985,0.07615,-0.04525,0.0062,0,-0.01949,0.0246,-0.0754,0.07899,0.00268,-0.00142,0.05768,0.10697,0.05711,-0.04674,-0.00594,0.00672,-0.01778,-0.02012,-0.05966,0.09044,-0.03452,-0.06404,-0.05919,-0.05207,0.02635,-0.02701,-0.01737,0.01852,-0.07992,0.02991,0.08115,0.02124,-0.06485,-0.03131,-0.04906,-0.04293,-0.01538,0.0251,0.03377,-0.02568,0.04076,-0.03815,-0.06027,-0.02232,-0.00041,0.06676,0.01473,0.03695,0.00185,0.06711,-0.04766,0.01293,-0.00714,0.03233,-0.02276,0.04282,0.01793,-0.05576,-0.04979,0.0936,0.05338,0.02955,-0.02697,0.02258,0.06078,-0.06151,-0.0197,0.05135,0.08224,0.0738,-0.00622,0.07122,0.06134,0.06607,0.14936,-0.02528,0.01001,0.01913,-0.07258,0.01991,0.11294,0.00966,0.069,0.05074,0.06032,0.05064,0.06534,0.05229,0.00713,0.07225,-0.09395,-0.04888,0.06624,0.06325,-0.03177,0.04558,0.01062,-0.04909,0.05173,0,-0.09946,0.01318,-0.03934,-0.02337,-0.02116,-0.00928,0.02212,-0.00285,-0.05145,-0.0698,-0.00079,0.03187,0.02004,0.00657,0.06835,-0.00946,0.06913,0.01926,-0.01648,-0.09022,-0.01311,0.02427,0.02179,0.04063,-0.04589,-0.0753,-0.08123,0.06498,0.06965,-0.05227,-0.05234,0.04219,0.03177,0.06615,-0.0953,0.00571,-0.0913,0.02343,-0.03988,0.00314,0.02431,-0.0391,-0.01468,-0.05432,-0.04467,0.06262,0.05164,-0.03095,-0.0265,0.02156,-0.03499,0.04063,0.01053,0.0193,0.04021,0.01493,-0.0253,0.03384,0.0408,0.01371,-0.13938,0.06488,-0.01866,0.03659],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Inputs - position: InputSignal<IPoint; Canvas position (pan). When it changes, the canvas is redrawn. - scale: InputSignal<number; Canvas scale (zoom). When it changes, the canvas is redrawn. - debounceTime: InputSignal<number; Debounce time (ms) for fCanvasChange. Values below 0 are normalized to 0. Input Signal I Point debounce Time f Canvas Change","excerpt":"Inputs - position: InputSignal<IPoint; Canvas position (pan). When it changes, the canvas is redrawn. - scale: InputSignal<number; Canvas scale (zoom). When it changes, the canvas is redrawn. - debounceTime: InputSignal<number; Debounce time (ms) for fCanvasChange. Values below 0 are normalized to 0."},{"chunkId":"/docs/f-canvas-component#4","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.02678,0.0047,-0.09006,-0.03632,0.05035,0.04791,0.05982,0.11287,0.05283,-0.01656,-0.00573,-0.07672,-0.06582,0.03675,-0.01885,-0.0982,-0.03714,0.04263,-0.03963,0.03379,-0.04417,-0.11928,-0.02011,-0.04854,-0.01317,0.00453,0.00225,-0.06065,0.00655,-0.04679,0.01101,0.11332,0.05152,0.01627,-0.0745,-0.03966,0.04031,-0.05805,-0.07814,-0.06685,-0.00945,0.00372,0.02462,-0.0579,0.02183,-0.02735,0.00813,-0.0088,-0.0545,0.10741,-0.01445,-0.01918,-0.05797,0.10811,0.08548,0.0375,0.07593,-0.01309,0.02391,0.04742,-0.03964,0.01973,-0.01776,0.06053,-0.00709,0.02694,-0.05665,-0.03633,-0.01822,-0.05548,-0.05296,-0.03605,0.12652,-0.08033,0.11582,-0.08927,-0.07368,0.04383,-0.02154,-0.07299,0.02799,0.03576,-0.02304,0.03806,0.03222,0.08718,-0.00641,-0.02451,-0.02505,0.08375,-0.06505,0.09187,-0.06363,0.0253,-0.02456,-0.08683,-0.0501,-0.03092,0.00074,0.00109,0.06396,-0.00281,0.10128,0.05958,-0.02203,-0.05924,-0.02623,0.00459,-0.0072,-0.01121,-0.00933,-0.0256,0.00603,-0.02466,0.00935,-0.00746,0.00515,-0.02312,0.03558,-0.01208,0.05917,0.0066,-0.06346,-0.03202,-0.00284,0.0013,0.01626,0,-0.02964,-0.0012,-0.0146,0.05406,0.05841,-0.00191,0.03589,-0.03809,-0.00615,-0.0195,-0.02213,0.12151,-0.07371,0.06117,-0.00005,-0.116,-0.05385,0.01179,-0.0042,-0.01539,0.08633,-0.04494,-0.06077,-0.01301,0.08118,0.09803,-0.05651,0.09587,-0.12267,0.04472,-0.06096,-0.01671,0.00877,-0.03454,-0.0791,-0.06936,-0.0419,-0.07762,-0.08591,0.01652,-0.07048,-0.03768,-0.10602,-0.03041,0.03341,-0.0293,-0.06515,0.09364,0.06269,-0.01189,0.0224,-0.01669,0.04291,-0.04547,0.07138,-0.009,-0.02018,0.06443,-0.00133,0.0392,0.031,0.04283,-0.10124,-0.01223,0.01925,0.09153,0.03383,-0.00951,-0.04746,-0.02772,-0.04108,0.08711,0.00683,0.04034,0.07645,0.00948,-0.02288,0.00625,-0.05013,-0.01447,-0.04371,-0.01059,0.02026,0.01056,0.00841,-0.0302,0.0343,-0.00287,-0.12907,-0.01146,0.04329,-0.0164,0.07672,-0.00947,-0.00702,0,-0.00145,0.00896,-0.0774,0.04352,0.01101,-0.02704,0.03269,0.0478,0.02816,-0.03878,-0.03453,-0.0163,-0.02051,-0.00298,-0.04183,0.05369,-0.00783,-0.08042,-0.07292,-0.03245,0.00217,-0.02799,0.0314,-0.01322,-0.06732,0.01064,0.08047,0.01205,-0.07438,-0.04762,-0.02873,-0.05455,0.00536,0.02359,0.05899,-0.04936,0.07154,-0.04102,-0.04739,-0.01811,0.00417,0.05934,0.01876,0.05306,-0.04285,0.096,-0.04795,0.00877,-0.00845,0.04835,-0.02326,0.03091,-0.01337,-0.06294,-0.04405,0.0706,0.05837,0.03664,-0.05783,0.01315,0.03189,-0.06825,-0.01832,0.03102,0.09546,0.06211,-0.02171,0.06285,0.04483,0.10184,0.14679,-0.05283,0.01005,0.0199,-0.05148,0.02964,0.11582,-0.02317,0.05809,0.07232,0.04667,0.01563,0.0746,0.0449,-0.00541,0.04206,-0.09262,-0.03959,0.07196,0.03813,-0.04451,0.0688,0.00792,-0.03866,0.03798,0,-0.10895,-0.00616,-0.04917,-0.03082,-0.03398,0.03186,0.01396,-0.02215,-0.04372,-0.05332,-0.014,0.0353,0.02161,0.00931,0.08868,-0.01734,0.06099,0.01615,-0.02284,-0.08392,-0.02071,0.05273,0.0262,0.04671,-0.03159,-0.06885,-0.07266,0.06285,0.08287,-0.04695,-0.04308,0.0349,0.02041,0.02376,-0.05531,0.06594,-0.07516,-0.00328,-0.02334,0.00993,0.0569,-0.05528,-0.02475,-0.04006,-0.02646,0.0551,0.03692,-0.03058,-0.04454,0.01037,-0.03971,0.01448,0.01345,0.06302,0.02622,0.02118,-0.01724,0.01125,0.07678,0.01029,-0.0963,0.09135,0.02892,0.05934],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Outputs - fCanvasChange: OutputEmitterRef<FCanvasChangeEvent; Emits when the canvas transform changes (position/scale). Useful for syncing external UI (toolbar, status). f Canvas Change Output Emitter Ref F Canvas Change Event","excerpt":"Outputs - fCanvasChange: OutputEmitterRef<FCanvasChangeEvent; Emits when the canvas transform changes (position/scale). Useful for syncing external UI (toolbar, status)."},{"chunkId":"/docs/f-canvas-component#5","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.00197,-0.03363,-0.05699,0.00545,0.05029,0.07257,0.09066,0.08456,0.03882,-0.02842,0.00632,-0.07603,-0.03289,-0.00189,-0.03545,-0.07915,-0.02838,0.02886,-0.0773,0.03045,-0.02185,-0.14193,0.0132,-0.02969,0.01067,-0.00985,-0.01225,-0.06861,-0.00064,-0.07822,-0.00693,0.10435,0.01108,0.02357,-0.06633,-0.00967,-0.01039,-0.06275,-0.11774,-0.04207,-0.00378,0.06319,0.04699,-0.06369,0.02664,-0.00869,-0.00037,0.0315,0.00816,0.06408,-0.01239,-0.02677,-0.02938,0.08183,0.0698,0.05831,0.07914,-0.04112,0.05559,-0.00576,0.01099,0.00568,0.00339,0.05073,-0.03834,-0.01373,0.00339,-0.08941,-0.01233,0.0075,-0.03583,-0.02104,0.12011,-0.0466,0.0355,-0.05895,-0.06137,0.05118,-0.01777,-0.05035,0.02926,0.03272,-0.01318,0.06699,0.05594,0.0338,-0.02062,-0.07653,0.00228,0.10253,-0.06961,0.10647,-0.06656,0.02013,0.02271,-0.09352,-0.04465,-0.05313,0.01077,0.02694,0.07421,0.00713,0.03146,0.0449,-0.01804,-0.04166,-0.02567,-0.02821,-0.04558,0.00699,-0.01239,-0.01223,0.01147,0.00664,-0.03968,0.03014,0.03954,0.00244,0.02701,-0.01016,0.05696,0.01711,-0.05356,-0.02607,0.04224,0.01389,-0.01609,0,-0.04583,-0.04116,-0.04844,0.05125,0.04813,0.03082,0.00213,0.05952,-0.05195,-0.0423,-0.00372,0.05875,-0.03042,0.01367,0.04239,-0.12165,0.01222,0.02261,-0.05523,-0.00887,0.06512,-0.06668,-0.08912,-0.03202,0.01342,0.07028,-0.08746,0.10786,-0.11088,0.02879,-0.09434,0.0081,0.00449,-0.00557,-0.06898,-0.05971,-0.00972,-0.04158,-0.03554,0.01418,-0.06703,0.00208,-0.09537,-0.04306,0.01478,-0.03704,-0.04609,0.09856,0.00603,-0.00162,0.05394,-0.02025,0.01172,-0.11834,0.07636,-0.01372,-0.0271,0.03458,-0.03479,0.03118,-0.01477,0.02618,-0.07108,0.02398,0.03503,0.08119,0.03723,-0.0145,-0.04956,-0.07405,-0.02392,0.06295,0.03961,0.03227,0.0686,-0.01526,-0.02137,-0.01138,-0.02482,-0.02739,-0.03908,-0.00089,0.02752,0.00241,-0.01893,-0.09512,0.04831,0.04249,-0.12874,-0.02503,0.05168,-0.04483,0.07851,-0.0162,-0.04593,0,-0.01132,0.05041,-0.03709,0.03089,0.00698,0.00469,0.04897,0.03557,0.01714,-0.06242,-0.05095,0.02158,-0.06027,-0.0136,-0.0221,0.05468,-0.00849,-0.02933,-0.13053,0.00014,0.01149,-0.0175,-0.00952,0.0079,-0.04643,0.01726,0.087,0.03612,-0.03577,-0.00802,-0.03586,-0.047,-0.06779,0.01432,0.09581,-0.04696,0.0257,-0.02323,-0.07872,-0.0048,0.03469,0.05278,-0.00089,0.00562,0.00786,0.0943,0.00724,0.09093,-0.04958,0.06903,-0.06766,0.01218,0.03804,-0.01733,-0.03829,0.08025,0.03941,-0.02005,-0.00417,-0.0225,0.0607,-0.09383,-0.04264,0.02356,0.06404,0.05024,-0.03366,0.09227,0.0305,0.07838,0.07143,-0.06623,0.0306,-0.03222,-0.05515,0.07068,0.13659,-0.03372,0.06798,0.01679,0.04172,0.02858,0.05901,0.00393,0.02461,0.1192,-0.08662,-0.01543,0.07033,0.04809,-0.07186,0.00336,0.04797,-0.05513,0.038,0,-0.14886,0.01931,-0.01252,0.01982,0.00406,-0.02247,0.01661,0.00993,-0.02489,-0.06563,-0.02531,0.07954,0.07761,0.00974,0.07231,-0.01645,0.06322,-0.00847,-0.03407,0.01322,-0.05959,-0.02553,0.0165,0.04409,-0.03266,-0.07016,-0.06606,0.08756,0.08862,-0.06332,-0.01827,0.004,0.0312,0.1172,-0.09727,0.01246,-0.06576,0.0089,0.00919,0.01553,0.04096,-0.0308,0.02658,-0.00785,-0.04411,0.0532,0.06068,-0.05619,-0.00411,0.03679,-0.07078,-0.00516,-0.0009,0.0383,0.02545,-0.01482,0.01001,0.02008,0.00951,0.05521,-0.12417,0.09449,-0.08028,0.03945],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Methods - redraw(): void; Triggers an immediate redraw. - getPosition(): IPoint; Returns current canvas position. - setPosition(position: IPoint): void; Sets canvas position. - getScale(): number; Returns current scale. - setScale(scale: number, toPosition: IPoint = { x: 0, y: 0 }): void; Sets scale. Optionally zooms around a point (useful for “zoom to cursor” UX). - resetScale(): void; Resets scale to 1. - resetScaleAndCenter(animated: boolean = true, emitCanvasChange: boolean = true): void; Resets scale to 1 and centers the viewport. Pass false as the second argument for a programmatic move that must not emit fCanvasChange. - fitToScreen(padding: IPoint = { x: 0, y: 0 }, animated: boolean = true, emitCanvasChange: boolean = true): void; Fits all nodes/groups into the viewport. Padding adds extra space around content; the third argument controls fCanvasChange emission. - centerGroupOrNode(groupOrNodeId: string, animated: boolean = true, emitCanvasChange: boolean = true): void; Centers the viewport on a group or node by id. The third argument controls fCanvasChange emission. get Position I Point set Position get Scale set Scale to Position reset Scale reset Scale And Center emit Canvas Change f Canvas Change fit To Screen center Group Or Node group Or Node Id","excerpt":"Methods - redraw(): void; Triggers an immediate redraw. - getPosition(): IPoint; Returns current canvas position. - setPosition(position: IPoint): void; Sets canvas position. - getScale(): number; Returns current scale. - setScale(scale: number, toPosition: IPoint = { x: 0, y: 0 }): void; Sets scale. Optionally zooms around a point (useful for “zoom to cursor” UX). - resetScale(): void; Resets scale to 1. - resetScaleAndCenter(animated: boolean = true, emitCanvasChange: boolean = true): void; Resets scale to 1 and centers the viewport. Pass false as the second argument for a programmatic move that must not emit fCanvasChange. - fitToScreen(padding: IPoint = { x: 0, y: 0 }, animated: boolean = true, emitCanvasChange: boolean = true): void; Fits all nodes/groups into the viewport. Padding adds extra space around content; the third argument controls fCanvasChange emission. - centerGroupOrNode(groupOrNodeId: string, animated: boolean = true, emitCanvasChange: boolean = true): void; Centers the viewport on a group or node by id. The third argument controls fCanvasChange emission."},{"chunkId":"/docs/f-canvas-component#6","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.01799,0.00331,-0.07352,-0.05268,0.0292,0.0587,0.07297,0.13127,0.02474,-0.00844,-0.01477,-0.06268,-0.06207,0.06027,-0.03113,-0.10767,-0.04303,0.04267,-0.02179,0.06457,-0.04135,-0.11959,-0.01645,-0.04422,-0.01527,0.02423,0.00605,-0.07014,0.00969,-0.05435,-0.01047,0.12514,0.03749,0.02669,-0.0518,-0.04083,0.00386,-0.04003,-0.08768,-0.07016,0.00367,0.02483,0.02974,-0.044,0.04798,-0.0145,0.00711,-0.0101,-0.02438,0.09769,-0.05165,-0.00711,-0.0326,0.09096,0.06539,0.00872,0.07292,-0.03133,0.0276,0.04168,-0.02176,0.00822,-0.00785,0.05731,-0.01141,0.01735,-0.06469,-0.03408,-0.00964,-0.0378,-0.07269,-0.02223,0.14382,-0.0703,0.12094,-0.07299,-0.07947,0.04559,-0.02113,-0.07474,0.02129,0.04495,-0.03119,0.02738,0.01228,0.08207,-0.03206,-0.02751,-0.01723,0.07088,-0.04299,0.08341,-0.06853,0.00289,-0.00111,-0.11349,-0.05648,-0.05103,-0.0078,-0.01846,0.07348,-0.02409,0.09276,0.06369,-0.028,-0.05746,-0.01366,-0.03179,-0.01047,-0.00875,-0.02648,-0.02366,0.00994,-0.04552,-0.00931,-0.00988,-0.01543,-0.03812,0.0674,-0.03077,0.04002,-0.02298,-0.03064,-0.01117,-0.0143,-0.01613,0.01662,0,-0.05586,0.01974,-0.01862,0.06348,0.05465,-0.01098,0.05238,-0.01886,-0.01351,-0.00525,-0.03696,0.08083,-0.07656,0.07079,0.00178,-0.11943,-0.05878,0.01805,-0.02576,-0.01291,0.10883,-0.04239,-0.05748,-0.03395,0.07585,0.09858,-0.06593,0.0903,-0.1009,0.0627,-0.05295,-0.02322,0.00465,-0.03046,-0.06086,-0.06941,-0.02642,-0.06498,-0.06056,0.0052,-0.0715,-0.03124,-0.07529,-0.02822,0.02909,-0.01863,-0.04882,0.09598,0.03022,0.00571,0.03956,-0.02021,0.02082,-0.0672,0.06581,-0.01899,-0.02069,0.0756,0.00325,0.05595,0.01761,0.06552,-0.10112,-0.00566,0.0258,0.08173,0.03532,-0.02818,-0.04617,-0.02378,-0.03577,0.08561,-0.00898,0.03974,0.07433,0.00167,-0.01682,0.01819,-0.01641,-0.03559,-0.07659,-0.00187,0.03265,0.01069,-0.02603,-0.03535,0.06141,-0.00317,-0.11735,-0.02108,0.0565,-0.01459,0.06897,-0.00439,0.02318,0,-0.01563,0.00167,-0.06814,0.05028,-0.00327,-0.0419,0.05133,0.05644,0.04603,-0.04271,-0.04427,0.00205,-0.01153,0.00096,-0.02393,0.05206,-0.00322,-0.07616,-0.06912,-0.03082,0.00326,-0.02466,0.01042,-0.02037,-0.08245,0.02254,0.08694,0.02678,-0.05383,-0.01952,-0.03138,-0.05386,0.00231,0.01301,0.03937,-0.03931,0.05164,-0.01424,-0.06401,-0.03361,-0.00185,0.04215,0.01592,0.03921,-0.03984,0.08052,-0.043,0.04093,0.0106,0.04891,-0.05428,0.02043,0.01495,-0.06609,-0.0278,0.08664,0.06675,0.01626,-0.05658,-0.00034,0.03641,-0.06876,-0.01186,0.01303,0.10304,0.05219,-0.02347,0.03779,0.02704,0.09127,0.13049,-0.03536,0.0082,0.02463,-0.04177,0.04868,0.13527,0.02471,0.07771,0.06425,0.04541,0.0459,0.06367,0.05962,0.02629,0.06417,-0.07946,-0.06495,0.05111,0.05312,-0.04268,0.0569,0.03554,-0.03652,0.02289,0,-0.12526,0.00025,-0.03248,-0.03315,-0.0334,0.0291,0.00957,-0.00816,-0.0335,-0.05697,-0.02334,0.04743,0.02593,0.01505,0.07967,-0.02192,0.05372,0.01705,-0.02838,-0.0659,-0.01681,0.02302,0.04084,0.03669,-0.02955,-0.04456,-0.07275,0.03857,0.10754,-0.0407,-0.03909,0.01673,0.01843,0.06684,-0.06147,0.07389,-0.089,0.00621,-0.03628,0.00508,0.04361,-0.0479,0.00001,-0.04385,-0.01375,0.08958,0.02295,-0.02226,-0.05134,0.00264,-0.077,0.03229,-0.00654,0.08314,0.04784,0.02849,-0.00136,-0.00026,0.06933,0.00671,-0.10604,0.09505,-0.01454,0.0811],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Types IPoint FCanvasChangeEvent ITransformModel I Point F Canvas Change Event I Transform Model","excerpt":"Types IPoint FCanvasChangeEvent ITransformModel"},{"chunkId":"/docs/f-canvas-component#7","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.02467,0.0122,-0.07955,-0.01919,0.04065,0.04929,0.0736,0.1154,0.02732,-0.01582,-0.00387,-0.04395,-0.06907,0.06231,-0.01149,-0.09654,-0.04801,0.03178,-0.00916,0.09176,-0.04645,-0.13237,-0.01425,-0.06417,-0.00643,0.02334,0.01483,-0.04458,0.0291,-0.05713,-0.00332,0.13293,0.00935,0.02234,-0.07309,-0.0404,0.02862,-0.01913,-0.11102,-0.05884,-0.00123,0.02319,0.03659,-0.03611,0.00483,-0.04181,0.00233,-0.02337,-0.02494,0.10547,-0.0411,-0.04092,-0.05266,0.12836,0.06036,0.01647,0.06946,-0.01666,0.01507,0.05204,-0.03796,0.00561,-0.00709,0.04401,-0.01476,0.00158,-0.06119,-0.0245,-0.01095,-0.04668,-0.04365,-0.03766,0.12758,-0.0625,0.11012,-0.06598,-0.06214,0.07772,-0.02548,-0.03991,0.0348,0.02874,-0.0297,0.03486,-0.00317,0.10734,-0.01626,-0.06056,-0.04218,0.06255,-0.0571,0.09202,-0.05168,0.0139,-0.00975,-0.08887,-0.07012,-0.01236,-0.01528,-0.0085,0.04908,-0.01693,0.0951,0.05901,-0.02043,-0.04318,-0.01484,-0.00344,-0.02411,-0.03037,-0.0275,-0.02151,-0.00018,-0.04838,-0.00356,-0.01325,-0.02723,-0.06269,0.06822,0.00626,0.04556,0.02192,-0.02103,-0.03268,0.01214,-0.00722,-0.01554,0,-0.01281,0.02812,-0.02956,0.0732,0.06762,-0.02126,0.05351,-0.02751,-0.0208,0.00366,-0.04621,0.06493,-0.09242,0.05734,-0.01051,-0.10456,-0.03818,0.01174,-0.00598,-0.02802,0.09346,-0.07045,-0.04752,-0.03112,0.10272,0.09367,-0.06126,0.08686,-0.10435,0.05255,-0.05021,-0.019,0.00802,-0.0066,-0.06253,-0.04983,-0.04374,-0.0556,-0.06335,-0.00378,-0.08747,-0.02715,-0.07074,-0.0044,0.02185,-0.04541,-0.0519,0.08916,0.05037,0.00925,0.03053,-0.02238,0.05886,-0.02627,0.07911,-0.0473,-0.01691,0.09659,-0.01496,0.05234,0.0145,0.0602,-0.14019,-0.00109,0.03613,0.09705,0.01913,0.01616,-0.04094,-0.04559,-0.0344,0.06594,0.01211,0.03218,0.09548,-0.01263,-0.00908,-0.01657,-0.00155,-0.00998,-0.07352,-0.02137,0.00837,0.01576,-0.04991,-0.03321,0.06625,0.01067,-0.0894,-0.04589,0.04094,0.00388,0.05545,-0.0038,-0.00652,0,-0.01979,0.02311,-0.05863,0.06427,0.02364,-0.01877,0.07141,0.0303,0.03756,-0.03313,-0.02767,0.01927,-0.00077,-0.00204,-0.01821,0.06668,-0.03822,-0.10748,-0.0308,-0.05253,-0.00389,-0.01406,0.01011,-0.01674,-0.09418,-0.00023,0.07399,0.01625,-0.04081,0.00186,0.00379,-0.06957,0.0103,0.01028,0.03828,-0.05254,0.0493,0.0096,-0.03399,-0.05,-0.02522,0.01564,0.01123,0.0475,-0.04352,0.06912,-0.04395,0.00294,0.01434,0.04311,-0.05436,0.00394,-0.01305,-0.07595,-0.02199,0.05869,0.05592,0.03922,-0.04687,-0.00001,0.07433,-0.04731,-0.04466,0.01265,0.09267,0.04167,-0.04265,0.06279,0.03241,0.09285,0.09925,0.00082,0.01971,0.02339,-0.02252,0.00719,0.15617,0.0505,0.109,0.07697,0.04135,0.05718,0.04264,0.04177,0.01949,0.03658,-0.07328,-0.03256,0.0673,0.03278,-0.02528,0.0452,0.02262,-0.03975,0.02741,0,-0.09153,0.00403,-0.03905,-0.05273,-0.03202,0.03852,0.02202,0.00847,-0.02563,-0.0224,-0.00687,0.0663,0.0289,0.01403,0.07265,-0.02078,0.02711,0.03737,-0.02888,-0.08296,-0.02042,0.03235,0.02888,0.06747,-0.03178,-0.05425,-0.07785,0.02496,0.0929,-0.03692,-0.07954,0.03025,0.01315,0.03097,-0.05252,0.07611,-0.1096,0.01293,-0.05231,0.01528,0.05906,-0.05876,-0.0036,-0.06307,-0.00062,0.07221,0.01182,-0.0145,-0.06868,0.02239,-0.05579,0.03219,-0.01835,0.05719,0.03824,0.03154,-0.03687,0.01773,0.07826,-0.03238,-0.10641,0.10519,0.00333,0.0699],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Styling - .f-component Base class for flow primitives. - .f-canvas Host class for the canvas layer. - .f-connections-container Connection layer container. - .f-canvas-dragging Temporary host class used during drag transitions. - .canvas-dragging Deprecated compatibility alias for .f-canvas-dragging.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-canvas Host class for the canvas layer. - .f-connections-container Connection layer container. - .f-canvas-dragging Temporary host class used during drag transitions. - .canvas-dragging Deprecated compatibility alias for .f-canvas-dragging."},{"chunkId":"/docs/f-canvas-component#8","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.02905,-0.00478,-0.06992,-0.03846,0.01296,0.02945,0.03041,0.09995,0.015,-0.02719,-0.02764,-0.04295,-0.07353,0.02022,0.00516,-0.08819,-0.0019,0.05635,-0.0239,0.04878,-0.08836,-0.14632,-0.02985,-0.05083,-0.02258,0.02899,-0.00723,-0.05258,0.0139,-0.04669,0.01601,0.12795,-0.00525,0.02719,-0.06871,-0.03543,0.01791,-0.04271,-0.102,-0.0497,0.01205,0.04097,0.01836,-0.03859,0.02139,-0.05272,-0.00607,0.0094,-0.04211,0.08963,-0.01164,-0.01172,-0.04018,0.10941,0.05668,0.0317,0.07946,-0.00094,0.00551,0.08772,-0.01305,-0.01864,-0.01697,0.0508,0.00402,0.03474,-0.03705,-0.05541,-0.01334,-0.00808,-0.03865,-0.01724,0.12091,-0.09182,0.10967,-0.06257,-0.06281,0.03672,-0.0103,-0.04738,0.0483,0.04278,-0.01112,0.00489,0.00874,0.08019,-0.0307,-0.05738,-0.0465,0.08463,-0.06327,0.10184,-0.04937,0.01739,-0.01154,-0.07551,-0.06194,-0.03842,-0.02316,0.00852,0.05586,-0.02445,0.08669,0.0818,-0.03545,-0.04892,-0.01402,0.04406,-0.04824,0.00788,-0.03041,0.01211,0.03177,-0.02081,-0.02223,-0.01629,0.01281,-0.03969,0.03699,0.00198,0.02347,0.01766,-0.02183,-0.02598,0.02213,0.00315,-0.0128,0,-0.06362,0.02228,-0.00418,0.02354,0.05576,0.016,0.04933,-0.02687,-0.00319,-0.00997,-0.03416,0.07078,-0.07677,0.03574,0.00274,-0.11218,-0.03629,0.02716,-0.01633,-0.00874,0.13128,-0.10686,-0.05888,-0.0323,0.06819,0.074,-0.06931,0.11174,-0.09128,0.06242,-0.07287,-0.02678,0.00477,-0.04926,-0.06479,-0.06454,-0.03129,-0.05354,-0.0728,-0.00991,-0.08373,0.0016,-0.06991,-0.03208,0.03028,-0.0467,-0.04933,0.08525,-0.0021,0.00859,0.04296,-0.01801,-0.00618,-0.06295,0.06629,-0.01794,-0.01631,0.05549,-0.01439,0.07288,0.03794,0.02607,-0.12085,-0.02404,0.03207,0.08482,0.04377,0.00333,-0.08603,-0.04038,-0.03391,0.11454,0.01312,0.02807,0.06806,0.01136,-0.00351,0.01962,-0.01998,-0.00265,-0.03089,-0.02574,0.01994,0.03832,0.0234,-0.03611,0.02887,-0.01286,-0.10474,0.01437,0.07962,-0.01736,0.0921,-0.01683,0.00562,0,-0.02235,0.01325,-0.04712,0.04284,0.02929,-0.0293,0.02947,0.06337,0.05418,-0.04891,-0.04022,0.01936,-0.02168,-0.02945,-0.03114,0.04032,-0.01405,-0.11404,-0.05272,-0.03408,0.00913,-0.03129,-0.01131,-0.03188,-0.04154,-0.00039,0.0357,0.02467,-0.03396,-0.00365,-0.00456,-0.04409,0.00765,-0.01313,0.0714,-0.02336,0.04458,-0.00497,-0.04479,-0.0476,-0.00641,0.07609,-0.03315,0.03367,-0.02208,0.09408,-0.05874,-0.01371,-0.03052,0.06715,-0.06197,0.02954,-0.00091,-0.05548,-0.04871,0.06766,0.06859,0.04696,-0.06405,-0.00722,0.06017,-0.06359,-0.01878,0.00762,0.10675,0.04551,-0.02201,0.06307,0.05157,0.1096,0.14078,-0.03442,-0.01241,0.03868,-0.01773,0.03295,0.13044,0.00686,0.08112,0.09598,0.02141,0.08154,0.04283,0.06071,0.04908,0.03705,-0.07791,-0.0537,0.07175,0.04603,-0.04497,0.03855,0.01201,-0.03388,0.03401,0,-0.12037,-0.0023,-0.06779,-0.00706,-0.02714,0.00239,0.00214,-0.00609,-0.02826,-0.04104,-0.01827,0.06306,0.03012,-0.00167,0.07304,-0.02129,0.06738,0.01021,-0.03335,-0.06265,-0.06095,0.05896,0.01414,0.07756,-0.02956,-0.04756,-0.03252,0.04085,0.10371,-0.0225,-0.05958,0.01322,0.01737,0.07855,-0.09085,0.02398,-0.09837,0.0437,-0.05219,0.02479,0.05745,-0.02754,0.01123,-0.04234,-0.02418,0.07061,0.02553,-0.00887,-0.04329,0.02301,-0.05002,0.05105,-0.01658,0.05976,0.03068,0.00936,-0.01788,-0.00964,0.06361,0.00482,-0.12625,0.07043,0.00925,0.05521],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Notes / Pitfalls - f-canvas depends on a parent f-flow; using it alone is not supported. - High-frequency transform updates can flood consumers if debounceTime is 0; use debouncing when syncing external UI. - Prefer fitToScreen or resetScaleAndCenter after fFullRendered so nodes and connection geometry are already stable. debounce Time fit To Screen reset Scale And Center f Full Rendered","excerpt":"Notes / Pitfalls - f-canvas depends on a parent f-flow; using it alone is not supported. - High-frequency transform updates can flood consumers if debounceTime is 0; use debouncing when syncing external UI. - Prefer fitToScreen or resetScaleAndCenter after fFullRendered so nodes and connection geometry are already stable."},{"chunkId":"/docs/f-canvas-component#9","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[0.02185,-0.02184,-0.03052,0.04613,0.06604,0.07886,0.00482,0.05844,0.041,-0.0094,-0.02555,-0.05485,-0.06394,0.00118,-0.05075,-0.08708,0.00634,-0.00677,-0.04594,0.02233,-0.07811,-0.1379,0.03099,-0.0004,0.01251,0.01386,0.01622,-0.04557,0.02371,-0.02306,-0.00163,0.1015,0.02221,0.00969,-0.03349,-0.02045,-0.00568,-0.02063,-0.0864,-0.04001,-0.02486,0.00662,-0.02674,-0.06534,-0.01251,-0.03637,0.0475,-0.03297,-0.06175,0.0625,0.00189,0.03648,-0.04579,0.07133,0.04416,0.00624,0.0614,0.04124,0.01464,0.01693,-0.0391,-0.0343,-0.00465,0.04299,-0.03669,0.06546,0.02437,-0.11463,0.03725,-0.0173,-0.0186,0.00752,0.1198,-0.10299,0.06567,-0.08464,-0.0512,0.03374,-0.03698,-0.08146,0.07857,-0.01207,-0.02994,0.03411,0.01643,0.05217,-0.02867,-0.04877,-0.00936,0.1128,-0.08857,0.04951,-0.02188,0.00428,-0.03415,-0.07427,-0.04418,0.00181,-0.00442,-0.0184,0.06786,0.02176,0.05917,0.07622,0.00018,-0.05512,0.01052,-0.04411,-0.08487,0.03917,0.03328,0.02457,0.0306,0.02177,-0.01118,0.03681,0.0546,-0.01686,-0.03776,0.03416,0.04142,0.0277,0.043,-0.0251,-0.00101,-0.0137,0.01795,0,-0.00627,-0.00055,-0.03887,0.01062,0.04701,0.02251,0.07201,0.01131,0.01563,-0.04978,0.03727,0.12224,-0.02194,0.05143,0.02883,-0.08378,-0.05542,0.02363,-0.02998,-0.03358,0.03448,-0.03324,-0.0841,-0.04152,0.03458,0.06186,-0.06366,0.12684,-0.08217,0.02329,-0.08749,0.00702,0.0159,-0.03667,-0.0564,-0.02491,-0.00444,-0.06826,-0.03893,0.00009,-0.10472,-0.01159,-0.10688,-0.07313,0.02196,-0.07628,-0.04695,0.11418,0.0073,-0.01769,0.04331,0.01971,0.01827,-0.07134,0.02568,0.00836,-0.0207,-0.01955,-0.01473,0.0228,0.04865,-0.00528,-0.08089,0.05198,0.0023,0.1125,0.04636,0.00124,-0.07486,-0.05395,-0.03076,0.09347,0.00339,0.04453,0.12919,0.0277,-0.00429,-0.00459,-0.04738,-0.00594,0.01561,-0.02041,0.01484,0.01936,0.0246,-0.07426,0.04001,0.05264,-0.13058,0.00081,0.06578,-0.07325,0.10609,0.02056,0.00211,0,0.03174,0.04003,-0.06922,0.00121,-0.0116,-0.03771,-0.00934,0.06794,0.05386,-0.11567,-0.00861,-0.04958,-0.04698,0.01347,-0.11178,0.06878,0.01053,-0.0555,-0.05324,-0.0321,0.02126,-0.02787,-0.02048,0.02337,-0.07933,0.00721,0.04949,0.05118,-0.05497,-0.03559,0.01741,-0.01882,-0.02331,-0.0189,0.0503,-0.01375,0.00396,-0.00415,-0.07153,0.02422,0.03532,0.09089,-0.01791,0.06252,-0.02034,0.09132,-0.07135,-0.01983,-0.02503,0.04226,-0.07763,0.02241,-0.00631,-0.05753,-0.0213,0.04681,0.04329,0.04646,-0.05472,0.00095,0.06075,-0.03889,-0.04406,0.00267,0.05656,0.0903,-0.03019,0.08014,0.0985,0.05574,0.11837,-0.09467,-0.04045,0.00899,-0.03721,0.04951,0.10576,-0.02562,0.07707,0.04987,0.05354,0.00193,0.04824,-0.02428,-0.02939,0.06983,-0.10532,-0.05476,0.03509,0.04436,-0.05761,0.04545,0.07577,-0.04667,0.02187,0,-0.12916,0.00209,-0.03127,0.02615,0.01638,-0.02852,0.02676,0.00416,-0.0566,-0.09613,-0.04618,0.04188,0.02399,0.003,0.05008,0.00039,0.08825,-0.02836,-0.01631,-0.05763,-0.06162,0.02582,0.00518,0.0152,-0.02258,-0.03641,-0.00313,0.02777,0.09212,0.00764,-0.03266,0.02776,0.03371,0.05738,-0.157,0.01506,0.0236,-0.02068,0.0214,0.01975,0.06721,-0.01991,-0.00944,-0.05281,-0.08519,0.01785,0.05352,-0.01947,-0.0097,0.01012,-0.05773,0.02602,0.00498,0.0776,0.04345,-0.00509,0.00646,0.05782,0.06832,0.01029,-0.10436,0.02728,-0.02155,0.06561],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Programmatic viewport changes resetScaleAndCenter, fitToScreen, and centerGroupOrNode redraw the viewport and emit fCanvasChange by default. Keep that default for commands that should behave like a visible editor action and be observed by external state. For initialization or another application-driven view adjustment that must not enter managed history, pass false as emitCanvasChange: Suppressing fCanvasChange does not skip rendering: the canvas transform, background, minimap and viewport still update. It only prevents the public change event, so listeners such as FFlowState do not record that programmatic move. reset Scale And Center fit To Screen center Group Or Node f Canvas Change emit Canvas Change F Flow State","excerpt":"Programmatic viewport changes resetScaleAndCenter, fitToScreen, and centerGroupOrNode redraw the viewport and emit fCanvasChange by default. Keep that default for commands that should behave like a visible editor action and be observed by external state. For initialization or another application-driven view adjustment that must not enter managed history, pass false as emitCanvasChange: Suppressing fCanvasChange does not skip rendering: the canvas transform, background, minimap and viewport still update. It only prevents the public change event, so listeners such as FFlowState do not record that programmatic move."},{"chunkId":"/docs/f-canvas-component#10","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.01057,0.00578,-0.07719,-0.03469,0.0431,0.04447,0.06649,0.11398,0.01842,-0.01073,-0.02693,-0.06187,-0.06194,0.06236,-0.01492,-0.09719,-0.01962,0.04468,-0.01931,0.07581,-0.05949,-0.14194,0.00641,-0.0573,-0.013,0.02573,0.01201,-0.06054,0.01402,-0.05147,0.00049,0.13092,0.04312,0.02151,-0.05681,-0.03531,0.00359,-0.04526,-0.1094,-0.07619,-0.00156,0.0427,0.02561,-0.03088,0.0452,-0.04426,0.00283,-0.0251,-0.02634,0.09248,-0.06033,-0.03754,-0.03791,0.09828,0.0674,0.03205,0.06279,-0.04521,0.0399,0.04204,-0.02082,-0.00522,-0.01066,0.06361,-0.00312,0.01489,-0.0612,-0.02918,-0.01542,-0.03464,-0.06457,-0.02392,0.14164,-0.07813,0.11503,-0.06465,-0.08704,0.02414,-0.02675,-0.0629,0.01308,0.02952,-0.03757,0.05436,0.00932,0.08659,-0.00759,-0.03561,-0.02093,0.05714,-0.05403,0.0855,-0.05044,0.01622,-0.01683,-0.10783,-0.06213,-0.04292,-0.02152,-0.01631,0.07361,-0.01178,0.11463,0.06425,-0.02666,-0.04829,-0.01122,-0.00436,-0.01601,-0.01215,-0.02431,-0.02377,0.01112,-0.02714,0.00834,-0.00692,0.0072,-0.04792,0.06349,-0.01235,0.05684,-0.00665,-0.0227,-0.03668,-0.00113,-0.0034,0.01174,0,-0.03775,0.01396,-0.02013,0.06796,0.07206,-0.0138,0.04694,-0.01676,-0.00823,0.00746,-0.03554,0.08786,-0.07354,0.06515,0.00488,-0.09976,-0.06426,0.02994,-0.03254,-0.00532,0.09331,-0.07034,-0.0487,-0.02279,0.08548,0.09935,-0.06271,0.08255,-0.10908,0.0522,-0.05425,-0.00579,0.00296,-0.00912,-0.08135,-0.05545,-0.03526,-0.06297,-0.06093,0.01696,-0.09045,-0.02817,-0.0621,-0.03221,0.01397,-0.05446,-0.05176,0.11565,0.02995,0.02476,0.0343,-0.01726,0.03588,-0.05991,0.05581,-0.03426,-0.02714,0.05886,0.01507,0.05496,0.0293,0.05276,-0.10495,0.00084,0.0084,0.10004,0.02308,-0.00327,-0.04282,-0.0462,-0.03474,0.0695,0.0106,0.02724,0.0911,-0.01323,-0.01321,0.00408,-0.02253,-0.02654,-0.06291,-0.02385,0.02664,0.02747,-0.02254,-0.03266,0.0537,-0.01284,-0.12667,-0.03081,0.04088,-0.02533,0.06712,-0.02307,-0.00041,0,0.00506,-0.00004,-0.07953,0.05002,0.01723,-0.03791,0.04816,0.03716,0.04097,-0.05721,-0.0398,0.02119,-0.00842,0.00117,-0.01963,0.06086,-0.00384,-0.08277,-0.0424,-0.04319,0.00923,-0.02596,0.00344,-0.02198,-0.08245,0.02576,0.08745,0.00248,-0.05349,-0.02277,-0.02295,-0.05368,0.01796,0.01986,0.05021,-0.02561,0.05104,-0.0105,-0.0602,-0.04133,0.0085,0.03566,0.0017,0.05124,-0.04406,0.07329,-0.03582,0.02442,-0.01517,0.04902,-0.0578,0.02164,0.00891,-0.08219,-0.04545,0.07946,0.04809,0.01832,-0.05302,-0.00338,0.04619,-0.0453,-0.02841,0.03117,0.08968,0.06314,-0.03932,0.07104,0.02496,0.07632,0.11788,-0.01843,0.023,0.03104,-0.0338,0.05038,0.12458,0.01675,0.08895,0.07348,0.03015,0.03716,0.05889,0.04476,0.02777,0.05331,-0.10673,-0.0554,0.06173,0.04647,-0.03923,0.05659,0.02913,-0.02769,0.04154,0,-0.10721,0.01215,-0.0407,-0.03947,-0.0257,0.02892,0.01653,0.00566,-0.04019,-0.04221,0.00545,0.04665,0.02296,0.02335,0.09104,0.00283,0.05411,0.03459,-0.04471,-0.07081,-0.01683,0.03369,0.0448,0.06096,-0.03211,-0.03747,-0.0812,0.0449,0.09886,-0.04143,-0.03148,0.02772,0.01462,0.05968,-0.05652,0.06203,-0.09055,0.01108,-0.04466,0.00196,0.02777,-0.05702,-0.01076,-0.04547,-0.01016,0.08484,0.00713,-0.02898,-0.05217,0.01929,-0.07573,0.0379,-0.00506,0.07224,0.0436,0.02689,0.00098,-0.00352,0.06221,0.00699,-0.09914,0.09458,-0.01887,0.07921],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Common tasks","excerpt":"Common tasks"},{"chunkId":"/docs/f-canvas-component#11","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.01185,-0.0104,-0.06788,0.00489,0.02329,0.06424,0.0263,0.10527,0.02918,-0.02707,-0.04168,-0.06304,-0.08595,0.0483,-0.02061,-0.08453,-0.00712,0.0269,-0.01336,0.05331,-0.0532,-0.13179,0.00787,-0.05668,-0.01518,0.03544,-0.00515,-0.04066,0.031,-0.03464,0.02805,0.14073,0.02707,0.03035,-0.04647,-0.03206,0.02361,-0.03475,-0.11036,-0.02962,0.02735,0.02931,0.00926,-0.03995,0.0187,-0.04344,0.02343,-0.02549,-0.02029,0.08301,-0.04609,0.00069,-0.03428,0.10847,0.04689,0.02793,0.04741,-0.03175,0.03144,0.03268,-0.04211,-0.00465,0.00368,0.0459,0.00328,0.02694,-0.06014,-0.04528,-0.01706,-0.01446,-0.05164,-0.01158,0.11721,-0.09027,0.10399,-0.04502,-0.06268,0.02663,-0.02489,-0.06588,0.03677,0.04392,-0.0161,0.038,-0.01308,0.10458,-0.01334,-0.07058,-0.04734,0.07398,-0.07627,0.0843,-0.09605,0.02579,-0.04967,-0.08402,-0.04874,-0.04054,-0.02271,-0.0167,0.06713,-0.03058,0.10345,0.06234,-0.03394,-0.05706,-0.03619,0.04695,-0.02599,-0.01547,0.00791,0.00962,0.00766,-0.02386,-0.00539,-0.00422,0.01386,-0.05431,0.05883,0.01528,0.03142,0.00551,-0.01198,-0.00668,0.03079,-0.01977,0.01494,0,-0.03911,0.01307,-0.01855,0.04526,0.05301,-0.00971,0.05063,-0.02001,-0.03248,-0.02062,-0.01519,0.07793,-0.07078,0.03239,-0.03399,-0.10812,-0.07534,0.02369,-0.04768,-0.00225,0.09057,-0.06568,-0.03423,-0.02656,0.06484,0.0746,-0.08678,0.08944,-0.11197,0.05253,-0.04655,-0.00836,0.02496,-0.0326,-0.07432,-0.04434,-0.0164,-0.04333,-0.08102,0.00869,-0.09945,-0.00686,-0.06191,-0.02782,0.00429,-0.05533,-0.06082,0.10302,0.02063,0.0224,0.02994,-0.02799,0.04071,-0.04241,0.05809,-0.03258,-0.03996,0.06613,0.00892,0.04156,0.05041,0.03427,-0.13892,0.00439,0.01442,0.09816,0.05474,0.00012,-0.06425,-0.0248,-0.04238,0.09835,0.05351,0.03852,0.09217,0.0092,-0.04193,0.00142,-0.01987,0.01769,-0.04061,-0.02273,0.0252,0.03415,-0.00031,-0.04259,0.04352,-0.00945,-0.12058,-0.03873,0.06431,-0.03299,0.08835,-0.04471,0.00561,0,0.01875,-0.0014,-0.07092,0.05826,0.02887,-0.03822,0.03021,0.05135,0.05196,-0.04731,-0.01561,0.02199,-0.02445,-0.01781,-0.06461,0.0408,-0.00297,-0.093,-0.02347,-0.04699,0.01624,-0.04798,0.00917,-0.02247,-0.07874,0.02374,0.09092,0.01947,-0.06736,-0.00837,0.00633,-0.04912,0.00314,-0.01652,0.03515,-0.01478,0.03526,-0.00919,-0.04725,-0.02687,0.00435,0.03359,-0.02931,0.0286,-0.06344,0.05742,-0.03717,-0.02433,0.01215,0.04988,-0.06404,0.03525,0.00098,-0.04866,-0.04869,0.04844,0.03655,0.04129,-0.04624,0.00107,0.04745,-0.05436,-0.01941,0.02346,0.10918,0.05709,-0.04351,0.06598,0.06813,0.10577,0.12769,-0.02485,0.00324,0.06505,-0.00503,0.04636,0.13327,0.02684,0.11099,0.10589,0.04286,0.05276,0.02461,0.0589,0.06022,0.04486,-0.09437,-0.01838,0.03596,0.04677,-0.02432,0.04155,0.04088,-0.04341,0.0189,0,-0.12717,-0.023,-0.07041,-0.02155,-0.01908,0.01739,0.02089,-0.00348,-0.05895,-0.04576,0.00297,0.06626,0.04921,0.00356,0.09649,-0.01578,0.06313,-0.00599,-0.04576,-0.07303,-0.03789,0.04158,0.01805,0.05336,-0.02041,-0.03013,-0.05866,0.03454,0.08851,-0.01401,-0.04846,0.00883,-0.00917,0.05757,-0.07632,0.0435,-0.07616,0.0101,-0.06271,0.008,0.03702,-0.03146,0.02298,-0.04554,0.01156,0.09655,0.01745,0.00389,-0.04506,0.01697,-0.04172,0.03354,-0.02898,0.06736,0.03099,-0.01545,-0.01186,0.02336,0.06034,-0.01115,-0.11261,0.09152,0.01223,0.08073],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Fit content after the first render Call viewport helpers after fFullRendered, when nodes and connections are already fully rendered. f Full Rendered","excerpt":"Fit content after the first render Call viewport helpers after fFullRendered, when nodes and connections are already fully rendered."},{"chunkId":"/docs/f-canvas-component#12","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.02978,-0.00955,-0.12219,-0.0241,0.04999,0.06845,0.09027,0.13655,0.0248,0.01036,-0.03221,-0.03295,-0.06151,0.07582,0.00214,-0.08746,-0.0629,0.03349,0.02417,0.04488,-0.05119,-0.12269,0.0208,-0.05115,-0.0372,0.04813,0.01164,-0.04944,-0.00132,-0.04403,0.0172,0.11785,0.0621,0.02165,-0.05662,-0.03513,-0.01522,-0.03891,-0.09952,-0.04584,0.01432,0.04725,0.01936,-0.05819,0.0204,-0.03167,0.01221,0.01047,0.00392,0.09223,-0.05331,-0.04935,-0.02927,0.08706,0.03951,0.04694,0.04148,-0.03427,0.06236,0.01356,-0.00022,-0.01682,0.02129,0.077,0.01086,-0.0127,-0.06805,-0.00334,-0.0288,-0.05207,-0.02797,-0.02606,0.13442,-0.09221,0.1341,-0.06641,-0.07858,0.04679,-0.04878,-0.04666,0.01085,0.03811,0.00953,0.04588,-0.00043,0.10294,-0.02481,-0.03994,-0.02835,0.06112,-0.06489,0.08934,-0.08418,0.014,0.00083,-0.08187,-0.06364,-0.02965,-0.06383,-0.01852,0.08294,-0.01335,0.08005,0.0251,0.00744,-0.05482,-0.02854,-0.0167,-0.03649,-0.02565,-0.03904,0.00416,-0.01214,-0.02552,-0.01676,-0.04587,0.01682,-0.04549,0.07259,-0.03839,0.06904,0.00178,-0.04361,-0.05204,0.03667,0.01599,0.00573,0,-0.05744,0.00755,-0.01179,0.05089,0.05467,-0.00924,0.04599,0.00521,-0.01602,-0.02893,-0.01078,0.06279,-0.06007,0.05107,0.00415,-0.09738,-0.07645,0.02213,-0.03295,-0.02286,0.08217,-0.06339,-0.05449,-0.0324,0.05644,0.09815,-0.0948,0.07005,-0.13057,0.05595,-0.07282,-0.00091,0.01601,-0.01043,-0.0655,-0.02202,-0.03765,-0.05707,-0.07014,-0.00166,-0.08273,-0.02371,-0.06144,-0.02306,0.01821,-0.03044,-0.05604,0.08715,0.05418,0.00981,0.01262,-0.02014,0.03723,-0.05784,0.06283,-0.02085,-0.015,0.05648,-0.00263,0.03971,0.03513,0.05134,-0.10865,-0.02385,0.02463,0.07899,0.03043,-0.00953,-0.02083,-0.02663,-0.0177,0.09039,0.03537,0.0538,0.07865,0.0052,-0.01333,-0.00522,-0.00933,-0.039,-0.03621,-0.05582,0.02816,0.02935,-0.02558,-0.03055,0.06966,-0.00065,-0.12091,-0.039,0.0641,-0.01547,0.07306,0.00703,-0.01152,0,-0.00057,0.035,-0.03517,0.06674,0.02111,-0.03245,0.05612,0.01315,0.03371,-0.01175,-0.03061,0.01314,-0.01442,-0.00288,-0.02142,0.06977,0.00541,-0.06908,-0.04541,-0.07345,0.00563,-0.03676,0.01144,-0.01995,-0.08552,0.0005,0.06484,-0.00401,-0.04302,-0.0067,-0.03314,-0.05545,-0.01105,0.00441,0.07172,-0.06036,0.02181,0.01779,-0.03522,-0.02783,0.01094,0.03469,-0.02016,0.02171,-0.02779,0.06071,-0.0352,0.04765,-0.03006,0.07007,-0.05945,0.0302,0.02363,-0.07781,-0.05009,0.10383,0.04535,0.03257,-0.05164,0.00558,0.03188,-0.05599,-0.0282,0.0308,0.09097,0.06192,-0.03317,0.0839,0.02336,0.08637,0.12655,-0.01191,0.00573,0.02286,-0.04255,0.03447,0.13719,0.00234,0.07107,0.06211,0.04097,0.04614,0.03563,0.03315,0.02508,0.03532,-0.07463,-0.05956,0.06902,0.0505,-0.02591,0.02503,0.03155,-0.05566,0.03237,0,-0.15381,-0.01983,-0.03136,-0.02756,-0.0286,0.02072,0.00751,-0.01327,-0.03444,-0.01539,-0.01489,0.05666,0.02176,0.02264,0.08349,0.0295,0.02795,0.04383,-0.01808,-0.05426,0.00216,0.00929,0.02603,0.06331,-0.04645,-0.03546,-0.09666,0.04594,0.09805,-0.04159,-0.04248,0.01159,0.03558,0.0618,-0.07809,0.02982,-0.08013,-0.00041,-0.08592,-0.00215,0.04421,-0.052,0.01503,-0.04277,-0.0146,0.06036,0.0096,-0.00087,-0.01998,0.01353,-0.04641,0.03436,0.01342,0.04312,0.03997,0.01363,-0.01299,-0.00493,0.06006,-0.01874,-0.11464,0.12177,-0.00623,0.09661],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Center a node from a side panel When a user clicks an item in a list, center the canvas:","excerpt":"Center a node from a side panel When a user clicks an item in a list, center the canvas:"},{"chunkId":"/docs/f-canvas-component#13","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.02753,-0.00546,-0.08345,-0.04069,0.04651,0.01963,0.06001,0.12508,0.02443,-0.02645,-0.01293,-0.07384,-0.07417,0.03112,-0.00572,-0.10277,-0.01437,0.06299,-0.02363,0.05812,-0.07342,-0.12095,-0.00243,-0.04684,-0.02249,0.0057,0.00476,-0.06212,0.00005,-0.04327,0.01607,0.13293,0.03213,0.01271,-0.07567,-0.03661,0.02234,-0.0352,-0.08582,-0.08414,-0.01647,0.0444,0.02611,-0.0392,0.03413,-0.04074,0.02286,0.0048,-0.03012,0.1034,-0.04715,-0.03511,-0.05565,0.12114,0.05308,0.03877,0.07392,-0.02494,0.01977,0.06006,-0.01996,0.00399,-0.00253,0.06098,-0.01488,0.01707,-0.04974,-0.0364,-0.02562,-0.06283,-0.0487,-0.03007,0.14702,-0.09706,0.10999,-0.06025,-0.08084,0.03375,-0.02549,-0.07014,0.03004,0.02846,-0.02693,0.04895,0.01265,0.07827,-0.0015,-0.04642,-0.01804,0.05889,-0.04646,0.07503,-0.07938,0.01368,-0.01972,-0.10195,-0.05524,-0.03392,-0.02101,0.00211,0.06257,-0.00705,0.08536,0.05875,-0.01365,-0.05171,-0.00742,-0.00761,-0.00864,-0.00105,-0.00728,-0.0219,0.01922,-0.02199,0.00811,-0.00563,0.02543,-0.02831,0.05368,-0.02247,0.03965,0.01048,-0.03296,-0.03907,0.02698,0.00983,0.00483,0,-0.01871,0.01214,-0.00081,0.04202,0.05905,-0.02065,0.05701,-0.03628,-0.03146,-0.01296,-0.01647,0.11012,-0.06463,0.04919,0.00501,-0.10374,-0.07557,0.00798,-0.006,-0.00448,0.11048,-0.08851,-0.06375,-0.01674,0.08214,0.09624,-0.04997,0.09251,-0.07768,0.05822,-0.05719,-0.00142,0.00116,-0.02222,-0.06291,-0.059,-0.02825,-0.06954,-0.06121,0.00405,-0.0556,-0.03775,-0.08295,-0.03368,0.01001,-0.06271,-0.06303,0.12074,0.04,-0.009,0.03886,-0.04316,0.01794,-0.0497,0.05898,-0.02286,-0.03815,0.05713,0.01214,0.05412,0.0382,0.02398,-0.11429,0.00115,0.02362,0.09724,0.03267,0.00083,-0.04711,-0.04117,-0.03408,0.0914,0.00119,0.04098,0.07593,-0.01354,-0.02669,0.01686,-0.00168,-0.01276,-0.03131,0.00026,0.01045,0.04707,-0.00445,-0.02999,0.02414,0.00001,-0.13245,-0.02535,0.05187,-0.01867,0.06545,-0.03278,-0.01438,0,-0.00584,-0.00641,-0.05082,0.05132,0.02428,-0.02213,0.04982,0.04694,0.04462,-0.03317,-0.0367,-0.00093,-0.00154,0.00753,-0.04053,0.04942,-0.01787,-0.07454,-0.04733,-0.04038,0.00736,-0.05322,0.03535,-0.00038,-0.08549,0.01752,0.06167,0.0259,-0.08021,-0.03956,-0.0137,-0.04811,-0.00465,-0.01536,0.05178,-0.02554,0.03293,-0.03249,-0.05705,-0.02987,-0.01607,0.03666,0.01677,0.02007,-0.04314,0.0639,-0.05909,0.02339,-0.02659,0.05233,-0.05182,0.03444,-0.00284,-0.06754,-0.05035,0.08757,0.0566,0.05618,-0.04409,0.00996,0.05785,-0.07316,-0.01245,0.03784,0.08861,0.06431,-0.02067,0.07146,0.04333,0.10422,0.14612,-0.04349,0.0164,0.02277,-0.02167,0.0585,0.1251,-0.00651,0.07672,0.07309,0.06755,0.02824,0.05512,0.05583,0.02052,0.04335,-0.09124,-0.04938,0.05488,0.03464,-0.04646,0.03704,0.03096,-0.05809,0.05474,0,-0.09291,0.02353,-0.04164,-0.01757,-0.04731,0.02235,0.01283,-0.00398,-0.04767,-0.04242,-0.00944,0.03851,0.02447,0.03215,0.07431,-0.00205,0.07221,0.01418,-0.02592,-0.06923,-0.0249,0.04154,0.03147,0.05963,-0.01902,-0.0386,-0.08715,0.01448,0.08312,-0.02688,-0.02989,0.00368,0.01465,0.0405,-0.08952,0.05992,-0.09153,0.00608,-0.0525,0.01072,0.04541,-0.05909,-0.00494,-0.04707,-0.0289,0.06797,0.03691,-0.04073,-0.0572,0.02765,-0.04071,0.01624,0.01226,0.04524,0.03432,0.03762,-0.01621,0.00967,0.06295,0.02144,-0.13052,0.08758,-0.00562,0.08187],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Sync external UI Listen to fCanvasChange to reflect current pan/zoom outside the canvas. f Canvas Change","excerpt":"Sync external UI Listen to fCanvasChange to reflect current pan/zoom outside the canvas."},{"chunkId":"/docs/f-node-directive#0","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.01357,0.03123,-0.04805,0.0032,0.05252,-0.02453,0.06653,0.03076,0.02834,0.05705,-0.049,0.00665,-0.02878,-0.03837,-0.02252,0.00567,-0.04557,0.0471,0.08579,0.04418,-0.01715,-0.06829,-0.02286,-0.06916,-0.03944,0.01964,-0.00573,0.02885,0.00081,-0.0811,-0.01619,0.13084,-0.01305,0.05306,-0.10346,0.02788,-0.00263,-0.03264,-0.10668,0.02237,0.08349,0.00599,0.07151,-0.05778,0.04414,0.07082,-0.05529,0.02904,-0.05477,0.09713,-0.0059,-0.06218,-0.0105,0.11545,0.02568,0.05391,0.029,-0.0873,0.02546,0.06101,0.0685,-0.02459,-0.02679,0.01081,0.09086,0.03196,-0.05796,-0.00448,0.01079,-0.04781,0.06981,0.02468,0.0224,-0.09228,0.08323,-0.07083,0.02511,0.0514,-0.00197,-0.05398,0.05895,0.13083,0.00735,0.02533,-0.05119,0.1115,-0.08599,-0.02906,-0.06868,0.1195,-0.0629,0.01383,-0.09399,-0.03847,-0.00386,-0.03209,-0.01625,-0.0501,-0.03865,0.00879,0.02329,-0.0512,0.00625,-0.01122,-0.04525,-0.07415,-0.03468,-0.02169,-0.01771,-0.02961,-0.09362,-0.00975,0.02498,-0.03102,-0.03419,-0.0521,-0.04359,-0.03964,0.08722,0.00344,-0.01122,0.06366,-0.04028,0.00186,0.03528,-0.04254,-0.0521,0,-0.00563,0.01035,0.01047,0.05065,0.09798,0.01934,0.0559,-0.0612,-0.03759,-0.04291,-0.03962,-0.01357,-0.05203,-0.02057,-0.0023,-0.13122,-0.03308,0.06967,-0.04588,-0.01661,0.09369,-0.02011,-0.04021,-0.03596,0.01102,0.06955,-0.07771,0.01304,-0.04511,0.03996,-0.04736,0.00858,0.03628,0.01057,-0.02356,-0.04643,-0.06698,-0.06953,-0.09099,-0.04032,-0.05289,0.00577,-0.02071,0.01186,0.01754,-0.06057,-0.1089,-0.00592,0.09417,0.06267,0.03089,0.02223,0.0749,-0.06831,0.05082,-0.05657,-0.01666,0.07391,-0.0348,0.04886,0.00827,0.09214,-0.07607,-0.11445,0.00931,0.1043,-0.00742,-0.04459,0.04885,-0.04926,-0.04237,0.0709,0.02227,0.00452,0.02239,0.03499,-0.00374,-0.03704,-0.02623,-0.03967,-0.08067,-0.04288,0.00282,-0.01728,0.06106,-0.05376,0.05085,-0.04596,-0.02758,0.01766,0.07046,-0.008,0.02243,-0.01466,0.0581,0,-0.01741,0.03443,-0.02966,0.09338,-0.00338,-0.02574,-0.01986,-0.00583,0.0388,0.01092,-0.00967,0.05639,0.00648,-0.02407,0.04779,0.00598,-0.03378,-0.08491,-0.00847,0.01674,0.01008,0.03613,-0.0047,0.01401,-0.03692,0.02658,0.05598,0.05241,0.01711,-0.03562,-0.04184,-0.05646,-0.07918,0.01773,0.07189,-0.05237,-0.00803,0.07874,0.03004,-0.02684,0.01709,0.01769,-0.03232,0.01276,-0.03,0.03827,-0.06234,0.01174,0.04225,0.0303,-0.07039,0.01388,-0.06089,0.03764,-0.03588,0.04574,0.06857,0.10323,0.03816,-0.00227,0.02373,-0.11031,0.01294,-0.03483,0.04524,-0.01381,-0.02165,0.03613,0.05158,0.09008,0.06016,0.09224,0.04797,0.00538,0.02667,-0.00576,0.1136,0.01381,0.02666,0.07299,-0.04724,0.12381,-0.00307,0.06383,0.08275,-0.00823,0.01816,-0.01436,0.0432,0.01747,0.03388,0.04862,0.01096,-0.07402,-0.03239,0,-0.13842,-0.02822,-0.05121,0.01533,0.03566,-0.01956,0.02896,-0.00665,-0.02643,-0.04018,0.00877,0.07151,0.06728,-0.07577,0.11799,-0.05688,-0.01505,-0.01406,-0.0685,-0.01421,-0.05229,-0.01263,-0.06383,0.08501,-0.03007,-0.04741,-0.0264,-0.03661,0.00372,0.02578,-0.05402,0.04028,0.02215,0.07503,-0.03232,0.10392,-0.05799,0.02605,-0.08403,-0.0246,0.00827,-0.02176,-0.02948,-0.02012,-0.05947,0.05357,0.02038,-0.03505,-0.07438,0.02922,-0.02244,-0.00446,0.03129,0.05811,0.01235,0.00332,-0.00859,-0.06966,0.00033,0.02071,-0.10291,0.09824,0.07986,0.02362],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Node Selector: [fNode] Class: FNodeDirective FNodeDirective turns any element into a node inside a Foblex Flow diagram: it can be positioned on the canvas, selected, dragged (with fDraggable), and used as a host for connectors. Nodes must be placed inside f-canvas (which itself must be inside f-flow). f Node F Node Directive f Draggable","excerpt":"Node Selector: [fNode] Class: FNodeDirective FNodeDirective turns any element into a node inside a Foblex Flow diagram: it can be positioned on the canvas, selected, dragged (with fDraggable), and used as a host for connectors. Nodes must be placed inside f-canvas (which itself must be inside f-flow)."},{"chunkId":"/docs/f-node-directive#1","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.0054,0.04463,-0.02677,-0.03639,0.05769,-0.04234,0.00786,0.03963,0.01631,0.04336,-0.04309,0.0181,-0.01163,-0.05636,-0.03943,0.00993,-0.05186,0.07461,0.071,0.00863,-0.01805,-0.04985,-0.06183,-0.04979,-0.02451,0.0238,-0.01738,0.04558,-0.00348,-0.09981,-0.01073,0.15483,-0.02257,0.0491,-0.1193,0.00957,-0.00283,-0.01588,-0.08612,0.03646,0.04682,-0.01835,0.09248,-0.05104,0.05198,0.07501,-0.08833,0.03918,-0.05914,0.05441,0.00175,-0.0598,-0.01286,0.10357,0.02806,0.03575,0.01322,-0.10038,0.01502,0.05364,0.10615,-0.03238,-0.0496,0.01089,0.05939,0.01822,-0.02757,-0.01205,0.02674,-0.04749,0.04861,0.02877,-0.02362,-0.09289,0.06988,-0.05381,0.02839,0.02716,-0.02646,-0.03787,0.07955,0.13745,0.00143,0.00957,-0.04752,0.07027,-0.09085,0.00297,-0.01303,0.10424,-0.05938,0.01408,-0.09751,-0.04405,0.01716,0.01196,-0.04331,-0.06751,-0.002,0.03361,0.01674,-0.0386,-0.00397,-0.0143,-0.02058,-0.05491,-0.02544,0.0175,0.01838,-0.0542,-0.06787,-0.03041,0.00422,-0.04448,-0.04567,-0.05505,-0.04851,-0.05839,0.04916,0.00885,-0.00244,0.06345,-0.08295,0.01695,0.04093,-0.01085,-0.04698,0,-0.01797,0.04489,0.00647,0.06396,0.10853,0.03395,0.0463,-0.06517,-0.00461,-0.03654,-0.04628,-0.01063,-0.06928,-0.03363,-0.01854,-0.15155,0.00883,0.08997,-0.07292,-0.02857,0.08052,-0.00632,-0.03528,-0.03669,0.01544,0.04474,-0.06133,0.0211,-0.04668,0.02434,-0.03402,-0.01973,0.04562,0.00773,0.00116,-0.04742,-0.07518,-0.0982,-0.05287,-0.02682,-0.04618,0.05132,-0.04054,0.00826,-0.00703,-0.02127,-0.07951,0.02194,0.11073,0.05289,0.01585,0.0607,0.05495,-0.0468,0.06591,-0.05438,-0.01437,0.07911,-0.04265,0.1202,-0.04513,0.06986,-0.05711,-0.10611,0.01554,0.07956,-0.00315,-0.03314,0.09029,-0.03782,-0.02786,0.05384,0.02795,0.04183,0.00883,0.02115,0.01424,-0.02246,-0.03566,-0.00943,-0.11776,0.0227,0.0001,-0.00023,0.05837,-0.05181,0.05597,-0.06246,-0.03314,0.01335,0.02957,0.0211,0.06275,-0.00234,0.06921,0,-0.05763,0.03047,-0.01997,0.07997,-0.0141,0.00157,-0.0087,-0.00926,0.05324,0.01384,-0.03079,0.06265,0.0079,-0.03823,0.06091,-0.01804,-0.02723,-0.10419,-0.00144,0.05319,0.03341,0.05401,-0.05327,0.00923,-0.02325,0.03556,0.02883,-0.00367,0.01146,-0.02237,-0.05787,-0.0611,-0.053,0.03317,0.06661,-0.02849,-0.00704,0.13154,0.0105,-0.00747,0.00925,0.01513,-0.01216,-0.00667,-0.05782,0.02715,-0.02836,0.01839,0.0261,0.00416,-0.08304,0.04651,-0.07027,0.02537,-0.01691,0.00134,0.0402,0.09773,0.02616,-0.01323,0.01422,-0.12631,0.00674,-0.04036,0.02018,-0.02085,0.0076,0.02169,0.01419,0.06849,0.05261,0.07569,0.06591,0.00991,0.0195,-0.05332,0.10079,-0.02132,0.00385,0.09539,-0.08225,0.13467,-0.01603,0.04697,0.06476,0.00061,0.04037,-0.02484,0.06196,0.01876,0.00359,0.06793,-0.01367,-0.05609,-0.0263,0,-0.11187,-0.035,-0.04486,0.03377,0.02914,-0.0325,0.04898,0.03691,-0.03643,-0.02446,0.02299,0.0486,0.06212,-0.0941,0.12759,-0.06921,-0.0175,-0.00877,-0.08304,-0.01442,-0.03806,0.02903,-0.08359,0.04959,-0.02303,-0.03589,0.00602,-0.00813,-0.0054,-0.00252,-0.01058,0.04788,0.02005,0.06477,-0.01307,0.09667,-0.05969,0.06693,-0.07988,-0.00787,0.00354,-0.02644,-0.02107,-0.00452,-0.05206,0.08106,0.01431,-0.0238,-0.05357,0.0076,0.0083,-0.0155,0.04197,0.07318,0.03972,0.01014,-0.00435,-0.08282,0.02812,0.00011,-0.08111,0.10896,0.04716,-0.00141],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-node-directive#2","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.01325,0.04827,-0.01828,-0.0367,0.05016,-0.03807,-0.0014,0.03517,0.02867,0.05333,-0.036,0.02854,-0.01606,-0.05918,-0.02819,0.00001,-0.05415,0.08127,0.07135,0.02313,-0.03175,-0.04601,-0.05803,-0.04019,-0.03644,0.02646,-0.03502,0.04036,0.00741,-0.11224,-0.01729,0.15983,-0.02381,0.05899,-0.12075,0.02436,-0.00694,-0.0252,-0.08357,0.03818,0.04947,-0.01821,0.08423,-0.04857,0.05588,0.07363,-0.07194,0.03089,-0.07389,0.05079,0.00053,-0.06951,-0.00409,0.11721,0.02393,0.04737,0.03481,-0.10065,0.01917,0.05339,0.10851,-0.0273,-0.05728,0.03219,0.04814,0.01924,-0.044,-0.01706,0.01539,-0.03584,0.05872,0.02467,-0.02858,-0.07036,0.07432,-0.04635,0.03816,0.02216,-0.02352,-0.02269,0.07198,0.11302,-0.00892,0.00378,-0.04356,0.0608,-0.08153,0.0045,-0.01174,0.10166,-0.06469,0.00644,-0.07568,-0.04065,0.01736,0.00032,-0.03982,-0.06733,-0.01462,0.03526,0.02628,-0.02727,-0.01049,0.00266,-0.02211,-0.05943,-0.03672,0.01603,0.01763,-0.05185,-0.06475,-0.02395,0.00478,-0.03229,-0.06669,-0.06892,-0.05805,-0.06347,0.04406,0.01302,-0.01081,0.06263,-0.07141,0.01585,0.03513,-0.01031,-0.04426,0,-0.02167,0.03143,0.00201,0.07447,0.10731,0.02243,0.03781,-0.065,-0.00325,-0.03977,-0.03814,-0.01185,-0.05919,-0.02653,-0.00496,-0.15153,0.016,0.08834,-0.08465,-0.02553,0.07242,-0.01815,-0.03576,-0.03999,0.00635,0.05103,-0.06259,0.00902,-0.05949,0.02986,-0.05435,-0.01588,0.05485,0.00961,0.00424,-0.04292,-0.06368,-0.10751,-0.04897,-0.01495,-0.0538,0.05019,-0.04164,0.01124,0.01302,-0.01458,-0.07006,0.02478,0.0903,0.06425,0.01115,0.06336,0.06016,-0.05774,0.0676,-0.05313,-0.00828,0.07806,-0.04359,0.12504,-0.03694,0.06449,-0.06155,-0.1,0.02285,0.07955,-0.00037,-0.0297,0.0981,-0.04091,-0.0437,0.04378,0.02853,0.0476,0.00385,0.02003,-0.00036,-0.02576,-0.05161,0.00295,-0.12111,0.03219,-0.00762,0.00095,0.06376,-0.06446,0.05578,-0.05614,-0.0282,0.01572,0.03158,0.03187,0.05955,-0.00079,0.06322,0,-0.07001,0.0212,-0.03079,0.08307,-0.00146,-0.00455,-0.00347,-0.01404,0.0523,0.01265,-0.02634,0.05742,0.00713,-0.04129,0.06762,-0.0154,-0.0318,-0.09785,-0.00428,0.06446,0.039,0.04628,-0.0464,0.0167,-0.00912,0.04046,0.02588,-0.00923,0.00034,-0.03521,-0.05053,-0.06295,-0.05851,0.03686,0.06574,-0.0246,-0.02502,0.12473,0.01733,-0.00111,0.02374,0.01737,-0.01107,0.02463,-0.05571,0.01878,-0.03746,0.0048,0.02482,-0.00459,-0.09507,0.04273,-0.05848,0.02062,-0.0036,0.01201,0.02436,0.10057,0.03241,-0.01792,0.03271,-0.10857,0.00176,-0.04542,0.0222,-0.01004,0.00991,0.01823,0.00573,0.07309,0.0417,0.0838,0.05128,0.0061,0.00888,-0.04455,0.09161,-0.02685,-0.00405,0.09056,-0.1068,0.13151,-0.01987,0.03036,0.07263,-0.0045,0.02664,-0.03787,0.0523,0.01018,0.01222,0.07182,-0.01923,-0.06155,-0.02398,0,-0.1148,-0.0194,-0.05205,0.03392,0.04102,-0.02273,0.05719,0.02538,-0.0379,-0.01421,0.02251,0.04472,0.07802,-0.09375,0.12736,-0.06808,-0.03232,-0.00049,-0.09307,-0.01394,-0.03178,0.03554,-0.07506,0.04606,-0.02959,-0.04545,0.00188,-0.00372,-0.00865,-0.00177,-0.00457,0.04298,0.02225,0.05746,-0.00797,0.08346,-0.06116,0.06662,-0.0685,-0.01388,-0.00109,-0.01989,-0.03199,0.01442,-0.06065,0.08241,0.01463,-0.01705,-0.06096,-0.00459,0.01272,-0.01597,0.0368,0.08108,0.06385,0.01621,0.00146,-0.08539,0.00474,-0.00451,-0.08198,0.1001,0.04805,-0.01761],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. A node with a fixed position","excerpt":"A node with a fixed position"},{"chunkId":"/docs/f-node-directive#3","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00061,0.03701,-0.04684,0.02372,0.07492,-0.02222,0.04203,0.03105,0.00914,0.06256,-0.034,0.02206,-0.02691,-0.0361,-0.0526,-0.0106,-0.05521,0.07948,0.05561,0.02342,0.01273,-0.05613,-0.04976,-0.03069,-0.02828,0.01407,-0.04868,0.02729,0.01451,-0.09769,-0.00874,0.13305,-0.04715,0.06119,-0.13565,0.03539,0.00658,-0.01898,-0.0912,0.00898,0.06377,-0.02797,0.07785,-0.07629,0.02617,0.06913,-0.05817,0.05876,-0.06207,0.07958,-0.0046,-0.07406,0.00625,0.0892,0.02763,0.03516,0.02366,-0.10185,0.00521,0.05397,0.0775,-0.02932,-0.03517,0.00542,0.0508,0.01845,-0.0498,0.00433,0.0287,-0.05527,0.10311,0.02492,-0.01141,-0.06579,0.06852,-0.07367,0.0216,0.06506,-0.01688,-0.01103,0.08259,0.12213,0.00882,0.02574,-0.07266,0.10754,-0.09923,-0.00382,-0.05547,0.09924,-0.05553,0.04799,-0.12177,-0.06342,-0.01479,-0.0317,-0.02847,-0.0623,-0.03077,0.03367,0.0152,-0.0177,-0.0134,-0.00355,-0.04457,-0.0704,0.00206,-0.04524,-0.02153,-0.01335,-0.07012,-0.02578,0.00055,-0.0386,-0.03552,-0.05602,-0.06773,-0.05332,0.04567,-0.00349,-0.01385,0.07565,-0.07379,0.00254,0.06388,-0.01596,-0.03953,0,-0.00204,0.02683,0.00449,0.05116,0.09311,0.01519,0.05547,-0.06888,-0.01831,-0.06637,-0.03775,-0.02619,-0.06052,-0.00514,-0.02964,-0.18173,0.00807,0.06439,-0.03374,-0.03799,0.08951,-0.02281,-0.04229,-0.04402,0.01105,0.05345,-0.06278,0.03545,0.00249,0.03453,-0.02911,0.00846,0.02304,0.00525,-0.019,-0.04368,-0.09248,-0.07339,-0.04627,-0.03177,-0.03563,0.02572,-0.03728,0.02594,-0.01281,-0.01918,-0.05868,-0.0054,0.07385,0.0528,0.04208,0.03492,0.0794,-0.05944,0.05511,-0.06105,-0.01956,0.06631,-0.04041,0.08501,0.00089,0.07933,-0.06591,-0.11591,0.03688,0.09107,-0.00372,0.01039,0.0863,-0.03748,-0.03375,0.03988,0.04812,0.02174,0.02544,0.04556,0.01327,-0.06562,-0.03541,-0.02064,-0.10728,-0.02166,0.03037,-0.00372,0.06282,-0.06918,0.04201,-0.03344,0.00304,-0.00234,0.04508,-0.0089,0.05394,-0.01098,0.07646,0,-0.027,0.03886,-0.01999,0.08762,-0.01595,0.00147,-0.04585,-0.01131,0.0551,0.00117,-0.0663,0.0335,-0.00206,-0.02398,0.05074,-0.02737,-0.03558,-0.07685,-0.01695,0.02507,-0.00038,0.04684,-0.02874,0.02854,-0.02704,0.01032,0.04635,0.02868,0.01494,-0.03891,-0.02551,-0.08336,-0.05678,0.01616,0.06001,-0.06254,0.00461,0.12272,0.02806,0.00231,-0.00385,0.01141,-0.01668,-0.00521,-0.02174,0.04656,-0.0528,0.01047,0.04138,0.02518,-0.08158,0.03882,-0.08345,0.04499,0.00761,0.01241,0.0641,0.10179,0.03848,-0.02794,0.00331,-0.12929,-0.01356,-0.0408,0.04471,-0.02631,0.00906,0.02047,0.03884,0.09769,0.0255,0.08879,0.07072,0.01079,0.05601,-0.04253,0.11988,-0.00604,0.01264,0.06532,-0.025,0.10642,-0.02018,0.03073,0.06358,-0.00196,0.04011,-0.02275,0.04419,0.0068,0.02213,0.03998,0.00683,-0.06099,-0.03672,0,-0.08766,-0.03666,-0.03499,0.01631,0.02264,-0.01277,0.05568,0.03257,-0.02758,-0.03513,0.00795,0.05199,0.0791,-0.08807,0.1186,-0.06256,0.01321,0.01947,-0.07049,-0.01365,-0.02826,-0.00173,-0.06922,0.06154,-0.02591,-0.05323,-0.01046,-0.03977,0.00898,0.00078,-0.01693,0.05949,0.01543,0.05138,-0.01639,0.10057,-0.06756,0.0677,-0.0615,0.0055,0.0334,0.01617,-0.03249,-0.02569,-0.07587,0.0583,0.00789,-0.03894,-0.05054,0.03971,0.01674,0.02171,0.05608,0.08999,0.00596,0.01026,-0.02839,-0.07434,0.00187,-0.00934,-0.05663,0.07903,0.08671,0.01709],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Make it draggable To drag nodes, enable fDraggable on the flow and provide a drag handle inside the node: f Draggable","excerpt":"Make it draggable To drag nodes, enable fDraggable on the flow and provide a drag handle inside the node:"},{"chunkId":"/docs/f-node-directive#4","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.01901,0.03408,-0.0599,-0.00947,0.03781,-0.01508,0.01073,0.04565,0.00687,0.05279,-0.01379,0.02895,-0.01555,-0.03605,-0.02317,0.00356,-0.07378,0.08422,0.07502,0.00912,-0.02455,-0.06526,-0.02472,-0.05624,-0.04461,-0.01508,-0.01774,0.04824,0.0021,-0.07845,-0.01198,0.12852,-0.04407,0.0497,-0.12484,0.0165,0.01209,-0.03238,-0.09289,0.03974,0.08029,-0.04301,0.08982,-0.06558,0.03264,0.07132,-0.08602,0.03878,-0.05225,0.04967,0.00063,-0.06731,-0.01346,0.10511,0.03644,0.04676,0.00502,-0.08067,0.00642,0.07145,0.12619,-0.03534,-0.06244,0.00015,0.06292,0.02581,-0.03202,0.01016,0.00836,-0.02769,0.07443,0.02249,-0.02349,-0.0859,0.04748,-0.02768,0.02008,0.05157,-0.01695,-0.03703,0.0657,0.17402,0.02172,0.02292,-0.03059,0.09215,-0.08309,-0.01302,-0.06829,0.08975,-0.06169,0.01717,-0.12413,-0.05157,-0.03336,0.01403,-0.02867,-0.05495,-0.02235,0.02175,0.00726,-0.01243,-0.02537,-0.02242,-0.03137,-0.05684,-0.05926,0.01606,0.01549,-0.03925,-0.05447,-0.02122,0.00103,-0.06503,-0.05614,-0.03715,-0.03999,-0.03729,0.08009,0.0211,-0.01065,0.06944,-0.06708,0.0112,0.0511,-0.03183,-0.05016,0,-0.00185,0.04381,0.00853,0.05586,0.09223,0.03403,0.01775,-0.06528,-0.03316,-0.04038,-0.06259,-0.01374,-0.06229,-0.04901,-0.01916,-0.15881,0.00106,0.07474,-0.04037,-0.04236,0.07222,-0.0198,-0.01913,-0.02083,0.0553,0.04516,-0.059,0.01376,-0.03274,0.02597,-0.01634,-0.00015,0.04084,0.00311,0.00795,-0.07583,-0.07588,-0.08267,-0.08966,-0.00802,-0.02137,0.01445,-0.04834,0.03085,0.00304,-0.02278,-0.05583,-0.00297,0.11566,0.05094,0.01144,0.02726,0.05373,-0.06053,0.04867,-0.0447,-0.05257,0.0748,-0.05887,0.08134,-0.02979,0.04469,-0.06991,-0.10464,0.01723,0.08975,-0.00579,-0.05567,0.08973,-0.03992,-0.03219,0.07528,0.04151,0.03278,-0.01952,0.0289,-0.0087,-0.0235,-0.00548,-0.01405,-0.09389,-0.02663,-0.00104,0.0232,0.07892,-0.06394,0.04299,-0.05574,-0.00119,-0.00321,0.03452,0.03162,0.06024,-0.03159,0.07258,0,-0.03708,0.02094,-0.01456,0.07046,0.00495,0.00726,-0.00844,-0.04547,0.0529,0.0331,-0.02114,0.05394,0.03239,-0.05396,0.01714,-0.01871,-0.03749,-0.08517,0.00148,0.06978,0.01906,0.04246,0.00549,0.00119,0.00822,0.01381,0.04597,-0.00122,-0.00291,-0.01099,-0.02059,-0.06497,-0.07217,0.01915,0.0393,-0.03768,0.0051,0.11094,0.02512,-0.00824,0.02202,0.02203,-0.01468,-0.02159,-0.04514,0.00863,-0.06422,-0.00493,-0.00845,0.01227,-0.09014,0.03365,-0.08807,0.0444,-0.04091,-0.00595,0.04646,0.09776,0.01868,0.00692,0.04041,-0.14919,0.02435,-0.01995,0.03658,-0.01887,-0.00472,0.02398,0.02733,0.08752,0.04393,0.07161,0.08986,0.02446,0.0278,-0.04471,0.09537,-0.01405,0.02539,0.09221,-0.06534,0.12589,-0.03015,0.0315,0.08198,0.00035,0.05465,0.02418,0.04883,0.0087,0.00323,0.07265,0.00676,-0.04414,-0.03349,0,-0.09082,-0.02668,-0.06373,0.02021,0.03273,-0.03404,0.04234,0.02077,-0.04264,-0.00532,0.00521,0.06297,0.05448,-0.06956,0.11981,-0.07176,0.01987,-0.01575,-0.08422,-0.01231,-0.04765,0.01711,-0.07946,0.07467,-0.01403,-0.04526,-0.00752,-0.02157,-0.01759,0.02494,-0.01274,0.02835,0.00334,0.04906,-0.02891,0.11122,-0.06867,0.06831,-0.09001,0.0062,0.03122,-0.02203,-0.02304,-0.00053,-0.04213,0.06963,0.03246,-0.01639,-0.04846,0.03673,0.01732,-0.01191,0.03767,0.02533,0.01007,0.01083,0.02702,-0.04553,0.0006,0.00307,-0.09753,0.10263,0.08862,0.00492],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Add connectors (optional) Place connector directives inside the node and connect them using f-connection.","excerpt":"Add connectors (optional) Place connector directives inside the node and connect them using f-connection."},{"chunkId":"/docs/f-node-directive#5","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00271,-0.05229,0.02174,0.01926,0.05999,-0.03655,0.02899,0.01497,0.03756,0.03103,0.00103,0.05708,-0.03992,-0.04158,-0.0348,0.01244,-0.02504,0.07246,-0.02143,0.0216,0.00729,-0.07411,-0.02151,0.00414,-0.02096,0.03678,-0.02629,-0.00189,0.06298,-0.07477,-0.01105,0.13108,-0.01092,0.04791,-0.15771,0.03975,-0.0201,-0.0562,-0.14044,-0.00953,0.05724,-0.03465,0.05133,-0.02985,0.02042,0.08347,-0.02528,0.0576,-0.07857,0.0878,0.02144,-0.01432,0.04943,0.0898,0.0139,0.05951,0.06947,-0.00423,-0.0188,0.04533,0.03762,-0.01701,-0.02835,0.02124,0.036,0.03392,0.01296,-0.08325,0.0602,-0.06912,0.05078,0.01493,0.02658,-0.10947,0.06969,-0.12588,-0.02924,0.04654,-0.01976,-0.0105,0.10101,0.02189,0.03929,0.02668,-0.02502,0.07216,-0.07732,0.0052,-0.04481,0.09973,-0.05326,0.00717,-0.10895,-0.07729,-0.01386,-0.02286,-0.07063,-0.00215,-0.03345,0.01787,0.01588,0.03215,-0.01777,0.05228,-0.01778,-0.07038,-0.02052,-0.02809,-0.03807,0.048,0.01465,0.01527,0.03193,-0.00539,-0.03209,-0.024,-0.06145,-0.03345,-0.01985,0.02233,-0.00927,0.04871,-0.03909,-0.01333,0.01025,-0.01399,-0.05169,0,-0.04321,0.01152,0.00662,0.02645,0.02298,0.01432,0.04909,-0.04855,0.01237,-0.06418,-0.00041,0.07331,-0.03099,-0.03499,-0.04424,-0.13316,-0.03767,0.09965,-0.00891,0.00529,0.11959,0.01515,-0.04875,-0.03614,0.01156,0.04305,-0.05289,0.09092,-0.02946,-0.01443,-0.05219,-0.01316,-0.00687,-0.01374,-0.01104,-0.02142,-0.05576,-0.08761,-0.05516,-0.03742,0.00932,0.05177,-0.06958,-0.02594,-0.06486,-0.07611,-0.04328,-0.00235,0.06812,0.03261,0.07865,0.03649,0.00931,-0.07876,0.04789,-0.07648,0.00091,0.01665,-0.07858,0.07565,-0.01407,0.01728,-0.06474,-0.06319,0.01539,0.11604,-0.01496,0.01517,0.09372,-0.01945,-0.02941,0.07506,-0.00361,0.0468,0.0617,0.02582,-0.01941,-0.0211,-0.09073,-0.01789,-0.01928,-0.04409,0.02139,0.06853,0.05749,-0.05593,0.00783,-0.08978,-0.05517,0.03907,0.06056,-0.02253,0.06572,0.0586,0.03635,0,-0.04671,0.01206,-0.05634,0.10587,-0.04881,-0.01373,-0.04681,0.04763,0.03889,-0.08089,-0.0384,0.00384,0.00232,-0.00117,0.0106,0.00617,-0.01116,-0.07908,-0.01791,0.0372,0.00967,0.04662,-0.02344,0.03124,-0.0692,0.01324,0.04081,0.02277,0.0511,-0.04571,0.01442,-0.07635,-0.07555,0.0006,0.04102,-0.06401,-0.07145,0.09911,0.05526,0.06025,0.03863,0.03508,-0.02178,0.02222,-0.01402,0.04791,-0.09439,0.03319,-0.01908,-0.04484,-0.03669,0.07864,-0.10556,-0.00384,-0.01719,0.05666,0.1069,0.05428,0.0051,-0.01069,-0.02223,-0.09626,-0.04681,-0.05776,0.0196,0.05427,0.04004,-0.00447,0.06271,0.10481,0.04828,0.05727,0.04181,-0.01756,0.0476,-0.01956,0.09001,-0.08401,0.03974,0.01097,-0.08123,0.07667,0.03925,0.02707,0.03329,0.07229,-0.01843,-0.02094,0.03799,0.06245,0.01362,0.05931,-0.04172,-0.07412,-0.04115,0,-0.10338,0.02365,-0.04133,0.05608,0.01029,-0.01218,0.05395,0.05394,-0.01825,-0.03186,-0.02397,0.05481,0.07063,-0.08016,0.1404,-0.00989,0.06026,0.00345,-0.07208,-0.03068,-0.03503,-0.00558,-0.06339,0.07432,-0.03003,-0.07433,0.05325,0.04613,-0.02209,-0.00744,-0.00271,0.05105,0.04067,0.06964,-0.03556,0.03789,-0.02437,0.02847,0.01879,0.01798,-0.02338,0.0231,-0.07338,-0.01958,-0.11162,0.02043,0.04601,-0.06829,-0.01694,0.04111,0.03104,0.00774,-0.0054,0.09305,0.08194,0.0192,-0.02258,-0.05613,0.06323,0.00577,-0.07766,0.00665,0.0077,-0.00303],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. How it works - A node registers itself in the internal flow store and participates in rendering and hit-testing. - During interactions (drag/resize/rotate), the library updates the node internally for smooth UX. - Your app typically persists changes on “final” outputs (for example fNodePositionChange after a drag ends), keeping your data model as the source of truth. With the optional Managed Flow State plugin, completed move gestures update the node records automatically. User resize and rotation are not captured by managed state v1, so applications using those interactions still persist their final outputs themselves. f Node Position Change","excerpt":"How it works - A node registers itself in the internal flow store and participates in rendering and hit-testing. - During interactions (drag/resize/rotate), the library updates the node internally for smooth UX. - Your app typically persists changes on “final” outputs (for example fNodePositionChange after a drag ends), keeping your data model as the source of truth. With the optional Managed Flow State plugin, completed move gestures update the node records automatically. User resize and rotation are not captured by managed state v1, so applications using those interactions still persist their final outputs themselves."},{"chunkId":"/docs/f-node-directive#6","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[-0.00603,0.03224,-0.02575,-0.03419,0.05584,-0.05584,-0.02075,0.03619,0.01086,0.04662,-0.04824,0.01184,0.00065,-0.05292,-0.0201,0.00345,-0.04861,0.08318,0.07999,0.0036,-0.01851,-0.04607,-0.06063,-0.05832,-0.02842,0.01225,-0.02264,0.04434,0.00165,-0.09785,-0.0146,0.15872,-0.02444,0.06738,-0.11805,0.02669,-0.00348,-0.04005,-0.0822,0.03548,0.05368,-0.00338,0.07785,-0.05979,0.05281,0.07709,-0.09207,0.02762,-0.06205,0.05997,-0.00401,-0.05835,-0.0087,0.10972,0.04477,0.03481,0.02596,-0.09855,0.01052,0.06247,0.11284,-0.03705,-0.05424,0.01765,0.0494,0.02902,-0.03177,-0.01567,0.02433,-0.06056,0.04336,0.02368,-0.02048,-0.06553,0.06945,-0.04057,0.02279,0.02905,-0.03406,-0.04447,0.05908,0.13006,0.00623,0.02414,-0.04178,0.07724,-0.09874,0.02191,-0.00441,0.11461,-0.06137,0.00624,-0.09393,-0.05456,0.00367,0.01267,-0.04267,-0.08991,-0.02823,0.02058,0.01452,-0.03516,-0.01063,-0.00645,-0.01422,-0.06297,-0.03129,0.00693,0.01453,-0.04033,-0.05959,-0.01573,0.0007,-0.03748,-0.05013,-0.04469,-0.04808,-0.05892,0.07257,0.01954,0.00693,0.0578,-0.08025,0.02111,0.04374,-0.02,-0.04448,0,-0.01482,0.03375,0.02324,0.0658,0.11374,0.02789,0.04402,-0.06739,0.00033,-0.05061,-0.053,0.00675,-0.06101,-0.04511,-0.00482,-0.14426,0.01039,0.10362,-0.07087,-0.0215,0.0783,-0.02225,-0.02316,-0.02723,0.01827,0.04911,-0.06983,0.01769,-0.04103,0.02181,-0.04467,-0.01653,0.03691,0.00884,0.00009,-0.04696,-0.08038,-0.10039,-0.0543,-0.02083,-0.04322,0.04732,-0.03209,-0.00352,-0.02048,-0.02098,-0.07834,0.01184,0.10037,0.05256,0.01768,0.0705,0.05687,-0.05702,0.07006,-0.05852,-0.003,0.07634,-0.03658,0.13198,-0.0411,0.06261,-0.04449,-0.09086,0.02167,0.07284,-0.0033,-0.03544,0.08066,-0.02439,-0.01918,0.05716,0.0201,0.03186,0.0057,0.01247,0.00807,-0.0321,-0.04275,-0.01496,-0.09996,0.02015,-0.00088,-0.00474,0.06004,-0.05956,0.06412,-0.05882,-0.04067,0.01781,0.02882,0.0141,0.05108,-0.00219,0.05852,0,-0.0725,0.01632,-0.01113,0.07393,-0.01146,-0.01422,-0.02321,0.00336,0.0478,0.00775,-0.04126,0.05415,0.00387,-0.04467,0.05638,-0.01182,-0.04999,-0.11054,0.0068,0.04876,0.02474,0.06293,-0.05248,0.01581,-0.01776,0.02596,0.02653,-0.0022,0.00226,-0.02941,-0.06185,-0.06011,-0.06648,0.04068,0.06728,-0.03589,-0.0006,0.14022,0.01926,-0.01427,0.01624,0.01704,-0.02148,-0.00154,-0.06157,0.01795,-0.04224,0.04548,0.01785,-0.00196,-0.08393,0.0577,-0.06128,0.01039,-0.01893,0.00446,0.03213,0.09928,0.03605,-0.02218,0.00355,-0.12545,-0.00494,-0.02794,0.01519,-0.00797,0.01202,0.01754,-0.00428,0.08453,0.04062,0.07634,0.06301,0.00866,0.01606,-0.04737,0.10545,-0.02284,0.00008,0.09412,-0.09385,0.13898,-0.01186,0.06128,0.07789,0.00605,0.03955,-0.00862,0.05582,0.02673,-0.00251,0.06996,-0.01801,-0.0499,-0.02943,0,-0.11516,-0.01525,-0.05538,0.03218,0.0261,-0.02142,0.06061,0.04215,-0.03191,-0.00932,0.01373,0.03757,0.07005,-0.08063,0.12519,-0.06153,0.00121,-0.00124,-0.07799,-0.01136,-0.0362,0.02555,-0.07534,0.0537,-0.01781,-0.02943,-0.00361,-0.00135,-0.00367,-0.00288,-0.00994,0.04128,0.03563,0.06811,0.00058,0.07983,-0.06246,0.06059,-0.06955,-0.0032,-0.00048,-0.01573,-0.03051,-0.00089,-0.0548,0.07534,0.02059,-0.01896,-0.03319,-0.00202,0.0073,-0.03133,0.02765,0.06344,0.04339,0.02198,-0.00423,-0.08479,0.03422,0.00622,-0.07365,0.10491,0.04922,-0.00171],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. API","excerpt":"API"},{"chunkId":"/docs/f-node-directive#7","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[-0.01582,0.03558,-0.03972,-0.00496,0.08025,0.04623,-0.01359,0.02902,0.08891,0.01453,-0.04867,-0.00725,-0.02937,-0.0603,-0.04194,-0.0055,-0.04011,0.06168,0.0463,-0.02498,0.01839,-0.0409,-0.03422,-0.02786,-0.07532,0.0354,0.0019,0.06108,0.04799,-0.08607,-0.00368,0.10101,-0.00812,0.05102,-0.12331,0.04909,-0.00743,-0.07221,-0.07662,0.01035,0.05103,-0.05122,0.06941,-0.07212,0.08283,0.05372,-0.05178,0.03641,-0.05672,0.05512,0.03128,-0.02153,0.01552,0.12502,0.02087,0.06255,0.01504,-0.12062,-0.01033,0.06465,0.06316,-0.02169,-0.03146,0.00268,0.08221,0.0374,-0.02981,-0.03303,0.01436,-0.0261,0.08687,0.03961,0.00698,-0.11918,0.06044,-0.04465,0.01663,0.02534,-0.02434,-0.05113,0.06169,0.13014,0.01989,-0.02847,-0.01845,0.07366,-0.08295,-0.00275,0.00199,0.11685,-0.08019,-0.02347,-0.10195,-0.05389,0.04757,0.04146,-0.03901,-0.05649,-0.036,0.0117,-0.00241,-0.00845,0.00417,0.04388,-0.01405,-0.04729,-0.03565,0.03783,-0.01922,-0.0618,-0.06811,0.01785,-0.00434,-0.00099,-0.04889,-0.04916,-0.02327,-0.06749,0.05312,0.0141,-0.0106,0.04278,-0.07667,0.01244,0.03057,-0.02478,-0.0498,0,-0.00115,0.03099,0.02548,0.04469,0.06545,0.07435,0.03871,-0.06588,-0.02871,0.00169,-0.08367,-0.01939,-0.07827,-0.03857,-0.0127,-0.12497,-0.02556,0.07117,-0.04003,-0.0557,0.0747,0.01991,-0.07735,-0.05453,0.01985,0.05686,-0.08997,0.02909,-0.1148,0.00325,-0.01005,-0.02589,0.04865,-0.00191,-0.0077,0.00289,-0.05978,-0.04418,-0.0712,-0.03008,-0.01177,0.03825,-0.04021,0.03739,-0.02242,-0.03012,-0.08568,-0.02632,0.06186,0.05289,0.02978,0.06737,0.03933,-0.09263,0.03071,-0.07664,-0.02805,0.07244,-0.04416,0.08545,-0.02298,0.06594,-0.06,-0.05368,0.01471,0.11518,-0.01671,-0.06162,0.10935,-0.03612,-0.03481,0.07082,0.05536,0.03014,0.05538,0.01444,-0.02022,-0.07459,-0.04109,-0.01837,-0.09526,-0.00274,-0.00819,0.05138,0.04675,-0.054,0.01845,-0.0686,-0.00034,-0.01225,0.06208,-0.01323,0.05777,-0.0206,0.04958,0,-0.0182,-0.00968,-0.00156,0.04176,-0.03362,-0.04317,-0.01773,0.01551,0.02181,-0.01976,-0.01136,0.05984,0.00713,-0.0478,0.02978,0.02266,-0.07844,-0.09592,0.05308,0.04524,0.0141,0.05,-0.0454,0.05804,-0.01894,0.01675,0.03646,0.00977,0.01575,-0.05625,-0.04678,-0.07009,-0.05316,0.03363,0.01753,-0.0493,-0.01901,0.08184,0.00692,0.08665,0.01426,0.0519,-0.0398,0.05758,-0.05756,0.04176,-0.03137,0.02695,0.03162,-0.0351,-0.10596,0.02529,-0.09991,0.01759,-0.0259,0.03331,0.02013,0.10078,0.05264,0.02334,0.02494,-0.0979,-0.03414,-0.02801,0.02414,-0.03774,-0.01352,0.04254,0.06297,0.07387,0.03423,0.04931,0.06997,0.02615,0.02677,-0.08557,0.08364,-0.03066,0.03344,0.05104,-0.07312,0.11013,-0.0293,0.04397,0.06263,0.01469,0.05134,-0.00709,0.03696,-0.00845,0.03673,0.07546,-0.04617,-0.044,-0.04842,0,-0.09271,-0.0258,-0.03031,-0.01591,0.00326,-0.03511,0.08106,0.01542,-0.02997,-0.03846,0.00323,0.08097,0.0365,-0.14469,0.0929,-0.03879,-0.00635,0.0182,-0.06619,0.00923,-0.01011,0.01401,-0.08436,0.03747,-0.01435,-0.08091,0.03323,0.01722,-0.01259,0.05528,-0.00391,0.04465,0.03911,0.07811,0.00449,0.08074,-0.05913,0.04568,-0.0511,-0.01453,-0.00991,-0.03127,-0.05211,-0.03058,-0.05691,0.07397,0.0296,-0.04788,-0.00073,0.02397,-0.01372,-0.02362,0.0154,0.06668,0.04827,-0.00753,-0.00763,-0.04413,0.01404,-0.04244,-0.04722,0.08643,0.06378,-0.01164],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Inputs - fNodeId: InputSignal<string; Node identifier. Default: f-node-${uniqueId++}. Use a stable id if you want selection/state to survive rerenders. - fNodeParentId: InputSignal<string null undefined; Parent node/group id (logical hierarchy). Default: null. Enables container behaviors such as bounds restrictions and auto-size rules (when used). - fNodePosition: ModelSignal<IPoint; Node position in flow coordinates. This is the primary property that defines where the node is rendered. f Node Id Input Signal unique Id f Node Parent Id f Node Position Model Signal I Point","excerpt":"Inputs - fNodeId: InputSignal<string; Node identifier. Default: f-node-${uniqueId++}. Use a stable id if you want selection/state to survive rerenders. - fNodeParentId: InputSignal<string null undefined; Parent node/group id (logical hierarchy). Default: null. Enables container behaviors such as bounds restrictions and auto-size rules (when used). - fNodePosition: ModelSignal<IPoint; Node position in flow coordinates. This is the primary property that defines where the node is rendered."},{"chunkId":"/docs/f-node-directive#8","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.03007,0.03848,-0.07567,0.00479,0.03775,0.00894,-0.01667,0.07199,0.01354,0.00583,-0.01912,0.05462,-0.02216,-0.04568,-0.0373,0.00849,-0.0463,0.03905,0.0333,0.00744,-0.04499,-0.08197,-0.05421,-0.04962,-0.07319,0.01561,-0.0198,0.04085,0.00783,-0.06893,-0.0308,0.08376,-0.02301,0.05527,-0.09607,0.00981,0.02872,-0.06312,-0.09312,0.00513,0.02273,-0.05112,0.06314,-0.05639,0.02313,0.04748,-0.09379,0.01276,-0.0369,0.07166,-0.02896,-0.02055,-0.02221,0.09705,0.03658,0.06344,-0.00351,-0.0727,-0.00964,0.10182,0.06107,-0.03725,0.00706,0.00769,0.05713,0.02713,0.02347,-0.03751,0.01414,-0.00809,0.06641,0.02882,-0.01511,-0.07527,0.08845,-0.03877,0.00945,0.07374,0.00653,-0.04129,0.06633,0.1122,-0.00546,0.03665,-0.02939,0.05464,-0.1027,-0.03011,0.0003,0.08634,-0.05567,0.0339,-0.12483,-0.0114,-0.01958,0.00874,-0.06323,-0.07513,-0.07372,0.06071,-0.00745,-0.03136,0.02231,0.01219,0.00227,-0.05898,-0.01782,-0.00045,0.0099,-0.02348,-0.016,0.00563,-0.01818,-0.01835,-0.06308,-0.0123,0.01481,-0.04966,0.07156,0.06623,-0.02346,0.05795,-0.08943,-0.00824,0.04038,-0.03715,-0.03738,0,-0.01385,0.05827,0.03514,0.03751,0.08807,0.03915,0.04108,-0.07195,-0.04103,-0.03977,-0.07687,-0.02863,-0.06751,-0.06728,-0.00115,-0.10454,-0.00252,0.05379,-0.04712,-0.0315,0.07048,-0.05147,-0.0154,-0.06961,0.0494,0.07341,-0.07278,0.03325,-0.06857,0.01944,-0.02873,-0.04405,0.03088,0.00986,0.02267,-0.05568,-0.04032,-0.06491,-0.11166,0.0058,-0.05187,0.02792,-0.05272,0.00245,-0.00825,-0.00708,-0.0341,0.01331,0.08692,0.01939,0.00651,0.05521,0.00882,-0.06432,0.0608,-0.07851,-0.04819,0.07337,-0.03917,0.07676,-0.02725,0.0178,-0.03773,-0.06825,0.05265,0.10549,-0.01726,-0.04582,0.06729,-0.07752,-0.03601,0.06069,0.04362,0.02889,-0.01459,0.04077,-0.02744,-0.0594,-0.00301,-0.01939,-0.04331,-0.02287,0.03473,0.04179,0.03818,-0.06137,0.05426,-0.07015,-0.00376,0.02016,0.01067,0.03375,0.02691,-0.01258,0.04061,0,-0.05606,0.00005,-0.01258,0.08489,-0.02972,-0.00348,0.0498,0.03274,0.05156,0.03766,0.06305,0.06206,0.02872,-0.08794,0.01135,0.02517,-0.04491,-0.05946,0.05906,0.07307,0.0411,0.05861,-0.05025,0.01612,0.02095,0.02144,0.05561,-0.01237,-0.02889,-0.01635,-0.00475,-0.04163,-0.05745,-0.00506,0.06226,-0.03238,-0.02687,0.12151,0.03253,0.04998,0.02056,0.04499,-0.02695,-0.02737,-0.04698,0.01513,-0.06733,-0.01394,-0.0231,0.00811,-0.07356,0.01229,-0.08962,0.008,-0.04469,0.03356,0.01886,0.08893,0.04481,0.02463,0.03989,-0.16985,-0.01336,-0.03949,0.09741,0.0153,0.01336,0.01783,0.06408,0.07407,0.05972,0.08335,0.08489,0.05453,0.01413,-0.04063,0.10851,-0.01652,0.02914,0.05727,-0.06662,0.10571,0.00884,0.03469,0.0847,0.01947,0.0634,0.04363,0.0442,0.04159,-0.0063,0.11627,0.02228,-0.05938,-0.07553,0,-0.10915,-0.02917,-0.10011,0.0324,0.01308,-0.01392,0.05084,-0.01494,-0.03249,-0.00989,-0.01992,0.10633,0.01998,-0.06417,0.07372,-0.06147,0.00788,-0.02305,-0.0656,-0.02329,-0.03372,0.01394,-0.0789,0.06071,-0.02259,-0.07132,0.03103,0.05103,-0.01634,-0.01021,-0.06608,0.02381,-0.00291,0.09136,-0.10165,0.06931,-0.05693,0.06008,-0.10951,0.00905,0.01827,-0.01739,-0.05322,-0.03998,-0.01343,0.05927,0.05292,-0.02399,-0.03224,0.04897,0.0028,0.00094,0.01787,0.0183,0.04013,-0.04457,0.01604,-0.02283,-0.03215,0.006,-0.11647,0.09723,0.05807,-0.02889],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. - fNodeSize: InputSignal<ISize undefined; Optional fixed size. If omitted, the size is measured from content (content changes can affect connection routing). - fNodeRotate: ModelSignal<number; Default: 0. Rotation (degrees). Affects node geometry and connector placement. - fConnectOnNode: InputSignal<boolean; Default: true. Allows dropping a connection onto the node body (not directly on an input). The library will choose the first available connectable input. - fMinimapClass: InputSignal<string string[]; Extra CSS class(es) applied in the minimap only. f Node Size Input Signal I Size f Node Rotate Model Signal f Connect On Node f Minimap Class","excerpt":"- fNodeSize: InputSignal<ISize undefined; Optional fixed size. If omitted, the size is measured from content (content changes can affect connection routing). - fNodeRotate: ModelSignal<number; Default: 0. Rotation (degrees). Affects node geometry and connector placement. - fConnectOnNode: InputSignal<boolean; Default: true. Allows dropping a connection onto the node body (not directly on an input). The library will choose the first available connectable input. - fMinimapClass: InputSignal<string string[]; Extra CSS class(es) applied in the minimap only."},{"chunkId":"/docs/f-node-directive#9","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[-0.03735,0.05285,-0.05162,0.04647,0.12886,0.00083,0.04988,0.01137,0.07343,0.03351,0.0037,0.05972,-0.05043,-0.05752,-0.06013,-0.02316,-0.02934,0.06602,0.01712,0.03148,0.00643,-0.06657,0.02936,-0.01002,-0.03985,0.08367,-0.03189,-0.00549,0.018,-0.08741,-0.05307,0.05294,0.001,0.03588,-0.09518,0.04191,0.03003,-0.00657,-0.09394,-0.02567,-0.021,-0.01714,0.06219,-0.06493,0.02848,0.05471,-0.04818,0.022,-0.07734,0.07433,-0.00255,-0.04206,0.07412,0.11366,-0.01306,0.03242,0.05369,-0.07097,0.02362,0.07745,0.01478,0.00235,-0.05709,0.01732,0.00939,0.07948,-0.02164,-0.06321,-0.00849,0.01653,0.10019,0.00923,-0.0085,-0.00786,0.09338,-0.02883,-0.01985,0.04774,0.04697,-0.03351,0.02149,0.0352,0.00514,0.01149,-0.0557,0.13037,-0.04366,-0.02985,-0.0445,0.09849,-0.02213,-0.00041,-0.02401,-0.00704,-0.01692,-0.03659,-0.04922,-0.08212,-0.08837,-0.0018,0.03471,0.04124,0.04526,0.07316,-0.006,-0.07404,0.00255,-0.04646,-0.04509,0.02192,-0.04398,-0.02855,0.00998,0.00977,-0.13249,-0.06959,-0.02712,-0.06324,0.06342,0.00986,0.03481,0.0784,-0.07401,-0.02456,0.08784,-0.11654,-0.09254,0,-0.00811,0.01,-0.01698,0.04059,0.09879,0.0219,-0.03328,-0.06003,-0.04495,-0.01096,-0.00938,-0.06,-0.03797,-0.10742,0.0333,-0.09944,-0.02177,0.04771,0.0062,-0.05196,0.05295,0.00523,-0.00993,-0.04363,0.0144,0.02607,-0.09444,0.03877,-0.02172,0.03166,-0.10381,-0.02303,0.00922,-0.01215,-0.06598,0.02117,-0.03071,-0.10982,-0.03928,0.01957,-0.07216,-0.02693,-0.00222,0.01426,0.01108,-0.02856,-0.01056,-0.02392,0.02308,0.07974,0.01572,0.04674,0.05018,-0.0683,0.01425,-0.06467,-0.03742,0.07963,-0.0507,0.07194,0.02921,0.00074,-0.02078,-0.11352,-0.04119,0.04602,-0.01722,0.06063,0.08782,-0.07709,-0.05136,-0.00679,0.0464,0.02476,0.00012,0.02263,-0.00213,-0.09901,-0.02129,-0.08206,-0.04993,-0.02555,0.09016,0.04037,0.04135,-0.10106,-0.00088,0.02228,-0.03032,-0.00397,0.04255,-0.02791,0.05054,0.00059,0.03937,0,-0.04277,0.01972,-0.02812,0.07284,-0.03864,-0.02511,-0.05637,0.02116,0.03277,-0.07952,-0.04178,0.06818,0.01854,-0.05582,-0.01247,0.04908,-0.04946,-0.01019,0.03162,0.04894,0.06401,0.02462,-0.06002,0.07216,0.02303,-0.01024,-0.0025,0.03757,0.02573,-0.01259,-0.01073,-0.06845,-0.00949,0.00889,0.05025,-0.14227,-0.09631,0.15867,0.02476,0.04291,0.03136,-0.00143,0.00604,0.01926,-0.00357,0.07047,-0.05137,0.0262,0.01753,0.01902,-0.08174,0.02774,-0.03918,-0.01115,-0.01154,0.05827,0.03034,0.09871,0.00212,0.01124,0.05682,-0.07881,-0.04416,-0.01901,0.08851,0.03376,-0.05742,0.06088,0.00638,0.06205,0.06028,0.06831,0.03995,0.01043,0.03353,-0.05529,0.15209,-0.0461,0.03132,0.04993,-0.00973,0.09562,-0.0166,0.00459,-0.01633,0.01276,0.0008,-0.01999,-0.00604,0.02403,-0.00288,0.06425,0.02809,-0.08176,-0.01936,0,-0.06993,-0.01092,-0.03257,0.00982,0.05789,-0.00187,0.04108,0.01053,-0.05127,-0.02306,-0.04208,0.07708,0.05918,-0.05531,0.04976,-0.02102,-0.03176,0.02518,-0.05117,0.00678,-0.00238,0.0352,-0.01694,0.10204,-0.06567,-0.08801,-0.04512,-0.01971,0.03878,0.01816,-0.04064,0.02057,0.06935,0.03431,-0.07884,0.09105,-0.11132,0.02727,-0.03191,0.00333,0.03297,-0.0032,-0.00595,-0.01213,-0.08618,0.01873,0.0358,-0.00455,-0.03321,0.02048,0.01351,-0.01483,0.04081,0.07233,0.08156,0.01651,-0.02413,0.01509,0.02882,0.05559,-0.03353,0.07895,0.07538,0.0479],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. - fNodeDraggingDisabled: InputSignal<boolean; Default: false. Locks dragging for this node (useful for read-only/locked nodes). - fNodeSelectionDisabled: InputSignal<boolean; Default: false. Prevents selecting this node. - fIncludePadding: InputSignal<boolean; Default: true. When the node has a child, this controls whether the parent’s CSS padding is considered when restricting child movement. - fAutoExpandOnChildHit: InputSignal<boolean; Default: false. Container UX: auto-expand a collapsed parent when a child is dragged into it. f Node Dragging Disabled Input Signal f Node Selection Disabled f Include Padding f Auto Expand On Child Hit","excerpt":"- fNodeDraggingDisabled: InputSignal<boolean; Default: false. Locks dragging for this node (useful for read-only/locked nodes). - fNodeSelectionDisabled: InputSignal<boolean; Default: false. Prevents selecting this node. - fIncludePadding: InputSignal<boolean; Default: true. When the node has a child, this controls whether the parent’s CSS padding is considered when restricting child movement. - fAutoExpandOnChildHit: InputSignal<boolean; Default: false. Container UX: auto-expand a collapsed parent when a child is dragged into it."},{"chunkId":"/docs/f-node-directive#10","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00321,0.07396,-0.06103,0.00042,0.05997,-0.02028,0.01643,0.05004,0.00289,0.02758,-0.02687,0.02686,-0.01567,-0.06845,-0.04986,-0.00883,-0.07094,0.0795,0.05242,-0.01913,-0.01077,-0.04756,-0.03756,-0.03072,-0.05419,0.05858,-0.04249,0.02498,0.00204,-0.11615,-0.01207,0.13023,0.00728,0.06234,-0.08775,0.04127,0.00567,-0.01183,-0.0795,-0.00297,0.05283,-0.02385,0.07023,-0.06637,0.02988,0.0461,-0.09881,0.01659,-0.05813,0.06411,-0.00139,-0.05203,0.02714,0.11129,0.03445,0.02025,0.00928,-0.08256,0.01407,0.05367,0.05479,-0.02033,-0.04847,0.00693,0.04342,0.06161,-0.04689,-0.02195,0.00282,-0.01135,0.07998,0.03271,-0.00707,-0.05636,0.09018,-0.05779,-0.0136,0.03938,-0.00302,-0.01335,0.02868,0.12474,0.01728,-0.00536,-0.05479,0.1129,-0.07494,-0.02955,-0.03235,0.08962,-0.08948,-0.01018,-0.07462,-0.00835,0.00282,-0.01189,-0.07056,-0.10393,-0.03604,0.02571,0.03853,-0.0127,0.02393,0.03478,-0.02226,-0.07272,-0.03931,-0.00084,-0.00109,-0.04443,-0.05735,-0.02323,0.0308,-0.00856,-0.06454,-0.06664,0.00224,-0.08688,0.05118,0.01352,0.02928,0.09357,-0.11445,0.0191,0.05761,-0.06012,-0.03995,0,-0.04387,0.02257,0.01897,0.05221,0.09884,0.05185,0.05019,-0.05833,-0.02257,-0.03016,-0.05783,-0.01702,-0.06498,-0.04299,-0.01396,-0.12338,-0.023,0.11825,-0.03522,-0.07084,0.06404,-0.0001,-0.02936,-0.02629,0.01401,0.02003,-0.06997,0.02263,-0.05425,0.01905,-0.04539,-0.02345,0.05024,0.01372,-0.03113,-0.03806,-0.05154,-0.06463,-0.06933,0.01194,-0.04249,-0.00399,0.00318,0.0078,0.00629,-0.04147,-0.06088,0.00442,0.0698,0.05428,0.04852,0.05132,0.05627,-0.07204,0.02625,-0.06241,-0.04161,0.09416,-0.04349,0.08074,-0.02237,0.01488,-0.06425,-0.0659,-0.0274,0.09095,-0.00266,-0.0418,0.08432,-0.02893,-0.02467,0.05245,0.03285,0.04654,0.00278,0.02448,0.0084,-0.06268,-0.0571,-0.01103,-0.0721,0.00043,0.02455,0.01699,0.059,-0.09697,0.03478,-0.04362,0.00232,0.00937,0.02573,-0.0164,0.05891,-0.0262,0.06154,0,-0.02841,0.02305,-0.00528,0.06518,-0.02039,-0.00593,-0.01834,0.03736,0.05678,0.00194,-0.02609,0.06107,0.05117,-0.07648,-0.01042,0.0239,-0.03945,-0.07494,0.03497,0.04578,0.02469,0.02938,-0.0466,0.04806,0.00848,0.00265,0.02348,0.02844,0.01662,-0.00995,-0.03061,-0.06459,-0.04115,0.03805,0.04522,-0.07818,-0.01527,0.14933,0.01526,0.02621,0.009,-0.00209,-0.04408,0.02157,-0.04649,0.02943,-0.02559,-0.00337,0.02404,0.00159,-0.10091,0.03738,-0.05322,0.00475,-0.03589,0.04686,0.03462,0.1151,0.05008,0.00525,0.03145,-0.14862,0.00712,-0.02887,0.04491,-0.00318,-0.02628,0.05311,0.0002,0.09743,0.08042,0.076,0.04839,0.01866,0.01992,-0.04457,0.10789,-0.02654,0.02084,0.08821,-0.0715,0.10507,-0.01423,0.04021,0.05819,-0.00148,0.05191,0.00636,0.02878,0.03155,-0.0137,0.06784,0.01734,-0.08551,-0.01472,0,-0.08151,-0.03866,-0.05862,0.04443,0.01581,-0.04059,0.07193,0.04915,-0.05197,-0.00521,-0.01842,0.07769,0.06483,-0.11077,0.12695,-0.06371,-0.0155,0.01029,-0.07038,-0.02077,-0.00725,0.0315,-0.06579,0.07863,-0.02073,-0.06842,-0.00058,0.0073,0.01135,0.00309,-0.00849,0.03679,0.04106,0.06125,-0.04331,0.07876,-0.06289,0.08129,-0.08559,-0.02559,-0.01751,-0.01894,-0.01856,-0.04606,-0.08547,0.05548,0.02813,0.00724,-0.01631,0.00938,0.01191,0,0.04015,0.02744,0.05226,-0.00003,-0.00829,-0.05235,0.00152,0.01411,-0.07811,0.12649,0.08891,-0.00138],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. - fAutoSizeToFitChildren: InputSignal<boolean; Default: false. Container UX: resize the parent node so all children fit inside it. f Auto Size To Fit Children Input Signal","excerpt":"- fAutoSizeToFitChildren: InputSignal<boolean; Default: false. Container UX: resize the parent node so all children fit inside it."},{"chunkId":"/docs/f-node-directive#11","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00221,-0.00333,-0.04435,0.00505,0.08517,-0.01156,0.0539,0.01838,0.05047,0.0256,0.00369,-0.01806,-0.04652,-0.04253,-0.12031,0.00896,-0.03121,0.08063,0.00178,-0.01324,0.04173,-0.06676,-0.06137,-0.02226,-0.01616,0.02937,-0.0062,0.02516,-0.00219,-0.11794,-0.0219,0.0827,-0.03422,0.03155,-0.13299,0.01777,-0.00686,-0.07108,-0.10505,-0.01333,0.05245,-0.04425,0.10338,-0.04663,-0.0054,0.07565,-0.05222,0.03671,-0.07918,0.08057,0.01659,-0.00509,-0.02275,0.1322,0.03854,0.07847,0.04249,-0.07419,-0.02031,0.00634,0.01602,-0.01654,-0.06042,-0.01219,0.06538,-0.01971,-0.02271,-0.03166,0.00363,-0.01009,0.04106,0.01043,-0.02134,-0.10642,0.08859,-0.09172,0.0055,0.09341,0.00189,-0.01771,0.11977,0.07653,0.01315,0.02615,0.00162,0.08047,-0.08749,0.03813,-0.03927,0.1079,-0.08651,0.02986,-0.10089,-0.03723,-0.042,-0.0123,-0.01995,-0.05541,0.01096,0.01231,0.01378,0.00185,0.00581,0.00053,-0.04242,-0.05277,-0.03514,0.01917,-0.03613,0.00079,-0.02764,0.00711,0.01434,-0.01072,-0.00328,-0.00267,-0.08047,-0.01624,0.04435,-0.00379,0.01361,0.06559,-0.08448,0.03302,0.04856,-0.0259,-0.04453,0,-0.03819,-0.01319,-0.01451,0.05114,0.03325,0.06671,0.03292,-0.0376,0.02119,-0.04498,-0.05259,0.02814,-0.03657,-0.01409,-0.008,-0.16039,0.05276,0.09352,-0.06292,-0.023,0.08776,0.05212,-0.04957,-0.06386,0.02519,0.0358,-0.08851,0.02654,-0.0624,0.02171,-0.02662,0.03236,-0.00541,-0.03416,-0.00049,-0.04273,-0.05792,-0.07222,-0.05902,-0.01835,-0.04745,0.06025,-0.08193,-0.01621,-0.00247,-0.06554,-0.06052,0.00044,0.07589,0.07847,0.05244,0.01105,0.08153,-0.05312,0.08419,-0.05746,-0.00336,0.0685,-0.05323,0.06775,-0.01466,0.08644,-0.02267,-0.09916,0.01847,0.09198,-0.01127,0.008,0.07015,0.00261,-0.03333,0.07604,0.03844,-0.01706,0.03637,0.04674,-0.01686,-0.06941,-0.06176,-0.05602,-0.01738,0.01074,0.01433,-0.02889,0.04055,-0.05875,-0.01406,-0.04877,-0.03781,0.00905,0.04926,-0.03991,0.04681,-0.02754,0.00889,0,-0.01656,0.05035,-0.04263,0.05543,-0.05016,0.00032,-0.01498,0.01787,0.04821,-0.03596,-0.05231,0.01782,-0.04007,0.00805,0.04135,-0.01577,-0.05989,-0.07472,0.0111,-0.00988,0.03683,0.03466,0.0333,0.05885,-0.01595,0.00567,0.07326,0.048,0.03552,-0.0387,0.00979,-0.08907,-0.04349,0.02225,0.0746,-0.07546,0.03605,0.09015,0.04736,0.03257,0.03307,0.0322,0.00094,0.01181,-0.01111,0.02449,-0.08601,0.03766,0.05912,-0.01502,-0.05883,0.01652,-0.12726,0.01646,-0.03254,-0.00724,0.1004,0.07856,0.02741,-0.01623,-0.04821,-0.14393,-0.02385,-0.04763,0.03355,-0.00046,0.01257,0.0057,0.07502,0.10907,0.06535,0.08665,0.0652,-0.00958,0.01872,-0.03017,0.11356,-0.08962,0.0354,0.04442,-0.07282,0.05038,0.05305,0.02914,0.02778,0.00989,-0.0046,-0.01081,0.06343,0.00853,0.05089,0.0733,-0.00549,-0.05886,-0.00472,0,-0.0876,-0.04868,-0.05958,0.06841,-0.00952,0.01354,0.06338,-0.00928,-0.02319,-0.06694,0.01539,0.06016,0.08866,-0.07283,0.12757,-0.02722,0.03903,-0.05259,-0.05588,-0.00308,-0.02839,0.00554,-0.07498,0.05506,-0.06627,-0.07223,0.01602,0.02539,-0.02185,-0.04847,-0.00859,0.04904,0.02409,0.04188,-0.03804,0.0731,-0.04323,0.04333,-0.01716,0.03701,-0.01893,0.01772,-0.06318,-0.02285,-0.07751,0.04864,0.03325,-0.05926,-0.06856,0.01994,-0.00432,0.02504,0.01358,0.05588,0.01589,-0.02487,-0.0398,-0.02785,0.04558,0.00984,-0.02427,0.07552,0.04675,-0.00372],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Outputs Important: outputs are designed for state persistence. In typical drag flows, you react to the final result (not per-mousemove streaming). - fNodePositionChange: OutputEmitterRef<IPoint; Emits when the final node position is committed by an interaction (for example, after drag ends). - fNodeRotateChange: OutputEmitterRef<number; Emits when rotation is committed (after rotate interaction ends). - fNodeSizeChange: OutputEmitterRef<IRect; Emits when resize is committed (after resize ends). Payload is the resulting rect. f Node Position Change Output Emitter Ref I Point f Node Rotate Change f Node Size Change I Rect","excerpt":"Outputs Important: outputs are designed for state persistence. In typical drag flows, you react to the final result (not per-mousemove streaming). - fNodePositionChange: OutputEmitterRef<IPoint; Emits when the final node position is committed by an interaction (for example, after drag ends). - fNodeRotateChange: OutputEmitterRef<number; Emits when rotation is committed (after rotate interaction ends). - fNodeSizeChange: OutputEmitterRef<IRect; Emits when resize is committed (after resize ends). Payload is the resulting rect."},{"chunkId":"/docs/f-node-directive#12","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.01322,-0.00038,-0.02197,0.03477,0.03599,-0.05556,-0.01551,0.03088,0.0384,0.05957,-0.01486,0.08498,-0.02659,-0.07223,-0.05456,-0.00508,-0.02139,0.09008,0.03614,-0.0041,0.00121,-0.07082,-0.05714,-0.05356,-0.04341,-0.01081,-0.05259,0.03244,0.0504,-0.08625,-0.03267,0.15687,-0.06213,0.02429,-0.13337,0.08584,-0.01366,-0.01524,-0.0639,0.03338,0.04101,-0.03297,0.05797,-0.02687,0.09097,0.06031,-0.08167,0.05286,-0.07304,0.0459,0.02012,-0.03895,-0.02124,0.10877,0.03192,0.04011,0.02992,-0.05336,0.00401,0.06485,0.10233,-0.02757,-0.02103,0.02445,0.06995,0.04008,-0.02835,-0.04674,0.0443,-0.01511,0.09033,0.04899,-0.00015,-0.08441,0.06698,-0.0837,0.00178,0.06986,-0.02289,-0.03152,0.09004,0.10277,0.02353,-0.0173,0.00308,0.0779,-0.06131,-0.02942,-0.03932,0.10974,-0.03671,0.02766,-0.09348,-0.01611,-0.06358,0.00175,-0.05012,-0.04102,-0.01052,0.04193,0.02691,0.01065,-0.02719,0.00498,-0.04117,-0.07933,-0.02171,0.06066,-0.03363,-0.02348,-0.04654,-0.0156,-0.00778,-0.03703,-0.09061,-0.04467,-0.03343,-0.0751,0.06404,0.02256,0.03919,0.09621,-0.05949,-0.04668,0.04159,-0.02401,-0.01776,0,-0.0302,0.01783,-0.01127,0.07531,0.0917,0.04581,0.04463,-0.06521,0.01262,-0.06805,-0.00966,0.00759,-0.04533,-0.04232,0.0035,-0.13415,0.00156,0.09909,-0.05028,-0.02959,0.07018,0.00884,-0.03206,-0.02918,0.0112,0.06306,-0.07329,0.03668,-0.09424,0.02191,-0.03387,-0.00624,0.02409,0.00196,-0.01709,-0.0327,-0.06303,-0.09089,-0.08005,-0.0298,-0.0222,0.04958,-0.01897,0.00771,0.00082,-0.08123,-0.09307,0.03097,0.07969,0.05388,0.03499,0.08863,0.07327,-0.07649,0.01871,-0.05587,-0.04874,0.03143,-0.06997,0.09665,-0.00214,0.02955,-0.07113,-0.05758,0.01006,0.10649,0.02164,-0.04283,0.07481,-0.044,-0.00276,0.06224,0.03544,0.04126,-0.01777,0.00124,-0.03127,-0.05331,-0.02585,-0.03505,-0.03447,-0.0361,-0.00489,0.04909,0.04218,-0.07729,0.04646,-0.05327,-0.01236,-0.00092,0.05159,0.01338,0.06853,-0.02133,0.08095,0,-0.0135,-0.00737,-0.04091,0.08797,-0.05768,0.00109,-0.04895,0.02996,0.03185,-0.02731,-0.03661,0.02951,-0.00143,-0.02897,-0.00178,0.03878,-0.0379,-0.10687,-0.02275,0.05098,0.04313,0.00696,-0.01013,0.01483,-0.00229,0.02626,0.02161,0.00505,-0.0138,-0.03507,-0.02363,-0.09957,-0.07578,0.033,0.08885,-0.00353,-0.00146,0.09163,0.02685,0.04232,0.06222,0.05295,-0.00636,-0.01366,-0.02978,0.05333,-0.08027,0.00511,0.01521,-0.02678,-0.05553,0.03378,-0.0574,0.01144,-0.02542,0.0488,-0.01271,0.09904,0.02738,0.01451,0.0355,-0.15971,-0.00463,-0.03256,0.0189,-0.00016,-0.01631,-0.01279,0.02563,0.0616,0.03906,0.05888,0.04985,-0.01956,0.01549,-0.05187,0.12478,-0.06743,-0.01137,0.07065,-0.05284,0.09839,-0.02104,0.01169,0.04673,-0.00733,0.02427,0.00151,0.03638,-0.0227,0.00586,0.05438,-0.03449,-0.07147,-0.04191,0,-0.1005,-0.02206,-0.03212,0.01751,0.04695,-0.04435,0.047,0.03861,-0.072,-0.0549,0.00994,0.07251,0.09277,-0.09198,0.12237,-0.04171,0.016,-0.02518,-0.09742,-0.0311,-0.06847,0.01639,-0.0505,0.05223,-0.01171,-0.02877,0.04157,0.00603,0.01318,-0.03365,-0.00223,0.03989,0.05441,0.07347,-0.01689,0.0924,-0.0393,0.05785,-0.06754,0.00062,0.00684,-0.03652,-0.00278,0.02635,-0.0215,0.02006,0.01152,0.00304,-0.03559,-0.00489,-0.01109,-0.00708,0.01563,0.02274,0.04176,-0.01724,0.01594,-0.04218,0.00928,0.00431,-0.06883,0.11048,0.06499,-0.01453],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Methods - refresh(): void; Forces a node refresh for cases where geometry/connector placement must be recalculated (for example, after significant DOM/content changes that affect size/anchors).","excerpt":"Methods - refresh(): void; Forces a node refresh for cases where geometry/connector placement must be recalculated (for example, after significant DOM/content changes that affect size/anchors)."},{"chunkId":"/docs/f-node-directive#13","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.0185,0.03822,-0.01084,-0.02977,0.04178,-0.03347,0.01971,0.05956,0.01543,0.04191,-0.03961,0.02402,-0.04245,-0.06052,-0.05282,0.00097,-0.02583,0.06143,0.06577,0.00858,0.00173,-0.05157,-0.06383,-0.05179,-0.04568,0.00722,-0.0113,0.03456,0.01388,-0.11382,-0.04256,0.14181,-0.02584,0.06577,-0.11242,0.02743,-0.00745,-0.02472,-0.08456,0.03126,0.07199,-0.01965,0.10444,-0.05943,0.06584,0.07852,-0.077,0.03362,-0.0655,0.02682,-0.00565,-0.03266,0.00089,0.10655,0.05395,0.00289,0.02822,-0.10458,-0.00209,0.06439,0.09034,-0.02512,-0.05131,0.00273,0.04772,0.01688,-0.01866,-0.02838,0.01184,-0.04841,0.04642,0.03896,-0.01366,-0.07303,0.1024,-0.03134,0.01682,0.06271,-0.02383,-0.02955,0.0734,0.13291,0.0028,-0.02364,-0.01243,0.0646,-0.11885,0.01275,-0.00811,0.08961,-0.04061,0.01797,-0.13431,-0.04766,0.02635,-0.02122,-0.05977,-0.10048,-0.02396,0.01265,0.02261,-0.02226,-0.02806,0.00379,-0.04176,-0.03197,-0.03279,0.00258,0.03445,-0.03893,-0.06325,-0.07199,-0.01253,-0.04697,-0.05316,-0.05843,-0.0504,-0.04379,0.06651,-0.03031,-0.01862,0.05743,-0.07489,0.02887,0.03607,-0.02729,-0.04734,0,-0.02932,0.06354,-0.01281,0.03616,0.06927,0.0482,0.05055,-0.0308,-0.00866,-0.03312,-0.03312,-0.02106,-0.03231,-0.03356,0.03125,-0.14988,0.04565,0.1223,-0.10255,-0.04293,0.07569,0.02374,-0.03262,-0.04883,0.02468,0.02342,-0.06273,0.00699,-0.05635,0.01292,-0.02603,-0.01191,0.03521,0.00345,0.00813,-0.04311,-0.06402,-0.07723,-0.04629,-0.03726,-0.0239,0.06093,-0.02582,-0.01311,-0.00735,-0.01606,-0.06384,0.01821,0.08705,0.04192,0.02749,0.05768,0.0413,-0.06102,0.08896,-0.03395,-0.00494,0.10446,-0.03334,0.10537,-0.04612,0.04045,-0.04314,-0.08881,0.00209,0.08585,-0.0114,-0.04851,0.08741,-0.00505,-0.02271,0.06585,0.02469,0.03835,-0.00487,0.01421,-0.01756,-0.03114,-0.01493,-0.01178,-0.13422,0.03661,0.01075,-0.0042,0.02405,-0.07024,0.07359,-0.02952,-0.02411,0.01325,0.05006,0.03036,0.03299,-0.01362,0.05588,0,-0.06679,0.03606,-0.0445,0.04781,-0.04297,-0.01306,-0.00109,0.02399,0.01489,-0.01235,-0.00491,0.04868,0.03669,-0.03122,0.02899,-0.00725,-0.05362,-0.09243,-0.00696,0.03965,0.03879,0.04587,-0.00326,0.00028,-0.017,0.04127,0.03881,0.00238,0.00311,-0.0204,-0.05334,-0.04824,-0.07079,0.0254,0.05987,-0.01968,-0.00596,0.1101,0.00158,-0.00628,0.01399,0.03333,-0.01139,-0.00426,-0.05563,0.01639,-0.01643,0.05678,0.04871,-0.00435,-0.10666,0.0211,-0.04374,0.04159,-0.02361,0.01762,0.03307,0.0623,0.03206,-0.04277,0.02941,-0.13783,0.02389,-0.05006,0.03367,-0.00558,0.03916,0.00137,0.01177,0.0753,0.06225,0.09063,0.07756,0.00209,-0.00525,-0.03694,0.13316,-0.02501,-0.00778,0.06823,-0.07607,0.13156,-0.02507,0.0649,0.07438,0.02511,0.05551,-0.0123,0.03843,0.02984,0.00462,0.06589,-0.01362,-0.04113,-0.01977,0,-0.11858,-0.03153,-0.05051,0.00986,0.01723,-0.04868,0.07494,0.02451,-0.04101,-0.00946,-0.00445,0.04611,0.05853,-0.08325,0.1528,-0.06543,0.01147,-0.01258,-0.08945,-0.00497,-0.04159,-0.00149,-0.07228,0.0277,-0.02077,-0.03304,-0.01385,-0.01877,0.00185,0.00429,0.00079,0.04016,0.06853,0.0743,0.00129,0.09913,-0.06196,0.08936,-0.06683,-0.01369,0.00298,-0.0053,-0.02671,-0.00133,-0.05083,0.07756,0.01304,-0.01548,-0.05957,0.00973,-0.02508,-0.00273,0.04095,0.06782,0.05217,0.00104,-0.01536,-0.0654,0.01795,0.01474,-0.06019,0.08691,0.03174,0.01396],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Types IPoint ISize IRect I Point I Size I Rect","excerpt":"Types IPoint ISize IRect"},{"chunkId":"/docs/f-node-directive#14","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00884,0.05932,-0.04307,0.01502,0.06821,-0.0033,0.02678,0.0348,0.03732,0.03933,-0.03062,0.04605,-0.03469,-0.06414,-0.04303,-0.01638,-0.05188,0.06663,0.05444,0.0483,-0.00809,-0.04172,-0.02638,-0.02868,-0.0215,0.02547,-0.01251,0.05501,0.02731,-0.09819,-0.02634,0.1604,-0.01528,0.05542,-0.13817,0.0135,0.00039,-0.00733,-0.0923,0.02324,0.0437,-0.03517,0.0777,-0.0794,0.0222,0.07648,-0.06154,0.00704,-0.07669,0.06814,0.03495,-0.03492,0.00098,0.11305,0.03861,0.03059,0.07256,-0.07762,-0.00261,0.05264,0.06119,-0.0299,-0.04268,0.02107,0.02347,0.05042,-0.0228,-0.04505,0.02126,-0.03235,0.08127,0.01771,0.00008,-0.06836,0.08067,-0.06991,0.03899,0.06543,-0.02353,-0.02468,0.05166,0.09403,0.00937,0.01212,-0.05302,0.11362,-0.11097,0.00777,-0.02944,0.11643,-0.08454,0.03577,-0.08005,-0.06061,0.00617,0.00405,-0.06081,-0.04779,-0.03527,-0.00319,0.02165,-0.03207,-0.00708,0.02993,-0.02126,-0.06308,-0.02109,-0.02065,-0.01928,-0.04058,-0.03447,-0.01251,0.00044,-0.03355,-0.05233,-0.05957,-0.04216,-0.06728,0.04047,0.02517,0.01888,0.05353,-0.07243,-0.02411,0.04576,-0.01654,-0.04149,0,0.00066,0.00545,0.01855,0.04543,0.09364,0.03359,0.05162,-0.07814,0.00483,-0.0371,-0.02664,-0.00788,-0.06707,-0.04711,-0.03671,-0.1496,0.0141,0.08521,-0.05203,-0.03207,0.10854,0.00669,-0.03603,-0.0355,0.02524,0.02918,-0.05872,0.01801,-0.06312,0.02926,-0.04131,-0.02326,0.03188,-0.00921,-0.00561,-0.02391,-0.08953,-0.05918,-0.06416,-0.01867,-0.07117,0.03416,-0.01858,0.01779,-0.01438,-0.03181,-0.07473,-0.00695,0.10353,0.07635,0.04299,0.05253,0.08934,-0.06016,0.0866,-0.05584,0.00336,0.09522,-0.06913,0.09437,-0.04018,0.06625,-0.06343,-0.11119,0.03695,0.09067,0.00007,-0.02722,0.04209,-0.06255,-0.02293,0.03586,0.01887,0.03827,0.01532,0.01701,0.01627,-0.03407,-0.04046,-0.01236,-0.09759,-0.01264,-0.00049,-0.01372,0.04551,-0.0595,0.03748,-0.04738,-0.01525,-0.00568,0.05743,0.02024,0.05029,0.00368,0.04484,0,-0.06022,0.03308,-0.01594,0.102,-0.03171,0.01289,-0.03024,0.00961,0.01046,0.00132,-0.01831,0.05573,-0.03125,-0.04416,0.03112,0.01435,-0.06524,-0.08235,0.01238,0.06236,0.01463,0.0379,-0.0286,0.02108,-0.04059,0.0129,0.02381,0.03498,0.03257,-0.06273,-0.02602,-0.0693,-0.06703,0.00737,0.05351,-0.05991,-0.03788,0.12955,0.02138,0.03925,-0.00528,0.02749,0.00408,0.02976,-0.04032,0.03118,-0.04783,-0.00051,0.04021,0.01381,-0.09235,0.03264,-0.06549,0.05119,-0.00566,0.02479,0.04893,0.10262,0.01884,0.00538,0.05206,-0.11781,-0.01395,-0.0588,0.03527,-0.00331,-0.00112,0.01954,0.01853,0.08653,0.04372,0.07456,0.06329,-0.00693,0.02182,-0.04134,0.1353,-0.01303,0.0335,0.0845,-0.06618,0.12712,-0.02615,0.03232,0.04084,0.0016,0.00704,-0.01596,0.05635,-0.01038,0.01066,0.06236,-0.00199,-0.05549,-0.03831,0,-0.12008,-0.0433,-0.03383,-0.01112,0.03053,-0.01974,0.04631,0.01689,-0.0433,-0.01839,-0.00015,0.07475,0.0795,-0.09178,0.11844,-0.07075,-0.003,0.0122,-0.07846,-0.01095,-0.01859,-0.00678,-0.08008,0.08164,-0.02288,-0.05524,0.00722,-0.02618,0.01562,0.02412,-0.05836,0.04667,0.02706,0.01686,-0.01444,0.08747,-0.0703,0.03623,-0.05482,0.0016,0.00991,-0.01744,-0.04547,-0.00785,-0.06136,0.05141,0.01173,-0.01961,-0.06807,0.0229,0.00235,-0.0119,0.02919,0.08901,0.01626,0.02431,-0.01108,-0.05479,0.04224,-0.02188,-0.07533,0.08522,0.05103,0.01845],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Styling - .f-component Base class for flow primitives. - .f-node Node host class. - .f-node-dragging-disabled Applied when fNodeDraggingDisabled = true. - .f-node-selection-disabled Applied when fNodeSelectionDisabled = true. - .f-selected Applied when the node is selected. f Node Dragging Disabled f Node Selection Disabled","excerpt":"Styling - .f-component Base class for flow primitives. - .f-node Node host class. - .f-node-dragging-disabled Applied when fNodeDraggingDisabled = true. - .f-node-selection-disabled Applied when fNodeSelectionDisabled = true. - .f-selected Applied when the node is selected."},{"chunkId":"/docs/f-node-directive#15","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00821,0.00779,-0.0089,0.00688,0.04371,-0.03263,-0.04713,0.01992,0.02849,0.01335,-0.05795,0.0562,-0.0259,-0.03206,-0.025,0.01495,-0.02625,0.04336,0.01942,0.02469,-0.0196,-0.07557,-0.00046,-0.02476,-0.04966,0.00088,-0.00076,0.04113,0.02032,-0.06467,0.01657,0.11685,-0.09343,0.0285,-0.08938,0.05557,0.02683,-0.03944,-0.07709,0.03157,0.12383,-0.01929,0.07535,-0.03538,0.02225,0.03867,-0.06953,0.04435,-0.07547,0.05075,-0.0028,-0.02564,0.01059,0.09191,0.01258,0.06168,-0.00853,-0.03797,0.00959,0.09929,0.08155,-0.03248,-0.00155,-0.01279,0.05821,0.0294,-0.01565,-0.03037,-0.00617,0.00915,0.09198,0.05464,-0.03215,-0.06613,0.04943,-0.00603,-0.01433,0.04919,-0.03325,-0.07442,0.09009,0.15317,0.00203,-0.00132,-0.00341,0.06497,-0.06722,-0.06609,-0.06487,0.11796,-0.03969,0.00363,-0.05068,-0.02966,-0.00185,0.03211,-0.0639,-0.05489,-0.00118,0.00291,-0.02286,0.03646,-0.00683,0.06063,-0.00541,-0.03534,-0.06716,0.05152,-0.0024,-0.01482,-0.01522,0.0274,0.02015,-0.02281,-0.08754,-0.0722,-0.00949,-0.06938,0.045,0.05779,-0.03119,0.0409,-0.003,0.01088,0.05473,-0.02259,-0.04586,0,-0.02879,0.00043,-0.00855,0.05614,0.11237,0.03693,0.01532,-0.06731,-0.02207,-0.03238,-0.0751,-0.01395,-0.05157,-0.07763,-0.02114,-0.09383,-0.01504,0.09065,-0.03776,-0.02609,0.04633,-0.07135,-0.033,-0.04198,0.05299,0.03326,-0.07017,0.0327,-0.02631,0.01199,-0.0286,-0.01673,0.07752,0.01532,-0.01321,-0.03123,-0.05407,-0.08571,-0.12488,0.00407,-0.06053,0.03526,-0.01417,0.02708,-0.02585,-0.02701,-0.03785,-0.00499,0.0641,0.02774,-0.01744,0.04204,0.11043,-0.06986,0.03157,-0.10206,-0.08024,0.04035,-0.03822,0.07218,0.00388,0.0301,-0.09872,-0.0468,0.0624,0.12171,-0.01669,-0.00145,0.08385,-0.04091,0.00761,0.06849,0.00068,0.02282,-0.00467,0.00128,-0.04904,-0.01455,0.01259,-0.01151,-0.0531,-0.00662,0.04632,0.06129,0.07505,-0.02939,0.04001,-0.08343,-0.00641,0.04961,0.08619,0.02875,0.0733,-0.01564,0.08637,0,-0.06602,0.02258,-0.0017,0.03557,-0.00625,-0.03311,-0.04529,-0.00809,0.06582,0.01415,0.00905,0.05484,-0.01243,-0.06717,0.00571,-0.00841,-0.01499,-0.07882,0.06381,0.05135,0.03338,0.02983,-0.01754,-0.02196,0.0417,0.01257,0.01882,-0.02236,-0.00843,-0.02081,0.02007,-0.04668,-0.05248,0.0112,0.05319,-0.01868,-0.08256,0.11986,0.07881,-0.01362,0.02532,0.03274,-0.03573,-0.00361,-0.02763,0.01939,-0.08003,-0.01936,-0.01639,0.00532,-0.10109,0.09374,-0.05666,0.02583,-0.01679,0.01725,0.03911,0.11496,-0.00431,-0.01536,0.091,-0.09863,-0.0235,-0.01856,0.05521,-0.02685,-0.01774,-0.00663,0.05463,0.06872,-0.00363,0.02012,0.02461,0.00623,0.03623,-0.07861,0.0899,-0.02243,0.02325,0.11743,-0.08919,0.12375,-0.05,-0.01034,0.06585,-0.00367,0.05906,0.04705,0.04138,0.07299,0.03049,0.02409,-0.05215,-0.06697,-0.07287,0,-0.06663,-0.00866,-0.09775,0.01558,0.0391,-0.04193,-0.00449,0.02398,-0.05099,0.03282,-0.00702,0.07487,0.02907,-0.07515,0.09207,-0.09439,0.01158,-0.04449,-0.10978,0.01116,-0.08899,0.04702,-0.10518,0.0973,-0.05227,-0.03871,0.02422,-0.02766,-0.02544,0.0113,-0.03919,0.032,-0.03008,0.09521,-0.06555,0.07373,-0.05158,0.07636,-0.07104,-0.00179,0.0263,-0.0453,0.0339,0.01811,-0.01166,0.069,0.01392,0.00388,-0.0186,0.05521,-0.01509,-0.00288,0.0131,0.00163,0.06448,-0.07682,0.01144,-0.00715,0.01751,-0.00677,-0.0589,0.04339,0.08231,-0.04091],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Notes and pitfalls - If you render multiple nodes at the same position, they will overlap. - If you rely on content-based sizing (no fNodeSize), dynamic content changes can cause re-measuring and affect connection routes — this is expected. - When using fNodeParentId, make sure the referenced parent id exists; otherwise hierarchy-based behaviors won’t apply. - Connector directives should normally live inside a node; “node-as-connector” patterns are only valid where explicitly documented by an example. f Node Size f Node Parent Id","excerpt":"Notes and pitfalls - If you render multiple nodes at the same position, they will overlap. - If you rely on content-based sizing (no fNodeSize), dynamic content changes can cause re-measuring and affect connection routes — this is expected. - When using fNodeParentId, make sure the referenced parent id exists; otherwise hierarchy-based behaviors won’t apply. - Connector directives should normally live inside a node; “node-as-connector” patterns are only valid where explicitly documented by an example."},{"chunkId":"/docs/f-node-directive#16","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[-0.0331,0.0638,-0.06708,-0.00202,0.07789,0.04676,-0.00117,0.06142,0.03399,0.06333,-0.04129,0.0293,-0.03162,-0.03559,-0.00093,0.00751,-0.08677,0.08427,0.02818,-0.01567,-0.02196,-0.03269,0.01818,-0.01714,-0.04254,0.03933,-0.01444,0.05024,0.0169,-0.06954,0.03397,0.1215,0.00762,0.05245,-0.12976,0.03523,-0.01703,0.02427,-0.0548,0.0115,0.11231,0.01494,0.06303,-0.12021,0.03019,0.03592,-0.08725,0.05515,-0.06949,0.05999,-0.01131,-0.09642,-0.01441,0.09812,0.00996,0.01556,0.01288,-0.11483,0.03161,0.02845,0.06776,-0.06362,-0.01642,0.00579,0.04868,0.03739,-0.08233,-0.00632,-0.02366,0.02122,0.05743,0.01167,-0.00343,-0.04538,0.06406,-0.06181,0.00172,0.07691,-0.03221,-0.03236,0.02672,0.09929,0.01666,0.02853,-0.04387,0.10703,-0.06347,-0.03156,-0.01028,0.05285,-0.05781,0.02768,-0.09249,-0.04709,0.0396,0.03028,-0.07169,-0.02358,-0.06,0.01824,0.00411,-0.06155,0.01954,0.03681,-0.02679,-0.0253,-0.05173,0.01928,-0.0234,-0.02191,-0.03477,0.02255,-0.01132,-0.05923,-0.04781,-0.06933,-0.01707,-0.04587,0.02006,0.06722,0.04402,0.02357,-0.09679,-0.02766,0.04695,0.03475,-0.0209,0,-0.01996,0.05361,0.00958,0.04271,0.08291,0.0145,0.01855,-0.10191,-0.0004,0.01176,-0.04801,-0.00929,-0.05535,-0.06826,-0.05736,-0.15578,-0.00427,0.0585,-0.03939,-0.04628,0.09073,-0.02358,-0.09008,-0.01075,0.03978,-0.00429,-0.06154,0.02236,-0.09649,-0.00948,0.01701,0.00325,0.08224,-0.01954,0.0106,-0.03762,-0.02325,-0.05952,-0.07553,-0.02784,0.00714,0.01716,-0.03183,0.05696,-0.01776,-0.01548,-0.05423,-0.01577,0.14386,0.0718,0.03234,0.06659,0.02671,-0.05662,0.10453,-0.03637,-0.02409,0.07154,-0.03478,0.08595,-0.01537,0.05885,-0.02912,-0.09069,0.04147,0.05161,0.01027,-0.0367,0.08702,-0.06454,-0.0347,0.07542,0.02853,0.04774,0.00969,0.02239,0.01114,0.00527,0.00402,-0.01211,-0.08243,-0.0267,-0.01882,0.05704,0.06395,-0.0841,0.04367,-0.0598,-0.021,-0.0554,0.04879,0.04104,0.01184,-0.0361,0.04137,0,-0.0293,0.02475,0.0097,0.1112,-0.01989,-0.02862,0.03043,0.05513,0.0347,0.04911,-0.02177,0.04659,-0.00954,-0.05746,0.07518,0.00888,-0.0598,-0.0841,0.05612,0.02578,0.03176,0.09512,-0.01731,0.0288,-0.03728,0.02776,0.04677,0.02906,0.03979,-0.03537,-0.0358,-0.07783,-0.06655,0.04581,0.02854,-0.06392,-0.05231,0.13556,0.03606,0.01939,0.01408,0.0402,-0.04099,-0.00002,-0.07331,-0.00846,0.04257,0.01003,0.01002,-0.03382,-0.09749,0.03151,-0.06444,0.05449,-0.03457,-0.01139,0.0657,0.03615,0.02103,-0.03198,0.03253,-0.07232,-0.00506,-0.05125,0.07798,0.01247,-0.04852,-0.02608,0.02564,0.08534,-0.01885,0.05173,0.07384,-0.00698,0.04009,-0.008,0.09823,0.02635,0.05384,0.0713,-0.11038,0.11987,-0.02195,0.05735,0.05539,0.00264,-0.04073,0.0094,0.07632,0.02777,-0.02161,0.02234,-0.00869,-0.06325,0.01014,0,-0.14388,-0.04382,-0.03605,0.01992,0.02509,-0.04903,0.03545,-0.00752,-0.03028,-0.00022,-0.00823,0.1016,0.06207,-0.09929,0.07375,-0.08148,-0.02261,0.03507,-0.06227,0.00357,-0.02361,0.01757,-0.05854,0.0573,-0.02869,-0.06525,-0.03523,-0.01308,-0.0016,0.01359,-0.01303,-0.00176,0.06718,0.04395,-0.02493,0.00045,-0.10945,0.02906,-0.03812,0.01662,-0.0061,-0.04934,0.00176,0.00128,-0.08001,0.05454,-0.01004,-0.01031,-0.02179,-0.01336,-0.00196,-0.03217,-0.00038,0.05484,0.06112,-0.00623,0.0239,-0.0188,0.01086,-0.02209,-0.07597,0.07698,0.03163,-0.02558],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::","excerpt":"Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::"},{"chunkId":"/docs/f-drag-handle-directive#0","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.0141,0.01994,-0.0317,0.08055,0.05276,0.03616,0.05186,-0.00258,0.03208,0.00091,-0.03666,-0.0322,-0.05679,-0.00657,-0.02812,-0.03826,-0.05493,0.01434,0.07491,0.08237,0.03103,-0.04762,0.02065,-0.01389,-0.06457,0.03873,-0.04921,0.041,0.0745,-0.07609,0.03443,0.04509,-0.08159,0.05812,-0.05944,0.0407,-0.03517,-0.03384,-0.09126,-0.02502,0.07815,0.02865,0.05085,-0.0478,-0.03705,0.07609,0.0383,0.08197,-0.06545,0.08885,0.03518,-0.09754,0.03822,0.0366,0.02709,0.02323,0.05023,-0.07078,0.04303,0.03235,-0.03074,-0.0074,-0.00662,-0.04024,-0.01913,0.02654,-0.09456,0.0055,-0.00024,-0.00952,0.09193,-0.01881,0.00525,0.00632,0.06629,-0.03286,-0.01173,0.0758,-0.01751,-0.03769,0.0145,0.00413,0.02069,0.02152,-0.06796,0.08244,-0.08586,-0.05495,-0.03867,0.08744,0.00587,0.09159,-0.08386,-0.04518,-0.02683,-0.06302,-0.0189,-0.07042,-0.07522,-0.0175,0.01086,-0.01797,0.02693,0.09872,0.02506,-0.06122,0.01879,-0.13061,-0.12019,0.03589,-0.0328,0.02963,0.05527,-0.03851,-0.03974,-0.06425,-0.05998,-0.02076,0.03326,-0.0252,-0.02916,0.06043,-0.01028,0.01475,0.021,-0.06597,-0.08879,0,-0.01943,-0.0154,-0.05504,0.02771,0.02127,-0.04481,0.0361,-0.03093,-0.01929,-0.00102,0.03083,-0.04826,-0.03302,0.03245,-0.00235,-0.13898,-0.02196,0.00665,-0.02052,-0.02154,0.06444,-0.09867,-0.04071,-0.10601,0.00725,0.04408,-0.05469,0.02233,0.07423,0.05884,-0.04691,-0.02461,-0.02504,-0.00786,-0.05702,0.01117,-0.03412,-0.06676,-0.01927,-0.03829,-0.02759,0.0002,-0.03297,-0.02608,-0.0094,-0.0004,-0.01424,0.00436,-0.01561,-0.0268,0.05035,-0.03073,0.11124,-0.04434,0.03704,-0.08784,-0.03876,0.09268,0.02065,0.05123,0.02981,0.04347,-0.06725,-0.08906,0.08552,0.08286,0.03334,0.06898,-0.01665,-0.09125,-0.0303,0.01052,0.08611,-0.01899,0.03066,0.04243,-0.00273,-0.07401,0.00191,-0.03264,-0.03175,-0.03153,0.07861,-0.03533,0.07227,-0.08538,0.05748,0.04149,-0.10316,-0.02307,0.05012,-0.03302,0.05873,0.04953,0.03911,0,0.00233,0.03474,0.05477,0.01684,-0.01797,-0.03117,0.0157,-0.0464,0.02556,-0.02664,-0.06109,0.00613,-0.03986,-0.01597,-0.00373,-0.0145,-0.0917,0.00578,-0.01047,-0.02623,-0.02547,-0.03259,-0.03369,0.06037,-0.03573,-0.0188,0.00357,0.06077,-0.01733,-0.0132,0.00207,-0.05286,0.00298,-0.01263,-0.01895,-0.08418,-0.05364,0.08959,0.08941,0.04042,0.03469,-0.01684,-0.02394,0.00116,0.01377,0.04021,-0.07364,0.0187,-0.01645,0.01322,-0.10588,0.03121,-0.06438,0.02564,0.03795,0.05093,0.1247,0.06312,0.03332,-0.06374,0.04852,-0.04523,-0.02217,-0.02614,0.10912,0.01101,0.01862,0.00838,0.07302,0.06402,0.02041,0.0916,0.00059,-0.03397,0.07099,0.04244,0.17854,0.01491,0.04234,0.00989,-0.01317,0.04342,-0.00167,0.04293,0.06236,0.00589,-0.04585,-0.06799,0.00004,0.00526,-0.0185,-0.0082,0.07973,-0.05569,-0.0596,0,-0.08673,-0.02846,0.0198,-0.01856,0.02656,0.08735,0.01271,0.012,-0.02316,-0.01778,-0.00978,0.03644,0.05081,-0.01023,0.03445,-0.02348,-0.00209,0.00916,-0.02037,-0.06852,0.00395,0.04772,0.00903,0.08463,-0.06132,-0.08837,-0.05303,-0.05866,0.06895,-0.0015,-0.02391,0.05822,0.03066,0.06538,-0.04316,0.13047,-0.05016,0.02063,-0.06464,0.04876,0.10453,0.02065,-0.02394,-0.08838,-0.0755,0.08242,0.03099,0.04708,-0.01958,0.06389,0.02653,0.07163,0.01056,0.11216,-0.00994,0.05037,-0.09594,-0.04962,0.01745,0.00715,-0.02821,0.01805,0.07476,0.04271],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Drag Handle Selector: [fDragHandle] Class: FDragHandleDirective FDragHandleDirective marks an element as the only valid drag start surface for moving a node. In Foblex Flow, node dragging is enabled by fDraggable on the parent f-flow, but a drag start area must be defined. The simplest option is to put fDragHandle on the node itself (the whole node becomes draggable). For more complex nodes, put it on a header or a dedicated grip. f Drag Handle F Drag Handle Directive f Draggable","excerpt":"Drag Handle Selector: [fDragHandle] Class: FDragHandleDirective FDragHandleDirective marks an element as the only valid drag start surface for moving a node. In Foblex Flow, node dragging is enabled by fDraggable on the parent f-flow, but a drag start area must be defined. The simplest option is to put fDragHandle on the node itself (the whole node becomes draggable). For more complex nodes, put it on a header or a dedicated grip."},{"chunkId":"/docs/f-drag-handle-directive#1","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.0172,-0.01035,-0.03558,0.10292,0.08778,-0.0085,0.04862,-0.00796,0.02275,0.00318,-0.01345,0.0299,-0.07668,-0.0083,-0.04636,-0.058,-0.03381,-0.04212,0.04954,0.01268,0.03181,-0.07733,0.02249,-0.03762,-0.05723,-0.00175,-0.05299,0.04323,0.07305,-0.09197,0.01312,0.03552,-0.04551,0.05394,-0.11232,0.05887,-0.03987,-0.01048,-0.08795,-0.04356,0.03573,-0.00571,0.04172,-0.04352,-0.025,0.04742,0.00189,0.07974,-0.04807,0.07002,0.03771,-0.08678,0.01745,0.02642,0.06073,0.00607,0.04936,-0.0586,0.03606,0.05524,-0.04669,0.01705,-0.03198,-0.0167,0.03923,0.05607,-0.05031,-0.02881,0.02394,-0.0292,0.10914,-0.00773,-0.03394,-0.00637,0.0662,-0.05489,-0.0515,0.05018,-0.00465,-0.01378,0.04394,0.01927,0.05118,0.0481,-0.04602,0.07039,-0.10454,-0.0232,-0.0126,0.05895,0.0133,0.07187,-0.0948,0.03311,-0.0614,-0.01143,0.00705,-0.06311,-0.08649,-0.00804,0.02279,-0.04435,0.03169,0.06506,0.0529,-0.07224,0.03463,-0.14966,-0.11844,0.03627,-0.04269,0.00528,0.03065,-0.04345,-0.0557,-0.06875,-0.03254,-0.01682,0.04607,-0.01294,-0.02508,0.12599,-0.05681,0.01269,0.04348,-0.07143,-0.08002,0,0.00676,-0.03256,-0.05575,0.01204,0.02715,-0.01813,0.04906,-0.02802,-0.02331,-0.01562,0.06026,-0.05818,-0.05518,0.03015,0.04434,-0.14131,0.00399,0.02204,-0.03633,-0.05783,0.02691,-0.08342,-0.03852,-0.04403,0.01743,0.0819,-0.05817,0.06147,0.05354,0.05811,-0.04888,-0.00943,-0.04313,-0.00292,-0.06467,0.03171,-0.05681,-0.06307,-0.02377,-0.00224,-0.05751,-0.01642,-0.02016,0.00161,-0.02588,0.02853,-0.04219,0.01089,-0.06365,-0.02022,0.02724,-0.01483,0.10575,-0.06796,0.03525,-0.08577,-0.01353,0.0527,0.0136,0.0712,0.01237,0.00763,-0.08816,-0.04913,0.03057,0.08115,0.04886,0.05664,0.00791,-0.07754,-0.05882,0.01229,0.09506,-0.04456,0.04324,0.02879,-0.04185,-0.13245,0.01511,-0.03262,-0.01387,-0.06184,0.03189,-0.0287,0.06058,-0.09203,0.06648,0.02104,-0.07411,-0.05503,0.02403,0.01252,0.04194,0.06098,0.04381,0,0.00936,0.03968,0.03369,0.04962,-0.05774,0.0229,-0.00042,-0.04715,0.03338,-0.01284,-0.05717,0.02128,-0.01013,-0.02383,-0.03836,0.03429,-0.10938,0.02353,-0.03957,-0.01793,-0.04363,-0.04739,-0.03178,0.07683,-0.03237,-0.01746,0.01285,0.05624,-0.0201,-0.022,0.02331,-0.05507,-0.00432,-0.00082,-0.01537,-0.03883,-0.00215,0.09596,0.0743,0.05309,0.04064,-0.02058,-0.01287,0.00066,-0.00958,0.04668,-0.08328,0.0621,-0.03973,0.0009,-0.11464,0.0511,-0.06499,0.00163,0.00542,0.01265,0.05465,0.09656,0.06607,-0.04585,0.039,-0.07154,-0.03538,0.00941,0.09541,0.00741,0.0343,0.02069,0.1153,0.07955,0.05202,0.06758,0.03104,-0.07224,0.05213,0.04058,0.17036,-0.01961,0.00734,-0.0277,0.03771,0.02849,0.02522,0.01532,0.03855,0.008,-0.03968,-0.02547,0.02155,-0.00725,-0.02234,0.0151,0.07209,-0.0306,-0.02196,0,-0.05675,0.00635,0.00313,-0.02107,0.04027,0.0329,0.05516,0.07134,-0.03391,0.02902,0.01034,0.03095,0.04656,-0.01236,0.06081,-0.00113,0.04298,0.0598,-0.01463,-0.02357,0.0112,0.02227,-0.04093,0.06217,-0.07096,-0.07412,-0.07245,-0.02234,0.07674,0.02151,-0.00768,0.04739,0.04153,0.06389,-0.06953,0.12807,-0.06172,-0.02283,-0.04391,0.02198,0.08243,-0.01232,0.00198,-0.07498,-0.10074,0.0586,0.09685,0.03028,0.02752,0.08152,0.01796,0.0453,0.04566,0.07509,-0.00713,0.04742,-0.06855,-0.00496,0.05072,0.0092,-0.03583,0.04347,0.05814,0.03692],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Why it exists Real nodes often contain interactive UI (buttons, inputs, selects). If the whole node starts dragging from any pixel, you can easily break UX: - clicking a button starts a drag, - selecting text becomes hard, - inputs lose focus. fDragHandle lets you choose exactly where dragging can start. f Drag Handle","excerpt":"Why it exists Real nodes often contain interactive UI (buttons, inputs, selects). If the whole node starts dragging from any pixel, you can easily break UX: - clicking a button starts a drag, - selecting text becomes hard, - inputs lose focus. fDragHandle lets you choose exactly where dragging can start."},{"chunkId":"/docs/f-drag-handle-directive#2","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.01224,0.02295,-0.00502,0.07703,0.10008,0.0146,0.03336,-0.02888,0.00469,0.00673,0.0081,0.02079,-0.05621,-0.0152,-0.04296,-0.03356,-0.05402,0.00608,0.04056,0.04188,0.02451,-0.05368,0.01798,-0.03409,-0.04529,0.0127,-0.06079,0.03568,0.09448,-0.08663,0.02333,0.06469,-0.08526,0.0566,-0.06935,0.02941,-0.04376,-0.01116,-0.08396,-0.00799,0.07494,0.00549,0.04174,-0.05276,-0.04218,0.08198,-0.00303,0.09472,-0.06245,0.07176,0.0524,-0.10222,0.01494,0.02478,0.07859,-0.00006,0.04511,-0.06268,0.06616,0.02297,-0.01607,0.0191,-0.04867,-0.03699,0.02795,0.02745,-0.08274,0.01506,0.02923,-0.00043,0.10313,-0.00307,-0.00523,-0.00503,0.05946,-0.01219,-0.06132,0.05353,-0.03125,-0.05822,0.04004,0.00907,0.05351,0.03145,-0.04609,0.05514,-0.11841,-0.04391,-0.00441,0.05997,0.02679,0.07212,-0.08729,-0.01358,-0.07968,-0.02471,-0.00788,-0.06814,-0.07995,0.00683,0.01408,-0.03236,0.03577,0.08306,0.06891,-0.05653,0.01716,-0.12169,-0.12084,0.06656,-0.02751,0.01367,0.05729,-0.06916,-0.05922,-0.07857,-0.03522,-0.02613,0.05716,0.00929,-0.01501,0.12435,-0.03372,0.01986,0.02483,-0.07473,-0.10276,0,0.00971,-0.01684,-0.07198,0.05006,0.05641,-0.04155,0.0103,-0.0331,-0.00783,0.01526,0.04983,-0.04796,-0.06417,0.04125,0.02051,-0.1233,0.01257,0.02537,-0.03828,-0.05436,-0.00837,-0.08944,-0.03584,-0.07647,-0.00339,0.05337,-0.04344,0.03731,0.05593,0.06107,0.0034,-0.02375,-0.02839,0.00325,-0.05434,0.02525,-0.02052,-0.07705,-0.03054,0.00501,-0.04695,-0.0117,-0.05818,0.00157,-0.04323,0.00224,0.02276,0.02554,-0.01979,-0.03812,0.02884,0.00016,0.10598,-0.09255,0.02529,-0.09959,-0.0391,0.07095,0.03665,0.08774,0.03396,0.02981,-0.07329,-0.08079,0.07547,0.05003,0.04171,0.06182,-0.00456,-0.07713,-0.02649,-0.0046,0.10042,-0.00417,0.03892,0.02723,-0.04877,-0.10092,0.01088,-0.05545,-0.03181,-0.04205,0.04812,-0.0423,0.04267,-0.07436,0.10193,0.04975,-0.1109,-0.04391,0.01216,-0.00014,0.08539,0.04645,0.03755,0,-0.0109,0.04648,0.03684,0.02156,-0.02511,-0.00254,0.00933,-0.03355,0.03216,0.01176,-0.06034,-0.00724,-0.01941,-0.02163,-0.03127,0.00552,-0.11579,0.01669,-0.02791,-0.02276,-0.04075,-0.04411,-0.03613,0.10496,-0.0729,0.00308,0.00715,0.03357,-0.03123,0.00501,-0.00743,-0.0757,0.01069,0.01615,-0.03804,-0.04872,-0.02452,0.11291,0.06276,0.04767,0.03493,-0.03741,-0.02429,-0.0028,-0.00936,0.00249,-0.05959,0.05043,-0.01585,-0.03471,-0.11787,0.03972,-0.05873,0.00738,0.0219,0.03722,0.07301,0.05139,0.05445,-0.04026,0.03548,-0.04842,-0.04506,-0.03406,0.11956,0.02779,0.0372,-0.0174,0.09004,0.04076,0.02012,0.08148,0.02325,-0.08206,0.05349,0.02608,0.20073,-0.00095,0.02445,-0.02684,-0.03256,-0.02141,0.00517,0.01944,0.04888,0.00531,-0.02844,-0.0193,0.01765,-0.00734,-0.01628,0.00509,0.06464,-0.02486,-0.0243,0,-0.04777,-0.00904,0.0044,-0.01823,0.03588,0.0568,0.05475,0.03129,-0.03733,0.0179,0.00226,0.02983,0.0245,-0.00855,0.0582,-0.02636,0.00812,0.05782,-0.0458,-0.04431,0.02127,0.0594,-0.0125,0.03621,-0.07837,-0.05521,-0.05943,-0.03081,0.08052,0.00023,-0.00664,0.05115,0.01198,0.03197,-0.05192,0.131,-0.04089,-0.00539,-0.04168,0.03108,0.09204,-0.00704,-0.00721,-0.07055,-0.07271,0.05937,0.10202,0.06906,0.01028,0.06534,0.01981,0.03204,0.04117,0.08805,-0.00736,0.01783,-0.05701,-0.02274,0.0337,0.0082,-0.00078,0.03184,0.06262,0.00942],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Common patterns","excerpt":"Common patterns"},{"chunkId":"/docs/f-drag-handle-directive#3","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[0.01968,0.02979,-0.01388,0.07929,0.08031,-0.01534,0.04141,-0.03239,-0.0032,0.02593,-0.02151,0.00868,-0.06312,-0.01114,-0.04258,-0.05908,-0.0749,0.01253,0.06139,0.03265,0.01799,-0.05357,0.01845,-0.03893,-0.02727,0.00995,-0.06408,0.03241,0.06669,-0.08575,0.01132,0.0475,-0.08461,0.06716,-0.08924,0.03557,-0.05793,0.00286,-0.0594,-0.0142,0.06621,0.00403,0.05558,-0.0538,-0.0377,0.07899,0.00032,0.08213,-0.04066,0.07026,0.06006,-0.09147,0.02721,0.02873,0.05815,0.01865,0.03312,-0.07263,0.02712,0.05319,-0.01908,0.00885,-0.03076,-0.04608,0.05962,0.04488,-0.06485,0.0135,0.01666,-0.02198,0.12798,0.00352,0.00855,-0.03339,0.07272,-0.05009,-0.03974,0.08,-0.00262,-0.02417,0.05042,0.03938,0.05503,0.03115,-0.04047,0.07359,-0.11868,-0.03146,-0.02466,0.0626,0.03177,0.07636,-0.10741,-0.0017,-0.07209,-0.04168,-0.01449,-0.0495,-0.08891,0.00153,0.01013,-0.01426,0.01999,0.06796,0.03375,-0.06341,0.04526,-0.14606,-0.11898,0.05889,-0.02624,0.03122,0.05371,-0.06804,-0.04067,-0.06478,-0.05485,-0.02462,0.03341,-0.02221,-0.04663,0.12146,-0.05729,0.06054,0.04013,-0.07479,-0.07074,0,0.0056,0.01578,-0.06528,0.02655,0.05847,-0.02108,0.0306,-0.02212,-0.03451,-0.01663,0.0531,-0.08068,-0.04399,0.01557,0.00074,-0.13075,0.02018,0.01761,-0.02827,-0.05653,0.01403,-0.08804,-0.04764,-0.08269,-0.00127,0.0549,-0.03951,0.03974,0.0443,0.05882,-0.00942,-0.01672,-0.01872,-0.00458,-0.05027,-0.01951,-0.04229,-0.04935,-0.04159,-0.00902,-0.05454,0.01492,-0.0399,0.01226,-0.03862,0.00517,0.00251,0.01494,0.00274,-0.0247,0.03925,-0.00775,0.08893,-0.10184,0.01263,-0.08971,-0.04373,0.05687,0.02526,0.05958,0.02432,0.02885,-0.08483,-0.0899,0.06867,0.0777,0.04556,0.05905,0.01665,-0.08479,-0.04135,-0.02917,0.10922,-0.01233,0.03359,0.04202,-0.01623,-0.10863,0.01155,-0.06569,-0.01188,-0.04718,0.06349,-0.0597,0.06678,-0.05789,0.08258,0.04342,-0.05435,-0.01065,0.01197,-0.02946,0.07813,0.03262,0.05274,0,0.00453,0.02289,0.02543,0.02464,-0.04104,0.00318,-0.01028,-0.05372,0.03286,0.01908,-0.05925,-0.00277,-0.01859,-0.023,-0.035,0.01374,-0.09319,0.04836,-0.02291,-0.01528,-0.05856,-0.03937,-0.00607,0.10344,-0.0484,0.00415,0.01874,0.06879,-0.00737,-0.02152,-0.00192,-0.09061,0.00113,-0.02527,-0.01415,-0.06157,0.00604,0.101,0.0585,0.06565,0.03002,-0.01715,-0.02667,-0.01382,-0.00823,0.00685,-0.08337,0.03454,-0.00078,-0.00795,-0.10182,0.03314,-0.07449,0.01576,0.02045,0.04278,0.07443,0.08892,0.0481,-0.06204,0.02103,-0.07473,-0.02437,-0.02747,0.13628,0.00682,0.0209,0.0183,0.09786,0.05817,-0.01693,0.07063,0.02555,-0.06241,0.06437,0.0215,0.19186,-0.00471,0.03035,-0.02917,0.00199,-0.0163,-0.01045,0.00959,0.06305,0.0021,0.02544,-0.03044,0.00257,-0.03039,0.00027,-0.00249,0.08587,-0.06332,-0.02925,0,-0.02906,-0.01226,0.00459,-0.00252,0.04521,0.03168,0.04837,0.02786,-0.04622,0.00926,-0.00938,0.04496,0.02505,-0.02217,0.06319,-0.06009,0.01857,0.03638,-0.04294,-0.03959,0.00759,0.04159,-0.02579,0.04441,-0.06954,-0.06827,-0.04499,-0.05274,0.05674,-0.00224,-0.02596,0.04782,0.0265,0.03837,-0.04732,0.12217,-0.02033,0.00309,-0.06601,0.0252,0.0883,-0.00302,0.01927,-0.05941,-0.08891,0.0399,0.08956,0.03876,0.0079,0.08509,0.04999,0.04019,0.04702,0.07755,-0.02594,0.00489,-0.05566,-0.03876,0.01666,0.01544,-0.00954,0.02806,0.07745,0.0132],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Drag the whole node Put fDragHandle on the same element as fNode. f Drag Handle f Node","excerpt":"Drag the whole node Put fDragHandle on the same element as fNode."},{"chunkId":"/docs/f-drag-handle-directive#4","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.01116,0.03573,-0.01577,0.09319,0.06881,-0.00637,0.03491,-0.02368,0.01386,0.01719,-0.0096,0.01012,-0.04254,-0.00435,-0.02865,-0.05214,-0.08056,0.00438,0.06285,0.02635,0.02177,-0.04338,0.02398,-0.01979,-0.04619,0.01379,-0.05818,0.03227,0.05346,-0.08414,0.00323,0.02868,-0.10296,0.05427,-0.07671,0.02451,-0.04725,0.03033,-0.05934,-0.03367,0.04678,-0.00016,0.06645,-0.06867,-0.04195,0.07267,0.0091,0.08849,-0.05559,0.07601,0.06212,-0.09698,0.02505,0.03191,0.06573,-0.00274,0.01684,-0.07531,0.02306,0.0555,-0.03789,0.01402,-0.045,-0.03871,0.02569,0.02896,-0.08428,0.01502,0.00409,0.00736,0.10577,-0.01231,0.00335,-0.02229,0.08945,-0.02698,-0.0511,0.09625,0.00844,-0.04743,0.02164,0.00846,0.06207,0.04491,-0.04038,0.05987,-0.11061,-0.03976,-0.03811,0.05404,0.02767,0.08823,-0.07164,0.01822,-0.07504,-0.03629,-0.01713,-0.07026,-0.10368,0.01993,0.00481,-0.01633,0.01676,0.07693,0.04965,-0.05516,0.02914,-0.15258,-0.13268,0.04282,-0.02557,0.01576,0.05533,-0.06463,-0.05676,-0.08333,-0.057,-0.01937,0.04579,-0.03051,-0.04691,0.11266,-0.02877,0.01923,0.02491,-0.07166,-0.07832,0,0.0028,0.0038,-0.07335,0.0298,0.03885,-0.04742,0.03444,-0.02785,-0.02861,0.01711,0.06846,-0.08237,-0.04079,0.05151,0.03256,-0.12344,0.00874,0.01547,-0.03161,-0.04596,-0.02075,-0.07795,-0.03026,-0.08503,0.01128,0.06819,-0.03301,0.03075,0.03544,0.07145,-0.00489,-0.02208,-0.03258,-0.01484,-0.05002,0.00453,-0.02489,-0.07874,-0.0325,-0.00742,-0.02971,-0.02337,-0.04854,-0.00116,-0.03956,0.02257,0.0111,0.03408,-0.03879,-0.03854,0.04977,-0.00058,0.0968,-0.07113,0.00736,-0.07976,-0.04971,0.0718,0.04579,0.06041,0.03059,0.02042,-0.07701,-0.07876,0.06225,0.05345,0.06232,0.066,-0.0177,-0.10468,-0.01772,-0.02973,0.10103,-0.01815,0.03398,0.0358,-0.00424,-0.10922,0.02538,-0.0371,-0.00029,-0.04533,0.06472,-0.0479,0.03332,-0.07468,0.08488,0.04655,-0.07963,-0.02128,-0.02614,-0.02046,0.07863,0.0612,0.03936,0,0.0151,0.0293,0.03737,0.01906,-0.03897,-0.00268,0.04023,-0.05731,0.02815,-0.01034,-0.04853,0.01484,-0.01504,-0.02425,-0.03716,0.02228,-0.11896,0.03781,-0.01872,-0.02586,-0.03718,-0.04069,-0.01032,0.10627,-0.03999,-0.00855,0.01406,0.05922,-0.02947,0.00227,0.0183,-0.05963,0.03171,-0.01193,-0.05207,-0.05702,0.00368,0.09293,0.05916,0.05372,0.03117,-0.01924,0.0035,-0.00569,0.02258,0.01388,-0.06261,0.04441,-0.02633,0.0074,-0.11087,0.03797,-0.05257,0.00357,0.03385,0.03089,0.08111,0.05034,0.06367,-0.0573,0.01623,-0.0471,-0.02772,0.00292,0.12211,0.00356,0.01032,-0.00972,0.0957,0.0418,0.00897,0.06104,0.03101,-0.06817,0.06803,0.04037,0.21497,-0.00403,0.01928,-0.0349,-0.01773,-0.01726,-0.0061,0.00517,0.0633,-0.00639,-0.0096,-0.04524,-0.00332,-0.02883,-0.02051,-0.00412,0.09342,-0.05664,-0.02787,0,-0.02265,-0.01431,0.02706,-0.02022,0.02747,0.07506,0.05394,0.01577,-0.04423,-0.00111,0.00721,0.02588,0.01918,-0.00936,0.0245,-0.02683,0.02359,0.06416,-0.05131,-0.05998,0.00218,0.04668,0.00918,0.04933,-0.07081,-0.07955,-0.05787,-0.06142,0.07086,-0.00515,-0.03697,0.07076,0.03508,0.01345,-0.02836,0.11627,-0.04602,-0.00059,-0.04465,0.02552,0.08014,0.01131,0.02045,-0.08163,-0.07786,0.06025,0.07552,0.07327,0.00606,0.07759,0.03736,0.04888,0.05129,0.07095,-0.02104,0.03827,-0.04625,-0.0314,0.03204,-0.01418,0.0022,0.02972,0.06247,0.02087],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Drag only a header / grip Put fDragHandle on a nested element. f Drag Handle","excerpt":"Drag only a header / grip Put fDragHandle on a nested element."},{"chunkId":"/docs/f-drag-handle-directive#5","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.01927,0.02593,-0.00723,0.10392,0.08691,0.00796,0.0452,-0.04374,0.023,-0.00968,-0.01261,0.01117,-0.05324,-0.03363,-0.06716,-0.06254,-0.0494,-0.01088,0.02716,0.02403,0.03191,-0.0536,0.0084,-0.00438,-0.04705,-0.00873,-0.04953,0.01863,0.07644,-0.08863,0.01925,0.01733,-0.08921,0.05618,-0.07479,0.01795,-0.04885,0.01548,-0.06628,-0.02726,0.04016,0.00601,0.03394,-0.06499,-0.0639,0.02762,0.03356,0.08153,-0.04205,0.06744,0.05009,-0.05949,0.01093,0.04709,0.06669,-0.0271,0.06804,-0.04628,0.03215,0.02788,-0.04916,0.02169,-0.02468,-0.0274,0.01381,0.03879,-0.06704,0.01547,0.02044,0.00309,0.12655,-0.01265,-0.02254,0.01278,0.09053,-0.04406,-0.05305,0.07884,0.00541,0.01717,0.03596,-0.00667,0.04077,0.02242,-0.05504,0.06877,-0.11014,-0.00903,0.00136,0.03914,0.01381,0.09807,-0.05509,-0.00062,-0.02885,-0.04439,-0.00158,-0.06802,-0.08163,-0.00536,0.02736,-0.02673,0.03003,0.09051,0.04898,-0.05619,0.02937,-0.15652,-0.13445,0.03491,-0.01453,0.02916,0.07166,-0.01841,-0.06468,-0.06162,-0.02879,0.00931,0.03144,-0.00515,-0.03737,0.13409,-0.01897,0.02966,0.04294,-0.0685,-0.0807,0,0.00125,-0.03892,-0.0732,0.00306,0.01548,-0.02545,0.04465,-0.01831,-0.00347,-0.00893,0.04762,-0.08885,-0.03012,0.03553,0.04814,-0.10194,0.00524,0.02101,-0.02666,-0.04317,0.01311,-0.08882,-0.04255,-0.06626,0.0031,0.02239,-0.04069,0.02511,0.07581,0.06215,-0.05093,-0.01078,-0.02853,0.0167,-0.05015,0.01156,-0.05392,-0.05961,-0.01165,-0.03212,-0.04443,-0.01642,-0.04484,-0.01404,-0.02042,-0.00199,0.00366,0.01944,-0.07033,-0.02644,0.03139,0.0022,0.0999,-0.08429,0.02727,-0.09807,-0.0248,0.07822,0.03106,0.04782,0.02091,0.03623,-0.05549,-0.05675,0.04851,0.06342,0.02833,0.065,-0.02069,-0.10066,-0.05097,-0.02702,0.11149,-0.02197,0.03787,0.00889,-0.0197,-0.12505,-0.00927,-0.04846,-0.02875,-0.03727,0.06974,-0.04899,0.04238,-0.06097,0.07532,0.08059,-0.06658,-0.04121,0.01106,-0.03136,0.05237,0.05657,0.06056,0,0.00603,0.03484,0.07674,0.03421,-0.03289,-0.00144,-0.0074,-0.05574,0.03862,-0.00981,-0.05461,0.01726,-0.0197,-0.01895,-0.01672,0.01885,-0.07902,0.03966,-0.05505,-0.02351,-0.04001,-0.0781,-0.02176,0.09834,-0.05722,-0.03024,-0.01371,0.06099,0.00122,-0.0098,0.03454,-0.0427,0.00144,-0.03856,-0.02596,-0.09381,0.00062,0.10748,0.09505,0.05884,0.00684,-0.0252,-0.02135,0.00253,0.01566,0.00477,-0.07908,0.01425,-0.02172,-0.00978,-0.12233,0.05424,-0.05746,0.01599,0.06462,0.01888,0.08519,0.07583,0.07519,-0.05945,0.01605,-0.05159,-0.02262,-0.01409,0.11615,0.01041,0.03146,0.01798,0.0826,0.08571,0.04326,0.09114,0.00986,-0.05081,0.04277,0.03369,0.17477,-0.03503,0.02485,-0.04037,0.02546,-0.00139,0.01675,0.00314,0.03564,0.01985,-0.03632,-0.02311,-0.00318,-0.01738,-0.03093,-0.02809,0.08899,-0.06149,-0.01769,0,-0.03274,-0.01256,0.0067,0.00193,0.02421,0.0691,0.03923,0.04973,-0.02314,0.0105,0.0195,0.00654,0.03926,-0.01413,0.03276,-0.04442,0.0385,0.04381,-0.02067,-0.05878,0.04041,0.03906,-0.00955,0.05581,-0.06398,-0.07776,-0.03979,-0.06207,0.09585,-0.02508,-0.04321,0.05176,0.0253,0.05408,-0.06502,0.12634,-0.01887,0.0242,-0.03407,0.04496,0.10561,-0.00731,0.00824,-0.08569,-0.08268,0.04371,0.08029,0.03043,-0.00588,0.09631,0.04288,0.05867,0.03132,0.1073,-0.01637,0.02906,-0.07681,-0.02991,0.0344,-0.00024,0.00223,0.02937,0.02624,0.04132],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Drag the whole node, but block dragging from specific inner elements Sometimes you want the whole node draggable, except for a specific area (for example, an input or a toolbar). For this use case, use fDragBlocker on the inner element(s) that must never start a drag. f Drag Blocker","excerpt":"Drag the whole node, but block dragging from specific inner elements Sometimes you want the whole node draggable, except for a specific area (for example, an input or a toolbar). For this use case, use fDragBlocker on the inner element(s) that must never start a drag."},{"chunkId":"/docs/f-drag-handle-directive#6","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.02472,0.04693,-0.02722,0.08761,0.0846,0.0238,0.03241,-0.01178,0.01153,0.00803,-0.01498,0.00549,-0.06493,-0.01319,-0.02941,-0.04522,-0.07438,0.00507,0.03371,0.01919,0.0246,-0.05135,0.02105,-0.01955,-0.04556,0.01296,-0.04011,0.02804,0.07846,-0.08655,0.03528,0.06282,-0.0974,0.05127,-0.09928,0.04873,-0.02617,-0.00267,-0.09782,-0.01708,0.07252,-0.00183,0.04863,-0.07656,-0.05005,0.06603,-0.00351,0.07229,-0.05816,0.06586,0.0543,-0.08291,0.03269,0.04577,0.06319,-0.03159,0.06176,-0.07152,0.04529,0.01447,-0.03909,-0.012,-0.02759,-0.03004,-0.00139,0.01707,-0.09129,0.04554,0.01657,-0.01911,0.10802,-0.01677,-0.00355,-0.01591,0.05127,-0.03951,-0.03802,0.09947,-0.03188,-0.04042,0.08638,0.00757,0.0529,0.03272,-0.06826,0.08959,-0.10322,-0.05197,-0.02034,0.05064,0.01815,0.07742,-0.07421,-0.01004,-0.03533,-0.00694,-0.0393,-0.06748,-0.07494,0.00988,0.02268,-0.02134,0.02305,0.08833,0.06624,-0.04833,0.02595,-0.09348,-0.09214,0.03835,-0.01047,0.02172,0.0574,-0.0961,-0.051,-0.06691,-0.04624,-0.02431,0.02417,0.01501,-0.0281,0.10584,-0.04224,0.00141,0.05691,-0.06771,-0.07309,0,0.00823,-0.02059,-0.09662,0.05535,0.05484,-0.03533,0.03636,-0.04749,-0.02086,0.0076,0.0452,-0.06736,-0.06789,0.02059,-0.02587,-0.13054,0.00953,0.0169,-0.01946,-0.04206,0.02861,-0.10012,-0.0443,-0.0663,0.03569,0.03389,-0.04892,0.03032,0.03382,0.04751,0.01254,-0.02647,-0.01315,0.00541,-0.04653,-0.00496,-0.03878,-0.05298,-0.02638,-0.0109,-0.05236,-0.0173,-0.08847,0.02089,-0.05045,0.01083,0.0077,0.00918,0.0007,-0.02724,0.03321,0.01288,0.10765,-0.06522,0.05402,-0.08456,-0.03905,0.07832,0.01995,0.06444,0.01689,0.05104,-0.11575,-0.08589,0.06697,0.05868,0.03872,0.06123,0.00315,-0.09656,-0.05568,-0.02962,0.06656,0.00721,0.03133,0.02824,-0.02716,-0.08774,0.03135,-0.04055,-0.06247,-0.05693,0.06956,-0.00561,0.06656,-0.07384,0.07481,0.02078,-0.06737,-0.0487,0.02257,0.00584,0.07836,0.04345,0.0476,0,-0.00889,0.05937,0.01382,0.03614,-0.0366,0.00244,0.02932,-0.03263,0.02643,-0.00015,-0.04879,0.03917,-0.02335,-0.02526,-0.00811,0.01036,-0.09969,0.01311,-0.01159,-0.01027,-0.04912,-0.03758,-0.03539,0.06815,-0.08046,0.00823,0.01986,0.03172,-0.01848,-0.01793,0.02476,-0.06265,-0.00033,0.00015,-0.0418,-0.07775,-0.02506,0.12571,0.05245,0.05871,0.0198,-0.01335,-0.01657,0.0059,-0.03884,0.01213,-0.06712,0.00793,-0.00517,-0.03067,-0.11387,0.03337,-0.05658,0.02464,0.04353,0.01538,0.09984,0.06543,0.06084,-0.04765,0.04808,-0.05613,-0.03202,-0.04347,0.09932,0.01223,0.00976,0.01842,0.10271,0.04179,0.00765,0.06682,0.01956,-0.05125,0.0634,0.01457,0.1894,0.01501,0.04868,-0.01638,-0.02399,0.0194,-0.00022,-0.00973,0.05845,-0.01378,-0.0273,-0.03948,0.03272,-0.00746,-0.02438,0.00264,0.06896,-0.03564,-0.03462,0,-0.07009,-0.03767,0.00141,-0.03583,0.0144,0.04417,0.04009,0.04983,-0.02188,0.02114,0.01264,0.06983,0.05264,-0.03674,0.06354,-0.02377,0.00725,0.06444,-0.04257,-0.05266,0.02679,0.03589,-0.02388,0.05869,-0.06123,-0.07448,-0.0237,-0.05214,0.07868,0.00756,-0.04549,0.05919,0.0071,0.00916,-0.04652,0.13107,-0.04621,-0.00853,-0.04676,0.02909,0.07914,0.01152,-0.00041,-0.08453,-0.08098,0.05841,0.07694,0.06039,-0.00619,0.07586,0.01678,0.06193,0.02502,0.11132,-0.00398,0.0224,-0.06772,-0.02458,0.0315,-0.02392,-0.034,0.04803,0.073,-0.00157],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Styling - .f-component Base class for flow primitives. - .f-drag-handle Host class added by the directive.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-drag-handle Host class added by the directive."},{"chunkId":"/docs/f-drag-handle-directive#7","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.01485,0.02541,-0.01327,0.10416,0.06711,0.00215,0.03515,-0.0222,0.02655,0.01463,-0.0263,0.01925,-0.06508,0.01176,-0.02275,-0.03578,-0.055,0.00558,0.05962,0.03577,0.04338,-0.05628,0.02949,-0.03577,-0.06191,0.0222,-0.06694,0.02583,0.08266,-0.0745,0.02818,0.04403,-0.10588,0.05439,-0.06362,0.07311,-0.03325,0.01524,-0.07469,-0.01865,0.09766,0.03694,0.06186,-0.07825,-0.02976,0.03892,0.00781,0.06754,-0.06722,0.08039,0.04233,-0.0892,0.05667,0.03518,0.04764,-0.00791,0.06126,-0.09189,0.03205,0.02826,-0.04389,0.00206,-0.03039,-0.04762,-0.00524,0.02844,-0.05867,0.01099,-0.0003,-0.0151,0.11609,-0.00836,-0.01328,-0.0031,0.06727,-0.02831,-0.04161,0.05782,-0.01245,-0.02913,0.05269,0.01859,0.03405,0.0074,-0.06346,0.06487,-0.11515,-0.04598,-0.00266,0.07112,-0.01239,0.07903,-0.08349,-0.01875,-0.03698,-0.04118,-0.00982,-0.0554,-0.09513,-0.01508,0.01896,0.00203,0.01774,0.09157,0.05598,-0.04581,0.00459,-0.156,-0.1243,0.03882,-0.02723,0.03521,0.07107,-0.03131,-0.02766,-0.08611,-0.03072,-0.02537,0.02384,-0.00763,-0.02087,0.09153,-0.02224,0.00617,0.03113,-0.06057,-0.07583,0,0.00758,-0.03867,-0.07043,0.03599,0.06275,-0.03013,0.03344,-0.02785,-0.03956,0.02551,0.06062,-0.07498,-0.05422,0.00775,0.0032,-0.10752,0.0113,0.00348,-0.03796,-0.02773,-0.00333,-0.11371,-0.06162,-0.0874,-0.00485,0.03821,-0.06365,0.04486,0.06697,0.04921,-0.0153,-0.02406,-0.02608,0.00672,-0.05112,0.00534,-0.03375,-0.06864,-0.04616,-0.02459,-0.04993,-0.00051,-0.02713,0.01264,-0.05217,-0.00749,0.00219,0.05021,-0.02329,-0.02579,0.04001,-0.00769,0.0825,-0.07377,0.02138,-0.08692,-0.04677,0.0512,0.03005,0.06958,0.02239,0.02149,-0.0858,-0.0811,0.07124,0.05476,0.04387,0.06111,-0.01016,-0.08207,-0.05295,-0.00676,0.07868,-0.01476,0.03786,0.05791,-0.00421,-0.09647,0.02704,-0.03349,0.00079,-0.05109,0.08704,-0.01352,0.04477,-0.06467,0.06026,0.03704,-0.08451,-0.02226,0.01178,-0.00987,0.10386,0.04887,0.06457,0,-0.00508,0.03313,0.06817,0.00554,-0.03426,-0.02026,0.00397,-0.08424,0.02625,-0.00213,-0.0903,0.00049,-0.01629,0.00125,-0.01295,0.00791,-0.10649,0.01736,-0.00536,-0.01452,-0.02057,-0.03114,-0.03325,0.0964,-0.05476,0.00379,-0.00189,0.04104,-0.02624,-0.00142,0.00667,-0.08117,0.03479,0.00794,-0.04089,-0.06416,-0.03497,0.08824,0.07946,0.05209,0.04394,-0.01208,-0.02159,0.01746,0.00221,0.02654,-0.06213,0.03378,-0.00253,-0.00505,-0.15108,0.04857,-0.05653,0.02041,0.04423,0.03888,0.1023,0.04627,0.06215,-0.07741,0.05354,-0.03721,-0.02754,-0.01228,0.09683,0.00209,0.01824,-0.01393,0.08526,0.04144,-0.0046,0.06857,0.04676,-0.07356,0.07745,0.05294,0.16791,-0.03986,0.02633,-0.02723,-0.0078,0.00611,-0.0082,-0.02468,0.06013,-0.01803,-0.02203,-0.03737,0.00915,0.00065,-0.0199,-0.00141,0.05817,-0.05177,-0.00907,0,-0.05613,-0.0167,0.0248,-0.03676,0.02415,0.05207,0.05895,0.0166,-0.04063,0.02571,-0.01418,0.02628,0.04671,-0.03892,0.04368,-0.03575,0.01996,0.03157,-0.03266,-0.03015,0.01233,0.04477,-0.00656,0.06579,-0.10113,-0.07015,-0.05429,-0.04729,0.06406,0.02187,-0.02522,0.05714,0.02587,0.05164,-0.07244,0.10145,-0.03795,0.00704,-0.03077,0.02026,0.09575,0.02469,-0.01829,-0.07472,-0.09573,0.07335,0.05061,0.06046,0.01559,0.11728,0.02533,0.04478,0.03313,0.08849,0.00265,0.0381,-0.04272,-0.03686,0.01984,0.00585,-0.02704,0.02084,0.09675,0.0188],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Notes / Pitfalls - fDragHandle works only when fDraggable is enabled on the parent f-flow. - A node must contain at least one fDragHandle to be movable. - You can place the handle on a nested element or on the node element itself. f Drag Handle f Draggable","excerpt":"Notes / Pitfalls - fDragHandle works only when fDraggable is enabled on the parent f-flow. - A node must contain at least one fDragHandle to be movable. - You can place the handle on a nested element or on the node element itself."},{"chunkId":"/docs/f-drag-handle-directive#8","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.05118,0.02935,-0.03337,0.10239,0.09141,0.06993,0.02377,-0.00263,0.03001,0.04674,-0.04472,0.02458,-0.04008,0.0338,-0.02927,-0.0581,-0.07205,0.00407,0.00404,0.01236,0.03593,-0.04697,0.0579,-0.00486,-0.03548,0.01658,-0.03889,-0.00919,0.0847,-0.06586,0.05077,0.0376,-0.05205,0.04062,-0.08836,0.06747,-0.03523,0.00885,-0.05553,-0.02527,0.0836,0.01919,0.03706,-0.10848,-0.032,0.04639,-0.03814,0.09647,-0.0835,0.06935,-0.00244,-0.10236,0.01036,0.07195,0.03943,-0.03559,0.07258,-0.09479,0.05787,0.00262,-0.05108,-0.03859,-0.00961,-0.03378,0.00996,0.02536,-0.12642,0.02828,-0.04094,0.01227,0.10999,-0.03095,-0.02254,0.00712,0.06323,-0.04903,-0.08003,0.13127,-0.01822,0.00891,0.10265,-0.01697,0.01066,-0.00756,-0.07701,0.10814,-0.06952,-0.03948,-0.00213,-0.03716,-0.00981,0.06124,-0.05166,0.00136,0.00763,0.0012,-0.05839,-0.00059,-0.07655,-0.01178,0.01251,-0.04647,0.03032,0.11399,0.05607,-0.03869,-0.00111,-0.06471,-0.0925,0.03359,0.00403,0.04917,0.05769,-0.02976,-0.04472,-0.06895,-0.01873,-0.00806,0.00994,0.03837,0.00895,0.05567,-0.06526,-0.01183,0.09229,-0.0122,-0.04165,0,0.013,-0.0177,-0.07106,0.03497,0.03275,-0.04752,0.00528,-0.06969,-0.01701,0.05782,0.0178,-0.02647,-0.05559,-0.00496,-0.03073,-0.13496,0.01895,0.03425,-0.03151,-0.02611,0.02303,-0.09417,-0.07665,-0.04199,0.08989,-0.01148,-0.08195,-0.00125,0.03201,0.02287,0.01327,0.02324,-0.01211,-0.03558,-0.0277,-0.01239,-0.04395,-0.02499,-0.03242,-0.03931,0.02922,-0.00442,-0.07754,0.06361,-0.04886,-0.01753,-0.0082,-0.00493,0.02072,-0.00425,0.00119,0.02913,0.0904,-0.04098,0.09414,-0.08711,-0.04435,0.08771,0.01265,0.06539,0.00778,0.04823,-0.05733,-0.06404,0.07611,-0.00026,0.04291,0.08351,0.03364,-0.0704,-0.06343,0.00613,0.04347,0.00646,0.02715,0.0023,-0.01109,-0.03657,0.03805,-0.04541,-0.01711,-0.07588,0.03371,0.03388,0.07929,-0.10132,0.02309,0.00866,-0.09505,-0.1211,0.05,0.0238,0.05569,0.02406,0.03022,0,0.0679,0.05192,0.05105,0.06965,-0.0708,-0.04145,0.04917,-0.00233,0.04266,0.0249,-0.03652,0.02384,0.00245,-0.00679,0.01481,0.01277,-0.06941,-0.01859,0.04479,-0.01694,0.02283,-0.03314,-0.0434,0.06805,-0.0921,0.02267,0.04175,0.03889,-0.0182,-0.01812,-0.00131,-0.06299,-0.00526,0.01227,-0.0617,-0.10436,-0.01064,0.16161,0.08751,0.03984,0.06342,0.02335,-0.01227,-0.00403,-0.02008,-0.02935,-0.01785,0.00264,-0.02567,-0.06091,-0.11745,0.03248,-0.07411,0.0234,0.04389,-0.01877,0.10476,0.00904,-0.01105,-0.04908,0.07034,-0.0004,-0.02563,-0.05469,0.081,0.04567,-0.03048,-0.02548,0.08161,0.04749,0.00315,0.05803,0.03144,-0.03233,0.05967,0.06311,0.11771,-0.00317,0.0654,0.00376,-0.02659,0.03291,-0.0197,0.02743,0.02015,0.06318,-0.08787,-0.04537,0.04197,0.013,-0.07479,-0.05225,0.06337,-0.06342,-0.01969,0,-0.09471,-0.02634,-0.00233,-0.01509,-0.00125,0.03616,0.01421,0.00805,-0.00134,0.01406,-0.03209,0.08832,0.06057,-0.01412,0.05198,-0.00693,0.00276,0.04618,-0.02366,-0.01544,0.07054,0.04684,0.04722,0.08533,-0.02521,-0.1059,-0.09044,-0.03766,0.04911,-0.02051,-0.02998,0.00169,0.00847,0.0241,-0.03316,0.04729,-0.05581,-0.02579,-0.03246,0.03092,0.0982,-0.02337,0.00521,-0.07331,-0.09303,0.06325,0.04994,0.02744,-0.00421,0.03545,0.00265,0.0485,-0.03089,0.12095,0.02324,0.01015,-0.05591,0.02338,0.00527,0.00017,0.00175,0.03064,0.03955,-0.00389],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Example ::: ng-component <drag-handle</drag-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.scss :::","excerpt":"Example ::: ng-component <drag-handle</drag-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.scss :::"},{"chunkId":"/docs/f-group-directive#0","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.00956,0.01974,-0.0554,0.06541,0.02793,0.01589,0.02887,0.03333,0.04773,-0.00446,0.03036,-0.02947,-0.05592,0.02633,0.02145,-0.0309,-0.04375,-0.00686,-0.05578,-0.0459,-0.02438,-0.0935,0.05385,-0.02324,-0.0482,0.06032,-0.08894,-0.01947,0.04521,-0.09109,-0.02073,0.10038,0.09427,0.07058,-0.03355,0.08672,0.01893,0.01606,-0.07658,0.00998,0.03359,0.08008,0.04222,-0.0699,-0.02243,0.05448,-0.02714,-0.01249,-0.06582,0.0998,0.02726,-0.02855,0.00099,0.13979,0.01529,0.04752,0.04805,-0.09223,0.02715,-0.01749,-0.00129,0.00503,-0.04525,0.04329,0.00153,0.05574,-0.01717,0.02906,-0.0118,0.0169,0.09086,-0.01101,0.04607,0.01631,0.1309,-0.03515,-0.0227,-0.00357,0.01086,-0.06064,0.00555,0.08496,-0.00121,0.01857,-0.03697,0.09579,-0.02202,-0.08858,-0.0852,0.05631,-0.09643,0.04312,-0.01534,-0.00447,0.00534,-0.05996,-0.01807,-0.1054,-0.03642,-0.01894,0.06883,-0.03627,0.02777,0.0332,-0.03746,-0.08096,-0.06583,0.02973,-0.02941,-0.01717,-0.0874,-0.01531,0.05539,0.02276,-0.1013,-0.08963,0.00543,-0.0385,0.07563,-0.02251,0.09406,0.02219,0.0053,0.00579,0.10124,0.00273,-0.13169,0,-0.04978,-0.02466,-0.01347,0.07504,0.0723,-0.04699,0.01208,-0.02611,-0.04622,0.00497,-0.06488,0.03958,-0.05716,-0.00974,0.00022,-0.11034,-0.02947,0.10265,-0.03195,-0.04267,0.00282,0.07783,-0.0123,-0.05547,-0.01016,0.04987,-0.06725,0.03132,-0.00946,0.04751,-0.08731,-0.00231,-0.01744,-0.00682,-0.04886,0.03055,-0.0062,-0.06748,-0.01588,-0.02245,-0.01121,-0.05904,-0.005,-0.04756,0.05769,-0.0375,-0.07175,0.00421,-0.03702,0.06565,0.03915,0.01516,0.04731,-0.06286,0.03631,-0.05287,-0.03312,0.06381,0.0036,0.07693,0.02506,0.07107,-0.0781,-0.024,0.02291,0.01408,0.03709,0.01918,0.03198,-0.0335,0.00582,0.07483,0.01481,0.03746,0.04088,-0.00298,0.01397,-0.02397,-0.0839,-0.028,-0.09258,-0.06399,0.02095,-0.03053,-0.00767,-0.09339,0.08707,0.0087,-0.0927,-0.02645,-0.003,-0.02466,0.10225,0.05017,0.05,0,0.01362,0.05388,0.02413,0.01528,0.0461,-0.05375,-0.00118,0.0037,0.0388,0.04026,-0.07826,0.07174,0.0642,-0.06484,-0.02968,-0.00107,-0.00359,-0.11456,0.03762,-0.02079,0.01742,-0.00713,-0.00557,0.09397,-0.00514,-0.01293,-0.02727,0.04035,0.05921,0.0581,-0.02289,-0.08816,-0.03024,0.00962,0.02888,-0.09926,-0.02931,0.05175,0.00474,-0.02489,-0.01671,-0.0032,-0.05836,0.03565,0.01359,0.08289,0.0604,0.01725,-0.04986,0.04332,-0.05716,0.0031,0.02947,-0.00126,0.00409,0.1342,0.12245,0.01357,-0.03068,0.03227,-0.00226,-0.07411,-0.00169,-0.04039,-0.03382,-0.02625,-0.04232,0.00814,0.00754,0.11149,0.1096,0.06826,-0.01435,-0.00603,-0.00134,-0.00211,0.06278,0.03077,0.05765,0.06201,-0.07063,0.06933,0.00961,0.10293,-0.03292,-0.02688,0.00369,0.04286,0.0247,0.05385,0.01554,-0.00189,0.08452,-0.01261,-0.01056,0,-0.09533,0.01819,0.01792,-0.03532,0.0579,-0.04069,0.00576,0.05094,-0.02147,0.01771,-0.04643,0.09222,0.04262,-0.04867,0.02549,-0.01974,-0.01456,-0.0167,-0.03476,-0.0497,-0.01078,-0.05463,0.00726,0.05131,-0.06672,-0.09911,-0.08155,-0.05056,-0.03664,-0.00811,-0.03888,0.06457,-0.02511,0.11162,-0.03702,0.00438,-0.08544,0.04444,-0.06373,-0.03669,0.04757,-0.00188,0.01274,-0.02563,-0.06717,0.04842,0.01559,-0.04119,-0.0661,0.01579,0.01761,-0.01103,-0.04815,0.07296,0.01623,0.02407,-0.04011,-0.01155,0.06981,0.01069,-0.0696,0.12782,0.03407,0.01345],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Group Selector: [fGroup] Class: FGroupDirective FGroupDirective turns an element into a group container inside a Foblex Flow diagram. A group behaves like a node (position, size, rotation, selection, drag), but it’s intended to contain other nodes/groups and act as a bounded area for organizing the diagram. Groups must be placed inside f-canvas (which itself must be inside f-flow). f Group F Group Directive","excerpt":"Group Selector: [fGroup] Class: FGroupDirective FGroupDirective turns an element into a group container inside a Foblex Flow diagram. A group behaves like a node (position, size, rotation, selection, drag), but it’s intended to contain other nodes/groups and act as a bounded area for organizing the diagram. Groups must be placed inside f-canvas (which itself must be inside f-flow)."},{"chunkId":"/docs/f-group-directive#1","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.02364,-0.00991,-0.03549,0.06962,-0.00544,0.02431,-0.01754,0.04936,-0.01863,-0.00007,0.10196,-0.02254,-0.04334,0.02337,-0.01696,-0.01179,-0.0214,0.00529,-0.09349,-0.09417,0.00559,-0.07236,0.04062,0.0197,-0.00989,0.03834,-0.10395,-0.0638,0.03528,-0.05839,-0.04583,0.09258,0.14509,0.02281,-0.025,0.04627,0.02306,0.04578,-0.01015,-0.00983,-0.0107,0.01078,0.03365,-0.08776,-0.04752,0.03565,-0.03218,-0.00228,-0.08336,0.06912,0.05304,0.00001,-0.01637,0.13841,0.04427,0.02083,0.00704,-0.06364,-0.02362,0.02328,-0.0256,0.0297,-0.10974,0.02702,-0.008,0.07723,0.05221,-0.02347,-0.01423,0.03374,0.03619,-0.03523,0.05156,0.07481,0.11472,-0.02888,-0.03714,-0.04683,0.00091,-0.0594,-0.01652,0.10706,0.00751,-0.02252,-0.03241,0.05712,-0.02101,-0.06596,-0.04156,0.03829,-0.06404,-0.01778,-0.01909,0.02073,-0.06928,-0.07519,-0.00563,-0.10517,0.04143,-0.04718,0.06091,0.0238,0.03163,0.056,-0.04794,-0.07603,-0.05503,0.04434,-0.01773,-0.00522,-0.08783,0.00346,0.00318,-0.0214,-0.07501,-0.06455,0.03193,-0.02168,0.08025,-0.06541,0.10222,-0.01521,0.00224,0.02477,0.1109,0.02328,-0.12528,0,-0.06771,0.02327,-0.02846,0.09492,0.04566,-0.0307,-0.01647,0.00853,-0.04431,0.01172,0.00529,0.08905,-0.03346,-0.0657,0.00395,-0.06927,-0.00153,0.1361,-0.00633,-0.03416,-0.04179,0.16519,0.02981,-0.0074,0.02386,-0.00953,-0.01045,0.04094,-0.0025,0.02921,-0.05031,-0.03154,-0.05517,-0.05947,-0.0395,0.04165,0.0084,-0.07765,-0.00583,-0.00209,0.00047,-0.05795,0.00386,-0.04988,0.02699,0.00019,0.00464,0.01116,-0.05212,0.05867,0.01909,-0.0076,0.00967,-0.05704,-0.00082,0.002,-0.03873,0.0216,0.02518,0.07128,0.00963,-0.06639,-0.0272,-0.02858,-0.00283,-0.05152,0.09929,0.0013,0.05154,0.00129,0.06764,0.02891,-0.00918,0.04919,0.0263,0.00455,0.03809,-0.03925,-0.09823,-0.04601,-0.0937,0.03431,0.07321,-0.01503,-0.02271,-0.10788,0.07022,-0.00388,-0.10938,-0.0445,-0.06386,-0.01239,0.12735,0.06124,0.06739,0,0.05895,-0.00475,0.00622,-0.01964,0.01743,-0.03383,-0.02161,0.04751,0.02952,-0.00538,-0.06842,0.0337,0.08815,-0.09591,-0.08822,0.00463,-0.00758,-0.09306,0.05866,0.03381,0.00649,-0.00667,0.0047,0.10276,0.04272,-0.02818,-0.0606,0.05507,0.06377,0.0794,-0.00712,-0.09035,0.0371,0.02523,-0.02196,-0.06436,-0.01592,0.05925,-0.02006,0.02358,0.00702,-0.00752,0.02156,-0.00546,0.00666,0.0651,0.04444,0.05872,-0.05999,0.0411,0.00279,0.01218,0.00489,-0.01001,-0.01888,0.12152,0.10228,0.00048,-0.06496,0.03099,-0.02083,-0.09049,-0.00769,-0.01358,-0.09443,-0.02728,-0.04744,-0.02196,-0.00881,0.08643,0.04235,0.00144,-0.01362,-0.0143,-0.03191,-0.07623,0.03961,-0.02229,0.05484,0.02501,-0.0301,0.00572,0.03853,0.0871,-0.14057,-0.02875,0.06558,0.06146,0.03926,0.04834,-0.00411,-0.00563,0.08398,-0.00926,-0.04179,0,-0.0095,0.01264,0.05737,0.01101,0.07075,-0.06842,0.00206,0.09098,-0.02573,0.06678,-0.10072,0.04948,0.0333,-0.04044,0.01141,-0.05476,0.03902,-0.012,-0.04843,0.01607,-0.02494,-0.00757,-0.00285,-0.01761,-0.02052,-0.07142,-0.0598,-0.00707,-0.03284,-0.00614,0.02623,0.10607,-0.03093,0.04112,-0.01375,0.00042,-0.03367,0.0627,-0.04387,-0.0232,0.04359,-0.02827,0.0218,0.01392,-0.07324,0.0061,-0.02018,-0.02795,-0.01171,0.00048,0.06741,-0.0219,-0.05709,0.01722,0.01337,0.03645,0.00732,0.0439,0.11473,0.02761,0.03404,0.10466,0.01603,0.02785],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-group-directive#2","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.01567,0.0064,-0.0195,0.0641,-0.00308,0.01773,0.00047,0.05322,0.01928,0.01961,0.11462,-0.00065,-0.03693,0.04342,0.01939,-0.01972,-0.02153,-0.00278,-0.10415,-0.06709,-0.01744,-0.07222,0.05452,0.02295,-0.03423,0.03438,-0.12008,-0.06601,0.02841,-0.07978,-0.05428,0.08942,0.14077,0.02954,-0.02554,0.05784,0.02804,0.05251,-0.00766,0.00226,0.00091,0.01767,0.02882,-0.08171,-0.04681,0.04651,0.00459,-0.01194,-0.10073,0.05707,0.04139,-0.0007,-0.0079,0.15083,0.03644,0.03425,0.02701,-0.06302,-0.01467,0.01369,-0.00363,0.03293,-0.11095,0.04453,-0.01535,0.07304,0.03403,-0.02869,-0.01991,0.04256,0.05445,-0.03305,0.0414,0.09039,0.12203,-0.0318,-0.02588,-0.0561,0.01971,-0.04726,-0.01004,0.08565,0.00365,-0.02067,-0.04112,0.02817,-0.01841,-0.06187,-0.0537,0.04361,-0.07113,-0.00885,-0.00999,0.01567,-0.06937,-0.08004,-0.00122,-0.09291,0.02201,-0.03575,0.07533,0.04743,0.02611,0.06086,-0.04468,-0.08663,-0.06093,0.02637,-0.01123,-0.00691,-0.09026,-0.00551,-0.00512,-0.00361,-0.09223,-0.08067,0.02167,-0.01747,0.06229,-0.08347,0.10335,-0.01019,0.0126,0.02683,0.11884,0.02243,-0.12053,0,-0.07395,0.00557,-0.03828,0.0888,0.06461,-0.02044,-0.02179,0.01691,-0.03683,0.018,-0.00083,0.07204,-0.02252,-0.0507,0.03041,-0.04811,-0.00737,0.143,-0.0387,-0.02658,-0.04476,0.16514,0.01838,-0.00537,-0.00316,-0.00283,-0.01921,0.02762,-0.01901,0.02911,-0.07125,-0.02138,-0.05156,-0.05201,-0.03155,0.03763,0.01275,-0.08073,-0.0083,-0.00402,0.00094,-0.05121,-0.00011,-0.03581,0.03677,0.01177,0.01116,0.00693,-0.08875,0.07253,0.00373,0.00276,0.01693,-0.06856,0.01022,0.00375,-0.02456,0.01802,0.0169,0.0566,0.02185,-0.07239,-0.0267,-0.02415,0.01071,-0.05889,0.10046,-0.00313,0.07043,-0.00468,0.06421,0.03812,-0.02137,0.04232,0.01245,0.00868,0.03881,-0.04589,-0.10552,-0.03505,-0.07036,0.00508,0.06163,-0.01337,-0.01946,-0.11625,0.05703,-0.02359,-0.09686,-0.03004,-0.06795,-0.01282,0.11952,0.06532,0.04925,0,0.03664,0.00581,0.00422,-0.01744,0.03306,-0.02948,-0.00262,0.02077,0.02024,0.01648,-0.08466,0.01698,0.09929,-0.08209,-0.0805,0.00199,0.01388,-0.07873,0.06327,0.02643,0.02058,-0.00885,0.00442,0.13288,0.04993,-0.01016,-0.05592,0.05301,0.03275,0.0689,-0.00669,-0.0912,0.03446,0.02515,-0.01037,-0.06565,-0.03551,0.07384,-0.02765,0.03949,0.01531,-0.01599,0.00684,0.02367,0.01696,0.06331,0.04924,0.0415,-0.05662,0.04311,-0.01337,0.02123,0.00277,-0.0137,-0.01356,0.12282,0.08863,-0.00264,-0.06302,0.03145,-0.00502,-0.08071,-0.00766,-0.01616,-0.08838,-0.0202,-0.0464,-0.01833,-0.02768,0.08727,0.0548,-0.01374,-0.01939,-0.02106,-0.0445,-0.07207,0.02798,-0.03183,0.03675,0.03195,-0.06631,0.00468,0.03696,0.06704,-0.13988,-0.02407,0.05795,0.0493,0.02927,0.05276,0.01019,0.01333,0.06377,-0.01662,-0.03851,0,-0.0034,0.03457,0.04801,0.01851,0.07765,-0.05565,0.01529,0.07639,-0.03004,0.07405,-0.09795,0.04115,0.04333,-0.03534,0.02674,-0.04869,0.02844,-0.02483,-0.06276,0.01419,-0.01611,0.00693,-0.01076,-0.01296,-0.03299,-0.07757,-0.07711,-0.0063,-0.05197,0.00498,0.03412,0.09852,-0.03788,0.04906,-0.01949,-0.02471,-0.04903,0.05282,-0.04622,-0.03935,0.02948,-0.02813,0.02119,0.03915,-0.07967,0.0055,-0.01461,-0.04693,-0.0214,-0.00445,0.06807,-0.03406,-0.04435,0.02279,0.03136,0.03722,0.02061,0.0464,0.08125,0.02589,0.03507,0.0836,0.01899,0.01835],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. A group with a fixed position and size","excerpt":"A group with a fixed position and size"},{"chunkId":"/docs/f-group-directive#3","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.03497,0.01576,-0.06523,0.0902,0.03704,0.03047,0.01234,0.01872,0.0269,0.00005,0.05959,-0.03846,-0.07202,0.05276,-0.03011,-0.0485,-0.08246,-0.00258,-0.11042,-0.04791,0.01366,-0.09643,0.02626,0.0346,-0.01294,0.05019,-0.09152,-0.03786,0.03518,-0.08056,-0.03674,0.10231,0.03832,0.05293,-0.04742,0.05367,0.03476,0.04087,-0.05413,-0.01517,0.02102,0.00301,0.05238,-0.09864,-0.07368,0.06743,0.01583,0.0198,-0.06182,0.10038,0.0454,0.00804,0.00014,0.13819,0.0379,0.01022,0.04777,-0.10099,-0.00942,-0.01094,-0.03374,0.01719,-0.07958,0.04338,-0.03629,0.02657,0.00733,0.0307,0.00125,0.00529,0.09534,-0.01632,0.02002,0.0181,0.13114,-0.04756,-0.02582,0.00921,0.00742,-0.0079,0.04201,0.08471,-0.0031,0.02902,-0.04784,0.06514,-0.02766,-0.0639,-0.06686,0.02458,-0.06963,0.06419,-0.02261,-0.02099,-0.012,-0.07545,-0.02819,-0.1177,-0.0208,-0.01689,0.05317,0.0146,0.03384,0.06427,-0.01657,-0.07345,0.00065,0.00177,-0.05495,0.01009,-0.05711,-0.00727,0.07192,0.01807,-0.07818,-0.08845,-0.03058,-0.03281,0.04972,-0.03946,0.04548,0.03927,-0.00274,-0.00685,0.12597,0.03028,-0.10997,0,-0.0497,-0.01735,-0.02649,0.0755,0.04715,-0.02606,0.03017,-0.02313,-0.03713,-0.00766,-0.03721,0.00774,-0.045,0.03068,-0.05388,-0.12819,-0.0061,0.07538,-0.02567,-0.02536,-0.00619,0.08272,-0.00735,-0.06845,-0.0026,0.03168,-0.05328,0.05605,0.02729,0.05143,-0.05674,-0.02478,-0.05295,-0.04942,-0.07084,0.02962,-0.00911,-0.05293,0.0361,0.00879,-0.0001,-0.0567,-0.02126,-0.034,-0.00126,0.0211,0.00462,0.01185,-0.06795,0.06089,0.05643,-0.00032,0.0476,-0.04381,0.04019,-0.08291,-0.04567,0.06479,-0.00251,0.06741,0.0102,0.03877,-0.08845,-0.02558,0.06583,-0.00079,0.08597,0.08663,0.05911,-0.05209,0.00633,0.02451,-0.00207,0.02656,0.04905,0.00437,0.06442,-0.04406,-0.07118,-0.03094,-0.11569,-0.01363,0.08806,-0.03332,-0.0203,-0.08148,0.0721,0.00088,-0.08896,-0.04186,-0.0345,-0.02972,0.13468,0.05886,0.07914,0,0.03404,0.02338,0.03587,-0.00704,0.04482,-0.03416,0.01367,0.008,0.07038,0.01346,-0.1376,0.0581,0.03015,-0.0699,0.00503,-0.01965,-0.01572,-0.08426,0.04587,-0.01107,-0.01325,-0.00615,-0.00401,0.09912,-0.0108,-0.03214,-0.04149,0.02425,0.05769,0.06654,0.03746,-0.10953,-0.02286,0.02697,-0.00161,-0.08091,-0.01733,0.10651,-0.0072,0.02531,-0.02857,-0.00374,-0.02774,0.00621,0.04316,0.10165,0.02532,-0.01424,-0.04489,0.05287,-0.0679,0.03834,-0.01314,0.03553,0.02413,0.10307,0.15634,-0.005,-0.05443,-0.00676,-0.01605,-0.08251,-0.03874,-0.05499,-0.01432,-0.02515,-0.01237,-0.03982,0.00318,0.11496,0.03471,0.02254,-0.00842,-0.02368,0.02788,-0.03457,0.04934,0.01424,0.05142,0.02425,-0.0007,0.04048,0.02787,0.05216,-0.07454,-0.0317,0.04594,0.02298,0.03537,0.02961,-0.0032,-0.04487,0.08085,-0.02241,-0.02504,0,-0.01327,-0.01292,0.03576,-0.02293,0.01996,-0.01859,-0.0298,0.08801,-0.01825,0.04023,-0.05628,0.06863,0.04915,-0.01661,0.01405,-0.04565,0.01819,-0.00028,-0.04179,-0.04479,0.01239,-0.03672,-0.00487,0.04134,-0.06102,-0.10291,-0.05581,-0.05834,-0.02647,-0.04989,0.00869,0.08926,-0.02079,0.08015,-0.01807,-0.00414,-0.04237,0.0877,-0.03838,-0.02126,0.06107,0.00662,-0.00472,-0.04343,-0.06895,0.03058,0.00775,-0.04607,-0.06413,0.04717,0.04818,0.0401,-0.0217,0.10182,0.00975,0.00281,-0.06922,0.01085,0.08607,-0.02321,0.01322,0.11638,0.04117,-0.00358],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Make it draggable To drag groups, enable fDraggable on the flow and provide a drag handle on the group (or inside it): f Draggable","excerpt":"Make it draggable To drag groups, enable fDraggable on the flow and provide a drag handle on the group (or inside it):"},{"chunkId":"/docs/f-group-directive#4","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[0.00443,0.02956,-0.06033,0.09557,0.04445,0.00834,-0.01993,0.02032,-0.0321,0.02239,0.05288,-0.02382,-0.00416,-0.0036,-0.00818,-0.01086,-0.04368,0.0246,-0.0602,-0.06044,-0.04778,-0.02697,0.07354,-0.02911,-0.01418,-0.0029,-0.11128,-0.03363,0.06328,-0.04245,0.006,0.05855,0.07003,0.07538,-0.04756,0.14375,0.00741,-0.01877,-0.05002,-0.00408,0.07737,0.03566,0.0358,-0.0617,-0.02263,0.0142,-0.06215,0.0482,-0.06686,0.0826,0.04474,-0.05845,0.02743,0.10722,-0.03006,0.07395,-0.00372,-0.06024,-0.00499,0.04234,0.05488,-0.02358,0.00046,0.00266,0.04308,0.07538,0.05124,0.0172,-0.05097,0.01713,0.12162,-0.00076,0.01555,0.04433,0.07953,0.00624,-0.04349,-0.00521,-0.0291,-0.0182,0.00217,0.10247,0.02104,-0.01727,-0.085,0.08915,-0.04012,-0.06413,-0.12688,0.07333,-0.09009,0.02551,-0.04876,-0.03556,-0.00906,-0.04884,0.03134,-0.05989,-0.0005,-0.01058,0.06528,0.05496,-0.05876,0.01952,-0.04238,-0.0646,-0.07529,0.01713,-0.03783,-0.00251,-0.04857,0.06587,-0.00042,-0.03421,-0.12302,-0.10305,0.04964,-0.04361,0.08055,-0.0641,0.07984,0.0252,-0.01529,0.02175,0.09089,-0.02313,-0.12857,0,-0.05287,-0.00938,0.01633,0.0498,0.05369,-0.03533,-0.02901,-0.048,-0.10204,-0.0518,-0.08752,0.01699,0.00048,-0.06431,-0.00744,-0.09044,-0.02333,0.09729,0.00426,-0.07317,-0.04177,0.07167,-0.00085,-0.02865,0.02567,0.03462,-0.05067,0.02223,0.04935,0.00792,-0.04976,0.00278,0.02357,0.01651,-0.07042,0.00712,0.01142,-0.04503,-0.05187,-0.04417,0.03273,-0.001,0.0072,-0.00392,0.01885,-0.03779,-0.01081,-0.02526,-0.03807,0.06071,0.03817,-0.05198,0.00098,-0.07543,-0.02111,-0.01179,-0.04624,0.01989,-0.01508,0.05611,0.01343,-0.04979,-0.03221,-0.00742,0.02506,0.05934,0.05981,0.00906,0.04656,0.00332,0.03969,0.08231,-0.01167,0.05352,-0.02311,0.01936,-0.0016,-0.06299,-0.08698,0.03342,-0.0449,-0.04883,0.01821,-0.00583,-0.00052,-0.10813,0.03335,0.02335,-0.02083,-0.02713,0.01687,-0.01341,0.12112,0.02734,0.07367,0,0.03649,0.05436,0.02492,0.00375,0.06136,-0.08859,-0.07774,-0.05541,0.01541,0.05887,-0.10995,0.00174,0.05287,-0.0539,-0.10517,-0.01293,0.00476,-0.07304,0.05696,0.04816,0.01484,0.00232,0.09093,0.11423,0.07979,-0.04129,-0.01623,0.04055,0.01121,0.01274,0.01165,-0.0801,-0.00102,0.02023,0.05558,-0.03181,0.00366,0.07296,0.02102,-0.0225,0.00069,-0.00071,-0.08543,0.0184,0.00831,0.06029,0.04064,0.04552,-0.07579,0.05705,-0.0885,0.01056,0.01706,0.02824,0.01547,0.07378,0.08224,0.06439,-0.00938,-0.00095,0.02145,-0.1199,-0.02049,-0.00698,-0.04201,-0.06602,-0.02862,-0.01852,-0.04512,0.11634,0.04521,0.06346,0.00725,0.01675,-0.0065,-0.06695,0.03326,-0.00386,0.04759,0.02599,-0.06054,0.07347,-0.01899,0.0873,-0.03924,-0.05102,0.11528,0.10522,-0.03343,0.04137,-0.01529,0.02037,0.03963,-0.00058,-0.05066,0,-0.01938,0.05299,-0.04148,-0.01022,0.04115,-0.04638,-0.01516,0.06173,-0.00416,0.04203,-0.07123,0.0237,0.03871,-0.08283,0.0113,-0.08286,0.01014,-0.04758,-0.02504,0.01196,-0.02396,-0.02342,-0.00732,0.04853,-0.03383,-0.09319,-0.04541,-0.0139,-0.02304,-0.00252,-0.02328,0.0473,-0.05819,0.1114,-0.01939,-0.00838,-0.03015,0.09022,-0.02751,0.00334,0.04455,0.02006,-0.00441,-0.01302,-0.078,0.04716,0.00766,-0.00677,0.03908,0.03612,0.08759,-0.09385,-0.0187,-0.01309,0.01577,-0.00059,0.00238,0.04039,0.10704,0.02548,-0.037,0.10851,0.06699,-0.00665],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Put nodes inside the group Groups are “containers” via parent ids. To attach a node to a group, set the node’s fNodeParentId to the group’s fGroupId: f Node Parent Id f Group Id","excerpt":"Put nodes inside the group Groups are “containers” via parent ids. To attach a node to a group, set the node’s fNodeParentId to the group’s fGroupId:"},{"chunkId":"/docs/f-group-directive#5","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.05237,-0.04426,-0.03497,0.07243,0.039,0.0051,0.00256,0.02648,0.04237,-0.01716,0.07509,0.01725,-0.04961,-0.01438,0.01086,-0.00431,-0.00865,0.00975,-0.15616,-0.05518,0.00935,-0.11394,0.00059,0.03233,-0.0359,0.0548,-0.0561,-0.05586,0.0929,-0.08236,-0.02164,0.11405,0.05413,0.03637,-0.09697,0.0763,0.03988,-0.02226,-0.11368,-0.04084,0.00448,-0.00728,0.01967,-0.00402,-0.05001,0.04912,0.00346,0.03177,-0.108,0.11909,0.08203,0.02942,0.04406,0.13605,0.02013,0.05107,0.05503,-0.02329,-0.01374,0.00398,-0.01854,0.00339,-0.05896,0.04741,-0.03299,0.03594,0.04655,-0.05185,0.0547,-0.05674,0.05855,-0.01446,0.04961,-0.03903,0.11328,-0.06207,-0.04342,-0.01237,-0.00593,-0.01863,0.0722,0.03487,0.00719,0.02568,-0.00624,0.04828,-0.02389,-0.0186,-0.059,0.07165,-0.06817,0.0416,-0.03909,-0.04997,-0.01552,-0.04013,-0.03338,-0.07026,-0.01818,0.01409,0.05399,0.03081,0.00423,0.06306,-0.00842,-0.10232,-0.03762,0.01402,-0.06087,0.05368,0.02301,0.02991,0.04626,0.01882,-0.07194,-0.07898,0.00075,-0.03705,-0.00296,-0.02333,0.04198,0.03446,0.0246,0.01266,0.07699,0.04356,-0.13009,0,-0.08057,-0.02033,-0.00944,0.07185,-0.00807,-0.0348,0.03684,0.01085,-0.00887,-0.04022,-0.02365,0.12121,-0.00364,-0.00816,-0.0093,-0.10815,-0.04917,0.10622,0.00244,-0.01751,0.01748,0.10681,-0.01276,-0.03132,0.00274,0.04953,-0.04462,0.10055,-0.02266,0.00525,-0.0513,-0.01206,-0.05088,-0.02098,-0.03072,0.03309,-0.0004,-0.08701,0.00305,-0.00668,0.01951,-0.01972,-0.04755,-0.05354,-0.02385,-0.03411,0.00205,0.01232,-0.0615,0.02801,0.06655,0.04095,0.00987,-0.05877,0.03234,-0.0617,-0.00364,0.0114,-0.01354,0.05716,0.00153,-0.0043,-0.06079,-0.00131,-0.00636,0.05587,0.0591,0.01199,0.06817,0.00458,0.01325,0.07501,-0.01596,0.06094,0.04846,0.00895,0.00469,-0.02088,-0.11663,-0.01193,-0.00885,-0.01505,0.03188,0.02175,-0.01538,-0.10443,0.03643,-0.05204,-0.1109,-0.01199,-0.01436,-0.0347,0.13502,0.10724,0.05085,0,0.00426,-0.00106,-0.01474,0.0244,0.01633,-0.04976,-0.02495,0.04048,0.06665,-0.07201,-0.09214,0.03075,0.04676,-0.01776,-0.05225,0.00355,-0.00792,-0.11072,0.04071,-0.00619,0.00952,0.00713,0.0183,0.09784,-0.02675,-0.03109,-0.01463,0.00484,0.05917,0.03677,0.04698,-0.11143,-0.02276,0.00167,-0.0191,-0.07073,-0.08604,0.08858,0.03719,0.03541,-0.00018,0.00945,-0.02392,0.04146,0.00752,0.0882,-0.03021,0.02166,-0.08087,-0.01282,-0.0111,0.05315,-0.04683,-0.0013,-0.00846,0.10216,0.14663,-0.03039,-0.02378,0.027,-0.01672,-0.08922,-0.05074,-0.04401,-0.06784,0.01491,0.01138,-0.0654,0.03482,0.13463,0.04787,0.00735,-0.01227,-0.03427,0.01746,-0.02317,0.06483,-0.07521,0.05694,0.00033,-0.08518,0.00815,0.06532,0.05153,-0.07821,0.01345,0.00949,0.02924,0.04054,0.07828,-0.00385,0.02264,-0.01014,-0.0192,-0.04325,0,-0.04587,0.02862,0.01366,0.02186,0.01881,-0.02533,0.01557,0.08047,0.01537,0.01775,-0.06321,0.05081,0.02773,-0.04867,0.07807,0.02541,0.05893,-0.02404,-0.05411,-0.04144,-0.02382,-0.02301,-0.02739,0.02481,-0.02463,-0.0924,0.01725,0.03203,-0.04782,-0.0264,-0.00084,0.06877,-0.01966,0.10162,-0.03888,-0.00919,-0.03503,0.05932,0.04305,0.02091,0.01984,0.03353,-0.06113,-0.03298,-0.10496,0.01526,0.02545,-0.06242,-0.01744,0.06571,0.04968,-0.01011,-0.07932,0.07111,0.05243,0.0122,-0.05045,-0.00958,0.15115,-0.00405,-0.03672,0.04892,-0.01045,-0.0226],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. How it works - A group registers in the same internal store as nodes and participates in rendering and hit-testing. - During interactions (drag/resize/rotate), the library updates the group internally for smooth UX. - Children are associated to the group via fNodeParentId / fGroupParentId, which enables container behaviors (bounds restrictions, auto-size rules, auto-expand rules). - Your app typically persists changes on “final” outputs (for example fGroupPositionChange after a drag ends), keeping your data model as the source of truth. With the optional Managed Flow State plugin, completed move gestures update group records automatically. User resize and rotation are not captured by managed state v1, so applications using those interactions still persist their final outputs themselves. f Node Parent Id f Group Parent Id f Group Position Change","excerpt":"How it works - A group registers in the same internal store as nodes and participates in rendering and hit-testing. - During interactions (drag/resize/rotate), the library updates the group internally for smooth UX. - Children are associated to the group via fNodeParentId / fGroupParentId, which enables container behaviors (bounds restrictions, auto-size rules, auto-expand rules). - Your app typically persists changes on “final” outputs (for example fGroupPositionChange after a drag ends), keeping your data model as the source of truth. With the optional Managed Flow State plugin, completed move gestures update group records automatically. User resize and rotation are not captured by managed state v1, so applications using those interactions still persist their final outputs themselves."},{"chunkId":"/docs/f-group-directive#6","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.04222,-0.00404,-0.0371,0.07047,-0.00074,0.01197,-0.02285,0.04571,-0.01064,-0.00144,0.10569,-0.02567,-0.03783,0.03583,0.01744,-0.01247,-0.02279,0.00836,-0.09338,-0.09622,0.00635,-0.0671,0.03823,0.01194,-0.00309,0.02636,-0.10663,-0.06693,0.02853,-0.06342,-0.05266,0.08958,0.12702,0.03506,-0.03204,0.05089,0.02407,0.02578,-0.00208,-0.0046,-0.00614,0.02723,0.01231,-0.09826,-0.05195,0.0333,-0.02628,-0.00819,-0.09118,0.0895,0.04641,0,-0.01298,0.14207,0.04853,0.03044,0.00226,-0.05605,-0.03051,0.03063,-0.01303,0.01816,-0.10505,0.03298,-0.00712,0.08551,0.05055,-0.02893,-0.00869,0.02204,0.02999,-0.02717,0.05199,0.07825,0.13076,-0.03295,-0.03441,-0.04515,0.01025,-0.06269,-0.02156,0.09705,0.00578,0.00358,-0.02415,0.05946,-0.02845,-0.05021,-0.04584,0.03865,-0.07225,-0.02844,-0.01305,0.02207,-0.08028,-0.06878,-0.00989,-0.11997,0.01467,-0.04062,0.04753,0.03056,0.0263,0.06513,-0.02726,-0.08733,-0.05315,0.03229,-0.0331,0.00523,-0.07696,0.0158,0.00787,-0.01115,-0.08422,-0.05776,0.02973,-0.02657,0.08617,-0.05627,0.11659,-0.00995,0.00833,0.02933,0.09946,0.02468,-0.11688,0,-0.07005,0.0123,-0.00035,0.08412,0.0535,-0.03145,-0.01028,0.0056,-0.04402,-0.00008,-0.00993,0.0995,-0.03116,-0.07383,0.01964,-0.05128,-0.02086,0.15565,-0.02088,-0.02573,-0.03556,0.16036,0.01948,-0.00802,0.0161,0.00761,-0.02114,0.03766,-0.01049,0.03356,-0.05695,-0.03318,-0.04695,-0.05882,-0.03726,0.04121,-0.00472,-0.07928,-0.02374,-0.00048,0.01144,-0.05168,-0.0103,-0.05772,0.00881,0.00348,0.00145,0.01297,-0.0602,0.05225,0.0109,0.01604,0.00435,-0.06884,0.00975,-0.01123,-0.03379,0.02332,0.0216,0.0605,0.01628,-0.07343,-0.01972,-0.01746,0.00002,-0.04635,0.10286,-0.0018,0.0506,0.00145,0.07873,0.04982,-0.00805,0.03579,0.01648,-0.00972,0.05518,-0.04194,-0.09603,-0.05235,-0.05961,0.01615,0.05939,-0.00867,-0.0202,-0.10431,0.07344,-0.02295,-0.10622,-0.0418,-0.0632,-0.02171,0.12246,0.05188,0.05255,0,0.05493,-0.02716,0.01949,-0.01717,0.01426,-0.04227,-0.01115,0.0759,0.03435,0.01825,-0.06714,0.03336,0.07563,-0.08746,-0.07183,0.01529,-0.01746,-0.0903,0.06838,0.02332,0.00424,0.00705,-0.00553,0.1241,0.0407,-0.02394,-0.07153,0.05474,0.05078,0.0557,-0.01012,-0.08943,0.01857,0.02952,-0.01497,-0.06549,-0.01367,0.08443,-0.01985,0.03192,0.00618,-0.01702,0.00582,-0.00088,0.00719,0.04842,0.05218,0.05979,-0.06217,0.04555,0.01163,0.01031,0.00914,-0.02089,-0.01968,0.11918,0.09993,-0.00946,-0.05628,0.02932,-0.01879,-0.09473,-0.01812,-0.01431,-0.09432,-0.0371,-0.04542,-0.01938,-0.01496,0.08712,0.04555,-0.0152,-0.00908,-0.02021,-0.03347,-0.07307,0.05039,-0.02908,0.04638,0.0279,-0.05268,0.00019,0.05362,0.09819,-0.11935,-0.03288,0.05596,0.07175,0.0316,0.06387,-0.0112,0.0083,0.07138,-0.01322,-0.03484,0,-0.01373,0.03677,0.04107,0.02364,0.06589,-0.05872,0.00764,0.10073,-0.03198,0.06835,-0.09482,0.05498,0.03303,-0.02903,0.01411,-0.04975,0.03588,-0.00429,-0.05292,0.01937,-0.0361,0.00714,-0.00279,-0.02386,-0.0203,-0.07069,-0.06414,0.00631,-0.03113,-0.00911,0.01058,0.09787,-0.02345,0.04484,-0.0196,-0.01527,-0.03437,0.06326,-0.04746,-0.03035,0.05312,-0.02941,0.00963,0.02351,-0.05861,0.01132,-0.01272,-0.03446,0.00695,-0.00228,0.05876,-0.03403,-0.05661,0.02081,0.01117,0.03295,0.0067,0.0505,0.11801,0.03063,0.0481,0.09961,0.02297,0.02168],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. API","excerpt":"API"},{"chunkId":"/docs/f-group-directive#7","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[0.01456,0.06697,-0.07174,0.07958,0.04593,0.06396,-0.02873,0.06969,0.00801,-0.01331,0.0795,-0.03858,-0.00258,-0.02543,-0.0201,-0.015,-0.04176,0.02412,-0.10949,-0.0675,-0.0166,-0.1527,0.04878,-0.02311,-0.05406,0.02711,-0.05036,0.00467,0.02783,-0.06327,-0.06787,0.09284,0.06905,0.04139,-0.02444,0.05585,0.03511,0.00198,-0.04925,-0.04176,0.0112,0.02895,0.05858,-0.11312,0.03111,0.04824,-0.00947,0.03393,-0.0497,0.1082,0.05596,-0.00367,0.01024,0.1264,0.00128,0.04792,0.03445,-0.14483,-0.01488,0.02446,-0.01788,-0.01192,-0.05216,0.00256,-0.03229,0.01046,0.05391,-0.07937,0.00612,0.05779,0.05249,0.00353,0.03181,0.01588,0.10991,-0.00239,-0.0079,0.03468,0.04395,-0.08671,0.01879,0.06001,-0.00823,0.01785,-0.02018,0.01629,-0.05981,-0.05865,-0.00974,0.05405,-0.09804,0.0677,-0.04501,0.03276,-0.0423,-0.02865,-0.01049,-0.07362,-0.08367,0.01414,0.03956,-0.00997,0.0278,0.01335,-0.01582,-0.06638,-0.01638,-0.00615,-0.06855,-0.03128,-0.01878,0.04287,0.0072,-0.02075,-0.09528,-0.08434,0.07892,-0.03014,0.08373,-0.0384,0.09183,0.05566,-0.013,0.05654,0.12511,0.01704,-0.12819,0,-0.01711,0.05967,0.03553,0.04508,0.0674,-0.01475,-0.01155,0.01457,-0.06075,-0.01807,-0.05634,-0.00694,-0.01504,-0.1047,0.04907,-0.08214,0.00297,0.06407,-0.02575,-0.07103,-0.06726,0.05593,-0.00785,-0.07017,0.0303,0.07191,-0.02445,0.06433,-0.05463,0.02354,-0.02336,-0.012,-0.05412,-0.04237,-0.03826,0.01862,0.04981,-0.06383,-0.04371,0.0577,-0.01463,-0.0316,-0.018,-0.06396,-0.00329,0.00581,0.0346,0.03347,-0.00949,0.06694,0.02704,0.0111,-0.01617,-0.05856,0.01233,-0.01408,-0.03777,0.02806,-0.00662,0.06917,0.0112,-0.03599,-0.04138,0.01192,-0.00709,-0.00004,0.06623,0.00776,0.03439,-0.03275,0.01756,0.02977,0.07405,-0.00675,0.07037,0.00666,0.04353,-0.04365,-0.03067,-0.04044,-0.06224,0.00044,0.03735,-0.06865,-0.06092,-0.11048,0.07575,0.0284,-0.10243,-0.07135,-0.06041,-0.0028,0.09811,0.08064,0.01001,0,-0.02285,0.018,0.03103,-0.00343,0.03128,-0.0627,0.05701,0.0176,-0.00868,0.01822,-0.04693,0.01071,0.01551,-0.0615,-0.04265,0.03757,-0.02296,-0.05525,0.09017,0.03691,0.06239,0.05367,-0.00952,0.13384,0.03848,-0.03538,-0.01443,0.02248,0.02286,0.04073,0.03368,-0.1273,-0.00482,-0.01009,0.01929,-0.0893,-0.05044,0.08771,-0.00372,0.09106,-0.0214,-0.00691,-0.04691,-0.009,0.00513,0.08446,0.07505,0.03796,-0.06476,0.06778,-0.07627,-0.02433,-0.01053,0.03817,-0.0094,0.06999,0.04342,-0.00777,0.00127,-0.00283,0.01503,-0.15142,-0.06709,-0.03099,0.03636,0.00736,-0.00911,-0.01695,-0.00767,0.1549,0.0232,0.03689,0.02124,-0.00369,-0.00296,-0.02542,0.12048,0.01471,0.05253,-0.00326,-0.0502,-0.02676,0.01313,0.04917,-0.09231,-0.00823,0.05393,0.0582,0.02918,0.0886,-0.04713,0.04462,0.08631,-0.05091,-0.03529,0,-0.05722,0.02396,-0.02076,0.01361,0.04285,-0.07606,0.0221,0.03482,-0.01732,0.00085,-0.06377,0.0813,0.04732,-0.03717,0.0035,-0.04646,-0.00702,-0.02884,-0.01916,0.00616,-0.01266,0.00393,-0.01261,0.02484,-0.04095,-0.10502,-0.05679,-0.02225,-0.00868,-0.03322,-0.06426,0.01635,-0.00177,0.13267,-0.0913,-0.02703,-0.05847,0.06557,-0.03428,0.02399,0.03846,0.02175,-0.00505,-0.03206,-0.02172,0.04929,0.03207,-0.04924,0.00564,0.01744,0.00592,-0.0323,-0.04143,0.0266,0.01677,-0.01495,0.01234,0.03933,0.08043,0.03622,-0.02862,0.08891,-0.053,0.00208],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Inputs - fGroupId: string; Group identifier. Default: f-group-${uniqueId++}. - fGroupParentId: string null; Parent group or node ID. - fGroupPosition: IPoint; Model. Position of the group. - fGroupSize: ISize; Size of the group. - fGroupRotate: number; Model. Rotation angle in degrees. - fConnectOnNode: boolean; Default: true. Allows dropping connections on the group. - fMinimapClass: string string[]; CSS class for the minimap representation. - fGroupDraggingDisabled: boolean; Default: false. Disables dragging. - fGroupSelectionDisabled: boolean; Default: false. Disables selection. - fIncludePadding: boolean; Default: true. Include padding in bounds calculation. - fAutoExpandOnChildHit: boolean; Default: false. Expand group when child hits bounds. - fAutoSizeToFitChildren: boolean; Default: false. Auto-resize to fit children. f Group Id unique Id f Group Parent Id f Group Position I Point f Group Size I Size f Group Rotate f Connect On Node f Minimap Class f Group Dragging Disabled f Group Selection Disabled f Include Padding f Auto Expand On Child Hit f Auto Size To Fit Children","excerpt":"Inputs - fGroupId: string; Group identifier. Default: f-group-${uniqueId++}. - fGroupParentId: string null; Parent group or node ID. - fGroupPosition: IPoint; Model. Position of the group. - fGroupSize: ISize; Size of the group. - fGroupRotate: number; Model. Rotation angle in degrees. - fConnectOnNode: boolean; Default: true. Allows dropping connections on the group. - fMinimapClass: string string[]; CSS class for the minimap representation. - fGroupDraggingDisabled: boolean; Default: false. Disables dragging. - fGroupSelectionDisabled: boolean; Default: false. Disables selection. - fIncludePadding: boolean; Default: true. Include padding in bounds calculation. - fAutoExpandOnChildHit: boolean; Default: false. Expand group when child hits bounds. - fAutoSizeToFitChildren: boolean; Default: false. Auto-resize to fit children."},{"chunkId":"/docs/f-group-directive#8","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.00975,-0.00791,-0.06546,0.04818,0.01031,0.0358,-0.01526,0.02873,0.02608,-0.01514,0.09929,-0.01499,-0.05114,-0.01213,-0.03939,-0.02416,-0.0287,0.04634,-0.09627,-0.09261,0.03327,-0.05553,0.02987,0.02197,-0.01095,0.01713,-0.07806,-0.02425,0.03153,-0.09741,-0.06912,0.10902,0.13678,0.03424,-0.03902,0.02225,0.03526,0.01388,-0.02293,-0.01524,0.0228,0.00651,0.05994,-0.11557,-0.07413,0.06846,-0.02045,0.01082,-0.12179,0.08414,0.0807,0.04088,-0.02154,0.13652,0.03806,0.02498,0.07127,-0.05674,-0.02286,0.00407,-0.0248,0.03358,-0.10419,-0.01497,-0.00879,0.05376,0.06868,-0.04159,-0.01972,0.03588,0.02749,-0.0106,0.03969,0.02273,0.13081,-0.03041,-0.02937,-0.01967,0.00381,-0.07959,0.02613,0.09473,0.01292,-0.00541,0.01787,0.03156,-0.03931,-0.01841,-0.04238,0.04032,-0.11187,-0.0069,-0.01488,-0.01419,-0.06906,-0.05243,0.00815,-0.09541,0.03943,-0.03019,0.05475,0.0181,0.00384,0.04069,-0.03396,-0.06504,-0.06037,0.04153,-0.04262,-0.01994,-0.01527,0.02452,0.00079,-0.01828,-0.07199,-0.07263,0.03319,-0.00758,0.06096,-0.06914,0.11524,-0.02952,-0.02922,0.0659,0.09279,0.03867,-0.09671,0,-0.05379,-0.00956,-0.02098,0.05848,0.01647,-0.00173,-0.03526,0.0202,-0.00332,-0.00989,0.00204,0.09361,0.01536,-0.06582,0.01841,-0.08997,0.03349,0.13338,-0.014,-0.04579,-0.05658,0.17828,0.00231,-0.03058,0.01949,0.00384,-0.05806,0.0382,-0.06817,0.02265,-0.02476,-0.00186,-0.03895,-0.06939,-0.02851,0.01495,-0.00666,-0.0689,-0.02158,0.01968,-0.01057,-0.05102,-0.03559,-0.05987,0.03462,-0.00848,-0.03192,0.03636,-0.03965,0.06734,0.04,0.02291,0.03412,-0.06628,0.03199,-0.00811,-0.01959,0.02665,0.03179,0.06709,-0.01648,-0.00783,-0.01981,-0.03723,-0.02059,-0.04817,0.09413,-0.0328,0.0256,0.03076,0.04548,0.03866,-0.018,0.04108,0.0132,0.03717,0.01431,-0.03378,-0.12759,-0.04927,-0.04964,0.04799,0.05092,-0.05475,-0.01972,-0.09813,0.04932,-0.00982,-0.12215,-0.04951,-0.048,-0.03277,0.12322,0.05323,0.05888,0,0.0216,0.03779,-0.00555,-0.03538,-0.00746,-0.06092,0.02271,0.02839,0.0031,0.01021,-0.06314,0.01943,0.03211,-0.05026,-0.08801,0.01519,-0.02959,-0.07495,0.06027,0.03511,0.01241,-0.01897,0.08232,0.12429,0.03301,-0.02223,-0.01319,0.08018,0.05354,0.03011,-0.01255,-0.08715,0.0284,0.03235,-0.0264,-0.07697,-0.01973,0.03796,-0.00259,0.07333,-0.01784,0.02756,0.01342,0.03982,0.00483,0.06447,0.04684,0.074,-0.03818,0.02921,-0.00093,0.02901,-0.00038,0.03192,-0.01103,0.12278,0.10864,-0.00366,-0.0316,0.0509,-0.0148,-0.10518,0.00497,-0.03583,-0.06039,-0.01227,-0.02699,-0.0463,0.02255,0.12438,0.07841,-0.01144,-0.00453,-0.02226,-0.04585,-0.03516,0.04214,-0.04124,0.01852,0.02562,-0.06699,-0.01437,0.03508,0.06323,-0.12739,-0.02501,0.03291,0.0495,0.07326,0.03627,-0.01244,0.02877,0.05576,-0.03945,-0.02365,0,-0.03662,-0.0141,0.04637,0.03414,0.0429,-0.07697,0.03994,0.03826,-0.02378,0.03179,-0.09024,0.03837,0.04886,-0.06008,0.05183,-0.03571,0.04323,-0.04739,-0.06633,-0.00923,-0.0144,0.00717,-0.01394,-0.01751,-0.06248,-0.10994,-0.04741,-0.00286,-0.04007,-0.04223,0.02957,0.09462,-0.00943,0.06721,-0.01717,-0.01692,-0.05877,0.05441,-0.01249,-0.00053,0.01293,-0.00092,-0.04472,0.02363,-0.07716,0.00947,0.02144,-0.0436,-0.02168,-0.0089,0.05769,-0.01518,-0.04166,0.03088,-0.00417,0.0056,-0.00562,0.02175,0.11979,0.04264,0.00861,0.0929,0.01229,-0.01752],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Outputs - fGroupPositionChange: OutputEmitterRef<IPoint; Emits when position changes. - fGroupRotateChange: OutputEmitterRef<number; Emits when rotation changes. - fGroupSizeChange: OutputEmitterRef<IRect; Emits when size changes. f Group Position Change Output Emitter Ref I Point f Group Rotate Change f Group Size Change I Rect","excerpt":"Outputs - fGroupPositionChange: OutputEmitterRef<IPoint; Emits when position changes. - fGroupRotateChange: OutputEmitterRef<number; Emits when rotation changes. - fGroupSizeChange: OutputEmitterRef<IRect; Emits when size changes."},{"chunkId":"/docs/f-group-directive#9","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.01286,-0.02936,-0.03032,0.10935,-0.0067,0.01504,-0.02746,0.01314,0.01057,-0.00014,0.11525,-0.00897,-0.06943,-0.01272,-0.02932,-0.02815,-0.0376,0.01387,-0.11211,-0.09448,-0.01065,-0.07277,0.03815,0.00316,-0.00445,-0.00718,-0.11314,-0.04413,0.03192,-0.04899,-0.06532,0.10917,0.08092,0.01258,-0.03568,0.08791,0.01155,0.03466,0.01856,0.00648,-0.03406,0.02378,0.01525,-0.09756,-0.01941,0.04243,-0.02652,0.01169,-0.0578,0.07618,0.08501,0.01847,-0.02162,0.13011,0.06111,0.03436,0.03249,-0.02044,-0.01181,0.01155,-0.04299,0.02146,-0.06707,0.02257,-0.03172,0.08229,0.05381,-0.05307,-0.01146,0.03858,0.09185,0.01071,0.05443,0.06346,0.11035,-0.04579,-0.0366,-0.02616,0.01997,-0.0311,0.02091,0.06305,-0.00741,-0.04155,0.02498,0.04882,-0.01059,-0.09525,-0.05638,0.03642,-0.07094,0.02864,-0.00588,0.03326,-0.11075,-0.08621,0.00433,-0.0585,0.01241,-0.01743,0.06372,0.02519,-0.00004,0.05474,-0.07891,-0.08619,-0.03328,0.08838,-0.05869,0.01351,-0.06279,-0.006,-0.00625,0.00377,-0.09074,-0.0542,0.02365,-0.02605,0.03967,-0.05698,0.14704,0.01696,0.00217,0.0013,0.09688,0.02343,-0.07948,0,-0.08498,-0.00075,-0.02558,0.08808,0.03598,-0.02193,-0.0079,0.02485,-0.04458,-0.02555,0.01254,0.08283,-0.02712,-0.07257,-0.00047,-0.06575,0.01409,0.12246,-0.02429,-0.04136,-0.03731,0.18095,0.02016,-0.03924,-0.0191,0.0137,-0.01974,0.06331,-0.01991,0.03262,-0.05329,-0.00615,-0.04119,-0.04501,-0.09235,0.0479,0.02484,-0.0599,-0.02105,-0.00362,0.02922,-0.04623,0.0086,-0.07553,0.03726,-0.03741,-0.00725,0.03809,-0.07087,0.06164,0.02737,0.04133,-0.00493,-0.04916,-0.03758,0.0061,-0.05662,0.04456,-0.00627,0.05898,0.01917,-0.05202,-0.02092,0.01138,-0.00452,-0.00539,0.09548,0.00143,0.0444,-0.00109,0.08088,0.03345,0.01148,0.04262,0.00286,-0.00998,0.02686,-0.02583,-0.12014,-0.036,-0.04139,-0.01154,0.02692,-0.00487,-0.0321,-0.11506,0.05544,0.02641,-0.08719,-0.02247,-0.04461,-0.0105,0.14766,0.03836,0.07109,0,0.08179,0.00782,-0.00668,-0.03113,-0.00032,-0.04441,-0.01758,0.09105,-0.00925,-0.00905,-0.06593,0.01272,0.05647,-0.06972,-0.08146,0.02551,-0.00359,-0.06702,0.05058,0.02684,-0.0019,-0.02689,0.03817,0.10238,0.02483,-0.02247,-0.06134,0.06974,0.07156,0.06127,0.02538,-0.08988,0.00323,0.02541,0.03659,-0.05378,-0.00378,0.0186,-0.0149,0.07355,0.02311,0.02574,0.00866,0.00165,0.03472,0.07147,0.07225,0.01602,-0.04399,0.03033,0.02125,-0.03104,0.02334,-0.01272,-0.00654,0.14375,0.08063,-0.01004,-0.03798,0.023,-0.00166,-0.11473,-0.03,-0.03812,-0.06687,-0.02333,-0.04158,-0.01858,0.02554,0.07998,0.02426,0.01099,-0.02294,-0.0329,-0.02984,-0.04812,0.02521,-0.03605,0.04218,0.01828,-0.00395,-0.01739,0.03014,0.05962,-0.13422,-0.03821,0.03435,0.07568,0.01427,0.02176,-0.01043,-0.03523,0.1053,-0.0157,-0.04122,0,-0.00851,0.03326,0.06137,0.02264,0.09784,-0.08912,-0.01851,0.0667,-0.05074,0.02782,-0.11534,0.05307,0.06324,-0.04528,0.01665,-0.05898,-0.0004,-0.03903,-0.04092,-0.02017,-0.05056,-0.03506,0.00488,-0.01158,-0.02926,-0.06204,-0.03539,-0.03426,-0.03605,-0.03416,0.00062,0.09552,-0.00826,0.05528,-0.03266,-0.03342,-0.0212,0.06875,-0.02506,-0.00207,0.04212,-0.01971,0.0094,0.01971,-0.07541,-0.03178,0.00304,-0.01551,-0.01734,-0.0093,0.04659,-0.01221,-0.05895,-0.00888,0.00824,0.00862,-0.00939,0.06619,0.0873,0.02014,0.03935,0.11378,-0.00131,-0.01382],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Methods - refresh(): void; Force refresh of the group.","excerpt":"Methods - refresh(): void; Force refresh of the group."},{"chunkId":"/docs/f-group-directive#10","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.00175,-0.00578,-0.01832,0.07395,-0.0053,0.01728,0.01847,0.0701,0.01293,0.01368,0.08941,-0.00497,-0.07352,0.01436,-0.02659,-0.02581,-0.00178,0.00394,-0.08853,-0.09082,0.01327,-0.0727,0.0459,-0.00033,-0.03423,0.0175,-0.10182,-0.06097,0.03476,-0.10055,-0.07936,0.09868,0.11527,0.03408,-0.02832,0.05307,0.01306,0.02444,-0.02914,-0.01414,0.02012,-0.00307,0.03575,-0.08479,-0.03366,0.05135,-0.01828,0.02026,-0.08997,0.04808,0.03438,0.01443,0.00225,0.13193,0.0553,0.00185,0.00018,-0.0793,-0.02282,0.03086,-0.03855,0.03753,-0.08649,0.02419,0.0037,0.05998,0.05373,-0.04296,-0.01644,0.0275,0.04583,-0.00784,0.06169,0.07081,0.13398,-0.0181,-0.03874,-0.00766,0.00757,-0.05389,-0.00659,0.10933,0.0183,-0.04612,0.01262,0.05049,-0.03495,-0.04669,-0.0488,0.02843,-0.05922,-0.00353,-0.04783,0.00415,-0.0435,-0.09742,-0.0327,-0.13573,-0.01029,-0.03718,0.06829,0.03303,0.01474,0.0524,-0.05769,-0.06753,-0.05605,0.02104,-0.00733,-0.00715,-0.06986,-0.05872,-0.00406,-0.01608,-0.09452,-0.06485,0.02504,-0.03022,0.10131,-0.11705,0.0819,-0.0117,-0.01156,0.02897,0.0835,-0.00727,-0.11358,0,-0.06148,0.04007,-0.04872,0.05054,0.03151,0.00068,-0.00573,0.0265,-0.07199,0.00827,0.01109,0.04691,0.00186,-0.05419,0.05922,-0.07431,0.01736,0.18904,-0.07096,-0.06017,-0.03961,0.1803,0.01916,-0.0226,0.03385,-0.00413,-0.03124,0.03491,-0.00537,0.0247,-0.036,-0.01222,-0.04938,-0.06259,-0.03303,0.02798,0.00654,-0.07139,-0.00048,-0.00602,0.01824,-0.02499,-0.00009,-0.07557,0.0163,0.0195,0.02344,0.01497,-0.07904,0.03909,0.0408,0.00492,0.00015,-0.08419,0.02287,0.00971,-0.02545,0.0696,0.02314,0.05686,0.00501,-0.07634,-0.01337,-0.00615,-0.00603,-0.0278,0.06946,-0.00968,0.05534,0.03108,0.05756,0.05249,0.0019,0.04641,0.01264,-0.01044,0.00835,-0.04112,-0.07547,-0.04299,-0.10602,0.04972,0.06329,-0.00912,-0.04136,-0.14124,0.07878,0.01107,-0.10345,-0.02909,-0.02695,-0.00112,0.10477,0.02927,0.03827,0,0.02479,0.0083,-0.01611,-0.02493,-0.0259,-0.0483,0.01618,0.07536,0.00311,-0.01845,-0.04246,0.0387,0.09382,-0.08794,-0.10878,0.01337,-0.02493,-0.06944,0.03937,0.02571,0.02022,-0.01236,0.05903,0.08873,0.02454,-0.00469,-0.01306,0.05338,0.03917,0.04267,-0.01576,-0.05968,-0.0278,-0.00199,-0.01347,-0.05131,-0.02094,0.04111,-0.02745,0.04591,0.01414,0.00097,-0.00469,-0.0027,0.01352,0.03977,0.04996,0.0898,-0.01071,0.04055,-0.03579,0.0031,0.03722,0.01581,-0.03141,0.12454,0.08201,-0.03564,-0.05259,0.01685,0.00333,-0.11371,0.00785,-0.01462,-0.04515,-0.01754,-0.00839,-0.02824,-0.00839,0.09249,0.0973,0.00406,0.00532,-0.01508,-0.04839,-0.04834,0.08795,-0.02522,0.0294,0.02455,-0.04506,0.01668,0.03412,0.09813,-0.08265,0.01236,0.07058,0.08389,0.02988,0.06206,-0.01381,0.00351,0.06416,-0.00494,-0.0296,0,-0.04116,0.01703,0.02906,0.00636,0.03316,-0.06891,0.02182,0.07134,-0.03975,0.06726,-0.10512,0.07059,0.03219,-0.01918,0.07447,-0.05906,0.03815,-0.00073,-0.06901,0.00734,-0.02469,-0.03121,0.00412,-0.01502,-0.03243,-0.0663,-0.06192,-0.01296,-0.03638,-0.01188,0.04455,0.09771,0.02178,0.07166,-0.00362,0.00714,-0.04506,0.09667,-0.04965,-0.03148,0.03688,-0.00716,0.00742,0.02221,-0.06865,0.02161,-0.00035,-0.01909,-0.0246,-0.00096,0.03013,-0.00076,-0.04506,0.03229,0.03005,0.01195,-0.00897,0.05972,0.09168,0.04708,0.0494,0.07407,-0.01549,0.03271],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Types IPoint ISize IRect I Point I Size I Rect","excerpt":"Types IPoint ISize IRect"},{"chunkId":"/docs/f-group-directive#11","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.0225,0.03278,-0.06444,0.10943,0.02593,0.04947,0.00695,0.0191,0.02936,-0.01049,0.05428,-0.00456,-0.08248,0.01671,-0.02112,-0.06162,-0.05602,-0.01106,-0.10391,-0.04448,-0.00684,-0.11019,0.05601,0.01039,0.00188,0.04247,-0.06969,-0.02925,0.05464,-0.08595,-0.06038,0.12852,0.07132,0.04811,-0.03848,0.03205,0.02819,0.05773,-0.05866,-0.00913,-0.00083,-0.00802,0.03741,-0.11161,-0.06184,0.05025,-0.00103,-0.01213,-0.09117,0.11182,0.08775,0.03235,0.00037,0.14531,0.05506,0.00511,0.07901,-0.07429,-0.02102,-0.00952,-0.04801,-0.00089,-0.09311,0.036,-0.04577,0.05914,0.04956,-0.0079,0.00356,0.01415,0.0907,-0.00872,0.05448,0.02946,0.13999,-0.01444,-0.01845,0.0032,0.00652,-0.02819,0.02238,0.06451,-0.00363,0.00567,-0.0261,0.10611,-0.03754,-0.06879,-0.05193,0.04176,-0.10405,0.04289,0.01615,-0.00247,-0.01947,-0.03639,-0.0522,-0.11183,-0.01678,-0.0382,0.06725,0.01436,0.03276,0.07482,-0.01019,-0.0759,-0.02714,0.01521,-0.05877,-0.01993,-0.04121,0.00402,0.05735,-0.00201,-0.10069,-0.08977,0.02748,-0.04294,0.04861,-0.0213,0.08849,0.01619,-0.00852,-0.00302,0.11613,0.03014,-0.10789,0,-0.03175,-0.02773,-0.02701,0.06413,0.04194,-0.03835,0.00242,-0.03225,-0.03656,0.00494,-0.02102,0.02499,-0.03981,-0.02196,-0.03493,-0.10048,0.00835,0.09939,-0.03047,-0.03243,-0.00784,0.11952,-0.00469,-0.05429,0.01569,0.00635,-0.05499,0.06373,-0.02689,0.04051,-0.04669,-0.03919,-0.04011,-0.04001,-0.06264,0.03911,-0.02294,-0.05489,0.01883,0.01395,-0.02318,-0.03603,0.01201,-0.04701,0.00357,0.01584,-0.01741,0.01012,-0.04998,0.06597,0.0564,0.04494,0.0366,-0.05075,0.04753,-0.05501,-0.03324,0.06722,0.00548,0.08485,-0.00682,0.02684,-0.08881,-0.01897,0.03139,0.01909,0.09798,0.01954,0.00645,-0.06618,0.03333,0.01985,0.00619,0.03895,0.05732,-0.01083,0.07233,-0.04588,-0.05822,-0.03554,-0.10692,-0.02496,0.03871,-0.02399,-0.04175,-0.08493,0.06061,-0.02065,-0.09814,-0.06022,-0.02745,-0.01116,0.13631,0.05057,0.0357,0,0.02564,0.01855,0.03205,0.01779,0.02173,-0.02597,-0.00817,0.03285,0.04036,0.02776,-0.05248,0.08827,0.02146,-0.0966,-0.03998,0.02619,-0.0264,-0.08531,0.06898,0.02798,0.0036,-0.00572,0.01234,0.09288,-0.02143,-0.02417,-0.05064,0.02042,0.07158,0.03966,0.03187,-0.07776,-0.0317,0.00411,0.00215,-0.08985,-0.03089,0.0997,-0.01561,0.06863,-0.03452,-0.00185,-0.01128,0.03216,0.00815,0.05703,0.03991,0.01445,-0.03215,0.05565,-0.06153,0.01554,0.02409,0.0366,0.00464,0.11784,0.13391,-0.00254,-0.06776,0.04278,0.0284,-0.08386,-0.03722,-0.06533,-0.02189,-0.00538,-0.02931,0.00061,-0.00177,0.12384,0.06208,-0.00495,0.00126,-0.02873,0.00612,-0.03346,0.07669,0.00839,0.07521,0.04287,-0.04679,0.04611,0.00358,0.05901,-0.08686,-0.03596,0.02145,0.027,0.03281,0.02478,-0.01362,-0.03096,0.09725,-0.01552,-0.0192,0,-0.04738,-0.00746,0.03215,-0.04323,0.04611,-0.05224,-0.03599,0.07089,-0.0211,0.04049,-0.0664,0.09866,0.04189,-0.04046,0.02028,-0.04483,0.0002,0.01325,-0.0605,-0.03622,-0.00646,-0.03031,-0.02247,0.01978,-0.06026,-0.07075,-0.03063,-0.04685,-0.01464,0.00197,-0.03603,0.08048,-0.0166,0.06498,-0.02389,-0.01196,-0.05034,0.04833,-0.04357,-0.00631,0.0511,-0.01981,-0.00283,-0.01472,-0.07578,0.01801,0,-0.00838,-0.06255,0.02746,0.03035,0.02632,-0.06929,0.08457,0.0017,0.00549,-0.04012,0.03377,0.11762,-0.00607,-0.00403,0.10956,-0.00829,0.00788],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Styling - .f-component Base class for flow primitives. - .f-group Group host class. - .f-group-dragging-disabled Applied when fGroupDraggingDisabled = true. - .f-group-selection-disabled Applied when fGroupSelectionDisabled = true. - .f-selected Applied when the group is selected. f Group Dragging Disabled f Group Selection Disabled","excerpt":"Styling - .f-component Base class for flow primitives. - .f-group Group host class. - .f-group-dragging-disabled Applied when fGroupDraggingDisabled = true. - .f-group-selection-disabled Applied when fGroupSelectionDisabled = true. - .f-selected Applied when the group is selected."},{"chunkId":"/docs/f-group-directive#12","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.00779,0.01534,-0.00617,0.06716,0.06483,0.00169,-0.02151,-0.01051,0.01127,-0.02438,0.01782,0.04962,-0.05317,-0.01402,-0.00478,-0.01932,0.00546,0.02329,-0.0672,-0.04558,-0.03057,-0.11065,0.08293,0.0083,-0.06087,0.09092,0.02595,-0.03811,0.06139,-0.1025,-0.03623,0.06227,0.08178,0.01365,-0.08953,0.10145,0.02023,0.02837,-0.0502,-0.00515,-0.04676,0.00898,0.01521,-0.04958,-0.00813,0.04529,-0.04283,0.01075,-0.11047,0.07206,0.06704,-0.02857,0.06208,0.1398,0.00925,0.03252,0.00234,-0.02165,0.03244,-0.00163,0.01038,0.05274,-0.06317,0.00954,-0.02626,0.06837,0.03602,-0.02379,-0.00765,0.05929,0.10506,-0.00059,0.07606,0.06051,0.10129,-0.01833,-0.03652,-0.01629,0.04001,-0.06098,-0.01831,0.06148,-0.02229,-0.0184,0.02015,0.08264,-0.01883,-0.05661,-0.08185,0.05405,-0.04591,-0.00519,0.00494,0.00304,-0.02347,-0.03727,0.00315,-0.11264,-0.03867,-0.04808,0.07328,0.02239,-0.00324,0.07535,-0.02547,-0.09225,-0.02695,0.04711,-0.0459,0.0238,-0.03206,0.00487,-0.00937,0.02731,-0.13553,-0.11739,0.04664,-0.0285,0.07244,-0.03757,0.08449,0.02665,-0.01113,0.00363,0.11592,-0.02139,-0.11401,0,-0.04176,-0.00156,-0.06934,0.08177,0.04235,-0.02553,-0.03858,-0.02476,-0.05566,0.03784,0.00071,0.02017,-0.03052,-0.04181,0.05481,-0.09028,-0.0162,0.07524,-0.00184,-0.02917,-0.06707,0.11823,-0.004,-0.02931,-0.01208,0.00025,-0.06212,0.0468,-0.03423,0.01984,-0.08173,-0.02512,-0.06008,-0.00868,-0.05107,0.08273,0.00214,-0.10057,0.01565,0.03779,-0.01936,-0.04611,0.04104,-0.03649,0.05465,0.0256,0.02431,0.0156,-0.10714,0.06402,0.03807,0.04638,0.02248,-0.0887,0.02154,-0.04865,-0.03526,0.05431,0.01845,0.06911,0.06595,-0.06385,-0.04276,-0.02711,-0.0043,-0.01792,0.04315,0.06726,0.03087,-0.03351,0.05592,0.03931,0.04277,0.04862,0.00945,-0.00652,0.03542,-0.06236,-0.0614,-0.03438,-0.04159,0.0339,0.03021,0.01081,-0.00264,-0.06858,0.05815,0.01924,-0.06842,0.01281,-0.04094,-0.05333,0.14406,0.04797,0.05851,0,0.02722,0.00901,0.04113,-0.01805,-0.03136,-0.02386,-0.04009,0.0426,0.04043,-0.02773,-0.02675,0.06634,0.02779,-0.08158,-0.1,0.02009,-0.00163,-0.05057,0.09201,0.01501,0.03691,-0.03181,-0.01079,0.13268,0.05403,-0.01688,-0.05719,0.05681,0.02586,0.0527,0.0337,-0.07994,0.02904,0.02221,0.01687,-0.07436,-0.10629,0.11734,0.01036,0.04794,-0.04616,-0.0435,0.00879,0.02991,0.01939,0.05572,0.01676,0.0891,-0.0869,0.04428,-0.02945,0.03278,0.00611,-0.01764,-0.01477,0.10854,0.01359,0.00943,-0.00503,0.05477,-0.00924,-0.021,-0.03833,-0.01507,-0.04643,-0.04111,-0.09299,-0.00819,0.01742,0.08898,0.007,-0.01565,-0.03105,-0.00644,-0.02075,-0.10664,0.12104,-0.02606,0.04563,0.04994,-0.0176,0.00871,-0.0232,0.02826,-0.12995,0.04087,0.01198,0.01573,0.00895,0.01985,0.0191,0.00134,0.05512,-0.07447,-0.04084,0,-0.03806,0.02585,0.04897,-0.01863,0.0553,-0.03911,-0.01655,0.04616,-0.01467,0.03059,-0.09625,0.08834,0.03552,-0.02545,-0.02777,-0.03282,-0.01983,0.01092,-0.05319,-0.01115,-0.03372,-0.0309,-0.01897,0.02993,-0.02308,-0.09418,-0.0598,-0.03403,-0.03783,-0.00581,-0.0313,0.08085,-0.00825,0.06203,-0.02349,-0.03501,-0.06646,0.04603,-0.01307,-0.03196,0.05146,-0.03127,0.04207,0.00603,-0.11288,-0.01441,0.02969,-0.00456,0.01026,0.00049,0.06854,-0.04605,-0.02763,0.02631,0.04155,0.01535,-0.04868,0.07449,0.12301,-0.00707,-0.00929,0.09062,-0.01092,0.00671],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Notes and pitfalls - Groups don’t “contain” children by DOM nesting — hierarchy is controlled by fNodeParentId / fGroupParentId. - If you want strict bounded movement for children, ensure the parent id is set correctly and keep fIncludePadding in mind. - Auto-size/auto-expand features can change group bounds during child movement — handle fGroupSizeChange if you persist layout. - For consistent UX, style selected groups clearly (for example a stronger border or background). f Node Parent Id f Group Parent Id f Include Padding f Group Size Change","excerpt":"Notes and pitfalls - Groups don’t “contain” children by DOM nesting — hierarchy is controlled by fNodeParentId / fGroupParentId. - If you want strict bounded movement for children, ensure the parent id is set correctly and keep fIncludePadding in mind. - Auto-size/auto-expand features can change group bounds during child movement — handle fGroupSizeChange if you persist layout. - For consistent UX, style selected groups clearly (for example a stronger border or background)."},{"chunkId":"/docs/f-group-directive#13","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.05798,0.04811,-0.06364,0.07331,0.0508,0.07508,-0.04822,0.03219,0.01595,0.02922,0.00102,-0.01466,-0.03992,0.04086,0.01677,-0.03035,-0.08308,0.03928,-0.06986,-0.10952,0.00602,-0.05458,0.07401,0.01214,-0.01458,0.05153,-0.07883,-0.02517,0.06614,-0.04771,0.0027,0.07679,0.08369,0.05689,-0.03576,0.08295,0.00524,0.06699,-0.01992,-0.03057,0.0695,0.06516,0.03116,-0.13381,-0.0086,0.02496,-0.08226,0.03557,-0.11711,0.03486,0.03461,-0.04081,-0.03149,0.14505,0.03224,-0.00867,-0.0129,-0.10724,0.01314,0.00731,-0.05196,-0.03416,-0.05269,0.00702,0.03294,0.05875,-0.02771,0.0266,-0.0597,0.07962,0.0823,-0.01013,0.02187,0.03843,0.08459,-0.01509,-0.07697,0.02969,-0.00608,-0.04172,0.00466,0.0516,-0.03269,-0.00033,-0.04019,0.07687,0.01381,-0.07043,-0.0476,-0.0083,-0.08172,0.04711,-0.01808,0.03847,-0.00407,-0.02141,-0.06069,-0.05783,-0.02009,0.00456,0.03274,-0.02781,0.06151,0.05449,-0.01691,-0.03337,-0.03275,0.08336,-0.03281,0.00966,-0.04319,0.03732,0.01597,-0.02787,-0.07307,-0.1102,0.05517,-0.05082,0.04284,0.03592,0.12171,-0.00156,-0.02757,-0.00432,0.11674,0.04253,-0.03492,0,-0.04646,0.00932,-0.02385,0.06103,0.05881,-0.02164,-0.03141,-0.06132,-0.04465,0.06831,-0.07499,0.0506,-0.03793,-0.05616,-0.02493,-0.11715,0.03174,0.09846,-0.04427,-0.04602,0.01333,0.07193,-0.02042,0.00636,0.05905,-0.0381,-0.04678,0.03548,-0.07668,-0.00276,0.02516,0.01454,0.00836,-0.04931,-0.03328,0.0022,0.06164,-0.05471,-0.0285,-0.03526,0.04598,-0.04278,-0.02564,0.02271,-0.01811,-0.01569,-0.00683,-0.02192,0.01266,0.06752,0.03488,0.04959,0.0243,-0.04423,0.06399,-0.01506,-0.01561,0.0597,0.0329,0.10448,0.0021,-0.02166,-0.04317,-0.01972,0.04806,-0.02704,0.0745,0.025,0.05958,-0.05979,0.00579,0.06887,-0.01878,0.05086,0.00396,-0.02198,0.03451,0.02951,-0.03756,-0.01477,-0.06391,-0.04364,-0.00231,0.04588,-0.00489,-0.11766,0.02995,-0.02822,-0.08925,-0.09956,0.00474,-0.01743,0.08325,0.01527,0.03746,0,0.05946,0.04261,0.0017,0.05113,0.00097,-0.06602,0.03752,0.06262,0.04986,0.09023,-0.02044,0.05868,0.04119,-0.11067,-0.0035,-0.00662,-0.0091,-0.11288,0.14866,0.00514,0.02775,0.03481,-0.01627,0.07312,0.00534,0.02675,-0.02538,0.04299,0.02231,0.04418,-0.00543,-0.08993,-0.02658,0.03925,-0.03694,-0.08805,-0.02109,0.12399,0.01228,0.03045,0.04806,0.05143,-0.05792,-0.00514,-0.00811,0.00925,0.10819,0.01759,-0.05122,-0.00492,-0.04874,0.01228,0.00073,0.04036,-0.0141,0.03139,0.09974,-0.02173,-0.08793,-0.00121,0.0426,-0.05895,-0.05385,-0.05651,0.00383,-0.00838,-0.1097,-0.06269,0.04859,0.08296,0.00254,-0.01349,0.0184,-0.00867,-0.0071,-0.01635,0.05115,0.02724,0.08623,0.01743,-0.09732,0.0661,-0.00786,0.0865,-0.05018,0.01139,-0.03754,0.03181,0.07168,0.07999,-0.05059,-0.04408,0.07055,-0.04826,-0.00792,0,-0.08345,-0.00376,-0.00982,-0.00745,0.05994,-0.0927,-0.01114,0.0376,-0.01232,0.05316,-0.05608,0.06881,0.03034,-0.07548,0.0157,-0.03992,-0.0284,0.00153,-0.06505,0.01286,-0.03086,0.00614,-0.02245,0.04425,-0.02013,-0.10363,-0.05751,0.00816,-0.03385,-0.01729,-0.0151,0.031,-0.02791,0.05001,-0.0217,-0.05137,-0.11651,0.05993,-0.01582,-0.00699,0.02384,-0.04765,0.02864,-0.00597,-0.07661,0.03964,-0.0487,-0.02103,0.00858,-0.02672,0.02818,-0.01456,-0.10353,0.04749,0.03315,-0.02485,0.01697,0.0497,0.09425,-0.02103,0.00663,0.06763,0.01023,-0.04351],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Example ::: ng-component <grouping</grouping [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.scss :::","excerpt":"Example ::: ng-component <grouping</grouping [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.scss :::"},{"chunkId":"/docs/f-resize-handle-directive#0","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.01484,0.05979,-0.01459,0.09328,0.01843,-0.00776,0.05609,0.03976,-0.03886,0.02629,-0.03887,0.01531,-0.06034,0.009,0.00868,-0.04175,-0.03267,0.09147,-0.04499,0.00766,0.01649,-0.10996,0.04197,-0.04588,-0.04595,-0.02217,-0.09401,-0.03475,0.04568,-0.09045,-0.04187,0.11008,-0.07145,0.03372,-0.08877,0.0854,0.02593,-0.02363,-0.12076,-0.01925,0.02572,0.08823,0.06404,-0.03669,0.00081,0.02205,-0.07013,0.07998,-0.07658,0.02987,0.04067,-0.08063,0.01863,0.0463,0.03871,-0.0115,0.03031,-0.05003,0.05158,0.07709,-0.04018,-0.018,0.00709,0.01764,-0.04265,0.03463,0.00473,-0.05761,-0.02962,-0.02447,0.05638,-0.0163,-0.01515,-0.03051,0.11635,-0.00218,-0.06964,0.09421,-0.04005,-0.02524,-0.00595,0.04873,0.00376,0.02786,0.05871,0.10267,-0.04651,-0.07472,-0.00082,0.09804,-0.07733,0.07096,-0.11031,0.01738,-0.11334,-0.07818,-0.06918,-0.03883,-0.13957,0.01594,0.06101,-0.00136,0.0427,0.05099,0.01808,-0.03045,-0.04952,-0.01922,-0.09653,-0.00558,-0.01521,-0.00093,0.02041,0.02376,-0.02349,-0.07347,0.0089,-0.0779,0.10719,-0.04624,0.02442,0.07603,-0.04981,-0.05064,0.05497,0.00933,-0.03901,0,-0.04509,-0.00206,-0.0421,0.01287,0.097,-0.00237,-0.01779,0.00885,-0.09046,-0.05109,0.04119,0.00597,-0.03498,-0.0018,0.09318,-0.12496,-0.01071,0.11178,-0.04247,-0.05834,-0.01188,0.02348,0.01045,-0.03109,-0.00505,-0.02444,-0.05044,0.05498,-0.00737,0.00598,-0.02616,-0.0161,0.01948,-0.01112,-0.11632,-0.00352,-0.02367,-0.06027,-0.07936,-0.02176,0.00799,0.03023,-0.00812,-0.05151,-0.02868,-0.02936,-0.01441,0.05847,0.00448,-0.02898,0.02896,0.06924,0.06327,-0.05314,0.01727,-0.08457,0.00699,0.09652,-0.00345,0.01461,-0.0219,0.02831,-0.05441,0.01625,0.00896,0.04153,0.04606,0.01976,-0.02503,-0.0381,-0.00469,0.06159,0.07863,0.08822,0.02651,-0.02504,-0.01879,-0.01766,-0.02603,-0.00923,0.00546,0.00797,0.06537,0.01585,-0.02468,-0.15723,0.05076,-0.01043,-0.01951,-0.0025,-0.00305,-0.02945,0.09513,-0.00048,0.02432,0,-0.03939,0.0577,0.00774,0.03185,-0.00025,-0.03312,-0.02369,0.02114,0.0273,-0.08715,-0.05387,-0.01915,0.0167,-0.02355,-0.0424,-0.04684,-0.07119,-0.05233,0.00296,-0.02026,0.00375,-0.00023,0.01725,0.09291,0.03367,-0.02235,0.00619,0.05233,-0.03584,-0.02367,-0.01084,-0.06929,-0.02577,0.03752,0.01995,-0.12919,-0.04922,0.0896,0.07936,0.11143,0.06935,0.03131,-0.00993,0.01695,0.0166,0.05688,-0.00013,-0.02735,-0.03104,0.01208,-0.05836,0.04093,-0.00706,-0.01762,-0.01598,0.03049,0.12168,-0.03199,0.01122,-0.04931,0.06555,-0.1346,-0.03719,-0.01733,0.07466,0.0066,0.0074,-0.053,0.01583,0.08417,0.10342,0.03391,0.02526,-0.00145,0.03773,0.01048,0.11785,-0.04919,0.01775,0.05839,-0.03362,0.03698,0.02878,0.03507,0.06724,0.04924,-0.07501,0.07063,0.02356,0.0949,-0.02528,-0.00473,0.0375,-0.01117,0.0058,0,-0.08282,0.02674,-0.03025,0.03045,-0.00847,0.02063,0.05456,-0.00349,-0.05486,0.0213,-0.04094,0.04882,0.06096,-0.00404,0.07679,-0.06863,-0.00071,0.0489,-0.05527,-0.03503,-0.03301,-0.0079,0.00499,0.11597,-0.06391,-0.07535,-0.08957,0.04868,-0.02192,-0.00159,-0.04718,0.02044,0.07149,0.09376,-0.07341,0.01557,-0.08316,0.0724,-0.02125,0.05786,0.02123,0.00187,-0.03568,-0.01379,-0.02614,0.01302,0.04245,0.03146,-0.0157,0.0707,0.05461,-0.00125,-0.00196,0.03486,0.046,-0.00045,-0.02469,0.03752,-0.01947,0.00771,-0.02576,0.041,0.02498,0.03152],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Resize Handle Selector: [fResizeHandle] Class: FResizeHandleDirective FResizeHandleDirective marks an element as a resize handle for a fNode or fGroup. It works only when fDraggable is enabled on the parent f-flow. Resize handles let users change node/group size directly on the canvas - similar to design tools. f Resize Handle F Resize Handle Directive f Node f Group f Draggable","excerpt":"Resize Handle Selector: [fResizeHandle] Class: FResizeHandleDirective FResizeHandleDirective marks an element as a resize handle for a fNode or fGroup. It works only when fDraggable is enabled on the parent f-flow. Resize handles let users change node/group size directly on the canvas - similar to design tools."},{"chunkId":"/docs/f-resize-handle-directive#1","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.04746,0.01373,-0.01331,0.07603,-0.01514,0.00644,0.02147,0.0515,-0.08305,0.03913,0.00734,0.01558,-0.02913,-0.00401,-0.0123,-0.02397,-0.04619,0.08352,-0.08147,0.01045,0.01213,-0.05432,0.01578,-0.04238,-0.06049,-0.02367,-0.11005,-0.01272,0.04517,-0.07966,-0.0393,0.09705,-0.06499,0.01799,-0.06365,0.06902,0.02803,-0.05735,-0.11711,-0.01486,0.03584,0.07374,0.06634,0.00638,-0.02106,0.0126,-0.09924,0.06518,-0.045,-0.03927,0.01965,-0.09337,0.00971,0.01949,0.02379,-0.00719,-0.01236,-0.03433,0.0442,0.07134,0.00827,-0.02557,0.03159,0.00136,-0.07439,0.01874,0.03181,-0.0633,-0.02773,-0.0314,0.00195,-0.04774,-0.06495,0.01512,0.11164,0.05455,-0.05556,0.06662,-0.03563,-0.03971,-0.01155,0.04205,-0.0005,0.01639,0.06384,0.08642,-0.02871,-0.04856,0.03296,0.07899,-0.04385,0.03488,-0.13788,0.01369,-0.13999,-0.06721,-0.08014,-0.0302,-0.13897,0.034,0.05867,0.008,0.03952,0.05883,-0.00236,-0.03672,-0.06497,0.00744,-0.07712,-0.01495,0.01539,0.00851,-0.02333,-0.0007,-0.01662,-0.0508,0.01756,-0.07241,0.11815,-0.04451,0.02049,0.03516,-0.0561,-0.03013,0.03212,0.02985,-0.03847,0,-0.06046,0.02173,-0.02967,0.01616,0.07725,-0.02294,-0.06352,0.02234,-0.06984,-0.06127,0.05469,0.05011,-0.00468,0.00509,0.09271,-0.12181,-0.00757,0.15169,-0.05001,-0.08115,-0.01901,0.03481,0.0418,-0.00514,0.01411,-0.06869,-0.02235,0.03288,0.01581,-0.01362,-0.0005,-0.0252,-0.01613,-0.00545,-0.07129,-0.00645,0.00148,-0.06482,-0.05927,-0.03217,0.02497,0.04256,-0.00284,-0.05014,-0.02352,0.00082,0.02082,0.05417,0.02495,-0.08349,0.03703,0.04963,0.0778,-0.02142,0.02202,-0.05211,0.0302,0.10546,0.03374,0.00383,-0.04807,-0.00427,-0.00258,0.02389,0.01802,0.01117,-0.00534,-0.0137,0.01088,0.0181,0.03531,0.04454,0.10247,0.12389,-0.00974,-0.03067,-0.02364,-0.0201,-0.03582,0.03351,-0.00007,0.06207,0.05518,0.01741,-0.02153,-0.18427,0.02895,0.00628,0.01844,0.00147,-0.03367,-0.00653,0.06847,0.00167,-0.01344,0,-0.05546,0.05658,-0.01751,0.01561,-0.00542,-0.00515,-0.02995,0.05275,0.01617,-0.12364,-0.01542,-0.04392,0.04124,-0.02006,-0.05433,-0.07834,-0.06372,-0.03476,-0.0002,0.00599,0.02283,-0.03576,0.04227,0.09577,0.06679,-0.04066,0.02383,0.05891,-0.09134,-0.02082,-0.00883,-0.07465,-0.01172,0.04671,-0.01469,-0.11412,-0.05432,0.06441,0.0919,0.10432,0.08092,0.01849,-0.00966,0.00765,0.01204,0.0155,0.01131,-0.03762,-0.0135,0.00304,-0.022,0.0504,-0.01024,-0.03203,-0.02303,0.00902,0.10978,-0.05677,0.02734,-0.0502,0.04752,-0.13164,-0.01779,-0.01211,0.05848,-0.00323,0.05093,-0.08815,-0.03473,0.0444,0.06198,0.05464,0.01924,0.00085,0.03755,-0.00356,0.0994,-0.06086,0.00677,0.0411,-0.04667,-0.0095,0.02587,0.05019,0.05107,0.06028,-0.03976,0.10597,0.02547,0.10335,-0.02888,-0.01614,0.03606,0.04973,-0.00374,0,-0.05372,0.04134,-0.02113,0.07304,-0.01852,0.02589,0.08159,-0.00476,-0.03855,0.05067,-0.03218,0.01782,0.02042,0.03591,0.07457,-0.07657,-0.01776,0.04435,-0.04666,-0.01984,-0.00609,-0.00002,0.0557,0.09253,-0.01236,-0.05819,-0.08399,0.0865,-0.03258,-0.01242,-0.02788,0.01643,0.0598,0.07339,-0.07153,0.03038,-0.08921,0.11405,-0.01429,0.07129,-0.00527,0.01986,-0.05462,0.00013,0.01551,0.03553,0.02336,0.08343,0.02848,0.0473,0.06986,-0.0195,0.00556,0.00464,0.01112,0.03594,-0.02373,0.0297,-0.02424,0.0096,-0.0348,0.00014,-0.02962,0.03858],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-resize-handle-directive#2","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.04472,0.03,-0.02093,0.09421,-0.02249,-0.00064,0.01687,0.05927,-0.05508,0.0147,-0.03987,0.02603,-0.04963,0.0056,-0.01611,-0.04299,-0.05955,0.09019,-0.07266,0.00849,0.01738,-0.07978,-0.00271,-0.04007,-0.07621,-0.006,-0.08397,-0.02454,0.0634,-0.0884,-0.00988,0.10282,-0.08187,0.02974,-0.07628,0.0788,0.01115,-0.01949,-0.08189,-0.0177,0.03761,0.11043,0.0722,0.00998,0.01017,-0.02084,-0.08887,0.06431,-0.02724,-0.04545,0.05017,-0.10336,0.01407,0.02495,-0.01478,-0.03728,-0.0189,-0.05865,0.02675,0.0912,-0.003,-0.01156,0.05976,-0.00402,-0.06711,0.02343,0.00985,-0.0642,-0.06249,-0.0184,0.00946,-0.03754,-0.07097,-0.0103,0.10169,-0.00864,-0.04492,0.05025,-0.05738,-0.01039,-0.01507,0.03543,-0.01568,0.03791,0.04262,0.0915,-0.02823,-0.04078,0.01354,0.07529,-0.05952,0.051,-0.11954,0.01164,-0.14106,-0.05133,-0.05301,-0.03535,-0.15193,0.03672,0.06776,-0.01022,0.04387,0.03379,0.00425,-0.00949,-0.07098,-0.02089,-0.09556,-0.03448,0.01647,0.01697,-0.04484,-0.00171,0.00187,-0.09285,0.0143,-0.08269,0.11392,-0.03462,0.02232,0.0618,-0.03517,-0.02336,0.06239,0.0314,-0.0335,0,-0.06068,0.03263,-0.02515,0.02768,0.08365,-0.00581,-0.04025,0.01611,-0.08244,-0.03633,0.06074,0.03238,-0.01141,-0.0005,0.09475,-0.1115,-0.00353,0.13465,-0.06064,-0.06897,-0.04755,0.01177,0.0208,0.00912,0.00364,-0.05426,-0.02374,0.05591,0.00426,-0.03396,0.00414,-0.01004,-0.01713,0.00694,-0.05203,0.0073,0.00796,-0.04272,-0.05287,-0.02791,0.01901,0.05481,0.00104,-0.03502,-0.00924,0.0191,0.04611,0.05796,-0.00719,-0.0651,0.03634,0.05083,0.08818,-0.00031,0.02154,-0.05086,0.03945,0.07935,0.04825,0.02474,-0.0359,-0.03289,-0.04269,0.02075,-0.01666,0.02509,-0.00009,0.01724,0.01,0.0074,-0.00759,0.06834,0.11558,0.12002,-0.01619,-0.01067,-0.03306,-0.01075,-0.02068,0.04595,0.00225,0.03382,0.06493,0.00312,0.00128,-0.17177,0.01296,0.01712,0.03506,-0.01353,-0.06228,-0.01809,0.09263,-0.01103,-0.01271,0,-0.0661,0.04688,-0.02116,-0.01367,-0.00749,-0.01992,-0.04314,0.03385,-0.00581,-0.12277,-0.03555,-0.01509,0.07741,-0.01162,-0.07026,-0.06679,-0.05104,-0.01505,0.01329,-0.02697,-0.00288,-0.04212,0.05173,0.08685,0.04151,-0.01092,0.03044,0.04208,-0.05368,-0.00162,0.00597,-0.09379,0.01811,0.05431,-0.01395,-0.12196,-0.0466,0.05907,0.11343,0.10052,0.05561,-0.01792,0.00965,0.02978,-0.00159,0.02568,-0.0216,-0.01517,-0.04263,0.01523,-0.05964,0.04287,-0.03767,-0.01733,-0.00851,-0.02856,0.07911,-0.04172,0.09271,-0.046,0.05386,-0.13061,-0.03104,-0.01535,0.03855,-0.01329,0.01007,-0.11607,-0.03205,0.07943,0.07332,0.06792,-0.01805,-0.01746,0.04795,-0.00754,0.10558,-0.08075,0.0434,0.05853,-0.05466,-0.00021,0.02176,0.02818,0.05056,0.04338,-0.03739,0.10161,0.02093,0.1027,-0.03003,0.00626,0.04291,0.02055,0.00342,0,-0.06086,0.02522,-0.00108,0.03039,-0.04106,0.02256,0.07991,-0.00563,-0.04161,0.02787,-0.01974,0.01693,0.01145,0.04202,0.08857,-0.04599,-0.01171,0.03237,-0.03305,-0.02326,-0.00397,0.00082,0.04389,0.0784,-0.01631,-0.06185,-0.08782,0.08636,-0.03667,-0.00736,-0.02324,0.01065,0.04251,0.05927,-0.02817,0.00652,-0.10276,0.0965,0.00618,0.06978,0.00394,0.0056,-0.04074,0.00334,0.01296,0.04803,0.01926,0.04793,0.03843,0.06581,0.08161,-0.03371,0.00007,0.01498,0.01291,0.01721,-0.01434,0.03335,-0.01485,0.00953,-0.04524,0.02344,0.00285,0.04712],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Add a resize handle to a node Attach fResizeHandle to an element inside a node (or group) and specify the handle type. Tip: In real UIs you usually render 8 handles (corners + sides) for the best UX. f Resize Handle U Is","excerpt":"Add a resize handle to a node Attach fResizeHandle to an element inside a node (or group) and specify the handle type. Tip: In real UIs you usually render 8 handles (corners + sides) for the best UX."},{"chunkId":"/docs/f-resize-handle-directive#3","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[-0.00074,-0.01276,0.00032,0.11699,0.04401,0.02232,0.02586,0.03094,-0.0119,-0.01023,0.01571,-0.01031,-0.03869,-0.01006,-0.02168,-0.00227,0.014,0.05464,-0.12288,-0.0341,-0.00404,-0.08862,-0.02022,0.01646,-0.00601,0.01386,-0.05945,-0.02539,0.08963,-0.0971,-0.01751,0.12565,-0.07061,0.02073,-0.0964,0.03972,0.04409,-0.04617,-0.13778,-0.02631,0.0266,0.01679,0.04054,-0.01283,-0.03655,0.03363,-0.02348,0.06203,-0.08647,0.03349,0.01543,0.00375,0.04249,0.08263,0.02136,0.01638,0.05244,-0.02499,-0.00444,0.0229,-0.06795,-0.0226,0.00172,0.02918,-0.06748,0.03377,0.01598,-0.04357,0.02085,-0.05716,0.07162,-0.02226,-0.03039,-0.06909,0.12124,-0.04103,-0.06766,0.07496,-0.01337,0.01201,0.07731,0.00247,-0.03374,0.00948,-0.0033,0.04677,-0.02691,-0.07032,0.01694,0.07167,-0.00996,0.07704,-0.10766,-0.02745,-0.01503,-0.08035,-0.09607,-0.06421,-0.08796,0.02986,0.04499,0.04593,0.02805,0.09478,-0.00263,-0.06543,-0.04268,-0.00359,-0.06856,0.06569,0.05711,-0.01188,0.05386,0.04249,0.00088,-0.0497,-0.02828,-0.07389,0.0321,-0.04627,0.0005,0.06461,-0.02785,-0.032,0.05068,0.04139,-0.06246,0,-0.05798,-0.01615,-0.02788,0.03888,0.02105,0.01043,-0.00408,0.01969,-0.01736,-0.04275,-0.00262,0.08791,-0.0337,-0.00472,0.0227,-0.13213,-0.00468,0.13421,-0.07969,-0.03226,0.04004,0.04994,-0.0162,-0.03729,0.00529,-0.03564,-0.05167,0.07196,-0.0498,0.0006,-0.05064,-0.00869,-0.00936,-0.02361,-0.07142,0.02391,-0.04011,-0.05692,-0.01112,-0.02065,0.01214,0.05566,-0.02766,-0.03393,-0.0589,-0.05899,0.01942,0.00887,-0.03751,-0.01958,0.06437,0.04492,0.05009,-0.01954,0.02227,-0.08125,0.01643,0.06199,-0.01586,0.0283,-0.03944,0.00839,-0.06411,-0.00868,0.06553,0.07588,-0.04475,0.02174,0.03935,-0.0014,0.00301,0.08255,0.04926,0.08585,0.04827,-0.0462,-0.00801,-0.03966,-0.05511,-0.03227,0.01244,0.0145,0.04241,0.02376,0.02346,-0.13664,0.00794,-0.06785,-0.07546,0.01788,0.01634,-0.03929,0.12484,0.05751,0.03664,0,-0.03109,0.02758,0.00144,0.01588,0.0033,-0.01222,-0.02593,0.08911,0.05754,-0.14358,-0.06412,0.0114,0.02858,0.01178,0.01327,-0.02415,-0.02703,-0.11457,0.023,-0.00188,0.01206,-0.04345,-0.00135,0.08771,-0.01155,-0.03677,0.00958,0.02187,0.01964,-0.01697,0.01351,-0.08018,-0.06369,-0.00789,0.00088,-0.09791,-0.06208,0.09139,0.0957,0.11067,0.01904,0.03067,-0.05327,0.03278,0.06579,0.07454,-0.04878,-0.03833,-0.04295,-0.04748,-0.02236,0.09277,-0.0616,0.02178,-0.01356,0.04781,0.11968,-0.01783,-0.05399,-0.05181,0.02199,-0.10411,-0.06384,-0.05637,0.03072,0.03945,0.06252,-0.05884,0.02852,0.05537,0.06985,0.04371,-0.00829,-0.01144,0.04168,-0.01724,0.05891,-0.10299,0.04669,0.05334,-0.08061,0.04272,0.05165,0.01731,0.03164,0.05917,-0.0585,0.05754,0.05443,0.111,-0.01818,-0.02873,-0.0245,0.00384,-0.02859,0,-0.07979,0.00254,-0.03535,0.07646,-0.01214,0.02359,0.04484,0.01828,-0.0103,-0.00009,-0.0132,0.05764,0.02228,-0.01283,0.11451,-0.00643,0.00768,-0.01257,-0.04384,-0.04252,0.02922,-0.0134,-0.0233,0.08112,-0.04343,-0.08253,0.00315,0.09491,-0.04316,-0.00343,-0.00017,0.02207,0.04693,0.08916,-0.05021,0.01504,-0.02503,0.08941,0.02328,0.00951,0.0169,0.05827,-0.08229,-0.02828,-0.04812,0.04357,0.05394,-0.00295,-0.00727,0.04356,0.04109,0.04387,-0.04477,0.11923,0.06445,-0.03382,-0.08044,0.01528,0.04203,-0.00409,-0.0204,0.00585,-0.02929,0.01194],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. How it works - On pointer down, the drag pipeline detects fResizeHandle on the hit element. - fResizeHandleType defines the resize direction (left/right/top/bottom and corners). - During resize, the library updates the element internally for smooth interaction. - Your app typically persists the final result using: - fNodeSizeChange from fNode - fGroupSizeChange from fGroup This keeps your data model as the source of truth while interactions stay responsive. The optional Managed Flow State plugin does not capture user resize in v1, so this final-output persistence step still applies when managed state is enabled. f Resize Handle f Resize Handle Type f Node Size Change f Node f Group Size Change f Group","excerpt":"How it works - On pointer down, the drag pipeline detects fResizeHandle on the hit element. - fResizeHandleType defines the resize direction (left/right/top/bottom and corners). - During resize, the library updates the element internally for smooth interaction. - Your app typically persists the final result using: - fNodeSizeChange from fNode - fGroupSizeChange from fGroup This keeps your data model as the source of truth while interactions stay responsive. The optional Managed Flow State plugin does not capture user resize in v1, so this final-output persistence step still applies when managed state is enabled."},{"chunkId":"/docs/f-resize-handle-directive#4","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.03396,0.02318,-0.02008,0.07468,-0.01276,-0.01026,0.01126,0.04365,-0.07034,0.03155,0.00406,0.01263,-0.0247,-0.00248,0.00672,-0.01674,-0.05197,0.08983,-0.07638,0.00207,0.01736,-0.04202,0.00058,-0.03634,-0.05802,-0.02823,-0.11382,-0.02415,0.04443,-0.07812,-0.04498,0.10111,-0.07802,0.02543,-0.05766,0.08241,0.02844,-0.0619,-0.09639,-0.00267,0.039,0.08632,0.04621,-0.00327,-0.02946,0.01182,-0.09801,0.06084,-0.06303,-0.02491,0.01591,-0.08237,0.01187,0.02372,0.02969,-0.02613,-0.02067,-0.02185,0.02928,0.07711,0.02028,-0.03153,0.02486,0.00919,-0.0741,0.01834,0.02645,-0.06819,-0.01877,-0.04305,-0.0051,-0.04757,-0.06089,0.02024,0.11427,0.04312,-0.04763,0.06224,-0.04231,-0.04525,-0.01769,0.03508,-0.0066,0.03334,0.05899,0.0963,-0.03275,-0.03699,0.03347,0.07568,-0.05567,0.01921,-0.12951,0.01297,-0.13208,-0.06413,-0.07838,-0.03891,-0.14805,0.04538,0.04933,0.01506,0.02967,0.04867,0.00343,-0.03892,-0.07332,-0.0054,-0.07157,-0.01071,0.01557,0.01686,-0.02049,0.00208,-0.01782,-0.05016,0.02316,-0.07489,0.12659,-0.04447,0.03159,0.02853,-0.04424,-0.0191,0.03449,0.03114,-0.02288,0,-0.06571,0.00706,-0.01128,0.0173,0.08348,-0.01861,-0.05291,0.02317,-0.07741,-0.07308,0.05882,0.05911,0.00701,0.00363,0.10027,-0.11183,-0.00497,0.16478,-0.04592,-0.07268,-0.03114,0.03564,0.03531,-0.0059,0.00359,-0.06632,-0.02882,0.03,0.01076,-0.00984,-0.00388,-0.02296,-0.01425,0.00594,-0.06808,-0.00318,-0.0161,-0.06427,-0.06334,-0.03815,0.02045,0.05237,-0.01315,-0.04823,-0.02969,0.00233,0.00708,0.05465,0.0174,-0.08723,0.03235,0.06573,0.08637,-0.02946,0.0342,-0.0693,0.03579,0.10155,0.03244,0.00684,-0.04032,-0.00479,-0.00033,0.0264,0.02394,0.01073,0.00715,0.00042,0.01102,0.01806,0.0382,0.06396,0.09188,0.12492,-0.01885,-0.04373,-0.00681,-0.01579,-0.02309,0.02571,0.01805,0.04954,0.05427,0.01478,-0.03893,-0.16951,0.03727,0.00312,0.01646,0.00221,-0.05173,-0.00417,0.06388,0.00515,-0.01907,0,-0.05827,0.04225,-0.01986,0.01128,-0.00978,-0.01673,-0.0286,0.06039,0.01817,-0.11244,-0.01891,-0.04041,0.02825,-0.01063,-0.04212,-0.07041,-0.07136,-0.04324,0.00646,-0.00057,0.00534,-0.0242,0.03647,0.10357,0.06238,-0.04223,0.01253,0.06634,-0.09682,-0.02835,-0.00782,-0.08174,-0.02049,0.04959,-0.02089,-0.11063,-0.04966,0.09545,0.08751,0.09691,0.07898,0.0058,-0.01024,0.01152,0.02057,0.00595,0.00814,-0.02798,-0.02083,0.00056,-0.01787,0.05231,-0.00154,-0.03066,-0.0145,0.01985,0.10712,-0.05383,0.02534,-0.05303,0.03847,-0.13677,-0.01479,-0.00719,0.04771,-0.00768,0.04292,-0.0974,-0.04546,0.05413,0.06484,0.04726,0.0116,0.00472,0.02854,-0.00512,0.09417,-0.06156,-0.00031,0.05194,-0.06492,-0.00418,0.03939,0.06086,0.0569,0.0526,-0.03079,0.10989,0.01833,0.11832,-0.02673,-0.01141,0.03181,0.04358,0.0011,0,-0.05333,0.04192,-0.03009,0.07375,-0.0267,0.03536,0.07695,-0.00522,-0.03396,0.05372,-0.03479,0.01069,0.02023,0.04336,0.07415,-0.07569,-0.01278,0.03548,-0.04955,-0.01396,-0.01595,0.00878,0.04474,0.07752,-0.00707,-0.05835,-0.07659,0.09855,-0.03903,-0.02792,-0.03779,0.0251,0.0575,0.06608,-0.06884,0.01751,-0.09348,0.11195,-0.00829,0.06195,-0.00591,0.01534,-0.05129,0.00559,0.03435,0.04008,0.02462,0.07819,0.03377,0.04997,0.06101,-0.02138,0.00213,0.00402,0.00878,0.03097,-0.03658,0.02927,-0.02142,0.01134,-0.0264,0.00336,-0.01402,0.03874],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. API","excerpt":"API"},{"chunkId":"/docs/f-resize-handle-directive#5","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.03957,0.02244,-0.03702,0.06734,-0.01835,0.00997,0.03868,0.06025,-0.07855,0.01571,0.01462,0.00821,-0.02304,0.0068,-0.01218,-0.03648,-0.07243,0.07521,-0.0654,0.00594,0.00181,-0.06244,-0.00166,-0.04846,-0.09169,-0.01643,-0.0915,-0.00572,0.05357,-0.09726,-0.03749,0.09414,-0.05823,0.01249,-0.07217,0.04736,0.01707,-0.05226,-0.10817,-0.01962,0.01786,0.05784,0.0799,0.00222,-0.01476,0.01425,-0.10882,0.05392,-0.02934,-0.03266,0.03166,-0.09214,-0.00039,0.02604,0.02373,-0.02237,-0.00061,-0.02073,0.04959,0.07194,0.01485,-0.0294,0.0206,0.00724,-0.07697,0.01212,0.03809,-0.07431,-0.05434,-0.03729,-0.01062,-0.0446,-0.06721,-0.02989,0.12914,0.02566,-0.04833,0.07131,-0.03289,-0.02842,-0.01477,0.05459,-0.01817,0.02053,0.05858,0.08274,-0.04345,-0.0354,0.05328,0.07649,-0.04622,0.00664,-0.12305,0.02282,-0.13022,-0.05693,-0.0766,-0.03178,-0.15102,0.03748,0.03566,-0.00813,0.04717,0.05992,0.0261,-0.02648,-0.06702,-0.00812,-0.05431,-0.03134,-0.0038,-0.00842,-0.02244,0.00689,-0.00278,-0.05628,0.02514,-0.06327,0.1238,-0.04223,0.01852,0.04079,-0.0702,-0.03245,0.03175,0.02285,-0.02141,0,-0.04366,0.03021,-0.03557,0.01979,0.0727,0.01596,-0.05428,0.03929,-0.06834,-0.06257,0.04741,0.02972,-0.01066,0.01672,0.09819,-0.12119,-0.02545,0.1581,-0.07826,-0.08294,-0.01703,0.03786,0.02514,-0.00963,0.00399,-0.05708,-0.02474,0.03165,0.01971,-0.01427,0.0051,-0.03147,-0.03075,-0.00271,-0.05008,-0.00289,0.0079,-0.04449,-0.05241,-0.03543,0.01107,0.03455,-0.01805,-0.05054,-0.00774,-0.00978,0.03028,0.04812,0.01252,-0.08082,0.02205,0.04825,0.08374,-0.03086,0.01788,-0.04852,0.02794,0.1246,0.02479,0.00872,-0.04186,-0.00644,-0.00317,-0.00159,0.00647,0.01065,-0.00671,-0.04549,0.00206,-0.0109,0.01276,0.03859,0.10052,0.12603,-0.03764,-0.02167,-0.02743,0.00287,-0.02957,0.01923,-0.02298,0.07205,0.04809,0.00262,-0.01641,-0.17761,0.02041,-0.00532,0.01783,-0.01878,-0.06169,-0.00846,0.05347,0.00372,-0.01234,0,-0.06614,0.06269,-0.02869,0.00282,-0.01591,0.00669,0.00885,0.05897,0.01463,-0.10072,-0.0159,-0.03118,0.0538,-0.02662,-0.04907,-0.07042,-0.07632,-0.01875,-0.0025,0.01341,-0.00337,-0.03951,0.03087,0.11587,0.06318,-0.01231,0.03857,0.06021,-0.07651,-0.00926,-0.02449,-0.07256,-0.01581,0.05475,-0.03581,-0.13195,-0.05788,0.05898,0.08313,0.09616,0.08378,0.02264,0.01501,0.04966,0.01417,0.02394,0.02166,-0.01052,-0.01717,-0.00165,-0.03708,0.06975,-0.02541,-0.01785,-0.02206,0.00318,0.11586,-0.03954,0.03778,-0.03378,0.05371,-0.11939,-0.01168,-0.00933,0.05834,0.0008,0.03198,-0.08964,-0.0149,0.04672,0.0865,0.06992,0.01209,-0.01475,0.02992,0.01349,0.09292,-0.07838,0.01181,0.04498,-0.04991,-0.00201,0.043,0.05024,0.05301,0.05165,-0.0399,0.09189,0.02451,0.09302,-0.02316,-0.00124,0.03126,0.05469,0.02065,0,-0.05088,0.04411,-0.00625,0.0522,-0.03439,0.01787,0.10159,-0.03036,-0.03967,0.02025,-0.03033,0.0163,0.00993,0.05008,0.09176,-0.03757,-0.02169,0.06395,-0.04658,-0.00053,0.01737,-0.02494,0.04163,0.08306,-0.01415,-0.06059,-0.09145,0.10992,-0.03633,-0.0208,-0.0281,0.01943,0.05124,0.05032,-0.06162,0.04404,-0.08811,0.1026,-0.02183,0.07432,-0.00239,0.02008,-0.06128,-0.01299,0.01274,0.06101,0.04758,0.06933,0.02,0.03476,0.05973,-0.02155,0.02223,0.01114,-0.00098,0.04174,-0.03725,0.01789,-0.01469,0.01684,-0.04232,0.03046,-0.0109,0.05971],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Inputs - fResizeHandleType: EFResizeHandleType; Required. Defines which side/corner the handle represents. f Resize Handle Type EF Resize Handle Type","excerpt":"Inputs - fResizeHandleType: EFResizeHandleType; Required. Defines which side/corner the handle represents."},{"chunkId":"/docs/f-resize-handle-directive#6","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.05626,0.01144,-0.03493,0.08374,-0.01603,0.00356,0.00936,0.04106,-0.07144,0.03234,0.02131,0.01075,-0.02969,-0.00013,-0.02749,-0.00925,-0.06326,0.06941,-0.08187,-0.0065,0.02706,-0.04551,0.00147,-0.03801,-0.05428,-0.02679,-0.11899,-0.01104,0.02732,-0.09582,-0.04427,0.10037,-0.06881,0.01387,-0.04138,0.0785,0.03652,-0.07599,-0.0963,-0.02254,0.04477,0.06034,0.0742,-0.00123,-0.03365,0.01158,-0.11232,0.03945,-0.05393,-0.04275,0.02441,-0.06485,0.00274,0.02379,0.03482,-0.0223,-0.01602,-0.02658,0.03088,0.05279,-0.00572,-0.02262,0.01403,0.00448,-0.06089,0.00474,0.01556,-0.06101,-0.036,-0.02885,-0.01119,-0.04256,-0.0717,0.00707,0.12902,0.03326,-0.04167,0.05735,-0.03311,-0.0345,-0.0178,0.03349,-0.00182,0.03194,0.057,0.09083,-0.03378,-0.03186,0.03193,0.07449,-0.06598,0.01583,-0.1363,0.02521,-0.1448,-0.0654,-0.06938,-0.02904,-0.13772,0.04988,0.05307,0.0128,0.0739,0.04572,0.00088,-0.02713,-0.06204,0.00478,-0.07149,-0.03444,0.00982,0.00949,-0.01666,-0.00057,0.00399,-0.04936,0.01042,-0.06327,0.11021,-0.04056,0.03179,0.03017,-0.05638,-0.00375,0.03075,0.03123,-0.01329,0,-0.0557,-0.01095,-0.03247,0.00538,0.08251,0.01125,-0.0625,0.02354,-0.07244,-0.04559,0.03789,0.05214,0.00573,0.01725,0.10471,-0.10827,0.01743,0.17696,-0.05812,-0.07648,-0.02611,0.05814,0.03572,-0.01042,0.01603,-0.06402,-0.0213,0.03141,-0.00548,-0.01397,0.00067,-0.01756,-0.00533,-0.0168,-0.06691,-0.00975,-0.00786,-0.05826,-0.07304,-0.02507,0.00492,0.04248,-0.0124,-0.05071,-0.02186,0.00155,0.02483,0.06557,0.01028,-0.07384,0.03869,0.04826,0.09044,-0.01654,0.02858,-0.06036,0.03497,0.10585,0.0324,0.00118,-0.03925,0.00607,-0.01314,0.0108,0.01695,0.01239,0.00137,-0.01463,0.02804,0.02265,0.00689,0.04483,0.08875,0.12112,-0.00244,-0.02869,-0.01558,-0.04169,-0.0392,0.02983,0.00865,0.05483,0.05393,0.00174,-0.01093,-0.16684,0.02038,0.00256,0.02617,0.002,-0.07388,-0.00971,0.06258,-0.02221,-0.01338,0,-0.06625,0.0818,-0.05158,0.00029,-0.02806,-0.00156,-0.01619,0.05147,0.00541,-0.12789,-0.00898,-0.04247,0.04674,-0.01654,-0.04715,-0.08222,-0.06676,-0.02995,-0.00413,0.00227,0.01615,-0.0166,0.05074,0.10956,0.0618,-0.02866,0.02707,0.08134,-0.09063,-0.02132,0.00218,-0.07738,-0.01219,0.06471,-0.01676,-0.11923,-0.04393,0.0679,0.09654,0.10684,0.07723,0.02403,-0.00072,0.03651,0.01725,0.00762,0.00529,-0.04277,-0.00118,-0.01073,-0.02899,0.04256,-0.02339,-0.01912,-0.02541,-0.00168,0.11604,-0.04034,0.01633,-0.046,0.0454,-0.13651,-0.01062,-0.02499,0.05012,-0.00453,0.03139,-0.07566,-0.01246,0.06024,0.0682,0.05989,0.02752,-0.00328,0.03556,0.01575,0.05977,-0.07419,0.0074,0.05029,-0.0635,-0.00552,0.04981,0.0446,0.06835,0.05367,-0.0333,0.09094,0.03088,0.10263,-0.01666,0.00877,0.03685,0.06025,0.00173,0,-0.03874,0.0372,-0.02886,0.07438,-0.02898,0.03479,0.0951,-0.02281,-0.03719,0.04427,-0.03896,0.00436,0.00813,0.03063,0.10234,-0.07403,-0.00794,0.02373,-0.06364,-0.03647,0.01039,-0.00511,0.02475,0.09028,-0.01707,-0.06943,-0.0828,0.10545,-0.05415,-0.02198,-0.00616,0.02867,0.04657,0.06085,-0.05868,0.03636,-0.07515,0.1125,-0.00844,0.05669,-0.01835,0.02011,-0.06852,0.00394,0.01004,0.02904,0.02986,0.05591,0.01596,0.04939,0.07239,-0.01941,0.006,0.0106,0.01819,0.01863,-0.02528,0.0243,-0.03914,0.01846,-0.03066,0.00976,-0.00438,0.02256],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-resize-handle-directive#7","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.03908,0.04101,-0.01293,0.06287,-0.01769,0.00418,-0.01194,0.0607,-0.0815,0.0452,0.01379,0.02548,-0.05731,-0.00485,-0.00179,-0.01573,-0.05678,0.09721,-0.04934,0.01666,0.02602,-0.04287,-0.01744,-0.043,-0.06113,-0.03447,-0.09789,-0.01796,0.05207,-0.08701,-0.03156,0.09087,-0.08871,0.0216,-0.05565,0.07627,0.03952,-0.06477,-0.1057,0.00239,0.02281,0.08234,0.03706,-0.00794,0.00055,0.00594,-0.09542,0.05721,-0.06818,-0.05963,0.02182,-0.09533,0.02162,0.00802,0.02359,-0.03455,-0.00631,-0.03025,0.04437,0.06101,0.02994,-0.03075,0.00545,0.01161,-0.06424,0.02248,0.02844,-0.04386,0.00114,-0.03396,-0.02185,-0.04537,-0.06544,0.02656,0.10171,0.03547,-0.04351,0.05581,-0.04516,-0.05239,-0.00753,0.05228,-0.00637,0.01214,0.07586,0.07887,-0.03648,-0.01585,0.05205,0.06755,-0.0366,0.04173,-0.1296,-0.00676,-0.14986,-0.04286,-0.05108,-0.03847,-0.13088,0.05099,0.05234,-0.00038,0.03092,0.04036,0.0083,-0.03708,-0.05729,-0.00124,-0.05783,-0.00402,0.00291,0.01002,-0.04714,-0.02953,-0.01615,-0.07453,0.00714,-0.07602,0.13909,-0.02972,0.03543,0.02613,-0.02783,-0.0151,0.04028,0.03955,-0.03558,0,-0.05079,0.03279,-0.04606,0.03545,0.10444,-0.01802,-0.04296,0.02869,-0.07193,-0.05895,0.06812,0.06333,-0.00354,0.01695,0.09829,-0.10671,-0.01366,0.1665,-0.04204,-0.08033,-0.01235,0.0273,0.05765,0.00252,0.02075,-0.06175,-0.02163,0.02753,-0.00433,-0.00471,0.03482,-0.0441,-0.02815,-0.00728,-0.04796,-0.00292,-0.00884,-0.07565,-0.07535,-0.02549,0.01832,0.03615,-0.01689,-0.0505,-0.01267,-0.00163,0.0143,0.04763,0.02566,-0.10276,0.02627,0.05553,0.0658,-0.0271,0.02752,-0.0618,0.02309,0.09128,0.0432,0.00404,-0.04479,-0.01868,-0.00735,0.00291,0.02371,-0.02122,0.0045,-0.02346,0.03483,0.00575,0.03218,0.04611,0.10291,0.11954,-0.04056,-0.04116,-0.01337,-0.01082,-0.02086,0.02033,-0.01166,0.04968,0.05602,0.00634,-0.01799,-0.17428,0.04136,0.00872,0.01285,-0.01797,-0.06277,0.00334,0.06064,-0.00089,-0.00234,0,-0.05297,0.04388,-0.01796,0.0071,-0.02276,-0.01348,-0.02723,0.07396,0.00964,-0.1144,-0.0195,-0.06769,0.04814,0.00203,-0.04389,-0.06742,-0.08041,-0.05899,-0.01754,0.00631,-0.02646,-0.03377,0.05011,0.10465,0.06439,-0.02589,0.00286,0.05524,-0.09962,-0.0211,-0.01593,-0.07947,0.00044,0.04434,-0.03617,-0.08358,-0.06189,0.09074,0.09794,0.1115,0.09753,0.00378,0.00251,-0.00515,-0.00643,0.00234,-0.00724,-0.03426,-0.00434,-0.01263,-0.0165,0.03665,-0.02821,-0.02053,-0.00918,-0.00461,0.09486,-0.05733,0.02078,-0.02972,0.06644,-0.13161,-0.00073,-0.00306,0.06668,-0.01228,0.0177,-0.10456,-0.04522,0.06019,0.06371,0.0584,0.0145,-0.00121,0.02878,-0.00783,0.0993,-0.06385,-0.01046,0.02959,-0.05542,-0.0178,0.02629,0.04265,0.05666,0.03185,-0.02121,0.08671,0.00828,0.08676,-0.02897,0.00144,0.04615,0.07363,0.00803,0,-0.04268,0.03784,-0.01586,0.07452,-0.02517,0.03629,0.07833,-0.02069,-0.03219,0.04077,-0.03957,0.00429,0.00692,0.04584,0.08766,-0.08535,-0.03808,0.05816,-0.06869,-0.03498,-0.01398,0.01909,0.03059,0.07452,-0.00118,-0.0229,-0.06795,0.08929,-0.0007,-0.02082,-0.0309,0.02713,0.0604,0.07032,-0.05709,0.05847,-0.08457,0.09995,-0.03406,0.05817,0.01614,0.02036,-0.05994,0.00922,0.0346,0.04274,0.03663,0.07723,0.01959,0.06016,0.06594,-0.03511,0.00014,0.01439,0.00178,0.04053,-0.03612,0.02207,-0.01589,0.01022,-0.01836,-0.00171,-0.01157,0.03704],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-resize-handle-directive#8","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.04795,0.00924,-0.00468,0.07236,-0.01936,-0.00568,0.04134,0.0473,-0.08035,0.02971,0.01176,0.01106,-0.02969,0.00531,-0.00032,-0.01781,-0.03977,0.07557,-0.07793,0.02752,0.01309,-0.04965,0.00785,-0.03369,-0.06704,-0.03103,-0.1087,-0.01957,0.05483,-0.08407,-0.049,0.09974,-0.07532,0.0148,-0.05437,0.07054,0.02727,-0.0639,-0.11363,-0.0077,0.03964,0.06937,0.07004,0.01601,-0.02232,0.0238,-0.0892,0.0557,-0.05698,-0.04756,0.02463,-0.07855,0.01384,0.01809,0.01846,-0.02101,-0.01356,-0.02259,0.05289,0.07029,0.0101,-0.01156,0.02703,-0.00286,-0.07361,0.01608,0.02696,-0.06406,-0.02249,-0.02803,-0.00292,-0.04965,-0.07222,0.01516,0.11281,0.04869,-0.03735,0.06106,-0.04596,-0.04682,-0.01362,0.03028,-0.00115,0.01049,0.05975,0.08296,-0.02985,-0.0398,0.03271,0.08165,-0.04631,0.02123,-0.12944,0.02625,-0.13211,-0.05932,-0.08147,-0.02668,-0.13986,0.04311,0.05163,0.01521,0.04592,0.05823,-0.00056,-0.03418,-0.07181,0.00354,-0.07622,-0.00984,0.01006,0.00075,-0.02279,-0.01371,-0.02948,-0.05976,0.00655,-0.05785,0.12206,-0.03843,0.01732,0.0211,-0.04263,-0.02653,0.03849,0.01834,-0.03789,0,-0.05254,0.02406,-0.03018,0.01939,0.07807,-0.01844,-0.05842,0.02287,-0.06344,-0.05635,0.04996,0.05083,-0.01146,0.01662,0.10651,-0.11472,-0.00142,0.14305,-0.05654,-0.07751,-0.0193,0.05366,0.02983,-0.00625,0.01312,-0.07174,-0.01778,0.02899,0.01857,-0.01281,0.00012,-0.03481,-0.01023,0.00312,-0.06054,0.00017,-0.0057,-0.06662,-0.06623,-0.0449,0.01964,0.04428,-0.01219,-0.04264,-0.01354,-0.01374,0.02067,0.05797,0.00774,-0.08945,0.04007,0.04559,0.08196,-0.03149,0.03089,-0.05391,0.04272,0.12252,0.03256,0.00512,-0.04913,-0.00044,0.00918,0.00289,0.02002,0.01122,-0.00458,-0.02372,0.0089,0.00514,0.03969,0.05447,0.07672,0.13036,-0.01145,-0.03625,-0.02577,-0.01597,-0.02082,0.02973,0.00056,0.05643,0.05346,0.0205,-0.04052,-0.1846,0.02982,0.00458,0.02421,0.00814,-0.05562,-0.00014,0.05404,-0.00273,-0.01264,0,-0.07244,0.06437,-0.03562,0.01476,-0.01446,-0.0112,-0.0298,0.04223,0.00843,-0.12191,-0.01139,-0.05096,0.03867,-0.01402,-0.05863,-0.0918,-0.0657,-0.02859,-0.01254,0.01054,0.0148,-0.03351,0.03981,0.10875,0.06717,-0.03398,0.01889,0.08367,-0.09493,-0.02927,-0.00934,-0.07062,-0.00897,0.04578,-0.02308,-0.11721,-0.04562,0.07817,0.08103,0.09399,0.08954,0.01775,0.00208,0.01515,0.01037,0.01445,0.01275,-0.04181,0.00996,-0.0035,-0.02863,0.0387,-0.01978,-0.022,-0.01806,0.00853,0.11763,-0.05755,0.02222,-0.04691,0.05674,-0.13929,-0.00061,-0.00621,0.06295,-0.01781,0.04181,-0.10017,-0.0335,0.05037,0.06507,0.06371,0.01238,-0.00765,0.02736,-0.01302,0.10823,-0.05095,0.01656,0.036,-0.05184,0.00401,0.04039,0.05531,0.05103,0.06871,-0.03867,0.09367,0.02015,0.10733,-0.01478,-0.00904,0.02929,0.05834,-0.00715,0,-0.04808,0.04644,-0.02868,0.06188,-0.01915,0.02706,0.06308,-0.03543,-0.03237,0.04753,-0.04697,0.01697,0.01679,0.03545,0.09655,-0.07813,-0.01613,0.02348,-0.05387,-0.01375,0.00337,-0.00821,0.04621,0.09077,-0.01168,-0.04678,-0.07246,0.08618,-0.03106,-0.00082,-0.02999,0.02596,0.04346,0.05704,-0.07589,0.03977,-0.08635,0.10188,-0.01593,0.06937,-0.0025,0.01773,-0.06564,0.0039,0.02926,0.04688,0.02552,0.08695,0.01974,0.05689,0.05401,-0.02204,0.00348,0.01576,0.01301,0.03177,-0.02413,0.0306,-0.02011,0.00467,-0.02795,-0.01151,-0.0167,0.03994],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Types EFResizeHandleType EF Resize Handle Type","excerpt":"Types EFResizeHandleType"},{"chunkId":"/docs/f-resize-handle-directive#9","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.0222,0.07308,-0.02305,0.10138,0.01002,0.00261,0.01067,0.06164,-0.10111,0.03391,-0.01606,0.05596,-0.02385,-0.00512,0.01988,-0.04127,-0.04621,0.10032,-0.06646,0.03124,0.00423,-0.03704,0.02731,-0.01081,-0.06766,0.0017,-0.089,0.01806,0.0301,-0.11692,0.00046,0.09546,-0.0371,0.04836,-0.06927,0.04434,0.04299,-0.01259,-0.05089,-0.01846,0.01807,0.06519,0.05939,0.02158,-0.05145,0.03239,-0.07233,0.03564,-0.05678,-0.07903,0.05909,-0.08134,-0.00809,0.03876,0.02362,-0.01774,0.01269,-0.04514,0.05319,0.08952,-0.0121,0.02837,0.00038,0.00252,-0.05113,0.00183,0.01738,-0.03755,-0.04966,0.00407,0.01515,-0.04803,-0.02993,0.02672,0.07215,-0.00156,-0.02453,0.11166,-0.04546,-0.02398,-0.02969,0.02776,0.02686,0.06173,0.05481,0.07794,-0.03934,-0.06909,0.0115,0.05195,-0.04244,0.04667,-0.10745,0.02677,-0.13971,-0.01953,-0.07975,-0.02394,-0.13238,0.05384,0.01803,-0.01976,0.08773,0.02485,-0.00839,-0.00337,-0.09311,0.01872,-0.04525,-0.04822,0.03104,-0.02169,-0.07051,-0.03766,-0.02404,-0.039,0.02335,-0.07065,0.08935,-0.0064,0.05536,0.02956,-0.0247,-0.03915,0.03766,0.03267,-0.08853,0,-0.05015,0.04123,-0.04877,0.02769,0.09911,0.00025,-0.04891,0.00458,-0.07642,0.0152,0.11121,0.0473,-0.0586,-0.01959,0.05108,-0.11676,0.02031,0.14882,-0.09574,-0.09585,-0.02926,0.0708,0.02428,0.01836,0.03735,-0.06389,0.00892,0.00358,-0.02547,-0.02293,0.01744,-0.02923,-0.00587,-0.03113,-0.04475,-0.00002,0.01975,-0.03073,-0.06426,-0.07167,0.0193,0.04775,0.03151,-0.0211,-0.02506,0.0262,0.04732,0.03837,0.02312,-0.05099,0.04064,0.04651,0.09955,-0.0064,0.03062,-0.04615,0.00801,0.13126,0.03767,-0.0191,-0.0136,-0.01044,-0.05244,0.02781,0.00414,-0.02054,-0.00648,-0.00878,0.02244,0.03104,0.04411,0.07242,0.08478,0.10629,0.0102,-0.03477,-0.00381,-0.04013,-0.01137,-0.02132,-0.00395,0.03792,0.04778,0.03116,-0.01895,-0.15801,0.04186,0.04113,0.06581,-0.04052,-0.08601,-0.0564,0.0745,-0.04887,-0.025,0,-0.00844,0.06166,-0.00634,0.03354,-0.02042,-0.00215,-0.00761,0.07154,-0.00234,-0.0556,0.01221,-0.02184,0.03263,-0.05721,-0.06306,-0.06285,-0.09494,-0.04736,0.03231,-0.00609,0.01979,0.00326,0.01317,0.07338,0.03165,-0.01786,-0.01744,0.06154,-0.04565,0.00107,-0.01131,-0.09159,0.01944,0.03504,-0.06744,-0.11849,-0.08376,0.10005,0.09115,0.09663,0.04342,0.0067,0.04836,0.00593,-0.02751,-0.02703,0.01509,-0.01204,-0.03874,-0.01382,-0.04891,0.03068,-0.05133,-0.02459,-0.04313,0.00535,0.08529,-0.03686,-0.02432,0.02182,0.05024,-0.09317,-0.04477,-0.04325,0.03257,-0.00277,-0.01673,-0.10013,-0.0275,0.0391,0.04391,0.0313,0.01158,-0.012,0.02366,-0.02726,0.13972,-0.03213,0.04385,0.04526,-0.06305,-0.02173,-0.01737,0.03297,0.0313,0.05635,-0.04163,0.11989,0.03493,0.08356,-0.04331,0.00753,0.06771,0.03605,0.01208,0,-0.08942,0.01694,-0.00811,0.0566,-0.02809,0.017,0.09224,0.01047,-0.04629,0.0225,-0.06398,0.07648,0.01488,0.01653,0.04118,-0.01333,-0.0151,0.05856,-0.06478,0.00057,-0.0163,0.00477,0.03661,0.11384,-0.0675,-0.03874,-0.09073,0.06075,0.01179,0.04165,-0.04669,0.0351,0.04298,0.01938,-0.05904,0.00646,-0.11156,0.07121,-0.02852,0.03893,-0.00751,-0.02666,-0.02162,0.01816,0.00927,-0.00312,0.01958,0.0737,0.02772,0.06962,0.08409,-0.00088,-0.01267,0.00161,-0.02107,0.04679,0.01198,0.07398,-0.01408,-0.01552,0.00621,-0.03248,-0.00692,0.04779],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Styling The directive adds the base class .f-resize-handle and a type-specific class you can target: - .f-resize-handle - .f-resize-handle-left - .f-resize-handle-left-top - .f-resize-handle-top - .f-resize-handle-right-top - .f-resize-handle-right - .f-resize-handle-right-bottom - .f-resize-handle-bottom - .f-resize-handle-left-bottom Minimal example styles:","excerpt":"Styling The directive adds the base class .f-resize-handle and a type-specific class you can target: - .f-resize-handle - .f-resize-handle-left - .f-resize-handle-left-top - .f-resize-handle-top - .f-resize-handle-right-top - .f-resize-handle-right - .f-resize-handle-right-bottom - .f-resize-handle-bottom - .f-resize-handle-left-bottom Minimal example styles:"},{"chunkId":"/docs/f-resize-handle-directive#10","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.06823,0.06574,-0.0048,0.07168,0.01797,0.02449,0.00344,0.08662,-0.07487,0.03283,-0.04357,0.02039,-0.02755,-0.01075,0.00441,-0.04091,-0.00676,0.09784,-0.07563,-0.02314,-0.00759,-0.06577,-0.00087,-0.00987,-0.04332,0.00082,-0.10412,-0.0136,0.04376,-0.0905,0.01674,0.10092,-0.04107,0.04076,-0.06985,0.0652,-0.01155,-0.067,-0.12624,-0.02151,0.03251,0.07585,0.02813,0.01,-0.01942,0.01284,-0.07669,0.08447,-0.06367,0.007,0.04885,-0.05126,0.00368,0.05776,0.00584,-0.02463,0.00527,-0.02842,0.02938,0.05916,0.02608,-0.03169,0.05139,0.00698,-0.06607,0.02858,0.0027,-0.04839,0.00193,0.01258,0.07429,0.00666,-0.03811,0.01696,0.09141,-0.02929,-0.04934,0.07056,-0.09569,-0.00293,-0.02321,0.07242,0.00307,-0.00318,0.00826,0.06461,-0.05157,-0.05009,0.01472,0.09069,-0.05952,0.07067,-0.09105,-0.0073,-0.06564,-0.0645,-0.09894,-0.11513,-0.12383,0.0119,0.06583,0.01609,0.05138,0.05112,0.06043,-0.03487,-0.05763,0.01616,-0.0512,0.01281,0.03713,0.05126,0.02189,0.00479,-0.02851,-0.07432,0.05922,-0.08572,0.05772,-0.00531,0.02267,0.07481,-0.0646,-0.06097,0.07815,0.02745,-0.05327,0,-0.08815,-0.00138,-0.02652,0.06721,0.08089,0.00371,-0.01469,-0.01949,-0.04567,-0.06307,0.02604,0.02934,-0.03914,0.00608,0.0808,-0.12108,-0.01509,0.12005,-0.04227,-0.0834,-0.01394,-0.04023,0.01643,-0.00731,0.00024,-0.04993,-0.0447,0.04618,-0.04756,-0.02077,-0.03973,-0.03343,0.03786,0.0136,-0.07391,-0.0007,-0.01376,-0.0646,-0.05029,-0.01009,0.00079,0.06983,0.00812,-0.04991,-0.02821,0.00527,0.02346,0.03375,-0.02879,-0.06856,0.06923,0.06043,0.08882,-0.04752,0.03368,-0.08964,-0.00438,0.04839,0.00889,0.0198,-0.01202,-0.00492,-0.04324,0.04206,0.04002,0.05871,0.01755,-0.00373,0.00639,-0.04478,0.00442,0.07023,0.08981,0.0889,-0.02021,-0.02938,-0.01119,-0.02884,-0.02136,0.02576,0.00922,0.01516,0.072,0.04072,-0.02402,-0.14019,0.06557,-0.01404,-0.00065,0.00427,0.01961,0.00456,0.11377,0.00075,0.03366,0,-0.07972,0.05312,-0.01396,0.00494,0.01167,-0.01913,-0.04269,0.03855,0.02474,-0.12889,-0.09209,-0.02557,0.00282,-0.06346,-0.07573,-0.05862,-0.04496,-0.08409,0.02185,0.00274,0.00233,-0.01121,0.00111,0.06033,0.06951,-0.0385,-0.01591,0.0378,-0.06073,-0.03056,0.0223,-0.05511,-0.00354,-0.01653,0.02681,-0.14395,-0.06445,0.10227,0.0979,0.13231,0.07558,0.00973,-0.02979,-0.01123,-0.00886,0.04546,-0.0105,-0.02804,-0.02233,-0.00676,-0.04793,0.04766,-0.02582,-0.01013,-0.00236,0.02791,0.08368,0.01336,0.01746,-0.06471,0.02172,-0.12646,-0.02173,-0.01302,0.04601,0.01203,0.02069,-0.06746,-0.01865,0.0808,0.03468,0.03647,0.01765,-0.00101,0.02376,0.00471,0.08858,-0.02143,0.03861,0.06311,-0.04771,0.06786,0.00434,0.064,0.10083,0.04535,-0.05634,0.0469,0.01268,0.11111,-0.03386,-0.03281,0.00444,0.0074,-0.03138,0,-0.1058,0.0113,-0.07375,0.07233,-0.0171,0.02367,0.06904,0.03681,0.00628,0.05013,-0.04589,0.03739,0.05635,-0.00303,0.08214,-0.08303,-0.00245,-0.00965,-0.05183,-0.03874,-0.02238,0.00395,-0.02486,0.11694,0.00927,-0.06031,-0.04035,0.06692,0.00941,-0.01012,0.00043,0.02269,0.04188,0.10851,-0.02932,0.01651,-0.05426,0.10991,-0.0222,0.03413,0.01148,0.01587,-0.00912,-0.01752,-0.04307,0.01352,0.04142,0.07293,0.0184,0.03639,0.0761,0.00569,-0.0207,0.01118,0.05004,0.01122,-0.02639,0.04685,-0.0096,-0.02215,-0.03031,0.03328,-0.02846,0.00299],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Notes and pitfalls - Resize works only with fDraggable enabled on f-flow. - If handles are too small, users will miss them. Make the hit area generous. - If your nodes can become too small visually, enforce minimum sizes in your app logic (or via your node template/layout constraints). - When using content-based sizing elsewhere, remember that manual resizing is an explicit user override - treat it as a persisted property. f Draggable","excerpt":"Notes and pitfalls - Resize works only with fDraggable enabled on f-flow. - If handles are too small, users will miss them. Make the hit area generous. - If your nodes can become too small visually, enforce minimum sizes in your app logic (or via your node template/layout constraints). - When using content-based sizing elsewhere, remember that manual resizing is an explicit user override - treat it as a persisted property."},{"chunkId":"/docs/f-resize-handle-directive#11","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[-0.03317,0.05991,-0.07166,0.07303,0.01378,0.06123,-0.01093,0.07431,-0.04859,0.06765,-0.04287,0.03349,-0.04273,0.00487,-0.00008,-0.01132,-0.08693,0.10325,-0.07996,-0.00601,0.02689,-0.03641,0.04076,-0.01908,-0.03373,-0.01539,-0.08525,0.00733,0.04805,-0.07397,0.03619,0.10805,-0.05305,0.02682,-0.06351,0.11963,0.00728,-0.01349,-0.06293,-0.03074,0.08507,0.09586,0.04664,-0.0814,0.0039,-0.00655,-0.10739,0.07947,-0.07915,-0.01603,-0.0075,-0.09815,-0.01465,0.06509,0.00636,-0.0437,-0.0099,-0.07445,0.05829,0.04666,-0.04063,-0.0523,0.03148,-0.00669,-0.02617,0.01193,-0.06604,-0.03956,-0.07761,0.01756,0.01041,-0.0329,-0.03872,-0.00896,0.09641,-0.02504,-0.07124,0.10607,-0.01672,-0.00165,0.00627,0.0307,-0.01145,0.02364,0.00479,0.09908,-0.0157,-0.06676,0.0231,0.00098,-0.01643,0.06982,-0.10288,0.03257,-0.04326,-0.01866,-0.11535,0.00724,-0.11847,0.04353,0.03789,-0.04638,0.05256,0.06722,-0.0014,-0.02753,-0.05047,0.06586,-0.05641,-0.01945,0.02067,0.03001,0.00294,-0.02444,-0.0082,-0.07783,0.02029,-0.09978,0.0598,0.0406,0.04655,0.03045,-0.05705,-0.03883,0.0542,0.03932,0.01613,0,-0.06627,0.02198,-0.03167,0.02227,0.0814,-0.02493,-0.04341,-0.0302,-0.07506,0.02394,0.01778,0.04439,-0.04611,-0.04856,-0.01063,-0.13949,0.02625,0.13239,-0.05788,-0.0428,0.03061,-0.00294,-0.00902,0.02103,0.06739,-0.07507,-0.04176,0.03906,-0.03987,-0.0318,0.06907,0.01104,0.0108,-0.03144,-0.04816,-0.01775,0.01759,-0.02169,-0.10375,-0.04169,0.0646,0.02676,-0.02731,0.03676,-0.0322,-0.03122,0.02757,0.02035,0.07194,-0.01359,0.00476,0.08446,0.06157,-0.01895,0.07626,-0.04549,0.00101,0.08686,0.0129,0.01388,-0.037,0.01141,-0.02765,0.01647,0.04208,-0.00434,0.02536,0.02787,0.05196,-0.01962,-0.01154,0.0628,0.07629,0.10316,-0.02227,-0.0282,-0.00588,0.04153,0.00522,0.00605,0.00361,-0.00433,0.0039,0.08814,0.01954,-0.17105,-0.00149,-0.00999,0.01746,-0.07574,0.03106,-0.00438,0.03123,-0.04923,-0.00511,0,-0.00298,0.05447,-0.01983,0.05042,-0.03969,-0.03077,0.03225,0.05521,0.03477,-0.04493,-0.00741,-0.00642,0.02756,-0.04501,-0.02957,-0.04056,-0.07197,-0.06511,0.07216,-0.00634,0.03129,0.05199,0.00194,0.05324,-0.00674,0.01918,0.03147,0.05019,-0.03693,-0.02744,-0.0183,-0.07234,-0.04613,0.06455,-0.04826,-0.1367,-0.04334,0.12491,0.0796,0.06905,0.11492,0.06804,-0.01683,-0.00195,-0.03091,-0.02622,0.07969,-0.04584,-0.01466,-0.0348,-0.05033,0.02781,-0.03624,-0.00044,-0.02198,-0.02859,0.09646,-0.07762,-0.02364,-0.04253,0.05635,-0.08911,-0.02199,-0.05728,0.06183,0.03048,-0.03213,-0.08873,0.03294,0.05933,0.02168,0.02063,0.06509,-0.01021,0.04787,0.02218,0.07587,-0.03678,0.06163,0.04363,-0.07538,0.02895,-0.01388,0.04618,0.06097,0.06243,-0.10574,0.05289,0.04076,0.08821,-0.06445,-0.04427,0.02801,0.01818,0.02895,0,-0.07946,0.01562,-0.04523,0.03482,-0.0034,-0.02571,0.04873,-0.02239,-0.05352,0.03484,-0.04537,0.05989,0.0568,-0.00903,0.06334,-0.07809,-0.00212,0.0609,-0.04754,-0.02281,-0.01813,0.02351,0.04049,0.09104,-0.00443,-0.0825,-0.1142,0.04774,-0.03035,-0.0128,-0.03212,0.00626,0.04632,0.03561,-0.0435,-0.04924,-0.11428,0.06859,-0.0105,0.04675,0.01539,-0.01058,-0.00942,0.00345,-0.0408,0.03453,0.00285,0.04302,0.01473,0.031,0.04308,0.0036,-0.04802,0.02638,0.04747,0.01099,0.01183,0.07725,-0.04483,-0.00998,-0.0306,0.01155,-0.01034,-0.0351],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Example ::: ng-component <resize-handle</resize-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.scss :::","excerpt":"Example ::: ng-component <resize-handle</resize-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.scss :::"},{"chunkId":"/docs/f-rotate-handle-directive#0","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.06982,0.04298,-0.06415,0.06603,0.06365,0.00842,0.04073,-0.02642,0.07726,-0.02283,0.01923,-0.00517,-0.03154,-0.03294,0.01644,-0.01419,-0.05333,0.08505,-0.03586,0.00248,0.02575,-0.02029,0.02672,-0.00561,-0.10568,0.03706,-0.0674,-0.05229,0.08073,-0.04463,-0.06668,0.14974,-0.06607,0.02845,-0.17334,0.10134,0.03521,-0.04585,-0.11461,-0.04145,0.0414,0.08384,0.10724,-0.01851,-0.01518,0.0353,-0.03579,0.03371,-0.06912,0.10441,0.00118,-0.0952,-0.00229,0.04178,-0.01936,0.05938,0.0853,-0.10447,0.043,0.03725,0.00257,-0.03212,-0.01342,0.03752,-0.03869,0.01784,0.02679,-0.05429,0.00001,-0.05341,0.03024,-0.02818,-0.02572,-0.02656,0.0854,0.01834,-0.05077,0.02925,-0.01405,-0.0757,0.09154,0.02579,0.04666,0.03075,0.03807,0.02234,-0.05923,-0.01251,0.01315,0.13329,-0.03461,0.07277,-0.05606,-0.07939,-0.10901,0.04167,0.00567,0.0037,-0.12265,0.0264,0.04482,-0.01828,-0.03896,0.00851,-0.02001,-0.06412,-0.03146,-0.10323,-0.16282,-0.02892,-0.01753,-0.00764,-0.00441,-0.02097,-0.03725,-0.06305,0.00726,-0.07903,0.0629,-0.00513,0.03432,0.03698,0.02276,0.02403,0.04996,0.00578,-0.0854,0,0.05203,0.0254,-0.02616,-0.01042,0.01089,-0.0377,-0.00997,0.01257,-0.05141,-0.04439,0.07215,-0.02577,0.01422,-0.05559,-0.00193,-0.08716,-0.02058,0.05168,-0.05141,-0.06217,0.01465,0.02942,-0.02134,-0.06482,-0.06018,0.03939,-0.04536,0.01052,0.03171,0.0263,0.03612,-0.02935,-0.02564,0.01431,-0.05423,0.02774,-0.00455,-0.08943,-0.06558,0.00499,-0.00042,0.03283,-0.04305,-0.05172,0.01774,-0.01921,-0.05939,0.0594,0.04282,0.02236,0.01473,0.07181,0.0584,-0.00987,0.00827,-0.031,0.02845,0.05035,-0.06005,0.02471,-0.02868,0.10352,-0.06666,-0.04375,-0.02362,0.05688,0.0125,0.05123,0.03147,-0.03872,-0.02049,0.0207,-0.02213,0.06897,0.02842,0.02936,-0.03257,-0.02903,-0.01887,0.01729,0.01864,-0.00509,0.03075,0.00224,-0.06571,-0.10376,0.02439,-0.0295,-0.03269,0.03213,-0.00344,0.0132,0.06585,0.03914,0.04247,0,-0.05303,0.03337,0.01538,0.06314,-0.00421,-0.0362,-0.00806,-0.03244,0.0776,-0.05156,-0.05121,-0.00337,0.02207,0.025,0.05026,-0.06045,-0.12991,-0.04109,0.03168,0.02392,0.03704,-0.027,0.06605,0.14465,0.00923,-0.00872,0.03887,-0.01195,0.0356,-0.00908,0.02339,-0.08951,0.01201,-0.00669,-0.04699,-0.09744,-0.07838,0.09878,0.00075,0.08366,0.05649,0.05007,-0.03956,0.05811,-0.02895,0.03702,-0.02615,0.00571,0.01558,0.01211,-0.10845,0.00773,-0.03757,-0.01965,0.02515,0.02726,0.12035,-0.01222,0.01957,-0.05066,0.01967,-0.08143,-0.01809,-0.0467,0.09222,-0.00245,0.07236,-0.05883,0.02815,0.1105,0.06263,0.0522,0.03828,-0.05905,0.08071,0.03703,0.13142,-0.10068,-0.02334,0.01442,-0.02137,0.02211,0.03124,0.02302,0.0196,-0.03834,-0.04679,0.05822,0.06608,0.05983,-0.03397,0.02382,0.01629,-0.01085,0.04622,0,-0.08321,-0.00646,0.00041,0.0113,0.00984,0.03175,0.02598,-0.02998,-0.04655,0.00244,-0.03907,0.03417,0.02423,-0.08389,0.06525,-0.00742,0.00752,-0.01535,-0.05423,-0.01561,-0.01754,-0.03009,-0.01298,0.03802,-0.08099,-0.02674,-0.02323,-0.00563,-0.00979,-0.01939,-0.06357,0.00398,0.03177,0.0445,-0.10085,0.04489,-0.05381,0.00378,0.05922,0.06605,0.01199,0.0648,-0.09684,-0.01,-0.02348,0.05175,0.05079,0.01427,-0.02217,0.0466,-0.02679,-0.04897,-0.04082,0.12471,0.01605,0.04547,-0.00433,-0.00756,0.03145,-0.02061,-0.00549,0.03086,0.06118,-0.01374],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Rotate Handle Selector: [fRotateHandle] Class: FRotateHandleDirective FRotateHandleDirective marks an element as a rotation handle for a node or a group. When the user drags this handle, the library performs a rotate interaction and commits the final angle through node/group outputs. This directive is usually used together with: - f-flow + fDraggable (enables interactions) - fNode / fGroup (the element being rotated) f Rotate Handle F Rotate Handle Directive f Draggable f Node f Group","excerpt":"Rotate Handle Selector: [fRotateHandle] Class: FRotateHandleDirective FRotateHandleDirective marks an element as a rotation handle for a node or a group. When the user drags this handle, the library performs a rotate interaction and commits the final angle through node/group outputs. This directive is usually used together with: - f-flow + fDraggable (enables interactions) - fNode / fGroup (the element being rotated)"},{"chunkId":"/docs/f-rotate-handle-directive#1","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.05823,0.007,-0.04298,0.0573,0.03983,0.03313,-0.02192,-0.04699,0.04737,0.01308,0.03745,-0.00675,0.0075,-0.06534,0.01616,0.01064,-0.05743,0.09954,-0.0313,-0.00515,0.00299,-0.01901,0.0401,0.0086,-0.09044,0.00797,-0.0636,-0.03254,0.08666,-0.02485,-0.09482,0.14324,-0.05597,0.04193,-0.14169,0.11122,0.02475,-0.04712,-0.11089,-0.04897,0.05008,0.07903,0.08953,-0.02752,0.02424,0.03338,-0.0566,0.03292,-0.05363,0.10708,-0.03312,-0.13509,-0.00732,0.02786,-0.05135,0.07549,0.06878,-0.07048,0.03948,0.00923,0.06018,-0.03325,0.01541,0.01471,-0.0611,0.04748,0.03985,-0.03397,-0.00911,-0.06536,0.02058,-0.04291,-0.02298,-0.01315,0.05566,0.01168,-0.07223,-0.01036,-0.02388,-0.078,0.10386,0.02215,0.04134,0.06236,0.03576,0.00474,-0.02414,0.03352,-0.00496,0.12035,-0.04914,0.04613,-0.07226,-0.09941,-0.13318,0.05145,-0.00389,0.01605,-0.10688,0.02973,0.05387,-0.04902,-0.0731,0.00346,-0.00599,-0.05694,-0.02049,-0.11688,-0.12236,-0.0082,-0.0234,0.01042,-0.03916,-0.01532,-0.06383,-0.05594,0.04684,-0.08792,0.05081,-0.02267,0.05214,0.01403,0.02396,0.0373,0.05121,0.00397,-0.08461,0,0.07926,0.05755,0.01143,-0.01845,0.01093,-0.06155,-0.06965,-0.00071,-0.04755,-0.07582,0.04923,-0.02243,0.04733,-0.06511,-0.02174,-0.09517,-0.02889,0.06261,-0.03757,-0.09161,-0.0156,0.02748,-0.03347,-0.05578,-0.06164,0.04638,-0.02846,0.03237,0.04883,0.00754,0.0464,-0.04411,-0.03416,0.00746,-0.04891,0.01818,0.02967,-0.09786,-0.04775,0.02174,0.0195,0.01987,-0.03105,-0.07584,0.03284,0.00353,-0.06651,0.07007,0.05965,0.00936,-0.01066,0.07537,0.03283,-0.00705,-0.02259,0.00256,0.03061,0.02241,-0.05467,0.03417,-0.05739,0.05873,-0.04143,-0.04449,-0.05289,0.04903,0.00651,0.03889,0.03506,-0.02438,-0.0011,0.00071,0.00242,0.0983,-0.00562,0.02049,-0.06226,-0.01477,-0.04384,0.07727,0.02283,0.00095,0.00978,0.02038,-0.04728,-0.12625,0.0301,-0.00596,-0.02095,0.04615,0.00752,0.04703,0.06381,0.03442,0.02215,0,-0.07779,0.02993,-0.00475,0.07156,0.0268,-0.03433,-0.00346,-0.00311,0.06399,-0.04371,-0.02452,-0.02023,0.00975,0.04581,0.00021,-0.05829,-0.11237,0.02018,0.04495,0.03068,0.06305,-0.02721,0.03771,0.14244,0.02688,0.00344,0.04127,0.00304,0.00442,0.00262,0.01593,-0.06634,0.01873,0.0187,-0.03132,-0.06368,-0.11327,0.07103,-0.02583,0.0905,0.06812,0.03589,-0.06966,0.03286,-0.02563,0.03054,-0.01189,0.02624,-0.03278,0.03996,-0.10071,0.00629,-0.00339,-0.05253,0.02491,-0.001,0.08821,-0.02279,0.03567,-0.02741,0.01594,-0.08281,0.00038,-0.00865,0.10214,-0.00313,0.10243,-0.02352,0.00748,0.07658,0.0573,0.06882,0.04137,-0.03464,0.09878,0.02646,0.09132,-0.08537,-0.01917,-0.03461,-0.03637,-0.00805,0.01756,0.04222,-0.00561,0.01273,-0.03171,0.08778,0.04755,0.05942,-0.0587,0.01974,0.03079,0.02599,0.01578,0,-0.07171,0.03276,0.01585,0.04318,0.00265,0.01262,0.05795,-0.02545,-0.02697,0.0405,-0.05394,-0.00749,0.0093,-0.06677,0.06902,-0.00812,-0.01644,0.00309,-0.04773,-0.00795,0.01348,-0.00989,-0.00305,0.03413,-0.00867,-0.0128,-0.04514,0.02669,-0.01452,-0.01494,-0.06653,-0.00777,0.02891,0.05102,-0.11781,0.02597,-0.05363,0.02616,0.05687,0.06684,0.00617,0.0872,-0.0959,-0.01182,-0.00805,0.04718,0.09078,0.0114,0.00948,-0.00108,-0.00946,-0.08187,-0.00035,0.08998,-0.0016,0.08329,0.01889,0.02218,0.04435,-0.02466,-0.01289,0.04047,0.01306,-0.01917],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-rotate-handle-directive#2","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.0514,0.03857,-0.01871,0.07918,0.05831,0.06014,0.01946,-0.03969,0.07233,0.00417,0.01224,0.02892,-0.02161,-0.04274,-0.01217,-0.01119,-0.06226,0.09286,0.00042,0.01101,-0.00439,-0.04863,0.05018,0.02246,-0.06905,0.03964,-0.06164,-0.01936,0.0884,-0.03754,-0.0652,0.11855,-0.08112,0.03021,-0.15142,0.09213,0.02527,-0.05103,-0.10495,-0.03472,0.07057,0.09216,0.10245,-0.02007,-0.00185,0.03675,-0.03801,0.03038,-0.0329,0.102,0.00044,-0.14948,0.0255,0.00599,-0.07252,0.08356,0.10495,-0.0915,0.03073,0.01659,0.05293,-0.02547,0.04369,0.01045,-0.05332,0.05822,0.01611,-0.00161,-0.00753,-0.01421,0.06913,-0.0365,-0.03618,0.02293,0.05528,-0.01444,-0.06745,0.00919,-0.0148,-0.01091,0.06689,0.02752,0.01807,0.04594,0.04871,0.02214,-0.03314,0.00199,-0.00312,0.0942,-0.04373,0.07201,-0.05466,-0.10206,-0.12106,0.04969,-0.00317,0.01695,-0.10207,0.02172,0.0791,-0.01912,-0.03851,0.01505,0.00171,-0.04024,-0.03633,-0.15796,-0.14535,0.03809,-0.01142,0.02934,-0.05789,-0.00801,-0.0709,-0.09031,-0.00004,-0.07868,0.01863,0.01149,0.04909,0.00517,-0.00067,0.02492,0.08041,0.02212,-0.09599,0,0.03934,0.0321,-0.02217,-0.00799,0.03477,-0.04473,-0.04072,0.01898,-0.07158,-0.0679,0.09438,-0.02947,0.03121,-0.05427,-0.03182,-0.12085,-0.02213,0.02921,-0.00293,-0.09883,0.01116,-0.0281,-0.05262,-0.07816,-0.05915,0.0216,-0.05138,0.01821,0.03953,0.01111,0.03475,-0.01252,-0.01602,0.01573,-0.04596,0.01214,0.01384,-0.07659,-0.03783,0.00895,0.0056,0.01467,-0.04538,-0.04389,0.04168,0.00557,-0.00871,0.02314,0.04154,-0.03314,-0.00143,0.02192,0.01778,0.00041,0.00363,-0.0442,0.01951,0.01083,-0.05378,-0.01955,-0.03492,0.0509,-0.04103,-0.06026,-0.00923,0.04337,0.0193,0.07118,0.04839,-0.04411,-0.0058,-0.01566,0.01233,0.06257,-0.02806,0.01577,-0.07253,-0.05317,-0.03921,0.0716,0.01423,-0.03105,0.04796,0.01935,-0.00164,-0.12613,0.03643,0.00591,-0.02821,0.0257,0.03361,0.02063,0.0666,0.03711,0.01709,0,-0.08401,0.03875,0.05484,0.06316,0.02704,-0.03192,-0.0045,-0.00716,0.06236,-0.02912,-0.05907,-0.04443,-0.00536,0.06127,0.02632,-0.03404,-0.1267,0.01005,0.02207,0.01612,0.04507,-0.05479,0.04249,0.16554,0.0159,-0.02413,0.0402,-0.03257,0.01772,-0.01066,0.00301,-0.09771,0.02903,-0.01287,-0.01342,-0.07766,-0.10878,0.09917,-0.0058,0.11027,0.02411,0.01827,-0.04659,0.02245,-0.02161,0.03195,-0.03063,0.00958,-0.00615,0.02384,-0.10324,0.02498,-0.03582,-0.02923,0.03295,-0.01099,0.0718,-0.01852,0.06872,-0.03879,0.05966,-0.07303,-0.03117,-0.00824,0.09802,-0.00395,0.05879,-0.03666,-0.01503,0.10742,0.03676,0.10116,0.02256,-0.04972,0.09884,0.00746,0.118,-0.08345,-0.02073,-0.02868,-0.01299,-0.01302,-0.00753,0.0181,-0.0162,-0.0321,-0.02252,0.05675,0.01627,0.05747,-0.05315,0.01553,0.00532,-0.01183,0.01785,0,-0.08437,0.01333,0.04609,0.02142,0.01485,0.01321,0.06148,-0.0092,-0.00557,0.03956,-0.03171,0.0105,0.01805,-0.05539,0.06578,-0.00091,-0.04878,0.03255,-0.03396,-0.02126,0.03191,0.01582,-0.00028,0.03429,-0.05455,-0.01718,-0.0492,0.01642,0.00223,-0.02975,-0.08694,-0.01543,0.03783,0.04898,-0.09082,0.04001,-0.04589,0.00876,0.04462,0.05855,0.03181,0.08253,-0.09324,0.00159,-0.03743,0.05441,0.08233,0.02781,-0.00397,0.02925,0.04626,-0.07438,-0.01139,0.08588,0.01757,0.05815,0.00116,-0.00669,0.00651,-0.02669,-0.02327,0.04103,0.05355,-0.01405],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Add a rotate handle to a node Place any element with fRotateHandle inside your node template. Often it’s a small “knob” in a corner. Tip: Make the rotate handle visually different from the drag handle (cursor, icon, placement) so users don’t accidentally move instead of rotate. f Rotate Handle","excerpt":"Add a rotate handle to a node Place any element with fRotateHandle inside your node template. Often it’s a small “knob” in a corner. Tip: Make the rotate handle visually different from the drag handle (cursor, icon, placement) so users don’t accidentally move instead of rotate."},{"chunkId":"/docs/f-rotate-handle-directive#3","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.04714,-0.01828,-0.03368,0.04378,0.03138,0.05386,0.01025,0.00407,0.10177,-0.04348,0.00362,-0.0091,-0.04707,-0.00941,-0.00552,-0.00325,-0.04007,0.04439,-0.07526,0.01907,-0.00008,-0.07979,-0.00986,0.01203,-0.04192,0.05269,-0.01835,-0.03635,0.10186,-0.05345,-0.01777,0.11302,-0.08464,0.01428,-0.09649,0.06655,0.03301,-0.08916,-0.13569,-0.02264,0.07166,0.05057,0.06471,0.01355,-0.01638,0.05919,0.01211,0.02773,-0.07705,0.15031,-0.02377,-0.05771,0.04039,0.0605,-0.01892,0.11107,0.09458,-0.07692,0.04034,-0.02833,-0.01021,-0.01824,0.02113,0.0487,-0.06304,0.0179,-0.00531,-0.03105,0.05248,-0.06927,0.03591,-0.03321,0.00061,-0.02052,0.08097,-0.0325,-0.02934,0.04072,-0.02666,-0.07362,0.11221,-0.02051,0.03919,0.04318,-0.00252,0.0194,-0.02707,-0.0123,0.00106,0.11159,-0.01243,0.068,-0.07356,-0.0968,-0.02864,-0.03428,-0.00291,-0.02442,-0.10007,0.02865,0.04197,-0.02546,-0.01883,0.03878,-0.01578,-0.07133,-0.02703,-0.07885,-0.12801,0.0402,-0.02477,-0.01477,0.03969,0.03592,-0.03574,-0.01599,-0.03789,-0.06963,0.0257,-0.02359,0.04203,0.04497,0.04023,0.0291,0.04412,0.00387,-0.07958,0,0.00052,-0.01789,0.00011,0.0087,-0.00262,-0.04694,0.02229,-0.00194,-0.03453,-0.07298,0.01856,0.03117,-0.01308,-0.02289,-0.04238,-0.10373,-0.02563,0.06451,-0.0382,-0.01177,0.06601,0.0381,-0.05745,-0.07831,-0.04736,0.07203,-0.073,0.06174,-0.03117,0.02603,-0.01037,-0.01672,-0.057,-0.04081,-0.06907,0.02109,-0.01692,-0.08184,-0.03437,-0.0078,-0.00909,0.01334,-0.07904,-0.06237,0.01236,-0.05865,-0.04995,0.03904,0.0058,0.01311,0.04466,0.04291,0.03795,0.00923,0.03601,-0.04329,0.004,0.01884,-0.05415,0.00233,0.02272,0.11171,-0.09493,-0.04241,-0.00988,0.08462,-0.00117,0.06297,0.05536,-0.00053,-0.04289,0.06771,0.00005,0.02516,0.0551,0.03672,-0.04949,-0.02984,-0.04478,0.02248,-0.01154,-0.03517,0.03574,-0.00548,0.03533,-0.09219,0.03569,-0.03894,-0.11959,0.05245,0.06863,-0.01422,0.0739,0.07214,0.05,0,-0.04892,0.02762,0.01002,0.08039,0.009,-0.04796,0.00771,0.03727,0.05224,-0.09869,-0.05104,0.00653,-0.01102,0.05018,0.07194,-0.02449,-0.06633,-0.05486,0.02427,-0.00468,0.05277,-0.04743,-0.00398,0.08881,-0.0469,0.00126,0.05322,0.00155,0.04255,-0.02657,0.03671,-0.08559,-0.04313,-0.01603,-0.0139,-0.07422,-0.12208,0.06318,0.03099,0.04223,0.03616,0.02658,-0.06105,0.05643,-0.01703,0.08355,-0.0713,-0.00556,0.01364,-0.00439,-0.08098,0.04498,-0.03842,-0.00238,0.01793,0.07058,0.12459,0.02782,-0.04306,-0.0239,-0.01933,-0.04446,-0.01863,-0.06541,0.07349,0.02314,0.07214,-0.01869,0.03047,0.11295,0.07181,0.07178,-0.00936,-0.01861,0.08683,0.05543,0.08914,-0.05545,0.02111,-0.01543,-0.06699,0.03798,0.03498,0.06414,0,0.01925,-0.07956,0.02541,0.08027,0.09421,0.01137,-0.01267,0.01349,-0.01487,-0.00041,0,-0.10812,0.01288,-0.01843,0.02278,-0.0027,0.0082,0.01237,-0.01764,-0.01429,-0.02666,-0.03012,0.05184,0.02735,-0.05231,0.07354,0.00985,0.00714,-0.03855,-0.02439,-0.07002,-0.00523,-0.04384,0.00608,0.07415,-0.0791,-0.044,0.00338,0.03989,-0.01409,-0.0298,-0.0269,0.00932,0.02688,0.10801,-0.09349,0.03015,-0.04604,-0.00099,0.06221,0.02555,0.02917,0.05882,-0.08178,-0.04834,-0.02062,0.06741,0.05332,-0.03263,-0.04888,0.02738,-0.06949,0.01132,-0.06732,0.15195,0.05508,0.04701,-0.04695,-0.02794,0.07474,-0.00793,-0.03743,0.02432,0.01038,0.00147],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. How it works - During pointer down, the drag pipeline checks whether the event started on an element marked with fRotateHandle. - If yes, the interaction is routed into rotation logic (instead of move/resize). - For smooth UX, the library rotates internally while dragging. - Your app typically persists the final angle when the interaction finishes via: - fNodeRotateChange (for nodes) - fGroupRotateChange (for groups) This matches the overall model of Foblex Flow: the library handles interactive rendering, and your app owns the persisted diagram state. The optional Managed Flow State plugin does not capture rotation in v1, so this final-output persistence step still applies when managed state is enabled. f Rotate Handle f Node Rotate Change f Group Rotate Change","excerpt":"How it works - During pointer down, the drag pipeline checks whether the event started on an element marked with fRotateHandle. - If yes, the interaction is routed into rotation logic (instead of move/resize). - For smooth UX, the library rotates internally while dragging. - Your app typically persists the final angle when the interaction finishes via: - fNodeRotateChange (for nodes) - fGroupRotateChange (for groups) This matches the overall model of Foblex Flow: the library handles interactive rendering, and your app owns the persisted diagram state. The optional Managed Flow State plugin does not capture rotation in v1, so this final-output persistence step still applies when managed state is enabled."},{"chunkId":"/docs/f-rotate-handle-directive#4","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.07435,0.00717,-0.0409,0.06232,0.04616,0.02758,-0.03621,-0.04383,0.05607,0.00794,0.03113,-0.00762,0.01155,-0.04419,0.03717,0.01164,-0.05784,0.08503,-0.02734,-0.00635,0.01158,-0.00695,0.03802,0.00175,-0.07639,-0.00273,-0.07479,-0.04494,0.08622,-0.01209,-0.10989,0.1491,-0.07231,0.04402,-0.12755,0.11488,0.02321,-0.0506,-0.09315,-0.03454,0.05,0.0789,0.06967,-0.0299,0.01888,0.0289,-0.05598,0.01716,-0.07054,0.12548,-0.03136,-0.12463,-0.0073,0.0325,-0.03459,0.07292,0.05784,-0.05698,0.03393,0.01584,0.06039,-0.04815,0.01186,0.02608,-0.05381,0.0454,0.02283,-0.04162,0.00017,-0.08596,0.01931,-0.0351,-0.00491,-0.01028,0.06459,0.01851,-0.06364,0.00182,-0.02305,-0.09097,0.09632,0.01837,0.0445,0.06366,0.03833,0.015,-0.02358,0.03891,0.01029,0.1256,-0.0516,0.03457,-0.06524,-0.08982,-0.13534,0.05842,-0.01151,0.01828,-0.12717,0.02993,0.05378,-0.043,-0.08229,0.00767,0.008,-0.06733,-0.031,-0.10831,-0.14554,-0.01031,-0.01482,0.0101,-0.02198,-0.01499,-0.05927,-0.04975,0.03034,-0.08574,0.06624,-0.01999,0.05816,0.01584,0.01975,0.03453,0.04448,0.00049,-0.07642,0,0.08422,0.04752,0.02689,-0.02419,0.02748,-0.05385,-0.06349,0.00484,-0.04529,-0.09205,0.06359,-0.01452,0.04991,-0.06646,-0.0058,-0.0813,-0.0413,0.07081,-0.04158,-0.08056,-0.01166,0.02657,-0.02862,-0.06167,-0.06465,0.04324,-0.03609,0.02098,0.04941,0.01544,0.03663,-0.04092,-0.03074,0.00478,-0.04859,0.01216,0.01099,-0.10501,-0.05826,0.01456,0.00991,0.03393,-0.04035,-0.0755,0.02646,-0.00931,-0.06568,0.07177,0.05572,-0.00813,-0.01701,0.08605,0.03369,-0.01691,-0.0148,-0.0141,0.03014,0.02204,-0.04956,0.01805,-0.05185,0.05067,-0.03462,-0.03807,-0.04437,0.06231,0.01828,0.03876,0.03595,-0.0219,0.00633,0.01911,-0.0145,0.0957,-0.01159,-0.00309,-0.04878,-0.01362,-0.03743,0.06626,0.03446,-0.01218,0.0069,0.02641,-0.05228,-0.11767,0.03659,-0.00586,-0.01544,0.04126,0.00292,0.03149,0.05002,0.03078,0.00991,0,-0.06997,0.01235,-0.00992,0.07049,0.02135,-0.04582,-0.00525,0.01563,0.07187,-0.0396,-0.03168,-0.02043,0.00401,0.04515,-0.00287,-0.05844,-0.12385,0.00134,0.04825,0.02301,0.05887,-0.03009,0.04318,0.14901,0.03045,-0.00008,0.01604,-0.00075,-0.00946,-0.0098,0.0141,-0.07525,0.00583,0.01985,-0.04063,-0.07611,-0.08479,0.08282,-0.03946,0.09576,0.07635,0.01923,-0.05991,0.0336,-0.02305,0.02217,-0.01503,0.02591,-0.03035,0.03133,-0.08595,0.00422,-0.00811,-0.05427,0.02916,-0.00162,0.0989,-0.03464,0.03119,-0.03616,0.01007,-0.07903,-0.00238,-0.00471,0.10893,-0.00104,0.08717,-0.0225,0.00349,0.08302,0.06835,0.05042,0.02894,-0.04034,0.08999,0.03439,0.10335,-0.09068,-0.02785,-0.01996,-0.05372,-0.01706,0.03661,0.06202,0.01124,0.00643,-0.01029,0.09173,0.04017,0.0678,-0.06013,0.0182,0.02892,0.02319,0.02078,0,-0.08049,0.04041,-0.01241,0.05197,0.00048,0.00898,0.05197,-0.01673,-0.02923,0.05085,-0.05559,-0.00365,0.00458,-0.0616,0.07162,-0.01391,-0.00365,0.0164,-0.0468,-0.00517,0.00377,-0.00148,-0.01102,0.01206,-0.00898,-0.00798,-0.03795,0.03769,-0.02013,-0.03417,-0.06981,-0.0101,0.05362,0.035,-0.10765,0.01623,-0.03819,0.02327,0.06126,0.0689,0.0162,0.08792,-0.08642,-0.00949,0.01308,0.0421,0.0953,0.01913,0.0228,-0.00608,-0.01746,-0.0729,-0.00565,0.07941,0.00073,0.07681,0.00655,0.02022,0.0436,-0.02777,0.00612,0.04179,0.03256,-0.0184],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. API","excerpt":"API"},{"chunkId":"/docs/f-rotate-handle-directive#5","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.04983,-0.00239,-0.0595,0.05233,0.03086,0.03619,-0.00712,-0.04582,0.05118,-0.0103,0.04416,-0.01562,0.01528,-0.05257,0.01715,0.01564,-0.06846,0.07782,-0.02851,-0.01188,0.00365,-0.03096,0.02444,-0.01081,-0.11298,0.00163,-0.07721,-0.03112,0.08302,-0.03033,-0.10458,0.14588,-0.05431,0.03071,-0.13121,0.09883,0.03343,-0.05557,-0.12347,-0.03974,0.04031,0.05258,0.08829,-0.01952,0.025,0.02726,-0.05489,0.00923,-0.04635,0.10023,-0.03256,-0.11746,-0.00026,0.04832,-0.03031,0.07086,0.05877,-0.05665,0.04571,0.01258,0.05045,-0.03587,0.00829,0.02523,-0.04356,0.04582,0.02427,-0.0373,-0.01044,-0.07783,0.00648,-0.03075,-0.00981,-0.02832,0.07712,0.02635,-0.07607,-0.01263,0.00063,-0.06407,0.09841,0.01772,0.03688,0.06523,0.02404,0.02248,-0.02902,0.04081,0.0167,0.11466,-0.05918,0.02884,-0.07504,-0.07659,-0.14263,0.06098,-0.00508,0.01847,-0.13524,0.04433,0.05484,-0.05097,-0.05374,0.00386,-0.00322,-0.06781,-0.02877,-0.10688,-0.1231,-0.03222,-0.02533,-0.01073,-0.01941,-0.00067,-0.05228,-0.05219,0.04994,-0.08748,0.05613,-0.01777,0.0483,0.03332,-0.00259,0.0359,0.03857,-0.00019,-0.07279,0,0.07225,0.03995,0.01725,-0.02559,0.00556,-0.05053,-0.07145,0.00415,-0.03805,-0.06342,0.04881,-0.02708,0.04843,-0.05728,0.02262,-0.08287,-0.0322,0.07871,-0.03511,-0.10526,0.00477,0.03396,-0.02451,-0.06259,-0.05302,0.05405,-0.0364,0.0345,0.05574,0.00615,0.04554,-0.04259,-0.03184,-0.00211,-0.0456,0.00665,0.0324,-0.07961,-0.06055,0.00899,0.01094,0.00008,-0.03251,-0.06789,0.04376,-0.01347,-0.06673,0.06412,0.04234,0.00493,-0.02268,0.07581,0.04454,-0.01558,-0.02736,-0.00586,0.02263,0.03206,-0.0611,0.01641,-0.06318,0.05189,-0.04072,-0.0425,-0.06202,0.05696,0.00448,0.0201,0.04895,-0.01849,-0.01871,0.00076,-0.00883,0.09616,-0.00902,0.00607,-0.06442,-0.0219,-0.05698,0.06773,0.03982,-0.00154,0.00915,0.0372,-0.02961,-0.11888,0.02176,-0.02308,-0.00202,0.03196,-0.01059,0.03984,0.03592,-0.00145,0.01434,0,-0.07955,0.04905,-0.02525,0.06876,0.01864,-0.01519,0.00667,0.0168,0.07786,-0.05842,-0.01781,-0.00699,0.03047,0.0276,-0.00601,-0.04481,-0.13685,0.01932,0.045,0.04055,0.04674,-0.03962,0.03262,0.15916,0.01605,0.01557,0.04349,0.01555,0.00191,0.00797,0.0133,-0.0635,0.01303,0.026,-0.05509,-0.06933,-0.08586,0.07157,-0.03324,0.10196,0.08727,0.03766,-0.05735,0.05327,-0.02895,0.03795,-0.01888,0.01514,-0.01569,0.03009,-0.09496,-0.00166,-0.02554,-0.0507,0.01654,0.00379,0.10942,-0.01572,0.02877,-0.02519,0.01936,-0.0938,0.00123,-0.01757,0.1134,0.0028,0.08508,-0.01137,0.01474,0.07333,0.0776,0.07518,0.05005,-0.04126,0.08878,0.04517,0.06617,-0.09531,-0.03899,-0.02325,-0.03458,-0.00779,0.03637,0.05283,0.02945,0.01477,-0.01976,0.07955,0.05362,0.05458,-0.04534,0.04718,0.03336,0.04291,0.022,0,-0.06165,0.04209,0.00643,0.04406,-0.00355,0.02042,0.07203,-0.04502,-0.02457,0.03694,-0.05387,-0.00725,-0.00188,-0.05679,0.09181,-0.00617,-0.00756,0.00791,-0.06211,-0.02751,0.02359,-0.01623,-0.01552,0.0402,-0.00351,-0.01728,-0.04799,0.03788,-0.02333,-0.01719,-0.05758,0.0009,0.04458,0.03002,-0.11632,0.0471,-0.05468,0.02816,0.04294,0.05962,-0.00298,0.08727,-0.11067,-0.02589,-0.00931,0.05228,0.09521,-0.00081,0.00411,0.00623,-0.0117,-0.06991,0.01278,0.07625,0.01238,0.07257,0.00045,0.02174,0.02119,-0.02021,-0.02105,0.05372,0.02202,-0.01792],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Inputs - No inputs.","excerpt":"Inputs - No inputs."},{"chunkId":"/docs/f-rotate-handle-directive#6","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.04336,0.01116,-0.06506,0.05692,0.04164,0.02255,-0.01246,-0.05024,0.06085,0.00108,0.05214,-0.01915,0.0078,-0.06138,-0.00276,0.00968,-0.06512,0.07993,-0.0197,-0.03125,0.03023,-0.0111,0.03157,0.0027,-0.08596,0.00568,-0.09039,-0.01588,0.07354,-0.04086,-0.1034,0.1549,-0.04934,0.03559,-0.12146,0.10457,0.04528,-0.0592,-0.1022,-0.03819,0.05515,0.06508,0.09665,-0.02941,0.01398,0.02589,-0.08506,0.00604,-0.06073,0.10363,-0.01786,-0.11347,-0.00943,0.03774,-0.0231,0.0774,0.04876,-0.06076,0.03006,-0.00164,0.04103,-0.0417,-0.0022,0.02126,-0.0307,0.03666,0.01558,-0.01582,-0.01593,-0.06249,-0.00717,-0.0351,-0.01595,-0.02466,0.07703,0.01918,-0.06036,-0.0094,-0.01346,-0.07015,0.09162,0.01246,0.0405,0.07401,0.02474,0.01673,-0.02622,0.04008,0.0116,0.12835,-0.06189,0.0398,-0.07565,-0.07668,-0.15606,0.05861,0.0064,0.02065,-0.10947,0.04743,0.0609,-0.04089,-0.02946,-0.01232,-0.00439,-0.05911,-0.03347,-0.08994,-0.1253,-0.03774,-0.01609,0.00353,-0.02449,-0.02027,-0.03482,-0.06146,0.03249,-0.0792,0.05789,-0.01649,0.05773,0.02664,-0.00041,0.05911,0.04001,0.01714,-0.06426,0,0.07367,0.02683,0.0169,-0.04181,0.01686,-0.03616,-0.08796,-0.00551,-0.03964,-0.05305,0.04882,-0.01776,0.06017,-0.06111,0.00687,-0.08974,-0.01237,0.07918,-0.05109,-0.08653,-0.00972,0.04209,-0.02918,-0.06153,-0.04762,0.05337,-0.04033,0.01817,0.02709,0.00739,0.04651,-0.03519,-0.00955,-0.01086,-0.05193,-0.00067,0.02037,-0.08761,-0.06267,0.01601,-0.01156,0.01988,-0.04072,-0.06711,0.04465,-0.00659,-0.05613,0.08432,0.05954,0.0135,-0.01498,0.07057,0.04402,-0.00004,-0.0279,-0.01166,0.03235,0.03653,-0.05489,0.01732,-0.04656,0.07174,-0.04568,-0.07576,-0.06514,0.04845,0.00703,0.02133,0.04367,-0.00742,-0.02936,-0.00081,-0.01,0.10425,0.00724,0.01409,-0.05041,-0.04426,-0.06665,0.05479,0.03584,0.01367,0.00252,0.00691,-0.01919,-0.12018,0.02209,-0.01988,0.00811,0.04207,-0.03152,0.03058,0.04465,0.00604,0.00612,0,-0.07355,0.05398,-0.04279,0.05783,0.00336,-0.02752,0.01324,0.01005,0.06066,-0.0599,-0.01856,-0.01834,0.01084,0.03786,0.01896,-0.06622,-0.13067,0.0146,0.03435,0.03722,0.05634,-0.02218,0.05374,0.16003,0.02686,0.01326,0.0505,0.01349,-0.00983,-0.0082,0.0388,-0.07869,0.01765,0.02729,-0.04388,-0.08245,-0.07732,0.0619,-0.02034,0.09945,0.07024,0.03432,-0.05838,0.05057,-0.02938,0.03066,-0.01288,0.01133,-0.00795,0.02043,-0.08057,-0.00085,-0.02054,-0.03644,0.01381,-0.02131,0.09431,-0.01295,0.01831,-0.03743,0.01509,-0.10378,0.00628,-0.02686,0.11308,-0.00681,0.08795,-0.01082,0.02746,0.08934,0.07256,0.06586,0.02806,-0.03436,0.09043,0.05947,0.05561,-0.09216,-0.04253,-0.00395,-0.03762,-0.01136,0.04363,0.05849,0.03458,-0.0092,-0.01578,0.0748,0.05385,0.0686,-0.0482,0.0448,0.02835,0.04802,0.02722,0,-0.07368,0.006,0.00328,0.05447,-0.01407,0.02829,0.07159,-0.05886,-0.03611,0.0301,-0.04848,-0.01862,-0.01526,-0.07396,0.10268,-0.01546,-0.00352,0.00062,-0.06462,-0.03236,0.00548,-0.01054,-0.02753,0.0333,-0.01948,-0.02338,-0.03703,0.04064,-0.02266,-0.02608,-0.04283,-0.00027,0.04862,0.02193,-0.09224,0.04429,-0.05801,0.03575,0.05852,0.08936,-0.01453,0.0882,-0.10552,-0.00762,-0.00561,0.03513,0.10316,-0.00655,0.00323,-0.00181,0.00385,-0.08029,-0.00392,0.08292,0.00408,0.05567,0.01849,0.02029,0.02433,-0.00554,-0.0134,0.0507,0.03061,-0.02965],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-rotate-handle-directive#7","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.06167,0.02508,-0.05038,0.05489,0.02804,0.03774,-0.0315,-0.02274,0.04273,0.01419,0.03791,0.00434,-0.01376,-0.04828,0.03366,0.01133,-0.05987,0.09687,-0.01789,0.00661,0.02722,-0.01844,0.02264,-0.00454,-0.08647,-0.00943,-0.06588,-0.03339,0.09451,-0.03507,-0.09752,0.13833,-0.06929,0.03854,-0.11879,0.10205,0.05073,-0.04603,-0.10258,-0.0321,0.02269,0.07971,0.05763,-0.03389,0.03996,0.02245,-0.06858,0.02405,-0.06775,0.08619,-0.03223,-0.13468,0.01132,0.01719,-0.03257,0.05588,0.05335,-0.06547,0.03954,0.01169,0.06986,-0.03559,-0.01055,0.03282,-0.05267,0.0413,0.03316,-0.03266,0.0135,-0.06801,-0.01624,-0.03252,-0.00827,0.00379,0.05335,0.00946,-0.06234,0.00017,-0.01944,-0.08814,0.08627,0.02922,0.03846,0.05032,0.06237,0.02064,-0.02731,0.04805,0.02637,0.12561,-0.05059,0.06126,-0.06894,-0.10944,-0.15488,0.07007,0.0049,0.0128,-0.11117,0.05662,0.05013,-0.04715,-0.04744,-0.01062,0.01457,-0.05782,-0.03752,-0.11727,-0.12202,-0.00478,-0.01746,0.01397,-0.05498,-0.04897,-0.04176,-0.08155,0.02809,-0.08934,0.07792,0.00164,0.06655,0.00991,0.02493,0.03422,0.04711,0.01356,-0.09272,0,0.08083,0.06223,-0.00843,0.00411,0.04115,-0.05032,-0.06244,0.01313,-0.04891,-0.07197,0.08917,-0.01391,0.0547,-0.05092,0.00774,-0.07649,-0.04566,0.07928,-0.03739,-0.09773,0.00777,0.01525,-0.00473,-0.04438,-0.05091,0.04662,-0.02761,0.02415,0.03589,0.0173,0.06367,-0.05836,-0.04317,0.00786,-0.0382,0.00816,0.02014,-0.11188,-0.06109,0.00895,0.00714,0.00912,-0.04051,-0.0694,0.03864,-0.00979,-0.05383,0.07631,0.06849,-0.02626,-0.00821,0.07774,0.03245,-0.01956,-0.0208,-0.01613,0.01442,0.02063,-0.04424,0.00705,-0.05306,0.03408,-0.0447,-0.04556,-0.03921,0.03032,0.0246,0.02797,0.05723,-0.02132,0.00874,-0.00493,-0.0024,0.09754,-0.02316,-0.0093,-0.03533,-0.01657,-0.03243,0.06461,0.01207,-0.00218,0.01633,0.01737,-0.04258,-0.12028,0.04606,-0.00376,-0.00392,0.02491,-0.02599,0.03115,0.04051,0.02325,0.01262,0,-0.06936,0.02122,-0.01215,0.06226,0.0051,-0.03642,-0.00736,0.01419,0.06106,-0.05514,-0.02245,-0.04078,0.01394,0.04976,0.014,-0.04593,-0.14346,-0.01555,0.01985,0.02739,0.02416,-0.04164,0.0523,0.15123,0.02544,0.00193,0.01408,-0.00919,-0.00924,-0.00679,0.01131,-0.07963,0.03287,0.02288,-0.04779,-0.05903,-0.08887,0.07975,-0.02057,0.119,0.07839,0.02222,-0.04269,0.02326,-0.04412,0.02337,-0.03235,0.01992,-0.01533,0.01768,-0.07475,-0.00899,-0.02605,-0.05612,0.02071,-0.00928,0.08405,-0.0379,0.01293,-0.0159,0.03343,-0.0813,0.01138,0.00035,0.12433,-0.00863,0.05514,-0.05058,-0.02585,0.08657,0.06728,0.06062,0.03461,-0.04365,0.0762,0.03518,0.09549,-0.08743,-0.04851,-0.03067,-0.03092,-0.03777,0.0335,0.04164,0.00295,-0.01981,-0.00313,0.08314,0.03386,0.06417,-0.05664,0.03714,0.04711,0.06162,0.03256,0,-0.07288,0.03223,0.01949,0.03151,-0.00679,0.0345,0.05937,-0.03221,-0.03561,0.03157,-0.05201,-0.00297,-0.00495,-0.04711,0.07931,-0.0328,-0.02203,0.03484,-0.06485,-0.03415,-0.00768,0.01314,-0.0147,0.01547,-0.00654,0.01772,-0.0376,0.0432,0.00523,-0.02686,-0.06287,0.00882,0.06552,0.03648,-0.09556,0.0542,-0.04686,0.02329,0.03316,0.07791,0.02094,0.09062,-0.09591,-0.00294,0.02151,0.04831,0.08639,0.02111,0.01228,0.00437,-0.00471,-0.06861,-0.01546,0.08407,-0.02171,0.0907,0.00259,0.01916,0.04032,-0.02122,-0.00108,0.0436,0.03752,-0.01103],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-rotate-handle-directive#8","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.07122,0.04203,-0.05869,0.04104,0.05204,0.03275,0.01478,-0.01182,0.05735,0.00484,-0.00375,0.00537,-0.03045,-0.04702,0.03613,-0.00489,-0.07974,0.05383,0.00126,-0.00342,-0.00692,-0.02085,0.03021,0.00837,-0.11303,0.07042,-0.0312,-0.02395,0.07702,-0.05514,-0.04973,0.1655,-0.08497,0.04486,-0.18811,0.07997,0.01181,-0.02348,-0.1009,-0.01851,0.06349,0.0486,0.08868,-0.04504,0.01208,0.01261,-0.06246,0.01895,-0.01287,0.09917,-0.01875,-0.13081,0.01548,0.07639,-0.04811,0.05712,0.1391,-0.08661,0.05379,0.02491,0.0316,-0.03877,-0.00079,0.02833,-0.06921,0.0071,-0.00891,-0.01629,-0.02603,-0.05857,0.02916,-0.03256,-0.01102,-0.01644,0.06628,-0.01722,-0.07812,0.00775,-0.01525,-0.08042,0.11633,0.0424,0.02771,0.0652,0.03837,0.04554,-0.0347,-0.00076,0.0174,0.11438,-0.05543,0.05027,-0.05728,-0.09717,-0.08455,0.07163,-0.03734,-0.01443,-0.10262,0.03098,0.07695,-0.04384,-0.03161,0.00996,-0.00518,-0.02824,-0.05116,-0.07806,-0.11909,-0.05187,-0.02653,0.00903,-0.04249,-0.05803,-0.045,-0.08796,0.03091,-0.10168,0.03979,0.0142,0.07257,0.02195,-0.03475,-0.01141,0.0789,0.02568,-0.06305,0,0.06967,0.04157,-0.05236,0.00225,0.03267,-0.00712,-0.0131,-0.00505,-0.05083,-0.02934,0.07691,-0.05471,-0.02969,-0.06727,-0.04853,-0.13691,-0.01575,0.04966,-0.0427,-0.06566,0.01909,0.01207,-0.04774,-0.05536,-0.03083,0.04596,-0.05477,0.02798,-0.02516,0.01034,0.05333,-0.03517,-0.0195,-0.00194,-0.04805,0.00674,-0.00885,-0.0715,-0.03364,0.00474,-0.01699,0.00579,-0.03103,-0.04784,0.03744,0.03253,-0.07534,0.04231,0.07217,0.01299,0.03557,0.07208,0.05122,0.00461,0.04924,-0.0023,-0.00082,0.05342,-0.05397,0.04219,-0.04052,0.08146,-0.09724,-0.03157,-0.02756,0.03214,0.03317,0.04278,0.03468,-0.04956,-0.01654,0.00651,-0.01777,0.08406,0.00924,0.01858,-0.04946,-0.0175,-0.01345,0.0465,-0.02685,-0.01821,0.02552,0.04281,-0.0482,-0.09975,0.0241,-0.03981,-0.01406,-0.00574,0.01805,0.02494,0.07134,0.00491,0.03095,0,-0.06905,0.04519,0.00583,0.09078,-0.00914,0.00175,0.03448,0.00367,0.04819,-0.02209,-0.01987,0.05164,-0.00182,0.00376,0.03917,0.00129,-0.11369,0.00136,0.04345,0.01668,0.03956,-0.03739,0.04001,0.09558,-0.01393,-0.00692,0.04309,-0.0236,0.0321,-0.00879,0.01486,-0.05209,0.03075,0.01675,-0.04048,-0.08307,-0.08928,0.08544,-0.01614,0.12444,0.05628,0.04338,-0.01662,0.06087,-0.07974,0.02709,-0.05264,0.01535,-0.01481,0.03719,-0.12882,-0.00239,-0.03544,-0.05555,0.01613,0.00488,0.08894,-0.01342,0.00248,-0.02075,0.05126,-0.06023,-0.02082,-0.02274,0.07651,-0.01515,0.03912,-0.01801,0.01072,0.08821,0.05017,0.06508,0.03712,-0.0432,0.09793,0.02317,0.12759,-0.06461,0.00169,0.02424,-0.02003,0.03162,-0.01434,0.00207,0.00431,-0.02534,-0.06412,0.03223,0.0728,0.0243,-0.07396,0.04143,0.01448,-0.02612,0.03228,0,-0.11069,-0.0351,0.04049,-0.0225,-0.00639,0.00721,0.04102,-0.00309,-0.02363,0.037,-0.04017,0.05948,0.03352,-0.08667,0.07306,0.01589,-0.01597,0.0418,-0.05037,-0.0228,0.02066,-0.00079,-0.02997,0.04788,-0.04635,-0.02376,-0.03701,0.01178,-0.00452,-0.00724,-0.06891,0.0115,0.00767,0.00478,-0.07812,0.0485,-0.04997,-0.01841,0.03652,0.04498,-0.00377,0.06468,-0.07247,-0.03625,-0.04124,0.06108,0.05853,0.0064,-0.00327,0.01537,-0.0344,-0.03397,-0.01038,0.11696,0.02184,0.06795,0.01259,-0.00572,0.02554,-0.05003,-0.04816,0.10314,0.05932,-0.00394],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Styling - .f-component Base class for flow primitives. - .f-rotate-handle Class added to the host element by the directive. Common patterns: - Use cursor: grab / cursor: crosshair for the rotate handle. - Place the handle outside the main content area (corner/edge) to avoid conflicting with clicks and text selection.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-rotate-handle Class added to the host element by the directive. Common patterns: - Use cursor: grab / cursor: crosshair for the rotate handle. - Place the handle outside the main content area (corner/edge) to avoid conflicting with clicks and text selection."},{"chunkId":"/docs/f-rotate-handle-directive#9","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.03945,0.00954,-0.05281,0.03256,0.02877,-0.00294,-0.01786,0.02902,0.06176,-0.03142,0.01375,0.0018,-0.03836,-0.03944,0.00243,-0.04984,-0.04599,0.08307,-0.02739,-0.00354,-0.0214,-0.05114,0.03155,0.02486,-0.10535,0.02497,-0.0897,-0.00521,0.05551,-0.05826,-0.01704,0.16564,-0.07681,0.03382,-0.12027,0.07953,-0.02175,-0.01118,-0.07378,-0.07381,0.01512,0.05084,0.11201,-0.02857,0.03759,0.04799,-0.00341,0.05448,-0.05058,0.07989,-0.01211,-0.11618,0.01131,0.0184,0.00153,0.03285,0.08251,-0.07122,0.01557,0.05348,0.03427,-0.02881,-0.01173,0.03101,-0.04098,0.0356,0.01755,-0.03858,0.02008,-0.01656,0.03932,0.02884,0.0042,-0.01391,0.10226,-0.00696,-0.07057,0.02536,0.00247,-0.07489,0.06713,0.02143,0.07308,0.03062,0.05396,-0.00123,-0.01667,0.00224,0.00393,0.12383,0.03131,0.09938,-0.12122,-0.04145,-0.09874,0.02825,-0.05204,-0.01346,-0.14129,0.05494,0.04494,-0.05292,-0.01984,0.0477,0.01629,-0.03709,-0.01303,-0.11241,-0.1437,-0.04652,0.00347,-0.00452,-0.0004,0.03437,-0.04997,-0.08854,0.00866,-0.07898,0.02314,-0.04196,0.02082,0.04163,0.00182,0.00056,0.00676,0.0377,-0.06181,0,0.01133,0.04859,-0.04366,0.00659,0.00723,-0.02043,-0.02429,0.02376,-0.01962,-0.03545,0.06651,-0.06478,-0.00043,-0.04964,0.03266,-0.09746,-0.04733,0.047,-0.08852,-0.0317,0.03392,-0.02306,-0.04431,-0.06223,-0.05255,0.04857,-0.05112,0.06916,-0.03023,0.01821,-0.00137,-0.06616,-0.03476,0.0224,-0.04377,-0.0098,-0.00582,-0.09903,-0.09377,0.00086,-0.03126,0.06642,-0.02906,-0.05288,0.03033,-0.01277,-0.08729,0.08577,0.06092,0.01147,0.01493,0.07174,0.07875,-0.00482,-0.01007,-0.02913,0.02026,0.02076,-0.02426,0.06793,-0.04692,0.01788,-0.0687,-0.03304,-0.01047,0.10601,0.02355,0.04337,0.03041,-0.05769,-0.00048,-0.01765,-0.00082,0.08221,0.0283,0.00318,0.00469,-0.01762,-0.05013,0.01735,0.04432,-0.01112,0.0428,0.01916,-0.05826,-0.12526,0.05415,-0.05281,-0.02077,0.07695,-0.01095,0.0105,0.08248,0.03712,0.08209,0,-0.09255,0.04702,0.00726,0.06108,-0.01231,-0.01803,0.00936,-0.00529,0.06767,-0.05987,-0.08813,-0.01921,-0.03304,0.0053,-0.00307,-0.04898,-0.10862,-0.00789,0.04647,-0.01154,0.04973,0.0066,0.02676,0.13204,0.00828,0.01659,0.0008,-0.01032,-0.0118,0.00874,0.03018,-0.08634,0.02603,0.0211,-0.02308,-0.08761,-0.03799,0.08299,0.00311,0.1312,0.08343,0.07226,-0.04715,0.05117,-0.03021,0.0721,-0.0417,0.01401,-0.01633,0.02028,-0.11577,0.05005,-0.02598,-0.03225,0.01925,0.03412,0.11609,-0.01904,-0.01634,-0.06017,-0.0116,-0.09204,-0.01713,0.00323,0.12481,-0.00905,0.07008,-0.01463,0.03834,0.12863,-0.00503,0.04021,0.0341,-0.03339,0.08997,0.04324,0.11422,-0.08253,0.00477,0.01752,-0.03466,-0.02849,0.02486,0.02289,0.01661,0.01559,-0.00929,0.02511,0.05997,0.04825,0.00408,0.03161,0.04123,-0.03332,0.03573,0,-0.04488,-0.00729,-0.00256,0.03583,-0.02139,0.02204,0.04456,0.00154,-0.07694,0.0097,-0.05495,0.04975,0.00894,-0.07297,0.03607,-0.06644,-0.00528,0.00004,-0.09409,-0.01503,-0.02837,0.01585,-0.00662,0.03323,-0.06158,-0.01982,0.00755,0.03439,-0.00929,-0.02707,-0.01862,0.00939,0.06248,0.05768,-0.10381,0.05363,-0.05015,0.04678,0.04186,0.08713,-0.03872,0.05762,-0.03669,-0.02339,-0.02784,0.02416,0.04806,0.01965,0.00211,0.00559,-0.00522,0.01215,-0.02933,0.09886,0.00761,0.05566,-0.01283,0.00298,0.04002,-0.04233,-0.01219,0.02541,0.04646,-0.02596],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Notes and pitfalls - Requires fDraggable on the parent f-flow; without it, the handle is inert. - If you have both fDragHandle and fRotateHandle in a small area, hit-testing can feel inconsistent - increase handle size or spacing. - If you persist layout state, remember to save rotation together with position/size (e.g., on fNodeRotateChange). f Draggable f Drag Handle f Rotate Handle f Node Rotate Change","excerpt":"Notes and pitfalls - Requires fDraggable on the parent f-flow; without it, the handle is inert. - If you have both fDragHandle and fRotateHandle in a small area, hit-testing can feel inconsistent - increase handle size or spacing. - If you persist layout state, remember to save rotation together with position/size (e.g., on fNodeRotateChange)."},{"chunkId":"/docs/f-rotate-handle-directive#10","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.07255,0.05261,-0.07233,0.05944,0.05158,0.09586,-0.03182,0.00043,0.0456,0.04551,-0.02443,0.0308,-0.02266,-0.01533,0.03972,-0.00746,-0.08883,0.09522,-0.03554,-0.03255,0.00783,-0.01217,0.06502,0.02981,-0.07662,0.02977,-0.05178,-0.02187,0.06484,-0.01233,-0.01274,0.12861,-0.04647,0.03616,-0.14552,0.10682,-0.00928,-0.00015,-0.06224,-0.04976,0.09781,0.08874,0.08331,-0.09567,0.03055,0.01214,-0.07654,0.05278,-0.07986,0.08668,-0.04673,-0.12524,-0.00708,0.06268,-0.02132,-0.01029,0.08375,-0.09445,0.05171,0.00255,-0.00996,-0.07496,0.02006,0.00391,-0.03734,0.03338,-0.06888,-0.03191,-0.07571,0.0117,0.04267,-0.04634,-0.0255,-0.01731,0.0803,-0.03307,-0.06557,0.06309,-0.00367,-0.04177,0.10137,0.01545,0.03238,0.03132,0.00016,0.03624,-0.023,0.00531,0.03081,0.03898,-0.03847,0.07478,-0.05897,-0.05849,-0.04853,0.03351,-0.07396,0.03246,-0.12085,0.02715,0.03286,-0.06923,-0.0157,0.04904,-0.01897,-0.03084,-0.00501,-0.04457,-0.11463,-0.00322,-0.01376,0.05451,-0.00558,-0.03719,-0.0377,-0.09739,0.02269,-0.08607,0.00206,0.06119,0.05736,-0.02272,-0.02479,-0.01045,0.07088,0.02737,-0.028,0,0.04384,0.07349,-0.02659,0.00794,0.01195,-0.03442,-0.02431,-0.04681,-0.03889,0.03554,0.02983,0.01931,-0.00322,-0.08248,-0.06763,-0.1092,0.00078,0.0314,-0.01705,-0.04696,0.05974,-0.01056,-0.06595,-0.02742,0.01119,-0.03954,-0.04817,0.02031,-0.02308,-0.00919,0.08432,-0.00104,0.00629,-0.04043,-0.04652,-0.02413,0.00783,-0.05028,-0.07622,-0.00134,0.04145,-0.00058,-0.07318,0.00918,-0.00643,-0.00581,-0.04381,0.03348,0.10322,0.05473,0.00225,0.07878,0.00366,-0.01586,0.07419,-0.00712,0.01131,0.05353,-0.04246,0.04509,-0.02928,0.05595,-0.0209,-0.04448,-0.00043,0.00191,0.04857,0.04354,0.04354,-0.0649,-0.04441,0.02148,-0.02747,0.0661,-0.00889,0.00367,-0.00748,0.04111,0.00602,0.04171,0.01867,-0.04581,-0.00988,0.08584,-0.00297,-0.11534,-0.00031,-0.02708,-0.03551,-0.05167,0.04486,0.02704,0.03308,0.01106,0.02134,0,-0.02738,0.02155,-0.00096,0.10957,-0.04092,-0.06199,0.06821,0.02888,0.04746,0.00829,0.00059,0.00522,0.0219,0.01004,0.04265,-0.05456,-0.0963,0.00157,0.09712,0.02664,0.06149,0.02143,0.01879,0.10317,-0.02668,0.03431,0.05531,0.0253,0.02504,-0.01371,-0.00991,-0.08026,0.00068,0.04237,-0.06205,-0.10556,-0.07802,0.09906,-0.02973,0.0709,0.09056,0.08202,-0.04758,0.02939,-0.05957,-0.02093,0.04015,-0.00953,-0.01012,-0.0028,-0.09714,0.00326,-0.03958,0.00855,0.0101,-0.03704,0.10959,-0.05344,0.00577,-0.02392,0.045,-0.04415,-0.01615,-0.04439,0.08661,0.0122,0.01984,-0.07107,0.08047,0.10088,0.00604,0.03419,0.07514,-0.01658,0.09645,0.0722,0.08175,-0.05844,0.00809,-0.0148,-0.04914,0.02203,-0.00546,0.06169,0.00218,0.02634,-0.12582,0.00919,0.08791,0.05894,-0.07257,-0.00849,0.02424,-0.03764,0.04342,0,-0.09313,-0.00752,0.01811,0.01809,0.00234,-0.03948,0.03952,-0.08291,-0.0109,0.04103,-0.06446,0.05643,0.048,-0.10785,0.05239,-0.02039,0.01213,0.04085,-0.03427,0.01316,-0.01202,0.00631,0.00818,0.04153,-0.0046,-0.07157,-0.08272,-0.00217,-0.03128,-0.01824,-0.06255,-0.03839,0.0493,0.00168,-0.08201,-0.04153,-0.08137,-0.00753,0.04679,0.05052,0.00827,0.03486,-0.05611,-0.02398,-0.08177,0.06015,0.03255,0.00009,-0.00598,0.0008,-0.01122,-0.02385,-0.05856,0.11045,0.01036,0.05675,0.04927,0.03851,0.00987,-0.05536,-0.02131,0.02528,0.03051,-0.07276],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Example ::: ng-component <rotate-handle</rotate-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.scss :::","excerpt":"Example ::: ng-component <rotate-handle</rotate-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.scss :::"},{"chunkId":"/docs/f-connector-directive#0","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00593,-0.04221,-0.05511,0.06518,0.03991,0.04411,0.01475,-0.01704,0.01059,-0.03265,0.01038,-0.01935,-0.00081,-0.00994,0.03304,0.03725,-0.04043,-0.02957,0.01154,0.03033,-0.05567,-0.10052,0.01144,-0.07673,-0.02886,-0.08421,0.02531,-0.02521,-0.00741,-0.05387,0.01236,0.06099,-0.12462,0.02101,-0.04304,0.03319,0.08326,-0.01424,-0.05497,0.04113,0.09756,-0.02844,0.02668,-0.03147,0.01279,0.01288,-0.07597,-0.00605,-0.04522,0.02841,-0.00744,-0.00254,-0.02613,0.08583,0.07914,0.08583,0.01254,0.02696,0.00568,0.06831,0.01295,-0.03355,-0.01694,-0.03852,0.03134,-0.02433,-0.01708,0.00199,-0.03366,-0.03675,0.00316,0.00923,-0.01908,-0.0931,0.08367,0.05376,-0.0279,0.07804,0.00092,-0.102,0.08129,0.16717,-0.02454,-0.0046,0.0237,0.12422,-0.04277,-0.02396,-0.07511,0.07396,0.00036,-0.01604,0.00577,-0.01853,0.00399,0.01252,0.00102,0.01864,-0.0126,-0.0056,-0.05204,-0.01912,-0.01355,0.0437,0.00756,-0.02828,-0.07951,0.04126,-0.00114,-0.03775,0.02747,-0.01583,0.0025,-0.04232,-0.03755,0.01344,-0.01987,0.00771,0.13602,0.03877,-0.04187,0.03041,0.0524,0.01078,-0.01058,-0.02967,-0.05916,0,-0.01072,-0.00272,-0.08011,0.05315,0.04747,-0.0063,0.0157,-0.00526,-0.05334,0.03392,-0.08506,-0.00471,-0.07457,0.00996,-0.02977,-0.06404,-0.02037,0.04846,-0.02269,-0.02842,0.02526,0.00222,-0.03642,-0.04003,0.07592,0.0592,-0.09184,0.04152,-0.02051,0.02509,-0.0066,0.03137,0.09231,0.03238,-0.05159,-0.04197,-0.06253,-0.06208,-0.14874,0.00213,-0.05305,-0.01704,-0.03522,0.01886,0.01329,-0.07291,-0.02531,0.00794,0.07655,0.01062,-0.04115,0.0049,0.05792,-0.08973,0.04296,-0.0926,-0.09443,0.08946,-0.02256,0.01344,-0.02471,0.04638,-0.11165,0.01243,0.03171,0.12964,-0.01746,-0.06816,0.04918,-0.03027,-0.06051,0.07391,-0.07834,0.0001,-0.01976,-0.0347,-0.04167,0.02447,0.07567,-0.01086,-0.09671,-0.02134,-0.009,0.0624,0.09295,-0.05784,-0.01761,-0.05681,-0.00796,-0.01636,0.05537,0.07287,0.05736,-0.00999,0.07897,0,0.0034,0.02002,0.00568,-0.02058,-0.02792,-0.00162,-0.004,-0.09393,0.05747,0.02571,0.03664,0.05217,0.02939,-0.05752,-0.03042,0.00095,-0.06935,-0.06223,-0.01472,0.07143,0.02049,-0.01246,0.06298,-0.02732,-0.00285,-0.02299,0.03212,-0.00241,-0.00355,-0.00093,0.04664,-0.02377,-0.08967,-0.00413,-0.04104,-0.03057,-0.05525,0.07664,-0.00085,-0.03525,0.04471,0.03681,-0.04013,0.03849,-0.05005,0.02043,-0.04827,-0.05489,-0.04525,0.0339,-0.08103,-0.01686,-0.00815,0.02381,-0.04823,0.02912,0.12197,0.04943,0.01148,0.01543,0.14208,-0.08292,-0.00651,0.0442,0.06041,-0.00372,-0.03307,0.05262,0.02541,0.05014,0.08051,-0.00393,0.00818,0.00554,-0.00191,0.00121,0.00111,-0.05854,0.02195,0.08993,-0.01848,0.07606,-0.04165,0.00277,0.05033,0.01464,0.05805,0.05637,0.10545,0.03883,-0.0028,0.0435,0.00173,-0.00562,-0.10277,0,-0.08893,0.031,-0.09723,-0.0765,0.04046,-0.04796,-0.02623,-0.02727,-0.00991,0.05268,-0.04123,0.06148,-0.00977,-0.03179,0.12583,-0.06667,-0.00042,-0.02543,-0.05609,0.03769,-0.05262,-0.02272,-0.05314,0.08951,-0.01098,-0.0952,0.01738,0.06072,0.00758,0.06707,-0.04242,0.00965,-0.05623,0.06919,-0.09722,0.10165,0.00259,-0.01241,-0.0734,0.02459,0.05321,-0.07259,-0.04289,-0.02511,0.01442,0.0509,0.03036,-0.03586,-0.0178,0.10363,-0.04657,-0.02373,0.00406,-0.04253,0.02284,-0.03845,0.0115,0.07398,0.03965,-0.0457,-0.05881,0.09658,0.14598,-0.04346],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Connector Selector: [fConnector] Class: FConnectorDirective FConnectorDirective is the unified connector for nodes. One directive covers all connector roles that previously required three separate directives: - fNodeOutput → fConnectorType=\"source\" - fNodeInput → fConnectorType=\"target\" - fNodeOutlet → fConnectorType=\"outlet\" A connector has exactly one id (fConnectorId); its behavior is controlled by fConnectorType. Connectors must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow. f Connector F Connector Directive f Node Output f Connector Type f Node Input f Node Outlet f Connector Id f Node","excerpt":"Connector Selector: [fConnector] Class: FConnectorDirective FConnectorDirective is the unified connector for nodes. One directive covers all connector roles that previously required three separate directives: - fNodeOutput → fConnectorType=\"source\" - fNodeInput → fConnectorType=\"target\" - fNodeOutlet → fConnectorType=\"outlet\" A connector has exactly one id (fConnectorId); its behavior is controlled by fConnectorType. Connectors must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow."},{"chunkId":"/docs/f-connector-directive#1","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.04966,-0.09157,-0.09199,0.08871,0.06101,0.0439,0.02644,0.00882,0.05285,-0.05336,0.03374,-0.00737,0.00026,-0.00614,0.02373,0.02035,0.01318,-0.06631,0.00976,0.05602,-0.05174,-0.08303,-0.03061,-0.07944,-0.00945,-0.10022,-0.00899,-0.02794,0.03025,-0.05265,0.05326,0.05317,-0.14083,-0.01688,-0.00401,0.02606,0.06977,0.01307,-0.0554,0.0426,0.05325,-0.0772,0.02598,0.01852,-0.0548,0.00668,-0.04027,0.05733,-0.02489,0.03517,-0.0066,0.04067,-0.01055,0.09104,0.08532,0.11258,0.03655,0.00707,-0.02208,0.02995,0.01668,-0.02449,-0.00543,-0.01478,0.01285,-0.01023,-0.00287,-0.00809,-0.00533,-0.07139,-0.00401,0.00689,-0.04934,-0.02902,0.09959,0.03782,-0.01672,0.07368,-0.02641,-0.08361,0.07879,0.10845,-0.04007,-0.04411,-0.02555,0.09885,-0.02433,0.01166,-0.06123,0.07395,-0.01456,0.03665,0.01003,-0.02931,0.01828,0.02656,-0.01571,-0.00173,-0.00497,-0.01254,-0.04184,0.01184,-0.02793,0.08954,-0.01346,-0.08426,-0.06803,0.00018,0.00449,0.00023,0.04326,-0.02549,0.02867,-0.05463,-0.04265,0.05353,-0.09229,0.00035,0.12211,-0.01486,-0.03297,0.0273,0.05777,0.01762,-0.03886,-0.01333,-0.05071,0,0.00136,-0.00043,-0.09277,0.01125,0.03122,-0.03782,0.01797,0.00668,-0.04957,0.05172,-0.0992,0.03401,-0.05427,0.00779,0.00052,-0.06691,-0.00928,0.06567,-0.02651,-0.03057,0.01955,-0.02102,-0.02714,-0.04343,0.09711,0.04218,-0.08025,0.07753,0.05572,0.0321,-0.0296,0.00326,0.02791,0.00945,-0.03046,-0.04459,-0.0571,-0.07687,-0.12785,-0.03329,-0.02298,0.00598,-0.09623,0.00439,-0.03121,-0.09218,-0.01904,-0.02496,0.03199,0.00665,-0.00922,-0.00822,0.09196,-0.04133,0.04567,-0.08696,-0.10508,0.04952,-0.0017,0.04266,-0.02003,0.03707,-0.09161,0.02214,0.08485,0.10836,-0.02399,-0.02475,0.03599,-0.00166,-0.02969,0.07007,-0.05974,-0.04253,0.02379,-0.02543,-0.06413,-0.00335,0.03439,0.0062,-0.05252,0.00667,-0.02523,0.04905,0.02819,0.01514,-0.06133,-0.04459,-0.09124,-0.02777,0.07617,0.07153,0.06795,0.03057,0.07708,0,-0.04519,0.00261,0.00392,-0.00735,0.00948,0.02177,0.00938,-0.07987,0.00865,0.02705,-0.0227,0.02307,-0.01442,-0.04768,0.00295,-0.01845,-0.04016,-0.07736,-0.04322,0.06419,0.05008,-0.01776,0.03438,-0.02365,-0.0311,-0.01849,0.04528,-0.00984,-0.04727,-0.00333,0.07487,0.00324,-0.07139,0.00942,-0.04423,0.00381,-0.03829,0.11863,0.01828,-0.05159,0.04741,0.03309,-0.0312,0.03626,-0.02764,0.05652,-0.05862,-0.05657,-0.02668,0.03321,-0.09883,0.00175,-0.01746,0.00093,-0.0078,0.01325,0.15863,0.06708,-0.00987,0.01028,0.14022,-0.09302,-0.00123,0.04457,0.07598,0.00145,-0.00011,0.08164,0.00221,0.07523,0.08516,0.02401,0.02141,-0.01588,-0.01906,-0.02137,0.03251,-0.08317,-0.00743,0.08779,-0.05008,0.05652,-0.01473,-0.00011,0.04125,0.00555,0.04348,0.05588,0.09799,0.0585,-0.06055,0.03045,0.01437,-0.0059,-0.11542,0,-0.07023,0.05686,-0.0647,-0.03095,0.01917,0.01666,-0.02862,-0.0336,0.00627,-0.00344,-0.09018,0.05072,0.00245,0.04331,0.08626,-0.05014,0.07177,-0.05431,-0.03347,-0.00665,-0.00402,-0.0056,-0.04067,0.04286,0.00057,-0.08497,0.04284,0.07061,0.03526,0.01661,-0.05331,0.02308,-0.0652,0.04984,-0.10474,0.11488,-0.01881,-0.0032,-0.07909,0.01076,0.10176,-0.01879,-0.05523,-0.02767,-0.02206,0.07895,-0.03816,-0.05149,-0.0245,0.09796,-0.04284,-0.03133,0.02061,0.02465,0.07225,-0.00189,-0.02759,0.02528,0.10141,-0.03099,-0.02353,0.08335,0.10628,-0.00658],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Connector types - source — can start a connection. Its id is referenced by fSourceId on f-connection. - target — can accept a connection (drop-only; the user cannot start a drag from it). Its id is referenced by fTargetId. - source-target (default) — one id supports both behaviors: users can drag from it and drop onto it. - outlet — a shared start surface for a node with multiple source connectors. It can start a drag-to-connect, but the persisted connection uses the id of a real source connector resolved inside the same node — the emitted FCreateConnectionEvent.sourceId is never the outlet id. f Source Id f Target Id F Create Connection Event source Id","excerpt":"Connector types - source — can start a connection. Its id is referenced by fSourceId on f-connection. - target — can accept a connection (drop-only; the user cannot start a drag from it). Its id is referenced by fTargetId. - source-target (default) — one id supports both behaviors: users can drag from it and drop onto it. - outlet — a shared start surface for a node with multiple source connectors. It can start a drag-to-connect, but the persisted connection uses the id of a real source connector resolved inside the same node — the emitted FCreateConnectionEvent.sourceId is never the outlet id."},{"chunkId":"/docs/f-connector-directive#2","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00094,-0.07822,-0.11346,0.04172,0.01289,0.06351,0.00168,0.0355,-0.01921,-0.04882,0.04686,-0.02067,0.01409,-0.04296,0.05535,0.05265,-0.00908,-0.03339,0.03476,0.03157,-0.05416,-0.09805,-0.01084,-0.0672,-0.0104,-0.10004,0.04156,-0.00703,-0.05049,-0.05609,-0.01409,0.06116,-0.11237,0.00003,0.00903,-0.01589,0.08682,0.00645,-0.01938,0.03533,0.03146,-0.07574,0.0305,-0.01471,-0.03779,-0.0089,-0.03909,-0.01659,-0.02222,0.00747,-0.02431,-0.00618,-0.05997,0.05937,0.12046,0.08802,0.05027,0.03748,-0.03933,0.02498,0.03261,0.01219,-0.03339,0.00326,-0.02355,-0.0323,0.00591,0.0503,-0.01631,-0.05754,-0.08649,-0.02196,-0.02013,-0.10296,0.10258,0.06974,-0.00847,0.03951,0.04257,-0.09898,0.06088,0.12121,-0.04154,-0.0461,0.03732,0.09318,0.02519,-0.03923,-0.03004,0.03613,0.01202,-0.04942,0.03949,-0.00679,-0.0223,0.0229,-0.00678,-0.0166,-0.00832,0.00375,-0.02772,-0.0195,-0.01911,0.03691,-0.01236,-0.01928,-0.06317,0.07274,0.06393,-0.05121,0.03292,-0.029,-0.02166,-0.09278,-0.04174,0.04902,-0.04323,0.00928,0.11849,-0.02861,-0.04713,0.00851,0.02946,0.0163,-0.0282,-0.03129,-0.05941,0,-0.01772,0.03661,-0.08181,0.02839,0.02879,-0.01718,0.0117,0.01431,-0.03171,0.03914,-0.05314,0.03539,-0.06686,0.02882,-0.02752,-0.10048,-0.03499,0.05309,-0.00418,0.00428,0.00908,0.00115,0.00618,-0.03969,0.12121,0.04793,-0.07397,0.04657,-0.00362,0.03682,-0.00826,0.02077,0.06509,0.00895,-0.01679,-0.05916,-0.07739,-0.08598,-0.13326,0.03564,-0.02143,-0.0195,-0.06959,-0.01359,0.04338,-0.02297,-0.00064,0.00304,0.11259,0.00499,-0.0442,-0.02019,0.03909,-0.0323,0.0528,-0.05405,-0.11221,0.07074,0.0264,0.05926,-0.05682,0.01169,-0.07547,-0.00896,0.01608,0.10301,-0.01143,-0.07839,0.0268,-0.01894,-0.03713,0.06207,-0.06003,0.01373,-0.0367,-0.02254,-0.06213,0.05586,0.0509,-0.01051,-0.08003,0.00284,-0.03032,0.08492,0.05693,-0.03439,-0.05161,-0.03552,-0.0481,-0.01537,0.00197,0.11033,0.05457,0.02513,0.09133,0,0.01117,-0.01114,0.00166,-0.00969,-0.0203,0.0377,-0.00006,-0.07267,0.05475,0.04833,-0.0109,0.0151,0.05021,-0.08774,-0.0655,-0.01503,-0.05167,-0.07308,-0.06358,0.08845,0.02336,-0.0404,0.064,-0.05884,0.0282,-0.0099,0.04268,-0.00881,-0.02993,0.00866,0.04666,0.00006,-0.07446,-0.0057,-0.07736,0.0336,0.01678,0.08192,-0.02436,-0.06724,0.06393,0.04368,-0.04116,0.03236,-0.05576,0.02658,-0.04963,-0.06742,-0.04358,0.03189,-0.07267,-0.07762,-0.01996,0.00503,-0.06298,0.05741,0.11724,0.05384,0.01606,0.02998,0.11632,-0.08419,0.0529,0.03041,0.06513,0.01296,0.02837,0.10642,0.0131,0.05726,0.08621,0.01842,0.01302,0.041,-0.04213,0.00221,-0.00538,-0.07735,0.00231,0.09135,-0.00939,0.02896,-0.06128,-0.00666,0.04455,0.01511,0.08149,0.05358,0.10563,0.00405,-0.06453,0.0498,0.04682,0.02091,-0.10834,0,-0.04021,0.03333,-0.08316,-0.03913,0.02682,0.00321,-0.00642,-0.05051,0.00272,0.05023,-0.02738,0.04791,-0.02097,0.04847,0.08273,-0.04877,0.00488,-0.0031,-0.05649,0.02377,-0.01457,0.01805,-0.00692,0.05883,0.06461,-0.0659,0.02661,0.11926,0.02459,0.01776,-0.03009,0.02099,-0.07929,0.00477,-0.09525,0.12355,-0.00147,-0.02203,-0.08033,0.02559,0.0518,-0.08606,-0.03134,-0.03443,0.01949,0.03807,-0.03228,-0.0297,-0.03144,0.05833,-0.03306,-0.00927,-0.0101,0.00075,0.05583,0.01466,-0.02859,0.05245,0.06374,-0.03271,-0.04919,0.11473,0.10556,-0.02653],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-connector-directive#3","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.02083,-0.07514,-0.10681,0.03376,-0.00046,0.05207,0.00204,0.02622,-0.02483,-0.05148,0.05844,-0.01492,0.01692,-0.02994,0.06576,0.04155,-0.00827,-0.03557,0.02711,0.05763,-0.06405,-0.09391,-0.01108,-0.06791,-0.02373,-0.08403,0.05041,-0.02844,-0.03892,-0.05399,-0.02147,0.07365,-0.11641,0.00601,-0.00488,0.0031,0.09377,-0.01375,-0.03171,0.04276,0.04569,-0.07293,0.03596,-0.00135,-0.04148,-0.0037,-0.0221,-0.03941,-0.04867,0.00334,-0.03171,0.00727,-0.04645,0.05606,0.11295,0.07729,0.05364,0.02868,-0.03606,0.03187,0.03319,0.00748,-0.03472,0.00673,-0.01548,-0.04975,-0.00355,0.03541,-0.03328,-0.04135,-0.08872,-0.02269,-0.01617,-0.08681,0.09967,0.07638,-0.00158,0.03421,0.03131,-0.09181,0.04047,0.12663,-0.04793,-0.0387,0.02968,0.10004,0.01087,-0.04234,-0.03603,0.01894,0.00747,-0.04719,0.04557,-0.01049,-0.02403,0.02422,-0.00985,-0.01032,-0.01074,-0.00774,-0.01101,0.00115,-0.01854,0.04565,-0.02625,-0.03164,-0.08247,0.05534,0.06015,-0.0512,0.03284,-0.0209,-0.01738,-0.09579,-0.05059,0.03582,-0.03321,-0.01244,0.13601,-0.03648,-0.04575,0.01918,0.02994,0.02372,-0.0254,-0.0286,-0.04976,0,-0.01989,0.02616,-0.07248,0.02813,0.03815,-0.01566,0.01368,0.01151,-0.01976,0.03174,-0.06025,0.04857,-0.07085,0.03232,-0.02095,-0.07718,-0.04019,0.05082,-0.00059,-0.00064,0.01312,-0.00037,0.00352,-0.04897,0.08849,0.04853,-0.05966,0.03173,-0.01229,0.03757,-0.00267,0.03542,0.07103,0.0269,-0.00731,-0.05919,-0.07546,-0.0891,-0.13823,0.02872,-0.02761,-0.02278,-0.06555,-0.00298,0.05724,-0.02982,-0.0039,0.00036,0.11893,-0.0007,-0.0362,-0.02473,0.06591,-0.03804,0.0475,-0.05013,-0.11035,0.08221,0.00417,0.05833,-0.06405,0.02257,-0.07529,0.00038,0.01905,0.10925,-0.01242,-0.06485,0.035,-0.01787,-0.02679,0.07184,-0.07532,0.02796,-0.0395,-0.01852,-0.04896,0.04992,0.06058,-0.01184,-0.08841,0.0123,-0.03732,0.08285,0.06365,-0.04085,-0.04662,-0.03855,-0.04651,-0.02114,-0.00765,0.09374,0.05792,0.00885,0.08137,0,0.00227,-0.01512,-0.01505,-0.00295,-0.01968,0.02403,0.00241,-0.07582,0.06451,0.02361,-0.02261,0.02398,0.0773,-0.08048,-0.06552,-0.01581,-0.06697,-0.07082,-0.04997,0.07594,0.02842,-0.04346,0.07072,-0.0419,0.01416,-0.01794,0.05293,-0.0261,-0.03403,0.00493,0.06077,0.00434,-0.07344,0.0026,-0.09004,0.0215,0.01062,0.0769,-0.01621,-0.0763,0.05667,0.03386,-0.03113,0.04649,-0.05775,0.03172,-0.06785,-0.07144,-0.03809,0.02439,-0.07951,-0.07045,-0.01175,0.00728,-0.06197,0.05092,0.1111,0.05415,0.02113,0.04317,0.11156,-0.06882,0.04634,0.02006,0.06,0.01743,0.01338,0.10645,0.01205,0.04954,0.08567,0.02309,-0.01008,0.05596,-0.04824,-0.00116,-0.00039,-0.07482,0.00695,0.1064,-0.02734,0.03854,-0.06765,0.0066,0.04949,0.00626,0.07013,0.04358,0.104,0.00037,-0.04812,0.04802,0.03426,0.02919,-0.11014,0,-0.02343,0.04389,-0.08283,-0.03407,0.01976,-0.00055,-0.01061,-0.05406,0.00315,0.05234,-0.02154,0.04017,-0.0295,0.04147,0.09002,-0.039,0.00103,-0.01149,-0.05968,0.03259,-0.00005,0.00944,-0.00472,0.059,0.04277,-0.06258,0.03251,0.11186,0.02713,0.01063,-0.02863,0.02314,-0.07849,0.00748,-0.10514,0.11143,-0.00196,-0.03512,-0.05799,0.01332,0.05432,-0.09258,-0.04176,-0.02717,0.02242,0.05239,-0.03584,-0.01324,-0.0332,0.07544,-0.04838,-0.00549,-0.01037,0.00943,0.06865,0.01574,-0.03612,0.05547,0.05265,-0.04535,-0.03328,0.13582,0.11942,-0.01561],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Connector as a port element","excerpt":"Connector as a port element"},{"chunkId":"/docs/f-connector-directive#4","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.0009,-0.08802,-0.09297,0.06743,0.02111,0.05809,-0.00139,0.0194,0.01743,-0.04643,0.03935,0.00221,0.00012,-0.04309,0.04386,0.04725,-0.032,-0.02234,0.04923,0.02801,-0.08256,-0.11641,-0.01426,-0.06763,-0.00663,-0.10105,0.03008,-0.01136,-0.04017,-0.04683,0.00803,0.05823,-0.10097,0.0269,-0.03958,0.01262,0.08784,0.0089,-0.05246,0.07218,0.07803,-0.06487,0.03686,-0.03629,-0.04878,0.00835,-0.0675,0.00685,-0.02187,0.01409,-0.01081,-0.00732,-0.04817,0.06286,0.10613,0.10754,0.04336,0.02271,-0.0322,0.04447,0.04781,0.00586,-0.02847,-0.00424,0.01644,-0.03461,0.00424,0.03706,-0.01276,-0.06634,-0.05231,-0.02874,-0.0308,-0.07212,0.06653,0.05008,0.01304,0.03386,0.01713,-0.04328,0.04344,0.13506,-0.03769,-0.03775,-0.0056,0.1045,0.0031,-0.02809,-0.02923,0.03739,0.00018,-0.01002,0.03364,-0.01558,-0.04025,0.03624,-0.00419,-0.00543,0.0076,-0.00198,-0.01906,-0.01325,-0.01443,0.02112,-0.01211,-0.05077,-0.08204,0.03834,0.07114,-0.03034,0.02116,-0.03911,-0.00861,-0.06942,-0.05014,0.03768,-0.03189,0.00714,0.12558,0.00671,-0.05261,0.02108,0.03424,0.01028,-0.03902,-0.04858,-0.07505,0,-0.00335,0.01887,-0.04973,0.0223,0.04372,-0.0193,-0.0056,0.00344,-0.06022,0.01974,-0.06643,0.03356,-0.04785,0.03897,-0.03145,-0.09715,-0.03477,0.0382,-0.01118,-0.00919,0.00558,-0.00879,-0.00487,-0.00306,0.11904,0.01636,-0.05674,0.05576,0.02451,0.01856,-0.02281,0.02032,0.04292,0.01755,-0.01261,-0.04694,-0.05938,-0.06731,-0.14929,0.01605,-0.03645,0.00571,-0.06232,-0.01109,0.04075,-0.04562,-0.00635,-0.01506,0.08473,0.00719,-0.03116,-0.03782,0.07856,-0.02559,0.03556,-0.03541,-0.08501,0.04056,-0.01184,0.04417,-0.03737,-0.01804,-0.09391,-0.01901,0.05474,0.11918,-0.01046,-0.0625,0.022,0.00285,-0.05332,0.0808,-0.06345,-0.00776,-0.05978,0.00393,-0.07215,0.02979,0.06973,0.02116,-0.0787,-0.01872,-0.02859,0.05732,0.04871,-0.02594,-0.05245,-0.03402,-0.01349,-0.02777,0.02204,0.11219,0.04332,0.01521,0.11068,0,-0.03483,0.00264,-0.01494,0.01813,0.01361,0.03828,0.00427,-0.09233,0.05007,0.04814,-0.01457,0.01761,0.05278,-0.08659,-0.05248,-0.03414,-0.03622,-0.06184,-0.06255,0.08956,0.01601,-0.05599,0.08651,-0.08151,0.01598,-0.02194,0.06358,-0.00944,-0.05145,0.01621,0.06217,0.0181,-0.06927,-0.0037,-0.06498,0.04306,-0.01578,0.08039,0.00587,-0.07016,0.04453,0.03139,-0.04472,0.0267,-0.03894,0.04583,-0.07251,-0.04864,-0.04506,0.02434,-0.10487,-0.05429,-0.02998,0.02828,-0.06459,0.01661,0.10898,0.09413,0.01688,0.02535,0.12139,-0.09081,0.02464,0.04036,0.04202,-0.00974,0.01091,0.09545,-0.02925,0.07556,0.08421,0.0466,0.0155,0.03011,-0.0495,-0.01949,-0.02152,-0.08359,0.00293,0.08752,-0.01424,0.05612,-0.04948,0.01558,0.04746,-0.00171,0.07626,0.07345,0.10126,0.01298,-0.04138,0.05286,0.03283,0.01051,-0.14075,0,-0.03964,0.02162,-0.08314,-0.03449,0.02331,0.01204,-0.02008,-0.02794,0.02268,0.06541,-0.03388,0.05532,-0.01869,0.04416,0.12361,-0.0564,0.03735,-0.02523,-0.04165,0.03016,-0.00919,0.00878,-0.01632,0.05751,0.04749,-0.07205,0.03949,0.12729,-0.01115,0.01273,-0.04006,0.0216,-0.05548,0.00796,-0.07553,0.13014,-0.01898,0.00347,-0.0712,0.03341,0.06891,-0.05556,-0.03889,-0.02656,-0.01804,0.05599,-0.01505,-0.02827,-0.01537,0.07385,-0.01887,-0.01641,-0.00524,-0.02237,0.0336,0.0095,-0.0217,0.06094,0.05146,-0.03626,-0.04561,0.11595,0.13468,-0.03051],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Connector on the node itself With the default source-target type, one connector on the node host lets users both start a connection from the node and drop a connection onto it.","excerpt":"Connector on the node itself With the default source-target type, one connector on the node host lets users both start a connection from the node and drop a connection onto it."},{"chunkId":"/docs/f-connector-directive#5","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.02268,-0.08129,-0.14849,0.08094,-0.01584,0.07388,-0.01128,0.01261,0.02425,-0.0656,0.00599,-0.00778,0.00126,-0.03295,0.00965,0.03998,-0.01245,0.00325,0.00804,0.02129,-0.09156,-0.05196,-0.03846,-0.05712,-0.05299,-0.07561,0.04839,-0.01572,-0.01974,-0.0251,0.04316,0.06777,-0.15223,-0.03678,-0.00986,0.01472,0.09563,0.00127,-0.04556,0.02348,0.05314,-0.10072,0.03875,-0.01351,0.00397,-0.03547,-0.04176,0.02565,0.0015,0.03717,-0.0195,0.02124,-0.04693,0.09189,0.09104,0.09478,0.04907,0.01748,-0.05921,0.07441,0.07272,0.00922,0.00224,-0.01586,-0.05206,-0.0042,0.00264,0.05776,0.02989,-0.05423,-0.03512,0.01645,-0.05494,-0.10388,0.08396,0.04599,0.01025,0.00127,0.03441,-0.08547,0.05525,0.12311,-0.00641,-0.05876,0.01953,0.05643,-0.00037,-0.0163,-0.07068,0.05894,0.01312,-0.00695,0.02432,-0.0531,-0.01042,0.03912,-0.0077,-0.0048,0.01519,0.00009,-0.08358,0.02357,-0.04211,0.06152,-0.03397,-0.04094,-0.05512,0.07076,0.00135,-0.04543,0.02603,0.00026,-0.02182,-0.03887,-0.01824,0.01515,-0.0794,0.00146,0.0943,-0.00682,-0.02503,0.02414,0.02356,0.02629,-0.01841,-0.01829,-0.05752,0,0.01775,0.03959,-0.04725,0.01688,0.01069,-0.03561,0.01714,0.00234,-0.03358,0.05967,-0.09286,0.05237,-0.07735,0.00986,-0.0389,-0.07727,-0.03816,0.07266,0.03299,-0.03926,-0.0108,0.03039,0.01976,-0.02597,0.14657,0.04563,-0.07033,0.07831,-0.01761,0.02456,0.02107,0.0077,0.06883,-0.00549,-0.02969,-0.05209,-0.06741,-0.06227,-0.15725,0.01326,0.03157,0.00976,-0.07649,0.02058,-0.00731,-0.03075,0.01161,0.00674,0.08478,-0.00183,-0.00613,-0.02292,0.00457,-0.03037,-0.00481,-0.0896,-0.13411,0.03653,0.0031,0.03629,-0.04694,0.00781,-0.07938,0.01661,0.08621,0.11061,-0.00541,-0.07229,0.00751,-0.01159,-0.0235,0.0741,-0.04771,-0.03111,-0.0019,-0.05571,-0.05543,0.00535,0.01833,0.01493,-0.00913,-0.01628,-0.06832,0.08178,0.05269,0.00585,-0.06585,-0.06833,-0.02753,-0.04187,0.02263,0.07668,0.09577,-0.00581,0.1015,0,0.00063,-0.02726,0.00449,-0.01836,-0.0106,0.01361,-0.01447,-0.06385,0.02431,-0.00721,-0.00205,0.00702,0.02696,-0.09166,-0.03174,-0.01375,-0.05328,-0.10898,-0.04965,0.07076,-0.00545,-0.03068,0.0643,-0.06139,0.01706,-0.02216,0.00592,-0.04403,-0.04104,0.01784,0.06909,-0.0106,-0.06602,-0.02254,-0.07178,0.0353,0.01676,0.05684,0.00431,-0.02856,0.04824,0.0764,-0.07134,0.01658,-0.03656,0.04206,-0.10185,-0.03848,-0.03206,0.03546,-0.07412,-0.04035,-0.07624,-0.02199,-0.03119,0.03428,0.07759,0.06419,0.00622,0.03764,0.09397,-0.1107,0.04822,0.05767,0.06712,-0.0096,0.01391,0.07456,-0.02215,0.09032,0.09977,0.01838,0.02913,0.06404,0.0021,-0.05856,-0.02316,-0.05253,0.01455,0.13591,0.00034,0.0456,-0.01092,0.00681,0.03483,-0.00116,0.0816,0.0609,0.12764,0.02469,-0.0366,0.02291,0.02758,-0.02285,-0.09499,0,-0.04985,0.02867,-0.0742,-0.01514,0.00652,0.01099,-0.04251,-0.01798,0.00077,0.0363,-0.03534,0.046,-0.00369,-0.00852,0.05652,-0.06286,0.09781,-0.03327,-0.03677,0.00771,-0.02767,0.02298,-0.00312,0.05404,0.07133,-0.07525,0.07211,0.07101,0.0236,0.05001,-0.01879,-0.02528,-0.0446,0.03064,-0.04343,0.08092,0.0151,0.0043,-0.08684,0.02833,0.0494,-0.04494,-0.04326,-0.03351,0.02565,0.04659,-0.02809,-0.01891,-0.02272,0.07344,-0.04965,-0.02946,-0.00588,0.00606,0.03209,-0.01851,-0.03934,0.08512,0.05453,-0.05735,-0.04186,0.12082,0.0783,-0.04682],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Connect it using f-connection A persisted connection references connectors by their ids via fSourceId / fTargetId: Tip: use stable ids (from your data model) if you want connections to survive rerenders and persistence. f Source Id f Target Id","excerpt":"Connect it using f-connection A persisted connection references connectors by their ids via fSourceId / fTargetId: Tip: use stable ids (from your data model) if you want connections to survive rerenders and persistence."},{"chunkId":"/docs/f-connector-directive#6","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.0319,-0.04964,-0.08237,0.11665,0.03399,0.06275,0.01875,-0.02113,0.01147,-0.05639,0.015,0.0435,0.00947,-0.04538,0.01065,0.00782,-0.00721,-0.02585,-0.01651,0.02989,-0.04462,-0.14981,-0.01173,-0.0923,-0.02822,-0.03064,0.00987,-0.03664,0.00666,-0.10131,-0.01497,0.04228,-0.13169,-0.02901,-0.02439,-0.01158,0.10623,-0.02779,-0.06699,0.00789,0.06155,-0.05706,0.04993,-0.02143,-0.02489,0.0079,-0.0711,-0.00284,-0.04088,0.0669,0.00386,-0.00261,0.00604,0.05877,0.08565,0.13637,0.08065,0.02738,-0.02076,0.03901,0.04202,-0.01104,0.0324,-0.01586,-0.0006,0.01805,0.00426,0.03775,-0.03996,-0.03049,-0.01333,0.00308,-0.02796,-0.06206,0.10342,0.08004,-0.00134,0.07103,-0.04324,-0.04762,0.06933,0.11324,-0.04182,-0.01668,0.02492,0.11737,-0.0287,-0.03524,-0.09936,0.04012,0.01745,-0.00047,0.02399,-0.04241,-0.05139,0.00522,-0.03113,-0.00969,-0.01214,0.00748,-0.02144,0.01052,0.03105,0.04055,-0.01528,-0.01161,-0.08641,0.07254,-0.0001,-0.02587,0.05095,-0.03059,-0.03059,-0.03867,-0.04823,-0.00545,-0.01759,-0.02829,0.1512,-0.03158,-0.02021,0.04372,0.0314,-0.02659,0.03041,-0.04027,-0.05677,0,-0.01318,0.00915,-0.06169,0.0335,0.04775,-0.02649,0.01658,-0.02211,-0.06567,0.03279,0.00615,0.04503,-0.07117,0.01904,0.00571,-0.11412,-0.0094,-0.00254,-0.04701,-0.0114,-0.02403,0.00946,-0.0043,-0.07452,0.10277,0.02833,-0.06207,0.10192,-0.01758,0.01323,-0.02727,0.01977,0.06417,0.04172,-0.05012,-0.05046,-0.03512,-0.07278,-0.08242,0.04987,-0.01589,-0.00629,-0.0545,0.05652,0.02844,0.0262,0.03439,-0.0467,0.04195,-0.03606,-0.03382,0.0187,0.06089,-0.0638,0.02659,-0.09273,-0.09273,0.07999,0.00405,0.03257,0.01749,0.02062,-0.09009,-0.03771,0.01348,0.11624,-0.03591,0.00843,0.0071,-0.081,-0.0421,0.0941,-0.04732,0.00161,-0.0106,-0.04877,-0.07614,0.02177,0.10221,-0.05348,-0.03792,-0.01016,0.01079,0.0729,0.05582,-0.09906,-0.00533,-0.02705,-0.05275,0.01805,0.02143,0.12925,0.08523,0.01849,0.08414,0,0.02267,-0.00437,0.03388,0.03385,-0.03932,0.0287,-0.00879,-0.01724,0.03919,-0.00043,0.02427,0.077,0.00951,-0.09461,-0.08479,0.03903,-0.0783,-0.03075,-0.04985,0.04377,0.04883,-0.03338,0.04775,-0.03612,-0.01083,-0.01468,0.02768,-0.03874,-0.02071,0.00785,0.04173,-0.02438,-0.0583,-0.00919,-0.03298,-0.02622,-0.07073,0.10238,0.04296,-0.04653,-0.00377,0.02109,-0.07256,0.0028,-0.03056,0.04714,-0.11865,-0.08064,-0.08274,0.0421,-0.09023,-0.02032,-0.03814,0.02987,-0.03749,0.0456,0.07124,0.05042,0.013,0.057,0.09959,-0.05504,-0.00009,0.01338,0.08143,-0.00147,0.01713,0.00375,0.07139,0.04691,0.08176,0.037,-0.00711,-0.01735,0.03207,-0.00535,0.06286,-0.09283,0.01402,0.06973,-0.03451,0.06408,-0.05359,-0.03619,0.01388,0.03154,0.05758,0.06081,0.0781,0.01277,-0.05894,0.04647,0.04683,-0.02621,-0.10504,0,-0.04903,0.00045,-0.05143,-0.04833,-0.01836,0.00733,-0.02834,-0.04156,-0.01301,0.04689,-0.05289,0.02703,-0.04212,0.0399,0.03074,-0.0131,0.02362,0.02096,-0.04237,0.02649,-0.01701,0.01969,0.01194,0.15256,-0.02046,-0.06346,-0.01213,0.08601,0.02742,0.04204,-0.05827,-0.02081,-0.06341,0.0405,-0.08009,0.05094,-0.04801,0.01564,-0.04022,0.03081,0.06562,-0.06229,-0.06519,-0.01085,0.04619,0.00954,0.00808,-0.01685,-0.09148,0.0795,-0.00544,-0.03886,-0.04992,-0.01949,0.03996,-0.01139,-0.00369,0.10116,0.04751,-0.02226,-0.04997,0.08616,0.08522,-0.00331],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. How it works - The connector registers itself in the internal store together with its parent node. - During drag-to-connect and reassignment, the library evaluates connectability rules such as fConnectorDisabled, fConnectorMultiple, fConnectorCategory, fCanBeConnectedTo, and fConnectorConnectableSide. - The directive toggles CSS state classes (connected / connectable / not-connectable) so you can provide clear UX feedback with CSS. - An outlet connector delegates to the source connectors of the same node: it is connectable only while at least one of them is. f Connector Disabled f Connector Multiple f Connector Category f Can Be Connected To f Connector Connectable Side","excerpt":"How it works - The connector registers itself in the internal store together with its parent node. - During drag-to-connect and reassignment, the library evaluates connectability rules such as fConnectorDisabled, fConnectorMultiple, fConnectorCategory, fCanBeConnectedTo, and fConnectorConnectableSide. - The directive toggles CSS state classes (connected / connectable / not-connectable) so you can provide clear UX feedback with CSS. - An outlet connector delegates to the source connectors of the same node: it is connectable only while at least one of them is."},{"chunkId":"/docs/f-connector-directive#7","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.01765,-0.07602,-0.11836,0.03325,0.00707,0.03347,-0.00395,0.02668,-0.00483,-0.04764,0.04502,-0.01951,0.02284,-0.02712,0.0783,0.04631,-0.00091,-0.03204,0.0278,0.02834,-0.05789,-0.08762,-0.03025,-0.06846,-0.01608,-0.10656,0.0312,-0.01694,-0.05917,-0.0519,-0.01029,0.06524,-0.12822,0.0038,0.01505,-0.00541,0.09283,-0.00494,-0.01564,0.04579,0.04034,-0.06504,0.03204,-0.02119,-0.03896,-0.0074,-0.03315,-0.0138,-0.03804,0.02026,-0.02736,0.00574,-0.05342,0.06608,0.11549,0.08486,0.0587,0.04426,-0.05307,0.03348,0.04266,0.00177,-0.0361,0.00419,-0.02599,-0.03851,0.00233,0.04204,-0.00674,-0.06699,-0.09393,-0.01135,-0.02979,-0.08912,0.10049,0.06092,-0.00731,0.03774,0.03721,-0.11,0.06089,0.11859,-0.04111,-0.03093,0.02755,0.09037,0.01864,-0.01817,-0.01681,0.02806,0.01465,-0.0557,0.04112,-0.00956,-0.03072,0.02675,-0.00687,-0.02689,-0.01836,0.00727,-0.02514,-0.01731,-0.03302,0.0408,-0.00182,-0.02217,-0.06936,0.06118,0.05941,-0.03828,0.02381,-0.0175,-0.00819,-0.08487,-0.04551,0.05872,-0.04682,0.00672,0.13693,-0.03395,-0.04187,0.0021,0.03692,0.02205,-0.02527,-0.03351,-0.03938,0,-0.02515,0.02584,-0.05799,0.03534,0.04206,-0.01982,0.01789,0.00765,-0.03042,0.02406,-0.05469,0.06092,-0.05901,0.01603,-0.02201,-0.08519,-0.04106,0.07117,-0.00029,0.01398,0.00344,-0.00823,0.01085,-0.03309,0.11894,0.05123,-0.07215,0.04966,0.00581,0.04024,0.00289,0.01851,0.07228,0.01886,-0.01738,-0.05094,-0.08094,-0.09356,-0.14261,0.02749,-0.02354,-0.01935,-0.07867,-0.00235,0.01514,-0.01989,-0.01313,-0.00085,0.09687,-0.00006,-0.04706,-0.00946,0.05222,-0.04354,0.06069,-0.05947,-0.09732,0.06376,0.01642,0.05272,-0.05144,0.00748,-0.07464,-0.00833,0.02134,0.08905,-0.00327,-0.06966,0.02758,-0.02232,-0.03434,0.073,-0.0734,0.01826,-0.04211,-0.0317,-0.05339,0.06577,0.05202,-0.02397,-0.06773,-0.00387,-0.03109,0.08788,0.06202,-0.03106,-0.04896,-0.03498,-0.06111,-0.00801,-0.00657,0.1016,0.05854,0.03097,0.08375,0,0.00529,-0.01959,0.0033,-0.01095,-0.02225,0.03074,0.00647,-0.0632,0.05894,0.04716,-0.02116,0.02491,0.0507,-0.07967,-0.04622,-0.01564,-0.06671,-0.07802,-0.052,0.08221,0.01512,-0.03688,0.05575,-0.0519,0.01369,-0.00817,0.02997,-0.01352,-0.04311,-0.00095,0.05096,-0.00538,-0.08498,0.00139,-0.08537,0.02528,0.01433,0.09538,-0.01964,-0.06949,0.06145,0.0383,-0.05232,0.03439,-0.05641,0.02246,-0.05921,-0.06048,-0.04464,0.02799,-0.07236,-0.07482,-0.00816,0.00823,-0.06218,0.06738,0.11583,0.05719,0.01719,0.03822,0.11776,-0.08345,0.04533,0.03349,0.05249,0.01069,0.02858,0.09736,0.01354,0.06108,0.09715,0.01155,0.00815,0.03707,-0.04539,0.00212,-0.00206,-0.08639,-0.0137,0.10548,-0.03701,0.03873,-0.05107,0.01367,0.05537,0.01445,0.0865,0.05069,0.11214,0.00569,-0.06283,0.06018,0.03583,0.02356,-0.10043,0,-0.04841,0.04607,-0.09266,-0.03066,0.01318,0.00995,-0.0079,-0.05449,0.00315,0.0489,-0.03043,0.03681,-0.02431,0.04893,0.07149,-0.05103,0.01542,-0.00651,-0.06136,0.0275,-0.01184,0.02645,-0.00035,0.05195,0.05502,-0.05475,0.04254,0.11479,0.03058,0.01315,-0.0383,0.0229,-0.07643,0.00439,-0.09834,0.11998,-0.00652,-0.02114,-0.07121,0.01982,0.05533,-0.08803,-0.03793,-0.02073,0.03557,0.0459,-0.03488,-0.02563,-0.01414,0.04963,-0.0449,-0.01092,-0.01044,0.00806,0.05875,0.00931,-0.03854,0.05143,0.05506,-0.02247,-0.04408,0.11621,0.10367,-0.02198],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. API","excerpt":"API"},{"chunkId":"/docs/f-connector-directive#8","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.04527,-0.04219,-0.10953,0.07802,-0.01487,0.10221,-0.02274,-0.00291,0.01825,-0.02306,0.03738,-0.01051,0.01134,0.02722,0.03414,0.05305,-0.01022,-0.06683,0.0115,-0.02513,-0.04652,-0.11765,-0.02058,-0.05758,-0.02002,-0.0616,0.01715,0.00703,0.00338,-0.04555,0.0226,0.03793,-0.13405,-0.03467,0.0005,0.0011,0.08003,-0.01345,-0.01697,0.02105,0.07712,-0.10167,0.02039,-0.0529,0.0236,-0.02147,-0.06312,-0.00765,-0.01303,0.06538,0.00943,0.04012,-0.02119,0.04519,0.10853,0.11202,0.02489,0.0335,-0.01427,0.03364,0.02652,-0.00966,0.0062,-0.02986,-0.03966,0.0298,-0.00546,0.01656,-0.01546,0.00659,0.00989,-0.00293,-0.03327,-0.14129,0.10205,0.05508,-0.00513,0.01562,-0.0149,-0.07767,0.0672,0.09365,-0.05242,-0.03389,0.03151,0.0942,-0.03042,-0.05367,-0.02555,0.04148,-0.04466,-0.01661,0.02646,-0.00911,0.00858,0.05579,-0.01727,0.03039,-0.04993,0.0044,-0.03291,-0.01624,0.0014,0.07928,0.01371,-0.01384,-0.09557,0.06306,-0.02273,-0.0445,0.02806,0.01756,0.03116,0.01954,-0.02522,0.05466,-0.02345,-0.01292,0.09473,0.00303,-0.01416,0.03464,-0.02646,0.01303,-0.04826,-0.0246,-0.01083,0,0.01456,0.01806,-0.05686,-0.00359,-0.00527,0.00801,-0.02472,-0.02449,-0.03912,0.05987,-0.08806,0.04291,-0.04614,0.03393,-0.01929,-0.07222,0.00706,0.02367,0.00847,-0.07753,-0.00119,0.00916,-0.04455,-0.04311,0.10734,0.07191,-0.08132,0.08198,0.00667,0.00108,0.01548,0.02132,0.08089,0.03503,-0.03697,-0.03941,-0.04806,-0.03347,-0.16005,-0.00706,0.04741,-0.01183,-0.08167,0.04765,0.01572,-0.0087,0.00057,-0.05753,0.05209,-0.05916,-0.08693,0.04823,0.02561,-0.05104,0.0504,-0.12872,-0.08718,0.07976,-0.02403,0.00966,-0.03092,0.0194,-0.06404,0.01097,0.00559,0.12777,-0.02792,-0.06157,0.0115,-0.06433,-0.05688,0.11455,-0.05279,-0.01735,0.02886,-0.07079,-0.05799,-0.01787,0.04109,-0.02452,-0.0399,-0.08346,-0.05407,0.13765,0.07075,-0.08704,-0.04528,-0.05859,0.00653,-0.02297,0.02033,0.04878,0.082,0.00861,0.06089,0,-0.0012,0.02051,0.04524,-0.00079,-0.01588,-0.00706,0.03975,-0.02087,0.02704,0.00813,0.00943,-0.00577,0.04325,-0.09611,-0.0529,0.03164,-0.10734,-0.04194,-0.02461,0.05127,-0.00583,-0.00785,0.01835,-0.00311,0.04384,0.01547,0.02324,-0.05961,-0.02127,-0.00166,0.02446,-0.03248,-0.10322,0.00329,-0.04765,0.01679,0.01238,0.05823,-0.02795,0.01688,0.00541,0.07085,-0.08591,0.07738,-0.02919,0.04534,-0.07236,-0.02096,-0.07385,0.03036,-0.08934,-0.03043,-0.00441,-0.01231,-0.05497,0.00601,0.12031,0.07558,-0.00506,0.02621,0.07213,-0.12701,0.00157,0.01648,0.07723,-0.03308,0.01205,0.05634,0.08943,0.06544,0.15319,0.03139,0.02437,0.02343,0.05477,-0.02107,-0.02049,-0.04893,0.02208,0.08715,-0.01401,0.05177,0.00444,0.01231,0.03352,0.04125,0.05936,0.0734,0.08915,0.04579,-0.01946,0.04625,0.00019,0.02536,-0.06909,0,-0.05998,0.02899,-0.0929,-0.06662,0.02281,0.00497,0.01897,-0.05589,-0.01463,0.04171,-0.02727,0.07359,-0.0414,-0.02438,0.02863,-0.05985,0.01704,0.00458,-0.0187,0.02658,-0.00901,0.01218,-0.05503,0.07089,0.015,-0.12996,0.03531,0.08515,-0.02449,0.08073,-0.03854,-0.00098,-0.00416,0.05149,-0.09097,0.07625,0.02288,0.02628,-0.07269,0.01685,0.03352,-0.03385,-0.08195,-0.04531,0.00795,0.03727,0.02092,-0.00765,0.01237,0.0552,-0.05249,-0.03884,-0.01419,-0.05652,0.04023,-0.03145,-0.0215,0.08114,0.04044,-0.0651,-0.0183,0.07247,0.05156,-0.06558],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Inputs - fConnectorId: InputSignal<string; Connector identifier. Default: f-connector-${uniqueId++}. Use a stable id if you store graph state and want connections to survive rerenders. - fConnectorType: InputSignal<FConnectorType; Default: 'source-target'. Controls the connector role (see “Connector types” above). - fConnectorDisabled: InputSignal<boolean; Default: false. When true, the connector is not connectable. f Connector Id Input Signal unique Id f Connector Type F Connector Type f Connector Disabled","excerpt":"Inputs - fConnectorId: InputSignal<string; Connector identifier. Default: f-connector-${uniqueId++}. Use a stable id if you store graph state and want connections to survive rerenders. - fConnectorType: InputSignal<FConnectorType; Default: 'source-target'. Controls the connector role (see “Connector types” above). - fConnectorDisabled: InputSignal<boolean; Default: false. When true, the connector is not connectable."},{"chunkId":"/docs/f-connector-directive#9","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.0203,-0.05685,-0.09699,0.05186,-0.00858,0.05331,-0.01375,0.05544,0.00384,-0.03097,0.04109,-0.03395,-0.00786,-0.02346,0.01164,0.03246,-0.00832,-0.09667,0.04354,0.00855,-0.09176,-0.11507,0.01259,-0.0698,-0.0654,-0.09302,0.03033,-0.01205,-0.05276,-0.07756,-0.00276,0.04887,-0.10299,-0.01306,0.00775,-0.06509,0.04275,-0.02128,-0.04054,-0.01906,0.01773,-0.1028,0.03224,-0.03822,0.00134,-0.02729,-0.08124,-0.02556,0.0452,0.06229,0.03305,0.03058,-0.05761,0.06966,0.07582,0.14151,0.03445,0.0167,-0.04364,0.02546,0.05982,-0.01681,-0.00124,-0.00066,-0.05935,-0.00353,0.01541,-0.00502,0.02001,0.01483,-0.07473,0.01143,-0.01153,-0.10303,0.11344,0.04348,-0.02744,0.03869,0.00276,-0.057,0.04576,0.12734,-0.02264,-0.00032,0.02642,0.08985,-0.01575,-0.03174,-0.04951,0.01695,0.06486,-0.02518,0.00037,-0.00979,0.00257,0.02581,-0.02729,-0.02069,-0.04077,-0.0055,-0.02066,-0.02536,0.00278,0.04704,0.06329,-0.00506,-0.03506,-0.00259,0.02027,-0.04749,0.01814,-0.05315,0.01901,-0.04526,-0.05755,0.08067,-0.01663,0.01342,0.07689,-0.00213,-0.04744,0.01474,0.03937,-0.02345,-0.00138,-0.02155,-0.05401,0,-0.00571,0.00577,-0.05357,0.0231,0.00642,-0.00093,0.01129,0.07109,-0.03485,0.07825,-0.07366,0.02974,-0.05071,-0.02074,-0.0422,-0.07513,-0.06093,0.00296,-0.04463,-0.01179,0.01286,-0.04855,-0.02084,-0.06395,0.08071,0.06094,-0.0587,0.08311,-0.00861,0.02245,-0.03501,-0.00667,0.04272,0.02916,-0.0261,-0.05392,-0.05944,-0.03703,-0.11182,0.07876,-0.05055,-0.0337,-0.05621,0.01699,0.0441,-0.00701,0.03678,-0.00846,0.11517,0.00434,-0.05018,-0.03101,0.0264,0.02081,0.00293,-0.06523,-0.12605,0.08005,-0.02749,0.06501,-0.05711,-0.02396,-0.09574,-0.01814,-0.00739,0.15409,-0.01841,-0.07787,0.01255,-0.02378,-0.03717,0.03176,-0.02648,0.00333,-0.01904,-0.00061,-0.06618,0.03893,0.0338,-0.04292,-0.01652,0.01171,-0.0136,0.11632,0.0627,-0.09662,-0.03317,-0.05262,-0.01859,0.03607,0.01176,0.12532,0.09804,0.04209,0.04419,0,0.00292,-0.00163,-0.03068,-0.00315,-0.02508,0.05095,0.04652,-0.02,0.05627,0.00458,0.03694,0.07274,0.04812,-0.09534,-0.08931,-0.0009,-0.09384,-0.06093,-0.03359,0.09016,0.01447,-0.01931,0.02858,-0.0549,0.00599,0.02423,0.07039,-0.04991,-0.0397,0.0223,0.03824,0.02833,-0.03483,0.02084,-0.02355,0.02449,0.01426,0.0602,0.0078,-0.02376,0.05415,0.05808,-0.04005,0.00318,-0.01412,0.04883,-0.08261,-0.03894,-0.08235,0.0458,-0.0787,-0.06491,-0.0426,0.03746,-0.03291,0.07961,0.1134,0.01416,0.00507,0.09952,0.11274,-0.04131,0.03554,0.04704,0.06,-0.01386,0.03974,0.071,0.0509,0.06213,0.04284,0.00352,0.00158,0.03092,0.0074,0.04009,0.01041,-0.14641,0.04643,0.05574,-0.00857,0.0125,-0.00489,0,-0.03741,0.03222,0.06379,0.0563,0.10156,0.06737,-0.01255,0.02697,0.02145,0.02259,-0.08897,0,-0.02227,0.00099,-0.05421,-0.03793,-0.03746,-0.0328,0.01703,-0.03408,-0.03588,0.00298,-0.07968,0.07698,-0.08928,0.06828,0.06869,-0.00731,0.00875,0.01526,-0.03707,0.00095,-0.01427,-0.00479,-0.0029,0.04579,0.04407,-0.06322,0.02268,0.12544,-0.01782,0.01836,-0.059,-0.03239,-0.05647,0.04212,-0.09375,0.1387,0.00241,-0.02989,-0.06409,0.02792,0.04574,-0.04897,-0.04266,-0.10062,0.01753,0.03001,0.01779,0.00197,-0.00139,0.06482,-0.03961,-0.01241,0.00305,-0.04632,0.03471,0.0141,-0.0365,0.04699,0.06357,-0.05179,-0.04154,0.10233,0.07117,-0.02817],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. - fConnectorMultiple: InputSignal<boolean; Default: true. When false, only one active connection can be attached to this connector. - fConnectorCategory: InputSignal<string undefined; Optional category used for connection validation rules (for example, “data”, “error”, “trigger”). Categories are just strings — keep them consistent across your app. - fConnectorConnectableSide: EFConnectableSide; Default: AUTO. Controls the preferred docking side for routing/hit-testing (left/right/top/bottom/auto). Use a fixed side when you have explicit port placement. f Connector Multiple Input Signal f Connector Category f Connector Connectable Side EF Connectable Side","excerpt":"- fConnectorMultiple: InputSignal<boolean; Default: true. When false, only one active connection can be attached to this connector. - fConnectorCategory: InputSignal<string undefined; Optional category used for connection validation rules (for example, “data”, “error”, “trigger”). Categories are just strings — keep them consistent across your app. - fConnectorConnectableSide: EFConnectableSide; Default: AUTO. Controls the preferred docking side for routing/hit-testing (left/right/top/bottom/auto). Use a fixed side when you have explicit port placement."},{"chunkId":"/docs/f-connector-directive#10","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00932,-0.08974,-0.11947,0.03664,0.01747,0.04732,-0.02122,-0.0111,0.01957,-0.06652,0.03353,0.00278,0.00461,-0.0249,0.0224,0.03254,-0.00587,-0.04999,0.03045,0.01419,-0.05557,-0.09905,-0.02359,-0.06386,-0.04015,-0.11151,0.02868,-0.02319,-0.03715,-0.03635,-0.00885,0.09046,-0.09682,-0.00793,-0.00762,-0.02329,0.07658,-0.01838,-0.03692,0.00624,0.04775,-0.0902,0.04451,-0.0536,-0.03336,-0.01573,-0.07191,-0.04113,-0.01768,0.02975,-0.02054,0.02325,-0.02823,0.06968,0.11276,0.08879,0.01615,0.01886,-0.03402,0.03683,0.01623,0.00515,-0.00886,-0.01965,-0.04515,-0.01578,-0.00757,0.01731,-0.00861,-0.03347,-0.03053,0.01278,-0.02753,-0.10194,0.08443,0.08729,-0.00579,0.03212,0.02178,-0.10716,0.05374,0.11721,-0.02684,-0.05041,0.01145,0.10359,-0.02589,-0.02614,-0.05367,0.0652,0.01378,-0.03167,0.02723,-0.00117,-0.01758,0.01778,0.0021,-0.01752,-0.01016,-0.00872,-0.03474,-0.006,-0.01106,0.03523,0.00621,-0.02592,-0.05402,0.03941,0.06584,-0.05357,0.05034,-0.04624,0.01985,-0.04786,-0.07326,0.05186,-0.0058,0.0083,0.10384,-0.00006,-0.0583,0.01139,0.00299,-0.00135,-0.02018,-0.03944,-0.07344,0,0.00554,0.0234,-0.03308,-0.01801,0.02368,-0.02471,-0.01808,-0.00701,-0.02649,0.03169,-0.08217,0.03047,-0.06772,0.01103,-0.03083,-0.06078,-0.0311,0.02522,-0.00626,-0.00016,0.02196,-0.0201,-0.00856,-0.04701,0.09636,0.04961,-0.0799,0.05829,0.01739,0.03197,-0.01644,0.01436,0.06884,0.03641,-0.02305,-0.04309,-0.04707,-0.07236,-0.15533,0.03622,-0.0078,-0.02336,-0.08,0.03026,0.04811,-0.01142,0.00743,0.00181,0.08951,0.00906,-0.05127,0.00056,0.05541,-0.04791,0.04293,-0.0696,-0.10396,0.07337,0.00596,0.05483,-0.02287,-0.00773,-0.06031,-0.00981,0.0352,0.14624,-0.01307,-0.06918,0.01517,-0.02062,-0.04376,0.07943,-0.10326,0.00271,-0.02272,-0.03883,-0.05754,0.01226,0.07301,-0.00841,-0.02993,-0.00138,-0.03092,0.08216,0.05437,-0.02112,-0.06516,-0.04128,-0.01503,-0.00676,0.03702,0.09073,0.0574,0.03173,0.07976,0,-0.00564,0.0112,0.00237,-0.00303,-0.02338,0.01172,-0.00169,-0.04335,0.05604,0.01023,0.03213,0.02999,0.04407,-0.11921,-0.0684,-0.01138,-0.05456,-0.03196,-0.06877,0.07958,0.00614,-0.01921,0.06247,-0.03475,0.02862,0.00905,0.03682,-0.03196,-0.03107,-0.01637,0.05615,0.01674,-0.08627,-0.00871,-0.06111,-0.0009,-0.00198,0.0779,-0.00604,-0.05158,0.0349,0.0683,-0.05168,0.04518,-0.04055,0.02688,-0.05842,-0.05558,-0.0186,0.03883,-0.07006,-0.05965,-0.00674,0.02942,-0.04459,0.06028,0.1205,0.06862,0.00886,0.02948,0.09602,-0.11033,0.05849,0.0549,0.08922,0.00296,0.04084,0.09751,0.05732,0.05257,0.11549,0.01843,0.00433,0.05807,-0.03316,0.01417,-0.01469,-0.09058,-0.00166,0.09229,-0.02442,0.05287,-0.02347,0.00374,0.04581,0.02362,0.09453,0.0533,0.09665,0.04125,-0.0365,0.05229,0.03167,-0.00164,-0.12331,0,-0.03553,0.00484,-0.13539,-0.04885,0.0156,0.00957,-0.01246,-0.05566,-0.00922,0.04146,-0.05781,0.05775,-0.03068,0.02757,0.09466,-0.04952,0.03521,-0.0283,-0.03926,0.01899,-0.02378,-0.01829,-0.051,0.08674,0.0238,-0.08203,0.01486,0.11974,0.00807,0.02043,-0.04928,0.0074,-0.07693,0.04203,-0.1222,0.1176,-0.01502,-0.0011,-0.08843,0.00156,0.05171,-0.0635,-0.03964,-0.04168,-0.00453,0.02882,0.02176,0.00265,-0.03058,0.08341,-0.01827,-0.01337,0.00343,-0.04098,0.04785,-0.00144,-0.02192,0.0765,0.05202,-0.04081,-0.03034,0.07893,0.11889,-0.03855],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. - fConnectorSelfConnectable: boolean; Default: true. Allows connecting to target connectors on the same node. Applies when the connector can act as a source. - fCanBeConnectedTo: InputSignal<string[]; Default: [] (no restriction). Allow-list of target connector ids or categories this connector may connect to. Applies when the connector can act as a source. Replaces the legacy fCanBeConnectedInputs — see Connection Rules. f Connector Self Connectable f Can Be Connected To Input Signal f Can Be Connected Inputs","excerpt":"- fConnectorSelfConnectable: boolean; Default: true. Allows connecting to target connectors on the same node. Applies when the connector can act as a source. - fCanBeConnectedTo: InputSignal<string[]; Default: [] (no restriction). Allow-list of target connector ids or categories this connector may connect to. Applies when the connector can act as a source. Replaces the legacy fCanBeConnectedInputs — see Connection Rules."},{"chunkId":"/docs/f-connector-directive#11","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.02298,-0.08388,-0.10675,0.06344,0.00696,0.07032,0.00171,-0.00427,0.03967,-0.07286,0.0468,-0.02597,0.0102,-0.04018,-0.00314,0.02474,0.01644,-0.02566,0.0368,0.01709,-0.05644,-0.08949,-0.02199,-0.0614,0.01271,-0.10207,0.05843,-0.0183,0.00153,-0.05029,0.01069,0.06654,-0.11084,-0.03012,0.02133,-0.01651,0.09236,0.01149,-0.01068,0.04539,0.04194,-0.08755,0.03023,-0.0238,-0.02306,-0.00188,-0.03547,-0.00813,-0.03874,0.01736,-0.01091,0.02792,-0.04642,0.05435,0.12138,0.09586,0.0439,0.03543,-0.03717,0.04404,0.01621,0.01256,-0.02152,-0.00364,-0.03561,0.00399,0.008,0.02049,-0.00316,-0.0826,-0.07427,0.00613,-0.02701,-0.11451,0.10637,0.05922,-0.00796,0.02739,0.02522,-0.09337,0.08595,0.12255,-0.01488,-0.04352,0.04628,0.06771,0.0046,-0.01794,-0.02953,0.05857,-0.00619,-0.0358,0.01775,-0.00943,-0.004,0.04587,-0.01463,-0.01686,0.00561,-0.01086,-0.03828,-0.00319,-0.03166,0.06829,0.02701,-0.03531,-0.06295,0.06128,0.05101,-0.03652,0.05723,-0.05169,0.00726,-0.08225,-0.01956,0.06097,-0.02455,0.01612,0.10499,-0.05121,-0.03017,0.03305,0.00498,0.00588,-0.03333,-0.0268,-0.02289,0,-0.01096,0.03423,-0.07442,0.00988,0.02153,-0.02881,-0.00043,0.02241,-0.00854,0.03748,-0.06366,0.04854,-0.06227,-0.00141,-0.06235,-0.0625,-0.05578,0.07685,-0.02091,-0.00342,-0.02054,-0.02291,0.00756,-0.04505,0.09205,0.04276,-0.07977,0.06465,-0.00739,0.01509,0.00068,0.01555,0.06972,0.00747,-0.04499,-0.0487,-0.08119,-0.072,-0.12289,0.06089,-0.01745,-0.0134,-0.09847,0.00033,0.03775,-0.0503,-0.00829,-0.00933,0.1151,-0.00406,-0.03778,0.00174,0.05835,-0.04532,0.04079,-0.05987,-0.0942,0.08416,0.00969,0.03469,-0.05965,0.01129,-0.06572,-0.00159,0.00795,0.10745,-0.01326,-0.08609,0.00994,-0.0142,-0.03223,0.0593,-0.07592,-0.02685,-0.004,-0.03486,-0.05301,0.05926,0.03976,-0.01256,-0.04578,0.00776,-0.01269,0.0762,0.05852,-0.01907,-0.06852,-0.02604,-0.03368,-0.017,0.03056,0.0972,0.0444,0.03332,0.09062,0,-0.01373,0.00575,-0.03331,-0.02962,-0.04326,0.01141,-0.0116,-0.03409,0.04789,0.02826,0.04388,0.0089,0.01119,-0.0879,-0.06046,-0.01427,-0.04216,-0.05983,-0.06806,0.09007,0.02571,-0.0414,0.05618,-0.0617,0.01069,0.00511,0.05394,0.00098,-0.03161,-0.01232,0.0454,0.01401,-0.09595,-0.00345,-0.07688,0.01893,0.01865,0.06956,-0.0251,-0.03236,0.05654,0.07425,-0.05151,0.06612,-0.04777,0.0341,-0.03594,-0.07005,-0.01671,0.0242,-0.07631,-0.04049,-0.00969,0.00588,-0.07115,0.04961,0.10192,0.06686,0.03368,0.0414,0.10368,-0.08679,0.03103,0.02165,0.07622,0.01763,0.01837,0.12731,0.04884,0.05728,0.11154,0.02485,-0.01526,0.02444,-0.0461,0.02427,0.01076,-0.09775,-0.00487,0.10105,-0.01041,0.03806,-0.03285,-0.01233,0.03969,0.01365,0.06021,0.04521,0.10529,0.04081,-0.06157,0.04694,0.01943,0.01135,-0.09566,0,-0.05505,0.04764,-0.08055,-0.04865,0.04823,0.00434,-0.00815,-0.0535,-0.03367,0.01097,-0.05149,0.03644,0.00184,0.03769,0.09238,-0.0496,0.02001,-0.02029,-0.05212,0.0151,-0.00081,0.01184,-0.02775,0.02861,0.0438,-0.08691,0.05798,0.10698,0.01128,0.00621,-0.05718,0.02484,-0.07278,-0.00817,-0.10003,0.13175,0.03242,-0.03183,-0.09011,0.00438,0.02277,-0.08379,-0.03832,-0.04219,-0.02629,0.05571,-0.0042,-0.0431,0.00237,0.07515,-0.04468,-0.03361,-0.00622,-0.03548,0.04354,-0.01808,-0.02309,0.06728,0.07291,-0.04654,-0.03879,0.11818,0.11954,-0.03166],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. - fConnectionFromOutlet: InputSignal<boolean; Default: false. Outlet only: when true, the connection preview starts visually from the outlet rect. The emitted FCreateConnectionEvent.sourceId is always the resolved real source connector id. f Connection From Outlet Input Signal F Create Connection Event source Id","excerpt":"- fConnectionFromOutlet: InputSignal<boolean; Default: false. Outlet only: when true, the connection preview starts visually from the outlet rect. The emitted FCreateConnectionEvent.sourceId is always the resolved real source connector id."},{"chunkId":"/docs/f-connector-directive#12","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00444,-0.07203,-0.08247,0.04739,0.03486,0.07301,0.01378,0.04122,-0.03476,-0.04776,0.06005,-0.02369,-0.00785,-0.05421,0.04184,0.02,0.00388,-0.04725,0.03757,0.04842,-0.07345,-0.08815,-0.02595,-0.04889,-0.02868,-0.08634,0.01794,-0.01302,-0.04891,-0.06415,-0.02268,0.06006,-0.1296,-0.00739,0.00163,-0.01213,0.06782,0.02226,-0.01831,0.01947,0.03261,-0.0698,0.04624,-0.02312,-0.00824,-0.00509,-0.0561,-0.02906,-0.03075,-0.00633,0.02322,0.02714,-0.06047,0.06985,0.12468,0.08747,0.06635,0.03705,-0.04278,0.04251,0.04223,0.01669,-0.03881,-0.02924,-0.02726,-0.01548,0.01189,0.01033,-0.0071,-0.04365,-0.08586,-0.02065,-0.02481,-0.0758,0.12598,0.06182,-0.00487,0.05269,0.02288,-0.09338,0.02977,0.11039,-0.02709,-0.04492,0.0353,0.08069,0.00764,-0.02864,-0.01691,0.05215,0.01603,-0.06111,0.05405,-0.00514,-0.00819,0.00355,-0.0173,0.01021,-0.01477,-0.00197,-0.0141,0.01132,-0.00694,0.03514,-0.00584,-0.00735,-0.03441,0.06257,0.04741,-0.07199,0.01696,-0.05103,-0.02184,-0.12127,-0.04957,0.0153,-0.05833,-0.01661,0.11675,-0.0505,-0.02273,0.00929,0.05166,-0.01,-0.02714,-0.04707,-0.04703,0,-0.01337,0.0304,-0.08488,0.02428,0.03969,0.01012,0.0198,0.03033,-0.01943,0.04819,-0.04307,0.06198,-0.08043,0.04593,-0.01915,-0.08301,-0.03623,0.04417,-0.03235,-0.0068,0.01992,0.01895,0.00918,-0.05729,0.10331,0.02712,-0.06024,0.04905,0.01273,0.0335,0.00039,0.01168,0.07587,0.01834,-0.01301,-0.06344,-0.08701,-0.08985,-0.09291,0.022,-0.01064,-0.00281,-0.05131,-0.00875,0.04467,-0.02459,0.02004,0.00784,0.10458,-0.00776,-0.03155,-0.01158,0.0429,-0.01554,0.04449,-0.04444,-0.08918,0.12181,0.02433,0.04249,-0.03822,0.03772,-0.05956,-0.03406,0.01112,0.10255,-0.01767,-0.09431,-0.00544,-0.0416,-0.02769,0.04559,-0.0673,0.02058,-0.02788,-0.04236,-0.07268,0.06491,0.04968,-0.02806,-0.08807,0.00366,-0.03504,0.08657,0.04215,-0.04219,-0.05951,-0.02948,-0.02384,-0.02228,-0.00127,0.10001,0.05473,0.04584,0.09711,0,0.00385,0.00157,-0.01687,-0.01955,-0.0177,0.06338,-0.01146,-0.05217,0.05866,0.04353,0.00286,0.02154,0.04247,-0.09189,-0.07261,-0.03189,-0.07997,-0.06569,-0.0605,0.09041,0.01394,-0.05617,0.06317,-0.03538,0.01801,0.00862,0.05258,0.00091,-0.0338,-0.00796,0.02136,0.01937,-0.07821,-0.00522,-0.09775,0.0104,-0.00094,0.06195,-0.04029,-0.07017,0.0478,0.0629,-0.02086,0.03406,-0.05446,0.03786,-0.06404,-0.05107,-0.0121,0.05454,-0.07466,-0.06929,-0.03623,0.02526,-0.06929,0.0705,0.12188,0.04495,0.00974,0.04729,0.12193,-0.07242,0.06728,0.02677,0.07198,-0.00655,0.01706,0.08156,0.02486,0.05763,0.08678,0.00482,0.0016,0.01187,-0.02977,0.02891,0.02252,-0.07919,0.00705,0.09361,-0.00296,0.02589,-0.05084,0.01439,0.02691,-0.00586,0.03736,0.03148,0.08547,0.02407,-0.03576,0.03266,0.04759,0.0582,-0.10067,0,-0.03376,0.03047,-0.07214,-0.05767,0.00774,-0.02557,0.00846,-0.06487,-0.01153,0.03745,-0.03028,0.02638,-0.01843,0.04364,0.10468,-0.07063,0.00895,0.01543,-0.07231,0.03193,-0.01085,-0.02135,0.00364,0.05673,0.04774,-0.05933,0.04251,0.11761,0.00956,0.05104,-0.05107,0.02526,-0.06164,0.00074,-0.08479,0.14703,-0.00285,-0.03712,-0.09799,0.01313,0.04888,-0.09527,-0.04359,-0.03749,0.04535,0.05299,0.0029,-0.01066,-0.02548,0.06035,-0.05183,-0.02366,-0.01466,-0.01346,0.03091,0.01355,-0.03616,0.04399,0.0942,-0.04926,-0.04348,0.09601,0.11691,-0.00413],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Types FConnectorType EFConnectableSide F Connector Type EF Connectable Side","excerpt":"Types FConnectorType EFConnectableSide"},{"chunkId":"/docs/f-connector-directive#13","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00157,-0.05803,-0.09807,0.0885,0.03549,0.0622,0.01081,0.00358,-0.00575,-0.03029,0.04493,0.02883,-0.0201,-0.00956,0.01912,0.01019,-0.032,-0.05826,-0.00161,0.04934,-0.03185,-0.11183,0.01428,-0.04431,-0.04992,-0.07663,-0.00674,-0.01442,-0.04811,-0.0698,-0.02053,0.06988,-0.10366,0.0189,-0.02791,-0.0415,0.07086,0.00911,-0.05904,0.03451,0.04007,-0.11042,0.05597,-0.08892,-0.03761,-0.00119,-0.03606,-0.05745,-0.02628,0.02726,0.00464,0.07014,-0.04427,0.10317,0.11926,0.08522,0.07038,0.02224,-0.06554,0.04019,0.00199,-0.03203,-0.03094,-0.00229,-0.04373,0.01767,-0.03226,0.00547,-0.01104,-0.00002,-0.02181,0.01026,-0.0213,-0.07897,0.1308,0.03815,0.00191,0.08641,0.03356,-0.08646,0.0596,0.06876,-0.04614,-0.03627,0.01435,0.1006,-0.05402,-0.03744,-0.05708,0.03454,-0.01753,0.00816,0.03976,-0.00666,-0.00611,0.02954,-0.04069,-0.00083,-0.01246,0.00629,-0.03499,-0.02131,0.03503,0.06439,0.00356,-0.03012,-0.04374,0.04284,-0.00285,-0.05395,0.05978,-0.00314,0.05309,-0.06413,-0.07605,0.04312,-0.0443,-0.00063,0.1131,0.03303,-0.01043,0.02222,0.07713,-0.00392,-0.01687,-0.01194,-0.09028,0,0.02228,0.00925,-0.05903,0.03091,0.0222,-0.01534,0.04066,-0.0135,-0.04138,0.06831,-0.03514,0.0252,-0.07324,-0.00062,-0.01941,-0.09363,0.01939,0.0331,-0.01539,-0.00137,0.08216,-0.01312,-0.01049,-0.04326,0.11143,0.04962,-0.10067,0.08043,-0.03048,0.04689,-0.01946,0.01471,0.03064,0.01256,-0.00354,-0.07322,-0.068,-0.05686,-0.1202,0.02113,-0.00656,-0.03516,-0.06198,0.00953,0.01071,-0.01154,0.01041,-0.01967,0.05708,0.04012,-0.0072,0.0041,0.05266,-0.03746,0.03744,-0.06803,-0.08909,0.07242,-0.02062,0.04607,-0.04284,0.00414,-0.10336,-0.02903,0.02429,0.11805,0.00271,-0.03122,0.00115,-0.03851,-0.02704,0.07904,-0.09224,-0.04218,0.01739,-0.02715,-0.00642,-0.0154,0.05052,-0.02879,-0.04791,-0.02635,-0.05014,0.06243,0.02427,-0.0384,-0.03432,-0.04901,-0.02833,-0.06338,0.05573,0.08061,0.04695,-0.0158,0.03186,0,0.0066,0.00391,0.00518,0.01534,-0.00846,0.01248,0.01522,-0.02269,0.05978,-0.0094,0.03151,0.01052,0.03059,-0.13922,-0.05711,0.03427,-0.08678,-0.06091,-0.0081,0.07679,0.00298,-0.00041,0.05111,-0.02078,-0.03153,0.00097,0.02475,-0.01921,0.01626,-0.01272,0.07533,0.00047,-0.06859,-0.02285,-0.05982,-0.0176,-0.01843,0.10079,-0.01026,-0.02551,0.04913,0.05307,-0.02385,0.05024,-0.04619,0.05224,-0.06375,-0.05109,-0.01972,0.05039,-0.08709,-0.07557,-0.02297,0.02036,-0.05747,0.02148,0.13632,0.03024,-0.05888,0.0696,0.12633,-0.10877,0.0254,0.03648,0.07499,0.0009,-0.01822,0.06498,0.04324,0.08533,0.08587,0.02043,0.03839,0.02181,0.00683,-0.01418,-0.01489,-0.05106,0.045,0.12115,-0.04137,0.03565,-0.03875,0.0058,0.02853,-0.02411,0.04911,0.06915,0.11044,0.00868,-0.05096,0.03933,0.02752,0.01329,-0.096,0,-0.01752,-0.0137,-0.0961,-0.05112,0.00977,0.01511,-0.02302,-0.03306,-0.01885,0.0138,-0.0572,0.10676,-0.03748,0.03491,0.08421,-0.03519,0.02783,0.00612,-0.0626,0.01343,-0.0348,-0.01089,-0.04542,0.09867,0.01657,-0.06864,0.02725,0.06078,0.05114,0.04219,-0.0732,0.00831,-0.06045,0.02499,-0.11209,0.12454,-0.03709,-0.00292,-0.07071,0.03664,0.07262,-0.04324,-0.05785,-0.03955,0.03621,0.05006,-0.01137,-0.01316,-0.05185,0.0527,-0.06451,0.02449,-0.04047,0.01751,-0.00532,0.01654,-0.00308,0.07175,0.08288,-0.07228,-0.03074,0.06527,0.0949,-0.03078],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Styling Host classes: - .f-component Base class for flow primitives. - .f-connector Host class. - .f-connector-source / .f-connector-target / .f-connector-source-target / .f-connector-outlet Applied by fConnectorType. - .f-connector-multiple Applied when multiple connections are allowed. - .f-connector-disabled Applied when disabled. State classes (toggled at runtime): - .f-connector-connected Applied when the connector currently has one or more connections. - .f-connector-connectable Applied to valid targets during drag-to-connect. - .f-connector-not-connectable Applied when the connector is currently blocked from connection. Data attributes on the host element: - data-f-connector-id The connector id. - data-f-connector-type The connector type. f Connector Type","excerpt":"Styling Host classes: - .f-component Base class for flow primitives. - .f-connector Host class. - .f-connector-source / .f-connector-target / .f-connector-source-target / .f-connector-outlet Applied by fConnectorType. - .f-connector-multiple Applied when multiple connections are allowed. - .f-connector-disabled Applied when disabled. State classes (toggled at runtime): - .f-connector-connected Applied when the connector currently has one or more connections. - .f-connector-connectable Applied to valid targets during drag-to-connect. - .f-connector-not-connectable Applied when the connector is currently blocked from connection. Data attributes on the host element: - data-f-connector-id The connector id. - data-f-connector-type The connector type."},{"chunkId":"/docs/f-connector-directive#14","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.00503,-0.07166,-0.09337,0.03367,0.02251,0.05374,0.00009,0.01845,-0.03516,-0.04441,0.04928,-0.00829,0.00704,-0.023,0.07759,0.04773,-0.00894,-0.03368,0.00773,0.04395,-0.07099,-0.08095,-0.01609,-0.05953,-0.01642,-0.09051,0.01304,-0.01471,-0.03999,-0.06498,-0.01178,0.07989,-0.13065,0.00182,0.01395,0.01261,0.1104,-0.01409,-0.01247,0.02581,0.04771,-0.06694,0.02604,-0.01657,-0.03605,-0.00709,-0.02143,-0.03623,-0.03881,0.02537,-0.01974,0.00094,-0.04335,0.06032,0.12021,0.0844,0.06727,0.03507,-0.02991,0.03783,0.02181,0.01142,-0.04041,0.00901,-0.04327,-0.05219,0.00799,0.02548,-0.02884,-0.03361,-0.10135,-0.00953,-0.0329,-0.08393,0.08851,0.06493,-0.02089,0.04139,0.04109,-0.11998,0.08298,0.11089,-0.04336,-0.03724,0.03034,0.08719,0.01994,-0.05793,-0.01452,0.01862,0.0329,-0.05342,0.05144,0.0093,-0.02684,0.01471,-0.00376,-0.00502,-0.00851,0.01508,-0.02139,-0.0016,-0.01933,0.04031,-0.03057,-0.01016,-0.07876,0.08622,0.05085,-0.03298,0.03706,-0.02644,-0.01941,-0.11956,-0.03793,0.02853,-0.04357,-0.01044,0.12753,-0.01509,-0.04888,0.00842,0.02799,0.02085,-0.02435,-0.02853,-0.06042,0,-0.0228,0.03433,-0.08011,0.03704,0.04164,-0.02288,0.01498,0.00103,-0.0342,0.02228,-0.03945,0.04262,-0.05617,0.0104,-0.00825,-0.08757,-0.02404,0.04639,0.02494,0.00474,0.01692,0.00896,0.00939,-0.03385,0.12125,0.06839,-0.05106,0.04283,-0.00091,0.03673,0.00192,0.02902,0.08215,0.01524,-0.02162,-0.0463,-0.05685,-0.10657,-0.13327,0.03102,-0.00857,-0.01499,-0.06569,0.00406,0.05005,-0.02102,0.0187,0.00827,0.12461,-0.00718,-0.05843,-0.0194,0.04891,-0.0323,0.05285,-0.05809,-0.11526,0.07971,0.01655,0.04677,-0.04661,0.01579,-0.0793,0.00743,0.02459,0.0899,-0.01908,-0.06057,0.02802,-0.0238,-0.04651,0.05602,-0.07608,0.03641,-0.03641,-0.04225,-0.06847,0.057,0.08379,-0.02944,-0.07676,0.01966,-0.03963,0.09628,0.07987,-0.04487,-0.03747,-0.04061,-0.03864,0.00156,0.00874,0.08941,0.06639,0.01108,0.06955,0,0.00493,-0.01929,-0.00472,0.00954,-0.02765,0.0281,0.00974,-0.06368,0.05393,0.03644,0.00272,0.02557,0.06527,-0.08746,-0.05546,-0.01705,-0.07433,-0.09443,-0.05264,0.07986,0.03844,-0.03318,0.05332,-0.03936,0.01898,-0.0097,0.03361,-0.02194,-0.01885,-0.00947,0.03949,-0.0048,-0.08875,0.00502,-0.07846,0.02832,0.00214,0.08892,-0.0298,-0.06929,0.06319,0.03818,-0.03785,0.02681,-0.07167,0.01944,-0.06171,-0.07692,-0.03296,0.01903,-0.07276,-0.07659,-0.00832,-0.01073,-0.06876,0.0521,0.1069,0.03656,0.00512,0.02552,0.13054,-0.06574,0.05161,0.03046,0.0735,0.02136,0.01814,0.09162,0.01136,0.04496,0.07444,-0.00834,-0.01687,0.03351,-0.03882,-0.00587,0.01238,-0.07377,-0.01742,0.09812,-0.02348,0.0289,-0.07164,-0.0054,0.06357,0.0094,0.06748,0.05073,0.10461,0.00998,-0.07539,0.03547,0.03338,0.02346,-0.09688,0,-0.04598,0.06245,-0.09523,-0.04624,0.03629,0.00155,-0.00534,-0.05637,-0.00109,0.07348,-0.02592,0.05144,-0.02097,0.03078,0.0833,-0.0426,-0.00232,-0.01363,-0.06303,0.02723,-0.02825,0.02931,-0.00368,0.04397,0.03727,-0.04511,0.02667,0.106,0.04036,0.02035,-0.03953,0.02046,-0.07798,0.00918,-0.10193,0.09651,-0.01193,-0.01824,-0.06859,0.01251,0.04857,-0.09351,-0.03593,-0.02275,0.01602,0.04031,-0.03337,-0.00851,-0.01792,0.06556,-0.04901,-0.00859,-0.02081,0.00476,0.067,0.00979,-0.03306,0.07018,0.05213,-0.02814,-0.03434,0.07841,0.10961,-0.03289],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Migration from legacy directives","excerpt":"Migration from legacy directives"},{"chunkId":"/docs/f-connector-directive#15","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.02403,-0.08061,-0.11283,0.03216,0.0414,0.09013,0.01272,0.02941,-0.0509,-0.06064,0.03796,0.00056,0.02072,-0.0456,0.07582,0.02864,-0.03172,-0.01691,-0.00718,0.04637,-0.03646,-0.03505,0.00666,-0.09104,-0.00991,-0.06283,0.05415,-0.0518,-0.07578,-0.08279,-0.05415,0.10941,-0.06657,-0.01383,-0.00119,0.00413,0.05409,-0.02605,0.00677,0.02754,0.0044,-0.05993,0.05956,-0.00403,-0.01046,-0.00987,-0.08053,-0.04122,0.02448,0.00835,-0.00208,0.05835,-0.03412,0.07928,0.10298,0.0907,0.0015,0.06249,-0.03036,0.0195,0.00539,-0.00622,-0.01431,-0.01767,-0.07337,-0.0483,0.00699,0.00389,-0.0122,-0.00049,-0.12611,-0.01436,-0.01535,-0.05902,0.08566,0.05424,0.00328,0.09035,0.02343,-0.14267,0.0499,0.08144,-0.03404,-0.03138,0.04849,0.0484,-0.02167,-0.03679,0.0017,0.03205,0.02636,-0.03128,0.01042,-0.05139,0.04301,-0.00901,-0.00301,0.01625,-0.02824,0.03421,-0.05065,-0.01918,-0.02844,0.04437,-0.01025,0.00928,-0.04266,0.10571,0.07047,-0.06361,0.01971,-0.01705,-0.00438,-0.07524,-0.00538,0.00759,-0.03508,-0.01137,0.11903,0.03717,-0.01104,0.01249,0.00577,0.01558,-0.06243,-0.03963,-0.06697,0,0.00435,0.00343,-0.0653,-0.0059,0.02709,0.01089,0.0322,0.04485,-0.00082,0.06838,-0.09579,0.01777,-0.09552,0.02947,-0.01136,-0.09707,-0.05365,0.08501,-0.00909,-0.02624,0.05601,0.00947,-0.01107,-0.03973,0.07618,0.0361,-0.06321,0.0482,-0.07124,0.02341,-0.00793,0.01662,0.04926,-0.01813,-0.05627,-0.05089,-0.02852,-0.07014,-0.10376,-0.0022,-0.05388,-0.0022,-0.06898,-0.03459,0.02962,-0.0299,0.01576,0.01556,0.11121,-0.00629,-0.05498,-0.02287,0.03118,-0.05279,0.04685,-0.05139,-0.11083,0.15867,0.02329,0.04128,-0.06832,0.00379,-0.07883,0.00899,0.01761,0.16187,-0.01353,-0.0976,0.02901,0.00113,-0.03304,0.03544,-0.06037,-0.00559,-0.0071,-0.02275,-0.00157,-0.01082,-0.01726,-0.02776,-0.08591,0.06389,-0.0459,0.0682,0.05534,0.0205,0.01161,-0.06746,0.00914,-0.00905,-0.00568,0.03939,0.04656,-0.03595,0.01896,0,-0.0232,0.01597,-0.00757,-0.02716,0.00664,0.02128,0.0099,-0.06899,0.02932,0.01502,0.04387,0.01076,0.01551,-0.13168,-0.08071,0.01919,-0.05658,-0.069,-0.05195,0.08129,-0.02977,0.01441,0.03505,-0.00925,0.06793,0.01706,0.03886,0.07605,0.01285,0.01652,0.04673,0.00012,-0.09529,0.00028,-0.03672,-0.02233,-0.03969,0.09665,-0.03184,0.02047,0.06819,-0.00125,-0.01643,0.05068,-0.03916,0.0028,0.00824,-0.05568,-0.04877,0.00835,-0.00295,-0.07322,-0.01657,0.04446,-0.01964,0.07595,0.13032,0.05474,0.00293,-0.00799,0.09808,-0.04942,0.04445,0.03946,0.15627,0.00472,-0.02331,0.1078,-0.01296,0.07496,-0.03766,0.00703,0.04773,0.0281,0.04128,0.05663,-0.03596,-0.08459,-0.0194,0.05861,-0.05666,0.00504,-0.05975,-0.01935,0.01161,0.00033,0.04348,0.07311,0.1161,0.02628,-0.04679,-0.00296,0.04148,0.00465,-0.0936,0,-0.06234,0.03308,-0.07474,-0.04016,0.07801,0.00241,0.0197,-0.00105,-0.03014,-0.00427,-0.05846,0.06352,-0.00914,-0.00567,0.09727,-0.05262,0.01142,-0.00184,-0.05674,0.00974,-0.0271,-0.01533,-0.06753,0.03164,0.05086,-0.06856,0.02629,0.09276,0.05321,0.0469,-0.02445,-0.02608,-0.05784,-0.02844,-0.05792,0.07993,0.02667,-0.05007,-0.06132,0.03652,-0.00075,-0.05084,-0.02247,-0.01922,0.03069,0.0113,-0.03715,0.01035,0.01389,0.00749,-0.09843,-0.01042,-0.02238,-0.05034,0.03099,0.00117,-0.05065,0.07409,0.04873,-0.0497,-0.0161,0.08027,0.14467,-0.0254],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Legacy Unified -------------------------------------------------------- ----------------------------------------------------- fNodeOutput / fOutputId fConnector fConnectorType=\"source\" / fConnectorId fNodeInput / fInputId fConnector fConnectorType=\"target\" / fConnectorId fNodeOutlet / fOutletId fConnector fConnectorType=\"outlet\" / fConnectorId fOutputMultiple / fInputMultiple fConnectorMultiple (default true) fOutputDisabled / fInputDisabled / fOutletDisabled fConnectorDisabled fInputCategory fConnectorCategory fOutputConnectableSide / fInputConnectableSide fConnectorConnectableSide isSelfConnectable fConnectorSelfConnectable fCanBeConnectedInputs fCanBeConnectedTo isConnectionFromOutlet fConnectionFromOutlet f-connection fOutputId / fInputId f-connection fSourceId / fTargetId f Node Output f Output Id f Connector f Connector Type f Connector Id f Node Input f Input Id f Node Outlet f Outlet Id f Output Multiple f Input Multiple f Connector Multiple f Output Disabled f Input Disabled f Outlet Disabled f Connector Disabled f Input Category f Connector Category f Output Connectable Side f Input Connectable Side f Connector Connectable Side is Self Connectable f Connector Self Connectable f Can Be Connected Inputs f Can Be Connected To is Connection From Outlet f Connection From Outlet f Source Id f Target Id","excerpt":"Legacy Unified -------------------------------------------------------- ----------------------------------------------------- fNodeOutput / fOutputId fConnector fConnectorType=\"source\" / fConnectorId fNodeInput / fInputId fConnector fConnectorType=\"target\" / fConnectorId fNodeOutlet / fOutletId fConnector fConnectorType=\"outlet\" / fConnectorId fOutputMultiple / fInputMultiple fConnectorMultiple (default true) fOutputDisabled / fInputDisabled / fOutletDisabled fConnectorDisabled fInputCategory fConnectorCategory fOutputConnectableSide / fInputConnectableSide fConnectorConnectableSide isSelfConnectable fConnectorSelfConnectable fCanBeConnectedInputs fCanBeConnectedTo isConnectionFromOutlet fConnectionFromOutlet f-connection fOutputId / fInputId f-connection fSourceId / fTargetId"},{"chunkId":"/docs/f-connector-directive#16","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00911,-0.10143,-0.08758,0.0535,-0.03269,0.06466,-0.00768,-0.00655,0.00911,-0.07052,0.00483,-0.00855,-0.00056,-0.02052,0.03469,0.03867,-0.02294,-0.0485,0.02887,0.04137,-0.06741,-0.09381,-0.00573,-0.04808,-0.01504,-0.12876,0.02423,-0.01751,-0.02796,-0.01557,0.00748,0.08066,-0.11494,-0.04064,0.02785,-0.03966,0.06828,0.03075,-0.01712,0.03141,0.0591,-0.07578,0.03945,-0.01194,-0.03731,0.00396,-0.05268,-0.03229,-0.01505,0.03559,0.01422,0.05805,-0.01353,0.06339,0.11213,0.09323,0.03237,0.05892,-0.03223,0.04662,0.00626,-0.01166,-0.01429,-0.05274,-0.03072,0.03642,0.01828,0.0154,0.00995,-0.01392,-0.05737,0.03482,0.00565,-0.07908,0.11144,0.08567,-0.02258,0.04217,0.01531,-0.12132,0.05336,0.11553,-0.02485,-0.05369,0.04917,0.07134,-0.0475,-0.03401,-0.02156,0.04657,0.00286,-0.02846,0.05244,-0.04202,0.03474,0.02076,-0.02351,-0.00027,-0.01762,-0.01347,-0.06953,-0.02335,-0.02241,0.09043,0.03201,-0.01676,-0.07084,0.03757,0.03918,-0.05015,0.04772,-0.00393,0.05162,-0.04239,-0.05139,0.07852,-0.05168,0.00952,0.09371,0.01784,-0.05087,-0.01218,0.04079,0.01167,-0.02424,-0.00376,-0.04965,0,-0.02095,0.03255,-0.0428,0.00217,0.03376,-0.0365,-0.00332,0.00861,-0.04393,0.03299,-0.0684,-0.00357,-0.07092,-0.01389,-0.04542,-0.04781,-0.03457,0.08691,-0.00224,-0.01588,0.0121,0.00792,0.01279,-0.08447,0.06561,0.05835,-0.07951,0.05869,0.03416,0.03033,0.00056,0.01279,0.07555,0.01245,-0.02691,-0.05638,-0.06211,-0.06192,-0.13496,0.03805,-0.0331,0.01505,-0.06124,0.005,0.04582,-0.06329,-0.00688,-0.01939,0.09046,-0.01817,-0.02333,0.01386,-0.0064,-0.04743,0.0187,-0.12268,-0.11445,0.0817,0.02599,0.02987,-0.03353,0.02989,-0.07902,0.01048,0.05898,0.12201,0.00635,-0.02414,-0.01397,-0.00121,0.00894,0.04302,-0.12967,-0.03314,-0.00928,-0.03501,-0.01708,0.03362,0.04124,-0.0261,-0.01255,0.02276,-0.06072,0.05885,0.05369,-0.01364,-0.04822,-0.0544,-0.03271,0.01393,0.04203,0.0946,0.05803,0.02135,0.05568,0,-0.00259,-0.00471,-0.00793,-0.03099,-0.02079,0.00478,-0.00967,-0.05888,0.03897,0.01128,0.03467,0.01113,0.03139,-0.09494,-0.03553,-0.03642,-0.05027,-0.02683,-0.0367,0.08511,0.03846,-0.03036,0.02492,-0.02358,0.01318,-0.00325,0.00041,0.0104,-0.01108,-0.0086,0.03445,0.02452,-0.09569,-0.03824,-0.0597,0.03393,-0.0348,0.07265,-0.01712,-0.01707,0.02817,0.04988,-0.04898,0.03658,-0.01042,0.00901,-0.06409,-0.05132,-0.01387,0.04531,-0.05541,-0.05366,-0.01491,-0.00677,-0.06242,0.04882,0.12081,0.0502,-0.006,0.03971,0.12686,-0.09667,0.01535,0.04406,0.12495,0.00293,0.0418,0.12172,0.0213,0.04556,0.11379,0.00341,-0.00584,0.02048,-0.02935,0.02608,-0.03204,-0.07944,-0.00726,0.1096,-0.03754,0.03264,-0.00343,0.0056,0.01214,0.01952,0.11679,0.08409,0.08775,0.03128,-0.03809,0.00869,0.04654,-0.00015,-0.09885,0,-0.02276,0.0417,-0.10172,-0.00602,0.03825,-0.03786,-0.09422,-0.03588,-0.05563,0.02653,-0.09185,0.07694,-0.01461,0.05628,0.09015,-0.09498,-0.00192,-0.04624,-0.05641,0.0195,-0.03855,0.00172,-0.03123,0.02998,-0.01264,-0.08027,0.06416,0.08311,0.0164,0.01977,-0.04297,-0.01787,-0.08073,0.05669,-0.11046,0.07971,0.00264,0.01912,-0.08945,-0.00288,0.04491,-0.06827,-0.04609,-0.01522,-0.01997,0.05017,-0.01733,-0.0123,-0.01178,0.09196,-0.03968,-0.02634,0.02989,-0.02213,0.04122,-0.02793,-0.03721,0.08672,0.06809,-0.03297,-0.04469,0.04888,0.10559,-0.04122],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Note: fOutputMultiple defaulted to false; fConnectorMultiple defaults to true. Set [fConnectorMultiple]=\"false\" explicitly if you rely on single-connection sources — for example, an outlet advances to the next free source connector only when already-connected sources stop being connectable. Note: unlike the legacy registries, all fConnector ids live in a single registry. The legacy pattern of reusing the same id for a separate fNodeOutput and fNodeInput is not allowed for two fConnector elements — use one connector with the default source-target type instead. f Output Multiple f Connector Multiple f Connector f Node Output f Node Input","excerpt":"Note: fOutputMultiple defaulted to false; fConnectorMultiple defaults to true. Set [fConnectorMultiple]=\"false\" explicitly if you rely on single-connection sources — for example, an outlet advances to the next free source connector only when already-connected sources stop being connectable. Note: unlike the legacy registries, all fConnector ids live in a single registry. The legacy pattern of reusing the same id for a separate fNodeOutput and fNodeInput is not allowed for two fConnector elements — use one connector with the default source-target type instead."},{"chunkId":"/docs/f-connector-directive#17","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.02768,-0.07884,-0.0935,0.01509,0.03268,0.02783,-0.03582,0.02572,-0.01003,-0.07355,0.03733,-0.0079,0.0028,-0.0147,0.07348,0.0503,-0.02539,-0.01985,0.01149,0.04024,-0.06828,-0.08367,-0.03216,-0.04367,-0.02181,-0.07829,0.00431,-0.02287,-0.03118,-0.04672,-0.00109,0.0753,-0.1497,0.00724,-0.02682,0.00493,0.08298,-0.00752,-0.02694,0.03815,0.04129,-0.04325,0.027,-0.03395,-0.04671,-0.01328,-0.04355,-0.03574,-0.04262,0.05232,-0.02073,-0.01527,-0.02883,0.06656,0.11849,0.06538,0.0379,0.02833,-0.03381,0.03669,0.02457,-0.00675,-0.02964,0.00734,-0.02576,-0.05869,-0.01014,0.05038,-0.01197,-0.07059,-0.08027,-0.01336,-0.02751,-0.08545,0.09746,0.07016,-0.02027,0.05028,0.01416,-0.10243,0.0637,0.12326,-0.03822,-0.04523,0.03612,0.09262,-0.00448,-0.03651,-0.01572,0.02533,0.01075,-0.04201,0.07022,-0.01507,0.00877,0.02487,-0.02906,-0.02402,-0.02128,0.00608,-0.04025,0.001,-0.02395,0.04769,0.01596,-0.03094,-0.07461,0.07701,0.05582,-0.04561,0.03207,-0.04556,0.02036,-0.10553,-0.04224,0.02266,-0.05435,-0.00339,0.11842,-0.00104,-0.05524,0.00277,0.02788,-0.00243,0.00151,-0.0304,-0.03164,0,-0.02267,0.00339,-0.07163,0.0472,0.04083,-0.00534,0.03765,0.01997,-0.04088,0.00023,-0.0382,0.0575,-0.07086,0.02729,-0.03341,-0.08171,-0.04382,0.05282,0.01912,0.01164,0.01811,0.00538,-0.01857,-0.05519,0.10181,0.0531,-0.04367,0.07439,-0.01838,0.03808,-0.01654,0.01247,0.07544,0.03154,-0.02557,-0.05745,-0.07855,-0.07955,-0.1241,0.02204,-0.02545,-0.00353,-0.07847,-0.02313,0.04174,-0.04458,-0.00936,0.01021,0.09243,-0.01272,-0.03111,-0.0005,0.04313,-0.0356,0.05558,-0.08343,-0.10644,0.07312,0.00215,0.03713,-0.04978,0.02011,-0.10327,-0.00767,0.05255,0.11373,-0.00165,-0.03593,0.02505,-0.01108,-0.03714,0.05821,-0.08006,0.03038,-0.02864,-0.04518,-0.03138,0.06985,0.09383,-0.01182,-0.11096,0.00348,-0.02281,0.10451,0.06508,-0.02279,-0.03668,-0.04518,-0.0472,0.00818,0.01814,0.08522,0.07098,0.01862,0.09684,0,0.00245,0.00761,0.00213,0.00996,-0.01666,0.03179,0.02078,-0.07246,0.06532,0.04428,0.0024,0.04562,0.04712,-0.07993,-0.02283,-0.01455,-0.07159,-0.08673,-0.04481,0.07506,0.0291,-0.01446,0.03106,-0.05618,0.01139,-0.00812,0.00916,0.00064,-0.01689,0.00655,0.05527,-0.00733,-0.07117,-0.00884,-0.07481,0.00202,-0.00828,0.08568,-0.0186,-0.08655,0.05926,0.03457,-0.03867,0.0292,-0.05199,0.03811,-0.06491,-0.06946,-0.04031,0.01566,-0.08514,-0.05862,-0.02092,0.01599,-0.06583,0.03648,0.14249,0.05661,-0.02586,0.01253,0.131,-0.07038,0.06376,0.02829,0.0678,0.02106,0.00384,0.07803,-0.01328,0.05923,0.10373,0.015,0.00735,0.0295,-0.02095,0.01404,0.01749,-0.0765,0.00637,0.10142,-0.0344,0.04982,-0.03501,0.01871,0.07779,0.01461,0.04493,0.05638,0.09661,0.01474,-0.06448,0.04005,0.0313,0.01618,-0.08427,0,-0.0577,0.04533,-0.08808,-0.05669,-0.00183,0.00569,-0.02681,-0.02969,0.00193,0.07424,-0.02858,0.04564,-0.01502,0.01754,0.07706,-0.04877,0.01411,-0.01628,-0.06622,0.01676,-0.02631,0.02663,0.00046,0.04922,0.02381,-0.05994,0.05201,0.11649,0.01936,-0.01389,-0.03111,0.01476,-0.05365,0.02857,-0.07635,0.08663,-0.0011,0.00233,-0.06902,0.01782,0.06495,-0.08577,-0.04919,-0.03167,0.02698,0.05628,-0.02068,-0.041,-0.04841,0.08598,-0.03928,0.01713,-0.00477,0.01564,0.07505,-0.01344,-0.03671,0.04375,0.0462,-0.03365,-0.01885,0.10108,0.14484,-0.01208],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. The legacy directives keep working but are deprecated. A legacy connector and a unified connector can coexist in one flow, but do not mix both APIs on the same element. AP Is","excerpt":"The legacy directives keep working but are deprecated. A legacy connector and a unified connector can coexist in one flow, but do not mix both APIs on the same element."},{"chunkId":"/docs/f-connector-directive#18","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.00068,-0.08474,-0.08964,0.05621,0.0261,0.02427,-0.01586,0.0315,0.03587,-0.05802,0.06709,-0.04688,-0.01717,0.01327,0.04516,0.01006,-0.01385,-0.09969,0.0064,0.05074,-0.07326,-0.0821,-0.00684,-0.06572,-0.02946,-0.0975,0.01441,-0.05607,-0.06181,-0.03091,0.02037,0.10272,-0.14352,-0.02086,0.05678,0.02457,0.07343,-0.00165,-0.01494,0.01754,0.04023,-0.08257,0.05344,-0.01576,-0.04003,-0.02925,-0.03383,0.00634,-0.003,0.03544,-0.03631,0.06126,-0.02346,0.0712,0.08656,0.09288,0.03808,0.01447,-0.03291,0.02202,0.03665,-0.0044,0.00377,-0.05557,-0.06689,-0.00964,0.02156,-0.02724,-0.01089,0.00097,-0.02018,0.01988,-0.06107,-0.042,0.08542,0.07602,0.01825,0.05693,0.01639,-0.09537,0.08185,0.08261,-0.0342,-0.0316,0.00011,0.10176,-0.03948,-0.01308,-0.07846,0.04878,0.02609,0.03746,0.03375,-0.04453,0.0363,0.00397,-0.00219,0.018,-0.01441,0.01048,-0.04145,-0.00096,-0.01464,0.07369,-0.00925,-0.01771,-0.05202,0.00042,0.00724,-0.0544,0.06102,-0.01736,0.03059,-0.03594,-0.08888,0.07658,-0.05568,-0.01978,0.08358,0.03531,-0.04485,0.0234,0.06373,0.05386,-0.02582,-0.00613,-0.02398,0,-0.0121,-0.00598,-0.05292,0.00565,0.02002,-0.04484,0.02333,0.00342,-0.03693,0.05781,-0.09178,0.00386,-0.07784,-0.02259,-0.04236,-0.05613,0.00316,0.02379,-0.03113,-0.0071,0.02895,-0.02687,-0.00044,-0.07719,0.05814,0.06216,-0.08954,0.05973,0.05364,0.03383,-0.01684,-0.00864,0.08701,0.00825,-0.02841,-0.09336,-0.02543,-0.07146,-0.15051,0.02508,-0.04706,0.01151,-0.04874,0.01386,0.04037,-0.02362,0.01421,0.0029,0.05103,0.03871,-0.04817,-0.00605,0.0509,-0.05448,-0.00772,-0.08223,-0.11448,0.07301,-0.01696,0.02072,-0.03251,0.01995,-0.08376,-0.02273,0.09874,0.10288,-0.01468,-0.01141,0.02066,0.0113,-0.01426,0.04648,-0.05153,-0.0057,0.03266,-0.03014,-0.03632,0.00828,0.0227,-0.01804,-0.02015,-0.00304,-0.01907,0.04535,0.04179,0.00512,-0.03791,-0.05906,-0.05784,-0.00536,0.05957,0.10441,0.03966,0.0205,0.1123,0,-0.03825,-0.00108,-0.01856,-0.04102,0.00476,-0.00087,-0.00777,-0.06681,0.03706,-0.00893,0,0.03907,-0.03169,-0.10396,-0.07353,0.01821,-0.05882,-0.02794,-0.03588,0.09094,0.06588,0.00092,0.0404,-0.02177,-0.00233,0.0157,0.02093,-0.02373,-0.03633,0.00553,0.09372,0.00327,-0.05731,0.01356,-0.0563,0.00975,-0.03377,0.0835,0.00041,-0.01981,0.02116,0.05907,-0.04702,0.00549,-0.02694,0.03839,-0.06133,-0.08179,-0.01112,0.04648,-0.06172,-0.01734,-0.01367,0.02359,-0.01826,0.03406,0.14494,0.03905,-0.03065,0.04864,0.10087,-0.09438,0.03591,0.01375,0.12532,-0.00398,0.02069,0.09623,0.03027,0.06611,0.0678,0.03904,0.00883,0.01203,0.00745,0.04069,-0.04701,-0.05645,0.0118,0.12505,-0.01941,0.03161,-0.05481,0.00251,0.03016,0.00879,0.08982,0.07887,0.08739,0.03852,-0.03422,0.02237,0.03046,0.01312,-0.08631,0,-0.03691,0.05244,-0.14665,-0.0219,0.02115,-0.00515,-0.05475,-0.06085,-0.02992,0.00931,-0.12911,0.06911,-0.04111,0.0603,0.0758,-0.08733,0.03046,-0.04436,-0.04415,0.02079,-0.02097,-0.01012,-0.06602,0.04708,-0.02592,-0.07644,0.01846,0.06167,0.02613,0.02616,-0.05348,-0.00215,-0.08462,0.03773,-0.1144,0.08784,-0.00512,-0.00652,-0.09775,0.02626,0.06889,-0.03163,-0.05181,-0.04803,0.02837,0.0348,0.00295,-0.00755,-0.01563,0.10901,-0.03303,-0.03564,-0.02058,0.00247,0.04824,-0.04023,-0.02132,0.09105,0.05676,-0.05408,-0.00847,0.07844,0.08737,-0.03231],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Notes and pitfalls - fConnectorId must match connection fSourceId / fTargetId values exactly (case-sensitive). A typo silently results in “no connection rendered”. - target connectors are drop-only: users cannot start a drag from them. Use source-target if the same port should work in both directions. - With fConnectorMultiple=\"false\", the connector becomes unavailable after one active connection is attached. - If you use fConnectorCategory, make sure fCanBeConnectedTo references the same category strings. Mismatched strings are the most common reason a connector becomes “not connectable”. - An outlet needs at least one source connector inside the same node — otherwise there is nothing to resolve the created connection to. - fConnectorId values are unique across all connector types: the same id cannot belong to both a source and a target connector (that was possible with legacy fOutputId/fInputId). One source-target connector covers that case. f Connector Id f Source Id f Target Id f Connector Multiple f Connector Category f Can Be Connected To f Output Id f Input Id","excerpt":"Notes and pitfalls - fConnectorId must match connection fSourceId / fTargetId values exactly (case-sensitive). A typo silently results in “no connection rendered”. - target connectors are drop-only: users cannot start a drag from them. Use source-target if the same port should work in both directions. - With fConnectorMultiple=\"false\", the connector becomes unavailable after one active connection is attached. - If you use fConnectorCategory, make sure fCanBeConnectedTo references the same category strings. Mismatched strings are the most common reason a connector becomes “not connectable”. - An outlet needs at least one source connector inside the same node — otherwise there is nothing to resolve the created connection to. - fConnectorId values are unique across all connector types: the same id cannot belong to both a source and a target connector (that was possible with legacy fOutputId/fInputId). One source-target connector covers that case."},{"chunkId":"/docs/f-connector-directive#19","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.04194,-0.02344,-0.10545,0.04351,0.04457,0.07418,-0.01406,0.05278,-0.01909,0.00616,0.00041,-0.00259,-0.02091,0.00828,0.05319,0.02003,-0.06758,-0.00233,-0.02946,0.03839,-0.04586,-0.04796,0.04435,-0.03589,-0.00914,-0.08563,0.01109,-0.02216,0.01525,-0.03983,0.02624,0.06486,-0.09864,0.02339,-0.00369,0.04177,0.05682,0.00363,-0.01627,0.02851,0.11973,-0.01965,0.05742,-0.08495,-0.01348,-0.01165,-0.07015,0.01217,-0.0534,0.0233,-0.04456,-0.04159,-0.06645,0.07193,0.09211,0.03475,0.0024,-0.0058,0.01111,0.02529,-0.0103,-0.06205,-0.02121,-0.03399,0.02352,-0.03105,-0.08124,0.0334,-0.05958,0.00809,-0.04671,-0.02185,-0.02157,-0.09235,0.07721,0.03708,-0.05353,0.11457,0.01396,-0.07216,0.06737,0.06149,-0.02974,-0.0246,0.0263,0.10647,0.01127,-0.04472,-0.02276,-0.02,0.04025,0.00701,0.02042,0.00477,0.00764,0.02493,-0.07408,0.01802,-0.04223,0.02608,-0.03808,-0.03322,0.04488,0.0914,0.01743,0.00482,-0.04151,0.11542,-0.00014,-0.04019,0.04447,0.00722,0.02156,-0.08178,-0.03677,-0.04252,-0.01168,-0.01826,0.086,0.03289,-0.00872,-0.00478,-0.01524,0.00358,-0.0021,-0.01766,0.0081,0,-0.00065,0.04081,-0.06686,0.02977,0.04632,-0.04133,0.00293,-0.0262,-0.02279,0.09465,-0.0704,0.02406,-0.08327,-0.01778,-0.05908,-0.10115,-0.01961,0.06323,-0.02719,0.0117,0.04668,-0.01118,-0.04002,-0.0147,0.11614,0.01364,-0.06963,0.03476,-0.05224,0.01229,0.05497,0.05136,0.0911,-0.00706,-0.02828,-0.07979,-0.0243,-0.04733,-0.14806,0.01409,0.03792,-0.00151,-0.05984,0.0485,0.01988,-0.0351,-0.00799,0.00003,0.14634,0.02224,-0.04509,0.01523,0.03108,-0.04366,0.07387,-0.04092,-0.10823,0.0982,-0.00205,0.03565,-0.0459,0.02926,-0.07045,-0.01514,0.02924,0.07718,-0.01067,-0.02978,0.04608,-0.04567,-0.05052,0.07206,-0.05539,0.03417,-0.02041,-0.0451,0.00056,0.07629,0.1274,-0.04395,-0.07134,-0.02332,-0.04265,0.11078,0.06426,-0.08179,-0.03091,-0.05766,-0.05091,-0.07015,0.0427,0.08192,0.01428,-0.03163,0.04932,0,0.06764,0.00724,0.01449,0.04178,-0.02967,0.00699,0.07285,-0.02463,0.08308,0.07407,0.03075,0.04621,0.04492,-0.10458,-0.02359,-0.01152,-0.06706,-0.08866,0.00429,0.04079,0.03323,0.01443,0.04068,-0.04079,-0.00098,0.01907,0.04926,0.00406,-0.01851,-0.01749,0.01154,0.00118,-0.10473,-0.00094,-0.1074,-0.04794,-0.02174,0.13218,0.02589,-0.05022,0.10144,0.07329,-0.04941,0.01655,-0.08535,-0.02807,0.0156,-0.06797,-0.02869,-0.00013,-0.05921,-0.04481,-0.01434,0.02644,-0.07183,0.00665,0.11838,-0.02337,-0.03265,0.01687,0.11748,-0.05779,0.03444,-0.00912,0.08855,0.02986,-0.04857,0.04112,0.05891,0.05016,0.05849,-0.02263,0.03449,0.01967,0.00585,0.04341,0.04016,-0.04873,0.07048,0.06077,-0.05192,0.0568,-0.06726,0.02715,0.05665,0.02688,-0.0084,0.04184,0.10566,0.03893,-0.07744,-0.00573,0.04961,-0.00784,-0.04254,0,-0.0687,0.02492,-0.08875,-0.03688,0.01646,-0.03689,-0.03395,-0.06769,-0.01856,0.04011,-0.05958,0.08352,-0.01025,0.01041,0.06251,-0.07335,0.00244,-0.00092,-0.08252,0.02876,-0.04827,0.02489,0.02326,0.05456,0.02644,-0.08086,-0.03922,0.06699,0.02507,0.01959,-0.03535,-0.00066,-0.04959,0.00403,-0.07498,0.0382,-0.0572,-0.02323,-0.0639,0.02097,0.0515,-0.08635,0.02031,-0.03034,-0.00324,0.06188,-0.01357,0.00074,-0.03074,0.06023,-0.04676,0.0021,-0.05917,-0.01955,0.04392,-0.03001,0.01749,0.07941,0.0379,-0.07903,-0.01018,0.07481,0.07431,-0.04134],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Example ::: ng-component <unified-connector</unified-connector [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.scss :::","excerpt":"Example ::: ng-component <unified-connector</unified-connector [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.scss :::"},{"chunkId":"/docs/f-node-output-directive#0","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.02562,-0.03354,-0.05938,0.04994,-0.00488,-0.00172,-0.00027,0.00512,0.04036,-0.00949,-0.00883,-0.01267,-0.03,-0.03358,-0.03213,0.02839,-0.00779,-0.06101,0.0756,-0.00565,-0.05162,-0.1019,0.01852,-0.05744,-0.02167,-0.0599,-0.00896,-0.04265,-0.01556,-0.00559,-0.01413,0.08048,-0.04515,0.02476,-0.07984,0.02162,0.07635,-0.01418,-0.10646,0.01787,0.04096,-0.04371,0.04246,-0.06356,-0.029,0.01122,-0.07061,-0.05278,-0.06384,0.09099,0.02067,0.05467,0.02654,0.06167,0.09344,0.06216,0.01019,0.02368,-0.05677,0.08316,-0.01641,-0.04158,-0.06637,-0.06522,0.06376,0.05137,0.03284,0.04709,-0.00545,-0.02679,0.02263,0.07467,-0.02341,-0.12274,0.06639,0.02477,-0.04394,0.04395,-0.00019,-0.04262,0.08683,0.12236,-0.0275,0.01301,0.01098,0.12083,-0.03645,-0.02072,-0.07627,0.05415,-0.08015,-0.02012,-0.06156,0.03259,-0.01602,-0.01314,0.00967,0.01204,-0.01011,-0.0064,-0.03256,-0.00437,-0.002,-0.01245,0.04002,-0.00748,-0.03027,0.03811,0.00643,-0.04065,-0.01128,0.0123,0.01765,-0.00668,0.00397,0.05242,-0.02282,-0.00433,0.08813,0.06374,-0.0244,0.03897,-0.0696,0.0251,0.02312,-0.09889,-0.02076,0,0.00624,0.01078,0.00942,0.01733,0.10339,0.01059,0.03545,-0.03818,-0.04252,-0.00937,-0.09795,-0.05597,-0.03403,-0.04374,0.00592,-0.0938,-0.00435,0.01969,-0.00678,-0.01561,0.09178,-0.02533,0.01625,-0.05449,0.04859,0.06558,-0.08282,0.0489,0.00124,0.02437,0.00274,0.04306,0.0789,-0.03132,-0.0723,-0.08674,-0.0457,-0.04711,-0.10278,0.00277,-0.0439,-0.00642,-0.07059,0.03352,0.03264,-0.07415,-0.0236,-0.01908,0.0743,0.02399,-0.03165,0.02999,0.01345,-0.05967,0.02927,-0.12519,-0.06698,0.06472,-0.02614,0.08153,0.02274,0.08424,-0.04672,-0.04908,0.02866,0.11123,-0.01793,-0.04123,0.02403,-0.02515,-0.04925,0.10321,-0.07583,-0.00821,0.04392,0.02265,-0.05071,-0.06867,-0.00396,-0.05923,0.00106,-0.01013,-0.04853,0.03,0.08649,-0.01189,-0.0336,-0.03714,0.00896,0.04187,0.05691,0.00621,0.06827,-0.03694,0.02763,0,0.01136,0.07334,-0.07894,0.01003,-0.00067,0.00466,-0.00922,-0.01046,0.06204,0.02913,-0.02773,0.04993,0.03862,-0.02497,-0.05505,-0.03331,-0.02224,-0.05965,0.00562,0.01216,0.01343,-0.0014,0.02131,-0.04106,-0.01719,0.01656,0.01067,0.01724,-0.00103,-0.03725,0.00766,-0.0007,-0.07074,-0.0545,0.02791,-0.05294,-0.00092,0.06655,0.04782,0.00328,0.03241,0.0456,-0.03546,0.01401,0.00476,0.00375,-0.13004,-0.0435,-0.00289,0.01704,-0.03157,-0.01985,-0.05351,0.02101,-0.05273,0.05728,0.08366,0.07904,-0.0154,0.05502,0.08148,-0.15454,-0.00418,-0.00726,0.09112,-0.009,-0.01405,0.11449,0.11871,0.05584,0.04311,0.04898,0.03911,0.06781,0.02759,0.05269,-0.0208,-0.08517,0.03024,0.13728,-0.01827,0.09551,0.0109,0.04572,0.10194,0.02201,0.06962,0.0305,0.05909,-0.0016,0.0296,0.05321,0.01384,-0.01252,-0.04361,0,-0.03861,0.0079,-0.12515,0.03476,0.0198,-0.02012,-0.00383,-0.0396,-0.03792,0.00575,-0.08929,0.03711,-0.00238,-0.02753,0.12488,-0.05335,0.0412,-0.05372,-0.06123,-0.01114,-0.01705,-0.03545,-0.11289,0.09206,-0.06131,-0.10164,0.02924,0.03644,-0.06662,0.02527,-0.03882,0.0122,-0.04797,0.05344,-0.10061,0.08929,-0.00179,-0.00726,-0.06326,0.02599,0.04387,-0.03908,-0.06971,-0.02941,-0.02022,0.04446,0.0426,0.00611,-0.05715,0.0987,-0.01129,-0.00967,0.0233,-0.02894,0.04679,-0.06713,-0.02848,0.01831,0.01173,0.00884,-0.09315,0.08831,0.10294,-0.00353],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Output Selector: [fNodeOutput] Class: FNodeOutputDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"source\" instead. fNodeOutput keeps working, but new code should use fConnector. Note the default difference: fOutputMultiple defaults to false, while fConnectorMultiple defaults to true. FNodeOutputDirective marks an element inside a node as an output connector - a place where users can start creating outgoing connections. Outputs must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow. In most editors, outputs represent ports: “this node can send data/control flow to something else”. f Node Output F Node Output Directive f Connector f Connector Type f Output Multiple f Connector Multiple f Node","excerpt":"Output Selector: [fNodeOutput] Class: FNodeOutputDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"source\" instead. fNodeOutput keeps working, but new code should use fConnector. Note the default difference: fOutputMultiple defaults to false, while fConnectorMultiple defaults to true. FNodeOutputDirective marks an element inside a node as an output connector - a place where users can start creating outgoing connections. Outputs must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow. In most editors, outputs represent ports: “this node can send data/control flow to something else”."},{"chunkId":"/docs/f-node-output-directive#1","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.00141,-0.02419,-0.06612,0.0047,0.02994,-0.03099,0.00343,0.00013,-0.01769,0.02393,0.00112,0.03271,0.00796,-0.07925,-0.05801,0.02726,0.01774,-0.00396,0.06944,0.01539,-0.04397,-0.0804,-0.05791,-0.06349,-0.03391,-0.06713,0.0144,-0.00839,-0.03726,-0.02552,-0.0502,0.03743,-0.02449,0.00334,-0.10152,-0.00329,0.10803,-0.02494,-0.09053,0.06275,0.06446,-0.06647,0.06663,-0.02687,-0.05606,0.02643,-0.05616,-0.02044,-0.09334,0.02748,0.02275,0.02776,-0.04352,0.11709,0.10236,0.04421,-0.02233,0.00743,-0.04344,0.10107,0.0612,-0.04268,-0.09639,-0.01927,0.07001,0.03046,0.04697,0.05388,-0.03065,-0.05209,-0.00696,0.03045,-0.05447,-0.08101,0.06213,0.07148,-0.00691,0.02335,-0.00738,0.01198,0.09985,0.13292,-0.04708,-0.02388,0.00256,0.06243,-0.03478,0.00954,-0.04252,0.03657,-0.07701,-0.00951,-0.03767,0.00136,-0.03419,0.03855,-0.00797,-0.0692,0.01876,-0.00046,-0.01565,0.00361,-0.0278,-0.052,0.00178,-0.03818,-0.04094,0.0542,0.02151,0.00049,-0.02304,-0.01234,0.03048,-0.03282,0.00177,0.01801,-0.03703,-0.00199,0.09715,-0.00247,-0.08298,0.08332,-0.00385,0.02901,0.01182,-0.04931,-0.03132,0,-0.00122,0.05223,0.00418,-0.015,0.08509,0.02597,-0.00503,-0.0395,0.02778,-0.03261,-0.07516,-0.02935,-0.02536,-0.04535,0.02255,-0.07032,-0.00551,0.06848,0.01222,-0.00183,0.05116,-0.05947,0.01619,-0.00511,0.11199,0.01786,-0.05943,0.03759,0.02679,0.00874,0.04544,0.03412,0.05299,-0.02341,-0.01877,-0.06773,-0.10992,-0.05995,-0.04243,0.00708,-0.0221,-0.0183,-0.08535,0.02982,-0.00776,-0.04726,-0.05499,-0.04874,0.04996,0.01161,-0.03924,0.0188,0.05912,0.00881,0.00563,-0.0598,-0.03794,0.08572,0.00015,0.14082,-0.0425,0.04712,-0.02141,-0.10222,0.02459,0.1025,-0.01444,-0.05834,0.01944,-0.01984,0.01548,0.09574,-0.03044,0.02249,-0.01199,-0.00624,-0.07418,-0.06398,-0.00741,-0.04527,-0.06637,0.0097,-0.02176,0.04618,0.05927,-0.00098,-0.02163,-0.0343,-0.0136,0.03128,0.0268,0.03406,0.02161,-0.04238,0.0584,0,-0.03168,0.04753,-0.05842,0.02579,0.03708,0.00803,-0.04161,0.01818,0.10235,0.04311,-0.0047,0.05143,0.0733,-0.02699,-0.02034,-0.06173,-0.03792,-0.07387,0.01994,0.01472,0.0422,-0.01407,0.04573,-0.06871,0.01375,0.02517,-0.03419,0.00332,-0.03378,-0.00045,0.00147,0.04149,-0.09787,-0.02116,0.02118,-0.01443,-0.01277,0.12002,0.06174,-0.00598,0.03975,0.08164,-0.01191,-0.01234,-0.01188,-0.03599,-0.10477,-0.03801,0.00322,-0.01767,-0.08137,0.00696,-0.04097,0.07623,-0.03116,0.04231,0.06544,0.12684,-0.02225,0.07952,0.07553,-0.14449,0.01079,0.01435,0.04888,0.01006,0.0507,0.04603,0.0892,0.07674,0.05883,0.07178,0.08504,0.05797,0.01317,-0.01318,-0.01377,-0.05706,-0.0133,0.09596,-0.06504,0.10461,-0.01976,0.01989,0.08327,-0.01806,0.12038,0.0115,0.06458,-0.0309,-0.02711,0.06835,-0.02125,0.01038,-0.05923,0,-0.01671,-0.00392,-0.10388,0.07021,0.02451,0.03481,-0.00823,-0.02662,-0.00025,-0.01343,-0.02721,-0.01199,-0.00328,0.00733,0.13933,-0.03532,0.01726,-0.05487,-0.08882,-0.01233,-0.03072,0.0001,-0.07501,0.06976,0.00866,-0.0493,0.06288,0.03633,-0.08866,0.03126,-0.0293,0.04665,-0.0877,0.00874,-0.06622,0.12049,-0.05902,0.03608,-0.0757,0.02966,0.02652,-0.06631,-0.04375,0.00391,-0.01159,0.04191,0.01614,0.04592,-0.07267,0.05476,0.00926,0.00325,0.03494,-0.06708,0.0337,-0.06572,-0.03238,0.01691,0.00469,0.03498,-0.07946,0.11286,0.11984,0.01966],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-node-output-directive#2","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.02224,0.01947,-0.09077,0.00777,0.04178,-0.03972,0.00319,-0.01754,0.01366,0.02584,-0.02998,0.02703,-0.01152,-0.07449,-0.06281,0.00336,0.00295,0.03392,0.0833,-0.01514,-0.02168,-0.04209,-0.04653,-0.06653,-0.04285,-0.03458,0.00123,0.00185,-0.01325,-0.02902,-0.03605,0.04394,-0.00643,0.02855,-0.11811,0.04308,0.0544,-0.01667,-0.0781,0.05969,0.07217,-0.05729,0.08848,-0.0462,-0.05703,0.00574,-0.06714,-0.02756,-0.06873,0.03256,0.0175,-0.00218,-0.01914,0.13086,0.07261,0.04352,-0.01532,-0.02793,-0.06899,0.09745,0.05146,-0.04012,-0.06844,-0.03457,0.14836,0.02426,0.02179,0.03303,-0.03705,-0.03691,0.03795,0.02941,-0.01516,-0.0884,0.06121,0.02633,-0.01244,0.02744,0.00538,0.02326,0.05745,0.11916,-0.03115,-0.02267,-0.01411,0.09085,-0.04815,0.01621,-0.04596,0.02438,-0.09924,0.00094,-0.06774,-0.00173,-0.04196,0.01831,0.01565,-0.05095,-0.00568,-0.00202,-0.00757,0.00831,-0.0117,-0.07131,-0.0239,-0.05243,-0.03673,0.05314,0.01014,-0.04081,-0.04016,0.02112,0.00396,-0.01967,-0.00245,-0.00053,-0.00198,-0.02067,0.0847,0.02303,-0.05856,0.05862,-0.03159,0.03123,0.04094,-0.05141,-0.01325,0,0.01318,0.04841,0.02237,-0.02109,0.10193,0.04401,-0.00073,-0.03567,0.00584,-0.05061,-0.07599,-0.0318,-0.0128,-0.03633,0.03198,-0.08217,0.02801,0.07147,0.02413,-0.0116,0.08299,-0.05058,-0.01717,-0.00466,0.07916,0.05557,-0.05312,0.00883,-0.02431,0.02417,0.01218,0.06509,0.0454,-0.00503,-0.00295,-0.07345,-0.0926,-0.02387,-0.07699,-0.02409,-0.02822,-0.00023,-0.04905,0.0232,0.01488,-0.05092,-0.06208,-0.08175,0.06521,0.03153,-0.00613,-0.00178,0.06853,-0.0124,0.01227,-0.06274,-0.04601,0.04824,0.00268,0.09513,-0.03651,0.04474,-0.03129,-0.08533,0.00392,0.1175,0.00333,-0.05634,0.06042,0.00627,-0.01695,0.10971,0.00092,0.02071,-0.00904,0.04116,-0.04726,-0.09738,-0.03258,-0.03798,-0.05127,-0.00769,-0.02909,0.01133,0.09366,-0.0067,-0.04138,-0.0189,0.03013,0.02108,0.00877,0.02176,0.00418,-0.09509,0.03759,0,-0.03319,0.04017,-0.09393,0.0154,0.02043,0.00207,-0.04035,-0.03633,0.05957,0.05785,-0.04242,0.02482,0.07608,-0.02135,-0.07731,-0.04503,-0.0242,-0.0574,0.04736,0.02775,0.02067,-0.01414,0.1015,-0.02365,0.02758,0.0173,-0.01183,0.02234,-0.03173,-0.02011,0.00555,-0.00733,-0.05624,-0.04935,0.01126,-0.0158,-0.01034,0.11136,0.06547,0.03789,0.03624,0.04762,-0.02864,0.02741,-0.01455,-0.02663,-0.10822,-0.02889,0.01091,0.00152,-0.07043,0.00891,-0.06916,0.0824,-0.0337,0.03474,0.06228,0.14835,-0.00665,0.07771,0.05547,-0.16533,-0.02776,0.00981,0.06447,0.01677,0.0062,0.06346,0.08308,0.10714,0.02265,0.07248,0.06445,0.06953,0.02585,0.01232,-0.01333,-0.08098,-0.01591,0.11067,-0.0438,0.0782,-0.0117,0.02643,0.10033,-0.05786,0.10059,0.01338,0.03233,-0.06588,0.01794,0.09969,-0.055,-0.03058,-0.04733,0,-0.02147,-0.01121,-0.06954,0.0502,0.01973,-0.01788,0.012,-0.02697,-0.00075,-0.01964,-0.03915,-0.01189,0.01048,-0.03747,0.17186,-0.02309,0.0347,-0.05746,-0.08989,-0.00133,-0.00864,0.0021,-0.10513,0.06472,-0.01418,-0.07328,0.05281,0.0201,-0.08095,0.01449,-0.01154,0.03874,-0.03619,0.01213,-0.02413,0.09787,-0.05522,0.03999,-0.05744,0.02822,0.01472,-0.05079,-0.05937,0.02124,-0.02097,0.04404,-0.00104,-0.00522,-0.04743,0.05712,0.00703,-0.01364,0.05163,-0.04944,0.03227,-0.0405,-0.01871,-0.00741,-0.01688,0.03226,-0.04645,0.13309,0.15045,0.03334],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. A node with an output connector You can place fNodeOutput on a dedicated element inside the node (classic “port”), or directly on the node host element (simple “whole-node output”). Output as a port element (recommended for multi-port nodes) Output on the node host (recommended for simple nodes) f Node Output","excerpt":"A node with an output connector You can place fNodeOutput on a dedicated element inside the node (classic “port”), or directly on the node host element (simple “whole-node output”). Output as a port element (recommended for multi-port nodes) Output on the node host (recommended for simple nodes)"},{"chunkId":"/docs/f-node-output-directive#3","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.02572,0.00172,-0.06151,0.03262,0.04978,-0.01196,0.02097,-0.00154,0.02346,-0.00146,-0.02605,0.04242,0.00595,-0.08062,-0.06103,0.03327,-0.03566,0.00728,0.06069,-0.01171,-0.02355,-0.08991,-0.04563,-0.0612,-0.03477,-0.05157,0.01218,-0.01223,-0.01007,-0.02287,-0.01318,0.06425,-0.04124,0.00875,-0.12114,0.03276,0.08203,-0.00684,-0.08166,0.0769,0.06275,-0.05802,0.0692,-0.0196,-0.0369,0.02429,-0.09334,-0.00955,-0.0477,0.04113,0.03014,0.02877,-0.02438,0.11864,0.10202,0.04727,-0.02515,-0.02139,-0.08283,0.10239,0.05808,-0.0407,-0.06501,-0.03317,0.11345,0.03396,0.01723,-0.00949,-0.00241,-0.01401,0.00927,0.04273,-0.02909,-0.07253,0.04224,0.03407,-0.0023,0.0272,-0.01409,-0.0129,0.08021,0.13516,-0.04054,-0.03781,-0.022,0.08785,-0.04858,-0.01985,-0.04702,0.06066,-0.05803,0.03214,-0.03927,-0.00891,-0.02491,0.02215,0.00574,-0.03438,-0.00822,0.0083,-0.0341,-0.01764,-0.03827,-0.03685,-0.00664,-0.0639,-0.03242,0.02373,0.01877,-0.02286,-0.01802,0.03578,-0.02328,0.00326,-0.02159,0.05238,0.02687,-0.00876,0.08278,0.03147,-0.0769,0.05325,-0.03174,0.04259,0.00014,-0.06473,-0.04575,0,-0.01988,0.0212,-0.00705,-0.03037,0.12478,-0.00389,-0.0044,-0.0722,-0.01443,-0.00363,-0.10927,-0.0525,-0.019,-0.03495,0.02632,-0.0777,0.03717,0.04938,0.03023,-0.02405,0.07758,-0.05538,-0.00241,0.00909,0.08041,0.04909,-0.07479,0.02966,0.02216,0.01281,-0.01151,0.04393,0.03652,-0.01724,-0.00762,-0.05609,-0.06708,-0.04731,-0.09996,-0.0123,-0.0484,0.01755,-0.0704,0.03926,0.01713,-0.05564,-0.05695,-0.07764,0.06466,0.00202,0.00102,0.00742,0.08388,-0.0438,0.00138,-0.06204,-0.06384,0.02214,-0.01829,0.10057,-0.01903,0.02273,-0.04614,-0.07173,0.03613,0.13543,0.00432,-0.04033,0.02974,-0.01586,-0.03747,0.11583,-0.03207,0.00389,-0.01325,0.03552,-0.03924,-0.08789,0.01429,-0.03824,-0.0052,0.0211,-0.03201,0.04357,0.07979,0.0092,-0.01995,-0.0273,0.02123,0.02488,0.00543,0.02968,0.03176,-0.08248,0.04641,0,-0.05491,0.04373,-0.08649,0.0119,0.01919,0.02243,-0.03251,-0.0179,0.04601,0.0503,-0.00908,0.0192,0.01128,-0.04159,-0.07211,-0.05261,-0.03311,-0.07662,0.00917,0.03546,0.00189,-0.00728,0.0574,-0.0474,0.00655,0.01135,-0.01777,0.01664,-0.05196,-0.02113,-0.00459,0.00432,-0.05666,-0.0443,0.01349,-0.00782,-0.02,0.13335,0.07274,0.03806,0.01111,0.06227,-0.03299,0.03437,-0.00868,0.01303,-0.11938,-0.00212,-0.01308,0.04158,-0.07217,-0.00843,-0.06187,0.05913,-0.04349,0.0267,0.05421,0.12267,-0.00214,0.06472,0.06581,-0.14202,-0.05042,0.0372,0.08988,-0.00813,0.01218,0.08856,0.06839,0.07928,0.03236,0.07586,0.04391,0.07253,0.02555,-0.00017,-0.02076,-0.09109,-0.01175,0.13217,-0.05104,0.07228,-0.01923,0.0359,0.06197,-0.03087,0.10235,0.03686,0.07639,-0.02214,0.01968,0.0819,-0.01692,-0.01417,-0.09503,0,-0.00586,-0.00679,-0.098,0.02684,-0.00259,0.00918,-0.02381,-0.01404,0.00508,-0.01456,-0.05757,0.01012,-0.02542,-0.01211,0.12048,-0.07572,0.06235,-0.03943,-0.06989,0.00992,-0.0309,0.00471,-0.10814,0.07404,0.00812,-0.08044,0.08911,0.04477,-0.09182,0.02463,-0.02203,0.04445,-0.04254,0.06334,-0.04464,0.11625,-0.06161,0.02639,-0.06444,0.04996,0.03724,-0.03436,-0.04092,0.01309,-0.01501,0.03805,0.03015,0.00184,0.00297,0.08893,0.01023,-0.02034,0.03686,-0.05186,0.03795,-0.03647,-0.03675,0.01625,0.00688,-0.00083,-0.09067,0.09667,0.13443,-0.00305],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Notes - Putting fNodeOutput on the node host is great when you want one output for the whole node. - For nodes with multiple outputs, prefer separate port elements - it’s clearer for UX and keeps ids/rules per port. - Don’t confuse this with dropping a connection onto a node (fConnectOnNode) - that one affects where you can drop a connection, not where you start it. f Node Output f Connect On Node","excerpt":"Notes - Putting fNodeOutput on the node host is great when you want one output for the whole node. - For nodes with multiple outputs, prefer separate port elements - it’s clearer for UX and keeps ids/rules per port. - Don’t confuse this with dropping a connection onto a node (fConnectOnNode) - that one affects where you can drop a connection, not where you start it."},{"chunkId":"/docs/f-node-output-directive#4","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.01725,-0.02352,-0.13275,0.06069,0.01003,0.05257,-0.00038,-0.02515,0.04464,-0.01972,-0.02239,0.03466,-0.00648,-0.07523,-0.10075,0.04599,-0.00095,0.00942,0.02441,-0.03605,-0.04014,-0.03794,-0.06815,-0.04471,-0.06474,-0.03285,0.04257,-0.01057,0.0111,-0.01883,-0.0182,0.05786,-0.08089,-0.03028,-0.1186,0.0359,0.06996,-0.04039,-0.07913,0.02583,0.06328,-0.11067,0.03153,-0.04221,-0.01293,0.00597,-0.06957,-0.00653,-0.0562,0.04994,0.00605,0.05938,-0.02347,0.12999,0.08366,0.07423,0.00453,0.00181,-0.07728,0.09609,0.04155,-0.00951,-0.05281,-0.00102,0.07944,0.05469,0.02089,0.03099,0.01477,-0.0484,0.03045,0.05088,-0.04326,-0.12061,0.07878,0.01262,-0.00809,-0.01144,0.04455,-0.02523,0.08303,0.14169,-0.0198,-0.04737,0.01544,0.05368,-0.03262,-0.02935,-0.06375,0.05396,-0.0528,-0.01073,-0.01948,-0.02384,-0.02705,0.03698,0.00736,-0.02643,0.03568,0.00116,-0.06216,0.01826,-0.02891,0.01893,-0.00205,-0.07933,-0.03309,0.05523,-0.02019,-0.03605,-0.01606,0.00832,0.00161,0.0239,0.02989,0.00017,-0.04754,-0.00685,0.06941,-0.00067,-0.04654,0.04724,-0.02801,0.00941,0.01109,-0.04691,-0.05887,0,0.00152,0.01354,0.00615,-0.00217,0.03706,0.00886,0.0042,-0.0513,0.00958,-0.00209,-0.10727,-0.00334,-0.04238,-0.01454,0.01336,-0.07324,0.00575,0.09632,0.0428,-0.03745,0.05694,0.02551,0.01387,-0.03539,0.10399,0.0628,-0.05672,0.06228,-0.02845,0.01739,0.0374,0.04645,0.03667,-0.03386,-0.03128,-0.04614,-0.05038,-0.04123,-0.08603,-0.03402,0.03699,0.0025,-0.07215,0.05326,-0.00933,-0.05686,-0.03542,-0.04312,0.02541,0.0284,-0.02367,0.01336,0.01102,-0.03116,-0.04392,-0.09598,-0.08652,0.04541,-0.00213,0.09656,-0.03624,0.03079,-0.05931,-0.02285,0.05933,0.12913,0.0026,-0.08867,0.03253,-0.0214,-0.00651,0.09856,-0.00759,-0.02723,0.0161,-0.03329,-0.0684,-0.07897,-0.05261,-0.0168,0.00207,-0.01985,-0.09541,0.06875,0.05567,0.01908,-0.04872,-0.06624,0.00924,0.01379,0.02474,0.04479,0.06683,-0.0473,0.07648,0,-0.00245,0.02837,-0.04437,0.00907,0.02313,0.00635,-0.03396,-0.02113,0.04428,-0.00942,0.00407,0.03159,0.03591,-0.02887,-0.02657,-0.02795,-0.05956,-0.1137,0.00106,0.04742,0.00306,-0.00787,0.02493,-0.05141,0.02384,0.00099,-0.02571,-0.00416,-0.01664,-0.00029,0.01156,-0.01992,-0.10136,-0.02621,-0.00875,-0.02182,0.02331,0.05974,0.04001,0.04811,0.03971,0.09253,-0.06401,0.03386,-0.00227,-0.01752,-0.123,0.00107,0.01298,-0.0017,-0.04866,0.00122,-0.11004,0.02968,-0.04282,0.04425,0.05642,0.10369,-0.02378,0.06683,0.06311,-0.15278,0.00331,0.01202,0.06039,-0.02922,0.03561,0.05115,0.09152,0.08114,0.07242,0.06747,0.12712,0.06526,0.05467,-0.06322,-0.06118,-0.08064,0.01642,0.14113,-0.05838,0.07251,0.00632,0.02947,0.05733,-0.01578,0.10767,0.04482,0.08013,-0.04244,0.00092,0.05766,-0.03834,-0.01758,-0.07527,0,-0.02327,-0.00891,-0.05891,0.03752,0.03607,0.00248,-0.02236,-0.02489,-0.00243,-0.01405,-0.029,0.03848,0.0066,-0.05172,0.11087,-0.04279,0.09059,-0.04524,-0.06309,-0.01326,-0.01102,-0.00663,-0.08833,0.08154,0.03692,-0.0656,0.08667,0.04588,-0.07951,0.0712,0.003,0.02006,-0.00543,0.03108,-0.00282,0.08299,-0.00907,0.02662,-0.06591,0.0166,0.02008,-0.03309,-0.05884,0.0023,-0.01255,0.05527,0.02107,-0.00543,-0.03279,0.06756,-0.04626,-0.04783,0.03033,-0.03294,0.05412,-0.08119,-0.02243,0.02964,0.02128,-0.00157,-0.04248,0.12025,0.09614,-0.01773],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Connect it using f-connection A persisted connection references the output and input by their ids: Tip: use stable ids (from your data model) if you want selection/state to survive rerenders and persistence.","excerpt":"Connect it using f-connection A persisted connection references the output and input by their ids: Tip: use stable ids (from your data model) if you want selection/state to survive rerenders and persistence."},{"chunkId":"/docs/f-node-output-directive#5","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.01776,-0.02642,-0.10417,0.03493,0.04076,0.00384,0.02815,-0.03289,0.04356,-0.00764,0.0027,0.08162,-0.01181,-0.05337,-0.07551,0.01007,0.01429,-0.0273,0.00267,0.00819,-0.00109,-0.09198,-0.05782,-0.06326,-0.04403,-0.03906,-0.00368,-0.01575,0.00491,-0.03236,-0.03884,0.06374,-0.03245,0.00507,-0.11125,0.00857,0.10844,-0.02396,-0.09232,0.01437,0.02928,-0.1115,0.03884,-0.0607,-0.04326,0.02818,-0.08392,-0.03618,-0.10646,0.03888,0.02465,0.04458,-0.02611,0.09492,0.11174,0.09515,0.01182,0.04525,-0.05313,0.09285,0.02422,-0.03713,-0.07033,0.00783,0.10073,0.07195,0.03899,-0.00986,-0.00851,-0.07236,0.02377,0.03068,-0.02171,-0.10167,0.06755,0.02118,-0.04231,0.02828,0.02205,-0.03338,0.06685,0.10744,-0.00458,0.00345,0.02904,0.11136,-0.04898,-0.0177,-0.03409,0.05728,-0.06376,-0.00202,-0.03698,-0.02506,-0.07643,0.03848,0.00023,-0.04008,0.006,0.02654,-0.02316,0.00933,0.01727,-0.02023,0.00335,-0.08959,-0.03694,0.0568,-0.0373,0.00193,0.00926,-0.0145,0.03325,-0.0345,-0.03318,0.04147,-0.0216,0.00114,0.09877,-0.00039,-0.05431,0.05814,0.01691,-0.02271,-0.01279,-0.07197,-0.02919,0,0.00717,0.00325,0.00313,-0.02599,0.09538,0.00659,0.01037,-0.05832,-0.00963,-0.01406,0.00466,0.02664,-0.01975,-0.01188,0.05308,-0.04239,0.00784,0.07047,0.00089,0.02553,0.07932,0.00104,0.01646,0.00002,0.0803,0.08951,-0.06869,0.06239,0.0184,0.01551,0.02232,0.03065,0.03013,-0.0216,0.00283,-0.06661,-0.09302,-0.08095,-0.04971,-0.00232,0.00344,-0.02511,-0.08779,0.02959,-0.00542,-0.02315,-0.03442,-0.06026,0.02754,0.0032,-0.02669,0.04876,0.04602,-0.04582,-0.0114,-0.10012,-0.06478,0.04763,-0.02855,0.07393,0.01801,0.02536,-0.04287,-0.05595,0.0247,0.11938,-0.01871,-0.02987,0.04619,-0.06044,-0.04326,0.1046,-0.0368,0.01761,0.01139,-0.01005,-0.05412,-0.04316,0.01933,-0.04318,-0.03006,-0.01375,-0.01624,0.07066,0.04783,-0.02778,-0.05384,-0.049,-0.01634,0.00983,0.06659,0.04169,0.00447,-0.02455,0.06589,0,0.01985,0.00794,-0.05502,0.00833,-0.03585,0.01032,-0.03938,-0.00745,0.08854,0.02064,0.03609,0.0514,0.06124,-0.04534,-0.05759,-0.02386,-0.06489,-0.0522,-0.00955,0.02978,0.04067,-0.00377,0.05327,-0.02529,-0.01916,-0.00198,-0.03747,-0.0126,-0.00197,0.00505,0.02812,0.00728,-0.1068,-0.02507,0.00206,-0.03914,-0.03419,0.09036,0.0515,0.0225,0.04373,0.08064,-0.03871,0.01869,-0.01469,0.0035,-0.12329,-0.03304,-0.01523,-0.05396,-0.02235,0.02755,-0.0574,0.03783,-0.05923,0.05077,0.07624,0.07996,-0.02655,0.09369,0.06799,-0.15106,-0.01398,0.02833,0.04351,0.02151,0.01074,0.04139,0.13825,0.06654,0.08968,0.04004,0.09543,0.00192,0.03479,-0.04347,-0.01381,-0.11221,-0.03404,0.08955,-0.06223,0.0982,-0.01256,0.01188,0.06892,-0.00991,0.06168,0.06454,0.04641,-0.03669,-0.00453,0.0879,-0.05116,0.04082,-0.0987,0,-0.03222,-0.03609,-0.07544,0.01588,0.04454,0.02172,-0.00515,-0.04071,-0.02679,-0.00711,-0.03457,0.0201,-0.03874,-0.00495,0.12737,-0.00194,0.05815,-0.03202,-0.09668,-0.01449,-0.02676,-0.02965,-0.08272,0.11868,-0.02724,-0.04905,0.07511,0.04925,-0.06206,0.03662,-0.00383,0.03679,-0.04071,0.05481,-0.07768,0.11874,-0.0453,0.0357,-0.04588,0.01075,0.02115,-0.06754,-0.07319,0.04026,-0.00653,0.03515,0.00713,-0.00638,-0.07031,0.07164,-0.02128,0.02111,0.01314,-0.02792,0.02788,-0.062,0.00018,0.02575,0.02746,0.03481,-0.03272,0.07108,0.15286,-0.01594],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. How it works - The output connector registers itself in the internal store (together with its parent node). - During interaction (create/reassign connection), the library uses output metadata (disabled/multiple/self-connect rules) to decide whether a target is valid. - The connector also updates CSS state classes so you can style “connected / disabled / not connectable” states.","excerpt":"How it works - The output connector registers itself in the internal store (together with its parent node). - During interaction (create/reassign connection), the library uses output metadata (disabled/multiple/self-connect rules) to decide whether a target is valid. - The connector also updates CSS state classes so you can style “connected / disabled / not connectable” states."},{"chunkId":"/docs/f-node-output-directive#6","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.02849,-0.01817,-0.06254,-0.00174,0.02197,-0.05718,-0.00884,-0.00257,-0.00667,0.01146,-0.02384,0.02149,0.01466,-0.06674,-0.03062,0.02623,0.02893,-0.00963,0.06181,0.00928,-0.04062,-0.0628,-0.05826,-0.05592,-0.02966,-0.07308,0.0069,-0.01919,-0.04268,-0.00905,-0.06409,0.03895,-0.03857,0.02212,-0.09514,0.00478,0.10605,-0.03504,-0.08866,0.0646,0.07194,-0.04622,0.04434,-0.03565,-0.04915,0.01498,-0.05911,-0.02226,-0.10544,0.05961,0.01659,0.03549,-0.03928,0.11662,0.11036,0.03585,-0.015,0.01105,-0.05597,0.10492,0.06273,-0.0587,-0.10227,-0.01893,0.05884,0.03773,0.03421,0.04914,-0.01457,-0.05592,-0.02318,0.02754,-0.06529,-0.07072,0.05352,0.06195,-0.00588,0.02392,-0.01971,0,0.08445,0.11275,-0.05077,0.00128,-0.00203,0.07346,-0.03324,0.01851,-0.02793,0.0389,-0.06976,-0.01296,-0.02716,-0.00101,-0.03072,0.04314,-0.0003,-0.08123,0.00434,0.00934,-0.01727,0.00132,-0.02603,-0.05038,0.01715,-0.03952,-0.04168,0.04699,0.01496,0.00722,-0.02071,-0.01419,0.03917,-0.03001,-0.00161,0.04077,-0.04135,-0.00396,0.10844,-0.00085,-0.06758,0.06649,0.00168,0.03166,0.01145,-0.05158,-0.02229,0,-0.01788,0.03396,0.03357,-0.01527,0.09598,0.02546,0.01371,-0.04607,0.02591,-0.04764,-0.08915,-0.00953,-0.01076,-0.05617,0.01998,-0.05446,-0.00779,0.09228,0.01718,0.0065,0.05166,-0.07286,0.0155,-0.00041,0.10549,0.02387,-0.05655,0.03352,0.03241,0.01045,0.04629,0.03745,0.06841,-0.01578,-0.02012,-0.06035,-0.11278,-0.06195,-0.04865,0.01015,-0.02321,-0.00204,-0.09188,0.02765,-0.01971,-0.04093,-0.06548,-0.05459,0.04647,-0.0011,-0.04713,0.03044,0.06226,-0.01291,0.00787,-0.07402,-0.02757,0.0794,-0.01248,0.1347,-0.0284,0.03932,-0.0196,-0.09813,0.02895,0.09119,-0.02445,-0.04249,0.01755,-0.02016,0.0196,0.10458,-0.03727,0.02421,-0.0243,-0.02059,-0.05532,-0.05585,-0.00911,-0.05015,-0.05314,0.00558,-0.02049,0.04785,0.04838,0.0048,-0.01212,-0.03885,-0.02255,0.03878,0.01224,0.02645,0.02184,-0.03243,0.05198,0,-0.04152,0.03558,-0.05383,0.02962,0.03544,-0.0079,-0.04123,0.03999,0.11564,0.05625,-0.01165,0.05681,0.06965,-0.03431,-0.01262,-0.06517,-0.05644,-0.07813,0.02509,0.0131,0.02718,-0.0088,0.03894,-0.06099,-0.00126,0.02107,-0.04413,-0.00112,-0.04749,-0.00899,-0.00466,0.03529,-0.10095,-0.01101,0.012,-0.03267,0.00351,0.13714,0.0759,-0.00708,0.03984,0.06649,-0.01267,-0.01245,-0.00197,-0.04307,-0.10195,-0.02846,-0.01639,-0.02422,-0.06237,0.00996,-0.03044,0.07189,-0.03593,0.05151,0.08126,0.115,-0.01619,0.07093,0.05893,-0.14114,0.01042,0.02387,0.05438,0.00675,0.0443,0.03928,0.08552,0.07844,0.0589,0.05156,0.0621,0.07213,0.02326,-0.01964,-0.01617,-0.06594,-0.01983,0.10862,-0.08934,0.11509,-0.00933,0.046,0.09787,-0.02287,0.13118,0.01149,0.06737,-0.01207,-0.0382,0.07036,-0.03778,0.01288,-0.05558,0,-0.01708,-0.00313,-0.11234,0.07983,0.01925,0.05511,-0.02055,-0.02277,-0.00079,-0.00262,-0.03918,-0.01283,-0.00647,0.0082,0.12433,-0.03758,0.02748,-0.05185,-0.09059,-0.02014,-0.04059,0.01258,-0.06677,0.05795,0.00294,-0.0486,0.07051,0.04873,-0.08131,0.02005,-0.03939,0.03537,-0.06743,-0.00113,-0.06088,0.10639,-0.06175,0.03212,-0.0757,0.03775,0.03282,-0.06448,-0.04489,0.01164,0.01816,0.04776,0.01954,0.03884,-0.05524,0.05987,0.01097,-0.00217,0.02477,-0.06258,0.02312,-0.06983,-0.04586,0.01216,0.00506,0.03124,-0.05885,0.1136,0.12443,0.01434],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. API","excerpt":"API"},{"chunkId":"/docs/f-node-output-directive#7","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.02204,-0.00378,-0.11348,0.03898,0.02251,0.02311,0.02784,-0.02531,0.00024,-0.02414,-0.01024,0.01049,0.00025,-0.08406,-0.04626,-0.00949,-0.01112,-0.03824,0.04294,-0.04719,-0.04507,-0.05136,-0.02907,-0.05021,-0.0632,-0.05527,-0.00925,-0.00596,-0.02535,-0.0546,0.00445,0.06023,-0.01962,0.00684,-0.07417,-0.00806,0.07531,-0.04459,-0.07238,-0.01981,0.03371,-0.07319,0.02386,-0.07977,-0.03013,-0.00611,-0.14985,-0.03276,-0.02587,0.02221,0.07255,0.05019,-0.01953,0.11249,0.12428,0.08324,-0.02286,0.01079,-0.05441,0.07667,0.01155,-0.05096,-0.05263,-0.00794,0.01534,0.06621,-0.00154,-0.00536,-0.00982,0.02012,0.01079,0.05414,-0.03663,-0.08216,0.09898,0.04921,-0.04602,0.04032,-0.01582,-0.02654,0.04817,0.06325,-0.04265,-0.00734,-0.02957,0.08487,-0.07015,-0.01721,-0.02637,0.07586,-0.07395,-0.03222,-0.01027,0.00429,0.00629,0.04459,-0.02818,-0.03865,-0.01555,0.02442,-0.06878,0.01719,0.02425,0.00541,0.03231,-0.02615,-0.00414,0.02215,0.01793,-0.04255,-0.02242,-0.0166,0.02517,-0.02531,-0.0269,0.02896,0.0419,0.01671,0.09782,0.02207,-0.02388,0.02114,-0.02085,0.0035,-0.00749,-0.08341,-0.02728,0,0.01937,0.01441,0.00464,-0.04332,0.07968,0.03697,-0.005,-0.0223,-0.01339,0.04186,-0.08861,-0.01215,-0.01082,-0.02799,0.00842,-0.05358,0.02568,0.05075,0.03521,-0.02144,0.08321,-0.04945,0.00258,-0.04081,0.08288,0.02311,-0.07037,0.03484,0.05036,0.00966,0.02863,0.03142,0.04335,0.00802,-0.01365,-0.06333,-0.05215,-0.03576,-0.06729,-0.00978,-0.013,-0.02491,-0.08374,0.02786,0.01624,-0.02292,-0.08257,-0.06931,0.06381,0.02261,-0.03834,0.05869,0.01287,-0.04106,0.03097,-0.09652,-0.06282,0.12201,-0.00103,0.10401,0.00415,0.05722,-0.0402,-0.0663,0.02758,0.11815,-0.03927,-0.07213,0.00761,-0.04606,-0.05483,0.06626,-0.04983,-0.0284,-0.00805,-0.035,-0.06704,-0.07903,-0.00561,-0.03219,-0.02344,0.01949,-0.06175,0.09708,0.04337,0.00419,-0.05527,-0.03724,0.00675,0.02868,0.02631,0.0632,0.05015,-0.03991,0.01388,0,-0.03914,0.06043,-0.06228,0.0061,0.00134,0.0007,-0.01173,0.04709,0.0711,0.03855,0.03633,0.05492,0.04491,-0.11193,-0.03523,-0.01166,-0.08627,-0.04963,0.01057,0.05815,0.00703,0.01746,0.04065,-0.01647,-0.00299,0.03579,-0.01027,0.01892,-0.04443,-0.02891,0.00121,0.03368,-0.0894,-0.01201,-0.00427,-0.06869,0.00744,0.13224,0.0325,0.03024,0.03532,0.0509,-0.04838,0.03383,0.00716,-0.02747,-0.07427,0.00853,-0.04043,0.01073,-0.05163,-0.01956,-0.06091,0.06413,-0.01248,0.03703,0.12876,0.05985,0.02288,0.06336,0.1067,-0.14838,0.00357,0.06327,0.10354,-0.00871,0.00365,0.05193,0.10529,0.06145,0.06074,0.02731,0.02761,0.04774,0.0397,0.03512,-0.03393,-0.10992,-0.02903,0.13663,-0.06699,0.09542,-0.02891,0.03433,0.06294,-0.03433,0.06156,0.01996,0.0746,0.05038,-0.02298,0.0694,-0.03531,0.00899,-0.07253,0,-0.05999,-0.03832,-0.13591,0.02116,0.02277,0.0005,0.02516,-0.06166,-0.02862,-0.04822,-0.07439,0.05338,-0.03277,0.0047,0.10648,-0.03564,0.02858,-0.03976,-0.06588,0.01253,-0.00387,-0.03197,-0.09326,0.08337,-0.00986,-0.08741,0.05603,0.0537,-0.05017,0.05994,-0.04673,0.00333,-0.03343,0.03055,-0.08065,0.121,-0.07089,0.01091,-0.11236,0.02229,0.03425,-0.05177,-0.05627,-0.00386,0.00886,0.03919,0.06873,0.03706,-0.01578,0.0541,-0.01619,-0.01698,0.03947,-0.05619,-0.0012,-0.03792,-0.01848,0.00062,0.05417,0.02412,-0.06544,0.06244,0.10439,0.01235],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Inputs - fOutputId: string; Output identifier. Default: f-node-output-${uniqueId++}. - fOutputMultiple: boolean; Default: false. Allows multiple outgoing connections. - fOutputDisabled: boolean; Default: false. Disables connection from this output. - fOutputConnectableSide: EFConnectableSide; Default: AUTO. Preferred side for outgoing connection. - isSelfConnectable: boolean; Default: true. Allows connecting to inputs on the same node. - fCanBeConnectedInputs: string[]; List of allowed input IDs or categories. f Output Id unique Id f Output Multiple f Output Disabled f Output Connectable Side EF Connectable Side is Self Connectable f Can Be Connected Inputs I Ds","excerpt":"Inputs - fOutputId: string; Output identifier. Default: f-node-output-${uniqueId++}. - fOutputMultiple: boolean; Default: false. Allows multiple outgoing connections. - fOutputDisabled: boolean; Default: false. Disables connection from this output. - fOutputConnectableSide: EFConnectableSide; Default: AUTO. Preferred side for outgoing connection. - isSelfConnectable: boolean; Default: true. Allows connecting to inputs on the same node. - fCanBeConnectedInputs: string[]; List of allowed input IDs or categories."},{"chunkId":"/docs/f-node-output-directive#8","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.00272,-0.01166,-0.09003,0.00841,0.01867,-0.04419,0.00302,-0.01245,0.00108,0.02878,0.01055,0.0099,-0.00684,-0.06549,-0.07965,0.01955,0.00159,0.00646,0.08185,0.00722,-0.02917,-0.07718,-0.0624,-0.05967,-0.02506,-0.06509,0.01348,-0.00834,-0.051,-0.03826,-0.04707,0.03798,-0.01663,0.00458,-0.0891,0.00449,0.09154,-0.03197,-0.08603,0.04953,0.05495,-0.06393,0.07498,-0.03677,-0.06135,0.02406,-0.06868,-0.03022,-0.10366,0.02849,0.02103,0.03476,-0.04851,0.1117,0.10714,0.03156,-0.04047,0.01849,-0.05022,0.08963,0.04308,-0.03395,-0.09274,-0.0252,0.08057,0.03253,0.03407,0.04763,-0.02559,-0.04448,0.0001,0.0352,-0.04692,-0.08884,0.07249,0.04725,0.00437,0.03815,0.00532,0.01512,0.08753,0.12124,-0.03656,-0.00587,-0.0032,0.07221,-0.04693,0.01794,-0.04555,0.01928,-0.0999,-0.02429,-0.04366,0.00843,-0.05336,0.01966,0.01191,-0.06466,0.00817,0.01769,-0.01536,0.00618,-0.00888,-0.06212,0.00181,-0.04226,-0.03562,0.05256,0.00627,-0.01854,-0.0255,-0.01628,0.02313,-0.03686,0.01381,0.00386,-0.03799,0.00122,0.08937,-0.00348,-0.062,0.07142,-0.01976,0.04552,0.0178,-0.05413,-0.01866,0,0.00701,0.04527,0.02243,-0.0127,0.0762,0.03913,0.00071,-0.02928,0.02336,-0.02344,-0.07279,-0.03043,-0.01618,-0.03107,0.03879,-0.07702,0.01454,0.07802,0.00378,-0.00694,0.05984,-0.02934,0.01264,-0.03085,0.09656,0.02992,-0.06108,0.00988,0.02055,0.01354,0.02543,0.04938,0.05989,-0.02341,-0.01627,-0.08381,-0.10667,-0.05137,-0.04915,0.00953,-0.01676,-0.01628,-0.08551,0.02292,0.00492,-0.04716,-0.05867,-0.0436,0.04409,0.0262,-0.03659,0.02353,0.06083,-0.0049,0.0132,-0.07911,-0.02718,0.0926,0.00817,0.13319,-0.02908,0.06066,-0.03803,-0.12306,-0.00156,0.0878,-0.00901,-0.05881,0.02548,-0.02069,-0.00983,0.10177,-0.0231,0.01223,-0.00382,0.00836,-0.06509,-0.07362,-0.01465,-0.04945,-0.04757,-0.00936,-0.03191,0.01815,0.08486,0.01338,-0.04621,-0.02734,0.00234,0.02168,-0.00007,0.0227,0.00351,-0.06872,0.06505,0,-0.02904,0.05589,-0.08959,0.01415,0.01786,0.01248,-0.0302,0.00553,0.08893,0.03287,-0.00975,0.03788,0.07673,-0.02014,-0.0181,-0.05854,-0.04114,-0.06649,0.02074,0.02025,0.03292,0.01049,0.05496,-0.04035,0.01692,0.03446,-0.01695,0.033,-0.02718,0.01195,0.0063,0.01475,-0.09503,-0.02119,0.01315,-0.02859,0.00552,0.12277,0.05276,0.00896,0.03536,0.07987,0.00414,0.01485,-0.00545,-0.04424,-0.11306,-0.03962,0.02938,-0.01395,-0.0606,-0.00713,-0.056,0.07649,-0.03872,0.024,0.06736,0.12941,-0.02228,0.07717,0.05915,-0.15917,0.00351,-0.01178,0.05064,0.01843,0.02749,0.05809,0.1,0.07621,0.06847,0.07328,0.08269,0.04939,0.0185,0.00935,-0.037,-0.06781,-0.00654,0.10186,-0.05252,0.09686,0.00932,0.02639,0.09082,-0.02855,0.11157,0.00955,0.06039,-0.03819,-0.00988,0.09264,-0.0036,0.01111,-0.04702,0,-0.00442,-0.00407,-0.10402,0.0799,0.02653,0.00597,0.00608,-0.04264,0.00102,-0.03812,-0.03777,-0.01281,-0.00758,-0.00472,0.16207,-0.04137,0.03025,-0.03895,-0.08874,-0.02088,-0.02083,0.0014,-0.09241,0.06529,-0.0035,-0.06889,0.05985,0.02785,-0.08233,0.01945,-0.02289,0.04963,-0.06993,0.00037,-0.04085,0.11647,-0.05696,0.05082,-0.08116,0.01389,0.01902,-0.04977,-0.05974,0.00641,-0.01156,0.03843,0.0219,0.00741,-0.06969,0.05122,0.01688,0.01479,0.04579,-0.04931,0.02034,-0.06359,-0.02828,0.0121,-0.01454,0.04627,-0.05126,0.11251,0.13847,0.02513],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Outputs - No direct outputs.","excerpt":"Outputs - No direct outputs."},{"chunkId":"/docs/f-node-output-directive#9","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.02922,0.00912,-0.08069,-0.00543,0.02386,-0.0407,-0.00936,0.01793,-0.01188,0.01699,-0.00966,0.02101,-0.02005,-0.06157,-0.04797,0.01686,0.01681,0.0259,0.09167,0.00211,-0.02668,-0.05559,-0.05172,-0.05402,-0.02413,-0.06575,0.01093,-0.01925,-0.01418,-0.01942,-0.03891,0.04091,-0.04457,0.01728,-0.08553,0.01465,0.10436,-0.02227,-0.09388,0.05347,0.05412,-0.05199,0.0425,-0.04546,-0.03167,0.00945,-0.06118,-0.02133,-0.10321,0.02895,0.01323,0.01261,-0.02748,0.10323,0.10824,0.00528,-0.01031,0.01183,-0.04161,0.10755,0.06534,-0.05139,-0.12308,-0.01173,0.06326,0.04982,0.04718,0.05236,0.00576,-0.04225,-0.01809,0.04476,-0.04819,-0.07342,0.05258,0.05787,-0.00338,0.03493,-0.00662,-0.02227,0.08541,0.12482,-0.03388,-0.01728,0.01706,0.08469,-0.04431,0.0261,-0.02424,0.02577,-0.07815,0.00531,-0.04971,-0.01894,-0.0519,0.04297,0.0037,-0.07494,0.01565,0.03269,-0.02492,-0.00014,-0.02829,-0.07062,0.01038,-0.03333,-0.03113,0.0438,0.02479,0.00599,-0.02165,-0.00803,0.00111,-0.04447,0.00565,0.01764,-0.04075,-0.01385,0.10092,0.02441,-0.03916,0.063,-0.00725,0.03363,0.01827,-0.05768,-0.02351,0,0.01168,0.07697,0.00781,0.00472,0.10677,0.03344,0.02616,-0.03651,0.02277,-0.04389,-0.06807,-0.01335,-0.03752,-0.04096,0.02673,-0.07169,-0.00057,0.10542,0.026,-0.00693,0.08347,-0.06954,0.02896,0.00016,0.10705,0.03654,-0.06483,0.03451,0.01442,0.02213,0.05866,0.03175,0.03583,-0.01035,-0.01931,-0.08011,-0.10996,-0.06349,-0.0759,0.0012,-0.01142,-0.00636,-0.08921,0.02047,-0.00909,-0.06577,-0.07034,-0.05285,0.07432,-0.01104,-0.03375,0.03426,0.05847,-0.03344,0.01185,-0.08086,-0.04308,0.07067,0.00593,0.12445,-0.03889,0.03232,-0.02413,-0.10536,0.03212,0.07733,-0.02142,-0.05928,0.041,-0.01931,0.01216,0.10579,-0.0253,0.02611,-0.03506,-0.013,-0.05265,-0.06048,-0.01476,-0.05781,-0.07065,0.00167,-0.02428,0.03795,0.06316,0.00818,-0.015,-0.02127,-0.01852,0.02041,0.00311,0.03009,0.0058,-0.05649,0.05669,0,-0.03036,0.04338,-0.04201,0.02973,0.02228,0.00111,-0.02434,0.02801,0.10365,0.04586,-0.00927,0.02462,0.06384,-0.03232,-0.01133,-0.05289,-0.06634,-0.09875,0.0171,0.02254,-0.00791,-0.00856,0.05222,-0.04922,0.02242,0.02555,-0.03616,0.00664,-0.03246,-0.00143,-0.01671,0.02026,-0.10843,-0.0266,0.00879,-0.00328,-0.0054,0.15018,0.07509,0.02073,0.05177,0.05837,-0.02109,-0.01249,-0.02689,-0.05113,-0.114,-0.02234,0.0066,-0.02425,-0.04457,-0.0069,-0.06272,0.06984,-0.03401,0.05064,0.0737,0.10658,-0.03634,0.07957,0.04814,-0.15796,0.01186,0.02472,0.07442,0.01566,0.02218,0.03874,0.06378,0.08413,0.06651,0.06794,0.07826,0.06699,0.02533,-0.0224,-0.01021,-0.05065,-0.02105,0.10095,-0.04847,0.08879,-0.00682,0.02655,0.09633,-0.04378,0.12894,0.02499,0.04995,-0.02972,-0.03034,0.08859,-0.00414,0.03804,-0.03371,0,-0.02567,-0.00837,-0.08872,0.07144,0.02766,0.03319,-0.02317,-0.02938,-0.016,-0.02695,-0.04819,-0.00462,0.00261,0.00684,0.11878,-0.05989,0.02466,-0.02388,-0.10202,-0.03688,-0.03626,0.01241,-0.08394,0.04916,0.00908,-0.0382,0.06708,0.0447,-0.05207,0.01504,-0.02432,0.03893,-0.05948,0.00785,-0.04708,0.12441,-0.05581,0.03106,-0.09542,0.02644,0.03621,-0.05717,-0.05592,0.0037,0.01283,0.04326,0.02016,0.02559,-0.06257,0.06136,0.0078,-0.00964,0.03426,-0.03915,0.00996,-0.05352,-0.03644,-0.00835,0.00566,0.02602,-0.05847,0.10511,0.13539,0.01859],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-node-output-directive#10","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.00639,-0.02936,-0.06314,0.01423,0.0449,0.00011,0.00789,0.02774,-0.03745,0.01589,0.01581,0.02391,-0.03898,-0.08061,-0.0677,0.00862,0.02873,-0.01434,0.09139,0.03114,-0.06002,-0.07543,-0.05175,-0.054,-0.04801,-0.05611,0.01507,-0.00679,-0.04574,-0.04431,-0.06367,0.0412,-0.06113,-0.00399,-0.09502,-0.00017,0.07667,-0.00448,-0.08955,0.02392,0.05621,-0.06868,0.08415,-0.03911,-0.0208,0.01563,-0.10507,-0.03015,-0.06858,-0.00029,0.07119,0.02718,-0.04614,0.1037,0.11234,0.05518,-0.00914,0.00656,-0.05265,0.08632,0.0675,-0.03484,-0.07785,-0.04209,0.05876,0.03331,0.05141,0.02482,-0.02116,-0.02769,-0.03994,0.01694,-0.03556,-0.07984,0.099,0.07319,-0.00664,0.03942,-0.00345,0.01516,0.06356,0.12553,-0.04288,-0.03958,0.01366,0.0763,-0.04835,-0.00271,-0.04076,0.03268,-0.06083,-0.0232,-0.02622,0.00951,-0.02852,0.00739,-0.01751,-0.05098,-0.0151,-0.00173,-0.02321,0.033,-0.01983,-0.06162,0.01154,-0.02139,-0.02008,0.0545,0.01901,-0.03276,-0.03107,-0.04676,0.00557,-0.06395,-0.00147,-0.0135,-0.04538,-0.01415,0.1012,-0.02812,-0.05091,0.07513,0.00486,-0.01366,0.00584,-0.06256,-0.0218,0,0.01009,0.06122,-0.00763,-0.01249,0.086,0.05036,0.00065,-0.01281,0.02993,0.00007,-0.07867,0.01563,-0.03986,-0.02262,0.02297,-0.06972,-0.02536,0.05466,-0.00908,-0.00898,0.05258,-0.02511,0.04008,-0.04024,0.09961,-0.01679,-0.05001,0.03141,0.04274,0.01797,0.03394,0.04557,0.05701,-0.014,-0.0221,-0.09264,-0.1027,-0.07626,-0.01014,0.01408,-0.00195,-0.00889,-0.05656,0.03447,0.01546,-0.0481,-0.00669,-0.03499,0.0708,-0.00375,-0.02042,0.00834,0.04811,0.02432,-0.00461,-0.0575,-0.03504,0.12361,0.01105,0.12253,-0.02875,0.0652,-0.00453,-0.11698,0.02237,0.10801,-0.00139,-0.07363,-0.02576,-0.06097,0.00895,0.06329,-0.03449,0.01979,-0.0331,-0.0337,-0.07468,-0.0275,0.01244,-0.05476,-0.06376,0.00559,-0.03683,0.043,0.06125,-0.00657,-0.04433,-0.03648,-0.00081,0.01365,0.0312,0.0402,0.04777,-0.00694,0.0766,0,-0.02849,0.03341,-0.05232,0.01959,0.04279,0.02482,-0.05315,0.01532,0.10629,0.0493,0.02451,0.05709,0.06811,-0.05081,-0.03247,-0.07155,-0.05744,-0.06913,0.00725,0.02931,0.04933,-0.03832,0.04544,-0.05315,0.01616,0.04595,0.00651,0.00348,-0.02541,0.00138,-0.0147,0.04568,-0.08463,-0.01247,-0.00677,-0.00885,-0.00205,0.08756,0.02849,-0.03135,0.02449,0.08971,0.0155,-0.01195,-0.00935,-0.02529,-0.14212,-0.01933,0.01361,0.0233,-0.07032,0.00274,-0.06731,0.08282,-0.04988,0.05979,0.07598,0.09996,-0.02548,0.07839,0.0988,-0.12632,0.0315,0.02894,0.07836,0.01284,0.05191,0.0234,0.07537,0.08006,0.06895,0.0478,0.0725,0.03177,0.03744,0.01272,0.00882,-0.08289,-0.00185,0.09226,-0.04221,0.07801,-0.02478,0.03182,0.07304,-0.0517,0.08639,0.00199,0.05313,-0.00292,-0.00912,0.02501,-0.01542,0.03941,-0.0512,0,-0.00797,0.00256,-0.0843,0.01507,-0.0062,-0.00987,0.0136,-0.04218,-0.00553,-0.01932,-0.01809,-0.01411,-0.0059,0.0206,0.15833,-0.05534,0.00594,-0.03405,-0.09734,0.0013,-0.02824,-0.0396,-0.03756,0.06402,0.01686,-0.05434,0.05462,0.07146,-0.0981,0.04791,-0.05545,0.03531,-0.05459,0.0358,-0.05335,0.1471,-0.06471,0.0113,-0.1014,0.03688,0.03755,-0.07902,-0.03772,-0.01104,0.01864,0.05233,0.05297,0.05609,-0.07164,0.05814,-0.01316,-0.0135,0.02566,-0.08564,-0.00994,-0.0417,-0.03756,0.01294,0.03692,0.02123,-0.06875,0.09594,0.11897,0.04347],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Types EFConnectableSide EF Connectable Side","excerpt":"Types EFConnectableSide"},{"chunkId":"/docs/f-node-output-directive#11","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.00887,-0.00818,-0.09252,0.05007,0.01087,-0.0106,0.01016,-0.04881,0.0111,0.0075,-0.00886,0.03265,-0.01985,-0.06627,-0.06924,0.01814,-0.01245,-0.03644,0.04775,-0.02406,-0.00213,-0.05654,-0.00885,-0.02632,-0.02997,-0.02966,-0.03031,-0.03443,0.0145,-0.03993,-0.0396,0.07413,-0.06471,0.00551,-0.04944,-0.00398,0.05757,0.02089,-0.10336,0.02533,0.05905,-0.07038,0.03777,-0.11118,-0.06001,0.00133,-0.09542,-0.06489,-0.06586,0.02713,0.00285,0.07254,-0.02698,0.08636,0.13072,0.04043,0.03281,0.01354,-0.07537,0.06445,-0.01405,-0.04271,-0.06462,-0.00657,0.03192,0.07466,-0.00957,0.03795,-0.02284,0.03592,0.04586,0.05422,-0.05514,-0.09241,0.1046,0.03943,-0.02482,0.04957,0.00697,-0.03149,0.06565,0.05501,-0.04957,-0.01933,-0.03922,0.08465,-0.05155,-0.0267,-0.02597,0.06721,-0.08227,0.0242,-0.01213,0.0357,0.01546,0.01491,-0.00601,-0.02827,-0.01197,0.01802,-0.01268,-0.01064,0.02441,0.00813,0.0282,-0.0233,-0.0048,0.04155,-0.01285,-0.03341,0.00796,-0.00761,0.04368,-0.03295,-0.0381,0.0371,0.02593,-0.01269,0.07198,0.05242,-0.03031,0.0566,0.01395,-0.02049,0.01656,-0.04914,-0.01568,0,-0.0089,-0.02938,-0.0106,-0.01006,0.09236,0.02769,0.00626,-0.048,0.01677,0.02022,-0.0795,-0.05724,-0.02347,-0.04585,-0.01252,-0.08267,0.08308,0.05754,-0.02262,0.0182,0.12047,-0.03349,-0.0088,-0.04818,0.0472,0.01453,-0.06914,0.02291,-0.0188,0.0264,0.02543,0.05327,0.07849,-0.00665,-0.02631,-0.06162,-0.04828,-0.03077,-0.04457,-0.00379,-0.06728,-0.02079,-0.06455,0.03859,0.02742,-0.0349,-0.04294,-0.04276,0.01851,0.04858,-0.00173,0.07668,0.01763,-0.036,0.02368,-0.07832,-0.04472,0.10184,-0.02024,0.0952,-0.00354,0.06504,-0.05796,-0.08528,0.03262,0.12886,-0.01581,-0.04549,0.00712,-0.05776,-0.04562,0.07859,-0.06772,-0.01902,0.01947,-0.04672,-0.02277,-0.06193,-0.0052,-0.0328,-0.01779,-0.02054,-0.04384,0.04789,0.04047,-0.00104,-0.04133,-0.03075,-0.00723,0.02884,0.04958,0.04548,0.05591,-0.0474,0.03999,0,-0.03444,0.06073,-0.06572,0.01778,0.02598,0.00443,-0.01565,0.03331,0.06151,0.04243,0.03133,0.06185,0.02134,-0.06294,-0.07596,-0.03177,-0.03271,-0.03728,0.02481,0.05383,0.01579,0.02881,0.02507,-0.02813,-0.01931,0.03299,-0.03982,0.02193,0.00756,-0.03051,0.03231,0.01672,-0.09625,-0.03022,0.01788,-0.04204,-0.03711,0.11242,0.03804,0.02176,0.03327,0.0701,-0.03113,0.0444,-0.00569,-0.01692,-0.08135,-0.04762,-0.02009,0.00779,-0.07437,-0.01042,-0.03765,0.0648,-0.03042,0.04324,0.0969,0.07313,-0.02366,0.069,0.11859,-0.15722,-0.00207,0.00274,0.1092,0.00562,-0.0061,0.08726,0.13961,0.06493,0.08685,0.08918,0.04102,0.04344,0.0335,0.0303,-0.03646,-0.07401,0.01505,0.12628,-0.08524,0.10498,-0.02973,0.01812,0.07698,-0.04169,0.0385,0.01444,0.07512,0.01065,-0.02936,0.04238,-0.04978,-0.01036,-0.06987,0,-0.02411,-0.06311,-0.10833,0.01827,0.03933,0.01956,0.00427,-0.05864,-0.02759,-0.02043,-0.07897,0.06176,-0.01429,-0.01697,0.11912,-0.05083,0.02912,-0.03256,-0.07731,-0.03791,-0.04587,-0.03644,-0.10679,0.133,-0.06278,-0.08008,0.07333,0.00549,-0.04202,0.04784,-0.06874,0.02602,-0.05212,0.03334,-0.06299,0.13383,-0.08543,0.03549,-0.10143,0.04165,0.03111,-0.02509,-0.02418,0.00311,0.0324,0.04955,0.02983,0.02683,-0.05561,0.05878,-0.02181,0.01339,-0.00371,-0.0251,0.00468,-0.06689,-0.00038,0.01711,0.03057,0.01414,-0.0588,0.05936,0.10969,0.00528],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Styling - .f-component Base class for flow primitives. - .f-node-output Output host class. - .f-node-output-multiple Applied when fOutputMultiple = true. - .f-node-output-disabled Applied when fOutputDisabled = true. - .f-node-output-self-connectable Applied when isSelfConnectable = true. - .f-node-output-connected Applied when the output currently has one or more connections. - .f-node-output-not-connectable Applied when creating a connection from this output is currently blocked. f Output Multiple f Output Disabled is Self Connectable","excerpt":"Styling - .f-component Base class for flow primitives. - .f-node-output Output host class. - .f-node-output-multiple Applied when fOutputMultiple = true. - .f-node-output-disabled Applied when fOutputDisabled = true. - .f-node-output-self-connectable Applied when isSelfConnectable = true. - .f-node-output-connected Applied when the output currently has one or more connections. - .f-node-output-not-connectable Applied when creating a connection from this output is currently blocked."},{"chunkId":"/docs/f-node-output-directive#12","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.01661,-0.03297,-0.06591,0.01153,0.03272,-0.00617,-0.02314,-0.03405,0.01219,-0.02039,-0.00841,-0.01283,0.00739,-0.03142,-0.04887,0.01663,-0.00494,-0.07201,0.02928,-0.02932,-0.04432,-0.03934,-0.03891,-0.05835,-0.059,-0.06428,0.02801,-0.00964,-0.02888,-0.01183,0.00154,0.08534,-0.03463,-0.00901,-0.0299,-0.01554,0.11071,-0.00912,-0.08118,0.01426,0.04109,-0.09779,0.06957,-0.03585,-0.00926,-0.04011,-0.09508,-0.03489,-0.04526,0.05072,0.02376,0.06904,-0.00324,0.09921,0.11323,0.02382,-0.04253,-0.01233,-0.06073,0.08347,0.03382,-0.04219,-0.04272,-0.04842,0.02586,0.05114,0.01123,-0.03472,-0.01491,0.0285,0.00452,0.06222,-0.05954,-0.07397,0.03878,0.07123,-0.01492,-0.00429,0.02645,-0.06007,0.04662,0.07913,-0.05483,-0.00477,-0.00549,0.08284,-0.07868,0.00725,-0.05886,0.06767,-0.04374,0.00838,-0.01014,0.00957,0.00095,0.02696,0.01331,-0.05063,0.00575,0.02554,-0.06687,-0.00503,0.00959,0.00578,0.02254,-0.02786,0.01214,0.02666,0.00925,-0.05759,-0.00264,0.01123,0.03761,-0.01217,-0.02174,0.04377,-0.00533,-0.01887,0.04418,0.01152,-0.06735,0.02767,0.0112,0.04466,0.03332,-0.06227,-0.01264,0,0.01712,0.03854,0.0161,-0.05214,0.10073,0.00937,-0.00527,-0.07143,0.02099,0.01578,-0.10212,-0.03462,-0.05128,-0.0467,0.0077,-0.00963,0.03703,0.06493,0.02233,0.00004,0.06486,-0.07791,0.00399,-0.05795,0.07099,0.08232,-0.07742,0.05247,0.0399,0.03312,0.01244,0.00943,0.05959,-0.01399,-0.02211,-0.07751,-0.05381,-0.0559,-0.09546,0.0217,-0.06108,0.00697,-0.09619,0.05744,0.02002,-0.03068,-0.02966,-0.02374,0.04831,0.03566,-0.06498,0.05602,0.04873,-0.04332,-0.02479,-0.11574,-0.05493,0.06893,0.00156,0.07647,-0.01973,0.02391,-0.07118,-0.06134,0.03731,0.11333,-0.01524,-0.05919,0.03238,-0.0136,-0.01018,0.08937,-0.04584,0.00997,0.03796,-0.0224,-0.02636,-0.06423,-0.02051,-0.02075,0.0182,0.00901,-0.04411,0.07794,0.04038,0.03846,-0.02343,-0.02015,-0.04388,0.05534,0.00507,0.04833,0.0541,-0.04508,0.06395,0,-0.0705,0.06633,-0.05749,-0.00824,0.012,-0.02249,-0.00318,0.02,0.09745,0.02344,0.04272,0.02476,0.02913,-0.05547,-0.07595,-0.01669,-0.04796,-0.04032,0.02463,0.06906,0.0258,0.01954,0.02227,-0.01615,-0.01471,0.05997,-0.04523,-0.02444,-0.08891,-0.01457,0.03762,0.03337,-0.06022,-0.01371,-0.0085,-0.05128,-0.00547,0.1144,0.05842,0.04434,0.03564,0.08732,-0.06147,0.04772,-0.03365,-0.01667,-0.07341,-0.02129,-0.01202,0.01059,-0.06334,0.03827,-0.03011,0.05019,-0.01081,0.02643,0.10762,0.08736,-0.0194,0.1027,0.03637,-0.15258,-0.00487,0.03617,0.12694,-0.03018,0.05009,0.10073,0.14817,0.05334,0.08609,0.04598,0.03935,0.0786,0.04971,0.02094,-0.07414,-0.0794,0.00413,0.1582,-0.04038,0.08141,-0.00859,0.01309,0.08678,-0.00381,0.11138,0.02479,0.04995,0.00229,-0.00739,0.067,-0.05036,-0.00075,-0.07439,0,-0.02252,-0.01915,-0.1065,0.01641,0.01807,0.00663,-0.03533,-0.06068,-0.0183,-0.01799,-0.08658,0.02539,-0.04753,-0.00733,0.10944,-0.06411,0.0393,-0.03629,-0.09171,0.01113,-0.01708,0.00544,-0.12707,0.06656,-0.03986,-0.08397,0.03221,0.03872,-0.04764,0.02651,-0.03486,-0.00121,-0.05732,0.0244,-0.07679,0.11236,-0.04074,0.0131,-0.09137,0.02015,0.0289,-0.03507,-0.056,-0.02676,-0.0073,0.05448,0.02426,-0.00923,-0.03391,0.08483,-0.01521,-0.043,0.02582,-0.03458,0.03943,-0.06661,-0.0356,0.03624,0.03017,0.00202,-0.01991,0.09862,0.08954,-0.01443],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Notes and pitfalls - fOutputId must match connection fOutputId values exactly. A typo silently results in “no connection rendered”. - If fOutputMultiple = false, the output may become unavailable after the first active connection — that’s expected for “single port” UX. - Restrictions like fCanBeConnectedInputs are easy to misconfigure. If you rely on rules heavily, validate ids/categories in your own data model so you can show user-friendly errors. f Output Id f Output Multiple f Can Be Connected Inputs","excerpt":"Notes and pitfalls - fOutputId must match connection fOutputId values exactly. A typo silently results in “no connection rendered”. - If fOutputMultiple = false, the output may become unavailable after the first active connection — that’s expected for “single port” UX. - Restrictions like fCanBeConnectedInputs are easy to misconfigure. If you rely on rules heavily, validate ids/categories in your own data model so you can show user-friendly errors."},{"chunkId":"/docs/f-node-output-directive#13","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.024,-0.02801,-0.06685,-0.0018,0.02679,-0.03495,-0.00124,0.00741,-0.02402,0.02,-0.00715,0.02726,0.0139,-0.07463,-0.05617,0.03473,0.02345,0.00712,0.06846,0.00813,-0.03847,-0.08084,-0.05879,-0.056,-0.02904,-0.05974,0.00604,-0.01222,-0.03056,-0.02731,-0.05282,0.03805,-0.01668,0.00827,-0.09003,0.01284,0.10307,-0.02755,-0.10164,0.0694,0.06192,-0.05167,0.06402,-0.04224,-0.04917,0.01161,-0.05855,-0.02051,-0.10776,0.01981,0.01322,0.01505,-0.03948,0.1159,0.11107,0.04006,-0.019,0.00392,-0.04465,0.10153,0.06777,-0.042,-0.10518,-0.02384,0.07312,0.03977,0.03321,0.06808,-0.03065,-0.03956,-0.02108,0.02496,-0.06826,-0.07667,0.06006,0.0619,-0.00085,0.03331,-0.02285,0.00049,0.07527,0.12281,-0.05477,-0.02204,-0.00036,0.06821,-0.03814,0.0093,-0.02824,0.03852,-0.07161,-0.00055,-0.02778,0.00066,-0.02679,0.03984,0.00061,-0.07069,0.0229,0.00043,-0.01818,0.0101,-0.02618,-0.06372,0.00595,-0.03175,-0.04748,0.06053,0.02741,0.00322,-0.02124,-0.01288,0.0191,-0.03966,0.00736,0.01169,-0.03693,-0.00739,0.10436,0.00257,-0.06123,0.07483,-0.0076,0.0258,0.00885,-0.04923,-0.03242,0,-0.0088,0.04213,0.01459,-0.00536,0.10455,0.02348,0.00059,-0.03813,0.0265,-0.03164,-0.08584,-0.01753,-0.02899,-0.04528,0.03058,-0.06511,-0.00844,0.07308,0.01214,-0.00041,0.06582,-0.05754,0.00317,0.00437,0.11368,0.01147,-0.05326,0.03091,0.03594,0.01097,0.04535,0.03843,0.06613,-0.00961,-0.0234,-0.06257,-0.0976,-0.06545,-0.05007,0.00126,-0.03132,-0.0076,-0.07428,0.03228,-0.01037,-0.0443,-0.04691,-0.0497,0.06056,-0.00044,-0.0429,0.02332,0.06571,-0.01154,0.00832,-0.06006,-0.03814,0.08852,-0.01098,0.14796,-0.03133,0.05677,-0.02001,-0.11089,0.03077,0.09182,-0.03139,-0.07359,0.03647,-0.02831,0.0045,0.09917,-0.03385,0.02068,-0.01123,-0.02092,-0.06994,-0.05563,-0.01139,-0.04131,-0.08275,0.00482,-0.0154,0.03814,0.05579,-0.00179,-0.00725,-0.03422,-0.0196,0.02381,0.0196,0.03512,0.02252,-0.0398,0.07102,0,-0.03743,0.04627,-0.05939,0.03687,0.05077,0.00337,-0.05005,0.01613,0.11541,0.04209,-0.01995,0.04085,0.07182,-0.02896,-0.02821,-0.0679,-0.05192,-0.08436,0.01809,0.0119,0.0378,0.00045,0.04135,-0.0668,0.01044,0.01293,-0.03761,-0.00836,-0.03578,0.00234,-0.00545,0.0309,-0.09825,-0.00432,0.00284,-0.02201,-0.00781,0.13016,0.07305,-0.01211,0.03764,0.06376,-0.00539,-0.01541,-0.01212,-0.0364,-0.1125,-0.03072,0.00212,-0.01596,-0.06943,0.0029,-0.04008,0.07086,-0.03582,0.04731,0.08058,0.12047,-0.01696,0.06892,0.0605,-0.13827,0.01618,0.01975,0.04821,0.01767,0.03125,0.03966,0.086,0.06335,0.04941,0.07017,0.0685,0.0626,0.01579,-0.02277,-0.02056,-0.05466,-0.01652,0.099,-0.06828,0.11556,-0.01608,0.03434,0.08001,-0.01795,0.12875,0.01922,0.0674,-0.02384,-0.02274,0.06044,-0.02813,0.00944,-0.05598,0,-0.01829,-0.0085,-0.10757,0.0636,0.02778,0.04367,-0.01116,-0.02834,0.0038,-0.00263,-0.03251,-0.00174,-0.01205,0.00734,0.12439,-0.04164,0.02311,-0.04908,-0.09031,-0.0111,-0.0282,0.00205,-0.07881,0.07662,0.00122,-0.0518,0.05845,0.04084,-0.08077,0.01945,-0.01706,0.04588,-0.07539,0.00825,-0.05195,0.11749,-0.07197,0.03599,-0.08464,0.03752,0.03552,-0.05864,-0.04085,0.00986,0.00996,0.04668,0.0054,0.03923,-0.06761,0.06615,0.01012,0.00094,0.01873,-0.06415,0.03094,-0.06569,-0.02983,0.00684,0.00061,0.03098,-0.06443,0.12271,0.12291,0.02471],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Example","excerpt":"Example"},{"chunkId":"/docs/f-node-output-directive#14","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.07119,0.01757,-0.09815,0.01716,0.0741,0.01111,-0.0082,0.0471,-0.00308,0.03853,-0.04288,0.03282,-0.02463,-0.00831,0.00171,0.00121,-0.05818,0.02688,-0.00909,0.00577,-0.02666,-0.03403,0.01647,-0.03929,-0.02454,-0.02462,-0.02179,-0.01151,0.02795,-0.01774,0.00932,0.07924,-0.05206,0.03878,-0.04524,0.04384,0.05873,-0.0026,-0.06776,-0.0005,0.16191,-0.00276,0.05378,-0.11284,-0.00846,-0.01567,-0.10966,-0.01001,-0.07733,0.04608,-0.03816,-0.05736,-0.06273,0.12948,0.06761,0.03036,-0.00495,-0.04138,0.01519,0.0367,0.0289,-0.10025,-0.03984,-0.02441,0.06482,0.03391,-0.08121,0.06294,-0.07358,0.02717,0.02531,0.01064,-0.05152,-0.06515,0.0462,0.01706,-0.04169,0.07367,-0.03024,-0.00835,0.05565,0.05822,-0.05614,0.00631,-0.01514,0.14212,0.00898,-0.04984,-0.03222,0.00739,-0.03486,0.01059,-0.0305,0.00788,-0.00524,0.02694,-0.07123,-0.02337,-0.00876,0.03956,-0.01583,-0.0402,0.04862,0.04272,0.01605,-0.02056,-0.04729,0.09722,-0.01838,-0.0063,-0.00825,0.02753,0.0442,-0.05384,-0.02091,-0.06875,0.00663,-0.03387,0.09235,0.09147,0.00134,0.04443,-0.0438,-0.0025,0.02532,-0.02873,0.0046,0,-0.02319,0.01846,0.00666,0.02714,0.08896,-0.00204,-0.01708,-0.07178,-0.01166,0.05926,-0.11273,-0.01131,-0.04254,-0.05106,-0.01001,-0.07467,0.00978,0.0447,-0.02526,0.01578,0.05814,-0.08439,-0.04538,0.01005,0.11572,-0.00532,-0.06351,0.01616,-0.02997,0.00365,0.08281,0.05938,0.08857,0.00949,-0.011,-0.05478,-0.00943,-0.03645,-0.09958,-0.00972,0.0339,-0.02012,-0.07077,0.10004,-0.00742,-0.02985,-0.01368,-0.05877,0.11134,0.01653,-0.04314,0.0474,0.05563,-0.03868,0.06196,-0.05431,-0.03992,0.06761,-0.02305,0.07559,-0.02134,0.04824,-0.02115,-0.06161,0.03634,0.0805,-0.03602,-0.03509,0.06219,-0.08383,-0.04521,0.10137,-0.02613,0.0569,-0.01857,-0.02377,-0.02354,0.00126,0.05931,-0.03709,-0.05967,-0.02884,-0.04066,0.10151,0.05813,-0.06594,-0.00445,-0.05973,-0.01952,-0.04321,0.05566,0.02936,-0.03409,-0.06192,0.01616,0,0.01697,0.04648,-0.02682,0.04212,-0.00956,-0.0139,0.05234,0.04598,0.11558,0.09796,0.0189,0.06333,0.05349,-0.09533,0.00572,-0.01256,-0.0645,-0.09593,0.06666,-0.01542,0.04642,0.023,0.02095,-0.01414,-0.03069,0.03814,0.01905,0.01316,-0.04209,-0.01924,-0.02096,0.0082,-0.10931,0.03575,-0.04857,-0.09338,-0.0084,0.11206,0.08424,-0.05554,0.07712,0.08904,-0.03868,0.0042,-0.06031,-0.06507,-0.01811,-0.04738,-0.02133,-0.04177,-0.07733,-0.00185,-0.02787,0.06985,-0.04189,0.01215,0.09005,0.02207,-0.01344,0.03003,0.09408,-0.08995,-0.02279,-0.00167,0.08416,0.01893,-0.0406,-0.00592,0.10939,0.04199,0.02716,0.03585,0.04798,0.01647,0.04021,0.02715,0.01736,-0.03187,0.05891,0.0739,-0.09564,0.11588,-0.051,0.05113,0.10474,-0.01298,0.00981,0.0253,0.07023,0.00399,-0.07026,0.00724,-0.00906,-0.03199,-0.03683,0,-0.07837,-0.01654,-0.09586,0.03448,0.03422,-0.00619,-0.00797,-0.05526,0.00066,0.01568,-0.05174,0.03895,0.0054,-0.01199,0.08342,-0.0747,-0.0033,-0.00802,-0.08251,0.00911,-0.02208,0.02504,-0.0212,0.08712,-0.01076,-0.08499,-0.02744,0.01842,-0.02366,0.02463,-0.0491,0.01375,-0.02676,0.02921,-0.07187,0.0515,-0.0913,0.02274,-0.06469,0.03923,0.04867,-0.11139,0.00291,-0.0161,-0.00123,0.06633,0.03139,0.02883,-0.04457,0.05164,-0.01403,0.00738,-0.05057,-0.03906,0.02009,-0.08512,0.01604,0.03049,-0.01422,-0.04315,-0.04886,0.07804,0.07559,-0.0171],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Connectors inside node ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::","excerpt":"Connectors inside node ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::"},{"chunkId":"/docs/f-node-output-directive#15","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.07232,-0.00556,-0.11823,0.03378,0.06992,0.0363,-0.02789,0.03524,-0.02387,0.03633,-0.04023,0.06169,-0.02898,0.00154,-0.0093,-0.01339,-0.05252,-0.00031,-0.0188,0.02132,-0.0305,-0.03527,0.00899,-0.03799,-0.02078,-0.0309,-0.01633,-0.0206,0.02411,-0.02235,0.00829,0.08169,-0.05264,0.02167,-0.07477,0.04823,0.05819,0.00455,-0.05346,-0.00892,0.12147,-0.01665,0.05321,-0.11137,-0.02498,-0.02374,-0.0916,-0.00793,-0.09248,0.05023,-0.01011,-0.01444,-0.06875,0.13152,0.0783,0.02317,-0.01683,-0.01361,-0.01737,0.05049,0.00079,-0.08153,-0.04848,-0.03558,0.05491,0.03094,-0.05599,0.05614,-0.06671,0.03444,0.02251,0.02049,-0.04615,-0.08035,0.0757,0.02019,-0.03356,0.08444,-0.0154,-0.00441,0.04065,0.0496,-0.03854,0.01603,-0.01787,0.09359,0.00956,-0.0113,-0.01782,-0.00105,-0.03742,0.04008,-0.00971,0.00149,0.00272,0.02822,-0.06471,-0.01919,-0.03569,0.03064,-0.04288,-0.02807,0.06231,0.03696,0.01856,-0.01874,-0.02821,0.08324,-0.0137,-0.02125,-0.00727,0.03368,0.06549,-0.04978,-0.01785,-0.06521,-0.02491,-0.03392,0.08842,0.04225,-0.0007,0.02794,-0.02323,-0.00096,0.0486,-0.03162,0.0252,0,-0.00558,0.04285,-0.00024,0.02343,0.10255,-0.00554,-0.01709,-0.08074,-0.00317,0.06529,-0.10622,0.0034,-0.05241,-0.0436,0.00144,-0.08174,0.02211,0.05041,-0.02342,0.02295,0.07962,-0.06275,-0.0222,-0.00715,0.11281,0.00398,-0.03914,0.05083,-0.01903,0.00254,0.0713,0.05546,0.08621,-0.02488,-0.00927,-0.0758,-0.04394,-0.04202,-0.08012,0.00147,0.04898,-0.0093,-0.0934,0.07552,-0.0258,-0.0084,-0.02254,-0.03771,0.11351,0.03661,-0.05326,0.0602,0.03098,-0.02795,0.05003,-0.05976,-0.0485,0.09274,-0.01602,0.10583,-0.0051,0.05565,0.00064,-0.08476,0.03619,0.07976,-0.03414,-0.02658,0.05235,-0.09829,-0.04728,0.09269,-0.01304,0.05781,-0.0126,-0.03571,-0.00549,-0.00641,0.067,-0.04853,-0.06167,-0.03124,-0.06125,0.09614,0.04678,-0.07573,-0.02548,-0.07832,-0.03471,-0.03996,0.05944,0.04261,0.00565,-0.06024,0.01092,0,0.00468,0.02553,-0.03948,0.06292,-0.00941,-0.00504,0.05242,0.06442,0.12454,0.10251,0.0104,0.04893,0.04003,-0.09914,-0.01384,-0.02365,-0.0628,-0.09278,0.06874,-0.00832,0.03161,0.02931,0.01467,-0.02267,-0.01863,0.07078,0.00867,0.0305,-0.01371,-0.01796,-0.01342,0.0103,-0.12425,-0.00428,-0.05018,-0.06,0.00001,0.1392,0.06825,-0.03295,0.09834,0.08774,-0.02267,0.00983,-0.03688,-0.0515,-0.00895,-0.06275,-0.01764,-0.04205,-0.03854,0.01214,-0.04109,0.05661,-0.04173,0.01048,0.09465,0.01395,-0.03177,0.03726,0.08175,-0.10595,-0.00796,-0.00214,0.08606,0.03188,-0.03119,-0.0071,0.13562,0.06296,0.03858,0.01661,0.06859,0.0291,0.07916,0.05221,-0.00276,-0.03301,0.05198,0.07579,-0.08362,0.10432,-0.04267,0.03169,0.09836,-0.01299,-0.01259,0.00556,0.08892,0.00058,-0.06816,0.00115,0.00297,0.00871,-0.01075,0,-0.06634,-0.03268,-0.10102,0.01043,0.00933,-0.00816,-0.00443,-0.08323,-0.01109,0.00277,-0.07848,0.04354,-0.01555,0.00153,0.06288,-0.05372,-0.00631,0.00907,-0.08909,0.01412,-0.04172,0.00539,-0.03546,0.08279,-0.0089,-0.07922,-0.02293,0.03341,-0.04595,0.01639,-0.03386,0.0023,-0.03145,0.02572,-0.0569,0.0355,-0.12812,0.01834,-0.08096,0.03477,0.05634,-0.07925,-0.02292,-0.00209,0.02052,0.05497,0.01362,0.03275,-0.05973,0.02536,-0.02679,0.01119,-0.04238,-0.06228,0.02085,-0.06765,0.0085,0.03153,0.03122,-0.03979,-0.04517,0.0836,0.07048,-0.01359],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Connectable side (using fOutputConnectableSide) ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss ::: f Output Connectable Side","excerpt":"Connectable side (using fOutputConnectableSide) ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss :::"},{"chunkId":"/docs/f-node-input-directive#0","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.00101,-0.04815,-0.04027,0.05747,0.03623,0.04675,0.0254,-0.02523,0.04139,-0.01219,-0.03475,-0.01346,-0.03476,0.03269,-0.05672,0.01373,-0.03593,-0.05587,0.04517,0.02171,-0.07168,-0.1346,-0.01246,-0.05395,-0.0243,-0.03677,-0.0046,-0.05968,-0.00753,-0.01408,-0.04009,0.06023,-0.04975,0.02526,-0.09296,0.01148,0.02031,-0.05537,-0.11896,-0.01183,0.03265,-0.05058,0.0393,-0.0526,0.00368,0.02557,-0.03481,0.013,-0.04906,0.12387,-0.01161,0.02904,0.03551,0.1011,0.03824,0.05032,0.03017,-0.0102,0.00627,0.06067,-0.03667,-0.03984,-0.02084,-0.05911,0.06476,0.04308,0.00041,0.03776,-0.03663,-0.00697,0.09867,0.07384,-0.02819,-0.13045,0.09708,0.01329,-0.06892,0.07333,-0.00258,-0.0292,0.12143,0.0925,-0.03241,0.0037,0.03457,0.16328,-0.0913,-0.03378,-0.09643,0.02786,-0.02078,-0.03353,-0.06768,0.03489,-0.04274,-0.04903,-0.00515,0.02518,-0.05505,-0.02958,-0.03794,-0.03324,-0.01979,0.01249,0.04756,-0.00439,-0.03505,-0.00194,-0.02474,-0.04613,-0.03081,-0.02462,0.01593,0.04638,-0.03701,0.03256,-0.02772,-0.0411,0.09893,0.07529,-0.03334,0.07393,-0.09112,0.01718,0.03268,-0.10428,-0.04214,0,0.00213,0.03685,-0.00175,-0.01454,0.02305,-0.00538,0.02199,-0.02743,-0.05977,-0.01303,-0.08391,-0.00933,-0.04098,-0.03452,0.02447,-0.10965,0.00786,0.04553,-0.03255,-0.01236,0.0513,-0.01079,-0.05336,-0.08792,0.01259,0.09692,-0.09942,0.08113,0.03347,0.03167,-0.01953,0.04656,0.05587,-0.00617,-0.09941,-0.07002,0.00457,-0.02132,-0.10075,-0.02094,-0.00621,-0.01774,-0.02531,0.04176,0.01069,-0.06469,-0.01339,0.01427,0.01985,0.01998,-0.03652,0.01724,0.01228,-0.09452,0.00533,-0.107,-0.07457,0.0751,-0.01084,0.03546,0.03636,0.0354,-0.048,-0.04797,0.01965,0.10103,-0.00961,-0.02154,0.03178,-0.03159,-0.03045,0.0883,-0.01236,-0.01677,0.07138,0.01503,-0.06606,-0.08508,0.012,-0.03948,-0.02399,-0.0369,-0.01569,0.04414,0.08899,-0.02433,-0.00391,-0.02973,-0.01943,0.02802,0.07369,-0.0003,0.03597,-0.05368,0.06289,0,0.01955,0.09103,-0.00705,0.0341,0.00522,0.00434,0.00423,0.01178,0.06327,0.015,-0.01866,0.03308,-0.00316,-0.00661,-0.06892,0.03585,-0.06094,-0.04316,0.03806,-0.03796,0.03081,-0.04051,-0.01724,0.02916,-0.04546,0.01371,0.07355,0.01645,0.01065,0.0011,-0.0447,-0.0158,-0.11369,-0.00714,0.04269,-0.05645,0.02362,0.05712,0.04786,-0.01365,0.03507,0.03342,-0.03913,0.04667,0.02651,0.0005,-0.09878,-0.00663,0.03488,0.01995,-0.06108,-0.01491,-0.08182,0.01345,-0.04583,0.06188,0.10151,0.04136,0.00439,0.0187,0.07344,-0.08256,-0.05156,-0.00702,0.08894,-0.00447,0.0025,0.06609,0.13768,0.06327,0.04288,0.09716,0.09218,0.04142,0.03591,0.00402,0.04492,-0.04173,0.0768,0.09965,-0.00168,0.07916,0.00618,0.03706,0.09532,0.08596,0.05458,0.02636,0.0179,-0.0035,0.03385,0.03941,0.03742,-0.04647,-0.06611,0,-0.04704,0.02075,-0.09646,-0.03321,0.01919,0.00694,0.0153,-0.02068,-0.02178,-0.00426,-0.07285,0.04296,0.02147,-0.0129,0.1063,-0.03977,0.02394,-0.02736,-0.05783,-0.01292,0.03909,-0.00149,-0.05274,0.09909,-0.07223,-0.115,-0.011,0.03642,-0.01971,0.01863,-0.05381,0.01398,-0.03852,0.03274,-0.10194,0.06021,-0.01067,-0.00556,-0.06575,0.02929,0.05451,-0.01634,-0.07349,-0.07706,0.0101,0.04489,0.08706,-0.00938,-0.0673,0.09243,-0.02052,0.00799,0.02094,-0.0056,0.06662,-0.08781,-0.03582,0.02479,-0.0193,-0.00511,-0.03929,0.05878,0.0761,0.01261],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Input Selector: [fNodeInput] Class: FNodeInputDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"target\" instead. fNodeInput keeps working, but new code should use fConnector. FNodeInputDirective marks an element as an incoming connector for a node. Inputs are the targets that connections can attach to during “drag to connect” and when rendering persisted connections. Inputs must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow. f Node Input F Node Input Directive f Connector f Connector Type f Node","excerpt":"Input Selector: [fNodeInput] Class: FNodeInputDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"target\" instead. fNodeInput keeps working, but new code should use fConnector. FNodeInputDirective marks an element as an incoming connector for a node. Inputs are the targets that connections can attach to during “drag to connect” and when rendering persisted connections. Inputs must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow."},{"chunkId":"/docs/f-node-input-directive#1","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[0.00533,-0.04392,-0.07473,0.00099,0.03116,-0.00187,0.02894,0.01026,-0.03069,0.01249,-0.0064,0.0033,0.00032,-0.03098,-0.06978,-0.00248,0.02073,-0.00857,0.06149,0.03143,-0.03395,-0.0873,-0.05856,-0.06988,-0.08611,-0.0666,0.04148,-0.01329,-0.04315,-0.02549,-0.0552,0.05565,-0.03489,0.04737,-0.10212,-0.00888,0.04918,-0.06292,-0.08615,0.02741,0.03597,-0.09093,0.05912,-0.01379,-0.01916,-0.00298,-0.09923,0.00098,-0.07804,0.03345,0.00325,-0.00742,-0.04252,0.14117,0.081,0.03295,-0.02228,-0.02535,-0.0171,0.07539,0.02834,-0.05049,-0.04048,-0.02433,0.06522,0.02887,0.03464,0.02282,-0.00977,-0.01612,0.02629,0.04113,-0.05828,-0.08796,0.09726,0.03491,-0.03507,0.03178,-0.00722,-0.03141,0.10924,0.12803,-0.04068,-0.00208,0.02392,0.1133,-0.08732,-0.00152,-0.02977,0.01918,-0.04893,-0.05846,-0.05026,-0.00206,-0.06021,0.00638,-0.00777,-0.06836,-0.00838,0.01352,-0.03635,-0.01141,-0.03189,-0.03026,0.00789,-0.03993,-0.0556,0.02407,-0.00072,-0.05655,-0.01783,-0.03594,0.02669,-0.01786,-0.02107,0.02626,-0.01333,0.00007,0.13108,0.02561,-0.07937,0.05377,-0.01844,0.0459,0.00448,-0.05395,-0.0739,0,0.00115,0.04382,-0.00165,-0.0065,0.04234,0.01978,0.00704,-0.00699,0.01628,-0.01458,-0.07328,0.00861,-0.03265,-0.03286,0.0489,-0.10209,-0.03169,0.11288,-0.01956,-0.00696,0.04415,-0.03003,-0.01939,-0.02546,0.11059,0.04903,-0.09686,0.05598,0.05733,0.01508,0.00725,0.03366,0.02641,0.00333,-0.0139,-0.05017,-0.08219,-0.0611,-0.04465,-0.00163,-0.01659,-0.0325,-0.05383,0.00406,0.0005,-0.059,-0.04121,-0.03023,0.02716,0.01147,-0.03224,-0.00218,0.05797,-0.03175,-0.02099,-0.08917,-0.06993,0.08656,0.00475,0.12365,-0.04005,-0.02138,-0.02531,-0.08847,0.02359,0.09205,0.00985,-0.09768,0.03761,-0.0177,-0.02478,0.09465,-0.00153,0.0008,0.01079,0.04057,-0.05123,-0.03227,0.00285,-0.05165,-0.04876,-0.00348,-0.02652,0.08661,0.0664,0.00162,-0.03387,-0.08229,-0.05979,0.0116,0.032,0.05809,-0.01303,-0.01821,0.06182,0,-0.01291,0.03723,-0.01254,0.01995,0.00083,0.0178,-0.02053,-0.02036,0.08492,0.00401,0.03079,0.03081,0.04873,-0.02975,-0.04861,0.0147,-0.08116,-0.06304,0.03938,0.05429,0.03761,-0.01563,0.03037,-0.0155,0.03263,0.01704,0.01859,-0.00345,-0.00955,0.01876,-0.05159,0.00875,-0.11099,-0.00337,0.01388,-0.00744,0.03117,0.13114,0.08105,-0.00078,0.0744,0.07522,-0.01823,0.02199,-0.0108,-0.02723,-0.0932,-0.00782,0.00558,0.0015,-0.10132,0.007,-0.04687,0.05425,-0.06532,0.04686,0.09257,0.06029,0.00304,0.06198,0.08047,-0.13747,0.02461,0.00047,0.03667,-0.00378,0.03686,0.04967,0.08462,0.06885,0.0887,0.07357,0.1248,0.04819,0.00315,-0.07063,0.02912,-0.08829,0.01555,0.08396,-0.05196,0.10491,-0.03839,0.01828,0.04946,0.03663,0.12496,0.06329,0.05677,-0.05264,-0.03269,0.07274,0.01799,-0.01147,-0.09285,0,-0.01239,-0.00084,-0.09407,0.02127,0.05892,0.00966,-0.01867,-0.03115,-0.01655,-0.01752,-0.01473,0.04134,0.00642,0.02563,0.12692,-0.00535,0.02302,-0.03063,-0.08146,0.01864,0.02675,0.02858,-0.06303,0.08146,0.02242,-0.06719,0.04631,0.06946,-0.0415,0.01046,-0.03387,0.03632,-0.04492,0.02532,-0.05139,0.14706,-0.07021,0.03465,-0.07437,0.02272,0.02796,-0.03705,-0.06319,-0.01703,-0.00448,0.03599,0.04854,0.02442,-0.0722,0.05638,-0.00938,0.03067,0.04203,-0.04574,0.00732,-0.02493,-0.00284,-0.00254,-0.00629,0.03064,-0.02419,0.1123,0.09609,0.03171],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-node-input-directive#2","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[0.01199,-0.04025,-0.09823,-0.01539,0.02971,-0.0215,0.03163,-0.0009,0.00247,-0.00803,-0.01728,0.0047,-0.00037,-0.01995,-0.04807,-0.0149,-0.02796,-0.00296,0.07001,0.00074,-0.02434,-0.05814,-0.04148,-0.08233,-0.10923,-0.02518,0.02507,0.00013,-0.00165,-0.03551,-0.04754,0.06928,-0.01519,0.05425,-0.14609,0.02783,0.04482,-0.05154,-0.10283,0.04391,0.02614,-0.08767,0.07727,-0.02557,-0.01611,-0.01231,-0.09158,-0.03131,-0.05705,0.03729,-0.02175,-0.02401,0.00213,0.13704,0.06385,0.01181,-0.00073,-0.01519,-0.00895,0.04084,0.04373,-0.02852,-0.03277,-0.0345,0.11651,0.00642,0.00744,-0.01033,-0.03072,-0.0302,0.05887,0.0377,-0.02624,-0.07287,0.08217,0.03865,-0.04125,0.03022,0.01578,-0.01623,0.07267,0.1269,-0.04691,-0.01669,0.02523,0.13848,-0.1094,-0.02279,-0.06179,-0.00066,-0.01838,-0.02229,-0.08499,0.00591,-0.03873,0.02598,-0.00093,-0.04722,-0.02442,0.01754,-0.01404,-0.01905,-0.04211,-0.02765,-0.02355,-0.06904,-0.04436,-0.00305,-0.00707,-0.08791,-0.0374,-0.0232,-0.0243,0.02109,-0.05661,-0.00343,0.00319,-0.01595,0.09483,0.04223,-0.08487,0.04459,-0.04367,0.06303,0.03306,-0.07053,-0.04023,0,0.01943,0.07137,-0.00191,-0.01089,0.04297,0.03506,-0.00293,0.00958,0.00474,-0.04679,-0.07293,0.00774,-0.03298,-0.01932,0.0653,-0.10062,-0.02551,0.09135,-0.01172,-0.0464,0.08112,-0.03462,-0.03089,-0.03067,0.06627,0.08395,-0.08024,0.0405,0.017,0.01685,-0.00094,0.0503,0.0046,0.02716,-0.01983,-0.03503,-0.05684,-0.04641,-0.08263,-0.0468,-0.02532,-0.04036,-0.00401,0.00754,0.0424,-0.0624,-0.07973,-0.05986,0.0048,0.02776,-0.01187,0.00133,0.06307,-0.04888,-0.00686,-0.05249,-0.05946,0.06191,0.00542,0.07285,-0.03224,0.00246,-0.03057,-0.04121,-0.00574,0.13017,0.01943,-0.06341,0.0923,0.00486,-0.02169,0.10541,-0.00297,0.02067,0.00943,0.0483,-0.06575,-0.0829,0.00164,-0.03425,-0.06196,0.00381,-0.03795,0.08421,0.07111,0.01044,-0.03983,-0.07053,0.00234,0.00154,0.03341,0.03823,-0.03963,-0.08017,0.04619,0,-0.01243,0.05724,-0.03246,0.01833,-0.0125,-0.00462,-0.03848,-0.06439,0.08178,-0.0061,0.00506,0.03462,0.07785,-0.03995,-0.08226,0.02045,-0.08907,-0.0672,0.07206,0.01965,0.01562,-0.02904,0.06157,0.01586,-0.00068,-0.00389,0.019,-0.01493,-0.00326,0.02069,-0.02632,-0.02272,-0.04875,-0.0151,0.01758,-0.01559,0.02828,0.11581,0.07343,0.01826,0.0583,0.06307,-0.01662,0.04461,-0.03851,-0.01084,-0.07753,0.00916,0.01363,0.00682,-0.10223,-0.005,-0.06424,0.03443,-0.05558,0.0682,0.06661,0.0943,0.01285,0.06175,0.0566,-0.11508,-0.01677,0.01566,0.04589,0.00069,0.01266,0.05443,0.09177,0.07449,0.06933,0.07666,0.10515,0.0628,-0.00813,-0.06561,0.0254,-0.05452,0.00321,0.10068,-0.04724,0.08268,-0.04111,0.03405,0.056,0.0202,0.11914,0.0456,0.02561,-0.08284,0.02905,0.10916,0.01316,-0.00734,-0.06801,0,-0.01548,0.01154,-0.07652,0.01835,0.02274,-0.04068,0.02835,-0.01027,-0.01566,-0.02017,-0.02083,0.02908,-0.01925,-0.02457,0.16089,0.00458,0.02874,-0.0458,-0.07708,0.01536,0.04812,0.00355,-0.08801,0.07534,0.00411,-0.06162,0.04544,0.05704,-0.03327,0.0065,-0.00976,0.04341,-0.01972,0.05187,-0.05256,0.12121,-0.06181,0.03325,-0.03508,0.00954,0.02431,-0.03175,-0.08073,-0.02562,-0.02128,0.0382,0.02374,-0.00275,-0.04191,0.06424,-0.03493,0.02516,0.08004,-0.00851,0.04467,-0.01714,-0.00921,-0.00995,-0.00833,0.01022,-0.02684,0.13456,0.10954,0.04],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Input as a port element (recommended for multi-port nodes) Use a dedicated element when your node has multiple inputs or when each port matters visually.","excerpt":"Input as a port element (recommended for multi-port nodes) Use a dedicated element when your node has multiple inputs or when each port matters visually."},{"chunkId":"/docs/f-node-input-directive#3","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[0.03127,-0.01315,-0.08428,0.01231,0.0272,-0.02786,0.01578,-0.02913,-0.01328,0.01703,-0.04035,-0.01582,-0.00671,-0.02977,-0.03903,-0.02463,-0.01391,0.02864,0.0902,0.0025,-0.03439,-0.05432,-0.04345,-0.07519,-0.1086,-0.04822,0.0044,-0.01246,-0.01462,-0.02272,-0.04951,0.0505,-0.02245,0.08186,-0.11701,0.05427,0.02341,-0.0495,-0.10787,0.03706,0.04889,-0.09305,0.07333,-0.0503,-0.00383,0.01811,-0.11547,0.03016,-0.04143,0.03809,0.00645,-0.01721,0.00944,0.14689,0.06655,0.06766,0.00383,-0.02898,-0.035,0.0555,0.03411,-0.04726,-0.01344,-0.04273,0.11513,0.03316,0.0223,0.02078,-0.05022,-0.02387,0.09195,0.02851,-0.01294,-0.09094,0.08113,0.02207,-0.06755,0.03534,0.01052,0.00591,0.07999,0.12587,-0.01951,-0.0136,-0.02358,0.13647,-0.08757,0.02235,-0.04682,0.02714,-0.04031,-0.05568,-0.08643,-0.03206,-0.05503,0.01459,-0.00991,-0.02886,-0.0274,0.01038,-0.05749,-0.01303,-0.0287,-0.02428,0.00267,-0.01964,-0.03235,0.01432,0.01807,-0.07225,-0.03756,-0.03442,0.02497,-0.00034,-0.02782,-0.00018,0.03106,-0.01692,0.09853,0.02505,-0.03179,0.04417,-0.045,0.02184,0.03144,-0.09223,-0.05329,0,0.02277,0.04317,0.03695,-0.03316,0.0385,0.03479,0.01244,-0.02867,-0.02172,-0.03972,-0.06926,-0.03656,0.01187,-0.07764,0.03586,-0.09205,-0.01129,0.07128,0.005,-0.02349,0.06802,-0.06137,-0.01926,-0.014,0.06981,0.06098,-0.09549,0.02524,0.0379,0.00221,0.00832,0.04505,0.01251,0.02518,-0.03939,-0.05824,-0.01451,-0.03703,-0.07718,-0.03834,0.03076,-0.0545,-0.00283,0.00028,0.0119,-0.049,-0.06291,-0.05512,0.0307,0.04255,0.01563,-0.01491,0.04928,-0.08728,0.00155,-0.03715,-0.08334,0.05792,-0.00536,0.06666,-0.01776,-0.02695,-0.02766,-0.06844,0.01759,0.12469,-0.00389,-0.08459,0.05724,-0.01201,-0.03424,0.10818,-0.04023,-0.00405,-0.00653,0.06182,-0.0497,-0.08861,-0.01174,-0.03173,-0.01619,-0.02369,-0.01104,0.08461,0.06944,0.00782,-0.03256,-0.05364,-0.00434,-0.01269,0.04728,0.02026,-0.03083,-0.05372,0.05691,0,-0.01106,0.01764,-0.0225,0.03473,0.0127,0.01719,-0.03083,-0.06099,0.04348,0.02483,0.03132,0.04179,0.03168,-0.03578,-0.05704,0.041,-0.07148,-0.04231,0.05138,0.05729,-0.01199,-0.02791,0.05878,-0.00595,0.01832,0.00713,0.04798,0.01788,-0.021,-0.02841,-0.03763,0.00414,-0.09188,-0.0196,0.01964,0.00341,0.01153,0.09534,0.07112,0.02219,0.07359,0.06159,-0.04862,0.04236,-0.02028,-0.01669,-0.10223,0.02007,0.00081,0.01366,-0.09359,0.01069,-0.0577,0.03884,-0.07045,0.07617,0.07691,0.11111,0.03026,0.03502,0.06483,-0.14961,-0.00564,0.04938,0.05014,0.00234,0.02359,0.06,0.09137,0.10643,0.06289,0.09146,0.09088,0.07095,0.03034,-0.06234,0.02882,-0.08994,0.00586,0.06551,-0.01922,0.09252,-0.03124,0.0251,0.07716,0.03434,0.09892,0.0779,0.0268,-0.0443,-0.01269,0.09955,0.01027,-0.06575,-0.0847,0,-0.01728,-0.01095,-0.07138,0.00502,0.03749,0.02268,0.00549,-0.04368,-0.02898,-0.00151,-0.05038,0.0421,0.0131,-0.0167,0.13553,-0.00863,0.04218,-0.03698,-0.07097,0.00443,0.02467,0.01898,-0.0679,0.10314,0.01501,-0.08479,0.03783,0.03029,-0.03697,0.00737,-0.02227,0.02305,-0.01936,0.03406,-0.03909,0.11897,-0.04946,0.04111,-0.07199,-0.00193,0.03453,0.00538,-0.06402,-0.02995,-0.04553,0.0489,0.06134,-0.03502,-0.00722,0.04995,0.0076,0.00227,0.0348,-0.05004,-0.02552,-0.01451,0.00087,-0.0044,-0.01191,0.02575,-0.03745,0.12458,0.10564,0.01534],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Input on the node itself (simple nodes) If your node has one input and you want “connect to the node body”, you can apply fNodeInput on the host element. f Node Input","excerpt":"Input on the node itself (simple nodes) If your node has one input and you want “connect to the node body”, you can apply fNodeInput on the host element."},{"chunkId":"/docs/f-node-input-directive#4","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.04427,-0.03112,-0.07791,0.06295,0.06178,0.03261,0.02709,-0.04175,-0.00278,-0.01485,-0.01207,0.0779,-0.02662,-0.0155,-0.06756,-0.00215,-0.00366,-0.03136,0.00185,0.01673,0.0104,-0.09786,-0.06265,-0.06826,-0.07003,-0.02101,0.01154,-0.03988,0.02213,-0.06473,-0.07409,0.04598,-0.09111,0.02093,-0.11091,0.00867,0.0732,-0.04448,-0.10005,0.01458,0.03829,-0.09819,0.05964,-0.03569,-0.02592,0.03188,-0.08864,-0.00122,-0.07502,0.05626,0.00714,0.01291,0.01366,0.12222,0.0683,0.0801,0.02614,0.00534,-0.02793,0.07007,0.00309,-0.03211,-0.04768,-0.01362,0.09099,0.03246,0.01117,-0.02017,-0.04046,-0.00828,0.04968,0.04112,-0.03659,-0.06252,0.10822,0.02513,-0.04401,0.06007,-0.00229,-0.04046,0.10134,0.11064,-0.03736,0.01604,0.01928,0.13617,-0.08346,-0.04028,-0.06276,0.02577,0.00691,-0.04135,-0.04658,-0.01045,-0.06933,0.00064,0.01028,-0.04139,-0.0339,0.03486,-0.03248,-0.00662,0.01857,0.02524,-0.01807,-0.06831,-0.02602,-0.00079,-0.03508,-0.02318,0.01312,-0.04484,0.0126,-0.03232,-0.09181,0.00325,-0.02201,-0.03009,0.10739,-0.00317,-0.0723,0.05581,-0.00823,0.00422,0.04017,-0.09354,-0.07214,0,0.00689,-0.02281,-0.0362,-0.02266,0.06207,0.00154,-0.00528,-0.04666,-0.04509,0.00015,-0.00574,0.00486,-0.03597,-0.01007,0.04688,-0.08743,0.02167,0.07845,-0.02411,0.00916,0.03013,-0.00866,-0.02134,-0.04173,0.07164,0.0805,-0.08942,0.06388,0.02625,0.02784,0.00274,0.04494,0.00226,-0.00251,-0.03495,-0.03904,-0.06818,-0.0585,-0.02812,-0.00483,0.01401,-0.0301,-0.05432,0.04585,-0.00285,-0.01959,0.02374,-0.06096,-0.01511,-0.01648,-0.02257,0.02524,0.05523,-0.06365,-0.00721,-0.08908,-0.08836,0.0896,-0.01796,0.06065,0.02554,0.01126,-0.05971,-0.0866,0.02755,0.09544,-0.02601,-0.01721,0.07351,-0.05534,-0.05046,0.08466,-0.00623,0.02185,0.02506,0.00376,-0.04807,-0.04134,0.06762,-0.06378,-0.04307,-0.02367,0.02452,0.08122,0.05922,-0.0502,-0.02443,-0.07827,-0.056,0.01024,0.06245,0.04409,0.00776,-0.01824,0.09135,0,-0.00981,0.01605,-0.01016,0.04826,-0.04208,0.03536,-0.00844,0.00069,0.07671,0.01485,0.0621,0.07147,0.01804,-0.03451,-0.057,0.04458,-0.11195,-0.0535,0.01651,0.02749,0.07924,-0.00388,0.04635,0.00686,-0.01679,-0.02034,0.00626,-0.01012,0.01673,0.00606,-0.00642,-0.0044,-0.12953,0.00713,0.00375,-0.02936,-0.01723,0.13641,0.05717,0.01131,0.02948,0.04956,-0.0444,0.02686,0.00524,0.00302,-0.08036,-0.00722,-0.01939,-0.00976,-0.08308,0.03905,-0.05049,0.03878,-0.04486,0.0532,0.08526,0.0442,-0.01237,0.07628,0.07445,-0.09534,-0.02461,-0.00474,0.06258,0.01087,-0.00819,0.02069,0.13958,0.06251,0.05075,0.07238,0.10028,-0.01448,0.04484,-0.05611,0.07734,-0.08528,0.00342,0.06482,-0.0493,0.09198,-0.06613,-0.01222,0.06181,0.04527,0.08666,0.08098,0.0413,-0.01742,-0.02099,0.0657,0.02161,0.0081,-0.12329,0,-0.03608,-0.01629,-0.06893,-0.03101,0.03594,0.02218,0.00962,-0.00567,-0.03712,0.0121,-0.0414,0.05537,-0.02453,0.02172,0.10852,-0.00121,0.02389,0.00443,-0.08009,0.00442,0.04876,-0.01346,-0.06029,0.16002,-0.0288,-0.06801,0.03198,0.06187,-0.02971,0.01993,-0.02788,0.04207,-0.05594,0.04571,-0.04913,0.11199,-0.08604,0.0325,-0.03426,0.01256,0.06306,-0.0236,-0.07209,0.00857,-0.00626,0.04505,0.05413,0.00402,-0.07041,0.06938,-0.01552,0.02758,0.0184,-0.0246,0.04057,-0.04743,0.00338,0.00582,0.0046,0.01518,-0.01387,0.06909,0.09983,0.00862],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. How it works - The input connector registers under its parent node and becomes a valid drop target during connection creation and reassignment. - During connection drag, the library evaluates connectability rules such as disabled, multiple, category, and connectableSide. - The directive toggles state classes (for example connected / not-connectable) so you can provide clear UX feedback with CSS. connectable Side","excerpt":"How it works - The input connector registers under its parent node and becomes a valid drop target during connection creation and reassignment. - During connection drag, the library evaluates connectability rules such as disabled, multiple, category, and connectableSide. - The directive toggles state classes (for example connected / not-connectable) so you can provide clear UX feedback with CSS."},{"chunkId":"/docs/f-node-input-directive#5","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.00762,-0.02545,-0.07629,0.00658,0.02289,-0.01492,0.00479,-0.00833,-0.02334,0.00699,-0.02828,-0.00991,0.00204,-0.01867,-0.03198,-0.01034,0.02917,-0.00619,0.05948,0.0256,-0.02933,-0.06021,-0.05101,-0.06461,-0.09111,-0.08691,0.0378,-0.02165,-0.04011,-0.01599,-0.06263,0.05709,-0.04873,0.06337,-0.08844,-0.0074,0.04666,-0.07415,-0.08508,0.0334,0.055,-0.06894,0.03908,-0.02509,-0.01923,-0.00767,-0.10171,0.01128,-0.08886,0.05787,0.00495,-0.00023,-0.03982,0.14397,0.08012,0.03153,-0.01582,-0.01666,-0.03008,0.08721,0.02417,-0.06704,-0.03767,-0.02804,0.05301,0.02656,0.02454,0.01824,-0.01105,-0.02612,0.02593,0.04396,-0.06694,-0.09321,0.08645,0.0303,-0.03299,0.02571,-0.01066,-0.03384,0.10341,0.11483,-0.04897,0.015,0.02344,0.10933,-0.09097,0.00292,-0.02461,0.02699,-0.04903,-0.07138,-0.03565,-0.00366,-0.05431,0.01599,-0.0035,-0.07713,-0.02824,0.00201,-0.04074,-0.01335,-0.04441,-0.02637,0.02782,-0.03902,-0.04831,0.02043,0.00245,-0.03854,-0.01162,-0.02316,0.03485,-0.02544,-0.03791,0.04918,-0.02173,-0.00362,0.13801,0.02523,-0.07227,0.05074,-0.01572,0.04339,0.00519,-0.07101,-0.07034,0,-0.00348,0.02575,0.0137,-0.01995,0.05891,0.01465,0.02794,-0.02136,0.01816,-0.03585,-0.08834,0.02221,-0.01942,-0.0473,0.03825,-0.08822,-0.03518,0.13352,-0.01994,0.00529,0.04233,-0.03491,-0.00973,-0.03125,0.09927,0.06229,-0.097,0.05164,0.06734,0.02173,0.00837,0.04167,0.03674,0.01265,-0.02002,-0.06115,-0.07907,-0.06068,-0.05923,-0.00218,-0.01291,-0.0182,-0.06589,-0.00754,-0.02132,-0.06179,-0.03946,-0.03557,0.01872,0.01265,-0.0393,0.01514,0.05326,-0.05578,-0.01594,-0.10796,-0.05606,0.07361,0.00814,0.11778,-0.03908,-0.034,-0.00959,-0.07976,0.03103,0.09138,0.01773,-0.08101,0.02923,-0.00901,-0.0101,0.10811,-0.00459,0.00952,-0.00373,0.02452,-0.03058,-0.03237,-0.00524,-0.05849,-0.02941,-0.01183,-0.02901,0.09069,0.05896,0.00015,-0.03371,-0.07599,-0.0609,0.0191,0.0226,0.04703,-0.02286,-0.01254,0.06132,0,-0.01583,0.02971,-0.02446,0.00909,0.00089,-0.00725,-0.01511,-0.00296,0.08397,0.02253,0.01745,0.02878,0.04025,-0.02837,-0.03997,0.00648,-0.09859,-0.06129,0.05484,0.04969,0.01782,-0.00468,0.01722,-0.01784,0.02541,0.01195,0.00401,0.00479,-0.00883,0.00085,-0.04809,-0.0108,-0.12494,-0.00279,0.01597,-0.01196,0.02822,0.14967,0.09292,0.00259,0.07951,0.05055,-0.03643,0.02634,0.0028,-0.03965,-0.0824,0.00808,-0.00675,-0.00882,-0.08675,0.01374,-0.03198,0.05585,-0.07322,0.05085,0.10159,0.05482,0.0046,0.05255,0.0644,-0.13482,0.01921,0.01598,0.04087,-0.00307,0.04497,0.03691,0.07433,0.06877,0.08646,0.05774,0.11758,0.06047,0.00822,-0.06346,0.02197,-0.08972,0.01551,0.08916,-0.06879,0.11324,-0.02864,0.03374,0.07073,0.04239,0.13415,0.07991,0.05384,-0.02591,-0.04326,0.07515,0.00582,0.00213,-0.08964,0,-0.0179,0.01604,-0.10789,0.03801,0.04936,0.02104,-0.02688,-0.02373,-0.01598,0.01068,-0.02545,0.03767,0.0048,0.02928,0.11614,-0.00707,0.02914,-0.02744,-0.07474,0.01845,0.02309,0.04003,-0.06019,0.06649,0.01669,-0.05843,0.05078,0.07045,-0.03881,-0.00572,-0.04026,0.0271,-0.03732,0.01058,-0.05144,0.13392,-0.06843,0.03112,-0.07268,0.02466,0.03301,-0.04803,-0.06539,-0.01369,0.00302,0.03818,0.04103,0.02285,-0.04763,0.06852,-0.01224,0.01757,0.04018,-0.04103,0.01037,-0.03043,-0.01149,-0.01597,0.00798,0.03459,0.01291,0.10751,0.09623,0.03549],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. API","excerpt":"API"},{"chunkId":"/docs/f-node-input-directive#6","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.00941,-0.01065,-0.0928,0.03615,-0.02982,0.05303,0.00882,0.01356,-0.00348,0.00391,-0.03158,-0.02481,-0.01784,0.00224,-0.00319,-0.01709,0.01272,-0.09541,0.02887,-0.01866,0.00484,-0.07603,0.0173,-0.06144,-0.12768,-0.02153,0.01709,-0.00257,-0.01151,-0.04884,-0.04695,0.0238,-0.10315,-0.00059,-0.06621,-0.00954,0.02604,-0.04848,-0.1065,-0.05715,0.0254,-0.09142,0.01963,0.01516,0.03004,-0.04851,-0.14297,0.00004,0.00653,0.07252,0.04144,-0.01083,0.00165,0.07255,0.07066,0.13468,-0.00936,-0.04711,0.00605,0.01269,0.04079,-0.02643,-0.00809,-0.01068,0.02057,0.05765,0.0281,-0.01281,0.01254,0.05089,0.01603,0.02348,-0.0316,-0.07199,0.06902,0.03537,-0.0248,0.01217,0.00351,-0.02938,0.07579,0.07839,-0.04188,0.02732,0.03715,0.0727,-0.06148,-0.04479,-0.0153,0.02713,-0.02733,-0.01718,-0.01706,-0.02748,0.01434,0.011,-0.04333,-0.0015,-0.07151,0.02,-0.04816,-0.03082,-0.01284,0.02996,0.06821,0.0121,-0.03331,-0.00139,-0.00906,-0.03127,-0.0373,0.00256,0.00782,0.02654,-0.03141,0.04541,-0.00114,-0.03518,0.07489,0.08016,-0.02207,0.03187,-0.04623,-0.00258,0.01264,-0.04443,-0.02705,0,0.04616,0.01772,-0.04408,-0.04521,0.05567,0.0693,0.00957,0.02095,-0.04224,0.05005,-0.11577,0.02365,-0.02126,-0.04531,0.03036,-0.08462,0.02352,0.04861,0.00988,-0.05643,0.03342,-0.0524,-0.00198,-0.0546,0.10578,0.04738,-0.09022,0.08808,0.06838,0.01187,0.02269,0.02056,0.03332,0.01783,-0.03081,-0.05096,-0.02745,-0.02665,-0.04985,-0.00552,0.01865,-0.01719,-0.04675,0.02018,-0.00221,-0.02364,-0.01995,-0.02888,0.02892,-0.02298,-0.08132,0.02027,-0.02654,-0.0431,-0.023,-0.11475,-0.0824,0.08332,-0.03862,0.05835,-0.0554,0.00216,-0.05045,0.01127,0.00636,0.14138,-0.01298,-0.07552,0.02602,-0.05097,-0.07966,0.06939,0.01667,0.01619,0.02365,0.00463,-0.10231,-0.0842,-0.07882,-0.01313,-0.03257,0.00492,-0.03349,0.1961,0.09563,-0.06356,-0.01754,-0.07306,0.01004,0.02946,0.00634,0.04521,0.08574,-0.03897,0.02849,0,-0.0279,0.03869,-0.05355,0.02258,-0.01338,-0.00954,0.06132,-0.01727,0.05563,-0.01831,0.02451,0.03684,0.05918,-0.08599,-0.07387,0.0473,-0.15718,-0.03691,0.05176,0.01621,0.01741,0.00303,-0.01687,-0.01253,0.04671,0.01027,0.02878,-0.05489,-0.04839,0.01868,-0.0316,0.00728,-0.04899,0.02275,-0.00849,0.00087,0.03773,0.05803,0.06703,0.08042,0.08301,0.02197,-0.07251,0.02573,0.00827,-0.0012,-0.06876,0.04118,-0.0913,-0.00565,-0.07594,-0.01564,-0.04411,0.03203,-0.03358,0.06211,0.13037,0.02269,0.00722,0.08062,0.0931,-0.08471,0.01796,0.03326,0.106,-0.03851,0.03838,0.02618,0.12653,0.04925,0.05029,0.04867,0.07748,0.07036,0.09843,-0.03732,0.00314,-0.11813,0.00904,0.0738,-0.03978,0.09413,-0.01576,0.01948,0.01419,0.03177,0.09573,0.08049,0.04923,0.05846,-0.03979,0.0318,-0.02066,0.00229,-0.07977,0,-0.00953,0.05393,-0.09459,0.01368,0.00083,-0.00853,0.02336,-0.03942,-0.02881,-0.0209,-0.05074,0.09269,-0.06509,-0.01124,0.04911,-0.00676,0.04676,0.01171,-0.04452,0.02392,0.00506,0.00193,-0.06155,0.08777,-0.005,-0.10499,0.03437,0.08057,-0.04979,0.07533,-0.04957,-0.0281,0.03895,0.07711,-0.06356,0.10078,-0.06564,0.02175,-0.03378,0.05319,0.02418,0.01189,-0.04516,-0.0586,-0.00187,0.03158,0.03045,0.02066,0.0395,0.04858,-0.0777,-0.00194,0.02978,-0.04137,0.04989,0.00405,-0.03004,-0.05493,0.01673,-0.0119,-0.01494,0.0679,0.03716,-0.05004],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Inputs - fInputId: InputSignal<string; Input identifier. Default: f-node-input-${uniqueId++}. Use a stable id if you store graph state and want connections to survive rerenders. - fInputCategory: InputSignal<string undefined; Optional category used for connection validation rules (for example, “data”, “error”, “trigger”). Categories are just strings — keep them consistent across your app. - fInputMultiple: InputSignal<boolean; Default: true. When false, only one active connection can be attached to this input. - fInputDisabled: InputSignal<boolean; Default: false. When true, the input is not connectable. - fInputConnectableSide: EFConnectableSide; Default: auto. Controls preferred docking side for routing/hit-testing (left/right/top/bottom/auto). Use a fixed side when you have explicit port placement. f Input Id Input Signal unique Id f Input Category f Input Multiple f Input Disabled f Input Connectable Side EF Connectable Side","excerpt":"Inputs - fInputId: InputSignal<string; Input identifier. Default: f-node-input-${uniqueId++}. Use a stable id if you store graph state and want connections to survive rerenders. - fInputCategory: InputSignal<string undefined; Optional category used for connection validation rules (for example, “data”, “error”, “trigger”). Categories are just strings — keep them consistent across your app. - fInputMultiple: InputSignal<boolean; Default: true. When false, only one active connection can be attached to this input. - fInputDisabled: InputSignal<boolean; Default: false. When true, the input is not connectable. - fInputConnectableSide: EFConnectableSide; Default: auto. Controls preferred docking side for routing/hit-testing (left/right/top/bottom/auto). Use a fixed side when you have explicit port placement."},{"chunkId":"/docs/f-node-input-directive#7","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.01126,-0.00841,-0.09832,0.01609,0.03882,0.02043,0.04128,-0.01526,-0.01662,-0.00464,-0.01934,0.03369,0.00514,-0.02464,-0.04933,0.00949,-0.03149,0.00327,0.05238,0.01723,-0.01059,-0.06033,-0.03232,-0.05055,-0.10154,-0.04961,0.01142,-0.01403,0.00268,-0.04454,-0.04974,0.07737,-0.04552,0.04144,-0.12356,-0.01015,0.04012,-0.00192,-0.1057,0.02378,0.00776,-0.09665,0.05717,-0.08406,-0.02071,0.00558,-0.10067,-0.03965,-0.07142,0.03468,0.00328,0.01224,-0.02319,0.13592,0.10129,0.00963,0.03275,-0.02057,-0.02143,0.06671,0.00978,-0.04523,-0.04129,-0.00645,0.03536,0.0536,-0.01756,0.03003,-0.00536,-0.00317,0.05581,0.03418,-0.02536,-0.07228,0.09104,0.03015,-0.04263,0.05997,0.00214,-0.0393,0.07506,0.08316,-0.03762,-0.02345,0.01116,0.14134,-0.08597,-0.02003,-0.03677,0.03564,-0.05596,-0.02156,-0.02345,0.0012,-0.01963,-0.00205,-0.02977,-0.0441,-0.03306,0.02441,-0.03278,-0.02908,0.00577,0.00853,0.02802,-0.04018,-0.02023,0.03219,0.00018,-0.09131,-0.03112,-0.05316,0.00771,-0.04665,-0.06217,-0.00996,0.01741,-0.02629,0.12417,0.05648,-0.02431,0.04137,-0.02461,-0.01113,0.02233,-0.06697,-0.06737,0,0.0287,0.04191,-0.02356,-0.02268,0.08936,0.02053,0.01207,-0.03524,-0.00019,0.00499,-0.05548,-0.00176,-0.03181,-0.03588,0.03368,-0.11841,0.02588,0.08584,-0.02491,-0.02366,0.09098,-0.03,-0.00927,-0.01731,0.07768,0.06229,-0.07989,0.03757,0.02327,0.02669,0.02056,0.03813,0.03571,0.02087,-0.01782,-0.05794,-0.06544,-0.04545,-0.04776,-0.03297,-0.03074,-0.0514,-0.02951,0.01943,0.01761,-0.03708,-0.04504,-0.04106,0.00732,0.03663,-0.00794,0.04974,0.04004,-0.06877,0.01068,-0.08348,-0.08292,0.09858,-0.01667,0.09305,-0.04092,0.00899,-0.0498,-0.07935,0.00737,0.10641,0.009,-0.07117,0.04094,-0.05033,-0.03922,0.08407,-0.0327,0.00841,0.0059,0.00608,-0.03901,-0.05555,-0.00645,-0.03571,-0.07253,-0.03347,-0.02925,0.09049,0.0511,-0.00603,-0.04437,-0.05414,-0.03618,-0.01911,0.04606,0.05127,0.00399,-0.03676,0.05363,0,-0.00727,0.06792,-0.02395,0.04494,0.00702,0.02099,-0.00104,-0.00505,0.0704,0.04461,0.04421,0.04787,0.04467,-0.0786,-0.06349,0.01019,-0.08267,-0.0433,0.04058,0.05528,0.01662,0.00203,0.02893,-0.01199,-0.00686,0.02422,0.01048,-0.00095,0.02796,0.00667,-0.03806,-0.00041,-0.08589,-0.01716,0.01638,-0.02985,0.01323,0.1332,0.03994,0.00267,0.08371,0.07163,0.00244,0.06825,-0.01359,-0.02128,-0.08371,-0.01472,-0.00952,0.00347,-0.10928,-0.03437,-0.05019,0.02749,-0.06178,0.05207,0.11044,0.06519,-0.01822,0.06631,0.11068,-0.15097,-0.00966,0.02987,0.07706,0.00152,-0.00426,0.06791,0.08568,0.07411,0.10147,0.08728,0.09345,0.03783,0.00872,-0.06919,0.03325,-0.05118,0.01341,0.0947,-0.03906,0.09484,-0.03262,0.02084,0.06501,0.00885,0.06672,0.05948,0.0438,-0.04929,-0.03091,0.09088,0.00694,0.01207,-0.09352,0,-0.01589,-0.02187,-0.08517,-0.02519,0.04791,0.01525,-0.0171,-0.03732,-0.02477,-0.01042,-0.03951,0.08407,0.00599,-0.00751,0.10405,-0.01959,0.00405,0.00181,-0.08019,0.0155,0.01707,0.00544,-0.08426,0.13029,-0.00443,-0.06841,0.05368,0.03948,-0.0008,0.02262,-0.0582,0.0389,-0.04039,0.00631,-0.05642,0.15042,-0.08805,0.01482,-0.08703,0.0154,0.03471,-0.03407,-0.05347,-0.0291,0.01777,0.04501,0.00827,-0.00562,-0.07931,0.07724,-0.04012,0.05047,0.02963,-0.00381,0.02104,-0.01028,0.00866,-0.0325,0.01488,-0.00214,-0.02981,0.09685,0.10524,0.0353],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Styling - .f-component Base class for flow primitives. - .f-node-input Host class. - .f-node-input-multiple Applied when multiple incoming links are allowed. - .f-node-input-disabled Applied when disabled. - .f-node-input-connected Applied when connected. - .f-node-input-not-connectable Applied when blocked from connection.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-node-input Host class. - .f-node-input-multiple Applied when multiple incoming links are allowed. - .f-node-input-disabled Applied when disabled. - .f-node-input-connected Applied when connected. - .f-node-input-not-connectable Applied when blocked from connection."},{"chunkId":"/docs/f-node-input-directive#8","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[0.04497,-0.00481,-0.05643,0.01204,0.02801,0.00057,-0.01234,-0.02197,-0.00459,-0.01732,-0.04107,0.0316,-0.03361,0.01661,-0.07393,-0.05098,0.00535,-0.07932,0.04752,0.04095,-0.04814,-0.04338,0.0035,-0.07035,-0.12519,-0.0382,0.01834,-0.04605,-0.02515,-0.01316,-0.07468,0.09615,-0.02678,-0.01328,-0.04903,-0.00068,-0.01221,-0.01751,-0.11247,-0.04211,0.04036,-0.10493,0.03924,-0.02835,0.01638,-0.07125,-0.1345,-0.02707,0.00368,0.07859,-0.02614,0.01509,0.02647,0.08499,0.02403,0.13628,0.01236,0.02434,-0.01178,-0.04421,0.00334,-0.03853,-0.03597,-0.06258,0.07507,0.04542,0.0527,-0.0257,0.03094,0.04728,0.05746,0.0652,-0.06777,-0.07574,0.08247,0.0419,-0.03378,0.04198,0.03605,-0.02557,0.0584,0.05255,-0.02909,-0.00495,0.012,0.07329,-0.08009,-0.01397,-0.03021,-0.04596,-0.00718,0.00744,-0.06533,-0.06237,-0.01882,-0.00198,-0.02912,-0.00129,-0.05676,-0.00285,-0.02933,0.01645,-0.02717,0.00899,0.081,0.0333,-0.00573,-0.02792,-0.01321,-0.02409,-0.00981,-0.01611,0.06109,0.02382,-0.05543,0.0454,-0.0357,-0.05433,0.02898,0.05753,-0.04113,0.05593,-0.00313,-0.01976,-0.01748,-0.01668,-0.08201,0,0.01,-0.03455,-0.03091,-0.04889,0.09934,0.02043,0.03276,-0.00326,-0.01061,0.03603,-0.12048,-0.04702,0.0166,-0.0805,0.0249,-0.05789,0.02175,0.06347,-0.01733,-0.02729,0.0855,-0.02047,0.00741,-0.09046,0.05605,0.0601,-0.09128,0.03172,0.08869,0.0328,0.02902,0.0167,0.04072,-0.01308,-0.02317,-0.07583,-0.01854,-0.04866,-0.05656,0.01228,-0.01461,-0.03153,0.01268,0.02332,-0.02321,-0.0252,0.01576,0.02569,0.00341,0.0432,-0.06789,-0.00604,-0.03377,-0.04563,-0.0535,-0.10385,-0.06823,0.05902,-0.03642,0.08896,-0.04889,-0.01789,-0.04263,-0.04572,0.01315,0.12307,-0.00981,-0.01889,0.03897,0.00183,-0.01045,0.07195,0.00356,0.03546,0.01204,0.00075,-0.05909,-0.09078,0.0015,-0.02759,-0.01784,0.05008,0.00288,0.11288,0.0599,-0.02828,-0.01044,-0.07811,-0.01977,0.04061,0.06926,0.07387,0.03128,-0.04126,0.06759,0,-0.07169,0.04283,-0.07238,-0.00692,-0.00137,0.00612,0.04874,-0.02337,0.08704,-0.01743,0.03308,0.03294,0.00203,-0.04218,-0.08518,0.04734,-0.08048,-0.02696,0.06528,0.03254,0.05302,-0.00728,-0.00929,0.04036,0.00806,0.00836,0.03318,-0.01352,-0.02115,0.03784,-0.01194,0.04701,-0.07157,0.05911,0.01169,0.03167,-0.01165,0.08392,0.05755,0.03292,0.06302,0.03099,-0.04686,0.0306,0.02946,-0.07754,-0.06742,0.00794,-0.04574,-0.01983,-0.07929,-0.04671,0.00963,0.07465,-0.04414,0.05638,0.11258,0.03425,-0.01927,0.08821,0.12938,-0.06465,0.01958,0.0396,0.11601,-0.00318,0.05308,0.06725,0.13285,0.05752,0.03558,0.05974,0.12149,0.07863,0.04857,0.00307,-0.01935,-0.08085,-0.00637,0.05619,-0.06995,0.09719,-0.03369,-0.04894,0.02969,0.02572,0.11421,0.0746,0.0286,0.03966,-0.0347,0.0097,-0.04294,0.01694,-0.06293,0,0.01578,0.05079,-0.1061,0.04124,0.02319,-0.00639,-0.01327,-0.03397,-0.0615,0.00222,-0.10243,0.0498,-0.06387,-0.00272,0.09054,0.00561,0.01187,-0.00403,-0.07993,-0.04664,-0.02599,0.03903,-0.09722,0.08036,-0.03931,-0.0427,0.01402,0.05993,-0.03795,0.0243,-0.05196,-0.01598,-0.04547,0.08872,-0.06843,0.09796,-0.04862,0.04743,-0.06815,0.04137,0.02634,-0.01626,-0.05531,-0.05144,0.01166,0.01621,0.04814,0.06792,0.04477,0.08472,-0.00859,0.00156,0.04692,-0.07171,0.069,-0.02355,-0.02579,-0.02911,0.03667,0.00846,-0.03622,0.03832,0.0715,-0.00649],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Notes and pitfalls - fInputId must match connection fInputId values exactly (case-sensitive). - With fInputMultiple=\"false\", the input becomes unavailable after one active connection is attached. - If you use fInputCategory, make sure your connection rules reference the same category strings. Mismatched strings are the most common reason an input becomes “not connectable”. - Side settings (fInputConnectableSide) affect docking and routing behavior; test with your chosen connection behavior and node template. f Input Id f Input Multiple f Input Category f Input Connectable Side","excerpt":"Notes and pitfalls - fInputId must match connection fInputId values exactly (case-sensitive). - With fInputMultiple=\"false\", the input becomes unavailable after one active connection is attached. - If you use fInputCategory, make sure your connection rules reference the same category strings. Mismatched strings are the most common reason an input becomes “not connectable”. - Side settings (fInputConnectableSide) affect docking and routing behavior; test with your chosen connection behavior and node template."},{"chunkId":"/docs/f-node-input-directive#9","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.00986,-0.03437,-0.06321,0.00801,0.0343,-0.00137,0.02682,0.00658,-0.03586,0.01843,-0.01978,0.00652,0.00164,-0.03427,-0.05479,0.00953,0.01969,0.00107,0.05166,0.03427,-0.03445,-0.08332,-0.06067,-0.06266,-0.08795,-0.07784,0.03616,-0.01933,-0.03541,-0.02282,-0.0679,0.05661,-0.04165,0.04534,-0.09634,-0.00292,0.05022,-0.06238,-0.09762,0.03757,0.06082,-0.07734,0.05111,-0.0158,-0.01557,0.00202,-0.09219,0.00712,-0.09108,0.03977,-0.00037,0.00031,-0.04835,0.14756,0.07525,0.03265,-0.01445,-0.0325,-0.01156,0.0677,0.02442,-0.05816,-0.04669,-0.02698,0.06173,0.02737,0.03073,0.04177,-0.01361,-0.00859,0.0252,0.04485,-0.06627,-0.08592,0.0959,0.04025,-0.02975,0.02998,-0.01518,-0.02599,0.10777,0.12545,-0.04818,-0.00726,0.02041,0.1058,-0.0899,-0.00774,-0.02971,0.01704,-0.04432,-0.06636,-0.02751,0.00216,-0.05502,0.00701,-0.00533,-0.07752,-0.00553,0.00527,-0.03191,-0.01199,-0.02999,-0.02717,0.0155,-0.04444,-0.05861,0.02761,0.00537,-0.04507,-0.02468,-0.04104,0.03276,-0.03219,-0.02847,0.02183,-0.02002,-0.00177,0.13052,0.01899,-0.07535,0.06111,-0.0127,0.03612,-0.00823,-0.05827,-0.07786,0,-0.00107,0.03077,-0.00691,-0.00987,0.0474,0.02144,0.00479,-0.01413,0.01988,-0.02158,-0.08826,0.01252,-0.02571,-0.02252,0.04093,-0.09694,-0.03097,0.11522,-0.01655,-0.00717,0.0392,-0.02223,-0.01985,-0.02729,0.11689,0.04878,-0.08163,0.05709,0.05724,0.01324,0.01017,0.03708,0.04288,0.01484,-0.02141,-0.05075,-0.08153,-0.07088,-0.04865,-0.00685,-0.0176,-0.02949,-0.05395,0.00463,0.00684,-0.06368,-0.02969,-0.03554,0.02205,0.00272,-0.03366,0.00908,0.05577,-0.03426,-0.01882,-0.09162,-0.06666,0.08125,0.00459,0.11797,-0.04047,-0.022,-0.0167,-0.08838,0.02806,0.09801,0.00007,-0.09261,0.03474,-0.02174,-0.02087,0.09806,-0.0029,0.00792,0.00759,0.02119,-0.05045,-0.03155,-0.00401,-0.05501,-0.06441,-0.01417,-0.02742,0.086,0.06174,-0.004,-0.02435,-0.07965,-0.05798,0.01328,0.02876,0.05661,-0.02138,-0.00991,0.06555,0,-0.02304,0.03799,-0.02504,0.02473,0.01006,0.01384,-0.02404,-0.01324,0.08584,0.00464,0.01954,0.03189,0.04742,-0.03197,-0.0518,0.00445,-0.08286,-0.06939,0.04002,0.0484,0.0421,-0.01495,0.02652,-0.02329,0.03425,0.0006,0.02151,-0.01035,-0.00822,0.01436,-0.05183,-0.00192,-0.11842,0.00794,0.01619,-0.00509,0.03283,0.13314,0.08585,-0.00448,0.07291,0.06348,-0.02134,0.02532,-0.00193,-0.0306,-0.09938,-0.00007,0.00819,-0.00408,-0.10635,0.00588,-0.03156,0.06318,-0.06889,0.04809,0.09576,0.05897,0.0052,0.06005,0.07777,-0.13776,0.0244,0.00684,0.03864,0.00289,0.03753,0.03385,0.08762,0.06576,0.07867,0.07169,0.11009,0.04579,0.00533,-0.06631,0.01818,-0.08446,0.01387,0.07237,-0.05639,0.10894,-0.03175,0.02557,0.05851,0.03135,0.1316,0.06881,0.05394,-0.04371,-0.03764,0.05731,0.00517,0.00313,-0.09592,0,-0.00661,0.0104,-0.09015,0.01805,0.0658,0.01987,-0.02407,-0.03209,-0.02042,-0.00043,-0.01858,0.04284,-0.00169,0.02747,0.13059,-0.01275,0.02818,-0.03484,-0.07943,0.0159,0.02726,0.03869,-0.05782,0.08454,0.0242,-0.05963,0.04657,0.06896,-0.04344,0.00576,-0.03046,0.03513,-0.04347,0.01932,-0.04746,0.15231,-0.06848,0.03063,-0.06814,0.0185,0.03762,-0.04088,-0.05033,-0.01172,0.00108,0.03804,0.03652,0.03123,-0.06948,0.0734,-0.00766,0.02718,0.03472,-0.04216,0.01563,-0.03647,-0.00272,-0.00835,-0.00051,0.03788,-0.00578,0.11799,0.0922,0.04121],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Example","excerpt":"Example"},{"chunkId":"/docs/f-node-input-directive#10","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.05728,0.01503,-0.09345,0.03138,0.05878,0.03653,-0.00841,0.03046,-0.00782,0.03406,-0.05145,0.00387,-0.03003,0.02086,0.00769,-0.01427,-0.04937,0.01692,-0.01072,0.0224,-0.02513,-0.05178,0.01794,-0.04075,-0.06906,-0.02326,0.00157,-0.02626,0.01701,-0.01902,-0.00765,0.07117,-0.06333,0.06336,-0.04307,0.04093,0.02037,-0.011,-0.06297,-0.01432,0.14468,0.00352,0.05315,-0.09422,-0.00306,-0.01885,-0.11913,0.00441,-0.07537,0.04917,-0.04275,-0.0577,-0.05813,0.13886,0.02969,0.0314,-0.00445,-0.07154,0.02674,0.04787,0.0259,-0.0851,-0.01406,-0.02615,0.04954,0.0181,-0.06547,0.05865,-0.05116,0.03026,0.05868,0.01447,-0.05625,-0.0877,0.07892,0.00877,-0.02715,0.07599,-0.01622,-0.00838,0.0749,0.08245,-0.05946,-0.00293,-0.00227,0.14815,-0.03833,-0.05965,-0.03237,-0.00755,-0.02015,-0.03283,-0.03199,0.00751,0.00903,0.00277,-0.06449,-0.01554,-0.02641,0.0283,-0.03308,-0.02725,0.04556,0.03998,0.0209,-0.01317,-0.06047,0.06412,-0.03145,-0.02768,0.00239,0.01096,0.04652,-0.05022,-0.05863,-0.06335,0.0195,-0.03749,0.09506,0.10429,-0.01446,0.03402,-0.0452,0.0003,0.03272,-0.02284,-0.05669,0,-0.00256,0.00415,-0.00418,0.02283,0.04382,0.01239,-0.01136,-0.06724,-0.02291,0.05717,-0.09506,-0.01152,-0.04713,-0.05496,0.00647,-0.10107,-0.01059,0.06828,-0.0637,0.01499,0.03515,-0.07896,-0.07621,-0.0155,0.10864,0.00736,-0.08151,0.01928,0.00313,0.00902,0.0571,0.04785,0.06809,0.01412,-0.01099,-0.05603,-0.01219,-0.03031,-0.09439,-0.02329,0.03303,-0.01982,-0.03885,0.08265,0.0039,-0.03184,0.00188,-0.03463,0.08575,0.01283,-0.04405,0.03886,0.04734,-0.04726,0.03884,-0.06525,-0.05644,0.06801,-0.01432,0.08407,-0.03729,0.01921,-0.0246,-0.05059,0.0523,0.08569,-0.014,-0.04763,0.07715,-0.05771,-0.06344,0.08518,-0.01561,0.03984,-0.00873,-0.00862,-0.01726,0.00977,0.06214,-0.0507,-0.06411,-0.04342,-0.01813,0.1267,0.066,-0.08308,-0.01852,-0.08342,-0.02866,-0.05477,0.05634,0.05764,-0.04049,-0.04464,0.04554,0,0.03522,0.03341,0.01367,0.02464,-0.0153,-0.0206,0.0455,0.01703,0.09815,0.08449,0.02012,0.06033,0.04308,-0.09067,-0.01244,0.0218,-0.07832,-0.06841,0.09453,0.0127,0.06541,0.01521,0.01903,-0.00462,0.00143,0.02462,0.04764,0.01115,-0.01525,-0.01702,-0.03466,-0.01663,-0.11742,0.0327,-0.05146,-0.07649,-0.00399,0.11917,0.09104,-0.03393,0.08246,0.08126,-0.05092,0.01909,-0.05208,-0.06721,-0.0159,-0.01989,-0.02361,-0.02956,-0.10631,-0.00039,-0.02962,0.06075,-0.05788,0.00737,0.09406,-0.01042,-0.00155,0.01262,0.08867,-0.07604,0.00086,-0.01386,0.08682,0.00042,-0.02475,-0.02055,0.09242,0.04221,0.05416,0.05345,0.06352,0.01197,0.05499,-0.00385,0.02477,-0.04897,0.09016,0.04883,-0.08266,0.09981,-0.03859,0.04707,0.08666,0.0183,0.03146,0.067,0.04616,0.01842,-0.07151,-0.01025,0.03649,-0.04058,-0.05843,0,-0.07079,-0.0113,-0.11928,0.0115,0.03554,-0.0079,-0.03192,-0.03771,-0.02427,0.04062,-0.04196,0.08626,0.01046,0.00387,0.08558,-0.04548,0.0084,0.00554,-0.07695,0.04098,0.01457,0.03619,-0.01318,0.10961,-0.01139,-0.0907,-0.02323,0.02998,0.00109,0.02741,-0.04642,0.00048,-0.00767,0.04668,-0.06796,0.05215,-0.10524,0.01882,-0.06579,0.03955,0.05764,-0.08609,-0.0116,-0.02348,-0.00305,0.05927,0.03951,0.03656,-0.0487,0.06689,-0.04578,0.02721,-0.0439,-0.04077,0.01119,-0.0645,0.02408,0.02793,-0.01103,-0.03813,-0.01377,0.08142,0.07092,-0.00303],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Connectors inside node ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::","excerpt":"Connectors inside node ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::"},{"chunkId":"/docs/f-node-input-directive#11","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.06158,0.00008,-0.11145,0.04223,0.05062,0.07235,-0.02195,0.02796,-0.0354,0.02973,-0.05687,0.03144,-0.03303,0.04359,0.00389,-0.02526,-0.06136,-0.00539,-0.01918,0.03534,-0.0315,-0.04636,0.03314,-0.04216,-0.05985,-0.0267,0.02242,-0.04153,0.00626,-0.01966,-0.01299,0.07827,-0.07398,0.04179,-0.06458,0.03966,0.01984,-0.00515,-0.05661,-0.02836,0.10787,-0.0129,0.04579,-0.09941,-0.02357,-0.03157,-0.10601,0.01232,-0.0764,0.0508,-0.03377,-0.04049,-0.06118,0.13953,0.05025,0.02769,-0.01465,-0.05166,-0.00421,0.03337,-0.00035,-0.07463,-0.01199,-0.03651,0.03926,0.01213,-0.05503,0.04701,-0.05639,0.04242,0.0402,0.01327,-0.04742,-0.10306,0.09662,0.00547,-0.02661,0.0873,-0.00484,-0.0075,0.05051,0.06856,-0.04678,0.01022,-0.00616,0.1067,-0.03655,-0.02376,-0.01377,-0.03545,-0.01513,0.00215,-0.01129,-0.00128,0.01919,0.00501,-0.06401,-0.00616,-0.06366,0.02347,-0.04564,-0.04356,0.05646,0.05506,0.03194,-0.00341,-0.03186,0.06429,-0.01535,-0.04485,-0.00043,0.01674,0.05549,-0.03952,-0.05898,-0.06268,-0.01435,-0.03663,0.08647,0.06264,-0.01743,0.01415,-0.03058,-0.00605,0.04986,-0.02863,-0.01683,0,0.00609,0.03357,-0.02097,0.01511,0.06177,0.00518,-0.01842,-0.06341,-0.01389,0.06697,-0.09052,0.00504,-0.06979,-0.03782,0.01854,-0.121,0.00459,0.07575,-0.04774,0.02157,0.0521,-0.04569,-0.04883,-0.02938,0.10604,0.00118,-0.06846,0.04157,0.00017,0.00731,0.06184,0.05152,0.06679,-0.01968,-0.01178,-0.07632,-0.03037,-0.04035,-0.08437,-0.0128,0.05905,-0.01283,-0.06214,0.0631,-0.01222,-0.01687,0.01284,-0.00561,0.08747,0.02674,-0.06814,0.05298,0.01574,-0.05355,0.02963,-0.05924,-0.06249,0.10558,-0.00703,0.09159,-0.03549,0.03187,0.00427,-0.07445,0.03498,0.07645,-0.00067,-0.03942,0.0729,-0.07951,-0.06869,0.07929,-0.00791,0.0555,-0.00559,-0.02425,-0.00104,0.02209,0.08578,-0.0609,-0.05392,-0.04987,-0.03947,0.12872,0.05502,-0.08448,-0.02715,-0.09859,-0.05259,-0.06285,0.0552,0.07995,0.00263,-0.05413,0.04388,0,0.01539,0.006,-0.00233,0.03662,-0.0174,-0.01623,0.07571,0.02918,0.09451,0.08751,0.01837,0.04288,0.03396,-0.09887,-0.02987,0.02172,-0.0848,-0.07479,0.09119,0.00285,0.04986,0.02868,0.00081,-0.00518,-0.00256,0.05171,0.04401,0.01292,0.01199,-0.01008,-0.04205,-0.00638,-0.13066,0.00899,-0.05932,-0.05166,-0.0023,0.12908,0.06659,-0.02427,0.10321,0.07842,-0.03779,0.02598,-0.04064,-0.05926,0.01472,-0.03393,-0.02026,-0.04662,-0.07948,0.01347,-0.03388,0.04711,-0.04528,0.00704,0.10397,-0.03043,-0.01345,0.01771,0.08163,-0.07038,0.02059,-0.01433,0.08975,0.02307,-0.03285,-0.02462,0.11938,0.05197,0.06363,0.03393,0.09009,0.01439,0.08593,0.02396,0.02448,-0.04619,0.08406,0.04755,-0.06672,0.09524,-0.04829,0.01903,0.08514,0.01336,0.00131,0.0508,0.0566,0.0289,-0.07643,-0.01638,0.04633,0.00559,-0.02341,0,-0.06188,-0.01944,-0.09436,-0.02125,0.01903,-0.01878,-0.02899,-0.06023,-0.02817,0.01792,-0.06545,0.0843,-0.01026,0.0263,0.05954,-0.02731,0.00048,0.03035,-0.07854,0.04167,-0.00826,0.01097,-0.01723,0.09704,-0.00545,-0.07932,-0.03235,0.0421,-0.02044,0.01794,-0.03849,-0.01561,-0.00312,0.03779,-0.04272,0.03351,-0.1461,0.02345,-0.08153,0.03329,0.05407,-0.05448,-0.0196,-0.00894,0.02355,0.05968,0.01517,0.04046,-0.06585,0.04998,-0.05416,0.02118,-0.03691,-0.0569,0.01952,-0.03812,0.01473,0.01996,0.01918,-0.04927,-0.00368,0.08599,0.05406,-0.01531],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Connectable side (using fInputConnectableSide) ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss ::: f Input Connectable Side","excerpt":"Connectable side (using fInputConnectableSide) ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss :::"},{"chunkId":"/docs/f-node-outlet-directive#0","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.00837,-0.05304,-0.07055,0.04551,-0.01061,0.01267,0.01659,-0.01726,0.01292,-0.02965,0.00896,0.00346,-0.05919,-0.01256,-0.03184,0.03085,-0.00595,-0.04687,0.05119,0.00977,-0.01057,-0.0536,0.02156,-0.07724,-0.01172,-0.06786,-0.0019,-0.0058,0.04976,-0.02799,0.06088,0.07967,-0.10022,0.00289,-0.03489,0.01691,-0.02104,0.0079,-0.0409,0.0138,0.03931,-0.07005,0.03139,-0.02044,-0.0061,-0.00362,-0.06967,0.01593,0.02548,0.01294,0.07743,0.01353,0.03354,0.012,0.09118,0.10848,0.00274,0.01685,-0.03859,0.05579,0.01077,-0.02491,0.0032,-0.04508,0.01777,0.01279,0.03572,0.01629,-0.02552,-0.00517,-0.00865,0.06148,-0.00306,-0.10176,0.09624,0.08522,-0.02129,0.03128,-0.02486,-0.0786,0.07752,0.1751,-0.0195,-0.04537,0.03021,0.05016,-0.04829,-0.01222,-0.07875,0.06757,-0.03641,0.04338,-0.03895,0.00128,-0.03947,-0.00633,-0.04012,0.00719,-0.03225,-0.00626,-0.05762,0.00775,0.00507,0.05224,0.04644,-0.0394,0.00049,0.00694,0.00559,-0.05832,-0.01331,-0.00939,-0.03463,-0.01102,-0.02087,0.03125,-0.01044,-0.00996,0.12529,0.01329,-0.0407,0.01233,-0.0032,0.01805,0.01569,-0.0859,0.00696,0,-0.01866,0.00952,-0.06718,-0.00859,0.0576,0.01062,-0.02093,0.03099,-0.03254,0.00735,-0.12278,-0.02811,-0.06449,-0.05874,0.00008,-0.08778,0.00824,0.03396,-0.00972,-0.01254,0.06334,-0.04312,0.01231,-0.09895,0.03858,0.0593,-0.09946,0.0246,0.01237,0.03219,0.0023,0.03635,0.06037,0.01298,-0.10635,-0.06814,-0.03763,-0.06528,-0.11694,0.00873,-0.07633,0.03256,-0.0345,0.00066,0.03515,-0.04986,-0.02859,0.04034,0.07865,0.02029,-0.03384,0.01956,0.04397,-0.0628,0.0345,-0.05915,-0.10223,0.06121,0.02677,0.01861,-0.05475,0.06962,-0.09086,-0.02526,0.02028,0.14482,0.05318,-0.01334,0.00066,-0.03848,-0.03274,0.10981,-0.06701,-0.07676,0.01747,0.01813,-0.02523,-0.05082,0.02222,-0.04878,-0.00366,-0.00665,-0.02695,-0.00541,0.08084,0.01622,-0.00638,-0.02569,-0.00149,0.07692,0.02674,0.02871,0.08314,-0.00719,0.07623,0,-0.00946,0.0447,-0.06419,-0.0139,0.01706,0.00631,-0.02861,-0.06987,-0.03324,0.03893,-0.02921,0.02785,0.02593,-0.04847,-0.07876,0.00524,-0.0522,-0.02867,0.01446,0.08075,0.01809,0.05745,0.0261,-0.02921,-0.00597,0.03402,0.02792,-0.01564,-0.03827,0.00858,0.01314,-0.01894,0.0098,-0.06595,0.00539,0.00349,-0.01961,0.0867,0.02462,0.00587,0.08411,0.00815,-0.06706,-0.00025,-0.01583,0.02185,-0.08188,-0.01785,-0.03631,0.06162,-0.10216,-0.01213,-0.08748,0.02746,-0.02298,0.03075,0.11906,0.07911,-0.02835,0.01266,0.09463,-0.13079,-0.00565,0.07778,0.13137,-0.02062,-0.01421,0.0876,0.07706,0.09797,0.00711,0.02662,0.02459,-0.01924,-0.01186,0.07371,0.01201,-0.11396,0.01766,0.12114,-0.06992,0.06656,0.01687,0.00598,0.06356,-0.04526,0.07692,0.07333,0.07341,0.05115,0.00757,0.05366,0.00097,-0.03449,-0.08969,0,-0.03839,0.06058,-0.07176,-0.00919,0.0551,-0.06646,0.00512,-0.01786,-0.05966,0.02951,-0.09378,0.0439,-0.02432,0.02404,0.10036,-0.03848,0.03073,-0.07647,-0.07413,-0.02536,-0.05081,-0.01199,-0.07188,0.0676,-0.04455,-0.07492,0.01998,0.03124,-0.01761,-0.00084,-0.0641,0.01588,-0.0554,0.08474,-0.0664,0.108,-0.02527,0.00586,-0.06554,0.02137,0.03885,-0.02951,-0.04962,-0.01671,0.04323,0.09813,0.0257,0.01215,-0.03602,0.07265,-0.07169,-0.05398,-0.01785,-0.00488,0.0716,-0.05229,-0.03547,0.0462,0.09256,-0.01567,-0.10423,0.05091,0.08354,-0.03762],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Outlet Selector: [fNodeOutlet] Class: FNodeOutletDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"outlet\" instead (isConnectionFromOutlet becomes fConnectionFromOutlet, fCanBeConnectedInputs becomes fCanBeConnectedTo). fNodeOutlet keeps working, but new code should use fConnector. FNodeOutletDirective adds a single shared “start connection” point for a node. It is a UX helper for creating connections — it lets users begin a drag from one place even if the node has multiple outputs. Important: Outlet is not the final source of a persisted connection. After creation, the connection still must be assigned to a specific fNodeOutput (i.e. a real output id is used in fOutputId). f Node Outlet F Node Outlet Directive f Connector f Connector Type is Connection From Outlet f Connection From Outlet f Can Be Connected Inputs f Can Be Connected To f Node Output f Output Id","excerpt":"Outlet Selector: [fNodeOutlet] Class: FNodeOutletDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"outlet\" instead (isConnectionFromOutlet becomes fConnectionFromOutlet, fCanBeConnectedInputs becomes fCanBeConnectedTo). fNodeOutlet keeps working, but new code should use fConnector. FNodeOutletDirective adds a single shared “start connection” point for a node. It is a UX helper for creating connections — it lets users begin a drag from one place even if the node has multiple outputs. Important: Outlet is not the final source of a persisted connection. After creation, the connection still must be assigned to a specific fNodeOutput (i.e. a real output id is used in fOutputId)."},{"chunkId":"/docs/f-node-outlet-directive#1","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.00564,-0.03032,-0.05092,0.03095,0.02837,-0.03904,0.02292,-0.09008,0.03953,-0.05299,-0.00768,-0.00174,-0.03841,-0.03566,-0.10628,0.00791,0.0172,-0.02632,0.05631,-0.02123,0.04208,-0.0439,-0.03248,-0.06543,0.0262,0.01882,-0.01583,0.02125,0.06048,-0.06751,0.04909,0.09368,-0.09977,0.01174,-0.0572,-0.04491,-0.00821,-0.02685,-0.03728,0.00357,0.05191,-0.03161,0.06729,-0.03999,-0.08941,-0.02496,-0.07381,-0.01716,0.02531,0.00058,0.02005,-0.03848,-0.01063,0.03878,0.07902,0.02602,-0.02174,-0.04144,-0.01579,0.06623,0.00279,-0.01049,0.01207,-0.01555,0.06293,-0.00485,0.03072,0.05998,-0.02367,-0.0083,0.04328,0.04047,-0.01981,-0.08785,0.10707,0.04256,-0.04224,0.01616,-0.03176,-0.02761,0.07609,0.10894,-0.04312,-0.03179,0.00069,0.08931,-0.07933,-0.03957,-0.09921,0.02906,-0.06451,0.00834,-0.03738,0.01621,-0.05543,-0.02165,-0.02398,-0.03272,-0.00828,0.02209,-0.02749,-0.00013,0.07513,0.02515,0.01616,-0.05327,0.00577,-0.00036,-0.02341,-0.01455,-0.05102,0.02078,-0.02013,0.00379,-0.04221,-0.00564,-0.01416,-0.02986,0.07666,0.00826,-0.07021,0.03962,-0.05124,0.03173,0.08628,-0.03821,-0.02551,0,0.00671,-0.01485,-0.04787,-0.04253,0.08166,0.04667,-0.0332,-0.01378,0.04347,-0.00472,-0.06568,-0.03184,-0.06292,-0.01828,0.00182,-0.10686,0.02526,0.09142,-0.03129,-0.00448,0.03698,-0.07037,-0.03877,-0.11006,0.02832,0.09761,-0.07491,0.01996,0.042,0.04466,0.0133,0.07088,0.04721,0.02477,-0.07272,-0.06509,-0.04199,-0.01575,-0.05208,0.01577,-0.06086,-0.01383,-0.04914,0.02402,0.02582,0.01705,-0.05623,-0.00695,0.00682,0.00248,-0.02604,0.01107,0.07129,0.02444,0.06145,-0.10708,-0.04751,0.01114,0.03484,0.03686,-0.08864,0.11315,-0.07996,-0.05412,0.03868,0.14738,0.04359,0.02987,0.02012,-0.02457,-0.02934,0.09559,-0.01955,-0.07644,0.03091,0.00383,-0.03676,-0.08205,0.03439,-0.06916,-0.0345,-0.02646,0.01584,-0.00296,0.07949,0.00539,-0.01607,-0.05714,-0.04909,0.08146,0.00687,0.04184,0.01347,-0.05963,0.05784,0,-0.04096,0.09113,-0.04093,-0.02386,-0.00635,0.00483,-0.03257,-0.02815,0.03619,0.0646,-0.08097,0.0272,0.00378,-0.03121,-0.06523,-0.00981,-0.01282,-0.05763,0.04821,0.01886,0.03364,0.07633,0.04915,0.03442,-0.00904,0.01878,-0.00242,-0.01112,0.0285,0.01536,0.01293,-0.04183,0.01401,-0.0772,0.04425,-0.01111,-0.01396,0.15823,0.09528,0.02471,0.01204,-0.00049,-0.04867,-0.00875,-0.01794,0.00289,-0.11165,-0.00146,-0.01826,0.02593,-0.08677,0.05952,-0.10501,0.05484,-0.00768,-0.01848,0.09101,0.1038,0.00325,0.04597,0.05809,-0.10607,-0.09108,-0.01851,0.10635,-0.00371,0.01246,0.0271,0.12988,0.09887,0.0347,0.03135,0.04455,-0.00365,0.05291,0.02987,-0.00355,-0.10619,0.05276,0.10269,-0.07197,0.05269,0.05597,0.01655,0.06099,-0.06515,0.09114,0.048,0.08546,0.01529,0.05093,0.05293,-0.01382,-0.00763,-0.06097,0,-0.01742,-0.009,-0.05242,0.00304,0.01256,-0.06767,0.01076,0.04256,-0.01312,-0.00542,-0.03127,0.0244,-0.04577,0.04252,0.14791,-0.01465,-0.02752,-0.02236,-0.07924,-0.04095,0.0007,-0.0068,-0.06784,0.05418,-0.05997,-0.07639,0.02225,-0.00058,-0.03628,-0.00256,-0.02556,0.03563,-0.0914,0.07351,-0.03804,0.08951,-0.04941,0.00887,-0.03691,0.03168,-0.01746,-0.06122,-0.07586,-0.00408,0.00254,0.07484,0.04894,-0.05129,-0.04791,0.05807,-0.02426,-0.0045,0.03076,-0.01342,0.05935,-0.07942,-0.04017,0.02092,0.07684,0.02333,-0.05414,0.0883,0.10858,0.03203],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Why it exists Some nodes can have many outputs (or outputs that appear dynamically). Showing a separate draggable “port” for each output can make the UI noisy. fNodeOutlet solves this by providing: - one clean place to start drag-to-connect, - optional preview behavior (draw from the outlet), - optional target filtering (allow-list of inputs/categories). f Node Outlet","excerpt":"Why it exists Some nodes can have many outputs (or outputs that appear dynamically). Showing a separate draggable “port” for each output can make the UI noisy. fNodeOutlet solves this by providing: - one clean place to start drag-to-connect, - optional preview behavior (draw from the outlet), - optional target filtering (allow-list of inputs/categories)."},{"chunkId":"/docs/f-node-outlet-directive#2","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.0292,-0.0427,-0.09345,0.03295,-0.00853,0.00037,0.04615,-0.01446,0.06101,-0.03524,0.03165,0.01931,-0.03244,-0.01886,-0.08901,0.0093,-0.01778,-0.03762,0.01752,0.0115,0.05743,-0.04482,-0.03425,-0.07934,-0.02611,-0.04143,0.00375,-0.00451,0.06181,-0.0439,0.06637,0.06535,-0.10865,-0.03624,-0.05926,0.01252,0.00226,-0.01101,-0.0492,-0.02728,0.02657,-0.06985,0.05197,-0.00006,-0.0648,0.02609,-0.04712,0.04379,-0.01241,0.00479,0.01558,0.02071,0.01113,0.06414,0.05378,0.08018,-0.00898,-0.023,-0.04349,0.0926,-0.02908,-0.0104,-0.02881,0.00323,0.06678,0.00232,0.04952,0.00735,-0.04902,-0.04453,0.01038,0.01909,-0.04388,-0.10126,0.11335,0.00727,-0.03091,0.04786,-0.03896,-0.04353,0.11699,0.15176,-0.02628,-0.05506,0.0071,0.07489,-0.07487,0.00917,-0.02375,0.0539,-0.04657,0.00597,-0.02592,-0.0104,-0.03846,-0.00297,-0.01436,-0.00526,-0.03075,-0.00087,-0.05745,0.02095,0.01025,0.05802,0.07088,-0.042,-0.01588,-0.01693,-0.02376,-0.02648,-0.00507,-0.02019,-0.00148,0.01037,0.00504,0.02891,-0.03518,-0.01382,0.08024,-0.02831,-0.06461,0.03205,0.00999,0.04166,0.00129,-0.03487,-0.01868,0,-0.00403,-0.01832,-0.06567,-0.02553,0.04153,0.03603,-0.02284,0.01407,0.02028,0.03675,-0.09703,-0.03921,-0.03872,-0.01338,-0.02478,-0.04774,-0.00666,0.12252,-0.01649,0.03485,0.0533,-0.04212,-0.02144,-0.0723,0.0482,0.08188,-0.07876,0.01005,0.01815,0.02807,0.01067,0.01166,0.00726,0.00671,-0.06196,-0.02893,-0.05981,-0.04642,-0.06786,0.01822,-0.0608,0.01241,-0.06304,0.03263,-0.00763,-0.06409,-0.04505,0.01711,0.0087,0.01106,-0.0207,0.03221,0.09638,-0.02227,0.05949,-0.09191,-0.07551,0.04552,0.05713,0.03149,-0.06982,0.09676,-0.1125,-0.02772,0.0344,0.12734,0.04685,-0.00629,0.02269,-0.04384,-0.04048,0.08823,-0.0365,-0.05779,0.04066,0.02614,-0.02158,-0.07245,0.04925,-0.04462,0.00185,0.00581,-0.00322,-0.01731,0.06118,0.03445,-0.02594,-0.07061,-0.04803,0.02456,0.02329,0.04329,0.01183,-0.01466,0.12589,0,-0.0212,0.04669,-0.04595,-0.02093,-0.00317,0.0079,-0.00595,-0.06778,0.01636,0.04968,-0.07457,0.02223,-0.00596,0.00014,-0.0146,-0.02235,-0.04707,-0.06199,-0.00459,0.03622,0.02217,0.08307,0.05548,0.03348,-0.03161,0.0025,0.01863,0.00212,-0.01128,0.03443,0.0101,-0.05392,-0.02373,-0.04612,-0.02171,-0.00465,-0.0286,0.13507,0.06035,0.0176,0.05415,0.0195,-0.0316,0.06932,-0.02565,-0.00654,-0.10529,-0.02699,0.00762,0.02003,-0.09831,0.04022,-0.10539,-0.00002,-0.00183,-0.01464,0.15526,0.06954,-0.07655,0.03422,0.07496,-0.11614,-0.02098,0.01589,0.09431,0.00213,0.00545,0.04581,0.11775,0.10873,0.0219,0.03595,0.07817,-0.03017,0.08478,0.03439,-0.00221,-0.10752,0.01631,0.11612,-0.07623,0.04986,0.06405,0.00466,0.0442,-0.06895,0.07039,0.0474,0.06025,0.00595,0.02862,0.0862,-0.02589,-0.0364,-0.0563,0,0.00978,0.05181,-0.02492,-0.00444,0.00862,-0.02076,-0.032,-0.02129,-0.03889,-0.01342,-0.09292,0.04484,-0.01393,0.06336,0.11529,-0.03268,0.04192,-0.08063,-0.10037,-0.04135,0.00454,-0.0095,-0.0555,0.04734,-0.05099,-0.09394,0.03898,0.02045,-0.04385,0.00238,-0.03604,0.03629,-0.11689,0.08412,-0.03833,0.08599,-0.00588,0.01438,-0.05734,0.01661,0.00117,-0.02257,-0.07239,-0.00871,0.01358,0.11351,0.02501,-0.043,-0.05065,0.07926,-0.04611,-0.02923,0.0205,0.03695,0.0866,-0.06164,-0.04054,0.00652,0.11099,0.0041,-0.05738,0.07703,0.11264,-0.01784],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. How it works - The outlet provides a single interaction surface to start creating a connection. - During the drag, the library treats it as a create handle, not as a real output connector. - When the user drops the connection on a target input: - the system must resolve which output this connection belongs to, - and the resulting connection is created with fOutputId = output id, not outlet id. In other words: Outlet starts the action; Output owns the connection. f Output Id","excerpt":"How it works - The outlet provides a single interaction surface to start creating a connection. - During the drag, the library treats it as a create handle, not as a real output connector. - When the user drops the connection on a target input: - the system must resolve which output this connection belongs to, - and the resulting connection is created with fOutputId = output id, not outlet id. In other words: Outlet starts the action; Output owns the connection."},{"chunkId":"/docs/f-node-outlet-directive#3","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.00586,-0.06672,-0.09467,0.01075,-0.01679,-0.02047,0.01767,-0.01751,-0.01606,-0.03211,-0.00088,-0.01086,-0.02376,-0.03375,-0.06565,0.03892,-0.03332,-0.00403,0.06028,-0.02357,0.04797,-0.0654,-0.01562,-0.06928,0.00308,-0.03104,0.02325,0.01006,0.04556,-0.01037,0.0562,0.04336,-0.1258,0.00068,-0.04892,-0.02085,-0.03209,0.00614,-0.01845,-0.00916,0.04433,-0.03302,0.04406,-0.06673,-0.05989,-0.00516,-0.07753,0.02077,0.02468,0.008,0.04799,-0.01313,-0.03412,0.02987,0.07324,0.07897,-0.04058,0.01698,-0.05883,0.05391,-0.03665,-0.02131,-0.00739,-0.03188,0.07897,0.01308,0.04957,0.06956,-0.06138,0.02504,0.0063,0.04337,0.00088,-0.13615,0.08633,0.05712,-0.00264,0.02768,-0.04231,-0.03693,0.06648,0.18889,-0.02553,-0.05176,0.00604,0.02179,-0.07067,0.01311,-0.03659,0.03013,-0.06334,0.00819,-0.02774,0.01378,-0.07647,-0.00791,-0.06038,-0.05043,0.02224,-0.00463,-0.0619,-0.0143,0.02139,0.03973,0.06576,-0.00641,-0.00364,0.02898,-0.00906,-0.0222,-0.0267,0.01023,-0.00911,0.0128,-0.01648,0.03338,-0.00481,-0.00505,0.06968,0.00146,-0.0895,0.0094,0.02409,0.0457,0.01526,-0.04882,0.01215,0,-0.00479,0.01003,-0.04524,-0.02209,0.04772,0.08815,-0.03935,-0.00171,0.0157,-0.02519,-0.10782,-0.02379,-0.06766,-0.08157,-0.05449,-0.08372,0.02537,0.08512,-0.01834,0.03061,0.02475,-0.05477,-0.00616,-0.08322,0.05269,0.04221,-0.05518,0.01961,-0.01221,0.03825,0.05616,0.03779,0.03322,-0.00043,-0.07335,-0.06549,-0.08135,-0.00596,-0.06315,0.06581,-0.03747,-0.02569,-0.0162,-0.03231,0.00121,-0.02075,-0.08544,0.04977,0.02033,-0.00857,-0.02584,0.03349,0.05995,-0.00842,0.0459,-0.06267,-0.10256,0.01695,0.06678,0.03238,-0.08746,0.07131,-0.07887,-0.05791,-0.00237,0.12161,0.05414,-0.02321,-0.00655,-0.04563,-0.00669,0.11293,-0.01932,-0.02947,0.00283,0.01241,-0.01873,-0.05537,0.05098,-0.02071,-0.02265,0.02811,-0.00876,-0.02448,0.0626,0.03265,-0.02256,-0.07426,-0.06909,0.08618,-0.01217,0.03338,0.06348,-0.05573,0.07415,0,-0.01159,0.05357,-0.03817,-0.03408,0.03373,0.00815,-0.00196,-0.04112,0.01072,0.09696,-0.05351,0.02361,0.03718,-0.032,-0.07137,-0.01504,0.02808,-0.02301,0.05542,0.04795,0.01214,0.05532,0.02842,-0.01608,0.0209,0.04315,0.0067,-0.01002,-0.04151,0.06809,-0.01407,-0.00782,0.03229,-0.08458,-0.00138,0.03605,-0.00933,0.09507,0.06017,0.00031,0.05311,0.01283,-0.03021,-0.0115,-0.02411,-0.01787,-0.10227,-0.01897,-0.07708,0.04436,-0.10822,0.0326,-0.12379,0.02148,-0.00767,-0.02163,0.07579,0.09947,-0.07074,0.06119,0.08406,-0.13995,-0.00734,0.04906,0.1089,-0.01664,0.01661,0.02757,0.10818,0.11636,0.03189,0.04689,0.08395,0.01139,0.05834,0.03539,-0.01642,-0.0803,0.03479,0.11369,-0.09842,0.0189,0.05224,0.03153,0.05512,-0.07119,0.11459,0.06172,0.07234,-0.00221,0.01403,0.04842,-0.00643,-0.03965,-0.024,0,0.03095,0.00406,-0.05602,0.03192,-0.0135,-0.03214,-0.02916,-0.02279,-0.03986,-0.00536,-0.0923,0.05123,-0.01218,0.0637,0.10219,-0.01615,0.01407,-0.06479,-0.09684,-0.05636,-0.02472,0.0079,-0.02866,0.07717,-0.03155,-0.02706,0.02671,-0.00072,-0.04963,0.00194,-0.05854,0.01357,-0.12802,0.07368,0.00171,0.07819,-0.02238,0.04987,-0.04043,0.05836,0.01876,-0.01026,-0.03825,0.00985,0.06397,0.09765,0.03601,0.01978,-0.07844,0.04623,-0.01248,-0.00962,0.01413,-0.01885,0.0753,-0.11006,-0.04052,0.00872,0.08553,0.0031,-0.07694,0.08522,0.05652,-0.02511],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-node-outlet-directive#4","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.00491,-0.04106,-0.09475,0.02842,-0.00722,-0.01329,0.01188,-0.02603,-0.02088,-0.01899,-0.00185,-0.00092,-0.01616,-0.03785,-0.05059,0.01769,-0.03411,0.01231,0.08574,-0.01976,0.02008,-0.04847,-0.00929,-0.07932,0.01138,-0.02409,0.0017,0.02356,0.05005,-0.02367,0.05818,0.04072,-0.10113,0.00568,-0.05177,-0.00009,-0.0312,-0.00585,-0.01229,0.01418,0.05626,-0.04088,0.05081,-0.04307,-0.05063,-0.01635,-0.09024,0.0252,0.00429,-0.01563,0.05457,-0.04714,-0.02906,0.03943,0.08375,0.0701,-0.0348,-0.01338,-0.03942,0.07269,-0.00893,-0.02842,-0.00079,-0.02198,0.06648,0.01514,0.03251,0.05797,-0.07681,0.00686,0.00864,0.02479,-0.00878,-0.1301,0.07765,0.04659,0.00278,0.02224,-0.06028,-0.03089,0.06463,0.17233,-0.05916,-0.05763,-0.02234,0.0431,-0.07729,-0.00767,-0.04986,0.02863,-0.07147,0.02704,-0.02869,-0.00315,-0.06555,0.00497,-0.04799,-0.03881,-0.00583,-0.00606,-0.04171,0.01079,0.01259,0.00657,0.06855,0.00244,-0.01186,0.03457,0.00353,-0.02397,-0.01965,0.02747,-0.0402,0.00542,-0.01061,0.01095,0.00973,-0.03479,0.08754,0.00827,-0.0667,0.02569,0.02026,0.0526,0.01109,-0.05591,0.0273,0,-0.01037,-0.00162,-0.06587,-0.02839,0.08358,0.07395,-0.06135,0.00905,0.01709,-0.02855,-0.11875,-0.03462,-0.06038,-0.05124,-0.0155,-0.08771,0.00973,0.09135,0.00944,0.01936,0.05516,-0.07112,-0.0095,-0.05792,0.05304,0.01904,-0.05853,-0.02243,-0.00453,0.02699,0.03167,0.05501,0.0564,0.02659,-0.09197,-0.04559,-0.05986,-0.02068,-0.08596,0.05354,-0.05758,0.00296,-0.02038,-0.01441,0.01364,-0.01689,-0.0724,0.02524,0.04659,0.00049,-0.0385,0.02424,0.07203,-0.03246,0.04821,-0.03104,-0.084,0.03591,0.06473,0.03213,-0.07992,0.07884,-0.0772,-0.06479,-0.01704,0.13262,0.0293,-0.02215,0.0152,-0.03037,-0.02482,0.11298,-0.02613,-0.02285,0.00915,0.01562,-0.02253,-0.05195,0.04398,-0.03322,-0.02802,0.00157,-0.0039,-0.01982,0.09799,0.02562,-0.01126,-0.04316,-0.04533,0.07483,0.00098,0.06515,0.04515,-0.06455,0.08585,0,-0.03101,0.08151,-0.06668,-0.02478,0.0353,-0.01034,-0.03241,-0.0694,0.01876,0.09809,-0.06544,0.02487,0.04579,-0.04469,-0.06955,-0.03601,-0.01406,-0.03967,0.0388,0.05996,0.00498,0.0678,0.04729,-0.01644,0.03108,0.04737,0.01018,-0.00641,-0.04024,0.03445,-0.01881,-0.02455,0.03678,-0.05824,-0.00797,0.03538,-0.04497,0.11525,0.07306,0.00712,0.06159,-0.01297,-0.05952,0.01603,-0.03911,-0.02483,-0.10373,-0.013,-0.04066,0.03773,-0.13231,0.02737,-0.12489,0.02882,-0.01321,-0.02369,0.10564,0.11983,-0.03966,0.03986,0.06858,-0.12358,-0.00798,0.0489,0.10597,-0.02049,-0.00687,0.00689,0.09342,0.11511,0.03154,0.05729,0.05556,-0.00678,0.04514,0.04489,-0.00929,-0.07006,0.00667,0.10397,-0.11837,0.05966,0.02789,0.01134,0.0612,-0.09614,0.09707,0.05322,0.07294,0.02234,0.00095,0.07332,-0.03889,-0.07072,-0.03024,0,0.00106,0.03696,-0.0723,0.03875,0.01615,-0.04502,-0.00198,-0.02281,-0.03255,0.01098,-0.07226,0.04035,-0.02149,0.04325,0.09284,-0.00999,0.02025,-0.06062,-0.09961,-0.025,-0.03751,0.01079,-0.04775,0.08477,-0.03645,-0.03578,0.01881,0.00473,-0.02879,0.02269,-0.03981,0.02676,-0.11419,0.06856,0.00749,0.07825,-0.03379,0.03999,-0.06024,0.05951,-0.00247,-0.03104,-0.03638,0.01118,0.03988,0.0999,0.01939,0.01285,-0.03771,0.06699,-0.01128,-0.04564,0.01975,-0.01933,0.08037,-0.08469,-0.03314,0.01026,0.08304,-0.00512,-0.06713,0.08446,0.09645,-0.02756],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. A node with outlet + outputs","excerpt":"A node with outlet + outputs"},{"chunkId":"/docs/f-node-outlet-directive#5","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.03317,-0.0542,-0.0897,0.00814,-0.00653,-0.04275,0.01064,-0.02212,-0.00588,-0.02559,-0.02398,0.00792,-0.02226,-0.03164,-0.04196,0.03333,-0.02017,-0.00152,0.05474,-0.02457,0.05685,-0.03828,-0.01362,-0.06051,0.0054,-0.04629,0.01359,0.00106,0.05821,-0.00029,0.04796,0.05513,-0.14692,0.00518,-0.04671,-0.01043,-0.0397,-0.00475,-0.01525,0.01706,0.05616,-0.02957,0.03398,-0.06107,-0.06289,-0.001,-0.07282,0.02097,-0.00942,0.03045,0.04637,-0.01406,-0.03399,0.03993,0.08922,0.07225,-0.04507,0.01654,-0.06065,0.08147,-0.02783,-0.03927,-0.01944,-0.02469,0.07802,0.01195,0.04475,0.04862,-0.04019,0.00028,0.00318,0.0408,0.00258,-0.12628,0.09637,0.05924,-0.00406,0.03569,-0.03629,-0.05155,0.06437,0.17293,-0.01736,-0.04462,0.01017,0.03004,-0.06914,0.01103,-0.03095,0.03266,-0.0651,-0.00776,-0.03219,0.00974,-0.08119,-0.00447,-0.05315,-0.04349,-0.0054,-0.00987,-0.05926,-0.01151,0.00241,0.03813,0.06534,-0.01796,0.00543,0.03574,-0.00692,-0.00576,-0.01429,0.00962,0.00094,0.00394,-0.01894,0.03986,-0.01415,-0.01227,0.08533,0.00533,-0.08539,-0.00224,0.02169,0.03021,0.00355,-0.05587,0.01873,0,0.00753,0.00888,-0.02675,-0.03873,0.05805,0.07459,-0.04616,-0.00844,0.0244,-0.03614,-0.12586,-0.01221,-0.06239,-0.07831,-0.04011,-0.06793,0.01217,0.10183,-0.01225,0.03334,0.04061,-0.05868,-0.0021,-0.0822,0.05113,0.04128,-0.06089,0.00199,-0.02184,0.05034,0.04272,0.04719,0.03012,0.0074,-0.07072,-0.0632,-0.08506,-0.01678,-0.09273,0.04877,-0.02921,-0.0018,-0.03343,-0.01715,-0.01192,-0.03928,-0.09667,0.03064,0.0259,-0.01771,-0.02483,0.04987,0.06962,-0.02251,0.07065,-0.05935,-0.08366,0.01285,0.07493,0.03664,-0.085,0.06329,-0.06968,-0.04915,0.01061,0.12639,0.06645,-0.00726,-0.01066,-0.04429,-0.001,0.11789,-0.03196,-0.02975,-0.0064,0.00144,-0.00565,-0.05302,0.05236,-0.032,-0.01989,0.01162,-0.01344,-0.02552,0.05135,0.03552,-0.00958,-0.08546,-0.06676,0.08245,-0.00181,0.02154,0.04881,-0.04992,0.05987,0,-0.01837,0.04113,-0.03774,-0.02352,0.01516,-0.00596,-0.00421,-0.01258,0.01863,0.10179,-0.05576,0.01981,0.03153,-0.03806,-0.06205,-0.02465,0.00949,-0.04296,0.05517,0.04427,0.00115,0.04939,0.02876,-0.01768,0.01743,0.03666,-0.0039,-0.00193,-0.04574,0.0454,-0.01259,-0.01983,0.0109,-0.08522,-0.01774,0.03008,-0.00924,0.11405,0.05598,0.00196,0.05986,-0.00031,-0.03162,0.00346,-0.01842,-0.02981,-0.10717,-0.0117,-0.07613,0.03798,-0.08869,0.03368,-0.11308,0.02993,-0.01571,-0.00584,0.08589,0.09848,-0.07145,0.0554,0.07365,-0.1425,-0.00898,0.05783,0.11238,-0.01257,0.01151,0.02445,0.10617,0.12508,0.04454,0.02974,0.06907,0.02366,0.06245,0.03151,0.00252,-0.08395,0.01109,0.11563,-0.1221,0.03227,0.05366,0.04609,0.08385,-0.07086,0.11436,0.05695,0.06679,0.01356,0.01887,0.05656,-0.02883,-0.0307,-0.02397,0,0.00913,0.02393,-0.06694,0.03244,0.0012,-0.0294,-0.02932,-0.00162,-0.04566,0.01068,-0.08886,0.05065,-0.01516,0.07051,0.10005,-0.01168,0.02897,-0.05707,-0.10492,-0.05888,-0.04304,0.01117,-0.03685,0.0564,-0.03183,-0.02814,0.04794,0.00483,-0.04358,-0.00419,-0.08052,0.01852,-0.10772,0.06,-0.01013,0.0867,-0.02716,0.04365,-0.04857,0.05167,0.02669,-0.01851,-0.02275,0.01801,0.07722,0.10021,0.04297,0.03186,-0.06228,0.04281,-0.02438,-0.02343,0.01301,-0.01405,0.07158,-0.09977,-0.04934,0.00209,0.08578,-0.00508,-0.05852,0.07703,0.07717,-0.02343],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. API","excerpt":"API"},{"chunkId":"/docs/f-node-outlet-directive#6","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.01783,-0.02704,-0.14148,0.04475,-0.00877,0.01418,0.00401,-0.04383,-0.00158,-0.04445,-0.00547,0.0078,-0.01146,-0.02731,-0.03568,0.00714,-0.01863,-0.02333,0.05636,-0.06169,0.0133,-0.02518,0.00305,-0.07237,-0.02268,-0.02552,0.00477,0.01565,0.04887,-0.04267,0.09213,0.06679,-0.08538,0.01012,-0.01376,-0.01221,-0.01625,-0.02022,0.00714,-0.00035,0.0553,-0.05582,0.02189,-0.06909,-0.02961,-0.02985,-0.11902,0.02588,0.02435,-0.00577,0.05696,-0.03237,-0.00936,0.06074,0.09324,0.07389,-0.01844,-0.0237,-0.0227,0.08056,-0.00472,-0.05038,0.01102,0.00825,-0.00722,0.03445,0.00159,0.05041,-0.04106,0.00734,0.0348,0.03599,-0.0427,-0.11461,0.10792,0.05576,-0.01502,0.00519,-0.04957,-0.05583,0.06038,0.10461,-0.03682,-0.0523,-0.00793,0.0718,-0.08409,0.00415,-0.05051,0.04636,-0.05506,0.02347,-0.00912,-0.01442,-0.00547,0.0237,-0.05653,-0.04001,-0.02532,0.00671,-0.07762,-0.0212,0.01818,0.061,0.07995,-0.00543,0.00982,0.01678,0.02347,-0.03917,-0.00847,0.01833,0.00415,0.00684,-0.03893,0.02115,0.04872,-0.01713,0.10019,0.02865,-0.03605,-0.00557,0.00055,0.04087,-0.01398,-0.05611,0.00754,0,0.01283,0.00244,-0.0634,-0.05277,0.06767,0.04804,-0.04632,0.006,0.00432,0.03973,-0.12671,-0.01121,-0.06392,-0.04249,-0.01019,-0.06553,0.01225,0.06559,0.0014,-0.00575,0.05789,-0.09022,-0.0263,-0.04932,0.06343,0.04396,-0.09605,-0.01604,0.04745,0.02325,0.02094,0.02296,0.0653,0.03399,-0.08126,-0.00605,-0.03747,-0.01706,-0.11087,0.01519,-0.04974,0.00559,-0.02403,0.02665,0.0138,-0.00255,-0.07666,0.0017,0.04148,0.02372,-0.05638,0.04878,0.06123,-0.05831,0.06791,-0.07919,-0.08668,0.05872,0.04638,0.03928,-0.07642,0.06207,-0.08023,-0.02516,0.00099,0.14412,0.0128,-0.0109,0.01113,-0.03663,-0.05524,0.09472,-0.06433,-0.05045,0.00805,0.00073,-0.03853,-0.04919,0.04479,-0.03575,-0.01639,0.00592,-0.03261,0.03469,0.06396,0.04686,-0.02017,-0.06041,-0.01773,0.07175,0.02023,0.0995,0.04444,-0.04941,0.07598,0,-0.05682,0.08803,-0.04583,-0.02211,0.01239,-0.02518,-0.01526,-0.03526,0.012,0.07193,-0.03348,0.03127,0.01735,-0.10275,-0.05518,-0.01598,-0.05813,-0.02462,0.03344,0.07448,-0.01651,0.07229,0.04632,-0.00611,0.00405,0.04713,0.00062,-0.03588,-0.02033,0.0157,-0.00585,-0.02353,0.00563,-0.02452,-0.02429,0.00342,-0.03568,0.14149,0.04542,0.02631,0.05049,0.02692,-0.09934,0.04319,-0.05144,-0.02711,-0.05831,0.00227,-0.04209,0.02506,-0.13605,0.02007,-0.07639,0.02688,-0.00917,-0.01307,0.13188,0.09077,-0.0267,0.01598,0.08637,-0.12563,-0.00673,0.07553,0.11369,-0.03669,-0.01018,0.03966,0.09028,0.09612,0.02949,0.04428,0.01643,-0.00272,0.02217,0.03402,-0.02499,-0.08765,-0.00797,0.13223,-0.0923,0.08761,0.01245,0.01156,0.06571,-0.0769,0.09867,0.04735,0.07496,0.04905,-0.02266,0.07047,-0.04329,-0.04942,-0.07207,0,-0.04229,0.03102,-0.09291,0.00114,0.02615,-0.0436,-0.00183,-0.04037,-0.04949,0.00614,-0.08533,0.08232,-0.02975,0.04721,0.07978,-0.02626,0.03795,-0.07022,-0.06229,0.00771,-0.01511,0.00295,-0.06426,0.04999,-0.02935,-0.06543,0.01777,0.02092,-0.00233,0.05054,-0.05053,0.00707,-0.08619,0.06778,-0.04037,0.06842,-0.03584,0.02522,-0.08347,0.02316,0.00987,-0.03789,-0.04108,-0.01287,0.01158,0.06999,0.04785,0.01483,-0.00607,0.07496,-0.04055,-0.05559,0.00726,-0.03147,0.06428,-0.07806,-0.02088,0.0282,0.08251,-0.03468,-0.07454,0.04921,0.08664,-0.03406],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Inputs - fOutletId: string; Outlet identifier. Default: f-node-outlet-${uniqueId++}. - fOutletDisabled: boolean; Default: false. Disables interactions with the outlet. - isConnectionFromOutlet: boolean; Default: false. If true, connections start from the outlet's edge. - fCanBeConnectedInputs: string[]; List of allowed input IDs or categories. f Outlet Id unique Id f Outlet Disabled is Connection From Outlet f Can Be Connected Inputs I Ds","excerpt":"Inputs - fOutletId: string; Outlet identifier. Default: f-node-outlet-${uniqueId++}. - fOutletDisabled: boolean; Default: false. Disables interactions with the outlet. - isConnectionFromOutlet: boolean; Default: false. If true, connections start from the outlet's edge. - fCanBeConnectedInputs: string[]; List of allowed input IDs or categories."},{"chunkId":"/docs/f-node-outlet-directive#7","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.0202,-0.05796,-0.12111,0.00553,-0.00112,-0.03253,0.00233,-0.04,-0.00676,-0.00926,0.01538,-0.00606,-0.03541,-0.03974,-0.07056,0.02465,-0.03439,-0.01683,0.06665,-0.03481,0.05604,-0.04586,-0.01932,-0.05749,0.01579,-0.04294,0.00201,0.02356,0.02933,-0.02646,0.04121,0.05509,-0.10624,-0.00973,-0.04156,0.00157,-0.02596,-0.00574,-0.03019,-0.00746,0.04099,-0.04471,0.04918,-0.05226,-0.0773,0.00945,-0.08088,0.00312,-0.0081,0.0001,0.04749,0.00041,-0.03383,0.04609,0.08439,0.05488,-0.05709,0.00918,-0.05633,0.05219,-0.04015,-0.02451,-0.01767,-0.03091,0.0976,0.01201,0.04323,0.05476,-0.0541,-0.0057,0.00698,0.04766,-0.00393,-0.11854,0.09973,0.03955,0.0044,0.03057,-0.01018,-0.0449,0.05332,0.17315,-0.00782,-0.04054,0.01555,0.0318,-0.07481,0.02554,-0.03898,0.0335,-0.0859,-0.00044,-0.02,0.02155,-0.0914,-0.0135,-0.03405,-0.02275,-0.01555,0.00206,-0.05087,-0.00093,0.01487,0.01633,0.05183,-0.01217,0.0181,0.02828,0.01264,-0.03328,-0.03774,0.00668,-0.00006,-0.0135,-0.00481,0.01183,-0.02363,-0.00429,0.06949,0.00354,-0.08855,0.00932,0.01868,0.04866,0.02044,-0.04507,0.02256,0,0.01633,0.00219,-0.03845,-0.02867,0.04939,0.07114,-0.05425,-0.00507,0.00693,-0.01298,-0.09588,-0.03502,-0.04326,-0.06067,-0.02348,-0.07614,0.04758,0.09209,0.00929,0.02901,0.03336,-0.03274,0.00428,-0.09564,0.04594,0.06504,-0.05624,-0.00751,-0.01576,0.04381,0.04021,0.04601,0.04764,-0.00121,-0.06222,-0.06186,-0.08965,-0.00609,-0.08481,0.05031,-0.04442,-0.03109,-0.05064,-0.03039,0.0148,-0.03321,-0.07527,0.03525,0.02504,0.01712,-0.03384,0.03226,0.06404,-0.00711,0.05774,-0.05547,-0.07639,0.02608,0.06164,0.03062,-0.0683,0.10267,-0.08129,-0.05962,-0.00103,0.11338,0.04624,-0.03096,0.0171,-0.03664,-0.0314,0.09452,-0.01224,-0.01816,0.02489,0.02089,-0.02289,-0.07686,0.02541,-0.02295,-0.0053,0.00865,-0.02126,-0.02921,0.07426,0.04622,-0.03645,-0.06366,-0.03026,0.07835,-0.01478,0.02498,0.03185,-0.07091,0.06913,0,-0.02293,0.07289,-0.08158,-0.04856,0.0061,0.00739,-0.0143,-0.05289,0.02388,0.10022,-0.04615,0.00485,0.03928,-0.03193,-0.06299,-0.0462,0.02818,-0.03276,0.04022,0.04274,-0.00584,0.07397,0.04183,0.00193,0.02384,0.05677,0.0007,0.02943,-0.03627,0.04266,0.01406,-0.02296,0.01262,-0.08764,0.00773,0.0229,-0.01331,0.10507,0.05298,0.01809,0.05106,0.02709,-0.01919,0.01908,-0.01528,-0.03157,-0.10705,-0.03049,-0.04574,0.04346,-0.0919,0.01564,-0.12216,0.02351,-0.00153,-0.01671,0.08023,0.12831,-0.04757,0.05829,0.08081,-0.14593,-0.02816,0.03368,0.10671,-0.01074,-0.00124,0.05646,0.13537,0.11884,0.02669,0.04855,0.08523,0.00254,0.05551,0.06606,-0.04076,-0.0917,0.00638,0.10315,-0.08965,0.0164,0.05257,0.03313,0.07619,-0.07525,0.11924,0.04275,0.06257,-0.01682,0.02282,0.08108,-0.00535,-0.02625,-0.0264,0,0.02468,0.01482,-0.05755,0.03906,0.00701,-0.02725,-0.00379,-0.03634,-0.04806,-0.00376,-0.099,0.02843,-0.03301,0.04626,0.13581,-0.03868,0.01865,-0.05668,-0.10992,-0.06643,-0.0427,0.00349,-0.06556,0.06721,-0.03674,-0.04855,0.04623,-0.01076,-0.05102,-0.00225,-0.04154,0.04335,-0.1059,0.04952,-0.00373,0.10106,-0.01376,0.0627,-0.05215,0.02782,-0.00119,-0.00288,-0.04089,0.01866,0.03291,0.09613,0.03241,-0.00676,-0.06677,0.02887,-0.00523,-0.01399,0.02694,-0.01186,0.06787,-0.09923,-0.03551,-0.00078,0.0789,0.00992,-0.05077,0.08021,0.08569,-0.02385],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Outputs - No direct outputs.","excerpt":"Outputs - No direct outputs."},{"chunkId":"/docs/f-node-outlet-directive#8","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.0169,-0.02429,-0.09362,-0.00518,-0.01234,-0.02644,-0.01065,0.00325,-0.0137,-0.01841,-0.01138,0.00751,-0.04927,-0.03929,-0.04627,0.03497,-0.03216,0.02215,0.06423,-0.0224,0.07038,-0.04053,-0.03176,-0.0645,0.00277,-0.03255,0.02392,0.00853,0.06954,-0.0196,0.05876,0.06468,-0.13613,0.0142,-0.04199,0.00027,-0.01211,-0.01486,-0.03035,0.01027,0.05116,-0.03383,0.01222,-0.05668,-0.04499,0.00137,-0.07884,0.02876,-0.01773,0.0003,0.04579,-0.02356,-0.01548,0.03694,0.08489,0.03718,-0.03773,0.00914,-0.04198,0.0673,-0.00885,-0.03719,-0.04053,-0.0159,0.08823,0.02326,0.05247,0.05747,-0.00939,0.00551,-0.00794,0.05269,-0.0032,-0.09596,0.07311,0.03694,0.01044,0.02243,-0.02823,-0.06166,0.08333,0.18605,-0.01763,-0.05296,0.04185,0.04675,-0.07318,0.0368,-0.0263,0.03953,-0.06873,0.0189,-0.03155,-0.01065,-0.08655,0.01287,-0.02863,-0.05454,0.004,0.02589,-0.05445,-0.00204,0.01154,0.00829,0.06076,-0.02652,0.01093,0.02948,0.02216,0.00061,-0.02633,0.00608,-0.02592,-0.02764,-0.01993,-0.00892,-0.01348,-0.02622,0.09142,0.01424,-0.06303,-0.00153,0.01699,0.03944,0.00747,-0.05518,-0.0053,0,0.00999,0.03829,-0.05738,-0.0033,0.07884,0.08501,-0.03276,-0.00379,0.00866,-0.02632,-0.10018,-0.02744,-0.06274,-0.05088,-0.0219,-0.07863,0.01032,0.1142,0.0153,0.02456,0.05033,-0.06516,0.0212,-0.06959,0.0641,0.06883,-0.05271,0.00546,-0.02721,0.04915,0.0693,0.03019,0.02666,0.01839,-0.04545,-0.07164,-0.07339,-0.04459,-0.09828,0.04299,-0.04462,-0.00626,-0.0388,-0.02017,0.0035,-0.03509,-0.09868,0.03317,0.03701,-0.02105,-0.02159,0.05467,0.06333,-0.03743,0.06295,-0.06906,-0.0928,0.00694,0.0714,0.04247,-0.0874,0.072,-0.06984,-0.06172,0.02401,0.10788,0.04568,-0.02509,0.01915,-0.05155,-0.00632,0.1009,-0.02681,-0.02577,-0.01922,0.00664,-0.00909,-0.06002,0.04222,-0.03045,-0.05058,0.0119,-0.01297,-0.02929,0.05701,0.02795,-0.00007,-0.06148,-0.05554,0.05723,-0.02338,0.01433,0.03897,-0.06489,0.07934,0,-0.01672,0.05613,-0.03139,-0.02912,0.00264,-0.00757,-0.00507,-0.01991,0.02368,0.11257,-0.05711,-0.00214,0.04005,-0.03987,-0.0507,-0.01697,-0.00469,-0.0654,0.02906,0.04281,-0.03675,0.04062,0.0441,-0.00639,0.02322,0.04831,-0.0012,-0.01397,-0.04959,0.03277,-0.02113,-0.03076,0.02065,-0.10059,-0.01178,0.04594,-0.00627,0.12287,0.06556,0.0141,0.06173,0.01001,-0.03412,-0.01049,-0.05931,-0.02869,-0.11516,0.00379,-0.04068,0.02483,-0.08224,0.02153,-0.12907,0.01685,-0.00957,-0.01378,0.07013,0.10157,-0.05745,0.05397,0.07035,-0.14972,-0.01107,0.05903,0.11592,-0.01553,-0.00774,0.01444,0.07138,0.11902,0.0356,0.04066,0.0785,0.02173,0.06025,0.01125,-0.00145,-0.0801,0.00446,0.09681,-0.09482,0.015,0.03796,0.03451,0.0883,-0.09898,0.13634,0.0436,0.04685,-0.00308,0.01224,0.08555,-0.01064,0.01782,-0.00931,0,0.01192,0.00605,-0.05079,0.01281,0.00686,-0.01971,-0.0271,-0.01627,-0.03918,-0.00256,-0.08733,0.04202,-0.02898,0.04678,0.11022,-0.03039,0.00165,-0.05048,-0.12348,-0.07685,-0.04925,0.02683,-0.04827,0.04898,-0.01679,-0.00745,0.05807,0.00681,-0.02004,0.00698,-0.06104,0.03721,-0.10133,0.07036,0.00539,0.1221,-0.01938,0.04806,-0.07453,0.04669,0.03201,-0.01599,-0.0342,0.01554,0.06419,0.09672,0.02676,0.01959,-0.06162,0.05919,-0.00917,-0.03079,0.01043,0.00171,0.04444,-0.08987,-0.04428,-0.01249,0.08639,0.01434,-0.06606,0.0759,0.10121,-0.02696],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-node-outlet-directive#9","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.01055,-0.02698,-0.09608,0.03151,-0.003,0.00101,0.00042,-0.00941,-0.01883,-0.03667,-0.00773,0.02114,-0.05921,-0.02609,-0.03587,-0.02137,-0.0453,-0.01165,0.06622,-0.02213,0.02098,-0.05161,0.01899,-0.06053,-0.00343,-0.00274,0.02341,0.01892,0.06409,-0.03668,0.05919,0.07858,-0.10985,0.01998,-0.06841,-0.00888,-0.01674,0.0241,-0.03033,-0.01161,0.03886,-0.05318,0.0438,-0.10364,-0.03659,-0.01889,-0.06607,-0.01594,0.01156,0.01159,0.06101,-0.02751,-0.01233,0.05046,0.08403,0.06544,0.01766,-0.00565,-0.0349,0.05075,-0.03618,-0.03981,0.00429,-0.00972,0.01115,0.03266,0.01966,0.06313,-0.04302,0.00116,0.03506,0.03771,-0.00811,-0.11581,0.10426,0.04326,0.00701,0.04082,-0.04358,-0.02821,0.0681,0.12478,-0.01543,-0.03777,-0.02177,0.07093,-0.08074,-0.00433,-0.07175,0.03554,-0.06274,0.05105,-0.00625,-0.00897,-0.03323,-0.00765,-0.07817,-0.03595,-0.01367,-0.00445,-0.04815,-0.02292,0.03082,0.06051,0.07971,-0.00411,0.01474,0.04067,-0.00745,-0.05226,0.00558,0.01414,-0.01764,-0.00042,-0.01699,-0.02852,0.00672,-0.0444,0.0553,0.0234,-0.04665,0.02316,0.00699,0.01012,0.01308,-0.05117,0.0195,0,-0.00992,0.00045,-0.06699,-0.00772,0.08035,0.05626,-0.01836,-0.01599,0.02,0.00212,-0.068,-0.03119,-0.08326,-0.04918,-0.05447,-0.09565,0.02681,0.06578,-0.01283,0.02497,0.07517,-0.06902,-0.00672,-0.07835,0.04973,0.04301,-0.07875,0.01956,-0.02401,0.03348,0.04315,0.02086,0.06624,0.02088,-0.0793,-0.06921,-0.05927,-0.01161,-0.07491,0.05614,-0.0651,-0.00988,-0.01416,-0.00089,0.00401,0.00919,-0.06633,0.03133,0.06476,0.01202,-0.01864,0.04661,0.06451,-0.02803,0.08249,-0.05055,-0.08143,0.05619,0.04428,0.02222,-0.07358,0.08995,-0.10088,-0.06624,0.00891,0.14339,0.03892,-0.00059,-0.01421,-0.0721,-0.03097,0.08681,-0.04148,-0.03474,0.01674,-0.00004,0.00434,-0.04086,0.04348,-0.02036,-0.05871,-0.00234,-0.01511,-0.00022,0.07935,0.01782,-0.00956,-0.05024,-0.01651,0.05835,0.03998,0.04846,0.06191,-0.06034,0.07974,0,-0.04456,0.09762,-0.05586,-0.01126,0.02148,0.00455,-0.00402,-0.01615,0.00681,0.0857,-0.0457,0.06304,0.00008,-0.07679,-0.08875,-0.00395,-0.0136,-0.02036,0.0397,0.04183,-0.01823,0.06206,0.03815,-0.02694,-0.01214,0.05566,-0.01801,-0.00511,-0.01102,0.01612,-0.00159,0.00194,0.03896,-0.07727,-0.01728,-0.00422,-0.05694,0.1187,0.05459,0.01271,0.03971,0.00504,-0.05373,0.03615,-0.06701,-0.00746,-0.09621,-0.0411,-0.023,0.05396,-0.13651,0.01971,-0.09421,0.03408,-0.01159,-0.00873,0.11494,0.10628,-0.05251,0.04628,0.10112,-0.13964,-0.01185,0.03514,0.11142,-0.02872,-0.02046,0.05893,0.11255,0.11624,0.02039,0.06226,0.06693,0.00024,0.06147,0.03319,-0.00526,-0.05358,0.04181,0.12354,-0.08834,0.06413,-0.01231,0.02094,0.07169,-0.09839,0.06663,0.03108,0.06964,0.00028,0.0076,0.06956,-0.01106,-0.03749,-0.03172,0,-0.01498,-0.00308,-0.04679,-0.00885,0.00197,-0.03696,-0.01302,-0.02006,-0.04141,0.00943,-0.10099,0.08826,0.00172,0.01784,0.08789,-0.03218,0.0022,-0.04242,-0.09729,-0.04821,-0.04506,-0.01521,-0.04832,0.10077,-0.04368,-0.05157,0.03213,-0.01336,-0.02088,0.0337,-0.08046,0.02016,-0.09613,0.06602,-0.01008,0.06469,-0.01996,0.02585,-0.07045,0.03952,0.01261,-0.03164,-0.0373,-0.01467,0.04325,0.08579,0.02382,0.01648,-0.06337,0.06701,-0.03228,-0.00706,-0.01855,0.00808,0.06284,-0.07932,-0.03504,0.03227,0.10292,-0.02803,-0.10654,0.08059,0.08525,-0.04264],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Styling - .f-component Base class for flow primitives. - .f-node-outlet Outlet host class. - .f-node-outlet-disabled Applied when fOutletDisabled = true. f Outlet Disabled","excerpt":"Styling - .f-component Base class for flow primitives. - .f-node-outlet Outlet host class. - .f-node-outlet-disabled Applied when fOutletDisabled = true."},{"chunkId":"/docs/f-node-outlet-directive#10","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.00577,-0.05355,-0.12129,0.00364,-0.00276,0.01895,-0.02443,-0.04698,0.03947,-0.05615,-0.01339,0.01422,-0.01144,-0.04298,-0.06349,0.01116,0.01109,-0.03634,0.03397,-0.04595,0.03898,-0.03629,-0.02035,-0.05722,-0.01773,-0.05384,0.03925,0.02773,0.02758,-0.03358,0.07656,0.07236,-0.0878,-0.04601,-0.05365,-0.01768,0.02008,0.01615,-0.0018,-0.01538,0.04831,-0.11609,0.02965,-0.03123,-0.0373,-0.01905,-0.08301,0.00207,-0.00018,0.00518,0.08598,0.00631,-0.00884,0.08258,0.08827,0.07736,-0.01492,-0.00861,-0.05504,0.06184,-0.03982,-0.02081,-0.00762,-0.00655,0.03423,0.00512,0.04348,0.01292,-0.03333,-0.01887,-0.02481,0.04633,-0.0098,-0.11106,0.09444,0.06984,-0.0278,0.01973,0.00227,-0.07452,0.08711,0.15823,0.0017,-0.06448,0.01721,0.05262,-0.05829,-0.00629,-0.0527,0.05243,-0.01738,0.02001,0.03805,-0.00653,-0.0336,0.02661,-0.04703,-0.01499,-0.01249,-0.01568,-0.07975,0.00605,0.00059,0.03381,0.07271,-0.0319,-0.00226,0.03791,0.07309,-0.04887,0.03044,-0.01434,-0.00111,-0.00904,0.00439,0.03063,0.00246,0.00516,0.07168,-0.02131,-0.10011,-0.00533,0.01169,0.01524,0.02541,-0.02959,0.01639,0,-0.01073,0.0323,-0.07151,-0.0534,0.04251,0.06021,-0.04204,0.00312,0.02217,0.00788,-0.09006,-0.02224,-0.05761,-0.0112,0.0023,-0.04306,0.00331,0.06899,0.0398,0.02856,-0.00287,-0.04617,-0.01027,-0.04981,0.06586,0.05877,-0.07897,0.02036,-0.02839,0.02828,0.0186,0.01169,0.04608,0.02865,-0.08385,-0.03154,-0.03726,-0.0439,-0.08283,0.04455,-0.03955,0.02192,-0.05591,0.00949,0.01982,-0.01671,-0.0224,0.0169,0.03845,0.01513,-0.03833,0.04597,0.08757,-0.05524,0.03291,-0.05345,-0.08792,0.0289,0.07821,-0.00634,-0.08223,0.06274,-0.10091,-0.00208,0.02379,0.1281,0.04611,-0.05911,0.0132,-0.04481,-0.0355,0.09264,-0.0837,-0.04481,0.02419,0.03206,-0.02545,-0.02332,0.01032,-0.02726,0.01993,0.05198,-0.04207,0.01633,0.11046,0.07348,-0.02339,-0.07788,-0.04229,0.06868,0.02433,0.06818,0.03508,0.0082,0.10192,0,-0.04371,0.05747,-0.07209,-0.01848,0.00982,0.00615,-0.0067,-0.06135,0.01446,0.02992,-0.00546,0.00459,-0.00486,-0.06314,-0.06999,-0.03267,-0.04343,-0.03907,0.01348,0.05012,0.02723,0.04847,0.03477,-0.0009,0.01679,0.05596,-0.02062,-0.01585,-0.0445,0.03204,0.01179,-0.04146,0.00626,-0.06902,-0.0367,0.01069,-0.02379,0.12118,0.05382,0.06534,0.03206,0.05609,-0.06105,0.03537,-0.0495,-0.01206,-0.07764,-0.0237,-0.01583,0.05978,-0.10723,0.04089,-0.08835,0.01992,-0.02386,-0.02624,0.11185,0.0992,-0.03205,0.0375,0.0745,-0.09285,-0.00089,0.05712,0.1038,-0.00231,0.02828,0.0755,0.10863,0.09737,0.0037,-0.00555,0.024,-0.00617,0.02636,0.04671,-0.03178,-0.11706,-0.03224,0.13051,-0.09933,0.03502,0.00285,-0.02768,0.05658,-0.05493,0.12832,0.0301,0.07569,0.00837,0.00741,0.09762,-0.06941,-0.05778,-0.07159,0,-0.01501,0.00897,-0.04677,0.00616,0.01546,-0.03665,-0.02869,-0.06481,-0.04458,-0.00292,-0.05666,0.04398,-0.04041,0.04454,0.11034,-0.04474,0.05281,-0.08122,-0.09614,-0.02455,-0.02595,-0.00328,-0.08021,0.02133,-0.01486,-0.0687,0.0603,0.03242,-0.04683,0.0377,-0.03505,0.02917,-0.09352,0.06877,-0.03456,0.04343,-0.01106,-0.00083,-0.06369,0.02369,0.00582,-0.03732,-0.02854,0.00082,0.003,0.04599,0.03689,-0.03469,-0.03712,0.05631,-0.05559,-0.0491,0.01715,-0.03134,0.11281,-0.1132,-0.01526,0.05225,0.0915,0.0013,-0.07706,0.06466,0.10015,-0.06406],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Notes and pitfalls - Outlet does not replace outputs. You still need at least one fNodeOutput if you want a created connection to be attached to something real. - fCanBeConnectedInputs affects which targets can be chosen during creation. It does not change your domain rules automatically - you still own validation/persistence. - If isConnectionFromOutlet is enabled, users will see the line starting from the outlet visually - but the final connection still uses an output id. f Node Output f Can Be Connected Inputs is Connection From Outlet","excerpt":"Notes and pitfalls - Outlet does not replace outputs. You still need at least one fNodeOutput if you want a created connection to be attached to something real. - fCanBeConnectedInputs affects which targets can be chosen during creation. It does not change your domain rules automatically - you still own validation/persistence. - If isConnectionFromOutlet is enabled, users will see the line starting from the outlet visually - but the final connection still uses an output id."},{"chunkId":"/docs/f-node-outlet-directive#11","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.05157,-0.01012,-0.09146,0.01976,0.04526,0.00586,-0.00204,0.00228,-0.01877,0.04097,-0.03546,0.00195,-0.06223,0.03441,-0.01012,-0.00135,-0.07539,0.00824,0.02084,0.01811,0.01794,-0.01937,0.03825,-0.05151,0.00516,-0.03367,0.01647,-0.00214,0.08443,-0.01221,0.06955,0.06576,-0.10221,0.02272,-0.0382,0.02084,-0.04108,0.04198,-0.01903,-0.00681,0.10659,-0.02132,0.04944,-0.10818,-0.00293,-0.0308,-0.08859,0.03237,-0.00899,0.00102,-0.00857,-0.075,-0.04818,0.07547,0.02845,0.05102,-0.02952,-0.03419,0.00899,0.04891,-0.01598,-0.0929,-0.00829,-0.02684,0.07972,-0.00555,-0.04368,0.05443,-0.08516,0.06497,0.02211,0.00549,0.00256,-0.10643,0.09947,0.04332,-0.03548,0.07274,-0.04459,-0.03863,0.08376,0.09043,-0.04294,-0.03748,0.01554,0.0837,-0.03082,-0.02104,-0.04491,-0.02796,-0.01055,0.04628,-0.0237,0.01031,-0.0318,0.01793,-0.1038,0.00361,-0.03944,0.01889,-0.05947,-0.03511,0.05478,0.11053,0.06184,-0.02706,0.01234,0.0765,-0.03583,-0.00884,0.02415,0.05867,0.00566,-0.01524,-0.02294,-0.02935,-0.01362,-0.02304,0.03631,0.06271,-0.03239,0.00644,-0.02421,0.01519,0.0263,-0.03954,0.04905,0,0.00001,0.02356,-0.05983,-0.00996,0.08071,0.03964,-0.03773,-0.00928,0.02637,0.07001,-0.12947,-0.01252,-0.06685,-0.06821,-0.04736,-0.08484,0.01334,0.06335,-0.04235,0.04292,0.08416,-0.07802,-0.04434,-0.03961,0.08616,0.03285,-0.07889,-0.00738,-0.05258,0.02156,0.07454,0.0563,0.06952,-0.0159,-0.06298,-0.07016,-0.01324,-0.02356,-0.11201,0.01825,-0.01163,0.00486,-0.02519,0.06648,-0.00407,-0.02665,-0.04696,0.01622,0.10374,0.01994,-0.03463,0.07191,0.03269,-0.02139,0.09866,-0.047,-0.07792,0.02796,0.03214,0.01985,-0.06,0.06371,-0.0714,-0.05328,0.01002,0.10402,0.05207,0.04369,0.02836,-0.06821,-0.03925,0.09701,-0.04132,0.00181,-0.0126,-0.00055,0.02209,0.00459,0.10532,-0.05898,-0.03168,-0.00763,-0.04618,0.03877,0.06405,-0.0052,-0.01648,-0.07558,-0.02732,0.00068,0.03773,0.05323,-0.00927,-0.08129,0.04608,0,0.01669,0.04652,-0.0409,0.03174,-0.00745,-0.0222,0.04402,0.00497,0.03184,0.10026,-0.02369,0.05731,0.0409,-0.07057,-0.0284,0.01415,-0.05362,-0.05994,0.08369,0.0223,0.02052,0.08481,0.02942,-0.00175,-0.01439,0.06489,0.02425,0.01147,-0.0148,0.03349,0.00323,-0.0154,-0.02321,-0.04467,-0.04709,-0.01071,-0.03329,0.14383,0.05482,-0.01789,0.11215,0.02422,-0.04377,0.00189,-0.09767,-0.05769,-0.01366,-0.0554,-0.03817,0.00926,-0.09438,0.01711,-0.10093,0.03508,-0.03015,-0.02441,0.0971,0.01332,-0.08697,0.01249,0.09251,-0.08178,-0.01896,0.01421,0.10945,0.02907,-0.03945,0.00838,0.13139,0.08861,-0.00565,0.00509,0.06116,-0.01272,0.04313,0.05635,0.01446,-0.04893,0.05578,0.08965,-0.08563,0.06977,-0.00013,0.0487,0.07611,-0.06056,-0.00521,0.01552,0.09017,0.01545,-0.01176,0.01076,-0.00774,-0.04415,-0.0183,0,-0.01455,0.02763,-0.04482,0.00938,0.00807,-0.07584,-0.03403,-0.0589,-0.04571,-0.00785,-0.09496,0.07997,0.00481,0.05204,0.08765,-0.0389,0.00759,-0.05438,-0.10334,-0.02937,-0.0657,0.00502,-0.00795,0.06013,-0.01998,-0.04828,-0.03961,0.00369,-0.01805,0.00497,-0.03902,-0.00259,-0.08567,0.09063,-0.03962,0.00319,-0.05732,-0.0113,-0.05463,0.03626,0.03254,-0.06645,0.00903,-0.00769,0.01835,0.08744,0.00055,0.00854,-0.02313,0.05823,-0.07041,-0.03988,-0.03829,0.00338,0.08955,-0.08855,-0.00197,0.05044,0.07001,-0.04893,-0.07371,0.04246,0.06054,-0.05568],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Example ::: ng-component <connector-outlet</connector-outlet [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.scss :::","excerpt":"Example ::: ng-component <connector-outlet</connector-outlet [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.scss :::"},{"chunkId":"/docs/connection-rules#0","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.05173,-0.02355,-0.07883,0.00376,0.011,0.03602,0.00157,-0.00468,-0.01495,-0.04132,0.02263,0.02655,0.01763,0.07973,0.00781,0.02756,0.02382,-0.03467,-0.00694,0.00274,0.04771,-0.08988,-0.07342,-0.01283,-0.04106,-0.08312,-0.01927,-0.06838,0.02592,-0.0166,-0.00571,0.02014,-0.15057,-0.01288,-0.0227,-0.04815,0.05317,-0.05953,-0.06253,0.02241,0.01106,-0.08536,0.00424,0.01304,-0.07197,0.01026,-0.03094,-0.01587,-0.02575,0.11473,-0.01893,0.05806,0.00921,0.04564,0.11093,0.0179,0.00066,0.00375,-0.025,0.01866,0.01147,-0.056,-0.02036,-0.04913,-0.06685,0.03052,-0.08257,-0.0132,0.03984,0.0108,0.03749,0.03403,-0.02693,-0.06822,0.09044,0.06011,-0.05223,0.05888,0.01006,-0.12636,0.0743,0.06172,-0.02367,-0.02339,-0.00345,0.14702,-0.07037,-0.00983,-0.01829,0.05208,0.03004,0.00512,0.02935,-0.01454,0.05332,-0.02686,0.00299,-0.02972,-0.06361,0.02262,-0.04034,-0.04156,-0.05819,0.08892,0.06581,-0.04268,-0.03102,-0.06015,-0.02959,0.0328,0.04921,0.00824,0.06087,-0.01387,-0.03906,0.06335,-0.01304,-0.00108,0.07574,0.03696,-0.10476,0.03768,0.02922,-0.03243,0.054,-0.03562,-0.06531,0,-0.02142,-0.01484,-0.00991,-0.03869,-0.0212,-0.00992,-0.02073,-0.01285,-0.03392,0.01214,-0.08562,-0.0001,-0.02279,0.00827,0.05885,-0.04988,0.04858,0.01475,0.03425,0.0127,0.02692,-0.10898,-0.01154,-0.03629,0.0286,0.08081,-0.08074,0.06756,0.09177,0.05962,-0.06928,0.01863,0.0481,0.01617,-0.02586,-0.045,-0.06686,-0.03666,-0.07461,-0.02938,0.0169,-0.0194,-0.13229,0.07794,0.01304,0.0148,0.00823,-0.05403,-0.02396,-0.00842,-0.06655,0.04374,-0.00296,-0.05647,0.02832,-0.14305,-0.08129,0.08859,-0.0376,0.00964,0.05846,0.03362,-0.05546,-0.02249,0.08706,0.11541,-0.04694,-0.00353,0.00818,-0.04735,-0.05725,0.08182,-0.03023,-0.02544,-0.03495,-0.07707,0.00072,0.01723,0.02012,-0.0832,0.01874,-0.05802,-0.00185,0.0656,0.01918,-0.05888,-0.00424,-0.01954,-0.05322,0.02683,0.04069,0.03594,0.0617,0.05224,0.02281,0,0.0325,0.03523,0.05531,-0.00769,0.01164,-0.00434,0.03115,-0.02185,0.05204,0.00006,-0.00738,0.00376,0.02625,-0.04762,-0.04922,-0.03804,-0.10112,-0.02036,-0.04895,0.02492,0.00573,-0.02938,-0.02028,0.02818,0.01056,-0.00333,-0.02845,-0.05059,-0.03019,-0.0204,0.04373,-0.01132,-0.0636,-0.05092,-0.00674,-0.07642,0.02382,0.13486,0.0452,-0.01388,0.03236,0.04508,-0.04292,0.03014,0.00629,0.03062,-0.09191,-0.02282,-0.10225,0.00599,-0.04807,-0.00948,-0.0135,0.02382,-0.00771,0.04293,0.16332,0.03877,0.00368,0.0387,0.05588,-0.09313,-0.01776,0.05152,0.10345,-0.00994,0.00913,0.04535,0.09416,0.11874,0.06378,0.0427,0.04202,0.02349,0.07393,-0.0023,-0.00811,-0.08379,0.01912,0.08965,-0.08233,0.07285,0.05176,0.06775,0.07043,0.08303,0.05296,0.02576,0.05815,0.0622,-0.01887,0.01006,-0.01959,-0.01966,-0.07112,0,-0.05503,-0.01978,-0.10622,-0.03877,-0.00571,0.06739,-0.01044,-0.03641,0.02899,0.04597,-0.05285,0.02995,-0.07046,0.03817,0.04147,-0.03633,0.0649,-0.01176,-0.02358,0.03249,-0.00744,-0.0306,-0.02434,0.12118,-0.02605,-0.11003,0.02663,0.04503,-0.01609,0.04271,-0.05608,-0.02645,-0.0078,0.03894,-0.10583,0.09759,-0.02804,0.02313,-0.05201,0.05394,0.08019,0.01467,-0.05545,-0.05153,0.03964,0.04783,0.06092,-0.02663,-0.04179,0.07753,-0.03932,0.0333,0.00171,0.01076,0.02464,-0.02258,-0.07462,-0.0057,0.04485,-0.02174,0.02773,0.04943,0.11035,0.00351],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Connection Rules Connection rules let you restrict which inputs can accept a connection from a specific output or outlet. Instead of letting users connect anything to anything, you can declare an allow‑list directly on the source connector and the library will: - highlight only valid targets during drag, - block invalid targets from being connected, - reduce “invalid graph” states caused by user mistakes. Connection rules are a UX guardrail. Your app should still validate and persist the final graph state. API note (v19+). On the unified fConnector directive the allow-list input is called fCanBeConnectedTo, and targets are matched by fConnectorId / fConnectorCategory. The legacy fCanBeConnectedInputs input on fNodeOutput / fNodeOutlet is deprecated but keeps working. The matching semantics below are the same for both APIs. f Connector f Can Be Connected To f Connector Id f Connector Category f Can Be Connected Inputs f Node Output f Node Outlet AP Is","excerpt":"Connection Rules Connection rules let you restrict which inputs can accept a connection from a specific output or outlet. Instead of letting users connect anything to anything, you can declare an allow‑list directly on the source connector and the library will: - highlight only valid targets during drag, - block invalid targets from being connected, - reduce “invalid graph” states caused by user mistakes. Connection rules are a UX guardrail. Your app should still validate and persist the final graph state. API note (v19+). On the unified fConnector directive the allow-list input is called fCanBeConnectedTo, and targets are matched by fConnectorId / fConnectorCategory. The legacy fCanBeConnectedInputs input on fNodeOutput / fNodeOutlet is deprecated but keeps working. The matching semantics below are the same for both APIs."},{"chunkId":"/docs/connection-rules#1","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[0.00521,-0.04085,-0.09494,0.02266,0.04892,0.05359,0.01708,-0.02785,0.03641,-0.07089,0.02673,-0.02248,-0.03007,0.03592,-0.02152,0.00967,-0.01787,-0.02738,-0.03439,0.02244,0.02629,-0.09122,-0.01309,-0.05479,-0.06148,-0.08508,-0.00915,-0.04688,-0.00875,-0.05095,0.00083,0.09696,-0.13868,0.00118,-0.00172,-0.025,0.05646,-0.06141,-0.06563,-0.00042,0.03401,-0.07806,0.05295,-0.00529,-0.05481,0.01375,-0.05228,0.01322,-0.04848,0.06926,-0.02305,0.02653,-0.00889,0.10585,0.07946,0.07479,-0.01455,-0.05657,0.00145,0.0296,0.01102,-0.00978,-0.02047,-0.03042,-0.07253,-0.02188,-0.0598,0.00192,0.02283,0.02032,0.03603,0.02674,-0.08069,-0.0408,0.08628,0.08563,-0.00636,0.05687,0.02201,-0.10649,0.05773,0.05886,-0.03489,-0.03054,0.04121,0.1355,-0.07928,-0.00575,-0.08589,0.072,0.03335,-0.03983,0.06378,-0.0149,0.01751,-0.05114,-0.015,-0.01274,-0.0227,0.0076,-0.06493,-0.00105,-0.02484,0.07195,0.01699,-0.05134,0.00575,-0.00307,0.02549,0.00307,0.03212,-0.03204,0.0649,-0.05252,-0.09916,0.05311,-0.08672,0.00623,0.09739,0.02136,-0.06236,0.04087,-0.00316,-0.02809,0.00083,-0.03099,-0.1132,0,0.01816,-0.02546,-0.0348,-0.01269,0.00011,-0.02196,-0.00416,-0.03165,-0.05345,0.04357,-0.10024,-0.01901,-0.0821,0.01972,0.04225,-0.0461,-0.00118,0.05352,-0.02337,0.02911,0.03049,-0.04114,-0.02149,-0.0892,0.05618,0.0699,-0.10198,0.02786,0.10035,0.07356,-0.05041,-0.00529,0.0519,0.01447,-0.00872,-0.03496,-0.03602,-0.05801,-0.0831,0.02396,0.00214,-0.04544,-0.11576,0.08079,0.0031,0.00904,0.0516,0.00608,-0.00254,0.01548,-0.04242,0.00156,0.04319,-0.04201,0.0162,-0.1169,-0.09541,0.07425,-0.03468,0.04591,0.01341,0.07619,-0.04605,-0.0127,0.11023,0.11035,-0.0098,-0.02011,0.03176,-0.04446,-0.02912,0.05564,-0.08049,-0.00273,0.01701,-0.06968,-0.03777,0.00183,0.03971,-0.0421,-0.01075,0.0046,0.01002,0.03231,0.02888,-0.02016,-0.00874,-0.05097,-0.06082,-0.00732,0.0255,0.04468,0.0293,0.01705,0.07881,0,-0.01126,0.02161,0.04504,-0.001,-0.01914,0.00328,-0.0047,-0.04387,0.06133,-0.00425,-0.02503,0.02942,0.00551,-0.09516,-0.00695,-0.03606,-0.09777,-0.03693,-0.05081,0.03093,0.04494,-0.00297,0.00354,0.0593,-0.01516,-0.02944,0.02179,-0.03941,-0.01495,-0.04575,0.05831,-0.00411,-0.07375,-0.01378,-0.01821,-0.03839,0.01926,0.10621,0.06866,-0.00774,0.01448,0.03379,-0.06356,0.05465,0.01209,-0.01028,-0.06575,-0.02829,0.02205,0.00407,-0.05591,-0.03768,-0.00388,0.01924,0.02036,0.05632,0.12935,0.00407,-0.03123,0.04569,0.07158,-0.08058,0.01898,0.01993,0.11393,-0.02111,0.03893,0.02821,0.05642,0.0457,0.03416,0.05991,0.05817,0.03472,0.02408,-0.04537,-0.01974,-0.05329,0.04384,0.08775,-0.05396,0.04834,0.02837,0.03556,0.09301,0.02663,0.0971,0.05404,0.03474,0.0332,-0.00149,-0.00763,0.02966,0.01248,-0.12844,0,-0.02468,0.01665,-0.14406,-0.04287,0.01028,0.07257,-0.06508,-0.04994,-0.00108,0.02231,-0.0729,0.06712,-0.03636,0.07489,0.0788,-0.07537,0.06256,-0.02673,-0.03631,0.02039,0.008,-0.02261,-0.03575,0.07986,-0.04373,-0.11092,0.03115,0.05541,0.02579,0.04217,-0.0529,0.00064,-0.09233,0.04605,-0.09991,0.10402,-0.03718,0.01633,-0.0568,0.049,0.11538,-0.02002,-0.05737,-0.03553,0.00172,0.03291,0.01831,-0.00501,-0.09227,0.09356,-0.02941,0.03101,-0.00884,0.03076,0.02994,-0.04016,-0.03823,0.03322,0.03045,-0.02913,0.04273,0.05467,0.11014,0.00944],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. How it works Rules are defined on source connectors: - fConnector with type source, source-target, or outlet — via fCanBeConnectedTo: string[] - fNodeOutput / fNodeOutlet (deprecated) — via fCanBeConnectedInputs: string[] During drag-to-connect, the library checks each candidate target connector and considers it connectable when either matches: - the target id (fConnectorId, legacy fInputId) - the target category (fConnectorCategory, legacy fInputCategory) — if you use categories f Connector f Can Be Connected To f Node Output f Node Outlet f Can Be Connected Inputs f Connector Id f Input Id f Connector Category f Input Category","excerpt":"How it works Rules are defined on source connectors: - fConnector with type source, source-target, or outlet — via fCanBeConnectedTo: string[] - fNodeOutput / fNodeOutlet (deprecated) — via fCanBeConnectedInputs: string[] During drag-to-connect, the library checks each candidate target connector and considers it connectable when either matches: - the target id (fConnectorId, legacy fInputId) - the target category (fConnectorCategory, legacy fInputCategory) — if you use categories"},{"chunkId":"/docs/connection-rules#2","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.04378,-0.02936,-0.0891,0.01844,0.04374,0.06764,0.02316,-0.06928,-0.00837,-0.01685,0.04985,0.01199,0.01706,0.07422,-0.0505,0.02179,0.00462,-0.00105,-0.04501,0.05701,0.03758,-0.10999,-0.05059,-0.00971,-0.06368,-0.07162,0.02667,-0.02372,0.01118,-0.05366,-0.02544,0.01508,-0.12753,0.02178,-0.01819,-0.07064,0.0767,-0.02922,-0.10697,-0.01462,0.0638,-0.09446,0.00306,0.02915,-0.05468,0.03637,-0.03655,0.00681,-0.0585,0.07679,-0.04441,-0.00068,-0.05038,0.0837,0.0311,0.02079,-0.03129,-0.025,0.02339,0.02181,0.01362,-0.03003,-0.0002,-0.01417,-0.06742,-0.01407,-0.06853,0.0526,-0.03039,0.02444,0.03415,0.02705,-0.09686,-0.02224,0.07412,0.06729,-0.04138,-0.00204,-0.00831,-0.06889,0.06005,0.05637,-0.04997,0.0307,0.01137,0.14761,-0.05782,-0.00342,-0.07243,0.01622,-0.00362,-0.04875,0.07582,-0.00463,0.0302,-0.04706,-0.01555,-0.05061,-0.02501,0.01779,-0.03294,-0.02922,-0.03085,0.06636,0.05428,-0.04658,0.0313,-0.032,0.00098,0.05484,0.00135,0.01136,0.04413,-0.08148,-0.07772,0.05224,-0.0818,0.00602,0.07018,-0.00572,-0.06352,0.05414,0.03125,-0.03201,0.04545,-0.00016,-0.10486,0,0.01165,-0.02908,-0.05523,0.00184,-0.015,-0.02231,-0.03909,-0.0292,-0.0681,0.03547,-0.05206,-0.03233,-0.02235,0.03857,0.05944,-0.02618,0.03148,0.09104,-0.00603,0.05312,-0.05396,-0.11002,-0.02129,-0.0359,0.0641,0.08475,-0.09878,0.04252,0.1537,0.05546,-0.02385,-0.00917,0.03716,0.02623,0.01184,-0.01987,-0.06167,-0.04268,0.00677,0.01709,0.02531,-0.09824,-0.12061,0.07107,-0.03653,0.0251,0.04651,-0.01309,-0.05236,-0.00011,-0.03966,-0.01078,0.02387,-0.01471,-0.01146,-0.12698,-0.11878,0.07078,-0.0202,0.0316,0.00632,0.08152,-0.06269,0.00739,0.08162,0.03644,-0.0126,-0.02308,0.03166,-0.08861,-0.06023,0.05569,-0.01038,-0.01217,-0.04255,-0.07042,-0.02609,0.05195,0.07064,-0.01459,-0.02436,-0.01716,0.048,0.02182,0.00828,-0.05407,-0.01087,-0.05322,-0.09494,0.00355,0.03537,0.04914,0.00412,0.01815,0.05253,0,0.00193,0.04217,0.06369,0.02467,0.01519,0.0074,0.05846,-0.00885,0.05387,-0.03793,0.00585,0.04711,0.00987,-0.06988,0.02654,-0.02697,-0.09677,-0.01689,-0.02643,-0.00372,0.06855,-0.02203,-0.02245,0.02098,-0.02671,-0.01763,0.00523,-0.04803,-0.00376,0.00876,0.06381,0.03417,-0.07662,-0.02157,0.00129,-0.00956,0.02232,0.12105,0.07659,-0.02876,0.02756,0.00471,-0.05638,0.04294,0.02814,0.00049,-0.03224,-0.01249,-0.05086,0.00908,-0.08145,-0.00756,0.0056,-0.01509,0.03215,0.03387,0.0803,-0.03422,0.02669,0.02354,0.11673,-0.07424,-0.04441,0.00422,0.07139,-0.01368,0.02107,0.01046,0.02037,0.02659,0.01831,0.07735,0.0932,0.0164,0.0492,-0.10911,-0.01769,-0.02069,0.04479,0.06108,-0.03565,0.07474,0.01822,0.00784,0.10695,0.0848,0.06872,0.09003,0.0239,0.01652,-0.06366,-0.00459,0.02891,0.05405,-0.13919,0,-0.0228,-0.00448,-0.06649,-0.04038,-0.0123,0.12226,-0.06819,0.00062,0.06624,0.04645,-0.0215,0.03271,-0.04423,0.09438,0.07411,-0.02861,-0.0075,-0.00783,-0.03147,0.01805,0.04246,0.01559,0.00102,0.11625,0.00338,-0.08753,-0.00473,0.05169,-0.01563,0.04235,-0.03219,0.00185,-0.07526,0.0583,-0.06425,0.11605,-0.07502,0.04113,-0.0364,0.03908,0.09039,-0.00297,-0.03833,-0.03849,0.02014,0.08018,0.03112,-0.02854,-0.09716,0.06876,-0.04134,0.04228,0.01848,0.02108,0.03596,-0.01765,0.0074,-0.0108,0.04061,-0.00688,0.02937,0.10179,0.06672,0.03934],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/connection-rules#3","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.06,0.00567,-0.06042,-0.00097,0.04511,0.04438,0.02944,-0.08133,-0.00091,-0.00929,0.03099,0.02563,0.0291,0.05606,-0.03045,0.05185,0.0297,-0.0107,-0.08089,0.04205,0.0364,-0.07356,-0.04632,0.00171,-0.09667,-0.0926,0.01785,0.00372,0.02376,-0.06897,0.02114,0.01121,-0.10521,0.00136,-0.04255,-0.07607,0.06955,-0.02155,-0.0656,-0.01884,0.06183,-0.09116,-0.04272,0.03619,-0.04073,0.00819,-0.0326,-0.02595,-0.06934,0.08034,-0.01504,0.0022,-0.03982,0.0551,0.00401,-0.00353,-0.02006,-0.0281,0.0349,0.01379,0.02525,-0.05226,-0.02417,-0.01283,-0.01883,-0.00987,-0.07685,0.0128,-0.00908,0.02575,0.07078,0.01419,-0.06334,-0.0239,0.06407,0.04496,-0.05024,-0.0118,0.03525,-0.08187,0.01551,0.0628,-0.02453,-0.02932,-0.00939,0.13144,-0.06453,-0.01943,-0.01472,0.0333,0.03066,-0.00984,0.06995,-0.0545,0.06486,-0.06173,0.00006,-0.0723,-0.04204,0.02998,-0.0254,-0.04567,-0.04398,0.08589,0.04132,-0.06265,0.02845,-0.03645,0.03976,0.0605,-0.0169,-0.00571,0.07436,-0.04214,-0.09121,0.05735,-0.02055,0.0053,0.06143,-0.01237,-0.08789,0.01719,0.03911,-0.05608,0.02703,-0.0006,-0.09354,0,-0.00218,-0.00658,-0.06259,-0.02316,-0.02039,0.027,-0.05057,-0.03625,-0.07978,0.03982,-0.06499,-0.02032,0.01323,0.03684,0.08645,-0.01786,0.03775,0.10513,0.02569,0.07603,-0.00266,-0.11368,-0.03427,-0.01679,0.01829,0.03559,-0.08447,0.04795,0.16244,0.05087,-0.0335,-0.01445,0.0388,0.03103,0.01782,0.01325,-0.07278,-0.03316,-0.0023,0.00028,0.03612,-0.06166,-0.10138,0.08115,-0.02184,0.0498,0.00629,-0.02858,-0.06071,0.00077,-0.04161,-0.00379,-0.01164,-0.01786,-0.01038,-0.12162,-0.1061,0.06732,-0.01871,0.00923,0.0306,0.05812,-0.10221,0.00323,0.06184,0.03179,-0.03241,-0.00869,0.06006,-0.08267,-0.09291,0.02869,-0.02922,0.01173,-0.05687,-0.10467,-0.02292,0.06816,0.08989,-0.02448,-0.05414,0.01318,0.02451,0.02698,0.02463,-0.02981,-0.00592,-0.01413,-0.08735,-0.04766,0.03135,0.07093,0.00513,0.01153,0.07609,0,-0.03109,0.01939,0.05716,0.0143,0.0096,0.03714,0.03421,-0.0508,0.09652,-0.06302,0.0228,0.02388,0.0521,-0.06855,0.01902,-0.08361,-0.12285,0.00134,-0.01418,0.02066,0.05434,-0.01402,0.00165,0.03477,-0.00555,-0.02045,-0.03044,-0.02619,0.00758,0.01149,0.02932,0.03072,-0.07291,0.0047,-0.03971,-0.06445,-0.00245,0.10603,0.05593,-0.00631,0.034,0.00113,-0.02119,0.09124,-0.00519,0.02079,-0.01376,-0.0336,-0.06532,-0.01074,-0.10634,0.00956,-0.00957,0.00764,0.02616,0.04334,0.11777,-0.0127,0.0579,0.01561,0.1116,-0.00472,0.00881,0.03485,0.08341,-0.04309,0.0307,0.01696,0.04999,0.04223,0.02338,0.04111,0.07531,0.0502,0.06512,-0.10411,-0.02246,-0.04096,0.00586,0.0467,-0.0546,0.08047,0.029,0.0032,0.10848,0.04782,0.06863,0.03867,0.02851,0.00182,-0.02469,-0.04294,0.01569,0.04459,-0.11777,0,0.02022,-0.04596,-0.06096,-0.05106,-0.01597,0.08321,-0.07568,-0.03269,0.06524,0.03624,0.02283,0.03886,-0.0802,0.01861,0.0781,-0.02928,0.01438,0.01458,-0.05461,0.02249,-0.01502,0.00455,-0.03931,0.10184,-0.00992,-0.08517,0.01389,0.05469,-0.03653,0.07394,-0.02221,-0.01631,-0.02935,0.06531,-0.06487,0.0794,-0.07234,0.03922,-0.03061,0.04253,0.08832,-0.00789,-0.01592,-0.03549,0.00571,0.10175,0.01739,-0.07098,-0.0797,0.0958,-0.03215,0.02625,0.06484,0.02201,0.03871,-0.01388,-0.02817,-0.01547,0.00829,-0.02949,0.05871,0.09902,0.11447,0.00163],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Allow only one specific target (by id) Only input-approve can be targeted.","excerpt":"Allow only one specific target (by id) Only input-approve can be targeted."},{"chunkId":"/docs/connection-rules#4","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.00665,-0.04693,-0.1019,0.02571,0.01361,0.07522,0.02835,-0.06255,0.00942,-0.01516,0.04415,-0.0175,-0.0085,0.06428,0.02008,0.0399,-0.01817,0.0059,-0.06068,0.03178,0.0097,-0.0965,-0.03706,-0.00807,-0.09059,-0.1008,0.01775,-0.02404,0.00178,-0.06465,-0.0131,0.03921,-0.15169,0.01344,0.0089,-0.05194,0.06721,-0.02999,-0.06014,0.03762,0.04646,-0.06344,0.04128,0.00161,-0.06737,0.02472,-0.04119,-0.00749,-0.03407,0.08152,-0.03522,0.01453,-0.05297,0.06457,0.05042,0.0416,-0.00892,-0.01902,-0.02571,0.02146,-0.00382,-0.00259,0.01418,-0.01193,-0.06546,-0.01693,-0.09142,0.04266,0.00626,0.05694,0.04123,0.01885,-0.04677,-0.01677,0.0892,0.08707,-0.01392,0.02696,0.03143,-0.0783,0.03775,0.0541,-0.03312,-0.01799,0.03842,0.13144,-0.06583,-0.02907,-0.0816,0.06181,0.01937,-0.02355,0.06859,-0.01224,0.02823,-0.06553,0.00069,-0.07223,-0.03968,0.00966,-0.05798,-0.02101,-0.03275,0.08691,0.02919,-0.04296,0.0063,-0.02274,0.01281,0.02368,0.02965,-0.01077,0.05688,-0.08996,-0.09363,0.03816,-0.05536,0.01049,0.09406,0.00978,-0.06151,0.03077,0.03946,-0.0163,0.03116,-0.0472,-0.14385,0,-0.00815,-0.01484,-0.02844,-0.00024,-0.02852,-0.02182,-0.02161,-0.03667,-0.06726,0.0448,-0.07626,-0.01721,-0.03238,0.03218,0.08272,-0.0179,0.04071,0.06583,-0.03796,0.02731,-0.01278,-0.08312,-0.03459,-0.06809,0.04208,0.07914,-0.09359,0.03632,0.11885,0.07466,-0.04835,0.00518,0.0331,0.02171,0.01009,-0.02043,-0.05221,-0.02706,-0.05409,0.00827,0.02047,-0.05808,-0.10617,0.08539,0.00026,0.02451,0.0601,-0.00447,-0.03256,-0.00125,-0.02059,-0.02544,0.01373,-0.02576,0.01428,-0.12036,-0.1335,0.04925,-0.04701,0.05271,0.02425,0.04053,-0.07738,0.00344,0.07068,0.05914,0.00325,-0.03871,0.03755,-0.07008,-0.0426,0.04194,-0.04906,-0.01939,-0.04441,-0.0864,-0.0115,0.0559,0.06169,-0.01567,-0.00595,-0.01781,0.01973,0.04094,-0.00707,-0.05469,-0.01088,-0.01246,-0.07534,0.00117,0.01822,0.0547,0.02665,0.02107,0.06218,0,-0.01078,0.0367,0.04638,-0.01366,-0.01122,0.02477,0.04247,-0.04458,0.03413,-0.00714,-0.02771,0.02578,-0.00121,-0.10087,0.00378,-0.07061,-0.08703,-0.02697,-0.0379,0.02271,0.03351,-0.02041,-0.00855,0.01125,0.01092,-0.0283,-0.02562,-0.01623,-0.02217,-0.01028,0.07756,0.02482,-0.07363,-0.04321,-0.01377,-0.04218,0.02659,0.07858,0.04038,-0.00709,0.02225,0.02406,-0.05356,0.06498,0.02908,0.01625,-0.02446,-0.0368,-0.00854,0.03323,-0.08139,-0.05355,-0.0054,-0.01172,0.01286,0.0491,0.08999,-0.01851,0.00687,0.03631,0.11934,-0.05793,-0.01136,0.03896,0.09885,-0.02384,0.02354,0.02973,0.04234,0.02914,0.03186,0.0902,0.05743,0.03942,0.02011,-0.07971,-0.01192,-0.04308,0.05472,0.07446,-0.06185,0.04599,0.03333,0.04327,0.10245,0.04733,0.08899,0.05963,0.00479,0.02023,-0.00386,-0.01555,0.06098,0.04984,-0.14617,0,-0.03191,0.01164,-0.08923,-0.04534,-0.03118,0.1031,-0.06755,-0.04354,0.03873,0.07043,-0.06218,0.0579,-0.04079,0.09084,0.06722,-0.07006,0.02793,-0.01778,-0.04162,0.03094,0.02127,0.0039,-0.01724,0.11923,-0.0108,-0.09681,-0.00577,0.05028,0.02477,0.07563,-0.04688,-0.01476,-0.06785,0.05851,-0.07661,0.10264,-0.01473,0.01564,-0.079,0.06623,0.11174,-0.01179,-0.03557,-0.02579,0.03806,0.06388,0.01499,-0.06182,-0.10104,0.1088,-0.0302,0.05163,-0.00672,0.03732,0.0116,-0.04055,-0.01006,0.00946,0.02538,-0.01623,0.04076,0.08281,0.08328,0.03992],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Allow a whole class of targets (by category) Only targets with fConnectorCategory=\"A\" are valid. f Connector Category","excerpt":"Allow a whole class of targets (by category) Only targets with fConnectorCategory=\"A\" are valid."},{"chunkId":"/docs/connection-rules#5","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[0.00822,-0.04539,-0.10443,0.00148,0.00815,0.05516,0.01307,-0.00569,0.01929,-0.08128,0.02844,-0.00524,-0.03451,0.04302,-0.02715,0.01574,-0.01444,-0.03859,-0.04204,-0.01146,0.01579,-0.06178,-0.03389,-0.05,-0.09698,-0.07794,0.00561,-0.02348,-0.01719,-0.05387,-0.00567,0.07332,-0.10666,-0.01834,0.02109,-0.05169,0.05037,-0.03432,-0.05881,-0.00828,0.03107,-0.08824,0.07052,-0.00116,-0.03396,0.01547,-0.07789,-0.01363,-0.0085,0.06927,-0.0225,0.0078,-0.03124,0.10804,0.08315,0.06443,-0.01956,-0.04727,-0.02863,0.02434,0.02583,0.01299,0.0038,-0.02138,-0.07609,-0.02822,-0.07156,0.02805,0.02799,0.04086,0.0139,0.05207,-0.07694,-0.01737,0.06193,0.10965,-0.0154,0.04067,0.01972,-0.12862,0.0359,0.07983,-0.01217,-0.05322,0.03974,0.13832,-0.05197,-0.00934,-0.08015,0.08137,0.01805,-0.04879,0.09919,-0.00872,0.00282,-0.02225,-0.00363,-0.05002,-0.03215,0.0081,-0.0719,-0.00796,-0.03009,0.05906,0.02284,-0.02024,0.00476,-0.00367,0.04905,-0.03221,0.0149,0.0003,0.02967,-0.06014,-0.11034,0.0251,-0.06135,0.01929,0.10852,0.0188,-0.03596,-0.00344,-0.00737,-0.04567,0.00033,-0.0308,-0.13016,0,0.0113,-0.01646,-0.01466,-0.02897,0.02582,-0.03339,-0.02952,-0.02304,-0.07303,0.05865,-0.09674,-0.01789,-0.07155,-0.00037,0.06786,-0.02368,0.01276,0.04426,-0.01306,0.00489,-0.00475,-0.02944,-0.01143,-0.06714,0.08833,0.07952,-0.08846,0.04058,0.10892,0.0721,-0.03056,-0.03262,0.05966,0.02019,0.00625,-0.02598,-0.00898,-0.08274,-0.09855,0.03696,0.01869,-0.03047,-0.12816,0.09954,0.03034,0.03506,0.05225,0.0005,0.00165,0.02172,-0.06365,-0.00267,0.02006,-0.05057,-0.00182,-0.11915,-0.10378,0.05504,-0.03868,0.049,0.01369,0.04178,-0.04654,0.02754,0.09697,0.08954,0.01886,-0.03349,0.02729,-0.04493,-0.04088,0.04056,-0.06367,0.01712,-0.01434,-0.07281,-0.04581,0.01624,0.02324,-0.01494,-0.00906,0.00697,-0.01508,0.06967,-0.00338,0.0022,-0.01078,-0.0213,-0.04531,0.00232,-0.00142,0.07513,0.04639,0.03077,0.03775,0,0.00289,0.02891,0.04363,-0.01179,-0.00384,-0.00718,0.01867,-0.04591,0.0633,-0.01249,0.01618,0.02112,-0.00705,-0.12585,0.00664,-0.0613,-0.08387,-0.01996,-0.05392,0.03482,0.03137,-0.0037,-0.00477,0.02993,0.01624,-0.01567,-0.00316,-0.0491,-0.04615,-0.02019,0.04212,0.00875,-0.02597,0.0091,-0.0416,-0.04196,0.03276,0.04835,0.0507,-0.01706,0.03404,0.04406,-0.06169,0.08437,-0.00866,-0.02712,-0.07751,-0.03131,0.02939,0.03363,-0.07056,-0.06722,-0.00477,0.00808,0.02463,0.05613,0.11516,-0.00339,-0.01719,0.042,0.07654,-0.06814,0.03402,0.07031,0.11533,-0.04488,0.03444,0.01152,0.05159,0.01037,0.04418,0.0474,0.02505,0.03815,-0.01202,-0.07632,-0.01868,-0.04608,0.02747,0.11116,-0.05482,0.05707,0.03085,0.05209,0.08537,0.01491,0.09586,0.07167,0.02759,0.04984,0.00354,0.00321,0.04384,0.03265,-0.13502,0,-0.01764,-0.00769,-0.14167,-0.05118,0.00984,0.07925,-0.11418,-0.05571,0.00592,0.05079,-0.04701,0.06353,-0.04854,0.06929,0.06266,-0.06233,0.04627,-0.00671,-0.04566,0.07858,-0.01276,0.01157,-0.03051,0.06741,-0.02452,-0.10824,0.01886,0.0658,0.01701,0.05465,-0.04967,-0.01294,-0.06932,0.07078,-0.08365,0.095,-0.04417,0.01769,-0.04416,0.05805,0.12033,-0.03064,-0.00538,-0.01338,0.03332,0.02937,-0.00298,-0.00333,-0.07832,0.07281,-0.04514,0.01663,0.01344,0.01901,0.03811,-0.01009,-0.02373,0.03697,0.02377,-0.01947,0.03351,0.06838,0.09202,0.01892],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Naming conventions for the allow-list fCanBeConnectedTo (legacy fCanBeConnectedInputs) is a simple allow-list of strings. Each string can be interpreted as either: - a concrete target id (fConnectorId, legacy fInputId) - or a target category (fConnectorCategory, legacy fInputCategory) Because both are plain strings, you should adopt a convention to avoid accidental collisions (when some target id equals a category name). f Can Be Connected To f Can Be Connected Inputs f Connector Id f Input Id f Connector Category f Input Category","excerpt":"Naming conventions for the allow-list fCanBeConnectedTo (legacy fCanBeConnectedInputs) is a simple allow-list of strings. Each string can be interpreted as either: - a concrete target id (fConnectorId, legacy fInputId) - or a target category (fConnectorCategory, legacy fInputCategory) Because both are plain strings, you should adopt a convention to avoid accidental collisions (when some target id equals a category name)."},{"chunkId":"/docs/connection-rules#6","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.04177,-0.02557,-0.09228,0.02034,0.00378,0.05213,0.01048,-0.0624,0.01609,-0.0502,0.0432,0.00094,0.01355,0.06783,-0.02723,0.03452,-0.02125,0.00101,-0.05139,0.02223,0.04009,-0.04648,-0.05347,-0.03272,-0.08975,-0.06277,0.01805,-0.02522,0.03614,-0.04606,-0.01841,0.01513,-0.12837,0.00644,-0.01388,-0.04547,0.09541,-0.03348,-0.09599,-0.00563,0.07536,-0.09873,0.0062,0.02669,-0.07746,0.02031,-0.06242,-0.01982,-0.0576,0.07977,-0.04156,-0.0261,-0.02607,0.10116,0.02129,0.02343,-0.0519,-0.02853,0.02354,0.01643,0.00864,-0.01166,-0.00009,0.00535,-0.04867,-0.02662,-0.06542,0.05276,-0.01845,0.04857,0.03626,0.02561,-0.09485,-0.03659,0.04484,0.05614,-0.01516,-0.01686,0.01541,-0.08285,0.03991,0.06144,-0.0484,0.01015,0.03457,0.16757,-0.07576,-0.00968,-0.06444,0.03342,0.0074,-0.07752,0.07195,-0.01498,0.03873,-0.04144,0.01304,-0.03667,-0.03218,0.01944,-0.05007,-0.02361,-0.05102,0.07217,0.06605,-0.04585,0.02329,-0.01939,0.03174,0.02982,0.0092,-0.00755,0.03547,-0.0688,-0.07289,0.03006,-0.03907,-0.00486,0.09968,0.00033,-0.0701,0.02818,-0.02303,-0.0281,0.0307,-0.01556,-0.09112,0,0.02197,-0.02279,-0.05946,-0.01278,-0.0087,-0.00014,-0.05627,-0.03423,-0.08876,0.05561,-0.06502,-0.04671,-0.04014,0.03083,0.06226,-0.00235,0.04496,0.08366,-0.02837,0.03459,-0.04924,-0.07655,-0.03465,-0.02291,0.05996,0.07417,-0.09083,0.02824,0.1352,0.0472,0.01297,-0.03175,0.04229,0.02561,-0.01974,-0.01248,-0.05001,-0.01638,-0.02128,0.01053,0.05368,-0.07426,-0.11805,0.09872,-0.00641,0.0199,0.056,-0.02107,-0.04928,-0.02221,-0.0406,0.0124,0.03547,-0.0384,-0.00286,-0.13456,-0.11308,0.05689,-0.03462,0.03048,0.00446,0.08663,-0.03488,0.02096,0.09424,0.04054,-0.01594,-0.03085,0.04579,-0.07017,-0.07949,0.0447,-0.0495,0.01533,-0.0437,-0.10926,-0.03659,0.03534,0.05288,0.01203,-0.02377,0.0056,0.00675,0.0469,0.01089,-0.03482,-0.00838,-0.03939,-0.08344,-0.01124,0.01797,0.06368,-0.00782,-0.0196,0.0645,0,-0.01013,0.04183,0.05027,0.03275,-0.0135,0.01714,0.0681,-0.0367,0.0677,-0.0307,-0.00349,0.063,0.01114,-0.09053,0.03161,-0.04098,-0.14429,-0.03635,-0.00506,-0.00353,0.03652,-0.01889,-0.01748,0.04961,-0.01845,-0.04635,0.00598,-0.03469,-0.02708,-0.02482,0.03554,0.05191,-0.06195,0.00059,-0.04372,-0.02536,0.01764,0.09878,0.07407,-0.0008,0.02113,0.03588,-0.05371,0.09923,-0.00566,-0.00781,-0.03766,-0.02984,-0.03619,0.00742,-0.08816,-0.02503,-0.00767,-0.01374,0.05275,0.04725,0.06419,-0.01856,0.00896,0.02474,0.09874,-0.04496,-0.03585,0.01646,0.04861,-0.0345,0.00774,-0.01616,0.05882,-0.00316,0.02429,0.09513,0.05744,0.01755,0.02272,-0.11429,0.01666,-0.01268,0.04828,0.06862,-0.05272,0.08503,0.01989,0.03379,0.12131,0.08165,0.07077,0.10176,0.00128,0.04973,-0.03827,0.00969,0.02369,0.04125,-0.13395,0,-0.0204,0.01487,-0.06275,-0.04736,-0.01611,0.11092,-0.06781,-0.03717,0.05033,0.05086,-0.0204,0.04515,-0.05863,0.06561,0.07097,-0.04281,0.01559,-0.00089,-0.03288,0.04518,0.03136,0.02202,-0.03892,0.0929,0.01978,-0.10424,0.00911,0.05369,-0.02423,0.0298,-0.02226,-0.00419,-0.04764,0.03456,-0.04652,0.08622,-0.06452,0.03614,-0.01973,0.04174,0.11682,-0.02809,-0.02508,-0.04441,-0.01625,0.08827,0.04693,-0.04486,-0.10182,0.07846,-0.04249,0.01842,0.02724,0.01293,0.0586,-0.01734,-0.00146,-0.01891,0.03002,-0.01188,0.05538,0.09487,0.06021,0.02381],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Recommended convention Use prefixes: - id:<inputId — for a specific input - cat:<category — for a category Example: And on the targets: input Id","excerpt":"Recommended convention Use prefixes: - id:<inputId — for a specific input - cat:<category — for a category Example: And on the targets:"},{"chunkId":"/docs/connection-rules#7","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.03716,-0.00998,-0.09419,0.0126,-0.01056,0.04322,0.00232,-0.09062,-0.00668,-0.05223,0.02694,0.0267,0.02941,0.03219,-0.03394,0.03173,-0.01656,-0.00548,-0.04748,-0.00207,0.05086,-0.0535,-0.03501,-0.00093,-0.09647,-0.04205,0.02205,-0.01239,0.02014,-0.04995,-0.0232,0.02393,-0.11499,0.01273,-0.01378,-0.07158,0.03437,0.01366,-0.0818,0.00988,0.04006,-0.06635,0.01486,0.00965,-0.09225,0.03449,-0.07365,-0.01253,-0.05735,0.04774,-0.02071,-0.01045,-0.04146,0.0549,0.04291,0.00067,-0.06598,-0.06737,-0.03451,0.04753,0.00581,0.00392,0.00112,-0.00643,-0.05621,-0.00698,-0.07786,0.10679,-0.00633,0.09435,0.05508,0.04082,-0.12147,-0.00935,0.05801,0.06863,-0.02228,-0.00933,-0.00525,-0.0589,-0.00241,0.06101,-0.01861,-0.0011,0.00871,0.12075,-0.06105,-0.01838,-0.0767,0.02172,-0.00352,-0.09195,0.12176,-0.00591,0.0659,-0.04687,0.04193,-0.03369,-0.03607,-0.0032,-0.06859,-0.02885,-0.03234,0.08041,0.05366,-0.02624,0.03308,-0.01902,0.02407,0.00626,0.03408,0.00081,0.01255,-0.07247,-0.09992,0.00395,-0.00276,0.00418,0.11367,-0.02591,-0.05685,0.00198,0.03231,-0.00796,0.035,-0.00019,-0.08719,0,-0.01553,-0.03959,-0.04231,-0.0175,0.0164,0.00181,-0.07994,-0.03992,-0.07647,0.04852,-0.03634,-0.0172,-0.03017,0.00906,0.05457,0.01631,0.07761,0.09187,-0.0488,0.02058,-0.04042,-0.09006,-0.03425,-0.01974,0.05173,0.0459,-0.10318,-0.00158,0.14644,0.04219,0.00071,-0.00382,0.07064,0.06988,-0.01414,0.03824,-0.05627,-0.02847,-0.00687,0.02039,0.04137,-0.04745,-0.09866,0.08305,0.02273,0.05394,0.05283,-0.0223,-0.044,-0.0151,-0.02115,0.05099,0.01376,-0.03469,-0.04203,-0.15925,-0.10438,0.03249,-0.02074,0.06736,-0.03305,0.05093,-0.03317,0.03644,0.08801,0.03785,-0.0086,0.01525,0.05872,-0.04473,-0.07664,-0.00292,-0.04929,0.0042,-0.05951,-0.09535,-0.03175,0.04654,0.03802,0.02295,-0.00741,-0.01,0.02775,0.03671,0.01512,-0.04476,-0.01266,-0.03472,-0.05911,0.01554,-0.01004,0.07492,0.00634,-0.00121,0.05792,0,0.01915,0.02041,0.06101,-0.01436,-0.02092,-0.00209,0.05183,-0.03467,0.05432,-0.05706,0.00863,0.0564,0.02347,-0.12674,0.018,-0.05819,-0.11031,0.01449,-0.01236,0.00636,0.04412,-0.03684,-0.02155,0.04873,0.01232,-0.04506,-0.06169,-0.0478,0.00759,-0.01112,0.03199,0.01315,-0.0342,-0.06776,-0.04599,-0.03181,-0.00988,0.1198,0.07718,0.0253,0.00319,0.02352,-0.08384,0.06624,0.01408,-0.03976,-0.04658,-0.02389,-0.04329,-0.00772,-0.07538,0.00837,0.0007,-0.04375,0.06948,0.01416,0.05269,-0.00414,0.04002,0.02104,0.109,-0.03821,-0.01943,0.01979,0.07159,-0.07506,-0.00947,-0.02574,0.05202,-0.03738,0.00302,0.06012,-0.0006,0.00303,-0.00489,-0.11512,0.0179,-0.02885,0.05202,0.08456,-0.06586,0.08425,0.03158,0.05061,0.08889,0.05259,0.07324,0.11286,0.01231,0.05783,-0.01925,-0.00477,0.013,0.04898,-0.13553,0,-0.01745,-0.02456,-0.07915,-0.02769,-0.01803,0.07528,-0.10768,-0.01203,0.05118,0.06142,0.01675,0.07425,-0.07972,0.06779,0.09142,-0.0584,0.00626,-0.00112,-0.05918,0.08431,-0.01056,0.00047,-0.04283,0.09963,-0.01363,-0.09345,0.01746,0.01829,0.00469,0.05718,-0.02351,-0.01476,-0.03414,0.08384,-0.01086,0.06992,-0.06161,0.03466,-0.03997,0.02703,0.09163,-0.03813,0.02192,0.00048,0.03243,0.05559,0.02393,-0.04733,-0.07812,0.09169,-0.04287,0.03239,0.02853,0.00416,0.05345,-0.02784,-0.00658,0.03047,0.05696,-0.01524,0.0697,0.03224,0.07874,0.01912],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. If you don't want prefixes You can also enforce “no overlap” by policy: - target ids are always like input:<name or in-<number - categories are always like CAT<name or type:<name The key point is: make ids and categories visually distinct so allow-lists are readable and safe.","excerpt":"If you don't want prefixes You can also enforce “no overlap” by policy: - target ids are always like input:<name or in-<number - categories are always like CAT<name or type:<name The key point is: make ids and categories visually distinct so allow-lists are readable and safe."},{"chunkId":"/docs/connection-rules#8","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.07469,-0.00257,-0.09082,0.02899,0.04444,0.04645,0.01508,-0.07284,0.01235,-0.03017,0.03241,-0.00648,0.03505,0.08488,-0.01537,0.03373,0.01524,0.017,-0.0674,0.04407,0.04274,-0.05997,-0.04339,-0.00409,-0.04905,-0.08473,0.00676,-0.06471,0.0164,-0.03376,-0.0342,0.01967,-0.16715,0.03024,-0.03143,-0.05453,0.06979,-0.05133,-0.07803,-0.00052,0.06742,-0.05842,-0.00678,0.00406,-0.07039,0.02298,-0.03619,0.01176,-0.07497,0.09617,-0.04794,-0.01193,-0.03851,0.07844,0.02906,0.01462,-0.02899,-0.02446,0.00103,0.02313,0.02987,-0.04921,-0.01375,-0.0086,-0.06101,-0.01822,-0.08671,0.04903,-0.01799,-0.00239,0.04397,0.01778,-0.07526,-0.02091,0.08756,0.05101,-0.03532,0.00891,0.00066,-0.07829,0.05743,0.03878,-0.04576,0.04448,0.01132,0.14878,-0.06777,0.01869,-0.07562,0.02278,0.00467,-0.06502,0.06536,-0.01349,0.04211,-0.04455,-0.01653,-0.05067,-0.04659,0.02678,-0.04589,-0.02434,-0.061,0.0721,0.06294,-0.04832,0.02032,-0.04751,-0.00335,0.07443,0.00719,-0.00373,0.05012,-0.07669,-0.07834,0.06714,-0.07761,0.00074,0.09293,-0.01063,-0.04835,0.0512,0.04071,-0.03576,0.03962,-0.02003,-0.08135,0,0.02209,-0.02997,-0.01467,0.00082,-0.01654,-0.01399,-0.02997,-0.03295,-0.04856,-0.00238,-0.06892,0.00148,-0.01378,0.03604,0.06562,-0.01782,0.03015,0.11673,-0.00664,0.05533,-0.04824,-0.1058,-0.02621,-0.03276,0.04699,0.06597,-0.09958,0.03733,0.13371,0.0574,-0.02582,-0.00534,0.03377,0.02283,0.00398,-0.00523,-0.06844,-0.04571,-0.01283,0.00353,0.03935,-0.0787,-0.12493,0.09281,-0.05594,0.0251,0.02686,-0.03141,-0.05589,-0.00631,-0.04992,0.02402,0.03172,-0.05048,0.00608,-0.14358,-0.09994,0.05057,-0.01779,0.00952,0.02443,0.05381,-0.05665,0.01056,0.08873,0.04286,-0.01411,-0.01037,0.03277,-0.07746,-0.04653,0.06886,-0.033,-0.01435,-0.05962,-0.10825,-0.00068,0.04313,0.05707,-0.02771,-0.0033,-0.02504,0.03339,0.01907,-0.00775,-0.02907,-0.00457,-0.04479,-0.0885,0.00652,0.02369,0.03903,-0.01648,0.00998,0.05513,0,0.00273,0.01922,0.06004,0.00867,0.01781,-0.00894,0.04595,0.0187,0.07074,-0.03029,-0.01579,0.0436,0.0165,-0.05887,0.02808,-0.03813,-0.12327,-0.03095,-0.00354,-0.01918,0.06556,-0.00621,-0.02701,0.03151,-0.04262,-0.04296,-0.02429,-0.04126,-0.00837,-0.00362,0.05616,0.0097,-0.07609,0.00593,-0.02698,-0.02295,0.02662,0.14657,0.06912,-0.03197,0.01382,-0.0054,-0.05928,0.05779,0.04455,-0.01169,-0.03784,0.0022,-0.04613,-0.01463,-0.05195,-0.00919,0.00083,-0.00756,0.04781,0.04858,0.08868,-0.03513,0.04281,0.00918,0.07894,-0.05191,-0.04077,0.00791,0.06389,-0.01608,0.00424,-0.00176,0.0315,0.03642,0.01698,0.06141,0.08859,0.01595,0.04723,-0.10792,-0.00995,-0.023,0.02719,0.05822,-0.06303,0.07242,0.04891,0.04324,0.13342,0.08131,0.07951,0.08882,0.00215,0.03991,-0.06273,0.01046,0.01242,0.04664,-0.1173,0,-0.03131,0.01285,-0.08547,-0.02612,-0.03402,0.12221,-0.05343,-0.00059,0.07472,0.0518,-0.03825,0.02703,-0.04618,0.08716,0.05303,-0.03232,0.00941,0.00703,-0.02894,0.02483,0.03775,0.01623,0.01741,0.07824,0.0028,-0.08824,0.00651,0.06025,-0.0001,0.02853,-0.04579,-0.01008,-0.04871,0.02702,-0.04215,0.09182,-0.07168,0.02697,-0.03272,0.04461,0.10651,-0.00828,-0.03607,-0.03219,0.0465,0.07608,0.04652,-0.04421,-0.08375,0.07573,-0.05241,0.02638,0.00627,0.03531,0.03862,-0.03677,-0.02496,-0.01257,0.04648,0.00855,0.06778,0.09098,0.08607,0.04288],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. API","excerpt":"API"},{"chunkId":"/docs/connection-rules#9","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.00149,-0.02136,-0.12451,0.02896,0.02704,0.08119,0.03322,-0.01845,0.01051,-0.0615,0.04742,0.00553,-0.00411,0.02891,-0.03893,0.00536,-0.02094,-0.0314,-0.00574,0.01048,0.01052,-0.09607,-0.04996,-0.02836,-0.05568,-0.07426,0.02621,-0.04152,0.00814,-0.04659,-0.01675,0.07208,-0.12379,-0.017,-0.02669,-0.04034,0.06843,-0.04217,-0.05789,-0.02751,0.05248,-0.11704,0.0418,-0.01889,-0.05371,0.00067,-0.05241,-0.00264,-0.03131,0.06839,-0.03941,0.01416,-0.02153,0.10477,0.08039,0.04897,0.0009,-0.00964,0.00218,0.03158,0.00568,-0.01547,-0.01603,-0.02008,-0.06766,-0.00347,-0.04937,0.02747,-0.00632,0.01485,0.03493,0.02992,-0.05373,-0.07162,0.08589,0.08007,-0.02729,0.05265,0.02697,-0.09461,0.08886,0.0799,-0.02837,-0.00599,0.0145,0.16009,-0.06961,0.0184,-0.05998,0.04605,0.01507,-0.02222,0.04704,0.00061,0.00875,-0.04626,-0.03784,-0.02479,-0.03334,0.01841,-0.07158,-0.00084,-0.02175,0.07174,0.03531,-0.03135,0.01951,-0.03984,0.03296,-0.01401,0.01111,-0.02295,0.01904,-0.04962,-0.06392,0.04374,-0.03171,-0.00163,0.09185,0.01058,-0.05959,0.01554,-0.03006,-0.0275,0.02762,-0.03851,-0.07764,0,0.0119,0.00295,-0.04138,-0.01434,0.00589,-0.01433,-0.01071,-0.01494,-0.04819,0.01717,-0.09176,-0.05024,-0.07483,0.0089,0.03945,-0.06766,0.03321,0.03616,0.01133,0.01117,0.03162,-0.07146,-0.03862,-0.07915,0.06713,0.08882,-0.11422,0.02862,0.08295,0.06052,-0.0192,-0.01184,0.05921,0.02926,-0.01966,-0.05092,-0.05414,-0.02702,-0.08442,0.02571,0.01926,-0.05955,-0.11068,0.06641,0.02841,0.0118,0.00984,-0.01217,0.0023,0.00469,-0.05676,0.00516,0.04153,-0.06174,0.02644,-0.11777,-0.13297,0.09721,-0.01119,0.04166,-0.0114,0.08042,-0.05124,-0.02479,0.08009,0.09678,-0.02761,-0.05502,0.02688,-0.07033,-0.07056,0.07216,-0.06955,-0.01475,-0.02612,-0.05107,-0.05582,-0.00647,0.03625,-0.03663,-0.01149,-0.01114,0.01173,0.04381,0.05722,-0.03548,-0.036,-0.04919,-0.04608,0.01941,0.03414,0.06137,0.00932,-0.00632,0.07234,0,-0.00782,0.04485,0.0384,0.01167,-0.02484,0.0203,0.02857,-0.01517,0.04149,0.00852,-0.00653,0.0308,-0.00204,-0.10595,-0.01328,-0.02478,-0.096,-0.01908,-0.02744,0.03193,0.02785,-0.02783,0.0361,0.03511,-0.00956,0.00911,0.04439,-0.01511,-0.0139,-0.00831,0.03634,0.01364,-0.08532,-0.01489,-0.02968,-0.02934,0.019,0.13771,0.05351,-0.01561,0.04454,0.04503,-0.06207,0.07059,0.00778,-0.022,-0.05825,-0.03823,-0.0194,0.02273,-0.0772,-0.04241,-0.04134,0.001,0.0143,0.05255,0.13446,0.02469,0.00553,0.03799,0.08924,-0.12121,-0.00598,0.03687,0.13055,-0.01621,0.0399,0.06608,0.07241,0.06268,0.04469,0.07663,0.05889,0.04551,0.00477,-0.03849,-0.01295,-0.05485,0.03172,0.08795,-0.02123,0.05709,0.01934,0.02247,0.08762,0.03467,0.08138,0.04714,0.03886,0.01388,-0.02861,0.05161,0.02885,0.01696,-0.12868,0,-0.03417,-0.01194,-0.10964,-0.03249,0.01225,0.06057,-0.04796,-0.06067,0.02513,0.04269,-0.07722,0.04998,-0.02344,0.06808,0.08226,-0.07136,0.04348,-0.02096,-0.03885,0.0268,0.0378,-0.00849,-0.04395,0.09534,0.00978,-0.12163,0.00813,0.06411,0.02129,0.04391,-0.04419,0.01188,-0.06233,0.03853,-0.10968,0.09892,-0.0368,0.03163,-0.06961,0.01534,0.08662,-0.01694,-0.06645,-0.05985,0.02514,0.03684,0.04891,-0.00839,-0.08268,0.06673,-0.04484,0.02059,0.02625,0.01952,0.0414,-0.03805,-0.03325,0.01784,0.03152,-0.03782,-0.0234,0.07505,0.10197,0.01377],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Source-side input - fCanBeConnectedTo: string[]; Declared on [fConnector] (types source, source-target, outlet). - fCanBeConnectedInputs: string[]; (deprecated) Declared on [fNodeOutput] and [fNodeOutlet]. f Can Be Connected To f Connector f Can Be Connected Inputs f Node Output f Node Outlet","excerpt":"Source-side input - fCanBeConnectedTo: string[]; Declared on [fConnector] (types source, source-target, outlet). - fCanBeConnectedInputs: string[]; (deprecated) Declared on [fNodeOutput] and [fNodeOutlet]."},{"chunkId":"/docs/connection-rules#10","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.00794,-0.02827,-0.10735,0.05164,0.04319,0.08683,0.00774,-0.03872,0.03499,-0.05875,0.01612,-0.0075,-0.03295,0.06124,-0.05992,-0.0203,-0.02466,-0.00438,-0.03518,0.01367,0.0148,-0.10741,-0.03761,-0.03933,-0.11101,-0.06338,0.02176,-0.0519,-0.00371,-0.07334,-0.04734,0.04828,-0.12121,0.01767,-0.0391,-0.03775,0.0529,-0.05936,-0.08029,-0.03573,0.03285,-0.10774,0.04257,0.00469,-0.03955,-0.00804,-0.06515,0.00024,-0.03394,0.11584,-0.04678,-0.00728,0.00525,0.09917,0.0474,0.06233,-0.02017,-0.04837,-0.00993,0.03324,0.00973,-0.00717,-0.00243,-0.03321,-0.02854,-0.00164,-0.03605,0.00279,-0.00153,0.01778,0.05315,0.04046,-0.06807,-0.05193,0.10119,0.04156,-0.05402,0.04648,0.04122,-0.08677,0.09313,0.07266,-0.04229,-0.00025,0.04248,0.16389,-0.08482,0.01185,-0.06526,0.0189,0.01073,-0.06121,0.03267,-0.01076,0.0039,-0.05841,-0.03224,-0.03624,-0.0467,-0.00008,-0.09682,0.0085,-0.01443,0.06477,0.05486,-0.02194,0.03236,-0.03407,0.00298,0.00147,0.01921,-0.00428,0.05954,-0.0249,-0.06587,0.04299,-0.05895,-0.00678,0.09154,0.0248,-0.02824,0.04108,-0.05228,-0.00312,0.02647,-0.05068,-0.1009,0,0.02977,0.01916,-0.02409,-0.00726,-0.00437,-0.00263,0.00818,-0.02874,-0.07866,0.04328,-0.092,-0.02313,-0.0424,-0.00431,0.07879,-0.05462,0.02778,0.07166,0.00588,0.01339,0.01592,-0.04692,-0.028,-0.0823,0.06983,0.08638,-0.11514,0.04187,0.11872,0.04935,-0.03029,-0.0022,0.03322,0.00808,-0.01265,-0.05575,-0.03226,-0.03757,-0.07026,0.04966,0.03911,-0.05963,-0.10108,0.05198,-0.02303,0.02082,0.04373,-0.00982,0.02352,-0.01961,-0.0608,-0.00289,0.00849,-0.06835,0.01748,-0.14272,-0.12888,0.04973,-0.04095,0.02763,0.02248,0.03832,-0.06051,-0.01749,0.033,0.06001,-0.00643,-0.04134,0.06466,-0.07569,-0.06545,0.05048,-0.02182,0.00013,-0.01461,-0.05987,-0.04605,-0.03896,0.04966,-0.03815,-0.00594,-0.01237,0.02132,0.06417,0.07623,-0.02138,-0.03857,-0.04793,-0.06281,-0.0004,0.00342,0.04173,0.02731,-0.02513,0.055,0,-0.01623,0.01086,0.02077,0.01921,-0.02003,0.03064,0.03662,-0.01535,0.04871,-0.03332,-0.01678,0.03997,0.02169,-0.10227,-0.00541,0.00191,-0.13415,-0.00728,0.00341,-0.00598,0.04812,-0.01768,-0.00503,0.06961,-0.01194,-0.00476,0.02542,-0.02652,-0.02627,-0.0053,0.02951,-0.00478,-0.07168,-0.00547,-0.01475,-0.03339,0.03195,0.11106,0.06203,0.02682,0.03369,0.01579,-0.04748,0.06412,0.01978,-0.0256,-0.05866,-0.01717,0.0081,0.00331,-0.06234,-0.04878,-0.04153,-0.02451,-0.01081,0.06124,0.1125,0.00916,0.00861,0.05924,0.0769,-0.08424,-0.00002,0.02066,0.11232,-0.01055,0.03424,0.06798,0.05814,0.04221,0.03785,0.08308,0.09549,0.07146,0.04164,-0.06944,0.01043,-0.0499,0.05093,0.09116,-0.02065,0.0484,0.01296,0.02693,0.08837,0.05054,0.10705,0.0554,0.01139,0.00766,-0.01893,0.00881,0.04162,0.00586,-0.11739,0,-0.01057,0.02932,-0.10267,-0.05147,-0.01511,0.05756,-0.04714,-0.03445,0.01268,0.01985,-0.06021,0.07172,-0.02413,0.06419,0.07305,-0.03529,0.01854,0.0145,-0.03818,0.00359,0.03757,0.02483,-0.05131,0.06289,-0.02209,-0.12359,-0.01057,0.06465,0.02109,0.03025,-0.04424,-0.01498,-0.03851,0.05821,-0.07804,0.08364,-0.05473,0.02721,-0.07035,0.05024,0.11994,0.00657,-0.04309,-0.06009,0.00934,0.05241,0.04015,-0.02393,-0.07038,0.069,-0.04844,0.04017,0.01104,0.05385,0.03714,-0.02315,-0.03765,0.0067,0.01855,-0.02813,0.03284,0.06936,0.09763,0.03905],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Target-side inputs - fConnectorId: InputSignal<string; - fConnectorCategory: InputSignal<string undefined; (optional) - Legacy: fInputId / fInputCategory on [fNodeInput] (deprecated) f Connector Id Input Signal f Connector Category f Input Id f Input Category f Node Input","excerpt":"Target-side inputs - fConnectorId: InputSignal<string; - fConnectorCategory: InputSignal<string undefined; (optional) - Legacy: fInputId / fInputCategory on [fNodeInput] (deprecated)"},{"chunkId":"/docs/connection-rules#11","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.06784,-0.02246,-0.12895,0.03234,0.00112,0.06823,0.02458,-0.01772,0.0313,-0.03766,0.02164,0.02366,-0.00596,0.03232,-0.0408,-0.00698,0.00486,-0.02705,-0.04955,-0.00916,0.02608,-0.08404,-0.05498,-0.01697,-0.04228,-0.06277,-0.01007,-0.02001,0.04192,-0.04544,0.01002,0.06167,-0.13594,0.04043,-0.0418,-0.04352,0.05982,-0.02767,-0.09886,-0.04467,0.088,-0.09055,0.01179,0.00591,-0.06735,0.02316,-0.01361,0.00728,-0.01803,0.10163,-0.02026,0.06689,-0.03988,0.07953,0.07684,0.05767,0.05641,-0.00984,-0.05964,0.05946,0.03627,-0.02915,-0.0082,0.01828,-0.05727,0.01173,-0.07653,0.06146,0.06807,-0.03973,0.0284,0.06192,-0.074,-0.08267,0.08156,0.01451,-0.02797,0.03081,-0.00415,-0.05851,0.08083,0.0777,-0.00618,-0.02375,-0.01514,0.08005,-0.03273,-0.05317,-0.0319,0.05477,-0.00087,0.04392,-0.03279,-0.04572,0.00142,-0.01455,-0.01907,-0.06503,-0.00715,0.02582,-0.0325,0.00181,0.02143,0.10332,0.05045,-0.05726,0.00409,-0.01666,-0.02909,0.05102,0.01989,0.01326,0.10052,-0.03718,-0.03174,0.05614,-0.07224,0.03632,0.0324,0.04198,-0.05896,0.03108,0.02073,-0.06938,-0.00472,-0.00509,-0.09622,0,-0.01757,-0.02612,-0.03079,0.01525,-0.00424,-0.02235,0.01535,-0.04697,-0.02374,0.02739,-0.09386,0.0101,-0.05076,0.05645,0.00624,-0.07023,0.02649,0.01634,0.07182,0.03757,0.01202,-0.06489,-0.00157,-0.07968,0.07402,0.07513,-0.05905,0.08189,0.04417,0.04249,-0.01951,-0.00642,0.03644,0.00625,-0.0134,-0.02205,-0.05406,-0.03847,-0.04582,0.02039,0.05518,-0.05287,-0.12937,0.08513,-0.01876,0.0075,-0.02221,-0.00687,-0.03519,0.03827,-0.02574,-0.00608,0.00618,-0.04699,-0.03228,-0.12837,-0.11141,0.00761,-0.00921,0.03147,0.02111,0.05046,-0.11487,0.02903,0.08954,0.09441,0.0214,-0.01228,0.01641,-0.06552,-0.0895,0.06553,-0.03683,-0.02492,-0.00962,-0.06282,-0.03585,-0.00067,0.01851,-0.06217,0.02566,-0.02869,-0.01522,0.0765,0.00817,-0.03082,-0.02856,-0.08443,-0.05372,0.02389,0.04098,0.03534,0.10918,0.03465,0.07787,0,-0.01612,-0.02012,0.00383,-0.00736,0.00692,0.01642,0.05558,0.01623,0.0245,-0.05095,-0.04073,0.0497,0.02986,-0.06613,0.00073,-0.03864,-0.06032,-0.04992,-0.03873,0.04937,-0.00297,-0.00995,-0.0152,-0.04555,-0.01612,-0.02814,-0.01702,-0.03007,-0.05042,-0.02311,0.06682,-0.01195,-0.07437,-0.02817,-0.03336,-0.03746,0.04446,0.0639,0.06484,0.00294,0.02719,0.03984,-0.08035,0.04021,0.01467,0.04906,-0.10171,-0.07444,-0.0419,0.01656,-0.05622,0.01943,-0.06174,-0.00877,-0.00602,0.07572,0.13135,0.01163,-0.00374,0.00975,0.10633,-0.10375,-0.06508,0.02325,0.08885,-0.01516,0.04363,0.02835,0.06586,0.09446,0.0306,0.05407,0.0331,0.01599,0.06413,-0.04957,-0.00748,-0.0487,0.01385,0.12294,-0.06413,0.08737,0.0116,0.00063,0.10652,-0.00393,0.01312,0.02154,0.07347,0.02512,-0.04531,0.01055,-0.08414,0.0125,-0.10581,0,-0.04046,-0.04017,-0.08395,-0.0009,0.00531,0.09581,-0.06449,-0.01121,0.02253,-0.01227,-0.0761,0.07094,-0.04186,0.04751,0.06038,-0.02924,0.09302,-0.02052,-0.03658,-0.02948,-0.01504,0.02639,-0.01373,0.13501,-0.01392,-0.08484,0.07317,0.0471,0.00132,0.05927,0.00206,0.00203,-0.00772,0.06015,-0.06431,0.11325,-0.05455,0.04281,-0.04512,0.05514,0.07339,0.0275,-0.01048,-0.04345,0.00666,0.05138,0.04294,-0.01581,-0.04752,0.06702,-0.04664,0.05217,-0.02292,0.05121,0.04624,-0.02628,-0.02714,-0.00661,0.05903,-0.01641,-0.02241,0.065,0.09831,-0.02228],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Related outputs (where you persist results) - fCreateConnection from f-flow[fDraggable] This is where your app typically adds the new connection to its state/store. f Create Connection f Draggable","excerpt":"Related outputs (where you persist results) - fCreateConnection from f-flow[fDraggable] This is where your app typically adds the new connection to its state/store."},{"chunkId":"/docs/connection-rules#12","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.03794,-0.00854,-0.08066,0.04457,0.08098,0.066,0.01331,-0.05822,-0.01309,-0.01544,0.02371,0.04122,-0.0111,0.0405,-0.02269,0.00041,-0.03467,-0.01623,-0.04044,0.03717,0.0256,-0.07687,-0.03679,-0.03994,-0.0613,-0.01792,0.00421,-0.02488,0.02276,-0.0808,-0.03689,0.03324,-0.11055,0.02039,-0.04782,-0.03467,0.11331,-0.06361,-0.12125,-0.00651,0.03345,-0.0936,0.02809,-0.0192,-0.08049,0.04271,-0.02353,-0.01247,-0.05934,0.08918,-0.02547,0.01396,-0.02106,0.06933,0.09156,0.07225,0.02281,-0.04288,-0.00344,0.01962,-0.00186,-0.02214,-0.02892,-0.00151,-0.0366,0.03624,-0.04678,0.04047,-0.00794,0.03461,0.0636,0.01399,-0.03775,-0.02591,0.06122,0.06977,-0.03637,0.06938,-0.01009,-0.0463,0.01915,0.02307,-0.0554,0.0265,-0.00316,0.15191,-0.10856,-0.0466,-0.08364,0.05813,0.01139,-0.00745,0.02166,-0.02708,-0.04516,-0.03195,-0.00338,-0.04642,-0.03939,0.03952,-0.04754,-0.01556,-0.00081,0.04112,0.04129,-0.06014,-0.01125,-0.04015,-0.04305,0.04605,0.05398,0.00205,0.04239,-0.06623,-0.06639,0.02596,-0.04606,-0.01654,0.10512,0.02402,-0.05538,0.0763,0.04197,0.00879,0.04086,-0.04289,-0.10778,0,0.03752,-0.01595,-0.03931,0.01291,0.02138,-0.02666,-0.02171,-0.06392,-0.06144,0.04212,-0.03766,-0.00308,-0.03751,0.00369,0.04275,-0.05484,0.04777,0.01307,-0.0139,0.0308,0.01008,-0.07694,-0.01003,-0.04051,0.04983,0.0593,-0.06546,0.02924,0.10453,0.04976,-0.03389,-0.01739,0.05528,0.00022,-0.0081,-0.03248,-0.07135,-0.03725,-0.02267,0.00108,0.03569,-0.06928,-0.10874,0.08023,-0.00715,0.06297,0.07503,-0.05171,-0.03751,0.01695,-0.00789,0.00616,0.05004,-0.03308,0.02108,-0.11009,-0.06806,0.10535,-0.03236,0.02052,0.05965,0.06398,-0.04413,-0.02356,0.06749,0.09974,-0.07227,0.01867,0.04674,-0.08075,-0.05764,0.08716,-0.04004,0.00508,0.00027,-0.06021,-0.02234,-0.02333,0.08129,-0.0669,-0.02398,-0.01102,0.01815,0.03159,0.01301,-0.07651,0.00325,-0.01316,-0.05989,-0.02773,0.06225,0.0394,0.03326,-0.00286,0.04779,0,-0.00395,0.04268,0.07599,0.04821,-0.01385,0.0019,0.01561,-0.01001,0.11268,0.00116,0.00596,0.04352,0.01515,-0.08996,-0.00568,-0.03229,-0.12594,-0.03009,-0.00891,0.00298,0.00741,-0.02854,0.02157,0.02295,-0.06455,-0.02079,0.00234,-0.05482,-0.01457,-0.01111,0.08053,0.02603,-0.0527,-0.02001,-0.02175,-0.05769,0.00839,0.11974,0.08598,-0.03687,0.00693,0.02938,-0.04262,0.03031,-0.00327,0.02306,-0.07027,-0.04234,-0.0342,-0.01738,-0.0636,-0.01119,-0.04784,0.01099,0.00215,0.03898,0.07082,0.02316,0.00755,0.07069,0.06879,-0.08397,-0.07687,-0.01233,0.05997,-0.02552,-0.00506,-0.01768,0.09056,0.06581,0.03723,0.07628,0.0727,0.04012,0.06412,-0.08392,0.06126,-0.01315,0.04187,0.08948,-0.05166,0.09578,-0.00851,0.0451,0.08063,0.06328,0.04863,0.0337,0.02012,-0.00714,-0.0226,0.03458,0.00464,0.03082,-0.10574,0,-0.02182,-0.0398,-0.06688,-0.05124,-0.01523,0.11155,-0.02273,-0.04687,0.03506,0.03755,-0.05987,0.06032,-0.07001,0.05372,0.0357,-0.00991,0.02853,0.0017,-0.05214,0.03347,0.02,-0.01355,-0.01233,0.15322,-0.05862,-0.09264,0.00415,0.02963,0.02135,0.06731,-0.05444,0.00911,-0.06131,0.03906,-0.0868,0.09231,-0.08897,0.03264,-0.03924,0.10583,0.08776,0.00488,-0.08173,-0.04643,0.00493,0.04601,0.05409,-0.0133,-0.12491,0.08628,0.00379,0.04215,-0.02227,0.03011,-0.00238,-0.00676,-0.02801,0.0042,0.03752,-0.04297,0.01987,0.04438,0.09415,0.01526],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Styling During drag-to-connect, the library applies state classes so you can clearly communicate rules: - .f-connector-connectable - marks valid targets during drag - .f-connector-not-connectable - blocked ports (legacy: .f-node-input-not-connectable / .f-node-output-not-connectable) (Exact styling is up to you; the library keeps defaults minimal.)","excerpt":"Styling During drag-to-connect, the library applies state classes so you can clearly communicate rules: - .f-connector-connectable - marks valid targets during drag - .f-connector-not-connectable - blocked ports (legacy: .f-node-input-not-connectable / .f-node-output-not-connectable) (Exact styling is up to you; the library keeps defaults minimal.)"},{"chunkId":"/docs/connection-rules#13","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.02531,-0.03511,-0.11126,0.01367,0.06018,0.04806,-0.02113,-0.0691,-0.01585,-0.05134,0.022,0.03319,0.02447,0.07655,-0.04971,0.03967,0.00253,0.0055,-0.03503,-0.01396,0.05914,-0.05197,-0.07129,-0.01547,-0.08197,-0.09713,0.02133,-0.03857,0.01468,-0.07587,0.02788,0.04491,-0.15806,-0.05088,0.02024,-0.05289,0.05801,-0.0611,-0.02628,-0.01543,0.02247,-0.08689,0.03055,-0.01493,-0.04256,-0.00415,-0.04654,-0.03313,-0.03692,0.05898,-0.05158,0.03732,0.00287,0.07715,0.05565,0.01334,-0.04995,-0.03047,-0.01989,0.03443,0.04324,-0.03745,-0.00243,-0.03317,-0.08765,-0.00613,-0.11075,0.03066,0.01338,0.05559,0.04483,0.04328,-0.06882,0.00229,0.05755,0.09344,-0.04867,0.0084,0.02886,-0.12182,0.05361,0.075,0.00015,-0.05134,-0.00504,0.16228,-0.06328,0.0163,-0.06421,0.04845,0.07014,-0.01336,0.10809,0.0047,0.0685,-0.04656,0.00494,-0.03568,-0.02767,-0.00429,-0.05011,-0.01376,-0.0246,0.07213,0.02649,-0.04897,0.0431,0.01369,0.0255,0.01862,0.02385,0.00637,0.02529,-0.08388,-0.07532,-0.01364,0.0054,0.00435,0.06472,-0.02294,-0.06523,0.02611,0.07556,-0.0566,0.02795,-0.05392,-0.10838,0,0.03068,0.00015,-0.02623,-0.08101,-0.01338,-0.01274,-0.05368,-0.04077,-0.05584,0.03632,-0.0589,0.00929,-0.04748,0.00834,0.10217,0.00611,0.0606,0.05691,0.02725,-0.00241,-0.0127,-0.07069,-0.03295,-0.02595,0.03805,0.07515,-0.06065,0.05246,0.1061,0.05737,-0.05642,0.00807,0.05911,0.05757,0.01636,0.02331,-0.03239,-0.04846,-0.04874,0.00396,0.03648,-0.04514,-0.08653,0.11652,0.01409,0.03349,0.05274,-0.01783,-0.02519,0.04114,-0.08575,0.02003,0.00589,-0.0388,0.00056,-0.12194,-0.14036,0.04849,0.01278,0.04431,0.02464,0.02401,-0.05291,-0.00242,0.05178,0.07158,-0.04508,-0.02794,0.02119,-0.05738,-0.02872,0.03691,-0.02566,-0.00204,-0.03368,-0.1051,-0.04718,0.00412,0.05334,-0.04544,0.0094,-0.06803,-0.00857,0.1042,0.03605,-0.03055,-0.03035,0.00009,-0.0772,0.02025,0.01612,0.05085,0.05822,0.0307,0.04322,0,0.03828,0.04537,0.06451,-0.0014,-0.0056,0.00834,0.02801,-0.01484,0.02288,-0.05236,0.02102,0.01732,0.00309,-0.10397,-0.03135,-0.07214,-0.09676,-0.013,-0.03339,0.03006,0.04764,-0.01311,-0.01503,0.05079,0.0103,0.00279,-0.00076,-0.08197,-0.03783,-0.00513,0.08624,0.02274,-0.0636,-0.00311,0.00102,-0.05097,0.00771,0.10586,0.05531,-0.01887,0.03422,0.02555,-0.06323,0.05729,0.01376,-0.03392,-0.06814,-0.01498,-0.00625,0.00933,-0.07023,-0.03969,0.01624,-0.00787,0.04855,0.0209,0.09619,-0.0108,0.0422,0.04021,0.06107,-0.06766,-0.00037,0.08579,0.10238,-0.03757,0.03754,0.03415,0.05256,0.02809,0.04012,0.02584,0.02939,-0.01199,0.01614,-0.08824,-0.02849,-0.04211,0.05285,0.06353,-0.06213,0.0413,0.06426,-0.01705,0.06608,0.02897,0.05546,0.03756,0.0249,0.05454,-0.0169,-0.01619,0.01432,-0.00207,-0.14254,0,-0.03165,-0.01726,-0.09588,-0.07173,0.00355,0.06775,-0.04759,-0.04137,0.04553,0.0882,-0.00592,0.04571,-0.06888,0.05954,0.05817,-0.05865,0.05835,-0.0006,-0.03713,0.06289,-0.02137,-0.0144,-0.00613,0.08339,0.01357,-0.08991,-0.00841,0.03885,0.03731,0.07251,-0.02154,-0.02426,-0.05054,0.05925,-0.06758,0.07273,-0.06973,0.01737,-0.08597,-0.0094,0.08985,-0.01213,-0.01107,-0.02099,0.03925,0.00824,0.0045,-0.02341,-0.08914,0.0556,-0.08301,0.04522,0.01347,0.00868,0.06155,-0.0255,-0.01244,0.02848,0.0352,-0.02,0.07876,0.03528,0.09195,0.05464],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Notes and pitfalls - If the allow-list (fCanBeConnectedTo / legacy fCanBeConnectedInputs) is empty or undefined, there is no allow-list restriction. - If you use both ids and categories in one array, make them distinguishable (see conventions above). - UX restrictions prevent most invalid links, but you should still validate at persistence time (domain rules can evolve). f Can Be Connected To f Can Be Connected Inputs","excerpt":"Notes and pitfalls - If the allow-list (fCanBeConnectedTo / legacy fCanBeConnectedInputs) is empty or undefined, there is no allow-list restriction. - If you use both ids and categories in one array, make them distinguishable (see conventions above). - UX restrictions prevent most invalid links, but you should still validate at persistence time (domain rules can evolve)."},{"chunkId":"/docs/connection-rules#14","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.072,0.03529,-0.10205,0.03551,0.06827,0.07149,0.00185,-0.02364,0.00574,0.04762,-0.03411,0.00157,0.0015,0.09366,-0.01356,0.00265,-0.06374,0.03667,-0.0502,0.02143,0.02026,-0.04276,0.00477,0.00481,-0.04468,-0.03747,0.00015,-0.05339,0.04243,-0.03145,0.02989,0.02849,-0.12086,0.01303,-0.00744,-0.00157,0.04419,-0.00761,-0.04089,-0.00631,0.12297,-0.02716,0.0321,-0.07064,-0.03259,0.01688,-0.04958,0.02968,-0.08329,0.05757,-0.05803,-0.03887,-0.07241,0.09772,0.02931,-0.03545,-0.01183,-0.08158,0.03332,-0.00099,-0.01498,-0.09819,-0.01923,-0.02452,-0.00795,0.01608,-0.15915,0.02858,-0.06975,0.09233,0.0637,-0.00385,-0.06065,-0.03145,0.05766,0.01796,-0.09008,0.06898,0.00748,-0.04457,0.07959,0.02231,-0.0262,0.00424,-0.00425,0.13998,-0.03614,-0.01261,-0.0116,-0.04233,0.0216,0.01786,0.06552,0.03516,0.05709,-0.02379,-0.0837,0.00922,-0.03889,0.0244,-0.03041,-0.05721,0.0134,0.09963,0.05747,-0.02452,0.02677,0.03581,-0.02869,0.04521,0.02733,0.05956,0.07399,-0.05378,-0.05385,-0.01787,-0.02732,0.00751,0.02686,0.03817,-0.03917,-0.00267,0.0025,-0.04323,0.08101,0.00083,-0.02466,0,-0.00065,0.0264,-0.06072,0.0023,0.00316,-0.01497,-0.04199,-0.09188,-0.02664,0.10448,-0.07335,-0.03119,-0.04967,-0.01982,0.01657,-0.05205,0.04966,0.06603,-0.01091,0.04086,0.03365,-0.09979,-0.05901,-0.02556,0.08019,0.00429,-0.10215,0.00408,0.03216,0.02631,0.04129,0.03707,0.07321,-0.01515,0.00292,-0.04649,-0.02116,-0.01315,-0.04215,-0.0201,0.07184,-0.04643,-0.11594,0.14238,-0.02245,0.01271,0.01043,-0.03678,0.04477,0.02012,-0.05515,0.02328,0.01033,-0.03159,0.06292,-0.08516,-0.1094,0.09428,-0.02047,0.0464,-0.00221,0.04704,-0.04283,-0.01801,0.0749,-0.00031,-0.0057,0.00547,0.04262,-0.10644,-0.06263,0.0342,-0.03925,0.01638,-0.02695,-0.08237,0.0269,0.09005,0.09882,-0.05772,-0.01031,-0.05856,-0.03011,0.09224,0.03495,-0.08703,-0.04163,-0.06227,-0.09718,-0.07473,0.05629,0.05289,-0.00968,-0.02613,0.04093,0,0.04562,0.03074,0.0442,0.06678,-0.03868,-0.03236,0.07971,0.02757,0.07622,0.02516,0.00726,0.03647,0.02177,-0.05293,0.00619,-0.03813,-0.08363,-0.04228,0.04882,-0.02457,0.0715,0.02577,-0.03377,0.03832,-0.02478,0.03657,0.00493,-0.011,-0.00875,0.00616,0.00598,0.02051,-0.07939,-0.01179,-0.06077,-0.08494,0.01509,0.15206,0.05927,-0.00128,0.06745,0.08998,-0.04617,0.00831,-0.01723,-0.04804,0.04595,-0.03669,-0.02535,-0.02355,-0.07705,-0.01674,-0.00581,0.01219,0.02327,-0.02215,0.0939,-0.05906,-0.02122,0.00712,0.11621,-0.02598,-0.0052,-0.02676,0.09099,0.01414,-0.04041,-0.01139,0.09738,0.04329,0.02618,0.02887,0.06658,0.02152,0.0782,-0.0111,0.01444,-0.02,0.07854,0.04899,-0.06388,0.0798,-0.0153,0.04551,0.06712,0.07228,-0.01759,-0.00045,0.03587,0.04871,-0.06875,-0.05404,0.0328,-0.01558,-0.07616,0,-0.0657,-0.01123,-0.07723,-0.04253,0.00651,0.02935,-0.04833,-0.1026,0.05171,0.00422,-0.06269,0.06491,-0.00576,0.02592,0.04892,-0.04406,0.00927,0.00236,-0.05834,0.05459,0.01518,0.02328,0.04044,0.09982,0.00482,-0.09725,-0.04773,-0.01045,-0.00004,0.05118,-0.01985,-0.01815,-0.01664,0.02355,-0.0556,0.03485,-0.10352,0.00787,-0.02609,0.02221,0.07769,-0.03118,0.02051,-0.03487,-0.02214,0.07237,0.01342,-0.0195,-0.07595,0.04132,-0.05326,0.03104,-0.04867,0.03298,0.03789,-0.05676,0.00576,0.03641,0.01954,-0.05091,0.02735,0.06154,0.0693,-0.02496],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Example ::: ng-component <connection-rules</connection-rules [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.scss :::","excerpt":"Example ::: ng-component <connection-rules</connection-rules [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.scss :::"},{"chunkId":"/docs/f-connection-component#0","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.0427,-0.02851,-0.09168,0.03011,-0.00893,0.05438,-0.02465,0.08086,0.02886,-0.04166,-0.0404,0.0194,-0.08215,0.01366,0.03134,-0.007,0.00271,-0.11527,0.03009,0.01269,-0.04165,-0.08764,0.0004,-0.08401,-0.02101,-0.00949,0.02334,-0.02051,0.01,-0.02437,0.00473,0.0721,-0.11812,0.01208,-0.05118,0.01668,0.03605,-0.00116,-0.05464,-0.02353,0.0255,-0.05633,0.01006,-0.01875,0.01166,-0.00124,-0.06681,-0.01924,0.03104,0.10753,-0.00977,0.04194,-0.02778,0.0498,0.06431,0.06438,0.06478,0.0238,-0.02949,0.10082,0.04448,-0.04928,-0.02931,0.00132,-0.04449,0.04151,0.0015,-0.00474,0.05295,-0.04658,-0.00399,0.04646,-0.02161,-0.13451,0.10425,0.015,-0.01138,0.09461,-0.0301,-0.11416,0.09539,0.04964,-0.001,0.03813,0.02362,0.07356,-0.05067,-0.06252,-0.03342,0.08498,-0.03863,0.02905,-0.06146,-0.03499,-0.00299,-0.01001,-0.05953,-0.0264,-0.06768,0.00924,-0.04715,-0.07128,0.00976,0.0505,0.06949,-0.00098,-0.05609,0.06868,-0.05707,-0.0542,0.0113,0.00639,0.03542,0.0407,-0.0045,0.00104,-0.04122,-0.01047,0.10258,0.06098,-0.00238,0.05137,-0.04672,-0.00667,-0.00933,-0.05107,-0.03405,0,0.01691,0.01004,-0.00501,-0.00585,0.04644,0.01538,0.02058,-0.02664,-0.03283,0.04766,-0.08144,-0.00167,-0.07394,0.01292,-0.00593,-0.09474,0.02026,0.03329,-0.03741,-0.03393,0.03234,-0.00211,0.01605,-0.07378,0.05768,0.13332,-0.07507,0.10676,-0.016,0.01518,-0.01727,0.03517,0.07141,-0.0052,-0.05537,-0.07916,-0.02902,-0.07026,-0.12289,-0.02757,0.01965,0.02461,-0.06482,0.01592,-0.01615,-0.03852,-0.03857,0.06308,0.04923,0.0276,-0.06908,0.05137,-0.01168,-0.04641,0.03586,-0.13404,-0.07668,0.09913,-0.01316,0.03091,0.02785,0.02672,-0.09045,0.01023,0.03828,0.12298,0.00002,-0.01984,-0.01506,-0.03315,-0.06186,0.10346,0.02927,0.0351,0.01544,-0.01266,-0.10175,-0.04191,-0.0078,-0.01707,-0.01638,-0.02499,-0.05726,0.04851,0.05769,-0.03693,0.01411,-0.10051,0.01083,-0.00398,0.00507,0.01747,0.07956,0.02754,0.01298,0,-0.03384,0.0282,-0.035,0.00275,0.00693,0.00161,0.06514,0.02426,0.01956,0.05774,0.03024,0.05181,0.00001,-0.0766,-0.07311,0.02045,-0.01761,-0.07376,-0.02141,-0.04946,-0.04734,-0.01019,0.01407,-0.04474,0.01001,0.02155,0.05939,-0.01942,-0.06639,0.00265,0.0095,-0.0184,-0.04919,-0.03958,0.01544,-0.00296,0.03391,0.02197,0.01189,0.01285,0.03158,0.03182,0.00222,0.04382,-0.01758,0.06538,-0.11312,-0.03718,-0.09245,0.02081,-0.04444,0.01621,-0.03307,-0.01971,-0.06719,0.0231,0.13451,0.06914,-0.02672,0.02592,0.10556,-0.0992,-0.02167,0.01368,0.11535,0.01975,-0.02318,0.00261,0.08177,0.13365,0.09456,0.01326,0.00732,0.01933,0.08162,0.02998,0.04171,-0.07042,0.01492,0.12508,-0.0325,0.04271,0.02697,0.05856,0.05661,-0.01212,-0.03555,0.0579,0.05269,0.05764,-0.02512,0.02949,-0.02391,0.00345,-0.00972,0,-0.09331,0.01717,-0.05951,-0.06179,0.00226,0.00722,0.01799,0.01493,-0.05609,-0.02697,-0.10122,0.07913,-0.02625,-0.0196,0.05702,-0.02256,0.08886,0.01002,-0.0196,-0.06068,-0.05685,-0.03731,-0.04766,0.07762,-0.03061,-0.09459,0.02997,0.08075,0.00187,0.04596,-0.05192,-0.01192,0.05903,0.04341,-0.07302,0.08111,-0.04223,-0.00089,-0.04657,0.09696,0.03687,-0.00711,-0.04341,-0.02998,0.05101,0.05859,0.07356,0.03012,-0.04988,0.03922,-0.0652,-0.00301,-0.04345,-0.03587,0.02593,-0.02187,-0.01867,0.00767,0.04524,-0.01106,-0.09497,0.0752,0.05105,-0.04063],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Connection Selector: f-connection Class: FConnectionComponent FConnectionComponent renders a connection (edge) between a source connector (fSourceId) and a target connector (fTargetId). In most apps, connections are persisted in your own state (array/map) and rendered from that state on each change. API note (v19+). The endpoint inputs are now fSourceId / fTargetId and the side hints are fSourceSide / fTargetSide. The legacy names fOutputId / fInputId / fOutputSide / fInputSide are deprecated but keep working. Connections must be placed inside f-canvas (which itself must be inside f-flow). F Connection Component f Source Id f Target Id f Source Side f Target Side f Output Id f Input Id f Output Side f Input Side","excerpt":"Connection Selector: f-connection Class: FConnectionComponent FConnectionComponent renders a connection (edge) between a source connector (fSourceId) and a target connector (fTargetId). In most apps, connections are persisted in your own state (array/map) and rendered from that state on each change. API note (v19+). The endpoint inputs are now fSourceId / fTargetId and the side hints are fSourceSide / fTargetSide. The legacy names fOutputId / fInputId / fOutputSide / fInputSide are deprecated but keep working. Connections must be placed inside f-canvas (which itself must be inside f-flow)."},{"chunkId":"/docs/f-connection-component#1","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.01689,-0.08631,-0.0749,0.08232,0.03765,0.08325,-0.00854,0.04765,0.03481,-0.0142,0.04592,0.0575,-0.05737,0.02508,0.00317,0.03979,0.01203,-0.05084,-0.00055,0.00927,-0.03743,-0.15859,-0.02618,-0.06711,0.0425,-0.05699,-0.01631,0.0622,0.09106,-0.0573,0.04415,0.04585,-0.13409,0.01302,-0.06226,0.00876,0.07211,-0.01468,-0.04913,0.00936,0.02953,-0.03845,0.0073,-0.03079,0.00318,0.0456,-0.06438,0.00693,0.00063,0.11356,-0.07042,0.01225,-0.03545,-0.00051,0.08864,0.07712,0.03721,-0.01733,-0.04069,0.02623,0.01029,0.0097,0.01778,0.0157,-0.03009,0.04654,-0.04742,0.01375,0.05516,-0.01997,-0.00641,-0.01097,-0.03213,-0.06482,0.0906,0.01411,0.02673,0.10478,-0.04584,-0.06557,0.07917,0.0791,-0.03379,-0.00891,-0.01603,0.12171,-0.02218,-0.12361,-0.05411,0.05388,0.00584,0.05746,-0.03949,-0.01602,-0.02081,-0.00938,-0.0195,0.0023,-0.04733,0.03587,0.01224,-0.0864,0.02676,0.04024,0.00581,-0.05004,-0.06583,0.05085,-0.0397,-0.02861,0.03225,0.0043,-0.02818,-0.02718,-0.06335,-0.03528,-0.06252,-0.03735,0.13082,0.01768,-0.00713,0.07054,0.01483,-0.02262,-0.00417,-0.06585,-0.05844,0,0.03965,0.02012,0.01555,-0.01885,0.04949,-0.00951,-0.01821,-0.06885,-0.04159,-0.03101,-0.08264,0.01994,-0.05705,0.02859,-0.05664,-0.101,0.02157,0.01066,-0.01892,-0.03897,-0.01463,0.01411,0.00507,-0.00859,0.07303,0.11809,-0.03257,0.09442,-0.00899,0.02754,-0.04788,0.09266,0.00133,-0.00653,-0.04811,-0.00276,-0.06134,-0.07223,-0.11112,-0.01989,0.03803,-0.01116,-0.04197,0.01285,-0.02284,-0.00176,0.01783,0.02143,-0.02723,0.00733,-0.00774,-0.00499,0.08643,0.00126,0.03735,-0.10789,-0.06073,0.02697,0.03748,0.01928,0.0299,-0.0102,-0.06436,0.01016,0.03862,0.1193,-0.01531,-0.00913,0.02919,-0.03835,-0.06292,0.08734,-0.00075,-0.02343,0.01146,-0.07383,-0.14597,-0.05808,0.05897,0.02024,-0.0504,-0.10981,-0.03175,0.02724,0.02645,-0.13049,-0.01204,-0.01102,0.00359,-0.04946,0.00903,0.0234,0.05606,0.05211,0.10148,0,0.01621,0.04877,0.03842,0.07757,-0.01624,-0.00013,0.02064,-0.00552,-0.0374,0.02127,0.00468,-0.01791,-0.03098,-0.05866,-0.07362,-0.003,-0.01361,-0.08698,-0.07019,-0.00489,0.01649,-0.05376,0.01694,-0.04817,0.00758,0.01591,0.10327,-0.02515,-0.0324,-0.024,0.06152,-0.04551,-0.05239,-0.08364,0.0601,0.01075,0.05187,0.03789,0.03903,-0.02181,-0.01667,0.04559,-0.0449,0.04959,0.02596,0.09668,-0.09903,-0.04713,-0.0718,0.0379,-0.06735,0.01713,0.01114,-0.06201,-0.05452,-0.01805,0.05268,0.07312,-0.04813,0.04991,0.04526,-0.11923,-0.04809,-0.03479,0.06409,-0.0188,0.01756,-0.02769,0.0678,0.11076,0.03132,0.0572,0.02008,-0.01214,0.09027,-0.02816,0.056,0.02867,0.08481,0.08714,-0.04253,-0.01361,0.04167,0.04677,-0.00469,-0.00419,-0.03402,0.06948,0.03526,0.01893,-0.01816,0.02619,-0.00008,0.06918,-0.05824,0,-0.05139,0.01575,-0.00372,-0.08753,-0.00173,0.0479,0.01335,0.00892,-0.05123,0.00942,0.01418,0.0902,-0.03913,0.03787,0.04912,-0.04625,0.07913,-0.01865,-0.01222,0.00831,-0.0063,-0.02016,0.01975,0.10768,0.012,-0.09498,0.00586,0.09517,-0.00902,0.06856,-0.06381,-0.00189,0.04962,0.03836,-0.10353,0.08045,-0.02856,-0.00411,-0.01458,0.04396,0.10745,0.02923,-0.01645,-0.03852,0.0421,0.07703,0.05365,-0.02468,-0.07214,0.03974,-0.05754,0.0017,-0.0606,0.00484,0.02269,-0.03585,0.00952,0.05522,0.06658,-0.02519,-0.02844,0.021,0.03477,-0.00354],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. When to use it Use f-connection for existing (persisted) links in the diagram: - render edges from your graph model - style edges (type, behavior, colors, markers) - allow users to select and/or reassign edges (if enabled) For the drag preview while the user is creating a new link, use f-connection-for-create and optionally f-snap-connection.","excerpt":"When to use it Use f-connection for existing (persisted) links in the diagram: - render edges from your graph model - style edges (type, behavior, colors, markers) - allow users to select and/or reassign edges (if enabled) For the drag preview while the user is creating a new link, use f-connection-for-create and optionally f-snap-connection."},{"chunkId":"/docs/f-connection-component#2","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.05659,-0.11201,-0.05064,0.04918,-0.0377,0.04247,-0.03152,0.04268,0.02682,-0.02048,-0.01728,0.07431,-0.09284,-0.01944,0.06186,0.04608,0.01545,-0.04921,0.00979,0.03043,-0.03015,-0.11913,0.00205,-0.04943,0.02097,-0.02187,0.01046,-0.01952,0.09498,-0.05001,-0.01634,0.05194,-0.12313,0.01528,-0.09392,0.04009,0.09396,0.00204,-0.14238,-0.01215,0.0184,-0.06214,-0.01302,-0.03216,0.01912,0.03759,-0.04551,-0.00999,-0.04711,0.08733,-0.03077,-0.00743,-0.02586,0.02556,0.05661,0.06662,0.10358,0.0667,-0.04935,0.06173,0.04839,-0.00551,-0.01121,0.04034,-0.08553,0.00162,0.03823,-0.01701,0.08313,-0.09979,-0.06706,0.00112,-0.0405,-0.10751,0.03026,0.00418,-0.01642,0.0401,-0.00763,-0.1129,0.14828,0.0719,-0.0277,0.06064,0.00823,0.03893,-0.01924,-0.07521,0.00352,0.12984,-0.00907,0.04469,-0.0432,-0.08494,-0.02375,0.00226,-0.04612,-0.02597,-0.008,0.02099,-0.01397,-0.03215,-0.03228,0.03625,0.05972,-0.00379,-0.04649,0.03968,-0.02916,0.02725,0.02761,-0.05612,0.0186,-0.0325,-0.02732,0.02893,-0.0042,0.03721,0.08512,0.04983,-0.00979,0.02871,0.01658,-0.02742,-0.03216,-0.0447,-0.05783,0,0.01309,0.01976,-0.01149,-0.00169,0.02509,-0.01713,-0.00019,-0.04054,-0.03496,-0.01082,-0.02696,0.01256,-0.06588,0.05221,0.02646,-0.11861,-0.02217,0.07096,-0.029,0.00134,0.00487,-0.02071,0.00682,-0.04846,0.0801,0.08227,-0.0257,0.11778,-0.00856,-0.03017,0.00557,0.01107,-0.0005,0.00333,-0.05322,-0.04275,-0.03996,-0.11087,-0.07751,-0.00974,0.0002,-0.00549,-0.11109,-0.01955,-0.04113,-0.00253,-0.00848,0.07621,0.02963,-0.04466,-0.01278,0.07226,-0.00796,-0.00762,0.02522,-0.07732,-0.04738,0.03091,-0.02098,0.0261,0.03555,0.01726,-0.07604,-0.00888,0.05668,0.08658,0.02348,-0.03115,0.02867,-0.05858,-0.08822,0.10886,-0.0233,0.00347,-0.00506,-0.05429,-0.08921,0.01215,0.02502,0.02552,-0.05894,-0.04772,-0.02352,0.08718,0.05494,-0.05585,0.00608,-0.0662,-0.04424,-0.01236,0.0284,0.03826,0.08523,0.07301,0.02298,0,-0.02829,0.00078,0.00979,0.07186,-0.0107,0.00062,-0.039,0.0352,0.02305,0.01206,0.02513,0.02816,0.02347,-0.05281,-0.04579,0.00239,-0.00593,-0.07897,-0.07034,-0.02659,0.00339,-0.02707,0.0387,-0.08339,-0.00113,0.00527,0.04674,-0.0274,-0.05063,-0.0243,0.03335,-0.01366,-0.04145,-0.0626,0.04395,0.02642,0.0235,0.01227,0.00263,-0.00936,0.05386,0.05328,-0.01142,0.07127,0.01029,0.09177,-0.15993,-0.02403,-0.10232,0.00433,-0.0365,0.0688,-0.05531,-0.03414,-0.02145,0.07197,0.08349,0.04046,-0.0339,0.00649,0.05381,-0.06967,-0.02718,0.01946,0.09175,0.06853,0.01515,-0.0188,0.05653,0.0801,0.08326,0.01723,-0.00908,-0.03349,0.06959,-0.0088,0.08965,-0.08063,0.01811,0.04804,-0.03885,0.04403,0.06324,0.00098,0.01521,0.06107,-0.02175,0.0406,0.0656,0.07557,-0.06417,0.06388,-0.01245,0.05299,-0.07456,0,-0.07745,-0.00098,-0.03497,-0.05526,0.01802,0.03826,0.00219,0.04785,-0.04342,0.0015,-0.09334,0.06777,-0.01696,0.02968,0.08101,0.00999,0.08266,0.04775,-0.04759,-0.05622,-0.00604,-0.00454,-0.03009,0.10608,0.00966,-0.07208,0.06173,0.12739,0.00101,0.02062,-0.01782,0.03487,0.05125,0.08442,-0.06137,0.08314,-0.02844,0.00559,-0.00694,0.08754,0.04419,-0.00211,-0.02188,-0.01291,0.00325,0.03744,0.05752,-0.04321,-0.05443,0.03421,-0.05039,0.042,-0.0579,-0.01632,0.0407,0.02212,-0.00106,0.00792,0.09317,0.02194,-0.1049,0.02782,0.05422,-0.02055],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. How it works - The connection resolves its endpoints by fSourceId and fTargetId. - It builds an SVG path using the chosen fType and fBehavior. - During interactions the library updates visuals smoothly internally. - Your app typically persists changes on final events (for example after a reassign drag ends). With the optional Managed Flow State plugin, supported connection creation and endpoint reassignment gestures update the plugin records automatically. Connection waypoint editing remains application-managed in v1. f Source Id f Target Id f Type f Behavior","excerpt":"How it works - The connection resolves its endpoints by fSourceId and fTargetId. - It builds an SVG path using the chosen fType and fBehavior. - During interactions the library updates visuals smoothly internally. - Your app typically persists changes on final events (for example after a reassign drag ends). With the optional Managed Flow State plugin, supported connection creation and endpoint reassignment gestures update the plugin records automatically. Connection waypoint editing remains application-managed in v1."},{"chunkId":"/docs/f-connection-component#3","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.05599,-0.06707,-0.08287,0.03971,-0.01517,0.02841,-0.04389,0.04807,-0.02361,-0.02472,-0.0235,0.03053,-0.03924,-0.02798,0.03945,0.05741,0.06808,-0.06658,0.02058,0.01449,-0.07044,-0.14048,-0.02757,-0.07472,0.04348,0.0001,0.02293,0.00898,0.07965,-0.0602,-0.00054,0.08471,-0.1154,0.01804,-0.05307,0.00116,0.06033,0.00036,-0.05224,-0.00568,0.01561,0.00292,-0.03524,-0.05335,0.02202,0.02378,-0.10686,-0.03123,-0.04224,0.06732,-0.04723,0.00278,-0.04264,0.01196,0.09104,0.08302,0.0558,0.05436,-0.02807,0.07959,0.03775,-0.01724,0.00416,0.03658,-0.05734,0.08383,-0.00194,0.00749,0.06052,-0.04163,-0.05795,0.00236,-0.05729,-0.08346,0.0766,0.03828,0.00318,0.0127,-0.04751,-0.10522,0.06043,0.09374,-0.0659,-0.00463,0.01179,0.06732,-0.01301,-0.06331,0.00685,0.09335,-0.03718,0.04806,-0.0204,0.00146,-0.08557,-0.00367,-0.00476,-0.04933,-0.03159,0.02915,0.00829,-0.0782,0.0018,0.05464,0.01892,-0.03392,-0.05358,0.05317,-0.03087,-0.00972,0.02845,0.00795,-0.08002,-0.01825,-0.00991,-0.03681,0.02173,-0.03787,0.18317,0.01168,0.00709,0.0214,0.00376,-0.02235,0.01342,-0.05442,-0.02204,0,0.02163,0.00361,0.00821,0.02109,0.09483,0.01636,-0.03476,-0.04212,-0.03578,-0.01753,-0.05175,0.03349,-0.06925,0.03013,0.02263,-0.09226,0.04047,0.05294,-0.03311,-0.00945,-0.0324,-0.00036,0.02547,0.00187,0.06449,0.10836,-0.0346,0.08229,-0.04972,0.00266,-0.01605,0.03794,0.05239,0.01139,-0.06657,-0.01926,-0.06383,-0.10521,-0.07488,0.0108,-0.0212,0.02128,-0.01406,-0.00047,-0.04368,0.00459,0.01446,0.07022,0.00797,-0.00677,-0.07468,0.06333,0.05435,-0.00508,0.05912,-0.11472,-0.0245,0.0697,0.07321,0.06057,0.04216,-0.00975,-0.07441,0.00503,0.03773,0.13732,-0.00807,-0.04443,-0.02198,-0.07194,-0.04033,0.1108,0.00772,-0.01392,-0.01594,-0.05499,-0.15247,-0.02398,0.0373,0.03093,-0.03961,-0.02589,-0.05319,0.04404,0.01605,-0.09454,0.0286,-0.02468,-0.03582,0.02185,-0.03112,0.02834,0.06901,0.03715,0.03241,0,-0.00725,0.00257,0.01136,0.06223,0.03633,0.01023,0.01248,0.05036,-0.01583,0.02883,0.05727,0.01591,-0.01446,-0.03056,-0.07777,0.01021,-0.0592,-0.07802,-0.02692,-0.02337,0.01183,-0.05209,-0.02075,-0.06973,0.00485,0.03539,0.04055,-0.0253,-0.06201,-0.02152,0.0258,-0.02326,-0.05035,-0.07287,0.05007,0.02968,0.04861,0.06701,-0.02165,-0.03759,-0.00107,0.05293,-0.0644,0.02088,-0.02129,0.04881,-0.11809,-0.0059,-0.10141,0.05836,-0.02868,0.03265,0.02667,-0.0583,-0.05763,-0.03085,0.03447,0.08317,-0.01963,0.01596,0.09703,-0.11404,-0.06759,-0.00226,0.08625,0.04906,0.01994,-0.02941,0.06927,0.09688,0.09105,0.01956,-0.00504,0.00727,0.09627,-0.02189,0.08136,-0.01511,0.06026,0.1197,-0.03557,0.0297,0.03918,0.03925,0.04158,0.02853,-0.06129,0.0804,0.05748,0.03512,-0.04406,0.04901,-0.0266,0.03402,-0.0402,0,-0.086,-0.01526,-0.022,-0.07407,0.02116,0.03042,0.075,-0.02639,-0.05872,0.00958,-0.00758,0.03021,-0.0214,0.01595,0.06822,-0.02827,0.04718,-0.01338,-0.02867,-0.00616,-0.02525,-0.005,-0.0129,0.06931,0.03664,-0.03035,0.01572,0.13065,-0.01434,0.0734,-0.06346,-0.01374,0.07502,0.01185,-0.04964,0.07661,-0.02746,-0.00451,-0.06114,0.05112,0.01317,-0.03413,-0.01952,-0.01071,0.12413,0.06849,0.03428,0.00232,-0.02802,0.03213,-0.06927,-0.03836,-0.0769,0.00021,0.02992,-0.04471,0.02462,0.06913,0.09143,0.01364,-0.05822,0.04009,0.01935,-0.01763],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. API","excerpt":"API"},{"chunkId":"/docs/f-connection-component#4","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.03771,-0.04576,-0.09497,0.07111,-0.00155,0.089,0.00543,0.02141,0.02787,-0.03877,-0.05085,0.00606,-0.05835,-0.02489,-0.00315,0.05068,0.0033,-0.04917,0.02233,-0.03597,-0.05068,-0.10893,-0.02592,-0.06909,-0.0147,0.00431,0.06545,0.01305,0.05097,-0.04827,0.00573,0.06631,-0.10194,-0.02166,-0.09668,0.02062,0.03725,-0.0151,-0.06266,0.0039,0.04939,-0.07401,-0.01058,-0.04825,0.02595,-0.00895,-0.10426,-0.00515,-0.01082,0.0802,0.00538,0.032,-0.02438,0.06048,0.08022,0.08776,0.03749,0.00632,-0.02662,0.06976,0.01031,-0.02176,0.00043,-0.01275,0.00312,0.07358,0.00737,0.00177,0.03423,-0.01772,-0.00127,0.02292,-0.02953,-0.11715,0.10593,0.02131,-0.00613,0.02611,-0.00114,-0.08438,0.08447,0.10837,-0.05494,-0.03173,0.04696,0.09501,-0.05065,-0.06628,-0.00137,0.07939,-0.05999,0.02342,-0.00258,0.00437,-0.03465,0.03542,-0.03779,-0.01839,-0.0462,0.0186,-0.0522,-0.04896,0.00027,0.06356,-0.01598,-0.04584,-0.06881,0.05985,-0.04132,-0.06563,0.00869,-0.01193,-0.00879,0.05085,-0.02892,0.01436,0.00267,-0.01139,0.12511,0.03506,0.01443,0.01111,-0.05146,-0.0114,-0.01045,-0.06072,-0.01919,0,0.03943,0.00946,-0.00842,-0.02003,0.02626,0.03323,-0.00965,-0.05034,-0.04502,0.03744,-0.09465,-0.00147,-0.05808,0.0192,0.02004,-0.12291,0.02498,0.06079,-0.00821,-0.06146,-0.02268,0.05649,-0.01658,-0.05568,0.07587,0.08237,-0.08495,0.07989,-0.02672,-0.01182,-0.00222,0.03866,0.0648,0.00509,-0.05418,-0.01129,-0.05335,-0.05407,-0.12618,0.01178,0.04075,0.00672,-0.02747,0.03678,0.00463,-0.02469,-0.03217,0.00201,-0.0109,-0.02258,-0.04186,0.07807,0.0039,-0.05136,0.04232,-0.11515,-0.08844,0.11214,0.03107,0.06922,0.01099,0.01734,-0.06361,0.0375,0.03177,0.15249,0.00488,-0.06187,0.00326,-0.06728,-0.04473,0.1112,0.00177,-0.03317,0.04288,-0.04551,-0.09497,-0.04162,0.01701,-0.03206,-0.03728,-0.04967,-0.07883,0.0805,0.07332,-0.04126,-0.02227,-0.07613,0.01655,-0.02961,-0.01077,0.02281,0.05634,-0.01324,0.05351,0,0.0371,0.01032,0.03835,0.03991,-0.00463,-0.01684,0.0165,0.01868,-0.02402,-0.00489,0.05953,0.01993,0.02093,-0.09154,-0.0743,0.05925,-0.0724,-0.07325,-0.00467,-0.00617,0.01777,-0.04992,0.00319,-0.01789,0.00784,0.012,0.07294,-0.02569,-0.01481,-0.02405,0.01158,-0.03538,-0.07248,-0.02569,0.01147,0.02927,0.05286,0.06546,-0.01023,0.05125,-0.00486,0.07785,-0.05255,0.08815,-0.0244,0.01534,-0.11404,0.01251,-0.04918,0.02336,-0.06513,-0.01302,-0.05801,-0.06277,-0.06681,0.00382,0.05883,0.09074,0.00322,0.04683,0.0664,-0.13215,-0.01563,0.01551,0.12763,0.00125,0.0296,0.02022,0.08874,0.09628,0.14193,0.02625,0.04616,0.01319,0.08765,-0.05438,0.04591,-0.02595,0.05607,0.12652,-0.00058,0.0293,0.0426,0.01327,0.03581,0.03708,0.01332,0.07985,0.08822,0.00167,0.00039,0.03454,0.01785,-0.01146,-0.02306,0,-0.08496,-0.01605,-0.05706,-0.0847,0.03466,0.00639,0.01363,-0.049,-0.07549,-0.02456,-0.03637,0.0803,-0.01005,-0.03378,0.07072,-0.0272,0.06386,0.0044,-0.0293,0.001,-0.02003,-0.00893,-0.05172,0.07066,0.01028,-0.10162,0.02119,0.07787,-0.00675,0.10042,-0.05198,-0.00285,0.06616,0.04063,-0.04396,0.04649,-0.04491,-0.0009,-0.06565,0.03029,0.0289,-0.03136,-0.05183,-0.04486,0.02666,0.03734,0.04826,-0.00708,-0.01523,0.03704,-0.0408,-0.04374,-0.02988,-0.04531,0.04705,-0.06109,-0.0054,0.08789,0.04556,-0.02788,-0.06581,0.0397,0.03374,-0.02647],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Inputs - fConnectionId: InputSignal<string; Connection identifier. Default: f-connection-${uniqueId++}. Use a stable id if you want selection state to survive rerenders. - fSourceId: InputSignal<string; Source connector id (from [fConnector], or legacy [fNodeOutput]). - fTargetId: InputSignal<string; Target connector id (from [fConnector], or legacy [fNodeInput]). f Connection Id Input Signal unique Id f Source Id f Connector f Node Output f Target Id f Node Input","excerpt":"Inputs - fConnectionId: InputSignal<string; Connection identifier. Default: f-connection-${uniqueId++}. Use a stable id if you want selection state to survive rerenders. - fSourceId: InputSignal<string; Source connector id (from [fConnector], or legacy [fNodeOutput]). - fTargetId: InputSignal<string; Target connector id (from [fConnector], or legacy [fNodeInput])."},{"chunkId":"/docs/f-connection-component#5","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.01612,-0.04269,-0.11836,0.0517,-0.01487,0.06378,-0.04115,0.09761,-0.0074,-0.02683,-0.02302,0.04118,-0.05081,-0.03442,0.00835,-0.02955,0.03048,-0.1069,0.04176,0.01632,-0.07934,-0.12929,0.00571,-0.11579,-0.04094,-0.00464,0.02688,0.00853,0.00793,-0.04726,-0.00692,0.04412,-0.09583,-0.00488,-0.07064,-0.03046,0.03525,-0.02889,-0.0601,-0.04862,0.01553,-0.07028,0.01538,-0.02282,-0.00119,-0.05615,-0.11832,-0.02782,0.03797,0.05052,-0.00471,0.01861,-0.02075,0.05664,0.04596,0.09502,0.03499,0.03306,-0.0402,0.09215,0.03212,-0.04173,-0.02069,-0.01096,-0.05612,0.03923,0.02459,-0.0053,-0.00327,0.00137,-0.03548,0.03695,-0.05414,-0.12964,0.13985,0.01402,-0.01182,0.10058,-0.01874,-0.09515,0.0918,0.09288,-0.02748,0.00349,0.01329,0.06069,-0.02172,-0.065,-0.01968,0.05746,-0.01974,0.02256,-0.05855,0.00534,-0.02465,-0.00389,-0.06245,-0.00609,-0.05071,0.00955,-0.06406,-0.03364,0.02179,0.05914,0.04781,0.00043,-0.06222,0.06286,-0.04669,-0.0698,0.01364,-0.0215,-0.02332,0.02016,-0.01589,-0.00642,-0.008,-0.0211,0.10652,0.01308,-0.01444,0.0571,-0.05445,-0.00254,0.01036,-0.07109,-0.00263,0,0.01453,0.00713,-0.01946,-0.04286,0.06983,0.03656,-0.01026,0.01833,-0.01581,0.05532,-0.07611,0.00228,-0.0602,-0.00806,-0.02792,-0.09009,0.00412,0.06485,-0.04546,-0.03941,0.0135,-0.00646,0.02642,-0.06944,0.0539,0.10017,-0.06304,0.09609,-0.01927,0.00234,-0.01497,0.02335,0.07326,0.00969,-0.05072,-0.07989,-0.02644,-0.04401,-0.0771,0.04307,-0.00852,0.00726,-0.02142,-0.017,-0.01132,-0.01738,-0.00052,0.026,0.06058,0.00348,-0.06356,0.0425,-0.00965,0.01601,0.04649,-0.09524,-0.08489,0.14975,0.03955,0.04794,0.00156,0.00859,-0.05458,-0.0363,0.03518,0.13205,-0.01833,-0.03638,-0.02024,-0.07463,-0.04832,0.07556,0.02285,0.02681,0.00897,-0.00933,-0.11427,-0.0282,0.03555,0.0024,-0.04474,0.01639,-0.02235,0.08474,0.07832,-0.05496,-0.00886,-0.0702,0.01971,-0.01829,0.00367,0.03353,0.05824,0.00211,0.02615,0,-0.01135,0.04404,-0.02703,0.01226,0.0165,0.03281,0.07805,0.03271,0.00488,0.058,0.09048,0.04943,0.00291,-0.09378,-0.0778,0.02692,-0.04811,-0.04312,-0.02963,-0.00494,-0.0063,-0.04885,0.01861,-0.01792,0.0325,0.01023,0.07928,-0.01305,-0.03684,0.00552,0.01661,0.02434,-0.04104,-0.04521,0.02917,0.01292,0.00787,0.06697,0.01687,0.01976,0.0084,0.04991,-0.03006,0.01384,-0.00069,0.03945,-0.1133,-0.03992,-0.11382,0.04487,-0.06004,0.02821,-0.0204,-0.01926,-0.07131,-0.00875,0.11735,0.07935,-0.02072,0.06588,0.12268,-0.09231,0.00252,0.00677,0.10939,0.06039,0.01226,0.01876,0.08945,0.11536,0.07002,0.02272,-0.01797,-0.00705,0.10729,0.04918,0.05659,-0.06917,0.02937,0.11299,-0.03824,0.04058,0.01633,0.00906,-0.00201,-0.00822,-0.03613,0.06096,0.06484,0.04766,-0.03342,0.01823,0.00067,0.02684,-0.00059,0,-0.09473,-0.01034,-0.03791,-0.04349,-0.01407,-0.00454,0.06769,-0.00961,-0.07848,-0.03113,-0.06179,0.05277,-0.04075,0.00219,0.05327,-0.00873,0.0587,0.01144,-0.01331,-0.0591,0.01381,-0.03993,-0.00606,0.08192,0.00914,-0.08897,-0.01917,0.0891,-0.00876,0.03907,-0.04643,-0.03222,0.02586,0.04653,-0.05906,0.05869,-0.05221,0.00191,-0.0984,0.05704,0.04,-0.01687,-0.05703,-0.05051,0.07916,0.08502,0.0694,0.06506,-0.02461,-0.01069,-0.04783,-0.00888,-0.01872,-0.07094,0.00409,0.00817,-0.00784,0.03436,0.04724,-0.02517,-0.11761,0.07372,0.01696,-0.02353],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. - fSourceSide: InputSignal<EFConnectionConnectableSide; Default: DEFAULT. Per-connection override for the side the connection docks to at the source connector (default/top/right/bottom/left). - fTargetSide: InputSignal<EFConnectionConnectableSide; Default: DEFAULT. Per-connection override for the side the connection docks to at the target connector. - fOutputId: InputSignal<string; (deprecated — use fSourceId) - fInputId: InputSignal<string; (deprecated — use fTargetId) - fOutputSide / fInputSide (deprecated — use fSourceSide / fTargetSide) f Source Side Input Signal EF Connection Connectable Side f Target Side f Output Id f Source Id f Input Id f Target Id f Output Side f Input Side","excerpt":"- fSourceSide: InputSignal<EFConnectionConnectableSide; Default: DEFAULT. Per-connection override for the side the connection docks to at the source connector (default/top/right/bottom/left). - fTargetSide: InputSignal<EFConnectionConnectableSide; Default: DEFAULT. Per-connection override for the side the connection docks to at the target connector. - fOutputId: InputSignal<string; (deprecated — use fSourceId) - fInputId: InputSignal<string; (deprecated — use fTargetId) - fOutputSide / fInputSide (deprecated — use fSourceSide / fTargetSide)"},{"chunkId":"/docs/f-connection-component#6","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.03218,-0.04665,-0.09178,0.07927,-0.05728,0.0781,-0.0479,0.04109,0.03129,-0.03172,0.00405,0.03257,-0.07538,-0.06118,-0.01879,0.01763,0.03577,-0.09966,-0.01566,-0.00503,-0.03121,-0.12869,0.0028,-0.03469,-0.01356,0.0058,0.03717,0.01116,0.069,-0.07038,-0.02972,0.04769,-0.12525,0.01392,-0.05955,-0.01834,0.05643,0.00409,-0.06256,-0.02913,0.03641,-0.04647,-0.006,-0.05372,0.03293,0.01974,-0.08665,-0.04277,-0.03825,0.04531,0.00054,0.04121,-0.01983,0.00948,0.0822,0.07484,0.06348,0.05356,-0.0254,0.08261,0.00963,-0.00194,0.01026,0.01365,-0.03543,0.0702,0.00241,-0.02181,0.0461,0.01538,-0.01797,0.02527,-0.06617,-0.10304,0.11627,0.04303,-0.03858,0.06228,-0.01855,-0.04507,0.07575,0.05489,-0.04317,-0.01124,0.01206,0.0428,0.00311,-0.12409,0.05159,0.11139,-0.00723,0.00167,-0.03749,0.06781,-0.0585,-0.00394,-0.02465,-0.03212,-0.03176,-0.01735,0.01848,-0.03984,0.00434,0.10295,0.05251,-0.00497,-0.01313,0.03727,-0.06562,-0.04882,0.02699,-0.06767,-0.03182,0.00427,-0.05441,-0.01757,0.05399,-0.0253,0.08134,-0.0058,-0.01698,0.02992,-0.0047,-0.02022,0.02524,-0.06019,0.00376,0,0.00925,-0.04328,-0.00256,-0.04415,0.07718,0.03475,-0.08845,0.00485,0.00834,0.04015,-0.03769,-0.00119,-0.03076,0.03005,0.00135,-0.096,0.03617,0.022,-0.07682,0.00703,-0.03049,-0.0075,0.00093,-0.07238,0.05862,0.07437,-0.09519,0.0895,-0.06704,0.01097,-0.05317,0.01622,0.06065,0.01427,-0.07849,0.03147,-0.03115,-0.04844,-0.04124,0.02952,-0.03066,0.00506,-0.00696,0.02344,0.01386,-0.03811,0.02327,0.0528,-0.01055,-0.01368,-0.04504,0.08178,0.01697,-0.02554,0.0538,-0.08649,-0.04524,0.0635,0.00125,0.0556,0.00147,-0.00474,-0.08641,-0.01865,0.0215,0.12936,-0.00079,-0.03486,-0.02381,-0.08469,-0.08441,0.07564,-0.0181,0.00583,-0.0368,-0.03966,-0.13082,-0.01047,0.10485,-0.00028,0.02042,0.01487,-0.03341,0.03172,0.03247,-0.08979,-0.01644,-0.05255,0.00018,-0.01255,0.00766,0.03321,0.10482,0.06494,0.04279,0,0.01874,0.03174,0.00158,0.07072,0.005,0.04872,0.03465,0.07733,0.00843,0.02636,0.09495,0.01935,-0.01948,-0.02828,-0.06652,-0.00002,-0.05448,-0.04256,-0.00744,-0.01988,0.05593,-0.10957,-0.00143,-0.04697,0.03782,0.02279,0.02597,-0.03082,-0.05966,-0.02759,0.02264,-0.00902,-0.05694,-0.10125,0.00897,0.03485,-0.01971,0.06834,0.02788,-0.01867,0.00268,0.09763,-0.03495,0.04761,-0.02222,0.06651,-0.11337,-0.00014,-0.09106,0.04825,-0.08363,0.05234,0.01307,-0.0002,-0.08201,0.00576,0.02515,0.04644,-0.02948,0.0206,0.11921,-0.10432,-0.02954,-0.00666,0.1102,0.03915,0.0454,0.01946,0.11824,0.04571,0.1056,-0.00223,-0.042,-0.02771,0.05885,0.01515,0.06981,-0.08047,0.04188,0.09929,-0.02815,0.03696,0.0192,0.00086,-0.0279,0.01423,-0.07485,0.04543,0.05968,0.07605,-0.02442,0.00705,-0.02627,-0.00374,-0.04293,0,-0.098,-0.05096,0.01197,-0.06638,0.0298,0.0077,0.05739,-0.01618,-0.06595,-0.03552,-0.03222,0.0814,-0.03691,0.00532,0.05114,-0.00972,0.02737,-0.03153,-0.02847,-0.01319,-0.04915,-0.04621,-0.01627,0.07863,-0.00025,-0.05354,0.01008,0.15219,-0.02398,0.07033,-0.05648,-0.02448,0.05617,0.0737,-0.08629,0.06186,-0.01404,-0.00231,-0.08811,0.04924,0.01686,-0.01784,0.00165,-0.02455,0.06406,0.06969,0.07769,0.06762,-0.04603,-0.00179,-0.05553,0.02826,-0.0491,-0.03866,-0.00624,-0.05087,0.03321,0.06432,0.04309,0.01627,-0.08424,0.01232,-0.01222,-0.01799],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. - fReassignDisabled: InputSignal<boolean; Default: false. Disables reassign interaction for this connection. - fSelectionDisabled: InputSignal<boolean; Default: false. Disables selecting this connection. - fBehavior: InputSignal<EFConnectionBehavior; Default: EFConnectionBehavior.FIXED. Controls how the line behaves relative to endpoints (fixed/floating/etc.). See the example section for behavior presets. f Reassign Disabled Input Signal f Selection Disabled f Behavior EF Connection Behavior","excerpt":"- fReassignDisabled: InputSignal<boolean; Default: false. Disables reassign interaction for this connection. - fSelectionDisabled: InputSignal<boolean; Default: false. Disables selecting this connection. - fBehavior: InputSignal<EFConnectionBehavior; Default: EFConnectionBehavior.FIXED. Controls how the line behaves relative to endpoints (fixed/floating/etc.). See the example section for behavior presets."},{"chunkId":"/docs/f-connection-component#7","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.00615,-0.06713,-0.13904,0.03765,-0.0484,0.05028,-0.04126,0.14902,-0.01222,-0.0215,0.00488,0.02779,-0.0633,-0.03473,0.01108,0.02929,-0.00798,-0.05162,0.03287,-0.00947,-0.02337,-0.12908,0.02185,-0.07285,-0.0307,-0.03901,0.05103,0.0126,0.05201,-0.07102,-0.01176,0.04902,-0.06188,0.00407,-0.03917,-0.02797,0.05418,0.00992,-0.06463,-0.01785,0.01613,-0.03268,0.04865,-0.04883,0.03495,0.01383,-0.11603,-0.01138,-0.05061,0.07956,-0.00997,-0.02888,-0.07638,0.01706,0.08071,0.07785,0.00205,0.0479,-0.02913,0.05178,0.03035,-0.0316,-0.01238,0.01484,-0.10367,0.06672,-0.01557,-0.02576,0.04804,-0.03333,-0.06139,-0.00425,-0.04993,-0.12651,0.08296,0.01132,-0.00777,0.09974,-0.03755,-0.09346,0.0226,0.09061,-0.05045,0.0287,0.04451,0.07546,-0.00055,-0.06545,0.05437,0.11733,-0.00197,0.04056,-0.0539,0.00495,-0.05735,0.0018,-0.00955,-0.0163,-0.06363,0.00913,-0.01792,-0.07987,-0.01116,0.05198,0.0503,0.00729,-0.05181,0.04163,-0.00439,-0.04098,-0.00039,-0.06409,-0.04096,-0.02182,0.02149,-0.05163,0.00005,-0.04522,0.11017,0.02281,-0.02251,0.03342,-0.03292,-0.02957,-0.01662,-0.05037,-0.02635,0,-0.00045,0.0642,-0.019,-0.01387,0.07589,0.02964,-0.05593,-0.01917,-0.01441,0.03614,-0.07046,-0.00537,-0.09181,0.05135,0.04273,-0.13659,0.05059,0.03278,-0.05977,-0.04597,-0.0089,0.00381,0.02578,-0.04594,0.08912,0.0706,-0.04754,0.10668,-0.01477,-0.00939,-0.03025,0.00806,0.02939,0.00071,-0.0624,0.00391,-0.047,-0.08191,-0.10956,0.02443,-0.0237,-0.01339,0.00171,-0.0035,0.00384,-0.00184,0.02396,0.05201,0.02891,0.00722,-0.09454,0.06095,0.0592,-0.01705,0.0611,-0.09191,-0.05775,0.07434,-0.00548,0.05469,0.03256,0.01361,-0.04195,-0.0314,-0.01965,0.10707,-0.01304,-0.06244,0.01979,-0.05086,-0.06774,0.09259,-0.03865,0.02985,-0.0056,-0.03418,-0.13951,-0.00209,0.04885,-0.00804,-0.07902,0.00429,-0.03474,0.03243,0.06463,-0.09243,-0.00129,-0.00378,0.00672,-0.03987,-0.01847,0.03179,0.04531,0.07475,0.02137,0,-0.01016,0.03274,0.02432,0.06683,0.01721,0.05118,0.01143,0.01293,0.03676,0.02618,0.05642,0.03972,0.04705,-0.0624,-0.06096,-0.01568,-0.07712,-0.07089,-0.03289,-0.04664,-0.02277,-0.07397,-0.03096,-0.0462,0.00868,0.05681,0.0449,-0.03379,-0.0517,-0.00151,-0.02186,-0.00743,-0.0556,-0.08723,0.00553,0.01114,0.05753,0.04502,0.00443,-0.0353,0.02385,0.06852,0.01735,0.04485,-0.05066,0.07028,-0.06387,0.02954,-0.11122,0.07163,-0.03408,0.02209,0.0158,-0.02382,-0.06593,0.00939,0.01737,0.04252,0.0008,0.02528,0.06335,-0.10474,-0.02099,0.0147,0.08887,0.02838,0.02173,0.01319,0.03533,0.09712,0.09508,0.03968,-0.01821,0.00913,0.06617,-0.0508,0.07574,-0.0101,0.06243,0.10722,0.02884,0.02566,0.03939,0.03307,-0.00511,-0.00687,-0.03707,0.05786,0.07009,0.08226,0.00053,0.06923,-0.00892,0.07652,-0.05534,0,-0.08602,-0.01528,-0.0242,-0.08909,0.01743,0.00114,0.0856,-0.01392,-0.08065,-0.04097,0.0234,0.06204,-0.03808,0.02854,0.04867,-0.03017,0.02062,0.05512,-0.012,0.00391,-0.01823,-0.04012,-0.02982,0.04151,0.02794,-0.06417,-0.01122,0.12489,-0.0102,0.07789,-0.03973,0.00924,0.08385,0.04731,-0.09113,0.0817,-0.0317,-0.00282,-0.05769,0.10347,0.0412,0.01116,0.00453,-0.04365,0.04044,0.05256,0.08071,0.01296,-0.06153,0.0175,-0.04981,0.01785,-0.02954,-0.03983,0.032,-0.02176,0.01656,0.03371,0.03738,-0.0047,-0.10257,0.04111,0.04777,-0.01337],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. - fType: InputSignal<EFConnectionType string; Default: EFConnectionType.STRAIGHT. Controls which path builder is used (straight/bezier/segment/adaptive-curve or custom key). - fOffset: InputSignal<number; Default: 12. Minimum “straight” length before a curve/turn may appear (depends on type). - fRadius: InputSignal<number; Default: 8. Radius used for rounded corners (depends on type). f Type Input Signal EF Connection Type f Offset f Radius","excerpt":"- fType: InputSignal<EFConnectionType string; Default: EFConnectionType.STRAIGHT. Controls which path builder is used (straight/bezier/segment/adaptive-curve or custom key). - fOffset: InputSignal<number; Default: 12. Minimum “straight” length before a curve/turn may appear (depends on type). - fRadius: InputSignal<number; Default: 8. Radius used for rounded corners (depends on type)."},{"chunkId":"/docs/f-connection-component#8","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.01866,-0.06377,-0.11027,0.07616,-0.0326,0.08538,-0.0164,0.02008,0.01734,-0.02695,0.0037,0.08436,-0.0672,-0.02771,-0.0016,0.00725,-0.00226,-0.06466,0.03425,-0.01861,-0.02988,-0.11154,-0.03399,-0.05285,0.02765,-0.01215,0.01613,0.00425,0.06527,-0.08436,-0.02914,0.07119,-0.11213,-0.00208,-0.05338,0.00461,0.0614,0.0019,-0.04836,-0.01898,0.05152,-0.07114,-0.02899,-0.05923,-0.01165,0.02452,-0.10406,-0.04824,-0.01323,0.0827,-0.00532,0.00824,-0.03951,0.01351,0.1153,0.07608,0.05095,0.0635,-0.03579,0.06617,0.02054,-0.0047,-0.01194,0.02862,-0.027,0.05902,-0.00827,-0.02034,0.04898,-0.01009,-0.01797,0.00209,-0.07833,-0.09765,0.09912,0.04026,-0.00465,0.06141,-0.0257,-0.0443,0.07185,0.06706,-0.05691,0.01946,0.00934,0.06405,-0.03237,-0.08677,0.03027,0.08562,-0.05246,0.0266,-0.019,0.0346,-0.07632,-0.00188,-0.02273,-0.02862,-0.00773,0.01071,-0.01084,-0.08532,0.03496,0.06311,0.06085,-0.05714,-0.04751,0.03062,-0.04621,-0.05093,0.01544,-0.03748,-0.01201,-0.02067,-0.00787,0.00399,0.00779,0.0052,0.09969,-0.00817,-0.00888,0.03623,-0.03191,-0.02022,0.01231,-0.07668,0.00937,0,0.01771,-0.00521,-0.00125,-0.01943,0.05101,0.02012,-0.04676,-0.00805,-0.02828,0.02969,-0.02944,0.03418,-0.05408,0.01327,-0.00629,-0.10922,0.04479,0.04467,-0.06614,-0.04856,-0.02232,0.01373,0.00988,-0.04829,0.07779,0.0749,-0.05791,0.0689,-0.05737,0.00672,-0.03228,0.04275,0.03631,0.02811,-0.09343,-0.0125,-0.04177,-0.06816,-0.09386,0.03043,-0.03129,-0.00953,-0.05929,0.0241,0.00295,-0.02394,0.0036,0.05121,0.03801,-0.04697,-0.04652,0.08467,0.04425,-0.02033,0.02053,-0.10441,-0.06366,0.08261,-0.02274,0.03262,0.00607,-0.00392,-0.09044,-0.01262,0.02373,0.10946,0.00093,-0.04323,-0.0097,-0.07811,-0.09915,0.0643,-0.00562,0.0035,-0.02632,-0.02025,-0.12072,0.00032,0.07584,-0.01616,-0.00121,-0.01173,-0.03993,0.03892,0.05,-0.09614,0.00357,-0.05585,0.0181,-0.01906,-0.03062,0.04758,0.09093,0.08498,0.01485,0,0.01252,0.01318,0.00621,0.05069,-0.02012,0.02931,0.06351,0.06411,-0.03604,0.03084,0.10069,-0.00378,0.04086,-0.04216,-0.09883,0.02451,-0.05076,-0.03187,-0.05543,-0.00176,0.01058,-0.0993,-0.00832,-0.09031,0.03581,0.03069,0.03964,-0.02369,-0.0597,-0.02267,0.04787,-0.00657,-0.03388,-0.10113,0.01276,0.0447,0.01991,0.06754,0.01608,0.03108,0.00798,0.07728,-0.03374,0.06964,-0.00831,0.06006,-0.09841,-0.02338,-0.09848,0.03365,-0.05464,0.04393,0.01014,-0.04037,-0.07021,-0.00013,0.04126,0.08726,-0.00393,0.01131,0.12907,-0.10863,-0.02782,-0.00816,0.1104,0.03,0.03188,0.02007,0.06912,0.04921,0.10554,0.05066,-0.02241,-0.00527,0.05416,0.01487,0.06718,-0.07704,0.00635,0.10552,-0.03058,0.00086,0.03561,0.00937,0.00052,0.00283,-0.05932,0.07199,0.06907,0.05721,-0.06794,0.04257,0.01111,0.02699,-0.04895,0,-0.11765,-0.05432,-0.00645,-0.05924,0.04038,0.03927,0.06468,0.0071,-0.05616,-0.02819,-0.04333,0.07753,-0.02937,-0.01008,0.05209,0.00746,0.03844,-0.01758,0.00558,-0.02776,-0.00055,-0.01197,-0.03456,0.07394,0.0073,-0.06979,0.00415,0.14796,0.00863,0.03337,-0.05467,-0.00507,0.10638,0.04512,-0.07631,0.11759,-0.00931,0.02812,-0.09801,0.04607,0.05148,0.00209,-0.04297,-0.00331,0.02764,0.04693,0.07803,0.05573,-0.03137,-0.00189,-0.03801,0.00989,-0.03995,-0.06571,0.01032,-0.01635,0.01766,0.0573,0.01964,0.02071,-0.08982,0.07005,0.03765,-0.04318],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. - fReassignableStart: InputSignal<boolean; Default: false. Enables reassigning the start endpoint of the connection (output-side) by dragging it, just like end reassign. This feature is available in the library, but disabled by default. f Reassignable Start Input Signal","excerpt":"- fReassignableStart: InputSignal<boolean; Default: false. Enables reassigning the start endpoint of the connection (output-side) by dragging it, just like end reassign. This feature is available in the library, but disabled by default."},{"chunkId":"/docs/f-connection-component#9","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[0.01192,-0.06771,-0.10517,0.07199,-0.00128,0.05775,0.00892,0.0323,0.07069,-0.01969,-0.01168,0.0042,-0.0904,-0.01631,-0.00444,0.0013,-0.01006,-0.06424,-0.02468,-0.05151,-0.02875,-0.14244,-0.0352,-0.03991,0.00942,-0.03458,0.00825,0.02443,0.0386,-0.07673,0.01655,0.0671,-0.06721,0.01007,-0.03357,0.00662,0.04806,-0.00625,-0.04726,-0.00392,0.02673,-0.06608,0.00938,-0.06383,-0.00772,0.04142,-0.06821,-0.03643,-0.06454,0.08494,0.01367,0.06819,-0.02522,0.00808,0.12895,0.0679,0.0688,0.00386,-0.0706,0.04251,-0.0305,-0.02086,-0.04812,0.03079,-0.03153,0.05492,-0.04635,0.00816,0.06427,-0.03348,-0.01258,0.04033,-0.04989,-0.11015,0.1167,0.01519,-0.01741,0.08627,-0.02688,-0.08153,0.08341,0.07319,-0.01645,-0.02305,0.03621,0.04772,-0.02696,-0.08183,-0.02587,0.12132,-0.07399,0.06905,-0.0332,0.03225,-0.06433,0.0004,-0.00878,-0.03628,0.00527,0.02668,-0.03162,-0.02459,0.00969,0.05943,0.0528,-0.0137,-0.06516,0.0569,-0.04508,-0.0482,0.03383,-0.01546,0.00933,-0.03968,0.00869,0.02494,-0.01166,0.01883,0.0869,0.03038,0.00437,0.02264,-0.02391,0.00035,0.00835,-0.06667,-0.01447,0,0.00377,-0.02006,-0.03787,0.01241,0.08509,0.0403,0.00308,-0.06304,0.0178,0.01595,-0.08097,0.02346,-0.03689,-0.00303,0.00554,-0.10503,0.05754,0.01922,-0.05363,-0.00689,0.01497,0.04176,0.01592,-0.05463,0.08233,0.10081,-0.04419,0.11447,-0.06432,0.01163,-0.02111,0.05071,0.04454,-0.02646,-0.05128,-0.054,-0.03217,-0.09574,-0.12492,0.03492,-0.02416,0.00044,-0.09722,-0.03084,-0.03333,-0.02299,-0.02116,0.08768,0.06169,0.04054,-0.00475,0.04872,0.07957,-0.01271,0.07094,-0.05445,-0.05541,0.0321,0.03613,0.09245,0.03137,0.03159,-0.08533,-0.00062,0.01075,0.11932,0.05523,-0.01373,0.0145,-0.05522,-0.07194,0.12752,-0.0246,-0.05879,0.04313,-0.00227,-0.08435,-0.04188,0.01794,0.0278,-0.00573,-0.03742,-0.0285,0.05246,0.03873,-0.05785,-0.04113,-0.03535,-0.01135,-0.00755,0.00704,0.01725,0.11754,0.03174,0.01144,0,-0.01327,0.0393,-0.01709,0.02331,0.00513,0.00056,0.02468,-0.00601,-0.01592,0.04705,0.021,0.01919,-0.05001,-0.0606,-0.06384,-0.02219,-0.01165,-0.05546,-0.03748,-0.00693,-0.00213,-0.01453,0.02874,-0.10594,0.00395,0.03346,0.05895,0.00054,-0.02676,-0.03374,0.04374,-0.00379,-0.05347,-0.04238,0.04793,-0.02903,0.08275,0.02106,0.01267,-0.04762,0.03519,0.0978,-0.04075,0.05394,-0.04409,0.07626,-0.10789,-0.02018,-0.00635,0.05316,-0.06643,-0.01848,-0.04132,-0.00787,-0.09509,0.01864,0.09225,0.06217,-0.03944,0.04687,0.06039,-0.12877,-0.02592,-0.00205,0.13075,0.03274,-0.00281,0.04027,0.10798,0.1126,0.1056,-0.00366,-0.04379,0.01377,0.04297,0.04875,0.03282,-0.06254,0.02356,0.13418,-0.02149,0.01668,0.03961,0.0331,0.04553,-0.02114,-0.06212,0.02369,0.08272,0.04027,-0.01817,0.04931,0.00293,0.04554,-0.01572,0,-0.07204,-0.0165,-0.05635,-0.05795,0.02866,0.00772,0.02964,-0.04913,-0.0836,-0.03207,-0.06911,0.0591,-0.02528,-0.01991,0.08453,-0.05233,0.08293,-0.03796,-0.03894,-0.06334,-0.02489,-0.00932,-0.05083,0.07377,-0.05643,-0.09088,0.01117,0.10874,-0.0064,0.011,-0.04188,0.02379,0.06358,0.03338,-0.05041,0.0825,-0.01971,-0.03331,-0.05837,0.03113,0.02512,-0.01568,-0.00073,-0.0117,0.01969,0.05322,0.01587,-0.01209,-0.01635,0.03157,-0.02931,0.02765,-0.05531,0.00079,0.00883,-0.02587,0.02356,0.03218,0.08976,-0.00979,-0.05539,0.03525,0.0568,-0.06841],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Outputs f-connection does not emit its own outputs. Creation/reassign events are emitted from f-flow[fDraggable] (see Event System). f Draggable","excerpt":"Outputs f-connection does not emit its own outputs. Creation/reassign events are emitted from f-flow[fDraggable] (see Event System)."},{"chunkId":"/docs/f-connection-component#10","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.03089,-0.06437,-0.0908,0.05133,-0.01769,0.06402,-0.01702,0.0719,-0.0377,-0.01611,-0.00575,0.01487,-0.06602,-0.03275,0.01658,0.03349,0.05882,-0.08434,0.03039,0.00695,-0.06947,-0.12764,-0.01622,-0.07107,0.01837,0.00588,0.02249,0.0051,0.05749,-0.06664,-0.01742,0.07054,-0.12854,0.00849,-0.04311,-0.01871,0.05751,0.01552,-0.05967,-0.02185,0.03203,-0.03348,-0.00502,-0.04294,0.04773,0.01829,-0.11996,-0.02376,-0.02469,0.01097,0.02647,0.00741,-0.04814,0.01784,0.09327,0.08865,0.04956,0.04661,-0.03251,0.08782,0.04298,-0.00511,-0.01891,-0.001,-0.06033,0.07444,0.00419,0.00142,0.05246,-0.0238,-0.07141,0.01044,-0.05376,-0.08722,0.10128,0.02948,0.01525,0.03561,-0.02417,-0.10506,0.04958,0.10692,-0.06068,-0.0032,0.02165,0.04699,0.00396,-0.07363,0.01246,0.09882,-0.02449,0.02826,-0.02526,0.01845,-0.05423,-0.02536,-0.00578,-0.01356,-0.03954,0.0215,0.01056,-0.05406,0.00908,0.03905,0.0224,-0.00829,-0.03688,0.05204,-0.01277,-0.03677,-0.00629,-0.03314,-0.07897,-0.07057,0.00125,-0.05915,-0.0047,-0.04304,0.15337,-0.00987,-0.00144,0.01565,0.00938,-0.05454,0.00804,-0.07236,-0.01399,0,0.02382,0.0041,-0.03201,0.02522,0.10081,0.05583,-0.02773,-0.01211,-0.00871,0.01379,-0.06286,0.04393,-0.08855,0.069,0.02263,-0.10078,0.02977,0.02714,-0.03625,-0.02604,-0.029,0.02477,0.0417,-0.02079,0.08747,0.05048,-0.02886,0.07553,-0.03547,0.01011,-0.00195,0.03835,0.04522,0.01183,-0.05876,-0.02796,-0.0558,-0.09653,-0.04318,0.00095,-0.02654,0.01242,-0.03143,-0.00526,-0.00725,-0.01587,0.04938,0.06406,0.03095,-0.01463,-0.04747,0.03323,0.02466,0.00484,0.04661,-0.07845,-0.03356,0.12209,0.061,0.04874,0.02345,0.01281,-0.05135,-0.00817,0.03664,0.13678,-0.02108,-0.07607,-0.04953,-0.10252,-0.0521,0.07954,-0.01316,0.003,-0.02982,-0.04263,-0.14199,0.01221,0.02028,0.0237,-0.05911,-0.00589,-0.03527,0.04296,0.00517,-0.08071,0.00438,-0.02009,0.00733,0.00956,-0.0359,0.0323,0.08768,0.05582,0.04657,0,-0.01224,0.02021,-0.01761,0.04546,0.03227,0.02173,0.00963,0.04092,-0.00603,0.03817,0.08554,0.01218,0.01375,-0.04203,-0.0847,-0.02181,-0.05571,-0.07196,-0.04836,0.01034,0.01487,-0.08044,-0.01659,-0.07617,0.02415,0.03956,0.05634,-0.02672,-0.03654,-0.02344,0.00971,-0.01176,-0.03408,-0.04621,0.02486,0.02172,0.07119,0.02405,-0.04787,-0.05254,-0.00744,0.06806,-0.0373,0.0125,-0.01419,0.05712,-0.12676,-0.0131,-0.09297,0.07494,-0.03443,0.02937,-0.00642,-0.01688,-0.06099,-0.01022,0.05987,0.06651,-0.01391,0.03238,0.12825,-0.10995,-0.022,0.01477,0.1137,0.0389,0.01458,-0.02643,0.06216,0.08161,0.08548,0.0081,-0.02323,-0.03515,0.09322,-0.00063,0.0836,-0.03784,0.04935,0.11476,-0.03102,0.02686,0.01481,0.01937,0.01228,-0.00413,-0.0551,0.05656,0.05815,0.0476,-0.0366,0.01324,-0.02695,0.06455,-0.03631,0,-0.07956,-0.02789,0.00311,-0.10917,0.01385,0.00575,0.07082,-0.03808,-0.0562,0.00781,-0.0045,0.02736,-0.03978,0.0147,0.09922,-0.05509,0.04238,-0.01573,-0.02787,-0.00502,-0.02188,-0.03827,-0.0007,0.07555,0.02928,-0.04249,0.03101,0.13734,-0.0396,0.10018,-0.05891,-0.00096,0.0757,-0.00171,-0.04701,0.12475,-0.03405,-0.01783,-0.0826,0.04111,0.02461,-0.03153,-0.01747,-0.01951,0.12969,0.07315,0.04691,0.03328,-0.03289,0.02089,-0.07074,-0.02151,-0.06419,-0.03308,-0.0103,-0.01464,0.0245,0.02484,0.09702,-0.00269,-0.07258,0.02388,0.02049,-0.00059],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide EF Connection Behavior EF Connection Type EF Connection Connectable Side","excerpt":"Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide"},{"chunkId":"/docs/f-connection-component#11","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.01194,0.03123,-0.09066,0.09574,0.0395,0.03181,0.04101,0.06018,0.02836,-0.0087,-0.01562,0.06481,-0.11238,-0.02116,0.03789,-0.03037,-0.00934,-0.05485,-0.01945,0.01504,-0.04325,-0.13719,0.05216,-0.04739,-0.03362,0.04722,0.01785,0.0312,0.08188,-0.10289,-0.00731,0.06992,-0.05918,0.07389,-0.07971,0.03857,0.0761,0.03145,-0.12531,-0.04513,-0.00021,-0.04074,0.04553,-0.01308,0.00798,0.05139,-0.06701,-0.08783,-0.00229,0.04795,-0.0192,-0.03503,-0.03006,0.04815,0.01395,0.02166,0.09397,0.03245,-0.03167,0.07355,-0.00031,-0.05832,-0.0131,0.03834,-0.04774,0.00096,0.0285,0.02434,-0.03598,0.00128,0.00099,0.00477,-0.05417,-0.06707,0.08089,0.05161,0.02676,0.05715,0.03132,-0.03735,0.06167,0.08175,0.0077,0.03491,-0.00496,0.0925,-0.01338,-0.12566,-0.04448,0.1266,-0.01009,0.03673,-0.0439,-0.03624,-0.0882,-0.00182,-0.07572,-0.06636,-0.00334,0.04357,0.00359,-0.01768,0.06362,0.01625,0.02207,-0.02563,-0.07168,0.04034,-0.02413,-0.01705,0.02921,0.00471,-0.06447,-0.02951,-0.05649,-0.01288,0.02738,0.01094,0.14343,0.02344,0.00981,0.05855,-0.00098,-0.00541,-0.00429,-0.00594,-0.07494,0,-0.03035,0.00877,-0.05537,0.0445,0.05075,-0.01123,-0.01581,-0.03452,-0.02908,0.07512,-0.02662,-0.0303,-0.07178,0.0292,0.07683,-0.09872,0.02532,0.05279,-0.1017,-0.07385,-0.00725,-0.05719,0.04636,-0.08335,0.1475,0.03217,-0.0516,0.09371,-0.07659,-0.0239,-0.02739,-0.01805,0.07433,0.03813,-0.01274,0.00185,-0.06308,-0.04141,-0.05371,0.03493,-0.00099,-0.02951,-0.02387,0.00412,0.03251,0.06775,0.0384,-0.01853,-0.00185,0.00265,0.00214,0.0393,0.02615,-0.04778,0.06836,-0.05706,0.03716,0.04751,-0.00192,0.01222,-0.01802,0.01966,-0.06347,0.00348,0.05044,0.09508,0.02526,-0.02175,0.0117,-0.03912,-0.0184,0.0733,-0.00981,-0.0139,0.00688,-0.02455,-0.0853,-0.03332,0.07219,0.04465,-0.07737,-0.02187,0.0035,0.01873,-0.03715,-0.08091,0.04341,-0.03884,0.04564,-0.05914,0.02287,0.04692,0.07565,0.02659,-0.03167,0,-0.01669,0.05843,0.03349,0.02365,-0.00323,0.04467,0.014,0.03818,-0.00196,0.01859,0.03459,-0.00852,-0.02649,-0.07825,-0.04498,0.0188,-0.0524,-0.03769,-0.03311,-0.0161,-0.00596,0.01752,0.03945,-0.0187,0.06283,-0.05659,0.05408,-0.02016,-0.01414,0.0024,0.01619,-0.10934,0.02426,-0.04987,0.03088,-0.06422,0.02253,0.05295,0.0365,0.01247,-0.03576,0.03232,-0.07106,0.06672,-0.07816,0.01929,-0.0985,-0.02891,-0.07141,0.01649,-0.03115,-0.00306,-0.03929,-0.02288,-0.04643,0.01106,-0.01722,0.0376,-0.10433,0.03093,0.03762,-0.0955,-0.05436,0.0264,0.10168,0.00663,-0.01143,-0.04128,0.01588,0.09932,0.04901,0.04334,0.00041,0.0013,0.01907,-0.02292,0.12277,0.01113,0.08087,0.10369,-0.01765,0.05375,-0.01403,0.11382,-0.01789,-0.00229,-0.00933,0.05691,0.03199,0.04048,-0.01193,0.04045,0.03145,0.08436,-0.02528,0,-0.04851,-0.03401,-0.05863,-0.05416,-0.00404,0.00249,-0.0023,-0.05978,-0.09706,0.06903,-0.11664,0.12068,-0.06439,0.02887,0.00113,-0.04734,0.01881,0.04949,-0.01799,0.00279,-0.01743,-0.02544,-0.02781,0.10448,-0.00961,-0.05755,-0.03192,0.05956,0.09688,0.04763,-0.08082,0.00477,-0.02075,0.0555,-0.04616,0.05649,-0.04019,-0.06958,-0.03459,0.15022,0.0675,-0.01432,0.04289,-0.01697,0.01393,0.06082,0.02969,-0.03987,-0.10739,0.01432,-0.0178,0.007,-0.06682,-0.00852,0.00887,-0.01804,0.03364,0.08303,0.05235,0.01069,-0.06854,0.04206,0.01477,-0.00668],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Styling These classes are useful when styling the SVG and interaction affordances: - .f-connection host class - .f-selected applied when selected - .f-connection-selection-disabled applied when fSelectionDisabled = true - .f-connection-reassign-disabled applied when fReassignDisabled = true - .f-connection-path main SVG path - .f-connection-selection invisible hit-path (easier selection) - .f-connection-drag-handle endpoint drag handle circles - .f-connection-content projected content container (if you project content) f-connection-content is positioned absolutely and defaults to intrinsic width sizing, so label-like content keeps its natural width. If you need wrapping, set width or max-width explicitly in your own styles. f Selection Disabled f Reassign Disabled","excerpt":"Styling These classes are useful when styling the SVG and interaction affordances: - .f-connection host class - .f-selected applied when selected - .f-connection-selection-disabled applied when fSelectionDisabled = true - .f-connection-reassign-disabled applied when fReassignDisabled = true - .f-connection-path main SVG path - .f-connection-selection invisible hit-path (easier selection) - .f-connection-drag-handle endpoint drag handle circles - .f-connection-content projected content container (if you project content) f-connection-content is positioned absolutely and defaults to intrinsic width sizing, so label-like content keeps its natural width. If you need wrapping, set width or max-width explicitly in your own styles."},{"chunkId":"/docs/f-connection-component#12","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.04982,-0.08528,-0.08257,0.01487,-0.01324,0.04597,0.01355,0.00987,0.02941,-0.00747,-0.02568,0.06242,-0.0639,-0.05056,0.03286,0.07619,-0.00439,-0.03859,-0.01124,-0.02851,-0.10096,-0.13836,-0.04212,-0.05155,-0.00188,-0.01577,0.03467,0.01507,0.06706,-0.04349,-0.02745,0.03619,-0.102,0.04493,-0.09912,0.05639,0.07397,0.02402,-0.10034,0.02733,0.01363,0.00546,-0.01512,-0.042,0.05447,0.05198,-0.04428,-0.07708,-0.06502,0.033,-0.03172,-0.06434,-0.00555,0.00375,0.04084,0.08051,0.08242,0.06902,-0.05095,0.05199,-0.01883,-0.07728,-0.00832,0.01514,-0.04919,-0.0422,-0.00214,-0.01712,0.04855,-0.04835,-0.04419,0.0272,-0.01239,-0.06789,0.03315,0.08261,0.11416,0.08211,0.06188,-0.15544,0.10417,0.12087,-0.00933,0.02394,0.05213,0.07752,-0.02095,-0.11745,-0.01066,0.15507,0.00396,0.06029,-0.10514,-0.02666,-0.05841,-0.00325,-0.04512,-0.03924,-0.0043,0.02092,-0.00633,-0.0513,-0.00517,0.04632,0.00231,0.00101,-0.05212,0.07647,0.00226,-0.02893,0.02137,0.00618,0.00136,-0.05846,-0.03259,-0.03731,0.00806,-0.00163,0.13341,0.08494,-0.02073,0.01526,-0.0017,-0.01711,-0.0708,-0.03527,-0.01572,0,-0.01587,0.00162,-0.03673,-0.00648,0.03313,-0.01617,-0.0095,-0.0229,-0.0567,-0.03701,-0.04255,-0.02468,-0.09158,0.08783,-0.00053,-0.08179,0.04806,-0.03586,-0.03585,-0.02162,0.03067,0.00202,0.00994,-0.06652,0.09159,0.02316,0.02756,0.08351,-0.07365,0.00157,-0.01276,0.00507,0.00385,0.04078,-0.0522,0.00675,-0.01504,-0.09314,-0.08866,0.07933,-0.00074,0.01792,-0.041,0.00702,-0.02348,0.01872,0.0125,0.02803,0.04997,-0.01542,-0.07741,0.0651,0.03929,-0.0366,0.06591,-0.01804,-0.01985,0.02911,0.03059,-0.03065,0.04208,0.02561,-0.04988,-0.02129,0.04306,0.07833,0.02756,-0.02518,-0.04474,-0.02216,-0.0088,0.09621,-0.04175,-0.05848,0.01183,-0.03203,-0.05626,0.0231,0.07542,0.00433,-0.06512,0.01411,-0.0283,0.07757,-0.03335,-0.01128,0.01216,-0.03006,0.03324,-0.03053,-0.0098,-0.01251,0.01676,0.05126,-0.01486,0,-0.04483,0.079,0.01103,0.02685,0.0155,0.02722,0.00435,-0.01326,-0.03692,0.09765,0.04698,0.03365,-0.03544,-0.00893,-0.08271,-0.02182,-0.09436,0.00197,-0.07852,-0.05009,0.00042,0.0309,0.02996,-0.02884,0.0472,-0.01511,0.0306,0.01814,-0.07935,-0.01693,0.02759,-0.00468,-0.01515,-0.09274,-0.03416,0.04334,0.03305,-0.01141,-0.01764,0.00984,-0.0006,0.0406,0.04054,0.00783,-0.03627,0.05021,-0.11597,-0.04861,-0.01351,0.04191,-0.01367,0.03432,-0.02858,0.04615,-0.0711,-0.01157,0.02864,0.07826,-0.00751,0.04633,0.0456,-0.09652,-0.06043,0.0139,0.09915,0.02457,0.02677,-0.02768,0.0822,0.06232,0.07741,0.08056,0.02486,0.03755,0.04702,-0.02883,0.10532,-0.01148,0.02313,0.11542,0.0357,0.00259,0.07765,0.08924,0.04907,-0.02629,-0.04431,0.03707,0.0466,-0.02242,0.01325,0.00005,-0.02189,-0.04078,-0.03437,0,-0.00035,-0.0068,-0.02567,-0.07583,0.00639,-0.03261,0.04049,-0.02205,-0.0594,0.06911,-0.07922,0.06718,-0.04912,-0.0057,0.01044,0.01162,0.02287,0.01239,-0.00964,-0.00258,-0.0511,0.0232,-0.06784,0.11876,0.03254,-0.08648,0.01605,0.11457,0.06359,0.00631,-0.11606,0.03957,0.05622,-0.00678,-0.04007,0.11247,-0.07381,-0.01213,-0.06531,0.09032,-0.00562,-0.01689,0.07712,-0.01363,0.03842,0.0373,-0.03454,-0.0379,-0.08246,0.03533,-0.00687,-0.01064,-0.04343,0.03513,0.01569,-0.08174,-0.00923,0.04253,0.02804,-0.01147,-0.06126,0.01958,0.0808,-0.08013],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Projected Gradient If you want a gradient stroke, project f-connection-gradient into the connection. The gradient config owns its own colors, while the actual SVG linearGradient is created internally by the connection. f-connection itself no longer owns gradient colors. If no gradient is projected, the connection path uses the normal single-color stroke styling. Migration from the old API: linear Gradient","excerpt":"Projected Gradient If you want a gradient stroke, project f-connection-gradient into the connection. The gradient config owns its own colors, while the actual SVG linearGradient is created internally by the connection. f-connection itself no longer owns gradient colors. If no gradient is projected, the connection path uses the normal single-color stroke styling. Migration from the old API:"},{"chunkId":"/docs/f-connection-component#13","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.01738,-0.08365,-0.08077,0.06085,-0.0284,0.02151,-0.01085,0.06592,-0.01834,-0.037,-0.01322,0.01196,-0.06597,0.00894,0.01387,0.00403,0.03444,-0.07438,0.00596,0.04663,-0.05921,-0.09814,-0.01151,-0.06975,-0.03294,-0.06586,0.01074,0.02671,0.06712,-0.04858,0.05055,0.09173,-0.12022,-0.001,-0.0244,0.01535,0.05172,-0.01885,-0.02908,0.01131,0.03765,-0.0499,0.03485,0.01655,0.00354,-0.01616,-0.087,0.0216,-0.00651,0.07466,-0.02337,0.03178,-0.08163,0.04771,0.07408,0.03715,0.021,0.02187,-0.02834,0.06934,0.04607,-0.0426,-0.00545,-0.00714,-0.03194,0.05594,-0.01464,-0.002,0.05484,0.00581,-0.02932,0.0231,-0.08351,-0.0711,0.09332,0.06532,0.01464,0.05299,-0.01586,-0.09619,0.06352,0.10893,-0.0149,-0.04342,0.05496,0.04092,-0.05462,-0.06045,-0.0376,0.09335,-0.03892,0.08634,-0.06023,-0.02533,0.00331,0.03508,0.0383,-0.03008,-0.00736,0.05421,-0.04424,-0.05628,-0.01992,0.0656,-0.00541,-0.02378,-0.06482,0.06536,-0.0554,-0.06783,0.01355,-0.00333,-0.01822,-0.01714,-0.03362,-0.01055,-0.02791,-0.0415,0.12759,0.01182,-0.06562,0.04291,0.03376,0.01991,-0.00483,-0.0214,-0.03027,0,0.00204,0.01568,-0.02618,-0.01881,0.04257,0.0194,-0.02892,-0.02868,-0.0397,0.04965,-0.0514,0.03954,-0.0652,0.02999,0.02387,-0.06938,0.02365,0.05256,0.00217,-0.03521,0.01146,-0.00352,0.04336,-0.02809,0.08243,0.09529,-0.03941,0.11235,0.02023,0.01537,-0.03495,0.01758,0.08139,0.00192,-0.01635,-0.03891,-0.08739,-0.08253,-0.16796,0.01103,0.03468,0.03105,-0.05622,-0.00356,0.00678,0.00484,-0.02521,0.02681,0.01762,0.0038,-0.06263,0.00808,0.04097,-0.01484,0.01968,-0.07848,-0.06682,0.04435,0.00109,0.02942,0.0092,-0.03132,-0.05548,-0.01383,0.04217,0.09315,0.00151,-0.00726,0.00085,-0.05738,-0.03894,0.08014,0.01604,0.01778,-0.00934,-0.04955,-0.09605,-0.00318,0.04481,0.01242,-0.02388,-0.00938,-0.07323,0.0622,0.00979,-0.02915,-0.01463,-0.02618,-0.00339,-0.01365,0.0128,0.02568,0.07061,0.03332,0.06628,0,-0.029,0.01406,0.01099,0.02795,0.02507,-0.00117,0.02377,-0.01927,0.01983,0.05719,0.06383,-0.01166,-0.01397,-0.09521,-0.0958,0.00396,-0.01399,-0.08066,-0.02548,0.02051,0.01751,-0.04647,0.02028,-0.06923,0.06739,0.01363,-0.02947,-0.04721,-0.08251,0.00632,0.02711,-0.00053,-0.0737,-0.07094,0.01055,0.01619,0.03163,0.06225,0.02386,-0.02005,0.00861,0.06391,-0.08529,0.05014,0.00704,0.07127,-0.13071,-0.06874,-0.07726,0.06183,-0.09365,0.03976,0.00132,-0.04217,-0.05713,-0.00836,0.09757,0.07334,-0.0458,0.03975,0.10566,-0.12699,0.00328,0.0247,0.11113,-0.00586,-0.00808,-0.02441,0.02965,0.15571,0.0997,0.01109,-0.02566,-0.00282,0.11337,-0.01265,0.0585,0.01317,0.01885,0.15632,-0.02288,0.05877,0.03489,0.05494,0.02312,-0.00271,-0.00015,0.08291,0.07068,0.03388,-0.03396,0.00932,-0.02664,0.00645,-0.03084,0,-0.10932,-0.00729,-0.0887,-0.07091,0.0269,0.01513,-0.05625,-0.00746,-0.04873,0.04898,-0.05901,0.04318,-0.04362,0.01588,0.03169,-0.09859,0.06786,0.00174,-0.04216,-0.03295,-0.05652,0.01757,-0.02733,0.07642,0.01717,-0.06649,0.04517,0.06223,-0.02231,0.08167,-0.05494,-0.02552,0.0132,0.04034,-0.09349,0.10916,-0.02444,0.04928,-0.08864,0.06503,0.05142,0.02861,-0.01323,-0.01474,0.08616,0.08615,0.01841,0.019,-0.04027,0.05938,-0.04776,-0.01181,-0.04059,-0.03977,0.00453,-0.02779,-0.00283,0.05883,0.06356,-0.03857,-0.08302,0.03477,0.017,-0.05197],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Notes and pitfalls - fSourceId / fTargetId must point to existing connectors; otherwise the connection cannot resolve endpoints. - If you use a custom fType, ensure the corresponding connection type is registered (see the custom type example). - Keep fSelectionDisabled and fReassignDisabled explicit per connection for predictable UX in mixed graphs. f Source Id f Target Id f Type f Selection Disabled f Reassign Disabled","excerpt":"Notes and pitfalls - fSourceId / fTargetId must point to existing connectors; otherwise the connection cannot resolve endpoints. - If you use a custom fType, ensure the corresponding connection type is registered (see the custom type example). - Keep fSelectionDisabled and fReassignDisabled explicit per connection for predictable UX in mixed graphs."},{"chunkId":"/docs/f-connection-component#14","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.05349,-0.06732,-0.09137,0.03259,-0.03066,0.04936,-0.02712,0.06901,-0.03586,-0.01673,-0.00942,0.04426,-0.03838,-0.02587,0.01813,0.06429,0.06765,-0.04873,0.0233,0.0202,-0.06909,-0.13023,-0.01666,-0.07421,0.04308,-0.00113,0.02563,0.01019,0.07807,-0.06277,-0.01168,0.08772,-0.10812,0.01522,-0.05364,0.00215,0.06032,0.0144,-0.0705,-0.01528,0.01923,0.00282,-0.02351,-0.04293,0.01264,0.0152,-0.10516,-0.03136,-0.05244,0.04677,-0.04666,0.00127,-0.04474,0.0307,0.08633,0.07517,0.05017,0.04841,-0.02336,0.07203,0.03982,-0.00135,-0.00708,0.0296,-0.05681,0.07859,0.006,0.03199,0.05099,-0.02366,-0.06475,0.00342,-0.06063,-0.08089,0.06893,0.03767,0.00908,0.01324,-0.05478,-0.09843,0.05427,0.10103,-0.06837,-0.01226,0.01434,0.05465,-0.01513,-0.06743,0.00169,0.08035,-0.02909,0.06417,-0.01816,-0.00003,-0.06751,-0.02634,-0.00182,-0.0419,-0.01503,0.02734,0.02158,-0.07794,0.00474,0.04844,0.01741,-0.02959,-0.0535,0.04295,-0.02254,-0.01646,0.02267,-0.01269,-0.08851,-0.04,0.00196,-0.05108,0.02088,-0.02961,0.17645,0.00838,-0.00585,0.01665,0.00589,-0.03103,0.0155,-0.04437,-0.02824,0,0.01892,0.00478,-0.01881,0.03809,0.10121,0.018,-0.04105,-0.03238,-0.02155,-0.00384,-0.0486,0.02883,-0.0751,0.04879,0.02509,-0.10613,0.03624,0.05521,-0.02274,-0.0092,-0.02512,0.01817,0.02884,-0.00071,0.07576,0.09265,-0.02832,0.07106,-0.03975,0.00478,-0.00803,0.0398,0.0614,0.00972,-0.06521,-0.00915,-0.07335,-0.10431,-0.06465,0.00029,-0.02736,0.01755,0.00043,0.0022,-0.02208,-0.01178,0.02695,0.08157,0.01004,-0.01083,-0.06696,0.04798,0.04031,0.0027,0.04944,-0.09956,-0.0313,0.08825,0.06477,0.07485,0.02526,0.00333,-0.07424,-0.00836,0.03652,0.12928,-0.01917,-0.07395,-0.02506,-0.08819,-0.05627,0.10115,0.00585,-0.00437,-0.01825,-0.04493,-0.15431,-0.01983,0.03229,0.02921,-0.0576,-0.02627,-0.05894,0.04835,0.01692,-0.09358,0.02313,-0.03389,-0.0345,0.02196,-0.0363,0.03528,0.07676,0.02968,0.03607,0,-0.01371,0.00855,0.01126,0.07389,0.04731,0.01962,0.00996,0.03947,-0.01584,0.01518,0.04614,0.00427,0.00702,-0.02036,-0.08525,0.00813,-0.05217,-0.08758,-0.05154,-0.02584,0.02389,-0.0429,-0.01346,-0.07465,0.02375,0.03079,0.04104,-0.02597,-0.0454,-0.01566,0.02391,-0.02045,-0.0398,-0.08245,0.04709,0.04705,0.05719,0.06176,-0.0275,-0.03356,0.00246,0.05678,-0.05306,0.02023,-0.02016,0.04543,-0.13045,-0.00918,-0.10008,0.06503,-0.04294,0.01987,0.02656,-0.05763,-0.05561,-0.0326,0.03272,0.07549,-0.02388,0.02103,0.10503,-0.11852,-0.05536,-0.00117,0.08954,0.04285,0.02044,-0.02547,0.06467,0.08946,0.08068,0.03228,-0.00911,-0.00062,0.10794,-0.0197,0.08759,-0.01278,0.06315,0.11571,-0.02893,0.04288,0.02761,0.03241,0.03515,0.0238,-0.05583,0.07518,0.05919,0.02394,-0.04723,0.0339,-0.02047,0.03044,-0.0488,0,-0.07998,-0.01418,-0.00617,-0.08489,0.02815,0.02977,0.06782,-0.04328,-0.0599,0.01324,-0.00716,0.03591,-0.02761,0.01128,0.06308,-0.03702,0.03591,-0.02461,-0.03036,-0.00926,-0.02153,0.00519,-0.01273,0.08507,0.03292,-0.02681,0.02367,0.12882,-0.00824,0.08343,-0.05346,-0.00116,0.07083,0.01177,-0.04988,0.08961,-0.04219,0.00281,-0.06896,0.05691,0.01309,-0.03442,-0.02631,-0.00414,0.12377,0.07496,0.02372,0.01783,-0.04873,0.03656,-0.07281,-0.02728,-0.07514,-0.01269,0.03017,-0.04009,0.04147,0.06243,0.08973,0.00529,-0.07684,0.05237,-0.00144,-0.01049],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Examples","excerpt":"Examples"},{"chunkId":"/docs/f-connection-component#15","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.05089,-0.0195,-0.1314,0.05611,0.02222,0.09249,0.0001,0.05023,-0.00779,0.02612,-0.0393,0.02724,-0.06265,0.01355,0.03855,0.01045,-0.02145,-0.04576,0.00456,-0.00771,-0.02176,-0.09589,0.02433,-0.03255,0.0033,0.00562,0.00359,-0.0051,0.08621,-0.04071,0.02509,0.06947,-0.09853,0.02481,-0.06274,0.02851,0.04145,0.0397,-0.0276,-0.00625,0.08734,0.0242,0.02583,-0.10598,0.02038,0.01329,-0.11576,0.00502,-0.05242,0.02967,-0.05446,-0.04184,-0.05288,0.0402,0.07089,0.01902,0.0139,-0.01571,-0.01172,0.06761,-0.02332,-0.0636,-0.01103,0.00845,-0.00845,0.04296,-0.08264,0.02212,0.00767,0.03129,0.0023,-0.00525,-0.04472,-0.09852,0.07166,-0.01851,-0.03264,0.09343,-0.03854,-0.06766,0.05889,0.04716,-0.04847,0.0097,0.00006,0.07639,0.00234,-0.09625,0.0017,0.04067,-0.01812,0.08149,-0.03485,0.02759,-0.004,0.01849,-0.05141,0.00654,-0.05688,0.03849,-0.02577,-0.09256,0.04371,0.08565,0.03444,0.0016,-0.02841,0.08859,-0.04634,-0.04117,0.00101,0.04339,-0.01495,-0.03572,-0.01552,-0.08982,0.01385,-0.04693,0.07983,0.0542,0.02218,-0.00699,-0.02976,-0.0367,0.03716,-0.0306,0.01675,0,0.02789,0.03454,-0.02704,0.02198,0.07213,0.02977,-0.04603,-0.09283,-0.02436,0.08866,-0.07589,0.02593,-0.09027,0.0068,-0.00976,-0.10986,0.06051,0.01855,-0.03941,-0.01026,0.03197,-0.00123,-0.04036,0.0109,0.12688,0.0281,-0.05315,0.05402,-0.06837,-0.00519,0.04018,0.06281,0.06063,-0.02509,-0.0304,-0.02433,-0.03548,-0.04988,-0.09702,-0.01803,0.04778,0.00032,-0.05561,0.06811,-0.04302,-0.00438,-0.01449,0.03327,0.0615,0.02375,-0.04936,0.05291,0.0105,0.00652,0.09607,-0.05627,-0.03092,0.07434,0.00858,0.06462,0.03036,-0.00589,-0.0542,-0.0322,0.05251,0.08905,-0.00502,-0.02428,0.02621,-0.09848,-0.08866,0.13205,-0.01715,0.0281,-0.00421,-0.03768,-0.08085,0.03194,0.07503,0.01784,-0.03094,-0.05675,-0.078,0.10467,0.02437,-0.11301,-0.00442,-0.05605,-0.02094,-0.05702,0.01889,0.02572,0.04601,-0.01592,-0.00227,0,0.01668,0.02359,0.02775,0.09162,-0.00707,-0.02156,0.09571,0.07328,0.01803,0.09891,0.06991,0.03146,0.0157,-0.06042,-0.02064,-0.00004,-0.04042,-0.07712,0.02659,-0.03699,-0.01314,0.02387,0.01061,-0.04011,-0.00224,0.06723,0.04852,-0.00538,-0.03156,-0.02308,0.00732,-0.0378,-0.0755,-0.04365,-0.01224,-0.01665,0.04303,0.09616,-0.0049,-0.03924,0.04454,0.08893,-0.05554,0.04677,-0.04687,0.03801,-0.01828,-0.03884,-0.0832,0.01748,-0.06102,-0.01973,-0.02228,-0.009,-0.05181,-0.05144,0.06583,0.01656,-0.04848,-0.00047,0.10494,-0.09815,-0.056,-0.00779,0.10346,0.02271,-0.04878,-0.04805,0.11662,0.09882,0.06488,0.00697,0.01895,-0.01008,0.10302,0.01301,0.06716,0.01543,0.07589,0.09283,-0.04203,0.06525,0.01107,0.0571,0.06092,0.02231,-0.11704,0.01449,0.08173,0.04338,-0.07002,-0.01593,-0.01516,-0.00769,-0.00217,0,-0.09274,-0.03399,-0.02538,-0.09284,0.02615,-0.01403,0.01699,-0.06627,-0.05345,0.01808,-0.0476,0.08712,-0.00016,-0.03623,0.04453,-0.0416,0.02619,0.00479,-0.04439,0.01022,-0.04599,-0.00264,-0.02565,0.11355,0.02073,-0.09876,-0.02084,0.06444,0.00262,0.05616,-0.04356,-0.01863,0.07137,0.01068,-0.0554,0.02392,-0.1061,-0.01388,-0.04518,0.05533,0.02324,-0.04235,0.02039,-0.00154,0.03414,0.08079,0.01457,0.02408,-0.0315,0.00705,-0.08249,0.01297,-0.09354,0.01519,0.0122,-0.05547,0.03049,0.06096,0.05406,-0.04255,-0.06364,0.0233,0.00574,-0.03738],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Connection types ::: ng-component <connection-types</connection-types [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.scss :::","excerpt":"Connection types ::: ng-component <connection-types</connection-types [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.scss :::"},{"chunkId":"/docs/f-connection-component#16","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.06453,0.00269,-0.11294,0.0455,0.00406,0.07625,-0.00983,0.04364,-0.00172,0.0274,-0.03318,0.02799,-0.06227,0.01211,0.03754,0.02146,-0.0279,-0.03886,-0.01238,-0.01339,-0.02507,-0.08777,0.02671,-0.03194,0.01335,0.01239,0.01102,-0.00991,0.09514,-0.04433,0.04139,0.07005,-0.08483,0.03481,-0.06516,0.0229,0.03349,0.03387,-0.02625,0.0067,0.09672,0.02705,0.01106,-0.11359,0.01858,0.01121,-0.11732,0.01851,-0.06273,0.02141,-0.06014,-0.04401,-0.05268,0.03633,0.06146,0.02353,0.01256,-0.00786,0.00567,0.0535,-0.0222,-0.06921,-0.00818,0.01105,-0.00222,0.05253,-0.08648,0.01408,-0.00348,0.04112,0.00358,-0.00854,-0.04965,-0.09723,0.07043,-0.01588,-0.0485,0.10344,-0.03363,-0.0756,0.05679,0.03384,-0.04842,0.0012,-0.00536,0.06586,0.00533,-0.10265,-0.00226,0.02285,-0.00347,0.08333,-0.04447,0.0449,-0.01543,0.02428,-0.05513,0.00652,-0.0545,0.03269,-0.01364,-0.09132,0.0255,0.09908,0.02251,0.00328,-0.03352,0.08252,-0.0472,-0.03265,0.00727,0.04892,-0.00357,-0.03586,-0.02773,-0.09284,0.0169,-0.02869,0.08654,0.0565,0.02084,-0.01196,-0.03612,-0.05833,0.04011,-0.03579,0.03344,0,0.02518,0.01911,-0.03357,0.01281,0.0917,0.02569,-0.06016,-0.08853,-0.00738,0.09494,-0.0766,0.0201,-0.07484,-0.01179,-0.01833,-0.10212,0.06791,0.02278,-0.04247,0.0008,0.02985,-0.00788,-0.0283,0.01261,0.12324,0.03082,-0.05526,0.03989,-0.07187,-0.00165,0.04136,0.07356,0.05111,-0.00994,-0.0408,-0.01595,-0.02537,-0.05226,-0.10572,-0.01848,0.03712,0.00021,-0.04674,0.05798,-0.05242,-0.01402,-0.01125,0.02676,0.07145,0.03092,-0.05448,0.05555,0.01284,0.00081,0.10774,-0.05471,-0.02939,0.08528,0.0108,0.06751,0.0284,-0.00952,-0.0535,-0.03142,0.04769,0.0865,-0.00222,-0.01295,0.02422,-0.09307,-0.0762,0.14275,-0.02415,0.01722,-0.00417,-0.04712,-0.08331,0.03491,0.08274,0.00713,-0.01209,-0.07285,-0.06184,0.09756,0.02346,-0.09693,0.00688,-0.05579,-0.03723,-0.04821,0.02492,0.01583,0.05253,-0.0039,0.00988,0,0.02168,0.02743,0.01834,0.08956,-0.00851,-0.02989,0.08017,0.08672,0.00679,0.10189,0.06321,0.02728,0.01143,-0.04441,-0.01779,-0.001,-0.02648,-0.08854,0.02246,-0.04296,0.00084,0.0226,-0.01372,-0.03306,-0.00368,0.06172,0.04189,-0.00696,-0.02187,-0.02538,0.00145,-0.04099,-0.08691,-0.03766,-0.01598,-0.02368,0.03911,0.09899,0.00924,-0.04618,0.0402,0.0931,-0.05053,0.03482,-0.04303,0.02643,-0.01291,-0.03427,-0.09135,0.01116,-0.05277,0.00514,-0.00062,0.00551,-0.06225,-0.04949,0.0649,0.00021,-0.05238,-0.00605,0.10852,-0.09959,-0.05013,-0.01084,0.09564,0.04274,-0.0515,-0.05222,0.14013,0.08993,0.07883,-0.00461,0.00537,-0.00535,0.1064,0.02327,0.06754,-0.00171,0.07688,0.08457,-0.05253,0.05528,0.00276,0.03848,0.03658,0.01398,-0.1094,0.02196,0.08208,0.05739,-0.06315,-0.01652,-0.02601,-0.00138,0.00767,0,-0.10389,-0.03854,-0.02852,-0.08716,0.03703,-0.01027,0.03871,-0.05712,-0.05085,0.00927,-0.04241,0.08633,-0.00641,-0.03321,0.04404,-0.03518,0.01464,-0.00914,-0.04721,0.01182,-0.05432,-0.00172,-0.01682,0.11007,0.00484,-0.09218,-0.025,0.06526,-0.00045,0.05865,-0.06302,-0.02327,0.08091,0.00654,-0.06241,0.02324,-0.09899,-0.01804,-0.041,0.04644,0.02873,-0.05261,0.03121,0.00802,0.02557,0.07149,0.00637,0.02551,-0.01805,0.00276,-0.06592,0.00476,-0.10687,0.00804,0.01714,-0.05552,0.03319,0.06474,0.05434,-0.03405,-0.06251,0.02308,-0.00439,-0.04312],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Connection behaviors ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.scss :::","excerpt":"Connection behaviors ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.scss :::"},{"chunkId":"/docs/f-connection-component#17","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.05861,-0.0006,-0.10773,0.05245,-0.0049,0.08901,-0.00383,0.05558,-0.00672,0.02117,-0.04269,0.02772,-0.06817,0.02255,0.05027,0.01749,-0.0222,-0.04627,0.00287,-0.01189,-0.0274,-0.08844,0.02118,-0.02762,0.00099,-0.00117,0.00994,0.01057,0.08862,-0.0332,0.02655,0.07626,-0.09111,0.02846,-0.05269,0.00783,0.03213,0.05659,-0.03516,0.00345,0.09714,0.02562,0.03699,-0.0937,0.01371,0.01272,-0.1055,0.0098,-0.04833,0.0195,-0.05279,-0.06083,-0.05208,0.03046,0.06713,0.01201,0.00544,-0.01643,0.00721,0.05807,-0.00302,-0.06732,-0.01285,0.0043,-0.01637,0.05735,-0.08949,0.04546,-0.00546,0.03536,-0.00243,-0.00802,-0.04646,-0.09038,0.05987,-0.01533,-0.03269,0.09661,-0.05553,-0.0696,0.05082,0.05317,-0.04312,0.01228,0.00472,0.08045,0.00392,-0.10445,0.00591,0.02789,-0.0242,0.077,-0.0546,0.02834,0.00427,0.03017,-0.07026,0.00001,-0.05713,0.03783,-0.01291,-0.09893,0.02806,0.08544,0.03305,0.0119,-0.02977,0.08707,-0.04383,-0.01918,-0.00082,0.03675,-0.01819,-0.05004,-0.01028,-0.06996,0.00083,-0.02559,0.07943,0.06042,0.02159,-0.00287,-0.03875,-0.06029,0.03671,-0.01903,0.02396,0,0.02155,0.03974,-0.0341,0.03093,0.08594,0.01731,-0.05806,-0.07772,-0.01122,0.07676,-0.0688,0.00196,-0.08407,0.00659,-0.01661,-0.1024,0.04421,0.02389,-0.03532,-0.00484,0.02771,-0.0151,-0.04957,0.00684,0.11891,0.01416,-0.04441,0.05659,-0.07415,-0.01155,0.05523,0.04607,0.08241,-0.00031,-0.03111,-0.03176,-0.02448,-0.04021,-0.09173,-0.00629,0.05215,-0.00109,-0.05859,0.07057,-0.05551,-0.0152,-0.00082,0.0253,0.06123,0.01806,-0.05588,0.06735,-0.00152,-0.0028,0.10878,-0.06627,-0.03177,0.09165,0.00959,0.0587,0.01467,0.01336,-0.04687,-0.0433,0.06503,0.08695,-0.01738,-0.03598,0.02771,-0.11853,-0.08213,0.12391,-0.01838,0.02948,0.01336,-0.04857,-0.07706,0.04416,0.08973,0.01413,-0.05124,-0.06231,-0.05822,0.10802,0.01831,-0.10002,0.01476,-0.05898,-0.02094,-0.0545,0.01647,0.03235,0.03792,-0.01693,0.01091,0,0.01382,0.03832,0.02039,0.084,0.0219,-0.01331,0.10572,0.07923,0.01268,0.09777,0.05988,0.02781,0.012,-0.04344,-0.01373,-0.00775,-0.05597,-0.09169,0.02584,-0.03445,0.01543,0.04011,-0.0147,-0.04609,-0.00433,0.06085,0.02526,-0.00405,-0.02741,-0.0074,-0.0102,-0.03583,-0.08187,-0.03921,-0.01001,-0.01549,0.02675,0.09693,-0.00603,-0.04121,0.03245,0.07205,-0.05907,0.03367,-0.05452,0.03214,-0.00874,-0.04586,-0.08392,0.00674,-0.07237,0.00028,-0.0125,0.01036,-0.04384,-0.04971,0.06531,0.00513,-0.04447,-0.00911,0.11157,-0.1083,-0.04682,-0.01435,0.1185,0.02285,-0.05189,-0.05755,0.10444,0.08871,0.04488,0.00935,0.01513,-0.00827,0.1007,0.00878,0.08648,0.02006,0.07605,0.10135,-0.06038,0.08278,0.00969,0.03963,0.06005,0.03173,-0.1162,0.03594,0.07862,0.05738,-0.06461,-0.01663,-0.02499,-0.00306,0.00484,0,-0.0994,-0.03729,-0.02291,-0.08847,0.02625,-0.0255,0.01576,-0.05496,-0.0456,0.00672,-0.04975,0.09244,-0.00156,-0.01285,0.03085,-0.05077,0.00329,0.00347,-0.04039,0.00402,-0.04873,-0.00521,-0.0239,0.09931,0.01237,-0.07413,-0.009,0.05902,-0.00908,0.06247,-0.04208,-0.03144,0.07641,0.01633,-0.06137,0.02289,-0.11256,0.00215,-0.03961,0.05101,0.03126,-0.04921,0.02492,0.01467,0.04913,0.08551,0.00663,0.03134,-0.03069,0.00636,-0.08704,0.00689,-0.08566,-0.00462,0.03402,-0.05156,0.03719,0.05327,0.03911,-0.03659,-0.06895,0.03243,-0.00562,-0.0389],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Custom connection type ::: ng-component <custom-connection-type</custom-connection-type [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.scss :::","excerpt":"Custom connection type ::: ng-component <custom-connection-type</custom-connection-type [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.scss :::"},{"chunkId":"/docs/f-connection-component#18","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.07964,-0.01513,-0.08166,0.09422,0.02202,0.10963,-0.01583,0.03494,0.01382,0.03183,-0.03541,0.06279,-0.06606,0.02802,-0.00498,0.00465,-0.04316,0.01864,-0.03624,0.01025,-0.01445,-0.11342,0.02376,-0.03055,0.05467,0.0133,0.00096,0.02686,0.07455,-0.07707,0.01852,0.06176,-0.12966,-0.01021,-0.08409,0.0676,0.0229,0.04705,-0.04983,-0.00556,0.06517,0.00552,0.0056,-0.0873,0.00988,0.02365,-0.08159,0.03584,-0.03662,0.07208,-0.0387,-0.04504,-0.07052,0.06181,0.06084,0.03914,0.04219,-0.016,0.04063,0.04628,-0.02012,-0.03407,0.03163,0.01636,-0.02391,0.0368,-0.10571,0.02062,-0.00772,0.03582,0.02208,-0.02397,-0.05976,-0.08355,0.0897,-0.02634,-0.04944,0.1285,-0.04125,-0.02607,0.10418,0.02874,-0.05824,0.03167,0.0126,0.10022,-0.0177,-0.09051,0.00311,0.02271,-0.00417,0.05721,0.00083,0.02184,-0.02333,-0.00146,-0.08873,0.01603,-0.06335,0.03001,-0.01448,-0.08213,0.01743,0.08042,0.02008,-0.0138,-0.0263,0.04923,-0.07081,-0.01846,0.01789,0.02815,-0.02311,-0.02944,-0.02469,-0.06715,-0.04337,-0.03907,0.0654,0.04278,0.0178,0.04588,-0.02912,-0.05592,0.05699,-0.02256,0.01134,0,0.01649,0.03384,-0.0445,0.05205,0.07503,-0.0208,-0.04268,-0.06718,-0.01131,0.05894,-0.03371,0.0249,-0.06766,0.00837,-0.04881,-0.12896,0.03768,0.06811,-0.05185,0.00679,0.00053,0.02217,-0.04369,-0.03729,0.10943,0.03479,-0.05309,0.05785,-0.04842,-0.00388,0.01319,0.05321,0.03732,0.00162,-0.0683,-0.01314,-0.03338,-0.05869,-0.05898,-0.02728,0.05808,0.00757,-0.09266,0.04292,-0.01929,-0.0298,0.04102,0.04359,0.0624,-0.0044,-0.02218,0.07144,0.03135,-0.00168,0.07736,-0.11101,-0.04395,0.10062,0.01746,0.04908,0.02872,0.05614,-0.07098,-0.02228,0.07388,0.07519,0.00174,0.01838,0.04024,-0.10275,-0.07115,0.10664,-0.00147,-0.00204,0.02153,-0.04578,-0.07283,-0.01454,0.08469,-0.01126,-0.04441,-0.06383,-0.03171,0.08,0.04232,-0.15131,0.02293,-0.04535,-0.01395,-0.0792,0.04326,0.01312,0.03574,-0.00539,0.03008,0,0.04227,0.04308,0.04702,0.11078,-0.01022,0.00284,0.05579,0.08681,-0.00216,0.01776,0.00558,-0.00563,-0.01188,-0.04135,-0.02452,0.0097,-0.08709,-0.08444,-0.0321,-0.07382,0.02475,0.00193,-0.01502,-0.00654,-0.03408,0.05439,0.06247,0.00626,-0.0047,-0.03888,0.00787,-0.07643,-0.09027,-0.03367,0.02427,-0.02181,0.03473,0.14618,0.02879,-0.00458,0.01426,0.06381,-0.05594,0.03411,-0.02806,0.0364,-0.03377,-0.01899,-0.02617,0.00384,-0.07113,-0.01105,-0.03708,-0.03053,-0.02856,-0.03707,0.06381,-0.01491,-0.03716,-0.00672,0.07141,-0.08179,-0.05394,-0.03323,0.10227,0.03572,-0.02101,-0.07679,0.06586,0.08169,0.04222,0.02475,0.0346,-0.02839,0.13098,-0.00643,0.12528,0.00923,0.07846,0.05085,-0.02158,0.02918,-0.01188,0.03187,0.0228,0.0427,-0.12268,0.02661,0.06893,0.02106,-0.07546,-0.02375,0.0191,-0.00138,-0.0012,0,-0.10193,-0.00777,0.01731,-0.06398,0.01307,0.00842,0.0389,0.00494,-0.04337,-0.02995,-0.02616,0.09033,0.03135,0.00398,0.01133,-0.05216,0.02549,0.01912,-0.02677,-0.0356,-0.00572,-0.00299,0.01557,0.10805,-0.01755,-0.10338,-0.05044,0.07202,0.00128,0.03105,-0.06994,-0.01733,0.09782,0.02089,-0.06264,-0.00307,-0.07502,0.00088,-0.05673,0.0475,0.05733,0.00015,0.01084,-0.00583,0.02606,0.04161,0.02698,0.01453,-0.04732,-0.00552,-0.05168,0.00702,-0.09071,0.01228,0.04012,-0.01416,-0.01646,0.07137,0.05362,-0.03539,-0.04907,0.04558,-0.00374,-0.04183],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Reassign example ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.scss :::","excerpt":"Reassign example ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.scss :::"},{"chunkId":"/docs/f-connection-for-create-component#0","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.03675,-0.10327,-0.09635,0.13682,0.00188,0.06365,0.03365,-0.0154,0.0647,-0.00843,0.04079,0.01578,-0.0493,-0.0082,-0.06827,0.00264,-0.02494,-0.06006,-0.00146,0.0624,-0.01379,-0.17133,-0.01653,-0.05205,0.0383,-0.13892,-0.00089,-0.00159,0.06112,-0.01931,0.03803,0.02269,-0.15591,-0.03997,-0.02193,-0.01027,0.06246,0.02319,-0.05272,-0.0306,0.0628,-0.06965,0.0191,0.02095,-0.02013,0.04455,-0.03771,-0.01399,0.04669,0.07226,-0.06014,0.0457,-0.0142,-0.01786,0.07232,0.09186,0.04032,0.01024,-0.07467,0.05354,0.00377,0.00478,0.03177,-0.08367,-0.01439,0.02604,-0.02275,0.0328,0.03035,-0.03884,-0.03327,0.01381,-0.02832,-0.03027,0.06569,0.03412,0.01937,0.08447,-0.02309,-0.02628,0.11151,0.14061,0.00574,-0.03561,0.00742,0.10106,0.03586,-0.07224,-0.06711,0.03303,0.02451,0.07723,-0.04346,-0.03952,-0.05785,-0.01434,-0.02187,0.00352,-0.02029,0.01082,-0.01589,-0.00265,0.01588,0.07132,-0.03008,-0.04715,-0.02687,-0.01815,-0.00486,0.02707,0.03952,-0.0446,0.01177,-0.04276,-0.04504,0.06928,-0.09843,0.01943,0.12737,0.0602,0.03006,0.02127,-0.02285,-0.06236,0.01407,-0.06465,0.00442,0,0.04044,-0.0093,-0.02515,0.04706,0.02383,-0.05816,0.04296,-0.01584,-0.06125,-0.04709,-0.09813,-0.02458,-0.02283,0.01267,-0.09172,-0.11999,-0.0002,0.05445,-0.01958,0.00825,-0.06651,-0.03214,0.03993,-0.08397,0.0789,0.04858,-0.03626,0.07843,0.01134,0.02962,-0.06196,0.06206,-0.02273,-0.01589,-0.04129,-0.01743,-0.0559,0.00589,-0.05483,0.00451,0.02958,-0.09732,-0.06589,0.04225,-0.02571,-0.01789,0.05099,0.00762,0.02512,-0.02956,0.01737,-0.0191,-0.01122,-0.01145,0.01062,-0.07236,-0.09564,0.05024,0.01512,-0.01367,-0.02766,0.03934,-0.0781,0.0127,0.05089,0.03812,0.02294,0.01727,0.04119,-0.06551,-0.03184,0.02055,-0.03882,-0.09104,0.0077,-0.04791,-0.06758,-0.02397,0.06011,0.02152,0.04715,-0.09978,0.00496,0.02136,0.03109,-0.09186,-0.03247,-0.03643,-0.06685,-0.04619,-0.02547,0.06733,0.09974,0.00595,0.08093,0,0.05322,-0.00954,-0.0037,0.0241,-0.0147,0.05627,0.03106,-0.01559,-0.06384,0.01099,0.02561,0.01552,-0.02234,-0.05548,-0.06156,0.01505,0.005,-0.04859,-0.04372,0.0299,0.0528,-0.0529,0.03559,-0.04038,-0.00862,-0.03495,0.16214,0.03531,-0.06024,-0.0216,0.06067,0.00358,-0.06357,-0.0036,0.05105,0.04748,0.08973,0.05855,0.04272,0.00638,0.01703,0.02228,0.00892,0.02923,0.03256,0.04283,-0.06014,-0.07707,-0.04706,0.09194,-0.04189,-0.01328,-0.07271,-0.04497,-0.05628,0.04104,-0.01323,0.00231,-0.0154,0.06378,0.08277,-0.09939,-0.03989,-0.00152,0.07319,-0.03681,0.03703,0.01626,0.04925,0.07973,0.00994,0.05025,0.05324,-0.0173,0.03751,-0.01606,0.05093,-0.02419,0.06999,0.08238,0.01135,0.02333,0.02726,-0.0741,-0.01204,0.0088,0.0306,0.08366,0.04432,0.00326,-0.05207,0.00578,0.06819,-0.01447,-0.08643,0,-0.0329,0.00433,-0.00398,-0.07756,0.03842,0.03248,-0.07135,0.03423,-0.04904,-0.00481,-0.04288,0.02532,-0.01822,0.12096,0.04846,-0.06676,0.05703,-0.03008,-0.04107,-0.05108,0.01053,-0.0036,0.03994,0.05795,-0.02738,-0.09043,0.03804,0.05791,-0.00584,0.01485,-0.05763,0.03441,-0.04245,0.01118,-0.10885,0.12318,-0.01676,0.00979,-0.04366,0.01216,0.13948,0.04411,-0.01959,-0.06356,0.01086,0.01061,0.00256,-0.01394,-0.05047,0.01651,-0.04602,-0.00355,-0.01231,0.00193,0.02739,-0.05284,0.01813,0.07244,0.08128,0.00889,-0.04889,0.03298,0.06806,-0.00026],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Create Connection Selector: f-connection-for-create Class: FConnectionForCreateComponent FConnectionForCreateComponent is the temporary preview link used while the user drags to create a connection. F Connection For Create Component","excerpt":"Create Connection Selector: f-connection-for-create Class: FConnectionForCreateComponent FConnectionForCreateComponent is the temporary preview link used while the user drags to create a connection."},{"chunkId":"/docs/f-connection-for-create-component#1","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.05935,-0.08282,-0.07816,0.12126,-0.03445,0.07038,0.04956,-0.00121,0.12085,0.0042,0.02195,0.02855,-0.03632,0.00663,-0.02571,0.00997,0.00728,-0.10225,-0.01768,0.01534,-0.00815,-0.18697,-0.02217,-0.0523,-0.01259,-0.08409,0.00094,-0.03607,0.09494,0.01404,0.03061,0.04662,-0.12335,-0.04982,-0.07003,0.00774,0.04445,-0.00216,-0.08635,-0.03187,0.07797,-0.07019,0.04309,0.00394,-0.00606,0.03892,-0.0164,-0.02528,-0.01143,0.06538,-0.03532,0.08371,0.03063,0.01533,0.0886,0.05457,0.07989,-0.01559,-0.1121,0.0623,-0.02248,-0.02452,0.00532,-0.06819,-0.0478,0.06609,-0.00336,0.03407,0.05016,-0.05251,-0.03897,0.01948,-0.03547,-0.05732,0.04974,-0.00842,-0.02493,0.05614,-0.04778,-0.02055,0.12655,0.10049,0.00797,-0.04086,-0.04601,0.09796,0.00784,-0.10955,-0.02246,0.0747,-0.02396,0.08887,-0.07622,-0.04289,-0.0088,0.00915,-0.02693,0.01462,-0.02406,-0.01081,0.01256,0.02895,0.0138,0.07926,0.00607,-0.02916,-0.06805,-0.00436,-0.01608,0.04117,0.04304,-0.01386,0.06424,-0.05435,-0.03872,0.04316,-0.05165,0.00645,0.12275,0.08084,0.00479,0.03465,-0.0239,-0.03226,0.00801,-0.04198,-0.00584,0,0.03704,-0.01075,-0.00795,0.05074,0.02212,-0.01954,0.01704,-0.04507,-0.00108,-0.03519,-0.07675,-0.01336,-0.01941,0.01432,-0.06884,-0.11766,-0.02209,0.02661,-0.00763,0.02404,0.01886,-0.03602,0.04288,-0.0668,0.08497,0.04151,-0.04876,0.10969,0.0087,-0.00065,-0.04397,-0.00778,-0.01049,-0.03154,-0.03672,-0.01805,-0.04813,-0.02908,-0.06145,-0.00864,0.0111,-0.03062,-0.09899,0.03212,-0.03295,-0.0256,-0.02442,0.00825,0.04544,0.00973,0.02091,0.02097,0.02864,-0.01441,0.01752,-0.06033,-0.0553,-0.00265,-0.01488,0.0319,-0.03837,0.05164,-0.11035,0.02783,0.03234,0.08885,0.0394,0.02911,0.01563,-0.09482,-0.02959,0.04773,-0.08326,-0.07802,0.05546,-0.04085,-0.02469,-0.0201,0.04224,0.01434,0.04249,-0.07318,-0.00585,0.09427,0.06495,-0.06071,-0.04606,-0.07762,-0.07059,-0.02839,0.03458,0.06547,0.13368,0.05419,0.04743,0,0.0447,-0.02496,-0.01263,0.0386,-0.02101,0.01638,0.01158,-0.02913,0.01019,-0.01205,-0.01856,0.04261,-0.01848,-0.03365,-0.03963,-0.02044,-0.01586,-0.06772,-0.02622,0.03578,0.07907,0.01166,0.00998,-0.04263,-0.05956,-0.02156,0.07581,0.03108,-0.06565,-0.01277,0.04575,-0.02058,-0.05609,-0.02383,-0.01529,-0.00312,0.0298,0.08771,0.06958,0.0145,0.00931,0.04234,-0.02704,0.05296,-0.0325,0.05609,-0.12335,-0.09062,-0.02945,0.07995,-0.08767,0.03598,-0.09013,-0.01095,-0.07874,0.00233,0.03223,0.0134,-0.02408,0.03774,0.05371,-0.08062,-0.02624,-0.01048,0.07928,0.00637,0.05361,0.03344,0.11497,0.05335,0.04437,0.03845,-0.00547,-0.00234,0.04963,0.03708,0.0448,-0.07851,0.05554,0.09278,-0.05897,0.04978,0.0221,-0.02834,0.00592,0.03484,-0.01137,0.00767,0.0661,0.04612,-0.04061,-0.00258,0.01667,0.00758,-0.05956,0,-0.04015,0.00797,-0.04363,-0.03697,0.01728,-0.00438,-0.05525,0.01817,-0.03376,-0.00941,-0.05346,0.04776,-0.05896,0.05466,0.06081,-0.01098,0.08616,-0.02332,-0.06357,-0.02069,0.00222,0.00652,-0.03441,0.0825,-0.04993,-0.08334,0.08068,0.05734,-0.02026,0.0433,-0.03216,0.03265,-0.01606,0.06502,-0.12748,0.09282,-0.00252,-0.01149,-0.03688,-0.0236,0.07054,0.01777,-0.02265,-0.05995,-0.01871,0.05949,-0.02199,0.00309,-0.00625,0.06061,-0.03939,0.01847,-0.02695,0.0447,0.06516,-0.03384,0.02923,0.06755,0.13696,0.00861,-0.06624,0.0256,0.06698,-0.01416],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Why / Use cases Use f-connection-for-create in interactive editors where users draw connections by dragging from outputs/outlets. Typical use cases: - Drag-to-connect interfaces. - Visual node editors where connection creation should feel immediate. - Editors that apply custom preview style before committing real connections. Do not persist business state from this component directly; use fCreateConnection output from fDraggable to create real f-connection entries. In the default stateless mode your event handler creates that record. With the optional Managed Flow State plugin, a valid finished gesture creates it in the plugin store automatically, subject to connectionFactory. f Create Connection f Draggable connection Factory","excerpt":"Why / Use cases Use f-connection-for-create in interactive editors where users draw connections by dragging from outputs/outlets. Typical use cases: - Drag-to-connect interfaces. - Visual node editors where connection creation should feel immediate. - Editors that apply custom preview style before committing real connections. Do not persist business state from this component directly; use fCreateConnection output from fDraggable to create real f-connection entries. In the default stateless mode your event handler creates that record. With the optional Managed Flow State plugin, a valid finished gesture creates it in the plugin store automatically, subject to connectionFactory."},{"chunkId":"/docs/f-connection-for-create-component#2","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.05609,-0.07553,-0.08226,0.14372,0.01713,0.09506,0.04012,-0.01493,0.09378,-0.02127,0.04676,0.02867,-0.05864,-0.01698,-0.08321,-0.02733,-0.01482,-0.05375,-0.03663,0.01964,0.00794,-0.16296,-0.00131,-0.06294,0.03463,-0.09977,0.01854,-0.03886,0.08847,-0.03274,0.02346,0.01924,-0.1393,-0.05807,-0.04109,0.00575,0.04488,-0.01108,-0.0566,-0.03448,0.05397,-0.04813,-0.00136,0.01143,-0.01451,0.05689,-0.02467,-0.0067,0.00833,0.07866,-0.06655,0.03112,0.03101,0.03313,0.07066,0.07404,0.04997,0.00517,-0.07349,0.0518,-0.03384,-0.00911,0.05433,-0.08098,0.00981,-0.00161,-0.01254,-0.01781,0.03178,-0.08638,0.01298,0.00462,0.00656,-0.03695,0.08269,0.04884,-0.04409,0.08125,-0.00637,-0.03251,0.13864,0.08887,-0.00442,-0.0269,0.01735,0.11897,0.02123,-0.07142,-0.07228,0.03445,0.02228,0.02987,-0.04552,-0.02827,-0.03561,-0.05042,-0.02336,0.01707,-0.03816,0.01941,-0.00121,0.01191,0.04881,0.09399,-0.03001,-0.02237,-0.03151,-0.03581,-0.04012,0.02521,0.04327,-0.022,0.02835,-0.01489,-0.03945,0.05316,-0.06305,0.02907,0.08678,0.03344,0.00835,0.03538,-0.00125,-0.02417,-0.00551,-0.03915,-0.00273,0,0.00977,-0.00585,-0.03932,0.01562,0.01546,-0.05206,0.06633,-0.03059,-0.02959,-0.06418,-0.07898,-0.02943,-0.00012,0.02943,-0.07744,-0.13371,-0.0098,0.09973,-0.04564,0.01266,-0.01838,-0.00437,0.01346,-0.08634,0.07496,0.06212,-0.049,0.0649,0.02096,0.02782,-0.0732,0.08808,-0.02153,-0.00213,-0.06851,-0.01789,-0.05396,-0.03234,-0.02957,-0.00149,0.04586,-0.07792,-0.07542,0.02975,-0.07628,-0.03786,0.0239,0.03756,0.00829,-0.06181,0.02354,0.01887,0.00492,-0.04263,0.04274,-0.09735,-0.05973,0.03954,0.02751,0.00745,0.00085,0.09344,-0.07446,0.01669,0.0015,0.07338,0.02017,-0.00724,0.06084,-0.04753,-0.02846,0.02539,-0.02698,-0.05515,0.00748,-0.03832,-0.08391,-0.06051,0.06305,0.00103,0.027,-0.08617,0.02225,0.05806,0.0677,-0.12421,-0.04311,-0.04539,-0.08585,-0.06088,0.00055,0.02528,0.08477,0.01401,0.06651,0,0.02098,0.0154,-0.03619,0.02598,-0.06342,0.03028,-0.00513,-0.01441,-0.04896,-0.01782,0.01354,0.0119,-0.03583,-0.03125,-0.05651,0.05285,0.00007,-0.03028,-0.04773,-0.01921,0.07346,-0.05537,0.0276,0.01974,-0.0376,-0.03409,0.17414,0.02812,-0.02206,-0.04425,0.05631,-0.01952,-0.07188,-0.01518,0.04052,-0.00297,0.05709,0.03243,0.05775,0.02569,0.01061,0.03159,0.04662,0.06601,0.01052,0.02347,-0.08558,-0.04297,-0.00244,0.06242,-0.02906,-0.00244,-0.03581,-0.04739,-0.0738,0.0404,0.03306,0.02429,-0.00656,0.04747,0.08923,-0.08141,-0.05341,-0.00401,0.09815,0.00101,0.03735,0.02208,0.07345,0.05944,0.05526,0.05188,0.08027,-0.00586,0.08243,0.02447,0.04499,-0.03969,0.09707,0.03681,0.00848,-0.0117,0.03189,-0.06053,0.01422,0.02279,-0.00758,0.05028,0.02315,0.0095,-0.05698,0.00718,0.04779,-0.0089,-0.06385,0,-0.03916,0.00642,-0.006,-0.07097,0.0473,-0.0278,-0.07216,0.03812,-0.05015,-0.04848,-0.02933,0.00421,0.01655,0.07146,0.09568,-0.03505,0.04624,0.00752,-0.048,-0.07883,0.01591,0.00492,0.03355,0.03362,-0.03043,-0.10968,0.06711,0.07652,0.01726,0.00479,-0.04918,0.03989,-0.02999,0.03198,-0.1162,0.14289,0.02385,0.01877,-0.02849,0.04144,0.09674,0.01598,-0.02011,-0.0624,-0.01263,0.0158,-0.00751,-0.00873,-0.0626,0.02804,-0.06427,0.02341,-0.01685,0.03169,0.02361,-0.05723,-0.01804,0.08091,0.09287,0.02685,-0.04166,0.01629,0.05937,0.04016],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. How it works The component is registered as a special connection instance and controlled by drag logic. During a drag session, internal fOutputId/fInputId signals update from pointer context; after finalize, the preview is hidden again. f Output Id f Input Id","excerpt":"How it works The component is registered as a special connection instance and controlled by drag logic. During a drag session, internal fOutputId/fInputId signals update from pointer context; after finalize, the preview is hidden again."},{"chunkId":"/docs/f-connection-for-create-component#3","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.07453,-0.11979,-0.07742,0.14716,0.03268,0.06426,-0.01649,-0.03129,0.06382,0.01685,0.03092,0.03776,-0.01951,0.00771,-0.05563,0.01297,-0.00306,-0.06006,-0.00342,0.06358,-0.00882,-0.17167,-0.01223,-0.05092,0.07538,-0.14747,-0.03071,-0.02452,0.0738,0.0009,0.05091,0.02445,-0.1693,-0.05005,-0.00117,-0.00051,0.03941,-0.00157,-0.02439,-0.03767,0.06696,-0.04608,0.00524,0.01805,-0.02423,0.04814,-0.01149,-0.00722,0.02862,0.10936,-0.06909,0.04189,-0.01075,-0.03897,0.06866,0.07298,0.0166,0.00347,-0.07562,0.05384,0.01465,-0.0224,0.04821,-0.09013,-0.0084,0.03737,-0.04406,0.02319,0.02391,-0.04789,-0.02202,0.01667,-0.02922,-0.02015,0.07083,0.03855,-0.00247,0.09098,-0.03962,-0.02196,0.10086,0.11403,-0.00066,-0.04183,-0.00812,0.10507,0.04284,-0.03187,-0.0593,0.02414,0.0222,0.0714,-0.03286,-0.02901,-0.0527,-0.01844,-0.01856,-0.00123,-0.03587,0.00167,-0.01036,0.00649,0.02492,0.08901,-0.01021,-0.04906,-0.0151,-0.01534,-0.03493,0.05222,0.04486,-0.01603,0.02813,-0.02504,-0.05098,0.07779,-0.10157,0.01751,0.11318,0.05406,0.04448,0.02639,-0.0119,-0.04497,0.0191,-0.06761,0.02364,0,0.0355,0.01076,0.00906,0.031,0.0353,-0.08015,0.05286,-0.01531,-0.04939,-0.08919,-0.08762,-0.00944,0.00394,0.01498,-0.09408,-0.12123,-0.01343,0.06949,-0.01818,0.02703,-0.06931,-0.03313,0.03284,-0.08871,0.04347,0.04635,-0.01954,0.07337,-0.00051,0.02797,-0.08764,0.06592,-0.01738,-0.00027,-0.06443,-0.01957,-0.06231,-0.00031,-0.04717,-0.00308,0.04672,-0.083,-0.08046,0.05368,-0.05096,-0.01441,0.04235,0.01078,0.00684,-0.04539,0.009,0.00157,-0.02196,-0.03413,0.01425,-0.09638,-0.08941,0.02061,0.0252,-0.02858,-0.00024,0.04056,-0.06282,0.0184,0.02187,0.03443,0.04134,0.05041,0.03955,-0.05912,-0.00478,0.02336,-0.03447,-0.08421,0.00476,-0.07121,-0.0426,-0.02799,0.07949,0.02414,0.05724,-0.10069,0.00178,0.00599,0.03368,-0.09446,-0.02503,-0.02624,-0.08686,-0.03968,-0.01216,0.05007,0.09364,0.01026,0.07921,0,0.05095,-0.03921,-0.0119,0.03793,-0.01517,0.04964,0.01262,0.02812,-0.04428,-0.00182,0.0033,0.00609,-0.04715,-0.04373,-0.07512,0.00143,-0.00369,-0.05067,-0.03302,0.00501,0.06997,-0.04187,0.01681,-0.00242,-0.00675,-0.01404,0.16113,0.04436,-0.05034,-0.02995,0.06467,-0.00049,-0.0753,-0.007,0.06918,0.0425,0.07486,0.08176,0.05949,0.00809,0.00512,-0.01372,0.01956,0.01748,0.03553,0.00666,-0.05985,-0.08017,-0.04218,0.08881,-0.01856,0.00411,-0.06517,-0.07241,-0.06306,0.01328,-0.0064,-0.0207,0.00579,0.05654,0.05449,-0.08478,-0.05834,0.00143,0.05314,-0.03926,0.03072,0.02581,0.04897,0.0749,0.0112,0.04218,0.04902,-0.02505,0.0649,-0.02726,0.06512,-0.02238,0.07354,0.03816,-0.01312,0.02132,0.03955,-0.05037,0.00605,0.00968,0.01545,0.07594,0.03067,0.02193,-0.05921,-0.0115,0.05948,-0.00612,-0.06772,0,-0.02288,0.04302,-0.01807,-0.03705,0.01555,0.01127,-0.06959,0.04861,-0.02894,-0.00821,-0.04069,0.01482,-0.02793,0.13572,0.02208,-0.06039,0.06029,-0.01193,-0.04038,-0.06755,0.01197,0.00706,0.06517,0.0043,-0.03207,-0.07105,0.04546,0.0553,0.00872,0.00605,-0.07005,0.02609,-0.03619,0.01134,-0.11809,0.09011,0.00815,0.0045,-0.05364,-0.0099,0.14472,0.06015,-0.01372,-0.08279,-0.00424,-0.00429,-0.00218,-0.00983,-0.01375,0.00741,-0.02703,0.00089,-0.00474,0.01454,0.04509,-0.04281,0.01502,0.07638,0.11441,0.00927,0.0152,0.02715,0.07821,0.03623],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. API","excerpt":"API"},{"chunkId":"/docs/f-connection-for-create-component#4","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.01388,-0.06179,-0.11669,0.07357,-0.01302,0.07848,-0.0281,0.08154,0.01308,-0.04261,0.05601,0.00845,-0.07377,-0.02715,-0.04272,-0.02367,-0.05863,-0.10529,0.01457,0.04084,-0.01464,-0.15424,0.0255,-0.07896,-0.04239,-0.08211,0.04388,0.00279,-0.01796,-0.0642,-0.00746,0.03618,-0.13228,-0.03657,-0.01111,-0.05113,0.05564,0.00281,-0.08128,-0.08013,0.06407,-0.07785,0.0645,-0.0021,0.00874,0.00464,-0.09217,0.00864,0.07742,0.04708,0.00861,0.01007,-0.0186,0.03998,0.08743,0.14516,0.00948,0.00321,-0.01969,0.04152,0.06222,-0.04472,0.00001,-0.0361,-0.05643,-0.00121,0.02942,0.01218,-0.04136,-0.00481,-0.06131,0.01871,-0.04005,-0.0506,0.13013,0.06919,-0.03794,0.12159,-0.01072,-0.00399,0.05263,0.08849,-0.00099,0.02844,0.03703,0.07184,0.00563,-0.07742,-0.01959,0.04314,0.02338,-0.00271,-0.039,-0.00214,-0.04953,-0.00949,-0.04542,-0.00868,-0.08212,0.00099,-0.06217,0.0355,0.02442,0.04982,0.02252,0.00158,-0.04111,0.03718,0.01436,-0.01958,0.00531,-0.07072,0.00649,-0.04208,-0.02745,0.02295,-0.04985,-0.02269,0.08128,0.01959,0.01517,0.06309,-0.05384,-0.03946,-0.00664,-0.02358,-0.0123,0,0.03772,0.00928,-0.03302,0.00883,0.05813,0.01565,-0.00321,0.02525,-0.0263,0.03183,-0.1007,-0.02016,-0.02649,-0.02515,-0.08182,-0.12747,-0.00684,0.06213,-0.09191,0.01188,-0.03502,-0.03915,0.04959,-0.1236,0.0712,0.051,-0.08565,0.10983,0.06251,0.02606,-0.04573,0.02509,-0.0181,0.01016,-0.03614,-0.05269,-0.0233,-0.04297,-0.03727,0.04329,0.00656,-0.04741,-0.04845,0.01358,0.01138,-0.01202,0.07107,-0.02179,0.0596,-0.01197,-0.04229,0.01262,-0.02285,0.00593,0.0266,-0.06845,-0.11705,0.12021,0.01426,0.03245,-0.02653,0.07353,-0.04307,-0.03459,0.04191,0.08717,-0.01575,-0.02548,-0.00724,-0.08309,-0.03036,0.03796,-0.03093,-0.0243,-0.02864,-0.0237,-0.0687,0.00627,0.06196,-0.03157,-0.01219,-0.00942,0.01017,0.04685,0.0949,-0.08883,-0.01221,-0.06874,-0.0139,-0.05179,-0.00273,0.05607,0.07218,-0.00561,0.04764,0,0.01633,0.01654,-0.0042,-0.00166,-0.00764,0.06307,0.06776,0.02475,0.02546,0.02411,0.05919,0.05906,-0.01997,-0.09873,-0.01179,0.01439,-0.02163,-0.03877,-0.01261,0.01622,0.0579,-0.07752,0.00172,-0.02369,0.0128,0.00726,0.14208,-0.02057,-0.03628,-0.00689,0.0387,0.01376,-0.0836,0.02822,0.02651,0.02209,0.02396,0.07367,0.08782,-0.04131,0.05437,0.02993,-0.01544,-0.00286,0.00002,-0.00227,-0.0558,-0.03001,-0.10625,0.06646,-0.04949,0.01561,-0.03121,0.02114,-0.05804,0.02401,0.08353,-0.0191,-0.01834,0.0701,0.10124,-0.08232,-0.01041,0.00451,0.09037,0.00709,0.04854,0.02554,0.04113,0.04238,0.03462,0.02551,0.04262,-0.01396,0.07596,0.00542,0.03281,-0.09981,0.04473,0.06348,-0.01238,0.01407,0.00708,-0.05175,-0.02409,-0.03876,0.05206,0.07364,0.07731,0.04567,-0.05901,-0.02546,0.06276,0.0744,-0.05121,0,-0.06742,0.00577,-0.03133,-0.03854,0.02101,0.01056,-0.01912,0.00988,-0.07622,-0.04303,-0.03856,0.06921,-0.02525,0.1221,0.06674,-0.03784,0.02221,-0.01466,-0.02934,-0.01163,-0.00024,-0.04234,0.04887,0.04319,-0.01649,-0.1074,-0.01292,0.07727,-0.03336,0.01612,-0.06604,0.00859,-0.02107,0.0511,-0.11419,0.08341,-0.04594,0.01298,-0.09482,0.04264,0.09219,-0.00571,-0.00891,-0.05929,0.0386,0.03179,0.06391,0.06544,-0.05438,-0.02057,-0.04064,0.02202,0.02492,-0.06902,-0.00865,-0.04505,-0.00872,0.0234,0.03578,-0.01322,-0.08723,0.05615,0.05686,0.01331],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Inputs - fRadius: number; Default: 8. Connection corner radius. - fOffset: number; Default: 12. Distance from connector to first bend. - fBehavior: EFConnectionBehavior; Default: FIXED. Defines how the connection handles connector positions. - fType: EFConnectionType; Default: STRAIGHT. Type of the path (segment, straight, bezier). - fInputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for target connection. - fOutputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for source connection. f Radius f Offset f Behavior EF Connection Behavior f Type EF Connection Type f Input Side EF Connection Connectable Side f Output Side","excerpt":"Inputs - fRadius: number; Default: 8. Connection corner radius. - fOffset: number; Default: 12. Distance from connector to first bend. - fBehavior: EFConnectionBehavior; Default: FIXED. Defines how the connection handles connector positions. - fType: EFConnectionType; Default: STRAIGHT. Type of the path (segment, straight, bezier). - fInputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for target connection. - fOutputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for source connection."},{"chunkId":"/docs/f-connection-for-create-component#5","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.04464,-0.11503,-0.07732,0.13651,0.0174,0.08527,0.00805,-0.01683,0.01871,0.00838,0.04456,0.01132,-0.04329,-0.0276,-0.06307,0.00973,-0.00833,-0.06653,0.00075,0.06977,-0.03656,-0.15829,-0.00835,-0.04932,0.04509,-0.12407,-0.01805,-0.0206,0.05809,-0.02434,0.04585,0.01481,-0.1731,-0.06034,-0.00346,-0.02116,0.04094,0.02564,-0.04925,-0.06697,0.06045,-0.06094,0.02897,0.01479,0.00523,0.0446,-0.04343,-0.00052,0.04929,0.05732,-0.00751,0.04705,-0.01619,-0.02268,0.06948,0.10977,0.02185,0.0038,-0.06793,0.06018,0.01745,0.00632,0.02608,-0.10616,-0.01218,0.03563,-0.01023,0.0153,0.0029,-0.02379,-0.05444,0.01027,-0.02618,-0.01799,0.09797,0.06544,-0.0174,0.09172,-0.02634,-0.03665,0.08843,0.12467,0.00251,-0.03639,0.00732,0.08258,0.03863,-0.05398,-0.04757,0.05564,0.03971,0.03486,-0.02667,-0.03598,-0.03706,-0.04472,-0.02126,0.02663,-0.03064,0.00123,-0.01277,0.01773,0.04173,0.06889,-0.00886,-0.02536,-0.00349,-0.01125,-0.01207,0.02673,0.02653,-0.05475,-0.00084,-0.07766,-0.03692,0.0351,-0.09693,-0.00654,0.09573,0.01196,0.02919,0.02584,-0.00744,-0.06799,0.00221,-0.07443,0.00984,0,0.04022,0.00937,-0.03152,0.03011,0.0308,-0.02722,0.03191,0.00809,-0.03133,-0.05949,-0.09694,-0.00283,0.00263,0.0277,-0.09186,-0.12194,-0.01219,0.06642,-0.02945,0.01839,-0.07355,-0.00183,0.04558,-0.1141,0.05226,0.0247,-0.02027,0.07251,0.02224,0.02435,-0.06818,0.07473,-0.0059,0.01352,-0.06243,-0.02575,-0.04086,-0.01179,0.00724,0.00547,0.04042,-0.08904,-0.0691,0.03581,-0.02019,-0.02325,0.08133,0.00195,0.01977,-0.05283,0.01696,-0.01491,-0.04266,-0.00074,0.0091,-0.0674,-0.10647,0.07087,0.03471,-0.02182,-0.00609,0.07521,-0.0496,0.00807,0.03778,0.04999,0.036,0.00115,0.00196,-0.10251,-0.00769,-0.00772,-0.04682,-0.08755,-0.0153,-0.06209,-0.06512,-0.00314,0.06518,0.00645,0.01628,-0.06675,0.01952,0.0215,0.05585,-0.10359,-0.04762,-0.03458,-0.07556,-0.05442,-0.0127,0.04798,0.11168,0.03205,0.10533,0,0.05013,-0.01654,-0.02192,0.02532,-0.01082,0.07141,0.01349,0.00524,-0.04556,0.01143,0.04688,0.01884,-0.02903,-0.0545,-0.0683,-0.01884,0.00406,-0.03303,-0.03944,0.02649,0.08649,-0.06957,0.01417,-0.00851,0.00824,-0.01087,0.18126,0.02349,-0.03605,-0.04548,0.04717,0.01778,-0.05606,0.00595,0.06024,0.03794,0.06443,0.03636,0.02959,-0.01614,0.01383,0.00813,0.01954,0.01898,0.04725,0.01592,-0.08273,-0.05833,-0.04574,0.10331,-0.01999,0.00038,-0.07916,-0.04936,-0.07019,0.03807,0.03106,-0.0214,0.00379,0.06725,0.09595,-0.07159,-0.02629,0.01665,0.08017,-0.01455,0.03542,0.01223,0.03911,0.06198,0.00205,0.02424,0.03407,-0.04897,0.05778,-0.00647,0.06986,-0.05356,0.06564,0.04209,-0.01063,0.00111,0.02319,-0.0678,-0.01618,-0.00919,-0.0056,0.06577,0.03072,0.0249,-0.05113,-0.03411,0.06282,0.03143,-0.08382,0,-0.03151,0.02587,0.01063,-0.0752,0.00872,-0.00122,-0.03969,0.04188,-0.03924,-0.00747,-0.03188,0.01203,-0.01944,0.13396,0.07171,-0.06738,0.04962,-0.01901,-0.04482,-0.07107,0.01697,-0.03043,0.07345,0.03216,-0.02963,-0.08525,0.05292,0.07388,-0.02001,0.044,-0.06416,0.01939,-0.0413,0.02127,-0.10865,0.11683,-0.00712,-0.01082,-0.06949,-0.01161,0.1219,0.06073,-0.022,-0.07895,0.02733,0.00956,0.02873,0.02961,-0.0366,-0.01513,-0.04299,0.00929,0.00743,-0.03011,0.01649,-0.03044,0.00983,0.04907,0.12602,0.00294,-0.02701,0.00251,0.04768,0.03259],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide EF Connection Behavior EF Connection Type EF Connection Connectable Side","excerpt":"Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide"},{"chunkId":"/docs/f-connection-for-create-component#6","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.02461,-0.09599,-0.07777,0.14707,0.00945,0.06901,0.00075,-0.01896,0.03084,-0.00163,0.0103,0.02895,-0.02747,-0.00587,-0.04295,-0.0128,-0.01647,-0.05495,0.02645,0.08261,0.00723,-0.17488,-0.00695,-0.07221,0.0353,-0.11276,-0.00628,-0.00938,0.0555,-0.03252,0.05186,-0.00088,-0.16587,-0.03063,0.00041,-0.00397,0.07276,0.00168,-0.04627,-0.01056,0.08472,-0.04168,0.04478,-0.00143,-0.0036,0.00814,-0.0199,-0.03829,0.04963,0.05512,-0.05712,0.01482,-0.00715,-0.03003,0.0761,0.08706,0.0322,-0.00944,-0.08762,0.05393,-0.0052,-0.01921,0.03914,-0.07969,-0.01109,0.01604,-0.02224,0.04557,0.02822,-0.04636,-0.04368,0.00143,-0.02749,-0.03081,0.06818,0.07107,0.01671,0.11257,-0.00513,-0.04301,0.11719,0.09605,0.01409,-0.02837,-0.00495,0.10299,0.03562,-0.09128,-0.05248,0.04869,0.02804,0.04262,-0.05445,-0.02682,-0.03171,-0.01578,-0.02982,-0.01469,-0.01551,0.01011,-0.01362,-0.03505,0.05358,0.06355,-0.02405,-0.00998,-0.00916,0.00977,-0.03191,0.0224,0.04021,-0.02669,0.00497,-0.06593,-0.03553,0.03915,-0.06733,0.01233,0.07811,0.0477,0.0357,0.02453,0.0032,-0.03653,0.02866,-0.04785,0.01424,0,0.03437,0.00737,-0.02056,0.03546,0.05537,-0.06167,0.04319,-0.00091,-0.05777,-0.05954,-0.0753,-0.0462,-0.01346,-0.01607,-0.0883,-0.11141,-0.0107,0.08688,-0.03345,0.0271,-0.07767,-0.05501,0.01078,-0.10087,0.05649,0.03171,-0.04615,0.09364,-0.01707,0.02053,-0.05485,0.07863,0.01428,0.01081,-0.05708,-0.01384,-0.05217,0.01361,-0.0452,-0.00265,0.03897,-0.08282,-0.06229,0.0639,-0.0397,-0.00592,0.04756,-0.00073,0.02207,-0.06986,-0.00609,-0.00142,-0.01894,-0.00924,0.03228,-0.07323,-0.06407,0.08016,0.04486,-0.01908,-0.03798,0.06935,-0.08576,0.00454,0.04312,0.04065,0.04609,0.01234,0.02839,-0.03657,-0.0071,0.01363,-0.03115,-0.08159,0.01437,-0.06012,-0.06115,-0.01048,0.11911,0.0263,0.0261,-0.11086,-0.0017,0.02837,0.04002,-0.10078,-0.01785,-0.04336,-0.05118,-0.08716,0.00815,0.05424,0.10793,-0.00874,0.08053,0,0.05511,0.01288,-0.00884,0.03614,-0.02712,0.05075,0.03027,-0.00731,-0.05838,0.0136,0.03998,0.00504,-0.01346,-0.05762,-0.07504,0.00172,0.02072,-0.06698,-0.03191,-0.00294,0.05426,-0.04265,0.0162,-0.03637,-0.01869,-0.02037,0.16447,0.04426,-0.06479,-0.02096,0.0643,-0.01476,-0.0406,0.00618,0.05925,0.03981,0.0707,0.07598,0.07422,0.01509,-0.00931,-0.01153,0.0392,0.04161,0.03032,0.02302,-0.04988,-0.06976,-0.03424,0.07256,-0.0511,-0.00925,-0.07938,-0.04387,-0.06014,0.02058,-0.02427,-0.02141,-0.02919,0.07156,0.07983,-0.07064,-0.05122,0.00799,0.06242,-0.06353,-0.0011,0.00786,0.03373,0.04505,0.00382,0.04153,0.05395,-0.00921,0.07562,-0.01394,0.09031,-0.00627,0.09777,0.05687,-0.01571,0.02472,0.01672,-0.09115,-0.01534,0.00886,0.00918,0.08949,0.02451,0.01769,-0.07921,0.00718,0.08581,-0.02201,-0.05967,0,-0.05637,-0.00064,0.01572,-0.08637,0.00311,0.02599,-0.05742,0.05016,-0.01322,0.01494,-0.06836,0.03502,-0.01753,0.1272,0.05141,-0.04845,0.05594,0.01071,-0.05106,-0.05424,0.00647,-0.01072,0.07802,0.01962,-0.0344,-0.07644,0.03261,0.05162,0.01758,0.0267,-0.06077,0.01732,-0.05387,0.02753,-0.10872,0.10484,0.00685,0.02172,-0.0364,0.04549,0.13211,0.04394,-0.01309,-0.05811,-0.00312,0.01629,-0.00043,0.0051,-0.04021,0.01216,-0.03501,-0.00096,-0.03916,-0.02404,0.01458,-0.04219,0.01898,0.08431,0.09333,0.03658,-0.03814,-0.00863,0.06523,0.05063],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Styling - .f-connection Base connection class. - .f-connection-for-create Preview host class. - .f-connection-path Preview path element. - .f-connection-drag-handle Preview endpoint handle element.","excerpt":"Styling - .f-connection Base connection class. - .f-connection-for-create Preview host class. - .f-connection-path Preview path element. - .f-connection-drag-handle Preview endpoint handle element."},{"chunkId":"/docs/f-connection-for-create-component#7","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.06325,-0.1239,-0.07984,0.09505,0.02147,0.10974,0.00808,-0.05723,0.01353,-0.01558,-0.02782,0.03987,-0.00897,-0.02227,-0.02083,0.07599,-0.00086,-0.00149,-0.0496,-0.01883,-0.06367,-0.18554,-0.04918,-0.03348,0.01904,-0.06867,0.03059,-0.014,0.06631,-0.01115,0.00206,-0.0021,-0.1338,0.00663,-0.05862,0.01513,0.03994,0.03316,-0.07089,-0.00609,0.04995,-0.0072,0.00114,-0.03037,0.01487,0.01132,0.03749,0.00787,-0.00745,0.06149,-0.0332,-0.06033,-0.00313,-0.02866,0.03258,0.12462,0.05072,-0.00153,-0.05816,0.00473,-0.03897,-0.02369,0.06473,-0.06202,0.00891,0.00424,-0.01843,0.01877,0.06332,-0.02791,-0.0439,0.01473,0.02185,-0.03626,0.07758,0.08521,0.07525,0.12132,-0.0107,-0.12375,0.10586,0.11547,0.01133,0.01001,0.02998,0.08932,0.01979,-0.0995,-0.07151,0.08195,0.04641,0.07147,-0.11905,-0.02231,-0.05558,-0.04267,-0.0611,-0.07922,-0.01146,0.01798,-0.03553,-0.04942,0.04592,0.06654,-0.04526,-0.03889,-0.01877,0.06048,-0.0471,0.03034,0.07973,-0.00942,0.0491,-0.0558,-0.03046,0.00848,-0.06561,-0.01109,0.0902,0.07552,0.02448,0.02113,-0.06691,-0.02365,-0.05095,-0.04926,0.02852,0,0.04379,0.0035,-0.00748,0.04679,0.04833,-0.02682,0.02445,-0.04017,-0.08108,-0.11027,-0.04983,0.00026,-0.05521,0.05289,-0.10246,-0.12736,0.02521,0.01937,-0.02849,0.02442,-0.04346,-0.03134,-0.02102,-0.10682,0.02131,0.03858,0.04082,0.0719,-0.03366,0.02776,-0.06689,0.02247,-0.009,0.02134,-0.09482,0.00335,-0.02584,-0.02618,-0.02601,0.07007,0.00695,0.00551,-0.03704,0.04318,-0.04395,0.04654,0.05264,0.01726,0.03988,-0.02862,-0.02263,0.04021,0.00307,-0.04472,0.04709,-0.06576,-0.05204,0.02987,0.06808,-0.06108,0.05066,0.06528,-0.0553,-0.00699,0.03992,0.06073,0.00191,0.02542,-0.0247,-0.00248,0.00096,0.06419,-0.0421,-0.07967,0.0392,-0.0143,0.00746,0.00707,0.12273,-0.02608,-0.00895,-0.02569,-0.032,0.01105,-0.00851,-0.05822,-0.00915,-0.03623,-0.04131,-0.0703,-0.03886,0.00246,0.05759,0.02484,0.06491,0,0.02139,0.04739,0.00021,0.05349,-0.01794,0.03728,0.02301,0.00844,-0.05652,0.07153,0.00688,0.02198,-0.05811,-0.01051,-0.09418,-0.02621,-0.02702,0.04343,-0.04181,-0.00906,-0.00105,-0.00696,-0.00137,-0.01207,-0.00859,-0.00271,0.13893,0.05036,-0.0873,-0.01525,0.04613,-0.00527,-0.04057,-0.0453,-0.04207,0.02927,0.04825,-0.00714,0.02845,0.03631,-0.00364,-0.02307,0.05108,-0.00854,0.01626,0.01343,-0.08314,-0.06759,-0.01441,0.0659,-0.01786,0.02105,-0.04103,0.00126,-0.08877,-0.01341,-0.01694,0.02803,0.03501,0.08678,-0.00551,-0.06214,-0.0652,-0.00361,0.07223,-0.02467,0.05904,-0.02305,0.11004,0.0613,0.04858,0.06719,0.05799,0.02656,0.08037,-0.06091,0.12361,0.00499,0.03045,0.06223,0.04169,-0.0164,0.08333,-0.02098,0.02664,-0.00255,-0.00675,0.07726,0.0635,-0.02914,-0.02488,-0.03079,0.03743,-0.09772,-0.07344,0,0.00097,0.02518,0.02859,-0.0227,-0.01329,-0.01216,-0.03464,0.01446,-0.01666,0.02562,-0.04,0.03314,-0.01014,0.08979,0.01858,0.01964,0.02562,0.02613,-0.04365,-0.0186,-0.05605,0.04637,0.0251,0.07087,-0.01275,-0.09229,0.03019,0.04828,0.05753,-0.0029,-0.09503,0.03514,0.02383,-0.03254,-0.10559,0.08734,-0.0682,0.04873,-0.05581,0.03899,0.0129,0.02636,0.01608,-0.06438,0.02378,-0.02514,-0.06711,-0.01987,-0.09039,0.04157,-0.02901,-0.02121,-0.01735,0.04572,0.04255,-0.11446,-0.03514,0.07065,0.05868,-0.00158,-0.01846,0.00892,0.06112,-0.03284],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Projected Gradient If you want a gradient preview stroke, project f-connection-gradient into f-connection-for-create and set the colors on the gradient config itself: Migration from the old API:","excerpt":"Projected Gradient If you want a gradient preview stroke, project f-connection-gradient into f-connection-for-create and set the colors on the gradient config itself: Migration from the old API:"},{"chunkId":"/docs/f-connection-for-create-component#8","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.06403,-0.10413,-0.09589,0.10874,0.01009,0.05633,0.01665,0.00155,0.03156,0.00159,0.04234,0.04492,-0.0351,-0.0034,-0.0257,0.02055,-0.03445,-0.04402,-0.02161,0.04613,-0.0356,-0.18061,-0.02035,-0.04855,0.01818,-0.10006,-0.01985,-0.02188,0.06309,-0.04383,0.08442,0.06579,-0.11295,-0.02945,-0.03039,0.01234,0.04363,0.00782,-0.04573,-0.05287,0.04523,-0.06912,0.01803,-0.01331,-0.0142,0.04726,-0.0153,0.01758,0.01982,0.10469,-0.05116,0.02828,-0.02691,0.00645,0.08929,0.09834,0.05477,0.01244,-0.08621,0.05302,0.01441,-0.00727,0.01485,-0.04178,-0.01497,0.05075,-0.02795,0.00538,0.04779,-0.01636,-0.00632,0.0302,-0.02835,-0.02863,0.09691,0.01426,0.00527,0.09236,-0.0473,0.00114,0.06058,0.08253,-0.03221,-0.05766,-0.00726,0.08221,0.00375,-0.07394,-0.03353,0.06336,-0.00293,0.08033,-0.01335,-0.04572,-0.04698,-0.01171,-0.03064,-0.0231,-0.05623,0.03441,-0.02642,-0.0059,0.01406,0.07099,0.00811,-0.04389,-0.05537,-0.013,-0.02244,0.01687,0.03414,-0.03484,0.04821,-0.04099,-0.0651,0.02751,-0.06331,-0.00866,0.1314,0.008,0.03679,0.0256,-0.00689,-0.02544,-0.00086,-0.05816,-0.02586,0,0.03582,0.01827,-0.01256,0.04136,0.02312,-0.0208,0.04633,-0.07767,-0.04633,-0.03492,-0.0944,0.00983,-0.00317,0.03638,-0.04185,-0.16905,-0.00395,0.03164,-0.01748,0.01808,-0.01903,-0.00204,0.01638,-0.07652,0.06949,0.06021,-0.03177,0.09155,0.00579,0.0367,-0.09645,0.04918,-0.00895,0.00233,-0.05431,0.00207,-0.0641,-0.04792,-0.06659,-0.03508,0.04981,-0.03372,-0.06072,0.03241,-0.0131,-0.05229,0.01093,0.03083,0.01431,0.01331,0.0489,0.01037,0.0282,-0.03957,-0.01522,-0.10359,-0.08897,0.02526,0.03077,0.04556,0.00758,-0.02047,-0.08325,0.02547,0.03264,0.09307,0.04261,0.02567,0.0286,-0.07721,-0.04311,0.04683,-0.0394,-0.06037,0.01332,-0.05414,-0.05989,-0.03504,0.06416,0.00139,0.03604,-0.08307,-0.04091,0.04442,0.07253,-0.08989,-0.03468,-0.04959,-0.09632,-0.00097,-0.01947,0.03161,0.12326,0.06335,0.11399,0,0.04293,-0.03223,-0.0138,0.05078,-0.03037,0.04576,0.02557,-0.01441,-0.05222,-0.01974,-0.04476,0.01755,-0.01842,-0.05501,-0.0724,0.00646,0.01577,-0.07539,-0.06249,0.04816,0.05465,-0.0454,0.00073,0.00595,-0.01425,-0.00437,0.11884,0.03854,-0.04573,-0.02779,0.04997,-0.04216,-0.08612,-0.04007,0.05009,0.02523,0.06432,0.07125,0.05202,0.00357,0.03833,0.03217,-0.01395,0.05669,0.02073,0.08582,-0.07712,-0.06105,-0.10541,0.09642,-0.08093,0.02448,-0.07373,-0.05979,-0.07116,0.01169,0.03525,0.02158,-0.03087,0.04364,0.06374,-0.09424,-0.03083,-0.01532,0.07703,-0.02089,0.02278,0.038,0.03289,0.11091,0.03543,0.04237,0.03376,-0.03531,0.06082,-0.04059,0.06871,-0.0643,0.06415,0.08203,-0.02441,0.01896,0.02889,-0.04547,-0.00625,0.01026,-0.01418,0.04804,0.04654,0.00989,-0.06243,-0.00159,0.03911,-0.00888,-0.07383,0,-0.03925,0.05162,-0.01298,-0.02333,0.03116,0.03523,-0.06001,0.02003,-0.03592,-0.04635,-0.03009,0.05491,-0.01386,0.06691,0.02696,-0.06209,0.08227,-0.02683,-0.05837,-0.03808,-0.01734,0.01549,0.01324,0.10418,-0.03093,-0.07801,0.05108,0.06798,0.03403,0.04402,-0.03495,0.0176,0.00761,0.0481,-0.12144,0.09437,-0.01917,0.02704,-0.03789,-0.00541,0.10638,0.06471,-0.0216,-0.06508,-0.036,0.04333,-0.00498,-0.03481,-0.02857,0.02155,-0.02349,0.02219,-0.02525,0.03601,0.04373,-0.01815,0.01065,0.04826,0.14476,0.00369,-0.02663,0.01132,0.04649,0.02318],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Notes / Pitfalls - Requires fDraggable on the parent f-flow to become active. - Usually paired with fCreateConnection handling; without state update logic, user actions will not create persisted edges. - Pair with f-snap-connection for stronger UX when targets are close. f Draggable f Create Connection","excerpt":"Notes / Pitfalls - Requires fDraggable on the parent f-flow to become active. - Usually paired with fCreateConnection handling; without state update logic, user actions will not create persisted edges. - Pair with f-snap-connection for stronger UX when targets are close."},{"chunkId":"/docs/f-connection-for-create-component#9","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.08249,-0.06117,-0.10784,0.14654,0.0373,0.0961,-0.00529,-0.00303,0.0696,0.04349,-0.00144,0.02917,-0.0442,0.02689,-0.03128,-0.00256,-0.07314,-0.02822,-0.03529,0.02834,0.00199,-0.11658,0.01573,-0.03054,0.05717,-0.08404,-0.02254,-0.03467,0.06957,-0.00622,0.05352,0.03216,-0.12096,-0.01674,-0.0449,0.04245,0.0359,0.02842,-0.05152,-0.03393,0.10694,-0.03245,0.03387,-0.06341,-0.04327,0.03092,-0.02701,0.02354,-0.01556,0.07764,-0.09012,-0.01326,-0.03012,0.04004,0.04237,0.03952,0.02626,-0.04056,-0.02108,0.02155,-0.04333,-0.04401,0.01921,-0.05396,0.01705,0.01208,-0.11134,0.05614,-0.04753,0.00802,0.01659,-0.00094,-0.03119,-0.03763,0.05557,0.00327,-0.05108,0.12122,-0.01728,-0.00436,0.1258,0.06607,-0.02538,-0.02412,-0.01304,0.12474,0.04045,-0.05728,-0.05002,-0.03331,0.01188,0.10811,-0.01004,-0.00131,0.014,-0.00538,-0.06512,0.03967,-0.04672,0.0244,-0.03672,-0.01509,0.03286,0.09133,-0.0056,-0.03501,0.00653,0.0129,-0.01715,0.03939,0.04059,0.02981,0.03359,-0.04206,-0.04074,-0.0212,-0.09819,0.00044,0.07719,0.08101,0.03868,0.00344,-0.04446,-0.03211,0.06381,-0.02359,0.02207,0,0.04503,0.02297,-0.02394,0.05548,0.05278,-0.04815,0.01653,-0.07347,-0.04004,0.02102,-0.07877,-0.00156,-0.00611,-0.00929,-0.09777,-0.13867,0.00825,0.05898,-0.01882,0.02195,-0.01106,-0.03905,-0.01608,-0.06248,0.1179,0.00916,-0.0543,0.05772,0.00028,0.0139,-0.00192,0.06794,-0.00821,-0.02125,-0.04986,-0.04995,-0.04558,-0.00386,-0.05277,-0.01632,0.08452,-0.07274,-0.11408,0.08316,-0.05958,-0.02381,0.02952,-0.00178,0.05641,-0.01508,-0.00873,0.01365,-0.02902,-0.00748,0.08352,-0.07681,-0.08011,0.07125,0.00727,0.02272,-0.01701,0.07768,-0.04423,-0.02632,0.07565,0.0229,0.02877,0.05447,0.06975,-0.09287,-0.04053,0.03019,-0.04444,-0.04813,0.02666,-0.06799,-0.02411,-0.01356,0.10912,-0.00926,-0.00257,-0.12512,-0.01233,0.06531,0.06327,-0.11303,-0.04242,-0.03703,-0.09329,-0.09421,0.04671,0.06093,0.06479,-0.022,0.05878,0,0.06957,0.01423,0.02656,0.08737,-0.019,0.0016,0.06523,0.01169,0.02494,0.03737,0.00091,0.02657,-0.01666,-0.05848,-0.01353,0.01219,-0.01874,-0.0841,0.01883,-0.03473,0.07878,-0.00028,0.00785,0.00781,-0.05189,0.01812,0.14672,0.03822,-0.0213,-0.02218,0.02869,-0.01399,-0.1034,0.01752,0.00919,-0.0044,0.07467,0.12126,0.06554,-0.0056,0.05494,0.02873,-0.01594,0.01572,-0.00714,-0.00121,-0.00585,-0.06562,-0.02193,0.02481,-0.03002,-0.011,-0.08287,-0.01567,-0.03282,-0.00937,0.05265,-0.04681,-0.04806,0.02415,0.0792,-0.07201,-0.03264,-0.04202,0.06566,-0.01143,-0.02478,-0.01241,0.09287,0.07444,0.00257,0.03817,0.06957,-0.00851,0.08577,0.02724,0.08722,-0.02117,0.09791,0.0258,-0.03311,0.06967,0.00181,-0.03875,0.01699,0.04777,-0.04937,0.03696,0.05935,0.01131,-0.0889,-0.0414,0.07685,-0.0263,-0.05021,0,-0.05115,0.00941,-0.01248,-0.05909,0.00861,0.00722,-0.0523,-0.00472,-0.00739,-0.00161,-0.05693,0.06251,0.03386,0.09098,0.04111,-0.05797,0.04575,-0.02449,-0.03226,-0.04198,0.02336,0.0165,0.05893,0.06342,-0.03737,-0.11205,-0.02689,0.01303,-0.01165,0.00778,-0.05626,0.01277,-0.01764,0.00849,-0.07721,0.01704,-0.06186,-0.00787,-0.03811,0.01305,0.12797,0.02559,0.00347,-0.05564,-0.04305,0.03952,-0.00207,-0.00397,-0.0471,0.00345,-0.02312,0.02571,-0.05581,0.00408,0.02967,-0.03821,0.00498,0.07678,0.07872,-0.02614,-0.02532,0.01104,0.02595,-0.01498],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Example ::: ng-component <drag-to-connect</drag-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.scss :::","excerpt":"Example ::: ng-component <drag-to-connect</drag-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.scss :::"},{"chunkId":"/docs/f-connection-marker-directive#0","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.00846,-0.05431,-0.0446,0.06833,-0.00229,0.0038,0.03418,0.05652,0.04206,-0.06197,-0.00517,0.04708,-0.12738,0.0078,0.05912,0.02228,-0.04585,-0.05248,0.05266,-0.01065,-0.05552,-0.11825,-0.00438,-0.02812,-0.05095,0.00489,0.01766,0.01072,0.02844,-0.03137,-0.00621,-0.01841,-0.07937,0.02492,-0.01416,0.0255,0.13218,0.02944,-0.09127,-0.01377,0.06742,-0.05307,0.01759,0.02987,-0.00076,0.06486,-0.03907,-0.05737,-0.00497,0.08273,0.00642,-0.04504,-0.06089,-0.01242,0.11498,0.04507,0.07344,0.00909,-0.04147,0.03643,-0.00366,-0.00954,-0.01521,-0.0179,-0.03152,-0.01251,0.01766,0.01811,0.00405,0.02677,-0.04305,0.00379,-0.02119,-0.05461,-0.00815,0.08756,0.03426,0.05415,0.04671,-0.12293,0.0369,0.04779,0.00734,0.05308,0.04883,0.07044,-0.05448,-0.10615,-0.00786,0.10697,-0.01171,0.01789,-0.02806,-0.05626,-0.04264,0.03764,0.00319,-0.04231,0.02964,0.02895,0.01374,-0.03804,0.0085,-0.02253,0.06515,0.02111,-0.08867,0.01238,-0.015,-0.02992,0.01719,-0.03559,0.02618,-0.06287,-0.05028,0.06442,-0.05788,0.05399,0.15479,0.05198,0.01938,-0.02173,-0.04866,0.00562,-0.01598,0.02263,-0.07123,0,-0.02826,0.03268,-0.05552,-0.0242,-0.01792,-0.03021,-0.01453,-0.06846,-0.03045,0.04105,-0.0311,-0.05963,-0.07307,0.05256,0.04439,-0.03488,0.03762,-0.04426,-0.11417,-0.05623,0.00588,-0.04852,-0.03855,-0.04985,0.1269,0.0888,-0.07051,0.06511,-0.06041,-0.00989,0.03428,-0.02275,0.04412,0.02184,0.00109,-0.02425,-0.02696,-0.05444,-0.13877,-0.01077,0.05424,-0.05766,-0.15616,0.01896,0.00487,0.01777,-0.01097,-0.00086,0.0399,-0.05544,-0.03406,0.05143,-0.04492,-0.08077,0.02031,-0.03298,-0.07417,0.00442,-0.04462,-0.00597,-0.07284,0.00002,-0.00588,-0.03372,0.04746,0.05107,0.04474,-0.00238,-0.02612,-0.04702,0.00423,0.04115,0.00301,-0.04139,-0.03993,0.01445,-0.04889,0.02979,0.0607,0.02196,-0.00797,-0.06167,0.00103,0.0001,0.05966,-0.06831,0.03581,-0.06786,-0.06905,-0.06055,0.02148,0.07656,0.07943,0.06452,-0.07683,0,-0.01207,0.02916,0.02947,0.02377,-0.01347,0.01795,0.0451,0.03032,-0.07109,0.06507,0.01096,-0.0239,-0.0177,-0.04581,-0.0614,0.00788,-0.00899,0.01508,0.01157,0.02594,-0.00658,-0.02358,0.04957,-0.03691,0.0671,-0.0176,0.06034,-0.076,-0.09881,-0.00357,0.02973,-0.04486,0.08995,-0.06656,0.03448,-0.01322,0.024,-0.03364,0.01204,0.01047,0.0334,0.0386,0.05189,0.03974,-0.03194,0.04317,-0.08782,0.01557,-0.12133,0.04545,-0.03695,-0.00397,-0.04918,-0.00089,-0.06291,0.07219,0.02563,0.0507,-0.06631,0.01387,0.00586,-0.1501,0.02035,0.05675,0.14287,-0.03712,0.03789,-0.00265,-0.01705,0.02203,0.04073,0.05493,-0.01101,0.00236,0.02156,-0.01134,0.07879,-0.01932,0.04764,0.0685,-0.06986,0.02608,0.03189,0.09512,0.05272,0.02906,-0.03501,0.05727,0.03431,0.0271,-0.01219,0.08802,0.05798,0.02787,-0.01727,0,-0.04374,-0.04398,-0.06907,-0.09113,0.0645,0.00159,-0.06525,-0.0262,-0.11718,0.06376,-0.06503,0.08404,-0.10623,0.01682,-0.00425,-0.05688,0.03049,0.03726,-0.02362,0.02409,-0.04784,0.06241,-0.06829,0.06389,-0.02139,-0.01947,0.04052,0.08898,0.07825,0.00033,-0.05095,0.03276,-0.01341,0.05581,-0.06313,0.06726,-0.04655,-0.01309,-0.02658,0.12089,0.10162,-0.02704,0.03466,-0.00512,0.04208,0.06888,0.02557,-0.01631,-0.09926,0.01914,-0.03738,-0.05096,-0.03515,-0.02569,0.01046,-0.01625,0.05217,0.08597,-0.00078,0.02693,-0.04099,0.03916,0.03745,-0.01079],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Connection Marker Selectors: svg[fMarker], f-connection-marker-circle, f-connection-marker-arrow Classes: FConnectionMarker, FConnectionMarkerCircle, FConnectionMarkerArrow Connection markers let you define reusable visuals for connection starts and ends. There are now two ways to use them: - Built-in marker components for the common cases. - svg[fMarker] for fully custom SVG geometry. f Marker F Connection Marker F Connection Marker Circle F Connection Marker Arrow","excerpt":"Connection Marker Selectors: svg[fMarker], f-connection-marker-circle, f-connection-marker-arrow Classes: FConnectionMarker, FConnectionMarkerCircle, FConnectionMarkerArrow Connection markers let you define reusable visuals for connection starts and ends. There are now two ways to use them: - Built-in marker components for the common cases. - svg[fMarker] for fully custom SVG geometry."},{"chunkId":"/docs/f-connection-marker-directive#1","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.01342,-0.02453,-0.01845,0.033,0.02999,-0.0056,0.05165,0.07833,0.01985,-0.06681,0.02161,0.02317,-0.11209,0.0114,0.07748,0.03338,-0.00898,-0.05136,0.05488,-0.0248,-0.0553,-0.14991,-0.03185,-0.03432,-0.02965,-0.01285,0.02433,0.0378,0.05826,-0.03172,0.01682,0.01935,-0.06763,0.0223,0.01837,-0.00332,0.11767,0.02075,-0.08556,-0.01162,0.04805,-0.0853,0.00375,0.03996,0.01535,0.04751,-0.02107,-0.02179,-0.01119,0.07401,-0.00299,-0.02836,-0.08153,-0.04124,0.07992,0.04307,0.06568,0.0312,-0.05389,0.0453,-0.0067,-0.02802,-0.00597,0.01019,-0.014,-0.00353,0.02997,0.00143,-0.00617,0.02727,-0.01898,0.00185,-0.00333,-0.03202,-0.0308,0.06121,0.03361,0.04305,0.01908,-0.11557,-0.01345,0.03298,-0.02666,0.04384,0.07116,0.05585,-0.06679,-0.10283,0.01187,0.10541,-0.01688,0.01766,-0.01676,-0.05865,-0.01226,0.04429,0.01003,-0.0384,0.0362,0.04639,0.02924,-0.06415,-0.01035,-0.00278,0.06844,0.00867,-0.11134,0.00556,0.01802,-0.02616,0.00256,-0.00646,0.03686,-0.04236,-0.08313,0.02494,-0.07015,0.03538,0.16736,0.01527,-0.00473,-0.02503,-0.04167,-0.01432,-0.02263,0.03533,-0.05856,0,-0.0475,0.02054,-0.05274,-0.03547,-0.02859,0.00492,-0.03277,-0.08711,-0.05162,0.02326,-0.02047,-0.05943,-0.05524,0.09389,0.06651,-0.00553,0.00069,-0.03111,-0.10868,-0.04995,0.01263,-0.04552,-0.03466,-0.02498,0.09448,0.09517,-0.06458,0.0518,-0.05242,-0.00182,0.03113,-0.05122,0.05564,0.02731,0.01688,0.03756,-0.01528,-0.09125,-0.10906,-0.0148,0.06374,-0.03959,-0.12378,0.02765,0.02041,0.02484,-0.03239,-0.00847,0.00082,-0.04195,-0.03874,0.05539,-0.01759,-0.08459,0.03429,-0.03761,-0.07144,-0.01608,-0.03408,0.01799,-0.07609,-0.00421,0.00712,-0.03707,0.03989,0.06197,0.05796,-0.00989,-0.0181,-0.05085,0.02132,0.06881,0.01647,-0.02092,-0.04184,-0.01007,-0.04779,0.06132,0.05473,-0.00541,-0.02296,-0.03262,-0.01594,-0.00025,0.04507,-0.0804,0.01801,-0.06935,-0.10009,-0.02175,0.03679,0.08739,0.05063,0.09444,-0.07695,0,-0.05948,0.03736,0.03345,0.04601,-0.01491,0.0091,0.05469,0.00447,-0.06843,0.04626,0.00728,-0.01057,-0.03516,-0.04771,-0.06246,0.00023,-0.03556,0.02096,0.01556,0.01942,0.00356,0.01475,0.00504,0.00703,0.05551,-0.02517,-0.01041,-0.07755,-0.09467,-0.01551,0.03355,-0.03309,0.04088,-0.06654,0.05331,-0.00926,0.03147,-0.03133,0.00719,0.0372,0.01179,0.03848,0.00354,0.03052,-0.03772,0.05905,-0.08628,-0.01293,-0.10929,0.05228,-0.04447,0.01788,-0.02608,-0.02519,-0.08647,0.05561,0.00432,0.03875,-0.09418,0.043,0.03825,-0.14551,0.03161,0.04459,0.13811,-0.05119,0.05119,-0.01015,-0.00752,0.01266,0.04996,0.04355,-0.0081,-0.00223,0.01481,-0.02279,0.07342,0.00345,0.03154,0.05169,-0.09939,0.01756,0.03296,0.10812,0.04142,0.05016,-0.0467,0.04872,0.02021,0.02854,-0.02087,0.10311,0.03251,0.0687,-0.03064,0,-0.05067,-0.04226,-0.05217,-0.0668,0.03764,0.0212,-0.03708,-0.03013,-0.09689,0.04001,-0.07224,0.04122,-0.15392,0.03702,0.01427,-0.0779,0.01501,0.05336,-0.03556,0.03854,-0.04764,0.07162,-0.09248,0.07603,-0.0148,-0.00742,0.05761,0.11399,0.0748,0.04558,-0.06954,0.03019,0.02244,0.08203,-0.06321,0.06114,-0.03414,0.00509,-0.01365,0.11633,0.07428,-0.01426,0.02467,-0.01127,0.06088,0.07561,0.02556,-0.0323,-0.1074,0.03439,-0.01635,-0.06167,-0.03592,-0.01298,0.05928,-0.02884,0.0527,0.089,0.03712,0.04068,-0.02637,0.02878,0.01652,-0.00126],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Why / Use cases Use connection markers when edge semantics should be visually explicit. Typical use cases: - Distinguish direction or type of edge. - Show selected-state marker variants. - Match product branding with custom SVG marker geometry. - Reuse the same marker for both normal and selected states. Use built-in markers when the default shapes are enough. Use svg[fMarker] when geometry, sizing, or branding must be custom. f Marker","excerpt":"Why / Use cases Use connection markers when edge semantics should be visually explicit. Typical use cases: - Distinguish direction or type of edge. - Show selected-state marker variants. - Match product branding with custom SVG marker geometry. - Reuse the same marker for both normal and selected states. Use built-in markers when the default shapes are enough. Use svg[fMarker] when geometry, sizing, or branding must be custom."},{"chunkId":"/docs/f-connection-marker-directive#2","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.03943,-0.04591,-0.05441,0.09513,0.01254,0.00127,0.03879,0.0657,0.03155,-0.08128,-0.00272,0.03793,-0.12048,-0.00826,0.06101,0.01884,-0.05526,-0.05235,0.04235,-0.02561,-0.03675,-0.10492,-0.01585,-0.03076,-0.02589,-0.04634,-0.00203,0.01492,0.04,-0.03595,0.03128,-0.02513,-0.07506,0.04108,0.0344,0.06693,0.14988,-0.00378,-0.0879,0.00413,0.05611,-0.04766,-0.00245,0.00919,0.00512,0.05896,-0.02018,-0.04965,-0.01972,0.06585,0.00052,-0.01322,-0.06251,-0.01957,0.09843,0.0423,0.09638,0.01058,-0.05083,0.03507,-0.03501,-0.01818,-0.00664,0.00238,-0.03869,-0.01164,0.02189,0.00664,0.0167,0.01525,-0.05613,0.00241,-0.02293,-0.0491,-0.01737,0.06717,0.02873,0.06439,0.05292,-0.13824,0.03755,0.0403,0.02138,0.02619,0.06136,0.05381,-0.06026,-0.11219,0.01533,0.11443,-0.0144,0.0013,-0.03193,-0.03766,-0.07059,0.04515,0.01572,-0.03666,0.03625,0.04679,0.01413,-0.01913,0.03378,0.01043,0.06742,-0.00538,-0.07528,0.02359,-0.02057,-0.03011,0.03836,-0.00382,0.04671,-0.06261,-0.06359,0.06233,-0.04904,0.05368,0.12389,0.05385,0.02448,-0.03356,-0.01649,0.00548,-0.00095,-0.03975,-0.06203,0,-0.03609,0.0137,-0.07078,-0.03168,0.00479,-0.02854,0.00012,-0.06645,-0.05856,0.0482,-0.0093,-0.04844,-0.05373,0.06312,0.01829,-0.03178,0.00692,-0.02846,-0.09401,-0.03769,0.0175,-0.0461,-0.01687,-0.05563,0.11996,0.12039,-0.09322,0.05748,-0.05751,0.00139,0.04443,-0.03648,0.04321,0.03802,0.01491,-0.03498,-0.02712,-0.08164,-0.12727,0.00922,0.06457,-0.065,-0.17634,0.01863,-0.00115,0.01095,-0.00437,-0.00056,0.04682,-0.05488,-0.02187,0.05069,-0.03073,-0.06908,0.03349,-0.05563,-0.08218,-0.01509,-0.0345,-0.00825,-0.03303,0.03647,-0.01136,-0.03948,0.04719,0.03793,0.07819,-0.00717,-0.00888,-0.02262,0.015,0.05933,0.02733,-0.0363,-0.03122,-0.01042,-0.0524,0.04079,0.02733,0.02506,-0.02117,-0.05149,-0.02956,0.03216,0.05717,-0.07285,0.04527,-0.05674,-0.0764,-0.07525,0.04122,0.04407,0.06467,0.03613,-0.06517,0,-0.01515,0.05276,0.00976,0.02956,-0.03145,0.00401,0.06134,0.04186,-0.05605,0.07419,0.01027,-0.00673,-0.03468,-0.04186,-0.0559,0.00691,-0.03015,0.02035,-0.0239,0.03277,-0.03921,-0.00607,0.07405,0.01205,0.04851,-0.01919,0.03835,-0.05028,-0.09561,-0.02886,0.04115,-0.00042,0.04277,-0.0784,0.0431,-0.00862,0.03265,-0.0032,0.00754,0.00532,0.06875,0.06342,0.00059,0.04755,-0.0438,0.05914,-0.08529,-0.00959,-0.08756,0.02081,-0.01636,-0.00443,-0.039,0.00982,-0.07094,0.05908,0.01363,0.04413,-0.08603,0.05702,0.03237,-0.15489,0.01583,0.06089,0.14217,-0.04644,0.02459,0.02292,0.01527,0.03473,0.05827,0.04119,0.01586,0.02032,0.01596,-0.02539,0.06017,-0.02102,0.02612,0.06751,-0.04328,0.01052,0.01292,0.08647,0.05661,-0.00208,-0.04892,0.07784,0.00903,0.00803,0.00328,0.09754,0.06119,0.05998,-0.03586,0,-0.02175,-0.04136,-0.07122,-0.09492,0.05233,0.02508,-0.05951,-0.0585,-0.13161,0.07002,-0.06635,0.03275,-0.08882,0.00941,0.00597,-0.0569,0.01167,0.06065,-0.03469,0.00115,-0.02025,0.06204,-0.10104,0.08687,0.00232,-0.01313,0.04534,0.05693,0.08161,-0.00434,-0.04683,0.03595,-0.01582,0.08091,-0.06434,0.07437,-0.01718,-0.02053,-0.03755,0.12682,0.07105,-0.02942,0.03064,-0.00605,-0.00069,0.05467,-0.00281,-0.04056,-0.0577,0.03619,-0.00592,-0.054,-0.04191,-0.01177,0.00751,-0.04256,0.04165,0.08729,0.02509,0.05263,-0.05118,0.02611,0.06126,-0.0086],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. How it works Marker definitions are declared inside f-connection. During connection redraw, the library clones those definitions into the connection <defs block and applies them to the rendered path. Built-in markers hide the SVG boilerplate from the template, while svg[fMarker] gives you full control over the shape. f Marker","excerpt":"How it works Marker definitions are declared inside f-connection. During connection redraw, the library clones those definitions into the connection <defs block and applies them to the rendered path. Built-in markers hide the SVG boilerplate from the template, while svg[fMarker] gives you full control over the shape."},{"chunkId":"/docs/f-connection-marker-directive#3","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.01567,-0.06662,-0.0338,0.06048,0.03428,0.02567,0.06021,0.03276,0.0135,-0.0612,0.00635,0.03294,-0.09998,-0.00005,0.04037,0.04704,-0.02957,-0.05765,0.07406,-0.02342,-0.05974,-0.13365,-0.02083,-0.01719,-0.00725,-0.00171,0.01295,0.02258,0.01833,-0.01748,-0.01184,-0.05921,-0.07241,0.0203,0.04144,0.02045,0.14878,0.04256,-0.06983,-0.00157,0.06394,-0.08793,0.00952,0.05201,0.00161,0.02734,-0.03381,-0.05862,0.00125,0.08658,0.01475,-0.03583,-0.05018,-0.04076,0.10946,0.04043,0.05389,0.02166,-0.03817,0.02635,-0.01645,-0.01157,-0.00434,0.0139,-0.0176,0.01379,0.01765,0.00771,-0.02649,-0.01192,-0.0952,0.02098,-0.01358,-0.02533,-0.02613,0.07003,-0.00668,0.01645,0.04055,-0.12317,0.00557,0.02475,-0.00962,0.0591,0.07222,0.08016,-0.0466,-0.06432,-0.00156,0.08618,-0.05164,0.02474,-0.00305,-0.0202,-0.06145,0.05033,0.01178,-0.03046,0.02083,0.03814,0.02138,-0.02451,-0.01258,-0.01314,0.06822,-0.00232,-0.08815,0.01568,0.00889,-0.01768,-0.01074,-0.02565,0.02608,-0.04879,-0.05456,0.06035,-0.05597,0.04559,0.15035,0.02527,0.03465,-0.03632,-0.05921,-0.02642,-0.02164,0.00616,-0.02798,0,-0.02021,0.01828,-0.04936,-0.00545,0.00557,-0.02846,-0.04462,-0.07349,-0.07612,0.02345,-0.01596,-0.03563,-0.0381,0.09146,0.06648,-0.03618,0.04477,-0.04306,-0.06029,-0.07244,-0.0204,-0.06449,-0.02478,-0.03977,0.11774,0.10319,-0.07456,0.08366,-0.01801,-0.0076,0.04001,-0.03957,0.02049,0.00082,0.01082,-0.0139,-0.02358,-0.06904,-0.10611,0.0106,0.04948,-0.08661,-0.1688,0.00627,-0.00471,-0.0012,-0.01757,-0.00403,0.04488,-0.05834,-0.06102,0.04977,-0.0505,-0.08985,0.02438,-0.03099,-0.08031,0.00099,-0.04823,-0.00279,-0.06319,-0.00068,-0.00579,-0.05792,0.04732,0.03096,0.0605,-0.00577,-0.02671,-0.04766,0.00435,0.04547,0.0541,-0.03431,-0.04785,0.01466,-0.05549,0.06719,0.03022,0.00788,-0.01687,-0.08183,-0.00261,0.01806,0.08215,-0.05687,0.01761,-0.0639,-0.11001,-0.02528,0.01031,0.08276,0.06048,0.05475,-0.10962,0,0.00708,0.04032,0.02175,0.04933,0.00568,0.01374,0.07571,0.04959,-0.05305,0.06274,0.05435,-0.02713,-0.0233,-0.03316,-0.04911,0.02053,-0.02861,0.05018,0.01216,0.00755,-0.01126,-0.00553,0.02516,-0.01795,0.05355,-0.0114,0.02067,-0.06722,-0.13233,-0.00467,0.03737,-0.02502,0.0615,-0.04716,0.03039,0.02011,0.05705,-0.01496,-0.02258,0.04251,0.03782,0.01782,0.00758,0.01783,-0.02289,0.03805,-0.09216,-0.00864,-0.13559,0.07647,-0.01587,-0.00301,-0.03844,-0.01285,-0.06321,0.07706,0.01404,0.04984,-0.06164,0.0165,0.01934,-0.13693,0.01247,0.0736,0.15459,-0.03548,0.01538,0.02081,-0.00485,0.00883,0.06034,0.03279,0.00238,0.00775,0.00068,-0.03644,0.06376,-0.01782,0.01562,0.0685,-0.05886,0.02134,0.00579,0.08337,0.04245,0.04442,-0.0365,0.06959,0.02358,0.00525,-0.03826,0.12335,0.05236,0.04573,-0.0401,0,-0.048,-0.01517,-0.07342,-0.09638,0.07318,0.03022,-0.0487,-0.04316,-0.08007,0.06259,-0.05065,0.01717,-0.09014,0.03102,0.00263,-0.0594,-0.00216,0.05828,-0.01899,0.01677,-0.02849,0.08507,-0.07383,0.07908,0.00496,-0.01048,0.03413,0.10841,0.05833,0.01505,-0.05021,0.03679,0.00682,0.00394,-0.05342,0.10584,-0.04553,-0.02751,-0.02655,0.11993,0.09832,-0.04733,0.02999,-0.01021,0.05854,0.06214,0.01452,-0.0194,-0.07919,-0.01445,-0.02308,-0.05767,-0.02245,-0.00844,0.04712,-0.03954,0.05306,0.08574,0.02182,0.05668,-0.01235,0.04133,0.02536,-0.00436],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Built-in markers","excerpt":"Built-in markers"},{"chunkId":"/docs/f-connection-marker-directive#4","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.01638,-0.05068,-0.07069,0.03961,0.03704,0.02422,0.04199,0.061,0.03344,-0.06467,0.00947,0.03454,-0.0803,0.00234,0.0645,0.01653,-0.05296,-0.07325,0.083,-0.04118,-0.03627,-0.11276,-0.01267,-0.00115,-0.05088,-0.0189,0.03865,0.01792,0.01514,-0.0409,-0.01509,-0.03075,-0.0646,0.03323,0.01461,0.02152,0.1293,0.04028,-0.05636,-0.00623,0.07324,-0.089,0.03656,0.02353,0.00578,0.03337,-0.04946,-0.03203,0.01228,0.09836,0.02515,-0.02072,-0.05842,-0.03598,0.1184,0.05913,0.06527,0.0246,-0.01752,0.02134,-0.00866,-0.04314,-0.00961,0.01534,-0.01823,-0.00233,0.01463,-0.01809,-0.0177,-0.01217,-0.06573,0.01804,-0.01274,-0.04482,-0.00729,0.09046,-0.01623,0.06603,0.02262,-0.12428,0.01792,0.02697,0.03334,0.05245,0.05176,0.07531,-0.05141,-0.09257,-0.01272,0.10071,-0.04988,0.02914,-0.03816,-0.01659,-0.07585,0.05023,-0.00362,-0.0414,0.01194,0.03597,0.01408,-0.01575,0.00969,0.00053,0.06027,-0.01044,-0.07403,0.00897,-0.01131,-0.02902,-0.00003,-0.02222,0.04084,-0.06199,-0.05346,0.0561,-0.0472,0.05349,0.13071,0.02531,0.03891,-0.03614,-0.06946,-0.01357,-0.03963,0.01775,-0.0372,0,-0.01508,0.03036,-0.04663,-0.04003,-0.03461,-0.05438,-0.02243,-0.05102,-0.04517,0.02775,-0.00522,-0.03596,-0.05071,0.05832,0.05186,-0.05179,0.04474,-0.05034,-0.07646,-0.0956,-0.00947,-0.05385,-0.04575,-0.05684,0.09674,0.12211,-0.06906,0.07056,-0.04353,0.0053,0.0434,-0.04339,0.01715,0.01402,0.0129,-0.02383,-0.01594,-0.04803,-0.12861,-0.00568,0.06334,-0.06574,-0.15578,0.00687,0.00176,-0.00041,-0.03202,-0.00027,0.05631,-0.04476,-0.04354,0.04575,-0.04711,-0.09033,0.02765,-0.03003,-0.1057,-0.01853,-0.06412,-0.01402,-0.05947,-0.0077,-0.02767,-0.03503,0.03663,0.05236,0.04957,-0.03458,-0.01099,-0.04144,0.01269,0.05068,0.03404,-0.01362,-0.0359,0.03703,-0.04906,0.05702,0.0223,-0.00586,0.0017,-0.06206,-0.00398,0.01828,0.08254,-0.07271,0.02901,-0.0609,-0.08398,-0.04549,0.02742,0.09024,0.07158,0.10157,-0.10417,0,0.00834,0.03962,0.03553,0.04303,-0.00283,0.0271,0.09381,0.02444,-0.05704,0.07727,0.03506,-0.03116,-0.0138,-0.04084,-0.03834,0.00902,0.00202,0.04659,-0.00032,0.02884,-0.02226,-0.02885,0.03442,-0.01502,0.06972,0.00073,0.03133,-0.06757,-0.1219,0.0092,0.03297,-0.02301,0.07571,-0.05057,0.0198,-0.00603,0.03465,0.00107,-0.01809,0.03402,0.03402,0.02889,0.00036,0.02958,-0.02877,0.02658,-0.02957,-0.02042,-0.13399,0.07983,-0.03396,-0.01531,-0.00825,-0.01968,-0.07045,0.0923,0.04116,0.06112,-0.04732,0.02101,0.04125,-0.14969,0.0163,0.0699,0.14417,-0.04885,0.01436,0.03063,-0.01821,0.04194,0.05593,0.03574,0.01856,0.02,-0.01038,-0.02658,0.07375,-0.04263,-0.00376,0.07639,-0.05878,0.02045,-0.00046,0.07234,0.02054,0.00284,-0.01965,0.06284,0.0139,0.02411,-0.03567,0.11341,0.07455,0.04145,-0.03242,0,-0.06906,-0.04807,-0.05093,-0.06612,0.0595,0.01586,-0.04055,-0.04772,-0.09864,0.01059,-0.06995,0.0683,-0.06712,0.02124,-0.01234,-0.05539,0.03869,0.03732,-0.01473,0.02356,-0.06114,0.05324,-0.07687,0.04656,-0.00327,-0.02798,0.02717,0.11059,0.06708,0.02125,-0.05974,0.03181,0.00901,0.01116,-0.09238,0.09937,-0.03756,-0.01059,-0.038,0.11022,0.10723,-0.02216,0.01751,-0.02394,0.02376,0.04987,0.02412,-0.01249,-0.0751,-0.02451,-0.02639,-0.05869,-0.00762,-0.02355,0.04133,-0.02587,0.06727,0.07095,0.00663,0.03444,-0.03673,0.07033,0.05516,-0.01028],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. f-connection-marker-circle Use it when you want the default circular start marker. By default it targets STARTALLSTATES.","excerpt":"f-connection-marker-circle Use it when you want the default circular start marker. By default it targets STARTALLSTATES."},{"chunkId":"/docs/f-connection-marker-directive#5","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.01631,-0.07853,-0.02534,0.06964,-0.01736,0.05482,0.03297,0.05411,0.01728,-0.04194,-0.00144,0.03454,-0.102,0.0276,0.04721,0.04511,-0.03907,-0.08006,0.09351,-0.01657,-0.01303,-0.11343,-0.02944,-0.02454,-0.02186,0.00111,0.01109,0.02423,0.01636,-0.02723,-0.0094,-0.03197,-0.07829,0.03569,-0.00574,0.02656,0.12506,0.01726,-0.07735,-0.00117,0.08346,-0.07377,0.03193,0.02912,0.01685,0.04115,-0.02019,-0.06381,-0.00104,0.11047,0.0206,-0.00473,-0.0522,-0.01661,0.12441,0.05463,0.06061,0.03042,-0.04474,0.0305,-0.01503,-0.02713,-0.0052,-0.0064,0.00337,0.02955,0.01835,0.00907,-0.01997,0.00555,-0.05252,0.00052,-0.00208,-0.05582,-0.00401,0.06197,-0.01046,0.06067,0.05661,-0.10697,0.002,0.01733,-0.00776,0.03605,0.05135,0.08277,-0.08635,-0.10824,0.0081,0.08835,-0.03926,-0.01308,-0.00029,-0.0051,-0.01886,0.04272,0.01564,-0.02786,0.02167,0.02548,0.01613,-0.01579,0.01154,-0.00257,0.07644,-0.00005,-0.07756,0.00799,-0.03334,-0.03137,-0.00229,-0.04318,0.04957,-0.06486,-0.05874,0.06576,-0.06007,0.05959,0.12536,0.02966,-0.00307,-0.05499,-0.06112,-0.00165,-0.05022,0.00233,-0.07617,0,-0.01219,-0.0057,-0.02349,-0.03326,-0.01493,-0.02217,-0.02371,-0.08505,-0.06857,0.02137,0.00996,-0.03541,-0.06268,0.08231,0.03484,-0.03351,0.03645,-0.03063,-0.06495,-0.08786,0.00944,-0.02106,-0.06131,-0.07245,0.11285,0.09526,-0.07592,0.08764,-0.06754,-0.00415,0.03519,-0.02959,0.03876,0.00715,0.00562,-0.02638,-0.00898,-0.03798,-0.13192,-0.02146,0.08376,-0.05325,-0.15101,0.03889,-0.00384,-0.02679,-0.02924,-0.00472,0.04523,-0.05587,-0.03994,0.02616,-0.04349,-0.09231,0.03453,-0.03906,-0.11295,0.01504,-0.0564,-0.01143,-0.08289,-0.01752,-0.00086,-0.04016,0.03244,0.07078,0.05877,-0.01482,-0.01846,-0.05637,-0.00559,0.04766,0.0165,-0.03177,-0.02977,0.00621,-0.04913,0.02685,0.06372,-0.02045,0.00102,-0.05968,-0.03564,0.05975,0.08305,-0.06172,-0.00284,-0.0826,-0.05847,-0.02495,0.02476,0.08025,0.06169,0.09188,-0.07753,0,0.01969,0.03641,0.00165,0.04323,-0.01846,0.0042,0.11535,0.01034,-0.02775,0.06897,0.05137,-0.03422,-0.00497,-0.04785,-0.04406,0.00933,0.00402,0.02417,0.0316,0.00057,-0.00819,-0.03579,0.03506,-0.02517,0.07805,-0.01512,0.01014,-0.04085,-0.12241,-0.0091,0.06026,-0.03868,0.05232,-0.04868,-0.00156,-0.00432,0.01811,-0.0015,0.01002,0.04281,0.02653,0.01064,0.01625,0.04872,-0.00166,0.05616,-0.04976,-0.02968,-0.1056,0.04614,-0.02599,-0.0079,-0.04813,-0.01155,-0.08031,0.05188,0.04272,0.0738,-0.07403,-0.0005,0.02944,-0.15468,0.03875,0.05818,0.13687,-0.07242,0.0002,0.00904,0.01078,0.00445,0.06799,0.03319,0.00983,0.01577,0.03549,-0.0439,0.06552,-0.01545,0.0334,0.06047,-0.09279,0.01946,0.01935,0.09016,0.02847,0.04549,-0.02232,0.07176,0.01843,0.0457,-0.04833,0.08202,0.04059,0.00409,-0.05873,0,-0.0748,-0.02872,-0.05957,-0.08648,0.0362,0.01591,-0.04651,-0.02542,-0.08233,0.03856,-0.06007,0.0896,-0.07454,0.003,-0.0009,-0.06446,0.04635,0.02727,-0.02037,0.02191,-0.04468,0.05279,-0.09613,0.08312,-0.00446,-0.02899,0.04111,0.12204,0.06212,0.04685,-0.03243,0.01785,0.00187,0.03357,-0.08504,0.07673,-0.01373,-0.00983,-0.01916,0.1151,0.09868,-0.0237,0.00433,-0.01535,0.01454,0.06851,0.04391,-0.00262,-0.07403,-0.00046,-0.01191,-0.04959,-0.03275,-0.01163,0.0303,-0.02501,0.06278,0.08831,0.01782,0.05495,-0.01264,0.04109,0.03406,-0.00846],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. f-connection-marker-arrow Use it when you want the default arrow end marker. By default it targets ENDALLSTATES. Both built-in markers accept the same type input as custom markers, so you can override the default state mapping when needed.","excerpt":"f-connection-marker-arrow Use it when you want the default arrow end marker. By default it targets ENDALLSTATES. Both built-in markers accept the same type input as custom markers, so you can override the default state mapping when needed."},{"chunkId":"/docs/f-connection-marker-directive#6","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.00772,-0.06227,-0.04759,0.0768,0.02753,0.01475,0.03574,0.0671,0.01632,-0.05709,-0.00395,0.04013,-0.1163,0.01832,0.05126,0.01735,-0.02503,-0.06382,0.06578,-0.00926,-0.04713,-0.15431,-0.0037,-0.04862,-0.02384,-0.05276,0.0081,0.02986,0.03419,-0.0327,0.01539,-0.00926,-0.07317,0.02137,0.02644,0.01711,0.14133,0.00921,-0.06548,0.00231,0.02926,-0.05004,0.01727,0.03641,0.00252,0.03782,0.00325,-0.06983,0.00028,0.09298,0.00802,-0.03048,-0.06313,-0.01249,0.10542,0.04671,0.05805,0.00654,-0.03424,0.02797,-0.01335,-0.00375,0.02081,-0.01222,-0.03603,0.01624,0.00099,0.0072,0.00851,-0.02035,-0.0688,0.00281,-0.00028,-0.03476,-0.01657,0.06086,0.00299,0.02464,0.06007,-0.11574,0.02,0.03148,0.00334,0.04271,0.0817,0.06453,-0.05625,-0.07503,0.00816,0.11142,-0.01634,0.02841,-0.02312,-0.04241,-0.06599,0.03221,0.00043,-0.03027,0.03254,0.03239,0.03974,-0.01916,0.00292,0.00239,0.07847,-0.00247,-0.06724,0.01686,-0.00241,-0.01306,0.00661,-0.02056,0.01699,-0.05818,-0.06789,0.0662,-0.07762,0.03311,0.13235,0.02471,0.03253,-0.02551,-0.05395,-0.0018,0.00172,0.03163,-0.05299,0,-0.04559,0.04276,-0.07105,-0.03341,0.00028,-0.04167,-0.01053,-0.0575,-0.05129,-0.00236,-0.0148,-0.05043,-0.05102,0.08561,0.0444,-0.0288,-0.00842,-0.03847,-0.10282,-0.06798,-0.01272,-0.05051,-0.03906,-0.03793,0.10481,0.11453,-0.08061,0.08503,-0.05495,-0.01259,0.041,-0.04414,0.02705,0.01714,0.00441,-0.02452,-0.03609,-0.07012,-0.11705,0.02676,0.04957,-0.07328,-0.16228,0.01253,0.0232,0.00783,-0.00671,0.00366,0.04685,-0.08079,-0.05326,0.04151,-0.05767,-0.08068,0.02602,-0.03087,-0.08356,-0.00785,-0.02784,-0.00549,-0.07154,-0.00873,0.00256,-0.04638,0.04602,0.04862,0.077,-0.02004,-0.01394,-0.03685,0.04167,0.05274,0.04677,-0.01956,-0.05453,0.00568,-0.04845,0.03643,0.0183,0.01724,-0.02523,-0.06751,-0.0029,0.03145,0.05934,-0.08758,0.03243,-0.05226,-0.07792,-0.05202,0.0252,0.07233,0.04861,0.04998,-0.09453,0,-0.02581,0.04746,0.00684,0.03353,-0.02462,0.03556,0.06146,0.05042,-0.05335,0.0424,0.00046,-0.0414,-0.02409,-0.02764,-0.07375,0.01641,-0.03488,0.03729,-0.00754,0.00496,-0.00483,0.00621,0.05846,0.0261,0.06044,-0.0192,0.02992,-0.07484,-0.10649,-0.01043,0.0398,-0.03337,0.0795,-0.06542,0.09341,-0.01597,0.04175,-0.01994,-0.01335,0.04245,0.03231,0.02685,0.0265,0.03729,-0.0313,0.0456,-0.09632,-0.00984,-0.08242,0.05102,-0.03144,-0.03652,-0.0435,-0.01915,-0.06698,0.0787,0.02073,0.05496,-0.0273,0.02945,0.04201,-0.16348,0.03142,0.04992,0.15009,-0.03255,0.02432,0.02258,-0.00312,0.0289,0.06625,0.02748,0.02057,0.01964,0.01423,-0.01944,0.08434,0.00634,0.04313,0.05946,-0.05272,0.03173,0.02472,0.09288,0.04188,0.01469,-0.03977,0.07198,0.00956,0.01148,-0.03191,0.11721,0.07515,0.03867,-0.03424,0,-0.04612,-0.02466,-0.05668,-0.07021,0.03484,0.01091,-0.05498,-0.04527,-0.11306,0.04486,-0.05956,0.01825,-0.10896,0.02207,0.00271,-0.07488,0.00415,0.06388,-0.03053,-0.00007,-0.04157,0.07297,-0.06088,0.05935,-0.00366,0.01049,0.0433,0.08984,0.07046,-0.00114,-0.06007,0.03121,0.01074,0.03245,-0.08007,0.08454,-0.02934,-0.02285,-0.03701,0.10799,0.0999,-0.06864,0.02266,-0.01832,0.04164,0.03469,0.02044,-0.05061,-0.07531,0.00521,-0.00383,-0.07165,-0.0241,-0.01274,0.03465,-0.03513,0.04641,0.09398,0.04111,0.03605,-0.01785,0.08598,0.02398,0.0101],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Custom SVG markers Use svg[fMarker] when the marker geometry, viewBox, refX, refY, or size should be fully custom. f Marker view Box ref X ref Y","excerpt":"Custom SVG markers Use svg[fMarker] when the marker geometry, viewBox, refX, refY, or size should be fully custom."},{"chunkId":"/docs/f-connection-marker-directive#7","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.01351,-0.06251,-0.04279,0.05867,0.02697,0.02324,0.04114,0.02477,0.02738,-0.05291,-0.0076,0.03162,-0.09386,0.00664,0.05194,0.0395,-0.03302,-0.07069,0.07579,-0.03137,-0.04709,-0.12317,-0.02659,-0.03553,-0.01143,-0.00861,0.02351,0.01135,0.02479,-0.01676,-0.01173,-0.05848,-0.07282,0.03138,0.02763,0.01549,0.13667,0.03925,-0.06223,0.00669,0.06361,-0.07557,0.00523,0.03871,0.00358,0.0251,-0.04183,-0.06376,0.01032,0.0925,0.0082,-0.03336,-0.04223,-0.03917,0.10971,0.0402,0.04987,0.03253,-0.04709,0.02598,-0.01159,-0.02374,0.00029,0.00596,-0.02411,0.01824,0.0114,0.00624,-0.01901,-0.02741,-0.09479,0.01809,-0.00178,-0.04163,-0.02432,0.05911,0.00175,0.03119,0.03303,-0.11655,0.00983,0.02438,-0.01433,0.06768,0.07546,0.08628,-0.06311,-0.06615,0.00051,0.09051,-0.05278,0.02183,-0.01088,-0.03371,-0.0644,0.05285,0.00422,-0.03542,0.01961,0.03687,0.0114,-0.02569,-0.01119,-0.00356,0.07251,-0.00108,-0.08005,0.01951,0.00922,-0.00134,-0.00326,-0.01855,0.0247,-0.05259,-0.051,0.07342,-0.05279,0.04659,0.15583,0.02304,0.03998,-0.0382,-0.06458,-0.02411,-0.01964,-0.00269,-0.02105,0,-0.00903,0.01317,-0.04388,-0.02373,0.00702,-0.03806,-0.03243,-0.09013,-0.06951,0.01359,-0.02206,-0.03251,-0.03962,0.07652,0.05786,-0.04072,0.03734,-0.02633,-0.06054,-0.0612,-0.0232,-0.07526,-0.02591,-0.04608,0.10644,0.10697,-0.06399,0.0846,-0.03376,-0.00896,0.04357,-0.03204,0.00732,0.00791,0.01647,-0.02443,-0.02324,-0.057,-0.10309,0.01122,0.04933,-0.07791,-0.16394,0.02125,-0.01986,0.00296,-0.0231,0.00158,0.05469,-0.06493,-0.05564,0.05406,-0.04651,-0.11084,0.02895,-0.03961,-0.08494,0.00874,-0.04818,-0.0046,-0.05635,-0.00615,-0.00559,-0.05624,0.05685,0.03274,0.05533,-0.00154,-0.02319,-0.05043,0.0191,0.05499,0.04878,-0.03362,-0.04785,0.00588,-0.04257,0.06802,0.03389,0.00583,0.00157,-0.08737,-0.01041,0.01882,0.08415,-0.04958,0.02203,-0.06487,-0.10821,-0.02278,-0.00623,0.07438,0.07273,0.05903,-0.10344,0,0.01184,0.03128,0.02043,0.03904,0.00314,0.01254,0.0843,0.06943,-0.06297,0.06826,0.05103,-0.01899,-0.02865,-0.02601,-0.05523,0.03285,-0.02862,0.04615,0.00449,0.00582,-0.0218,-0.00319,0.03158,-0.02515,0.04957,-0.01443,0.03229,-0.05325,-0.13844,-0.01121,0.04374,-0.03155,0.053,-0.03095,0.02688,0.01905,0.05478,0.004,-0.01842,0.0457,0.0402,0.0041,0.00472,0.02193,-0.02442,0.04244,-0.08812,-0.00179,-0.15013,0.07065,-0.00558,0.00129,-0.03351,-0.00568,-0.05776,0.07327,0.01957,0.04894,-0.05706,0.00993,0.01538,-0.14435,0.01357,0.06846,0.16018,-0.03638,0.00957,0.01573,-0.00964,0.00667,0.06517,0.01737,0.00779,0.01223,0.00824,-0.03708,0.07123,-0.02115,0.00814,0.07576,-0.07099,0.02457,0.01071,0.08354,0.04497,0.05903,-0.0263,0.0782,0.02624,0.02244,-0.04947,0.1233,0.05278,0.03475,-0.03795,0,-0.05332,-0.01621,-0.07466,-0.09588,0.05531,0.03469,-0.05486,-0.04533,-0.07897,0.04937,-0.06383,0.02709,-0.08517,0.02623,0.00018,-0.04718,0.00808,0.05842,-0.009,0.01284,-0.03445,0.06913,-0.07068,0.07985,0.00512,-0.00456,0.02656,0.11182,0.06029,0.00109,-0.06283,0.03542,0.01631,-0.00527,-0.04718,0.09057,-0.04541,-0.0386,-0.02632,0.11619,0.10722,-0.05269,0.02696,-0.00357,0.05463,0.06158,0.02569,-0.01965,-0.05872,-0.00384,-0.02337,-0.06657,-0.02105,-0.00636,0.02909,-0.04059,0.05444,0.07771,0.02867,0.07048,-0.01117,0.05705,0.03006,0.00462],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. API","excerpt":"API"},{"chunkId":"/docs/f-connection-marker-directive#8","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.00577,-0.04952,-0.04215,0.07999,0.00568,0.02694,0.04092,0.09409,0.02494,-0.07459,0.0023,0.00293,-0.12921,0.0064,0.04923,0.01044,-0.04182,-0.07086,0.04598,-0.00625,-0.02348,-0.15431,0.0132,-0.02143,-0.03155,-0.01212,0.00109,0.02106,0.03813,-0.03044,-0.00537,-0.01578,-0.0246,0.0363,0.01522,0.00319,0.14836,-0.00252,-0.08426,-0.00874,0.03091,-0.07873,0.02837,0.01753,-0.01366,0.06566,-0.02495,-0.05487,-0.0289,0.09692,0.01458,-0.03183,-0.04225,-0.02131,0.09745,0.03005,0.04917,0.01462,-0.0138,0.02438,-0.02867,-0.02067,0.01885,-0.00586,-0.03232,-0.01449,0.01461,-0.01283,-0.00699,-0.01551,-0.03061,-0.02214,-0.01103,-0.04619,-0.0061,0.0675,0.01077,0.02905,0.05045,-0.12318,0.02285,0.01706,0.00941,0.07318,0.08711,0.07992,-0.06457,-0.05947,0.02011,0.12443,-0.04667,0.00857,-0.05898,-0.01852,-0.03239,0.03022,0.01117,-0.03258,0.01639,0.05735,0.03214,-0.01348,0.02168,0.02253,0.06092,0.00978,-0.06678,0.00701,-0.00093,-0.04511,0.03077,-0.0369,0.02536,-0.03613,-0.07341,0.01978,-0.0525,0.02852,0.14053,0.03796,0.04109,-0.01634,-0.0809,-0.00619,-0.02199,0.04821,-0.03501,0,-0.04232,0.0153,-0.03302,-0.0439,-0.03906,-0.02001,-0.04558,-0.04266,-0.04058,0.02709,0.00625,-0.04581,-0.04394,0.09637,0.04694,-0.0011,0.01547,-0.02729,-0.10452,-0.07377,0.0056,-0.02965,-0.04863,-0.07363,0.09697,0.10716,-0.08802,0.09388,-0.07645,-0.01649,0.0218,-0.07908,0.04482,-0.01002,0.02467,-0.01186,-0.01918,-0.03269,-0.12374,-0.00276,0.05647,-0.05854,-0.14298,-0.00524,-0.01739,0.04696,-0.00873,-0.02057,0.02742,-0.09228,-0.04454,0.05674,-0.05149,-0.07564,0.04516,-0.0257,-0.05146,0.00042,-0.05017,-0.02776,-0.06654,0.03161,0.01773,-0.07032,0.03323,0.02911,0.0705,-0.01827,-0.02054,-0.02016,0.02141,0.04233,0.02269,-0.01628,-0.03884,0.02502,-0.04739,0.01842,0.02805,0.0317,-0.05452,-0.04288,0.01198,0.01163,0.05422,-0.10138,0.03304,-0.05803,-0.05643,-0.08608,0.03453,0.04819,0.05252,0.01474,-0.11619,0,-0.03159,0.09533,-0.01104,0.0355,-0.04072,0.02018,0.06833,0.07,-0.05138,0.0509,0.01691,-0.01493,-0.04223,-0.04537,-0.0384,0.03429,-0.08165,0.09356,0.0197,-0.01265,0.00183,-0.01812,0.04733,0.0507,0.06272,-0.02287,0.05413,-0.06953,-0.11034,-0.03547,0.02809,-0.0575,0.05588,-0.04259,0.04038,-0.06698,0.03218,-0.01901,0.00272,0.0491,0.02788,0.02126,0.02456,0.0307,-0.05095,0.06872,-0.07105,0.03016,-0.07667,0.03832,-0.0288,-0.01177,-0.0253,-0.02133,-0.05984,0.06266,0.00567,0.0264,-0.06907,0.0416,-0.01008,-0.1594,-0.01047,0.06446,0.12877,-0.02692,0.02653,-0.00661,-0.01438,0.00609,0.03649,0.0349,0.01736,-0.01341,0.0038,-0.00272,0.08576,0.00083,0.05563,0.01673,-0.03503,0.00729,0.05032,0.10367,0.05759,0.07073,-0.04513,0.05899,0.0242,0.02709,-0.02161,0.11858,0.07532,0.0459,-0.03421,0,-0.05983,-0.05028,-0.08037,-0.07958,0.02841,0.00696,-0.04432,-0.0489,-0.11311,0.05703,-0.07265,0.03582,-0.10005,0.01292,0.02675,-0.08211,0.01272,0.06522,-0.04125,-0.00487,-0.01606,0.05321,-0.07959,0.0348,-0.01772,-0.02733,0.02051,0.09979,0.07534,0.01326,-0.04461,0.05221,0.00515,0.02281,-0.07711,0.03959,-0.04386,-0.02417,-0.03063,0.08753,0.07406,-0.00418,0.01382,-0.02498,0.04771,0.03902,0.05524,-0.02915,-0.09956,-0.00399,-0.01401,-0.044,-0.01885,-0.00029,0.02322,-0.03521,0.02159,0.11949,0.01007,0.02384,-0.00501,0.03581,0.02404,-0.00055],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Inputs - type: EFMarkerType string; Default depends on the marker. - width: number; Default: 0 for svg[fMarker]. - height: number; Default: 0 for svg[fMarker]. - refX: number; Default: 0 for svg[fMarker]. - refY: number; Default: 0 for svg[fMarker]. - orient: string; Default: auto. - markerUnits: string; Default: strokeWidth. Built-in markers expose only type, because their SVG geometry and marker metrics are already preconfigured. EF Marker Type f Marker ref X ref Y marker Units stroke Width","excerpt":"Inputs - type: EFMarkerType string; Default depends on the marker. - width: number; Default: 0 for svg[fMarker]. - height: number; Default: 0 for svg[fMarker]. - refX: number; Default: 0 for svg[fMarker]. - refY: number; Default: 0 for svg[fMarker]. - orient: string; Default: auto. - markerUnits: string; Default: strokeWidth. Built-in markers expose only type, because their SVG geometry and marker metrics are already preconfigured."},{"chunkId":"/docs/f-connection-marker-directive#9","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.01483,-0.06856,-0.03265,0.0402,0.02949,0.04873,0.06903,0.04928,0.00289,-0.04802,-0.0008,-0.01383,-0.08277,-0.00059,0.04972,0.04612,-0.05279,-0.07422,0.08209,-0.02576,0.00599,-0.08579,-0.05606,-0.02724,-0.02515,0.02042,0.02311,0.00458,0.02595,-0.03211,-0.01217,-0.05274,-0.05841,0.02596,0.05996,0.02229,0.13078,0.02784,-0.07097,-0.00405,0.09581,-0.08082,0.00682,0.03962,-0.00897,0.01262,-0.02533,-0.06566,0.00082,0.08681,0.05843,-0.02736,-0.0514,-0.03231,0.11956,0.02394,0.05307,0.01746,-0.05571,0.03425,-0.02645,-0.04317,-0.02924,-0.02292,0.00203,0.01919,0.02298,0.00279,-0.03767,-0.00602,-0.06545,-0.00737,-0.02493,-0.0179,-0.04823,0.08166,0.01972,0.04235,0.03845,-0.12373,0.00325,0.01611,-0.0098,0.04672,0.05836,0.09341,-0.06264,-0.07389,0.03091,0.11138,-0.06488,-0.00028,0.00807,-0.04167,-0.01686,0.062,0.00888,-0.0325,0.05974,0.02529,0.00892,-0.02054,0.01511,-0.01701,0.04976,-0.02053,-0.07463,0.00139,-0.01585,-0.02262,-0.00968,-0.04003,0.05852,-0.0629,-0.03832,0.04853,-0.03294,0.04485,0.13227,0.00262,0.02812,-0.0436,-0.06102,0.00479,-0.05173,0.02095,-0.02551,0,-0.00173,-0.01695,-0.03003,0.00148,-0.03193,-0.00227,-0.02886,-0.06885,-0.07255,0.04272,-0.00808,-0.01878,-0.03789,0.07029,0.04654,-0.02764,0.04282,-0.0359,-0.09438,-0.07226,-0.02022,-0.04266,-0.05588,-0.05611,0.10552,0.06144,-0.07842,0.0612,-0.01833,-0.01991,0.05403,-0.0464,0.00572,0.03373,0.03197,-0.00432,0.00584,-0.01526,-0.10988,-0.03465,0.06587,-0.05418,-0.12114,0.0165,-0.00776,-0.02555,-0.02487,-0.00457,0.06805,-0.09039,-0.01904,0.04188,-0.03582,-0.11671,0.02966,-0.0234,-0.07775,0.02921,-0.06667,-0.00567,-0.09382,-0.00339,0.00083,-0.04757,0.05206,0.04155,0.04483,-0.03774,-0.01678,-0.06308,0.00027,0.03385,0.04782,-0.01868,-0.01629,0.02068,-0.05396,0.05836,0.01678,0.00335,-0.02541,-0.08273,-0.02802,0.03427,0.07906,-0.05841,-0.00493,-0.0552,-0.0883,-0.06663,0.00158,0.09089,0.06321,0.08852,-0.09015,0,0.03328,0.02587,0.04281,0.02949,0.00809,0.02107,0.09258,0.04076,-0.05829,0.0679,0.05954,-0.01836,0.01727,-0.05052,-0.04591,0.018,-0.02863,0.0415,0.02426,0.00104,-0.02188,-0.03422,0.03049,-0.0263,0.0593,0.00524,0.02175,-0.05447,-0.13649,-0.01176,0.04278,-0.03073,0.0581,-0.01729,-0.01512,-0.00051,0.04728,-0.01003,0.00209,0.06197,0.0147,0.00869,0.04024,0.04521,-0.02725,0.01558,-0.06017,0.01208,-0.15157,0.07044,-0.01598,-0.00674,-0.05659,-0.01061,-0.04622,0.04217,0.01606,0.04829,-0.06786,0.01292,0.02436,-0.12753,0.04017,0.05976,0.14041,-0.07412,0.00913,0.01053,-0.02705,-0.0355,0.07422,0.01975,-0.01051,0.00693,0.01523,-0.05835,0.07077,-0.01748,0.04972,0.04861,-0.07281,0.01855,-0.00318,0.07697,0.04126,0.04378,-0.02543,0.07269,0.02626,0.02067,-0.05914,0.1071,0.09354,0.05831,-0.0433,0,-0.06925,-0.05092,-0.06758,-0.09211,0.03945,0.02712,-0.0679,-0.02959,-0.04994,0.0323,-0.0568,0.06466,-0.08787,0.00438,0.00461,-0.06675,0.05922,0.04751,-0.01118,0.02692,-0.01924,0.05532,-0.11609,0.052,0.00869,-0.02123,0.02049,0.0999,0.08037,0.05858,-0.03008,0.02254,0.01152,0.01645,-0.07481,0.10362,-0.02639,-0.01933,-0.02642,0.11724,0.12793,-0.03068,0.00657,-0.01218,0.00421,0.05889,0.02645,-0.00102,-0.05947,0.00104,-0.0167,-0.08644,0.01373,-0.02801,-0.00838,-0.03491,0.05271,0.08783,0.05734,0.05905,-0.02077,0.0302,0.02438,0.03548],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Marker types You can pass the enum or the short string aliases: - START or start - END or end - SELECTEDSTART or selected-start - SELECTEDEND or selected-end - STARTALLSTATES or start-all-states - ENDALLSTATES or end-all-states","excerpt":"Marker types You can pass the enum or the short string aliases: - START or start - END or end - SELECTEDSTART or selected-start - SELECTEDEND or selected-end - STARTALLSTATES or start-all-states - ENDALLSTATES or end-all-states"},{"chunkId":"/docs/f-connection-marker-directive#10","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.01131,-0.05345,-0.03613,0.05959,0.02236,0.04872,0.07101,0.06332,0.01542,-0.03156,0.00768,0.00777,-0.09974,0.00105,0.05405,0.03752,-0.04108,-0.08318,0.05275,-0.04616,-0.02524,-0.11983,-0.01738,-0.05042,-0.01336,-0.02305,0.00944,0.01605,0.01855,-0.04288,0.00364,-0.07235,-0.04593,0.02555,0.04267,0.02889,0.13134,0.01433,-0.10773,0.01218,0.07704,-0.06994,0.01769,0.04195,0.00051,0.02396,-0.02542,-0.0614,-0.012,0.09117,0.03997,-0.02179,-0.03594,-0.05798,0.11587,0.02066,0.07493,0.01717,-0.03415,0.01146,-0.00696,-0.05102,-0.03355,-0.02687,-0.01393,0.0218,0.05242,-0.01254,-0.01857,-0.01637,-0.08734,0.00285,-0.00927,0.01838,-0.02402,0.09945,0.00378,0.0457,0.0609,-0.13243,0.01433,0.03445,0.0041,0.01072,0.05711,0.08882,-0.07883,-0.07882,0.02716,0.1177,-0.04315,-0.00591,-0.0304,-0.01409,-0.04169,0.05155,-0.00073,-0.06019,0.03565,0.01273,0.00901,0.00638,-0.00648,0.00464,0.06643,-0.02166,-0.07433,0.01256,-0.01111,-0.03679,-0.00685,-0.0521,0.04743,-0.07563,-0.03857,0.08315,-0.04362,0.0521,0.13425,0.02185,0.04426,-0.02191,-0.05576,0.00562,-0.04306,-0.00727,-0.03249,0,-0.0295,-0.01642,-0.06565,-0.00843,-0.01794,-0.00218,-0.03306,-0.0467,-0.07431,0.02152,-0.0316,-0.01677,-0.02298,0.06826,0.0479,-0.06388,0.01298,0.001,-0.06341,-0.06376,-0.04015,-0.04043,-0.02732,-0.08454,0.08752,0.10087,-0.08412,0.07927,-0.00375,-0.00156,0.02687,-0.04518,-0.01314,0.03674,0.01553,-0.02464,-0.00834,-0.04342,-0.07756,-0.02702,0.05857,-0.07596,-0.13996,0.01505,-0.01105,-0.02396,-0.02873,-0.01026,0.07893,-0.08155,-0.02047,0.04661,-0.04,-0.09693,0.01412,-0.00348,-0.10077,0.01443,-0.04683,-0.01803,-0.0736,0.02893,-0.00624,-0.06194,0.06114,0.04051,0.08783,-0.04437,-0.03535,-0.03804,0.03908,0.0264,0.06294,-0.02095,-0.03826,0.01433,-0.05011,0.08119,0.01001,0.00049,-0.02071,-0.06701,-0.03223,0.00525,0.07781,-0.04389,0.01502,-0.04132,-0.07548,-0.05094,0.02678,0.07149,0.05873,0.08194,-0.08681,0,0.02725,0.05498,0.03472,0.02372,-0.00063,0.029,0.08067,0.03371,-0.07648,0.08266,0.08183,-0.03332,-0.01396,-0.04943,-0.03549,0.00726,-0.03124,0.04699,0.02422,0.00488,-0.00888,-0.05182,0.01136,0.01597,0.06888,-0.00217,0.02657,-0.0647,-0.13177,-0.03407,0.04605,-0.02518,0.03207,-0.0366,0.02742,0.00678,0.045,-0.00188,-0.01133,0.02865,0.04153,0.01651,0.0141,0.04214,-0.0125,0.04631,-0.05034,0.01418,-0.10538,0.05323,-0.02033,0.01386,-0.02276,0.00091,-0.06305,0.07799,0.05441,0.02787,-0.07861,0.00852,0.04884,-0.13241,0.04153,0.06002,0.14365,-0.06291,0.01068,0.01493,-0.02023,0.0002,0.08083,0.00331,0.01133,-0.01324,-0.00874,-0.02204,0.07691,-0.04041,0.01518,0.04064,-0.04827,0.01904,0.0227,0.07726,0.02624,0.0058,-0.01197,0.08367,0.02108,0.01834,-0.05439,0.09751,0.08785,0.05782,-0.02327,0,-0.08058,-0.03306,-0.05146,-0.09706,0.05934,0.01703,-0.05557,-0.01281,-0.08862,0.04227,-0.07308,0.02262,-0.07419,0.02912,0.002,-0.06501,0.03112,0.04683,0.00189,0.01332,-0.04321,0.04411,-0.07468,0.04671,0.0054,-0.00765,0.0209,0.11889,0.07136,0.0272,-0.04486,0.01758,-0.00232,0.03583,-0.09186,0.10749,-0.03087,-0.0406,-0.05857,0.08794,0.09182,-0.04513,0.03046,0.00159,0.00859,0.06222,0.02869,-0.01884,-0.06006,-0.00523,-0.01721,-0.07167,0.00084,-0.04007,-0.00527,-0.04632,0.03698,0.09035,0.05271,0.08904,-0.02909,0.03531,0.03374,0.01614],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. EFMarkerType STARTALLSTATES expands to START and SELECTEDSTART. ENDALLSTATES expands to END and SELECTEDEND. EF Marker Type","excerpt":"EFMarkerType STARTALLSTATES expands to START and SELECTEDSTART. ENDALLSTATES expands to END and SELECTEDEND."},{"chunkId":"/docs/f-connection-marker-directive#11","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.0086,-0.04879,-0.04747,0.05892,-0.01039,0.00525,0.02712,0.08339,0.01306,-0.05471,-0.00312,0.02982,-0.1031,0.01328,0.07049,0.01326,-0.04398,-0.07472,0.07042,-0.02315,-0.041,-0.13329,-0.00726,-0.05371,-0.04068,-0.00765,0.02274,0.02647,0.034,-0.04806,-0.00106,-0.02866,-0.07867,0.02302,0.01931,-0.00125,0.11657,0.01655,-0.08503,-0.01079,0.07562,-0.05042,0.04129,-0.0006,-0.01164,0.0444,-0.04094,-0.05056,0.01859,0.0732,-0.01019,-0.04675,-0.0654,-0.03064,0.09214,0.05383,0.0701,0.0158,-0.04965,0.00648,-0.01329,-0.0166,-0.00248,-0.01443,-0.01584,0.00143,0.0059,0.00706,0.00487,0.01681,-0.05541,0.0042,-0.03942,-0.05782,-0.01223,0.06628,0.0262,0.07396,0.04802,-0.12473,0.0199,0.05547,0.00209,0.04097,0.03733,0.06417,-0.07559,-0.1009,-0.00678,0.09991,-0.01712,0.05117,-0.03528,-0.05631,-0.03541,0.0516,-0.00358,-0.0544,0.04612,0.05342,0.02701,-0.0598,0.03155,0.00939,0.05694,0.00867,-0.09059,0.01383,-0.01773,-0.02026,0.02024,-0.01885,0.03547,-0.04215,-0.05831,0.05598,-0.04375,0.05119,0.12145,0.04053,0.02183,-0.02872,-0.03503,0.01574,-0.02381,0.01876,-0.05674,0,-0.03034,0.00227,-0.04015,-0.02265,-0.03153,-0.00215,-0.00574,-0.06574,-0.02625,0.04505,-0.03012,-0.06733,-0.0709,0.02903,0.04031,-0.05837,0.01081,-0.01431,-0.10528,-0.04372,0.01015,-0.04377,-0.05301,-0.06027,0.11879,0.08602,-0.09187,0.06725,-0.07641,-0.00344,0.03392,-0.03764,0.0307,0.04621,0.01215,-0.01828,-0.03387,-0.0534,-0.13794,-0.02103,0.07806,-0.07184,-0.12902,0.02103,-0.00047,0.03554,-0.02753,-0.00782,0.03772,-0.06835,-0.02571,0.04812,-0.04137,-0.08847,0.04507,-0.02713,-0.10266,0.01096,-0.02577,0.01707,-0.07215,0.01167,-0.00069,-0.03873,0.0496,0.0497,0.0501,-0.0175,-0.02047,-0.04143,0.02335,0.04391,0.05924,-0.02904,-0.03154,0.01147,-0.04263,0.03792,0.03334,0.01526,-0.00914,-0.05976,-0.01704,0.00108,0.08883,-0.0599,0.05896,-0.05703,-0.07956,-0.04086,0.02138,0.07874,0.08158,0.06575,-0.05036,0,-0.02748,0.0325,0.05084,0.01789,0.00424,0.03125,0.0568,0.00877,-0.07726,0.07624,0.00182,-0.01337,-0.00724,-0.06533,-0.06169,0.03121,-0.00517,0.03295,0.01644,0.04555,-0.00258,-0.00733,0.02583,-0.00611,0.07117,-0.01665,0.02681,-0.0638,-0.09313,0.00514,0.02174,-0.03542,0.06065,-0.05784,0.05096,-0.03163,0.02536,-0.01054,0.02277,0.02139,0.01656,0.02709,0.02423,0.05437,-0.04136,0.04888,-0.07047,-0.00475,-0.14215,0.04869,-0.06667,-0.00917,-0.03719,-0.00266,-0.04703,0.0804,0.03253,0.05246,-0.06806,0.02522,0.01817,-0.15456,0.03185,0.05923,0.15523,-0.05093,0.04854,0.005,-0.04022,0.04277,0.04563,0.0445,0.02365,-0.00327,0.03831,-0.03047,0.09162,-0.00265,0.04883,0.05088,-0.07064,0.02386,0.02966,0.06393,0.03653,0.03089,-0.03413,0.09267,0.03669,0.03673,-0.03631,0.09509,0.07789,0.02749,-0.0085,0,-0.04355,-0.06735,-0.0627,-0.06384,0.03237,0.00905,-0.07001,-0.03147,-0.12125,0.03973,-0.06909,0.08093,-0.10408,0.01994,-0.01454,-0.07423,0.02372,0.06791,-0.01395,0.00432,-0.03284,0.05625,-0.05946,0.06213,-0.01405,-0.0084,0.02939,0.07877,0.08546,0.00984,-0.04559,0.01239,-0.01325,0.07404,-0.08926,0.03491,-0.02875,0.00144,-0.0509,0.09645,0.11233,-0.00406,0.04015,-0.01081,0.03402,0.07254,0.02479,-0.02281,-0.06835,0.03799,-0.03237,-0.04721,-0.01072,-0.02361,0.0196,-0.01948,0.06496,0.08725,0.02549,0.04271,-0.05787,0.05693,0.01244,0.00256],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Recommended usage - Use <f-connection-marker-circle / and <f-connection-marker-arrow / when the built-in shapes are enough. - Use STARTALLSTATES and ENDALLSTATES when the same marker should appear in both normal and selected states. - Use separate START / SELECTEDSTART or END / SELECTEDEND markers only when the selected connection must look different. - Use svg[fMarker] when you need fully custom geometry. f Marker","excerpt":"Recommended usage - Use <f-connection-marker-circle / and <f-connection-marker-arrow / when the built-in shapes are enough. - Use STARTALLSTATES and ENDALLSTATES when the same marker should appear in both normal and selected states. - Use separate START / SELECTEDSTART or END / SELECTEDEND markers only when the selected connection must look different. - Use svg[fMarker] when you need fully custom geometry."},{"chunkId":"/docs/f-connection-marker-directive#12","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.01961,-0.04811,-0.05242,0.06199,0.03367,0.02083,0.06198,0.05048,0.02219,-0.06468,0.03088,0.04528,-0.09342,-0.01904,0.06363,0.03969,-0.04372,-0.06131,0.05551,-0.01445,-0.03125,-0.12258,-0.02386,-0.00668,-0.00465,-0.01314,0.02726,0.02252,0.03348,-0.03074,-0.01698,-0.04568,-0.0824,0.03941,0.03144,0.02811,0.16346,0.04383,-0.06564,-0.00919,0.03948,-0.08741,0.0052,0.03905,0.03479,0.05187,-0.03256,-0.05223,-0.02922,0.06746,0.0104,-0.05006,-0.05927,-0.0222,0.0817,0.03514,0.05654,0.02427,-0.04005,0.02405,-0.00049,-0.00996,0.01783,0.01692,-0.03609,-0.02224,0.01849,0.00704,0.01205,-0.0204,-0.06453,0.00699,-0.0015,-0.04637,-0.01417,0.06205,0.00548,0.03378,0.03562,-0.12167,0.01307,0.03924,0.00221,0.05037,0.06925,0.08283,-0.04852,-0.07499,-0.01938,0.09468,-0.04379,0.04175,-0.03593,-0.02486,-0.05325,0.02494,0.00829,-0.02442,0.03176,0.04422,0.01847,-0.01151,-0.00074,-0.02159,0.05674,-0.00155,-0.08845,-0.00482,0.0109,-0.03008,-0.00145,-0.03688,0.00062,-0.06051,-0.06898,0.0376,-0.06682,0.02689,0.13776,0.04571,0.0381,-0.02354,-0.04965,-0.03844,-0.0372,-0.00575,-0.05708,0,-0.02033,0.03263,-0.05495,-0.015,0.02357,-0.02647,-0.04392,-0.05055,-0.06826,0.02877,-0.0112,-0.07912,-0.05089,0.12,0.0762,-0.02639,0.0452,-0.03272,-0.08835,-0.06988,-0.01939,-0.05539,-0.03514,-0.04049,0.11136,0.13423,-0.06798,0.08355,-0.03563,-0.00432,0.04424,-0.04196,0.02227,0.00095,0.02074,-0.01327,-0.00997,-0.06683,-0.11086,-0.00202,0.03705,-0.08361,-0.14325,0.01021,0.00225,0.0048,-0.00835,0.01497,0.03327,-0.06668,-0.0576,0.03732,-0.04106,-0.07689,0.03289,-0.03298,-0.08757,0.00011,-0.06947,-0.00406,-0.05659,0.01227,-0.014,-0.03302,0.02739,0.02691,0.05383,-0.0331,-0.00323,-0.02847,0.01158,0.07962,0.01396,-0.02211,-0.04,0.00201,-0.07285,0.05411,0.04549,0.02229,-0.06309,-0.06752,-0.01202,0.01018,0.03316,-0.06572,0.0362,-0.06061,-0.07494,-0.04887,0.019,0.06884,0.03898,0.04505,-0.10319,0,-0.00802,0.06234,0.00402,0.04428,-0.01066,0.0327,0.06422,0.03069,-0.06577,0.07369,0.02735,-0.02283,-0.02783,-0.03229,-0.03768,0.014,-0.0502,0.04031,-0.00507,-0.009,-0.00279,-0.00827,0.04919,-0.02435,0.0378,-0.02859,0.01188,-0.06774,-0.10476,0.01039,0.0334,-0.02151,0.07078,-0.04644,0.01801,-0.00259,0.05106,-0.031,-0.00304,0.0252,0.03024,0.02287,0.01069,0.02945,-0.04087,0.05314,-0.06946,-0.01452,-0.09017,0.06175,0.00113,-0.01589,-0.03331,-0.00981,-0.05861,0.08809,-0.01101,0.04233,-0.0696,0.03387,0.04008,-0.12884,0.02071,0.08509,0.15743,-0.04614,0.00309,0.0159,0.00003,0.02077,0.06129,0.04743,0.00744,0.03588,-0.00275,-0.05022,0.06148,0.01501,0.02023,0.07622,-0.05285,0.00306,0.01361,0.10532,0.04408,0.00808,-0.0188,0.06125,0.00296,0.01042,-0.02051,0.12947,0.04346,0.06719,-0.05567,0,-0.05444,-0.04102,-0.05261,-0.11,0.04414,0.02892,-0.02974,-0.03439,-0.08888,0.05742,-0.06638,0.01477,-0.09636,0.01869,0.01112,-0.07031,-0.00036,0.05226,-0.03219,0.01081,-0.04364,0.05628,-0.09742,0.06324,0.00481,-0.01777,0.04656,0.12439,0.06625,0.02718,-0.05313,0.05084,0.02585,0.00861,-0.06186,0.09992,-0.03384,-0.0133,-0.02471,0.15429,0.0876,-0.042,0.0369,-0.01168,0.08282,0.05258,0.01854,-0.03453,-0.10584,0.00888,-0.02747,-0.03636,-0.03465,-0.00333,0.01986,-0.02074,0.04327,0.09099,0.02825,0.03014,-0.0219,0.05262,0.04932,-0.00268],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Styling - .connection-marker is the shape class used inside examples and built-in marker templates. - Visible marker rendering happens on the connection path; marker declarations remain hidden source definitions.","excerpt":"Styling - .connection-marker is the shape class used inside examples and built-in marker templates. - Visible marker rendering happens on the connection path; marker declarations remain hidden source definitions."},{"chunkId":"/docs/f-connection-marker-directive#13","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.00434,-0.05964,-0.02353,0.05434,0.0123,0.0203,0.03121,0.06811,0.02777,-0.04731,0.02172,0.05718,-0.11267,0.00748,0.03073,0.03013,-0.04603,-0.05907,0.08225,-0.01481,-0.05752,-0.13207,-0.0046,-0.01231,-0.02061,-0.02564,0.02659,0.03949,0.02511,-0.03771,-0.01085,-0.03631,-0.08925,0.03391,0.00201,0.03923,0.13678,0.02521,-0.08438,0.00611,0.0897,-0.06153,0.03391,0.04399,0.02755,0.05887,-0.01425,-0.04425,0.00478,0.10632,-0.00031,-0.05971,-0.05804,-0.0478,0.08584,0.0463,0.06292,0.01821,-0.01506,0.00169,0.01801,-0.02755,-0.00145,0.00961,-0.0454,-0.01554,0.01671,0.03485,-0.03172,0.01982,-0.05485,-0.00848,-0.02009,-0.01303,-0.02634,0.06358,0.00626,0.03758,0.04378,-0.12191,-0.00048,0.02629,-0.02469,0.09289,0.05636,0.08556,-0.05114,-0.07695,0.01316,0.07555,-0.01946,-0.00151,0.0112,-0.04466,-0.02836,0.05309,0.03417,-0.02896,0.01618,0.01741,0.03866,-0.00959,-0.02791,0.00432,0.10154,0.01669,-0.09451,0.01137,-0.00471,-0.03873,-0.01645,-0.03299,0.02532,-0.03793,-0.07199,0.05417,-0.06993,0.03079,0.13531,0.01378,0.01905,-0.01375,-0.06206,-0.01543,-0.01937,0.03274,-0.03768,0,-0.04714,0.03684,-0.03987,-0.02409,-0.01627,-0.03751,-0.03819,-0.05678,-0.04805,0.03474,-0.00117,-0.06189,-0.05475,0.10884,0.04441,-0.01892,0.03894,-0.06883,-0.11235,-0.07377,-0.01335,-0.04658,-0.0662,-0.06876,0.08478,0.07727,-0.08193,0.09127,-0.07605,-0.02114,0.04274,-0.05306,0.03915,0.00987,-0.00822,-0.00405,-0.03025,-0.06615,-0.11349,0.02281,0.0604,-0.05991,-0.16397,0.00629,0.03619,0.02019,0.00287,-0.02567,0.03855,-0.04927,-0.05511,0.06648,-0.03242,-0.07477,0.00508,-0.022,-0.08156,-0.00464,-0.06678,-0.01883,-0.07806,0.00448,-0.00233,-0.04304,0.0453,0.01939,0.06396,-0.02009,-0.0317,-0.04002,0.02607,0.03787,0.03668,-0.01037,-0.04389,0.02099,-0.06157,0.05611,0.0602,0.00636,-0.04278,-0.04482,0.0054,0.00256,0.08647,-0.0886,0.04462,-0.05676,-0.05643,-0.02911,0.04394,0.09512,0.04942,0.07449,-0.09138,0,-0.00686,0.04668,0.03242,0.04893,-0.03654,0.04766,0.08851,0.03501,-0.06922,0.0326,0.00633,-0.00973,-0.03531,-0.02565,-0.04077,0.00725,-0.03221,0.05445,0.00946,-0.0101,-0.00246,-0.00233,0.0419,0.00097,0.07678,-0.01577,0.05348,-0.0449,-0.12796,-0.01684,0.05522,-0.02735,0.09071,-0.06859,0.03949,-0.00706,0.01677,-0.01437,0.01478,0.05866,0.01332,0.01809,0.01649,0.02996,-0.01958,0.05958,-0.0774,-0.02969,-0.09639,0.05889,-0.02977,0.00332,-0.02922,-0.03073,-0.03471,0.06199,0.00739,0.06048,-0.05611,0.00779,0.02182,-0.1419,0.04036,0.03991,0.12912,-0.05643,0.00982,0.00498,-0.01776,0.01021,0.04613,0.06069,0.00436,0.00063,-0.00476,-0.0508,0.09729,0.00469,0.03865,0.03052,-0.0814,0.02346,-0.0033,0.10292,0.01305,0.0281,-0.04795,0.05514,0.01143,0.01775,-0.01741,0.10061,0.06213,0.0422,-0.01904,0,-0.04668,-0.01327,-0.04876,-0.05238,0.0195,0.00988,-0.05358,-0.05469,-0.09526,0.04676,-0.06401,0.0468,-0.10184,0.02639,-0.01037,-0.07086,0.01056,0.04446,-0.02405,0.02967,-0.05001,0.08195,-0.10398,0.0792,-0.00271,-0.01623,0.03536,0.10157,0.07112,0.01254,-0.05617,0.01598,0.01528,0.04129,-0.06269,0.06274,-0.04223,-0.00196,0.00406,0.09982,0.09929,-0.01454,0.03758,-0.02708,0.02098,0.05102,0.03316,-0.03294,-0.09964,-0.02708,-0.00182,-0.05985,-0.01436,-0.01445,0.05956,-0.02636,0.04898,0.08187,0.0288,0.04714,-0.01322,0.05091,0.00593,-0.00311],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Notes / Pitfalls - Marker dimensions and refX/refY must match your SVG path geometry; wrong values make markers look offset. - orient=\"auto\" is usually the correct choice for arrow-like markers. - Built-in markers remove the need to write <svg manually, but custom SVG markers remain the best option when branding matters. ref X ref Y","excerpt":"Notes / Pitfalls - Marker dimensions and refX/refY must match your SVG path geometry; wrong values make markers look offset. - orient=\"auto\" is usually the correct choice for arrow-like markers. - Built-in markers remove the need to write <svg manually, but custom SVG markers remain the best option when branding matters."},{"chunkId":"/docs/f-connection-marker-directive#14","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.0416,-0.02403,-0.08232,0.08088,0.05548,0.08174,0.02665,0.05013,0.0195,-0.00232,-0.03534,0.02758,-0.11409,0.01287,0.06119,0.01968,-0.05215,-0.02876,0.06428,-0.00755,-0.03315,-0.0925,0.0227,-0.01003,-0.00225,0.00317,0.01371,0.00102,0.04582,-0.00319,0.0289,-0.0122,-0.0635,0.03747,-0.00235,0.06683,0.10995,0.04829,-0.0768,-0.03528,0.0993,-0.02042,0.00994,-0.0368,0.01344,0.0215,-0.04622,-0.04231,-0.04086,0.05053,-0.01208,-0.08105,-0.0564,0.00587,0.06648,-0.0002,0.04,-0.0084,-0.00532,0.03961,-0.03195,-0.07533,0.01301,-0.01385,0.0153,0.01459,-0.0515,0.01393,-0.05524,0.02046,-0.04377,-0.0108,0.00244,-0.05375,0.00069,0.03916,-0.04093,0.06503,0.04647,-0.09911,0.03674,0.02722,-0.01509,0.06196,0.04796,0.10286,-0.00402,-0.0947,-0.00234,0.03433,-0.01633,0.04206,-0.02664,-0.00873,0.00579,0.03514,-0.05819,0.01248,-0.01348,0.04074,-0.0024,-0.04575,0.02539,0.0385,0.05365,0.00902,-0.05069,0.04461,-0.01785,-0.02333,-0.00287,0.01443,0.0366,-0.06763,-0.04643,-0.02118,-0.02466,0.0158,0.09299,0.07045,0.03547,-0.03564,-0.06891,-0.04006,0.00685,0.0161,0.01105,0,0.00095,0.03364,-0.06836,0.00732,0.01668,-0.03791,-0.04599,-0.1024,-0.04503,0.08638,-0.02391,-0.04163,-0.03824,0.05407,0.01597,-0.05671,0.03875,-0.01121,-0.06377,-0.04746,0.00826,-0.08335,-0.05305,-0.02759,0.1598,0.03746,-0.06984,0.07898,-0.06302,-0.01613,0.07637,0.00425,0.0554,-0.01839,0.00333,-0.03557,-0.01796,-0.02101,-0.11039,0.00596,0.08891,-0.06351,-0.16974,0.06222,-0.03496,-0.00257,-0.03149,-0.00524,0.09248,-0.03261,-0.06318,0.06686,-0.06688,-0.08025,0.0578,-0.03095,-0.08928,0.03156,-0.04767,-0.00377,-0.05117,0.01641,-0.01474,-0.05341,0.05817,0.01121,0.05481,-0.00096,0.00174,-0.08516,-0.0394,0.06132,0.02222,-0.02387,-0.01612,-0.02079,-0.03274,0.10918,0.0878,-0.00577,-0.02192,-0.08671,-0.04419,0.06691,0.07173,-0.10241,0.00457,-0.09271,-0.07978,-0.0985,0.06436,0.05926,0.04148,0.00023,-0.09439,0,0.06511,0.03514,0.02073,0.06523,-0.03065,0.00166,0.11634,0.06529,-0.0011,0.09863,0.06672,0.00384,-0.01182,-0.04748,-0.01632,0.03276,-0.04505,0.00904,0.08176,-0.02709,0.01983,0.03156,0.02968,-0.02964,0.03737,0.01023,0.04539,-0.02104,-0.09949,-0.04396,0.01194,-0.03005,0.00893,-0.04241,-0.01799,-0.03821,0.02971,0.03436,-0.00869,0.04239,0.06467,0.0541,-0.01614,0.02358,-0.05383,-0.00003,-0.0086,-0.02387,-0.11635,0.02501,-0.02534,-0.02887,-0.04314,-0.01177,-0.0494,0.02276,0.03586,-0.00037,-0.08598,0.01249,0.06293,-0.09022,-0.00187,0.04001,0.13871,-0.0116,-0.05362,-0.01691,0.05273,0.00543,0.01329,0.012,0.04427,-0.00191,0.03709,0.00884,0.07078,-0.00189,0.07163,0.05298,-0.08002,0.04645,-0.00472,0.07325,0.07179,0.08398,-0.10131,0.03877,0.0624,0.02687,-0.10101,0.04771,0.05907,0.00016,-0.012,0,-0.07043,-0.01499,-0.06782,-0.08984,0.03444,-0.00393,-0.03456,-0.04047,-0.08073,0.05902,-0.08261,0.06587,-0.05311,-0.00263,0.01166,-0.05996,-0.0048,0.04804,-0.04614,0.03228,-0.03525,0.0736,-0.03463,0.09327,0.01306,-0.03622,0.00519,0.06741,0.03356,0.00858,-0.03292,0.01927,0.02154,0.00359,-0.05419,0.03358,-0.09448,-0.02926,0.00261,0.11366,0.08261,-0.04616,0.05055,-0.00331,0.00885,0.06794,-0.00181,-0.00424,-0.07031,-0.01921,-0.04048,-0.0253,-0.08408,0.02967,0.03138,-0.06539,0.05771,0.10637,0.01877,0.01589,-0.02397,0.02654,0.03606,-0.02979],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Example ::: ng-component <connection-markers</connection-markers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.scss :::","excerpt":"Example ::: ng-component <connection-markers</connection-markers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.scss :::"},{"chunkId":"/docs/f-snap-connection-component#0","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.05305,-0.0401,-0.08557,0.00359,-0.01546,-0.01385,0.01942,-0.00669,-0.00207,0.01696,0.00409,0.03215,-0.06043,0.02575,-0.06679,-0.03584,-0.03681,-0.04217,0.01443,0.08422,-0.09484,-0.07493,-0.02346,-0.01803,0.01228,-0.0897,0.04633,-0.02665,-0.00401,0.00481,-0.02341,0.05397,-0.05417,0.04527,-0.04228,-0.00883,0.00917,0.03468,-0.07982,-0.00709,0.00386,-0.06881,0.02234,0.01091,-0.04677,0.04605,-0.03174,0.03216,-0.00221,0.0479,-0.05159,0.00151,-0.07793,0.05691,0.06018,0.10604,0.05379,-0.00292,-0.00189,0.04994,0.05105,-0.02402,-0.03827,0.00621,0.0263,0.05575,0.05698,0.0321,0.01601,-0.03514,-0.00692,0.0244,-0.03689,-0.01697,0.08866,-0.01203,0.02591,0.01776,-0.01821,-0.02043,0.03802,0.03336,-0.06592,0.03483,0.02304,0.11233,-0.03106,-0.10036,0.0032,0.03323,-0.01601,-0.01607,-0.05023,-0.05722,-0.09134,-0.03016,0.03642,-0.02142,-0.08601,0.00399,-0.02259,-0.00812,0.00902,-0.01445,0.00463,-0.07151,-0.00785,-0.07604,-0.03503,0.03935,0.01206,-0.01144,-0.0541,-0.07141,-0.06453,-0.00272,-0.02095,0.00699,0.15435,-0.03107,-0.00551,0.05502,-0.00207,-0.01506,0.03437,-0.00481,-0.08286,0,0.01006,-0.00592,-0.04,0.01183,0.05314,-0.02854,0.01857,-0.05901,-0.03072,0.01565,-0.08251,0.00088,0.01023,-0.06031,-0.04244,-0.0994,-0.039,0.01704,-0.02585,0.03106,-0.00871,-0.01648,0.04762,-0.02804,0.1146,0.03928,-0.04583,0.05235,0.0279,0.03233,-0.03523,0.02966,-0.03213,-0.04716,0.04623,-0.07023,-0.01805,-0.08801,-0.0698,-0.00721,-0.0206,-0.03784,-0.07867,-0.0512,0.00971,-0.07049,-0.01446,0.05946,0.01075,0.05161,0.06366,-0.05329,0.04854,-0.03068,-0.05787,-0.11387,0.00179,0.01549,-0.00232,0.06276,-0.07022,-0.09244,0.02132,-0.0316,0.1234,0.0885,0.03885,0.06323,0.07299,-0.01938,-0.06629,0.0612,-0.00147,-0.06838,-0.03841,-0.01145,-0.09176,-0.00316,0.04059,0.04967,0.06688,-0.10166,-0.01683,0.01416,0.01538,-0.03194,-0.02226,-0.09454,-0.071,0.00353,-0.01846,0.09151,0.03021,0.06201,0.0491,0,-0.00495,-0.05302,0.02244,0.07225,0.01349,-0.00115,0.03009,-0.03333,0.00228,-0.00842,0.00802,0.0186,0.01867,-0.04151,-0.06211,0.09677,-0.02002,-0.10009,-0.03341,0.04091,0.02529,-0.084,0.08855,-0.03119,0.01548,-0.03395,0.13186,0.02037,-0.0263,-0.06049,0.06727,-0.0147,-0.01382,-0.03896,-0.00909,0.05193,0.09499,0.11759,-0.00907,-0.04777,0.05644,0.07482,0.02047,0.05496,-0.03686,0.09298,-0.01771,0.00913,-0.15033,0.044,-0.0156,-0.02353,-0.04165,0.03919,-0.03377,0.07883,0.01494,0.00525,-0.02861,0.00392,0.10672,-0.11528,-0.05158,0.03097,0.0943,-0.00416,0.01408,0.00397,-0.02214,0.09117,0.08662,-0.02636,0.07882,-0.03823,-0.01139,-0.03067,0.09531,-0.07953,0.06936,0.05155,-0.01377,0.02618,-0.01166,0.00581,-0.03485,0.00937,0.04572,0.14584,0.03592,-0.02478,-0.07148,0.07,0.04329,-0.04263,-0.0133,0,-0.05138,0.01717,-0.07558,-0.04201,0.05671,0.02895,-0.0337,0.06508,-0.00917,0.02823,0.0083,0.06726,-0.02626,0.06591,0.09117,-0.08334,0.04504,0.01486,-0.08161,-0.00205,0.001,0.02674,-0.01716,0.056,-0.04816,-0.04908,-0.04008,0.0709,0.03183,-0.03899,-0.05488,-0.01063,0.03902,-0.03601,-0.09368,0.17964,-0.04803,-0.02632,-0.00312,0.01458,0.04425,0.00208,-0.05692,0.00312,-0.09275,0.03234,0.03877,0.01919,-0.0465,0.0127,0.01067,-0.01157,-0.00465,-0.01459,0.00308,0.00122,0.01156,-0.01629,0.11076,0.05236,-0.00981,0.04726,-0.02452,0.04453],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Snap Connection Selector: f-snap-connection Class: FSnapConnectionComponent FSnapConnectionComponent renders a temporary snapping helper while a connection is being created or reassigned. F Snap Connection Component","excerpt":"Snap Connection Selector: f-snap-connection Class: FSnapConnectionComponent FSnapConnectionComponent renders a temporary snapping helper while a connection is being created or reassigned."},{"chunkId":"/docs/f-snap-connection-component#1","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.03037,-0.05791,-0.04876,0.00796,-0.0155,-0.036,-0.01368,0.06167,0.04734,0.03246,-0.00821,0.07806,-0.05283,0.01382,-0.02305,-0.02429,-0.01519,-0.04705,-0.00353,0.04872,-0.13003,-0.10939,-0.00875,-0.02782,0.00019,-0.06723,-0.04421,-0.02673,0.0221,-0.0251,-0.02973,0.07672,-0.0463,0.0546,-0.06987,0.04297,0.01201,0.0128,-0.10999,-0.02492,0.01696,-0.04143,0.04338,0.00594,-0.01044,-0.00123,-0.04867,0.0174,-0.00595,0.05498,-0.08465,-0.03021,-0.07395,0.05606,0.03358,0.10402,0.05866,0.00607,0.02027,0.0696,0.05913,-0.02105,-0.04729,0.01415,0.05175,0.03463,0.06158,0.02442,0.02727,-0.00316,-0.0073,0.0133,-0.05983,0.02171,0.0457,-0.02325,-0.01183,0.0112,-0.03547,-0.0126,0.05548,0.02363,-0.06049,0.05051,0.01246,0.10706,-0.02193,-0.11129,0.00423,0.04721,0.04603,0.00422,-0.05229,-0.05897,-0.04981,-0.02464,0.04372,-0.01677,-0.11228,0.036,0.00563,-0.02015,0.02301,-0.01192,0.00284,-0.05697,-0.0192,-0.06837,-0.06457,0.02603,-0.00229,0.00936,-0.03878,-0.07559,-0.08558,-0.02943,0.00376,-0.02665,0.11052,0.02301,-0.02998,0.05952,-0.02457,0.00631,0.01115,-0.02471,-0.08258,0,0.0132,0.02659,-0.01601,0.01492,0.06948,-0.04715,-0.00673,-0.05681,-0.01667,-0.01733,-0.04796,0.00912,0.00144,-0.00463,0.00664,-0.07835,-0.03537,0.05818,-0.0496,0.03422,0.01407,-0.08332,0.02531,0.00392,0.1009,0.05175,-0.01971,0.08386,0.0466,0.02044,-0.07166,-0.0076,0.00713,-0.01856,0.03477,-0.03348,-0.0406,-0.13289,-0.03816,-0.03491,-0.02051,0.01717,-0.04941,-0.04544,0.04852,-0.03606,-0.03029,0.0703,0.00595,0.04776,0.06402,-0.00336,0.04208,0.00088,-0.03264,-0.07497,0.03432,-0.01709,0.00514,0.14412,-0.05773,-0.04314,-0.01416,0.00019,0.09855,0.09936,0.0213,0.07305,0.09187,-0.02796,-0.07776,0.03885,-0.00207,-0.05061,-0.0316,-0.01018,-0.11674,-0.05126,0.06124,0.03922,0.0273,-0.07946,-0.0328,0.06146,0.0265,-0.05715,-0.01821,-0.07555,-0.05704,0.01336,0.03505,0.07513,0.06938,0.07261,0.04881,0,-0.02431,-0.05839,0.02788,0.10105,0.00349,-0.00288,0.00364,-0.10971,0.05334,0.00927,-0.01402,0.01575,0.00597,-0.06009,-0.03202,0.06349,-0.01459,-0.12968,-0.03348,-0.0087,0.0577,-0.05837,0.09294,-0.00991,0.02966,-0.05374,0.04492,-0.00967,-0.02337,-0.0569,0.03343,-0.00455,-0.01661,-0.05488,0.03444,0.04627,0.04956,0.139,0.04339,-0.02171,0.08171,0.06432,-0.00872,0.02257,-0.0329,0.1143,-0.1009,0.01673,-0.13042,0.04244,-0.07087,0.00049,-0.02277,-0.0195,-0.04255,0.0661,0.02025,-0.00374,-0.04819,0.01012,0.06882,-0.11435,-0.0257,0.01537,0.07135,0.00181,0.02806,0.00028,-0.04357,0.08191,0.06626,-0.01705,0.08539,-0.01934,0.00236,-0.02112,0.10433,-0.0932,0.06383,0.06453,-0.06301,0.07777,-0.01034,0.0212,-0.068,0.06009,0.02625,0.09029,0.02155,-0.02001,-0.0598,0.04506,0.04745,-0.0083,-0.0244,0,-0.06007,0.02492,-0.05307,-0.00989,0.04069,0.00927,-0.03094,0.09427,0.0167,0.08471,0.01422,0.03315,-0.05778,0.0345,0.08179,-0.06173,0.05123,0.03051,-0.0964,-0.02022,0.00234,0.04763,-0.02046,0.05675,-0.02832,-0.05495,0.01321,0.10266,0.00962,-0.01833,-0.04547,-0.00404,0.05076,0.03499,-0.10964,0.12862,-0.02982,0.01424,-0.01158,0.02328,0.05467,0.0149,-0.01891,-0.01019,-0.09319,0.0342,0.03191,0.03583,-0.01203,0.00886,-0.00216,-0.01174,0.00405,-0.02607,0.01387,0.01864,0.00597,-0.03567,0.11889,0.05091,-0.03947,0.03668,-0.03128,0.04863],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Why / Use cases Use f-snap-connection when your editor has many potential targets and users need faster, more forgiving connection interactions. Typical use cases: - Dense node graphs where precise pointer placement is difficult. - Touch-heavy interactions. - Reassign workflows where endpoints frequently change. Skip it for strict/manual connection placement UX.","excerpt":"Why / Use cases Use f-snap-connection when your editor has many potential targets and users need faster, more forgiving connection interactions. Typical use cases: - Dense node graphs where precise pointer placement is difficult. - Touch-heavy interactions. - Reassign workflows where endpoints frequently change. Skip it for strict/manual connection placement UX."},{"chunkId":"/docs/f-snap-connection-component#2","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.05647,-0.06263,-0.10676,0.02748,0.03483,-0.01734,-0.00003,0.00803,-0.00942,0.01916,0.00801,0.04138,-0.06016,0.03009,-0.05839,-0.02923,-0.01205,-0.06263,0.03235,0.06394,-0.07752,-0.0908,-0.01392,-0.01942,0.02626,-0.0651,0.0017,-0.01499,0.01457,-0.01776,0.01029,0.02952,-0.05182,0.05956,-0.02867,0.01462,-0.00033,0.02075,-0.06386,0.01377,-0.0035,-0.03794,0.00103,0.01083,-0.03902,0.03665,-0.0409,0.06642,-0.01215,0.09013,-0.0722,-0.01763,-0.0743,0.03007,0.07679,0.14414,0.04653,0.00191,0.01677,0.05525,0.07349,-0.03377,-0.04058,0.0046,0.05427,0.04139,0.02234,0.03227,0.03937,-0.02239,0.03292,0.01426,-0.06744,-0.00297,0.10132,0.02681,-0.00544,0.03435,-0.04227,-0.02507,0.05095,-0.01765,-0.06764,0.04279,0.03759,0.10889,-0.04009,-0.10454,0.02427,0.04526,-0.00838,-0.00844,-0.06454,-0.05194,-0.08402,-0.04015,0.02996,0.0111,-0.11217,0.03819,-0.02218,-0.04686,0.00216,0.00419,0.00655,-0.05761,-0.02094,-0.05011,-0.07451,0.04147,0.00644,0.01506,0.00415,-0.04103,-0.04152,-0.05174,-0.04511,-0.01439,0.12798,-0.03476,-0.00402,0.08617,-0.00557,-0.00589,0.01336,-0.01176,-0.07287,0,0.02309,0.0095,-0.04285,-0.00783,0.04119,-0.02818,-0.00856,-0.04687,-0.02893,0.02071,-0.06587,0.00194,0.01751,0.00254,-0.01552,-0.09925,-0.01224,0.04143,-0.04675,0.01985,0.01098,0.00814,0.01798,-0.0212,0.10496,0.07988,-0.03645,0.07417,0.03051,0.04517,-0.0622,0.0544,-0.02386,-0.03539,0.01758,-0.03206,-0.0075,-0.11952,-0.06755,-0.04211,-0.00114,-0.00462,-0.09005,-0.05591,-0.00699,-0.06658,-0.02766,0.09144,-0.01623,0.04166,0.04321,-0.0343,0.05841,-0.00856,-0.04312,-0.117,-0.0015,-0.0187,0.02561,0.08079,-0.01134,-0.06433,-0.01802,-0.03793,0.09606,0.11032,0.03665,0.06585,0.08706,0.0009,-0.06134,0.08931,0.01541,-0.03885,-0.0197,-0.02972,-0.11944,-0.02224,0.03011,0.02847,0.03499,-0.11564,-0.01567,0.01327,0.03763,-0.05978,0.0026,-0.09771,-0.08604,-0.00168,0.00851,0.02931,0.03351,0.06957,0.05071,0,-0.00959,-0.02318,0.03153,0.09505,0.00221,0.00214,-0.00016,-0.03624,-0.01992,0.00532,-0.03303,-0.00976,-0.00849,-0.02759,-0.03456,0.05257,-0.01471,-0.10317,-0.04984,-0.03171,0.05533,-0.09083,0.05117,-0.01394,0.04682,-0.02599,0.11856,0.0037,-0.00953,-0.05344,0.0324,-0.04247,-0.03512,-0.07383,0.01828,0.06135,0.05319,0.12848,0.02457,-0.04496,0.06418,0.06992,-0.02557,0.03831,-0.03361,0.09875,-0.06028,0.05359,-0.11345,0.03098,-0.03303,0.00635,-0.01282,-0.00303,-0.03557,0.03633,0.04604,0.01047,-0.0282,-0.01543,0.06973,-0.12292,-0.0564,0.03646,0.12432,-0.0013,0.02008,-0.01415,-0.02117,0.11717,0.09553,-0.00376,0.09503,-0.0265,0.01698,-0.03222,0.09327,-0.04432,0.05952,0.03632,-0.03524,-0.00141,0.02852,0.03569,-0.012,0.02719,-0.00043,0.14254,0.02108,0.00723,-0.0489,0.04366,0.03817,-0.01975,-0.02049,0,-0.06508,0.0507,-0.07097,0.01378,0.06179,0.05747,0.01194,0.07074,-0.01166,0.03276,0.00564,0.06266,-0.01633,0.05784,0.05259,-0.09195,0.05319,0.01348,-0.07562,-0.01641,-0.01375,0.02956,-0.01602,0.07355,-0.04472,-0.06033,-0.03476,0.10605,0.04113,0.00294,-0.05745,-0.01521,0.07209,-0.02499,-0.10426,0.15861,-0.05751,0.00236,-0.00677,0.0065,0.02616,0.0255,-0.03184,-0.00922,-0.07274,0.04061,0.03508,-0.00022,-0.04416,-0.00703,-0.01895,-0.01217,0.00534,0.00015,0.01411,0.01675,0.00508,-0.03867,0.12533,0.04144,0.0172,0.02363,-0.04583,0.04631],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. How it works During drag/create/reassign interactions, the helper tracks candidate targets and renders a temporary line that snaps when within fSnapThreshold. It is not a persisted graph edge. f Snap Threshold","excerpt":"How it works During drag/create/reassign interactions, the helper tracks candidate targets and renders a temporary line that snaps when within fSnapThreshold. It is not a persisted graph edge."},{"chunkId":"/docs/f-snap-connection-component#3","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.0358,-0.07078,-0.07214,0.00224,0.00122,-0.0187,-0.00245,-0.0064,-0.02743,0.03149,-0.00782,0.0485,-0.05614,0.02282,-0.04506,-0.03281,-0.00833,-0.03979,0.02288,0.07389,-0.09586,-0.10003,-0.01683,-0.0171,0.03542,-0.09886,0.02936,-0.04099,-0.00126,0.01989,-0.02828,0.04933,-0.06043,0.0473,-0.03117,-0.03724,0.00852,0.01454,-0.09038,0.00741,0.02978,-0.03319,0.04222,0.00699,-0.06636,0.03917,-0.04385,0.06152,0.00825,0.07011,-0.06425,-0.02434,-0.05464,0.03933,0.04903,0.10538,0.02726,0.00951,0.01881,0.0308,0.06337,-0.03479,-0.0318,-0.01262,0.00113,0.04587,0.04187,0.03437,-0.00075,-0.0282,-0.01323,0.03419,-0.04798,0.00795,0.09731,0.01625,-0.00839,0.02548,-0.02124,-0.03082,0.03427,0.01017,-0.07402,0.04279,0.00973,0.101,-0.03222,-0.08185,0.01061,0.03693,0.0003,-0.01666,-0.08067,-0.05184,-0.09233,-0.04002,0.03,-0.04984,-0.08692,0.00906,-0.01012,-0.00886,-0.00188,0.00319,0.01995,-0.05061,0.00871,-0.07207,-0.03178,0.07557,0.00506,0.01646,-0.01811,-0.05032,-0.08482,-0.00834,-0.02305,0.00356,0.14184,-0.03884,-0.01713,0.05005,-0.00203,-0.01281,0.04701,-0.0089,-0.07174,0,0.00201,0.01062,-0.03192,0.00405,0.04077,-0.05345,0.02096,-0.05741,-0.02934,-0.00437,-0.08228,0.01377,0.0366,-0.0603,-0.0463,-0.09304,-0.03837,0.0387,-0.05901,0.07824,-0.01476,-0.07474,0.02088,-0.04175,0.09189,0.0548,-0.05673,0.08594,0.05144,0.03866,-0.04415,0.03831,-0.02275,-0.04908,0.01763,-0.04887,-0.01934,-0.08657,-0.03663,-0.00075,-0.00952,-0.0316,-0.09304,-0.04491,-0.02777,-0.04178,-0.01429,0.04131,-0.00955,0.03602,0.04793,-0.03607,0.00306,-0.02049,-0.04132,-0.11225,0.00418,0.02214,0.00711,0.0654,-0.02349,-0.06908,0.02151,-0.04677,0.12119,0.07915,0.03884,0.07936,0.06564,-0.01339,-0.0168,0.07175,0.0089,-0.0616,-0.0499,-0.02635,-0.07944,0.00888,0.06571,0.05262,0.08155,-0.08782,-0.01211,0.01271,0.0328,-0.0371,-0.00978,-0.10522,-0.12347,0.02172,0.01411,0.07693,0.03905,0.05611,0.02362,0,0.00528,-0.021,0.06326,0.06299,0.00068,-0.00541,0.04457,-0.01739,0.01748,-0.00285,-0.01476,0.01515,-0.00366,-0.01304,-0.04807,0.07963,0.00817,-0.09437,-0.01841,-0.01468,0.05042,-0.08211,0.06429,-0.00692,0.01607,-0.03613,0.12485,0.01152,-0.05083,-0.07883,0.07095,-0.0071,-0.00687,-0.06113,0.03887,0.05821,0.07041,0.17107,0.01132,-0.04069,0.05981,0.04579,-0.00807,0.02209,-0.01503,0.07247,-0.02911,0.04365,-0.17401,0.05026,-0.01619,-0.00977,-0.02195,0.01952,-0.04037,0.0837,0.02394,-0.01168,-0.0055,0.01471,0.09047,-0.11256,-0.07993,0.0387,0.08276,0.03144,0.02794,0.02089,-0.01243,0.10657,0.03118,-0.01387,0.1079,-0.02381,0.01103,-0.0412,0.08962,-0.06643,0.0806,0.02626,-0.03093,0.04378,0.00524,0.00246,-0.00903,0.05471,0.03777,0.1276,0.00811,0.00722,-0.07583,0.04297,0.05029,-0.05907,-0.02481,0,-0.06723,0.06373,-0.07315,-0.00537,0.02727,0.05486,-0.01956,0.05214,-0.0068,0.03234,-0.02192,0.03987,-0.01452,0.09537,0.08794,-0.07079,0.03827,0.01833,-0.08354,0.0059,0.00283,0.04265,0.01709,0.03326,-0.04179,-0.03542,-0.03574,0.09918,0.04307,-0.04486,-0.06502,-0.01541,0.02017,-0.01255,-0.08707,0.14475,-0.04231,-0.02169,0.00352,0.01219,0.0457,0.01809,-0.04556,-0.00547,-0.07574,0.05002,0.0527,0.02393,-0.02542,-0.0049,0.02707,-0.02195,0.00801,-0.0284,0.02569,-0.02108,-0.00813,-0.02497,0.11903,0.0667,-0.01708,0.0615,-0.06901,0.06989],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. API","excerpt":"API"},{"chunkId":"/docs/f-snap-connection-component#4","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.00951,-0.05051,-0.11425,-0.01844,-0.03204,0.00975,-0.02603,0.08907,-0.00819,-0.01071,0.03544,0.02298,-0.06031,-0.01315,-0.08338,-0.06047,-0.06039,-0.08727,0.00343,0.08328,-0.04136,-0.14774,0.03444,-0.05166,-0.03115,-0.08105,0.07238,-0.02218,-0.04305,-0.02933,-0.01815,0.0277,-0.05832,0.01345,-0.01783,-0.04718,0.02417,0.00109,-0.10906,-0.03362,0.02225,-0.06523,0.0668,-0.01337,0.01131,0.04836,-0.0613,0.04341,0.04275,0.04597,-0.0239,0.00181,-0.0751,0.07537,0.05756,0.14325,0.02706,-0.02568,0.02624,0.04153,0.07281,-0.05663,-0.04046,0.00559,-0.04102,0.01271,0.05968,0.00441,-0.02243,-0.01205,-0.02279,0.01379,-0.04091,-0.0388,0.11797,0.00909,0.00628,0.08846,-0.01561,0.01211,0.03772,0.00521,-0.03923,0.05924,0.04138,0.08287,-0.02113,-0.08183,0.00043,0.04698,0.02256,-0.0117,-0.07941,-0.01688,-0.0602,-0.05032,0.00475,-0.02301,-0.10182,0.00695,-0.06186,0.01886,-0.00056,0.00076,0.03431,-0.01546,-0.0369,-0.02562,-0.0159,0.01436,0.00739,-0.03854,-0.0254,-0.03977,-0.02597,-0.01646,-0.02465,-0.02503,0.09486,-0.03029,-0.02518,0.10078,-0.04955,-0.00494,0.00892,0.01696,-0.05671,0,0.00455,0.01675,-0.02039,-0.00093,0.04023,0.03375,-0.01632,0.00152,-0.01413,0.05068,-0.07699,-0.04259,-0.00756,-0.05231,-0.04211,-0.10279,-0.02103,0.02466,-0.11041,0.06753,-0.00649,-0.06797,0.03536,-0.07424,0.08727,0.05037,-0.09066,0.12651,0.04859,0.0348,-0.04671,0.0146,-0.01437,-0.03283,0.00396,-0.08547,0.01541,-0.08185,-0.03325,0.03275,-0.02624,0.00599,-0.05738,-0.04873,-0.00087,-0.0324,0.03887,0.03509,0.02829,0.04876,0.01501,-0.02753,0.02186,-0.0044,-0.01905,-0.10943,-0.0528,0.06343,0.01682,0.07817,-0.04895,-0.02021,0.01527,-0.04391,0.09819,0.10461,0.01811,0.045,0.05449,-0.03899,-0.05991,0.04317,-0.01615,-0.05702,-0.04902,-0.00564,-0.06797,0.04014,0.07385,0.00587,0.02536,-0.01493,0.01902,0.00668,0.07308,-0.05518,-0.00924,-0.08656,-0.05233,-0.01011,-0.0015,0.05554,0.02733,0.02909,0.0442,0,0.01698,-0.00126,0.02016,0.04016,-0.00296,0.03007,0.07996,-0.01641,0.04656,0.00173,0.01311,0.04092,0.00013,-0.06153,-0.02856,0.06381,-0.00775,-0.07562,-0.04075,-0.00631,0.04944,-0.10942,0.04185,-0.01337,0.03089,0.00665,0.11771,-0.01847,-0.02614,-0.05389,0.05308,-0.01303,-0.04497,-0.00945,0.00749,0.02366,0.02583,0.12746,0.07782,-0.04388,0.07508,0.0641,0.0102,0.00078,-0.03139,0.0689,-0.04136,0.02313,-0.15264,0.06224,-0.04683,0.04897,-0.05,0.05995,-0.04159,0.037,0.07029,-0.04885,-0.0433,0.01924,0.11444,-0.09303,-0.04,0.00927,0.11026,0.02936,0.02593,0.01888,0.00465,0.07067,0.04765,-0.03354,0.0994,-0.0388,0.01816,-0.00351,0.0591,-0.10683,0.08937,0.05459,-0.00509,0.01698,0.0166,0.00796,-0.04159,0.01241,0.06262,0.09713,0.06875,0.01405,-0.06879,0.02841,0.04898,-0.00241,0.00323,0,-0.07577,0.02582,-0.05977,0.00285,0.00806,0.02905,-0.0115,0.04081,-0.05709,-0.0103,-0.03039,0.09021,-0.01747,0.09426,0.06407,-0.07548,0.03138,0.00317,-0.04634,0.02829,-0.01607,-0.02317,0.01682,0.04499,-0.05402,-0.08772,-0.07609,0.07475,0.00024,-0.02876,-0.05574,-0.03593,0.02895,0.03591,-0.12261,0.10662,-0.05878,0.00463,-0.03348,0.04109,0.0615,-0.0309,-0.02748,-0.0334,-0.05206,0.03968,0.09293,0.05725,-0.05876,0.02621,-0.01257,0.02662,0.02465,-0.08198,-0.00423,-0.02666,-0.01622,-0.02345,0.07892,0.02634,-0.06401,0.05226,-0.0263,0.04965],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Inputs - fSnapThreshold: number; Default: 20. Distance in pixels to snap to a connector. - fRadius: number; Default: 8. Connection corner radius. - fOffset: number; Default: 12. Distance from connector to first bend. - fBehavior: EFConnectionBehavior; Default: FIXED. Defines how the connection handles connector positions. - fType: EFConnectionType; Default: STRAIGHT. Type of the path (segment, straight, bezier). - fInputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for target connection. - fOutputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for source connection. f Snap Threshold f Radius f Offset f Behavior EF Connection Behavior f Type EF Connection Type f Input Side EF Connection Connectable Side f Output Side","excerpt":"Inputs - fSnapThreshold: number; Default: 20. Distance in pixels to snap to a connector. - fRadius: number; Default: 8. Connection corner radius. - fOffset: number; Default: 12. Distance from connector to first bend. - fBehavior: EFConnectionBehavior; Default: FIXED. Defines how the connection handles connector positions. - fType: EFConnectionType; Default: STRAIGHT. Type of the path (segment, straight, bezier). - fInputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for target connection. - fOutputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for source connection."},{"chunkId":"/docs/f-snap-connection-component#5","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.01849,-0.07396,-0.09856,0.00276,-0.01274,-0.02377,-0.01744,-0.01018,-0.02095,0.02632,0.00078,0.037,-0.05861,0.00038,-0.08461,-0.03713,-0.02511,-0.03594,0.04053,0.06517,-0.08092,-0.09331,-0.02568,-0.02585,0.02851,-0.09142,0.04327,-0.02793,-0.02351,-0.01038,-0.02465,0.03824,-0.04192,0.03704,-0.02835,-0.0342,0.0274,0.00297,-0.08625,-0.00886,0.02543,-0.05008,0.04414,0.00703,-0.06977,0.03588,-0.05513,0.04179,-0.00169,0.0684,-0.06198,-0.00764,-0.0675,0.062,0.05738,0.09919,0.02096,0.0086,0.00772,0.01698,0.04327,-0.04167,-0.03768,-0.00464,0.02999,0.03389,0.05238,0.04056,-0.00097,-0.01608,-0.02687,0.02554,-0.03563,-0.00239,0.10831,0.00831,0.00201,0.02727,-0.01971,-0.01712,0.04796,-0.00088,-0.07064,0.05442,0.01773,0.10523,-0.04196,-0.0531,-0.01576,0.03067,-0.01984,-0.01245,-0.06464,-0.05904,-0.09796,-0.05034,0.04415,-0.05256,-0.09457,0.02869,-0.01332,-0.01172,0.01757,-0.02322,0.00364,-0.05842,0.00296,-0.06185,-0.04769,0.04992,0.00737,0.02418,-0.02761,-0.07215,-0.04181,-0.01227,-0.02927,0.00647,0.13161,-0.03917,-0.01895,0.0591,-0.02539,0.01742,0.03797,0.00185,-0.06131,0,0.00781,0.01105,-0.04173,-0.0142,0.03727,-0.02274,0.03031,-0.05963,-0.0063,0.02964,-0.08388,0.00506,0.02349,-0.05416,-0.03214,-0.09616,-0.02596,0.04427,-0.05561,0.0705,-0.01288,-0.04654,0.03316,-0.05473,0.1081,0.05406,-0.07234,0.08017,0.03065,0.0367,-0.04283,0.03681,-0.02347,-0.06446,0.02704,-0.07327,-0.0269,-0.09382,-0.04167,0.00257,-0.02006,-0.03725,-0.10094,-0.05749,-0.01449,-0.04929,-0.01791,0.06406,-0.00799,0.05256,0.05796,-0.04791,0.0159,-0.01558,-0.0371,-0.12465,0.0101,0.0194,0.01254,0.09074,-0.02676,-0.05332,0.01926,-0.0577,0.10363,0.08899,0.0414,0.06791,0.08082,-0.02054,-0.03967,0.0762,0.00721,-0.07913,-0.03254,0.00162,-0.0922,-0.01682,0.0532,0.05838,0.07787,-0.07846,-0.00959,0.00852,0.05644,-0.01839,-0.02582,-0.09451,-0.09646,0.027,-0.02303,0.05913,0.03427,0.03255,0.03277,0,-0.00381,-0.00374,0.03696,0.06653,-0.00905,0.00145,0.04165,-0.03848,0.01256,-0.00263,0.0116,0.01863,-0.00282,-0.03092,-0.04384,0.06993,0.00585,-0.09335,-0.0195,-0.0084,0.06232,-0.07071,0.08581,0.00842,0.01174,-0.02079,0.13951,0.02984,-0.03262,-0.06247,0.08939,-0.01016,0.00168,-0.04432,0.03041,0.04254,0.09477,0.15579,0.02828,-0.04075,0.06056,0.07627,-0.0131,0.04679,-0.01259,0.05672,-0.05167,0.03641,-0.14253,0.03982,-0.02929,-0.00644,-0.04158,0.02545,-0.04205,0.06279,0.03272,0.01444,-0.02033,0.02712,0.09238,-0.11857,-0.08037,0.00766,0.10088,0.03256,0.02781,0.02793,-0.00504,0.12336,0.0425,-0.00972,0.13111,-0.0274,0.02014,-0.01231,0.06453,-0.08571,0.08753,0.03401,-0.0286,0.02242,0.01073,0.0238,0.00768,0.04254,0.04523,0.10191,0.03214,-0.0186,-0.07175,0.06558,0.06121,-0.0417,0.00297,0,-0.05596,0.04301,-0.07553,0.00033,0.0216,0.04939,-0.01991,0.01917,0.00305,0.00607,-0.0133,0.02769,-0.0197,0.08238,0.10745,-0.07762,0.03846,0.01744,-0.08152,-0.02133,0.01157,0.03869,-0.01149,0.0348,-0.04881,-0.05516,-0.03126,0.09282,0.03161,-0.04771,-0.04072,-0.01263,0.01358,-0.02446,-0.0918,0.14079,-0.0397,-0.00468,-0.00094,0.01894,0.02949,0.0234,-0.05738,-0.0149,-0.09887,0.04863,0.05328,0.02175,-0.04662,0.00574,0.03759,-0.00292,0.01722,-0.03276,0.0253,-0.02072,0.00172,-0.02557,0.10261,0.07923,-0.00684,0.06467,-0.05634,0.05608],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Outputs - No direct outputs.","excerpt":"Outputs - No direct outputs."},{"chunkId":"/docs/f-snap-connection-component#6","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.04509,-0.04843,-0.0864,-0.01353,-0.01715,-0.02567,-0.02096,0.02809,-0.02796,0.03712,-0.00374,0.05023,-0.06244,0.01522,-0.05274,-0.03032,-0.01644,-0.01535,0.04238,0.06835,-0.0745,-0.07265,-0.0192,-0.0266,0.0186,-0.09888,0.04284,-0.04144,-0.0001,0.00655,-0.01301,0.03744,-0.05938,0.04772,-0.02933,-0.01995,0.02724,0.00649,-0.088,0.00064,0.00095,-0.0342,0.02138,0.01482,-0.04237,0.04037,-0.0442,0.06964,-0.01512,0.04501,-0.06209,-0.03141,-0.05774,0.03657,0.0614,0.06716,0.01223,0.00518,0.02759,0.02785,0.07522,-0.03502,-0.04954,0.00652,0.01556,0.02852,0.04966,0.03696,0.02572,-0.02299,-0.02548,0.02599,-0.02955,0.02072,0.08328,0.00009,0.0085,0.02823,-0.02141,-0.0381,0.04058,0.01675,-0.06121,0.04376,0.03317,0.11346,-0.04099,-0.05138,0.00528,0.02816,-0.00868,0.00231,-0.09374,-0.08328,-0.10519,-0.04667,0.03052,-0.06712,-0.09429,0.039,-0.01929,-0.02582,0.0102,-0.02369,0.01345,-0.05976,-0.00262,-0.06364,-0.02434,0.08279,-0.00781,0.02324,-0.05021,-0.08678,-0.05304,-0.02499,-0.01824,-0.00093,0.14403,-0.02089,0.00787,0.04674,-0.00672,-0.01051,0.03716,-0.01816,-0.06265,0,0.01256,0.04465,-0.05143,0.01565,0.06785,-0.03692,0.03863,-0.05705,-0.02936,0.00858,-0.06599,0.02029,0.00766,-0.04799,-0.02951,-0.0862,-0.04954,0.04906,-0.04272,0.06396,0.00944,-0.07225,0.05534,-0.01897,0.10067,0.0619,-0.05142,0.0783,0.03969,0.04233,-0.02817,0.0248,-0.04868,-0.04439,0.03374,-0.06727,-0.029,-0.11373,-0.06013,0.007,-0.02418,-0.03706,-0.10005,-0.05954,-0.0093,-0.05274,-0.02866,0.05866,0.00342,0.03102,0.06109,-0.03834,0.01308,-0.03808,-0.03623,-0.11335,0.00313,0.01114,0.01247,0.08255,-0.03069,-0.08488,0.02734,-0.06422,0.11018,0.06717,0.03892,0.06412,0.08564,-0.02567,-0.00955,0.07656,0.02061,-0.07044,-0.06382,-0.01664,-0.0802,-0.00408,0.05578,0.05216,0.04521,-0.08483,-0.00707,0.01696,0.03132,-0.02589,-0.00159,-0.06943,-0.10665,0.01688,-0.02369,0.07509,0.04113,0.04291,0.038,0,-0.00306,-0.02531,0.05559,0.07189,-0.01297,-0.018,0.02849,-0.01386,0.02206,0.00267,0.00611,-0.00208,0.00028,-0.02349,-0.04271,0.07603,-0.01094,-0.1163,-0.02534,-0.00126,0.028,-0.07064,0.0692,-0.00207,0.0177,-0.02955,0.11842,0.01672,-0.03434,-0.07456,0.06149,-0.01801,0.00257,-0.05274,0.02662,0.06246,0.09712,0.16279,0.01245,-0.04301,0.082,0.0653,-0.0022,0.02166,-0.02805,0.05747,-0.04384,0.05014,-0.15067,0.0278,-0.00404,-0.02346,-0.04498,0.01245,-0.03866,0.07583,0.01907,-0.0021,-0.00113,0.02584,0.09416,-0.12386,-0.07748,0.04906,0.11341,0.02544,0.0093,0.0044,-0.03027,0.11228,0.05244,-0.0063,0.11151,-0.01954,0.01915,-0.04218,0.09243,-0.06571,0.07077,0.02489,-0.02519,0.02245,0.0055,0.01574,0.00322,0.02311,0.05073,0.11545,0.00906,-0.00925,-0.08062,0.06406,0.06271,-0.01524,-0.0024,0,-0.06629,0.03308,-0.06986,-0.0182,0.01597,0.05104,-0.0221,0.03159,-0.00397,0.01176,-0.02108,0.04584,-0.01371,0.07447,0.09039,-0.08159,0.03432,0.03774,-0.09041,-0.02062,-0.00908,0.05405,-0.00634,0.01173,-0.03458,-0.01789,-0.02731,0.105,0.04603,-0.04697,-0.05657,-0.00935,0.03352,-0.02211,-0.08863,0.16517,-0.04153,-0.01684,0.00414,0.01244,0.05088,0.01319,-0.04515,-0.00692,-0.07205,0.0611,0.04781,0.02038,-0.04122,0.0189,0.02214,-0.0065,0.01596,-0.0255,-0.00199,-0.00277,0.00824,-0.04334,0.11429,0.06409,-0.00526,0.06788,-0.04092,0.06629],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-snap-connection-component#7","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.03056,-0.08047,-0.07832,0.00408,-0.00852,0.01032,0.0194,0.01248,-0.03939,0.02372,0.00653,0.0175,-0.06963,-0.00416,-0.04796,-0.03633,0.00251,-0.05201,0.01914,0.07134,-0.1126,-0.08611,-0.01312,-0.01979,0.00916,-0.09784,0.04019,-0.05361,-0.01312,-0.00342,-0.01963,0.04005,-0.07795,0.03211,-0.03423,-0.04011,0.00725,0.0279,-0.10004,-0.01653,0.01913,-0.05907,0.0528,-0.00272,-0.01922,0.02924,-0.06923,0.04406,0.01841,0.02689,-0.00215,-0.00999,-0.06999,0.04905,0.06424,0.10747,0.03663,-0.00663,0.00721,0.04519,0.05362,-0.01455,-0.05088,-0.03415,-0.00181,0.0636,0.07548,0.0142,0.01463,-0.02873,-0.05291,0.01847,-0.0334,0.00377,0.11972,0.02586,0.00673,0.02357,-0.00526,-0.04969,0.02879,0.02626,-0.06406,0.02561,0.03015,0.0869,-0.03432,-0.0768,0.02759,0.06147,0.00073,-0.02962,-0.0631,-0.04402,-0.06743,-0.05548,0.02848,-0.02283,-0.08943,0.01452,-0.01525,0.00864,-0.00122,-0.01387,0.00253,-0.05225,0.01602,-0.06681,-0.01682,0.04164,-0.00305,-0.032,-0.04128,-0.10571,-0.06327,-0.02684,-0.02421,0.00006,0.1319,-0.06536,-0.02869,0.04228,0.00128,-0.03747,0.03039,-0.02644,-0.05798,0,0.00104,0.00084,-0.03713,0.00884,0.04792,-0.0082,0.01928,-0.03231,-0.00439,0.0192,-0.08584,0.03335,0.0047,-0.02498,-0.03828,-0.10402,-0.05378,0.03067,-0.06095,0.0624,-0.00881,-0.02991,0.03474,-0.05425,0.1192,0.02949,-0.0452,0.07866,0.0612,0.04032,-0.04287,0.04843,-0.02395,-0.04234,0.02225,-0.05947,-0.0264,-0.08887,-0.01617,-0.00768,0.00052,-0.02893,-0.09335,-0.0622,-0.00408,-0.06844,0.00797,0.04998,0.01792,0.01318,0.06177,-0.0539,-0.0111,-0.01244,-0.03995,-0.09259,-0.01546,0.05973,0.02987,0.06415,-0.032,-0.04692,0.03222,-0.05203,0.11923,0.10632,0.02953,0.0199,0.03417,-0.04395,-0.02802,0.03402,-0.00409,-0.06886,-0.05203,-0.02904,-0.09681,0.03248,0.05117,0.04967,0.04632,-0.05845,0.00345,0.02282,0.02716,-0.04481,-0.03666,-0.09489,-0.1043,0.00456,0.01298,0.08692,0.04798,0.07818,0.04611,0,0.0033,-0.02359,0.01759,0.04878,0.00199,0.01417,0.03284,-0.02644,0.02553,0.00154,0.02915,0.01202,0.01554,-0.03497,-0.04565,0.043,-0.00624,-0.08386,-0.03328,0.02472,0.06204,-0.11936,0.06898,-0.01814,0.02319,-0.02492,0.12763,0.01873,-0.03782,-0.09244,0.03781,-0.00205,-0.00469,-0.03345,-0.00035,0.04189,0.09539,0.10832,-0.02032,-0.05499,0.05863,0.06061,-0.00896,0.02806,-0.01364,0.07394,-0.05096,0.03706,-0.14462,0.06524,-0.02306,-0.00013,-0.06842,0.04314,-0.05396,0.09949,0.04929,-0.01893,-0.00953,0.03621,0.11556,-0.09827,-0.03148,0.04745,0.11023,0.03054,0.03671,0.0089,-0.01264,0.09325,0.05624,-0.02856,0.10348,-0.05556,0.00833,-0.01809,0.09037,-0.10363,0.07281,0.04062,-0.0298,0.01878,-0.01298,0.0129,-0.02569,0.02814,0.03284,0.09911,0.02493,0.00878,-0.06995,0.01798,0.05873,-0.00452,-0.0214,0,-0.06377,0.04558,-0.05293,-0.04126,0.01392,0.02564,-0.02044,0.04198,-0.01136,0.02352,0.00436,0.03018,-0.01785,0.08743,0.11877,-0.09176,0.04239,0.01989,-0.08807,0.0161,0.00672,0.00664,0.01357,0.03884,-0.03209,-0.033,-0.02087,0.12344,0.00864,-0.01204,-0.05938,-0.016,0.02941,-0.01343,-0.09844,0.17986,-0.02406,-0.03461,-0.02518,0.01427,0.0461,0.00675,-0.0554,-0.02099,-0.04431,0.06601,0.05825,0.0386,-0.03268,-0.00313,0.02003,-0.00219,0.0115,-0.05194,-0.00402,-0.00928,-0.00134,-0.04577,0.14165,0.05898,-0.01487,0.03028,-0.04619,0.07577],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide EF Connection Behavior EF Connection Type EF Connection Connectable Side","excerpt":"Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide"},{"chunkId":"/docs/f-snap-connection-component#8","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.02626,-0.04583,-0.0834,0.01052,-0.02206,-0.02193,0.00766,0.01716,-0.02322,0.0189,0.00513,0.05516,-0.05049,0.01915,-0.0462,-0.01979,-0.05761,-0.03387,0.02033,0.08489,-0.08583,-0.09601,0.00074,-0.03852,0.00641,-0.09048,0.04013,-0.0131,-0.00851,-0.00263,0.0006,0.05181,-0.05175,0.04324,-0.01905,-0.01442,0.02342,0.03982,-0.08201,0.0204,0.03075,-0.05801,0.07015,-0.00662,-0.05245,0.037,-0.0376,0.02479,-0.00173,0.05052,-0.05185,-0.02134,-0.07294,0.04681,0.05949,0.09861,0.051,0.01101,0.00458,0.04231,0.05119,-0.02178,-0.05357,0.0052,0.01848,0.04917,0.04626,0.0357,-0.00203,-0.03204,-0.00638,0.01492,-0.04185,-0.01392,0.09689,0.00849,0.01119,0.06492,-0.01943,-0.03759,0.03445,0.01081,-0.06696,0.04003,0.02241,0.11607,-0.02899,-0.101,0.0003,0.04002,-0.0004,-0.01957,-0.06628,-0.05519,-0.09257,-0.02635,0.01924,-0.04172,-0.08602,0.02531,-0.02959,-0.0265,0.02588,-0.01136,0.01745,-0.03071,-0.00328,-0.05091,-0.03316,0.04814,-0.00413,0.00751,-0.05203,-0.08171,-0.0623,-0.0358,-0.01486,-0.00289,0.13751,-0.02767,-0.00458,0.04072,-0.0046,-0.00382,0.04652,-0.0141,-0.08378,0,0.01524,0.00704,-0.02728,0.00347,0.07259,-0.03076,0.01767,-0.07897,-0.03685,0.03221,-0.05481,0.00065,0.00185,-0.07664,-0.04425,-0.10319,-0.02725,0.02636,-0.05168,0.05803,-0.00682,-0.05343,0.03789,-0.04041,0.11258,0.03315,-0.0492,0.0777,0.02718,0.03196,-0.02367,0.02992,-0.0148,-0.04881,0.0241,-0.05508,-0.01762,-0.08203,-0.06942,0.01091,0.00066,-0.03543,-0.07941,-0.04166,0.00126,-0.04476,-0.01001,0.04539,0.01819,0.05607,0.04368,-0.04262,0.03404,-0.01562,-0.02445,-0.10856,-0.02178,0.03888,0.00802,0.0693,-0.04746,-0.07919,0.00213,-0.04962,0.11625,0.08629,0.03008,0.06403,0.07772,0.00228,-0.04353,0.0638,-0.01774,-0.06792,-0.04853,-0.02354,-0.10631,-0.00014,0.07571,0.05808,0.05533,-0.0994,-0.02391,0.02154,0.01499,-0.02963,-0.00811,-0.10237,-0.08271,-0.02752,-0.00361,0.0824,0.04188,0.052,0.03602,0,0.00361,-0.02063,0.04691,0.07389,-0.00011,0.0099,0.05416,-0.03885,0.01038,0.01973,0.01476,0.02709,0.00064,-0.04495,-0.04583,0.08335,0.00982,-0.10459,-0.02598,0.01423,0.02089,-0.06818,0.0734,-0.02488,0.00417,-0.03212,0.11302,0.02469,-0.02868,-0.05728,0.07072,-0.01252,-0.00621,-0.0512,0.00569,0.04768,0.06156,0.15403,0.01959,-0.03773,0.0537,0.05297,0.00875,0.04942,-0.034,0.08436,-0.02898,0.01576,-0.16169,0.04431,-0.0231,-0.01547,-0.04093,0.02666,-0.04755,0.08868,0.01074,-0.00684,-0.04835,0.02897,0.10338,-0.11261,-0.07228,0.02188,0.08131,-0.00454,-0.00107,0.0173,-0.0183,0.09443,0.05964,-0.02199,0.09531,-0.0258,0.00715,-0.0498,0.11572,-0.06353,0.08068,0.05677,-0.02162,0.04136,-0.02212,0.00199,-0.03963,0.02669,0.03665,0.13182,0.0308,-0.02586,-0.07128,0.07447,0.06343,-0.02804,-0.01864,0,-0.06542,0.02393,-0.07054,-0.02709,0.02938,0.04838,-0.02136,0.04941,-0.0112,0.05068,-0.02222,0.07841,-0.02806,0.08675,0.07275,-0.07907,0.04216,0.03836,-0.08916,0.01048,-0.01673,0.03061,-0.00567,0.05416,-0.05182,-0.04312,-0.05801,0.07385,0.04019,-0.01206,-0.06011,-0.0067,0.0281,-0.03116,-0.09727,0.17342,-0.04047,-0.02232,-0.01045,0.03275,0.05846,0.00967,-0.02646,-0.0045,-0.07596,0.04227,0.03913,0.02335,-0.04942,0.00277,0.01852,0.01822,-0.01402,-0.04148,0.00972,-0.00567,0.00145,-0.01671,0.12337,0.05458,-0.03009,0.04522,-0.04141,0.06249],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Styling - .f-connection Base connection class. - .f-snap-connection Snap-helper host class. - .f-connection-path Helper path element.","excerpt":"Styling - .f-connection Base connection class. - .f-snap-connection Snap-helper host class. - .f-connection-path Helper path element."},{"chunkId":"/docs/f-snap-connection-component#9","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.05928,-0.07303,-0.08205,-0.04814,-0.04383,0.02038,-0.00733,0.01598,0.00411,0.00129,-0.0615,0.04794,-0.03405,0.01015,-0.05735,0.0201,-0.02862,-0.02801,0.02459,0.02841,-0.15433,-0.13621,-0.02193,-0.01357,-0.01152,-0.02864,0.05742,0.00256,0.01488,0.01303,0.03462,0.02582,-0.0522,0.0484,-0.07544,-0.03719,-0.00063,0.03852,-0.09685,0.03339,0.02747,-0.03496,0.01115,-0.02588,-0.00828,0.04641,0.02561,0.04542,-0.02315,0.06229,-0.00913,-0.04197,-0.07082,0.00973,0.04056,0.13398,0.05641,0.02973,0.02745,0.0241,0.00193,-0.04809,-0.01412,-0.00405,0.03375,0.00841,0.03056,0.01626,0.00674,0.00868,0.04175,0.02901,0.02581,-0.06633,0.09295,0.05084,0.08008,0.10062,-0.02621,-0.05006,0.06026,0.02348,-0.03416,0.07497,0.03943,0.08425,-0.029,-0.16379,-0.03637,0.10804,0.03797,0.03517,-0.15548,-0.02604,-0.07609,-0.06702,-0.00381,-0.07471,-0.07989,0.03572,-0.07193,-0.06262,0.04749,-0.0077,0.00202,-0.02038,-0.00276,-0.00035,-0.08064,0.0398,0.02994,0.03342,-0.0037,-0.06767,-0.03823,-0.04044,-0.01456,-0.02247,0.10432,-0.01412,-0.01391,0.02813,-0.0459,0.03984,-0.0232,-0.02418,-0.04513,0,0.03028,0.03619,-0.03625,-0.0266,0.02096,-0.01001,0.00972,-0.04225,-0.05311,0.00759,-0.01191,-0.0093,-0.04224,-0.01768,-0.03983,-0.10176,0.00349,-0.02763,-0.10228,0.05368,0.01984,-0.03171,-0.01229,-0.05974,0.05005,0.04366,0.02875,0.06956,0.00085,0.02877,-0.01673,-0.00941,-0.00738,-0.04098,0.00371,-0.04556,0.05335,-0.0797,-0.08262,0.05841,0.00626,0.0291,-0.05099,-0.01498,0.0008,-0.00912,0.02178,0.05323,0.03293,0.06631,0.02648,-0.01437,0.02525,-0.03651,0.00228,-0.09114,-0.04176,0.00346,0.03677,-0.00417,-0.01527,-0.08359,0.02331,-0.06487,0.10987,0.09291,0.00047,0.10567,0.03592,-0.00185,-0.0344,0.10979,0.02274,-0.07946,0.004,0.03152,-0.00267,0.03386,0.11863,-0.01337,0.02881,-0.03461,-0.03817,0.01543,-0.05093,0.01403,-0.00727,-0.06246,-0.05982,0.01504,-0.04178,0.00544,0.00299,0.06902,-0.01343,0,-0.03589,-0.00154,0.00974,0.0601,0.02984,0.021,0.03916,-0.00315,-0.02016,0.10494,0.03005,0.058,-0.05327,-0.02355,-0.08377,0.03804,-0.03148,-0.00711,-0.02497,0.00818,0.00165,-0.01662,0.03833,-0.0241,0.01955,0.00577,0.07795,0.0407,-0.04446,0.0035,0.06069,-0.00161,-0.02744,-0.07627,-0.06537,0.04831,0.03137,0.04964,-0.00917,-0.04828,0.04284,0.05575,0.03051,0.01354,-0.00834,0.05166,-0.03523,-0.01152,-0.09762,0.07784,-0.01774,0.02618,-0.02952,0.05729,-0.09079,0.00882,0.04145,-0.02303,-0.02709,0.07826,0.06981,-0.0771,-0.09935,-0.03455,0.1337,-0.0208,0.05333,-0.00697,0.07033,0.06945,0.09158,0.00964,0.11218,0.00031,0.06076,-0.06629,0.16458,-0.05965,0.03584,0.0986,-0.00123,-0.00949,0.05712,0.0501,-0.0044,0.00833,0.00886,0.09648,0.05606,-0.0639,-0.01497,0.03929,0.07059,-0.11711,0.01261,0,-0.01269,0.05134,-0.04941,0.02827,-0.00327,-0.01754,-0.04341,-0.01796,-0.06059,0.02801,-0.02061,0.0754,-0.05787,0.0336,0.05192,-0.05102,0.01432,0.03258,-0.06738,0.03446,-0.05944,0.05901,-0.00149,0.04818,-0.08143,-0.071,-0.03953,0.04401,0.03296,-0.01346,-0.07792,0.02709,0.08575,-0.04912,-0.10819,0.12906,-0.07846,0.02617,-0.01924,0.03823,-0.01385,0.01016,0.00914,-0.02757,-0.09673,0.01333,-0.00416,0.00268,-0.08686,0.03038,0.01377,0.02533,-0.01778,-0.00833,-0.01138,-0.06771,-0.03423,0.0152,0.06773,-0.00014,-0.01462,-0.00941,-0.0394,0.02254],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Projected Gradient If you want the snap helper itself to use a gradient stroke, project f-connection-gradient into f-snap-connection: As with regular connections, the gradient colors belong to f-connection-gradient, not to f-snap-connection. If you previously set fStartColor / fEndColor directly on f-snap-connection, move those colors into the projected f-connection-gradient. f Start Color f End Color","excerpt":"Projected Gradient If you want the snap helper itself to use a gradient stroke, project f-connection-gradient into f-snap-connection: As with regular connections, the gradient colors belong to f-connection-gradient, not to f-snap-connection. If you previously set fStartColor / fEndColor directly on f-snap-connection, move those colors into the projected f-connection-gradient."},{"chunkId":"/docs/f-snap-connection-component#10","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.06794,-0.07749,-0.1038,0.02188,-0.03291,-0.01367,0.03404,0.04169,-0.00884,0.00401,0.01366,0.05744,-0.0491,0.01625,-0.04948,-0.0172,-0.01812,-0.05818,-0.01786,0.06636,-0.09236,-0.11874,-0.02601,-0.0337,0.02053,-0.1179,0.01359,-0.02776,0.01858,-0.00127,-0.01305,0.06877,-0.07005,0.03247,-0.03748,-0.00376,0.0161,0.03013,-0.08378,-0.00979,-0.00952,-0.05931,0.03977,-0.00782,-0.04216,0.02842,-0.02037,0.04503,0.00534,0.04606,-0.05279,0.02147,-0.06068,0.03314,0.08025,0.09717,0.0232,0.00496,-0.02665,0.05359,0.06278,-0.02975,-0.03475,-0.00086,0.03488,0.03865,0.03295,0.02349,0.03655,-0.00643,-0.03816,0.0273,-0.04291,0.02573,0.09896,0.01318,-0.00274,0.04782,0.00952,-0.0145,0.04936,0.0522,-0.05148,0.00995,0.01335,0.09186,-0.01832,-0.07883,-0.00251,0.05485,0.01538,0.03759,-0.07235,-0.04648,-0.09715,-0.02393,0.03141,-0.05647,-0.11154,0.02475,-0.0257,-0.01924,0.03381,0.00522,-0.01502,-0.0595,-0.01079,-0.04496,-0.04766,0.03427,-0.0218,-0.00662,-0.03186,-0.08018,-0.083,-0.00459,-0.0163,-0.01645,0.14993,-0.03027,-0.01969,0.05347,-0.00898,-0.00947,0.01957,-0.02784,-0.08818,0,0.0218,0.03209,-0.04528,-0.00475,0.05566,-0.02378,0.01136,-0.0435,-0.03173,0.0335,-0.08506,0.00472,0.01089,-0.02423,-0.02272,-0.12822,-0.02399,0.00973,-0.04706,0.01359,0.0057,-0.03758,0.0757,-0.02893,0.11831,0.04222,-0.04677,0.07405,0.04424,0.03505,-0.05755,0.02958,-0.03192,-0.05992,0.04177,-0.01616,-0.03356,-0.10776,-0.07255,0.00916,-0.01422,-0.00766,-0.079,-0.03183,0.00332,-0.03889,-0.00916,0.0563,-0.01928,0.07379,0.03733,-0.02572,0.04628,0.00192,-0.03831,-0.0968,-0.01497,-0.00586,0.00999,0.09284,-0.02833,-0.0993,-0.0122,-0.03706,0.10687,0.08551,0.05426,0.08724,0.0456,-0.01658,-0.04886,0.05874,-0.01257,-0.06085,-0.03799,0.00042,-0.08785,-0.03027,0.04161,0.01473,0.06403,-0.077,0.0001,0.03747,0.01847,-0.02076,-0.01907,-0.10065,-0.07509,-0.00086,0.00598,0.06195,0.08143,0.06227,0.05091,0,-0.00269,-0.03864,0.01554,0.0658,-0.00167,0.02565,0.03065,-0.0544,0.01686,-0.00641,-0.0102,0.01856,0.00789,-0.06105,-0.04482,0.02216,-0.01262,-0.09981,-0.01808,0.01983,0.04476,-0.05528,0.07441,-0.02582,0.03776,-0.02565,0.09394,0.02671,-0.04838,-0.03236,0.064,0.00604,-0.01638,-0.06355,0.00583,0.03551,0.08841,0.13502,0.02886,-0.05082,0.07906,0.08425,-0.01703,0.04117,-0.01999,0.09067,-0.07732,-0.02003,-0.12811,0.05508,-0.04474,-0.02598,-0.03615,0.00639,-0.05582,0.07258,0.04052,0.01831,-0.0113,0.01005,0.07442,-0.12555,-0.06038,0.02929,0.11289,0.00151,0.03668,0.02067,0.00242,0.10502,0.07488,-0.02635,0.08517,-0.01947,-0.00771,-0.03524,0.09692,-0.10125,0.05568,0.07182,-0.00302,0.03122,0.01802,0.01864,-0.02854,-0.00208,0.0177,0.10261,0.04229,-0.01444,-0.06097,0.03662,0.04348,-0.00203,-0.01497,0,-0.04766,0.02292,-0.09493,0.00845,0.03728,0.04554,-0.04087,0.04433,-0.02074,0.01547,-0.01879,0.05557,-0.04706,0.062,0.07761,-0.07908,0.06299,0.02415,-0.08788,-0.0235,-0.02803,0.04209,-0.00315,0.06723,-0.03744,-0.04958,-0.01345,0.10741,0.02431,-0.03079,-0.05819,0.00477,0.05482,-0.01015,-0.11238,0.18036,-0.06466,-0.01544,-0.02752,-0.00982,0.05684,0.037,-0.00962,-0.01082,-0.07528,0.02569,0.01897,0.02417,-0.01596,-0.00137,0.02698,0.05138,0.01913,-0.02424,-0.00308,-0.01065,-0.007,0.01029,0.11142,0.03617,-0.02121,0.04383,-0.01806,0.0354],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Notes / Pitfalls - Requires fDraggable and is typically used together with f-connection-for-create. - Very high threshold values can make snapping feel jumpy or surprising. - This helper does not create connections by itself; persist links from fCreateConnection/fReassignConnection handlers. f Draggable f Create Connection f Reassign Connection","excerpt":"Notes / Pitfalls - Requires fDraggable and is typically used together with f-connection-for-create. - Very high threshold values can make snapping feel jumpy or surprising. - This helper does not create connections by itself; persist links from fCreateConnection/fReassignConnection handlers."},{"chunkId":"/docs/f-snap-connection-component#11","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.07196,-0.02166,-0.09409,0.01062,0.0086,0.02641,-0.00354,0.03519,-0.01399,0.03772,0.00067,0.04052,-0.04372,0.04132,-0.03772,-0.02165,-0.06898,-0.02027,-0.01038,0.04987,-0.07343,-0.08527,0.04143,0.00097,0.03142,-0.07749,0.00219,-0.03254,0.04385,0.01069,0.04471,0.05743,-0.05585,0.05614,-0.03017,0.04568,-0.01352,0.04482,-0.08015,-0.00757,0.09603,-0.02746,0.04881,-0.07123,-0.02348,0.03341,-0.04639,0.06232,-0.04057,0.05375,-0.0969,-0.02829,-0.06915,0.06406,0.02031,0.03819,0.0379,-0.02571,0.04357,0.02173,0.01953,-0.06608,-0.01959,-0.0176,0.03636,0.05541,-0.03977,0.02013,-0.03537,0.03125,0.04127,-0.01717,-0.04375,-0.01946,0.09304,-0.02426,-0.07553,0.05073,-0.03131,0.00434,0.03991,-0.02378,-0.06622,0.04355,-0.00334,0.13033,0.00244,-0.07836,0.02323,-0.01103,0.0067,0.0238,-0.04939,-0.01703,-0.01796,-0.01952,-0.03139,-0.00692,-0.10848,0.02271,-0.02101,-0.01994,0.0345,0.03593,0.01051,-0.01889,0.01417,-0.02384,-0.0385,0.05137,-0.00347,0.07735,-0.01263,-0.06517,-0.06969,-0.05806,0.00219,-0.01859,0.05315,0.00271,-0.01139,0.02458,-0.0375,-0.02307,0.07678,0.0038,-0.01659,0,0.02142,0.03743,-0.04414,0.01284,0.04577,-0.04445,-0.00926,-0.09951,-0.01914,0.06843,-0.0592,0.00902,0.02216,-0.06809,-0.07677,-0.12597,-0.01097,0.03009,-0.05211,0.07683,0.04689,-0.06356,-0.01063,-0.02458,0.10379,0.01325,-0.05505,0.08794,0.01347,0.02201,0.01646,0.04704,0.00448,-0.07631,-0.00391,-0.06365,-0.01338,-0.05608,-0.07468,-0.01465,0.05147,-0.01157,-0.09453,0.01265,-0.02539,-0.06738,0.00473,0.02232,0.04566,0.04678,0.04206,-0.02395,-0.00213,-0.01719,0.01853,-0.08498,-0.02351,0.04659,0.00723,0.06762,-0.0323,-0.05239,0.01278,-0.06114,0.12781,0.03834,0.01726,0.04892,0.10561,-0.05205,-0.061,0.06216,-0.02715,-0.01986,-0.02804,-0.03589,-0.05026,0.04011,0.10223,0.02138,0.05748,-0.09172,-0.01794,0.07344,0.03977,-0.0867,-0.02683,-0.10853,-0.12832,-0.04089,0.03564,0.06266,0.04907,0.02535,0.02845,0,0.04874,-0.00614,0.03166,0.1068,-0.01064,-0.01009,0.08322,0.01299,0.02513,0.04384,0.00518,0.00553,0.00994,0.00011,-0.00922,0.07816,0.02238,-0.09816,0.03154,0.01111,0.06806,-0.02447,0.04465,0.03545,0.00518,0.0259,0.10302,0.02594,-0.03004,-0.07588,0.04272,-0.01968,-0.05138,-0.03976,-0.02326,-0.00042,0.02728,0.19188,0.02845,-0.04232,0.12069,0.08925,-0.01759,0.02926,-0.06359,0.02641,0.04652,-0.00637,-0.14598,0.02693,-0.05395,0.00338,-0.02431,0.03036,-0.01182,0.03514,0.07341,-0.06553,-0.06153,-0.00461,0.1074,-0.09943,-0.03851,-0.01454,0.09257,0.02581,-0.05097,-0.00518,0.02366,0.05548,0.03382,-0.01471,0.10514,-0.03837,0.02484,-0.00084,0.10536,-0.0633,0.1166,-0.00446,-0.05449,0.06262,-0.03212,0.01967,-0.03831,0.07258,-0.03291,0.04732,0.04569,0.02945,-0.1077,0.0199,0.05892,-0.06612,0.00968,0,-0.08416,0.04148,-0.0609,-0.00039,0.01109,0.00368,-0.02627,-0.00951,-0.01937,0.03026,-0.04237,0.07198,0.0218,0.03982,0.05542,-0.0846,0.01492,0.02474,-0.07928,0.02706,-0.00307,0.02393,0.03538,0.06548,-0.04849,-0.0684,-0.0799,0.03291,0.01615,-0.01703,-0.06421,-0.0172,0.0328,-0.02745,-0.1046,0.08098,-0.06656,-0.03608,-0.01634,-0.00664,0.06937,-0.00298,-0.04284,-0.01447,-0.09859,0.05095,0.03387,0.00552,-0.03304,0.0114,-0.01121,0.00391,-0.03344,-0.01438,0.03654,-0.02911,-0.01143,0.00153,0.11172,0.02469,-0.03795,0.0438,-0.05789,0.0328],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Example ::: ng-component <auto-snap</auto-snap [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.scss :::","excerpt":"Example ::: ng-component <auto-snap</auto-snap [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.scss :::"},{"chunkId":"/docs/f-connection-waypoints-component#0","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.05173,-0.05428,-0.07362,0.05016,-0.06176,0.0469,0.00731,-0.01551,0.05392,-0.01782,0.00815,0.06388,-0.04404,0.00803,0.05869,0.00689,-0.06252,-0.01705,0.05719,0.00946,-0.04603,-0.10201,0.01428,0.00767,-0.04357,-0.0804,0.00312,0.02388,-0.02759,-0.04809,-0.00868,0.0669,-0.13168,-0.01387,-0.00695,-0.03809,0.07103,0.04998,0.03287,0.0003,0.05884,-0.05116,0.07309,-0.0421,0.02752,0.01058,-0.05923,-0.05903,0.00616,0.0389,-0.02547,0.03784,-0.0959,0.03941,0.06395,0.09323,0.08623,0.03558,-0.0576,0.03293,0.08117,-0.02279,0.00238,-0.01362,-0.09976,-0.02646,0.00692,-0.0025,0.06967,0.00148,-0.01966,0.02359,0.00506,-0.08968,0.11238,0.03968,0.00879,0.06749,-0.00615,-0.08485,0.03011,0.05334,0.04755,0.05197,0.04223,-0.02938,-0.07251,-0.08674,-0.02096,0.13684,-0.00138,0.03189,-0.0481,-0.03764,-0.02479,-0.01454,-0.04186,-0.04044,0.00071,0.01792,-0.05339,-0.03537,-0.00799,0.02255,0.05578,0.05819,-0.03524,0.01618,-0.04328,-0.00747,-0.02818,-0.0616,0.03346,-0.026,-0.04708,0.06431,-0.03876,0.0321,0.04297,0.04243,-0.02716,-0.05862,0.02325,0.04122,-0.0501,-0.03572,-0.04509,0,0.02359,0.05617,0.05514,-0.08284,0.06629,-0.00804,-0.05462,-0.04166,-0.04693,0.02931,-0.05288,-0.04487,-0.03057,-0.04681,0.0542,-0.12244,0.01822,0.01574,-0.04046,-0.03444,0.05524,-0.06224,-0.01248,-0.1187,0.08436,0.01661,-0.05088,0.05896,-0.01066,0.02174,0.00797,-0.00331,-0.00385,0.01437,-0.01566,-0.06864,0.00326,-0.06609,-0.12732,-0.00215,0.01219,-0.04215,-0.10421,0.04151,0.00254,0.04611,-0.03692,0.06068,0.04306,0.01794,-0.02639,0.03246,-0.0024,-0.08113,-0.02425,-0.0756,-0.11822,0.01016,-0.05365,-0.00139,0.03287,0.00515,-0.08548,-0.0121,0.00846,0.04265,-0.02156,-0.0252,0.07149,-0.00814,-0.03835,0.08696,-0.0098,-0.00207,-0.07109,-0.04265,-0.08529,-0.01721,0.10489,-0.01812,-0.01512,-0.03274,-0.06242,0.03728,0.07202,-0.04004,-0.01136,-0.04599,-0.0149,-0.0509,-0.0248,0.05751,0.05163,0.10058,-0.01208,0,-0.01447,-0.00712,0.03163,0.01462,-0.04446,0.04177,0.0495,-0.04783,0.07698,0.08319,0.00172,0.01554,0.0104,-0.10279,-0.01432,-0.05785,-0.01084,-0.0645,-0.05156,0.05905,-0.04287,-0.05359,-0.01112,-0.08903,0.06748,0.03806,0.02303,0.01768,-0.04427,0.04355,0.01843,-0.01923,0.04295,-0.09649,0.05355,0.03786,-0.00708,0.0284,-0.0075,-0.00107,0.06274,0.02831,-0.03692,0.06591,0.03434,0.11404,-0.04823,-0.01728,-0.1259,0.05788,-0.03143,0.004,-0.09191,-0.00776,-0.04023,0.11026,0.01856,0.00458,0.03168,-0.03206,0.07632,-0.06287,-0.00169,0.09477,0.13534,-0.02088,0.02213,0.04407,-0.04311,0.02156,0.02426,0.04666,0.01993,0.00856,0.0614,-0.02958,0.07183,-0.02188,0.02959,0.0582,0.01255,0.01319,0.03033,-0.01181,-0.00694,0.01479,-0.00387,0.06849,0.04889,0.06933,0.00534,0.06377,0.09486,-0.01671,-0.06438,0,-0.09575,-0.02477,-0.05631,0.0082,0.02782,0.02141,-0.04322,0.04856,0.00694,0.02283,-0.08261,0.08848,-0.02853,0.03024,0.01267,-0.04795,0.06623,0.01685,-0.04293,0.01372,-0.12113,0.00749,-0.032,0.08371,-0.02816,-0.06598,-0.02111,0.02163,0.04049,0.02292,-0.05863,-0.01865,-0.00253,0.10479,-0.08308,0.10191,-0.04473,0.04731,-0.10342,0.08999,0.04749,-0.06379,-0.03337,-0.01132,0.05208,0.02316,0.05394,0.02004,-0.05509,0.05257,-0.04447,0.04416,-0.0369,-0.05591,-0.03024,0.05418,0.01172,0.02001,-0.03665,0.02449,-0.06788,0.03918,0.04087,-0.04342],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Connection Waypoints Selector: f-connection-waypoints Class: FConnectionWaypoints FConnectionWaypoints adds editable intermediate points to a connection path. F Connection Waypoints","excerpt":"Connection Waypoints Selector: f-connection-waypoints Class: FConnectionWaypoints FConnectionWaypoints adds editable intermediate points to a connection path."},{"chunkId":"/docs/f-connection-waypoints-component#1","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.027,-0.05542,-0.0305,0.01706,-0.04103,0.0178,-0.02682,0.03674,0.06769,-0.0261,0.03651,0.09585,-0.02813,0.03162,0.06114,0.02186,-0.02654,-0.00715,0.04551,-0.00027,-0.03066,-0.12845,-0.02392,-0.00641,-0.02847,-0.05514,0.00769,0.00383,-0.00048,-0.06103,-0.02086,0.06773,-0.16831,-0.03167,-0.03098,-0.0181,0.04712,0.04945,-0.03209,0.00894,0.03913,-0.05973,0.08335,-0.01722,0.03755,-0.00309,-0.07239,-0.03071,-0.01455,0.04855,-0.03838,0.00934,-0.08874,0.02863,0.04842,0.04847,0.04115,0.02866,-0.04661,0.01901,0.09811,-0.02691,-0.01015,0.01463,-0.04747,-0.04868,0.02291,0.01753,0.07476,0.00549,-0.02426,-0.00645,-0.04088,-0.0476,0.08447,0.00383,0.00262,0.02917,-0.0513,-0.08604,0.0341,0.06527,0.00584,0.05157,0.02724,0.02464,-0.05907,-0.08642,0.00671,0.09449,0.04439,0.04547,-0.02276,-0.04904,0.03729,-0.01327,-0.05947,-0.03065,-0.01245,0.04152,0.00465,-0.02727,0.01531,-0.00002,0.07725,0.04456,-0.03365,0.03142,0.02391,-0.00263,-0.0427,-0.05558,0.06671,-0.04617,-0.06393,0.00567,-0.03183,-0.00083,0.03292,0.02469,-0.05069,-0.02937,0.04359,0.02343,-0.03362,-0.01616,-0.07215,0,-0.00447,0.06905,0.02763,-0.05505,0.06689,-0.01287,-0.07856,-0.05815,-0.00857,0.01235,-0.06102,-0.03716,-0.03109,-0.00441,0.09275,-0.10549,0.01899,0.06406,-0.07321,-0.00335,0.04763,-0.103,0.00254,-0.03543,0.07647,0.03917,-0.02896,0.06389,-0.00712,0.01825,0.02131,-0.01746,0.00013,0.03425,-0.00637,-0.01431,-0.0005,-0.105,-0.08326,-0.0126,-0.0329,-0.02165,-0.083,0.03545,0.01058,0.05265,-0.05151,0.08095,-0.00808,0.01493,-0.00821,0.06907,0.04619,-0.04924,0.01537,-0.06274,-0.08806,-0.0371,-0.03109,0.06121,0.03417,0.02649,-0.08279,-0.03668,-0.0222,0.01967,-0.01071,-0.01627,0.0785,-0.03009,-0.05592,0.07394,-0.04119,0.05305,-0.07531,-0.08372,-0.10044,0.00124,0.10901,-0.01948,-0.0564,-0.03374,-0.0505,0.04043,0.06547,-0.04126,0.01408,-0.08049,-0.06157,-0.03852,0.00718,0.07408,0.03594,0.14591,0.01699,0,-0.05029,0.00764,0.00299,0.02024,-0.03981,0.01434,0.03984,-0.09141,0.12609,0.04263,-0.03242,0.04084,-0.01691,-0.08487,0.03064,-0.09324,0.01172,-0.11248,-0.06694,0.03315,0.01918,-0.03365,-0.0785,-0.09034,0.0766,0.06324,-0.03874,-0.04587,-0.04927,0.05998,0.03416,-0.01502,0.03325,-0.08413,0.04978,0.07391,-0.028,0.05605,0.04758,-0.01819,0.05492,0.04807,-0.0034,0.04859,0.00373,0.1182,-0.07808,-0.04057,-0.12453,0.03396,-0.04974,0.02559,-0.02407,-0.01742,-0.03913,0.1015,0.00351,0.01755,0.00842,-0.03471,0.03805,-0.05383,-0.01566,0.07137,0.05464,-0.01298,0.03005,-0.02236,-0.03551,-0.00013,0.00137,0.0387,0.00497,-0.01328,0.0532,-0.03179,0.08842,-0.00152,0.00022,0.03399,-0.06126,0.02384,0.03305,-0.00729,-0.01385,0.02321,-0.0129,0.03421,0.05126,0.0873,0.00353,0.05443,0.04963,0.05763,-0.05158,0,-0.10341,-0.0252,-0.02077,0.00587,-0.00416,0.04938,-0.028,0.08058,0.01345,0.02843,-0.04648,0.06838,-0.08404,0.0387,0.05471,-0.02262,0.03265,0.02426,-0.07944,0.00643,-0.12312,0.01298,-0.07749,0.0846,-0.02368,-0.00855,0.00586,0.08421,0.00666,0.02908,-0.03148,0.02292,-0.01109,0.15266,-0.06661,0.10249,-0.06618,0.07176,-0.07345,0.06796,0.02945,-0.03896,0.01765,0.01133,0.08709,0.0296,0.02269,0.04435,-0.07489,0.05549,-0.08308,0.02204,-0.04385,-0.01617,0.04733,0.03473,0.03392,-0.01064,-0.01555,0.04634,-0.07821,0.05723,0.0229,-0.03342],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Why / Use cases Use waypoints when automatic routing is not enough and users must shape links manually. Typical use cases: - Diagram editors where readability depends on custom bends. - Dense flows with overlapping links. - Cases where connection paths should avoid specific visual areas.","excerpt":"Why / Use cases Use waypoints when automatic routing is not enough and users must shape links manually. Typical use cases: - Diagram editors where readability depends on custom bends. - Dense flows with overlapping links. - Cases where connection paths should avoid specific visual areas."},{"chunkId":"/docs/f-connection-waypoints-component#2","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.02701,-0.04317,-0.10237,0.05131,-0.04609,0.02226,0.01365,-0.00922,0.04036,-0.04,-0.00609,0.08231,-0.04897,-0.01942,0.04307,0.0029,-0.06235,-0.01423,0.03406,-0.0018,-0.03184,-0.12619,-0.00622,0.02763,-0.02443,-0.05217,0.02726,0.01921,-0.01109,-0.07205,-0.0279,0.07061,-0.12682,0.00111,-0.03452,-0.02258,0.03285,0.03833,0.00307,-0.02972,0.06535,-0.04754,0.05471,-0.03831,0.00678,0.02408,-0.05856,-0.00993,-0.02805,0.06298,-0.0197,0.02028,-0.09841,0.04561,0.07225,0.08615,0.08194,0.01868,-0.05111,0.03966,0.08625,-0.01306,-0.00382,0.01803,-0.09539,-0.03607,0.01972,-0.02595,0.07616,-0.041,-0.03167,0.03599,0.0042,-0.09325,0.11112,0.04444,-0.01792,0.06153,-0.01375,-0.10727,0.05086,0.06587,0.05675,0.05424,0.03555,-0.02544,-0.06513,-0.09226,-0.0072,0.12176,0.00586,0.03409,-0.07596,-0.04301,-0.06333,-0.02461,-0.02308,-0.03604,-0.00896,0.06244,-0.05045,-0.01256,0.00407,0.01995,0.05755,0.05098,-0.02046,0.02089,-0.04455,0.01236,-0.02065,-0.04389,0.04937,-0.02656,-0.05808,0.04485,-0.03968,0.04815,0.02392,0.00414,-0.00128,-0.04446,0.04026,0.04068,-0.06164,-0.01743,-0.08404,0,0.02884,0.05368,0.03289,-0.04203,0.04076,-0.01348,-0.03075,-0.05394,0.00522,0.02509,-0.0511,-0.01711,-0.01,-0.01455,0.07744,-0.12475,0.03271,0.02891,-0.05955,-0.01628,0.03902,-0.04264,-0.03049,-0.08227,0.09949,0.04821,-0.06989,0.09731,-0.03678,0.01171,0.03352,-0.00918,-0.01029,0.00336,0.00899,-0.07884,-0.00404,-0.09908,-0.1186,-0.01178,0.02968,-0.03753,-0.10723,0.01722,-0.03502,0.05848,-0.05158,0.10224,0.04251,0.00236,-0.02109,0.06008,-0.02654,-0.07608,-0.01327,-0.07409,-0.12032,-0.01933,-0.01419,0.02991,0.04636,0.01656,-0.0637,-0.01559,0.00365,0.04712,0.01295,-0.04035,0.06968,-0.01125,-0.05314,0.0973,0.01158,0.0359,-0.05982,-0.04072,-0.07066,-0.01839,0.08119,-0.02559,-0.00513,-0.02794,-0.04621,0.03193,0.06403,-0.0831,0.01043,-0.06112,-0.04159,-0.05818,0.00226,0.04647,0.04972,0.07655,-0.0208,0,-0.01938,-0.01808,0.01364,0.02409,-0.04423,0.02644,0.04143,-0.00684,0.07069,0.06663,-0.04933,0.02337,-0.01063,-0.08973,0.03132,-0.04462,0.00092,-0.07004,-0.07775,0.03074,-0.04624,-0.04282,-0.02827,-0.09099,0.05816,0.04027,0.01149,0.00811,-0.07168,0.03307,0.01578,-0.03926,0.02394,-0.05019,0.06148,0.00351,0.01009,0.01139,0.00043,-0.0078,0.07942,0.03673,-0.02456,0.06907,0.03805,0.10709,-0.08304,0.00122,-0.12654,0.04021,-0.01444,0.02501,-0.06536,-0.01762,-0.02776,0.12059,0.02037,0.01443,0.0486,-0.02814,0.02985,-0.09843,0.01493,0.10597,0.11872,-0.00482,0.03893,-0.00328,-0.02942,0.05338,0.06218,0.01176,0.00675,0.00015,0.06035,-0.04094,0.09105,-0.03258,0.01379,0.0387,0.01367,0.0139,0.03443,-0.00935,0.00902,0.0347,-0.00926,0.06618,0.05844,0.08053,-0.00386,0.06722,0.06335,-0.00453,-0.03993,0,-0.10368,-0.0097,-0.0663,0.03385,0.02173,0.02311,-0.0313,0.06329,-0.02238,-0.00088,-0.05609,0.08337,-0.02103,0.01722,0.03606,-0.027,0.07494,0.01811,-0.06916,0.01127,-0.11601,0.03043,-0.0325,0.08763,-0.01275,-0.07911,0.00853,0.06826,0.034,0.01369,-0.01198,-0.00348,0.02295,0.12262,-0.06581,0.07819,-0.06953,0.05421,-0.06493,0.12412,0.01793,-0.03931,-0.016,-0.00544,0.05048,0.01657,0.0339,0.00621,-0.0545,0.02745,-0.06114,0.06124,-0.03982,-0.04108,-0.03489,0.01822,0.01521,0.03166,0.00801,0.03431,-0.09843,0.03157,0.04476,-0.05151],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. How it works Place f-connection-waypoints inside a connection. It stores waypoint coordinates in waypoints, renders candidate/active waypoint circles, and updates the bound array during edits. Changes are also emitted through fConnectionWaypointsChanged on fDraggable. f Connection Waypoints Changed f Draggable","excerpt":"How it works Place f-connection-waypoints inside a connection. It stores waypoint coordinates in waypoints, renders candidate/active waypoint circles, and updates the bound array during edits. Changes are also emitted through fConnectionWaypointsChanged on fDraggable."},{"chunkId":"/docs/f-connection-waypoints-component#3","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.02644,-0.03967,-0.03486,0.03639,-0.06099,0.01853,-0.01387,-0.02972,0.03705,-0.02601,0.00422,0.05268,-0.01821,0.01283,0.0651,0.01819,-0.03795,-0.01261,0.07545,0.00806,-0.04065,-0.07756,0.00889,0.03811,0.01421,-0.07192,0.01821,-0.01675,-0.00341,-0.04039,-0.0144,0.05218,-0.1694,-0.0073,0.01054,-0.033,0.05423,0.03553,0.05073,-0.00474,0.08928,-0.01552,0.06088,-0.0558,0.0296,0.01363,-0.07561,-0.04597,0.00889,0.05189,-0.02828,0.01618,-0.08616,0.01252,0.04727,0.07623,0.02944,0.06046,-0.05912,0.01504,0.09567,-0.05521,0.02362,-0.00993,-0.10777,-0.02447,0.0123,-0.01575,0.05484,-0.00136,-0.02535,0.01381,-0.00322,-0.08541,0.11912,0.04856,-0.00858,0.06395,-0.01969,-0.07483,0.03677,0.05529,0.03276,0.08442,0.03881,-0.02506,-0.06483,-0.07677,-0.01515,0.11368,-0.00762,0.02047,-0.05507,-0.04624,-0.0073,-0.00539,-0.07277,-0.03672,-0.01196,0.02989,-0.0367,-0.03387,0.00431,0.03846,0.07591,0.07236,-0.02658,0.00215,-0.03894,0.0393,-0.02592,-0.02093,0.05961,-0.01292,-0.04451,0.08145,-0.03686,0.02649,0.03918,0.01664,-0.03845,-0.06984,0.03023,0.03821,-0.06592,-0.04355,-0.01862,0,-0.00631,0.0648,0.07545,-0.08239,0.04516,0.00548,-0.06011,-0.0453,-0.01347,0.00799,-0.07446,-0.05306,-0.01845,-0.06847,0.05071,-0.1092,0.01843,0.04627,-0.04749,-0.00366,0.03253,-0.07986,-0.02993,-0.0961,0.05102,0.01553,-0.06533,0.04709,-0.02909,0.02278,0.00005,0.01087,-0.00489,0.02923,-0.02877,-0.06532,0.00662,-0.07164,-0.11267,-0.00879,0.01413,-0.01175,-0.12309,0.04323,-0.03573,0.04921,-0.03558,0.09458,0.05376,-0.01209,-0.03936,0.06477,-0.00554,-0.09873,-0.00149,-0.10242,-0.10216,-0.00301,-0.03676,0.00494,0.05184,0.00283,-0.0721,-0.02355,0.00406,0.03233,-0.02099,-0.00633,0.04775,-0.01409,0.00434,0.10308,-0.01535,0.02106,-0.07876,-0.08085,-0.05319,-0.00677,0.11333,-0.01259,-0.0004,-0.01083,-0.05659,0.01872,0.06273,-0.01865,0.02288,-0.05854,-0.02845,0.00654,-0.02326,0.026,0.03528,0.10351,-0.03183,0,-0.01613,-0.01956,0.03347,0.00017,-0.0293,0.0277,0.05297,-0.00204,0.08131,0.07438,-0.00004,0.01683,-0.00153,-0.07662,0.01197,-0.04673,0.00239,-0.07327,-0.02224,0.04183,-0.02642,-0.0185,-0.06916,-0.09429,0.07254,0.06844,-0.01921,0.0112,-0.05943,0.0508,0.01231,-0.01925,0.05007,-0.06555,0.03809,0.04996,-0.02965,0.06822,0.02511,-0.02778,0.05784,-0.01133,-0.03907,0.07251,0.03913,0.07536,-0.04518,-0.00296,-0.1573,0.04699,-0.01373,0.04528,-0.0713,-0.01136,-0.03448,0.11377,0.00383,-0.00841,0.03484,-0.06452,0.06141,-0.04685,-0.00262,0.10523,0.13672,-0.01157,0.02629,0.00719,-0.03692,-0.00336,0.01138,0.0582,0.02042,0.01419,0.08016,-0.04695,0.07164,-0.01908,0.01819,0.03773,-0.03464,0.01622,0.04998,0.00736,0.01303,0.04524,-0.01099,0.06627,0.02352,0.13309,-0.01053,0.0582,0.07791,0.00101,-0.03657,0,-0.09941,-0.01358,-0.06357,0.01458,0.00564,0.0429,-0.0368,0.07868,-0.00163,0.00982,-0.09099,0.07054,-0.03508,0.04256,0.00643,-0.04759,0.04523,0.02928,-0.05191,-0.00476,-0.14131,0.02827,-0.01182,0.05673,-0.03305,-0.03672,0.01532,0.04785,0.04175,0.00096,-0.07899,-0.03675,-0.01149,0.11272,-0.09289,0.08246,-0.04804,0.08493,-0.0881,0.1004,0.02625,-0.02627,-0.01461,-0.00267,0.08197,0.03264,0.04685,0.04545,-0.00674,0.05001,-0.06124,0.05305,-0.05229,-0.04245,-0.02312,0.03013,-0.016,0.02265,-0.03668,0.03604,-0.06579,0.01979,0.02744,-0.04806],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. API","excerpt":"API"},{"chunkId":"/docs/f-connection-waypoints-component#4","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.04276,-0.05409,-0.11272,0.03849,-0.05581,0.02017,0.00714,0.00983,0.05066,-0.05778,0.02642,0.05303,-0.02419,-0.01161,0.05708,0.0062,-0.06689,-0.02103,0.06696,-0.03013,-0.00582,-0.11681,0.01027,0.04215,-0.03892,-0.03832,0.05314,-0.016,-0.00719,-0.05696,-0.01748,0.05954,-0.15724,-0.00867,-0.01168,-0.04355,0.05492,0.05683,-0.01092,-0.0274,0.08196,-0.03819,0.07918,-0.06165,-0.00336,-0.00084,-0.07527,-0.00214,0.02732,0.03421,-0.0378,-0.01482,-0.07549,-0.00149,0.07008,0.06893,0.03491,0.01611,-0.05509,0.02398,0.09242,-0.03982,0.01534,0.00703,-0.08596,-0.04103,-0.00061,-0.01792,0.02453,-0.01014,-0.0193,0.01605,0.01327,-0.08805,0.10346,0.05375,-0.02453,0.05108,-0.03595,-0.05985,0.05832,0.0658,0.05996,0.11409,0.00996,-0.00699,-0.06567,-0.1095,-0.01104,0.09548,-0.00562,0.05447,-0.09556,-0.03531,-0.03277,-0.04127,-0.05246,-0.05228,-0.01289,0.04133,-0.04073,-0.01787,-0.0085,-0.02092,0.07631,0.07959,-0.01322,-0.00844,-0.00274,0.05309,-0.02121,-0.06119,0.04225,-0.01467,-0.03856,0.05888,-0.0079,0.03852,0.01367,0.00988,-0.0429,-0.02143,-0.0087,0.02138,-0.0396,-0.02355,-0.04323,0,0.0127,0.07345,0.03806,-0.07364,0.02011,-0.01227,-0.02321,-0.03727,-0.02025,0.04112,-0.05568,-0.0642,-0.01259,-0.07227,0.04844,-0.10715,0.05465,0.00585,-0.06115,-0.03116,0.01688,-0.07755,-0.04664,-0.07816,0.0614,0.03909,-0.05777,0.04835,-0.00757,0.01393,0.05751,-0.00098,0.00247,0.02725,-0.01488,-0.07173,-0.01055,-0.03884,-0.09973,-0.00162,0.00009,-0.05713,-0.11339,0.03683,-0.02629,0.08474,-0.03577,0.07535,0.03252,-0.0221,-0.06471,0.0646,-0.02673,-0.08427,0.00466,-0.07843,-0.12467,0.02427,-0.04081,0.02105,0.01354,0.00903,-0.05453,-0.05285,-0.03637,0.04508,-0.05708,-0.05495,0.07572,-0.00905,-0.01517,0.07482,0.02186,0.05667,-0.05239,-0.03464,-0.08416,0.00017,0.13491,-0.02359,-0.03191,0.0057,-0.03879,0.06059,0.10125,-0.0723,0.00079,-0.02321,-0.03784,-0.00946,-0.01165,0.04981,0.04618,0.06423,-0.04383,0,-0.02902,0.03216,-0.00302,-0.005,-0.05025,0.02484,0.03894,-0.0017,0.05941,0.08294,-0.01043,0.04358,0.01481,-0.05864,0.02247,-0.03996,0.03628,-0.03178,-0.05187,0.05281,-0.02757,-0.04548,-0.05598,-0.08957,0.05239,0.07644,0.0296,-0.01469,-0.06155,0.06952,0.00303,-0.01105,0.05694,-0.06008,0.07366,0.00999,-0.02082,0.01309,-0.00405,-0.03127,0.04649,0.00647,-0.01972,0.04867,0.02585,0.08729,-0.01867,0.00652,-0.15073,0.05023,-0.02516,0.02555,-0.06816,0.02639,-0.02427,0.12951,-0.01421,0.00444,0.07026,-0.02449,0.04767,-0.12513,-0.00227,0.12985,0.11796,-0.00845,0.04805,0.03924,-0.02997,0.01113,0.00697,0.07064,0.03542,0.01747,0.04826,-0.0235,0.0778,-0.03194,0.00639,0.04323,-0.00261,0.01447,0.0301,-0.0414,0.0528,0.03045,0.02986,0.04902,0.04167,0.11512,0.00271,0.0681,0.0471,0.00207,-0.01483,0,-0.10109,-0.02616,-0.04471,0.02646,-0.01317,0.03479,-0.02371,0.03175,-0.00995,0.00316,-0.06529,0.07816,-0.04583,0.03908,0.04171,-0.04748,0.05088,0.00792,-0.03906,0.00843,-0.10264,-0.01645,-0.02197,0.09022,-0.01303,-0.0592,-0.02615,0.03602,0.03322,0.00703,-0.03541,-0.02454,-0.03011,0.0971,-0.09177,0.06481,-0.06286,0.07785,-0.05375,0.10109,0.0196,-0.04018,-0.03119,-0.00721,0.0619,0.05009,0.07151,0.01744,-0.04849,0.03163,-0.05126,0.03312,0.00143,-0.06755,0.01455,0.00138,0.01602,0.02996,-0.06949,0.04264,-0.09845,0.03239,0.03463,-0.0484],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Inputs - radius: number; Default: 4. Radius of the waypoint circle. - waypoints: IPoint[]; Two-way binding for waypoint coordinates (x, y). - visibility: boolean; Default: true. Toggles visibility of waypoints. I Point","excerpt":"Inputs - radius: number; Default: 4. Radius of the waypoint circle. - waypoints: IPoint[]; Two-way binding for waypoint coordinates (x, y). - visibility: boolean; Default: true. Toggles visibility of waypoints."},{"chunkId":"/docs/f-connection-waypoints-component#5","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.04191,-0.06821,-0.04285,0.04969,-0.08341,0.05023,0.03541,-0.01571,0.07081,-0.03346,0.01186,0.03491,-0.04051,-0.0103,0.04687,0.03405,-0.04293,-0.00343,0.04812,-0.00326,-0.02252,-0.12583,-0.00945,0.02285,-0.03469,-0.03136,0.03031,-0.0082,0.00724,-0.04104,-0.02974,0.03556,-0.17551,-0.0213,-0.01045,-0.04581,0.06004,0.04722,0.01096,0.00262,0.09314,-0.03813,0.07091,-0.0586,0.01707,0.03064,-0.05465,-0.01309,-0.00768,0.05564,-0.01115,0.02144,-0.04865,-0.01468,0.07307,0.09168,0.06524,0.05263,-0.05016,0.00426,0.07205,-0.0197,-0.00325,-0.00272,-0.09027,-0.02253,0.00736,-0.0064,0.04867,-0.00138,-0.02426,0.02076,0.01284,-0.07607,0.11215,0.02308,-0.0194,0.05934,-0.02303,-0.08996,0.04844,0.05428,0.04989,0.074,0.06545,-0.0385,-0.092,-0.0824,-0.027,0.12054,-0.03543,0.04417,-0.06327,-0.04322,-0.0075,-0.02246,-0.06757,-0.03422,0.01207,0.03424,-0.05106,0.01263,-0.03768,0.01824,0.08692,0.06598,-0.06816,-0.00452,-0.01817,0.05794,-0.0107,-0.04846,0.06098,-0.02047,-0.03726,0.06399,-0.01714,0.06084,0.01529,0.01904,-0.0407,-0.07684,0.00111,0.03711,-0.04594,-0.03237,-0.00776,0,0.01382,0.01824,0.043,-0.07951,0.04551,0.01729,-0.05911,-0.04689,-0.02762,0.01703,-0.04805,-0.05118,-0.00082,-0.0688,0.0659,-0.11609,0.02898,0.02067,-0.04263,-0.00176,0.01442,-0.06051,-0.0339,-0.09814,0.06509,0.02687,-0.05507,0.07211,-0.01765,0.00786,0.04749,0.0168,-0.001,0.0029,-0.04221,-0.09876,-0.00721,-0.0649,-0.10156,-0.01379,-0.01599,-0.05911,-0.14318,0.01118,-0.03503,0.04798,-0.03401,0.07847,0.04663,-0.04776,-0.03515,0.03913,-0.00931,-0.06488,-0.00579,-0.07066,-0.13424,0.02975,-0.03496,0.02968,0.03354,0.02201,-0.05271,-0.03133,0.01806,0.04918,-0.03088,-0.04463,0.05147,-0.0081,-0.01384,0.09681,-0.00931,0.0143,-0.06685,-0.04326,-0.09592,-0.01947,0.09658,-0.00547,-0.02176,-0.00245,-0.02747,0.05289,0.09335,-0.06595,-0.01795,-0.04214,-0.0643,-0.00922,-0.0109,0.04563,0.05916,0.08846,-0.01888,0,-0.03214,0.01052,0.00392,0.0026,-0.03454,0.02442,0.03106,-0.0207,0.06249,0.09099,0.01772,0.02463,-0.01047,-0.05623,0.01198,-0.0321,0.02664,-0.04146,-0.03282,0.04677,-0.01066,-0.04503,-0.04939,-0.09486,0.06206,0.05573,0.0429,0.01942,-0.06884,0.03221,0.00444,0.00781,0.04513,-0.05984,0.06942,0.03835,-0.02703,0.00384,-0.0007,0.00038,0.06627,0.01957,-0.02367,0.05003,0.04175,0.10122,-0.07385,0.01598,-0.12283,0.04422,-0.03051,0.02406,-0.06431,0.0236,-0.03161,0.14731,-0.01337,-0.01654,0.04906,-0.02551,0.04501,-0.08956,0.01229,0.11918,0.12972,0.00399,0.03958,0.01766,-0.01347,0.00376,0.03187,0.05165,0.01608,0.0045,0.06268,-0.02991,0.08586,-0.03352,0.00925,0.01324,-0.00868,-0.00009,0.06299,-0.03489,0.01527,0.06669,0.0001,0.07121,0.05275,0.11909,-0.01453,0.05877,0.08137,-0.01003,-0.05133,0,-0.11829,-0.01941,-0.02818,0.01514,-0.01557,0.03218,-0.0295,0.04116,-0.02162,-0.00146,-0.09578,0.09062,-0.01686,0.03893,0.03928,-0.05809,0.0603,-0.01317,-0.05004,-0.01724,-0.09916,-0.00471,-0.01463,0.09001,-0.03937,-0.07079,0.00419,0.04311,0.02804,-0.00481,-0.03986,-0.02863,-0.0059,0.09826,-0.07668,0.08678,-0.04535,0.04272,-0.03771,0.08162,0.02644,-0.03216,-0.04418,0.01359,0.05884,0.04089,0.07552,0.01958,-0.02277,0.04504,-0.04752,0.05129,-0.03768,-0.07081,-0.00264,0.02265,-0.01615,0.01116,-0.01387,0.05657,-0.09672,0.0237,0.008,-0.0604],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Outputs - waypointsChange: EventEmitter<IPoint[]; Emitted when waypoints change (two-way binding). waypoints Change Event Emitter I Point","excerpt":"Outputs - waypointsChange: EventEmitter<IPoint[]; Emitted when waypoints change (two-way binding)."},{"chunkId":"/docs/f-connection-waypoints-component#6","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.02093,-0.02788,-0.06139,0.03512,-0.0453,0.04603,0.00582,-0.00138,0.02233,-0.02767,-0.01177,0.05765,-0.04177,0.0031,0.06545,0.0131,-0.08207,-0.00328,0.07178,0.021,-0.03881,-0.10182,0.0199,0.01588,-0.03234,-0.02979,0.03799,0.003,0.00396,-0.06342,0.02069,0.07748,-0.16216,-0.00704,-0.01001,-0.02783,0.05024,0.05482,-0.01029,0.00901,0.07571,-0.04154,0.07705,-0.07803,0.02831,0.00272,-0.06444,-0.05041,0.01912,0.02979,-0.03721,0.00426,-0.06671,0.02159,0.04968,0.06565,0.06407,0.0017,-0.04748,0.01891,0.07536,-0.04097,0.00682,0.00719,-0.10794,-0.02872,0.00157,0.0127,0.04425,-0.0139,-0.01443,0.00002,0.00701,-0.07438,0.11697,0.02905,0.00904,0.07001,-0.02424,-0.08293,0.04766,0.04241,0.04397,0.05457,0.02851,-0.01195,-0.07952,-0.09904,-0.02663,0.11845,-0.01736,0.0466,-0.06461,-0.04198,0.02119,-0.00747,-0.0897,-0.04013,-0.00308,0.04254,-0.06658,-0.02587,0.01656,0.01095,0.0654,0.08079,-0.02471,0.04596,-0.02034,-0.00148,-0.03542,-0.04838,0.0476,-0.04573,-0.03002,0.0136,-0.03611,-0.00902,-0.00734,0.02845,-0.00691,-0.04578,0.01183,0.02877,-0.02872,-0.02617,-0.04151,0,0.01041,0.07146,0.03334,-0.0331,0.06484,0.01374,-0.0265,-0.05886,-0.03644,0.03926,-0.08153,-0.07095,-0.05852,-0.04004,0.02304,-0.1551,0.03355,0.03034,-0.05829,-0.012,0.07336,-0.08199,-0.02713,-0.10332,0.07793,0.02125,-0.06781,0.05619,-0.0613,0.01397,0.03746,-0.0294,0.0128,0.01263,-0.03122,-0.0777,0.00495,-0.06448,-0.08533,-0.01261,-0.01395,-0.0269,-0.09455,0.03195,-0.02064,0.07511,-0.02511,0.08794,0.05731,0.01512,-0.01512,0.05811,0.0011,-0.05963,0.02241,-0.079,-0.11377,0.05019,-0.03296,0.02896,0.02599,0.02694,-0.11619,-0.05023,0.00855,0.02995,-0.00795,-0.02919,0.06976,-0.02584,-0.02003,0.08748,-0.01892,0.02293,-0.04444,-0.06491,-0.05447,-0.01412,0.112,-0.01247,-0.07612,-0.03064,-0.051,0.04029,0.07731,-0.03692,0.02416,-0.06695,-0.03124,-0.03174,-0.01487,0.04206,0.04359,0.07923,-0.00256,0,-0.03972,0.03037,0.00172,0.01999,-0.02815,0.03936,0.05968,-0.01112,0.07267,0.10563,0.00649,0.04349,0.00184,-0.0996,0.0322,-0.04468,0.00752,-0.07152,-0.0166,0.03484,-0.03682,0.00207,-0.07635,-0.11132,0.05697,0.07031,0.00191,0.01021,-0.03123,0.05534,0.02575,-0.01811,0.04731,-0.06475,0.06086,0.03667,-0.02789,0.06188,0.0181,-0.01549,0.0621,0.00456,-0.03835,0.07222,0.0051,0.0837,-0.04421,-0.02229,-0.11895,0.04438,-0.04328,0.0109,-0.06789,-0.00727,-0.04389,0.11641,0.01973,0.00973,0.00219,-0.0343,0.08345,-0.06012,0.0024,0.08059,0.12648,-0.01893,0.00827,0.02037,-0.03602,0.00795,0.01577,0.07812,0.01072,0.02517,0.05886,-0.05281,0.0806,0.02355,0.05039,0.06347,-0.02067,0.03172,0.02265,-0.00891,0.02224,0.00705,0.0089,0.05,0.05304,0.08401,-0.02136,0.05353,0.08255,-0.01138,-0.03947,0,-0.11861,-0.04362,-0.0331,-0.0048,-0.00944,0.04189,-0.0422,0.05448,-0.00119,0.00732,-0.07599,0.10918,-0.02148,0.01725,0.05241,-0.05373,0.02907,0.02744,-0.06729,-0.02371,-0.11077,0.0077,-0.03631,0.09473,-0.05037,-0.0555,0.01781,0.02634,0.06248,0.02541,-0.0588,-0.01913,-0.01398,0.09384,-0.07165,0.09264,-0.06767,0.05279,-0.08313,0.09266,0.01083,-0.03568,-0.01572,-0.0196,0.06066,0.0567,0.02254,0.02703,-0.04426,0.05091,-0.06679,0.05939,-0.05081,-0.01918,-0.01893,0.02614,-0.01599,0.01198,0.00396,0.01135,-0.10009,0.05075,0.03525,-0.03394],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Styling - .f-component Base class for flow primitives. - .f-connection-waypoints Host class. - .f-candidate Candidate waypoint class. - .f-waypoint Active waypoint class.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-connection-waypoints Host class. - .f-candidate Candidate waypoint class. - .f-waypoint Active waypoint class."},{"chunkId":"/docs/f-connection-waypoints-component#7","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.01924,-0.03142,-0.06313,0.04408,-0.06334,0.06069,-0.00583,-0.02169,0.04593,-0.03533,0.01166,0.07133,-0.04512,0.02186,0.0625,0.02464,-0.04779,-0.02028,0.07444,0.03421,-0.02846,-0.10517,-0.00386,0.0067,0.01919,-0.05344,0.05584,-0.02991,0.01752,-0.0322,0.01514,0.07172,-0.18055,-0.02688,-0.02566,-0.04035,0.03993,0.04011,-0.00763,-0.03548,0.11238,0.0004,0.03247,-0.06621,0.03619,-0.01129,-0.05536,-0.04999,-0.01479,0.0299,-0.04017,0.02754,-0.07934,0.04707,0.02839,0.08987,0.0538,0.05834,-0.01652,0.04254,0.09797,-0.03116,0.01783,-0.01259,-0.06426,-0.0183,0.01136,0.00093,0.07224,-0.00083,-0.03102,-0.00271,0.0274,-0.09691,0.11502,0.02607,-0.02325,0.02364,-0.01008,-0.08159,0.05194,0.06893,0.02924,0.06863,0.0478,-0.01219,-0.03695,-0.08991,-0.00625,0.086,0.02152,0.02934,-0.00899,-0.03893,0.00817,-0.01231,-0.08216,-0.03252,-0.00823,0.01768,-0.00396,-0.02394,-0.0106,0.03719,0.04006,0.06213,-0.04442,0.01026,-0.05045,0.04443,-0.01479,-0.01082,0.03909,-0.02817,-0.04538,0.028,-0.00765,0.04227,0.0182,0.03588,-0.04864,-0.06376,0.03565,0.04052,-0.03169,-0.02752,-0.04807,0,-0.00754,0.04361,0.02453,-0.07174,0.07425,-0.0149,-0.04187,-0.0159,-0.00332,0.02573,-0.04327,-0.04093,-0.03307,-0.03547,0.06863,-0.13186,0.023,0.04866,-0.04203,-0.02269,0.05208,-0.06641,-0.026,-0.10487,0.08659,0.01509,-0.0436,0.05706,-0.07395,0.0044,0.05444,0.0096,-0.019,0.03883,-0.0218,-0.06313,-0.01719,-0.07105,-0.1034,-0.00671,-0.01537,-0.0438,-0.1232,0.04172,0.0013,0.02106,-0.00125,0.08336,0.03112,-0.02435,-0.03211,0.06155,0.00662,-0.09078,-0.01918,-0.06416,-0.10917,-0.00359,-0.01324,-0.00975,0.02232,-0.00347,-0.10544,-0.01266,-0.02277,0.03374,-0.03472,-0.06063,0.06236,-0.02644,-0.02202,0.08795,0.00643,0.01434,-0.07458,-0.07194,-0.09196,-0.00674,0.09511,-0.0097,-0.02137,-0.03914,-0.06681,0.0685,0.10973,-0.07238,-0.00648,-0.09151,-0.02904,-0.00689,-0.00358,0.04285,0.0424,0.09763,-0.00641,0,0.00336,0.0129,0.02409,-0.01209,-0.0467,0.01869,0.03186,0.00673,0.0593,0.07633,0.01369,0.03921,0.02866,-0.06548,-0.00612,-0.00425,0.00941,-0.0762,-0.04463,0.01569,-0.02928,-0.04215,-0.0408,-0.08276,0.05223,0.05962,0.03649,-0.00449,-0.0271,0.03781,0.01882,-0.0008,0.04884,-0.10865,0.062,0.06153,-0.04725,0.03036,0.00979,-0.02825,0.05676,0.00917,-0.01089,0.0509,0.01366,0.08378,-0.04676,0.02683,-0.12268,0.04568,-0.03091,0.03455,-0.07324,-0.0341,-0.02358,0.11174,0.01576,-0.01527,0.04321,-0.05177,0.09904,-0.04101,0.0028,0.08278,0.14346,-0.01207,0.00665,0.01731,-0.0355,0.00191,-0.00148,0.06052,0.0201,-0.01257,0.054,-0.04069,0.08297,-0.05408,0.05176,0.00277,0.00979,-0.00626,0.01834,-0.04817,0.00961,0.01094,-0.02934,0.03651,0.04439,0.11884,-0.02887,0.04767,0.09086,-0.01274,-0.06924,0,-0.10329,-0.01977,-0.03965,-0.01784,-0.0146,0.01102,-0.04184,0.09494,0.0341,0.02199,-0.06684,0.06412,-0.05442,0.05093,0.06552,-0.04031,0.03723,0.01606,-0.0621,-0.02588,-0.10884,0.02042,-0.03101,0.10571,-0.00071,-0.03905,0.02094,0.08186,0.06642,0.00207,-0.04651,-0.02178,0.00774,0.13489,-0.0902,0.1238,-0.01559,0.05818,-0.0649,0.06881,0.02409,-0.0525,-0.02203,0.00756,0.03567,0.03175,0.04244,0.04026,-0.01751,0.05712,-0.07818,0.04359,-0.08302,-0.04779,-0.01668,0.02561,0.00242,0.00262,0.01467,0.05036,-0.07497,0.03785,0.01216,-0.03993],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Notes / Pitfalls - Waypoints are meaningful only for connection types that render path segments through intermediate points. - Keep waypoint arrays in app state if you need persistence. - Right-click removes a waypoint (context menu action inside the component template).","excerpt":"Notes / Pitfalls - Waypoints are meaningful only for connection types that render path segments through intermediate points. - Keep waypoint arrays in app state if you need persistence. - Right-click removes a waypoint (context menu action inside the component template)."},{"chunkId":"/docs/f-connection-waypoints-component#8","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[-0.01327,0.00412,-0.05112,0.05522,-0.00376,0.06763,-0.01173,-0.01422,0.03572,0.03928,-0.05286,0.05116,-0.05554,0.03473,0.05953,-0.00427,-0.09543,0.0082,0.04526,0.00697,-0.04393,-0.06193,0.05246,0.0506,0.01279,-0.0084,0.01727,-0.03655,0.03352,-0.04362,0.0381,0.07195,-0.15128,-0.00355,-0.03008,0.04022,0.02759,0.05783,0.01716,-0.01498,0.13129,0.01279,0.0779,-0.13369,0.02977,0.02109,-0.0592,0.00628,-0.01107,0.02851,-0.06993,-0.04722,-0.08696,0.04354,0.03181,0.0023,0.02393,-0.0259,0.00017,0.0131,0.03619,-0.0844,0.02526,-0.03358,-0.02848,-0.01835,-0.07313,0.012,-0.01517,0.06512,0.04184,-0.01935,-0.01094,-0.0715,0.09831,-0.00441,-0.06225,0.09745,-0.02232,-0.04644,0.05951,0.01788,0.03314,0.0542,-0.00566,0.01197,-0.03388,-0.09229,-0.01506,0.00729,0.01406,0.0647,-0.03589,0.00664,0.06563,-0.02227,-0.13027,0.00676,-0.02367,0.03341,-0.02555,-0.05993,0.04377,0.06089,0.06373,0.07703,-0.00476,0.09109,-0.02186,0.02427,-0.02012,0.01971,0.06699,-0.02457,-0.06387,-0.03834,-0.04817,0.01099,-0.03084,0.07717,-0.00453,-0.06621,-0.024,-0.0017,0.01321,-0.01696,0.02683,0,0.01288,0.0733,-0.0012,-0.03671,0.06339,-0.01247,-0.07432,-0.10111,-0.01004,0.09878,-0.06272,-0.0565,-0.06938,-0.06529,0.00682,-0.12667,0.0401,0.01848,-0.06309,0.01015,0.09866,-0.0724,-0.0503,-0.06409,0.09044,-0.00682,-0.07073,0.00257,-0.07005,-0.00255,0.07695,0.02941,0.03839,-0.0401,-0.02573,-0.07023,0.03266,-0.03566,-0.09321,-0.0432,0.04193,-0.03391,-0.1327,0.08014,-0.03493,0.04583,-0.0069,0.05485,0.07542,0.02793,-0.03821,0.06436,-0.01726,-0.06,0.0468,-0.06878,-0.09997,0.05335,-0.0397,0.03196,0.04218,0.01669,-0.05574,-0.05921,0.02978,-0.01488,-0.00141,0.0398,0.06278,-0.06061,-0.0561,0.08651,-0.02705,0.03791,-0.05126,-0.09246,-0.02182,0.02696,0.14221,-0.02929,-0.0349,-0.06111,-0.06547,0.06314,0.07552,-0.04069,-0.00689,-0.07378,-0.05708,-0.05618,0.03175,0.04078,0.02,0.00938,-0.00665,0,0.02163,-0.00196,0.00811,0.04763,-0.04312,-0.02011,0.08098,0.04693,0.08803,0.10306,-0.00021,0.04693,0.02545,-0.07678,0.03181,-0.03787,0.02129,-0.0765,0.02998,-0.01106,-0.01525,0.01582,-0.05367,-0.06303,0.03695,0.11165,0.01563,0.0328,0.00832,0.01867,-0.00424,-0.02886,0.00462,-0.0516,0.00947,0.00072,-0.01886,0.09286,0.02093,-0.01944,0.09342,0.04861,-0.03766,0.01809,-0.00697,0.02741,0.02482,-0.03459,-0.10085,-0.00644,-0.02331,0.04542,-0.06718,0.00077,-0.02698,0.04366,0.03508,-0.04801,-0.00405,-0.06746,0.07284,-0.00801,0.02185,0.02787,0.12274,0.02557,-0.05048,-0.02317,0.03441,0.01639,-0.00058,0.05284,0.0241,0.00719,0.09895,0.00161,0.06525,0.0113,0.07065,0.00789,-0.0357,0.04895,0.00585,0.02312,0.03339,0.05374,-0.07299,0.01073,0.04017,0.11632,-0.05081,-0.04115,0.09979,-0.02779,-0.01425,0,-0.11666,-0.03995,-0.04202,0.01566,0.00635,0.00552,-0.02639,0.02942,0.0127,-0.00615,-0.07066,0.10818,-0.00787,0.00482,0.0553,-0.06313,0.0123,0.03862,-0.06706,0.00561,-0.10666,0.00935,0.02012,0.09795,-0.02387,-0.07735,-0.02359,0.00218,0.03605,-0.00114,-0.0647,-0.03983,0.00351,0.07411,-0.06109,0.00613,-0.07988,0.05164,-0.0613,0.0623,0.00864,-0.0364,0.0382,-0.00092,-0.01347,0.04789,0.03396,0.02805,-0.02308,0.02148,-0.04945,0.05873,-0.07892,0.01098,0.01623,0.00294,0.00903,0.03763,-0.01634,-0.00925,-0.07088,0.03632,0.0189,-0.07375],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Example ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.scss :::","excerpt":"Example ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.scss :::"},{"chunkId":"/docs/f-draggable-directive#0","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.02791,0.01231,-0.06901,0.07061,0.05654,0.03142,0.07038,-0.00976,0.00513,0.01391,-0.00808,0.02372,-0.0799,0.0117,-0.01386,-0.02721,0.01487,-0.02942,-0.021,0.03997,0.009,-0.09357,-0.0734,-0.03046,-0.01685,0.00686,-0.01256,0.00454,0.00542,-0.07792,-0.01395,0.06851,-0.05805,0.022,-0.1623,0.00911,0.04154,-0.01236,-0.11507,-0.06967,0.01097,-0.057,0.05184,-0.0806,-0.02795,0.03313,-0.01056,0.02441,-0.05386,0.08841,0.03845,-0.02333,0.00499,0.0526,0.10088,0.01666,0.06293,-0.0456,0.01168,0.0453,-0.0332,0.02439,-0.04561,0.05821,0.03481,-0.00275,-0.02862,-0.0147,0.03743,-0.03174,0.05762,-0.01462,-0.03535,-0.07373,0.1145,-0.06763,-0.05099,0.02456,0.01045,-0.04148,0.09259,0.05984,-0.01411,0.02879,-0.06067,0.07647,-0.07684,-0.04521,-0.02701,0.04862,-0.01862,0.07178,-0.06222,-0.0215,-0.06003,-0.05797,-0.01964,-0.10683,-0.07735,0.02998,-0.03134,-0.03482,0.02183,0.03279,-0.02173,-0.08826,0.00595,-0.04047,-0.09164,0.02022,-0.07082,-0.07447,0.04175,-0.01026,-0.01199,-0.00652,-0.0527,-0.04303,0.06599,-0.02427,-0.02024,0.07502,0.03046,-0.03573,-0.00153,-0.04086,-0.08721,0,0.03481,-0.02731,-0.06182,0.05866,0.0527,-0.03743,0.03,-0.05179,-0.03184,0.00812,0.02183,0.04088,-0.03715,0.08901,0.02214,-0.12302,0.0173,0.03532,-0.03009,-0.03778,0.02376,0.01201,-0.02662,-0.03056,0.07216,0.09894,-0.0411,0.09621,0.04479,0.04868,-0.04165,0.0179,-0.02603,-0.02723,-0.0423,0.00267,-0.05152,-0.09276,-0.0114,0.00176,-0.01086,-0.06471,-0.06635,-0.01156,0.0209,0.02151,-0.04335,0.02893,-0.04419,0.03512,0.02101,0.02493,0.08673,-0.02108,0.01539,-0.08362,-0.03191,0.09292,0.02612,0.08595,0.00031,0.06292,-0.11712,-0.0516,0.05201,0.04854,0.01262,0.05618,0.00797,-0.08212,-0.10355,0.05534,0.0244,-0.00216,0.06745,-0.02711,-0.03049,-0.09655,0.01442,-0.03244,-0.08665,-0.02193,0.03841,-0.00396,0.01514,-0.07241,0.00205,-0.02182,-0.0291,-0.05335,-0.00415,0.01977,0.08799,0.01112,0.07946,0,0.04208,0.02075,-0.00119,0.0911,0.01822,0.02796,0.0356,-0.0378,0.09428,-0.0275,-0.03325,0.05699,0.034,-0.03647,0.04627,0.01371,-0.13265,-0.06719,-0.06252,0.00884,0.00237,-0.04494,0.00796,-0.02875,-0.07456,-0.03923,0.02362,0.04742,0.02126,0.01027,0.00761,-0.04723,-0.05304,-0.00842,0.0017,-0.04035,0.04737,0.08298,-0.02205,-0.03644,0.01353,0.04851,-0.03725,0.0251,0.02783,0.07155,-0.08267,-0.02745,-0.01031,0.00168,-0.09407,0.0095,-0.07012,0.01049,0.00144,0.03243,0.14016,0.06897,0.02511,-0.0211,0.04968,-0.06272,-0.02374,-0.00344,0.1042,-0.0008,0.03239,-0.02211,0.07074,0.06906,0.06228,0.00646,0.06644,-0.05535,0.08859,-0.03532,0.14924,-0.00521,0.03842,0.03134,0.07199,0.07206,0.04326,-0.00884,0.05136,0.00777,-0.09112,0.02295,0.0551,0.00043,-0.04363,0.02298,0.07348,-0.02599,-0.04875,0,-0.0482,-0.0101,0.00655,-0.04099,0.02817,0.06013,-0.00308,0.04304,-0.01057,-0.02706,-0.02431,0.03744,0.05303,-0.02548,0.08696,0.02277,0.01414,0.041,-0.05871,-0.01134,-0.018,-0.00152,-0.02893,0.1265,-0.03794,-0.03962,-0.03019,-0.00183,0.04191,0.02813,-0.04858,0.07985,0.02994,0.03575,-0.05646,0.10929,-0.05188,-0.00134,-0.0591,-0.00051,0.06943,-0.01189,-0.04026,-0.07888,-0.0171,0.05865,0.03899,-0.05157,-0.08981,0.05209,-0.0876,0.08529,0.01636,0.09394,0.00122,0.03346,-0.04087,-0.04067,0.06438,-0.02559,0.01258,0.03916,0.06311,0.0104],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Drag and Drop Selector: f-flow[fDraggable] Class: FDraggableDirective FDraggableDirective enables user interactions on a flow surface: node drag, canvas pan, connection create/reassign, selection, and drag plugins. f Draggable F Draggable Directive","excerpt":"Drag and Drop Selector: f-flow[fDraggable] Class: FDraggableDirective FDraggableDirective enables user interactions on a flow surface: node drag, canvas pan, connection create/reassign, selection, and drag plugins."},{"chunkId":"/docs/f-draggable-directive#1","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[0.02355,0.01989,-0.03975,0.0587,0.06591,0.0268,0.04061,0.05428,0.06779,0.01157,-0.00446,0.0764,-0.03069,0.04318,0.00502,-0.03155,0.03668,-0.05182,-0.04691,0.0125,-0.01513,-0.11346,-0.0685,-0.05343,-0.0183,-0.03049,-0.06248,-0.00414,0.03502,-0.08652,-0.06179,0.05624,-0.06702,-0.01347,-0.13988,0.036,0.05037,-0.02768,-0.12963,-0.04749,0.00037,-0.03766,0.04699,-0.02252,-0.01774,-0.01223,-0.00389,0.02708,-0.07074,0.12502,0.0096,-0.03382,-0.01746,0.03666,0.11395,0.02143,0.0715,-0.04685,0.00862,-0.0097,-0.06495,0.0491,-0.02578,0.0337,0.04005,-0.0034,0.00611,-0.00512,0.05262,0.01773,0.05157,-0.02452,-0.04582,-0.04046,0.08258,-0.06072,-0.04382,0.02485,-0.00493,-0.076,0.06961,0.05263,-0.03175,0.02935,-0.06545,0.08148,-0.07613,-0.07584,0.01668,0.00728,0.04366,0.07461,-0.03005,-0.02777,-0.03666,-0.05738,0.00327,-0.04467,-0.08615,0.04603,0.01007,-0.03017,0.0742,0.03001,-0.00659,-0.09689,0.01873,-0.06231,-0.11707,0.01272,-0.05609,-0.07278,0.06746,0.0051,-0.05062,-0.02157,-0.07217,-0.0353,0.06965,-0.0225,-0.01205,0.09547,0.03942,-0.00405,0.0177,-0.06041,-0.08739,0,0.03292,-0.02545,-0.02673,0.06001,0.06347,-0.06976,0.01224,-0.07027,0.02166,-0.00089,0.0385,0.03447,-0.02917,0.09397,0.04199,-0.04636,0.0079,0.04392,-0.05868,-0.02736,0.01896,-0.02472,-0.01381,0.02686,0.03791,0.13208,-0.01238,0.10719,0.07061,0.05102,-0.01635,0.01767,-0.04267,-0.02787,-0.03334,0.0368,-0.04399,-0.11973,0.0263,-0.00411,0.00335,-0.05147,-0.04316,-0.02351,0.03456,0.0261,-0.05079,0.01115,-0.07701,0.02542,0.03798,0.05963,0.11033,-0.02111,0.01907,-0.09198,-0.01791,0.03654,0.02004,0.11552,-0.02422,0.08419,-0.05197,0.02495,0.02404,0.0665,-0.00948,0.04266,0.01342,-0.08866,-0.10496,0.04676,0.01241,0.00748,0.05672,-0.06817,-0.02988,-0.13443,0.00623,-0.06609,-0.08112,-0.03747,0.00268,-0.00514,-0.00398,-0.09177,0.01619,-0.00855,-0.06011,-0.02512,0.01479,0.01238,0.05777,0.05574,0.09413,0,0.00231,0.01632,0.0308,0.07475,-0.01058,-0.02856,-0.00079,-0.07657,0.0864,-0.02415,-0.06997,0.00914,-0.02545,-0.03927,0.05706,0.01201,-0.09005,-0.10851,-0.10878,-0.0308,0.01802,-0.03359,-0.01239,0.00277,-0.04611,0.00326,-0.03427,0.00736,0.02515,-0.03179,-0.01358,-0.06297,-0.04812,-0.04448,0.00207,-0.0537,0.03859,0.08619,0.03465,-0.02373,0.02349,0.06512,-0.03355,0.01589,0.04655,0.11669,-0.09009,-0.04835,0.03715,-0.01767,-0.08049,0.01439,0.00522,-0.02456,0.00548,0.04547,0.13961,0.05054,0.00714,-0.02131,0.00457,-0.06259,0.00533,-0.02122,0.0544,-0.00261,0.07443,-0.04826,0.07655,0.06911,0.05243,0.0213,0.04916,-0.03094,0.09036,-0.00764,0.12616,0.00478,0.00496,-0.00902,0.02019,0.01981,0.05198,0.01181,0.0207,0.04079,-0.08981,0.00765,0.04599,-0.00209,-0.0336,-0.00665,0.0602,0.06254,-0.0095,0,-0.04294,0.03168,0.00607,-0.03095,0.01168,0.05394,-0.01138,0.05402,-0.00458,0.01846,-0.00975,0.01354,-0.02954,-0.0143,0.04823,0.0485,0.03647,0.01645,-0.08128,-0.0027,-0.04714,0.00209,-0.05234,0.10875,-0.05467,-0.02527,-0.00289,0.0273,0.02205,0.01926,-0.01907,0.07128,0.0575,0.10588,-0.08025,0.04853,-0.0321,0.01318,-0.02298,0.00049,0.07997,0.01257,0.0019,-0.04968,-0.04856,0.02301,0.02054,-0.03936,-0.0931,0.05664,-0.10609,0.03054,0.00183,0.07729,-0.00081,0.04227,0.01594,-0.01613,0.0672,0.00999,0.01881,0.02405,0.03962,-0.0047],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Why / Use cases Use fDraggable when users need to manipulate the diagram directly. Typical use cases: - Workflow editors with drag-to-connect and reassign. - Canvas navigation by drag and touch gestures. - Advanced editors that react to drag lifecycle events (fDragStarted/fDragEnded). Skip fDraggable for strictly read-only diagrams. f Draggable f Drag Started f Drag Ended","excerpt":"Why / Use cases Use fDraggable when users need to manipulate the diagram directly. Typical use cases: - Workflow editors with drag-to-connect and reassign. - Canvas navigation by drag and touch gestures. - Advanced editors that react to drag lifecycle events (fDragStarted/fDragEnded). Skip fDraggable for strictly read-only diagrams."},{"chunkId":"/docs/f-draggable-directive#2","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.03783,0.00678,-0.04385,0.07303,0.04556,0.01817,0.05871,0.01144,-0.02178,0.02551,0.01564,0.06175,-0.07801,0.00561,-0.03936,0.0095,0.01964,-0.01397,-0.05882,0.02509,0.00986,-0.05532,-0.07191,-0.02226,-0.01131,-0.00465,-0.04926,-0.03529,0.05091,-0.1053,0.00591,0.05483,-0.06844,0.02367,-0.1475,0.06054,0.0515,-0.06684,-0.09369,-0.04921,0.05461,-0.03621,0.0355,-0.07624,-0.04093,0.04049,-0.01291,0.04347,-0.07587,0.05109,0.00387,-0.02998,-0.0113,0.04508,0.10786,0.0295,0.08013,-0.02525,0.02406,0.05577,-0.03314,0.028,-0.07041,0.04877,0.04525,-0.0374,-0.02216,-0.05759,0.03362,-0.02848,0.03316,-0.01949,-0.06593,-0.05448,0.08091,-0.04596,-0.05892,0.02927,0.01645,-0.08277,0.11594,0.03831,0.00475,0.01992,-0.01391,0.07185,-0.085,-0.04851,-0.00907,0.06813,0.011,0.03636,-0.06194,-0.01186,-0.06173,-0.02437,-0.00364,-0.10653,-0.07824,0.07589,-0.02234,0.00782,0.01589,0.01629,-0.04437,-0.0774,-0.00726,-0.04146,-0.11858,0.02551,-0.04043,-0.05704,0.02308,-0.05421,-0.04787,-0.00045,-0.03405,-0.02161,0.07025,-0.04138,-0.0131,0.05201,0.03523,0.00522,-0.00798,-0.04155,-0.08593,0,0.00395,-0.02566,-0.06937,0.06824,0.02806,-0.03846,0.02895,-0.04631,-0.0133,-0.00956,0.0694,0.03714,-0.00999,0.08234,0.02601,-0.12935,0.03648,0.08767,-0.03152,-0.02084,0.0512,0.05058,-0.03089,-0.01427,0.06809,0.09401,-0.04769,0.05521,0.02658,0.03869,-0.03026,0.03354,-0.04854,-0.02665,-0.01082,0.01939,-0.06169,-0.12774,-0.03443,-0.0203,0.00052,-0.04225,-0.12239,-0.02607,0.00242,0.02,-0.04604,0.01723,-0.01271,0.01376,0.03355,0.02393,0.08877,-0.026,0.02082,-0.05621,-0.04578,0.05271,0.02418,0.09781,0.01608,0.04001,-0.11677,-0.0252,0.03736,0.05104,-0.01045,0.04821,0.04746,-0.04303,-0.0968,0.07048,0.04416,-0.00658,0.02707,-0.02396,-0.04755,-0.08576,0.02107,-0.03604,-0.08549,-0.01322,0.07147,-0.00037,0.04716,-0.10574,-0.0241,-0.01787,-0.04121,-0.06041,0.049,0.02439,0.07106,0.00404,0.06535,0,0.05798,0.0122,-0.00252,0.10157,-0.0195,0.02238,-0.00031,-0.04316,0.06897,-0.0396,-0.04652,0.05403,0.0403,-0.04378,0.06172,-0.0071,-0.123,-0.06486,-0.05921,0.02041,0.04126,-0.03661,0.02971,-0.00169,-0.05834,-0.04592,0.00302,0.03404,0.0351,0.003,0.02737,-0.05896,-0.05235,-0.01543,-0.01322,-0.04989,0.02689,0.10774,0.01166,-0.03596,0.05812,0.0579,-0.02256,0.02764,0.01769,0.03622,-0.07923,-0.0192,-0.01904,-0.01394,-0.08269,0.0151,-0.07635,0.00402,-0.01517,0.04192,0.13883,0.04347,0.02095,-0.0122,0.03668,-0.05518,-0.01867,0.00492,0.07369,0.00743,0.03825,-0.05246,0.06462,0.05988,0.06185,0.02483,0.06228,-0.06042,0.06613,-0.01736,0.16604,-0.05076,0.02727,0.01576,0.02981,0.07976,0.02973,0.0041,0.05541,0.02247,-0.08899,0.04343,0.05815,0.00879,-0.04915,0.01645,0.07511,0.01665,-0.02442,0,-0.08344,0.00809,-0.01895,-0.03201,0.04472,0.04148,0.01647,0.04958,-0.02378,-0.02065,-0.02469,0.03549,0.03881,-0.03765,0.09427,0.01754,0.02361,0.01726,-0.07941,-0.00127,-0.03612,0.0025,-0.02239,0.11008,-0.05659,-0.04356,0.00356,0.04299,0.03808,0.00543,-0.01782,0.08664,0.0153,0.04108,-0.09861,0.10647,-0.0272,-0.01604,-0.03108,-0.01939,0.05246,0.01799,-0.01649,-0.05636,-0.03179,0.07051,-0.00256,-0.03262,-0.06672,0.06164,-0.06588,0.0967,-0.00845,0.09869,0.01631,0.0355,-0.02327,-0.04387,0.06118,-0.00675,0.03826,0.00681,0.06805,0.01438],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. How it works The directive attaches to f-flow, initializes a drag sequence on pointer down, dispatches operation-specific handlers (selection, node move, connection create/reassign, resize/rotate plugins), and finalizes with event emission and cleanup.","excerpt":"How it works The directive attaches to f-flow, initializes a drag sequence on pointer down, dispatches operation-specific handlers (selection, node move, connection create/reassign, resize/rotate plugins), and finalizes with event emission and cleanup."},{"chunkId":"/docs/f-draggable-directive#3","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.03271,-0.02584,-0.06021,0.09475,0.04225,0.01271,0.01799,-0.01746,-0.02216,0.04468,0.01503,0.04871,-0.05821,-0.00394,-0.00849,0.01017,0.02433,-0.03141,-0.03278,0.04678,0.001,-0.08282,-0.06158,-0.05422,-0.00293,-0.02927,-0.03323,-0.01889,0.03892,-0.09703,-0.0251,0.06408,-0.10742,0.02015,-0.12521,0.02954,0.03299,-0.05982,-0.10169,-0.07469,0.05182,-0.04505,0.04033,-0.06704,-0.0478,0.01937,-0.01955,0.05569,-0.03417,0.08952,0.01913,-0.04302,0.00254,0.0385,0.0958,0.04578,0.05016,-0.01631,0.02483,0.04814,0.02388,0.0563,-0.04971,0.04111,0.03729,0.00492,-0.021,-0.05196,0.01922,-0.0327,0.03688,-0.01519,-0.0644,-0.06051,0.1122,-0.04917,-0.05864,0.0337,0.01411,-0.04566,0.10953,0.04593,-0.02576,0.0413,-0.03903,0.05773,-0.0993,-0.02672,-0.01228,0.03725,0.01255,0.03336,-0.05937,-0.00147,-0.08482,-0.0367,-0.02067,-0.10127,-0.08676,0.05263,-0.0374,-0.01318,-0.00035,0.05114,-0.01187,-0.08223,0.0122,-0.05192,-0.12026,0.05556,-0.05142,-0.05237,0.02992,-0.00636,-0.04074,0.01865,-0.06759,-0.01394,0.08711,-0.05248,-0.01455,0.05912,0.03155,-0.00939,0.01175,-0.05995,-0.09776,0,0.01431,-0.02152,-0.04415,0.05551,0.07223,-0.03821,0.02705,-0.05446,-0.00706,-0.01422,0.01803,0.05516,-0.00827,0.05361,0.02307,-0.13415,0.02452,0.08868,-0.0321,-0.02773,0.00567,0.00818,-0.0084,-0.02552,0.06735,0.13707,-0.04245,0.08353,0.05214,0.04472,-0.02791,0.03083,-0.04345,-0.0257,-0.04207,0.00843,-0.04522,-0.1195,-0.0347,0.01004,0.00296,-0.04838,-0.11355,-0.02442,0.00114,0.02215,-0.01089,0.02777,-0.05679,0.02816,-0.0002,0.0456,0.05967,-0.03404,0.00574,-0.10552,-0.04591,0.09372,0.05173,0.09419,0.00099,0.03826,-0.08881,-0.01697,0.0507,0.06747,0.01356,0.0715,0.00922,-0.06039,-0.06303,0.07158,0.02338,-0.02116,0.0397,-0.04949,-0.05655,-0.11083,0.01525,-0.04879,-0.04939,-0.01102,0.04085,0.00407,0.03681,-0.09848,0.00958,-0.02371,-0.04859,-0.023,-0.00073,0.03136,0.06083,0.01821,0.07399,0,0.05678,0.00279,0.03211,0.07112,0.01918,0.02401,0.03716,-0.02161,0.0821,-0.0355,-0.04084,0.03898,0.01202,-0.03124,0.03411,0.02084,-0.13229,-0.06461,-0.06299,0.00906,0.02899,-0.02964,0.01811,-0.00856,-0.05203,-0.03938,0.02176,0.05032,0.00918,-0.00298,0.02459,-0.06023,-0.05527,-0.01436,0.02676,-0.0037,0.04545,0.13379,0.01709,-0.04523,0.04839,0.04621,-0.06707,-0.00398,0.0486,0.03048,-0.10693,-0.00917,-0.05635,-0.01977,-0.07565,0.01028,-0.06832,-0.02844,0.00452,0.05403,0.12267,0.05725,0.0381,-0.04174,0.03731,-0.07314,-0.02803,0.00485,0.09652,0.00258,0.08765,-0.038,0.07358,0.05825,0.04587,0.01238,0.06864,-0.05593,0.09868,-0.03834,0.1674,-0.02927,0.04184,0.00078,0.03114,0.06406,0.06473,0.00695,0.05616,0.04213,-0.05976,0.0567,0.05644,0.03053,-0.05632,0.01072,0.09306,0.007,-0.01802,0,-0.06386,0.04559,-0.02242,-0.0136,0.0222,0.07114,0.01014,0.05585,-0.02433,-0.00777,-0.02318,0.01897,0.02644,0.02734,0.0665,0.00357,0.01975,0.01847,-0.06569,-0.00226,-0.01519,-0.00285,0.00961,0.11325,-0.04607,-0.04291,-0.03674,0.00918,0.03094,-0.00356,-0.0634,0.06383,0.03604,0.04309,-0.08097,0.07333,-0.02902,0.0034,-0.04414,-0.00133,0.06639,0.00736,-0.02891,-0.07605,-0.01583,0.06038,0.01985,-0.0312,-0.05555,0.03982,-0.06777,0.05298,0.00377,0.06492,0.0198,0.02189,-0.03538,-0.00161,0.06171,-0.002,0.03661,0.02628,0.03184,-0.00116],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. API","excerpt":"API"},{"chunkId":"/docs/f-draggable-directive#4","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.01756,-0.02457,-0.04192,0.07947,0.03917,0.03142,0.03256,-0.01572,-0.02107,0.04317,0.01886,0.0467,-0.05388,-0.02103,-0.01527,0.02194,0.04066,-0.03636,-0.03717,0.05149,-0.01077,-0.09179,-0.06293,-0.05771,-0.00635,-0.00874,-0.04263,-0.01278,0.0463,-0.11163,-0.01425,0.06659,-0.0854,0.01395,-0.12901,0.03066,0.0384,-0.05601,-0.11787,-0.07689,0.04339,-0.05706,0.04652,-0.05994,-0.03878,0.02233,-0.02161,0.04453,-0.04384,0.06169,0.01432,-0.05427,0.00365,0.05233,0.10184,0.057,0.04786,-0.01336,0.0348,0.03731,0.00559,0.05736,-0.04841,0.03961,0.05383,-0.01886,0.00011,-0.03955,0.01296,-0.01376,0.04224,-0.02203,-0.06853,-0.07294,0.11961,-0.02576,-0.06007,0.01398,0.02239,-0.05573,0.10175,0.06242,-0.04228,0.02397,-0.05233,0.0572,-0.08917,-0.03061,-0.01365,0.02632,0.00766,0.02313,-0.05649,0.00222,-0.0876,-0.03265,-0.01791,-0.09712,-0.07584,0.05791,-0.02862,-0.01465,0.01258,0.02771,-0.03107,-0.08789,0.00515,-0.05343,-0.10868,0.03605,-0.05897,-0.07554,0.02407,0.00225,-0.03453,0.00865,-0.04137,-0.01286,0.08152,-0.04586,-0.02027,0.05325,0.03507,-0.0087,-0.00662,-0.06352,-0.10384,0,0.01841,-0.02148,-0.06374,0.05525,0.06511,-0.04582,0.00321,-0.04351,-0.00781,0.00821,0.0137,0.04792,-0.00696,0.05986,0.04218,-0.13745,0.01518,0.09563,-0.04008,-0.03011,0.00814,0.02475,-0.02065,-0.02488,0.06392,0.11331,-0.04269,0.06882,0.04842,0.03227,-0.01971,0.04131,-0.03166,-0.02578,-0.03664,0.01861,-0.01022,-0.12164,-0.02158,0.00332,-0.00254,-0.0621,-0.10505,-0.02054,0.03172,0.02362,0.00138,0.01627,-0.06477,0.02216,-0.00532,0.03888,0.06879,-0.02918,0.00197,-0.08077,-0.03892,0.09517,0.05388,0.10609,-0.01028,0.0388,-0.09394,-0.01805,0.04383,0.06738,0.0047,0.05723,0.02409,-0.06372,-0.08395,0.06656,0.02235,-0.01534,0.04282,-0.04721,-0.07679,-0.1089,0.00769,-0.04047,-0.07169,0.02009,0.03409,0.02061,0.04699,-0.10184,-0.01046,-0.02033,-0.04805,-0.02698,0.00123,0.03969,0.06764,-0.00363,0.07192,0,0.05116,0.01695,0.02005,0.08028,0.02484,0.03583,0.03181,-0.04237,0.0851,-0.04168,-0.0287,0.042,0.03883,-0.04395,0.02588,0.00862,-0.12545,-0.06282,-0.04415,0.01751,0.05808,-0.03309,0.01037,-0.00954,-0.04967,-0.03107,0.02975,0.04375,0.02673,0.0117,0.00933,-0.05935,-0.05432,-0.00598,0.01236,-0.00052,0.03945,0.12406,-0.00209,-0.04775,0.04366,0.05336,-0.06247,0.00853,0.04653,0.02578,-0.11413,-0.01423,-0.05372,-0.01762,-0.08244,0.0111,-0.07997,-0.04499,-0.01364,0.0559,0.12326,0.05217,0.05255,-0.03643,0.05027,-0.06602,-0.01976,0.00452,0.091,0.01525,0.08232,-0.03266,0.078,0.03746,0.05215,0.02149,0.07732,-0.05971,0.09744,-0.04305,0.154,-0.03631,0.04714,-0.00467,0.02304,0.07501,0.05105,0.00342,0.05918,0.05764,-0.08288,0.05856,0.0551,0.01151,-0.05353,0.01593,0.09954,0.01627,-0.03356,0,-0.05176,0.0458,-0.01622,-0.01556,0.04426,0.05738,0.01705,0.04328,-0.01718,0.00422,-0.01976,0.02533,0.02007,0.02218,0.08345,0.01765,0.00221,0.00976,-0.07592,-0.00172,0.00749,0.00659,0.00061,0.12029,-0.04117,-0.03802,-0.0364,0.01318,0.03286,0.01854,-0.04689,0.06903,0.02649,0.04937,-0.08496,0.08385,-0.02831,0.00495,-0.04447,-0.00406,0.05219,-0.00447,-0.03152,-0.07648,-0.02551,0.06101,0.00935,-0.03326,-0.06059,0.03238,-0.06895,0.05432,0.00305,0.05667,0.0401,0.03246,-0.02338,-0.01357,0.05763,-0.00136,0.03115,0.02795,0.02446,0.00581],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Inputs","excerpt":"Inputs"},{"chunkId":"/docs/f-draggable-directive#5","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.0364,-0.06914,-0.05535,0.10308,0.04773,0.02172,0.06601,0.01902,0.05267,-0.02766,0.02638,0.00514,-0.0493,-0.07131,-0.04054,-0.05921,-0.03384,-0.00866,-0.07951,0.05109,-0.01877,-0.16999,0.05117,-0.04327,0.00133,0.00236,-0.04832,-0.05324,0.00015,-0.0741,-0.06254,0.07624,-0.06227,0.03377,-0.07427,0.02767,0.03923,-0.00006,-0.13059,-0.05889,0.01675,0.01573,0.03649,-0.03573,-0.01396,0.03762,-0.02837,0.04844,-0.03309,0.11292,0.02077,0.01165,0.01289,0.08048,0.04253,0.0818,0.09934,-0.01714,0.03629,0.04847,0.01673,0.01187,-0.04712,0.02001,-0.01934,0.05009,0.02513,-0.03249,0.00617,-0.00184,0.06674,-0.0135,-0.02517,0.00741,0.06226,-0.0442,-0.00493,0.04477,-0.0288,-0.02143,0.08313,0.01842,-0.00274,0.038,0.00632,0.03963,-0.07984,-0.05083,-0.00797,0.06212,-0.06611,0.07162,-0.05162,-0.03982,0.00615,-0.02335,-0.05225,-0.02703,-0.05755,0.03155,0.03759,-0.02756,0.00469,0.03644,-0.00064,-0.06324,-0.00349,-0.07764,-0.10304,0.03573,-0.01097,-0.0195,0.00734,-0.00504,-0.06284,-0.00716,-0.0237,-0.02037,0.04602,0.00337,0.03569,0.0626,-0.01809,-0.02806,0.04047,-0.00857,-0.1132,0,-0.0239,-0.07245,-0.01749,0.0191,0.06887,-0.03301,0.00725,0.02067,-0.03279,-0.00461,-0.02008,-0.03858,-0.00946,-0.0209,0.01267,-0.15828,0.00968,0.05674,-0.02585,-0.0558,0.04215,-0.05527,-0.07686,-0.05531,0.05102,0.1236,-0.08318,0.10066,0.02536,0.03483,-0.08314,0.0077,-0.01756,-0.02202,-0.05156,-0.01559,-0.02348,-0.03594,0.03513,0.00192,-0.0512,-0.0556,-0.10237,-0.08578,-0.01709,-0.04923,-0.02771,0.04215,-0.01643,-0.00611,0.05589,0.01341,-0.00199,-0.04139,0.01711,-0.04574,-0.03914,0.11516,-0.00164,0.11009,0.01303,0.05567,-0.06744,-0.00145,0.06761,0.07592,0.01039,0.05805,0.01754,-0.08063,-0.07457,0.0772,0.04131,-0.02931,0.0797,-0.01836,-0.0492,-0.05029,-0.04269,-0.0181,-0.01674,-0.0323,0.02874,-0.03738,0.00951,-0.08326,0.0527,-0.04658,-0.10114,-0.02114,0.07292,-0.00999,0.06481,0.02048,0.01433,0,-0.02958,0.09355,-0.01769,0.03456,0.01919,0.02453,0.05102,-0.02374,-0.00957,-0.03849,-0.02937,0.03902,-0.04743,-0.00547,0.01563,0.04696,-0.04239,-0.01843,-0.01972,-0.0121,0.03281,-0.02643,-0.0203,0.04108,-0.06392,-0.03934,0.03449,0.06199,0.05747,0.00649,0.03571,-0.00839,-0.08393,-0.01196,0.08246,-0.07362,-0.03748,0.10099,-0.00612,0.02165,0.03706,0.0023,-0.00911,0.03665,0.01969,0.07334,-0.02405,0.0258,-0.06358,0.05424,-0.07197,-0.02292,-0.05395,-0.00812,0.00564,0.06645,0.11623,-0.00647,-0.0307,-0.01096,0.06367,-0.10839,-0.03979,-0.02467,0.16587,0.02698,0.03879,0.02411,0.02618,0.06417,0.04074,0.03434,-0.00033,-0.06627,0.03783,0.05192,0.13984,-0.07065,-0.01496,-0.02989,-0.02201,0.0359,0.03113,-0.01113,-0.0609,0.01609,-0.07346,0.07193,0.02945,0.06619,-0.09561,-0.03134,0.08909,0.00674,-0.05871,0,-0.11155,0.03838,-0.03049,0.03877,0.05385,0.03742,0.0264,0.0435,-0.03749,-0.07132,-0.053,0.06852,0.05605,0.0142,0.10266,-0.05252,0.01211,-0.02572,-0.05445,-0.03905,0.0192,-0.05621,0.00787,0.08187,-0.0644,-0.06349,-0.03525,0.03864,0.04432,-0.01099,-0.0506,-0.00135,0.00041,0.08625,-0.1016,0.08532,-0.04209,0.03655,0.03986,0.03348,0.05127,-0.01038,-0.05498,-0.02478,-0.06596,0.04654,0.0014,-0.01163,0.0096,0.04554,-0.08783,0.01341,0.00344,0.06622,0.03958,0.01616,-0.03888,0.00617,0.09592,0.02247,-0.0486,0.0231,-0.02512,0.00967],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. - fDraggableDisabled: boolean; Default: false. Disables all drag interactions. - fDropToGroup: boolean; Default: true. Enables the drop-to-group gesture. While on, the flow carries the f-drop-to-group CSS class so the grouping styles apply, dragging a node onto a group reparents it, and a dropped external item nests into the container under the pointer. Set it to false and none of that happens — no fDropToGroup event is emitted. - fMultiSelectTrigger: FEventTrigger; Default: (event) = isMac ? event.metaKey : event.ctrlKey. Trigger for multi-selection. - fReassignConnectionTrigger: FEventTrigger; Default: the active control scheme's reassignConnection (always). Trigger for reassigning connections. - fCreateConnectionTrigger: FEventTrigger; Default: the active control scheme's createConnection (always). Trigger for creating connections. - fConnectionWaypointsTrigger: FEventTrigger; Default: always. Trigger for moving connection waypoints. - fMoveControlPointTrigger: FEventTrigger; Default: always. Trigger for moving control points (bezier). - fNodeResizeTrigger: FEventTrigger; Default: the active control scheme's nodeResize (always). Trigger for resizing nodes. - fNodeRotateTrigger: FEventTrigger; Default: the active control scheme's nodeRotate (always). Trigger for rotating nodes. - fNodeMoveTrigger: FEventTrigger; Default: the active control scheme's nodeMove (always). Trigger for moving nodes. - fCanvasMoveTrigger: FEventTrigger; Default: the active control scheme's canvasMove (primary button). Trigger for panning the canvas. - fExternalItemTrigger: FEventTrigger; Default: always. Trigger for dragging external items. - fEmitOnNodeIntersect: boolean; Default: false. Whether to emit node intersection events. - vCellSize: number; Default: 1. Vertical grid snapping size. - hCellSize: number; Default: 1. Horizontal grid snapping size. - fCellSizeWhileDragging: boolean; Default: false. Apply grid snapping during drag. f Draggable Disabled f Drop To Group f Multi Select Trigger F Event Trigger is Mac meta Key ctrl Key f Reassign Connection Trigger reassign Connection f Create Connection Trigger create Connection f Connection Waypoints Trigger f Move Control Point Trigger f Node Resize Trigger node Resize f Node Rotate Trigger node Rotate f Node Move Trigger node Move f Canvas Move Trigger canvas Move f External Item Trigger f Emit On Node Intersect v Cell Size h Cell Size f Cell Size While Dragging","excerpt":"- fDraggableDisabled: boolean; Default: false. Disables all drag interactions. - fDropToGroup: boolean; Default: true. Enables the drop-to-group gesture. While on, the flow carries the f-drop-to-group CSS class so the grouping styles apply, dragging a node onto a group reparents it, and a dropped external item nests into the container under the pointer. Set it to false and none of that happens — no fDropToGroup event is emitted. - fMultiSelectTrigger: FEventTrigger; Default: (event) = isMac ? event.metaKey : event.ctrlKey. Trigger for multi-selection. - fReassignConnectionTrigger: FEventTrigger; Default: the active control scheme's reassignConnection (always). Trigger for reassigning connections. - fCreateConnectionTrigger: FEventTrigger; Default: the active control scheme's createConnection (always). Trigger for creating connections. - fConnectionWaypointsTrigger: FEventTrigger; Default: always. Trigger for moving connection waypoints. - fMoveControlPointTrigger: FEventTrigger; Default: always. Trigger for moving control points (bezier). - fNodeResizeTrigger: FEventTrigger; Default: the active control scheme's nodeResize (always). Trigger for resizing nodes. - fNodeRotateTrigger: FEventTrigger; Default: the active control scheme's nodeRotate (always). Trigger for rotating nodes. - fNodeMoveTrigger: FEventTrigger; Default: the active control scheme's nodeMove (always). Trigger for moving nodes. - fCanvasMoveTrigger: FEventTrigger; Default: the active control scheme's canvasMove (primary button). Trigger for panning the canvas. - fExternalItemTrigger: FEventTrigger; Default: always. Trigger for dragging external items. - fEmitOnNodeIntersect: boolean; Default: false. Whether to emit node intersection events. - vCellSize: number; Default: 1. Vertical grid snapping size. - hCellSize: number; Default: 1. Horizontal grid snapping size. - fCellSizeWhileDragging: boolean; Default: false. Apply grid snapping during drag."},{"chunkId":"/docs/f-draggable-directive#6","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.02527,-0.01896,-0.05318,0.09202,0.04477,0.03199,0.02947,-0.01921,-0.02832,0.04028,0.03117,0.04308,-0.05425,-0.02232,-0.03228,0.02315,0.03933,-0.04194,-0.03406,0.04927,-0.00288,-0.09262,-0.06592,-0.05114,0.00375,-0.0065,-0.04376,-0.00723,0.03509,-0.11203,-0.01657,0.0662,-0.08387,0.01473,-0.12545,0.01737,0.05333,-0.06179,-0.1084,-0.08549,0.05582,-0.06288,0.06495,-0.05947,-0.04664,0.02347,-0.02294,0.04116,-0.03513,0.05923,0.02649,-0.04486,-0.00757,0.04382,0.09923,0.06415,0.04773,-0.0182,0.02723,0.04117,0.00989,0.05559,-0.05795,0.04152,0.04728,-0.02237,-0.00475,-0.03129,0.00741,-0.01812,0.03439,-0.01131,-0.06529,-0.06874,0.12317,-0.03426,-0.06032,0.01739,0.02174,-0.05151,0.10518,0.06145,-0.03627,0.03893,-0.04498,0.05356,-0.08308,-0.03857,-0.02482,0.03007,0.01075,0.03647,-0.0574,-0.00033,-0.0884,-0.03521,-0.01314,-0.09892,-0.07021,0.06444,-0.02484,-0.004,0.02435,0.0307,-0.0345,-0.08542,0.00425,-0.04115,-0.11711,0.0353,-0.04809,-0.05528,0.01802,-0.01817,-0.02476,0.00595,-0.05751,-0.01334,0.08366,-0.0534,-0.02401,0.05777,0.03004,-0.00021,0.00485,-0.0478,-0.10298,0,0.01977,-0.02264,-0.06347,0.05521,0.06438,-0.02748,-0.00339,-0.04279,-0.00116,0.01488,0.01138,0.04383,-0.01345,0.06033,0.03489,-0.14349,0.02937,0.08428,-0.03369,-0.03508,-0.00666,0.02105,-0.0185,-0.03595,0.07825,0.12752,-0.04183,0.07408,0.04878,0.03805,-0.02826,0.04359,-0.02577,-0.02282,-0.0356,0.0071,-0.02175,-0.12285,-0.02063,0.01273,-0.00968,-0.05527,-0.10978,-0.03057,0.0221,0.03696,0.0005,0.01611,-0.05161,0.03073,0.00118,0.02917,0.06616,-0.00976,0.0005,-0.10177,-0.04137,0.09522,0.05614,0.10304,0.00049,0.04384,-0.09664,-0.02125,0.05115,0.06641,0.00398,0.05486,0.02441,-0.05636,-0.08483,0.06234,0.02755,-0.02133,0.04284,-0.03783,-0.07244,-0.11395,0.00722,-0.03813,-0.06785,0.0161,0.04021,0.00969,0.04364,-0.09989,-0.00848,-0.02652,-0.04272,-0.03164,-0.01015,0.0309,0.07707,0.00331,0.06262,0,0.05954,0.02329,0.02229,0.07134,0.02381,0.03646,0.04445,-0.04591,0.09199,-0.03934,-0.01452,0.04609,0.02841,-0.03911,0.03261,0.01281,-0.12364,-0.06522,-0.05709,0.01543,0.05631,-0.02395,0.02455,-0.00744,-0.04962,-0.03229,0.03445,0.04091,0.01969,0.0151,0.02975,-0.06445,-0.04358,-0.00232,0.01995,-0.00864,0.04598,0.12283,0.00606,-0.04688,0.03626,0.05919,-0.06532,0.00113,0.04297,0.02442,-0.1023,-0.0243,-0.05318,-0.01535,-0.08883,0.00069,-0.08341,-0.02976,-0.00535,0.04354,0.119,0.06157,0.04275,-0.03732,0.04671,-0.06496,-0.02844,-0.00464,0.08963,0.01094,0.09198,-0.03413,0.08182,0.05498,0.0394,0.02106,0.07508,-0.05851,0.09101,-0.03635,0.14733,-0.03147,0.05435,0.0057,0.02358,0.06095,0.04939,-0.00536,0.05509,0.03468,-0.07083,0.05112,0.06197,0.0174,-0.06024,0.01639,0.09411,0.02745,-0.02663,0,-0.04801,0.03327,-0.0254,-0.01953,0.04029,0.05992,0.01118,0.03977,-0.01932,-0.00332,-0.01391,0.01138,0.01081,0.01774,0.08667,0.00735,-0.00188,0.00847,-0.07469,-0.01291,0.00558,0.0066,0.00763,0.11406,-0.05177,-0.04022,-0.03789,0.01452,0.03534,0.01411,-0.0435,0.07515,0.01379,0.04903,-0.08092,0.08587,-0.04434,0.01071,-0.03856,0.01126,0.05779,0.0017,-0.03214,-0.0698,-0.01921,0.06045,0.01687,-0.0351,-0.07582,0.03032,-0.06719,0.06986,-0.00047,0.06252,0.02737,0.01793,-0.02277,-0.00909,0.05509,0.0019,0.02569,0.02212,0.02379,-0.00828],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Outputs","excerpt":"Outputs"},{"chunkId":"/docs/f-draggable-directive#7","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.02161,-0.0509,-0.0286,0.12493,0.07009,0.03575,0.06509,-0.00405,0.05918,0.02323,0.02467,-0.02399,-0.03935,-0.06894,-0.05017,-0.00743,0.01723,-0.02664,-0.07203,0.04733,0.0074,-0.11371,0.00844,-0.05481,-0.00831,-0.02496,-0.00922,-0.03385,0.03206,-0.08259,-0.0332,0.02432,-0.07264,0.01463,-0.08506,-0.02367,0.01939,-0.03052,-0.15803,-0.06427,0.0148,-0.02489,0.01287,-0.05259,-0.04432,0.0219,-0.0376,0.02358,-0.04587,0.11003,0.03058,0.01443,-0.00237,0.10961,0.05621,0.07151,0.0815,-0.02495,-0.03215,0.02262,0.01615,-0.00073,-0.0492,-0.02408,-0.01839,0.05143,0.01738,-0.02272,0.01914,-0.00391,0.03404,-0.01835,-0.07996,-0.04175,0.10775,-0.04877,-0.03178,0.04512,-0.01751,-0.04592,0.08828,0.03793,-0.02762,-0.00109,0.00086,0.01742,-0.08315,-0.01361,-0.0179,0.06913,-0.04572,0.07188,-0.05835,-0.02877,0.01052,-0.0188,0.00441,-0.00869,0.01555,0.00901,0.02117,0.01484,-0.0512,0.10205,-0.00369,-0.06031,-0.00426,-0.08068,-0.10289,0.01799,-0.0141,-0.04491,0.00554,-0.02632,-0.0587,0.02632,-0.04203,0.0195,0.03376,0.00883,-0.01574,0.04363,0.00046,0.0154,0.05645,-0.03758,-0.08743,0,0.01296,-0.07719,-0.07457,-0.00156,0.04833,0.00779,0.01958,0.00414,0.01167,-0.0151,-0.04218,0.01471,0.03078,-0.03605,0.04441,-0.16679,0.00105,0.05786,-0.01389,-0.04152,0.04608,-0.03073,-0.03844,-0.03657,0.07929,0.12214,-0.05338,0.10266,0.02813,0.02633,-0.05126,0.0168,-0.02134,-0.04249,-0.0475,0.00395,-0.05696,-0.07028,0.01763,-0.00233,-0.00486,-0.05781,-0.10611,-0.04579,-0.03845,-0.07046,0.00045,0.02455,0.01071,-0.00546,0.04755,-0.00838,0.04186,-0.05908,0.02934,-0.04739,-0.05599,0.08625,0.00179,0.11523,-0.0006,0.06752,-0.03368,-0.01791,0.04959,0.09877,-0.01681,0.01337,0.00559,-0.12026,-0.05241,0.08314,0.04993,-0.0523,0.04864,-0.01062,-0.04271,-0.06079,-0.08776,-0.02765,-0.01157,-0.03753,0.03387,-0.00738,0.03096,-0.12137,-0.00185,-0.04641,-0.10389,-0.01517,0.04463,0.02555,0.07214,0.03082,0.01863,0,0.01675,0.06112,0.0033,0.03681,0.02909,0.0364,-0.00747,-0.02678,0.02985,-0.05946,-0.04144,0.02383,-0.03106,-0.03836,-0.00061,0.03876,-0.0682,-0.05527,-0.06695,0.02059,-0.00305,0.0044,0.00726,-0.01113,-0.071,-0.04183,0.07785,0.061,-0.00781,-0.04132,0.04036,-0.0119,-0.06302,-0.01531,0.08704,-0.07249,0.02178,0.06836,0.01867,0.00136,0.06727,0.04848,-0.0374,0.0346,0.02724,0.06095,-0.14741,0.01898,-0.0139,0.03689,-0.06483,-0.01893,-0.11212,0.01202,-0.00495,0.07069,0.12189,0.06847,0.00454,-0.01232,0.06441,-0.08525,0.01135,0.0035,0.15347,0.03794,0.06544,0.02507,0.09259,0.05333,0.00458,0.05958,0.01646,-0.03428,0.08088,0.03575,0.12804,-0.08728,0.02663,0.0002,-0.01618,0.04334,0.03791,-0.02117,-0.02311,0.05785,-0.09116,0.05709,0.05526,0.03326,-0.07189,-0.04202,0.07724,0.02515,-0.04051,0,-0.08522,0.02435,-0.01471,0.04531,0.0329,0.02116,0.01543,0.03343,-0.03957,-0.05126,-0.0335,0.0358,0.042,0.00348,0.08782,-0.033,0.07344,-0.04586,-0.04172,-0.02286,0.001,-0.02772,0.00299,0.11019,-0.01437,-0.0668,0.00736,0.01866,0.04222,-0.02111,-0.04017,-0.00006,0.02038,0.05354,-0.09703,0.0675,0.00701,-0.00524,-0.01451,0.05464,0.08101,0.0258,-0.075,-0.0644,-0.04047,0.01834,-0.00213,-0.03188,0.0049,0.0846,-0.06481,-0.00459,-0.00528,0.05727,0.02853,-0.00008,-0.02154,0.02891,0.11259,0.01455,-0.00525,0.02196,-0.02841,0.00292],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. - fSelectionChange: EventEmitter<FSelectionChangeEvent; Emits when selection changes. - fNodeConnectionsIntersection: OutputEmitterRef<FNodeConnectionsIntersectionEvent; Emits when a node intersects with connections. - fCreateNode: EventEmitter<FCreateNodeEvent; Emits when a new node is created (e.g. from external item). - fMoveNodes: EventEmitter<FMoveNodesEvent; Emits when nodes are moved. - fReassignConnection: EventEmitter<FReassignConnectionEvent; Emits when a connection is reassigned. - fCreateConnection: EventEmitter<FCreateConnectionEvent; Emits when a new connection is created. - fConnectionWaypointsChanged: OutputEmitterRef<FConnectionWaypointsChangedEvent; Emits when connection waypoints change. - fDropToGroup: EventEmitter<FDropToGroupEvent; Emits when items are dropped into a group. - fDeleteSelected: EventEmitter<FDeleteSelectedEvent; Emits when the user requests removal of the current selection (keyboard Delete/Backspace). In the default stateless mode, remove the items from your data. The optional Managed Flow State plugin handles this supported gesture automatically while the event still fires. - fDragStarted: EventEmitter<FDragStartedEvent; Emits when a drag sequence starts. - fDragEnded: EventEmitter<void; Emits when a drag sequence ends. f Selection Change Event Emitter F Selection Change Event f Node Connections Intersection Output Emitter Ref F Node Connections Intersection Event f Create Node F Create Node Event f Move Nodes F Move Nodes Event f Reassign Connection F Reassign Connection Event f Create Connection F Create Connection Event f Connection Waypoints Changed F Connection Waypoints Changed Event f Drop To Group F Drop To Group Event f Delete Selected F Delete Selected Event f Drag Started F Drag Started Event f Drag Ended","excerpt":"- fSelectionChange: EventEmitter<FSelectionChangeEvent; Emits when selection changes. - fNodeConnectionsIntersection: OutputEmitterRef<FNodeConnectionsIntersectionEvent; Emits when a node intersects with connections. - fCreateNode: EventEmitter<FCreateNodeEvent; Emits when a new node is created (e.g. from external item). - fMoveNodes: EventEmitter<FMoveNodesEvent; Emits when nodes are moved. - fReassignConnection: EventEmitter<FReassignConnectionEvent; Emits when a connection is reassigned. - fCreateConnection: EventEmitter<FCreateConnectionEvent; Emits when a new connection is created. - fConnectionWaypointsChanged: OutputEmitterRef<FConnectionWaypointsChangedEvent; Emits when connection waypoints change. - fDropToGroup: EventEmitter<FDropToGroupEvent; Emits when items are dropped into a group. - fDeleteSelected: EventEmitter<FDeleteSelectedEvent; Emits when the user requests removal of the current selection (keyboard Delete/Backspace). In the default stateless mode, remove the items from your data. The optional Managed Flow State plugin handles this supported gesture automatically while the event still fires. - fDragStarted: EventEmitter<FDragStartedEvent; Emits when a drag sequence starts. - fDragEnded: EventEmitter<void; Emits when a drag sequence ends."},{"chunkId":"/docs/f-draggable-directive#8","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.02121,0.01428,-0.0706,0.06937,0.04204,0.02475,0.01386,0.01349,-0.03187,0.04929,0.01617,0.04274,-0.07906,0.00348,-0.01754,0.0036,0.01641,-0.00739,-0.02476,0.05024,0.02861,-0.0614,-0.06277,-0.05102,-0.00589,-0.03192,-0.02725,-0.02155,0.04674,-0.10682,-0.00809,0.04955,-0.08785,0.0247,-0.1131,0.03028,0.05222,-0.06149,-0.10936,-0.0748,0.02449,-0.04082,0.02246,-0.07609,-0.03276,0.01682,-0.01173,0.04972,-0.07285,0.05796,0.01602,-0.06762,0.01329,0.03178,0.09839,0.0166,0.04841,-0.03278,0.04225,0.02255,0.01318,0.06245,-0.06829,0.04309,0.0447,-0.0183,-0.01531,-0.03197,0.04368,-0.00582,0.0343,-0.01855,-0.05084,-0.05088,0.09616,-0.05566,-0.04581,0.03629,0.01822,-0.07192,0.0936,0.0567,-0.01748,0.02974,-0.01842,0.05124,-0.08615,-0.00753,-0.00795,0.03613,0.00458,0.05837,-0.06492,-0.01382,-0.09623,-0.02689,0.0115,-0.11447,-0.06976,0.07078,-0.0314,-0.02398,0.01827,0.03876,-0.00982,-0.08923,0.03021,-0.05623,-0.10317,0.04269,-0.05764,-0.06374,0.01195,-0.03724,-0.03389,-0.01373,-0.051,-0.014,0.08939,-0.05804,0.00531,0.05156,0.04789,0.0028,0.00629,-0.05245,-0.0948,0,0.03448,0.00585,-0.07736,0.07473,0.07829,-0.03204,0.02482,-0.03644,-0.01189,0.00664,0.04298,0.03591,-0.00918,0.07906,0.04579,-0.12411,0.00661,0.09783,-0.02396,-0.03259,0.02567,0.00998,-0.00173,-0.01233,0.06143,0.14074,-0.03885,0.07328,0.0354,0.05113,-0.0047,0.02042,-0.04336,-0.02451,-0.02414,0.00568,-0.03874,-0.13304,-0.04486,0.01487,-0.00415,-0.06353,-0.1018,-0.04078,0.0228,0.02491,-0.01173,0.02278,-0.05039,0.01243,0.00565,0.04144,0.07572,-0.039,0.00747,-0.08415,-0.04875,0.08578,0.05633,0.08824,-0.01107,0.03116,-0.08209,-0.03176,0.03469,0.0448,0.01143,0.05057,0.03343,-0.0814,-0.07714,0.0644,0.02739,-0.02283,0.01459,-0.05031,-0.04202,-0.10165,0.02157,-0.05125,-0.08783,-0.00626,0.04535,-0.00933,0.03241,-0.0957,0.01495,0.01038,-0.05998,-0.04611,-0.04376,0.02902,0.05287,-0.00697,0.07616,0,0.07295,0.00436,0.02649,0.08016,0.0121,0.03035,0.04508,-0.03758,0.07698,-0.03609,-0.04327,0.02617,0.0208,-0.03105,0.05019,0.0187,-0.13721,-0.07834,-0.0642,0.01097,0.00889,-0.04936,0.02425,0.00545,-0.05061,-0.02844,0.01684,0.04154,0.0129,0.00057,0.02758,-0.05885,-0.04971,-0.01696,0.00085,-0.01409,0.0364,0.11625,0.01506,-0.019,0.05677,0.0491,-0.0567,0.00125,0.02884,0.02717,-0.10431,-0.02312,-0.02896,-0.02127,-0.07103,-0.00284,-0.07735,-0.01872,0.00262,0.02366,0.11298,0.04904,0.03635,-0.02345,0.04159,-0.0719,-0.01404,0.01862,0.1115,-0.00207,0.04658,-0.03968,0.0678,0.06494,0.05389,0.01976,0.06984,-0.05613,0.08757,-0.03849,0.17509,-0.01363,0.04733,-0.01226,0.04367,0.04843,0.05997,-0.01369,0.06139,0.02451,-0.0672,0.06022,0.04083,0.01202,-0.05618,0.02331,0.11132,0.04317,-0.01007,0,-0.06156,0.03054,-0.00398,-0.026,0.01004,0.0669,0.00964,0.02161,-0.01557,-0.02394,-0.02489,0.01069,0.02546,0.02004,0.07459,-0.00715,-0.01144,0.03425,-0.08926,-0.00848,-0.02962,0.0247,-0.0317,0.09891,-0.03719,-0.02074,-0.03063,0.00551,0.05441,0.01236,-0.04189,0.08442,0.03239,0.05474,-0.07233,0.10277,-0.03479,0.00394,-0.05837,-0.0069,0.0781,0.01194,-0.0338,-0.08001,-0.00556,0.07164,0.0114,-0.03506,-0.06998,0.05663,-0.06849,0.07027,-0.00342,0.07761,0.00861,0.03657,-0.02531,-0.02391,0.07884,-0.00848,0.04128,0.01574,0.03814,0.00625],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-draggable-directive#9","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.00862,0.00196,-0.04242,0.10897,0.06275,0.04757,0.06844,0.02418,-0.01103,0.02306,-0.01337,0.01157,-0.08229,-0.01497,-0.03501,-0.0104,-0.00042,-0.03411,-0.03646,0.04298,0.00165,-0.11583,-0.02779,-0.03238,-0.03071,-0.00514,-0.02986,-0.01246,0.0494,-0.09252,-0.04194,0.049,-0.06404,0.00885,-0.09581,0.00345,0.04627,-0.04457,-0.06843,-0.06363,0.04685,-0.06056,0.03685,-0.06642,-0.04376,0.0216,0.0026,0.05319,-0.06943,0.10338,0.03283,-0.01017,0.00843,0.00725,0.12685,0.03294,0.1003,-0.02431,0.02465,0.03743,-0.036,0.04387,-0.08558,0.01553,0.03239,0.01488,-0.02709,-0.04892,0.04623,-0.01957,0.04537,-0.00403,-0.04523,-0.04296,0.11283,-0.06523,-0.04968,0.04291,0.02353,-0.0658,0.08634,0.03431,0.00107,-0.00136,0.01246,0.0552,-0.10142,-0.04919,-0.01653,0.07922,-0.02235,0.04152,-0.04826,0.00756,-0.06723,-0.00654,-0.0137,-0.09928,-0.03369,0.0264,-0.01114,-0.00321,0.01946,0.06874,-0.0043,-0.07179,-0.01225,-0.04343,-0.10695,0.01794,-0.02767,-0.07858,0.06787,-0.02526,-0.0262,-0.00805,-0.07153,-0.00199,0.08457,-0.06544,0.02161,0.06762,0.04494,-0.01951,0.00979,-0.05127,-0.08875,0,0.02941,-0.03451,-0.08792,0.06532,0.05434,-0.00913,0.00089,-0.03912,-0.01728,0.0025,0.03098,0.02756,-0.00808,0.04039,0.06211,-0.15012,0.01988,0.05215,-0.03944,-0.04643,0.01086,0.00848,0.00513,-0.02174,0.08311,0.12932,-0.05173,0.10634,0.03118,0.04992,-0.01355,0.02384,-0.03427,-0.03396,-0.03192,-0.01383,-0.03707,-0.14391,-0.02366,0.00674,-0.00857,-0.06185,-0.07178,-0.05824,0.0177,0.00304,-0.02283,0.04855,-0.00956,0.00816,0.02574,0.01728,0.09942,-0.03982,0.01169,-0.03527,-0.06214,0.08201,0.05211,0.09143,0.00084,0.05263,-0.05612,-0.01496,0.04571,0.06269,0.0185,0.02998,-0.00398,-0.03996,-0.05268,0.06891,0.02525,-0.02442,0.04658,-0.02054,-0.04839,-0.11211,-0.00233,-0.06334,-0.03052,-0.01837,0.04892,-0.01401,0.04082,-0.0837,-0.0234,-0.01244,-0.04256,-0.02954,0.01769,0.00845,0.06333,0.01596,0.02676,0,0.04271,0.01996,0.01818,0.06277,0.00772,0.01353,0.00865,-0.08379,0.06398,-0.02788,-0.02853,0.03442,0.01254,-0.05128,0.01051,0.03771,-0.11046,-0.06065,-0.04828,-0.00546,0.02898,-0.09013,0.01807,-0.00965,-0.05911,-0.04161,0.04378,0.0425,-0.00298,-0.02462,0.01716,-0.01827,-0.05796,-0.02322,0.021,-0.03293,0.07159,0.07217,0.01762,-0.02077,0.05887,0.07392,-0.02252,-0.01101,0.02862,0.06992,-0.09987,-0.0024,-0.0072,0.01763,-0.10173,-0.01663,-0.06487,0.00419,-0.0353,0.06173,0.13242,0.05929,0.02205,-0.00481,0.03835,-0.07155,0.0181,0.02442,0.12964,0.00657,0.05432,-0.00823,0.07811,0.05533,0.07679,-0.00264,0.01712,-0.06628,0.04566,-0.01381,0.17206,-0.02399,0.02551,0.00827,0.07226,0.03184,0.04346,-0.00491,-0.00241,0.04892,-0.08488,0.06594,0.05898,0.00565,-0.07318,-0.01388,0.10026,0.00122,-0.02486,0,-0.07942,0.03452,-0.03207,-0.03459,0.07006,0.05117,-0.03207,0.01298,-0.06073,-0.03794,-0.04677,0.03119,0.03737,-0.00711,0.0771,-0.02586,0.01817,0.02161,-0.07434,-0.00389,-0.00277,0.01085,-0.01797,0.10676,-0.06143,-0.04056,-0.03136,0.01932,0.06847,0.02032,-0.05057,0.08643,0.03703,0.00566,-0.08436,0.09516,-0.02144,-0.03146,-0.02609,-0.01279,0.09611,-0.01712,-0.01988,-0.06547,-0.07076,0.04369,0.01085,-0.02487,-0.04562,0.04393,-0.0708,0.07333,0.01091,0.08572,0.00626,0.02575,-0.01819,-0.03159,0.09377,-0.0029,0.0507,0.002,0.05097,-0.00827],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Types FEventTrigger FSelectionChangeEvent FDragStartedEvent F Event Trigger F Selection Change Event F Drag Started Event","excerpt":"Types FEventTrigger FSelectionChangeEvent FDragStartedEvent"},{"chunkId":"/docs/f-draggable-directive#10","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.01807,-0.00904,-0.07872,0.0904,0.04204,0.04351,0.04913,0.00233,-0.0237,0.03691,0.03749,0.06539,-0.05766,0.01727,-0.0235,-0.00947,-0.0177,-0.03193,-0.05712,0.0685,0.00146,-0.09333,-0.0643,-0.033,0.00363,-0.01575,-0.01253,-0.01585,0.02208,-0.09396,-0.03975,0.06316,-0.08734,0.01195,-0.11603,0.00244,0.0715,-0.03481,-0.10229,-0.06657,0.04142,-0.09843,0.07105,-0.0701,-0.04307,0.02139,-0.00599,0.01031,-0.05569,0.06704,0.01848,-0.01932,-0.02832,0.05409,0.11148,0.04902,0.07737,-0.02916,0.00848,0.04795,-0.0096,0.0279,-0.05903,0.04293,0.02497,-0.00361,-0.00099,-0.02249,0.01738,-0.00247,0.03358,-0.01707,-0.05824,-0.07588,0.11317,-0.02965,-0.04302,0.05925,0.01545,-0.05018,0.08498,0.05464,-0.02093,0.02667,-0.00817,0.09482,-0.08928,-0.06816,-0.04636,0.03789,-0.00854,0.03349,-0.03106,-0.01174,-0.09339,-0.02642,-0.0047,-0.07604,-0.06054,0.05803,-0.03518,-0.0034,0.02602,0.02529,-0.0429,-0.07047,-0.02207,-0.03737,-0.10727,0.00743,-0.03211,-0.07603,0.02741,-0.05973,-0.04008,-0.00495,-0.06885,-0.02333,0.09455,-0.02813,-0.02213,0.05856,0.04222,-0.0013,0.01044,-0.03281,-0.10617,0,0.03244,-0.00842,-0.06529,0.06387,0.02316,-0.03035,0.01522,-0.04539,-0.00961,0.01967,0.03347,0.0585,-0.02316,0.05498,0.02533,-0.14011,0.02707,0.07471,-0.03818,-0.02482,0.02135,0.03582,-0.00249,-0.04423,0.1069,0.10339,-0.0417,0.08897,0.01675,0.04295,-0.01149,0.03096,-0.03384,-0.01183,-0.02148,-0.00571,-0.04843,-0.10176,-0.03484,0.00267,0.01498,-0.0636,-0.10206,0.00999,0.05102,0.03789,-0.01542,0.00404,-0.03303,0.02165,0.00207,0.02465,0.08097,-0.01955,0.01289,-0.09227,-0.06195,0.09228,0.01462,0.07127,-0.01866,0.03178,-0.10953,-0.01902,0.0417,0.07039,-0.01213,0.04944,0.03419,-0.05681,-0.07828,0.07314,0.0142,-0.02199,0.02705,-0.0407,-0.0416,-0.0913,0.02189,-0.05329,-0.0711,-0.02908,0.02285,0.01192,0.03221,-0.10131,-0.01912,-0.03626,-0.04009,-0.07506,0.00073,0.04522,0.0475,0.01092,0.06042,0,0.05757,0.02367,0.03064,0.08459,0.01272,0.03081,0.04188,-0.04147,0.07991,-0.04094,-0.01149,0.03481,0.03272,-0.06289,0.00985,0.01472,-0.13089,-0.06886,-0.04277,0.02358,0.02862,-0.04257,0.03872,0.00224,-0.0491,-0.04931,0.01967,0.00773,0.00464,0.01399,0.04995,-0.0569,-0.06144,-0.01752,-0.02171,-0.02709,0.05476,0.10557,0.02015,-0.02492,0.03252,0.05501,-0.03259,0.01518,0.01339,0.03942,-0.10369,-0.04648,-0.03822,0.00358,-0.08568,-0.00657,-0.08405,-0.00725,-0.01686,0.03756,0.11402,0.0507,-0.00602,0.01334,0.06133,-0.06707,-0.00864,-0.00676,0.0796,-0.01458,0.04306,-0.02386,0.06326,0.07674,0.06378,0.0366,0.06682,-0.03924,0.08228,-0.06826,0.135,-0.02657,0.04944,0.03258,0.04661,0.05867,0.02405,0.00182,0.03058,0.03426,-0.04316,0.06917,0.05746,-0.00841,-0.05939,0.03459,0.09341,0.02692,-0.06126,0,-0.04957,0.0216,-0.01701,-0.04251,0.03377,0.06888,-0.01997,0.02013,-0.01824,-0.02259,-0.02804,0.06147,-0.00187,0.01814,0.07985,-0.00804,0.01073,0.0317,-0.07315,0.00123,-0.0029,0.018,-0.01587,0.13562,-0.03883,-0.05689,-0.04379,0.0205,0.04101,0.04762,-0.05299,0.06778,0.01634,0.02321,-0.09404,0.1214,-0.03025,0.00456,-0.05716,0.02107,0.08757,-0.00297,-0.0407,-0.06449,-0.00356,0.04842,0.01982,-0.03335,-0.09955,0.0351,-0.06375,0.09007,-0.02482,0.06005,-0.00381,0.02487,-0.02309,0.00003,0.07194,-0.02033,0.03043,0.03108,0.05051,0.01021],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Styling - .f-dragging Active drag state class. - .f-connections-dragging Active connection drag/reassign state class. - .f-connector-connectable Marks connectors that are valid current targets.","excerpt":"Styling - .f-dragging Active drag state class. - .f-connections-dragging Active connection drag/reassign state class. - .f-connector-connectable Marks connectors that are valid current targets."},{"chunkId":"/docs/f-draggable-directive#11","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.03893,-0.00602,-0.02158,0.04611,0.03516,0.03531,0.08385,0.0527,-0.01051,0.0275,-0.03791,0.00475,-0.07004,0.03676,-0.03802,-0.02681,0.02886,-0.02644,-0.05518,0.04292,-0.03255,-0.09439,-0.0412,-0.02094,-0.0172,-0.01927,-0.01706,-0.05282,0.02655,-0.05245,-0.0217,0.07271,-0.04721,0.03669,-0.15745,-0.03485,0.01599,-0.0271,-0.12376,-0.07625,0.00802,-0.02752,0.06154,-0.03024,-0.00542,-0.0083,0.02462,0.0495,-0.02206,0.13506,0.00418,0.00613,0.0046,0.05136,0.06746,0.01318,0.07909,-0.0157,0.01082,0.07443,-0.02674,0.01303,-0.0294,0.0308,0.02458,0.02257,-0.01573,0.00281,0.03249,0.01779,0.0515,-0.00668,0.02207,-0.06809,0.10153,-0.08705,-0.10041,0.04339,-0.00281,-0.04251,0.09863,0.01987,-0.00214,0.05482,-0.01899,0.05751,-0.08967,-0.03182,-0.01783,0.07556,-0.00682,0.05419,-0.06189,-0.01386,-0.03449,-0.02303,-0.03168,-0.0971,-0.09482,0.0125,0.02186,-0.0308,0.0113,0.03867,0.01046,-0.03519,0.00341,-0.07568,-0.1434,0.05089,-0.04366,-0.04354,0.05148,-0.02636,-0.03979,0.0234,-0.02827,-0.0256,0.053,-0.01728,-0.00113,0.0885,-0.00057,-0.0343,0.03348,-0.03952,-0.09226,0,-0.00585,0.02922,-0.04403,0.04404,-0.00743,-0.06951,0.05057,-0.0405,0.00455,-0.01583,0.01314,0.04041,-0.03015,0.0475,0.01949,-0.11861,0.01497,0.01738,0.01505,-0.0226,0.02652,-0.08059,-0.09121,-0.05606,0.06231,0.12527,-0.03336,0.11861,0.00743,0.05377,-0.06119,0.02017,-0.04203,-0.04011,-0.04069,-0.02778,-0.05081,-0.06405,-0.00077,0.02021,-0.03985,-0.02037,-0.09423,0.01695,0.0388,-0.00462,-0.054,0.06048,-0.0614,0.02901,0.02383,0.0047,0.07457,0.01035,0.03588,-0.06744,-0.02438,0.03197,0.0177,0.08935,0.02113,0.0086,-0.15468,-0.00728,0.02002,0.09331,0.0025,0.05648,-0.04139,-0.04311,-0.05767,0.05183,0.02848,-0.02533,0.06781,0.00739,-0.02863,-0.07132,-0.01907,-0.06078,-0.01125,-0.02138,0.03706,0.02874,0.00417,-0.07078,0.01243,0.0166,-0.10247,-0.01859,0.06626,0.01207,0.13239,0.01975,0.04634,0,0.02095,0.03768,0.004,0.08586,0.02087,-0.01396,0.04284,-0.01694,0.09283,-0.06559,-0.06763,0.04411,0.03855,-0.00234,-0.00446,0.05005,-0.06722,-0.03834,-0.00996,-0.02482,0.02675,-0.04823,0.01576,0.00359,-0.08865,-0.03062,0.00498,0.01213,-0.00682,0.03801,0.01135,-0.04094,-0.01728,-0.02027,0.02981,-0.03078,0.06901,0.06451,0.00341,-0.0446,0.03545,0.01639,0.01159,0.01775,0.03009,0.08883,-0.14754,0.0138,-0.03622,0.00911,-0.11212,0.03857,-0.0849,-0.05821,0.01269,0.01701,0.12261,0.02866,0.00164,-0.00187,0.02253,-0.0464,-0.05243,-0.01248,0.08955,0.01104,-0.00395,-0.01008,0.09346,0.11229,0.03289,0.00127,0.02795,-0.01853,0.02238,0.02643,0.18804,-0.02824,0.0718,0.05522,0.05098,0.06625,0.06901,-0.01672,-0.02777,0.09456,-0.11411,-0.00195,0.06381,0.02086,-0.02787,0.00927,0.03636,-0.03511,-0.02157,0,-0.04672,0.0162,0.00872,-0.03273,-0.01819,0.03771,0.01287,0.05842,0.02678,-0.03784,-0.07724,0.04692,0.04714,0.03461,0.03966,0.01621,0.05983,0.04034,-0.05904,-0.04394,0.01641,0.03396,0.00702,0.097,-0.03582,-0.0605,-0.01718,0.00911,0.04838,0.0226,-0.04806,0.02254,-0.00607,0.04352,-0.088,0.08312,-0.03832,-0.04037,-0.01267,0.01972,0.06072,0.03251,-0.0185,-0.09777,-0.04288,0.0475,0.08046,-0.08143,-0.04768,0.02548,-0.03765,0.0669,0.01018,0.05786,0.01746,0.03181,-0.05307,-0.01925,0.0995,-0.00614,-0.02115,0.00676,0.00145,0.03577],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Notes / Pitfalls - The directive must be applied on f-flow, not on f-canvas. - Aggressive custom trigger functions can block expected interactions; test mouse and touch. - If you emit large state updates on every drag event, UI can stutter; debounce heavy side effects in your app layer. - Use f-auto-pan to add edge-based viewport scrolling for supported drags. - See the Auto Pan example for a dedicated configuration playground.","excerpt":"Notes / Pitfalls - The directive must be applied on f-flow, not on f-canvas. - Aggressive custom trigger functions can block expected interactions; test mouse and touch. - If you emit large state updates on every drag event, UI can stutter; debounce heavy side effects in your app layer. - Use f-auto-pan to add edge-based viewport scrolling for supported drags. - See the Auto Pan example for a dedicated configuration playground."},{"chunkId":"/docs/f-draggable-directive#12","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.06854,-0.02982,-0.07503,0.12829,0.04238,0.09666,-0.00918,0.00342,0.05599,0.06171,-0.03298,0.03967,-0.07282,0.02791,-0.00821,-0.02257,-0.06013,-0.01078,-0.04061,0.02316,-0.00189,-0.09087,-0.00199,-0.04506,0.00124,-0.01929,-0.02562,-0.03726,0.04949,-0.07591,0.02499,0.01823,-0.08385,0.00738,-0.11258,0.08944,0.0332,-0.00903,-0.09022,-0.04844,0.12322,-0.03059,0.03032,-0.0704,-0.03247,0.0204,-0.04326,0.05693,-0.02341,0.07912,-0.01225,-0.04893,-0.03448,0.07725,0.05746,0.01704,0.06606,-0.07035,0.03082,0.0267,-0.02367,-0.01062,-0.02948,0.00067,0.0165,0.01268,-0.08911,0.04434,-0.02342,0.00001,0.05254,-0.0285,-0.08246,-0.02995,0.06666,-0.05878,-0.07939,0.11767,-0.002,0.01722,0.1035,0.01491,-0.02476,0.02209,-0.02678,0.10878,-0.03522,-0.0428,-0.00774,-0.02089,-0.00494,0.07499,-0.02104,0.03231,0.00765,0.00707,-0.08746,-0.01512,-0.03934,0.02242,-0.01632,-0.04548,0.01404,0.09474,-0.00018,-0.05438,-0.01117,-0.01229,-0.0997,0.04182,-0.00605,-0.00852,0.03548,-0.03998,-0.02827,0.00152,-0.06307,0.02238,0.0313,0.0397,0.01614,0.03172,-0.0257,-0.0275,0.06272,-0.02893,-0.04035,0,0.02968,-0.01667,-0.05358,0.06567,0.06199,-0.01853,-0.0164,-0.07349,0.01547,0.04737,-0.04608,0.03132,-0.03161,-0.02555,-0.03144,-0.15447,0.01358,0.06331,-0.0182,-0.00468,0.01722,-0.03288,-0.04882,-0.01373,0.14121,0.04891,-0.07158,0.05267,0.02266,0.00641,0.02963,0.01532,-0.01125,-0.03979,-0.06236,-0.01003,-0.02562,-0.04548,-0.03766,-0.03231,0.05892,-0.05678,-0.14245,0.03291,-0.02645,-0.04622,-0.00935,0.01088,0.04797,0.00804,-0.00492,0.0104,0.03408,-0.0254,0.06125,-0.06796,-0.08411,0.10865,0.00541,0.07847,0.00359,0.06205,-0.07427,-0.01616,0.1003,0.05061,-0.01797,0.0397,0.05675,-0.08972,-0.08217,0.05762,0.02197,-0.01244,0.04358,-0.01148,-0.0285,-0.03462,0.05347,-0.0255,-0.01733,-0.06431,0.00868,0.06734,0.07,-0.1074,-0.01207,-0.04137,-0.06395,-0.09036,0.07052,0.05892,0.03986,0.01867,0.0412,0,0.07357,0.02571,0.04112,0.08833,0.00394,0.00215,0.08679,-0.00525,0.04311,0.01349,-0.02507,0.03071,0.02279,-0.03359,0.01253,0.01378,-0.06402,-0.05965,0.01507,-0.01211,0.06153,0.00751,-0.0259,-0.02312,-0.05311,-0.00116,0.07563,0.0301,-0.0238,-0.02451,0.02688,-0.06053,-0.04946,0.02927,-0.02935,-0.01491,0.02951,0.17324,0.06667,-0.01521,0.08396,0.03899,-0.03524,-0.00707,-0.00628,-0.00503,-0.05182,-0.01991,-0.03842,-0.03889,-0.10406,0.01243,-0.10982,-0.01212,0.01355,0.01711,0.12929,0.00246,-0.00686,-0.0286,0.04314,-0.04822,-0.0168,-0.02185,0.09824,0.0034,-0.00316,-0.02602,0.07518,0.01586,0.01386,0.05098,0.06595,-0.04344,0.08273,0.01978,0.11217,-0.04207,0.07927,0.01314,-0.02476,0.06346,0.00901,-0.0198,0.01506,0.07939,-0.08046,0.02293,0.0878,0.02731,-0.11204,-0.03706,0.10131,-0.03101,-0.01092,0,-0.09743,0.01181,-0.00421,-0.02191,0.01815,0.00447,-0.01458,0.02608,-0.01917,-0.0184,-0.06194,0.09635,0.0506,0.03198,0.05302,0.00035,0.05347,0.00759,-0.0203,-0.01859,0.0319,0.01373,0.04287,0.10426,-0.03843,-0.09862,-0.08259,-0.00153,0.02298,-0.01039,-0.04165,0.00524,0.05232,0.04097,-0.07529,0.01843,-0.10229,0.00108,-0.04965,0.02323,0.11392,-0.01336,0.00492,-0.05005,-0.04962,0.0696,-0.00409,0.01453,-0.05897,-0.00172,-0.03462,0.03989,-0.04003,0.01009,0.03619,0.0212,-0.01773,0.03413,0.05721,-0.01425,-0.03206,0.02373,-0.0002,-0.02851],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::","excerpt":"Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::"},{"chunkId":"/docs/f-auto-pan-component#0","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.0599,-0.04299,-0.09985,0.01559,0.09228,0.02595,0.09216,0.03934,0.01001,-0.01483,0.01831,-0.00545,-0.11017,0.03094,-0.07455,-0.08597,0.01238,-0.0007,0.00067,0.06752,-0.02428,-0.09579,0.01003,-0.00397,0.00794,0.0204,0.0058,-0.05566,0.00533,-0.04756,-0.04919,0.08787,-0.02884,0.06318,-0.15826,-0.05546,-0.02533,0.05499,-0.05588,-0.04967,0.0143,-0.02257,0.09298,-0.01674,0.01941,0.03198,0.01645,0.01564,-0.00758,0.07478,-0.02868,-0.00236,0.03111,0.07797,-0.01798,0.0447,0.05071,-0.00642,0.0005,0.09993,-0.04273,-0.01893,-0.00826,0.00157,-0.06738,-0.02505,-0.01617,-0.00301,-0.02922,0.02847,0.02062,-0.02884,0.02827,-0.07522,0.11081,-0.00858,-0.04873,0.02577,0.01454,0.03031,0.04682,0.02615,-0.01985,0.07843,0.01293,0.06841,-0.05064,-0.05034,-0.05019,0.01285,-0.02235,0.04162,-0.04642,-0.04868,-0.10945,-0.00651,-0.01226,0.0024,-0.06086,-0.00468,0.06486,-0.02765,0.01549,0.05917,-0.03041,-0.04002,-0.01805,-0.02237,-0.06795,0.02272,-0.00255,-0.02558,0.00201,-0.06133,-0.0524,-0.02117,-0.05812,-0.05194,0.1258,-0.00204,-0.02489,0.11557,-0.03511,-0.02562,0.07816,-0.03445,-0.03495,0,-0.0048,-0.00625,-0.04848,-0.04991,0.03976,-0.02125,-0.0323,-0.03596,0.02658,-0.03619,-0.03047,-0.00157,-0.06384,-0.00467,-0.0479,-0.07861,-0.05539,-0.01697,0.02644,-0.06832,0.05562,-0.07348,-0.06078,-0.05518,0.03677,0.05945,-0.05668,0.03402,-0.00831,0.08421,-0.07069,0.06429,-0.02774,-0.01959,-0.09754,0.02906,-0.08349,-0.05588,0.01051,0.00471,-0.03664,0.00622,-0.03168,0.0116,-0.0102,-0.05521,0.00416,0.11004,0.01861,0.05495,0.00279,-0.07466,0.09828,0.02436,0.03196,-0.0391,-0.03583,0.11689,0.04479,0.05083,0.00086,0.03824,-0.12831,-0.00281,-0.01995,0.05466,0.0416,0.07832,0.02146,-0.04437,0.00828,0.01914,0.05124,0.02502,0.0662,-0.00879,-0.08102,-0.01072,-0.01215,-0.0107,-0.02458,-0.05339,0.07246,0.00293,0.01907,-0.04159,0.03193,0.02233,-0.06417,-0.06327,0.07789,-0.05631,0.09195,0.03338,0.02679,0,-0.00898,0.04017,0.01074,0.0777,-0.01642,-0.01909,0.01435,-0.01021,0.0256,-0.08423,-0.03746,0.01785,0.01783,0.01621,0.00849,0.0281,-0.08622,-0.04301,0.01796,-0.0058,0.04946,-0.08527,0.00184,0.00406,-0.01957,-0.09136,0.08361,0.04719,0.00074,-0.02035,0.02803,-0.03886,-0.03117,-0.05357,0.02724,-0.0651,0.00351,0.07346,-0.03108,0.03599,-0.00117,-0.00336,0.06667,0.04351,0.00765,0.08251,-0.09944,0.05643,0.02348,-0.02088,-0.11781,0.04045,-0.01143,-0.07941,0.03422,0.07922,0.05443,0.08316,-0.06603,-0.01561,0.02823,-0.06076,-0.05968,0.00143,0.13349,0.06501,-0.0484,0.02126,-0.02326,0.14133,0.03043,0.02132,0.00034,0.01271,0.02169,0.00601,0.16099,0.02547,0.11078,0.09945,0.04349,0.00636,0.02972,-0.01395,-0.05781,0.01116,-0.09088,-0.0016,0.00217,0.02894,-0.05665,0.03132,0.01903,-0.08609,-0.01099,0,-0.03706,-0.00451,0.01144,-0.05892,0.01634,0.03461,0.02859,0.09124,-0.04872,-0.02457,-0.02582,0.05817,0.05538,0.05833,0.06919,0.04504,0.10241,0.04887,0.00229,-0.05226,0.03525,0.00405,0.07181,0.03188,-0.06013,-0.03448,-0.02633,0.02916,0.04812,-0.02081,-0.09188,0.02958,0.04516,-0.00509,-0.04535,0.09484,-0.10384,-0.05175,-0.02034,0.03921,0.0664,-0.0015,0.0023,-0.05185,0.0099,0.06895,0.07504,0.00405,-0.05027,-0.01385,0.0079,0.00615,0.03632,0.03396,0.02864,0.01564,-0.03328,-0.02868,0.07391,-0.02044,-0.0603,0.07577,-0.01073,0.08917],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Auto Pan Selector: f-auto-pan Class: FAutoPanComponent FAutoPanComponent adds edge-based viewport scrolling to supported drag sessions inside f-flow. F Auto Pan Component","excerpt":"Auto Pan Selector: f-auto-pan Class: FAutoPanComponent FAutoPanComponent adds edge-based viewport scrolling to supported drag sessions inside f-flow."},{"chunkId":"/docs/f-auto-pan-component#1","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.06569,-0.05669,-0.05518,0.02834,0.10088,0.06008,0.1196,0.0231,0.02541,-0.03041,0.00824,0.01432,-0.08276,0.04998,-0.08089,-0.06733,0.04095,-0.01531,-0.00697,0.05172,-0.05424,-0.11079,0.00058,0.00273,0.02643,0.01105,0.0027,-0.06005,0.01796,-0.03509,-0.0584,0.08352,-0.0688,0.02695,-0.15911,-0.04496,-0.02904,0.04843,-0.1191,-0.05766,0.04069,0.0136,0.07973,-0.01108,-0.00643,0.03327,0.01452,0.00477,-0.00912,0.06152,-0.03598,-0.00908,0.0268,0.08838,-0.02614,0.01651,0.07678,-0.0292,-0.00534,0.07964,-0.03552,-0.0199,-0.00853,-0.0226,-0.04843,-0.0317,-0.00889,0.00497,-0.02129,0.04468,-0.00128,-0.0176,0.01551,-0.05915,0.09836,-0.03179,-0.05622,-0.00767,-0.0172,0.03361,0.06558,0.02902,-0.03135,0.07528,-0.01239,0.07377,-0.04405,-0.04253,-0.01216,0.00953,-0.01888,0.05166,-0.01981,-0.04959,-0.05348,-0.0466,-0.04494,0.01597,-0.0505,-0.01454,0.08466,-0.00193,0.01479,0.05352,-0.0115,-0.03808,-0.01876,-0.04187,-0.04831,0.03482,-0.00299,0.00561,0.02395,-0.02785,-0.08343,-0.00165,-0.05329,-0.0475,0.07526,0.00635,-0.04108,0.11238,-0.00787,-0.01901,0.09517,-0.02752,-0.02145,0,-0.01885,-0.02554,-0.03296,-0.01069,0.03093,-0.04571,-0.00828,-0.00867,0.04614,-0.03048,-0.0143,0.00786,-0.058,0.02276,-0.04764,-0.08312,-0.0252,0.01693,-0.00409,-0.01979,0.06343,-0.11499,-0.09613,-0.06857,0.03111,0.05446,-0.06823,0.06672,0.00471,0.06152,-0.07281,0.04949,-0.01776,0.00247,-0.09718,0.01482,-0.08131,-0.06831,0.07749,0.00437,-0.06502,0.00922,-0.03976,0.02394,0.00256,-0.07326,-0.02146,0.12056,-0.03815,0.03366,0.01842,-0.05151,0.0718,0.01755,0.0195,-0.04487,-0.06256,0.07832,0.03652,0.0614,-0.00248,0.08121,-0.12194,0.00126,0.00304,0.06467,0.03598,0.0896,-0.0053,-0.05979,-0.00164,0.01622,0.035,0.00489,0.09092,-0.04767,-0.03546,-0.00792,0.01926,-0.01456,-0.02883,-0.02793,0.07253,0.01162,0.01556,-0.03186,0.02242,-0.01109,-0.1211,-0.03707,0.10752,-0.02426,0.08354,0.0357,0.03428,0,-0.00071,0.03644,0.03622,0.05235,0.01958,-0.03655,0.01513,-0.00745,0.04151,-0.08426,-0.08858,0.04381,-0.00057,0.02374,0.03283,0.04087,-0.07578,-0.05998,-0.01166,-0.04094,0.07273,-0.05579,-0.03276,0.01476,-0.0544,-0.07761,0.05814,0.0275,-0.00833,0.00336,0.0313,-0.04682,-0.04449,-0.05619,0.04091,-0.04117,-0.01334,0.11662,-0.02889,0.04826,-0.04059,-0.00859,0.02893,0.02295,0.00814,0.08122,-0.11446,0.03488,0.01873,0.01233,-0.13993,0.06362,-0.0144,-0.08497,0.03299,0.06276,0.04639,0.04655,-0.04173,-0.04949,0.06711,-0.03742,-0.0457,-0.01841,0.09596,0.07665,-0.04095,0.0505,0.00593,0.08897,0.0229,0.01854,0.01749,0.00904,0.01335,0.03137,0.17078,0.03148,0.09737,0.09822,0.01078,0.02389,0.03072,-0.02005,-0.05701,0.04899,-0.06905,-0.0258,0.00313,0.02213,-0.04936,-0.01846,0.02371,-0.07736,-0.0043,0,-0.0525,0.01346,0.01601,-0.03783,-0.0455,0.02973,0.01466,0.09885,-0.00923,-0.01425,-0.03265,0.04306,0.0807,0.0676,0.05363,0.04022,0.0809,0.01926,-0.01852,-0.02855,0.03622,0.00976,0.04563,0.05573,-0.06698,-0.02458,-0.01115,0.05411,0.03348,-0.01288,-0.07908,0.03037,0.0026,0.07504,-0.03911,0.07553,-0.06952,-0.04683,-0.03471,0.01759,0.05123,-0.02849,0.01751,-0.03123,-0.00696,0.07822,0.07218,0.00212,-0.04699,0.02005,0.01687,0.00531,0.03361,0.04185,0.08631,-0.00539,-0.03522,-0.04061,0.06228,-0.00811,-0.09551,0.08967,-0.03444,0.09124],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Why / Use cases Use f-auto-pan when dragged items or targets can move outside the visible viewport and users should be able to continue the same drag session without manually panning first. Typical use cases: - Connect to off-screen inputs. - Reassign connections to distant targets. - Drag nodes across large canvases. - Extend a selection rectangle beyond the current viewport. If your flow always fits on screen, this plugin may be unnecessary.","excerpt":"Why / Use cases Use f-auto-pan when dragged items or targets can move outside the visible viewport and users should be able to continue the same drag session without manually panning first. Typical use cases: - Connect to off-screen inputs. - Reassign connections to distant targets. - Drag nodes across large canvases. - Extend a selection rectangle beyond the current viewport. If your flow always fits on screen, this plugin may be unnecessary."},{"chunkId":"/docs/f-auto-pan-component#2","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.07654,-0.05353,-0.10121,0.01497,0.08035,0.0273,0.13161,0.02914,0.02879,-0.02183,-0.00639,0.00251,-0.10892,0.04958,-0.09895,-0.07194,0.03001,-0.01972,-0.00358,0.04861,-0.02032,-0.11984,0.01249,-0.01543,0.0494,0.01018,0.00962,-0.08431,0.05913,-0.03223,-0.0637,0.05506,-0.04142,0.03852,-0.13891,-0.02668,-0.01762,0.0535,-0.08218,-0.03723,0.03922,0.03036,0.05114,-0.03331,0.05039,0.06612,0.01282,0.0162,-0.04475,0.05938,-0.03674,-0.00873,0.04723,0.07951,-0.02762,0.03663,0.06883,0.01132,0.02091,0.07482,-0.05902,-0.04871,-0.01056,-0.02127,-0.04158,-0.04579,-0.03752,-0.02164,-0.02798,-0.00977,0.02312,-0.0252,0.01361,-0.06078,0.07633,-0.01793,-0.06697,0.01985,0.01752,0.03515,0.07613,0.00983,-0.0172,0.07589,0.01398,0.08223,-0.02892,-0.0513,-0.05752,0.02122,-0.00056,0.0501,-0.04875,-0.04023,-0.07025,0.00944,-0.00381,0.0096,-0.05211,0.00816,0.07691,-0.04189,0.00434,0.05145,-0.01776,-0.03659,-0.01466,-0.02637,-0.05801,0.05743,-0.0214,-0.00596,0.01284,-0.04165,-0.04902,-0.03971,-0.03665,-0.03544,0.09314,-0.00696,-0.03463,0.10419,-0.00317,-0.02844,0.09277,-0.06397,-0.00815,0,-0.02536,-0.02755,-0.03958,-0.03195,0.0102,-0.01901,-0.02885,-0.02278,0.04687,-0.02427,-0.02139,-0.0045,-0.05441,0.02489,-0.03278,-0.09975,-0.03022,-0.03117,0.0281,-0.02955,0.09183,-0.08161,-0.0731,-0.03385,0.01526,0.03092,-0.06321,0.0371,-0.03003,0.05958,-0.06457,0.06359,-0.03669,-0.00366,-0.09986,0.02942,-0.09294,-0.0513,0.01644,-0.00397,-0.04667,-0.00641,-0.07191,0.02828,-0.00708,-0.08148,0.00082,0.13749,-0.01333,0.05332,0.0146,-0.04547,0.10585,0.0459,0.03919,-0.02139,-0.01328,0.06532,0.03296,0.03251,0.0381,0.04796,-0.13911,-0.01339,-0.0277,0.0642,0.03207,0.07262,0.00658,-0.04906,0.00398,0.01951,0.03761,0.03027,0.06266,-0.01118,-0.08673,0.01274,-0.00567,-0.01946,-0.03758,-0.04999,0.08543,0.03125,0.02886,-0.04529,0.04441,0.01597,-0.08204,-0.04568,0.11835,-0.06312,0.06562,0.05733,0.02915,0,-0.01012,0.02243,0.0271,0.08069,-0.00302,-0.03992,-0.02493,0.0131,0.02955,-0.06305,-0.03012,0.03021,-0.00812,0.05945,0.01175,0.04211,-0.09208,-0.03697,0.01186,-0.04277,0.03783,-0.06492,-0.01697,0.01489,-0.03229,-0.06035,0.07255,0.02985,-0.0144,-0.00176,-0.00452,-0.04846,-0.04619,-0.02524,0.03342,-0.07586,0.00877,0.06047,-0.0237,0.02929,0.00214,-0.01153,0.04165,0.07713,0.01041,0.05571,-0.12749,0.07241,0.03188,-0.02028,-0.10487,0.05,0.02368,-0.05941,0.05404,0.06851,0.04546,0.05524,-0.03191,-0.02083,0.06171,-0.0512,-0.06329,0.02376,0.12241,0.07139,-0.04454,-0.00999,0.00392,0.12554,0.04811,0.02511,0.02582,0.01308,0.02264,0.00351,0.15291,0.02127,0.11346,0.05658,0.02884,-0.01125,0.03232,-0.00921,-0.07138,0.02516,-0.09759,-0.03014,0.00039,0.04023,-0.03731,0.02172,0.00146,-0.07002,-0.01109,0,-0.04331,-0.00376,0.01429,-0.07764,0.01467,0.04235,0.02923,0.06015,-0.0366,-0.04375,0.00217,0.03379,0.05859,0.02949,0.09308,0.04615,0.0989,0.05518,-0.0123,-0.06046,0.01265,-0.00037,0.06958,0.04035,-0.05327,-0.05321,0.01912,0.08939,0.03655,-0.02475,-0.08285,0.03736,0.03654,0.02562,-0.06378,0.11335,-0.08426,-0.07925,-0.00463,0.01997,0.04329,0.01195,0.00315,-0.04853,0.01135,0.07762,0.0602,-0.02356,-0.02815,-0.0072,0.00764,0.01323,0.02237,0.04785,0.0394,-0.00674,-0.04583,-0.012,0.07752,0.00656,-0.08839,0.07309,0.00725,0.08143],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. How it works The component registers itself as a flow plugin. During supported drag sessions, the drag runtime checks whether the pointer is inside the configured edge threshold. If it is, the canvas is panned with requestAnimationFrame while the active drag handler keeps receiving move updates. request Animation Frame","excerpt":"How it works The component registers itself as a flow plugin. During supported drag sessions, the drag runtime checks whether the pointer is inside the configured edge threshold. If it is, the canvas is panned with requestAnimationFrame while the active drag handler keeps receiving move updates."},{"chunkId":"/docs/f-auto-pan-component#3","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.07953,-0.05834,-0.09361,0.02031,0.0728,0.02463,0.09288,0.0334,0.00617,-0.01222,0.01849,-0.00389,-0.10492,0.04359,-0.08634,-0.06964,0.0249,-0.00631,0.01493,0.06696,-0.02405,-0.10795,0.01402,-0.00908,0.03407,-0.00462,0.00069,-0.07176,0.02006,-0.04638,-0.07768,0.07553,-0.0513,0.04446,-0.13599,-0.04679,-0.03338,0.04082,-0.05746,-0.03497,0.03604,0.00305,0.07978,-0.02934,0.02291,0.04397,0.01466,0.01724,-0.00326,0.08135,-0.03886,0.00532,0.05078,0.05854,-0.01924,0.05265,0.0574,0.01711,0.00274,0.10629,-0.03902,-0.01541,-0.02369,-0.01668,-0.05188,0.00141,-0.02039,-0.02117,-0.03127,0.0237,-0.00868,-0.03897,0.00936,-0.05941,0.10132,0.01199,-0.06196,0.01649,0.00727,0.02423,0.04633,0.0248,-0.04257,0.0775,0.02358,0.06482,-0.03556,-0.03157,-0.03549,-0.0036,-0.01467,0.03186,-0.05965,-0.04578,-0.1126,-0.00518,0.00742,0.00795,-0.06399,-0.00406,0.06583,-0.0156,0.00065,0.06915,-0.0402,-0.03663,-0.01706,-0.04378,-0.07438,0.0537,-0.00519,-0.00484,-0.0129,-0.04196,-0.05306,-0.0069,-0.06454,-0.0444,0.12925,-0.01272,-0.01871,0.10448,-0.03007,-0.00535,0.08432,-0.03913,-0.02534,0,-0.02587,-0.01152,-0.03135,-0.04219,0.04058,-0.04051,-0.03822,-0.01467,0.0418,-0.04586,-0.01747,0.01419,-0.05405,-0.02052,-0.04353,-0.0869,-0.0491,0.00919,0.0222,-0.05629,0.04586,-0.06712,-0.06487,-0.05569,0.02372,0.05745,-0.06508,0.04317,-0.00342,0.07539,-0.05718,0.07649,-0.04072,-0.02667,-0.09892,0.02087,-0.08593,-0.05769,0.02331,0.00201,-0.04187,0.00286,-0.03795,0.01894,-0.01268,-0.07652,-0.0044,0.11192,0.00158,0.02977,-0.01363,-0.06834,0.09058,0.02522,0.02917,-0.04676,-0.03436,0.103,0.0552,0.05069,0.01459,0.04737,-0.11227,-0.00801,-0.02336,0.04925,0.02669,0.0803,0.00986,-0.03921,0.03288,0.02452,0.05846,0.01274,0.05293,-0.02509,-0.09628,-0.01974,-0.02653,-0.01836,-0.00518,-0.05196,0.0823,-0.00507,0.03193,-0.06349,0.0476,0.01496,-0.09387,-0.04655,0.08083,-0.05476,0.08574,0.03973,0.02216,0,0.00562,0.02709,0.02402,0.08136,-0.01205,-0.02061,0.00418,0.02933,0.01152,-0.07471,-0.02739,0.01429,0.00253,0.03718,0.01182,0.04509,-0.09326,-0.03543,0.01101,-0.01836,0.0581,-0.07037,-0.00637,0.02537,-0.03083,-0.08984,0.07554,0.03705,-0.01791,-0.01921,0.01496,-0.03071,-0.04151,-0.04253,0.04306,-0.0637,-0.00133,0.0874,-0.01945,0.0422,0.00084,-0.01642,0.06304,0.02473,0.0302,0.0501,-0.12286,0.07238,0.01237,-0.01399,-0.10282,0.03938,-0.00374,-0.09625,0.04334,0.07891,0.05821,0.07044,-0.05265,-0.0098,0.03674,-0.06945,-0.05998,0.02112,0.13089,0.08455,-0.02169,0.02772,-0.00643,0.13332,0.03134,0.03604,0.01796,0.00367,0.01622,0.00382,0.15347,0.02248,0.11239,0.06925,0.03622,-0.00445,0.03367,-0.01465,-0.07115,0.03864,-0.08218,0.02023,-0.00701,0.03848,-0.06276,0.01361,0.02248,-0.0737,-0.00245,0,-0.03827,0.02223,0.00878,-0.0472,0.00716,0.0285,0.03485,0.085,-0.03973,-0.01561,-0.03373,0.02464,0.05326,0.08508,0.06797,0.04183,0.10797,0.06627,0.00414,-0.04546,0.04957,0.01284,0.09282,0.02212,-0.05187,-0.04692,-0.03429,0.06563,0.04515,-0.02572,-0.10162,0.02071,0.05016,0.00354,-0.04778,0.09307,-0.08931,-0.06523,-0.00299,0.0391,0.06226,0.00864,-0.00142,-0.04327,0.02836,0.07063,0.08292,0.01796,-0.01448,0.00072,0.01173,0.00087,0.03687,0.00904,0.02639,0.01573,-0.05404,-0.01245,0.0789,-0.00289,-0.05373,0.07468,-0.02201,0.10414],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. API","excerpt":"API"},{"chunkId":"/docs/f-auto-pan-component#4","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.06413,-0.06862,-0.10345,0.02436,0.09512,0.03362,0.09931,0.00884,0.00639,-0.03956,0.03351,-0.0203,-0.09568,0.03428,-0.10803,-0.08225,0.0662,-0.01832,-0.00188,0.04301,-0.01713,-0.14016,0.02038,-0.00423,0.03042,0.01212,-0.02618,-0.0591,0.02477,-0.07907,-0.06007,0.05638,0.00659,0.03712,-0.13439,-0.03783,-0.01333,0.03846,-0.07113,-0.05104,0.02653,-0.01178,0.0853,-0.02194,0.03933,0.03569,0.02206,0.03881,0.00588,0.08514,-0.04463,0.00346,0.04039,0.06351,0.01464,0.0611,0.08243,0.01254,0.00959,0.05972,-0.05856,-0.02778,-0.02424,-0.00712,-0.02889,-0.0273,-0.01558,-0.03423,-0.01218,0.02158,0.01934,-0.02235,0.01587,-0.05491,0.09652,-0.00053,-0.05836,0.0132,0.0233,0.01758,0.04341,-0.00263,-0.0359,0.08458,0.01692,0.05692,-0.03442,-0.03381,-0.03684,0.00108,-0.00493,0.06782,-0.0697,-0.02253,-0.10244,-0.00555,-0.01215,-0.01271,-0.08009,0.01045,0.06019,-0.03861,0.00125,0.07224,-0.03162,-0.04598,-0.03973,-0.01465,-0.08914,0.05083,0.01817,0.01036,0.0073,-0.01054,-0.04236,-0.02197,-0.04829,-0.04719,0.11612,-0.03192,-0.04565,0.11925,-0.06215,-0.02649,0.07019,-0.06707,-0.00735,0,-0.02088,-0.00026,-0.04598,-0.07621,0.02967,-0.04056,-0.02425,-0.00743,0.037,-0.01427,-0.0118,-0.04192,-0.05627,0.02197,-0.0183,-0.10021,-0.01052,-0.00454,0.03215,-0.0649,0.05572,-0.07389,-0.09049,-0.05585,0.02689,0.05313,-0.05966,0.05679,0.00035,0.07821,-0.05671,0.06202,-0.03334,-0.02122,-0.0998,0.01332,-0.05648,-0.05964,0.00451,0.00636,-0.05909,0.00872,-0.0515,0.02051,-0.01208,-0.04232,-0.01715,0.10622,-0.00192,0.04707,-0.01303,-0.06269,0.12164,0.0095,0.03719,-0.0614,-0.02706,0.08994,0.04924,0.05718,0.03231,0.03517,-0.12957,-0.00515,-0.03077,0.06862,0.01487,0.08029,0.01,-0.01494,0.00829,0.03417,0.04695,0.05446,0.05667,-0.02174,-0.08548,-0.03008,-0.02412,-0.02476,-0.02014,-0.00735,0.0778,0.01813,0.02681,-0.05542,0.03503,0.02781,-0.05911,-0.04614,0.08563,-0.0526,0.06872,0.01334,-0.01064,0,-0.01518,0.04005,-0.00736,0.09036,-0.04518,-0.02878,-0.00302,0.02246,0.03126,-0.08149,-0.02556,0.01006,-0.00973,0.00101,0.01711,0.03187,-0.09733,-0.04991,-0.01316,-0.04509,0.05086,-0.08237,-0.019,0.05221,-0.02023,-0.08123,0.06303,0.05446,-0.03866,-0.01089,0.01088,-0.02565,-0.05499,-0.0385,0.02707,-0.04567,-0.01512,0.07557,-0.01036,0.06379,0.00767,0.01092,0.05567,0.04921,0.03669,0.04076,-0.11929,0.02723,0.03391,-0.00852,-0.11687,0.05142,0.0133,-0.07897,0.03432,0.07073,0.05161,0.06008,-0.00993,-0.01906,0.04532,-0.07414,-0.08483,0.01348,0.13295,0.07059,-0.00899,0.02068,0.03517,0.13688,0.04046,0.03695,0.05761,0.01593,-0.02502,-0.01456,0.15872,0.07421,0.09596,0.10111,0.07565,0.01226,0.06264,-0.01555,-0.07328,0.05301,-0.07963,-0.00091,0.02496,0.0356,-0.04779,0.00786,0.03963,-0.06406,0.00285,0,-0.0342,0.01266,-0.01487,-0.03011,0.00528,0.05874,0.02605,0.04773,-0.02982,-0.03903,-0.02839,0.04852,0.03218,0.06284,0.07499,0.0264,0.08395,0.04666,0.00578,-0.04433,0.0439,0.01528,0.05341,0.02051,-0.06157,-0.04489,-0.01359,0.05981,0.05608,-0.00939,-0.0943,0.01411,0.02091,0.00635,-0.05812,0.10334,-0.10492,-0.03353,0.01333,0.04091,0.04489,-0.00006,-0.00131,-0.06265,0.00377,0.03874,0.05485,0.00938,-0.03352,0.00165,-0.00316,0.02878,0.02433,0.02104,0.05767,0.00304,-0.05312,-0.03455,0.03988,-0.00224,-0.03889,0.04069,-0.01175,0.069],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Inputs - fEdgeThreshold: number; Default: 20. Edge activation zone in viewport pixels. - fSpeed: number; Default: 8. Maximum per-frame canvas delta in viewport pixels. - fAcceleration: boolean; Default: false. When enabled, speed scales linearly as the pointer approaches the edge. f Edge Threshold f Speed f Acceleration","excerpt":"Inputs - fEdgeThreshold: number; Default: 20. Edge activation zone in viewport pixels. - fSpeed: number; Default: 8. Maximum per-frame canvas delta in viewport pixels. - fAcceleration: boolean; Default: false. When enabled, speed scales linearly as the pointer approaches the edge."},{"chunkId":"/docs/f-auto-pan-component#5","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.0451,-0.05341,-0.1125,0.02391,0.07471,0.04031,0.09048,0.02236,0.01727,-0.01271,0.03868,-0.01016,-0.10317,0.04011,-0.11728,-0.07754,0.02231,-0.01025,0.01576,0.05632,-0.01834,-0.10579,0.01693,-0.01104,0.03923,0.02212,-0.00806,-0.06327,0.01023,-0.05974,-0.08302,0.07457,-0.03295,0.05298,-0.14316,-0.04488,-0.02963,0.04568,-0.05954,-0.05138,0.03514,-0.01676,0.0819,-0.03187,0.0135,0.03377,0.00292,-0.00191,-0.0112,0.06557,-0.02414,0.00302,0.04325,0.07348,-0.01263,0.05747,0.05547,0.01603,0.00646,0.07983,-0.04754,-0.02762,-0.0083,-0.01372,-0.0363,-0.03041,-0.0263,-0.01499,-0.04467,0.02607,-0.00935,-0.03598,0.01493,-0.07063,0.11101,0.00638,-0.05974,0.02796,0.01792,0.03266,0.04857,0.01868,-0.03687,0.10046,0.02183,0.07133,-0.02797,-0.02639,-0.03917,-0.01436,-0.02551,0.03644,-0.04672,-0.04278,-0.11898,-0.00442,0.00551,0.01112,-0.05579,0.00465,0.08183,-0.01443,0.03165,0.05342,-0.04416,-0.03814,-0.01574,-0.03184,-0.07892,0.04584,0.00134,-0.00133,-0.01589,-0.05241,-0.03922,-0.02662,-0.05641,-0.03811,0.11632,-0.00839,-0.02637,0.11146,-0.04047,0.00214,0.07915,-0.02443,-0.00844,0,-0.00646,-0.03275,-0.04282,-0.05344,0.0466,-0.02146,-0.04108,-0.01711,0.05489,-0.03267,-0.02181,-0.001,-0.05063,0.00095,-0.03419,-0.08383,-0.02383,0.00152,0.02287,-0.06223,0.05164,-0.06208,-0.07078,-0.06664,0.02301,0.06811,-0.05838,0.04016,-0.02312,0.0662,-0.05943,0.08421,-0.02934,-0.03381,-0.10545,0.01515,-0.07966,-0.04644,0.02116,0.0002,-0.07067,-0.00134,-0.052,0.01236,0.00117,-0.06953,0.02796,0.12022,0.0001,0.04503,-0.01014,-0.07197,0.09695,0.03055,0.01796,-0.03867,-0.02499,0.10896,0.0513,0.04387,0.01684,0.06279,-0.12196,-0.00714,-0.03138,0.05416,0.03875,0.07194,0.02482,-0.04706,0.01844,0.01095,0.04918,0.01486,0.06102,-0.01485,-0.1134,-0.04681,-0.0412,-0.02646,-0.00091,-0.05007,0.07558,0.004,0.04873,-0.05411,0.03128,0.02469,-0.05517,-0.05072,0.04635,-0.0735,0.07475,0.01924,0.01794,0,0.00778,0.03671,-0.00082,0.0572,-0.01994,-0.02134,0.00331,-0.00103,0.01341,-0.08444,-0.03509,0.00867,0.00488,0.02924,-0.00426,0.03932,-0.08879,-0.02926,0.00813,-0.03004,0.06625,-0.07921,0.00038,0.03137,-0.03089,-0.08182,0.11457,0.04888,-0.02131,-0.01599,0.02668,-0.03424,-0.02665,-0.04012,0.03734,-0.0861,0.0021,0.06579,-0.01773,0.04221,-0.01297,0.00106,0.07164,0.04984,0.02566,0.04074,-0.11969,0.06139,0.04262,-0.01614,-0.10515,0.03715,-0.01002,-0.09008,0.05172,0.06574,0.04975,0.07791,-0.05324,-0.01512,0.02894,-0.05618,-0.06404,0.00163,0.12427,0.0799,-0.04727,0.03,0.00342,0.14112,0.02085,0.04231,0.01861,-0.00041,0.02596,0.02406,0.13886,0.03282,0.12508,0.07137,0.05261,-0.02013,0.04187,-0.02286,-0.06109,0.01625,-0.07953,-0.00128,-0.00791,0.02876,-0.05154,0.02745,0.01851,-0.05857,-0.00343,0,-0.03257,0.00587,0.01347,-0.04651,0.00621,0.03255,0.0491,0.07054,-0.03722,-0.02179,-0.03563,0.01553,0.04708,0.08113,0.09863,0.05047,0.10961,0.04915,-0.00499,-0.06755,0.05342,-0.00163,0.07216,0.01923,-0.05335,-0.05406,-0.01948,0.06385,0.03415,-0.03197,-0.08347,0.03102,0.0336,-0.01013,-0.03903,0.0934,-0.08101,-0.05671,0.0039,0.03929,0.04153,0.02241,-0.0049,-0.05049,0.0011,0.06483,0.07931,-0.00266,-0.03094,0.00255,0.01184,-0.00223,0.03548,0.00661,0.03559,0.00661,-0.04345,-0.02088,0.06852,0.00882,-0.0495,0.08068,-0.01437,0.08572],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-auto-pan-component#6","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.07325,-0.03172,-0.1036,0.00593,0.07313,0.03428,0.07325,0.06223,-0.00226,-0.00933,0.02756,0.00397,-0.11901,0.02721,-0.09056,-0.08042,0.01913,0.00819,0.00742,0.07333,-0.00436,-0.10014,0.01027,-0.01223,0.03762,0.00482,0.00678,-0.06676,0.03768,-0.04187,-0.07696,0.07027,-0.04818,0.05517,-0.14256,-0.03452,-0.01776,0.0529,-0.0642,-0.04895,0.02824,0.00866,0.05323,-0.03787,0.03725,0.02863,-0.00295,0.01873,-0.02958,0.06405,-0.04399,-0.0096,0.0529,0.04944,-0.01477,0.0438,0.05013,0.01237,0.02879,0.08393,-0.02501,-0.02336,-0.02831,-0.0007,-0.04727,-0.01742,-0.03689,-0.01514,-0.01259,0.03736,-0.01135,-0.03998,0.03302,-0.04584,0.09512,-0.00933,-0.05144,0.01739,0.00806,0.02434,0.05739,0.03453,-0.03284,0.0831,0.03522,0.07519,-0.03259,-0.01604,-0.02907,-0.01659,-0.00702,0.05065,-0.05871,-0.05921,-0.12661,0.01328,0.01472,-0.00174,-0.05658,0.01681,0.07328,-0.02988,0.01077,0.05906,-0.03764,-0.04487,-0.00858,-0.04283,-0.06129,0.06555,0.00266,-0.00993,-0.03961,-0.07664,-0.05516,-0.03078,-0.05628,-0.04906,0.13001,-0.00951,-0.01157,0.10822,-0.02004,-0.00423,0.10633,-0.0407,-0.03206,0,-0.01314,0.012,-0.05396,-0.02882,0.07282,-0.02956,-0.03433,0.00069,0.03978,-0.03967,0.00236,0.01743,-0.0613,-0.00765,-0.03272,-0.07757,-0.04523,0.00194,0.03047,-0.06864,0.06472,-0.08998,-0.04894,-0.03949,0.01583,0.0676,-0.05293,0.051,-0.02681,0.07391,-0.04034,0.05787,-0.04927,-0.02173,-0.10299,0.01523,-0.08138,-0.08321,0.00027,0.01642,-0.05717,-0.00791,-0.04471,0.00976,0.01171,-0.07733,0.01536,0.12419,0.00594,0.03052,-0.02009,-0.05713,0.09243,0.01929,0.0086,-0.0378,-0.04315,0.09706,0.0626,0.04505,0.0124,0.03741,-0.11136,0.00252,-0.03808,0.04427,0.03658,0.07046,0.03444,-0.0421,0.03326,0.00734,0.05425,0.02311,0.0565,-0.02345,-0.09638,-0.03238,-0.0284,-0.01566,-0.02366,-0.05753,0.08865,-0.00011,0.03327,-0.05862,0.05984,0.03438,-0.06696,-0.05797,0.0435,-0.0633,0.07333,0.03048,0.02938,0,0.0115,0.02965,0.02934,0.06279,-0.01079,-0.02627,-0.00785,0.01554,0.01222,-0.07804,-0.03401,-0.00591,0.00031,0.04047,0.00683,0.05813,-0.11209,-0.0425,0.0126,-0.02292,0.0411,-0.08841,0.00244,0.03381,-0.04211,-0.08209,0.08686,0.03638,-0.02504,-0.01131,0.00082,-0.03615,-0.02194,-0.03167,0.03073,-0.05464,0.00463,0.09152,-0.01159,0.04279,0.00018,-0.01871,0.05413,0.02653,0.00077,0.02902,-0.1121,0.06989,0.03305,-0.02833,-0.09205,0.02351,-0.01531,-0.09002,0.04786,0.07479,0.04827,0.05038,-0.04953,-0.00704,0.03538,-0.07942,-0.05531,0.02752,0.13832,0.07242,-0.04554,0.01486,-0.02495,0.14076,0.01861,0.04751,0.00754,0.01495,0.01277,0.01244,0.16619,0.03748,0.11165,0.0589,0.05248,-0.02627,0.02974,-0.02226,-0.07641,0.00953,-0.06915,0.0178,-0.02903,0.034,-0.06046,0.04809,0.04499,-0.03436,0.01366,0,-0.02972,0.01688,0.01736,-0.05444,-0.0002,0.03057,0.02596,0.06195,-0.04499,-0.02808,-0.05481,0.01969,0.04849,0.09058,0.07202,0.03487,0.08595,0.06998,-0.01317,-0.05368,0.03803,0.02356,0.07315,0.01101,-0.04924,-0.0214,-0.02706,0.06816,0.05563,-0.03065,-0.09598,0.0244,0.05195,0.00991,-0.0461,0.09316,-0.07773,-0.07653,-0.02405,0.03121,0.07143,0.01281,-0.00191,-0.0458,0.02618,0.0727,0.07178,-0.00901,-0.01654,0.02069,0.01605,-0.00931,0.03668,0.00954,0.02485,0.02624,-0.04778,-0.02732,0.0824,0.00096,-0.04433,0.08174,-0.00384,0.08846],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-auto-pan-component#7","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.05947,-0.04419,-0.10405,0.02265,0.07347,0.04381,0.09314,0.03797,0.00996,-0.01797,0.01045,-0.00601,-0.10842,0.02822,-0.08201,-0.08391,-0.01445,0.00494,-0.0014,0.05777,-0.02472,-0.10366,0.02965,-0.00391,0.00104,0.03216,0.02862,-0.04692,0.02155,-0.06031,-0.06651,0.08702,-0.0462,0.05364,-0.1655,-0.05617,-0.02878,0.06743,-0.07352,-0.03924,0.03357,-0.00628,0.09161,-0.05344,0.02726,0.04446,0.00631,0.0036,-0.00217,0.06385,-0.02486,-0.00841,0.05562,0.08983,-0.01987,0.03332,0.07211,0.00087,0.00876,0.07922,-0.04238,-0.02675,-0.00293,0.00478,-0.06857,-0.02406,-0.02348,0.00899,-0.03217,0.01817,0.01532,-0.04785,0.02183,-0.06435,0.09354,-0.00511,-0.05178,0.04307,0.01667,0.03474,0.07461,0.0272,-0.03005,0.09194,0.01311,0.07495,-0.02999,-0.05378,-0.06163,-0.00506,-0.00276,0.04818,-0.04399,-0.05417,-0.09064,-0.00083,-0.02699,0.00178,-0.05958,0.00366,0.06116,-0.02167,0.00613,0.07419,-0.03594,-0.02911,-0.02472,-0.0165,-0.05406,0.03147,-0.00038,-0.00934,-0.02285,-0.05369,-0.04653,-0.02471,-0.05958,-0.04539,0.09764,0.00222,-0.01283,0.09865,-0.03404,-0.0303,0.07757,-0.03169,-0.0318,0,-0.0072,-0.00916,-0.05015,-0.02853,0.04429,-0.03527,-0.01746,-0.02011,0.03829,-0.0185,-0.02918,-0.00301,-0.08602,-0.01153,-0.06167,-0.11177,-0.03079,-0.00844,0.00285,-0.05635,0.06904,-0.07486,-0.06684,-0.07224,0.05223,0.05521,-0.06245,0.04479,-0.03045,0.06198,-0.04955,0.05589,-0.01952,-0.01313,-0.09756,0.00684,-0.07433,-0.0462,0.02995,-0.00466,-0.05472,-0.00384,-0.04592,0.02788,-0.00451,-0.0498,0.00879,0.10532,0.02399,0.05542,0.00028,-0.04802,0.08318,0.0254,0.04515,-0.03907,-0.02554,0.12126,0.0463,0.04952,-0.00725,0.05296,-0.14449,-0.00829,-0.016,0.06767,0.03554,0.06964,0.00682,-0.05713,0.01703,0.01679,0.02236,0.01486,0.06143,-0.0098,-0.0833,-0.02041,-0.01517,-0.01288,-0.03106,-0.06126,0.07133,0.02565,0.02262,-0.05258,0.04001,0.01081,-0.05641,-0.0572,0.07611,-0.05185,0.10649,0.0305,0.02749,0,-0.01686,0.03613,0.01449,0.0828,-0.00135,-0.01041,0.01283,0.01448,0.01502,-0.05764,-0.02083,0.04274,0.00791,0.01105,0.00847,0.05814,-0.06816,-0.03765,0.015,-0.03249,0.04744,-0.0553,-0.01406,-0.0008,-0.03517,-0.06704,0.09938,0.03689,0.00248,-0.00887,0.01854,-0.02852,-0.03161,-0.03713,0.03019,-0.07506,-0.01319,0.08054,-0.02857,0.04135,-0.03172,0.00187,0.0706,0.04781,-0.00492,0.03805,-0.11584,0.05349,0.0233,-0.0011,-0.1197,0.03153,-0.00513,-0.08749,0.0517,0.07887,0.05641,0.06674,-0.06418,-0.01609,0.05523,-0.06163,-0.05764,-0.00445,0.11902,0.06895,-0.0493,0.01918,0.00997,0.12834,0.03085,0.02656,0.01008,0.01456,0.02738,-0.01205,0.16271,0.0482,0.13228,0.07666,0.04208,0.00696,0.02131,-0.03868,-0.08305,0.00635,-0.0811,-0.00453,0.01114,0.03569,-0.04901,0.01658,0.02489,-0.07079,-0.0084,0,-0.04758,-0.01848,0.01635,-0.06654,0.01204,0.02995,0.02977,0.07501,-0.03915,-0.0305,-0.01745,0.06372,0.0616,0.05895,0.07206,0.03966,0.07626,0.06086,-0.00736,-0.05534,0.04383,0.00594,0.06131,0.03769,-0.05731,-0.04712,-0.01167,0.04944,0.03779,-0.01271,-0.11355,0.02211,0.03285,-0.00378,-0.05407,0.09177,-0.08856,-0.06498,-0.02029,0.03906,0.0546,0.01006,-0.00061,-0.05581,0.00109,0.05981,0.06254,0.01223,-0.03194,0.00444,-0.00532,0.01393,0.01615,0.03157,0.02859,0.01865,-0.04687,-0.00572,0.07346,-0.02425,-0.09123,0.08398,-0.00635,0.08567],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Styling - .f-component Base class for flow primitives. - .f-auto-pan Host class for the plugin element.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-auto-pan Host class for the plugin element."},{"chunkId":"/docs/f-auto-pan-component#8","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.04114,-0.05671,-0.10186,0.01528,0.10031,0.02001,0.09338,0.03918,0.01626,-0.03255,0.01836,-0.02075,-0.11253,0.03051,-0.10218,-0.10377,0.01724,-0.01222,0.00112,0.05327,-0.00704,-0.13862,0.02224,-0.00014,0.01154,0.01574,-0.02636,-0.03786,-0.00544,-0.06511,-0.06113,0.07435,-0.01924,0.05333,-0.13531,-0.05066,-0.02199,0.04661,-0.07576,-0.04631,0.01423,-0.00923,0.09721,-0.03635,0.03607,0.05069,0.02417,0.02655,-0.03719,0.08577,-0.04748,0.00092,0.03218,0.08905,0.00579,0.05592,0.09179,-0.02206,-0.00657,0.07743,-0.05478,-0.03415,-0.03883,0.00547,-0.05048,-0.03898,-0.03995,-0.02636,-0.00371,0.01446,0.01208,-0.00588,0.02686,-0.06971,0.092,-0.00299,-0.04866,0.02864,0.02434,0.00969,0.06275,0.03875,-0.01902,0.08182,0.02812,0.06125,-0.03218,-0.03419,-0.03534,0.012,-0.02172,0.0869,-0.07734,-0.02327,-0.08638,-0.01731,-0.02143,-0.0376,-0.08045,0.00131,0.05127,-0.02691,0.02059,0.09217,-0.02028,-0.03301,-0.02316,0.02303,-0.05696,0.03008,0.01262,0.00524,0.03083,-0.03496,-0.05085,-0.01175,-0.07084,-0.05163,0.0915,-0.00744,-0.04191,0.10269,-0.0482,-0.02597,0.08077,-0.04351,-0.02973,0,-0.02884,-0.01269,-0.03776,-0.03483,0.02874,-0.02251,-0.00118,-0.02169,0.0567,-0.00897,-0.01896,-0.03257,-0.09298,0.01634,-0.04138,-0.10402,-0.00838,0.01301,0.0024,-0.04432,0.08922,-0.0704,-0.07536,-0.07329,0.0392,0.05577,-0.06342,0.06784,-0.01565,0.08783,-0.05126,0.03002,-0.03586,-0.01904,-0.08916,-0.0105,-0.068,-0.07265,0.00919,0.02184,-0.06351,0.01818,-0.04595,-0.0099,-0.01854,-0.04686,-0.00943,0.10429,0.00753,0.06753,0.00966,-0.05749,0.09538,0.00884,0.04573,-0.03519,-0.04788,0.0881,0.04585,0.08367,0.00052,0.06252,-0.12987,-0.03461,-0.0059,0.06224,0.06297,0.07806,-0.00694,-0.01616,-0.00116,0.01747,0.03107,0.05006,0.07133,-0.00791,-0.05135,-0.01096,-0.02915,-0.00905,-0.02793,-0.01892,0.07633,0.02504,0.00237,-0.04172,0.04521,0.00547,-0.05722,-0.04872,0.0834,-0.04837,0.08705,0.02172,0.0081,0,-0.02746,0.0288,-0.01124,0.07321,-0.03987,-0.02063,0.02757,0.00112,0.03656,-0.06518,-0.05301,0.02489,-0.03833,-0.00855,0.01207,0.03826,-0.07928,-0.05581,-0.00791,-0.01669,0.04142,-0.05901,-0.01751,0.01532,-0.02356,-0.06355,0.06367,0.04464,-0.03768,-0.02199,0.02911,-0.03092,-0.04454,-0.02965,0.0317,-0.07046,-0.02167,0.07788,-0.01258,0.05946,0.01171,0.02572,0.07378,0.03565,0.02009,0.05367,-0.10007,0.03089,0.05316,0.00601,-0.12786,0.04219,-0.00882,-0.063,0.0352,0.09111,0.0898,0.06191,-0.05492,-0.02217,0.05073,-0.07478,-0.05981,0.00387,0.12307,0.06696,-0.0048,0.03169,0.02879,0.13891,0.05274,0.01828,0.05032,0.00099,0.00318,0.01104,0.15208,0.06074,0.09756,0.10026,0.06756,0.00953,0.04811,-0.01698,-0.047,0.00598,-0.09182,-0.02759,0.02123,0.02351,-0.04693,0.01944,0.04663,-0.06604,0.0102,0,-0.03526,0.00069,-0.00963,-0.02772,-0.0083,0.03788,0.01471,0.06985,-0.05323,-0.02925,-0.03607,0.05586,0.04834,0.05045,0.06697,-0.00008,0.08616,0.04872,-0.01076,-0.04908,0.01682,0.02082,0.03401,0.04398,-0.05802,-0.03927,-0.0037,0.03899,0.05878,-0.01168,-0.07845,0.01827,0.04154,0.01975,-0.04941,0.11409,-0.11314,-0.0168,-0.0123,0.04601,0.05651,0.00562,0.01093,-0.05603,-0.00606,0.04771,0.04523,-0.00215,-0.04879,0.01479,0.00048,0.03055,0.03785,0.04278,0.03151,0.02178,-0.03809,-0.04193,0.06423,-0.01272,-0.05738,0.06514,0.00008,0.0665],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Notes / Pitfalls - Requires fDraggable on the parent f-flow. - Auto-pan is enabled by the presence of <f-auto-pan /. - Supported drag kinds are drag-node, create-connection, reassign-connection, and selection-area. - fEdgeThreshold and fSpeed are measured in viewport pixels, not in flow coordinates. f Draggable f Edge Threshold f Speed","excerpt":"Notes / Pitfalls - Requires fDraggable on the parent f-flow. - Auto-pan is enabled by the presence of <f-auto-pan /. - Supported drag kinds are drag-node, create-connection, reassign-connection, and selection-area. - fEdgeThreshold and fSpeed are measured in viewport pixels, not in flow coordinates."},{"chunkId":"/docs/f-auto-pan-component#9","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.08293,-0.02706,-0.0912,0.04944,0.0934,0.09286,0.06795,0.03697,0.04057,0.02514,-0.03049,0.01266,-0.10606,0.05291,-0.05789,-0.06247,-0.02374,0.01244,-0.00094,0.05296,-0.02835,-0.07352,0.07168,0.02759,-0.00641,-0.00994,-0.00078,-0.0735,0.02025,-0.04678,-0.02632,0.08717,-0.03043,0.03608,-0.12238,-0.01194,-0.04256,0.05651,-0.07055,-0.05004,0.06699,0.01108,0.06969,-0.08766,0.03413,0.05101,-0.0215,0.03424,-0.03344,0.07789,-0.03903,-0.00965,0.02889,0.0738,-0.01198,0.01196,0.06201,-0.03115,0.02311,0.10578,-0.07523,-0.03703,0.00259,0.00072,-0.0092,0.01206,-0.05199,0.0065,-0.06099,0.08685,0.02674,-0.06161,0.00786,-0.06108,0.11048,-0.03454,-0.08232,0.06984,0.00631,0.01716,0.05981,-0.00398,-0.03681,0.07794,-0.00981,0.07192,-0.02124,-0.04157,-0.03704,-0.03516,-0.0213,0.04641,-0.0585,0.0032,-0.03788,-0.01773,-0.089,0.02592,-0.08191,-0.01234,0.03054,-0.01422,0.03552,0.11591,-0.00621,-0.00476,0.01077,0.00472,-0.06748,0.01688,0.00177,0.04254,0.01862,-0.02653,-0.07081,-0.01019,-0.06365,-0.04634,0.05615,0.0355,0.01636,0.04622,-0.05742,-0.0378,0.06764,-0.00869,0.02622,0,-0.02864,0.02171,-0.06412,-0.01613,0.03841,-0.06257,-0.02812,-0.05843,0.01256,0.03204,-0.03641,0.00105,-0.03677,-0.02015,-0.07127,-0.11428,-0.01594,0.02616,0.00095,-0.02905,0.06906,-0.0473,-0.07793,-0.06676,0.10437,0.02263,-0.07395,0.02301,-0.02467,0.04502,-0.00362,0.0781,-0.00192,-0.06462,-0.05586,-0.00708,-0.04779,-0.03948,0.0035,-0.00147,0.0159,-0.00106,-0.05471,0.06752,-0.04721,-0.05646,-0.01314,0.10284,0.04081,0.06692,-0.00168,-0.03749,0.02902,0.0176,0.07194,-0.0414,-0.05008,0.08268,0.02832,0.08993,-0.00995,0.01757,-0.10777,-0.03574,0.01342,0.03257,0.03296,0.07221,0.02757,-0.07928,-0.01174,0.02355,0.02147,0.02397,0.05988,-0.03245,-0.05131,0.01614,0.03051,-0.00481,0.03541,-0.07383,0.05168,0.05566,0.04254,-0.08178,0.01025,-0.01067,-0.09006,-0.07342,0.09797,-0.01622,0.09828,0.0202,0.0088,0,0.03913,0.04943,-0.00385,0.11908,-0.04425,-0.03093,0.0763,0.04944,0.00491,-0.03559,-0.01867,0.02537,-0.00344,0.01325,0.00215,0.03272,-0.07522,-0.04794,0.04981,0.0006,0.07098,-0.03515,-0.01915,0.01526,-0.02779,-0.0175,0.08455,0.06051,-0.00798,-0.02625,0.01009,-0.03271,-0.07686,-0.04604,0.0033,-0.05388,-0.0016,0.12353,-0.02905,0.02907,0.04411,0.03976,0.04731,-0.01248,0.00303,0.03141,-0.06199,0.0438,-0.0207,-0.01609,-0.11787,0.02251,-0.01753,-0.05914,0.01868,0.0259,0.0798,-0.00857,-0.08274,-0.02434,0.08418,-0.04896,-0.03745,-0.02964,0.12065,0.07918,-0.05721,0.0132,0.0526,0.10243,-0.01086,-0.00208,0.02692,0.00688,0.02068,0.04207,0.15777,-0.01122,0.12858,0.04559,-0.00236,0.0176,0.00887,-0.01854,-0.07255,0.07853,-0.13466,-0.02238,0.02584,0.03403,-0.06783,-0.03723,0.01552,-0.08155,0.01259,0,-0.0864,0.02258,0.01849,-0.02487,0.00151,0.01147,0.02147,0.0222,-0.02972,-0.02974,-0.07401,0.07128,0.09299,0.03069,0.02661,0.02115,0.07321,0.05095,-0.01726,-0.02685,0.02153,0.02727,0.08153,0.04807,-0.05446,-0.07492,-0.07187,0.03565,0.03203,-0.01845,-0.08967,0.00345,0.01719,-0.0008,-0.05155,0.02657,-0.12389,-0.07617,-0.02108,0.0319,0.07602,0.00299,0.01992,-0.0494,-0.04594,0.06482,0.07287,0.01963,-0.0156,0.00969,0.00759,0.00394,-0.01765,0.03485,0.03834,0.00755,-0.01289,-0.00302,0.06698,-0.01671,-0.07619,0.02858,-0.02822,0.04075],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Example ::: ng-component <auto-pan</auto-pan [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.scss :::","excerpt":"Example ::: ng-component <auto-pan</auto-pan [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.scss :::"},{"chunkId":"/docs/f-external-item-directive#0","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.02408,-0.01543,-0.05233,0.08478,0.11929,0.03031,0.12794,0.01315,-0.01393,-0.04328,-0.04077,-0.0225,-0.00262,-0.0007,0.03283,-0.04099,-0.01122,0.01538,0.0125,0.04397,0.02403,-0.11415,0.02637,-0.05017,0.0058,0.03204,0.01055,-0.07664,0.05584,-0.06425,0.00267,0.06716,-0.04639,0.04562,-0.13798,0.03677,0.04017,0.03294,-0.09216,-0.03206,0.01291,0.0477,-0.07779,-0.03342,-0.05913,-0.08077,0.04103,0.00096,-0.04249,0.12769,0.01467,-0.02439,-0.01769,0.07364,-0.00341,0.0722,0.04368,-0.08095,0.06428,0.04643,0.0546,-0.00724,-0.06462,0.00726,0.04593,0.01738,0.00606,0.10311,-0.02113,-0.08443,0.07489,-0.01521,-0.01615,0.02908,0.05346,-0.00814,0.04862,-0.01457,-0.09263,0.06915,0.04664,0.09345,-0.03168,0.05813,0.00503,0.15089,-0.0444,0.00847,-0.07098,0.01856,-0.00671,0.04883,-0.03249,-0.01797,0.0482,-0.08159,0.01311,-0.00865,0.01426,-0.00399,0.06024,-0.01749,-0.02732,0.06239,0.00403,-0.07308,-0.02818,-0.07039,-0.06647,0.08103,-0.02489,0.0078,-0.02417,-0.00857,-0.07441,-0.0405,-0.05555,-0.02458,0.01332,0.05376,0.02217,0.1179,-0.0459,0.02219,0.01431,-0.02312,-0.10581,0,0.03351,-0.05694,0.02492,0.00231,0.07102,-0.01533,0.01293,-0.0622,-0.07481,0.02119,-0.01321,0.00035,-0.03199,0.06089,0.01694,-0.11713,-0.02012,-0.01946,0.0516,-0.05544,-0.01933,-0.02414,-0.06359,-0.01818,0.04178,0.07356,-0.06398,0.0953,0.04893,0.02873,-0.06503,-0.01689,0.05223,0.03245,-0.00494,0.01835,-0.04121,-0.01258,0.03363,-0.05273,0.00116,0.00113,-0.04151,0.01719,-0.03484,-0.07851,0.00998,0.03322,0.03944,0.0041,-0.033,0.00004,0.00652,-0.03671,0.0129,-0.03206,-0.03828,0.04839,0.04888,0.03371,0.05314,0.081,-0.00988,0.02642,0.10115,0.04451,-0.02457,0.03919,0.01888,-0.06585,-0.10173,0.10653,0.04371,0.01652,0.11383,-0.03814,-0.04468,-0.10231,0.018,-0.02319,-0.06989,-0.07223,0.02498,-0.05178,0.02683,-0.02605,0.02767,0.02811,-0.0442,-0.09044,0.03332,-0.04151,-0.01776,-0.07376,0.0103,0,-0.02924,0.03732,0.0571,0.05304,0.05861,-0.00202,0.00946,0.01012,-0.00135,0.09357,-0.08024,0.08934,0.024,-0.04764,0.00593,0.04061,-0.02997,-0.08084,-0.05721,-0.10654,-0.0312,-0.03752,-0.014,-0.03651,-0.12209,-0.02808,0.08599,0.00714,-0.04134,-0.02569,0.01173,-0.02349,-0.00893,-0.00081,0.05084,-0.06496,0.06474,0.06075,-0.01625,-0.00025,-0.12295,-0.00968,-0.05811,0.04791,-0.03493,0.02246,-0.0675,0.06951,0.06173,0.05298,-0.00253,-0.004,-0.05624,0.00083,0.0456,-0.06817,0.0687,0.05689,0.03816,-0.01905,0.0308,-0.02834,-0.0661,-0.05661,0.1122,-0.02393,-0.06597,0.00585,0.00138,0.10889,0.05047,0.08005,0.01226,-0.08378,0.07351,-0.03586,0.0976,0.00572,-0.01994,0.00823,0.0655,0.03537,-0.00977,0.01438,0.05722,-0.06554,-0.03873,0.03668,0.0159,0.00881,-0.09016,-0.03274,0.05921,-0.01435,-0.01907,0,-0.05216,-0.02219,-0.04425,-0.01004,-0.04131,0.03959,-0.01002,0.04021,-0.00079,-0.00478,0.01334,0.02912,0.01607,-0.004,0.08901,-0.06194,0.0788,0.07701,0.00064,-0.02956,0.00171,0.03978,0.02454,0.08293,-0.0422,-0.02534,-0.03611,-0.01865,0.02355,0.02092,-0.05722,0.02127,-0.02144,0.03552,-0.07623,0.01194,-0.10935,0.04839,-0.04541,0.01856,0.07112,-0.05283,-0.0626,-0.00845,-0.07829,0.01962,-0.03995,-0.00734,0.00383,0.04374,-0.00873,-0.01754,0.04216,0.00296,0.06049,0.02246,-0.04014,-0.00381,0.02806,-0.0236,-0.10088,0.02325,0.08195,-0.01341],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. External Item Selector: [fExternalItem] Class: FExternalItem<TData External item directives let you drag items from outside the canvas and create nodes on drop. f External Item F External Item T Data","excerpt":"External Item Selector: [fExternalItem] Class: FExternalItem<TData External item directives let you drag items from outside the canvas and create nodes on drop."},{"chunkId":"/docs/f-external-item-directive#1","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.04832,-0.01485,-0.05104,0.08055,0.11987,0.00509,0.08857,0.06615,0.05307,-0.04085,-0.01565,0.00456,0.00194,-0.02252,0.05105,-0.01073,0.02657,0.00455,-0.02151,0.02599,0.00555,-0.11015,-0.00386,-0.05113,-0.00914,0.02651,-0.04367,-0.05789,0.06892,-0.07367,-0.01624,0.08775,-0.0355,0.02335,-0.10059,0.07436,0.04185,0.04646,-0.1287,-0.05983,0.00135,0.05683,-0.05485,-0.02222,-0.03755,-0.11887,0.03015,-0.03297,-0.06513,0.09957,-0.00774,-0.06242,-0.04403,0.05585,0.01965,0.07807,0.06165,-0.06272,0.03883,0.0369,0.044,0.01046,-0.06016,0.01923,0.04843,0.00213,0.02604,0.10433,-0.01188,-0.09114,0.05086,-0.02116,-0.0557,0.05271,0.06235,-0.02044,0.02191,-0.03476,-0.09079,0.01036,0.05,0.08687,-0.05806,0.05801,0.02102,0.16598,0.01772,-0.01527,-0.02473,0.03694,0.02826,0.01567,0.00706,-0.03518,0.06787,-0.08136,0.01368,0.00558,0.00666,0.01988,0.06169,-0.02781,0.01752,0.05967,0.00411,-0.07427,-0.00421,-0.06229,-0.06021,0.06984,-0.02251,-0.00296,-0.02969,-0.05432,-0.06636,-0.05781,-0.04481,-0.04235,0.00788,0.07126,-0.00004,0.10291,-0.04027,0.01382,0.01415,-0.02005,-0.09376,0,0.03952,-0.06258,0.00189,0.0212,0.09648,-0.01212,0.01337,-0.04551,-0.0554,0.00542,0.00722,0.0403,-0.02595,0.13114,0.03277,-0.064,-0.01606,0.04126,0.00791,-0.04855,-0.0015,-0.06008,-0.05998,0.01899,0.02734,0.09854,-0.01861,0.07469,0.06245,0.0222,-0.04725,-0.03203,0.046,0.06469,-0.01195,0.08041,-0.05929,-0.06998,0.07565,-0.04338,-0.00484,0.00707,-0.03736,0.01724,0.00466,-0.09071,-0.00237,0.05341,0.01898,-0.01356,0.0134,0.05713,0.05338,-0.02176,0.02205,-0.02888,-0.00835,0.00009,0.04938,0.06952,0.0008,0.11058,-0.00149,0.05753,0.10304,0.06637,-0.00731,0.02842,0.0209,-0.07886,-0.10208,0.06972,-0.01175,0.01421,0.10379,-0.08929,-0.0608,-0.1161,0.0236,-0.02846,-0.0613,-0.06694,-0.00829,-0.03144,-0.01121,-0.01853,0.00797,0.01144,-0.04197,-0.05381,0.05822,-0.03385,-0.04048,-0.01375,-0.00161,0,-0.03701,-0.00081,0.05355,0.04815,0.03318,0.00333,-0.03055,-0.02162,0.01104,0.06829,-0.06645,0.07454,0.02194,-0.03717,0.01431,0.02809,-0.07136,-0.11301,-0.04466,-0.13794,-0.00353,-0.0188,-0.01216,-0.00328,-0.12196,-0.04701,-0.00705,-0.02681,-0.03969,-0.03551,0.02372,-0.04677,-0.02759,-0.03662,0.05182,-0.04916,0.04958,0.05196,-0.00547,0.01728,-0.12558,0.01737,-0.04027,0.05623,-0.06345,0.04625,-0.09046,0.04318,0.09563,0.02972,-0.00013,-0.0008,-0.00644,-0.03664,0.02273,-0.0412,0.0286,0.04566,0.03313,-0.01584,0.01643,-0.0322,-0.03043,-0.05955,0.06912,-0.01464,-0.03427,0.00636,-0.01076,0.04806,0.0825,0.06287,0.00107,-0.07512,0.04581,-0.01762,0.1254,-0.02135,-0.01857,0.02674,-0.00863,0.01913,0.03709,0.0066,0.00651,-0.06378,-0.01902,0.03936,0.00247,-0.00567,-0.10112,-0.00195,0.06054,0.05401,-0.00056,0,-0.0534,0.00701,-0.02086,0.00687,-0.07351,0.02714,0.0032,0.07994,0.00434,0.02355,0.0322,-0.01914,-0.04376,0.00406,0.10527,-0.04947,0.06235,0.0621,-0.0337,-0.07036,-0.00322,0.05325,0.01164,0.0615,-0.05318,-0.00455,0.02325,0.01427,-0.00398,0.05656,-0.02721,0.04892,-0.00848,0.06933,-0.08523,0.01881,-0.0983,0.04628,-0.02686,-0.01999,0.07331,-0.06168,-0.07307,-0.00952,-0.07262,0.00169,-0.03664,-0.00797,-0.02571,0.05104,-0.02243,-0.03361,0.03173,0.00907,0.05086,0.01703,-0.0046,-0.01648,0.06874,-0.00165,-0.10134,0.01668,0.07684,-0.00278],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Why / Use cases Use external items when your editor has a toolbox/palette and users should create nodes by dragging from it. Typical use cases: - Low-code builders with component palettes. - Visual workflow editors with draggable block templates. - Diagram tools that create nodes from external catalog items.","excerpt":"Why / Use cases Use external items when your editor has a toolbox/palette and users should create nodes by dragging from it. Typical use cases: - Low-code builders with component palettes. - Visual workflow editors with draggable block templates. - Diagram tools that create nodes from external catalog items."},{"chunkId":"/docs/f-external-item-directive#2","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.03017,-0.03406,-0.05127,0.09509,0.1171,0.00691,0.13043,0.02771,0.03021,-0.08675,-0.04837,-0.01133,-0.00969,-0.01794,0.014,-0.0446,0.01025,-0.00639,0.01564,0.03998,0.03178,-0.15775,0.037,-0.06558,-0.01464,0.00802,-0.02254,-0.06008,0.07483,-0.12118,0.0333,0.07157,-0.03071,0.00854,-0.11268,0.04305,0.02322,0.03026,-0.11078,-0.03325,-0.00571,0.03873,-0.07945,-0.04747,-0.04681,-0.06967,0.05476,-0.00485,-0.05413,0.13683,0.01115,-0.03411,-0.00623,0.06069,0.03144,0.05696,0.03682,-0.09601,0.04271,0.03302,0.0378,-0.00064,-0.06037,0.0166,0.05621,0.02139,0.00559,0.04279,-0.00569,-0.10441,0.06391,-0.00622,-0.00928,0.01737,0.07668,0.02354,0.01793,-0.00044,-0.0676,0.0421,0.07013,0.0752,-0.0119,0.03466,0.01123,0.13884,-0.03881,0.00116,-0.06744,0.05376,-0.00606,0.04537,-0.05478,-0.00412,0.02776,-0.05659,0.00248,0.00106,0.00434,0.01489,0.05709,-0.01532,-0.00333,0.06321,0.0143,-0.07746,-0.02997,-0.06374,-0.06497,0.05367,-0.00272,-0.00812,-0.0123,-0.02105,-0.06115,-0.00998,-0.03456,-0.02337,0.03116,0.01409,0.04233,0.11757,-0.03265,-0.00128,0.01459,-0.03094,-0.08521,0,0.00947,-0.05503,0.0024,0.03355,0.07568,-0.0323,0.01209,-0.0467,-0.07977,0.00321,0.00656,-0.00081,-0.01072,0.06743,0.02229,-0.11733,-0.02698,-0.01671,0.02482,-0.06291,0.00202,0.00259,-0.06392,-0.03342,0.02051,0.09425,-0.0447,0.11324,0.04522,0.02969,-0.06179,-0.00425,0.02923,0.04839,-0.01215,0.02811,-0.04673,-0.06394,0.00666,-0.0348,0.00077,0.00086,-0.06002,0.00422,-0.04845,-0.07979,0.01504,0.06821,0.05351,0.01942,-0.01499,0.01784,0.02219,-0.0396,0.02311,-0.03473,-0.03767,0.03434,0.05747,0.03838,0.0486,0.06647,-0.00096,0.02021,0.08396,0.04959,0.02118,0.03857,0.00958,-0.061,-0.08418,0.08975,0.02188,0.00603,0.11413,-0.06864,-0.04107,-0.11901,0.02478,-0.01382,-0.03571,-0.07076,0.02756,-0.02691,0.00027,-0.02889,0.03624,0.01073,-0.04635,-0.06366,0.03335,-0.05057,0.00687,-0.04377,0.00376,0,-0.03037,0.0133,0.02182,0.05964,0.01582,0.00904,-0.01222,0.03935,-0.01247,0.0771,-0.08136,0.07501,0.01511,-0.04226,-0.03612,0.03834,-0.03923,-0.08822,-0.06026,-0.10243,-0.02314,-0.01091,-0.01223,-0.01084,-0.1223,0.00324,0.0887,0.01461,-0.03725,-0.06583,0.01688,-0.04333,-0.02251,-0.00975,0.0456,-0.07278,0.07985,0.06022,-0.00912,-0.00261,-0.10177,0.01057,-0.05849,0.06117,-0.03282,0.03241,-0.09336,0.03514,0.10949,0.05813,-0.03029,-0.012,-0.05411,0.01292,0.02252,-0.04896,0.06911,0.06161,0.0086,0.0288,0.02602,-0.05686,-0.02429,-0.05015,0.13887,-0.00965,-0.04312,0.02299,0.02095,0.10403,0.08947,0.06953,-0.00567,-0.08774,0.06998,-0.01008,0.13262,-0.02309,-0.01826,0.02234,0.04516,0.01155,0.01482,0.01079,0.02657,-0.06686,-0.02796,0.05395,0.01032,0.01721,-0.07075,0.0025,0.0545,-0.0048,-0.01002,0,-0.06997,-0.02249,-0.06395,-0.01965,-0.03546,0.03073,-0.01105,-0.01379,-0.03739,-0.02868,0.0154,0.00891,0.00309,-0.0015,0.08694,-0.06428,0.076,0.09515,-0.03459,-0.01644,-0.03727,0.06177,0.02507,0.04976,-0.03314,-0.01491,0.00423,0.01519,0.03977,0.02677,-0.0593,0.04036,-0.00583,0.01318,-0.1196,0.04892,-0.08451,0.02598,-0.02973,0.00529,0.10028,-0.04729,-0.06608,-0.01518,-0.08337,0.00989,-0.05651,-0.02433,0.00059,0.05102,-0.01368,-0.00228,0.03405,0.03909,0.05055,0.00144,-0.01925,0.01358,0.07786,0.00077,-0.06444,0.01102,0.11676,0.00789],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. How it works An element with fExternalItem is registered in FExternalItemService. During drag, the external-item handler creates preview/placeholder visuals and, on valid drop, emits fCreateNode from fDraggable with FCreateNodeEvent. f External Item F External Item Service f Create Node f Draggable F Create Node Event","excerpt":"How it works An element with fExternalItem is registered in FExternalItemService. During drag, the external-item handler creates preview/placeholder visuals and, on valid drop, emits fCreateNode from fDraggable with FCreateNodeEvent."},{"chunkId":"/docs/f-external-item-directive#3","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.03462,-0.01566,-0.03631,0.07961,0.12579,0.02522,0.11877,0.02011,0.00382,-0.05776,-0.05797,-0.0143,0.00159,-0.00315,0.02485,-0.01352,-0.01376,0.03777,0.01336,0.03356,0.00101,-0.13078,0.02649,-0.05439,0.02203,0.02882,-0.02673,-0.08274,0.04681,-0.0734,-0.00497,0.09118,-0.01846,0.03359,-0.12215,0.04812,0.04228,0.02954,-0.11427,-0.00673,-0.01223,0.06519,-0.07462,-0.04254,-0.0478,-0.08468,0.04084,0.00319,-0.03542,0.1372,0.00121,-0.06109,-0.04268,0.04808,0.01265,0.07094,0.02416,-0.08407,0.06189,0.05532,0.06428,-0.01358,-0.08137,0.03277,0.05073,0.03148,0.0093,0.09727,-0.00002,-0.09212,0.04861,-0.00875,-0.02156,0.03084,0.06978,-0.00488,0.03643,-0.0042,-0.0915,0.03736,0.03449,0.0649,-0.02924,0.07715,0.03036,0.13705,-0.04909,0.01277,-0.05414,0.03106,-0.03032,0.04616,-0.02537,-0.0124,0.03336,-0.07038,0.00137,-0.02527,0.00233,0.02423,0.057,-0.02493,-0.00138,0.03875,0.03067,-0.04987,-0.02888,-0.03628,-0.05574,0.08556,-0.01776,0.0008,-0.00606,-0.0094,-0.04432,-0.01818,-0.05201,-0.02579,0.02835,0.0662,0.03985,0.1176,-0.04854,-0.00226,0.01013,-0.03749,-0.1044,0,0.04031,-0.05578,0.03997,0.0332,0.07742,-0.01782,0.01027,-0.07592,-0.09371,0.01389,-0.02292,0.02489,-0.03515,0.09207,0.02193,-0.11656,-0.02723,0.00019,0.04413,-0.06047,-0.01219,-0.01016,-0.06708,-0.0234,0.01659,0.07387,-0.0359,0.10533,0.04154,0.03052,-0.06275,-0.01545,0.04439,0.04818,-0.02121,0.00793,-0.03976,-0.05101,0.04329,-0.03049,-0.01626,-0.00382,-0.05597,0.01618,-0.04474,-0.06494,0.00514,0.06538,0.04942,0.01877,-0.03509,0.03246,-0.00053,-0.02361,-0.00573,-0.04718,-0.02764,0.05158,0.02784,0.03644,0.06084,0.0806,-0.00206,0.02006,0.10569,0.03971,-0.01937,0.05414,-0.00307,-0.05132,-0.0994,0.1068,0.03675,0.00647,0.12199,-0.07147,-0.03201,-0.08991,0.01403,-0.00976,-0.06149,-0.06953,0.01879,-0.05249,0.01079,0.00359,0.06457,0.02267,-0.05725,-0.07105,0.0267,-0.03616,-0.00504,-0.0566,-0.01037,0,-0.04336,0.01248,0.03979,0.07722,0.06915,-0.00423,0.01099,0.04414,-0.0086,0.0884,-0.04909,0.08664,0.018,-0.037,-0.001,0.02034,-0.02471,-0.0874,-0.04552,-0.11902,-0.05036,-0.00944,-0.04153,-0.04641,-0.14384,-0.01251,0.05553,-0.02404,-0.04789,-0.021,0.0059,-0.03655,-0.02163,0.00434,0.04698,-0.03984,0.06903,0.04837,-0.03831,-0.00091,-0.12214,-0.02678,-0.0535,0.03438,-0.02448,0.02609,-0.08271,0.07327,0.05088,0.05614,-0.00055,0.01022,-0.03063,-0.02103,0.04307,-0.06143,0.05526,0.04087,0.03763,0.00644,-0.00176,-0.04167,-0.0584,-0.05368,0.1109,0.00053,-0.05706,0.01145,0.00145,0.10061,0.09023,0.06933,0.00972,-0.07626,0.07302,-0.02727,0.1088,0.01049,-0.03768,0.01089,0.03853,0.02379,0.02315,0.03055,0.04524,-0.07623,-0.02821,0.05234,0.02334,0.02261,-0.0801,-0.00899,0.05544,0.00398,0.00307,0,-0.04224,-0.00722,-0.06952,-0.00755,-0.02853,0.04032,-0.00412,0.04524,-0.02092,0.00624,0.0393,0.01987,0.00127,0.00844,0.07395,-0.07381,0.08003,0.10729,-0.00908,-0.04644,-0.0116,0.06422,0.02341,0.05415,-0.04798,-0.02182,-0.0208,0.01434,0.02582,0.00345,-0.06752,0.02609,-0.01765,0.01591,-0.08746,0.01943,-0.12363,0.04077,-0.04726,0.00806,0.08067,-0.03386,-0.03722,0.00254,-0.07028,0.01945,-0.02071,-0.0075,0.00747,0.03209,-0.01829,-0.01318,0.04753,0.0058,0.06099,0.01956,-0.05371,-0.01312,0.03786,-0.00651,-0.09799,0.03209,0.06799,-0.02283],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. API","excerpt":"API"},{"chunkId":"/docs/f-external-item-directive#4","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.03571,0.01779,-0.02755,0.09779,0.12435,0.08295,0.11873,0.04934,0.03808,-0.07195,-0.06877,-0.03338,-0.03279,-0.0202,-0.03885,-0.05151,-0.01571,-0.00338,-0.03594,0.08145,0.0301,-0.13835,0.02029,-0.04032,0.00882,0.03618,-0.01622,-0.04313,0.04494,-0.06602,0.01216,0.04754,-0.01108,0.03653,-0.07231,-0.00702,0.02363,0.03992,-0.07311,-0.01587,-0.01159,0.04157,-0.06302,-0.039,-0.0444,-0.04231,0.05655,0.0036,-0.05093,0.12217,0.00253,-0.01849,-0.01134,0.08804,0.02904,0.08121,0.03866,-0.10829,0.03522,0.05002,0.0131,-0.01476,-0.02308,0.00822,0.01275,0.03716,-0.00432,0.05678,-0.00744,-0.05379,0.08273,0.00013,0.01603,0.01486,0.08426,-0.00312,0.02319,0.02935,-0.07669,0.04135,0.09001,0.09078,0.00813,0.02604,0.00731,0.11437,-0.03275,0.00555,-0.03656,0.02787,-0.0286,0.03406,-0.07729,-0.01406,0.0586,-0.05955,-0.01371,-0.05015,-0.0056,-0.00165,0.05207,-0.03378,0.01358,0.07743,0.00853,-0.05452,-0.03217,-0.07683,-0.06314,0.06178,0.02624,0.0008,0.00849,0.01549,-0.05819,-0.04382,-0.03525,-0.03267,-0.00504,0.02205,0.02365,0.115,-0.05124,0.02121,0.00137,-0.00232,-0.08249,0,0.00639,-0.02315,0.013,0.02197,0.07776,-0.04754,0.02444,-0.0213,-0.05937,0.00481,0.00088,0.01376,-0.03022,0.04932,-0.0455,-0.09441,-0.03342,0.03786,0.01152,-0.0837,0.00791,-0.06267,-0.0979,-0.05376,0.02212,0.07843,-0.06087,0.12728,0.01222,0.01999,-0.10398,-0.02349,0.07367,0.01195,-0.01968,-0.00755,-0.0655,-0.01658,0.0002,-0.02362,0.02771,0.01629,-0.0468,0.0072,-0.03865,-0.06827,0.00443,0.04271,0.05001,-0.03265,-0.01568,-0.0037,0.01238,-0.02277,0.01831,-0.08077,-0.0454,0.05695,0.04996,0.03654,0.03608,0.09958,-0.00503,0.01775,0.08207,0.05882,0.00921,0.02661,0.0351,-0.04509,-0.06613,0.06352,0.03442,-0.012,0.12802,-0.08138,-0.02432,-0.10935,0.01541,0.0111,-0.08002,-0.07089,0.05451,-0.03164,0.0122,-0.04923,0.06042,0.00891,-0.06905,-0.09803,0.03593,-0.05746,0.00873,-0.07198,0.02322,0,-0.00138,0.02164,0.07042,0.06478,0.04075,0.00976,0.00964,0.07768,0.03529,0.04272,-0.07778,0.04733,-0.0159,-0.07177,-0.01994,0.05655,-0.07236,-0.09669,-0.06546,-0.10593,0.00663,-0.05273,-0.01377,0.0369,-0.14546,0.01272,0.1163,-0.00816,-0.02146,-0.02795,0.00285,-0.02382,-0.0388,0.02217,0.05322,-0.08848,0.0504,0.06773,-0.00134,0.06556,-0.11758,-0.0045,-0.04355,0.03971,-0.03914,0.01506,-0.01505,0.03341,0.10199,0.01451,-0.03075,0.01066,-0.10824,0.04205,0.00428,-0.04615,0.0453,0.03444,0.01073,0.03757,0.04711,-0.07741,-0.0735,-0.06362,0.12568,-0.01073,-0.04602,-0.00399,0.01686,0.11702,0.03744,0.04735,0.01544,-0.08115,0.05262,0.00025,0.1101,-0.01208,0.04114,0.02926,0.04802,0.01521,0.01677,0.01966,0.03761,-0.03387,-0.02964,0.02334,-0.00092,0.01718,-0.09868,-0.02159,0.07666,0.00472,-0.0081,0,-0.05488,-0.00529,-0.04004,-0.01009,-0.03434,0.03122,-0.0391,0.01115,-0.01789,-0.04544,-0.00039,0.04527,-0.00135,0.01998,0.06148,-0.08838,0.0374,0.07909,-0.03536,-0.037,0.00695,0.07076,0.01498,-0.00577,-0.04159,-0.04061,-0.03024,0.01778,0.04672,0.03409,-0.04211,0.01451,-0.01744,0.05181,-0.10065,0.02825,-0.06922,0.01566,-0.04317,0.01313,0.10486,-0.05355,-0.06764,-0.03233,-0.08008,0.03,-0.01238,-0.0103,-0.04299,0.05734,0.02392,-0.01235,0.01941,0.04329,0.04463,-0.01753,-0.05205,0.02944,0.06154,-0.01203,-0.05646,-0.00216,0.06707,0.0141],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Inputs - fExternalItemId: string; Unique identifier for the item. Default: Auto-generated f-external-item-{id}. - fData: TData; Data payload associated with the item, passed to fCreateNode event on drop. - fDisabled: boolean; Default: false. Disables dragging of this item. - fPreview: TemplateRef<unknown; Custom template for the drag preview. - fPreviewMatchSize: boolean; Default: true. If true, the preview element matches the size of the source element. - fPlaceholder: TemplateRef<unknown; Custom template for the placeholder shown in the list while dragging. f External Item Id f Data T Data f Create Node f Disabled f Preview Template Ref f Preview Match Size f Placeholder","excerpt":"Inputs - fExternalItemId: string; Unique identifier for the item. Default: Auto-generated f-external-item-{id}. - fData: TData; Data payload associated with the item, passed to fCreateNode event on drop. - fDisabled: boolean; Default: false. Disables dragging of this item. - fPreview: TemplateRef<unknown; Custom template for the drag preview. - fPreviewMatchSize: boolean; Default: true. If true, the preview element matches the size of the source element. - fPlaceholder: TemplateRef<unknown; Custom template for the placeholder shown in the list while dragging."},{"chunkId":"/docs/f-external-item-directive#5","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.00411,0.01372,-0.07635,0.09874,0.12304,0.03298,0.11717,0.01766,0.0403,-0.05754,-0.04153,-0.04158,-0.03635,-0.00313,-0.00286,-0.0487,-0.02738,0.01135,0.00893,-0.00025,0.03877,-0.12411,0.00954,-0.0391,-0.00329,0.02746,-0.04229,-0.065,0.0534,-0.09653,0.04386,0.07933,-0.02485,0.03312,-0.09491,0.04939,0.05006,0.01018,-0.09186,-0.03319,0.02648,0.01949,-0.03368,-0.06189,-0.07249,-0.04933,0.00958,0.00604,-0.05393,0.15098,0.0062,-0.02528,-0.02099,0.06611,0.06204,0.03083,0.06363,-0.09335,0.03826,0.02669,-0.0065,-0.01629,-0.08091,0.02767,0.03545,0.00387,-0.0342,0.08912,0.00147,-0.05854,0.07795,-0.00291,-0.0209,0.00329,0.07637,-0.01693,0.00946,0.03907,-0.08732,0.03418,0.05099,0.0928,-0.00954,0.03902,0.00514,0.12256,-0.0804,0.02713,-0.06218,0.03926,-0.05924,0.10096,-0.04098,0.011,0.03134,-0.04942,0.02365,-0.05077,0.00833,0.02672,0.02883,0.01886,0.00593,0.05801,0.01908,-0.05235,-0.05762,-0.02237,-0.06819,0.03654,-0.01509,0.00377,0.03173,-0.02457,-0.03298,-0.01869,-0.0521,-0.01108,0.01676,0.06298,0.02935,0.10586,-0.0601,0.00779,0.02308,-0.03735,-0.06051,0,0.0175,-0.06558,-0.01948,0.04612,0.07258,0.00497,0.01927,-0.07545,-0.03825,0.01524,-0.01975,-0.01207,-0.05152,0.05886,0.01637,-0.14371,-0.00363,-0.01464,0.01808,-0.04459,0.00226,-0.00935,-0.04718,-0.03348,0.05563,0.08879,-0.05195,0.10768,0.0121,0.03953,-0.04599,-0.0184,0.04466,-0.00127,-0.02552,-0.01111,-0.04647,-0.04297,-0.01973,-0.02861,-0.01812,-0.00742,-0.07416,-0.00928,-0.05282,-0.0392,-0.02063,0.05266,0.07518,0.0295,0.00441,0.0221,0.03388,-0.04248,0.03497,-0.04965,-0.0576,0.05986,0.04727,0.04999,0.073,0.10042,-0.04208,-0.00768,0.07515,0.03327,0.00347,0.02734,0.01973,-0.05738,-0.11275,0.08732,0.02095,0.0099,0.12105,-0.03977,-0.03498,-0.11139,0.00736,-0.0277,-0.06162,-0.06343,0.02885,-0.03538,0.03905,-0.01226,0.02881,0.0054,-0.04911,-0.05726,0.01552,-0.04771,0.04419,-0.0675,0.00292,0,-0.02063,0.02333,0.02776,0.06553,0.02376,-0.00241,0.00287,0.00068,0.00604,0.08448,-0.09049,0.09234,-0.02911,-0.04105,0.0269,0.02443,-0.03169,-0.09006,-0.04677,-0.07168,-0.04912,-0.00228,-0.00873,-0.04723,-0.10493,0.00677,0.08209,0.00416,-0.022,-0.05777,0.01618,-0.04483,-0.04169,-0.00305,0.05884,-0.07563,0.07821,0.07811,-0.01865,0.00487,-0.06772,0.02936,-0.08617,0.04428,-0.05528,0.03614,-0.0675,0.0198,0.07881,0.06919,-0.02765,-0.00003,-0.07286,0.0127,0.01167,-0.06133,0.107,0.04642,-0.00108,0.00149,-0.02077,-0.04776,-0.0568,-0.06259,0.12576,-0.00464,-0.05177,0.03746,0.04493,0.11666,0.07998,0.06393,-0.01411,-0.06458,0.05588,0.02695,0.10443,-0.00057,-0.00748,0.02994,0.05048,0.05299,0.0259,0.01373,0.06143,-0.07336,-0.05129,0.00422,0.04519,0.03276,-0.06194,-0.00883,0.05372,0.00519,0.00891,0,-0.09837,-0.01827,-0.06615,0.01059,-0.0259,0.01693,-0.01922,0.00744,-0.02615,-0.03033,0.01034,0.03765,0.03157,-0.02473,0.08235,-0.06273,0.07903,0.08467,-0.02938,-0.01669,-0.01331,0.04728,-0.01189,0.06882,-0.07487,-0.06012,-0.02289,-0.01037,0.05122,0.00886,-0.03867,0.04642,-0.0151,0.0384,-0.08203,0.01496,-0.0911,0.0186,-0.03151,0.00572,0.08537,-0.03264,-0.05008,-0.02995,-0.09669,0.01326,-0.0418,-0.02901,-0.01966,0.06652,-0.01707,0.02857,0.02962,0.0462,0.05201,-0.01045,-0.02039,-0.01155,0.04448,-0.03666,-0.06135,0.03319,0.10881,-0.035],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Outputs - No outputs on the directive itself. - Consume on f-flow[fDraggable]: fCreateNode: EventEmitter<FCreateNodeEvent;. f Draggable f Create Node Event Emitter F Create Node Event","excerpt":"Outputs - No outputs on the directive itself. - Consume on f-flow[fDraggable]: fCreateNode: EventEmitter<FCreateNodeEvent;."},{"chunkId":"/docs/f-external-item-directive#6","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.03101,0.00499,-0.04721,0.07871,0.10928,0.02818,0.09869,0.02951,-0.00017,-0.06088,-0.04979,0.00448,-0.00664,-0.00387,0.00483,-0.02383,-0.02292,0.05407,0.03582,0.04533,0.01296,-0.13153,0.02173,-0.04831,0.01943,0.02704,-0.03301,-0.08553,0.05137,-0.08702,-0.00137,0.1018,-0.03551,0.02734,-0.11372,0.04695,0.04565,0.02056,-0.11421,-0.01103,-0.01553,0.06369,-0.08637,-0.03353,-0.04194,-0.08527,0.0251,-0.01389,-0.04365,0.12331,-0.00361,-0.0665,-0.03014,0.03229,0.01695,0.04724,0.02839,-0.08377,0.079,0.03319,0.07415,-0.00151,-0.10253,0.0485,0.05512,0.02147,0.01163,0.09711,0.0047,-0.08875,0.04883,0.00722,-0.0231,0.02782,0.06417,-0.01348,0.04464,-0.01706,-0.10555,0.03884,0.0368,0.0723,-0.03114,0.07529,0.04579,0.14958,-0.04442,0.02542,-0.04599,0.02615,-0.0267,0.06566,-0.02111,-0.02879,0.02288,-0.05804,0.00588,-0.01684,0.00621,0.04605,0.06168,-0.01479,0.00253,0.0365,0.04105,-0.05578,-0.02623,-0.02924,-0.04461,0.09781,-0.01958,0.01285,-0.0255,-0.04115,-0.04217,-0.0185,-0.05071,-0.0246,0.02946,0.07523,0.06,0.1145,-0.03537,-0.00202,0.02188,-0.03439,-0.10369,0,0.03158,-0.04013,0.00883,0.04544,0.0862,-0.01247,0.01097,-0.07815,-0.08861,0.0147,-0.00617,0.03573,-0.03355,0.10721,0.03323,-0.11525,-0.027,0.00208,0.05541,-0.06389,0.00016,-0.01897,-0.04127,-0.00826,0.02194,0.07948,-0.04507,0.10292,0.01999,0.03642,-0.04948,-0.03103,0.03216,0.04384,-0.00522,0.01608,-0.02544,-0.07499,0.02974,-0.04508,-0.02838,-0.0083,-0.05759,0.00751,-0.01752,-0.07557,0.01846,0.05282,0.04627,0.01292,-0.02024,0.03374,-0.00791,-0.04045,-0.00566,-0.04958,-0.03378,0.02708,0.02613,0.04359,0.05971,0.07089,0.00623,0.01374,0.10171,0.04127,-0.01881,0.05451,0.01784,-0.05273,-0.10364,0.09332,0.0215,0.01819,0.10681,-0.06891,-0.0348,-0.09803,0.02495,-0.01299,-0.07336,-0.07593,0.02027,-0.03818,0.01813,-0.00556,0.07171,0.02788,-0.05916,-0.07406,0.01681,-0.02792,-0.0118,-0.06007,-0.01743,0,-0.04006,0.01113,0.04717,0.06561,0.03309,-0.00089,0.00225,0.03778,-0.01449,0.08543,-0.04978,0.0703,0.0107,-0.04745,0.00475,0.02948,-0.03066,-0.09842,-0.06516,-0.11477,-0.06918,-0.0034,-0.03335,-0.04541,-0.12949,-0.01201,0.04524,-0.03201,-0.04275,-0.01509,0.01092,-0.05109,-0.01711,-0.00373,0.04769,-0.02116,0.07709,0.05573,-0.02754,0.00364,-0.11144,-0.00969,-0.05359,0.03351,-0.04146,0.02422,-0.08587,0.06954,0.06424,0.0332,0.00003,0.00457,-0.02735,-0.02355,0.04587,-0.05545,0.04797,0.0347,0.02743,0.01939,0.01359,-0.03059,-0.05554,-0.05083,0.11392,-0.00817,-0.07548,0.01147,-0.01721,0.10224,0.09332,0.08163,0.00568,-0.0802,0.04952,-0.03135,0.11164,0.02582,-0.03326,0.01959,0.04081,0.02,0.01739,0.02125,0.04778,-0.08512,-0.01395,0.05268,0.01409,0.01342,-0.06769,0.0032,0.06148,0.02298,0.00457,0,-0.05467,-0.01641,-0.06109,-0.016,-0.03825,0.04209,-0.00793,0.02909,-0.03415,0.01345,0.03627,0.02184,-0.01119,0.01266,0.07511,-0.07667,0.07169,0.10531,-0.02705,-0.04513,-0.02154,0.07024,-0.00367,0.03885,-0.03647,-0.01733,-0.01154,0.03165,0.04936,0.01974,-0.06297,0.03251,-0.02101,0.01535,-0.08232,0.01735,-0.111,0.04368,-0.04288,0.01357,0.0901,-0.03226,-0.04759,0.00992,-0.06939,0.02423,-0.01682,-0.02279,-0.00357,0.03879,0.00456,-0.01295,0.04947,0.01248,0.05747,0.02212,-0.03099,-0.01694,0.05092,-0.01849,-0.08677,0.02207,0.08564,-0.01928],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-external-item-directive#7","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.04072,0.00187,-0.05206,0.07305,0.11306,0.04823,0.10478,0.03247,0.02113,-0.05703,-0.06025,0.01033,-0.02372,-0.01295,0.03613,-0.02811,-0.0184,0.02255,0.00592,0.04617,0.01334,-0.13198,0.03564,-0.0562,-0.00014,0.04982,-0.01277,-0.05696,0.0659,-0.07117,0.00362,0.09017,-0.013,0.03795,-0.11132,0.03235,0.0564,0.07197,-0.13058,-0.01213,0.00454,0.05336,-0.05118,-0.06206,-0.02963,-0.07702,0.0206,-0.01882,-0.04298,0.10857,0.01196,-0.06095,-0.03404,0.07452,0.01681,0.06074,0.06314,-0.09637,0.03964,0.05307,0.03337,-0.00718,-0.05525,0.04076,0.01723,0.02145,0.0059,0.10493,0.00353,-0.07395,0.06545,-0.00798,-0.01972,0.01902,0.06575,0.00018,0.04874,0.00555,-0.10667,0.04163,0.04957,0.08368,-0.01569,0.04877,-0.01238,0.14507,-0.02478,-0.0044,-0.04896,0.038,-0.03675,0.03478,-0.02774,-0.0246,0.0664,-0.0521,-0.02502,-0.01797,-0.00388,0.01122,0.06056,-0.03073,0.00809,0.04651,0.02671,-0.04396,-0.01604,-0.02467,-0.04397,0.04629,-0.0144,0.00116,-0.01756,-0.04164,-0.06878,-0.0515,-0.04611,-0.0532,0.01447,0.06719,0.02612,0.10602,-0.0463,-0.02053,0.02089,-0.02218,-0.09105,0,0.0345,-0.03671,0.00611,0.03157,0.08988,-0.00424,0.02092,-0.06901,-0.07454,0.03053,-0.0073,0.00647,-0.04424,0.08961,-0.02396,-0.12107,-0.00783,0.0113,0.02967,-0.05426,0.03113,-0.05558,-0.08048,-0.03112,0.04259,0.09022,-0.04189,0.09959,0.00376,0.01976,-0.04748,-0.03107,0.06199,0.03637,-0.03056,0.00776,-0.0736,-0.03194,0.05814,-0.04266,-0.02375,-0.00557,-0.06703,0.02526,-0.02961,-0.07083,-0.00172,0.05024,0.06284,-0.00977,-0.01156,0.03627,-0.01053,-0.02129,0.01322,-0.05976,-0.03056,0.06074,0.02275,0.03408,0.06598,0.11386,-0.03654,0.00989,0.0989,0.05262,0.00125,0.02644,0.01349,-0.07333,-0.09921,0.08391,0.00305,-0.00575,0.11418,-0.07489,-0.02387,-0.07095,0.02412,0.00379,-0.11049,-0.08898,0.02567,-0.00381,0.003,-0.02317,0.04839,0.01176,-0.0218,-0.08624,0.04793,-0.0367,0.00317,-0.06955,0.00584,0,-0.03585,0.03797,0.04182,0.08405,0.04859,-0.00168,0.01888,0.03847,0.00591,0.08478,-0.06722,0.10777,0.03051,-0.05188,0.01005,0.03081,-0.06175,-0.08495,-0.03103,-0.1184,-0.04187,-0.01091,-0.02393,-0.03034,-0.13275,-0.00358,0.0667,-0.0318,-0.04598,-0.0213,0.03377,-0.01691,-0.01424,0.00681,0.0416,-0.05938,0.02417,0.06662,-0.02603,0.02168,-0.12164,-0.00322,-0.05349,0.06044,-0.0733,0.02464,-0.06838,0.02947,0.07529,0.03811,-0.02651,0.00827,-0.06674,-0.00478,0.01532,-0.04073,0.04721,0.03801,0.01432,0.00168,0.02656,-0.04625,-0.06455,-0.06071,0.09295,-0.00873,-0.05516,0.01592,0.00667,0.07598,0.07977,0.07157,0.00347,-0.05234,0.06878,-0.01313,0.12019,0.03011,-0.00211,0.03393,0.01748,0.04756,-0.01461,0.01946,0.03615,-0.08581,-0.04114,0.01937,0.00767,0.00056,-0.10186,0.00131,0.04531,0.02602,-0.01019,0,-0.05452,-0.02201,-0.02381,-0.00669,-0.05554,0.02544,-0.0107,0.04838,-0.01587,0.01487,0.01863,0.0375,0.02218,-0.03231,0.09239,-0.0478,0.0513,0.0931,-0.03279,-0.04409,0.00756,0.05477,0.00183,0.06126,-0.05583,-0.01537,0.01563,0.00572,0.02987,0.03077,-0.0548,0.03214,-0.01346,0.01604,-0.07961,0.03058,-0.10723,0.03448,-0.05758,0.01397,0.07136,-0.05654,-0.04901,-0.02763,-0.06999,0.01882,-0.04126,-0.00374,-0.02129,0.04428,-0.01294,0.00665,0.01911,0.02982,0.06578,0.00761,-0.04997,-0.02594,0.06412,-0.01708,-0.11259,0.04194,0.0767,-0.01697],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Styling - .f-component Base class for flow primitives. - .f-external-item Host class. - .f-external-item-disabled Disabled class. - .f-external-item-preview Preview-template class. - .f-external-item-placeholder Placeholder-template class.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-external-item Host class. - .f-external-item-disabled Disabled class. - .f-external-item-preview Preview-template class. - .f-external-item-placeholder Placeholder-template class."},{"chunkId":"/docs/f-external-item-directive#8","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.02757,-0.0248,-0.04066,0.07985,0.11571,0.03166,0.09861,0.03491,0.02042,-0.04232,-0.05082,-0.01689,-0.02973,0.00292,0.00753,-0.03674,-0.02156,0.03253,-0.01328,0.02698,0.0251,-0.13245,0.00082,-0.03996,0.00916,0.02096,-0.03681,-0.08656,0.05584,-0.09597,0.00734,0.07636,-0.05507,0.03184,-0.10857,0.04368,0.05543,0.0217,-0.11255,-0.03704,0.02668,0.04388,-0.06525,-0.05056,-0.03486,-0.07286,0.0432,-0.01563,-0.06743,0.14829,-0.02037,-0.03472,-0.02213,0.07705,0.02827,0.07421,0.05113,-0.0916,0.05042,0.04522,0.0308,-0.01581,-0.05944,0.0203,0.04173,0.01025,0.00672,0.07739,0.02373,-0.07223,0.08802,-0.00455,-0.03017,0.02107,0.07945,-0.00106,0.01373,0.00438,-0.08744,0.03931,0.05729,0.08254,-0.02124,0.04286,-0.0166,0.14934,-0.05516,0.00768,-0.07482,0.03942,-0.02154,0.04577,-0.03586,-0.01995,0.03917,-0.08364,-0.00513,-0.04486,0.00691,0.00827,0.06083,-0.00558,-0.00133,0.07407,0.00759,-0.06476,-0.02641,-0.06433,-0.09419,0.07383,-0.01378,0.00666,0.00918,-0.0105,-0.05992,-0.01545,-0.06489,-0.04042,-0.00385,0.06368,0.01093,0.11067,-0.04297,0.01153,0.00743,-0.04822,-0.09512,0,0.02231,-0.06133,0.01325,0.01256,0.07779,-0.00512,0.03372,-0.06802,-0.07021,0.00713,-0.01827,-0.00055,-0.02428,0.0875,0.00946,-0.14293,-0.01221,-0.00655,0.03824,-0.03206,0.01906,-0.01338,-0.07512,-0.03205,0.0527,0.07446,-0.05777,0.11108,0.04216,0.03842,-0.07747,-0.00902,0.0387,0.01788,-0.01247,0.00795,-0.04743,-0.05227,0.02132,-0.03969,-0.00783,0.0053,-0.07014,0.02426,-0.04478,-0.06124,-0.00386,0.04736,0.0243,0.01136,0.00658,0.02574,0.0143,-0.04445,0.03717,-0.04769,-0.04019,0.02053,0.03154,0.05475,0.06598,0.07791,-0.04147,0.01951,0.08505,0.06849,-0.00638,0.05844,0.02781,-0.06684,-0.11105,0.09646,0.01531,-0.00465,0.11631,-0.03282,-0.03353,-0.10403,0.00376,-0.01994,-0.07321,-0.06708,0.02821,-0.02143,0.02892,-0.02078,0.03411,0.00329,-0.05731,-0.04232,0.0579,-0.04456,0.01247,-0.03188,0.01383,0,-0.02476,0.02147,0.04031,0.07301,0.04056,-0.00118,-0.00663,-0.00243,0.01106,0.05418,-0.10795,0.09015,0.00462,-0.04106,0.00393,0.0174,-0.05537,-0.09497,-0.04498,-0.09819,-0.03396,-0.01507,-0.02652,-0.01561,-0.11602,-0.01328,0.03025,-0.02259,-0.03674,-0.03319,0.01137,-0.04511,-0.02822,-0.01339,0.04606,-0.05706,0.06408,0.05658,-0.01046,-0.00857,-0.09726,0.01441,-0.06387,0.04708,-0.04343,0.04742,-0.08296,0.04467,0.06094,0.06745,-0.02958,0.02631,-0.05947,0.00131,0.03165,-0.03726,0.09224,0.04677,0.01763,-0.00095,0.01117,-0.05173,-0.0645,-0.06098,0.11216,-0.02736,-0.04522,0.01543,0.0268,0.10663,0.07216,0.08687,0.0141,-0.05717,0.07339,-0.01905,0.09087,-0.02473,-0.01189,0.03424,0.04896,0.04426,0.01595,0.02412,0.04838,-0.05321,-0.02362,0.01162,0.01891,0.02227,-0.06406,-0.02287,0.03709,0.00501,-0.01159,0,-0.06097,-0.00963,-0.04763,0.01414,-0.04832,0.01922,-0.00118,0.05844,-0.00885,-0.01137,0.0139,0.03625,0.02268,-0.00781,0.09313,-0.06502,0.10219,0.07951,-0.01685,-0.0411,-0.01429,0.05987,-0.00024,0.07988,-0.07084,-0.04275,0.00844,0.01044,0.02974,0.03616,-0.04192,0.01951,-0.0137,0.05325,-0.08232,0.02278,-0.09261,0.04264,-0.04169,0.00402,0.09066,-0.01307,-0.05616,-0.01925,-0.0885,0.0135,-0.04219,-0.02135,-0.00767,0.06864,-0.00648,0.01083,0.02974,0.03385,0.06734,0.02067,-0.03994,-0.01757,0.04185,-0.01756,-0.0716,0.02957,0.10771,-0.01796],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Notes / Pitfalls - Requires fDraggable on f-flow so drag pipeline can emit fCreateNode. - Child pointer events of external item are disabled by the directive to keep dragging reliable. - Keep fData serializable/predictable if you persist created node state. f Draggable f Create Node f Data","excerpt":"Notes / Pitfalls - Requires fDraggable on f-flow so drag pipeline can emit fCreateNode. - Child pointer events of external item are disabled by the directive to keep dragging reliable. - Keep fData serializable/predictable if you persist created node state."},{"chunkId":"/docs/f-external-item-directive#9","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.0497,0.01415,-0.04896,0.08247,0.11187,0.10728,0.06504,0.05313,-0.00453,0.03297,-0.08531,-0.00145,-0.01107,-0.00439,0.02976,-0.01706,-0.03494,0.04671,-0.02465,0.0012,0.03879,-0.11454,0.03117,-0.03577,0.01541,0.03373,-0.0441,-0.07007,0.05432,-0.01698,0.03239,0.07505,-0.00401,0.04651,-0.11447,0.05901,0.02338,0.05626,-0.09236,-0.02465,0.06491,0.08237,-0.06944,-0.11679,-0.00873,-0.09806,0.00624,0.04249,-0.06377,0.08297,0.00325,-0.07825,-0.04514,0.1005,-0.00005,0.05591,0.00737,-0.09407,0.09757,0.06037,-0.00764,-0.03709,-0.03649,0.02338,0.07322,0.03031,-0.05573,0.09988,-0.01314,0.00047,0.05349,-0.04051,-0.0321,0.0132,0.06477,-0.03216,0.00991,0.07603,-0.08718,0.01848,0.04286,0.06329,0.00469,0.07265,-0.00011,0.1542,-0.02194,0.00191,-0.04713,-0.04095,-0.0188,0.04268,-0.02448,0.00639,0.07993,-0.06689,-0.05291,-0.01027,-0.03103,0.01278,0.02697,-0.0669,0.03417,0.05059,0.03167,-0.00472,-0.03235,-0.01376,-0.08332,0.03534,-0.0187,0.02861,0.01317,-0.02951,-0.04469,-0.06773,-0.04556,-0.04078,0.00594,0.09593,0.04465,0.0782,-0.05004,-0.01214,0.04642,0.01062,-0.04157,0,0.02818,-0.02627,-0.0075,0.04797,0.07803,-0.00994,0.00499,-0.08049,-0.08871,0.06464,-0.02705,0.04543,-0.06148,0.06588,-0.04078,-0.10932,-0.02498,-0.0013,0.01311,-0.03038,-0.03201,-0.04796,-0.09818,0.0125,0.06641,0.01183,-0.0355,0.05957,0.01303,0.00869,-0.01022,0.0072,0.07693,-0.00415,-0.03879,-0.01404,-0.04436,-0.01431,0.02422,-0.02288,0.04019,-0.00612,-0.05652,0.07064,-0.05501,-0.04709,-0.00476,0.02323,0.10275,0.01256,-0.03448,0.04864,-0.00154,-0.0131,0.03413,-0.03636,-0.03458,0.06051,0.05535,0.04743,0.03042,0.07533,-0.02944,-0.00567,0.11998,0.04244,-0.01335,0.02299,0.02594,-0.10208,-0.08703,0.10932,0.02257,0.01089,0.10711,-0.06123,-0.00441,-0.02755,0.02108,0.00756,-0.0629,-0.09748,0.00108,0.01415,0.02981,-0.05828,0.03889,-0.01315,-0.04538,-0.13239,0.05928,-0.03097,-0.01319,-0.0771,0.00631,0,0.02862,0.03665,0.05523,0.13448,0.03588,-0.00664,0.04001,0.05357,0.04249,0.08267,-0.01723,0.08674,0.00657,-0.04336,0.01671,0.02601,-0.06107,-0.06844,0.02273,-0.1104,0.00765,0.00463,-0.02276,-0.02716,-0.13664,0.03069,0.07887,0.00965,-0.04416,-0.03156,0.01489,-0.01186,-0.06752,0.02346,0.02705,-0.07269,0.03082,0.11005,-0.0294,0.01464,-0.0528,-0.00587,-0.03814,-0.0111,-0.02948,-0.00636,-0.00581,0.03529,0.01715,-0.00979,-0.01124,-0.0052,-0.05559,0.01409,0.0265,-0.08143,0.0615,-0.00984,0.01384,0.00033,0.0499,-0.03799,-0.07967,-0.09113,0.08318,0.00143,-0.07477,-0.03836,0.03221,0.06616,0.03477,0.02754,0.06163,-0.04911,0.07619,0.02839,0.07908,-0.00614,0.03295,-0.02024,-0.00115,0.05221,-0.00097,0.01475,0.04681,-0.00989,-0.08417,-0.01475,0.06161,-0.00682,-0.12509,-0.03812,0.05254,0.00424,0.03554,0,-0.0374,0.0104,-0.024,-0.00108,-0.03135,0.01733,0.00117,0.02865,-0.01051,-0.01007,0.0016,0.04982,0.04312,-0.01422,0.07301,-0.04623,0.04745,0.08347,-0.02791,-0.01505,0.02879,0.06662,0.07036,0.07156,-0.05834,-0.04483,-0.02816,0.01128,-0.00068,0.0084,-0.05051,-0.00514,0.00337,0.03348,-0.07043,-0.02461,-0.16426,0.00219,-0.03383,0.00088,0.05346,-0.0855,-0.00742,-0.01791,-0.04832,0.00638,-0.01632,0.0248,-0.0175,0.03618,-0.0174,-0.01293,-0.02291,0.01305,0.03533,-0.0414,-0.03349,0.0287,0.03198,-0.02642,-0.10256,0.02055,0.01945,-0.04197],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Example ::: ng-component <add-node-from-palette</add-node-from-palette [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.scss :::","excerpt":"Example ::: ng-component <add-node-from-palette</add-node-from-palette [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.scss :::"},{"chunkId":"/docs/f-zoom-directive#0","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.02669,-0.01572,-0.02546,-0.02564,0.0099,-0.02689,0.04547,0.11248,-0.03233,0.04181,0.06537,0.03916,-0.00727,0.03519,0.01048,-0.00451,0.00001,0.03278,-0.0518,-0.01061,0.029,-0.09703,-0.01996,-0.03363,0.0001,-0.04224,-0.03834,0.00033,-0.00088,-0.04465,-0.0644,0.11656,0.04081,0.01068,-0.07996,-0.00351,-0.00021,-0.02996,-0.04094,-0.01323,-0.04901,0.04811,0.04327,0.01757,-0.02866,-0.03288,-0.00932,0.03177,-0.01332,0.13311,-0.03952,-0.0758,-0.03021,-0.06001,0.06468,0.02207,-0.00997,-0.03613,0.0213,0.02087,-0.03988,0.04349,-0.03664,0.06887,0.02094,0.06057,0.04865,-0.12098,-0.01642,-0.04328,-0.01114,-0.04015,0.07756,-0.03443,0.05769,-0.15243,-0.06871,0.01813,-0.00379,-0.03821,-0.01198,0.00447,0.00807,0.06336,0.00601,0.04515,-0.0887,-0.05593,0.03181,0.0038,-0.07602,-0.06577,-0.08203,0.00153,-0.092,-0.0724,-0.01138,-0.10938,-0.06458,0.01791,0.02764,-0.05615,0.07027,-0.03769,0.06026,0.002,0.00252,-0.03385,-0.05534,0.05626,-0.0091,-0.0043,0.028,-0.02877,-0.0333,0.03467,-0.02156,-0.03574,0.11473,-0.00753,0.01538,0.07034,-0.03612,-0.01647,0.04167,-0.00891,-0.09602,0,0.00202,-0.01947,0.03275,0.03371,0.05371,0.00596,-0.00106,-0.05601,-0.07425,-0.02624,0.0584,0.12624,-0.04501,0.05622,0.06055,-0.06009,0.05498,0.06536,-0.04309,-0.03134,0.00083,-0.03308,-0.00101,0.05862,0.06377,0.12535,-0.02806,0.12253,0.0756,0.07022,-0.06588,0.04748,-0.08323,-0.05151,-0.02309,-0.01777,-0.1206,-0.04723,-0.02428,0.00054,-0.00738,-0.05808,-0.07764,-0.05467,-0.02731,-0.02222,-0.09173,0.05445,-0.02516,-0.0204,0.05277,-0.00816,0.0267,-0.04065,0.04224,-0.10079,-0.00563,0.01774,-0.05915,0.08102,-0.00895,-0.04367,-0.03892,0.03527,0.03937,0.01666,0.00912,0.02837,-0.00158,0.00363,-0.0206,0.0675,0.08411,0.041,0.00244,-0.03446,-0.04868,-0.04099,0.00222,0.01712,-0.08558,-0.05871,0.01083,-0.04366,-0.0302,-0.09242,0.0286,0.03103,-0.05461,-0.06114,-0.07286,-0.00415,-0.01091,-0.01957,-0.01353,0,-0.02493,0.05016,0.00134,0.09386,-0.07344,0.01374,0.09622,0.00583,-0.00776,-0.03604,-0.01825,-0.01242,-0.0171,-0.03149,0.00347,0.02387,-0.01097,-0.04318,-0.00583,-0.00915,0.00038,-0.07777,0.00979,0.00606,-0.03029,-0.02645,-0.02551,0.01892,-0.04706,0.00271,0.01114,-0.06463,0.04029,-0.02046,0.04183,-0.04751,0.04694,-0.05883,0.0079,-0.01931,0.03408,-0.06831,0.07328,-0.01584,0.00668,0.06209,0.00795,0.07026,0.00675,-0.01644,-0.04179,0.01841,0.0393,-0.08297,-0.03792,0.04856,0.02406,0.03279,0.04813,0.00468,0.00953,-0.09437,-0.03959,0.02609,-0.04388,-0.01688,-0.01071,-0.01596,0.03533,0.10555,0.1071,-0.00077,0.09713,-0.01898,-0.05219,0.02731,0.13488,0.03321,0.08425,-0.00349,0.08779,0.03478,0.07345,0.13249,-0.0076,0.04339,-0.06199,0.04168,0.05166,0.06402,0.00522,0.03489,0.01995,0.04756,0.03349,0,-0.00813,0.10356,-0.04368,-0.00309,0.02364,0.03198,0.06222,0.08378,-0.06717,0.0462,-0.0044,0.0691,-0.0031,0.0317,0.08136,0.00126,0.09287,0.04575,-0.02513,-0.0137,-0.05894,0.00744,0.00349,0.04535,-0.06208,-0.03869,-0.13525,0.07649,0.01755,-0.05416,-0.01894,0.02939,-0.03906,0.01321,-0.07054,-0.02527,-0.11605,-0.01293,0.07234,-0.00535,0.07458,0.00565,-0.00154,0.0109,-0.05214,0.07364,0.10285,-0.09611,-0.07058,0.06058,-0.0754,0.04213,0.04275,0.04251,-0.03143,0.08078,0.01952,-0.01655,-0.01423,0.03753,-0.03996,0.05336,-0.03865,0.0139],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Zoom Selector: f-canvas[fZoom] Class: FZoomDirective FZoomDirective adds wheel, double-click, and pinch-to-zoom (multitouch) capabilities, and exposes a small imperative zoom API. f Zoom F Zoom Directive","excerpt":"Zoom Selector: f-canvas[fZoom] Class: FZoomDirective FZoomDirective adds wheel, double-click, and pinch-to-zoom (multitouch) capabilities, and exposes a small imperative zoom API."},{"chunkId":"/docs/f-zoom-directive#1","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.05849,0.00301,0.00373,-0.03393,0.04418,-0.01351,-0.00265,0.136,-0.02872,0.05256,0.08035,0.06417,0.00722,0.02696,0.01003,-0.00185,0.06646,0.01212,-0.04983,-0.03332,-0.00558,-0.09697,-0.01682,-0.03473,-0.02306,-0.0598,-0.05622,0.00591,0.02479,-0.06796,-0.06044,0.10784,0.01845,-0.00065,-0.09855,-0.00242,0.02203,-0.04303,-0.06187,-0.03134,-0.04343,0.08616,0.0722,0.02339,0.00311,-0.05244,-0.02302,0.0321,-0.0232,0.10591,-0.06519,-0.05725,-0.04315,-0.07406,0.05048,0.00388,-0.01808,-0.05207,0.03456,-0.00149,-0.02904,0.03303,-0.01628,0.04947,0.00893,0.04613,0.06121,-0.10736,-0.0042,0.02729,-0.00146,-0.0419,0.03219,0.01688,0.03948,-0.14492,-0.06333,0.01206,-0.01071,-0.02776,-0.02378,0.01399,-0.01133,0.04651,-0.01689,0.04381,-0.07985,-0.07872,0.02595,-0.01044,-0.0319,-0.0287,-0.04977,-0.0121,-0.05704,-0.06914,-0.00393,-0.09623,-0.06329,0.03889,0.06553,-0.03679,0.08747,0.00115,0.05774,0.02486,0.02802,-0.02635,-0.05768,0.07251,-0.00068,0.02432,0.01562,-0.04064,-0.06342,0.00648,0.00425,-0.04558,0.07804,0.00774,-0.00906,0.06756,-0.03313,-0.00326,0.04589,0.02531,-0.10137,0,-0.02523,-0.01558,0.01275,0.03699,0.06604,0.02223,0.00333,-0.04357,-0.03663,-0.01751,0.03356,0.10255,-0.05614,0.02792,0.08113,-0.05082,0.04605,0.06806,-0.0657,-0.05225,0.01948,-0.11394,0.00296,0.08683,0.0628,0.10228,-0.02129,0.12176,0.07811,0.04638,-0.04613,0.02748,-0.04601,-0.02428,-0.00836,-0.00961,-0.10045,-0.09077,0.01302,0.00162,-0.03553,-0.03093,-0.05352,-0.04714,-0.03492,-0.00726,-0.07144,0.057,-0.07695,-0.02823,0.06891,0.03404,0.0399,-0.02404,0.07756,-0.0761,0.01493,-0.01806,-0.04227,0.10519,-0.03356,-0.0409,-0.01667,0.06475,0.05104,0.06129,-0.00357,0.03949,0.02118,-0.02943,-0.00979,0.04783,0.07247,0.0437,0.02076,-0.06388,-0.06605,-0.07234,-0.01279,0.02264,-0.06865,-0.04875,0.00351,-0.00003,0.01029,-0.11843,0.01952,0.03431,-0.05736,-0.02627,-0.03212,-0.00682,0.01562,0.00725,0.01193,0,-0.05132,0.0151,0.03677,0.08905,-0.05359,-0.02791,0.06439,-0.01107,-0.00785,-0.0489,-0.03306,-0.02484,-0.01202,-0.04189,0.0144,0.02785,-0.00333,-0.07603,0.00186,-0.01061,0.02259,-0.03224,-0.01865,0.01779,-0.01035,-0.02427,-0.07733,-0.00173,-0.05483,-0.02298,0.00775,-0.0578,0.03866,-0.05479,0.056,-0.042,-0.00054,-0.01959,0.02464,0.0293,0.02528,-0.03815,0.0475,-0.0394,0.0292,0.07953,-0.00764,0.04612,-0.01243,-0.00376,-0.06059,0.02866,0.06257,-0.11208,-0.03115,0.02084,0.0009,0.05443,0.04162,-0.01559,0.01822,-0.10926,-0.04036,0.0346,-0.04634,-0.00707,0.00874,0.00479,0.04251,0.09886,0.08728,-0.00411,0.09265,-0.01174,-0.04183,0.03194,0.11183,0.03219,0.08676,-0.02167,0.03703,0.04668,0.06589,0.09178,-0.03621,0.05308,-0.07219,0.03138,0.04309,0.09832,0.00665,-0.00529,0.02555,0.06125,0.02908,0,-0.0326,0.12464,-0.04298,-0.00879,0.02104,0.05664,0.06958,0.09761,-0.05853,0.07959,0.02493,0.07665,-0.04979,0.04889,0.06144,-0.00532,0.07115,0.01929,-0.02849,-0.01398,-0.07847,0.03577,-0.02791,0.06861,-0.04666,-0.03642,-0.09823,0.08202,0.01364,-0.04917,-0.03628,0.00047,-0.04876,0.07864,-0.05746,-0.05286,-0.13065,0.01938,0.07491,-0.03121,0.07558,0.02607,0.00174,0.00366,-0.09364,0.09221,0.06885,-0.06923,-0.0503,0.0702,-0.07462,0.00928,0.01389,0.00515,-0.01021,0.07903,0.05208,-0.02102,-0.01692,0.01335,-0.06287,0.03657,-0.05311,-0.00014],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Why / Use cases Use fZoom when your diagram can exceed viewport size and users need fast navigation. Typical use cases: - Large node graphs where pan-only navigation is slow. - Editors that provide toolbar zoom buttons. - UX with custom wheel/double-click trigger rules. - Mobile/touch capabilities with pinch-to-zoom. Skip zoom in constrained UIs where a fixed 1:1 scale is required. f Zoom U Is","excerpt":"Why / Use cases Use fZoom when your diagram can exceed viewport size and users need fast navigation. Typical use cases: - Large node graphs where pan-only navigation is slow. - Editors that provide toolbar zoom buttons. - UX with custom wheel/double-click trigger rules. - Mobile/touch capabilities with pinch-to-zoom. Skip zoom in constrained UIs where a fixed 1:1 scale is required."},{"chunkId":"/docs/f-zoom-directive#2","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.00759,-0.02902,-0.014,-0.03143,0.02821,-0.00976,0.0716,0.0976,-0.04801,0.02205,0.08636,0.02707,-0.00995,0.04437,0.00324,0.01593,0.01451,0.03543,-0.08723,-0.01141,0.02212,-0.09732,-0.01106,-0.02273,0.02592,-0.04014,-0.03412,-0.01863,0.03449,-0.04469,-0.06485,0.09345,0.02005,-0.00058,-0.07755,-0.01949,0.01301,-0.04919,-0.07121,-0.04221,-0.04089,0.01701,0.06004,0.00459,-0.01867,-0.01723,0.00515,0.07024,-0.0539,0.12818,-0.03539,-0.08068,-0.02606,-0.04538,0.06268,0.01689,0.01724,-0.03345,0.04971,0.01784,-0.0409,0.02386,-0.03967,0.05374,0.001,0.01442,0.07392,-0.13066,-0.01628,-0.0253,-0.04126,-0.04634,0.04592,-0.0236,0.04415,-0.11691,-0.07283,0.01194,-0.00654,-0.04314,0.00335,-0.01177,0.0043,0.07383,-0.00563,0.00973,-0.08525,-0.04393,0.03615,0.02054,-0.06812,-0.04253,-0.09518,-0.01537,-0.0983,-0.07383,0.00443,-0.09923,-0.06974,0.04157,0.0266,-0.04234,0.04922,-0.02418,0.06639,-0.00968,-0.00309,-0.04993,-0.05978,0.06534,0.00993,-0.01119,0.03618,-0.04815,-0.03855,0.00827,-0.00326,-0.01737,0.09846,-0.02124,-0.00163,0.10185,-0.03904,-0.00698,0.05014,0.0096,-0.10417,0,-0.00294,-0.04407,0.01183,0.03234,0.05118,-0.01051,-0.01366,-0.05855,-0.04969,-0.02961,0.07982,0.09197,-0.0435,0.03233,0.05228,-0.06725,0.05536,0.05233,-0.05169,-0.01029,0.01358,-0.04569,0.00359,0.05391,0.05747,0.1098,-0.04033,0.11772,0.08568,0.0544,-0.04395,0.04293,-0.06185,-0.06387,-0.01062,-0.01075,-0.08718,-0.08633,-0.00815,0.00065,0.01486,-0.06381,-0.06821,-0.07336,-0.04532,-0.00621,-0.04221,0.07369,-0.02188,-0.03809,0.0776,-0.00764,0.03229,-0.03877,0.07054,-0.08623,-0.02604,0.00761,-0.0382,0.07271,-0.0233,-0.02995,-0.0514,0.0163,0.05065,0.00402,0.02465,0.03881,-0.00801,-0.0262,-0.03475,0.0662,0.06801,0.03758,0.00331,-0.02901,-0.04104,-0.03007,0.02397,-0.01037,-0.07174,-0.03543,0.03585,-0.01856,-0.00607,-0.12007,0.01557,0.00281,-0.08465,-0.05533,-0.05738,-0.01034,-0.00438,-0.0252,0.00929,0,-0.02328,0.05008,-0.00366,0.13119,-0.06764,0.00496,0.07618,-0.0138,0.00167,-0.0548,-0.02429,-0.0161,-0.03249,-0.01821,0.01916,0.0274,-0.03003,-0.04941,-0.0145,-0.00324,0.01211,-0.0441,0.02082,0.02436,-0.05042,-0.02392,-0.02729,-0.00173,-0.04715,-0.014,0.02067,-0.03715,-0.00665,-0.04486,0.03308,-0.05817,0.00633,-0.03128,0.02472,-0.01164,0.06041,-0.04042,0.06946,-0.02696,0.01361,0.04025,0.00197,0.06162,-0.02254,-0.01646,-0.04493,0.02107,0.03553,-0.07919,-0.05894,0.04376,0.03181,-0.00116,0.06635,-0.01012,0.02039,-0.07955,-0.04145,0.01065,-0.03395,0.02215,0.005,-0.0073,0.04315,0.09583,0.12515,-0.02201,0.10851,-0.04082,-0.03259,0.03804,0.142,-0.0015,0.07829,-0.04939,0.08727,0.0334,0.06449,0.07973,-0.00146,0.06558,-0.07138,0.03076,0.05583,0.08891,-0.01929,0.02943,0.02903,0.05179,0.01784,0,-0.03835,0.13069,-0.06949,-0.01344,0.02692,0.04098,0.0643,0.07469,-0.04859,0.04705,0.03018,0.04128,0.00826,0.05727,0.08225,0.02437,0.09574,0.05136,-0.04573,-0.00165,-0.07455,0.03496,-0.0084,0.05774,-0.05522,-0.04658,-0.09873,0.11479,0.01994,-0.0397,-0.00337,0.03497,-0.03912,0.03874,-0.09463,-0.00878,-0.10476,-0.03266,0.09063,-0.005,0.07026,0.01892,-0.02078,-0.00326,-0.09735,0.06574,0.10628,-0.09395,-0.0683,0.07763,-0.07412,0.05276,0.03584,0.04369,0.00286,0.07572,0.03935,0.01055,-0.00364,0.03843,-0.03879,0.03303,-0.0258,0.00806],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. How it works The directive registers as a plugin, conditionally attaches wheel/dblclick listeners when fZoom is enabled, and delegates scale changes to canvas transform commands. Pinch to Zoom: When used in conjunction with fDraggable, fZoom automatically enables pinch-to-zoom gestures on touch devices. The zoom level is constrained by fZoomMinimum and fZoomMaximum. f Zoom f Draggable f Zoom Minimum f Zoom Maximum","excerpt":"How it works The directive registers as a plugin, conditionally attaches wheel/dblclick listeners when fZoom is enabled, and delegates scale changes to canvas transform commands. Pinch to Zoom: When used in conjunction with fDraggable, fZoom automatically enables pinch-to-zoom gestures on touch devices. The zoom level is constrained by fZoomMinimum and fZoomMaximum."},{"chunkId":"/docs/f-zoom-directive#3","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.04249,-0.01603,0.00475,-0.03408,0.00747,-0.01709,0.01231,0.09701,-0.04406,0.05376,0.06913,0.05787,0.0094,0.01694,-0.00162,0.01396,0.02053,0.03907,-0.06499,-0.02387,0.01305,-0.09448,-0.03337,0.00511,0.00573,-0.03515,-0.0539,0.00933,0.00373,-0.05923,-0.08331,0.10192,0.02413,0.00439,-0.06271,-0.00769,0.00058,-0.03641,-0.04546,-0.02117,-0.05088,0.06334,0.05307,0.01242,-0.01678,-0.02394,-0.01005,0.02286,-0.02045,0.12633,-0.06139,-0.0726,-0.03523,-0.08669,0.04311,0.0191,-0.01203,-0.03875,0.03643,-0.00456,-0.00575,0.03516,-0.03808,0.07006,-0.00892,0.06721,0.05043,-0.11068,-0.00628,-0.05373,-0.02268,-0.0332,0.04176,-0.01197,0.05638,-0.13309,-0.05143,0.01124,0.0058,-0.05098,-0.01381,0.01707,-0.00065,0.07238,-0.00177,0.02511,-0.0625,-0.04326,0.04441,0.00463,-0.06941,-0.07392,-0.06391,-0.00415,-0.07775,-0.06706,-0.0052,-0.13588,-0.04241,0.03472,0.03757,-0.05346,0.08462,-0.01182,0.06637,0.02476,0.03046,-0.02011,-0.03809,0.07178,-0.00665,0.00197,0.02592,-0.027,-0.04388,0.05934,-0.01646,-0.0272,0.09581,-0.01149,0.02534,0.07547,-0.01371,-0.00806,0.04528,0.01332,-0.09633,0,-0.02358,-0.03551,0.05165,0.0467,0.07381,0.00548,0.00601,-0.05197,-0.05496,-0.02182,0.04606,0.1255,-0.05526,0.02719,0.05631,-0.05028,0.05263,0.08106,-0.08659,-0.03839,-0.0041,-0.05308,0.00759,0.05509,0.05848,0.11142,-0.04379,0.12691,0.05687,0.05983,-0.05524,0.03921,-0.0674,-0.04314,-0.01822,-0.0232,-0.11392,-0.08246,0.00562,0.01681,-0.00129,-0.04234,-0.10693,-0.05491,-0.03635,-0.00101,-0.06897,0.05578,-0.03468,-0.01985,0.04225,0.02659,0.01372,-0.04888,0.04474,-0.10536,-0.00416,0.00463,-0.05164,0.07308,-0.00356,-0.02351,-0.00754,0.02549,0.06397,0.0233,0.00555,0.03986,0.00643,-0.02558,0.00128,0.06089,0.09271,0.04688,-0.01707,-0.0641,-0.06502,-0.04058,-0.01034,0.01613,-0.08011,-0.032,0.00088,-0.03953,-0.01186,-0.09069,0.03804,0.02658,-0.05736,-0.03749,-0.05717,-0.01214,0.00227,-0.00407,-0.0106,0,-0.03952,0.01759,0.02896,0.07932,-0.08087,0.00767,0.09414,0.03157,0.01649,-0.03885,-0.01348,-0.01761,-0.04833,-0.03737,0.02434,-0.00316,0.02358,-0.02596,0.0157,-0.00712,0.01163,-0.04906,-0.02878,0.01661,-0.00795,-0.02316,-0.03761,0.01855,-0.05314,-0.01779,0.02948,-0.0614,0.04262,-0.02478,0.04709,-0.04613,0.02385,-0.04766,-0.00865,-0.0161,0.03398,-0.07688,0.06578,-0.0385,0.02704,0.02873,-0.0168,0.05848,-0.00695,-0.03157,-0.02504,0.0066,0.04994,-0.11604,-0.03638,0.05903,0.01054,0.05525,0.06264,-0.01841,-0.00279,-0.09529,-0.03366,0.03508,-0.07811,-0.00407,-0.00249,-0.00303,0.0399,0.0894,0.0848,-0.01528,0.08877,-0.03088,-0.03533,0.02131,0.13164,0.03822,0.08651,-0.03659,0.06027,0.026,0.09208,0.12618,-0.01068,0.04962,-0.06741,0.04457,0.04235,0.09724,0.00757,0.00719,0.02336,0.06629,0.03748,0,0.00115,0.13281,-0.06074,0.02237,0.01224,0.04385,0.08711,0.08143,-0.08558,0.06162,0.0201,0.07717,-0.00412,0.0489,0.07489,0.0013,0.05485,0.04342,-0.02276,-0.02266,-0.08536,0.02654,0.02082,0.03643,-0.05481,-0.02526,-0.11984,0.09969,0.00999,-0.06184,-0.01199,0.01666,-0.03315,0.02636,-0.04147,-0.07096,-0.11704,0.00074,0.08948,-0.0235,0.07926,0.02484,0.00585,0.00446,-0.05299,0.09257,0.09128,-0.06301,-0.05929,0.04473,-0.08034,0.0328,0.01346,0.03432,-0.01197,0.07207,0.03491,-0.02217,-0.01809,0.02241,-0.03305,0.05383,-0.04786,0.00191],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. API","excerpt":"API"},{"chunkId":"/docs/f-zoom-directive#4","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.00632,-0.04668,-0.02737,-0.00698,0.01383,-0.00215,0.04431,0.11957,-0.05032,0.02284,0.06652,0.03732,-0.0131,0.00355,-0.01005,0.0064,0.01501,0.02336,-0.06976,-0.00322,0.05387,-0.11266,0.03116,0.00639,-0.03572,-0.04151,-0.05521,0.0103,0.02885,-0.02914,-0.05354,0.09528,0.0167,-0.00125,-0.06526,-0.02165,0.02176,-0.03135,-0.04933,-0.04741,-0.05251,0.0438,0.04087,-0.01905,-0.01705,-0.03763,0.01329,0.04575,-0.03245,0.12898,-0.02988,-0.0391,-0.00456,-0.05097,0.07015,0.06755,0.02476,-0.03195,0.01311,0.04038,-0.06746,0.01154,-0.05415,0.04139,-0.01954,0.05734,0.04563,-0.12825,0.00622,0.04022,-0.01648,-0.04668,0.03919,-0.00951,0.03959,-0.12463,-0.04532,0.02252,0.01378,-0.01015,-0.00328,-0.03532,0.03415,0.03621,0.05199,-0.00744,-0.08093,-0.07247,0.04282,0.02325,-0.07651,-0.02462,-0.06153,0.03795,-0.04056,-0.05949,-0.02414,-0.07972,-0.02932,0.01701,0.01749,-0.03739,0.06878,-0.0031,0.0771,0.0275,0.04442,-0.02336,-0.07191,0.06441,0.02081,-0.01227,0.06386,-0.0101,-0.06214,0.03205,-0.00747,0.00248,0.08056,-0.0115,0.00882,0.08257,-0.03014,-0.02397,0.03087,0.00586,-0.08974,0,0.00406,-0.02175,0.02344,0.00037,0.06026,0.04838,-0.00767,-0.03135,-0.07112,0.01881,0.0616,0.04925,-0.04928,-0.01462,0.0296,-0.08559,0.07384,0.05604,-0.03762,-0.03246,0.04078,-0.05212,-0.01533,0.00939,0.10221,0.09243,-0.07159,0.11857,0.03268,0.06511,-0.06289,0.03992,-0.10448,-0.04175,-0.00575,-0.01663,-0.09519,-0.06996,-0.01382,0.00252,-0.03527,-0.04839,-0.04101,-0.10616,-0.04786,-0.03513,-0.0631,0.0833,-0.00409,-0.01428,0.05796,0.00287,0.00664,-0.04373,0.06558,-0.07876,-0.003,0.01584,-0.02023,0.14358,-0.04441,-0.03945,-0.02742,0.0239,0.05653,0.04097,0.01014,0.03856,0.01448,-0.04629,0.00003,0.05249,0.08427,0.02585,0.04358,-0.03901,-0.05391,-0.05384,0.02049,-0.01527,-0.06291,-0.04291,0.0092,-0.00202,-0.0067,-0.06837,-0.00548,0.03296,-0.06029,-0.05661,-0.03318,-0.02769,0.01377,-0.03586,-0.03816,0,-0.00119,0.06615,0.0133,0.09747,-0.07883,0.00774,0.10067,-0.0379,0.02197,-0.06955,-0.01875,-0.02744,-0.02575,-0.05739,0.00408,0.02956,-0.01377,-0.02889,0.01686,-0.01884,0.03081,-0.07016,-0.03933,0.04223,-0.02352,-0.05815,-0.00377,0.00944,-0.01,-0.01014,0.02369,-0.04279,0.02106,-0.08213,0.05892,-0.07789,0.00216,-0.01036,0.02138,0.01338,0.05833,-0.04734,0.06356,-0.03349,-0.00522,0.03129,0.00734,0.07956,-0.01027,-0.01484,-0.06939,0.019,-0.00164,-0.06052,-0.07613,0.04993,0.02385,0.02997,0.0039,-0.00405,0.03747,-0.0933,-0.03134,0.08073,0.03285,-0.01741,-0.009,0.0467,0.03717,0.08988,0.0662,-0.0268,0.10261,-0.03709,-0.03171,0.03549,0.14109,-0.02994,0.13436,-0.01567,0.09678,0.0143,0.08668,0.08504,-0.05266,0.04237,-0.06881,0.05944,0.05366,0.07615,-0.00926,0.00005,0.04514,0.02196,0.02156,0,-0.03294,0.12792,-0.07808,0.02617,0.03402,0.03221,0.04841,0.09311,-0.09639,0.02316,-0.01912,0.12963,-0.01943,0.04432,0.04172,-0.01791,0.07289,0.02636,-0.028,0.00891,-0.08411,0.01925,-0.02515,0.0511,-0.08659,-0.05135,-0.11072,0.08023,0.05803,-0.03918,-0.03531,0.00882,-0.04483,0.05061,-0.11641,-0.01929,-0.12399,-0.00935,0.06447,-0.00406,0.06168,-0.00556,0.02013,-0.01133,-0.06859,0.07878,0.06839,-0.05053,-0.06395,0.05263,-0.06105,0.05745,0.03295,0.03712,-0.00744,0.07641,0.00184,-0.00364,0.00807,0.04314,-0.04259,0.00046,-0.02552,0.00347],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Inputs - fZoom: boolean; Default: false. Enables/disables zoom functionality. - fWheelTrigger: FEventTrigger; Default: the active control scheme's zoom (Always). Predicate for mouse wheel zoom; when set it also overrides the scheme's scrollPan routing. - fDblClickTrigger: FEventTrigger; Default: Always. Predicate for double-click zoom. - fZoomMinimum: number; Default: 0.1. Minimum zoom scale. - fZoomMaximum: number; Default: 4. Maximum zoom scale. - fZoomStep: number; Default: 0.1. Zoom step for wheel interaction. - fPinchStep: number; Default: 0. Separate zoom step for trackpad pinch; falls back to fZoomStep when 0. - fZoomDblClickStep: number; Default: 0.5. Zoom step for double-click interaction. f Zoom f Wheel Trigger F Event Trigger scroll Pan f Dbl Click Trigger f Zoom Minimum f Zoom Maximum f Zoom Step f Pinch Step f Zoom Dbl Click Step","excerpt":"Inputs - fZoom: boolean; Default: false. Enables/disables zoom functionality. - fWheelTrigger: FEventTrigger; Default: the active control scheme's zoom (Always). Predicate for mouse wheel zoom; when set it also overrides the scheme's scrollPan routing. - fDblClickTrigger: FEventTrigger; Default: Always. Predicate for double-click zoom. - fZoomMinimum: number; Default: 0.1. Minimum zoom scale. - fZoomMaximum: number; Default: 4. Maximum zoom scale. - fZoomStep: number; Default: 0.1. Zoom step for wheel interaction. - fPinchStep: number; Default: 0. Separate zoom step for trackpad pinch; falls back to fZoomStep when 0. - fZoomDblClickStep: number; Default: 0.5. Zoom step for double-click interaction."},{"chunkId":"/docs/f-zoom-directive#5","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.05494,-0.01268,-0.01788,-0.03395,0.00034,-0.01592,0.01654,0.08803,-0.03977,0.0593,0.08396,0.04063,0.00222,0.02271,-0.01319,0.00914,0.00957,0.02569,-0.06392,-0.02445,0.01889,-0.09078,-0.02271,-0.00838,0.00124,-0.03506,-0.04901,0.01575,0.00652,-0.06874,-0.08544,0.10872,0.04365,-0.00192,-0.0555,-0.00315,0.00306,-0.03937,-0.05518,-0.03362,-0.05021,0.05713,0.07772,0.01003,-0.03686,-0.01865,-0.01348,0.00531,-0.0288,0.11943,-0.04144,-0.05809,-0.03764,-0.07565,0.04985,0.03148,0.00088,-0.03895,0.02178,-0.01486,-0.03337,0.03904,-0.04634,0.04929,-0.00181,0.04704,0.04386,-0.11783,-0.02693,-0.02633,-0.01812,-0.03952,0.04196,-0.02655,0.04723,-0.129,-0.0517,0.00269,0.02413,-0.03224,-0.01263,0.01138,0.00838,0.0737,0.0038,0.02509,-0.07749,-0.05365,0.03635,0.00332,-0.08091,-0.07309,-0.06374,0.00547,-0.08205,-0.07034,-0.00076,-0.12313,-0.03481,0.02686,0.04619,-0.04346,0.10305,-0.02893,0.0644,0.02867,0.03673,-0.02074,-0.05079,0.04868,-0.01095,-0.00538,0.04171,-0.035,-0.04492,0.0521,-0.02806,-0.02603,0.08422,-0.00907,0.02385,0.07159,-0.02783,0.0189,0.05689,0.01867,-0.08283,0,-0.0114,-0.05259,0.03654,0.044,0.06709,0.02423,0.00748,-0.04521,-0.04421,-0.0059,0.04744,0.11833,-0.05488,0.03771,0.06875,-0.06069,0.08082,0.08454,-0.09238,-0.03359,0.00968,-0.04642,-0.00572,0.0403,0.05645,0.11933,-0.04204,0.13153,0.054,0.05704,-0.061,0.05099,-0.07007,-0.04418,-0.02153,-0.02797,-0.10538,-0.06565,-0.00866,0.01925,-0.01072,-0.04364,-0.10894,-0.05841,-0.02398,-0.0119,-0.0623,0.05885,-0.04042,-0.00882,0.05478,0.00967,0.01789,-0.04794,0.05262,-0.09726,-0.00794,0.01268,-0.05345,0.07504,-0.01181,-0.01338,-0.02492,0.02895,0.06027,0.03329,0.01165,0.02273,0.01603,-0.01272,-0.01645,0.05502,0.09191,0.04046,0.00068,-0.047,-0.07746,-0.04937,-0.01784,0.01593,-0.06984,-0.02604,-0.01074,-0.03744,0.00465,-0.08973,0.01851,0.04253,-0.04495,-0.03799,-0.06676,-0.01962,-0.00305,-0.01446,-0.01738,0,-0.0506,0.03337,0.00971,0.07921,-0.08009,0.01788,0.10449,0.00597,0.00902,-0.05367,-0.02004,-0.01724,-0.03653,-0.04615,0.01561,0.00169,0.00262,-0.01762,0.01093,-0.01499,0.02055,-0.05446,-0.0176,0.02019,-0.00924,-0.02331,-0.02543,0.02547,-0.0536,-0.00269,0.03068,-0.05979,0.05087,-0.01692,0.05002,-0.06598,0.01738,-0.05383,-0.00985,-0.00298,0.02759,-0.05917,0.07011,-0.01447,0.02189,0.02616,-0.01743,0.04055,0.02047,-0.03102,-0.0416,0.01112,0.03783,-0.10349,-0.04734,0.04544,0.01058,0.05686,0.05489,-0.00273,-0.00227,-0.10175,-0.02122,0.02711,-0.07001,0.00455,0.00439,0.0102,0.06068,0.10006,0.08978,-0.00635,0.10453,-0.03165,-0.02332,0.04372,0.10591,0.02787,0.09956,-0.0175,0.06646,0.02564,0.09278,0.12483,-0.00981,0.03943,-0.07654,0.03925,0.05242,0.07484,0.01388,0.0047,0.02729,0.05729,0.04581,0,-0.0017,0.11813,-0.05016,0.01474,0.01087,0.03824,0.08544,0.05976,-0.08397,0.05353,0.01086,0.0835,-0.00874,0.0465,0.09993,-0.00185,0.07955,0.01954,-0.02397,-0.01943,-0.07234,0.01357,-0.00052,0.04806,-0.07867,-0.03968,-0.13043,0.08592,0.00714,-0.05073,0.00948,0.02903,-0.03254,0.03502,-0.04347,-0.06774,-0.11754,0.00653,0.0766,-0.02199,0.07174,0.01706,0.00148,-0.00274,-0.07618,0.09312,0.10424,-0.07737,-0.08686,0.04914,-0.06729,0.03932,0.01417,0.0296,-0.01961,0.07142,0.04598,-0.02685,-0.02958,0.02506,-0.04724,0.0561,-0.05466,-0.006],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-zoom-directive#6","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.04014,-0.02857,-0.00673,-0.04241,0.01679,0.01615,0.03297,0.10964,0.00252,0.02227,0.06749,0.02062,-0.02645,0.01637,-0.02354,-0.0279,-0.03255,0.04197,-0.06982,-0.03188,0.0343,-0.09685,0.0132,0.00982,-0.01794,-0.00497,-0.04387,0.01376,0.04332,-0.09047,-0.04026,0.10779,0.00035,0.01756,-0.05389,0.00243,0.00297,-0.03377,-0.0752,-0.01602,0.00347,0.06436,0.06736,-0.03656,-0.0071,0.03608,-0.01731,0.02553,-0.00028,0.10044,-0.05762,-0.07049,-0.00944,-0.03679,0.05748,0.04663,0.02483,-0.09784,0.05067,-0.01995,-0.02681,0.02017,-0.0086,0.08088,-0.03174,0.0373,0.06069,-0.09986,-0.02271,-0.01724,-0.02435,-0.05091,0.05636,-0.03278,0.05004,-0.071,-0.05775,0.02662,-0.00921,-0.0128,0.0003,0.00145,0.03316,0.07764,-0.00364,0.01694,-0.07044,-0.08581,0.05253,0.03257,-0.08581,-0.04355,-0.10227,0.00398,-0.03583,-0.07154,-0.06642,-0.13862,-0.06533,0.02967,0.02766,-0.00847,0.08364,-0.01634,0.09129,0.02891,0.02047,0.02471,-0.0378,0.052,-0.02914,-0.0272,0.0568,-0.00307,-0.02375,0.03509,-0.02537,-0.00595,0.07257,-0.01091,0.02254,0.08573,-0.04509,-0.00884,0.03598,0.04827,-0.05636,0,-0.00559,-0.05073,0.05727,0.06993,0.03657,0.06191,0.01442,-0.02053,-0.04666,-0.03938,0.03723,0.06385,-0.05389,0.03995,-0.00288,-0.10532,0.06852,0.05199,-0.07312,-0.00933,0.05978,-0.03281,-0.0401,-0.01422,0.0302,0.08606,-0.07605,0.12505,-0.00736,0.05252,-0.04213,0.02515,-0.08268,-0.01782,-0.01565,-0.01348,-0.07132,-0.03413,0.00473,-0.01418,-0.03263,-0.0377,-0.11201,-0.07226,-0.05218,-0.03569,-0.06399,0.05672,0.00503,-0.00993,0.06407,0.04152,0.02123,-0.06707,0.06878,-0.08972,0.0166,0.0283,-0.06232,0.05595,-0.03116,0.02747,-0.07165,0.0052,0.11191,0.03709,-0.01744,0.01161,-0.0044,-0.05492,-0.00743,0.05558,0.07245,0.02211,0.00582,-0.04145,-0.08272,-0.02899,0.00423,0.01857,-0.09401,-0.0017,0.01172,-0.02443,-0.0116,-0.08972,0.04104,0.04927,-0.04866,-0.04604,-0.00264,-0.03279,0.04738,0.00326,-0.01974,0,-0.03755,0.04969,0.03152,0.11854,-0.05592,0.01481,0.12129,0.02309,0.01417,-0.03148,-0.02742,0.02801,-0.04019,-0.07346,0.06047,-0.00649,-0.00335,-0.02768,0.01712,-0.0051,0.03846,-0.06208,-0.06548,0.01463,-0.00994,-0.00418,0.01249,-0.00247,-0.05048,-0.03308,0.03983,-0.04413,-0.01379,-0.01425,0.03475,-0.06174,-0.03415,-0.03229,-0.02935,0.00087,0.01912,-0.04448,0.03052,-0.04775,0.03472,0.06228,0.00964,0.0674,-0.01689,-0.00306,-0.08231,0.04706,0.03558,-0.06194,-0.02824,0.08933,0.03356,-0.0007,0.02377,-0.0137,0.02517,-0.09068,-0.04241,0.00089,-0.0664,0.00578,-0.01327,0.0223,0.03547,0.06151,0.10446,-0.01091,0.0924,-0.04036,-0.02927,0.00997,0.13336,0.00576,0.09335,-0.02554,0.06209,0.04152,0.04313,0.08355,-0.02478,0.03631,-0.03953,-0.00966,0.05606,0.08862,0.00075,-0.03776,0.00409,0.03767,0.04288,0,-0.07605,0.09805,-0.01881,0.00302,0.00385,0.02207,0.09451,0.09387,-0.07305,0.033,0.00814,0.12554,0.03625,0.04166,0.07485,-0.00206,0.05913,0.02338,-0.01753,0.01151,-0.07957,-0.03742,-0.01227,0.02485,-0.10243,-0.06506,-0.09014,0.08593,-0.02294,-0.05963,-0.03501,0.0243,-0.01403,0.05812,-0.10167,-0.03408,-0.13051,0.0148,0.06585,-0.01466,0.07153,0.01348,0.0259,-0.0118,-0.05993,0.10201,0.08358,-0.03297,-0.08818,0.03597,-0.07816,0.06998,-0.01722,0.05236,0.00137,0.03948,0.02119,-0.06291,-0.04942,0.01991,-0.08198,0.0544,-0.07042,-0.00244],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Methods - zoomIn(position?: IPoint): void; Zooms in, optionally centering on a specific position. - zoomOut(position?: IPoint): void; Zooms out, optionally centering on a specific position. - setZoom(position: IPoint, step: number, direction: EFZoomDirection, animated: boolean): void; Sets zoom level manually. - reset(): void; Resets zoom to default (1) and centers the flow. - getZoomValue(): number; Returns current zoom scale. zoom In I Point zoom Out set Zoom EF Zoom Direction get Zoom Value","excerpt":"Methods - zoomIn(position?: IPoint): void; Zooms in, optionally centering on a specific position. - zoomOut(position?: IPoint): void; Zooms out, optionally centering on a specific position. - setZoom(position: IPoint, step: number, direction: EFZoomDirection, animated: boolean): void; Sets zoom level manually. - reset(): void; Resets zoom to default (1) and centers the flow. - getZoomValue(): number; Returns current zoom scale."},{"chunkId":"/docs/f-zoom-directive#7","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.07466,-0.03087,0.00028,-0.04913,0.01602,-0.01603,0.02138,0.09866,-0.05511,0.06631,0.0841,0.04227,-0.00589,0.02385,-0.0026,-0.0004,0.02605,0.02714,-0.07008,-0.02428,0.00936,-0.10129,-0.01633,-0.00429,-0.00429,-0.04934,-0.05718,0.0094,0.00389,-0.07424,-0.06422,0.09823,0.03208,0.00881,-0.05572,-0.00677,0.00497,-0.03666,-0.07125,-0.02745,-0.05566,0.05586,0.05843,0.02558,-0.01204,-0.01909,-0.01389,0.02381,-0.01546,0.1096,-0.06004,-0.06441,-0.04317,-0.08142,0.05782,0.02573,0.00465,-0.06023,0.04129,0.01016,-0.02921,0.02348,-0.02552,0.05215,-0.00938,0.07387,0.05225,-0.12021,-0.01936,-0.03848,-0.03456,-0.05332,0.0251,-0.0227,0.05352,-0.10093,-0.05034,0.01167,0.01375,-0.03567,-0.01583,0.0077,-0.00291,0.04357,0.00464,0.02863,-0.06225,-0.06529,0.05177,0.00611,-0.05313,-0.07888,-0.05535,0.02173,-0.07981,-0.08645,-0.01092,-0.12244,-0.03403,0.02668,0.04511,-0.04272,0.10233,-0.01051,0.06885,0.02029,0.05317,-0.001,-0.0392,0.05127,-0.02396,-0.00554,0.02038,-0.03463,-0.03977,0.04708,-0.01871,-0.02369,0.09076,-0.01132,0.03261,0.07275,-0.03126,-0.0097,0.03773,0.00646,-0.0957,0,-0.01328,-0.02393,0.05141,0.05845,0.06597,0.03631,-0.00424,-0.02938,-0.04538,-0.03111,0.04688,0.12985,-0.0508,0.05582,0.05901,-0.07554,0.06219,0.07866,-0.0693,-0.03736,0.00405,-0.04703,-0.00754,0.04479,0.06171,0.10718,-0.04534,0.12356,0.06323,0.06076,-0.06434,0.02193,-0.06958,-0.03216,-0.00604,-0.02481,-0.08694,-0.06815,0.01509,0.0149,0.00174,-0.03944,-0.1125,-0.05374,-0.03619,-0.0171,-0.05383,0.04414,-0.03609,-0.01512,0.06233,0.01311,0.02094,-0.051,0.05962,-0.08403,-0.00406,0.00133,-0.03874,0.06277,-0.01535,-0.00677,-0.01028,0.02157,0.07127,0.02857,-0.01474,0.00647,0.00235,-0.03036,0.00008,0.06118,0.0944,0.03306,-0.02011,-0.06096,-0.09089,-0.02723,-0.01235,0.02995,-0.10113,-0.02085,-0.00441,-0.03601,-0.00211,-0.08805,0.01633,0.03982,-0.04893,-0.04649,-0.04104,-0.01913,0.00358,-0.00993,0.00699,0,-0.03813,0.02626,0.01693,0.08359,-0.06297,0.0113,0.1008,0.02857,0.0162,-0.04922,-0.01493,-0.02971,-0.02841,-0.06289,0.02499,-0.01862,0.03189,-0.02335,0.02016,0.00039,0.02649,-0.07599,-0.02491,0.01787,-0.01031,-0.00645,-0.03124,0.01,-0.0689,-0.03021,0.02592,-0.07121,0.04209,-0.01744,0.04999,-0.05875,0.02158,-0.05853,-0.01366,-0.01384,0.02782,-0.06545,0.05987,-0.04551,0.01709,0.04615,-0.02144,0.05195,0.02277,-0.01765,-0.05166,0.01851,0.02946,-0.10342,-0.04442,0.0469,0.02062,0.04634,0.04107,-0.00075,0.01198,-0.07918,-0.03564,0.03204,-0.0685,-0.0205,-0.00578,-0.00602,0.0475,0.08998,0.08652,-0.01574,0.09429,-0.02685,-0.02832,0.02013,0.12434,0.04078,0.10454,-0.03236,0.07313,0.02657,0.08329,0.13598,-0.02763,0.04053,-0.06744,0.02748,0.03823,0.08727,0.00754,-0.01317,0.01756,0.07972,0.04877,0,-0.0032,0.1328,-0.04361,-0.00194,0.01692,0.02369,0.08533,0.077,-0.06465,0.06551,0.01791,0.09198,0.00516,0.05405,0.08952,-0.00359,0.06738,0.0157,-0.01401,-0.0046,-0.08239,0.00478,0.01315,0.04231,-0.07043,-0.02602,-0.12071,0.09511,-0.0028,-0.03946,-0.00913,0.01776,-0.04667,0.03737,-0.06054,-0.07645,-0.11773,-0.0078,0.06697,-0.01796,0.08106,0.01673,0.01858,-0.00419,-0.04479,0.10832,0.10006,-0.06686,-0.06762,0.03666,-0.09136,0.04693,0.00824,0.0365,-0.0191,0.06468,0.04606,-0.0205,-0.01088,0.0222,-0.02801,0.03686,-0.06025,0.00928],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Types EFZoomDirection EF Zoom Direction","excerpt":"Types EFZoomDirection"},{"chunkId":"/docs/f-zoom-directive#8","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.05263,0.00104,-0.01663,-0.04449,0.0248,-0.00357,0.02395,0.10358,-0.04856,0.04794,0.07489,0.06115,-0.01741,0.02867,0.00468,-0.01467,-0.01202,0.03816,-0.06546,-0.01302,0.01847,-0.09235,-0.00873,-0.01667,-0.03097,-0.01225,-0.03144,0.02256,0.02807,-0.09359,-0.05478,0.12162,0.01861,0.01357,-0.0801,-0.00156,0.01927,-0.02132,-0.05721,-0.00749,-0.05546,0.04758,0.0604,0.00109,-0.02157,-0.01698,-0.00992,-0.00035,-0.01883,0.10503,-0.04809,-0.06915,-0.03831,-0.05517,0.04765,0.01117,0.02758,-0.0529,0.03551,0.00589,-0.04379,0.0381,-0.03332,0.06185,-0.00851,0.02935,0.0279,-0.08726,-0.02059,-0.01002,-0.004,-0.03492,0.06168,-0.01807,0.03743,-0.11731,-0.07494,0.04261,0.01862,-0.03045,0.01108,0.02525,0.01448,0.06869,-0.00087,0.03258,-0.06623,-0.07844,0.02115,0.00688,-0.06618,-0.04154,-0.06101,-0.00098,-0.06823,-0.05202,-0.01869,-0.12249,-0.03824,0.04006,0.02441,-0.04525,0.10752,-0.00709,0.05539,0.03634,0.01516,0.00883,-0.03396,0.03445,-0.00616,-0.00672,0.01565,-0.06648,-0.03837,0.02094,-0.02138,-0.04549,0.08286,0.01702,0.0263,0.07461,-0.01429,0.00082,0.07495,0.01293,-0.1018,0,-0.00461,-0.02116,-0.00523,0.07725,0.08734,0.02212,0.0136,-0.05897,-0.05412,-0.00207,0.04324,0.09916,-0.07626,0.02937,0.0387,-0.07827,0.0853,0.0725,-0.08327,-0.04472,0.03488,-0.06318,0.00966,0.05534,0.08437,0.12268,-0.04301,0.12538,0.03919,0.05282,-0.02748,0.02757,-0.07284,-0.03395,-0.01208,-0.02838,-0.09836,-0.06921,-0.007,-0.00497,0.00218,-0.03976,-0.10505,-0.05331,-0.0306,-0.00358,-0.07086,0.04865,0.00272,-0.00633,0.065,0.02037,0.02184,-0.04666,0.08148,-0.09464,-0.01705,0.03455,-0.04902,0.083,-0.02753,-0.01117,-0.06282,0.03874,0.05796,0.03386,-0.00158,0.01345,0.02481,-0.03043,-0.02206,0.06497,0.07413,0.04731,-0.0051,-0.04924,-0.08146,-0.05115,-0.00061,0.01817,-0.10952,-0.04348,0.00978,-0.01101,-0.00896,-0.10181,0.02682,0.03261,-0.05112,-0.0565,-0.04433,-0.0177,0.0278,-0.03065,-0.00384,0,-0.06799,0.05312,0.01595,0.10224,-0.05677,0.0275,0.10256,0.01453,0.01002,-0.02537,-0.00495,-0.00266,-0.04044,-0.06088,0.01928,0.01314,-0.00921,-0.05271,0.02671,-0.00867,0.00659,-0.05954,-0.01198,-0.00021,-0.00732,-0.01103,-0.02981,0.00921,-0.04526,-0.0082,0.03101,-0.06213,0.04198,-0.0318,0.04252,-0.0823,0.01097,-0.02765,-0.01141,-0.0018,0.02635,-0.04678,0.05565,-0.0276,-0.01786,0.01918,-0.00328,0.04101,0.02432,-0.03145,-0.06567,-0.00265,0.03202,-0.10619,-0.03816,0.04923,0.03356,0.05835,0.03528,-0.00022,0.0318,-0.08544,-0.02731,0.01678,-0.05576,-0.01322,-0.02548,0.00842,0.05192,0.09909,0.09338,-0.00088,0.08866,-0.01422,-0.01705,0.00315,0.15115,0.04965,0.1179,-0.00019,0.06195,0.05751,0.04278,0.10398,0.00132,0.03193,-0.07222,0.03078,0.05101,0.0725,0.01007,0.01676,0.02408,0.05007,0.03862,0,-0.04255,0.10817,-0.05896,-0.00363,0.01237,0.03206,0.07467,0.06485,-0.08508,0.06019,0.0226,0.11857,0.00594,0.02921,0.07871,-0.01263,0.05899,0.03116,-0.04646,-0.02183,-0.06967,0.01763,-0.00426,0.07722,-0.08083,-0.03365,-0.10956,0.05851,0.02006,-0.03851,-0.03036,0.02891,-0.02817,0.02268,-0.05008,-0.0505,-0.14286,-0.00453,0.05568,-0.00251,0.06922,0.01091,0.01613,-0.02051,-0.06584,0.09635,0.06703,-0.06549,-0.08857,0.05855,-0.08671,0.06003,-0.01867,0.03661,-0.02299,0.07431,0.04404,-0.02145,-0.01314,-0.00833,-0.07826,0.06713,-0.04176,-0.00833],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Styling - .f-component Base class for flow primitives. - .f-zoom Host class for the directive.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-zoom Host class for the directive."},{"chunkId":"/docs/f-zoom-directive#9","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.02976,-0.03071,-0.00562,-0.03651,0.04574,-0.02401,0.03733,0.09401,-0.02633,0.02506,0.06087,0.02481,-0.03152,0.01704,-0.02708,-0.01989,0.01375,0.03687,-0.07031,-0.00324,-0.00077,-0.09409,-0.00797,0.0117,-0.00887,0.00638,-0.04692,-0.00518,0.01944,-0.04427,-0.0624,0.14428,0.01097,0.00579,-0.05359,0.00613,0.00595,-0.01697,-0.0686,-0.03341,-0.02998,0.0645,0.07577,-0.02238,0.00099,-0.04545,0.02357,0.03115,-0.0271,0.1057,-0.07348,-0.05934,0.00168,-0.03244,0.03892,0.01937,0.04759,-0.02429,0.02854,0.02215,-0.02579,0.02448,-0.00307,0.05783,-0.01071,0.05372,0.03568,-0.10152,-0.0037,-0.01264,0.01558,-0.03835,0.0205,-0.02374,0.05522,-0.10489,-0.09025,-0.01576,0.01246,0.00187,-0.02031,-0.02135,0.03004,0.03539,-0.00716,0.0284,-0.06675,-0.0643,0.01729,0.0475,-0.09749,-0.01155,-0.06521,-0.03509,-0.03755,-0.08402,-0.02826,-0.11716,-0.06347,0.00859,0.04768,-0.02724,0.07876,0.01244,0.08544,0.05069,0.03519,-0.0246,-0.07818,0.07534,-0.03526,0.02045,0.09099,-0.00324,-0.05859,-0.00148,-0.02609,-0.03101,0.04902,0.05585,0.01326,0.05445,-0.04953,-0.02795,0.09088,0.02856,-0.08619,0,-0.02511,-0.05409,0.01237,0.04661,0.06773,0.00717,0.01633,-0.07378,-0.04294,0.00575,0.04941,0.0673,-0.04889,0.01023,0.03768,-0.10404,0.05892,0.04503,-0.08332,-0.00578,0.05927,-0.06569,-0.02613,0.01787,0.0468,0.08459,-0.06217,0.12807,0.09066,0.07549,-0.0825,0.02671,-0.0519,-0.02364,-0.02752,-0.00648,-0.09092,-0.08441,-0.01099,0.00389,-0.00512,-0.04145,-0.07645,-0.05267,-0.0204,-0.01275,-0.05113,0.0715,-0.05394,-0.00814,0.08136,0.00009,0.01426,-0.02712,0.08272,-0.07463,0.02238,-0.00392,-0.07829,0.09618,-0.03481,-0.00671,-0.07358,0.00028,0.10463,0.03571,0.00451,0.04111,-0.03883,-0.05289,-0.02323,0.06236,0.05272,0.05236,0.00687,-0.04732,-0.03118,-0.04225,0.00926,-0.01116,-0.05413,-0.05264,0.00482,-0.0194,-0.01661,-0.07045,0.00309,0.02916,-0.09775,-0.05281,-0.01258,-0.01948,0.03482,-0.01282,-0.00627,0,-0.07041,0.04388,0.0244,0.10173,-0.03362,0.03481,0.10532,0.0007,0.03324,-0.06836,-0.06238,-0.01381,-0.05064,-0.02659,0.02352,-0.01986,0.03232,-0.05248,0.04079,0.00208,0.01158,-0.06883,-0.02424,0.0307,-0.01639,-0.00756,-0.06568,-0.00767,-0.04062,0.01668,0.04311,-0.03595,0.00214,-0.0403,0.05896,-0.05419,-0.00185,-0.04851,-0.00217,-0.01707,0.02307,-0.03647,0.03341,-0.0201,0.00886,0.04082,-0.00516,0.03762,-0.03331,0.02405,-0.08406,0.0269,0.03465,-0.08308,-0.03222,0.04975,0.0595,0.01708,0.04122,-0.03888,0.02548,-0.05665,-0.06888,0.02792,-0.01139,0.00109,-0.01035,0.02744,0.0756,0.09597,0.12571,-0.00225,0.1069,0.00349,0.00219,0.03745,0.11593,0.01521,0.11879,-0.01727,0.08226,0.0872,0.05258,0.09634,-0.00919,0.0405,-0.07418,-0.00267,0.04626,0.09702,0.01708,-0.02507,0.03885,0.01548,0.05507,0,-0.02087,0.11255,-0.05472,-0.00108,0.02515,0.02723,0.04532,0.05642,-0.06875,0.05484,-0.00098,0.08431,0.00421,0.04226,0.07257,-0.01899,0.06897,0.03529,-0.04201,-0.02424,-0.07282,0.01712,-0.04582,0.06618,-0.07643,-0.04833,-0.11254,0.0398,-0.01267,-0.04097,-0.03869,-0.00117,-0.04023,0.04806,-0.07461,-0.02103,-0.11908,0.00397,0.07977,-0.01393,0.06551,0.05412,0.0223,-0.02807,-0.08194,0.09882,0.09728,-0.08521,-0.06828,0.05035,-0.0435,0.05649,0.0101,0.04517,-0.01137,0.04939,0.03593,-0.01915,0.01141,0.00157,-0.09804,0.07235,-0.04694,-0.00582],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Notes / Pitfalls - fZoom only works on f-canvas under a valid f-flow. - Pinch-to-zoom requires the flow to be fDraggable. - If your flow contains locked UI zones ([fLockedContext]), wheel/dblclick zoom intentionally ignores them. - Very small fZoomStep can make wheel zoom feel unresponsive. f Zoom f Draggable f Locked Context f Zoom Step","excerpt":"Notes / Pitfalls - fZoom only works on f-canvas under a valid f-flow. - Pinch-to-zoom requires the flow to be fDraggable. - If your flow contains locked UI zones ([fLockedContext]), wheel/dblclick zoom intentionally ignores them. - Very small fZoomStep can make wheel zoom feel unresponsive."},{"chunkId":"/docs/f-zoom-directive#10","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[-0.01564,0.00479,-0.04393,0.00749,0.04827,0.05454,0.01946,0.1197,-0.05155,0.06827,0.03827,0.06775,-0.01586,0.01999,0.0124,-0.01594,-0.02189,0.0393,-0.07043,-0.00883,0.0232,-0.08382,0.03319,0.01655,-0.02557,-0.02014,-0.04687,-0.0103,0.05181,-0.04444,-0.01814,0.10478,0.01213,0.00805,-0.08227,0.03786,0.01734,0.00469,-0.04671,-0.04385,0.00678,0.08935,0.0265,-0.06645,-0.01733,-0.02952,-0.01962,0.03181,-0.06137,0.10764,-0.06778,-0.07461,-0.03776,-0.02487,0.05833,-0.01589,0.00616,-0.06089,0.04846,0.01231,-0.05661,0.00348,-0.02017,0.04597,0.02254,0.04767,-0.01635,-0.09648,-0.04296,0.01618,0.00495,-0.06435,0.05831,-0.01641,0.04773,-0.1098,-0.08895,0.08172,0.03243,-0.00675,0.01862,-0.01634,0.01205,0.06172,0.01237,0.05789,-0.0529,-0.09009,0.02496,-0.0316,-0.04294,-0.00739,-0.06569,0.02267,-0.01756,-0.05002,-0.07047,-0.06578,-0.05899,0.02452,0.00461,-0.03955,0.08537,0.02775,0.05489,0.0368,0.02471,-0.00013,-0.04423,0.0472,-0.00569,0.03522,0.03626,-0.04853,-0.04533,-0.01776,-0.02135,-0.03516,0.07644,0.03561,0.03787,0.04737,-0.03524,-0.02059,0.093,0.04439,-0.0427,0,-0.00773,0.00065,-0.00913,0.04318,0.0587,0.02075,-0.00775,-0.10105,-0.07872,0.04701,0.03809,0.09455,-0.05391,0.00117,0.00502,-0.11158,0.06368,0.05036,-0.06208,-0.01482,0.05285,-0.05723,-0.01317,0.05722,0.11629,0.04006,-0.04184,0.1109,0.01429,0.03494,0.01794,0.06336,-0.05511,-0.06625,-0.02677,-0.01959,-0.07166,-0.04663,-0.05009,-0.01691,0.04089,-0.05282,-0.11767,-0.00566,-0.06607,-0.04979,-0.08016,0.04149,0.06518,-0.00432,0.04534,0.02353,0.00828,-0.02436,0.0959,-0.06,-0.00057,0.01872,-0.02587,0.09181,-0.02688,-0.03921,-0.03373,0.02135,0.09251,0.0124,0.00462,0.04646,0.04003,-0.07835,-0.01059,0.09088,0.04015,0.0384,0.00266,-0.05229,-0.05077,-0.00333,0.04863,0.01372,-0.02898,-0.05432,-0.02497,0.05608,0.01472,-0.13066,-0.02171,0.00285,-0.05581,-0.10441,-0.00381,-0.00209,0.00276,-0.04242,-0.02616,0,-0.00867,0.03634,0.02021,0.12738,-0.0844,-0.00709,0.12446,0.05045,0.03398,-0.01062,0.00804,-0.01404,-0.01382,-0.06784,0.01633,0.00568,-0.01365,-0.07042,0.08464,-0.0128,0.0413,-0.02091,-0.00927,0.0173,-0.02849,0.01839,-0.00429,0.04966,-0.03653,-0.04106,0.02525,-0.0439,-0.00036,-0.04085,-0.00111,-0.06469,0.00288,0.02334,0.00594,-0.01635,0.06612,0.01366,0.05013,-0.04966,-0.00567,-0.0065,0.02408,0.03806,0.00984,-0.04553,-0.07452,-0.00825,-0.01694,-0.05423,-0.0434,0.01249,0.04168,0.00488,-0.00605,-0.00186,0.06646,-0.06185,-0.04446,0.02746,-0.00567,0.02837,-0.04756,-0.02141,0.09421,0.10252,0.06484,-0.03405,0.10388,-0.01125,-0.00606,0.04389,0.11681,0.04689,0.11913,-0.01862,0.04542,0.06269,0.02378,0.10776,-0.00347,0.06641,-0.11188,-0.01221,0.0657,0.07119,-0.03314,-0.05821,0.01392,0.01784,0.06342,0,-0.06547,0.10686,-0.07648,-0.00069,0.0087,-0.00064,0.04082,0.0119,-0.07504,0.02957,-0.01515,0.10689,0.01586,0.0113,0.04389,-0.01548,0.03784,0.04254,-0.03175,0.00181,-0.07208,0.03099,0.01817,0.0757,-0.0604,-0.05203,-0.1423,0.05979,0.01344,-0.05694,-0.03921,0.00947,-0.00096,0.01951,-0.06239,-0.08237,-0.16652,-0.02177,0.06543,0.01929,0.06221,-0.01004,0.01916,-0.01281,-0.0814,0.08198,0.04899,-0.03668,-0.06484,0.02568,-0.07767,0.05123,-0.05209,0.03544,-0.00474,0.0378,0.04464,0.0303,-0.01476,-0.01845,-0.06718,0.02591,-0.06248,-0.021],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Example ::: ng-component <zoom</zoom [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.scss :::","excerpt":"Example ::: ng-component <zoom</zoom [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.scss :::"},{"chunkId":"/docs/f-selection-area-component#0","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.0501,-0.02111,-0.01811,0.02894,0.00401,0.0042,0.04134,-0.00992,0.06893,-0.02454,-0.01605,-0.02168,-0.04252,-0.00296,0.00678,-0.01465,-0.0073,-0.01245,0.03148,-0.00809,-0.03308,-0.0967,0.02635,-0.07875,-0.00421,0.00783,-0.00913,0.07798,0.00172,-0.10525,-0.02988,0.07639,-0.02219,0.05037,-0.10317,-0.01536,0.02468,0.02935,-0.05257,0.01005,-0.01497,-0.00145,0.02524,0.01806,-0.04754,-0.00276,-0.1116,0.02595,0.03092,0.04449,0.00605,-0.0494,0.02266,0.09133,0.04882,0.00405,0.03859,-0.08756,-0.0193,0.01971,-0.0054,0.00459,-0.03183,0.01807,0.0178,0.05315,-0.06483,0.00447,-0.03437,-0.02219,0.04976,-0.00898,0.04066,-0.0275,0.10827,-0.06727,-0.04519,0.04792,0.00514,-0.00527,0.01353,0.12946,-0.07718,0.04627,-0.03152,0.06875,-0.0829,-0.07327,0.03034,0.01087,-0.05989,0.0393,-0.01024,-0.03461,0.01457,-0.02399,-0.02155,-0.04426,-0.02869,-0.01617,0.07965,-0.08124,0.03214,-0.0422,-0.06268,-0.07429,-0.05382,0.00135,0.01271,-0.03453,-0.05519,-0.03671,0.04495,0.01395,-0.08498,0.0083,-0.03282,-0.0819,0.08087,-0.02093,0.00415,0.06248,-0.03474,-0.01812,0.05375,-0.03723,-0.06502,0,0.04443,-0.07124,-0.00126,0.04037,0.03546,0.01892,-0.03225,-0.06232,-0.0115,0.0109,-0.04839,-0.02886,-0.05943,0.01534,0.06149,-0.05837,-0.00898,0.09532,-0.02751,0.00403,-0.00487,-0.0458,-0.01051,-0.01059,0.05329,0.10506,-0.06782,0.08471,0.04129,0.03879,-0.08789,0.02216,-0.00025,-0.01317,-0.02071,0.04569,-0.09815,0.00367,0.03514,0.05345,0.01573,-0.05732,0.02201,-0.01921,0.02155,-0.00471,-0.10128,0.00584,-0.03089,0.00447,0.0724,0.0049,0.02135,-0.04886,0.0711,-0.05755,-0.06885,0.1299,0.02542,0.11541,-0.02204,0.07392,-0.0732,0.00896,0.02373,0.03698,0.00167,0.02441,0.0484,-0.00113,-0.07059,0.03887,0.05147,-0.03286,0.02563,-0.06658,-0.00048,-0.04383,0.05308,-0.01165,-0.11744,-0.08297,-0.0425,-0.07346,0.06307,-0.00604,0.07995,0.00051,-0.00615,-0.10143,0.0488,0.05316,0.00982,-0.04286,0.05375,0,-0.0209,0.02464,0.06106,0.0669,0.00062,-0.05022,0.01662,-0.02818,0.0214,-0.01022,-0.01664,0.03934,0.03016,-0.05741,0.06405,0.07917,-0.06132,-0.10299,-0.05415,-0.02667,-0.00755,-0.08753,0.01744,-0.02267,-0.07396,-0.00966,-0.02834,-0.01257,0.03494,-0.02092,0.00454,-0.06924,-0.0195,0.02506,0.06455,-0.10199,0.05687,0.08957,0.04273,0.02092,-0.03738,-0.00347,-0.00715,0.09644,-0.03062,0.07636,-0.06942,0.06122,0.00305,-0.00112,-0.11817,0.0204,-0.0444,-0.0073,0.00721,0.07406,0.04658,0.04354,0.047,0.01298,-0.03734,-0.06605,0.02024,0.03256,0.13089,-0.00955,0.04305,-0.01524,-0.04986,0.0704,0.06038,0.08863,0.01051,-0.06405,0.05452,0.00648,0.05446,0.06001,-0.00473,0.09152,-0.0328,0.07337,0.02259,0.01815,0.01239,0.00649,-0.02615,0.08736,0.05531,-0.06423,-0.00509,0.00496,0.09557,-0.04003,-0.01487,0,-0.08128,-0.00193,-0.05783,-0.09459,0.04673,0.02207,-0.06586,0.11014,-0.01655,0.01378,-0.03184,0.09257,-0.02097,-0.00839,0.09233,-0.03843,0.06178,0.05517,-0.01263,-0.07588,0.05156,-0.04534,0.02505,0.12208,-0.02482,-0.03265,-0.13258,0.00632,0.0227,0.04346,-0.01723,-0.00595,0.10324,0.06445,0.04004,-0.02065,-0.08503,0.05296,-0.04398,-0.03343,0.06821,-0.08577,-0.00139,-0.04179,-0.05695,0.06605,0.06652,-0.04451,-0.00747,0.03276,-0.04659,-0.00885,0.0713,0.03002,-0.02634,0.01619,-0.03542,-0.05282,0.06668,-0.07246,-0.03494,0.08111,-0.0463,0.01634],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Selection Area Selector: f-selection-area Class: FSelectionArea FSelectionArea enables rectangle-based multi-select in a flow. F Selection Area","excerpt":"Selection Area Selector: f-selection-area Class: FSelectionArea FSelectionArea enables rectangle-based multi-select in a flow."},{"chunkId":"/docs/f-selection-area-component#1","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.05984,-0.03542,-0.0341,0.04771,0.02644,0.00087,0.0159,0.04122,0.09612,0.0251,0.00429,0.02953,-0.03293,0.00109,0.04231,-0.02273,0.02383,-0.03946,-0.01792,-0.03603,-0.05982,-0.08475,0.02554,-0.07692,0.01133,-0.00573,-0.03228,0.0328,0.00099,-0.12158,-0.03743,0.069,-0.00761,0.0428,-0.10134,0.04929,-0.00359,0.01449,-0.05667,-0.02942,-0.00988,0.006,0.03491,0.01014,-0.04124,-0.0403,-0.12675,0.01983,0.03731,0.0601,-0.01865,-0.05954,-0.00355,0.08599,0.03171,0.02908,0.03915,-0.09361,-0.02166,0.01072,-0.01889,0.00636,-0.00577,-0.00802,0.03375,0.05002,-0.02923,-0.00707,-0.04338,-0.00087,0.04028,-0.01538,0.00086,0.0221,0.08969,-0.07968,-0.0396,0.03141,-0.00357,-0.03521,0.04709,0.09542,-0.09376,0.02613,-0.04302,0.09096,-0.07024,-0.07666,0.01993,0.02607,0.00375,0.02371,0.01964,-0.03798,-0.00229,-0.02842,0.00384,0.00536,-0.02844,-0.00919,0.07973,-0.061,0.04466,-0.03104,-0.10483,-0.1032,-0.0129,-0.01958,-0.03833,-0.04292,-0.04872,-0.01712,0.01436,-0.01629,-0.10665,0.00029,-0.00306,-0.05713,0.06262,0.02587,-0.00086,0.06617,-0.02013,0.02027,0.01431,-0.04338,-0.08268,0,0.07256,-0.06263,0.00864,0.04136,0.06113,-0.005,-0.04873,-0.03266,-0.02386,-0.00424,-0.0168,-0.01283,-0.05098,0.04216,0.07018,-0.04215,0.02026,0.11809,-0.01023,-0.02527,0.01185,-0.06642,-0.01363,0.02273,0.06396,0.1164,-0.04076,0.08536,0.04807,0.02373,-0.11492,0.04426,-0.02504,-0.00483,-0.00094,0.07717,-0.12581,-0.02668,0.0578,0.01394,0.0136,-0.04872,0.00543,-0.0053,0.03933,0.02925,-0.11309,0.01669,-0.01811,0.00671,0.09721,0.02333,0.03939,-0.01785,0.04453,-0.0289,-0.03104,0.06469,0.03762,0.13498,-0.01536,0.07824,-0.06131,0.05695,0.02789,0.05598,-0.01307,0.04503,0.0552,-0.00028,-0.0536,0.03292,0.04294,-0.02753,0.03603,-0.06624,-0.02434,-0.11473,0.02556,-0.04905,-0.09784,-0.07145,-0.06334,-0.06077,0.06914,0.00303,0.03281,0.02488,0.00938,-0.07018,0.04421,0.05286,-0.01315,-0.00963,0.04414,0,-0.02068,0.00882,0.06941,0.07832,0.00501,-0.06479,-0.02975,-0.03238,0.02906,-0.01287,-0.03404,-0.00721,0.0113,-0.08725,0.04019,0.08059,-0.05027,-0.13275,-0.05934,-0.02806,0.01541,-0.09364,0.0326,0.0218,-0.05767,-0.03456,-0.0567,-0.00587,0.04546,-0.01947,-0.00632,-0.06408,-0.02212,-0.01489,0.06329,-0.08075,0.05266,0.11913,0.07146,0.04758,-0.05462,0.00903,-0.00366,0.0734,-0.01196,0.09348,-0.08597,0.04701,0.02413,0.0207,-0.10066,0.00495,-0.05121,-0.0303,0.02655,0.04068,0.03167,0.02836,0.02226,-0.01258,-0.05556,-0.04438,0.04377,0.02365,0.09984,-0.00012,0.03669,-0.02655,-0.05609,0.08635,0.05683,0.06217,0.00713,-0.03695,0.03912,-0.0144,0.06649,0.03213,0.01185,0.08008,-0.02677,0.049,0.01367,-0.00717,-0.06131,0.04169,-0.00822,0.09048,0.04447,-0.0335,-0.02404,-0.00995,0.1157,-0.01945,-0.03368,0,-0.07379,0.00595,-0.04924,-0.06811,0.05159,-0.0113,-0.04304,0.1392,0.00048,0.0205,-0.03973,0.07663,-0.04171,-0.00451,0.07139,-0.0357,0.08593,0.0529,-0.00118,-0.06365,0.04502,-0.02662,0.03689,0.09881,0.00277,-0.04466,-0.11325,0.0276,0.03243,0.04614,-0.01946,0.00375,0.09755,0.08203,0.01322,-0.04765,-0.05402,0.03925,-0.04712,-0.04359,0.06639,-0.05992,0.00926,-0.04553,-0.09325,0.03706,0.03834,-0.03643,0.01284,0.02543,-0.0565,-0.03321,0.05983,0.04184,-0.0391,0.04505,0.01246,-0.04525,0.09328,-0.07771,-0.03637,0.02609,-0.03125,0.01933],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Why / Use cases Use f-selection-area when users need to select many items quickly. Typical use cases: - Bulk move operations. - Batch edit/delete workflows. - Diagram tools with large, dense node sets. If your editor is single-select only, this plugin may be unnecessary.","excerpt":"Why / Use cases Use f-selection-area when users need to select many items quickly. Typical use cases: - Bulk move operations. - Batch edit/delete workflows. - Diagram tools with large, dense node sets. If your editor is single-select only, this plugin may be unnecessary."},{"chunkId":"/docs/f-selection-area-component#2","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.04062,-0.05813,-0.02868,0.03946,0.02081,-0.02458,0.06575,0.01693,0.04208,-0.00553,-0.02591,0.00292,-0.04642,-0.00294,-0.02859,-0.01645,0.02277,-0.03161,0.07776,0.00508,-0.05306,-0.11438,0.0233,-0.07186,-0.00856,-0.00072,0.0102,0.03657,0.01298,-0.09817,-0.05547,0.04144,-0.04261,0.02071,-0.0669,0.0213,0.02105,-0.01658,-0.03065,-0.00291,0.03005,-0.01115,0.05894,0.02477,-0.04615,-0.02768,-0.10399,0.06207,0.01779,0.03656,-0.00194,-0.03597,0.01009,0.06509,0.05841,0.0119,0.05402,-0.07241,-0.02786,0.02054,-0.02516,-0.0141,-0.04937,-0.01771,0.0362,0.03977,-0.03151,-0.01614,-0.04731,0.00319,0.00258,0.00165,0.03407,0.00793,0.11358,-0.03352,-0.03902,0.05712,0.02128,-0.06717,0.03355,0.08828,-0.06077,0.04083,-0.01282,0.05396,-0.10956,-0.06915,0.03966,0.02371,-0.00931,0.03508,-0.0345,-0.03772,-0.00465,-0.00321,-0.00442,-0.03765,-0.01539,0.02646,0.04404,-0.02391,0.02705,-0.05426,-0.10709,-0.04936,-0.04365,-0.01679,-0.04363,-0.05526,-0.02974,-0.0309,0.02911,0.01171,-0.09426,0.04999,-0.02789,-0.06171,0.08966,-0.05524,-0.03199,0.06524,0.01004,0.03377,0.02417,-0.0654,-0.04896,0,0.04348,-0.07283,-0.01533,0.01559,0.02133,-0.00458,-0.0504,-0.04263,-0.03145,0.00938,0.00678,-0.05972,-0.00288,-0.00482,0.0925,-0.07034,0.01138,0.09979,-0.04859,0.01996,0.01139,-0.02501,-0.0383,-0.01875,0.05238,0.12113,-0.12399,0.06678,0.04635,0.03326,-0.09258,0.05189,-0.02231,-0.00232,0.00462,0.04462,-0.1229,-0.03108,0.02218,0.00385,0.04294,-0.07043,-0.02171,-0.01372,0.00958,-0.02291,-0.10828,0.02731,-0.02575,0.00448,0.08279,0.01796,-0.02124,-0.03929,0.02924,-0.03807,-0.07847,0.09451,0.04569,0.13064,0.02635,0.06245,-0.06853,0.00652,0.01523,0.03876,-0.02033,0.03356,0.08875,0.05549,-0.04283,0.02996,0.08872,-0.01498,0.01848,-0.02779,-0.0418,-0.06096,0.02981,-0.03645,-0.06626,-0.06443,-0.04066,-0.10108,0.07694,-0.0319,0.03445,-0.00874,-0.00953,-0.09686,0.09035,0.04703,-0.00336,-0.03673,0.02454,0,0.0024,0.00386,0.07084,0.04572,-0.05828,-0.07463,0.00166,-0.07937,-0.01726,-0.01375,-0.00247,0.03089,0.00165,-0.06016,0.06343,0.09849,-0.05654,-0.10252,-0.04657,-0.04731,-0.00526,-0.07973,0.04596,-0.02159,-0.06535,-0.02998,0.00345,0.01501,0.02186,-0.0004,0.00736,-0.04244,-0.04064,0.03,0.07824,-0.06737,0.0207,0.09778,0.08111,0.02403,0.01056,0.02426,-0.00119,0.09178,0.0124,0.06924,-0.10601,0.08109,-0.0117,0.00192,-0.09246,0.02276,0.00291,-0.06035,-0.00806,0.08864,0.05148,0.04722,0.06789,0.02629,-0.02252,-0.06867,0.0632,0.07478,0.13185,0.00275,0.04143,-0.00889,-0.06522,0.09148,0.07029,0.07557,-0.01069,-0.06272,0.04561,0.02851,0.09882,0.07706,-0.01275,0.05186,-0.02305,0.05948,0.001,-0.00448,-0.02924,0.04098,-0.0522,0.10461,0.03979,-0.04654,-0.00717,-0.00802,0.09896,-0.04603,-0.01319,0,-0.11872,0.00493,-0.06687,-0.05059,0.06922,0.02417,-0.05409,0.0753,-0.03601,-0.00339,-0.04252,0.04627,-0.01437,0.01708,0.10608,-0.03522,0.06795,0.03848,-0.02724,-0.04568,0.00121,-0.04247,0.04477,0.12755,-0.04552,-0.03874,-0.10849,0.03651,0.04446,0.03358,0.0192,0.03729,0.08019,0.0486,0.04494,-0.00334,-0.07329,0.02968,-0.04204,0.00095,0.04416,-0.03647,0.00959,-0.04488,-0.05688,0.06603,0.05061,-0.04564,0.0104,0.03034,-0.05366,-0.02296,0.05436,0.02096,-0.05109,0.01756,-0.03682,-0.01352,0.07118,-0.04618,-0.05746,0.06514,-0.03001,0.0397],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. How it works On pointer down, the plugin checks fTrigger. If allowed, it shows the selection rectangle host, updates its bounds on move, computes intersections, marks matching elements selected, then finalizes selection on pointer up. f Trigger","excerpt":"How it works On pointer down, the plugin checks fTrigger. If allowed, it shows the selection rectangle host, updates its bounds on move, computes intersections, marks matching elements selected, then finalizes selection on pointer up."},{"chunkId":"/docs/f-selection-area-component#3","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.06643,-0.05509,-0.01609,0.04233,0.00296,-0.00739,0.0101,0.00831,0.0691,0.00995,-0.00131,-0.00379,-0.01594,0.00802,0.01837,0.00282,0.00721,-0.0505,0.03116,-0.01011,-0.03762,-0.09943,0.03072,-0.10943,0.01756,-0.00492,-0.01362,0.04719,0.00409,-0.11082,-0.05208,0.06366,-0.03871,0.04005,-0.08673,-0.01789,0.03408,0.02091,-0.03798,0.00953,0.00597,0.00694,0.01969,0.01788,-0.06205,-0.01909,-0.14337,0.03318,0.03992,0.05051,-0.01824,-0.05587,0.01949,0.06782,0.05118,0.01405,-0.00067,-0.08051,-0.02124,0.01807,-0.00511,0.00344,-0.02757,-0.00287,0.03227,0.06206,-0.05292,0.00792,-0.0413,-0.01561,0.03222,-0.01699,0.02959,-0.0181,0.11795,-0.05219,-0.05233,0.04317,0.00275,-0.03681,0.01742,0.14358,-0.10334,0.05897,-0.04118,0.0657,-0.08556,-0.06475,0.00552,0.00679,-0.03886,0.02217,-0.00968,-0.00553,-0.01784,-0.01921,0.01965,-0.01984,-0.02326,-0.00585,0.06917,-0.08406,0.03567,-0.05708,-0.10899,-0.08397,-0.04713,-0.00745,-0.0056,-0.03092,-0.05205,-0.0136,0.01034,0.00874,-0.09675,0.02172,-0.03697,-0.08121,0.10066,-0.04082,-0.00704,0.06344,-0.01813,0.01952,0.03514,-0.05959,-0.06406,0,0.05818,-0.05028,0.01824,0.03311,0.0617,-0.00669,-0.05858,-0.04719,-0.03134,0.01146,-0.03705,-0.0064,-0.05394,0.01631,0.07412,-0.04435,0.00293,0.10757,-0.0196,-0.00341,-0.03033,-0.03802,-0.01844,0.01023,0.07022,0.11386,-0.07361,0.09072,0.03888,0.02931,-0.07832,0.03439,0.00438,-0.01235,-0.02619,0.04398,-0.09586,-0.00862,0.03938,0.04048,0.03296,-0.04832,0.02129,0.00542,0.03041,0.02617,-0.09207,-0.00197,-0.02946,-0.02001,0.0538,0.00658,0.01925,-0.02584,0.05853,-0.05861,-0.06136,0.09475,0.04358,0.12172,0.00196,0.06999,-0.05771,0.03043,0.01061,0.04936,-0.02413,0.01876,0.06547,0.014,-0.05302,0.04195,0.05199,-0.04859,0.01546,-0.06379,-0.03237,-0.08178,0.06349,-0.00779,-0.08193,-0.0808,-0.0579,-0.08207,0.05086,-0.0015,0.07645,0.01806,0.00486,-0.08069,0.04875,0.05677,0.00258,-0.04301,0.04584,0,-0.03914,0.02212,0.07568,0.05715,0.01508,-0.05047,-0.00702,-0.03269,0.00776,-0.0072,0.01112,0.00957,0.01846,-0.0554,0.04028,0.09089,-0.04544,-0.10301,-0.05256,-0.03598,0.01156,-0.07681,0.02571,-0.0076,-0.05081,-0.00783,-0.01861,-0.0103,0.04056,-0.0001,0.00876,-0.08023,-0.00652,0.02558,0.07108,-0.08876,0.05778,0.08504,0.05855,-0.00369,-0.04957,-0.00756,-0.01458,0.08025,-0.0062,0.07232,-0.07779,0.07727,-0.01084,0.00104,-0.09755,0.01142,-0.02937,-0.03732,0.00883,0.05436,0.03149,0.0559,0.06397,-0.00016,-0.04526,-0.06369,0.03292,0.04414,0.1086,-0.01163,0.06225,-0.02611,-0.05977,0.06882,0.02885,0.08673,0.01036,-0.06992,0.077,-0.01163,0.04809,0.06244,-0.00432,0.06387,-0.05055,0.06325,0.0233,0.01807,0.00308,0.01421,0.00417,0.11633,0.0485,-0.03509,-0.00864,-0.00711,0.10535,-0.00333,0.00142,0,-0.07914,0.02327,-0.06943,-0.08309,0.05443,0.00439,-0.03722,0.11195,-0.00892,0.04058,-0.03737,0.06908,-0.04724,0.01533,0.09519,-0.02694,0.0585,0.06114,0.00658,-0.06266,0.04904,-0.03288,0.05025,0.11253,-0.00523,-0.02138,-0.16267,0.01359,0.01214,0.04569,-0.02808,-0.00885,0.09553,0.06247,0.03046,-0.05404,-0.08742,0.0408,-0.03964,-0.03425,0.07,-0.06643,0.00883,-0.02315,-0.04666,0.06872,0.06812,-0.04117,0.01536,0.03093,-0.06024,-0.04895,0.0753,-0.00709,-0.04001,0.03219,-0.02749,-0.03242,0.08296,-0.06786,-0.02948,0.05273,-0.0722,0.02396],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. API","excerpt":"API"},{"chunkId":"/docs/f-selection-area-component#4","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.04527,-0.05475,-0.04404,0.08563,0.01235,0.03418,0.04743,0.01515,0.06599,0.00676,-0.00369,-0.01758,-0.02905,-0.01746,0.00993,-0.00095,0.00441,-0.0393,0.03909,-0.01067,-0.01629,-0.1064,0.02088,-0.07611,-0.01821,-0.02257,-0.01288,0.03552,0.01576,-0.08841,-0.0487,0.04433,-0.00242,0.03924,-0.08579,-0.01217,0.02079,0.00387,-0.05226,-0.00774,0.00127,-0.03759,0.01916,0.00145,-0.06127,-0.02865,-0.13419,0.04402,0.03001,0.07198,-0.03044,-0.0331,0.01385,0.06298,0.06847,-0.00148,0.027,-0.08941,-0.0067,-0.00647,-0.04423,-0.00107,-0.06286,0.01092,0.0413,0.07096,-0.03803,-0.00607,-0.00529,0.00103,0.02393,-0.01143,0.0353,-0.00002,0.1033,-0.0606,-0.02773,0.05165,0.01113,-0.03348,0.01637,0.11437,-0.0745,0.03972,-0.01494,0.07508,-0.11655,-0.0619,0.02412,0.01664,-0.05494,0.01597,0.00345,0.00736,0.00179,-0.00397,0.00238,-0.02867,-0.01251,-0.00985,0.05432,-0.04991,0.02117,-0.03798,-0.09084,-0.0895,-0.04573,-0.01673,-0.01906,-0.05178,-0.02961,-0.04481,0.03227,0.00058,-0.07795,0.03298,-0.03529,-0.06538,0.09109,-0.0231,0.00212,0.06301,-0.04425,0.00979,0.04776,-0.06437,-0.06559,0,0.06359,-0.05685,-0.00419,0.02074,0.01828,0.0347,-0.05588,-0.03646,-0.03518,0.05397,-0.02738,-0.03016,-0.05589,0.01087,0.08155,-0.08074,-0.00751,0.10685,-0.02191,-0.00702,-0.01003,-0.03861,-0.01289,0.0007,0.06697,0.11159,-0.09155,0.09894,0.03787,0.03816,-0.08269,0.02761,-0.02069,-0.02123,-0.01796,0.04588,-0.10884,-0.01535,0.00857,0.04026,0.00896,-0.06388,0.0227,-0.02094,0.0252,-0.02248,-0.11365,0.01724,-0.02116,-0.00645,0.0778,0.00712,0.01107,-0.04648,0.05372,-0.03228,-0.07077,0.11261,0.04207,0.12657,-0.00548,0.04294,-0.05081,0.02743,0.02748,0.04548,-0.01331,-0.00097,0.06102,0.01763,-0.06002,0.02148,0.06391,-0.03423,0.04183,-0.03659,-0.0408,-0.09342,0.02645,-0.02826,-0.08015,-0.06536,-0.06064,-0.05365,0.08465,0.00573,0.05175,0.01766,-0.00929,-0.10366,0.05003,0.04485,0.00275,-0.0356,0.03154,0,0.00485,0.02524,0.05629,0.04979,-0.01891,-0.04557,0.0149,-0.05855,-0.00629,-0.01799,0.02167,0.0116,0.02806,-0.07421,0.02224,0.11071,-0.04517,-0.09238,-0.04858,-0.02767,0.00228,-0.10456,-0.00198,0.00594,-0.0642,-0.03014,0.00249,0.02581,0.00919,-0.00839,-0.01594,-0.05276,-0.02089,0.01324,0.05229,-0.07654,0.05893,0.09985,0.06107,0.04051,-0.02071,0.00315,-0.01671,0.0837,-0.00715,0.07917,-0.07439,0.07395,-0.00486,0.02373,-0.1018,0.00581,-0.03426,-0.03238,-0.02185,0.04325,0.04762,0.05065,0.0493,0.02635,-0.02936,-0.05589,0.06655,0.05818,0.12887,-0.01126,0.04028,0.01617,-0.05104,0.05807,0.06101,0.07683,-0.0093,-0.06496,0.03685,0.00379,0.05407,0.04559,-0.01248,0.06847,-0.01167,0.05127,0.04383,0.01778,-0.03929,0.06139,-0.00327,0.11026,0.06981,-0.02674,-0.0338,-0.00057,0.1285,-0.04344,-0.02318,0,-0.11512,0.02225,-0.03878,-0.07429,0.06344,0.01503,-0.04057,0.08457,-0.04021,-0.00636,-0.0501,0.0955,-0.01698,-0.00314,0.09919,-0.047,0.0839,0.06539,-0.00678,-0.06587,0.07969,-0.03332,0.03687,0.10664,-0.01528,-0.04464,-0.12848,0.0175,0.06738,0.06287,-0.01775,0.01785,0.08138,0.03361,0.00099,-0.0153,-0.07845,0.01082,-0.04199,-0.04287,0.08132,-0.06113,-0.03411,-0.05575,-0.09714,0.06591,0.07367,-0.05715,0.01155,0.03391,-0.04335,-0.02106,0.07596,0.02611,-0.02412,0.03762,-0.01298,-0.0253,0.07297,-0.06562,-0.03816,0.04804,-0.0351,0.02089],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Inputs - fTrigger: FEventTrigger; Selection-start predicate. Default: the active control scheme's selection (event.shiftKey). f Trigger F Event Trigger shift Key","excerpt":"Inputs - fTrigger: FEventTrigger; Selection-start predicate. Default: the active control scheme's selection (event.shiftKey)."},{"chunkId":"/docs/f-selection-area-component#5","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.0358,-0.03486,-0.04365,0.06611,0.02166,0.01951,0.05055,0.00756,0.05291,0.00087,0.00606,-0.02844,-0.04863,-0.00565,-0.00764,-0.01786,0.00929,-0.0249,0.01166,0.00386,-0.00446,-0.10714,0.02741,-0.08625,0.00601,-0.00375,0.00315,0.04728,-0.00087,-0.13431,-0.02798,0.08165,-0.01979,0.04309,-0.11586,-0.02273,0.01992,0.00883,-0.04914,-0.00893,-0.0025,-0.0138,0.01631,-0.01384,-0.07387,-0.01873,-0.09734,0.03048,0.01548,0.07318,0.00235,-0.02584,0.03348,0.08919,0.05985,0.02172,0.03478,-0.08204,-0.03318,0.00131,-0.02668,-0.00204,-0.04988,0.0057,0.05151,0.0516,-0.06466,-0.02645,-0.05073,-0.01503,0.04185,-0.00945,0.05972,-0.04582,0.1416,-0.06669,-0.05304,0.06507,0.03244,-0.02314,0.03557,0.11855,-0.07259,0.05539,-0.01238,0.06789,-0.09871,-0.06258,0.00301,0.00638,-0.04677,0.03711,-0.00556,-0.00808,-0.04095,-0.01527,0.01603,-0.04251,-0.0134,0.00441,0.05929,-0.07689,0.03906,-0.03224,-0.10076,-0.09825,-0.0427,-0.02021,-0.02398,-0.03307,-0.0442,-0.02834,0.0237,0.00019,-0.06955,0.00644,-0.02948,-0.06522,0.09478,-0.06062,0.01132,0.06408,-0.01931,0.02949,0.04914,-0.03596,-0.06669,0,0.0647,-0.07616,-0.01414,0.02803,0.0329,0.00642,-0.02582,-0.05861,-0.01033,0.00621,-0.03709,0.00228,-0.03525,0.01682,0.08832,-0.08194,0.00315,0.09346,-0.01651,-0.00131,-0.00238,-0.00234,-0.00294,-0.02262,0.05992,0.11511,-0.08508,0.09591,0.01616,0.03586,-0.06957,0.05431,-0.00777,-0.0214,-0.02223,0.03662,-0.1147,-0.01375,0.00947,0.05072,0.04585,-0.06518,0.00762,-0.02006,0.02098,0.0318,-0.08975,0.01789,-0.02004,0.02584,0.06616,-0.00621,0.02257,-0.037,0.07426,-0.03925,-0.07371,0.11103,0.05872,0.10672,-0.00643,0.06926,-0.0516,0.02054,0.00436,0.05814,0.00726,0.01283,0.05718,0.00829,-0.05216,0.04915,0.05014,-0.03771,0.03249,-0.05047,-0.01847,-0.1039,0.04959,-0.03565,-0.07474,-0.06192,-0.06005,-0.07384,0.07138,-0.01709,0.05091,-0.00001,-0.0034,-0.08286,0.02112,0.02796,0.01072,-0.05674,0.03868,0,0.00001,0.00795,0.06564,0.08302,0.0011,-0.039,0.0052,-0.02389,0.01842,-0.00497,-0.00721,0.01459,0.0128,-0.05764,0.02669,0.10836,-0.06306,-0.09365,-0.05135,-0.03673,-0.00449,-0.07571,0.02827,-0.00295,-0.07429,-0.01411,0.01546,0.02017,0.03571,-0.03383,0.01406,-0.05199,-0.04137,0.02898,0.05442,-0.09493,0.0637,0.08832,0.05317,0.02527,-0.03774,0.01102,0.00645,0.07846,0.00194,0.06711,-0.08398,0.06869,0.00566,0.0086,-0.10783,-0.00443,-0.05729,-0.00025,-0.01102,0.05239,0.07173,0.05384,0.06886,0.01928,-0.04308,-0.07757,0.0287,0.03214,0.13664,-0.00839,0.05279,0.00111,-0.02288,0.088,0.05062,0.04099,0.01874,-0.07341,0.06775,0.00313,0.05573,0.04061,0.0215,0.05132,-0.00576,0.03561,0.03383,0.00498,-0.00983,0.0094,-0.01691,0.07942,0.06656,-0.05932,-0.00956,-0.00021,0.11493,-0.04487,0.01408,0,-0.0793,0.00064,-0.06365,-0.09019,0.06156,-0.00645,-0.03887,0.08775,-0.02598,-0.00335,-0.04025,0.07387,-0.01805,0.02041,0.10214,-0.02864,0.06844,0.06474,-0.01194,-0.07727,0.03233,-0.02839,0.04765,0.10358,-0.02103,-0.03985,-0.14219,0.01087,0.04702,0.03775,-0.01907,0.0255,0.1099,0.02569,0.01777,-0.02303,-0.09067,0.01352,-0.03229,-0.02018,0.05532,-0.06233,-0.01209,-0.04159,-0.09829,0.05117,0.06639,-0.06828,-0.00703,0.02322,-0.04854,-0.01467,0.0636,0.02943,-0.03638,0.01363,-0.04189,-0.02468,0.10081,-0.05861,-0.01409,0.04095,-0.05062,0.01987],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Outputs - No direct outputs from this component. Selection changes are emitted by fDraggable through fSelectionChange. f Draggable f Selection Change","excerpt":"Outputs - No direct outputs from this component. Selection changes are emitted by fDraggable through fSelectionChange."},{"chunkId":"/docs/f-selection-area-component#6","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.04029,-0.0286,-0.02537,0.02623,-0.00183,-0.00043,0.01637,0.02485,0.06255,0.01097,0.00319,-0.00205,-0.04462,-0.00803,0.01263,-0.00388,-0.00097,-0.02025,0.03666,0.00881,-0.02048,-0.09405,0.02828,-0.09712,0.0071,-0.00479,-0.01103,0.05203,0.01228,-0.12155,-0.04431,0.05952,-0.02565,0.05773,-0.07644,-0.01116,0.02183,0.01102,-0.03814,0.00879,-0.01544,-0.00184,0.00113,0.00278,-0.05243,-0.02245,-0.14106,0.04391,0.03109,0.0433,-0.02474,-0.06343,0.03458,0.06582,0.05158,0.0159,-0.00184,-0.09047,-0.01402,0.02139,0.00014,0.00958,-0.04933,0.01892,0.04326,0.05334,-0.05954,-0.01038,-0.04346,-0.00894,0.02764,-0.00524,0.04934,-0.01497,0.11776,-0.05812,-0.05401,0.04712,-0.0027,-0.04592,0.01321,0.136,-0.09489,0.04968,0.00483,0.06289,-0.10074,-0.04574,0.03002,0.00642,-0.038,0.04249,-0.01474,-0.00555,-0.02403,0.00582,0.03304,-0.02989,-0.02232,0.01476,0.06354,-0.07122,0.03455,-0.04672,-0.10638,-0.07983,-0.03997,-0.00601,-0.00236,-0.02291,-0.05279,-0.01181,0.00098,-0.00664,-0.10058,0.00315,-0.02653,-0.08172,0.10992,-0.04988,0.01754,0.04531,-0.01656,0.0128,0.03157,-0.05497,-0.06263,0,0.06815,-0.04232,0.00878,0.04176,0.06408,0.00955,-0.05847,-0.04424,-0.03647,0.01396,-0.02549,-0.00634,-0.04957,0.01103,0.08655,-0.04024,-0.00639,0.1104,-0.0074,-0.00421,0.00207,-0.04242,-0.0016,0.01727,0.06149,0.13303,-0.0717,0.08335,0.01694,0.04343,-0.06994,0.01567,-0.00527,-0.00893,-0.01442,0.04421,-0.10392,-0.02858,0.01016,0.05155,0.03237,-0.06139,0.01992,-0.00373,0.03222,0.01413,-0.09247,0.00337,-0.01032,-0.0187,0.06395,0.00505,-0.00247,-0.03961,0.06317,-0.0639,-0.08575,0.1046,0.04515,0.11297,0.00016,0.05963,-0.05264,0.0161,0.00144,0.02495,-0.01664,0.02137,0.08141,0.0147,-0.04105,0.05274,0.05498,-0.04052,0.01037,-0.06021,-0.01601,-0.08181,0.08312,-0.01891,-0.07996,-0.07258,-0.06408,-0.07445,0.06874,0.00803,0.07914,0.02175,0.00198,-0.09026,0.01729,0.04436,0.00471,-0.06042,0.03894,0,-0.01094,0.00978,0.08226,0.05579,-0.00046,-0.05514,0.00686,-0.01192,-0.00166,-0.00989,0.00219,-0.00308,0.03177,-0.05598,0.0479,0.10437,-0.06121,-0.10939,-0.06738,-0.02975,-0.00987,-0.07871,0.02877,0.00725,-0.06569,-0.01032,-0.01995,-0.00731,0.02685,-0.00362,0.00773,-0.06945,-0.00866,0.03622,0.05427,-0.07755,0.04519,0.09982,0.06432,0.02081,-0.03867,-0.01516,-0.00857,0.07083,-0.03672,0.06088,-0.07659,0.08009,-0.0025,-0.00849,-0.09115,0.00517,-0.05414,-0.02779,0.00889,0.04686,0.02149,0.04451,0.04712,0.02344,-0.03298,-0.05942,0.03343,0.04547,0.15048,-0.01753,0.03625,-0.01995,-0.07316,0.07491,0.03806,0.0661,0.00756,-0.06629,0.06843,-0.00793,0.06121,0.0669,-0.00517,0.06314,-0.04001,0.04025,0.02334,0.00834,-0.01048,-0.00258,0.01934,0.11102,0.03732,-0.04703,-0.01154,0.01759,0.11788,-0.00641,0.01886,0,-0.07395,0.01746,-0.05808,-0.09115,0.05646,0.00358,-0.04172,0.10095,-0.02472,0.01847,-0.04165,0.07182,-0.03699,0.0174,0.09475,-0.03862,0.04104,0.07948,-0.0109,-0.08334,0.03289,-0.0149,0.03961,0.08553,-0.02295,-0.0126,-0.16377,0.01732,0.03942,0.0351,-0.03089,0.00841,0.1107,0.04587,0.02838,-0.03696,-0.08667,0.02835,-0.05904,-0.04928,0.09245,-0.0625,-0.00006,-0.02857,-0.04886,0.07147,0.07157,-0.03565,0.01446,0.03483,-0.05877,-0.05189,0.08401,0.01269,-0.0428,0.02895,-0.01582,-0.02565,0.10032,-0.06495,-0.0248,0.03804,-0.05922,0.03145],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-selection-area-component#7","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.04886,-0.04848,-0.00859,0.06845,0.00943,-0.00331,0.03568,-0.00498,0.05457,0.00445,-0.01824,-0.00291,-0.03859,-0.00157,0.00681,0.01844,0.01495,-0.04598,0.03417,-0.01031,-0.03954,-0.12257,0.03236,-0.07692,0.01027,-0.00007,-0.02454,0.04115,0.01697,-0.1056,-0.0512,0.04279,-0.02147,0.03059,-0.07747,-0.0111,0.04241,0.02149,-0.0363,0.00233,0.00199,-0.01099,0.01588,0.02199,-0.05866,-0.02858,-0.13991,0.03389,0.03057,0.06385,-0.02187,-0.04171,0.01971,0.03582,0.06882,0.00846,0.02675,-0.06761,0.00017,0.01505,-0.02751,0.00541,-0.04949,0.0071,0.04237,0.06399,-0.06001,-0.00522,-0.01728,0.00047,0.02272,-0.01286,0.03278,0.00892,0.10959,-0.04765,-0.04327,0.0481,0.00584,-0.027,0.01653,0.1234,-0.09235,0.04711,-0.00421,0.07514,-0.08486,-0.06562,0.04077,0.01328,-0.04962,0.00773,0.01125,0.0028,-0.00487,-0.00268,0.0122,-0.02565,-0.0302,-0.00663,0.07409,-0.07315,0.05366,-0.04201,-0.09187,-0.09299,-0.0461,-0.01463,-0.01605,-0.03964,-0.04374,-0.01815,0.03867,0.00595,-0.09118,0.01779,-0.05127,-0.08548,0.1113,-0.03021,0.01204,0.05391,-0.03069,-0.01394,0.03723,-0.05129,-0.06193,0,0.0596,-0.06844,0.00168,0.04612,0.0584,0.0104,-0.06637,-0.04311,-0.03808,0.02713,-0.01203,-0.03023,-0.04066,0.02014,0.08712,-0.06899,0.00381,0.08941,-0.03251,-0.00824,-0.00883,-0.04863,-0.02694,0.01526,0.07669,0.12823,-0.07207,0.09077,0.03091,0.04236,-0.08544,0.03051,-0.01268,-0.00051,-0.02936,0.02437,-0.09779,-0.02502,0.03387,0.04187,0.00515,-0.06127,0.01098,-0.01054,0.01615,-0.00537,-0.09765,0.02639,-0.02094,-0.0271,0.06107,0.00486,0.02114,-0.03303,0.04992,-0.04628,-0.06893,0.10823,0.05323,0.12896,-0.00179,0.07466,-0.0406,0.03248,0.02416,0.03102,-0.0256,0.01108,0.06528,0.01337,-0.05457,0.03598,0.05411,-0.03716,0.02229,-0.06179,-0.02703,-0.09091,0.05596,-0.02242,-0.06362,-0.08426,-0.05605,-0.08847,0.05427,-0.01182,0.05598,0.01403,0.01115,-0.0819,0.03905,0.04657,0.0033,-0.03776,0.02048,0,-0.02326,0.01169,0.06226,0.05006,-0.00289,-0.0447,-0.00706,-0.06167,-0.0041,-0.00699,0.018,0.00869,0.02785,-0.04521,0.03967,0.11275,-0.05386,-0.10411,-0.05459,-0.02729,0.01292,-0.10467,0.00397,0.00161,-0.05592,-0.01409,-0.00744,-0.00157,0.03545,-0.02069,0.00304,-0.04878,-0.01107,0.03228,0.07251,-0.07885,0.06418,0.09933,0.05314,-0.00186,-0.02563,0.00384,-0.00086,0.08493,-0.00487,0.09479,-0.07683,0.06922,-0.0073,0.0078,-0.10764,0.0002,-0.04256,-0.01828,-0.0143,0.05158,0.04292,0.0322,0.06185,0.01177,-0.0388,-0.0738,0.06053,0.05827,0.1265,-0.02515,0.0544,0.00012,-0.06907,0.05671,0.04181,0.09002,0.00013,-0.0801,0.04981,0.0067,0.0555,0.03831,-0.01201,0.0615,-0.0183,0.0461,0.0346,0.00445,-0.03199,0.02928,-0.00308,0.13893,0.0485,-0.04445,-0.024,-0.01717,0.09445,-0.00592,-0.01566,0,-0.08889,0.01056,-0.0716,-0.08535,0.06407,0.01266,-0.06495,0.09096,-0.01815,0.01857,-0.03061,0.06552,-0.02759,0.01377,0.10497,-0.04662,0.06769,0.07972,0.002,-0.06246,0.05991,-0.0382,0.04941,0.11506,-0.01949,-0.02386,-0.14868,0.02962,0.04164,0.05147,-0.03049,0.01763,0.09289,0.04233,0.01871,-0.01641,-0.08339,0.01994,-0.02052,-0.04052,0.0795,-0.06989,-0.01258,-0.03243,-0.08288,0.0613,0.04928,-0.04895,0.00665,0.03132,-0.05485,-0.03784,0.08757,0.00666,-0.02253,0.03959,-0.02742,-0.04533,0.08188,-0.06276,-0.01,0.03709,-0.0528,0.0145],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Types FEventTrigger F Event Trigger","excerpt":"Types FEventTrigger"},{"chunkId":"/docs/f-selection-area-component#8","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.03283,-0.01377,-0.02579,0.02515,0.01943,0.00162,0.05288,0.01646,0.05556,-0.0141,-0.02092,-0.0167,-0.04791,-0.00621,0.01681,-0.02297,-0.01577,-0.02092,0.02405,0.00401,-0.03681,-0.08646,0.02951,-0.0737,-0.00939,0.02346,0.01179,0.07468,0.01766,-0.11749,-0.0192,0.09028,-0.01879,0.05251,-0.11065,-0.00914,0.02425,0.03423,-0.05662,0.01808,-0.02046,-0.00868,0.03804,0.00511,-0.04411,-0.00773,-0.10743,0.01819,0.02267,0.03262,0.01857,-0.03799,0.02444,0.09754,0.04682,0.01256,0.05334,-0.08759,-0.04282,0.01205,-0.01653,-0.0093,-0.03914,0.01888,0.01374,0.03845,-0.07713,-0.00701,-0.03472,-0.02435,0.04501,0.00709,0.05178,-0.02086,0.11596,-0.0566,-0.03337,0.07078,0.0146,-0.0095,0.02192,0.12141,-0.06549,0.02812,-0.01986,0.07338,-0.07802,-0.067,0.01577,0.02649,-0.04963,0.04206,0.00522,-0.02443,0.00928,0.00677,-0.03347,-0.04613,-0.02872,0.00041,0.07502,-0.07304,0.02588,-0.03271,-0.08452,-0.0734,-0.06065,0.01256,-0.00472,-0.04775,-0.05411,-0.02852,0.0323,-0.00041,-0.08916,-0.01207,-0.03725,-0.08803,0.07826,-0.0399,0.01943,0.06188,-0.03833,-0.00271,0.05645,-0.04601,-0.06187,0,0.03527,-0.06649,-0.01416,0.04795,0.03798,0.02701,-0.0189,-0.0628,-0.00523,0.01218,-0.04461,-0.02735,-0.05821,-0.00231,0.06615,-0.08551,-0.00579,0.10274,-0.02895,0.00405,0.01492,-0.04171,-0.02045,-0.01271,0.06419,0.10802,-0.07972,0.06649,-0.00606,0.02885,-0.07834,0.02119,-0.00323,0.00841,-0.01737,0.02721,-0.09258,-0.00899,0.02043,0.02852,0.0267,-0.05254,-0.0018,-0.00904,0.03744,-0.01,-0.09756,0.01357,0.00294,0.01267,0.07533,0.02239,0.03545,-0.04171,0.07914,-0.04854,-0.06211,0.12904,0.03109,0.11447,-0.01232,0.08541,-0.07939,0.00487,0.00953,0.0461,0.00437,0.0249,0.04738,-0.00847,-0.03813,0.04351,0.03325,-0.02899,0.02524,-0.06143,0.00148,-0.05646,0.0537,-0.02182,-0.12164,-0.0774,-0.05038,-0.05962,0.05406,-0.01669,0.07021,-0.00497,0.01447,-0.10259,0.04815,0.03543,0.01577,-0.04786,0.04812,0,-0.03065,0.03037,0.05532,0.06681,0.0096,-0.03946,0.01949,-0.01306,0.0083,0.00071,-0.00762,0.04388,0.01399,-0.06342,0.05037,0.10413,-0.0712,-0.11093,-0.04407,-0.03761,-0.01668,-0.06376,0.01448,-0.02253,-0.09005,-0.0025,-0.01413,-0.00113,0.04158,-0.02062,0.00741,-0.05289,-0.01973,0.02118,0.06554,-0.1047,0.06075,0.10524,0.05029,0.01485,-0.03961,0.01235,-0.00949,0.09105,-0.04861,0.05729,-0.06626,0.04251,0.0098,-0.00504,-0.1189,-0.00148,-0.04738,-0.02095,-0.01249,0.06828,0.04424,0.04755,0.05585,0.01884,-0.01704,-0.06288,0.02134,0.02445,0.1255,-0.02464,0.03574,0.00307,-0.04495,0.08043,0.06022,0.08885,0.02416,-0.05128,0.07053,-0.00184,0.07027,0.07456,0.01886,0.0963,-0.02808,0.07462,0.00301,-0.00436,0.00088,-0.01589,-0.01989,0.07585,0.0429,-0.0661,-0.01914,0.00742,0.09829,-0.03105,0.00593,0,-0.09367,-0.01504,-0.0603,-0.10585,0.05529,0.01382,-0.05594,0.0965,-0.01427,0.00024,-0.03567,0.09446,-0.01258,-0.00254,0.09817,-0.02685,0.04753,0.06043,-0.01864,-0.09086,0.04763,-0.04191,0.02475,0.10874,-0.01808,-0.03567,-0.13078,0.01287,0.0482,0.04784,-0.0392,0.01229,0.115,0.03553,0.0416,-0.00904,-0.08904,0.02801,-0.05747,-0.03359,0.0535,-0.07232,0.01256,-0.05362,-0.05602,0.07165,0.0372,-0.04528,-0.01109,0.02176,-0.03987,-0.00293,0.04025,0.03548,-0.01593,0.02625,-0.04214,-0.04374,0.09919,-0.08233,-0.06284,0.09194,-0.03286,0.01571],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Styling - .f-component Base class for flow primitives. - .f-selection-area Host class of selection rectangle element.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-selection-area Host class of selection rectangle element."},{"chunkId":"/docs/f-selection-area-component#9","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.03332,-0.04888,-0.03717,0.06769,0.04435,0.01406,0.0525,0.02811,0.08634,-0.00902,-0.00067,0.00282,-0.05697,0.00659,0.01908,-0.05282,-0.00552,-0.03175,0.01474,0.00603,-0.0345,-0.10864,0.02679,-0.06672,-0.02381,-0.00435,-0.01163,0.04366,-0.00288,-0.10533,-0.00743,0.05244,-0.04156,0.04151,-0.1035,-0.02148,0.03355,-0.00088,-0.05404,-0.01701,-0.02213,-0.02707,0.05643,0.01517,-0.07235,-0.03072,-0.07999,0.05984,0.0229,0.07793,0.0156,-0.04661,0.02337,0.11045,0.05094,-0.01106,0.05642,-0.08018,-0.03702,0.02605,-0.034,0.00245,-0.04915,0.01916,0.03012,0.05417,-0.03125,-0.00588,-0.00517,0.01004,0.07831,-0.00811,0.03022,-0.02875,0.13621,-0.06717,-0.04237,0.08294,-0.01167,-0.02536,0.04988,0.08755,-0.04633,0.04458,-0.01435,0.0823,-0.09491,-0.06,0.0035,0.03193,-0.06162,0.0533,0.00657,-0.02348,0.00052,-0.00573,-0.0365,-0.05271,-0.05232,-0.00674,0.04411,-0.07246,0.04135,0.01154,-0.05727,-0.06418,-0.0402,-0.03671,-0.05271,-0.0376,-0.02347,-0.03265,0.05308,0.03091,-0.08055,0.01648,-0.04004,-0.06526,0.06942,-0.01138,-0.00783,0.06699,-0.02561,-0.00165,0.05547,-0.06694,-0.08118,0,0.03571,-0.06862,-0.01876,0.01589,0.03444,0.00636,-0.01546,-0.05131,-0.0215,0.02877,-0.02888,-0.02825,-0.03451,-0.00054,0.05993,-0.08072,-0.01945,0.08697,-0.03167,0.00199,0.00748,-0.04672,-0.03733,-0.01982,0.05929,0.14114,-0.0875,0.08936,0.04511,0.04904,-0.09831,0.03882,-0.0146,-0.004,-0.01634,0.03242,-0.12469,-0.03668,0.0075,0.05316,0.01403,-0.07362,-0.04038,-0.01146,0.02238,-0.01722,-0.08615,-0.00247,-0.0516,0.00865,0.07382,0.00666,0.02518,-0.05114,0.07525,-0.07705,-0.07806,0.08934,0.03528,0.1137,0.00208,0.04205,-0.06648,-0.00604,0.01603,0.05261,-0.00537,0.02357,0.05056,0.00322,-0.06271,0.03787,0.06129,-0.0338,0.03456,-0.03085,-0.03494,-0.06978,0.03523,-0.02545,-0.08085,-0.09359,-0.03078,-0.05252,0.0461,-0.01216,0.05202,-0.00599,-0.02441,-0.092,0.05578,0.04605,0.03727,-0.02694,0.06281,0,-0.00737,0.02021,0.04665,0.0593,-0.0265,-0.03385,0.01824,-0.03245,0.01653,-0.00417,-0.0232,0.03262,-0.01474,-0.06125,0.03698,0.09514,-0.02036,-0.0849,-0.05462,-0.04357,-0.0053,-0.09422,0.01539,0.00205,-0.05556,-0.02114,-0.0034,-0.00588,0.03068,-0.00728,0.018,-0.04927,-0.02963,0.00066,0.06052,-0.09246,0.03833,0.09853,0.07046,0.00933,-0.02625,0.03259,0.00585,0.08254,-0.01587,0.07185,-0.08994,0.05674,0.02403,0.00745,-0.11657,0.00026,-0.04724,-0.03722,-0.00552,0.0694,0.10414,0.05207,0.04316,0.01902,-0.00327,-0.05619,0.01996,0.04117,0.13135,-0.00482,0.02846,0.01197,-0.02487,0.12046,0.04672,0.07657,0.0147,-0.05956,0.05791,0.04018,0.09551,0.03297,-0.00718,0.06936,0.00102,0.05884,0.01272,-0.01492,-0.01372,0.02115,-0.03183,0.07349,0.05411,-0.05995,-0.02802,-0.00632,0.0988,-0.05395,-0.00696,0,-0.09878,0.01413,-0.05866,-0.07545,0.02896,0.02557,-0.06792,0.07653,-0.02326,-0.006,-0.05529,0.06949,-0.00315,0.03002,0.08515,-0.03363,0.08212,0.05747,-0.02395,-0.0718,0.02921,-0.03646,0.02916,0.1276,-0.04735,-0.03219,-0.11643,0.021,0.04643,0.03039,-0.03703,0.02011,0.07909,0.03321,-0.00457,0.00999,-0.07585,0.03091,-0.03862,-0.01562,0.09667,-0.03674,0.01344,-0.04761,-0.08181,0.04611,0.08798,-0.06801,-0.02757,0.06729,-0.03673,-0.00374,0.0589,0.04795,-0.02081,0.02958,-0.03909,-0.03775,0.07517,-0.05898,-0.02495,0.0474,-0.03231,0.03775],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Notes / Pitfalls - Requires fDraggable on parent f-flow. - Selection rectangle is hidden by default; style .f-selection-area in your app/theme so users can see it. - Trigger collisions can happen if fTrigger overlaps with other drag gestures. f Draggable f Trigger","excerpt":"Notes / Pitfalls - Requires fDraggable on parent f-flow. - Selection rectangle is hidden by default; style .f-selection-area in your app/theme so users can see it. - Trigger collisions can happen if fTrigger overlaps with other drag gestures."},{"chunkId":"/docs/f-selection-area-component#10","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[-0.00127,-0.01516,-0.05094,0.07458,0.04302,0.03658,0.00225,0.02246,0.04791,0.04314,-0.02822,-0.03431,-0.0558,0.02396,0.03116,-0.0449,-0.04138,-0.01428,0.01205,-0.00709,-0.01581,-0.06361,0.07042,-0.077,-0.00659,0.01041,0.02194,0.05509,0.02163,-0.08989,0.00679,0.07714,-0.01864,0.02525,-0.09804,0.02213,0.01275,0.03873,-0.02136,0.00354,0.05256,0.03241,0.0131,-0.03801,-0.03819,-0.00256,-0.1146,0.0782,-0.00061,0.03285,-0.00146,-0.0627,0.0089,0.11107,0.00181,-0.02644,0.02546,-0.08767,-0.00852,0.01388,-0.02158,-0.05492,-0.01302,-0.00177,0.05503,0.05931,-0.11104,0.00062,-0.06099,0.01612,0.04363,-0.0282,0.02199,-0.05253,0.10638,-0.0541,-0.07594,0.10514,0.01042,-0.01692,0.05506,0.10263,-0.06041,0.03102,-0.03182,0.08264,-0.05409,-0.08701,0.00869,-0.0364,-0.03055,0.0626,-0.00437,0.01468,0.01641,0.01571,-0.05396,0.00445,-0.05381,-0.01494,0.03858,-0.10404,0.05499,0.01999,-0.07229,-0.05959,-0.04443,0.02535,-0.01897,-0.04699,-0.03232,0.02133,0.03772,-0.00365,-0.08349,-0.03931,-0.01104,-0.06773,0.04569,0.02631,0.01327,0.03699,-0.03174,-0.00483,0.0901,-0.03089,-0.04085,0,0.02581,-0.02926,-0.03416,0.03345,0.03108,0.00828,-0.04247,-0.10568,0.01484,0.0639,-0.05297,0.00476,-0.05722,-0.02619,0.04487,-0.09112,-0.0048,0.09085,-0.02481,0.01442,0.02047,-0.03173,-0.04996,-0.00579,0.12479,0.07042,-0.07924,0.04449,-0.01807,0.00984,-0.01427,0.05427,0.0091,-0.04495,-0.01927,0.01611,-0.08838,-0.00867,-0.03027,0.02865,0.08046,-0.04885,-0.01662,0.05328,0.00324,0.00099,-0.08544,-0.01818,0.0373,0.01909,0.0512,0.02749,-0.00264,-0.04358,0.10318,-0.03496,-0.06891,0.11396,0.02715,0.12566,-0.01492,0.05587,-0.0531,0.00112,0.02338,0.01333,-0.00105,0.01264,0.06058,-0.02334,-0.04378,0.07782,0.04738,-0.00325,0.02191,-0.0678,-0.00656,-0.00337,0.07962,-0.03419,-0.07157,-0.09785,-0.088,-0.01684,0.07981,-0.04224,0.03482,-0.02486,-0.02001,-0.13982,0.04012,0.07433,0.01441,-0.0561,0.05282,0,0.03096,0.01949,0.07054,0.09777,-0.03633,-0.05175,0.04615,0.02709,-0.00137,0.04049,-0.01027,0.05553,0.03093,-0.0552,0.03481,0.07692,-0.05058,-0.11505,0.02074,-0.02329,0.02128,-0.04547,0.02274,0.00015,-0.07534,0.04039,0.02494,0.00161,0.01675,-0.02202,-0.00475,-0.05138,-0.04194,0.01183,0.01128,-0.09476,0.04721,0.13034,0.0545,-0.00266,0.00366,0.03801,-0.00505,0.04391,-0.04017,-0.00364,-0.01617,0.03359,-0.02926,-0.03049,-0.11425,-0.00606,-0.05703,0.01211,-0.01351,0.02589,0.07557,-0.00483,0.03698,0.00525,-0.00001,-0.0367,0.00025,0.01292,0.13916,-0.00873,0.00868,-0.03245,0.02046,0.08425,0.02355,0.05749,0.04127,-0.02938,0.0904,0.04596,0.06485,0.05073,0.06509,0.04889,-0.04474,0.07204,-0.02657,-0.00632,0.00634,0.02218,-0.04189,0.05623,0.07525,-0.03018,-0.03671,-0.04721,0.08663,-0.06721,0.02954,0,-0.10655,-0.00648,-0.06409,-0.09841,0.05532,-0.04293,-0.06692,0.03767,-0.00627,0.02202,-0.06493,0.11189,-0.00152,0.01637,0.08164,-0.02003,0.04871,0.05358,-0.01735,-0.04707,0.03209,-0.02979,0.03929,0.12068,0.00585,-0.06392,-0.15109,-0.00828,0.01596,0.03568,-0.05809,-0.01516,0.10562,0.04151,0.01441,-0.06735,-0.12457,-0.00664,-0.03575,-0.00821,0.05823,-0.06866,0.05122,-0.04642,-0.04844,0.05482,0.03409,-0.0181,0.00312,0.02128,-0.05081,-0.033,0.01298,0.00961,-0.0168,-0.00356,-0.031,0.01209,0.07503,-0.0591,-0.04961,0.04019,-0.06578,-0.01543],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Example ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss :::","excerpt":"Example ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss :::"},{"chunkId":"/docs/control-scheme#0","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[0.01399,-0.07002,-0.04086,-0.01074,0.07594,0.06436,0.13371,0.06822,-0.03064,0.07397,0.04882,-0.02315,-0.03789,0.00987,0.04486,0.02642,0.02064,-0.03792,-0.03932,0.06748,0.02144,-0.09714,0.04024,-0.04298,-0.05887,-0.0217,-0.00039,-0.0443,-0.0121,-0.04667,0.00078,0.10456,0.03746,-0.02461,-0.11228,0.03453,0.02447,-0.08198,-0.09164,-0.06367,-0.03363,0.02998,0.02219,-0.00385,0.04806,0.06192,0.03423,0.06953,-0.0536,0.09435,-0.00589,-0.02909,0.0159,-0.0148,0.06472,0.00194,0.0058,0.00157,0.04612,-0.01542,-0.04867,-0.02818,-0.02308,0.02048,0.02344,0.03236,0.02864,-0.10641,0.04469,-0.02603,-0.01267,-0.05267,0.08306,-0.02931,0.06087,-0.03523,-0.04104,0.04762,-0.03259,-0.10557,0.01377,0.03996,0.03816,0.05774,-0.03417,0.02683,-0.0984,-0.01152,0.0736,0.04556,-0.13172,-0.02342,-0.06003,-0.03477,-0.0524,-0.07191,-0.02156,-0.07282,-0.07753,-0.00147,-0.0034,-0.04077,0.03307,-0.00773,0.05779,-0.07904,-0.02419,-0.0574,-0.07329,0.06324,-0.02276,-0.04968,0.01888,0.03427,-0.01393,0.00087,-0.00388,0.00156,0.0802,-0.01434,0.01285,0.01626,-0.0205,-0.03403,-0.00863,-0.03857,-0.10399,0,0.0107,-0.01689,0.02853,0.00781,0.0189,-0.01321,0.0053,-0.07632,-0.04352,0.01754,0.03695,0.00595,-0.05438,0.11992,0.06052,-0.07248,-0.01076,0.01272,-0.01846,-0.03479,-0.00875,0.05154,-0.07909,-0.03036,0.06277,0.1279,-0.04915,0.1226,0.05454,0.01879,-0.00341,0.03251,-0.03194,-0.06145,0.0166,0.0387,-0.05816,-0.06472,-0.04965,0.02323,0.01933,-0.05769,-0.06101,-0.03475,-0.03196,-0.07045,-0.06926,0.06345,-0.00636,0.05028,0.01428,-0.00135,0.02137,-0.02752,0.05616,-0.11383,-0.05489,0.03947,-0.02923,0.10372,-0.04143,-0.10037,-0.06011,0.00103,-0.00126,0.03744,0.03083,-0.00661,-0.00603,-0.02186,-0.05836,0.07494,-0.00146,0.08562,-0.01164,-0.0314,-0.02331,-0.00498,-0.04167,0.0125,-0.05755,-0.01721,-0.02721,0.01285,-0.05839,-0.08662,0.06796,0.01017,-0.07381,-0.02951,-0.03327,0.01532,0.02147,0.03577,0.00394,0,0.02722,0.04217,-0.05616,0.13696,-0.06461,0.00977,0.07789,-0.03459,0.00848,-0.03177,-0.06685,-0.05876,0.03594,-0.03152,-0.00328,0.03768,-0.00913,-0.03537,-0.0085,-0.02358,-0.00149,-0.03308,0.03918,-0.00025,-0.09251,0.01847,-0.01433,0.04518,-0.07785,0.02512,-0.03556,-0.04691,-0.00537,-0.00886,0.01693,-0.06462,-0.00209,0.05822,-0.0249,0.0376,0.04669,-0.02198,0.03038,0.05278,-0.00487,0.05044,-0.00926,0.06785,-0.01937,0.0461,-0.05911,-0.00803,-0.02056,-0.12455,-0.05331,0.01764,0.12273,-0.01331,0.0009,-0.00558,0.05054,-0.0646,-0.01764,0.0748,0.08558,0.06558,0.06038,0.00842,0.09304,0.04733,0.09911,-0.04985,0.08437,-0.01435,0.01837,0.00043,0.08287,-0.00068,0.0567,-0.05924,0.0606,0.00434,0.08881,0.05982,0.00126,0.14859,-0.10683,0.01228,0.03842,0.0539,-0.00255,0.0689,0.05438,0.03185,-0.00159,0,-0.05192,0.05499,0.00649,-0.03304,-0.03295,0.02401,0.0218,0.01551,-0.02286,0.02517,-0.02256,0.06055,-0.02232,-0.04186,0.08524,-0.02761,0.05261,0.08621,-0.05079,0.00074,-0.04031,-0.00216,-0.03174,0.02285,0.00613,-0.01947,-0.03539,0.09311,0.04354,0.04926,0.01706,-0.0252,0.02596,0.03577,-0.10779,0.00612,-0.05747,-0.07691,0.01263,0.02945,0.02463,0.00625,-0.02148,-0.0678,-0.12347,0.04789,0.07036,-0.09786,-0.01212,0.05334,-0.05779,0.02835,0.07337,0.06645,0.01205,0.06614,0.02609,-0.02881,0.07915,0.05241,-0.05767,0.0113,-0.04162,0.02225],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Control Scheme Provider: provideFFlow(withControlScheme(...)) Controller: FControlSchemeController A control scheme is the complete mapping between input gestures and canvas actions: which button pans, what the wheel does, how selection starts. One provided object drives fDraggable, fZoom and f-selection-area together instead of configuring their triggers one by one. provide F Flow with Control Scheme F Control Scheme Controller f Draggable f Zoom","excerpt":"Control Scheme Provider: provideFFlow(withControlScheme(...)) Controller: FControlSchemeController A control scheme is the complete mapping between input gestures and canvas actions: which button pans, what the wheel does, how selection starts. One provided object drives fDraggable, fZoom and f-selection-area together instead of configuring their triggers one by one."},{"chunkId":"/docs/control-scheme#1","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.01985,-0.05281,0.00384,0.00797,0.02723,0.04432,0.07211,0.08972,-0.01875,0.09175,0.02979,0.0119,-0.00615,0.02677,0.04254,0.04002,0.045,-0.04796,-0.02738,0.09895,0.02046,-0.09555,0.00416,-0.04436,-0.03341,0.00483,0.03043,-0.0538,0.00376,-0.03317,-0.0311,0.10139,0.02116,-0.03315,-0.1053,0.04154,0.01153,-0.04346,-0.13732,-0.06728,-0.01081,0.00703,0.06178,0.03225,0.04161,0.01045,0.00645,0.01405,-0.01932,0.10876,-0.04885,-0.06222,0.0047,-0.01218,0.0155,0.0357,-0.00064,0.02755,0.03724,-0.00359,-0.04719,-0.02821,0.02133,0.02274,0.03013,0.06993,0.04492,-0.04557,0.04403,-0.03832,0.02289,-0.07854,0.02398,-0.0109,0.01217,-0.06068,-0.01039,0.01581,-0.0424,-0.0941,0.02916,0.0141,-0.04198,0.07991,-0.02071,0.10336,-0.03275,-0.06987,0.08241,0.05475,-0.0425,-0.05932,-0.02514,-0.09043,-0.01694,-0.10491,-0.02932,-0.00085,-0.04961,0.01494,0.08558,-0.03221,0.01479,0.0112,0.07099,-0.06996,0.05223,-0.12018,-0.0998,0.08544,0.00075,-0.00515,-0.01702,-0.04206,-0.02841,-0.02492,0.04142,0.03067,0.02715,0.05479,0.00408,0.01536,-0.06961,-0.06451,-0.0056,0.00133,-0.10194,0,0.00682,-0.03527,0.02555,-0.01711,0.03184,-0.05323,-0.02303,-0.06656,-0.06353,-0.0142,0.02585,0.02259,-0.03701,0.11285,0.04201,-0.02698,-0.03081,0.00492,-0.01601,-0.04669,-0.04121,-0.03964,-0.10697,0.02386,0.00503,0.13814,0.00456,0.07896,0.04148,0.02133,-0.01754,0.04496,-0.05431,-0.01175,-0.02709,0.07748,-0.07698,-0.00907,0.07604,0.02076,-0.03234,-0.04828,-0.04777,0.0019,-0.04423,-0.06585,-0.03849,0.02752,-0.03122,0.00867,0.04403,-0.00802,0.02773,0.03131,0.0709,-0.13103,-0.03423,0.02454,-0.01321,0.08222,-0.02499,-0.02178,-0.0225,0.03565,-0.02224,0.07526,-0.01472,-0.04582,-0.01278,-0.066,-0.02775,0.05155,-0.02472,0.07178,-0.02246,-0.07,-0.02383,-0.04372,-0.00498,0.00576,-0.07835,0.00138,0.00684,0.05043,-0.02649,-0.07397,0.05275,0.00485,-0.10328,-0.03628,0.01357,0.00624,0.01063,0.05898,-0.01502,0,0.0124,0.04291,-0.04936,0.09511,-0.10457,-0.04016,0.0657,-0.03103,0.0384,-0.05269,-0.03259,-0.02728,0.0275,-0.00455,0.02815,0.05705,0.00165,-0.0467,0.01134,-0.05572,0.02028,-0.03655,-0.01081,0.01049,-0.10002,-0.03713,-0.00374,0.01486,-0.04927,-0.03934,-0.00524,-0.07546,-0.01917,-0.0409,0.03996,-0.02033,-0.0019,0.0533,-0.00727,0.05761,-0.01425,-0.06124,0.04817,0.07764,-0.01928,0.08332,-0.04467,0.05801,0.00149,0.02159,-0.02044,-0.01267,0.0496,-0.11835,-0.06028,0.00216,0.07669,-0.0164,-0.00106,-0.01404,0.05378,-0.03975,-0.04298,0.01024,0.03408,0.09629,0.03465,-0.01594,-0.00085,0.00497,0.03332,-0.04405,0.06953,-0.04384,0.02467,-0.01716,0.12575,0.01241,0.06225,-0.08475,0.00765,0.0259,0.08189,0.02604,-0.05407,0.20346,-0.09863,0.00924,-0.00079,0.07351,0.0017,0.06217,0.02901,0.02775,-0.04878,0,-0.03363,0.00171,0.0466,-0.02145,-0.03508,0.0548,0.03214,0.07946,0.03717,0.03139,-0.0175,0.05722,-0.04596,-0.01134,0.11341,0.02085,0.06067,0.11382,-0.04886,-0.00893,-0.00293,0.00091,-0.02514,0.01577,0.0186,0.00162,0.00061,0.05342,-0.01402,0.03241,0.01592,0.01919,0.01502,0.0692,-0.11002,0.00879,-0.03209,-0.03992,-0.01072,0.0223,0.00965,-0.0051,-0.01941,-0.04034,-0.11994,0.05858,0.11136,-0.06965,0.02338,0.08672,-0.06428,0.00686,0.08531,0.0733,0.04323,0.05928,0.07832,-0.04686,0.08145,0.07001,-0.04395,0.01235,-0.08364,0.04951],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Why / Use cases Use a control scheme when your editor should feel like a specific tool family or let users pick their own navigation style. Typical use cases: - Miro/Figma-style navigation: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects. - draw.io-style navigation: wheel zooms, drag on empty canvas selects, middle-mouse drag pans. - A user-facing \"controls\" setting that switches gesture mappings at runtime. Skip the feature when the default behavior (drag pans, wheel zooms, Shift+drag selects) fits your app — it applies without any setup.","excerpt":"Why / Use cases Use a control scheme when your editor should feel like a specific tool family or let users pick their own navigation style. Typical use cases: - Miro/Figma-style navigation: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects. - draw.io-style navigation: wheel zooms, drag on empty canvas selects, middle-mouse drag pans. - A user-facing \"controls\" setting that switches gesture mappings at runtime. Skip the feature when the default behavior (drag pans, wheel zooms, Shift+drag selects) fits your app — it applies without any setup."},{"chunkId":"/docs/control-scheme#2","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.00798,-0.07095,-0.01226,0.02291,0.06391,0.08954,0.11193,0.07772,-0.00779,0.07005,0.02242,0.00806,-0.04872,0.00013,0.01143,0.05543,0.02874,-0.04473,-0.04781,0.08669,0.0531,-0.13088,0.02668,-0.02705,-0.05266,-0.04099,-0.01361,-0.04102,0.02488,-0.02075,-0.00817,0.09452,-0.02057,-0.01381,-0.12151,0.02931,0.02735,-0.06788,-0.08312,-0.05479,-0.00071,-0.01228,0.02063,-0.0047,0.04662,0.0816,0.06334,0.04165,-0.08087,0.08699,-0.00822,-0.02572,0.03993,0.00621,0.04298,0.01425,0.02293,0.01127,0.04342,-0.02031,-0.08378,-0.05003,-0.0185,-0.00156,0.01182,0.02739,0.04105,-0.06346,0.06664,-0.03658,0.04422,-0.05403,0.05532,-0.04161,0.08207,-0.00134,-0.03048,0.0769,-0.02174,-0.13886,0.04546,0.01745,0.04897,0.02537,-0.00493,0.06019,-0.07454,-0.02978,0.0448,0.0631,-0.09594,-0.01589,-0.10447,-0.03951,-0.00437,-0.08186,-0.01888,-0.03067,-0.06487,0.01638,0.02758,0.02115,-0.01598,0.02523,0.05398,-0.06402,-0.00771,-0.05608,-0.07308,0.05908,-0.00045,-0.03485,0.05755,0.0294,-0.01384,0.00337,-0.00738,0.01736,0.05656,-0.01038,-0.00511,0.01215,-0.02202,-0.03171,-0.00485,-0.00697,-0.09005,0,0.00494,0.00021,0.00719,-0.01474,-0.00984,-0.05391,0.01514,-0.03388,-0.04323,0.02486,0.03346,0.01371,-0.03125,0.09591,-0.04196,-0.09001,-0.00659,0.00365,-0.02879,-0.04156,0.02099,0.03805,-0.09207,-0.07607,0.02502,0.10909,-0.05445,0.11968,0.01769,0.04614,-0.00704,0.03718,-0.01875,-0.04512,-0.0244,0.03407,-0.01562,-0.06717,-0.00481,0.00932,0.01413,-0.02714,-0.04487,-0.0212,-0.05297,-0.11298,-0.06047,0.06912,0.01979,0.02917,0.01369,-0.01496,0.03227,0.00621,0.05656,-0.10778,-0.05461,0.02208,0.01619,0.07502,-0.03279,-0.06635,-0.0746,-0.00793,-0.00776,0.06168,0.01143,0.00558,0.00097,-0.00162,-0.05056,0.08861,-0.04365,0.05147,0.00116,-0.01345,-0.01692,-0.02448,-0.02014,0.01487,-0.01065,0.01281,-0.00212,0.03721,-0.0065,-0.08641,0.06418,-0.0238,-0.07047,-0.05551,0.04299,-0.03111,0.04935,0.068,-0.01157,0,0.03565,0.06705,-0.06088,0.13533,-0.05647,0.0093,0.08437,-0.04269,0.0209,-0.05117,-0.02206,-0.07815,0.02732,0.00498,0.00808,0.01949,-0.0201,-0.05196,0.01003,-0.02634,0.06382,-0.05962,-0.00103,0.04499,-0.08914,-0.00718,-0.0263,0.02525,-0.07276,0.00282,-0.00496,-0.08153,-0.00159,-0.06065,0.00504,-0.06731,-0.0507,0.10219,-0.01475,0.05192,0.05173,-0.00982,0.01939,0.08016,-0.00286,0.05256,-0.04992,0.03097,0.03277,0.07105,-0.04886,-0.02729,0.00626,-0.08491,-0.03669,-0.01528,0.11609,-0.00588,-0.04565,0.01465,0.06614,-0.05696,0.0014,0.0021,0.10739,0.08341,0.05209,0.01936,0.09195,0.03077,0.07607,-0.03234,0.05731,-0.03407,0.02075,0.0074,0.11713,-0.0494,0.05428,-0.03325,0.01915,-0.01361,0.07474,0.02081,-0.03481,0.16454,-0.10232,0.0269,0.03648,0.05087,-0.00976,0.05661,0.08448,-0.00676,-0.02937,0,-0.08108,0.03237,0.00412,0.01879,-0.02542,0.02318,0.0282,0.00842,-0.04893,-0.02599,-0.02706,0.08702,0.00622,-0.05748,0.08744,-0.00737,0.04978,0.04347,-0.05589,-0.02001,-0.05105,0.00526,-0.00263,0.00965,-0.01333,-0.02946,0.01251,0.08232,0.04746,0.05967,-0.0232,-0.01265,-0.01284,0.02361,-0.16583,0.0739,-0.05061,-0.0347,0.00863,0.04509,0.08378,0.0046,-0.04424,-0.08001,-0.11317,0.06212,0.05619,-0.06573,-0.02867,0.05185,-0.04453,0.03405,0.02912,0.10339,0.01457,0.02299,-0.00596,-0.00553,0.10837,0.03077,-0.03963,-0.05006,-0.00382,0.024],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. How it works withControlScheme(...) binds the resolved scheme to an injection token and provides FControlSchemeController at the component that calls provideFFlow(...). The interaction directives read the active scheme through the controller; without the feature they fall back to FDEFAULTCONTROLSCHEME. Per-instance trigger inputs (fNodeMoveTrigger, fWheelTrigger, fTrigger, …) override the scheme when set. The middle mouse button reaches the drag pipeline only when the active scheme's canvasMove gesture accepts it, so with the default scheme a middle-drag stays inert. with Control Scheme F Control Scheme Controller provide F Flow f Node Move Trigger f Wheel Trigger f Trigger canvas Move","excerpt":"How it works withControlScheme(...) binds the resolved scheme to an injection token and provides FControlSchemeController at the component that calls provideFFlow(...). The interaction directives read the active scheme through the controller; without the feature they fall back to FDEFAULTCONTROLSCHEME. Per-instance trigger inputs (fNodeMoveTrigger, fWheelTrigger, fTrigger, …) override the scheme when set. The middle mouse button reaches the drag pipeline only when the active scheme's canvasMove gesture accepts it, so with the default scheme a middle-drag stays inert."},{"chunkId":"/docs/control-scheme#3","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.00217,-0.08707,0.0216,-0.01362,0.04258,0.05332,0.09755,0.02952,-0.0527,0.06699,0.02924,-0.02778,-0.02485,0.01755,0.05635,0.04484,0.05313,-0.0173,-0.03524,0.06793,0.03513,-0.07631,0.01677,-0.04015,0.00858,-0.00536,-0.00292,-0.07323,-0.01233,-0.00799,-0.03547,0.07316,0.03391,-0.00787,-0.10866,0.06236,0.02994,-0.08083,-0.09357,-0.07907,-0.02684,0.01846,0.03857,0.01509,0.06471,0.05606,-0.01676,0.0218,-0.0662,0.10517,-0.02115,-0.07781,0.01678,-0.04772,0.0539,-0.01147,-0.02675,0.00428,0.06887,-0.0138,0.00908,-0.02937,0.01616,0.02756,0.01637,0.0469,0.04497,-0.07178,0.05506,-0.07047,-0.03074,-0.07077,0.07807,-0.03916,0.04499,-0.02458,-0.04231,0.0104,-0.05408,-0.1245,0.0257,0.00379,-0.026,0.07903,-0.03278,0.05423,-0.08083,0.00435,0.08958,0.03068,-0.14066,-0.05682,-0.06126,-0.05843,-0.04776,-0.10016,-0.01921,-0.0597,-0.07727,0.02932,0.04773,0.00599,-0.01565,-0.0054,0.05054,-0.08874,-0.02917,-0.0583,-0.05026,0.1003,0.00317,-0.04629,-0.00497,-0.00334,-0.01384,0.00009,0.00301,0.0036,0.0803,-0.01645,0.01492,-0.00181,-0.03979,-0.06532,-0.00787,-0.03183,-0.08844,0,0.03928,-0.01318,0.05398,-0.02854,0.01883,-0.03954,-0.02767,-0.08932,-0.08043,-0.01055,0.05507,0.02849,-0.03104,0.13011,0.04624,-0.02175,-0.01134,0.01077,-0.00368,-0.01369,-0.05763,0.00637,-0.07918,-0.01126,0.0502,0.10144,-0.04873,0.09969,0.03818,0.0016,0.02686,0.02251,-0.00485,-0.06048,0.00689,0.01115,-0.04559,-0.0382,0.00766,0.02669,0.02232,-0.04726,-0.06766,-0.00721,-0.04144,-0.06633,-0.03047,0.06855,-0.01261,0.0251,0.00452,-0.01179,0.00291,-0.01547,0.03541,-0.12919,-0.04098,0.04709,-0.00824,0.09871,-0.02473,-0.08713,-0.01379,0.01067,-0.0289,0.02162,0.00649,-0.00976,-0.01106,-0.00234,-0.0569,0.06167,-0.02355,0.06509,-0.04976,-0.04253,-0.02066,-0.00431,-0.03613,0.03681,-0.07483,-0.01431,0.0135,0.02532,-0.02116,-0.09012,0.08195,-0.00909,-0.10999,-0.00725,-0.04348,0.02757,-0.01529,0.04499,0.00491,0,0.01767,0.05517,-0.08067,0.11408,-0.07204,-0.02063,0.10308,-0.00645,0.00398,0.00269,-0.00384,-0.03106,0.0403,-0.01763,0.0204,0.04327,0.00552,-0.0115,0.01268,-0.02092,-0.00233,-0.02423,0.04299,0.00957,-0.1151,0.01786,-0.00186,0.01536,-0.08655,-0.00505,-0.02458,-0.06414,0.00618,-0.00032,0.0224,-0.03202,0.0117,0.05864,-0.00493,0.02193,0.02725,-0.05296,-0.00556,0.04461,-0.01171,0.06932,-0.02494,0.08958,-0.04827,0.03301,0.00726,-0.00356,0.02135,-0.147,-0.0183,0.00379,0.05576,-0.02256,0.01567,-0.03423,0.02718,-0.04618,-0.02118,0.0745,0.06141,0.11332,0.02282,-0.00407,0.03505,0.02478,0.06608,-0.03269,0.06092,0.00759,0.02209,-0.04727,0.06872,0.0192,0.06462,-0.07868,0.01967,0.03935,0.10315,0.06033,0.03898,0.18463,-0.11648,0.03909,0.00392,0.09135,-0.02393,0.12124,0.01581,0.03087,-0.04357,0,-0.04881,0.05674,0.04803,-0.02597,-0.06249,0.02948,0.07583,0.042,0.04385,0.05168,-0.0072,0.01481,-0.00633,-0.03555,0.08238,-0.02909,0.03959,0.09584,-0.05119,0.00308,-0.02324,0.01333,-0.01371,-0.01407,0.04693,-0.02032,0.00479,0.10505,0.00148,0.0438,0.02347,-0.05723,0.01571,0.02208,-0.07383,-0.01,-0.05825,-0.07636,-0.00424,0.04163,-0.0138,0.00295,-0.03137,-0.04294,-0.07811,0.06511,0.08283,-0.11187,0.03087,0.04318,-0.06201,0.01368,0.06275,0.07005,0.03898,0.06166,0.03449,-0.00749,0.08321,0.09604,-0.02313,0.02752,-0.08206,0.02612],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. API","excerpt":"API"},{"chunkId":"/docs/control-scheme#4","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.01245,-0.07611,-0.02447,0.0458,0.05685,0.02913,0.09643,0.075,-0.01076,0.03024,0.00291,-0.00537,-0.01326,-0.00424,-0.00592,0.02153,0.00371,-0.01727,-0.05727,0.07867,0.05408,-0.12981,0.0565,-0.07328,-0.0398,0.00899,-0.0009,-0.03171,0.035,-0.0374,-0.04945,0.09659,-0.00778,-0.02025,-0.08785,0.06542,0.03478,-0.04451,-0.11949,-0.07767,0.02184,0.03124,0.00495,-0.00267,0.07027,-0.0022,-0.00326,0.03003,-0.04467,0.08508,-0.02156,-0.06021,0.03916,0.00038,0.04058,0.03743,0.05262,-0.01278,0.05166,-0.00344,-0.0219,-0.027,-0.01741,0.035,-0.00745,0.06121,0.05955,-0.09343,0.03531,-0.02137,-0.02734,-0.04905,-0.03059,0.02764,0.0148,-0.05622,0.02547,0.02678,-0.0312,-0.03989,0.00997,-0.01308,0.01521,0.06426,0.03731,0.0448,-0.11822,-0.03116,0.04405,0.06868,-0.11654,0.00076,-0.06329,-0.0396,0.03076,-0.05541,-0.03179,-0.0242,-0.03811,0.00692,0.03119,0.02383,-0.03313,-0.01518,0.06471,-0.04217,-0.03342,-0.08123,-0.09394,0.07562,0.00675,-0.0367,0.01977,0.0014,0.00572,0.00036,0.00432,0.02127,0.086,0.04543,0.0572,0.06262,-0.08762,-0.04701,0.02967,-0.02892,-0.09938,0,0.00842,-0.02454,0.00024,0.04393,0.04558,0.02865,-0.00149,-0.03681,-0.06473,0.00186,0.01014,-0.00244,0.00004,0.01923,0.07274,-0.09279,0.00891,0.01114,-0.02644,-0.05378,0.00776,-0.0196,-0.08721,-0.02213,0.06178,0.09766,-0.0654,0.13091,0.02328,0.00981,-0.01942,0.03025,-0.05134,-0.02174,-0.01796,-0.0283,-0.04891,-0.08151,-0.00243,-0.0078,-0.07436,-0.02501,-0.05362,-0.06966,-0.03442,-0.14545,-0.0505,0.07444,0.04765,0.03019,0.0307,0.002,0.02321,-0.04083,0.02323,-0.08254,-0.02941,0.0564,-0.0433,0.14306,-0.04226,-0.032,-0.02814,0.04694,0.04089,0.05317,-0.02577,0.00263,-0.01307,0.00555,-0.03938,0.091,0.042,0.03028,0.00959,-0.04968,-0.07097,-0.01377,-0.04684,0.00723,-0.00646,-0.02504,-0.00274,0.00661,-0.01197,-0.09486,0.03728,-0.01407,-0.0777,-0.05183,0.05954,0.00328,0.02543,-0.00722,-0.0691,0,-0.03625,0.09727,-0.04681,0.09508,-0.09555,-0.00491,0.06623,-0.08354,-0.04763,-0.08921,-0.04859,0.00195,0.04952,-0.02129,0.00989,0.07592,-0.03671,-0.02457,0.00982,-0.05322,0.02989,-0.0406,-0.01139,0.00108,-0.09125,-0.03049,0.024,0.02587,-0.01846,-0.00598,0.01473,-0.05167,-0.04578,-0.02054,0.07035,-0.0674,0.00748,0.02156,0.0344,0.02334,0.07658,-0.0432,0.038,0.05301,-0.02697,0.05532,-0.04466,0.09303,-0.00503,0.03935,-0.08403,-0.01403,-0.01595,-0.0756,-0.05005,0.01859,0.09191,-0.00623,0.01145,-0.03335,0.0582,-0.06576,0.00316,0.04946,0.11366,0.07185,0.01976,0.03531,0.01245,0.05193,0.04586,0.02797,0.04915,-0.07442,-0.0064,0.03821,0.12475,-0.07065,0.03338,-0.04526,0.02465,0.0288,0.06996,-0.00972,-0.06185,0.11155,-0.12979,0.08665,0.03794,0.05971,-0.06063,0.03801,0.0289,0.02818,0.00743,0,-0.07133,0.04597,-0.02765,0.00929,0.0103,0.03057,0.04526,0.02297,-0.03327,0.01433,-0.00124,0.05896,0.00694,-0.02433,0.11316,-0.01194,0.06524,0.04391,-0.02446,-0.01056,-0.00939,-0.02823,-0.04158,0.06126,-0.03337,-0.06103,-0.05002,0.12054,0.02078,-0.01213,-0.00687,-0.02805,0.0223,0.06195,-0.12941,0.02416,-0.07703,-0.05426,0.03546,0.02278,0.04306,0.02269,-0.02358,-0.00864,-0.10101,0.02652,0.04078,-0.06063,0.03074,0.07599,-0.06262,0.00225,0.06799,0.04173,0.04466,0.07656,0.00523,-0.02904,0.10736,0.09709,-0.07312,-0.00571,-0.04694,-0.00418],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. IFControlScheme Every gesture is an FEventTrigger predicate (event: MouseEvent TouchEvent WheelEvent) = boolean evaluated when the interaction is about to start. - nodeMove: FEventTrigger; Starts dragging a node. - canvasMove: FEventTrigger; Starts panning the canvas by dragging; also decides whether the middle mouse button participates. - selection: FEventTrigger; Activates the f-selection-area rectangle. - createConnection: FEventTrigger; Starts creating a connection from a connector. - reassignConnection: FEventTrigger; Starts reassigning an existing connection endpoint. - nodeResize: FEventTrigger; Starts resizing a node from a resize handle. - nodeRotate: FEventTrigger; Starts rotating a node from a rotate handle. - scrollPan: boolean; When true, a plain wheel / two-finger scroll pans and Ctrl/Cmd+wheel or pinch zooms. - zoom: FEventTrigger; Gates wheel zoom (applies while scrollPan is off, or with Ctrl/Cmd). Multi-select, double-click zoom, external items and connection waypoints stay on their dedicated inputs and are not part of the scheme. IF Control Scheme F Event Trigger Mouse Event Touch Event Wheel Event node Move canvas Move create Connection reassign Connection node Resize node Rotate scroll Pan","excerpt":"IFControlScheme Every gesture is an FEventTrigger predicate (event: MouseEvent TouchEvent WheelEvent) = boolean evaluated when the interaction is about to start. - nodeMove: FEventTrigger; Starts dragging a node. - canvasMove: FEventTrigger; Starts panning the canvas by dragging; also decides whether the middle mouse button participates. - selection: FEventTrigger; Activates the f-selection-area rectangle. - createConnection: FEventTrigger; Starts creating a connection from a connector. - reassignConnection: FEventTrigger; Starts reassigning an existing connection endpoint. - nodeResize: FEventTrigger; Starts resizing a node from a resize handle. - nodeRotate: FEventTrigger; Starts rotating a node from a rotate handle. - scrollPan: boolean; When true, a plain wheel / two-finger scroll pans and Ctrl/Cmd+wheel or pinch zooms. - zoom: FEventTrigger; Gates wheel zoom (applies while scrollPan is off, or with Ctrl/Cmd). Multi-select, double-click zoom, external items and connection waypoints stay on their dedicated inputs and are not part of the scheme."},{"chunkId":"/docs/control-scheme#5","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[0.00182,-0.08168,-0.02916,0.01445,0.06169,0.04277,0.10895,0.04187,-0.01779,0.07964,0.03155,-0.01461,-0.05404,0.03239,0.00609,0.00913,0.01702,-0.03485,-0.05461,0.09922,0.02228,-0.10595,0.03882,-0.04279,0.00353,-0.00342,-0.008,-0.04427,0.00018,-0.03777,-0.02671,0.11162,0.03206,-0.01028,-0.09572,0.03196,0.02341,-0.05522,-0.11143,-0.09007,-0.03592,-0.00565,0.07982,0.0118,0.049,0.05834,0.04233,0.01837,-0.03114,0.10032,-0.01298,-0.05353,0.01265,0.01273,0.03649,0.04399,-0.00556,-0.01859,0.03963,0.02261,-0.02383,-0.03187,0.00938,0.02152,0.00445,0.06507,0.03301,-0.09238,0.05051,-0.02727,-0.02386,-0.06568,0.04656,-0.0451,0.07418,-0.02938,-0.03549,0.01435,-0.03075,-0.09632,-0.00253,-0.00722,-0.00182,0.07912,0.00782,0.07452,-0.08657,-0.02985,0.04898,0.04402,-0.11375,-0.03416,-0.0588,-0.05673,-0.07452,-0.08203,-0.01831,-0.04937,-0.06782,0.01571,0.04702,0.00776,0.01701,0.02395,0.05216,-0.04581,0.00782,-0.08683,-0.10055,0.07863,-0.01162,-0.03909,0.02393,-0.01844,-0.01484,-0.02039,-0.00999,-0.00559,0.07676,0.0077,0.00696,0.03304,-0.05346,-0.0474,-0.01259,-0.00651,-0.11391,0,0.02069,-0.01322,0.03093,0.00432,0.04593,-0.03578,-0.01144,-0.07907,-0.04022,-0.01132,0.03449,0.00934,-0.04022,0.10136,0.03217,-0.09497,-0.01016,0.0052,0.00156,-0.04185,-0.01613,0.00144,-0.06552,-0.05371,0.06342,0.11654,-0.05348,0.10924,0.03892,0.02548,-0.04647,0.05021,-0.03361,-0.05221,-0.02441,0.03024,-0.06324,-0.04866,0.01103,0.01952,-0.00535,-0.05835,-0.07601,-0.03093,-0.0319,-0.06644,-0.02242,0.08311,0.02152,0.04351,0.01995,-0.02268,0.01118,-0.00733,0.07208,-0.13017,-0.03113,0.05517,-0.00455,0.11657,-0.04073,-0.03219,-0.05782,0.00491,-0.00253,0.04545,-0.01557,0.01763,-0.01346,-0.02669,-0.02277,0.06312,0.01317,0.05036,0.00042,-0.03122,-0.02501,-0.05577,-0.02985,0.01148,-0.04592,-0.0345,-0.01035,0.00393,-0.01761,-0.09012,0.06392,-0.00718,-0.09562,-0.04275,-0.04045,-0.01518,0.03098,0.02096,-0.03384,0,0.00187,0.06587,-0.06744,0.12089,-0.07927,-0.00352,0.09527,-0.02706,0.02411,-0.05302,-0.01304,-0.04532,0.02707,-0.02682,0.00973,0.05536,-0.008,-0.03449,0.02667,-0.01913,0.02232,-0.02872,-0.00985,0.05441,-0.09565,-0.02298,0.01151,0.00621,-0.0828,-0.00589,-0.0038,-0.06702,-0.01382,-0.04054,0.02942,-0.06559,-0.00511,0.04626,-0.00662,0.02994,0.02526,-0.03766,0.04612,0.05037,-0.01476,0.06807,-0.06236,0.07428,-0.01457,0.04748,-0.0345,-0.01758,-0.02444,-0.13693,-0.03856,0.01938,0.0799,0.00913,-0.00646,-0.01076,0.043,-0.05943,-0.03872,0.01755,0.10174,0.09379,0.03686,0.01652,0.04027,0.04878,0.08899,-0.0209,0.05231,-0.04091,0.03813,-0.0198,0.12757,0.00085,0.07628,-0.06181,0.04234,0.01393,0.08182,0.0353,-0.03459,0.15371,-0.15089,0.0311,0.04481,0.06358,-0.00921,0.08493,0.05573,-0.00225,-0.02107,0,-0.05857,0.0333,0.00677,-0.03666,-0.01371,0.03614,0.04359,0.04685,-0.00654,-0.00865,0.01431,0.05623,-0.01605,-0.0075,0.10502,-0.01532,0.06416,0.12341,-0.04046,-0.02885,-0.00537,0.02049,-0.0111,0.02365,-0.00637,-0.04459,-0.04034,0.05941,0.03174,0.01731,0.01498,-0.01817,0.04409,0.0283,-0.09364,0.02558,-0.07184,-0.05868,-0.05178,0.0672,0.03673,0.01534,-0.02528,-0.04293,-0.11495,0.06421,0.0678,-0.09283,-0.01116,0.02424,-0.04255,0.03948,0.0675,0.09381,0.00766,0.06866,0.02997,0.02297,0.0854,0.07321,-0.0143,0.02265,-0.06907,0.05099],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Presets - FDEFAULTCONTROLSCHEME — drag pans, wheel zooms, Shift+drag selects. Applied when the feature is absent. - FSCROLLPANCONTROLSCHEME — Miro-like: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects, middle-drag pans. - FDRAGSELECTCONTROLSCHEME — draw.io-like: wheel zooms, drag on empty canvas selects, middle-drag pans.","excerpt":"Presets - FDEFAULTCONTROLSCHEME — drag pans, wheel zooms, Shift+drag selects. Applied when the feature is absent. - FSCROLLPANCONTROLSCHEME — Miro-like: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects, middle-drag pans. - FDRAGSELECTCONTROLSCHEME — draw.io-like: wheel zooms, drag on empty canvas selects, middle-drag pans."},{"chunkId":"/docs/control-scheme#6","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[0.0226,-0.08477,-0.01622,-0.03258,0.0552,0.0706,0.12941,0.05054,-0.0538,0.05693,0.05877,-0.02876,-0.04011,0.0104,0.05467,0.04373,0.03614,-0.02152,-0.01927,0.08795,0.03211,-0.10125,0.02854,-0.05781,-0.01829,-0.02963,0.02687,-0.0563,-0.00123,-0.01845,-0.01243,0.11127,0.04575,-0.01588,-0.09025,0.04933,0.03319,-0.09178,-0.10231,-0.04785,-0.0404,0.01785,0.05629,-0.01006,0.08871,0.07686,0.00841,0.04967,-0.04513,0.07972,0.00606,-0.03395,0.03185,-0.0205,0.0586,0.00928,-0.02308,0.00586,0.0493,-0.00019,-0.0025,-0.02018,0.00117,0.00879,-0.00649,0.03554,0.03647,-0.06836,0.07441,-0.0343,-0.03076,-0.07393,0.07572,-0.06555,0.04568,-0.00892,-0.00734,0.02473,-0.05715,-0.13602,0.00678,-0.00075,-0.00489,0.04592,-0.02549,0.04239,-0.09463,-0.01739,0.07446,0.06465,-0.15157,-0.03206,-0.05548,-0.05084,-0.03893,-0.07457,-0.02274,-0.03004,-0.05282,0.04012,0.02746,0.00898,-0.00889,-0.00562,0.0561,-0.07898,-0.02819,-0.03918,-0.05176,0.05848,0.01452,-0.04456,0.03244,0.02318,-0.00389,-0.01021,0.01023,0.02678,0.06004,-0.00042,0.01889,-0.0084,-0.03064,-0.04583,-0.0157,-0.02472,-0.1017,0,0.03275,0.00999,0.04075,-0.0146,0.01472,-0.0378,-0.01767,-0.10311,-0.06551,0.02228,0.04682,0.01085,-0.04698,0.13935,0.00727,-0.04781,-0.01031,-0.00125,-0.00601,-0.02023,-0.02652,0.03175,-0.08541,-0.04165,0.06977,0.10718,-0.06203,0.11602,0.02955,-0.00407,0.01352,0.01559,-0.01162,-0.05311,0.01633,0.0181,-0.02651,-0.0487,-0.02387,0.0144,0.01011,-0.04915,-0.05559,-0.02803,-0.02163,-0.08632,-0.05447,0.08855,0.03954,0.02726,0.00015,-0.02517,0.00259,-0.02493,0.03126,-0.13136,-0.07538,0.05771,-0.02547,0.1026,-0.02928,-0.08496,-0.03201,0.01229,-0.03751,0.04547,-0.01218,-0.03039,-0.01405,-0.02498,-0.05217,0.07666,-0.0307,0.07203,-0.02981,-0.02039,-0.04548,0.01868,-0.0459,0.02575,-0.04486,0.00772,-0.00519,0.02701,-0.02429,-0.08621,0.05669,-0.01229,-0.08972,-0.01382,-0.03705,0.02184,0.02496,0.04335,0.00337,0,0.01468,0.0788,-0.07974,0.10839,-0.08142,-0.01864,0.10415,-0.00858,-0.01288,-0.02679,0.00607,-0.07153,0.03557,-0.04223,-0.01144,0.04219,-0.00095,-0.03093,-0.00821,-0.00862,-0.00315,-0.02069,0.04935,0.01896,-0.0957,0.02131,-0.0084,0.018,-0.09792,0.00733,-0.02615,-0.06165,-0.00769,-0.02932,0.02979,-0.04775,0.0004,0.05586,-0.01673,0.03643,0.03483,-0.01149,0.01613,0.05361,-0.01111,0.07725,-0.01786,0.05072,-0.028,0.0536,-0.00206,-0.02941,0.02354,-0.11956,-0.03372,0.00558,0.05802,-0.02329,-0.00172,-0.02115,0.03664,-0.08221,-0.01948,0.04685,0.0831,0.11598,0.02016,0.03018,0.0578,0.01007,0.10655,-0.04082,0.03026,0.00446,-0.00036,-0.02284,0.07049,-0.00415,0.05712,-0.05141,0.00553,-0.00127,0.0674,0.04398,0.00019,0.19512,-0.12347,0.01608,0.01541,0.08523,-0.0082,0.11702,0.0585,0.00621,-0.04988,0,-0.0574,0.04161,0.02399,-0.05273,-0.07318,0.01549,0.0555,-0.00212,0.01418,0.02241,-0.03263,0.04885,-0.01573,-0.04636,0.08893,-0.04147,0.03889,0.09214,-0.05414,0.01538,-0.01784,0.00525,-0.02452,0.01291,0.03069,-0.02111,0.00285,0.08429,0.0097,0.0548,0.0197,-0.03893,-0.01108,0.03636,-0.09931,0.0159,-0.05308,-0.07673,-0.01168,0.05714,-0.00468,-0.00818,-0.03478,-0.05011,-0.09108,0.03681,0.0885,-0.10286,0.01205,0.03279,-0.05697,0.03015,0.05495,0.04368,0.02882,0.05916,0.03452,0.02934,0.07418,0.09274,-0.05694,-0.00775,-0.08313,0.01816],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. FControlSchemeController - scheme: Signal<IFControlScheme; The active scheme. - getScheme(): IFControlScheme; Returns the active scheme. - setScheme(scheme: IFControlSchemeConfig): void; Merges the given gestures over the current scheme; a full preset replaces it. F Control Scheme Controller IF Control Scheme get Scheme set Scheme IF Control Scheme Config","excerpt":"FControlSchemeController - scheme: Signal<IFControlScheme; The active scheme. - getScheme(): IFControlScheme; Returns the active scheme. - setScheme(scheme: IFControlSchemeConfig): void; Merges the given gestures over the current scheme; a full preset replaces it."},{"chunkId":"/docs/control-scheme#7","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.00432,-0.09938,0.00613,-0.02422,0.06686,0.08523,0.10714,0.03464,-0.04368,0.04867,0.04322,-0.01134,-0.02971,0.01361,0.02706,0.05546,0.0247,-0.01087,-0.03861,0.06491,-0.00137,-0.12748,0.02672,-0.0306,-0.05028,-0.02301,0.00357,-0.06202,0.0245,-0.00611,-0.04723,0.0562,0.06463,-0.0337,-0.10336,0.035,0.02946,-0.03584,-0.11492,-0.04419,-0.03478,-0.01209,0.02527,0.01059,0.06389,0.05846,0.00435,0.02512,-0.06432,0.0961,0.01422,-0.07021,0.03366,-0.0213,0.04388,-0.00293,0.0034,0.01678,0.07461,-0.02932,-0.00583,-0.02722,-0.05652,0.02936,0.04199,0.04604,0.05638,-0.0577,0.04421,-0.05736,-0.0148,-0.05536,0.03915,-0.03438,0.0491,-0.02358,-0.04345,0.0349,-0.08561,-0.09725,0.02254,0.02358,-0.01352,0.07275,-0.02388,0.04156,-0.10233,0.0046,0.05004,0.05507,-0.15679,-0.05838,-0.04116,-0.07345,-0.02414,-0.04211,-0.01924,-0.02502,-0.04499,0.01119,0.0417,-0.03987,-0.04134,-0.03628,0.0857,-0.08043,-0.03401,-0.09602,-0.05682,0.07821,-0.0264,-0.0557,0.00177,0.00302,0.01546,-0.00957,0.02416,0.01704,0.10191,-0.03402,0.00255,0.01707,-0.00607,-0.06151,0.01163,-0.04085,-0.08315,0,0.03999,-0.02265,0.01955,-0.02304,0.02349,-0.00508,-0.00337,-0.08693,-0.03039,0.0219,0.04305,-0.00969,-0.03075,0.07689,0.05373,-0.04236,-0.02173,0.02002,-0.03808,-0.02424,-0.03057,0.01321,-0.08459,0.03663,0.03824,0.10963,-0.03941,0.09188,0.03442,0.00441,-0.00729,0.03534,-0.00957,-0.05091,-0.01029,0.02247,-0.04572,-0.0625,0.02436,-0.01111,-0.03878,-0.05484,-0.05701,-0.04045,-0.01113,-0.08467,-0.03993,0.03774,0.00072,0.02177,-0.0001,-0.00907,0.03754,-0.03952,0.05061,-0.08385,-0.02225,0.05187,-0.04788,0.10495,-0.02307,-0.06367,-0.01837,0.01046,-0.01463,0.05198,-0.00878,-0.05133,-0.00439,-0.03664,-0.07805,0.07506,-0.02689,0.07316,-0.03574,-0.00923,-0.05325,-0.00021,-0.02671,0.04435,-0.10624,0.00441,-0.00743,0.03411,-0.03209,-0.07305,0.05427,-0.01248,-0.10911,-0.02163,0.00094,0.00831,-0.01357,0.06826,-0.00876,0,-0.01545,0.10009,-0.08237,0.12402,-0.06478,-0.00498,0.07582,-0.02967,0.0089,0.03155,-0.0003,-0.01659,0.01133,0.02069,0.0009,0.05219,0.01464,0.00654,-0.00235,-0.04623,0.02634,-0.02513,0.01588,0.00726,-0.08966,-0.01132,0.01751,0.0439,-0.07897,0.00035,-0.0204,-0.02452,0.01984,0.02947,0.0289,-0.04661,-0.00812,0.02851,-0.03204,0.00236,0.03138,-0.01882,0.03249,0.05699,-0.02824,0.09243,-0.04435,0.05686,-0.05458,0.05024,-0.02292,-0.0237,0.02905,-0.11015,-0.026,0.03154,0.07565,-0.02509,0.01474,-0.03456,0.04919,-0.03215,-0.01317,0.07642,0.06671,0.09911,0.02624,0.00033,0.01339,0.02165,0.11082,-0.00772,0.06616,-0.01033,0.01096,-0.00995,0.07932,-0.02767,0.01369,-0.10124,0.01192,0.00561,0.08468,0.02856,0.01279,0.18763,-0.11238,0.03571,0.02286,0.07806,-0.024,0.11471,0.03256,0.04246,-0.03073,0,-0.07474,0.05861,0.03319,-0.05901,-0.0342,0.0403,0.04414,0.03001,0.00513,0.03252,-0.00903,0.04426,-0.00849,-0.03174,0.09664,-0.02299,0.05606,0.09688,-0.06305,0.01027,0.01088,-0.01184,-0.04491,0.02642,0.03445,-0.01462,0.01543,0.16372,0.03484,0.00982,0.04525,-0.0456,-0.00188,0.03657,-0.1174,0.05077,-0.03925,-0.07743,0.02725,0.04672,0.0007,-0.02967,-0.04792,-0.03876,-0.11426,0.04897,0.03523,-0.0927,-0.0097,0.04408,-0.06334,0.00245,0.07217,0.05828,0.07536,0.06088,0.02866,-0.01488,0.10073,0.06002,-0.03785,0.03656,-0.07072,0.03769],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Trigger helpers - primaryButtonEventTrigger — passes for touch input and the primary (left) mouse button. - middleButtonEventTrigger — passes while the middle (wheel) mouse button is pressed. - isOnFlowBackground(event) — true when the event started over the empty canvas rather than a node, group or connection. primary Button Event Trigger middle Button Event Trigger is On Flow Background","excerpt":"Trigger helpers - primaryButtonEventTrigger — passes for touch input and the primary (left) mouse button. - middleButtonEventTrigger — passes while the middle (wheel) mouse button is pressed. - isOnFlowBackground(event) — true when the event started over the empty canvas rather than a node, group or connection."},{"chunkId":"/docs/control-scheme#8","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.00258,-0.07761,0.02092,0.01699,0.05393,0.0827,0.08869,0.00561,-0.00596,0.06031,0.04416,0.0222,-0.04499,-0.02106,0.05249,0.03648,0.05334,-0.03821,-0.0203,0.10203,0.00916,-0.0929,0.00247,-0.03948,-0.00576,-0.00519,0.01147,-0.05206,0.00846,-0.00557,-0.02001,0.12049,0.02202,-0.03051,-0.10782,0.01985,0.01021,-0.04322,-0.07874,-0.04238,0.01027,0.00059,0.02891,0.03315,0.04501,0.07602,0.02427,0.02397,-0.05474,0.08436,-0.03215,-0.06356,0.03759,0.01101,0.03169,0.00058,-0.01666,0.00373,0.05252,-0.02449,0.02091,-0.01338,-0.02419,0.00035,0.01057,0.00633,0.0381,-0.05302,0.07995,0.01613,-0.01971,-0.06092,0.06114,0.00672,0.07727,-0.01012,-0.02974,-0.01298,-0.05781,-0.12477,-0.01504,-0.01242,-0.02297,0.06951,-0.02607,0.06492,-0.0833,-0.01202,0.092,0.03095,-0.14617,-0.05479,-0.05934,-0.08967,-0.05922,-0.07274,-0.02392,0.00153,-0.07251,0.02283,0.05313,0.01307,-0.01331,-0.00232,0.03227,-0.03778,-0.04132,-0.07759,-0.06206,0.09056,-0.00343,-0.03741,0.01075,0.00721,-0.00881,-0.01873,-0.03173,-0.00545,0.0675,-0.01149,-0.0033,-0.00699,-0.00558,-0.04723,-0.0243,-0.00895,-0.10878,0,0.02352,-0.01792,0.04084,-0.03476,0.00861,-0.05269,-0.02926,-0.08623,-0.03547,0.02762,0.06725,0.00585,-0.03224,0.13427,0.00447,-0.0354,-0.02449,0.02204,0.02028,-0.00462,-0.04537,0.04957,-0.09792,-0.02612,0.01873,0.1058,-0.0511,0.11076,0.04132,0.02561,-0.00694,0.0417,-0.01632,-0.04442,-0.00604,0.06471,-0.0388,-0.06814,0.02397,0.01564,0.00933,-0.04591,-0.02961,-0.0136,-0.03758,-0.09164,-0.01296,0.06145,0.01658,0.03276,0.00568,-0.02106,-0.00717,0.00015,-0.01159,-0.10936,-0.03091,0.03838,-0.01748,0.06713,-0.04443,-0.04656,-0.02896,-0.00839,0.00056,0.05883,-0.00832,-0.01645,-0.00865,-0.03309,-0.06266,0.06699,-0.05661,0.06356,0.00804,-0.03203,-0.00927,-0.01073,0.00173,0.02777,-0.06619,-0.00032,0.0154,0.02639,-0.02514,-0.09607,0.09991,-0.00648,-0.10318,-0.02569,-0.01108,0.00119,-0.00044,0.06925,0.01094,0,0.01632,0.07047,-0.06078,0.17401,-0.0886,-0.01581,0.08972,-0.02611,-0.00735,-0.07509,0.03445,-0.06989,0.05702,0.01,0.01799,0.02521,0.00082,-0.06642,0.00582,-0.03081,0.06755,-0.03725,0.05168,0.03309,-0.12299,-0.00086,-0.01081,0.01022,-0.08916,0.0193,0.00929,-0.04593,-0.0043,-0.05523,0.03584,-0.03766,-0.05605,0.07478,0.00159,0.0375,0.01287,-0.05597,0.02928,0.09528,-0.01198,0.05721,-0.03766,0.06872,0.01685,0.04491,0.00725,0.00216,0.00644,-0.12865,-0.02247,0.02167,0.09237,-0.01431,0.04067,-0.04018,0.03515,-0.00391,-0.02701,-0.01719,0.07531,0.10928,0.0276,-0.00076,0.0423,0.00181,0.06809,0.00843,0.05206,-0.0277,0.05048,-0.03327,0.09721,0.00439,0.04812,-0.03943,-0.01392,0.00381,0.07628,0.01128,-0.0059,0.16975,-0.18486,0.03793,0.00935,0.08387,-0.00008,0.11322,0.06482,0.00103,-0.061,0,-0.08835,0.05525,0.07235,-0.04161,-0.03723,0.02203,0.03322,0.0264,0.01778,0.03021,-0.00431,0.04067,-0.00873,-0.03162,0.08753,-0.0284,0.04919,0.06312,-0.07917,-0.00811,-0.022,-0.00146,-0.01909,-0.00852,0.04318,-0.01729,0.01163,0.08084,0.02666,0.05955,0.02562,-0.03177,0.00693,0.0366,-0.08129,0.04098,-0.04886,-0.05609,0.0002,0.05662,0.01965,-0.00822,-0.05904,-0.04447,-0.11044,0.04426,0.08136,-0.08789,-0.04022,0.03567,-0.05739,-0.00933,0.04884,0.06402,0.03709,0.02789,0.0287,0.01106,0.07597,0.04708,-0.03695,-0.00522,-0.09547,0.04929],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Custom schemes Pass a partial object to withControlScheme(...) — missing gestures fall back to the default scheme: Or start from a preset and override individual gestures: Under a scheme that binds selection to a plain drag, clicking the empty canvas clears the selection and a marquee replaces it; Shift+drag keeps the current selection, so the marquee stays additive. with Control Scheme","excerpt":"Custom schemes Pass a partial object to withControlScheme(...) — missing gestures fall back to the default scheme: Or start from a preset and override individual gestures: Under a scheme that binds selection to a plain drag, clicking the empty canvas clears the selection and a marquee replaces it; Shift+drag keeps the current selection, so the marquee stays additive."},{"chunkId":"/docs/control-scheme#9","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.00308,-0.09348,-0.01437,-0.0161,0.02015,0.07827,0.106,0.0382,-0.04957,0.07018,0.03957,-0.01151,-0.03901,-0.00158,0.04823,0.06494,0.05901,-0.01848,-0.03227,0.06998,0.0554,-0.08545,0.00103,-0.04524,-0.02008,0.00645,0.00918,-0.04537,-0.00657,-0.01993,-0.0216,0.06464,0.05657,-0.01051,-0.12641,0.05816,0.01932,-0.06905,-0.10743,-0.05702,-0.0206,0.01104,0.02331,0.00215,0.04532,0.06878,-0.02339,0.02454,-0.08064,0.0803,-0.01492,-0.0721,0.03169,-0.03541,0.07566,-0.00626,-0.00859,0.01784,0.06569,-0.03363,-0.01866,-0.01837,0.00341,0.01696,0.03148,0.05206,0.02586,-0.05329,0.06508,-0.06752,-0.01837,-0.06909,0.05751,-0.06121,0.03815,-0.03167,-0.02788,0.0171,-0.06813,-0.12388,0.04808,0.02183,-0.01676,0.06634,-0.04289,0.05242,-0.07589,-0.01279,0.0952,0.034,-0.13066,-0.04041,-0.06055,-0.05305,-0.03648,-0.11383,-0.01742,-0.0449,-0.04499,0.03376,0.05783,-0.00753,-0.00451,-0.01764,0.06284,-0.10711,-0.00024,-0.06177,-0.05447,0.07843,0.00773,-0.03295,-0.00822,0.0002,-0.00625,-0.02246,0.02678,0.01215,0.06506,-0.01002,0.02264,-0.01845,-0.02984,-0.06339,-0.01927,-0.01822,-0.08935,0,0.04506,-0.02944,0.03962,-0.03089,0.02025,-0.0209,-0.01902,-0.0873,-0.06609,0.00509,0.0468,0.01725,-0.03071,0.14726,0.04545,-0.04136,-0.0101,0.00651,0.02225,-0.02493,-0.03446,0.03038,-0.08586,-0.01115,0.05361,0.09905,-0.04595,0.08591,0.04232,0.00099,0.02341,0.04088,-0.02963,-0.04725,0.01252,0.03661,-0.05592,-0.03897,0.01535,0.01507,0.00333,-0.06837,-0.03206,0.00595,-0.0259,-0.08476,-0.05498,0.06338,-0.03708,0.03257,0.01388,-0.01703,-0.01182,-0.00115,0.05159,-0.12428,-0.05312,0.05233,0.0011,0.10927,-0.03106,-0.06918,-0.04048,0.01626,-0.02073,0.04031,0.00857,-0.05015,-0.01468,-0.00388,-0.06746,0.05312,-0.02934,0.07017,-0.05002,-0.02178,-0.03853,-0.01619,-0.04815,0.04712,-0.08271,-0.01259,0.01232,0.01933,-0.02463,-0.07813,0.0843,-0.01101,-0.10156,-0.03931,-0.02679,0.0251,-0.00538,0.05871,0.02228,0,0.02371,0.05248,-0.06217,0.13516,-0.05881,-0.02366,0.08733,-0.03529,-0.01931,0.00064,-0.00583,-0.05367,0.04547,-0.00677,0.00949,0.01937,0.02533,-0.01919,0.02181,-0.01691,0.00528,-0.02268,0.03077,-0.00106,-0.11307,0.00487,0.01231,0.02481,-0.08024,0.00225,-0.03345,-0.06142,0.01057,0.01991,0.02236,-0.00796,0.00253,0.05158,-0.00997,0.03033,0.0098,-0.05797,-0.00018,0.05756,-0.0179,0.08656,-0.04261,0.08783,-0.04297,0.03809,-0.00258,0.00252,0.02819,-0.11566,-0.02324,-0.02449,0.06656,-0.02565,0.00598,-0.01868,0.04294,-0.0675,-0.00209,0.06404,0.06773,0.11291,0.03284,-0.02181,0.04388,0.0167,0.07799,-0.01961,0.05022,-0.01592,0.02487,-0.04601,0.04343,0.02314,0.03973,-0.05482,0.02853,0.01528,0.10207,0.05013,0.00377,0.19575,-0.12275,0.04054,0.0129,0.07629,-0.01308,0.10409,0.03585,0.03091,-0.0409,0,-0.04291,0.04102,0.08291,-0.04968,-0.0697,0.03295,0.06814,0.00416,0.01413,0.05029,-0.01976,0.05754,0.00921,-0.04152,0.08855,-0.01252,0.05553,0.08344,-0.04033,-0.00556,-0.01307,0.01007,-0.01856,0.01967,0.03607,-0.01488,0.01652,0.10286,0.01569,0.04589,0.05104,-0.03444,0.01825,0.03192,-0.07557,0.01112,-0.0671,-0.05918,-0.00445,0.04687,-0.01305,-0.02074,-0.05795,-0.03913,-0.09112,0.05453,0.07334,-0.11122,0.01078,0.05514,-0.05585,0.03062,0.05793,0.06877,0.03013,0.06069,0.04752,-0.01946,0.071,0.0909,-0.05177,0.02433,-0.07458,0.02814],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Example See the Control Schemes example for a runtime switch between the three presets.","excerpt":"Example See the Control Schemes example for a runtime switch between the three presets."},{"chunkId":"/docs/accessibility#0","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.03786,-0.11756,-0.01877,-0.00038,0.00497,0.05501,0.06529,-0.01405,-0.00149,-0.03575,0.08659,0.02369,0.02483,-0.00015,0.02505,-0.03557,0.0809,-0.09111,-0.0175,0.01109,-0.03703,-0.024,-0.01534,-0.03639,-0.01463,-0.02014,-0.07657,-0.0287,0.06153,-0.04183,-0.04104,-0.02197,-0.00933,-0.00165,-0.06599,0.00301,0.06557,-0.02822,-0.13913,-0.06615,-0.12005,-0.05615,-0.01401,0.05461,0.03358,-0.09176,-0.0512,-0.04133,-0.0167,0.07225,-0.03402,0.02957,0.01199,0.01459,0.01505,0.07117,0.00834,0.01841,-0.02823,0.03343,-0.0807,0.01886,0.01458,0.0145,0.03319,0.06816,0.02969,-0.12211,0.01939,-0.07998,-0.01612,-0.02823,0.08875,-0.04864,0.00405,-0.01125,-0.01615,-0.02228,0.06509,-0.05181,0.01135,0.04064,-0.04057,0.07353,-0.03405,0.06435,-0.06801,-0.00261,0.01225,0.07528,0.01568,-0.0541,-0.00194,-0.0112,0.05223,-0.05015,0.05857,-0.0364,-0.10273,0.02565,0.00904,-0.0126,-0.01432,0.0021,-0.03319,-0.02212,0.02555,-0.09227,-0.09117,-0.02612,-0.01467,-0.069,-0.00045,-0.01454,-0.08726,0.04014,-0.01672,-0.05492,0.1719,0.02967,-0.05275,0.03754,-0.05241,-0.02912,0.01455,-0.00452,-0.05818,0,0.02067,0.04135,-0.06719,-0.00728,0.02531,-0.01797,-0.00778,-0.03464,-0.04925,-0.07161,0.00438,0.02377,-0.04664,0.01828,0.09457,-0.04887,0.00183,0.10994,-0.08639,-0.009,0.00685,-0.0055,0.02569,0.02807,0.02767,0.08236,-0.09631,0.01937,0.08003,0.06341,-0.08054,-0.01976,-0.10527,-0.06889,-0.05008,-0.05923,0.02377,-0.08261,0.0598,-0.02773,-0.08708,0.00914,0.00787,-0.11104,-0.0323,0.02351,-0.0003,0.07331,0.02382,-0.022,-0.02121,0.01441,-0.03415,-0.07385,0.02006,-0.04985,-0.01702,0.07654,0.08116,0.10357,-0.00105,0.07051,0.09463,0.03342,0.05063,0.04215,0.02708,0.00638,0.03847,-0.06632,-0.08705,-0.0076,-0.00575,0.09477,-0.02689,-0.03273,-0.009,-0.10336,0.04673,0.0235,-0.0307,0.0183,0.00915,0.07904,-0.01001,-0.02815,-0.00859,-0.02561,-0.02751,-0.04137,0.02555,0.03107,-0.01971,-0.08586,-0.04663,0,-0.01393,-0.04391,-0.0036,-0.01505,-0.09067,0.01719,-0.0064,-0.01503,0.12377,0.03771,-0.03527,0.09447,0.05179,-0.09078,-0.00855,0.03149,-0.03752,0.00226,-0.0104,0.0378,0.04598,-0.04376,-0.05524,0.06938,-0.01513,0.00292,-0.05187,0.05372,-0.06692,-0.05888,-0.01827,0.07673,-0.07378,-0.06985,0.06104,-0.00838,-0.02609,0.0363,-0.11133,0.02478,0.07464,0.05488,0.02745,0.05723,0.03242,0.13154,-0.07096,-0.07073,-0.00167,0.0033,0.02983,-0.00843,0.04287,-0.0423,-0.09542,0.0833,0.05048,0.01571,-0.00784,0.01015,0.07414,-0.04039,-0.04537,0.02152,0.03944,-0.00517,0.03491,-0.02004,0.0023,-0.00365,0.13516,-0.01455,0.07386,-0.01758,0.02474,0.09853,0.04727,-0.03254,-0.03429,-0.02614,0.02378,0.10062,0.06716,-0.00209,0.09853,0.05723,0.01567,0.01062,0.03758,-0.03297,-0.03692,0.04338,-0.04407,0.09539,-0.01934,0,0.01189,0.02544,0.00471,-0.04064,-0.02897,-0.04106,0.04466,0.0218,-0.00648,0.03125,-0.02384,-0.04617,-0.03333,-0.0063,0.0761,0.11172,0.04358,0.09781,-0.0761,-0.06065,0.05292,0.03742,-0.0003,0.03307,0.01792,-0.01202,-0.04087,0.0345,0.05669,-0.01532,0.03439,-0.01103,0.03428,0.00866,-0.07464,0.07148,0.03691,0.02352,-0.01661,0.00405,0.03787,-0.07832,-0.04483,-0.03523,-0.07083,0.05549,-0.00054,-0.06861,-0.03791,0.01985,-0.03867,0.04312,0.05331,0.03242,0.02575,0.0677,-0.00322,-0.01458,0.03142,-0.00414,0.03405,0.05054,0.04649,0.01381],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Accessibility Provider: provideFFlow(withA11y(...)) Events: (fDeleteSelected), (fMoveNodes), (fCreateConnection) Every flow ships with two accessibility layers. The SEMANTIC layer is always on and needs no setup: it describes the graph to assistive technology. The KEYBOARD layer is opt-in — installing withA11y() makes the whole editor operable without a mouse, including creating connections entirely from the keyboard. provide F Flow with A11y f Delete Selected f Move Nodes f Create Connection","excerpt":"Accessibility Provider: provideFFlow(withA11y(...)) Events: (fDeleteSelected), (fMoveNodes), (fCreateConnection) Every flow ships with two accessibility layers. The SEMANTIC layer is always on and needs no setup: it describes the graph to assistive technology. The KEYBOARD layer is opt-in — installing withA11y() makes the whole editor operable without a mouse, including creating connections entirely from the keyboard."},{"chunkId":"/docs/accessibility#1","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.00548,-0.10732,-0.00477,-0.04268,-0.01523,0.07915,0.0537,0.00067,0.03268,-0.00743,0.07236,0.07207,0.04875,0.01835,0.01281,-0.07351,0.1046,-0.08767,0.03517,-0.00147,-0.02228,-0.0555,-0.01119,-0.03892,0.00295,-0.00699,-0.06542,-0.04062,0.03838,-0.05543,-0.08456,-0.03325,0.03057,0.00892,-0.07492,-0.00169,0.08254,-0.04485,-0.13729,-0.03629,-0.0755,-0.0501,0.02391,0.09002,0.03876,-0.0734,-0.06302,-0.01734,-0.06936,0.09382,-0.06871,-0.04126,0.02068,0.02452,0.02742,0.00644,0.04627,0.01228,0.03355,0.02132,-0.04973,0.00736,0.02448,0.04388,0.02873,0.09556,0.03428,-0.0853,0.01261,-0.05105,-0.03369,-0.03189,0.02811,-0.06035,-0.05075,-0.01583,-0.01005,-0.06052,0.04584,-0.0761,-0.01595,0.04283,-0.0724,0.05649,-0.01647,0.09983,-0.08281,-0.02211,-0.02487,0.02723,-0.00705,-0.04555,0.00965,-0.01677,-0.00829,-0.04887,0.08667,0.0039,-0.07148,0.05854,0.02658,0.01213,0.05584,-0.00641,-0.01272,-0.05507,0.03064,-0.0475,-0.09314,-0.01598,-0.02436,-0.02165,-0.02803,0.00276,-0.07504,-0.02934,-0.00068,-0.02668,0.1713,0.06388,-0.01636,0.01972,-0.04319,-0.02434,0.02643,-0.02033,-0.04515,0,0.00014,0.02964,-0.03352,0.0303,0.02826,-0.02973,-0.04801,-0.05398,-0.01177,-0.04022,0.04778,0.05929,-0.00806,-0.00068,0.12552,0.00239,0.0113,0.10265,-0.10101,-0.01947,0.01605,-0.05781,0.0124,0.03858,0.00806,0.11601,-0.06366,0.03587,0.06024,0.05279,-0.04572,-0.00423,-0.03953,-0.055,-0.02552,-0.07337,0.02545,-0.10429,0.06921,-0.03076,-0.08938,-0.01632,0.0015,-0.09617,-0.00079,0.03798,-0.02258,0.0186,-0.00666,-0.02505,-0.05016,0.03803,-0.03873,-0.07525,0.01733,-0.05518,-0.02722,0.04656,0.06239,0.10237,-0.01395,0.12888,0.12205,0.03081,-0.02848,0.01583,-0.02248,-0.02942,0.0138,-0.11026,-0.07162,0.00122,0.0016,0.07276,-0.013,-0.03964,-0.0361,-0.07372,0.04726,0.0001,-0.02892,-0.00982,0.01674,0.06058,0.05218,-0.03667,-0.01742,-0.04926,-0.09752,-0.01443,-0.00765,0.03455,-0.01209,-0.02173,-0.04225,0,-0.03199,-0.02651,-0.02,-0.0167,-0.10506,-0.04258,-0.00224,-0.04273,0.08974,0.02184,-0.0277,0.06378,-0.00288,-0.02415,0.02464,0.01282,-0.00145,-0.03071,-0.03959,0.03652,0.07136,-0.04564,-0.11684,0.05848,-0.01289,0.0419,-0.0255,0.01407,-0.05477,-0.05891,-0.027,0.02898,-0.03181,-0.02012,0.0353,-0.0286,-0.00183,0.03445,-0.09441,0.06765,0.10762,0.06401,0.02651,0.0122,0.0326,0.10772,-0.03435,-0.05923,-0.04898,0.0015,0.03167,-0.026,0.06416,-0.05512,-0.10094,0.08571,0.02343,0.01862,-0.00019,-0.023,0.08033,-0.03408,-0.0396,0.02782,0.02546,-0.02405,0.04343,-0.01843,0.02301,-0.04291,0.10238,-0.04358,0.01324,-0.04115,0.05727,0.08711,0.02026,-0.01006,-0.06833,-0.04533,-0.02561,0.08032,0.0409,0.01761,0.11815,0.0915,-0.00417,0.01476,0.01025,-0.00123,-0.06693,0.05472,-0.03309,0.10393,0.00619,0,-0.04102,0.06629,0.01917,-0.0476,-0.02683,-0.02537,0.01436,-0.05363,0.01755,0.04728,-0.01347,-0.04456,-0.05336,-0.01916,0.08175,0.12173,0.00535,0.05058,-0.07424,0.00406,0.04796,0.0177,0.02992,0.03467,-0.01873,0.0234,-0.03167,0.05532,0.01774,-0.00522,0.01364,0.00818,0.03718,0.05627,-0.03829,0.01447,0.01875,0.02928,0.06746,0.06114,0.01888,-0.102,-0.03942,0.03616,-0.02584,0.08316,0.03132,-0.05777,-0.04284,0.03889,-0.07192,-0.06242,0.01884,-0.00161,0.04023,0.07238,0.1212,0.00464,0.02029,0.03384,0.06431,0.03599,-0.04004,0.00733],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Why / Use cases - WCAG compliance: keyboard operability (2.1.1), status announcements (4.1.3), name/role/value on items (4.1.2) — the requirements a diagram editor usually fails first. - Keyboard-first power users: selecting, moving and wiring nodes without leaving the keyboard. - Screen-reader users: the graph topology is readable (each connection has an accessible name), and every action is announced through a live region. - Read-only viewers: even without the keyboard layer, a rendered diagram is no longer silent for assistive technology.","excerpt":"Why / Use cases - WCAG compliance: keyboard operability (2.1.1), status announcements (4.1.3), name/role/value on items (4.1.2) — the requirements a diagram editor usually fails first. - Keyboard-first power users: selecting, moving and wiring nodes without leaving the keyboard. - Screen-reader users: the graph topology is readable (each connection has an accessible name), and every action is announced through a live region. - Read-only viewers: even without the keyboard layer, a rendered diagram is no longer silent for assistive technology."},{"chunkId":"/docs/accessibility#2","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[0.0025,-0.08175,-0.03092,0.04251,-0.00644,0.08097,0.09525,-0.09541,-0.02052,-0.10013,0.06886,-0.00484,0.02252,-0.04474,0.00565,-0.02539,0.06297,-0.06528,-0.02838,0.00558,-0.00924,-0.06135,-0.0251,-0.00328,-0.03335,0.03183,-0.03979,-0.02279,0.10445,-0.05937,0.02007,-0.01401,0.00119,-0.01324,-0.09602,0.07661,0.0758,-0.05292,-0.1221,0.00798,-0.03635,-0.05757,-0.03641,0.05152,0.0184,-0.0515,-0.03311,-0.04392,-0.09532,0.08532,-0.0267,-0.02249,-0.00465,0.05028,-0.01671,0.06074,0.0672,0.02872,0.00078,0.06598,-0.06059,-0.00654,0.06134,0.02342,0.03176,0.08095,0.04595,-0.11446,0.00756,-0.06255,0.04141,-0.02768,0.08561,-0.05033,-0.01016,-0.00009,0.01755,-0.02411,0.00741,-0.04979,0.00742,0.07584,-0.09639,0.05559,-0.0251,0.04159,-0.07984,-0.03468,-0.02875,0.08776,-0.04172,-0.00808,-0.02394,-0.01323,0.06012,0.01024,0.05176,-0.00971,-0.01631,0.03658,0.01736,-0.00293,-0.05125,-0.01762,-0.03256,-0.09409,0.00904,-0.05973,-0.09035,0.02374,0.01002,-0.01367,-0.05913,0.0112,-0.08709,0.0218,0.02652,-0.01953,0.16051,0.03067,-0.02998,-0.00086,0.02296,-0.01119,0.0444,0.03895,-0.08552,0,0.03192,0.01931,-0.07456,0.02923,0.01661,-0.03888,0.01316,-0.03771,-0.06017,-0.07719,0.02754,0.06467,-0.047,-0.03721,0.08362,-0.07211,-0.01461,0.07126,-0.07404,-0.04533,-0.05728,0.04524,0.00252,-0.03483,0.00931,0.07621,-0.13269,0.02669,-0.05329,0.05043,-0.01702,0.02998,-0.02537,-0.00611,-0.03289,-0.04656,-0.00145,-0.03618,0.01955,0.00359,-0.04444,-0.03156,-0.00197,-0.12171,-0.02165,-0.07003,-0.00927,0.06717,0.03716,-0.03289,-0.02908,-0.00149,-0.0473,-0.14487,-0.03657,-0.03338,-0.10056,0.07115,0.0068,0.06032,0.01154,0.04951,0.10432,0.0709,0.035,0.04227,0.07587,-0.02436,0.0787,-0.12985,-0.05153,0.04013,0.06854,0.07299,-0.03271,-0.02466,-0.02152,-0.03322,0.03961,0.05284,0.02121,0.0186,0.03565,0.08069,0.01425,-0.03468,0.01386,-0.06996,-0.07052,-0.00504,0.00072,0.02681,-0.00299,-0.04895,-0.03101,0,0.01797,-0.06027,0.005,-0.01926,-0.06371,-0.03099,0.04051,0.01223,0.05917,0.05493,0.01576,0.08038,0.0094,-0.07415,-0.0466,0.02911,0.00334,-0.01963,0.0331,0.01636,0.0719,-0.00494,-0.091,0.07334,0.04749,-0.05555,0.01629,-0.00015,-0.04258,-0.07737,0.02416,0.03367,-0.05678,-0.03226,0.03985,-0.02668,-0.06107,0.0132,-0.07496,0.06693,0.0798,0.05511,0.03311,-0.04611,0.03173,0.12157,-0.02031,-0.03816,-0.05763,0.04925,0.04551,-0.04006,0.0215,0.01334,-0.08318,0.08611,-0.03344,-0.03778,0.01403,0.00835,0.10056,-0.04786,-0.07203,0.03563,0.01922,-0.01389,-0.00276,-0.0583,0.0034,-0.065,0.10325,-0.10574,0.02519,-0.0251,-0.01056,0.00295,-0.00996,-0.03962,-0.08346,-0.06616,0.01233,0.08964,-0.01571,0.01047,0.08885,0.09376,-0.02716,0.0715,0.02286,0.01574,-0.0618,0.05813,-0.08476,0.04183,-0.03603,0,-0.05009,0.04198,-0.01951,-0.02579,-0.00865,-0.0122,0.00339,-0.02096,0.03204,0.0311,-0.0089,-0.05168,-0.01837,-0.0645,0.04095,0.06797,0.03637,0.01475,-0.02313,-0.04395,0.00896,-0.03827,0.05749,0.02386,-0.01091,-0.00448,-0.00143,0.07109,0.04177,-0.0118,0.00617,-0.01865,-0.02452,0.0788,-0.06632,0.06158,0.01194,-0.01056,0.04707,0.12454,0.05733,-0.06084,-0.03932,0.00111,-0.036,0.11596,-0.02969,-0.01943,0.01671,0.0437,-0.01017,-0.02166,0.00511,0.01315,0.07399,0.02043,0.06802,0.02037,0.06464,0.03017,0.0244,0.08343,0.00669,0.00248],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Semantics layer (always on) Applied automatically as items register; an attribute you set yourself is never overridden: - Nodes and groups get role=\"group\" and an aria-roledescription (\"node\" / \"group\"). Their accessible name comes from your content — set aria-label on the element for an explicit one. - Connections get role=\"group\", aria-roledescription=\"connection\" and a generated aria-label — \"Connection from A to B\" — that tracks endpoint changes. A label you set yourself stays untouched. - Items receive a DOM id when they have none (needed for aria-activedescendant). - The minimap and the connection previews (f-connection-for-create, f-snap-connection) are aria-hidden — they are visual helpers, not content. - A visually-hidden live region announces selection, movement, connection and deletion (WCAG 4.1.3). It is created once per flow and auto-clears.","excerpt":"Semantics layer (always on) Applied automatically as items register; an attribute you set yourself is never overridden: - Nodes and groups get role=\"group\" and an aria-roledescription (\"node\" / \"group\"). Their accessible name comes from your content — set aria-label on the element for an explicit one. - Connections get role=\"group\", aria-roledescription=\"connection\" and a generated aria-label — \"Connection from A to B\" — that tracks endpoint changes. A label you set yourself stays untouched. - Items receive a DOM id when they have none (needed for aria-activedescendant). - The minimap and the connection previews (f-connection-for-create, f-snap-connection) are aria-hidden — they are visual helpers, not content. - A visually-hidden live region announces selection, movement, connection and deletion (WCAG 4.1.3). It is created once per flow and auto-clears."},{"chunkId":"/docs/accessibility#3","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.03787,-0.0884,0.00161,-0.05417,-0.0162,0.05574,0.1112,-0.04039,-0.00041,-0.03543,0.08588,0.04883,0.04814,0.00581,-0.00596,-0.08094,0.05668,-0.02961,0.01048,0.021,-0.01315,-0.00767,-0.05059,-0.01513,0.01413,0.01614,-0.02353,0.00731,0.02886,-0.04316,-0.05657,-0.016,0.02855,0.00354,-0.13277,-0.01728,0.04984,-0.06027,-0.12757,-0.0272,-0.11796,-0.06041,-0.01617,0.08024,0.03369,-0.0752,-0.066,-0.0186,-0.02189,0.04598,-0.05242,0.01948,-0.01489,0.00632,0.00267,0.04151,0.02493,0.03185,0.03012,0.04872,-0.0464,0.03478,0.03647,0.02889,0.05082,0.08365,0.03194,-0.12981,-0.01474,-0.06289,-0.02328,-0.03779,0.09442,-0.05902,-0.04187,-0.01996,0.0061,-0.06956,0.03359,-0.02711,-0.03722,0.00222,-0.06356,0.06448,-0.00726,0.02992,-0.08634,0.00285,0.02937,0.04179,0.00294,-0.07283,-0.02301,0.00074,0.02335,-0.06988,0.04528,-0.02573,-0.08084,0.05534,0.0233,0.02518,-0.01595,-0.03606,-0.0472,-0.03832,0.05368,-0.06611,-0.09449,-0.01314,-0.01357,-0.04059,-0.031,0.00361,-0.07071,0.02484,-0.02951,-0.05151,0.17697,0.02473,-0.06965,-0.01005,-0.07384,-0.02803,0.01099,-0.01739,-0.07183,0,-0.02566,0.03899,-0.04903,-0.01604,-0.01847,-0.04252,-0.02052,-0.02623,-0.02254,-0.10038,0.02855,0.03127,-0.00524,-0.00905,0.12313,-0.03377,-0.01774,0.13263,-0.09095,0.01015,0.01421,-0.01157,0.0495,0.02424,-0.0011,0.0846,-0.10492,-0.00242,0.01888,0.06076,-0.03409,-0.00573,-0.09708,-0.06037,-0.03736,-0.07895,0.04376,-0.04325,0.05452,-0.00387,-0.0914,0.00201,0.01327,-0.07439,-0.03301,0.01311,0.00528,0.06272,0.03006,-0.02522,-0.04529,-0.013,-0.06575,-0.09809,0.03837,-0.02583,-0.04479,0.08532,0.07291,0.07863,0.01474,0.04721,0.12394,0.01722,0.01912,0.01932,0.0187,-0.01017,0.02379,-0.08763,-0.05166,0.00002,0.02,0.08983,-0.04983,-0.01471,0.02103,-0.05882,0.06638,-0.01724,-0.00932,0.03021,0.04014,0.04076,0.01818,-0.0027,-0.0024,-0.07779,-0.04855,-0.01358,-0.05727,0.02757,-0.05831,-0.12112,-0.02825,0,0.00114,-0.04942,-0.01936,-0.00054,-0.10223,-0.00673,0.00456,-0.02788,0.07649,0.02503,-0.05209,0.0953,0.06568,-0.06902,-0.01633,0.00836,0.01384,-0.01035,-0.01053,0.03426,0.01737,-0.07801,-0.06856,0.07848,-0.00748,0.01257,-0.02976,0.05325,-0.0433,-0.0498,-0.02653,0.06403,-0.04225,-0.0124,0.05234,0.00948,-0.00975,0.01397,-0.09264,0.06099,0.09629,0.03387,0.07834,0.01958,0.04141,0.10539,-0.02835,-0.02347,-0.00565,-0.02788,0.09486,-0.01041,0.0389,-0.0637,-0.09299,0.10654,-0.01943,0.02468,0.01056,0.01896,0.06275,-0.03852,-0.03243,-0.01366,0.01263,-0.00299,0.05384,-0.0524,-0.00128,-0.03752,0.12356,-0.07471,0.04994,0.01487,-0.01201,0.07246,0.05686,0.01828,-0.0766,-0.02154,0.03979,0.08557,0.02204,0.01953,0.09728,0.07941,-0.00764,0.00695,0.02522,-0.06221,-0.0261,0.05985,-0.03445,0.06426,0.02406,0,0.009,0.03185,0.03306,-0.02126,-0.02564,-0.03355,0.04464,-0.03082,0.02048,0.00103,-0.03196,-0.0703,0.0036,-0.00836,0.07315,0.11695,0.0453,0.07214,-0.07003,-0.03158,0.0633,0.02553,0.05233,0.01827,-0.01488,0.04005,-0.0424,0.03368,0.0674,-0.04882,0.04901,0.0134,0.00782,-0.01307,-0.0209,0.04173,0.03866,0.03102,0.04284,0.01594,0.01902,-0.10311,-0.05095,-0.0074,-0.07431,0.09394,0.01486,-0.04959,-0.04682,0.04035,-0.01162,0.01436,0.0398,0.03183,0.04012,0.08066,0.06249,-0.06924,0.02367,0.0431,0.0799,0.05266,-0.00968,0.02828],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Keyboard layer (opt-in)","excerpt":"Keyboard layer (opt-in)"},{"chunkId":"/docs/accessibility#4","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[0.03191,-0.09077,-0.0093,0.01576,0.05959,0.03103,0.13552,-0.03633,0.052,0.00121,0.0242,0.03033,-0.01036,-0.04411,-0.02353,0.0011,0.03512,-0.05963,0.01024,0.0161,-0.0068,-0.07221,0.00816,-0.03852,-0.07364,0.06946,-0.02377,-0.02663,0.00836,-0.07953,-0.05882,-0.00518,0.03433,0.03322,-0.18101,-0.01786,0.00633,-0.04177,-0.13295,-0.01364,-0.0792,-0.06697,0.01169,0.01532,0.00357,-0.03422,-0.02453,-0.01778,-0.01822,0.05855,-0.06308,-0.00044,0.01482,0.06951,-0.00929,0.06708,0.03348,-0.02289,0.018,0.04726,-0.06183,0.02197,0.00345,0.05485,0.04724,0.08721,0.02071,-0.12242,-0.01968,-0.10777,0.03719,-0.01672,0.0663,-0.12112,0.03602,-0.03416,-0.00198,-0.02342,0.03073,-0.00646,0.0188,0.00847,-0.05046,0.04471,0.03389,0.10679,-0.09049,-0.03922,-0.02867,0.05283,-0.04714,-0.06687,-0.00058,-0.01886,0.03702,-0.04307,0.05286,-0.02942,-0.08321,0.02177,0.04984,0.0158,0.0184,-0.02238,-0.03823,-0.06148,0.06489,-0.00132,-0.0837,-0.04358,-0.00773,-0.07855,0.02033,-0.00455,-0.08504,0.01781,-0.03631,-0.03941,0.16139,0.05259,-0.0144,-0.00738,-0.07608,-0.04611,-0.003,-0.01145,-0.09664,0,0.00592,0.0042,-0.04936,-0.00254,0.03001,-0.03075,0.01442,-0.05437,-0.01068,-0.05786,0.06174,0.03452,-0.05579,0.03074,0.0947,-0.09904,0.00651,0.12009,-0.07433,-0.01709,0.00713,0.00897,0.00978,-0.02305,0.04535,0.08664,-0.14718,0.05242,-0.03175,0.07011,-0.04665,0.02058,-0.08868,-0.03419,-0.06613,0.01088,-0.03832,-0.06456,0.06375,0.00589,-0.08022,-0.01603,-0.00708,-0.02461,-0.02908,-0.02225,-0.03937,0.05394,0.02171,0.06606,0.02457,-0.03164,-0.0207,-0.07966,0.03628,-0.06257,-0.04049,0.08156,0.03319,0.12231,-0.02365,0.00483,0.05065,0.03215,-0.00113,0.0284,-0.00152,0.02098,0.00589,-0.05604,-0.02964,0.0604,0.02643,0.05412,0.00035,-0.0352,0.00821,-0.14166,0.03661,-0.01735,-0.02455,0.00824,-0.02282,0.03244,-0.04039,0.01131,-0.00178,-0.07703,-0.05607,-0.02666,0.02873,0.0381,-0.03124,-0.06778,-0.03075,0,-0.03129,-0.05384,-0.02635,0.04294,-0.07937,0.04964,0.07225,0.00932,0.06957,0.00299,0.02488,0.10698,0.01682,-0.05277,0.0126,0.03994,0.02324,0.01271,0.00477,-0.00149,0.02117,-0.04359,-0.06612,0.04188,-0.04377,0.01248,-0.02073,0.01102,-0.02089,-0.0908,0.01342,0.06813,-0.05214,-0.00558,0.04544,0.02482,-0.03553,0.03921,-0.07271,0.07168,0.03501,0.0437,0.0575,0.03769,0.00077,0.15641,-0.02491,-0.04291,0.01659,0.00641,0.06043,-0.05172,0.0102,-0.05193,-0.09222,0.07958,-0.01027,0.07266,-0.028,-0.01668,0.07983,-0.00159,-0.00227,0.01072,0.01838,0.00315,0.04234,0.00611,0.04561,-0.00036,0.10533,-0.02856,0.01911,0.00473,0.01092,0.01916,0.11963,-0.04076,-0.08532,-0.01929,0.03213,0.11526,0.02244,-0.03189,0.04796,0.06197,-0.03798,-0.0343,-0.00608,-0.01665,-0.01412,0.0769,-0.0744,-0.01303,0.00141,0,-0.04697,0.02655,0.00164,-0.03964,-0.02283,-0.02586,0.05594,-0.0085,0.00308,-0.03133,-0.03107,0.0174,0.03523,-0.04213,0.11282,0.109,0.02242,0.07329,-0.04855,-0.04408,0.01976,0.01332,0.02332,0.04646,-0.0444,-0.00172,-0.0305,0.06569,0.09175,-0.01197,0.03073,0.0287,0.01611,-0.00263,-0.06355,0.04307,-0.03688,0.00222,-0.02318,0.04926,0.04135,-0.08832,-0.04249,-0.01046,-0.11393,0.09682,-0.00836,-0.01576,-0.03874,0.05021,-0.01385,0.03682,0.04859,0.07911,0.00286,0.03354,0.05547,0.00951,0.02696,-0.00924,0.08676,0.07375,-0.0146,0.05356],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. With the feature installed, the f-flow host becomes the single tab stop (tabindex=\"0\", role=\"application\", keyboard instructions attached via aria-describedby). DOM focus never moves to the items — arrows drive the SELECTION directly, and the active item is exposed to assistive technology through aria-activedescendant. The selected style is the only visual state; the host's own focus ring is transparent (it is repainted by Windows High Contrast, so forced-colors users keep an indicator). Keyboard map:","excerpt":"With the feature installed, the f-flow host becomes the single tab stop (tabindex=\"0\", role=\"application\", keyboard instructions attached via aria-describedby). DOM focus never moves to the items — arrows drive the SELECTION directly, and the active item is exposed to assistive technology through aria-activedescendant. The selected style is the only visual state; the host's own focus ring is transparent (it is repainted by Windows High Contrast, so forced-colors users keep an indicator). Keyboard map:"},{"chunkId":"/docs/accessibility#5","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.019,-0.09312,-0.01497,0.0513,0.00003,0.03035,0.06885,-0.06708,0.06153,-0.00364,0.07064,-0.00028,0.01554,-0.06559,-0.05009,-0.01538,-0.04607,0.00438,-0.03928,-0.00258,0.02569,-0.06698,0.01267,-0.00768,0.01338,0.02162,-0.00069,-0.04674,-0.0097,-0.07187,-0.03946,0.07723,-0.04016,0.03625,-0.10624,-0.0059,-0.02011,-0.04052,-0.10829,-0.05314,-0.01143,0.01702,0.00187,-0.02542,0.00379,-0.00133,-0.12083,-0.01747,-0.00059,0.07019,-0.04063,0.01062,-0.02385,0.10915,0.01893,0.07737,0.03612,-0.03262,0.03426,0.03943,0.03898,-0.02445,-0.01954,0.01934,0.01191,0.06297,-0.01294,-0.07881,0.0402,-0.02127,0.04516,-0.06687,0.00285,-0.07369,0.02614,-0.02612,0.01569,0.01785,-0.0269,-0.00405,0.00708,0.02732,-0.02903,0.08772,0.0019,0.05549,-0.09761,-0.05381,0.05698,0.04386,-0.05378,0.00218,-0.03732,-0.04636,0.04806,-0.08132,0.0284,-0.02699,-0.07207,0.04143,0.00091,0.04219,-0.02913,0.02027,-0.01381,-0.01814,0.00173,-0.0653,-0.06509,0.0064,-0.01261,-0.02128,0.00248,0.02496,-0.0875,0.04615,0.00032,0.02318,0.10365,0.08515,-0.06546,-0.02083,-0.12826,-0.02599,0.01528,-0.00189,-0.05787,0,0.00342,-0.03581,-0.04561,-0.05162,0.10354,0.00525,0.00941,-0.0105,-0.03262,-0.02094,-0.02993,-0.00834,-0.03092,-0.00276,0.02336,-0.13509,0.01528,0.06897,-0.06666,-0.02141,0.07286,0.02217,-0.04781,-0.04815,0.07201,0.09432,-0.0777,0.07042,0.03179,0.05787,-0.06798,0.05234,-0.07479,-0.04849,-0.03621,-0.01691,-0.02067,-0.03802,0.03445,0.00338,-0.05275,-0.04764,-0.04442,-0.08101,-0.04712,-0.07192,-0.02844,0.03267,0.0436,0.03227,0.07588,-0.03161,-0.02968,-0.08911,-0.00648,-0.09659,-0.06486,0.12079,0.01579,0.18369,-0.02501,0.06872,0.00182,0.0756,0.08825,0.05185,-0.03997,0.00438,0.05568,-0.10999,-0.08148,0.0567,0.06224,0.00959,-0.01104,-0.06378,-0.04193,-0.06308,0.02074,-0.02372,-0.04977,-0.00132,0.0006,0.05382,0.0629,-0.06459,0.03107,-0.09243,-0.06322,-0.01445,0.03075,0.0142,0.04616,-0.04548,-0.02412,0,0.00151,0.027,-0.00883,0.04606,-0.05424,0.00269,0.04719,0.02054,0.03938,-0.05761,-0.02767,0.10587,0.02692,-0.05509,0.0444,0.07624,0.0088,-0.04959,-0.10932,0.03052,0.02009,-0.04194,-0.05943,0.02644,-0.05557,-0.03427,0.07901,0.07874,0.01675,-0.06173,0.0075,0.05338,-0.07891,-0.00659,0.0524,-0.03147,-0.02498,0.08167,-0.03634,0.02203,0.06493,0.03552,0.01017,0.01747,0.02406,0.11684,-0.03271,0.03361,-0.04798,0.02981,0.00351,-0.03145,-0.05254,-0.00845,-0.0736,0.09833,0.07262,0.00939,0.01898,-0.06715,0.07372,-0.05451,0.01526,0.01434,0.13297,-0.0075,0.01067,-0.00612,-0.04181,-0.00655,0.03281,0.05547,0.06417,-0.02532,0.07501,0.00312,0.03873,-0.04278,-0.0147,-0.03973,0.02169,0.08205,0.02904,-0.02155,0.0368,0.08942,-0.07263,0.02723,0.04114,0.05897,-0.06164,-0.05374,0.0236,-0.0077,-0.01561,0,-0.05731,0.02375,-0.07134,0.00419,0.04952,-0.0026,0.01625,0.12266,-0.01078,-0.0563,-0.00777,0.07841,-0.02679,-0.00645,0.07018,0.05179,0.05739,0.00063,-0.04393,-0.00791,-0.03095,-0.03897,0.00366,0.10999,-0.02573,-0.05284,-0.01786,0.07274,0.03668,-0.06789,0.02838,-0.02478,0.02836,0.08415,-0.08393,0.05159,0.02352,0.02799,0.00157,0.08515,0.0149,-0.00633,-0.0603,-0.05348,-0.12929,0.05094,0.02928,-0.0054,-0.01422,0.07937,-0.04361,0.01519,-0.03355,0.00385,0.0007,0.01299,0.02678,-0.07341,-0.01062,0.0207,0.02195,0.08917,-0.00613,0.00181],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. - Tab — enters the flow; Tab again leaves it. Clicking inside the flow also activates the keyboard layer from the clicked item. - Arrow keys — move the selection to the nearest item in that direction. Navigation is spatial (edge-based, so wide and tall nodes resolve correctly) and travels over nodes AND connections — walking a chain reads node → connection → node. The opposite arrow returns to where you came from. - Shift + arrow — extends the selection instead of replacing it. - Ctrl/Cmd + arrow — topology walk: the connection leading that way is selected first, the next press lands on the node at its other end. - Home / End — first / last node. - Ctrl/Cmd + A — select all; Escape — clear the selection (or cancel the active mode). - Space — move the selection: hold it and use arrows (release to drop), or tap to grab and tap again to drop — the second form is for users who cannot hold two keys at once. Shift + arrow moves in coarse steps; Escape reverts. The drop emits fMoveNodes with every moved node; a pointer drag and a keyboard move produce the same event. - C — start a connection. Requires exactly one selected node; the proposal defaults to the nearest connector on another node that is not already connected to the source. Arrows move between connectable targets spatially with the usual preview and snapping, Enter emits fCreateConnection, Escape cancels. Connection rules (fConnectorDisabled, fCanBeConnectedTo, categories, multiplicity) apply exactly as in the drag gesture. - Delete / Backspace — emits fDeleteSelected: FDeleteSelectedEvent (nodeIds, groupIds, connectionIds). In the default stateless mode, remove the items from your data and the flow follows. The optional Managed Flow State plugin handles the removal automatically. Requires fDraggable. - + / - / 0 — zoom in, out and reset (when fZoom is present); the level is announced. f Move Nodes f Create Connection f Connector Disabled f Can Be Connected To f Delete Selected F Delete Selected Event node Ids group Ids connection Ids f Draggable f Zoom","excerpt":"- Tab — enters the flow; Tab again leaves it. Clicking inside the flow also activates the keyboard layer from the clicked item. - Arrow keys — move the selection to the nearest item in that direction. Navigation is spatial (edge-based, so wide and tall nodes resolve correctly) and travels over nodes AND connections — walking a chain reads node → connection → node. The opposite arrow returns to where you came from. - Shift + arrow — extends the selection instead of replacing it. - Ctrl/Cmd + arrow — topology walk: the connection leading that way is selected first, the next press lands on the node at its other end. - Home / End — first / last node. - Ctrl/Cmd + A — select all; Escape — clear the selection (or cancel the active mode). - Space — move the selection: hold it and use arrows (release to drop), or tap to grab and tap again to drop — the second form is for users who cannot hold two keys at once. Shift + arrow moves in coarse steps; Escape reverts. The drop emits fMoveNodes with every moved node; a pointer drag and a keyboard move produce the same event. - C — start a connection. Requires exactly one selected node; the proposal defaults to the nearest connector on another node that is not already connected to the source. Arrows move between connectable targets spatially with the usual preview and snapping, Enter emits fCreateConnection, Escape cancels. Connection rules (fConnectorDisabled, fCanBeConnectedTo, categories, multiplicity) apply exactly as in the drag gesture. - Delete / Backspace — emits fDeleteSelected: FDeleteSelectedEvent (nodeIds, groupIds, connectionIds). In the default stateless mode, remove the items from your data and the flow follows. The optional Managed Flow State plugin handles the removal automatically. Requires fDraggable. - + / - / 0 — zoom in, out and reset (when fZoom is present); the level is announced."},{"chunkId":"/docs/accessibility#6","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.0367,-0.09519,0.00595,-0.07515,-0.02247,0.04226,0.08146,-0.06201,-0.00345,-0.03094,0.0649,0.05992,0.04871,0.00123,-0.01266,-0.08895,0.04958,-0.02294,0.00823,0.02014,-0.02019,-0.0038,-0.03318,0.00185,0.02745,0.01122,-0.01234,-0.01749,0.02783,-0.06326,-0.03998,-0.01512,0.03283,-0.00147,-0.1103,-0.02138,0.05827,-0.04276,-0.11844,-0.02359,-0.10886,-0.04729,0.00154,0.0884,0.02135,-0.09512,-0.06627,-0.01077,-0.01363,0.05816,-0.05278,0.02767,-0.00323,0.00111,0.00689,0.04629,0.02319,0.04034,0.0296,0.04884,-0.02768,0.02122,0.02893,0.03096,0.04182,0.07152,0.01583,-0.14823,-0.01606,-0.07653,-0.02192,-0.03233,0.10494,-0.05667,-0.05895,-0.00411,-0.00388,-0.06126,0.0295,-0.0285,-0.03428,-0.01642,-0.0529,0.04595,0.00052,0.03897,-0.09509,0.00757,0.03311,0.05653,0.01618,-0.06598,-0.01039,0.00186,0.01282,-0.06647,0.07038,-0.04302,-0.06011,0.05857,0.0222,0.06459,-0.0029,-0.01825,-0.03817,-0.03954,0.04825,-0.07676,-0.09522,0.00657,-0.00282,-0.03936,-0.02599,0.01628,-0.0715,0.00497,-0.03543,-0.05497,0.15602,0.00423,-0.04901,-0.0152,-0.07524,-0.01772,0.01642,-0.00455,-0.06487,0,-0.01499,0.0405,-0.0513,-0.01146,-0.00611,-0.02891,-0.04175,-0.02304,-0.00734,-0.10289,0.0322,0.04652,0.00376,-0.01133,0.10188,-0.02774,-0.00907,0.13306,-0.09931,0.00286,0.00057,-0.00774,0.03036,0.03267,-0.00215,0.08415,-0.11245,0.01267,0.03237,0.06212,-0.04539,-0.00871,-0.09364,-0.08269,-0.04668,-0.08606,0.04504,-0.06816,0.04926,0.00112,-0.09441,0.00038,0.0033,-0.07965,-0.0385,0.00858,0.0007,0.06357,0.0388,-0.01605,-0.06063,-0.00787,-0.07082,-0.11264,0.03044,-0.03388,-0.03711,0.06574,0.07341,0.06706,0.01258,0.05036,0.13788,0.00718,0.00167,0.00557,0.02566,0.02144,0.01859,-0.06739,-0.03905,0.00538,0.00822,0.11054,-0.04399,-0.01789,0.03431,-0.07185,0.08199,-0.03272,-0.00845,0.02594,0.05934,0.04573,0.02751,0.00511,-0.00879,-0.07822,-0.05057,-0.01379,-0.04128,0.02749,-0.0629,-0.10188,-0.03748,0,-0.00249,-0.04208,-0.01802,-0.01863,-0.10705,-0.00749,0.00249,-0.01232,0.08564,0.00587,-0.05542,0.09923,0.04976,-0.05787,0.00562,-0.00487,0.0258,0.0072,-0.03732,0.03417,0.01506,-0.07989,-0.07683,0.06308,-0.00944,0.00893,-0.03499,0.04215,-0.04337,-0.03989,-0.00691,0.07372,-0.04027,0.00257,0.04466,0.00113,-0.00696,0.01702,-0.08833,0.06143,0.09598,0.04591,0.06059,0.00728,0.0443,0.11226,-0.01882,-0.01098,0.00195,-0.0229,0.10107,-0.01116,0.04486,-0.05444,-0.08914,0.10576,-0.02003,0.03903,-0.00811,0.01221,0.05348,-0.02893,-0.04262,-0.00815,0.02093,-0.01449,0.03969,-0.0489,-0.00586,-0.02385,0.11914,-0.08,0.04989,0.02376,0.00613,0.07921,0.05054,-0.00013,-0.07425,-0.03011,0.04466,0.10134,0.0208,0.02039,0.09545,0.08971,-0.00348,-0.00415,0.01128,-0.05061,-0.03213,0.05712,-0.04241,0.07012,0.02088,0,0.00934,0.03513,0.02116,-0.02266,-0.02434,-0.02487,0.02938,-0.02915,0.01828,-0.01441,-0.035,-0.07369,-0.00149,0.0041,0.06145,0.11679,0.05962,0.03604,-0.07545,-0.02481,0.05479,0.03524,0.05975,0.02096,-0.02576,0.03748,-0.07045,0.06117,0.07068,-0.0652,0.06238,0.00147,0.01029,-0.0053,-0.00977,0.03253,0.0335,0.03043,0.04864,0.03493,0.02928,-0.11525,-0.05125,0.00505,-0.0823,0.09224,0.01225,-0.04958,-0.05204,0.0309,-0.03795,0.00214,0.03409,0.01503,0.04221,0.07031,0.05407,-0.04049,0.02937,0.03309,0.09212,0.04807,-0.01458,0.01641],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Behavior notes:","excerpt":"Behavior notes:"},{"chunkId":"/docs/accessibility#7","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.00558,-0.07981,0.0027,0.04602,0.03785,0.02575,0.10022,-0.03475,0.01028,0.0098,0.07552,0.05611,0.03172,-0.04994,-0.0323,-0.03299,0.02064,-0.02351,-0.04787,0.00649,0.00096,-0.04199,-0.02731,0.02053,-0.0481,0.04094,-0.02994,-0.07822,0.04439,-0.08241,-0.0982,-0.00093,0.01176,0.02418,-0.14495,0.0125,0.07652,-0.09777,-0.10847,-0.0391,-0.05412,-0.03562,-0.04582,0.05495,0.03531,-0.08423,-0.03736,-0.00874,-0.05509,0.09687,-0.06711,0.03122,-0.00742,0.07236,0.00406,0.04272,-0.02094,0.00835,0.05688,0.02791,-0.01093,-0.01534,-0.00246,0.02347,0.01515,0.07006,0.01325,-0.09777,0.02681,-0.01614,0.05502,-0.07821,0.03216,-0.0306,0.03692,-0.02269,-0.02021,-0.06593,-0.02246,-0.03174,0.01059,0.01539,-0.03364,0.05412,0.01252,0.07285,-0.08867,0.02687,-0.01961,0.06175,-0.03368,-0.01467,0.01545,-0.05766,0.03063,-0.06277,0.06842,-0.02666,-0.03388,0.05564,-0.00161,0.11031,-0.01561,0.0006,-0.06282,-0.0552,0.0698,-0.09325,-0.11285,0.06072,-0.01695,-0.00024,-0.02906,0.01418,-0.0831,-0.02749,-0.00685,-0.04654,0.12732,0.05872,-0.04704,-0.01741,-0.02034,0.02754,0.0221,0.01742,-0.08068,0,-0.0026,-0.00259,-0.05921,0.00493,0.01304,-0.03855,-0.00002,-0.03433,-0.03668,-0.06713,0.01471,0.03425,0.01586,0.02827,0.12786,-0.05792,0.03379,0.05901,-0.06289,-0.05128,0.0254,0.0356,-0.00422,0.0393,0.05397,0.06687,-0.14998,0.02053,0.03729,0.05443,-0.06886,0.0176,-0.05233,-0.04445,-0.03847,0.03482,0.01738,-0.08176,0.05794,-0.04461,-0.09096,-0.03076,0.04637,-0.0879,-0.05003,-0.06777,-0.02999,0.03741,-0.05791,0.00527,-0.00381,-0.01697,-0.02874,-0.09614,-0.04492,-0.03599,-0.06057,0.02451,0.03115,0.14009,0.00066,0.04882,0.10012,0.05292,0.00199,0.06818,-0.01515,0.00354,0.04578,-0.09598,-0.023,-0.00678,0.01461,0.05978,-0.02246,-0.00169,-0.05506,-0.1405,0.07663,0.00311,0.02217,-0.02538,0.02035,0.02257,0.00808,-0.03982,-0.00699,-0.08546,-0.04483,0.00543,0.00494,0.0643,-0.00426,-0.08094,-0.02503,0,0.03958,0.013,-0.03497,0.04753,-0.09187,0.03752,-0.05213,-0.00696,0.06305,-0.095,-0.0673,0.09318,0.06705,-0.04686,-0.02209,0.02489,0.03957,-0.01286,-0.0278,-0.00584,0.0501,-0.09754,-0.04686,0.07015,-0.00939,-0.00837,-0.04115,0.03481,-0.01803,-0.03786,0.05137,0.09009,-0.03843,-0.03956,0.02964,0.02444,-0.05604,0.07418,-0.06359,0.04099,0.10682,0.03964,0.07715,0.01331,0.04187,0.11992,-0.02565,0.01392,-0.04712,0.02678,0.0648,-0.03004,-0.00296,-0.04532,-0.08135,0.10042,0.00253,0.01712,0.00386,-0.02778,0.07689,-0.06637,-0.04388,0.06365,0.02715,-0.07938,0.05676,-0.0052,-0.00704,-0.00514,0.11015,-0.01396,0.05327,-0.05464,0.00097,0.02466,0.02242,-0.02029,-0.05562,-0.04218,0.07017,0.11218,-0.00575,-0.01344,0.02893,0.12038,-0.02395,-0.01476,-0.01532,-0.00323,-0.02513,-0.02688,-0.06889,0.04551,-0.00178,0,0.00228,0.02507,-0.04209,0.01803,0.01962,-0.03554,-0.01133,0.01953,0.03028,-0.00303,0.00507,-0.0189,-0.02676,-0.06007,0.04586,0.12051,0.08172,-0.019,-0.05182,0.0005,0.02195,-0.00627,-0.0232,0.06122,-0.01519,0.00793,-0.02816,0.04351,0.07459,0.01334,0.03855,-0.00232,-0.00638,0.06895,-0.05708,0.00352,0.04919,0.02471,0.02013,0.02454,0.0598,-0.04185,-0.03098,0.00333,-0.1511,0.07435,-0.00181,-0.00125,-0.003,0.0255,0.00334,-0.00423,0.0276,0.04953,0.00954,0.03264,0.0648,0.0194,0.0721,-0.01596,0.0897,-0.00427,-0.0539,0.02606],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. - Native interactive content inside nodes — input, textarea, select, button, links, [contenteditable], and anything with a non-negative tabindex — is never hijacked: keys typed there stay typing, and clicking such content does not steal its focus. - Single-character keys yield to OS shortcuts: Ctrl/Cmd+C stays copy. - Groups are not arrow-navigation stops (their bounding rect would swallow the navigation); they stay pointer-reachable. - fSelectionDisabled nodes are skipped by navigation; fDraggingDisabled nodes cannot be grabbed. - If an item disappears from your data mid-mode (collaboration, refresh), the mode drops it and cancels itself when nothing is left. f Selection Disabled f Dragging Disabled","excerpt":"- Native interactive content inside nodes — input, textarea, select, button, links, [contenteditable], and anything with a non-negative tabindex — is never hijacked: keys typed there stay typing, and clicking such content does not steal its focus. - Single-character keys yield to OS shortcuts: Ctrl/Cmd+C stays copy. - Groups are not arrow-navigation stops (their bounding rect would swallow the navigation); they stay pointer-reachable. - fSelectionDisabled nodes are skipped by navigation; fDraggingDisabled nodes cannot be grabbed. - If an item disappears from your data mid-mode (collaboration, refresh), the mode drops it and cancels itself when nothing is left."},{"chunkId":"/docs/accessibility#8","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.05801,-0.07695,0.0103,-0.02601,-0.01905,0.05743,0.12397,-0.00509,0.03767,-0.02248,0.08666,0.01788,0.05246,-0.01108,-0.05251,-0.02274,0.04879,-0.05423,-0.03549,0.0355,0.01526,-0.01978,-0.00908,0.00413,0.01388,0.01869,-0.01263,-0.0293,0.02073,-0.04453,-0.0831,-0.02467,0.03151,0.00493,-0.0759,0.05193,0.05637,-0.06629,-0.10362,-0.01542,-0.0876,-0.03442,-0.01194,0.04756,0.04398,-0.03261,-0.0679,0.00181,-0.03452,0.08723,-0.03287,-0.0031,-0.01107,0.03544,0.04188,0.03077,-0.01965,0.02206,0.08244,0.02811,-0.01044,0.00191,-0.00374,0.03405,0.02866,0.09912,-0.0105,-0.14095,-0.02189,-0.00621,-0.04062,-0.06243,0.03674,-0.02189,-0.03714,-0.02888,-0.01523,-0.03016,0.02087,-0.0244,-0.04216,-0.01356,-0.01396,0.08999,0.01823,0.08784,-0.0783,0.01244,0.03366,0.0607,-0.02601,-0.11289,0.00809,0.02892,0.00388,-0.04328,0.01042,-0.05258,-0.071,0.04692,0.01103,0.06223,0.03273,-0.04663,-0.03015,-0.01375,0.03,-0.08622,-0.10038,0.02772,-0.04293,-0.03468,0.03543,-0.00167,-0.04691,-0.00041,-0.00734,-0.01847,0.12829,0.0273,-0.00325,-0.03306,-0.07093,0.00942,-0.00751,-0.0053,-0.07571,0,0.03268,0.04732,-0.06296,0.0288,0.02348,0.00309,-0.03733,-0.02063,-0.03485,-0.04644,0.04536,0.04163,0.00271,0.0054,0.08695,-0.05108,0.05925,0.0967,-0.01271,-0.00795,-0.01237,0.0019,0.00002,0.02004,0.06158,0.08666,-0.10771,0.03894,0.01206,0.03862,-0.0351,-0.02109,-0.0925,-0.06152,-0.0403,-0.06116,0.00897,-0.06944,0.0193,-0.01434,-0.09635,-0.03818,-0.05009,-0.09672,-0.00138,-0.05705,-0.04723,0.05534,0.02421,-0.04304,0.01574,0.00256,-0.04074,-0.10992,-0.02497,-0.06877,-0.04872,0.04512,0.00481,0.08302,-0.02841,0.02668,0.14777,0.03573,0.02552,0.00045,-0.05826,-0.02884,-0.01446,-0.09495,-0.06577,-0.03595,0.07903,0.08551,-0.04163,-0.04596,-0.01017,-0.10335,0.07544,-0.03027,-0.04565,0.02381,0.03405,0.07191,0.04598,-0.06643,0.01064,-0.05841,-0.05457,0.00503,-0.05598,-0.00353,-0.04928,-0.05981,-0.04421,0,0.04694,0.01692,-0.06073,0.00174,-0.10803,0.02427,0.03489,0.04456,0.1264,-0.07025,-0.01675,0.09124,0.0322,-0.056,-0.00606,0.04206,-0.00165,0.02558,-0.02242,-0.02008,0.0504,-0.07314,-0.10239,0.09397,-0.06397,0.01941,0.00869,0.04027,-0.07214,-0.03412,-0.01156,0.08423,-0.03788,0.02052,-0.01617,-0.02626,0.00907,-0.00374,-0.03884,0.08283,0.15292,0.05335,0.04832,0.02597,0.01324,0.11383,0.00696,-0.01295,-0.00204,0.00076,0.07958,-0.01218,0.02363,-0.01785,-0.10346,0.08385,-0.01125,-0.00939,0.01278,-0.02073,0.06243,-0.04342,-0.02615,0.03282,0.0356,-0.04512,-0.00798,-0.01927,0.02807,-0.04619,0.12925,-0.09111,0.04854,0.00332,0.03593,0.00472,0.05711,-0.06905,-0.04569,-0.01887,0.03984,0.07657,0.035,0.02955,0.04639,0.1359,-0.03116,0.06391,0.01469,-0.02294,-0.03974,0.04676,0.00291,0.05623,0.01384,0,-0.02307,0.03946,-0.00821,-0.06305,-0.01779,0.01012,-0.00494,-0.00211,0.01446,-0.06253,0.00896,0.00546,-0.07397,-0.05672,0.04361,0.09381,0.02964,0.03798,-0.07123,-0.03527,0.06401,0.02713,0.0094,0.02168,-0.05321,-0.03489,-0.05719,0.08237,0.02839,-0.00933,0.04246,0.0173,0.02446,0.00256,-0.07973,0.05352,0.04313,-0.01991,0.06898,0.06742,0.06368,-0.06885,-0.06969,-0.00847,-0.14232,0.093,0.05701,-0.05946,-0.0495,0.03196,-0.04479,0.01027,0.014,0.02309,0.00456,0.05919,0.03445,0.00005,0.02331,0.04074,0.04484,0.04334,-0.03531,-0.02551],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Configuration - keyboard: false — keeps the keyboard layer off while still customizing messages. - moveStep / coarseMoveStep — the arrow and Shift+arrow movement steps in canvas units. - keys: IFA11yKeys — bindings per action: grab, connect, deleteSelected, selectAll (always with Ctrl/Cmd), zoomIn, zoomOut, zoomReset. Values are KeyboardEvent.key strings; single characters match case-insensitively; an empty array disables the action. Arrows, Enter and Escape are structural and stay fixed. - messages: Partial<IFA11yMessages — every announcement and attached string as a keyed catalog (plain strings and functions), for localization or rewording. The defaults are exported as FDEFAULTA11YMESSAGES. move Step coarse Move Step IFA11y Keys delete Selected select All zoom In zoom Out zoom Reset Keyboard Event IFA11y Messages","excerpt":"Configuration - keyboard: false — keeps the keyboard layer off while still customizing messages. - moveStep / coarseMoveStep — the arrow and Shift+arrow movement steps in canvas units. - keys: IFA11yKeys — bindings per action: grab, connect, deleteSelected, selectAll (always with Ctrl/Cmd), zoomIn, zoomOut, zoomReset. Values are KeyboardEvent.key strings; single characters match case-insensitively; an empty array disables the action. Arrows, Enter and Escape are structural and stay fixed. - messages: Partial<IFA11yMessages — every announcement and attached string as a keyed catalog (plain strings and functions), for localization or rewording. The defaults are exported as FDEFAULTA11YMESSAGES."},{"chunkId":"/docs/accessibility#9","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.05294,-0.12302,-0.00272,-0.04081,-0.01798,0.05423,0.06114,-0.0469,-0.00404,-0.01831,0.06386,0.05146,0.02943,-0.0244,-0.00723,-0.07022,0.06033,-0.04001,-0.01785,0.00269,-0.04039,-0.00805,-0.03416,0.01204,0.0261,0.01904,-0.01026,-0.00565,0.0438,-0.05399,-0.05135,-0.04472,0.0312,-0.01263,-0.11391,0.04375,0.05527,-0.05574,-0.10966,-0.04071,-0.09689,-0.04803,0.00189,0.06697,0.02855,-0.0806,-0.07466,-0.02445,-0.0431,0.05298,-0.04319,0.00882,0.00066,0.0204,-0.00413,0.04627,0.01785,0.0214,0.03758,0.01934,-0.02684,0.03869,0.0311,0.01048,0.02518,0.06908,0.03454,-0.11888,-0.00524,-0.09786,-0.01219,-0.07179,0.09036,-0.05353,-0.05491,-0.04132,-0.00628,-0.03483,0.02796,-0.01661,-0.02433,-0.01491,-0.0606,0.05381,-0.01761,0.06623,-0.08676,0.01438,0.03848,0.07018,0.02767,-0.0515,-0.00479,-0.0216,0.01436,-0.07189,0.0663,-0.00083,-0.04741,0.04871,0.00823,0.06975,-0.03199,-0.01707,-0.03557,-0.04219,0.05771,-0.10904,-0.1017,0.00361,-0.00739,-0.07507,-0.02657,0.03625,-0.05661,0.01198,-0.02729,-0.03168,0.14518,0.03448,-0.05882,-0.02322,-0.05932,0.00246,-0.01772,0.0075,-0.07425,0,0.02554,0.05629,-0.06448,-0.00008,0.02322,-0.02767,-0.04136,-0.00251,-0.0073,-0.09921,0.04245,0.06346,0.00591,0.00677,0.0799,-0.0453,0.01084,0.11403,-0.07728,-0.02646,-0.00519,-0.00085,0.00995,0.05705,0.0239,0.09507,-0.11546,0.01861,0.05629,0.04002,-0.04171,0.0056,-0.11685,-0.08595,-0.03361,-0.06994,0.02627,-0.07129,0.05118,0.01293,-0.08415,-0.01932,-0.01128,-0.11439,-0.02092,-0.00337,0.01475,0.07961,0.03206,-0.02179,-0.02486,-0.00391,-0.07557,-0.11972,0.02315,-0.00831,-0.0159,0.04474,0.0709,0.10918,0.00863,0.05972,0.12264,0.04176,0.01004,0.0266,-0.0073,0.0056,0.01485,-0.06867,-0.05128,-0.0031,0.00473,0.10728,-0.03686,-0.01118,-0.00656,-0.07927,0.06615,-0.01177,-0.03276,0.0132,0.0576,0.06512,0.04366,-0.00842,-0.03719,-0.05093,-0.0303,-0.02635,-0.02395,0.03179,-0.06576,-0.09663,-0.01222,0,-0.01271,-0.03267,-0.03085,-0.01374,-0.09016,-0.00223,0.00029,-0.01384,0.11733,0.00402,-0.03273,0.08057,0.06911,-0.0672,-0.04561,-0.00989,0.02765,-0.00687,-0.04176,0.02923,0.04685,-0.07781,-0.03792,0.0596,-0.01072,-0.00499,-0.05172,0.04767,-0.04779,-0.04563,-0.02441,0.06724,-0.02452,-0.02835,0.04475,0.00875,-0.03541,0.03901,-0.07569,0.05139,0.09065,0.05178,0.08138,0.0212,0.04376,0.16083,-0.05698,-0.0126,-0.00381,-0.01069,0.0981,-0.00493,0.04194,-0.03674,-0.07678,0.10007,-0.00189,0.0336,-0.00197,-0.00693,0.06418,-0.03876,-0.01795,0.0311,0.03772,0.01208,0.01241,-0.07269,0.00038,-0.02419,0.11907,-0.06676,0.05458,0.01087,-0.00598,0.04381,0.04574,-0.02833,-0.04677,-0.04679,0.05476,0.10161,0.03363,-0.01543,0.04289,0.12838,0.00006,-0.00191,0.01928,-0.03812,-0.04264,0.04476,-0.03424,0.05317,0.01242,0,0.00962,0.03424,0.02849,-0.04631,-0.01693,-0.01793,0.03059,-0.01411,0.03671,0.00844,-0.04343,-0.05409,-0.0027,-0.01954,0.07179,0.10033,0.06953,0.06443,-0.06828,-0.02844,0.04727,0.0316,0.06647,0.03859,0.00524,0.0174,-0.05076,0.06445,0.0607,-0.05905,0.05569,-0.02125,0.05608,0.00675,-0.03193,0.03448,0.03518,0.02131,0.0161,0.06431,0.02474,-0.07386,-0.07025,-0.00966,-0.11488,0.08662,0.01704,-0.05673,-0.03742,0.04385,-0.00273,0.0082,0.05235,0.00121,0.00317,0.08581,0.05069,-0.02875,0.00781,0.0042,0.06633,0.0637,-0.00735,0.00173],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Example See the Accessibility example for a working editor with the full keyboard map, custom moveStep, and the delete/move/connect events wired to signals. move Step","excerpt":"Example See the Accessibility example for a working editor with the full keyboard map, custom moveStep, and the delete/move/connect events wired to signals."},{"chunkId":"/docs/f-background-component#0","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.04169,0.05895,-0.0575,-0.04221,0.04823,0.04279,0.04312,0.02786,0.00118,-0.02798,-0.07485,0.0328,-0.06424,-0.00048,0.04759,-0.05864,-0.01034,0.04928,-0.05823,0.04814,-0.08113,-0.09859,0.01522,-0.0757,-0.03691,0.02695,0.07676,-0.03164,0.08043,-0.01626,0.0044,0.0572,0.03852,0.05774,-0.15066,0.0347,-0.00333,0.05122,-0.08645,-0.02482,-0.01844,0.05045,-0.01957,-0.02196,-0.01182,-0.01354,0.03272,-0.02532,0.00841,0.02959,0.04374,-0.13114,-0.04911,0.0467,-0.00006,0.00092,0.08879,0.01109,0.02515,-0.02069,0.01104,0.01916,-0.05558,-0.00086,0.04221,-0.00214,-0.02821,-0.06768,0.02484,-0.05618,-0.00275,-0.00029,0.07951,-0.04164,0.04379,-0.00949,-0.07311,-0.00919,0.02634,-0.04947,0.07108,-0.02215,0.00624,0.07935,0.0108,0.05747,-0.02995,-0.0477,-0.08695,0.05267,-0.05195,0.02257,-0.03785,-0.0813,-0.11267,-0.01034,-0.02244,-0.04283,0.07987,0.00396,0.06986,-0.0627,0.06218,0.01478,0.08191,-0.0167,-0.05276,0.01034,0.00815,-0.03294,-0.05842,0.01408,-0.01089,0.00851,-0.02357,-0.05577,0.05027,-0.04242,0.04485,-0.04689,0.10056,0.10599,0.0343,-0.04473,0.03959,-0.00268,-0.02046,0,0.03005,0.07058,-0.03135,-0.05442,0.0552,-0.03244,0.02239,-0.03727,-0.01109,0.05421,-0.02352,0.02503,-0.05843,0.05821,0.06507,-0.09273,0.04275,-0.03296,0.00128,-0.00976,0.04316,0.01078,0.00232,-0.01563,0.03364,0.0658,-0.00328,0.04389,-0.07014,-0.0096,0.0464,0.04473,0.00151,-0.02013,-0.03043,-0.0288,-0.05579,-0.05737,0.00912,0.0185,-0.01337,-0.06382,-0.06807,0.02294,0.09232,-0.04656,0.03545,0.04174,0.01596,0.05816,0.02453,-0.01635,0.02226,-0.08725,0.02473,0.00294,0.05535,0.02318,0.00419,0.04474,0.06271,-0.00895,-0.05094,0.0544,-0.04308,-0.04704,0.02702,0.01671,-0.12358,0.01433,0.07343,0.05028,0.01235,-0.04006,0.07155,0.00652,-0.03185,-0.01277,-0.0845,-0.05141,-0.12571,0.01193,0.02529,-0.05285,-0.03758,0.08146,0.0511,0.00867,0.00185,-0.08595,-0.0001,-0.05572,-0.00027,-0.03088,0.0025,0,-0.03387,0.06145,-0.03879,0.02943,0.05245,-0.00074,-0.02004,0.02415,-0.01734,0.1086,-0.05668,0.02081,0.07073,-0.00515,-0.0846,0.04755,-0.04412,0.01514,-0.07879,-0.04713,-0.04903,-0.03652,-0.02144,0.03037,-0.02161,-0.01309,0.02978,0.05949,-0.01741,-0.02466,-0.06452,-0.084,0.12162,-0.05497,0.00757,-0.03806,0.02235,-0.01042,-0.06473,-0.05635,-0.07948,0.03651,0.00764,0.03918,-0.05092,0.04158,-0.06892,0.06636,0.0124,0.02513,-0.00278,0.03291,-0.00431,-0.00749,-0.00679,0.03276,0.00429,0.06112,-0.0481,0.04991,0.02833,-0.04455,-0.02977,-0.01482,0.12551,0.06325,-0.10794,-0.0361,0.03704,0.08955,0.11055,0.03657,0.00864,0.07601,0.02973,-0.01903,0.13145,0.01807,0.07804,0.12982,0.03188,-0.04863,0.00613,0.07531,-0.0065,0.01036,-0.08913,0.04753,-0.00836,-0.00192,-0.00506,0.1022,-0.01224,-0.05593,0.0984,0,-0.02541,-0.00163,-0.01824,-0.03979,-0.02368,-0.03557,0.01819,-0.11371,-0.06861,-0.08576,-0.09128,0.00617,-0.0062,-0.00993,0.05096,0.04304,0.00744,0.03095,-0.04245,0.02401,-0.08712,0.03956,-0.10239,0.10874,-0.01106,0.02229,-0.05135,0.03416,0.08425,0.04953,-0.02069,0.04259,-0.01355,-0.03514,-0.0621,0.08343,-0.0375,-0.04933,-0.0612,0.02584,0.07206,-0.07749,0.05819,0.01042,-0.03245,0.04794,0.02243,-0.12243,-0.03617,-0.01994,0.00973,-0.09983,-0.00369,0.07736,0.02018,-0.00905,-0.01072,0.00309,0.04871,-0.00542,-0.03046,0.05504,0.06896,0.05326],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Background Selector: f-background Class: FBackgroundComponent FBackgroundComponent renders an SVG background layer that follows canvas transform. You can plug built-in patterns or provide a custom pattern implementation. F Background Component","excerpt":"Background Selector: f-background Class: FBackgroundComponent FBackgroundComponent renders an SVG background layer that follows canvas transform. You can plug built-in patterns or provide a custom pattern implementation."},{"chunkId":"/docs/f-background-component#1","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.0198,0.0425,-0.04474,-0.03696,0.07927,0.03633,0.00545,0.07793,0.03479,0.00894,-0.05707,0.08467,-0.05775,-0.00137,0.06457,-0.06002,0.02251,0.03949,-0.04867,0.03261,-0.10893,-0.10741,0.03054,-0.07285,-0.03722,0.01522,0.02835,-0.01928,0.11177,-0.03388,-0.02564,0.12344,0.0913,0.0435,-0.1532,0.04304,-0.01,0.03852,-0.11487,-0.03744,-0.04209,0.02646,0.00051,-0.00522,0.00395,-0.04356,0.00523,-0.05243,0.00763,0.04865,0.0137,-0.13049,-0.07588,0.04307,0.01556,0.02308,0.08966,0.01267,0.02692,-0.01095,0.01323,0.01172,-0.0749,0.02044,0.05319,-0.0138,-0.02468,-0.05802,0.00984,-0.06681,-0.00651,0.01775,0.02383,-0.04154,0.03278,0.02422,-0.04751,-0.02346,-0.01156,-0.08399,0.08418,0.00743,-0.02483,0.06183,-0.00251,0.05755,-0.0293,-0.06891,-0.06492,0.04375,-0.00951,0.03503,-0.0505,-0.07857,-0.0998,0.00824,0.00145,-0.03588,0.04111,0.0302,0.07626,-0.0808,0.06826,0.03008,0.06927,-0.0444,-0.02253,0.00432,-0.01492,-0.03175,-0.05562,0.00063,-0.02733,0.01143,-0.04356,-0.07588,0.04534,-0.06319,0.09541,-0.04664,0.07632,0.07628,0.03119,-0.02012,0.03741,-0.03779,-0.04837,0,0.03674,0.10291,-0.03186,-0.03034,0.09001,-0.03509,0.00235,-0.05666,0.04367,0.0591,-0.01502,0.04803,-0.06752,0.07256,0.08971,-0.06991,0.02929,0.03276,-0.03778,0.02148,0.07296,-0.0259,0.02211,-0.00006,0.03764,0.09275,0.01343,0.05434,-0.07391,-0.00235,0.01762,0.0229,-0.01145,0.00319,-0.00952,0.01222,-0.07251,-0.12083,0.00421,0.01641,-0.06029,-0.00094,-0.04106,0.00659,0.10388,-0.03262,-0.00401,0.02725,-0.01269,0.08785,0.03262,0.04659,0.01442,-0.07325,0.0246,-0.01047,0.07109,-0.03561,0.00746,0.08049,0.04323,0.02263,-0.03928,0.045,-0.05642,-0.00585,0.06019,0.02188,-0.08266,-0.00398,0.03206,0.05244,-0.03205,-0.02298,0.04401,-0.03703,-0.01947,-0.055,-0.05532,-0.04252,-0.13963,0.04025,-0.0511,-0.05466,-0.07297,0.03055,0.03989,0.00458,-0.00857,-0.06987,0.02451,-0.03953,0.0175,-0.01468,-0.02747,0,-0.08272,0.03332,-0.05383,0.04402,0.02657,-0.01159,0.00402,-0.00984,-0.00462,0.07289,-0.05208,0.03186,0.05079,0.00895,-0.06798,0.05,-0.04759,-0.01806,-0.08112,-0.07391,-0.00073,-0.0039,-0.01024,0.05307,-0.02744,-0.01619,-0.04044,0.0209,-0.02872,-0.02315,-0.05323,-0.06939,0.08499,-0.06141,0.0199,-0.05331,0.02954,0.02663,-0.05612,-0.03986,-0.03339,0.04389,0.01254,0.03907,-0.08336,0.07118,-0.10159,0.04693,0.04607,0.03629,-0.01446,0.02721,0.01989,-0.04786,-0.01302,0.0041,-0.00429,0.06592,-0.05331,0.04637,0.02001,-0.05195,-0.02385,-0.00806,0.09581,0.0715,-0.06035,-0.0347,0.04718,0.07504,0.10766,0.04939,-0.01156,0.08657,0.0048,0.00857,0.15082,0.01381,0.0482,0.13088,-0.00724,-0.01181,-0.01621,0.0824,-0.03091,0.01487,-0.0783,0.03796,-0.00876,-0.01742,0.00363,0.11248,-0.0037,0.02773,0.05717,0,-0.05138,-0.00391,-0.00534,-0.02618,-0.04598,-0.05981,0.03242,-0.08496,-0.05523,-0.04416,-0.08714,-0.00033,-0.04694,-0.02557,0.07912,0.04487,0.00569,0.02883,-0.05528,0.02645,-0.06387,0.05241,-0.12049,0.0698,-0.00176,0.03343,0.00156,0.06067,0.07445,0.04796,-0.0092,0.0533,0.01598,0.0232,-0.06326,0.03822,-0.00933,-0.03573,-0.05431,0.01845,0.03804,-0.0538,0.04871,-0.00969,-0.03877,0.04106,0.03533,-0.07751,-0.04963,-0.01428,-0.03718,-0.0777,0.00517,0.05321,0.03687,0.01293,0.01646,0.00096,0.0815,0.00342,-0.04015,0.04648,0.05729,0.04128],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Why / Use cases Use f-background to improve spatial orientation in editing surfaces. Typical use cases: - Node alignment with visible grid rhythm. - Visual depth for large canvases. - Branded or domain-specific pattern overlays. Skip it for print-like diagrams where a plain background is preferred.","excerpt":"Why / Use cases Use f-background to improve spatial orientation in editing surfaces. Typical use cases: - Node alignment with visible grid rhythm. - Visual depth for large canvases. - Branded or domain-specific pattern overlays. Skip it for print-like diagrams where a plain background is preferred."},{"chunkId":"/docs/f-background-component#2","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.06189,0.0416,-0.06121,-0.02841,0.04449,0.05836,0.02396,0.03702,-0.01209,-0.03497,-0.05494,0.0448,-0.05803,0.00658,0.04714,-0.04556,-0.00174,0.06865,-0.0479,0.02578,-0.06439,-0.09239,0.0282,-0.06747,-0.00486,0.00612,0.06856,-0.03197,0.10086,-0.02302,0.00463,0.08723,0.04782,0.03475,-0.12695,0.03793,0.00612,0.04638,-0.10311,-0.01618,-0.01298,0.0614,-0.02046,-0.01298,-0.00207,-0.00903,0.03939,-0.01292,-0.02458,0.00403,0.04911,-0.13149,-0.0343,0.07504,0.00042,0.02198,0.0827,0.02778,0.03402,-0.00623,0.003,0.00307,-0.07024,0.00072,0.04306,-0.00449,-0.02894,-0.08038,-0.00181,-0.07061,-0.04535,0.01204,0.07228,-0.05924,0.05221,0.00275,-0.06108,-0.01486,0.03751,-0.05485,0.08836,-0.00052,-0.00094,0.06674,0.02785,0.054,-0.02455,-0.0409,-0.07481,0.05854,-0.04529,-0.0016,-0.05692,-0.0629,-0.10793,-0.00021,-0.0119,-0.03943,0.07941,0.02383,0.06765,-0.06066,0.0768,0.01664,0.06384,-0.02434,-0.04519,0.04564,0.00215,-0.01638,-0.04168,0.00852,0.00521,0.012,-0.01985,-0.04982,0.05054,-0.02922,0.06307,-0.05866,0.08109,0.0977,0.04868,-0.02921,0.03328,-0.01566,-0.03741,0,0.00601,0.07538,-0.02944,-0.02179,0.04761,-0.03646,0.01655,-0.03191,0.02131,0.03593,-0.01898,0.04614,-0.0599,0.06958,0.06714,-0.10182,0.02334,0.03131,-0.0299,0.02645,0.07352,0.02524,0.00884,-0.03658,0.0403,0.08213,0.01043,0.06516,-0.0815,-0.01405,0.03787,0.04681,-0.0113,0.00469,-0.01269,-0.02392,-0.05828,-0.09234,0.00405,0.02858,0.01522,-0.03324,-0.06768,-0.01303,0.05511,-0.04892,0.04161,0.05359,0.0251,0.05307,0.03113,0.01948,-0.00317,-0.08541,0.03225,-0.00876,0.02263,-0.01647,0.02387,0.04748,0.06314,0.01532,-0.05755,0.02376,-0.08318,-0.05215,0.04175,0.01617,-0.1065,0.03347,0.06456,0.06311,-0.01522,-0.05157,0.07173,-0.00781,-0.04468,-0.00004,-0.08002,-0.03511,-0.13711,0.04389,0.00536,-0.05469,-0.03771,0.05099,0.04751,0.00582,-0.02094,-0.08464,0.01536,-0.06569,-0.02726,-0.02802,-0.01737,0,-0.06088,0.05339,-0.04965,0.0173,0.01618,-0.02721,-0.02745,0.03045,-0.02567,0.08503,-0.06827,0.02558,0.05979,0.01563,-0.07229,0.04851,-0.03569,-0.0047,-0.10002,-0.08624,-0.01932,0.00689,-0.01306,0.01947,-0.04574,-0.00402,0.02348,0.07644,0.00187,-0.02111,-0.06145,-0.10215,0.0689,-0.05925,-0.00486,-0.04509,-0.00016,0.01945,-0.05304,-0.06082,-0.04896,0.03576,-0.00793,0.0534,-0.05431,0.02466,-0.04215,0.06019,0.02845,0.01911,0.00023,0.03939,0.0156,-0.00496,-0.04123,0.01913,-0.00246,0.04456,-0.05148,0.05856,0.01239,-0.0573,-0.0035,0.00832,0.13537,0.08452,-0.07985,-0.05245,0.05935,0.09362,0.13791,0.05271,0.02093,0.08097,0.02673,-0.021,0.12934,0.03895,0.07006,0.12089,0.01856,-0.04641,0.01205,0.07288,-0.00567,-0.00375,-0.07277,0.06317,-0.00699,0.00915,-0.01092,0.12233,-0.02718,-0.01359,0.09053,0,-0.04826,-0.01496,-0.03807,-0.03756,-0.05213,-0.05605,0.02121,-0.1043,-0.07555,-0.07857,-0.06992,-0.01619,0.00224,-0.00484,0.05856,0.03084,0.02006,0.05944,-0.05831,0.01522,-0.07567,0.0457,-0.08889,0.09931,0.0077,0.01497,-0.03537,0.06156,0.08953,0.05605,-0.00715,0.05352,-0.00966,-0.04034,-0.07855,0.06836,-0.02464,-0.04382,-0.03867,0.02514,0.05776,-0.07922,0.05831,0.01523,-0.02133,0.05406,0.02412,-0.10992,-0.033,-0.01611,0.02382,-0.08325,-0.00676,0.06873,0.02425,-0.01548,0.0109,-0.00591,0.08023,0.00811,-0.04169,0.04695,0.06989,0.05024],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. How it works f-background registers as a plugin and receives canvas transform updates. The projected pattern component recalculates SVG pattern attributes (x/y/width/height and shape geometry) from that transform.","excerpt":"How it works f-background registers as a plugin and receives canvas transform updates. The projected pattern component recalculates SVG pattern attributes (x/y/width/height and shape geometry) from that transform."},{"chunkId":"/docs/f-background-component#3","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.05359,0.02917,-0.04845,-0.02865,0.06081,0.04107,0.02178,0.04841,-0.02083,-0.02115,-0.06675,0.04329,-0.05555,0.00174,0.03503,-0.03343,0.00496,0.06458,-0.05308,0.05549,-0.09456,-0.11184,0.02279,-0.07454,-0.00373,0.01359,0.04975,-0.04413,0.10088,-0.01607,-0.00034,0.07359,0.05884,0.04796,-0.13014,0.0432,-0.00807,0.02879,-0.10762,-0.01036,-0.02542,0.07723,-0.01424,-0.02626,-0.00882,-0.03403,0.02732,-0.03326,0.00585,0.03283,0.02061,-0.15029,-0.05862,0.04197,0.00846,0.00342,0.07288,0.01053,0.02815,-0.01071,0.03797,0.00233,-0.06436,0.01503,0.05076,-0.00319,-0.02278,-0.08146,0.02036,-0.07245,-0.03867,-0.0037,0.07884,-0.04301,0.04305,0.01172,-0.04596,-0.02752,0.01142,-0.06777,0.05994,-0.02597,-0.02767,0.08623,0.01276,0.06384,-0.01825,-0.01715,-0.06465,0.0383,-0.04692,0.0223,-0.05024,-0.06591,-0.11711,-0.01042,-0.00994,-0.0543,0.04934,0.02443,0.07173,-0.07514,0.06318,0.02267,0.09278,-0.01718,-0.02203,0.01949,0.01369,-0.00292,-0.05651,0.01288,-0.00996,0.01266,-0.02221,-0.04492,0.05498,-0.04622,0.099,-0.04969,0.10144,0.09456,0.05339,-0.05158,0.04888,-0.02782,-0.02778,0,0.02443,0.07373,-0.01667,-0.03645,0.06887,-0.04676,0.00569,-0.04771,-0.01012,0.02187,-0.01951,0.04272,-0.0631,0.0787,0.0771,-0.10202,0.00704,0.0051,0.013,0.01392,0.051,-0.01684,0.0127,-0.01504,0.02177,0.0798,0.00848,0.05391,-0.06298,-0.00057,0.0363,0.04861,-0.01705,0.00606,-0.01659,-0.03082,-0.07731,-0.09525,0.00035,0.02692,-0.02503,-0.03672,-0.07323,-0.00038,0.0716,-0.04538,0.03246,0.06467,0.00718,0.05351,0.01446,0.01708,0.02044,-0.09661,0.01379,-0.02677,0.04977,0.01309,0.01465,0.05936,0.05906,0.01086,-0.03525,0.04406,-0.04553,-0.03504,0.03238,0.03001,-0.10986,0.01697,0.06611,0.05711,0.01269,-0.04341,0.05471,-0.02391,-0.02379,-0.01688,-0.07617,-0.05613,-0.15103,0.01017,0.00108,-0.05264,-0.0564,0.06054,0.05976,0.00221,-0.01769,-0.08043,-0.0162,-0.06425,0.00873,-0.03811,-0.03404,0,-0.04931,0.0368,-0.05496,0.03677,0.05665,-0.00617,-0.0159,0.0563,-0.015,0.09399,-0.05067,0.03052,0.0554,0.01329,-0.06856,0.04516,-0.02011,-0.00678,-0.07239,-0.06818,-0.02846,-0.00196,-0.02667,0.03827,-0.04298,-0.00079,0.00786,0.04628,-0.05486,-0.03361,-0.06053,-0.08259,0.08595,-0.06177,0.00133,-0.01525,0.02725,0.01577,-0.08225,-0.05078,-0.03785,0.0253,0.00377,0.03362,-0.04846,0.03351,-0.09539,0.06913,0.01185,0.03365,0.00139,0.0417,0.02125,-0.02334,-0.00831,0.02435,0.01794,0.05237,-0.04333,0.0482,0.0129,-0.05894,-0.04114,-0.00255,0.12233,0.0939,-0.11095,-0.04348,0.02706,0.08828,0.11344,0.03495,0.01941,0.07968,0.02192,-0.00764,0.13559,0.02676,0.07383,0.11084,0.02857,-0.04606,0.02304,0.07788,0.01212,0.00958,-0.08231,0.04216,-0.00768,0.01834,-0.01076,0.12233,-0.02405,-0.01481,0.09705,0,-0.02369,0.01616,-0.04101,-0.03736,-0.03776,-0.0465,0.01673,-0.09542,-0.05129,-0.06446,-0.05949,-0.02397,-0.01085,0.01542,0.06836,0.03436,0.00258,0.05013,-0.05534,0.02552,-0.07955,0.05639,-0.08895,0.07948,-0.00303,0.03013,-0.02804,0.0524,0.09523,0.03508,-0.01535,0.05629,-0.00023,-0.03526,-0.06499,0.08134,-0.03582,-0.03858,-0.05369,0.03651,0.06412,-0.06423,0.05523,0.00235,-0.00404,0.06155,0.01529,-0.11741,-0.01385,-0.01005,0.00036,-0.08978,-0.01008,0.06242,0.03308,-0.01745,-0.00634,0.01693,0.05397,0.00704,-0.02165,0.04058,0.07386,0.07372],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. API","excerpt":"API"},{"chunkId":"/docs/f-background-component#4","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.02415,0.03587,-0.08788,-0.01412,0.06081,0.03997,0.02215,0.01118,0.00629,-0.04952,-0.04713,0.02658,-0.04923,-0.00828,0.01216,-0.04178,0.00453,0.02186,-0.03573,0.05263,-0.09617,-0.11448,0.0324,-0.06954,-0.00679,0.03032,0.04352,-0.04388,0.08992,-0.03323,-0.0016,0.08778,0.07025,0.06241,-0.1251,0.02019,0.00168,0.04984,-0.11063,-0.0189,-0.04341,0.05161,-0.01113,-0.04571,-0.0202,-0.01516,0.01759,-0.0593,0.00272,0.01907,0.03578,-0.10842,-0.06995,0.06446,0.00837,-0.00372,0.08184,0.01087,0.01555,-0.02335,0.00663,0.01106,-0.04883,0.0115,0.0603,0.00673,-0.03091,-0.0797,0.00363,-0.04498,-0.02336,-0.00008,0.06055,-0.06487,0.07587,-0.00102,-0.05479,-0.02408,0.02021,-0.03002,0.05513,-0.03528,-0.02947,0.08996,0.01258,0.07256,-0.0298,-0.02331,-0.05928,0.05377,-0.08618,0.0356,-0.04521,-0.05638,-0.12297,-0.01037,-0.02246,-0.04965,0.03996,0.02749,0.07506,-0.07666,0.08029,0.04283,0.09137,0.00201,-0.02802,0.01373,0.01097,-0.02786,-0.04504,0.00393,-0.00365,0.03437,-0.05048,-0.04543,0.07218,-0.0413,0.07815,-0.03077,0.10523,0.08,0.03457,-0.03691,0.02783,-0.017,-0.01663,0,0.02679,0.06664,-0.01738,-0.07077,0.0807,-0.02768,0.00376,-0.04328,0.00989,0.04311,-0.02456,0.03986,-0.0492,0.04918,0.09872,-0.08129,0.03566,0.00346,-0.01326,-0.01041,0.06648,-0.00057,-0.01145,-0.0324,0.0345,0.06179,0.00033,0.03906,-0.0865,-0.01394,0.01898,0.06096,0.01388,-0.00339,-0.017,-0.04172,-0.07223,-0.06951,-0.00176,0.02081,-0.05204,-0.06936,-0.06921,-0.00506,0.07798,-0.04666,0.03534,0.05794,-0.01117,0.06615,0.01399,0.01681,0.02667,-0.09574,0.00595,-0.01917,0.05688,0.01973,-0.0016,0.03826,0.0511,0.0086,-0.05304,0.03422,-0.07201,-0.02757,0.02728,0.00101,-0.09787,0.00898,0.05943,0.06012,0.01493,-0.04921,0.0573,-0.01975,-0.04321,-0.03672,-0.06346,-0.04241,-0.10991,0.02331,0.00693,-0.03821,-0.0232,0.06594,0.04823,-0.00431,0.00632,-0.09072,-0.02069,-0.06253,-0.00494,-0.06072,-0.02344,0,-0.03955,0.06035,-0.05313,0.03864,0.04501,0.00866,0.00469,0.05225,0.01466,0.08977,-0.02757,0.03453,0.05431,-0.00547,-0.05952,0.04566,-0.05166,0.0123,-0.08819,-0.03998,-0.01029,-0.00868,-0.0418,0.06614,-0.04743,-0.01054,0.03104,0.0657,-0.03957,-0.02511,-0.05144,-0.06218,0.09548,-0.08889,0.0036,-0.02367,0.02625,0.0289,-0.0739,-0.04883,-0.05154,0.05933,0.0061,0.03795,-0.06462,0.04388,-0.0924,0.06322,0.02119,0.01836,-0.01424,0.03335,-0.0017,-0.01437,-0.02115,0.01727,0.0129,0.06131,-0.02665,0.05657,0.0412,-0.05462,-0.06146,-0.00168,0.11847,0.08737,-0.10085,-0.00435,0.05337,0.08964,0.12544,0.03505,0.023,0.05752,0.00979,0.00775,0.12557,0.00216,0.06542,0.10993,0.03457,-0.03073,0.00918,0.08666,0.01162,-0.00372,-0.09031,0.04025,-0.00521,0.01782,-0.02244,0.11945,0.00117,-0.03165,0.08914,0,-0.02405,0.00527,-0.04806,-0.02725,-0.03174,-0.03411,0.03301,-0.12535,-0.04722,-0.07965,-0.07423,-0.00683,-0.02327,-0.0033,0.07227,0.04579,0.00763,0.02811,-0.05915,0.01807,-0.07326,0.05135,-0.10484,0.09342,-0.01353,0.01314,-0.02713,0.04873,0.1081,0.03942,-0.02098,0.0594,-0.01003,-0.03206,-0.07599,0.09858,-0.03133,-0.02826,-0.06955,0.01871,0.05141,-0.05897,0.04111,-0.01004,-0.03692,0.05241,0.02081,-0.1252,-0.02579,-0.00567,0.01613,-0.06222,-0.03302,0.07025,0.03942,-0.03481,0.01145,0.02695,0.04272,0.00961,-0.00634,0.0324,0.07701,0.06489],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. FBackgroundComponent (f-background) - Inputs: none - Outputs: none F Background Component","excerpt":"FBackgroundComponent (f-background) - Inputs: none - Outputs: none"},{"chunkId":"/docs/f-background-component#5","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.02741,0.0432,-0.08488,-0.0261,0.06488,0.04896,0.05721,0.04471,0.01734,-0.06659,-0.07808,0.0321,-0.03006,-0.00202,0.05644,-0.03113,-0.02945,0.03901,-0.04544,0.01166,-0.08481,-0.1328,0.03251,-0.05792,-0.06825,0.03739,0.06434,-0.04093,0.07719,-0.05311,0.01124,0.09626,0.08387,0.02417,-0.11478,0.00182,-0.01241,0.04309,-0.08364,-0.02978,-0.01868,0.04454,0.01479,-0.02655,-0.00742,-0.02933,0.00411,0.00674,0.00637,0.04905,0.02621,-0.11927,-0.05132,0.04964,0.0492,0.00984,0.07877,0.00535,0.06295,-0.01215,0.04716,-0.0092,-0.0286,-0.00125,0.03319,-0.01203,-0.01135,-0.10254,0.03127,-0.06361,-0.00811,0.00817,0.07326,-0.07194,0.06204,0.05027,-0.08515,0.00364,-0.01858,-0.06336,0.05488,-0.02518,0.004,0.06062,0.05572,0.08239,-0.03231,-0.05457,-0.07268,0.06773,-0.05788,0.05777,-0.06666,-0.0706,-0.12933,-0.01873,-0.03082,-0.07295,0.04007,0.04071,0.05319,-0.07643,0.05568,0.04133,0.06914,-0.01465,-0.03609,0.01296,0.01406,-0.0311,-0.04,0.00628,0.00046,0.04969,-0.02692,-0.00726,0.06622,-0.01282,0.09032,-0.02009,0.10709,0.07861,-0.02532,-0.0451,0.01728,-0.01815,-0.03709,0,0.02405,0.10096,-0.02506,-0.07015,0.03103,-0.06436,-0.0037,-0.03344,0.01873,0.03181,-0.03262,0.0368,-0.06531,0.03676,0.07174,-0.08491,0.01293,-0.01753,-0.03792,-0.02133,0.02755,-0.00778,-0.01346,-0.02196,0.02367,0.09546,0.00914,0.05289,-0.03294,-0.00455,0.03399,0.01552,0.00942,0.02555,-0.02584,-0.01622,-0.0506,-0.05335,-0.02605,0.03014,-0.01146,-0.03681,-0.07261,0.04171,0.07351,-0.02739,0.03505,0.02681,0.02022,0.04168,-0.01643,0.01751,-0.0054,-0.12162,0.03447,-0.04668,0.04044,0.0193,0.00885,0.05128,0.07431,0.0195,-0.04256,0.02555,-0.03786,-0.01449,-0.00426,0.00116,-0.10086,-0.00414,0.08182,0.07974,0.01808,-0.03518,0.0556,-0.00354,-0.03492,-0.03099,-0.0548,-0.04515,-0.14189,0.03209,0.00411,-0.04918,-0.04188,0.06305,0.05554,-0.01125,-0.01676,-0.08741,-0.00566,-0.04471,0.03184,-0.0272,-0.03335,0,-0.04228,0.04559,-0.03019,0.04104,0.07515,-0.00015,-0.02253,0.05481,-0.03241,0.0702,-0.05881,0.03223,0.04411,0.01073,-0.05942,0.0432,-0.04006,0.01534,-0.06725,-0.02459,-0.0463,0.01838,-0.02363,0.06946,-0.05049,0.02183,0.03807,0.02241,-0.03383,-0.01015,-0.11197,-0.0843,0.09306,-0.04069,0.03337,-0.05782,0.02839,-0.00843,-0.0796,-0.01431,-0.07791,0.03154,-0.01543,0.03926,-0.05293,0.0209,-0.03977,0.06509,-0.00634,0.04317,0.00745,0.03022,0.00529,-0.02795,0.00595,0.04764,0.00627,0.08494,-0.02726,0.0725,-0.00635,-0.05071,-0.06183,0.0137,0.14137,0.08763,-0.05377,-0.01957,0.03443,0.09371,0.10661,0.04751,0.01469,0.07694,0.00051,-0.02374,0.14424,0.01546,0.06905,0.11417,0.00177,-0.00143,0.01996,0.06089,0.0115,0.00154,-0.06022,0.02219,0.00816,0.02967,0.003,0.12412,-0.00047,-0.04503,0.11565,0,-0.01966,0.01964,-0.05329,-0.01863,0.00972,-0.0723,-0.00184,-0.12188,-0.06478,-0.0956,-0.07652,0.01535,-0.01193,-0.00602,0.04,0.01985,0.01276,0.05073,-0.05095,0.04592,-0.06747,0.05284,-0.09315,0.03532,-0.05,0.00874,-0.0479,0.03595,0.08863,0.01875,-0.02364,0.03111,-0.01405,-0.02001,-0.07965,0.02941,-0.04819,-0.03901,-0.07425,0.01685,0.05379,-0.06093,0.03807,-0.01466,-0.01059,0.03956,0.01791,-0.11657,-0.04936,0.0013,-0.0208,-0.09431,0.00538,0.06066,0.04451,-0.02927,0.01431,0.05072,0.00664,0.01108,-0.02833,0.02922,0.07318,0.04028],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. FCirclePatternComponent (f-circle-pattern) Selector: f-circle-pattern - id: InputSignal<string; Default: f-pattern-${uniqueId++}. - color: InputSignal<string; Default: rgba(0,0,0,0.1). - radius: InputSignal<number; Default: 20. F Circle Pattern Component Input Signal unique Id","excerpt":"FCirclePatternComponent (f-circle-pattern) Selector: f-circle-pattern - id: InputSignal<string; Default: f-pattern-${uniqueId++}. - color: InputSignal<string; Default: rgba(0,0,0,0.1). - radius: InputSignal<number; Default: 20."},{"chunkId":"/docs/f-background-component#6","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.0402,0.01555,-0.04116,-0.05195,0.05017,0.06763,0.03143,0.03263,0.034,-0.06474,-0.0678,0.01959,-0.04999,-0.02808,0.01496,-0.0446,-0.00716,0.0472,-0.04601,0.02138,-0.07167,-0.13159,0.03445,-0.06546,-0.04718,0.05616,0.06675,-0.02014,0.10701,-0.04676,0.01389,0.08865,0.08869,0.03663,-0.15185,-0.00006,0.00293,-0.00049,-0.13565,-0.01263,-0.02883,0.05788,-0.01499,-0.00146,0.02148,-0.0294,0.01924,-0.01944,-0.01158,0.01519,0.02955,-0.10771,-0.03036,0.07904,-0.02027,0.03807,0.07102,0.01268,0.09161,-0.00963,0.03429,0.02189,-0.0424,-0.01838,0.02222,0.00791,0.00256,-0.09151,0.0274,-0.03396,-0.03725,-0.00607,0.07974,-0.07159,0.04934,0.00904,-0.08042,-0.02703,-0.00261,-0.04629,0.08461,-0.03517,-0.02636,0.08818,0.05658,0.07698,-0.0047,-0.05547,-0.03542,0.05573,-0.07714,0.0292,-0.06715,-0.07,-0.1089,-0.03213,-0.02258,-0.05929,0.06753,0.01976,0.06705,-0.08556,0.05708,0.03811,0.06817,0.00691,-0.04014,0.03242,0.03401,-0.0352,-0.04089,0.01308,-0.00245,0.03351,0.00326,-0.00384,0.05492,-0.02983,0.09948,-0.03347,0.08956,0.07476,-0.03843,-0.06702,0.00867,-0.03428,-0.03316,0,0.02938,0.08128,-0.02718,-0.05751,0.04331,-0.01651,-0.03033,-0.01481,-0.0092,0.03456,-0.00381,0.02002,-0.07648,0.05118,0.08261,-0.08518,0.01124,0.01245,-0.07597,-0.02445,0.0128,-0.00363,-0.02425,-0.00823,0.00725,0.05809,0.00378,0.07475,-0.04234,-0.03804,0.04607,0.0435,0.00998,0.00044,-0.04928,0.00696,-0.02322,-0.03294,0.00415,0.03518,-0.02373,0.01068,-0.05619,0.01511,0.08959,-0.03693,0.03211,0.02336,0.01014,0.02577,-0.0185,0.03449,-0.02011,-0.11775,0.0105,-0.04862,0.05066,0.05875,0.00888,0.04239,0.03952,0.01818,-0.01029,0.04142,-0.04417,-0.01787,0.00839,0.01356,-0.11718,0.01075,0.05769,0.09694,0.02841,-0.07221,0.0733,-0.03799,-0.05613,-0.02365,-0.05739,-0.052,-0.14841,0.05045,0.04607,-0.04561,-0.05342,0.06131,0.04897,-0.02419,-0.02007,-0.0848,-0.02237,-0.06961,0.04036,-0.07298,-0.0382,0,-0.02355,0.06683,-0.02214,0.04957,0.03914,0.00143,-0.01635,0.09158,-0.00121,0.02506,-0.00795,0.05097,0.03856,-0.00733,-0.0544,0.04985,-0.06551,0.0064,-0.07882,-0.05598,0.00729,-0.0019,-0.02482,0.06429,-0.05131,0.00227,0.05527,0.0614,-0.01797,-0.04771,-0.07419,-0.07123,0.06711,-0.02964,0.02753,-0.04916,-0.00269,0.0027,-0.07439,0.0238,-0.05091,0.03135,-0.019,0.03562,-0.05593,0.02727,-0.03753,0.06568,0.01741,0.00917,0.00373,0.03024,-0.01482,-0.01809,-0.00512,0.05034,-0.03662,0.0568,-0.02547,0.05128,0.02851,-0.02478,-0.0734,-0.01804,0.11526,0.09192,-0.06327,-0.03481,0.06169,0.05955,0.09872,0.03668,0.02998,0.06133,-0.01112,-0.05327,0.14119,-0.00274,0.054,0.10242,-0.01351,-0.02215,0.05386,0.05909,0.02445,0.0584,-0.08235,0.0353,0.0305,0.04754,-0.0187,0.11015,0.018,-0.05944,0.10994,0,-0.02271,0.0112,-0.07381,-0.01994,-0.03396,-0.04713,0.02224,-0.1126,-0.05599,-0.09025,-0.07838,-0.0003,-0.02624,0.00543,0.08009,0.04452,0.00873,0.03372,-0.06046,0.03493,-0.05415,0.05276,-0.0634,0.06289,-0.05309,0.03408,-0.0565,0.05563,0.07876,0.0279,-0.0088,0.04449,0.02216,-0.00729,-0.05176,0.04146,-0.04448,-0.01151,-0.04458,-0.01004,0.0549,-0.11007,0.02472,0.01236,-0.02595,0.03514,0.05021,-0.11046,-0.02721,0.00829,-0.01143,-0.08067,-0.01255,0.05894,0.05064,-0.05304,-0.00461,0.04828,0.01878,0.00053,-0.0315,0.0104,0.03228,0.04094],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. FRectPatternComponent (f-rect-pattern) Selector: f-rect-pattern - id: InputSignal<string; Default: f-pattern-${uniqueId++}. - vColor: InputSignal<string; Default: rgba(0,0,0,0.1). - hColor: InputSignal<string; Default: rgba(0,0,0,0.1). - vSize: InputSignal<number; Default: 20. - hSize: InputSignal<number; Default: 20. F Rect Pattern Component Input Signal unique Id v Color h Color v Size h Size","excerpt":"FRectPatternComponent (f-rect-pattern) Selector: f-rect-pattern - id: InputSignal<string; Default: f-pattern-${uniqueId++}. - vColor: InputSignal<string; Default: rgba(0,0,0,0.1). - hColor: InputSignal<string; Default: rgba(0,0,0,0.1). - vSize: InputSignal<number; Default: 20. - hSize: InputSignal<number; Default: 20."},{"chunkId":"/docs/f-background-component#7","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.05949,0.04136,-0.05169,-0.04585,0.03002,0.04499,0.02573,0.06081,-0.03337,-0.01798,-0.044,0.01214,-0.05181,0.0037,0.05108,-0.06047,0.014,0.07387,-0.0529,0.04449,-0.06499,-0.09844,0.01278,-0.068,-0.00397,0.01472,0.05206,-0.0669,0.09174,-0.03807,-0.0025,0.07948,0.06133,0.04148,-0.11447,0.05317,-0.00667,0.0126,-0.08798,-0.02601,-0.02043,0.05547,-0.0105,-0.01723,0.00712,-0.0252,0.03477,-0.01915,-0.00443,0.00822,0.04201,-0.12374,-0.05762,0.05665,-0.01286,-0.00128,0.07008,0.01037,0.03745,-0.0217,0.04409,0.01092,-0.06274,0.00208,0.03943,0.00446,-0.02292,-0.07385,0.03118,-0.05543,-0.05645,-0.01407,0.0786,-0.06442,0.04524,-0.01607,-0.06519,-0.03099,0.01144,-0.08658,0.08335,-0.00843,-0.0074,0.08157,0.00708,0.05514,-0.03242,-0.0256,-0.0607,0.05238,-0.04356,0.0114,-0.04499,-0.08666,-0.10899,-0.02678,-0.04127,-0.06404,0.06942,0.04644,0.05638,-0.08168,0.06578,0.0288,0.0694,-0.01637,-0.01416,0.01188,0.02508,-0.01086,-0.06107,0.00695,0.00288,-0.01166,-0.00158,-0.03094,0.06514,-0.04873,0.07372,-0.03238,0.0979,0.07729,0.03644,-0.03792,0.03066,-0.01661,-0.00912,0,0.02205,0.07741,-0.0375,-0.03676,0.06912,-0.03349,-0.00875,-0.03004,-0.01877,0.02394,-0.01382,0.03313,-0.06704,0.08772,0.06167,-0.09692,0.0217,0.0026,0.02773,0.00025,0.04598,0.00357,-0.00073,-0.00833,0.03531,0.06369,0.0231,0.04423,-0.05602,-0.00469,0.04104,0.02939,0.00451,-0.01235,-0.01624,-0.03638,-0.05881,-0.08689,-0.00207,0.01174,-0.03199,-0.04012,-0.09983,0.01021,0.09442,-0.02503,0.05894,0.04927,0.01195,0.0528,0.00648,0.02449,-0.01651,-0.10601,0.01322,-0.01957,0.04205,0.02223,0.02587,0.05343,0.06289,0.00205,-0.03923,0.04246,-0.03934,-0.06092,0.0112,0.01192,-0.11054,0.0038,0.0425,0.07383,0.00331,-0.02765,0.04627,-0.00376,-0.03109,-0.01049,-0.09468,-0.07161,-0.15085,0.04223,0.02076,-0.0495,-0.05382,0.07773,0.07981,-0.0176,-0.01996,-0.07121,-0.01753,-0.06704,-0.01031,-0.0284,0.00075,0,-0.03138,0.04165,-0.06549,0.02708,0.05017,-0.00703,-0.00622,0.05348,-0.00453,0.11199,-0.05747,0.03283,0.05259,0.00019,-0.06522,0.03018,-0.03578,-0.02186,-0.08671,-0.03324,-0.03728,0.00151,-0.04137,0.03812,-0.05066,0.00862,-0.01498,0.06605,-0.04187,-0.02272,-0.08313,-0.09555,0.09212,-0.0524,-0.00934,-0.01333,0.00619,0.01963,-0.11037,-0.04292,-0.04349,0.02456,-0.01228,0.02798,-0.0359,0.03154,-0.0875,0.04885,0.00236,0.02109,0.02573,0.04687,-0.00503,-0.01448,0.00781,0.03701,0.02061,0.05901,-0.04667,0.05233,0.01964,-0.06959,-0.02641,-0.01024,0.13901,0.07077,-0.10105,-0.05273,0.03329,0.0981,0.11773,0.01232,0.00855,0.08539,0.02904,-0.02326,0.14468,0.00438,0.07274,0.11705,0.00787,-0.05931,0.03147,0.06968,0.00494,0.00483,-0.04972,0.05252,0.0043,0.02588,-0.03233,0.11127,-0.02067,-0.03862,0.08818,0,-0.05236,-0.0036,-0.02766,-0.03577,-0.03848,-0.04186,0.02445,-0.08632,-0.0473,-0.07045,-0.07768,-0.029,-0.0161,0.01723,0.06249,0.02599,-0.0011,0.04084,-0.06122,0.02058,-0.1032,0.06126,-0.09081,0.05607,-0.00103,0.02711,-0.03189,0.07413,0.09269,0.05528,0.01066,0.06336,-0.00186,-0.0452,-0.10107,0.08237,-0.02018,-0.01762,-0.02851,0.03349,0.05493,-0.06703,0.03852,0.01042,-0.00476,0.06234,0.03312,-0.10958,-0.01267,-0.01805,-0.00632,-0.09237,-0.032,0.08566,0.04281,-0.02589,0.01724,0.01067,0.05452,0.01758,-0.02651,0.01409,0.04305,0.04601],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Custom pattern contract - Token: FBACKGROUNDPATTERN - Interface: IFBackgroundPattern - Required API: hostElement and setTransform(transform: ITransformModel): void IF Background Pattern host Element set Transform I Transform Model","excerpt":"Custom pattern contract - Token: FBACKGROUNDPATTERN - Interface: IFBackgroundPattern - Required API: hostElement and setTransform(transform: ITransformModel): void"},{"chunkId":"/docs/f-background-component#8","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.05085,0.04208,-0.05094,-0.04147,0.06202,0.05289,0.04705,0.04467,-0.02808,-0.03293,-0.05431,0.03711,-0.05538,-0.00105,0.00367,-0.0568,0.0054,0.06883,-0.06211,0.04335,-0.08784,-0.10154,0.00923,-0.0657,0.00783,0.02692,0.04478,-0.04885,0.09404,-0.03469,0.00042,0.07338,0.06072,0.05199,-0.12566,0.03388,0.00257,0.0511,-0.09707,-0.01741,-0.01799,0.0733,-0.00959,-0.03027,-0.00242,-0.02039,0.02372,-0.02832,-0.00879,0.01219,0.04224,-0.11985,-0.05864,0.05292,-0.00925,-0.00225,0.09599,0.01499,0.03225,-0.01157,0.03646,0.00671,-0.07219,0.00485,0.04816,-0.00157,-0.01706,-0.08219,0.01865,-0.05762,-0.04519,-0.00026,0.06617,-0.04429,0.05855,0.00838,-0.04967,-0.02626,0.01192,-0.04921,0.05964,-0.00806,-0.02748,0.07426,0.00392,0.0578,-0.03508,-0.01511,-0.06398,0.05395,-0.05328,0.01667,-0.05609,-0.06402,-0.09692,-0.01783,-0.0195,-0.0573,0.08286,0.02245,0.09088,-0.08733,0.06516,0.02097,0.08146,-0.01735,-0.00566,0.00553,0.03248,-0.01998,-0.05268,0.01474,-0.00378,0.00632,-0.01515,-0.05031,0.05364,-0.04019,0.06835,-0.06574,0.074,0.07715,0.05217,-0.03497,0.04128,-0.03049,-0.01659,0,0.01328,0.08024,-0.02292,-0.04469,0.06018,-0.03416,0.00697,-0.04089,0.00119,0.02445,-0.01813,0.02676,-0.07467,0.06557,0.07822,-0.10832,0.01413,0.00319,0.00066,0.00771,0.06308,0.00171,-0.00912,-0.01562,0.02156,0.07328,0.01579,0.04475,-0.0524,-0.00059,0.03825,0.04763,-0.00801,-0.0029,-0.02365,-0.0297,-0.06973,-0.07487,0.01924,0.02679,-0.02651,-0.03643,-0.07607,0.00571,0.09015,-0.03836,0.05318,0.0579,-0.00195,0.05304,0.01751,0.00233,0.01254,-0.10124,0.01611,0.00243,0.06259,0.03359,0.02692,0.06157,0.06654,0.01163,-0.03029,0.03684,-0.035,-0.05727,0.02129,-0.00709,-0.1216,0.01408,0.05553,0.05422,-0.01194,-0.01908,0.05101,-0.00411,-0.04419,-0.01319,-0.07545,-0.07473,-0.16756,0.04886,0.0178,-0.07135,-0.06701,0.06571,0.05678,-0.01254,-0.00943,-0.07852,-0.01313,-0.07055,-0.004,-0.03806,-0.00799,0,-0.05324,0.04334,-0.0588,0.03694,0.05502,0.00041,-0.01891,0.06847,-0.01743,0.09046,-0.0425,0.03273,0.04997,0.01592,-0.06513,0.04904,-0.00791,-0.00023,-0.08831,-0.05017,-0.0181,-0.01698,-0.02725,0.04129,-0.05492,-0.00118,0.00753,0.06542,-0.02265,-0.02104,-0.05645,-0.081,0.08685,-0.06072,-0.01626,-0.02848,0.00024,0.00418,-0.09944,-0.04262,-0.06247,0.04109,-0.00732,0.02319,-0.05665,0.03682,-0.09055,0.06267,0.0332,0.04138,0.00697,0.03839,0.02396,0.00201,-0.00631,0.02388,0.03694,0.04756,-0.05321,0.04049,0.0102,-0.06843,-0.02441,-0.02479,0.12527,0.08109,-0.08949,-0.05491,0.02596,0.09565,0.12597,0.03312,0.01441,0.07807,0.02671,-0.0116,0.13698,0.0207,0.07399,0.09807,0.01349,-0.04173,0.01705,0.08215,0.00427,-0.00433,-0.05973,0.04651,-0.0079,0.02364,-0.01688,0.10735,-0.01601,-0.02757,0.08636,0,-0.0474,0.0007,-0.03444,-0.02235,-0.04352,-0.04768,0.03014,-0.11072,-0.04728,-0.08758,-0.07991,-0.031,-0.00166,0.0174,0.08198,0.01799,0.00513,0.0479,-0.05072,0.03957,-0.07188,0.03836,-0.0863,0.08133,0.00775,0.03613,-0.03697,0.0503,0.10396,0.04773,-0.00851,0.05854,-0.02405,-0.02664,-0.07785,0.09826,-0.03201,-0.0357,-0.04396,0.03571,0.05809,-0.06886,0.04227,0.01263,-0.00368,0.05977,0.02043,-0.11017,-0.02894,-0.01766,-0.00357,-0.08643,-0.01308,0.06123,0.039,-0.0288,0.00841,0.01794,0.05706,0.00463,-0.03098,0.02699,0.05713,0.07093],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Types IFBackgroundPattern ITransformModel IF Background Pattern I Transform Model","excerpt":"Types IFBackgroundPattern ITransformModel"},{"chunkId":"/docs/f-background-component#9","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.03944,0.03572,-0.05308,-0.03092,0.0691,0.04281,0.03568,0.04431,-0.00279,-0.03401,-0.07941,0.04092,-0.07568,-0.01827,0.03846,-0.04683,-0.02893,0.05026,-0.05128,0.03785,-0.08798,-0.09011,0.02478,-0.04823,-0.03153,0.04437,0.05475,-0.02811,0.10935,-0.03842,0.01266,0.10087,0.04066,0.05736,-0.13609,0.03725,0.00843,0.05453,-0.11582,0.00495,-0.02073,0.05217,-0.00804,-0.03145,-0.00041,-0.00603,0.02215,-0.05945,-0.00172,0.03034,0.03128,-0.13365,-0.04607,0.0717,0.01857,-0.00938,0.0947,0.00025,0.02669,-0.01076,0.00822,-0.01475,-0.06171,0.01751,0.04022,-0.00884,-0.041,-0.02162,0.03166,-0.0723,-0.00296,0.01574,0.05844,-0.04604,0.02569,0.01098,-0.0391,0.00132,-0.00114,-0.05165,0.07894,-0.01279,-0.01467,0.05345,0.00007,0.08115,-0.01717,-0.04156,-0.07439,0.05442,-0.06138,0.04262,-0.03826,-0.07524,-0.07835,0.01204,-0.03206,-0.06148,0.05717,0.03485,0.06167,-0.07201,0.07191,0.02888,0.08519,-0.01852,-0.03165,0.04776,0.02262,-0.04215,-0.05321,0.00845,0.01313,-0.01534,-0.01545,-0.072,0.04433,-0.0577,0.07559,-0.02038,0.09027,0.10586,0.04382,-0.06307,0.05477,-0.03358,-0.03793,0,0.03306,0.06315,-0.04367,-0.01295,0.05645,-0.02342,0.03611,-0.06115,-0.0012,0.04482,-0.04128,0.01163,-0.08482,0.0766,0.04891,-0.10931,0.01794,-0.00749,-0.00881,0.00361,0.07772,-0.02305,-0.00524,-0.0267,0.048,0.06743,0.00586,0.0609,-0.07801,-0.00093,0.02876,0.03906,0.00016,0.00537,-0.03164,-0.02884,-0.07084,-0.07366,0.01558,0.01102,-0.04363,-0.03023,-0.07242,0.00809,0.07243,-0.05055,0.01277,0.04621,0.02675,0.0707,0.01796,0.02675,0.0321,-0.07304,0.04239,-0.01971,0.03365,0.02408,0.00842,0.07281,0.06457,0.03902,-0.08364,0.03443,-0.04796,-0.00488,0.03534,0.02818,-0.09137,-0.01845,0.03674,0.04539,-0.0182,-0.03982,0.05124,-0.02145,-0.02028,-0.00704,-0.06605,-0.03734,-0.17849,0.02569,-0.00045,-0.03041,-0.05031,0.06292,0.06103,-0.00997,-0.01621,-0.081,-0.00125,-0.06361,0.02583,-0.03358,-0.02654,0,-0.07203,0.06386,-0.066,0.05315,0.06106,0.0046,-0.00874,0.03074,-0.01152,0.09991,-0.05248,0.06668,0.04826,-0.00699,-0.04276,0.04508,-0.0343,-0.01551,-0.06089,-0.06422,-0.03971,0.00173,-0.03596,0.00418,-0.04809,0.00133,0.01183,0.03841,-0.02091,-0.02511,-0.04725,-0.07714,0.06146,-0.04975,0.0071,-0.04009,0.02323,0.02242,-0.0771,-0.03834,-0.04781,0.02973,-0.00352,0.04332,-0.08579,0.04325,-0.08079,0.02067,0.02352,0.02157,-0.01509,0.02591,0.01209,-0.00145,-0.01568,0.01902,0.03295,0.07825,-0.05414,0.05203,0.02327,-0.0657,-0.02547,-0.01535,0.11924,0.05743,-0.11658,-0.02342,0.03534,0.08604,0.10922,0.05225,0.00885,0.08278,0.03124,-0.02214,0.13048,0.03199,0.08603,0.13359,0.00864,0.00284,-0.00127,0.07108,0.01848,-0.0167,-0.07881,0.01621,-0.00076,-0.01248,-0.00308,0.10189,-0.00392,-0.0201,0.07351,0,-0.03586,-0.01529,-0.03651,-0.0421,-0.03556,-0.04336,-0.00268,-0.09108,-0.05621,-0.05385,-0.05801,0.02593,0.00875,-0.03406,0.06412,0.02581,-0.00088,0.0464,-0.05989,0.00247,-0.05839,0.05126,-0.10494,0.09798,-0.00835,0.01659,0.0088,0.04538,0.09319,0.03948,-0.02769,0.04998,-0.01026,-0.03795,-0.05327,0.09365,-0.0351,-0.03916,-0.07412,0.0352,0.03259,-0.07975,0.06182,-0.01273,-0.02068,0.05888,-0.00417,-0.10678,-0.04788,-0.00621,-0.00746,-0.05075,-0.02097,0.09864,0.04055,-0.01651,-0.01599,-0.01362,0.06183,-0.01791,-0.06096,0.08043,0.08259,0.05519],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Styling - .f-component Base class for flow primitives. - .f-background Host class for background layer.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-background Host class for background layer."},{"chunkId":"/docs/f-background-component#10","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.03884,0.03445,-0.07078,-0.06784,0.05556,0.0283,-0.01052,0.04491,0.02192,-0.04343,-0.06878,0.05357,-0.0609,-0.00608,0.01639,-0.0557,-0.00896,0.0808,-0.07849,0.0306,-0.10334,-0.14804,0.01397,-0.05575,0.02381,0.0439,0.01495,-0.05741,0.06971,-0.02858,-0.02599,0.07083,0.00713,0.02752,-0.13833,0.05383,-0.00345,0.01637,-0.08074,-0.03732,-0.01224,0.06809,-0.00894,-0.03567,0.00461,0.00365,0.06224,0.01162,-0.01983,0.02513,0.01445,-0.09866,-0.06859,0.08936,-0.00888,0.03248,0.09718,-0.00307,0.01662,0.01,-0.02644,0.04979,-0.04089,0.01818,0.03075,-0.01327,0.00688,-0.07523,-0.02835,-0.04249,0.00068,0.00089,0.10776,-0.05066,0.07769,-0.02364,-0.05694,-0.00244,0.01102,-0.02845,0.1067,0.00194,-0.02836,0.06064,-0.00019,0.02661,-0.03376,-0.04431,-0.07455,0.05215,-0.03922,0.02932,-0.03485,-0.03068,-0.06367,-0.02115,-0.0072,0.01368,0.07472,-0.00014,0.09191,-0.0426,0.09851,0.01847,0.04547,-0.01803,-0.04781,0.04671,-0.00487,-0.03907,-0.00738,0.0141,0.00722,0.03044,-0.03283,-0.05089,0.05904,-0.03499,0.01421,-0.036,0.05413,0.08541,0.0405,-0.01884,0.02891,-0.00047,-0.01838,0,-0.00411,0.0946,-0.01961,-0.01907,0.06416,0.00463,0.0075,-0.0566,0.00555,0.05022,-0.01566,0.04072,-0.04157,0.0527,0.01077,-0.11127,0.07193,-0.00506,-0.00906,0.03484,0.11126,-0.01143,-0.03145,-0.01875,0.01238,0.06093,-0.01599,0.10552,-0.09864,-0.02047,-0.0334,0.02518,-0.00956,-0.03385,-0.02939,-0.06657,-0.04382,-0.11352,-0.02478,0.03684,-0.0273,-0.00895,-0.09838,0.00429,0.0986,-0.01833,0.01137,0.07983,0.03168,0.08101,0.02216,-0.00357,-0.02094,-0.0902,0.04653,0.00259,0.07655,-0.01584,-0.00243,0.06226,0.05319,-0.02885,-0.0829,0.01932,-0.00628,-0.04452,0.05788,0.02066,-0.12444,0.00667,0.04275,0.05839,0.01836,-0.02213,0.08411,0.00817,-0.01518,0.01086,-0.05833,-0.04768,-0.14493,0.04053,0.00583,-0.01937,-0.04591,0.05599,0.00825,0.01035,-0.01394,-0.03153,0.03082,-0.05201,0.02656,-0.0584,0.00271,0,-0.04315,0.03075,-0.02223,0.05377,0.03664,-0.01118,-0.01574,0.03032,0.00138,0.08051,-0.05933,-0.03259,0.02178,0.00752,-0.07317,0.03089,0.03708,-0.00942,-0.09763,-0.06063,-0.0049,-0.00719,-0.0049,0.0613,-0.02209,0.00242,-0.01662,0.04578,0.00952,-0.00098,-0.02951,-0.08796,0.09164,-0.06739,-0.00406,-0.02491,0.00164,0.00286,-0.04239,-0.03971,-0.07325,0.04247,-0.01302,0.05415,-0.0476,0.05476,-0.09921,0.05657,0.03245,0.0534,-0.00514,0.06513,-0.01099,-0.03773,-0.00463,-0.00021,-0.00006,0.00775,-0.06018,0.01132,0.0308,-0.06206,-0.00845,-0.03865,0.08446,0.09085,-0.07121,-0.00342,0.07852,0.14384,0.10301,-0.00217,0.02638,0.07856,0.01276,-0.03265,0.13872,0.01829,0.13201,0.12704,0.02395,-0.02142,0.0082,0.06896,-0.0134,0.02636,-0.06804,0.00151,0.025,0.01705,0.02361,0.09278,-0.0411,-0.04593,0.10827,0,-0.05513,0.03887,-0.06032,-0.00401,-0.07664,-0.04781,0.0116,-0.07249,-0.03736,-0.04386,-0.10458,-0.00856,0.0218,-0.0237,0.06783,0.02589,0.03716,0.02503,-0.04522,0.02365,-0.08907,0.06764,-0.10149,0.08584,-0.02271,-0.00091,-0.01617,0.07563,0.0686,0.01296,-0.03985,0.03034,-0.03061,-0.00077,-0.06804,0.026,-0.01245,-0.02109,-0.0362,0.03631,0.06991,-0.03764,0.05618,0.0108,-0.04901,0.0215,0.00712,-0.08493,-0.0432,-0.02414,0.04758,-0.0756,-0.00996,0.06025,0.03354,-0.01772,0.00587,0.00721,0.08479,0.03809,-0.05792,0.03442,0.05367,0.03939],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Notes / Pitfalls - Place f-background as a sibling of f-canvas under the same f-flow so transform sync works correctly. - Large, dense SVG patterns can impact rendering on very big canvases. - If you provide a custom pattern, ensure setTransform(...) handles both scale and translated positions. set Transform","excerpt":"Notes / Pitfalls - Place f-background as a sibling of f-canvas under the same f-flow so transform sync works correctly. - Large, dense SVG patterns can impact rendering on very big canvases. - If you provide a custom pattern, ensure setTransform(...) handles both scale and translated positions."},{"chunkId":"/docs/f-background-component#11","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.07098,0.04789,-0.05256,-0.01174,0.10117,0.05631,-0.00574,0.04876,-0.0319,0.00183,-0.08473,0.04318,-0.05743,0.02641,0.06719,-0.02552,-0.02456,0.0802,-0.066,0.04458,-0.07072,-0.0999,0.06397,-0.03693,-0.02075,0.0232,0.05074,-0.05988,0.11222,-0.02816,0.04437,0.09288,0.02664,0.05121,-0.09378,0.06524,-0.0027,0.06598,-0.10864,-0.02672,0.05108,0.09534,-0.02796,-0.09176,0.00745,-0.04952,-0.00106,-0.00527,-0.03298,-0.01048,-0.02124,-0.15676,-0.04304,0.06697,0.01813,-0.01825,0.06478,-0.0243,0.07039,0.00531,-0.0163,-0.01917,-0.04155,-0.00154,0.06989,0.00076,-0.06757,-0.04466,-0.00758,0.00727,-0.00618,-0.0228,0.05026,-0.05223,0.03787,-0.00001,-0.0858,0.03035,0.0032,-0.0621,0.04956,-0.06537,-0.0196,0.05644,0.01455,0.10481,-0.01542,-0.06727,-0.05412,0.00897,-0.02923,0.055,-0.07557,-0.03365,-0.05001,-0.00696,-0.09485,-0.02872,0.01075,0.0492,0.04778,-0.06582,0.0822,0.08022,0.08426,-0.00289,-0.0246,0.08502,-0.00311,-0.02629,-0.02664,0.03331,0.02513,-0.01872,-0.03314,-0.10094,0.06111,-0.06851,0.04405,0.03208,0.12195,0.07014,-0.00048,-0.06121,0.0742,0.0065,-0.00687,0,0.02557,0.07904,-0.03227,-0.03756,0.07607,-0.04013,-0.01924,-0.07559,-0.036,0.08987,-0.03727,0.03825,-0.06462,0.02158,0.03253,-0.11,0.03175,0.01783,-0.03167,0.02625,0.04781,-0.01556,-0.04811,-0.0128,0.05487,0.01029,0.00608,0.03847,-0.08377,-0.01082,0.07933,0.04854,0.02658,-0.01893,-0.02532,-0.02861,-0.02331,-0.03873,-0.02815,-0.01862,0.02066,-0.02982,-0.07092,0.07598,0.04551,-0.07353,0.03086,0.03101,0.0612,0.03687,0.01994,0.03915,0.00509,-0.07997,0.08588,-0.02881,0.04708,0.01285,0.02702,0.07729,0.02572,0.00876,-0.05013,0.03754,0.00392,-0.05205,0.00638,0.0406,-0.08597,-0.02818,0.02229,0.10722,-0.00867,-0.02433,0.02569,-0.03693,-0.02556,0.04274,-0.00349,-0.02328,-0.09251,-0.00586,0.00415,0.04064,-0.02648,0.01258,0.0361,-0.02121,-0.04193,-0.1136,0.02066,-0.04116,-0.00406,-0.0685,-0.02773,0,0.01155,0.04676,-0.03828,0.0847,0.03667,-0.0125,0.02218,0.07127,-0.00811,0.08246,-0.02661,0.05751,0.04274,-0.01186,-0.01812,0.01316,-0.05463,-0.05205,0.00455,-0.0382,-0.00509,0.04473,-0.02416,0.04085,-0.0311,0.03443,0.02249,0.07042,-0.03557,-0.0165,-0.06608,-0.08614,0.01459,-0.0429,0.00361,-0.02947,0.01061,0.04536,-0.04954,-0.05291,0.00143,0.05938,-0.03425,-0.00451,-0.07223,-0.00697,0.00644,0.00361,-0.01787,0.00076,-0.03754,0.01315,-0.01161,0.02587,-0.00138,-0.00876,0.01689,0.03044,-0.08316,0.04178,0.05531,-0.01838,-0.06198,-0.04035,0.11066,0.07456,-0.1199,-0.05074,0.05515,0.0574,0.04418,0.00809,0.02034,0.05879,0.00316,0.00659,0.14067,0.02744,0.10441,0.09695,-0.0202,0.00816,-0.02117,0.066,0.03219,0.04184,-0.13084,0.01908,0.04274,0.01962,-0.03966,0.02486,-0.01051,-0.05378,0.10701,0,-0.08251,0.02658,-0.0428,-0.01039,-0.0234,-0.05514,0.0102,-0.11071,-0.07424,-0.06164,-0.06507,0.03021,0.03094,-0.00661,0.05756,0.0088,-0.00905,0.02258,-0.07429,0.04719,-0.08411,0.07608,-0.05607,0.07697,-0.03102,-0.01041,-0.07573,0.04084,0.07399,0.00132,-0.03007,0.01993,-0.02035,-0.01513,-0.04198,-0.00627,-0.09578,-0.03203,-0.02533,0.02106,0.06102,-0.08788,0.07313,0.00762,-0.01799,0.06016,0.00654,-0.08684,-0.0119,0.00438,0.00625,-0.0699,-0.06864,0.09313,0.07359,-0.05332,0.01744,0.04869,0.03026,-0.0138,-0.01073,0.018,0.02094,0.03473],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Example ::: ng-component <background-example</background-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.scss :::","excerpt":"Example ::: ng-component <background-example</background-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.scss :::"},{"chunkId":"/docs/f-magnetic-lines-component#0","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.08596,0.01246,-0.08264,-0.02468,0.02715,0.03658,-0.03349,-0.01243,-0.04788,-0.06465,0.00938,0.04984,-0.01829,-0.05103,-0.06275,0.04517,-0.10141,-0.03747,0.06038,0.04743,-0.04511,-0.05412,-0.01925,-0.05085,-0.05765,0.01722,0.01507,0.01191,-0.04967,-0.1127,0.00962,0.08376,-0.0651,0.05611,-0.05103,0.01505,0.0518,0.05444,-0.03519,-0.00313,0.01368,-0.04142,0.02839,-0.0677,0.00081,0.03394,0.00915,-0.07024,0.03002,0.02433,-0.09875,-0.02188,-0.09034,0.0629,0.07407,0.07157,0.10219,-0.08601,0.01289,0.04158,0.0746,-0.00443,-0.02755,-0.01808,0.07323,0.03289,-0.02953,0.01864,0.05605,-0.0433,0.01497,-0.01778,-0.05286,0.033,0.0611,0.09068,0.00057,0.06047,0.0122,-0.04096,-0.14358,0.02308,-0.02833,0.03775,-0.01332,0.10073,-0.08423,-0.0925,0.02537,0.0815,0.05666,0.01004,-0.10247,-0.01998,-0.03099,-0.03622,0.00008,-0.057,-0.07576,0.01928,0.04217,-0.03087,-0.00873,-0.0042,-0.07472,-0.04661,0.0176,-0.03828,-0.09173,-0.02239,0.03323,-0.00333,-0.10752,-0.06612,-0.0045,-0.08298,0.02011,0.02863,0.07346,0.07869,0.03455,0.07195,-0.03361,0.05801,0.04198,0.02209,-0.05922,0,0.00339,0.0599,0.04896,0.02714,0.01286,0.01671,-0.0703,-0.01125,0.04123,0.08992,-0.06299,-0.00141,0.01387,-0.014,-0.07473,-0.19494,-0.00261,-0.06262,-0.09153,-0.02532,-0.02642,0.00263,0.04637,-0.03907,0.06944,0.03504,-0.02427,0.0323,0.02103,0.01975,0.02777,-0.0378,0.00296,0.00738,-0.05083,0.07582,-0.02597,-0.06003,-0.01572,-0.05428,0.07702,-0.02052,0.02447,0.04296,0.03796,0.03862,0.01496,-0.00946,0.03556,0.00329,-0.00348,-0.04602,0.05306,-0.06136,0.0731,-0.06046,0.0085,0.05348,-0.05514,0.03233,0.00889,-0.00499,-0.0202,-0.00291,0.08447,0.02218,0.03942,0.02834,0.11632,-0.00952,-0.06124,0.06808,0.06735,0.03677,-0.03587,-0.02718,-0.08975,-0.04767,0.07711,-0.03774,-0.03406,-0.0311,0.0133,-0.03384,0.02478,-0.02779,0.01792,-0.05308,-0.013,-0.02148,-0.01582,0.08491,0.02067,0.03286,0.0054,0,-0.07242,-0.01644,0.07543,0.03954,-0.0168,0.05067,-0.03241,-0.02784,0.00928,0.10612,-0.02939,0.00773,-0.02092,-0.04349,-0.01706,-0.01904,-0.08616,-0.04118,0.08428,0.03015,-0.04291,-0.01759,0.05072,0.04023,-0.02417,-0.0084,0.05697,-0.01008,0.00068,0.01434,0.02528,-0.02843,-0.01597,-0.06259,0.03698,-0.05199,-0.0051,0.08508,0.07288,-0.03756,-0.05113,0.12816,0.04046,-0.07896,-0.05572,0.02359,0.00167,0.07079,-0.06771,0.10881,-0.09837,0.01817,-0.04002,-0.02328,-0.07801,0.03039,-0.00998,-0.00151,0.07509,0.02421,0.00073,-0.07879,-0.05557,-0.08209,0.06847,0.03769,0.1144,0.00582,-0.00441,0.09712,0.12287,0.08301,0.01979,-0.08676,0.03344,-0.01362,0.09483,0.03598,-0.01812,-0.00616,0.06707,0.01868,-0.0525,0.05087,-0.04709,0.0244,0.01762,0.03095,0.04284,0.00535,-0.00322,0.03926,0.04361,-0.0208,-0.06286,0,-0.02513,0.00903,0.02179,-0.0003,0.05379,0.05073,0.02655,0.02172,-0.02392,-0.01662,0.00627,0.07096,-0.04466,-0.00171,0.06376,-0.04618,-0.04336,0.06813,-0.01642,0.05956,0.01867,-0.00504,0.03173,0.08115,-0.04578,-0.00166,-0.05539,0.02111,0.06305,0.00002,-0.01234,-0.00769,0.13162,-0.04092,-0.03406,0.03027,-0.08053,0.01502,0.01201,0.07848,0.02606,-0.00074,0.00956,-0.08025,-0.08424,-0.06209,-0.02758,-0.01309,-0.05803,0.03921,-0.01938,0.01749,0.02394,-0.06561,-0.05244,0.02257,0.00125,-0.06048,0.03553,-0.00289,-0.03055,0.05068,-0.05943,0.01139],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Magnetic Lines Selector: f-magnetic-lines Class: FMagneticLines FMagneticLines displays guide lines while dragging nodes to help visual alignment. F Magnetic Lines","excerpt":"Magnetic Lines Selector: f-magnetic-lines Class: FMagneticLines FMagneticLines displays guide lines while dragging nodes to help visual alignment."},{"chunkId":"/docs/f-magnetic-lines-component#1","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.09992,0.02076,-0.0719,-0.04393,0.02523,0.01027,-0.0501,0.03445,0.03047,-0.02125,0.00865,0.07953,-0.03754,0.00166,-0.04704,-0.00196,-0.09118,-0.0086,0.03969,0.073,-0.07934,-0.11505,-0.04021,-0.02447,-0.01143,0.03656,-0.02235,0.03329,0.00233,-0.08437,-0.00052,0.13499,-0.01801,0.08133,-0.07122,0.03125,0.0106,0.04651,-0.06494,-0.05277,0.02304,-0.04024,-0.003,-0.05384,0.0238,-0.00077,-0.0121,-0.03131,0.00507,0.072,-0.11906,-0.03531,-0.06883,0.03453,0.05709,0.07919,0.08801,-0.08259,0.05417,0.01744,0.11293,-0.0178,-0.03715,0.05269,0.03546,0.03407,-0.01193,0.02292,0.02332,-0.05277,0.02168,-0.009,-0.03519,0.01948,0.03273,0.02999,-0.02072,0.02786,-0.03584,-0.00901,-0.07772,0.06191,-0.0326,0.06905,-0.0142,0.10155,-0.04834,-0.08459,0.01449,0.00747,0.06814,-0.00431,-0.04128,-0.00314,-0.029,-0.04381,0.02449,-0.04748,-0.12343,0.01648,0.04055,0.01328,0.01545,-0.02895,0.00547,-0.05054,-0.01036,-0.10148,-0.07491,-0.0145,0.01173,-0.00847,-0.10043,-0.04639,-0.04133,-0.10696,0.04135,-0.01687,0.07558,0.02,0.01486,0.07371,-0.06345,0.059,0.02621,0.04174,-0.03689,0,0.00286,0.06754,0.05445,0.05784,0.0708,-0.04064,-0.07041,-0.04376,0.07958,0.0641,-0.04178,0.03407,0.0105,0.01426,-0.02961,-0.1435,-0.03134,-0.01621,-0.08493,0.01273,-0.01906,-0.06851,0.04958,-0.01389,0.04758,0.06006,-0.00799,0.03952,0.02937,0.00932,-0.00622,-0.05867,0.01646,0.00443,-0.04647,0.0613,-0.039,-0.11268,0.02112,-0.02356,0.02484,0.03436,0.0097,-0.02792,0.06873,0.0323,0.01862,0.02089,0.02705,-0.00171,0.00512,0.0171,0.07859,-0.0611,0.0593,-0.10187,0.03728,-0.00557,-0.04022,0.07969,-0.0371,-0.0391,-0.05131,0.00916,0.06079,0.05122,0.01862,0.0598,0.09839,-0.01218,-0.06331,0.03268,-0.01435,0.02662,-0.02837,-0.02181,-0.07593,-0.05759,0.07634,-0.03917,-0.04316,0.01472,0.00299,-0.01132,0.01149,-0.07326,0.04121,-0.03097,-0.04173,-0.02033,-0.00482,0.07892,0.06581,0.07239,0.0341,0,-0.0913,-0.05901,0.05896,0.06504,-0.00892,0.04277,-0.00261,-0.04764,0.02648,0.08687,-0.06383,0.00415,-0.04923,-0.00679,-0.0076,0.03262,-0.08472,-0.05951,0.036,-0.01835,0.02959,-0.01945,0.02381,0.08062,0.01682,-0.00663,0.00976,-0.06532,-0.01154,-0.00228,0.02709,-0.05548,-0.03092,-0.06086,0.05033,-0.0346,-0.02319,0.14219,0.10104,-0.03544,-0.04436,0.07408,0.01822,-0.04129,-0.036,0.03841,-0.00273,0.06821,-0.08538,0.10347,-0.11041,0.05879,-0.02043,-0.04856,-0.06761,0.00651,-0.02562,0.00333,0.01495,-0.04102,-0.02033,-0.07797,-0.0407,-0.06626,0.07057,0.06063,0.08653,-0.02338,-0.05139,0.06746,0.09541,0.05768,-0.00389,-0.06604,0.01987,-0.02093,0.13978,-0.01013,0.01643,-0.00403,0.00513,0.02391,-0.04473,0.05135,-0.08662,0.03982,0.03653,-0.02498,0.01409,0.00401,-0.02797,0.03065,0.02581,0.0062,-0.04262,0,-0.04714,0.03211,-0.01066,-0.0306,-0.00875,0.03518,0.03731,0.04626,0.00287,-0.00011,0.03986,0.05825,-0.05351,0.0172,0.05841,-0.02046,-0.05279,0.06552,-0.04241,0.04082,0.03105,0.02226,0.00644,0.09748,-0.05091,-0.01022,-0.05979,0.0329,0.09241,-0.01918,-0.00539,-0.0082,0.1898,0.0359,-0.02848,0.01631,-0.04692,0.0481,0.0271,0.03979,0.00387,0.0083,0.01775,-0.08441,-0.06516,-0.04597,-0.02291,0.03541,-0.04284,0.01239,-0.03575,-0.00595,0.03708,-0.05118,-0.01948,0.03129,-0.00004,-0.05967,0.12675,-0.01066,-0.02439,0.04289,-0.06708,0.01964],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Why / Use cases Use f-magnetic-lines when precise alignment matters but you do not want a full grid snap workflow. Typical use cases: - Canvas editors with manual but assisted placement. - UIs where users align cards/components by visual guides. - Replacing deprecated f-line-alignment with the current API. U Is","excerpt":"Why / Use cases Use f-magnetic-lines when precise alignment matters but you do not want a full grid snap workflow. Typical use cases: - Canvas editors with manual but assisted placement. - UIs where users align cards/components by visual guides. - Replacing deprecated f-line-alignment with the current API."},{"chunkId":"/docs/f-magnetic-lines-component#2","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.1199,-0.01847,-0.04793,-0.01292,0.05447,0.01644,-0.0284,-0.02889,-0.01925,-0.03534,0.05471,0.04291,-0.01856,-0.02652,-0.09201,0.03194,-0.10091,0.01513,0.02411,0.02293,-0.02459,-0.10134,-0.04429,-0.00147,0.02304,0.027,-0.00771,0.04802,0.03927,-0.12031,0.02751,0.06075,-0.10312,0.04901,-0.07334,0.05727,0.04214,0.01603,-0.07006,0.00063,0.06427,-0.02324,0.03574,-0.05579,-0.00323,0.04169,-0.01468,-0.01529,-0.00723,0.02289,-0.11073,-0.06303,-0.03623,0.04287,0.05071,0.09474,0.06193,-0.08643,0.07077,0.0101,0.127,-0.0019,-0.02711,0.01539,0.01081,0.00061,-0.0239,0.02006,0.01791,-0.06011,0.01354,-0.02941,-0.08065,0.04005,0.03318,0.06816,-0.00902,0.04215,-0.05478,-0.02446,-0.05981,0.02204,-0.05105,0.08848,-0.02873,0.12878,-0.05505,-0.07593,-0.00601,0.03202,0.04443,-0.02744,-0.10456,-0.03873,-0.04393,-0.03711,0.00391,-0.04623,-0.08399,0.04136,0.03208,0.01468,-0.02061,-0.02727,-0.02264,-0.03968,-0.0114,-0.08758,-0.07302,0.03736,0.01555,0.0103,-0.08632,-0.03951,-0.02586,-0.08539,-0.0056,-0.0008,0.06504,0.02226,0.01884,0.10011,-0.05106,0.06166,0.04232,0.01136,-0.04091,0,0.02474,0.00117,0.03733,0.03915,0.01339,-0.02886,-0.06558,-0.01753,0.02319,0.04037,-0.06653,-0.00959,0.01655,0.02488,-0.0578,-0.19101,0.01934,-0.02254,-0.08834,-0.02099,-0.03287,-0.02832,-0.00199,-0.04642,0.03654,0.04756,-0.02805,0.02868,0.07982,0.01718,-0.00428,-0.00164,-0.00751,0.03574,-0.05742,0.06852,-0.02115,-0.08816,0.04311,-0.05126,0.05657,-0.01799,-0.02439,-0.00548,0.00516,0.04239,0.0435,-0.00718,0.03155,-0.04848,0.00174,-0.00881,0.08101,-0.03702,0.07341,-0.08014,0.01926,0.03543,-0.03041,0.06148,-0.00155,0.00166,-0.06211,-0.03928,0.09743,0.03305,-0.0225,0.05362,0.13497,-0.00581,-0.0823,0.06477,0.03747,0.04153,-0.03528,-0.00841,-0.09639,-0.07184,0.08913,-0.00723,-0.07539,0.00275,0.03377,-0.05436,0.0747,-0.0731,0.02308,-0.02495,-0.04483,-0.03718,0.00064,0.06146,0.03657,0.0387,0.00214,0,-0.07739,-0.00077,0.08382,0.09013,-0.00621,0.03367,-0.0353,-0.01285,0.01494,0.05536,-0.07692,0.00256,-0.01977,-0.00113,0.07098,-0.00506,-0.105,-0.07408,0.03845,-0.00784,0.00814,0.0169,0.03019,0.05974,-0.00124,-0.03588,0.04787,-0.0025,-0.01522,-0.00745,0.0373,-0.05993,-0.06546,-0.03583,0.03745,-0.04183,-0.02649,0.13678,0.09484,-0.05433,-0.04303,0.04972,-0.01954,-0.0192,0.00926,0.03996,-0.02054,0.06432,-0.07972,0.08006,-0.10109,0.05068,-0.01107,-0.0149,-0.02712,0.0291,-0.03815,0.00222,0.06906,-0.04615,-0.00977,-0.08837,-0.05986,-0.06324,0.06859,0.06558,0.07907,-0.04555,-0.06346,0.0753,0.0811,0.10867,0.02408,-0.10291,0.06858,-0.05658,0.0861,0.01684,0.01546,-0.02395,0.01932,0.04325,-0.03222,0.00926,-0.05556,0.04816,0.00492,0.02271,0.0211,0.01635,-0.02451,0.02229,0.05287,-0.00456,-0.07379,0,-0.03689,0.01264,0.01797,-0.01718,0.01957,0.07754,0.0596,0.07166,0.00117,0.0011,0.05984,0.03912,-0.0123,0.05569,0.03321,-0.03111,-0.02471,0.06213,-0.0197,0.01928,0.06011,0.02397,0.0509,0.10544,-0.04992,-0.04859,-0.06392,0.04722,0.06084,-0.02608,0.00043,-0.00829,0.1291,0.02615,-0.03264,0.06669,-0.07878,0.06734,0.0338,0.06081,0.04528,0.02451,-0.00578,-0.06183,-0.05745,-0.01449,-0.01252,-0.00969,-0.05154,0.01154,-0.02505,0.01155,0.03849,-0.01559,0.01274,0.00562,-0.02359,-0.05823,0.07521,-0.00417,-0.03846,0.04542,-0.03942,0.02429],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. How it works The plugin registers in the drag subsystem, computes candidate guide axes against nearby nodes, and renders temporary guide elements during node drag.","excerpt":"How it works The plugin registers in the drag subsystem, computes candidate guide axes against nearby nodes, and renders temporary guide elements during node drag."},{"chunkId":"/docs/f-magnetic-lines-component#3","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.10709,-0.01004,-0.02371,-0.03294,0.0413,-0.00458,-0.05507,-0.03747,-0.04009,-0.03891,0.02509,0.0307,0.00356,-0.02394,-0.06034,0.06074,-0.10351,0.02515,0.04591,0.03529,-0.03878,-0.06413,-0.0633,-0.01363,0.04112,0.03088,-0.00685,0.00764,-0.00783,-0.10246,-0.00187,0.07391,-0.07235,0.08518,-0.0514,0.03941,-0.00014,0.02137,-0.02524,-0.00258,0.05833,-0.034,0.01982,-0.08929,-0.01114,0.02924,-0.03219,-0.00164,0.01993,0.03292,-0.12475,-0.07321,-0.06979,0.01317,0.03983,0.07132,0.05267,-0.08467,0.06944,0.02325,0.17359,-0.02152,-0.01818,0.03346,0.03613,0.02649,-0.01704,0.02924,0.03784,-0.08273,0.00432,-0.02529,-0.06603,0.04886,0.0461,0.05277,0.02231,0.04435,-0.04158,-0.01421,-0.11125,0.02827,-0.05015,0.09904,-0.04306,0.11816,-0.05767,-0.04486,0.00548,0.03006,0.01246,-0.02441,-0.09551,-0.03832,-0.04639,-0.04993,0.00784,-0.08815,-0.10315,0.04081,0.03255,-0.00267,-0.04509,-0.02035,-0.02306,-0.03337,-0.0245,-0.08971,-0.06655,0.04958,0.02002,0.00722,-0.10494,-0.03314,-0.04114,-0.06867,0.005,0.01371,0.07734,0.0302,0.03143,0.07665,-0.06702,0.03983,0.03398,0.01978,-0.01375,0,0.0208,0.03569,0.0797,0.02378,0.04728,-0.01964,-0.06799,-0.02742,0.04901,0.01311,-0.0809,0.01391,0.03955,0.00044,-0.04836,-0.18347,-0.00058,-0.02291,-0.0672,-0.00042,-0.07231,-0.04771,0.0178,-0.02884,0.03597,0.01858,-0.02973,0.02776,0.05617,0.01322,0.01961,-0.0065,0.00544,0.02483,-0.06689,0.06662,-0.03596,-0.09971,0.03564,-0.05258,0.06088,0.01163,-0.00794,-0.01144,0.03115,0.04825,0.02095,0.00374,0.01527,-0.02719,-0.01769,0.00638,0.06512,-0.06622,0.07242,-0.07405,0.03245,0.02118,-0.04391,0.07521,0.01011,-0.02222,-0.01293,-0.02581,0.08887,0.02124,0.00174,0.06287,0.1169,-0.00798,-0.05191,0.05668,0.0429,0.02515,-0.06654,-0.01798,-0.08087,-0.04723,0.07584,-0.00817,-0.04472,-0.00815,0.03068,-0.07014,0.04939,-0.05179,0.01404,-0.02517,-0.04576,0.00527,-0.01636,0.08144,0.03856,0.03505,-0.00144,0,-0.08091,-0.02273,0.08275,0.06685,0.00672,0.03105,-0.02218,-0.00683,-0.00414,0.09914,-0.07582,0.00305,-0.01609,-0.01607,0.02079,-0.00579,-0.06442,-0.04017,0.04623,0.00737,0.00283,0.033,0.0199,0.05631,-0.00051,-0.0192,0.00905,-0.01991,-0.0379,-0.0038,0.0292,-0.05855,-0.03367,-0.04035,0.03763,-0.0443,-0.01609,0.11803,0.09218,-0.06479,-0.03277,0.05381,-0.01353,-0.05522,-0.00857,0.02606,-0.00767,0.10534,-0.1318,0.09132,-0.086,0.06965,-0.01344,-0.02387,-0.04477,0.02925,-0.02145,0.02575,0.0655,-0.051,-0.04328,-0.09592,-0.07785,-0.04951,0.06729,0.06958,0.1029,-0.02261,-0.09144,0.07002,0.09278,0.08365,0.01922,-0.09492,0.05528,-0.04622,0.07885,0.01925,-0.01294,-0.03049,0.01942,0.03007,-0.02203,0.04919,-0.02396,0.0327,0.02271,0.0083,0.03402,0.0497,-0.0358,0.02653,0.01615,-0.00716,-0.04206,0,-0.02481,0.02139,0.01128,0.00436,0.03388,0.0843,0.07241,0.09456,0.01121,-0.0034,0.03053,0.03013,-0.0316,0.05589,0.05333,-0.03762,-0.03391,0.05537,-0.00935,0.0437,0.03367,0.01387,0.06107,0.08989,-0.04018,-0.02177,-0.06035,0.05168,0.07306,-0.04157,-0.02648,-0.03511,0.14538,-0.01631,-0.02739,0.03704,-0.07826,0.05453,0.03385,0.06953,0.03193,0.03812,0.0077,-0.05925,-0.04249,-0.02575,-0.01438,-0.00362,-0.00553,0.01352,-0.03527,-0.01079,0.04004,-0.06376,-0.01953,0.01585,-0.03657,-0.07625,0.0757,0.03748,-0.00278,0.05732,-0.05884,0.00856],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. API","excerpt":"API"},{"chunkId":"/docs/f-magnetic-lines-component#4","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.09962,-0.02041,-0.05335,-0.05809,0.0259,0.03509,-0.03233,-0.03518,-0.01515,-0.06877,0.02791,0.05208,0.00002,-0.03137,-0.10608,0.03945,-0.10769,0.02171,0.02371,0.0426,-0.02275,-0.09782,-0.03647,-0.00231,0.00928,0.04033,0.02615,0.01772,-0.00106,-0.10957,0.02193,0.07073,-0.01764,0.07347,-0.04847,0.01967,-0.0077,0.02933,-0.03953,-0.00649,0.05185,-0.06446,0.03186,-0.07781,0.01734,0.036,-0.00174,-0.01835,0.01003,0.01409,-0.12934,-0.02931,-0.07527,0.03936,0.03381,0.07468,0.07023,-0.08345,0.09016,0.01436,0.14811,-0.00505,-0.00832,0.02311,0.06216,0.03626,-0.01601,0.00506,0.01465,-0.02696,0.03566,-0.00083,-0.07037,0.02614,0.02722,0.06672,-0.00486,0.03884,-0.02342,-0.01065,-0.10462,0.02672,-0.0141,0.093,-0.04441,0.11248,-0.04519,-0.05289,0.02825,0.04602,0.01767,-0.00902,-0.11164,0.00093,-0.04598,-0.04362,0.03476,-0.06571,-0.07393,0.02717,0.05311,-0.00787,-0.03821,-0.02347,-0.0315,-0.03547,0.01406,-0.08959,-0.04954,0.01421,0.04152,-0.02693,-0.10802,-0.03143,-0.03729,-0.08398,0.03369,0.02224,0.03485,0.01796,0.01176,0.0852,-0.09944,0.03117,0.02254,0.04984,-0.04383,0,0.01857,0.03096,0.05383,0.01482,0.01962,-0.00442,-0.09717,-0.02483,0.03899,0.06012,-0.07158,-0.02289,0.02008,-0.0033,-0.05944,-0.17427,-0.00667,-0.05031,-0.10154,-0.01142,-0.06449,-0.03763,-0.0075,-0.01466,0.0131,0.03856,-0.03386,0.02911,0.04659,0.00592,0.02194,-0.01578,0.01535,0.01044,-0.05587,0.07111,-0.01713,-0.06504,0.04555,-0.05618,0.07672,0.01122,0.02695,0.00835,0.04404,0.05875,0.05227,-0.01023,0.02292,-0.02832,-0.01685,-0.01197,0.05637,-0.06388,0.04824,-0.06437,0.02178,0.01215,-0.07585,0.05002,0.0012,-0.05427,-0.01599,-0.03198,0.09581,0.03793,0.00532,0.06029,0.13652,-0.02407,-0.08895,0.05254,0.01104,0.02099,-0.06449,0.01147,-0.06018,-0.04796,0.08464,0.00678,-0.05093,0.01495,0.05049,-0.06844,0.04482,-0.06428,0.01599,-0.03569,-0.03522,-0.00044,-0.01335,0.04984,0.04574,0.02889,-0.00027,0,-0.06792,-0.00806,0.07555,0.06938,-0.01285,0.07254,-0.00408,-0.00655,0.00286,0.09458,-0.05291,0.0078,-0.01784,-0.0359,-0.01375,-0.01383,-0.06248,-0.00109,0.05981,0.01848,0.01809,-0.01115,0.0162,0.07437,0.03022,-0.0092,0.06409,-0.02537,-0.01928,-0.00144,0.02818,-0.06172,-0.05746,-0.03456,0.02226,-0.06339,-0.01641,0.07905,0.096,-0.04428,-0.03571,0.07358,-0.03912,-0.04424,-0.02029,0.02674,0.00811,0.0849,-0.13075,0.12006,-0.08598,0.07326,-0.01522,0.00499,-0.06438,0.02513,-0.0515,0.02986,0.08199,-0.01892,-0.01592,-0.07089,-0.07269,-0.0491,0.06695,0.08323,0.09824,-0.00079,-0.08092,0.06208,0.09368,0.07032,0.03168,-0.0777,0.01988,-0.08078,0.06995,0.00885,-0.00247,-0.04889,0.04814,0.02711,-0.03569,0.04407,-0.04421,0.04994,0.03393,-0.0014,0.04775,0.01996,-0.05219,0.01646,0.03167,-0.04123,-0.06914,0,-0.02934,-0.00751,0.00507,-0.00161,0.03655,0.08115,0.06363,0.07239,0.00781,-0.00972,0.03949,0.04789,-0.05642,0.03978,0.04944,-0.0453,-0.05543,0.04915,-0.01459,0.04925,0.02757,0.00797,0.04421,0.08801,-0.04538,-0.01291,-0.07446,0.0503,0.0458,-0.03854,-0.00717,-0.03463,0.15019,-0.02863,-0.04023,0.05577,-0.09073,0.05709,0.04446,0.0204,0.01757,0.02424,0.02656,-0.07051,-0.07322,-0.03955,-0.00274,0.0047,-0.03029,0.0057,-0.01814,0.02462,0.0526,-0.07292,-0.0255,-0.02999,-0.00523,-0.06033,0.03817,0.02286,0.00618,0.06616,-0.06362,0.00191],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Inputs - threshold: number; Default: 10. Distance in pixels within which nodes will snap to the alignment lines.","excerpt":"Inputs - threshold: number; Default: 10. Distance in pixels within which nodes will snap to the alignment lines."},{"chunkId":"/docs/f-magnetic-lines-component#5","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.08924,-0.00397,-0.04844,-0.02392,0.03597,0.00863,-0.05508,-0.03028,-0.04318,-0.04398,0.04671,0.03667,-0.00665,-0.04789,-0.10607,0.06057,-0.11908,0.00606,0.05661,0.02631,-0.0268,-0.08127,-0.04888,-0.01583,0.03417,0.05468,-0.01164,0.02443,-0.02607,-0.12774,0.01604,0.07581,-0.05836,0.07015,-0.03583,0.02692,0.00728,0.02845,-0.03321,-0.00647,0.06234,-0.06147,0.0505,-0.06803,-0.01501,0.02338,-0.03405,-0.01879,0.0286,0.01345,-0.11932,-0.05827,-0.07062,0.02043,0.05405,0.07231,0.05351,-0.08148,0.06805,0.01034,0.15345,-0.01954,-0.03102,0.02259,0.07014,0.01785,-0.02582,0.02812,0.01504,-0.05506,0.02254,-0.02065,-0.09266,0.02558,0.05976,0.0622,0.01828,0.04418,-0.03071,-0.01507,-0.1213,0.02575,-0.04542,0.09032,-0.04774,0.12428,-0.06171,-0.05625,0.00571,0.0417,0.01715,-0.00692,-0.12209,-0.02599,-0.05392,-0.03645,0.01281,-0.07082,-0.07684,0.04996,0.05778,0.00126,-0.01698,-0.04719,-0.05306,-0.02674,-0.00013,-0.06171,-0.06226,0.02685,0.01761,0.0092,-0.10309,-0.04732,-0.01457,-0.07982,0.00724,0.01863,0.04612,0.04105,0.02424,0.09588,-0.08233,0.06127,0.01811,0.02423,-0.01968,0,0.01844,0.025,0.0542,0.02394,0.03697,0.00476,-0.09065,-0.02756,0.03879,0.06219,-0.08278,-0.0028,0.03599,-0.0012,-0.05953,-0.19688,0.01157,-0.04331,-0.07798,-0.023,-0.05505,-0.01528,0.01026,-0.03164,0.03294,0.0268,-0.02084,0.01365,0.05468,0.01679,0.02701,-0.00927,0.02158,0.01418,-0.06676,0.05401,-0.01211,-0.0738,0.02724,-0.06146,0.05717,-0.01521,0.01022,0.01127,0.03883,0.05515,0.04024,-0.00201,0.02977,-0.01377,-0.0098,-0.01442,0.07285,-0.04426,0.05937,-0.05725,0.02702,0.02926,-0.06141,0.0677,0.02845,0.01511,-0.03038,-0.04072,0.08008,0.02986,-0.00378,0.04535,0.15348,-0.00852,-0.08603,0.04848,0.04513,0.02821,-0.05815,-0.00029,-0.1027,-0.05447,0.0725,-0.00391,-0.05311,0.00288,0.04115,-0.07177,0.0696,-0.04818,0.00612,-0.02754,-0.01448,0.00524,-0.0421,0.07255,0.04244,0.01928,0.0001,0,-0.08598,0.00994,0.06005,0.05981,-0.0101,0.04741,-0.01882,-0.01737,0.00696,0.07825,-0.06311,-0.00651,-0.01349,-0.02759,0.02275,-0.02901,-0.06762,-0.03361,0.05025,0.02312,0.00101,0.02654,0.02394,0.06657,0.01503,-0.0048,0.04907,-0.02184,-0.02586,0.01079,0.04303,-0.05695,-0.0398,-0.03185,0.02389,-0.05116,-0.01135,0.09287,0.09061,-0.07022,-0.03851,0.08293,-0.02102,-0.04893,-0.01038,0.0233,0.00556,0.07996,-0.11694,0.10381,-0.0921,0.05084,-0.02472,-0.01062,-0.05434,0.0061,-0.02858,0.00826,0.06681,-0.03062,-0.03204,-0.09542,-0.06243,-0.06484,0.06802,0.0626,0.10246,-0.01201,-0.07115,0.07922,0.0929,0.09718,0.02286,-0.10262,0.06946,-0.03168,0.05081,0.02104,-0.00643,-0.02675,0.01846,0.02166,-0.02726,0.04243,-0.02385,0.0263,0.02185,0.00197,0.03726,0.02982,-0.02392,0.02602,0.03574,-0.00244,-0.04652,0,-0.01605,0.00096,0.01218,-0.00212,0.0446,0.07662,0.07767,0.06133,-0.00837,-0.00459,0.03355,0.03033,-0.04338,0.03774,0.05859,-0.02986,-0.05022,0.05595,-0.01148,0.02383,0.0532,0.00169,0.04536,0.09025,-0.04823,-0.02424,-0.07789,0.03,0.05157,-0.03868,-0.0051,-0.01947,0.12917,-0.0204,-0.02265,0.04644,-0.07552,0.07339,0.04065,0.06553,0.00902,0.03765,0.01103,-0.07153,-0.06484,-0.02789,-0.00902,0.00388,-0.03286,0.00088,-0.01489,0.00481,0.05406,-0.07015,-0.0152,-0.0065,-0.00718,-0.06715,0.0431,0.01652,-0.00709,0.0647,-0.06485,-0.00087],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-magnetic-lines-component#6","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.11565,0.01458,-0.02668,-0.03117,0.03012,0.01441,-0.06502,-0.0219,-0.05253,-0.03562,0.02371,0.0413,-0.00329,-0.0331,-0.06225,0.06643,-0.11464,0.04646,0.0603,0.03662,-0.02483,-0.06854,-0.05478,-0.01236,0.02853,0.04263,-0.00087,0.01703,0.00866,-0.1156,0.00477,0.06397,-0.06861,0.09208,-0.03369,0.03243,0.01575,0.03281,-0.0392,0.0012,0.04596,-0.03296,0.00231,-0.074,0.01268,0.02528,-0.03821,-0.01418,0.00818,0.01324,-0.12064,-0.07785,-0.04957,-0.0005,0.04359,0.05824,0.06049,-0.07839,0.07326,0.01411,0.1703,-0.00946,-0.02762,0.03194,0.04322,0.03486,-0.02096,0.03866,0.04088,-0.06236,0.00709,-0.01822,-0.07046,0.05241,0.03391,0.05548,0.01044,0.04426,-0.04826,-0.02563,-0.11897,0.03952,-0.04445,0.08132,-0.02614,0.12603,-0.06024,-0.04326,0.01364,0.03945,0.02131,-0.00341,-0.0987,-0.04788,-0.05207,-0.02985,0.02136,-0.09295,-0.08181,0.05224,0.03815,-0.0059,-0.03542,-0.03017,-0.01412,-0.03066,-0.01066,-0.09094,-0.05253,0.05228,0.02491,-0.00055,-0.11929,-0.06475,-0.03091,-0.08917,0.01293,0.00748,0.07426,0.03372,0.0376,0.07428,-0.06162,0.0459,0.03493,0.01582,-0.03005,0,0.03777,0.0495,0.06206,0.04229,0.06045,-0.01352,-0.07192,-0.03002,0.04268,0.03902,-0.06724,0.00046,0.03064,-0.00117,-0.05521,-0.17694,-0.00769,-0.02369,-0.07321,-0.00985,-0.05626,-0.05676,0.02546,-0.02158,0.02746,0.02935,-0.02012,0.02084,0.04461,0.01757,0.03458,-0.03855,0.00104,0.03747,-0.06373,0.0572,-0.01973,-0.10009,0.02419,-0.05431,0.0608,-0.01465,0.00393,0.00131,0.04144,0.0499,0.03364,0.00388,0.03609,-0.04871,-0.01001,0.01131,0.05187,-0.0688,0.06179,-0.07021,0.01488,0.01934,-0.04148,0.0697,0.00626,-0.01803,-0.02181,-0.0315,0.08133,0.00827,-0.00713,0.03279,0.12596,-0.02531,-0.05626,0.05612,0.02637,0.02152,-0.0786,-0.01303,-0.07731,-0.04869,0.0827,-0.00848,-0.06499,-0.00182,0.04882,-0.06164,0.07371,-0.05914,0.03358,-0.01444,-0.04137,-0.00734,-0.03807,0.08101,0.04202,0.02069,0.01661,0,-0.0804,-0.01367,0.0925,0.06522,0.00042,0.03233,-0.0338,-0.00073,-0.00715,0.08101,-0.07765,-0.01114,-0.01812,-0.01081,0.02582,-0.00495,-0.08793,-0.03982,0.03975,0.02466,-0.0168,0.01826,0.01495,0.06543,0.00608,-0.01675,0.01898,-0.01642,-0.02347,0.00574,0.01891,-0.05278,-0.0369,-0.04416,0.02141,-0.04217,-0.02393,0.12592,0.09212,-0.04773,-0.03245,0.05289,-0.00655,-0.07223,-0.03041,0.01668,-0.00472,0.10595,-0.11752,0.10181,-0.07445,0.05865,-0.02573,-0.01947,-0.04204,0.00858,-0.03947,0.00666,0.06676,-0.03259,-0.0293,-0.09529,-0.06547,-0.04086,0.08927,0.05497,0.08599,-0.04033,-0.10628,0.06192,0.09157,0.09849,0.01549,-0.08936,0.06607,-0.04769,0.08458,0.02915,-0.01386,-0.03958,0.02294,0.02626,-0.02532,0.03284,-0.02572,0.01749,0.0369,0.00715,0.02186,0.03963,-0.05318,0.03656,0.02464,0.0342,-0.038,0,-0.02366,0.01304,0.02035,-0.0137,0.04129,0.08703,0.06922,0.06882,-0.00711,-0.0129,0.02166,0.03533,-0.03234,0.06032,0.04472,-0.04456,-0.0507,0.06694,-0.01913,0.02017,0.03171,0.02495,0.03969,0.08682,-0.03703,0.00285,-0.06739,0.03625,0.08749,-0.03375,-0.02131,-0.01891,0.14325,-0.0057,-0.02287,0.0487,-0.07406,0.06044,0.01122,0.06221,0.03137,0.04558,0.00631,-0.06878,-0.0327,-0.01214,-0.01451,0.00196,-0.01996,0.02526,-0.02592,-0.01452,0.05096,-0.06584,-0.03218,0.02701,-0.01192,-0.06477,0.06275,0.02446,-0.00769,0.05249,-0.04777,0.00501],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-magnetic-lines-component#7","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.1216,0.02702,-0.05899,-0.02996,0.02755,0.04112,-0.04286,0.00368,-0.03635,-0.04625,-0.00962,0.03752,-0.03234,-0.04352,-0.05562,0.04631,-0.13282,0.01116,0.02645,0.05862,-0.033,-0.08952,-0.02661,-0.00206,-0.02526,0.07288,0.02274,0.04566,-0.01735,-0.12883,0.00095,0.09257,-0.06204,0.0843,-0.05384,0.01566,0.03976,0.08464,-0.08018,-0.01724,0.01916,-0.05069,0.01732,-0.08328,0.02725,0.00914,-0.01852,-0.07611,0.02146,0.031,-0.08806,-0.0482,-0.0552,0.04901,0.04775,0.07076,0.08883,-0.09237,0.04308,0.01388,0.09445,0.00078,-0.00652,0.02013,0.01501,0.01573,-0.042,0.04818,0.02366,-0.0611,0.00698,-0.013,-0.05671,0.01781,0.04168,0.06448,0.00816,0.07107,-0.04037,-0.01634,-0.08292,0.0317,-0.0386,0.05215,-0.03189,0.14332,-0.05266,-0.08604,0.00051,0.05038,-0.00102,0.01062,-0.0634,-0.02131,-0.01475,-0.0022,-0.0163,-0.08093,-0.08949,0.02984,0.03173,-0.00646,-0.01045,-0.00384,-0.01887,-0.02338,-0.00704,-0.03715,-0.0699,-0.02012,0.03043,-0.0159,-0.12067,-0.06915,-0.01269,-0.11751,0.01069,-0.03074,0.06484,0.03108,0.03876,0.09295,-0.05739,0.04503,0.05591,0.02007,-0.01941,0,0.02377,0.03127,0.05103,0.05603,0.05939,-0.00557,-0.06536,-0.01851,0.02944,0.07357,-0.04222,-0.0536,-0.0072,-0.01343,-0.08549,-0.18425,-0.00721,-0.04806,-0.10692,-0.01356,-0.05836,-0.0206,0.01553,-0.0488,0.04723,0.0277,-0.02645,0.03151,0.00635,0.00134,0.03039,-0.05912,0.04048,0.0249,-0.07191,0.04087,-0.00871,-0.06653,0.01788,-0.06141,0.04277,0.00061,0.01881,0.01424,0.02463,0.05403,0.02064,0.01905,0.05597,-0.01328,-0.01769,0.02398,0.08239,-0.05497,0.09103,-0.09004,0.01585,0.08653,-0.05486,0.04665,-0.00837,0.02244,-0.0741,-0.02507,0.07732,0.04323,0.01205,0.03751,0.11179,-0.03825,-0.07294,0.05365,0.02026,0.04473,-0.03029,-0.01742,-0.0739,-0.05423,0.0831,-0.00058,-0.07889,-0.01551,0.03748,-0.01774,0.03392,-0.06963,0.04849,-0.04594,-0.01636,-0.0146,-0.01811,0.0564,0.05098,0.0387,0.0119,0,-0.07035,0.01545,0.05849,0.06985,0.02382,0.06223,-0.00805,-0.00362,0.00702,0.11533,-0.03391,0.03635,-0.03397,-0.04286,0.03697,-0.00141,-0.08693,-0.04964,0.07478,0.00915,0.00336,0.00636,0.00932,0.03223,-0.01496,-0.01213,0.03286,-0.00181,-0.01204,0.00813,0.05059,-0.04595,-0.02786,-0.04889,0.00796,-0.06604,-0.02075,0.12832,0.07826,-0.03288,-0.04977,0.05867,0.01536,-0.04176,-0.05691,0.02172,-0.00336,0.04538,-0.09695,0.09941,-0.10995,0.02904,-0.01568,-0.01118,-0.03985,0.02325,0.0025,-0.00387,0.0365,-0.01248,0.01114,-0.09588,-0.07033,-0.07255,0.08535,0.05048,0.06316,-0.01123,-0.04889,0.06591,0.11139,0.09689,0.00104,-0.06458,0.07173,-0.05536,0.11508,0.05038,0.03532,0.00405,0.02219,0.04898,-0.04607,0.03662,-0.02192,0.01146,0.03199,0.01792,0.03894,-0.00008,-0.04313,0.03728,0.02461,0.00057,-0.06338,0,-0.05612,-0.01562,0.01199,-0.03038,0.03694,0.0607,0.04291,0.05109,-0.01384,-0.01853,0.02891,0.08699,-0.02604,0.01395,0.06819,-0.04818,-0.07915,0.07322,-0.03005,0.01659,0.03659,0.00225,0.02653,0.0866,-0.05799,-0.0092,-0.02779,0.03232,0.07609,-0.00691,-0.03408,-0.00597,0.13907,-0.02717,-0.001,0.03714,-0.07924,0.02553,-0.00612,0.06278,0.0102,0.01836,0.0216,-0.08001,-0.02089,-0.02509,-0.06692,-0.00823,-0.06337,0.00092,-0.03606,0.03534,0.00296,-0.04104,-0.01897,-0.00215,-0.01178,-0.05173,0.06615,-0.01831,-0.02964,0.07609,-0.04459,0.00312],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Styling - .f-component Base class for flow primitives. - .f-magnetic-lines Host class. - .f-line Rendered helper line element class.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-magnetic-lines Host class. - .f-line Rendered helper line element class."},{"chunkId":"/docs/f-magnetic-lines-component#8","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.07692,-0.03314,-0.03819,0.00372,0.05828,0.02502,-0.00002,-0.01392,-0.00631,-0.02502,0.0477,0.0596,-0.02055,-0.00841,-0.08173,0.03351,-0.0765,0.013,0.00801,0.03045,0.00298,-0.09971,-0.025,0.00441,0.00803,0.03123,-0.03851,0.00156,0.02792,-0.12478,-0.01354,0.06515,-0.07546,0.03691,-0.06381,0.04065,0.01435,0.02674,-0.06395,-0.02336,0.06423,-0.03007,0.03256,-0.05749,-0.02026,0.0128,-0.00465,-0.00015,-0.01881,0.03621,-0.09186,-0.07002,-0.03843,0.02306,0.04367,0.0818,0.07302,-0.05756,0.06674,0.01208,0.14737,-0.00326,-0.02516,0.00848,0.03728,0.01952,-0.01852,0.01209,0.04198,-0.03862,0.02761,-0.0236,-0.07143,0.04092,0.06692,0.0432,-0.01648,0.05166,-0.0409,0.00731,-0.08216,0.03161,-0.0268,0.07397,-0.04573,0.09225,-0.05248,-0.08025,0.00981,0.07151,0.04697,0.02219,-0.0904,-0.03939,-0.05335,-0.05363,0.00069,-0.06515,-0.09355,0.03652,0.04606,0.00965,-0.0285,-0.00182,-0.02864,-0.04393,-0.00157,-0.08394,-0.07971,0.0355,0.00482,0.00867,-0.08075,-0.01817,-0.05565,-0.08875,0.01859,-0.00478,0.03831,0.02326,0.00114,0.07189,-0.0386,0.05951,0.05322,0.04136,-0.06988,0,0.03901,0.0228,0.01938,0.01035,0.01609,-0.02186,-0.07239,-0.02131,0.02528,0.03282,-0.03914,-0.01518,0.02788,0.03575,-0.03942,-0.18482,0.03252,-0.02772,-0.06798,-0.02819,-0.03375,-0.04956,0.0074,-0.0424,0.05635,0.03601,-0.04989,0.04884,0.06001,0.01506,-0.00633,-0.0189,-0.00015,0.0033,-0.0647,0.09174,-0.0271,-0.08606,0.05466,-0.0761,0.05306,0.01167,0.00577,0.00826,0.05017,0.06707,0.04626,-0.03515,-0.03413,-0.01536,0.00614,-0.0103,0.09058,-0.04069,0.05573,-0.07082,0.01989,0.02655,-0.0609,0.06081,0.0188,-0.01427,-0.0511,-0.04885,0.09614,0.04262,-0.02191,0.07999,0.11261,-0.03402,-0.10555,0.06482,0.04785,0.0302,-0.0562,-0.01203,-0.09865,-0.09032,0.07996,-0.02297,-0.0524,-0.00933,0.05908,-0.04857,0.05229,-0.07746,0.02816,-0.03154,-0.04313,0.01466,-0.00008,0.06799,0.03952,0.06635,0.00541,0,-0.08169,-0.00203,0.08246,0.07298,-0.01613,0.04635,-0.05186,-0.04003,0.01465,0.0347,-0.07217,0.00965,-0.04086,0.0061,-0.01387,-0.01915,-0.08803,-0.03336,0.0507,-0.00953,0.00303,0.00427,0.02287,0.06588,0.01261,-0.03236,0.03611,-0.02375,-0.03465,-0.01693,0.03588,-0.05127,-0.02985,-0.06538,0.03539,-0.05287,-0.04354,0.1141,0.1103,-0.02735,-0.0346,0.07078,-0.01943,-0.08343,-0.00945,0.06035,-0.01142,0.08135,-0.12239,0.10385,-0.09577,0.05401,-0.03082,-0.01444,-0.04338,0.04045,-0.01963,0.01723,0.09219,-0.05125,-0.02248,-0.0573,-0.08003,-0.06143,0.07056,0.04009,0.10674,-0.02154,-0.03955,0.07965,0.07322,0.09406,0.01763,-0.08276,0.07243,-0.04901,0.0858,-0.03431,-0.00291,-0.05802,0.02452,0.04104,-0.01616,0.00671,-0.05434,0.06094,0.01606,0.00797,0.02523,0.01965,-0.02509,-0.00331,0.04639,-0.02692,-0.05337,0,-0.04635,0.02059,0.01548,-0.01107,0.03037,0.10318,0.06329,0.08549,0.00308,-0.00233,0.03235,0.03531,-0.03801,0.03269,0.07078,-0.05128,-0.02749,0.08429,-0.03375,0.0107,0.03074,0.0026,0.04065,0.10229,-0.03263,-0.04614,-0.04069,0.04748,0.05967,-0.02692,0.0059,-0.01936,0.1352,0.0269,-0.0173,0.06953,-0.09877,0.04116,0.03252,0.0772,0.05673,0.0365,-0.00361,-0.04938,-0.08306,-0.02072,0.02525,-0.00564,-0.04676,0.00109,0.00549,0.01143,0.04349,-0.02477,-0.01849,0.00355,-0.00985,-0.05391,0.04638,-0.00506,-0.00664,0.04872,-0.0806,0.00662],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Notes / Pitfalls - This helper affects UX feedback only; it does not persist node positions. - Very small thresholds can make guides feel inconsistent; very large thresholds can feel sticky. - Requires active dragging (fDraggable) to be useful. f Draggable","excerpt":"Notes / Pitfalls - This helper affects UX feedback only; it does not persist node positions. - Very small thresholds can make guides feel inconsistent; very large thresholds can feel sticky. - Requires active dragging (fDraggable) to be useful."},{"chunkId":"/docs/f-magnetic-lines-component#9","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.12911,0.02213,-0.08246,-0.02584,0.05637,0.07169,-0.05679,0.00258,-0.04231,-0.00395,-0.02553,0.05797,-0.01497,-0.00703,-0.04766,0.03281,-0.13865,0.01886,0.00507,0.05613,-0.03695,-0.09198,0.0277,0.00279,0.01029,0.0437,0.02428,0.03426,0.01938,-0.04472,0.06066,0.0861,-0.06863,0.07811,-0.03595,0.06231,-0.01691,0.08634,-0.04727,-0.03397,0.08317,-0.0045,0.01328,-0.1321,0.01865,0.01497,-0.03929,0.01013,-0.01481,0.03935,-0.09552,-0.08424,-0.06805,0.05022,0.04049,0.03102,0.02327,-0.11474,0.0748,0.00431,0.09755,-0.02263,-0.00108,0.00924,0.07116,0.02827,-0.06066,0.02618,-0.00792,0.0044,0.00712,-0.03198,-0.04035,0.02064,0.03215,0.04645,-0.03957,0.10275,-0.04144,-0.00055,-0.06467,0.01122,-0.0278,0.05414,-0.0648,0.12436,-0.03902,-0.08579,0.01616,-0.00477,0.03277,0.02093,-0.08447,-0.01598,0.00287,0.00382,-0.04609,-0.01014,-0.1105,0.03629,0.03379,-0.02213,-0.00652,0.00596,-0.0105,-0.00912,-0.0139,-0.03061,-0.08143,-0.01186,0.03177,0.03313,-0.06066,-0.06637,-0.05231,-0.11082,0.02792,-0.02392,0.05441,0.04871,0.05072,0.07078,-0.05379,0.03027,0.05677,0.0423,0.01135,0,0.01452,0.06217,0.04727,0.01802,0.02829,-0.02718,-0.09916,-0.05645,0.0229,0.0899,-0.0775,-0.00445,0.00082,-0.04345,-0.09111,-0.15879,0.01518,-0.02595,-0.09933,0.01552,-0.03,-0.02782,-0.01382,-0.01463,0.03558,-0.01125,-0.03204,0.02209,0.00168,-0.0065,0.06433,0.00327,0.02217,-0.03823,-0.02701,0.06112,0.00127,-0.06367,-0.00718,-0.04261,0.12556,-0.01616,-0.00829,0.06944,0.00919,0.03832,0.02791,-0.02258,0.0761,-0.01471,-0.0228,0.01736,0.07718,-0.05063,0.0884,-0.06268,0.02645,0.03061,-0.04224,0.04995,-0.00943,-0.01646,-0.02602,-0.01875,0.08101,-0.01181,0.00286,0.0839,0.12634,-0.04164,-0.06567,0.0806,0.01648,0.0564,-0.02785,-0.00449,-0.05963,0.0108,0.11957,-0.01372,-0.0141,-0.02764,0.02689,0.01047,0.06065,-0.06177,-0.00524,-0.05348,-0.02786,-0.04379,0.00645,0.08348,0.00955,0.00703,0.00681,0,-0.03719,0.00449,0.06938,0.08944,-0.03754,0.04074,0.03134,0.03594,-0.01321,0.11595,0.00285,-0.00849,-0.01872,-0.04294,0.03093,0.00105,-0.07459,-0.04701,0.10157,0.01287,0.00994,0.03257,0.01424,0.04445,-0.01553,0.02905,0.0441,0.00948,-0.02195,-0.01155,0.04208,-0.05088,-0.07239,-0.04174,-0.00288,-0.06857,-0.01748,0.14202,0.07712,-0.07001,-0.00847,0.09241,-0.00326,-0.07009,-0.01585,0.0042,0.02833,0.05782,-0.10465,0.06443,-0.10324,0.05266,-0.02904,0.01189,-0.06249,-0.02596,-0.00637,-0.0547,0.03017,-0.02159,0.03385,-0.0596,-0.08532,-0.08006,0.0962,0.09813,0.03111,-0.04592,-0.01224,0.05016,0.06127,0.05743,0.0271,-0.08029,0.07452,-0.00028,0.11226,0.01428,0.04653,-0.03519,0.00402,0.03298,-0.04815,0.05878,-0.02378,0.05971,-0.0278,-0.01386,0.04352,0.01801,-0.07985,-0.0443,0.00312,-0.03873,-0.01657,0,-0.07921,0.00584,-0.01044,-0.0047,0.01864,0.03086,0.0322,-0.00775,0.00228,-0.03332,0.00566,0.06925,-0.03312,0.00659,0.01951,-0.05151,-0.07513,0.07819,-0.02857,0.06668,0.02829,0.01383,0.05333,0.09937,-0.02847,-0.02613,-0.08454,0.02751,0.05896,-0.03101,-0.04026,-0.03918,0.13674,-0.01495,-0.03438,-0.02022,-0.08893,0.02029,0.05273,0.05271,0.03096,0.00837,0.05333,-0.05621,-0.06176,-0.03851,-0.03044,0.01404,-0.02912,0.00493,-0.02605,0.02613,-0.00479,-0.03312,-0.00212,-0.04389,-0.00732,-0.00541,0.01601,-0.02026,-0.01355,0.01706,-0.0612,-0.01319],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Example ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.scss :::","excerpt":"Example ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.scss :::"},{"chunkId":"/docs/f-magnetic-rects-component#0","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.05187,-0.01739,-0.06176,-0.03274,-0.00751,0.03977,-0.02274,0.02101,-0.04519,-0.05962,0.03288,0.01618,0.02271,0.00902,-0.03916,0.0188,-0.02847,0.02271,0.11473,0.0456,-0.09611,-0.06234,0.03069,-0.03131,-0.05282,0.01947,0.00637,0.00657,-0.07259,-0.14845,0.05784,0.06752,-0.04539,0.05648,-0.0896,0.07341,0.01713,0.05102,-0.03095,-0.02439,-0.04897,0.04862,0.09437,-0.02718,0.03221,0.03909,0.00042,-0.01533,0.0193,-0.00159,-0.02631,-0.00135,-0.0402,0.05714,0.12761,0.06102,0.12022,-0.04318,-0.02004,0.00442,0.07714,-0.01525,-0.04012,-0.02283,0.09141,0.04938,-0.03768,0.00693,-0.01951,-0.04419,0.01664,-0.00287,-0.04761,0.01041,0.03552,0.08455,-0.00247,0.05043,-0.01482,0.01189,-0.09613,0.11063,0.00927,0.02025,0.01988,-0.0077,-0.04955,-0.04023,0.01266,0.05404,0.02816,-0.01438,-0.10098,0.03591,-0.06654,-0.0594,-0.00819,0.02276,-0.08038,0.01485,0.07816,-0.04709,0.00678,-0.05234,-0.07314,-0.08988,0.0036,-0.03306,-0.04101,-0.0382,0.00884,0.00406,-0.13269,-0.00022,-0.04117,-0.05432,0.01972,0.00289,0.11571,-0.00515,0.07861,0.09009,-0.04375,0.02807,0.06818,-0.01694,-0.10942,0,-0.01463,0.0365,0.02258,0.09092,0.02363,0.02529,-0.08133,-0.03333,0.08671,0.00082,-0.0395,0.09636,-0.01398,-0.02876,-0.05153,-0.15756,-0.02995,0.03285,-0.14905,-0.08297,-0.0582,0.02158,-0.00315,-0.0059,0.04528,0.01732,-0.01241,0.00506,-0.02534,-0.00815,-0.00071,0.04057,0.01722,0.01432,0.01823,-0.00338,-0.02914,-0.04937,-0.04034,-0.04946,0.0409,0.00784,-0.00254,0.01411,0.08456,-0.04013,0.01029,-0.02638,0.04753,0.03204,0.0302,-0.04151,0.02781,-0.03877,0.03421,-0.10426,0.00559,0.05347,-0.02389,0.05347,0.05567,-0.02094,0.04315,-0.04937,0.00257,0.0533,0.03793,0.0025,0.07509,0.0631,-0.00296,0.06779,0.07747,0.0094,-0.04985,-0.04979,-0.03048,-0.04019,-0.01629,-0.0279,-0.04628,-0.07025,0.00752,-0.06889,-0.06408,-0.08686,0.04297,0.02026,0.00721,-0.04891,0.00931,0.08193,0.00887,0.01013,0.02176,0,-0.09406,0.00655,0.05167,0.0238,-0.01337,-0.0293,-0.01081,0.00896,0.02751,0.06653,-0.07095,-0.08458,0.01294,-0.08622,-0.02709,0.0339,-0.06666,-0.05296,0.01485,0.02187,0.00058,0.0414,0.02982,0.02281,-0.02362,0.05594,-0.00276,-0.01838,0.02924,0.00667,0.01399,-0.08571,0.00632,-0.01484,0.04197,-0.07657,-0.0054,0.08289,0.04588,-0.02677,-0.03001,0.08669,-0.019,0.04642,-0.04692,0.01048,-0.01826,0.04962,0.00768,0.06664,-0.0615,-0.01989,0.00573,-0.05829,-0.06382,0.00087,-0.04532,-0.01014,0.10187,0.0307,-0.01513,-0.10908,0.00201,-0.04682,0.03611,0.00616,0.08419,-0.01472,-0.00529,0.12445,0.11034,0.10845,0.03061,-0.06209,0.00143,0.02564,0.1332,-0.01116,-0.01121,-0.03199,0.00509,0.03541,-0.05112,0.02412,-0.03181,0.00029,0.01099,0.04716,-0.01026,0.01361,-0.00936,0.00614,0.10227,0.03574,-0.00648,0,-0.01542,-0.01743,-0.06099,0.00747,-0.02131,0.00652,0.01229,0.04466,-0.02791,-0.0245,0.03443,0.03763,-0.00293,-0.01345,0.08088,-0.00732,-0.04612,0.06902,-0.04887,0.08979,0.03131,0.00631,0.00626,0.07172,-0.08623,0.05326,-0.08814,0.0463,0.07795,-0.04823,0.03877,-0.00138,0.14193,-0.02011,-0.08281,0.05264,-0.06751,0.06577,0.00314,0.06924,-0.02846,-0.10403,0.04217,-0.02593,-0.11314,-0.06246,-0.02375,-0.00279,-0.0097,0.0278,0.01253,0.03841,0.01302,-0.06654,-0.03994,0.05096,0.00351,-0.03634,0.08677,0.0072,-0.04879,0.02047,-0.02941,0.02492],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Magnetic Rects Selector: f-magnetic-rects Class: FMagneticRects FMagneticRects shows spacing and alignment helper rectangles while dragging nodes. F Magnetic Rects","excerpt":"Magnetic Rects Selector: f-magnetic-rects Class: FMagneticRects FMagneticRects shows spacing and alignment helper rectangles while dragging nodes."},{"chunkId":"/docs/f-magnetic-rects-component#1","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.0823,-0.01671,-0.01499,-0.0401,-0.04294,0.00421,-0.05843,0.04478,0.03303,-0.05655,0.01006,0.02577,0.0445,0.00105,0.00369,0.00647,-0.0185,0.0475,0.09357,0.02126,-0.11252,-0.0813,0.00909,-0.00888,-0.0448,0.04535,-0.01264,0.01119,-0.03795,-0.15121,0.04213,0.07747,-0.00876,0.04008,-0.10815,0.08243,0.00468,0.09263,-0.07989,-0.06002,-0.09216,0.03311,0.0854,-0.00959,0.06356,0.00436,-0.04439,-0.01216,0.01242,0.0026,-0.03963,-0.00412,-0.04549,0.00894,0.11846,0.0715,0.10342,-0.03548,-0.01521,-0.00799,0.08357,0.00882,-0.06006,0.02322,0.07149,0.03965,-0.02496,0.04569,0.00312,-0.02034,0.0087,0.00563,-0.0632,0.03302,-0.00066,0.06914,-0.00299,0.01022,-0.03186,0.03531,-0.06173,0.10973,-0.01656,0.0455,0.04225,0.00458,0.00482,-0.05158,0.0066,0.01512,0.01962,-0.00476,-0.04085,0.04206,-0.03884,-0.02627,-0.01245,0.01247,-0.09828,0.03879,0.07462,-0.00955,0.0111,-0.06039,-0.02398,-0.10581,0.02371,-0.01426,-0.04116,-0.05032,0.00327,-0.03061,-0.11793,-0.00491,-0.03479,-0.05865,0.01713,-0.01534,0.13599,0.01761,0.05298,0.07865,-0.06738,0.00673,0.05731,-0.04058,-0.0325,0,-0.01202,0.03272,0.02344,0.12106,0.07682,0.02485,-0.1029,-0.02675,0.10843,0.03414,0.00641,0.05316,-0.02246,0.0423,-0.01339,-0.10529,-0.02505,0.04471,-0.15912,-0.06459,-0.07889,-0.01111,0.02469,-0.00037,0.05118,0.02312,0.02073,0.0314,-0.03225,-0.01616,-0.03097,0.00398,0.04733,0.01772,0.00579,0.01649,-0.01013,-0.09357,-0.01832,-0.02344,0.00058,0.04606,-0.01531,-0.00877,0.08501,-0.01814,0.01546,-0.00377,0.00806,0.04571,0.01447,0.04987,0.05277,-0.02128,0.0242,-0.14,0.02333,-0.00362,-0.04156,0.06031,0.04046,-0.01788,0.00746,-0.00399,-0.03738,0.09767,0.02765,0.0138,0.06205,0.02457,-0.04874,0.05259,0.00623,0.00517,-0.05663,-0.07187,-0.02642,-0.01299,0.01222,-0.03628,-0.04913,-0.05066,-0.00082,-0.03378,-0.05863,-0.08517,0.04953,0.03643,-0.01129,-0.04125,0.01198,0.06766,0.05173,0.01987,0.04098,0,-0.11191,-0.00665,0.02804,0.03309,0.00389,-0.02995,0.00682,-0.01029,0.07858,0.04785,-0.09088,-0.05157,0.01427,-0.09272,-0.00797,0.04324,-0.04337,-0.07736,0.00616,0.00128,0.05127,0.03769,-0.0057,0.01723,0.01272,0.06193,-0.08736,-0.04077,-0.0012,-0.00199,0.03157,-0.1103,0.01033,-0.0429,0.00816,-0.0612,-0.01506,0.12618,0.0415,0.00452,-0.02786,0.06539,-0.02347,0.02091,-0.03848,0.03479,-0.04773,0.00595,-0.01676,0.0573,-0.05653,-0.00934,0.00739,-0.08795,-0.0589,-0.02496,-0.06234,0.01083,0.06429,0.04241,-0.04013,-0.12328,0.02528,-0.04505,0.01422,0.01609,0.06009,-0.01726,-0.02498,0.08448,0.07961,0.0885,-0.01615,-0.0125,-0.01282,0.01608,0.13576,-0.05408,-0.01455,-0.01819,-0.04348,0.01856,-0.03524,0.03229,-0.03929,0.0225,0.00386,-0.00984,-0.01252,0.02306,-0.0161,0.02111,0.05959,0.06628,-0.01093,0,-0.0051,-0.02374,-0.06206,0.01844,-0.04478,-0.01091,0.02894,0.03392,-0.0104,-0.01651,0.0797,0.04666,-0.02228,-0.02175,0.0812,0.00683,-0.04209,0.0637,-0.07298,0.06479,0.04855,0.03683,-0.04258,0.05807,-0.07374,0.07113,-0.06403,0.07293,0.04753,-0.07094,0.05682,0.01126,0.19316,0.02212,-0.05898,0.03199,-0.05386,0.09009,0.00813,0.04929,-0.05716,-0.08585,0.06896,-0.02363,-0.08371,-0.06074,-0.02414,0.00763,-0.03368,0.02007,-0.01528,0.03112,0.00244,-0.0762,0.01829,0.03311,0.04528,-0.03667,0.09608,0.00041,-0.02286,0.01855,-0.03836,0.00257],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Why / Use cases Use f-magnetic-rects when users need consistent visual rhythm (equal gaps) in addition to plain line alignment. Typical use cases: - Builder tools where spacing consistency is part of UX quality. - Diagram editors with card-like blocks. - Flows that should look hand-organized but still precise.","excerpt":"Why / Use cases Use f-magnetic-rects when users need consistent visual rhythm (equal gaps) in addition to plain line alignment. Typical use cases: - Builder tools where spacing consistency is part of UX quality. - Diagram editors with card-like blocks. - Flows that should look hand-organized but still precise."},{"chunkId":"/docs/f-magnetic-rects-component#2","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.08848,-0.01355,-0.01213,-0.03876,-0.00903,0.02969,-0.05633,0.02486,-0.00757,-0.05154,0.02831,0.02018,0.04652,0.01561,-0.04145,0.02645,-0.02412,0.05478,0.07963,0.02261,-0.08453,-0.11275,-0.00105,-0.01612,-0.00298,0.05163,-0.0058,0.02413,-0.03227,-0.14624,0.05466,0.05584,-0.01849,0.06658,-0.1009,0.07537,0.00218,0.07523,-0.0634,-0.05114,-0.08342,0.03384,0.07506,-0.01689,0.04376,0.02488,-0.00541,0.00008,-0.0013,-0.00391,-0.04001,-0.01459,-0.01568,0.00509,0.10424,0.08045,0.11337,-0.03051,0.00704,0.01093,0.09495,-0.01449,-0.02124,0.00403,0.07185,0.03722,-0.03641,0.02738,-0.02151,-0.06249,0.02256,0.00027,-0.03801,0.01528,0.00106,0.05074,-0.00434,0.02955,-0.03001,0.01413,-0.05063,0.12023,0.00765,0.05658,0.01962,0.00768,-0.01068,-0.04047,0.001,0.01611,0.03626,-0.0324,-0.11697,0.05339,-0.0659,-0.04877,-0.01841,0.0244,-0.07414,0.03709,0.08201,-0.01959,-0.00075,-0.07033,-0.04559,-0.08974,0.00815,-0.05313,-0.04046,-0.01589,0.01997,-0.01121,-0.14491,0.03132,-0.06311,-0.04242,0.02033,-0.01608,0.12192,-0.04545,0.06741,0.10506,-0.04152,0.0177,0.06109,-0.02661,-0.0688,0,-0.01564,-0.00028,-0.00483,0.1088,0.03846,0.01433,-0.09938,-0.01058,0.08392,-0.00821,-0.01485,0.07424,-0.00333,0.02344,-0.02732,-0.11243,-0.036,0.06301,-0.16527,-0.06714,-0.08809,-0.01505,-0.02181,0.00752,0.03422,0.03981,-0.00844,0.01306,-0.01663,-0.02256,-0.02311,0.03885,0.02457,0.02305,0.01294,-0.00705,-0.01853,-0.06357,-0.01006,-0.04381,0.01146,0.04098,-0.00839,-0.00006,0.06,-0.03624,0.01715,-0.00382,0.02401,0.02564,0.01449,-0.01299,0.04903,-0.01623,0.02539,-0.11977,-0.00725,0.01069,-0.01702,0.06446,0.04754,-0.04536,0.01232,-0.03645,-0.00909,0.07361,0.01711,0.00956,0.08488,0.05457,-0.03976,0.0669,0.05192,0.01759,-0.06196,-0.05986,-0.0408,-0.0204,-0.00712,-0.00129,-0.05311,-0.06582,0.0451,-0.06894,-0.06964,-0.09744,0.061,0.03067,-0.01459,-0.06955,0.00129,0.06318,0.01479,0.01603,0.04023,0,-0.08272,0.02933,0.05154,0.025,0.00228,-0.02519,-0.00912,-0.00934,0.05459,0.05583,-0.10184,-0.06452,0.01741,-0.06494,-0.01649,0.05724,-0.06799,-0.04378,-0.01813,-0.02376,0.03628,0.06505,-0.00981,0.01579,-0.00143,0.05807,-0.01213,-0.03403,0.00228,0.0146,0.02489,-0.12804,0.01477,0.00418,0.03933,-0.06669,-0.01316,0.09528,0.04814,-0.02036,-0.03754,0.0408,-0.05722,0.05478,-0.03548,0.03182,-0.03605,0.03896,-0.00448,0.0354,-0.04442,-0.00239,0.03672,-0.05854,-0.02438,-0.01187,-0.06861,0.00444,0.07949,0.01848,-0.00711,-0.12158,0.0201,-0.01529,0.01937,0.01886,0.06522,-0.06067,-0.05885,0.09727,0.09433,0.11701,0.02329,-0.03637,0.01725,0.00388,0.13675,-0.02758,-0.00106,-0.03444,-0.03921,0.01792,-0.03883,0.01259,-0.02801,0.03004,0.01013,0.05059,-0.02351,0.0086,-0.02874,0.01482,0.07289,0.05362,0.0002,0,0.00299,-0.02301,-0.06273,-0.01561,-0.04748,0.02693,0.04414,0.08065,-0.01662,-0.01093,0.07843,0.03148,-0.01007,-0.00827,0.0819,-0.0005,-0.02416,0.04961,-0.07199,0.06602,0.06659,0.01584,0.00634,0.06847,-0.09002,0.05628,-0.08454,0.09771,0.05556,-0.08568,0.06691,-0.00621,0.16935,0.00611,-0.05271,0.06586,-0.05591,0.08509,0.00169,0.07343,-0.05553,-0.11491,0.05571,-0.01717,-0.05236,-0.03197,-0.01095,-0.00262,-0.01831,0.01703,0.01081,0.02885,-0.00596,-0.05082,-0.0185,0.03786,0.01547,-0.02976,0.11123,0.0135,-0.01858,0.01476,-0.03585,0.01009],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. How it works During drag, helper calculations detect candidate spacing/alignment relationships and render temporary rectangle overlays to show potential placement matches.","excerpt":"How it works During drag, helper calculations detect candidate spacing/alignment relationships and render temporary rectangle overlays to show potential placement matches."},{"chunkId":"/docs/f-magnetic-rects-component#3","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.08385,-0.01417,-0.01815,-0.03642,-0.03299,0.01158,-0.05814,0.01841,-0.0487,-0.05745,0.02389,0.02285,0.06409,0.00595,-0.00825,0.0305,-0.02787,0.06074,0.09435,0.03162,-0.1049,-0.07971,0.01599,-0.01425,-0.01491,0.04041,0.01048,0.0285,-0.05148,-0.12957,0.06941,0.04227,-0.01121,0.07458,-0.07632,0.06375,-0.01281,0.07669,-0.04818,-0.04338,-0.08415,0.05887,0.07011,-0.02132,0.04049,0.02917,-0.03845,-0.01001,0.01498,-0.01408,-0.04471,-0.03027,-0.01251,-0.01067,0.11205,0.06928,0.08897,-0.01009,0.0073,0.01587,0.10366,-0.01226,-0.0232,0.01235,0.07285,0.07411,-0.03201,0.02071,-0.02981,-0.05698,0.00121,0.00968,-0.03972,0.0214,-0.00252,0.05776,0.01379,0.01314,-0.03172,0.01772,-0.09901,0.1287,-0.00037,0.05854,0.00923,-0.01108,-0.01006,-0.02273,0.00336,0.01355,0.01345,-0.03282,-0.10687,0.05155,-0.07413,-0.03746,0.00354,-0.0075,-0.10178,0.02955,0.06402,-0.02836,-0.0063,-0.07814,-0.04172,-0.08119,-0.00384,-0.03116,-0.0299,0.00037,0.02493,-0.00424,-0.15434,0.02353,-0.05385,-0.05131,0.03989,-0.01361,0.138,-0.03201,0.08528,0.10273,-0.0576,0.00848,0.05454,-0.0421,-0.04075,0,-0.0113,0.01482,0.02977,0.09549,0.07091,0.0157,-0.08817,-0.00549,0.0793,0.00176,-0.02775,0.08257,-0.00654,-0.00001,-0.02097,-0.12627,-0.03223,0.06391,-0.14352,-0.06649,-0.09505,-0.01229,-0.00863,0.01445,0.01577,0.01401,0.00241,0.02878,-0.03517,-0.02497,-0.01811,0.04639,0.02742,0.02591,0.00219,-0.02792,-0.02509,-0.05166,-0.02749,-0.04692,0.01907,0.03975,0.01596,0.00119,0.06431,-0.02101,0.0126,-0.00491,0.04696,0.01898,0.00097,0.00913,0.04456,-0.02478,0.02779,-0.14037,0.00356,0.02942,-0.01532,0.07337,0.05858,-0.05556,0.04231,-0.0451,-0.02125,0.07826,0.0074,-0.00958,0.0586,0.05485,-0.02677,0.06481,0.05479,0.01697,-0.08198,-0.05211,-0.02795,-0.01296,-0.00281,-0.01618,-0.04548,-0.05368,0.0338,-0.06425,-0.04579,-0.08852,0.06881,0.04773,-0.00863,-0.04395,0.00109,0.06451,0.0309,-0.00444,0.03383,0,-0.08601,0.01495,0.02879,0.0269,0.00944,-0.02367,-0.01819,0.02727,0.03768,0.06645,-0.08001,-0.08307,0.01905,-0.07179,-0.01557,0.05396,-0.0621,-0.03179,-0.00231,0.00456,0.0127,0.07963,-0.00891,0.01517,0.01944,0.05318,-0.05039,-0.00926,0.00397,0.02282,0.01209,-0.10914,0.01078,0.0051,0.03483,-0.07506,-0.02848,0.09759,0.04435,-0.02086,-0.01781,0.02104,-0.04466,0.04545,-0.04055,0.01154,-0.02459,0.05146,-0.04014,0.04102,-0.04195,-0.00373,0.04911,-0.07953,-0.04021,-0.02459,-0.07431,0.00927,0.0879,0.00492,-0.01924,-0.12231,0.02168,0.00802,0.02647,0.03025,0.06048,-0.04163,-0.06808,0.09138,0.08818,0.09915,0.01735,-0.0406,0.01722,0.00847,0.13151,-0.03145,-0.01007,-0.03566,-0.02339,0.02987,-0.03728,0.0213,-0.02191,0.01359,0.00702,0.04205,-0.01435,0.03148,-0.03934,0.01033,0.07357,0.05931,0.00765,0,-0.00267,-0.00946,-0.08351,0.01329,-0.02667,0.02297,0.04996,0.06215,-0.02257,-0.00131,0.06508,0.02043,-0.00422,0.00308,0.06545,-0.00454,-0.05359,0.05595,-0.04742,0.08664,0.03629,0.01829,0.00122,0.04895,-0.06855,0.06629,-0.09181,0.08092,0.06584,-0.09028,0.05082,-0.02132,0.17969,-0.01137,-0.0573,0.04043,-0.067,0.08293,0.00594,0.06471,-0.06173,-0.10866,0.06306,-0.01757,-0.0694,-0.04328,-0.00019,0.01625,0.01502,0.01326,0.00634,0.01717,0.01082,-0.09377,-0.01654,0.03789,0.00733,-0.03016,0.11122,0.03495,-0.03059,0.02181,-0.03371,0.01207],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. API","excerpt":"API"},{"chunkId":"/docs/f-magnetic-rects-component#4","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.07308,-0.03042,-0.04921,-0.05534,-0.04161,0.02946,-0.04105,0.01984,-0.02055,-0.05619,0.02169,0.01199,0.04795,0.00825,-0.04033,0.0216,-0.04579,0.06182,0.0912,0.00755,-0.07152,-0.09249,0.00731,-0.01469,-0.02849,0.03981,0.00723,0.03464,-0.04099,-0.12317,0.04952,0.03233,0.02097,0.06393,-0.09336,0.0639,-0.0084,0.06797,-0.04112,-0.02995,-0.05021,0.02845,0.08489,-0.02669,0.0596,0.03922,-0.05243,0.01036,0.01722,-0.00459,-0.05324,-0.02106,-0.04952,0.01249,0.11307,0.07186,0.08343,-0.01466,0.02875,0.00397,0.1258,-0.0207,-0.01032,0.00378,0.06803,0.05784,-0.02028,0.00253,-0.03653,-0.03889,0.01592,0.01889,-0.04428,-0.0109,-0.0184,0.05724,0.01196,0.03829,-0.0319,0.0099,-0.07629,0.13143,0.01444,0.06291,-0.00609,-0.01193,0.00071,-0.03729,0.02191,0.0249,0.00326,-0.03026,-0.14919,0.06816,-0.08793,-0.02946,0.002,0.02776,-0.10007,0.03426,0.07462,-0.03289,-0.03593,-0.0906,-0.03821,-0.06973,0.00361,-0.02086,-0.01265,-0.02879,0.0241,-0.00415,-0.16164,0.04088,-0.05096,-0.06664,0.05126,-0.00683,0.12423,-0.03491,0.06571,0.09461,-0.09374,-0.00941,0.05477,-0.02766,-0.05918,0,-0.01121,0.02452,0.02599,0.09046,0.03359,0.03646,-0.11193,-0.019,0.07456,-0.00397,-0.04236,0.07162,-0.01021,-0.01143,-0.05037,-0.10423,-0.01704,0.04424,-0.13632,-0.08664,-0.08373,0.00005,-0.02755,0.00856,0.03908,0.00867,-0.00682,0.00763,-0.02226,-0.03587,0.00324,0.04974,0.0514,0.02034,-0.00467,-0.00039,0.00349,-0.04319,-0.00683,-0.04798,0.01658,0.04192,0.02351,0.0007,0.0725,-0.01108,-0.00088,-0.02628,0.04943,0.02133,-0.00303,-0.00085,0.04289,-0.04153,0.0061,-0.1225,0.00672,0.0324,-0.04248,0.061,0.0621,-0.07351,0.03941,-0.04458,-0.03428,0.07806,0.01173,-0.00123,0.07203,0.04257,-0.05398,0.07891,0.03292,0.03258,-0.08681,-0.04174,-0.01726,-0.02433,-0.0074,0.01191,-0.04837,-0.05342,0.04443,-0.05899,-0.05235,-0.10669,0.05058,0.04785,0.0251,-0.05502,0.00972,0.06542,0.02678,0.00506,0.02723,0,-0.06695,0.04104,0.026,0.05021,-0.00088,-0.00808,-0.00071,0.03782,0.02577,0.05488,-0.05488,-0.07293,0.01802,-0.0752,-0.05948,0.04951,-0.05719,-0.02542,0.0024,0.00202,0.02251,0.05968,-0.00741,0.00921,0.02427,0.0518,-0.00764,-0.01723,-0.00659,-0.00029,0.02722,-0.11482,0.00521,-0.00822,0.02772,-0.06564,-0.00789,0.05982,0.05188,0.00752,-0.00734,0.0464,-0.0583,0.04507,-0.02378,0.03543,0.01545,0.03158,-0.04275,0.05381,-0.02503,0.00097,0.03634,-0.05123,-0.05,-0.02484,-0.09013,0.03531,0.09312,0.01923,-0.00299,-0.13518,0.00521,0.00414,0.02089,0.04459,0.06493,-0.02755,-0.05115,0.07832,0.06892,0.09615,0.01413,-0.04864,-0.00329,-0.03415,0.10852,-0.0308,0.00588,-0.03227,-0.00667,0.04747,-0.0495,0.02643,-0.01994,0.04031,0.03015,0.05176,-0.01135,0.01528,-0.0443,0.00594,0.05742,0.0231,-0.00523,0,-0.02081,-0.00895,-0.06813,-0.00421,-0.02191,0.02629,0.06597,0.06104,-0.01891,0.00151,0.05383,0.04078,-0.01507,-0.01493,0.07339,0.00379,-0.0535,0.04165,-0.03298,0.10383,0.04052,0.01061,-0.02011,0.07321,-0.07219,0.04339,-0.08228,0.08627,0.06231,-0.07655,0.04591,-0.02359,0.18436,-0.01457,-0.06585,0.05468,-0.07924,0.09538,0.02504,0.05282,-0.05958,-0.11175,0.07075,-0.02898,-0.073,-0.04881,0.00314,0.02189,-0.01781,-0.01158,0.02349,0.02988,0.01658,-0.11667,-0.02211,0.00879,0.0119,-0.01532,0.08229,0.02334,-0.02704,0.01869,-0.05475,0.00383],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Inputs - alignThreshold: number; Default: 100. Distance in pixels to show alignment guides for node edges/centers. - spacingThreshold: number; Default: 100. Distance in pixels to show equal spacing guides between nodes. align Threshold spacing Threshold","excerpt":"Inputs - alignThreshold: number; Default: 100. Distance in pixels to show alignment guides for node edges/centers. - spacingThreshold: number; Default: 100. Distance in pixels to show equal spacing guides between nodes."},{"chunkId":"/docs/f-magnetic-rects-component#5","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.07543,-0.01747,-0.04601,-0.03909,-0.05233,0.00471,-0.04265,0.02272,-0.03583,-0.05376,0.03525,0.01454,0.06369,-0.00414,-0.0464,0.04006,-0.03173,0.0484,0.11071,0.00992,-0.08464,-0.08887,0.01068,-0.0146,-0.01982,0.05134,-0.00046,0.02377,-0.0708,-0.15604,0.06165,0.04728,-0.00139,0.05509,-0.09212,0.06304,0.00591,0.077,-0.03856,-0.0339,-0.07349,0.02743,0.10125,-0.01485,0.03408,0.02507,-0.04386,-0.02072,0.01605,-0.02547,-0.03134,-0.01781,-0.02352,0.00375,0.11911,0.06009,0.0784,-0.0161,-0.00448,-0.00863,0.09739,-0.00801,-0.05168,0.02034,0.09905,0.04842,-0.02884,0.0229,-0.03818,-0.04352,0.00955,0.01373,-0.05942,0.00494,0.01459,0.06264,0.02293,0.00995,-0.03309,0.02537,-0.09045,0.12053,-0.01134,0.06308,0.0143,-0.0018,-0.01056,-0.03009,-0.00197,0.01303,0.01591,-0.03277,-0.11828,0.05653,-0.07845,-0.04025,-0.0026,-0.00076,-0.08003,0.04332,0.07505,-0.0137,0.00238,-0.09223,-0.05001,-0.0885,0.01319,-0.02211,-0.02922,-0.01926,0.01896,0.00363,-0.1463,0.01054,-0.02977,-0.04891,0.0316,0.00506,0.12508,-0.02084,0.08337,0.09227,-0.0789,0.01283,0.03835,-0.03527,-0.04476,0,-0.01943,0.00304,0.01581,0.08804,0.05308,0.03666,-0.10465,-0.02288,0.09197,0.02557,-0.03092,0.08841,0.01464,0.01273,-0.01588,-0.13854,-0.00591,0.05237,-0.13977,-0.08717,-0.10344,0.01976,-0.00849,0.00366,0.03874,0.02283,-0.00311,0.01022,-0.03553,-0.01754,-0.02269,0.06395,0.03545,0.01944,0.00047,-0.0168,-0.02878,-0.07342,-0.01276,-0.04711,0.00667,0.01863,0.00987,0.01027,0.07443,-0.01734,0.01845,-0.01838,0.03871,0.03495,0.01761,0.00776,0.03526,-0.01809,0.02021,-0.11705,0.00876,0.00579,-0.02985,0.07666,0.05766,-0.02342,0.03588,-0.04928,-0.04717,0.08288,0.01473,-0.00881,0.09161,0.0562,-0.04223,0.07037,0.04458,0.0039,-0.06652,-0.03648,-0.02223,-0.02237,-0.0033,-0.02318,-0.04908,-0.05837,0.0236,-0.07849,-0.0264,-0.0663,0.04137,0.0375,0.00134,-0.04682,-0.03313,0.06771,0.02324,-0.0197,0.02192,0,-0.0881,0.03688,0.00335,0.0256,-0.00939,-0.02439,0.00078,0.01233,0.02927,0.0627,-0.08639,-0.07231,0.03142,-0.06815,-0.00213,0.03513,-0.05815,-0.04372,-0.01538,0.01079,0.03051,0.08966,0.00686,0.01905,0.01535,0.05947,-0.04278,-0.01868,0.01039,0.02002,0.02523,-0.11492,0.02428,-0.00739,0.02349,-0.07694,0.01158,0.0782,0.04209,-0.0234,-0.01401,0.04601,-0.03305,0.0611,-0.04353,0.01538,-0.01922,0.043,-0.02464,0.04883,-0.04649,-0.0113,0.02645,-0.05737,-0.04574,-0.04025,-0.07702,0.00552,0.08411,0.02753,-0.02266,-0.13897,0.02412,-0.01171,0.02202,0.025,0.05621,-0.02837,-0.04487,0.10538,0.0925,0.11822,0.02747,-0.05529,-0.00065,0.01883,0.10174,-0.04653,-0.01779,-0.02263,-0.02843,0.02422,-0.03129,0.01901,-0.01226,0.00045,0.02077,0.01695,-0.02041,0.02536,-0.02578,0.0193,0.08356,0.05114,0.0037,0,0.0071,-0.02145,-0.06704,0.01451,-0.02538,0.01338,0.05591,0.03106,-0.0237,-0.00509,0.06752,0.02449,-0.01609,-0.00733,0.08964,0.01006,-0.03926,0.04125,-0.05564,0.07929,0.04691,0.01096,-0.01807,0.05746,-0.07406,0.05977,-0.08631,0.07717,0.05265,-0.08267,0.06048,-0.00536,0.17307,-0.01142,-0.04842,0.05697,-0.05953,0.08996,0.01381,0.06252,-0.07572,-0.10049,0.05403,-0.01126,-0.08865,-0.05055,-0.01488,0.00493,-0.00227,0.01475,0.00909,0.02773,0.02506,-0.09714,-0.01004,0.02238,0.0188,-0.02776,0.0892,0.04069,-0.02424,0.02504,-0.03332,0.00398],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-magnetic-rects-component#6","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.08933,0.00339,-0.02914,-0.03456,-0.03896,0.00962,-0.05251,0.0321,-0.04978,-0.05207,0.02566,0.02322,0.05434,0.00949,-0.01254,0.04117,-0.04038,0.06718,0.10395,0.02625,-0.08569,-0.08736,0.00718,-0.00642,-0.01383,0.04561,0.01067,0.02095,-0.0474,-0.13844,0.06508,0.03176,-0.01669,0.0688,-0.07925,0.0663,0.00003,0.07772,-0.04943,-0.03924,-0.08834,0.05358,0.06722,-0.01959,0.0596,0.03384,-0.03637,-0.00504,0.00542,-0.03069,-0.04327,-0.02278,-0.01505,-0.0179,0.12372,0.04333,0.08989,-0.0215,0.01481,0.00388,0.10201,-0.01655,-0.04576,0.01459,0.08272,0.0537,-0.02309,0.0281,-0.01218,-0.05183,0.00598,0.00757,-0.05083,0.04007,-0.00931,0.05671,0.01661,0.02018,-0.03965,0.01406,-0.102,0.13008,0.00375,0.04356,0.03426,0.00928,-0.02219,-0.02504,0.01256,0.0212,0.03087,-0.01625,-0.11221,0.04963,-0.07596,-0.03717,0.01375,-0.00567,-0.08995,0.04472,0.07252,-0.02744,-0.01202,-0.07892,-0.03709,-0.08942,0.02039,-0.03969,-0.02292,0.00288,0.02186,-0.00281,-0.16746,-0.00577,-0.04536,-0.04965,0.03958,-0.00453,0.12915,-0.017,0.0889,0.09034,-0.05993,0.00151,0.04471,-0.03863,-0.06097,0,-0.01045,0.02415,0.01268,0.10011,0.06226,0.02067,-0.09236,-0.00748,0.08412,0.00837,-0.01038,0.08659,-0.00741,0.01044,-0.0214,-0.12612,-0.0253,0.06342,-0.13653,-0.09084,-0.08295,-0.00564,-0.00207,0.02714,0.02158,0.02651,0.00954,0.01301,-0.02926,-0.01274,0.00376,0.03314,0.0195,0.03075,0.00487,-0.01717,-0.02529,-0.06715,-0.02629,-0.03544,0.02215,0.00821,0.01358,0.00433,0.07511,-0.02204,0.02083,-0.01304,0.04324,0.00288,0.01648,0.00849,0.0276,-0.03017,0.02971,-0.11932,-0.00468,0.01045,-0.01542,0.06179,0.04545,-0.05208,0.04525,-0.0468,-0.02673,0.06918,0.00899,-0.01817,0.07284,0.0485,-0.0199,0.0784,0.04243,0.00351,-0.09145,-0.05044,-0.01332,-0.00563,0.00439,-0.01855,-0.0693,-0.05903,0.03281,-0.0732,-0.03751,-0.07641,0.06611,0.03981,-0.01411,-0.05727,-0.01894,0.06658,0.02195,-0.01222,0.02977,0,-0.08283,0.01657,0.03028,0.03868,-0.0095,-0.03579,-0.01651,0.01764,0.03203,0.06013,-0.08752,-0.08536,0.0221,-0.07257,0.00414,0.04711,-0.06495,-0.04224,-0.01061,0.0203,-0.00609,0.07377,-0.00341,0.01314,0.01215,0.05755,-0.05972,-0.02854,0.019,0.01872,0.00995,-0.10289,0.01686,-0.0065,0.01927,-0.05843,-0.0027,0.09083,0.03764,-0.00853,-0.01068,0.0335,-0.03521,0.03822,-0.05627,0.00496,-0.02861,0.05547,-0.01318,0.05321,-0.02499,-0.02487,0.03247,-0.05551,-0.04574,-0.03328,-0.07629,-0.00881,0.08904,0.02714,-0.01399,-0.13178,0.01934,-0.00514,0.03385,0.02344,0.04995,-0.0374,-0.06694,0.0947,0.0988,0.1128,0.02428,-0.04803,0.00337,0.01011,0.12767,-0.02717,-0.02671,-0.03982,-0.02051,0.02605,-0.03803,0.01316,-0.01956,-0.0055,0.0183,0.0267,-0.02963,0.02132,-0.04383,0.01944,0.08758,0.07296,0.00881,0,0.00446,-0.01986,-0.06721,0.00685,-0.01995,0.02687,0.0366,0.05046,-0.02704,-0.00051,0.0588,0.03129,-0.00417,-0.00716,0.08256,-0.0136,-0.05985,0.05355,-0.05574,0.0807,0.03754,0.02415,-0.01559,0.04322,-0.06381,0.0797,-0.08674,0.08281,0.07779,-0.07759,0.04845,-0.00827,0.18975,0.0006,-0.0586,0.05939,-0.05282,0.07922,-0.0063,0.05479,-0.04819,-0.10644,0.05591,-0.01965,-0.07019,-0.04222,-0.01371,0.01391,0.00125,0.02414,0.01133,0.02414,0.02179,-0.08392,-0.0225,0.04308,0.02105,-0.02867,0.098,0.03614,-0.0232,0.01691,-0.03141,0.02072],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-magnetic-rects-component#7","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.08041,0.00763,-0.0403,-0.04852,-0.0285,0.03233,-0.03215,0.04502,-0.03398,-0.05591,0.0006,0.00095,0.03354,-0.00639,-0.01509,0.02796,-0.05428,0.04447,0.0879,0.02831,-0.08537,-0.09263,0.01167,-0.00992,-0.03351,0.06629,0.02398,0.04375,-0.03939,-0.15062,0.07667,0.06388,-0.02224,0.07551,-0.11532,0.06377,0.01605,0.10897,-0.07179,-0.03551,-0.08476,0.02464,0.08094,-0.03873,0.05992,0.02758,-0.03712,-0.03677,0.00989,-0.02631,-0.0185,-0.0321,-0.02906,0.0371,0.11562,0.05409,0.10881,-0.03375,-0.0119,-0.00211,0.07016,-0.01329,-0.02634,0.01369,0.04996,0.03277,-0.03733,0.04774,-0.01243,-0.06156,0.00264,0.01619,-0.0379,-0.00367,-0.00431,0.04571,0.02071,0.04037,-0.04499,0.01821,-0.06014,0.13085,0.00828,0.03606,0.01275,0.02288,-0.01333,-0.04336,-0.00574,0.03096,-0.00269,-0.00225,-0.07994,0.04119,-0.03636,-0.02228,-0.03264,-0.00542,-0.08851,0.04105,0.06802,-0.03756,-0.00229,-0.06994,-0.01761,-0.07935,-0.00541,0.0094,-0.01901,-0.04928,0.00913,-0.01864,-0.14418,-0.01381,-0.03607,-0.0732,0.02514,-0.04204,0.09805,-0.02307,0.08441,0.10031,-0.06832,-0.0029,0.06371,-0.04595,-0.068,0,0.00835,0.01357,-0.00464,0.1109,0.07596,0.03867,-0.06728,-0.03636,0.07751,0.02654,-0.01667,0.06051,-0.04335,0,-0.06196,-0.14487,-0.03043,0.04638,-0.1648,-0.0789,-0.0723,0.00812,-0.00715,-0.00215,0.04556,0.0258,0.00007,0.03461,-0.05044,-0.02223,0.00251,0.02098,0.04349,0.01364,-0.00127,-0.03806,-0.01675,-0.0467,-0.02163,-0.05625,0.00571,0.03053,0.01103,0.01025,0.0618,-0.02236,0.00773,0.00644,0.05758,0.03273,0.01873,0.0262,0.05222,-0.02229,0.04667,-0.1389,0.00669,0.07486,-0.03088,0.0707,0.03153,-0.00638,-0.00438,-0.04676,-0.02387,0.0877,0.0222,-0.00563,0.0654,0.02602,-0.04254,0.07458,0.02594,0.01891,-0.0462,-0.05347,-0.0148,-0.01792,-0.00693,-0.00865,-0.08646,-0.06201,0.02199,-0.03704,-0.06388,-0.08972,0.06629,0.02377,-0.00187,-0.07676,-0.00251,0.0594,0.04628,-0.00247,0.04691,0,-0.07446,0.03571,0.00609,0.0436,0.02548,-0.00219,0.01541,0.024,0.0396,0.07665,-0.06542,-0.04427,0.01451,-0.09023,0.00579,0.04823,-0.06459,-0.05311,-0.00621,0.00345,-0.00119,0.08819,-0.00303,-0.01599,-0.00503,0.06478,-0.04432,-0.01251,0.02612,0.00994,0.02757,-0.1111,0.00763,-0.01531,0.00919,-0.08213,-0.00386,0.09503,0.03031,0.00572,-0.02593,0.03094,-0.02851,0.06728,-0.06951,0.02171,-0.02353,0.02029,-0.01263,0.03632,-0.06454,-0.03401,0.02388,-0.05914,-0.03367,-0.01545,-0.03829,0.00571,0.062,0.02896,-0.00065,-0.13365,0.01197,-0.02605,0.02434,0.0186,0.02943,-0.02777,-0.025,0.08984,0.10902,0.11514,0.01605,-0.03639,0.03521,-0.00532,0.1361,-0.01336,0.01309,-0.00628,-0.03558,0.04492,-0.037,0.00966,-0.0075,-0.01674,0.02089,0.0179,-0.005,0.0001,-0.0492,0.02849,0.09235,0.05225,-0.00363,0,-0.01677,-0.04348,-0.07364,-0.0118,-0.02704,0.01725,0.01761,0.05256,-0.02896,-0.0041,0.05836,0.07265,0.01113,-0.03063,0.08074,-0.01501,-0.06332,0.06468,-0.06777,0.06432,0.04846,0.00285,-0.02249,0.06796,-0.06569,0.04825,-0.05967,0.07425,0.06761,-0.05931,0.03062,0.00522,0.15275,-0.01415,-0.04557,0.06838,-0.0724,0.08056,-0.01729,0.0759,-0.05642,-0.11343,0.04962,-0.02151,-0.05898,-0.03403,-0.03775,-0.01029,-0.02433,0.01881,0.00266,0.05424,-0.01007,-0.05682,-0.00343,0.03316,-0.00194,-0.03655,0.11425,-0.00665,-0.05646,0.06155,-0.02068,0.00475],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Styling - .f-component Base class for flow primitives. - .f-magnetic-rects Host class. - .f-rect Rendered helper rectangle class.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-magnetic-rects Host class. - .f-rect Rendered helper rectangle class."},{"chunkId":"/docs/f-magnetic-rects-component#8","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.05011,-0.02523,-0.02149,-0.03794,-0.02051,0.02164,-0.04107,0.05024,-0.01653,-0.04756,0.02308,0.02087,0.04245,0.043,-0.01912,0.02189,-0.01249,0.03717,0.06745,0.01201,-0.06169,-0.12257,0.00247,-0.00488,-0.01248,0.01397,-0.00642,0.01851,-0.04961,-0.15428,0.03384,0.02509,-0.00801,0.03864,-0.0911,0.06278,0.00776,0.09558,-0.06563,-0.04795,-0.09959,0.04649,0.07123,-0.01327,0.04412,0.01958,-0.03156,-0.00743,-0.00023,-0.01439,-0.04026,-0.01864,-0.02878,-0.01423,0.12158,0.05524,0.11031,-0.04296,0.02146,-0.00631,0.07656,0.00676,-0.0285,0.00429,0.07836,0.04508,-0.01751,0.02617,-0.01624,-0.00722,0.01168,0.00908,-0.05997,0.00441,0.02146,0.05136,-0.00899,0.03907,-0.03212,-0.01492,-0.05665,0.13913,0.0022,0.06099,-0.00895,-0.00571,-0.02175,-0.04868,0.02037,0.01959,0.03064,-0.00845,-0.11014,0.07631,-0.075,-0.05125,0.00692,-0.0207,-0.09788,0.04114,0.0754,-0.05142,0.03022,-0.08063,-0.01586,-0.09406,0.02726,-0.03215,-0.05145,-0.02626,-0.00805,-0.01683,-0.12741,0.02008,-0.06785,-0.01579,0.01873,-0.0354,0.12214,-0.03043,0.06954,0.09611,-0.03442,0.02381,0.07991,-0.03894,-0.08323,0,0.00954,0.01374,-0.00467,0.08792,0.07438,0.02111,-0.08117,-0.02443,0.08491,0.03119,-0.01033,0.04382,-0.00642,0.02787,-0.00699,-0.12023,0.00025,0.04613,-0.17031,-0.09271,-0.08582,-0.00864,-0.01815,0.00485,0.04765,0.04589,-0.01146,0.02966,-0.02126,-0.00745,-0.03033,0.0449,0.03416,-0.00635,0.01121,0.00868,-0.03719,-0.06373,-0.00517,-0.04854,0.01596,0.02744,0.00346,0.00748,0.07807,0.01615,0.01595,-0.01402,-0.00582,0.03816,0.01713,0.01389,0.05188,-0.02274,0.02852,-0.12861,-0.00235,0.00388,-0.01791,0.05672,0.05386,-0.0431,0.02277,-0.03662,-0.01664,0.07846,0.00659,0.00753,0.08266,0.03319,-0.07094,0.08065,0.06381,0.01882,-0.06847,-0.04288,-0.02592,-0.05145,-0.01439,-0.02434,-0.05873,-0.07694,0.03613,-0.09856,-0.05684,-0.09542,0.06931,0.06802,-0.01412,-0.05373,-0.00556,0.05578,0.02866,0.02371,0.03534,0,-0.08638,0.04627,0.04907,0.04288,-0.00358,-0.02099,-0.00339,-0.00561,0.05831,0.05889,-0.11476,-0.06962,0.0059,-0.06987,0.00518,0.03088,-0.06159,-0.02955,-0.01206,0.00022,0.01241,0.05612,-0.01392,-0.00297,0.03134,0.06587,-0.05162,-0.01112,0.00566,0.01008,0.02517,-0.10958,0.02457,-0.03329,0.02556,-0.08677,-0.00165,0.0746,0.04004,0.0026,-0.02486,0.05498,-0.04828,0.0334,-0.02941,0.06286,-0.03044,0.00993,-0.01869,0.03206,-0.053,-0.01007,0.06692,-0.06091,-0.02219,-0.02532,-0.04554,0.01937,0.07497,0.0043,-0.02276,-0.10991,0.0248,-0.02433,0.0141,0.00737,0.05335,-0.03724,-0.01205,0.09639,0.07174,0.10103,0.0119,-0.03287,0.01538,0.0104,0.12807,-0.04726,-0.01033,-0.05221,-0.01646,0.01484,-0.02249,0.02205,-0.03184,0.01729,-0.0073,0.04103,-0.00215,0.01032,-0.02607,-0.01647,0.10773,0.06848,0.01044,0,0.00929,-0.00964,-0.05727,-0.00723,-0.02103,0.03185,0.03781,0.07773,-0.04031,0.00999,0.06631,0.06673,-0.01474,-0.00555,0.07633,-0.00107,-0.01585,0.05821,-0.06337,0.07154,0.03353,0.02145,-0.02007,0.05639,-0.08004,0.06271,-0.06314,0.09535,0.04772,-0.09107,0.05594,-0.00986,0.17407,0.02341,-0.03147,0.06838,-0.08931,0.08056,0.00109,0.07111,-0.02813,-0.10007,0.08443,-0.01893,-0.08685,-0.03965,-0.00428,-0.00768,-0.0324,0.0096,-0.00878,0.04924,-0.00603,-0.06561,-0.02255,0.03805,0.02652,-0.02124,0.08074,0.01486,-0.00585,0.02277,-0.04352,0.00196],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Notes / Pitfalls - High thresholds increase helper noise on dense diagrams. - This helper is visual guidance, not automatic layout. - Use with fDraggable; no drag means no helper rendering. f Draggable","excerpt":"Notes / Pitfalls - High thresholds increase helper noise on dense diagrams. - This helper is visual guidance, not automatic layout. - Use with fDraggable; no drag means no helper rendering."},{"chunkId":"/docs/f-magnetic-rects-component#9","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.09862,0.02071,-0.05396,-0.0459,-0.01029,0.03403,-0.06409,0.06988,-0.04808,-0.01182,0.00121,0.00949,0.03516,0.01655,-0.01042,0.0203,-0.09246,0.03654,0.05852,0.04663,-0.07362,-0.08728,0.08294,-0.01812,-0.01241,0.05229,0.05378,0.05402,-0.0279,-0.08258,0.09552,0.03786,-0.0255,0.06928,-0.06618,0.09053,-0.01484,0.09639,-0.03018,-0.0385,-0.00611,0.05626,0.08812,-0.0934,0.07325,0.0384,-0.043,0.02992,-0.00678,0.00705,-0.06451,-0.04641,-0.04145,0.05833,0.07686,0.03939,0.05577,-0.07706,0.02938,-0.02821,0.07404,-0.02199,-0.02291,-0.00963,0.10401,0.0426,-0.05663,0.01334,-0.06386,0.01675,-0.00336,0.01039,-0.03814,-0.02002,0.00246,0.04164,-0.03485,0.08317,-0.04429,0.02392,-0.03522,0.10793,0.00299,0.03688,-0.0268,0.00767,0.00026,-0.05528,0.00369,-0.01866,0.05521,-0.00323,-0.09896,0.08824,-0.02438,0.00131,-0.04602,0.03179,-0.10565,0.0489,0.05413,-0.05921,0.00246,-0.01014,-0.03181,-0.03081,-0.00148,0.00613,-0.04949,-0.03545,0.0242,0.01606,-0.08635,-0.0185,-0.07066,-0.06751,0.03726,-0.04679,0.09186,-0.0033,0.08398,0.08142,-0.08771,-0.00003,0.05179,0.00499,-0.01777,0,-0.00183,0.05293,0.01408,0.05435,0.046,0.01505,-0.11454,-0.06747,0.08756,0.06974,-0.04854,0.06487,-0.02678,-0.04827,-0.07927,-0.13661,-0.0032,0.03931,-0.15597,-0.02496,-0.06095,-0.00847,-0.03815,0.01171,0.03734,0.00703,-0.00962,0.01371,-0.06828,-0.02187,0.0597,0.06658,0.02433,-0.02024,0.02505,-0.01793,-0.00678,-0.03577,-0.06583,-0.03856,0.07477,-0.00048,-0.00675,0.06922,0.04244,-0.05599,0.00982,-0.03526,0.08899,0.02922,0.00894,0.02525,0.03182,-0.03246,0.03768,-0.1147,0.01736,0.02598,-0.03902,0.05602,0.0347,-0.0085,0.06125,-0.04378,-0.02035,0.05273,0.00963,0.0364,0.08424,0.02497,-0.02644,0.07872,0.0291,0.0033,-0.03478,-0.0249,-0.00597,0.04278,0.05219,-0.04201,-0.00656,-0.08611,0.03402,-0.0142,-0.02718,-0.0944,0.01598,0.00241,0.00023,-0.07808,-0.00951,0.08582,-0.00085,-0.0183,0.03496,0,-0.0103,0.02297,0.04223,0.07316,-0.03696,-0.00949,0.05543,0.09261,-0.00702,0.08453,-0.02322,-0.07832,0.0012,-0.08235,0.01436,0.05287,-0.0649,-0.0591,0.03369,0.02284,0.01787,0.08624,0.00942,0.03459,-0.01537,0.08697,-0.00033,-0.0135,0.01874,-0.03777,-0.00121,-0.08635,-0.03983,-0.01501,-0.01653,-0.08724,0.00218,0.10487,0.04809,-0.04397,0.02407,0.07884,-0.02286,0.00627,-0.0497,-0.01344,0.04343,0.03265,-0.03357,0.03597,-0.05711,0.0062,0.02767,-0.01707,-0.05062,-0.05633,-0.03467,-0.08588,0.03891,0.00944,-0.00282,-0.09676,-0.01007,-0.03835,0.08702,0.05055,0.01094,-0.04997,0.01885,0.09426,0.05183,0.06299,0.06811,-0.07483,0.0477,0.03972,0.13681,-0.02592,0.04094,-0.03515,-0.04178,0.01317,-0.05132,0.05379,-0.00765,0.02538,-0.05099,-0.00287,0.01031,0.01901,-0.05292,-0.04775,0.04939,-0.00094,0.0495,0,-0.04062,-0.01793,-0.08041,0.02873,-0.01147,-0.01425,0.03297,0.00165,-0.04066,-0.02485,0.02075,0.06406,0.00658,-0.01164,0.03557,-0.0283,-0.08524,0.07477,-0.04527,0.11384,0.03632,-0.00106,0.01661,0.07419,-0.05938,0.02007,-0.12572,0.03097,0.05011,-0.08135,-0.00452,-0.02883,0.14454,-0.00672,-0.06934,-0.00394,-0.08824,0.04116,0.00192,0.06079,-0.02984,-0.07574,0.0881,-0.01917,-0.07726,-0.0451,-0.01283,0.03595,0.019,0.03389,-0.00855,0.03375,0.00038,-0.07496,0.01788,-0.00254,0.02595,0.02651,0.06804,0.00082,-0.01622,-0.02527,-0.07185,-0.01821],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Example ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.scss :::","excerpt":"Example ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.scss :::"},{"chunkId":"/docs/f-line-alignment-component#0","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.13932,-0.04149,-0.07419,-0.04505,0.01734,0.06865,-0.10245,0.02679,-0.04521,-0.08617,0.02208,0.073,-0.07881,0.00181,-0.07846,0.01873,-0.11182,0.00348,0.04032,0.04902,-0.09287,-0.00902,0.01269,0.00125,-0.06083,0.03178,0.0124,-0.00462,-0.0558,-0.11078,-0.0082,0.10272,-0.027,0.07548,-0.06051,-0.00207,0.03842,0.0643,-0.03546,-0.06353,-0.03506,0.01193,0.02207,-0.07098,0.05118,-0.02552,-0.01528,-0.06715,0.07359,0.11128,-0.04687,0.01155,-0.05359,0.0193,0.09218,0.09103,0.09149,-0.02605,-0.00115,0.02984,0.09274,0.01757,-0.01954,0.00347,-0.02075,0.03296,0.00519,-0.01087,0.01121,-0.07587,-0.08627,-0.02774,-0.02211,-0.00239,0.03611,0.11652,-0.01367,0.07614,-0.00313,-0.02629,-0.03671,0.0388,0.02314,0.04527,0.03426,0.05767,-0.04996,-0.1107,0.09533,0.05634,0.01615,-0.05722,-0.00476,0.04324,-0.05512,0.00624,-0.01575,0.00049,-0.08548,-0.0078,0.0026,0.00181,-0.00472,0.00872,-0.03074,-0.03384,0.04529,-0.01969,-0.06807,-0.04308,0.06205,-0.0385,-0.08768,-0.05883,-0.02998,-0.08238,-0.02828,-0.024,0.08485,0.01339,0.00847,0.06008,-0.0455,0.06161,0.06,0.00059,-0.03756,0,0.00889,0.06,0.05603,0.04545,0.03068,0.01956,-0.07031,0.00505,-0.01247,0.04142,0.0005,-0.02107,-0.02332,-0.07777,-0.06064,-0.13045,-0.04499,-0.03239,-0.11035,-0.03347,-0.04896,0.03789,0.03561,-0.04326,0.0742,0.02864,0.00889,0.04848,-0.00283,-0.0071,0.01945,-0.0764,0.03106,-0.00897,-0.07219,0.03271,-0.07849,-0.1154,-0.00886,-0.01504,0.05045,0.04865,0.00691,0.02178,0.0522,0.03464,0.05786,0.07333,0.09159,-0.02851,-0.07382,0.0076,0.00902,-0.02281,-0.00658,-0.07427,-0.01347,0.09688,-0.05865,0.01378,0.02508,-0.00853,-0.00677,-0.00607,0.06849,0.01286,0.02557,0.01515,0.06885,0.01469,-0.02437,0.00605,0.04156,0.07227,0.01923,-0.05299,-0.02631,-0.05968,0.09163,-0.10828,-0.04998,0.03516,0.01064,0.03433,0.02271,-0.07198,0.04295,-0.00243,0.06135,0.03449,0.01416,0.01757,0.00982,0.05582,-0.0076,0,-0.04076,-0.01283,0.08023,0.0496,-0.03767,0.02425,0.01356,0.01424,0.05049,0.06906,0.03503,-0.03293,-0.01592,-0.05345,0.01086,0.06076,-0.11527,-0.02491,0.05687,-0.0112,0.04124,-0.03354,0.00113,0.03316,-0.02884,0.00079,0.07334,0.01251,-0.02631,-0.03092,0.0095,-0.00543,-0.01223,-0.07115,-0.03885,-0.0606,0.02547,0.05826,0.03122,-0.0394,-0.02365,0.12756,0.01,-0.05875,-0.03019,0.0257,-0.03441,0.00431,-0.00887,0.08609,-0.0607,0.00542,-0.01377,-0.00883,-0.08271,0.03536,-0.01666,0.01848,-0.01816,0.03468,0.05741,-0.06792,-0.0041,-0.07125,0.11682,0.0526,0.09438,0.02238,-0.02384,0.08573,0.13891,0.0313,-0.04903,0.00133,0.03888,-0.01075,0.11307,-0.02709,0.00375,-0.00299,0.06369,-0.01055,-0.03069,0.07809,-0.00469,0.02696,0.05355,0.05134,0.02594,0.02573,-0.05621,-0.05875,0.00953,-0.03624,-0.07487,0,-0.04691,0.01168,-0.03147,-0.01107,-0.00821,0.04349,0.02274,0.05588,-0.04889,-0.04858,-0.0135,0.03553,-0.00709,0.0065,0.0889,-0.02126,-0.07408,0.04263,-0.07231,0.05493,-0.0166,0.03013,0.00196,0.06568,-0.05169,0.02614,-0.02491,0.12911,0.07171,-0.04329,-0.00352,0.00924,0.15777,-0.06626,-0.03168,0.00229,-0.02786,0.03,0.02437,0.12443,-0.0188,0.01193,-0.02027,-0.03987,-0.00265,-0.07639,-0.03761,0.02963,-0.0913,-0.04827,0.01079,0.04365,-0.00312,-0.07512,-0.03903,-0.00582,0.01649,-0.01385,0.07334,-0.00903,0.01097,-0.00404,-0.00548,-0.0257],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Line Alignment Selector: f-line-alignment Class: FLineAlignmentComponent FLineAlignmentComponent is a legacy alignment helper that shows guide lines while dragging nodes. [!WARNING] This component is deprecated and will be removed in v19.0.0. Use f-magnetic-lines instead. F Line Alignment Component","excerpt":"Line Alignment Selector: f-line-alignment Class: FLineAlignmentComponent FLineAlignmentComponent is a legacy alignment helper that shows guide lines while dragging nodes. [!WARNING] This component is deprecated and will be removed in v19.0.0. Use f-magnetic-lines instead."},{"chunkId":"/docs/f-line-alignment-component#1","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.17069,-0.01068,-0.05221,-0.10704,-0.0303,-0.00488,-0.10708,0.10082,0.02122,-0.06579,-0.00066,0.06796,-0.04956,0.0148,-0.02705,0.01024,-0.08736,0.00277,0.04248,0.03671,-0.11667,-0.02242,-0.05018,0.00848,-0.06942,0.03023,-0.00209,0.00902,-0.04988,-0.12284,-0.01129,0.12479,-0.03699,0.06826,-0.11224,0.02706,0.00043,0.05634,-0.03665,-0.06762,-0.08375,-0.02762,0.01952,-0.03708,0.04655,-0.01499,0.02158,-0.06009,0.06958,0.07871,-0.03153,0.04654,-0.05865,0.06704,0.08327,0.0719,0.09582,-0.03039,-0.03767,0.01455,0.05179,0.00873,-0.0317,0.02993,-0.01257,-0.01895,0.00155,-0.00188,0.01003,-0.05542,-0.08347,-0.00141,-0.07427,0.00145,0.00829,0.09312,0.03125,0.04059,-0.0156,-0.03618,-0.0148,0.07988,-0.00108,0.00004,0.05077,0.05015,-0.07056,-0.12538,0.08046,-0.00415,0.07624,-0.04517,0.02992,0.02425,0.02065,0.01274,-0.03293,-0.004,-0.06176,0.01853,0.03476,0.00937,-0.01837,0.03642,0.01054,-0.0462,0.05134,-0.0107,-0.02699,-0.08719,0.03766,-0.04638,-0.07325,-0.06032,-0.04248,-0.09539,-0.02732,0.00659,0.06437,0.00764,-0.01591,0.0461,-0.06861,0.0272,0.04603,0.03103,-0.00562,0,-0.04546,0.06185,0.05474,0.05986,-0.00857,0.01661,-0.07034,0.01779,0.04946,0.06032,-0.02243,0.02562,-0.00742,-0.03647,-0.04792,-0.10821,-0.0528,0.00063,-0.11249,0.0001,-0.0041,0.0278,0.04022,-0.02439,0.07378,0.02415,0.05294,0.04726,-0.04107,-0.00696,-0.00685,-0.10016,0.03339,0.00265,-0.006,0.06048,-0.04962,-0.12848,0.00287,-0.01225,0.0408,0.08029,-0.02006,0.00095,0.08643,0.01823,-0.00887,0.05186,0.04685,-0.00793,-0.01637,0.03341,-0.01085,0.00528,0.03084,-0.06172,0.01013,0.01496,-0.05802,0.04472,-0.01603,-0.02866,-0.0142,0.00386,0.03904,0.04938,0.06669,0.03962,0.03361,0.02058,-0.01044,0.04463,-0.00925,0.06573,0.01786,-0.0827,0.00724,-0.00334,0.12503,-0.10473,-0.05026,0.0675,-0.0454,0.04497,-0.01665,-0.0404,0.04311,-0.04535,0.03112,0.02805,0.02099,0.06378,0.04403,0.07599,0.00557,0,-0.07243,-0.06264,0.04861,0.02992,-0.06271,0.01001,0.07042,-0.01424,0.03251,0.06401,-0.01705,0.00513,-0.03121,-0.04463,0.05733,0.03637,-0.1491,-0.08073,0.00127,0.00659,0.06569,0.03883,-0.0316,0.02885,-0.00786,0.02333,-0.05727,0.00615,0.00436,0.00262,-0.00688,-0.01415,-0.01055,-0.04443,-0.06475,-0.02817,0.02762,0.07771,0.0406,-0.05729,-0.01042,0.1418,0.05517,-0.02477,-0.03797,0.03985,-0.06664,-0.0025,0.01939,0.04238,-0.07199,-0.00019,-0.01587,0.00221,-0.08238,0.03268,0.00026,-0.02988,-0.0893,0.03657,0.03534,-0.07847,0.04978,-0.06547,0.0481,0.05078,0.10934,0.00062,-0.02837,0.05584,0.15909,0.00251,-0.05411,0.00201,0.01475,0.01254,0.10687,-0.05622,-0.03911,0.04532,-0.03616,0.01501,-0.03899,0.09925,-0.01493,0.01101,0.03574,-0.03099,0.01045,-0.01335,-0.03909,-0.04066,-0.01913,0.01321,-0.04379,0,-0.02217,0.00422,-0.01135,-0.00875,-0.05848,0.01335,-0.02505,0.02538,-0.00628,-0.05911,-0.02108,0.04672,-0.0507,0.00147,0.10273,0.04029,-0.05315,-0.01894,-0.07876,0.06721,-0.04531,0.0632,-0.05832,0.05721,-0.02897,0.06466,0.0276,0.13799,0.04287,-0.04144,-0.00249,0.03334,0.13337,-0.00018,0.00212,0.0123,0.00835,0.06575,0.00936,0.06646,-0.00444,0.00644,-0.00017,-0.03666,0.00467,-0.04673,-0.08072,0.02386,-0.08049,-0.00078,-0.02155,0.03168,0.01329,-0.01761,-0.00292,0.01964,0.00651,-0.05174,0.09498,0.01181,0.03116,0.00761,0.01874,-0.02382],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Why / Use cases Use this only when maintaining existing flows that already depend on f-line-alignment. For new implementations, prefer f-magnetic-lines because it is the current API surface.","excerpt":"Why / Use cases Use this only when maintaining existing flows that already depend on f-line-alignment. For new implementations, prefer f-magnetic-lines because it is the current API surface."},{"chunkId":"/docs/f-line-alignment-component#2","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.16923,-0.04008,-0.07165,-0.09471,-0.066,0.03396,-0.1231,0.06988,-0.04555,-0.09249,0.00702,0.04983,-0.05497,-0.01085,-0.05193,0.04112,-0.10966,0.01416,0.04856,0.03559,-0.08496,-0.03028,-0.04824,0.00299,-0.05591,0.04022,0.04748,0.01511,-0.04477,-0.15648,0.00132,0.1058,-0.00292,0.04628,-0.08929,0.01763,0.02675,0.04287,-0.00731,-0.09614,-0.0597,-0.00921,-0.0011,-0.04189,0.07077,-0.0083,-0.01222,-0.06219,0.0625,0.07316,-0.0334,0.00236,-0.04423,0.07199,0.08168,0.07307,0.05913,-0.02813,0.00038,-0.0061,0.04831,0.02604,-0.00448,0.01115,-0.03392,-0.01597,0.00277,0.00578,-0.00272,-0.08829,-0.13109,-0.04294,-0.0716,0.01044,-0.00736,0.12695,0.00433,0.0304,0.01225,-0.0709,-0.03968,0.07356,0.01101,0.03145,0.08373,0.04585,-0.03874,-0.08991,0.09232,-0.02565,0.0405,-0.07429,0.04304,0.02032,-0.00158,0.03374,0.00161,0.01423,-0.03343,0.02203,0.02938,0.02545,-0.06141,0.01855,-0.00463,-0.03887,0.05237,-0.00022,-0.01948,-0.07736,0.04364,-0.05058,-0.10375,-0.05579,0.00975,-0.08375,-0.00448,0.01447,0.0698,-0.00452,-0.01484,0.05134,-0.07817,0.03113,0.04969,0.02831,0.01484,0,-0.01321,0.0495,0.04444,0.05657,-0.0023,0.03163,-0.09742,0.05248,-0.00556,0.07827,-0.00056,0.0115,0.01578,-0.00744,-0.04064,-0.11562,-0.07489,-0.00286,-0.08909,0.01125,-0.0666,0.06579,0.00757,-0.01981,0.10111,0.06285,0.05928,0.06102,-0.02616,-0.02517,0.02226,-0.06606,0.02338,-0.02955,-0.02471,0.04763,-0.04584,-0.10993,0.01812,0.02307,0.08322,0.03268,-0.0229,-0.01069,0.03727,0.03091,0.05507,0.05885,0.07793,-0.02741,-0.05026,0.00928,-0.00765,0.01336,0.00721,-0.04715,-0.02813,0.04001,-0.02229,0.02379,0.01123,-0.02269,-0.03206,0.01651,0.02336,0.0056,0.04751,0.00001,0.04763,0.05353,0.00005,-0.00228,0.00706,0.06872,-0.0205,-0.06551,-0.04662,0.01744,0.08318,-0.07982,-0.06046,0.06761,-0.00561,0.03136,0.03992,-0.0429,0.05467,-0.03567,0.0394,0.0176,0.00875,0.04784,0.02762,0.05981,-0.01172,0,-0.04799,-0.026,0.05175,0.03397,-0.09689,0.02941,0.03634,-0.00336,0.0186,0.07275,0.03025,0.01476,0.02491,-0.03101,0.02528,0.04609,-0.15881,-0.02827,0.02615,-0.00363,0.06966,0.00511,-0.01685,0.04416,0.01256,0.04781,0.01088,0.04154,0.01044,-0.00436,-0.01641,-0.01085,-0.01634,-0.04457,-0.0581,-0.03765,0.00028,0.04502,0.05458,-0.08544,-0.0177,0.12983,0.04272,-0.00632,-0.01622,-0.00933,-0.06444,0.04704,-0.00249,0.04449,-0.09088,-0.01082,0.01031,0.03134,-0.08161,0.02562,-0.01244,-0.02416,-0.01834,0.02817,0.04572,-0.08504,0.06576,-0.06468,0.05706,0.05622,0.11455,-0.02001,-0.0353,0.04621,0.17042,0.01406,-0.05109,-0.01826,0.02453,-0.0057,0.0691,-0.03986,-0.02617,-0.01485,0.00814,-0.01885,-0.02692,0.05745,-0.03238,0.0454,0.03162,0.02511,0.00861,-0.01366,-0.0677,-0.03135,-0.02163,-0.00292,-0.07898,0,0.01293,-0.00589,-0.00154,-0.01634,-0.03035,-0.00459,0.00256,0.02646,-0.0222,-0.03453,0.03047,0.00101,-0.02326,0.00785,0.11304,0.06779,-0.05927,0.01845,-0.07554,0.05963,-0.02074,0.06786,0.00301,0.03028,-0.01358,0.05361,0.01418,0.16503,0.03864,-0.07806,0.02359,0.0247,0.14537,-0.04796,0.01012,-0.00805,0.00859,0.04667,0.06144,0.06685,-0.01457,-0.00553,-0.01941,-0.04442,-0.0167,-0.08174,-0.05737,-0.00325,-0.08041,-0.02683,0.00188,0.04947,0.02235,-0.06334,-0.03992,0.00763,0.00025,-0.01899,0.09312,0.0323,0.04102,0.00388,0.0163,-0.03348],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. How it works The component extends magnetic-lines base behavior and registers under the same internal plugin slot (MAGNETICLINES) with a legacy input alias.","excerpt":"How it works The component extends magnetic-lines base behavior and registers under the same internal plugin slot (MAGNETICLINES) with a legacy input alias."},{"chunkId":"/docs/f-line-alignment-component#3","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.18437,-0.01276,-0.05373,-0.09972,-0.05075,0.00241,-0.14693,0.06348,-0.05845,-0.08344,0.00484,0.06608,-0.03888,-0.0047,-0.06804,0.04667,-0.11021,0.01621,0.04845,0.01422,-0.11451,0.00052,-0.02247,0.00329,-0.0378,0.03057,0.02612,-0.00581,-0.07106,-0.1283,-0.03116,0.08243,-0.0053,0.06412,-0.06442,0.03139,0.02582,0.0478,0.01163,-0.06166,-0.07079,-0.01552,0.00694,-0.05278,0.0552,0.0072,-0.01661,-0.04368,0.09206,0.09105,-0.04914,0.01529,-0.05829,0.02395,0.08598,0.0674,0.06473,0.00102,-0.01872,-0.01414,0.06777,0.02011,-0.03208,0.05234,-0.02948,0.00252,0.01828,0.00336,-0.01533,-0.10745,-0.12697,-0.02861,-0.06907,0.01981,0.00769,0.13449,0.02807,0.03427,-0.01249,-0.05641,-0.05215,0.06239,-0.00015,0.04394,0.04889,0.02968,-0.0304,-0.06911,0.11024,-0.00843,0.04475,-0.09231,0.01624,0.04632,-0.00213,0.03791,-0.01553,-0.01123,-0.07055,0.01842,0.01707,-0.0009,-0.05332,0.01114,-0.0093,-0.04244,0.06747,0.00924,-0.00801,-0.05697,0.05647,-0.0509,-0.10769,-0.03844,-0.00833,-0.06482,-0.03896,0.00886,0.07491,-0.0098,-0.00486,0.0484,-0.06772,0.00664,0.03856,0.025,0.01937,0,-0.02127,0.06629,0.08177,0.0639,-0.0032,0.03277,-0.08862,0.03201,0.01257,0.04945,-0.02173,0.03073,-0.00144,-0.06045,-0.06434,-0.09821,-0.06809,-0.00755,-0.09407,0.00593,-0.07027,0.04952,0.01899,-0.02648,0.08167,0.02196,0.05234,0.04193,-0.02695,-0.02657,0.01934,-0.07273,0.02011,-0.01244,-0.03334,0.03524,-0.04754,-0.12633,0.01833,0.02576,0.08016,0.07067,-0.01455,-0.01203,0.04776,0.01745,0.04745,0.05021,0.06725,-0.01275,-0.07582,0.02688,-0.01977,-0.01215,-0.00794,-0.05836,-0.00121,0.04033,-0.03742,0.01365,0.03825,-0.03225,0.02296,-0.00678,0.03957,-0.01118,0.01144,0.00364,0.01712,0.06314,0.00105,-0.00072,0.05009,0.06385,0.00324,-0.06176,-0.01302,0.03467,0.0957,-0.10517,-0.04609,0.06049,-0.01287,-0.00233,0.01931,-0.03829,0.05659,-0.0306,0.04442,0.06323,0.01078,0.06795,0.01382,0.05954,-0.01926,0,-0.06535,-0.02953,0.06865,0.02341,-0.07531,0.00614,0.03724,0.03137,0.01878,0.06058,0.04586,-0.00071,-0.00441,-0.03793,0.04885,0.04841,-0.13375,-0.00703,0.01128,0.01085,0.06003,0.04689,-0.03576,0.04448,0.01324,0.04499,-0.00893,0.02554,-0.01385,-0.01294,-0.01856,-0.01038,-0.01502,0.00769,-0.07222,-0.04297,0.02975,0.05378,0.03966,-0.08128,0.00035,0.11877,0.03277,-0.0327,-0.02676,0.00183,-0.06709,0.03219,-0.02054,0.06479,-0.04817,0.00303,0.0212,0.00346,-0.07516,0.01919,-0.02519,-0.01353,-0.04179,0.01409,0.01739,-0.06763,0.04971,-0.0499,0.05568,0.05949,0.12018,-0.0031,-0.06071,0.07061,0.14731,0.00001,-0.06513,-0.01535,0.01926,-0.00925,0.06436,-0.05409,-0.05464,-0.01347,0.01341,-0.00023,-0.03752,0.08322,-0.00368,0.04411,0.05529,0.01583,0.00866,0.00807,-0.0812,-0.0514,-0.02691,0.00699,-0.06179,0,-0.00606,0.00087,-0.03956,0.00713,-0.03379,0.01335,-0.01719,0.03759,-0.02012,-0.03756,0.01765,-0.00997,-0.01794,0.02528,0.09186,0.03274,-0.08394,0.00342,-0.06401,0.07275,-0.01536,0.06312,0.00849,0.04983,-0.00216,0.07081,0.00206,0.15745,0.05488,-0.08311,0.00547,0.00735,0.1446,-0.07182,0.01104,-0.00451,0.00537,0.05334,0.05325,0.09262,-0.00809,0.00873,-0.01651,-0.02493,0.01458,-0.08472,-0.05133,0.0195,-0.07236,-0.03296,0.01291,0.04341,0.03611,-0.0681,-0.03399,0.00477,0.00008,-0.02804,0.08721,0.03865,0.05852,0.00723,-0.00565,-0.02004],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. API","excerpt":"API"},{"chunkId":"/docs/f-line-alignment-component#4","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.15244,-0.03571,-0.06885,-0.12901,-0.06263,0.0077,-0.09927,0.06529,-0.02155,-0.0908,0.02807,0.07314,-0.04181,0.0055,-0.10851,0.0308,-0.09683,0.0098,0.02786,0.01962,-0.07945,-0.04356,-0.02242,-0.00018,-0.03007,0.03447,0.04044,0.00792,-0.04026,-0.1127,-0.0193,0.09982,0.06645,0.04831,-0.07286,0.01986,0.02952,0.03695,0.01467,-0.07404,-0.04383,-0.05312,0.01379,-0.06095,0.06777,0.01758,-0.00516,-0.04484,0.0753,0.08521,-0.03579,0.0244,-0.07149,0.05611,0.06636,0.07255,0.04881,-0.00558,0.03737,-0.01471,0.05309,0.01815,0.00181,0.03182,-0.0157,0.01476,0.00703,-0.03908,-0.0223,-0.04645,-0.10335,-0.01635,-0.05973,-0.01402,-0.01012,0.09194,0.01379,0.02848,0.01323,-0.03774,-0.03615,0.05915,0.01842,0.05185,0.0677,0.04397,-0.01465,-0.08292,0.10955,-0.01708,0.01225,-0.083,-0.01823,0.07351,-0.03945,0.01023,0.02967,0.00541,-0.06871,0.02877,0.01614,-0.01719,-0.05283,0.00784,0.00021,-0.04459,0.0666,0.00099,-0.00228,-0.06429,0.04728,-0.06847,-0.11062,-0.03879,-0.01413,-0.07661,-0.01021,-0.02087,0.09489,-0.04264,-0.02959,0.0366,-0.13139,0.00138,0.06178,0.03495,-0.00066,0,-0.01174,0.07722,0.05939,0.01974,-0.01164,0.04526,-0.11416,0.01372,-0.01437,0.08025,-0.00945,0.0034,0.00024,-0.04166,-0.03606,-0.07123,-0.06107,-0.02783,-0.08817,-0.02301,-0.06103,0.02734,-0.00346,0.00157,0.04067,0.04205,0.05098,0.06363,-0.01393,-0.02388,0.02692,-0.0548,0.04885,-0.04603,-0.03189,0.04791,-0.03949,-0.10505,0.02057,0.02175,0.07196,0.07844,0.00046,-0.03267,0.06718,0.01296,0.05486,0.05309,0.06075,-0.02192,-0.0523,-0.00719,-0.01122,-0.02236,-0.04297,-0.06695,0.01162,0.0421,-0.03707,0.01559,0.00459,-0.0957,0.03411,0.00303,0.03742,0.01859,0.03888,0.00847,0.02241,0.07524,-0.03374,-0.00279,0.00813,0.05363,-0.00908,-0.05791,-0.00386,0.01945,0.10054,-0.0372,-0.05124,0.05961,-0.02515,0.01911,0.00847,-0.06183,0.04711,-0.03515,0.03292,0.04316,-0.01807,0.02296,0.02029,0.05358,-0.02142,0,-0.02364,0.00041,0.05601,0.07334,-0.09582,0.03566,0.05731,0.06076,0.02242,0.02992,0.06847,0.03973,-0.00504,-0.04026,-0.00947,0.06085,-0.12183,-0.01725,-0.00232,-0.00705,0.07302,-0.00287,-0.04405,0.0608,0.01064,0.03677,0.03671,0.03962,-0.03278,-0.02565,-0.03769,-0.00576,-0.03004,0.00049,-0.06381,-0.03655,0.0192,0.03272,0.03463,-0.04659,0.00118,0.13237,0.0177,-0.0051,-0.04143,0.03117,-0.05206,0.02523,-0.01623,0.06893,-0.0551,0.03362,0.02162,0.03593,-0.08131,0.02517,-0.07469,0.00329,-0.01069,0.02031,0.04933,-0.07682,0.03459,-0.05158,0.04668,0.06976,0.08506,0.02409,-0.05895,0.06409,0.13487,0.00814,-0.03847,-0.00756,-0.01383,-0.06784,0.05481,-0.0379,-0.01338,0.01088,0.0456,0.00973,-0.02603,0.09974,-0.02588,0.09217,0.04088,0.05032,0.04219,-0.01457,-0.08529,-0.0353,-0.03117,-0.03504,-0.08965,0,-0.03089,-0.00129,-0.01889,-0.03037,-0.0305,0.02745,-0.0186,0.03825,-0.00217,-0.04869,0.03398,-0.00406,-0.0564,-0.0024,0.10323,0.03035,-0.0633,0.0153,-0.07842,0.08085,-0.04684,0.05367,0.03254,0.04086,-0.01562,0.03428,-0.00987,0.15378,0.03452,-0.08904,0.01603,0.03446,0.17756,-0.07404,0.00003,0.03252,-0.0201,0.07254,0.04601,0.04937,-0.0115,-0.02827,-0.02082,-0.0496,-0.04721,-0.06747,0.01633,0.01046,-0.09269,-0.05925,0.03929,0.06271,0.01904,-0.07538,-0.04154,-0.03885,0.00073,-0.02048,0.06477,0.0341,0.06706,0.0161,-0.00166,-0.01915],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Inputs - fAlignThreshold: number; Default: 10. Snap distance in pixels. Alias for threshold. f Align Threshold","excerpt":"Inputs - fAlignThreshold: number; Default: 10. Snap distance in pixels. Alias for threshold."},{"chunkId":"/docs/f-line-alignment-component#5","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.13923,-0.01881,-0.08004,-0.08865,-0.05755,0.01762,-0.14429,0.03448,-0.0434,-0.08899,0.03537,0.04399,-0.04884,-0.01665,-0.12949,0.03973,-0.09334,0.00148,0.0629,-0.00477,-0.07247,-0.00674,-0.03991,0.00338,-0.02979,0.02914,0.01568,0.01094,-0.07985,-0.13944,-0.03704,0.09103,0.02644,0.05429,-0.06332,0.0161,0.06106,0.02595,0.00453,-0.08377,-0.05519,-0.03574,0.0183,-0.05445,0.02823,-0.02768,-0.0228,-0.07678,0.05393,0.06692,-0.00825,0.0411,-0.04772,0.03962,0.09089,0.05214,0.05111,0.01837,-0.03586,-0.0436,0.03439,0.02297,-0.0345,0.02997,-0.01798,-0.01439,-0.00522,0.00437,-0.03894,-0.07576,-0.15277,-0.04674,-0.08538,-0.01713,0.04156,0.09596,0.03575,0.02492,0.00349,-0.03752,-0.04206,0.07208,-0.01361,0.04938,0.05576,0.04038,-0.03325,-0.07193,0.0975,-0.02588,-0.00743,-0.10209,0.01889,0.05341,-0.00956,0.02001,0.0057,-0.01399,-0.03628,0.0274,0.03636,0.00722,-0.00256,-0.01056,-0.00081,-0.03736,0.05431,0.04995,-0.01005,-0.06989,0.05583,-0.03087,-0.1009,-0.04035,0.00655,-0.07986,-0.04379,0.01856,0.05809,-0.00451,-0.00677,0.04008,-0.08666,0.04154,0.0529,0.03787,0.01858,0,-0.00872,0.02778,0.0553,0.04507,-0.01672,0.09058,-0.11213,0.03067,0.0329,0.09367,-0.01698,0.02994,0.02833,-0.02577,-0.02435,-0.09206,-0.05076,0.00364,-0.08479,0.01164,-0.07635,0.06891,0.02322,-0.05319,0.09715,0.03597,0.05836,0.04508,-0.06715,-0.03136,0.02104,-0.04433,0.07303,-0.04289,-0.03395,0.02591,-0.04492,-0.11903,0.00783,0.02338,0.03308,0.05621,-0.03062,-0.01329,0.07798,0.01605,0.0557,0.06198,0.05365,0.00713,-0.0686,0.00767,0.00701,0.00447,-0.0296,-0.05728,-0.00495,0.05262,-0.03761,0.01259,0.04056,-0.00009,0.00102,-0.03231,0.00782,0.00708,0.02219,-0.01473,0.0457,0.06221,-0.04135,0.00285,0.02593,0.05264,0.01327,-0.05153,-0.03493,0.00998,0.08684,-0.0777,-0.02229,0.06488,-0.02475,0.00062,0.06774,-0.00743,0.02482,-0.02533,0.07967,0.05277,-0.02064,0.05113,-0.00276,0.02644,-0.00833,0,-0.05165,0.01319,0.01825,-0.00018,-0.07739,0.00031,0.04602,0.00448,0.02693,0.03548,0.06136,0.01136,-0.01425,-0.00771,0.02563,0.03404,-0.14383,-0.02276,-0.00067,0.01292,0.09207,0.0522,-0.01605,0.04355,0.00918,0.0371,0.01464,0.06419,-0.02242,-0.00532,0.00731,-0.01005,0.0085,0.00428,-0.06866,-0.03093,0.0493,0.03449,0.05122,-0.05147,-0.0163,0.15143,0.0374,0.00724,-0.04408,0.00705,-0.06265,0.00029,0.00621,0.02911,-0.05986,-0.00427,-0.002,0.03442,-0.07256,-0.01468,-0.02674,-0.00162,-0.05471,0.02607,0.03503,-0.0698,0.06838,-0.07439,0.04877,0.05441,0.09669,0.01088,-0.03048,0.09088,0.1341,0.00886,-0.0578,-0.02131,0.03986,0.02493,-0.00676,-0.05926,-0.04238,-0.00406,-0.00377,-0.02525,-0.01961,0.08445,0.01182,0.03095,0.03879,-0.00384,0.03622,-0.00452,-0.06297,-0.04349,-0.04683,0.02385,-0.07969,0,0.00622,-0.02169,-0.02547,-0.01067,-0.05104,0.01968,0.01983,-0.00846,-0.01667,-0.05151,-0.00194,-0.01746,-0.03319,0.00195,0.15902,0.05235,-0.06302,-0.00639,-0.08673,0.04731,-0.01602,0.04418,-0.01221,0.06685,-0.00379,0.03741,0.00811,0.17196,0.01632,-0.07827,0.03993,0.04664,0.11695,-0.06426,0.03218,0.01744,0.00864,0.07311,0.06082,0.08832,-0.03939,-0.00054,-0.04147,-0.01796,-0.00236,-0.07373,-0.02699,-0.00478,-0.09733,-0.056,0.03073,0.06099,0.02988,-0.06831,-0.0267,-0.03083,0.00916,-0.02809,0.07239,0.06391,0.06206,0.03145,0.04199,-0.04801],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-line-alignment-component#6","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.17569,0.0094,-0.04586,-0.11399,-0.06282,0.00848,-0.16511,0.06915,-0.06432,-0.06472,0.00681,0.06447,-0.06045,0.0034,-0.0679,0.03619,-0.10975,0.0452,0.04931,0.03097,-0.08196,0.0088,-0.03398,0.01143,-0.04131,0.03616,0.0275,0.00755,-0.03818,-0.11334,-0.02677,0.08372,0.00173,0.06593,-0.04043,0.03371,0.03158,0.02963,0.00733,-0.06698,-0.07857,-0.0062,-0.02549,-0.04703,0.08016,0.00347,-0.02728,-0.04145,0.05503,0.07717,-0.04233,0.01018,-0.02808,0.01495,0.10217,0.04242,0.06335,0.00131,-0.01189,-0.0251,0.06342,0.02926,-0.04069,0.03516,-0.03802,0.003,0.01751,0.01853,-0.00015,-0.07631,-0.14778,-0.03394,-0.06672,0.0336,-0.00931,0.1024,0.02638,0.03797,-0.02703,-0.07544,-0.04047,0.0819,0.01218,0.02685,0.06594,0.02589,-0.04748,-0.08001,0.12074,0.00043,0.03291,-0.08811,0.01918,0.02282,-0.01373,0.04439,0.00357,-0.02051,-0.03396,0.0352,0.01366,-0.00575,-0.04209,-0.00717,0.00098,-0.03435,0.06975,0.02222,0.01688,-0.04197,0.04996,-0.04552,-0.12852,-0.06028,-0.00693,-0.10654,-0.04722,-0.00788,0.07574,0.00076,-0.00134,0.03099,-0.05974,0.02043,0.03976,0.02519,-0.00205,0,-0.01413,0.08291,0.04713,0.07707,-0.00127,0.04022,-0.08745,0.0483,-0.00867,0.05554,0.00707,0.01668,-0.00596,-0.03287,-0.03656,-0.07372,-0.07968,0.01132,-0.07854,0.01713,-0.04299,0.04559,0.03927,-0.02008,0.08429,0.04156,0.06126,0.03299,-0.06114,-0.02399,0.03537,-0.10315,0.0233,-0.02747,-0.01881,0.03695,-0.03137,-0.13603,-0.00303,0.02116,0.05741,0.06342,-0.01409,-0.00686,0.07383,0.02096,0.05496,0.04592,0.06939,-0.03819,-0.06565,0.01857,-0.02669,-0.00881,-0.01273,-0.05047,0.00037,0.04072,-0.03331,0.00158,0.03903,-0.05351,0.01265,-0.00004,0.05062,-0.01851,0.0116,-0.00155,0.04392,0.03666,0.00253,-0.00478,0.03448,0.07883,-0.0103,-0.06949,-0.01461,0.02081,0.11343,-0.08822,-0.07895,0.07769,-0.01407,-0.00279,0.02052,-0.02983,0.0822,-0.01666,0.04895,0.0606,-0.00427,0.04422,-0.00056,0.05257,0.00737,0,-0.05044,-0.01021,0.07198,0.0196,-0.09403,0.00097,0.01323,0.00962,0.02,0.056,0.05439,-0.00773,-0.01952,-0.00883,0.03999,0.04996,-0.15814,-0.03724,-0.00667,0.00875,0.04467,0.02501,-0.04015,0.0401,0.02665,0.03466,-0.00658,0.03862,-0.00801,-0.00762,-0.03424,-0.00715,0.00046,-0.00386,-0.07908,-0.01123,0.01018,0.04528,0.04877,-0.05729,-0.00007,0.11853,0.02956,-0.03815,-0.04726,0.01004,-0.08268,0.02283,0.00839,0.02606,-0.03219,-0.01002,-0.00294,0.01071,-0.06337,-0.00062,-0.03953,-0.02826,-0.06701,0.01522,0.0393,-0.04744,0.06658,-0.03505,0.07015,0.03384,0.08583,-0.03233,-0.09379,0.05568,0.12888,0.01053,-0.07275,0.00606,0.01624,-0.01151,0.05637,-0.03958,-0.04218,-0.02903,0.00527,-0.01971,-0.03889,0.09424,-0.00543,0.03327,0.05844,0.02556,-0.0004,0.00497,-0.07741,-0.04336,-0.02101,0.03664,-0.05925,0,-0.02052,-0.01059,-0.01492,-0.0149,-0.04173,0.03656,-0.02408,0.01845,-0.02093,-0.05233,0.00222,-0.01577,-0.01286,0.01399,0.10181,0.02966,-0.08967,-0.0001,-0.08284,0.05863,-0.04281,0.06626,-0.01437,0.04163,-0.01327,0.07618,0.01398,0.15909,0.06028,-0.0698,0.01737,0.02594,0.13873,-0.04422,0.02996,0.02003,0.03463,0.05583,0.03722,0.09043,-0.00088,0.01013,-0.03145,-0.02216,0.03975,-0.05194,-0.03631,0.01807,-0.09832,-0.0439,0.03313,0.03363,0.0283,-0.05861,-0.05836,0.013,0.00512,-0.01828,0.09327,0.04157,0.07842,-0.00115,0.02396,-0.01502],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-line-alignment-component#7","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.16348,0.00098,-0.06658,-0.10323,-0.0282,0.02288,-0.11603,0.06392,-0.04227,-0.072,-0.01126,0.05253,-0.06082,-0.01233,-0.04948,0.02699,-0.13195,0.0268,0.02477,0.02832,-0.11138,-0.00939,-0.00869,0.02149,-0.06823,0.06114,0.0149,0.01947,-0.03304,-0.12896,-0.01584,0.1251,0.0178,0.07899,-0.07571,0.02822,0.04133,0.059,-0.02517,-0.05655,-0.08174,-0.02284,0.0105,-0.06422,0.06234,0.00473,-0.03355,-0.08575,0.05574,0.07772,-0.02606,0.00784,-0.03236,0.06305,0.10855,0.05683,0.10072,-0.02892,-0.01164,0.00088,0.03552,0.0152,-0.02042,0.04001,-0.05235,-0.01591,-0.00644,0.03561,0.00925,-0.08015,-0.1056,-0.02603,-0.06546,0.00681,0.01286,0.11674,0.0284,0.06199,-0.033,-0.06585,-0.02045,0.06024,0.01221,0.01722,0.05003,0.05919,-0.04497,-0.112,0.08872,0.01242,0.00305,-0.06271,0.03291,0.03448,0.02035,0.04925,-0.03403,-0.04282,-0.04619,0.03607,0.01062,0.00283,-0.01898,0.00574,0,-0.03308,0.04667,0.06088,0.00527,-0.07869,0.04144,-0.06536,-0.10258,-0.06245,0.00113,-0.11236,-0.05187,-0.02428,0.05925,0.0214,0.00297,0.03942,-0.0886,-0.00902,0.05463,0.02127,-0.0078,0,0.00703,0.05955,0.04358,0.08705,0.0027,0.04894,-0.06246,0.01685,-0.00616,0.0753,-0.01227,-0.00398,-0.04416,-0.02953,-0.06171,-0.11841,-0.07142,-0.00529,-0.08922,0.00887,-0.03046,0.05096,0.01415,-0.05697,0.0989,0.0445,0.051,0.04437,-0.07049,-0.02029,0.01981,-0.09751,0.04453,-0.02199,-0.03299,0.00411,-0.0444,-0.10923,0.01431,0.00443,0.02901,0.07487,-0.01909,0.00359,0.05852,0.0318,0.0316,0.05478,0.08687,-0.00328,-0.04367,0.02861,-0.01171,-0.00188,0.01837,-0.05763,0.00213,0.094,-0.04174,0.01239,0.03003,-0.00599,-0.0339,-0.00623,0.05993,0.01821,0.02096,0.00326,0.03846,0.02423,-0.03162,0.00598,0.00088,0.07393,0.01288,-0.05789,0.0017,0.02085,0.09915,-0.07333,-0.10033,0.06099,-0.03677,0.02599,-0.00646,-0.04187,0.07528,-0.04912,0.03665,0.05066,0.02855,0.0341,0.0303,0.045,-0.01124,0,-0.04963,0.01587,0.04387,0.03939,-0.0512,0.02257,0.03425,0.00776,0.01376,0.07411,0.06469,0.04236,-0.02259,-0.05069,0.04033,0.04217,-0.13918,-0.05763,0.01256,0.00188,0.04143,0.04003,-0.05651,0.01517,-0.00316,0.02914,-0.00436,0.03523,-0.00785,-0.00844,-0.01524,-0.02143,-0.01299,-0.00222,-0.06978,-0.04097,0.02363,0.05387,0.02343,-0.05012,-0.01435,0.11985,0.00788,0.00579,-0.05974,0.01656,-0.06439,-0.00545,0.00868,0.02213,-0.06608,-0.00821,-0.00001,0.01051,-0.06829,0.02661,-0.01159,-0.0106,-0.09197,0.03065,0.04678,-0.07046,0.05182,-0.06179,0.06124,0.03736,0.0698,-0.00388,-0.04641,0.05554,0.15539,0.02592,-0.06842,0.02029,0.02659,-0.02763,0.05694,-0.01584,-0.00222,0.0224,-0.01611,0.02989,-0.05811,0.09471,-0.0027,0.02109,0.03632,0.02078,0.04364,-0.01806,-0.08299,-0.03867,-0.02454,0.0037,-0.0689,0,-0.02879,-0.03078,-0.02429,-0.02532,-0.0345,0.025,-0.01746,0.02483,-0.01579,-0.02627,0.01864,0.04909,-0.00952,-0.03033,0.09639,0.01978,-0.08456,0.01159,-0.08857,0.05592,-0.02732,0.04647,-0.01245,0.06718,-0.03446,0.03501,0.03531,0.13997,0.04996,-0.05027,0.0054,0.03304,0.12664,-0.06682,0.02853,0.02969,-0.01134,0.04519,0.0129,0.08515,-0.02215,-0.00849,-0.02653,-0.04224,0.01867,-0.03802,-0.05376,0.01719,-0.12197,-0.0461,-0.00201,0.06584,-0.01267,-0.01001,-0.03493,0.0003,-0.011,-0.02359,0.09553,-0.00243,0.03281,0.03551,0.04333,-0.02135],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Styling - .f-component Base class for flow primitives. - .f-line-alignment Host class.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-line-alignment Host class."},{"chunkId":"/docs/f-line-alignment-component#8","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.14954,-0.01882,-0.0508,-0.10261,-0.03145,0.01137,-0.13175,0.06589,-0.03507,-0.08986,-0.00267,0.06971,-0.05428,0.00598,-0.0497,0.00967,-0.10418,0.01805,0.02547,0.0477,-0.11362,-0.02264,-0.02732,0.00395,-0.06248,0.02296,-0.00226,0.0253,-0.08058,-0.1398,-0.01223,0.11341,-0.00834,0.06179,-0.07654,0.03165,0.00387,0.06262,-0.00513,-0.07213,-0.08263,-0.02479,0.01065,-0.06035,0.05592,-0.00109,0.00564,-0.05305,0.07976,0.09322,-0.03327,0.03137,-0.07974,0.06446,0.0876,0.08026,0.09416,-0.0353,-0.03952,0.02162,0.04179,0.00828,-0.0326,0.03461,-0.01564,-0.00406,-0.00749,0.00252,0.00266,-0.04721,-0.1017,-0.0146,-0.06752,-0.00392,0.01343,0.12186,0.01509,0.06101,-0.00795,-0.06005,-0.01986,0.06414,0.01522,-0.01707,0.04654,0.02365,-0.06498,-0.12298,0.08668,0.01663,0.03043,-0.05768,0.05852,0.03174,0.01205,0.02559,-0.02066,-0.00356,-0.04088,0.02767,0.00743,0.00351,-0.02696,0.0142,-0.00892,-0.04498,0.05959,0.02155,-0.03598,-0.08782,0.05581,-0.05302,-0.07768,-0.05639,-0.01157,-0.0908,-0.02558,0.00476,0.05616,0.01917,-0.01768,0.04146,-0.04725,0.04281,0.03993,0.03256,-0.02253,0,-0.02571,0.07433,0.04657,0.06672,0.00532,0.04524,-0.0589,0.01565,0.02759,0.08603,-0.01534,0.01551,-0.01997,-0.04834,-0.05657,-0.10329,-0.04827,-0.01539,-0.11012,0.00045,-0.01303,0.04124,0.01899,-0.04705,0.10486,0.00575,0.04685,0.04796,-0.04864,-0.01628,-0.01246,-0.08723,0.03464,-0.04017,-0.01009,0.0335,-0.03511,-0.11856,-0.02115,0.00631,0.06715,0.09781,-0.02013,-0.00025,0.10385,0.03123,0.03234,0.05884,0.05292,0.00378,-0.05469,0.00304,-0.01237,-0.0023,-0.01052,-0.06096,0.00601,0.0249,-0.05451,0.01402,0.03454,-0.04461,-0.01313,0.00366,0.04027,0.01918,0.04202,0.0336,0.03283,0.03884,-0.01074,0.02284,0.0329,0.0634,0.0183,-0.04309,-0.02322,0.01557,0.1144,-0.09774,-0.03629,0.07301,-0.05027,0.04917,0.00792,-0.02047,0.05164,-0.03349,0.04781,0.06199,0.02371,0.06096,0.03151,0.05628,0.00329,0,-0.07343,-0.02112,0.07355,0.03425,-0.05207,0.03464,0.03226,-0.01295,0.04472,0.07168,0.00954,-0.00125,-0.02202,-0.07667,0.02009,0.02597,-0.12804,-0.03552,-0.00054,0.03395,0.06092,0.02304,-0.01227,0.02838,0.02321,0.03938,-0.00556,0.0256,-0.00205,-0.0021,-0.00885,-0.00004,0.00302,-0.0519,-0.05926,-0.04346,0.0293,0.03876,0.04098,-0.07336,-0.00132,0.13859,0.03904,-0.03958,-0.04485,0.00906,-0.06234,-0.01794,0.0107,0.05023,-0.08971,-0.00167,-0.03648,-0.00526,-0.08368,0.02212,0.00877,-0.01596,-0.08152,0.04219,0.0441,-0.07063,0.0676,-0.07105,0.05956,0.02152,0.10696,0.02792,-0.03026,0.09485,0.16094,-0.00208,-0.0447,0.01147,0.03619,-0.02463,0.09383,-0.04446,-0.01549,0.0254,0.00478,0.00631,-0.06032,0.09343,-0.0088,0.01628,0.0342,-0.01664,0.0161,-0.03046,-0.06277,-0.05476,-0.00668,-0.02186,-0.07158,0,0.00207,-0.00064,-0.02656,0.01802,-0.04614,0.0047,-0.05139,0.01501,-0.02197,-0.05969,-0.00787,0.05738,-0.01585,-0.00779,0.08274,0.0102,-0.04146,-0.01064,-0.07938,0.07401,-0.04663,0.07623,-0.0169,0.05112,-0.01892,0.05616,0.02008,0.149,0.04048,-0.05049,-0.00016,0.02192,0.11667,-0.02158,0.00895,-0.02102,-0.00316,0.06961,0.0049,0.09281,0.01194,0.00521,0.01341,-0.02251,-0.013,-0.06792,-0.04946,-0.00282,-0.09003,-0.03632,0.01689,0.07511,0.01604,-0.02113,-0.03617,0.01419,0.00302,-0.02339,0.08283,0.01285,0.05413,-0.01437,0.00572,-0.03794],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Notes / Pitfalls - Do not mix f-line-alignment and f-magnetic-lines in the same flow; they target the same helper responsibility. - Migrate to f-magnetic-lines early to avoid future major-version removal risk.","excerpt":"Notes / Pitfalls - Do not mix f-line-alignment and f-magnetic-lines in the same flow; they target the same helper responsibility. - Migrate to f-magnetic-lines early to avoid future major-version removal risk."},{"chunkId":"/docs/f-line-alignment-component#9","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.16361,0.02667,-0.09695,-0.04516,0.02281,0.10077,-0.10398,0.07391,-0.04235,0.00598,-0.01046,0.07403,-0.03306,0.05533,-0.00265,0.02052,-0.10308,0.06662,0.00061,0.04385,-0.06535,-0.02958,0.08878,0.02215,-0.03613,0.02913,0.01156,0.00683,0.00131,-0.09178,0.0231,0.07365,0.01217,0.06837,-0.04293,0.07174,-0.01686,0.09406,-0.03637,-0.07331,0.01121,0.01877,-0.00349,-0.13212,0.05518,-0.02156,-0.02583,-0.02578,0.00265,0.01529,-0.06718,-0.03369,-0.03802,0.07908,0.06975,0.02477,0.03859,-0.08544,0.05496,0.01615,0.05063,0.00013,-0.00618,0.03138,0.048,0.02928,-0.07206,0.01318,-0.07071,-0.0145,-0.03644,-0.02722,-0.04718,0.01136,0.03202,0.0622,-0.0297,0.08498,-0.01138,-0.01926,-0.00721,0.0407,0.01366,0.05052,0.00787,0.05332,-0.01259,-0.08319,0.07612,-0.05019,0.04745,-0.02174,-0.04428,0.07555,0.00584,0.02437,-0.05691,0.02451,-0.11149,0.03316,0.02348,-0.01542,0.02787,0.02298,0.01945,-0.04237,0.03436,0.03455,-0.05136,-0.0761,0.02292,-0.02184,-0.07794,-0.03083,-0.03914,-0.10951,0.01452,-0.03085,0.06585,0.00729,0.04782,0.01961,-0.07437,-0.01802,0.0657,0.0768,0.00807,0,0.0002,0.08454,0.0374,0.07405,0.0614,-0.02362,-0.09489,-0.02032,0.00763,0.13631,-0.00783,0.00057,-0.03387,-0.08218,-0.09835,-0.11569,-0.01402,0.01533,-0.13582,0.01315,0.00041,0.00918,-0.02449,-0.0009,0.07255,0.01374,0.00849,0.01213,-0.07711,-0.02851,0.05612,-0.07336,0.03382,-0.04367,0.01248,-0.00983,-0.00294,-0.09361,-0.06854,-0.01845,0.09403,0.03809,-0.03165,0.05665,0.01431,0.02643,0.0364,-0.02208,0.13543,0.01758,-0.04865,0.06132,-0.01181,-0.02836,0.0625,-0.06301,0.00249,0.06869,-0.02076,0.00456,0.01148,-0.02353,-0.01157,-0.04565,0.05777,-0.05461,0.00353,0.0194,0.07468,-0.02986,-0.04391,0.05947,0.02661,0.07667,0.00126,-0.02784,-0.01885,-0.01941,0.10421,-0.06863,-0.00874,-0.00813,0.00042,0.08782,0.00229,-0.11805,0.02604,-0.05733,0.00948,-0.04437,0.01715,0.08528,0.00143,-0.00774,-0.01021,0,-0.00169,-0.01787,0.06695,0.034,-0.04023,0.01848,0.09829,0.04916,0.05142,0.06593,0.03165,-0.00619,0.00104,-0.07242,0.04489,0.06131,-0.12115,-0.02112,0.08503,0.01283,0.05166,0.05015,-0.03503,0.03678,-0.0126,0.07734,0.07938,0.03534,-0.00841,-0.01176,-0.00521,-0.0349,-0.06554,-0.00571,-0.08595,-0.06511,-0.01857,0.12071,0.0376,-0.04484,0.02453,0.12483,0.02083,-0.04844,-0.02762,-0.00217,0.03063,-0.0156,-0.0236,0.04198,-0.0605,-0.00919,-0.03482,0.00934,-0.0615,-0.00745,-0.00962,-0.05651,-0.0565,-0.00027,0.0526,-0.03602,-0.00149,-0.05472,0.07234,0.08766,0.01533,-0.01918,0.01817,0.04361,0.08521,-0.0274,-0.0005,0.01454,0.02346,0.0378,0.12351,-0.02746,0.04467,-0.02321,-0.00432,0.02808,-0.07887,0.07252,-0.00953,0.05871,-0.01725,0.01723,0.04302,0.00382,-0.10198,-0.01225,-0.00833,-0.00272,-0.0154,0,-0.07458,-0.03339,-0.04925,0.00276,-0.0372,-0.01744,0.00252,-0.04554,-0.01545,-0.00963,-0.02842,0.07711,0.0068,-0.03657,0.03483,-0.01842,-0.09009,0.07349,-0.07438,0.06001,0.01037,0.07028,0.0092,0.03826,-0.03102,0.01302,-0.08501,0.10578,0.03612,-0.0731,0.01093,-0.0049,0.14024,-0.03516,-0.01167,-0.02783,-0.09621,-0.00466,0.01898,0.04801,0.01403,-0.027,0.04947,-0.02702,-0.02589,-0.02903,-0.04586,0.02087,-0.05425,-0.04173,-0.00967,0.01998,-0.03178,-0.03824,0.00575,0.01367,0.04726,0.00227,0.05195,-0.02407,0.00828,0.00098,-0.03812,-0.02473],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Example ::: ng-component <help-in-positioning</help-in-positioning [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.scss :::","excerpt":"Example ::: ng-component <help-in-positioning</help-in-positioning [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.scss :::"},{"chunkId":"/docs/f-minimap-component#0","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.04635,0.05282,-0.00438,-0.01319,0.08247,0.03911,0.00313,0.04619,-0.04932,0.015,0.01624,0.00526,-0.01295,0.05094,-0.07481,-0.00777,0.01452,0.02121,0.07911,0.03671,-0.05063,-0.05774,-0.00178,-0.08632,-0.06576,0.04487,-0.02741,0.04958,0.00231,-0.05996,-0.0225,0.06822,-0.00252,0.04441,-0.03612,-0.01472,0.03439,0.01893,-0.0499,0.02458,-0.06701,0.04392,0.02244,0.0402,-0.00992,-0.01578,-0.02325,-0.07644,0.03766,0.10822,-0.09904,-0.04101,-0.04002,0.02992,0.0666,0.04791,-0.03908,-0.12003,0.03073,0.04702,-0.01718,0.03743,0.06674,-0.02518,0.11487,-0.01953,-0.02635,-0.05665,0.01943,-0.03234,-0.00256,-0.03756,0.07816,-0.08964,0.0497,-0.01898,-0.01947,0.00601,-0.02289,-0.08388,0.06154,0.05379,-0.05467,0.09097,-0.03878,0.00356,-0.06676,-0.09275,0.02854,0.00019,-0.03834,-0.02082,-0.00766,-0.04158,-0.02152,-0.07475,-0.01428,-0.06215,-0.07084,0.05716,0.06708,-0.06866,0.06592,-0.04513,-0.04824,-0.05701,0.04196,0.00612,-0.08331,0.03046,-0.00516,-0.00915,-0.03967,-0.03772,-0.05958,-0.01165,-0.04496,-0.01075,0.11268,0.08447,-0.02311,0.02747,-0.0108,0.07024,0.05832,-0.03973,-0.05438,0,0.0267,0.03985,0.00627,0.05316,0.03435,-0.05171,0.0571,-0.08732,-0.06046,-0.03174,-0.00918,0.05808,-0.10564,0.07302,-0.01314,-0.10105,-0.05563,0.01935,-0.11199,-0.01999,-0.03272,0.01216,0.01933,-0.10582,0.11245,0.12309,-0.08442,0.08372,-0.03418,0.05946,-0.06149,0.02695,-0.02934,-0.03947,-0.01364,-0.01923,-0.05517,-0.04298,-0.0383,0.0042,-0.10105,-0.02697,-0.07781,-0.03491,-0.02519,0.02697,-0.01284,0.08086,0.04717,0.03576,0.03554,-0.00879,-0.06034,-0.05955,-0.00263,-0.09786,-0.05467,0.05338,0.03486,0.08279,-0.01365,0.01391,-0.05484,0.02226,0.04035,0.05708,0.03559,0.0278,0.04694,-0.01831,-0.05792,0.02097,0.15572,0.01874,0.04835,0.01251,-0.03946,-0.0566,-0.04795,-0.01767,-0.09646,-0.10401,-0.02836,-0.00952,0.02591,-0.06629,0.07315,0.01378,-0.05922,-0.05523,-0.0661,-0.00541,-0.00296,-0.0015,0.04191,0,0.0212,-0.01677,-0.01817,0.02863,-0.07199,-0.05605,0.04382,0.03758,-0.03116,0.07233,-0.03251,0.00372,-0.00911,-0.0247,-0.01695,0.01819,0.09758,-0.03219,0.03333,0.00391,0.01372,0.00606,-0.00549,-0.00045,-0.02722,0.06375,0.164,0.03199,-0.03972,-0.02966,-0.00376,-0.04943,0.03366,-0.07818,0.06753,-0.00406,0.00409,-0.02252,-0.04838,0.00097,-0.02327,0.02188,0.0672,-0.03699,-0.0257,0.05404,0.03007,0.03306,0.00363,-0.01381,-0.01386,-0.0234,-0.01994,-0.08518,-0.01291,0.01196,-0.0267,0.05188,0.03311,-0.00955,0.03331,-0.07889,-0.09435,-0.04659,0.04516,0.04473,-0.00289,-0.05721,0.01264,0.10169,0.06302,0.00926,0.06694,-0.00061,0.03385,0.01299,0.12373,0.14461,0.08699,-0.04112,0.05026,-0.00449,0.02611,0.00189,0.08145,0.06481,-0.0777,-0.00017,0.03879,0.00067,0.02804,0.06953,0.03574,-0.01101,-0.04962,0,-0.04101,0.01379,-0.00053,-0.03754,0.0002,0.00629,0.05518,0.04924,-0.04659,0.01178,0.0922,0.04376,-0.00986,0.01608,0.09681,0.03321,0.02274,0.05304,-0.04649,-0.03134,-0.04305,0.03741,0.02158,0.03514,-0.10959,0.02218,0.01581,0.00478,0.0412,-0.09809,-0.04752,0.05173,-0.04637,0.03583,-0.07829,0.00022,-0.02739,-0.00408,-0.05013,-0.01332,-0.01702,0.00188,-0.01778,-0.0495,-0.02161,0.07084,0.02697,-0.07291,-0.07427,-0.00321,-0.10838,-0.01936,-0.00653,0.05218,0.03661,-0.01119,0.01432,-0.02049,-0.05758,0.00391,-0.03556,0.08844,-0.00253,0.05187],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Minimap Selector: f-minimap Class: FMinimapComponent FMinimapComponent renders a compact overview of the current flow and supports drag-based viewport navigation. F Minimap Component","excerpt":"Minimap Selector: f-minimap Class: FMinimapComponent FMinimapComponent renders a compact overview of the current flow and supports drag-based viewport navigation."},{"chunkId":"/docs/f-minimap-component#1","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.09876,0.05167,0.00854,-0.02736,0.07255,0.01348,-0.03767,0.09678,-0.00277,0.01361,0.00987,0.01338,-0.01547,0.0481,-0.05011,-0.024,0.03635,0.0017,0.0533,-0.02892,-0.06407,-0.07182,-0.03053,-0.05412,-0.06979,0.03908,-0.10159,0.03511,0.02586,-0.05035,-0.0007,0.12854,0.00487,0.02752,-0.00644,0.04001,-0.00115,0.02346,-0.05762,0.01398,-0.04984,0.07094,0.03317,0.02151,0.00657,0.0157,-0.04649,-0.06214,0.00251,0.07955,-0.14233,-0.02399,-0.0707,0.03896,0.04686,0.02564,-0.0009,-0.12405,0.00175,0.06841,-0.03351,-0.01564,0.036,-0.01661,0.10712,0.00406,-0.01708,-0.02959,0.05376,0.00844,0.02686,-0.0176,0.00704,-0.06949,0.03048,-0.03146,-0.03717,0.02096,-0.03082,-0.10478,0.06737,0.05381,-0.04576,0.04814,-0.03379,-0.00239,-0.05089,-0.10973,0.0722,0.0241,-0.02293,0.02723,-0.02226,-0.05305,0.02733,-0.08108,-0.01954,-0.07113,-0.03485,0.05438,0.08184,-0.06876,0.08516,-0.04591,-0.02508,-0.06548,0.03739,0.02718,-0.05225,0.02257,-0.02314,0.00558,-0.00179,-0.02442,-0.07582,-0.02846,0.01047,-0.02559,0.0683,0.10323,-0.03237,-0.01803,-0.01626,0.05459,0.04185,-0.02713,-0.07462,0,0.00019,0.01164,0.02562,0.03157,0.05184,-0.03641,0.05275,-0.1228,-0.02893,-0.04083,-0.01849,0.07051,-0.08357,0.06413,0.01494,-0.0883,-0.01912,0.0791,-0.13998,-0.02049,0.02385,-0.0169,0.00798,-0.06834,0.0902,0.0952,-0.05383,0.04254,-0.03742,0.05043,-0.06805,0.00326,-0.05622,-0.00061,0.01755,-0.00581,-0.05562,-0.06559,-0.02679,-0.0145,-0.11453,0.00447,-0.0476,-0.05196,0.01041,0.03413,-0.04193,0.09001,0.02735,0.02637,0.06702,0.04717,-0.03209,-0.05195,0.0198,-0.06134,-0.01344,-0.00845,0.0217,0.12038,-0.06712,0.02004,-0.04401,0.01907,0.05114,0.04326,0.02259,0.04183,0.05829,-0.01886,-0.05065,0.0103,0.12796,0.02035,0.04289,-0.00256,-0.02234,-0.04227,-0.06167,0,-0.09639,-0.10662,-0.05398,-0.01053,0.01821,-0.04521,0.05941,0.01689,-0.07528,-0.01126,-0.02561,0.01692,0.0245,0.07498,0.02127,0,-0.0277,-0.04816,0.0129,0.04182,-0.04954,-0.03779,0.03431,-0.00364,-0.04007,0.07256,-0.08875,-0.01366,-0.01089,-0.02232,-0.00197,0.0018,0.1434,-0.0678,0.0396,0.03992,0.01219,0.03886,-0.0283,0.00688,0.01622,0.05512,0.05819,-0.02059,-0.05033,-0.04987,-0.03994,-0.05702,-0.00796,-0.11585,0.08288,-0.01598,-0.00516,-0.01714,-0.02932,0.03887,-0.00317,0.02701,0.04602,-0.03824,-0.02214,0.10027,0.00178,-0.00229,-0.02548,0.02046,-0.04561,-0.00131,-0.00777,-0.08502,-0.01678,0.00814,-0.00576,0.04512,-0.01404,-0.03512,0.03368,-0.13773,-0.05168,-0.03626,0.02798,0.03015,0.03172,-0.04756,0.00293,0.08312,0.06264,0.01662,0.02813,0.03082,0.00819,0.03519,0.10395,0.0761,0.04431,-0.01979,-0.026,0.03727,0.03762,0.0178,0.04454,0.04727,-0.06542,-0.01666,0.05244,0.0368,0.03931,0.0397,0.01929,0.00855,-0.04009,0,-0.05744,0.00919,0.01482,-0.00453,0.01564,-0.00229,0.05643,0.12961,-0.02778,0.06851,0.07424,0.05441,-0.01515,-0.0285,0.09531,-0.00472,0.04518,0.02738,-0.05221,-0.01654,-0.05302,0.0457,-0.02454,0.05593,-0.09226,-0.00506,0.05349,0.02351,0.01897,-0.09998,-0.0481,0.05146,-0.03796,0.11326,-0.09303,-0.00737,-0.0137,0.04779,-0.06884,-0.03383,-0.03448,0.05145,-0.00361,-0.05389,-0.03866,0.08454,0.00532,-0.06484,-0.03988,0.02707,-0.11013,-0.0144,0.00941,0.08587,0.06162,0.00802,0.01778,-0.06865,-0.0085,0.00778,-0.05536,0.08987,-0.02312,0.012],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Why / Use cases Use f-minimap when flow size exceeds the visible viewport and users need fast spatial navigation. Typical use cases: - Large process maps. - Multi-cluster graphs where users jump between distant regions. - Editors that need persistent orientation context. A minimap can be unnecessary for very small, fixed-size flows.","excerpt":"Why / Use cases Use f-minimap when flow size exceeds the visible viewport and users need fast spatial navigation. Typical use cases: - Large process maps. - Multi-cluster graphs where users jump between distant regions. - Editors that need persistent orientation context. A minimap can be unnecessary for very small, fixed-size flows."},{"chunkId":"/docs/f-minimap-component#2","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.04161,0.02524,-0.0248,-0.00584,0.07034,0.0533,0.00088,0.05896,-0.02627,0.01095,0.00626,0.01728,-0.02824,0.05243,-0.08202,-0.0044,0.00811,0.02471,0.04046,0.01283,-0.06114,-0.09463,-0.00319,-0.09482,-0.01869,0.03209,-0.04531,0.01744,0.01171,-0.07707,0.01773,0.05065,-0.01476,0.01421,-0.08812,0.02735,0.02291,0.01325,-0.06642,-0.00828,-0.04019,0.07284,-0.00177,0.0096,0.01072,0.0052,-0.02863,-0.05133,0.03497,0.07573,-0.11111,-0.06219,-0.04395,0.06169,0.05381,0.05942,-0.0142,-0.09017,0.04386,0.03294,-0.0497,0.03797,0.08225,-0.02925,0.14556,-0.05068,-0.02797,-0.05352,-0.00088,-0.02904,0.00386,-0.04455,0.07446,-0.06817,0.06987,-0.02606,-0.06302,0.04849,0.00364,-0.06917,0.08587,0.04482,-0.03442,0.0993,-0.02443,0.03867,-0.04877,-0.08191,0.00651,0.01248,0.01869,-0.01638,-0.02081,-0.03075,-0.02204,-0.09457,-0.01718,-0.04145,-0.06118,0.06646,0.09023,-0.07619,0.05075,-0.07855,-0.06865,-0.07369,0.01498,-0.03276,-0.09093,0.05208,-0.01207,-0.00324,-0.03751,-0.03933,-0.03406,-0.0482,-0.02025,0.02031,0.07554,0.04018,-0.00052,0.03959,-0.00559,0.06489,0.04097,-0.04061,-0.08757,0,0.03609,0.01967,0.00187,0.07226,0.03289,-0.0613,0.05593,-0.06157,-0.0441,-0.0595,-0.00524,0.04292,-0.07813,0.08745,-0.00122,-0.12516,-0.04541,0.02258,-0.10679,-0.03014,-0.00141,0.02883,-0.00042,-0.06514,0.13031,0.12581,-0.06344,0.05365,-0.05301,0.03836,-0.08048,0.04487,-0.055,-0.01168,-0.01175,-0.03792,-0.0586,-0.07288,-0.04481,-0.01444,-0.08548,-0.05401,-0.12047,-0.04515,0.01825,0.03648,0.01268,0.09791,0.05869,-0.00279,0.04172,0.01383,-0.06113,-0.03411,0.02331,-0.03602,-0.01442,0.02268,0.06514,0.06175,-0.01635,0.04412,-0.03566,0.01855,0.03607,0.06956,0.01551,0.0117,0.03359,-0.01035,-0.02856,0.03478,0.14887,0.01813,0.02603,0.01673,-0.05157,-0.08615,-0.04956,-0.01935,-0.0854,-0.12134,-0.00968,-0.01474,0.04255,-0.05086,0.06912,0.01425,-0.06265,-0.03705,0.00321,-0.02473,-0.03752,0.01396,0.04058,0,-0.00843,-0.02803,0.00473,0.066,-0.05134,-0.04928,-0.01574,0.02397,-0.00653,0.08662,-0.06358,-0.02158,-0.01799,-0.0072,-0.01831,0.04567,0.06937,-0.03884,0.0015,-0.02269,0.01041,0.02187,0.00846,0.00084,-0.0201,0.04099,0.13475,0.0221,-0.02399,-0.03326,-0.0177,-0.07278,-0.01886,-0.09222,0.06671,-0.00229,0.00805,-0.03227,-0.03658,-0.01275,-0.01571,0.01404,0.08469,-0.03026,-0.01989,0.032,-0.0305,0.0498,0.00991,0.01666,-0.00781,-0.00847,0.01388,-0.09245,-0.02211,0.01993,0.01269,0.0262,0.03997,-0.00526,0.02021,-0.10091,-0.04371,-0.02122,0.05114,0.05416,0.02395,-0.05806,0.0409,0.09242,0.09302,0.0185,0.08213,-0.0059,0.0588,0.01282,0.10007,0.10267,0.06738,-0.08119,0.03606,-0.01644,0.04704,-0.01322,0.03633,0.06723,-0.06974,0.01763,0.03376,0.01807,0.04372,0.09375,0.05325,-0.01629,-0.04163,0,-0.04566,0.01146,-0.01751,-0.02775,0.03115,-0.03397,0.06519,0.06481,-0.0478,0.04097,0.08358,0.04534,-0.00006,0.01093,0.11542,0.02132,0.04521,0.06611,-0.03503,-0.06178,-0.0172,0.03985,0.02883,0.04779,-0.08587,0.00892,0.03664,0.05968,0.03814,-0.0807,-0.06244,0.06046,-0.04179,0.05195,-0.11032,0.01424,-0.0204,-0.02579,-0.07786,-0.00467,-0.00113,0.0203,-0.00352,-0.0412,-0.07061,0.06839,-0.00445,-0.08276,-0.02523,-0.01416,-0.0896,0.00359,-0.01017,0.05636,0.03117,0.01811,0.02158,-0.01221,-0.00772,0.01746,-0.07299,0.06929,0.00898,0.04779],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. How it works The component listens to transform changes, redraws minimap nodes and view box, and participates as a drag plugin (FBEFOREMAINPLUGIN) so pointer interaction in minimap can move the main canvas.","excerpt":"How it works The component listens to transform changes, redraws minimap nodes and view box, and participates as a drag plugin (FBEFOREMAINPLUGIN) so pointer interaction in minimap can move the main canvas."},{"chunkId":"/docs/f-minimap-component#3","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.06764,0.02778,0.01531,0.00615,0.0619,0.02801,-0.0423,0.04489,-0.05323,0.02305,-0.00333,0.01879,0.02988,0.06058,-0.04882,0.00851,0.02781,0.02284,0.06989,-0.01313,-0.06455,-0.08489,0.00072,-0.08207,-0.01486,0.02055,-0.07222,0.03555,0.00433,-0.02851,-0.02746,0.04335,0.00995,0.0389,-0.00983,0.01755,-0.00074,0.02705,-0.02061,0.0283,-0.04905,0.10033,0.00374,0.03043,0.04675,0.01352,-0.05361,-0.06876,0.04975,0.10681,-0.12425,-0.04845,-0.04755,-0.00811,0.05163,0.0452,-0.03958,-0.11662,0.03063,0.04493,-0.04718,0.02857,0.0708,-0.01769,0.13834,0.00614,-0.03021,-0.03898,0.02997,-0.02245,-0.00316,-0.04685,0.08377,-0.05801,0.04113,-0.02622,-0.03185,0.01844,-0.01983,-0.11419,0.04567,0.04957,-0.0267,0.08953,-0.03071,0.01328,-0.04541,-0.06451,0.02604,-0.00137,-0.02952,-0.05971,-0.01762,-0.01123,-0.00819,-0.06306,0.0024,-0.08602,-0.07096,0.03932,0.08683,-0.08914,0.06098,-0.08658,-0.05996,-0.02562,0.05033,0.01367,-0.06778,0.03676,-0.01654,0.00606,-0.01225,-0.02401,-0.06918,-0.01761,-0.02311,0.00318,0.12731,0.06093,-0.00989,0.03265,0.00431,0.07788,0.01762,-0.06097,-0.06208,0,0.02099,0.03225,0.05546,0.05113,0.02605,-0.06215,0.04415,-0.10192,-0.08602,-0.04344,-0.00174,0.05421,-0.07936,0.07008,-0.00268,-0.06179,-0.05966,0.03077,-0.12251,0.00372,-0.07039,0.01825,0.01958,-0.06482,0.07323,0.09958,-0.0744,0.07164,-0.05223,0.0441,-0.07958,0.05178,-0.02912,-0.05171,-0.01471,-0.03118,-0.0594,-0.04454,-0.04363,0.009,-0.0877,-0.0262,-0.0706,-0.03498,-0.02651,0.05316,-0.0383,0.09411,0.03444,0.01696,0.02638,0.03503,-0.09273,-0.05699,-0.01514,-0.07635,-0.02871,0.0111,0.03581,0.06351,0.00278,0.00705,-0.01409,0.03979,0.02648,0.03134,0.01481,0.0211,0.00447,0.02485,-0.01614,-0.00182,0.14442,-0.00214,0.05005,-0.00461,-0.02039,-0.05301,-0.05137,-0.007,-0.07032,-0.13177,-0.03075,-0.05569,0.01522,-0.04943,0.09541,0.02813,-0.03467,-0.04531,-0.0627,-0.00905,-0.00624,0.00744,0.02302,0,0.0191,-0.01727,0.00873,0.02653,-0.06775,-0.05978,-0.00324,0.04926,-0.05908,0.08503,-0.04055,-0.02029,-0.03623,-0.01815,-0.03385,0.01513,0.14276,-0.02228,0.01069,0.00437,-0.00277,0.0092,-0.01478,0.01187,-0.02681,0.08177,0.1192,0.0359,-0.05164,-0.03558,-0.02691,-0.05115,0.02654,-0.07154,0.06917,0.02368,0.03079,-0.06577,-0.03797,-0.01456,-0.01616,0.00634,0.07715,-0.05444,0.00687,0.05115,0.01057,0.06768,-0.03927,0.01084,0.02288,-0.01552,0.03312,-0.11011,0.00446,-0.00004,-0.0507,0.02503,0.04351,-0.01956,0.00194,-0.07995,-0.09028,-0.02362,0.00577,0.02138,0.0095,-0.08569,0.01362,0.07423,0.03478,0.0005,0.05731,0.00548,0.03095,0.03382,0.09958,0.14582,0.07117,-0.10092,0.04276,-0.014,0.05158,0.01666,0.09233,0.0863,-0.07475,0.0084,0.04601,0.04158,0.04439,0.05592,0.0555,0.01372,-0.0075,0,-0.00986,0.04443,-0.02628,-0.03644,0.00864,-0.01964,0.06017,0.07485,-0.04698,0.03681,0.0849,0.0202,-0.0297,0.02029,0.0992,0.04056,0.04053,0.04934,-0.02558,0.00597,-0.04966,0.03706,0.01019,0.00726,-0.10614,0.04715,0.02435,0.04862,0.00861,-0.10302,-0.071,0.02757,-0.056,0.04885,-0.07068,-0.03915,-0.00169,-0.02544,-0.04931,-0.02822,-0.01282,0.03406,0.04487,-0.02196,-0.02614,0.06823,0.03302,-0.08775,-0.02185,0.00226,-0.11483,-0.05542,0.01781,0.02934,0.03436,-0.00824,0.01746,-0.0109,-0.03807,0.03403,-0.03195,0.07402,-0.01284,0.03803],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. API","excerpt":"API"},{"chunkId":"/docs/f-minimap-component#4","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.0697,0.05995,-0.02809,-0.03271,0.02084,0.02436,-0.00863,0.10069,-0.05379,0.0007,0.02343,0.00098,0.00169,0.06241,-0.09313,-0.00298,0.00066,0.0301,0.05258,-0.02009,-0.05777,-0.07081,-0.00967,-0.07412,-0.061,0.02627,-0.06994,0.06493,0.0122,-0.04063,-0.0108,0.06574,0.07144,0.02421,-0.00269,-0.0039,0.03205,0.02169,-0.043,0.01907,-0.05022,0.05796,0.03874,0.02133,0.0145,0.04519,-0.05757,-0.07542,0.01881,0.07617,-0.10107,-0.02667,-0.05312,0.07226,0.05593,0.01699,-0.04386,-0.10677,0.03287,0.04095,-0.05375,0.02429,0.05498,-0.0352,0.14847,-0.00432,-0.04618,-0.04677,0.01657,0.01097,0.03303,-0.03845,0.03054,-0.07923,0.05627,-0.01114,-0.03744,0.03122,-0.02573,-0.08059,0.05887,0.06448,-0.02766,0.09825,-0.04361,0.01105,-0.03783,-0.07399,0.07566,0.00566,-0.02525,-0.01522,-0.05783,-0.01971,0.02829,-0.07085,-0.01936,-0.08822,-0.07747,0.07265,0.08971,-0.10931,0.06006,-0.05434,-0.04734,-0.04937,0.03912,0.04468,-0.01957,0.01392,-0.01725,-0.00592,-0.01719,-0.04281,-0.02884,-0.02849,-0.00133,0.01786,0.09416,0.0813,-0.03181,0.02785,-0.0542,0.05829,0.02789,-0.00625,-0.06742,0,-0.00389,0.06606,0.02626,0.04471,0.00336,-0.03111,0.05541,-0.10785,-0.0586,-0.02205,-0.0409,0.04603,-0.10433,0.06081,-0.01412,-0.09913,-0.04371,0.04203,-0.10227,-0.02072,0.00191,0.01531,0.02237,-0.07327,0.1159,0.08454,-0.08495,0.04774,-0.07885,0.036,-0.06648,0.01093,-0.02914,-0.01709,0.00988,-0.0394,-0.05334,-0.01737,-0.05722,-0.01297,-0.09042,-0.02212,-0.0823,-0.03875,0.00538,0.03996,-0.01547,0.08071,0.07107,0.00676,0.02681,0.04931,-0.07889,-0.06278,0.01446,-0.06072,-0.01858,0.00364,0.02058,0.07045,-0.02622,0.01306,-0.00953,0.00848,0.04263,0.03537,-0.01301,-0.02196,0.03929,-0.01428,-0.05122,-0.00275,0.15016,0.04939,0.01214,0.02879,-0.00759,-0.05511,-0.06616,0.01794,-0.11216,-0.10758,-0.02127,-0.00467,0.00359,-0.05034,0.07656,0.00845,-0.03545,-0.04959,-0.03445,-0.00841,-0.02961,0.00983,0.01534,0,-0.0235,-0.00074,-0.02471,0.0359,-0.08085,-0.02795,0.02585,0.06437,-0.01933,0.10251,-0.01223,0.00961,-0.01833,-0.04702,-0.0179,0.00525,0.09407,-0.02453,0.03933,0.02091,0.01869,0.01838,-0.03846,0.01097,0.00193,0.06228,0.1261,0.02152,-0.03136,-0.01369,-0.05654,-0.05779,-0.01594,-0.06663,0.07326,-0.03374,0.01961,-0.04652,-0.05101,0.00371,-0.01019,0.04208,0.07296,-0.02399,-0.02872,0.07069,0.03902,0.03155,-0.00644,-0.01308,-0.0082,-0.00871,0.00433,-0.08099,-0.01225,0.00948,-0.00976,0.04719,0.02432,-0.01856,0.01452,-0.12463,-0.07241,-0.03929,0.01519,0.03308,0.01512,-0.05201,0.01106,0.07546,0.06393,0.0144,0.08179,0.00245,-0.00725,0.00838,0.08728,0.1367,0.08253,-0.07543,0.03158,0.01753,0.04188,0.03033,0.10069,0.07262,-0.05448,0.00732,0.0633,0.04441,0.03734,0.08599,0.04565,-0.00679,-0.04343,0,-0.03322,-0.01419,-0.03778,-0.01899,0.01706,-0.01086,0.0658,0.07251,-0.03643,0.04055,0.07042,0.06029,-0.01958,-0.02142,0.09893,0.01181,0.03988,0.05486,-0.04633,-0.03031,-0.0474,0.03752,-0.01247,0.01364,-0.09869,-0.00464,0.04498,0.05389,0.00396,-0.09677,-0.04148,0.06046,-0.05291,0.03786,-0.10431,-0.00043,-0.036,0.0184,-0.09124,-0.05427,-0.0449,0.01769,0.00352,-0.05678,-0.01938,0.08226,0.03398,-0.07805,-0.05505,0.01299,-0.06348,0.01708,0.02096,0.05065,0.05543,-0.013,0.02015,-0.03101,-0.06817,-0.00014,-0.07659,0.11482,0.00113,0.00778],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Inputs - fMinSize: number; Default: 1000. Minimum size (width/height) of the minimap coordinate system unless flow content is larger. f Min Size","excerpt":"Inputs - fMinSize: number; Default: 1000. Minimum size (width/height) of the minimap coordinate system unless flow content is larger."},{"chunkId":"/docs/f-minimap-component#5","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.0644,0.06376,0.00048,-0.00319,0.07131,0.04069,-0.01876,0.05805,-0.04165,-0.00028,0.00397,-0.0111,-0.01022,0.02821,-0.04582,-0.01709,0.00062,0.04278,0.07984,-0.00844,-0.06923,-0.09114,0.00322,-0.08108,-0.0559,0.03436,-0.05993,0.0578,0.01555,-0.0593,-0.0255,0.08931,0.01842,0.05377,-0.02938,0.03739,0.03589,0.02961,-0.05544,0.03635,-0.05351,0.08676,0.01898,-0.00269,0.03113,0.00322,-0.03513,-0.09703,0.01867,0.08555,-0.09826,-0.04708,-0.05311,0.03388,0.04797,0.02423,-0.02092,-0.12395,0.02873,0.037,-0.03825,0.00654,0.05157,-0.0102,0.10609,-0.00348,-0.03144,-0.02665,0.04519,-0.00366,0.02569,-0.03694,0.05653,-0.08322,0.03475,-0.02329,-0.02592,0.02785,-0.03535,-0.09996,0.04712,0.05475,-0.03765,0.07911,-0.05675,0.02642,-0.06225,-0.0909,0.02313,0.01416,-0.05861,-0.01461,-0.03731,-0.03478,-0.00158,-0.0539,-0.01973,-0.06904,-0.04298,0.06401,0.08855,-0.09268,0.06857,-0.07831,-0.04924,-0.04599,0.03344,0.03773,-0.05161,0.01883,-0.03,0.00954,-0.03903,-0.05403,-0.08025,-0.06276,-0.00508,-0.01388,0.0895,0.0856,-0.00165,0.02079,0.00311,0.06934,0.05719,-0.04067,-0.07904,0,0.02921,0.02327,0.01895,0.05513,0.05644,-0.03904,0.0553,-0.12326,-0.07082,-0.0226,-0.01502,0.02395,-0.10512,0.0474,-0.01681,-0.11623,-0.04853,0.02427,-0.14738,-0.02735,-0.03223,0.02735,0.00075,-0.07499,0.10211,0.10568,-0.06508,0.06036,-0.0699,0.03964,-0.03689,0.03164,-0.01246,-0.00087,-0.00085,-0.01882,-0.04349,-0.02507,-0.04482,-0.00741,-0.10652,-0.02471,-0.06659,-0.04197,0.00005,0.03323,-0.03759,0.10056,0.0701,0.00938,0.02537,0.03576,-0.07939,-0.05277,0.021,-0.07858,-0.03631,0.04171,0.02684,0.09523,-0.02153,0.03118,-0.04334,0.00695,0.02748,0.06761,0.01236,-0.00535,0.03758,-0.01408,-0.03088,0.01813,0.143,0.01659,0.06451,0.01881,-0.02545,-0.03865,-0.05786,0.01467,-0.11466,-0.12117,-0.02782,-0.01208,0.01126,-0.04846,0.08132,0.02844,-0.03591,-0.03409,-0.04847,0.01681,0.01253,0.01439,0.03708,0,-0.01903,0.01793,0.00745,0.04156,-0.04084,-0.04555,0.03101,0.02249,-0.04496,0.13725,-0.03763,-0.00009,-0.01808,-0.03927,-0.03092,0.01505,0.10437,-0.05003,0.04382,0.00869,0.00446,0.03458,-0.02366,0.00608,-0.0041,0.07406,0.10493,0.02382,-0.03693,-0.03598,-0.00972,-0.05705,-0.00653,-0.07511,0.06814,-0.01656,-0.00257,-0.0159,-0.0434,0.01783,-0.02898,0.01368,0.06304,-0.02428,-0.02666,0.04673,0.03509,0.02351,-0.01214,-0.00137,-0.03335,-0.04431,0.00912,-0.08159,-0.01258,0.01539,-0.01017,0.04666,0.01943,-0.01223,0.02871,-0.1262,-0.07112,-0.02921,0.03459,0.01437,-0.00245,-0.04031,0.01675,0.08697,0.04274,0.02234,0.06002,0.00918,0.04958,0.01198,0.09206,0.15306,0.09075,-0.04759,0.02819,0.01989,0.01102,0.01281,0.0762,0.03915,-0.0765,0.01841,0.03461,0.03038,0.03384,0.04262,0.05606,-0.0054,-0.03618,0,-0.04253,-0.00035,-0.01804,-0.05158,0.01944,-0.01227,0.05041,0.08716,-0.04189,0.04183,0.07437,0.06808,0.00749,-0.02426,0.10961,0.01122,0.0156,0.05089,-0.04034,-0.02778,-0.03303,0.02197,-0.0091,0.04968,-0.1111,0.01396,0.0413,0.01326,0.00071,-0.09104,-0.08599,0.05857,-0.0625,0.05275,-0.08705,-0.0105,-0.03703,0.00937,-0.07736,0.00694,-0.02721,0.01388,0.02233,-0.04169,-0.02633,0.07786,0.00871,-0.06846,-0.04542,0.01053,-0.09145,-0.01249,-0.01416,0.05215,0.03232,-0.01969,0.0186,-0.02873,-0.02429,-0.00379,-0.05789,0.11096,-0.01018,0.00872],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Styling - .f-component Base class for flow primitives. - .f-minimap Host class. - .f-minimap-view Viewport rectangle class. - .f-minimap-node Rendered node class. - .f-minimap-group Rendered group class. - .f-selected Applied to selected minimap nodes/groups.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-minimap Host class. - .f-minimap-view Viewport rectangle class. - .f-minimap-node Rendered node class. - .f-minimap-group Rendered group class. - .f-selected Applied to selected minimap nodes/groups."},{"chunkId":"/docs/f-minimap-component#6","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.0759,0.09952,0.00686,0.01974,0.0939,0.0309,-0.01838,0.08855,-0.05988,0.0268,0.00181,0.01202,-0.0137,0.0387,-0.06093,-0.00242,0.03678,0.05781,0.02972,-0.00121,-0.06537,-0.0973,-0.02002,-0.08097,-0.06699,0.01567,-0.09352,0.06931,0.00985,-0.06054,-0.01977,0.08548,0.01096,0.03189,-0.04842,0.03762,0.04039,0.01426,-0.05172,0.00872,-0.05534,0.07744,0.01354,0.01981,0.0204,-0.00164,-0.0339,-0.05597,-0.0084,0.08083,-0.09872,-0.05193,-0.05238,0.01935,0.03852,0.03414,-0.02592,-0.12328,0.02689,0.05384,-0.0676,0.0332,0.08257,-0.04338,0.1448,-0.00262,-0.01924,-0.05134,0.04522,0.00176,0.05967,-0.04943,0.02411,-0.04259,0.0475,-0.03214,-0.0429,0.04733,-0.04802,-0.06044,0.04339,0.05459,-0.02691,0.08509,-0.06407,0.01453,-0.06045,-0.11301,0.02343,0.03287,-0.01382,0.00003,-0.06049,-0.02096,0.00708,-0.09499,-0.02631,-0.09929,-0.06389,0.04798,0.07653,-0.07289,0.05411,-0.07643,-0.04448,-0.0296,0.03202,-0.01333,-0.05954,0.03078,-0.00681,0.01634,-0.03213,-0.04815,-0.04724,-0.03267,-0.00397,-0.01358,0.07549,0.08893,-0.02764,0.03344,-0.01697,0.05002,0.04448,-0.03751,-0.10436,0,0.0217,0.04363,0.00516,0.05574,0.05898,-0.05029,0.07882,-0.1244,-0.07775,-0.05352,0.00742,0.04149,-0.08076,0.07162,0.01114,-0.10011,-0.0319,0.01294,-0.11599,-0.01996,-0.03082,0.0105,0.01671,-0.08518,0.11619,0.10095,-0.05374,0.08226,-0.04573,0.04439,-0.06306,0.03013,-0.01579,-0.04392,0.00839,-0.01508,-0.03512,-0.03995,-0.06603,-0.02745,-0.07825,-0.00205,-0.06983,-0.01358,-0.00004,0.04002,0.01472,0.0696,0.02991,-0.00717,0.05388,0.0058,-0.06301,-0.04842,0.00508,-0.05752,-0.01146,-0.00812,0.01868,0.08413,-0.0142,-0.01106,-0.03156,0.03033,0.05727,0.06806,-0.00632,0.00409,0.03085,-0.02793,-0.02399,0.03963,0.15424,0.01233,0.04515,0.02604,-0.00833,-0.08516,-0.04291,0.02319,-0.08273,-0.11318,0.00401,-0.01593,-0.00935,-0.05574,0.09169,0.03694,-0.03927,-0.02047,-0.03836,0.01106,0.00102,0.02456,0.04392,0,-0.02693,-0.00283,0.00359,0.04883,-0.05209,-0.02495,-0.00908,0.00856,-0.06094,0.10076,-0.05185,-0.00623,-0.04848,-0.03283,-0.02922,0.00673,0.09038,-0.04579,0.03642,0.01331,0.03031,0.02657,-0.00126,0.02382,0.0001,0.03511,0.06302,0.01492,-0.03085,-0.05386,-0.00424,-0.06587,0.00577,-0.09313,0.06499,-0.00574,-0.01124,-0.05569,-0.00899,0.01792,-0.02889,0.01614,0.05524,-0.07583,-0.01506,0.03872,0.01848,0.03318,0.01066,0.00894,-0.03599,-0.01285,-0.0028,-0.06631,0.00083,-0.01236,0.00121,0.04655,0.0412,-0.01449,0.02376,-0.13185,-0.08996,-0.04723,0.00722,0.02024,0.02172,-0.05474,0.0393,0.08839,0.0283,0.03048,0.07776,0.00008,0.02474,-0.00577,0.09696,0.14485,0.09742,-0.06691,0.02895,0.01479,0.00161,0.00422,0.07495,0.07188,-0.05481,0.01595,0.04706,0.03396,0.0374,0.04409,0.05635,-0.0121,-0.06306,0,-0.04706,0.01952,-0.00124,-0.00007,0.00993,-0.00349,0.05633,0.07899,-0.03831,0.06628,0.04268,0.0439,-0.00409,-0.00903,0.09073,0.0083,0.04673,0.04371,-0.02553,-0.02004,-0.06714,0.05168,-0.02245,0.06428,-0.11851,0.01592,0.0558,0.05542,0.02139,-0.08011,-0.07021,0.06515,-0.06836,0.05872,-0.09312,-0.00906,-0.01881,0.01603,-0.07679,-0.02001,-0.01372,0.02087,0.00767,-0.03946,-0.04117,0.07431,0.00968,-0.09129,-0.04334,0.0181,-0.05344,-0.01303,-0.01556,0.07258,0.04973,0.00005,0.0103,-0.00543,-0.03978,0.00904,-0.03139,0.06476,-0.02892,0.02795],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Notes / Pitfalls - Drag interaction in minimap requires fDraggable on parent f-flow. - fMinSize affects perceived scale; too small can clip context, too large can reduce useful detail. - If custom node classes are sent to minimap via fMinimapClass, ensure corresponding CSS exists in minimap scope. f Draggable f Min Size f Minimap Class","excerpt":"Notes / Pitfalls - Drag interaction in minimap requires fDraggable on parent f-flow. - fMinSize affects perceived scale; too small can clip context, too large can reduce useful detail. - If custom node classes are sent to minimap via fMinimapClass, ensure corresponding CSS exists in minimap scope."},{"chunkId":"/docs/f-minimap-component#7","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.04118,0.05141,0.00817,0.02131,0.08076,0.07252,-0.05515,0.07643,-0.04595,0.0356,-0.01525,0.0097,-0.0126,0.03745,-0.0178,0.00151,0.00695,0.05113,0.02805,-0.00829,-0.04499,-0.08928,0.02832,-0.05161,-0.04044,0.03654,-0.04735,0.03629,0.03909,-0.04242,0.01883,0.05698,-0.01706,0.03128,-0.01627,0.08497,0.00861,0.04411,-0.03072,-0.00136,-0.00258,0.10698,-0.00661,-0.05789,0.02842,-0.02445,-0.03372,-0.04145,-0.00631,0.07265,-0.11105,-0.05285,-0.04787,0.03907,0.03843,0.00695,-0.06401,-0.11011,0.05495,0.03845,-0.0621,-0.0079,0.07283,-0.02797,0.14157,-0.00882,-0.06032,-0.0223,0.01802,0.06707,0.02171,-0.04714,0.04259,-0.0668,0.03116,-0.04537,-0.04201,0.06899,-0.0176,-0.10156,0.05878,0.01323,-0.04092,0.06169,-0.04273,0.01678,-0.03795,-0.0916,0.03765,-0.05483,-0.0085,-0.02828,-0.04361,0.02996,0.02268,-0.05873,-0.0561,-0.0192,-0.07497,0.0538,0.06167,-0.0764,0.07823,-0.01077,-0.02458,-0.03326,0.05034,0.03388,-0.07428,0.03167,-0.01308,0.06297,-0.01899,-0.03289,-0.08281,-0.06286,-0.0146,-0.02866,0.06787,0.08589,-0.00738,-0.0141,-0.01778,0.04349,0.08392,-0.01246,-0.02433,0,0.02615,0.05759,-0.00691,0.01382,0.06754,-0.03773,0.02278,-0.14585,-0.06722,0.03517,-0.00684,0.03847,-0.08547,0.02245,-0.01148,-0.13909,-0.04295,0.02343,-0.13722,-0.00025,-0.03385,0.01967,-0.00114,-0.06257,0.1262,0.06391,-0.01625,0.04908,-0.06681,0.0273,0.02116,0.05211,-0.01132,-0.0352,0.0187,-0.03069,-0.01908,-0.01052,-0.09493,-0.00082,-0.03922,-0.04358,-0.06925,-0.01553,-0.03316,-0.00476,-0.02607,0.09178,0.09249,-0.00533,0.02862,0.04705,-0.11186,-0.04496,0.04972,-0.04852,-0.03074,-0.00064,0.03825,0.08225,-0.03664,-0.01374,-0.00031,0.01539,0.03151,0.02293,0.00638,0.00982,0.05864,-0.04452,-0.03896,0.05688,0.10683,0.01317,0.04806,0.00296,-0.01901,-0.00542,0.02359,-0.01091,-0.05983,-0.12954,-0.02979,0.05028,0.03805,-0.06474,0.02767,-0.01146,-0.06457,-0.0704,-0.03763,0.03554,-0.0368,-0.02088,0.0255,0,0.02816,-0.0044,0.01356,0.09115,-0.08009,-0.05028,0.09159,0.07242,-0.02605,0.11523,-0.02427,-0.00803,-0.02378,-0.0483,-0.00606,0.01368,0.09676,-0.05806,0.11293,0.00082,0.04074,0.06886,-0.02345,0.02614,0.01235,0.08045,0.10285,0.03843,-0.03895,-0.04828,-0.00382,-0.03278,-0.03272,-0.09473,0.03003,0.00354,-0.00621,0.01993,-0.02583,0.00366,0.01744,0.04113,0.03736,-0.07557,-0.02688,0.0147,0.04638,0.01412,-0.01786,-0.01718,-0.01868,-0.04273,-0.02461,-0.06101,-0.01744,-0.05501,-0.01552,-0.02667,-0.0041,-0.01436,0.04089,-0.09865,-0.06237,-0.04691,0.07466,0.0466,-0.03721,-0.10539,0.06537,0.08578,0.01905,-0.0163,0.06882,0.03382,0.07929,0.03821,0.0817,0.12107,0.09999,-0.08536,0.01585,-0.00249,0.00798,0.03194,0.06238,0.07728,-0.12609,-0.00766,0.06028,0.07039,0.02333,0.00287,0.04827,-0.01116,-0.01425,0,-0.05507,0.00762,-0.02291,-0.02092,-0.00662,-0.0466,0.04834,0.02705,-0.04021,-0.01491,0.01943,0.07407,0.00754,-0.01077,0.07709,-0.00246,0.00275,0.03921,-0.04885,0.01227,-0.06343,0.05709,0.00234,0.05413,-0.0732,-0.00166,-0.00898,0.01516,-0.0082,-0.11993,-0.07607,0.04264,-0.04361,0.05848,-0.10701,-0.0376,-0.03698,-0.01593,-0.05574,0.00626,-0.01916,0.00656,0.03435,-0.04508,-0.04036,0.06544,-0.00531,-0.06577,-0.00493,0.00002,-0.08975,-0.01914,-0.03616,0.02194,0.05591,-0.0343,0.04715,-0.00128,-0.03688,0.00329,-0.03418,0.06814,-0.04753,-0.00165],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Example ::: ng-component <minimap-example</minimap-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.scss :::","excerpt":"Example ::: ng-component <minimap-example</minimap-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.scss :::"},{"chunkId":"/docs/angular-node-based-ui-library#0","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.09871,0.01884,-0.08372,0.01921,0.04179,0.02295,-0.03202,0.04906,0.03726,0.04382,-0.11529,-0.00805,-0.08594,0.0256,0.07154,-0.00432,-0.00863,0.00892,0.03653,-0.05326,-0.06576,-0.03065,-0.01228,-0.06538,-0.00541,0.04316,-0.02171,-0.02209,0.01565,-0.05378,0.02407,0.06666,-0.00106,0.06881,-0.13641,0.1001,0.02629,-0.00645,-0.05836,-0.06071,-0.00034,0.0557,-0.00894,-0.05506,-0.04899,-0.00778,-0.06439,-0.01563,-0.03194,0.09453,-0.04909,-0.16142,-0.05599,0.08203,0.04959,0.04554,0.0242,-0.0511,0.02944,0.06075,0.03319,-0.03809,0.02526,0.06509,0.02831,0.03856,-0.07982,0.01775,-0.01489,-0.11667,0.02251,-0.04811,0.01121,-0.01595,0.01429,-0.02346,-0.03071,0.03786,0.02986,-0.02137,-0.00638,0.06578,-0.0226,0.08558,-0.04705,0.11283,0.03069,-0.03942,0.00075,0.00657,-0.04721,0.11705,-0.01639,-0.02202,0.01489,0.01209,0.02676,-0.04302,-0.11692,0.03008,-0.01089,-0.08354,0.07957,-0.01585,-0.03494,-0.06105,0.01223,0.00998,-0.03446,0.01866,-0.04746,0.03801,-0.05962,-0.09476,-0.02615,-0.07505,-0.01078,-0.02275,0.0562,0.05416,0.0257,0.04594,0.02278,-0.00162,0.09614,-0.02412,-0.0374,0,0.02061,0.04871,-0.01775,0.04286,0.10415,-0.00867,0.03264,-0.08214,-0.053,-0.00972,-0.03109,0.07348,-0.05067,0.05083,0.05654,-0.12333,-0.04032,0.01194,-0.00775,-0.00536,0.05527,-0.08552,0.00014,0.05296,0.05378,0.06133,-0.00566,0.03019,-0.02414,0.0209,-0.00355,0.01349,-0.002,-0.02229,-0.06597,-0.00502,-0.04119,-0.10459,-0.02736,0.00333,-0.02456,-0.0224,-0.1005,-0.04011,-0.00434,-0.01299,-0.05658,-0.02779,0.0609,0.01824,-0.00584,0.02814,0.05557,0.03895,0.06499,-0.04232,0.01974,0.06291,0.023,0.04063,0.04692,0.05085,-0.05908,0.0032,0.01964,0.05005,0.03375,0.00783,0.10108,-0.07134,-0.10257,0.07317,0.08616,0.03916,0.03283,-0.00719,-0.0426,0.02714,0.04898,-0.03162,-0.06766,-0.09528,-0.02203,0.05481,0.09801,-0.077,-0.00984,0.0204,-0.09823,0.0006,0.09414,0.03273,0.00385,0.05096,-0.00857,0,-0.02139,-0.03659,-0.00873,0.07003,0.09885,-0.06352,0.01923,-0.00721,0.07674,0.07898,0.01913,0.02464,0.04172,-0.02052,0.01772,0.00552,-0.0196,-0.13221,0.0501,-0.06429,0.01975,0.00297,0.02512,-0.0713,-0.04447,0.02803,-0.005,-0.04026,-0.00467,-0.01703,0.01099,-0.0311,-0.05066,-0.07117,0.04361,-0.02473,-0.00455,0.04201,0.00472,-0.07793,0.02089,-0.00882,-0.03107,0.00166,-0.0861,0.04675,-0.06428,0.00378,-0.07364,-0.00318,-0.03562,0.03598,-0.01891,-0.09176,-0.0595,0.00161,0.09015,0.04211,-0.00046,0.01272,-0.00481,-0.01724,0.01254,0.01895,0.00672,0.05327,-0.05802,0.01071,0.01877,0.10193,0.09515,0.03642,-0.03543,0.0125,0.06018,0.03254,0.11545,-0.02523,0.0382,0.03665,-0.03112,0.12815,0.00507,0.04579,0.09788,-0.0032,-0.09325,-0.00627,0.03742,0.06449,-0.0789,0.03683,-0.0159,0.02971,0.00369,0,-0.12659,0.02238,-0.05512,-0.03859,0.03784,0.00572,-0.01481,0.07965,0.05496,-0.00531,0.03094,0.04764,-0.01703,0.00184,0.06641,0.0167,-0.02028,0.01351,-0.0011,-0.06445,0.01798,0.01549,-0.01811,0.05337,-0.01285,-0.04812,-0.01145,0.00565,-0.03523,-0.01098,-0.02162,0.07869,0.07364,0.08438,-0.01465,0.01705,-0.07347,-0.00154,-0.09348,0.00745,0.04051,0.00486,0.01414,-0.03688,-0.06702,0.03543,-0.04505,-0.05095,-0.03948,-0.07177,-0.04387,0.00387,-0.08699,0.06174,0.00617,0.06936,-0.02668,-0.0473,0.08776,-0.00955,-0.07567,0.04965,0.06471,0.01148],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for building interfaces where users edit connected entities visually. It gives you the rendering and interaction layer for node editors, workflow builders, visual automation tools, AI pipeline builders, and other graph-style product surfaces. The starting path is small: f-flow, f-canvas, nodes, connectors, and connections. Most teams add helpers like minimap, selection area, snapping, caching, or virtualization only later.","excerpt":"Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for building interfaces where users edit connected entities visually. It gives you the rendering and interaction layer for node editors, workflow builders, visual automation tools, AI pipeline builders, and other graph-style product surfaces. The starting path is small: f-flow, f-canvas, nodes, connectors, and connections. Most teams add helpers like minimap, selection area, snapping, caching, or virtualization only later."},{"chunkId":"/docs/angular-node-based-ui-library#1","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.089,0.02371,-0.1007,-0.00978,0.01808,0.02082,0.00373,0.0644,0.05619,0.05845,-0.09865,0.00778,-0.05546,0.03712,0.07304,0.00518,-0.02701,0.00918,0.03162,-0.03126,-0.06575,-0.02317,-0.00432,-0.04774,0.0181,0.04717,-0.00123,-0.01141,0.04136,-0.0444,0.04556,0.07175,-0.01111,0.05759,-0.17147,0.07882,-0.00466,-0.03596,-0.03216,-0.03139,0.03816,0.08615,0.00364,-0.06267,-0.04309,-0.00026,-0.08632,0.0195,-0.03174,0.09733,-0.05575,-0.13995,-0.05105,0.06695,0.04451,0.03301,0.00253,-0.07968,0.05378,0.05454,0.02551,-0.01449,0.03154,0.09325,0.05125,0.02936,-0.11845,0.03244,0.00199,-0.06174,0.01041,-0.06028,0.02528,-0.02269,0.01569,-0.054,-0.03733,0.05899,0.00456,-0.02127,-0.00211,0.04708,0.00077,0.0633,-0.03131,0.10104,0.02817,-0.06854,-0.0206,-0.02904,-0.02952,0.10765,-0.00082,0.00764,0.0321,0.00579,0.01655,-0.02633,-0.13225,0.05939,0.0249,-0.07361,0.06972,-0.01,-0.0609,-0.07213,0.00631,0.00859,-0.02612,0.0015,-0.06502,0.04452,-0.03601,-0.08738,-0.04651,-0.05652,-0.04325,-0.02898,0.04219,0.05347,0.00684,0.03246,-0.0043,-0.01889,0.09541,-0.01831,-0.02788,0,-0.00093,0.03375,-0.02642,0.04225,0.08733,0.0091,-0.02977,-0.10194,-0.01354,-0.00696,-0.01002,0.08278,-0.04319,0.04115,0.01862,-0.08742,-0.04977,0.01598,0.04016,-0.01346,0.08744,-0.10387,-0.01499,0.07709,0.03802,0.08396,-0.00738,0.02661,-0.05093,0.03848,0.01859,0.01105,-0.01241,-0.03343,-0.03975,-0.02198,-0.04897,-0.09667,-0.00265,-0.02894,-0.021,-0.05714,-0.10312,-0.01629,-0.01036,-0.00019,-0.06465,-0.03489,0.04566,0.03346,0.01478,0.01945,0.04464,0.0273,0.06733,-0.04316,0.00732,0.06519,0.01401,0.02937,0.07109,0.04167,-0.05396,-0.02472,0.01912,0.05457,-0.01219,-0.00093,0.08316,-0.05647,-0.09186,0.07031,0.0463,0.04744,0.02307,-0.02308,-0.02651,0.03395,0.0348,-0.02824,-0.07952,-0.11028,-0.00253,0.04323,0.08994,-0.08549,0.01128,-0.01802,-0.08761,0.02953,0.11212,0.0246,-0.01505,0.00842,0.03262,0,-0.04943,0.02901,-0.02318,0.07663,0.08144,-0.07915,0.02884,0.01558,0.05462,0.07581,0.0264,0.02556,0.01502,-0.02905,0.0413,-0.01381,-0.02756,-0.12636,0.0133,-0.07778,0.01008,0.00079,0.00244,-0.06499,-0.04211,0.05033,-0.01778,-0.02984,0.01065,-0.02428,-0.02003,-0.02599,-0.04801,-0.05159,0.01605,-0.05138,0.03312,0.03666,0.00321,-0.08167,0.00768,-0.00531,-0.04866,-0.00401,-0.08152,0.05106,-0.03901,0.02814,-0.03887,0.00166,-0.04323,0.05955,0.01362,-0.09235,-0.04236,-0.0033,0.0931,0.04679,-0.01451,0.00498,-0.02248,-0.01802,0.04744,0.0102,0.03817,0.04422,-0.05955,0.01581,0.04984,0.11915,0.10029,0.06426,-0.0543,0.03815,0.06447,0.0457,0.10525,0.00043,0.01426,0.0271,-0.01848,0.10978,0.01462,0.04443,0.07799,-0.01874,-0.10387,-0.04257,0.02912,0.06726,-0.06641,0.02235,-0.02143,0.01356,0.01643,0,-0.1688,0.00532,-0.04869,-0.04227,0.03013,0.01403,-0.01534,0.03025,0.03428,-0.00583,0.02623,0.08,-0.02462,-0.01458,0.05297,0.00307,-0.01641,0.01554,-0.00243,-0.0382,0.01545,0.00878,0.0022,0.0984,0.00312,-0.03619,-0.0197,0.00299,-0.00774,-0.00367,-0.03324,0.04884,0.08841,0.07833,-0.0486,0.00962,-0.09778,-0.0103,-0.0897,-0.00504,0.03708,0.01239,0.02266,-0.02537,-0.07121,0.07127,-0.01376,-0.03087,0.00027,-0.04369,-0.07526,0.02916,-0.08478,0.04693,-0.00629,0.05159,-0.04481,-0.04228,0.05049,-0.01962,-0.09627,0.05635,0.06031,-0.01343],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. When to use it Use Foblex Flow when your Angular application needs users to: - place and move nodes on a canvas, - create or reassign connections, - zoom, pan, select, and align elements, - apply domain rules while keeping the graph model in app state, - build a custom editor instead of embedding a generic diagram widget.","excerpt":"When to use it Use Foblex Flow when your Angular application needs users to: - place and move nodes on a canvas, - create or reassign connections, - zoom, pan, select, and align elements, - apply domain rules while keeping the graph model in app state, - build a custom editor instead of embedding a generic diagram widget."},{"chunkId":"/docs/angular-node-based-ui-library#2","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.12154,0.01674,-0.08579,0.02725,0.00991,0.04045,-0.07118,0.05808,0.04457,0.05645,-0.10441,-0.00478,-0.03502,0.03868,0.10965,-0.01001,-0.00522,-0.03849,0.03179,-0.02171,-0.02931,-0.06609,-0.01869,-0.0243,-0.00207,0.08195,-0.02953,-0.04063,0.05812,-0.03527,0.04745,0.04709,-0.02077,0.03668,-0.15221,0.07964,0.0183,-0.04019,-0.05135,-0.0631,0.04934,0.05441,-0.03323,-0.06769,-0.06354,-0.0103,-0.02963,-0.01508,-0.06997,0.06974,-0.04364,-0.10673,-0.03811,0.09715,0.03901,0.04677,0.01831,-0.0626,-0.00604,0.03536,-0.00994,-0.06293,0.0354,0.06245,0.01318,0.06107,-0.09515,0.01449,0.03411,-0.10135,-0.01774,-0.05592,0.03325,-0.04363,-0.01358,-0.0772,-0.00245,0.04464,-0.00848,-0.0335,0.01782,0.04355,-0.01863,0.06765,-0.05174,0.08319,0.03509,-0.04594,0.00884,0.00675,-0.02949,0.11279,0.04247,-0.05149,0.04182,0.0166,0.02685,0.03322,-0.07057,0.01498,0.03631,-0.06436,0.09303,0.00711,-0.03932,-0.07575,-0.01197,0.01151,-0.04752,0.03058,-0.03382,0.08109,-0.00894,-0.08006,-0.0214,-0.05554,-0.06114,-0.04401,0.04005,0.08342,0.00432,0.01452,0.02902,0.00104,0.11612,0.0505,-0.00087,0,-0.0303,0.06042,-0.06477,0.00074,0.07674,0.02462,0.02778,-0.07064,-0.00325,-0.02233,0.00221,0.12609,-0.03491,0.04895,0.05531,-0.0665,-0.04039,0.00771,0.06137,-0.0165,0.09561,-0.03662,-0.01741,0.07558,0.05252,0.03723,-0.01393,0.05761,-0.07206,-0.00103,0.04186,0.00109,0.00235,0.00663,-0.03425,-0.00309,-0.05545,-0.08541,-0.0063,-0.05677,-0.02797,-0.00017,-0.10845,-0.01217,-0.00236,-0.04298,-0.07152,-0.05322,0.04516,0.01288,0.01555,0.02026,0.03169,0.0441,0.06681,-0.02872,0.03018,0.03403,0.01128,0.01193,0.03133,0.02588,-0.02337,-0.00767,0.03647,0.05915,0.04175,-0.00355,0.05734,-0.07134,-0.07746,0.06189,0.02896,0.0267,0.06417,-0.0321,-0.00338,0.02994,0.0307,-0.03509,-0.03128,-0.07504,-0.01613,0.13886,0.1201,-0.08052,0.00791,-0.00192,-0.09335,0.04446,0.09183,-0.019,0.04055,0.05279,0.00891,0,0.01477,-0.02982,-0.02576,0.07601,0.03286,-0.06595,0.00594,0.00647,0.06755,0.02621,0.01019,0.00965,0.02587,0.01494,-0.02502,-0.01373,-0.01268,-0.14691,-0.00091,-0.08934,-0.00339,0.01166,-0.0217,-0.01749,-0.0578,0.04002,-0.02524,-0.04183,0.00009,-0.05591,-0.02679,-0.02002,-0.03634,-0.07997,0.00159,-0.05771,-0.0222,0.05061,0.00443,-0.03069,0.00223,0.00725,-0.05655,0.01537,-0.0825,0.06321,-0.08595,0.0299,-0.05188,0.002,-0.06906,0.04893,-0.01074,-0.08253,-0.06463,-0.03826,0.10475,0.0335,-0.0381,0.01764,0.00044,-0.02048,0.01412,0.0196,-0.02138,0.05285,-0.04162,0.03554,0.06258,0.10343,0.1022,0.01416,-0.0522,-0.01412,0.0876,0.06548,0.06754,-0.04903,0.007,0.00806,-0.04769,0.12087,0.0106,0.02087,0.05387,0.02064,-0.0877,-0.0854,0.04875,0.04755,-0.08467,0.01963,-0.05209,0.02139,0.03289,0,-0.13392,0.02624,-0.01316,0.00272,0.0522,0.01909,-0.01094,0.02063,0.06349,0.03741,0.03722,0.02577,-0.0552,-0.05779,0.03805,0.02767,0.00418,-0.00724,-0.00032,-0.02391,0.01106,-0.00624,-0.02796,0.08747,0.03251,-0.04514,0.05276,-0.00894,-0.01087,0.05265,-0.00955,0.06096,0.10245,0.09717,-0.02993,-0.02661,-0.04223,0.02274,-0.03497,-0.00456,0.03029,0.03033,-0.04734,-0.03303,-0.09851,0.03132,-0.03641,-0.06287,0.02564,-0.06568,-0.0376,-0.00654,-0.10554,0.07376,0.01724,0.0563,-0.02118,-0.03749,0.1001,-0.02454,-0.05415,-0.01088,0.0451,-0.01262],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. Why Angular-first matters Many graph UI tools are React-first, or they bring their own store and conventions. Foblex Flow takes a different approach: - the rendering primitives are built for Angular templates and Angular change detection, - the library stays compatible with SSR-friendly setups, - your application keeps ownership of data, validation, permissions, and persistence, - you can compose the editor with your own services, signals, RxJS streams, or NgRx state. This stateless model remains the default. Teams that do not need an existing store can opt into Managed Flow State for typed graph records, supported gesture writeback, snapshots and undo/redo; business meaning and persistence stay application-owned. Rx JS Ng Rx","excerpt":"Why Angular-first matters Many graph UI tools are React-first, or they bring their own store and conventions. Foblex Flow takes a different approach: - the rendering primitives are built for Angular templates and Angular change detection, - the library stays compatible with SSR-friendly setups, - your application keeps ownership of data, validation, permissions, and persistence, - you can compose the editor with your own services, signals, RxJS streams, or NgRx state. This stateless model remains the default. Teams that do not need an existing store can opt into Managed Flow State for typed graph records, supported gesture writeback, snapshots and undo/redo; business meaning and persistence stay application-owned."},{"chunkId":"/docs/angular-node-based-ui-library#3","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.11311,0.03135,-0.09032,0.0179,0.0557,0.03287,-0.01165,0.04403,0.01649,0.05989,-0.0955,0.00424,-0.05625,0.03077,0.06978,-0.00905,-0.03611,0.00406,0.03505,-0.01111,-0.0757,-0.04123,0.00207,-0.04266,0.01827,0.06733,0.00373,-0.05243,0.03231,-0.0724,0.03418,0.06848,-0.02373,0.04624,-0.15978,0.0769,0.03252,-0.02001,-0.06598,-0.0568,-0.01621,0.06448,0.00988,-0.05386,-0.04427,0.0079,-0.06113,-0.01513,-0.04276,0.0887,-0.06406,-0.13885,-0.04949,0.07262,0.05558,0.04503,0.02747,-0.06345,0.01274,0.05381,0.035,-0.0215,-0.01314,0.08328,0.02204,0.05002,-0.0879,0.03345,-0.00095,-0.10013,0.00034,-0.06224,0.0384,-0.01786,0.02506,-0.0421,-0.04806,0.03728,-0.02023,-0.01824,0.00549,0.07283,-0.04036,0.08038,-0.02186,0.09479,0.02314,-0.04896,-0.01193,-0.00074,-0.0133,0.10083,0.01049,-0.02375,0.02656,0.00983,0.02484,-0.04282,-0.11013,0.06055,-0.00336,-0.05769,0.06319,-0.00396,-0.05171,-0.06267,-0.01476,-0.00734,-0.03112,0.03458,-0.03762,0.03405,-0.06341,-0.08593,0.00391,-0.08116,-0.04014,-0.04195,0.05403,0.05938,0.01397,0.04993,0.01587,-0.01465,0.09127,0.00953,-0.01004,0,0.02533,0.03931,-0.03007,0.06208,0.09782,0.00364,0.00091,-0.0617,-0.01176,0.02288,-0.00603,0.10739,-0.06487,0.03888,0.04538,-0.10749,-0.04015,0.02607,0.0107,-0.00237,0.05285,-0.0902,-0.01184,0.05308,0.07385,0.07501,0.0136,0.04902,-0.05185,0.01529,0.01275,-0.0158,-0.012,-0.00762,-0.05379,-0.01819,-0.07401,-0.11393,-0.00494,-0.02563,-0.02883,-0.04392,-0.11311,-0.02923,0.0033,0.00059,-0.03556,-0.02257,0.05494,0.01532,0.00641,0.03077,0.01874,0.03053,0.06687,-0.05084,0.0031,0.09358,0.01527,0.05772,0.06081,0.04354,-0.06045,-0.0428,0.02833,0.06272,-0.0158,-0.00188,0.10719,-0.08466,-0.10968,0.04748,0.04903,0.05807,0.03903,-0.01498,-0.01938,0.0408,0.04383,-0.03518,-0.08238,-0.07716,0.00061,0.07926,0.09727,-0.08471,0.02639,-0.00517,-0.09589,0.0117,0.08709,0.03571,0.0234,0.03371,0.00604,0,-0.0249,-0.0181,-0.005,0.05093,0.084,-0.05634,0.00518,0.00566,0.0549,0.06416,0.02797,0.0202,0.04641,-0.03034,0.02294,0.01891,-0.04246,-0.1448,0.02325,-0.06943,0.01338,0.03778,0.00637,-0.06269,-0.04886,0.0316,-0.01013,-0.04535,0.02178,0.00348,-0.00128,-0.04266,-0.0335,-0.05972,0.01333,-0.05271,0.02174,0.05481,-0.03104,-0.05091,-0.00011,-0.0003,-0.03493,-0.00381,-0.08791,0.02475,-0.09105,0.04268,-0.06102,-0.00123,-0.04694,0.03325,0.00077,-0.11078,-0.05025,-0.01288,0.10411,0.02549,0.01014,0.00103,-0.02493,-0.01891,-0.01624,0.01819,0.02671,0.04059,-0.04451,-0.01106,0.0168,0.10941,0.08319,0.0435,-0.01253,-0.00041,0.08495,0.03977,0.10692,-0.04461,0.03313,0.01911,-0.01689,0.12155,0.01719,0.01967,0.08067,0.00025,-0.09588,-0.05116,0.04683,0.04651,-0.08719,0.02763,-0.02875,0.02104,0.02538,0,-0.14381,0.02475,-0.03311,-0.0428,0.04441,0.0091,-0.01407,0.06445,0.03104,-0.00878,0.04486,0.06842,-0.02857,-0.00537,0.07674,-0.00182,-0.0165,0.04662,-0.0183,-0.0478,0.04009,-0.00199,-0.00625,0.06954,-0.00675,-0.02603,0.01232,0.02398,-0.00082,0.03662,-0.01853,0.04558,0.10502,0.0524,-0.0509,0.0085,-0.08053,-0.0151,-0.07331,0.00686,0.02717,-0.00561,-0.02773,-0.03166,-0.07494,0.04776,-0.03212,-0.04542,-0.02382,-0.0539,-0.05657,-0.00576,-0.06686,0.06809,0.02364,0.06344,-0.02452,-0.03668,0.08778,-0.02839,-0.0793,0.04629,0.04655,0.01134],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. Key capabilities - f-flow and f-canvas as the editor root and viewport. - Nodes, connectors, groups, and persisted connections. - Drag-to-connect, drag-to-reassign, box selection, zoom, minimap, snapping, and waypoints. - Helper plugins such as Magnetic Lines and Magnetic Rects for cleaner layouts. - Optional Managed Flow State for library-managed graph records and interaction history. - A UI-agnostic foundation that works with Angular Material or your own design system.","excerpt":"Key capabilities - f-flow and f-canvas as the editor root and viewport. - Nodes, connectors, groups, and persisted connections. - Drag-to-connect, drag-to-reassign, box selection, zoom, minimap, snapping, and waypoints. - Helper plugins such as Magnetic Lines and Magnetic Rects for cleaner layouts. - Optional Managed Flow State for library-managed graph records and interaction history. - A UI-agnostic foundation that works with Angular Material or your own design system."},{"chunkId":"/docs/angular-node-based-ui-library#4","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.10449,0.02389,-0.08837,0.01219,0.05215,0.01272,-0.00589,0.03014,0.05271,0.03924,-0.06413,-0.01017,-0.05654,0.02745,0.07723,0.01555,-0.03456,0.02182,0.03135,-0.02762,-0.02778,-0.03417,-0.02275,-0.05198,0.01347,0.04584,-0.01137,-0.0199,0.04488,-0.0861,0.0615,0.04984,0.01857,0.06803,-0.17512,0.07912,0.03465,-0.05621,-0.04637,-0.01337,-0.00166,0.07177,0.00782,-0.05901,-0.06314,-0.00317,-0.09351,0.01643,-0.04248,0.06751,-0.05996,-0.13619,-0.03426,0.04903,0.01734,0.0061,0.0058,-0.07539,0.05626,0.04783,0.02188,-0.0241,0.01419,0.07708,0.02905,0.03373,-0.12212,0.0146,0.00694,-0.10528,-0.00864,-0.09664,0.03752,0.01071,0.01063,-0.03714,-0.02312,0.07616,0.01458,-0.01067,-0.00038,0.06651,-0.05044,0.07088,-0.04843,0.10575,0.00485,-0.03559,-0.03383,-0.0294,-0.01541,0.118,-0.01008,0.01697,0.0602,0.00211,0.04087,-0.04325,-0.132,0.05614,0.00506,-0.06223,0.06203,-0.00121,-0.06852,-0.08771,0.01928,-0.01269,-0.03608,0.0044,-0.04446,0.03179,-0.06559,-0.07701,-0.03841,-0.07285,-0.04204,-0.03829,0.04859,0.04747,-0.00684,0.04062,-0.02154,0.00666,0.09377,-0.00189,-0.01837,0,-0.00473,0.02523,-0.03701,0.01652,0.10229,-0.03715,0.01161,-0.09947,-0.00696,0.01218,-0.00329,0.08519,-0.06846,0.03008,0.02352,-0.11474,-0.02777,0.00406,0.05452,-0.00843,0.08629,-0.06894,0.00809,0.06342,0.05465,0.08867,-0.0246,0.00091,-0.00921,0.0413,0.03105,0.00588,-0.01781,-0.02974,-0.06951,-0.00856,-0.07791,-0.07505,0.0055,-0.00881,-0.02392,-0.05181,-0.10919,-0.01769,-0.01098,-0.0191,-0.08167,-0.02988,0.06527,0.02599,-0.00524,0.0029,0.02321,0.04031,0.08002,-0.0494,-0.0153,0.10874,0.00845,0.03605,0.04065,0.05491,-0.05321,-0.03605,0.02346,0.02004,-0.01264,0.00524,0.09635,-0.03599,-0.08761,0.06176,0.06018,0.05754,0.03203,-0.01663,-0.03336,0.02836,0.0671,-0.02731,-0.08438,-0.07743,0.02067,0.04812,0.10581,-0.06692,0.01528,-0.00418,-0.1004,0.031,0.08495,0.01689,0.0044,0.03077,0.04414,0,-0.01349,0.00876,-0.00673,0.07797,0.08271,-0.05606,0.02521,0.03259,0.04641,0.11316,0.0178,0.01279,0.01432,-0.00233,0.06868,-0.01724,-0.02883,-0.12546,0.03637,-0.03066,0.02161,0.02889,0.00319,-0.08405,-0.04536,0.03471,-0.01052,-0.02966,0.01428,-0.03708,0.00761,-0.00632,-0.03381,-0.05511,0.02202,-0.07531,0.0301,0.06983,-0.02178,-0.06788,0.01614,-0.01517,-0.05954,-0.03771,-0.07564,0.0393,-0.04775,0.02803,-0.0298,-0.0232,-0.02449,0.03631,0.0164,-0.07493,-0.04003,-0.01728,0.10578,0.04409,-0.00666,-0.00235,-0.03319,-0.04312,0.00908,-0.00495,0.0377,0.04215,-0.06798,0.02063,0.00744,0.10201,0.07222,0.04659,-0.02796,0.01505,0.05445,0.05967,0.10026,-0.01518,0.02977,0.00674,-0.01978,0.11098,-0.01405,0.05085,0.07692,0.02136,-0.07925,-0.03043,0.03644,0.09253,-0.08374,0.03548,0.01154,0.0287,0.02785,0,-0.14647,0.02173,-0.04137,-0.02423,0.03614,0.03562,-0.01788,0.0427,0.04744,-0.01803,0.02518,0.08072,-0.00428,-0.00083,0.05101,0.01145,-0.01809,0.02725,0.04535,-0.0312,0.02947,0.00609,0.02041,0.08842,-0.01747,-0.0307,-0.0018,0.01146,-0.03207,-0.00562,-0.0265,0.05086,0.07147,0.05161,-0.00717,0.02349,-0.0923,-0.03062,-0.07859,-0.00537,0.04774,0.03076,-0.00811,-0.04897,-0.05649,0.05556,-0.03122,-0.04854,-0.01433,-0.04574,-0.07516,-0.0085,-0.10159,0.06694,0.00283,0.05431,-0.04418,-0.06333,0.04207,-0.00952,-0.05889,0.04934,0.06448,0.00016],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. Related docs and examples - Get Started - Flow - Drag and Drop - AI Low-Code Platform Example - UML Diagram Example","excerpt":"Related docs and examples - Get Started - Flow - Drag and Drop - AI Low-Code Platform Example - UML Diagram Example"},{"chunkId":"/docs/angular-node-based-ui-library#5","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.11054,0.01978,-0.0965,0.01232,0.00213,0.01825,-0.02064,0.01737,0.01904,0.04245,-0.09733,-0.02145,-0.07854,0.02291,0.08302,0.00918,-0.03735,0.02171,0.07291,-0.04212,-0.03537,-0.00972,0.00005,-0.06812,0.01208,0.07211,-0.00648,-0.02741,0.03825,-0.06898,0.07416,0.07117,0.02082,0.0441,-0.11513,0.08764,0.02671,-0.03105,-0.06287,-0.01877,0.01879,0.08545,0.01906,-0.06088,-0.04594,-0.01406,-0.07571,-0.00857,-0.01646,0.07253,-0.0639,-0.1854,-0.00127,0.08795,0.08349,0.0262,-0.00245,-0.07051,0.02743,0.00932,0.06867,-0.02966,0.00178,0.07507,0.04459,0.04647,-0.12129,0.03441,-0.02089,-0.10272,-0.01518,-0.06423,0.01437,-0.02614,-0.014,-0.02545,-0.00813,0.04359,0.04178,-0.02215,0.00436,0.06174,-0.00691,0.09349,-0.03336,0.099,0.03378,-0.00826,-0.01438,-0.03759,-0.03957,0.11349,-0.00257,0.0077,0.03544,-0.01052,0.01556,0.00815,-0.11033,0.05357,-0.00025,-0.07693,0.08572,0.01261,-0.08085,-0.03647,0.02706,0.02524,-0.01365,0.00967,-0.06482,0.0541,-0.06172,-0.10522,-0.02978,-0.05494,-0.03068,-0.03138,0.05631,0.06731,0.02931,-0.00335,-0.02351,0.01077,0.11496,0.02807,-0.00616,0,0.01034,0.02774,-0.03588,0.05515,0.11514,-0.02941,0.01294,-0.08978,-0.03933,-0.01889,-0.0068,0.09544,-0.05518,0.04144,-0.00244,-0.10233,-0.03632,0.02377,0.04262,-0.00085,0.07413,-0.0804,-0.0164,0.05486,0.00185,0.04665,0.01238,-0.00564,-0.02029,0.01765,0.01629,0.00628,0.00037,-0.00257,-0.04819,0.0115,-0.07298,-0.06535,-0.00523,-0.02339,-0.04459,-0.01963,-0.0732,-0.0528,-0.00354,-0.00651,-0.07187,-0.07174,0.10826,0.0256,0.01806,0.02069,0.01127,0.05168,0.09963,-0.03522,0.00194,0.11535,0.01283,0.03635,0.03726,0.03026,-0.03018,-0.04424,0.03415,0.04634,-0.00199,0.01038,0.08276,-0.03808,-0.10126,0.06604,0.05594,0.06293,0.02306,-0.00755,-0.01875,0.03578,0.03373,-0.04184,-0.07054,-0.07291,0.00103,0.0537,0.09362,-0.06711,-0.00096,0.00936,-0.09145,0.02021,0.10634,0.00309,-0.01064,0.0219,-0.00686,0,-0.03128,-0.00425,-0.06331,0.06954,0.0853,-0.04111,0.00833,0.01193,0.06916,0.10191,0.04821,0.03313,0.04065,0.00025,0.04372,-0.01916,-0.00543,-0.1161,0.01221,-0.08122,0.02174,0.01462,-0.00947,-0.09956,-0.02688,0.04452,0.00653,-0.0085,0.02686,-0.03539,-0.01893,0.00567,-0.09891,-0.04484,0.0342,-0.02687,-0.00415,0.08997,-0.00442,-0.0628,0.02004,-0.00163,-0.06415,-0.02189,-0.08306,0.02268,-0.04679,0.01559,-0.05933,0.01343,-0.02549,0.03171,-0.00646,-0.06281,-0.05364,0.01665,0.09431,0.03573,-0.02254,0.02285,-0.03976,-0.02207,0.00982,0.0021,-0.00322,0.02717,-0.10329,0.02615,0.00602,0.12495,0.04654,0.0717,-0.04504,0.01616,0.0312,0.06587,0.10985,-0.02458,0.01651,0.02517,-0.01365,0.1115,0.01805,0.06135,0.06657,0.00795,-0.05501,-0.04656,0.01984,0.05152,-0.05681,-0.01371,-0.03609,0.01644,0.03512,0,-0.16067,-0.00495,-0.07181,-0.06021,0.04355,0.02606,-0.01463,0.00563,0.04402,0.02078,0.05364,0.05257,-0.0023,-0.01311,0.01047,0.01053,-0.03049,0.01931,-0.00955,-0.05423,0.02746,-0.00533,0.00906,0.06799,-0.02253,-0.04348,0.008,-0.00073,0.00467,-0.02634,-0.03778,0.08158,0.05704,0.01275,-0.00402,0.01028,-0.07421,0.0079,-0.05366,-0.01401,0.02235,0.01917,0.00964,-0.03277,-0.07067,0.04487,-0.05741,-0.03606,-0.00981,-0.06588,-0.04331,0.00496,-0.09851,0.05348,0.00136,0.07719,-0.04201,-0.03179,0.05802,-0.0215,-0.07562,0.04638,0.063,0.00261],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. GitHub and install Start with: For Nx workspaces: Or install it manually with the required companion packages: Then explore the GitHub repository for source code, examples, and release notes. Git Hub","excerpt":"GitHub and install Start with: For Nx workspaces: Or install it manually with the required companion packages: Then explore the GitHub repository for source code, examples, and release notes."},{"chunkId":"/docs/angular-node-editor-library#0","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.05513,0.00263,-0.08889,0.03273,0.02153,0.05886,-0.11127,0.07599,0.06441,0.08269,-0.1175,-0.00138,-0.05065,0.02699,0.1096,0.02285,-0.00477,-0.0032,0.02122,-0.03979,-0.08525,-0.02326,0.02205,-0.03103,-0.02211,0.04305,0.01102,-0.00742,0.06555,-0.04901,0.02289,0.03489,0.02618,0.04887,-0.1318,0.1401,0.01477,0.01615,-0.04105,-0.0943,0.03954,0.04788,-0.01702,-0.08302,-0.01726,-0.08368,-0.081,0.01626,-0.03769,0.06698,-0.05072,-0.17448,-0.08833,0.01861,0.02207,0.0299,0.00574,-0.06822,0.02272,0.00965,0.00265,-0.01349,0.00179,0.03219,0.02639,0.0522,-0.03146,0.08575,0.00693,-0.06137,0.02917,-0.07745,-0.02805,-0.01524,-0.03394,-0.03956,-0.05499,0.03416,-0.01206,-0.01943,0.02328,0.0486,-0.01164,0.08688,-0.05467,0.09397,0.05594,-0.0565,0.01467,0.01543,-0.01547,0.09185,0.02781,-0.05346,0.01583,0.05624,0.0386,-0.01103,-0.06965,0.03443,-0.00947,-0.10106,0.04899,-0.03284,-0.02701,-0.05007,-0.00369,-0.04761,-0.04132,0.028,-0.0003,0.04714,-0.07347,-0.08056,-0.02564,-0.09753,0.01929,-0.03916,0.03749,0.12435,-0.00693,0.0385,0.02872,0.01551,0.0941,-0.00727,-0.00941,0,0.05453,0.08239,-0.03485,0.05493,0.10329,0.02262,-0.01481,-0.07216,-0.04446,-0.03521,0.02093,0.05361,-0.01573,0.06418,0.03026,-0.0717,-0.02416,0.0235,0.00204,-0.0443,-0.01942,-0.08327,-0.04825,0.11219,0.04064,0.06429,0.02762,0.01221,-0.03558,-0.00427,0.04426,0.00548,0.00716,0.02608,-0.0394,0.0255,-0.04265,-0.09515,0.05152,-0.01752,-0.03658,-0.03943,-0.08214,-0.02815,0.00717,0.01532,-0.01368,0.00214,0.06644,-0.00723,0.00679,0.0422,0.07002,0.06819,0.06448,-0.01766,0.04645,0.00135,0.0452,0.02613,0.03966,0.06371,-0.01778,-0.01121,0.03853,0.04417,-0.00746,-0.04055,0.09836,-0.07511,-0.07878,0.01353,0.05115,0.02865,0.00878,0.00589,-0.05007,0.01163,0.05148,-0.00682,-0.07087,-0.07098,0.01629,0.05695,0.0642,-0.08017,-0.01322,0.02629,-0.07583,-0.01833,0.10333,0.0332,0.01135,0.04743,0.04097,0,-0.01373,-0.00002,0.02363,0.05201,0.07274,-0.06269,-0.02468,-0.04316,0.08163,0.07816,0.04929,-0.00769,0.01679,-0.046,-0.0261,-0.03424,-0.01108,-0.12506,0.10098,-0.06953,0.06434,-0.05842,0.04439,-0.02088,-0.01795,0.00994,-0.02374,-0.03896,-0.00954,-0.03331,-0.04602,-0.04021,0.01327,-0.0946,-0.02983,-0.03519,-0.00299,0.03086,0.01078,-0.05048,0.01441,0.02213,-0.04682,0.01308,-0.05916,0.00278,-0.0908,0.02835,-0.05074,-0.03509,-0.05602,0.05301,-0.00889,-0.09798,-0.06448,-0.03073,0.09128,0.01819,-0.00864,-0.01123,-0.04305,-0.02295,0.02243,0.02729,0.00362,0.07809,-0.03281,0.00363,0.01469,0.07355,0.03344,0.0361,-0.01181,0.00297,0.07236,0.02156,0.09655,-0.04122,0.06784,-0.01318,-0.05951,0.12934,0.00042,-0.00496,0.00637,0.02789,-0.07195,-0.01204,0.03983,0.09778,-0.07749,0.056,0.03136,0.01928,-0.0018,0,-0.14219,0.02385,-0.03345,-0.01059,0.03382,-0.00818,-0.01801,0.0273,0.08828,0.07727,0.00984,0.01948,-0.06858,-0.01536,0.08459,0.0228,-0.0028,0.0093,-0.03262,-0.04485,0.05403,0.06086,-0.02059,0.04948,0.04741,-0.03386,0.00533,-0.01117,-0.06236,0.01797,-0.05831,0.0455,0.07058,0.11153,-0.07586,-0.01519,-0.04278,0.00219,-0.08128,0.02915,0.02592,0.02389,-0.01149,-0.04649,-0.07177,0.02031,0.01178,-0.02317,0.01014,-0.03486,-0.04349,-0.01224,-0.07993,-0.01292,-0.03157,0.05893,-0.03688,-0.04132,0.07213,-0.024,-0.08806,-0.00052,0.0246,-0.03117],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. Angular Node Editor Library If your product needs a node editor in Angular, Foblex Flow gives you the low-level editor primitives without locking you into a fixed domain model. You render the node templates, define the graph semantics, and keep business logic in your application while the library handles interaction and drawing. The core setup is small, so it is a practical default choice for Angular teams. Most editors start with nodes, connectors, and connections, then add minimap, grouping, alignment, or performance helpers later.","excerpt":"Angular Node Editor Library If your product needs a node editor in Angular, Foblex Flow gives you the low-level editor primitives without locking you into a fixed domain model. You render the node templates, define the graph semantics, and keep business logic in your application while the library handles interaction and drawing. The core setup is small, so it is a practical default choice for Angular teams. Most editors start with nodes, connectors, and connections, then add minimap, grouping, alignment, or performance helpers later."},{"chunkId":"/docs/angular-node-editor-library#1","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.07122,-0.01319,-0.08647,0.03956,0.01616,0.01312,-0.07469,0.06019,0.03458,0.0801,-0.14707,-0.02194,-0.08034,-0.01295,0.11207,0.04224,-0.05017,0.0498,0.02452,-0.01705,-0.04796,0.01665,0.03529,-0.05308,-0.04418,0.02682,0.02067,-0.03863,0.06762,-0.03861,0.05495,0.07533,0.00915,0.05049,-0.12496,0.14395,-0.00097,-0.03237,-0.06144,-0.089,0.06772,0.07857,0.00785,-0.12479,-0.02048,-0.10571,-0.06449,-0.00929,-0.0413,0.06791,-0.05602,-0.17054,-0.0793,0.02574,0.03325,0.04181,0.00655,-0.03069,0.02553,-0.0032,0.00489,-0.0121,-0.00049,0.01193,0.02064,0.09626,-0.08771,0.05442,0.0176,-0.05184,-0.00284,-0.06999,-0.05357,-0.00867,-0.02467,-0.0404,-0.06377,0.03461,-0.02636,-0.01437,0.01816,-0.00011,0.0128,0.08934,-0.01021,0.11329,0.06127,-0.06489,0.03471,0.03002,0.00301,0.05926,-0.01009,-0.06534,0.01534,0.02809,-0.00305,-0.01801,-0.05074,0.01847,-0.04254,-0.09025,0.02434,-0.00479,-0.02073,-0.02404,0.02181,-0.0308,-0.04895,0.02488,-0.03526,0.04104,-0.01836,-0.12072,-0.01184,-0.06121,0.02757,-0.02677,0.03503,0.12494,0.01749,0.01124,-0.00592,0.01891,0.09281,-0.03701,0.00464,0,0.05132,0.06307,-0.03673,0.02675,0.11555,0.00788,0.01299,-0.0944,-0.04434,-0.02317,0.03516,0.05311,-0.04518,0.03769,0.01303,-0.07823,-0.00384,0.01507,0.01427,-0.01711,0.04589,-0.08358,-0.05507,0.07333,0.05023,0.04083,0.06074,-0.00095,-0.01625,0.00061,0.04937,-0.00514,0.02797,0.03326,-0.02935,0.04963,-0.05404,-0.0662,0.02351,-0.00015,-0.04184,-0.04575,-0.09067,-0.01965,-0.01211,-0.03052,-0.0251,-0.0094,0.09291,0.00714,0.01757,0.0521,0.06799,0.03817,0.08161,-0.03649,0.00363,0.04152,0.05304,0.07816,0.05926,0.05328,-0.03196,-0.00422,0.02373,0.03962,-0.02365,0.00042,0.08289,-0.03664,-0.0649,0.02276,0.01779,0.02937,0.01611,-0.00378,-0.05344,-0.00737,0.04726,-0.05054,-0.06853,-0.05634,0.03267,0.07911,0.12631,-0.08981,-0.04011,0.00167,-0.06947,-0.04706,0.10525,-0.00121,-0.00335,0.02436,0.02725,0,-0.01582,-0.00247,-0.04607,0.04966,0.00053,-0.04903,-0.00955,-0.05332,0.10287,0.04021,0.01823,0.03819,0.03768,-0.04783,-0.02649,-0.05188,-0.0414,-0.11488,0.07737,-0.06357,0.01504,-0.05249,0.05465,-0.03772,-0.05317,-0.00375,0.01556,0.02654,-0.0208,-0.05328,-0.07329,-0.00328,0.01118,-0.07267,-0.02604,-0.02797,0.01051,0.05651,0.02567,-0.02929,0.04657,0.00399,-0.02212,0.01009,-0.07354,-0.001,-0.08022,0.04537,-0.03204,-0.01693,-0.01924,0.0392,-0.03946,-0.045,-0.0453,0.01844,0.06663,0.00422,-0.00605,0.00773,-0.04365,-0.01165,0.04421,0.01795,0.04355,0.06161,-0.04675,0.00623,0.03,0.04504,0.06027,0.01454,-0.03176,0.05109,0.08482,0.00796,0.11097,-0.06336,0.06496,0.04334,-0.03875,0.13336,-0.01814,-0.01265,0.00451,0.044,-0.0968,-0.01359,0.05162,0.09022,-0.07474,0.05262,0.0439,-0.04063,-0.038,0,-0.14376,0.00584,-0.02556,0.00658,0.04379,0.01445,-0.02064,0.02446,0.04277,0.007,-0.0113,0.05253,-0.03839,-0.03131,0.07483,-0.01937,0.02367,-0.00036,-0.04048,-0.0352,0.02327,0.04634,-0.01314,0.08418,0.02764,-0.00816,0.00046,-0.0465,-0.01824,0.05377,-0.0502,0.03731,0.07363,0.0599,-0.09496,0.02206,-0.04301,0.0052,-0.09952,-0.00316,0.05267,0.00044,0.03192,-0.05161,-0.07283,0.0466,0.01352,-0.05186,0.03522,-0.03002,-0.03551,-0.02166,-0.06264,0.0306,-0.01864,0.0597,-0.03725,-0.05095,0.07151,-0.00031,-0.07258,0.01438,0.07072,-0.00598],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. When to use it Choose Foblex Flow for node editors such as: - rules and condition builders, - internal operations tools, - call routing editors, - AI pipeline or agent builders, - visual back-office configuration tools.","excerpt":"When to use it Choose Foblex Flow for node editors such as: - rules and condition builders, - internal operations tools, - call routing editors, - AI pipeline or agent builders, - visual back-office configuration tools."},{"chunkId":"/docs/angular-node-editor-library#2","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.0814,0.00556,-0.07259,0.04245,0.01421,0.04549,-0.0845,0.06468,0.04257,0.09095,-0.14089,-0.0045,-0.05371,0.01432,0.09754,0.00381,-0.01573,-0.00716,0.00312,-0.00892,-0.09266,-0.0149,0.03053,-0.02743,-0.0206,0.04299,0.01471,-0.02657,0.0656,-0.04315,0.04601,0.08328,0.03671,0.02378,-0.15592,0.12376,0.02651,0.02471,-0.06195,-0.10775,0.00865,0.04948,0.01087,-0.07109,-0.03928,-0.09461,-0.04791,-0.004,-0.03249,0.06988,-0.0625,-0.19261,-0.07601,0.04417,0.00376,0.01852,-0.00195,-0.07616,0.01067,-0.01847,-0.00245,-0.00048,-0.01147,0.04111,0.02386,0.05075,-0.04411,0.05783,0.01119,-0.07489,0.00006,-0.0668,-0.017,0.00903,-0.03182,-0.06837,-0.06768,0.01763,-0.00392,-0.00678,0.0276,0.0433,-0.01208,0.09316,-0.02526,0.08393,0.07379,-0.04863,0.0058,0.00551,0.01335,0.08499,0.01561,-0.08192,0.00856,0.03738,-0.00692,-0.04545,-0.05751,0.03344,0.00375,-0.07681,0.04706,-0.01377,-0.03501,-0.04178,0.00545,-0.0413,-0.03272,0.03869,-0.00554,0.0186,-0.06946,-0.10077,-0.01752,-0.06511,-0.00135,-0.03633,0.03159,0.11583,0.00454,0.0441,0.00018,0.01965,0.12052,0.0222,-0.0311,0,0.07035,0.10373,-0.03136,0.07208,0.10281,0.0102,-0.0114,-0.08364,-0.03723,-0.02342,0.04695,0.07692,-0.0161,0.0508,0.0552,-0.09546,-0.04916,0.02581,-0.0062,-0.01615,0.00124,-0.09273,-0.03404,0.07932,0.0448,0.03953,0.03845,0.04104,-0.05112,-0.01381,0.03998,-0.01315,0.01215,0.02808,-0.02324,0.01206,-0.03298,-0.11379,0.06888,0.00077,-0.0275,-0.04709,-0.08526,-0.00861,0.00882,0.01092,-0.00516,0.00861,0.07717,0.00987,0.03512,0.04476,0.05331,0.03927,0.06362,-0.00836,0.02255,0.04018,0.06227,0.04432,0.03758,0.04671,-0.03275,-0.00834,0.03347,0.04715,0.01002,0.00226,0.0959,-0.06861,-0.07724,0.00728,0.04212,0.01314,0.03506,-0.00581,-0.02358,-0.01553,0.07312,0.00258,-0.07454,-0.04479,0.00359,0.08364,0.06632,-0.08528,-0.01838,0.01591,-0.1136,-0.02217,0.10391,0.0317,0.02421,0.01963,0.042,0,-0.01923,-0.0032,-0.00903,0.05055,0.05852,-0.04104,-0.02392,-0.02149,0.08356,0.05041,0.04574,0.03641,0.01352,-0.03591,-0.0676,-0.02229,-0.00254,-0.09738,0.10351,-0.07772,0.0965,-0.04449,0.02375,-0.0112,-0.05961,0.00633,0.00496,-0.01676,0.00516,-0.03787,-0.04064,-0.03999,0.02028,-0.08643,-0.03902,-0.01858,-0.00704,0.03994,0.00231,-0.02696,0.02105,0.00695,-0.01759,0.01427,-0.0793,-0.00469,-0.0835,0.03017,-0.05593,-0.03883,-0.04778,0.03052,-0.04374,-0.08213,-0.06007,-0.03043,0.05602,0.00423,0.00101,0.00978,-0.03792,0.00229,0.01367,0.03641,0.02594,0.0682,-0.02818,0.01142,0.01685,0.08241,0.03778,0.01111,-0.01706,-0.02416,0.08439,0.04136,0.09999,-0.08011,0.05669,0.01564,-0.0487,0.12435,-0.0074,-0.02766,0.00877,0.0526,-0.08425,-0.00566,0.04027,0.08673,-0.08679,0.04581,0.06485,0.00028,-0.00748,0,-0.11181,0.01691,-0.03057,-0.00683,0.03304,-0.00814,-0.02493,0.01854,0.06398,0.05106,0.00548,0.02158,-0.06558,0.0037,0.09637,0.02017,-0.02723,0.0377,-0.04666,-0.05857,0.05999,0.04561,-0.02717,0.05573,0.02789,-0.00422,-0.01501,-0.01196,-0.03149,0.04335,-0.03318,0.0348,0.05444,0.08224,-0.09541,-0.03141,-0.0752,-0.02842,-0.0569,0.01084,0.04173,0.02649,-0.0054,-0.03662,-0.09785,0.03981,-0.01147,-0.04528,-0.01777,-0.0363,-0.0185,-0.02097,-0.08235,0.01013,-0.01062,0.08398,-0.02499,-0.01855,0.08374,-0.02235,-0.07561,0.0247,0.02879,-0.00192],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. Why teams choose Foblex Flow - Simple first step: build a working editor with a small set of Angular-native primitives. - Custom nodes: render anything inside a node, from forms to metrics to action toolbars. - Editable connections: create, reassign, validate, and decorate edges. - Editor UX: selection, zoom, minimap, guides, snapping, grouping, and drag handles. - Angular fit: standalone components, template-driven composition, and SSR-aware setups.","excerpt":"Why teams choose Foblex Flow - Simple first step: build a working editor with a small set of Angular-native primitives. - Custom nodes: render anything inside a node, from forms to metrics to action toolbars. - Editable connections: create, reassign, validate, and decorate edges. - Editor UX: selection, zoom, minimap, guides, snapping, grouping, and drag handles. - Angular fit: standalone components, template-driven composition, and SSR-aware setups."},{"chunkId":"/docs/angular-node-editor-library#3","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.09779,0.00831,-0.06204,0.01719,0.02094,0.03724,-0.08786,0.06413,0.03244,0.05764,-0.11647,-0.02545,-0.08314,0.01246,0.15773,0.06974,-0.04786,0.00264,-0.01773,0.00604,-0.09465,0.01832,0.04329,-0.01748,-0.03454,0.06023,0.0192,-0.01425,0.05435,-0.02372,0.08549,0.08209,0.02657,0.01833,-0.09427,0.11438,0.00933,-0.03459,-0.04132,-0.09613,0.0847,0.07323,-0.01006,-0.09399,-0.05528,-0.08335,-0.0138,-0.02851,-0.00171,0.08961,-0.02453,-0.09002,-0.06413,0.04784,0.03247,0.03497,-0.02851,-0.01693,0.02145,0.05044,0.0205,0.02201,-0.02356,0.03471,0.01889,0.0557,-0.11559,0.02829,-0.0024,-0.07734,0.06353,-0.06603,-0.02394,-0.03801,-0.0205,-0.04233,-0.06089,0.03093,-0.02189,0.01519,0.00968,-0.01011,-0.00501,0.07635,-0.04911,0.12306,0.06567,-0.07333,0.02564,0.03807,0.01955,0.01914,0.05935,-0.06346,0.04559,0.01243,-0.03028,0.01025,-0.09541,0.03113,-0.04029,-0.09111,0.06533,0.00538,-0.00094,-0.05903,-0.00857,-0.02761,-0.03423,0.04761,-0.03062,0.03691,-0.02404,-0.08099,-0.02632,-0.05631,-0.01108,-0.04743,0.02707,0.14224,-0.00506,-0.01427,0.05015,0.00748,0.08726,-0.00794,-0.0315,0,-0.00661,0.04711,0.00023,0.0285,0.09948,-0.01299,0.01856,-0.05171,-0.03589,-0.01702,0.05096,0.07422,-0.05696,0.04886,-0.00377,-0.03833,-0.02857,-0.00027,0.04932,-0.03317,0.02536,-0.05908,-0.05729,0.06585,0.00188,0.01396,0.06864,0.03826,-0.05141,0.017,0.03935,0.01019,0.03769,0.03314,-0.04053,0.02874,-0.03412,-0.07871,0.01924,0.01427,-0.04849,-0.04846,-0.10258,-0.02269,-0.02498,-0.03201,0.00144,-0.02448,0.068,0.02339,-0.00184,0.06971,0.0703,0.04138,0.04511,-0.0579,0.0136,0.04509,0.06525,0.00208,0.0105,0.06435,-0.02515,0.00747,0.00514,0.06014,0.00468,-0.01844,0.04646,-0.02118,-0.06474,0.00545,0.01346,-0.02216,0.04593,-0.02616,0.0009,0.02955,0.07524,-0.00639,-0.01714,-0.02408,0.03547,0.1034,0.06318,-0.06001,-0.04044,-0.03353,-0.08897,-0.00804,0.15043,0.00388,-0.00651,0.01285,0.03339,0,-0.03579,-0.03307,-0.03224,-0.03162,0.06046,-0.08216,-0.03642,0.02659,0.09849,0.06957,0.06897,0.01061,0.01723,-0.02748,-0.04489,-0.01153,-0.00397,-0.08415,0.11975,-0.07925,0.02449,-0.01955,0.04039,-0.00966,-0.08124,-0.03728,-0.00322,-0.00673,0.02744,-0.04329,-0.05857,-0.04539,-0.03085,-0.08725,-0.06445,-0.06882,-0.03935,0.04906,0.05092,-0.10914,0.00566,0.00888,-0.01373,0.02588,-0.05667,-0.0279,-0.06757,-0.01788,0.00179,-0.03838,-0.00518,0.07765,0.00949,-0.06024,-0.04265,-0.00038,0.12145,0.03879,-0.05025,0.02026,-0.00471,0.01483,0.02336,-0.01148,0.08907,0.06146,-0.03249,-0.00128,0.02751,0.04004,0.03062,-0.00402,-0.06677,0.04161,0.04445,0.02347,0.09051,-0.08623,0.043,0.01819,-0.0545,0.08908,0.01404,-0.02051,0.00671,-0.04245,-0.12372,-0.03258,0.05144,0.09224,-0.04446,0.06822,0.01256,0.01208,-0.03145,0,-0.12247,-0.00047,-0.06973,0.00872,0.04094,-0.01867,-0.02855,-0.00174,0.08888,0.02251,-0.03537,0.05634,-0.11225,-0.0229,0.06007,-0.04206,-0.02145,0.03212,-0.03327,-0.02043,0.05611,0.06743,0.00882,0.06492,0.0351,-0.00437,0.01531,-0.02304,-0.02529,0.042,-0.03592,0.02055,0.07953,0.07524,-0.11118,-0.02902,-0.00722,0.0209,-0.09603,-0.02695,0.02951,-0.02059,0.01629,-0.03008,-0.07653,0.0705,0.01576,-0.02513,0.03041,-0.0051,-0.01008,0.02682,-0.06796,-0.02421,-0.00904,0.06596,-0.03199,-0.03886,0.08929,-0.05591,-0.01876,-0.00888,0.06125,0.01893],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. What you still own Foblex Flow is not a full application builder. Your Angular app still owns: - node metadata and connection rules, - persistence and backend sync, - role-based permissions, - schema validation, - custom actions and side panels. That split is intentional. It keeps the editor flexible and avoids forcing a generic JSON format onto real product logic.","excerpt":"What you still own Foblex Flow is not a full application builder. Your Angular app still owns: - node metadata and connection rules, - persistence and backend sync, - role-based permissions, - schema validation, - custom actions and side panels. That split is intentional. It keeps the editor flexible and avoids forcing a generic JSON format onto real product logic."},{"chunkId":"/docs/angular-node-editor-library#4","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.06694,-0.00921,-0.07386,0.04808,-0.00793,0.03512,-0.05875,0.01885,0.01057,0.06627,-0.11229,0.00624,-0.06259,0.01462,0.10723,0.05318,-0.04475,0.02708,0.00171,-0.03215,-0.06128,-0.00803,0.00778,-0.0549,-0.0573,0.01403,0.03473,-0.04531,0.0987,-0.02068,0.0594,0.05822,-0.0215,0.02283,-0.15018,0.08644,0.05196,0.00499,-0.07314,-0.06611,0.1045,0.03924,0.04244,-0.09879,-0.03341,-0.06046,-0.08386,0.03974,-0.04244,0.0304,-0.0704,-0.16327,-0.05222,0.04272,0.0431,-0.01733,0.00685,-0.02951,-0.00316,0.00132,-0.00192,-0.02702,-0.0351,-0.01735,0.00329,0.07245,-0.07107,0.11127,0.01744,-0.0134,-0.00853,-0.04662,-0.04357,-0.03917,-0.04105,-0.00263,-0.10402,0.05429,-0.03508,-0.03036,0.02798,0.04512,-0.00037,0.04565,-0.02897,0.10447,0.03015,-0.06448,-0.00467,0.00381,0.01197,0.08382,-0.05001,-0.08008,-0.00696,0.04287,0.00817,-0.03869,-0.04848,0.02331,-0.02097,-0.0416,-0.00574,-0.0148,-0.0233,-0.01655,-0.03507,-0.01516,-0.00372,0.05077,-0.0058,0.02198,-0.07096,-0.11368,-0.03553,-0.06444,0.05179,0.00065,0.02284,0.12879,-0.03101,0.02711,-0.00303,-0.01571,0.0908,-0.01332,-0.02367,0,0.04936,0.04504,-0.06624,0.01186,0.11484,-0.0041,-0.01047,-0.09685,-0.00239,0.00167,0.03817,0.03995,-0.03147,0.00942,-0.02094,-0.08866,-0.00453,-0.00022,0.02926,0.00048,-0.00427,-0.09634,-0.03587,0.04985,0.07239,0.03229,0.04754,0.00004,0.02558,-0.0081,0.10451,0.03093,0.03664,-0.00258,-0.02244,0.02467,-0.03949,-0.07479,0.05603,-0.02885,-0.02049,-0.08088,-0.06827,0.01652,-0.00696,0.00855,0.02531,-0.02547,0.09498,-0.01982,0.00512,0.01837,0.02019,-0.01414,0.06035,-0.02433,-0.05442,0.09148,0.0291,0.06413,0.03486,0.04471,-0.02138,-0.01577,0.05044,0.02084,-0.03995,-0.01419,0.0555,-0.03954,-0.06447,0.02711,-0.02535,0.00524,-0.015,-0.01264,-0.03988,0.00739,0.07281,-0.01519,-0.06126,-0.07981,0.04868,0.09403,0.0944,-0.06462,-0.00918,-0.00459,-0.06117,-0.07198,0.13347,0.05007,0.05387,-0.0005,0.07179,0,0.00534,0.00696,-0.00081,0.03441,0.05763,-0.03683,-0.01465,-0.02017,0.0902,0.06926,0.05043,0.06727,0.04734,-0.01615,-0.0389,-0.0349,-0.02866,-0.07188,0.10824,-0.02459,0.0412,-0.04754,0.04669,-0.07786,-0.03737,-0.02779,0.01085,-0.01682,-0.00209,-0.01356,-0.06008,-0.00588,0.01466,-0.05632,-0.03014,-0.01548,0.03119,0.05336,0.01813,-0.0826,0.03062,0.02043,-0.03282,-0.02505,-0.07011,-0.03868,-0.07826,0.02162,-0.08943,0.00652,-0.05073,0.05967,-0.06217,-0.05178,-0.04276,0.0108,0.08275,-0.0055,0.0004,-0.01525,-0.00964,-0.01554,0.01833,0.01127,0.08695,0.05118,-0.04564,-0.02759,0.05333,0.04339,0.01153,0.03173,-0.00301,0.02216,0.11201,0.00037,0.11336,-0.08392,0.04235,0.02465,-0.04158,0.15635,-0.03209,-0.03078,0.05756,0.08141,-0.08086,0.02139,0.06168,0.12151,-0.08968,0.05558,0.05839,-0.0183,-0.01681,0,-0.13221,-0.01498,-0.02539,-0.02332,0.06429,0.00766,-0.04531,0.02275,0.00977,0.05632,-0.02348,0.07169,-0.03887,-0.02374,0.0917,0.0148,0.03356,-0.0141,-0.04782,0.00723,0.00862,0.04076,-0.00378,0.12431,0.02557,0.00187,0.01266,-0.03593,-0.03346,0.01979,-0.03669,-0.01342,0.04141,0.03127,-0.08768,0.03342,-0.08654,-0.01637,-0.0847,0.00091,0.0543,-0.0159,0.03946,-0.02557,-0.04124,0.07971,0.01967,-0.04112,0.00531,0.03269,-0.03256,-0.01187,-0.04864,-0.0258,-0.00378,0.02739,-0.03725,0.0009,0.04406,-0.01217,-0.05978,0.06149,0.07314,-0.00389],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. Related docs and examples - Custom Nodes Example - Drag to Connect Example - Connection Rules Example - Node Directive Docs - Connection Component Docs","excerpt":"Related docs and examples - Custom Nodes Example - Drag to Connect Example - Connection Rules Example - Node Directive Docs - Connection Component Docs"},{"chunkId":"/docs/angular-node-editor-library#5","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.09691,-0.01529,-0.04435,0.02741,-0.0011,0.03941,-0.07572,-0.01164,-0.00344,0.03633,-0.13279,-0.01922,-0.06969,0.01834,0.11743,0.03206,-0.0188,0.04698,0.02996,-0.00856,-0.03149,0.01134,0.06694,-0.07738,-0.04799,0.069,0.04252,-0.02688,0.105,-0.03528,0.07617,0.11778,0.02669,0.00871,-0.08475,0.10751,-0.00355,0.0198,-0.0427,-0.07359,0.0657,0.0949,0.03367,-0.10263,-0.01374,-0.11715,-0.08637,-0.01985,-0.00313,0.02126,-0.07079,-0.17563,-0.02014,0.02048,0.05704,0.01536,0.01717,-0.04138,0.02422,-0.07601,0.03753,-0.00827,-0.01568,0.01677,0.04131,0.11993,-0.06183,0.07505,0.0138,-0.03896,-0.04119,-0.05839,-0.03617,0.00072,-0.04873,-0.01386,-0.09381,0.01799,-0.0051,-0.02615,0.02661,0.00321,0.02778,0.11147,-0.01782,0.11384,0.05823,-0.03637,0.02788,-0.02453,0.01032,0.03494,-0.0174,-0.0828,0.0116,0.00001,-0.01997,0.0156,-0.04331,0.03325,-0.01619,-0.07517,0.03049,0.01275,-0.02202,0.01339,0.00102,-0.04871,-0.0395,0.02815,-0.0317,0.05033,-0.06232,-0.06271,-0.01605,-0.04576,0.06329,-0.03628,0.05352,0.15268,0.04796,-0.008,-0.00889,0.0237,0.10422,0.02908,-0.01558,0,0.05212,0.04353,-0.03762,0.03704,0.1175,-0.02446,-0.00998,-0.05664,-0.0166,-0.00446,0.06725,0.10997,-0.06777,0.01408,-0.00085,-0.0562,-0.00128,0.03451,-0.013,0.00169,-0.01558,-0.0625,-0.07332,0.02551,0.00574,0.019,0.05439,-0.01734,-0.01286,-0.03022,0.09279,0.004,0.01449,0.05499,-0.01195,0.05768,-0.05236,-0.03016,0.04213,-0.04215,-0.06128,-0.04285,-0.04779,-0.03187,0.00266,-0.01585,0.00586,-0.05651,0.13686,-0.00669,0.04493,0.04336,-0.00135,0.00578,0.08513,-0.0286,0.00089,0.08648,0.07972,0.07984,-0.00232,0.00602,-0.00038,-0.02372,0.06237,0.01884,-0.04053,-0.01969,0.04113,-0.00305,-0.03653,0.00919,-0.01005,0.02931,0.04307,-0.00777,-0.03372,-0.00444,0.01825,-0.03102,-0.0014,-0.05777,0.03758,0.0337,0.05137,-0.08525,0.00006,0.02023,-0.06634,-0.07203,0.14447,0.01291,0.00282,0.00237,0.03961,0,-0.00281,0.00851,-0.02195,0.03867,0.00937,-0.03539,-0.04627,-0.00955,0.0718,0.07805,0.05967,0.0275,0.06065,-0.0223,-0.05875,-0.02399,-0.00953,-0.05903,0.10194,-0.06622,0.06307,-0.03679,0.00435,-0.06123,-0.06377,0.03494,0.04923,0.01808,0.00387,-0.05934,-0.08674,-0.0006,-0.01607,-0.04684,-0.01875,-0.02203,-0.00421,0.08994,-0.00594,-0.02592,0.01671,0.02122,-0.03821,-0.02929,-0.07262,-0.0666,-0.09241,0.05844,-0.03556,-0.02004,-0.02553,0.02965,-0.0481,-0.0617,-0.04321,0.03723,0.10354,-0.02779,-0.03109,0.00378,-0.05386,0.01515,-0.0074,0.0094,0.02642,0.02572,-0.09148,-0.00019,0.01957,0.05533,-0.00222,0.02824,-0.0158,-0.01641,0.0596,0.01926,0.17114,-0.08606,0.08344,-0.00803,-0.05414,0.08382,-0.01791,-0.02714,-0.04578,0.11322,-0.07229,-0.00198,0.04873,0.08918,-0.08724,0.02789,0.01433,-0.03496,0.00699,0,-0.14089,-0.04482,-0.02208,-0.02587,0.03809,-0.01296,-0.03417,-0.01225,0.03357,0.05005,-0.02466,0.04662,-0.05081,-0.04059,0.05224,0.02165,0.03186,-0.00416,-0.06131,-0.00099,0.04783,0.05623,0.01097,0.0585,-0.00646,0.01409,0.02048,-0.0151,0.00177,0.01644,-0.05741,0.03262,0.0385,-0.03656,-0.08498,-0.01475,-0.03171,-0.03276,-0.03864,-0.00463,0.03697,-0.0299,0.01863,-0.03327,-0.07067,0.03624,0.05288,-0.04986,0.0374,-0.01126,-0.04316,-0.04348,-0.09416,-0.00297,-0.05484,0.07562,-0.0359,-0.00192,0.06737,-0.00206,-0.0468,0.00187,0.07271,0.0156],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. GitHub and install For Nx workspaces: Or install it manually with the required companion packages: Use the examples overview to compare patterns and start from the closest editor use case. Git Hub","excerpt":"GitHub and install For Nx workspaces: Or install it manually with the required companion packages: Use the examples overview to compare patterns and start from the closest editor use case."},{"chunkId":"/docs/angular-workflow-builder#0","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.08356,0.0183,-0.03622,-0.00836,-0.00041,0.00444,-0.09986,0.05436,0.02734,0.02183,-0.15006,-0.03994,-0.0404,0.02905,0.06459,0.01353,-0.02178,0.00633,-0.00854,-0.07196,-0.09462,-0.01442,-0.00408,-0.03383,-0.00104,0.09045,0.01652,-0.01417,0.05762,-0.03499,0.05216,0.04712,0.03009,0.02882,-0.08669,0.10642,0.00763,0.0543,-0.0323,-0.0813,-0.00819,0.04404,-0.00496,-0.06352,-0.09496,-0.07568,0.01409,-0.03184,-0.05688,0.03311,-0.06249,-0.1231,-0.07698,0.04468,0.03493,0.0226,-0.00313,-0.09846,-0.01251,-0.04157,-0.00838,-0.02617,0.00641,0.00329,0.05625,0.02251,-0.07694,0.03974,0.06259,-0.06764,-0.00074,-0.04349,0.00361,0.01348,-0.0498,-0.05691,-0.0351,0.00292,0.03724,0.00055,0.02204,0.10457,-0.00854,0.09654,-0.00272,0.05807,0.04633,0.00129,0.03852,-0.06147,0.03653,0.06581,-0.00004,-0.00845,0.08748,-0.00247,-0.00643,-0.00993,-0.07586,0.02042,0.00556,-0.06887,0.11857,-0.00816,-0.00909,-0.04635,-0.0043,-0.01453,-0.03065,0.00605,0.01041,0.04093,0.03603,-0.05378,-0.00941,-0.01127,0.00705,-0.00812,-0.05542,0.15306,-0.02815,0.03223,0.04826,-0.03046,0.04967,-0.01402,0.00266,0,0.02407,0.09895,-0.05613,0.07872,0.09695,-0.02017,0.03698,-0.04374,0.05442,-0.02049,0.05228,0.05749,-0.09828,0.12592,0.03018,-0.11362,-0.05215,0.02097,0.02943,0.03714,-0.00075,-0.11311,-0.01566,0.09895,0.06866,0.00657,0.08352,0.05351,-0.0787,0.01122,0.0255,-0.06214,0.01069,0.02199,-0.02327,0.00803,-0.08677,-0.09543,0.04832,-0.04602,-0.02954,-0.04687,-0.09138,0.01266,0.02556,-0.01497,-0.03333,0.04253,0.12704,0.01438,0.06645,0.01048,0.03122,0.01892,0.00476,-0.02413,-0.01192,0.02467,0.07125,0.06253,-0.02851,-0.0058,-0.06991,0.01828,0.04314,0.01768,0.01045,-0.02674,0.06358,-0.07519,-0.04471,0.01659,0.0555,0.05318,0.04304,-0.00741,0.04668,0.05373,0.01012,-0.00454,-0.03859,0.00939,-0.00869,0.03873,0.10423,-0.05891,-0.00305,0.01832,-0.14918,-0.02088,0.04868,0.04502,0.04821,0.04978,0.047,0,-0.02922,-0.05972,-0.02818,0.04655,0.04709,-0.04624,-0.03232,-0.03122,0.0627,0.06161,0.01718,0.03596,0.06033,-0.02906,-0.0404,-0.03571,0.00776,-0.09966,0.07251,-0.03691,0.04577,0.0234,-0.03592,-0.04851,-0.06879,0.07578,-0.03522,-0.05171,0.00548,0.01581,-0.01528,-0.00982,-0.0081,-0.06284,-0.03864,-0.02577,-0.00813,0.02308,0.01446,-0.05989,0.00956,0.05685,0.02182,-0.06956,-0.10302,-0.00701,-0.01832,0.00374,-0.04397,-0.07848,-0.01189,0.05743,-0.0447,-0.04446,-0.02469,0.00608,0.09931,-0.00201,0.00914,0.01835,-0.10576,0.02495,0.07849,0.03236,-0.05178,0.06387,-0.05188,-0.0308,-0.03806,0.07547,0.02981,-0.00295,-0.02679,0.06018,0.01976,0.03206,0.11773,-0.01438,0.06524,-0.00629,-0.03248,0.08039,0.01493,-0.01212,0.03904,-0.01628,-0.09235,-0.11348,0.06577,0.07498,-0.03447,0.02003,0.0113,-0.03589,0.01694,0,-0.09228,0.00274,-0.0081,-0.05276,-0.00177,-0.05523,0.02637,0.0247,0.10174,-0.022,0.06036,-0.02957,-0.07466,-0.03954,0.07505,0.02843,0.04734,0.03626,-0.04611,-0.10631,0.03673,0.00465,0.03622,0.04577,0.02414,-0.00675,0.04972,-0.02509,-0.02739,0.00182,-0.01619,0.06493,0.06191,0.04442,-0.04554,-0.0153,-0.05663,-0.03361,-0.07949,0.01916,0.03153,0.01228,0.00204,-0.0879,-0.04932,0.02723,-0.08318,-0.04208,-0.02431,0.01138,-0.02779,0.02653,-0.02055,0.02977,-0.0221,0.05224,-0.03353,-0.03171,0.08487,-0.06428,-0.06021,0.07053,0.05066,-0.00258],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. Angular Workflow Builder Foblex Flow works well as the foundation for an Angular workflow builder because it separates editor UX from workflow logic. The library renders and manages the interactive canvas; your application decides which nodes exist, which connections are valid, and how the workflow is stored or executed. That does not mean you need a huge setup on day one. Most workflow builders start with a small flow surface and add history, minimap, layout helpers, or performance modules later.","excerpt":"Angular Workflow Builder Foblex Flow works well as the foundation for an Angular workflow builder because it separates editor UX from workflow logic. The library renders and manages the interactive canvas; your application decides which nodes exist, which connections are valid, and how the workflow is stored or executed. That does not mean you need a huge setup on day one. Most workflow builders start with a small flow surface and add history, minimap, layout helpers, or performance modules later."},{"chunkId":"/docs/angular-workflow-builder#1","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.11128,0.03417,-0.06268,-0.0204,-0.02888,-0.00423,-0.06145,0.04777,0.05738,0.03987,-0.14419,-0.07094,-0.03323,0.00527,0.08487,0.02889,-0.02413,0.00715,-0.03836,-0.05595,-0.0611,0.03237,-0.03362,-0.02699,-0.01806,0.04056,0.01801,-0.0155,0.04225,-0.05363,0.06147,0.05482,0.04903,0.04603,-0.0635,0.10261,-0.02098,0.02442,0.00192,-0.07473,0.02968,0.00197,-0.02459,-0.09979,-0.07379,-0.06912,-0.04873,-0.06051,-0.0686,0.07116,-0.11548,-0.11822,-0.09388,0.07925,0.03238,0.01753,0.02524,-0.09376,-0.01102,-0.04392,0.01043,-0.03168,0.01321,0.03514,0.00193,0.02948,-0.1213,0.00961,-0.00196,-0.072,0.00428,-0.06869,-0.02821,-0.01326,-0.04381,-0.03862,-0.04048,0.00304,0.03964,-0.01626,-0.0097,0.08594,-0.01914,0.06897,-0.00101,0.08295,0.05817,-0.02126,0.03946,-0.03576,0.02276,0.05582,0.02107,-0.00316,0.10164,-0.00015,-0.03889,-0.03681,-0.07054,0.02025,-0.03745,-0.0228,0.06896,-0.03476,-0.05395,-0.06428,0.05234,-0.02906,-0.03821,-0.02365,-0.01431,0.02149,0.04081,-0.08163,0.00907,-0.0249,-0.00134,0.00582,-0.03009,0.10583,-0.00601,0.03413,0.0129,0.02078,0.08121,-0.01499,0.01346,0,-0.00989,0.06662,-0.03651,0.04369,0.11848,-0.01458,0.0272,-0.07015,0.03625,-0.00256,0.00702,0.07861,-0.06926,0.07956,-0.00368,-0.08547,-0.03094,0.04782,0.03435,0.02792,0.08516,-0.11685,-0.02484,0.08688,0.06797,0.0132,0.04864,0.02701,-0.04523,0.01508,0.00641,-0.03889,0.0046,0.03483,-0.06784,0.02104,-0.07351,-0.06082,0.04602,0.00249,-0.01956,-0.04907,-0.09911,0.03764,-0.00318,-0.00805,-0.06512,0.01846,0.15677,0.0213,0.05778,0.0086,0.06144,0.01658,0.049,-0.02609,-0.00661,0.05739,0.03161,0.05605,-0.03437,0.03876,-0.06453,0.01729,0.05444,-0.01845,0.0421,-0.02601,0.07335,-0.05702,-0.05867,0.0339,0.0505,0.07216,0.02898,-0.04563,0.01259,0.01512,0.05703,-0.05374,-0.04843,0.01538,-0.00307,0.04372,0.11771,-0.07025,-0.05453,-0.00227,-0.12109,-0.00623,0.04993,0.01863,0.01122,0.05484,0.01726,0,-0.04593,-0.03782,-0.05782,0.06804,0.00964,-0.04288,0.02898,-0.00966,0.05931,0.04857,0.03405,0.02515,0.03611,-0.0483,-0.00392,-0.0384,-0.01741,-0.09514,0.06193,-0.04087,0.05211,0.02657,-0.01004,-0.02161,-0.05608,0.05688,-0.021,-0.00471,0.05725,-0.01431,-0.02149,-0.00688,-0.01196,-0.04656,-0.02759,-0.03716,0.02342,0.03655,0.02786,-0.03556,0.02953,0.03008,0.02189,-0.01378,-0.07255,-0.00252,0.00826,-0.01358,-0.03863,-0.0664,-0.0134,0.0348,-0.06429,-0.03525,-0.05636,0.01358,0.11829,-0.05381,-0.04304,0.0356,-0.07093,0.02711,0.16364,0.00631,-0.0034,0.07912,-0.0271,-0.01753,-0.02254,0.05575,0.11575,-0.01718,-0.06291,0.07644,0.05548,-0.01711,0.08488,-0.06068,0.05434,0.00935,-0.01138,0.08539,0.01914,-0.00174,-0.01372,-0.01077,-0.06939,-0.07891,0.06422,0.0583,-0.10363,0.03817,0.02725,-0.039,-0.03742,0,-0.1076,-0.00941,0.00631,-0.01017,0.01179,-0.04013,-0.01437,0.00391,0.07952,-0.05192,0.02199,-0.01133,-0.05564,-0.01687,0.08261,0.01329,0.03412,0.03605,-0.00807,-0.11017,0.04279,0.01932,0.03465,0.02005,0.05157,-0.01563,-0.00605,-0.03585,0.00915,0.01558,-0.00668,0.05495,0.11814,0.074,-0.04361,-0.02252,-0.00778,-0.01682,-0.09484,-0.00471,0.03581,0.02686,-0.01311,-0.08991,-0.04663,0.03517,-0.05866,-0.08675,0.00447,-0.02414,-0.0241,0.01039,-0.0334,0.06389,-0.03372,0.01914,-0.0202,-0.05001,0.10288,-0.03933,-0.04365,0.05527,0.0754,0.01005],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. When to use it This approach fits products such as: - business process editors, - marketing or operations automation tools, - AI workflow and agent orchestration builders, - call flow or IVR editors, - data transformation and ETL-style interfaces.","excerpt":"When to use it This approach fits products such as: - business process editors, - marketing or operations automation tools, - AI workflow and agent orchestration builders, - call flow or IVR editors, - data transformation and ETL-style interfaces."},{"chunkId":"/docs/angular-workflow-builder#2","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.1189,0.06117,-0.03425,0.01943,0.00836,0.01439,-0.09746,0.00691,0.03705,0.04553,-0.15339,-0.02599,-0.04785,0.0251,0.0658,0.00507,0.01332,-0.00742,-0.03567,-0.0572,-0.08511,0.00355,-0.02246,-0.0312,0.00546,0.05986,-0.00407,0.00346,0.06935,-0.0538,0.03999,0.03874,0.01477,0.01868,-0.09122,0.10306,0.00586,0.07284,-0.03898,-0.05624,-0.0224,0.02387,-0.02174,-0.05569,-0.08605,-0.06797,-0.0215,-0.0329,-0.09286,0.02167,-0.0523,-0.11493,-0.08077,0.0626,0.06822,0.02817,0.02829,-0.09566,-0.02467,-0.0449,-0.00382,-0.05075,-0.01074,0.00821,0.04799,0.03589,-0.08114,-0.00456,0.02299,-0.01137,0.01049,-0.01839,0.00006,-0.00743,-0.03787,-0.02268,-0.03754,0.00098,0.00753,0.00151,0.03888,0.07663,-0.0243,0.09596,-0.00629,0.04739,0.01715,-0.03351,0.08049,-0.06883,0.01219,0.0827,0.0518,-0.00388,0.07807,0.0017,-0.02296,-0.02262,-0.07885,0.03994,-0.00035,-0.07211,0.07417,-0.0198,-0.00956,-0.03252,-0.01326,-0.02665,-0.00955,0.01837,0.02289,0.05068,0.02008,-0.04899,-0.01529,-0.02095,0.01873,-0.03013,-0.07604,0.13788,-0.03489,0.02796,0.0291,-0.03132,0.06628,-0.01376,0.00546,0,0.05176,0.09759,-0.084,0.04989,0.12922,0.02596,-0.0097,-0.06466,0.05424,-0.00082,0.03113,0.07092,-0.08734,0.06703,0.05605,-0.11126,-0.04209,0.04533,0.0313,0.01369,0.01526,-0.11018,-0.02825,0.10024,0.06938,0.03114,0.05865,0.04101,-0.04783,-0.00835,0.00832,-0.03822,0.03515,0.029,-0.0419,0.0079,-0.07169,-0.08844,0.05561,-0.05538,-0.02015,-0.04184,-0.09031,0.02073,0.01339,-0.02711,-0.05696,0.03504,0.1346,-0.00162,0.03686,0.01975,0.04882,0.008,0.02948,-0.04095,0.00042,0.05401,0.06854,0.09601,-0.01533,0.00568,-0.05487,0.00801,0.03831,0.01153,-0.0169,-0.00949,0.07489,-0.09813,-0.08746,0.02639,0.02354,0.05673,0.03589,-0.01333,0.04477,0.03609,0.0479,-0.04561,-0.06373,0.01287,-0.01376,0.07384,0.08665,-0.09298,-0.02189,0.02012,-0.10586,-0.0156,0.05946,0.02243,0.03151,0.04511,0.07147,0,-0.04072,-0.03521,-0.02143,0.07798,0.05513,-0.04285,-0.00999,-0.00716,0.0431,0.05833,0.01613,0.02849,0.04161,-0.02853,-0.0332,-0.02663,-0.06295,-0.07204,0.06532,-0.06406,0.07986,0.03458,-0.07278,-0.01332,-0.06459,0.06977,-0.04693,-0.05301,0.03443,0.01877,-0.03039,-0.02615,-0.02587,-0.05884,0.01101,-0.02475,-0.00121,0.05203,0.03248,-0.05007,0.01299,0.04773,0.00911,-0.03614,-0.08896,0.03298,-0.01647,-0.00858,-0.05393,-0.06788,-0.01398,0.03889,-0.01016,-0.04725,-0.04333,-0.02788,0.08428,-0.0301,0.02565,0.04267,-0.07915,0.03429,0.08983,0.03645,-0.02071,0.07556,-0.01714,-0.03508,-0.01824,0.07558,0.05298,-0.012,-0.03276,0.05894,0.09812,0.00876,0.08059,-0.04721,0.04942,-0.01875,-0.03758,0.06905,0.02974,-0.01039,0.00784,0.01848,-0.08942,-0.04909,0.0863,0.0818,-0.09985,0.02562,0.03096,-0.03609,-0.00551,0,-0.11595,0.0039,0.00862,-0.04586,0.02563,-0.03761,0.02557,0.01899,0.10069,0.00508,0.05686,-0.0036,-0.06507,-0.06302,0.04102,0.04612,0.01765,0.04566,-0.02609,-0.09702,0.03268,0.01101,0.03016,0.04571,0.04561,-0.03662,0.01584,0.01289,-0.00326,0.03076,-0.01794,0.03759,0.11737,0.08091,-0.06664,-0.0038,-0.06079,-0.03575,-0.06335,0.00808,0.0448,0.0155,-0.02077,-0.06954,-0.07644,0.02037,-0.09027,-0.04952,-0.02862,-0.01809,-0.03146,0.01025,-0.05959,0.02104,-0.03922,0.02969,-0.0141,-0.03157,0.0815,-0.05575,-0.03179,0.07309,0.05369,-0.0299],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. Why Angular-first workflow teams use it - You can reuse Angular forms, validators, dialogs, and Material components inside nodes. - The graph stays in your own state layer, which makes persistence and execution easier. - You can express workflow constraints with connection rules and custom event handlers instead of patching a black-box editor. - It scales from a simple prototype to a richer builder with undo/redo, minimap, layout helpers, and optional performance tooling.","excerpt":"Why Angular-first workflow teams use it - You can reuse Angular forms, validators, dialogs, and Material components inside nodes. - The graph stays in your own state layer, which makes persistence and execution easier. - You can express workflow constraints with connection rules and custom event handlers instead of patching a black-box editor. - It scales from a simple prototype to a richer builder with undo/redo, minimap, layout helpers, and optional performance tooling."},{"chunkId":"/docs/angular-workflow-builder#3","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.0586,0.0137,-0.01313,0.01981,0.01836,0.02054,-0.02775,0.04082,0.02163,0.01117,-0.13586,-0.04618,-0.03249,0.0192,0.0673,0.01833,-0.02702,0.02278,0.0129,-0.02655,-0.04486,-0.04601,0.02195,-0.03944,-0.02053,0.05141,-0.01149,-0.00181,0.05068,-0.10159,0.02298,0.08837,-0.0137,0.03871,-0.08168,0.07246,0.04022,0.07228,-0.04625,-0.0476,0.00993,0.01922,-0.00271,-0.04771,-0.06092,-0.04653,0.0108,-0.0292,-0.05958,0.09108,-0.07439,-0.12717,-0.08165,0.05001,0.05366,0.05149,0.0244,-0.13453,0.02148,-0.03097,0.0284,-0.02729,-0.00854,0.0153,0.03424,0.01972,-0.1039,0.03738,0.02556,-0.03658,0.00846,-0.02979,-0.00802,-0.02284,-0.01819,0.006,0.00214,-0.01422,-0.00102,-0.00013,-0.01653,0.11438,-0.04564,0.07902,-0.0089,0.09059,0.01601,-0.05067,0.01887,-0.05841,0.00797,0.04483,-0.00483,-0.01913,0.08182,-0.02288,-0.0215,-0.03563,-0.10002,0.02554,0.01258,-0.04862,0.0981,-0.02285,-0.03291,-0.04771,-0.0026,0.00992,-0.03934,-0.01296,-0.00233,0.01752,0.02544,-0.06799,-0.03386,-0.01712,-0.03744,-0.03231,-0.02494,0.12249,0.0102,0.05978,0.01433,-0.03966,0.03685,-0.04699,-0.00699,0,0.02909,0.08528,-0.03212,0.08001,0.13325,-0.00927,0.00287,-0.08829,0.03813,0.04532,0.00289,0.0596,-0.07943,0.06647,-0.0397,-0.12654,-0.03779,0.01404,-0.02059,0.0191,0.02154,-0.11455,-0.04995,0.03634,0.05765,0.02511,0.02301,0.08506,-0.04599,0.02344,0.00653,-0.02683,0.04404,0.02947,-0.05743,0.02885,-0.061,-0.11268,0.06319,-0.03986,0.00268,-0.04057,-0.09436,0.0584,0.01975,-0.02997,-0.0311,0.03914,0.13945,0.03932,0.03592,-0.00393,0.03127,-0.00935,0.01833,-0.05829,-0.05151,0.09705,0.03205,0.0679,-0.01223,0.03313,-0.07942,-0.00436,0.06104,0.02643,-0.01368,0.00353,0.11774,-0.09043,-0.09837,0.07837,0.06962,0.0749,0.03123,-0.05403,0.00652,-0.01065,0.06416,-0.00906,-0.08128,0.00152,-0.01266,0.04725,0.11553,-0.05251,-0.00424,0.00954,-0.13665,-0.01359,0.06192,0.04527,0.0565,-0.00008,0.03284,0,-0.08423,-0.00785,-0.01947,0.07654,0.03344,-0.05129,0.03261,-0.00074,0.01938,0.06629,0.03492,0.03797,0.04351,-0.07694,0.01167,-0.02706,-0.03701,-0.09214,0.0576,-0.02785,0.04693,0.02055,-0.06001,-0.02969,-0.08169,0.10325,-0.01644,-0.05425,0.04189,-0.00579,0.00587,-0.04343,-0.02157,-0.03636,0.01745,-0.09905,0.01193,0.0422,0.03204,-0.0258,-0.01214,0.03188,0.02721,-0.02008,-0.06988,0.02025,0.00629,-0.02335,-0.01189,-0.03744,-0.02468,0.0011,-0.05457,-0.04719,-0.01362,0.00845,0.10126,-0.01018,0.03267,0.02031,-0.04935,0.01607,0.09017,0.02623,0.03836,0.04288,-0.02874,-0.02358,-0.00077,0.08782,0.04637,0.04523,-0.02914,0.01259,0.10168,-0.00205,0.10856,-0.04332,0.04843,0.00453,-0.0232,0.07644,-0.00082,0.00799,0.04649,-0.02646,-0.10291,-0.04117,0.05176,0.06824,-0.09416,0.00448,0.02267,-0.04355,-0.01731,0,-0.09451,0.0153,-0.03678,-0.03748,0.00655,-0.0176,-0.00664,0.01108,0.04242,-0.0231,0.05142,0.04788,-0.0522,-0.031,0.113,-0.00268,0.03805,0.07159,-0.04465,-0.11247,0.0214,0.03209,0.02567,0.07858,0.00315,0.0092,-0.01652,0.0006,0.00944,0.01306,0.00402,0.00102,0.08697,0.05413,-0.07883,-0.01557,-0.09345,-0.01478,-0.05271,0.0479,0.06972,0.01959,0.00416,-0.05285,-0.09844,0.04176,-0.07226,-0.04337,-0.07011,0.00116,-0.05638,0.00637,-0.01774,0.01318,-0.01873,0.04514,-0.01077,-0.02163,0.06756,-0.04277,-0.04831,0.08435,0.0529,-0.01563],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. Key capabilities for workflow builders - Palette-driven node creation with fExternalItem - Drag-to-connect with validation and reassign flows - Connection content, markers, and waypoints for more expressive edges - Multi-select, zoom, and viewport navigation for larger diagrams - Layout helpers such as Magnetic Lines and Magnetic Rects f External Item","excerpt":"Key capabilities for workflow builders - Palette-driven node creation with fExternalItem - Drag-to-connect with validation and reassign flows - Connection content, markers, and waypoints for more expressive edges - Multi-select, zoom, and viewport navigation for larger diagrams - Layout helpers such as Magnetic Lines and Magnetic Rects"},{"chunkId":"/docs/angular-workflow-builder#4","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.08344,0.0443,-0.05762,-0.01165,-0.00635,-0.00541,-0.05453,0.06273,0.00673,0.06302,-0.14049,-0.08177,-0.0461,0.01138,0.06899,0.03761,-0.05166,0.01961,-0.03602,-0.06905,-0.03009,0.01238,-0.02277,-0.03821,-0.02362,0.0666,0.01642,-0.00956,0.04614,-0.03796,0.04331,0.05237,0.05031,0.03423,-0.03747,0.076,0.00264,0.04585,-0.00183,-0.05083,0.0032,0.01303,-0.01255,-0.07322,-0.0812,-0.05043,-0.02243,-0.03325,-0.07984,0.03174,-0.10074,-0.12665,-0.0825,0.07817,0.05753,0.00494,0.01273,-0.10833,-0.00931,-0.05758,0.01619,-0.05998,0.00362,0.00055,0.04442,0.01187,-0.12341,0.02124,0.02141,-0.02416,-0.00846,-0.02166,-0.00581,-0.01298,-0.05532,-0.03873,-0.03325,0.01744,0.03506,-0.01497,-0.02293,0.08571,-0.0128,0.07835,-0.01725,0.06563,0.04451,-0.02894,0.04924,-0.05681,0.03958,0.06254,0.00305,-0.00753,0.07046,-0.02026,-0.01603,-0.06027,-0.09351,0.04038,-0.02702,-0.0614,0.0791,-0.04536,-0.00121,-0.02681,0.04061,-0.03972,-0.00118,0.01289,-0.01895,0.04333,0.0162,-0.06318,-0.01258,0.00512,0.03088,-0.00027,-0.05715,0.11846,-0.03409,0.01644,0.01971,-0.01583,0.06434,-0.01157,0.02013,0,0.03864,0.07545,-0.06427,0.02785,0.11226,-0.0257,0.02172,-0.09044,0.05003,0.02064,0.01886,0.03604,-0.08179,0.06171,-0.00434,-0.10437,-0.04888,0.01057,0.04603,0.05592,0.03245,-0.13657,-0.02462,0.05775,0.07195,0.01007,0.04558,0.01383,-0.02419,0.0265,0.02638,-0.04842,0.02827,0.01426,-0.03954,0.02553,-0.0853,-0.0568,0.04061,-0.02477,-0.01597,-0.06583,-0.09652,0.02815,0.03955,-0.02464,-0.05168,0.03269,0.1579,0.02458,0.05173,-0.00788,0.02015,-0.00564,0.02332,-0.0237,-0.06264,0.07577,0.02633,0.06809,-0.0148,0.01488,-0.0566,-0.00223,0.03489,-0.01659,-0.00202,-0.02158,0.08043,-0.08459,-0.07058,0.02826,0.05746,0.07489,0.01334,-0.02106,0.07223,0.02764,0.03564,-0.07156,-0.06498,-0.01297,-0.02357,0.05504,0.12133,-0.05348,-0.02601,0.00281,-0.15063,-0.03048,0.03599,0.04448,0.03773,0.02686,0.05009,0,-0.03008,-0.02813,-0.04126,0.0958,0.03447,-0.02999,0.04588,-0.00451,0.04963,0.06731,0.0101,0.03423,0.03,-0.04403,0.00608,-0.0426,-0.04964,-0.07342,0.1002,-0.01326,0.05894,0.02759,-0.04471,-0.02796,-0.05928,0.05562,-0.03582,-0.03657,0.0346,-0.01661,-0.02497,0.01414,-0.02014,-0.02885,-0.0133,-0.06248,0.03382,0.04277,0.0324,-0.01769,0.03152,0.03012,0.03008,-0.06366,-0.09293,-0.00693,0.01219,-0.01031,-0.06247,-0.05706,-0.00517,0.00529,-0.07522,-0.01627,-0.04158,0.0251,0.11221,-0.03806,0.0015,0.05825,-0.07687,-0.00147,0.10984,0.0372,0.01326,0.06723,-0.04353,-0.00475,-0.01388,0.0508,0.05303,-0.00051,-0.01035,0.08593,0.08387,0.002,0.07088,-0.03475,0.07069,0.00149,0.00294,0.1025,0.00116,0.00389,0.02759,0.03434,-0.07468,-0.09024,0.04998,0.0886,-0.08864,0.04943,0.07476,-0.0673,-0.04925,0,-0.09881,-0.03685,0.02513,-0.02002,0.02798,-0.01952,-0.01883,-0.02221,0.08725,-0.04488,-0.00332,0.02731,-0.05064,-0.03885,0.07777,0.03499,0.04873,0.03518,-0.02271,-0.0797,0.01974,0.00096,0.03394,0.05473,0.04107,-0.01719,0.01863,-0.01933,-0.01993,-0.00344,0.00526,0.04123,0.09771,0.04768,-0.03721,-0.00095,-0.0607,-0.04129,-0.11252,0.02849,0.04407,0.01766,0.00748,-0.11454,-0.04455,0.05547,-0.06233,-0.07257,-0.0456,-0.0033,-0.01667,0.01419,-0.01708,0.04961,-0.04018,0.03034,-0.01404,-0.03232,0.07205,-0.06165,-0.03664,0.13122,0.0448,0.00839],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. Related docs and examples - AI Low-Code Platform Example - Call Workflow Tutorial - Connection Rules Docs - Selection Area Docs - Minimap Docs","excerpt":"Related docs and examples - AI Low-Code Platform Example - Call Workflow Tutorial - Connection Rules Docs - Selection Area Docs - Minimap Docs"},{"chunkId":"/docs/angular-workflow-builder#5","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.0815,0.02276,-0.049,-0.02583,-0.01433,0.00815,-0.07342,0.02287,0.00623,0.02926,-0.14817,-0.07516,-0.04675,0.03174,0.05068,0.02077,-0.02764,0.03524,-0.01777,-0.0581,-0.0179,0.03197,0.01014,-0.05495,-0.03154,0.07932,0.02293,-0.01875,0.05189,-0.05928,0.08911,0.05104,0.04188,0.02339,-0.0057,0.06983,-0.0074,0.0326,-0.01569,-0.05762,0.00827,0.01786,-0.00148,-0.0625,-0.07102,-0.082,-0.02675,-0.04674,-0.04953,0.02856,-0.08511,-0.13691,-0.04016,0.09158,0.06139,0.00689,-0.0166,-0.14227,-0.03282,-0.08547,0.0401,-0.05386,0.00554,0.01461,0.05001,0.05319,-0.1187,0.01821,0.01571,-0.05015,-0.00739,-0.04331,-0.00209,-0.01068,-0.07146,-0.03371,-0.01337,0.02361,0.03828,-0.00679,0.01928,0.10153,0.00861,0.0931,0.00922,0.07442,0.02862,0.01583,0.04605,-0.09046,0.02828,0.06653,0.01025,-0.00184,0.09112,-0.02201,-0.02752,-0.02034,-0.09161,0.03396,-0.01822,-0.06721,0.08229,-0.02775,-0.01709,0.01154,0.03211,-0.01977,-0.02977,-0.00301,-0.03906,0.05438,0.01114,-0.03934,-0.0047,0.0045,0.00498,-0.01224,-0.05206,0.11492,-0.02325,-0.00708,0.00737,-0.01199,0.07594,0.02544,0.02016,0,0.00921,0.10008,-0.06216,0.03632,0.09319,-0.04191,0.02311,-0.07576,0.04568,-0.01334,0.06012,0.05745,-0.08805,0.045,-0.01299,-0.0966,-0.05285,0.03537,0.06527,0.04419,0.02207,-0.09313,-0.03294,0.06713,0.02914,-0.00051,0.0473,0.01256,-0.05484,0.01018,0.04382,-0.02049,0.00747,0.00624,-0.02425,0.01726,-0.07548,-0.02741,0.04547,-0.03572,-0.02849,-0.03354,-0.07122,0.01585,0.03474,-0.02379,-0.05124,0.01891,0.18551,0.03555,0.09134,-0.01055,0.00296,0.01157,0.04588,-0.01904,-0.03584,0.08542,0.05278,0.06897,-0.02772,-0.02186,-0.04784,-0.03249,0.04459,-0.0183,-0.01936,-0.01151,0.08227,-0.06454,-0.06976,0.01768,0.04332,0.08563,0.0231,-0.0448,0.06664,0.03284,0.02947,-0.04188,-0.0365,0.01775,-0.01012,0.02902,0.11892,-0.07848,-0.0211,0.02791,-0.13171,-0.03336,0.07796,0.03549,0.01737,0.02544,0.05182,0,-0.01465,-0.01678,-0.07354,0.09391,0.00989,-0.05317,-0.00266,-0.00451,0.04323,0.05478,0.02818,0.03358,0.06273,-0.01746,-0.01368,-0.04202,-0.00887,-0.08758,0.08184,-0.0508,0.0615,0.02673,-0.03302,-0.04344,-0.06417,0.09647,0.00133,-0.02929,0.05158,-0.02049,-0.01827,0.02552,-0.03827,-0.02564,0.0051,-0.05263,0.0203,0.06106,0.04766,-0.04481,0.02728,0.0651,0.01942,-0.05459,-0.09481,-0.02082,0.00978,-0.00743,-0.0408,-0.06182,-0.01241,0.01202,-0.0753,-0.01539,-0.02385,0.04565,0.11639,-0.04694,-0.00097,0.03414,-0.08341,0.02897,0.09244,0.01935,-0.01738,0.02693,-0.08313,-0.01108,-0.04069,0.09339,0.01158,0.02351,-0.04227,0.05717,0.06161,0.00594,0.12819,-0.04808,0.08774,-0.02468,-0.02397,0.072,0.00841,0.00405,-0.00125,0.04143,-0.052,-0.11902,0.04351,0.06925,-0.06693,0.00022,0.01764,-0.06833,0.00168,0,-0.10902,-0.03583,0.0074,-0.04939,0.0328,-0.0394,-0.01443,-0.03257,0.09962,-0.03527,0.03394,0.02616,-0.05725,-0.04647,0.03537,0.04151,0.05858,0.03842,-0.03482,-0.08231,0.0226,0.01441,0.04738,0.03434,0.01342,-0.00409,0.03722,-0.03318,0.01697,-0.02418,-0.01787,0.05475,0.09066,-0.0061,-0.01829,-0.02084,-0.02965,-0.02316,-0.04151,0.00697,0.02679,0.0226,0.00102,-0.09901,-0.0537,0.04418,-0.05886,-0.06891,-0.06052,-0.00596,-0.0274,-0.00794,-0.04831,0.04212,-0.07636,0.04279,-0.03237,-0.02524,0.07226,-0.05854,-0.04757,0.08776,0.06262,0.00641],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. GitHub and install For Nx workspaces: Or install it manually with the required companion packages: If you are evaluating architecture first, start with Introducing Foblex Flow and then inspect the workflow-oriented examples. Git Hub","excerpt":"GitHub and install For Nx workspaces: Or install it manually with the required companion packages: If you are evaluating architecture first, start with Introducing Foblex Flow and then inspect the workflow-oriented examples."},{"chunkId":"/docs/angular-diagram-library#0","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[-0.00745,-0.03014,-0.06541,0.00331,0.01472,0.05854,-0.09845,0.09559,0.07508,0.04363,-0.05542,0.02871,-0.07758,0.07932,0.08349,0.02305,-0.01655,-0.00651,0.04453,-0.04479,-0.09016,-0.03703,-0.00432,-0.04014,0.01476,0.03824,-0.00457,0.0293,0.04039,-0.03336,0.01537,0.00854,-0.00264,0.0366,-0.13111,0.09591,0.0685,0.02802,-0.08223,-0.04506,-0.00613,0.0909,0.01803,-0.0336,-0.05456,0.02627,-0.09449,-0.05332,-0.04898,0.09052,-0.07107,-0.095,-0.05677,0.00705,0.07808,-0.00705,0.00105,-0.10469,0.03384,0.01888,-0.02009,0.0178,0.05674,0.06482,0.00926,-0.00605,-0.01997,0.06044,0.03198,-0.03309,-0.02928,-0.0552,-0.00638,0.02547,-0.00978,-0.04092,-0.0222,0.03705,0.00393,-0.09496,0.00021,0.07823,-0.01637,0.06734,-0.06645,0.07705,0.01918,-0.0896,0.02349,-0.03004,0.02601,0.09021,0.03223,-0.02756,0.05408,0.01546,0.03971,-0.03743,-0.12105,0.02342,0.00939,-0.07829,0.09533,-0.01348,-0.01953,-0.03829,0.00519,-0.00511,-0.03161,-0.04368,-0.05217,0.02161,-0.00791,-0.03838,-0.05089,-0.02179,-0.05747,-0.07716,0.04958,0.08288,-0.00431,0.04773,0.0557,0.0153,0.04618,-0.0425,-0.04257,0,0.02065,0.06825,-0.02783,0.02612,0.05193,-0.03578,-0.03267,-0.07463,0.0182,0.01773,0.00415,0.05916,-0.06145,0.09101,0.00882,-0.01531,0.00747,0.02566,-0.03552,-0.03548,0.03007,-0.05487,0.0037,0.07531,0.06349,0.09862,0.02151,0.06702,-0.06724,0.00134,0.01873,-0.00062,-0.02284,-0.02505,-0.01393,-0.0324,-0.06553,-0.08344,0.00449,-0.05495,0.0093,-0.04749,-0.12527,-0.02343,0.01408,0.03387,-0.05197,-0.02773,0.02431,0.02032,0.01664,0.08802,0.02423,0.03629,0.04505,-0.03704,-0.0041,0.02279,-0.00296,0.01739,0.01674,0.07692,-0.01672,-0.04481,0.02107,0.04566,-0.02827,0.00477,0.07429,-0.03429,-0.06949,0.05188,0.0502,-0.01137,0.04903,-0.01652,-0.0233,-0.004,0.00871,-0.00768,-0.08359,-0.13162,0.02336,0.0274,0.05407,-0.09812,0.04442,0.04335,-0.05751,0.00659,0.10527,0.04189,-0.02926,0.05902,0.0428,0,-0.06565,0.06078,0.0414,0.05681,0.01757,-0.04321,0.01719,-0.01602,0.01829,0.04118,0.03193,-0.02166,-0.00109,-0.0499,0.07421,0.00318,-0.01875,-0.11457,0.0388,-0.05276,0.02028,0.02713,-0.02469,-0.05792,0.01926,0.06772,-0.01719,-0.04206,-0.01192,-0.02719,-0.00588,-0.05136,-0.01406,-0.13367,0.00709,-0.07468,0.02205,-0.03115,-0.01932,-0.05214,-0.00857,0.04846,-0.01168,-0.01322,-0.0773,0.07354,-0.02923,0.01445,-0.02196,-0.04273,-0.05345,0.0215,0.03753,-0.13027,-0.00376,0.02375,0.10704,0.07928,-0.00661,-0.03017,-0.08694,-0.01512,0.02721,-0.03955,-0.0163,0.02114,-0.01409,-0.05873,0.0428,0.05451,0.07607,0.07561,-0.01139,0.01801,0.05891,0.04564,0.10159,0.02052,0.06041,-0.03565,-0.02543,0.07177,0.04024,0.03978,0.07233,0.0147,-0.11795,-0.05605,0.02978,0.09481,-0.04229,0.03818,0.0423,0.0888,0.02692,0,-0.11085,0.01578,-0.03018,-0.06776,0.04437,0.00982,-0.00413,0.06722,-0.01212,0.07921,0.03987,0.09143,-0.05033,-0.00579,0.03846,0.00128,0.04017,-0.0168,-0.00017,-0.02302,0.00334,0.02421,-0.03752,0.09221,-0.01454,-0.05596,0.01946,0.01776,-0.00203,-0.05588,-0.04699,0.03635,0.08316,0.10874,-0.00983,0.00056,-0.09645,0.00153,-0.1129,0.01244,0.06282,0.04313,0.02704,-0.03498,-0.07436,0.08143,-0.00282,-0.07356,-0.07653,-0.0192,-0.099,-0.00152,-0.06664,0.00662,-0.03611,0.06138,-0.00881,-0.04495,0.02909,-0.01512,-0.09181,0.03612,0.03203,-0.04679],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. Angular Diagram Library Foblex Flow is not a charting package or a static SVG helper. It is an Angular diagram library for interactive, editable graph UIs. That matters when your users are not just viewing relationships, but actively creating, connecting, moving, and organizing diagram elements. You can still start small. A simple diagram editor only needs the core flow primitives, while features like minimap, waypoints, alignment, caching, or virtualization stay optional. U Is","excerpt":"Angular Diagram Library Foblex Flow is not a charting package or a static SVG helper. It is an Angular diagram library for interactive, editable graph UIs. That matters when your users are not just viewing relationships, but actively creating, connecting, moving, and organizing diagram elements. You can still start small. A simple diagram editor only needs the core flow primitives, while features like minimap, waypoints, alignment, caching, or virtualization stay optional."},{"chunkId":"/docs/angular-diagram-library#1","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[-0.04568,-0.0224,-0.08915,-0.01758,-0.00463,0.02232,-0.03239,0.08582,0.09254,0.0301,-0.05234,0.01781,-0.04147,0.06896,0.09026,0.02077,-0.02379,0.02387,0.02103,-0.035,-0.03055,-0.00873,-0.01392,-0.05307,-0.01445,0.00639,0.01976,-0.00324,0.03344,-0.05534,0.03697,0.01878,-0.00496,0.01118,-0.12505,0.05498,0.04628,-0.02604,-0.0676,-0.04058,0.01619,0.07993,0.0246,-0.03956,-0.0624,-0.01551,-0.09473,-0.01843,-0.05267,0.08785,-0.08694,-0.09295,-0.04246,0.02418,0.05028,-0.00903,-0.01974,-0.0991,0.02869,0.01144,-0.02415,0.02806,0.02672,0.08254,0.0111,0.01549,-0.08028,0.05059,0.05025,-0.02895,-0.02809,-0.07844,0.02692,-0.00721,0.03243,-0.03004,-0.0165,0.09949,0.00642,-0.08004,-0.00467,0.08715,-0.02038,0.05844,-0.04727,0.08313,0.00328,-0.07284,0.00943,-0.05159,0.03525,0.05555,0.02743,0.01251,0.06015,0.00272,0.05577,-0.03293,-0.10772,0.0398,-0.0091,-0.07809,0.08885,-0.01414,-0.08274,-0.05193,-0.01103,0.01377,-0.04673,-0.05366,-0.04966,-0.0042,-0.0017,-0.05849,-0.04032,-0.057,-0.06088,-0.06693,0.06089,0.0523,-0.03814,0.0137,0.0406,0.02922,0.06481,-0.03208,-0.07278,0,-0.01164,0.04442,-0.03764,0.04051,0.05608,-0.04507,-0.02243,-0.08152,0.04574,0.03311,0.01416,0.08958,-0.05713,0.06868,0.00448,-0.03802,-0.00279,0.04027,0.00736,0.01653,0.07515,-0.05041,0.01092,0.0965,0.07655,0.13247,0.00956,0.03217,-0.06777,0.03714,0.05808,0.01252,-0.01882,-0.02556,-0.01804,-0.00558,-0.07894,-0.06805,-0.0042,-0.03635,0.0122,-0.07196,-0.13436,0.02115,-0.00028,-0.02196,-0.07488,-0.01242,0.04376,0.03341,0.03729,0.04741,0.0242,0.01649,0.06232,-0.0529,-0.04472,0.0582,0.02251,0.04309,0.01969,0.06585,-0.02823,-0.05734,0.01736,0.02842,-0.03859,-0.01474,0.08105,-0.01482,-0.08005,0.04353,0.01716,0.03266,0.03493,-0.03719,-0.0444,0.01607,0.0403,0.00656,-0.07932,-0.1125,0.00207,0.0026,0.09509,-0.08876,0.03059,0.00112,-0.08898,0.01227,0.10815,0.0407,-0.04636,0.0635,0.0708,0,-0.0292,0.02688,0.01806,0.06062,0.01896,-0.0797,0.02689,-0.02817,0.02188,0.03661,0.03389,0.03171,0.00736,-0.01485,0.07628,-0.02504,-0.00965,-0.154,0.02635,-0.04014,-0.01109,0.03201,-0.01371,-0.08697,-0.0511,0.06991,-0.02908,-0.05001,0.00923,0.00261,-0.0002,-0.02009,-0.00699,-0.07994,-0.02364,-0.08983,0.04191,-0.0005,-0.00066,-0.1045,0.02448,0.00748,-0.02526,-0.02839,-0.07678,0.04735,-0.04991,0.01444,0.00377,-0.03474,-0.02354,0.01422,0.04835,-0.11406,-0.00529,0.01994,0.09921,0.03294,-0.00383,-0.01686,-0.07412,-0.02103,0.05922,-0.03252,-0.01457,0.03844,-0.03652,-0.0636,0.03856,0.06984,0.0697,0.08679,-0.04196,0.04906,0.05672,0.0526,0.08586,0.01518,0.04121,-0.01909,-0.05379,0.06874,0.02472,0.03456,0.05248,0.00418,-0.11438,-0.05153,0.04623,0.05934,-0.02782,0.01989,0.0118,0.06777,0.03947,0,-0.13052,0.02928,-0.02123,-0.05223,0.0089,0.03222,-0.00952,0.05127,0.01122,0.03705,0.0276,0.1232,-0.01719,0.00529,0.07483,0.01432,0.04352,-0.02003,0.01201,-0.0397,-0.00753,0.00861,0.03424,0.10729,-0.00444,-0.03612,0.01114,0.00266,-0.02979,-0.02298,-0.03041,0.00958,0.05628,0.10351,-0.00164,-0.03009,-0.09773,-0.04097,-0.08273,-0.01462,0.06074,0.03836,0.01234,-0.03495,-0.0258,0.08503,-0.00798,-0.028,-0.08047,0.01902,-0.13431,0.01736,-0.11464,0.02267,-0.04718,0.03602,-0.0029,-0.05303,0.00076,0.00104,-0.08339,0.03355,0.03924,-0.05089],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. When to use it Use it for Angular diagram interfaces such as: - custom architecture diagrams, - UML or domain-specific modeling tools, - relationship editors, - interactive system maps, - large canvases with draggable connected elements.","excerpt":"When to use it Use it for Angular diagram interfaces such as: - custom architecture diagrams, - UML or domain-specific modeling tools, - relationship editors, - interactive system maps, - large canvases with draggable connected elements."},{"chunkId":"/docs/angular-diagram-library#2","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[-0.01386,-0.03961,-0.06108,-0.02205,0.00858,0.02791,-0.06254,0.09436,0.04251,0.04947,-0.0404,0.0474,-0.02469,0.06866,0.13054,0.03326,0.01379,-0.01398,0.03227,-0.06511,-0.03694,-0.01346,0.00122,-0.0643,0.00086,0.03496,0.00787,0.00265,0.0548,-0.02121,0.00248,-0.00056,-0.03393,0.02293,-0.15536,0.06401,0.04915,-0.00461,-0.062,-0.03563,0.02533,0.066,-0.01306,-0.03473,-0.04096,-0.01882,-0.12492,0.01064,-0.09198,0.08987,-0.09633,-0.09389,-0.07662,0.00861,0.05465,-0.01511,-0.01877,-0.0675,0.04131,0.01364,-0.01339,0.00471,0.03449,0.04855,0.02047,0.01431,-0.04192,0.03855,0.05192,-0.00443,-0.01789,-0.07722,0.03037,0.00182,-0.01456,-0.0603,-0.0199,0.06044,-0.01212,-0.05202,-0.00067,0.09746,-0.00994,0.06033,-0.04509,0.08139,0.00324,-0.08112,-0.01081,-0.03902,0.01734,0.02488,0.04946,-0.00689,0.03486,0.00745,0.04058,-0.02598,-0.1008,0.03324,-0.00564,-0.08509,0.08501,-0.02881,-0.06621,-0.01646,-0.01585,-0.00281,-0.02826,-0.00875,-0.04636,0.01765,-0.02902,-0.07718,-0.06404,-0.04874,-0.06638,-0.06363,0.05392,0.06762,-0.03987,0.04528,0.06953,-0.00142,0.07095,-0.01333,-0.05862,0,-0.00389,0.05536,-0.02712,0.01304,0.04895,-0.00598,-0.07276,-0.07755,0.06124,0.04113,0.0393,0.06518,-0.06251,0.04925,0.03492,-0.04319,0.03232,-0.00166,0.01148,-0.00702,0.02072,-0.06991,-0.00273,0.11306,0.07316,0.07987,0.0305,0.07309,-0.02834,0.01535,0.07012,-0.00237,0.03798,-0.00756,-0.03054,-0.04291,-0.07022,-0.10217,0.02789,-0.04692,0.01271,-0.06211,-0.1266,0.04696,-0.00173,0.04039,-0.07642,-0.01918,0.0182,0.01475,0.00949,0.0597,0.03902,0.00167,0.05067,-0.06757,-0.03796,0.04891,0.01399,0.04281,0.02562,0.04879,-0.00298,-0.04475,-0.01195,0.05423,-0.05054,-0.02327,0.08588,-0.0319,-0.06582,0.04171,0.01912,0.04693,0.04604,-0.02125,-0.04307,0.00946,0.01861,0.0253,-0.07925,-0.10727,0.00346,0.0596,0.07736,-0.11444,0.0251,0.00224,-0.02718,-0.00661,0.09328,0.03783,-0.04066,0.08965,0.08926,0,-0.04911,0.05018,0.01725,0.06228,0.02071,-0.07447,0.0161,-0.04527,0.03005,0.04654,0.0394,0.01711,-0.00497,-0.03792,0.0318,-0.0142,-0.00725,-0.11978,0.05332,-0.03525,0.01966,0.0288,-0.06161,-0.07426,-0.02825,0.0896,-0.03628,-0.05482,0.00642,0.02184,-0.00187,-0.03817,0.04767,-0.07047,-0.01528,-0.06736,0.03983,-0.02601,-0.02806,-0.09974,0.01124,0.00417,0.00621,-0.01613,-0.07044,0.04624,-0.02632,0.02697,-0.04138,-0.02814,-0.03473,0.03873,0.04717,-0.1297,-0.02275,-0.00516,0.09966,0.04684,0.01458,-0.01419,-0.04786,-0.0103,0.03438,-0.00996,-0.02435,0.01734,0.00233,-0.06227,0.06751,0.03416,0.05315,0.09058,-0.02201,0.02585,0.08116,0.05776,0.08541,0.01,0.02059,-0.02982,-0.02531,0.08654,0.02345,0.02271,0.05374,0.04337,-0.12028,-0.05063,0.04934,0.09867,-0.02726,0.01332,0.00419,0.09092,0.01971,0,-0.13404,0.03994,-0.00591,-0.05251,0.03693,0.0106,-0.00129,0.04382,0.01819,0.09172,0.00327,0.11739,-0.07095,-0.0085,0.07608,0.02006,0.02812,0.00351,0.00398,-0.00486,-0.00056,-0.00616,0.0094,0.1157,-0.0101,-0.0476,-0.00374,0.00323,-0.02716,0.00744,-0.06428,-0.00978,0.07305,0.08681,-0.03774,-0.05601,-0.1012,-0.03807,-0.0735,0.02382,0.07172,-0.00824,0.03879,-0.02034,-0.05806,0.09006,-0.01338,-0.04237,-0.04543,0.02281,-0.103,-0.01071,-0.09025,-0.03265,-0.03871,0.03781,-0.00249,-0.03013,0.00587,-0.00329,-0.08791,0.03457,0.04201,-0.07101],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. Why it differs from generic diagram widgets - The core path is small enough for normal Angular product screens, not only advanced graph tools. - Nodes can contain real Angular UI, not only labels and icons. - Connections are first-class and support markers, content, and editable routing. - Users get editor behaviors such as zoom, selection, minimap, and snapping. - You can define domain-specific rules instead of accepting a fixed diagram grammar.","excerpt":"Why it differs from generic diagram widgets - The core path is small enough for normal Angular product screens, not only advanced graph tools. - Nodes can contain real Angular UI, not only labels and icons. - Connections are first-class and support markers, content, and editable routing. - Users get editor behaviors such as zoom, selection, minimap, and snapping. - You can define domain-specific rules instead of accepting a fixed diagram grammar."},{"chunkId":"/docs/angular-diagram-library#3","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[0.00075,-0.04858,-0.09836,0.01041,-0.04319,0.03869,-0.04926,0.09126,0.01562,0.05974,-0.02198,0.04473,-0.03974,0.0702,0.07638,0.04449,-0.0267,0.01213,0.03243,-0.04995,-0.02965,-0.05035,0.01987,-0.07436,-0.01817,-0.01844,0.02571,-0.01524,0.03839,-0.0534,0.01906,-0.01772,-0.03081,0.00996,-0.10845,0.01876,0.05366,-0.00726,-0.0347,-0.01124,0.02107,0.07775,0.01793,-0.04393,-0.04504,0.00896,-0.10863,0.02406,-0.04063,0.08892,-0.09293,-0.0939,-0.05568,-0.00789,0.07319,-0.01139,-0.02771,-0.07412,0.03683,0.01267,0.01803,-0.00094,0.01695,0.04189,-0.01539,0.015,-0.03029,0.05878,0.03584,-0.00479,-0.04599,-0.06967,0.00426,-0.01528,0.00687,-0.02174,-0.01337,0.07048,-0.01743,-0.06741,-0.01019,0.11952,-0.01168,0.10002,-0.0594,0.05226,-0.00651,-0.07178,0.025,-0.04996,0.0245,0.01606,0.01633,0.01022,0.04069,0.0187,0.02255,-0.04077,-0.11535,0.01376,-0.00159,-0.08097,0.07205,-0.03216,-0.07489,-0.00596,-0.02952,0.02184,-0.04607,-0.03201,-0.05108,0.00933,-0.02807,-0.0617,-0.04894,-0.02194,-0.07828,-0.04541,0.08121,0.07434,-0.02627,0.01176,0.07544,0.01993,0.05945,-0.04134,-0.04606,0,-0.01434,0.07971,-0.03543,0.0533,0.0769,-0.01822,-0.03901,-0.05991,0.04201,0.06045,-0.02208,0.06255,-0.07911,0.04191,-0.00424,-0.07822,0.01869,0.03145,-0.01506,-0.00046,0.0392,-0.05355,-0.003,0.07814,0.10892,0.10239,0.01696,0.05375,-0.053,0.01622,0.06496,0.00422,-0.03457,-0.00099,-0.03074,-0.00969,-0.06902,-0.09891,-0.00157,-0.01233,0.00775,-0.07879,-0.13402,0.03193,-0.02368,0.01612,-0.07377,-0.00424,0.0276,0.05042,-0.02663,0.0734,0.01963,0.00484,0.05717,-0.10057,-0.07295,0.07031,0.02137,0.05896,0.02904,0.04845,-0.03027,-0.04099,-0.00323,-0.00384,-0.05318,-0.02745,0.11177,-0.01632,-0.08472,0.05436,0.05706,0.04662,0.00356,-0.03693,-0.07273,0.00891,0.03248,-0.0042,-0.10474,-0.09332,0.02886,0.02324,0.07942,-0.11535,0.02384,0.00001,-0.07504,-0.00099,0.08894,0.05613,-0.00636,0.06098,0.07326,0,-0.02632,0.05789,0.03244,0.0445,0.00662,-0.075,0.05717,-0.04569,0.0363,0.04649,0.02613,0.03037,0.03887,-0.03115,0.04871,-0.02647,-0.00153,-0.11243,0.05599,-0.02615,0.00278,0.04127,-0.04172,-0.08974,-0.00826,0.09214,0.01296,-0.05482,0.00875,0.05881,-0.00523,-0.03642,0.03921,-0.05097,-0.02842,-0.06421,0.02914,0.03212,0.0041,-0.09059,0.03386,0.00313,0.00452,-0.02586,-0.0565,0.03164,-0.03909,0.02433,-0.05013,-0.03036,-0.03767,0.01596,0.04501,-0.11373,-0.0134,0.03433,0.08281,0.02727,-0.00163,-0.00283,-0.04866,-0.02594,0.05302,0.00106,-0.01952,0.00959,-0.00157,-0.09678,0.03858,0.04956,0.02603,0.0761,0.00337,0.03837,0.09115,0.04081,0.06514,0.01827,0.04943,-0.01018,-0.02161,0.0635,0.00125,0.01624,0.03365,0.04718,-0.1146,-0.01243,0.05014,0.10011,-0.019,0.00664,0.01783,0.06163,0.0249,0,-0.12543,0.05187,-0.01995,-0.03762,0.0455,0.02757,0.01612,0.06801,-0.01439,0.06563,0.03321,0.14317,-0.03434,0.01933,0.09242,0.02052,0.02716,-0.02009,-0.00233,-0.02027,-0.01011,-0.01871,0.03507,0.12659,-0.01605,-0.03931,-0.03602,0.02635,-0.0136,-0.01436,-0.03573,-0.01886,0.07137,0.08926,-0.02581,-0.00063,-0.13144,-0.00847,-0.05155,0.04344,0.05294,0.02347,0.02448,-0.01622,-0.04188,0.07028,-0.03049,-0.00128,-0.09336,0.00567,-0.12338,0.01108,-0.0878,-0.01482,-0.03726,0.05276,-0.00105,-0.04643,-0.00213,0.02197,-0.10107,0.05593,-0.00501,-0.0682],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. Key capabilities - Node, group, connector, and connection primitives - Multiple connection types and explicit routing controls - Magnetic alignment and spacing helpers - Connection waypoints for manual path shaping - Programmatic viewport controls for large diagrams","excerpt":"Key capabilities - Node, group, connector, and connection primitives - Multiple connection types and explicit routing controls - Magnetic alignment and spacing helpers - Connection waypoints for manual path shaping - Programmatic viewport controls for large diagrams"},{"chunkId":"/docs/angular-diagram-library#4","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[-0.0305,-0.02787,-0.09427,0.01619,-0.0171,0.00262,-0.06907,0.05521,0.05476,0.0293,-0.05467,0.04576,-0.05552,0.06994,0.11279,0.04599,-0.00731,0.01933,0.04436,-0.05642,-0.02984,-0.04367,0.01798,-0.04802,-0.02544,0.01605,0.05958,0.02875,0.05596,-0.08316,0.06315,-0.02275,0.00589,0.01069,-0.12261,0.05015,0.05247,0.002,-0.07805,-0.01297,0.03518,0.08553,0.01938,-0.04474,-0.04009,-0.03019,-0.16171,0.00463,-0.01809,0.08208,-0.07975,-0.09218,-0.04261,-0.0099,0.02157,-0.02738,-0.02484,-0.07571,0.01388,-0.01034,0.0105,0.00193,0.01662,0.04062,-0.02421,0.02654,-0.05186,0.06979,0.05805,-0.00797,-0.02645,-0.09104,0.03054,-0.03225,0.01753,-0.02215,-0.01008,0.08926,-0.0026,-0.08959,-0.00377,0.07393,-0.02201,0.07494,-0.07323,0.04797,-0.01282,-0.07614,-0.00821,-0.05366,0.00353,0.03122,-0.03386,-0.01493,0.07786,0.0352,0.03759,-0.04476,-0.08568,0.02541,-0.01016,-0.05616,0.07378,-0.0271,-0.05002,-0.0151,-0.04141,0.02179,-0.04655,-0.02103,-0.02439,0.02128,-0.00152,-0.02407,-0.03824,-0.07329,-0.0382,-0.0894,0.06204,0.06357,0.00324,0.04293,0.05001,0.04087,0.05406,-0.04021,-0.00934,0,0.02604,0.03495,-0.0434,0.01335,0.08269,-0.04211,-0.03005,-0.05235,0.02181,0.07053,0.00935,0.05891,-0.06273,0.03177,-0.01315,-0.09714,0.02792,0.03921,0.00553,-0.00301,0.03586,-0.04046,-0.00764,0.09866,0.08213,0.11627,0.01088,0.03521,-0.05384,0.02293,0.09113,0.0023,-0.02911,-0.00288,-0.05548,0.01458,-0.10744,-0.03559,0.0142,-0.04062,0.05361,-0.08117,-0.0956,0.02849,-0.02416,0.02281,-0.08352,0.01861,0.06475,0.04007,-0.0231,0.04296,0.03193,0.03241,0.06906,-0.08354,-0.07614,0.06591,0.00215,0.02806,0.02459,0.07243,-0.04953,-0.04979,-0.03993,-0.04311,-0.07574,-0.03257,0.0537,0.00668,-0.03545,0.08677,0.03347,0.03289,-0.02103,-0.03321,-0.05811,0.02918,0.02975,0.01147,-0.08417,-0.11939,0.00633,0.02676,0.08536,-0.05288,0.05856,0.00924,-0.08651,-0.00837,0.08128,0.0557,-0.00022,0.04275,0.11181,0,-0.01626,0.02686,0.0377,0.05732,0.01392,-0.03823,0.03674,0.00941,0.01637,0.07854,0.00186,0.03451,0.00724,-0.03169,0.07824,-0.03529,0.00992,-0.08184,0.07368,0.01455,-0.01727,0.0544,-0.06625,-0.09716,0.00756,0.08683,-0.00596,-0.03104,-0.02665,0.02588,0.00375,-0.00715,0.02087,-0.05046,-0.0407,-0.06907,0.03551,0.04682,-0.04116,-0.10881,0.01909,0.00848,-0.02608,-0.03088,-0.0378,0.0721,-0.06556,0.02769,-0.0482,-0.05006,-0.03961,0.01025,0.04117,-0.08844,-0.02706,0.02485,0.0918,0.01461,-0.00764,-0.01472,-0.0548,-0.01809,0.05105,-0.02038,-0.02061,-0.01073,-0.05309,-0.06369,-0.01399,0.04035,0.00729,0.08803,-0.03064,0.031,0.11185,0.05659,0.08156,0.01482,0.04178,-0.0226,-0.05766,0.04709,-0.01157,0.05474,0.04906,0.06569,-0.10002,-0.01316,0.02369,0.13344,-0.05684,0.02151,0.01819,0.05474,0.0468,0,-0.1176,0.01755,-0.01186,-0.03885,-0.00997,0.03962,0.00179,0.05948,-0.0109,0.03333,-0.00042,0.14243,-0.02228,0.02533,0.04523,0.03951,0.04894,-0.01506,0.0193,-0.02978,-0.02303,-0.00019,0.03453,0.12658,0.00117,-0.00475,0.0058,0.01359,-0.00827,-0.04642,-0.05236,-0.02052,0.07565,0.08062,0.0102,-0.04132,-0.07273,-0.014,-0.08145,0.01033,0.0431,0.01157,0.01517,-0.03082,-0.00972,0.08937,-0.01194,-0.02141,-0.07233,-0.00509,-0.13412,-0.02575,-0.09578,-0.00502,-0.03365,0.03666,-0.00604,-0.05989,0.00357,0.02075,-0.06048,0.08138,0.00948,-0.04463],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. Related docs and examples - UML Diagram Example - Dagre Layout Example - ELK.js Layout Example - Connection Waypoints Example - Background Docs","excerpt":"Related docs and examples - UML Diagram Example - Dagre Layout Example - ELK.js Layout Example - Connection Waypoints Example - Background Docs"},{"chunkId":"/docs/angular-diagram-library#5","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[-0.0651,-0.02953,-0.01041,-0.01625,-0.00101,0.01822,-0.07052,0.07235,0.03366,0.00017,-0.10594,-0.01576,-0.03477,0.08768,0.06827,0.03218,0.06757,-0.01513,0.06854,-0.04494,-0.02585,-0.03097,0.01202,-0.08505,0.01499,0.07092,0.0673,0.02475,0.09632,-0.07941,0.06533,0.01451,-0.02233,0.03703,-0.07332,0.00847,0.03695,0.02703,-0.10842,-0.01004,0.00188,0.12215,0.00584,-0.05459,-0.0198,-0.04292,-0.08119,-0.03397,-0.02756,0.09747,-0.07279,-0.12995,-0.00874,-0.00932,0.03578,0.01742,0.00611,-0.1169,0.02717,0.00253,0.03523,0.03376,0.07343,0.0578,0.03084,0.03988,-0.04377,0.05833,0.04747,0.00921,-0.02001,-0.06098,0.02843,-0.08174,-0.0347,-0.02692,0.00392,-0.00131,-0.01388,-0.09844,0.00269,0.07494,-0.03866,0.07993,-0.06665,0.046,-0.01925,-0.05154,-0.02691,-0.03746,0.0016,0.02717,-0.00416,-0.02286,0.07558,0.00977,0.01392,-0.03551,-0.13892,0.01989,0.01563,-0.07807,0.08756,0.00808,-0.06496,-0.0225,0.01198,0.02947,-0.05656,-0.01551,-0.02852,0.03037,-0.02372,-0.00345,-0.08079,-0.03765,-0.04992,-0.10111,0.0466,0.09044,0.02496,0.05359,0.04443,0.0573,0.10245,-0.00912,-0.04212,0,0.02173,0.06105,-0.0431,0.0194,0.0455,-0.02388,-0.00647,-0.05671,0.03051,0.061,-0.01354,0.04832,-0.07536,0.06417,-0.02894,-0.07303,0.04507,0.01486,-0.07065,0.009,0.00213,-0.04976,-0.05058,0.05309,0.01599,0.10791,-0.00227,0.08657,-0.09387,0.00917,0.02481,0.00779,0.01038,0.01002,-0.05346,-0.01379,-0.07864,-0.08534,0.05548,-0.01248,-0.05022,0.0108,-0.02498,0.02041,0.01166,0.03596,-0.09065,-0.02219,0.04587,0.02394,0.02568,0.09011,0.07956,0.00857,0.04866,-0.09808,-0.03356,0.01113,0.06267,0.04506,0.01136,0.049,-0.08196,-0.0614,-0.02655,0.05769,-0.01833,0.0025,-0.00756,0.00117,-0.05182,0.08809,0.07281,0.03401,0.02666,-0.02594,-0.01184,-0.00031,-0.01966,-0.0109,-0.06555,-0.0578,0.01069,-0.02833,0.06349,-0.09571,0.01982,0.05384,-0.05669,0.04956,0.07699,-0.00133,0.01815,0.03072,0.07068,0,-0.05184,0.02763,-0.00532,0.04742,0.03348,-0.05444,0.00656,0.01562,0.03002,0.00884,-0.00063,0.05176,0.02555,-0.03575,0.05049,0.0162,-0.01331,-0.08278,0.06086,-0.08252,0.04012,0.07032,-0.08016,-0.10074,-0.02442,0.09654,-0.05647,-0.02348,-0.01319,0.03305,0.00438,-0.03313,0.00089,-0.07736,-0.02951,-0.04325,-0.01097,0.03016,-0.05102,-0.07127,-0.02581,0.03082,-0.01045,0.02158,-0.05122,0.09412,-0.06462,-0.02406,-0.00356,-0.03842,-0.07778,0.01136,0.03147,-0.08292,-0.01193,0.02694,0.06298,0.04146,-0.01922,-0.01253,-0.05172,0.0083,0.00015,-0.0682,-0.05512,-0.00693,-0.06442,-0.07582,0.04641,0.08761,0.01243,0.09572,-0.03054,0.04923,0.06928,0.06994,0.12849,0.03965,0.07192,-0.02958,-0.03886,0.06626,-0.00386,0.06013,0.0834,0.03637,-0.11097,-0.06186,0.03055,0.07597,-0.00639,-0.0355,-0.00776,0.04726,0.03309,0,-0.06931,0.00052,0.01486,-0.0725,0.00409,0.01328,0.02963,0.02588,0.00045,-0.01082,0.02749,0.06591,-0.03294,0.00289,0.03995,0.06137,0.04812,-0.01103,-0.01475,-0.05955,0.00142,0.01967,0.01884,0.10869,-0.05091,-0.00848,0.06818,0.00136,0.01316,-0.0381,-0.09662,0.03423,0.05252,0.08263,0.01123,-0.05511,-0.09334,-0.0111,-0.06462,0.02694,0.03998,0.05017,0.03157,-0.05117,0.0043,0.0587,0.00554,-0.0666,-0.06134,0.04206,-0.11431,-0.01936,-0.1211,0.03598,0.00969,0.00314,-0.02339,-0.04933,0.00988,0.01292,-0.04525,0.02169,0.01425,-0.03947],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. GitHub and install For Nx workspaces: Or install it manually with the required companion packages: If you want layout engines on top of the core diagram surface: or: If your app already owns Flow styling, both layout packages also support --skipTheme. Use Dagre for lighter hierarchical layouts and ELK.js when you need a richer algorithm set and more tuning options. If you need a diagram surface that still behaves like an Angular product screen, Foblex Flow is a better fit than a static renderer. Git Hub skip Theme","excerpt":"GitHub and install For Nx workspaces: Or install it manually with the required companion packages: If you want layout engines on top of the core diagram surface: or: If your app already owns Flow styling, both layout packages also support --skipTheme. Use Dagre for lighter hierarchical layouts and ELK.js when you need a richer algorithm set and more tuning options. If you need a diagram surface that still behaves like an Angular product screen, Foblex Flow is a better fit than a static renderer."},{"chunkId":"/docs/angular-ai-agent-builder#0","slug":"angular-ai-agent-builder","route":"/docs/angular-ai-agent-builder","section":"docs","title":"Angular AI Agent Builder","description":"Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo.","group":"Use Cases","vector":[-0.09031,-0.01208,-0.07002,0.02604,0.05048,0.00551,-0.08434,0.0289,0.0153,0.04847,-0.10723,-0.05732,-0.0038,-0.01614,0.10485,0.09178,0.01695,0.04108,0.01092,-0.05341,-0.02149,0.00984,0.00632,-0.04978,-0.01841,0.03833,0.0342,-0.03803,0.07324,-0.03719,0.01863,0.05131,0.00416,0.0595,-0.07683,0.13867,-0.0461,0.01694,-0.01568,-0.05249,0.03604,0.04539,-0.02252,-0.1298,-0.0144,-0.04352,-0.07819,-0.05167,-0.07529,0.05386,-0.13071,-0.13762,-0.07673,0.01632,-0.02197,0.00142,0.05107,-0.05906,-0.00972,0.00152,0.02956,-0.02476,0.01838,0.05096,0.04398,0.0607,-0.10054,0.07112,-0.01911,-0.09801,-0.00641,-0.05812,-0.01025,-0.03537,-0.00103,-0.01882,-0.04833,0.03166,0.06032,-0.03848,-0.04005,0.03025,-0.00214,0.1156,-0.01376,0.13487,0.05716,-0.02537,0.04399,0.00281,0.00185,0.00753,0.0487,0.04315,0.09435,0.0461,-0.01716,-0.05332,-0.0904,0.04237,-0.07422,-0.05907,0.05588,-0.02626,-0.06627,-0.00879,0.05196,-0.03257,-0.00699,-0.02677,0.00032,0.02952,0.0219,-0.0997,0.02507,-0.04682,0.02402,0.00413,0.03917,0.09759,0.03291,0.00036,0.01082,0.01884,0.12801,0.00385,-0.01232,0,0.04809,0.05175,-0.03043,0.04688,0.11728,-0.00664,0.07679,-0.0668,-0.03336,0.02483,0.00039,0.05424,-0.06854,0.06873,0.01446,-0.12955,-0.01246,0.01072,-0.0296,-0.00035,0.03306,-0.06222,-0.00654,0.04945,0.07478,0.07602,0.01907,-0.01958,-0.02339,0.02682,0.02245,0.04203,-0.01438,0.04605,-0.07221,0.02734,-0.12163,-0.05868,-0.01644,0.02074,-0.00599,-0.03972,-0.07305,-0.03587,-0.02399,-0.07364,-0.05667,0.00372,0.09698,0.0307,0.03221,0.07473,0.01937,0.01575,0.05205,-0.05521,-0.01589,0.05829,0.02674,0.03763,0.01453,0.03694,-0.01106,0.02974,0.05244,0.02077,0.02642,-0.01157,0.10129,-0.04182,-0.04244,0.03168,-0.00787,0.04656,-0.01863,-0.08142,-0.02754,-0.02195,0.08298,-0.05718,-0.02829,-0.00645,-0.03267,0.02892,0.09546,-0.05393,-0.08796,-0.06697,-0.0807,0.01432,0.02174,0.00029,-0.01891,0.04229,-0.01282,0,-0.0191,-0.01942,-0.05865,0.0881,0.01883,-0.07297,-0.01187,-0.01149,0.0537,0.08916,0.05186,0.04198,-0.01294,-0.00156,0.01272,-0.03584,0.01338,-0.12721,0.09146,-0.0282,0.07033,0.04286,0.00229,-0.03503,-0.05483,0.03127,0.0042,0.0332,0.03754,-0.01408,0.0142,-0.00434,-0.05248,-0.05314,-0.0552,0.01682,0.05866,0.06154,-0.02787,-0.05692,0.05391,-0.04526,0.00082,-0.02246,-0.0921,-0.00413,-0.04822,0.01456,-0.0473,-0.02836,-0.02125,0.03387,-0.00997,-0.07919,-0.11784,-0.00447,0.0853,-0.01233,-0.03153,0.01118,-0.01965,-0.00393,0.03686,-0.02234,0.00208,0.05329,-0.07736,0.01837,-0.02281,0.00174,0.0586,-0.0007,-0.04552,0.03244,0.05779,0.01438,0.0429,-0.0699,0.05469,-0.02953,-0.01419,0.06494,-0.0128,0.02434,0.02235,0.04117,-0.10402,-0.00083,0.06062,0.0677,-0.08632,0.05402,-0.00391,-0.01961,-0.05772,0,-0.08421,0.01385,-0.00048,-0.0095,0.02833,-0.02049,-0.03699,0.03084,0.02778,-0.0124,0.04675,0.02629,-0.05955,0.01451,0.1072,-0.00046,-0.05501,0.02813,-0.03453,-0.10156,0.05868,0.03765,0.00957,0.0353,0.04568,-0.05555,-0.03169,0.01429,-0.05404,0.06307,0.00413,0.07674,0.0877,0.02026,-0.02567,0.04954,-0.02184,-0.06936,-0.03732,-0.01639,0.04588,0.03197,0.00835,-0.0545,-0.03791,0.03328,-0.03014,-0.11696,0.03778,-0.04983,-0.06696,-0.01255,-0.07837,0.07852,0.02908,0.02211,0.0072,-0.05805,0.08013,0.02857,-0.0279,0.01781,0.06933,-0.02927],"keywords":"Angular AI Agent Builder Angular AI Agent Builder Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo. Angular AI Agent Builder Visual AI builders — agent pipelines, RAG flows, prompt chains, low-code LLM tools — are node editors underneath: steps with configuration, wires with meaning, validation on what may connect to what. Foblex Flow gives Angular teams that editor layer, while your application keeps the semantics: which node is a model call, what flows through an edge, and what happens on run.","excerpt":"Angular AI Agent Builder Visual AI builders — agent pipelines, RAG flows, prompt chains, low-code LLM tools — are node editors underneath: steps with configuration, wires with meaning, validation on what may connect to what. Foblex Flow gives Angular teams that editor layer, while your application keeps the semantics: which node is a model call, what flows through an edge, and what happens on run."},{"chunkId":"/docs/angular-ai-agent-builder#1","slug":"angular-ai-agent-builder","route":"/docs/angular-ai-agent-builder","section":"docs","title":"Angular AI Agent Builder","description":"Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo.","group":"Use Cases","vector":[-0.09782,-0.04866,-0.08366,0.05433,0.04791,0.07957,-0.05943,0.0325,-0.00226,0.05913,-0.07587,-0.078,-0.01447,-0.0285,0.09201,0.09173,0.05716,-0.03226,-0.07536,-0.04196,-0.01338,-0.04143,0.00258,-0.03521,-0.02079,0.0186,0.02614,-0.04612,0.05488,-0.04595,-0.01136,-0.01649,-0.01172,0.03008,-0.08779,0.08896,0.00942,-0.0247,-0.04936,-0.07925,0.06127,-0.01639,-0.01668,-0.0889,0.00592,-0.01421,-0.05612,-0.06426,-0.07479,0.08622,-0.10474,-0.07212,-0.03395,0.0544,-0.00038,0.05429,0.05739,-0.03327,-0.02804,-0.00918,-0.01842,-0.05285,0.05172,0.01902,0.04003,0.06332,-0.09825,-0.02775,0.02767,-0.06886,-0.02324,-0.05566,0.02897,-0.04874,-0.0027,-0.01776,-0.05243,0.03567,0.07327,-0.0128,-0.01015,0.07296,-0.02182,0.08743,-0.02191,0.11227,0.03824,-0.02126,0.03003,0.01214,0.01585,-0.00887,0.03846,0.0387,0.0882,0.03228,-0.03097,-0.04592,-0.04111,0.03933,-0.02735,-0.01277,0.06671,-0.01106,-0.07737,-0.04046,-0.0001,0.00186,0.00225,-0.02718,0.00205,0.00658,0.03753,-0.07436,0.04564,-0.00152,0.00492,-0.01289,0.11244,0.0996,0.0158,-0.00906,-0.00256,0.00544,0.1308,0.011,-0.00961,0,0.04603,0.04626,-0.06269,0.03909,0.07385,0.00013,0.06987,-0.01812,-0.04099,-0.00969,-0.01313,0.05693,-0.07938,0.05611,0.06204,-0.14024,0.0181,0.01884,-0.01733,0.01005,0.05366,-0.07829,-0.01533,0.01917,0.10201,0.07183,0.00793,0.04679,-0.04823,0.01076,0.00734,0.01687,-0.01642,0.00609,-0.06761,-0.02707,-0.11834,-0.04975,-0.06163,-0.00446,0.01716,-0.03335,-0.07111,-0.01985,-0.0045,-0.08176,-0.03209,0.03247,0.08561,-0.00623,0.03455,0.05511,-0.00364,-0.03584,0.04166,-0.03989,-0.04824,0.07952,0.03161,0.03277,-0.01647,0.00829,0.00215,0.04223,0.04419,0.06182,-0.00121,-0.03253,0.09558,-0.06118,-0.03575,0.01746,-0.03609,-0.00013,0.00889,-0.04881,-0.01156,-0.05738,0.02803,-0.06603,-0.01185,-0.02026,-0.0727,0.09085,0.10922,-0.09231,-0.06358,-0.06344,-0.08015,0.01771,0.03497,0.03071,0.0144,0.03998,-0.02675,0,0.00244,-0.02888,-0.10131,0.09295,-0.00361,-0.06005,-0.03061,-0.01146,0.05798,-0.00262,0.00807,0.04159,0.03549,-0.00192,-0.08714,0.00246,-0.01392,-0.13199,0.08585,-0.01493,0.06142,0.06719,-0.01051,-0.00027,-0.07985,0.0659,-0.00236,0.03593,0.01171,0.00268,0.00179,0.02389,-0.0653,-0.027,-0.03166,-0.01324,0.05396,0.02597,-0.01199,-0.00653,0.08228,-0.00119,-0.00402,-0.00498,-0.07003,0.02082,-0.06452,0.00685,-0.03997,0.01613,-0.03322,0.02229,-0.04337,-0.03289,-0.13774,-0.0073,0.09658,-0.03499,-0.03401,0.02953,-0.02016,-0.02071,0.04405,0.00093,0.02484,0.02773,-0.02152,0.01129,0.05012,-0.00393,0.06927,-0.01273,-0.00768,0.03803,0.03884,0.00165,0.05096,-0.08746,0.05713,-0.02619,-0.03803,0.07409,0.00835,0.00057,0.04446,0.06021,-0.06286,0.0201,0.06829,0.07768,-0.06654,0.07226,-0.03687,-0.00935,-0.07288,0,-0.08502,0.03964,-0.03187,0.01408,0.04943,-0.05355,-0.00828,-0.0029,0.02581,-0.03465,0.01751,0.01086,-0.08553,-0.00069,0.15513,-0.00599,0.0149,0.05321,-0.05397,-0.06915,0.05778,-0.00213,-0.01105,0.04574,0.04414,-0.06843,0.00895,0.05485,-0.01482,0.08906,0.0065,0.05681,0.09747,0.02291,-0.06477,0.06154,0.01088,-0.08228,-0.02645,0.00874,0.08124,0.02583,-0.03631,-0.0892,-0.05758,0.0184,-0.04481,-0.13003,0.03746,0.01659,-0.07239,-0.02978,-0.04987,0.08808,0.06258,-0.02155,0.03387,-0.04366,0.1045,0.03392,0.02641,0.023,0.04996,-0.0332],"keywords":"Angular AI Agent Builder Angular AI Agent Builder Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo. What an AI builder needs from the canvas - Nodes that are real forms: model pickers, prompt textareas, parameter sliders — any Angular component becomes a node with fNode, with your validation and your state management inside. - Typed wiring: fCanBeConnectedTo and connector categories express \"an LLM output feeds a parser, not a trigger\" — the library enforces connectability, your app owns the schema. - Live feedback: connection markers, gradients and labels for streaming state; node classes for running/failed states; auto-pan and minimap for large pipelines. - Editing at production quality: drag/click/keyboard connection creation, reassign, undo-friendly events, multi-select, copy-paste patterns — all emitted as events (fCreateConnection, fMoveNodes, fDeleteSelected) so persistence and history stay in your store. - Scale and a11y: virtualization for hundred-node pipelines and an opt-in keyboard layer, so the builder passes enterprise accessibility review. f Node f Can Be Connected To f Create Connection f Move Nodes f Delete Selected","excerpt":"What an AI builder needs from the canvas - Nodes that are real forms: model pickers, prompt textareas, parameter sliders — any Angular component becomes a node with fNode, with your validation and your state management inside. - Typed wiring: fCanBeConnectedTo and connector categories express \"an LLM output feeds a parser, not a trigger\" — the library enforces connectability, your app owns the schema. - Live feedback: connection markers, gradients and labels for streaming state; node classes for running/failed states; auto-pan and minimap for large pipelines. - Editing at production quality: drag/click/keyboard connection creation, reassign, undo-friendly events, multi-select, copy-paste patterns — all emitted as events (fCreateConnection, fMoveNodes, fDeleteSelected) so persistence and history stay in your store. - Scale and a11y: virtualization for hundred-node pipelines and an opt-in keyboard layer, so the builder passes enterprise accessibility review."},{"chunkId":"/docs/angular-ai-agent-builder#2","slug":"angular-ai-agent-builder","route":"/docs/angular-ai-agent-builder","section":"docs","title":"Angular AI Agent Builder","description":"Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo.","group":"Use Cases","vector":[-0.11418,-0.02167,-0.05169,0.02909,0.01803,-0.01203,-0.04759,0.0482,-0.03409,0.05412,-0.11174,-0.03517,0.00261,-0.02873,0.11485,0.11602,0.02074,0.03703,-0.0005,-0.05843,-0.04182,0.01353,-0.01849,-0.06776,-0.00484,0.03527,0.06417,-0.04578,0.07505,-0.02973,0.03243,0.00623,0.02826,0.02912,-0.097,0.12993,-0.01168,-0.02902,-0.01131,-0.05,0.03073,0.08175,-0.01596,-0.11204,-0.01539,-0.02847,-0.08594,-0.04487,-0.05046,-0.0132,-0.11964,-0.11731,-0.04156,-0.0229,-0.03451,-0.02046,0.04115,-0.05233,-0.00398,0.01251,0.08079,-0.01135,0.05133,0.00936,0.02383,0.04508,-0.08174,0.05609,0.00911,-0.11428,-0.01589,-0.07414,-0.00261,-0.01908,-0.03444,-0.02507,-0.03575,0.03447,0.08135,-0.00295,-0.03365,0.04113,0.0006,0.10941,-0.01336,0.10032,0.03656,0.02487,0.03065,0.00271,0.04286,-0.00253,0.05654,0.01496,0.12307,0.03605,-0.01302,-0.06155,-0.09511,0.05449,-0.09234,-0.00414,0.03843,-0.00321,-0.08159,0.01881,0.07731,-0.02391,0.00737,-0.02058,-0.00562,0.0111,0.02538,-0.08337,0.02294,-0.02099,0.02035,0.00863,0.04426,0.07864,0.006,-0.01749,0.01293,0.0359,0.15004,0.04517,-0.02903,0,0.05308,0.08818,-0.0165,0.01676,0.09434,-0.05552,0.04559,-0.05051,-0.0215,0.04202,0.04781,0.04703,-0.08752,0.07752,0.02895,-0.13809,0.00505,0.00813,0.01113,-0.02116,0.00036,-0.07533,0.00811,0.07482,0.10452,0.04693,0.04445,-0.0213,-0.01083,0.00054,0.03104,0.02224,-0.02653,0.0644,-0.07876,-0.00386,-0.13693,-0.02997,-0.02283,0.07105,0.00364,-0.01334,-0.04511,-0.04927,-0.02124,-0.05838,-0.02788,-0.02095,0.11179,-0.01311,-0.00057,0.07291,-0.02871,0.03792,0.05032,-0.06792,-0.03363,0.07539,0.05771,0.03545,-0.00355,0.01226,-0.00562,0.02071,0.01717,-0.01034,-0.00952,-0.01992,0.08804,-0.02117,0.02102,-0.00736,-0.01832,0.03695,-0.02895,-0.04186,-0.03125,-0.01362,0.06349,-0.07278,-0.00943,0.0464,-0.00952,0.08038,0.12414,-0.05686,-0.07551,-0.02806,-0.08437,0.00014,0.00666,0.02684,-0.02765,0.00185,-0.02614,0,-0.04431,-0.01865,-0.05747,0.05946,0.0253,-0.0659,0.00641,0.00496,0.06205,0.07987,0.02652,0.01622,0.04857,0.01273,0.00131,-0.03076,-0.03313,-0.09757,0.09277,-0.01565,0.06073,0.07743,0.0072,-0.04765,-0.03951,0.03195,-0.05121,0.03867,0.01104,-0.00613,0.00851,0.01324,-0.02601,-0.06309,-0.05735,0.01426,0.04969,0.06223,-0.06261,-0.04542,0.06464,-0.04826,0.03119,-0.04473,-0.06969,0.00323,-0.06877,0.02689,-0.03018,-0.03794,-0.03221,0.01455,0.00288,-0.08608,-0.1216,-0.05342,0.0929,0.01775,-0.03007,0.05257,-0.02722,-0.03183,0.0532,-0.0154,-0.01877,0.02414,-0.06983,0.04028,-0.03868,-0.03197,0.03486,-0.02588,-0.02306,0.05146,0.03654,0.01049,0.0504,-0.03262,0.0917,-0.03708,-0.00418,0.06003,-0.0188,-0.00048,0.04758,0.05686,-0.06699,-0.04377,0.04915,0.11199,-0.10642,0.09204,0.00234,-0.00141,-0.05191,0,-0.04808,-0.0006,0.00933,0.00278,0.02242,-0.01809,-0.01913,-0.02185,0.02271,-0.01102,0.02927,-0.01221,-0.03124,0.00563,0.08129,0.00636,-0.03748,0.03687,-0.01809,-0.06906,0.09027,0.03132,0.02138,0.01958,0.03447,-0.0692,0.00748,0.00101,-0.0594,0.0591,-0.00153,0.09886,0.09993,0.00796,0.00611,0.00862,-0.04253,-0.06011,-0.04532,-0.04256,0.02877,0.03969,-0.00829,-0.08048,-0.00823,0.0202,-0.06783,-0.115,0.04615,-0.02133,-0.04518,-0.03847,-0.0475,0.0698,0.06471,0.00825,0.01686,-0.01899,0.07377,0.01706,-0.00224,0.02963,0.05741,-0.03905],"keywords":"Angular AI Agent Builder Angular AI Agent Builder Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo. Proof it works: the AI Low-Code Platform demo The flagship AI Low-Code Platform example is a front-end-only AI IDE built on these primitives: custom node types with config panels and validation, JSON import/export, themes, undo/redo, persistence, animated connections. It is open source — read it as a reference architecture for your own builder. There is also a step-by-step article series: Building an AI Low-Code Platform in Angular.","excerpt":"Proof it works: the AI Low-Code Platform demo The flagship AI Low-Code Platform example is a front-end-only AI IDE built on these primitives: custom node types with config panels and validation, JSON import/export, themes, undo/redo, persistence, animated connections. It is open source — read it as a reference architecture for your own builder. There is also a step-by-step article series: Building an AI Low-Code Platform in Angular."},{"chunkId":"/docs/angular-ai-agent-builder#3","slug":"angular-ai-agent-builder","route":"/docs/angular-ai-agent-builder","section":"docs","title":"Angular AI Agent Builder","description":"Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo.","group":"Use Cases","vector":[-0.11731,-0.01878,-0.05077,-0.01881,0.07239,0.00622,-0.02387,0.04828,-0.01268,0.04949,-0.10611,-0.06563,-0.01513,0.02214,0.11106,0.07585,0.03777,-0.00131,-0.01113,-0.02112,-0.02637,-0.03517,-0.00156,-0.06846,0.01363,0.05787,0.03367,-0.08315,0.10033,-0.04962,0.02475,0.05287,0.0164,0.0325,-0.09541,0.09499,-0.06558,-0.00282,-0.01407,-0.09536,0.02083,0.05996,-0.04653,-0.09834,0.0121,-0.03492,-0.0493,-0.03659,-0.0138,0.03297,-0.13455,-0.13749,-0.06611,0.02439,-0.03339,0.00464,0.05218,-0.02741,0.02401,0.03048,0.04706,-0.04188,0.04254,0.056,0.07459,0.03483,-0.11679,0.02233,-0.01825,-0.08115,0.00736,-0.03941,0.03627,-0.03899,0.01203,-0.04111,-0.06388,0.02376,0.07792,-0.02293,-0.01952,0.05013,-0.01623,0.11156,0.01601,0.1141,0.04587,-0.03579,0.0251,-0.01858,0.01512,0.00176,0.0398,0.03986,0.071,0.00154,-0.0151,-0.01428,-0.11941,0.0288,-0.04348,-0.05512,0.05747,0.00158,-0.09999,-0.02482,0.01522,-0.03489,-0.00108,0.02383,-0.04555,0.02288,0.01513,-0.05717,0.01741,-0.04986,-0.01533,-0.01124,0.0595,0.05254,0.02252,0.02179,0.02748,0.01267,0.124,0.04086,-0.02403,0,-0.00388,0.06626,-0.02714,0.0461,0.09266,-0.03604,0.05005,-0.03079,0.00179,0.05097,0.00276,0.09037,-0.05916,0.10542,0.0708,-0.10492,0.00143,-0.02177,-0.0059,0.00769,0.04293,-0.07956,-0.01075,0.05972,0.08861,0.06833,0.01291,0.03235,-0.07477,0.03046,-0.00984,0.0369,-0.03143,0.05704,-0.08,-0.02467,-0.10562,-0.08101,-0.01568,0.04915,-0.01968,-0.01499,-0.07505,0.00095,-0.00254,-0.05858,-0.04231,0.01433,0.09688,0.03209,-0.00699,0.06752,0.01948,-0.00876,0.0591,-0.07608,-0.01529,0.02102,0.0464,0.01454,0.00525,0.01648,-0.01108,0.05569,-0.00869,0.02062,0.03041,0.00465,0.05111,-0.02331,-0.0316,0.02925,-0.00589,0.02611,-0.00475,-0.07077,-0.01575,0.01534,0.07716,-0.05961,-0.03089,0.00897,-0.02815,0.04877,0.09905,-0.06726,-0.05604,-0.06826,-0.08729,0.02822,0.01686,-0.01145,-0.01366,0.03446,-0.04098,0,-0.035,-0.04946,-0.04711,0.05774,0.01515,-0.04871,-0.01789,-0.01446,0.07483,0.07452,0.02444,0.05698,0.03324,0.02535,-0.02326,0.02499,-0.00443,-0.11416,0.06127,-0.06963,0.08486,0.05167,-0.0089,-0.03098,-0.07719,0.05942,-0.0233,0.02478,0.01202,0.01799,0.00815,-0.01455,-0.06714,-0.02933,-0.03458,0.00918,0.05474,0.01098,-0.04502,-0.07061,0.04569,-0.05181,0.01204,0.00516,-0.09321,-0.02258,-0.0496,0.01476,-0.04632,-0.0305,-0.00442,0.03371,0.00296,-0.10457,-0.13041,-0.01529,0.09747,0.01324,-0.01107,0.03139,0.03359,0.00221,0.00202,-0.01418,-0.02333,0.0628,-0.05146,0.03815,0.02008,0.00477,0.09135,0.00125,-0.06841,0.05273,0.0182,0.05832,0.08843,-0.04247,0.04466,-0.05473,0.00262,0.05157,0.02293,-0.01662,0.05958,0.05465,-0.12897,-0.06286,0.06289,0.07135,-0.08247,0.06885,-0.04129,0.02488,-0.00363,0,-0.06282,0.01921,0.02001,-0.01219,0.03076,-0.03829,-0.03487,0.00583,0.00626,-0.01596,0.03175,-0.00829,-0.0142,0.0317,0.11504,0.03408,-0.04338,0.04826,-0.04982,-0.08907,0.07453,0.03603,0.02328,0.0203,0.01329,-0.06694,-0.02254,0.01018,-0.03104,0.09098,-0.03079,0.07919,0.05453,0.03703,-0.01067,0.00992,-0.01266,-0.08696,-0.06932,-0.02674,0.00898,0.03918,-0.00063,-0.05537,-0.02604,0.02214,-0.04614,-0.12801,0.04613,-0.02526,-0.05492,-0.02632,-0.07601,0.08074,0.0666,-0.00331,-0.01032,-0.03996,0.07179,0.04368,-0.03796,-0.00969,0.06591,-0.02993],"keywords":"Angular AI Agent Builder Angular AI Agent Builder Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo. Why Angular-native matters here AI builders live inside products — admin panels, internal tools, SaaS dashboards — that in the Angular world already have DI, forms, guards and design systems. A React-based canvas forces a framework island exactly where the deepest product integration happens. Foblex Flow keeps the canvas inside your Angular architecture: signals, SSR, zoneless, ng add and done. Saa S","excerpt":"Why Angular-native matters here AI builders live inside products — admin panels, internal tools, SaaS dashboards — that in the Angular world already have DI, forms, guards and design systems. A React-based canvas forces a framework island exactly where the deepest product integration happens. Foblex Flow keeps the canvas inside your Angular architecture: signals, SSR, zoneless, ng add and done."},{"chunkId":"/docs/angular-ai-agent-builder#4","slug":"angular-ai-agent-builder","route":"/docs/angular-ai-agent-builder","section":"docs","title":"Angular AI Agent Builder","description":"Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo.","group":"Use Cases","vector":[-0.09403,-0.01361,-0.0855,0.00768,0.02251,0.02524,-0.04548,0.02804,-0.01342,0.07159,-0.08736,-0.05548,-0.00372,0.01163,0.10079,0.10918,0.01101,0.04939,-0.01273,-0.05577,-0.02866,0.02455,0.00696,-0.06538,-0.01404,0.03571,0.06629,-0.07362,0.06579,-0.03445,0.02493,0.00505,0.02329,0.03181,-0.09178,0.10643,-0.06056,0.02064,0.00506,-0.04678,0.04126,0.06058,-0.01066,-0.13531,-0.02111,-0.01179,-0.07622,-0.02585,-0.0439,0.05651,-0.14009,-0.12323,-0.0657,0.01066,-0.02829,-0.03921,0.0445,-0.06368,0.00271,-0.01622,0.04442,-0.0368,0.04853,0.02548,0.04168,0.04936,-0.0945,0.05364,-0.00616,-0.09391,-0.01148,-0.07352,0.0054,-0.04979,-0.02399,-0.02159,-0.05573,0.03434,0.08482,-0.00258,-0.03088,0.03003,0.01314,0.11528,-0.00059,0.10635,0.03208,-0.00933,0.0497,-0.03374,0.03389,0.01699,0.03716,0.04577,0.11347,0.05158,-0.03326,-0.06495,-0.10178,0.0381,-0.07638,-0.04446,0.04288,-0.00035,-0.0728,-0.01047,0.06593,-0.03544,-0.01425,-0.0426,0.01646,0.01071,0.02995,-0.08428,0.04612,-0.02599,0.00654,0.01864,0.02019,0.08085,0.04663,-0.01159,-0.00483,0.01974,0.1591,0.03912,0.01467,0,0.04172,0.06886,-0.03098,0.03878,0.0935,-0.03126,0.05182,-0.05183,-0.00519,0.03417,0.03541,0.04885,-0.07313,0.05542,-0.00919,-0.1274,0.00762,0.02785,-0.02679,0.00002,0.02696,-0.05694,0.00057,0.04571,0.06898,0.08392,0.01871,-0.0072,-0.01187,0.00582,0.04103,0.05943,-0.05474,0.03906,-0.06719,-0.00619,-0.1188,-0.03842,-0.01292,0.04053,-0.01001,-0.03523,-0.05004,-0.04071,-0.04789,-0.05433,-0.0499,0.01995,0.12294,0.02594,0.01463,0.06804,-0.0071,0.02634,0.06704,-0.04281,-0.05271,0.09939,0.04271,0.0158,-0.0082,0.02429,0.03399,0.03305,0.02128,-0.02881,0.02435,0.00364,0.09909,-0.02467,-0.00963,0.01272,-0.00486,0.03553,-0.01027,-0.0582,0.00945,-0.00775,0.06481,-0.06279,-0.03375,0.00967,-0.01456,0.03109,0.10946,-0.06078,-0.0761,-0.07706,-0.06712,-0.02412,0.00534,0.02726,-0.03327,0.0199,-0.0149,0,-0.00929,-0.02466,-0.05596,0.06886,0.01104,-0.08054,0.00486,0.00033,0.05623,0.07556,0.05698,0.06393,-0.00294,0.01176,0.02147,-0.0266,0.02178,-0.10438,0.08916,-0.04405,0.07697,0.02927,-0.00395,-0.04598,-0.05562,0.07102,0.00634,0.0405,0.03046,0.01457,0.01809,0.01349,-0.03707,-0.03924,-0.06595,0.01897,0.07447,0.05618,-0.05535,-0.01758,0.06817,-0.0524,0.03387,-0.03117,-0.08926,-0.0328,-0.01711,0.01582,-0.03819,-0.01345,-0.01499,0.01519,-0.01322,-0.08213,-0.12302,-0.02526,0.08912,-0.01689,-0.01968,0.01887,-0.037,-0.00011,0.04568,-0.01844,-0.03359,0.04173,-0.06713,0.00307,-0.00974,-0.01372,0.06332,-0.02513,-0.03406,0.06516,0.0686,0.03272,0.06818,-0.03752,0.06585,-0.04398,0.02598,0.05264,-0.01296,-0.00365,0.032,0.0522,-0.09772,-0.04132,0.05995,0.06965,-0.09987,0.05325,0.01177,-0.01887,-0.04564,0,-0.09749,0.00905,0.03237,-0.00356,0.03484,-0.01659,-0.05582,0.00421,0.00262,-0.02067,0.04952,0.01857,-0.02251,0.0043,0.10261,0.00045,-0.05277,0.00349,-0.02982,-0.07897,0.06944,0.02167,0.0216,0.01799,0.01773,-0.04248,-0.04073,-0.02111,-0.04433,0.07657,0.01185,0.08671,0.1077,0.00153,-0.01085,0.0298,-0.03475,-0.08918,-0.07277,-0.02446,0.03472,0.03584,0.02094,-0.06419,-0.02668,0.02933,-0.04522,-0.11394,0.03809,-0.03865,-0.07995,-0.02203,-0.07313,0.07672,0.02879,-0.01035,0.03292,-0.04624,0.06824,0.03165,-0.03664,0.02946,0.04163,-0.0389],"keywords":"Angular AI Agent Builder Angular AI Agent Builder Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo. Start Get Started covers the first editor in minutes; the examples gallery covers the rest.","excerpt":"Start Get Started covers the first editor in minutes; the examples gallery covers the rest."},{"chunkId":"/docs/angular-flowchart-library#0","slug":"angular-flowchart-library","route":"/docs/angular-flowchart-library","section":"docs","title":"Angular Flowchart Library","description":"Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained.","group":"Use Cases","vector":[-0.07271,0.01451,-0.09188,0.00346,0.02817,0.05477,-0.03645,0.0407,0.05505,-0.01922,-0.08659,-0.02794,-0.06821,0.02472,0.05059,0.01436,-0.08793,0.01748,0.04319,-0.03322,0.02645,0.01897,0.00339,0.00596,0.02241,0.09541,-0.0189,0.00608,0.05535,-0.05153,0.02968,0.05392,0.01829,0.03063,-0.12758,0.0367,0.04652,0.01763,-0.02184,0.02164,0.01932,0.05276,0.02472,-0.02738,-0.08611,0.02104,-0.11318,-0.03711,-0.0494,0.14852,-0.10217,-0.11779,-0.05149,0.05789,0.05838,-0.00347,0.00832,-0.08155,0.06872,0.00331,0.00312,0.03763,0.04167,0.07643,0.0152,-0.00055,-0.06288,0.06826,0.01244,-0.07011,-0.0367,-0.07797,0.08051,-0.00703,-0.03903,-0.01383,-0.02144,0.00265,-0.01546,-0.00233,-0.01164,0.04192,0.00196,0.06481,-0.02286,0.09138,0.05072,-0.05607,-0.00865,-0.0282,-0.01676,0.05368,0.0452,-0.03983,0.02081,0.03493,0.00828,-0.05981,-0.05065,0.00914,0.0013,-0.08593,0.07637,0.03386,-0.04194,-0.07005,0.02781,0.00821,0.03955,-0.00776,-0.04513,0.0067,0.0047,-0.061,-0.05153,-0.02144,-0.12354,-0.07698,0.04815,0.07083,0.01208,0.03496,0.04429,0.01219,0.05779,-0.02022,0.02615,0,0.01447,0.02809,-0.01666,0.033,0.09473,-0.03498,-0.06036,-0.10453,-0.00439,0.02208,0.01442,0.09052,-0.0948,0.07787,-0.024,-0.06578,-0.00492,-0.00782,0.00745,0.00974,0.0396,-0.07612,0.02227,0.01503,-0.00447,0.08185,0.03448,0.05661,-0.04284,0.03672,0.05035,-0.04911,-0.02886,-0.04365,0.00202,-0.03761,-0.07935,-0.07075,-0.01677,-0.01151,-0.01921,-0.08319,-0.08937,0.01386,-0.04196,0.02183,-0.06433,-0.01065,0.04969,0.01067,0.01491,0.06061,-0.01759,-0.00247,0.05475,-0.04886,-0.01112,0.07883,-0.00731,0.04469,0.00507,0.11889,-0.01393,-0.09862,0.0412,0.03867,-0.004,0.0077,0.06878,-0.04171,-0.08121,0.00019,0.05018,0.02349,0.04284,-0.0002,0.02074,0.02136,0.03266,-0.06757,-0.07592,-0.10465,0.06719,0.02376,0.06516,-0.09563,-0.00705,-0.02272,-0.10332,0.00267,0.08695,0.00493,0.01335,-0.02206,0.05182,0,-0.05396,0.04742,0.00055,0.09107,0.07773,-0.02511,0.04371,0.08186,0.0693,0.03824,-0.00017,0.02898,-0.02829,-0.04514,0.08393,0.0035,0.00205,-0.08236,0.04265,-0.07945,0.00219,0.02986,-0.05273,-0.01904,-0.05566,0.07022,0.02004,-0.04025,0.00747,-0.05969,0.0006,0.00738,-0.06442,-0.07895,-0.04779,-0.08991,0.09616,0.02672,-0.04191,-0.04095,0.03197,-0.01525,-0.03085,-0.0226,-0.07773,0.0476,-0.06035,-0.00191,0.05563,0.02184,-0.01388,0.04251,0.01011,-0.07788,-0.03194,-0.00617,0.06612,0.04636,0.02194,0.00145,-0.07627,-0.00085,0.04521,-0.03149,0.04021,0.00598,-0.04251,-0.06362,0.00816,0.06577,0.08086,0.05603,-0.00253,0.0425,0.06192,0.01814,0.09081,-0.00828,0.03767,-0.00266,0.08984,0.09377,0.05074,0.05272,0.08923,-0.03357,-0.10209,-0.07531,0.03171,0.05933,-0.05701,0.04663,-0.05579,0.03117,0.06839,0,-0.08176,-0.04672,-0.07805,-0.05439,0.03247,0.03015,-0.06601,0.02858,0.01827,-0.06495,0.04724,0.05912,-0.00553,-0.02649,0.01178,0.00538,0.02609,0.00848,-0.00521,-0.01716,0.03254,0.03275,0.00359,0.06411,-0.06686,-0.0388,-0.00664,0.01491,0.01215,-0.0674,-0.00988,0.06348,0.06425,0.06027,-0.01902,0.01473,-0.11668,-0.03182,-0.09916,0.03447,0.04283,0.05586,-0.02161,-0.03434,-0.07345,0.02979,-0.01853,-0.07264,-0.05405,0.0058,-0.06489,0.00748,-0.05584,0.06752,-0.01375,0.02955,-0.03459,-0.04846,0.00735,-0.0135,-0.05785,0.01181,0.13237,-0.0508],"keywords":"Angular Flowchart Library Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained. Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: users drag steps, wire them together, and your application decides what the chart means. If you only need to render a static flowchart from text, a generator like Mermaid is the simpler tool — this library is for flowcharts that behave like a product feature.","excerpt":"Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: users drag steps, wire them together, and your application decides what the chart means. If you only need to render a static flowchart from text, a generator like Mermaid is the simpler tool — this library is for flowcharts that behave like a product feature."},{"chunkId":"/docs/angular-flowchart-library#1","slug":"angular-flowchart-library","route":"/docs/angular-flowchart-library","section":"docs","title":"Angular Flowchart Library","description":"Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained.","group":"Use Cases","vector":[-0.05494,-0.01759,-0.0805,0.00327,0.02492,-0.00038,-0.02693,0.03702,0.06696,0.04567,-0.09446,-0.00111,-0.09219,0.04276,0.0361,-0.02059,-0.06725,-0.02816,0.02891,-0.02629,-0.01469,0.01999,0.01702,-0.0091,0.02539,0.06418,-0.03637,-0.02151,0.04446,-0.09637,0.02115,0.04877,0.03663,0.0334,-0.12254,0.01822,0.05313,0.01347,-0.00112,0.0038,0.01107,0.01688,0.01946,-0.03026,-0.07614,0.00566,-0.12903,-0.04897,-0.06849,0.14228,-0.09388,-0.11826,-0.05036,0.08384,0.04052,0.00182,0.00661,-0.07965,0.07572,0.04507,-0.00411,0.01335,0.0001,0.09967,0.02173,0.04244,-0.09057,0.02109,0.02962,-0.08463,-0.00684,-0.03052,0.03257,-0.03531,-0.00139,-0.06057,-0.00332,0.02228,0.00666,-0.02101,-0.02903,0.07052,-0.02365,0.05977,-0.02725,0.07965,0.02767,-0.01967,0.01817,-0.02313,-0.01555,0.06901,0.05435,-0.00541,0.02909,0.01714,-0.00762,-0.0598,-0.07269,0.02884,0.00543,-0.09548,0.07004,0.01694,-0.03723,-0.06265,0.00025,-0.01251,0.03166,-0.01316,-0.04935,-0.02361,0.0128,-0.05042,-0.0282,-0.00721,-0.09822,-0.06129,0.03289,0.06026,0.00514,0.03067,0.02876,-0.05069,0.06901,-0.03916,-0.00642,0,-0.00796,0.02342,-0.03603,0.03691,0.07531,-0.0063,-0.05589,-0.1042,-0.00821,0.02616,0.01507,0.10093,-0.08989,0.05721,0.01999,-0.0801,-0.01556,0.04462,0.00264,0.0389,0.04794,-0.09048,-0.0075,0.05958,0.03863,0.08372,0.03494,0.05336,-0.02345,0.03858,0.02216,-0.04197,-0.01896,-0.03281,0.01215,-0.03443,-0.07315,-0.08165,-0.01729,-0.00266,-0.01945,-0.10195,-0.14247,0.02388,-0.03505,0.00449,-0.07798,-0.01635,0.08611,0.03074,0.0292,0.05686,-0.01304,-0.00584,0.04551,-0.07058,-0.01885,0.11133,0.0134,0.0336,0.03523,0.07061,-0.04754,-0.07863,0.02308,0.02177,-0.04294,-0.00399,0.09895,-0.05928,-0.10904,0.01203,0.03656,0.04171,0.05687,-0.00625,0.00626,0.05944,0.02625,-0.02492,-0.09541,-0.08355,0.02171,0.03052,0.11548,-0.10003,0.00818,-0.01915,-0.10455,0.01791,0.05635,0.04625,0.00667,0.03725,0.05614,0,-0.0572,0.02919,0.00095,0.08322,0.04633,-0.01285,0.0251,0.04723,0.09587,0.02074,-0.00417,0.0286,-0.01757,-0.0342,0.08815,-0.00824,-0.01863,-0.08778,0.03076,-0.06155,0.02612,0.06569,-0.0783,-0.00696,-0.06622,0.0749,0.01364,-0.04993,0.03984,-0.03543,-0.03709,-0.04706,-0.07563,-0.03463,-0.0337,-0.0722,0.09434,0.03675,-0.02921,-0.04728,0.02845,0.00269,-0.04753,-0.02125,-0.07684,0.00559,-0.04381,0.00133,-0.01044,-0.00052,-0.02179,0.05768,0.01688,-0.0711,-0.03016,0.02663,0.08694,0.04765,0.03789,-0.01205,-0.06644,0.02805,0.07563,-0.03219,0.03664,0.01119,-0.01278,-0.0448,0.00842,0.034,0.07456,0.04141,-0.02941,0.03497,0.1002,0.024,0.07756,-0.0336,0.02873,0.01513,0.0284,0.09182,0.06069,0.05218,0.09542,-0.0104,-0.07588,-0.07529,0.04832,0.06212,-0.05509,0.05372,-0.00889,0.01506,0.04552,0,-0.10561,-0.01137,-0.05508,-0.05025,0.05514,0.01206,-0.03816,0.04652,0.01871,-0.01396,0.06064,0.06022,-0.03558,-0.02884,0.03552,-0.00382,0.00857,0.0517,-0.00622,-0.01161,0.043,-0.00507,0.02806,0.06799,-0.08034,-0.06838,-0.0012,0.03255,-0.03648,-0.00337,-0.02249,0.07911,0.10286,0.0424,-0.00015,-0.0319,-0.08284,-0.01275,-0.0713,0.03228,0.03614,0.01808,-0.01806,-0.04141,-0.088,0.06166,-0.04876,-0.06108,-0.05672,-0.02636,-0.06144,-0.00039,-0.04938,0.08399,-0.00811,0.0537,-0.01532,-0.05315,0.02328,-0.02332,-0.04899,0.03274,0.10147,-0.04025],"keywords":"Angular Flowchart Library Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained. When to use it - Process and approval flows users assemble themselves - Decision trees and branching logic editors - Automation and pipeline charts with live state - Call flows, chatbot flows, onboarding flows - Any flowchart where boxes are real UI, not just labeled shapes","excerpt":"When to use it - Process and approval flows users assemble themselves - Decision trees and branching logic editors - Automation and pipeline charts with live state - Call flows, chatbot flows, onboarding flows - Any flowchart where boxes are real UI, not just labeled shapes"},{"chunkId":"/docs/angular-flowchart-library#2","slug":"angular-flowchart-library","route":"/docs/angular-flowchart-library","section":"docs","title":"Angular Flowchart Library","description":"Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained.","group":"Use Cases","vector":[-0.04516,-0.01737,-0.10218,0.00536,-0.01103,0.06788,-0.03781,0.02553,0.04008,0.07273,-0.04863,0.00766,-0.04551,0.04048,0.02135,-0.01351,-0.07703,-0.0406,0.004,-0.0093,-0.03222,-0.06235,-0.01345,-0.02167,0.03225,0.06362,-0.01589,-0.00388,0.04717,-0.05043,-0.00852,0.01071,-0.01029,0.02819,-0.18351,0.01028,0.10357,0.02041,-0.05361,0.01163,0.04652,-0.00706,0.02988,-0.0462,-0.04161,0.02318,-0.1489,-0.03211,-0.07462,0.14054,-0.10903,-0.08489,-0.04843,0.10018,0.03675,0.00879,-0.00982,-0.07356,0.04522,0.03692,-0.00578,-0.02401,0.00126,0.07066,0.02681,-0.0031,-0.05675,0.01344,-0.01067,-0.00411,-0.00145,-0.06711,0.05107,-0.03338,-0.04507,-0.03219,-0.01165,0.02299,0.00475,0.00246,0.01625,0.12605,-0.01959,0.10127,-0.03153,0.07791,-0.00458,-0.04915,-0.01854,-0.06235,-0.0204,0.06973,-0.00872,-0.01965,0.10446,0.03069,-0.02111,-0.04646,-0.06403,0.01428,0.02367,-0.06534,0.02841,-0.00326,-0.03039,-0.04619,-0.02272,-0.01932,0.01933,0.00103,-0.02318,0.00258,0.01235,-0.07669,-0.05921,0.0028,-0.11418,-0.06926,0.06227,0.09477,-0.02577,0.04893,0.01501,-0.0266,0.08913,-0.01063,0.00383,0,-0.00272,0.07437,-0.03444,0.0308,0.06048,0.02199,-0.09021,-0.1086,0.01044,0.04153,0.04578,0.07385,-0.09077,0.04818,0.0231,-0.06238,0.05503,0.01965,-0.04252,-0.00305,0.06333,-0.12906,-0.00044,0.03594,0.04967,0.08819,0.02781,0.0677,-0.04028,0.01151,0.05653,-0.02988,-0.03681,-0.05303,0.00382,-0.06768,-0.06922,-0.06594,-0.01473,-0.0044,-0.02823,-0.09104,-0.1339,0.03451,-0.03533,0.01143,-0.0301,-0.01894,0.09203,0.0254,-0.01177,0.05527,-0.05032,-0.01761,0.0409,-0.04862,-0.04108,0.09186,-0.0249,0.03349,0.0218,0.0423,-0.01015,-0.07634,0.03094,0.01101,-0.03113,-0.00028,0.08728,-0.07278,-0.08403,-0.00145,0.03209,0.03288,0.03701,0.02983,0.02819,0.04738,0.05082,-0.03554,-0.06154,-0.09028,0.03026,0.0692,0.07364,-0.12307,-0.00209,-0.01668,-0.08913,-0.01484,0.07796,0.0593,0.02013,0.0178,0.02903,0,-0.05548,0.04746,0.01142,0.08273,0.0391,-0.02966,0.05796,0.0275,0.08665,0.04988,0.03695,0.06324,-0.00767,-0.06249,0.04641,0.01843,-0.04373,-0.04825,0.05652,-0.08057,0.0347,0.03165,-0.07807,0.01556,-0.03381,0.07848,0.05133,-0.09031,0.0001,-0.01894,-0.00121,-0.01879,-0.05951,-0.05018,-0.00189,-0.02652,0.1098,0.03735,-0.05096,-0.01419,0.01582,0.0223,0.00262,-0.05403,-0.05354,0.03375,-0.05933,-0.00774,-0.04428,0.01842,-0.00114,0.04806,0.02339,-0.06371,-0.04413,-0.0015,0.05453,0.03562,0.02411,-0.01202,-0.02099,-0.02669,0.02486,-0.01738,0.00892,0.0241,-0.01705,-0.06182,0.03409,0.05769,0.00412,0.02182,0.04621,0.00308,0.08118,0.03301,0.10785,-0.04708,0.04824,-0.02213,0.03912,0.08261,0.03082,0.024,0.08121,0.03881,-0.06897,-0.08545,0.03071,0.08911,-0.0591,0.03121,-0.02492,-0.01032,0.02533,0,-0.10047,-0.00463,-0.06905,-0.03827,0.04798,-0.01227,-0.01803,0.0347,0.05004,0.02453,0.0393,0.06627,-0.03509,-0.05098,0.06055,0.00146,0.02718,0.03101,-0.00376,-0.01968,0.04982,-0.01006,-0.0052,0.08418,-0.05852,-0.07256,0.01576,0.07296,-0.01696,-0.01524,-0.04005,0.0393,0.08395,0.04214,-0.05527,-0.01148,-0.10271,-0.00492,-0.05662,0.03206,0.05237,0.04835,-0.01139,-0.03425,-0.10855,0.08294,-0.03416,-0.04612,-0.06648,-0.00057,-0.05104,-0.00261,-0.0166,0.02906,-0.00105,0.03946,0.0041,-0.02954,0.05544,-0.01754,-0.05183,0.05451,0.04452,-0.06245],"keywords":"Angular Flowchart Library Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained. What a flowchart needs, covered - Steps: any Angular component becomes a flowchart node with fNode — forms, icons, status badges, menus inside. - Arrows: <f-connection with straight/segment/bezier paths, markers, labels and editable waypoints. - Wiring: users create connections by drag, by click-to-connect, or entirely from the keyboard; your validation rules decide what is allowed to connect. - Reading order: minimap, zoom, fit-to-screen, auto-pan at the edges. - Tidiness: snapping, alignment guides, grid, and automatic layout via the Dagre/ELK packages for one-click arrangement. - Scale: virtualization and caching when charts grow into hundreds of steps. - Accessibility: ARIA semantics by default; an opt-in keyboard layer makes the whole chart operable without a mouse. f Node","excerpt":"What a flowchart needs, covered - Steps: any Angular component becomes a flowchart node with fNode — forms, icons, status badges, menus inside. - Arrows: <f-connection with straight/segment/bezier paths, markers, labels and editable waypoints. - Wiring: users create connections by drag, by click-to-connect, or entirely from the keyboard; your validation rules decide what is allowed to connect. - Reading order: minimap, zoom, fit-to-screen, auto-pan at the edges. - Tidiness: snapping, alignment guides, grid, and automatic layout via the Dagre/ELK packages for one-click arrangement. - Scale: virtualization and caching when charts grow into hundreds of steps. - Accessibility: ARIA semantics by default; an opt-in keyboard layer makes the whole chart operable without a mouse."},{"chunkId":"/docs/angular-flowchart-library#3","slug":"angular-flowchart-library","route":"/docs/angular-flowchart-library","section":"docs","title":"Angular Flowchart Library","description":"Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained.","group":"Use Cases","vector":[-0.04943,-0.02776,-0.02695,-0.0023,0.02707,0.04008,-0.06845,0.01597,0.08169,0.01893,-0.04079,0.01084,-0.06794,0.01962,0.06298,0.00037,-0.05212,-0.0199,0.01341,-0.05844,-0.07069,-0.01542,0.0022,0.0059,0.05256,0.07793,-0.0157,-0.01731,0.05344,-0.0679,-0.0094,0.02284,0.01432,0.01324,-0.10397,0.00549,0.07127,0.01791,-0.03046,0.03623,0.02484,0.03605,0.04633,-0.03668,-0.06837,0.00362,-0.1174,-0.06127,-0.06724,0.14946,-0.07214,-0.10375,-0.035,0.10241,0.07467,-0.00717,-0.01638,-0.07608,0.05938,0.02908,-0.04267,0.01138,0.00096,0.08998,-0.0111,0.03273,-0.07261,0.05705,0.05359,-0.05349,-0.00424,-0.06392,0.03084,0.01129,-0.00391,-0.02958,-0.00831,0.03724,-0.01792,-0.06364,0.01157,0.05108,-0.02412,0.07351,-0.0427,0.07854,0.03812,-0.00351,0.00158,-0.01458,-0.0184,0.07932,0.0452,-0.01538,0.04242,0.04605,-0.01875,-0.04244,-0.05723,0.02217,0.01077,-0.06203,0.03343,0.04233,-0.03463,-0.07231,0.00925,0.01789,-0.0059,0.02629,-0.03285,0.00516,0.01127,-0.09654,-0.04294,-0.00986,-0.1127,-0.05791,0.02366,0.08088,0.00749,0.06929,0.02127,-0.0254,0.04837,-0.03155,-0.02322,0,-0.0051,0.03656,-0.01904,0.04116,0.0536,-0.01443,-0.07457,-0.09445,-0.00999,0.02749,0.03687,0.11223,-0.09272,0.07955,0.01243,-0.04261,0.01228,0.02191,0.02491,0.0172,0.03193,-0.06771,0.00813,0.04522,0.04352,0.12073,0.02564,0.06781,-0.02351,0.03499,0.02647,-0.01249,-0.02769,-0.05866,-0.00568,-0.02553,-0.10202,-0.10937,-0.00159,-0.00687,-0.02327,-0.06353,-0.17026,0.00419,-0.02613,-0.00487,-0.05289,-0.06255,0.09703,-0.02753,0.01872,0.06063,0.00482,0.00466,0.05085,-0.03219,0.02725,0.04679,-0.03341,0.02754,0.04099,0.08526,-0.01315,-0.07294,0.05762,0.04052,-0.06017,-0.02007,0.06946,-0.02848,-0.09589,0.03066,0.03717,0.0275,0.04649,-0.00955,-0.02379,0.03095,0.0467,-0.00141,-0.06163,-0.14147,0.05237,0.01914,0.09327,-0.0743,0.0059,0.02111,-0.0981,0.02376,0.08402,0.02335,-0.04791,0.06004,0.02394,0,-0.08323,0.08006,0.00658,0.08009,0.03408,-0.02692,0.00677,0.07601,0.09968,0.04546,0.03385,-0.00734,-0.04708,-0.02651,0.09674,-0.02221,-0.01565,-0.11494,-0.0075,-0.09019,0.00713,0.06339,-0.04652,-0.01001,-0.04796,0.06822,-0.00009,-0.04788,0.00349,-0.0526,-0.02186,-0.03261,-0.07759,-0.07205,-0.01999,-0.06709,0.08901,0.02187,-0.03455,-0.07141,0.02505,0.02062,-0.02719,-0.03643,-0.05955,0.03636,-0.05133,0.00568,0.04905,-0.02662,-0.0425,0.04316,0.04065,-0.08869,0.00188,0.0118,0.08264,0.0478,0.03763,-0.019,-0.06273,0.01955,0.04885,-0.02309,-0.00824,0.04317,-0.02502,-0.06519,0.00122,0.04153,0.06284,0.05329,-0.02987,-0.0213,0.05579,0.05711,0.09457,-0.00942,0.01531,-0.02376,0.04078,0.05755,0.05783,0.05964,0.10508,0.0166,-0.08637,-0.12582,0.05826,0.07929,-0.07877,0.01642,-0.05813,0.04721,0.02792,0,-0.10392,0.02417,-0.07356,-0.04584,0.06053,0.00355,-0.03404,0.06508,0.03968,0.01273,0.04299,0.05673,-0.03002,-0.02372,0.01735,-0.01097,0.03244,0.00644,0.00436,-0.03082,0.01876,0.02688,0.04266,0.03279,-0.05179,-0.05986,0.03425,0.0517,-0.02028,-0.02939,-0.02981,0.01644,0.08944,0.04608,0.00736,-0.03241,-0.09561,-0.01928,-0.05177,0.04842,0.03436,0.02227,-0.03062,-0.00558,-0.07733,0.06083,-0.0364,-0.05894,-0.03454,0.00522,-0.05866,-0.00383,-0.07013,0.03494,-0.00567,0.04467,-0.01038,-0.06136,0.02103,-0.0423,-0.03881,-0.05144,0.05922,-0.04292],"keywords":"Angular Flowchart Library Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained. Compared to the usual suspects - Abandoned Angular flowchart packages (ng-flowchart, ngx-flowchart) stopped receiving updates years ago; Foblex Flow ships frequent releases and targets current Angular. - Chart libraries (ngx-charts and friends) draw data, not editors — no dragging, no wiring, no editing events. - Big commercial diagram suites bring their own data model and licensing; here the chart stays your data, the library only emits events, and everything is MIT.","excerpt":"Compared to the usual suspects - Abandoned Angular flowchart packages (ng-flowchart, ngx-flowchart) stopped receiving updates years ago; Foblex Flow ships frequent releases and targets current Angular. - Chart libraries (ngx-charts and friends) draw data, not editors — no dragging, no wiring, no editing events. - Big commercial diagram suites bring their own data model and licensing; here the chart stays your data, the library only emits events, and everything is MIT."},{"chunkId":"/docs/angular-flowchart-library#4","slug":"angular-flowchart-library","route":"/docs/angular-flowchart-library","section":"docs","title":"Angular Flowchart Library","description":"Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained.","group":"Use Cases","vector":[-0.06822,0.01229,-0.11838,-0.00447,0.01138,0.02151,-0.02537,0.05042,0.06169,0.03167,-0.09534,-0.00371,-0.09791,0.03117,0.03418,-0.00854,-0.09368,0.01295,0.03578,-0.00773,-0.02005,0.01832,0.01749,-0.0174,0.01709,0.07385,-0.00212,-0.01008,0.03334,-0.07381,0.05195,0.04598,0.04587,0.03553,-0.12414,0.02718,0.02906,0.00263,-0.00825,0.02882,0.02442,0.05558,0.0355,-0.04566,-0.09706,0.02696,-0.11766,-0.0338,-0.04024,0.14776,-0.08159,-0.12273,-0.06992,0.10201,0.04136,-0.01885,-0.00757,-0.07852,0.06739,0.01496,0.00331,0.01558,0.01219,0.09953,0.01507,0.01508,-0.09139,0.04233,0.00865,-0.08716,-0.02382,-0.05122,0.05928,-0.01629,-0.00268,-0.03409,-0.00521,0.03625,0.00589,-0.01676,0.00754,0.03917,-0.00461,0.07375,-0.0244,0.08171,0.04396,-0.03429,0.0156,-0.03474,-0.01464,0.10452,0.02389,-0.01775,0.04465,0.0088,0.00464,-0.06547,-0.07762,0.03471,0.00866,-0.08539,0.06957,0.02712,-0.04699,-0.07621,0.02107,0.01187,0.03008,-0.03051,-0.04201,0.00797,0.02152,-0.09388,-0.02716,-0.01096,-0.09197,-0.04921,0.03683,0.05215,0.00679,0.01221,0.01494,-0.0307,0.0557,-0.03318,-0.01106,0,0.01252,0.05353,-0.03358,0.01685,0.08227,-0.03212,-0.04838,-0.11349,-0.00605,0.02428,0.01834,0.0818,-0.08258,0.06526,-0.00426,-0.04999,-0.01918,0.03011,0.01369,0.02888,0.07602,-0.09568,0.01921,0.03886,0.03004,0.0795,0.03931,0.04518,-0.02732,0.03067,0.03248,-0.02562,-0.04636,-0.05446,0.00806,-0.04699,-0.07991,-0.07461,-0.02673,-0.02248,-0.01373,-0.08486,-0.13267,-0.00663,-0.02097,-0.01028,-0.08515,-0.02568,0.0912,0.03961,0.02681,0.03554,-0.0175,0.02011,0.05807,-0.05336,-0.01758,0.08557,-0.01018,0.02637,0.05194,0.08034,-0.01316,-0.09223,0.02745,0.01528,-0.01632,0.0135,0.08073,-0.03659,-0.0924,0.0113,0.05421,0.03012,0.03896,0.01687,0.02933,0.05603,0.03452,-0.04669,-0.08865,-0.09244,0.05219,0.0342,0.08314,-0.0823,-0.00442,-0.03364,-0.10507,0.01696,0.07836,0.02616,-0.00983,0.02054,0.0368,0,-0.06142,0.03533,-0.0182,0.0768,0.05362,-0.0315,0.05291,0.07031,0.08164,0.05748,0.03045,0.01967,-0.01525,-0.05115,0.09768,-0.01858,-0.0055,-0.08717,0.0124,-0.07802,0.02564,0.03916,-0.02943,-0.03236,-0.04897,0.06531,0.02022,-0.0273,0.01628,-0.04308,-0.02021,-0.01003,-0.06834,-0.05579,-0.0231,-0.05643,0.09119,0.02495,-0.0212,-0.05354,0.04562,0.00821,-0.02806,-0.02274,-0.07634,0.02122,-0.0474,0.00761,0.01729,0.01413,-0.00889,0.03843,0.01937,-0.06569,-0.02368,0.01615,0.08108,0.03818,-0.00266,-0.01195,-0.07113,0.0038,0.05448,-0.04038,0.03625,0.0271,-0.02214,-0.04268,0.00262,0.07768,0.08387,0.0342,-0.01196,0.04017,0.06926,0.04398,0.07976,-0.00416,0.02635,0.02437,0.05959,0.09664,0.03475,0.06459,0.10452,-0.00747,-0.09686,-0.10868,0.03438,0.05847,-0.04763,0.05455,-0.01418,-0.00262,0.04874,0,-0.1164,-0.02848,-0.07327,-0.05272,0.0424,0.00857,-0.05194,0.02946,0.01956,-0.0279,0.04589,0.06426,-0.00521,-0.03539,0.01432,-0.0062,0.00806,0.01287,-0.00049,-0.03175,0.04501,0.01074,0.03182,0.05777,-0.06269,-0.05261,0.0081,0.01031,-0.01032,-0.04985,-0.02067,0.08352,0.0988,0.03004,-0.02819,0.01014,-0.0782,-0.0013,-0.12135,0.01039,0.04641,0.02473,-0.01141,-0.04051,-0.09173,0.03611,-0.03261,-0.04466,-0.05087,-0.02125,-0.07215,0.0362,-0.07384,0.08494,-0.02395,0.04206,-0.03779,-0.05047,0.02623,-0.0037,-0.06721,0.02992,0.09353,-0.02999],"keywords":"Angular Flowchart Library Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained. Minimal flowchart Continue with Get Started, or open the Call Center and AI Low-Code Platform demos — both are flowchart editors underneath.","excerpt":"Minimal flowchart Continue with Get Started, or open the Call Center and AI Low-Code Platform demos — both are flowchart editors underneath."},{"chunkId":"/docs/react-flow-alternative-for-angular#0","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.0921,-0.02886,-0.02508,0.01174,0.05219,0.04117,-0.08259,0.09109,0.02805,0.0348,-0.14482,-0.02157,-0.09486,0.04234,0.09549,0.01474,-0.03588,0.04567,0.07048,-0.02044,-0.04928,-0.04077,0.03101,0.00616,0.02146,0.08653,0.02633,-0.03632,0.04239,-0.0476,-0.0016,0.10125,-0.05095,0.05146,-0.16828,0.08716,-0.03167,0.02545,-0.07469,-0.08059,0.02016,0.09127,-0.02105,-0.07427,0.00973,-0.06379,-0.07069,-0.06293,-0.06928,0.03959,-0.09311,-0.13181,-0.07074,0.06006,0.03946,-0.04572,0.06121,-0.10425,0.01246,0.02038,-0.00035,-0.01625,0.02299,0.04188,-0.01929,0.03862,-0.05069,0.11593,0.06653,-0.09535,-0.03559,-0.02285,0.04661,-0.02857,0.00318,-0.08611,0.02765,0.04,-0.01939,0.02549,-0.0176,0.05428,-0.04622,0.02037,-0.04469,0.12902,0.03956,-0.02111,0.00377,-0.03141,-0.03064,0.0344,0.07161,-0.04396,0.04628,-0.00383,-0.00431,0.01325,-0.08004,-0.01971,0.00913,-0.03556,0.01942,-0.03219,-0.05837,-0.04195,0.00661,-0.03658,0.03756,0.02739,-0.02648,0.01628,-0.04161,-0.08423,-0.05647,-0.04707,-0.01884,-0.05619,0.07744,0.1441,-0.02996,0.05328,0.00926,-0.0336,0.07371,0.01663,-0.04839,0,0.01529,0.0259,-0.0117,0.03582,0.10511,-0.02651,0.03073,-0.10048,0.01375,-0.02206,-0.00013,0.09152,-0.0647,0.09568,-0.03954,-0.09564,-0.05522,-0.00984,0.04414,-0.00084,0.00875,-0.05211,-0.03145,0.0638,0.07243,-0.00709,-0.00885,0.06967,-0.06259,-0.0088,0.04496,0.00318,0.02568,0.05179,-0.04116,-0.03452,-0.08994,-0.07743,0.04483,-0.0494,-0.02428,-0.03371,-0.07305,0.07561,0.05029,-0.01205,-0.0376,-0.03296,0.07407,0.01298,0.01317,0.04936,0.03851,-0.02935,0.03894,-0.05756,0.03478,0.04982,0.04787,0.07184,-0.00268,0.09912,-0.0294,-0.04914,0.01187,0.05856,-0.03127,-0.02758,0.03282,-0.02362,-0.07465,0.02201,0.01942,0.05443,-0.00407,-0.02693,0.02159,0.0205,0.07272,-0.03798,-0.07576,-0.05436,0.00282,0.09344,0.07306,-0.06671,-0.02209,-0.01851,-0.04127,0.00949,0.07026,0.00619,0.04297,0.00021,0.05389,0,-0.03847,-0.0227,-0.01799,0.08174,0.02195,-0.03716,-0.01801,0.00518,0.08669,0.01654,0.02273,0.05275,0.07363,0.00112,-0.00868,-0.00918,-0.01607,-0.09289,0.06521,-0.04197,0.05075,0.05674,-0.04019,-0.03075,-0.04378,0.02469,-0.01174,-0.02663,-0.0076,-0.05986,0.00835,-0.05426,-0.00379,-0.04931,-0.0596,-0.04343,0.03227,0.01744,-0.00794,-0.04186,-0.04196,-0.01353,0.02716,0.00127,-0.12599,0.02581,-0.06469,0.02866,-0.01149,-0.03381,-0.05622,0.02498,-0.00172,-0.10012,-0.03735,-0.01537,0.07341,0.00933,0.02861,-0.0096,0.00401,-0.02287,0.03155,-0.03002,-0.0269,0.06746,-0.06843,-0.03929,0.01153,0.08152,0.04489,0.08781,-0.02766,0.00637,0.06901,0.03516,0.10342,-0.03868,0.03432,-0.00533,0.00246,0.11761,0.01285,0.00874,0.06898,-0.01788,-0.10277,-0.05193,0.04933,0.06033,-0.08958,0.02091,-0.03552,0.00704,-0.00037,0,-0.03581,0.00121,0.00138,-0.03815,0.04048,0.02934,-0.03667,0.00939,0.02703,0.05016,-0.00537,0.07859,-0.01645,-0.03987,0.07615,0.02038,0.00937,0.04388,-0.01797,-0.01985,0.02797,0.04434,-0.02033,0.07405,0.0316,-0.00162,0.06954,0.01224,0.00131,-0.02536,-0.07396,0.03586,0.05841,0.00759,0.01396,-0.02859,-0.00222,-0.01981,-0.09813,0.04039,0.04069,-0.00567,-0.01394,-0.04194,-0.08207,0.02318,-0.03123,-0.0736,-0.01172,0.0145,0.02358,-0.00213,-0.12439,0.05276,0.00862,0.05911,-0.07896,-0.06066,0.01902,-0.02643,-0.03517,0.01228,0.10207,0.01975],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. React Flow Alternative for Angular If you searched for this page, you probably know React Flow, like React Flow, and need the same class of node-based editor inside an Angular application. The direct options are wrapping React inside Angular or picking an Angular-native library. Foblex Flow is the Angular-native answer: the same product category — node editors, workflow builders, interactive diagrams — built on Angular's own primitives.","excerpt":"React Flow Alternative for Angular If you searched for this page, you probably know React Flow, like React Flow, and need the same class of node-based editor inside an Angular application. The direct options are wrapping React inside Angular or picking an Angular-native library. Foblex Flow is the Angular-native answer: the same product category — node editors, workflow builders, interactive diagrams — built on Angular's own primitives."},{"chunkId":"/docs/react-flow-alternative-for-angular#1","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.10752,0.01776,0.02456,0.02223,0.08677,0.04251,-0.04,0.0804,0.01942,0.04473,-0.14716,-0.04711,-0.06258,0.07177,0.05448,0.00225,-0.02303,0.02194,0.0169,0.00717,-0.07055,-0.07045,0.01682,-0.00117,0.01686,0.09286,0.01839,-0.06883,0.0578,-0.02378,0.02646,0.11598,-0.09443,0.04493,-0.13035,0.09114,-0.01697,0.00615,-0.09637,-0.09227,0.07255,0.08137,-0.03159,-0.07465,0.02668,-0.03468,-0.01133,-0.01562,-0.05747,0.02818,-0.05049,-0.11431,-0.04031,0.07339,0.02699,-0.03772,0.0783,-0.06575,0.00051,0.04765,0.00845,-0.05776,-0.01953,0.02656,0.03814,0.07287,-0.07403,0.10218,0.02816,-0.01313,-0.03615,0.01211,0.08835,-0.04168,0.01001,-0.05578,-0.03627,0.07267,-0.01542,0.01323,-0.03105,0.0038,-0.02219,0.0217,-0.0157,0.11447,0.03489,-0.07559,0.02454,-0.0365,-0.01563,0.03148,0.06638,-0.01357,0.01306,-0.01225,-0.04025,0.03332,-0.04094,0.01466,0.04279,-0.02649,0.019,-0.00533,-0.02379,-0.0377,-0.01777,-0.03111,0.00183,0.05628,-0.00946,0.03904,0.01959,-0.05641,-0.04749,-0.03333,-0.00723,-0.01268,0.07127,0.10656,-0.04567,0.03187,-0.00044,-0.01484,0.09815,0.05495,-0.04012,0,-0.00843,0.01677,-0.02303,0.05095,0.06075,0.02371,0.02754,-0.09977,0.03444,0.0098,0.01839,0.08752,-0.03206,0.05001,0.00198,-0.08043,-0.04111,-0.04204,0.02532,0.04131,0.02521,-0.11406,-0.05781,-0.01797,0.02572,-0.0246,-0.01763,0.07609,-0.09029,-0.00596,0.01996,-0.00528,0.02361,0.12615,-0.0721,-0.05066,-0.05307,-0.05264,-0.01983,-0.03897,-0.05173,-0.00833,-0.06362,0.06373,0.06758,-0.04229,-0.05334,-0.00405,0.04075,-0.01659,0.03003,0.07221,0.01397,-0.05413,0.01093,-0.03987,0.03261,0.02262,0.04244,0.03954,-0.0083,0.06737,-0.03636,-0.00999,0.02083,0.10748,-0.03374,0.01225,-0.0155,-0.04892,-0.09906,0.0343,-0.01987,0.06597,0.02549,-0.04988,0.03377,0.04997,0.09399,-0.06532,-0.0617,-0.01958,0.03012,0.12933,0.07778,-0.10409,-0.01392,-0.03826,-0.0999,0.04947,0.07132,0.01438,0.10629,-0.0291,0.05896,0,0.00662,0.0142,0.00237,0.06468,0.01682,-0.06296,-0.0256,0.02596,0.07549,-0.00468,0.00622,0.04921,0.02862,0.03371,-0.06098,0.04798,-0.02318,-0.10774,0.05883,-0.10081,0.04831,0.06109,-0.05895,-0.01426,-0.10147,0.01496,0.00275,-0.02826,-0.00945,-0.01939,-0.0233,0.00588,-0.03159,-0.05124,-0.04318,-0.03255,-0.00106,0.0093,0.00867,-0.03378,-0.04842,-0.01227,-0.00601,0.00077,-0.12126,0.01212,-0.0826,-0.0097,-0.09511,-0.01296,-0.06059,0.05259,-0.03277,-0.07282,-0.07035,-0.0168,0.06279,-0.01819,-0.02623,0.00129,0.04798,0.00742,-0.02182,-0.03975,0.00334,0.02345,-0.05597,-0.02816,0.06836,0.0753,0.05578,0.04287,-0.03809,0.01661,0.0901,0.02662,0.09456,-0.03874,0.02754,0.03999,-0.04187,0.11148,-0.0172,-0.03465,0.06776,0.01318,-0.09325,-0.07168,0.08522,0.07295,-0.05132,0.00035,-0.06784,-0.0197,0.03659,0,-0.03834,-0.00845,-0.04751,-0.01425,-0.00866,0.01568,-0.02597,0.02412,0.00776,-0.00224,-0.02525,0.07844,-0.0425,-0.01721,0.03333,0.00555,-0.01428,0.02636,-0.08016,-0.01634,0.0014,0.01417,-0.01563,0.10322,0.0212,-0.04415,0.08311,-0.01672,0.02511,0.01227,-0.06171,0.00978,-0.0127,0.0653,-0.01912,0.00506,0.00344,-0.04097,-0.06005,0.07813,0.03659,0.01006,-0.04613,-0.0233,-0.0791,0.00622,-0.02203,-0.05248,0.0018,0.00835,0.05364,0.02056,-0.09266,0.0491,0.03282,0.01631,-0.05464,-0.01518,0.01434,-0.00073,-0.07398,-0.04647,0.0898,-0.0417],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. Why not just wrap React Flow? Wrapping works, but you pay for it permanently: - two frameworks in one bundle — React, ReactDOM and React Flow ship alongside Angular; - two change-detection worlds — React state and Angular signals/zones must be bridged by hand; - custom nodes become React components, so your Angular components, pipes, directives and DI don't work inside the canvas; - SSR/hydration and testing get two sets of rules. An Angular-native library removes the seam: nodes are your Angular components with your bindings, and the editor participates in change detection like any other part of the app. React DOM","excerpt":"Why not just wrap React Flow? Wrapping works, but you pay for it permanently: - two frameworks in one bundle — React, ReactDOM and React Flow ship alongside Angular; - two change-detection worlds — React state and Angular signals/zones must be bridged by hand; - custom nodes become React components, so your Angular components, pipes, directives and DI don't work inside the canvas; - SSR/hydration and testing get two sets of rules. An Angular-native library removes the seam: nodes are your Angular components with your bindings, and the editor participates in change detection like any other part of the app."},{"chunkId":"/docs/react-flow-alternative-for-angular#2","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.06697,-0.00315,-0.03801,-0.01685,0.05614,0.04632,-0.0436,0.07982,0.03937,0.0335,-0.10317,-0.033,-0.06925,0.05148,0.05777,0.01306,-0.02154,0.02773,0.08621,-0.00415,0.00128,-0.06674,-0.0177,-0.01073,0.07312,0.13285,0.01896,-0.0448,0.06139,-0.02592,0.03579,0.10765,-0.08186,0.07803,-0.1464,0.07396,-0.03009,0.01776,-0.04301,-0.03536,0.05526,0.10807,-0.01145,-0.04342,0.00273,0.01997,-0.06897,-0.02846,-0.08409,0.01924,-0.11015,-0.08909,-0.05296,0.04977,0.04728,-0.00291,0.06568,-0.10795,0.01479,0.0649,0.00582,-0.04449,0.00961,0.03543,0.01009,0.01751,-0.04928,0.07546,0.05459,-0.04314,-0.0121,0.01234,0.03833,-0.06267,0.03152,-0.06786,0.06768,0.07074,-0.04102,-0.00997,-0.02815,0.04866,-0.0313,-0.01408,-0.04385,0.08973,-0.00725,-0.03454,-0.02425,-0.01164,-0.04462,0.04821,0.02091,-0.02539,0.04605,0.0159,0.01743,0.00652,-0.04561,-0.02078,0.05358,-0.02794,0.00066,0.00774,-0.03895,-0.02231,0.00002,-0.0336,-0.01173,0.02609,-0.03727,0.06778,-0.01843,-0.04787,-0.07497,-0.10804,-0.06971,-0.06733,0.0739,0.13353,-0.02103,0.0245,0.03636,-0.02579,0.03801,0.02027,-0.04485,0,-0.01691,0.03014,-0.02018,-0.01394,0.06863,0.00096,-0.00602,-0.10607,0.08003,-0.01615,-0.07481,0.075,-0.02913,0.11729,-0.06592,-0.07878,-0.03614,-0.0091,0.05135,0.00882,0.06047,-0.01528,-0.0068,0.0524,0.07728,0.02212,-0.0599,0.05351,-0.06603,-0.00457,0.01547,0.01795,0.03879,0.05067,-0.0308,-0.00203,-0.0524,-0.09701,0.00607,-0.07742,0.00288,-0.00753,-0.06097,0.04939,0.01758,-0.00846,-0.05006,-0.07313,0.05293,0.01402,-0.0044,-0.00763,0.0289,-0.0486,0.05085,-0.07086,0.04325,0.05602,0.04368,0.07741,-0.00481,0.06927,0.00104,-0.0546,0.04321,0.08142,-0.05558,-0.01033,0.02501,-0.01083,-0.08256,0.09404,-0.01002,0.04687,-0.01869,-0.03973,-0.02543,-0.00099,0.03491,-0.01655,-0.10786,-0.05653,0.00282,0.04834,0.08277,-0.06258,-0.0022,-0.05174,-0.01563,0.00709,0.06724,-0.01889,0.02689,-0.00578,0.06001,0,-0.0248,0.03862,0.02744,0.10252,0.00769,-0.06516,0.02226,0.05111,0.03876,0.04344,0.00313,0.02019,0.05032,-0.02744,0.02289,-0.02019,-0.00051,-0.11885,0.01767,-0.0827,0.03062,0.05455,-0.07469,-0.03618,-0.01793,0.04429,-0.01204,-0.04663,0.01795,-0.02236,0.02453,-0.04636,-0.03556,-0.04291,-0.01957,0.01892,0.00717,0.02509,0.00107,-0.02822,-0.07102,0.00319,-0.01825,0.01274,-0.10861,0.04066,-0.08495,0.01648,-0.02017,-0.04228,-0.03778,0.05725,-0.00935,-0.09945,-0.05315,-0.0564,0.08601,0.02693,0.03137,-0.04754,0.00288,-0.0717,-0.01898,-0.05151,-0.01764,0.0393,-0.05395,-0.08795,0.03356,0.10656,0.06254,0.10055,-0.05786,0.01379,0.12283,-0.00681,0.06935,0.04273,0.00713,0.01997,0.0045,0.10701,0.03347,0.06158,0.09546,-0.01151,-0.1092,-0.06113,0.03399,0.05055,-0.08615,-0.01588,-0.05154,0.01022,0.0103,0,-0.08008,-0.03844,0.02938,-0.03207,0.02415,0.03604,-0.03457,0.01971,-0.00974,0.0366,-0.00257,0.09333,-0.03511,-0.03479,0.05534,0.03143,0.0181,-0.00349,0.00487,-0.00598,-0.03612,0.02254,-0.05699,0.10442,0.05846,-0.03583,0.05199,0.01422,0.0215,-0.0271,-0.05941,0.02826,0.06095,0.03253,0.01859,0.00048,0.03303,-0.00689,-0.09396,0.0448,0.02521,0.02634,-0.0491,-0.02017,-0.0542,0.06235,-0.04195,-0.02044,-0.01237,-0.02391,0.04479,-0.00175,-0.13058,0.05145,0.00963,0.00483,-0.09744,-0.05083,0.06223,-0.02008,-0.01933,0.00923,0.07695,-0.04602],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. How the React Flow mental model maps The paradigm differs by design. React Flow describes the graph as data (nodes[], edges[]) rendered by the library; Foblex Flow describes the graph as an Angular template rendered by you. What you know transfers directly:","excerpt":"How the React Flow mental model maps The paradigm differs by design. React Flow describes the graph as data (nodes[], edges[]) rendered by the library; Foblex Flow describes the graph as an Angular template rendered by you. What you know transfers directly:"},{"chunkId":"/docs/react-flow-alternative-for-angular#3","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.04949,0.016,-0.04201,0.03011,0.07432,0.08148,0.00817,0.10805,0.03219,0.01618,-0.11502,-0.06055,-0.08382,-0.01071,0.06443,0.01299,0.00143,0.03113,-0.01148,-0.00703,-0.02883,-0.11176,0.00076,-0.01536,-0.01062,0.10411,0.02256,-0.05159,0.01498,-0.07102,0.04746,0.11646,-0.02172,0.05412,-0.10631,0.08112,-0.03544,0.00501,-0.07087,-0.03456,0.0402,0.09725,0.00068,-0.05565,-0.00828,-0.00903,-0.00705,-0.0192,-0.05407,0.06194,-0.06436,-0.0606,-0.03699,0.06616,0.05448,0.02686,0.0626,-0.10154,0.00786,0.07018,0.0275,-0.06458,0.02104,0.03974,-0.02933,0.01574,-0.06604,0.00846,0.05413,-0.05157,0.00686,0.03088,0.08203,-0.10255,0.05456,-0.1101,0.06814,0.1097,-0.00256,-0.00895,0.00067,0.01483,-0.02947,-0.00915,-0.03499,0.07789,0.01336,-0.05959,-0.00212,0.01091,-0.07627,0.07146,-0.05177,-0.02068,0.0834,0.00838,-0.02325,-0.03465,-0.0605,0.0143,0.0569,-0.00712,0.00922,0.02171,-0.00395,-0.05126,-0.02675,0.0082,-0.01462,0.01884,-0.02516,0.04579,0.01546,-0.0324,-0.06198,-0.07896,-0.00217,-0.07819,0.10923,0.09443,0.0206,0.05829,-0.01178,-0.02359,0.08288,0.00321,-0.0469,0,-0.01607,0.02269,-0.01799,0.01898,0.09483,0.01078,0.05541,-0.08855,0.02492,-0.00913,-0.07857,0.02824,-0.07775,0.04832,-0.02631,-0.12564,-0.03511,-0.03338,0.01873,0.02867,0.06309,-0.09524,-0.08157,-0.02455,0.05601,0.04042,-0.04426,0.08653,-0.10124,-0.00239,-0.00465,-0.00624,0.0351,0.0298,-0.0349,-0.03842,-0.06331,-0.04381,-0.07191,-0.05735,-0.00502,0.02625,-0.10494,0.00711,0.00827,-0.04033,-0.03095,0.01753,0.08168,0.04066,0.03463,0.0037,0.05975,-0.07177,0.0289,-0.05469,-0.03218,0.02661,0.01419,0.08911,0.01053,0.03594,-0.02857,-0.03128,0.06282,0.09965,-0.00581,0.02001,0.01753,-0.05805,-0.08497,0.08566,0.03424,0.0205,0.03031,-0.01555,0.00057,0.00984,0.03283,-0.04299,-0.02675,-0.04264,0.01641,0.0813,0.07358,-0.05249,-0.00061,-0.05434,-0.08323,0.03556,0.04874,-0.01384,0.027,-0.00448,0.01375,0,-0.03727,-0.02279,0.00956,0.06606,0.03703,-0.01999,0.03694,0.02706,0.04958,-0.00443,-0.03402,0.05854,0.02141,-0.06169,0.00186,0.02041,0.00474,-0.10836,0.02586,-0.01909,0.01199,0.06057,-0.07171,-0.05707,-0.03467,0.03328,0.04107,0.02606,-0.01605,-0.03714,0.00385,-0.03399,-0.07546,-0.05959,0.00055,-0.02558,0.01588,0.02864,-0.00134,-0.00903,-0.04055,-0.0018,-0.0341,-0.00896,-0.07283,0.05777,-0.07072,-0.0196,-0.05837,0.03368,-0.09773,-0.00153,-0.07124,-0.04338,-0.06447,0.01157,0.05196,0.02589,0.04107,-0.02881,0.0095,-0.05991,-0.02753,-0.03272,0.06466,0.06538,-0.09107,-0.00349,0.03216,0.1436,0.05475,0.06457,-0.02665,0.00921,0.08498,0.0318,0.09754,-0.0126,0.05223,0.03958,0.00212,0.10167,0.02596,0.03902,0.08158,-0.02809,-0.1074,-0.05179,0.045,0.06114,-0.07978,-0.01018,-0.03568,-0.03224,-0.02161,0,-0.07959,0.00367,-0.0602,-0.02954,0.03105,0.02796,-0.03211,0.00954,-0.02464,-0.01057,-0.02173,0.10987,-0.0057,-0.00989,0.0509,0.00977,0.02855,-0.02663,-0.02787,-0.01842,-0.04487,0.03029,-0.04953,0.08978,0.05078,-0.04863,0.06138,0.00353,0.06769,-0.02597,-0.06869,0.01967,0.04845,0.04701,-0.04732,0.00273,-0.01337,-0.01845,-0.08419,0.08386,0.0544,0.02162,-0.00563,-0.05228,-0.04835,0.08591,-0.04546,-0.08643,-0.01633,0.02251,-0.00417,0.0251,-0.10859,0.09568,0.02778,-0.01192,-0.06248,-0.0401,0.03903,-0.01173,-0.07746,0.07365,0.04373,-0.00999],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. - <ReactFlow nodes={nodes} edges={edges} → <f-flow fDraggable<f-canvas with @for over your own model; - a node object with position and data → any element with fNode and [fNodePosition], containing real Angular UI; - <Handle type=\"source\" / → <div fConnector fConnectorType=\"source\" fConnectorId=\"...\"; - an edge object → <f-connection fSourceId fTargetId with behaviors, types, markers and labels; - onConnect → (fCreateConnection) — the library emits intent, your app updates the model; - <MiniMap /, <Controls /, <Background / → <f-minimap, fZoom + public zoom API, <f-background; - dagre/elkjs layout recipes → the @foblex/f-dagre-layout and @foblex/f-elkjs-layout packages; - fitView, viewport helpers → fitToScreen(), resetScaleAndCenter(), centerGroupOrNode(). React Flow f Draggable f Node f Node Position f Connector f Connector Type f Connector Id f Source Id f Target Id on Connect f Create Connection Mini Map f Zoom fit View fit To Screen reset Scale And Center center Group Or Node","excerpt":"- <ReactFlow nodes={nodes} edges={edges} → <f-flow fDraggable<f-canvas with @for over your own model; - a node object with position and data → any element with fNode and [fNodePosition], containing real Angular UI; - <Handle type=\"source\" / → <div fConnector fConnectorType=\"source\" fConnectorId=\"...\"; - an edge object → <f-connection fSourceId fTargetId with behaviors, types, markers and labels; - onConnect → (fCreateConnection) — the library emits intent, your app updates the model; - <MiniMap /, <Controls /, <Background / → <f-minimap, fZoom + public zoom API, <f-background; - dagre/elkjs layout recipes → the @foblex/f-dagre-layout and @foblex/f-elkjs-layout packages; - fitView, viewport helpers → fitToScreen(), resetScaleAndCenter(), centerGroupOrNode()."},{"chunkId":"/docs/react-flow-alternative-for-angular#4","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.09671,-0.01144,-0.01175,0.01011,0.03255,0.03557,-0.03909,0.0494,0.01512,0.03746,-0.09332,-0.00748,-0.06262,0.0551,0.06944,0.02208,-0.04371,0.02163,0.06349,0.00092,-0.02929,-0.08269,0.00719,0.01869,0.04909,0.12122,-0.00969,-0.0653,0.05547,-0.03609,0.02668,0.08282,-0.04483,0.04364,-0.13079,0.04787,-0.04078,0.00913,-0.07537,-0.03068,0.04854,0.0782,-0.01301,-0.03774,-0.01378,0.01694,-0.02655,-0.04546,-0.06826,0.05396,-0.0474,-0.05379,-0.01638,0.05007,0.08862,-0.00483,0.07048,-0.06873,-0.0153,0.03593,0.0283,-0.06777,-0.01019,0.02612,-0.00776,0.08686,-0.01871,0.04153,0.04398,-0.04323,-0.03191,-0.00081,0.07153,-0.06795,-0.00158,-0.09555,0.02837,0.05641,-0.0436,0.01537,-0.01443,-0.01855,-0.04294,0.00959,-0.03825,0.06226,-0.01777,-0.06425,0.03691,-0.00878,-0.06486,0.04323,0.07995,-0.06062,0.04755,0.00237,0.00933,0.01781,-0.08821,0.00539,0.04864,0.01124,0.00171,0.04644,-0.01586,-0.03684,-0.04443,-0.04262,-0.02718,0.04212,-0.00556,0.06711,0.03905,-0.0365,-0.05312,-0.0731,-0.06885,-0.0486,0.04212,0.09615,-0.02965,0.01757,0.02256,-0.02338,0.02859,0.03044,0.01324,0,0.00992,0.03274,-0.03605,-0.04458,0.0836,0.0073,-0.00207,-0.11241,0.04618,-0.03524,-0.00015,0.10138,-0.04386,0.06833,-0.03961,-0.05079,-0.0564,0.00564,0.07368,0.0218,0.04408,-0.01298,-0.06285,0.01111,0.07266,0.00877,-0.0206,0.08373,-0.04735,-0.01789,0.01622,-0.02835,0.02242,0.02034,-0.01486,-0.02322,-0.07926,-0.0755,0.01396,-0.08721,0.00859,0.00987,-0.12249,0.02094,-0.00448,-0.04478,-0.0416,-0.05059,0.06261,0.00262,0.02071,0.03907,-0.00314,-0.06696,0.01293,-0.07386,0.01807,0.03908,0.01598,0.07602,0.00476,0.05038,-0.02851,-0.05485,-0.00201,0.09301,-0.07499,-0.00379,0.03293,-0.05944,-0.06207,0.07511,-0.02219,0.0255,0.02635,-0.04388,0.01867,0.03912,0.02579,-0.06511,-0.03567,-0.08977,0.0046,0.13217,0.11435,-0.06369,-0.02263,-0.08807,-0.08124,0.038,0.06741,-0.04247,0.1001,0.02733,0.0239,0,-0.00957,-0.04261,-0.00716,0.12325,-0.01681,-0.0252,0.01719,0.06005,0.05481,-0.01725,-0.00027,0.03577,0.06548,-0.0098,0.03387,0.02478,-0.00143,-0.11449,-0.00778,-0.03495,0.01479,0.04725,-0.06729,-0.00129,-0.07002,0.05432,-0.02511,-0.03997,-0.00563,-0.06803,0.00073,-0.04373,-0.04582,-0.09406,-0.06038,-0.0438,-0.00747,0.05903,-0.02156,-0.00679,-0.03967,0.03969,-0.03746,0.04705,-0.08869,0.05374,-0.09581,0.04257,-0.04079,-0.00728,-0.08173,0.0421,-0.00168,-0.08799,-0.05991,-0.01283,0.10548,0.01714,0.00653,-0.01391,-0.01815,-0.05151,-0.02277,-0.02564,-0.00599,0.05845,-0.05502,-0.00706,0.04609,0.08792,0.07809,0.08952,-0.03897,-0.02449,0.14233,0.05294,0.0665,-0.01991,0.02021,-0.01135,-0.02878,0.12426,0.04268,0.00297,0.07414,0.02873,-0.11225,-0.08497,0.04129,0.0852,-0.10117,0.01341,-0.05541,-0.00364,0.04067,0,-0.08636,-0.00381,0.02153,-0.00466,0.05076,0.02411,-0.01523,0.04059,0.00462,-0.00345,0.00704,0.06985,-0.06392,-0.0318,0.03328,0.05328,0.04342,0.00223,-0.04812,0.02922,-0.01118,0.01382,-0.03645,0.11526,0.03905,-0.03919,0.10736,0.01701,0.02867,-0.01613,-0.05582,0.01862,0.07624,0.028,0.0036,-0.02155,0.0357,0.01377,-0.05844,0.02344,0.00305,0.03413,-0.06242,-0.01257,-0.10706,0.04414,-0.0536,-0.06113,0.00966,-0.01772,0.02157,-0.00197,-0.10522,0.09315,0.05528,0.0394,-0.0668,-0.01946,0.06158,-0.00411,0.02164,-0.0162,0.03199,-0.01144],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. The golden rule in the default stateless mode is the same one React Flow users already respect: the library never mutates your application-owned data — it emits events, you decide. If you prefer library-managed graph records, the optional Managed Flow State plugin applies supported gestures to an explicit typed store and includes snapshots and undo/redo.","excerpt":"The golden rule in the default stateless mode is the same one React Flow users already respect: the library never mutates your application-owned data — it emits events, you decide. If you prefer library-managed graph records, the optional Managed Flow State plugin applies supported gestures to an explicit typed store and includes snapshots and undo/redo."},{"chunkId":"/docs/react-flow-alternative-for-angular#5","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.08247,-0.0933,-0.00086,0.01523,0.00929,0.0811,0.02356,0.0722,-0.00943,0.03582,-0.06797,-0.01242,-0.07312,0.0454,0.07426,0.01496,0.02533,-0.0112,0.03558,0.02528,-0.03978,-0.09343,0.04872,-0.01405,0.00348,0.04827,0.03759,-0.08169,0.03404,-0.02695,0.00808,0.07809,-0.04007,-0.00045,-0.17212,0.04254,0.02304,-0.02042,-0.11762,-0.0698,0.01439,0.02471,0.02559,-0.04846,0.00626,-0.01819,-0.02132,-0.0056,-0.04094,0.03365,-0.08263,-0.10177,-0.00199,0.03306,0.0425,-0.00867,0.03627,-0.0865,-0.02666,0.01074,0.02945,-0.05684,0.02087,0.01342,-0.03193,0.04421,-0.03703,0.04218,0.062,-0.04358,-0.05706,-0.01741,0.08914,-0.03919,-0.01719,-0.07131,0.02851,0.03237,0.02338,0.03142,-0.0058,0.02849,-0.05736,0.04115,-0.04817,0.0912,0.00259,-0.02112,-0.01493,-0.0436,-0.03901,0.03429,0.03705,-0.04091,0.08667,-0.01939,-0.01814,-0.01687,-0.09657,0.00055,0.03669,0.02238,0.0002,0.00644,-0.05704,-0.0157,-0.01092,-0.03856,-0.01326,0.03633,-0.02284,-0.01206,0.00363,-0.05437,-0.06977,-0.03902,-0.04036,-0.03674,0.13524,0.13142,-0.01702,0.02361,-0.02761,-0.03453,0.09565,0.06065,-0.04323,0,-0.00638,0.08367,-0.03244,-0.0175,0.07615,-0.00564,0.01841,-0.14119,0.03028,0.0009,-0.02627,0.05355,-0.0428,0.07905,-0.00927,-0.12496,-0.02911,0.00439,0.04038,0.00332,0.04157,-0.07015,-0.02722,0.03091,0.10357,0.01822,-0.05083,0.07132,-0.02708,-0.01095,0.02774,-0.00445,-0.01881,-0.00153,-0.0348,-0.06202,-0.07342,-0.09686,0.02482,-0.03214,-0.02617,-0.02828,-0.09138,0.03416,-0.00547,-0.00612,-0.04418,-0.03855,0.07545,0.02596,-0.00218,0.00989,-0.02757,-0.06175,0.02341,-0.10633,-0.04202,0.08583,0.04274,0.06643,-0.02772,0.06743,0.00705,-0.05542,0.04207,0.04312,-0.03275,0.01682,0.0418,-0.06121,-0.07065,0.0558,0.00234,0.03665,-0.01489,-0.02433,0.0163,-0.01791,0.09094,-0.03402,-0.0315,-0.02849,0.02641,0.14639,0.1138,-0.06828,-0.06213,-0.07033,-0.10314,0.03721,0.05181,0.00958,0.05609,0.00662,-0.01725,0,-0.02258,-0.00193,-0.01696,0.08725,-0.03051,-0.02774,0.0406,0.01672,0.07163,-0.0259,-0.01051,0.11233,0.12346,-0.00952,-0.0075,0.01982,0.02029,-0.07625,0.05016,-0.03332,0.08334,0.02903,-0.06943,-0.01851,-0.08077,0.05488,0.01365,-0.03561,-0.03199,-0.02381,0.02795,-0.00492,0.00381,-0.05238,-0.02302,-0.01707,0.01269,0.04025,-0.02128,-0.03339,0.00836,-0.00229,0.03948,0.01324,-0.07372,0.05417,-0.10229,0.00974,-0.07333,0.02127,-0.0676,0.01566,-0.04222,-0.11164,-0.07709,-0.00375,0.05978,-0.00598,0.03178,-0.01375,0.04231,-0.05256,-0.00474,-0.00792,0.02509,0.07388,-0.03749,0.01241,0.09263,0.07521,0.07254,0.08106,0.01633,-0.01336,0.10536,0.07523,0.10321,-0.03081,0.03073,0.00041,-0.00615,0.12561,0.02701,-0.02036,0.09401,0.08258,-0.1,-0.05978,0.06431,0.07574,-0.07955,0.01933,-0.03046,0.00606,0.00178,0,-0.02133,0.00089,0.00064,-0.04466,0.02184,0.02524,-0.02504,-0.02071,0.0123,0.0435,-0.02412,0.06869,-0.03488,0.01651,0.08017,0.06176,-0.0003,0.03605,-0.05096,-0.03777,0.02021,0.01718,-0.03737,0.10913,0.0483,-0.02753,0.05713,0.01575,0.03118,-0.02553,-0.01765,-0.00699,0.02784,0.01477,-0.04921,0.00279,-0.023,-0.02069,-0.08128,0.04638,0.03154,0.02105,-0.03305,-0.04011,-0.1141,0.03986,-0.05536,-0.09891,-0.0316,0.00893,0.00642,0.0258,-0.08018,0.05966,0.05412,0.05028,-0.03344,0.00738,0.04952,0.03405,-0.01905,0.00528,0.00498,0.00773],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. What you get that React Flow doesn't ship - Keyboard-driven connection creation and a full accessibility layer (opt-in withA11y()): spatial arrow navigation, selection, movement, deletion and connecting without a mouse, with screen-reader announcements. - Configurable control schemes with Miro-like and draw.io-like presets, switchable at runtime. - Click-to-connect alongside drag, on a gesture-independent connection engine you can extend with custom gestures. - An Angular-grade integration story: signals-friendly, SSR-safe, zoneless-ready, ng add setup. with A11y","excerpt":"What you get that React Flow doesn't ship - Keyboard-driven connection creation and a full accessibility layer (opt-in withA11y()): spatial arrow navigation, selection, movement, deletion and connecting without a mouse, with screen-reader announcements. - Configurable control schemes with Miro-like and draw.io-like presets, switchable at runtime. - Click-to-connect alongside drag, on a gesture-independent connection engine you can extend with custom gestures. - An Angular-grade integration story: signals-friendly, SSR-safe, zoneless-ready, ng add setup."},{"chunkId":"/docs/react-flow-alternative-for-angular#6","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.09659,-0.0034,0.01415,-0.00015,0.07501,0.04368,-0.06312,0.10816,0.0066,0.02976,-0.13911,-0.03487,-0.08124,0.05666,0.08597,-0.00822,0.01203,0.0128,0.059,-0.03376,-0.04802,-0.0925,0.02998,0.01755,0.01362,0.10029,0.02681,-0.03398,0.00905,-0.05577,0.01949,0.10963,-0.05565,0.02741,-0.14628,0.08899,-0.03108,0.00461,-0.04955,-0.05008,0.01385,0.09246,-0.01695,-0.06002,0.00131,-0.02148,0.00168,-0.06018,-0.07069,0.02319,-0.073,-0.11586,-0.05584,0.06041,0.02129,-0.04764,0.06278,-0.10943,-0.01878,0.02565,0.01175,-0.08421,0.00193,0.04051,-0.02481,0.001,-0.05796,0.12259,0.04222,-0.07419,-0.03887,0.00024,0.07902,-0.01825,0.00201,-0.074,0.04066,0.05257,0.01175,0.03245,-0.03232,0.04489,-0.05896,0.00762,-0.03806,0.05817,0.0242,-0.01976,-0.01448,-0.03229,0.01636,0.06514,0.09264,-0.00132,0.08672,0.05289,-0.04469,-0.03202,-0.06671,0.00023,0.02685,0.01597,0.01878,-0.00666,-0.04165,-0.01913,-0.02402,-0.00881,0.04808,0.05096,-0.00044,0.06384,-0.01564,-0.03794,-0.02285,-0.08835,-0.01616,-0.04104,0.05859,0.12944,-0.02485,0.01911,0.05595,-0.01782,0.09026,0.06482,-0.05691,0,-0.01519,0.07111,-0.03184,0.07336,0.08041,-0.00739,0.06135,-0.05276,0.02054,0.02811,-0.04308,0.08785,-0.03625,0.08889,-0.04098,-0.11801,-0.08938,-0.00665,-0.00809,0.01975,0.01848,-0.05722,-0.00801,0.03114,0.09905,-0.02976,-0.017,0.07478,-0.07071,-0.01125,0.03354,-0.02822,0.01983,0.06184,-0.02383,-0.01775,-0.07535,-0.08326,0.00641,-0.05815,-0.03408,0,-0.09321,0.02282,0.05634,-0.01322,-0.0273,-0.04359,0.07432,-0.00811,0.02361,0.01179,0.04197,-0.02936,0.04235,-0.03755,0.04818,0.05974,0.03027,0.0385,0.00131,0.04607,-0.01149,-0.04718,0.03428,0.06702,-0.02542,0.01381,0.01585,-0.04973,-0.04363,0.05759,0.01441,0.04913,0.00183,-0.05949,0.03794,0.07768,0.07616,-0.03774,-0.02224,-0.01249,0.00496,0.06251,0.07119,-0.04719,-0.02783,-0.04848,-0.06498,0.09516,0.05374,-0.00316,0.06543,0.01422,0.03242,0,-0.01717,-0.02818,-0.00123,0.08011,0.04249,-0.04791,-0.01177,0.03771,0.07459,-0.00936,-0.00419,0.05422,0.07021,-0.01018,-0.01442,-0.00608,0.0085,-0.14487,0.09126,-0.06561,0.02472,0.07831,-0.07814,-0.03589,-0.05649,0.04442,-0.02579,-0.05494,0.0196,-0.02703,0.03551,-0.07499,-0.00523,-0.05238,-0.06253,0.01533,-0.03099,0.04975,-0.00451,-0.01424,-0.03431,-0.02704,-0.00399,-0.03493,-0.12742,-0.00729,-0.10002,-0.00989,0.01118,0.00169,-0.06529,0.0508,-0.02852,-0.11224,-0.04564,-0.0398,0.05546,0.01438,0.00667,-0.01223,0.01451,-0.00968,0.0134,-0.02364,-0.04189,0.04453,-0.09453,-0.01484,0.00026,0.09417,0.01917,0.06751,-0.05896,0.00614,0.06664,0.05763,0.06121,-0.02051,0.0235,0.04383,-0.01693,0.09105,-0.01366,0.06943,0.0488,0.05205,-0.04574,-0.07231,0.02552,0.03223,-0.08502,-0.02444,-0.0143,-0.03553,0.03164,0,-0.01632,-0.00237,0.01155,-0.02206,0.01036,0.03017,-0.0931,-0.00348,0.02318,0.07143,0.0101,0.09291,-0.05325,0.00426,0.04085,0.02514,-0.03917,0.01771,-0.03528,-0.04254,-0.00793,0.05622,-0.03578,0.04753,0.07034,-0.00438,0.03986,0.03741,0.0236,-0.04808,-0.06012,0.00961,0.01749,0.02212,0.0456,-0.02443,-0.00603,-0.02124,-0.0576,0.0634,0.0328,0.02058,-0.00057,-0.01235,-0.08918,0.03255,-0.05439,-0.07637,-0.04615,-0.0191,0.04131,-0.01441,-0.14107,0.08558,0.03419,0.05202,-0.08616,-0.01784,0.07153,-0.00736,-0.04407,0.00409,0.02592,0.02116],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. What React Flow has that we don't pretend to match - A much larger ecosystem: more third-party examples, templates, tutorials and StackOverflow answers. - A React-shaped API that LLMs know from training data. - A commercial Pro example library. If those outweigh framework fit for your team, React Flow with a wrapper is a legitimate choice. For a deeper side-by-side — bundle size, SSR, migration notes — read React Flow vs Foblex Flow for Angular teams. Stack Overflow LL Ms","excerpt":"What React Flow has that we don't pretend to match - A much larger ecosystem: more third-party examples, templates, tutorials and StackOverflow answers. - A React-shaped API that LLMs know from training data. - A commercial Pro example library. If those outweigh framework fit for your team, React Flow with a wrapper is a legitimate choice. For a deeper side-by-side — bundle size, SSR, migration notes — read React Flow vs Foblex Flow for Angular teams."},{"chunkId":"/docs/react-flow-alternative-for-angular#7","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.09364,-0.01393,-0.01682,-0.00213,0.05376,0.03912,-0.05756,0.09636,0.01371,0.02994,-0.12504,-0.05839,-0.09392,0.03661,0.06061,-0.00081,-0.02131,0.05827,0.03811,0.00702,-0.02975,-0.07325,0.00365,0.01165,0.01597,0.10309,0.04067,-0.057,0.05241,-0.04974,0.04326,0.1175,-0.036,0.04679,-0.15464,0.07647,-0.05348,-0.00548,-0.06036,-0.06139,0.0354,0.09858,-0.00728,-0.06771,0.01577,-0.02499,-0.04412,-0.04406,-0.05043,0.01332,-0.08687,-0.1225,-0.05764,0.03754,0.05569,-0.03296,0.07323,-0.09667,0.01223,0.03243,0.02217,-0.06669,-0.00116,0.04041,0.00528,0.03909,-0.06541,0.05912,0.05579,-0.07065,-0.02912,0.00291,0.06706,-0.0493,0.00885,-0.08676,0.04179,0.05273,-0.01071,0.02176,-0.05343,0.01291,-0.04634,0.01509,-0.033,0.09632,0.02714,-0.04109,0.00673,-0.0238,-0.00985,0.05806,0.03312,-0.02379,0.08393,0.02224,-0.02156,-0.03354,-0.07826,0.00248,0.04024,-0.00455,0.0098,-0.00408,-0.04803,-0.02041,0.02199,-0.03148,0.03001,0.01871,-0.0208,0.02004,-0.00266,-0.07327,-0.046,-0.08547,-0.00907,-0.05207,0.08785,0.11988,-0.00575,0.02788,0.00915,-0.04026,0.07166,0.05225,-0.02588,0,-0.01951,0.04599,-0.01334,0.00128,0.08949,-0.02469,0.03068,-0.1047,0.04875,-0.00554,-0.04908,0.08944,-0.0607,0.07392,-0.05071,-0.13218,-0.05319,-0.02062,0.04127,0.01994,0.05496,-0.06969,-0.02273,0.01815,0.08166,-0.00588,-0.01849,0.04135,-0.09165,-0.00364,0.03196,-0.00047,-0.01622,0.05951,-0.04521,-0.02173,-0.07086,-0.05322,0.00736,-0.07367,-0.02507,-0.00538,-0.07852,0.04788,0.04506,-0.03294,-0.03072,-0.05173,0.06332,0.00873,0.02649,0.03713,0.01278,-0.06179,0.05072,-0.06007,0.02389,0.06609,0.05393,0.09521,-0.00388,0.05206,-0.0228,-0.04353,0.01643,0.08877,-0.04306,0.00271,0.02354,-0.01879,-0.0539,0.05023,0.01924,0.0298,-0.02288,-0.02476,0.02497,-0.00919,0.0618,-0.04562,-0.08524,-0.0381,0.02234,0.09794,0.10544,-0.06839,-0.03936,-0.07013,-0.06441,0.03421,0.04194,-0.02101,0.07167,-0.00753,0.02152,0,-0.03124,-0.02481,-0.01986,0.1046,0.02044,-0.04616,0.00301,0.04162,0.05336,0.01061,0.00171,0.06539,0.07671,-0.00521,0.03753,-0.00604,0.00344,-0.10474,0.07771,-0.04092,0.06219,0.05577,-0.09063,-0.05141,-0.03918,0.03481,-0.00559,-0.01599,-0.00164,-0.04183,0.01754,-0.04678,-0.02011,-0.03998,-0.04773,0.01029,0.01972,0.02816,-0.03297,-0.02427,-0.03159,-0.01444,0.00931,-0.0133,-0.1171,0.01121,-0.07858,0.00719,-0.03548,-0.01309,-0.05649,0.04484,-0.02486,-0.09023,-0.08866,-0.0262,0.07232,0.03035,0.03023,-0.01334,0.01705,-0.06914,0.00986,-0.03681,-0.00373,0.05597,-0.0705,-0.01027,0.01632,0.10264,0.04584,0.0713,-0.03932,0.02036,0.06331,0.01763,0.08747,-0.02036,0.04467,0.00529,0.03369,0.12818,0.0085,0.02153,0.08739,0.01131,-0.0951,-0.0592,0.04788,0.09212,-0.103,0.00403,-0.00865,-0.00341,-0.01195,0,-0.05042,-0.02656,0.04186,-0.00651,0.04954,0.04538,-0.06381,-0.00286,0.00047,0.0214,0.0037,0.07942,-0.01209,-0.00745,0.06839,0.04511,-0.00701,0.01116,-0.02773,-0.03169,-0.00657,0.05961,-0.03861,0.07926,0.05618,-0.02038,0.05042,0.02184,0.01861,-0.02915,-0.04947,0.05149,0.04368,0.00519,0.03351,0.00626,-0.01481,-0.00372,-0.09914,0.0252,0.01385,0.02051,-0.01639,-0.03776,-0.06796,0.0439,-0.06272,-0.08633,0.00323,-0.01215,0.04832,0.01616,-0.14329,0.09868,0.04998,0.03323,-0.08204,-0.04546,0.02952,0.00013,-0.01969,0.0262,0.06355,0.01342],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. Start in five minutes Continue with Get Started, browse the examples, or open the flagship AI Low-Code Platform demo to see how far the same primitives scale.","excerpt":"Start in five minutes Continue with Get Started, browse the examples, or open the flagship AI Low-Code Platform demo to see how far the same primitives scale."},{"chunkId":"/docs/ngx-graph-alternative#0","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.09006,0.01214,-0.03497,0.02114,0.02643,0.00563,-0.12291,0.03482,-0.00187,0.09992,-0.08509,0.0014,-0.07804,0.06522,0.10312,0.00384,-0.00555,0.00886,0.05952,-0.0374,-0.09488,-0.04501,-0.00276,-0.02767,0.09517,0.08617,-0.0359,-0.01374,0.05798,-0.05774,0.0108,0.05728,-0.0261,0.0395,-0.14491,0.0684,0.02021,0.01112,-0.01543,-0.04718,0.02262,0.05181,-0.04223,-0.04554,-0.06621,-0.04274,-0.09417,-0.02471,-0.04382,0.10372,-0.05459,-0.16095,-0.08596,0.04479,0.0535,-0.00058,-0.01223,-0.07879,0.04834,0.02373,0.02313,-0.00834,0.01036,0.08401,-0.0106,0.03903,-0.04028,0.00339,0.05117,-0.03952,-0.00213,-0.03258,-0.02744,-0.01324,-0.02737,-0.01831,-0.02007,0.0416,-0.03516,-0.07566,0.079,0.06439,-0.02972,0.07785,-0.02009,0.07183,0.023,-0.04783,-0.00018,-0.03484,-0.01934,0.10325,0.05511,-0.01354,0.01201,0.02529,0.04184,0.03325,-0.09345,0.0245,0.01796,-0.10371,0.05523,-0.00581,-0.02844,-0.02953,0.02045,-0.00398,-0.03095,0.01538,-0.01816,0.06048,-0.05266,-0.06807,-0.04718,-0.05639,-0.04461,-0.06512,0.04069,0.1163,-0.00906,0.03761,0.03283,-0.00878,0.10088,0.03448,-0.01852,0,0.03859,0.04438,-0.02779,-0.04546,0.09728,0.00235,-0.06336,-0.07827,-0.0178,-0.0208,0.00071,0.08913,-0.01193,0.10343,0.04327,-0.0622,0.01348,-0.0044,0.05074,-0.02167,0.04047,-0.03839,-0.00695,0.10103,0.04374,0.06657,-0.00717,0.02916,-0.01654,0.00802,0.01494,0.01919,0.01778,-0.01858,-0.07448,-0.02803,-0.08115,-0.10841,-0.00372,-0.04476,-0.02678,-0.02532,-0.08357,-0.02462,-0.01065,0.01345,-0.06946,-0.05623,0.02936,-0.03137,-0.01841,0.03172,0.00763,0.09636,0.04929,-0.02612,0.06185,0.04658,0.02021,0.02104,0.07483,0.055,-0.01259,-0.02115,0.01145,0.05607,0.01321,0.00486,0.05358,-0.04278,-0.10637,0.05917,0.05909,0.00525,-0.01187,-0.04109,-0.0291,0.0184,0.05409,-0.03947,-0.04592,-0.1281,-0.01213,0.06773,0.08364,-0.09519,0.01631,0.01773,-0.02823,-0.00098,0.06293,0.0087,-0.01684,0.0319,0.02912,0,0.00647,0.0448,0.0333,0.11648,0.03597,-0.03747,0.03709,0.00352,0.01763,0.03489,0.01056,-0.00509,0.00917,-0.01193,0.00318,-0.01665,-0.03956,-0.11705,-0.01491,-0.07422,0.00722,0.00427,-0.00673,-0.03983,0.0394,0.03736,0.01448,-0.07305,-0.0164,-0.05471,-0.00937,-0.00389,-0.02875,-0.13951,0.007,0.01665,0.04651,0.0527,-0.02668,-0.04178,0.00055,0.02588,-0.00172,0.01831,-0.04907,0.07875,-0.08012,0.03262,-0.06021,-0.01303,-0.03396,0.03742,0.03592,-0.08872,-0.01954,-0.05681,0.09241,0.04481,-0.02094,-0.0144,-0.03338,-0.02541,0.02778,-0.02437,-0.03263,0.06167,-0.05323,-0.0215,0.00805,0.13143,0.07612,0.00474,-0.09858,-0.00273,0.10083,0.07634,0.09638,0.01605,0.02786,-0.0015,0.01587,0.07943,0.01099,0.03999,0.06356,0.04288,-0.11282,-0.03071,0.05383,0.0737,-0.06766,-0.00477,-0.09694,0.02536,0.03566,0,-0.10053,0.01958,-0.01286,-0.02917,0.07139,0.00717,0.05892,0.0499,0.06352,0.05829,0.01911,0.0036,-0.0241,-0.02293,0.0129,-0.00028,0.0083,-0.00549,0.01808,-0.00201,-0.0377,0.01575,-0.02953,0.06389,0.03254,-0.0479,-0.00859,0.00806,-0.06027,0.01258,-0.04683,0.06385,0.08788,0.04707,0.00531,-0.04881,-0.06696,0.01323,-0.08185,0.01263,0.0578,0.05237,0.0088,-0.03237,-0.06902,0.01246,0.01102,-0.05258,0.00998,-0.07037,-0.04193,-0.03856,-0.10959,0.00088,0.01936,0.07146,-0.05764,-0.06372,0.07329,-0.01127,-0.00571,-0.04729,0.00205,-0.02746],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. ngx-graph Alternative ngx-graph served Angular teams well as a graph visualization library, but its last release was years ago and the repository is effectively unmaintained, while tens of thousands of projects still install it weekly. If you are choosing today — or maintaining an app stuck on it — Foblex Flow is the actively maintained Angular-native option, and it covers a wider job: not just rendering a graph, but letting users edit it.","excerpt":"ngx-graph Alternative ngx-graph served Angular teams well as a graph visualization library, but its last release was years ago and the repository is effectively unmaintained, while tens of thousands of projects still install it weekly. If you are choosing today — or maintaining an app stuck on it — Foblex Flow is the actively maintained Angular-native option, and it covers a wider job: not just rendering a graph, but letting users edit it."},{"chunkId":"/docs/ngx-graph-alternative#1","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.09589,0.02507,-0.03147,0.03423,0.0123,0.00464,-0.08694,0.02687,0.01696,0.11207,-0.08417,0.03551,-0.07914,0.04193,0.08145,-0.01149,0.01596,-0.01309,0.01855,-0.0109,-0.07235,-0.02902,-0.01837,-0.04367,0.05486,0.06606,-0.02367,0.00397,0.07241,-0.0727,0.02609,0.08085,-0.01893,0.00456,-0.13424,0.08316,0.00349,0.02314,-0.01094,-0.03916,0.08124,0.06886,0.00263,-0.09025,-0.05453,-0.03959,-0.13099,-0.0043,-0.03801,0.0905,-0.08393,-0.12912,-0.09311,0.03859,0.03893,0.02966,-0.00633,-0.06864,0.0514,0.01679,0.02682,0.00488,-0.00099,0.05658,-0.00294,0.04964,-0.0321,-0.04074,0.00739,0.02012,-0.00012,-0.04405,-0.03906,0.00344,0.03416,-0.03138,-0.05172,0.02746,-0.00445,-0.08482,0.07502,0.07345,0.01357,0.08992,-0.02042,0.04562,0.03398,-0.06135,0.01825,-0.05303,-0.00961,0.06113,0.01777,-0.00107,0.03665,0.01542,0.03235,0.02834,-0.06641,0.04644,0.03013,-0.07548,0.07395,0.01664,-0.03505,-0.05353,-0.03509,-0.02706,-0.06742,0.00617,-0.01263,0.08095,-0.03989,-0.06205,-0.07502,-0.04702,-0.05779,-0.09089,0.05312,0.09186,0.01986,0.01016,0.01363,0.03605,0.10305,0.0151,0.01561,0,0.00202,0.03165,-0.05293,-0.00135,0.09213,0.0183,-0.09473,-0.05848,-0.00967,0.01861,0.03338,0.09524,0.00202,0.09544,0.06123,-0.05649,0.05474,0.01193,0.03614,-0.03497,0.0451,-0.03617,-0.0296,0.08496,0.08134,0.09309,-0.01505,0.0529,-0.06345,-0.00252,0.00849,-0.00867,0.0359,-0.02239,-0.06843,-0.00083,-0.09918,-0.0913,-0.03742,-0.06063,0.02362,-0.00194,-0.07984,-0.01567,0.01225,0.03534,-0.04145,-0.03376,0.03103,-0.02573,-0.01118,0.04469,0.02914,0.09577,0.05516,-0.02417,0.03096,0.01798,0.01333,0.03003,0.07553,0.02332,-0.01604,0.01341,0.06097,0.04838,0.03609,0.01995,0.07004,-0.02992,-0.10265,0.06719,0.0187,0.0195,-0.00325,-0.03712,-0.04684,-0.01822,0.04312,-0.02038,-0.03207,-0.10036,0.00359,0.08164,0.05524,-0.11202,0.04136,0.05026,-0.01827,-0.02873,0.08153,0.009,-0.02127,0.03198,0.05829,0,0.01467,0.03837,0.03571,0.11722,-0.011,-0.02977,0.04209,0.00112,0.01984,0.01495,0.01674,-0.01269,0.0091,-0.02427,-0.00504,0.0023,-0.11331,-0.09527,-0.02521,-0.05818,0.03848,0.00342,0.00416,-0.03204,0.02048,0.03982,0.03472,-0.04126,-0.03431,-0.03431,-0.03705,-0.00706,-0.04269,-0.09199,-0.00309,-0.00041,0.02914,0.06334,-0.00919,-0.02941,-0.00209,0.05955,0.01056,0.00799,-0.03811,0.07228,-0.07235,0.05372,-0.05497,-0.02117,-0.07714,0.05337,0.02194,-0.08812,-0.0378,-0.03206,0.07664,0.02348,-0.02127,-0.01682,-0.03311,-0.02684,0.04273,-0.0286,-0.00793,0.05028,-0.07423,-0.06317,0.0052,0.12771,0.04821,0.01886,-0.08543,-0.01506,0.09907,0.05996,0.12003,0.01217,0.05842,-0.03309,-0.00665,0.06173,-0.00951,0.03216,-0.02374,0.07119,-0.11464,-0.01271,0.0793,0.08888,-0.0774,-0.01718,-0.05021,-0.00188,0.01791,0,-0.11314,0.0283,-0.02253,-0.00519,0.05627,-0.00208,0.07186,0.04455,0.02121,0.06308,-0.01021,0.02802,-0.03769,-0.02458,-0.03408,-0.01196,-0.01366,-0.01348,-0.01193,-0.0254,-0.03901,0.01465,0.00301,0.06572,0.04261,-0.06994,-0.0164,-0.00209,-0.01666,0.0187,-0.05928,0.04017,0.11889,0.06075,-0.054,-0.05851,-0.07428,0.00928,-0.04824,-0.03651,0.05151,0.02121,-0.01834,-0.02905,-0.09178,0.02397,0.05509,-0.03596,0.02286,-0.04802,-0.05917,-0.0366,-0.04428,-0.03066,0.0121,0.07817,-0.02798,-0.05076,0.117,-0.0021,-0.04101,-0.04498,-0.02845,-0.06592],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. The honest difference in scope - ngx-graph renders a graph from data with automatic layouts. Interaction is mostly viewing: pan, zoom, click. - Foblex Flow is an editor toolkit: dragging nodes, creating and reassigning connections, selection, resize/rotate, minimap, snapping, undo-friendly events — plus optional auto-layout via the Dagre and ELK packages when you want ngx-graph-style automatic arrangement. If all you need is a static, auto-laid-out visualization and you never touch it again, a dead-but-working dependency may hold for a while. The moment users need to change the graph — or you need Angular 17+ support, signals, SSR, or bug fixes — you need a maintained editor library.","excerpt":"The honest difference in scope - ngx-graph renders a graph from data with automatic layouts. Interaction is mostly viewing: pan, zoom, click. - Foblex Flow is an editor toolkit: dragging nodes, creating and reassigning connections, selection, resize/rotate, minimap, snapping, undo-friendly events — plus optional auto-layout via the Dagre and ELK packages when you want ngx-graph-style automatic arrangement. If all you need is a static, auto-laid-out visualization and you never touch it again, a dead-but-working dependency may hold for a while. The moment users need to change the graph — or you need Angular 17+ support, signals, SSR, or bug fixes — you need a maintained editor library."},{"chunkId":"/docs/ngx-graph-alternative#2","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.0807,-0.01307,-0.0166,0.01324,0.03129,-0.02238,-0.12056,0.04626,-0.01843,0.11202,-0.05791,-0.00158,-0.04569,0.04309,0.11277,0.009,-0.00001,0.04069,0.02943,0.00277,-0.07862,0.00201,0.00159,-0.04057,0.08463,0.06407,-0.04212,-0.01505,0.06729,-0.06795,0.01995,0.059,-0.05066,0.02,-0.08383,0.08751,0.01052,-0.02115,0.0156,-0.04541,0.06285,0.04497,-0.02387,-0.04722,-0.04866,-0.05053,-0.12071,-0.01358,-0.03285,0.09544,-0.08405,-0.15645,-0.10628,0.07093,0.02573,0.01481,-0.00374,-0.06828,0.05966,0.03491,0.06029,0.01687,-0.0082,0.07845,-0.0201,0.03839,-0.05283,-0.01398,0.03332,-0.01252,-0.01964,-0.03177,-0.0623,0.0012,-0.00429,-0.05553,-0.01944,0.04505,-0.03523,-0.07229,0.07403,0.05508,-0.02021,0.05882,-0.01262,0.05614,0.03454,-0.07028,0.01859,-0.05896,-0.00257,0.06663,0.05236,0.00378,0.01084,0.00453,0.02978,0.05831,-0.07861,0.02732,0.01497,-0.07446,0.0606,-0.01213,-0.02579,-0.01366,-0.01068,-0.01321,-0.03162,0.0265,-0.01262,0.06897,-0.04227,-0.07712,-0.04923,-0.07509,-0.07075,-0.07727,0.04573,0.11966,-0.02501,0.00976,0.01169,-0.00004,0.07226,0.02629,-0.021,0,-0.00433,0.03289,-0.03919,-0.05608,0.08021,-0.00323,-0.08466,-0.07203,-0.00151,-0.02886,-0.01248,0.10023,-0.02884,0.07586,0.07419,-0.04702,0.04276,-0.01894,0.1024,-0.02361,0.05996,-0.04176,-0.01395,0.10946,0.07607,0.09195,0.02294,-0.00401,-0.04281,0.00822,0.01591,-0.00159,0.03812,-0.00731,-0.07918,-0.01661,-0.06686,-0.07934,-0.02551,-0.06642,-0.00788,-0.02853,-0.08272,-0.00849,0.00063,0.01336,-0.03403,-0.07855,0.04794,-0.05544,-0.0145,-0.00444,0.008,0.09526,0.02089,-0.04217,0.03303,0.05384,0.01989,0.03958,0.08262,0.00295,0.02515,-0.00586,0.04776,0.02859,0.00458,0.00907,0.05484,0.00426,-0.09538,0.03434,0.03136,0.05634,-0.02082,-0.05844,-0.05706,-0.01837,0.07127,-0.06205,-0.0469,-0.08355,-0.04262,0.08248,0.0961,-0.10205,0.02152,-0.02228,-0.01564,0.00043,0.06761,0.01301,-0.04351,0.02742,0.05079,0,0.00324,0.04074,0.03189,0.12822,-0.01143,-0.0505,0.06984,0.02286,0.01133,0.04628,-0.00176,0.00143,0.03837,-0.02717,-0.00751,-0.01976,-0.06429,-0.10862,-0.02284,-0.05068,0.02327,0.0298,-0.01252,-0.05163,0.04047,0.03024,0.01879,-0.03435,-0.03666,-0.06687,-0.03117,0.01236,-0.00395,-0.097,-0.015,0.05686,0.05327,0.0624,-0.0052,-0.06712,0.0145,0.02049,0.03312,-0.00368,-0.06102,0.07035,-0.08811,0.0454,-0.06136,-0.0423,-0.00413,0.03671,0.04365,-0.08907,-0.01923,-0.02521,0.06446,0.02801,-0.0302,-0.03709,-0.01193,-0.00918,0.05661,-0.01916,-0.00129,0.05258,-0.07433,-0.04038,-0.04341,0.10466,0.05741,0.02424,-0.10991,0.02192,0.06336,0.04697,0.10307,0.01396,0.02542,-0.03097,0.00376,0.06695,-0.00767,0.01467,0.00523,0.03809,-0.09012,-0.03766,0.05667,0.07392,-0.09102,-0.00627,-0.05408,-0.01712,0.00216,0,-0.10854,0.03355,-0.00406,-0.00779,0.06068,0.02448,0.06457,0.06079,0.07535,0.07067,-0.02582,0.0156,-0.01637,0.01622,-0.02753,-0.01252,0.02035,0.00918,0.02533,-0.01575,-0.06777,0.03729,0.01936,0.08442,0.0679,-0.05095,-0.02138,-0.01224,-0.00053,0.00833,-0.04429,0.04114,0.10428,0.03421,-0.01332,-0.01593,-0.06873,0.03902,-0.09448,-0.02572,0.07197,-0.00116,-0.00802,-0.04008,-0.07977,0.00997,0.03246,-0.03721,0.04883,-0.05029,-0.03019,-0.06611,-0.10332,-0.06749,0.00778,0.07343,-0.04999,-0.05813,0.08204,-0.00685,0.00096,-0.04916,0.01001,-0.03549],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. Migrating from ngx-graph The models are close enough that migration is mechanical for most apps:","excerpt":"Migrating from ngx-graph The models are close enough that migration is mechanical for most apps:"},{"chunkId":"/docs/ngx-graph-alternative#3","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.0441,0.0281,-0.02267,0.031,0.06319,0.01505,-0.04543,0.05866,0.02863,0.07813,-0.1025,0.03773,-0.05913,0.02624,0.08958,0.00517,-0.00655,0.01585,0.02733,0.0101,-0.07415,-0.0643,0.00556,-0.01919,0.06254,0.08919,0.04771,-0.01662,0.07151,-0.07472,0.06957,0.03506,-0.00196,0.0687,-0.13631,0.12474,0.02158,0.0184,-0.07484,-0.04608,0.03209,0.09877,-0.03779,-0.09145,-0.02685,0.02132,-0.07905,-0.04867,-0.04384,0.0779,-0.11507,-0.14566,-0.05515,0.05641,-0.02398,-0.02219,0.02768,-0.05615,0.03875,0.03002,0.0001,-0.04724,0.04335,0.02387,0.02785,-0.01763,-0.0287,-0.03132,-0.05978,0.04242,0.00224,-0.04976,0.01337,0.0297,-0.03238,-0.02971,-0.00483,0.02508,0.0364,-0.03188,0.0843,0.0678,-0.00388,0.04892,-0.04275,0.03908,-0.00238,-0.04857,-0.03877,-0.05228,-0.0362,0.12575,-0.0028,-0.03245,0.06801,0.0521,0.00536,0.01752,-0.01861,0.00209,0.05126,-0.03498,0.01392,0.0063,0.00957,-0.02432,-0.0423,0.00821,-0.00923,-0.01287,0.00028,0.08547,-0.03724,-0.02964,-0.09207,-0.07932,-0.00677,-0.04578,0.03571,0.10826,0.00655,0.03405,0.03294,0.04815,0.08101,0.03833,-0.00634,0,-0.02874,0.06006,-0.08661,-0.04294,0.04785,-0.00741,-0.05347,-0.06775,0.02841,0.05809,-0.00468,0.0324,-0.02268,0.08634,0.0585,-0.059,0.0463,-0.0348,-0.00431,-0.05775,0.08995,-0.04544,-0.01666,0.07724,0.10151,0.06757,-0.0572,0.07002,-0.14443,-0.04208,0.05941,0.02424,0.00722,-0.03983,-0.00211,-0.04661,-0.0802,-0.03248,-0.04971,-0.01329,0.04676,-0.05817,-0.06126,-0.03978,-0.00746,0.00832,-0.07581,-0.04412,0.05967,-0.01341,-0.00728,0.02756,0.02297,0.00417,0.02576,0.01776,0.02327,-0.02795,0.00746,-0.00053,0.00475,0.01501,0.01535,-0.06509,-0.0315,-0.00269,0.06248,0.02849,0.0239,-0.02894,-0.03694,0.04576,0.03961,-0.0102,-0.00233,-0.03903,-0.05336,0.02315,0.06037,-0.00863,-0.03214,-0.08204,0.03268,0.05239,0.13732,-0.07778,0.03781,-0.05337,-0.03096,-0.01892,0.06427,-0.01067,-0.04734,-0.03216,0.01148,0,0.01589,0.0999,0.02729,0.07424,-0.00649,-0.01768,0.00549,0.04918,-0.03555,0.01414,-0.01291,-0.02327,0.00618,-0.01801,-0.05006,0.04216,-0.04602,-0.04709,-0.01412,-0.05322,-0.02124,0.02939,0.04419,-0.01026,0.04838,0.04647,0.05952,-0.02416,-0.00554,-0.05445,-0.0423,-0.00102,0.07783,-0.12027,0.02171,-0.02651,0.04084,0.00436,0.01418,-0.0582,0.01353,0.04912,0.02178,0.02507,-0.09293,0.02891,-0.05073,0.04849,-0.06728,0.0232,-0.03694,0.02667,-0.03217,-0.02594,-0.04082,-0.06366,-0.00402,0.03099,-0.05433,-0.00764,-0.06414,-0.02604,0.01349,0.01244,0.06936,0.05146,-0.0924,-0.0405,0.01881,0.13094,0.02159,0.01503,-0.01542,-0.01746,0.09397,0.06424,0.08571,0.05148,0.07201,-0.05081,0.02413,0.03959,-0.05007,0.08344,0.05599,0.04272,-0.13639,-0.07262,0.03704,0.06662,-0.07022,-0.00494,-0.00845,0.00493,0.09156,0,-0.04495,0.00964,-0.08212,0.00075,0.08141,-0.02931,-0.00043,-0.00322,-0.04372,0.06943,-0.05751,0.04677,-0.06066,-0.04759,-0.00812,-0.00183,-0.01643,-0.00088,0.0252,0.05452,-0.02679,0.01887,-0.04287,0.11205,0.07054,-0.03489,-0.02908,-0.01912,0.05735,0.0135,-0.09502,0.01667,0.04398,0.09085,-0.02922,-0.05807,-0.05619,-0.0589,-0.07337,0.00168,0.07704,0.03131,0.05699,-0.05592,-0.13372,0.06424,-0.0194,-0.06424,0.01401,-0.00785,-0.02777,-0.03367,-0.09836,0.01322,0.02821,0.01663,-0.00344,0.01058,0.09443,0.00368,-0.01583,-0.01735,-0.00751,-0.08434],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. - In the default stateless mode, ngx-graph nodes / links arrays stay your source of truth — Foblex Flow never owns your data. Render them with @for instead of passing them to a component input. - A node template (ng-template #nodeTemplate) becomes a plain element with fNode and [fNodePosition] — with your full Angular component inside, not an SVG fragment. HTML instead of SVG is the biggest quality-of-life change: real inputs, buttons, pipes and directives inside nodes. - A link becomes <f-connection fSourceId fTargetId with built-in path types (straight, segment, bezier), markers and labels. - Automatic layout (dagre in ngx-graph) maps to @foblex/f-dagre-layout or @foblex/f-elkjs-layout — run it on init or on demand, then keep user-made positions. - (select)-style events map to fSelectionChange; panning/zooming to f-canvas + fZoom. node Template f Node f Node Position f Source Id f Target Id f Selection Change f Zoom","excerpt":"- In the default stateless mode, ngx-graph nodes / links arrays stay your source of truth — Foblex Flow never owns your data. Render them with @for instead of passing them to a component input. - A node template (ng-template #nodeTemplate) becomes a plain element with fNode and [fNodePosition] — with your full Angular component inside, not an SVG fragment. HTML instead of SVG is the biggest quality-of-life change: real inputs, buttons, pipes and directives inside nodes. - A link becomes <f-connection fSourceId fTargetId with built-in path types (straight, segment, bezier), markers and labels. - Automatic layout (dagre in ngx-graph) maps to @foblex/f-dagre-layout or @foblex/f-elkjs-layout — run it on init or on demand, then keep user-made positions. - (select)-style events map to fSelectionChange; panning/zooming to f-canvas + fZoom."},{"chunkId":"/docs/ngx-graph-alternative#4","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.08093,-0.01645,-0.03628,0.0413,0.01474,-0.00913,-0.1168,0.02531,-0.02437,0.11512,-0.05984,0.00159,-0.06395,0.0471,0.09411,0.00652,-0.00107,0.03541,0.03157,0.00966,-0.08209,-0.02329,0.00715,-0.05542,0.07772,0.04744,-0.05845,-0.02676,0.05813,-0.08191,0.01412,0.05838,-0.04607,0.02162,-0.08762,0.11259,0.01558,-0.03298,-0.01606,-0.04521,0.06331,0.05348,-0.03479,-0.058,-0.04297,-0.04187,-0.13454,-0.01789,-0.03145,0.09092,-0.08794,-0.16646,-0.09596,0.05301,0.0316,0.01708,-0.00276,-0.05952,0.05033,0.04618,0.04017,0.01369,0.00403,0.0549,-0.02113,0.05364,-0.04813,-0.02195,0.02635,-0.02818,-0.0229,-0.04386,-0.05525,0.02508,0.00256,-0.0511,-0.03606,0.03377,-0.02242,-0.04439,0.08274,0.05278,-0.02661,0.07668,-0.01573,0.07695,0.04334,-0.06215,-0.01043,-0.05811,-0.01384,0.0668,0.03646,0.00606,0.02221,-0.00484,0.03556,0.05217,-0.07964,0.02471,0.00747,-0.07609,0.05293,-0.00271,-0.03306,-0.01991,0.00049,-0.02012,-0.05274,0.00269,-0.00878,0.05668,-0.05408,-0.07231,-0.04548,-0.0686,-0.06152,-0.07161,0.05975,0.11917,-0.0159,0.0165,-0.00731,0.00233,0.06651,0.01271,-0.00393,0,0.00839,0.04476,-0.04656,-0.04882,0.11285,-0.00819,-0.08023,-0.06609,-0.03316,-0.03526,0.00585,0.07255,-0.02591,0.08192,0.0659,-0.0454,0.04257,0.01045,0.08586,-0.02525,0.04879,-0.04202,-0.02256,0.11565,0.08261,0.07419,0.01351,-0.00681,-0.00218,-0.00277,0.00381,-0.00293,0.03601,-0.03495,-0.08105,-0.01966,-0.08028,-0.07578,-0.02911,-0.05675,-0.01405,-0.00758,-0.07907,-0.02798,-0.02473,0.01861,-0.02582,-0.05503,0.05366,-0.04476,-0.02096,0.00119,0.016,0.08133,0.04403,-0.03734,0.04313,0.07832,0.01944,0.0417,0.07816,0.03277,0.01045,0.01692,0.06272,0.03007,0.02186,0.01744,0.07268,-0.03013,-0.10461,0.03375,0.03509,0.0482,-0.01846,-0.05975,-0.06138,-0.0257,0.08375,-0.03963,-0.05938,-0.08633,-0.01245,0.10001,0.08995,-0.12672,0.01496,0.01605,-0.01119,-0.01621,0.06569,0.00986,-0.03984,0.0055,0.0265,0,0.00479,0.04542,0.03358,0.11104,-0.0062,-0.03111,0.05959,0.00174,0.01337,0.04577,0.02051,0.00103,0.05048,-0.03722,-0.01652,-0.01497,-0.07947,-0.0982,-0.03302,-0.04726,0.04457,0.00415,0.0113,-0.02642,0.04551,0.02794,0.0261,-0.0161,-0.04841,-0.0683,-0.01615,-0.00412,-0.01878,-0.11075,0.00604,0.02922,0.06735,0.07562,-0.02163,-0.05939,0.01613,0.02692,0.01419,0.00586,-0.03739,0.07116,-0.08952,0.04563,-0.06482,-0.02581,-0.02575,0.03674,0.03341,-0.09325,-0.01531,-0.0321,0.06457,0.02616,-0.0169,-0.04208,0.00075,-0.03011,0.04236,-0.0105,0.00336,0.05108,-0.07462,-0.02457,-0.02111,0.11011,0.0766,0.02913,-0.08065,0.01059,0.06394,0.05907,0.10121,0.01575,0.0512,-0.01566,0.00421,0.07466,-0.00842,0.01884,0.04103,0.07739,-0.07862,-0.02207,0.05883,0.0893,-0.08685,-0.00157,-0.05917,0.00315,-0.00405,0,-0.10916,0.04212,-0.01844,-0.00289,0.05709,0.01226,0.06751,0.05931,0.06286,0.10048,-0.01947,0.00463,-0.01444,0.0193,-0.02338,-0.02136,0.01545,0.02433,0.01972,-0.00897,-0.03004,0.03334,0.02019,0.07919,0.05305,-0.05964,-0.01573,-0.00821,-0.02423,-0.0028,-0.04378,0.03741,0.08575,0.02985,-0.02547,-0.02556,-0.08232,0.04776,-0.10067,-0.0228,0.07238,0.011,0.00454,-0.03702,-0.0689,0.01035,0.03343,-0.03827,0.03957,-0.05361,-0.03075,-0.07528,-0.08521,-0.05141,0.0127,0.08504,-0.0346,-0.02469,0.09025,0.00169,-0.0045,-0.04425,0.00332,-0.0289],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. What has no ngx-graph equivalent — and therefore needs no migration — is everything editors need: connection creation by drag/click/keyboard, groups, resize handles, alignment guides, virtualization for large scenes, and an accessibility layer.","excerpt":"What has no ngx-graph equivalent — and therefore needs no migration — is everything editors need: connection creation by drag/click/keyboard, groups, resize handles, alignment guides, virtualization for large scenes, and an accessibility layer."},{"chunkId":"/docs/ngx-graph-alternative#5","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.08601,0.02216,-0.02048,0.03564,0.0286,-0.00455,-0.09615,0.05218,-0.00343,0.10442,-0.06146,0.00579,-0.07155,0.03186,0.10597,0.02287,0.00643,-0.03555,0.01155,-0.02299,-0.08555,-0.087,-0.02237,-0.01346,0.05134,0.10145,-0.05016,-0.02912,0.08064,-0.0452,0.01654,0.05886,-0.0155,0.02223,-0.11795,0.09627,0.03435,-0.03976,-0.04263,-0.04309,0.08441,0.03319,-0.0424,-0.04905,-0.05444,-0.01816,-0.02941,-0.02699,-0.05939,0.07118,-0.05051,-0.10601,-0.07855,0.06482,0.03298,0.0257,0.02296,-0.05888,0.0083,0.00413,0.01421,-0.0378,0.00538,0.03654,0.00072,0.02044,-0.00922,-0.00356,0.01638,-0.01836,-0.02165,-0.02391,-0.04757,-0.01089,-0.00725,-0.07297,-0.00633,-0.00276,-0.0204,-0.05383,0.0673,0.05654,-0.00895,0.06525,-0.05494,0.043,0.02561,-0.05506,0.00183,-0.03603,-0.02604,0.10324,0.05963,-0.0507,0.05814,0.04505,0.01639,0.05303,-0.04548,0.01671,0.03857,-0.04179,0.07595,0.00656,-0.03885,-0.03664,-0.01963,0.02198,-0.04871,0.03648,-0.03022,0.07862,0.00471,-0.04316,-0.0283,-0.07499,-0.05262,-0.05286,0.02104,0.13793,0.01585,0.00448,0.0511,0.00637,0.06847,0.06436,0.00401,0,-0.02881,0.04667,-0.06212,-0.027,0.04282,0.02581,-0.04097,-0.06194,-0.02085,-0.01638,0.00645,0.11497,-0.02825,0.07783,0.0812,-0.08156,-0.0079,-0.02207,0.10718,-0.01938,0.09603,-0.00785,-0.02155,0.09545,0.09718,0.03503,-0.0034,0.05673,-0.07166,-0.02221,0.01693,-0.01064,0.0292,-0.01164,-0.07235,0.0181,-0.07296,-0.09059,-0.03354,-0.1039,-0.01805,0.0117,-0.09383,-0.01411,0.01038,-0.00836,-0.07204,-0.08898,0.02561,-0.02521,0.0162,0.02198,0.00038,0.05275,0.00763,-0.0423,0.03377,-0.00013,-0.0015,0.01285,0.0589,0.00785,-0.00877,-0.00157,0.04217,0.03273,0.04504,0.02759,0.04551,-0.05905,-0.06413,0.05896,0.01119,0.00548,0.01263,-0.05075,-0.03182,-0.00537,0.01645,-0.0559,-0.00258,-0.08107,-0.0222,0.12195,0.11888,-0.09708,0.02081,-0.01067,-0.03309,0.02536,0.06828,-0.00202,0.0241,0.02632,0.02076,0,0.02531,-0.00678,-0.00148,0.13688,0.00503,-0.05361,0.03167,0.02021,0.03122,-0.02385,-0.00416,-0.02022,0.03642,-0.00292,-0.01777,-0.01332,-0.05912,-0.15471,-0.02062,-0.06506,0.01489,0.04642,-0.05296,0.00769,-0.00587,0.05264,-0.04153,-0.06292,-0.02635,-0.05743,-0.04059,-0.04334,0.01275,-0.11432,-0.00758,0.00179,-0.00628,0.0769,-0.02286,-0.01419,0.00717,0.04726,-0.00495,0.00077,-0.06284,0.09618,-0.10815,0.03261,-0.03738,-0.00299,-0.05142,0.05584,0.00614,-0.09312,-0.03063,-0.0395,0.08223,0.04168,-0.05977,-0.00215,-0.00649,-0.01178,0.05067,0.00068,-0.01105,0.05504,-0.03808,-0.01016,-0.00448,0.09636,0.06229,0.01461,-0.09473,-0.03003,0.08884,0.05946,0.07359,0.00378,0.0377,-0.01978,-0.04111,0.09322,-0.01093,0.01861,0.03978,0.0477,-0.10118,-0.07831,0.05666,0.06465,-0.08256,-0.01251,-0.10456,0.0024,0.02221,0,-0.1108,0.02683,0.00345,0.02722,0.10164,0.00233,0.05184,0.06338,0.07922,0.06704,0.00277,0.01437,-0.06539,-0.03106,0.02194,0.04136,0.00885,-0.01858,0.00303,-0.01905,-0.05986,0.02785,-0.03777,0.08809,0.0581,-0.07081,0.03283,-0.01045,0.01235,0.06757,-0.02293,0.04038,0.09919,0.05515,-0.0197,-0.03233,-0.03527,0.03647,-0.0498,-0.02263,0.054,0.04971,-0.01492,-0.04383,-0.08957,-0.00092,-0.01859,-0.03269,0.01861,-0.06429,-0.03473,-0.05233,-0.07859,0.04268,0.05343,0.06893,-0.01856,-0.01455,0.12529,-0.0139,0.00522,-0.08165,-0.00239,-0.01167],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. Why teams pick Foblex Flow after ngx-graph - Actively maintained: frequent releases, issues answered, Angular 17.3+ targeted, strict SemVer. - HTML nodes with real Angular content instead of SVG templates. - Interaction out of the box instead of view-only rendering. - Scaling tools (virtualization, caching, background workers) when graphs grow. - The stateless core never mutates your application-owned data — events in, your decisions out, same philosophy ngx-graph users already have. - If you do want a ready-made store after migrating, the optional Managed Flow State plugin provides typed records, supported gesture writeback, snapshots and undo/redo without becoming mandatory. Sem Ver","excerpt":"Why teams pick Foblex Flow after ngx-graph - Actively maintained: frequent releases, issues answered, Angular 17.3+ targeted, strict SemVer. - HTML nodes with real Angular content instead of SVG templates. - Interaction out of the box instead of view-only rendering. - Scaling tools (virtualization, caching, background workers) when graphs grow. - The stateless core never mutates your application-owned data — events in, your decisions out, same philosophy ngx-graph users already have. - If you do want a ready-made store after migrating, the optional Managed Flow State plugin provides typed records, supported gesture writeback, snapshots and undo/redo without becoming mandatory."},{"chunkId":"/docs/ngx-graph-alternative#6","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.08071,0.00398,-0.03496,0.03426,-0.02226,0.00419,-0.11888,0.03885,-0.00671,0.10921,-0.08241,0.03876,-0.05703,0.04912,0.0867,0.00979,-0.01892,0.01416,0.05383,-0.0052,-0.07489,-0.00993,0.01304,-0.04821,0.05022,0.07877,0.00136,0.00045,0.08989,-0.06917,0.07384,0.06212,0.02202,0.03562,-0.11435,0.07069,-0.00168,0.00653,-0.01156,-0.03946,0.06021,0.08369,0.01501,-0.07761,-0.05146,-0.05188,-0.18091,0.01716,-0.02694,0.06958,-0.09427,-0.12909,-0.06567,0.05927,0.01782,0.00698,-0.01767,-0.08108,0.04369,0.02056,0.08477,0.00807,-0.00868,0.05362,-0.03161,0.06693,-0.04346,0.01789,0.02843,-0.00035,0.00863,-0.05571,-0.055,-0.00339,0.01189,-0.03558,-0.05014,0.0216,-0.01765,-0.06618,0.09472,0.05531,0.0019,0.06219,-0.05403,0.02484,0.0092,-0.07287,-0.00683,-0.05362,-0.03129,0.08271,-0.01457,-0.00814,0.03301,0.01403,0.03773,0.03462,-0.07745,0.0236,0.02093,-0.07426,0.0423,0.01535,-0.03751,-0.04084,-0.04636,-0.03815,-0.06761,0.0099,-0.00665,0.05495,-0.04067,-0.03233,-0.10964,-0.06799,-0.05833,-0.09915,0.0488,0.08338,-0.00642,0.0119,-0.00418,-0.00389,0.07053,0.01903,-0.00467,0,0.01227,0.02546,-0.0621,-0.02134,0.08668,0.00002,-0.0932,-0.06339,0.0117,0.01088,0.04413,0.07139,-0.01058,0.09791,0.00917,-0.06831,0.05932,0.01073,0.04375,-0.05571,0.03908,-0.01748,-0.02019,0.10069,0.07905,0.09778,-0.02021,0.01461,-0.03599,-0.00073,0.01227,-0.0083,0.04456,-0.01075,-0.06186,-0.00826,-0.08802,-0.05573,0.00777,-0.0436,0.01364,-0.02724,-0.04452,-0.02675,-0.02522,0.0475,-0.04429,-0.04625,0.05789,-0.00374,-0.02922,0.00162,0.00768,0.12375,0.06531,-0.04287,0.01453,0.05091,0.02641,0.05669,0.05873,0.02802,-0.00804,-0.01381,0.04106,-0.00375,0.00183,0.00424,0.08273,-0.017,-0.09719,0.05675,0.02886,0.03853,-0.02854,-0.01246,-0.05536,0.01162,0.02526,-0.01637,-0.03953,-0.11077,0.01782,0.10256,0.06247,-0.0942,0.05045,0.04233,-0.00275,-0.02252,0.04388,0.02279,-0.00589,0.03083,0.12312,0,0.02413,0.06079,0.06356,0.06354,0.03147,-0.02468,0.05641,-0.00002,0.04492,0.0654,-0.01056,0.00405,0.04563,-0.00989,0.00477,-0.00501,-0.05854,-0.06254,-0.00376,-0.04346,0.03927,0.01179,0.00984,-0.06553,0.02097,0.04267,0.09355,-0.03715,-0.02574,-0.00113,-0.01846,-0.00304,0.00366,-0.03772,-0.00626,0.02922,0.03,0.06961,0.00429,-0.08015,-0.01314,0.03526,-0.01778,0.00163,-0.05119,0.05571,-0.07645,0.03847,-0.06865,-0.0488,-0.06045,0.0584,0.02036,-0.09058,-0.02452,-0.03489,0.08697,0.0364,-0.00312,-0.03396,-0.01737,-0.00428,0.0478,-0.05657,-0.00102,0.06757,-0.06925,-0.08249,-0.02706,0.11341,0.03413,0.0407,-0.08106,0.02202,0.12387,0.06241,0.07571,0.0205,0.064,-0.04364,-0.0211,0.0599,-0.02077,0.03696,0.00156,0.0612,-0.1011,0.00399,0.04647,0.09997,-0.08498,-0.02628,-0.02597,0.00523,0.02817,0,-0.08777,-0.00808,0.01868,0.008,0.03596,0.00361,0.08956,0.04352,0.02829,0.06709,-0.02938,0.05745,-0.01959,-0.01774,-0.04696,-0.03582,-0.01528,-0.01116,0.00524,-0.00829,-0.01395,-0.00503,0.02693,0.07554,0.05653,-0.03054,-0.02493,-0.03216,-0.02786,-0.01051,-0.04461,0.04843,0.09269,0.02873,-0.01291,-0.04954,-0.05811,0.02227,-0.08514,-0.08072,0.03398,-0.00913,0.01661,-0.05167,-0.07556,0.047,0.04739,-0.00422,0.0357,-0.05061,-0.06858,-0.05925,-0.07838,-0.06784,-0.02269,0.06586,-0.05538,-0.05543,0.09679,-0.03091,-0.03803,-0.00713,-0.01371,-0.05838],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. Try it Start with Get Started, see automatic arrangement in the Dagre layout example, and browse the examples gallery for the interactions ngx-graph never had.","excerpt":"Try it Start with Get Started, see automatic arrangement in the Dagre layout example, and browse the examples gallery for the interactions ngx-graph never had."},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#0","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.09641,-0.05793,-0.03908,-0.01518,0.04293,0.05361,-0.07467,0.11437,0.0426,0.0236,-0.11538,-0.05052,-0.07381,0.07998,0.08574,-0.00896,0.02042,-0.03062,0.06519,-0.00233,-0.04419,-0.11518,-0.00366,-0.02277,0.01861,0.09929,-0.00729,0.01197,0.01139,-0.05225,0.02865,0.08916,-0.03908,0.02711,-0.0981,0.06452,-0.02557,-0.01499,-0.05852,-0.02051,-0.00013,0.07607,-0.00372,-0.05516,-0.01957,-0.01924,-0.00778,-0.01794,-0.0736,0.05637,-0.06739,-0.1136,-0.05034,0.05457,0.02845,-0.00776,0.0192,-0.10497,0.01269,0.04014,-0.00763,-0.07325,0.02201,0.05018,0.02286,0.0127,-0.08005,0.04099,0.03692,-0.07082,-0.02272,-0.00555,0.06705,-0.05248,0.00638,-0.03625,0.04911,0.0445,0.01327,-0.02433,0.00496,0.02046,-0.03052,-0.00681,-0.06035,0.07684,0.04508,-0.06597,-0.03734,-0.02493,0.00117,0.09837,0.06954,0.00858,0.07734,0.03068,-0.0345,0.01966,-0.06573,-0.0193,0.03314,-0.03826,0.03977,0.01212,-0.04217,-0.03724,-0.0229,0.00464,-0.00087,0.03108,-0.02923,0.06912,0.02986,-0.03508,-0.01605,-0.07595,-0.05147,-0.05015,0.04011,0.10102,-0.00451,0.02847,0.07707,-0.02363,0.06536,0.05188,-0.03791,0,-0.04351,0.04519,-0.02805,0.03541,0.05123,0.00896,0.00883,-0.04511,0.0099,-0.0106,-0.04797,0.0704,-0.02559,0.09731,-0.05031,-0.08356,-0.05475,-0.02212,-0.03614,0.00663,0.05508,-0.06741,-0.022,0.03904,0.08146,-0.03773,-0.01423,0.08847,-0.10975,-0.0099,-0.01107,-0.02853,-0.01548,0.03449,-0.04505,-0.02976,-0.03346,-0.07885,0.00639,-0.05452,-0.04212,0.02787,-0.08854,-0.01079,0.04237,-0.00395,-0.05288,-0.02815,0.08438,0.02927,0.01218,0.02363,0.03469,0.03398,0.0807,-0.03547,0.06722,0.04179,0.0527,0.03461,-0.00618,0.06951,-0.05853,-0.0657,0.02039,0.09319,0.03079,0.02913,0.02639,-0.04498,-0.05292,0.05368,0.04806,0.0261,0.04022,-0.03454,0.00971,0.09089,0.04069,-0.01421,-0.09149,-0.02777,0.0073,0.06736,0.04318,-0.04708,-0.02076,-0.04503,-0.04191,0.07333,0.08931,-0.00429,0.06472,0.02893,0.04066,0,-0.03563,0.00782,0.0339,0.08593,0.06586,-0.03608,0.0428,-0.00167,0.08973,0.04015,0.03369,0.04969,0.03672,-0.03234,0.00678,0.00367,-0.00395,-0.15749,0.07416,-0.07623,0.03788,0.0217,-0.05959,-0.05019,-0.03176,0.05448,-0.01199,-0.07604,0.00962,-0.0414,0.05637,-0.02842,-0.05077,-0.04295,-0.01985,-0.02049,-0.02105,0.02602,0.00581,-0.02757,-0.02513,0.00352,-0.04135,0.00347,-0.09756,0.03245,-0.0598,-0.04911,0.01886,0.01128,-0.07821,0.07564,-0.01013,-0.09812,-0.04608,-0.03956,0.11764,0.00025,-0.05349,-0.00964,0.02257,-0.00346,0.02276,-0.05309,-0.01956,0.04868,-0.07155,0.02397,0.0399,0.12043,0.05276,0.05249,-0.03715,0.01129,0.09101,0.05989,0.08598,0.04679,0.02725,0.04633,-0.0222,0.11725,-0.00329,0.054,0.03047,0.04234,-0.08706,-0.11351,0.02965,0.05651,-0.05628,-0.02287,-0.00254,-0.03349,0.03683,0,-0.05312,-0.0229,0.0167,-0.04436,-0.01459,0.02632,-0.07225,-0.0032,0.01983,0.07208,0.01904,0.10372,-0.04681,0.0037,0.00603,0.00852,-0.05737,-0.01625,-0.0111,-0.04855,0.00614,0.04201,-0.03821,0.07289,0.01202,-0.03587,0.01372,-0.01873,-0.02651,-0.01562,-0.05933,0.05723,0.01893,0.03611,0.03142,-0.04405,0.00116,0.02057,-0.0903,0.06852,0.05061,0.05417,-0.01141,-0.03238,-0.07383,0.01172,-0.05335,-0.09623,-0.02896,-0.04775,-0.00431,0.02971,-0.145,0.0826,0.02289,0.06176,-0.10947,-0.03758,0.0722,-0.01139,-0.04769,-0.02094,0.07954,-0.01406],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. React Flow vs Foblex Flow for Angular Teams If your product is already built in Angular, the main question is usually not whether React Flow is capable. It is whether you want to embed a React-first graph tool into an Angular application, or use an Angular-native library that follows your existing stack and rendering model.","excerpt":"React Flow vs Foblex Flow for Angular Teams If your product is already built in Angular, the main question is usually not whether React Flow is capable. It is whether you want to embed a React-first graph tool into an Angular application, or use an Angular-native library that follows your existing stack and rendering model."},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#1","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.08646,-0.0082,-0.02539,-0.00639,0.06669,0.06022,-0.07234,0.13442,0.07073,0.02777,-0.13152,-0.06425,-0.09694,0.03577,0.09374,-0.0136,0.02688,-0.04282,0.01993,-0.00583,-0.07529,-0.11242,0.01599,-0.00695,-0.01689,0.09115,-0.0022,0.01403,0.00828,-0.02788,0.01781,0.09974,-0.00601,0.01599,-0.1217,0.0898,-0.01597,0.00287,-0.08814,-0.05321,-0.002,0.05911,0.01243,-0.03756,-0.01469,-0.0306,0.0282,-0.04928,-0.06094,0.0622,-0.05451,-0.10779,-0.07869,0.07177,0.0253,0.01612,0.04794,-0.09671,0.0101,-0.00221,-0.01683,-0.05767,0.01173,0.02853,-0.00287,0.01131,-0.05426,0.03341,0.03489,-0.06278,-0.01095,-0.01315,0.04995,-0.04887,0.00493,-0.05494,0.03316,0.01666,0.00405,-0.01829,0.01758,0.04456,-0.03788,0.00801,-0.05105,0.07031,0.05065,-0.05588,0.0138,0.00966,0.02751,0.10494,0.06012,-0.02058,0.08934,0.03839,-0.00934,0.02836,-0.06143,-0.02713,0.0332,-0.0711,0.04166,0.01943,-0.00763,-0.048,-0.01191,-0.02482,0.00451,0.02666,-0.02717,0.0516,0.02004,-0.02948,-0.02311,-0.05169,0.00111,-0.03292,0.03017,0.1062,-0.02774,0.03548,0.07304,0.00852,0.05036,0.03572,-0.03609,0,-0.0326,0.0591,-0.01861,0.05173,0.04531,0.00346,0.04364,-0.05358,0.02047,-0.01662,-0.03012,0.05985,-0.02015,0.08754,-0.02429,-0.06962,-0.07469,-0.00799,-0.03453,-0.01493,0.06112,-0.08166,-0.03398,0.06228,0.09128,-0.04607,-0.00145,0.08091,-0.10237,-0.02071,-0.02655,-0.04593,0.01491,0.04575,-0.03859,-0.00104,-0.03646,-0.08902,0.02215,-0.06904,-0.05497,0.02018,-0.08855,-0.02491,0.08768,-0.01634,-0.07057,-0.00479,0.09003,0.02509,0.02859,0.01158,0.08125,0.04531,0.05066,-0.01827,0.06724,0.00855,0.02802,0.03909,-0.00624,0.06984,-0.02343,-0.03116,0.03831,0.10884,0.02556,0.02332,0.03009,-0.07628,-0.07537,0.04118,0.04534,0.02917,0.031,-0.0315,0.00841,0.06504,0.04957,-0.02177,-0.05976,0.00175,-0.01179,0.09979,0.03522,-0.03605,-0.02834,-0.00975,-0.0505,0.05052,0.09555,-0.00622,0.05975,0.04265,0.02855,0,-0.02937,-0.03534,0.02539,0.06707,0.05015,-0.02567,-0.00095,-0.0419,0.12736,0.01375,0.035,0.03305,0.03683,-0.0619,-0.02885,0.00692,-0.01009,-0.15939,0.07854,-0.0787,0.06372,-0.01063,-0.02256,-0.03914,-0.04015,0.00243,-0.01479,-0.03771,0.00847,-0.06369,0.00369,-0.01561,-0.03849,-0.07288,0.00041,-0.00869,-0.0503,0.03142,0.01248,0.00306,-0.03012,0.01929,-0.01632,0.03013,-0.11255,0.05335,-0.08992,-0.0435,0.00819,0.00797,-0.08062,0.05103,-0.03236,-0.09458,-0.06181,-0.00292,0.10958,0.01337,-0.06053,-0.01809,0.00027,0.01231,0.04012,-0.03019,-0.05249,0.06604,-0.04912,0.04064,0.02657,0.0976,0.05288,0.02932,-0.04363,0.00072,0.07031,0.05787,0.09663,-0.00047,0.03356,0.05711,-0.03988,0.12647,0.0148,0.0451,-0.008,0.05239,-0.0699,-0.09819,0.04155,0.02369,-0.06186,-0.02824,0.02855,-0.0169,0.01917,0,-0.04908,0.00164,0.01893,-0.037,0.0005,0.02216,-0.10068,0.01489,0.04795,0.07606,0.03226,0.07752,-0.06572,-0.01903,0.0107,0.00317,-0.05004,-0.01083,-0.00928,-0.06938,0.0176,0.03091,-0.04635,0.04744,0.05887,-0.02466,0.04886,-0.00346,-0.03814,0.0029,-0.04446,0.04337,0.01802,0.07331,-0.02253,-0.01854,0.00896,0.00363,-0.07606,0.06953,0.04698,0.03932,-0.01236,-0.05716,-0.10388,0.00517,-0.02574,-0.08704,-0.0267,-0.04268,-0.00729,0.00396,-0.11706,0.07584,0.01764,0.07888,-0.08413,-0.03466,0.09749,-0.02752,-0.08056,-0.00861,0.04009,0.00343],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. Short answer - Choose React Flow when your editor is already React-based or your team is comfortable owning a cross-framework integration layer. - Choose Foblex Flow when your product is Angular-first and you want graph interactions, custom nodes, and workflow builder UX without introducing a React runtime into the editor surface. Foblex Flow is not only an advanced-case choice. Most Angular teams start with the core flow primitives and add optional helpers such as minimap, selection, caching, or virtualization later.","excerpt":"Short answer - Choose React Flow when your editor is already React-based or your team is comfortable owning a cross-framework integration layer. - Choose Foblex Flow when your product is Angular-first and you want graph interactions, custom nodes, and workflow builder UX without introducing a React runtime into the editor surface. Foblex Flow is not only an advanced-case choice. Most Angular teams start with the core flow primitives and add optional helpers such as minimap, selection, caching, or virtualization later."},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#2","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.07448,-0.00361,-0.0527,-0.01057,0.06839,0.03355,-0.04762,0.1144,0.08365,0.05079,-0.12914,-0.00621,-0.06081,0.05676,0.10125,-0.03363,0.03225,-0.06544,0.02676,0.01974,-0.05742,-0.08061,-0.00666,-0.01133,0.00238,0.08121,-0.00548,0.00359,0.03576,-0.0423,0.0292,0.13481,-0.07177,0.00209,-0.13185,0.08984,-0.01081,-0.01847,-0.06492,-0.07362,-0.00915,0.07447,-0.00152,-0.0811,-0.00795,-0.02847,-0.00924,-0.04704,-0.0597,0.02641,-0.08824,-0.11446,-0.03687,0.09736,-0.01551,0.01894,0.03721,-0.08662,-0.00269,0.04436,-0.01841,-0.06867,-0.00782,0.06921,0.01293,0.01543,-0.06921,0.04768,0.0154,-0.06061,-0.00527,-0.01572,0.04985,-0.07968,0.0242,-0.05251,0.01252,0.01356,0.04124,-0.00033,0.02466,0.06515,-0.02159,0.03825,-0.02793,0.04457,0.05108,-0.0614,-0.02895,-0.02666,0.01814,0.10288,0.10237,0.01568,0.03736,0.03438,-0.04647,0.0186,-0.04192,0.00453,0.0389,-0.04264,0.04951,0.00915,-0.04656,-0.01123,-0.01357,0.01037,0.00566,0.05737,-0.03091,0.05817,0.01239,-0.03156,-0.02946,-0.09612,-0.02751,-0.03525,0.03829,0.11276,-0.02647,0.00866,0.07375,-0.00097,0.09805,0.05024,-0.0381,0,-0.05347,0.05099,-0.02138,0.06385,0.07084,0.0379,0.02598,-0.05522,0.04423,0.0012,-0.03527,0.08906,-0.00528,0.04364,0.02161,-0.09802,-0.06693,0.00035,-0.04699,-0.00039,0.06823,-0.05573,0.00523,0.0492,0.10621,-0.01597,0.00559,0.07876,-0.14694,0.00803,0.022,-0.0121,-0.00252,0.09213,-0.03617,0.01219,-0.02601,-0.10328,-0.00635,-0.04155,-0.06449,-0.00728,-0.06912,0.02302,0.05059,-0.03235,-0.05458,-0.00994,0.03735,0.04113,-0.00309,0.0393,0.0495,0.03893,0.06067,-0.02278,0.03863,0.02251,0.03623,0.01157,-0.00597,0.02413,-0.03733,-0.0582,0.02839,0.09133,0.00415,-0.00075,0.02718,-0.06528,-0.06007,0.02921,0.04718,0.05857,0.02946,-0.05728,-0.0296,0.06586,0.05311,0.02045,-0.06101,-0.00968,-0.02149,0.10792,0.06391,-0.06058,-0.01587,-0.05547,-0.07263,0.0933,0.0903,-0.01407,0.08509,0.04686,0.03818,0,-0.01406,-0.00169,0.00136,0.04711,0.06169,-0.05003,0.00034,-0.00052,0.07326,0.04253,0.03112,0.07135,0.01927,-0.02866,-0.03722,0.01622,0.03393,-0.16432,0.05657,-0.08483,0.06689,0.03016,-0.07004,-0.02069,-0.05845,0.03404,-0.03966,-0.07738,0.05188,-0.01746,0.01114,-0.02148,-0.04597,-0.05483,0.00792,-0.00587,-0.04583,0.00349,-0.01102,-0.02854,-0.02105,-0.00916,-0.02011,0.01141,-0.0891,0.01649,-0.09672,-0.05789,-0.01872,-0.00046,-0.06355,0.06689,-0.01979,-0.07306,-0.06187,-0.04638,0.06974,0.0242,-0.07057,0.03011,0.05848,0.01595,0.00853,0.00243,-0.02763,0.0627,-0.08617,0.01955,0.05154,0.09273,0.03169,0.01945,-0.05185,0.01976,0.09596,0.06613,0.08758,-0.02528,0.00529,0.02675,-0.03863,0.10149,-0.01379,0.0201,0.01541,-0.00099,-0.07079,-0.11129,0.02351,0.0304,-0.03793,-0.03111,-0.00351,-0.02816,0.04046,0,-0.06017,0.01927,0.02048,-0.04675,-0.02561,0.00647,-0.02701,-0.01324,0.02795,0.09015,0.02945,0.06647,-0.05069,-0.00585,0.01137,0.04202,-0.08634,-0.0203,-0.02096,-0.0471,0.0188,0.00683,-0.05608,0.09503,0.01988,-0.02399,-0.01231,-0.00051,-0.01762,0.03409,-0.06405,0.06566,-0.00669,0.0673,-0.03048,-0.00211,0.02524,-0.0289,-0.05922,0.04981,0.02937,0.03705,-0.02337,-0.03665,-0.05541,0.02534,-0.03478,-0.05158,-0.0287,-0.03004,0.00254,0.02502,-0.13598,0.0616,0.01745,0.03972,-0.04066,-0.04115,0.08523,-0.0043,-0.0736,-0.01268,0.04441,-0.02125],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. Why Angular teams often prefer Foblex Flow - The simplest path stays inside Angular instead of inside a framework bridge. - Templates, components, and services stay in Angular. - SSR-aware rendering is simpler to reason about in one framework. - Your graph model stays in application state without bridging frameworks. - Angular Material, forms, validators, and dialogs can live directly inside nodes and panels.","excerpt":"Why Angular teams often prefer Foblex Flow - The simplest path stays inside Angular instead of inside a framework bridge. - Templates, components, and services stay in Angular. - SSR-aware rendering is simpler to reason about in one framework. - Your graph model stays in application state without bridging frameworks. - Angular Material, forms, validators, and dialogs can live directly inside nodes and panels."},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#3","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.07786,0.00547,-0.03361,-0.00759,0.06665,0.02856,-0.03526,0.11276,0.06457,0.01285,-0.12743,-0.05231,-0.07899,0.0328,0.09412,-0.02518,0.01428,-0.04227,0.01325,-0.00758,-0.06173,-0.0861,0.00555,-0.00039,-0.0366,0.07292,-0.01673,-0.00094,0.00227,-0.07388,0.00342,0.12608,-0.02683,0.02832,-0.11548,0.06574,-0.02456,-0.00992,-0.07055,-0.05847,-0.0016,0.06463,0.01046,-0.05268,-0.03019,-0.03284,0.00745,-0.04047,-0.06285,0.0597,-0.07746,-0.12187,-0.06602,0.1048,0.02629,0.0221,0.03483,-0.08981,0.01126,0.01763,-0.01731,-0.04889,0.02532,0.05368,0.0188,0.02182,-0.07485,0.04393,0.01243,-0.07873,-0.02375,-0.00328,0.03826,-0.04565,0.02666,-0.06904,0.01468,0.026,0.01423,-0.01727,0.00301,0.03075,-0.04983,0.04179,-0.0432,0.05849,0.03434,-0.07748,0.0123,-0.00463,0.0148,0.09338,0.09076,0.00818,0.05397,0.01356,-0.04822,-0.00248,-0.06926,0.0089,0.04165,-0.0243,0.05701,0.00488,-0.03732,-0.04102,0.0129,0.00089,-0.00006,0.02859,-0.02991,0.05994,0.03656,-0.06065,-0.02185,-0.05736,-0.03603,-0.00532,0.05491,0.10657,0.02287,0.01516,0.0511,-0.00534,0.06312,0.02314,-0.04704,0,-0.04886,0.05607,-0.02373,0.06866,0.08936,0.00036,0.05023,-0.06749,0.00031,-0.01257,-0.03588,0.10204,-0.0454,0.07592,-0.00676,-0.11145,-0.08712,0.03535,-0.02089,0.02891,0.07884,-0.0725,-0.03014,0.03406,0.10929,-0.01293,-0.01147,0.10335,-0.09217,0.00448,0.00445,-0.03112,0.0298,0.05645,-0.03802,-0.00984,-0.04266,-0.09935,0.01064,-0.05818,-0.06333,0.00873,-0.09145,0.01422,0.07108,-0.02309,-0.04909,-0.01499,0.09094,0.03405,0.02135,0.02093,0.07566,0.00663,0.06742,-0.05692,0.03722,0.04639,0.02431,0.06924,0.0079,0.07288,-0.04811,-0.03834,0.0273,0.08738,0.00971,0.01505,0.02876,-0.07363,-0.0694,0.0606,0.05973,0.05291,0.02369,-0.06741,0.00133,0.06918,0.03929,-0.0547,-0.07168,-0.01244,-0.01951,0.07941,0.05911,-0.03699,-0.02257,-0.02903,-0.09774,0.07373,0.0877,-0.00203,0.07998,0.03941,0.04982,0,-0.04109,-0.02597,-0.00771,0.08197,0.05579,-0.03534,0.027,-0.00683,0.11366,0.01875,0.02243,0.04034,0.00701,-0.04248,-0.0064,-0.01566,0.02726,-0.16427,0.06108,-0.06307,0.06166,0.03801,-0.0447,-0.03022,-0.07171,0.04723,-0.03497,-0.04248,0.01131,-0.04996,0.00462,-0.0363,-0.05344,-0.03937,-0.00839,-0.04695,-0.04696,0.02882,0.01569,-0.02399,-0.01013,-0.00524,-0.01439,0.01144,-0.09757,0.05743,-0.0675,-0.05687,0.03452,0.00258,-0.06519,0.03638,-0.0358,-0.1009,-0.06892,-0.0015,0.08051,0.01263,-0.04901,0.01367,0.01065,0.00729,0.04716,0.00038,-0.0196,0.05649,-0.04497,0.04306,0.03995,0.07896,0.04586,0.02847,-0.04805,0.01794,0.06246,0.05222,0.10346,-0.01751,0.0164,0.06678,-0.03561,0.1013,-0.00237,0.04546,0.01293,0.05063,-0.0817,-0.09652,0.03868,0.04282,-0.08166,-0.02866,0.02794,-0.03775,0.01654,0,-0.0437,0.00214,-0.00164,-0.03201,-0.00756,0.02184,-0.09455,-0.00104,0.01428,0.04208,0.0216,0.10206,-0.06068,0.00741,0.02848,0.00519,-0.07818,0.01251,-0.02851,-0.06778,0.01307,0.04642,-0.03777,0.06002,0.0161,-0.00391,0.01751,0.00614,0.00172,0.00557,-0.02086,0.0489,0.00935,0.05188,-0.01082,-0.0285,-0.02876,0.00957,-0.05986,0.06167,0.04869,0.0219,-0.00329,-0.02992,-0.09328,0.01143,-0.04627,-0.07666,-0.03374,-0.0478,-0.00611,0.01554,-0.12456,0.09897,0.02131,0.0407,-0.06195,-0.03916,0.06549,-0.00245,-0.05881,-0.00617,0.05811,0.03456],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. What Foblex Flow is optimized for - Node editors and workflow builders - Interactive diagram interfaces - Domain-specific visual tools with custom business rules - Apps where UI state and business state should remain separate","excerpt":"What Foblex Flow is optimized for - Node editors and workflow builders - Interactive diagram interfaces - Domain-specific visual tools with custom business rules - Apps where UI state and business state should remain separate"},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#4","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.10617,0.00426,-0.04154,0.00463,0.06281,0.03969,-0.05075,0.11251,0.05496,0.02441,-0.12416,-0.02891,-0.07726,0.0264,0.08707,-0.02408,0.00246,-0.03908,0.01389,-0.01004,-0.06296,-0.09523,0.00804,0.01995,-0.01666,0.07757,-0.01605,-0.00885,0.00444,-0.05811,0.00802,0.13527,-0.03234,0.01181,-0.12784,0.08512,-0.02055,-0.0123,-0.07151,-0.03771,0.00398,0.06653,0.00648,-0.06825,-0.04973,-0.02656,0.0012,-0.04189,-0.08092,0.0357,-0.07932,-0.11798,-0.05904,0.10528,0.0259,-0.01723,0.04702,-0.08908,0.00575,0.01047,-0.01511,-0.05685,0.00017,0.04471,0.01503,0.00846,-0.0758,0.06074,0.01769,-0.07778,-0.01972,-0.00776,0.03435,-0.03616,0.00632,-0.07219,0.0214,0.02245,0.01368,0.01202,0.00609,0.02198,-0.04646,0.02659,-0.04592,0.06692,0.04639,-0.06782,-0.0074,-0.02696,0.01875,0.10603,0.09846,0.01085,0.06723,0.0247,-0.05158,0.01788,-0.05875,0.0032,0.0378,-0.01919,0.03939,0.0077,-0.01757,-0.03186,0.01051,-0.03071,0.01966,0.03286,-0.02572,0.05753,0.02081,-0.05342,-0.02405,-0.05476,-0.02895,0.00717,0.01839,0.12041,0.00326,0.01581,0.06402,0.00153,0.05838,0.03745,-0.02683,0,-0.0397,0.03427,-0.02217,0.05703,0.09901,-0.01668,0.03732,-0.05586,0.00771,-0.00413,-0.02571,0.08992,-0.03506,0.08063,-0.03748,-0.11992,-0.08684,0.02271,-0.00938,0.04074,0.07157,-0.08222,-0.02265,0.03907,0.09753,-0.05897,-0.00467,0.07102,-0.07502,-0.00602,0.00653,-0.03282,0.03116,0.0536,-0.04413,-0.01816,-0.05275,-0.08649,0.00823,-0.0662,-0.05936,-0.00072,-0.10148,0.02541,0.08988,-0.01783,-0.04795,-0.01264,0.11481,0.03117,0.01927,0.02146,0.06312,0.01658,0.06658,-0.04548,0.03595,0.06912,0.0112,0.06894,-0.0005,0.06765,-0.03997,-0.0747,0.05303,0.06909,0.01445,0.01013,0.04046,-0.06988,-0.06084,0.04568,0.04713,0.06851,0.02708,-0.05619,0.003,0.08113,0.04087,-0.04614,-0.06797,-0.00121,-0.00117,0.08247,0.042,-0.0351,-0.0357,-0.03524,-0.08166,0.0651,0.1032,0.01315,0.09037,0.02752,0.05903,0,-0.03614,-0.0223,-0.0093,0.10033,0.06181,-0.02312,0.02242,-0.00487,0.12974,0.0395,0.0326,0.0482,0.00243,-0.04235,0.00214,-0.02443,0.00309,-0.15845,0.06823,-0.06676,0.06225,0.04035,-0.03244,-0.04353,-0.06121,0.02587,-0.03412,-0.04598,0.03398,-0.05524,0.03309,-0.00736,-0.06264,-0.03181,-0.02037,-0.03156,-0.04113,0.05883,0.01566,-0.0144,-0.01485,0.00199,0.00011,-0.00047,-0.09764,0.03113,-0.07191,-0.04632,0.02831,-0.00341,-0.06296,0.03685,-0.0431,-0.07549,-0.0525,-0.01166,0.08167,-0.00959,-0.05452,0.01007,0.01766,0.02095,0.03569,-0.00717,-0.03376,0.0509,-0.06366,0.03191,0.01784,0.08895,0.02202,0.02698,-0.03669,0.02122,0.05641,0.0644,0.08456,-0.01647,0.0198,0.04961,-0.03039,0.1224,-0.02283,0.02746,0.01025,0.05276,-0.05641,-0.11383,0.03041,0.0402,-0.06054,-0.04148,0.03049,-0.06453,0.01564,0,-0.02214,-0.00239,-0.00261,-0.03615,0.00353,0.02372,-0.09563,0.01151,0.03516,0.06177,0.02022,0.0912,-0.06253,0.00888,0.02433,-0.00318,-0.06728,0.01696,-0.02101,-0.06917,0.02135,0.0304,-0.04519,0.05434,0.01039,-0.00407,0.03342,0.01813,-0.0198,-0.01656,-0.02518,0.04508,0.01042,0.01713,0.01002,-0.02235,-0.01607,0.00035,-0.07547,0.0692,0.0455,0.02474,-0.00755,-0.04464,-0.07798,0.0046,-0.0353,-0.07471,-0.04058,-0.03359,0.01704,0.00899,-0.1137,0.09024,0.03265,0.05496,-0.08335,-0.04235,0.07473,-0.02486,-0.04218,0.02459,0.06398,0.02915],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. Related docs and examples - Angular Node Editor Library - Angular Workflow Builder - AI Low-Code Platform Example - Connection Rules Example - Drag and Drop Docs","excerpt":"Related docs and examples - Angular Node Editor Library - Angular Workflow Builder - AI Low-Code Platform Example - Connection Rules Example - Drag and Drop Docs"},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#5","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.10449,-0.02645,-0.03431,0.00615,0.0296,0.04288,-0.07437,0.08735,0.04848,0.01097,-0.12512,-0.03635,-0.07741,0.04965,0.0698,-0.02657,0.01303,-0.04056,0.0351,-0.00739,-0.04799,-0.06617,0.03854,-0.01183,-0.01318,0.08879,-0.00385,-0.0115,0.00189,-0.07201,0.03196,0.13054,-0.01583,-0.01205,-0.07092,0.08944,-0.02734,0.0098,-0.07896,-0.04502,-0.00793,0.08212,0.03938,-0.05057,-0.0324,-0.04844,-0.01407,-0.06894,-0.04125,0.0511,-0.08398,-0.14997,-0.02655,0.08353,0.04,-0.00271,0.01546,-0.09656,-0.00776,-0.03011,0.026,-0.05027,0.00024,0.05678,0.01793,0.03952,-0.06685,0.06543,-0.00541,-0.09429,-0.0217,-0.00574,0.04665,-0.0504,-0.00175,-0.05423,0.02562,0.02438,0.05031,-0.01129,0.02647,0.03021,-0.0284,0.0596,-0.03313,0.08079,0.07136,-0.04176,0.00342,-0.02791,0.02155,0.09633,0.11121,-0.00596,0.0618,-0.00335,-0.04219,0.05453,-0.06539,0.01231,0.03554,-0.03559,0.06098,0.01171,-0.03728,-0.00505,0.03839,-0.01723,0.00972,0.03084,-0.04672,0.05841,-0.02033,-0.05071,-0.01418,-0.04485,-0.02537,-0.01563,0.03025,0.10388,0.02175,-0.02142,0.036,0.00809,0.08408,0.08017,-0.02324,0,-0.02473,0.06135,-0.03281,0.06815,0.09066,-0.01282,0.0209,-0.0373,-0.01953,-0.02502,-0.00602,0.09728,-0.04861,0.0806,-0.04735,-0.09731,-0.06965,0.03973,-0.02692,0.03242,0.03679,-0.06354,-0.04927,0.02714,0.04704,-0.06171,-0.00543,0.06543,-0.08041,-0.0276,0.0048,-0.034,0.02061,0.04107,-0.03099,-0.01504,-0.07052,-0.05931,0.02123,-0.0494,-0.06149,0.03362,-0.07951,-0.01922,0.07819,-0.00623,-0.04177,-0.03167,0.14295,0.02887,0.05787,0.03515,0.03039,0.03809,0.08278,-0.03224,0.04589,0.06661,0.03939,0.03873,-0.00323,0.04223,-0.02691,-0.08119,0.05883,0.09171,0.01867,0.0227,0.04389,-0.05958,-0.0796,0.02207,0.03016,0.06197,0.03402,-0.06078,0.00964,0.07993,0.04552,-0.04548,-0.04806,-0.01459,-0.01123,0.06254,0.02465,-0.04042,-0.02486,-0.00447,-0.06304,0.04725,0.12251,-0.01256,0.04676,0.01839,0.0389,0,-0.03418,-0.03428,-0.02675,0.08564,0.04101,-0.00476,-0.00744,-0.01485,0.12101,0.0358,0.0562,0.06206,0.03083,-0.02994,-0.00372,-0.00617,0.03743,-0.14092,0.06243,-0.09079,0.07945,0.01646,-0.02665,-0.04155,-0.05051,0.05579,-0.00138,-0.03731,0.03766,-0.06944,0.01219,-0.00638,-0.08925,-0.03592,-0.01137,-0.01738,-0.04183,0.06899,-0.02242,-0.02026,-0.00534,0.01616,-0.00245,0.00513,-0.10626,0.0222,-0.07389,-0.0467,0.01201,0.01312,-0.06931,0.03231,-0.04919,-0.06816,-0.05597,0.01506,0.09229,-0.02069,-0.04621,0.00153,-0.0036,0.01983,0.00787,-0.01502,-0.06621,0.03307,-0.09898,0.05234,0.00977,0.11021,0.0039,0.04011,-0.03367,-0.00971,0.03292,0.06501,0.11838,-0.02382,0.04087,0.03067,-0.0374,0.10472,-0.0037,0.02781,-0.01871,0.07343,-0.03394,-0.10616,0.02548,0.02971,-0.04496,-0.06233,0.00391,-0.04989,0.04384,0,-0.03112,-0.00096,-0.00157,-0.05047,0.00033,-0.00126,-0.08622,-0.01893,0.04266,0.0923,0.03575,0.08905,-0.07109,-0.00485,-0.01388,0.00962,-0.07001,0.02323,-0.04167,-0.07798,0.01961,0.04118,-0.01667,0.04459,0.00503,-0.00096,0.04283,0.01093,0.00105,-0.03429,-0.03669,0.05637,0.00938,-0.02787,0.01854,-0.0479,-0.0014,0.00966,-0.0206,0.0559,0.02774,0.02369,-0.00605,-0.03248,-0.08412,-0.00598,-0.01632,-0.08657,-0.0415,-0.03587,-0.00226,0.00266,-0.13931,0.07239,-0.00314,0.07164,-0.09312,-0.02038,0.07026,-0.0235,-0.06475,-0.0044,0.05113,0.02046],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. GitHub and install For Nx workspaces: Or install it manually with the required companion packages: Review the GitHub repository, then compare the examples against the type of editor your Angular team actually needs to ship. Git Hub","excerpt":"GitHub and install For Nx workspaces: Or install it manually with the required companion packages: Review the GitHub repository, then compare the examples against the type of editor your Angular team actually needs to ship."},{"chunkId":"/examples/overview#0","slug":"overview","route":"/examples/overview","section":"examples","title":"Foblex Flow Examples for Angular Node Editors and Workflow Builders","description":"Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams.","group":"Introduction","vector":[-0.11651,0.00576,-0.05044,0.0343,0.02785,0.0219,-0.0813,0.07556,-0.01381,0.0189,-0.14304,-0.05539,-0.05287,-0.01224,0.0999,0.00641,0.00611,-0.00976,-0.00789,-0.02735,-0.02172,-0.03995,-0.01149,-0.03504,-0.00339,0.01,0.00393,0.00877,0.07076,-0.03392,-0.01174,0.07798,0.00671,0.0174,-0.0523,0.13536,0.04287,0.03299,-0.0434,-0.06389,0.01849,0.04502,-0.03191,-0.05793,-0.05159,-0.0724,-0.0287,-0.04801,-0.08508,0.06785,-0.07649,-0.14869,-0.05895,0.04879,0.0375,-0.02532,0.02489,-0.09321,0.00403,-0.03161,0.01415,-0.02568,-0.01145,0.02228,-0.00879,0.01351,-0.05906,0.08804,0.04315,-0.10347,-0.04031,-0.05504,-0.00367,-0.04637,-0.00164,-0.02836,-0.04256,0.03097,-0.02615,-0.06317,0.04599,0.03907,0.0053,0.08825,-0.05254,0.1254,0.04745,-0.0107,0.02518,0.01203,-0.0026,0.06038,0.00959,-0.0638,0.13138,0.04874,-0.00235,-0.05227,-0.07199,0.05518,-0.00734,-0.04519,0.09864,-0.04976,-0.05645,-0.02516,-0.00419,-0.00033,-0.00843,0.01263,-0.0008,0.05445,-0.03066,-0.10129,-0.00457,-0.05179,-0.01976,-0.06963,0.02263,0.10504,0.01737,0.04944,0.00989,0.02527,0.09488,-0.00511,-0.04831,0,0.07151,0.0691,-0.0508,0.10209,0.13069,-0.05176,0.05465,-0.04568,-0.02124,-0.00297,0.03984,0.07782,-0.04525,0.05616,-0.06417,-0.1047,-0.06797,0.03244,-0.01829,0.02093,0.00352,-0.10222,-0.03383,0.05349,0.07677,0.04831,0.00622,0.03641,-0.0301,0.01161,-0.00228,-0.02032,-0.00794,0.02885,-0.05272,0.00759,-0.08004,-0.09439,0.03358,-0.0256,-0.01919,-0.03209,-0.11388,-0.0182,0.02926,-0.02626,-0.0186,-0.0086,0.14364,-0.00555,0.04938,0.04497,0.03513,0.02003,0.07805,-0.0611,-0.01522,0.03612,0.03125,0.06472,-0.00236,0.08131,-0.05569,0.00308,0.02821,0.03656,-0.01351,-0.00281,0.10013,-0.07861,-0.07831,0.0402,0.01544,0.00241,0.03628,-0.00236,0.02967,0.00097,0.04868,-0.01518,-0.02865,-0.01445,0.00941,0.05402,0.05643,-0.07496,0.01835,-0.01871,-0.10913,-0.03345,0.08462,0.01981,-0.01689,0.00829,0.05181,0,0.00976,-0.01669,-0.03061,0.04795,0.04126,-0.03911,0.00361,-0.01352,0.11924,0.02513,0.02275,0.04211,-0.0098,-0.01868,-0.01624,-0.0569,-0.05152,-0.12196,0.09231,-0.02399,0.04097,0.04611,-0.00761,-0.04905,-0.07584,0.02295,-0.03986,-0.02805,0.03202,-0.05593,-0.00289,-0.04642,-0.01973,-0.04489,-0.0251,-0.027,-0.0211,0.05844,0.05624,-0.02454,0.06075,-0.01949,-0.00298,-0.0382,-0.09571,0.00188,-0.04746,-0.01554,-0.00784,-0.04696,-0.04004,0.03898,-0.06139,-0.06996,-0.04683,-0.00349,0.12731,0.00041,-0.00442,0.0272,-0.04694,0.01483,0.05311,0.0232,0.00915,0.01358,-0.06842,-0.02615,-0.03152,0.09711,-0.01098,0.01068,-0.03564,-0.0097,0.07015,0.02332,0.10247,-0.04863,0.06109,-0.0215,-0.03971,0.11823,-0.00037,0.04167,0.03796,0.03896,-0.05981,-0.02454,0.04629,0.05883,-0.0912,0.02446,0.06299,0.0279,0.01172,0,-0.10447,0.07426,-0.04022,-0.00524,-0.01454,0.00765,-0.03891,0.04207,0.04912,0.02204,-0.00683,0.0186,-0.04753,0.0029,0.06688,0.02866,-0.02421,0.02367,-0.05537,-0.11012,0.01651,0.04875,0.00135,0.03398,0.02061,-0.00236,0.02327,0.00293,-0.02465,-0.01899,-0.01979,0.06684,0.04632,0.04249,-0.00791,-0.02559,-0.05137,0.00419,-0.05079,0.01697,0.03495,0.02389,-0.02395,-0.05338,-0.03185,0.05117,-0.03909,-0.06788,-0.05395,0.00659,-0.04809,0.00734,-0.05571,0.04612,-0.02237,0.0997,-0.0573,-0.00413,0.08982,-0.02408,-0.06626,0.10493,0.04885,0.0051],"keywords":"Foblex Flow Examples for Angular Node Editors and Workflow Builders Foblex Flow Examples for Angular Node Editors and Workflow Builders Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams. Examples This page collects the strongest Foblex Flow examples for Angular so you can evaluate the library by concrete interaction patterns, not only by API reference. The examples cover node editors, workflow builders, interactive diagrams, layout helpers, and richer production-style demos. Most teams should start with a small example, not the largest reference app. The point is to learn the core flow primitives first and add advanced features only when you actually need them. Use this section when you want to answer one of these questions quickly: - Can I build custom nodes and connectors with Angular templates? - How does drag-to-connect or connection reassignment work? - Which examples cover workflow builders, minimaps, undo/redo, and auto layout plugins? - What should I start from if I need a production-style editor rather than a tiny demo? For lower-level APIs, combine these pages with the documentation. For full source code, open the GitHub repository. AP Is Git Hub","excerpt":"Examples This page collects the strongest Foblex Flow examples for Angular so you can evaluate the library by concrete interaction patterns, not only by API reference. The examples cover node editors, workflow builders, interactive diagrams, layout helpers, and richer production-style demos. Most teams should start with a small example, not the largest reference app. The point is to learn the core flow primitives first and add advanced features only when you actually need them. Use this section when you want to answer one of these questions quickly: - Can I build custom nodes and connectors with Angular templates? - How does drag-to-connect or connection reassignment work? - Which examples cover workflow builders, minimaps, undo/redo, and auto layout plugins? - What should I start from if I need a production-style editor rather than a tiny demo? For lower-level APIs, combine these pages with the documentation. For full source code, open the GitHub repository."},{"chunkId":"/examples/overview#1","slug":"overview","route":"/examples/overview","section":"examples","title":"Foblex Flow Examples for Angular Node Editors and Workflow Builders","description":"Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams.","group":"Introduction","vector":[-0.07949,0.00312,-0.09029,0.02685,0.02362,0.03522,-0.07267,0.05976,0.03448,0.03466,-0.13784,-0.00651,-0.08103,0.02748,0.09669,-0.02677,-0.02626,-0.02698,-0.00089,-0.05829,-0.061,-0.06664,-0.00068,-0.03415,0.00325,0.01465,0.0219,-0.0017,0.05979,-0.05322,0.00095,0.03937,0.03797,0.05195,-0.11047,0.14614,0.00337,0.02266,-0.08397,-0.08066,0.03551,0.06295,0.00126,-0.07122,-0.03254,-0.08305,-0.09144,-0.0127,-0.03807,0.1028,-0.09032,-0.15047,-0.04943,0.0706,0.02225,0.02975,0.02684,-0.06335,0.02239,-0.04008,0.01499,-0.03456,0.00017,0.04172,-0.02416,0.05673,-0.05611,0.10366,-0.0037,-0.08037,-0.00313,-0.07215,-0.02133,-0.04429,-0.01463,-0.05887,-0.05521,0.02765,-0.0233,-0.03726,0.02299,0.0493,-0.01944,0.11507,-0.027,0.1039,0.03817,-0.02016,0.0008,-0.0061,-0.00976,0.09592,-0.00215,-0.03355,0.07569,0.0363,0.02193,-0.02576,-0.06922,0.03744,0.01635,-0.07723,0.065,-0.03305,-0.04488,-0.03269,0.01127,-0.01506,-0.04037,0.03914,-0.02102,0.04672,-0.03988,-0.0854,-0.02408,-0.06391,-0.03241,-0.04993,0.01009,0.11049,0.03168,0.04576,0.00991,0.01932,0.0856,-0.01115,-0.01691,0,0.06776,0.02441,-0.06568,0.08769,0.10665,-0.03143,0.03224,-0.04363,-0.03139,-0.01306,0.03678,0.09293,-0.04549,0.07276,-0.01363,-0.1328,-0.05346,0.03756,0.02479,-0.00326,0.02528,-0.10707,-0.05685,0.07685,0.0764,0.07844,-0.00207,0.05493,-0.04541,0.01239,0.02598,-0.02261,-0.01782,0.03093,-0.06514,0.03506,-0.07855,-0.05156,0.02848,-0.01188,-0.01814,-0.07757,-0.09221,-0.03654,0.01942,-0.02934,-0.046,0.03183,0.1119,0.00672,0.02768,0.02366,0.05374,0.05152,0.08991,-0.03665,-0.00913,0.04121,0.01011,0.04867,0.04444,0.08504,-0.07827,-0.0015,0.02127,0.04115,-0.01973,-0.0247,0.08217,-0.0898,-0.0734,0.0287,0.03696,0.04301,0.03396,-0.01028,-0.03502,0.02391,0.02398,0.00368,-0.07281,-0.05329,0.01814,0.05858,0.06332,-0.05443,0.0356,0.00724,-0.1148,-0.01789,0.08449,0.03511,0.02974,0.03735,0.0797,0,-0.02149,0.02662,-0.01577,0.04485,0.0799,-0.03639,-0.00708,-0.01707,0.10511,0.02613,0.01118,0.04833,-0.00344,-0.00525,-0.02882,-0.03517,-0.00564,-0.0997,0.07194,-0.0732,0.04187,0.00519,0.00853,-0.0451,-0.06791,0.02014,0.02894,-0.02401,-0.00721,-0.02589,-0.02173,-0.01677,-0.00021,-0.01074,-0.00932,-0.01285,0.00079,0.03976,0.03056,-0.04215,0.04633,-0.01873,-0.00461,0.00249,-0.08779,0.02955,-0.08015,0.03206,-0.02592,-0.02788,-0.04606,0.04355,-0.02268,-0.0712,-0.02578,0.02483,0.1123,-0.01618,-0.01378,-0.00507,-0.047,0.01109,0.04327,0.04905,-0.02333,0.01234,-0.07825,-0.02504,-0.03071,0.10491,-0.03116,0.05046,-0.0191,0.01109,0.0644,0.02162,0.08657,-0.027,0.07507,-0.01325,-0.01297,0.12259,-0.00079,0.01792,-0.00976,0.06448,-0.069,-0.02953,0.03632,0.05105,-0.09088,0.00563,0.05053,0.01733,-0.0063,0,-0.1034,0.03582,-0.00793,-0.03797,-0.018,0.0166,-0.03681,0.03504,0.07011,0.01455,-0.02375,0.03962,-0.0342,-0.00905,0.06332,0.01334,0.00871,0.03146,-0.01393,-0.11228,0.03342,-0.00563,0.00425,0.06109,0.01507,0.00085,-0.01032,0.01486,-0.01717,-0.00111,-0.03782,0.05568,0.06848,0.06792,-0.03204,-0.02999,-0.04818,-0.01723,-0.03352,0.01994,0.031,0.02899,0.00236,-0.05699,-0.05456,0.06636,-0.01523,-0.04024,-0.04162,-0.01732,-0.05347,-0.01161,-0.04905,0.01106,-0.02595,0.09612,-0.02135,-0.04133,0.09291,-0.01632,-0.10654,0.1138,0.00869,0.01514],"keywords":"Foblex Flow Examples for Angular Node Editors and Workflow Builders Foblex Flow Examples for Angular Node Editors and Workflow Builders Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams. How to use this section - Start with Custom Nodes, Drag to Connect, or Get Started if you want the fastest path into the library. - Open Reference Apps after the basics if you want complete, product-like editors. - Open Connections and Extensions if you are comparing specific interaction features on the canvas. - Open Plugins when you want Dagre or ELK-based layout examples, including auto-layout flows. - Use Advanced when you need history, drag lifecycle events, larger-scene performance tools, or more complex editor behavior.","excerpt":"How to use this section - Start with Custom Nodes, Drag to Connect, or Get Started if you want the fastest path into the library. - Open Reference Apps after the basics if you want complete, product-like editors. - Open Connections and Extensions if you are comparing specific interaction features on the canvas. - Open Plugins when you want Dagre or ELK-based layout examples, including auto-layout flows. - Use Advanced when you need history, drag lifecycle events, larger-scene performance tools, or more complex editor behavior."},{"chunkId":"/examples/overview#2","slug":"overview","route":"/examples/overview","section":"examples","title":"Foblex Flow Examples for Angular Node Editors and Workflow Builders","description":"Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams.","group":"Introduction","vector":[-0.0699,0.03942,-0.09193,0.01734,0.01826,0.00288,-0.04288,0.04103,0.04052,0.04572,-0.12802,-0.05746,-0.05839,0.01687,0.09345,-0.00095,-0.08103,-0.00328,0.0057,-0.04659,-0.02899,-0.03353,0.01391,-0.01575,-0.01882,-0.01436,-0.01699,0.00523,0.05089,-0.06694,-0.00194,0.07699,0.03439,0.06569,-0.05731,0.12202,0.0036,0.01475,-0.04359,-0.05452,0.04324,0.0606,0.00635,-0.07223,-0.06695,-0.06932,-0.04678,-0.01625,-0.07486,0.08508,-0.07545,-0.14765,-0.07363,0.09628,0.04529,0.01269,0.02522,-0.08907,0.02474,-0.02253,0.00139,-0.02711,0.00316,0.03457,0.00736,0.05384,-0.09014,0.08553,-0.0161,-0.05913,-0.00853,-0.05396,-0.01095,-0.05362,-0.01304,-0.02598,-0.03903,0.03837,-0.01926,-0.03796,-0.01691,0.02269,0.00026,0.08529,-0.02529,0.08565,0.0313,-0.03761,0.02829,-0.02587,-0.02602,0.10587,0.03947,-0.00853,0.06038,-0.00389,0.0247,-0.02891,-0.09604,0.0501,0.01221,-0.07863,0.0849,-0.02513,-0.04,-0.03533,0.04155,-0.01249,-0.02464,-0.01322,-0.0508,0.06148,-0.00914,-0.11635,-0.03632,-0.07234,-0.04836,-0.01625,0.01605,0.09045,0.05416,0.00128,-0.00725,0.0083,0.09322,0.00093,0.00601,0,0.03974,0.02902,-0.03823,0.06688,0.12512,-0.02734,0.02301,-0.06935,-0.0232,-0.01763,0.01446,0.10444,-0.03248,0.01774,-0.05128,-0.12447,-0.07498,0.049,0.03406,0.01792,0.06073,-0.0778,-0.04565,0.04736,0.06213,0.07666,-0.01546,0.00983,-0.01646,0.03967,0.04636,0.0006,-0.0029,0.0228,-0.04281,0.02089,-0.06139,-0.06252,0.02764,-0.02754,-0.01332,-0.0707,-0.10182,-0.02808,0.0143,-0.05434,-0.05931,0.00136,0.12803,0.02627,0.0226,0.02795,0.02086,0.00025,0.09026,-0.0409,0.00197,0.07183,0.01816,0.06223,0.01822,0.08285,-0.04401,-0.03801,-0.01111,0.0235,-0.0265,-0.03993,0.10734,-0.05715,-0.09374,0.05629,0.03524,0.04906,0.00151,-0.03591,-0.01114,0.01502,0.0206,-0.03438,-0.05626,-0.07456,-0.00192,0.03831,0.07287,-0.06338,-0.00365,-0.03942,-0.1343,-0.01707,0.08746,0.01641,0.03921,0.01137,0.05746,0,-0.03161,-0.00109,-0.07985,0.08409,0.08317,-0.0716,0.03643,-0.00646,0.08919,0.05276,0.02741,0.03374,-0.02565,-0.02274,-0.00295,-0.06776,0.01609,-0.12464,0.07246,-0.0381,0.0224,0.00755,0.01976,-0.02243,-0.06666,0.0493,0.01663,-0.01346,0.03205,-0.07875,-0.02592,-0.01549,-0.04482,-0.03827,-0.00307,-0.06689,0.01361,0.06283,0.03634,-0.03896,0.08703,-0.00333,0.00721,-0.00233,-0.0808,0.01605,-0.01961,-0.01593,0.00844,-0.00547,-0.02819,0.01737,-0.04006,-0.05562,-0.0581,0.02595,0.10754,-0.01502,-0.02306,0.04087,-0.05366,-0.00457,0.07831,0.03481,0.03772,0.0192,-0.05013,0.00824,-0.01173,0.11755,0.04423,0.01352,-0.07243,0.02956,0.07786,0.0513,0.0686,-0.06022,0.03919,0.01408,-0.00703,0.12715,0.00786,0.05889,0.01524,0.01044,-0.07372,-0.01665,0.01914,0.06128,-0.08312,-0.00108,0.03918,-0.00693,0.01001,0,-0.13013,0.02645,-0.02452,-0.00211,0.04786,-0.0071,-0.0697,-0.00324,0.05999,-0.00479,-0.01007,0.04892,-0.01945,-0.03351,0.07858,0.01596,-0.01921,0.01311,-0.03467,-0.10002,-0.00887,0.03045,0.00376,0.06635,0.0072,-0.00284,-0.04308,0.00665,0.00622,-0.00995,-0.00739,0.06038,0.07667,0.03955,-0.01316,0.0154,-0.06379,0.01136,-0.05062,0.02849,0.03949,0.02542,0.00486,-0.04112,-0.06008,0.07592,-0.04482,-0.05683,-0.04928,-0.03905,-0.03526,0.00279,-0.07082,0.07478,-0.03207,0.08166,-0.01502,-0.03304,0.0915,-0.01268,-0.0506,0.08236,0.02743,0.03839],"keywords":"Foblex Flow Examples for Angular Node Editors and Workflow Builders Foblex Flow Examples for Angular Node Editors and Workflow Builders Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams. Reference Apps Production-ready examples that show the full power of Foblex Flow. ::: preview-group [Reference Apps] :::","excerpt":"Reference Apps Production-ready examples that show the full power of Foblex Flow. ::: preview-group [Reference Apps] :::"},{"chunkId":"/examples/overview#3","slug":"overview","route":"/examples/overview","section":"examples","title":"Foblex Flow Examples for Angular Node Editors and Workflow Builders","description":"Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams.","group":"Introduction","vector":[-0.08536,0.01685,-0.09626,0.04782,0.00099,0.01581,-0.03127,0.02251,0.03131,0.05671,-0.11288,-0.00975,-0.05993,0.01903,0.08923,0.008,-0.05011,-0.00783,0.01525,-0.05779,-0.0388,-0.03853,0.00668,-0.02391,-0.00572,-0.0137,-0.01564,-0.01413,0.05134,-0.05564,-0.0081,0.06751,-0.01227,0.05857,-0.07171,0.11609,0.02696,0.02569,-0.051,-0.05593,0.06622,0.05027,-0.00748,-0.08018,-0.0505,-0.09351,-0.07275,-0.0414,-0.06535,0.07381,-0.09066,-0.15358,-0.07344,0.07112,0.05991,0.01159,0.00759,-0.08747,0.01334,-0.02079,0.01611,-0.03036,-0.00398,0.04129,-0.01839,0.04785,-0.06161,0.08574,-0.0121,-0.06642,-0.02171,-0.05976,-0.02134,-0.0409,-0.00842,-0.02257,-0.02466,0.02617,-0.01633,-0.05004,0.01279,0.03449,-0.0013,0.09178,-0.02129,0.08836,0.01868,-0.0529,0.04554,-0.01594,-0.0435,0.09398,0.04033,-0.01928,0.03512,0.01267,0.00432,-0.03374,-0.09249,0.06132,0.00573,-0.06642,0.06475,-0.01387,-0.05492,-0.01992,0.02934,-0.0129,-0.0384,-0.00237,-0.03419,0.0478,-0.01662,-0.12055,-0.05144,-0.06252,-0.04394,-0.01872,0.03878,0.12688,0.0322,0.00796,0.00115,0.00737,0.08959,-0.00282,0.0203,0,0.04908,0.01907,-0.04726,0.06316,0.15104,-0.00797,0.00695,-0.08009,-0.02839,-0.01378,0.0079,0.07718,-0.03157,0.02492,-0.03215,-0.12398,-0.04455,0.07332,0.0164,0.01281,0.0199,-0.09451,-0.05698,0.05745,0.08717,0.06081,-0.01212,0.00875,0.00745,0.02402,0.05493,0.01522,0.01922,0.01769,-0.04603,0.01588,-0.07836,-0.07715,0.01811,-0.0346,-0.03096,-0.07158,-0.10605,-0.02252,-0.01054,-0.04053,-0.06548,0.03345,0.11942,0.00688,0.01746,0.04764,0.02913,0.00434,0.08867,-0.0415,0.00313,0.11366,0.01251,0.07224,-0.00632,0.08592,-0.05882,-0.02652,0.01219,0.02359,-0.03703,-0.04607,0.10203,-0.05493,-0.11521,0.07044,0.01603,0.06234,0.01398,-0.04697,-0.0343,0.01504,0.03326,-0.02611,-0.07264,-0.07863,-0.02379,0.06906,0.08648,-0.08309,-0.01153,-0.0338,-0.09997,-0.02496,0.06548,0.03982,0.04952,0.00943,0.04517,0,-0.0236,0.00131,-0.06558,0.07443,0.05139,-0.07622,0.04789,-0.01267,0.0925,0.03643,0.05159,0.05151,0.01045,-0.04724,-0.01659,-0.04959,-0.00784,-0.14168,0.08154,-0.02856,0.04072,0.01579,0.01897,-0.0246,-0.05583,0.03492,0.02807,-0.004,0.00206,-0.06162,-0.02615,-0.01848,-0.03007,-0.02136,-0.0132,-0.0184,0.0398,0.06811,0.03141,-0.0381,0.07402,0.00247,0.01523,0.01974,-0.08065,0.02121,-0.03746,-0.02394,-0.02919,-0.00842,-0.0483,0.01981,-0.04264,-0.04131,-0.04462,0.02846,0.08956,-0.03316,0.00475,0.0229,-0.03068,-0.00392,0.05438,0.0579,0.03556,0.01414,-0.05735,-0.01147,-0.00299,0.08908,0.05949,0.01827,-0.05523,0.02577,0.07303,0.0263,0.09735,-0.06373,0.03863,0.02685,-0.02226,0.11933,0.0046,0.01773,0.0268,0.02466,-0.06196,0.02162,0.03988,0.06983,-0.09711,0.002,0.05124,-0.01797,-0.00078,0,-0.132,0.0245,-0.02004,-0.02945,0.05238,-0.01434,-0.04859,0.01383,0.04316,0.0071,0.00614,0.06251,-0.0418,-0.01827,0.10212,0.01076,0.01039,0.02013,-0.05014,-0.08195,-0.00377,0.04005,0.00594,0.0735,0.00753,-0.01464,-0.0206,-0.00262,-0.00949,0.00001,-0.02549,0.05131,0.0953,0.04122,-0.02749,0.02209,-0.07355,0.0087,-0.0388,0.03215,0.05162,0.00739,0.0044,-0.02467,-0.04056,0.07866,-0.03645,-0.03539,-0.03367,-0.04909,-0.04557,-0.02022,-0.0766,0.03299,-0.03971,0.06177,0.01121,-0.02272,0.07939,-0.01469,-0.05043,0.09103,0.02791,0.01758],"keywords":"Foblex Flow Examples for Angular Node Editors and Workflow Builders Foblex Flow Examples for Angular Node Editors and Workflow Builders Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams. All Examples ::: preview-group [Nodes] [Connectors] [Connections - Editing] [Connections - Appearance] [Connections - Routing] [Viewport] [Editor Helpers] [Layout Engines] [Reflow] [Editor State] [Events] [Performance] :::","excerpt":"All Examples ::: preview-group [Nodes] [Connectors] [Connections - Editing] [Connections - Appearance] [Connections - Routing] [Viewport] [Editor Helpers] [Layout Engines] [Reflow] [Editor State] [Events] [Performance] :::"},{"chunkId":"/examples/custom-nodes#0","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.01885,0.02783,-0.04982,0.01447,-0.038,0.05605,-0.06845,0.01152,0.00895,0.07959,-0.04901,0.00148,-0.04281,0.0253,0.0612,-0.00183,-0.04429,-0.01252,0.05034,-0.04961,-0.03662,-0.03795,-0.02477,-0.01541,0.00682,0.05064,0.06114,0.0335,0.08886,-0.01513,0.02944,-0.00384,-0.00844,0.02262,-0.17044,0.04863,0.03889,0.06042,-0.03726,0.02108,0.06839,-0.00498,0.03263,-0.04616,0.00564,-0.05603,-0.13626,-0.02576,-0.08579,0.07646,-0.05759,-0.12379,-0.02992,0.01553,0.08504,-0.07505,-0.03308,-0.07456,0.03549,-0.01424,0.06917,-0.0167,-0.00091,0.01107,0.01198,0.00918,-0.05159,0.16225,0.03362,-0.01765,0.01978,-0.02963,0.02708,-0.00021,-0.05771,-0.00771,-0.03678,0.04903,-0.12188,0.03023,-0.03362,0.06944,-0.02936,0.03974,-0.05907,0.11312,-0.03292,-0.02901,-0.02506,-0.07423,-0.08106,0.0626,-0.01443,-0.09787,0.05387,0.05138,-0.01592,-0.04676,0.00758,-0.05631,0.0543,-0.05484,-0.04678,-0.00003,-0.02201,-0.03013,-0.07039,-0.01533,0.02794,0.02306,0.00784,0.02517,-0.08053,-0.12522,-0.04244,0.03261,-0.10302,-0.04797,-0.01133,0.12269,-0.02167,0.04145,-0.03634,-0.07133,0.0486,0.02827,0.04266,0,0.03076,0.02494,-0.10567,0.03686,0.13643,0.01379,-0.0488,-0.08805,0.06261,-0.00486,0.06967,0.04775,-0.06169,0.03751,-0.03654,-0.04637,0.01454,-0.00903,0.01727,-0.05228,-0.03576,-0.07,-0.0556,0.07304,0.03319,0.06791,0.04113,0.04885,-0.05139,-0.02542,0.13313,0.01366,0.0385,0.00608,0.01846,-0.02757,-0.02369,0.00953,0.02764,-0.01161,-0.00446,-0.07354,-0.1121,0.06241,-0.00287,-0.00758,-0.02403,-0.09145,0.12047,-0.05667,0.01398,0.05407,-0.02427,-0.02949,0.08713,0.00175,-0.02618,0.08965,-0.0059,0.02579,-0.01367,0.05714,0.03279,-0.07381,0.01751,0.0138,0.0098,-0.06412,0.06206,-0.05173,-0.03194,0.0084,-0.0091,0.02184,0.00574,0.05286,0.02236,0.07923,0.00055,-0.00239,-0.13168,-0.07792,0.03615,0.09975,0.07112,-0.07041,0.02702,-0.04655,-0.02929,-0.01973,0.02223,0.08076,0.02689,-0.06608,0.07026,0,-0.08689,0.0719,0.00253,0.04208,0.03535,-0.04106,-0.0154,0.03385,0.02946,0.04765,-0.03072,0.0448,-0.01328,-0.00888,-0.03524,-0.02634,-0.05658,-0.02938,0.05274,-0.0664,-0.01654,0.10287,-0.02574,-0.0281,-0.05637,0.03867,-0.03208,-0.13035,0.0057,-0.05051,-0.04003,-0.05255,0.02216,0.01313,-0.01692,-0.00794,0.07468,0.0401,-0.01696,-0.06882,-0.01352,-0.04389,-0.00487,-0.02861,-0.11128,-0.01813,-0.03796,-0.02396,-0.01096,-0.00895,-0.03006,0.05542,-0.00696,0.00542,-0.03511,-0.05029,0.08157,0.02429,0.09754,0.00413,-0.02123,-0.04205,0.02192,-0.0309,0.03012,0.01482,-0.07781,-0.08639,-0.03521,0.03504,-0.05104,0.06581,-0.00704,0.04683,0.05899,0.02635,0.05062,-0.00999,0.00533,0.02938,-0.00324,0.11722,-0.02645,0.01961,0.08656,0.04475,-0.05342,-0.06147,0.02128,0.06592,-0.0525,0.0281,-0.04858,0.0433,0.05196,0,-0.09727,0.021,0.00903,-0.00519,0.007,-0.00956,-0.00245,0.04961,0.05201,0.02003,-0.03973,0.05921,0.00444,-0.04418,0.08128,-0.01828,-0.00147,0.02195,0.00537,-0.00193,0.02065,0.00783,-0.0003,0.0758,-0.02187,-0.01383,0.03297,0.00617,-0.03172,0.01141,-0.02301,0.00217,0.09839,0.04081,-0.00093,-0.05006,-0.10089,0.0075,-0.00562,0.02325,0.01809,-0.0022,-0.06262,0.01703,-0.05041,0.03734,-0.04607,-0.03083,0.01114,0.08465,-0.05334,-0.01407,-0.01209,-0.02643,0.03847,0.05884,0.0084,0.0024,0.00915,-0.04012,-0.04617,0.08073,0.05621,-0.05128],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. Custom Nodes","excerpt":"Custom Nodes"},{"chunkId":"/examples/custom-nodes#1","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.04055,-0.01063,-0.05383,0.00344,-0.00952,0.0613,-0.05096,0.03336,0.04346,0.07036,-0.07942,0.00377,-0.04074,0.02477,0.08907,-0.03654,0.0082,-0.02223,0.05334,-0.03498,-0.04142,-0.0251,-0.01172,-0.03577,-0.01929,0.05764,0.06224,0.04265,0.06584,-0.0265,0.04805,0.04489,-0.02474,0.03435,-0.18237,0.06935,0.02528,0.02065,-0.06132,-0.01617,0.07259,0.01935,-0.00034,-0.0324,-0.0205,-0.0353,-0.11687,-0.03421,-0.08157,0.10614,-0.06265,-0.11858,-0.01476,0.03961,0.05172,-0.04987,-0.0196,-0.08892,0.02489,-0.00162,0.04255,-0.00831,0.04413,-0.00001,0.02569,0.03387,-0.09017,0.13181,0.03716,-0.04596,0.04538,-0.05396,0.04236,0.00768,-0.03128,-0.04745,-0.02728,0.05009,-0.07413,0.02683,-0.0255,0.11689,-0.02113,0.0198,-0.08126,0.13048,-0.00464,-0.05398,-0.03967,-0.05997,-0.08045,0.07805,-0.00034,-0.10591,0.06964,0.02744,-0.00117,-0.03525,-0.0259,-0.04221,0.05013,-0.05315,0.00241,-0.00715,-0.03999,-0.03438,-0.04259,-0.01489,0.01808,0.00572,-0.0171,0.01587,-0.05609,-0.11216,-0.03458,-0.0421,-0.08583,-0.04338,-0.00591,0.09988,-0.01102,0.02885,0.01701,-0.06218,0.08911,0.03448,-0.01037,0,0.00141,0.02402,-0.05803,0.0434,0.11469,0.03764,-0.02084,-0.09019,0.06478,-0.02007,0.04964,0.05868,-0.0736,0.05309,0.00165,-0.06501,-0.03048,-0.01696,0.02106,-0.0518,0.00971,-0.09096,-0.05404,0.07554,0.02843,0.0424,0.00383,0.06956,-0.07201,-0.01169,0.07935,0.02279,0.03533,0.015,-0.02806,-0.04651,-0.05176,-0.04229,0.01363,-0.02995,-0.01699,-0.06719,-0.09662,0.05144,-0.02494,0.00864,-0.04946,-0.07749,0.07093,-0.03544,0.03985,0.04345,0.04289,-0.03015,0.08477,-0.01767,-0.03988,0.06312,0.03596,0.01597,-0.00318,0.06707,0.00409,-0.05122,-0.00721,0.06788,0.01499,-0.03493,0.0489,-0.04002,-0.04953,0.03998,-0.00053,-0.01364,0.05293,0.02365,0.01408,0.04663,0.01522,0.00926,-0.10405,-0.08131,0.03272,0.08684,0.10506,-0.08955,0.03218,-0.03856,-0.05247,-0.01041,0.05474,0.05848,-0.00988,-0.03066,0.0857,0,-0.09099,0.06783,0.00476,0.0296,0.07511,-0.07667,-0.03491,0.01935,0.02701,0.04921,0.0024,0.04917,-0.01597,-0.03437,-0.0395,0.02731,-0.0327,-0.06523,0.0644,-0.08061,0.0058,0.05519,-0.03096,-0.0558,-0.08548,0.04175,-0.02487,-0.08365,0.03176,-0.03905,0.00157,-0.03762,0.01447,-0.01583,0.01552,-0.04921,0.03059,0.01123,-0.01749,-0.10385,-0.01748,-0.04746,-0.01629,0.01111,-0.11062,-0.00117,-0.05237,-0.03476,-0.00397,-0.00809,-0.03254,0.07017,-0.00187,-0.01176,-0.04406,-0.03235,0.10249,0.06572,0.07357,-0.01801,0.01015,-0.03396,0.02016,-0.01184,0.0281,0.01092,-0.04612,-0.03578,0.02755,0.05372,0.0175,0.06668,-0.01859,0.03668,0.0808,0.03523,0.08779,-0.00299,0.01456,0.05587,-0.01087,0.12225,0.00268,0.01671,0.07301,0.02904,-0.09524,-0.03963,0.03679,0.06887,-0.03798,0.02299,-0.05371,0.05124,0.05422,0,-0.13131,0.01117,-0.00183,-0.03232,-0.01701,-0.01761,-0.03863,0.02565,0.04527,0.03373,0.01184,0.05344,-0.02296,-0.03269,0.09218,0.0049,-0.05257,0.01972,0.01125,-0.01873,0.03234,0.01702,0.01255,0.1037,-0.0352,-0.00585,0.00696,-0.00673,-0.03299,0.00946,-0.00671,-0.0081,0.07928,0.09126,-0.04557,-0.03555,-0.10959,0.00567,-0.02672,0.00983,0.02308,-0.04121,-0.04007,0.00754,-0.07312,0.06277,-0.05532,-0.03096,-0.00843,0.05885,-0.06577,0.00658,-0.04704,0.01625,0.04795,0.05249,-0.02203,-0.01089,0.02994,-0.0514,-0.08208,0.07734,0.06782,-0.0322],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. Description This guide shows how to create custom nodes for flow components with different content, styles, and behaviors. You can render any Angular UI inside a node: forms, buttons, metrics, menus, or domain-specific panels. In practice, custom nodes are one of the biggest reasons teams adopt Foblex Flow instead of a generic diagram widget. Your node can look like a real product component while still participating in drag, selection, and connection logic.","excerpt":"Description This guide shows how to create custom nodes for flow components with different content, styles, and behaviors. You can render any Angular UI inside a node: forms, buttons, metrics, menus, or domain-specific panels. In practice, custom nodes are one of the biggest reasons teams adopt Foblex Flow instead of a generic diagram widget. Your node can look like a real product component while still participating in drag, selection, and connection logic."},{"chunkId":"/examples/custom-nodes#2","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.03785,0.01913,-0.0584,0.02955,0.01394,0.0895,-0.03451,0.02218,0.02193,0.08897,-0.0777,0.02934,-0.0301,0.01772,0.06172,-0.02264,-0.05826,-0.01703,0.02291,-0.03645,-0.01586,-0.04063,-0.0089,-0.02187,0.01136,0.05029,0.00846,0.0111,0.11396,0.02217,0.05365,0.03683,-0.0181,0.02801,-0.12441,0.05649,-0.0048,0.07354,-0.05514,0.03239,0.09637,0.03909,0.02392,-0.07051,0.02457,-0.05382,-0.12885,-0.01794,-0.07766,0.07954,-0.0414,-0.1149,-0.02793,0.04563,0.06119,-0.0517,-0.01552,-0.09136,0.0562,0.00727,0.03647,-0.07259,0.00779,-0.01336,0.0443,0.02305,-0.08256,0.12558,-0.02397,0.0201,0.043,0.00068,0.00283,0.02414,-0.01411,0.00851,-0.03624,0.06906,-0.11482,0.01312,-0.04999,0.03246,-0.01115,0.02047,-0.07471,0.14959,-0.0393,-0.05085,-0.04079,-0.04832,-0.07845,0.08524,-0.06498,-0.06172,0.04354,0.04598,-0.06044,-0.00735,-0.00689,-0.01553,0.06645,-0.07905,-0.03134,0.00717,-0.01256,-0.01928,-0.07563,0.02524,-0.01417,0.03542,-0.02125,0.03528,-0.04606,-0.11517,-0.05893,0.00301,-0.05411,-0.05372,-0.00914,0.12592,0.03003,0.04905,-0.06303,-0.04405,0.06827,-0.01934,0.04447,0,0.01329,0.00897,-0.0664,0.04334,0.09019,0.0011,-0.04826,-0.10355,0.02917,0.03417,-0.00803,0.05861,-0.06936,-0.00454,-0.04323,-0.08722,0.01369,-0.0096,0.00283,-0.05533,-0.00482,-0.07961,-0.03739,0.05044,0.0488,-0.00429,0.00772,0.04103,-0.07742,-0.02821,0.10937,0.04443,0.06332,0.00933,0.03071,-0.03757,0.00871,0.01434,-0.03668,-0.0134,0.01433,-0.04119,-0.03365,0.09116,-0.04982,-0.04289,-0.01489,-0.0711,0.09146,-0.03278,0.02887,0.09995,-0.00405,-0.04718,0.07718,0.01509,0.01556,0.04104,-0.00895,0.03568,0.00212,0.03512,0.03905,-0.05367,0.03306,0.03585,0.03101,-0.03947,0.0517,-0.07775,-0.03217,0.06532,0.00484,0.03045,0.01845,0.03786,0.02806,0.0603,0.0274,0.00953,-0.10072,-0.07665,-0.00902,0.07988,0.06836,-0.09888,0.00123,-0.02859,-0.0031,-0.08361,0.05986,0.02423,-0.00026,-0.08321,0.02783,0,-0.06412,0.06204,-0.00154,0.09468,0.05732,-0.0459,0.02316,0.04389,0.04144,0.08131,-0.01099,0.06409,-0.0104,-0.02043,-0.02688,-0.01603,-0.07239,-0.04545,0.0824,-0.07445,-0.01383,0.10707,-0.0134,-0.02067,-0.04341,0.03782,-0.02348,-0.04818,0.00862,-0.04359,-0.00999,-0.08072,-0.04402,-0.00871,-0.00367,-0.05086,0.05672,0.07319,-0.0098,-0.04893,0.03868,-0.02169,-0.0496,0.00434,-0.12418,-0.00168,-0.00497,-0.01938,-0.0015,-0.02223,-0.03239,0.01887,0.00663,0.06657,0.00613,-0.05463,0.04261,0.02843,0.03286,-0.01483,0.03896,-0.01271,-0.01586,-0.05805,0.08976,0.01972,-0.09264,-0.10209,-0.00647,0.02559,-0.05315,0.06654,0.03346,0.01184,0.08087,0.03954,0.056,0.00526,0.02352,0.04233,-0.04749,0.12651,-0.04479,0.06507,0.10901,0.04503,-0.10176,-0.02583,0.03717,0.0217,-0.0498,0,-0.01976,0.03367,0.03879,0,-0.11785,0.00944,-0.03787,-0.02757,0.01237,-0.0577,0.02768,0.03769,0.01406,0.00397,-0.03173,0.04299,0.04074,-0.10142,0.06713,-0.04539,-0.0219,0.01981,-0.03166,-0.00543,0.02217,0.00044,-0.00739,0.0965,-0.01298,-0.05299,0.00746,0.0344,-0.01761,-0.00086,-0.0263,-0.03973,0.05257,0.04701,-0.02529,-0.06164,-0.09286,-0.01903,0.0253,0.04878,0.01565,-0.06541,-0.01273,0.02632,-0.06147,0.05616,-0.06541,0.00881,0.03121,0.05426,-0.05965,-0.03724,-0.03252,-0.00502,0.07062,-0.00351,0.02342,0.03797,0.01897,-0.02693,-0.05976,0.06743,0.06017,-0.05929],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss ::: This example uses Angular Material components to fill the custom nodes with content.","excerpt":"Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss ::: This example uses Angular Material components to fill the custom nodes with content."},{"chunkId":"/examples/custom-nodes#3","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.05382,0.02633,-0.04265,0.02895,-0.01786,0.01809,-0.10469,0.00682,0.01967,0.08137,-0.06573,0.00043,-0.03475,0.04118,0.08923,-0.00465,-0.01207,-0.0044,0.04735,-0.05377,-0.05777,-0.02221,-0.02735,-0.00224,0.00977,0.05486,0.03682,0.03316,0.11285,-0.02031,0.05079,0.04057,-0.02036,0.03685,-0.16232,0.10079,0.01583,0.06692,-0.00533,-0.02052,0.05509,-0.00547,0.00153,-0.05755,0.00064,-0.09429,-0.11917,-0.04032,-0.1068,0.08752,-0.05506,-0.12894,-0.03737,0.00528,0.08442,-0.05546,-0.00719,-0.08121,0.03101,-0.00839,0.03895,0.00803,0.02391,0.00203,0.01138,0.04477,-0.05642,0.1491,0.02509,-0.00966,0.0589,-0.03769,0.00189,0.00619,-0.05636,-0.01192,-0.05183,0.03644,-0.11118,0.01417,-0.01851,0.07158,-0.02439,0.03599,-0.06446,0.12113,0.01114,-0.03172,0.00044,-0.06314,-0.10292,0.04966,0.01396,-0.09361,0.08158,0.0505,-0.02233,-0.02031,-0.01915,-0.03458,0.04181,-0.04427,-0.0183,-0.02526,-0.00453,-0.00347,-0.06649,-0.02886,0.02306,0.02172,0.00604,0.01394,-0.06864,-0.10231,-0.03426,0.0122,-0.05992,-0.05164,-0.0191,0.12233,-0.02335,0.05664,-0.03085,-0.06021,0.06249,0.03743,0.03286,0,0.01586,0.04516,-0.08771,0.03352,0.16058,0.02192,-0.03878,-0.08302,0.06498,-0.01119,0.05625,0.07634,-0.06881,0.05189,-0.00518,-0.04548,-0.00567,-0.02999,0.02778,-0.04551,-0.04754,-0.08685,-0.06415,0.11073,0.04895,0.05312,0.04113,0.07331,-0.03642,-0.03275,0.10036,0.00601,0.03822,0.04914,-0.02692,-0.03513,-0.04633,-0.00501,0.05745,0.00914,0.00687,-0.05758,-0.10256,0.048,-0.00242,0.02357,-0.0456,-0.05843,0.09541,-0.0842,0.02153,0.05741,0.00488,-0.013,0.06454,-0.04788,-0.01505,0.06532,0.04518,0.03616,-0.02357,0.02875,0.00541,0.00081,0.02896,0.02315,0.00726,-0.03809,0.05196,-0.06873,-0.03724,0.02063,-0.04217,0.02617,0.03307,0.0059,0.01058,0.07334,0.01469,0.01305,-0.12146,-0.05187,0.0276,0.09091,0.08043,-0.09761,0.00356,-0.01886,-0.03718,-0.0291,0.03147,0.06313,0.0064,-0.01548,0.0775,0,-0.0789,0.08263,0.02586,0.05332,0.03266,-0.04172,-0.03352,-0.00025,0.03882,0.05647,-0.01679,0.04034,-0.01941,-0.03362,-0.03251,-0.02253,-0.07526,-0.0308,0.06187,-0.07327,0.01564,0.06651,-0.04097,-0.02005,-0.03001,0.0441,-0.04088,-0.10111,0.02942,-0.03344,-0.02679,-0.05795,0.0316,-0.0227,-0.00712,0.00064,0.08109,0.02807,-0.00412,-0.05875,-0.02593,-0.03208,-0.03965,0.00859,-0.09661,-0.01049,-0.0687,-0.01018,-0.03606,-0.03316,-0.03693,0.07825,-0.00739,-0.04397,-0.05872,-0.06192,0.09468,0.04755,0.06033,-0.02165,-0.00885,-0.03548,0.02451,-0.03558,-0.00561,0.01081,-0.03975,-0.07976,-0.01959,0.03302,0.00725,0.03994,-0.02974,0.02661,0.05878,0.01111,0.06654,-0.04286,0.0179,0.01575,-0.00235,0.11198,0.00097,0.00662,0.05739,0.03868,-0.08375,-0.02517,0.0423,0.07006,-0.06871,0.02898,-0.04678,0.04878,0.03888,0,-0.11731,0.03407,0.02142,-0.00321,-0.00322,-0.00539,-0.01045,0.05471,0.07021,0.03749,-0.03463,0.03757,-0.04904,-0.02881,0.05723,-0.01438,-0.03291,0.0359,-0.0001,-0.00887,0.03798,0.01572,-0.0008,0.08512,-0.023,-0.02805,0.04653,-0.02417,-0.04558,0.04953,-0.02757,-0.00544,0.10352,0.06531,-0.02172,-0.08569,-0.07628,0.00269,-0.00817,0.01833,0.01298,-0.0219,-0.07034,-0.02141,-0.06634,0.02792,-0.05838,-0.04312,0.02046,0.04535,-0.0335,-0.0285,-0.02637,-0.03168,0.04794,0.0351,-0.00354,-0.00164,0.0589,-0.05576,-0.0698,0.04098,0.07088,-0.05782],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. What this solves - Build branded nodes instead of plain boxes. - Mix graph interactions with real Angular UI. - Reuse the same editor primitives across workflow, AI, CRM, or internal-tool use cases.","excerpt":"What this solves - Build branded nodes instead of plain boxes. - Mix graph interactions with real Angular UI. - Reuse the same editor primitives across workflow, AI, CRM, or internal-tool use cases."},{"chunkId":"/examples/custom-nodes#4","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.05615,0.0338,-0.05344,0.02605,-0.00087,0.02276,-0.04854,0.01857,0.05326,0.08131,-0.03032,0.00166,-0.03258,0.05252,0.05652,0.0101,-0.04943,0.00532,0.06491,-0.07632,-0.04253,-0.07387,-0.02328,-0.0033,0.02884,0.02323,0.08216,0.04324,0.09263,-0.03735,0.01815,-0.01379,-0.03277,0.01928,-0.18405,0.07015,0.03963,0.0648,-0.02577,-0.00025,0.07061,-0.01284,0.01445,-0.04949,-0.00857,-0.05588,-0.11793,-0.00409,-0.09457,0.07067,-0.06023,-0.10472,-0.06056,-0.00238,0.0725,-0.05438,-0.01989,-0.07873,0.0403,0.00584,0.0749,-0.00318,0.01255,0.01602,0.03275,0.03685,-0.01976,0.13735,0.03319,-0.00223,0.05366,-0.02694,0.00576,0.00897,-0.05792,0.00969,-0.03636,0.07485,-0.11997,0.00497,-0.03778,0.10094,-0.03584,0.04584,-0.03124,0.1098,-0.04416,-0.05159,-0.03091,-0.04628,-0.09567,0.05762,0.01545,-0.09928,0.10146,0.03385,0.00062,-0.02498,0.02656,-0.05252,0.04445,-0.06389,-0.04128,-0.00364,0.0168,-0.01167,-0.0559,-0.05326,0.01982,0.00486,0.0142,0.01099,-0.07523,-0.09664,-0.03932,0.02261,-0.07209,-0.04218,0.01498,0.12168,-0.00909,0.02647,-0.02446,-0.06228,0.05484,0.04824,0.04066,0,0.01085,0.03293,-0.07731,0.01871,0.12172,0.00442,-0.08109,-0.09665,0.03504,0.02505,0.03886,0.07148,-0.04268,0.04582,-0.03194,-0.05568,0.02245,-0.00415,-0.00177,-0.05202,-0.03599,-0.07741,-0.0462,0.07797,0.05496,0.08189,0.00904,0.07643,-0.05284,-0.02481,0.11866,0.03188,0.01874,0.03036,0.01066,-0.00373,-0.01772,-0.01667,0.04355,-0.0176,-0.01561,-0.06525,-0.11026,0.07751,-0.02179,0.02468,-0.02204,-0.0845,0.08444,-0.03929,-0.00755,0.04814,-0.03794,-0.02616,0.06638,-0.01534,-0.02584,0.06791,-0.02091,0.01976,-0.02291,0.03627,0.0108,-0.0589,0.00775,0.02706,0.0024,-0.05793,0.06423,-0.04056,-0.03684,0.03821,-0.03445,-0.00111,0.00538,0.02348,0.00331,0.07076,-0.01212,0.0315,-0.11816,-0.07238,0.0475,0.06754,0.0548,-0.0837,0.04233,-0.05136,-0.04549,-0.03329,0.04503,0.10316,0.04958,-0.02651,0.05875,0,-0.10076,0.077,0.03817,0.05306,0.01585,-0.04745,-0.0004,0.02601,0.00011,0.06402,-0.00655,0.01935,-0.04254,-0.0069,0.00597,-0.03495,-0.05746,-0.0348,0.05782,-0.04468,0.01446,0.09796,-0.04121,-0.03956,-0.01529,0.05138,-0.03082,-0.12176,-0.00942,-0.05322,-0.01597,-0.0333,0.0157,-0.04537,-0.00276,-0.01307,0.07256,0.02719,0.01902,-0.02726,-0.02783,-0.04648,0.00881,-0.00036,-0.10392,-0.04927,-0.03979,-0.0064,-0.01512,0.01622,-0.03723,0.06352,0.02855,-0.01924,-0.02934,-0.08592,0.08345,0.04499,0.06601,-0.00037,-0.01923,-0.04137,-0.00323,-0.01682,-0.00621,0.00997,-0.04744,-0.11949,-0.02151,0.04458,-0.00925,0.03308,-0.05612,0.02017,0.06867,0.00107,0.06377,0.00113,-0.02241,0.04241,0.00971,0.09761,-0.00242,0.01502,0.05678,0.04702,-0.08232,-0.03649,0.03372,0.09236,-0.07582,0.01957,-0.11619,0.03496,0.04818,0,-0.12667,0.02939,0.03922,-0.03047,0.00866,-0.01971,-0.00062,0.0354,0.02621,0.01552,-0.03158,0.05025,-0.00431,-0.06661,0.07988,-0.02843,0.00207,-0.01554,0.01363,0.03462,-0.03398,0.01189,-0.04089,0.06503,-0.04176,-0.03783,0.03028,0.01084,-0.0508,0.0314,-0.02604,0.02929,0.11238,0.064,0.00629,-0.03243,-0.07314,0.00805,-0.01444,0.03915,0.01887,0.01556,-0.03616,0.02534,-0.07787,0.05826,-0.03096,-0.02644,-0.00383,0.06597,-0.04558,-0.05892,-0.04034,-0.02881,0.04893,0.03625,0.00221,0.01724,0.03505,-0.001,-0.04333,0.07392,0.03799,-0.09867],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. When to use it Start from this example whenever the visual identity of a node matters as much as the graph behavior around it.","excerpt":"When to use it Start from this example whenever the visual identity of a node matters as much as the graph behavior around it."},{"chunkId":"/examples/custom-nodes#5","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.02255,0.0085,-0.04378,0.04452,-0.01091,0.05893,-0.06718,0.01478,0.03062,0.10104,-0.03656,0.01751,-0.05169,0.02991,0.05689,0.00046,-0.05477,-0.00008,0.03818,-0.03581,-0.03781,-0.02989,-0.03467,-0.00609,0.02449,0.03941,0.02344,0.01662,0.08846,-0.01865,0.03015,-0.00781,-0.02515,0.02457,-0.18466,0.0744,0.05218,0.0409,-0.04983,0.01499,0.07602,-0.01214,0.03778,-0.046,-0.02049,-0.04195,-0.13277,-0.00639,-0.09384,0.0883,-0.04566,-0.12501,-0.02633,0.01847,0.0682,-0.071,-0.00977,-0.08268,0.04831,-0.00795,0.04941,0.00917,0.00307,-0.00989,0.00875,-0.00319,-0.0484,0.16576,0.02788,-0.02271,0.03243,-0.05076,0.00503,0.01722,-0.05121,-0.01717,-0.04297,0.06868,-0.1257,0.03292,0.00064,0.06715,-0.03754,0.04586,-0.0776,0.11777,-0.03041,-0.02163,-0.02235,-0.08256,-0.06712,0.07161,-0.01683,-0.08903,0.03894,0.0382,-0.00704,-0.02463,-0.00654,-0.04483,0.0673,-0.04108,-0.05605,-0.00042,-0.02569,-0.03163,-0.0702,-0.05919,0.00682,0.03117,0.01962,0.03038,-0.09044,-0.12715,-0.0369,0.02173,-0.1116,-0.03513,-0.01089,0.12419,-0.03364,0.04954,-0.01639,-0.04882,0.06621,0.02935,0.03522,0,0.04206,0.02912,-0.10141,0.02972,0.13081,0.00411,-0.04962,-0.09168,0.04934,-0.01134,0.07574,0.05143,-0.0505,0.05055,-0.03817,-0.05668,0.03109,-0.00571,0.03294,-0.0527,-0.05254,-0.08359,-0.05607,0.06582,0.0472,0.05772,0.03079,0.02995,-0.00979,-0.0222,0.11489,0.02706,0.02345,-0.02313,0.00306,-0.03832,-0.04282,0.01257,0.03467,-0.02085,-0.0043,-0.08002,-0.11546,0.05757,-0.01161,0.00383,-0.01132,-0.086,0.09672,-0.0667,0.01843,0.02935,0.00078,-0.02383,0.09539,0.01214,-0.02576,0.08427,0.01018,0.01456,0.01298,0.0631,0.0128,-0.06156,0.03886,0.00173,-0.0018,-0.03924,0.07156,-0.02952,-0.05256,-0.00979,-0.00027,0.02277,0.01148,0.04622,0.01432,0.05381,0.02252,-0.00511,-0.12988,-0.08215,0.05279,0.06599,0.08882,-0.09374,0.01168,-0.02546,-0.03613,-0.04118,0.04313,0.06744,0.02382,-0.05515,0.08333,0,-0.08283,0.08157,0.02892,0.04706,0.03776,-0.04218,-0.03567,0.02406,0.03113,0.04327,-0.0459,0.03559,-0.01141,0.00106,-0.01657,-0.01802,-0.07963,-0.02574,0.04267,-0.07333,0.00598,0.04828,-0.00041,-0.00019,-0.06911,0.01738,-0.01655,-0.11889,0.01148,-0.0643,-0.0336,-0.05394,0.02128,0.01247,-0.02036,-0.03026,0.09001,0.06459,-0.01451,-0.05762,-0.02218,-0.03031,0.0005,-0.02516,-0.10704,-0.00155,-0.06184,-0.01351,0.0096,-0.02309,-0.03645,0.05178,-0.00957,-0.00224,-0.01533,-0.05182,0.08532,0.02932,0.09433,-0.01208,-0.03399,-0.0445,-0.00555,-0.03911,0.01724,0.02454,-0.06687,-0.09451,-0.03672,0.03933,-0.05697,0.06643,0.00241,0.01189,0.06706,0.03241,0.06793,-0.01917,0.00658,0.00834,0.01827,0.11065,-0.02581,-0.00356,0.07007,0.05755,-0.04485,-0.04208,0.03837,0.05427,-0.06206,0.03146,-0.02916,0.04105,0.04436,0,-0.08867,0.013,0.01716,-0.02089,-0.00521,0.00456,0.00498,0.06576,0.05555,0.03551,-0.03802,0.05484,-0.00783,-0.03682,0.07541,-0.017,0.00774,0.02245,0.01725,0.00317,0.06311,0.014,0.03358,0.08696,-0.0346,-0.02669,0.01593,0.00013,-0.03759,0.01667,-0.02502,0.00004,0.08584,0.0411,-0.00992,-0.04911,-0.10071,-0.00902,-0.00508,0.02887,0.0408,0.01027,-0.0735,0.00118,-0.05956,0.02989,-0.03439,-0.03473,0.00429,0.08387,-0.04137,-0.01513,-0.01334,-0.0105,0.02636,0.07448,-0.0164,-0.00043,0.00812,-0.04757,-0.04993,0.06208,0.06803,-0.06042],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. Related docs - Node Directive - Drag Handle - Angular Node Editor Library","excerpt":"Related docs - Node Directive - Drag Handle - Angular Node Editor Library"},{"chunkId":"/examples/drag-handle#0","slug":"drag-handle","route":"/examples/drag-handle","section":"examples","title":"Angular Diagram Example – Node Drag Handle for Precise Movement","description":"Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse.","group":"Nodes","vector":[-0.02558,-0.02984,-0.02536,0.04454,0.0095,0.05407,-0.01954,-0.01352,-0.00527,0.09227,0.02862,0.0634,-0.06077,0.03403,-0.0161,-0.02647,-0.02038,0.03524,-0.00235,-0.004,-0.00269,-0.02847,0.00677,0.00921,0.01781,0.01174,-0.0115,-0.02949,0.10011,-0.08115,0.00204,0.04478,-0.13573,-0.02761,-0.17909,0.07064,0.03148,0.00564,-0.02463,-0.00969,0.1044,0.08105,0.067,-0.03683,-0.01869,0.03091,-0.11832,0.0843,-0.01223,0.07816,-0.04549,-0.12299,0.02864,-0.02905,0.02212,-0.04284,0.01249,-0.04522,0.02592,-0.02757,0.02681,0.05247,0.04087,0.00552,0.02217,-0.02066,-0.0962,0.03772,-0.02321,0.00961,0.04979,-0.10477,-0.03164,0.07427,0.03039,-0.04532,-0.07866,0.07761,-0.05375,0.07962,0.04834,0.05186,-0.02993,0.05176,-0.05626,0.14742,-0.04104,-0.02189,-0.03688,-0.08054,0.04047,0.01136,0.01008,-0.03459,-0.00848,-0.03432,-0.00098,0.01231,-0.11997,-0.00836,0.06549,-0.04705,-0.03811,0.03384,-0.06039,-0.00369,-0.01925,-0.04757,-0.03125,0.06668,0.00789,0.01705,-0.10937,-0.04914,-0.08224,-0.0502,-0.10112,-0.02461,-0.01095,0.01944,-0.07312,0.05988,-0.03246,0.00823,0.05135,-0.0136,0.0064,0,-0.02086,0.01968,-0.0106,0.04971,-0.01048,-0.02044,-0.06402,-0.0629,0.05445,0.05755,0.1059,0.01838,-0.06293,0.03547,-0.02456,-0.11136,0.05173,0.0133,-0.00765,0.02399,-0.00697,-0.06244,-0.07553,-0.00868,0.05729,0.03167,-0.02109,0.04982,0.02087,0.01572,0.07196,0.04972,-0.02126,0.0113,0.00322,0.00561,-0.06509,-0.01274,0.04281,-0.04899,0.01404,-0.07332,-0.11901,0.08305,0.02592,-0.01291,0.02365,-0.04485,-0.01402,0.00994,0.01742,0.04345,-0.00508,-0.0492,0.05955,-0.04889,0.0206,0.07343,0.00209,0.08917,0.00504,-0.04677,-0.04973,-0.02261,0.03372,-0.0179,-0.09405,-0.00194,0.07543,0.00489,-0.06435,-0.04426,0.07021,0.059,-0.0301,-0.03978,-0.02526,-0.05768,0.04671,-0.02416,-0.05043,-0.04065,0.06925,-0.00064,0.03677,-0.10169,-0.01552,0.05441,-0.01252,-0.00885,0.03302,0.02465,0.03087,0.02126,0.07777,0,-0.02391,0.09545,0.0526,0.04432,-0.06143,-0.07227,0.00192,0.00922,0.00193,0.03018,0.02471,0.0045,-0.02449,0.04993,0.00679,0.00706,0.01762,-0.05812,-0.00699,-0.01056,0.07157,-0.02421,0.0128,-0.01162,0.00872,0.02187,-0.01102,-0.00476,0.0245,-0.0253,0.00118,-0.09541,0.07656,-0.04713,-0.02072,-0.10686,0.01438,0.10385,0.07741,-0.03939,-0.05196,-0.02048,0.00456,0.00024,0.00001,-0.04731,-0.08662,0.03976,-0.00967,-0.01513,-0.06314,0.00385,-0.00818,-0.02049,0.04514,0.01897,0.0319,-0.02345,0.08435,-0.07927,-0.01978,0.01001,-0.01725,-0.0318,0.02603,0.02353,0.02106,-0.13386,0.03186,0.05881,-0.04714,0.09543,0.02785,-0.04599,0.07833,-0.05049,0.10334,-0.04924,0.04188,-0.0508,0.02268,0.02199,-0.01339,0.02234,0.00773,0.10359,-0.09648,-0.00846,0.0251,0.10456,-0.05816,-0.06395,0.03769,-0.0495,-0.00111,0,-0.12176,0.02766,0.05313,-0.00787,0.01959,0.01048,0.02016,0.01337,0.04798,0.00794,-0.03981,0.08791,-0.02022,-0.01517,0.14447,-0.01576,0.02087,0.06585,0.00008,0.01213,0.02611,-0.00391,0.11669,0.10459,-0.04301,-0.04283,-0.08357,0.05925,0.02417,-0.01261,-0.04028,-0.0623,0.03674,0.003,-0.03291,-0.04115,-0.08628,-0.00729,0.00684,0.03094,0.08352,0.09272,0.01322,0.02494,-0.04357,0.03722,0.02508,-0.05942,-0.04595,0.02094,-0.0518,0.00579,-0.07143,0.03556,0.00108,0.04085,-0.0076,-0.06081,-0.07956,-0.01609,-0.04019,0.04486,-0.02121,-0.01905],"keywords":"Angular Diagram Example – Node Drag Handle for Precise Movement Angular Diagram Example – Node Drag Handle for Precise Movement Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse. --- toc: false wideContent: true --- Drag Handle wide Content","excerpt":"--- toc: false wideContent: true --- Drag Handle"},{"chunkId":"/examples/drag-handle#1","slug":"drag-handle","route":"/examples/drag-handle","section":"examples","title":"Angular Diagram Example – Node Drag Handle for Precise Movement","description":"Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse.","group":"Nodes","vector":[-0.02579,-0.02712,-0.02513,0.05485,0.02774,0.06024,-0.02976,-0.04072,0.00534,0.09553,-0.00293,0.08845,-0.01676,0.05899,0.01195,-0.03093,-0.01887,0.04114,0.01473,-0.0057,0.0043,-0.01684,-0.00707,-0.0185,0.01615,-0.00424,-0.00681,-0.00809,0.13129,-0.06898,0.03651,-0.02052,-0.0812,-0.00798,-0.22031,0.10222,-0.01405,-0.01469,-0.02948,-0.00217,0.0852,0.04771,0.0329,-0.0238,-0.0266,0.01632,-0.0869,0.1017,-0.03644,0.06958,-0.05231,-0.13744,0.02288,-0.00954,0.00613,-0.02467,0.0262,-0.07837,0.03307,-0.02389,0.01386,0.02548,0.06347,-0.02087,0.02346,0.00908,-0.06625,0.06794,-0.02416,-0.005,0.07774,-0.09201,-0.04773,0.08341,-0.00129,-0.04109,-0.08318,0.07801,-0.05831,0.09563,0.04402,0.02919,-0.04428,0.05418,-0.08861,0.16233,-0.04805,-0.02745,-0.04835,-0.11786,-0.00431,0.03759,0.01785,-0.05941,0.02523,-0.00993,0.00326,-0.00215,-0.09989,-0.01269,0.05122,-0.04145,-0.03895,0.01924,-0.04526,-0.02141,-0.0343,-0.09563,-0.07353,0.05771,-0.00218,0.04137,-0.08569,-0.02341,-0.04427,-0.03335,-0.07185,-0.03437,0.00547,0.0581,-0.04619,0.04337,-0.01706,-0.01073,0.08654,-0.00765,-0.02662,0,0.01579,0.00038,-0.0318,0.00276,-0.00615,-0.01546,-0.0478,-0.08699,0.04854,0.03633,0.07936,0.00131,-0.02046,0.03153,-0.0169,-0.12791,0.06541,0.0209,0.00962,-0.01612,0.00325,-0.06498,-0.08635,0.02424,0.04253,0.06008,-0.00004,0.00599,0.06692,-0.00796,0.07272,0.06015,-0.07462,0.00627,-0.0029,-0.01013,-0.06918,-0.01688,0.06976,-0.07411,0.02003,-0.04975,-0.08736,0.08749,-0.00206,0.00646,-0.00124,-0.07507,-0.00944,0.00614,0.01316,0.02563,0.03639,-0.03491,0.06413,-0.06592,-0.01217,0.05312,-0.00092,0.05931,0.00457,-0.04426,-0.04679,-0.02755,0.03688,0.00886,-0.06133,0.01345,0.08969,-0.02323,-0.03273,-0.02665,0.0406,-0.00479,-0.02011,-0.02151,-0.03293,-0.05194,0.04778,0.03065,-0.03543,-0.0566,0.0371,0.00565,0.06844,-0.08905,-0.01613,0.0235,-0.02803,-0.0374,0.04909,0.04475,0.0075,0.02273,0.07993,0,-0.01177,0.09914,0.08671,0.06115,-0.0331,-0.04931,-0.0406,-0.01656,0.01141,0.03501,-0.03293,0.01959,-0.00482,0.02496,-0.02859,0.02103,-0.02324,-0.04103,0.01331,-0.0142,0.0708,-0.01672,-0.00802,0.00516,-0.01071,0.02573,0.00647,0.01571,0.01835,-0.01844,0.00938,-0.0693,0.06942,-0.03,-0.04399,-0.09446,0.01066,0.10399,0.05271,-0.03594,-0.03022,-0.03792,0.03156,0.00993,-0.00564,-0.03588,-0.0976,0.02214,-0.0457,-0.02074,-0.08382,0.03853,-0.04556,-0.03353,0.04592,0.01128,0.07334,0.00833,0.11298,-0.08023,0.00267,0.00947,-0.02643,-0.03708,-0.00348,0.01478,0.05508,-0.12641,0.02684,0.08078,-0.04181,0.10442,0.0727,-0.0543,0.11168,-0.00288,0.08703,-0.04395,0.04131,-0.07755,0.0395,0.0321,-0.03808,0.00199,-0.00458,0.09592,-0.07438,-0.03825,0.00861,0.06987,-0.08592,-0.03201,0.05222,-0.01747,-0.00053,0,-0.08537,0.02885,0.05845,-0.00238,0.00955,0.02017,0.02485,0.04469,0.0617,0.04055,-0.0114,0.08655,0.00833,-0.00143,0.10073,0.0241,0.04633,0.04575,0.00804,0.01472,0.07834,0.01368,0.11673,0.10932,-0.03111,-0.0425,-0.04753,0.03831,0.0313,0.00591,-0.0495,-0.04244,0.04898,0.03781,-0.05031,-0.02673,-0.09878,-0.00564,-0.01047,0.00765,0.09572,0.05315,0.0051,0.00153,-0.08034,0.03924,-0.01137,-0.06063,-0.02388,0.05704,-0.02842,-0.01301,-0.05244,0.038,-0.00261,0.04285,-0.03801,-0.02689,-0.03955,0.00872,-0.01964,0.04942,0.02512,-0.02165],"keywords":"Angular Diagram Example – Node Drag Handle for Precise Movement Angular Diagram Example – Node Drag Handle for Precise Movement Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse. Description Attach a dedicated drag area inside a node instead of making the whole node draggable. Use this when your nodes contain buttons, inputs, or rich content and drag should start only from a specific handle.","excerpt":"Description Attach a dedicated drag area inside a node instead of making the whole node draggable. Use this when your nodes contain buttons, inputs, or rich content and drag should start only from a specific handle."},{"chunkId":"/examples/drag-handle#2","slug":"drag-handle","route":"/examples/drag-handle","section":"examples","title":"Angular Diagram Example – Node Drag Handle for Precise Movement","description":"Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse.","group":"Nodes","vector":[-0.03271,-0.00306,-0.04869,0.04144,0.02033,0.10796,-0.01327,0.03158,0.02686,0.06845,-0.01937,0.06194,-0.02666,0.05289,-0.00313,-0.0203,-0.07141,0.07253,-0.02389,0.01494,0.01722,-0.0571,0.03873,0.01797,-0.00008,-0.00899,-0.02287,-0.01236,0.08745,-0.04484,0.02403,0.04372,-0.07195,0.00619,-0.15291,0.08592,0.0006,0.02715,-0.04183,-0.02412,0.09409,0.06134,0.04218,-0.08574,-0.00651,0.0298,-0.09435,0.08683,-0.05446,0.05262,-0.06414,-0.11537,0.01816,0.02535,0.05005,-0.04276,0.04146,-0.11472,0.04771,-0.03552,-0.02166,0.00605,0.02913,-0.00623,0.02561,0.01593,-0.11676,0.01993,-0.02991,0.04161,0.05089,-0.06912,-0.02579,0.05329,0.01589,-0.05434,-0.09768,0.13722,-0.03662,0.04922,0.05911,-0.00146,-0.03902,0.04275,-0.05875,0.14297,-0.01645,-0.02487,-0.03293,-0.07439,-0.00449,0.05419,-0.02503,-0.02087,0.00526,0.00083,-0.03575,0.02693,-0.10629,0.00724,0.03689,-0.06058,-0.01717,0.07222,-0.0217,-0.01079,-0.01321,-0.00892,-0.07289,0.05321,-0.01111,0.01647,-0.02716,-0.01845,-0.04995,-0.04516,-0.08446,-0.04578,0.01318,0.06409,-0.00628,0.04563,-0.05038,-0.04904,0.10095,0.02451,0.00644,0,-0.02082,0.0348,-0.00749,0.0126,0.01416,-0.06818,-0.06129,-0.09007,0.02072,0.06191,0.02125,0.02866,-0.0557,0.00863,-0.06167,-0.14276,0.06621,0.03985,0.01069,0.00314,0.02974,-0.08631,-0.07483,-0.00062,0.10849,-0.00015,-0.04846,0.03141,0.00276,-0.00629,0.06672,0.07228,-0.01257,-0.05665,0.00109,-0.01374,-0.01937,-0.00591,-0.00543,-0.0397,0.061,-0.03664,-0.09923,0.10351,0.00014,-0.02093,-0.00067,-0.05074,0.03943,0.0348,0.0245,0.04586,0.03969,-0.02875,0.09278,-0.06483,0.01169,0.06426,-0.0179,0.09506,-0.02981,0.00116,-0.03473,-0.02388,0.05944,-0.04143,-0.04867,0.04386,0.06514,-0.01445,-0.05446,0.01211,0.03077,0.01551,-0.0228,-0.02152,0.00572,-0.03375,0.02425,0.00933,-0.02837,-0.06676,0.02946,0.04507,0.08181,-0.12932,-0.02459,0.0078,-0.03492,-0.08225,0.07254,0.0005,0.00304,-0.00638,0.03716,0,0.0217,0.06553,0.05408,0.10254,-0.06616,-0.05415,0.03395,0.0298,0.01943,0.0321,-0.01728,0.0238,-0.00296,0.00983,0.04204,-0.00854,-0.02054,-0.07637,0.06331,-0.01335,0.07036,0.01512,-0.02014,0.00282,-0.01494,0.0431,0.04328,0.04469,-0.016,-0.04281,-0.00133,-0.11007,0.01091,-0.0217,-0.01641,-0.10465,0.01152,0.14426,0.06698,0.00131,0.02408,0.03352,-0.01007,-0.01087,0.01035,-0.02089,-0.03198,-0.00608,-0.00755,-0.0322,-0.07084,0.01258,-0.04476,0.02166,0.05502,-0.02539,0.07551,-0.04068,0.02777,-0.05664,0.01355,-0.00026,-0.0346,-0.03817,0.05346,0.04429,-0.03184,-0.11643,0.02112,0.06161,-0.03232,0.0663,0.02549,-0.00511,0.07938,-0.00674,0.08457,0.00687,0.04817,0.00403,0.00906,0.06416,-0.0185,0.03479,-0.02624,0.10675,-0.13003,-0.03413,0.053,0.06317,-0.07078,-0.04621,0.015,-0.03848,0.0104,0,-0.12756,0.02146,0.03356,-0.0036,0.02851,0.00703,0.00992,-0.01158,0.03302,-0.0059,-0.02697,0.07592,0.0542,-0.03605,0.10363,-0.0352,0.0292,0.05699,-0.02907,0.00255,0.0328,0.03494,0.10091,0.13258,-0.024,-0.10623,-0.07952,0.01604,0.01723,-0.02535,-0.05585,-0.04129,0.05774,0.01887,-0.00482,-0.04457,-0.1315,-0.02019,0.01328,0.0337,0.08139,-0.00016,0.01056,-0.02146,-0.06436,0.05275,-0.00122,-0.05064,-0.01791,0.00308,-0.05081,0.02811,-0.08421,0.08056,0.0089,0.0279,-0.02792,0.00483,-0.04172,-0.02468,-0.0097,0.02673,0.01402,-0.04371],"keywords":"Angular Diagram Example – Node Drag Handle for Precise Movement Angular Diagram Example – Node Drag Handle for Precise Movement Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse. Example ::: ng-component <drag-handle</drag-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.scss :::","excerpt":"Example ::: ng-component <drag-handle</drag-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.scss :::"},{"chunkId":"/examples/drag-handle#3","slug":"drag-handle","route":"/examples/drag-handle","section":"examples","title":"Angular Diagram Example – Node Drag Handle for Precise Movement","description":"Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse.","group":"Nodes","vector":[-0.04459,0.00992,-0.01474,0.05245,0.04833,0.03739,-0.03091,-0.01031,0.0178,0.0783,0.02092,0.09076,-0.03262,0.04624,0.05444,-0.03402,0.00786,0.05338,0.01269,-0.03272,-0.02064,-0.02312,-0.01795,-0.02412,0.02689,-0.00158,-0.0091,0.0155,0.13821,-0.07939,0.00902,-0.01328,-0.08581,0.01107,-0.20168,0.10239,0.04195,-0.00161,-0.07243,-0.04298,0.02739,0.06141,0.00861,-0.02598,-0.01212,0.00467,-0.09681,0.05985,-0.06348,0.05227,-0.05476,-0.11253,-0.01047,-0.021,0.04271,-0.05003,0.01198,-0.06743,0.02921,-0.02255,0.01352,0.04317,0.07396,0.0094,0.03075,0.0216,-0.08988,0.06632,0.03739,0.0126,0.0639,-0.10655,-0.04502,0.05004,0.00632,-0.0424,-0.07451,0.04098,-0.04781,0.0609,0.00289,0.05912,-0.05763,0.07213,-0.0943,0.15593,-0.01479,-0.01737,-0.02448,-0.08709,-0.00871,0.01339,0.04997,-0.03578,0.02416,-0.04888,0.01234,-0.01964,-0.10593,-0.00504,0.06041,-0.04933,0.00321,-0.00094,-0.077,-0.03409,-0.01733,-0.07999,-0.05554,0.07133,-0.02352,0.02299,-0.13044,-0.0451,-0.07643,-0.0575,-0.08284,-0.05425,0.01796,0.07223,-0.01872,0.06415,0.04197,-0.01506,0.07564,-0.02569,-0.0518,0,0.01383,0.01616,-0.04207,0.00829,0.04224,-0.02635,-0.00829,-0.0812,0.04364,0.06091,0.07181,0.03287,-0.04098,0.07823,0.04838,-0.10703,0.0509,0.0044,0.03126,-0.01547,-0.00819,-0.0608,-0.061,0.06757,0.06486,0.06855,0.00045,0.04505,0.00094,0.00821,0.0594,0.07277,-0.04767,0.00968,0.00327,0.01305,-0.07357,-0.06582,0.06959,-0.03372,0.01046,-0.06952,-0.11204,0.08862,0.0411,-0.00491,-0.01907,-0.04468,-0.03254,0.00533,0.02866,0.05581,0.022,-0.05926,0.05367,-0.08626,-0.01895,0.01129,0.03456,0.0625,0.00116,-0.01691,-0.03237,-0.02836,-0.00216,0.0014,-0.05628,-0.03834,0.05382,-0.01436,-0.07355,-0.01087,0.03542,0.0131,-0.04156,-0.04963,-0.05447,-0.02759,0.02675,0.0182,-0.06074,-0.0536,0.02506,-0.00231,0.06904,-0.11682,0.01304,0.0468,-0.00736,-0.01381,0.04449,0.04092,-0.02926,0.02947,0.07272,0,-0.05902,0.0506,0.02382,0.03819,-0.03867,-0.09165,-0.05965,-0.029,-0.00448,0.01651,-0.01823,0.01282,0.01619,0.01646,-0.01918,0.01537,-0.025,-0.05018,0.01941,-0.01418,0.0526,0.03657,-0.01442,0.01385,-0.03195,0.02935,-0.0385,-0.02838,0.04205,-0.02367,0.00879,-0.09037,0.05566,-0.06219,-0.02607,-0.08875,0.02552,0.08008,0.03798,-0.08768,-0.01788,-0.02318,0.00839,0.00618,-0.01282,0.00557,-0.05979,0.03441,-0.0423,-0.04539,-0.03896,0.02156,0.01437,-0.07938,0.04748,-0.00194,0.07164,0.02038,0.13395,-0.03679,0.0174,-0.00823,-0.0184,-0.02649,-0.0181,0.01079,0.02634,-0.11844,0.02323,0.05922,-0.02933,0.10243,0.04142,-0.04712,0.07721,-0.02243,0.09199,-0.03003,0.02741,-0.05813,0.03391,0.05166,-0.01771,0.00686,0.02893,0.07682,-0.1387,-0.0161,0.02569,0.07239,-0.06918,-0.00829,-0.01156,0.05756,0.00029,0,-0.07903,0.05421,0.0587,-0.03534,-0.01037,0.00668,0.02247,0.03421,0.06135,0.01396,0.01319,0.06283,-0.02416,0.01002,0.12307,0.04249,0.03374,0.05587,0.00067,-0.00041,0.02744,0.01075,0.08324,0.12473,-0.0318,-0.01445,0.00929,0.01864,0.01056,0.03923,-0.04275,-0.02712,0.0745,0.05531,-0.01775,-0.02995,-0.1279,-0.01271,-0.00918,0.01714,0.07952,0.03828,-0.00385,0.01338,-0.04557,0.0539,-0.00681,-0.10433,-0.05238,0.05054,-0.06036,-0.02855,-0.07126,0.05518,0.00079,0.05881,0.01462,-0.05464,0.00553,-0.01039,-0.0214,0.02013,0.05286,-0.01287],"keywords":"Angular Diagram Example – Node Drag Handle for Precise Movement Angular Diagram Example – Node Drag Handle for Precise Movement Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse. What this pattern enables - Make only part of the node draggable. - Protect buttons, images, forms, or other interactive content inside the node. - Build node UIs that feel closer to real product surfaces instead of generic diagram blocks. U Is","excerpt":"What this pattern enables - Make only part of the node draggable. - Protect buttons, images, forms, or other interactive content inside the node. - Build node UIs that feel closer to real product surfaces instead of generic diagram blocks."},{"chunkId":"/examples/drag-handle#4","slug":"drag-handle","route":"/examples/drag-handle","section":"examples","title":"Angular Diagram Example – Node Drag Handle for Precise Movement","description":"Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse.","group":"Nodes","vector":[0.01557,-0.05027,-0.03982,0.00959,-0.00208,0.05944,-0.03294,-0.0446,0.04844,0.06221,0.04952,0.09673,-0.03171,0.02006,0.0273,-0.01316,-0.04398,0.09073,0.0048,-0.04779,-0.06146,-0.04548,0.01046,0.00961,0.03221,0.01303,0.00109,-0.01082,0.09589,-0.09334,0.00091,0.04925,-0.05735,0.00887,-0.20372,0.1142,-0.00718,0.0154,-0.03967,-0.00662,0.08901,0.02781,0.05623,-0.07225,-0.02924,0.06959,-0.10108,0.09216,-0.04058,0.07996,-0.05428,-0.12199,-0.02304,0.04264,0.0457,0.01141,0.06307,-0.07387,0.00309,-0.02956,0.04922,0.04357,0.04922,0.00945,0.00394,-0.02388,-0.05571,0.06313,0.04379,0.04181,0.04932,-0.04876,0.00969,-0.00103,-0.02946,-0.04038,-0.0348,0.07743,-0.04729,0.05593,0.04862,0.03781,-0.00368,0.04219,-0.05775,0.07382,-0.06906,-0.02633,-0.03558,-0.03889,-0.01473,0.04748,0.03808,-0.07418,0.02592,0.00759,0.01799,0.02774,-0.06953,0.01041,0.06526,-0.03217,-0.02968,0.0102,-0.06571,-0.02052,-0.02079,-0.04985,-0.04222,0.03181,-0.00413,0.01412,-0.07902,-0.02003,-0.11081,-0.0509,-0.07931,-0.01677,-0.01675,0.04189,-0.02216,0.03715,0.00276,-0.0108,0.04013,0.0095,-0.01907,0,-0.00764,0.04498,-0.02151,0.03119,0.02149,-0.01948,-0.05073,-0.0711,0.07475,0.00098,0.03928,0.04133,-0.05741,0.03189,-0.06267,-0.1757,0.0463,0.03638,0.02253,0.01979,0.05487,-0.02754,-0.08707,0.01044,0.03634,0.0544,-0.03355,0.02705,-0.03876,-0.0115,0.07351,0.05853,-0.07712,-0.00771,-0.00602,-0.02125,-0.04426,-0.04631,0.04209,-0.05898,0.061,-0.02798,-0.12652,0.04447,0.02536,-0.00179,-0.07442,-0.012,0.05172,0.02964,0.02696,0.05313,-0.02927,-0.07836,0.02947,-0.07382,-0.02669,0.04608,0.00039,0.09231,0.00127,0.00764,-0.02754,-0.02764,0.07059,-0.00176,-0.04099,0.00258,0.07909,-0.00041,-0.056,-0.00388,0.0393,0.04291,-0.0265,-0.02298,-0.02532,-0.069,-0.03381,-0.02103,-0.03712,-0.03407,-0.00066,0.03117,0.091,-0.08977,0.0113,0.02687,-0.00977,0.01465,0.07295,0.00444,0.0479,0.02505,0.10833,0,-0.02817,0.06776,0.06508,0.06285,-0.02966,-0.0555,-0.05083,-0.00627,0.00846,0.00867,-0.09502,0.01717,-0.04108,0.00996,-0.01646,0.02624,-0.0141,-0.08749,-0.00764,0.00711,0.04388,0.02413,0.00804,0.02923,0.01441,0.04393,0.04386,0.02025,-0.00436,-0.02161,-0.01846,-0.11682,0.05343,-0.03834,0.01147,-0.06843,-0.00164,0.10393,0.03717,0.00834,-0.00322,-0.00829,-0.00448,0.01735,0.02148,0.04079,-0.11752,0.03411,-0.04568,-0.02396,-0.0745,0.04205,-0.07308,-0.07155,0.06834,0.02115,0.0566,-0.01893,0.06678,-0.08486,-0.05447,-0.02462,0.00628,-0.05065,-0.00454,0.02088,0.00888,-0.12419,-0.02989,0.07248,-0.01239,0.07861,0.02029,-0.02485,0.07898,-0.08638,0.09166,-0.05058,0.01468,-0.02063,0.02084,0.04704,-0.02166,0.00549,-0.05402,0.10314,-0.07762,0.00096,0.04549,0.04842,-0.04749,-0.01285,0.00818,-0.0564,-0.00595,0,-0.1339,0.03476,0.05049,0.04202,0.03585,-0.00422,0.01595,0.07459,0.04197,-0.02672,-0.01577,0.11161,0.04062,-0.03038,0.09005,-0.0061,0.06989,0.03543,-0.01113,-0.00508,0.01226,0.02306,0.09827,0.13783,-0.01806,-0.07893,0.00136,0.0158,0.03991,-0.02503,-0.02518,-0.0228,0.08061,0.09276,-0.04428,-0.05328,-0.07892,0.01437,0.02357,-0.01149,0.03621,0.05393,-0.0071,-0.01136,-0.09875,0.01418,-0.00526,-0.09708,-0.03756,0.01457,-0.05589,-0.00221,-0.04674,0.07029,-0.00015,0.03694,-0.04546,-0.04713,0.00202,0.00928,-0.07474,0.03401,0.02489,-0.07029],"keywords":"Angular Diagram Example – Node Drag Handle for Precise Movement Angular Diagram Example – Node Drag Handle for Precise Movement Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse. Position updates Use fNodePositionChange to persist the new { x, y } of a single node after movement. Use fMoveNodes from <f-flow when you need the full batch of moved nodes for: - group drag handling, - undo/redo, - snapping, alignment, or other external layout logic. f Node Position Change f Move Nodes","excerpt":"Position updates Use fNodePositionChange to persist the new { x, y } of a single node after movement. Use fMoveNodes from <f-flow when you need the full batch of moved nodes for: - group drag handling, - undo/redo, - snapping, alignment, or other external layout logic."},{"chunkId":"/examples/node-selection#0","slug":"node-selection","route":"/examples/node-selection","section":"examples","title":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow","description":"Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX.","group":"Nodes","vector":[-0.01994,-0.03566,-0.04264,0.06985,0.03885,0.0502,-0.00904,0.0128,0.03909,0.07142,-0.05456,-0.01973,-0.03725,-0.00123,0.09347,0.05909,-0.05911,-0.00806,0.02358,-0.05199,-0.08334,-0.03715,0.04828,-0.09288,0.01307,0.02273,0.02213,-0.02992,0.02088,-0.0708,0.00997,0.05863,0.05408,0.05053,-0.1403,0.07465,-0.02908,-0.00295,-0.03389,-0.03261,0.08374,0.07373,0.01978,-0.06658,-0.03786,-0.03298,-0.17165,0.01426,-0.01876,0.09689,-0.06679,-0.1228,-0.00155,0.0375,0.00213,-0.03431,-0.02803,-0.09856,0.03636,-0.02159,-0.00458,-0.04016,-0.00032,0.01321,0.09561,0.06605,-0.06564,-0.01644,-0.02467,-0.03415,-0.00396,-0.08894,0.02034,0.0047,-0.02652,-0.03409,-0.04703,0.01501,-0.03123,-0.01756,-0.00156,0.06632,-0.06049,0.03129,-0.00406,0.09416,-0.0467,-0.05659,0.02969,-0.02569,-0.05618,0.01832,0.03284,-0.02074,-0.00466,0.01748,0.02983,-0.00744,-0.06003,0.00872,0.06227,-0.07771,0.01868,-0.05013,-0.1115,-0.08079,-0.02022,-0.05868,-0.00579,-0.01536,-0.06897,-0.00152,-0.0214,-0.03314,-0.09248,-0.04313,0.01355,-0.04042,0.0514,0.07165,0.02958,-0.02135,0.00533,-0.02167,0.03447,-0.0464,-0.03842,0,0.04392,-0.05258,0.00127,-0.00893,0.06799,-0.00909,-0.04582,-0.09634,-0.00525,0.01244,0.01842,0.0092,0.01787,0.01024,-0.00453,-0.0852,-0.02222,0.07546,0.01337,-0.00355,0.00656,0.0112,-0.08074,0.05369,0.03723,0.06906,0.00444,0.03665,-0.02442,0.00574,0.05989,0.04545,-0.04933,0.03082,0.00698,0.05189,-0.08082,-0.03436,0.01182,-0.00983,0.01506,-0.08467,-0.03723,0.03166,-0.00822,0.03293,-0.12711,0.01364,0.00772,0.00276,0.01847,0.0427,-0.00921,-0.01143,0.10325,0.01738,-0.06168,0.10981,0.05975,0.1132,0.01994,0.0479,-0.0212,-0.03294,0.01468,0.0544,-0.02365,-0.05271,0.11572,-0.01792,-0.03247,0.05054,0.07826,-0.0156,0.00836,-0.01621,0.00788,-0.02381,0.06067,-0.00341,-0.12222,-0.12917,-0.05625,0.00118,0.09325,-0.03856,-0.00531,-0.02898,-0.01917,-0.02751,0.04787,0.09564,-0.01227,-0.0296,0.08669,0,0.01168,0.08455,0.04384,0.08083,0.00192,-0.05517,-0.02284,-0.0392,0.00726,0.04775,0.05394,0.03716,0.03401,-0.05186,0.0284,0.08008,-0.00242,-0.07212,0.06087,0.01219,0.04066,-0.03965,0.016,0.02159,-0.06226,0.03237,0.01712,-0.01472,0.04803,-0.02254,-0.01857,-0.00687,0.00809,0.06601,-0.00642,-0.03646,0.04475,0.07436,0.01127,-0.00208,0.00141,-0.02282,-0.01103,0.03613,-0.05493,-0.00432,-0.05143,0.07637,-0.04447,-0.01796,-0.06165,-0.00662,-0.06061,-0.07371,-0.02357,0.00831,0.10747,-0.01888,0.05238,-0.02087,-0.02234,-0.02258,0.07341,0.01794,0.06596,-0.00955,0.03179,-0.02207,-0.02379,0.05424,0.00244,0.04954,0.07367,-0.01098,0.12583,0.0213,0.05378,-0.05486,0.00691,-0.04642,-0.01347,0.10642,-0.00951,0.00541,-0.01929,0.10085,-0.09451,0.06671,0.08415,0.04929,-0.05547,0.01292,0.11303,-0.0136,-0.00131,0,-0.11567,0.02431,-0.00621,-0.01916,0.08209,-0.02862,-0.06943,0.05857,0.04753,0.04064,-0.02801,0.11932,-0.00977,-0.04139,0.13926,-0.01273,0.01376,0.02963,0.01498,0.02772,0.04514,-0.02054,0.0481,0.11715,0.01805,-0.00757,-0.08905,0.01431,-0.00799,0.0224,-0.02276,0.02086,0.06222,0.0608,-0.05559,-0.07365,-0.06226,-0.05669,-0.04222,-0.0081,0.01175,-0.01772,-0.0189,-0.03773,-0.13378,0.07436,-0.0121,-0.09092,-0.00411,0.00743,-0.06594,-0.05628,-0.00638,0.02588,-0.02834,0.03796,-0.01564,-0.02323,0.06927,-0.00515,-0.0388,0.01555,-0.0424,-0.01433],"keywords":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX. Node Selection","excerpt":"Node Selection"},{"chunkId":"/examples/node-selection#1","slug":"node-selection","route":"/examples/node-selection","section":"examples","title":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow","description":"Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX.","group":"Nodes","vector":[-0.03687,-0.06387,-0.02498,0.08586,0.0421,0.0593,-0.00308,0.01593,0.05827,0.05245,-0.074,-0.01576,-0.04696,-0.01051,0.10319,0.03224,-0.02496,-0.03706,-0.00423,-0.04572,-0.05384,-0.05423,0.05173,-0.08945,-0.05426,-0.00094,0.008,-0.04018,0.03389,-0.08463,0.02316,0.06907,0.03928,0.02665,-0.15936,0.06458,-0.04241,-0.03405,-0.02619,-0.06434,0.05689,0.06288,-0.01153,-0.04848,-0.03566,-0.06014,-0.12779,0.00061,-0.02679,0.10583,-0.05624,-0.0959,-0.01236,0.03137,0.00382,-0.02655,0.00841,-0.08232,0.02736,-0.01622,-0.01339,-0.02962,-0.00878,0.02457,0.10253,0.0899,-0.06409,-0.01918,-0.02454,-0.00814,0.01316,-0.06643,0.00342,0.00459,-0.00028,-0.03173,-0.07037,0.00135,-0.03227,-0.00858,0.01981,0.07922,-0.04112,0.00798,0.01361,0.09558,-0.01124,-0.06428,0.03579,-0.01911,-0.02889,0.02374,0.04307,0.00903,0.01694,0.0192,0.00681,0.00059,-0.05832,0.00652,0.05725,-0.07654,0.03554,-0.02896,-0.08393,-0.08088,-0.02162,-0.05813,-0.03489,0.00423,-0.06661,0.02101,-0.02532,-0.01759,-0.10744,-0.03461,0.02621,-0.03885,0.05637,0.06764,0.05708,-0.03032,0.03955,-0.01133,0.04639,-0.02049,-0.06158,0,0.01309,-0.0361,-0.03741,-0.00168,0.05471,-0.0008,-0.00375,-0.07981,-0.01222,-0.01966,0.02613,0.00502,0.00677,0.03748,0.03657,-0.07576,-0.03551,0.09294,0.00585,-0.03226,0.01595,0.00032,-0.07684,0.0771,0.0598,0.07649,-0.00614,0.04942,-0.04778,0.02164,0.05588,0.03705,-0.0542,0.02902,-0.02448,0.07696,-0.074,-0.05634,0.03279,-0.01836,0.00737,-0.09185,-0.03177,0.02272,-0.00806,0.00887,-0.1142,0.01303,-0.02904,-0.0111,0.01733,0.04099,0.03719,-0.00641,0.10074,-0.01401,-0.05589,0.06424,0.0704,0.13032,-0.01362,0.04563,-0.00101,-0.01732,-0.00924,0.06685,-0.00986,-0.03188,0.09998,-0.02657,-0.01018,0.04309,0.04033,-0.01462,0.039,-0.03479,-0.00686,-0.04759,0.08358,-0.02025,-0.06933,-0.10836,-0.03609,0.00694,0.07489,-0.06552,-0.01617,-0.02577,-0.06753,-0.02501,0.09066,0.09467,-0.01583,0.00641,0.07386,0,0.03126,0.05669,0.03833,0.08909,-0.01675,-0.05472,-0.04806,-0.03926,0.01378,0.00358,0.03748,0.03389,0.05001,-0.02339,0.00926,0.08227,-0.01493,-0.11175,0.05902,-0.01016,0.07479,-0.05989,0.00734,0.0257,-0.09132,-0.00329,-0.01354,-0.01567,0.04971,-0.03274,-0.02027,-0.00514,-0.01293,0.0096,0.01388,-0.01371,0.04715,0.06269,0.03129,0.01182,0.0048,-0.01543,-0.00971,0.01464,-0.04952,-0.00284,-0.05439,0.06204,-0.02222,-0.01548,-0.06504,0.01863,-0.04244,-0.0983,-0.07106,0.03686,0.08821,-0.03703,0.03004,-0.00299,-0.01676,-0.02674,0.08581,0.01776,0.05924,-0.02992,0.04124,-0.01599,0.01882,0.05631,0.02419,0.04196,0.03895,-0.01558,0.09664,0.00639,0.08516,-0.06491,0.04351,-0.04855,0.00085,0.11078,0.03683,-0.01514,-0.05762,0.10053,-0.11355,0.05331,0.08005,0.04183,-0.06866,0.01507,0.08066,-0.00656,-0.00386,0,-0.1115,0.04632,0.00612,0.00401,0.08393,-0.0395,-0.08244,0.07404,0.03706,0.01423,-0.02351,0.11906,-0.03342,-0.0129,0.12022,0.02797,-0.00344,0.01374,-0.00329,0.02155,0.05613,-0.00482,0.06914,0.12796,0.01639,-0.02784,-0.06365,0.03389,0.01474,0.03133,-0.0377,0.01864,0.03996,0.09866,-0.08373,-0.04326,-0.05884,-0.06716,-0.02931,-0.00815,0.03489,-0.03263,-0.01231,-0.01822,-0.1446,0.05587,-0.01159,-0.09635,-0.00321,0.00604,-0.04499,-0.04255,-0.02114,0.04151,-0.00953,0.04514,-0.01654,-0.00364,0.12422,-0.00355,-0.03781,-0.0125,-0.04127,-0.0079],"keywords":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX. Description This example demonstrates how to select nodes in Foblex Flow for Angular with click-based and keyboard-modified interactions. Users can click to select a single node or hold CTRL / CMD while clicking to build a multi-selection. Selection is one of the baseline interactions that separates a usable node editor from a static diagram. As soon as users need to move, inspect, delete, duplicate, or group several nodes, predictable selection behavior becomes essential. Even if your product later adds box selection, grouping, or bulk actions, click selection remains the first layer of that interaction model.","excerpt":"Description This example demonstrates how to select nodes in Foblex Flow for Angular with click-based and keyboard-modified interactions. Users can click to select a single node or hold CTRL / CMD while clicking to build a multi-selection. Selection is one of the baseline interactions that separates a usable node editor from a static diagram. As soon as users need to move, inspect, delete, duplicate, or group several nodes, predictable selection behavior becomes essential. Even if your product later adds box selection, grouping, or bulk actions, click selection remains the first layer of that interaction model."},{"chunkId":"/examples/node-selection#2","slug":"node-selection","route":"/examples/node-selection","section":"examples","title":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow","description":"Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX.","group":"Nodes","vector":[-0.04491,-0.03669,-0.04521,0.08762,0.06124,0.07849,-0.00258,0.01182,-0.00061,0.06887,-0.04877,-0.0341,-0.01851,-0.02835,0.06048,0.04153,-0.0759,0.01493,0.01421,-0.07099,-0.02754,-0.04118,0.07098,-0.06269,-0.02165,0.03706,-0.01145,-0.03607,0.01868,-0.04227,0.02225,0.08326,0.04089,0.03488,-0.11082,0.08266,-0.01428,0.01211,-0.01958,-0.02678,0.09305,0.0515,0.0006,-0.10292,-0.01513,-0.04301,-0.16213,0.02807,-0.03655,0.05559,-0.04291,-0.0907,0.01546,0.05722,0.00338,-0.04245,-0.00429,-0.1082,0.055,-0.01587,-0.02414,-0.06728,-0.00793,-0.00908,0.09824,0.08738,-0.08841,-0.02041,-0.03937,0.01383,0.01931,-0.07209,-0.01632,0.00551,0.00182,-0.03559,-0.04218,0.05565,-0.02722,-0.02345,-0.01171,0.04109,-0.0346,0.02966,-0.01225,0.11622,-0.03827,-0.05872,0.02791,-0.01035,-0.08899,0.03106,-0.00985,-0.00649,0.03243,0.02897,-0.03758,0.01202,-0.05396,0.01153,0.04166,-0.08757,0.04263,-0.00298,-0.06547,-0.07079,-0.02054,-0.02443,-0.02221,-0.04571,-0.05697,0.03296,0.00655,-0.02972,-0.07287,-0.06497,0.02253,-0.04963,0.06164,0.0934,0.05887,-0.02544,-0.05645,-0.02778,0.05601,-0.02091,-0.00905,0,0.00984,-0.03648,-0.00485,0.00121,0.06488,0.00214,-0.02338,-0.11497,-0.03191,0.03262,-0.02573,-0.02245,0.00474,-0.0241,-0.03216,-0.12057,-0.00964,0.07556,-0.00585,-0.01769,0.03354,0.01249,-0.07713,0.04309,0.07095,0.01956,-0.03115,0.02629,-0.0267,0.00078,0.05629,0.05456,-0.01495,-0.00322,-0.01084,0.03382,-0.03298,-0.00369,-0.00617,-0.01527,0.02777,-0.05714,-0.0076,0.05715,-0.02267,0.00935,-0.13,-0.00856,0.03167,0.00476,0.02674,0.04583,0.00553,-0.04514,0.10046,0.00271,-0.04882,0.09813,0.03321,0.12247,0.00394,0.04396,-0.02747,-0.0233,0.05527,0.03186,-0.0161,-0.03974,0.10094,-0.04924,-0.02773,0.08329,0.07155,-0.01364,0.0127,-0.02444,0.02143,0.00152,0.05187,-0.00449,-0.1034,-0.11768,-0.07454,0.01802,0.10202,-0.05297,-0.03447,-0.04204,-0.0261,-0.08979,0.07121,0.05796,-0.00833,-0.05479,0.04686,0,0.05436,0.08603,0.05532,0.12344,-0.0277,-0.02861,0.01961,-0.00398,0.01949,0.06226,0.03743,0.07169,0.0389,-0.08212,0.03683,0.07252,-0.0326,-0.06603,0.1046,0.01777,0.04658,-0.01051,-0.00985,0.03879,-0.04923,0.01557,0.02463,0.02138,0.03294,-0.0459,-0.0194,-0.00422,-0.03644,0.08162,-0.00634,-0.06147,0.03006,0.12475,0.02604,0.03859,0.01197,0.01812,-0.01546,0.02602,-0.03081,-0.00471,-0.00039,0.05176,-0.06096,-0.02058,-0.07179,-0.01453,-0.08393,-0.01043,-0.03678,-0.02,0.11196,-0.03108,0.02638,-0.03128,0.02244,-0.02804,0.05787,0.01391,0.0989,-0.01455,-0.01246,-0.01424,-0.01463,0.02104,-0.02078,0.02931,0.09302,-0.0028,0.08059,0.02147,0.02977,-0.02435,0.02618,-0.00146,-0.03572,0.11724,-0.02368,0.01728,-0.01178,0.10748,-0.09587,0.07006,0.10021,0.0134,-0.07405,-0.01543,0.0826,-0.0343,0.00101,0,-0.13941,0.01285,-0.04586,-0.02381,0.07202,-0.0329,-0.05789,0.0248,0.0404,0.0138,-0.04155,0.10204,0.03754,-0.0641,0.10646,-0.03402,-0.00084,0.0366,-0.0015,0.02364,0.03552,-0.01922,0.03451,0.13516,0.01529,-0.05542,-0.10553,0.00975,-0.01158,-0.01189,-0.03547,0.00821,0.05168,0.04346,-0.03589,-0.06488,-0.09741,-0.03606,-0.0047,0.02626,0.00167,-0.0468,-0.01546,-0.0416,-0.12306,0.06059,-0.01421,-0.05071,0.01174,0.00584,-0.04242,-0.02385,-0.0149,0.03646,0.008,0.01573,-0.0079,0.0005,0.0646,-0.00998,-0.03208,0.02304,-0.05582,-0.02453],"keywords":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX. Example ::: ng-component <node-selection</node-selection [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.scss :::","excerpt":"Example ::: ng-component <node-selection</node-selection [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.scss :::"},{"chunkId":"/examples/node-selection#3","slug":"node-selection","route":"/examples/node-selection","section":"examples","title":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow","description":"Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX.","group":"Nodes","vector":[-0.00787,-0.02835,-0.03364,0.05713,0.00802,0.0564,-0.03347,0.01718,0.03767,0.0693,-0.05175,0.00344,-0.05327,-0.00314,0.10218,0.02887,-0.07848,-0.01064,0.01622,-0.07105,-0.07704,-0.05972,0.03365,-0.08315,-0.0094,0.01988,0.03418,-0.00848,0.02919,-0.08826,0.0093,0.06085,0.04315,0.04263,-0.16889,0.04578,-0.02482,0.00968,-0.04017,-0.03846,0.05556,0.0681,0.00841,-0.03973,-0.04433,-0.02179,-0.15591,-0.01031,-0.02398,0.08592,-0.0474,-0.08337,0.0089,0.04538,0.01492,-0.04711,-0.02586,-0.08835,0.00449,-0.05618,-0.0132,-0.01273,-0.013,0.02088,0.09671,0.05921,-0.0618,0.01733,0.00729,-0.01017,0.00113,-0.07081,0.0048,0.00024,-0.01163,-0.03848,-0.03533,0.02023,-0.03164,-0.00988,-0.00519,0.09593,-0.05305,0.04888,-0.01339,0.08615,-0.04381,-0.06063,0.02579,-0.04089,-0.02313,0.0191,0.05479,-0.01481,0.01709,0.02218,-0.00177,-0.00454,-0.04559,0.00947,0.06815,-0.09157,0.05741,-0.03269,-0.1079,-0.08258,-0.02308,-0.04346,0.00219,-0.02838,-0.0761,-0.00772,-0.03046,-0.01468,-0.09831,-0.02589,-0.01193,-0.04095,0.04032,0.07347,0.03996,-0.02622,0.01657,-0.00882,0.0461,-0.03568,-0.0262,0,0.02736,-0.05915,-0.01117,0.00785,0.05771,0.00733,-0.03407,-0.08621,-0.00127,0.02459,0.01224,0.01968,-0.01834,0.02843,0.00231,-0.09997,-0.04449,0.09688,0.04614,0.00688,0.01387,0.0185,-0.06937,0.05577,0.07788,0.08773,0.00584,0.06148,-0.05488,0.00951,0.06342,0.04068,-0.09592,0.02193,0.00559,0.0714,-0.08904,-0.04552,0.02855,0.01147,0.01061,-0.10618,-0.04803,0.01685,0.00954,0.00518,-0.13385,-0.01196,0.00519,0.0073,0.03116,0.0449,-0.03288,-0.02752,0.09867,0.00592,-0.07395,0.09401,0.06231,0.11622,0.01261,0.03642,-0.05105,-0.01783,0.01013,0.05032,-0.04075,-0.04554,0.11553,-0.03651,-0.03973,0.04116,0.04282,-0.00215,0.01164,-0.03528,0.03093,0.00702,0.0521,-0.01004,-0.10969,-0.12098,-0.05836,-0.00356,0.1085,-0.03442,0.00175,-0.01858,-0.02879,-0.04077,0.03365,0.08644,-0.01721,-0.01455,0.07134,0,-0.0052,0.06097,0.02018,0.08191,-0.01264,-0.05328,-0.01017,-0.05814,-0.0106,0.00663,0.02649,0.0519,0.04656,-0.0436,0.01358,0.06009,-0.00808,-0.10131,0.04838,-0.00045,0.01883,-0.04094,-0.01604,0.01154,-0.06863,0.00999,-0.00242,-0.02301,0.05644,-0.00446,0.00106,-0.02895,0.01461,0.04286,0.00492,-0.05163,0.06686,0.07142,0.003,0.00858,-0.01729,-0.02201,-0.00668,0.01855,-0.04582,0.01023,-0.06617,0.06775,-0.03934,-0.0097,-0.04972,0.01528,-0.05476,-0.06928,-0.02614,0.02062,0.12741,-0.02187,0.04741,-0.02139,-0.06658,-0.01639,0.08473,0.00063,0.06787,-0.03047,0.02215,-0.04417,-0.01555,0.0319,0.01846,0.04092,0.04657,0.0013,0.11383,0.01182,0.05581,-0.03875,0.03087,-0.02398,-0.02837,0.08891,0.01744,0.00603,-0.02274,0.08304,-0.09706,0.05975,0.08812,0.02384,-0.05027,0.01084,0.10966,-0.00623,-0.00282,0,-0.1113,0.02692,0.01306,-0.00974,0.07326,-0.03018,-0.05497,0.07288,0.03044,0.028,-0.03678,0.15109,-0.02453,-0.04881,0.15524,0.00336,0.03983,0.02952,-0.00193,0.00839,0.04345,-0.03171,0.03074,0.1226,0.01958,-0.0021,-0.0699,0.03026,-0.003,0.0273,-0.02211,0.03782,0.09118,0.06368,-0.02636,-0.08369,-0.0556,-0.03592,-0.01532,-0.00269,0.01893,-0.01791,-0.00495,-0.04353,-0.10983,0.08158,-0.02653,-0.08633,-0.03145,0.00675,-0.0591,-0.03465,-0.00111,0.05573,-0.01056,0.04924,0.00579,-0.03585,0.08823,-0.02082,-0.04355,0.03639,-0.05511,-0.00649],"keywords":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX. When to use it - Support single-select and additive multi-select flows. - Prepare nodes for batch actions, grouping, or deletion. - Keep keyboard-and-mouse editing predictable in larger diagrams. This page is a good entry point for building a fuller selection system before you add box selection or history support.","excerpt":"When to use it - Support single-select and additive multi-select flows. - Prepare nodes for batch actions, grouping, or deletion. - Keep keyboard-and-mouse editing predictable in larger diagrams. This page is a good entry point for building a fuller selection system before you add box selection or history support."},{"chunkId":"/examples/node-selection#4","slug":"node-selection","route":"/examples/node-selection","section":"examples","title":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow","description":"Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX.","group":"Nodes","vector":[-0.02029,-0.03724,-0.04741,0.05028,0.04215,0.05446,0.0253,0.0159,0.03626,0.0646,-0.063,-0.03935,-0.03934,0.00795,0.10163,0.03313,-0.05466,-0.02122,0.0209,-0.05862,-0.05029,-0.04276,0.02458,-0.08256,-0.01204,0.04609,0.04058,-0.01406,0.02528,-0.07886,0.00618,0.07756,0.04768,0.03054,-0.14255,0.04184,-0.02493,0.00445,-0.04804,-0.03725,0.07658,0.04436,0.02206,-0.06893,-0.04988,0.00292,-0.15071,0.00958,-0.02409,0.0657,-0.06272,-0.11922,0.0097,0.07012,0.0065,-0.04656,0.01504,-0.08253,0.01039,-0.04457,-0.00812,-0.04144,-0.01243,0.02255,0.07279,0.04892,-0.07693,0.00133,-0.02107,-0.05631,-0.01306,-0.0746,0.03965,-0.02296,-0.01123,-0.04633,-0.03798,0.02136,-0.00543,-0.00967,-0.00853,0.09125,-0.05879,0.0341,-0.03182,0.09909,-0.04658,-0.07592,0.04901,-0.02246,-0.05426,0.02839,0.03482,-0.04263,0.0434,0.00621,-0.01348,-0.02132,-0.04795,0.00107,0.06537,-0.07332,0.03609,-0.03857,-0.08839,-0.0707,-0.02954,-0.03428,0.03153,-0.01483,-0.07699,0.00269,0.00676,-0.02709,-0.07532,-0.0548,0.01029,-0.05266,0.02411,0.07889,0.02008,-0.01754,-0.00204,-0.03816,0.05292,-0.0175,-0.01532,0,0.01853,-0.0744,-0.0235,0.00152,0.05967,-0.00163,-0.02885,-0.10521,0.02308,0.02167,-0.001,0.00901,-0.01629,0.02365,0.00124,-0.11031,-0.03588,0.0846,0.01546,0.0102,0.0298,0.01144,-0.07349,0.03559,0.06352,0.06974,-0.00413,0.03831,-0.03657,0.00661,0.05115,0.03035,-0.06001,0.02521,-0.01189,0.05919,-0.07327,-0.03467,0.01468,-0.00883,0.00603,-0.09608,-0.04728,0.02383,-0.00777,0.00014,-0.12583,-0.00792,0.02745,0.01212,0.04372,0.04443,0.01218,-0.02575,0.11953,0.00857,-0.0776,0.12128,0.05224,0.12212,-0.00611,0.0581,-0.02945,-0.04632,0.01923,0.03218,-0.0084,-0.05746,0.09842,-0.03553,-0.04226,0.03804,0.06788,0.00471,0.02274,-0.03698,0.03307,0.01365,0.03416,-0.01694,-0.12377,-0.13014,-0.04367,0.02937,0.11013,-0.03143,0.01304,-0.04204,-0.05796,-0.04312,0.0526,0.08719,0.00639,0.00523,0.08129,0,0.00186,0.06512,0.02934,0.07855,0.00089,-0.04525,0.00742,-0.0233,0.00156,0.02686,0.02503,0.07336,0.04171,-0.03844,0.03118,0.08387,-0.01299,-0.08259,0.06148,0.01496,0.01939,-0.04504,-0.01004,-0.00634,-0.07967,0.03816,0.01879,-0.02294,0.04904,-0.03152,-0.02274,-0.00997,-0.01051,0.06368,0.00027,-0.06369,0.0405,0.08125,-0.01274,0.00791,-0.0058,-0.02205,-0.00884,0.0481,-0.07254,0.00644,-0.04603,0.0616,-0.04547,-0.01389,-0.07088,0.00915,-0.06888,-0.04628,-0.03316,0.03215,0.12423,-0.00763,0.02747,-0.02161,-0.02979,-0.01305,0.06783,0.00328,0.08774,0.00565,0.02907,-0.01588,-0.01764,0.04702,0.02559,0.05661,0.06739,-0.00301,0.12929,0.03305,0.06037,-0.03272,0.01576,-0.01805,-0.01407,0.11402,-0.01316,-0.01056,-0.00438,0.09697,-0.09081,0.03051,0.07067,0.02737,-0.07611,0.02583,0.09592,-0.02914,0.01409,0,-0.11963,0.00092,0.00947,-0.0395,0.06999,-0.01723,-0.08301,0.06701,0.03792,0.03602,-0.02639,0.12249,0.00088,-0.04825,0.13524,-0.01264,0.0091,0.04201,-0.00029,-0.01786,0.05358,-0.02769,0.02796,0.12569,0.0326,-0.02057,-0.0578,0.01927,0.00305,0.02555,-0.00998,0.02969,0.07625,0.05538,-0.02883,-0.05444,-0.07456,-0.03482,-0.04095,-0.01398,0.0056,-0.03198,-0.01783,-0.05874,-0.12463,0.08438,-0.01547,-0.07669,-0.02771,-0.00242,-0.06269,-0.02887,-0.00451,0.07266,-0.00587,0.0296,-0.01115,-0.04168,0.07091,-0.00828,-0.05494,0.05201,-0.0411,-0.009],"keywords":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX. Related docs - Selection System - Selection Area Component - Selection Area Example - Managed Flow State","excerpt":"Related docs - Selection System - Selection Area Component - Selection Area Example - Managed Flow State"},{"chunkId":"/examples/resize-handle#0","slug":"resize-handle","route":"/examples/resize-handle","section":"examples","title":"Angular Diagram Example – Resizable Nodes with Resize Handles","description":"Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts.","group":"Nodes","vector":[-0.00441,0.05328,-0.05408,0.06992,-0.01722,-0.00494,-0.04457,0.04952,-0.02306,0.08506,-0.02196,0.15624,-0.01189,0.06172,0.03967,-0.00267,-0.03627,0.06223,-0.04625,-0.04267,-0.0323,-0.05101,0.00002,-0.04456,0.0414,0.02795,-0.07615,0.00114,0.04565,-0.07647,0.00611,0.03768,-0.03735,0.0195,-0.14697,0.10603,0.00858,0.01675,-0.05963,-0.02576,0.02483,0.12548,0.02588,-0.03152,0.01063,-0.04971,-0.14861,0.05286,-0.11084,-0.02251,-0.00604,-0.12725,-0.00271,0.02282,0.03464,-0.05399,-0.02039,-0.05564,0.02819,0.00261,-0.00351,0.02899,0.06338,0.01369,-0.0119,0.02123,-0.00698,0.00613,-0.03793,-0.00111,0.00072,-0.06052,-0.05314,-0.00201,0.03958,-0.06753,-0.06019,0.06956,-0.01732,0.00272,-0.01951,0.10022,-0.03617,0.06515,-0.02476,0.0836,-0.05421,-0.06346,-0.0309,-0.07893,-0.00534,0.06367,-0.029,0.02248,-0.07607,-0.03489,-0.04251,-0.04864,-0.12108,0.04041,0.07832,-0.01915,0.07112,-0.01545,-0.06453,-0.03156,-0.04464,-0.00812,-0.06629,-0.00471,0.00569,0.02007,-0.09971,-0.01078,-0.04562,-0.06522,-0.01496,-0.0786,0.05693,0.0378,0.0082,0.02779,0.0122,-0.05194,0.05675,0.01907,-0.0386,0,-0.05875,0.02448,-0.03979,0.04296,0.11332,-0.01934,-0.07492,-0.04226,-0.0083,-0.02906,0.07736,0.05365,-0.03973,0.00947,0.08532,-0.09049,0.02697,0.16745,0.02286,-0.06312,-0.05182,-0.00459,-0.02323,0.07035,0.051,0.01467,0.01057,0.04988,-0.05015,-0.03617,0.07756,0.05983,-0.02267,-0.02739,-0.02846,-0.01548,-0.08138,-0.04791,-0.0357,-0.05079,0.01121,-0.01426,-0.0212,0.05434,-0.00286,0.05011,0.02722,0.00549,0.01155,-0.00271,0.00608,0.09682,0.07064,0.006,0.07232,-0.04918,0.02824,0.06605,0.05734,0.03848,-0.02475,-0.05856,-0.06625,-0.00003,-0.00363,-0.00861,0.00178,-0.00855,0.09288,0.01907,-0.03234,0.03224,0.07204,0.08024,-0.06326,-0.05958,-0.01554,-0.01576,-0.02673,0.02268,-0.05024,-0.06726,0.05107,0.03652,0.02011,-0.16104,0.03699,-0.01781,0.03755,-0.01119,-0.00253,0.04317,0.05569,0.00292,0.05118,0,-0.04281,0.05242,-0.00426,0.01908,0.00057,-0.03392,-0.07002,0.00937,-0.02006,-0.03263,-0.01665,-0.0305,0.04365,0.01878,-0.05184,0.00436,-0.0591,-0.06602,0.01737,0.00104,0.0542,0.05465,0.00663,0.00633,0.00747,0.03577,-0.0497,-0.04092,0.02485,0.02996,-0.01662,-0.13248,0.03302,-0.00221,-0.02157,-0.10189,-0.00221,0.04496,0.04035,-0.0048,0.0245,0.02751,0.01764,0.00569,-0.01398,-0.01871,0.0173,0.04875,-0.07084,-0.03255,-0.04264,0.01218,0.05138,-0.07192,0.00531,-0.01935,0.07527,-0.01079,0.07329,-0.05602,-0.0098,-0.07606,-0.0279,-0.018,-0.01145,-0.0058,0.03328,-0.12896,-0.03492,0.07406,0.02196,0.0661,0.01989,-0.02017,0.07419,0.02048,0.10121,-0.07354,0.02359,-0.05737,-0.02297,0.03504,-0.01795,-0.03534,0.02893,0.06671,-0.09334,0.05952,0.01488,0.10756,-0.03284,-0.00948,0.02795,0.08904,0.00192,0,-0.08104,0.07321,-0.01845,0.00948,0.01463,-0.03487,0.09368,0.05042,0.00271,0.07093,0.02053,0.04345,-0.02174,0.00473,0.11263,0.0264,-0.01669,0.07399,-0.01457,-0.03314,0.01371,0.02632,0.07299,0.10535,-0.0044,-0.02966,-0.06294,0.08843,-0.03765,-0.02325,-0.0199,-0.0054,0.11345,0.0393,0.01228,-0.06028,-0.15491,0.02557,-0.0035,-0.01659,0.03633,-0.01737,-0.00947,0.03393,-0.0105,0.02979,0.00412,0.01047,0.00029,0.04914,-0.03495,-0.05103,-0.03368,-0.05753,-0.00516,0.07686,0.04482,0.06491,-0.01267,0.00803,-0.0161,0.05185,-0.01793,-0.02083],"keywords":"Angular Diagram Example – Resizable Nodes with Resize Handles Angular Diagram Example – Resizable Nodes with Resize Handles Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts. Resize Handle","excerpt":"Resize Handle"},{"chunkId":"/examples/resize-handle#1","slug":"resize-handle","route":"/examples/resize-handle","section":"examples","title":"Angular Diagram Example – Resizable Nodes with Resize Handles","description":"Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts.","group":"Nodes","vector":[-0.00787,0.04224,-0.0491,0.06501,0.02544,0.0439,-0.04681,0.0629,-0.02944,0.05711,-0.04105,0.12341,-0.02098,0.07898,0.05062,0.00214,0.0504,0.0329,-0.0664,-0.03124,-0.01329,-0.09823,0.00447,-0.05749,0.05087,0.04598,-0.06897,-0.01335,0.05727,-0.05728,0.02174,0.07865,-0.00638,0.01893,-0.1424,0.09173,0.01153,0.0347,-0.05581,-0.03402,0.03515,0.11262,-0.01557,-0.01477,0.0147,-0.05841,-0.12668,0.05615,-0.10487,-0.00866,-0.00172,-0.10643,-0.0536,-0.00424,0.02278,-0.04389,-0.01578,-0.04244,0.02725,0.00489,0.02383,0.00049,0.07588,0.00337,0.01085,0.01268,0.00278,0.00409,-0.03214,0.01402,0.04927,-0.01105,-0.05065,-0.03221,0.04563,-0.05503,-0.06342,0.04167,-0.03199,0.024,-0.00042,0.09225,-0.0441,0.04537,-0.04632,0.048,-0.03346,-0.09467,-0.02693,-0.08253,-0.04026,0.07013,-0.01279,0.00168,-0.05527,-0.03661,-0.01013,-0.03845,-0.08134,0.00056,0.08585,-0.02904,0.09685,-0.02261,-0.03603,-0.0438,-0.04388,0.00011,-0.05759,0.00132,0.01071,0.04523,-0.0769,0.02098,-0.0478,-0.06497,-0.03161,-0.08193,0.05797,0.04857,0.01671,0.04806,0.03821,-0.05052,0.07813,0.03013,-0.02828,0,-0.04771,0.05194,-0.03552,0.05581,0.11966,0.0021,-0.07895,-0.04185,-0.00559,-0.00384,0.06292,0.09289,-0.01169,0.06117,0.10974,-0.05268,0.02368,0.1401,0.01911,-0.06807,-0.06538,-0.02438,-0.02054,0.07731,0.03984,-0.00204,-0.01535,0.06569,-0.05081,-0.03859,0.04238,0.05705,-0.00221,-0.03733,-0.05395,0.01083,-0.08464,-0.05745,-0.01072,-0.04746,0.01416,0.01308,-0.0113,0.04433,-0.01449,0.07113,0.04636,-0.00505,-0.03651,-0.01577,-0.00154,0.09597,0.10193,-0.00653,0.09173,-0.07981,0.05603,0.02298,0.03753,0.02046,-0.02824,-0.05143,-0.04033,0.01267,-0.00448,0.01592,-0.00415,-0.01071,0.0705,0.03914,-0.05703,0.0513,0.0113,0.02905,-0.0529,-0.0423,-0.02431,-0.01007,-0.02675,0.0508,-0.06043,-0.06987,0.04865,0.02364,-0.00748,-0.167,0.0557,-0.01834,0.01741,-0.03567,0.03475,0.05819,0.03419,-0.0022,0.06228,0,-0.0463,0.04793,-0.00801,0.04059,0.0156,-0.0234,-0.05849,0.03302,-0.00714,-0.04493,-0.03437,-0.03928,-0.00487,0.00856,-0.07894,0.01247,-0.06691,-0.07068,0.03369,-0.03126,0.05663,0.02804,-0.00059,0.00629,0.01474,0.04641,-0.04607,-0.07276,0.01352,0.0021,-0.00106,-0.14147,0.00737,-0.01956,0.00823,-0.08722,0.01083,0.00906,0.06254,0.01199,0.00119,0.0294,-0.02012,0.0083,-0.00736,0.01644,0.02385,0.02044,-0.06157,-0.03243,-0.02905,0.03228,0.05666,-0.08162,-0.01794,-0.04121,0.05972,0.00538,0.0883,-0.06326,-0.01551,-0.0771,-0.05296,-0.03041,-0.04027,0.00458,0.02021,-0.15037,-0.01145,0.06844,0.03858,0.04553,-0.0098,-0.0144,0.04897,0.03534,0.11203,-0.0403,0.01929,-0.05776,-0.04544,0.03279,-0.00076,-0.02456,0.03394,0.09943,-0.09649,0.04029,0.04116,0.0864,-0.029,-0.00009,-0.03547,0.08339,0.02364,0,-0.11571,0.05794,-0.03363,0.00676,0.0261,-0.03096,0.09193,0.03535,0.02499,0.09636,0.03081,0.0095,-0.02115,0.00024,0.12963,0.03936,-0.037,0.03636,-0.01304,0.00855,0.02434,0.02277,0.01104,0.09503,-0.00992,-0.05063,-0.03854,0.08994,-0.0416,-0.00048,-0.01684,0.00023,0.11884,0.10344,0.00263,-0.07704,-0.11905,0.02524,-0.02072,0.00088,0.01866,0.00763,-0.01114,0.03914,-0.0187,-0.01185,0.03679,0.0006,-0.02043,0.03961,-0.0449,-0.05516,-0.01859,-0.06412,0.01766,0.06307,0.01837,0.0654,-0.00163,0.02767,-0.03678,0.02296,-0.04483,-0.04624],"keywords":"Angular Diagram Example – Resizable Nodes with Resize Handles Angular Diagram Example – Resizable Nodes with Resize Handles Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts. Description This example shows how to make nodes resizable by adding a dedicated resize handle. Resizable nodes are useful when a node needs to reveal more content, adapt to user-defined layout, or behave more like a canvas object than a fixed card. That interaction matters in editors where nodes can represent notes, groups, configurable panels, or content blocks with variable density. Fixed dimensions are fine for simple demos, but real graph products often need nodes that can grow with the task. The value here is not only visual flexibility. Resizing changes how users organize information on the canvas.","excerpt":"Description This example shows how to make nodes resizable by adding a dedicated resize handle. Resizable nodes are useful when a node needs to reveal more content, adapt to user-defined layout, or behave more like a canvas object than a fixed card. That interaction matters in editors where nodes can represent notes, groups, configurable panels, or content blocks with variable density. Fixed dimensions are fine for simple demos, but real graph products often need nodes that can grow with the task. The value here is not only visual flexibility. Resizing changes how users organize information on the canvas."},{"chunkId":"/examples/resize-handle#2","slug":"resize-handle","route":"/examples/resize-handle","section":"examples","title":"Angular Diagram Example – Resizable Nodes with Resize Handles","description":"Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts.","group":"Nodes","vector":[-0.02678,0.04736,-0.06747,0.06021,0.00722,0.05016,-0.04757,0.07564,-0.02662,0.06931,-0.04436,0.11559,-0.02956,0.05847,0.02395,0.01213,-0.05438,0.10049,-0.05337,-0.05547,0.0208,-0.07024,0.02892,-0.02572,0.02757,0.02056,-0.08009,0.00688,0.03639,-0.06076,0.03317,0.07252,-0.02329,0.02582,-0.09269,0.12316,0.00908,0.04203,-0.05568,-0.02796,0.04944,0.13358,0.01876,-0.08212,0.01491,-0.03874,-0.14383,0.05213,-0.10586,-0.02726,-0.0095,-0.11369,-0.01553,0.06008,0.03807,-0.0602,-0.009,-0.10726,0.05063,0.00873,-0.03948,0.00269,0.05124,0.00248,-0.01049,0.02648,-0.03613,0.00888,-0.03754,0.0226,0.00873,-0.03673,-0.04484,-0.0094,0.04624,-0.07286,-0.05406,0.11016,-0.01537,-0.00247,-0.00145,0.07547,-0.01744,0.05726,-0.03995,0.10298,-0.03692,-0.06303,-0.00807,-0.03896,-0.01933,0.08648,-0.0492,0.00813,-0.02319,-0.0191,-0.09159,-0.03656,-0.10268,0.04696,0.06545,-0.04684,0.08396,0.01696,-0.01374,-0.02706,-0.03858,0.05604,-0.06022,-0.0019,-0.00745,0.02649,-0.03957,-0.02136,-0.029,-0.07228,-0.00911,-0.09424,0.05682,0.07304,0.04666,0.05217,-0.02315,-0.04661,0.08147,0.03477,-0.02563,0,-0.05668,0.02676,-0.01617,0.06112,0.08234,-0.0307,-0.04634,-0.05978,-0.051,0.01407,0.02655,0.05334,-0.05995,-0.02654,0.01365,-0.11739,0.02385,0.14552,-0.00801,-0.04178,-0.01518,-0.01669,-0.02635,0.0629,0.08964,-0.03732,-0.02536,0.0466,-0.06393,-0.03411,0.06717,0.03608,0.00834,-0.03629,-0.03603,-0.01806,-0.03784,-0.0303,-0.05214,-0.03687,0.06099,0.00057,-0.01384,0.05576,-0.01977,0.00082,0.0134,0.00367,0.04066,-0.01247,0.02847,0.09705,0.07511,-0.0106,0.08011,-0.05912,0.02993,0.05174,0.0207,0.05573,-0.02823,-0.0301,-0.07142,0.01454,0.04143,-0.0122,-0.00727,0.00789,0.0652,-0.00798,-0.06279,0.07763,0.06173,0.06032,-0.04881,-0.06744,-0.00737,0.02327,-0.02714,0.02022,-0.0401,-0.07398,0.02451,0.06889,0.0564,-0.16536,0.03198,-0.02189,0.0167,-0.07481,0.03941,-0.00803,0.02688,-0.03216,0.04294,0,-0.01455,0.04748,0.00331,0.05921,-0.01888,-0.03786,-0.02696,0.05613,0.00553,-0.0282,-0.03095,-0.01436,0.04516,-0.03095,-0.01778,-0.003,-0.068,-0.08375,0.06362,0.01614,0.04843,0.08401,-0.00486,0.00906,0.00068,0.03971,-0.01205,0.01287,0.01417,-0.00614,-0.02407,-0.12845,-0.03063,0.00221,-0.03743,-0.11529,-0.01553,0.09675,0.04095,0.03455,0.05911,0.06874,-0.02204,-0.00927,-0.01791,-0.00045,0.04341,0.00985,-0.06244,-0.04253,-0.0749,0.00694,0.00306,-0.01711,0.00285,-0.04123,0.0953,-0.01983,0.00362,-0.0607,0.01086,-0.07558,-0.03591,-0.04028,0.0325,0.0214,-0.02683,-0.11473,-0.02355,0.0572,0.02239,0.03337,0.03959,0.00337,0.06876,0.00013,0.07715,-0.03347,0.04427,-0.00489,-0.05088,0.05124,-0.0105,0.03381,0.06125,0.05508,-0.12623,0.04338,0.04571,0.08733,-0.05773,-0.03971,0.02246,0.05142,0.0149,0,-0.09803,0.04777,-0.04441,0.00231,0.01386,-0.03138,0.05778,0.03326,-0.01461,0.04261,0.00832,0.06568,0.03092,-0.04471,0.07867,-0.01195,-0.00258,0.08007,-0.03253,-0.02948,0.00466,0.02796,0.05019,0.12216,-0.00327,-0.07674,-0.08235,0.05286,-0.02578,-0.04103,-0.02905,-0.02218,0.09869,0.05052,0.01624,-0.06059,-0.15838,0.02431,0.0038,0.02019,0.04336,-0.02172,0.00019,0.01616,-0.0121,0.03265,-0.00319,-0.00358,0.00748,0.033,-0.01802,-0.01188,-0.06557,-0.00832,0.01826,0.03881,0.03917,0.07369,-0.00716,-0.00236,-0.02046,0.05519,0.00266,-0.04974],"keywords":"Angular Diagram Example – Resizable Nodes with Resize Handles Angular Diagram Example – Resizable Nodes with Resize Handles Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts. Example ::: ng-component <resize-handle</resize-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.scss :::","excerpt":"Example ::: ng-component <resize-handle</resize-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.scss :::"},{"chunkId":"/examples/resize-handle#3","slug":"resize-handle","route":"/examples/resize-handle","section":"examples","title":"Angular Diagram Example – Resizable Nodes with Resize Handles","description":"Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts.","group":"Nodes","vector":[-0.02339,0.0521,-0.04102,0.06499,0.02189,-0.00635,-0.06782,0.04988,0.01648,0.08557,-0.0406,0.14402,-0.01822,0.05966,0.09498,0.00872,-0.01656,0.0232,-0.03801,-0.08239,-0.04723,-0.04497,0.00787,-0.03967,0.04117,0.05277,-0.08427,0.01136,0.05927,-0.06634,-0.01066,0.03746,-0.0272,0.03103,-0.13861,0.14658,0.01069,0.05116,-0.05059,-0.03766,-0.00002,0.09482,0.01908,-0.02895,0.00065,-0.09185,-0.1577,0.02475,-0.10449,-0.00655,-0.02261,-0.12685,-0.04525,-0.00836,0.04405,-0.0246,-0.01777,-0.05938,0.01347,-0.02409,0.01189,0.01588,0.06074,0.00675,0.0043,0.03444,-0.00754,0.02251,-0.02113,0.00824,0.02031,-0.04632,-0.05536,-0.00148,0.01402,-0.06472,-0.06129,0.03998,-0.0239,-0.0087,-0.00227,0.08555,-0.0419,0.07744,-0.01725,0.08603,-0.01541,-0.0873,-0.0116,-0.05563,0.00082,0.06165,0.01544,0.00743,-0.05015,-0.01882,-0.02002,-0.02758,-0.10842,0.05127,0.0843,-0.0216,0.0805,-0.0281,-0.0492,-0.03311,-0.02822,-0.01156,-0.06433,-0.01326,-0.00391,0.03518,-0.0916,-0.00759,-0.05972,-0.09882,-0.01953,-0.081,0.0332,0.07437,0.01221,0.05104,0.00296,-0.03856,0.05688,0.01393,-0.0297,0,-0.02891,0.03389,-0.03136,0.05028,0.13589,-0.00321,-0.08935,-0.0312,-0.0254,-0.04352,0.06472,0.05742,-0.02585,0.04749,0.08555,-0.0745,-0.00043,0.13941,0.02243,-0.06136,-0.05289,-0.04885,-0.01841,0.0902,0.04227,0.03705,0.00747,0.06292,-0.04759,-0.03111,0.05261,0.03299,-0.0094,-0.00188,-0.05336,0.0142,-0.0833,-0.06954,0.02592,-0.06583,0.00431,-0.0095,-0.0282,0.03822,0.00638,0.07101,0.01771,0.0147,0.00809,-0.01988,0.00512,0.1036,0.0794,0.02167,0.0899,-0.05387,0.04503,0.05664,0.06981,0.05043,-0.02741,-0.02192,-0.06057,0.00228,-0.00542,0.01549,-0.0173,-0.01917,0.10364,-0.01069,-0.04065,0.04772,0.01387,0.08147,-0.05242,-0.06528,-0.05661,-0.03101,0.00802,0.01167,-0.06886,-0.07911,0.03488,0.04152,0.03596,-0.14988,0.04243,-0.01533,0.01776,-0.01696,0.00653,0.0384,0.03415,0.00807,0.06062,0,-0.06323,0.0546,-0.02863,0.043,0.00204,-0.0256,-0.07388,-0.02472,-0.00512,0.00348,-0.00459,-0.03231,0.00985,-0.00621,-0.04138,-0.01317,-0.06131,-0.09552,0.02543,-0.01571,0.06769,0.03928,-0.00835,0.0447,0.03047,0.03134,-0.07328,-0.05921,0.02235,-0.00086,-0.01438,-0.10912,0.01826,-0.03711,0.01983,-0.09709,0.00112,0.02637,0.03741,0.02413,0.02256,0.03805,0.00471,0.01032,-0.03014,0.03652,0.02034,0.04812,-0.06252,-0.04994,-0.04506,0.00286,0.06399,-0.09246,-0.00349,-0.03427,0.07182,0.00421,0.04106,-0.0485,-0.03953,-0.05579,-0.00121,-0.00395,-0.00189,-0.01867,0.01035,-0.11383,-0.04147,0.06679,0.04372,0.0364,-0.01681,-0.0129,0.06509,0.01435,0.09597,-0.07318,0.01272,-0.04682,-0.04483,0.04046,0.00773,-0.0294,0.01578,0.05219,-0.09103,0.04948,0.02636,0.10028,-0.04522,0.0044,-0.00093,0.09458,-0.01185,0,-0.11241,0.06348,-0.01867,-0.01758,0.01265,-0.04777,0.0859,0.05782,0.03178,0.07812,0.03759,0.00351,-0.04231,0.00173,0.12401,0.02397,-0.01179,0.06997,-0.02417,-0.04171,0.01207,0.01439,0.02113,0.08521,0.01345,-0.03147,-0.03223,0.07526,-0.04421,-0.00762,-0.0262,-0.00567,0.13563,0.084,0.00938,-0.05857,-0.09927,0.0239,0.0012,0.01672,0.02995,-0.00844,-0.01487,0.02567,-0.01711,0.02474,0.01434,0.01451,-0.0274,0.01621,-0.05792,-0.05547,-0.03455,-0.06561,-0.01005,0.07626,0.04107,0.04074,0.02792,-0.00709,-0.02154,0.06271,0.00193,-0.02918],"keywords":"Angular Diagram Example – Resizable Nodes with Resize Handles Angular Diagram Example – Resizable Nodes with Resize Handles Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts. When to use it - Let users expand nodes to fit richer content. - Support note-like, panel-like, or group-like nodes. - Give graph layouts more flexibility without rebuilding node types. This is a practical example for building editors that feel closer to real design or workflow tools.","excerpt":"When to use it - Let users expand nodes to fit richer content. - Support note-like, panel-like, or group-like nodes. - Give graph layouts more flexibility without rebuilding node types. This is a practical example for building editors that feel closer to real design or workflow tools."},{"chunkId":"/examples/resize-handle#4","slug":"resize-handle","route":"/examples/resize-handle","section":"examples","title":"Angular Diagram Example – Resizable Nodes with Resize Handles","description":"Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts.","group":"Nodes","vector":[-0.01449,0.04348,-0.05075,0.06129,-0.00232,0.00039,-0.03165,0.04985,-0.01982,0.06724,0.00142,0.14609,-0.00852,0.04192,0.04203,0.00883,-0.02238,0.06802,-0.02927,-0.0653,-0.03727,-0.0547,-0.00728,-0.0316,-0.00351,0.01545,-0.06984,0.01121,0.03346,-0.09757,0.02674,0.03605,-0.04132,0.01915,-0.17343,0.11009,0.02628,0.0107,-0.07042,-0.01801,0.02812,0.09131,0.04487,-0.02855,0.01688,-0.03155,-0.12954,0.05206,-0.0905,-0.02819,-0.01053,-0.12064,-0.02887,0.03678,0.04907,-0.06718,0.01644,-0.04281,0.02109,-0.01612,-0.00514,0.03229,0.02269,-0.0027,0.01928,-0.01651,-0.03307,-0.01049,-0.02817,-0.01696,0.00369,-0.06694,-0.06622,-0.00643,0.00426,-0.03585,-0.04709,0.07879,-0.03512,-0.00471,-0.00985,0.12162,-0.02401,0.06013,-0.01371,0.06336,-0.05693,-0.06507,-0.01557,-0.04836,0.01558,0.06446,-0.04409,0.01706,-0.06936,-0.01738,-0.02914,-0.02584,-0.11681,0.02902,0.0824,-0.00819,0.05872,-0.04137,-0.0827,-0.05545,-0.03614,-0.0205,-0.06352,-0.02525,-0.00843,0.02131,-0.12101,-0.06755,-0.01412,-0.08114,-0.02289,-0.05771,0.03546,0.03951,0.01289,0.03634,0.01386,-0.05225,0.05282,0.00334,-0.03833,0,-0.06091,0.03538,-0.05049,0.06153,0.10868,-0.01635,-0.06484,-0.03941,0.02618,-0.00869,0.09641,0.08878,-0.03688,-0.0024,0.04525,-0.10317,0.03395,0.13355,0.00358,-0.06853,-0.04221,0.01403,-0.0141,0.06935,0.06152,0.01007,0.03167,0.04383,-0.05096,-0.03406,0.0844,0.06656,-0.04437,-0.03145,-0.01508,0.00547,-0.07616,-0.05705,-0.03098,-0.06226,0.02831,-0.02816,-0.03662,0.05858,0.02039,0.03149,0.00516,-0.0093,0.02745,0.01162,0.02612,0.0772,0.06175,0.00321,0.06666,-0.02787,0.0065,0.0627,0.02492,0.03641,0.00741,-0.04803,-0.05401,-0.00415,-0.03399,-0.03196,0.00212,-0.00691,0.0945,0.04996,-0.04282,0.06884,0.07057,0.06532,-0.06448,-0.06862,-0.02094,-0.01381,-0.0012,0.01042,-0.06034,-0.05825,0.05666,0.02907,0.03183,-0.16014,0.02281,0.00961,0.03607,-0.03117,0.01594,0.05174,0.05469,-0.00046,0.06186,0,-0.04561,0.04642,-0.01061,0.01693,-0.00026,-0.04568,-0.05999,0.02182,-0.01847,-0.01659,-0.03305,-0.04036,0.04998,0.01759,-0.0098,0.00123,-0.09553,-0.08081,0.00129,0.02247,0.0447,0.06092,0.02643,0.02268,-0.01017,0.03765,-0.06081,-0.04386,0.05037,0.01265,-0.00323,-0.11775,0.03728,0.01138,-0.04641,-0.12371,0.01462,0.05436,0.04426,0.00531,0.04204,0.04131,0.03881,-0.01722,-0.04732,-0.02253,0.02715,0.04997,-0.03338,-0.01403,-0.03663,-0.00941,0.0064,-0.05662,-0.0047,-0.03705,0.06505,-0.01287,0.09908,-0.0478,-0.02773,-0.06983,-0.01815,-0.01727,-0.01895,-0.00026,0.02924,-0.13325,-0.02369,0.078,0.00061,0.07301,0.01015,-0.05216,0.05481,0.01726,0.12929,-0.08048,-0.00346,-0.05891,-0.00748,0.0448,-0.03785,-0.0317,0.03982,0.04177,-0.10064,0.03641,0.01384,0.09599,-0.01784,-0.00349,0.03564,0.11071,0.01463,0,-0.09684,0.06954,0.00324,0.01599,0.01801,-0.0384,0.08859,0.06381,-0.00834,0.05229,0.0241,0.0378,-0.00704,-0.01834,0.11912,0.05038,-0.02309,0.05206,-0.01086,-0.00344,0.01904,0.01382,0.04729,0.1271,-0.01482,0.00766,-0.07242,0.07789,-0.02337,-0.01924,-0.00061,-0.00249,0.11914,0.01419,-0.00364,-0.03865,-0.13579,0.02415,0.02748,-0.01883,0.03141,-0.01886,0.00476,0.02698,-0.0453,0.01771,-0.01887,0.00513,-0.00419,0.06855,-0.03985,-0.05962,-0.00451,-0.05155,0.00985,0.0929,0.0681,0.04809,0.00113,-0.0007,0.00058,0.05814,-0.0104,-0.024],"keywords":"Angular Diagram Example – Resizable Nodes with Resize Handles Angular Diagram Example – Resizable Nodes with Resize Handles Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts. Related docs - Resize Handle Directive - Node Directive - Rotate Handle Example - Magnetic Rects Example","excerpt":"Related docs - Resize Handle Directive - Node Directive - Rotate Handle Example - Magnetic Rects Example"},{"chunkId":"/examples/rotate-handle#0","slug":"rotate-handle","route":"/examples/rotate-handle","section":"examples","title":"Angular Diagram Example – Node Rotation Handles with Constraints","description":"Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools.","group":"Nodes","vector":[0.01318,0.04092,-0.05604,0.01558,-0.044,0.00746,-0.02181,0.01151,0.05739,0.12003,0.03667,0.09351,-0.0016,0.01595,0.0423,0.01026,-0.02159,0.04004,-0.0107,-0.01513,-0.05224,-0.01403,-0.00636,-0.01479,-0.0413,-0.00147,-0.00125,0.00872,0.07153,-0.07974,-0.01638,-0.00016,-0.03743,0.00113,-0.16581,0.08107,-0.0009,-0.01634,-0.11401,-0.00724,0.03852,0.10987,0.05637,-0.04692,0.05103,0.00144,-0.13952,0.05043,-0.06296,0.04198,-0.06006,-0.16582,-0.03547,-0.01477,0.01197,-0.00779,0.03494,-0.06831,0.03905,-0.01437,0.0225,0.03737,-0.0202,0.02764,-0.03495,0.00299,-0.04453,-0.02396,-0.01379,-0.03111,-0.02191,-0.09055,-0.05146,0.0127,0.00567,-0.04692,-0.00967,0.0115,-0.02952,-0.04554,-0.01744,0.08402,-0.02652,0.10939,-0.04326,0.0512,-0.07983,0.03672,0.06534,-0.00412,-0.01007,0.00367,0.00773,-0.05475,-0.00587,0.0054,0.03783,0.00643,-0.1422,0.01074,0.05124,-0.07877,0.0127,-0.03531,-0.08788,-0.01554,-0.05035,-0.08667,-0.07896,0.00635,-0.03818,0.0106,-0.10344,-0.08076,-0.02665,-0.03418,-0.02674,-0.05567,0.00591,0.06342,-0.02144,-0.02114,0.03523,-0.01343,0.01309,-0.01607,-0.05976,0,0.01878,0.02901,-0.03425,0.03338,0.05051,-0.01211,-0.02225,-0.03093,0.00098,0.02541,0.08054,0.06173,-0.06546,0.01807,0.05545,-0.10031,0.02778,0.07363,0.03327,-0.0059,-0.02149,-0.05041,-0.04624,0.06568,0.03219,0.05627,0.0403,0.04807,-0.04429,-0.00789,0.06518,0.04242,-0.03678,0.01412,0.00024,0.00876,-0.06672,-0.09218,-0.02544,-0.00702,-0.03549,-0.03064,-0.1069,0.05086,0.04207,0.01293,-0.02351,0.01896,0.02625,0.07021,-0.01319,0.09742,0.00719,0.01113,0.04614,-0.02209,0.01178,0.01743,-0.01803,0.07703,0.01347,0.02625,-0.043,-0.04074,0.04043,-0.02569,-0.0057,-0.0521,0.05909,0.00714,-0.09061,-0.01741,0.01977,0.05502,-0.06051,0.00702,-0.02667,-0.00174,-0.00274,0.03971,-0.05083,-0.02243,0.04551,0.01431,-0.01515,-0.11009,0.03709,0.05335,0.02118,0.01116,0.03288,0.06264,0.00158,0.05178,0.05171,0,-0.08275,-0.00755,0.01794,0.04765,-0.00407,-0.07967,-0.03058,-0.09554,0.00332,-0.00938,0.04383,-0.05621,-0.01307,0.07392,0.01085,-0.02177,-0.03448,-0.05604,-0.01169,0.03781,0.05705,0.07935,0.00351,0.01954,-0.04272,0.06825,-0.04339,-0.01269,-0.00126,0.03686,-0.02854,-0.10161,0.10359,0.02803,-0.06889,-0.07207,-0.02862,0.03403,0.04627,-0.01749,0.01819,0.02683,0.04602,0.04192,-0.04479,-0.00837,-0.03565,0.07881,-0.01024,-0.05238,-0.06947,0.02176,0.02689,-0.06433,0.03102,-0.05215,0.08111,-0.00109,0.14603,-0.06192,0.01076,-0.03223,-0.00776,-0.01913,-0.03101,0.00487,0.08796,-0.13763,-0.0271,0.06215,-0.04003,0.08523,0.07096,-0.05974,0.08836,0.04144,0.06761,-0.05334,0.00416,-0.06419,-0.03418,0.03502,0.02258,0.0118,-0.02174,0.06531,-0.1439,-0.03182,0.06467,0.10983,0.00154,0.0461,0.00509,0.08464,0.02553,0,-0.08139,0.0164,0.07165,-0.02735,0.00919,0.00299,0.1088,0.01513,0.0075,0.04902,0.01984,0.05219,-0.02077,-0.03656,0.11779,0.00393,0.05234,0.07042,0.01197,-0.02484,0.01656,0.00469,0.06434,0.06397,0.00443,-0.01988,-0.04778,0.07285,-0.01421,0.04507,-0.01629,-0.03028,0.08401,-0.01185,-0.02645,-0.0296,-0.11463,-0.0524,0.00441,0.01769,0.03496,0.0777,-0.07182,0.02311,-0.04414,0.0795,0.02638,-0.0578,-0.01754,0.01564,-0.06791,-0.06977,-0.00611,0.03138,-0.0063,0.10397,0.10271,-0.05169,-0.04556,0.00898,-0.0056,0.05145,-0.00364,-0.02539],"keywords":"Angular Diagram Example – Node Rotation Handles with Constraints Angular Diagram Example – Node Rotation Handles with Constraints Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools. Rotate Handle","excerpt":"Rotate Handle"},{"chunkId":"/examples/rotate-handle#1","slug":"rotate-handle","route":"/examples/rotate-handle","section":"examples","title":"Angular Diagram Example – Node Rotation Handles with Constraints","description":"Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools.","group":"Nodes","vector":[-0.01656,0.05008,-0.02759,0.01801,-0.00416,0.02605,-0.00884,0.02384,0.11081,0.08462,0.01616,0.13044,-0.00677,0.01438,0.02523,0.00563,0.01712,0.03266,-0.01936,-0.00248,-0.0704,-0.03481,-0.01773,-0.01445,-0.03557,0.02396,-0.01421,-0.00166,0.06735,-0.04941,-0.01892,0.03633,-0.05792,-0.00006,-0.20522,0.05772,0.01386,0.03123,-0.12546,-0.03413,0.03574,0.12249,0.05547,-0.03344,0.03862,0.00397,-0.10884,0.03222,-0.03618,0.07055,-0.05694,-0.13981,-0.02996,-0.0349,0.02242,-0.00385,0.07295,-0.06494,0.00393,-0.00664,0.03697,0.00951,0.02203,0.01543,-0.00385,-0.03503,-0.00269,-0.02661,-0.01978,-0.01236,-0.00382,-0.06272,-0.04583,0.00895,0.03967,-0.04299,-0.02957,0.00472,-0.03772,-0.00438,0.02387,0.07489,-0.02548,0.09683,-0.02566,0.03005,-0.08414,-0.00852,0.03854,-0.01261,-0.00761,0.02946,0.01622,-0.05979,0.02171,0.01987,0.0154,0.02477,-0.18039,0.00009,0.06111,-0.07247,0.03027,-0.05327,-0.05729,-0.01238,-0.04125,-0.12885,-0.07971,0.01412,-0.05446,0.03042,-0.07842,-0.02253,-0.07118,-0.03603,-0.0089,-0.05791,-0.00351,0.06251,-0.00929,-0.01971,0.05194,-0.01584,0.04387,-0.03092,-0.05376,0,0.00254,0.06439,-0.02821,0.04136,0.0425,-0.01164,-0.00151,-0.03792,0.01217,0.01426,0.07564,0.0615,-0.03034,0.0158,0.03641,-0.0668,0.01659,0.0712,0.01219,-0.00717,-0.0231,-0.10029,-0.05813,0.04628,-0.00169,0.04382,0.04103,0.03476,-0.06585,0.00175,0.02073,0.0331,-0.0544,-0.00999,-0.00946,0.04623,-0.07495,-0.10663,-0.01256,-0.00599,-0.03952,0.01916,-0.09222,0.05412,0.04543,0.04864,-0.01866,0.01357,-0.01449,0.05054,0.00175,0.09312,0.04701,0.04019,0.08227,-0.03934,0.05684,-0.01493,-0.03952,0.02201,0.01044,0.01535,-0.03648,-0.02954,0.01844,-0.00729,-0.00793,0.01319,0.02388,0.00281,-0.06715,-0.00773,-0.02697,0.04561,-0.05324,0.01431,-0.03196,-0.02488,0.0508,0.01822,0.00728,-0.00316,0.0322,-0.00882,-0.03871,-0.11628,0.05061,0.04276,-0.00623,0.03311,0.0635,0.04733,0.01179,0.06296,0.02609,0,-0.08711,-0.00451,0.00798,0.04892,-0.02184,-0.08344,-0.00823,-0.07494,0.02476,-0.03476,0.03591,-0.03518,-0.04616,0.07252,0.05169,-0.00724,-0.07021,-0.08223,-0.01622,-0.01421,0.06946,0.05747,-0.03086,0.02222,-0.06902,0.05626,-0.0447,-0.01934,-0.00528,0.0331,-0.00045,-0.10349,0.08763,0.00853,-0.03515,-0.04818,-0.04715,0.03909,0.04543,-0.00406,-0.03266,0.05054,0.01605,0.02398,-0.05975,0.03116,-0.03615,0.07056,0.01689,-0.03669,-0.04111,0.05193,0.02413,-0.07916,0.01202,-0.04794,0.07154,0.01291,0.11826,-0.06919,-0.00988,0.00454,-0.03256,-0.03577,-0.05883,0.01663,0.07885,-0.13292,0.0256,0.05992,-0.01829,0.08058,0.0501,-0.02256,0.07859,0.05426,0.14931,-0.04714,-0.00785,-0.0578,-0.08333,0.01841,0.02147,0.00211,-0.04638,0.05402,-0.15271,-0.03356,0.04916,0.10183,0.00815,0.03191,-0.0271,0.0395,0.04118,0,-0.11159,0.01398,0.08279,-0.01117,-0.02937,0.00896,0.10577,0.01913,0.03068,0.05351,0.04618,0.03581,-0.04336,-0.05669,0.11361,0.05865,0.0212,0.05954,-0.01184,-0.0057,0.03932,-0.00196,0.01744,0.05668,-0.03126,-0.02542,-0.02542,0.09409,-0.00317,0.02177,-0.03164,-0.02737,0.08344,0.05066,-0.04755,-0.00559,-0.09144,-0.05709,0.02885,0.01705,0.01627,0.07195,-0.06171,0.02271,-0.05505,0.05419,0.05679,-0.03729,-0.05018,0.0338,-0.07314,-0.07951,0.00204,0.07255,0.03099,0.08602,0.07441,-0.04774,-0.01563,0.00332,-0.02771,0.0372,-0.02405,-0.00838],"keywords":"Angular Diagram Example – Node Rotation Handles with Constraints Angular Diagram Example – Node Rotation Handles with Constraints Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools. Description This example shows how to rotate nodes with a dedicated handle. Rotation is useful when node orientation carries meaning or when users need more freedom arranging the canvas than a rigid top-to-bottom layout allows. It can be helpful in design-like interfaces, architecture diagrams, and specialized editors where arrows, assets, or blocks should face a certain direction. Even when used sparingly, rotation makes the canvas feel more flexible and more tool-like. The important part is keeping the interaction understandable. A rotate handle gives users a clear affordance instead of hiding orientation changes behind generic drag logic.","excerpt":"Description This example shows how to rotate nodes with a dedicated handle. Rotation is useful when node orientation carries meaning or when users need more freedom arranging the canvas than a rigid top-to-bottom layout allows. It can be helpful in design-like interfaces, architecture diagrams, and specialized editors where arrows, assets, or blocks should face a certain direction. Even when used sparingly, rotation makes the canvas feel more flexible and more tool-like. The important part is keeping the interaction understandable. A rotate handle gives users a clear affordance instead of hiding orientation changes behind generic drag logic."},{"chunkId":"/examples/rotate-handle#2","slug":"rotate-handle","route":"/examples/rotate-handle","section":"examples","title":"Angular Diagram Example – Node Rotation Handles with Constraints","description":"Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools.","group":"Nodes","vector":[-0.03008,0.06038,-0.0901,-0.00868,-0.01105,0.10595,-0.03117,0.03782,0.02954,0.06281,0.00467,0.09234,0.01015,0.0089,0.01635,0.02014,-0.07076,0.05938,-0.02408,0.00374,0.01902,-0.03083,0.03186,0.01098,-0.07085,0.01249,0.00735,0.00676,0.04448,-0.01855,0.01352,0.04978,-0.04083,0.01936,-0.13074,0.05613,-0.02688,0.02795,-0.09331,-0.03705,0.07515,0.14199,0.08552,-0.0986,0.05251,0.01031,-0.14819,0.05497,-0.05661,0.04,-0.06771,-0.15534,-0.01203,0.02266,0.03298,-0.02073,0.04034,-0.11001,0.07272,-0.00374,0.00105,-0.00813,0.00108,0.00007,-0.00547,0.01007,-0.07045,-0.04267,-0.0606,0.04019,-0.03056,-0.04631,-0.03628,-0.00118,0.0535,-0.03836,-0.03538,0.07665,-0.02072,-0.05066,0.02468,0.04601,-0.00672,0.08535,-0.03536,0.04863,-0.0814,0.0023,0.05648,0.00363,-0.03664,0.02679,-0.04455,-0.04383,0.01503,0.03422,-0.01925,0.02009,-0.15708,0.0093,0.03226,-0.1082,0.03982,0.0184,-0.03325,0.00478,-0.02817,-0.04355,-0.1006,0.00358,-0.023,0.0503,-0.04191,-0.07898,-0.03593,-0.04947,0.01095,-0.08013,0.00339,0.07762,0.03143,-0.01459,-0.02218,-0.01477,0.04467,-0.00574,-0.04108,0,-0.01652,0.05108,0.00116,0.02241,0.02547,-0.04539,-0.01932,-0.05034,-0.02307,0.05897,0.03065,0.04389,-0.05995,-0.06999,-0.02171,-0.12244,0.03643,0.05858,-0.00313,-0.02037,0.01288,-0.06626,-0.07259,0.02863,0.03374,-0.01734,0.00326,0.03128,-0.06564,-0.01781,0.07923,0.04705,0.01461,-0.01992,0.00736,0.01415,-0.02264,-0.03961,-0.06748,0.01338,0.03461,-0.01229,-0.07442,0.07362,0.01519,-0.00211,-0.02168,0.00307,0.08853,0.05954,-0.00489,0.10431,0.02586,-0.00157,0.09187,-0.03789,0.02968,0.01399,-0.05034,0.08995,-0.01089,0.01971,-0.01691,-0.036,0.0285,-0.02914,-0.01287,-0.02349,0.0251,-0.02387,-0.08197,0.02062,0.0028,0.04757,-0.04824,0.03206,-0.00705,0.0345,0.01033,0.02563,-0.00709,-0.05415,0.00518,0.04377,0.03028,-0.1234,0.02029,0.03583,-0.01423,-0.05149,0.05549,0.01243,-0.01349,0.02548,0.04408,0,-0.051,0.02343,0.0356,0.08921,-0.03438,-0.07062,0.06148,-0.01581,-0.00033,0.0128,0.02625,-0.04019,0.008,0.03521,0.05206,-0.00557,-0.07241,-0.02996,0.06584,0.04614,0.05267,0.09249,-0.01222,0.0437,-0.03468,0.08439,0.02968,0.0458,-0.00294,0.01346,-0.05058,-0.11684,0.03446,0.04109,-0.07242,-0.09251,-0.05188,0.07859,0.04343,0.00427,0.04107,0.07286,-0.00551,0.03447,-0.04425,-0.0167,0.0223,0.05482,-0.00147,-0.05405,-0.08843,-0.00035,-0.01498,-0.01068,0.02159,-0.07548,0.09001,-0.03502,0.0993,-0.05666,0.034,-0.02083,-0.04055,-0.02239,0.03972,0.01848,0.02029,-0.12671,0.01342,0.05905,-0.04206,0.07162,0.06714,-0.02153,0.07556,0.04648,0.09022,-0.00942,0.0202,-0.02314,-0.04037,0.02898,0.0184,0.05571,-0.0085,0.06203,-0.17675,-0.01539,0.08845,0.09821,-0.03673,0.00843,0.00192,-0.0062,0.05702,0,-0.09689,-0.01058,0.03743,-0.00873,-0.00599,-0.0241,0.08818,-0.04037,-0.00599,0.02288,-0.00238,0.07831,0.02412,-0.08063,0.06079,-0.02493,0.02064,0.07469,-0.01388,0.00503,0.00983,-0.00189,0.0609,0.08619,-0.00063,-0.0844,-0.07957,0.04643,0.01266,-0.01694,-0.04251,-0.06623,0.05707,0.00369,-0.0369,-0.04498,-0.15364,-0.04491,0.02576,0.03972,0.01768,0.03861,-0.03199,0.00548,-0.04624,0.08953,0.01412,-0.04315,-0.00738,0.00187,-0.07679,-0.03592,-0.01581,0.06202,0.00768,0.06032,0.09139,0.0022,-0.03039,-0.02884,-0.01416,0.04985,0.00938,-0.0466],"keywords":"Angular Diagram Example – Node Rotation Handles with Constraints Angular Diagram Example – Node Rotation Handles with Constraints Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools. Example ::: ng-component <rotate-handle</rotate-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.scss :::","excerpt":"Example ::: ng-component <rotate-handle</rotate-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.scss :::"},{"chunkId":"/examples/rotate-handle#3","slug":"rotate-handle","route":"/examples/rotate-handle","section":"examples","title":"Angular Diagram Example – Node Rotation Handles with Constraints","description":"Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools.","group":"Nodes","vector":[0.01035,0.04327,-0.02456,0.00461,-0.0102,0.05426,-0.07147,0.01531,0.08399,0.08693,-0.01655,0.08484,-0.02499,0.0337,0.03383,0.00929,-0.02217,0.01156,0.00767,-0.02097,-0.08905,-0.03474,0.00502,0.01634,-0.02413,0.02564,-0.00475,0.02476,0.0657,-0.06493,0.00652,0.01061,-0.01652,0.02634,-0.19067,0.06829,0.00641,0.03468,-0.10753,0.0025,0.03084,0.11281,0.07173,-0.05223,0.03248,-0.00326,-0.1588,0.02317,-0.08946,0.07254,-0.05419,-0.12352,-0.01645,0.0218,0.00678,-0.04475,0.03489,-0.06317,0.06594,-0.01633,0.00932,0.04263,0.02139,0.01145,-0.05952,0.01647,-0.04399,0.05569,0.01314,-0.01367,0.02738,-0.05462,-0.03575,-0.01809,-0.00741,-0.06166,-0.03582,0.01728,-0.05602,0.00122,0.01808,0.06574,-0.03995,0.08086,-0.08836,0.02814,-0.06275,-0.01451,0.0584,0.00704,-0.03124,0.02805,0.01526,-0.07043,0.08265,0.01186,-0.04248,-0.03596,-0.11383,-0.01097,0.10259,-0.04855,0.00783,-0.02497,-0.01053,-0.0282,-0.01923,-0.05856,-0.04045,0.00188,-0.00889,0.02162,-0.0564,-0.04708,-0.08307,0.00297,-0.01942,-0.06331,-0.04909,0.08846,0.00177,0.00747,0.01225,-0.03586,0.06899,-0.02107,-0.03926,0,0.00065,0.03571,-0.02993,0.03927,0.05501,0.01525,-0.06327,-0.07676,0.01267,-0.00992,0.06212,0.03095,-0.06636,0.03511,0.01612,-0.05683,0.02564,0.09527,-0.0137,-0.00836,-0.00651,-0.08208,-0.06953,0.05283,-0.01578,0.06001,0.04162,0.07179,-0.06493,-0.0238,0.02465,0.00474,-0.02188,0.01124,0.02045,0.00406,-0.06009,-0.05062,0.04229,0.01755,-0.03213,-0.02126,-0.10501,0.04502,0.03416,0.03192,-0.02302,-0.00495,0.0092,0.04213,-0.00117,0.11611,0.01414,0.00843,0.07433,-0.06277,0.02535,0.03522,-0.0057,0.06096,-0.00919,0.0358,-0.04578,-0.08256,0.06932,-0.00643,-0.0472,-0.03648,0.03345,-0.03357,-0.08717,-0.03272,-0.00197,0.07393,-0.03888,0.03543,-0.03264,0.04887,0.01634,0.04316,-0.08362,-0.04775,0.08536,0.03677,0.00515,-0.13069,0.036,0.06729,-0.01261,0.01514,0.08333,0.06768,0.01586,0.07519,0.12155,0,-0.1196,0.03183,0.0395,0.01107,0.0128,-0.05359,-0.0198,-0.03843,0.02564,-0.01178,0.0168,-0.03274,-0.03851,0.02788,0.03027,-0.00052,-0.03853,-0.02258,0.03387,0.01337,0.04743,0.05166,-0.0359,0.03422,0.00791,0.08429,-0.0186,-0.02584,0.02319,-0.00218,-0.05078,-0.08677,0.06177,0.00506,-0.01812,-0.07337,-0.01139,0.03309,-0.0013,0.02577,-0.01844,0.00795,-0.0019,0.03452,-0.03974,0.04986,-0.02654,0.04753,-0.00678,-0.04603,-0.06888,0.05565,0.05737,-0.0725,0.03614,-0.04156,0.07434,0.03123,0.10627,-0.11332,-0.02002,-0.02496,0.02515,-0.06217,-0.01395,0.02775,0.0963,-0.1071,0.00429,0.04077,0.01392,0.06503,0.07429,-0.02653,0.11368,0.04262,0.09191,-0.05119,0.01151,-0.05123,-0.03926,0.08644,0.02883,0.00035,0.0175,0.07472,-0.14667,-0.04547,0.02408,0.11436,-0.02477,0.00951,0.00355,0.0193,0.0403,0,-0.12071,-0.01303,0.01271,-0.03221,-0.01677,-0.01351,0.05809,0.02875,0.04623,0.07983,0.0141,0.08271,0.02777,-0.07049,0.10247,-0.02687,0.03464,0.05164,-0.00441,-0.01713,0.0725,0.0016,0.01908,0.0719,-0.03716,-0.04816,0.00967,0.07141,-0.03349,0.01842,-0.03192,-0.03705,0.04357,0.05274,-0.04096,-0.04833,-0.09755,-0.02866,-0.02297,-0.00647,0.01123,0.07131,-0.07677,-0.0165,-0.06315,0.04984,0.03997,-0.03569,-0.05131,0.02206,-0.07423,-0.03048,0.00143,0.04313,0.015,0.06996,0.05872,-0.06856,-0.02038,-0.03609,-0.06184,0.04781,0.00366,-0.05409],"keywords":"Angular Diagram Example – Node Rotation Handles with Constraints Angular Diagram Example – Node Rotation Handles with Constraints Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools. What this solves - Add explicit orientation control for selected node types. - Support richer diagram composition and layout experimentation. - Keep rotation behavior separate from move and resize interactions. Use this when your editor needs spatial freedom beyond standard flowchart positioning.","excerpt":"What this solves - Add explicit orientation control for selected node types. - Support richer diagram composition and layout experimentation. - Keep rotation behavior separate from move and resize interactions. Use this when your editor needs spatial freedom beyond standard flowchart positioning."},{"chunkId":"/examples/rotate-handle#4","slug":"rotate-handle","route":"/examples/rotate-handle","section":"examples","title":"Angular Diagram Example – Node Rotation Handles with Constraints","description":"Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools.","group":"Nodes","vector":[0.00926,0.05644,-0.03853,0.03758,-0.00955,0.02095,-0.00971,0.01814,0.03219,0.10785,0.04115,0.0973,-0.02013,0.02901,0.04272,0.00886,-0.0311,0.03743,-0.04338,-0.02027,-0.0252,-0.01168,-0.03425,-0.01336,-0.03477,0.01101,-0.02843,0.01577,0.08317,-0.07718,-0.00215,0.00976,-0.04615,0.00861,-0.17245,0.09431,0.01316,-0.02316,-0.09194,-0.00117,0.06588,0.08967,0.05294,-0.04725,0.01854,-0.01162,-0.13593,0.07271,-0.07789,0.01563,-0.05449,-0.1528,-0.0422,0.01181,0.01275,-0.05713,0.05523,-0.06388,0.04818,-0.00425,-0.042,0.04465,-0.0035,0.00321,-0.01774,-0.03181,-0.05973,-0.01822,-0.03361,-0.01958,-0.016,-0.08445,-0.05053,0.01699,0.0002,-0.04422,-0.03537,0.05555,-0.0395,-0.04566,0.02751,0.09047,-0.00819,0.10123,-0.04872,0.08346,-0.08368,-0.00157,0.0526,-0.03675,-0.00771,0.01838,-0.0245,-0.03463,-0.02177,0.01349,0.02085,0.02575,-0.14923,0.0084,0.07072,-0.04683,0.01406,-0.04133,-0.08376,-0.02454,-0.0567,-0.08539,-0.07495,0.00508,0.00115,0.01798,-0.11776,-0.10347,-0.00735,-0.05456,-0.02251,-0.04794,-0.00862,0.06741,-0.038,0.01319,0.04114,-0.02826,0.03204,-0.00911,-0.03358,0,-0.00607,0.02515,-0.05592,0.03419,0.05809,-0.00149,-0.02995,-0.01323,-0.00625,0.01587,0.11734,0.06544,-0.05009,0.01181,0.00232,-0.08116,0.03887,0.08887,0.04018,-0.01489,-0.02074,-0.05201,-0.03791,0.08016,0.04434,0.02931,0.02313,0.03615,-0.04797,-0.01568,0.08741,0.05068,-0.05621,-0.03175,-0.00894,0.00262,-0.05795,-0.04803,-0.02661,-0.0368,-0.01376,-0.03122,-0.08781,0.0634,0.0197,0.00328,-0.00373,-0.00805,0.04342,0.04901,0.00931,0.06307,0.04039,0.01112,0.06814,-0.00937,0.00889,0.03806,-0.00177,0.04406,0.01345,-0.00697,-0.07544,0.00048,0.03835,-0.04725,-0.01229,-0.04013,0.05968,0.03938,-0.07879,-0.0037,0.03186,0.07029,-0.0596,-0.01467,-0.02797,-0.0044,0.01083,0.03209,-0.05592,-0.03523,0.07531,0.0099,0.0156,-0.12716,0.0429,0.04856,0.02575,-0.03495,0.04391,0.03877,0.01707,0.03767,0.07374,0,-0.05183,0.03367,0.01538,0.03113,-0.01494,-0.07589,-0.03875,-0.05249,-0.00118,-0.02686,0.02507,-0.03709,-0.00535,0.07099,0.0224,-0.03788,-0.06394,-0.06092,-0.01381,0.04315,0.05587,0.0182,0.03237,0.02707,-0.05294,0.04167,-0.00727,-0.01941,0.02303,0.01485,-0.00439,-0.10318,0.08774,0.04237,-0.07259,-0.10408,-0.01673,0.04559,0.05578,0.01025,0.01637,0.0363,0.04789,0.01144,-0.0651,-0.00683,-0.01597,0.04474,0.00366,-0.05716,-0.07556,0.02451,-0.02821,-0.04016,0.02146,-0.04438,0.08487,0.00244,0.12135,-0.07099,0.00664,-0.01777,-0.02148,-0.04907,-0.03231,0.01448,0.03578,-0.15825,-0.01974,0.0913,-0.07032,0.07437,0.04804,-0.059,0.07155,0.03047,0.10901,-0.05295,0.0066,-0.06009,0.00944,0.03134,-0.0046,-0.01056,0.00088,0.08437,-0.1321,-0.00135,0.04933,0.11907,-0.02119,0.03264,0.01583,0.08839,0.03104,0,-0.11282,0.03277,0.08944,-0.02731,0.00354,0.00655,0.11171,0.03635,0.0056,0.0602,0.00226,0.05333,-0.01762,-0.05023,0.10713,0.02704,0.04897,0.04497,0.00407,-0.0146,0.0233,0.00915,0.06533,0.10138,-0.01215,-0.02523,-0.05717,0.06429,-0.0206,0.02209,-0.02022,-0.01339,0.06328,-0.02103,-0.0265,-0.04748,-0.1126,-0.04034,0.04073,0.01101,0.04093,0.05918,-0.0421,0.00323,-0.03821,0.07549,0.03205,-0.05049,-0.0105,0.04588,-0.03336,-0.07523,-0.01519,0.03543,0.00277,0.10878,0.08539,-0.01583,-0.04292,-0.0064,0.00243,0.04176,0.01361,-0.02079],"keywords":"Angular Diagram Example – Node Rotation Handles with Constraints Angular Diagram Example – Node Rotation Handles with Constraints Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools. Related docs - Rotate Handle Directive - Node Directive - Resize Handle Example - Drag Handle Example","excerpt":"Related docs - Rotate Handle Directive - Node Directive - Resize Handle Example - Drag Handle Example"},{"chunkId":"/examples/grouping#0","slug":"grouping","route":"/examples/grouping","section":"examples","title":"Angular Flowchart Example – Node Grouping & Nested Structures","description":"Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example.","group":"Nodes","vector":[-0.03326,0.02921,-0.03944,0.03907,0.05459,0.01748,-0.06367,-0.0005,0.00769,0.06902,-0.03757,-0.01485,-0.07316,0.06106,0.03752,-0.01769,-0.10896,0.02993,0.01166,-0.086,-0.03511,-0.02559,0.01191,0.03254,0.03765,0.10722,-0.003,-0.03528,0.09374,-0.05082,0.00145,0.04267,0.03555,0.04246,-0.13335,0.06302,0.04548,0.06635,-0.01102,-0.0048,0.02923,0.09614,0.05397,-0.06697,0.02495,0.01634,-0.1859,0.02381,-0.0796,0.09161,-0.04703,-0.09952,-0.04078,0.0847,0.03484,-0.03034,-0.05423,-0.07112,0.02417,0.01478,0.05669,-0.04111,-0.00623,0.04174,0.05555,0.03252,-0.04406,0.09311,-0.01105,0.00953,0.06359,-0.05086,0.02684,0.01974,0.00374,-0.02295,-0.06115,0.02239,-0.04799,0.00605,-0.0168,0.10421,-0.04615,0.0263,-0.04538,0.06357,0.01554,-0.05907,-0.05968,-0.05119,-0.04299,0.04528,-0.01521,-0.00537,0.04315,-0.00692,-0.03527,-0.07405,-0.03454,-0.01671,0.08661,-0.03142,0.04003,-0.02337,-0.02433,-0.01269,-0.04247,0.00972,0.0922,0.00438,-0.00273,0.02515,-0.05371,-0.08591,-0.14025,-0.1409,-0.00893,-0.06565,0.03476,0.07521,0.02573,0.03725,-0.01431,-0.03385,0.11552,0.01294,0.0079,0,-0.0162,-0.01405,-0.04651,0.08523,0.07868,-0.00256,-0.08482,-0.07827,0.01336,0.07895,0.02062,-0.01586,-0.03978,0.03166,0.02227,-0.08002,0.00633,0.02019,-0.08528,-0.01656,-0.07907,-0.04438,-0.02308,0.02568,0.0433,0.01109,0.04383,0.01958,-0.10161,0.01075,0.07844,-0.02181,-0.01203,0.05684,0.0193,0.01224,-0.00632,-0.05299,0.06336,-0.00784,-0.00758,-0.09511,-0.06391,0.05294,0.00383,0.00805,-0.02079,-0.02006,0.00591,-0.02115,-0.00378,0.07823,-0.02657,-0.0269,0.07477,-0.02901,0.00066,0.10325,0.0184,0.08294,-0.01784,-0.01147,-0.04542,-0.07815,-0.0011,-0.03094,-0.03426,-0.06854,0.06002,-0.05464,-0.054,0.00901,-0.02342,0.12147,-0.05546,0.04437,0.01358,0.09985,0.01094,0.00717,-0.08014,-0.05248,0.08872,0.05646,-0.01616,-0.08398,0.04399,-0.04289,-0.08038,-0.02304,-0.00977,0.07784,0.09143,0.03323,0.09253,0,-0.0221,0.09101,-0.0047,-0.00481,0.04674,-0.0606,-0.01803,0.01556,-0.01105,0.09826,0.00872,0.05206,0.00937,-0.06054,0.01041,0.02797,0.0391,-0.08717,0.08134,-0.01807,0.0693,0.01476,-0.04592,0.0215,0.02134,0.05127,-0.06053,-0.096,0.04441,0.03493,-0.00483,-0.08505,0.03342,-0.02064,-0.04246,-0.03792,0.06363,0.05541,0.00208,0.00217,-0.02518,-0.02114,-0.02847,-0.05745,-0.03431,-0.04712,0.01405,-0.00015,-0.11927,-0.00227,-0.03211,0.05834,0.06535,-0.03317,0.00042,-0.00271,0.0258,-0.00035,0.03935,-0.06003,-0.00851,-0.01918,0.02334,-0.0355,0.03177,0.00453,-0.02389,-0.12163,-0.03408,0.04607,-0.0145,0.0215,0.00318,0.01092,0.02206,0.01195,0.0709,-0.0355,0.02206,-0.02892,0.01719,0.0509,0.00347,0.08031,0.11528,0.03524,-0.01467,-0.01575,0.00339,0.12742,-0.05402,-0.03254,-0.00441,-0.0195,0.06353,0,-0.15354,-0.04771,-0.05325,-0.04806,0.0532,-0.05768,0.00931,0.06695,0.03102,0.03429,-0.02111,0.08911,-0.04636,-0.05047,0.09105,-0.01892,-0.05495,0.02375,-0.01118,0.02516,0.03219,-0.01209,-0.02617,0.05984,-0.03107,-0.04433,0.00555,0.04573,0.00583,-0.04802,-0.0568,0.0519,0.01216,0.03674,-0.00315,-0.02542,-0.08133,0.0343,-0.05708,-0.02275,0.03056,0.05748,-0.00514,0.00767,-0.00687,0.04838,-0.02485,0.00065,-0.04663,0.00544,0.00567,-0.02134,-0.0488,0.00814,0.00363,-0.01732,0.00713,-0.01536,0.066,-0.04147,-0.04429,0.05677,0.00191,-0.06311],"keywords":"Angular Flowchart Example – Node Grouping & Nested Structures Angular Flowchart Example – Node Grouping & Nested Structures Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example. --- toc: false wideContent: true --- Grouping wide Content","excerpt":"--- toc: false wideContent: true --- Grouping"},{"chunkId":"/examples/grouping#1","slug":"grouping","route":"/examples/grouping","section":"examples","title":"Angular Flowchart Example – Node Grouping & Nested Structures","description":"Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example.","group":"Nodes","vector":[-0.03885,0.04599,-0.05061,0.02183,0.04184,0.00096,-0.06407,0.03053,0.04304,0.07174,-0.0513,-0.01426,-0.06073,0.05587,0.09011,-0.00885,-0.09263,0.0381,0.01821,-0.05767,-0.03486,-0.00108,0.00947,0.03714,0.01574,0.11429,-0.01268,-0.01628,0.09562,-0.05582,0.03143,0.04781,0.03193,0.08825,-0.13737,0.10171,0.01793,0.05509,-0.06075,-0.02691,0.04294,0.06944,0.02657,-0.06218,0.01034,-0.01774,-0.12998,-0.04249,-0.08535,0.08461,-0.09795,-0.13184,-0.07031,0.09013,0.03413,0.00226,-0.01003,-0.08238,0.03162,-0.00564,0.06437,-0.03988,0.01043,0.04053,0.0328,0.02826,-0.07104,0.09935,0.01345,-0.03339,0.0554,-0.03868,0.02955,0.01181,-0.02847,-0.02857,-0.03885,0.0117,-0.03072,-0.00477,-0.02423,0.06425,-0.03815,0.04746,-0.05544,0.07592,0.03563,-0.07983,-0.06815,-0.03839,-0.03978,0.04155,0.00874,-0.04814,0.07309,0.00145,-0.02343,-0.09881,-0.04729,0.0079,0.06862,-0.02566,0.06659,-0.02279,-0.05936,-0.05516,-0.01185,-0.01837,0.01657,-0.0145,-0.03488,0.0472,-0.04785,-0.10372,-0.07617,-0.13573,-0.01739,-0.06783,0.0319,0.11348,0.02881,0.02996,0.00837,-0.02452,0.10319,0.00551,-0.03916,0,-0.00169,0.0045,-0.04776,0.06531,0.10816,-0.00513,-0.06223,-0.07061,0.01844,0.03004,0.00882,0.01734,-0.03413,0.08017,-0.00215,-0.11147,-0.021,0.05464,-0.04187,-0.0146,-0.01524,-0.07574,-0.03649,0.03174,0.03179,0.0667,0.04001,0.02201,-0.10797,0.01174,0.05962,-0.02592,-0.02396,0.03217,0.00902,0.00655,-0.00471,-0.07919,0.06113,-0.05424,-0.00563,-0.07177,-0.07459,0.01448,0.03212,0.00698,-0.05013,-0.02534,0.05846,0.00246,0.03938,0.06082,-0.01238,0.00061,0.08882,-0.02994,-0.0211,0.08553,0.00002,0.07266,0.01166,0.05261,-0.07127,-0.08723,0.03031,0.00522,-0.00526,-0.03817,0.06273,-0.05486,-0.06507,0.04224,-0.00358,0.082,-0.02402,0.01852,-0.00078,0.07796,0.00157,0.00863,-0.08511,-0.07204,0.04841,0.08012,0.02864,-0.072,0.05027,-0.0548,-0.08872,-0.01953,0.04144,0.06056,0.06387,0.0133,0.05128,0,-0.03605,0.07993,-0.02952,0.00711,0.07526,-0.05033,-0.01945,-0.01604,0.01949,0.06627,-0.02392,0.04967,0.00074,-0.05454,0.02969,0.01155,-0.00112,-0.13051,0.07693,-0.02736,0.04913,0.05594,-0.04937,-0.00151,0.01383,0.0405,-0.03776,-0.05738,0.03319,-0.00835,-0.01427,-0.06013,0.01571,-0.04094,-0.0234,-0.05763,0.03795,0.03345,-0.02449,-0.00645,0.026,-0.00239,-0.01668,-0.02835,-0.06865,-0.01535,0.00363,0.01668,-0.08202,0.00681,-0.06937,0.03125,0.00954,-0.05581,-0.01127,0.02953,0.05584,0.01853,0.00712,-0.04998,-0.02758,-0.00702,0.0361,-0.00673,0.03401,-0.00628,-0.06055,-0.08693,-0.06014,0.06277,0.01804,0.04809,-0.03112,0.00516,0.04601,0.02143,0.06794,-0.03045,0.0319,0.00383,0.02491,0.11029,0.00167,0.05805,0.10314,0.00889,-0.05062,-0.06201,0.0042,0.082,-0.0654,-0.00732,-0.00234,0.03651,0.03304,0,-0.17808,-0.03968,-0.04242,-0.04379,0.06495,-0.03618,-0.03596,0.06679,0.02405,0.03669,-0.00258,0.0633,-0.04846,-0.03749,0.09949,-0.01349,-0.02671,0.02277,-0.01084,0.00695,0.03732,0.02657,-0.03296,0.07531,-0.01221,-0.02764,0.03713,0.01414,0.0064,-0.01166,-0.0275,0.08103,0.07044,0.07113,-0.01497,0.0043,-0.07903,0.05592,-0.06124,-0.01533,0.03781,0.0284,-0.01965,-0.02004,-0.03055,0.09115,-0.03838,-0.03226,-0.03829,-0.01607,-0.04218,-0.00236,-0.05033,0.04483,0.01169,0.02415,-0.0023,-0.04466,0.07518,-0.03772,-0.03999,0.08147,0.04907,-0.03842],"keywords":"Angular Flowchart Example – Node Grouping & Nested Structures Angular Flowchart Example – Node Grouping & Nested Structures Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example. Description Group related nodes into larger containers, build nested structures, and manage responsive geometry in Angular with Foblex Flow. This is a core pattern for editors that need logical sections instead of a flat list of nodes.","excerpt":"Description Group related nodes into larger containers, build nested structures, and manage responsive geometry in Angular with Foblex Flow. This is a core pattern for editors that need logical sections instead of a flat list of nodes."},{"chunkId":"/examples/grouping#2","slug":"grouping","route":"/examples/grouping","section":"examples","title":"Angular Flowchart Example – Node Grouping & Nested Structures","description":"Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example.","group":"Nodes","vector":[-0.03117,0.05608,-0.05942,0.0212,0.05736,0.06584,-0.06322,0.02141,0.00026,0.04184,-0.04758,0.01161,-0.03332,0.04495,0.03632,-0.03223,-0.14457,0.05719,0.00443,-0.06199,0.00459,-0.05527,0.05595,0.03202,0.01851,0.08063,-0.02117,0.00987,0.09196,-0.0186,0.02307,0.04182,0.05893,0.05408,-0.06617,0.05364,0.01663,0.09249,-0.01351,-0.01472,0.04683,0.10093,0.05714,-0.09694,0.02264,0.01394,-0.14465,0.03216,-0.09503,0.03876,-0.03566,-0.0942,-0.0439,0.12237,0.06204,-0.01438,-0.04737,-0.12726,0.0455,-0.00023,0.02007,-0.04962,0.00153,0.01468,0.05109,0.07456,-0.05219,0.06725,-0.04,0.07997,0.08241,-0.01462,0.01812,0.00766,0.02827,0.01839,-0.06973,0.05255,-0.02547,-0.02176,-0.02914,0.0432,-0.05242,0.03173,-0.05339,0.0723,0.01008,-0.09402,-0.05047,-0.06074,-0.0507,0.06484,-0.05696,0.01334,0.03232,-0.00452,-0.03837,-0.04349,-0.04367,0.01441,0.04641,-0.07094,0.0488,-0.0112,-0.00784,0.00401,-0.03366,0.04721,0.0065,0.00092,-0.03804,0.04677,-0.00879,-0.03906,-0.1068,-0.14233,0.00955,-0.08199,0.07651,0.09975,0.09059,0.03892,-0.03562,-0.02311,0.11077,0.02811,-0.01108,0,-0.0234,0.00422,-0.0161,0.03811,0.06234,-0.0409,-0.08344,-0.09177,-0.02764,0.08474,-0.05549,-0.01242,-0.0431,-0.02033,0.00023,-0.11652,0.05126,0.03162,-0.09715,-0.05706,-0.04461,-0.02897,-0.03671,0.01965,0.03569,-0.01159,0.00675,0.00347,-0.10694,0.00375,0.07249,0.0072,0.00643,0.00876,0.01781,0.01331,0.07279,-0.03438,0.01125,-0.01239,0.04626,-0.03936,-0.00568,0.05996,-0.00005,0.00347,-0.00136,-0.04725,0.04366,0.0012,-0.01115,0.08207,0.03072,-0.02906,0.0732,-0.05236,0.02526,0.0625,-0.00284,0.10213,-0.02321,0.0055,-0.01558,-0.06465,0.03081,-0.03644,-0.01214,-0.00948,0.03874,-0.06083,-0.03675,0.07924,-0.01397,0.08515,-0.0289,0.04771,0.03745,0.08675,-0.01071,-0.00267,-0.06007,-0.05712,0.00794,0.0602,-0.00316,-0.1004,0.02963,-0.0265,-0.04906,-0.06598,0.00314,0.00709,0.05753,0.00741,0.02421,0,-0.00615,0.07562,0.03361,0.04088,0.0285,-0.04933,0.03475,0.04133,0.01041,0.12063,-0.01017,0.05101,0.01938,-0.10768,0.04149,0.01894,-0.01557,-0.08533,0.15165,-0.01363,0.07183,0.06661,-0.04208,0.04712,0.00949,0.05773,-0.01692,-0.02144,0.00077,0.01768,0.00292,-0.1138,-0.03347,0.01465,-0.04579,-0.06296,0.01001,0.08407,0.03272,-0.00546,0.03751,0.03238,-0.0357,-0.04559,0.0021,-0.01023,0.09186,-0.0004,-0.11005,-0.02397,-0.05095,0.02333,0.02038,0.01252,-0.01555,-0.02189,0.05764,-0.02394,-0.02545,-0.04148,0.03387,-0.00946,-0.03016,-0.03943,0.05546,-0.00697,-0.07629,-0.10758,-0.02459,0.03201,-0.034,0.00649,0.00323,0.01794,0.00784,0.00965,0.05037,0.03181,0.03457,0.01286,-0.03024,0.06133,-0.01261,0.11192,0.05531,0.04744,-0.04183,0.01332,0.04866,0.0774,-0.06724,-0.05429,0.01327,-0.01205,0.05724,0,-0.14856,-0.03006,-0.06381,-0.01197,0.04659,-0.08792,0.0005,0.03883,0.00446,0.01842,-0.02215,0.06518,-0.01995,-0.07169,0.02818,-0.03728,-0.07994,0.02839,-0.03681,0.0194,0.02055,-0.01348,-0.01677,0.07529,-0.02715,-0.09537,-0.02676,0.01539,0.00107,-0.05181,-0.05382,0.03121,0.00724,0.05611,-0.00043,-0.0485,-0.12944,0.05988,-0.00523,0.00345,0.01378,-0.04265,0.02716,-0.00854,-0.03065,0.06299,-0.04592,0.01093,0.00743,-0.0158,0.01731,-0.02689,-0.0647,0.03804,0.02214,-0.04606,0.00075,0.03041,0.0771,-0.05382,0.00351,0.03126,-0.00783,-0.0704],"keywords":"Angular Flowchart Example – Node Grouping & Nested Structures Angular Flowchart Example – Node Grouping & Nested Structures Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example. Example ::: ng-component <grouping</grouping [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.scss :::","excerpt":"Example ::: ng-component <grouping</grouping [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.scss :::"},{"chunkId":"/examples/grouping#3","slug":"grouping","route":"/examples/grouping","section":"examples","title":"Angular Flowchart Example – Node Grouping & Nested Structures","description":"Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example.","group":"Nodes","vector":[-0.02228,0.02451,-0.08134,0.03809,-0.01156,-0.01289,-0.04438,0.02635,-0.00668,0.03708,-0.02379,-0.0289,-0.06166,0.03862,0.0527,-0.01714,-0.10526,0.02781,0.00817,-0.074,0.00371,-0.05031,0.03649,0.02508,0.02183,0.09429,0.00329,-0.04294,0.11059,-0.0353,0.01594,0.02194,-0.00406,0.04606,-0.15189,0.07647,0.0307,0.08186,-0.02422,-0.01835,0.02803,0.06964,0.05384,-0.08837,0.01091,-0.01262,-0.16478,0.02706,-0.08918,0.09289,-0.0485,-0.10566,-0.0294,0.09592,0.03892,-0.00905,-0.0243,-0.06212,-0.00504,0.01074,0.05696,-0.05127,-0.00665,0.0059,0.01452,0.03148,-0.03958,0.09255,-0.02043,0.02455,0.0852,-0.05943,0.02405,-0.01482,0.00773,0.00364,-0.07293,0.04327,-0.01587,0.01765,-0.00099,0.07958,-0.03937,0.03992,-0.06165,0.068,0.00455,-0.07817,-0.0511,-0.05762,-0.05988,0.0577,-0.02228,-0.03988,0.05493,0.00973,-0.06178,-0.09465,-0.0241,-0.00411,0.07584,-0.05692,0.01033,-0.00247,-0.02593,-0.00008,-0.01879,0.01931,0.04473,-0.00421,-0.01385,0.03576,-0.01502,-0.0582,-0.13993,-0.12909,-0.02509,-0.08238,0.05833,0.10797,0.01359,0.05136,0.00046,-0.03457,0.1438,0.00636,-0.01476,0,-0.02065,-0.00248,-0.06318,0.02278,0.09104,0.01575,-0.09132,-0.07502,0.01711,0.0349,-0.02685,-0.02341,-0.04116,0.01427,-0.00344,-0.10409,0.02096,0.01865,-0.04312,-0.03504,-0.03219,-0.04272,-0.04182,0.01166,0.03659,0.06551,0.02199,0.02364,-0.09231,0.02096,0.09413,0.0035,-0.03703,0.02737,-0.02683,0.01252,0.02617,-0.04178,0.03298,0.0125,0.01891,-0.09379,-0.04601,0.05541,0.00428,0.0073,-0.01909,-0.00897,-0.00729,0.03061,-0.02534,0.0571,-0.02428,-0.00821,0.06432,-0.07074,-0.05123,0.09284,0.01921,0.0716,-0.02917,0.02581,-0.05132,-0.05958,-0.02351,-0.0146,0.0067,-0.02779,0.05085,-0.05422,-0.03666,0.01568,-0.03268,0.11388,-0.04014,0.03311,0.01251,0.08597,-0.02584,0.01605,-0.07704,-0.0495,0.06733,0.0703,0.01128,-0.08078,0.03,-0.03989,-0.04599,-0.00591,-0.04575,0.03613,0.07985,0.03626,0.07934,0,-0.0212,0.09726,0.01583,-0.01283,0.06003,-0.07092,0.00259,-0.02324,-0.00123,0.10087,-0.0809,0.09088,0.04999,-0.05317,-0.01204,0.00518,-0.01063,-0.09823,0.13069,-0.0296,0.0492,0.03004,-0.04112,0.05729,0.02727,0.03918,-0.01758,-0.08872,0.02183,0.03795,-0.00967,-0.08938,0.05196,-0.01606,-0.03483,-0.04032,0.03638,0.07436,-0.0099,-0.00534,0.0034,-0.02787,-0.03497,-0.02985,-0.02461,-0.01063,-0.00301,-0.04414,-0.12447,-0.01012,-0.05283,0.06174,0.03304,-0.02863,0.0004,0.02836,0.08244,0.01731,0.04006,-0.03047,0.01629,-0.06796,0.03798,-0.00534,0.05215,-0.00692,-0.03683,-0.09514,-0.02749,0.09712,-0.00726,0.03552,0.03154,0.04243,0.08272,0.0052,0.0473,-0.03527,0.03123,-0.00049,0.03145,0.05093,0.01342,0.06573,0.0764,0.01795,-0.01156,-0.02725,-0.02577,0.11952,-0.06802,-0.01218,-0.01335,-0.01623,0.06864,0,-0.11299,-0.03778,-0.02591,-0.01912,0.03856,-0.04352,-0.02707,0.07561,0.01755,0.02855,-0.0634,0.08706,-0.02265,-0.04256,0.09579,-0.00429,-0.01763,-0.00285,-0.01347,-0.00767,0.03298,-0.01722,0.00503,0.07344,-0.04131,-0.0652,0.03467,0.01158,-0.01687,-0.03087,-0.0801,0.04885,0.01649,0.08729,-0.01165,-0.01585,-0.11131,0.04533,-0.02521,-0.00994,0.02421,0.03173,0.01875,-0.03942,-0.01568,0.06857,-0.00733,-0.01075,-0.00734,0.03312,0.01757,-0.02691,-0.03609,0.01543,0.00514,-0.03691,-0.0082,-0.03562,0.06618,-0.02387,-0.0505,0.10813,0.02916,-0.10071],"keywords":"Angular Flowchart Example – Node Grouping & Nested Structures Angular Flowchart Example – Node Grouping & Nested Structures Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example. What this example shows - Create groups with fGroup and nest them inside each other. - Place nodes inside groups and build deeper structures when needed. - Use fIncludePadding, fAutoSizeToFitChildren, and fAutoExpandOnChildHit to control container geometry. - Route connections through groups that also expose their own inputs and outputs. f Group f Include Padding f Auto Size To Fit Children f Auto Expand On Child Hit","excerpt":"What this example shows - Create groups with fGroup and nest them inside each other. - Place nodes inside groups and build deeper structures when needed. - Use fIncludePadding, fAutoSizeToFitChildren, and fAutoExpandOnChildHit to control container geometry. - Route connections through groups that also expose their own inputs and outputs."},{"chunkId":"/examples/grouping#4","slug":"grouping","route":"/examples/grouping","section":"examples","title":"Angular Flowchart Example – Node Grouping & Nested Structures","description":"Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example.","group":"Nodes","vector":[-0.03647,0.03455,-0.05043,0.0297,0.02682,0.00736,-0.05523,0.0071,0.02939,0.05783,-0.04778,0.00386,-0.04646,0.05392,0.05515,0.00089,-0.1006,0.03716,-0.0165,-0.10955,-0.03475,-0.02915,-0.00728,0.04489,0.05219,0.1094,-0.0197,-0.01722,0.10257,-0.04039,0.01439,0.02358,0.01855,0.04693,-0.15392,0.09613,0.03645,0.09179,-0.03932,0.00007,0.0455,0.06434,0.02384,-0.07021,0.00723,-0.01745,-0.15993,-0.00184,-0.10262,0.07761,-0.07006,-0.12697,-0.03751,0.11836,0.02654,0.00874,-0.01598,-0.07895,0.02098,-0.01622,0.05899,-0.037,0.0206,0.01658,0.03436,-0.00192,-0.04234,0.09314,-0.0008,-0.00233,0.07383,-0.05069,-0.00531,0.02261,-0.02252,-0.04105,-0.05219,0.01623,-0.04083,0.00551,-0.01801,0.09031,-0.04426,0.04714,-0.07154,0.08506,0.01502,-0.06148,-0.04347,-0.0535,-0.04059,0.03372,0.02133,-0.04515,0.08135,0.0011,-0.0643,-0.10556,-0.00917,-0.0012,0.07391,-0.00857,0.0411,-0.0203,-0.05055,-0.03301,-0.03034,0.00091,0.04954,0.00595,-0.01493,0.02841,-0.04857,-0.0638,-0.10167,-0.12023,-0.02532,-0.05936,-0.00478,0.11527,0.03181,0.05149,-0.01375,-0.02463,0.11239,0.01088,-0.03385,0,-0.00753,0.00127,-0.06064,0.08082,0.09678,-0.01656,-0.07491,-0.05837,0.02852,0.03047,0.0148,0.04617,-0.02636,0.07343,-0.01076,-0.1387,-0.00114,0.05207,-0.02346,-0.01874,-0.04457,-0.05693,-0.0464,0.02983,0.02519,0.04776,0.0298,0.04753,-0.07398,-0.00804,0.05903,-0.00693,-0.04474,0.01882,0.00977,0.0041,-0.00443,-0.0384,0.06934,-0.03043,0.00902,-0.0839,-0.05664,0.04921,0.01839,0.02772,-0.00437,-0.0291,0.00711,-0.01896,0.0468,0.0678,-0.02106,-0.0282,0.08101,-0.0564,-0.01693,0.08455,0.03046,0.0611,-0.02256,0.00852,-0.06246,-0.03344,0.02982,-0.00908,-0.0165,-0.02438,0.07795,-0.06215,-0.05149,0.03713,-0.03246,0.08968,-0.0508,0.01496,0.02252,0.08083,-0.02999,0.02269,-0.13487,-0.06861,0.07198,0.06511,0.03516,-0.0892,0.04077,-0.03362,-0.08922,-0.03859,-0.00125,0.07031,0.09044,0.04525,0.1028,0,-0.03428,0.06552,0.00964,0.02166,0.05729,-0.0339,-0.02705,0.00594,0.00296,0.07611,-0.06815,0.0747,0.00152,-0.04773,-0.00246,0.00462,-0.00543,-0.0886,0.09797,-0.01814,0.03738,0.04715,-0.06392,0.0275,0.0219,0.05151,-0.02014,-0.09719,0.02437,0.02,-0.01063,-0.11968,0.01399,-0.01361,-0.01489,-0.03918,0.03592,0.04226,0.00251,0.01854,-0.00213,-0.01391,0.0006,-0.0314,-0.04324,0.00587,0.02907,0.01028,-0.11676,-0.01339,-0.04417,0.05088,0.02259,-0.0524,0.01561,0.02119,0.0827,0.00207,0.0342,-0.07435,-0.03028,-0.01794,0.03824,-0.03257,-0.0107,0.00597,-0.03668,-0.10732,-0.06735,0.05641,-0.00627,0.05349,0.0128,-0.0084,0.04498,-0.02326,0.08305,-0.06248,0.03417,-0.04407,0.00404,0.06175,-0.00761,0.01154,0.0669,0.02096,-0.01772,-0.04912,-0.00792,0.09058,-0.06908,-0.01402,-0.00155,-0.00412,0.02747,0,-0.12983,-0.0154,-0.00765,-0.04842,0.05178,-0.04814,0.00609,0.09205,0.04923,0.04448,-0.02818,0.05637,-0.01225,-0.03573,0.09277,-0.01305,-0.02645,0.0281,-0.01296,-0.01368,0.0432,0.00242,-0.01412,0.06408,-0.02426,-0.06855,0.03419,0.01923,-0.00259,-0.04762,-0.03673,0.077,0.04333,0.07156,0.01067,-0.05466,-0.08765,0.04364,-0.03037,-0.02276,0.0262,0.03451,-0.01314,-0.02279,-0.04254,0.05943,-0.04407,-0.03269,-0.03275,0.03846,0.01134,-0.02635,-0.02209,0.01851,0.02673,0.00221,-0.00607,-0.03274,0.06608,-0.03885,-0.05026,0.08978,0.03665,-0.06901],"keywords":"Angular Flowchart Example – Node Grouping & Nested Structures Angular Flowchart Example – Node Grouping & Nested Structures Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example. When to use it - Move several related nodes as one unit. - Visually separate subsections of a workflow or editor. - Auto-resize a container to fit its content. - Expand groups dynamically while users drag children toward the border.","excerpt":"When to use it - Move several related nodes as one unit. - Visually separate subsections of a workflow or editor. - Auto-resize a container to fit its content. - Expand groups dynamically while users drag children toward the border."},{"chunkId":"/examples/drag-to-group#0","slug":"drag-to-group","route":"/examples/drag-to-group","section":"examples","title":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow","description":"Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular.","group":"Nodes","vector":[-0.03395,-0.01052,-0.06626,0.08653,0.03219,0.06557,-0.02668,0.02046,0.05351,0.0415,-0.03488,-0.03719,-0.0786,0.06595,0.02671,-0.00969,-0.09588,0.03437,-0.06814,-0.03511,-0.03277,-0.10187,-0.00713,-0.01514,0.01332,0.04815,0.02754,-0.03558,0.05846,-0.08515,0.01325,0.0396,-0.00372,0.03364,-0.09831,0.07604,0.0276,-0.00267,-0.0093,-0.00937,0.09653,0.0914,0.06115,-0.05455,-0.0449,0.03323,-0.08655,0.06142,-0.07494,0.12665,-0.04,-0.09467,-0.01307,0.08726,0.0017,-0.00167,-0.03656,-0.11914,0.01302,-0.02333,0.04339,-0.00667,0.02142,0.02232,0.00948,0.01368,-0.06903,0.10786,-0.00103,0.01554,0.04897,-0.06324,0.01967,0.04353,0.08106,-0.04004,-0.04028,0.07011,-0.03652,0.00231,0.04391,0.0796,-0.04753,0.03557,-0.05946,0.09906,-0.0292,-0.05099,-0.09447,-0.0707,-0.00837,0.10161,0.03432,-0.00452,0.02458,-0.05319,0.03149,-0.04014,-0.08454,0.01162,0.04745,-0.05488,0.0137,0.01814,-0.09353,-0.04972,-0.03851,-0.0593,-0.02463,0.03127,-0.03438,0.0188,-0.00637,-0.04709,-0.13485,-0.08786,-0.08034,-0.04966,0.03881,0.04311,0.02639,0.01181,0.02373,0.01234,0.11599,0.00866,-0.06709,0,-0.0139,-0.02145,-0.03954,0.05257,0.05528,-0.05651,-0.01027,-0.06899,0.02689,0.02227,-0.01879,0.01511,-0.03284,0.00284,0.01517,-0.14967,-0.01111,0.03038,-0.01426,-0.01034,-0.02742,0.00668,-0.03838,-0.00331,0.05149,0.05919,-0.04016,-0.00176,-0.03891,0.04136,0.06026,0.01241,-0.04869,0.01236,-0.05116,0.0236,-0.0401,-0.04277,0.05242,-0.04586,0.02602,-0.10182,-0.08782,0.03029,-0.02204,0.00217,-0.02365,-0.02557,0.00366,-0.00041,0.01784,0.01578,0.01214,-0.04359,0.08932,-0.01462,-0.04083,0.09725,0.04974,0.06509,0.03686,0.06463,-0.05152,-0.04116,0.03373,-0.0153,-0.02973,-0.00588,0.11567,-0.02647,-0.01025,0.02959,0.0181,0.04696,-0.01743,0.02699,0.00396,0.00782,0.00139,-0.01813,-0.07043,-0.07377,0.06239,-0.01419,0.06968,-0.06957,0.02536,-0.00138,-0.10632,-0.01661,0.03233,0.0069,0.09485,-0.00984,0.09363,0,-0.00898,0.11265,-0.00049,0.04603,0.06749,-0.0681,-0.02889,0.01503,-0.00339,0.05618,-0.02745,0.05609,-0.00946,-0.01185,0.01855,-0.00662,0.03094,-0.12972,0.04887,-0.04879,0.08456,-0.01771,-0.003,0.00781,-0.05105,-0.00235,-0.00346,-0.01045,0.05927,0.04058,-0.00591,-0.06516,-0.00837,0.00505,-0.03296,-0.09158,0.02674,0.07696,0.03234,-0.06653,-0.02826,-0.0262,-0.04929,-0.02373,-0.01251,-0.00756,-0.00764,0.01375,-0.0377,0.01711,-0.06306,0.02005,-0.01701,-0.04137,-0.00585,0.03987,0.11157,-0.029,-0.00545,-0.02116,-0.06359,-0.03047,0.02847,-0.06097,0.03454,-0.00245,-0.03543,-0.08694,0.0134,0.0988,0.01279,0.06457,-0.01014,0.00994,0.06204,0.00348,0.0625,0.00753,0.07146,-0.05248,-0.04228,0.05902,-0.02849,0.07622,0.00938,0.04577,-0.03503,0.01372,0.05651,0.1138,-0.02053,-0.07473,0.12717,-0.01461,-0.0087,0,-0.1062,-0.00291,-0.00213,0.01646,0.03245,-0.01679,-0.04789,0.02531,0.04528,-0.01818,-0.0445,0.11679,-0.01344,0.02252,0.09038,0.01292,-0.02265,0.01859,0.00133,-0.03437,0.05239,-0.01437,0.05902,0.13141,-0.02556,-0.06683,-0.0945,-0.04593,0.01499,-0.03097,-0.03713,0.04275,0.02934,0.10181,-0.02228,-0.05118,-0.09475,0.02473,-0.05192,-0.01242,0.09517,0.0479,0.01175,-0.01759,-0.05305,0.08079,-0.03765,-0.05084,-0.033,0.0067,-0.02263,0.01927,-0.08027,0.05811,0.0029,0.02813,-0.03005,-0.00296,0.06783,-0.0437,-0.06041,0.04726,-0.02554,-0.00454],"keywords":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular. --- toc: false wideContent: true --- Drag to Group wide Content","excerpt":"--- toc: false wideContent: true --- Drag to Group"},{"chunkId":"/examples/drag-to-group#1","slug":"drag-to-group","route":"/examples/drag-to-group","section":"examples","title":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow","description":"Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular.","group":"Nodes","vector":[-0.03332,0.00271,-0.05985,0.07636,0.01388,0.02479,-0.05791,0.06476,0.06497,0.07009,-0.05882,-0.01943,-0.05859,0.08392,0.08151,-0.01268,-0.06951,0.01496,-0.05469,-0.02728,-0.03007,-0.0752,0.01801,-0.02921,0.0307,0.05641,0.02348,-0.03884,0.08251,-0.06231,-0.0042,0.02289,0.0245,0.06865,-0.11383,0.15239,0.01438,0.03542,-0.05391,-0.04785,0.04858,0.10427,0.02632,-0.07301,0.00782,-0.0675,-0.10169,0.01003,-0.05729,0.10141,-0.06453,-0.12291,-0.04594,0.04996,-0.00002,0.0275,-0.00949,-0.12461,0.02867,-0.03789,0.00613,0.01787,0.03203,0.01697,0.01748,0.04302,-0.01681,0.11651,0.01227,-0.00727,0.04432,-0.05944,0.03961,0.02832,0.04533,-0.06736,-0.09035,0.07305,-0.02455,-0.03724,0.03299,0.0579,-0.02891,0.05058,-0.03505,0.11649,0.02901,-0.04168,-0.0789,-0.04011,-0.01061,0.0819,0.0388,-0.00382,0.02995,-0.03821,0.04323,-0.0403,-0.06986,0.00933,0.03594,-0.07429,0.02835,-0.0319,-0.08652,-0.08044,-0.02209,-0.08713,-0.07051,0.01627,-0.06143,0.00946,-0.04719,-0.03911,-0.08746,-0.07599,-0.02202,-0.06294,0.03025,0.05913,0.05481,0.01799,0.04772,0.01321,0.0794,-0.0149,-0.08525,0,0.05187,0.01356,-0.04332,0.08229,0.09034,-0.04788,-0.02499,-0.00962,-0.01677,0.01521,-0.00865,0.03471,-0.02459,0.05932,0.03444,-0.09775,-0.02716,0.04991,0.01982,-0.042,-0.0758,-0.02111,-0.05725,0.03272,0.0628,0.11892,-0.0292,0.00441,-0.06398,0.00965,0.05263,-0.00222,-0.04553,-0.02149,-0.03794,0.0195,-0.03395,-0.0487,0.05114,-0.02786,0.00001,-0.10253,-0.06894,-0.00217,0.01695,0.01575,-0.04528,0.01714,-0.01282,0.00501,0.01864,0.04203,-0.0069,-0.0036,0.06176,-0.0115,-0.02362,0.04237,0.03632,0.04936,0.03104,0.07968,-0.06104,-0.0043,0.03221,0.00492,-0.04855,0.00109,0.087,-0.05366,-0.04204,0.02983,-0.0216,0.02907,0.02307,0.0111,-0.0088,-0.01081,-0.01056,-0.02448,-0.06523,-0.1018,0.03757,-0.01217,0.01841,-0.06385,0.05843,0.01757,-0.08688,-0.01596,0.04253,0.01122,0.05856,0.00064,0.08662,0,0.01815,0.10131,-0.00424,0.0235,0.07325,-0.06815,-0.05486,-0.02937,0.0251,0.0706,-0.0295,0.02084,0.02175,-0.00912,-0.02673,0.00165,0.00957,-0.12528,0.07553,-0.05617,0.07671,-0.01429,0.02905,0.01333,-0.05132,0.01982,-0.00709,-0.00746,0.03786,0.03934,-0.02046,-0.07789,0.04998,-0.02099,-0.03579,-0.05351,0.04497,0.01591,0.00678,-0.05063,-0.00049,-0.01844,-0.04053,0.00636,-0.03765,0.00753,-0.01379,0.05243,-0.06362,-0.00395,-0.08383,0.01215,-0.00144,-0.10182,0.00567,0.01914,0.12514,-0.03123,-0.01342,-0.00591,-0.06753,-0.03034,0.01979,-0.01566,0.01757,-0.0182,-0.06551,-0.08865,0.00204,0.09338,0.02098,0.03845,0.00264,0.02617,0.06582,-0.00468,0.08044,0.00536,0.08314,-0.04873,-0.0213,0.05522,0.00077,0.02796,-0.0249,0.04383,-0.02307,0.0135,0.05335,0.09458,-0.03064,-0.01065,0.11583,0.02155,0.01038,0,-0.11591,0.01199,0.03908,-0.01419,0.0305,-0.03534,-0.03028,0.03263,0.02556,0.01603,-0.03982,0.09669,-0.02504,-0.00053,0.11437,0.03687,0.00203,0.01661,-0.008,-0.02988,0.0584,-0.00792,0.02539,0.10964,0.00409,-0.05146,-0.04319,-0.02586,-0.01803,0.02762,-0.05426,0.06516,0.04511,0.1363,-0.06182,-0.06797,-0.09371,-0.00412,-0.04597,-0.01613,0.07933,0.01969,-0.01902,-0.03265,-0.02188,0.08721,-0.0166,-0.06954,-0.01071,0.00216,-0.06261,-0.02193,-0.05306,0.03414,-0.03895,0.06684,-0.02295,0.00892,0.09964,-0.03924,-0.07427,0.06358,0.00204,-0.00042],"keywords":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular. Description Drag nodes or groups into containers, build nested hierarchies, and manage dynamic parent-child structures in Angular with Foblex Flow. Use this pattern when your editor needs more than a flat canvas and grouping should feel like a first-class interaction.","excerpt":"Description Drag nodes or groups into containers, build nested hierarchies, and manage dynamic parent-child structures in Angular with Foblex Flow. Use this pattern when your editor needs more than a flat canvas and grouping should feel like a first-class interaction."},{"chunkId":"/examples/drag-to-group#2","slug":"drag-to-group","route":"/examples/drag-to-group","section":"examples","title":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow","description":"Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular.","group":"Nodes","vector":[-0.06,0.01231,-0.03714,0.09414,0.05298,0.08064,-0.02964,0.0333,0.04161,0.04093,-0.02955,-0.01705,-0.03963,0.06528,0.00903,-0.00546,-0.1059,0.0642,-0.05893,-0.03787,0.01219,-0.0915,0.01977,-0.0035,0.02661,0.0348,-0.01271,-0.02747,0.06627,-0.05784,0.00614,0.00929,0.01302,0.02872,-0.0515,0.113,0.03636,0.01668,-0.02522,-0.01582,0.08334,0.08394,0.03125,-0.10379,-0.02732,0.01902,-0.0707,0.06923,-0.10706,0.08466,-0.02704,-0.07252,-0.00978,0.09734,0.02749,-0.00372,-0.01774,-0.14406,0.02958,-0.03393,-0.00435,-0.0275,-0.00459,-0.00659,0.01948,0.04166,-0.06862,0.10482,-0.02462,0.05934,0.06048,-0.05431,-0.02005,0.05022,0.0644,-0.01784,-0.05973,0.09826,-0.0247,-0.00864,0.05214,0.05612,-0.05002,0.02252,-0.05224,0.11544,-0.01736,-0.0433,-0.06521,-0.09364,-0.01499,0.07772,-0.00847,0.03792,0.03076,-0.02328,0.02483,-0.02249,-0.08706,0.03105,0.03236,-0.0567,0.01496,0.04099,-0.05387,-0.04942,-0.03628,-0.02967,-0.06543,0.03151,-0.03897,0.01735,0.00366,-0.02268,-0.10609,-0.0787,-0.05626,-0.06114,0.0567,0.06944,0.05278,0.01625,-0.00946,-0.00246,0.12928,0.01348,-0.07168,0,0.0086,-0.00055,-0.0369,0.04312,0.05921,-0.06097,-0.03247,-0.08762,0.00849,0.05392,-0.05551,0.01319,-0.03282,-0.02584,0.00801,-0.1508,0.00162,0.04535,-0.01233,-0.03281,-0.04185,0.00439,-0.05926,0.01226,0.08805,0.01439,-0.05798,-0.01115,-0.03886,0.02155,0.06632,0.02286,-0.02909,-0.03526,-0.04438,0.00827,-0.01983,-0.03346,0.01704,-0.04042,0.07025,-0.07453,-0.04455,0.05658,-0.0343,-0.01212,-0.001,-0.04159,0.00507,-0.02375,0.01442,0.04287,0.04091,-0.04209,0.08045,-0.03411,-0.0181,0.0666,0.04159,0.06567,0.01612,0.05412,-0.01775,-0.02218,0.06339,-0.04826,-0.02057,0.02561,0.11082,-0.03757,-0.01411,0.05934,0.01072,0.04121,-0.0059,0.00984,0.01756,-0.00235,0.00077,-0.00743,-0.04269,-0.07728,0.028,-0.00025,0.08364,-0.10854,0.02366,-0.01435,-0.10076,-0.06467,0.02942,-0.00757,0.07193,-0.02413,0.06232,0,0.04066,0.08143,0.03438,0.08769,0.02833,-0.05538,-0.004,0.0333,0.01481,0.05945,-0.05129,0.07003,-0.00048,-0.0338,0.03535,0.00091,-0.02749,-0.13138,0.10162,-0.03944,0.10506,0.02528,-0.00908,0.04529,-0.04434,0.01555,0.03367,0.02971,0.01818,0.01772,-0.00975,-0.07906,-0.04345,0.04522,-0.04613,-0.08479,0.02132,0.13469,0.04513,-0.02574,0.02334,0.01721,-0.04005,-0.0275,0.00583,-0.00882,0.03135,0.00724,-0.03477,-0.01675,-0.0597,0.01996,-0.04064,0.01589,0.01472,-0.00233,0.10038,-0.03982,-0.04303,0.00529,-0.03096,-0.02525,-0.00719,-0.05509,0.05259,-0.00912,-0.09794,-0.11859,-0.00219,0.07649,-0.02898,0.04149,0.01785,0.01079,0.04598,0.00566,0.06507,0.04148,0.08141,-0.05781,-0.05279,0.04146,-0.02504,0.08384,-0.01917,0.06485,-0.05045,0.02868,0.07492,0.0717,-0.05173,-0.09217,0.1043,-0.00009,-0.00509,0,-0.11264,0.01845,-0.01634,-0.00187,0.03507,-0.02547,-0.01627,0.01184,0.04146,-0.02633,-0.04462,0.08797,0.02245,0.01707,0.06868,-0.01106,-0.01878,0.02088,-0.02862,-0.00157,0.06409,0.01248,0.04898,0.12063,-0.02453,-0.10765,-0.0922,-0.02977,0.01768,-0.03529,-0.0332,0.02479,0.02513,0.07971,-0.01479,-0.05878,-0.13154,0.01422,-0.00163,0.00325,0.09123,-0.01199,0.01995,-0.02754,-0.0508,0.06036,-0.03799,-0.03044,-0.00032,0.01088,-0.00642,0.00888,-0.0771,0.04985,0.02663,-0.00189,-0.01782,0.04335,0.08056,-0.03787,-0.01036,0.01518,-0.02478,-0.0179],"keywords":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular. Example ::: ng-component <drag-to-group</drag-to-group [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.scss :::","excerpt":"Example ::: ng-component <drag-to-group</drag-to-group [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.scss :::"},{"chunkId":"/examples/drag-to-group#3","slug":"drag-to-group","route":"/examples/drag-to-group","section":"examples","title":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow","description":"Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular.","group":"Nodes","vector":[-0.03427,-0.03271,-0.02276,0.08412,0.02565,0.03038,-0.01429,0.02731,0.05251,0.01154,-0.01868,-0.01316,-0.09076,0.03172,0.06331,-0.01295,-0.06039,0.03758,-0.05526,-0.00843,-0.00767,-0.1319,0.05744,-0.03654,-0.01477,0.07615,-0.00186,-0.07106,0.04793,-0.08903,-0.01605,0.06873,-0.00979,0.02379,-0.12922,0.13427,0.01154,0.01419,-0.02342,-0.03492,0.04951,0.06979,0.0384,-0.06882,-0.03127,0.02494,-0.05214,0.06429,-0.09081,0.13396,0.00669,-0.05817,0.05429,0.10469,0.00678,0.04957,0.00718,-0.09238,0.00116,-0.02312,0.0567,-0.01118,-0.02023,-0.0168,0.0153,0.04203,0.00379,0.01574,-0.01326,0.01059,0.05879,-0.05541,0.05547,0.0254,0.05356,-0.02761,-0.0445,0.06841,-0.02957,0.01112,0.08586,0.05875,-0.02692,0.01969,-0.07644,0.09108,-0.04244,-0.04494,-0.06751,-0.04017,-0.03927,0.04422,0.04017,-0.03316,0.00912,-0.04806,-0.01553,-0.02834,-0.07034,0.02545,0.06882,-0.0339,-0.00915,0.04817,-0.07588,-0.07666,-0.05305,-0.05157,-0.0789,0.03741,-0.02127,0.02959,0.00477,0.00538,-0.14427,-0.07662,-0.04141,-0.04993,0.0203,0.05463,0.04207,0.05305,0.0312,0.00178,0.05893,0.01647,-0.12981,0,0.0149,-0.002,-0.05664,0.00191,0.08465,-0.0449,-0.02453,-0.06459,-0.01419,0.01747,-0.01894,-0.02492,-0.01605,-0.0458,0.01249,-0.14555,-0.02509,0.05243,0.01003,-0.08434,-0.03297,0.04305,-0.08633,0.00121,0.06192,0.07308,-0.05981,0.02506,-0.02081,0.01431,0.03138,0.0205,-0.02928,-0.02592,-0.0467,0.01605,-0.00778,-0.08234,0.0157,-0.05556,0.01873,-0.07066,-0.04738,-0.00524,-0.00324,-0.02065,0.00777,0.00037,0.01739,-0.00066,0.05086,0.00954,-0.01982,-0.0573,0.03467,-0.02956,-0.05603,0.10793,0.05909,0.07244,0.03008,0.0383,-0.00889,-0.03601,0.00951,0.03203,-0.0205,0.02836,0.10192,-0.03073,-0.03633,0.07585,-0.02725,0.0605,0.03492,0.01573,-0.01996,-0.05284,-0.01572,-0.02039,-0.02841,-0.06326,0.04664,0.00442,0.05424,-0.10799,0.03865,-0.0059,-0.11324,-0.00144,0.01399,-0.02119,0.08316,-0.00617,0.10523,0,-0.02871,0.07065,-0.00158,0.06033,0.01876,-0.07053,-0.01696,0.02013,-0.00904,0.02439,-0.07446,0.06856,0.01519,-0.02568,-0.04776,0.03557,-0.00096,-0.1083,0.07132,-0.02411,0.09816,0.01659,0.00922,0.0759,-0.07821,0.01318,0.05367,0.00317,0.07984,0.01305,-0.01879,-0.0618,0.01442,0.02791,-0.01971,-0.0968,-0.0237,0.07076,0.00781,-0.04301,-0.02561,-0.00793,-0.02792,0.03965,-0.02377,0.01137,-0.02805,0.03498,-0.05127,0.0003,-0.07746,0.00982,-0.015,-0.04179,0.0089,0.05397,0.13855,-0.04886,0.00475,0.02096,-0.00492,-0.04964,0.02215,-0.02959,0.07282,0.03343,-0.06228,-0.03328,-0.00065,0.10557,0.02663,0.0402,0.00825,-0.04306,0.08485,-0.01156,0.09038,-0.02099,0.06101,-0.05003,-0.05773,0.00675,-0.02527,0.03253,-0.02125,0.03819,-0.05136,0.04883,0.04312,0.10895,-0.04687,-0.03777,0.12668,-0.03851,-0.00783,0,-0.06918,0.02444,-0.00094,0.02724,0.05043,-0.00081,-0.02622,0.03818,0.00997,-0.03468,-0.09096,0.10691,-0.01466,0.00396,0.09691,-0.00779,0.0123,0.02248,-0.02762,0.00447,0.03499,-0.02687,0.05736,0.10382,-0.01353,-0.077,-0.03196,-0.00445,0.02071,-0.01545,-0.05238,0.01636,0.04125,0.11116,-0.08082,-0.02591,-0.10749,0.02283,0.0041,0.02981,0.09027,-0.00376,-0.03066,-0.00864,-0.11352,0.0392,-0.03002,-0.03079,0.03428,0.03198,-0.03495,-0.02599,-0.05051,0.05976,0.02687,0.05987,-0.03221,0.02677,0.10536,0.00584,-0.02875,0.0368,-0.01172,-0.01984],"keywords":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular. What this example shows - Turn the whole gesture on or off with the [fDropToGroup] input (on by default) — the \"Drop to Group\" toggle flips it live. - Move nodes or groups into another group and update parent-child relations through drag-and-drop. - Nest groups inside groups and nodes inside other containers when the editor needs hierarchy. - Create new nodes directly inside a target container via fExternalItem. - Control container geometry with fIncludePadding, fAutoSizeToFitChildren, and fAutoExpandOnChildHit. - React to reorganization events through fDropToGroup and fCreateNode. f Drop To Group f External Item f Include Padding f Auto Size To Fit Children f Auto Expand On Child Hit f Create Node","excerpt":"What this example shows - Turn the whole gesture on or off with the [fDropToGroup] input (on by default) — the \"Drop to Group\" toggle flips it live. - Move nodes or groups into another group and update parent-child relations through drag-and-drop. - Nest groups inside groups and nodes inside other containers when the editor needs hierarchy. - Create new nodes directly inside a target container via fExternalItem. - Control container geometry with fIncludePadding, fAutoSizeToFitChildren, and fAutoExpandOnChildHit. - React to reorganization events through fDropToGroup and fCreateNode."},{"chunkId":"/examples/drag-to-group#4","slug":"drag-to-group","route":"/examples/drag-to-group","section":"examples","title":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow","description":"Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular.","group":"Nodes","vector":[-0.03918,-0.00857,-0.02467,0.0739,0.03842,0.03436,-0.06046,0.05657,0.01918,0.05791,-0.0691,-0.02978,-0.05976,0.05077,0.05393,-0.00133,-0.06638,0.06577,-0.0809,-0.09838,-0.02031,-0.11433,0.00566,-0.00703,0.01717,0.05862,-0.01456,-0.03636,0.07666,-0.08938,0.02852,0.07016,0.02567,0.02914,-0.11527,0.10216,0.02942,0.00352,-0.03299,-0.03179,0.06723,0.09914,0.00032,-0.07634,-0.04949,-0.02532,-0.03094,0.0519,-0.10907,0.08699,0.01372,-0.07408,-0.0151,0.10727,0.01658,0.00525,-0.00222,-0.12983,-0.00393,-0.01237,0.01357,-0.03582,0.01832,-0.0051,0.0078,0.06585,-0.04002,0.07145,0.02947,0.02532,0.0806,-0.04067,-0.00596,0.01755,0.03132,-0.05807,-0.02956,0.06536,-0.0467,-0.01143,0.07978,0.11061,-0.02468,0.03664,-0.06907,0.08653,0.00999,-0.06439,-0.09959,-0.04799,-0.01349,0.07369,0.03961,-0.02093,0.03191,-0.03325,-0.02099,-0.08901,-0.03561,0.02151,0.04311,-0.04642,0.02574,0.01407,-0.04768,-0.05575,-0.02375,-0.00951,-0.03205,0.03897,-0.01328,0.02654,0.01776,0.01203,-0.11185,-0.04998,0.00505,-0.06069,-0.00741,0.12221,0.01249,0.03297,0.03444,-0.01419,0.11558,0.03411,-0.11373,0,-0.00396,-0.0027,-0.03554,0.06329,0.08387,-0.0268,-0.00418,-0.07689,-0.03476,0.01763,-0.0033,0.06837,-0.06859,0.01198,0.02282,-0.13638,-0.01997,0.07322,0.00258,-0.04459,-0.03454,-0.03981,-0.08949,-0.01068,0.06069,0.03723,-0.02758,0.02322,-0.0148,0.00444,0.03065,-0.00753,-0.01548,0.00779,-0.06316,0.00022,-0.02237,-0.0458,0.03011,-0.05125,0.00743,-0.04807,-0.06893,0.04784,-0.02507,0.0044,-0.01692,-0.01423,0.00978,0.00479,0.06318,0.05753,0.00996,-0.03108,0.06439,-0.05293,-0.05735,0.0635,0.07918,0.03248,0.03147,0.00727,-0.0918,0.01118,0.04258,-0.00798,-0.0049,0.01963,0.09317,-0.03551,-0.02338,0.06516,-0.01648,0.02466,0.01443,-0.01656,0.02833,0.04032,-0.00989,-0.00663,-0.047,-0.06544,0.04167,0.01997,0.07988,-0.08253,0.03896,-0.00786,-0.09414,0.00633,0.03895,0.00975,0.122,-0.01853,0.06418,0,0.00497,0.05171,0.00893,0.06138,0.06846,-0.05973,-0.04657,0.04301,0.02951,0.00607,-0.05879,0.08953,0.00953,-0.03814,-0.03469,-0.01567,-0.00637,-0.14038,0.10234,-0.05049,0.04941,-0.00729,-0.01115,0.03916,-0.06003,0.02333,-0.02418,0.00678,0.03863,0.01365,-0.02466,-0.05136,-0.03031,-0.00424,-0.02479,-0.09348,-0.00002,0.08058,-0.00701,-0.00801,-0.06046,-0.00656,-0.064,-0.03565,-0.01714,0.00171,-0.03129,-0.00231,-0.06747,0.02322,-0.08454,0.03756,-0.03223,-0.01726,0.00949,0.02999,0.10125,-0.01847,-0.00799,0.01886,-0.0328,-0.05476,0.02636,-0.04722,0.00935,-0.01231,-0.05904,-0.05721,0.00094,0.11404,0.0199,-0.00199,-0.02214,-0.00642,0.07718,-0.02537,0.08942,-0.02793,0.0768,-0.06232,-0.06945,0.07153,-0.03059,0.01891,-0.00606,0.03408,-0.02241,0.02284,0.07747,0.11653,-0.04962,-0.04869,0.07853,-0.03588,-0.0271,0,-0.09531,0.03482,-0.01156,0.03041,0.0338,-0.04674,-0.00545,0.0757,0.05704,0.00355,-0.04109,0.09391,-0.00521,-0.00796,0.09516,0.00511,0.01306,0.02021,-0.02934,-0.005,0.01447,0.06315,0.02847,0.11011,-0.01627,-0.05597,0.00905,-0.02711,-0.00789,-0.00577,-0.03732,0.07705,0.01959,0.14418,-0.04829,-0.0567,-0.08862,0.06225,-0.05061,-0.03843,0.08462,-0.02649,-0.01707,-0.05215,-0.07735,0.02718,0.00022,-0.02294,0.0291,0.02689,0.00541,0.02412,-0.07267,0.04775,0.02311,0.01441,-0.04557,0.04616,0.1014,-0.0415,-0.05295,0.0076,0.01521,-0.02686],"keywords":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular. Practical tips - Use fDropToGroup when your app needs to validate or persist hierarchy changes. - With Managed Flow State, enable withFlowState({ dropToGroup: true }) to apply the emitted hierarchy change to the plugin store automatically; it remains off by default. - Combine external palettes with fCreateNode if users should spawn nodes directly inside any container. - Enable auto-expand when manual group resizing would slow down editing. - Nesting can go deep, but groups inside nodes are still not supported. f Drop To Group with Flow State drop To Group f Create Node","excerpt":"Practical tips - Use fDropToGroup when your app needs to validate or persist hierarchy changes. - With Managed Flow State, enable withFlowState({ dropToGroup: true }) to apply the emitted hierarchy change to the plugin store automatically; it remains off by default. - Combine external palettes with fCreateNode if users should spawn nodes directly inside any container. - Enable auto-expand when manual group resizing would slow down editing. - Nesting can go deep, but groups inside nodes are still not supported."},{"chunkId":"/examples/node-as-connector#0","slug":"node-as-connector","route":"/examples/node-as-connector","section":"examples","title":"Angular Diagram Example – Use a Node as a Connector","description":"Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases.","group":"Connectors","vector":[-0.05528,-0.00027,-0.07585,0.074,-0.02811,0.0194,-0.04087,0.02904,0.00778,0.10332,0.01569,0.05854,-0.02379,0.08675,0.05566,0.02431,-0.02889,-0.00838,0.03059,-0.02544,-0.06128,-0.06151,0.00239,-0.05838,0.07204,-0.00583,0.01445,-0.00407,0.07952,-0.00859,-0.0199,0.00532,-0.06159,0.02094,-0.13913,0.05613,0.05007,0.01072,-0.06572,-0.04784,0.1304,0.0299,0.03403,-0.04955,0.01257,-0.05136,-0.17022,0.03157,-0.04539,0.06323,-0.0737,-0.11947,-0.06973,0.01416,0.0385,0.01847,-0.01846,-0.03793,0.04635,0.0326,0.07554,0.00686,0.04146,0.01748,0.05328,0.0093,-0.0556,0.09476,-0.01203,-0.00999,0.02722,-0.05381,-0.03461,-0.03118,-0.01811,-0.00719,-0.04316,0.0587,-0.01516,-0.00655,-0.00105,0.12633,-0.05105,0.08435,-0.03603,0.14917,-0.01555,-0.07265,-0.10245,-0.09807,-0.02387,0.0228,0.02174,-0.00884,-0.00845,0.00847,0.00507,-0.00095,-0.09752,-0.0099,0.03199,-0.0096,0.03597,-0.05506,-0.03768,-0.0201,-0.09377,-0.00968,-0.01993,0.01109,-0.01385,0.03831,-0.07528,-0.06948,-0.05806,-0.08166,-0.07765,-0.05213,0.08512,0.14267,-0.05442,0.09037,-0.01682,-0.03552,0.03462,-0.01433,-0.01656,0,0.02485,0.01512,-0.0088,0.01832,0.08418,-0.02661,-0.08848,-0.04167,0.02307,0.0132,-0.00865,0.02528,-0.03859,0.06259,0.07194,-0.06478,0.02588,-0.00473,0.00564,-0.03164,-0.05356,-0.06692,-0.04233,0.07036,0.12544,0.07879,0.0188,0.02417,0.01107,0.00977,0.0511,0.07026,0.02904,0.00407,-0.01732,-0.06138,-0.03154,-0.04255,-0.02456,-0.02117,-0.00087,-0.07069,-0.07624,0.07507,0.018,0.00795,0.03839,-0.0273,0.06898,-0.00232,-0.02791,0.04064,0.02107,0.01971,0.04169,-0.05313,0.00456,0.04521,0.01317,0.02631,0.01235,-0.02718,-0.03607,0.00114,-0.01216,0.0676,-0.04828,-0.07815,0.04853,-0.03659,-0.06103,0.05514,-0.03365,0.04532,-0.06522,-0.03741,-0.07905,0.02293,0.01561,-0.00302,-0.07581,-0.14793,-0.00622,0.03739,0.07559,-0.09091,0.03961,-0.02867,0.00825,-0.0425,0.04432,0.09211,-0.00252,-0.00053,0.08266,0,-0.02611,0.07046,0.02023,0.02431,0.05248,-0.0743,-0.00403,-0.05438,0.00373,0.08437,0.02536,0.06582,0.0712,-0.00908,-0.04107,0.04077,-0.03248,-0.06609,0.03353,-0.00612,0.06549,-0.00433,0.06032,-0.0524,0.0043,0.05643,0.01836,-0.10633,0.00574,0.02083,0.01705,-0.04099,-0.00209,-0.03623,-0.01235,-0.00696,0.06074,-0.00403,-0.01545,-0.12704,-0.00262,-0.00798,-0.01828,-0.00208,-0.03281,-0.05007,-0.05534,0.04173,-0.08724,-0.00969,-0.06858,0.01358,0.06086,-0.02053,-0.05144,-0.05846,0.0822,0.01239,0.0448,-0.03227,0.0252,-0.05198,-0.00917,-0.00228,0.02061,-0.01255,-0.02211,-0.125,0.0049,0.06071,0.02836,0.08652,0.00673,-0.01469,0.06052,0.02336,0.06345,-0.02905,0.06383,-0.0367,-0.02024,0.0825,0.00859,0.01354,0.05693,0.02938,-0.0361,0.04895,0.00988,0.07201,-0.06942,0.00483,-0.03801,0.0522,-0.0093,0,-0.10801,0.06489,0.00719,-0.01443,0.0409,-0.03174,0.00638,0.01519,0.02773,0.08034,0.02974,0.04338,-0.074,0.00394,0.1194,-0.00765,0.01607,0.0229,0.00836,0.0063,0.03145,0.01558,0.04705,0.125,-0.01132,-0.02397,-0.0391,0.01499,-0.06284,0.03288,-0.0376,0.00083,0.09812,0.05239,-0.04387,-0.01495,-0.07525,0.02277,-0.03891,-0.02283,0.07326,-0.02975,-0.00122,-0.0162,0.00613,0.07799,0.04902,-0.01551,-0.01735,0.05615,-0.06962,-0.07246,-0.03418,-0.07259,-0.02891,-0.00665,0.05071,0.02997,0.00237,-0.02664,-0.02671,0.0758,0.02177,-0.01485],"keywords":"Angular Diagram Example – Use a Node as a Connector Angular Diagram Example – Use a Node as a Connector Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases. Node as Connector","excerpt":"Node as Connector"},{"chunkId":"/examples/node-as-connector#1","slug":"node-as-connector","route":"/examples/node-as-connector","section":"examples","title":"Angular Diagram Example – Use a Node as a Connector","description":"Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases.","group":"Connectors","vector":[-0.04036,0.01874,-0.03984,0.07094,-0.03946,0.00009,-0.06923,0.04391,0.02923,0.09168,-0.00292,0.08421,-0.04542,0.05794,0.06103,0.00491,0.01447,-0.07439,0.01985,-0.00762,-0.07899,-0.08421,-0.01493,-0.0811,0.02893,-0.01436,0.02322,-0.00132,0.10413,-0.00197,-0.00443,0.04281,-0.07582,0.0109,-0.1632,0.0629,0.03982,0.02455,-0.06221,-0.04516,0.1129,0.03107,0.04317,-0.04009,-0.01889,-0.05459,-0.1686,0.01207,-0.06042,0.01356,-0.0637,-0.08453,-0.05285,-0.03271,0.04675,-0.04115,-0.00281,-0.03192,-0.00222,0.03704,0.07154,-0.0064,0.04737,-0.01546,0.04491,-0.00783,-0.00351,0.0533,-0.00822,0.0448,0.03216,-0.04369,-0.05976,-0.01677,0.01014,-0.00221,-0.07779,0.05745,-0.03587,0.03774,0.0063,0.11697,-0.05684,0.05531,-0.04658,0.11641,-0.0267,-0.12041,-0.05352,-0.0986,-0.02697,0.0382,0.00309,-0.01271,0.00074,0.00485,-0.00201,0.01335,-0.11987,-0.00377,0.06009,0.00034,0.02751,-0.02944,-0.03539,-0.01801,-0.07585,-0.01807,-0.04381,-0.00598,-0.01525,0.08345,-0.05402,-0.01837,-0.10049,-0.05235,-0.02729,-0.05147,0.07833,0.15147,-0.05901,0.07743,-0.00195,-0.02669,0.04734,-0.0047,-0.00324,0,0.01052,0.01301,-0.04015,0.00276,0.07972,0.00706,-0.06275,-0.04727,0.05,0.03025,-0.00551,0.01774,-0.01519,0.05391,0.07962,-0.04509,0.01641,0.02312,-0.0193,-0.01784,-0.04432,-0.09672,-0.03817,0.05801,0.09883,0.06391,0.00183,0.03452,0.0066,0.00497,0.02901,0.06935,0.0213,0.0253,-0.00347,-0.02572,-0.03759,-0.05409,-0.02347,-0.03127,-0.01515,-0.03728,-0.07584,0.08786,0.01515,0.02034,0.02461,-0.03272,0.00286,-0.02959,-0.03371,0.04822,0.06029,0.04261,0.07159,-0.06155,0.00471,0.02367,-0.00459,0.02883,-0.02198,-0.02271,-0.04051,0.04541,0.00647,0.07976,-0.02582,-0.03852,0.03595,-0.04607,-0.04113,0.07346,-0.06028,0.00573,-0.0359,-0.03279,-0.05137,0.02246,0.04055,0.00215,-0.00567,-0.09518,0.01776,0.05539,0.04449,-0.12802,0.03651,-0.01605,-0.01502,-0.02886,0.04572,0.08434,0.01875,-0.01023,0.09569,0,-0.02421,0.05872,0.0415,-0.01706,-0.00846,-0.06844,0.02763,-0.06995,0.01456,0.05982,0.02612,0.05969,0.06601,-0.01884,-0.05785,0.01887,-0.06272,-0.07428,0.08013,0.00057,0.08618,0.01084,0.05071,-0.04777,0.00573,0.02404,-0.01509,-0.11284,-0.01471,0.01929,0.00852,-0.03216,0.02435,-0.04588,-0.02681,0.01042,0.01146,0.06353,0.02613,-0.08679,-0.03857,-0.01182,-0.02961,-0.02428,-0.04851,-0.01053,-0.08077,0.02656,-0.10234,-0.00469,-0.07065,0.04742,0.05637,-0.03803,-0.04553,-0.0459,0.08071,0.01735,0.04091,-0.01583,0.06127,-0.05436,-0.03261,-0.01806,-0.00082,0.02555,-0.0056,-0.10829,0.07538,0.05119,0.04641,0.04863,0.0083,0.01234,0.069,0.05574,0.0408,-0.06499,0.03486,0.01874,-0.05007,0.09984,0.01237,-0.01302,0.0196,0.06506,-0.05014,0.05823,0.00496,0.08782,-0.04718,-0.00359,-0.03746,0.03246,-0.02607,0,-0.09603,0.03659,0.01847,-0.00885,0.01056,-0.03692,0.00935,0.01244,0.03566,0.11977,0.00301,0.05261,-0.08204,0.0047,0.13808,0.03116,0.012,-0.03113,-0.02994,0.01842,0.0252,-0.02144,0.01874,0.12585,-0.00503,-0.05768,-0.01987,0.0536,-0.06316,0.01358,-0.04832,-0.01822,0.07865,0.12752,-0.06402,0.00468,-0.06027,0.00517,-0.02034,-0.02005,0.04988,-0.0369,-0.02154,0.00126,0.00841,0.08571,0.04953,0.01023,-0.02296,0.07993,-0.07115,-0.05318,-0.03122,-0.0735,0.00617,-0.00115,0.03629,0.03517,0.01347,-0.0237,-0.05106,0.10294,0.01695,-0.02683],"keywords":"Angular Diagram Example – Use a Node as a Connector Angular Diagram Example – Use a Node as a Connector Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases. Description This example shows how to make a node behave as a connector instead of treating connectors as separate small handles only. That pattern is useful when the whole node, or a large region of it, should act like an interactive connection target. It works well in compact editors, visual programming interfaces, and slot-based builders where dedicated tiny ports would make the UI harder to use. By letting the node itself participate in connection logic, you can keep the layout simpler without losing graph capabilities. This is less about appearance and more about interaction design. Sometimes the best port is not a tiny port at all.","excerpt":"Description This example shows how to make a node behave as a connector instead of treating connectors as separate small handles only. That pattern is useful when the whole node, or a large region of it, should act like an interactive connection target. It works well in compact editors, visual programming interfaces, and slot-based builders where dedicated tiny ports would make the UI harder to use. By letting the node itself participate in connection logic, you can keep the layout simpler without losing graph capabilities. This is less about appearance and more about interaction design. Sometimes the best port is not a tiny port at all."},{"chunkId":"/examples/node-as-connector#2","slug":"node-as-connector","route":"/examples/node-as-connector","section":"examples","title":"Angular Diagram Example – Use a Node as a Connector","description":"Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases.","group":"Connectors","vector":[-0.08247,0.00199,-0.06539,0.0632,-0.02663,0.04118,-0.06733,0.03453,-0.02065,0.08315,-0.01174,0.03919,-0.04387,0.08703,0.05806,0.01601,-0.0318,0.01513,0.01014,0.00037,-0.00671,-0.06928,0.03673,-0.04493,0.04115,-0.02649,0.01157,-0.02276,0.08183,0.00796,0.01854,0.03872,-0.06021,0.03498,-0.10356,0.04536,0.02556,0.02188,-0.0427,-0.04704,0.16089,0.04084,0.031,-0.08751,0.01685,-0.04198,-0.15239,0.03524,-0.05743,0.04192,-0.05769,-0.08982,-0.06684,0.03919,0.04836,0.0105,-0.03295,-0.07163,0.06757,0.02906,0.06414,-0.02757,0.02605,-0.03234,0.03165,0.03039,-0.07078,0.08479,-0.01201,0.04847,0.02418,-0.0373,-0.04212,-0.02378,0.0096,0.03048,-0.05447,0.10061,-0.04338,-0.02649,0.01218,0.10236,-0.02329,0.06827,-0.02833,0.15909,-0.02361,-0.05747,-0.08419,-0.06796,-0.0376,0.02242,-0.00063,-0.02078,0.01543,0.01957,-0.03127,0.01731,-0.07295,0.01013,0.01572,-0.03339,0.0406,-0.00615,-0.00983,-0.00246,-0.0983,0.0003,-0.0345,-0.01905,-0.01535,0.05608,-0.03149,-0.06679,-0.08126,-0.0945,-0.04396,-0.06609,0.1035,0.14852,-0.02465,0.07555,-0.03825,-0.0349,0.06082,0.01286,-0.00918,0,0.01447,0.0417,-0.00237,0.0291,0.0645,-0.02968,-0.07592,-0.05818,0.01523,0.05301,-0.03675,0.00799,-0.04272,0.0039,0.0258,-0.08109,0.01349,0.01015,-0.02555,-0.02246,-0.04159,-0.05155,-0.05375,0.06428,0.14847,0.01989,-0.03331,0.02073,0.00115,0.00353,0.06238,0.06442,0.06309,0.00525,-0.01464,-0.04892,-0.03164,-0.04209,-0.06672,-0.01714,0.03774,-0.03326,-0.06441,0.07581,-0.01236,-0.02018,0.01291,-0.05185,0.08862,-0.02222,-0.03329,0.05342,0.04536,-0.00058,0.06028,-0.05695,0.00517,0.04791,0.00261,0.04151,-0.01428,-0.00697,-0.01862,0.00606,0.00248,0.05908,-0.0379,-0.05748,0.0295,-0.05967,-0.04509,0.09151,-0.05287,0.0203,-0.04707,-0.03189,-0.05728,0.03097,0.02564,-0.02086,-0.0617,-0.12221,-0.00755,0.07224,0.07226,-0.11639,0.03346,-0.03004,-0.00853,-0.0914,0.06051,0.03564,-0.03227,-0.04992,0.06529,0,0.01853,0.06852,0.04322,0.05752,0.00361,-0.07229,0.03533,-0.02889,0.02835,0.08839,0.00902,0.06708,0.0815,-0.05129,-0.03443,0.03616,-0.06152,-0.06893,0.08772,-0.00854,0.06247,0.01062,0.04479,-0.0427,0.01761,0.04419,0.04008,-0.0382,-0.00834,-0.01466,-0.00051,-0.04679,-0.02522,-0.02856,-0.03208,-0.04606,0.02881,0.10115,0.04773,-0.09817,0.02738,0.02818,-0.03429,-0.00433,-0.0347,-0.06394,-0.03736,0.03478,-0.08594,-0.02818,-0.08189,0.01488,0.03005,0.01581,-0.06947,-0.05478,0.1027,-0.01578,0.01618,-0.01174,0.04339,-0.07936,0.0154,0.00054,0.05383,-0.00489,-0.04678,-0.10716,0.01281,0.05027,0.03938,0.07514,0.01617,0.01706,0.07516,0.00311,0.0367,-0.00434,0.07957,-0.01125,-0.04881,0.07664,-0.0016,0.04933,0.05035,0.03226,-0.05649,0.07589,0.04721,0.05794,-0.0784,-0.02308,-0.02978,0.0125,-0.01098,0,-0.12313,0.02086,-0.04585,-0.01445,0.03595,-0.02854,-0.00897,-0.00184,0.02492,0.05468,0.00702,0.06019,-0.04194,-0.02785,0.09736,-0.02635,0.01521,0.02943,-0.04423,0.02963,0.01745,0.00824,0.03129,0.12734,-0.00575,-0.06832,-0.06317,0.00618,-0.02435,0.0192,-0.04948,-0.0207,0.09205,0.05441,-0.04678,-0.00918,-0.09568,0.00518,-0.01521,0.02244,0.0708,-0.05453,-0.00162,-0.01391,0.02646,0.07673,0.03786,0.01977,-0.01598,0.04354,-0.04514,-0.03724,-0.07024,-0.05324,-0.02528,-0.03514,0.0298,0.04251,0.03893,-0.05042,-0.0214,0.07345,0.02423,-0.029],"keywords":"Angular Diagram Example – Use a Node as a Connector Angular Diagram Example – Use a Node as a Connector Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases. Example ::: ng-component <node-as-connector</node-as-connector [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.scss :::","excerpt":"Example ::: ng-component <node-as-connector</node-as-connector [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.scss :::"},{"chunkId":"/examples/node-as-connector#3","slug":"node-as-connector","route":"/examples/node-as-connector","section":"examples","title":"Angular Diagram Example – Use a Node as a Connector","description":"Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases.","group":"Connectors","vector":[-0.05384,-0.03065,-0.05207,0.05535,-0.01401,-0.00189,-0.06845,0.05415,0.00363,0.10792,0.02394,0.06382,-0.01705,0.09068,0.07563,0.0046,-0.00824,-0.01351,0.00464,0.00477,-0.05824,-0.05701,-0.0121,-0.07984,0.04676,-0.01825,0.01511,-0.00848,0.09174,-0.02272,-0.01829,0.02194,-0.07717,0.01141,-0.12608,0.07464,0.02785,0.0002,-0.07036,-0.04844,0.10375,0.00444,0.03569,-0.02756,0.0268,-0.07579,-0.15616,0.0113,-0.05317,0.03628,-0.09254,-0.11354,-0.07704,-0.00842,0.02815,-0.00199,-0.01554,-0.02945,0.02546,0.03941,0.08463,-0.00788,0.02596,0.01747,0.04498,-0.00336,-0.03614,0.07529,-0.02146,0.00275,0.0121,-0.06376,-0.05821,0.00107,-0.00264,-0.02459,-0.02707,0.04511,-0.02485,0.02637,-0.00734,0.10792,-0.05985,0.07895,-0.04138,0.16101,0.00581,-0.06757,-0.076,-0.09426,-0.00929,0.03389,0.01324,-0.02357,0.00269,-0.00333,0.00688,0.00863,-0.10745,0.01141,0.03677,0.00243,0.04267,-0.03936,-0.03799,-0.04153,-0.08925,-0.01881,-0.02344,0.01166,-0.02086,0.04538,-0.10085,-0.05408,-0.05582,-0.10036,-0.04003,-0.06575,0.09444,0.12852,-0.08232,0.08714,-0.0242,-0.04171,0.01727,0.0153,-0.02682,0,0.01245,0.02643,-0.01198,0.03112,0.07686,-0.00215,-0.07923,-0.03002,0.03353,0.00461,-0.00525,0.04218,-0.03592,0.10324,0.08682,-0.03876,0.01798,-0.00229,0.00227,-0.0066,-0.04664,-0.11565,-0.03305,0.08311,0.11441,0.0875,0.02551,0.05811,-0.00198,-0.00031,0.03288,0.05842,0.01474,-0.00222,-0.0214,-0.03739,-0.05757,-0.06933,-0.01896,-0.05169,-0.02651,-0.03563,-0.07793,0.05846,0.01558,0.01525,0.01716,-0.04364,0.02416,-0.01994,-0.01598,0.03517,0.01924,0.04279,0.04523,-0.05764,-0.00401,0.02108,0.00687,0.03978,-0.01481,-0.03462,-0.03136,0.04961,0.00871,0.08424,-0.04177,-0.05458,0.05045,-0.05307,-0.06895,0.04585,-0.02097,0.02782,-0.0583,-0.04588,-0.06526,0.01086,0.05308,0.00686,-0.05734,-0.12553,0.00497,0.05109,0.03449,-0.10355,0.01319,-0.02625,0.01669,-0.03259,0.02625,0.07281,-0.01267,-0.00873,0.05212,0,-0.04705,0.05927,-0.00523,0.02652,0.02539,-0.07716,0.00677,-0.0829,0.01064,0.05323,0.01463,0.06674,0.07248,-0.02806,-0.0499,0.02883,-0.03884,-0.10296,0.05446,0.00477,0.06927,-0.01195,0.0746,-0.04257,0.02652,0.01754,0.00072,-0.10126,-0.00456,0.01129,0.03902,-0.03956,0.01425,-0.02526,-0.00988,-0.00562,0.0404,0.03147,0.02353,-0.09764,0.0118,-0.00723,-0.03086,-0.00613,-0.03536,-0.01498,-0.07918,0.02905,-0.09852,-0.00831,-0.07482,0.0378,0.07013,-0.05373,-0.05111,-0.05119,0.08465,0.0018,0.03395,-0.02589,0.01814,-0.07484,-0.0048,-0.0108,-0.01445,0.00413,-0.00862,-0.09337,0.00787,0.08035,0.04038,0.06806,0.03089,-0.00544,0.0392,0.01456,0.03338,-0.05361,0.05214,-0.03436,-0.02574,0.10423,0.01738,0.00316,0.0622,0.04155,-0.0302,0.05862,0.0115,0.06961,-0.0707,0.02143,-0.02871,0.07777,-0.0391,0,-0.08129,0.06262,0.02303,-0.01686,0.00233,-0.00216,0.01238,0.0279,0.06132,0.1195,0.01873,0.02304,-0.08651,0.03906,0.14444,0.02086,0.03482,0.01253,-0.01214,-0.00742,0.02379,0.01724,0.02648,0.12056,0.03062,-0.03888,-0.0213,0.06679,-0.08747,0.01807,-0.03026,0.00906,0.07954,0.10064,-0.05131,-0.00323,-0.04191,0.01478,-0.01629,-0.00335,0.04716,-0.01866,-0.02599,-0.01365,0.00384,0.07707,0.04015,-0.02152,-0.02044,0.09288,-0.08644,-0.05286,-0.03611,-0.08288,-0.01164,0.00538,0.0336,0.02105,0.01066,-0.02377,-0.02452,0.0683,0.02367,0.00313],"keywords":"Angular Diagram Example – Use a Node as a Connector Angular Diagram Example – Use a Node as a Connector Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases. When to use it - Build compact node editors with fewer small hit targets. - Support connection models where the whole node is conceptually a port. - Simplify UX for touch, tablet, or dense graph interfaces. Use this approach when explicit micro-connectors make the product harder to understand or harder to operate.","excerpt":"When to use it - Build compact node editors with fewer small hit targets. - Support connection models where the whole node is conceptually a port. - Simplify UX for touch, tablet, or dense graph interfaces. Use this approach when explicit micro-connectors make the product harder to understand or harder to operate."},{"chunkId":"/examples/node-as-connector#4","slug":"node-as-connector","route":"/examples/node-as-connector","section":"examples","title":"Angular Diagram Example – Use a Node as a Connector","description":"Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases.","group":"Connectors","vector":[-0.02006,-0.00115,-0.0787,0.05422,-0.00414,0.03608,-0.06164,0.02857,-0.00768,0.10147,0.01743,0.05848,-0.00787,0.06632,0.05985,0.02741,-0.01908,-0.00185,0.02741,-0.05641,-0.0537,-0.0235,-0.02958,-0.05223,0.046,-0.01294,0.00374,-0.00215,0.09447,-0.00482,-0.00539,-0.02864,-0.0468,0.01926,-0.13792,0.06081,0.06015,-0.01938,-0.07776,-0.03988,0.13127,0.00143,0.03054,-0.07102,-0.00976,-0.06195,-0.17031,0.03628,-0.06194,0.05275,-0.06582,-0.11977,-0.0687,0.03111,0.0192,-0.03512,-0.00347,-0.01976,0.04848,0.02424,0.00703,0.0178,0.0272,-0.01366,0.07272,-0.01761,-0.05278,0.09665,-0.02933,-0.00097,0.02913,-0.04833,-0.03126,-0.03161,-0.04422,0.00633,-0.04969,0.06876,-0.0139,-0.02344,0.04767,0.14629,-0.0477,0.05522,-0.0261,0.14316,-0.03829,-0.0496,-0.07324,-0.1049,-0.01886,0.04644,-0.00876,0.01152,-0.009,0.02149,0.03725,0.02275,-0.09054,-0.00831,0.0295,0.00621,0.02684,-0.07477,-0.02045,-0.02595,-0.10763,0.0115,-0.0026,-0.02342,0.01003,0.02422,-0.09646,-0.08817,-0.05844,-0.09857,-0.03641,-0.03824,0.06892,0.13949,-0.08722,0.08739,-0.02596,-0.035,0.04076,-0.02489,0.00078,0,-0.00286,0.01234,-0.02376,0.00402,0.06851,-0.00648,-0.09495,-0.03906,0.0308,-0.00228,0.01398,-0.00706,-0.01829,0.05023,0.05357,-0.05444,0.0484,-0.00043,0.00744,-0.01466,-0.04601,-0.06769,-0.03776,0.08313,0.12643,0.07952,0.0166,-0.00708,0.00452,0.00032,0.05906,0.07803,0.02431,-0.02006,-0.01168,-0.0512,-0.01661,-0.02824,-0.0271,-0.05543,0.00229,-0.07885,-0.03647,0.08194,0.01998,0.00576,-0.00155,-0.04264,0.0609,-0.01205,-0.0242,0.04032,0.02899,0.01454,0.0594,-0.03691,-0.01975,0.04165,0.01889,0.00466,0.00219,-0.03041,-0.04514,0.02346,-0.04445,0.0333,-0.03664,-0.07408,0.05859,-0.03147,-0.07454,0.04484,-0.03083,0.05876,-0.06159,-0.03514,-0.08635,0.00525,0.04653,-0.00178,-0.08588,-0.12641,0.01751,0.05221,0.11278,-0.07811,0.01443,0.0088,0.02588,-0.05197,0.05977,0.07323,-0.02623,-0.01801,0.0917,0,-0.00148,0.09892,0.01826,0.01082,0.04639,-0.06923,-0.00687,-0.05884,0.03008,0.09561,0.01966,0.06882,0.06991,0.00164,-0.04088,0.01748,-0.06507,-0.05838,0.04334,0.00477,0.0633,-0.05221,0.09495,-0.0424,-0.00555,0.03442,0.0025,-0.08789,0.01531,0.00788,0.01744,-0.01952,0.00341,-0.03183,-0.02927,-0.0423,0.05154,0.01439,0.00273,-0.09754,0.00775,0.01956,0.0025,-0.00821,-0.05933,-0.05059,-0.02229,0.01394,-0.08017,0.00543,-0.06923,0.00811,0.01847,-0.00415,-0.06517,-0.07195,0.08166,0.03199,0.03867,-0.03943,0.03342,-0.02686,-0.00081,-0.01331,0.01476,0.01981,-0.04282,-0.1148,0.02587,0.06212,0.01213,0.06512,-0.00182,0.00106,0.04809,0.03213,0.08915,-0.04943,0.04585,-0.0417,-0.00779,0.09277,-0.00295,0.014,0.07916,0.04144,-0.0476,0.05031,0.01339,0.07489,-0.06064,0.01325,-0.03328,0.05264,-0.00391,0,-0.12918,0.06256,0.01137,-0.00669,0.02347,-0.03311,0.03116,0.02477,0.03867,0.08826,0.03653,0.01687,-0.06225,-0.03838,0.10822,0.01467,0.0189,0.00945,0.00408,0.02607,0.02935,0.01997,0.02399,0.13776,-0.01569,-0.02569,-0.04428,0.01369,-0.06011,0.03427,-0.0387,0.01509,0.06098,0.05667,-0.0444,-0.02189,-0.05576,0.01623,-0.01493,-0.02209,0.07428,-0.02202,0.00292,-0.04249,0.00313,0.07162,0.04067,-0.02576,0.00238,0.08298,-0.06503,-0.06328,-0.02661,-0.08176,0.00043,-0.0078,0.03807,0.02424,-0.02493,-0.03288,-0.02153,0.07177,0.06877,-0.02451],"keywords":"Angular Diagram Example – Use a Node as a Connector Angular Diagram Example – Use a Node as a Connector Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases. Related docs - Node Directive - Node Input Directive - Node Output Directive - Connector Inside Node Example","excerpt":"Related docs - Node Directive - Node Input Directive - Node Output Directive - Connector Inside Node Example"},{"chunkId":"/examples/connector-inside-node#0","slug":"connector-inside-node","route":"/examples/connector-inside-node","section":"examples","title":"Angular Diagram Example – Place Connectors Inside Nodes","description":"Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs.","group":"Connectors","vector":[-0.05239,0.02871,-0.09849,0.05794,0.00424,0.00246,-0.0749,0.0302,0.05401,0.09961,0.00228,0.07633,-0.01345,0.02057,0.05952,0.02441,-0.03726,-0.02578,0.00095,-0.01321,-0.08723,-0.02349,-0.00243,-0.0605,0.00854,0.02384,0.00757,0.02114,0.04893,-0.02116,-0.01118,-0.02393,-0.08872,0.03135,-0.11459,0.11496,0.03053,0.04559,-0.06405,-0.06816,0.09866,0.01476,0.01746,-0.07671,0.00781,-0.0803,-0.13678,-0.04395,-0.05058,0.03979,-0.08569,-0.10702,-0.04321,0.07843,0.00195,0.00332,-0.00904,-0.05099,0.02909,0.02209,0.1107,0.00148,0.04575,0.01309,0.02509,0.01267,-0.0187,0.13391,-0.02878,-0.05667,0.05121,-0.06624,-0.07413,-0.01344,0.00237,-0.00966,-0.07994,0.03828,-0.03921,0.01754,0.03246,0.12083,-0.06625,0.0756,-0.05145,0.16844,0.02271,-0.08686,-0.06355,-0.08546,-0.00306,-0.02694,0.02108,-0.00838,-0.01721,-0.02356,0.00271,0.012,-0.08519,0.01021,0.05617,-0.03478,0.03039,-0.0103,-0.00459,-0.05591,-0.08564,-0.02211,-0.03232,0.00595,-0.01315,0.03953,-0.10148,-0.05139,-0.08529,-0.05521,-0.0047,-0.01706,0.05318,0.12286,-0.03329,0.07863,-0.01112,-0.0017,0.07266,-0.00742,-0.04167,0,0.02696,0.00503,-0.03281,0.04514,0.11412,-0.0137,-0.0492,-0.01608,0.03196,-0.00476,0.01481,0.02128,-0.02625,0.00147,0.06255,-0.09294,-0.00895,0.01104,-0.0426,-0.04311,-0.06254,-0.11007,-0.05415,0.06217,0.09979,0.08653,-0.02269,0.0222,-0.04196,-0.00158,0.0596,0.0604,0.05408,0.03984,0.01792,-0.01928,-0.01792,-0.05767,0.01704,-0.03998,-0.02583,-0.05851,-0.07044,0.06434,0.05079,0.01284,0.07032,0.00233,0.05702,-0.0268,-0.00472,0.03477,0.03771,0.00537,0.06319,-0.01165,-0.01974,0.0144,0.02425,0.03181,-0.01688,-0.0084,-0.03089,-0.01136,-0.01493,0.04982,-0.04425,-0.05283,0.09206,-0.02988,-0.07965,0.04004,-0.0297,0.07174,-0.06158,-0.02525,-0.074,-0.02454,0.03983,-0.01288,-0.04833,-0.11233,-0.02412,0.07608,0.07061,-0.09111,0.02104,-0.01024,-0.03309,-0.037,0.05036,0.09719,-0.02169,-0.02012,0.06361,0,-0.00139,0.03034,0.00978,-0.01037,0.01888,-0.04681,-0.04036,-0.04033,0.04572,0.06577,0.02596,0.07437,0.03302,-0.01343,-0.07755,0.00686,-0.01928,-0.06278,0.07367,0.00251,0.08687,-0.00191,0.0799,-0.01138,-0.02474,0.00248,0.02182,-0.08608,-0.00302,-0.00199,0.01044,-0.0369,0.01755,-0.00585,-0.02829,-0.03226,0.01707,0.00468,0.02479,-0.10636,0.01209,0.02573,-0.0205,-0.01686,-0.06176,-0.06808,-0.08712,0.02895,-0.11358,-0.01924,-0.1012,0.00813,0.02302,-0.03343,-0.06003,-0.01241,0.02416,0.0173,0.057,-0.03605,0.03707,-0.04309,-0.0075,-0.00276,-0.00805,0.04813,-0.01234,-0.03326,0.03276,0.02247,0.04784,0.0266,-0.00533,-0.00975,0.04834,-0.00023,0.06136,-0.08065,0.08537,-0.03381,-0.03578,0.07737,-0.04581,-0.02274,0.03243,0.00145,-0.02446,0.0563,-0.00072,0.04695,-0.07264,0.03806,0.01908,0.03672,-0.01934,0,-0.0867,0.05969,0.01014,0.00246,0.00691,-0.0479,-0.01074,0.00358,0.05759,0.07046,0.01869,0.05631,-0.06886,-0.03911,0.10637,0.04484,-0.02215,0.02303,-0.01026,0.00176,0.05767,0.04223,0.0567,0.10711,-0.00026,-0.01182,-0.02762,0.02756,-0.0461,0.07134,-0.02468,-0.0227,0.10005,0.07628,-0.05438,0.01605,-0.05438,0.00056,-0.00024,-0.02666,0.03533,-0.10574,0.00299,-0.02008,0.00166,0.0833,0.07365,0.03866,0.00854,0.04652,-0.04949,-0.06157,-0.04911,-0.06593,-0.03215,0.00728,0.06392,0.00764,-0.01348,-0.03409,-0.08863,0.11714,0.02806,0.00532],"keywords":"Angular Diagram Example – Place Connectors Inside Nodes Angular Diagram Example – Place Connectors Inside Nodes Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs. Connector Inside Node","excerpt":"Connector Inside Node"},{"chunkId":"/examples/connector-inside-node#1","slug":"connector-inside-node","route":"/examples/connector-inside-node","section":"examples","title":"Angular Diagram Example – Place Connectors Inside Nodes","description":"Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs.","group":"Connectors","vector":[-0.04264,-0.00131,-0.06386,0.04033,-0.00249,-0.00929,-0.06275,0.04455,0.10179,0.06934,0.0153,0.0968,-0.01422,0.02612,0.05505,-0.00284,0.02065,-0.05963,-0.00236,-0.03321,-0.06018,-0.06372,0.01265,-0.07899,0.00502,0.03448,-0.00106,0.03654,0.07555,-0.04664,-0.00646,0.03293,-0.0817,0.00309,-0.13261,0.06145,0.03546,0.05462,-0.04894,-0.06347,0.09237,0.04426,0.04662,-0.05461,0.00974,-0.03359,-0.12509,-0.04293,-0.0522,0.037,-0.05725,-0.08559,-0.02951,0.0451,0.02378,0.01504,0.00971,-0.0305,0.01366,0.04706,0.12919,0.01174,0.06042,-0.01009,0.0455,-0.03504,0.00883,0.09275,-0.02227,-0.04084,0.08026,-0.03276,-0.06747,-0.02593,-0.00933,0.00665,-0.0644,0.04186,-0.04967,0.00476,0.07785,0.14935,-0.06282,0.06564,-0.03456,0.09968,0.00722,-0.13849,-0.05753,-0.06537,0.01936,-0.00078,0.0008,-0.00748,0.04079,0.03913,-0.01703,0.02389,-0.1098,0.00061,0.06964,-0.03188,0.0188,0.01614,0.01855,-0.03479,-0.09704,0.00611,-0.03798,-0.00701,-0.01582,0.03742,-0.08322,-0.03282,-0.09874,-0.06224,0.01763,-0.02914,0.05453,0.11369,-0.08183,0.07862,0.02023,-0.01446,0.06819,-0.01519,-0.05806,0,0.00674,0.0207,-0.03553,0.02661,0.09226,0.01456,-0.06819,-0.0221,0.08518,0.01305,-0.00463,-0.01238,-0.01459,0.01172,0.09127,-0.05856,-0.00927,0.03363,-0.08806,-0.01523,-0.05701,-0.11735,-0.04688,0.04326,0.09647,0.06447,-0.00246,0.024,-0.05962,-0.01068,0.00525,0.04251,0.0299,0.01692,0.02061,-0.00438,-0.02592,-0.09167,-0.01216,-0.0101,-0.01325,-0.0107,-0.05731,0.06927,0.02098,0.04621,0.03666,0.00353,0.01484,-0.03257,-0.02729,0.06934,0.08274,0.00895,0.08942,-0.01391,0.01506,-0.00996,0.02091,0.04243,-0.02951,-0.03424,-0.04083,0.01536,-0.00821,0.06309,-0.04701,-0.02472,0.10362,-0.05722,-0.08158,0.05099,-0.03714,0.04884,-0.0437,-0.03613,-0.09635,-0.00474,0.06005,-0.0115,-0.0139,-0.09353,-0.00045,0.08787,0.04583,-0.08297,0.0522,-0.02356,-0.02141,-0.00494,0.07028,0.08143,-0.00665,0.01354,0.05415,0,-0.02578,0.03156,0.04097,-0.0495,0.01021,-0.05936,-0.01045,-0.04206,0.04705,0.08371,0.01636,0.10585,0.02338,-0.03078,-0.04426,0.03288,-0.06072,-0.08129,0.05587,-0.03701,0.09183,0.00221,0.02185,-0.02728,-0.002,0.02393,-0.02537,-0.09986,-0.01979,0.01798,0.01161,-0.04635,-0.0105,-0.01073,-0.01912,-0.00026,0.01637,0.01212,0.04254,-0.08297,-0.03177,0.03359,-0.03644,-0.02044,-0.06027,-0.0193,-0.08711,0.02459,-0.12126,0.00621,-0.09329,0.05412,0.03701,-0.02035,-0.03016,-0.02195,0.01104,0.02696,0.03759,-0.02883,0.03614,-0.00385,-0.02642,-0.00725,-0.04327,0.02657,0.00264,-0.08753,0.04974,0.00008,0.05254,-0.0083,-0.03449,-0.00859,0.06152,0.04547,0.11053,-0.05188,0.04363,-0.02021,-0.09191,0.05742,-0.04008,-0.01539,0.02701,0.01532,-0.01376,0.04625,0.02628,0.01402,-0.07531,-0.01147,-0.04841,0.00804,-0.02892,0,-0.0931,0.02995,0.00942,-0.00466,0.00695,-0.04683,0.00438,0.0279,0.03665,0.09794,0.03166,0.05409,-0.11445,-0.03291,0.07299,0.05299,-0.01033,0.00167,-0.02546,0.00609,0.03665,0.03029,-0.00309,0.10579,-0.01484,-0.04287,-0.00678,0.05151,-0.05087,0.05267,-0.02782,-0.02127,0.10752,0.14362,-0.02824,0.01886,-0.04138,0.02497,-0.03838,-0.03058,0.03258,-0.10592,0.03156,-0.00387,0.02519,0.06929,0.03636,0.04726,-0.01487,0.0361,-0.07173,-0.03536,-0.05038,-0.06925,0.00247,0.00606,0.0424,-0.00082,0.00528,-0.00536,-0.08206,0.09876,0.00386,-0.0157],"keywords":"Angular Diagram Example – Place Connectors Inside Nodes Angular Diagram Example – Place Connectors Inside Nodes Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs. Description This example shows how to place connectors inside a node instead of only on its outer border. That layout is useful when the node UI is dense and the connection point needs to sit next to a specific field, control, or logical slot. It works especially well for builder-style interfaces where nodes contain forms, action rows, or embedded controls. In those cases, internal connector placement can make the relationship between a UI element and its connection point much clearer. The main value is not visual novelty. It is better information architecture inside the node, which leads to cleaner routing and less confusion for users editing complex graphs.","excerpt":"Description This example shows how to place connectors inside a node instead of only on its outer border. That layout is useful when the node UI is dense and the connection point needs to sit next to a specific field, control, or logical slot. It works especially well for builder-style interfaces where nodes contain forms, action rows, or embedded controls. In those cases, internal connector placement can make the relationship between a UI element and its connection point much clearer. The main value is not visual novelty. It is better information architecture inside the node, which leads to cleaner routing and less confusion for users editing complex graphs."},{"chunkId":"/examples/connector-inside-node#2","slug":"connector-inside-node","route":"/examples/connector-inside-node","section":"examples","title":"Angular Diagram Example – Place Connectors Inside Nodes","description":"Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs.","group":"Connectors","vector":[-0.06631,0.03048,-0.08829,0.04338,0.01937,0.01175,-0.05161,0.04645,0.03726,0.08955,-0.0095,0.08911,-0.02691,0.02173,0.02782,0.01623,-0.07254,-0.00851,-0.03011,-0.00365,-0.02947,-0.04655,0.04097,-0.03057,-0.03084,0.01428,-0.00124,0.00273,0.04929,-0.03023,0.00608,-0.00352,-0.08109,0.0276,-0.06882,0.08945,0.01075,0.05286,-0.06766,-0.04787,0.13145,0.01283,0.03894,-0.08756,0.00542,-0.03522,-0.13413,-0.0292,-0.04638,0.02187,-0.09093,-0.0997,-0.03954,0.10541,0.02056,-0.00579,-0.01201,-0.09461,0.06434,0.01379,0.10453,-0.03034,0.03202,-0.00622,0.02186,0.00788,-0.04315,0.10003,-0.04355,-0.00014,0.05013,-0.02755,-0.08447,-0.02227,0.01689,0.02343,-0.09878,0.08464,-0.06271,-0.00121,0.04086,0.08781,-0.05002,0.05194,-0.04314,0.16332,-0.00197,-0.09557,-0.05871,-0.06565,-0.02449,-0.0215,-0.01288,0.0097,-0.0075,-0.01635,-0.05482,0.00594,-0.07201,0.02737,0.04433,-0.04787,0.05713,0.03302,0.03482,-0.03599,-0.09117,0.03095,-0.04817,0.00363,-0.01631,0.03826,-0.04857,-0.02998,-0.10219,-0.04885,0.01096,-0.0182,0.06261,0.12308,0.01295,0.07373,-0.0341,-0.02916,0.07286,0.00666,-0.011,0,0.01981,0.00063,-0.0322,0.04356,0.08165,-0.01974,-0.04689,-0.02871,0.01381,0.06915,-0.02248,0.0065,-0.03794,-0.05132,0.0198,-0.1178,-0.01171,0.02631,-0.06763,-0.01279,-0.03686,-0.10307,-0.06255,0.04385,0.13739,0.02561,-0.06372,0.00494,-0.05481,0.00515,0.0639,0.0486,0.07719,0.01364,0.03725,-0.01116,-0.0121,-0.04892,-0.03778,-0.02982,0.0149,-0.05842,-0.0568,0.08595,0.03011,-0.00658,0.03358,-0.01279,0.05084,-0.00188,0.02198,0.04732,0.05134,-0.02845,0.07891,-0.02488,-0.03639,0.02001,-0.02113,0.05527,-0.02486,-0.01302,-0.04029,-0.00761,0.00631,0.04049,-0.03986,-0.02853,0.07418,-0.0544,-0.0745,0.08507,-0.02739,0.04304,-0.07664,-0.02869,-0.05045,-0.01535,0.07562,-0.03008,-0.05294,-0.09241,-0.02585,0.08809,0.062,-0.08889,0.02904,-0.03606,-0.05337,-0.08049,0.04777,0.06197,-0.03425,-0.0462,0.05754,0,0.04482,0.02239,0.03799,0.03292,-0.01067,-0.0278,0.02753,0.00681,0.06395,0.06887,0.00997,0.09318,0.04215,-0.06089,-0.03204,0.00275,-0.03423,-0.06627,0.0936,0.00712,0.07589,0.01536,0.05284,-0.00623,-0.01791,0.01843,0.03142,-0.04345,-0.01531,-0.00477,0.00272,-0.04808,-0.02562,0.00563,-0.06026,-0.0499,-0.0012,0.0918,0.07549,-0.07937,0.04941,0.05063,-0.02824,-0.00712,-0.0641,-0.06167,-0.06083,-0.01046,-0.11517,-0.02868,-0.11625,0.01734,-0.00306,0.03167,-0.05387,-0.0008,0.05779,-0.00917,0.00739,-0.02638,0.09451,-0.03441,-0.00165,-0.0038,0.04796,0.05476,-0.03873,-0.04675,0.02865,0.02506,0.03327,0.03038,-0.00142,0.00883,0.06271,-0.00709,0.04066,-0.05142,0.08285,0.00963,-0.04936,0.06915,-0.05915,0.03227,0.04328,0.02012,-0.04734,0.05831,0.02223,0.04091,-0.084,0.01168,0.01358,-0.01396,-0.02845,0,-0.09752,0.02232,-0.02112,0.00453,0.01112,-0.04531,-0.01546,-0.00573,0.0423,0.02892,-0.00389,0.0944,-0.03215,-0.04565,0.079,0.01645,-0.02584,0.01138,-0.05529,0.03212,0.02848,0.03441,0.05101,0.11314,-0.01389,-0.06523,-0.0575,0.02102,-0.00896,0.04756,-0.01881,-0.02977,0.08614,0.08438,-0.05553,0.02406,-0.06361,-0.01829,-0.00876,0.02032,0.04246,-0.11618,0.02859,-0.01577,0.00536,0.09282,0.05923,0.04127,-0.01024,0.04549,-0.04694,-0.01453,-0.06597,-0.03346,-0.01417,-0.01989,0.08084,0.02313,-0.00265,-0.04139,-0.08409,0.11044,0.02901,0.00443],"keywords":"Angular Diagram Example – Place Connectors Inside Nodes Angular Diagram Example – Place Connectors Inside Nodes Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs. Example ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::","excerpt":"Example ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::"},{"chunkId":"/examples/connector-inside-node#3","slug":"connector-inside-node","route":"/examples/connector-inside-node","section":"examples","title":"Angular Diagram Example – Place Connectors Inside Nodes","description":"Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs.","group":"Connectors","vector":[-0.05815,0.04145,-0.06974,0.03606,0.00136,-0.01931,-0.08913,0.00924,0.05903,0.06776,-0.02509,0.09325,-0.0028,0.00507,0.09731,-0.00514,-0.00814,-0.0196,0.00967,-0.05859,-0.06979,-0.0113,-0.03064,-0.04729,-0.00509,0.0559,0.0114,0.0217,0.08799,-0.03641,0.00276,0.02772,-0.03153,0.04446,-0.14254,0.13991,0.00691,0.07187,-0.06966,-0.08633,0.03464,0.04045,0.00652,-0.06322,0.00715,-0.08424,-0.13089,-0.04491,-0.07164,0.00592,-0.08114,-0.11383,-0.04251,0.03655,0.0467,-0.0108,0.0206,-0.04603,0.01525,-0.00239,0.09204,-0.00006,0.05417,0.00522,0.03247,0.02445,-0.02053,0.09926,0.01668,-0.04619,0.04406,-0.05085,-0.07833,0.00426,-0.01216,-0.01909,-0.09646,0.00343,-0.03853,0.00458,0.01359,0.11876,-0.04882,0.08609,-0.05127,0.11863,0.02207,-0.07962,-0.0426,-0.0877,-0.01413,-0.03418,-0.00362,-0.0225,-0.00355,-0.01813,0.00612,0.01114,-0.09135,0.01344,0.07102,-0.04492,0.04734,-0.02763,-0.01922,-0.05774,-0.05229,-0.01887,-0.03651,-0.00134,-0.03267,0.04169,-0.13246,-0.03478,-0.09703,-0.0679,-0.00622,-0.03629,0.00834,0.14297,-0.01008,0.07271,-0.00158,-0.0175,0.0631,-0.01979,-0.04249,0,0.03839,0.01884,-0.0523,0.07266,0.15202,-0.00256,-0.02995,-0.01659,0.08018,0.01173,0.03784,0.05559,-0.02656,0.0454,0.07499,-0.09526,-0.012,0.0468,-0.02219,-0.032,-0.051,-0.11588,-0.03267,0.07066,0.09801,0.0695,-0.0174,0.03276,-0.08088,-0.01087,0.04642,0.03517,0.04718,0.03599,-0.00085,0.02287,-0.05312,-0.07417,0.05662,-0.03854,-0.0246,-0.0222,-0.08475,0.05622,0.0509,0.02436,0.02812,-0.00509,0.05026,-0.03658,0.02202,0.03713,0.07664,0.0018,0.08474,-0.04299,-0.00067,-0.01811,0.05167,0.06279,-0.03632,-0.04229,-0.05072,0.05515,-0.02558,0.0282,-0.03793,-0.03984,0.084,-0.04608,-0.05982,0.04688,-0.0449,0.07667,-0.0394,-0.03878,-0.07778,-0.03454,-0.02343,-0.00021,-0.04344,-0.06567,-0.01076,0.0638,0.05692,-0.08139,0.03484,0.01033,-0.04417,-0.02983,0.03761,0.0722,-0.03094,-0.0164,0.09735,0,-0.04343,0.03489,-0.03286,-0.02562,0.00812,-0.0364,-0.04499,-0.0776,0.03108,0.06845,-0.01537,0.05998,0.02778,-0.02393,-0.09032,-0.00744,-0.01699,-0.06096,0.07069,-0.02419,0.06086,0.00604,0.01256,-0.01978,-0.01355,0.01773,-0.0215,-0.08102,0.00038,0.0162,0.00482,-0.06539,0.04663,-0.00927,-0.00622,-0.04389,-0.00854,0.04828,0.04283,-0.0798,-0.01943,0.02431,-0.00553,-0.01739,-0.06692,-0.03481,-0.06052,0.04659,-0.09327,-0.03662,-0.06185,0.02646,0.01371,-0.06416,-0.03561,-0.0018,-0.00303,0.03434,0.0459,-0.03451,0.00672,-0.0071,0.00887,0.00868,-0.02232,0.02394,-0.01008,-0.0736,0.02057,0.02206,0.03727,0.00286,-0.02885,0.02842,0.0253,-0.00498,0.07304,-0.06284,0.06055,-0.00229,-0.0432,0.05468,-0.04424,-0.01186,0.01545,0.02171,-0.04955,0.0529,0.01255,0.0609,-0.0702,0.02326,-0.01306,0.05835,-0.025,0,-0.10077,0.05393,0.03089,-0.00943,-0.03091,-0.04737,0.0349,0.04916,0.07377,0.04537,0.03542,0.03966,-0.07386,-0.03357,0.13415,0.05246,0.01686,0.0222,-0.03855,-0.03003,0.04331,0.00731,-0.00076,0.08909,0.02448,-0.00405,0.02118,0.0578,-0.0383,0.06062,-0.00651,-0.01507,0.1236,0.08979,-0.032,-0.02424,-0.04262,-0.00079,0.03085,-0.0231,0.0076,-0.08856,0.02627,-0.01312,-0.01981,0.07937,0.02113,0.03668,-0.01227,0.02675,-0.06675,-0.04152,-0.05073,-0.02719,-0.00419,0.03455,0.05913,-0.03097,0.05162,-0.04239,-0.08668,0.12627,0.03614,0.00149],"keywords":"Angular Diagram Example – Place Connectors Inside Nodes Angular Diagram Example – Place Connectors Inside Nodes Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs. When to use it - Build compact node UIs with form-like or slot-based layouts. - Keep ports close to the data or action they represent. - Reduce visual clutter on larger, more detailed nodes. This is a practical pattern for workflow builders and internal tools where node layout carries real meaning. U Is","excerpt":"When to use it - Build compact node UIs with form-like or slot-based layouts. - Keep ports close to the data or action they represent. - Reduce visual clutter on larger, more detailed nodes. This is a practical pattern for workflow builders and internal tools where node layout carries real meaning."},{"chunkId":"/examples/connector-inside-node#4","slug":"connector-inside-node","route":"/examples/connector-inside-node","section":"examples","title":"Angular Diagram Example – Place Connectors Inside Nodes","description":"Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs.","group":"Connectors","vector":[-0.02283,0.02921,-0.0976,0.06643,0.01477,0.03138,-0.07719,0.02537,0.02816,0.09228,0.02101,0.07507,-0.00195,0.01012,0.06262,0.01624,-0.03669,-0.0205,0.002,-0.06048,-0.07351,0.01012,-0.02562,-0.05369,-0.00766,0.02573,-0.00984,0.01536,0.06412,-0.01994,-0.01271,-0.05064,-0.06986,0.03188,-0.12867,0.10735,0.05682,0.02482,-0.07658,-0.0565,0.08073,-0.00614,0.02054,-0.08654,-0.02302,-0.0779,-0.13507,-0.01515,-0.06889,0.02362,-0.08046,-0.11443,-0.04269,0.07247,0.00074,-0.04245,-0.00513,-0.03193,0.03951,0.01634,0.04345,0.00271,0.03264,-0.00963,0.04876,-0.017,-0.00501,0.12596,-0.04292,-0.03554,0.04554,-0.06993,-0.0623,-0.0253,-0.0035,0.00531,-0.10156,0.0549,-0.03428,-0.02673,0.05918,0.13247,-0.05607,0.05012,-0.05061,0.13967,0.00103,-0.05946,-0.03814,-0.09115,0.00346,0.00601,-0.00648,0.00485,-0.01886,-0.00832,0.02749,0.02649,-0.10768,0.01414,0.03648,-0.02912,0.02974,-0.0325,-0.00327,-0.0518,-0.07348,-0.00237,-0.01245,-0.03384,-0.0047,0.01302,-0.13162,-0.06729,-0.07411,-0.0635,0.03121,-0.00736,0.02923,0.10043,-0.06296,0.05722,-0.01921,-0.01146,0.07548,-0.02041,-0.01724,0,0.02713,0.0118,-0.05421,0.02508,0.11909,-0.00935,-0.0666,-0.00621,0.0374,0.00684,0.03496,0.00311,-0.03807,0.01183,0.05031,-0.08572,0.03077,0.02629,-0.02183,-0.03067,-0.05245,-0.10464,-0.03066,0.05726,0.09809,0.07901,-0.00904,-0.00634,-0.04474,-0.00766,0.06109,0.07712,0.05609,-0.02091,0.01158,-0.01483,-0.01409,-0.0404,0.01398,-0.04994,-0.01951,-0.07774,-0.04696,0.05348,0.0485,0.02896,0.01726,-0.00154,0.05618,-0.0267,0.00577,0.03769,0.03263,-0.0058,0.07177,0.01622,-0.05955,0.02794,0.02428,0.02952,-0.01107,-0.01295,-0.05023,0.00369,-0.04537,0.00985,-0.04519,-0.05139,0.09834,-0.02878,-0.10369,0.04302,-0.00417,0.07549,-0.05507,-0.03102,-0.09369,-0.04051,0.06439,-0.01858,-0.06321,-0.10227,-0.0119,0.07635,0.10505,-0.0802,-0.00513,0.01875,-0.01565,-0.04147,0.04513,0.07674,-0.01729,-0.04881,0.09031,0,0.00791,0.05183,0.0011,-0.00138,0.01935,-0.03769,-0.03022,-0.03008,0.03904,0.0727,0.03208,0.06814,0.04875,0.00162,-0.07681,0.0018,-0.0507,-0.05908,0.07672,0.00898,0.09378,-0.03978,0.1087,-0.00925,-0.02844,-0.00175,0.01029,-0.06375,0.01707,0.00386,0.01042,-0.02257,0.01754,-0.02319,-0.04185,-0.05533,0.02764,0.03029,0.02287,-0.07658,0.03891,0.03422,-0.00727,-0.02715,-0.07644,-0.05492,-0.04646,0.01858,-0.12081,-0.01677,-0.08986,0.00744,-0.01996,-0.03274,-0.06046,-0.04132,0.03822,0.02833,0.04055,-0.03002,0.02241,-0.01729,-0.00908,0.00001,-0.00631,0.06765,-0.02199,-0.03486,0.05115,0.0233,0.03037,-0.00608,-0.01576,-0.00086,0.04177,0.00338,0.081,-0.09021,0.06169,-0.03752,-0.00295,0.07871,-0.06642,-0.0246,0.0719,0.02003,-0.02921,0.05824,0.01368,0.07287,-0.06947,0.04322,0.03386,0.04754,0.00265,0,-0.10819,0.06061,0.02475,-0.00621,-0.00899,-0.04499,0.02857,0.01624,0.06043,0.05168,0.01666,0.04623,-0.06035,-0.05485,0.09721,0.06944,-0.02375,0.01015,-0.0127,0.02513,0.04404,0.02663,0.02786,0.13398,-0.00473,-0.01904,-0.02496,0.03417,-0.04588,0.07831,-0.00917,-0.01945,0.07807,0.07326,-0.04466,-0.00701,-0.0652,-0.02231,0.00564,-0.04076,0.03344,-0.08144,0.00968,-0.03612,0.01195,0.08806,0.06406,0.0254,0.00864,0.07789,-0.06011,-0.05852,-0.01357,-0.06693,-0.00668,0.01315,0.05959,0.00886,-0.01486,-0.02631,-0.07841,0.11319,0.05546,-0.00153],"keywords":"Angular Diagram Example – Place Connectors Inside Nodes Angular Diagram Example – Place Connectors Inside Nodes Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs. Related docs - Node Directive - Node Input Directive - Node Output Directive - Connectable Side Example","excerpt":"Related docs - Node Directive - Node Input Directive - Node Output Directive - Connectable Side Example"},{"chunkId":"/examples/connector-outlet#0","slug":"connector-outlet","route":"/examples/connector-outlet","section":"examples","title":"Angular Diagram Example – Connector Outlet for Branching Nodes","description":"Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders.","group":"Connectors","vector":[0.02416,0.01706,-0.06796,0.03477,0.01823,0.00307,-0.07141,0.0329,0.03396,0.07834,0.02467,0.07897,-0.03383,0.0252,0.05075,0.02534,-0.0721,0.02303,0.00102,-0.05869,-0.04128,-0.04156,-0.01905,-0.04919,-0.00067,-0.01027,0.02556,0.04791,0.04661,-0.04535,-0.00242,0.0301,-0.0912,-0.01616,-0.08736,-0.00155,0.00946,0.04121,-0.03871,-0.00157,0.11401,-0.01471,0.04899,-0.07134,-0.04096,-0.02986,-0.11577,0.00357,-0.02114,-0.00968,-0.03644,-0.11991,-0.03341,0.04701,0.0522,0.02684,0.0074,-0.07519,0.01021,0.02581,0.09799,-0.05753,-0.02959,-0.03184,-0.04963,-0.00325,-0.03142,0.07927,-0.00472,-0.01407,-0.0024,-0.06738,-0.065,-0.08378,0.00744,-0.02743,-0.00003,0.0238,-0.01351,0.04451,0.01636,0.09176,-0.08657,0.04689,-0.04581,0.10327,-0.00225,-0.05746,-0.0479,-0.07071,-0.02703,0.02771,0.07484,-0.0391,0.01686,0.03965,-0.04683,-0.00271,-0.0769,0.0129,0.0266,-0.0437,0.0341,-0.02387,-0.00988,-0.01131,-0.07235,0.01322,0.02844,-0.02811,-0.00357,0.03085,-0.07031,-0.01367,-0.05644,-0.05256,-0.01992,-0.05091,0.03411,0.15718,-0.02426,0.06677,-0.00229,0.00531,0.05387,-0.01582,-0.01092,0,0.00205,0.03898,-0.07371,0.01224,0.10063,0.04632,-0.01499,-0.02802,0.05586,0.01932,-0.04983,-0.01301,-0.02764,0.02814,0.03865,-0.13788,-0.02604,0.01307,0.00076,0.04467,0.01599,-0.10935,-0.01337,0.06095,0.10169,-0.01677,-0.02621,-0.00607,-0.02058,0.01327,0.03883,0.05611,0.05255,0.08237,-0.07241,0.02302,-0.05154,-0.0947,-0.00809,-0.0227,-0.02296,0.00089,-0.06185,0.08399,0.03766,0.00576,0.02113,-0.03845,0.07568,0.05997,0.00022,0.04152,0.06446,-0.01527,0.06155,-0.03421,-0.01539,0.08987,0.00392,0.03274,-0.05286,-0.01365,-0.07973,-0.04208,-0.00689,0.06739,-0.02631,-0.0068,0.06557,-0.09787,-0.10371,0.06498,-0.0362,0.05524,-0.09285,0.01673,-0.06786,0.04613,0.08463,-0.0703,-0.10243,-0.03963,-0.02244,-0.00146,0.12039,-0.09504,0.03177,-0.00185,-0.00056,-0.02599,0.05498,0.15353,0.03196,0.05936,0.12537,0,-0.07519,0.02599,-0.00078,0.04812,0.01874,-0.03543,-0.01588,-0.10552,0.03379,0.0083,0.02604,0.08675,0.02603,-0.01809,-0.01639,-0.03616,-0.04535,-0.07846,0.04668,0.0239,0.05278,0.05249,0.04305,-0.08188,-0.00415,0.02836,0.04905,-0.09089,0.06745,0.04357,0.0277,0.00158,0.01115,0.00436,-0.03617,0.02986,-0.03405,0.05898,0.05148,-0.10043,0.02176,0.02512,0.02386,-0.04378,-0.12351,0.01016,-0.01552,0.01105,-0.04661,-0.03118,-0.10262,0.0417,-0.00826,0.0083,-0.05234,-0.06031,0.10952,0.04151,0.02666,-0.05904,0.01393,-0.01481,0.02307,-0.00138,-0.01048,0.01055,-0.01197,-0.06579,-0.02113,0.06195,-0.03476,0.0717,-0.01555,-0.00677,0.02498,0.02818,0.00624,-0.08592,0.03876,-0.0256,-0.11442,0.09785,-0.04375,-0.03695,0.07369,-0.09488,-0.05114,0.04105,0.08128,0.04071,-0.05092,0.00253,-0.00698,-0.02135,0.00168,0,-0.06191,0.02225,0.00687,0.00289,0.03233,-0.06303,0.04471,0.03486,0.04678,0.02588,0.05003,0.08476,-0.06628,0.0032,0.1326,0.01921,0.02361,0.02369,-0.00441,0.0382,-0.03956,-0.01375,0.02239,0.09683,0.01618,-0.01097,0.002,0.06449,-0.01412,0.02336,0.02263,0.04322,0.01663,0.04096,-0.05316,0.0344,-0.05411,0.00016,-0.04924,-0.00101,0.04404,-0.10138,-0.0238,-0.04241,-0.01148,0.06492,0.037,0.00694,-0.00517,0.05642,-0.06162,-0.05615,-0.01328,-0.03811,-0.00965,0.01625,0.06088,0.00793,0.02882,-0.04768,-0.03851,0.09722,0.04897,-0.03652],"keywords":"Angular Diagram Example – Connector Outlet for Branching Nodes Angular Diagram Example – Connector Outlet for Branching Nodes Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders. Connector Outlet","excerpt":"Connector Outlet"},{"chunkId":"/examples/connector-outlet#1","slug":"connector-outlet","route":"/examples/connector-outlet","section":"examples","title":"Angular Diagram Example – Connector Outlet for Branching Nodes","description":"Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders.","group":"Connectors","vector":[0.00732,0.00572,-0.04995,0.0437,0.00332,-0.00898,-0.08683,-0.00982,0.05348,0.03419,-0.00628,0.08111,-0.03029,0.01562,0.07699,0.04649,-0.03323,-0.00051,-0.01128,-0.09526,-0.02721,-0.03862,-0.02651,-0.03293,-0.01381,0.00365,0.01004,0.01958,0.04967,-0.04268,0.01163,0.03777,-0.11665,0.00536,-0.08421,0.02369,0.00597,0.04907,-0.0094,0.00806,0.11313,-0.00342,0.03746,-0.07005,-0.04422,-0.03952,-0.12791,-0.01204,-0.0351,0.00137,-0.04762,-0.10049,-0.04908,0.03822,0.09347,0.04424,0.06537,-0.07262,-0.00331,0.03313,0.09463,-0.06031,-0.02978,-0.03531,-0.03015,0.005,-0.0136,0.07248,0.00128,0.01508,-0.02308,-0.05923,-0.05621,-0.03742,0.01578,-0.00971,-0.02802,0.00153,-0.05712,0.01875,0.03361,0.08335,-0.08396,0.06904,-0.01329,0.09134,0.00435,-0.08683,0.01242,-0.0588,-0.0586,0.02195,0.07463,-0.03777,0.04412,0.03296,-0.02542,-0.017,-0.07274,0.02,0.02472,-0.03713,0.0548,-0.02469,0.01367,-0.01251,-0.04892,0.01631,0.00302,-0.03159,0.00527,0.04925,-0.02381,-0.017,-0.06949,-0.04327,-0.02829,-0.04273,0.02292,0.16092,-0.01795,0.06545,0.03398,0.00974,0.066,-0.03709,-0.00327,0,-0.0135,0.02616,-0.06854,0.02137,0.11537,0.02327,-0.0393,-0.04324,0.07036,0.04387,-0.03273,0.01303,-0.03678,0.04903,0.01926,-0.11087,-0.01767,0.01975,0.00144,0.04698,0.01369,-0.12308,-0.04381,0.04878,0.08947,0.01862,-0.04536,0.00128,0.00069,0.01472,0.03919,0.04288,0.04619,0.05312,-0.0723,0.03297,-0.04627,-0.1043,0.01559,-0.02122,-0.02273,-0.00627,-0.08413,0.08845,0.0087,0.01126,0.00555,-0.02722,0.04281,0.0189,0.0044,0.02734,0.09681,-0.018,0.05583,-0.08809,-0.03513,0.06624,0.03181,0.07342,-0.06906,-0.00379,-0.08784,0.00522,-0.00514,0.04714,-0.05161,0.00542,0.05967,-0.07245,-0.09,0.08325,-0.0522,0.03865,-0.05099,0.00063,-0.0847,0.0282,0.08,-0.08864,-0.06842,-0.02354,0.00087,0.01066,0.12,-0.09201,0.02725,-0.03625,-0.0703,-0.02121,0.05114,0.14325,0.03602,0.06452,0.13601,0,-0.04948,0.05169,-0.0066,0.0477,-0.00709,-0.03983,-0.00423,-0.10055,0.05419,0.03322,-0.00039,0.08734,-0.00045,-0.03902,-0.00887,-0.05239,-0.05645,-0.11127,0.06043,0.01981,0.05153,0.04325,-0.00746,-0.0768,-0.00493,0.05948,0.01411,-0.06042,0.03526,0.02793,0.01106,-0.03849,0.02608,-0.01529,-0.00521,0.03957,-0.05018,0.08406,0.06769,-0.069,0.00838,0.01829,0.00712,-0.04894,-0.09787,0.03339,-0.03146,0.02574,-0.0462,-0.04318,-0.08806,0.05417,-0.00719,-0.01279,-0.06021,-0.01437,0.10351,0.03491,0.00951,-0.03172,-0.00661,-0.01429,0.06074,0.02646,-0.0078,-0.01706,-0.01936,-0.09326,-0.01875,0.06226,-0.0209,0.06908,-0.03769,-0.01997,0.03179,0.01257,0.01304,-0.11004,0.02659,0.00635,-0.11142,0.073,-0.0237,-0.03482,0.0505,-0.05982,-0.06351,0.03356,0.09778,0.0582,-0.05938,0.00888,-0.02422,-0.0564,-0.03817,0,-0.09567,0.02499,0.01192,0.01022,0.03813,-0.04341,0.04931,0.04594,0.04949,0.03495,0.05392,0.06273,-0.06627,0.03696,0.121,0.01545,0.05003,-0.00009,-0.02679,0.01086,-0.05238,-0.01689,0.01026,0.08946,0.00507,-0.02936,0.01537,0.08242,0.0096,0.02035,0.01368,0.02429,0.02359,0.09441,-0.06626,0.04446,-0.03613,0.00442,-0.028,0.00303,0.04162,-0.08106,-0.04895,-0.01873,-0.00273,0.05891,0.0335,-0.00272,-0.02472,0.05578,-0.05186,-0.05343,-0.01893,-0.03826,-0.0008,-0.00548,0.04405,-0.00882,0.0578,-0.01661,-0.05872,0.09251,0.03661,-0.04849],"keywords":"Angular Diagram Example – Connector Outlet for Branching Nodes Angular Diagram Example – Connector Outlet for Branching Nodes Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders. Description This example demonstrates how to use an outlet connector to control where connections leave a node. Outlet-based patterns are helpful when a node has multiple exit paths, multiple logical outputs, or a layout where edge routing needs a dedicated anchor. In a real product, outlet connectors help keep graphs readable. Instead of attaching every edge to the same generic point, you can expose a clearer structure for branching, fan-out behavior, and more predictable routing. This becomes important in workflow builders, automation editors, and low-code tools where users need to understand exactly how work moves from one step to the next.","excerpt":"Description This example demonstrates how to use an outlet connector to control where connections leave a node. Outlet-based patterns are helpful when a node has multiple exit paths, multiple logical outputs, or a layout where edge routing needs a dedicated anchor. In a real product, outlet connectors help keep graphs readable. Instead of attaching every edge to the same generic point, you can expose a clearer structure for branching, fan-out behavior, and more predictable routing. This becomes important in workflow builders, automation editors, and low-code tools where users need to understand exactly how work moves from one step to the next."},{"chunkId":"/examples/connector-outlet#2","slug":"connector-outlet","route":"/examples/connector-outlet","section":"examples","title":"Angular Diagram Example – Connector Outlet for Branching Nodes","description":"Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders.","group":"Connectors","vector":[0.00874,0.02154,-0.07876,0.02531,0.05518,0.03812,-0.07337,0.03907,0.00668,0.0707,0.00174,0.07046,-0.03053,0.02928,0.03053,0.00097,-0.06703,0.02914,-0.01711,-0.02233,-0.00351,-0.04785,0.03525,-0.0069,-0.006,-0.03234,0.0242,0.04484,0.02988,-0.01916,0.03826,0.05296,-0.08913,0.00755,-0.04956,-0.00604,-0.00994,0.0537,-0.03399,-0.01084,0.13159,0.01483,0.06618,-0.09113,-0.01989,-0.0258,-0.12346,0.02589,-0.0352,-0.01511,-0.0433,-0.13372,-0.03553,0.05062,0.07208,0.0193,0.01243,-0.10685,0.02475,0.0233,0.07111,-0.09522,-0.0096,-0.05187,-0.02863,0.00175,-0.0609,0.07361,-0.04398,0.03993,0.01671,-0.04128,-0.0602,-0.06648,0.03556,-0.02943,-0.02481,0.06957,-0.04286,0.0177,0.02534,0.03511,-0.07842,0.04339,-0.03169,0.10784,0.00627,-0.07693,-0.03582,-0.06509,-0.02102,0.03067,0.02082,-0.04328,0.02564,0.0378,-0.08376,0.00722,-0.08583,0.03359,-0.00003,-0.0636,0.05105,0.03417,0.04379,0.02246,-0.05525,0.047,-0.01356,-0.03643,-0.00053,0.04076,-0.0194,-0.01474,-0.03673,-0.07275,-0.00447,-0.0588,0.01965,0.13755,0.00231,0.0508,-0.02189,0.0052,0.05574,0.00357,0.01011,0,-0.01212,0.05638,-0.04717,0.02143,0.06937,-0.00184,-0.01656,-0.04345,0.03428,0.07536,-0.0746,-0.00614,-0.04373,-0.01047,-0.00303,-0.14798,-0.0186,0.01746,-0.03032,0.04074,0.03135,-0.0981,-0.04534,0.04431,0.11427,-0.05034,-0.06271,-0.00964,-0.02108,0.00784,0.04284,0.06305,0.06346,0.03033,-0.05896,0.00818,-0.01407,-0.06028,-0.04652,-0.01394,0.04302,-0.00114,-0.05454,0.11198,0.00481,0.01272,-0.00068,-0.04723,0.09823,0.05011,-0.00073,0.04113,0.08741,-0.03322,0.0605,-0.05281,-0.01924,0.05551,-0.01458,0.04712,-0.04925,-0.00361,-0.06346,-0.02963,0.01104,0.04931,-0.02708,-0.01255,0.04256,-0.10532,-0.10802,0.1006,-0.04368,0.03565,-0.08339,0.00706,-0.03964,0.04714,0.07259,-0.07757,-0.07928,-0.0421,-0.03507,0.0352,0.12845,-0.12328,0.01305,-0.0318,-0.02004,-0.07589,0.05174,0.10263,0.00924,0.01409,0.09166,0,-0.03416,0.03571,0.0343,0.07778,-0.03535,-0.02724,0.0431,-0.04383,0.05009,0.03444,0.00799,0.0735,0.01233,-0.06197,0.03269,-0.03144,-0.05741,-0.07887,0.07345,0.02927,0.03649,0.05481,0.0288,-0.06486,-0.00985,0.05627,0.06141,-0.02896,0.03154,0.0155,0.01763,-0.02967,-0.02247,0.01327,-0.03873,-0.01519,-0.05394,0.12486,0.07958,-0.06833,0.05912,0.0647,-0.01203,-0.01492,-0.10438,-0.00019,0.00662,-0.00859,-0.04383,-0.04389,-0.09252,0.02153,-0.02577,0.05083,-0.04421,-0.05228,0.09654,-0.00471,0.00711,-0.03729,0.05678,-0.02796,0.00411,-0.0102,0.02889,0.00581,-0.05236,-0.05269,-0.01354,0.05054,-0.01582,0.07873,-0.00156,0.01207,0.03456,0.0261,0.00801,-0.03457,0.06475,0.01179,-0.11404,0.09546,-0.04871,-0.00298,0.08297,-0.06793,-0.07375,0.03101,0.1142,0.02428,-0.06433,-0.01966,0.02845,-0.05312,-0.01444,0,-0.07704,-0.00438,-0.01318,0.01773,0.03681,-0.04194,0.01992,-0.02519,0.0361,0.01391,0.02167,0.11354,-0.02679,-0.014,0.09287,-0.00845,0.01347,0.03266,-0.03847,0.05982,-0.05722,-0.00353,0.01929,0.0999,0.01588,-0.04554,-0.03346,0.04544,0.02463,0.01591,-0.00305,-0.01119,0.01013,0.05558,-0.06271,0.02395,-0.09572,0.01381,-0.02132,0.01097,0.05204,-0.12515,-0.00813,-0.03873,-0.00218,0.07049,0.03975,-0.00544,-0.00733,0.05424,-0.08296,-0.01671,-0.02306,-0.00834,0.00785,-0.02016,0.04023,0.03517,0.00844,-0.07483,-0.03599,0.09619,0.03704,-0.03607],"keywords":"Angular Diagram Example – Connector Outlet for Branching Nodes Angular Diagram Example – Connector Outlet for Branching Nodes Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders. Example ::: ng-component <connector-outlet</connector-outlet [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.scss :::","excerpt":"Example ::: ng-component <connector-outlet</connector-outlet [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.scss :::"},{"chunkId":"/examples/connector-outlet#3","slug":"connector-outlet","route":"/examples/connector-outlet","section":"examples","title":"Angular Diagram Example – Connector Outlet for Branching Nodes","description":"Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders.","group":"Connectors","vector":[0.02265,-0.01291,-0.05349,0.02214,0.02462,0.01431,-0.10184,0.0058,0.04691,0.06645,0.01487,0.09357,-0.03072,0.00841,0.067,0.03157,-0.03778,-0.00578,-0.00582,-0.05461,-0.07815,-0.04371,-0.04554,-0.05366,-0.0076,-0.00178,0.03123,0.01153,0.04254,-0.03124,0.03551,0.02172,-0.09644,-0.00758,-0.11512,0.03121,-0.01236,0.00054,-0.04688,0.03292,0.10825,0.00199,0.04298,-0.06807,-0.05436,-0.04128,-0.12455,-0.01646,0.01476,-0.00285,-0.01014,-0.07531,-0.04317,0.02703,0.07079,0.01438,-0.0113,-0.08858,-0.02263,0.02698,0.09285,-0.05538,-0.00576,-0.05167,-0.00446,-0.02235,0.00433,0.08066,0.00202,0.00171,-0.02513,-0.07693,-0.03085,-0.04267,-0.01251,0.02102,-0.00747,-0.03459,-0.05537,0.05518,-0.01329,0.09384,-0.1027,0.01965,-0.01538,0.10225,-0.03731,-0.05908,-0.02446,-0.08866,-0.04901,0.07091,0.08797,-0.05414,0.02307,0.05101,-0.05478,0.01341,-0.06698,0.00247,0.01697,-0.01731,0.05065,-0.02662,-0.00142,-0.01611,-0.06074,-0.02243,0.04578,-0.05281,-0.01537,0.05294,-0.06418,0.00267,-0.05527,-0.02516,-0.02036,-0.04321,0.05037,0.16712,-0.06864,0.03371,0.04419,0.03535,0.04823,-0.03727,-0.01193,0,-0.03478,0.04292,-0.05973,0.00538,0.09314,0.03916,-0.01435,-0.03335,0.04193,0.00921,-0.03381,-0.01588,-0.02672,0.0206,0.05802,-0.09088,-0.03772,0.00125,-0.00074,0.02968,0.03346,-0.09636,-0.0336,0.07235,0.07604,-0.0482,0.00902,0.00716,-0.00941,0.00868,0.05081,0.06207,0.02151,0.08358,-0.04267,0.03942,-0.04034,-0.05697,-0.01956,-0.03037,-0.05531,0.01446,-0.07337,0.03272,0.0386,0.00592,-0.05263,-0.03956,0.04943,0.01374,0.01075,0.02221,0.0638,0.01413,0.03054,-0.02089,-0.00973,0.05369,0.01198,0.03961,-0.08058,-0.02762,-0.08102,-0.01987,-0.01471,0.08099,0.00093,-0.01358,0.0739,-0.08516,-0.08834,0.06219,-0.05059,0.00331,-0.07371,0.01583,-0.04956,0.02476,0.07827,-0.04372,-0.08767,-0.01363,-0.0372,0.01717,0.10408,-0.06985,-0.0095,-0.02428,-0.05065,0.01978,0.03592,0.17571,0.05394,0.03554,0.11177,0,-0.08064,0.03477,-0.00242,0.04336,0.00237,-0.03603,-0.01624,-0.13722,0.04921,0.02889,0.01737,0.1032,0.05511,-0.01906,-0.0337,-0.01255,-0.03672,-0.07193,0.08246,0.03039,0.05227,0.05546,0.08601,-0.05605,-0.01524,0.02421,0.01709,-0.10124,0.04247,0.04357,0.04899,0.00582,0.0517,0.00542,-0.04289,0.02209,-0.04013,0.08432,0.05344,-0.06291,0.01004,-0.00576,0.01086,-0.05193,-0.12391,0.02627,-0.06465,0.00026,-0.03539,0.00385,-0.0931,0.0569,-0.02429,0.01276,-0.05189,-0.06316,0.12728,0.06438,0.02855,-0.03057,0.02224,0.00352,-0.02547,0.01954,-0.03186,0.01964,0.00179,-0.062,0.0184,0.07544,-0.04944,0.07194,-0.01955,0.01677,0.01286,0.06183,-0.01982,-0.11559,0.01904,0.01556,-0.12561,0.08979,-0.03854,-0.04009,0.04619,-0.08777,-0.01531,0.00507,0.07837,0.01974,-0.04025,0.00155,0.00385,-0.04578,-0.0175,0,-0.06058,0.03222,0.02645,0.01587,-0.01353,-0.06552,0.01343,0.04223,0.06912,0.06122,0.03351,0.08452,-0.07601,0.01607,0.12786,0.0031,0.01774,-0.0113,-0.0017,0.06283,-0.0299,-0.01649,0.01145,0.08434,-0.00537,0.002,0.032,0.07232,-0.03108,0.00873,0.02048,0.02845,-0.00452,0.09658,-0.05516,0.02586,-0.04861,0.02555,-0.00851,0.02356,0.04058,-0.06679,-0.05686,-0.03466,-0.01325,0.06102,0.04409,-0.01713,-0.01312,0.08033,-0.05519,-0.04503,-0.0071,-0.04714,0.01751,0.00983,0.02171,0.00711,0.05973,-0.03747,-0.05974,0.10823,0.01118,-0.02976],"keywords":"Angular Diagram Example – Connector Outlet for Branching Nodes Angular Diagram Example – Connector Outlet for Branching Nodes Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders. What this solves - Cleaner fan-out from a single node. - More explicit exit points for branching logic. - Better readability when many edges leave the same step. If your nodes represent actions, conditions, or service calls with multiple outcomes, outlet connectors are usually a better fit than a single shared port.","excerpt":"What this solves - Cleaner fan-out from a single node. - More explicit exit points for branching logic. - Better readability when many edges leave the same step. If your nodes represent actions, conditions, or service calls with multiple outcomes, outlet connectors are usually a better fit than a single shared port."},{"chunkId":"/examples/connector-outlet#4","slug":"connector-outlet","route":"/examples/connector-outlet","section":"examples","title":"Angular Diagram Example – Connector Outlet for Branching Nodes","description":"Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders.","group":"Connectors","vector":[0.03503,0.01839,-0.0619,0.03162,-0.00177,0.01429,-0.04915,0.00195,0.00424,0.06808,0.02045,0.06808,-0.01173,0.02534,0.04481,0.02073,-0.06661,0.01017,-0.00942,-0.07492,-0.00984,-0.03487,-0.02681,-0.03741,-0.02619,-0.00328,0.02913,0.02239,0.06336,-0.04638,-0.00896,0.00695,-0.09186,-0.00249,-0.10383,-0.01281,0.01488,0.03409,-0.04258,0.01919,0.10501,-0.00999,0.03103,-0.0624,-0.03857,-0.03624,-0.1277,0.00209,-0.03118,-0.01521,-0.05011,-0.10857,-0.04572,0.05575,0.06963,-0.0241,0.02173,-0.06248,0.00858,0.03895,0.05424,-0.08685,-0.04259,-0.04886,-0.04945,-0.01081,-0.05666,0.08149,-0.02911,0.01406,-0.00038,-0.06275,-0.0483,-0.06603,-0.00479,-0.02054,-0.01779,0.02657,-0.01654,0.00787,0.02006,0.10336,-0.06526,0.01852,-0.06589,0.08986,-0.01966,-0.05672,-0.02987,-0.06503,-0.00248,0.0392,0.06066,-0.01666,0.03263,0.03633,-0.04199,-0.00616,-0.07572,-0.00411,0.02666,-0.04923,0.03545,-0.00847,-0.00493,-0.01615,-0.061,0.00443,0.02685,-0.02116,0.02091,0.04278,-0.0639,-0.04348,-0.06343,-0.05297,0.00907,-0.0293,0.02108,0.14251,-0.05662,0.07258,0.0081,-0.01951,0.07402,-0.01792,-0.01319,0,-0.01958,0.01131,-0.09313,-0.00644,0.10733,0.03246,-0.03659,-0.02111,0.05487,0.02866,-0.03447,-0.01924,-0.04412,0.02166,0.03066,-0.12012,0.01159,0.01587,0.03281,0.05508,0.00654,-0.13532,-0.00946,0.07573,0.10341,-0.02192,-0.02911,-0.02163,0.00814,0.00906,0.02872,0.07693,0.06103,0.05974,-0.06004,0.03612,-0.04529,-0.08002,0.01306,-0.028,-0.0269,-0.0242,-0.0618,0.0914,0.02879,0.02922,0.01352,-0.0318,0.0642,0.05878,-0.0016,0.04037,0.06624,-0.02379,0.06632,-0.01468,-0.06017,0.10518,-0.00246,0.04854,-0.041,-0.04163,-0.07675,-0.0194,-0.01364,0.05294,-0.04816,-0.01196,0.06253,-0.08495,-0.11385,0.05678,-0.0439,0.05229,-0.09977,-0.00194,-0.05368,0.05621,0.08211,-0.08455,-0.11897,-0.03484,-0.00688,0.01908,0.11281,-0.08296,0.02701,0.01986,-0.00627,-0.04491,0.04905,0.11837,0.0346,0.05949,0.13829,0,-0.06265,0.03219,-0.00985,0.02899,0.02861,-0.04094,-0.01878,-0.08351,0.03688,0.0196,0.0543,0.1069,0.03458,-0.01756,-0.04246,-0.0522,-0.04685,-0.05868,0.04654,0.03228,0.02415,0.01422,0.03762,-0.08622,0.00425,0.02413,0.02108,-0.0795,0.07091,0.04337,0.01899,0.01153,0.01114,-0.00293,-0.02955,0.00497,-0.02659,0.06983,0.06269,-0.06507,0.03997,0.02836,0.03314,-0.05125,-0.12177,0.00317,-0.00492,0.00046,-0.06662,-0.027,-0.10042,0.02939,-0.018,0.03014,-0.0461,-0.05623,0.10288,0.0394,0.05867,-0.0472,0.02555,0.00496,0.0294,0.01435,0.00687,0.00633,-0.03872,-0.0633,0.00186,0.07494,-0.03899,0.06912,-0.00329,0.02378,0.01604,0.02488,0.00438,-0.09122,0.02974,-0.01735,-0.08778,0.10851,-0.0484,-0.02234,0.07933,-0.05352,-0.04372,0.03299,0.07985,0.06425,-0.064,-0.00783,-0.01283,-0.01677,-0.02106,0,-0.08509,0.01517,-0.0018,-0.02079,0.06041,-0.0513,0.05979,0.02195,0.03493,0.05519,0.06428,0.08564,-0.04273,-0.00188,0.11692,0.03823,0.04321,0.00031,-0.00393,0.04997,-0.06485,-0.02084,0.01578,0.13069,0.01032,-0.02162,0.02538,0.06107,0.00322,0.03831,0.00429,0.02702,0.00959,0.03179,-0.04803,0.04455,-0.07774,-0.00923,-0.03844,0.02398,0.03719,-0.11495,0.01047,-0.03789,0.00266,0.07804,0.02799,0.00622,0.00257,0.07658,-0.07046,-0.03724,-0.00875,-0.0373,-0.00499,0.01521,0.06295,0.03186,0.03311,-0.04056,-0.05287,0.0934,0.06457,-0.03509],"keywords":"Angular Diagram Example – Connector Outlet for Branching Nodes Angular Diagram Example – Connector Outlet for Branching Nodes Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders. Related docs - Node Outlet Directive - Connection Component - Connection Rules - Limiting Connections Example","excerpt":"Related docs - Node Outlet Directive - Connection Component - Connection Rules - Limiting Connections Example"},{"chunkId":"/examples/limiting-connections#0","slug":"limiting-connections","route":"/examples/limiting-connections","section":"examples","title":"Angular Diagram Example – Limit Connections per Port or Node","description":"Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states.","group":"Connectors","vector":[-0.01955,0.05621,-0.06715,-0.00747,-0.04177,-0.00438,-0.01513,-0.04236,-0.0305,0.0773,-0.02087,0.04746,0.02292,0.07033,0.06227,0.05956,-0.0335,-0.04457,0.02594,-0.07868,0.03969,-0.03369,-0.04634,-0.04118,-0.0325,-0.00453,0.02113,-0.03777,0.07792,-0.04243,-0.04503,-0.01513,-0.08417,0.02741,-0.0837,-0.00708,-0.02698,0.00566,-0.04232,0.04627,0.06074,0.01772,0.01893,-0.04773,-0.03888,-0.06322,-0.12148,0.00764,-0.01662,-0.03511,-0.06046,-0.03933,-0.08514,-0.01152,0.08188,-0.12934,-0.0188,-0.06107,-0.03668,0.03049,0.0367,-0.08976,-0.03605,-0.03597,0.0323,0.03539,-0.07292,0.06019,-0.02397,0.14391,0.00702,-0.03953,-0.02065,-0.02171,0.00981,0.00836,-0.095,0.02476,0.01214,-0.02239,-0.05606,0.02676,-0.0238,0.00458,-0.0663,0.09237,-0.06812,-0.08852,0.05249,-0.0547,-0.03982,0.04801,0.05326,0.0663,-0.00676,0.03985,-0.03158,-0.04547,-0.0633,0.01315,0.04932,-0.08466,0.02411,0.00968,-0.04672,-0.0237,-0.00571,-0.02332,-0.00836,0.04048,-0.00531,0.09623,0.01692,-0.02459,-0.09373,0.02644,0.03566,-0.01835,0.01958,0.12412,-0.06921,0.04275,0.06677,-0.04879,0.05098,-0.00219,0.00722,0,-0.00003,-0.02189,-0.07533,-0.06125,0.06853,0.03194,-0.08072,-0.01814,-0.00318,0.06929,0.00876,0.01533,-0.02456,0.00507,0.07671,-0.05133,0.09608,0.00929,0.06024,-0.00453,0.01096,-0.13511,-0.05346,0.06809,0.02231,0.00939,-0.01271,0.0405,0.03175,0.02692,0.10569,0.10074,0.00133,0.04918,0.02851,0.00752,-0.03569,-0.01192,0.00561,-0.06983,-0.06906,-0.06482,-0.11213,0.12592,0.03797,0.03736,-0.03197,-0.03704,-0.0283,0.05203,-0.03697,0.04333,-0.02582,0.02433,0.02978,-0.04173,-0.06633,0.10409,-0.04316,0.06476,0.01213,-0.0753,-0.00057,-0.02404,0.01154,0.02492,-0.0595,-0.06307,0.06374,-0.02338,-0.0378,0.02964,-0.01393,0.04832,-0.08608,-0.04508,0.00301,0.10191,-0.0095,-0.03555,-0.08778,-0.05692,-0.00139,0.05603,0.01608,-0.0677,0.00769,0.01407,-0.02278,-0.01114,0.00538,0.03852,0.07734,0.00768,0.04201,0,-0.03715,0.06423,0.00118,0.01936,0.02079,-0.0671,0.03607,0.0168,0.0351,0.04108,0.0688,0.03015,0.09204,0.01508,-0.08929,-0.0776,-0.04054,-0.05771,0.04176,0.05115,-0.02256,0.00486,0.0269,-0.00733,0.00515,0.07021,-0.05577,-0.13131,-0.01039,0.03463,-0.00375,0.00727,0.01783,0.01955,-0.03492,-0.04329,0.07825,0.06066,0.03699,-0.00299,0.05082,-0.02086,0.01893,-0.03297,-0.05406,-0.03323,0.00799,-0.01472,-0.12439,-0.01235,-0.08097,0.03125,0.06495,0.00167,0.0014,-0.01754,0.10755,0.00982,0.11822,0.05964,0.00837,-0.04796,-0.02337,0.04734,0.02298,0.02134,-0.03757,-0.03451,0.07727,0.07154,0.04199,0.07846,-0.00244,0.0649,0.0229,-0.01553,-0.011,-0.09205,-0.0172,0.01566,-0.07026,0.09728,-0.04648,-0.00156,0.03339,0.03032,-0.02975,-0.03988,0.04109,0.09711,-0.06222,-0.02756,-0.06671,-0.04054,-0.04086,0,-0.06816,-0.00338,-0.01241,-0.00875,0.07458,0.0052,0.03278,-0.01175,0.0368,0.0648,0.03219,0.11654,-0.04933,-0.01523,0.08467,-0.00613,0.05925,-0.01988,-0.02148,0.05421,-0.04128,-0.02224,0.01245,0.13161,0.0067,-0.05786,0.01576,0.04914,0.01076,0.06849,-0.04056,-0.01157,0.07235,0.02005,-0.05007,0.03843,-0.14171,-0.00456,-0.00584,0.08011,0.01196,-0.01406,0.03276,0.01574,0.00619,0.06228,0.0187,-0.04201,0.00071,0.03234,-0.07579,-0.01693,0.00185,-0.02731,-0.06391,0.01959,0.04081,0.00872,-0.02734,0.00852,-0.03681,0.11131,0.03553,-0.03513],"keywords":"Angular Diagram Example – Limit Connections per Port or Node Angular Diagram Example – Limit Connections per Port or Node Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states. Limiting Connections","excerpt":"Limiting Connections"},{"chunkId":"/examples/limiting-connections#1","slug":"limiting-connections","route":"/examples/limiting-connections","section":"examples","title":"Angular Diagram Example – Limit Connections per Port or Node","description":"Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states.","group":"Connectors","vector":[-0.05086,0.03587,-0.04037,-0.02092,-0.02081,0.01774,-0.03928,-0.01694,0.01474,0.02491,-0.04075,0.0681,0.02657,0.04835,0.07109,0.0796,-0.00181,-0.04324,-0.03563,-0.07846,0.03262,-0.04022,-0.05946,-0.02903,-0.06056,-0.00251,0.00063,-0.02567,0.0659,-0.05969,-0.06636,0.00316,-0.10925,0.02024,-0.06864,0.02379,-0.01169,0.04365,-0.05236,-0.00479,0.07918,0.01251,-0.01957,-0.01134,-0.03781,-0.07606,-0.09742,-0.04728,-0.02059,0.00122,-0.06758,-0.00145,-0.0862,0.00036,0.07137,-0.11857,0.00875,-0.02851,-0.03945,0.04433,0.05609,-0.08639,-0.03048,-0.03757,0.03287,0.02527,-0.05725,0.0505,-0.03691,0.13161,-0.00383,-0.03048,-0.06232,-0.00055,0.01153,0.02694,-0.10165,0.00669,0.00874,-0.03793,-0.01678,0.0373,-0.02702,0.02406,-0.04699,0.11893,-0.02532,-0.08997,0.07777,-0.03412,-0.04314,0.03596,0.08328,0.0445,0.03336,0.01624,-0.02341,-0.02733,-0.06672,0.03675,0.03217,-0.08327,0.05335,-0.00118,-0.03632,-0.03626,-0.00352,-0.01234,-0.02596,0.03821,0.02117,0.08932,0.02721,-0.02853,-0.08007,0.01696,0.01738,-0.02362,0.02101,0.12954,-0.07252,0.05811,0.07278,-0.02799,0.04613,-0.00927,0.00036,0,0.00417,0.01333,-0.06462,0.00014,0.08718,0.04367,-0.06938,-0.01993,-0.00703,0.05976,0.00348,0.02562,-0.02572,0.04385,0.10007,-0.02648,0.07009,0.03333,0.0673,0.00521,-0.01931,-0.18998,-0.06707,0.09026,0.02499,0.01832,-0.00983,0.0867,0.02147,0.01309,0.04955,0.07237,0.05929,0.06009,0.01351,0.0046,-0.05062,-0.05168,0.03253,-0.05906,-0.05192,-0.05277,-0.09379,0.10661,0.04555,0.03668,-0.03306,-0.01226,-0.05885,0.01744,-0.02263,0.09003,0.01789,0.02473,0.02162,-0.07563,-0.03823,0.05599,-0.02489,0.08249,-0.03564,-0.00715,-0.0125,0.02977,0.01841,0.0415,-0.04961,-0.03924,0.06214,-0.0714,-0.10043,0.02794,-0.02022,0.04166,-0.08815,-0.0785,-0.01518,0.07575,0.05137,-0.05029,-0.07227,-0.05036,0.01936,0.0469,-0.00532,-0.09075,-0.00691,0.01652,-0.06351,0.00273,0.03019,0.04308,0.06713,0.033,0.06977,0,-0.05471,0.03231,0.01687,0.01566,0.00668,-0.04904,0.03109,0.0018,0.0561,0.01422,0.07311,0.03825,0.07972,-0.01034,-0.09339,-0.07668,-0.05413,-0.05865,0.0578,0.01402,0.04841,-0.00907,0.00696,0.01355,0.00677,0.05846,-0.0785,-0.1059,-0.01414,0.02531,0.012,0.00633,-0.00446,-0.01015,-0.0162,-0.06422,0.06174,0.06295,0.05522,-0.01621,0.04619,-0.00014,0.00096,-0.01412,-0.04103,-0.00903,-0.02677,-0.04941,-0.11945,-0.02836,-0.06539,0.04923,0.05396,-0.0236,-0.01996,-0.01918,0.11721,-0.01017,0.06826,0.03981,0.00784,-0.04804,-0.00157,0.05453,0.02108,0.02933,-0.02214,-0.01339,0.07386,0.07094,0.05059,0.04943,-0.01309,0.04588,0.0335,-0.02294,0.00735,-0.10298,-0.0039,0.01875,-0.08004,0.09024,0.00156,-0.00803,0.04185,0.03324,-0.03423,-0.02516,0.07387,0.07626,-0.08428,-0.01588,-0.07605,-0.02666,-0.05347,0,-0.08196,0.01614,-0.01702,-0.0387,0.04557,-0.00753,0.0051,0.00978,0.06496,0.07189,0.03656,0.06638,-0.09534,-0.00267,0.09457,-0.01272,0.03227,0.00298,-0.03264,0.01876,-0.02876,-0.01765,0.00086,0.11348,0.01222,-0.09565,0.04145,0.069,-0.01394,0.06696,-0.04107,-0.0353,0.08318,0.0858,-0.06572,0.02879,-0.10178,-0.01211,-0.01666,0.07964,0.01967,-0.03967,0.01764,-0.00028,0.00867,0.05818,0.02181,-0.02942,-0.02323,0.03046,-0.05919,0.00236,0.00582,-0.04751,-0.06079,-0.00083,0.04068,0.00049,0.01116,-0.00217,-0.08052,0.09401,0.05576,-0.04566],"keywords":"Angular Diagram Example – Limit Connections per Port or Node Angular Diagram Example – Limit Connections per Port or Node Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states. Description This example shows how to limit the number of connections that a connector, port, or node can accept. Connection limits are one of the simplest ways to keep a graph editor aligned with product rules instead of allowing arbitrary wiring. That is important in workflow builders, API mappers, and logic tools where one input may accept only one source, while another port may support many outbound connections. Without guardrails, users can create invalid states that are harder to explain and harder to repair. A clear connection limit usually improves UX because it makes the editor behave like the product domain, not like a blank canvas.","excerpt":"Description This example shows how to limit the number of connections that a connector, port, or node can accept. Connection limits are one of the simplest ways to keep a graph editor aligned with product rules instead of allowing arbitrary wiring. That is important in workflow builders, API mappers, and logic tools where one input may accept only one source, while another port may support many outbound connections. Without guardrails, users can create invalid states that are harder to explain and harder to repair. A clear connection limit usually improves UX because it makes the editor behave like the product domain, not like a blank canvas."},{"chunkId":"/examples/limiting-connections#2","slug":"limiting-connections","route":"/examples/limiting-connections","section":"examples","title":"Angular Diagram Example – Limit Connections per Port or Node","description":"Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states.","group":"Connectors","vector":[-0.04866,0.03058,-0.06993,-0.00174,0.00856,0.04183,-0.01488,0.00037,-0.03182,0.06652,-0.03288,0.0671,0.02102,0.06333,0.0339,0.02839,-0.06497,-0.02996,-0.00553,-0.04015,0.06216,-0.04311,-0.00718,-0.01196,-0.03648,-0.0251,-0.00743,-0.04589,0.06999,-0.02014,-0.01492,0.01721,-0.09404,0.042,-0.02667,0.00775,-0.02141,0.00106,-0.05321,0.01075,0.09892,0.03258,0.02322,-0.05435,-0.00541,-0.05203,-0.13727,-0.00353,-0.03265,-0.01914,-0.04556,-0.00944,-0.07372,0.03171,0.07562,-0.12023,-0.04525,-0.08828,0.00837,0.04533,0.0163,-0.12388,-0.03952,-0.04587,0.02578,0.03801,-0.10337,0.02716,-0.05337,0.14451,0.01169,-0.01116,-0.036,0.00069,0.02757,0.00486,-0.1017,0.06468,-0.00708,-0.05463,-0.03016,0.00822,-0.01205,-0.01306,-0.06506,0.12046,-0.04887,-0.06231,0.02566,-0.03025,-0.02581,0.05212,0.0469,0.04793,0.00926,0.03769,-0.09934,-0.02541,-0.04451,0.02466,0.0188,-0.0922,0.0676,0.05319,-0.02009,-0.02705,-0.01439,0.01892,-0.04513,0.03815,0.00229,0.10289,0.06957,-0.04786,-0.0624,-0.0074,0.04036,-0.02617,0.03312,0.12363,-0.03325,0.04597,0.02669,-0.05846,0.04771,0.00129,0.01918,0,-0.00565,-0.01535,-0.03677,-0.01997,0.06171,-0.00515,-0.0682,-0.02,-0.03247,0.09599,-0.03121,0.00237,-0.03244,-0.01401,0.04324,-0.07453,0.09638,0.04372,0.01654,0.00695,0.01343,-0.13717,-0.02636,0.06057,0.05404,-0.01988,-0.03188,0.04738,0.00942,0.01292,0.07084,0.08854,0.04162,0.00916,0.0322,-0.01531,-0.00285,-0.00067,-0.01907,-0.05718,-0.01643,-0.03628,-0.09374,0.15121,0.00772,0.01656,0.00299,-0.04873,-0.01331,0.04911,-0.01787,0.06239,-0.01487,0.02149,0.06943,-0.05033,-0.06511,0.07953,-0.0383,0.08058,-0.00347,-0.04859,-0.01244,-0.00459,0.04022,0.01852,-0.045,-0.02934,0.02513,-0.05994,-0.05384,0.05753,-0.03315,0.03071,-0.08231,-0.05677,0.04532,0.09381,0.02869,-0.03075,-0.07128,-0.07924,-0.02069,0.07668,0.02241,-0.09848,-0.01181,-0.01168,-0.03563,-0.07221,0.03189,0.00158,0.03445,-0.03948,0.00986,0,0.00156,0.04572,0.00391,0.03491,-0.00695,-0.04628,0.06402,0.04937,0.04879,0.04182,0.07679,0.03892,0.1011,-0.03147,-0.06311,-0.05541,-0.04776,-0.05768,0.07864,0.03161,-0.01138,0.0151,0.01841,-0.00404,0.01417,0.07304,-0.04436,-0.05355,-0.03253,0.00616,0.00519,-0.01049,-0.03811,0.02821,-0.02896,-0.0877,0.04003,0.13962,0.06749,0.00847,0.09775,0.03479,-0.00114,-0.00046,-0.04245,-0.05172,0.01177,-0.0498,-0.09594,-0.04255,-0.10348,-0.00816,0.04071,0.04738,0.0148,-0.04762,0.10628,-0.02754,0.0453,0.02001,0.08384,-0.04972,-0.01855,0.01608,0.06286,0.01488,-0.07817,-0.02975,0.07502,0.05277,0.0568,0.04037,0.02288,0.05517,0.02066,-0.00926,-0.01599,-0.05505,0.02558,0.04199,-0.08227,0.1136,-0.03364,0.03881,0.05244,0.03005,-0.04455,-0.02872,0.06661,0.0872,-0.06753,-0.05218,-0.02552,-0.02768,-0.04722,0,-0.07174,-0.01934,-0.04893,-0.04325,0.0726,-0.01646,0.01061,-0.03943,0.02324,0.06096,0.0082,0.09967,-0.0146,-0.02571,0.06268,-0.03701,0.03616,-0.00727,-0.04804,0.05095,-0.04535,-0.00402,0.02362,0.1285,0.00163,-0.08801,-0.01835,0.02311,0.00712,0.03327,-0.05788,-0.03503,0.03076,0.0193,-0.04953,0.03172,-0.14296,0.01262,0.0026,0.0715,0.02661,-0.08772,0.04474,0.0034,0.00719,0.08714,-0.00238,-0.00966,-0.01425,0.0176,-0.09233,0.0279,-0.01698,-0.00631,-0.03839,-0.01498,0.04763,0.03609,-0.01467,-0.03914,-0.02326,0.09779,0.04825,-0.01577],"keywords":"Angular Diagram Example – Limit Connections per Port or Node Angular Diagram Example – Limit Connections per Port or Node Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states. Example ::: ng-component <limiting-connections</limiting-connections [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.scss :::","excerpt":"Example ::: ng-component <limiting-connections</limiting-connections [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.scss :::"},{"chunkId":"/examples/limiting-connections#3","slug":"limiting-connections","route":"/examples/limiting-connections","section":"examples","title":"Angular Diagram Example – Limit Connections per Port or Node","description":"Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states.","group":"Connectors","vector":[-0.01559,0.05657,-0.03761,-0.00892,0.01173,-0.00843,-0.0583,-0.02774,-0.01692,0.05783,-0.02276,0.03669,0.01212,0.06459,0.07558,0.05134,-0.02542,-0.03382,-0.00157,-0.10484,0.03123,-0.05673,-0.04814,-0.03496,-0.02905,0.01659,0.03358,0.00495,0.0844,-0.07087,-0.02072,-0.04257,-0.08441,0.01295,-0.11316,0.04366,0.02227,0.01311,-0.03874,0.02802,0.02945,0.02939,-0.00994,-0.05241,-0.00626,-0.07021,-0.11074,0.01102,-0.01966,-0.01002,-0.05795,-0.03462,-0.0877,-0.00672,0.06678,-0.0925,-0.01978,-0.04519,-0.04154,0.00003,0.04895,-0.07597,-0.04152,-0.01861,0.04189,0.05248,-0.07002,0.05723,0.00183,0.14347,0.00298,-0.05042,-0.03438,-0.0016,-0.00493,0.02593,-0.09081,0.02507,-0.00024,-0.04673,-0.03578,0.06081,-0.0149,0.05318,-0.03879,0.09975,-0.04583,-0.06822,0.03927,-0.04618,0.01658,0.03501,0.05843,0.06463,0.0415,0.04159,-0.02183,-0.05564,-0.0426,0.02771,0.04399,-0.10558,0.07563,0.01573,-0.02378,-0.03114,0.02307,-0.01202,-0.00327,0.02165,0.00683,0.10407,-0.01254,-0.01095,-0.08219,0.00282,0.0106,-0.02661,0.00818,0.07417,-0.06328,0.02038,0.10006,-0.02845,0.07831,-0.02482,-0.02241,0,-0.00315,0.0263,-0.09034,-0.02248,0.06922,0.03269,-0.08188,-0.02072,0.00063,0.11021,0.03644,0.02996,-0.02932,-0.01724,0.08783,-0.05421,0.06924,0.00235,0.05086,0.01342,0.00938,-0.12958,-0.05059,0.09158,0.0346,0.04448,-0.00348,0.06083,-0.01986,0.01686,0.1168,0.0822,0.01338,0.03034,0.04823,0.02256,-0.06433,-0.02507,0.01174,-0.07161,-0.04583,-0.08137,-0.11714,0.12965,0.05205,0.02286,-0.05274,-0.03941,-0.04327,0.02336,-0.03197,0.06548,-0.01071,0.00612,0.02362,-0.05091,-0.05559,0.06138,-0.03267,0.05064,0.02259,-0.06396,-0.03349,-0.00774,-0.01983,0.02709,-0.11384,-0.07045,0.0843,-0.05669,-0.06411,0.03904,-0.03027,0.04009,-0.07621,-0.06093,-0.01449,0.08638,0.00695,-0.03534,-0.0693,-0.04485,0.01512,0.05459,0.01141,-0.09411,0.02741,0.00337,-0.04404,0.01055,0.01548,0.05722,0.05972,0.00627,0.09316,0,-0.04144,0.06527,0.00211,0.01519,-0.00692,-0.06094,0.00952,0.00371,0.0405,0.01755,0.0489,0.02919,0.03195,-0.00217,-0.07678,-0.05328,-0.04649,-0.07974,0.06251,0.02194,-0.00747,0.02669,-0.00372,0.00584,-0.02691,0.07826,-0.06645,-0.12497,-0.00009,0.04227,-0.00784,0.0129,0.06916,-0.00805,-0.04,-0.04503,0.05638,0.0445,0.05016,-0.00809,0.02941,0.00733,0.01338,-0.05944,-0.0444,-0.02596,0.00155,-0.01387,-0.10909,-0.01108,-0.03321,0.02171,0.05659,-0.06384,0.01138,-0.03718,0.10228,0.0121,0.09231,0.05311,-0.02813,-0.03051,-0.01963,0.06265,-0.00578,0.00565,-0.01688,-0.06427,0.08751,0.05054,-0.01575,0.05456,-0.0252,0.05382,0.07188,-0.04165,-0.01333,-0.05925,0.00704,-0.00576,-0.03937,0.0669,-0.05472,0.01859,0.02125,0.05664,-0.03312,-0.03349,0.04131,0.08709,-0.04839,-0.01338,-0.07289,-0.0088,-0.00414,0,-0.10355,0.00168,0.02112,-0.03569,0.04244,0.00007,0.04544,-0.01754,0.04636,0.02758,0.01592,0.1068,-0.0797,-0.03865,0.0934,0.00807,0.05002,-0.01068,-0.03895,0.06729,-0.06182,-0.03451,0.00889,0.13245,0.04167,-0.06429,0.03209,0.06555,0.0039,0.07518,-0.01921,-0.0175,0.08241,0.05163,-0.0333,0.02313,-0.12832,-0.00894,0.02648,0.07898,0.02772,0.01615,0.04351,0.00304,-0.00301,0.07358,0.00713,-0.04454,-0.01649,0.03809,-0.08364,-0.03234,-0.02745,-0.01134,-0.06468,-0.00126,0.04911,-0.00224,0.01372,0.00842,-0.0378,0.12758,0.03891,-0.06389],"keywords":"Angular Diagram Example – Limit Connections per Port or Node Angular Diagram Example – Limit Connections per Port or Node Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states. When to use it - Enforce one-to-one or one-to-many connection rules. - Prevent invalid graph states before they reach backend validation. - Keep complex diagrams readable and easier to debug. This example is a good starting point when your nodes need structural rules, not just visual freedom.","excerpt":"When to use it - Enforce one-to-one or one-to-many connection rules. - Prevent invalid graph states before they reach backend validation. - Keep complex diagrams readable and easier to debug. This example is a good starting point when your nodes need structural rules, not just visual freedom."},{"chunkId":"/examples/limiting-connections#4","slug":"limiting-connections","route":"/examples/limiting-connections","section":"examples","title":"Angular Diagram Example – Limit Connections per Port or Node","description":"Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states.","group":"Connectors","vector":[0.00074,0.04056,-0.07007,-0.00114,-0.01762,0.02841,-0.04459,-0.0421,-0.02951,0.0594,0.00673,0.04462,0.03307,0.05895,0.05303,0.04149,-0.04617,-0.03443,0.01537,-0.09503,0.04406,-0.01995,-0.0488,-0.03786,-0.0482,0.00152,0.01353,-0.02915,0.07343,-0.04789,-0.03583,-0.03254,-0.06932,0.02746,-0.08333,-0.01719,0.00703,-0.01931,-0.05125,0.03087,0.06873,-0.0197,0.02097,-0.05664,-0.04604,-0.05408,-0.12912,0.01832,-0.02909,-0.01911,-0.05978,-0.05552,-0.07886,0.01174,0.07193,-0.13994,-0.01305,-0.04577,-0.01833,0.03253,-0.00702,-0.09055,-0.04565,-0.04569,0.03406,0.0127,-0.07569,0.04944,-0.05061,0.11962,0.00235,-0.03543,-0.00499,-0.02755,-0.00935,0.02414,-0.08725,0.04285,0.01077,-0.04179,-0.01161,0.06602,-0.02293,-0.01434,-0.06403,0.09639,-0.0761,-0.05895,0.02262,-0.07283,-0.02389,0.05237,0.02694,0.06527,0.00035,0.04962,-0.01087,-0.03533,-0.058,0.00279,0.04059,-0.07294,0.03044,0.00313,-0.01812,-0.04068,-0.03833,-0.00056,0.00004,0.0038,0.02381,0.0692,-0.01807,-0.03877,-0.07835,0.0044,0.0573,-0.01125,0.01827,0.11459,-0.10808,0.04983,0.06541,-0.04354,0.07315,-0.01491,0.0269,0,-0.00812,-0.02393,-0.09318,-0.04346,0.06703,0.02631,-0.07938,0.00776,0.01187,0.05368,0.01659,-0.01687,-0.02346,0.0146,0.07242,-0.03675,0.08928,0.00418,0.06568,0.02841,0.00676,-0.14897,-0.04819,0.07825,0.03731,0.02626,-0.01445,0.0097,0.01023,0.01334,0.09541,0.11756,0.02541,0.01303,0.01512,-0.01603,-0.02364,-0.01457,0.0081,-0.06497,-0.05356,-0.06368,-0.08226,0.12005,0.03069,0.05186,-0.02873,-0.04558,-0.01229,0.0473,-0.03205,0.04264,0.00429,0.00689,0.04531,-0.02908,-0.10102,0.09575,-0.025,0.03528,-0.0021,-0.06615,-0.02084,-0.00983,-0.01606,0.0187,-0.05736,-0.05235,0.08334,-0.01353,-0.06475,0.01631,-0.01974,0.04531,-0.08449,-0.03626,-0.00234,0.0764,0.03014,-0.04104,-0.09823,-0.04311,0.02812,0.04431,0.06398,-0.06473,-0.00092,0.01625,-0.01443,-0.03545,0.03068,0.0478,0.05197,-0.00969,0.07857,0,-0.02545,0.08261,-0.00006,0.00716,0.03165,-0.06281,0.01595,0.00559,0.04579,0.05542,0.07141,0.06095,0.09866,0.00537,-0.07763,-0.06054,-0.08442,-0.06073,0.04753,0.06091,-0.00366,-0.04025,0.05925,-0.01714,0.00518,0.04865,-0.0441,-0.11862,0.00098,0.04492,0.00785,0.02904,0.02072,0.02802,-0.03646,-0.0689,0.05379,0.06794,0.04387,0.00872,0.0572,0.00135,0.02249,-0.04415,-0.09009,-0.05026,0.02292,-0.0236,-0.11386,-0.00876,-0.09355,0.02494,0.02479,0.01251,-0.01798,-0.0473,0.11139,0.01338,0.09219,0.04122,0.02265,-0.02595,-0.01329,0.03913,0.0245,0.04051,-0.05425,-0.04377,0.07281,0.08752,0.0217,0.05633,-0.00515,0.05667,0.01439,0.00292,0.00677,-0.09799,-0.02334,0.01393,-0.05098,0.11141,-0.05023,-0.00593,0.06097,0.04288,-0.03379,-0.01734,0.03638,0.0977,-0.0612,-0.00549,-0.06366,-0.02796,-0.03262,0,-0.09822,0.00741,-0.01126,-0.02506,0.06473,-0.00907,0.04874,-0.00042,0.04622,0.0791,0.0419,0.09234,-0.05364,-0.02566,0.08703,0.01544,0.05274,-0.02122,-0.02331,0.07769,-0.02106,-0.02483,0.01758,0.149,0.00741,-0.06533,-0.00937,0.04406,0.0051,0.06409,-0.01646,-0.00257,0.04421,0.02606,-0.04061,0.0219,-0.11598,-0.0113,-0.01038,0.06532,0.01807,-0.03933,0.02075,-0.01875,0.01367,0.07228,0.01842,-0.05628,0.00514,0.09323,-0.0783,-0.01877,0.0138,-0.03553,-0.03882,-0.00013,0.04011,0.02607,-0.02,-0.01318,-0.02997,0.11532,0.08508,-0.04302],"keywords":"Angular Diagram Example – Limit Connections per Port or Node Angular Diagram Example – Limit Connections per Port or Node Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states. Related docs - Connection Rules - Node Input Directive - Node Output Directive - Connector Outlet Example","excerpt":"Related docs - Connection Rules - Node Input Directive - Node Output Directive - Connector Outlet Example"},{"chunkId":"/examples/connection-rules#0","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.031,0.02523,-0.07447,0.00176,-0.00249,0.02504,0.00681,-0.02476,0.04186,0.00179,-0.06556,-0.02365,-0.01326,0.02457,0.03269,0.0659,-0.05988,-0.00182,-0.04163,-0.05184,0.0027,-0.06187,-0.04123,-0.02226,-0.04509,0.01892,0.01616,0.00317,0.06218,-0.05289,-0.01431,0.02823,-0.10143,0.01503,-0.08955,0.02139,0.03716,0.00859,-0.0403,0.02365,0.08969,0.04172,0.00706,-0.06556,-0.02949,0.04642,-0.1126,0.03341,-0.10063,0.04937,-0.10955,-0.07255,-0.09687,0.04549,0.06593,-0.00796,0.03507,-0.09897,-0.00726,0.04729,0.0507,-0.04535,-0.03834,0.0463,-0.02262,0.01618,-0.11577,0.07258,-0.00228,0.01322,0.00093,-0.01669,-0.01923,-0.05489,0.0038,0.00655,-0.02679,0.02138,-0.02372,-0.07403,-0.00262,0.10842,-0.02112,0.01114,-0.00263,0.09715,-0.00954,-0.08008,0.00692,0.00817,0.02938,0.02007,0.02439,0.02666,0.09891,0.01053,0.00335,-0.05189,-0.05854,0.03537,-0.01277,-0.07592,-0.00588,0.03462,0.01148,0.01089,0.00734,0.03352,0.01456,-0.01075,-0.02541,0.04,0.03295,-0.06573,-0.10227,-0.00477,0.00907,0.00317,0.05692,0.05545,-0.0152,-0.0138,0.04609,-0.06718,0.07866,-0.07042,-0.04126,0,-0.01447,-0.00612,-0.06304,0.02533,0.05879,0.01283,-0.07536,-0.09734,-0.00021,0.07661,-0.03643,0.02121,-0.05532,-0.04314,-0.01763,-0.03089,0.04167,0.01123,-0.00399,0.04096,0.05757,-0.13453,-0.04014,0.03728,0.0562,0.07085,-0.01206,0.03564,-0.00426,0.03258,0.08526,0.0037,0.05963,0.03303,-0.00153,0.01767,-0.02572,-0.06002,-0.00335,-0.04622,0.01076,-0.06893,-0.15078,0.0777,-0.03325,0.0073,-0.04255,-0.00172,0.0581,0.02925,-0.00335,0.03641,0.01896,-0.00657,0.0402,-0.06915,-0.09574,0.10495,-0.02493,0.10396,0.03548,0.05732,-0.03332,-0.04521,0.03484,0.04176,-0.05232,-0.01587,0.08534,-0.08186,-0.09817,0.04913,-0.0301,0.0498,-0.01156,-0.08104,-0.03244,0.08032,0.05814,0.01374,-0.07598,-0.04071,0.00278,0.08243,0.04759,-0.06502,0.00687,-0.02735,-0.09231,0.04325,0.08326,0.06828,0.05773,0.0177,0.11112,0,-0.0742,0.04116,0.019,0.04952,0.00182,-0.09232,0.02013,-0.00717,0.04691,0.03759,0.06596,0.0662,-0.03858,-0.00919,0.03854,-0.06666,-0.05576,-0.08958,0.0508,0.01359,0.056,0.08583,-0.067,-0.08722,-0.06614,0.04065,-0.03528,-0.06346,0.00888,0.00747,0.01009,-0.00445,-0.02945,-0.00846,-0.02019,-0.06626,0.00648,0.02347,-0.00064,-0.03168,0.03511,0.05385,-0.05407,-0.03378,-0.06153,0.0023,-0.00036,-0.02688,-0.04435,-0.00788,-0.05426,0.01275,0.02622,-0.04415,-0.02447,0.05032,0.09092,-0.00974,0.02326,-0.01458,0.02887,-0.02983,0.0481,0.02378,0.06773,0.00549,0.02284,-0.0312,0.09311,0.02541,0.03213,0.09002,-0.05931,0.02766,0.09532,-0.00729,0.02187,-0.03548,0.02924,0.02882,-0.04693,0.11262,0.03323,0.03885,0.08004,0.03881,-0.04235,-0.02571,0.04027,0.07601,-0.04916,0.00867,0.00788,-0.02298,-0.05394,0,-0.14645,-0.02561,-0.03496,-0.05132,0.06723,0.04556,-0.03589,-0.0127,0.00055,0.03997,-0.00138,0.11287,-0.04964,-0.03802,0.11535,-0.03249,0.01334,-0.01796,-0.02738,0.00084,-0.00775,0.00461,0.04155,0.15973,0.00212,-0.06633,0.02732,0.02989,-0.04733,0.04341,-0.00106,0.00471,0.05143,0.08249,-0.01386,0.05981,-0.09756,0.00284,-0.05264,0.03797,0.05295,-0.00344,0.04436,0.00276,-0.00318,0.11683,0.00426,-0.05696,-0.06408,0.028,-0.05763,0.00608,-0.0606,0.02438,-0.02971,-0.03306,-0.01008,-0.00087,0.00346,0.01782,-0.08251,0.0862,0.06748,-0.06084],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. Connection Rules","excerpt":"Connection Rules"},{"chunkId":"/examples/connection-rules#1","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.00895,0.02941,-0.10806,0.02297,0.00313,0.05839,0.00366,-0.04652,0.07733,-0.04129,-0.0617,-0.01593,-0.02475,0.021,-0.02072,0.02523,-0.07208,-0.03757,-0.04157,-0.05678,0.0363,-0.06402,-0.03111,-0.05601,-0.09051,0.03632,0.02866,-0.02114,0.02336,-0.06908,-0.02544,0.03999,-0.10888,0.00539,-0.08088,-0.01667,0.02288,-0.02613,-0.05175,-0.00229,0.07163,0.00103,0.03716,-0.06215,-0.0453,0.01719,-0.12873,0.02274,-0.08713,0.06682,-0.08922,-0.0293,-0.04506,0.09271,0.07833,0.022,0.032,-0.12303,0.00168,0.01397,0.02914,-0.03267,-0.00525,0.00912,-0.02118,0.00516,-0.10117,0.05207,-0.00372,0.01426,0.02734,0.00258,-0.0253,-0.04742,0.05342,0.03161,-0.02838,0.03371,0.00215,-0.07215,0.03178,0.10458,-0.01919,-0.00623,0.02653,0.12675,-0.05819,-0.04462,-0.04105,-0.00127,0.0123,-0.00351,0.05159,0.01473,0.06381,-0.02275,-0.00423,-0.03071,-0.05418,0.0162,-0.05058,-0.04305,0.00452,0.05335,0.0303,0.00207,0.01861,0.02954,0.00996,-0.02579,-0.00654,0.03846,0.06493,0.00153,-0.11108,0.0148,-0.0274,0.01855,0.06376,0.06938,-0.01019,0.00108,0.01505,-0.03121,0.05915,-0.03972,-0.07178,0,0.00946,-0.03843,-0.06449,-0.05448,0.04672,0.00509,-0.04643,-0.08111,-0.0075,0.07206,-0.09121,0.00065,-0.07621,-0.00654,0.01515,-0.04583,0.0291,0.05221,-0.02994,0.01212,0.04562,-0.08617,-0.04012,-0.03889,0.08374,0.06245,-0.06365,0.03031,0.05247,0.04912,0.06685,0.01762,0.03625,0.02008,-0.00628,-0.0111,0.00437,-0.02976,-0.0368,-0.03054,0.03219,-0.05596,-0.12446,0.10245,-0.03749,0.01267,-0.00837,0.00419,0.00663,0.01869,-0.01112,0.04024,0.02198,-0.04662,0.02972,-0.13736,-0.10506,0.08771,-0.03481,0.08803,0.00072,0.06885,-0.05154,-0.00841,0.03311,0.05875,-0.02182,-0.03177,0.08039,-0.0662,-0.07685,0.04802,-0.04167,0.03343,-0.00421,-0.06321,-0.04956,0.01719,0.01119,-0.00887,-0.04096,-0.01954,-0.00589,0.06973,0.08087,-0.02719,-0.01337,-0.04292,-0.08761,0.00242,0.03545,0.08278,0.03127,-0.00979,0.1235,0,-0.05421,0.05393,0.02395,0.00972,-0.025,-0.06327,0.03648,-0.0302,0.06191,0.02383,0.03065,0.05638,-0.03848,-0.03635,0.03088,-0.03562,-0.10432,-0.05799,0.03417,0.01068,0.05717,0.06904,-0.02993,-0.00541,-0.05913,0.01068,0.00379,-0.03841,-0.0042,-0.01559,0.0152,-0.03084,-0.07024,-0.00122,-0.04111,-0.09268,0.01343,0.04386,0.03914,0.02821,0.02121,0.0493,-0.09465,0.0439,-0.02749,-0.03092,-0.01558,-0.00735,-0.00754,-0.03231,-0.06173,0.00415,0.03403,-0.00896,0.01192,0.04714,0.15761,-0.01642,-0.00281,0.01878,0.04036,-0.03047,0.06274,-0.00294,0.09698,-0.00384,0.0336,-0.0247,0.13079,0.02865,0.05859,0.08827,0.00595,0.03046,0.08198,-0.02178,-0.00685,-0.05892,0.04819,0.04981,-0.05901,0.08217,0.05294,0.02915,0.06776,0.03453,0.04386,-0.00241,0.0377,0.09957,-0.02854,0.01191,0.05335,-0.02125,-0.10924,0,-0.09685,-0.0091,-0.08503,-0.03724,0.04402,0.05247,-0.07813,-0.02273,0.00638,-0.00889,-0.02176,0.12529,-0.04779,0.01099,0.12385,-0.03262,0.03274,-0.01428,-0.03356,0.03825,0.03409,-0.00347,-0.00314,0.15381,-0.0253,-0.11797,0.02737,0.02206,-0.01072,0.05261,-0.02589,0.00305,0.01331,0.09865,-0.02525,0.06241,-0.07674,0.01089,-0.05104,0.02823,0.09366,-0.01077,0.00233,-0.02419,-0.00913,0.05969,0.01144,-0.03836,-0.04903,0.07431,-0.06944,0.00182,-0.02639,0.03196,-0.00845,-0.05308,-0.01892,0.0062,0.01127,0.01838,-0.02061,0.08097,0.09253,-0.06153],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. Description This example demonstrates how to control which input connectors can be connected to a given output connector. The rules work in two ways: - By input ID (fInputId) - By input category (fInputCategory) On the output side you define fCanBeConnectedInputs, which may include specific input IDs and/or categories. During a drag operation, the system checks whether the target input ID or category is present in that array and only then allows the connection. f Input Id f Input Category f Can Be Connected Inputs I Ds","excerpt":"Description This example demonstrates how to control which input connectors can be connected to a given output connector. The rules work in two ways: - By input ID (fInputId) - By input category (fInputCategory) On the output side you define fCanBeConnectedInputs, which may include specific input IDs and/or categories. During a drag operation, the system checks whether the target input ID or category is present in that array and only then allows the connection."},{"chunkId":"/examples/connection-rules#2","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.07312,0.04416,-0.07787,0.01193,0.03663,0.03953,0.00955,-0.02455,0.00662,0.02295,-0.05913,0.01039,-0.00288,0.05854,0.01834,0.04106,-0.07967,-0.00736,-0.04298,-0.04415,0.02653,-0.05485,-0.01759,-0.00843,-0.0275,0.00513,-0.00089,-0.01358,0.05902,-0.01059,0.02354,0.03633,-0.11502,0.00655,-0.019,0.03287,0.05727,0.01026,-0.04891,0.00799,0.11364,0.01111,0.01719,-0.0789,-0.00267,0.01135,-0.1001,0.02824,-0.07504,0.01569,-0.08478,-0.07407,-0.06793,0.04668,0.07001,-0.01936,0.01009,-0.10177,-0.0097,0.00171,0.02495,-0.11084,-0.05042,0.0025,-0.0069,0.03419,-0.12512,0.03614,-0.05736,0.08518,0.00328,0.00354,-0.02434,-0.01508,0.01627,0.00764,-0.07189,0.05495,-0.00926,-0.07637,0.01878,0.04543,-0.02022,0.01809,-0.01693,0.10865,0.00065,-0.07178,0.0239,-0.00409,0.04222,0.04123,0.00406,0.03241,0.04627,0.03431,-0.08116,-0.01238,-0.04223,0.05898,-0.01318,-0.08981,0.02153,0.07528,0.06036,0.0081,0.00198,0.06507,-0.01534,0.04571,0.00484,0.06937,0.05824,-0.05252,-0.05383,-0.01739,0.03007,0.0034,0.03145,0.06801,-0.03344,-0.0048,0.0107,-0.06892,0.08433,-0.04679,0.01227,0,-0.01346,0.0041,-0.06036,0.02194,0.04999,-0.00785,-0.07213,-0.07801,-0.04456,0.11046,-0.0659,-0.0094,-0.0466,-0.08041,-0.01133,-0.04104,0.05025,0.01465,-0.00832,0.03993,0.03032,-0.13537,-0.03113,0.04135,0.0651,0.0087,-0.0422,0.02324,0.00476,0.01391,0.07309,0.03382,0.10546,0.01237,0.0229,0.00421,-0.00753,-0.03145,-0.02161,-0.03687,0.02449,-0.04692,-0.10958,0.12399,-0.02293,-0.0021,-0.02782,-0.01425,0.06533,0.01409,-0.03996,0.05213,0.0124,-0.03573,0.04038,-0.0669,-0.08811,0.11795,-0.03677,0.06948,0.02847,0.01757,-0.02976,-0.0194,0.03984,0.01941,-0.06626,-0.01359,0.04546,-0.11824,-0.08059,0.06349,-0.03351,0.05825,-0.04011,-0.07835,0.0038,0.10524,0.07803,-0.03121,-0.0399,-0.05355,-0.04923,0.12086,0.03554,-0.10289,-0.01126,-0.02615,-0.06818,-0.03051,0.07777,0.0345,0.02453,-0.0241,0.0446,0,0.00308,0.03037,0.00613,0.05946,-0.02843,-0.04661,0.06942,0.03463,0.06502,0.05495,0.07221,0.06122,0.00257,-0.0547,0.00758,-0.05345,-0.07202,-0.08017,0.0799,0.00862,0.04166,0.06998,-0.0617,-0.03716,-0.04995,0.03818,-0.01138,-0.02336,-0.04332,0.02488,0.01659,0.0029,-0.05851,0.01206,-0.03486,-0.10534,0.01192,0.08819,0.04385,-0.02832,0.06863,0.08876,-0.05576,-0.03239,-0.04352,0.00108,0.04679,-0.05303,-0.06318,-0.03588,-0.0486,-0.01888,0.02321,0.0157,-0.03175,0.00795,0.07284,-0.04626,0.00877,0.00832,0.08424,-0.0325,0.01411,0.03116,0.06966,0.03701,-0.03291,-0.01948,0.12398,0.00246,-0.00034,0.03016,0.00946,0.01294,0.06554,0.00364,0.02546,-0.03318,0.04152,0.05183,-0.08261,0.11862,-0.01197,0.04805,0.07224,0.05166,-0.05983,-0.01484,0.04634,0.06857,-0.06109,-0.02703,0.00633,-0.0402,-0.05167,0,-0.10184,-0.02815,-0.04822,-0.06768,0.05886,0.01018,-0.00567,-0.07277,0.01177,0.02413,-0.02295,0.08448,-0.03582,-0.0569,0.06981,-0.04986,0.01556,-0.00722,-0.06185,0.04759,-0.02217,-0.00282,0.05397,0.14219,0.02825,-0.08153,-0.02783,0.00817,-0.01831,0.03139,-0.0238,-0.02265,0.02095,0.04884,-0.04981,0.04859,-0.12542,0.02276,-0.00713,0.03517,0.05324,-0.05758,0.05038,-0.00003,0.0087,0.10542,0.00388,-0.02008,-0.04215,0.02726,-0.06197,0.03123,-0.04534,0.01447,-0.01349,-0.08262,0.02491,0.0394,-0.0169,-0.02889,-0.03948,0.08251,0.07379,-0.05746],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. Example ::: ng-component <connection-rules</connection-rules [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.scss :::","excerpt":"Example ::: ng-component <connection-rules</connection-rules [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.scss :::"},{"chunkId":"/examples/connection-rules#3","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.0444,0.02553,-0.07421,0.04705,0.0382,0.05654,0.04419,-0.03287,0.0505,0.00664,-0.04279,0.01857,-0.02226,0.04527,-0.02154,0.0274,-0.03147,0.00372,-0.04035,0.00652,-0.00644,-0.07373,-0.03788,-0.02547,-0.07216,0.01934,0.00675,-0.02585,0.06821,-0.09887,-0.04804,0.00676,-0.13941,0.02004,-0.09177,0.00634,0.06335,-0.00748,-0.07219,0.01707,0.08408,0.00037,0.03165,-0.05741,-0.03391,0.02735,-0.06826,0.00559,-0.08541,0.08294,-0.09088,-0.0612,-0.04873,0.05189,0.04915,0.01186,0.07417,-0.07152,-0.00704,0.03437,0.03932,-0.05025,-0.03436,0.02194,-0.00643,0.03077,-0.0974,0.05537,-0.02923,0.04243,0.0309,-0.01065,-0.00197,-0.02657,0.04559,0.04034,-0.04842,0.05213,-0.01802,-0.02683,0.03461,0.06215,-0.03182,-0.00548,0.00389,0.14616,-0.05067,-0.07292,-0.03145,-0.01569,0.01563,0.01959,0.02519,0.02796,0.04019,-0.00844,-0.02456,-0.05753,-0.06228,0.03596,-0.01125,-0.04892,0.0171,0.06196,0.02207,-0.006,-0.01964,0.00019,-0.0308,-0.00019,-0.00868,0.01336,0.01678,-0.05172,-0.10414,-0.02421,-0.03461,-0.01521,0.05966,0.04846,-0.01207,0.01159,0.04908,-0.05848,0.06799,-0.06634,-0.05931,0,-0.01497,-0.01192,-0.05424,0.01899,0.05138,-0.00446,-0.06076,-0.09197,-0.02459,0.05115,-0.03436,0.00157,-0.05769,-0.00806,-0.00733,-0.0806,0.04733,0.02639,-0.03636,0.02556,0.04078,-0.12085,-0.04581,-0.03648,0.07219,0.07774,-0.04864,0.04755,0.00829,0.03794,0.06843,0.0117,0.04458,0.0225,-0.01306,-0.0077,-0.02757,-0.03114,-0.0001,-0.03955,0.02544,-0.05501,-0.12451,0.12007,-0.00888,0.01061,-0.00263,-0.02651,-0.0056,0.0241,0.00047,0.02295,0.02081,-0.02143,0.04264,-0.10775,-0.08785,0.1092,-0.03759,0.06079,0.02117,0.04203,-0.06941,-0.06756,0.04528,0.05948,-0.0608,0.0056,0.05466,-0.0961,-0.10382,0.05975,-0.02116,0.02757,-0.00165,-0.08386,-0.04531,0.03437,0.09239,-0.03317,-0.04315,-0.08108,0.00297,0.06267,0.03221,-0.09297,-0.00443,-0.03718,-0.08722,0.01617,0.06555,0.07825,0.02726,0.01941,0.08346,0,-0.05094,0.06069,0.02927,0.08357,-0.00718,-0.05032,0.03706,0.00339,0.05919,0.02221,0.05085,0.06282,-0.03507,0.00738,-0.00573,-0.02568,-0.09145,-0.10117,0.0481,-0.01225,0.08827,0.04018,-0.02812,-0.04705,-0.08295,0.03197,0.01301,-0.06118,-0.01279,0.02138,0.03809,-0.00895,-0.04952,-0.00528,-0.02201,-0.08143,0.01406,0.07935,0.03006,-0.02011,0.02805,0.04464,-0.05282,-0.00019,-0.0395,0.01027,-0.02909,-0.04583,-0.03725,0.0063,-0.08392,0.01143,-0.01465,-0.00465,-0.01073,0.0344,0.09828,0.00085,0.01575,0.02347,0.06893,-0.01811,0.00685,-0.0259,0.10213,0.03537,-0.00656,-0.0402,0.13475,0.0553,0.08444,0.10939,-0.0145,-0.00327,0.0948,-0.03238,0.05719,-0.04115,0.04956,0.03264,-0.03979,0.10169,0.03489,0.03833,0.05767,0.05994,-0.02112,-0.01019,0.0363,0.04557,-0.04346,0.00334,0.03676,-0.03362,-0.08091,0,-0.13006,-0.01316,-0.0261,-0.05131,0.04019,0.06713,-0.04003,-0.00679,0.01852,0.0082,-0.01633,0.11357,-0.03965,0.00144,0.10635,-0.01672,0.00635,0.0139,-0.0491,0.01621,0.02177,0.02608,0.0482,0.16846,-0.02274,-0.08026,0.00758,0.03565,-0.00867,0.04787,-0.01007,0.0032,0.02344,0.04979,-0.0424,0.08552,-0.1099,0.00405,-0.02904,0.04392,0.06961,-0.00628,-0.00211,-0.01325,0.0035,0.1055,0.01811,-0.06417,-0.09921,0.03338,-0.0512,0.00627,-0.0688,0.04946,-0.00839,-0.06265,-0.01817,0.0125,0.00846,0.00401,-0.05603,0.07241,0.07102,-0.00977],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. Visual feedback When a connection starts being dragged: - The container receives the CSS class .f-connections-dragging. - Every input connector that can accept the connection gets the class .f-connector-connectable. - Inputs without this class are treated as invalid targets and can be dimmed or styled differently. This gives the user immediate feedback about which targets are valid before they complete the drag.","excerpt":"Visual feedback When a connection starts being dragged: - The container receives the CSS class .f-connections-dragging. - Every input connector that can accept the connection gets the class .f-connector-connectable. - Inputs without this class are treated as invalid targets and can be dimmed or styled differently. This gives the user immediate feedback about which targets are valid before they complete the drag."},{"chunkId":"/examples/connection-rules#4","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.02019,0.01124,-0.09872,0.007,0.00949,0.02787,-0.00815,-0.03032,0.04822,0.01387,-0.07402,-0.02641,-0.00034,0.0491,0.05409,0.06461,-0.03322,-0.0184,-0.02598,-0.0504,0.00681,-0.06782,-0.03701,-0.03089,-0.04836,0.0082,-0.00121,0.00712,0.05751,-0.03269,-0.01134,0.01506,-0.10475,0.04221,-0.06973,0.03333,0.03019,0.00856,-0.04687,0.02241,0.07707,0.04609,0.02976,-0.05686,-0.03602,-0.0005,-0.11912,0.00594,-0.08582,0.0441,-0.06834,-0.05929,-0.09008,0.05328,0.06127,0.00421,0.01852,-0.07678,-0.01107,0.05751,0.02725,-0.04707,-0.03012,0.00505,-0.01135,0.03276,-0.11722,0.06324,-0.01097,0.03893,0.03401,-0.02357,-0.0453,-0.04252,0.01829,0.00502,-0.0296,0.0296,-0.006,-0.09873,0.01092,0.08313,-0.01365,0.01002,-0.00969,0.11071,0.00155,-0.09357,0.02812,0.05116,0.0235,0.02955,0.05096,0.02016,0.1021,-0.007,0.00843,-0.0049,-0.0596,0.02766,-0.00795,-0.08164,-0.0071,0.05197,0.03541,-0.01048,0.03296,0.02458,0.00281,0.00015,-0.01762,0.06568,0.03149,-0.07079,-0.08667,-0.00813,0.01057,0.00579,0.02201,0.05354,-0.07278,-0.0185,0.0375,-0.05852,0.06827,-0.06339,-0.04644,0,0.00966,-0.00588,-0.07692,-0.02101,0.04208,0.04565,-0.08348,-0.08803,-0.02217,0.05762,-0.04276,-0.00427,-0.06392,-0.03032,0.01423,0.0063,0.05335,0.02733,0.00614,0.04534,0.05567,-0.13773,-0.05533,0.04067,0.0543,0.06292,-0.0299,0.03649,0.02391,0.03688,0.04622,-0.0106,0.07305,0.03609,0.01299,0.02839,-0.04573,-0.03447,0.01264,-0.05967,0.01468,-0.0505,-0.12198,0.06315,-0.01617,0.02469,-0.04156,0.00206,0.0178,0.00927,-0.01429,0.04879,0.01813,-0.00938,0.04372,-0.05943,-0.06895,0.08071,-0.02597,0.07719,0.03474,0.04278,-0.05405,-0.03219,0.05035,0.06818,-0.06571,-0.02971,0.0665,-0.09296,-0.1129,0.05844,-0.05454,0.04321,-0.02601,-0.07494,-0.04265,0.09988,0.05932,0.00213,-0.05877,-0.08103,-0.01418,0.11106,0.03781,-0.04746,-0.01543,-0.01468,-0.06912,0.03217,0.0873,0.05468,0.02687,0.02396,0.0956,0,-0.06818,0.04922,0.02282,0.0231,0.01026,-0.06774,0.01247,-0.0286,0.05892,0.05379,0.07958,0.03414,-0.02612,-0.03936,-0.00154,-0.07093,-0.08971,-0.07109,0.04015,-0.00457,0.02994,0.02944,-0.0384,-0.04526,-0.01155,0.01796,-0.05469,-0.04218,-0.00666,-0.01267,0.01009,0.01441,-0.04419,-0.04058,-0.01668,-0.09112,0.01251,0.0252,0.02364,-0.00691,0.01627,0.06791,-0.0676,0.00938,-0.03965,0.04773,-0.0025,-0.01399,-0.04754,0.01061,-0.0673,0.00659,0.04165,-0.05409,-0.01555,0.02549,0.11471,0.00729,0.02231,-0.00573,0.03176,-0.03477,0.04336,0.02194,0.05864,0.01347,0.01508,-0.00165,0.09676,0.039,0.0778,0.05737,-0.04918,0.0182,0.07388,-0.03197,0.02775,-0.04773,0.04203,0.03975,-0.0671,0.13364,0.03465,0.03214,0.09566,0.05291,-0.0324,-0.02708,0.0394,0.10783,-0.06346,-0.00803,0.00153,-0.04345,-0.08655,0,-0.14762,-0.01613,-0.06139,-0.06577,0.04929,0.06559,-0.04155,-0.02979,0.03792,0.06286,-0.01337,0.10779,-0.07662,-0.02946,0.10379,-0.05619,0.04476,-0.02384,-0.02453,0.02137,-0.00234,-0.00982,-0.00166,0.16638,0.01999,-0.09348,0.04767,0.03437,-0.04822,0.08028,-0.01801,0.00364,0.05155,0.08149,-0.03515,0.06735,-0.09262,0.01011,-0.04975,0.02509,0.06394,0.00271,0.03403,-0.00051,-0.01915,0.11484,0.03827,-0.05832,-0.03572,0.03617,-0.06619,0.00394,-0.03148,0.00624,-0.02151,-0.01674,0.00106,-0.0217,0.02671,-0.01232,-0.0582,0.06434,0.09125,-0.06261],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. When to use it Use connection rules when your editor has domain constraints such as: - one node type can connect only to a specific target, - only certain categories of inputs are valid, - the UI should show allowed targets before the user commits the connection, - your application needs both better UX and cleaner graph data.","excerpt":"When to use it Use connection rules when your editor has domain constraints such as: - one node type can connect only to a specific target, - only certain categories of inputs are valid, - the UI should show allowed targets before the user commits the connection, - your application needs both better UX and cleaner graph data."},{"chunkId":"/examples/connection-rules#5","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.04118,0.02661,-0.08044,0.01635,0.01017,0.02962,0.02087,-0.02513,0.03331,0.00199,-0.05604,-0.01462,-0.00552,0.02963,0.02257,0.07067,-0.06797,-0.00434,-0.04737,-0.05364,0.01127,-0.06205,-0.04487,-0.03536,-0.04018,0.00767,0.01452,-0.00728,0.05676,-0.05143,-0.01879,0.01849,-0.11434,0.00973,-0.09542,0.01625,0.05157,-0.00229,-0.04326,0.02446,0.10193,0.02722,0.02147,-0.06222,-0.04288,0.0457,-0.1047,0.02815,-0.08901,0.05693,-0.11288,-0.07965,-0.0871,0.06069,0.07474,-0.00435,0.03197,-0.09624,-0.01555,0.03413,0.05569,-0.0574,-0.03982,0.03847,-0.02461,0.00672,-0.12386,0.08029,-0.01744,0.01179,-0.01007,-0.01965,-0.01982,-0.05527,0.01005,0.01001,-0.02631,0.02739,-0.01836,-0.08031,0.00722,0.10673,-0.0215,0.00458,-0.00446,0.1097,-0.00446,-0.08181,0.00015,0.00305,0.04468,0.01987,0.01285,0.0221,0.07954,-0.0049,-0.01101,-0.03504,-0.05078,0.02621,-0.01184,-0.07729,-0.01474,0.04894,0.0148,0.00256,0.00734,0.01683,0.01512,0.02006,-0.02946,0.04797,0.02857,-0.08356,-0.09054,-0.00449,0.00428,0.02193,0.0501,0.04369,-0.02999,-0.01242,0.03774,-0.07434,0.07899,-0.05758,-0.0369,0,-0.00777,-0.01845,-0.07984,0.01984,0.05431,0.00984,-0.07402,-0.09582,-0.0139,0.07424,-0.04976,0.01498,-0.04803,-0.03534,-0.0289,-0.04666,0.03829,0.01194,0.01289,0.04979,0.05053,-0.13679,-0.0393,0.03161,0.06525,0.06387,-0.0133,0.02535,0.01801,0.03496,0.08651,0.00107,0.04915,0.02939,-0.00315,0.02933,-0.03952,-0.05267,0.00264,-0.04445,0.00993,-0.07994,-0.14978,0.07625,-0.04601,0.00541,-0.03062,-0.01285,0.05771,0.01998,-0.01155,0.01939,0.01146,-0.00953,0.04677,-0.06867,-0.10055,0.1097,-0.03705,0.10226,0.03369,0.04997,-0.039,-0.04415,0.04872,0.05031,-0.05489,-0.01667,0.07212,-0.08537,-0.09909,0.04792,-0.03543,0.03849,-0.02138,-0.07565,-0.03723,0.066,0.06137,0.0054,-0.08361,-0.05512,0.00721,0.07791,0.05031,-0.06246,0.00248,-0.02638,-0.08333,0.02351,0.08265,0.0565,0.05637,0.0186,0.10789,0,-0.06003,0.03613,0.02232,0.05213,0.00699,-0.07556,0.03111,0.01172,0.05243,0.03396,0.05527,0.07287,-0.02449,-0.00663,0.03369,-0.06072,-0.07115,-0.08798,0.04006,-0.00062,0.04945,0.06791,-0.05131,-0.07259,-0.06485,0.01623,-0.02093,-0.05582,0.00156,0.00494,0.01783,-0.00094,-0.04476,0.00566,-0.02516,-0.0688,0.02658,0.04485,0.01285,-0.02738,0.02892,0.05399,-0.05186,-0.02401,-0.05838,0.01876,-0.01093,-0.02992,-0.04832,-0.00403,-0.05035,0.01713,0.02079,-0.02041,-0.01766,0.05139,0.09606,-0.01297,0.0222,-0.01549,0.03543,-0.02871,0.04575,0.01386,0.07576,0.01327,0.01274,-0.02974,0.1022,0.03139,0.02278,0.09025,-0.03874,0.02326,0.094,-0.0153,0.03913,-0.04258,0.03418,0.02666,-0.04619,0.11458,0.02958,0.03513,0.07663,0.04981,-0.02684,-0.01899,0.04214,0.07185,-0.0658,0.00004,0.01234,-0.0347,-0.07344,0,-0.13935,-0.03541,-0.02875,-0.06688,0.06579,0.06284,-0.03124,-0.00522,0.01104,0.04362,0.0021,0.1099,-0.04228,-0.0367,0.10151,-0.02742,0.02548,-0.01098,-0.0257,-0.00457,-0.00815,-0.00824,0.0418,0.16862,0.01087,-0.0729,0.02441,0.01821,-0.04017,0.03738,-0.0139,0.00994,0.05006,0.0604,-0.00969,0.07616,-0.10225,0.00665,-0.04821,0.04547,0.06553,-0.00243,0.05134,0.0036,-0.00325,0.11653,0.00326,-0.06229,-0.06676,0.03115,-0.04434,0.00727,-0.04389,0.02446,-0.03065,-0.03152,-0.01425,0.00495,0.00795,0.01197,-0.08115,0.09399,0.08426,-0.04515],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. Related docs - Connection Rules Docs - Drag to Connect Example","excerpt":"Related docs - Connection Rules Docs - Drag to Connect Example"},{"chunkId":"/examples/connectable-side#0","slug":"connectable-side","route":"/examples/connectable-side","section":"examples","title":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left)","description":"Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams.","group":"Connectors","vector":[-0.02166,-0.04594,-0.07997,0.09377,-0.00159,0.07419,-0.04562,0.03228,0.00341,0.0847,-0.00527,0.10004,-0.02659,0.05129,-0.05718,-0.0171,-0.03154,-0.05534,-0.01167,-0.01409,-0.08889,-0.06383,-0.02389,-0.03319,0.00202,-0.02715,0.02408,-0.00632,0.02818,-0.04693,-0.04113,0.00653,-0.10862,-0.00121,-0.1175,-0.01784,0.06399,0.0136,-0.01249,-0.02579,0.09466,-0.02428,-0.01523,-0.05243,-0.04941,0.05428,-0.16484,0.00842,-0.06515,0.1064,-0.03739,-0.02382,-0.06395,0.02735,0.04773,-0.01491,0.00999,-0.04271,-0.0037,0.03474,0.0584,-0.01246,-0.03493,0.01257,0.0221,-0.03584,-0.03325,0.09338,-0.02636,-0.00119,0.00976,-0.06766,-0.00499,-0.06906,0.03951,0.00639,0.01903,0.05772,-0.02053,-0.01785,0.03769,0.16214,-0.00378,0.05954,-0.07778,0.09413,-0.0414,0.0091,0.03694,-0.08567,0.00438,-0.02043,0.07358,-0.01823,0.04198,0.00373,-0.02975,0.02503,-0.07739,-0.01704,0.03428,-0.05921,0.1039,-0.03021,0.01834,-0.0344,-0.04577,0.02578,0.03627,-0.04907,0.01448,0.03064,-0.01829,-0.09157,-0.07921,-0.04207,-0.06027,0.00918,0.06727,0.03605,-0.06012,0.01631,0.0903,-0.01889,0.05345,-0.04583,-0.04511,0,-0.0107,-0.00018,0.00215,0.05669,-0.00261,0.02135,-0.01913,-0.03369,0.04175,0.06761,0.02478,0.04972,-0.06426,0.02379,0.04873,-0.04583,-0.0081,0.01057,-0.09264,0.00114,-0.04641,-0.0664,-0.01494,0.06489,0.11808,0.02216,-0.00103,0.03429,-0.02647,-0.00252,0.09073,0.07509,0.00918,0.03958,0.02646,-0.03776,-0.08424,-0.02927,-0.04583,-0.01208,-0.01119,-0.06515,-0.10514,0.05683,-0.00732,0.01949,-0.01575,-0.00657,0.02071,0.00916,-0.0341,0.03733,0.02219,-0.04099,0.05095,-0.03435,-0.06662,0.0675,0.00668,0.0635,-0.00587,-0.03507,-0.02869,-0.04532,-0.04074,0.01051,-0.05511,-0.09096,0.10415,-0.06438,-0.12066,0.00222,0.00304,0.08649,-0.07699,-0.04313,-0.06077,0.0621,0.08307,-0.01556,-0.06116,-0.04225,0.02569,-0.00179,0.03604,-0.11664,-0.00621,-0.03368,-0.0285,-0.04505,0.05173,0.08935,0.0086,0.09249,0.04647,0,-0.05746,0.0107,-0.02744,0.00286,-0.03731,-0.05904,0.0392,-0.01058,0.05303,0.08817,0.12473,0.04153,-0.00245,-0.02183,-0.00879,-0.00633,0.01638,-0.0738,0.03311,0.01214,0.01848,-0.02941,0.03029,-0.05586,-0.02054,0.07174,0.01447,-0.06807,0.03243,0.0459,-0.00112,-0.0434,-0.01885,0.02441,-0.10037,-0.07999,0.00091,0.03352,0.03466,-0.07712,0.00342,0.05027,0.00634,0.00372,-0.04998,-0.03023,-0.0539,-0.00084,-0.07116,-0.08143,-0.04176,0.04496,0.08453,-0.02639,-0.02124,-0.0212,0.04478,0.00451,0.04936,0.02463,0.04788,-0.02877,0.06486,-0.00682,-0.03859,0.06513,0.00027,-0.11721,0.05698,0.02428,0.00954,0.04647,0.00122,-0.0453,0.07778,0.01686,-0.01072,-0.07993,0.04679,-0.0762,-0.03148,0.03442,-0.00536,0.03944,0.02019,0.00113,-0.0435,0.05901,0.07845,0.05316,-0.04045,-0.02948,0.01966,0.05712,0.01809,0,-0.05361,-0.02017,-0.01304,-0.0647,-0.02056,0.00866,0.02794,0.0228,-0.00259,0.09135,0.00407,0.10888,-0.06397,0.00775,0.11183,0.03535,0.00822,0.03652,0.00769,0.0383,0.02463,-0.05204,0.08256,0.12018,0.00778,-0.01019,-0.04992,0.08543,-0.02798,0.03013,0.00141,-0.0645,0.03693,0.05511,-0.00248,0.06339,-0.11724,0.00579,-0.0278,0.04601,0.04516,0.00856,-0.00093,0.02131,0.02797,0.06442,0.04397,0.03611,-0.09508,0.03024,-0.07797,-0.00131,-0.04232,-0.07994,-0.05967,-0.02052,0.08495,-0.00116,-0.00754,0.00078,-0.04059,0.12424,-0.02321,-0.02918],"keywords":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams. --- toc: false wideContent: true --- Connectable Side wide Content","excerpt":"--- toc: false wideContent: true --- Connectable Side"},{"chunkId":"/examples/connectable-side#1","slug":"connectable-side","route":"/examples/connectable-side","section":"examples","title":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left)","description":"Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams.","group":"Connectors","vector":[0.00362,-0.03353,-0.05771,0.08573,-0.02469,0.06006,-0.03899,0.03614,0.03046,0.07102,0.01086,0.12502,-0.0322,0.05349,-0.05081,0.00485,-0.0554,-0.04727,-0.01578,-0.00584,-0.07961,-0.06807,-0.01318,-0.03296,0.00389,-0.03772,0.05048,0.01533,0.03391,-0.04905,-0.01397,-0.03032,-0.10969,-0.00517,-0.14312,-0.02915,0.02698,0.01504,-0.04932,-0.00647,0.10368,-0.03354,-0.01324,-0.06106,-0.05868,0.02815,-0.13868,0.00631,-0.078,0.08995,-0.05232,-0.03786,-0.07108,0.01944,0.05978,0.00017,0.01491,-0.05179,0.01063,0.02399,0.05437,-0.02818,-0.02052,0.00034,0.00143,-0.03171,-0.02131,0.09675,-0.01366,0.01292,0.00054,-0.06005,-0.01299,-0.07591,-0.00447,0.0159,0.0289,0.06443,-0.01508,0.00825,0.03517,0.15218,-0.01351,0.07463,-0.05969,0.10049,-0.03857,-0.03368,0.02905,-0.07967,-0.00698,-0.02428,0.08199,-0.03678,0.0242,0.03172,-0.03372,0.00486,-0.06698,-0.02067,0.03358,-0.048,0.08101,-0.02147,0.0209,-0.04401,-0.0499,0.02194,-0.0051,-0.04874,0.00901,0.02434,-0.01682,-0.05577,-0.07369,-0.01856,-0.06095,0.00653,0.06842,0.06856,-0.05978,0.01808,0.10242,-0.03752,0.05223,-0.03049,-0.05332,0,-0.01783,-0.00883,-0.01565,0.04181,0.00065,-0.00771,-0.05339,-0.02859,0.03449,0.04083,0.01351,0.02888,-0.04921,0.0439,0.02214,-0.06085,-0.00922,0.00854,-0.05309,0.0199,-0.03062,-0.08015,-0.022,0.03899,0.109,0.042,0.01086,0.03944,-0.04879,-0.01278,0.10132,0.08261,-0.03196,0.02665,0.02553,-0.03763,-0.07005,-0.04489,-0.0446,0.00521,0.01475,-0.05134,-0.10721,0.05916,0.01166,0.03643,0.00052,0.00288,0.02417,0.03056,-0.03514,0.02722,0.03814,-0.02434,0.08657,-0.04653,-0.08174,0.0466,-0.00926,0.04752,-0.0144,-0.04478,-0.02692,-0.05658,-0.01678,0.01886,-0.03078,-0.07306,0.08684,-0.08816,-0.10605,0.01447,-0.00615,0.07318,-0.08346,-0.04119,-0.05771,0.08148,0.07078,0.00394,-0.07739,-0.05813,0.00788,-0.00953,0.05079,-0.12729,0.01628,-0.05429,-0.0102,-0.0522,0.04501,0.09095,-0.02246,0.10803,0.04384,0,-0.04865,-0.00028,-0.00899,0.01918,-0.02271,-0.05087,0.04134,-0.02682,0.07315,0.08188,0.08969,0.07843,-0.00131,-0.03838,0.00832,-0.02058,-0.01121,-0.09716,0.06604,0.00795,0.00393,-0.00337,0.02511,-0.06642,0.00823,0.06061,0.03991,-0.07116,0.00317,0.04871,0.01174,-0.039,-0.02046,0.03822,-0.10567,-0.0425,-0.00434,0.02823,0.05869,-0.07093,-0.00347,0.05646,0.00866,0.00686,-0.04165,-0.02333,-0.06927,-0.00857,-0.07251,-0.07199,-0.04941,0.07836,0.06629,-0.01445,-0.02328,-0.02887,0.06529,0.01168,0.0455,0.03175,0.04122,-0.02541,0.05326,-0.00777,-0.04971,0.0412,0.0111,-0.13881,0.04614,0.03109,0.02006,0.05437,-0.00702,-0.02911,0.09656,0.01612,-0.00472,-0.06776,0.03668,-0.06477,-0.03947,0.03713,-0.0085,0.019,-0.01845,-0.00051,-0.05413,0.05843,0.07479,0.04411,-0.02478,-0.0332,0.00123,0.05805,-0.00481,0,-0.05943,-0.00129,0.00299,-0.06001,-0.0029,0.0072,0.00664,0.02605,-0.009,0.09206,0.01313,0.11896,-0.07875,0.02431,0.11544,0.01991,0.02035,0.03406,-0.00892,0.04945,0.01649,-0.03625,0.06251,0.13098,0.00889,-0.01467,-0.01389,0.06081,-0.06029,0.03412,-0.00695,-0.02517,0.06242,0.08109,-0.01547,0.07252,-0.11399,-0.00239,-0.01616,0.03857,0.04788,-0.01576,0.0068,-0.00835,0.01822,0.08572,0.04542,0.02385,-0.08538,0.04214,-0.05698,-0.01713,-0.04117,-0.05886,-0.05511,-0.02303,0.08622,-0.00744,0.00589,-0.01493,-0.02893,0.14647,-0.00769,-0.06587],"keywords":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams. Description Control which side of a connector accepts or emits connections so routing stays cleaner around each node. Use this when a connector should have one active side at a time, with optional automatic calculation for dynamic layouts.","excerpt":"Description Control which side of a connector accepts or emits connections so routing stays cleaner around each node. Use this when a connector should have one active side at a time, with optional automatic calculation for dynamic layouts."},{"chunkId":"/examples/connectable-side#2","slug":"connectable-side","route":"/examples/connectable-side","section":"examples","title":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left)","description":"Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams.","group":"Connectors","vector":[-0.03862,0.00409,-0.09111,0.04471,0.01281,0.07423,-0.06346,0.06202,-0.00664,0.06498,-0.03168,0.09327,-0.0368,0.05731,-0.02319,-0.00794,-0.08491,0.0004,-0.03591,-0.00797,-0.02499,-0.07852,0.01201,-0.03205,0.00206,-0.01866,0.03744,0.00142,0.04606,-0.0276,-0.01766,0.01688,-0.08814,0.01179,-0.09259,-0.01249,0.00686,0.04146,-0.0115,-0.0374,0.10986,-0.00303,0.02566,-0.11166,-0.03171,0.02493,-0.14546,0.06279,-0.06585,0.0738,-0.03265,-0.05189,-0.06873,0.08628,0.05994,0.02364,0.00994,-0.08561,0.02887,0.02153,0.04012,-0.0462,-0.0042,-0.02466,0.02292,-0.0024,-0.03831,0.07191,-0.06494,0.07456,0.00208,-0.00604,-0.0082,-0.09147,0.03632,0.01775,-0.01783,0.1173,-0.02844,-0.01811,0.02276,0.11493,-0.0187,0.06877,-0.05177,0.09399,-0.03883,-0.00772,0.01856,-0.06913,-0.01473,0.03033,0.00825,-0.029,0.03923,0.02337,-0.07716,0.00141,-0.06215,0.0245,-0.01539,-0.06585,0.10599,0.01121,0.03191,-0.01061,-0.03428,0.0443,-0.01662,-0.02853,0.01444,0.03162,0.04196,-0.05592,-0.06176,-0.061,-0.01029,-0.02374,0.08544,0.05167,0.00298,0.02129,0.03638,-0.04966,0.0671,0.00808,-0.0149,0,-0.00071,0.02086,-0.00008,0.04486,0.03669,-0.00743,-0.0291,-0.05236,0.01181,0.08827,-0.0297,0.0431,-0.07826,-0.05391,0.02533,-0.10121,0.02294,0.01517,-0.09281,0.00637,0.00836,-0.07543,-0.04258,0.03127,0.10581,0.0086,-0.02429,0.03075,-0.05336,-0.01274,0.1059,0.06438,0.0188,-0.00232,0.00964,-0.04789,-0.04815,-0.03702,-0.06846,-0.00756,0.05321,-0.03839,-0.05057,0.06266,-0.03794,0.01173,-0.00709,-0.01185,0.08003,0.02503,-0.03295,0.08093,0.02167,-0.0268,0.0512,-0.04507,-0.04736,0.07068,-0.02494,0.08621,-0.01923,0.0133,0.01374,-0.05459,-0.0098,0.01984,-0.04034,-0.04629,0.08042,-0.08558,-0.08514,0.04918,0.00384,0.05158,-0.08129,-0.02405,-0.03823,0.05629,0.1008,-0.03445,-0.04773,-0.03908,-0.00556,0.02623,0.0482,-0.14206,-0.00566,-0.03801,-0.06103,-0.07101,0.05877,0.06354,0.02357,0.01997,0.02904,0,-0.03816,0.00475,0.04903,0.06508,-0.04752,-0.04125,0.08612,0.02582,0.06987,0.09852,0.0459,0.0602,-0.00016,-0.06741,0.01315,0.02068,-0.04564,-0.07771,0.11078,0.015,0.02175,0.04032,0.01468,-0.02823,-0.01825,0.08986,0.07557,-0.02775,0.01589,0.00075,-0.03142,-0.05271,-0.07578,0.04382,-0.09748,-0.08422,-0.02318,0.0936,0.0698,-0.06642,0.06813,0.07816,-0.01269,0.01442,-0.0405,-0.01697,-0.01115,-0.01496,-0.08487,-0.08399,-0.05119,0.05465,0.0224,0.01542,-0.02006,-0.0231,0.07259,-0.03091,0.01191,0.03585,0.05765,-0.05931,0.04393,0.0136,0.02246,0.06761,-0.03607,-0.11475,0.0465,0.04697,0.03527,0.05853,0.02895,-0.03463,0.09442,0.0262,0.00046,-0.03824,0.07046,-0.0212,-0.05718,0.03597,-0.03214,0.02486,0.00192,-0.00967,-0.07054,0.04942,0.07148,0.0443,-0.08491,-0.02935,0.01714,0.01295,0.00749,0,-0.05726,-0.05216,-0.02355,-0.05098,-0.01197,-0.01679,0.02197,-0.00838,-0.02963,0.03873,-0.01794,0.0986,-0.02757,0.0106,0.04043,0.01846,-0.0031,0.05815,-0.04627,0.04312,-0.01929,-0.00903,0.06431,0.13472,-0.0088,-0.06448,-0.05799,0.05994,-0.01416,0.00526,-0.01606,-0.05003,0.04075,0.07227,0.00087,0.02474,-0.17936,0.0132,-0.01037,0.06487,0.06068,-0.03158,0.01643,0.00389,0.0324,0.06591,0.02264,0.03105,-0.07135,0,-0.05314,0.00789,-0.04767,-0.04761,-0.03164,-0.03401,0.06803,0.02574,0.01558,-0.00159,-0.04448,0.10582,-0.00605,-0.0403],"keywords":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams. Example ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss :::","excerpt":"Example ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss :::"},{"chunkId":"/examples/connectable-side#3","slug":"connectable-side","route":"/examples/connectable-side","section":"examples","title":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left)","description":"Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams.","group":"Connectors","vector":[-0.00362,-0.02287,-0.0614,0.04828,-0.02002,0.03267,-0.05141,0.03589,0.00131,0.07107,0.0144,0.11158,-0.02379,0.05951,-0.0304,0.00317,-0.09324,-0.02949,-0.01517,-0.00874,-0.05712,-0.09975,-0.01946,-0.06763,0.01889,-0.00382,0.03679,0.01331,0.07386,-0.04993,-0.01764,0.01414,-0.09365,0.01019,-0.13881,-0.05492,0.01219,0.00608,-0.01862,0.01188,0.09903,-0.03763,-0.00391,-0.06774,-0.04288,0.05719,-0.14796,0.03001,-0.05044,0.08005,-0.02565,-0.05531,-0.06092,0.02481,0.06888,0.01207,0.00082,-0.05127,0.01914,0.02696,0.10726,-0.0312,-0.03409,-0.01814,0.03171,-0.01942,-0.01884,0.08922,-0.03482,0.02278,0.024,-0.05905,-0.00622,-0.09371,0.01709,0.00562,-0.00111,0.07042,-0.03625,0.0163,0.00607,0.13687,-0.01646,0.09881,-0.04529,0.08016,-0.05743,-0.01354,0.02841,-0.05764,-0.0135,0.01908,0.02732,-0.03858,0.01345,0.03113,-0.05579,0.01801,-0.06714,-0.01531,0.01346,-0.06607,0.08756,-0.04108,0.03589,-0.04073,-0.06205,0.01992,0.00813,-0.03175,0.00371,0.04179,0.01105,-0.04821,-0.06097,-0.02065,-0.07337,0.03028,0.10516,0.05478,-0.04523,0.03147,0.11111,-0.04248,0.09204,-0.00221,-0.05326,0,0.00116,-0.02254,0.01211,0.03305,0.00206,0.00692,-0.05086,-0.02755,0.03536,0.05638,-0.00857,0.04845,-0.04747,0.03096,0.02214,-0.03945,0.01312,-0.01942,-0.09369,0.0355,-0.00518,-0.08541,-0.03114,0.03357,0.09915,0.05035,0.00805,0.02724,-0.03397,-0.00935,0.09063,0.07458,-0.02862,0.05047,0.02218,0.00592,-0.06578,-0.01458,-0.05884,0.00465,-0.00047,-0.03386,-0.07117,0.04499,-0.01321,0.02353,-0.02054,0.00299,0.03526,0.04085,-0.04108,0.02763,0.04942,-0.03539,0.08382,-0.01683,-0.08048,0.06595,-0.01148,0.04875,-0.01311,-0.05953,-0.03266,-0.0536,-0.03233,0.03539,-0.06069,-0.067,0.10658,-0.07402,-0.09011,0.03039,-0.01853,0.03759,-0.09701,-0.04422,-0.05805,0.08234,0.0938,0.00978,-0.08213,-0.0275,0.03322,-0.01496,0.06092,-0.11146,-0.01014,-0.03927,-0.02071,-0.03318,0.02272,0.08141,-0.00068,0.08123,0.03187,0,-0.06749,0.00716,0.00434,0.01916,-0.01892,-0.049,0.04093,-0.01744,0.06316,0.08589,0.11838,0.08416,-0.01493,-0.03071,0.01015,0.00853,-0.02939,-0.09651,0.07304,0.0055,0.01798,-0.01466,0.04742,-0.03281,-0.00599,0.0432,0.0358,-0.087,0.02849,0.04299,0.0249,-0.05065,-0.0298,0.04735,-0.08037,-0.04969,-0.02597,0.0317,0.06023,-0.06929,0.00823,0.05424,-0.01327,0.00381,-0.02202,-0.01033,-0.05225,-0.01189,-0.11081,-0.0745,-0.06232,0.06981,0.06143,-0.0361,-0.02089,-0.0342,0.04703,0.00562,0.02736,0.03102,0.05095,-0.05572,0.03595,-0.02053,-0.06927,0.0613,0.01798,-0.14722,0.01784,0.04604,0.01988,0.06667,-0.00217,-0.05759,0.07998,0.01486,-0.02252,-0.06825,0.04852,-0.04507,-0.04342,0.03579,-0.02482,0.02756,-0.05044,0.00445,-0.04121,0.06067,0.06859,0.05626,-0.05057,-0.02255,-0.01267,0.06033,-0.01102,0,-0.06495,-0.02436,-0.0285,-0.0646,-0.01228,-0.00411,0.02618,0.01611,-0.00846,0.07602,0.02479,0.10678,-0.10375,0.03169,0.09343,0.02472,0.03282,0.03248,-0.02299,0.04415,0.02977,-0.0464,0.07326,0.12477,0.00895,-0.01168,-0.016,0.05722,-0.04305,0.02344,-0.00562,-0.04638,0.05152,0.08568,-0.00831,0.06599,-0.10211,0.02046,0.00679,0.0297,0.05613,-0.02383,0.00607,-0.00173,0.03615,0.08163,0.0861,0.03139,-0.06513,0.0239,-0.02942,0.00465,-0.03395,-0.06409,-0.04997,-0.00193,0.07599,0.00638,0.01397,-0.01052,-0.04985,0.11046,-0.02282,-0.05487],"keywords":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams. Modes in this demo - Manual mode for fixed connector sides such as LEFT, RIGHT, TOP, or BOTTOM. - Calculated mode with CALCULATE when the best side should depend on relative node positions. Each connector still has only one active side at a time, so multiple edges will share that side.","excerpt":"Modes in this demo - Manual mode for fixed connector sides such as LEFT, RIGHT, TOP, or BOTTOM. - Calculated mode with CALCULATE when the best side should depend on relative node positions. Each connector still has only one active side at a time, so multiple edges will share that side."},{"chunkId":"/examples/connectable-side#4","slug":"connectable-side","route":"/examples/connectable-side","section":"examples","title":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left)","description":"Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams.","group":"Connectors","vector":[0.00098,-0.01324,-0.03532,0.05091,-0.01786,0.0392,-0.04925,0.02915,0.03322,0.07202,0.00288,0.13999,-0.03484,0.05301,-0.02643,0.01327,-0.05043,-0.05247,-0.0544,-0.01622,-0.06668,-0.08681,-0.04795,-0.06451,-0.00417,-0.01035,0.02525,0.02141,0.07434,-0.04175,-0.04075,-0.01056,-0.10003,0.01824,-0.13263,-0.0219,0.01056,0.03029,-0.02866,0.01626,0.08895,-0.02187,-0.01828,-0.05184,-0.05558,0.0505,-0.15227,0.00388,-0.08735,0.09509,-0.03624,-0.02745,-0.07723,0.03999,0.07084,0.01514,0.00632,-0.03761,-0.00235,0.03446,0.05263,-0.04661,-0.05254,0.00602,0.01016,-0.05168,-0.01256,0.07234,-0.04946,0.03688,0.03316,-0.02842,-0.00902,-0.08093,0.01327,0.02511,0.02884,0.08388,-0.02819,-0.0089,0.01549,0.13213,-0.00552,0.05669,-0.03383,0.06935,-0.05565,-0.04044,0.04713,-0.04696,-0.00711,-0.01445,0.0498,-0.01737,0.03632,0.02861,-0.05531,0.02055,-0.09282,-0.00457,0.01372,-0.05792,0.08071,-0.01075,0.05132,-0.04167,-0.05398,0.02481,0.01597,-0.04987,0.01318,0.04342,0.0118,-0.0507,-0.09534,-0.02494,-0.03903,0.02382,0.09225,0.03777,-0.05912,0.01584,0.09249,-0.05863,0.05417,-0.01586,-0.0685,0,-0.01756,-0.01534,-0.01444,-0.01976,0.02841,-0.00494,-0.05772,-0.04087,0.03082,0.05994,-0.00122,0.02263,-0.05912,0.00256,0.04799,-0.03228,-0.01306,-0.00538,-0.08238,0.03067,-0.00449,-0.08503,-0.0412,0.05588,0.05971,0.03563,0.01804,0.0181,-0.04516,-0.0003,0.0748,0.07351,0.01851,0.03679,0.0243,-0.00676,-0.06682,-0.04715,-0.04436,-0.00012,-0.00428,-0.03942,-0.08277,0.05138,-0.00593,0.01754,-0.02508,-0.00032,0.02367,0.0227,-0.04292,0.03773,0.06267,-0.01794,0.04793,-0.03524,-0.07191,0.07551,-0.00838,0.05515,-0.0016,-0.03317,-0.00966,-0.04861,-0.02559,0.02725,-0.03474,-0.04722,0.08944,-0.09924,-0.10357,0.04186,-0.03715,0.07311,-0.07775,-0.05364,-0.05374,0.10264,0.12909,-0.00717,-0.08795,-0.00746,0.01791,-0.0251,0.04811,-0.09781,0.00135,-0.04575,0.00156,-0.0307,0.0612,0.07423,0.01477,0.09928,0.02691,0,-0.08246,-0.01678,0.00692,0.02891,-0.01238,-0.04487,0.04138,-0.02847,0.07011,0.07702,0.10902,0.06993,0.00249,-0.03758,0.01124,-0.02296,-0.03613,-0.07688,0.03704,0.01357,0.01671,-0.00669,0.02336,-0.03451,-0.01503,0.05738,0.02469,-0.06793,0.02426,0.04197,0.01846,-0.02393,-0.03348,0.04073,-0.09627,-0.04998,-0.04111,0.01689,0.05146,-0.06198,-0.00139,0.06162,0.01696,0.03925,-0.03973,-0.00157,-0.0674,-0.02024,-0.08506,-0.09709,-0.05693,0.08119,0.09619,-0.00298,-0.03199,-0.01806,0.0655,0.00757,0.04771,0.03262,0.06422,-0.02888,0.05599,-0.02521,-0.05152,0.06244,0.02829,-0.12172,0.05923,0.02785,-0.00694,0.06053,-0.02568,-0.04905,0.09228,0.04618,0.00183,-0.06355,0.03648,-0.03754,-0.07825,0.04456,-0.03284,0.03794,-0.01596,-0.02531,-0.03949,0.04701,0.05513,0.04472,-0.03642,-0.03212,-0.00667,0.06518,-0.00941,0,-0.061,-0.03188,-0.00201,-0.06214,0.00769,0.00169,0.02872,0.02877,-0.0163,0.08265,0.01375,0.12968,-0.08368,-0.00676,0.07166,0.0472,0.01601,0.02982,-0.00366,0.0571,-0.01319,-0.05326,0.08609,0.13491,0.01274,-0.01428,-0.0024,0.09059,-0.05894,0.03993,-0.01185,-0.03068,0.05018,0.08474,0.00125,0.05823,-0.11172,0.00459,-0.00546,0.05533,0.08118,-0.02874,0.03555,0.01854,0.01754,0.0903,0.055,0.02589,-0.08523,0.03156,-0.03232,-0.02146,-0.04118,-0.06578,-0.05275,-0.02713,0.08281,0.00726,0.00575,0.00449,-0.0389,0.1163,0.0036,-0.04003],"keywords":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams. Related behavior If a connection-side rule is also specified, it takes precedence over the connector-side rule. See the Connection Connectable Side example for the stronger per-edge override.","excerpt":"Related behavior If a connection-side rule is also specified, it takes precedence over the connector-side rule. See the Connection Connectable Side example for the stronger per-edge override."},{"chunkId":"/examples/drag-to-connect#0","slug":"drag-to-connect","route":"/examples/drag-to-connect","section":"examples","title":"Drag to Connect","description":"Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code.","group":"Connections - Editing","vector":[-0.09707,-0.00085,-0.11536,0.03599,-0.01386,0.00591,-0.04747,-0.03051,-0.0478,0.03658,0.0016,0.04143,-0.0536,0.04858,-0.00144,-0.00246,-0.06316,-0.09521,-0.00178,0.02435,-0.0224,-0.0755,-0.04598,-0.09613,0.0748,-0.01689,0.09176,-0.00926,0.08841,-0.02491,0.01147,0.04129,-0.1085,-0.00463,-0.09502,-0.05598,0.03833,0.04696,-0.02488,-0.05089,0.08036,-0.03815,0.03283,-0.03133,-0.07244,-0.02269,-0.07797,0.03194,0.01021,0.05403,-0.07833,-0.06507,-0.04792,-0.01253,0.00685,-0.01556,-0.00524,-0.00695,-0.00558,0.02341,0.06622,-0.0662,0.01733,0.00821,-0.03032,-0.00855,-0.02131,0.04479,-0.09224,0.00771,0.01531,-0.0092,-0.06345,-0.02827,0.05171,0.02332,-0.06992,0.06237,-0.02177,0.04486,0.02168,0.09258,-0.10844,0.10629,-0.0169,0.13865,-0.02084,-0.0258,-0.07588,-0.10234,-0.00603,0.0569,-0.02289,-0.00135,-0.03116,-0.01707,-0.03496,-0.02933,-0.10089,0.01146,-0.02625,-0.03483,-0.0527,-0.00075,0.00996,-0.00719,0.00165,-0.04771,-0.00873,0.06118,0.04092,0.06487,-0.06967,-0.04314,-0.06066,0.00398,-0.07626,-0.04016,0.07695,0.01789,-0.05809,0.05248,-0.02119,-0.0065,0.07191,-0.01863,0.02628,0,0.03619,0.05704,-0.04409,-0.0221,0.04837,0.03743,-0.03175,-0.07862,0.01415,0.03269,-0.0636,0.00706,-0.00471,-0.00911,-0.00022,-0.11203,0.01861,-0.01021,-0.05848,0.03818,-0.03149,-0.09465,-0.00978,0.02632,0.044,0.04059,-0.03684,0.00882,0.04891,0.02079,0.02512,0.06587,-0.01328,0.05583,-0.02588,0.03889,-0.0153,-0.0097,0.01915,-0.01313,0.0573,-0.08799,-0.11102,0.08817,-0.00125,-0.017,0.04763,-0.03129,0.02555,0.00889,-0.04217,0.03212,-0.00056,0.00543,0.01455,-0.08252,-0.0578,0.11801,0.00863,-0.00315,-0.02012,-0.03413,-0.05818,0.00179,0.039,0.01249,0.02002,0.02817,0.059,-0.08736,-0.04533,0.02277,0.01352,0.03539,-0.05385,-0.03658,-0.04381,0.08473,0.13832,-0.0213,-0.01023,-0.02121,-0.00548,0.00415,0.07709,-0.08123,0.00607,-0.04016,-0.04307,0.04294,-0.00716,0.08247,0.10634,0.0161,0.0498,0,-0.03323,0.03547,0.06143,0.05513,0.00392,-0.03301,0.10807,0.04828,0.00849,0.00914,0.07145,0.06794,0.03347,-0.01142,-0.0484,-0.01175,-0.05093,-0.02537,0.05587,-0.04344,0.07186,-0.01493,0.04732,-0.01654,-0.07432,0.0294,0.09754,-0.09209,-0.00581,0.02986,0.07385,0.02017,-0.05963,-0.01656,-0.01185,0.03446,0.08088,0.14596,0.06089,-0.05309,-0.05496,-0.01093,-0.037,-0.00032,-0.05366,-0.01984,-0.04307,-0.02769,-0.17617,0.00476,-0.00567,0.10817,-0.001,-0.04561,-0.00471,0.00298,0.06663,-0.03185,0.05028,0.06122,0.06727,-0.03478,-0.02599,-0.02879,0.06987,0.03205,-0.02048,-0.04292,0.04099,0.09224,-0.06407,0.02687,0.02434,0.01346,0.10484,-0.0419,0.05319,-0.09673,0.0582,-0.00135,-0.0065,0.03495,-0.01268,-0.05132,0.02215,0.02697,-0.01898,0.03158,0.04011,0.01928,-0.1153,-0.03514,-0.00323,-0.06488,0.00104,0,-0.04844,0.03463,0.00034,-0.01925,0.01071,0.02248,-0.02899,0.01645,0.05875,-0.00939,-0.02166,0.04498,-0.12157,0.07631,0.08154,0.02837,0.02598,0.03402,0.00068,-0.0123,0.04972,-0.01299,0.02755,0.07631,-0.01513,-0.0629,-0.06334,0.06566,-0.01171,0.00931,-0.03952,0.00068,0.06237,0.04292,-0.06747,0.00741,-0.08861,-0.00695,-0.00964,-0.01142,0.08993,0.05146,-0.00889,-0.05578,-0.02989,0.08128,0.06819,0.04209,-0.01429,0.03942,-0.00532,-0.0188,0.0238,-0.10383,-0.01093,0.01183,-0.03207,0.00539,0.05401,-0.05463,-0.06679,0.09145,0.02961,0.03306],"keywords":"Drag to Connect Drag to Connect Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code. Drag to Connect","excerpt":"Drag to Connect"},{"chunkId":"/examples/drag-to-connect#1","slug":"drag-to-connect","route":"/examples/drag-to-connect","section":"examples","title":"Drag to Connect","description":"Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code.","group":"Connections - Editing","vector":[-0.13713,-0.03138,-0.06991,0.06339,0.01882,-0.00544,-0.01034,-0.01376,0.0079,0.02181,-0.01854,0.03729,-0.03355,0.01756,0.00412,0.03645,-0.01777,-0.04592,-0.02861,-0.00178,-0.041,-0.10668,-0.0652,-0.06619,0.02875,-0.0075,0.01822,-0.01254,0.08342,-0.06414,0.01093,0.02068,-0.12293,0.02706,-0.12084,0.05709,0.07218,0.01042,-0.08501,-0.06952,0.07346,-0.03581,0.0106,-0.05301,-0.05694,-0.04856,-0.07697,0.04098,-0.02969,0.05504,-0.10341,-0.05676,-0.03024,0.02736,0.01626,0.05782,0.0401,-0.00777,-0.0019,0.03096,0.06894,-0.03813,-0.00024,0.02105,-0.00251,0.0108,-0.01353,0.05354,-0.03356,-0.02928,0.0121,-0.02609,-0.06281,0.02746,0.01475,-0.03688,-0.09238,0.02585,-0.04355,0.04996,0.04651,0.07117,-0.10464,0.10505,-0.03145,0.15961,-0.01611,-0.04281,-0.03223,-0.03532,0.00337,0.03861,-0.0056,-0.00153,0.00538,-0.00405,-0.01423,-0.04773,-0.07664,0.03623,-0.01985,-0.03729,-0.01232,-0.03166,0.00929,-0.02499,-0.01124,-0.0674,-0.05018,0.05528,0.01811,0.02566,-0.05339,-0.0431,-0.06304,-0.0128,-0.02174,-0.06241,0.04872,0.06074,-0.03049,0.08139,0.00131,-0.01075,0.08515,-0.05499,0.00108,0,0.04321,0.0206,-0.0364,0.0264,0.06537,0.02404,-0.03082,-0.08487,-0.0297,0.00028,-0.04218,0.01684,0.01219,0.01752,0.02068,-0.09907,-0.01021,0.01228,-0.02615,0.03624,-0.03001,-0.12746,-0.03775,0.05683,0.06689,0.06421,-0.02665,0.05082,0.07364,0.00251,-0.01068,0.01712,-0.00014,0.05152,-0.04232,0.06548,-0.02722,-0.05136,0.01344,-0.01138,0.01845,-0.05206,-0.08605,0.08077,-0.00845,-0.03043,0.02812,0.00402,-0.0129,-0.00533,-0.00252,0.03788,0.08185,0.02293,0.01156,-0.07442,-0.00988,0.08013,0.031,0.07178,0.011,-0.00616,-0.0983,0.00819,0.06311,0.02824,-0.0286,0.03106,0.08014,-0.08826,-0.10698,0.01786,0.00752,0.04566,-0.01062,-0.03438,-0.10933,-0.01424,0.11773,-0.03507,0.0055,-0.0396,0.01235,0.04152,0.07598,-0.08989,-0.02204,-0.02918,-0.07299,0.00639,0.00439,0.06927,0.10699,0.01581,0.08889,0,-0.04314,0.05068,0.02598,0.11839,0.00365,-0.01804,0.03864,-0.0142,0.05134,0.01416,0.01683,0.06564,0.013,0.02806,-0.01189,0.00185,-0.07602,-0.123,0.04758,-0.04443,0.08238,-0.0255,0.0213,-0.01417,-0.1106,0.01643,0.08223,-0.02988,-0.01253,0.03956,0.04406,-0.01186,-0.03168,0.01047,0.02231,0.00586,0.05444,0.13078,0.06823,-0.06885,-0.02009,-0.00809,-0.05284,0.01569,-0.05405,0.04488,-0.09411,0.0228,-0.1492,-0.03451,-0.06491,0.08388,-0.02478,-0.0527,0.0008,0.00289,0.05614,0.02214,0.03088,0.01309,0.03346,-0.03287,-0.02786,0.00417,0.05099,0.02452,-0.02732,-0.06236,0.00004,0.05671,-0.01863,0.05552,0.04017,-0.03129,0.08799,-0.05412,0.08966,-0.11204,0.08458,0.00205,-0.02311,0.0575,0.01338,-0.05305,-0.00103,0.05901,-0.04598,0.03335,0.03728,0.03347,-0.10031,0.00603,-0.00569,-0.05817,-0.07017,0,-0.05602,0.02209,0.01131,-0.02256,0.0158,0.04301,0.01126,0.03343,0.0797,0.00853,0.00164,-0.00069,-0.08384,0.04899,0.12457,0.02144,0.03738,0.03032,-0.03382,-0.03443,0.07247,0.00674,0.03223,0.12537,0.0153,-0.05165,-0.00913,0.07537,-0.02008,0.04462,-0.02792,0.00286,0.06284,0.0646,-0.07763,0.04676,-0.05377,-0.00481,0.01743,-0.0236,0.07429,0.04321,-0.05869,-0.05779,-0.04772,0.06033,0.04752,-0.03399,-0.01101,0.04223,-0.02933,-0.03795,0.01487,-0.0416,0.01074,0.01131,-0.02484,-0.03202,0.07656,-0.00582,-0.057,0.07947,0.04545,0.02488],"keywords":"Drag to Connect Drag to Connect Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code. Description This guide shows how to create connections between connectors using drag-and-drop interactions. It covers one of the core behaviors users expect in a real node editor: start from an output, move across the canvas, get visual feedback, and complete a valid connection on an input. This is a foundational example for workflow builders, automation tools, and any editor where users define logic by wiring blocks together. Once this interaction is reliable, it becomes much easier to layer validation, snapping, content, and routing behavior on top.","excerpt":"Description This guide shows how to create connections between connectors using drag-and-drop interactions. It covers one of the core behaviors users expect in a real node editor: start from an output, move across the canvas, get visual feedback, and complete a valid connection on an input. This is a foundational example for workflow builders, automation tools, and any editor where users define logic by wiring blocks together. Once this interaction is reliable, it becomes much easier to layer validation, snapping, content, and routing behavior on top."},{"chunkId":"/examples/drag-to-connect#2","slug":"drag-to-connect","route":"/examples/drag-to-connect","section":"examples","title":"Drag to Connect","description":"Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code.","group":"Connections - Editing","vector":[-0.09423,-0.00268,-0.11431,0.05942,0.01491,0.05503,-0.01136,-0.00373,-0.02161,0.07354,-0.01474,0.034,-0.0427,0.07537,-0.02603,-0.01953,-0.08057,-0.01617,-0.03121,-0.00669,-0.00222,-0.07758,-0.02273,-0.02214,0.05843,-0.01726,0.02524,-0.04489,0.0896,-0.00739,0.03967,0.03407,-0.09599,-0.00418,-0.08102,0.00254,0.04501,0.05804,-0.03612,-0.04295,0.08718,-0.02523,0.03814,-0.08255,-0.05803,0.00666,-0.08608,0.06755,-0.03572,0.04148,-0.08785,-0.06022,-0.06402,0.03401,0.01367,-0.03621,0.00889,-0.06481,0.00557,0.00546,0.0111,-0.09416,-0.00814,-0.00025,0.00705,-0.00942,-0.0991,0.0567,-0.0796,0.0394,0.03183,-0.02626,-0.06318,-0.00764,0.03953,-0.02402,-0.08546,0.11772,-0.04382,0.04075,0.05763,0.03957,-0.08116,0.04952,-0.03698,0.14479,-0.00981,-0.03446,-0.06006,-0.09738,0.00586,0.10927,-0.01992,0.00197,0.031,-0.02276,-0.07707,0.00713,-0.08175,0.03807,-0.04028,-0.06585,-0.01057,0.02581,0.02581,-0.00185,0.00384,-0.02426,-0.02621,0.05017,0.03943,0.04105,-0.0051,-0.04398,-0.04813,-0.05838,-0.07115,-0.03697,0.03498,0.04698,-0.03756,0.04438,-0.02764,-0.03562,0.10054,-0.00633,0.05082,0,0.05753,0.07487,-0.03624,0.01691,0.02711,0.0259,-0.05482,-0.10109,0.0094,0.08054,-0.07357,0.0119,-0.01137,-0.00327,-0.02119,-0.11061,0.04216,-0.00046,-0.05032,0.03056,0.01425,-0.07262,-0.03318,0.03079,0.10906,-0.01206,-0.06899,-0.00086,0.04409,0.01028,0.02148,0.06445,-0.0018,-0.01705,-0.01537,0.01563,-0.01858,-0.01524,-0.00598,-0.03003,0.09082,-0.05851,-0.09807,0.10426,-0.02535,-0.01815,0.02463,-0.02903,0.05621,0.01757,-0.02475,0.03117,0.0131,0.02272,0.05636,-0.06038,-0.03468,0.11518,-0.00572,0.04497,-0.00026,-0.01563,-0.05155,-0.02443,0.07043,-0.0054,-0.00213,0.04907,0.08248,-0.11304,-0.08091,0.03997,-0.01699,0.03598,-0.03701,-0.06297,-0.02095,0.06579,0.12292,-0.0297,-0.01295,-0.058,-0.02346,0.02932,0.08181,-0.09843,-0.03145,-0.03021,-0.06584,-0.045,0.02116,0.04975,0.05781,0.01505,0.05651,0,0.02369,0.0348,0.06133,0.1052,-0.00544,-0.03065,0.08227,0.04942,0.02712,0.02825,0.0281,0.07225,0.05022,-0.00754,0.00162,-0.02247,-0.03733,-0.06548,0.06085,-0.04133,0.07496,-0.00574,0.01682,0.01008,-0.06464,0.04871,0.10889,-0.04257,-0.02447,0.01713,0.03867,-0.02079,-0.07481,-0.00448,-0.0458,-0.00942,0.07024,0.18081,0.05775,-0.03966,0.00207,0.04976,-0.03043,0.00458,-0.03187,0.00706,-0.01816,-0.03376,-0.12537,-0.03331,-0.04526,0.06656,-0.03226,0.00293,0.01564,-0.03864,0.06965,-0.03606,0.01166,0.01785,0.06313,-0.02029,-0.03133,-0.0297,0.07006,0.03361,-0.06434,-0.06549,0.05476,0.08751,-0.04391,0.04164,0.03164,-0.00286,0.11109,0.00004,0.05517,-0.0533,0.07302,-0.00178,-0.01977,0.0676,-0.00643,-0.00843,0.01192,0.06926,-0.05737,-0.02213,0.05188,0.02526,-0.09963,-0.06544,0.02319,-0.07322,-0.00203,0,-0.06115,0.00715,0.00697,-0.03183,0.0049,0.02094,-0.01364,-0.01746,0.0586,0.00339,-0.03892,0.05914,-0.03795,0.03423,0.0688,0.00279,0.02499,0.02238,-0.01959,-0.00682,0.04431,-0.01416,0.05574,0.1243,-0.00056,-0.10087,-0.06303,0.02348,-0.00162,0.00912,-0.03985,-0.01071,0.06359,0.02313,-0.03772,-0.00867,-0.11996,0.01556,0.00661,-0.00812,0.09742,0.04237,0.01286,-0.05321,-0.05103,0.08753,0.02932,0.01003,-0.0373,0.00442,-0.0241,0.01344,-0.03596,-0.04688,-0.0002,-0.00809,-0.03396,0.02796,0.06284,-0.0726,-0.03797,0.06179,-0.00026,-0.00365],"keywords":"Drag to Connect Drag to Connect Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code. Example ::: ng-component <drag-to-connect</drag-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.scss :::","excerpt":"Example ::: ng-component <drag-to-connect</drag-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.scss :::"},{"chunkId":"/examples/drag-to-connect#3","slug":"drag-to-connect","route":"/examples/drag-to-connect","section":"examples","title":"Drag to Connect","description":"Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code.","group":"Connections - Editing","vector":[-0.09567,-0.01354,-0.07603,0.03993,-0.04192,0.02416,-0.06632,-0.03732,-0.00477,0.00918,-0.05606,0.04206,-0.0343,0.01655,0.00652,0.01405,-0.03728,-0.03715,-0.03584,-0.03859,-0.0436,-0.06394,-0.0567,-0.08097,0.01213,-0.01427,0.03643,0.04096,0.10387,-0.01308,0.02036,0.04491,-0.08673,0.03342,-0.08729,0.02273,0.06305,0.04748,-0.05315,-0.03244,0.08493,-0.05007,0.01338,-0.03346,-0.05793,-0.02587,-0.05865,-0.00297,-0.04305,0.0337,-0.06557,-0.07643,-0.04699,0.02881,0.03572,0.02928,0.03123,-0.04324,-0.00438,-0.00784,0.10668,-0.0606,0.02156,-0.00085,-0.02959,0.01039,-0.02381,0.04856,-0.01862,-0.01921,0.0263,-0.00675,-0.12727,-0.02423,-0.01443,-0.01533,-0.03076,0.01779,-0.0454,0.02928,0.0094,0.08449,-0.11689,0.09582,-0.01744,0.13508,-0.04292,-0.03687,-0.00739,-0.03816,-0.019,0.05427,-0.02018,-0.0473,0.06049,0.00958,-0.02959,-0.0175,-0.08873,0.02529,-0.02465,-0.04095,-0.0279,0.00171,0.02497,-0.00405,-0.01694,-0.01562,-0.02997,0.03181,0.03869,0.03514,-0.0066,-0.04174,-0.0738,-0.01848,-0.04831,-0.03772,0.0076,0.07893,-0.00591,0.07565,-0.01999,-0.0187,0.03326,-0.04812,-0.01103,0,0.074,0.04874,-0.0287,0.04,0.09225,0.01965,-0.02026,-0.08715,0.02469,0.01758,-0.07616,0.02122,-0.0118,0.02355,-0.0167,-0.10538,-0.00842,0.00441,-0.00304,0.07833,-0.02475,-0.15669,-0.03223,0.04924,0.05973,0.02547,-0.02447,0.02316,0.05822,0.00393,-0.0215,0.00347,0.02239,0.07057,-0.06288,0.06404,-0.04483,-0.03717,0.02456,-0.0412,0.03923,-0.01809,-0.06903,0.05998,0.01617,0.00332,0.00343,-0.0076,0.03515,0.01143,0.04512,0.00824,0.07856,-0.00601,-0.00424,-0.09695,-0.02189,0.08505,-0.00669,0.07408,-0.05073,-0.02482,-0.08753,0.05988,0.08772,0.05953,-0.01429,0.02668,0.10123,-0.11936,-0.09415,0.03053,-0.02021,0.08582,-0.04215,-0.04668,-0.06336,0.05516,0.10534,0.0035,-0.04443,0.01851,0.01094,0.02777,0.08765,-0.08793,-0.02182,-0.00606,-0.06242,0.01215,0.03003,0.08418,0.11238,0.06821,0.09232,0,-0.07459,0.01208,0.00835,0.06777,-0.00466,-0.00781,0.04793,-0.02344,0.04623,-0.00728,0.04662,0.06084,0.03093,-0.03756,-0.01164,-0.06265,-0.06491,-0.05374,0.03428,-0.00108,0.05704,-0.03631,0.02033,-0.03656,-0.0424,0.02983,0.04209,-0.08804,-0.0004,0.00491,0.05758,-0.0251,-0.06425,0.00169,0.0156,0.021,0.00614,0.11314,0.11185,-0.0423,-0.02125,0.03107,-0.02753,0.0332,-0.05658,0.04699,-0.05151,-0.0145,-0.15683,-0.04676,-0.05513,0.13415,-0.0165,-0.02893,0.00994,0.00507,0.06717,-0.01453,0.04336,-0.00191,0.00314,-0.00493,0.02788,-0.00647,0.00422,-0.00427,-0.01557,-0.05435,-0.02109,0.06999,-0.03673,0.02384,-0.01221,0.01364,0.0793,-0.10401,0.06122,-0.09463,0.05977,0.03403,-0.06255,0.08505,-0.00517,-0.04485,0.01559,-0.00427,0.00251,0.00996,0.0665,0.01645,-0.12567,-0.02539,-0.05784,-0.04511,-0.05676,0,-0.05447,0.02723,-0.00343,-0.03781,-0.01642,0.01413,-0.01164,0.06052,0.08186,-0.01668,0.03892,0.01398,-0.10799,0.01923,0.07058,0.00409,0.04785,0.03319,-0.03254,-0.07268,0.0395,-0.02158,0.01798,0.09922,0.00805,-0.08052,0.00766,0.01171,-0.02879,0.04515,-0.01611,0.0101,0.08661,0.10855,-0.05929,0.00505,-0.06672,0.02056,0.01347,0.03369,0.07624,0.03858,-0.03907,-0.06318,-0.05441,0.0756,0.02499,-0.00032,-0.04428,0.04154,0.02734,-0.00751,0.03533,-0.09007,-0.01307,0.03536,0.01882,-0.01828,0.06553,-0.06227,-0.05922,0.12895,0.04119,0.02117],"keywords":"Drag to Connect Drag to Connect Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code. When to use it - Build the first version of a workflow builder. - Add interactive edge creation to a custom node editor. - Validate whether your node and connector IDs are stable enough for real editing flows. This example is also a good baseline before layering on connection rules, snapping, or reassignment. I Ds","excerpt":"When to use it - Build the first version of a workflow builder. - Add interactive edge creation to a custom node editor. - Validate whether your node and connector IDs are stable enough for real editing flows. This example is also a good baseline before layering on connection rules, snapping, or reassignment."},{"chunkId":"/examples/drag-to-connect#4","slug":"drag-to-connect","route":"/examples/drag-to-connect","section":"examples","title":"Drag to Connect","description":"Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code.","group":"Connections - Editing","vector":[-0.09781,-0.0181,-0.14749,0.02198,-0.0272,0.03308,-0.03767,-0.01151,-0.05423,0.05491,0.01126,0.05388,-0.04236,0.04241,-0.00608,-0.0068,-0.0698,-0.07913,-0.01283,0.01493,-0.012,-0.08821,-0.06266,-0.07739,0.04499,-0.01767,0.11202,-0.02062,0.07603,0.00114,0.01879,0.02547,-0.08619,-0.00579,-0.12443,-0.05427,0.02384,0.03599,-0.04905,-0.06875,0.08095,-0.05795,0.02248,-0.05654,-0.07745,-0.03412,-0.10297,0.03229,-0.01791,0.05606,-0.08693,-0.06689,-0.0626,-0.01277,-0.00745,-0.02235,-0.00192,-0.01306,-0.01471,0.02592,0.04968,-0.07153,-0.00014,0.00313,-0.01106,-0.02572,-0.01361,0.06427,-0.06613,-0.01744,-0.00503,-0.0153,-0.04552,-0.03663,0.0236,-0.01065,-0.04281,0.09446,-0.02166,0.0951,0.02679,0.11765,-0.07743,0.06988,-0.02825,0.1507,-0.02504,-0.0089,-0.07312,-0.11259,-0.01756,0.06167,-0.02757,-0.00432,-0.02367,-0.00213,-0.03379,-0.02352,-0.05901,-0.00315,-0.04099,-0.05619,-0.03372,-0.00473,0.02965,-0.00747,-0.03136,-0.03511,0.00036,0.01984,0.05364,0.03804,-0.06357,-0.02783,-0.04949,0.00955,-0.05262,-0.0374,0.06524,0.0587,-0.05425,0.06112,-0.02421,-0.01867,0.08755,0.00325,0.02346,0,0.04511,0.06656,-0.02221,-0.02475,0.02055,0.05416,-0.04846,-0.06295,0.04632,0.01867,-0.06616,-0.01339,0.00755,0.01178,0.01354,-0.10533,0.00993,-0.0202,-0.04334,0.04646,-0.01923,-0.07464,-0.00844,0.04831,0.05221,0.04358,-0.03034,-0.00483,0.03386,0.00859,0.04556,0.05431,-0.02126,0.03746,-0.01891,0.02035,-0.04867,-0.0101,0.01953,-0.01288,0.07269,-0.08077,-0.09082,0.09168,-0.00025,-0.00972,0.04297,-0.02627,0.02404,0.0126,-0.03543,0.03708,0.03569,0.00768,0.01069,-0.08038,-0.06333,0.10594,0.02444,-0.01035,-0.01975,-0.05666,-0.05086,0.00212,0.01385,-0.01679,0.03085,0.01353,0.08787,-0.08333,-0.05288,0.01748,-0.00831,0.03798,-0.06113,-0.02718,-0.02824,0.07715,0.14203,-0.0235,-0.02227,-0.01088,0.00264,-0.01827,0.09942,-0.08947,-0.02333,-0.04494,-0.01246,-0.01181,0.01188,0.0766,0.05965,0.02345,0.06756,0,-0.01543,0.04047,0.03435,0.05184,-0.0017,-0.02008,0.0888,0.02613,0.00284,0.00549,0.0543,0.10099,0.06953,-0.00619,-0.043,-0.03215,-0.03871,-0.03743,0.06478,-0.028,0.06916,-0.05115,0.05718,-0.04731,-0.03782,0.02121,0.11155,-0.08565,0.00072,0.06143,0.06482,0.01594,-0.04719,-0.01671,-0.05129,0.0009,0.06638,0.12117,0.05411,-0.0323,-0.0449,0.01596,-0.00881,0.00357,-0.06728,-0.01814,-0.06075,-0.02527,-0.15894,-0.01202,-0.01874,0.1223,-0.01176,-0.01827,-0.03676,-0.03746,0.07681,-0.0234,0.04014,0.04393,0.05653,-0.03376,-0.01616,-0.04197,0.05749,0.04265,-0.01323,-0.05731,0.02735,0.0935,-0.03897,0.04492,0.02719,0.01328,0.09758,-0.02151,0.04812,-0.11139,0.06218,-0.00847,-0.01599,0.04405,0.01225,-0.04492,0.02451,0.0185,-0.01595,0.01887,0.05126,0.02112,-0.09567,-0.03214,-0.02549,-0.04785,0.00135,0,-0.03998,0.0116,0.007,-0.00825,0.00919,0.0214,-0.0265,0.02399,0.06787,0.01263,-0.02592,0.05914,-0.11389,0.06077,0.12131,0.06668,0.03103,0.03537,-0.01466,-0.02352,0.05703,-0.02504,0.03561,0.10545,0.00442,-0.05864,-0.05372,0.05655,-0.01591,0.00999,-0.04453,0.01111,0.07213,0.02502,-0.04476,0.01658,-0.09692,0.00218,-0.00013,-0.02283,0.08148,0.04289,-0.00786,-0.05953,-0.03235,0.06987,0.06818,0.01407,-0.01844,0.04425,0.00707,-0.00997,0.01004,-0.11618,-0.01761,0.01297,-0.00878,0.00637,0.05658,-0.06113,-0.06698,0.10262,0.06202,0.01136],"keywords":"Drag to Connect Drag to Connect Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code. Related docs - Create Connection - Output Connector - Input Connector","excerpt":"Related docs - Create Connection - Output Connector - Input Connector"},{"chunkId":"/examples/click-to-connect#0","slug":"click-to-connect","route":"/examples/click-to-connect","section":"examples","title":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow","description":"Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect.","group":"Connections - Editing","vector":[-0.04758,-0.05607,-0.14435,0.02887,-0.04645,0.07406,-0.0141,0.03396,0.04704,0.05887,-0.03785,-0.05083,-0.06164,0.00174,0.06271,0.0181,-0.07496,-0.05402,0.01107,0.04812,-0.06694,-0.06894,-0.01316,-0.07285,0.01766,-0.04205,0.03013,-0.01702,0.00118,-0.00802,0.03955,0.04332,-0.04086,-0.00216,-0.06777,0.02481,0.0305,0.01092,-0.056,-0.05926,0.13982,0.01272,0.04067,-0.04536,-0.08245,-0.01665,-0.0537,0.01936,0.0145,0.05291,-0.08596,-0.06328,-0.07061,0.05375,-0.00232,0.04326,0.02818,-0.0258,-0.00254,0.00842,0.03742,-0.03486,-0.01355,0.00176,-0.01989,0.00079,-0.07208,0.07234,-0.04953,-0.04696,-0.03707,-0.03937,-0.02469,-0.08867,0.04303,0.0148,0.00408,0.09592,0.01378,-0.04583,0.01837,0.089,0.00858,0.04485,0.01128,0.09113,0.05581,-0.02231,-0.02348,-0.07512,-0.00195,0.08144,-0.03383,-0.03638,0.05964,0.00187,-0.00613,-0.02407,-0.10688,0.01639,-0.01396,-0.03606,0.01731,-0.00637,-0.09263,-0.04545,0.00117,0.01965,0.00929,-0.02505,-0.04509,0.03648,0.04852,-0.091,-0.04934,-0.00039,-0.10354,-0.04601,0.07046,0.01524,-0.0425,0.00654,-0.00241,-0.01,0.02513,-0.02448,-0.01977,0,0.02521,0.02121,-0.03047,0.01967,0.04432,-0.02337,0.00758,-0.10076,0.00538,0.03379,-0.0227,-0.0023,-0.06377,0.02016,-0.07801,-0.09803,-0.01977,0.02804,0.01851,0.04851,0.06085,-0.05923,0.00151,0.01443,0.11094,0.06654,-0.02891,0.04309,-0.00938,0.04001,0.08274,0.02094,-0.0288,-0.0131,-0.03011,-0.02731,-0.08049,-0.01913,-0.01957,-0.03098,0.04765,-0.11679,-0.14386,0.03489,-0.00043,-0.01678,-0.01504,-0.05466,0.11797,0.04554,0.00033,-0.01906,-0.03626,0.01856,0.03982,-0.04399,-0.07417,0.08099,-0.01244,0.00916,0.00229,0.05829,-0.05011,-0.04492,0.06172,0.05862,-0.03302,0.00837,0.0808,-0.03326,-0.07877,0.05779,-0.0135,-0.01692,0.00045,-0.01287,-0.00253,0.05736,0.06344,0.00764,-0.01078,-0.08057,-0.02076,0.02521,0.10966,-0.051,-0.02085,-0.04261,-0.06381,0.00269,0.12672,0.04009,0.02059,0.01367,0.0606,0,-0.01964,0.01776,-0.00647,0.0333,0.03421,-0.02661,0.04964,-0.01772,0.05929,0.05351,0.07662,0.08305,0.04402,-0.03687,0.02362,-0.02331,0.04018,-0.06384,0.02785,-0.03282,0.04592,-0.02265,0.07089,-0.0833,-0.04867,0.01658,0.08046,0.01134,0.01601,-0.00925,0.02941,0.06868,-0.11325,-0.03269,-0.05849,-0.01136,0.05424,0.06455,0.00633,-0.10309,0.05187,0.00444,-0.083,-0.02362,-0.06017,-0.02797,-0.05038,-0.07702,-0.04576,0.0199,-0.04742,0.0283,-0.01629,-0.0202,-0.02145,0.06012,0.14948,0.0307,-0.03682,0.02642,-0.0064,-0.05537,0.09036,-0.03572,0.04978,0.04051,-0.00526,0.03654,0.05812,0.1282,-0.01431,0.05862,0.03969,0.0326,0.11315,0.02715,0.00163,-0.037,0.04139,0.00258,-0.00113,0.10096,0.01319,0.0017,0.07218,-0.02273,-0.01842,-0.0276,0.08836,0.01837,-0.09932,-0.02196,0.05256,-0.00539,0.00254,0,-0.09373,0.02981,-0.05097,-0.02403,0.07104,0.05029,-0.09916,-0.00892,0.00779,0.01044,-0.07203,0.09789,-0.03087,0.055,0.08085,-0.01625,0.0076,-0.03707,0.00851,-0.09408,-0.00734,-0.02713,0.07904,0.13961,0.03277,-0.02531,0.00139,0.00954,-0.02494,0.00514,-0.00753,0.00166,-0.0125,0.01891,-0.08258,0.02664,-0.05233,0.02949,-0.0743,-0.05637,0.06855,0.03213,0.04054,-0.04638,-0.06954,0.11139,-0.04286,-0.01092,-0.05251,0.00974,-0.02682,0.0341,-0.04221,0.00314,-0.04133,0.00461,-0.02867,0.00315,0.04462,-0.02205,-0.08727,0.07365,0.07569,-0.03339],"keywords":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect. Click to Connect","excerpt":"Click to Connect"},{"chunkId":"/examples/click-to-connect#1","slug":"click-to-connect","route":"/examples/click-to-connect","section":"examples","title":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow","description":"Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect.","group":"Connections - Editing","vector":[-0.0692,-0.12001,-0.10132,0.06609,-0.03769,0.07143,0.01349,-0.00669,0.08162,0.00439,0.02259,-0.00526,-0.04812,0.0243,0.04552,0.02411,-0.04659,-0.06711,-0.01787,0.06839,-0.04754,-0.14008,0.01611,-0.08336,0.02874,-0.07652,0.00392,-0.04864,0.04939,-0.04188,0.0292,0.06303,-0.09707,-0.01296,-0.06607,0.01601,0.04541,-0.00969,-0.0629,-0.03977,0.10683,-0.02018,0.05943,-0.04848,-0.07369,0.00543,-0.02692,0.02909,-0.00067,0.09031,-0.07763,-0.028,-0.02906,0.04602,0.03501,0.06938,0.02596,-0.00067,-0.01357,0.01067,0.02535,-0.0083,-0.01139,-0.0115,-0.0114,0.01319,-0.03954,0.02416,-0.03343,-0.00727,-0.01874,-0.0512,-0.02253,-0.05303,0.06738,0.03736,-0.04041,0.09998,-0.02904,-0.04722,0.04803,0.07862,-0.00899,0.02353,0.01429,0.10379,0.02147,-0.03738,-0.03784,-0.05105,-0.02299,0.06632,-0.02613,-0.02738,0.02911,-0.00964,-0.0314,-0.01745,-0.08685,-0.00085,-0.01258,0.00566,0.02847,0.03156,-0.0694,-0.05545,-0.04701,-0.03527,-0.02319,0.0123,0.01684,0.01033,0.04925,-0.06198,-0.06443,0.02227,-0.09847,-0.01567,0.0912,0.02395,-0.03436,0.01949,0.00377,-0.01211,0.02637,-0.04656,-0.04728,0,0.02981,-0.00952,-0.02931,0.00646,0.02305,-0.02264,0.01567,-0.08651,-0.02324,0.00692,-0.00933,-0.01741,-0.00784,0.01205,-0.07367,-0.10595,-0.02923,0.04668,-0.02163,0.05647,0.04402,-0.03975,-0.01705,-0.03423,0.11268,0.06929,-0.04691,0.07909,0.03333,0.03443,0.00694,0.0402,-0.01389,-0.01647,-0.04604,-0.00305,-0.05348,-0.04544,-0.0254,-0.03094,0.02796,-0.10791,-0.13512,0.02405,-0.01221,-0.03804,-0.02353,-0.02538,0.07192,-0.00294,0.01511,-0.03058,0.00797,0.01307,0.04442,-0.08739,-0.09056,0.07882,-0.01951,0.05553,-0.00317,0.03555,-0.07231,-0.02005,0.06272,0.07577,-0.03474,0.02338,0.06258,-0.05181,-0.07144,0.0472,-0.05414,-0.01997,0.0108,-0.04533,-0.03085,0.02884,0.09354,0.02812,0.01706,-0.07227,0.00715,0.04361,0.07723,-0.07571,-0.04849,-0.06566,-0.10281,-0.00916,0.09068,0.07099,0.05063,0.02501,0.06817,0,-0.01041,0.04094,-0.01299,0.0744,-0.00583,-0.00181,0.05275,-0.03347,0.0332,0.00753,0.05616,0.04464,0.01156,-0.02564,-0.01964,0.003,0.01787,-0.06128,0.00322,-0.00228,0.08334,-0.03351,0.09225,-0.04059,-0.09205,-0.00471,0.09023,0.0095,0.00173,-0.01175,0.05234,0.02726,-0.10727,-0.03755,-0.01744,-0.01405,0.02951,0.08976,0.04661,-0.08051,0.04055,0.02098,-0.03412,0.00707,-0.03531,0.00417,-0.07043,-0.07919,-0.05426,0.01836,-0.05768,0.03117,-0.03867,-0.03164,-0.04082,0.05378,0.13874,0.00381,-0.03133,0.02433,0.04628,-0.04186,0.04369,-0.0351,0.09195,0.05723,0.01187,0.04801,0.1027,0.10816,0.01015,0.06197,0.06253,0.01413,0.07538,0.0466,0.03982,-0.10161,0.06919,-0.00319,-0.00796,0.05952,0.03478,-0.02784,0.03044,0.06392,-0.04366,0.01399,0.07325,0.04997,-0.09602,-0.0152,0.0933,-0.00831,-0.0298,0,-0.08266,0.04599,-0.02983,-0.04575,0.04506,0.026,-0.08186,-0.01359,0.00128,-0.01018,-0.09458,0.06777,-0.02116,0.08618,0.08511,-0.02531,0.04685,-0.02337,-0.02387,-0.089,0.00162,-0.02465,0.0762,0.12432,-0.01713,-0.0658,0.00072,0.05565,-0.01551,-0.01346,-0.03371,-0.01927,-0.03017,0.03412,-0.14235,0.0551,-0.01629,-0.01176,-0.04613,-0.03468,0.09696,0.02959,-0.00294,-0.03834,-0.06977,0.08362,-0.00405,-0.04,-0.05428,0.04945,-0.0311,0.03224,-0.02216,-0.01073,0.01327,-0.00817,-0.02725,0.039,0.09594,0.00696,-0.06769,0.03911,0.06375,0.00502],"keywords":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect. Description Create connections without dragging: click a source connector to start, the preview line follows the cursor, then click a connectable target to commit. Pressing Escape or clicking anywhere else cancels; clicking another source re-arms from it. Drag-to-connect keeps working alongside — both gestures share the same preview, snapping, validation, and emit the same fCreateConnection event. f Create Connection","excerpt":"Description Create connections without dragging: click a source connector to start, the preview line follows the cursor, then click a connectable target to commit. Pressing Escape or clicking anywhere else cancels; clicking another source re-arms from it. Drag-to-connect keeps working alongside — both gestures share the same preview, snapping, validation, and emit the same fCreateConnection event."},{"chunkId":"/examples/click-to-connect#2","slug":"click-to-connect","route":"/examples/click-to-connect","section":"examples","title":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow","description":"Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect.","group":"Connections - Editing","vector":[-0.07658,-0.06461,-0.11252,0.06597,0.01294,0.08914,-0.01449,0.019,0.01968,0.04539,-0.031,-0.00841,-0.04964,0.0341,0.03727,0.01996,-0.06939,-0.03184,-0.00785,0.00722,-0.01997,-0.06611,0.01918,-0.04375,0.00483,-0.07159,-0.02521,-0.05684,-0.00082,0.01542,0.05617,0.07088,-0.05498,-0.02512,-0.04442,0.04191,0.02332,0.01981,-0.02881,-0.04416,0.13442,0.01226,0.04154,-0.08996,-0.06136,-0.02525,-0.07439,0.03845,-0.02506,0.05223,-0.08785,-0.04926,-0.04196,0.02676,0.02726,0.00936,0.01055,-0.07452,0.0333,0.01617,-0.0109,-0.06237,-0.02419,-0.0119,0.02008,0.02463,-0.09496,0.06134,-0.06812,0.00741,-0.01913,-0.03413,-0.06095,-0.04491,0.02128,-0.03983,-0.0648,0.11804,-0.01926,-0.04957,0.05346,0.06337,0.00852,0.03249,0.01655,0.12651,0.04993,-0.02131,-0.01824,-0.08283,-0.0116,0.06661,-0.02794,-0.01272,0.11194,0.01649,-0.05463,0.00975,-0.08217,0.02312,-0.00054,-0.02974,0.02208,-0.00351,-0.01474,-0.02236,-0.01593,0.04473,-0.01627,0.00231,-0.00835,0.01067,0.05056,-0.07886,-0.03657,-0.07013,-0.08849,-0.04475,0.08801,0.03101,0.02807,0.02099,-0.05533,-0.04028,0.05892,-0.01051,0.01986,0,0.04585,0.02018,-0.05629,0.0217,0.05742,-0.02638,0.02123,-0.11173,-0.0288,0.07655,-0.03842,-0.01065,-0.04248,-0.01089,-0.09068,-0.10269,-0.01298,0.04561,-0.02529,0.03357,0.03329,-0.03354,-0.02907,0.01997,0.14421,0.01888,-0.06535,0.06986,-0.01335,0.02159,0.06896,0.04392,0.00855,-0.03003,-0.02539,-0.05503,-0.05917,-0.03849,-0.0458,-0.02233,0.08248,-0.09628,-0.10649,0.0755,-0.04735,0.00024,-0.0117,-0.04493,0.09728,0.00312,-0.01502,-0.0043,-0.006,-0.02465,0.0581,-0.0456,-0.07183,0.07199,-0.01891,0.0525,-0.02394,0.0329,-0.03035,-0.05084,0.07693,0.02634,-0.0393,0.00915,0.07847,-0.08437,-0.06756,0.0779,-0.03551,-0.00521,0.02355,-0.03334,-0.00369,0.03324,0.1042,0.01946,-0.02328,-0.13556,-0.04382,0.03727,0.10534,-0.0947,-0.04229,-0.04577,-0.09884,-0.08298,0.1037,0.03959,-0.0119,-0.01646,0.05916,0,0.05761,0.05048,0.04023,0.10089,-0.00325,0.03413,0.07023,-0.01952,0.06103,0.0557,0.03948,0.07999,0.05715,-0.05494,0.03017,0.02667,0.01008,-0.06335,0.03652,-0.02786,0.08053,0.01016,0.03166,-0.02902,-0.0445,0.01277,0.08172,0.02645,0.01369,-0.01493,0.03471,0.03052,-0.12436,-0.01038,-0.04839,-0.01006,0.06457,0.129,0.04253,-0.04413,0.09158,0.02221,-0.03345,-0.00276,-0.03837,-0.03492,-0.0056,-0.044,-0.04981,-0.01241,-0.0627,0.00219,-0.01056,-0.01475,-0.02275,0.02629,0.10311,-0.04433,-0.0564,-0.01838,0.04247,-0.06642,0.05674,-0.02051,0.03971,0.0277,-0.04222,0.00332,0.05459,0.08644,-0.01982,0.0329,0.07231,-0.00649,0.09619,0.02814,0.01639,-0.02575,0.06381,-0.01041,-0.00402,0.08915,0.02167,-0.01525,0.06058,0.01919,-0.05834,-0.01574,0.09409,0.00249,-0.10704,-0.04443,0.05971,0.00279,-0.00997,0,-0.07444,0.03045,-0.03498,-0.0667,0.05243,0.01096,-0.06965,0.00086,0.00162,0.01388,-0.07993,0.08275,0.00987,0.04272,0.06855,-0.01104,-0.00353,-0.01529,-0.02022,-0.02591,0.00933,-0.03958,0.07622,0.12924,-0.01274,-0.04766,-0.0186,0.02722,-0.00068,-0.01709,-0.01603,-0.01709,-0.04612,-0.00463,-0.08488,0.00269,-0.07928,-0.0303,-0.01999,-0.01998,0.07365,-0.00556,0.0293,-0.0283,-0.06804,0.08195,-0.0373,-0.01574,-0.06355,0.00862,-0.04092,0.04149,-0.05876,0.01933,0.01184,-0.01605,0.00658,0.0121,0.05138,-0.00877,-0.04813,0.08683,0.04063,-0.02465],"keywords":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect. Example ::: ng-component <click-to-connect</click-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.scss :::","excerpt":"Example ::: ng-component <click-to-connect</click-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.scss :::"},{"chunkId":"/examples/click-to-connect#3","slug":"click-to-connect","route":"/examples/click-to-connect","section":"examples","title":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow","description":"Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect.","group":"Connections - Editing","vector":[-0.03957,-0.12967,-0.07384,0.05249,-0.03291,0.06697,0.03436,-0.00848,0.0928,0.00188,0.00792,0.02164,-0.06157,0.02826,0.04836,0.02629,-0.02185,-0.05798,-0.04431,0.05024,-0.03073,-0.13109,-0.00107,-0.06862,0.00626,-0.08811,-0.01434,-0.06709,0.04099,-0.01765,-0.00008,0.06478,-0.07555,-0.00898,-0.10236,0.02591,0.04412,-0.00942,-0.05874,-0.02353,0.08065,-0.04046,0.0613,-0.0493,-0.05252,0.02847,-0.04269,0.03778,-0.02283,0.0958,-0.03987,-0.01151,-0.0231,0.04248,0.06835,0.06714,0.02189,-0.02711,-0.054,0.0398,-0.00601,-0.01635,-0.01004,-0.02811,-0.00608,0.02033,-0.01798,0.00445,0.00186,0.00469,-0.04918,-0.03198,0.00551,-0.05556,0.05564,0.02654,-0.01301,0.08731,-0.0648,-0.0599,0.07364,0.08865,0.01584,-0.00395,0.02041,0.06751,0.00495,-0.04634,-0.01359,-0.04704,-0.06084,0.06426,-0.05755,-0.05665,0.03316,-0.00643,-0.03965,-0.02477,-0.10019,0.02212,0.00443,-0.02665,0.01436,0.01494,-0.04202,-0.03251,-0.06383,-0.00028,-0.02543,0.0103,0.01188,-0.02973,0.03001,-0.078,-0.05811,0.02946,-0.09442,0.01194,0.1084,0.02042,-0.02757,0.00919,0.00067,-0.02309,0.04643,-0.05118,-0.04552,0,0.01722,0.04088,-0.02694,-0.03769,0.04061,-0.01222,-0.00212,-0.10686,0.00055,0.00042,0.01946,0.01076,-0.0254,0.00333,-0.04816,-0.07412,-0.01343,0.04156,0.00313,0.03032,0.02545,-0.03138,-0.03554,-0.00949,0.09814,0.05285,-0.02478,0.08554,0.02563,0.01845,0.03465,0.04383,-0.04104,-0.02782,-0.01782,-0.01644,-0.04977,-0.05348,-0.04415,-0.02031,0.05137,-0.10087,-0.15701,-0.00063,-0.02811,-0.02875,-0.02284,-0.00964,0.07475,-0.02757,0.01592,-0.03574,0.01265,-0.01876,0.03858,-0.0793,-0.09191,0.08672,-0.00892,0.06944,-0.01695,-0.01362,-0.03063,-0.04439,0.04355,0.06804,-0.03629,0.02279,0.08239,-0.0539,-0.07407,0.06567,-0.06939,-0.01747,0.0109,-0.03074,-0.04043,0.04223,0.09436,0.04348,0.01677,-0.09408,0.00204,0.05449,0.07121,-0.09166,-0.02829,-0.06525,-0.11848,-0.02185,0.04952,0.08424,0.06996,0.06766,0.04901,0,0.0117,0.04983,-0.02803,0.10206,-0.02496,-0.00439,0.06133,-0.0262,0.00054,-0.00456,0.064,0.03877,0.01424,-0.04138,-0.02625,0.00465,0.01486,-0.06566,-0.03399,0.00934,0.04906,-0.02703,0.08732,-0.03593,-0.08194,0.01367,0.09937,-0.02389,-0.01971,-0.02204,0.04088,0.03059,-0.07732,-0.0501,-0.01371,-0.00643,0.04648,0.06403,0.03109,-0.04561,0.05211,0.02459,-0.01253,0.0272,-0.01293,0.02537,-0.08219,-0.0429,-0.05646,0.03226,-0.05273,0.02133,-0.03052,-0.02171,-0.05517,0.08876,0.11755,-0.01237,-0.00449,0.01256,0.04737,-0.05701,0.02006,-0.02098,0.0794,0.03809,0.02933,0.01955,0.11675,0.12621,0.01303,0.05925,0.04289,-0.01604,0.07106,0.0572,0.07822,-0.11598,0.03814,0.00329,-0.03424,0.0625,0.04402,-0.04276,0.02172,0.05169,-0.04934,0.0336,0.08314,0.06636,-0.06778,0.02001,0.05823,-0.00415,-0.04022,0,-0.06865,0.07166,-0.04191,-0.05171,0.07096,0.03302,-0.07973,0.02079,0.01022,0.01692,-0.08245,0.0796,-0.05523,0.07142,0.09221,-0.02798,0.0554,-0.04775,-0.04577,-0.04659,-0.00341,-0.04223,0.04127,0.11574,-0.03627,-0.07705,0.03786,0.06671,-0.03921,-0.01119,-0.03208,-0.02068,-0.02652,0.03696,-0.1393,0.0706,-0.03861,-0.03065,-0.0158,0.01887,0.11548,0.05103,-0.00154,-0.01637,-0.04256,0.06387,-0.01597,-0.06026,-0.0444,0.06029,-0.0657,0.02059,-0.03366,-0.00037,0.02657,-0.01072,-0.01181,0.04793,0.10127,0.03888,-0.05384,0.01672,0.02181,-0.01671],"keywords":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect. Usage Select the connection gesture through provideFFlow: - 'drag' — the default drag-to-connect only (same as omitting the feature). - 'click' — adds click-to-connect alongside drag. - A custom Type<IFConnectionFlow installs your own gesture: implement initialize() / destroy() and drive the shared FCreateConnectionSession (begin, update, resolveTarget, complete, cancel) to reuse the preview line, snapping, connectable marking, and event emission. The connection rules are unchanged: fConnectorDisabled, fCanBeConnectedTo, categories, and multiplicity apply to both gestures, and <f-connection-for-create remains the opt-in for the preview. provide F Flow IF Connection Flow F Create Connection Session resolve Target f Connector Disabled f Can Be Connected To","excerpt":"Usage Select the connection gesture through provideFFlow: - 'drag' — the default drag-to-connect only (same as omitting the feature). - 'click' — adds click-to-connect alongside drag. - A custom Type<IFConnectionFlow installs your own gesture: implement initialize() / destroy() and drive the shared FCreateConnectionSession (begin, update, resolveTarget, complete, cancel) to reuse the preview line, snapping, connectable marking, and event emission. The connection rules are unchanged: fConnectorDisabled, fCanBeConnectedTo, categories, and multiplicity apply to both gestures, and <f-connection-for-create remains the opt-in for the preview."},{"chunkId":"/examples/drag-to-reassign#0","slug":"drag-to-reassign","route":"/examples/drag-to-reassign","section":"examples","title":"Drag to Reassign","description":"Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams.","group":"Connections - Editing","vector":[-0.05116,0.00285,-0.00601,0.08629,-0.03446,0.01889,0.00444,-0.11474,-0.01446,0.04875,0.03768,0.10676,-0.02473,-0.00052,-0.00883,-0.00264,-0.06233,0.01195,-0.02332,-0.00933,-0.02966,-0.08187,-0.0583,-0.05801,0.05781,-0.00977,0.0277,0.04079,0.07422,-0.10349,-0.03884,0.01925,-0.16345,-0.03812,-0.13746,0.0293,0.03312,0.04504,-0.01202,-0.01162,0.10385,0.03278,0.01396,-0.0167,-0.03319,0.02359,-0.07791,0.04884,0.04145,0.07112,-0.0205,-0.09064,-0.05941,-0.00023,0.0187,0.00933,-0.01436,0.0048,0.05209,0.02117,0.04368,-0.02091,0.06789,0.04825,-0.00143,0.0029,-0.04155,0.01685,-0.01798,0.07625,0.05544,-0.04315,-0.07943,-0.02896,0.07321,0.01374,-0.06622,0.0798,-0.02291,0.04876,0.05807,0.05694,-0.06126,0.10373,-0.00595,0.1008,-0.06145,-0.12203,0.01419,-0.06731,0.01226,0.02115,-0.00834,-0.00234,-0.03059,-0.03369,-0.04834,0.02188,-0.10307,0.07692,0.00708,-0.06812,-0.00935,-0.00415,-0.05969,0.00351,-0.03229,-0.0103,-0.07176,0.06749,0.04642,0.03186,-0.0423,-0.05016,-0.07193,0.02814,-0.08605,-0.02882,0.00758,0.046,-0.07054,0.09597,-0.00415,-0.05478,0.0358,-0.0293,-0.06036,0,-0.00471,0.04779,-0.06075,-0.0057,0.03607,-0.04873,-0.0254,-0.08227,0.01062,0.03495,0.00898,0.02485,-0.05723,-0.06928,-0.04251,-0.07465,0.04581,0.04994,-0.04596,0.01871,-0.04858,0.00824,-0.04283,-0.01198,0.01517,0.06441,-0.01348,0.02878,0.00601,0.02853,0.06911,0.10684,0.00799,0.05237,-0.06549,0.0465,0.03305,-0.04525,0.0195,-0.07093,0.05776,-0.03635,-0.1211,0.06867,0.00465,-0.00377,0.05206,-0.02915,0.03953,-0.03203,-0.01522,0.07454,0.02205,-0.02448,-0.06127,-0.0955,-0.05211,0.12412,-0.01173,0.05488,0.01715,0.03819,-0.05822,0.00585,0.05826,-0.00292,-0.02908,0.06676,0.07424,-0.06591,-0.09294,0.02617,0.00419,0.03324,-0.03858,-0.04134,-0.0388,0.03351,0.12242,-0.00913,-0.0448,-0.02155,-0.00385,-0.00321,0.04387,-0.14113,0.02216,-0.03988,0.02828,0.0436,0.05728,0.05272,0.06127,0.04106,0.03634,0,-0.0613,0.02723,0.07148,0.07297,-0.03253,-0.02203,0.02168,0.08795,-0.01977,-0.00868,0.07502,0.02228,-0.00172,0.00769,-0.03204,-0.00923,-0.04837,-0.02633,-0.03716,-0.04382,0.06163,0.02829,0.02213,-0.04033,-0.00467,0.0483,0.03435,-0.02254,0.03994,0.01072,0.0343,-0.08191,-0.03916,0.01737,0.00235,-0.01945,0.01312,0.11412,0.04587,-0.08559,-0.04099,0.04157,-0.02969,-0.02191,-0.03113,-0.01591,-0.02171,-0.00987,-0.09683,-0.02739,-0.05801,0.03948,0.02637,-0.07578,-0.02309,0.04838,0.03955,-0.02731,0.08618,-0.02915,0.0305,-0.01452,-0.02385,-0.0278,0.04354,0.01404,0.04177,-0.08939,0.00257,0.02763,-0.03325,0.07143,0.01602,-0.03521,0.11845,-0.08691,0.10555,-0.08748,-0.03086,-0.07081,0.00167,-0.00304,-0.02482,-0.02403,0.04194,0.04315,-0.06547,0.03211,0.04317,0.05901,-0.08406,-0.06478,0.04749,-0.00105,0.0055,0,-0.06819,0.05349,0.02445,-0.01823,0.09871,0.00666,-0.03125,0.06356,-0.0268,-0.03625,0.0154,0.05296,-0.04889,-0.0199,0.05274,0.00175,-0.01106,0.06386,-0.02001,-0.04177,-0.02351,-0.01287,0.09023,0.14663,-0.03813,-0.04008,-0.02941,0.01596,-0.00342,0.0218,-0.1002,-0.01668,0.0885,0.05989,-0.06264,-0.01753,-0.08777,0.01272,-0.00023,0.01766,0.04622,0.04714,0.06228,0.0214,-0.07741,0.02952,0.04207,0.02438,0.00308,0.02381,-0.02273,-0.021,-0.01709,-0.08298,-0.00264,-0.0131,-0.00103,0.0209,-0.05943,-0.01493,-0.03244,0.0624,0.03913,-0.05308],"keywords":"Drag to Reassign Drag to Reassign Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams. Drag to Reassign","excerpt":"Drag to Reassign"},{"chunkId":"/examples/drag-to-reassign#1","slug":"drag-to-reassign","route":"/examples/drag-to-reassign","section":"examples","title":"Drag to Reassign","description":"Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams.","group":"Connections - Editing","vector":[-0.06238,-0.01091,-0.00625,0.06167,-0.02236,-0.00726,-0.02349,-0.05603,0.0558,0.04069,0.00085,0.08635,-0.04683,0.0162,0.00445,0.03253,-0.03646,0.00433,-0.04092,-0.0469,-0.04023,-0.07396,-0.0843,-0.04245,0.07422,0.00002,-0.02274,0.03291,0.06018,-0.08821,-0.03896,0.03575,-0.13903,0.00269,-0.1343,0.08889,0.06898,0.04697,-0.02615,-0.01749,0.07088,-0.00146,-0.0048,-0.01991,-0.01976,0.02284,-0.11351,0.00715,-0.01013,0.07669,-0.02222,-0.06741,-0.11347,0.02691,0.05657,0.04919,0.04092,-0.00916,0.03133,0.03778,0.05668,0.00476,0.04734,0.05772,-0.00713,-0.01202,-0.01006,0.03978,0.01632,0.04724,0.02259,0.00867,-0.11519,-0.03882,0.0172,-0.00072,-0.04089,0.05003,-0.0731,0.01342,0.08031,0.06125,-0.06674,0.08572,-0.0161,0.08652,-0.03788,-0.10494,0.04861,-0.0407,-0.01213,0.02511,0.07368,-0.02383,0.01895,0.01628,-0.03559,0.00568,-0.10461,0.06839,-0.00425,-0.05532,0.00151,-0.02083,-0.03065,-0.00983,-0.04402,-0.00266,-0.06919,0.03109,0.02402,0.00175,0.01525,-0.04035,-0.05606,0.00493,-0.08542,-0.03063,0.00015,0.0971,-0.03983,0.08305,-0.00322,-0.04486,0.03152,-0.02138,-0.05566,0,0.03966,0.01154,-0.02482,0.03089,0.08925,-0.01145,-0.02385,-0.06961,0.00108,-0.01003,-0.00386,0.05478,-0.04452,0.02668,-0.03406,-0.04904,0.02378,0.07235,-0.03035,0.01776,-0.06209,-0.04083,-0.04462,0.01109,0.071,0.06535,-0.02084,0.04105,0.04416,0.00092,-0.01058,0.04181,-0.008,0.03754,-0.07182,0.02493,0.01211,-0.08779,0.02925,-0.04842,0.05475,-0.00324,-0.12968,0.02755,0.00363,-0.01702,0.01092,0.0168,0.01111,-0.05239,0.0115,0.09559,0.06692,0.02093,-0.03753,-0.11108,-0.00973,0.08592,0.01341,0.0756,-0.0063,0.08341,-0.09085,0.07749,0.08939,0.03315,-0.01806,0.06897,0.08999,-0.07274,-0.15003,0.04676,-0.04039,0.02436,-0.05423,-0.07271,-0.0703,-0.01972,0.09049,-0.03213,-0.05346,-0.0193,0.00786,0.01515,0.04254,-0.14257,0.04067,-0.04929,0.00243,0.00542,0.06265,0.04132,0.06785,0.0328,0.0892,0,-0.0551,0.03071,0.06046,0.10048,-0.00384,-0.02841,0.03587,-0.00265,0.02742,-0.03735,0.00864,0.00991,-0.02234,-0.03282,0.03228,-0.02315,-0.08976,-0.1076,-0.05843,-0.04822,0.05679,0.02944,0,-0.04505,-0.01915,0.02601,0.01038,-0.023,0.02044,-0.0224,0.00139,-0.07538,-0.07033,-0.0305,0.02575,0.00149,0.01332,0.1038,0.05012,-0.00379,-0.01603,0.05237,-0.03275,-0.00711,-0.02461,0.07311,-0.08658,-0.01111,-0.07542,-0.05719,-0.08367,0.05494,0.0019,-0.09121,0.00439,0.01474,0.07632,-0.00549,0.02971,-0.04064,-0.01258,-0.05485,-0.00172,-0.01561,0.00373,0.0035,0.02852,-0.1079,-0.04106,0.02794,0.04318,0.03539,-0.01411,-0.0494,0.11111,-0.08914,0.0683,-0.05506,-0.00133,-0.00823,-0.0629,0.0318,0.00157,-0.00522,0.00689,0.0396,-0.05658,0.05767,0.06566,0.05159,-0.1207,-0.02833,0.01045,0.01074,-0.05396,0,-0.07177,0.05592,0.03185,0.00973,0.07477,0.02789,-0.00228,0.11578,0.0128,0.01179,0.05309,0.03813,-0.0249,0.0034,0.04013,0.00838,0.02844,0.01093,-0.02048,-0.06219,0.0108,0.0099,0.02869,0.12027,-0.01456,-0.08031,0.01089,0.05652,-0.04449,0.02704,-0.05508,-0.0099,0.12213,0.13076,-0.02221,-0.01048,-0.04612,0.05781,-0.01261,0.02618,0.0542,0.03359,-0.01178,0.00986,-0.0589,-0.00342,0.05048,-0.00368,-0.04405,-0.0136,-0.05893,-0.01686,-0.03782,-0.04996,0.02306,0.03726,0.01305,0.01624,0.00503,0.01411,-0.0479,0.06671,0.02932,-0.06517],"keywords":"Drag to Reassign Drag to Reassign Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams. Description This example demonstrates how to reassign existing connections between connectors using drag-and-drop interactions. Reassignment is one of the key differences between a simple diagram and a usable editor: users can change a flow without deleting and rebuilding every edge by hand. It is especially useful in workflow builders, AI pipeline editors, and logic tools where users iterate on graph structure constantly. It also makes experimentation faster because users can explore alternatives without breaking the entire graph editing flow. That matters most in tools where connections change often during real user work.","excerpt":"Description This example demonstrates how to reassign existing connections between connectors using drag-and-drop interactions. Reassignment is one of the key differences between a simple diagram and a usable editor: users can change a flow without deleting and rebuilding every edge by hand. It is especially useful in workflow builders, AI pipeline editors, and logic tools where users iterate on graph structure constantly. It also makes experimentation faster because users can explore alternatives without breaking the entire graph editing flow. That matters most in tools where connections change often during real user work."},{"chunkId":"/examples/drag-to-reassign#2","slug":"drag-to-reassign","route":"/examples/drag-to-reassign","section":"examples","title":"Drag to Reassign","description":"Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams.","group":"Connections - Editing","vector":[-0.07395,-0.00911,-0.03673,0.10118,0.0103,0.07268,0.0097,-0.05286,0.00192,0.05858,-0.02667,0.09099,-0.01348,0.02217,-0.02369,-0.02525,-0.07374,0.06867,-0.04525,-0.01132,0.00498,-0.07845,-0.0145,-0.01239,0.04933,-0.01126,-0.00941,0.02693,0.07028,-0.07614,-0.00878,0.023,-0.12622,-0.03149,-0.10745,0.09004,0.0118,0.07649,-0.03007,-0.01091,0.07764,0.03032,0.01501,-0.05799,-0.00348,0.02114,-0.07832,0.0744,0.00262,0.059,-0.02028,-0.08884,-0.08271,0.04104,0.01715,-0.00743,0.01599,-0.0471,0.05802,0.01022,-0.01063,-0.04543,0.06856,0.03305,-0.00081,0.02289,-0.09605,0.02486,-0.04087,0.06946,0.04891,-0.02967,-0.08648,-0.03496,0.05921,-0.04692,-0.07991,0.14298,-0.05753,0.03902,0.09496,0.00544,-0.04792,0.06085,-0.00717,0.10152,-0.03941,-0.09971,0.03147,-0.04701,0.00094,0.04621,-0.00326,-0.01307,0.00557,-0.01663,-0.10883,0.03735,-0.08658,0.07189,-0.02196,-0.0798,0.00786,0.0251,-0.00594,0.00141,0.00045,0.01684,-0.06111,0.05617,0.02711,0.0305,0.00517,-0.06233,-0.04824,-0.01861,-0.07031,-0.04396,-0.00882,0.04967,-0.00538,0.06536,-0.02945,-0.0679,0.08297,-0.00587,-0.01244,0,-0.00871,0.05199,-0.06343,0.03413,0.03107,-0.04896,-0.01873,-0.08415,-0.00489,0.07862,-0.00459,0.02978,-0.05109,-0.04228,-0.05494,-0.11838,0.02886,0.07296,-0.05131,0.02703,-0.0323,0.00179,-0.04993,-0.02769,0.07756,-0.00135,-0.04509,0.02823,0.01415,0.00654,0.04101,0.0928,-0.00347,-0.00126,-0.04957,0.02277,0.01383,-0.0403,0.01178,-0.06751,0.10504,-0.01498,-0.13467,0.07416,-0.00028,-0.03992,0.03279,-0.00471,0.07245,-0.03052,0.00078,0.09922,0.01639,-0.01893,-0.01608,-0.10226,-0.03886,0.11614,-0.01889,0.07289,0.00442,0.04144,-0.04584,-0.00833,0.07736,-0.01409,-0.01491,0.08963,0.07371,-0.09421,-0.08719,0.06368,-0.01901,0.00802,-0.01483,-0.04471,-0.00015,0.02794,0.106,-0.02441,-0.03672,-0.05917,-0.02178,0.03742,0.05463,-0.13812,0.0148,-0.04666,-0.00772,-0.07986,0.07234,0.03181,0.03034,0.00321,0.0433,0,0.01686,0.02505,0.05992,0.12408,-0.04308,-0.0019,0.04724,0.09821,-0.00461,-0.00961,0.02299,0.01357,-0.009,-0.00262,-0.00244,-0.01682,-0.0751,-0.05556,-0.0067,-0.03571,0.06368,0.04905,-0.01056,-0.00801,-0.03723,0.06808,0.02055,0.03616,0.0162,-0.01404,-0.00732,-0.08371,-0.07136,0.01625,-0.00447,-0.04763,0.0035,0.16458,0.04811,-0.0153,0.02139,0.06862,-0.02794,-0.00063,-0.01948,0.00447,-0.01044,-0.01727,-0.04371,-0.05056,-0.06532,0.02277,-0.03208,-0.02987,0.00325,0.00979,0.05752,-0.0593,0.01231,-0.02543,0.04952,-0.01064,-0.02607,-0.0339,0.06864,0.03339,-0.01369,-0.11279,-0.00964,0.02834,-0.03995,0.04065,0.03794,-0.03083,0.10026,-0.04346,0.10858,-0.04826,0.0078,-0.02118,-0.02029,0.03346,-0.02016,0.0014,0.02169,0.05977,-0.10962,-0.01195,0.06377,0.02123,-0.10727,-0.06624,0.05735,-0.02732,0.00108,0,-0.08838,0.03448,0.0376,-0.02,0.04353,-0.00367,-0.02642,0.04339,-0.02395,-0.05726,-0.01849,0.06749,0.03366,-0.0296,0.03423,0.00303,-0.00456,0.06364,-0.02102,-0.05895,-0.01045,0.01039,0.08337,0.12989,-0.03312,-0.07599,-0.04012,0.0377,0.01294,-0.02052,-0.07303,-0.03166,0.0939,0.04209,-0.04345,-0.02412,-0.10738,0.01211,0.00657,0.02863,0.06456,0.02718,0.05448,0.0043,-0.07045,0.03325,0.02709,0.00966,-0.02232,0.00211,-0.02403,0.02037,-0.05643,-0.00933,0.02149,0.0089,-0.03083,0.03625,-0.01069,-0.01196,-0.02495,0.05684,0.02023,-0.05231],"keywords":"Drag to Reassign Drag to Reassign Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams. Example ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.scss :::","excerpt":"Example ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.scss :::"},{"chunkId":"/examples/drag-to-reassign#3","slug":"drag-to-reassign","route":"/examples/drag-to-reassign","section":"examples","title":"Drag to Reassign","description":"Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams.","group":"Connections - Editing","vector":[-0.0357,-0.00427,0.01879,0.05109,-0.01685,0.03546,-0.04832,-0.04861,0.02996,0.07806,0.04672,0.12211,-0.03689,0.03474,0.00129,0.01146,-0.02453,0.04915,-0.01949,-0.07803,-0.04152,-0.11249,-0.04817,-0.0365,0.0569,-0.01361,-0.03852,0.07011,0.08851,-0.11862,-0.05179,0.05209,-0.12015,-0.03796,-0.16064,0.04235,0.06908,0.05015,-0.04596,0.00555,0.03404,-0.00032,-0.01135,0.00609,-0.002,0.02329,-0.08386,0.02957,0.00094,0.0635,-0.00344,-0.07059,-0.08024,-0.01002,0.07114,0.03069,0.04427,-0.00539,0.0541,-0.0121,0.06293,0.00938,0.0503,0.04783,0.01255,-0.03208,-0.00171,0.00489,0.02761,0.08333,0.05543,-0.02729,-0.1038,-0.0332,0.04194,0.01953,-0.00448,0.04496,-0.07286,-0.00086,0.053,0.08266,-0.05573,0.09978,-0.01736,0.04068,-0.04516,-0.12426,0.02479,-0.03687,-0.01039,0.03904,0.01808,-0.04531,0.00179,0.0118,-0.04446,0.02127,-0.08218,0.06922,0.02347,-0.0663,-0.00028,-0.03645,-0.04,-0.01316,-0.03575,0.00707,-0.082,0.01315,0.00683,0.02033,-0.03394,0.0047,-0.04551,0.01543,-0.07992,-0.06973,0.01408,0.05346,-0.04082,0.08553,0.02693,-0.04198,0.04578,-0.0152,-0.05616,0,0.0251,0.05903,-0.03726,0.01187,0.06888,-0.00705,-0.04968,-0.04205,0.00846,0.034,0.02152,0.06459,-0.03466,0.04577,0.01791,-0.07391,0.03321,0.03325,-0.05431,-0.00286,-0.04912,-0.0245,-0.01176,-0.00012,0.03929,0.08743,-0.00289,0.04532,0.00354,0.00668,-0.01185,0.05613,-0.0203,0.03175,-0.07133,0.03896,0.01247,-0.10918,0.03499,-0.03775,0.03841,0.00991,-0.12645,0.03535,0.01784,0.03679,0.01162,-0.04382,-0.00878,-0.01865,0.00945,0.10407,0.04463,0.01609,-0.03974,-0.09797,0.01146,0.01607,-0.00541,0.05052,0.00749,0.06491,-0.08519,0.0488,0.0282,0.01618,0.00376,0.04412,0.10017,-0.08512,-0.17257,0.02554,-0.01572,0.01713,-0.04614,-0.05086,-0.05824,-0.00893,0.08599,-0.02237,-0.06509,-0.02795,-0.00981,-0.00524,0.03117,-0.1621,0.06488,0.00211,0.04046,0.02158,0.08734,0.04084,0.05599,0.07365,0.07274,0,-0.06707,0.04451,0.0625,0.08509,-0.03967,-0.04556,0.0192,-0.00081,-0.01794,-0.04137,0.03547,-0.04244,-0.03535,0.00096,0.02504,-0.02515,-0.0783,-0.06523,-0.04291,-0.07575,0.07834,0.05044,-0.0099,-0.02646,0.00842,0.03502,-0.03579,-0.02843,0.02055,0.01714,-0.00065,-0.0995,-0.04581,-0.01839,0.04456,-0.00858,0.01543,0.09716,0.0367,-0.01823,-0.04323,0.02992,-0.04558,0.00919,-0.02538,0.07192,-0.06304,-0.00512,-0.07418,-0.01952,-0.03028,0.05069,0.0401,-0.13444,-0.00762,-0.01983,0.05489,0.0004,0.06001,-0.01045,-0.00806,-0.03279,-0.01739,-0.04324,-0.00892,-0.03513,0.07451,-0.1195,0.01247,0.04015,0.01971,0.04239,-0.01531,-0.05705,0.10642,-0.05864,0.06193,-0.01974,-0.03369,-0.03919,-0.05072,-0.00422,-0.01544,0.01853,-0.01906,0.03911,-0.07219,0.05253,0.05429,0.03962,-0.08114,-0.03057,0.00791,0.04566,-0.01245,0,-0.07694,0.06478,0.05961,-0.00072,0.06202,0.00985,0.03575,0.12681,-0.02957,0.01252,0.0672,0.05664,-0.01838,-0.00191,0.02599,0.02106,-0.00409,0.0507,-0.01215,-0.02934,-0.02637,-0.01177,0.008,0.10845,-0.0391,-0.05824,0.02223,0.07898,-0.0241,0.00702,-0.04278,-0.01586,0.13832,0.13413,-0.02172,-0.03135,-0.05817,0.05682,-0.00241,0.00714,0.00438,0.06846,0.00259,0.01542,-0.06593,0.00549,0.03312,-0.0209,-0.05977,-0.04173,-0.0688,-0.02767,-0.02944,-0.0612,0.02547,0.0456,0.00899,0.01036,-0.00446,-0.0049,-0.04929,0.06289,0.00337,-0.09088],"keywords":"Drag to Reassign Drag to Reassign Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams. What this solves - Lets users correct graph wiring quickly. - Reduces friction compared with delete-and-recreate flows. - Provides a better editing experience for larger or more exploratory diagrams. For products with frequent graph editing, reassignment usually improves usability more than adding another visual polish feature.","excerpt":"What this solves - Lets users correct graph wiring quickly. - Reduces friction compared with delete-and-recreate flows. - Provides a better editing experience for larger or more exploratory diagrams. For products with frequent graph editing, reassignment usually improves usability more than adding another visual polish feature."},{"chunkId":"/examples/drag-to-reassign#4","slug":"drag-to-reassign","route":"/examples/drag-to-reassign","section":"examples","title":"Drag to Reassign","description":"Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams.","group":"Connections - Editing","vector":[-0.06525,-0.02268,-0.0142,0.08733,-0.03293,0.04244,0.03656,-0.08913,-0.00869,0.04841,0.03209,0.10216,-0.02609,0.01556,0.00793,0.00383,-0.05245,-0.01432,-0.03096,-0.00051,-0.04264,-0.10858,-0.08113,-0.0721,0.06864,-0.00797,0.03627,0.01745,0.08613,-0.09255,-0.05232,0.01445,-0.17692,-0.04751,-0.15742,0.02745,0.06354,0.04142,-0.02009,-0.00099,0.12072,0.01555,-0.00109,-0.01341,-0.05507,0.04614,-0.092,0.04954,0.00186,0.05533,-0.0226,-0.06409,-0.057,0.0072,0.01921,0.01633,0.00457,0.00421,0.01335,0.03264,0.03724,-0.02657,0.03684,0.02571,-0.01187,-0.00146,-0.03223,0.02809,-0.01482,0.04702,0.01633,-0.02556,-0.06709,-0.03595,0.04898,0.01378,-0.04096,0.08246,-0.01518,0.03311,0.09202,0.09204,-0.06531,0.05826,-0.02598,0.10985,-0.04975,-0.122,-0.02505,-0.07563,0.03213,0.01851,0.02043,0.00312,-0.01497,-0.01085,-0.06059,0.01932,-0.08679,0.06151,-0.00376,-0.0669,-0.00995,0.02252,-0.0534,-0.00173,-0.03006,-0.02621,-0.03964,0.06734,0.04205,0.03116,-0.04045,-0.06817,-0.07863,0.01434,-0.08132,-0.01976,0.01914,0.0534,-0.0851,0.07753,0.02444,-0.06915,0.0454,-0.0263,-0.06511,0,-0.01144,0.0232,-0.06811,-0.01084,0.05962,-0.03922,-0.03704,-0.08465,0.02647,0.03523,-0.01926,0.0208,-0.06312,-0.04804,-0.02878,-0.06861,0.06273,0.02826,0.01042,0.01491,-0.04193,-0.04205,-0.02975,0.01126,0.06672,0.05062,-0.01416,0.03455,0.0168,0.0203,0.07412,0.08311,0.01311,0.06177,-0.0631,0.01866,-0.01023,-0.04282,0.01631,-0.04478,0.05188,-0.05535,-0.13969,0.09174,-0.02068,-0.00989,0.05736,-0.02651,0.04563,-0.03957,-0.03467,0.05216,0.03031,-0.01438,-0.02815,-0.07149,-0.07017,0.11898,0.00863,0.03841,0.01814,0.03071,-0.06159,0.00008,0.08887,0.01299,-0.03536,0.05924,0.06566,-0.0802,-0.10146,0.02646,-0.02291,0.02568,-0.03999,-0.06674,-0.06186,0.03236,0.11747,-0.00344,-0.04517,-0.02095,-0.00342,0.0361,0.05137,-0.11449,0.03013,-0.05143,0.01773,0.02479,0.06617,0.04152,0.07856,0.03108,0.07602,0,-0.06033,0.02223,0.05674,0.07442,-0.00905,-0.02721,0.05297,0.06386,-0.00537,0.00426,0.07814,0.06388,-0.00167,-0.01104,-0.01956,0.00923,-0.05712,-0.05525,-0.0254,-0.03679,0.07198,0.00525,0.01238,-0.06456,0.00555,0.01296,0.04631,-0.03884,0.03784,0.02847,0.02648,-0.04448,-0.03314,0.02017,-0.01802,-0.02112,0.0259,0.11125,0.02975,-0.07691,-0.04286,0.03255,-0.01856,-0.01022,-0.01711,0.00167,-0.05019,-0.03164,-0.09362,-0.02144,-0.05107,0.04503,0.01078,-0.05406,-0.0067,0.04865,0.05452,0.00076,0.06956,-0.03013,0.04843,-0.04377,-0.02535,-0.01645,0.04998,0.00928,0.02922,-0.08281,0.02942,0.02854,-0.03592,0.06292,0.01098,-0.03249,0.12005,-0.07612,0.09425,-0.06726,0.01262,-0.03757,-0.01883,0.01844,-0.04082,-0.03928,0.04016,0.0473,-0.03033,0.0353,0.04805,0.06285,-0.10463,-0.05271,0.04582,-0.00898,-0.03987,0,-0.04815,0.02843,0.00137,-0.04837,0.09254,0.0174,-0.0359,0.06217,-0.01476,0.00882,0.01887,0.07801,-0.05443,0.01214,0.07506,0.00786,0.01749,0.04574,-0.01577,-0.05484,-0.0071,0.00782,0.09539,0.17009,-0.01157,-0.04269,0.00595,0.02177,-0.01085,0.03088,-0.09899,-0.01383,0.0785,0.04702,-0.05988,0.01925,-0.10508,0.02608,-0.01252,0.03468,0.06384,0.01804,0.04771,0.0153,-0.04524,0.05035,0.02008,0.02629,-0.0024,0.02389,-0.03219,-0.00994,-0.04825,-0.06264,-0.0088,-0.00859,-0.00382,0.0073,-0.02584,-0.02921,-0.08028,0.05525,0.04813,-0.06684],"keywords":"Drag to Reassign Drag to Reassign Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams. Related docs - Drag and Drop - Connection Component - Connection Rules","excerpt":"Related docs - Drag and Drop - Connection Component - Connection Rules"},{"chunkId":"/examples/create-node-on-connection-drop#0","slug":"create-node-on-connection-drop","route":"/examples/create-node-on-connection-drop","section":"examples","title":"Angular Workflow Builder Example – Create a Node on Connection Drop","description":"Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders.","group":"Connections - Editing","vector":[-0.11483,-0.04633,-0.0657,0.06546,-0.01753,0.01665,0.00438,-0.01847,0.06421,0.0391,-0.02206,0.03577,-0.0268,0.02628,0.01187,0.04179,-0.06583,-0.03127,-0.03225,-0.05893,-0.01604,-0.07275,-0.05366,-0.01718,0.10323,-0.00551,0.00821,-0.04036,0.08976,-0.0165,0.0057,0.01695,-0.07949,0.03019,-0.07402,0.08945,0.02191,0.10301,-0.01568,-0.02249,0.1286,0.03102,0.01364,-0.03435,-0.07744,0.01059,-0.05625,0.06906,-0.03758,0.01217,-0.08046,-0.05652,-0.01399,0.05927,0.0157,0.00473,0.03849,-0.03416,-0.06609,0.01423,0.10587,-0.03257,0.01548,-0.05122,0.01643,0.04084,-0.05656,0.05268,-0.01788,0.0172,0.02376,-0.01149,-0.06439,0.05853,-0.07596,-0.01261,0.00127,0.02521,-0.0538,0.12203,0.05319,0.08077,-0.06247,0.0425,-0.08607,0.12668,-0.01749,-0.03159,-0.04209,-0.1254,-0.01642,0.07752,-0.02544,-0.03971,0.01783,-0.03199,-0.01228,-0.02809,-0.07502,0.00872,-0.0086,-0.04715,-0.02613,0.01988,-0.04319,-0.0175,-0.01631,-0.08604,-0.02047,0.12737,0.01061,0.0538,-0.03701,-0.00363,-0.12115,0.00221,-0.05463,-0.03072,-0.04735,0.15173,-0.00928,0.0443,-0.04311,-0.04574,0.01918,-0.0209,-0.00031,0,0.02012,-0.02982,-0.0225,0.01737,0.14965,-0.02902,-0.0206,-0.05462,0.02713,-0.00105,-0.03521,-0.00655,-0.02117,0.01862,-0.03499,-0.1604,0.08288,0.01779,0.07227,-0.00597,-0.06533,-0.10206,-0.05736,0.05108,0.06315,-0.04116,-0.01926,-0.0159,0.04421,0.00413,-0.02421,0.03493,-0.01952,-0.00087,-0.07242,-0.00733,-0.12,0.0128,0.07675,-0.00925,0.07103,-0.06275,-0.06927,0.10907,-0.01888,-0.03639,0.04169,-0.01956,0.04379,-0.0024,0.0383,-0.00506,0.04767,-0.06202,0.03924,-0.04577,-0.03542,0.06108,0.03695,0.05632,-0.05343,0.044,-0.0358,0.02248,0.09468,-0.04797,-0.03155,-0.00967,0.06826,-0.06235,-0.05039,0.03151,-0.02874,0.03993,-0.01963,-0.03822,-0.04982,-0.02049,0.04755,-0.04565,-0.00848,-0.04627,0.02446,0.00633,0.10566,-0.05358,-0.01041,-0.02041,-0.10308,-0.06562,0.0302,0.02485,0.10162,-0.00894,0.14258,0,-0.04125,0.00264,0.02383,0.0908,0.04868,0.00208,0.03856,0.00564,-0.00871,0.10652,-0.00143,0.06298,-0.01441,0.05493,0.01743,0.00353,-0.03687,-0.10408,0.03167,0.01909,0.0912,-0.02054,-0.01438,-0.03701,-0.07556,0.00403,0.07795,-0.03318,-0.02581,0.00086,-0.03887,-0.0222,-0.02203,-0.00209,-0.00514,-0.02797,0.02683,0.1032,0.05199,-0.06072,-0.03935,0.00228,0.00944,0.01316,-0.04297,-0.04292,-0.00948,-0.00255,-0.05855,-0.01671,-0.06314,0.07283,-0.06144,0.00115,0.00324,0.0437,0.05065,0.00026,0.02555,0.00347,0.0148,-0.05919,0.0229,-0.03172,0.05937,0.00463,-0.02179,-0.03147,-0.04931,0.05205,-0.04132,0.12685,0.01206,-0.00292,0.06708,-0.00918,0.1002,-0.06531,0.06769,-0.01024,-0.02846,0.03909,-0.05231,-0.0375,0.02158,0.04224,-0.05176,0.00939,0.05139,0.08109,-0.07032,-0.02985,0.01842,-0.04216,-0.07012,0,-0.05754,0.03792,0.02074,-0.00181,0.01099,-0.01641,0.04304,0.04676,0.09112,-0.02787,-0.05663,0.0176,-0.05937,0.10048,0.11128,-0.04266,0.06031,-0.0017,-0.00726,-0.03913,0.06673,0.01965,0.08521,0.11826,0.00617,-0.06958,0.01043,-0.02755,-0.00418,0.00364,-0.00277,0.03774,0.04821,0.03045,-0.02674,0.00743,-0.06231,0.02748,-0.04028,0.03819,0.06784,0.01892,-0.02483,-0.03293,-0.0331,0.02659,0.00271,-0.03382,0.00331,0.04786,0.00373,-0.02325,-0.02014,-0.02733,0.01701,0.01093,0.00454,-0.012,0.01494,-0.04391,-0.07284,0.03909,0.0347,-0.01462],"keywords":"Angular Workflow Builder Example – Create a Node on Connection Drop Angular Workflow Builder Example – Create a Node on Connection Drop Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders. Create Node on Connection Drop","excerpt":"Create Node on Connection Drop"},{"chunkId":"/examples/create-node-on-connection-drop#1","slug":"create-node-on-connection-drop","route":"/examples/create-node-on-connection-drop","section":"examples","title":"Angular Workflow Builder Example – Create a Node on Connection Drop","description":"Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders.","group":"Connections - Editing","vector":[-0.13862,-0.04038,0.00233,0.0684,0.0071,0.01986,-0.04025,-0.02062,0.107,0.01535,-0.02145,0.05255,-0.0238,-0.02054,0.05007,0.05306,-0.04357,-0.03366,-0.02039,-0.06429,-0.02949,-0.06735,-0.02566,-0.02871,0.02994,0.00935,-0.0163,-0.03125,0.12384,0.01546,0.01376,0.05263,-0.08895,0.04004,-0.08512,0.10517,0.03373,0.08791,-0.08521,-0.02455,0.13415,-0.00412,-0.0212,-0.03008,-0.04045,-0.00183,-0.07704,-0.00742,-0.05394,0.00948,-0.08338,-0.0761,-0.0295,0.01717,0.05629,0.03556,0.06152,0.00519,-0.0508,0.00226,0.1045,-0.04172,-0.00052,-0.03509,0.06945,0.0655,-0.03729,0.02722,0.01359,0.0416,0.04794,-0.02998,-0.0718,0.03266,-0.06505,0.00416,-0.03088,-0.00317,-0.07762,0.07564,0.0456,0.05289,-0.08208,0.02893,-0.08308,0.12932,-0.00551,-0.09798,0.02399,-0.05285,-0.07702,0.06421,-0.02482,-0.03665,0.03314,0.01493,-0.02435,-0.01757,-0.06908,-0.00233,0.00499,-0.01006,0.01409,-0.01445,-0.03358,-0.0676,-0.00436,-0.04678,-0.01208,0.12212,0.0128,0.01217,0.02448,-0.02491,-0.09103,0.01714,-0.03514,-0.00277,0.00186,0.15385,0.03176,0.06502,0.01229,-0.05045,0.03392,-0.04682,-0.00982,0,0.03369,-0.023,-0.01291,0.02809,0.13565,-0.02256,-0.01507,-0.05601,-0.00427,0.04435,-0.00838,-0.0174,-0.02485,0.09358,-0.04648,-0.14745,0.04017,0.02204,0.03536,-0.00417,-0.03788,-0.10352,-0.03952,0.0608,0.06579,-0.00476,-0.02301,0.01907,0.04361,-0.00115,-0.02895,0.01926,-0.02418,-0.01121,-0.07596,-0.00232,-0.06493,-0.05004,0.05178,-0.01435,-0.00779,-0.05464,-0.0725,0.07891,-0.01419,-0.05949,0.01442,-0.01576,0.04022,0.00148,0.0249,0.02954,0.076,-0.05845,0.00424,-0.0644,-0.00463,0.0308,-0.0055,0.08294,-0.05373,0.04115,-0.07118,0.06264,0.05703,-0.00699,-0.03254,0.00459,0.04994,-0.09205,-0.07299,0.05082,-0.09207,-0.00134,0.02047,-0.04815,-0.06327,-0.00964,0.08656,-0.05137,-0.00429,-0.07206,0.00272,0.05552,0.07536,-0.03283,-0.02545,-0.03484,-0.12261,-0.0579,0.04227,0.06115,0.09347,0.08018,0.13086,0,-0.01654,-0.00427,0.00582,0.0508,0.05231,-0.01195,0.00209,-0.02574,0.04568,0.06683,0.05168,0.05629,0.00495,0.0446,-0.0067,-0.00785,-0.02251,-0.0944,0.07708,0.02752,0.11564,0.00678,-0.01061,-0.05681,-0.07106,-0.02035,0.06882,0.0011,-0.02728,-0.03548,0.01499,-0.04529,-0.01997,-0.01501,-0.00642,0.02072,0.00374,0.0526,0.05348,-0.06666,0.00434,0.00633,-0.00107,0.01383,-0.06151,-0.01414,-0.01777,-0.02165,-0.09043,-0.01072,-0.05348,0.08193,-0.04167,-0.01738,-0.01794,0.06356,0.05824,0.00255,0.01552,-0.03224,0.03457,-0.02453,0.04247,-0.01424,0.0339,0.0082,-0.01803,-0.01486,-0.0114,0.03506,0.0347,0.10509,-0.03356,0.00401,0.04421,-0.05509,0.09587,-0.11706,0.05875,-0.02839,-0.06958,0.05463,-0.00187,-0.0414,0.00538,0.04537,-0.09852,0.02711,0.0524,0.10416,-0.09421,0.01049,-0.02928,0.0198,-0.07259,0,-0.08179,0.01966,-0.01874,-0.02288,0.06888,-0.04004,0.01109,0.05422,0.07018,-0.01384,-0.00491,0.01534,-0.05094,0.08049,0.08794,-0.03172,0.03825,-0.01368,-0.03467,-0.05015,0.03918,0.0255,0.03644,0.08908,-0.02612,-0.05922,0.05542,0.01064,-0.03324,0.00194,-0.03332,0.04475,0.02926,0.07717,-0.10715,0.07871,-0.02646,0.01676,-0.02975,-0.00093,0.03478,0.01569,-0.02111,-0.02472,-0.07437,0.01851,0.00738,-0.03778,0.00048,0.03238,-0.01249,-0.0503,-0.03207,-0.02903,0.05794,-0.00026,0.0044,-0.00511,0.04321,0.02348,-0.04838,0.02819,0.05451,-0.02825],"keywords":"Angular Workflow Builder Example – Create a Node on Connection Drop Angular Workflow Builder Example – Create a Node on Connection Drop Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders. Description This example shows how to create a node when a dragged connection is dropped into empty space. Instead of failing the gesture or forcing the user to open a separate add-node flow first, the editor can turn that unfinished connection into a new step. This interaction is a strong fit for workflow builders, AI orchestration tools, and internal low-code products because it keeps graph editing fast and sequential. Users can think in terms of \"connect to the next step\" and create that step only when they need it. It is one of the patterns that makes a node editor feel product-like rather than demo-like.","excerpt":"Description This example shows how to create a node when a dragged connection is dropped into empty space. Instead of failing the gesture or forcing the user to open a separate add-node flow first, the editor can turn that unfinished connection into a new step. This interaction is a strong fit for workflow builders, AI orchestration tools, and internal low-code products because it keeps graph editing fast and sequential. Users can think in terms of \"connect to the next step\" and create that step only when they need it. It is one of the patterns that makes a node editor feel product-like rather than demo-like."},{"chunkId":"/examples/create-node-on-connection-drop#2","slug":"create-node-on-connection-drop","route":"/examples/create-node-on-connection-drop","section":"examples","title":"Angular Workflow Builder Example – Create a Node on Connection Drop","description":"Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders.","group":"Connections - Editing","vector":[-0.11895,-0.04559,-0.04448,0.07808,0.03859,0.05449,0.01464,-0.01761,0.05068,0.01323,-0.02853,0.03549,-0.02911,0.00551,0.0037,0.02573,-0.06101,0.00057,-0.03263,-0.05274,0.01374,-0.08841,-0.01632,-0.0022,0.0782,-0.01578,-0.00516,-0.04054,0.08277,-0.00478,0.02162,0.06784,-0.06906,0.03624,-0.03082,0.07321,0.03547,0.09471,-0.04821,-0.02542,0.14606,0.02733,0.00796,-0.05348,-0.05351,-0.00513,-0.05757,0.02234,-0.06252,-0.0025,-0.0823,-0.05495,-0.01623,0.07265,0.02803,0.0076,0.03546,-0.05288,0.02091,0.01091,0.06788,-0.06276,0.00436,-0.04624,0.03576,0.05698,-0.0937,0.04183,-0.04442,0.05446,0.02828,-0.00106,-0.09007,0.05029,-0.04727,-0.01804,-0.02622,0.03866,-0.06811,0.05854,0.03935,0.03176,-0.04911,0.04486,-0.09369,0.15013,-0.00777,-0.0476,-0.00745,-0.08815,-0.04064,0.06195,-0.04259,-0.0275,0.03395,-0.00332,-0.06702,-0.01142,-0.06451,0.03916,-0.01086,-0.05894,0.01762,0.04048,-0.01542,-0.00934,-0.0214,-0.02928,-0.02877,0.10864,-0.00545,0.07586,-0.01045,-0.01691,-0.10419,-0.02841,-0.00983,-0.05789,-0.01179,0.13396,0.02947,0.05466,-0.05557,-0.04865,0.02231,-0.02769,0.01495,0,0.00319,-0.03842,-0.01719,0.05495,0.14142,-0.04712,-0.01012,-0.06568,-0.02458,0.06196,-0.07637,-0.0051,-0.03582,-0.01885,-0.06241,-0.14569,0.06383,0.02012,0.03843,0.01328,-0.04044,-0.11395,-0.07219,0.03028,0.08999,-0.06001,-0.04982,0.00998,0.03615,0.00036,0.00649,0.04915,0.02265,-0.0218,-0.05309,-0.01885,-0.08053,0.00859,0.02787,-0.00778,0.06789,-0.04429,-0.07215,0.11912,-0.02178,-0.0449,0.01819,-0.03524,0.06175,0.00674,0.02642,0.02528,0.04843,-0.07654,0.04759,-0.04244,-0.02383,0.04504,0.01162,0.07941,-0.0515,0.05942,-0.04364,-0.00585,0.11432,-0.01789,-0.01435,0.00983,0.03596,-0.10614,-0.05434,0.07523,-0.01739,0.02085,0.00413,-0.04922,-0.04215,0.00054,0.04268,-0.03401,-0.01268,-0.05676,0.02586,0.04425,0.08743,-0.06731,-0.01595,-0.03347,-0.09254,-0.07257,0.06739,-0.00843,0.04427,-0.03601,0.09354,0,-0.00499,0.02496,0.0171,0.11005,0.04241,0.00001,0.05675,0.04467,0.04821,0.09981,0.02701,0.05976,-0.02125,0.00353,0.03405,-0.0006,-0.05047,-0.10112,0.05581,0.00844,0.10039,0.0268,-0.03623,-0.0247,-0.07273,0.02267,0.06286,0.02976,-0.03912,-0.01527,-0.02888,-0.02136,-0.08527,0.02595,-0.01969,-0.04994,-0.00198,0.14833,0.07204,-0.04431,0.03841,0.03378,-0.04055,0.0262,-0.05444,-0.04133,0.04599,-0.02181,-0.04039,-0.02484,-0.06962,0.03147,-0.06127,0.03878,0.00152,0.03425,0.07308,-0.0042,-0.02757,-0.00722,0.07093,-0.06321,0.00021,-0.02613,0.07223,-0.0247,-0.05969,-0.01454,-0.00239,0.00585,-0.05194,0.10456,0.03007,-0.00181,0.04852,0.0024,0.09242,-0.04638,0.06234,0.02255,-0.06332,0.07484,-0.04602,-0.00152,0.05304,0.05765,-0.11076,0.02832,0.07531,0.05876,-0.09542,-0.05004,0.0233,-0.00812,-0.06706,0,-0.0667,0.02002,-0.017,-0.03245,0.01887,-0.0099,0.03391,0.03434,0.05083,-0.04557,-0.06928,0.03103,-0.02269,0.04796,0.09187,-0.06939,0.03356,-0.00419,-0.04193,-0.02276,0.04937,0.03841,0.07175,0.1246,-0.01176,-0.09416,-0.00424,0.00191,-0.00331,-0.01124,-0.01767,0.01399,0.01345,0.01812,-0.03229,0.01019,-0.0842,0.02179,-0.01327,0.05669,0.05294,-0.01372,-0.01977,-0.01972,-0.04114,0.06025,-0.00737,-0.02317,-0.00813,0.03448,-0.02765,0.00018,-0.06028,0.00351,0.01936,-0.02476,0.00679,-0.00649,0.01831,-0.04102,-0.05539,0.04388,0.01775,-0.00311],"keywords":"Angular Workflow Builder Example – Create a Node on Connection Drop Angular Workflow Builder Example – Create a Node on Connection Drop Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders. Example ::: ng-component <create-node-on-connection-drop</create-node-on-connection-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.scss :::","excerpt":"Example ::: ng-component <create-node-on-connection-drop</create-node-on-connection-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.scss :::"},{"chunkId":"/examples/create-node-on-connection-drop#3","slug":"create-node-on-connection-drop","route":"/examples/create-node-on-connection-drop","section":"examples","title":"Angular Workflow Builder Example – Create a Node on Connection Drop","description":"Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders.","group":"Connections - Editing","vector":[-0.12601,-0.01627,-0.02793,0.0733,0.00748,-0.00335,-0.02859,-0.02475,0.03799,0.05087,-0.04034,0.03608,-0.03118,0.01878,0.04209,0.03298,-0.03089,-0.02965,-0.05165,-0.10066,-0.01424,-0.10566,-0.05167,-0.01939,0.08826,-0.01929,0.01024,-0.01577,0.12141,-0.02699,0.01043,0.03338,-0.06786,0.0389,-0.12532,0.11637,0.04607,0.10976,-0.00831,-0.03282,0.05698,0.04205,-0.01574,-0.03776,-0.04833,-0.01551,-0.06364,0.03973,-0.05139,0.00683,-0.07039,-0.07121,-0.05881,0.00474,0.0374,0.00995,0.02164,-0.04296,-0.0593,0.00148,0.09111,-0.03865,-0.00236,-0.03214,0.04347,0.03078,-0.01406,0.04105,-0.00072,0.03362,0.01743,-0.01661,-0.0809,0.05499,-0.06528,-0.02206,-0.01446,-0.00068,-0.06864,0.09543,0.05687,0.078,-0.08509,0.06885,-0.07535,0.0925,-0.00306,-0.06401,-0.00331,-0.0998,-0.00509,0.08561,0.00355,-0.0426,0.05245,0.02156,-0.00252,-0.04369,-0.08689,0.01517,-0.00247,-0.06084,0.03798,0.01929,-0.03289,-0.02215,0.00048,-0.0475,-0.03156,0.11517,-0.00045,0.04821,-0.03556,-0.01079,-0.10289,0.00236,-0.02977,-0.04375,-0.05844,0.18542,-0.00835,0.06496,-0.0213,-0.0484,0.0241,-0.01916,-0.00359,0,0.05722,-0.00518,-0.02203,0.02669,0.16541,-0.013,-0.03915,-0.04496,0.02607,0.02753,-0.01443,0.00886,-0.03917,0.05752,-0.0131,-0.15722,0.05753,0.0319,0.05809,0.00501,-0.06171,-0.12215,-0.05194,0.09864,0.08462,0.02009,0.01873,0.00961,0.02509,-0.0069,-0.02209,0.00821,-0.04578,0.00287,-0.0598,0.01562,-0.11254,-0.02594,0.09014,-0.02593,0.01097,-0.0401,-0.08888,0.0902,-0.02887,-0.01254,-0.00016,-0.02608,0.05221,0.02039,0.04006,0.01563,0.06864,-0.00444,0.03188,-0.03238,-0.00023,0.03764,0.04578,0.068,-0.02828,0.0076,-0.0668,0.05143,0.08338,-0.0526,-0.02989,0.0008,0.08366,-0.09682,-0.07669,0.04608,-0.02366,0.03582,-0.00231,-0.03612,-0.05863,-0.01693,0.03639,-0.04373,-0.03141,-0.01823,0.01496,0.00616,0.10146,-0.05383,-0.00818,-0.02754,-0.08508,-0.04834,0.02035,0.04215,0.09459,0.01119,0.12724,0,-0.0538,0.00799,0.00361,0.09101,0.0648,0.01022,0.02387,-0.02254,0.01551,0.08871,0.01077,0.08093,-0.01497,0.01891,-0.00239,-0.02136,-0.02893,-0.1085,0.04019,0.01352,0.07647,-0.00422,-0.03819,-0.05545,-0.05789,0.01069,0.05049,-0.03234,-0.01299,-0.00114,-0.03988,-0.00955,-0.01332,-0.01168,-0.01037,-0.01127,0.01566,0.10322,0.03779,-0.04458,-0.01424,0.01052,0.00121,0.01067,-0.06844,-0.02722,-0.01251,0.00832,-0.07373,-0.00999,-0.04675,0.06597,-0.03719,-0.02575,-0.00676,0.00751,0.06549,-0.00427,0.02181,0.02126,-0.03667,-0.02979,0.0303,-0.01166,0.01174,-0.03382,-0.02083,-0.04476,-0.0452,0.06678,-0.02702,0.08399,-0.00076,-0.00119,0.06225,-0.03247,0.0854,-0.09095,0.03573,-0.01032,-0.02707,0.04705,-0.03915,-0.03494,-0.01525,0.01236,-0.08039,0.01474,0.05842,0.08867,-0.08569,-0.03139,-0.01541,0.00857,-0.07624,0,-0.04588,0.04374,0.02119,-0.01178,0.02052,-0.01328,0.05048,0.08773,0.07496,-0.03602,-0.00048,0.00623,-0.07877,0.09812,0.1189,-0.03741,0.05969,0.03168,-0.02456,-0.08316,0.04223,0.0179,0.04818,0.09644,0.01865,-0.04739,0.03995,-0.00151,-0.0299,0.02261,-0.01644,0.06088,0.06789,0.04886,-0.03519,0.01506,-0.06946,0.00983,-0.01835,0.02419,0.06018,0.05673,-0.03277,-0.04664,-0.0498,0.03992,-0.01769,-0.03811,0.00468,0.02908,-0.0311,-0.03062,-0.02728,-0.02307,0.0409,0.03777,0.0277,-0.01826,0.06846,-0.0361,-0.06196,0.05347,0.03034,-0.00891],"keywords":"Angular Workflow Builder Example – Create a Node on Connection Drop Angular Workflow Builder Example – Create a Node on Connection Drop Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders. When to use it - Create follow-up steps during connection creation. - Reduce friction in palette-heavy or menu-heavy editors. - Speed up exploratory graph building for new users. This example focuses on drop handling, node creation, and keeping the edge creation flow intuitive.","excerpt":"When to use it - Create follow-up steps during connection creation. - Reduce friction in palette-heavy or menu-heavy editors. - Speed up exploratory graph building for new users. This example focuses on drop handling, node creation, and keeping the edge creation flow intuitive."},{"chunkId":"/examples/create-node-on-connection-drop#4","slug":"create-node-on-connection-drop","route":"/examples/create-node-on-connection-drop","section":"examples","title":"Angular Workflow Builder Example – Create a Node on Connection Drop","description":"Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders.","group":"Connections - Editing","vector":[-0.07496,-0.06748,-0.04736,0.07815,0.00557,0.0552,0.02534,-0.02399,0.06936,0.03741,-0.02521,0.01371,-0.01752,0.01814,0.02884,0.03258,-0.0448,-0.00283,-0.05892,-0.06311,0.00871,-0.10526,-0.07743,-0.02791,0.077,-0.01621,0.00878,-0.05557,0.09822,-0.00049,0.0203,0.01826,-0.06288,0.02914,-0.0854,0.09313,0.04573,0.10193,-0.04358,-0.03538,0.11316,0.02438,-0.01475,-0.03331,-0.06141,-0.01631,-0.03082,0.05811,-0.06391,0.00833,-0.06949,-0.08359,-0.01175,0.04332,0.01639,0.04086,0.053,-0.02066,-0.04435,0.00608,0.06723,-0.02225,0.00332,-0.04606,0.04003,0.02884,-0.06081,0.08137,0.01589,0.00099,0.02615,-0.01776,-0.05951,0.05708,-0.07001,0.00343,0.00014,0.02569,-0.07227,0.08369,0.07359,0.0958,-0.05731,0.06005,-0.05014,0.13212,-0.01727,-0.01836,-0.04579,-0.11805,-0.01032,0.08667,-0.02486,-0.04569,0.03974,-0.03917,0.01521,-0.02397,-0.06011,0.0001,0.00263,-0.05084,-0.01644,0.02269,-0.03462,-0.02363,-0.05259,-0.07704,-0.02144,0.10525,0.01382,0.03496,-0.03347,-0.02941,-0.10462,0.00177,-0.04377,-0.02914,-0.06332,0.16618,-0.01326,0.04822,-0.0439,-0.04535,0.01794,-0.02425,-0.00879,0,0.02678,-0.01749,-0.02938,0.04192,0.16722,-0.02475,-0.00345,-0.06615,0.02362,0.0039,-0.0206,0.01567,-0.04335,0.04377,-0.06073,-0.14236,0.08219,0.01101,0.04724,-0.00822,-0.09323,-0.09121,-0.05148,0.06576,0.08368,-0.01686,-0.01127,0.00392,0.04354,-0.00156,-0.02376,0.04042,-0.00807,0.01269,-0.09388,-0.01744,-0.11693,-0.00797,0.08618,0.00508,0.04822,-0.04824,-0.05913,0.09055,-0.01847,-0.03368,0.0234,-0.02356,0.07338,-0.00267,0.03975,-0.00576,0.05676,-0.06175,0.04684,-0.00958,-0.0372,0.06352,0.06461,0.03872,-0.06273,0.03513,-0.05451,0.04909,0.1056,-0.03126,-0.02852,-0.03872,0.0658,-0.05929,-0.05132,0.05167,-0.0438,0.05386,0.01235,-0.03848,-0.0576,-0.02774,0.0526,-0.01745,-0.03996,-0.04405,0.02374,-0.00091,0.10415,-0.04498,-0.0259,-0.00297,-0.11686,-0.08316,0.03815,0.00945,0.0831,-0.01071,0.12974,0,-0.04317,-0.00163,0.03663,0.1017,0.06237,0.00869,0.00591,-0.01834,-0.0032,0.12161,0.01861,0.09541,-0.00529,0.05569,-0.01921,0.0334,-0.03812,-0.05852,0.01113,0.01527,0.06865,-0.0495,-0.01135,-0.0764,-0.0926,-0.007,0.09327,-0.03533,-0.02949,-0.02627,-0.01903,-0.02077,-0.0429,0.0061,0.02081,-0.04749,0.02532,0.08202,0.03116,-0.04862,-0.04344,-0.00959,0.01466,0.00511,-0.04939,-0.03333,-0.015,0.02415,-0.03578,-0.0142,-0.04015,0.04317,-0.05917,0.01716,0.00494,0.02206,0.05387,0.01434,0.02421,0.01252,0.013,-0.0469,0.0147,-0.03751,0.03842,0.00094,-0.04135,-0.04618,-0.0277,0.04057,-0.00247,0.10235,-0.00655,0.00442,0.05587,-0.00854,0.08656,-0.06823,0.04829,-0.02948,-0.0137,0.05024,-0.03028,-0.06972,0.04348,0.04003,-0.04525,0.01618,0.07282,0.06012,-0.09895,-0.00677,0.01568,-0.02586,-0.06026,0,-0.04348,0.04891,0.01586,-0.02823,-0.00668,-0.016,0.03595,0.04808,0.06321,-0.00026,-0.04388,0.00384,-0.05532,0.08263,0.11482,-0.04317,0.07451,-0.00153,-0.02543,-0.0677,0.06056,0.04518,0.0805,0.12363,-0.00373,-0.05476,0.00814,-0.02481,-0.02077,0.01553,0.00191,0.03625,0.02204,0.04046,-0.05539,0.00902,-0.07767,-0.00277,-0.02135,0.00575,0.07521,0.00495,-0.02913,-0.02995,-0.01573,0.03584,-0.01185,-0.04367,-0.01937,0.07315,-0.00685,-0.0282,-0.02922,-0.02113,0.00995,-0.00421,0.00539,0.01465,0.03113,-0.04628,-0.08705,0.02955,0.03247,-0.05355],"keywords":"Angular Workflow Builder Example – Create a Node on Connection Drop Angular Workflow Builder Example – Create a Node on Connection Drop Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders. Related docs - Connection For Create Component - Node Directive - Event System - Add Node from Palette","excerpt":"Related docs - Connection For Create Component - Node Directive - Event System - Add Node from Palette"},{"chunkId":"/examples/remove-connection-on-drop#0","slug":"remove-connection-on-drop","route":"/examples/remove-connection-on-drop","section":"examples","title":"Angular Diagram Example – Remove Connections on Drop","description":"Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX.","group":"Connections - Editing","vector":[-0.09237,0.02795,-0.03882,0.07779,-0.00627,0.01575,-0.00454,-0.06032,0.02393,0.04541,0.03535,0.09945,-0.05549,0.01808,0.01125,0.03615,-0.08011,-0.0448,-0.01749,-0.05287,-0.04263,-0.09493,-0.07084,-0.02237,0.13361,-0.00876,0.01894,-0.01426,0.06164,-0.06255,-0.02495,0.03881,-0.09157,-0.02704,-0.11764,0.02713,0.05463,0.09002,0.0174,-0.00556,0.09885,0.0139,0.01696,-0.04509,-0.06124,0.05072,-0.1173,0.04561,-0.02816,0.06432,-0.00694,0.00057,-0.07846,0.00268,0.02407,-0.02348,0.0314,-0.02154,-0.04401,0.00392,0.07415,0.02282,-0.01697,0.01181,0.0195,0.00089,0.00601,0.01564,-0.01547,0.0687,0.03077,-0.04399,-0.06495,-0.03199,0.00124,-0.00905,-0.02213,0.07129,-0.01856,0.04695,0.12402,0.09744,-0.03935,0.05509,-0.06644,0.08654,-0.01695,-0.12259,-0.01381,-0.1176,0.01255,0.075,0.03147,0.02425,0.01956,0.0116,-0.02832,-0.00835,-0.09446,0.07926,0.01302,-0.07319,0.01173,0.02712,-0.09284,-0.03383,-0.01794,-0.00935,-0.03994,0.04086,0.00665,0.03751,-0.07152,0.00855,-0.07582,0.02551,-0.01481,0.01502,-0.02736,0.06775,-0.07685,0.05439,0.02835,-0.03619,-0.01495,-0.03548,-0.02173,0,0.00851,-0.01062,-0.07022,-0.06698,0.10039,-0.02487,-0.09581,-0.05729,0.0203,0.07799,0.00111,0.01241,-0.02952,-0.01463,0.01577,-0.07205,0.10071,0.02009,0.04742,-0.03784,-0.02454,-0.03207,-0.0648,0.03121,0.10352,0.06904,0.00824,0.02311,0.0396,0.00592,0.07105,0.05532,-0.06655,0.01953,-0.03472,-0.04846,-0.05837,-0.03785,-0.0187,-0.01282,0.06172,-0.07299,-0.13839,0.06779,-0.01184,-0.01301,0.01892,-0.01857,-0.00468,-0.03104,-0.01813,0.03883,-0.02214,-0.0102,-0.01719,-0.04277,-0.02786,0.04733,0.00896,0.00385,0.03141,0.00717,-0.03264,0.00274,0.07687,-0.03368,-0.05421,0.00449,0.04313,-0.11169,-0.13864,0.03354,0.014,-0.01835,-0.03959,-0.08844,-0.07213,0.02994,0.07257,0.02107,-0.00785,-0.07516,-0.01047,0.00275,0.06674,-0.11383,0.03187,-0.07256,0.02213,0.00205,0.01882,0.04602,0.01367,-0.02574,0.13002,0,-0.04745,0.04394,0.0629,0.06351,0.01702,0.00123,0.12009,0.05533,-0.01546,0.06029,0.0443,0.04718,-0.03995,0.0082,0.01805,0.02683,-0.0553,-0.08617,-0.05596,0.00984,0.08363,0.01352,0.04733,-0.05627,-0.02149,0.01299,0.03413,-0.04793,0.01533,0.03105,-0.0302,0.01468,0.00079,-0.0243,-0.04023,0.02779,0.06515,0.08156,-0.0498,-0.07504,-0.02596,0.02135,-0.01947,-0.00349,0.00632,-0.01506,-0.0574,0.01383,-0.08721,0.00147,-0.05098,0.05383,-0.01465,-0.04928,0.02184,-0.0251,0.08517,-0.02376,0.03806,-0.00381,0.03662,-0.05353,-0.06877,-0.00518,0.07569,-0.02888,0.01581,-0.03417,0.0194,0.04983,-0.02958,0.07459,0.02629,-0.08019,0.12217,-0.04536,0.05813,-0.04417,0.01835,-0.04772,-0.01244,-0.0042,-0.04807,-0.03149,-0.00425,0.01665,-0.07785,0.03175,0.04718,0.09719,-0.0965,-0.03584,0.0603,0.02864,-0.07201,0,-0.00832,0.03004,0.00976,-0.02726,0.09452,-0.00221,0.00058,0.11991,0.01467,-0.0136,-0.02334,0.09003,-0.05607,0.06873,0.06817,-0.01715,0.03589,0.01941,0.02387,-0.00769,0.01058,0.00876,0.06373,0.11486,0.02178,-0.07067,0.01202,0.01028,-0.04627,0.04989,-0.06982,0.03596,0.07533,0.0792,-0.01032,0.00087,-0.0717,0.05121,-0.04869,0.03887,0.05939,0.05368,-0.04369,0.01545,-0.00633,0.03092,0.03603,-0.01691,-0.01608,0.02587,-0.08678,-0.00393,-0.05866,-0.05098,-0.03107,0.01081,0.04048,0.00019,-0.04518,0.00386,-0.05373,0.02954,0.00544,-0.08756],"keywords":"Angular Diagram Example – Remove Connections on Drop Angular Diagram Example – Remove Connections on Drop Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX. Remove Connection on Drop","excerpt":"Remove Connection on Drop"},{"chunkId":"/examples/remove-connection-on-drop#1","slug":"remove-connection-on-drop","route":"/examples/remove-connection-on-drop","section":"examples","title":"Angular Diagram Example – Remove Connections on Drop","description":"Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX.","group":"Connections - Editing","vector":[-0.09655,0.01367,0.00148,0.11243,-0.00499,0.00156,0.0288,-0.06966,0.05654,0.03704,0.01709,0.09737,-0.0453,0.01669,0.02929,0.04069,-0.01589,-0.05104,-0.04349,-0.02986,-0.02442,-0.06344,-0.02967,-0.02578,0.08899,-0.02663,-0.01799,-0.03177,0.07128,-0.03062,-0.01685,0.03585,-0.10908,-0.03169,-0.11361,0.04498,0.02442,0.05331,-0.00461,0.00504,0.06622,0.01666,0.00232,-0.02732,-0.06704,0.04874,-0.11413,0.01789,-0.0345,0.04285,0.00026,-0.00801,-0.06574,-0.0135,0.02271,-0.01489,0.0477,-0.00216,-0.03017,0.04752,0.05774,0.01072,-0.04385,0.00888,0.02133,0.04186,0.00764,-0.0135,-0.00764,0.0699,0.04733,-0.05693,-0.11363,-0.02811,0.00952,0.00828,-0.0552,0.0473,-0.07913,0.04002,0.1348,0.03906,-0.05789,0.01628,-0.03614,0.08069,-0.01675,-0.14507,0.05398,-0.03947,0.00617,0.06666,0.04826,0.00779,0.0569,0.00229,-0.0307,0.01239,-0.10773,0.07232,0.0233,-0.07608,-0.02358,0.04333,-0.02865,0.008,-0.02715,-0.00363,-0.06413,0.04897,-0.00335,0.01067,-0.0381,0.00764,-0.09006,0.03408,0.01294,0.01158,-0.00274,0.08239,-0.07072,0.02119,0.0023,-0.04322,-0.00094,-0.06231,-0.01902,0,0.01032,-0.01468,-0.09175,-0.04218,0.09771,0.01669,-0.1099,-0.06588,0.03096,0.04673,0.01015,0.00163,-0.01747,0.02737,0.03176,-0.03942,0.0812,0.06553,0.01499,-0.03397,-0.01779,-0.03718,-0.06594,0.02737,0.06257,0.05639,-0.00801,0.0295,0.05815,0.00837,-0.00772,0.04198,-0.04698,0.00492,-0.04898,0.0089,-0.07221,-0.06271,-0.00297,-0.04432,0.02798,-0.02866,-0.13288,0.05504,-0.02245,-0.04426,0.00966,-0.00074,-0.03564,-0.02738,0.01416,0.06142,0.05631,0.0169,-0.02297,-0.05801,0.0018,0.03722,0.01518,0.04254,0.03306,0.01076,-0.06272,0.021,0.06293,0.0194,-0.05922,0.02296,0.00359,-0.14886,-0.13197,0.06676,-0.00615,-0.01103,-0.01769,-0.10836,-0.11821,0.02596,0.07001,0.00443,0.026,-0.09752,0.00586,0.02545,0.04447,-0.10582,0.03069,-0.06822,-0.04046,-0.00854,0.05317,0.05032,0.03495,0.05432,0.12907,0,-0.03721,0.05914,0.04805,0.06859,-0.00064,-0.01174,0.06715,0.04475,-0.00273,0.01318,0.01657,0.03171,-0.02059,0.0184,-0.00675,-0.02557,-0.05729,-0.12266,-0.09086,-0.00879,0.09238,0.0024,0.02428,-0.03715,-0.03754,-0.01363,-0.01692,-0.03267,0.00538,0.0219,-0.03937,0.005,-0.00943,-0.06734,0.00191,0.00884,0.05773,0.09755,-0.01714,-0.04264,0.00372,0.04699,-0.02512,0.02271,0.02682,0.06354,-0.07166,0.02463,-0.08639,0.01216,-0.06937,0.06713,-0.00771,-0.05529,0.02067,-0.00696,0.11461,-0.02133,0.03218,-0.02919,0.0245,-0.03062,-0.0513,0.01214,0.06683,-0.00147,0.01725,-0.03617,0.05943,0.04351,0.00501,0.0589,-0.01173,-0.07873,0.1252,-0.03887,0.09712,-0.07282,0.02799,-0.00386,-0.02674,0.02375,0.01,-0.03409,-0.03351,0.02668,-0.11297,0.03064,0.01852,0.08697,-0.09553,-0.06597,0.02485,0.01826,-0.08951,0,-0.02733,0.06131,-0.00396,-0.03166,0.0837,-0.01225,0.00627,0.1179,0.05269,0.00859,0.01637,0.04786,-0.09504,0.02716,0.03906,-0.01609,0.04295,0.01891,-0.00477,0.0041,0.04552,-0.00399,0.05853,0.12038,0.0255,-0.09333,0.00991,0.07163,-0.05102,0.04558,-0.05495,-0.0025,0.09216,0.10821,-0.07715,0.04439,-0.04848,0.02586,-0.00916,0.02055,0.05655,0.03916,-0.03059,0.01502,-0.02571,0.04913,0.08237,-0.01374,-0.02095,0.01468,-0.08526,-0.00314,-0.05272,-0.01403,-0.01514,-0.0141,0.02682,-0.01537,-0.00323,-0.00127,-0.02505,0.03739,-0.03014,-0.06604],"keywords":"Angular Diagram Example – Remove Connections on Drop Angular Diagram Example – Remove Connections on Drop Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX. Description This example shows how to remove a connection as part of a drag-and-drop interaction. Instead of forcing users to open a context menu or click a separate delete control, the editor can treat a drop on an invalid area or removal target as a delete action for that edge. That pattern is useful in workflow builders and graph UIs where users edit connections frequently. It keeps edge cleanup fast and makes graph editing feel more direct. The key is clear feedback: users should understand when they are reassigning a connection, when they are canceling a drag, and when they are actually deleting an edge. U Is","excerpt":"Description This example shows how to remove a connection as part of a drag-and-drop interaction. Instead of forcing users to open a context menu or click a separate delete control, the editor can treat a drop on an invalid area or removal target as a delete action for that edge. That pattern is useful in workflow builders and graph UIs where users edit connections frequently. It keeps edge cleanup fast and makes graph editing feel more direct. The key is clear feedback: users should understand when they are reassigning a connection, when they are canceling a drag, and when they are actually deleting an edge."},{"chunkId":"/examples/remove-connection-on-drop#2","slug":"remove-connection-on-drop","route":"/examples/remove-connection-on-drop","section":"examples","title":"Angular Diagram Example – Remove Connections on Drop","description":"Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX.","group":"Connections - Editing","vector":[-0.10755,0.03223,-0.04691,0.08726,0.02824,0.03363,0.00544,-0.04922,0.02643,0.03506,-0.00613,0.09629,-0.03645,0.03879,0.00387,0.02743,-0.07047,-0.01136,-0.02535,-0.03921,-0.01269,-0.09643,-0.03838,0.01097,0.10834,-0.01302,-0.00357,-0.04327,0.0439,-0.03294,-0.00444,0.06988,-0.08967,-0.01585,-0.08033,0.05501,0.0411,0.09511,-0.00842,-0.01643,0.11633,0.01389,0.01101,-0.08,-0.04567,0.03449,-0.11641,0.02326,-0.03637,0.03439,-0.00975,0.00479,-0.09064,0.04594,0.04035,-0.03462,0.02401,-0.06071,-0.00769,0.03422,0.02065,-0.01312,-0.03003,0.01556,0.01397,0.02958,-0.03507,0.02651,-0.00344,0.07316,0.01654,-0.00716,-0.0796,-0.03451,0.01299,-0.02336,-0.05265,0.07802,-0.03513,0.01333,0.10755,0.03962,-0.00257,0.05386,-0.05124,0.09805,0.01164,-0.11572,0.02261,-0.09444,0.00639,0.08574,0.02733,0.02251,0.03267,0.01857,-0.06839,0.01182,-0.09157,0.09892,0.00537,-0.08369,0.03177,0.05138,-0.05194,-0.01472,-0.00519,0.03156,-0.04713,0.025,-0.00638,0.04344,-0.02321,-0.01664,-0.07289,-0.00205,0.00854,0.00761,-0.01368,0.09565,-0.02442,0.02941,-0.01697,-0.03649,0.02913,-0.01226,-0.00269,0,0.01293,0.00007,-0.07613,-0.03496,0.1058,-0.02107,-0.07215,-0.06726,-0.0094,0.10911,-0.01928,0.01367,-0.04502,-0.02178,0.00135,-0.10633,0.08647,0.03584,0.03107,-0.01694,0.0084,-0.05957,-0.06393,0.02947,0.12921,0.02454,-0.03095,0.02561,0.02498,0.00194,0.07119,0.05109,-0.04355,-0.01405,-0.02717,-0.04343,-0.03851,-0.03704,-0.02845,-0.02717,0.06179,-0.03157,-0.14907,0.0817,0.00489,-0.03294,0.00464,-0.01792,0.04904,-0.03471,-0.00363,0.06426,-0.00868,-0.02732,0.00179,-0.05326,-0.03728,0.05544,-0.00921,0.04339,0.01952,0.02044,-0.04673,-0.00608,0.10162,-0.02367,-0.04013,0.01162,0.02048,-0.13618,-0.13207,0.09099,0.01015,-0.02726,-0.02411,-0.09198,-0.02839,0.0349,0.06487,0.0057,0.00356,-0.10605,-0.00905,0.05078,0.0654,-0.1222,0.02328,-0.08594,-0.01962,-0.04578,0.06072,0.03463,-0.0106,-0.05421,0.08495,0,0.01145,0.03927,0.03808,0.09381,0.01097,-0.00984,0.1273,0.08706,0.03088,0.04553,0.05026,0.05599,-0.01431,-0.03236,0.02748,0.02194,-0.06499,-0.09783,-0.01901,0.01574,0.05594,0.05835,0.02279,-0.04518,-0.03032,0.02434,0.03219,-0.00908,-0.01807,0.00615,-0.03951,0.00708,-0.0414,-0.01968,-0.05535,0.00479,0.04808,0.14933,-0.0269,-0.03046,0.04809,0.05523,-0.0485,-0.01764,-0.01933,0.00263,-0.01414,-0.00208,-0.07363,-0.00925,-0.07704,0.01556,-0.04129,-0.0192,0.02263,-0.03876,0.10193,-0.05208,-0.01827,-0.00557,0.07518,-0.03741,-0.06398,0.0018,0.09055,-0.01782,-0.05083,-0.01692,0.03386,0.02423,-0.0097,0.04654,0.03161,-0.0498,0.10545,-0.0096,0.05682,-0.04416,0.02619,0.00908,-0.02089,0.04037,-0.04826,-0.02077,0.01737,0.02842,-0.12194,0.02363,0.06132,0.08233,-0.10464,-0.05735,0.07217,0.02676,-0.05306,0,-0.03609,-0.00264,-0.01455,-0.04948,0.08451,0.00776,-0.01026,0.09742,0.00703,-0.02798,-0.0452,0.10129,-0.02378,0.0221,0.05473,-0.03814,0.02814,0.00788,-0.02598,0.00225,-0.00814,0.01251,0.04529,0.1065,0.01146,-0.09657,0.00991,0.02064,-0.03061,0.01139,-0.06748,0.00042,0.06697,0.0437,-0.00879,0.02694,-0.11841,0.04431,-0.02758,0.05774,0.05792,0.00772,-0.0162,0.00913,-0.00448,0.03825,0.01995,-0.02967,-0.01327,0.01518,-0.08746,0.02752,-0.08888,-0.01084,-0.02215,-0.01472,0.0399,0.00346,-0.02419,-0.01462,-0.04364,0.044,0.01782,-0.07512],"keywords":"Angular Diagram Example – Remove Connections on Drop Angular Diagram Example – Remove Connections on Drop Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX. Example ::: ng-component <remove-connection-on-drop</remove-connection-on-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.scss :::","excerpt":"Example ::: ng-component <remove-connection-on-drop</remove-connection-on-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.scss :::"},{"chunkId":"/examples/remove-connection-on-drop#3","slug":"remove-connection-on-drop","route":"/examples/remove-connection-on-drop","section":"examples","title":"Angular Diagram Example – Remove Connections on Drop","description":"Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX.","group":"Connections - Editing","vector":[-0.06654,0.01462,-0.00928,0.07224,-0.02424,-0.00728,-0.02924,-0.04462,-0.00353,0.04874,0.03414,0.12103,-0.05898,0.03263,0.0346,0.0265,-0.05243,-0.00564,-0.02708,-0.07257,-0.03955,-0.07649,-0.0587,-0.03701,0.11929,-0.00573,0.02005,0.00543,0.09934,-0.06833,-0.00831,0.04424,-0.07588,0.00073,-0.12542,0.05652,0.03746,0.07711,0.01014,0.0035,0.06569,0.02653,0.00374,-0.03444,-0.03378,0.03168,-0.15259,0.01664,-0.02276,0.04832,-0.00725,-0.01756,-0.10239,-0.01388,0.05135,-0.04862,0.0302,-0.0121,-0.01913,0.03443,0.08289,0.02345,0.01354,0.02688,0.00697,0.0027,0.02921,0.04102,0.01138,0.07974,0.01032,-0.02522,-0.091,-0.03087,0.00295,0.00134,-0.01527,0.04461,-0.06534,0.02555,0.07973,0.07061,-0.05104,0.07084,-0.05602,0.06063,-0.0311,-0.13555,0.00451,-0.07181,0.01751,0.06287,0.02884,0.00022,0.0428,0.03166,-0.01499,-0.01299,-0.11834,0.0844,0.01639,-0.09365,0.00796,0.01232,-0.05052,0.00575,-0.01969,0.01818,-0.06202,0.01139,0.00129,0.0275,-0.07016,-0.00556,-0.09024,0.00294,-0.03183,-0.00876,0.01482,0.09375,-0.04758,0.05145,0.0088,-0.03465,-0.00925,-0.03786,-0.03929,0,0.02921,0.03109,-0.04917,-0.05523,0.11515,-0.0089,-0.09381,-0.06245,0.02622,0.07119,-0.0002,0.01766,-0.04488,0.03014,0.00947,-0.06887,0.06362,0.04267,0.01202,-0.00709,-0.01563,-0.04505,-0.04994,0.05949,0.07554,0.10484,0.02581,0.02341,0.03971,0.00052,0.05121,0.05194,-0.05698,0.01458,-0.04811,0.00335,-0.01596,-0.06663,-0.00378,-0.03229,0.06258,-0.03436,-0.12511,0.04114,0.0044,-0.00462,0.002,-0.00923,0.01295,-0.00531,-0.00997,0.07915,-0.00113,0.00297,-0.03044,-0.06168,0.00166,0.04313,0.04243,0.05049,0.0183,-0.00764,-0.0674,0.04386,0.04338,-0.00513,-0.04695,0.00956,0.05512,-0.12095,-0.15446,0.06046,-0.01318,-0.00006,-0.03954,-0.07322,-0.08071,0.03709,0.05437,-0.01159,-0.03212,-0.0445,-0.00374,-0.007,0.07205,-0.11618,0.04005,-0.04795,0.0343,0.02301,0.04462,0.04162,0.02563,0.01435,0.11045,0,-0.0596,0.05482,0.04295,0.06811,0.01201,-0.04757,0.09566,0.03933,-0.03359,0.02824,0.03854,0.04191,-0.03084,-0.03386,0.00332,-0.01897,-0.0451,-0.10591,-0.03746,0.00295,0.07203,0.04058,0.0347,-0.06211,-0.03156,0.03984,-0.00087,-0.03537,0.03015,0.0389,-0.00906,-0.01615,0.00723,-0.04637,-0.01373,0.02994,0.05991,0.06073,-0.03594,-0.05708,-0.00908,0.01781,-0.03209,0.00004,0.01455,0.03015,-0.10548,0.03622,-0.08827,-0.01634,-0.05092,0.05623,0.0006,-0.08571,0.02339,-0.02826,0.08189,-0.01073,0.04075,-0.01993,-0.00299,-0.04619,-0.04149,-0.00867,0.0383,-0.04862,0.0181,-0.09734,0.00055,0.04972,-0.02464,0.05914,-0.01979,-0.07514,0.12362,-0.04469,0.06949,-0.0453,0.02445,-0.03606,-0.04601,0.00334,-0.05229,-0.00016,-0.00835,0.02188,-0.0902,0.05107,0.06091,0.08834,-0.12516,-0.03993,0.03869,0.05883,-0.0439,0,-0.0365,0.04805,0.01534,-0.01588,0.09568,-0.00193,0.02487,0.13839,0.01101,-0.02014,0.00916,0.08,-0.08979,0.04639,0.04821,-0.00451,0.02857,0.03013,0.01462,-0.01957,-0.01467,0.00046,0.03667,0.09884,0.02096,-0.05921,0.04152,0.04733,-0.0547,0.02966,-0.07045,0.00628,0.11169,0.11399,-0.00939,-0.0166,-0.07778,0.06501,-0.02745,0.03216,0.04522,0.04751,-0.02249,-0.00238,-0.0201,0.03449,0.03731,-0.00759,-0.02254,0.00239,-0.10101,-0.02221,-0.08564,-0.06566,-0.02896,0.04437,0.05612,0.00129,0.00122,0.00139,-0.05478,0.02802,-0.00338,-0.07555],"keywords":"Angular Diagram Example – Remove Connections on Drop Angular Diagram Example – Remove Connections on Drop Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX. What this solves - Faster edge cleanup for iterative graph editing. - A clearer deletion flow for connection-heavy interfaces. - Better UX when users frequently rewire or simplify diagrams. This example is a practical companion to edge creation and reassignment patterns.","excerpt":"What this solves - Faster edge cleanup for iterative graph editing. - A clearer deletion flow for connection-heavy interfaces. - Better UX when users frequently rewire or simplify diagrams. This example is a practical companion to edge creation and reassignment patterns."},{"chunkId":"/examples/remove-connection-on-drop#4","slug":"remove-connection-on-drop","route":"/examples/remove-connection-on-drop","section":"examples","title":"Angular Diagram Example – Remove Connections on Drop","description":"Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX.","group":"Connections - Editing","vector":[-0.07605,0.0018,-0.03431,0.10176,-0.01684,0.0336,0.00527,-0.04154,0.02456,0.06013,0.01935,0.08851,-0.04169,0.02062,0.01345,0.0172,-0.06782,-0.04522,-0.01974,-0.04688,-0.04597,-0.12142,-0.07461,-0.037,0.12884,-0.01667,0.00771,-0.01641,0.06854,-0.04789,-0.02271,0.0239,-0.10214,-0.04437,-0.11724,0.03566,0.06291,0.0644,0.00221,-0.00325,0.11932,0.0108,0.02276,-0.03609,-0.05609,0.0449,-0.1273,0.04452,-0.01461,0.06215,-0.00857,-0.0071,-0.06048,-0.01048,0.03279,-0.00026,0.0321,-0.00268,-0.03605,0.00958,0.05998,0.02102,0.0086,-0.0065,0.00792,0.01411,-0.00338,0.02205,-0.00645,0.0509,0.03515,-0.02695,-0.07617,-0.02659,-0.00022,-0.00328,-0.02441,0.0724,-0.01982,0.04836,0.11831,0.09536,-0.03973,0.03936,-0.06829,0.09668,-0.02598,-0.12559,-0.03775,-0.10348,0.00156,0.06371,0.02824,0.00226,0.01447,0.02756,-0.03192,0.00639,-0.07238,0.0633,0.02075,-0.06639,0.00533,0.04016,-0.08377,-0.043,-0.0392,-0.01858,-0.03272,0.05848,0.01404,0.03784,-0.07718,-0.00912,-0.07186,0.02555,-0.03142,0.0065,-0.0375,0.08155,-0.07218,0.0513,0.00822,-0.03463,0.00139,-0.04606,-0.01495,0,-0.00319,-0.01719,-0.05858,-0.04677,0.11784,-0.01533,-0.08525,-0.07372,0.02412,0.0574,-0.00437,-0.00022,-0.0279,-0.02283,-0.00063,-0.06661,0.09116,0.01012,0.05889,-0.03195,-0.03857,-0.03403,-0.05042,0.03125,0.10483,0.06001,-0.00016,0.0281,0.05875,-0.00886,0.06563,0.06045,-0.04402,0.00788,-0.04748,-0.05943,-0.04085,-0.03186,-0.03688,-0.01692,0.07199,-0.05822,-0.15129,0.06119,-0.01424,-0.01016,0.0391,-0.03061,0.03363,-0.04213,-0.03108,0.03662,-0.01374,-0.02917,0.00216,-0.01792,-0.03353,0.0559,-0.00077,0.00205,0.03323,0.00543,-0.03702,0.00983,0.08507,-0.0073,-0.05906,-0.00508,0.03991,-0.10092,-0.12257,0.04157,-0.02154,-0.03325,-0.04027,-0.07826,-0.0808,0.01843,0.0472,0.03388,-0.00659,-0.10602,0.00767,0.03401,0.08715,-0.10536,0.02128,-0.05878,0.01517,-0.00997,0.05856,0.04659,0.03244,-0.0159,0.10784,0,-0.06465,0.04872,0.05692,0.06477,0.03215,-0.00492,0.08637,0.04674,-0.03217,0.07392,0.0516,0.04277,-0.02992,-0.00562,0.00314,0.03726,-0.06524,-0.08181,-0.04641,0.0132,0.07887,0.00087,0.04136,-0.06693,-0.01411,0.00027,0.05824,-0.05347,0.00556,0.00155,-0.03552,0.00624,-0.00548,-0.00065,-0.02222,0.00982,0.0721,0.07245,-0.03558,-0.08064,-0.01838,0.02202,-0.0344,-0.00009,-0.00087,-0.00149,-0.05806,0.01387,-0.06808,0.02008,-0.06789,0.05233,-0.02333,-0.0279,0.01265,-0.02818,0.0881,0.00114,0.04986,-0.01871,0.03424,-0.06586,-0.05735,0.00657,0.08468,-0.03155,-0.00702,-0.03322,0.02342,0.04537,-0.02533,0.09362,0.00984,-0.05467,0.12973,-0.03882,0.05875,-0.05176,0.02881,-0.04548,-0.02256,0.02702,-0.05777,-0.02898,0.02477,0.04202,-0.06827,0.05505,0.0465,0.11499,-0.1095,-0.03206,0.04988,0.03359,-0.06559,0,-0.02233,0.03174,-0.01065,-0.04197,0.09789,-0.00632,-0.00922,0.09748,0.01012,0.0143,-0.03444,0.08635,-0.04441,0.06481,0.06535,-0.01718,0.04913,0.01315,0.02712,-0.00549,0.02146,-0.00564,0.0599,0.14179,0.01646,-0.07098,0.00681,0.03465,-0.04947,0.02332,-0.08895,0.01577,0.06649,0.06242,-0.02121,0.00385,-0.08585,0.05459,-0.02803,0.03451,0.06486,0.05582,-0.02235,0.01741,-0.01141,0.04584,0.03171,-0.00955,0.00267,0.03234,-0.0833,-0.0117,-0.05754,-0.06678,-0.02023,0.02168,0.03619,0.00582,-0.03569,-0.00361,-0.05901,0.04392,0.00274,-0.10544],"keywords":"Angular Diagram Example – Remove Connections on Drop Angular Diagram Example – Remove Connections on Drop Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX. Related docs - Connection Component - Event System - Drag to Reassign Example - Create Node on Connection Drop","excerpt":"Related docs - Connection Component - Event System - Drag to Reassign Example - Create Node on Connection Drop"},{"chunkId":"/examples/assign-node-to-connection-on-drop#0","slug":"assign-node-to-connection-on-drop","route":"/examples/assign-node-to-connection-on-drop","section":"examples","title":"Angular Workflow Builder Example – Insert a Node into a Connection","description":"Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines.","group":"Connections - Editing","vector":[-0.10621,-0.00944,-0.07684,0.05217,-0.01901,-0.00777,-0.03215,-0.01575,-0.00672,0.05963,-0.07622,-0.0156,-0.01141,0.03969,0.07722,0.06451,-0.05669,-0.02379,0.00924,-0.11816,-0.03518,-0.03131,-0.08045,-0.04515,0.10622,-0.02988,-0.00306,-0.03195,0.10124,0.03757,0.00945,0.01873,-0.03447,0.07974,-0.07608,0.11729,0.00249,0.08387,0.0299,-0.01296,0.13021,0.0178,0.01521,-0.07932,-0.04473,-0.03011,-0.12511,0.02832,-0.06379,0.01945,-0.07679,-0.08684,-0.05882,0.05107,0.02335,0.04006,0.02638,-0.0383,-0.02921,0.03391,0.11035,-0.04611,0.03743,-0.02306,0.03044,0.03363,-0.03232,0.04701,-0.02805,0.02218,0.06523,-0.02069,-0.09077,0.01863,-0.04486,-0.01328,-0.01577,0.04219,-0.04815,0.04476,0.02923,0.07142,-0.05301,0.04016,-0.03821,0.09963,-0.00559,-0.06027,0.02634,-0.05996,-0.05671,0.02771,-0.02695,0.00163,0.09901,-0.00912,0.00558,-0.02178,-0.07922,0.02619,-0.02732,-0.06803,-0.05595,-0.02004,-0.03377,-0.01138,-0.04475,-0.05757,-0.02028,0.01731,-0.01191,0.07703,-0.00076,-0.03308,-0.07865,-0.03085,-0.01054,-0.03201,-0.03415,0.1372,-0.05762,0.05302,-0.05185,-0.01739,0.00575,-0.05809,-0.01127,0,0.02783,-0.02518,-0.00288,-0.01717,0.14099,-0.00706,-0.05481,-0.06879,0.01452,0.0118,-0.06752,-0.02297,-0.01063,0.03808,-0.04963,-0.10512,0.0559,0.01401,0.0432,0.0364,-0.00862,-0.10425,-0.05797,0.09861,0.07918,0.03539,-0.01637,-0.03482,0.09441,0.01348,0.00969,0.00894,0.02183,0.03521,-0.04223,-0.00719,-0.05435,-0.01123,0.02089,-0.05536,0.08315,-0.01824,-0.06304,0.10167,-0.0444,-0.03684,-0.02031,-0.00564,0.09001,-0.02587,-0.01482,0.01093,0.05312,-0.05122,0.02872,-0.04075,-0.01851,0.06525,0.04466,0.05853,-0.02878,-0.02119,-0.05601,0.06568,0.07332,-0.0049,-0.04343,-0.03493,0.08033,-0.06214,-0.07259,0.0792,-0.07394,0.06462,-0.02831,-0.03733,-0.07316,-0.01896,0.01558,-0.00763,-0.05873,-0.05329,-0.01818,-0.0016,0.10198,-0.03253,-0.04343,-0.03474,-0.03259,-0.04418,0.03073,0.03609,0.04457,0.01369,0.13641,0,-0.03701,0.03666,0.03577,0.09019,0.08926,-0.02811,0.06539,-0.06414,0.01299,0.14101,-0.00058,0.05449,-0.0152,0.01021,-0.01544,-0.0333,-0.08111,-0.09979,0.01089,0.01427,0.05978,-0.02904,0.03104,-0.05297,0.00741,0.05367,0.02304,-0.01841,-0.03936,-0.02404,-0.04706,0.00599,-0.04127,-0.00143,0.02115,0.02649,0.05316,0.07208,0.01566,-0.05739,-0.02323,0.0558,-0.01606,0.03363,-0.03079,0.0068,0.01395,0.0435,-0.09632,0.00614,-0.07969,0.06492,-0.0203,0.00824,-0.01985,-0.00495,0.0556,0.01222,0.01285,-0.00188,-0.02329,-0.06,0.0429,-0.01379,0.01563,-0.01834,-0.01197,-0.06403,-0.03051,0.04919,0.02313,0.0725,-0.00273,0.00887,0.08645,-0.03548,0.03739,-0.06542,0.01761,-0.01329,-0.0758,0.03254,-0.02947,-0.00417,0.05187,-0.03075,-0.01506,0.01712,0.03611,0.10088,-0.11994,-0.01479,-0.06548,-0.07239,-0.07496,0,-0.08547,0.04949,-0.03887,0.00324,0.04729,-0.01936,0.05468,0.03899,0.06648,-0.02992,-0.0252,0.00943,-0.04623,0.03141,0.10002,-0.06986,0.07349,0.01022,0.01163,-0.06373,0.05276,-0.01081,0.0575,0.09798,0.02265,-0.07233,-0.0132,0.00888,-0.04302,0.06394,-0.03698,0.04924,0.1018,0.03834,0.00109,0.00897,-0.02369,0.02512,-0.04373,0.02235,0.08066,0.05551,-0.03123,-0.0356,-0.00936,0.07148,-0.01333,0.00602,0.05187,0.04143,0.00709,-0.02959,-0.02199,-0.03848,0.00452,0.01123,0.025,-0.05964,0.02367,-0.01449,-0.07431,0.04114,0.07017,-0.07166],"keywords":"Angular Workflow Builder Example – Insert a Node into a Connection Angular Workflow Builder Example – Insert a Node into a Connection Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines. Assign Node to Connection on Drop","excerpt":"Assign Node to Connection on Drop"},{"chunkId":"/examples/assign-node-to-connection-on-drop#1","slug":"assign-node-to-connection-on-drop","route":"/examples/assign-node-to-connection-on-drop","section":"examples","title":"Angular Workflow Builder Example – Insert a Node into a Connection","description":"Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines.","group":"Connections - Editing","vector":[-0.12888,-0.01063,0.00274,0.07708,0.01531,0.00339,-0.05901,-0.04731,0.05326,0.04118,-0.08159,0.02004,-0.02882,0.00847,0.05753,0.06526,-0.03807,-0.02128,-0.01029,-0.08571,-0.00915,-0.06549,-0.04834,-0.02796,0.08684,-0.01624,0.01646,-0.01738,0.09686,-0.01715,0.00379,0.02123,-0.08053,0.06617,-0.10808,0.10842,0.03472,0.09189,0.00459,-0.03205,0.10009,0.02315,0.00329,-0.06495,-0.05513,0.00513,-0.10475,0.00851,-0.08129,0.04074,-0.07222,-0.08909,-0.04039,0.03508,0.03298,0.0486,0.05387,-0.05337,-0.03685,0.00191,0.09853,-0.01833,0.00395,-0.01315,0.03899,0.04698,-0.01331,0.00758,0.00869,0.03985,0.05582,-0.05363,-0.07809,0.00243,-0.06619,0.00797,-0.05231,0.04213,-0.07461,0.03077,0.06808,0.04662,-0.06595,0.04952,-0.01189,0.1119,0.00665,-0.11418,0.02756,-0.05661,-0.03611,0.0375,0.01252,-0.01249,0.0893,-0.0059,-0.02194,-0.01193,-0.06881,0.03506,0.00564,-0.04894,0.00186,-0.001,-0.0148,-0.02926,-0.01089,-0.03142,-0.03741,0.04194,0.00063,0.0418,0.01113,-0.02388,-0.07478,0.01135,-0.03113,-0.00655,-0.04981,0.10204,-0.01562,0.03758,-0.01645,-0.02764,0.04557,-0.08069,-0.01686,0,0.05617,0.00332,-0.03123,-0.01934,0.15964,-0.01426,-0.0532,-0.0836,0.02173,0.02761,-0.03932,-0.02148,-0.00414,0.08847,-0.04313,-0.11777,0.04143,0.02875,0.00877,0.04668,-0.02404,-0.09111,-0.06668,0.06122,0.0514,0.06462,-0.01915,0.01637,0.05294,0.01336,-0.00899,0.01927,0.00107,0.00738,-0.0423,0.00647,-0.06701,-0.055,0.04623,-0.03859,0.03076,-0.01099,-0.09148,0.08161,-0.04344,-0.03827,-0.02395,0.03211,0.03906,-0.02175,0.03034,0.03132,0.07692,-0.0302,0.01262,-0.06258,0.00692,0.04953,0.03564,0.07768,-0.01438,0.00978,-0.06297,0.08391,0.06767,-0.00129,-0.05831,-0.00159,0.07107,-0.0815,-0.07949,0.08978,-0.07708,0.00465,0.00468,-0.07,-0.08653,-0.02535,0.09448,-0.01547,-0.02279,-0.09177,-0.00456,-0.01216,0.08872,-0.03962,-0.0262,-0.05082,-0.10975,-0.03912,0.07923,0.05255,0.0796,0.05639,0.16433,0,-0.00323,0.05687,0.04738,0.08964,0.05088,-0.00196,0.06247,-0.03806,0.03861,0.09392,0.0022,0.07728,-0.04059,0.054,-0.01001,-0.0237,-0.02508,-0.11208,0.00118,-0.02034,0.10515,-0.00636,-0.00734,-0.04567,-0.01538,0.04722,0.02092,-0.01813,-0.02887,-0.02637,-0.02587,-0.0175,-0.00788,-0.0434,0.02712,0.03719,0.04163,0.08424,0.00647,-0.03337,-0.02477,0.02706,-0.00005,0.02124,-0.03929,0.02558,-0.01051,0.06154,-0.12724,-0.01067,-0.07029,0.07566,-0.05262,-0.01412,-0.00428,-0.00221,0.06541,-0.00844,0.01245,-0.01872,-0.02274,-0.01106,0.0315,-0.01339,0.02272,-0.02605,-0.01785,-0.06405,-0.00759,0.02965,0.03088,0.04495,-0.02591,-0.02265,0.09922,-0.07361,0.1017,-0.09822,0.01902,-0.02474,-0.06415,0.0052,-0.00129,-0.01542,-0.0036,0.02575,-0.07232,0.0074,0.03503,0.10624,-0.11829,-0.00554,-0.05562,-0.0409,-0.0648,0,-0.08503,0.04343,-0.02093,-0.00896,0.0612,-0.04243,0.04327,0.07248,0.06167,-0.06437,0.01223,0.02879,-0.03785,0.0264,0.08556,-0.04622,0.02302,0.00453,-0.03228,-0.03805,0.03087,-0.018,0.02554,0.08832,-0.00898,-0.05571,0.01001,0.0277,-0.02757,0.04825,-0.01686,0.0459,0.09761,0.08009,-0.04846,0.03925,-0.01702,0.01487,-0.02099,0.0167,0.05405,0.04857,-0.02965,-0.00633,-0.0479,0.06178,-0.00625,-0.04738,0.00923,0.04351,-0.0121,-0.03959,-0.03206,0.00452,0.02152,-0.01446,0.01684,-0.05396,0.06545,0.01827,-0.02692,0.0228,0.0574,-0.0566],"keywords":"Angular Workflow Builder Example – Insert a Node into a Connection Angular Workflow Builder Example – Insert a Node into a Connection Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines. Description This example shows how to drop a node onto an existing connection and insert that node into the graph. Instead of forcing users to delete an edge and reconnect everything by hand, the editor treats the connection itself as a valid drop target. That pattern is useful in workflow builders, AI pipeline editors, ETL tools, and internal low-code products where users frequently add a new step between two already connected nodes. The important part is not just the visual effect. A good implementation updates the graph structure, preserves a predictable drag-and-drop flow, and makes \"insert between steps\" feel like a first-class action.","excerpt":"Description This example shows how to drop a node onto an existing connection and insert that node into the graph. Instead of forcing users to delete an edge and reconnect everything by hand, the editor treats the connection itself as a valid drop target. That pattern is useful in workflow builders, AI pipeline editors, ETL tools, and internal low-code products where users frequently add a new step between two already connected nodes. The important part is not just the visual effect. A good implementation updates the graph structure, preserves a predictable drag-and-drop flow, and makes \"insert between steps\" feel like a first-class action."},{"chunkId":"/examples/assign-node-to-connection-on-drop#2","slug":"assign-node-to-connection-on-drop","route":"/examples/assign-node-to-connection-on-drop","section":"examples","title":"Angular Workflow Builder Example – Insert a Node into a Connection","description":"Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines.","group":"Connections - Editing","vector":[-0.11764,-0.01179,-0.08412,0.08717,0.02626,0.02052,-0.00284,-0.02041,-0.00685,0.0374,-0.07748,-0.00566,-0.0054,0.03219,0.0468,0.06016,-0.0392,0.00465,-0.00526,-0.08264,-0.00145,-0.04924,-0.04161,-0.03103,0.06806,-0.02758,-0.0073,-0.04659,0.09735,0.03282,0.03418,0.06703,-0.04604,0.06525,-0.04447,0.1132,0.01884,0.06184,0.002,-0.02177,0.14576,0.03377,0.01586,-0.10362,-0.00363,-0.02891,-0.10666,0.01081,-0.07667,-0.00778,-0.06435,-0.07859,-0.05829,0.05988,0.01711,0.02531,0.01801,-0.07428,0.02104,0.03552,0.05748,-0.06767,0.01302,-0.0255,0.01764,0.0483,-0.065,0.04219,-0.04569,0.05607,0.03566,-0.00296,-0.10128,-0.00104,-0.00538,-0.01464,-0.04031,0.04674,-0.06064,-0.00408,0.02384,0.03832,-0.03246,0.04512,-0.06391,0.11592,0.00979,-0.06271,0.04598,-0.04915,-0.07156,0.02863,-0.03678,-0.00515,0.09714,0.01663,-0.04903,0.0012,-0.0554,0.05765,-0.02612,-0.06455,0.00303,0.00663,-0.02127,-0.00385,-0.03711,-0.01877,-0.01781,0.02854,-0.01078,0.07613,0.01212,-0.05569,-0.05448,-0.03173,0.04416,-0.03339,0.01367,0.13516,-0.00234,0.04881,-0.05876,-0.01823,0.0256,-0.05645,0.00152,0,0.04134,-0.02914,-0.01186,0.03047,0.15213,-0.02549,-0.0376,-0.08616,-0.01523,0.07504,-0.08906,0.00067,-0.01898,-0.00751,-0.04989,-0.10962,0.04507,0.02164,0.01333,0.04993,0.01662,-0.10801,-0.08408,0.07946,0.11885,0.00055,-0.04723,-0.00111,0.05407,-0.00982,0.04319,0.02074,0.03353,0.00286,-0.0316,-0.01863,-0.04892,-0.00138,-0.01765,-0.03659,0.08657,-0.01612,-0.06552,0.09212,-0.0334,-0.04972,-0.02345,-0.02184,0.11094,-0.02094,-0.00989,0.03053,0.0344,-0.07137,0.03079,-0.04533,-0.04257,0.07208,0.01846,0.07752,-0.03731,-0.00802,-0.05864,0.03951,0.1042,0.00768,-0.0456,-0.01524,0.06885,-0.09417,-0.08543,0.10428,-0.07308,0.03281,-0.02064,-0.05105,-0.05428,0.00203,0.02389,-0.01277,-0.0521,-0.05262,-0.02575,0.03114,0.08517,-0.06141,-0.04163,-0.05569,-0.05691,-0.06537,0.06096,0.01179,0.01887,-0.03061,0.08667,0,-0.01109,0.03403,0.00315,0.10169,0.0676,-0.02709,0.08418,-0.03047,0.04882,0.12194,0.00101,0.06561,-0.00206,-0.01345,0.00354,-0.0228,-0.09313,-0.08567,0.05055,0.02154,0.05673,0.04504,0.00142,-0.04371,0.00399,0.0571,0.00136,0.02727,-0.03481,-0.02348,-0.0503,-0.00898,-0.0806,0.00475,-0.00589,-0.00079,0.02231,0.14168,0.03945,-0.02362,0.05111,0.04654,-0.0498,0.02939,-0.04047,-0.00618,0.04613,0.02716,-0.08414,-0.02394,-0.09052,0.01849,-0.04474,0.04423,-0.02029,-0.00685,0.07698,0.0009,-0.02051,-0.02157,0.04073,-0.08242,0.02118,0.01279,0.04258,-0.02204,-0.06049,-0.03898,-0.00864,0.01861,-0.00529,0.05203,0.03426,-0.00113,0.06586,-0.03186,0.04776,-0.05722,0.0333,0.01533,-0.1035,0.06077,-0.05504,0.01743,0.0661,0.00622,-0.06949,0.04952,0.06323,0.076,-0.12309,-0.03456,-0.01565,-0.05127,-0.09433,0,-0.07383,0.03129,-0.08411,-0.03402,0.04145,-0.01759,0.03523,0.02403,0.02405,-0.02327,-0.04343,0.02445,-0.00082,0.00641,0.10478,-0.06249,0.0584,-0.02043,-0.02966,-0.03292,0.03522,-0.00038,0.02569,0.11713,0.00667,-0.07844,-0.01956,0.01741,-0.02796,0.05936,-0.0253,0.01701,0.05385,0.02063,-0.02177,0.00025,-0.06842,-0.00841,-0.01952,0.0514,0.0693,0.00787,-0.02069,-0.00631,-0.0108,0.07665,-0.02556,-0.0093,0.03835,0.03474,-0.04788,-0.01839,-0.04443,-0.00431,0.02525,-0.02973,0.03185,-0.04704,0.04989,0.00001,-0.05927,0.05329,0.03982,-0.04219],"keywords":"Angular Workflow Builder Example – Insert a Node into a Connection Angular Workflow Builder Example – Insert a Node into a Connection Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines. Example ::: ng-component <assign-node-to-connection-on-drop</assign-node-to-connection-on-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.scss :::","excerpt":"Example ::: ng-component <assign-node-to-connection-on-drop</assign-node-to-connection-on-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.scss :::"},{"chunkId":"/examples/assign-node-to-connection-on-drop#3","slug":"assign-node-to-connection-on-drop","route":"/examples/assign-node-to-connection-on-drop","section":"examples","title":"Angular Workflow Builder Example – Insert a Node into a Connection","description":"Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines.","group":"Connections - Editing","vector":[-0.0867,-0.00178,0.00647,0.06834,-0.00096,-0.03792,-0.07594,-0.03065,-0.01413,0.0464,-0.08645,0.02204,-0.01844,0.0085,0.08917,0.04772,-0.00681,0.01857,-0.03459,-0.11597,-0.03128,-0.02108,-0.05666,-0.04355,0.04747,-0.02609,-0.00895,0.00263,0.10144,-0.03079,-0.00448,0.04168,-0.03918,0.06071,-0.09958,0.10723,0.02901,0.06998,0.03353,-0.03929,0.05803,0.0175,-0.01647,-0.0641,-0.01991,-0.07159,-0.08302,-0.0178,-0.07846,0.03806,-0.06306,-0.1174,-0.07299,0.02154,0.02272,0.04055,0.04631,-0.03452,0.02392,0.02363,0.06586,-0.02437,0.04061,0.02155,0.05102,0.02854,0.00006,0.06086,0.00313,0.01434,0.04638,-0.032,-0.10539,-0.00062,-0.00693,-0.00558,-0.04412,0.02294,-0.04445,0.02138,0.02899,0.05805,-0.06074,0.08157,-0.00477,0.10784,0.00911,-0.05699,0.05227,-0.06086,-0.02239,0.00797,0.00578,-0.00448,0.08585,-0.0123,-0.00357,-0.05873,-0.08393,0.05691,0.01141,-0.08375,0.02241,-0.03615,-0.04341,-0.01037,-0.01891,-0.00159,-0.0224,0.01211,0.00681,0.01429,0.01613,-0.04262,-0.0727,-0.04317,-0.05076,-0.04046,-0.04295,0.14681,-0.01973,0.04673,-0.02185,-0.03011,0.03829,-0.04874,-0.02302,0,0.03649,0.02157,-0.0172,0.02227,0.17752,0.00036,-0.03895,-0.07386,-0.01181,0.02557,0.01538,0.039,-0.03243,0.06012,-0.02366,-0.10571,0.02175,0.05125,-0.0055,0.07175,-0.03012,-0.10193,-0.06817,0.06711,0.05546,0.05963,0.01228,0.04125,0.06837,0.00757,-0.01449,0.02473,0.01034,0.0524,-0.05784,0.03842,-0.03649,-0.08035,0.02126,-0.03412,0.0272,-0.01651,-0.07649,0.07772,-0.02574,-0.02322,-0.05276,-0.01121,0.09242,0.00071,0.01386,0.07447,0.05038,-0.02658,0.00295,-0.06633,0.00363,0.05949,0.06532,0.10668,-0.02417,-0.0158,-0.11321,0.08657,0.05521,-0.00899,-0.05703,-0.04155,0.12533,-0.08611,-0.10365,0.05124,-0.04753,0.09382,-0.00702,-0.0823,-0.08808,0.00447,0.0594,-0.04227,-0.06255,-0.03808,-0.02501,-0.01362,0.09474,-0.06625,-0.0345,-0.0229,-0.06701,-0.04217,0.04666,0.04913,0.06302,0.0402,0.13648,0,-0.06333,0.02305,0.00946,0.12262,0.05103,-0.04648,0.04466,-0.04689,0.04362,0.06502,0.02816,0.06089,-0.00542,-0.01263,-0.04896,-0.06125,-0.049,-0.10695,-0.00248,-0.00124,0.07775,-0.01284,0.02018,-0.02585,-0.04025,0.08771,0.0119,-0.01493,0.03294,-0.02505,-0.01815,-0.02557,-0.06281,-0.0046,0.04006,-0.00966,0.05576,0.06922,0.01003,-0.03628,0.0047,0.03007,-0.00076,0.04579,-0.03355,0.0499,-0.00829,0.04301,-0.09707,-0.05588,-0.04227,0.06872,-0.01449,-0.03361,0.00427,-0.01127,0.06098,-0.00349,0.02603,0.01004,-0.06422,0.00781,0.08003,0.00519,-0.00802,-0.03257,-0.01571,-0.08655,-0.01787,0.04747,0.02542,0.02849,-0.03707,-0.00193,0.12018,-0.07429,0.06518,-0.11805,0.01205,-0.03596,-0.08166,0.0132,-0.01915,-0.01334,0.03151,-0.01059,-0.06352,0.01829,0.0544,0.06218,-0.1361,0.00133,-0.04356,-0.04217,-0.06253,0,-0.06321,0.05131,-0.03038,-0.01477,0.03686,-0.02496,0.05284,0.05394,0.04979,-0.02694,0.01594,0.0038,-0.0523,0.00959,0.09224,-0.02149,0.04695,0.06408,-0.03475,-0.07748,-0.01085,0.02933,0.02579,0.07152,-0.01397,-0.0215,0.00378,0.03848,-0.05328,0.05109,-0.02361,0.03169,0.10828,0.08033,-0.03615,-0.02657,-0.02746,0.02464,-0.00177,0.0087,0.03847,0.03857,-0.00116,-0.02571,-0.05665,0.01848,-0.03281,-0.02201,0.00061,0.00118,-0.00684,-0.03501,-0.05032,-0.03384,0.01036,0.0238,0.03463,-0.03833,0.01515,0.01733,-0.01607,0.03506,0.07459,-0.05631],"keywords":"Angular Workflow Builder Example – Insert a Node into a Connection Angular Workflow Builder Example – Insert a Node into a Connection Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines. When to use it - Insert approval, transform, or retry steps into an existing chain. - Let users enrich a workflow without rebuilding the entire edge path. - Support palette-driven editing in denser diagrams. This example focuses on edge hit-testing during drop, connection reassignment, and a smoother editing UX for real node-based interfaces.","excerpt":"When to use it - Insert approval, transform, or retry steps into an existing chain. - Let users enrich a workflow without rebuilding the entire edge path. - Support palette-driven editing in denser diagrams. This example focuses on edge hit-testing during drop, connection reassignment, and a smoother editing UX for real node-based interfaces."},{"chunkId":"/examples/assign-node-to-connection-on-drop#4","slug":"assign-node-to-connection-on-drop","route":"/examples/assign-node-to-connection-on-drop","section":"examples","title":"Angular Workflow Builder Example – Insert a Node into a Connection","description":"Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines.","group":"Connections - Editing","vector":[-0.0982,-0.02312,-0.06809,0.05066,-0.00351,-0.00296,-0.01757,-0.0153,0.01912,0.0632,-0.06144,-0.0063,-0.00686,0.03666,0.07552,0.04445,-0.05466,-0.02512,-0.02143,-0.11233,-0.03694,-0.07832,-0.10201,-0.04433,0.09925,-0.01775,0.01557,-0.03365,0.11376,0.02588,0.00415,0.00261,-0.04271,0.04968,-0.0853,0.11349,0.0231,0.07768,0.02692,-0.01896,0.12293,-0.0023,0.00923,-0.06142,-0.04659,-0.0155,-0.11929,0.02938,-0.0611,0.02059,-0.08886,-0.09412,-0.04068,0.04781,0.01686,0.04887,0.04146,-0.04404,-0.0401,0.01279,0.09974,-0.03212,0.02096,-0.01958,0.01311,0.02616,-0.04292,0.06212,-0.00694,-0.00056,0.0598,-0.02478,-0.09626,0.02451,-0.04431,-0.03374,-0.02327,0.0469,-0.04946,0.06159,0.04767,0.08179,-0.04795,0.0395,-0.03852,0.11252,-0.01313,-0.05091,0.00062,-0.06203,-0.04591,0.04182,-0.01597,-0.00676,0.09438,-0.01154,-0.00498,-0.01606,-0.06321,0.01868,-0.01702,-0.05732,-0.04843,0.00595,-0.02348,-0.02111,-0.07193,-0.06555,-0.01243,0.05555,-0.01304,0.05791,0.00819,-0.04028,-0.07512,-0.01805,-0.02738,-0.01988,-0.03425,0.13806,-0.04089,0.06239,-0.0461,-0.02301,0.03467,-0.04977,-0.00799,0,0.03629,-0.01255,-0.01796,0.00105,0.14513,-0.00356,-0.04633,-0.07978,0.03885,0.00723,-0.06746,-0.00761,-0.0123,0.04453,-0.02609,-0.12462,0.05121,0.00448,0.045,0.04139,-0.01946,-0.1033,-0.04724,0.10117,0.10609,0.03814,-0.00233,-0.00628,0.08703,0.00728,0.00666,0.00624,-0.002,0.03401,-0.05449,-0.00563,-0.07578,-0.03457,0.04362,-0.03879,0.05931,-0.03365,-0.09039,0.08137,-0.04176,-0.0305,-0.00848,-0.02624,0.11003,-0.02996,-0.00756,0.00884,0.08002,-0.04277,0.03376,-0.03408,-0.00839,0.0613,0.04028,0.06766,-0.0376,-0.01018,-0.0553,0.0698,0.08327,-0.02356,-0.06603,-0.02436,0.09474,-0.0679,-0.05564,0.06947,-0.06116,0.04676,-0.02221,-0.04339,-0.07358,-0.02211,0.01566,-0.01047,-0.07576,-0.06504,0.01076,0.00773,0.12103,-0.04174,-0.05454,-0.02121,-0.04912,-0.06067,0.04044,0.02707,0.05778,0.02646,0.12089,0,-0.05252,0.02505,0.03172,0.0938,0.0789,-0.02112,0.03729,-0.05098,0.01332,0.12109,-0.01418,0.06893,0.00279,0.00641,-0.02156,-0.02403,-0.06792,-0.08397,0.01259,0.00327,0.05863,-0.0357,0.0161,-0.06898,0.00239,0.02263,0.0428,-0.02447,-0.02476,-0.02046,-0.05294,-0.0071,-0.03066,-0.00043,0.02435,0.00213,0.06651,0.06698,0.0278,-0.07277,-0.02733,0.03152,-0.00052,0.02147,-0.04695,0.01819,-0.01163,0.05319,-0.07863,-0.00159,-0.07399,0.06466,-0.02991,0.01786,-0.02171,-0.00252,0.06731,0.02663,0.00198,-0.00818,-0.03093,-0.0487,0.03387,-0.01542,0.01831,-0.01779,-0.02492,-0.0678,-0.02961,0.04739,0.00248,0.08213,-0.02212,0.01248,0.08881,-0.03675,0.05514,-0.06011,0.02951,-0.02743,-0.0702,0.03113,-0.01799,-0.01324,0.04431,0.00509,-0.02415,0.00379,0.04441,0.10259,-0.12905,-0.00701,-0.04313,-0.05187,-0.07175,0,-0.05976,0.04254,-0.02836,-0.01933,0.03829,-0.00471,0.04656,0.04143,0.06213,-0.02447,-0.03054,0.01726,-0.04464,0.03218,0.09445,-0.04168,0.08031,0.02722,0.01,-0.09586,0.06852,-0.00965,0.0692,0.10506,0.01587,-0.06889,-0.02531,-0.00012,-0.0348,0.03744,-0.04342,0.04863,0.10696,0.02145,0.00131,0.00532,-0.03334,0.00406,-0.0327,0.0046,0.08746,0.05352,-0.02761,-0.03364,-0.0179,0.07327,-0.02158,-0.01491,0.03923,0.04236,0.01386,-0.0247,-0.02841,-0.02547,0.0212,0.03084,0.01474,-0.05677,0.05521,-0.02035,-0.05284,0.05076,0.07204,-0.06359],"keywords":"Angular Workflow Builder Example – Insert a Node into a Connection Angular Workflow Builder Example – Insert a Node into a Connection Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines. Related docs - Connection Component - Drag and Drop - Event System - Create Node on Connection Drop","excerpt":"Related docs - Connection Component - Drag and Drop - Event System - Create Node on Connection Drop"},{"chunkId":"/examples/auto-snap#0","slug":"auto-snap","route":"/examples/auto-snap","section":"examples","title":"Auto Snap","description":"Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example.","group":"Connections - Editing","vector":[-0.08653,-0.05087,-0.06466,-0.01251,-0.01247,-0.01423,-0.01275,0.01096,-0.03152,0.01946,0.0592,0.09354,-0.03012,-0.04732,-0.04962,0.02775,-0.02759,-0.08438,0.0246,0.01418,-0.05406,-0.08505,-0.0464,-0.01348,0.00074,-0.01687,0.04596,-0.04802,-0.00595,-0.05801,-0.00813,0.07929,-0.09071,0.04375,-0.09161,0.01934,0.0146,0.02876,-0.05941,-0.02086,0.09061,-0.08226,0.05625,-0.03274,-0.01446,0.04161,-0.0717,0.03397,0.01399,-0.00107,-0.11188,-0.037,-0.06329,0.02236,0.00343,0.0287,0.04437,-0.00817,0.03352,0.04534,0.13596,-0.03523,-0.0286,0.06742,0.05268,-0.00216,0.04173,-0.00344,-0.02124,-0.01445,-0.003,-0.04376,-0.06552,0.02334,0.09545,-0.02781,-0.04686,-0.01803,-0.06048,0.0314,-0.08885,0.06665,-0.05087,0.05152,-0.0227,0.08513,-0.03011,-0.05407,0.01889,-0.02607,-0.051,-0.07877,-0.05359,0.02723,0.00261,-0.05438,0.05772,-0.0587,-0.11088,0.02141,0.07693,0.00181,-0.00218,-0.03039,-0.01595,-0.02888,-0.04157,-0.05982,0.00509,-0.02518,-0.05032,0.05894,-0.09121,-0.12617,-0.13561,-0.05865,0.01408,0.00708,0.08556,-0.03072,-0.03109,0.07409,-0.02406,0.00925,0.0523,0.02144,-0.03757,0,-0.03165,0.02443,-0.03155,0.01281,-0.02831,-0.03118,-0.03012,-0.01326,0.05111,0.09607,-0.0169,0.08403,0.04253,0.00559,0.01268,-0.14019,-0.02659,-0.0035,-0.03096,0.00374,-0.02624,-0.03113,0.02409,0.00523,0.05898,0.01418,-0.02001,0.06403,-0.00707,0.04241,0.02694,0.03666,0.03096,0.05314,-0.01807,0.01086,-0.07114,-0.0894,-0.00018,0.00914,0.00488,-0.05207,-0.07369,-0.033,-0.00204,-0.05375,-0.0088,0.00349,-0.01574,-0.03112,0.07765,-0.02722,-0.00883,0.01874,0.00839,-0.03225,-0.00483,0.03558,-0.00225,0.1446,-0.03919,-0.0947,-0.03246,-0.00134,0.03926,0.04486,0.07901,-0.00458,0.11808,0.01871,-0.08958,0.05234,0.00505,0.02526,-0.05321,0.0062,-0.07792,-0.00825,0.09894,0.01702,-0.02845,0.0155,0.07518,0.00932,-0.00341,-0.0623,-0.03601,-0.09862,-0.08286,-0.00268,-0.03584,0.08033,0.05521,0.02273,0.03515,0,-0.03862,-0.03775,-0.03001,0.10049,-0.01631,0.01027,0.04401,-0.00459,-0.03442,0.00999,0.02077,0.02818,0.05723,0.02903,0.00022,0.04709,0.03332,-0.1217,-0.02294,0.08784,0.05439,-0.04981,0.11517,-0.0162,0.04288,0.00769,0.01956,-0.03766,-0.0041,0.01098,0.03445,0.0036,0.0179,-0.01456,0.003,0.04909,-0.00697,0.13848,0.04905,-0.04257,0.04029,0.01968,0.01161,0.00026,-0.08658,-0.00624,-0.07664,0.08385,-0.18291,0.04728,-0.10167,0.03006,0.05054,0.01694,-0.03075,0.06405,-0.00691,0.01536,0.04106,0.02581,0.07181,-0.10793,-0.00783,-0.00628,0.01625,0.0523,0.01104,-0.02762,-0.06524,0.05796,0.10786,0.06441,0.04457,-0.05819,-0.03838,-0.05042,0.06447,-0.11917,0.0174,-0.05658,-0.02886,0.06304,-0.04681,0.02746,-0.07481,0.02943,-0.00394,0.01987,0.05553,0.02436,-0.04529,0.00725,-0.00291,-0.01662,-0.03125,0,-0.03214,0.02056,-0.00338,0.00177,0.02911,0.00509,0.01119,0.06572,0.00529,-0.00035,0.01135,0.04986,-0.0348,0.03027,0.08542,-0.01815,-0.01603,0.02089,-0.03014,0.00794,0.01527,0.00313,0.07046,0.06215,0.02475,-0.01771,-0.01764,0.09658,0.05551,0.00812,-0.06781,-0.0209,0.03115,-0.01677,-0.09871,0.16136,-0.04427,0.0056,0.01935,-0.001,0.03037,0.03136,-0.04329,0.00094,-0.09588,0.03713,0.00148,0.01873,0.02043,-0.00038,-0.03489,0.01748,0.02428,-0.06043,-0.00214,0.02837,-0.00924,-0.07968,0.06457,0.04537,-0.08245,0.0702,-0.05084,0.05652],"keywords":"Auto Snap Auto Snap Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example. --- toc: false wideContent: true --- Auto Snap wide Content","excerpt":"--- toc: false wideContent: true --- Auto Snap"},{"chunkId":"/examples/auto-snap#1","slug":"auto-snap","route":"/examples/auto-snap","section":"examples","title":"Auto Snap","description":"Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example.","group":"Connections - Editing","vector":[-0.0653,-0.03458,-0.00536,-0.00166,-0.01717,0.02294,0.01418,0.06836,0.06509,-0.00057,0.00231,0.06097,-0.03984,0.04655,-0.02976,0.00414,-0.04309,-0.0991,-0.00312,0.01722,-0.07482,-0.15302,-0.03276,-0.034,0.03966,-0.0319,0.03008,-0.01141,0.01434,-0.01601,-0.08468,0.02055,-0.06353,0.04911,-0.05109,0.01495,0.01454,0.08333,-0.09323,-0.05467,0.03544,-0.05633,0.05422,-0.02616,0.01376,0.01259,-0.0458,0.02992,-0.00631,0.07593,-0.13665,-0.00262,-0.01859,-0.00598,0.01483,0.0616,0.06559,-0.05337,0.0083,0.07861,0.05896,-0.01914,-0.0037,0.02035,0.02594,0.04292,0.08504,0.04195,0.01136,0.03874,0.00845,-0.01764,-0.09066,-0.02915,0.05104,-0.02882,-0.11017,-0.0025,-0.06685,0.02416,-0.00979,0.04084,-0.04391,0.12381,-0.03268,0.09277,0.0333,-0.10028,-0.00027,-0.00207,-0.00227,-0.01695,-0.07297,0.01525,0.02466,-0.03134,0.0502,-0.06242,-0.11867,0.01231,0.04874,-0.00886,0.02588,-0.04723,0.05271,-0.03787,-0.03311,-0.05622,-0.04926,0.02949,-0.04113,0.02691,-0.01266,-0.045,-0.10357,-0.0014,0.00297,-0.05664,0.08033,0.0249,-0.02046,0.11489,-0.04772,-0.00031,0.05211,-0.01781,-0.06503,0,0.0309,0.00668,-0.02257,0.00436,-0.00559,-0.06514,-0.06704,-0.04667,-0.00004,0.01681,-0.03282,-0.01535,-0.00523,0.02334,-0.05317,-0.08908,0.01678,-0.01255,-0.05708,0.02597,-0.03657,-0.12351,-0.0148,0.01973,0.04656,0.1323,-0.03271,0.10616,0.01339,0.03102,-0.07228,-0.04029,0.0179,-0.02705,-0.04431,-0.03294,-0.04549,-0.07638,0.03041,0.00813,-0.00376,-0.01451,-0.03341,-0.01221,0.02291,-0.01767,-0.00608,0.07702,-0.01536,-0.03515,0.07286,0.04318,0.05852,0.03092,-0.01608,-0.09728,-0.00231,-0.0107,-0.01859,0.09231,-0.02767,-0.0071,-0.07432,0.00396,0.07736,0.06602,0.0229,0.06168,0.07782,-0.06862,-0.1134,0.03344,-0.04693,-0.02636,-0.04326,0.02688,-0.04228,-0.01066,0.1397,-0.00353,0.00808,-0.07129,0.0641,-0.0246,0.03737,-0.0975,0.04251,-0.0963,-0.10239,-0.0138,0.03737,0.0449,0.06971,0.04006,0.07617,0,-0.01876,-0.02475,0.03779,0.09871,-0.01095,0.00908,0.03816,-0.0334,0.03585,-0.00603,0.00331,0.04647,-0.00612,0.02566,0.0335,0.05109,-0.00801,-0.09931,0.01928,0.045,0.08171,-0.04649,0.07443,-0.01273,-0.00178,0.01246,0.05734,-0.06475,-0.0386,-0.01202,0.04792,0.00374,-0.01563,-0.02129,0.0525,-0.00301,0.00596,0.09434,0.06253,-0.00013,0.0551,0.03567,-0.01239,0.02057,-0.0512,0.06987,-0.08338,0.03286,-0.16775,0.03172,-0.08992,0.06324,0.03343,-0.07509,-0.04529,0.03595,0.05122,0.0036,-0.0058,0.01615,0.00615,-0.10529,0.02579,-0.03683,0.03437,0.00196,-0.01528,-0.01807,-0.05251,0.04144,0.09737,0.07056,0.05222,-0.07205,0.01905,-0.02118,0.07137,-0.06283,0.07237,-0.00208,-0.03211,0.08837,-0.00611,0.01613,-0.09128,0.04921,-0.06346,0.04696,0.04724,0.03095,-0.04319,0.02865,0.0202,0.02462,-0.0843,0,-0.04215,0.04921,-0.01539,0.01154,0.06415,0.0317,-0.02171,0.07177,-0.012,0.01524,0.02714,0.04399,-0.0576,0.03031,0.06996,-0.01235,0.03485,0.03378,-0.05595,-0.0189,0.04049,0.01629,0.05665,0.08184,-0.03968,-0.06736,-0.00182,0.06026,-0.01008,-0.00594,-0.05714,-0.02297,0.04282,0.06862,-0.07792,0.10466,-0.02881,-0.00727,0.00898,0.00314,0.05279,-0.0054,-0.04886,-0.02033,-0.05212,0.05344,0.08504,-0.01195,-0.01596,0.04284,-0.0772,0.00192,0.03264,-0.03011,-0.02364,0.01346,0.00371,-0.00632,0.08632,0.00659,-0.10494,0.07522,-0.01195,0.02898],"keywords":"Auto Snap Auto Snap Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example. Description This guide explains how to automatically snap connections when they are dropped near a connector, offering a comprehensive solution for building interactive flow-based diagrams. To implement this functionality, you need to add the <f-snap-connection component inside the <f-canvas. This component handles temporary connection display and snapping to the nearest connector when the threshold is reached. Auto snap reduces friction during edge creation, especially in dense editors where users expect the nearest valid connector to “catch” the pointer before a perfect drop. It is a small feature, but it often makes the editor feel significantly more polished. It also reduces failed connection attempts and makes touchpad or high-zoom interactions less frustrating for end users. That makes it especially useful in production editors where connection creation is a frequent action.","excerpt":"Description This guide explains how to automatically snap connections when they are dropped near a connector, offering a comprehensive solution for building interactive flow-based diagrams. To implement this functionality, you need to add the <f-snap-connection component inside the <f-canvas. This component handles temporary connection display and snapping to the nearest connector when the threshold is reached. Auto snap reduces friction during edge creation, especially in dense editors where users expect the nearest valid connector to “catch” the pointer before a perfect drop. It is a small feature, but it often makes the editor feel significantly more polished. It also reduces failed connection attempts and makes touchpad or high-zoom interactions less frustrating for end users. That makes it especially useful in production editors where connection creation is a frequent action."},{"chunkId":"/examples/auto-snap#2","slug":"auto-snap","route":"/examples/auto-snap","section":"examples","title":"Auto Snap","description":"Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example.","group":"Connections - Editing","vector":[-0.07704,0.01,-0.1024,-0.01591,0.00739,0.03228,-0.01825,0.03401,-0.01961,0.04175,-0.01129,0.07021,-0.0297,-0.00088,-0.00742,-0.01058,-0.07915,-0.02993,-0.00278,0.00623,-0.0548,-0.06456,0.00212,-0.00636,0.00291,-0.03673,0.02401,-0.01456,0.03914,-0.01539,0.05736,0.04816,-0.06032,0.06338,-0.0813,0.0669,-0.03107,0.0655,-0.06658,-0.02318,0.12662,-0.0406,0.06044,-0.11211,-0.01896,0.01131,-0.08352,0.05472,-0.03662,-0.02979,-0.11497,-0.04997,-0.08106,0.0736,0.01023,-0.02378,0.01963,-0.07404,0.02382,0.05061,0.07118,-0.08496,-0.00868,0.00638,0.0616,0.02836,-0.03837,0.01508,-0.04224,0.05859,0.03757,-0.03677,-0.07061,-0.02063,0.07,-0.02543,-0.07801,0.03647,-0.06279,0.01601,-0.03496,0.00578,-0.04653,0.04418,-0.03427,0.11259,0.00466,-0.08869,0.02472,-0.05416,-0.04053,0.0055,-0.07231,0.04253,0.01837,-0.00514,-0.00195,-0.01415,-0.10667,0.03339,0.02416,-0.02769,0.02768,0.01907,0.00416,-0.00615,-0.01878,-0.00376,-0.02922,-0.01011,-0.02734,0.09029,-0.01307,-0.09327,-0.09413,-0.06319,0.0334,-0.02709,0.04405,0.04228,-0.00135,0.03932,-0.04053,-0.01056,0.07558,0.03715,-0.00163,0,-0.00176,0.04823,-0.02967,-0.0229,0.00386,-0.03957,-0.037,-0.07961,0.04711,0.12499,-0.07335,0.07224,0.00934,-0.02461,-0.04512,-0.15134,0.00577,-0.00035,-0.0191,0.02625,0.04278,-0.06185,-0.00472,0.00977,0.09719,-0.0125,-0.01761,0.05732,-0.03497,0.02742,0.06298,0.05364,0.0284,-0.02942,0.00764,-0.02982,-0.01616,-0.04229,-0.05866,-0.01372,0.09601,-0.02661,-0.08429,0.04244,-0.01353,-0.0557,-0.01315,-0.00394,0.05776,0.01822,0.06685,0.00143,0.00281,0.00113,0.02326,-0.04313,-0.02829,0.0317,-0.0221,0.11452,-0.04748,-0.07996,-0.01761,-0.04101,0.08527,0.00727,0.06154,0.00745,0.11052,-0.02129,-0.07437,0.08335,-0.0222,0.00674,-0.03735,0.00857,-0.01893,0.04483,0.10049,0.01401,0.00057,-0.02466,-0.0158,0.07897,0.03431,-0.09518,-0.0376,-0.11999,-0.07171,-0.09079,-0.01712,0.06023,0.05848,-0.00631,0.01749,0,0.02471,-0.04417,0.00222,0.12733,-0.00311,-0.00057,0.08219,0.05335,0.00786,0.06363,0.01634,0.0373,0.06714,0.00524,0.02727,0.03398,0.02391,-0.1073,0.05983,0.06119,0.04176,0.03497,0.09413,0.00514,0.01305,0.05722,0.05045,-0.01255,-0.03387,-0.03653,0.02846,0.00573,-0.02917,-0.01412,-0.05515,0.0259,-0.00609,0.17493,0.04595,-0.03461,0.09876,0.07799,-0.0061,-0.00282,-0.09709,-0.00627,-0.00683,0.03763,-0.15929,0.02284,-0.09912,0.02629,-0.01524,0.03647,-0.02634,0.01116,0.05811,-0.03219,-0.00702,0.03412,0.07924,-0.08959,-0.0292,-0.02547,0.06589,0.0448,-0.08321,-0.0462,-0.01068,0.07314,0.06138,0.03964,0.05033,-0.02521,0.00856,-0.0031,0.05499,-0.0491,0.0577,-0.02636,-0.03738,0.10197,-0.06436,0.03406,-0.05222,0.06203,-0.06678,-0.04153,0.09866,0.00682,-0.08244,-0.00488,0.00505,-0.04938,0.01268,0,-0.05503,0.02141,-0.01976,0.01846,0.02716,-0.0343,-0.02176,0.01379,-0.00192,0.01209,-0.0193,0.08469,0.02705,-0.01236,0.04186,-0.04314,-0.00266,0.01366,-0.05536,0.02827,-0.00797,0.01947,0.0558,0.08542,-0.00101,-0.07932,-0.02055,0.01774,0.03715,-0.00036,-0.07827,-0.00557,0.0638,-0.01938,-0.07425,0.08579,-0.10788,-0.00702,-0.0201,-0.00215,0.03722,-0.04267,0.00375,-0.02967,-0.11335,0.04915,0.00255,0.01013,0.0305,-0.01996,-0.06693,0.00684,-0.01965,-0.043,0.01132,-0.00666,-0.02632,-0.0355,0.06204,-0.01899,-0.05671,0.05347,-0.04256,0.01719],"keywords":"Auto Snap Auto Snap Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example. Example ::: ng-component <auto-snap</auto-snap [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.scss :::","excerpt":"Example ::: ng-component <auto-snap</auto-snap [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.scss :::"},{"chunkId":"/examples/auto-snap#3","slug":"auto-snap","route":"/examples/auto-snap","section":"examples","title":"Auto Snap","description":"Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example.","group":"Connections - Editing","vector":[-0.09513,-0.03756,-0.0838,-0.00726,-0.0354,0.00038,-0.0371,0.00511,-0.00666,0.0115,0.02963,0.09774,-0.01948,-0.0246,-0.02435,0.03667,-0.05608,-0.09348,0.02707,0.01177,-0.07337,-0.0941,-0.04674,-0.03878,0.0409,-0.04236,0.07886,-0.02559,0.00337,-0.01591,-0.00447,0.0399,-0.08378,0.03553,-0.12542,0.02681,0.00274,0.05481,-0.07163,-0.02359,0.09151,-0.10161,0.05818,-0.0706,-0.03021,0.03873,-0.06906,0.03583,0.00808,-0.01166,-0.14143,-0.05307,-0.07341,0.04299,0.01305,0.04633,0.04062,-0.03641,0.0013,0.02269,0.12833,-0.0482,-0.02186,0.03343,0.05108,0.00081,0.04515,0.03082,-0.02138,-0.03333,-0.00438,-0.04336,-0.06961,-0.00291,0.04559,0.00803,-0.03527,0.00918,-0.05184,0.03547,-0.09164,0.0784,-0.07113,0.05856,-0.01031,0.0914,-0.02119,-0.07173,-0.0032,-0.03878,-0.03964,-0.0349,-0.07153,0.02191,0.00766,-0.01175,0.05279,-0.04112,-0.10115,0.00421,0.04709,0.02043,-0.02649,-0.04108,-0.00398,-0.04297,-0.03217,-0.09087,0.02767,-0.00495,-0.04884,0.05686,-0.08399,-0.09651,-0.11534,-0.02202,0.02083,0.00754,0.07169,0.00848,-0.02407,0.08992,-0.01587,-0.00446,0.05909,0.02706,-0.03571,0,-0.00802,0.0249,-0.02287,-0.02073,-0.00288,-0.05371,-0.04936,-0.0413,0.06246,0.0701,-0.06365,0.09348,0.07038,0.00385,-0.02996,-0.14551,-0.01491,-0.011,-0.01818,0.02121,-0.02309,-0.04442,0.02758,0.0151,0.05952,0.04709,0.00677,0.05567,0.01544,0.02972,0.05498,0.05202,-0.02164,0.01673,-0.01418,-0.01696,-0.04635,-0.07682,-0.01376,0.00194,0.05462,-0.06506,-0.08286,-0.00399,-0.0047,-0.0438,0.01672,-0.00888,0.02921,0.00141,0.04772,-0.03503,-0.02083,0.02769,0.00455,-0.04925,-0.03006,0.04,-0.02746,0.10466,-0.04492,-0.07817,-0.00491,-0.02025,0.07478,0.03547,0.07866,-0.00353,0.13006,0.00245,-0.04284,0.07499,-0.02476,0.00101,-0.05677,0.01159,-0.05833,0.01771,0.10276,0.03581,-0.02423,-0.0087,0.03048,0.0195,0.01755,-0.04925,-0.02294,-0.10912,-0.05089,-0.02129,-0.0318,0.10631,0.06014,0.02901,0.0423,0,-0.03183,-0.05649,0.01648,0.08983,0.01861,0.01697,0.03355,-0.01218,-0.00776,0.0342,-0.01198,0.04477,0.08146,0.03848,0.01042,0.03847,0.00012,-0.12296,0.01495,0.08335,0.04058,-0.01087,0.11081,-0.02072,0.01672,0.01938,0.0576,-0.07298,-0.01774,0.00253,0.04818,0.03042,-0.02043,0.00939,-0.01272,0.08922,0.0414,0.12808,0.03842,-0.07282,0.02794,0.02254,0.02138,-0.02373,-0.07931,0.00119,-0.05548,0.07018,-0.20084,0.05609,-0.0819,0.04619,0.01645,0.01188,-0.03378,0.05034,-0.00722,0.00164,0.04341,0.04256,0.04812,-0.09856,0.00072,-0.01786,0.00539,0.0583,0.01164,-0.01918,-0.05795,0.06994,0.07066,0.08416,0.07328,-0.0543,-0.0031,-0.03919,0.07186,-0.10562,0.01322,-0.08014,-0.01735,0.08456,-0.06178,-0.00457,-0.08942,0.02219,0.00597,0.00252,0.05296,0.00876,-0.05469,0.01685,0.00307,-0.00509,-0.03045,0,-0.00653,0.03353,-0.00437,-0.00405,0.04406,0.01009,-0.02886,0.07161,0.00016,0.02515,-0.00236,0.05068,-0.02934,0.04304,0.06469,-0.00755,-0.00013,0.00076,-0.01928,0.01669,0.0329,-0.00022,0.05841,0.07427,0.0279,-0.02347,-0.00138,0.07549,0.02337,-0.01042,-0.08105,0.01688,0.05845,-0.00832,-0.0843,0.11936,-0.05329,-0.00905,0.00166,-0.00472,0.04376,0.00908,-0.03805,-0.02548,-0.09718,0.03489,-0.00416,0.00882,0.0286,0.00815,-0.02272,-0.0105,0.03524,-0.06833,0.00469,0.03068,-0.02853,-0.08009,0.09985,0.02906,-0.0677,0.08589,-0.03891,0.02985],"keywords":"Auto Snap Auto Snap Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example. Related docs - Snap Connection Docs - Drag to Connect Example","excerpt":"Related docs - Snap Connection Docs - Drag to Connect Example"},{"chunkId":"/examples/connection-types#0","slug":"connection-types","route":"/examples/connection-types","section":"examples","title":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve","description":"Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types.","group":"Connections - Appearance","vector":[0.01833,-0.05488,-0.10638,-0.01108,-0.09147,0.00625,-0.01812,0.1053,0.03841,-0.01967,-0.01078,-0.02352,-0.08516,0.01218,0.02204,-0.02227,-0.06965,-0.04767,0.03302,0.02248,0.01896,-0.09748,-0.02828,-0.01734,-0.05742,-0.01703,0.04319,0.03011,0.04739,-0.07195,-0.03371,0.05734,-0.05982,-0.00084,-0.05465,-0.04952,0.03324,0.02753,-0.0507,0.01759,0.06868,0.02942,0.06115,-0.00946,0.00641,0.05171,-0.12801,-0.00539,-0.07952,0.08253,-0.07061,-0.07128,-0.11777,0.04502,0.04343,0.03149,-0.04678,0.03456,0.03188,0.02783,0.03097,-0.01792,-0.01232,0.04336,-0.04341,0.04104,-0.05909,0.06058,0.02624,-0.03089,-0.06703,-0.01922,-0.01449,-0.08453,0.04846,-0.00917,0.05809,0.0627,-0.04352,-0.08479,-0.02858,0.08178,-0.01751,0.03367,0.04092,0.03536,0.03534,-0.09224,-0.00153,0.04973,0.04865,0.08116,-0.05091,-0.02052,0.04033,0.01924,0.01135,-0.0185,-0.01873,0.0174,0.02236,-0.10358,0.04586,0.06355,-0.02056,0.014,-0.01522,0.01296,-0.00754,-0.0142,-0.06861,0.02989,-0.01951,-0.09577,-0.03629,-0.03052,-0.10105,-0.01191,0.05272,0.03981,-0.03624,-0.01902,0.01918,-0.00254,0.01955,-0.00633,-0.06881,0,-0.07576,0.04345,-0.0117,0.04971,0.02075,0.04276,-0.02589,-0.03271,0.03765,0.07098,-0.02818,0.05226,-0.09697,0.03567,0.04552,-0.04995,0.03163,0.01546,-0.07221,0.04755,0.04192,-0.06948,0.00592,0.00491,0.14481,0.06697,-0.01356,0.07511,-0.08879,0.01412,0.03391,-0.03732,0.03826,-0.02243,-0.02994,-0.0128,-0.04041,-0.06194,-0.05538,-0.01414,-0.00811,-0.03909,-0.0593,0.01738,0.00254,-0.00066,-0.02172,0.03737,0.0034,0.01181,-0.04144,0.01702,0.0275,-0.00653,0.07206,-0.02121,-0.02718,0.08488,-0.0461,0.06827,0.01939,0.05228,-0.01345,-0.10343,0.03111,0.0462,-0.03402,-0.02815,0.04923,-0.0271,-0.11157,0.09065,-0.03686,0.04366,-0.02477,-0.00169,-0.07577,0.05934,0.08541,-0.00541,-0.08344,-0.00223,0.04565,0.02479,0.00661,-0.07399,0.02425,-0.01992,-0.02428,0.03178,0.08442,0.07517,0.03069,0.02984,0.052,0,-0.07217,0.08582,-0.00537,0.03973,0.05093,0.02816,0.09112,-0.012,0.04598,0.0144,0.08988,0.00189,-0.05576,-0.01847,0.03061,-0.02971,-0.08718,-0.07316,-0.00229,-0.02471,0.01871,0.01859,0.01096,-0.09783,-0.01837,0.0314,-0.05796,-0.02547,-0.01794,0.03184,-0.05215,0.01184,-0.01896,-0.03048,-0.01646,-0.03802,0.03314,0.02032,0.06759,-0.0507,0.03453,0.01194,0.04363,-0.03313,-0.0632,0.05153,-0.02827,-0.02615,-0.0484,0.04589,-0.04151,0.01253,0.00605,-0.02779,-0.05782,0.05214,0.02454,-0.05144,-0.08342,-0.01622,0.00147,-0.09546,0.07339,0.00629,0.04975,-0.03213,0.04787,-0.10911,0.01536,0.06093,0.04576,0.05532,-0.02684,-0.00499,0.03635,-0.04249,0.02871,0.0053,0.04896,0.05483,0.02283,0.13769,0.06767,0.10383,0.02528,0.07646,-0.05516,-0.0038,0.08061,0.066,-0.02496,0.02291,0.00325,0.05041,-0.01103,0,-0.12496,-0.06383,-0.06839,-0.04618,0.05424,0.03305,-0.12823,-0.0058,-0.04697,0.01631,-0.03443,0.10092,-0.03269,0.00868,0.0972,-0.03615,0.00225,-0.00524,0.00299,-0.054,-0.02084,0.00533,0.0129,0.10204,0.02626,-0.07889,-0.05959,0.08089,-0.01966,0.0072,0.00867,-0.0236,0.03169,0.08303,-0.02411,0.0607,-0.07035,0.04204,-0.07249,0.10322,0.08891,0.03074,0.01608,0.01902,0.05007,0.08987,0.01777,-0.02724,-0.09149,0.01832,-0.10377,0.05703,-0.01452,-0.00908,-0.01536,0.0059,0.01657,-0.01105,0.02739,0.05137,-0.14428,0.02457,0.03864,-0.03895],"keywords":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types. --- toc: false wideContent: true --- Connection Types wide Content","excerpt":"--- toc: false wideContent: true --- Connection Types"},{"chunkId":"/examples/connection-types#1","slug":"connection-types","route":"/examples/connection-types","section":"examples","title":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve","description":"Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types.","group":"Connections - Appearance","vector":[0.01933,-0.04324,-0.09308,-0.00395,-0.08494,-0.00668,-0.04315,0.08383,0.04022,-0.02329,-0.05138,-0.00591,-0.096,0.00195,0.06024,-0.01009,-0.05952,-0.03596,0.04327,0.00022,0.0125,-0.08491,-0.02135,-0.0378,-0.04477,-0.00647,0.03336,0.04757,0.05001,-0.06406,-0.02221,0.05418,-0.04557,0.01914,-0.0764,-0.02421,0.02498,0.03055,-0.04317,0.00682,0.07511,0.02093,0.05153,-0.02367,-0.01343,0.02427,-0.09889,0.00115,-0.0872,0.07491,-0.0652,-0.09461,-0.13173,0.05753,0.05936,0.05768,-0.03473,0.03731,0.03438,0.02121,0.02373,-0.05478,0.00757,0.03554,-0.04248,0.04212,-0.05104,0.03862,0.03536,-0.03499,-0.03904,-0.01925,-0.0246,-0.06405,0.01878,-0.01545,0.05895,0.06606,-0.05569,-0.06983,-0.03439,0.0681,-0.03007,0.05135,0.04491,0.04317,0.01271,-0.12819,0.00923,0.04471,0.03473,0.09922,-0.05133,-0.04053,0.05491,0.03673,-0.00941,-0.0161,-0.0348,0.01736,0.01769,-0.11307,0.04644,0.05449,-0.0051,0.01217,0.00543,0.0086,-0.03,0.01017,-0.06181,0.03767,0.00145,-0.07279,-0.04276,-0.04001,-0.09176,-0.01455,0.04257,0.10258,-0.03985,-0.01236,0.02979,-0.02996,0.01036,-0.02195,-0.05006,0,-0.0495,0.06366,-0.00877,0.0135,0.06394,0.03335,-0.01848,-0.04805,0.03886,0.04107,-0.06112,0.04228,-0.08183,0.05248,0.02704,-0.06046,0.0046,0.00848,-0.03879,0.03855,0.07375,-0.08429,-0.01151,0.00879,0.13724,0.04767,-0.00713,0.06129,-0.07677,0.01462,0.01919,-0.04353,0.03942,-0.0099,-0.04281,0.00769,-0.01959,-0.07185,-0.04519,-0.03664,-0.0125,-0.02418,-0.04753,0.00893,-0.00559,0.01529,-0.03149,0.02098,0.03628,0.02544,-0.02581,0.00037,0.07141,0.02019,0.08541,-0.04612,-0.01709,0.08036,-0.03279,0.07661,0.02356,0.06123,-0.01727,-0.07709,0.03708,0.07619,-0.03866,-0.0004,0.05669,-0.05128,-0.09308,0.1015,-0.02528,0.05562,-0.02002,-0.01696,-0.07625,0.04322,0.08324,0.00632,-0.09558,0.01551,0.02346,0.04175,0.03378,-0.06417,0.03164,-0.03544,-0.00629,0.04257,0.10609,0.0535,0.04641,0.0344,0.04972,0,-0.08608,0.08217,-0.00324,0.07483,0.0567,0.00418,0.0797,-0.02073,0.07087,0.01265,0.06679,0.02042,-0.03953,-0.04162,0.03658,-0.04511,-0.08592,-0.09556,0.02888,-0.04,0.01563,0.02157,-0.0154,-0.11397,-0.01676,0.03236,-0.04006,-0.02904,-0.0305,0.01348,-0.03249,0.02,-0.03742,-0.02823,0.0018,-0.01278,-0.00576,0.03291,0.10581,-0.05774,0.05497,0.01722,0.03416,-0.0122,-0.07797,0.07662,-0.02529,-0.02431,-0.05796,0.01744,-0.04643,0.03409,-0.01604,-0.01919,-0.05474,0.0541,0.02753,-0.0197,-0.07264,-0.00371,-0.01152,-0.07946,0.07373,0.04056,0.04194,-0.03483,0.04252,-0.09001,-0.00098,0.07077,0.02994,0.04464,-0.05218,0.02107,0.04647,-0.04627,0.06571,0.01883,0.04672,0.06792,0.0026,0.15284,0.0334,0.08589,0.01335,0.08148,-0.06749,-0.02288,0.07606,0.07974,-0.03955,0.0063,-0.00749,0.02619,-0.02856,0,-0.12716,-0.05694,-0.04863,-0.03256,0.06484,0.04049,-0.11624,0.02791,-0.02681,0.01976,-0.01824,0.08471,-0.0628,-0.00095,0.07441,-0.02676,0.00337,-0.00972,-0.01245,-0.07768,-0.04252,0.01004,-0.0088,0.0995,0.02622,-0.07154,-0.03317,0.0325,-0.0204,0.01755,-0.02492,0.00241,0.04939,0.09876,-0.04091,0.05143,-0.0795,0.05153,-0.07501,0.09989,0.09244,0.0119,0.03081,-0.00388,0.00434,0.08251,0.00215,-0.00763,-0.07029,0.01144,-0.0769,0.0541,-0.01992,-0.01676,-0.00968,0.01068,-0.01,-0.02832,0.05234,0.05295,-0.12792,0.01631,0.04349,-0.0379],"keywords":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types. Description Compare the built-in connection shapes in Foblex Flow and see how different edge styles change the readability of the same graph. This is the fastest entry point when you are choosing a default routing style for a node editor or workflow builder.","excerpt":"Description Compare the built-in connection shapes in Foblex Flow and see how different edge styles change the readability of the same graph. This is the fastest entry point when you are choosing a default routing style for a node editor or workflow builder."},{"chunkId":"/examples/connection-types#2","slug":"connection-types","route":"/examples/connection-types","section":"examples","title":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve","description":"Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types.","group":"Connections - Appearance","vector":[-0.02569,-0.00486,-0.12585,0.01747,-0.03097,0.03862,-0.00991,0.06587,-0.0114,-0.00654,-0.01657,0.01057,-0.07749,0.01219,0.03272,-0.02016,-0.0949,-0.03111,0.00805,0.0035,0.00548,-0.07687,0.0349,0.00588,-0.04327,-0.02392,0.02992,0.0212,0.06367,-0.04045,-0.00563,0.05081,-0.06823,0.00549,-0.05579,0.01373,0.01014,0.08049,-0.0272,-0.00537,0.09125,0.02245,0.07524,-0.06811,0.0356,0.0144,-0.13676,0.04372,-0.09009,0.03476,-0.05865,-0.1033,-0.10286,0.07577,0.04619,-0.00197,-0.04142,0.00408,0.04058,0.02967,0.00881,-0.06958,-0.01272,0.0193,-0.02243,0.02969,-0.05776,0.04118,-0.01563,0.04284,-0.03185,-0.00415,-0.04339,-0.08552,0.05448,-0.00505,-0.01979,0.10728,-0.03829,-0.0633,-0.00043,0.03364,-0.02224,0.05702,0.02339,0.04463,0.02088,-0.09695,0.02638,0.01219,0.03666,0.08199,-0.08062,0.00019,0.02266,0.05714,-0.04489,-0.00296,-0.04092,0.0588,-0.00906,-0.11095,0.04446,0.09752,0.01044,0.00862,-0.01422,0.05799,-0.03276,0.00631,-0.03583,0.03411,-0.00401,-0.07403,-0.02721,-0.06463,-0.03231,-0.00077,0.03804,0.06696,0.00373,-0.00259,-0.01688,-0.0214,0.02844,0.00424,-0.02379,0,-0.03195,0.06205,-0.03647,0.03855,0.03711,0.00229,-0.05635,-0.04603,0.01058,0.09304,-0.07557,0.0284,-0.07866,-0.02186,0.02987,-0.11058,0.05302,0.02916,-0.05933,0.03852,0.03311,-0.05329,-0.03174,-0.00932,0.13576,0.04004,-0.03746,0.06486,-0.08901,0.00204,0.07848,0.00708,0.05718,-0.05071,0.00445,-0.03441,-0.00459,-0.04615,-0.07812,-0.03538,0.05495,-0.01954,-0.04914,0.08298,-0.01036,-0.00217,0.01198,0.02819,0.06841,0.02867,-0.06887,0.06497,0.00619,-0.03375,0.07055,-0.03764,-0.02156,0.07318,-0.03918,0.05764,0.02885,0.02134,-0.00882,-0.09525,0.04442,0.00574,-0.03877,-0.01907,0.04956,-0.05404,-0.08693,0.11059,-0.03596,0.06574,-0.03249,-0.0042,-0.04598,0.09788,0.09927,-0.04636,-0.06149,-0.02851,-0.02594,0.05379,0.01038,-0.09228,0.03227,-0.05386,0.00252,-0.04318,0.06584,0.06803,0.02473,-0.01274,0.00674,0,-0.03249,0.05013,0.01972,0.07515,0.01698,0.02595,0.10074,0.04048,0.05182,0.04664,0.05805,0.01769,-0.01916,-0.04916,0.04162,-0.00117,-0.08008,-0.0955,0.04756,-0.01104,0.0085,0.07383,-0.01823,-0.06033,-0.01212,0.06708,-0.01207,-0.01179,-0.04123,0.0092,-0.05846,-0.0296,-0.07548,-0.01737,-0.03393,-0.02961,0.03856,0.08304,0.05465,-0.06369,0.09958,0.0679,0.00287,-0.00835,-0.06324,0.0217,0.03736,-0.00147,-0.08125,0.02163,-0.05208,-0.0051,-0.01442,0.00163,-0.06303,0.02465,0.03462,-0.09427,-0.07374,-0.01564,0.03219,-0.08794,0.01465,0.01072,0.07372,-0.00272,-0.0209,-0.11632,0.03046,0.03876,0.00514,0.01305,0.01989,-0.04151,0.06438,-0.0281,0.0701,0.00929,0.05475,0.04856,-0.01987,0.12798,0.03228,0.08446,0.03358,0.07458,-0.08363,0.00037,0.07252,0.06537,-0.06625,0.02362,-0.00902,0.04149,0.02867,0,-0.10731,-0.04806,-0.08479,-0.04241,0.06417,-0.01707,-0.09453,-0.04507,-0.06127,-0.00317,-0.04513,0.08635,-0.009,-0.01672,0.06195,-0.0277,-0.01551,0.02978,-0.06333,0.00222,-0.03544,0.00904,0.02005,0.07262,0.02544,-0.08874,-0.07804,0.05775,-0.00684,-0.0139,-0.0141,-0.00623,0.02189,0.06439,-0.0235,0.01652,-0.10929,0.02703,-0.03612,0.12005,0.07974,-0.01762,0.03896,0.02237,0.03293,0.07821,-0.00298,-0.00459,-0.06475,0.0302,-0.11042,0.03648,-0.02636,0.00767,0.00549,-0.05512,0.03155,0.03713,-0.00179,0.02369,-0.10518,0.00331,0.03015,-0.04974],"keywords":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types. Example ::: ng-component <connection-types</connection-types [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.scss :::","excerpt":"Example ::: ng-component <connection-types</connection-types [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.scss :::"},{"chunkId":"/examples/connection-types#3","slug":"connection-types","route":"/examples/connection-types","section":"examples","title":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve","description":"Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types.","group":"Connections - Appearance","vector":[0.00868,-0.05032,-0.10005,0.01343,-0.08975,-0.01582,-0.03616,0.14147,-0.01329,-0.01735,-0.02797,0.0028,-0.08552,0.00915,0.01854,0.00131,-0.06644,-0.00495,0.04488,0.00947,0.01752,-0.09136,-0.00569,-0.03181,-0.05568,-0.04126,0.06264,0.03755,0.0108,-0.0558,0.0046,0.01326,-0.06879,-0.02158,-0.066,-0.05185,0.026,0.02953,-0.03616,0.01131,0.03739,-0.00468,0.05499,-0.01686,-0.00382,0.0329,-0.0998,0.02703,-0.06626,0.08355,-0.06176,-0.08514,-0.13076,0.04147,0.04028,0.06126,-0.03928,0.04856,0.01451,0.01244,0.03111,-0.04378,0.00356,0.03941,-0.0771,0.04579,-0.05145,0.04648,0.04308,-0.01522,-0.05101,-0.02186,-0.01889,-0.08186,0.03269,-0.02281,0.06672,0.1025,-0.04003,-0.07814,-0.02829,0.05577,-0.01625,0.05115,0.06101,0.01463,0.02366,-0.07839,0.01597,0.03955,0.05432,0.08379,-0.05499,-0.04211,0.01411,0.01395,0.00889,-0.02916,-0.02189,0.04247,-0.00268,-0.09139,0.02617,0.06436,0.003,0.03941,0.00817,0.01319,-0.01845,-0.01358,-0.07551,0.01631,-0.00709,-0.07887,-0.067,-0.02549,-0.08954,-0.02518,0.0664,0.03411,-0.03927,-0.02193,0.03025,0.01501,0.02932,0.00523,-0.04974,0,-0.07287,0.09745,-0.03719,-0.01787,0.01164,0.03778,-0.02478,-0.04277,0.01377,0.0613,-0.06901,0.02602,-0.10087,0.0192,0.06773,-0.11786,0.03595,0.01779,-0.03803,0.00551,0.04016,-0.05428,0.00692,-0.02718,0.14343,0.05514,-0.01348,0.05391,-0.07392,0.01161,0.03217,-0.0409,0.02703,-0.03356,-0.03846,0.00313,-0.04701,-0.08559,-0.0567,0.00729,0.0142,-0.02624,-0.03355,-0.02065,-0.019,0.03402,-0.01972,0.03998,-0.02472,0.04437,-0.04612,0.01812,0.04538,-0.01336,0.07005,-0.05742,-0.04807,0.06754,-0.04132,0.08411,0.04084,0.026,-0.0001,-0.08579,-0.00356,0.02802,-0.01676,-0.00117,0.07496,-0.01,-0.09468,0.09445,-0.01978,0.05385,-0.02344,-0.00488,-0.07713,0.01621,0.0606,-0.0224,-0.1012,0.0226,0.02129,0.01232,0.0632,-0.06391,0.02703,-0.03422,-0.03279,0.00115,0.06627,0.07226,0.01967,0.05617,0.05826,0,-0.05702,0.0834,0.00835,0.06774,0.02632,0.04052,0.11125,-0.04323,0.08282,0.02198,0.02526,-0.00198,-0.01874,-0.04931,0.03468,-0.02813,-0.08855,-0.0826,0.01247,-0.03504,0.00064,0.02961,-0.02284,-0.09008,-0.01792,0.05201,-0.01577,-0.01019,-0.04569,0.02324,-0.04202,0.01113,-0.00768,-0.05298,0.00794,0.00889,0.00741,0.05776,0.08695,-0.04526,0.07641,0.02797,0.05498,-0.01247,-0.05105,0.06897,-0.03669,-0.01475,-0.08098,0.02546,-0.06014,0.00994,-0.01616,-0.0204,-0.05061,0.04253,0.02067,-0.017,-0.09058,-0.00074,0.01456,-0.10305,0.07329,0.04166,0.05056,-0.04197,0.03128,-0.09638,-0.00457,0.06708,0.04071,0.06811,-0.00193,-0.00142,0.05037,-0.07004,0.05976,0.02303,0.05886,0.0536,0.01053,0.12802,0.05151,0.0811,-0.0203,0.07876,-0.06059,-0.00129,0.07699,0.05139,-0.00758,0.03235,0.01922,0.05834,-0.02659,0,-0.10873,-0.05415,-0.05793,-0.00585,0.05604,0.0323,-0.09999,0.00632,-0.06334,-0.03067,-0.0161,0.11448,-0.04119,0.03692,0.06736,-0.0105,0.01758,0.02624,-0.01287,-0.03216,-0.04024,0.01331,-0.00934,0.12331,0.03762,-0.06975,-0.04873,0.06629,0.02817,0.01285,0.00385,0.00381,0.04052,0.10201,-0.03916,0.07426,-0.09451,0.06113,-0.07344,0.1179,0.09486,0.02615,0.01113,-0.00502,0.0306,0.07073,0.01109,-0.035,-0.08758,0.01692,-0.0718,0.05962,-0.00463,-0.01071,0.01194,-0.00327,0.01586,-0.0272,0.01896,0.04371,-0.12165,0.00527,0.05119,-0.0406],"keywords":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types. Built-in connection types - Straight for direct links with minimal routing logic. - Segment for orthogonal paths, with fOffset and fRadius to shape corners and spacing. - Bezier for smoother curved edges, also configurable with fOffset and fRadius. - Adaptive Curve for a route that adjusts automatically to direction and distance. Use the fType attribute on <f-connection to switch between them. f Offset f Radius f Type","excerpt":"Built-in connection types - Straight for direct links with minimal routing logic. - Segment for orthogonal paths, with fOffset and fRadius to shape corners and spacing. - Bezier for smoother curved edges, also configurable with fOffset and fRadius. - Adaptive Curve for a route that adjusts automatically to direction and distance. Use the fType attribute on <f-connection to switch between them."},{"chunkId":"/examples/connection-types#4","slug":"connection-types","route":"/examples/connection-types","section":"examples","title":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve","description":"Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types.","group":"Connections - Appearance","vector":[0.02141,-0.03127,-0.09831,-0.01335,-0.09795,0.00582,-0.01106,0.10106,0.02981,-0.02555,-0.01944,-0.02235,-0.08805,0.01719,0.03967,-0.01395,-0.08394,-0.02502,0.02905,0.01809,0.0094,-0.09173,-0.02787,-0.03065,-0.06134,0.00027,0.05978,0.05206,0.05608,-0.06375,-0.00834,0.04867,-0.04482,0.01656,-0.06921,-0.04801,0.01045,0.0462,-0.05122,0.01364,0.06552,0.01965,0.06758,-0.01965,0.01173,0.03978,-0.10748,-0.00068,-0.07645,0.07926,-0.06306,-0.08569,-0.11609,0.03634,0.04472,0.03729,-0.04511,0.02871,0.03172,0.02247,0.04725,-0.02839,-0.00363,0.03694,-0.06131,0.04856,-0.05768,0.07477,0.02692,-0.0131,-0.05249,-0.01729,-0.01688,-0.10419,0.02739,-0.01592,0.04497,0.07378,-0.04492,-0.07362,-0.04988,0.0607,-0.03236,0.05549,0.04747,0.03464,0.03168,-0.11463,0.00754,0.04102,0.04771,0.09619,-0.07211,-0.03292,0.062,0.03933,0.00703,-0.04152,-0.02054,0.02603,0.0072,-0.11277,0.02881,0.05805,-0.01344,0.0196,-0.0137,0.01734,-0.02733,-0.01574,-0.06516,0.03163,-0.0131,-0.08889,-0.02701,-0.02858,-0.09908,-0.01944,0.04467,0.04599,-0.03096,-0.00539,0.01592,-0.0186,0.02405,0.00383,-0.06326,0,-0.06552,0.06332,-0.02041,0.01913,0.03508,0.04257,-0.03039,-0.02985,0.04114,0.04799,-0.03803,0.0472,-0.08953,0.04106,0.03665,-0.05526,0.03285,0.01462,-0.06482,0.04015,0.05059,-0.07201,-0.00574,0.00504,0.12019,0.08136,-0.00565,0.05755,-0.08286,0.00637,0.04652,-0.03279,0.02498,-0.01943,-0.03985,0.01361,-0.02732,-0.04595,-0.0557,-0.02896,0.00537,-0.02727,-0.04494,0.01004,-0.00077,-0.00123,-0.01933,0.02518,0.01453,0.01549,-0.02684,0.01268,0.04451,-0.01163,0.06839,-0.03379,-0.04412,0.08882,-0.05073,0.05863,0.02404,0.03806,-0.00176,-0.09723,0.03256,0.06418,-0.02532,-0.01327,0.0527,-0.03842,-0.1122,0.10718,-0.04427,0.03489,-0.02353,0.00429,-0.07216,0.07002,0.08766,-0.00287,-0.0967,-0.00854,0.04801,0.00987,0.03371,-0.07318,0.02461,-0.03059,-0.01229,0.03352,0.06963,0.06678,0.03309,0.04617,0.06167,0,-0.07938,0.09243,0.0132,0.05077,0.06132,0.0348,0.08173,-0.00594,0.03126,0.01988,0.06035,0.01177,-0.04553,-0.01991,0.03445,-0.0396,-0.09838,-0.07214,0.01737,-0.02968,0.01879,0.03777,0.0008,-0.09746,-0.02503,0.04325,-0.0489,-0.03531,-0.00453,0.02429,-0.03827,0.00311,-0.03338,-0.04206,-0.0035,-0.00683,0.02011,0.0199,0.06721,-0.04771,0.04783,0.00272,0.03781,-0.02708,-0.0582,0.06374,-0.02236,-0.0099,-0.07134,0.03859,-0.06176,0.03628,-0.00854,-0.02608,-0.04603,0.04535,0.04529,-0.05133,-0.07415,-0.02341,-0.01683,-0.10181,0.07009,0.01503,0.04878,-0.02935,0.04264,-0.10915,-0.00432,0.07711,0.03452,0.06784,-0.03965,-0.0219,0.05447,-0.0427,0.03839,0.00823,0.05379,0.0601,0.01585,0.12907,0.0649,0.08993,0.01436,0.05704,-0.0637,-0.0195,0.08135,0.05946,-0.03385,0.01537,-0.01729,0.04965,-0.00779,0,-0.13389,-0.05678,-0.05532,-0.03542,0.0661,0.03386,-0.13329,0.01166,-0.04297,-0.00027,-0.02936,0.09353,-0.04238,0.00755,0.08012,-0.02263,-0.00031,-0.0041,-0.00503,-0.05642,-0.02407,0.00524,0.01062,0.11248,0.02566,-0.07836,-0.03778,0.05405,-0.01017,0.01219,0.01265,-0.01253,0.06171,0.11353,-0.02192,0.04472,-0.0855,0.0405,-0.06567,0.10066,0.08553,0.01771,0.01771,0.01076,0.04593,0.10444,0.01755,-0.02907,-0.07239,0.03401,-0.09544,0.05387,-0.00557,-0.00233,-0.0116,0.0176,0.01917,-0.0066,0.03613,0.04801,-0.14382,0.01154,0.03825,-0.03681],"keywords":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types. Extend it If the built-in types are not enough, move to the Custom Connection Type example and build your own reusable edge behavior.","excerpt":"Extend it If the built-in types are not enough, move to the Custom Connection Type example and build your own reusable edge behavior."},{"chunkId":"/examples/custom-connection-type#0","slug":"custom-connection-type","route":"/examples/custom-connection-type","section":"examples","title":"Angular Diagram Example – Custom Connection Type in Foblex Flow","description":"Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning.","group":"Connections - Appearance","vector":[-0.04536,0.00034,-0.05996,0.03221,-0.08288,0.05604,0.04093,0.04091,0.01296,0.00051,-0.03364,0.00282,-0.08335,0.03002,0.07571,0.0201,0.03782,-0.03481,-0.03175,0.02015,-0.03151,-0.07008,-0.03864,-0.04573,-0.0697,-0.0103,0.05635,0.03517,0.09022,-0.03975,0.01634,0.10877,-0.07302,0.02987,-0.1027,0.03247,0.01812,0.05422,-0.07038,-0.00617,0.07915,0.01911,0.03731,-0.04079,-0.01891,-0.01674,-0.06807,-0.02193,-0.05775,0.02083,-0.04079,-0.07232,-0.08314,0.0365,0.03925,-0.00101,-0.0201,-0.03972,-0.03816,0.03629,0.00974,0.0187,0.00583,0.03176,-0.01906,0.01584,-0.0696,0.08386,0.01127,-0.01917,0.00058,-0.04688,-0.00893,-0.07351,0.016,-0.05301,0.01227,0.05191,-0.04982,-0.03254,0.00179,0.10995,-0.01307,0.03306,0.01596,0.07767,0.00552,-0.11965,-0.00039,-0.03557,-0.01007,0.0377,-0.02591,-0.04192,0.04659,0.02449,0.01155,-0.04639,-0.0616,0.04529,-0.00044,-0.07318,0.03239,0.02353,-0.03191,-0.01855,-0.01652,0.04201,-0.03509,-0.0503,-0.03654,-0.01565,-0.03873,-0.09361,-0.06245,0.00088,-0.09283,-0.01856,0.08412,0.08036,-0.01109,-0.04249,0.04853,-0.06557,0.04114,-0.02577,-0.06399,0,-0.01198,0.04885,-0.05349,0.03783,0.1001,0.01869,-0.02165,-0.08837,0.04094,0.01377,-0.00235,0.04757,-0.0777,0.06946,0.00301,-0.01328,-0.03329,0.01919,-0.00569,0.02081,0.06604,-0.00612,-0.05281,0.02835,0.058,0.10421,0.00857,0.04245,-0.05621,0.02325,0.12053,0.01734,0.03088,0.00342,-0.00157,0.00893,-0.02512,-0.07092,-0.04644,-0.04015,0.01522,-0.03499,-0.09642,0.04205,-0.00685,-0.01974,-0.00988,0.03304,-0.02898,0.01649,-0.01512,0.0297,0.02205,-0.02117,0.0353,-0.04867,-0.042,0.10764,0.01946,0.02672,-0.00241,0.02635,-0.02157,-0.04417,0.03716,0.07776,-0.01778,-0.07658,0.07176,-0.07463,-0.10484,0.1124,-0.06654,0.02683,0.02834,-0.04516,-0.04236,0.03471,0.07294,0.03275,-0.07543,-0.07027,-0.00092,0.06438,0.02188,-0.06117,0.01757,-0.06578,-0.02158,0.01529,0.04876,0.06671,0.01459,-0.0006,0.07139,0,-0.05901,0.04689,-0.03022,0.04373,0.09857,-0.03342,0.07664,0.03079,-0.01534,0.04248,0.08526,0.05762,0.01375,-0.00657,-0.00751,-0.04314,-0.06133,-0.13643,0.01714,-0.0074,0.0391,0.03736,0.01982,-0.1035,-0.0688,0.07267,-0.04873,-0.01948,0.01938,0.02723,-0.01342,0.00051,-0.02203,-0.03434,-0.06947,0.03623,0.00599,0.00286,-0.04677,-0.06591,0.03221,-0.01795,-0.0277,0.01639,-0.06695,0.01649,-0.08331,-0.06134,0.01231,-0.03152,-0.06724,0.02415,-0.01884,-0.02089,-0.03817,0.02216,0.10641,-0.00509,-0.05046,0.02863,0.05714,-0.10143,0.03613,0.03819,0.04086,-0.01203,-0.01,-0.09237,0.07418,0.07448,0.02965,0.0554,-0.02507,-0.02064,0.082,-0.02399,0.06603,0.01071,0.05454,0.10248,-0.08124,0.08315,0.03035,0.03884,0.08724,-0.00817,-0.10073,0.03483,0.04798,0.04787,-0.03569,0.01397,-0.04832,0.06514,-0.02186,0,-0.11598,-0.03697,-0.00783,-0.03881,0.03844,-0.02636,-0.09205,-0.03076,-0.02706,0.02928,-0.04097,0.10762,-0.03591,0.03942,0.13027,0.02852,0.0114,-0.03582,-0.04438,-0.03639,-0.01725,-0.01936,0.02243,0.11269,0.00906,-0.01001,0.01897,0.0606,-0.01764,0.05787,-0.00627,0.02539,0.04656,0.08319,-0.06514,0.04939,-0.10929,0.01099,-0.04181,0.02968,0.07049,-0.03151,0.00499,0.04048,0.09909,0.13474,0.0116,-0.03083,-0.07028,0.08376,-0.11537,0.03044,-0.08055,0.00789,-0.02451,-0.00424,0.05165,0.01164,0.02511,-0.0068,-0.08962,0.02897,0.02438,-0.0146],"keywords":"Angular Diagram Example – Custom Connection Type in Foblex Flow Angular Diagram Example – Custom Connection Type in Foblex Flow Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning. Custom Connection Type","excerpt":"Custom Connection Type"},{"chunkId":"/examples/custom-connection-type#1","slug":"custom-connection-type","route":"/examples/custom-connection-type","section":"examples","title":"Angular Diagram Example – Custom Connection Type in Foblex Flow","description":"Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning.","group":"Connections - Appearance","vector":[-0.03909,0.00159,-0.04808,0.01065,-0.07843,0.04391,0.0274,0.07743,-0.00267,0.00348,-0.06406,0.02307,-0.07148,0.02759,0.07649,0.02695,0.04763,-0.02128,-0.0027,0.0433,-0.02502,-0.06913,-0.03222,-0.04195,-0.08895,0.00649,0.06395,0.02424,0.05524,-0.05733,0.02757,0.06359,-0.06446,0.00693,-0.07068,0.00242,0.03714,0.03692,-0.06252,-0.01009,0.07854,0.00972,0.0225,-0.01965,-0.01706,-0.03073,-0.05132,-0.01073,-0.07569,0.03952,-0.0438,-0.07538,-0.10246,-0.00648,0.01024,0.01109,-0.01759,0.01346,-0.04242,0.05621,0.05749,-0.00738,-0.02114,0.0066,-0.03377,0.05348,-0.07416,0.06669,0.02079,-0.01001,0.01581,-0.04008,-0.01914,-0.07492,0.01482,-0.05054,0.02631,0.07048,-0.04725,-0.05223,-0.01844,0.11182,-0.00744,0.0473,0.039,0.06194,0.02906,-0.13075,0.03009,0.01727,0.02076,0.06078,0.0045,-0.06039,0.09096,0.0469,-0.01002,-0.04563,-0.04889,0.05258,-0.02331,-0.10353,0.03262,0.02268,0.00966,0.02682,-0.03043,0.03996,-0.01305,-0.01212,-0.02904,-0.01172,-0.06134,-0.07342,-0.07684,-0.0219,-0.0854,-0.02734,0.07147,0.06415,-0.02814,-0.02523,0.07283,-0.05451,0.04946,0.00829,-0.04939,0,-0.05542,0.06392,-0.04688,0.01268,0.06365,0.0302,-0.03656,-0.09997,0.01296,0.01334,-0.03356,-0.00535,-0.11652,0.05747,0.04569,-0.02481,-0.0082,0.00236,-0.00186,0.01255,0.03,-0.04691,-0.06446,0.04504,0.07716,0.03913,-0.00874,0.04173,-0.03481,0.01737,0.09481,-0.018,0.06996,-0.00661,-0.04004,0.05805,-0.03954,-0.07387,-0.0196,0.00584,0.01996,-0.02265,-0.07036,0.05257,-0.01332,0.00911,-0.00836,0.01839,-0.04299,0.00541,-0.01677,0.03386,0.07499,-0.01215,0.05086,-0.08064,-0.06592,0.11146,0.02932,0.04546,0.01975,0.03217,0.00976,-0.06376,0.01097,0.05911,-0.00966,-0.03822,0.03877,-0.09123,-0.10007,0.10093,-0.06161,0.04548,0.03125,-0.05725,-0.05069,0.05994,0.128,0.00731,-0.05413,-0.03791,0.02741,0.05293,0.05218,-0.06161,0.01521,-0.04586,-0.02328,0.01729,0.0711,0.08065,0.01079,0.04721,0.06775,0,-0.05527,0.03101,0.01636,0.03297,0.06821,-0.00907,0.03488,-0.00308,0.01934,0.03898,0.09557,0.04258,0.01136,-0.03374,-0.03132,-0.06528,-0.06891,-0.10447,0.04574,-0.00646,0.04216,0.01826,-0.0038,-0.088,-0.06635,0.04235,-0.05428,-0.01831,0.02289,0.01775,0.00325,-0.0019,-0.02488,-0.05475,-0.05186,0.01627,-0.02778,0.00661,0.01056,-0.09355,0.02444,-0.02167,-0.00543,0.00994,-0.04957,0.02121,-0.08421,-0.02794,-0.04304,-0.03688,-0.08846,0.08485,-0.01723,-0.01519,-0.05355,0.03932,0.08923,0.00734,-0.07384,0.01703,0.02641,-0.0799,0.05222,-0.01626,0.04629,-0.01451,0.02096,-0.08909,0.06775,0.04609,0.00066,0.03656,-0.06175,0.01251,0.09214,-0.04441,0.10246,0.01783,0.07716,0.08049,-0.07843,0.1236,0.0462,0.00506,0.06459,0.0187,-0.08024,0.01616,0.06896,0.0784,-0.02984,-0.01302,-0.02005,0.0608,-0.01726,0,-0.08656,-0.02488,-0.00696,-0.03643,0.01254,0.0063,-0.09357,-0.04554,-0.02171,0.00417,-0.05251,0.0957,-0.09904,0.06034,0.09525,0.02276,0.01784,0.00003,-0.04276,-0.02513,-0.03172,-0.00187,0.01517,0.13764,0.02048,-0.0369,0.01411,0.06748,-0.02259,0.075,-0.03322,-0.00275,0.02695,0.1346,-0.07559,-0.0039,-0.07844,0.02082,-0.038,0.04582,0.08566,-0.02873,0.04176,0.02619,0.06632,0.11139,0.03134,-0.00349,-0.07568,0.06968,-0.07982,0.02521,-0.06404,-0.01898,-0.02179,-0.00766,0.02924,-0.00021,0.00727,-0.0249,-0.12051,-0.00763,0.04109,-0.03496],"keywords":"Angular Diagram Example – Custom Connection Type in Foblex Flow Angular Diagram Example – Custom Connection Type in Foblex Flow Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning. Description This example shows how to define a custom connection type instead of relying only on the built-in edge styles. A custom type lets you control path geometry, visual styling, interaction rules, and how a specific class of connection behaves in your editor. That matters when connections carry meaning. Approval edges, fallback routes, data dependencies, validation paths, or system-to-system links often should not all look and behave the same. Using a custom connection type is the right step when standard straight, segment, or bezier edges are close, but not quite enough for the product semantics you need.","excerpt":"Description This example shows how to define a custom connection type instead of relying only on the built-in edge styles. A custom type lets you control path geometry, visual styling, interaction rules, and how a specific class of connection behaves in your editor. That matters when connections carry meaning. Approval edges, fallback routes, data dependencies, validation paths, or system-to-system links often should not all look and behave the same. Using a custom connection type is the right step when standard straight, segment, or bezier edges are close, but not quite enough for the product semantics you need."},{"chunkId":"/examples/custom-connection-type#2","slug":"custom-connection-type","route":"/examples/custom-connection-type","section":"examples","title":"Angular Diagram Example – Custom Connection Type in Foblex Flow","description":"Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning.","group":"Connections - Appearance","vector":[-0.04428,0.00283,-0.06404,0.04626,-0.00872,0.08291,0.01988,0.04149,0.01065,0.00722,-0.03814,0.02427,-0.05583,0.03228,0.05459,0.01161,-0.00586,-0.05203,-0.03443,0.02693,0.01457,-0.07523,0.00169,-0.02333,-0.03793,-0.01742,0.03199,0.02561,0.07893,-0.01969,0.02375,0.10112,-0.06825,0.03574,-0.05012,0.03829,0.02222,0.07364,-0.05242,-0.00444,0.09178,0.02385,0.04985,-0.06632,-0.00606,-0.03343,-0.0946,-0.04052,-0.07238,-0.00582,-0.04387,-0.06331,-0.07389,0.03971,0.04524,-0.00012,-0.03807,-0.06461,-0.00768,0.03469,-0.02982,-0.01113,-0.0042,0.0221,0.01866,0.04175,-0.08226,0.05522,-0.02653,0.02448,0.00548,-0.03945,-0.02543,-0.07355,0.04356,-0.05318,-0.01678,0.0884,-0.04008,-0.06783,0.01459,0.04875,-0.01839,0.03602,0.03094,0.09749,0.01451,-0.11886,0.00447,-0.00577,-0.01307,0.04418,-0.04308,0.00159,0.04051,0.03358,-0.03894,-0.0042,-0.07101,0.07203,-0.01692,-0.08792,0.05686,0.06882,0.02366,-0.01142,-0.00517,0.0794,-0.04805,-0.03238,-0.03827,-0.0046,-0.02156,-0.07726,-0.03957,-0.0292,-0.05031,-0.02991,0.06235,0.08481,0.03159,-0.02442,-0.00617,-0.05508,0.02972,-0.0204,-0.0267,0,0.01168,0.04603,-0.02991,0.03809,0.09773,0.00148,-0.05215,-0.09119,-0.00852,0.08654,-0.03762,0.03765,-0.08236,0.02448,-0.01527,-0.04932,-0.01614,0.03417,-0.04935,0.00611,0.03654,0.00302,-0.06802,0.01167,0.09193,0.03717,-0.02251,0.05635,-0.06435,0.00938,0.11314,0.04095,0.06432,-0.02358,0.00819,-0.00857,0.00801,-0.04678,-0.07636,-0.03519,0.04595,-0.03615,-0.07547,0.06886,-0.0098,-0.02265,-0.00806,0.01933,0.0018,0.0003,-0.0417,0.05802,0.00921,-0.02086,0.06459,-0.03914,-0.0195,0.10399,0.00674,0.04245,-0.00963,0.03176,-0.02755,-0.04526,0.05077,0.06645,-0.0471,-0.06323,0.06015,-0.09614,-0.09389,0.13947,-0.05216,0.04172,0.01169,-0.04238,-0.03136,0.0448,0.08346,0.03254,-0.06063,-0.09648,-0.03491,0.07698,0.0082,-0.09216,0.00714,-0.07004,0.00027,-0.05706,0.05469,0.0424,-0.01387,-0.05232,0.02908,0,-0.00567,0.05196,-0.0322,0.06643,0.04016,-0.01463,0.12564,0.07507,0.03111,0.07013,0.08064,0.05176,0.00146,-0.0582,0.01466,-0.02974,-0.06514,-0.1071,0.0542,-0.00734,0.03903,0.07071,0.00425,-0.06816,-0.03839,0.06103,-0.01196,0.03619,-0.01216,0.00407,0.00531,-0.01399,-0.07048,-0.00349,-0.07555,-0.00935,0.00502,0.04846,-0.01468,-0.04248,0.07792,0.02735,-0.02958,0.02318,-0.04563,-0.00847,-0.00168,-0.07131,0.00049,-0.06681,-0.06597,-0.01143,-0.03419,0.02663,-0.02603,-0.00561,0.09726,-0.03699,-0.07315,0.01633,0.10225,-0.09046,-0.00818,0.01446,0.07032,-0.02057,-0.06541,-0.08549,0.08342,0.03364,0.00581,0.00607,0.01458,-0.02397,0.08449,-0.02182,0.07253,0.03614,0.06988,0.0797,-0.07679,0.08308,0.01469,0.05279,0.0771,0.0188,-0.12681,0.04017,0.05123,0.03513,-0.06808,-0.00376,-0.02726,0.06289,-0.0067,0,-0.10133,-0.03419,-0.02702,-0.06751,0.04543,-0.03291,-0.06063,-0.08136,-0.03642,0.01195,-0.08676,0.09898,-0.01691,-0.00829,0.10466,-0.00918,-0.01865,-0.03182,-0.06848,0.00778,-0.04474,-0.01218,0.00314,0.10174,-0.00134,-0.03509,-0.03463,0.05513,-0.01731,0.03691,-0.01326,0.01398,0.03084,0.03409,-0.05165,0.02564,-0.13421,0.01068,-0.00709,0.0482,0.05997,-0.07578,0.01659,0.03656,0.08588,0.12335,0.01286,-0.01133,-0.05391,0.06031,-0.11824,0.02213,-0.09764,0.02164,-0.00647,-0.03898,0.05954,0.03031,0.01397,-0.03552,-0.04388,0.03607,0.02354,-0.0171],"keywords":"Angular Diagram Example – Custom Connection Type in Foblex Flow Angular Diagram Example – Custom Connection Type in Foblex Flow Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning. Example ::: ng-component <custom-connection-type</custom-connection-type [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.scss :::","excerpt":"Example ::: ng-component <custom-connection-type</custom-connection-type [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.scss :::"},{"chunkId":"/examples/custom-connection-type#3","slug":"custom-connection-type","route":"/examples/custom-connection-type","section":"examples","title":"Angular Diagram Example – Custom Connection Type in Foblex Flow","description":"Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning.","group":"Connections - Appearance","vector":[-0.04972,0.01155,-0.05659,0.03059,-0.0565,0.02766,-0.02617,0.02983,0.01578,0.02204,-0.05058,-0.01018,-0.10047,0.04665,0.09061,0.01918,0.04208,-0.0141,-0.01956,0.00151,-0.04045,-0.06015,-0.01506,-0.04413,-0.0474,0.01196,0.05036,0.05148,0.08649,-0.04873,0.03645,0.09577,-0.08834,0.05095,-0.09779,0.03831,-0.00675,0.07645,-0.02414,-0.02325,0.05158,0.03555,0.04996,-0.04176,-0.01372,-0.03575,-0.10222,-0.01172,-0.05335,0.03117,0.00075,-0.08327,-0.11098,0.01923,0.03794,0.02363,-0.03224,-0.0193,-0.02551,0.07072,0.00918,0.03525,0.0064,0.03391,-0.04131,0.0312,-0.05383,0.08484,0.01093,0.00969,0.03337,-0.04151,-0.04666,-0.07227,0.02043,-0.04706,0.01967,0.06813,-0.08507,-0.0413,0.00911,0.09619,-0.02831,0.04017,0.02187,0.06923,0.00518,-0.14071,0.00631,-0.01159,-0.00339,0.03976,0.04012,-0.04175,0.07026,0.03512,0.01848,-0.03727,-0.05848,0.04742,0.0006,-0.10134,0.02804,0.01845,0.0085,-0.00225,-0.01826,0.04711,-0.02866,-0.05835,-0.0301,0.02546,-0.04493,-0.08499,-0.079,-0.02899,-0.06037,-0.02979,0.09196,0.07586,-0.03621,-0.01629,0.02976,-0.06355,0.06563,-0.03986,-0.059,0,0.02924,0.04428,-0.05946,-0.02449,0.11125,0.04085,-0.05358,-0.08709,0.01489,0.01647,-0.01726,0.05305,-0.08351,0.07092,0.01142,-0.0036,-0.02213,0.01775,-0.00903,-0.00462,0.03534,-0.01322,-0.04964,0.07039,0.05314,0.11047,-0.00048,0.03403,-0.02486,0.02092,0.04982,0.02307,0.04184,0.00678,-0.03144,0.05549,-0.00981,-0.07131,-0.00938,-0.04382,0.02141,-0.00553,-0.07057,0.01381,0.00209,0.01552,-0.01437,0.00951,-0.02766,0.02129,-0.00374,0.03091,0.06312,0.03014,0.03431,-0.0757,-0.02591,0.10101,0.03829,0.06513,0.00698,0.01744,-0.03446,-0.01338,0.03947,0.08784,-0.02164,-0.04541,0.0448,-0.07961,-0.10615,0.12373,-0.06526,0.01662,0.00802,-0.05039,-0.07685,0.04311,0.08826,0.02728,-0.08941,-0.07938,0.00513,0.03744,0.02507,-0.0574,0.02291,-0.04544,-0.01234,0.01292,0.05849,0.07123,0.03115,0.03583,0.10583,0,-0.08182,0.0701,0.00811,0.04739,0.07119,-0.02059,0.0623,0.00141,-0.04966,0.03406,0.06874,0.03849,0.00192,-0.02543,-0.01751,-0.05097,-0.06687,-0.10643,0.00698,-0.00009,0.04877,0.02603,-0.02601,-0.08115,-0.01864,0.06802,-0.06886,-0.02925,0.01399,-0.01037,-0.01816,-0.00334,-0.01573,-0.0896,-0.02719,0.05626,0.00017,-0.01058,-0.02029,-0.02699,-0.0004,-0.01534,-0.05519,0.0158,-0.04192,0.05583,-0.10717,0.00817,-0.01516,-0.04397,-0.07854,0.04541,0.01268,-0.04207,-0.01933,-0.01872,0.11312,0.00424,-0.07212,0.00787,0.03383,-0.08825,0.02865,0.03036,0.01764,-0.02695,0.01723,-0.09651,0.05732,0.07575,0.02894,0.04194,-0.07826,-0.05099,0.10221,-0.02411,0.07999,0.00096,0.05552,0.09924,-0.07282,0.0757,0.04495,0.03296,0.04948,0.0164,-0.08442,0.04199,0.06176,0.07118,-0.06525,-0.01585,-0.06136,0.06812,-0.03009,0,-0.12218,-0.01287,-0.02604,-0.02748,0.02171,-0.00251,-0.06387,-0.00242,-0.02415,0.05455,-0.05884,0.11384,-0.07768,0.04884,0.07732,0.01152,0.01979,-0.01416,-0.01236,-0.01792,-0.00962,-0.03094,0.01427,0.09895,0.01103,-0.04849,0.00892,0.06803,-0.00173,0.08081,-0.03913,0.00385,0.05252,0.09795,-0.05365,0.00755,-0.0789,0.02425,-0.04738,0.03848,0.09442,-0.02176,-0.0122,0.03001,0.04965,0.1103,0.04628,-0.02077,-0.05609,0.04836,-0.11039,0.01742,-0.09556,-0.03164,-0.00367,0.01667,0.01928,0.00238,0.04282,-0.00996,-0.07276,-0.02495,0.00611,-0.0198],"keywords":"Angular Diagram Example – Custom Connection Type in Foblex Flow Angular Diagram Example – Custom Connection Type in Foblex Flow Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning. What this solves - Reusable edge behavior for one specific connection category. - Better visual distinction between different graph relationships. - A safer path to domain-specific graph UX without forking the whole editor model. This example is useful when you want a consistent custom edge type, not just one-off styling tweaks.","excerpt":"What this solves - Reusable edge behavior for one specific connection category. - Better visual distinction between different graph relationships. - A safer path to domain-specific graph UX without forking the whole editor model. This example is useful when you want a consistent custom edge type, not just one-off styling tweaks."},{"chunkId":"/examples/custom-connection-type#4","slug":"custom-connection-type","route":"/examples/custom-connection-type","section":"examples","title":"Angular Diagram Example – Custom Connection Type in Foblex Flow","description":"Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning.","group":"Connections - Appearance","vector":[-0.03849,-0.02557,-0.06877,0.03077,-0.07976,0.07884,0.05894,0.0253,0.00279,-0.02275,-0.01918,-0.00579,-0.08131,0.02675,0.07637,0.03816,0.02306,-0.02957,-0.0273,0.00472,-0.03437,-0.0766,-0.0435,-0.02978,-0.06395,-0.00993,0.05229,0.01151,0.09332,-0.02847,0.00696,0.07721,-0.09333,0.04158,-0.11012,0.03148,0.05067,0.0573,-0.07509,0.00839,0.09486,-0.0007,0.03572,-0.03236,0.00727,-0.01286,-0.05377,-0.0181,-0.07099,0.00213,-0.03817,-0.07682,-0.09154,0.04429,0.02014,0.00692,-0.00047,-0.00151,-0.02218,0.04136,-0.00753,-0.00349,0.00571,0.00933,-0.02828,-0.00938,-0.06804,0.0706,0.01164,-0.01211,-0.03145,-0.04039,-0.00613,-0.08573,0.00817,-0.01676,0.02658,0.06049,-0.03563,-0.07692,0.01771,0.11651,-0.01477,0.03396,0.02627,0.07671,0.00469,-0.13433,-0.01551,-0.01618,0.01181,0.04353,-0.04213,-0.03501,0.05739,0.031,-0.006,-0.03619,-0.0506,0.04317,-0.00337,-0.05233,0.01875,0.03375,-0.02577,-0.0022,-0.03659,0.0479,-0.01683,-0.04033,-0.0281,-0.01807,-0.0471,-0.12412,-0.06725,-0.02574,-0.07848,-0.00977,0.06885,0.08177,-0.02566,-0.04194,0.02428,-0.08225,0.02689,-0.01436,-0.03358,0,-0.02054,0.03709,-0.05345,0.04202,0.09621,0.02288,-0.04171,-0.07718,0.02845,0.01766,-0.00933,0.02081,-0.10752,0.07679,-0.01311,-0.01158,-0.01323,-0.00455,-0.00428,0.01667,0.06877,-0.02644,-0.0537,0.01709,0.07841,0.08472,0.01688,0.03149,-0.04887,0.01235,0.11123,0.00188,0.03243,-0.01428,-0.01205,0.00929,-0.03669,-0.07294,-0.03407,-0.0181,0.01402,-0.0442,-0.1003,0.03797,-0.01475,0.00341,-0.00053,0.03832,0.01713,0.01037,-0.04737,0.02251,0.01548,-0.02087,0.05572,-0.01856,-0.05945,0.13217,0.00842,0.00953,0.00097,0.03623,-0.02621,-0.03829,0.04338,0.06005,-0.0353,-0.06022,0.03243,-0.05999,-0.08231,0.11076,-0.06083,0.01834,0.001,-0.04442,-0.06071,0.04963,0.09492,0.02961,-0.10366,-0.06425,0.02189,0.0783,0.02754,-0.05675,0.00353,-0.08551,-0.00212,-0.01298,0.05163,0.06774,0.01586,0.00338,0.0504,0,-0.05726,0.06907,-0.02936,0.04613,0.09303,-0.0341,0.08285,0.03359,-0.00445,0.0812,0.10122,0.06628,0.0102,-0.01832,-0.0053,-0.03882,-0.07319,-0.08621,0.02342,0.00444,0.03755,0.01432,0.01416,-0.10752,-0.04638,0.02887,-0.0176,-0.02576,-0.00279,0.02399,-0.00071,0.01851,-0.02274,-0.03239,-0.07162,0.00528,0.02269,-0.00881,-0.03493,-0.05624,0.03214,-0.01337,-0.01095,-0.01718,-0.061,0.01718,-0.08512,-0.06242,-0.00636,0.00194,-0.05153,0.02597,-0.04335,0.00111,-0.05754,0.02326,0.0949,-0.00034,-0.03691,0.0078,0.04826,-0.10055,0.03143,0.03937,0.06123,-0.01246,-0.00203,-0.0869,0.08202,0.05984,0.04027,0.06192,-0.00884,-0.00777,0.07918,-0.03249,0.07864,0.0205,0.06098,0.07823,-0.04271,0.09466,0.03118,0.05169,0.10186,0.01479,-0.09294,0.04383,0.04612,0.06073,-0.04782,0.00673,-0.02141,0.03848,-0.04487,0,-0.12027,-0.04529,-0.02068,-0.07039,0.05602,-0.01709,-0.08765,-0.00778,-0.02667,0.06591,-0.04399,0.09733,-0.05288,0.01514,0.12185,0.03273,0.00764,-0.02729,-0.03921,-0.03183,-0.02675,0.00858,0.01346,0.13308,0.02512,-0.02597,0.04093,0.07549,-0.01289,0.04234,-0.02542,0.01438,0.04006,0.04066,-0.0697,0.07502,-0.10321,0.00917,-0.05068,0.05277,0.05206,-0.03521,0.03529,0.02099,0.1112,0.12869,-0.02515,-0.00367,-0.0847,0.07342,-0.1052,0.03438,-0.08365,0.0092,-0.00113,-0.03032,0.02905,0.01623,0.01627,-0.00875,-0.08681,0.03752,0.04383,-0.04731],"keywords":"Angular Diagram Example – Custom Connection Type in Foblex Flow Angular Diagram Example – Custom Connection Type in Foblex Flow Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning. Related docs - Connection Component - Connection Marker Directive - Connection Types Example - Connection Gradients Example","excerpt":"Related docs - Connection Component - Connection Marker Directive - Connection Types Example - Connection Gradients Example"},{"chunkId":"/examples/connection-behaviours#0","slug":"connection-behaviours","route":"/examples/connection-behaviours","section":"examples","title":"Angular Diagram Example – Custom Connection Behaviours","description":"Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules.","group":"Connections - Appearance","vector":[-0.04316,-0.00045,-0.0641,0.03131,-0.07854,0.00386,-0.0505,-0.02207,0.01422,0.03742,0.03415,0.04987,-0.02308,0.04761,0.07676,0.05855,-0.02343,-0.04411,-0.04657,-0.05619,-0.04095,-0.07371,-0.02789,-0.06069,0.00782,-0.00694,-0.01758,0.03054,0.11343,-0.06445,-0.02484,-0.00721,-0.07036,0.01382,-0.13326,0.02306,0.01327,0.04258,-0.02106,0.03653,0.05257,0.0125,0.04136,-0.07004,-0.03673,0.00312,-0.15153,0.03894,-0.07669,0.03001,-0.07651,-0.07866,-0.09874,-0.0226,0.08352,-0.01426,-0.02481,0.01518,-0.00898,0.03199,0.04754,-0.0174,-0.02432,0.0449,0.01071,0.03462,-0.05085,0.07961,-0.02594,0.02824,0.00265,-0.04097,-0.06182,-0.07148,0.00087,-0.0208,-0.0717,0.08186,-0.06337,-0.0845,0.01626,0.04903,-0.05585,0.03305,0.02349,0.04418,-0.02977,-0.12976,0.02907,-0.03376,0.03312,0.05612,0.00129,0.01617,-0.01941,0.04395,0.01735,-0.00516,-0.06791,0.05944,0.00653,-0.07758,0.01068,0.03356,0.01674,0.01553,-0.03104,0.01451,-0.0055,0.02726,-0.0291,0.04101,-0.03739,-0.05596,-0.07554,-0.03583,-0.00472,-0.02207,0.04941,0.09079,-0.03218,0.00367,0.00192,-0.07613,0.03349,0.00169,-0.02482,0,0.03193,-0.01984,-0.0714,-0.03262,0.10389,-0.00275,-0.13306,-0.06586,0.03309,0.07946,0.02632,0.05819,-0.05184,0.04305,0.03591,-0.00392,0.05429,0.01036,0.02136,-0.00458,-0.01828,-0.05891,-0.04507,0.08431,0.08135,0.10298,0.03796,0.02353,-0.01099,0.01936,0.12143,0.0503,0.01503,0.02868,0.01419,0.0089,-0.03009,-0.06369,-0.03525,-0.01315,0.02618,-0.08239,-0.0892,0.04759,-0.04277,0.0371,-0.02439,0.01911,0.02433,0.03067,-0.06607,0.07041,0.00213,0.00446,0.05898,-0.02938,-0.06472,0.10389,0.00166,0.06546,0.01287,-0.01233,-0.01484,-0.05888,0.00885,0.05508,-0.05906,-0.07326,0.0788,-0.0777,-0.07308,0.06083,-0.03121,0.01296,-0.03644,-0.05743,-0.13779,0.03346,0.07038,0.00063,-0.05518,-0.07536,-0.00954,0.04107,-0.01737,-0.05315,0.03629,-0.04263,-0.02376,0.01843,0.06203,0.08285,0.08104,0.04589,0.11201,0,-0.0825,0.07743,0.02901,0.06195,0.04212,-0.01628,0.04764,0.02267,0.02375,0.09548,0.10966,0.03479,-0.00919,0.02107,-0.02369,-0.02121,0.00363,-0.0754,0.0314,0.01466,0.06509,0.05447,-0.02824,-0.04389,0.00523,0.06494,-0.07712,-0.09483,0.01305,0.0146,-0.03258,-0.0152,-0.0031,-0.03712,-0.02351,0.02178,0.02509,0.02133,-0.00257,-0.08741,0.01293,0.02498,0.00076,-0.0008,-0.01857,0.00694,-0.05859,-0.00953,-0.11004,-0.04501,-0.06959,0.03423,0.06281,-0.0434,-0.03017,0.01189,0.0783,-0.00898,-0.00475,-0.004,0.01912,-0.08945,-0.00274,0.00326,-0.00537,0.01473,0.03373,-0.12489,0.09522,0.05288,-0.00979,0.01333,0.01731,-0.04423,0.09292,-0.00952,0.06662,-0.03784,-0.00857,0.03278,-0.06838,0.08711,0.00705,-0.01725,-0.00684,0.02995,-0.05408,0.04104,0.05628,0.07363,-0.05481,0.02974,-0.04385,0.04487,0.00356,0,-0.06159,-0.01145,0.00749,-0.05239,0.07863,-0.00828,0.02174,-0.00436,-0.03048,0.08357,-0.01682,0.11474,-0.08397,0.00871,0.05897,0.00188,0.00842,0.0217,-0.01385,0.00488,-0.02682,0.01509,0.05124,0.12081,0.00589,-0.03548,-0.01668,0.05309,-0.06893,0.07616,-0.02485,-0.00337,0.07668,0.03506,-0.08301,0.00915,-0.10883,0.00239,-0.02478,0.03364,0.09763,-0.03359,0.01991,0.03399,0.04616,0.1128,0.03691,-0.02723,-0.00574,0.03032,-0.08288,-0.03748,-0.06789,-0.06398,-0.00803,-0.02438,0.06628,0.01259,-0.00636,0.00291,-0.05689,0.04302,-0.03137,-0.07525],"keywords":"Angular Diagram Example – Custom Connection Behaviours Angular Diagram Example – Custom Connection Behaviours Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules. Connection Behaviours","excerpt":"Connection Behaviours"},{"chunkId":"/examples/connection-behaviours#1","slug":"connection-behaviours","route":"/examples/connection-behaviours","section":"examples","title":"Angular Diagram Example – Custom Connection Behaviours","description":"Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules.","group":"Connections - Appearance","vector":[-0.01947,-0.04842,-0.0282,-0.01489,-0.03642,0.00341,-0.03328,0.01081,0.03751,0.00126,-0.00368,0.03432,-0.02712,0.04048,0.09519,0.0869,0.02107,-0.03612,-0.0651,-0.06748,-0.03184,-0.06199,-0.03071,-0.06366,-0.0725,0.02125,0.01249,0.02466,0.10418,-0.05527,0.00014,0.0352,-0.08888,0.03312,-0.06917,0.04043,-0.02128,0.05333,-0.05094,-0.00712,0.0826,0.00052,-0.00003,-0.08303,-0.00257,-0.02425,-0.11284,0.00976,-0.04335,0.02754,-0.07076,-0.04371,-0.08337,-0.03903,0.09007,0.00436,0.0109,-0.00146,-0.00254,0.02773,0.05031,-0.00894,-0.0189,0.02235,0.0084,0.04654,-0.02793,0.0778,-0.04105,0.0401,0.04771,-0.04498,-0.06766,-0.04616,-0.01121,0.02094,-0.0127,0.03189,-0.05208,-0.04148,-0.01922,0.06202,-0.08742,0.02984,-0.00121,0.04057,-0.03163,-0.13084,0.0757,-0.01624,-0.00469,0.04808,0.00487,-0.01506,0.03391,0.02165,0.03307,-0.01948,-0.08392,0.05958,-0.02499,-0.07157,0.0231,-0.0193,0.008,0.03106,-0.05528,0.0048,-0.01403,0.02384,-0.01692,0.05547,-0.0133,-0.02855,-0.09158,-0.0627,-0.02233,-0.03747,0.02045,0.10454,-0.04302,0.03439,0.02594,-0.0454,0.04354,0.00077,-0.04059,0,-0.00758,-0.00153,-0.03472,-0.03395,0.09412,0.01715,-0.07817,-0.06283,0.02914,0.06516,-0.00583,0.02499,-0.07719,0.05623,0.00442,0.02007,0.02062,-0.02731,0.00277,0.02191,-0.03112,-0.08487,-0.096,0.1279,0.01985,0.05504,0.02776,0.05638,0.04158,0.01324,0.06125,0.04778,0.07333,0.03274,-0.02568,0.05671,-0.03372,-0.09043,0.00669,-0.01181,0.00985,-0.02985,-0.04521,0.07288,-0.00834,0.02585,-0.06152,0.00963,-0.01676,0.01249,-0.01721,0.06522,0.11635,-0.03547,0.04248,-0.09636,-0.03365,0.06225,0.04958,0.11719,-0.05194,-0.02308,-0.01352,-0.01637,0.03648,0.09826,-0.05525,-0.03168,0.04137,-0.07371,-0.09596,0.0862,-0.05337,-0.00537,-0.00726,-0.09534,-0.10578,0.02357,0.08957,-0.00334,-0.02006,-0.01369,-0.00168,0.0178,0.00868,-0.03731,-0.02254,-0.03746,-0.0524,0.03031,0.08421,0.07324,0.06906,0.07979,0.13693,0,-0.10085,0.05786,0.06984,0.04094,0.08209,-0.03052,0.00632,-0.02562,0.01704,0.04317,0.10572,0.01826,-0.01279,-0.00376,-0.03302,-0.00296,0.01982,-0.07992,0.0678,0.02493,0.09077,0.04977,-0.0473,-0.04189,-0.03417,0.04244,-0.06654,-0.03133,0.03365,0.01803,0.01249,-0.02068,-0.00093,-0.06271,-0.02686,0.01589,0.01727,-0.02092,0.0339,-0.11249,-0.0348,0.00747,-0.01336,-0.00484,-0.01928,0.04247,-0.06069,-0.04704,-0.08221,-0.06323,-0.09229,0.07425,0.03259,-0.06332,-0.0443,-0.0042,0.09833,-0.02105,-0.01847,-0.02108,0.01644,-0.05838,0.03763,-0.00604,-0.02392,0.02672,0.05427,-0.12567,0.06388,0.01912,-0.01066,0.04915,-0.03239,-0.02953,0.07601,-0.03561,0.05175,-0.02715,0.01376,0.02912,-0.08552,0.0647,0.05845,-0.01864,-0.04059,0.03566,-0.08888,0.04596,0.05983,0.09184,-0.09384,0.00849,-0.05337,0.05171,-0.01154,0,-0.06345,0.00737,0.01684,-0.01057,0.02829,-0.00347,0.00308,-0.01218,-0.00231,0.04794,-0.01572,0.09861,-0.10988,0.02988,0.08757,0.00905,0.00207,-0.02262,-0.01735,0.01051,0.01616,0.02179,0.08354,0.1344,-0.00142,-0.08464,0.01466,0.04193,-0.03764,0.05178,-0.05601,-0.0313,0.07501,0.10495,-0.07767,-0.04637,-0.05535,0.01227,-0.01676,0.04448,0.07561,-0.01337,-0.01129,0.01586,0.02656,0.08381,0.05656,-0.04465,-0.01267,0.07009,-0.0407,-0.01201,-0.08973,-0.0745,0.00047,-0.04901,0.04073,-0.00167,0.0244,-0.0053,-0.07335,-0.02872,-0.00955,-0.05416],"keywords":"Angular Diagram Example – Custom Connection Behaviours Angular Diagram Example – Custom Connection Behaviours Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules. Description This example demonstrates how to apply different behaviors to different connections in the same Angular node editor. Not every edge in a product should behave the same way: some connections may snap aggressively, some may stay constrained, and some may need their own hover or rerouting rules. This matters once your diagram is more than a visual demo. Workflow builders, logic editors, and domain-specific graph tools often need edge behavior that depends on the source node, target node, or the meaning of that connection. Treating connection behavior as part of product logic usually gives a better result than trying to force every edge into one generic interaction model.","excerpt":"Description This example demonstrates how to apply different behaviors to different connections in the same Angular node editor. Not every edge in a product should behave the same way: some connections may snap aggressively, some may stay constrained, and some may need their own hover or rerouting rules. This matters once your diagram is more than a visual demo. Workflow builders, logic editors, and domain-specific graph tools often need edge behavior that depends on the source node, target node, or the meaning of that connection. Treating connection behavior as part of product logic usually gives a better result than trying to force every edge into one generic interaction model."},{"chunkId":"/examples/connection-behaviours#2","slug":"connection-behaviours","route":"/examples/connection-behaviours","section":"examples","title":"Angular Diagram Example – Custom Connection Behaviours","description":"Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules.","group":"Connections - Appearance","vector":[-0.06123,-0.00559,-0.06746,0.02581,-0.02491,0.02331,-0.02257,0.00747,0.02896,0.04242,-0.0068,0.05699,-0.03164,0.06434,0.07381,0.02714,-0.02347,-0.01381,-0.04754,-0.04052,0.01146,-0.068,-0.00812,-0.01956,-0.01891,0.00419,-0.0154,-0.00834,0.10866,-0.03474,0.01202,0.04514,-0.08008,0.02552,-0.11279,0.05244,0.01373,0.05163,-0.02438,0.02386,0.08266,0.02956,0.03432,-0.09818,-0.01974,-0.0184,-0.14286,0.01464,-0.08016,0.00031,-0.05076,-0.06584,-0.0928,0.01332,0.08935,-0.03741,-0.01009,-0.04003,0.02048,0.02259,-0.00485,-0.05161,-0.03552,0.03065,0.03857,0.03348,-0.08872,0.06723,-0.01713,0.05903,0.00726,-0.00886,-0.05668,-0.05941,0.02531,-0.02464,-0.08119,0.1116,-0.05712,-0.09888,0.03456,0.02787,-0.01907,0.02498,0.02597,0.07184,-0.00728,-0.11985,0.04844,-0.00568,0.00909,0.06745,-0.01413,0.01211,0.00429,0.03681,-0.04894,0.01218,-0.05466,0.06546,-0.0035,-0.09049,0.05196,0.07764,0.04111,-0.00551,-0.02051,0.03865,-0.02752,0.01309,-0.03716,0.05407,0.0123,-0.06288,-0.03686,-0.05581,0.00906,-0.01798,0.04716,0.10629,-0.0107,-0.0275,-0.01406,-0.07336,0.05804,0.02052,-0.00452,0,0.01654,-0.00784,-0.05755,0.00656,0.08498,-0.01071,-0.09586,-0.08301,0.02332,0.12993,-0.01068,0.06527,-0.0458,0.01206,0.00894,-0.04754,0.03592,0.0322,0.00612,0.01491,0.02537,-0.04786,-0.04129,0.07485,0.13085,0.01692,-0.00142,0.03007,-0.04941,0.00821,0.11975,0.06211,0.026,-0.00684,0.02723,0.00697,-0.01773,-0.04337,-0.06729,-0.03795,0.04597,-0.05923,-0.10938,0.07581,-0.02861,0.00106,-0.04498,-0.01521,0.05345,0.00638,-0.03152,0.08169,0.02053,-0.01232,0.06887,-0.03347,-0.03295,0.06197,-0.02933,0.08516,-0.00517,-0.02306,-0.02183,-0.05548,0.05674,0.03491,-0.04678,-0.04482,0.05577,-0.09251,-0.08494,0.09823,-0.06118,0.0068,-0.03451,-0.07634,-0.07207,0.04903,0.06206,-0.01486,-0.04037,-0.09068,-0.04297,0.08676,-0.0238,-0.06574,0.01431,-0.0776,-0.03173,-0.05663,0.074,0.03837,0.04155,0.00957,0.06669,0,-0.02051,0.04428,-0.0003,0.0987,-0.00418,-0.02599,0.08042,0.05316,0.0741,0.0916,0.07445,0.03378,0.00497,-0.02842,0.00972,-0.02306,-0.01035,-0.08567,0.06267,0.01145,0.04627,0.06566,-0.03936,-0.04437,0.02011,0.06016,-0.0494,-0.04084,-0.02898,-0.0034,-0.03632,-0.01479,-0.03747,-0.03007,-0.06619,-0.02628,0.02658,0.08658,0.01402,-0.04918,0.05778,0.08152,-0.0013,0.00414,-0.0194,0.02555,-0.03329,-0.0235,-0.08811,-0.04722,-0.06336,0.02073,0.01332,0.01726,-0.02239,-0.0149,0.10237,-0.03712,-0.04798,0.00205,0.0586,-0.06654,-0.02357,0.02147,0.01942,0.02011,-0.05327,-0.11292,0.10653,0.03288,0.01192,-0.01633,0.00566,-0.01987,0.08633,-0.01425,0.05994,-0.02693,-0.00388,0.0705,-0.07173,0.10759,0.00538,0.03737,-0.01213,0.05244,-0.10886,0.02093,0.08798,0.05624,-0.06277,-0.00281,-0.04752,0.01708,-0.00756,0,-0.093,-0.03136,-0.02169,-0.05829,0.06674,-0.00735,-0.01979,-0.03051,-0.01812,0.05479,-0.04611,0.12158,-0.02844,-0.04421,0.06344,-0.01439,0.01261,0.00603,-0.05354,0.02545,-0.03922,0.02592,0.02468,0.11473,0.01942,-0.06059,-0.02406,0.04046,-0.04009,0.0311,-0.02815,0.00069,0.0543,0.01562,-0.06391,0.02849,-0.13455,-0.00197,0.01172,0.0449,0.07842,-0.05851,0.04257,0.03,0.01238,0.09923,0.0083,-0.02144,-0.00084,-0.00143,-0.09264,0.01001,-0.08415,0.00704,-0.00005,-0.03515,0.03906,0.00461,0.01407,-0.01689,-0.02862,0.05633,-0.02443,-0.06881],"keywords":"Angular Diagram Example – Custom Connection Behaviours Angular Diagram Example – Custom Connection Behaviours Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules. Example ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.scss :::","excerpt":"Example ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.scss :::"},{"chunkId":"/examples/connection-behaviours#3","slug":"connection-behaviours","route":"/examples/connection-behaviours","section":"examples","title":"Angular Diagram Example – Custom Connection Behaviours","description":"Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules.","group":"Connections - Appearance","vector":[-0.02822,-0.01543,-0.01861,0.02477,-0.06708,-0.00856,-0.05509,0.00691,0.00984,0.03064,0.02601,0.06593,-0.04282,0.07476,0.09139,0.03345,0.02916,-0.05493,-0.03962,-0.05195,-0.02761,-0.04909,-0.02073,-0.06084,-0.02581,-0.02336,-0.00501,0.02444,0.12484,-0.03073,-0.01811,0.02323,-0.08023,0.00638,-0.14544,0.04816,0.00135,0.06101,-0.02919,0.02081,0.04332,0.00657,0.02689,-0.06074,-0.02248,-0.03403,-0.16921,0.01412,-0.07509,0.0377,-0.04082,-0.05079,-0.08999,-0.02554,0.09534,-0.03355,-0.03538,0.02573,0.00666,0.0221,0.01077,0.00487,-0.01197,0.03809,0.01452,0.04127,-0.04655,0.09031,0.00492,0.02075,0.00025,-0.04351,-0.05206,-0.06493,0.00366,-0.02929,-0.05912,0.07909,-0.07381,-0.07244,0.02768,0.05034,-0.05386,0.02228,0.01429,0.08386,-0.03233,-0.13548,0.05248,-0.02079,0.04664,0.02777,0.01566,-0.00225,0.0068,0.02262,0.03325,0.01763,-0.07452,0.05007,0.03278,-0.06762,0.01812,0.02205,0.01642,-0.00226,-0.02869,0.00316,-0.0226,0.00107,-0.0263,0.03137,-0.02784,-0.06646,-0.08073,-0.01398,-0.00645,-0.01407,0.03788,0.09662,-0.08172,-0.00797,0.01652,-0.05613,0.04207,0.01192,-0.05051,0,0.02607,0.00206,-0.06638,-0.03575,0.07105,0.01141,-0.11375,-0.06024,0.04774,0.06906,0.03993,0.06776,-0.05512,0.05845,0.03391,0.03399,0.02416,-0.00486,0.02283,0.00443,-0.00601,-0.04673,-0.05448,0.10947,0.08136,0.08082,0.04001,0.05369,-0.00933,0.0087,0.0856,0.03884,0.03029,0.01652,0.00486,0.036,-0.04813,-0.05387,-0.01499,-0.01641,0.00679,-0.0611,-0.07889,0.04419,0.00952,0.03721,-0.03047,0.00848,-0.01121,0.01102,-0.03646,0.06813,0.0343,0.02595,0.06666,-0.0534,-0.03427,0.05966,0.02203,0.05635,-0.01842,-0.01009,-0.04344,-0.02901,0.01346,0.05564,-0.05751,-0.05892,0.06403,-0.0941,-0.10587,0.05827,-0.06537,0.00886,-0.01525,-0.08417,-0.12494,0.02673,0.07202,-0.0022,-0.0573,-0.05833,-0.0074,0.05204,-0.01723,-0.04399,0.02381,-0.0298,-0.0083,-0.00516,0.08919,0.07434,0.04362,0.08338,0.146,0,-0.06049,0.0741,0.01629,0.04609,0.03521,-0.03451,0.05093,-0.01577,0.02739,0.04662,0.11846,0.0289,-0.01473,0.00776,-0.03202,-0.02531,-0.02649,-0.06753,0.04229,0.01728,0.0654,0.02059,-0.03305,-0.04484,0.01648,0.04574,-0.07218,-0.07037,0.01564,0.01761,-0.01392,-0.01115,0.03065,-0.04515,-0.03308,0.00545,0.03588,0.01109,0.00133,-0.08767,-0.02793,0.02525,-0.00383,0.01625,-0.01428,0.05953,-0.08442,0.00092,-0.10466,-0.04154,-0.06514,0.02434,0.06,-0.06165,-0.02178,0.00267,0.0987,-0.00674,-0.02254,-0.00762,0.01254,-0.07614,0.01773,-0.00323,-0.04365,0.01465,0.03937,-0.12083,0.10015,0.04304,-0.00119,0.00885,-0.00366,-0.03848,0.10032,-0.02255,0.07881,-0.04807,0.00016,0.03718,-0.07179,0.08728,0.02687,0.00189,-0.03454,0.05844,-0.08219,0.06083,0.05072,0.0741,-0.05695,0.01237,-0.02063,0.04715,-0.02006,0,-0.08198,0.00199,0.01441,-0.05316,0.03633,-0.00653,-0.00554,-0.00366,-0.00351,0.08141,-0.03439,0.13166,-0.10145,-0.01373,0.09582,0.00613,0.0302,-0.01053,-0.02155,0.01625,-0.01843,-0.00402,0.01785,0.11416,0.02876,-0.03977,0.01801,0.0574,-0.09211,0.07034,-0.03158,-0.01404,0.07498,0.05725,-0.10255,0.00435,-0.09121,-0.02209,0.0068,0.02233,0.09705,-0.04248,0.01609,0.007,0.01399,0.09681,0.07605,-0.04439,-0.00781,0.05414,-0.108,-0.02584,-0.06235,-0.06394,-0.01859,-0.00041,0.06432,-0.02273,0.00486,-0.02496,-0.04763,0.03821,-0.0056,-0.06027],"keywords":"Angular Diagram Example – Custom Connection Behaviours Angular Diagram Example – Custom Connection Behaviours Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules. What this solves - Different interaction rules for different connection types. - Cleaner UX for mixed diagrams with strict and flexible edges. - A clearer path from generic diagrams to domain-specific editors. Use this pattern when your graph UI needs more than a single default connection behavior.","excerpt":"What this solves - Different interaction rules for different connection types. - Cleaner UX for mixed diagrams with strict and flexible edges. - A clearer path from generic diagrams to domain-specific editors. Use this pattern when your graph UI needs more than a single default connection behavior."},{"chunkId":"/examples/connection-behaviours#4","slug":"connection-behaviours","route":"/examples/connection-behaviours","section":"examples","title":"Angular Diagram Example – Custom Connection Behaviours","description":"Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules.","group":"Connections - Appearance","vector":[-0.02889,-0.03085,-0.04189,0.00033,-0.10378,-0.0004,-0.02334,-0.01074,-0.00152,0.0259,0.03438,0.06169,-0.01338,0.06355,0.06821,0.04528,-0.04426,-0.04359,-0.06009,-0.02603,-0.05097,-0.10464,-0.04,-0.06876,-0.0011,-0.00874,0.00918,0.01108,0.12373,-0.02949,0.00475,0.03069,-0.08071,0.00902,-0.12513,0.00612,0.01633,0.04602,-0.0327,0.03429,0.07038,-0.02718,0.02368,-0.05939,-0.01822,0.01624,-0.13814,0.03205,-0.06551,0.00256,-0.10455,-0.07117,-0.10352,0.01262,0.08026,-0.01535,-0.00738,0.03994,0.00173,0.00692,0.04661,-0.02532,-0.03836,0.0262,0.00464,0.04861,-0.03718,0.07984,-0.0337,0.0202,-0.02007,-0.02674,-0.03349,-0.07219,0.00426,-0.01454,-0.03147,0.08574,-0.07772,-0.05318,-0.00297,0.05571,-0.07804,0.00971,0.01632,0.05264,-0.009,-0.13799,0.01417,-0.043,0.01816,0.0478,0.02796,-0.00159,-0.01081,0.03991,0.0117,0.01439,-0.06887,0.05031,-0.01376,-0.06569,0.01559,0.02327,0.03077,0.00534,-0.03114,-0.02146,0.01052,0.02934,-0.02143,0.04054,-0.03918,-0.07665,-0.07191,-0.04819,0.00269,-0.00245,0.04665,0.05309,-0.05894,-0.00273,0.0052,-0.07173,0.06369,0.01608,-0.02159,0,0.01175,-0.01764,-0.06494,-0.02985,0.10239,0.00047,-0.1084,-0.06824,0.06104,0.06605,0.01025,0.03446,-0.04232,0.03785,0.02798,-0.0114,0.01866,-0.02005,0.04788,0.03429,-0.01041,-0.07026,-0.03418,0.08202,0.10013,0.06697,0.05444,0.01181,-0.00734,0.00595,0.11378,0.04844,0.02877,0.02392,0.00897,-0.01459,-0.03751,-0.06524,-0.03695,-0.01183,0.02799,-0.07228,-0.09304,0.02379,-0.02802,-0.00221,0.0016,0.029,0.04616,0.02568,-0.04458,0.04688,0.04015,-0.01049,0.03919,-0.03555,-0.06383,0.09903,-0.00168,0.08224,-0.03641,-0.04388,0.01072,-0.06432,0.03797,0.07876,-0.05609,-0.05545,0.07741,-0.08068,-0.09197,0.04372,-0.09516,-0.01084,-0.04619,-0.07151,-0.13833,0.04357,0.09194,-0.00817,-0.046,-0.07323,0.0041,0.06445,-0.0172,-0.03875,0.00994,-0.06339,-0.02068,-0.00621,0.02212,0.06467,0.09516,0.06171,0.13259,0,-0.07167,0.04997,0.00175,0.07703,0.05885,0.00273,0.047,0.00761,0.01156,0.09729,0.11049,0.03796,0.00862,0.00801,-0.05298,0.02518,-0.00779,-0.09319,0.01127,0.03736,0.04226,0.01557,0.00555,-0.05041,0.02564,0.05854,-0.02377,-0.06975,0.02724,0.00185,-0.0169,0.00955,-0.00566,-0.03479,-0.02567,0.00096,0.05052,0.0212,0.00498,-0.08491,0.02051,0.02185,0.02317,0.02152,-0.04147,0.02585,-0.04098,-0.01035,-0.15069,-0.01032,-0.07275,0.03599,0.03395,-0.00816,-0.03112,0.02204,0.07651,-0.02419,-0.01998,-0.01129,0.04111,-0.0956,0.01852,0.00493,0.02994,-0.00667,0.00271,-0.11471,0.05263,0.04442,0.00211,-0.0046,0.03118,-0.04697,0.0712,-0.03523,0.09106,-0.03382,0.02665,0.04313,-0.07025,0.09897,0.0008,-0.00927,-0.02821,0.0509,-0.03629,0.05575,0.05798,0.05375,-0.0745,0.03742,-0.03674,0.03103,0.01744,0,-0.05273,-0.01924,-0.01327,-0.05239,0.0811,-0.01857,-0.02966,0.00449,-0.02867,0.1205,0.00187,0.11193,-0.0928,0.00812,0.06858,-0.00189,0.0052,0.01041,-0.02843,0.02152,-0.01363,-0.0062,0.05576,0.14266,0.0316,-0.04477,-0.0135,0.03025,-0.04926,0.05898,-0.04311,-0.00719,0.09185,-0.00908,-0.09223,0.05792,-0.08234,0.01457,0.00262,0.0376,0.09077,-0.0242,0.0206,0.03127,0.0229,0.113,0.02337,-0.01381,0.01147,0.05887,-0.0793,-0.00899,-0.05708,-0.07266,-0.01688,-0.01923,0.03341,0.00912,0.06076,-0.00022,-0.05559,0.03848,-0.03517,-0.05315],"keywords":"Angular Diagram Example – Custom Connection Behaviours Angular Diagram Example – Custom Connection Behaviours Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules. Related docs - Connection Component - Snap Connection Component - Connection Rules - Connection Types Example","excerpt":"Related docs - Connection Component - Snap Connection Component - Connection Rules - Connection Types Example"},{"chunkId":"/examples/connection-markers#0","slug":"connection-markers","route":"/examples/connection-markers","section":"examples","title":"Connection Markers","description":"Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts.","group":"Connections - Appearance","vector":[-0.05533,-0.02245,-0.04852,0.06349,0.0252,0.04952,0.02213,-0.03796,0.06153,-0.02261,-0.01416,-0.00355,-0.09884,0.04114,0.02144,0.05015,-0.04137,-0.0527,0.05874,-0.03604,-0.02945,-0.04247,-0.05298,0.035,0.04294,0.05677,0.01952,0.00141,0.06569,0.02421,-0.0309,-0.00428,-0.11779,0.02153,-0.10188,-0.00242,0.14471,0.05914,-0.02432,0.01016,0.13089,-0.02778,0.02618,-0.01421,-0.01314,0.05693,-0.11896,-0.01768,-0.08974,0.09598,-0.00626,-0.06816,-0.05778,0.00398,0.02693,-0.04951,0.01503,-0.01162,-0.00647,0.05299,0.00497,-0.02023,-0.02455,0.04412,-0.00314,-0.01035,-0.02706,0.0684,-0.03027,0.01065,-0.01259,-0.04678,0.01864,-0.05903,0.00041,0.00762,0.00422,0.00773,-0.01779,-0.03392,0.02574,0.08269,-0.01692,0.06362,0.01445,0.09516,-0.01956,-0.08292,0.01439,-0.0336,-0.04087,0.00817,0.00921,-0.00903,0.052,0.05231,-0.03286,-0.01412,-0.01461,-0.00512,0.06277,-0.04733,-0.00823,0.00008,0.03931,0.01017,-0.05615,0.03054,0.07356,0.00612,-0.00496,-0.012,0.03212,-0.06271,-0.11369,-0.00753,-0.09396,0.00716,0.03297,0.06181,-0.04898,-0.01209,-0.03191,-0.08366,0.04106,-0.00884,0.01224,0,-0.03357,0.001,-0.03006,0.03292,-0.00492,0.0383,-0.07695,-0.1408,0.01087,0.08488,0.01597,0.00063,-0.072,0.10492,-0.01021,-0.01779,0.05685,-0.05256,-0.044,-0.01291,-0.00589,-0.05457,-0.05065,-0.00104,0.10003,0.0581,-0.03047,0.08055,-0.03593,0.0017,0.09749,-0.00791,0.02695,-0.00017,0.02292,0.00163,-0.05504,-0.03879,-0.03098,0.03314,0.0455,-0.09386,-0.18756,0.07575,-0.03707,0.01534,-0.01708,-0.02309,0.01837,-0.03973,-0.05394,0.05422,-0.0674,-0.08807,0.03705,-0.03695,-0.03499,0.06483,-0.04429,0.00507,-0.05574,-0.00179,-0.01867,-0.08396,0.04056,0.02256,0.00501,-0.02146,0.01478,-0.0812,-0.05852,0.02532,0.02273,0.00801,-0.01332,-0.061,-0.0108,0.14912,0.07495,0.01861,-0.07622,-0.08662,0.04091,0.07196,0.02626,-0.09724,-0.03135,-0.07539,-0.0802,-0.01206,0.07508,0.11716,0.03591,0.03886,-0.00141,0,-0.03896,0.0455,0.02411,0.06098,-0.00755,-0.04925,0.10593,0.05459,0.0014,0.03417,0.10168,0.07006,-0.05935,-0.03317,0.02915,0.01314,-0.00774,-0.00261,0.06381,-0.01681,0.02929,-0.01529,-0.00169,-0.03654,0.02731,0.01578,-0.01188,-0.12554,-0.04803,-0.02001,-0.00461,-0.02362,0.03462,-0.03647,-0.04183,-0.02021,0.06871,0.01026,-0.04713,0.03468,-0.04198,0.00578,-0.03233,0.0001,-0.04116,0.02112,-0.05251,-0.03979,-0.07755,0.03532,0.0079,0.06195,-0.01603,0.01732,-0.0493,0.02169,-0.02653,-0.00545,0.00334,-0.03766,0.01245,-0.05784,-0.00191,0.00979,0.0878,0.03345,0.01855,-0.05674,0.0797,0.02153,0.01639,0.02636,0.04721,-0.04508,0.05199,-0.05252,0.03531,-0.05316,0.00093,0.00908,-0.03029,0.08467,0.01743,0.05065,0.12004,0.07215,-0.09425,-0.00198,0.03753,0.07628,-0.03512,0.05349,-0.03957,-0.00399,-0.01212,0,-0.0964,-0.01635,-0.04633,-0.12396,0.05853,0.02808,-0.06454,0.03793,0.01081,0.12887,-0.01525,0.06622,-0.06744,-0.04742,0.10474,-0.05292,-0.01195,0.04784,-0.02177,0.03155,0.00677,0.03792,-0.05092,0.12381,-0.01325,-0.0639,0.03793,0.09264,0.00621,0.02028,-0.03664,-0.00744,0.03147,-0.01458,-0.03053,0.046,-0.08049,-0.00604,-0.02023,0.09872,0.06102,0.00564,0.02613,0.01697,0.01948,0.08073,-0.00438,0.00659,-0.09348,-0.00424,-0.04976,-0.01841,-0.05958,0.00114,0.01763,-0.08738,0.04001,0.02879,-0.02,0.00046,-0.05859,0.02632,0.03634,-0.05624],"keywords":"Connection Markers Connection Markers Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts. --- toc: false wideContent: true --- Connection Markers wide Content","excerpt":"--- toc: false wideContent: true --- Connection Markers"},{"chunkId":"/examples/connection-markers#1","slug":"connection-markers","route":"/examples/connection-markers","section":"examples","title":"Connection Markers","description":"Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts.","group":"Connections - Appearance","vector":[-0.04522,-0.01788,-0.04136,0.05601,0.00857,0.05105,0.04645,0.04273,0.04189,-0.01873,0.00021,-0.00499,-0.0843,0.0376,0.08696,0.06329,-0.01391,-0.07653,0.03462,-0.0407,0.00394,-0.08072,-0.03275,-0.00608,-0.00915,0.01942,0.01697,0.04926,0.07534,0.00484,-0.01231,-0.00296,-0.10024,0.00424,-0.10746,-0.0046,0.11654,0.06511,-0.06431,-0.01873,0.11781,-0.05261,0.01048,-0.00731,-0.0188,0.02563,-0.06207,0.00566,-0.06803,0.07576,0.00454,-0.05967,-0.08209,-0.01481,0.07334,-0.00231,0.01255,-0.02275,-0.03928,0.02196,0.01039,-0.06067,-0.02671,-0.00042,0.00701,-0.01804,0.00865,0.01586,-0.01784,0.02951,-0.02115,-0.03957,-0.00319,-0.05577,-0.02885,0.05709,0.00202,0.06816,-0.01722,-0.05816,0.0286,0.1093,0.00451,0.0679,0.02209,0.07361,-0.05181,-0.11678,0.01731,0.0046,-0.01278,0.0198,-0.00458,-0.03267,0.0504,0.05819,-0.05396,-0.0267,-0.00216,0.03393,0.03423,-0.05401,-0.0068,-0.02098,0.03555,-0.00964,-0.07804,0.0162,0.0295,-0.00299,-0.03354,-0.01617,0.03403,-0.05355,-0.11281,0.01479,-0.1051,-0.00242,0.09272,0.07931,-0.04042,0.00574,-0.01326,-0.05784,0.02345,0.01444,-0.04091,0,-0.01439,0.04995,-0.05798,-0.00463,-0.02857,0.06032,-0.07057,-0.11974,0.00377,0.06586,0.00463,-0.01034,-0.05261,0.09605,0.02382,-0.03527,0.04339,-0.03456,-0.04156,-0.02971,0.00403,-0.04836,-0.06017,0.0009,0.09587,0.08038,-0.01999,0.08654,-0.06535,-0.00063,0.09937,-0.02539,0.01778,-0.00852,0.02749,0.00199,-0.04664,-0.07971,-0.03885,-0.00918,0.05976,-0.06209,-0.16764,0.09239,-0.02557,0.03924,-0.03549,-0.01872,0.03376,-0.02132,-0.03576,0.04743,-0.0386,-0.07556,0.03725,-0.04959,-0.06502,0.03589,-0.05135,-0.02548,-0.09036,-0.00781,0.00255,-0.06931,0.03036,0.056,0.00759,-0.017,0.01334,-0.08907,-0.01151,0.04735,0.03007,-0.00119,-0.00067,-0.03023,-0.02502,0.11729,0.07114,0.01152,-0.07094,-0.03478,-0.03029,0.03736,0.05007,-0.10512,0.01385,-0.09138,-0.06613,-0.03169,0.08796,0.12799,0.02418,0.09138,-0.01561,0,-0.03696,0.03373,0.03469,0.03508,0.01603,-0.02706,0.10249,-0.00187,0.01147,0.03753,0.0483,0.04414,-0.02188,-0.03985,-0.00204,-0.01209,-0.02487,0.00419,0.09504,-0.01213,0.0505,0.00821,-0.04438,-0.02325,0.02016,0.01992,0.00737,-0.14018,-0.06601,-0.00617,-0.0014,-0.04696,0.03606,-0.03097,-0.01158,-0.0228,0.05386,-0.02168,-0.01704,-0.00758,-0.00844,0.0221,0.01439,0.00244,-0.03107,0.04153,-0.03707,-0.03232,-0.09529,0.02173,-0.01749,0.08353,-0.02838,0.00678,-0.0725,0.01933,0.03045,-0.01241,-0.03001,0.00871,0.01699,-0.06693,0.02655,0.04164,0.05733,-0.01773,0.05017,-0.07482,0.05533,0.02125,-0.02185,0.03081,0.04209,-0.04359,0.0851,-0.02412,0.0855,-0.03973,-0.00927,0.01795,-0.08012,0.08002,0.02736,0.05538,0.08427,0.04026,-0.08211,0.01273,0.0455,0.06608,-0.03357,0.0425,-0.02398,0.03807,0.01207,0,-0.0904,-0.02193,-0.04774,-0.10105,0.05733,0.00125,-0.07392,0.01498,-0.03945,0.084,-0.04887,0.09551,-0.14262,-0.00374,0.07334,-0.04757,0.03894,0.02094,-0.03076,0.0348,-0.02582,0.02301,-0.05313,0.09792,-0.02084,-0.04494,0.08184,0.1028,-0.0056,0.0568,-0.05353,0.01,0.04111,0.05704,-0.07287,0.00208,-0.08349,-0.0062,-0.00197,0.11163,0.08766,0.01825,0.04502,0.01111,0.04502,0.11361,0.0031,-0.00719,-0.09795,0.01249,-0.05137,-0.05419,-0.03988,-0.01504,0.00792,-0.0515,0.04357,0.0427,0.03198,0.00596,-0.0273,0.01979,0.03788,-0.06773],"keywords":"Connection Markers Connection Markers Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts. Description This example now shows the three main ways to work with connection markers. - Use built-in shape markers when you want a quick default setup: <f-connection-marker-circle / and <f-connection-marker-arrow /. - Use custom svg[fMarker] when you need product-specific geometry, sizing, or branding. - Use EFMarkerType.STARTALLSTATES and EFMarkerType.ENDALLSTATES when the same marker should be rendered for both normal and selected connections. Markers are useful when the meaning of an edge matters: direction, approval, success or failure paths, or domain-specific relationship types. They let you add meaning to a connection without changing routing or building a custom connection renderer. In this demo: - The first connection uses the built-in circle and arrow markers. - The second connection uses custom SVG markers that apply to both normal and selected states. - The third connection shows the fully explicit mode, where normal and selected markers are defined separately. f Marker EF Marker Type","excerpt":"Description This example now shows the three main ways to work with connection markers. - Use built-in shape markers when you want a quick default setup: <f-connection-marker-circle / and <f-connection-marker-arrow /. - Use custom svg[fMarker] when you need product-specific geometry, sizing, or branding. - Use EFMarkerType.STARTALLSTATES and EFMarkerType.ENDALLSTATES when the same marker should be rendered for both normal and selected connections. Markers are useful when the meaning of an edge matters: direction, approval, success or failure paths, or domain-specific relationship types. They let you add meaning to a connection without changing routing or building a custom connection renderer. In this demo: - The first connection uses the built-in circle and arrow markers. - The second connection uses custom SVG markers that apply to both normal and selected states. - The third connection shows the fully explicit mode, where normal and selected markers are defined separately."},{"chunkId":"/examples/connection-markers#2","slug":"connection-markers","route":"/examples/connection-markers","section":"examples","title":"Connection Markers","description":"Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts.","group":"Connections - Appearance","vector":[-0.05688,0.00143,-0.07643,0.0569,0.01613,0.09417,0.01977,0.0132,0.04933,0.011,-0.05286,0.00575,-0.05868,0.03779,0.03958,0.02,-0.04415,-0.01643,0.03977,-0.04151,-0.00503,-0.05522,-0.01437,0.03994,0.02976,0.03593,-0.00039,0.0002,0.05252,0.03858,-0.02195,-0.01146,-0.06486,0.03865,-0.09897,0.00438,0.09872,0.07528,-0.02792,-0.00889,0.11812,-0.00674,0.03058,-0.0482,0.01235,0.03012,-0.09731,0.00241,-0.08113,0.07175,-0.01223,-0.06464,-0.05056,0.05345,0.06425,-0.06392,0.03497,-0.05729,-0.00053,0.04231,-0.03755,-0.05215,-0.02033,0.01427,-0.00094,0.02228,-0.06099,0.0729,-0.04232,0.02718,0.00028,-0.0216,0.01175,-0.06672,0.00298,-0.00825,-0.02801,0.04992,-0.0061,-0.0268,0.02259,0.04294,0.00672,0.07848,-0.01604,0.09072,0.00483,-0.06436,0.0043,-0.03638,-0.03645,0.05235,-0.0363,-0.02418,0.06406,0.05303,-0.08716,-0.01312,-0.01884,0.01889,0.03177,-0.06908,0.02314,0.02193,0.01709,0.00433,-0.05754,0.04246,0.03454,0.00871,-0.02581,0.0008,0.05995,-0.05719,-0.0586,-0.00884,-0.07692,-0.00997,0.03601,0.09087,-0.00557,-0.00628,-0.04879,-0.0914,0.06672,0.01657,0.0227,0,-0.00145,0.02404,-0.02903,0.03154,-0.00291,0.01829,-0.07026,-0.17168,-0.00314,0.09601,-0.01831,0.02656,-0.06009,0.06961,-0.0322,-0.0559,0.05655,-0.03626,-0.03244,-0.00365,0.02921,-0.06518,-0.03723,0.01366,0.14066,0.02791,-0.04194,0.08764,-0.05276,-0.01009,0.08529,0.01354,0.01359,-0.05956,0.0131,-0.04424,-0.02857,-0.01791,-0.04361,0.00936,0.08374,-0.06993,-0.1615,0.10099,-0.04084,0.01307,-0.03409,-0.04327,0.07861,0.00689,-0.02632,0.05148,-0.06063,-0.08037,0.05853,-0.0293,-0.02333,0.04177,-0.05955,0.03019,-0.04644,-0.00906,-0.00209,-0.08803,0.06418,0.00218,0.00305,-0.00007,0.02468,-0.08322,-0.05364,0.04059,-0.00364,-0.01613,-0.0063,-0.04236,0.01637,0.12996,0.04177,0.00546,-0.06646,-0.12363,-0.01412,0.08946,0.04148,-0.12467,-0.0406,-0.08353,-0.07752,-0.06757,0.07392,0.07352,0.00443,0.0207,-0.02495,0,0.00117,0.02817,0.04421,0.08809,-0.0132,-0.0488,0.11071,0.07436,0.03956,0.07945,0.04768,0.07358,-0.02291,-0.04421,0.03797,0.0176,-0.03252,0.00531,0.1026,-0.03617,0.0176,0.02679,-0.01426,-0.02857,0.02955,0.02901,0.02347,-0.0876,-0.04823,-0.05402,-0.02097,-0.06108,-0.0125,-0.02025,-0.04642,-0.03822,0.07461,0.03172,-0.04707,0.02609,0.03227,0.05955,-0.02624,-0.00589,-0.0325,0.03756,-0.03334,-0.03234,-0.08411,0.0232,-0.00989,0.02965,-0.02769,0.02599,-0.0592,-0.0128,0.03131,-0.01084,-0.01605,-0.02278,0.03621,-0.06895,-0.02469,0.02763,0.09689,0.00995,-0.01915,-0.06866,0.06033,0.03383,0.01496,0.02502,0.05204,-0.01586,0.09127,-0.00768,0.01762,-0.01166,0.02096,0.02598,-0.02532,0.10122,0.01654,0.06347,0.09281,0.08689,-0.11438,-0.01528,0.07185,0.04253,-0.06798,0.0344,-0.02043,-0.01569,-0.00345,0,-0.10324,-0.02006,-0.06205,-0.09928,0.04789,0.01739,-0.05668,0.00796,-0.00638,0.10335,-0.04149,0.0762,-0.01891,-0.06566,0.06918,-0.05664,0.00736,0.03701,-0.03415,0.02986,0.01619,0.04284,-0.03921,0.13273,-0.00531,-0.09793,0.01648,0.06776,-0.01022,0.01942,-0.03178,-0.00877,0.03658,-0.04351,-0.00269,0.01302,-0.13797,-0.01239,0.01377,0.08663,0.04359,-0.02862,0.03324,-0.00592,-0.00533,0.07259,-0.02014,-0.0136,-0.06595,-0.02188,-0.03877,-0.0215,-0.07724,0.04198,-0.01018,-0.07533,0.02616,0.04812,0.01102,-0.0185,-0.04603,0.03841,0.03856,-0.06112],"keywords":"Connection Markers Connection Markers Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts. Example ::: ng-component <connection-markers</connection-markers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.scss :::","excerpt":"Example ::: ng-component <connection-markers</connection-markers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.scss :::"},{"chunkId":"/examples/connection-markers#3","slug":"connection-markers","route":"/examples/connection-markers","section":"examples","title":"Connection Markers","description":"Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts.","group":"Connections - Appearance","vector":[-0.05405,-0.01173,-0.03468,0.05012,0.00283,0.04766,0.03167,-0.02886,0.07169,-0.03422,-0.00488,0.00506,-0.09509,0.04407,0.04763,0.06146,-0.05519,-0.04051,0.06604,-0.0398,-0.02377,-0.04127,-0.05673,0.02809,0.03939,0.07215,0.02117,0.00365,0.07926,0.0373,-0.03029,-0.02253,-0.10199,0.02538,-0.11584,0.01132,0.13391,0.05685,-0.03975,0.01385,0.12233,-0.03282,0.03214,-0.00855,-0.02373,0.05562,-0.09717,-0.01777,-0.08826,0.08106,-0.02089,-0.06929,-0.03972,0.01135,0.03917,-0.05223,0.02577,-0.00905,-0.01771,0.04281,-0.00088,-0.02455,-0.01648,0.02721,-0.01186,-0.00838,-0.00642,0.07439,-0.03359,0.00428,-0.02061,-0.03878,0.02296,-0.08005,-0.03168,0.01383,0.01937,0.01796,0.00381,-0.04629,0.02261,0.07633,-0.01742,0.06437,0.01922,0.10779,-0.02573,-0.09261,0.01754,-0.02319,-0.04733,0.00867,0.00668,-0.03047,0.05124,0.05872,-0.03788,-0.00713,-0.00573,0.00068,0.06234,-0.03799,-0.00546,-0.00697,0.02883,-0.00385,-0.06783,0.01856,0.06254,0.00609,-0.02261,-0.01589,0.03934,-0.04781,-0.10464,0.01552,-0.09618,-0.005,0.04682,0.07643,-0.03742,-0.01413,-0.03935,-0.09703,0.02885,0.01592,0.00235,0,-0.02727,-0.00023,-0.0452,0.00885,0.00037,0.03416,-0.08846,-0.1438,-0.00341,0.05341,0.00076,-0.00764,-0.06688,0.11588,-0.02457,-0.01302,0.06335,-0.05127,-0.01564,-0.00533,0.02089,-0.04554,-0.05067,-0.00632,0.08783,0.085,-0.01574,0.06633,-0.04941,-0.01316,0.11599,-0.00501,0.00104,-0.02889,0.01973,-0.00143,-0.02769,-0.04337,-0.03329,0.01766,0.06861,-0.09432,-0.1888,0.07681,-0.03748,0.01757,-0.02509,-0.03891,0.0494,-0.02591,-0.05574,0.04338,-0.07315,-0.08939,0.04451,-0.02728,-0.05638,0.05219,-0.06956,-0.01915,-0.06111,0.01169,0.00538,-0.10004,0.0629,0.02564,0.01971,-0.00286,0.00949,-0.07298,-0.03332,0.02198,0.0096,-0.01374,-0.00895,-0.04588,-0.00838,0.14673,0.06662,0.02875,-0.08645,-0.11079,0.02951,0.07476,0.04708,-0.06676,-0.01269,-0.08949,-0.07449,-0.01636,0.07209,0.10052,0.03062,0.04601,-0.00403,0,-0.04256,0.02929,0.03941,0.06612,0.00054,-0.03846,0.09653,0.05168,-0.00348,0.03656,0.05941,0.08194,-0.04332,-0.01772,0.02548,0.03019,-0.03077,-0.00271,0.07456,-0.02308,0.02579,0.0074,-0.00021,-0.03095,0.03133,-0.00759,0.01607,-0.12921,-0.057,-0.03727,-0.00698,-0.02915,0.02051,-0.02222,-0.03562,-0.00632,0.07744,-0.00999,-0.05454,0.02634,-0.03031,0.0131,-0.02155,-0.00126,-0.03796,0.0412,-0.05816,-0.0367,-0.09046,0.03969,0.01172,0.06096,-0.03023,0.01775,-0.062,0.02543,-0.01034,0.00082,-0.01013,-0.02822,-0.00324,-0.05979,-0.0055,0.01842,0.08194,0.01534,0.00888,-0.0639,0.06035,0.01641,0.00978,0.04064,0.05846,-0.03446,0.07465,-0.04483,0.03117,-0.02045,0.0001,0.01332,-0.01965,0.08538,0.00979,0.04704,0.10769,0.07264,-0.09046,-0.00448,0.02606,0.06034,-0.04717,0.06683,-0.0518,0.01235,-0.00564,0,-0.08307,-0.01318,-0.03401,-0.13284,0.06358,0.02574,-0.07916,0.04561,-0.00895,0.12628,-0.03832,0.06323,-0.0646,-0.04336,0.07954,-0.03677,0.00233,0.03887,-0.01491,0.03358,0.01862,0.02282,-0.04995,0.13745,-0.02007,-0.06475,0.06627,0.07163,-0.01107,0.01561,-0.04582,0.0236,0.05105,-0.0215,-0.02194,0.03225,-0.08583,-0.02688,-0.00047,0.09839,0.06854,-0.0219,0.0327,0.00115,0.00545,0.09126,-0.0135,-0.01378,-0.0829,-0.00035,-0.03239,-0.03003,-0.04494,0.02045,0.01347,-0.07828,0.03853,0.02174,0.0087,0.00297,-0.04271,0.03246,0.05145,-0.05657],"keywords":"Connection Markers Connection Markers Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts. Related docs - Connection Marker Docs - Connection Content Example","excerpt":"Related docs - Connection Marker Docs - Connection Content Example"},{"chunkId":"/examples/connection-content#0","slug":"connection-content","route":"/examples/connection-content","section":"examples","title":"Angular Diagram Example – Connection Content on Edges","description":"Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts.","group":"Connections - Appearance","vector":[-0.01572,-0.01135,-0.11683,0.01346,-0.04248,0.07026,-0.01059,0.05613,0.03909,0.05855,-0.01407,0.01889,-0.05534,0.05838,0.06543,0.02374,-0.02479,-0.01717,0.00637,-0.0382,-0.06833,-0.03208,0.00583,-0.03219,-0.00074,0.06212,0.00704,0.01515,0.07825,-0.04167,0.01271,-0.0178,0.00838,0.0336,-0.13055,0.0507,0.01872,0.02232,-0.03157,-0.00151,0.09758,0.03584,0.02701,-0.07029,-0.00956,0.02225,-0.11521,0.00804,-0.06028,0.09721,-0.09963,-0.11544,-0.07072,0.04632,0.02667,-0.03107,-0.00233,-0.06737,0.02794,0.03789,0.06765,0.01693,0.01086,0.06769,-0.00982,-0.0093,-0.07116,0.13963,-0.0387,-0.02897,0.01194,-0.05415,0.01758,-0.04508,0.01329,-0.05893,-0.00982,0.07071,-0.04752,-0.05577,0.01457,0.09366,0.02472,0.06642,-0.07642,0.06583,0.02134,-0.06849,-0.04584,-0.07562,0.00105,0.02391,-0.00069,-0.02494,0.08518,0.0333,-0.04461,-0.04325,-0.09013,0.00229,0.0175,-0.08046,0.00247,0.0044,-0.01993,0.00625,-0.08215,0.0182,0.00948,-0.01733,-0.01992,0.02206,-0.06871,-0.08664,-0.07604,-0.03306,-0.09586,-0.03631,0.03967,0.0381,-0.00832,0.02768,-0.00384,-0.04859,0.05665,-0.00543,-0.02044,0,0.00683,0.00978,-0.03873,0.04726,0.06145,-0.00964,-0.06444,-0.12704,0.05191,0.07,-0.00422,0.03646,-0.08729,0.04005,-0.0659,-0.09097,-0.00367,0.02169,0.00962,0.01233,0.03073,-0.07565,-0.02338,0.04502,0.07885,0.08267,0.00807,0.0327,-0.06582,-0.00167,0.09192,0.02747,0.03396,-0.0201,0.01434,-0.04239,-0.06297,-0.05072,0.00319,-0.0006,0.05014,-0.08845,-0.12873,0.02407,-0.01299,0.00631,-0.04225,-0.03258,0.06842,0.05532,0.00143,0.0455,-0.01142,-0.04151,0.07009,-0.0568,-0.10079,0.07365,0.00466,0.02264,0.02896,0.02379,-0.0152,-0.09666,0.07412,0.05074,0.01253,-0.05277,0.07495,-0.06489,-0.09774,0.01195,0.00524,0.00784,-0.00461,-0.00503,-0.03984,0.05479,0.03381,0.03511,-0.05327,-0.12462,0.02886,0.048,0.04289,-0.08063,0.03455,-0.0743,-0.00738,0.00619,0.09428,0.07824,-0.02568,0.03758,0.09388,0,-0.03904,0.05376,0.01849,0.05148,0.0591,-0.03947,0.06182,0.04549,0.00842,0.06231,0.06066,0.04781,-0.03652,-0.02089,-0.03325,0.00837,0.00609,-0.05448,0.0363,-0.04781,0.02215,0.04984,-0.02728,-0.0923,-0.01219,0.08807,-0.01571,-0.07078,0.03667,0.01159,-0.00101,-0.04384,-0.01013,-0.05431,-0.0299,-0.01706,0.0689,0.0286,-0.03351,-0.07485,0.01938,-0.0045,-0.00884,-0.00866,-0.04432,0.01782,-0.07043,-0.04864,-0.06541,0.01209,-0.03082,0.04714,0.01841,-0.05456,-0.02456,0.0195,0.07618,0.02895,0.00655,-0.01222,0.00235,-0.0387,0.03519,-0.05655,0.03621,0.04021,0.01479,-0.09059,0.03034,0.05821,0.00122,0.05212,0.01763,-0.023,0.12629,0.05175,0.02224,0.00072,0.03558,-0.00138,-0.00488,0.07509,-0.0138,0.07744,0.08957,0.03302,-0.05598,-0.03639,0.06631,0.06125,-0.05646,0.00059,0.00781,0.05797,0.0249,0,-0.10028,-0.01351,-0.0438,-0.04942,0.01124,0.03746,-0.03987,-0.00157,-0.01262,0.04223,-0.01458,0.13533,-0.04185,-0.02354,0.08919,0.01187,-0.00644,0.01574,0.0256,-0.04455,0.04628,0.02628,0.05549,0.11257,0.0033,-0.02551,-0.00917,0.05666,-0.05479,0.00746,-0.00917,-0.02917,0.06753,0.04301,-0.00846,-0.05118,-0.12325,-0.035,-0.06384,0.00115,0.08827,0.01956,0.03717,0.00974,0.01494,0.11925,-0.0232,-0.03302,-0.08226,0.02142,-0.07384,0.0032,-0.0642,0.01165,-0.02277,0.00177,0.02731,0.01499,-0.02453,-0.00437,-0.12343,0.08316,0.02767,-0.06623],"keywords":"Angular Diagram Example – Connection Content on Edges Angular Diagram Example – Connection Content on Edges Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts. Connection Content","excerpt":"Connection Content"},{"chunkId":"/examples/connection-content#1","slug":"connection-content","route":"/examples/connection-content","section":"examples","title":"Angular Diagram Example – Connection Content on Edges","description":"Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts.","group":"Connections - Appearance","vector":[-0.0158,-0.03043,-0.09922,0.04636,0.01522,0.06335,0.01036,0.07685,0.07491,0.01518,-0.01872,0.08543,-0.08579,0.03081,0.07211,0.01134,0.00721,-0.04892,-0.00065,-0.00429,-0.08871,-0.03501,0.025,-0.05267,-0.00718,0.02885,0.00472,0.01976,0.07926,-0.0644,0.04487,0.01326,-0.02996,0.05994,-0.14604,0.06598,0.069,0.01327,-0.07068,-0.0161,0.08417,0.02195,0.01156,-0.04266,-0.00419,0.02962,-0.11882,-0.0625,-0.05289,0.09066,-0.07175,-0.08162,-0.05512,0.03922,0.01462,-0.0023,0.05493,-0.01275,-0.02041,0.05665,0.06023,-0.02548,0.02845,0.03959,0.00672,-0.02576,-0.04091,0.07672,-0.06406,-0.03069,0.00602,-0.04268,-0.00508,-0.01374,0.04829,0.00513,0.01648,0.06756,-0.02222,-0.08566,0.04155,0.14221,0.03262,0.05754,-0.01567,0.08949,0.00829,-0.11554,-0.04976,0.00376,0.02055,0.0271,-0.01092,-0.02602,0.01928,0.02921,-0.05428,-0.03982,-0.0887,0.01721,0.02793,-0.04484,-0.00079,0.01501,-0.00617,-0.00075,-0.08593,0.04654,0.01335,-0.02884,-0.00407,-0.0055,-0.07865,-0.0725,-0.09673,-0.04801,-0.04033,-0.02072,0.10843,0.05042,0.01334,0.04404,0.01677,-0.04002,0.04601,-0.01624,-0.04306,0,-0.04241,0.03635,-0.04862,0.04619,0.04663,-0.02132,-0.06651,-0.12766,0.02254,0.06663,-0.00997,0.00913,-0.08702,0.04146,-0.01399,-0.10984,-0.03088,0.01004,-0.02463,-0.02583,-0.00576,-0.05657,-0.00574,0.00522,0.07623,0.05538,-0.03159,0.0493,-0.12722,0.00225,0.03089,0.04134,0.05013,-0.01811,-0.0035,-0.01222,-0.05349,-0.0992,-0.0326,0.03001,0.03578,-0.08739,-0.08839,0.02728,-0.01501,0.0377,-0.02131,-0.06206,0.03746,0.00439,-0.00533,0.05037,0.05675,-0.0558,0.07637,-0.05383,-0.07584,0.03031,0.03863,0.02329,-0.0091,0.01022,-0.03287,-0.05056,0.02366,0.07881,0.04794,-0.02289,0.04538,-0.047,-0.05458,0.04436,-0.03597,0.03221,-0.00887,-0.04957,-0.06239,0.03177,0.08927,0.04212,-0.03708,-0.08398,0.04009,0.02731,0.03425,-0.1146,0.02021,-0.08071,-0.02095,-0.01984,0.07903,0.07633,0.00141,0.05781,0.03413,0,-0.02979,0.0304,-0.00297,0.04406,0.00814,0.00898,0.03985,0.07027,-0.01678,0.05545,0.0805,0.02601,-0.0556,-0.04875,-0.05514,0.0161,-0.0201,-0.06468,0.00528,-0.03697,0.05799,0.01249,0.02204,-0.06098,0.03029,0.04718,0.01102,-0.05678,0.02356,-0.00919,0.04417,-0.04158,-0.00379,-0.10592,0.01712,-0.0272,0.03805,0.01467,-0.02182,-0.06826,-0.00037,0.0362,0.00992,0.02546,-0.07049,0.03924,-0.06951,-0.06166,-0.07945,0.03953,-0.0264,0.0281,0.02529,-0.01233,-0.06471,0.03087,-0.00063,0.06139,-0.03336,0.02348,0.05212,-0.04213,-0.01281,-0.05318,0.08091,0.04425,0.01518,-0.06167,0.05406,0.06968,0.02483,0.04813,-0.00476,-0.03443,0.02503,0.04507,0.12362,-0.04036,0.02962,0.02853,-0.01549,0.06944,-0.01036,0.05775,0.1017,-0.01118,-0.08638,0.01745,0.04257,0.05521,-0.03184,0.03342,0.00037,0.07607,0.00702,0,-0.09389,-0.01437,-0.06612,-0.08232,0.02859,-0.00317,-0.02444,-0.07129,-0.06406,0.04957,-0.05986,0.10533,-0.10399,0.0038,0.05614,0.01144,-0.04482,0.03026,0.01619,-0.00343,0.01748,0.02084,0.00465,0.08958,-0.0011,-0.02177,-0.01207,0.09225,0.02145,-0.00036,-0.04505,-0.03743,0.02827,0.0744,-0.05288,0.00781,-0.07273,-0.10409,-0.05991,0.03614,0.10987,-0.00935,0.0906,0.02127,0.01503,0.09925,-0.02953,-0.02669,-0.07948,0.03127,-0.02502,-0.02527,-0.05304,-0.00156,0.02259,-0.01506,0.05868,0.05516,0.02114,0.00562,-0.1296,0.0547,0.05914,-0.04045],"keywords":"Angular Diagram Example – Connection Content on Edges Angular Diagram Example – Connection Content on Edges Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts. Description The fConnectionContent directive lets you attach any custom content to a connection line: text, icons, buttons, or widgets. The element can be positioned along the path, shifted perpendicularly, and optionally rotated to follow the connection. This is useful for adding labels, statuses, metrics, or interactive controls directly on diagram edges. In real products, it is one of the features that turns a passive edge into a meaningful UI element. fConnectionContent is rendered as a regular HTML block with the .f-connection-content class, so it should be styled directly as HTML content rather than as part of the SVG path. The base component gives it intrinsic width sizing, so by default it expands to its content. f Connection Content","excerpt":"Description The fConnectionContent directive lets you attach any custom content to a connection line: text, icons, buttons, or widgets. The element can be positioned along the path, shifted perpendicularly, and optionally rotated to follow the connection. This is useful for adding labels, statuses, metrics, or interactive controls directly on diagram edges. In real products, it is one of the features that turns a passive edge into a meaningful UI element. fConnectionContent is rendered as a regular HTML block with the .f-connection-content class, so it should be styled directly as HTML content rather than as part of the SVG path. The base component gives it intrinsic width sizing, so by default it expands to its content."},{"chunkId":"/examples/connection-content#2","slug":"connection-content","route":"/examples/connection-content","section":"examples","title":"Angular Diagram Example – Connection Content on Edges","description":"Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts.","group":"Connections - Appearance","vector":[-0.03804,0.00494,-0.10821,0.00044,-0.00052,0.12339,-0.01865,0.04152,0.04073,0.04727,-0.01345,0.04464,-0.02942,0.05421,0.05915,0.00303,-0.06309,-0.02581,0.01423,-0.0209,-0.02894,-0.03315,0.06311,-0.00341,-0.00111,0.05413,-0.02434,0.00991,0.06392,-0.01895,0.02589,0.00353,-0.0144,0.04421,-0.06805,0.05999,0.01574,0.0447,-0.00572,0.01661,0.1052,0.05215,0.04927,-0.09406,0.01164,0.03242,-0.10935,-0.00538,-0.07204,0.06629,-0.07274,-0.11941,-0.03317,0.04318,0.037,-0.01547,-0.00172,-0.0898,0.06737,0.0493,0.05489,-0.01391,0.00991,0.04657,0.00222,0.02732,-0.07997,0.09064,-0.07964,0.03662,0.01916,-0.04129,-0.0065,-0.04279,0.02843,-0.03396,-0.03727,0.10632,-0.04249,-0.06422,0.02646,0.0485,0.0332,0.07844,-0.05558,0.06663,0.00317,-0.09788,-0.03946,-0.05605,0.00383,0.00487,-0.02586,0.00354,0.07419,0.0299,-0.09323,-0.00766,-0.10383,0.05039,0.01089,-0.08246,0.03098,0.04914,0.0505,0.02684,-0.09976,0.03911,-0.02812,-0.00603,-0.01318,0.00983,-0.04386,-0.05595,-0.08366,-0.0503,-0.06004,-0.05836,0.0326,0.02287,0.03274,0.01664,-0.05813,-0.04647,0.04125,0.02304,-0.0163,0,0.00008,0.02284,-0.0072,0.02707,0.0504,-0.02658,-0.09036,-0.12574,0.03128,0.09508,-0.03346,0.01561,-0.08703,-0.01142,-0.08801,-0.09619,0.01511,0.02917,-0.06128,-0.00959,0.00268,-0.08203,-0.04559,0.0025,0.07384,0.02245,-0.0265,0.02231,-0.05533,-0.014,0.05646,0.03232,0.07619,-0.03362,0.01341,-0.05372,-0.03454,-0.02849,-0.03558,0.01407,0.07022,-0.05247,-0.08465,0.05876,-0.01091,0.02237,-0.0382,-0.06971,0.0868,0.02288,-0.0165,0.0571,-0.0127,-0.05341,0.07317,-0.07304,-0.06556,0.07225,-0.03409,0.04079,-0.00478,0.00242,0.00388,-0.07238,0.08647,0.03734,0.00507,-0.01695,0.05733,-0.08559,-0.08459,0.05876,-0.00576,0.01841,0.00968,-0.00736,-0.0415,0.05022,0.04115,0.04867,-0.0247,-0.11698,0.00688,0.06452,0.04256,-0.11953,0.03335,-0.09937,0.00312,-0.03587,0.07147,0.04475,-0.01144,0.02099,0.03605,0,-0.0056,0.0391,0.06132,0.08053,0.00063,0.00532,0.11719,0.10696,0.00556,0.09988,0.05441,0.04239,-0.03611,-0.06442,-0.00879,0.02159,-0.02913,-0.03828,0.05687,-0.02693,0.05353,0.07457,-0.02201,-0.06873,0.01568,0.08,0.02845,-0.03054,0.00627,-0.00687,-0.01289,-0.05889,-0.04346,-0.02833,-0.01249,-0.04547,0.01802,0.06913,-0.01967,-0.04924,0.02493,0.04873,-0.01919,0.00567,-0.02211,0.01221,-0.00307,-0.05025,-0.09667,-0.00017,-0.0368,0.03974,0.001,-0.00182,-0.02396,-0.01122,0.03599,0.00569,-0.05135,-0.02742,0.05749,-0.04233,-0.0059,-0.0698,0.08623,0.05346,-0.02575,-0.07419,0.03628,0.03732,0.01221,0.01827,0.01843,-0.01879,0.10067,0.04949,0.03577,-0.00435,0.01555,0.03256,-0.04774,0.08643,-0.02523,0.09786,0.08394,0.03505,-0.06787,-0.02406,0.0603,0.03991,-0.0866,-0.0178,0.0145,0.03704,0.03035,0,-0.10501,-0.0189,-0.05147,-0.05983,0.0073,0.00613,-0.04635,-0.03869,-0.03607,0.02391,-0.03464,0.12713,-0.03224,-0.04615,0.01497,-0.00478,-0.03859,0.05946,-0.00948,0.01282,0.01755,0.02907,0.0614,0.10076,-0.03716,-0.07621,-0.05224,0.06686,-0.01937,-0.0239,-0.00977,-0.05736,0.05369,0.03525,-0.01551,-0.0567,-0.15072,-0.05307,0.00033,0.02155,0.06975,-0.04629,0.05934,0.02949,0.01302,0.09836,-0.01277,0.01005,-0.05491,-0.00171,-0.06297,0.00002,-0.05576,0.02208,0.0181,-0.03084,0.04427,0.0515,-0.02807,0.00986,-0.08981,0.06949,0.02409,-0.05533],"keywords":"Angular Diagram Example – Connection Content on Edges Angular Diagram Example – Connection Content on Edges Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts. Example ::: ng-component <connection-content</connection-content [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.scss :::","excerpt":"Example ::: ng-component <connection-content</connection-content [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.scss :::"},{"chunkId":"/examples/connection-content#3","slug":"connection-content","route":"/examples/connection-content","section":"examples","title":"Angular Diagram Example – Connection Content on Edges","description":"Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts.","group":"Connections - Appearance","vector":[-0.03203,-0.01724,-0.11564,-0.02119,-0.06718,0.07895,-0.01797,0.04865,0.07416,0.03147,0.00043,0.04432,-0.04043,0.0595,0.04223,0.02335,-0.04689,0.01099,0.0257,-0.02069,-0.05326,-0.00703,0.02306,-0.01736,-0.00261,0.06327,0.01735,-0.00006,0.08135,-0.05428,0.01258,0.00259,-0.03531,0.05206,-0.12617,0.03073,-0.00424,0.00656,-0.00984,0.02659,0.14155,0.05996,0.04457,-0.11031,-0.00631,0.0445,-0.10218,0.01662,-0.0744,0.12518,-0.09273,-0.12821,-0.07287,0.06333,0.00108,0.00127,0.02793,-0.05136,0.05528,0.04146,0.11237,0.00496,0.02185,0.05736,-0.02534,-0.01203,-0.07297,0.09231,-0.04179,-0.00675,0.01791,-0.05429,0.02187,-0.03091,0.03382,-0.0556,0.01158,0.07835,-0.03439,-0.06755,0.00463,0.06935,0.04882,0.11044,-0.05838,0.03631,-0.01221,-0.04749,-0.02258,-0.06461,0.00799,0.0007,-0.00959,-0.02575,0.07328,0.03823,-0.03348,-0.03689,-0.10461,-0.00991,0.02408,-0.07014,-0.0309,0.04883,-0.00463,0.02351,-0.08111,-0.00622,-0.0126,-0.01158,-0.02622,0.02982,-0.05138,-0.06347,-0.1177,-0.05211,-0.08105,-0.02967,0.02782,0.02193,-0.00629,0.02001,-0.01242,-0.04211,0.04127,-0.00091,-0.01551,0,-0.00583,0.0052,0.00242,0.03581,0.05983,0.00531,-0.06462,-0.11304,0.06339,0.02975,-0.00359,0.03647,-0.10243,0.01093,-0.08146,-0.08765,-0.00229,0.0168,-0.01322,0.02359,0.02578,-0.10562,-0.05013,0.00263,0.03692,0.07362,-0.03485,0.01947,-0.10416,0.00618,0.07223,0.01379,0.02391,-0.02382,0.00784,-0.02732,-0.06557,-0.04168,-0.00712,0.03426,0.03241,-0.04134,-0.1198,-0.00248,-0.00503,0.03095,-0.04178,-0.04551,0.0539,0.05105,0.00231,0.05852,-0.02,-0.06323,0.08737,-0.09076,-0.0751,0.07107,-0.01714,0.02215,0.03352,0.02991,-0.01728,-0.09605,0.07136,0.04527,0.01193,-0.0382,0.04016,-0.0289,-0.09057,0.03503,-0.01714,0.01442,-0.00986,0.0083,-0.05359,0.04247,0.05521,0.02464,-0.03286,-0.09424,0.03262,0.01125,0.03591,-0.08413,0.02947,-0.0758,-0.01201,0.00133,0.11437,0.05597,-0.00462,0.06831,0.07715,0,-0.05769,0.04461,0.05857,0.06738,0.02199,-0.02933,0.10404,0.06669,-0.00378,0.07862,0.04952,0.04415,-0.06473,-0.00553,0.00251,-0.00057,-0.01727,-0.04578,0.01398,-0.047,0.04207,0.04654,-0.03011,-0.06224,0.00129,0.07145,0.02242,-0.05596,0.03844,-0.00193,0.00802,-0.05012,-0.01728,-0.07608,-0.0312,-0.0225,0.01112,0.05311,-0.00787,-0.05401,0.01358,0.00194,-0.011,0.00003,-0.04355,0.04395,-0.04951,-0.0177,-0.06415,0.01691,-0.02882,0.073,0.02581,-0.0373,-0.01479,0.04746,0.02715,0.03954,0.01027,-0.04042,-0.00544,-0.02501,0.05223,-0.08429,0.03636,0.07697,0.02658,-0.08438,0.02879,0.06781,0.04291,0.05504,0.017,-0.02438,0.10083,0.03526,0.04741,-0.01128,0.02965,-0.00076,-0.01747,0.08112,-0.00964,0.07101,0.06123,0.00433,-0.07398,-0.04505,0.07019,0.09136,-0.04617,0.00169,-0.00529,0.00312,0.02986,0,-0.13044,-0.04954,-0.03056,-0.02129,-0.01541,0.03538,-0.02702,-0.00425,0.0086,0.03106,-0.00132,0.1365,-0.02796,-0.03407,0.06777,0.00887,-0.00565,-0.00079,0.02067,-0.02055,0.02829,0.02029,0.05627,0.10726,-0.03069,-0.05782,-0.01826,0.07543,-0.02544,-0.03169,-0.01836,-0.05148,0.08553,0.05941,-0.02378,-0.05389,-0.10712,-0.04553,-0.04141,-0.01034,0.08505,0.01862,0.05156,0.01998,0.01257,0.08909,-0.00431,-0.0321,-0.07538,-0.00466,-0.06582,-0.01554,-0.04078,0.02352,-0.00951,-0.01813,0.02648,-0.01498,-0.04123,0.01177,-0.13062,0.07464,0.04332,-0.08007],"keywords":"Angular Diagram Example – Connection Content on Edges Angular Diagram Example – Connection Content on Edges Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts. API - position: number (0..1) positions the content along the connection. - offset: number shifts it perpendicularly in pixels. - align: 'none' 'along' controls whether the content rotates with the path.","excerpt":"API - position: number (0..1) positions the content along the connection. - offset: number shifts it perpendicularly in pixels. - align: 'none' 'along' controls whether the content rotates with the path."},{"chunkId":"/examples/connection-content#4","slug":"connection-content","route":"/examples/connection-content","section":"examples","title":"Angular Diagram Example – Connection Content on Edges","description":"Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts.","group":"Connections - Appearance","vector":[-0.04248,-0.00617,-0.09749,-0.01155,-0.00869,0.05607,-0.02353,0.05595,0.04305,0.04115,-0.02815,0.02867,-0.06533,0.05782,0.0967,0.01859,0.01175,-0.00084,-0.00561,-0.0841,-0.05179,-0.03143,-0.01714,-0.04092,-0.01062,0.06001,-0.01543,0.01931,0.10478,-0.03926,0.01526,0.00981,-0.01928,0.04402,-0.13672,0.08378,0.02701,0.03984,-0.044,-0.02386,0.07219,0.04022,0.02064,-0.06319,-0.0239,-0.02415,-0.09278,-0.02709,-0.07913,0.08337,-0.09199,-0.10724,-0.07186,0.01789,0.02175,-0.00296,0.04497,-0.05989,-0.01334,-0.00422,0.02886,0.00397,0.0121,0.05703,0.02192,0.02029,-0.05755,0.08513,-0.00567,-0.003,0.00395,-0.05622,0.01003,-0.04261,-0.01663,-0.10655,-0.02169,0.07498,-0.05079,-0.05968,0.00505,0.07162,-0.00983,0.07044,-0.05731,0.06798,0.01137,-0.08368,-0.01394,-0.05449,0.01217,0.02626,0.00661,-0.01491,0.1148,0.05548,-0.03529,-0.05638,-0.06942,0.03717,0.02391,-0.0833,0.04025,-0.00133,-0.03653,0.01002,-0.05909,0.02153,-0.0232,-0.02554,-0.0112,0.02063,-0.032,-0.07757,-0.06277,-0.04458,-0.0611,-0.04229,0.0255,0.06483,-0.0095,0.03815,0.02209,-0.03661,0.04206,-0.00925,-0.0345,0,0.02147,-0.00556,-0.05701,0.03843,0.05658,0.02291,-0.03371,-0.12682,0.05345,0.05552,0.01722,0.06756,-0.07346,0.03037,-0.03331,-0.09779,-0.01918,0.02362,0.02736,0.01597,0.03506,-0.1077,-0.03064,0.09548,0.0747,0.09623,0.00393,0.02667,-0.07496,-0.00266,0.06423,0.02319,-0.00958,0.01155,-0.00244,0.01383,-0.06164,-0.0761,0.04988,-0.04831,0.03806,-0.07971,-0.12199,0.03359,-0.00107,0.02147,-0.04477,-0.02472,0.03098,0.04218,0.03549,0.03318,0.04117,-0.04352,0.06502,-0.07348,-0.06069,0.08629,0.02092,0.04745,0.00463,-0.02032,-0.03039,-0.04412,0.02332,0.0571,-0.03847,-0.03576,0.10514,-0.07993,-0.10827,0.04119,0.01651,0.05715,0.02975,-0.0299,-0.06373,0.01363,0.04932,0.02807,-0.0497,-0.10375,0.00834,0.05267,0.06166,-0.09405,0.0134,-0.06235,-0.06086,0.01717,0.0469,0.05812,0.01216,0.09947,0.08239,0,-0.05239,0.03914,0.00776,0.06149,0.0228,-0.04007,0.05218,0.01475,-0.00109,0.05842,0.0584,0.04476,-0.03654,-0.03482,-0.04115,-0.00913,-0.00644,-0.06414,0.06432,-0.01758,0.0276,0.0509,-0.07052,-0.06307,-0.00926,0.09012,-0.02612,-0.09322,0.043,-0.00384,-0.00277,-0.04325,-0.01508,-0.06036,-0.0368,-0.01309,0.04912,-0.02045,-0.02575,-0.04472,0.01292,0.01605,-0.00205,-0.00387,-0.06348,0.05728,-0.07146,0.00863,-0.12058,-0.02457,-0.04636,0.07926,0.02135,-0.07598,-0.02907,0.0187,0.08859,0.01974,-0.00466,-0.00317,-0.01748,-0.03843,0.02547,-0.04798,-0.00005,0.02108,-0.01228,-0.08696,0.04313,0.07639,0.02329,0.0416,-0.01325,-0.0216,0.11939,0.01029,0.05503,-0.05814,0.04242,-0.01822,-0.05046,0.06,-0.00677,0.02904,0.05817,0.03154,-0.10024,-0.02751,0.05716,0.05794,-0.09626,-0.01126,-0.00355,0.04845,0.00054,0,-0.10346,0.02654,0.03932,-0.06825,0.01409,0.03955,-0.00018,0.04899,0.00754,0.02062,0.02798,0.1017,-0.05748,-0.00845,0.07897,0.04595,0.01919,0.03362,0.01374,-0.04913,0.01099,0.00846,0.02377,0.12228,0.01762,-0.03927,0.02903,0.08412,-0.00427,0.01652,-0.01404,-0.02217,0.11725,0.07052,-0.01762,-0.00872,-0.10168,-0.0414,-0.02113,0.03317,0.05665,0.02451,0.0068,0.00165,-0.02827,0.10569,-0.0375,-0.03817,-0.09949,0.00205,-0.06108,-0.01704,-0.09241,0.02287,-0.01991,0.03792,0.02771,0.00121,0.01886,0.01818,-0.09943,0.08002,-0.00884,-0.05364],"keywords":"Angular Diagram Example – Connection Content on Edges Angular Diagram Example – Connection Content on Edges Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts. When to use it - Add labels or states to workflow transitions. - Show metrics or diagnostics on graph edges. - Place buttons directly on connections for quick actions. - Build richer diagram semantics without an extra overlay layer. It is especially helpful when edge semantics are important and the user should not have to inspect a side panel to understand the state of a transition.","excerpt":"When to use it - Add labels or states to workflow transitions. - Show metrics or diagnostics on graph edges. - Place buttons directly on connections for quick actions. - Build richer diagram semantics without an extra overlay layer. It is especially helpful when edge semantics are important and the user should not have to inspect a side panel to understand the state of a transition."},{"chunkId":"/examples/connection-gradients#0","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.05007,-0.04277,-0.07297,-0.00727,-0.04831,0.07327,0.00624,0.01128,0.04721,0.00397,-0.05102,0.02615,-0.05278,0.01914,0.05267,0.09767,-0.05676,0.00922,-0.0153,-0.04049,-0.0732,-0.11359,-0.0303,-0.05876,-0.03263,-0.00976,0.07363,0.0186,0.03708,-0.05786,-0.0224,-0.02594,-0.06844,0.03365,-0.12573,0.03981,0.02085,0.02258,-0.13696,0.0147,0.0939,0.08689,0.03717,-0.06221,-0.01675,0.05509,-0.02973,-0.02406,-0.06268,-0.00097,-0.08309,-0.15081,-0.03373,0.01383,0.02838,0.03649,0.06159,0.00644,0.0296,-0.00943,-0.01065,-0.04239,-0.01204,0.01016,0.00657,-0.01659,-0.02839,0.04903,-0.04926,-0.00009,-0.08329,-0.0219,0.00423,-0.04238,-0.00399,0.04729,0.093,0.04875,-0.00411,-0.11795,0.05055,0.08905,-0.03363,0.06624,0.01753,0.09541,-0.01825,-0.12222,-0.03341,0.01719,0.01351,0.00026,-0.06075,-0.00456,0.01791,-0.00911,-0.02254,-0.10281,-0.04748,0.0085,0.03245,-0.10893,0.07079,0.0116,-0.04889,0.00886,-0.00978,0.08615,-0.05665,-0.00521,-0.00804,0.02975,0.00677,-0.09146,-0.05117,-0.0126,-0.02816,-0.0048,0.06786,0.10171,-0.00283,-0.00391,-0.00103,-0.00998,-0.04299,-0.00321,0.01281,0,0.00195,0.0168,-0.07006,0.04104,0.05081,-0.01653,-0.03328,-0.05863,-0.0037,0.03115,-0.01049,0.0199,-0.13038,0.04194,0.00539,-0.07869,0.05144,0.00485,-0.08527,0.03353,0.03742,-0.07054,-0.03355,-0.04169,0.06636,0.08466,0.04347,0.01835,-0.08557,0.00476,0.07332,0.05321,-0.00482,0.0667,-0.04818,0.00485,-0.01495,-0.0782,-0.01945,0.02009,0.03058,-0.02387,-0.07435,0.0559,-0.00448,0.02773,-0.02893,0.00583,0.08233,0.06094,-0.03774,0.07629,-0.01657,-0.04324,0.07768,-0.02577,-0.05944,0.06643,0.03672,-0.01478,0.00625,0.07531,0.00952,-0.07765,0.02522,0.0111,-0.0322,-0.04086,0.00372,-0.05581,-0.04428,0.04648,0.0543,-0.02105,-0.01736,0.02673,0.0057,0.05107,0.10795,0.01743,-0.07368,-0.00258,-0.01754,-0.01535,0.04079,-0.04119,0.02452,-0.023,-0.07398,0.02576,0.07128,0.07776,-0.00688,0.04201,-0.00807,0,-0.08713,0.08395,0.00166,0.06292,0.06199,-0.04779,0.07442,0.03414,-0.01142,0.0975,0.10446,0.03106,-0.03572,0.04782,0.00127,-0.04328,-0.01507,0.00597,0.03152,-0.02944,0.04659,0.06099,-0.02692,-0.06751,-0.04227,0.05838,0.03519,-0.00665,-0.05623,0.01534,0.01371,-0.00521,-0.02414,-0.01186,-0.08078,-0.00005,-0.0154,-0.00669,-0.01448,-0.05162,0.04785,0.00939,-0.00206,-0.01654,-0.09839,-0.02583,-0.03993,-0.05372,-0.04169,-0.0286,-0.03789,0.02407,-0.00938,-0.01241,-0.0661,-0.02855,0.04032,0.02313,0.00774,0.0318,0.02323,-0.02812,-0.00865,-0.01315,0.07784,0.02395,0.04711,-0.05313,0.09675,0.03361,0.08079,0.10145,0.05901,-0.03086,0.07404,-0.02485,0.06552,-0.00086,0.04442,0.01821,-0.01521,0.05214,0.02901,0.09046,0.09621,0.02208,-0.09773,0.01849,0.07659,0.0507,-0.04286,0.00683,0.06129,-0.02195,-0.01376,0,-0.04269,0.01251,0.0015,-0.00133,0.05342,-0.03416,-0.0228,-0.01176,-0.06164,0.04349,-0.05248,0.10426,-0.05632,0.0296,0.06212,0.04827,-0.03127,0.03575,0.01196,0.00274,-0.03576,0.07558,0.02292,0.15453,-0.02102,-0.00918,-0.0211,0.07229,0.02735,-0.00706,-0.0556,0.03469,0.01491,0.00028,-0.04942,0.06031,-0.14369,0.00079,-0.11124,0.01791,0.0163,-0.04716,0.06386,0.01317,-0.02322,0.10295,-0.07106,-0.0202,-0.13924,0.01921,-0.06706,0.00184,-0.05128,0.02981,-0.00188,-0.07007,0.07727,0.0302,-0.03116,0.02716,-0.06701,0.03939,-0.02468,-0.03422],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. Connection Gradients","excerpt":"Connection Gradients"},{"chunkId":"/examples/connection-gradients#1","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.07985,-0.019,-0.05769,0.01595,-0.04199,0.03936,0.01169,0.00266,0.04756,0.00105,-0.0808,0.06558,-0.06943,0.02266,0.04699,0.08278,-0.0348,0.03584,0.00324,-0.04017,-0.07661,-0.09636,-0.04306,-0.05276,-0.02665,-0.01267,0.07794,0.01476,0.06834,-0.06958,-0.01258,-0.03439,-0.06727,0.05869,-0.14449,0.05644,0.03389,0.04274,-0.1559,0.01613,0.0891,0.09934,0.04286,-0.053,-0.01273,0.03111,-0.03974,-0.03258,-0.07877,-0.02157,-0.0737,-0.15837,-0.03218,0.00288,0.02584,0.02699,0.04739,0.00603,0.00764,0.02866,-0.00416,-0.04774,-0.00431,-0.00806,-0.00326,0.0002,0.02047,0.06177,-0.03846,0.00856,-0.06953,-0.02395,-0.01031,-0.01677,-0.01513,0.06663,0.10206,0.03995,0.01673,-0.09643,0.03259,0.08184,-0.01591,0.0774,0.02367,0.08247,-0.0055,-0.12462,-0.04019,0.0322,0.02449,0.02097,-0.06005,-0.02389,0.01151,0.0154,-0.03187,-0.10957,-0.04512,0.01397,0.03259,-0.1046,0.06586,0.00036,-0.01954,0.00911,-0.02229,0.08213,-0.05646,-0.0146,-0.01156,0.04771,-0.02059,-0.09086,-0.07911,-0.00917,-0.02255,0.00523,0.06623,0.12305,-0.01889,-0.00754,-0.00074,-0.01459,-0.03918,-0.0082,0.00705,0,0.00342,0.02256,-0.07616,0.00372,0.03458,-0.01463,-0.04845,-0.07345,-0.02531,0.0211,-0.00234,0.01214,-0.11845,0.05607,0.01854,-0.10061,0.04153,0.00143,-0.05315,0.02869,0.018,-0.05291,-0.04087,-0.02828,0.08425,0.07018,0.0457,0.01995,-0.09131,-0.00415,0.07846,0.04137,-0.01573,0.07385,-0.05308,0.02692,-0.03966,-0.07408,-0.00117,0.03037,0.05836,-0.00954,-0.06099,0.06162,-0.00665,0.03153,-0.03296,-0.0094,0.05258,0.03503,-0.01493,0.08946,-0.01111,-0.04496,0.06131,-0.02331,-0.04368,0.06381,0.06027,-0.0133,0.00199,0.02716,-0.0258,-0.06228,0.00054,0.00656,-0.02971,-0.04422,-0.03256,-0.04965,-0.03745,0.05915,0.0408,-0.02872,-0.03403,0.01884,0.00666,0.07499,0.11585,0.0137,-0.06642,-0.00278,0.00333,-0.02029,0.03278,-0.0387,0.01128,-0.02776,-0.06108,0.01622,0.06327,0.05973,-0.00434,0.05326,-0.02563,0,-0.07428,0.07469,0.01287,0.05211,0.06056,-0.04062,0.04527,0.03113,-0.04524,0.08473,0.11303,0.03955,-0.01039,0.04942,-0.0077,-0.05293,-0.0244,-0.01211,0.0079,-0.03054,0.03417,0.07524,-0.01384,-0.06032,0.00361,0.04674,0.01685,0.01102,-0.05137,0.02529,0.01556,-0.00894,-0.00763,-0.0388,-0.08799,0.0144,-0.00567,0.00872,-0.00207,-0.03072,0.02434,0.00761,0.00936,-0.00755,-0.08176,-0.00697,-0.05622,-0.04861,-0.07359,-0.03345,-0.03956,0.05931,-0.01088,0.00519,-0.07475,-0.04283,0.02826,0.03357,0.00596,0.0399,0.01037,-0.05198,-0.02373,-0.01172,0.06432,0.02677,0.02996,-0.10126,0.08271,0.05478,0.07015,0.0973,0.04444,-0.00977,0.0778,-0.03593,0.08732,-0.00372,0.05453,0.0229,-0.00585,0.04372,0.02747,0.07333,0.09587,0.00986,-0.0999,0.02887,0.0658,0.05327,-0.0395,-0.0227,0.02902,-0.02846,-0.0037,0,-0.0328,0.00014,0.02763,-0.00291,0.05799,-0.04541,0.00397,-0.01033,-0.05212,0.06144,-0.04924,0.10643,-0.06583,0.02112,0.05177,0.05816,-0.01167,0.04799,0.00598,0.02177,-0.05711,0.07348,0.00174,0.15901,0.0028,-0.0231,0.02162,0.07311,0.05894,0.01014,-0.08188,0.03959,0.01747,0.01617,-0.05205,0.06784,-0.142,-0.00062,-0.10048,0.03864,0.02295,-0.04458,0.06782,0.02254,-0.01637,0.0911,-0.06876,-0.01514,-0.12862,0.02612,-0.02322,-0.02836,-0.06166,0.01416,-0.01238,-0.04744,0.0707,0.03571,-0.02042,0.00929,-0.06826,0.0286,-0.00613,-0.0296],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. Description This example focuses on projected gradients for connections. It shows how to keep the base connection lightweight, opt into gradients only where needed, and drive the gradient colors from regular Angular state. That makes it a good reference when you want richer edge styling without turning every connection into a permanently heavier SVG structure.","excerpt":"Description This example focuses on projected gradients for connections. It shows how to keep the base connection lightweight, opt into gradients only where needed, and drive the gradient colors from regular Angular state. That makes it a good reference when you want richer edge styling without turning every connection into a permanently heavier SVG structure."},{"chunkId":"/examples/connection-gradients#2","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.05471,-0.04734,-0.07145,0.01821,-0.01269,0.08281,0.00353,-0.007,0.0537,-0.00948,-0.05712,0.01722,-0.05365,0.01943,0.03195,0.08707,-0.03772,-0.01843,0.00647,-0.04676,-0.08451,-0.11466,-0.03108,-0.06125,-0.00424,-0.01165,0.07736,0.0236,0.04383,-0.05152,-0.03761,-0.0186,-0.0753,0.03012,-0.10947,0.05397,0.02952,0.03087,-0.14876,0.02559,0.10162,0.08213,0.02754,-0.08263,-0.01225,0.03043,-0.02832,-0.02899,-0.09078,-0.01144,-0.08141,-0.12866,-0.02651,0.01395,0.02248,0.04278,0.07258,0.00892,0.0307,0.00908,-0.04265,-0.03317,-0.02678,0.00983,0.00535,0.00664,-0.02994,0.03322,-0.02416,0.01567,-0.08735,-0.00258,0.01663,-0.05093,0.01662,0.049,0.10937,0.04391,0.01724,-0.12208,0.0699,0.09701,-0.04057,0.04934,0.01795,0.08386,-0.02307,-0.09697,-0.01018,0.01544,-0.00757,0.00266,-0.06556,-0.00343,0.01273,-0.02174,-0.02328,-0.08796,-0.02111,0.01032,0.01946,-0.10787,0.09812,0.02906,-0.04573,-0.01078,-0.00536,0.08509,-0.06185,-0.00689,0.01743,0.02598,0.02498,-0.07561,-0.06005,0.01546,-0.01299,-0.0067,0.05541,0.09663,-0.02177,-0.01325,0.01193,-0.00851,-0.04684,-0.00941,-0.00436,0,0.01235,-0.01304,-0.06139,0.03255,0.04026,-0.01325,-0.02935,-0.07217,0.00017,0.01179,0.00008,0.02175,-0.14185,0.04931,0.01375,-0.07888,0.07183,0.02329,-0.08564,0.04317,0.04453,-0.03443,-0.0497,-0.06144,0.07172,0.08193,0.05371,0.02027,-0.10059,-0.00175,0.07912,0.03299,-0.00186,0.08076,-0.04118,-0.00002,-0.02281,-0.08149,-0.01994,0.04813,0.03731,-0.00222,-0.06963,0.04335,-0.0085,0.01723,-0.03095,0.02098,0.063,0.04524,-0.02632,0.08402,-0.03256,-0.07575,0.0672,-0.03766,-0.07129,0.03628,0.05678,-0.01027,0.00178,0.05263,-0.04494,-0.07036,0.00199,0.00546,-0.02013,-0.06965,-0.00217,-0.04567,-0.04509,0.03418,0.0252,-0.03348,0.01085,0.03006,-0.00099,0.05845,0.10314,0.02534,-0.07423,-0.00989,-0.03131,0.0056,0.02964,-0.03534,0.00466,-0.01723,-0.07488,-0.00357,0.07116,0.06828,-0.01924,0.04545,0.0035,0,-0.08711,0.07403,0.00898,0.05669,0.05729,-0.03617,0.06912,0.0252,-0.00189,0.08511,0.09606,0.02102,-0.03369,0.05989,-0.00573,-0.03373,-0.03761,0.00438,-0.00017,-0.02311,0.04331,0.07057,-0.02636,-0.05613,-0.03248,0.04859,0.03014,0.023,-0.06243,0.00168,0.01118,-0.01059,-0.03282,-0.00674,-0.08241,0.0022,-0.01366,0.00891,-0.02099,-0.03767,0.03623,0.0124,-0.02513,0.00227,-0.08782,-0.00478,-0.02078,-0.05606,-0.03062,-0.0331,-0.0663,0.03618,-0.01178,-0.01422,-0.08382,-0.02336,0.04992,0.04916,-0.00296,0.04031,0.02711,-0.04711,0.00182,-0.03418,0.07709,0.02613,0.03346,-0.04535,0.09833,0.03534,0.068,0.1076,0.0649,-0.03092,0.08642,-0.02278,0.0564,-0.02317,0.05882,0.02642,-0.00477,0.06018,0.01931,0.07422,0.09003,0.01515,-0.1078,0.02758,0.09747,0.05025,-0.03344,-0.00733,0.04821,-0.03141,-0.0232,0,-0.04454,0.0249,0.0038,-0.00413,0.04148,-0.03138,0.01126,-0.01389,-0.03685,0.05637,-0.05568,0.10079,-0.02663,0.00682,0.03122,0.03672,-0.00867,0.04767,0.00806,0.00525,-0.03476,0.05663,0.00538,0.17518,-0.01682,-0.04876,-0.02295,0.07812,0.05236,0.01142,-0.07861,0.04516,0.02172,0.02287,-0.0617,0.05811,-0.14439,0.02321,-0.09801,0.00492,0.01623,-0.04103,0.05145,0.01024,-0.02306,0.11174,-0.08391,-0.03827,-0.13056,0.0287,-0.05715,-0.02338,-0.04083,0.03224,0.01146,-0.06968,0.07021,0.02306,-0.00813,0.01953,-0.07167,0.02114,-0.01528,-0.02009],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. What it demonstrates - projected f-connection-gradient - connection-local SVG gradient creation - live start/end color switching with mat-select - fallback to normal single-color connections when no gradient config is projected","excerpt":"What it demonstrates - projected f-connection-gradient - connection-local SVG gradient creation - live start/end color switching with mat-select - fallback to normal single-color connections when no gradient config is projected"},{"chunkId":"/examples/connection-gradients#3","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.06023,-0.03574,-0.0766,0.0311,-0.01233,0.11421,0.01682,0.00817,0.01803,0.01796,-0.07215,0.05213,-0.03758,0.01677,0.05821,0.07578,-0.04908,-0.00048,-0.00527,-0.07153,-0.04191,-0.1083,-0.0038,-0.04102,-0.01422,-0.00257,0.0479,-0.00594,0.04547,-0.03605,0.01033,-0.00949,-0.07914,0.03626,-0.08385,0.05964,0.01888,0.05451,-0.12147,0.01851,0.11068,0.0497,0.0234,-0.11917,0.00089,0.00464,-0.05159,-0.01148,-0.05299,-0.00475,-0.06472,-0.13864,-0.02987,0.02336,0.0434,0.0422,0.03257,-0.04402,0.05807,0.00941,-0.04272,-0.06317,-0.00209,0.00125,0.02758,0.02733,-0.04717,0.03762,-0.02061,0.03618,-0.03119,-0.00481,0.01162,-0.0419,0.0164,0.02643,0.04766,0.09057,-0.00106,-0.13612,0.05378,0.06081,-0.01496,0.0725,0.03086,0.10825,-0.01182,-0.10795,-0.01605,0.01191,0.00653,0.00886,-0.10583,0.00368,0.01821,0.00585,-0.07042,-0.05005,-0.04999,0.02358,-0.00904,-0.1223,0.0595,0.04009,-0.01997,-0.00401,-0.01459,0.13075,-0.07645,0.01698,0.01037,0.02195,0.0279,-0.08364,-0.02401,-0.00553,-0.00941,-0.01696,0.03053,0.12051,0.00869,0.00123,-0.04126,-0.02517,-0.03037,0.00867,0.02678,0,0.02314,0.00336,-0.06306,0.02276,0.04946,-0.01279,-0.04542,-0.07869,-0.04264,0.04719,-0.01827,0.02024,-0.1261,0.0053,-0.02405,-0.0845,0.07335,0.00456,-0.06171,-0.02915,0.01392,-0.05483,-0.07825,-0.01379,0.08134,0.01782,0.0282,0.04979,-0.06195,-0.00833,0.09432,0.0476,0.02307,0.04658,-0.0221,-0.01538,-0.00387,-0.01836,-0.05218,0.0353,0.05202,-0.00374,-0.06718,0.08857,-0.02267,0.02845,-0.00452,-0.0302,0.06891,0.02393,-0.0366,0.10658,-0.03011,-0.06489,0.08372,-0.0264,-0.04557,0.06392,0.02185,-0.0103,-0.00862,0.06973,-0.00904,-0.04504,0.05286,0.00272,-0.02909,-0.04924,-0.03415,-0.0653,-0.06389,0.0722,0.02955,-0.0029,0.00107,0.00501,-0.00786,0.05863,0.10316,0.00462,-0.04857,-0.05095,-0.02935,0.02729,0.02724,-0.06572,0.0259,-0.04768,-0.04569,-0.05643,0.04186,0.05326,-0.02759,0.01626,-0.01615,0,-0.02406,0.08304,0.03399,0.09227,0.01597,-0.02115,0.09609,0.06563,0.02083,0.12843,0.09246,0.03112,-0.02101,0.01746,0.00498,-0.03497,-0.04631,0.01598,0.03754,-0.0176,-0.00844,0.10979,-0.03802,-0.04346,-0.02295,0.06272,0.04678,0.03816,-0.0604,0.00707,0.00632,-0.0101,-0.06087,-0.00193,-0.08369,-0.00039,-0.01378,0.02412,-0.01478,-0.019,0.05682,0.01682,-0.01903,-0.00841,-0.08361,-0.01497,0.00733,-0.06965,-0.06781,-0.06387,-0.05606,-0.00271,-0.01078,0.03988,-0.02988,-0.05365,0.06567,0.01262,-0.01272,0.02653,0.07952,-0.04348,-0.00721,-0.02881,0.08474,0.01332,-0.01969,-0.08354,0.11505,0.00275,0.02585,0.06585,0.06528,-0.02556,0.07343,-0.05427,0.06234,0.01893,0.02346,0.03399,-0.02738,0.03898,0.02876,0.05846,0.08375,0.04806,-0.10517,0.05643,0.10171,0.01861,-0.05664,-0.04703,0.03726,-0.03227,-0.03059,0,-0.03855,0.0015,0.01555,-0.02457,0.00891,-0.0394,-0.00594,-0.03719,-0.06229,0.03998,-0.08427,0.11108,-0.00013,0.01023,0.02021,0.01634,-0.01187,0.05395,-0.01962,0.0344,-0.05403,0.0543,0.01791,0.14757,0.00813,-0.04562,-0.00829,0.04077,0.03001,-0.00829,-0.07051,-0.01033,0.02392,0.01914,-0.05141,0.01832,-0.14814,0.01448,-0.03898,0.03089,0.0106,-0.07002,0.05726,0.03116,-0.01029,0.06366,-0.06228,0.00751,-0.1012,0.02778,-0.06392,-0.02628,-0.06397,0.04413,0.02072,-0.09539,0.0634,0.04921,-0.05816,-0.00275,-0.05222,0.02326,-0.02032,-0.06572],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. Example ::: ng-component <connection-gradients</connection-gradients [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.scss :::","excerpt":"Example ::: ng-component <connection-gradients</connection-gradients [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.scss :::"},{"chunkId":"/examples/connection-gradients#4","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.06585,-0.02176,-0.06942,0.00921,-0.02738,0.06404,-0.0435,0.00451,0.04251,0.03034,-0.07687,0.05047,-0.04366,0.03844,0.06356,0.07573,-0.01069,0.02873,0.00391,-0.07094,-0.06,-0.09916,-0.04125,-0.06004,0.00052,0.00398,0.07251,0.02519,0.07265,-0.06437,-0.01449,-0.0333,-0.07241,0.04342,-0.14724,0.05241,0.01681,0.05091,-0.12426,0.0056,0.0753,0.06161,0.01353,-0.05719,-0.01541,0.00093,-0.05774,0.0019,-0.06929,0.01284,-0.09088,-0.15834,-0.04998,-0.00074,0.03589,0.01292,0.0375,-0.02977,0.02435,-0.00003,0.00722,-0.03371,0.00549,0.02178,0.00328,0.0215,-0.01391,0.07221,-0.01904,0.00934,-0.03141,-0.04075,-0.02255,-0.0318,-0.00814,0.0351,0.08833,0.04938,-0.00082,-0.10768,0.05076,0.0966,-0.03127,0.08085,0.0046,0.10157,-0.00482,-0.12838,-0.01779,0.0095,-0.00436,0.02889,-0.05815,-0.0239,0.03023,0.01565,-0.0293,-0.11395,-0.06312,0.03776,0.02574,-0.1259,0.06325,-0.00312,-0.02435,-0.01384,-0.01558,0.06998,-0.04665,-0.01521,0.00368,0.05869,-0.01222,-0.07781,-0.06636,-0.012,-0.02758,-0.02055,0.0573,0.10967,-0.02861,0.01237,0.00894,-0.02259,-0.00577,-0.00956,-0.00685,0,0.01548,0.0315,-0.06604,0.01347,0.05447,0.0098,-0.06525,-0.07893,-0.00257,0.01824,-0.00071,0.02759,-0.10181,0.08961,0.02855,-0.08448,0.04974,0.01698,-0.0483,0.01172,0.00416,-0.08446,-0.03238,0.00191,0.0879,0.10277,0.04286,0.05953,-0.08171,0.00952,0.06994,0.01892,-0.02004,0.05279,-0.05225,0.0118,-0.05111,-0.08845,0.02379,0.01849,0.03175,-0.00561,-0.09437,0.04941,-0.00925,0.06138,-0.03159,-0.01403,0.01279,0.04649,-0.014,0.09543,0.01434,-0.01289,0.06893,-0.04171,-0.03559,0.04993,0.05202,-0.01393,0.0035,0.03474,-0.02865,-0.04454,0.00417,0.02939,-0.05092,-0.02696,0.01325,-0.04405,-0.05958,0.06381,0.03868,-0.01041,-0.02284,-0.01233,-0.01274,0.06545,0.08881,0.02816,-0.07719,-0.04414,-0.01111,-0.00127,0.03848,-0.06608,0.01981,-0.02132,-0.03965,0.0061,0.05322,0.06675,-0.01882,0.07423,0.00809,0,-0.07969,0.10499,0.0476,0.0642,0.03888,-0.05974,0.05409,0.01227,-0.0243,0.09163,0.10139,0.03473,-0.02617,0.02391,-0.00728,-0.03118,-0.03581,-0.01411,0.02223,-0.04852,0.02879,0.05617,-0.02748,-0.08704,0.00761,0.06212,0.0216,-0.01138,-0.05623,0.00341,0.01558,-0.01759,-0.01641,-0.0458,-0.0738,0.0115,0.01607,-0.00259,0.01526,-0.02145,0.02273,0.00644,-0.01023,-0.00024,-0.08469,0.00418,-0.05038,-0.02521,-0.07042,-0.02903,-0.05833,0.0581,0.02264,-0.01551,-0.07087,-0.073,0.06473,0.05492,0.01078,0.01828,-0.00577,-0.05744,-0.0056,-0.01554,0.04487,0.01233,0.03508,-0.0843,0.09975,0.06448,0.07636,0.09579,0.0145,-0.00768,0.09756,-0.01673,0.0786,0.01916,0.04437,0.01557,-0.01116,0.04973,0.02896,0.05152,0.08433,0.04895,-0.10304,0.0319,0.07977,0.06954,-0.06463,-0.00195,0.02319,0.00083,-0.02669,0,-0.08859,-0.00328,0.03612,-0.0173,0.03597,-0.0126,0.01029,0.00565,-0.02912,0.05718,-0.02035,0.11208,-0.07095,0.01802,0.05474,0.03866,-0.00873,0.02925,-0.00216,0.0059,-0.03575,0.05215,-0.01254,0.16951,0.01742,-0.04001,0.01109,0.06717,0.00673,0.0189,-0.08269,0.0405,0.05618,0.01954,-0.0475,0.04284,-0.14374,0.02177,-0.09295,0.04101,0.01321,-0.01041,0.04708,0.00377,-0.01973,0.09574,-0.048,-0.03031,-0.11351,0.0038,-0.06427,-0.03447,-0.06657,-0.00252,-0.03147,-0.04098,0.04734,0.01656,-0.01576,0.01197,-0.07971,0.03652,-0.0258,-0.0632],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. When to use it - Add branded or stateful visual styling to selected connections. - Keep plain connections cheap while enabling richer edges only where needed. - Validate the projected gradient API before introducing it into a larger graph editor.","excerpt":"When to use it - Add branded or stateful visual styling to selected connections. - Keep plain connections cheap while enabling richer edges only where needed. - Validate the projected gradient API before introducing it into a larger graph editor."},{"chunkId":"/examples/connection-gradients#5","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.03511,-0.04348,-0.07846,-0.00286,-0.06932,0.07877,0.02289,0.02446,0.04434,0.00133,-0.0405,0.03085,-0.04054,0.02348,0.06582,0.06564,-0.04797,0.00619,-0.02112,-0.04085,-0.0788,-0.13068,-0.03442,-0.07143,-0.02832,-0.01046,0.08681,0.0089,0.05934,-0.04597,0.0174,0.00029,-0.06579,0.03175,-0.13709,0.04303,0.03157,0.02779,-0.13592,0.00645,0.11037,0.04172,0.01213,-0.07582,-0.0228,0.03507,-0.05042,0.00078,-0.06877,-0.00782,-0.11189,-0.14254,-0.03595,0.0379,0.02611,0.03928,0.03921,0.0045,0.02763,-0.01625,-0.01766,-0.03011,-0.0001,0.01245,0.00732,0.00875,-0.02393,0.06087,-0.03206,-0.01676,-0.06584,-0.02681,0.01741,-0.06657,-0.00614,0.0409,0.08925,0.07013,-0.01199,-0.10008,0.03567,0.10733,-0.05003,0.06309,-0.00213,0.10941,0.00631,-0.11384,-0.0571,-0.01919,0.00727,0.00814,-0.03582,-0.00625,0.04372,0.00286,-0.0249,-0.07158,-0.07038,0.00271,0.01806,-0.10235,0.06606,0.00885,-0.04197,-0.0101,-0.03491,0.06088,-0.02982,-0.00169,-0.00306,0.01939,-0.0166,-0.12219,-0.04783,-0.02065,-0.02963,-0.0035,0.06441,0.07619,-0.00517,-0.00628,-0.01557,-0.01936,0.00545,-0.00858,0.00099,0,0.00021,0.01693,-0.0737,0.04445,0.06743,-0.01001,-0.02801,-0.08198,0.01456,0.02345,-0.01794,0.0282,-0.11639,0.04339,-0.00943,-0.08318,0.03117,0.00183,-0.04458,0.03717,0.03104,-0.08299,-0.02553,-0.00621,0.09972,0.06603,0.04189,0.03994,-0.09141,-0.00643,0.09447,0.04885,0.00558,0.0619,-0.03938,-0.03748,-0.02647,-0.07439,-0.03728,0.03233,0.02803,-0.02822,-0.08463,0.03188,-0.00679,-0.00515,-0.0049,0.01404,0.08716,0.06235,-0.01169,0.0675,0.02169,-0.05139,0.06748,-0.02996,-0.05772,0.07272,0.03487,-0.00955,-0.03311,0.04806,0.00862,-0.06667,0.04494,0.04495,-0.02595,-0.03681,0.01074,-0.04462,-0.06096,0.0454,-0.01177,-0.02362,-0.02495,0.00879,-0.028,0.04237,0.11344,0.03019,-0.05799,-0.039,0.00688,0.0183,0.03241,-0.03704,0.01565,-0.04184,-0.05194,-0.0026,0.05005,0.06649,0.00275,0.04746,0.02787,0,-0.0738,0.06773,-0.0016,0.07228,0.07162,-0.04584,0.07718,0.02559,-0.02532,0.10411,0.09989,0.04566,-0.0179,0.04243,-0.0181,0.0043,-0.00139,-0.02667,0.01693,-0.01771,0.01964,0.04096,-0.02213,-0.09092,-0.03269,0.06544,0.05143,-0.00759,-0.02986,-0.01055,0.00536,0.00113,-0.02637,-0.01631,-0.0728,-0.01478,0.00366,0.00962,-0.00326,-0.06662,0.04216,0.00409,0.00934,-0.00095,-0.10347,-0.01922,-0.03021,-0.04849,-0.07822,-0.01797,-0.04802,0.03962,-0.00244,0.01179,-0.06063,-0.01975,0.07214,0.03347,-0.00644,0.01496,0.04391,-0.05047,0.02726,-0.01356,0.09406,0.00637,0.0157,-0.0727,0.07206,0.02702,0.07351,0.07164,0.06094,-0.02898,0.08241,-0.03436,0.07803,0.01007,0.06015,0.03462,-0.02031,0.05768,0.02018,0.0748,0.07564,0.04146,-0.09087,0.03199,0.08971,0.04373,-0.06746,0.02154,0.04272,-0.0004,-0.00004,0,-0.0657,-0.0064,-0.01302,-0.01869,0.04407,-0.03608,-0.03293,-0.00172,-0.04297,0.08571,-0.03088,0.11024,-0.05945,0.02586,0.07588,0.02813,-0.0179,0.02935,0.00021,-0.00293,-0.01976,0.04276,0.0198,0.18528,0.01321,-0.03312,0.00134,0.06314,0.02819,0.00291,-0.08108,0.02036,0.04381,-0.01295,-0.06395,0.06865,-0.13887,0.01842,-0.0803,0.02537,0.02549,-0.03451,0.04697,0.01188,-0.03038,0.10678,-0.08438,-0.00523,-0.10999,0.03899,-0.07496,0.00298,-0.06429,0.0147,-0.02126,-0.06069,0.0637,0.02829,0.02218,0.01832,-0.07538,0.03802,-0.03514,-0.04285],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. Related docs - Connection Component - Connection For Create Component - Snap Connection Component - Custom Connection Type Example","excerpt":"Related docs - Connection Component - Connection For Create Component - Snap Connection Component - Custom Connection Type Example"},{"chunkId":"/examples/connection-waypoints#0","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.03544,-0.02415,-0.12071,0.04726,-0.08329,0.04734,0.00934,0.04539,0.00934,0.01106,-0.04081,-0.00379,-0.06595,0.02701,0.08044,0.02235,-0.06583,-0.0086,0.04814,0.04586,0.00651,-0.07839,-0.00113,-0.01165,-0.03376,-0.0059,0.03962,-0.01841,0.03159,-0.06817,0.03764,0.05842,-0.17215,-0.00179,-0.04737,0.00301,0.0563,-0.02008,-0.04752,-0.00087,0.09821,0.05068,0.03471,-0.04595,0.01305,0.01412,-0.04982,0.03403,-0.03554,0.10029,-0.08301,-0.0602,-0.07045,0.03861,0.00859,0.02638,-0.02906,-0.03257,0.00872,0.05101,0.05728,-0.04435,-0.00284,0.03395,-0.07275,-0.04328,-0.07728,0.04673,0.00628,-0.02496,-0.03037,-0.0663,0.04313,-0.05469,0.08737,-0.01144,0.00614,0.05128,-0.02452,-0.08166,0.01792,0.05743,0.00849,0.08383,0.00847,0.02467,-0.01694,-0.07745,-0.01533,0.01287,0.03414,0.07249,-0.06852,-0.03159,0.05355,-0.03162,-0.02153,-0.01979,-0.07133,0.02659,-0.02664,-0.05598,0.0243,0.02861,-0.00055,0.05145,-0.02824,0.02576,-0.01295,0.00254,-0.04899,0.0083,0.04896,-0.06744,-0.04864,-0.04818,-0.08,-0.02898,0.00236,0.00946,-0.03729,-0.0439,0.01853,0.03247,0.02175,-0.0003,-0.03259,0,-0.0051,0.06372,-0.00014,0.00629,0.0276,0.04106,-0.02345,-0.07284,-0.00196,0.05757,-0.01947,-0.03622,-0.0601,-0.02484,0.03251,-0.09014,-0.00678,0.04072,-0.04593,0.0554,0.08164,-0.09186,-0.00629,-0.02869,0.1082,0.05513,-0.01869,0.04279,-0.0562,0.02186,0.12259,-0.01319,0.02789,-0.03697,-0.03545,-0.01944,-0.01842,-0.06749,-0.06306,-0.02345,0.02308,-0.06271,-0.09838,0.02007,-0.08225,0.03844,-0.04664,0.08636,0.00574,0.0086,-0.03232,0.02841,-0.02497,-0.00947,0.04349,-0.02883,-0.12225,0.08752,-0.0172,0.02647,0.0377,0.03543,-0.06097,-0.09263,-0.00982,-0.0127,0.00092,-0.01489,0.10065,-0.00323,-0.09116,0.07695,-0.02924,0.04341,-0.00975,-0.04024,-0.04317,0.02285,0.12517,-0.05109,-0.04454,-0.04297,0.01101,0.02435,0.1098,-0.06792,0.01047,-0.06921,-0.09985,-0.01807,0.06685,0.0514,0.01099,0.02189,0.00538,0,-0.03167,0.02327,-0.02531,0.0413,0.02802,-0.05491,0.06005,-0.00449,0.08015,0.06547,0.03954,0.04144,-0.00465,-0.04377,0.08336,-0.03207,0.00021,-0.11273,0.0242,-0.0574,-0.00968,-0.01064,-0.02095,-0.12376,0.00345,0.06833,-0.02098,0.01673,0.00726,0.03263,0.00379,-0.02186,-0.00054,-0.05689,0.01199,-0.00585,-0.01156,0.04313,0.06464,-0.05498,0.05551,0.00857,-0.01966,-0.00359,-0.03675,0.06036,-0.04579,-0.00963,-0.07411,0.04351,-0.02144,0.02855,-0.05865,0.00538,-0.05213,0.08636,0.05017,-0.05195,-0.02569,-0.0237,-0.02931,-0.04676,0.0854,0.05167,0.08832,0.00764,0.0112,-0.06653,0.03515,0.03705,0.01926,0.05801,-0.00458,0.01142,0.08442,0.00074,0.06973,0.00273,0.07268,-0.00113,-0.02008,0.07922,0.0598,0.0438,0.08984,0.04777,-0.02142,0.02187,0.0734,0.1265,-0.0447,-0.00636,0.06486,-0.00634,0.00069,0,-0.16951,-0.01925,-0.04838,0.0131,-0.01689,0.05418,-0.06975,0.05223,0.00193,-0.00612,-0.02542,0.12724,-0.04244,0.0259,0.11795,-0.00441,0.02029,0.00551,-0.05061,-0.04234,-0.06589,0.00406,0.02882,0.15762,-0.00786,-0.02659,-0.0319,0.03854,0.03722,0.01089,-0.00335,-0.02728,0.0196,0.087,-0.03125,0.02905,-0.11177,0.04499,-0.04836,0.07855,0.04637,0.00818,0.01369,0.01609,0.02909,0.08446,0.00383,0.0094,-0.08212,0.0227,-0.09611,0.05667,-0.07452,-0.02341,-0.00321,0.00445,-0.01268,-0.00344,0.0157,0.04391,-0.13566,0.02543,0.03143,-0.0069],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. --- toc: false wideContent: true --- Connection Waypoints wide Content","excerpt":"--- toc: false wideContent: true --- Connection Waypoints"},{"chunkId":"/examples/connection-waypoints#1","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.02579,-0.01544,-0.11737,0.04424,-0.10955,0.05071,0.0055,0.06606,-0.01586,0.01357,-0.05804,-0.00451,-0.05801,0.02353,0.08489,0.02956,-0.05831,0.00726,0.046,0.0385,0.02305,-0.08185,-0.01104,-0.01958,-0.03143,-0.01244,0.05033,-0.00865,0.04444,-0.05095,0.03936,0.04425,-0.15778,0.00676,-0.07818,-0.00024,0.03003,-0.01438,-0.06218,-0.01464,0.09722,0.03807,0.02355,-0.0471,-0.00221,-0.01346,-0.03392,0.03976,-0.03708,0.08215,-0.08266,-0.06801,-0.07712,0.03709,0.0016,0.02936,-0.01653,-0.02585,-0.00769,0.04702,0.06524,-0.05579,0.00751,0.01384,-0.07102,-0.03761,-0.07197,0.04808,0.01705,-0.02344,-0.03006,-0.06032,0.02702,-0.05701,0.05997,-0.02924,0.01523,0.05826,-0.01573,-0.06323,0.0095,0.05927,0.00964,0.10044,0.02004,0.02028,-0.01147,-0.09278,-0.0204,0.01642,0.03034,0.08612,-0.06812,-0.03305,0.05688,-0.01918,-0.02182,-0.02094,-0.06458,0.03614,-0.03255,-0.06848,0.01658,0.01515,-0.00551,0.0447,-0.01367,0.01693,-0.02988,0.00728,-0.05641,0.0157,0.0418,-0.05181,-0.04909,-0.04444,-0.0782,-0.02866,0.00235,0.03827,-0.03743,-0.04064,0.04494,0.03073,0.0371,-0.00375,-0.0388,0,-0.00804,0.08819,-0.00744,-0.02063,0.03944,0.02879,-0.02861,-0.07479,0.00787,0.03632,-0.03226,-0.01236,-0.0471,-0.01531,0.02648,-0.11051,-0.01326,0.05482,-0.01991,0.03296,0.08085,-0.09424,0.00553,-0.01005,0.11876,0.05827,-0.00665,0.02843,-0.05666,0.01572,0.13103,-0.01166,0.00388,-0.03339,-0.03318,0.00496,-0.01591,-0.07724,-0.05841,-0.03364,0.03922,-0.06095,-0.09409,0.0177,-0.08281,0.03882,-0.04688,0.06759,0.02007,0.0175,-0.02447,0.01499,0.00427,0.0022,0.04202,-0.04047,-0.12608,0.07004,-0.01853,0.02439,0.04899,0.01733,-0.04243,-0.07664,-0.01509,-0.00587,-0.01066,-0.00068,0.09792,-0.01383,-0.08045,0.09092,-0.00771,0.03375,-0.01826,-0.03068,-0.05222,0.01603,0.11559,-0.04312,-0.0525,-0.04737,-0.00526,0.02194,0.12087,-0.06568,0.01441,-0.07222,-0.07251,-0.01101,0.06649,0.03569,-0.00146,0.03845,0.00732,0,-0.04467,0.02428,-0.02488,0.04539,0.03429,-0.04644,0.04944,-0.01846,0.0916,0.05635,0.01788,0.05061,0.01248,-0.0509,0.06026,-0.04737,0.00145,-0.11413,0.0397,-0.05865,-0.02457,-0.01226,-0.03417,-0.13577,0.01556,0.06175,-0.00221,0.00783,-0.00397,0.03653,0.00843,-0.01008,0.01244,-0.06833,0.02251,0.00951,-0.01116,0.03877,0.08461,-0.05737,0.0621,0.00194,-0.01009,-0.00574,-0.03425,0.08044,-0.05949,-0.0079,-0.08669,0.03953,-0.00692,0.03749,-0.07237,0.00087,-0.05184,0.08593,0.05484,-0.03456,-0.01964,-0.01333,-0.03234,-0.05724,0.07626,0.06186,0.07394,-0.01158,-0.00557,-0.06718,0.0205,0.05051,0.00481,0.07954,-0.00865,0.01496,0.10403,-0.00757,0.07988,0.0082,0.0611,-0.00548,-0.01724,0.0815,0.05116,0.02353,0.05306,0.0355,-0.02785,0.01206,0.06597,0.12424,-0.04459,-0.00981,0.0504,-0.00536,-0.02085,0,-0.16126,-0.01629,-0.02557,0.02362,-0.00308,0.07846,-0.0663,0.06429,0.01394,-0.00251,-0.02856,0.11843,-0.0492,0.03126,0.11515,-0.00069,0.02774,0.00766,-0.04986,-0.05343,-0.07116,0.00471,0.02134,0.16704,0.00498,-0.01801,-0.01535,0.02185,0.03099,0.01668,-0.01683,-0.00055,0.02986,0.10316,-0.05337,0.04422,-0.1117,0.04981,-0.04359,0.07486,0.05507,0.00996,0.02098,-0.00014,0.01843,0.08684,0.0019,0.01472,-0.06137,0.01822,-0.08353,0.05345,-0.07023,-0.02581,-0.0057,0.02522,-0.0292,-0.00375,0.03438,0.04635,-0.12922,0.01931,0.02236,-0.01788],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. Description Manually shape connection routes by adding interactive waypoints between nodes. Use this when users need cleaner edge routing without giving up control of the underlying waypoint data in your application state.","excerpt":"Description Manually shape connection routes by adding interactive waypoints between nodes. Use this when users need cleaner edge routing without giving up control of the underlying waypoint data in your application state."},{"chunkId":"/examples/connection-waypoints#2","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.04465,-0.00996,-0.11542,0.06121,-0.03387,0.07348,0.00236,0.03573,-0.01514,0.03298,-0.03938,0.03295,-0.04842,0.0275,0.06137,0.01895,-0.07406,0.01266,0.02461,0.03648,0.02213,-0.07331,0.02788,0.01199,-0.01989,0.00227,0.02393,-0.04247,0.05044,-0.0251,0.03986,0.03731,-0.15996,-0.01761,-0.04782,0.03667,0.04657,0.02928,-0.02321,0.00351,0.10723,0.04291,0.03921,-0.09714,0.05705,0.00447,-0.05518,0.04855,-0.03567,0.06182,-0.09331,-0.07619,-0.07427,0.05699,0.01376,0.00379,-0.02151,-0.04026,0.01102,0.04025,0.0242,-0.0939,-0.0055,-0.00568,-0.03551,-0.04091,-0.08662,0.04114,-0.00862,0.01745,-0.0065,-0.06256,0.03042,-0.05644,0.06559,-0.03463,-0.03844,0.09727,-0.03585,-0.05866,0.03142,0.01814,0.01952,0.08156,-0.00064,0.04527,-0.00592,-0.06227,-0.00779,-0.00672,0.01072,0.08916,-0.087,-0.02493,0.07532,-0.00211,-0.07801,0.00418,-0.06382,0.03357,-0.03056,-0.07422,0.02283,0.05273,0.05011,0.04997,-0.02745,0.06226,-0.03788,0.02812,-0.05043,0.02369,0.06489,-0.04008,-0.02389,-0.08125,-0.0538,-0.02498,0.01157,0.04185,0.01404,-0.05115,-0.00178,0.01217,0.04614,0.00976,0.0057,0,0.01954,0.07255,0.00361,-0.00096,0.02577,0.01246,-0.05698,-0.07636,-0.01318,0.09448,-0.0439,-0.03591,-0.04822,-0.03883,0.02791,-0.1213,0.01664,0.03442,-0.04852,0.02876,0.06581,-0.09103,-0.01068,-0.04212,0.13045,0.00109,-0.03255,0.0418,-0.06607,-0.0023,0.13896,0.02523,0.02935,-0.07408,-0.03346,-0.04007,0.01339,-0.04841,-0.07314,-0.03826,0.04774,-0.03072,-0.08179,0.06409,-0.08357,0.02937,-0.02037,0.05732,0.05373,0.0257,-0.05427,0.0426,-0.017,-0.00637,0.05404,-0.0327,-0.09827,0.08051,-0.0271,0.03441,0.02076,0.02695,-0.02964,-0.09914,0.0262,-0.03336,-0.00797,0.01664,0.07906,-0.04185,-0.07568,0.09532,-0.02365,0.03277,-0.01758,-0.04333,-0.03974,0.03468,0.13164,-0.05334,-0.03958,-0.05853,-0.03436,0.05752,0.10871,-0.06011,0.01258,-0.07124,-0.08496,-0.07781,0.05847,0.03092,-0.01185,-0.01568,-0.01632,0,-0.00402,0.00045,-0.01508,0.08818,0.01884,-0.04853,0.04913,0.0257,0.10259,0.07955,0.01111,0.04017,0.01894,-0.03904,0.07994,-0.01822,-0.01614,-0.10552,0.06943,-0.04264,0.00632,0.03733,-0.04,-0.08411,0.00353,0.09472,0.00122,0.05407,-0.01882,0.00966,-0.00602,-0.02849,-0.03238,-0.0325,-0.00676,-0.00134,-0.00788,0.08239,0.05942,-0.04188,0.10651,0.03123,-0.00931,0.00014,-0.02438,0.03492,-0.00186,0.00903,-0.07859,0.02485,-0.02249,0.01472,-0.08704,0.0431,-0.04157,0.03445,0.05545,-0.08208,-0.02333,-0.01938,0.00997,-0.03366,0.03734,0.03702,0.08368,0.01078,-0.02839,-0.08109,0.03621,0.02878,-0.03776,0.04242,0.0441,-0.00799,0.10714,0.02162,0.0626,0.02848,0.06977,-0.00573,-0.02931,0.06798,0.0411,0.0525,0.07752,0.07753,-0.0584,-0.0076,0.07071,0.09638,-0.04565,-0.03024,0.05871,0.00542,0.01191,0,-0.14302,-0.01141,-0.04815,0.01137,-0.01468,0.0252,-0.03912,0.0286,-0.01495,-0.03395,-0.02324,0.10106,0.00283,0.02195,0.07938,-0.02135,0.00614,0.01791,-0.06907,0.00078,-0.05276,-0.00597,0.03822,0.12832,0.00986,-0.04948,-0.03674,0.0289,0.02266,-0.01955,-0.01642,-0.02752,0.00899,0.07665,-0.03462,-0.00614,-0.12753,0.03416,-0.02139,0.09432,0.05002,-0.0251,0.0193,0.01015,0.00395,0.08198,0.00529,0.00364,-0.05153,0.01614,-0.10806,0.04945,-0.07764,-0.00619,0.02723,-0.01697,-0.01184,0.02093,0.0184,0.03274,-0.09932,0.01903,0.00711,-0.03822],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. Example ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.scss :::","excerpt":"Example ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.scss :::"},{"chunkId":"/examples/connection-waypoints#3","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.04644,-0.03809,-0.09953,0.05774,-0.09975,0.0815,0.01585,0.076,0.0195,-0.00694,-0.07984,-0.00485,-0.07208,0.02395,0.08321,0.0379,-0.07394,-0.01223,0.03082,0.0267,0.01067,-0.10955,0.00555,-0.01829,-0.03824,0.02198,0.06389,-0.03176,0.02441,-0.04632,0.05704,0.05559,-0.15521,-0.01243,-0.08585,0.01817,0.01674,-0.02096,-0.04396,-0.00431,0.11508,0.03684,0.02989,-0.05393,0.02548,0.01318,-0.0242,0.0444,-0.02617,0.08053,-0.08638,-0.02579,-0.06214,0.04348,0.03062,0.06281,0.02061,-0.02585,-0.02286,0.01071,0.04969,-0.06595,0.02161,0.01359,-0.07276,-0.01007,-0.06059,0.03605,0.03271,-0.01608,-0.02773,-0.0412,0.07266,-0.07829,0.08008,-0.01865,0.02806,0.06429,-0.00537,-0.05238,0.03106,0.02354,0.00687,0.07511,0.00609,0.01323,-0.02484,-0.0871,-0.00554,0.01851,0.0208,0.06745,-0.05831,-0.03707,0.04799,-0.02052,-0.04015,-0.00665,-0.0346,0.01878,-0.02067,-0.03234,-0.00321,0.03181,-0.02003,0.04677,-0.03098,0.00455,-0.04301,0.02373,-0.04087,0.00824,0.07811,-0.01794,-0.0479,0.00285,-0.05755,-0.01368,0.01319,0.03381,-0.0233,-0.05837,0.02693,0.01994,0.0132,0.01255,-0.01277,0,-0.00911,0.0631,-0.00216,-0.01506,0.04438,0.03109,0.00719,-0.0926,-0.01665,0.03454,-0.02576,0.0192,-0.04721,-0.01621,-0.01535,-0.11378,-0.0168,0.02186,-0.00694,0.03841,0.09228,-0.06333,-0.02634,-0.0495,0.10786,0.01509,-0.03852,0.07826,-0.07546,-0.00494,0.12446,-0.00592,0.00146,-0.02445,-0.03281,-0.03561,-0.0226,-0.06561,-0.10236,-0.02943,0.03632,-0.05044,-0.10741,0.03371,-0.07834,0.03243,-0.06053,0.04641,0.03736,0.01713,-0.029,0.00542,-0.01139,-0.05174,0.04502,-0.03486,-0.12947,0.06844,-0.01606,0.02674,0.03732,0.02358,-0.04126,-0.0778,0.00104,0.04085,-0.00772,0.02307,0.0953,-0.01333,-0.06132,0.09299,-0.0384,0.01784,-0.00608,-0.02028,-0.02888,0.00916,0.08885,-0.0532,-0.03227,-0.05528,-0.02437,0.09114,0.14113,-0.06086,-0.03708,-0.08227,-0.09337,0.01464,0.04575,0.01557,0.0532,0.02916,0.0088,0,-0.02588,-0.00887,-0.02626,0.04688,0.01905,-0.04583,0.03999,0.02109,0.07799,0.05548,0.00945,0.05542,0.02426,-0.05906,0.03399,-0.02148,0.03115,-0.10084,0.03586,-0.04996,0.00066,-0.01778,-0.04512,-0.11725,-0.0144,0.08094,0.01178,-0.00476,-0.00964,0.0169,0.00057,-0.03672,-0.00563,-0.02492,0.01447,0.01134,0.00251,0.01387,0.07838,-0.04673,0.05032,-0.0006,-0.02798,0.00286,-0.02474,0.08096,-0.08343,-0.02109,-0.09907,0.05517,-0.04907,0.04007,-0.08831,-0.00367,-0.06873,0.08548,0.0697,-0.04036,-0.00805,0.00188,-0.02498,-0.08342,0.08952,0.06008,0.07911,0.00314,-0.01269,-0.03348,0.053,0.06714,0.04109,0.08926,0.00195,0.02701,0.11525,-0.01666,0.05446,-0.01838,0.06597,0.01195,-0.01262,0.06907,0.04506,0.02199,0.03926,0.05077,-0.01698,0.01206,0.10126,0.10724,-0.03317,-0.01443,0.05816,-0.03614,-0.01124,0,-0.13168,-0.01258,-0.03296,0.0191,-0.00865,0.05486,-0.0911,0.00479,0.00214,-0.01271,-0.05186,0.14174,-0.03354,0.02562,0.08617,-0.00691,0.03372,-0.0166,-0.04782,-0.0367,-0.05618,0.00452,0.01849,0.17763,0.01378,-0.03263,0.01015,0.02751,0.02901,0.01956,-0.03196,-0.02834,0.01903,0.08758,-0.06284,0.01722,-0.08948,0.00512,-0.03874,0.08704,0.05174,0.00077,0.01467,-0.00487,0.00968,0.07604,-0.0236,-0.00575,-0.03546,0.01368,-0.06311,0.04302,-0.09355,-0.00399,0.00858,-0.0084,-0.037,0.00988,0.03988,0.04104,-0.13879,0.02246,0.02988,-0.03247],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. What you can do - See waypoint candidates generated along each connection segment. - Add a waypoint to make the route explicit. - Move existing waypoints to reshape the connection in real time. - Bind [(waypoints)] to your own state and react through (fConnectionWaypointsChanged). f Connection Waypoints Changed","excerpt":"What you can do - See waypoint candidates generated along each connection segment. - Add a waypoint to make the route explicit. - Move existing waypoints to reshape the connection in real time. - Bind [(waypoints)] to your own state and react through (fConnectionWaypointsChanged)."},{"chunkId":"/examples/connection-waypoints#4","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.00345,-0.00738,-0.13222,0.04628,-0.09356,0.05549,-0.00256,0.05872,0.02197,0.0002,-0.05786,0.00239,-0.05819,0.04302,0.082,0.04111,-0.08221,-0.00371,0.03952,0.0377,0.02161,-0.0808,-0.0085,-0.02285,-0.04263,0.01409,0.04253,-0.00698,0.0326,-0.05407,0.03098,0.04951,-0.14703,0.01542,-0.0716,0.01009,0.03437,-0.01383,-0.02504,0.00409,0.11244,0.05365,0.02684,-0.0642,0.0054,0.00128,-0.04246,0.04551,-0.03266,0.10383,-0.08827,-0.05079,-0.05897,0.04047,0.00981,0.01758,-0.02866,-0.04762,0.00295,0.03913,0.07293,-0.05928,-0.00242,0.02327,-0.07888,-0.04203,-0.05732,0.03573,0.03519,-0.02455,-0.00803,-0.06304,0.05153,-0.06783,0.08068,-0.00388,0.00145,0.06023,-0.01292,-0.07528,0.01553,0.05202,0.02173,0.09829,0.00603,0.04101,-0.05349,-0.09528,-0.01325,0.00058,0.0178,0.0712,-0.08938,-0.02592,0.05652,-0.03738,-0.02311,-0.02735,-0.07752,0.03952,-0.03886,-0.04653,0.02224,0.02193,-0.00198,0.03891,-0.01734,0.0167,-0.05604,0.00679,-0.03551,0.01882,0.07685,-0.03944,-0.04747,-0.01935,-0.07553,-0.01409,0.0151,0.02913,-0.02148,-0.04673,0.02409,0.03171,0.03527,-0.00181,-0.06209,0,0.01054,0.07942,0.01837,-0.0062,0.04419,0.03048,-0.00929,-0.07536,0.0009,0.04895,-0.01417,-0.00781,-0.04251,-0.02407,0.02944,-0.10644,0.021,0.04462,-0.06253,0.02829,0.08239,-0.08892,-0.00719,-0.02842,0.11908,0.04539,-0.02056,0.04568,-0.06876,0.01507,0.12343,0.00953,0.01272,-0.04882,-0.01464,-0.04752,-0.02923,-0.05925,-0.0766,-0.03895,0.03745,-0.03929,-0.1014,0.02236,-0.08388,0.0382,-0.05413,0.0719,0.02358,0.017,-0.01847,0.03794,-0.03209,-0.00608,0.05603,-0.04417,-0.12411,0.07656,-0.01097,0.00975,0.02005,0.03016,-0.04986,-0.06927,-0.01121,-0.00141,-0.00887,-0.00448,0.09821,0.00852,-0.05025,0.10651,-0.02534,0.01425,-0.00703,-0.04359,-0.02749,0.01666,0.11945,-0.04951,-0.04495,-0.05868,-0.01319,0.02895,0.10602,-0.06175,0.00911,-0.0839,-0.09967,-0.03222,0.07283,0.03707,0.00415,-0.00253,-0.0065,0,-0.02089,0.0053,-0.00196,0.03778,0.04262,-0.05997,0.05104,-0.00391,0.08216,0.07548,0.00257,0.05969,0.00037,-0.04544,0.08349,-0.0234,0.00473,-0.11171,0.04738,-0.06483,-0.0088,-0.00658,-0.00877,-0.10907,-0.02139,0.06604,0.00141,0.00673,-0.01353,0.02917,0.00167,-0.0409,-0.0016,-0.02934,0.03339,-0.00949,0.00354,0.03615,0.06613,-0.04605,0.05087,0.0059,-0.01076,-0.01624,-0.02209,0.06605,-0.02515,-0.00206,-0.08433,0.01587,-0.02001,0.03087,-0.08432,0.00624,-0.06133,0.07846,0.0577,-0.03681,0.00455,0.00138,-0.05074,-0.06963,0.08178,0.05813,0.07231,-0.00798,0.00204,-0.0582,0.02553,0.08058,0.01801,0.06818,0.00929,0.03112,0.07935,-0.00517,0.07397,0.0069,0.06391,0.00608,-0.00987,0.07133,0.05521,0.05216,0.07227,0.04832,-0.00016,-0.0034,0.05843,0.13202,-0.01868,-0.00753,0.0519,-0.01697,0.01917,0,-0.1564,-0.00852,-0.04572,0.02042,-0.01023,0.02944,-0.08133,0.05886,0.00777,-0.00156,-0.02575,0.13798,-0.0398,0.02125,0.10376,-0.02109,0.02195,-0.01533,-0.05733,-0.03326,-0.06332,-0.00182,0.01944,0.14709,-0.01233,-0.03841,-0.02319,0.03788,0.03396,0.0015,0.00079,-0.01381,0.03747,0.10796,-0.03843,-0.01388,-0.11753,0.02523,-0.04939,0.07734,0.05577,-0.00134,0.02515,0.00046,0.02325,0.0935,0.00496,0.00187,-0.05779,0.02064,-0.07707,0.05898,-0.074,-0.01481,-0.01966,-0.00325,-0.029,0.00316,0.03481,0.04695,-0.11882,0.0205,0.0227,-0.02846],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. Key API Place <f-connection-waypoints inside <f-connection and configure: - [(waypoints)] for two-way binding with your waypoint array. - radius for the visual size of candidates and active waypoints.","excerpt":"Key API Place <f-connection-waypoints inside <f-connection and configure: - [(waypoints)] for two-way binding with your waypoint array. - radius for the visual size of candidates and active waypoints."},{"chunkId":"/examples/connection-waypoints#5","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.03464,-0.00801,-0.11242,0.03587,-0.09344,0.0635,0.02369,0.03731,0.04573,-0.0118,-0.05072,-0.00861,-0.05342,0.01804,0.07785,0.03034,-0.05104,-0.03721,0.04995,0.0666,0.00465,-0.07616,-0.01235,-0.00227,-0.02861,0.02424,0.0609,-0.00203,0.02584,-0.03752,0.0255,0.06852,-0.13553,0.00479,-0.07951,-0.01283,0.04814,-0.02636,-0.07958,-0.02458,0.10654,0.03315,0.01052,-0.04914,-0.00498,-0.00139,-0.00877,0.01086,-0.04114,0.09833,-0.07704,-0.03011,-0.05038,0.0644,0.00252,0.04678,-0.00426,-0.03515,0.00757,0.05248,0.0484,-0.02453,0.0142,0.05341,-0.06969,-0.03331,-0.06974,0.03002,0.04226,-0.04553,-0.00962,-0.06032,0.04902,-0.07704,0.10165,-0.02456,-0.00004,0.03406,-0.02241,-0.06952,0.04001,0.03474,0.02521,0.0991,-0.01257,0.0235,0.00028,-0.06837,-0.01376,0.01528,0.02046,0.07798,-0.07909,-0.04605,0.10773,-0.04848,-0.03157,-0.04279,-0.07833,0.0206,-0.0145,-0.03828,0.01411,0.021,-0.01212,0.03029,-0.01735,0.00471,-0.05165,0.01646,-0.05174,0.00715,0.06849,-0.04378,-0.04811,-0.03219,-0.07809,-0.00384,-0.01272,0.01658,-0.01214,-0.05352,0.04075,0.02659,0.02162,0.02395,-0.08047,0,-0.00327,0.03994,0.00453,-0.02589,0.03013,0.00502,0.00444,-0.04366,0.00525,0.02789,-0.00376,-0.00461,-0.04775,0.00327,0.02474,-0.09293,-0.02957,0.04609,-0.03166,0.03903,0.11885,-0.08801,-0.02826,-0.03343,0.10797,0.08154,-0.03063,0.04912,-0.068,0.0195,0.08458,-0.00647,0.00181,-0.04702,-0.03247,-0.03235,-0.04244,-0.08789,-0.04209,-0.01756,0.01047,-0.05329,-0.12234,0.00284,-0.06197,0.02594,-0.03541,0.04195,0.00633,0.00734,0.00084,0.00519,-0.00853,-0.00125,0.01994,-0.04916,-0.0963,0.06482,-0.02358,0.00194,0.02241,0.05501,-0.03924,-0.07367,0.0113,0.01937,-0.01006,-0.00586,0.08367,-0.01849,-0.10158,0.10625,-0.0388,0.00062,-0.00466,-0.03393,-0.02103,0.00724,0.09947,-0.03652,-0.04081,-0.0685,0.0172,0.03568,0.10523,-0.0724,0.00967,-0.09368,-0.10446,-0.00857,0.09723,0.03228,-0.01682,0.02308,0.00283,0,-0.02638,0.00335,-0.02027,0.02364,0.02642,-0.06126,0.05477,0.016,0.10289,0.03688,0.03029,0.06839,0.02628,-0.04572,0.08242,-0.02,0.00507,-0.10251,0.01847,-0.05163,-0.0253,-0.00391,-0.00135,-0.13227,-0.0323,0.04419,0.01417,-0.01389,0.01427,0.00073,0.00573,0.00007,0.00001,-0.07178,0.02615,0.03358,-0.03449,0.00821,0.05594,-0.04185,0.05577,0.00693,-0.02278,-0.00192,-0.02313,0.09723,-0.0703,-0.01394,-0.05557,0.0099,-0.01815,0.06263,-0.07794,-0.01515,-0.05309,0.10477,0.10852,-0.03412,-0.02317,-0.02846,0.00187,-0.03665,0.06476,0.0536,0.07871,0.00708,-0.00688,-0.03439,0.03059,0.03933,0.03093,0.05745,-0.01584,0.01086,0.09456,0.00947,0.05802,-0.02558,0.0499,-0.01103,-0.01327,0.09518,0.06313,0.02578,0.05073,0.04355,-0.0521,-0.00671,0.06134,0.11932,-0.03731,-0.00536,0.04797,0.00211,-0.03536,0,-0.15004,-0.03124,-0.0231,0.0158,-0.01443,0.04594,-0.09002,0.06762,0.03795,-0.00439,-0.04678,0.12005,-0.0459,0.02342,0.12634,0.01119,0.02703,-0.01777,-0.0471,-0.06124,-0.0534,-0.00267,-0.00429,0.16732,0.0168,-0.04649,-0.00271,0.04321,0.03601,0.00527,0.02002,-0.00972,0.03691,0.12403,-0.04466,0.0488,-0.09354,0.05188,-0.04336,0.05472,0.03776,-0.00443,-0.01018,0.00005,0.00539,0.11348,0.00409,-0.01835,-0.05966,0.02093,-0.08367,0.07672,-0.08444,0.00047,-0.00895,0.02483,-0.03374,-0.02463,0.05732,0.02934,-0.11896,0.03196,0.03784,0.00357],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. Interaction model - Drag a green candidate point onto the connection to add a waypoint. - Drag a blue waypoint to move it. - Right-click a waypoint to remove it. - Use the toolbar toggles to show/hide waypoints or disable interaction. The feature stays data-driven: Foblex Flow handles interaction, but the waypoint array still belongs to your app.","excerpt":"Interaction model - Drag a green candidate point onto the connection to add a waypoint. - Drag a blue waypoint to move it. - Right-click a waypoint to remove it. - Use the toolbar toggles to show/hide waypoints or disable interaction. The feature stays data-driven: Foblex Flow handles interaction, but the waypoint array still belongs to your app."},{"chunkId":"/examples/connection-connectable-side#0","slug":"connection-connectable-side","route":"/examples/connection-connectable-side","section":"examples","title":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate)","description":"Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams.","group":"Connections - Routing","vector":[-0.02948,-0.02812,-0.07632,0.06519,-0.04576,0.05279,-0.02927,0.05042,-0.00387,0.07114,-0.01648,0.07986,-0.03409,0.01106,-0.02477,0.01094,-0.0582,-0.04648,0.0047,-0.03832,-0.06962,-0.06438,-0.05099,-0.03606,0.01238,-0.00765,0.00643,0.00643,0.06933,-0.05019,-0.04863,0.0118,-0.1148,-0.01064,-0.15651,0.00373,0.03914,0.00931,-0.01608,-0.00207,0.0914,-0.00012,0.00531,-0.02838,-0.04344,0.05452,-0.16355,0.05296,-0.04266,0.07044,-0.032,-0.0516,-0.06934,-0.00664,0.0327,-0.00062,0.04864,-0.01824,-0.01903,0.04534,0.06237,-0.02835,-0.04155,0.02466,0.0242,-0.03399,-0.0206,0.05905,-0.05644,-0.0055,-0.01768,-0.06839,-0.01788,-0.0754,0.04997,-0.0093,0.01134,0.06668,-0.00459,-0.04577,0.05298,0.16235,-0.01901,0.04678,-0.06453,0.05492,-0.03459,-0.03409,0.04128,-0.06003,0.01347,-0.01486,0.01341,-0.00219,0.03753,0.00051,-0.03657,0.01922,-0.0832,0.01262,0.03059,-0.0789,0.07272,-0.03487,-0.01019,-0.00695,-0.01797,0.01618,0.03215,-0.05372,-0.00218,0.04184,-0.04792,-0.08035,-0.06227,-0.03367,-0.01847,0.01009,0.06632,0.01932,-0.0502,0.01239,0.04529,-0.02304,0.03529,-0.06148,-0.03279,0,-0.01627,-0.00499,0.00767,0.09299,-0.00196,0.02941,-0.02736,-0.04634,0.03768,0.10023,0.03024,0.06679,-0.08726,0.01534,0.05122,-0.06044,0.01278,-0.00723,-0.04978,0.02567,-0.02381,-0.07641,-0.02396,0.06205,0.10608,0.03223,-0.00128,0.02847,-0.06724,-0.00328,0.12211,0.04663,-0.00471,0.04399,0.00879,-0.0238,-0.05027,-0.03974,-0.02657,-0.01438,-0.01225,-0.0637,-0.10898,0.05163,-0.02583,0.01333,-0.02081,0.02794,0.05315,0.01394,-0.04077,0.0218,-0.00215,-0.03302,0.05267,-0.00477,-0.08255,0.08274,0.00137,0.07274,0.01435,-0.03687,-0.03113,-0.03738,-0.04731,0.00436,-0.04935,-0.10616,0.09967,-0.07034,-0.11559,0.01864,0.02022,0.07716,-0.06177,-0.02247,-0.08988,0.06573,0.08062,0.01091,-0.03782,0.00001,0.03039,0.00293,0.01844,-0.11247,-0.00366,-0.03466,-0.01642,-0.01095,0.04158,0.07554,0.04207,0.0811,0.03792,0,-0.09883,0.01594,-0.02601,-0.00443,-0.03777,-0.05654,0.07307,-0.01494,0.03487,0.10606,0.14545,0.03844,-0.0308,-0.01315,-0.01443,-0.0099,0.00214,-0.07515,0.03622,0.00649,0.03032,-0.00353,0.03434,-0.0852,-0.01818,0.04145,0.01909,-0.05021,0.02699,0.05066,-0.03738,-0.03558,0.0245,0.02742,-0.09697,-0.06275,0.0189,0.02315,0.03882,-0.08738,0.00116,0.03989,0.00715,-0.01556,-0.05092,-0.0244,-0.03927,0.00605,-0.09855,-0.06431,-0.02372,0.04442,0.06269,-0.05003,-0.00844,-0.00487,0.04307,0.00094,0.06447,0.00661,0.02444,-0.05851,0.05056,0.00547,-0.03245,0.05586,0.02693,-0.12425,0.08697,0.01343,0.00635,0.06225,0.01527,-0.05052,0.05262,-0.01159,0.01838,-0.09676,0.02955,-0.04231,-0.05306,0.05201,-0.01295,0.04215,0.00092,-0.00181,-0.04519,0.06768,0.04839,0.07089,-0.05761,-0.01102,0.0261,0.01608,0.0143,0,-0.07019,-0.03051,0.00545,-0.06419,-0.00387,0.007,0.05412,0.02165,-0.03478,0.08592,-0.00088,0.13119,-0.03009,-0.00702,0.11674,0.06014,0.01849,0.04388,0.00398,0.01996,0.0138,-0.04122,0.09317,0.10408,0.02669,-0.01435,-0.03617,0.12037,-0.02603,0.02019,0.00358,-0.05399,0.03215,0.05031,-0.01061,0.05108,-0.1192,0.02397,-0.01524,0.08057,0.0224,0.03058,0.02534,0.04594,0.04173,0.0827,0.01967,0.04932,-0.06649,0.01074,-0.0698,-0.00823,-0.03239,-0.06859,-0.04079,-0.01251,0.05596,-0.00552,-0.03424,0.02484,-0.08592,0.13289,-0.04355,-0.06083],"keywords":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams. --- toc: false wideContent: true --- Connection Connectable Side wide Content","excerpt":"--- toc: false wideContent: true --- Connection Connectable Side"},{"chunkId":"/examples/connection-connectable-side#1","slug":"connection-connectable-side","route":"/examples/connection-connectable-side","section":"examples","title":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate)","description":"Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams.","group":"Connections - Routing","vector":[-0.01408,-0.0069,-0.05416,0.07556,-0.06669,0.02436,-0.03208,0.05091,0.01006,0.05998,-0.02519,0.11482,-0.03011,0.0303,-0.00794,0.04419,-0.05472,-0.02795,0.02003,-0.02116,-0.05153,-0.07098,-0.04794,-0.04004,-0.00095,-0.00722,0.0204,0.0255,0.07161,-0.05009,-0.02866,-0.01479,-0.11385,0.00979,-0.17468,-0.00937,-0.01454,0.02755,-0.02146,0.01238,0.09869,-0.01356,-0.01767,-0.04527,-0.05973,0.01778,-0.14372,0.04612,-0.04186,0.07012,-0.04047,-0.05355,-0.09002,0.00846,0.04392,0.02126,0.03215,-0.02128,-0.01234,0.04999,0.0695,-0.05324,-0.03871,0.02414,0.01542,-0.03011,-0.01161,0.06308,-0.05095,0.02444,0.00053,-0.05227,-0.02803,-0.07847,0.00481,0.00984,0.01984,0.06863,-0.01537,-0.01982,0.04955,0.14093,-0.03103,0.07437,-0.02733,0.05232,-0.03625,-0.04979,0.05172,-0.06887,-0.01725,-0.00794,0.03643,0.00579,0.02337,0.04479,-0.05128,-0.00179,-0.08157,0.01693,0.00762,-0.08079,0.06225,-0.01037,0.0143,-0.00651,-0.01616,0.00389,-0.00839,-0.02736,-0.0095,0.04651,-0.04032,-0.05819,-0.0785,-0.0037,-0.02015,0.00826,0.06011,0.06604,-0.06473,0.00499,0.06215,-0.04597,0.04782,-0.04243,-0.0359,0,-0.03397,-0.01227,-0.00787,0.03102,0.02165,0.01694,-0.06816,-0.05222,0.02291,0.07117,-0.01318,0.05296,-0.06842,0.02656,0.04165,-0.05787,0.01466,0.01096,-0.02342,0.00487,-0.01562,-0.0987,-0.03479,0.03538,0.09273,0.04916,0.01054,-0.00367,-0.07305,-0.00183,0.12734,0.04949,-0.00963,0.04206,0.0095,-0.00345,-0.03845,-0.04651,-0.02722,-0.00321,-0.00191,-0.02817,-0.0974,0.04344,-0.02954,0.00666,-0.01575,0.02985,0.04729,0.02443,-0.05616,0.03285,0.04099,-0.00687,0.05876,-0.05076,-0.08599,0.08003,-0.00863,0.06242,0.0067,-0.05393,-0.03468,-0.05644,-0.02037,0.02019,-0.03655,-0.07647,0.08841,-0.08235,-0.10432,0.02264,0.02196,0.08251,-0.06884,-0.00887,-0.09899,0.07634,0.09312,0.01115,-0.05852,0.00867,0.00373,0.00817,0.05431,-0.11819,0.00687,-0.06438,-0.00648,0.00595,0.03231,0.08842,0.04562,0.11329,0.02853,0,-0.10009,0.02194,-0.01291,0.03459,-0.03369,-0.04599,0.0888,-0.03148,0.05845,0.11806,0.11809,0.05451,-0.02503,-0.01999,0.01928,-0.01855,-0.02949,-0.09519,0.07881,0.00975,0.01911,0.00931,-0.01414,-0.0829,0.01958,0.05516,0.0518,-0.06182,-0.01119,0.05732,-0.02398,-0.0375,0.01372,0.02391,-0.08299,-0.00724,-0.00489,0.04445,0.07345,-0.08065,0.02522,0.03089,0.01724,0.00408,-0.04672,-0.01724,-0.04468,0.00557,-0.11298,-0.08859,-0.05519,0.07908,0.03768,-0.03374,-0.00025,-0.00857,0.03732,0.01964,0.0489,0.0167,0.05075,-0.0515,0.04725,-0.00169,-0.036,0.03878,0.0251,-0.13797,0.05674,0.00476,0.00886,0.08071,0.00841,-0.03826,0.06993,0.0057,0.02889,-0.07622,0.02025,-0.02099,-0.07943,0.04429,-0.03856,0.01,-0.03691,-0.00848,-0.0493,0.05226,0.03786,0.0579,-0.05892,-0.01314,0.00306,0.02747,-0.01986,0,-0.07667,-0.01592,0.01531,-0.0502,0.0254,0.01664,0.04493,0.02806,-0.03369,0.07767,0.02113,0.14203,-0.04058,0.02413,0.07975,0.0563,0.02506,0.02686,-0.01166,0.024,-0.00864,-0.02263,0.06155,0.1223,0.01603,-0.01485,-0.01012,0.09295,-0.03961,0.02288,-0.01925,-0.01995,0.05177,0.0861,-0.02426,0.07257,-0.12424,0.02112,-0.0067,0.06914,0.045,-0.004,0.03229,0.02352,0.03697,0.0928,0.02178,0.04624,-0.04632,0.01249,-0.05521,-0.03118,-0.03232,-0.06404,-0.02435,-0.02564,0.05548,-0.02466,-0.02509,0.01815,-0.07403,0.11681,-0.0274,-0.08097],"keywords":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams. Description Control which side an individual connection uses at both ends instead of relying only on connector defaults. Use this when routing should stay predictable, or when a specific edge needs to override the usual node-side behavior.","excerpt":"Description Control which side an individual connection uses at both ends instead of relying only on connector defaults. Use this when routing should stay predictable, or when a specific edge needs to override the usual node-side behavior."},{"chunkId":"/examples/connection-connectable-side#2","slug":"connection-connectable-side","route":"/examples/connection-connectable-side","section":"examples","title":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate)","description":"Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams.","group":"Connections - Routing","vector":[-0.03644,0.01152,-0.08921,0.05828,-0.02168,0.0678,-0.0272,0.0512,-0.00597,0.06046,-0.04105,0.08678,-0.02391,0.03455,0.0113,0.02019,-0.08043,-0.01412,0.00377,-0.02473,-0.02459,-0.06078,-0.00744,-0.0403,0.01617,0.00442,0.00777,0.00515,0.07995,-0.03702,-0.00914,0.01575,-0.09527,-0.00917,-0.12558,0.02887,0.01359,0.03724,-0.01582,-0.01566,0.10767,-0.00684,0.01818,-0.092,-0.03383,0.02541,-0.14017,0.0668,-0.05803,0.04631,-0.02987,-0.06446,-0.07099,0.05259,0.05123,0.01916,0.04149,-0.0516,0.01322,0.0223,0.03021,-0.03357,-0.00504,-0.00728,0.02775,0.00503,-0.03458,0.06516,-0.06957,0.057,-0.00445,-0.02049,-0.02514,-0.10105,0.03897,-0.02577,-0.02534,0.12829,-0.02263,-0.05079,0.03951,0.09875,-0.02633,0.06336,-0.0598,0.07063,-0.01692,-0.03261,0.03333,-0.05913,-0.02036,0.04157,-0.03025,-0.01044,0.06176,0.02446,-0.08957,-0.00146,-0.06898,0.04706,-0.02367,-0.07275,0.08639,0.01966,0.03033,-0.00929,-0.01008,0.02876,-0.01275,-0.01024,0.01004,0.03985,0.02079,-0.05345,-0.04666,-0.04559,-0.00182,-0.01408,0.07695,0.05453,0.01712,0.00349,0.01199,-0.06012,0.07212,-0.02507,0.00975,0,-0.00677,-0.00846,-0.01134,0.06487,0.04013,-0.00435,-0.03792,-0.06677,0.00245,0.10394,-0.02703,0.05574,-0.09108,-0.03342,0.02402,-0.09027,0.04421,0.00596,-0.05974,0.01103,0.01635,-0.08033,-0.05019,0.03395,0.1128,0.00657,-0.03474,0.03291,-0.08354,-0.01581,0.14027,0.03966,0.00082,-0.00775,0.00223,-0.04788,-0.01561,-0.02633,-0.04911,-0.0192,0.03437,-0.04704,-0.07371,0.0756,-0.05675,0.0042,-0.02315,0.00915,0.07906,0.01523,-0.03725,0.06115,0.00561,-0.04702,0.04137,-0.04126,-0.08006,0.09004,-0.04142,0.08883,-0.01167,-0.00279,-0.0131,-0.06249,0.01107,0.00595,-0.04683,-0.06714,0.07259,-0.10024,-0.10726,0.04325,-0.00906,0.04236,-0.0528,-0.01688,-0.05889,0.05948,0.07897,-0.00348,-0.01188,-0.03862,-0.01457,0.02641,0.04387,-0.12077,-0.00017,-0.05611,-0.04969,-0.049,0.04017,0.0644,0.05617,0.02547,0.04092,0,-0.05153,0.00738,0.04333,0.06688,-0.03564,-0.03552,0.10014,0.02039,0.0428,0.12948,0.06824,0.06253,-0.02577,-0.04477,0.00459,0.02007,-0.04239,-0.07768,0.0995,0.0217,0.0239,0.0702,0.01123,-0.05545,-0.01212,0.07533,0.05117,-0.00798,0.00964,0.00765,-0.05063,-0.05091,-0.03378,0.0515,-0.10628,-0.05498,-0.00188,0.08678,0.04803,-0.06242,0.08685,0.06707,-0.00857,-0.00181,-0.04661,-0.00272,-0.00623,-0.00821,-0.12353,-0.08034,-0.05169,0.05176,0.00144,-0.00524,-0.00445,0.00017,0.07889,-0.0249,0.00214,0.02375,0.06285,-0.06837,0.04342,0.00465,0.01614,0.05018,-0.03927,-0.12161,0.0596,0.0092,0.01595,0.05777,0.0467,-0.04256,0.09021,0.00973,0.02176,-0.05578,0.02241,-0.00814,-0.07385,0.04661,-0.03751,0.00936,-0.0149,0.00841,-0.08087,0.04091,0.06241,0.04439,-0.10141,-0.01611,0.02403,0.01227,0.00608,0,-0.07803,-0.05952,-0.01658,-0.0618,0.00602,-0.00295,0.01483,-0.01764,-0.04446,0.03608,-0.03924,0.12641,0.00273,-0.00026,0.03492,0.05356,0.01372,0.03642,-0.0323,0.02735,-0.00652,-0.01811,0.05678,0.14267,0.01218,-0.05714,-0.0501,0.05941,-0.00506,0.01138,-0.00237,-0.03639,0.0477,0.06703,-0.01393,0.01069,-0.16421,0.02553,-0.00849,0.06937,0.06693,-0.00717,0.03117,0.02095,0.03211,0.07213,-0.0017,0.03818,-0.03774,-0.00865,-0.05438,-0.01359,-0.04124,-0.03592,-0.01523,-0.03291,0.05425,0.01063,-0.00139,0.02766,-0.07647,0.10616,-0.0055,-0.07015],"keywords":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams. Example ::: ng-component <connection-connectable-side</connection-connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.scss :::","excerpt":"Example ::: ng-component <connection-connectable-side</connection-connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.scss :::"},{"chunkId":"/examples/connection-connectable-side#3","slug":"connection-connectable-side","route":"/examples/connection-connectable-side","section":"examples","title":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate)","description":"Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams.","group":"Connections - Routing","vector":[-0.00957,-0.02301,-0.08265,0.06042,-0.08527,0.02991,-0.04922,0.06784,-0.00724,0.06847,-0.01938,0.1055,-0.01848,-0.00143,-0.01826,0.07545,-0.09712,-0.00548,0.02335,-0.04158,-0.03051,-0.0505,-0.03879,-0.04695,0.01701,-0.00478,0.0311,0.02364,0.07728,-0.03693,-0.03634,-0.02546,-0.10274,-0.00771,-0.19338,-0.00854,-0.01563,0.00257,-0.03155,0.02753,0.09166,-0.0165,-0.00138,-0.05584,-0.05222,0.01788,-0.13116,0.06884,-0.04508,0.06537,-0.03652,-0.06082,-0.07095,-0.0139,0.0489,0.03125,0.04478,-0.0044,-0.02423,0.02231,0.07985,-0.0373,-0.03262,-0.01469,0.00651,-0.01409,-0.01796,0.04336,-0.0408,0.01487,-0.01031,-0.07381,-0.00283,-0.07205,0.022,-0.01644,0.02066,0.08327,0.00217,-0.01372,0.0732,0.13506,-0.03423,0.08278,-0.0167,0.04212,-0.04878,-0.03452,0.0668,-0.05528,-0.00903,-0.00745,-0.01959,-0.02239,0.03662,0.02377,-0.05276,0.00077,-0.05569,0.00682,0.00266,-0.06465,0.03827,-0.01208,-0.00602,0.0188,0.00232,0.01119,0.00053,-0.02892,-0.02479,0.0501,-0.02858,-0.05039,-0.05614,-0.01091,-0.00725,0.01051,0.05163,0.05595,-0.0632,0.00609,0.07086,-0.02121,0.05552,-0.04312,-0.0089,0,-0.0363,-0.00291,-0.00455,0.043,0.00929,0.02089,-0.07591,-0.05116,0.04738,0.07796,-0.02392,0.05908,-0.06938,0.02691,0.04642,-0.05428,0.04611,-0.02101,-0.03553,0.01426,0.01196,-0.09439,-0.03857,0.02478,0.08043,0.06221,0.03234,0.01702,-0.09007,-0.01705,0.14469,0.04337,-0.03943,0.03984,-0.01453,-0.00359,-0.03139,-0.03456,-0.02484,0.02275,-0.01304,-0.01879,-0.09014,0.05236,-0.07204,0.00139,-0.04044,0.04558,0.069,0.04452,-0.06437,0.01953,0.01005,-0.02927,0.06657,-0.03749,-0.08738,0.07611,-0.00431,0.05528,0.01773,-0.05126,-0.00474,-0.04715,-0.04142,0.01843,-0.05617,-0.08232,0.10247,-0.06412,-0.0941,0.01871,0.01754,0.07462,-0.0423,-0.01293,-0.10579,0.04715,0.0601,0.04505,-0.05616,0.02959,0.01631,0.01136,0.06945,-0.12321,-0.01333,-0.0445,0.02142,-0.0167,0.00148,0.07663,0.02212,0.10346,0.02795,0,-0.10788,0.04506,-0.01212,0.00457,-0.05168,-0.04489,0.09564,-0.04263,0.06251,0.11603,0.09173,0.05193,-0.01825,-0.0051,0.01844,-0.0315,-0.04144,-0.09256,0.06417,0.00583,0.00173,0.02426,0.00708,-0.07115,0.01013,0.03168,0.07721,-0.05869,-0.01224,0.05904,-0.03244,-0.01759,0.04399,0.02091,-0.08947,0.00027,0.00133,0.03911,0.05534,-0.09175,0.03699,0.03881,0.02069,-0.01249,-0.03391,-0.02292,-0.0208,0.00909,-0.09473,-0.0757,-0.03343,0.06974,0.01725,-0.02941,0.02157,0.01358,0.03777,0.0074,0.06347,0.01187,0.01812,-0.06411,0.04166,0.00933,-0.02973,0.05039,0.0581,-0.14866,0.07203,-0.00484,0.00745,0.10217,0.03801,-0.00617,0.08314,-0.03141,0.01204,-0.04547,0.01359,-0.01653,-0.05585,0.03684,-0.02539,0.00138,-0.05768,0.00257,-0.0619,0.05374,0.02528,0.05798,-0.03523,0.00405,-0.0154,0.0224,-0.0281,0,-0.08199,-0.02357,0.01891,-0.0417,-0.00452,0.01481,0.05345,0.00506,-0.03868,0.04061,0.00373,0.13667,-0.0434,0.00653,0.07911,0.05021,0.04445,0.03463,-0.01072,0.02648,0.00799,-0.03337,0.06134,0.13176,0.04825,-0.02337,-0.03796,0.09724,-0.03874,0.01247,-0.00164,-0.01938,0.04628,0.08844,-0.02642,0.06462,-0.10677,0.03787,0.00472,0.07589,0.0159,0.02731,0.04046,0.02384,0.05061,0.09847,0.01137,0.03011,-0.02939,-0.01335,-0.03502,-0.01348,-0.01346,-0.0511,-0.01677,0.00014,0.04557,-0.04411,-0.04919,0.02547,-0.08379,0.11207,-0.01653,-0.11368],"keywords":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams. Supported modes - Set explicit sides such as LEFT, RIGHT, TOP, or BOTTOM. - Use CALCULATE, CALCULATEHORIZONTAL, or CALCULATEVERTICAL when the route should adapt to node positions. - Configure the side independently for the output and input of each connection.","excerpt":"Supported modes - Set explicit sides such as LEFT, RIGHT, TOP, or BOTTOM. - Use CALCULATE, CALCULATEHORIZONTAL, or CALCULATEVERTICAL when the route should adapt to node positions. - Configure the side independently for the output and input of each connection."},{"chunkId":"/examples/connection-connectable-side#4","slug":"connection-connectable-side","route":"/examples/connection-connectable-side","section":"examples","title":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate)","description":"Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams.","group":"Connections - Routing","vector":[0.00814,-0.00963,-0.0261,0.06469,-0.06891,0.02487,-0.05882,0.06041,0.02243,0.067,-0.00308,0.1272,-0.03536,0.01935,0.01011,0.04229,-0.06543,-0.04491,-0.00271,-0.0174,-0.0394,-0.07588,-0.03192,-0.06557,0.03561,0.01818,0.00896,0.04718,0.0946,-0.05278,-0.04092,0.01379,-0.1121,-0.02876,-0.20492,-0.01513,-0.00965,0.02695,-0.02251,0.01817,0.0646,-0.00727,0.00585,-0.03486,-0.03817,0.02994,-0.12058,0.0417,-0.04473,0.04251,-0.05489,-0.04222,-0.07811,-0.01247,0.06137,0.02559,0.04971,0.01409,-0.01849,0.02091,0.04731,-0.05504,-0.05226,0.00282,0.02266,-0.02686,-0.00325,0.01881,-0.03139,0.03368,0.00449,-0.05272,-0.00731,-0.05854,0.00951,-0.01957,-0.01072,0.061,-0.03179,-0.01944,0.06542,0.14068,-0.03339,0.09697,-0.00847,0.03071,-0.02251,-0.05543,0.06148,-0.05364,0.02016,0.0011,0.03276,-0.00241,0.01796,0.04107,-0.05,0.0302,-0.07907,-0.00693,0.02127,-0.08388,0.04609,0.01171,0.03827,-0.01564,-0.00197,0.02817,-0.01629,-0.00922,-0.00553,0.05565,-0.02556,-0.04656,-0.07773,-0.01211,-0.03121,0.01797,0.07258,0.05985,-0.07494,-0.01769,0.09074,-0.03933,0.05779,-0.03344,-0.01563,0,-0.03378,-0.01276,-0.00961,0.0365,0.01888,0.01325,-0.06944,-0.0499,0.06405,0.08348,-0.01074,0.06324,-0.0736,0.04207,0.05644,-0.03502,0.0306,-0.00515,-0.05211,-0.00143,-0.00031,-0.10396,-0.03157,0.01934,0.10552,0.05013,0.02977,0.03478,-0.11965,-0.01442,0.1343,0.02003,-0.00905,0.04373,0.00501,0.0307,-0.03941,-0.06557,-0.01683,0.00594,-0.02443,-0.01604,-0.09146,0.06265,-0.04954,0.02093,-0.03378,0.03596,0.03178,0.03302,-0.07336,0.05328,0.0627,-0.0157,0.06521,-0.05585,-0.07716,0.06177,-0.02302,0.06344,0.01045,-0.06444,-0.01464,-0.02648,-0.02608,0.02332,-0.05701,-0.06572,0.08305,-0.06974,-0.07834,0.01094,0.01831,0.07481,-0.03969,-0.0174,-0.10099,0.04668,0.06823,0.01123,-0.04377,0.03874,0.00203,0.02244,0.05021,-0.11279,0.00713,-0.06741,0.02168,-0.01911,0.01464,0.06393,0.0409,0.11527,0.03484,0,-0.08474,0.01805,-0.01236,0.02986,-0.05943,-0.03372,0.09676,-0.05206,0.09071,0.09595,0.10114,0.06743,-0.06671,-0.04576,0.04141,-0.0314,-0.0471,-0.1276,0.08787,-0.01311,0.00008,0.00626,-0.0253,-0.07953,0.00588,0.02766,0.03538,-0.06746,-0.02926,0.04359,-0.00617,-0.01998,0.03681,0.03844,-0.09383,0.00729,-0.0296,0.05777,0.07376,-0.04605,0.00194,0.05173,0.03908,-0.00042,-0.033,-0.00933,-0.0148,-0.01626,-0.08832,-0.06556,-0.01012,0.07434,0.03443,-0.03819,-0.00674,0.01019,0.01694,-0.00892,0.02265,0.01328,0.04478,-0.04022,0.02677,0.01349,-0.0719,0.05114,0.01844,-0.14226,0.08327,-0.02122,-0.03008,0.02821,0.03281,-0.02425,0.05071,0.00096,0.05404,-0.03448,0.00768,-0.02087,-0.06885,0.03806,-0.04582,0.00566,-0.07322,0.03517,-0.07954,0.02918,0.03186,0.07186,-0.02474,-0.01446,0.01423,0.03382,-0.01879,0,-0.07214,-0.01373,0.01638,-0.03555,0.02854,0.02173,0.03151,0.02749,-0.0289,0.07964,0.03045,0.12128,-0.07873,0.01338,0.07221,0.05545,0.04998,0.02751,-0.02988,0.03392,-0.01395,-0.03042,0.04321,0.1093,0.02127,0.00094,-0.00915,0.11133,-0.03267,0.0333,-0.0173,-0.00924,0.03603,0.11313,-0.02714,0.06432,-0.09848,0.01618,0.00696,0.03065,0.04452,-0.02803,0.06042,0.03243,0.03405,0.06016,0.02288,0.05889,-0.02518,-0.00017,-0.04549,-0.01236,-0.03053,-0.06202,0.01786,-0.01213,0.0515,-0.04071,-0.01578,0.02879,-0.07005,0.07222,-0.0414,-0.11852],"keywords":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams. Why it matters - Manual mode helps when the route itself carries meaning and should not jump around. - Calculated modes are useful when layouts are dynamic but still need cleaner edge directions. - Connection-side settings take precedence over connector-side settings, so they are the stronger routing control.","excerpt":"Why it matters - Manual mode helps when the route itself carries meaning and should not jump around. - Calculated modes are useful when layouts are dynamic but still need cleaner edge directions. - Connection-side settings take precedence over connector-side settings, so they are the stronger routing control."},{"chunkId":"/examples/minimap#0","slug":"minimap","route":"/examples/minimap","section":"examples","title":"Minimap","description":"Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example.","group":"Viewport","vector":[0.0309,0.0243,-0.00064,0.02432,0.00704,0.04698,-0.10373,0.05471,-0.04243,0.03057,0.01617,0.07667,-0.00886,0.05013,-0.00134,0.05341,0.05553,-0.00508,0.04237,-0.04998,-0.04596,-0.09648,-0.00945,-0.06112,0.02236,0.05857,-0.04115,0.00976,0.01255,-0.06989,-0.07073,-0.01613,-0.03859,-0.01053,-0.07807,0.06682,0.02367,0.04184,0.03865,0.00153,0.00026,0.07843,0.01174,-0.03248,-0.00971,-0.07294,-0.06257,0.01677,0.0006,0.06808,-0.14534,-0.06271,-0.08381,-0.03314,0.04332,-0.03101,-0.01471,-0.09247,0.01906,0.01524,0.02511,0.00976,0.06276,0.04463,0.07496,0.00849,0.03718,0.01938,-0.02123,0.01588,-0.03884,-0.03675,0.04844,-0.04596,0.02296,-0.05877,-0.05272,0.01641,0.00652,-0.10922,0.00207,0.07461,-0.06706,0.1096,-0.01238,0.02572,-0.01547,-0.07813,0.04292,-0.14908,0.00818,-0.01339,-0.04415,0.05394,-0.00899,-0.03042,0.02152,-0.00009,-0.08222,0.03783,0.09684,-0.0003,0.13284,-0.02977,-0.07636,-0.00721,0.02381,-0.01101,-0.07464,0.02261,0.04596,0.03071,-0.09893,-0.02577,-0.03579,0.0027,-0.03214,-0.02178,0.04947,0.08216,-0.01071,0.04542,0.04028,-0.00438,0.02299,0.01686,-0.03462,0,0.04269,0.05135,-0.03295,0.02006,0.08118,-0.00692,-0.008,-0.07331,-0.00636,0.04196,0.05482,0.0367,-0.07208,0.03196,0.03267,-0.06743,0.00289,0.0708,-0.11077,-0.04197,-0.04294,-0.04349,-0.07443,-0.01405,0.10267,0.131,0.03479,0.09934,-0.07291,0.00888,0.10121,0.02079,-0.0464,-0.01994,0.01051,-0.04053,-0.03973,-0.04415,0.03718,-0.02556,-0.03377,-0.06484,-0.11991,-0.01214,-0.05051,0.01357,0.01306,0.03251,0.0375,-0.03419,0.00834,0.04759,-0.09355,-0.06185,0.04686,-0.05674,-0.04504,0.02403,0.04277,0.09424,-0.02773,-0.03964,-0.01466,-0.00539,-0.02637,-0.01013,-0.02105,-0.03208,0.08094,-0.02639,-0.02638,0.01321,0.116,0.0079,0.04792,-0.04321,-0.05447,0.01292,-0.00534,-0.02161,-0.0963,-0.12392,-0.00283,-0.00635,0.01235,-0.09564,0.02126,0.02121,-0.0554,0.01151,-0.04455,0.07544,0.01313,-0.01522,0.02155,0,-0.02789,-0.01724,0.04112,0.05216,-0.07158,-0.07267,0.06089,0.05549,-0.03757,0.07015,0.03798,-0.00127,-0.01368,-0.01257,-0.00034,0.05649,0.11874,-0.0483,0.10305,-0.01665,0.06059,0.07292,-0.00189,0.0147,0.01971,0.08215,0.04699,-0.0938,0.00724,-0.02648,0.03203,-0.06886,0.03689,-0.01913,-0.01499,0.00988,-0.00014,-0.01987,-0.05084,-0.023,-0.01362,-0.00892,0.01345,-0.06979,-0.02457,0.01421,0.00054,0.04473,-0.06312,0.00355,-0.01731,-0.02343,0.05159,-0.14958,-0.03795,0.03444,0.01345,0.02703,0.04335,-0.03808,0.0064,-0.07231,-0.00173,-0.03088,0.00599,0.06972,-0.02079,-0.11603,0.06585,0.0673,-0.03141,0.04021,0.03294,0.0031,0.06883,0.03022,0.07997,0.03612,0.04758,-0.08892,0.04549,0.02081,0.00768,-0.01884,0.00755,0.07638,-0.08798,0.02541,0.03327,0.06454,-0.03809,0.0272,0.02637,0.01194,0.02586,0,-0.08234,0.09604,0.04779,-0.05635,0.04081,-0.0328,0.04427,0.09063,0.02059,0.05397,0.03702,0.05094,-0.03983,0.0174,0.14983,0.00235,0.03529,-0.01798,-0.03304,-0.00775,0.01026,0.04669,0.04458,0.06876,0.00267,0.00366,0.00992,0.07234,0.0025,-0.10297,-0.06054,0.00284,0.00044,0.01144,-0.04467,-0.04783,-0.04206,0.01738,0.0287,0.02412,0.01527,-0.00126,0.05861,-0.01585,-0.02143,0.04358,-0.00774,-0.0748,-0.01649,0.00056,-0.13662,-0.06004,-0.02018,-0.02796,-0.03704,0.00562,0.04672,-0.02404,-0.05279,0.04356,-0.02587,0.07238,-0.07464,0.02175],"keywords":"Minimap Minimap Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example. Minimap","excerpt":"Minimap"},{"chunkId":"/examples/minimap#1","slug":"minimap","route":"/examples/minimap","section":"examples","title":"Minimap","description":"Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example.","group":"Viewport","vector":[0.02618,0.03525,0.01076,0.01424,0.04168,0.04876,-0.02349,0.05711,-0.01945,0.01309,-0.02005,0.07719,-0.00504,0.04972,-0.0036,0.00151,0.05297,0.03821,0.02258,-0.05422,-0.06916,-0.12393,-0.03244,-0.0508,0.00366,0.06834,-0.03203,-0.0082,0.04327,-0.07825,-0.06547,0.03212,-0.04566,0.03878,-0.09381,0.08758,0.04336,0.03736,-0.04971,-0.01076,-0.00536,0.09853,0.00547,-0.03123,0.02452,-0.06679,-0.0499,-0.01615,-0.00548,0.07975,-0.1175,-0.09774,-0.03561,0.02285,0.04148,-0.01574,0.01729,-0.12016,0.03275,0.01668,0.01309,0.01622,0.07881,0.00985,0.02746,0.02656,0.02157,0.04296,0.01891,0.00404,-0.01048,-0.03982,0.02943,-0.02956,0.02912,-0.07763,-0.06782,-0.00927,-0.03927,-0.07248,0.00438,0.06209,-0.05562,0.11365,-0.03266,0.03485,-0.06711,-0.03781,0.03196,-0.06612,-0.08851,0.01294,-0.04195,-0.03728,0.04279,-0.06301,-0.01789,-0.04213,-0.07873,0.02457,0.09598,-0.02844,0.09921,-0.05433,-0.02364,-0.02208,-0.01537,-0.05125,-0.05334,0.0472,-0.00937,0.03359,-0.05419,-0.00628,-0.06926,-0.00743,-0.0178,-0.02936,0.01449,0.12551,0.01656,0.07407,0.02162,0.00069,0.08196,0.0027,-0.05482,0,0.04748,0.03067,-0.01757,0.08889,0.08935,0.00725,0.04258,-0.05613,-0.00847,-0.00419,0.01456,0.07825,-0.08366,0.11387,0.01774,-0.09663,-0.03344,0.07172,-0.08316,-0.02733,-0.04062,-0.10791,-0.06353,0.00768,0.12335,0.12626,-0.0022,0.13657,-0.06341,0.02436,0.00923,-0.01486,-0.02184,-0.00341,-0.01324,-0.01027,-0.06449,-0.03319,0.08431,-0.01614,-0.07596,-0.04162,-0.07739,-0.02876,-0.03608,0.02352,-0.04591,0.07452,0.00552,-0.05363,0.04915,0.02991,-0.04051,-0.0586,0.03339,-0.09114,-0.03006,0.02825,-0.00062,0.0891,-0.04275,0.03774,-0.08019,0.04055,0.03724,0.03319,-0.02301,0.01529,0.04281,-0.04304,-0.07076,0.0387,0.07921,0.01253,0.05806,-0.01573,-0.04778,-0.00015,-0.0198,0.00788,-0.09335,-0.09092,0.04266,-0.03602,-0.00634,-0.07953,0.05588,0.03096,-0.09577,-0.00653,-0.02082,0.05894,0.05493,0.0224,0.04782,0,-0.04128,0.0227,0.04257,0.04356,-0.01714,-0.06103,0.02874,-0.00265,-0.03794,0.0275,0.00335,0.00529,-0.00359,0.02204,-0.0008,0.04921,0.06182,-0.02335,0.08687,-0.03185,0.0185,0.03911,-0.02514,0.02623,-0.03904,0.06689,0.00996,-0.07658,-0.02656,0.00226,0.00027,-0.09238,0.03687,-0.04651,0.03735,-0.02437,-0.05258,-0.00099,0.00865,0.01081,-0.03363,-0.02368,0.01082,-0.04863,-0.04356,0.09142,-0.01923,0.04713,-0.07314,0.00106,-0.05438,0.01436,0.0243,-0.12221,0.003,0.03581,0.00763,0.0284,0.03191,-0.04983,-0.00398,-0.05954,0.00462,0.02435,-0.02738,0.05031,-0.01311,-0.12531,0.00808,0.07099,0.04438,0.03971,0.03816,0.02564,0.05104,0.03624,0.1028,0.05417,0.04372,-0.0523,0.01633,0.02916,0.00363,-0.02452,0.00491,0.05498,-0.09057,0.00315,0.05906,0.05323,-0.02447,0.01255,0.01965,-0.01273,0.01483,0,-0.08549,0.06346,0.02165,-0.07248,-0.03641,-0.00957,0.0423,0.11842,0.05751,0.08288,0.06956,0.04577,-0.01019,-0.02217,0.13056,0.02693,0.04208,0.00244,-0.02843,-0.06681,0.05185,-0.00534,0.03957,0.09682,-0.03971,-0.0401,0.00924,0.03885,0.01364,-0.05357,-0.06315,0.01249,-0.05114,0.09357,-0.05037,-0.02629,-0.06149,0.01386,0.03517,0.03669,0.01089,-0.00116,-0.00018,-0.03139,-0.04869,0.03524,0.02076,-0.07179,-0.03731,0.05294,-0.1112,-0.02659,0.0101,-0.00312,-0.02016,0.03909,-0.0026,-0.051,-0.02778,-0.00178,-0.10906,0.10378,-0.05756,0.0256],"keywords":"Minimap Minimap Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example. Description This guide shows how to create a minimap that displays the entire canvas and lets users navigate the viewport by dragging inside the minimap. You can set a custom class for each node and group in the minimap using the fMinimapClass property. The minimap can be wrapped in any container, but it must remain inside the main flow component. For complex workflow builders or diagram tools, a minimap is one of the fastest ways to keep orientation on large canvases. It works especially well together with zoom, fit-to-screen controls, and custom viewport shortcuts. f Minimap Class","excerpt":"Description This guide shows how to create a minimap that displays the entire canvas and lets users navigate the viewport by dragging inside the minimap. You can set a custom class for each node and group in the minimap using the fMinimapClass property. The minimap can be wrapped in any container, but it must remain inside the main flow component. For complex workflow builders or diagram tools, a minimap is one of the fastest ways to keep orientation on large canvases. It works especially well together with zoom, fit-to-screen controls, and custom viewport shortcuts."},{"chunkId":"/examples/minimap#2","slug":"minimap","route":"/examples/minimap","section":"examples","title":"Minimap","description":"Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example.","group":"Viewport","vector":[0.03148,0.04112,0.00754,0.02868,0.05778,0.08019,-0.08959,0.08755,-0.03517,0.04712,-0.02818,0.05533,-0.02048,0.04723,-0.00634,0.02193,0.04148,0.05762,0.00902,-0.0483,-0.04159,-0.08771,0.01013,-0.025,-0.0157,0.06057,-0.04456,-0.02441,0.02813,-0.04236,-0.016,0.01159,-0.041,-0.00299,-0.05335,0.10484,0.01117,0.04979,0.01308,-0.01498,0.03491,0.08314,-0.00566,-0.09836,-0.0104,-0.0629,-0.03877,0.00962,-0.04278,0.03894,-0.11875,-0.05733,-0.07833,0.0136,0.0398,-0.05884,-0.01952,-0.10432,0.04218,0.03645,-0.01259,-0.03065,0.05247,0.01235,0.08225,-0.02068,-0.00443,0.0143,-0.00908,0.06781,0.00349,-0.03595,0.03045,-0.04179,0.02636,-0.07458,-0.04195,0.06451,0.00172,-0.09063,0.02986,0.01188,-0.03785,0.07775,-0.03332,0.03636,-0.02852,-0.08577,0.05642,-0.13772,-0.00922,0.01921,-0.07059,0.05498,0.03492,-0.02522,-0.07737,0.02952,-0.07925,0.04036,0.06654,-0.01411,0.1165,0.01902,-0.00909,-0.02292,0.03481,0.01682,-0.05855,0.02651,0.03964,0.05432,-0.04548,-0.01186,-0.03365,-0.03041,-0.0196,-0.02634,0.02008,0.10756,0.00995,-0.00226,-0.01392,-0.0226,0.06467,0.03865,0.01739,0,0.03825,0.06549,-0.02784,-0.00277,0.0758,-0.00445,0.00011,-0.1291,-0.02035,0.07739,0.02291,0.03006,-0.09138,0.02006,-0.01571,-0.1333,-0.00004,0.03801,-0.11262,-0.01452,0.00638,-0.04083,-0.05934,-0.02349,0.14264,0.04943,0.02559,0.071,-0.07728,0.00529,0.09903,0.03127,-0.02752,-0.04422,0.02556,-0.04345,-0.0113,-0.00711,-0.04085,-0.01749,0.00217,-0.05372,-0.11059,-0.0008,-0.05208,-0.01419,-0.00406,0.04834,0.08597,-0.03222,0.02789,0.04197,-0.09169,-0.06266,0.08104,-0.03281,-0.05629,0.00106,0.02231,0.09549,-0.0477,-0.04682,-0.01663,0.00203,0.00463,-0.01491,0.01671,-0.00162,0.06435,-0.05567,-0.06047,0.06158,0.06787,0.00521,0.07106,-0.02713,-0.01063,0.05805,0.03314,-0.02774,-0.06902,-0.12947,-0.02172,0.05145,0.04681,-0.09249,0.00069,0.00342,-0.07311,-0.07443,-0.03213,0.07448,-0.01756,-0.01864,0.00584,0,0.03239,-0.02498,0.02983,0.09051,-0.08437,-0.06034,0.09448,0.08675,-0.01517,0.08633,0.00161,0.01662,0.01943,-0.02829,0.02914,0.02564,0.08479,-0.06598,0.12465,-0.01999,0.04984,0.09183,-0.00925,0.02076,0.02043,0.07762,0.05318,-0.03701,-0.03039,-0.05824,0.02463,-0.04386,-0.01393,-0.04967,-0.05031,0.01516,-0.00272,0.03344,-0.04143,0.01948,0.02495,0.05187,0.02147,-0.06855,-0.0467,-0.00595,0.02756,-0.00288,-0.04705,-0.01155,-0.05109,-0.02757,-0.0263,-0.05492,-0.02889,-0.01945,0.01616,-0.0002,-0.00565,-0.03745,0.03829,-0.06322,-0.03863,-0.03426,0.06198,0.07669,-0.06579,-0.12712,0.07258,0.09483,-0.00332,0.0086,0.04839,0.04544,0.09301,0.03465,0.06439,0.05484,0.07457,-0.06675,0.0281,0.02954,-0.00462,0.00693,0.03278,0.08187,-0.13795,-0.01515,0.05669,0.05556,-0.03365,-0.03201,0.01192,-0.01402,0.0249,0,-0.09461,0.05509,0.01779,-0.03619,0.01826,-0.04043,0.03193,0.04578,0.01235,0.0249,-0.00629,0.07614,0.01165,-0.03025,0.09679,-0.01338,0.02597,-0.01152,-0.03878,0.01919,-0.03124,0.04896,0.01546,0.08203,-0.00126,-0.04323,0.00924,0.02836,-0.00706,-0.12076,-0.07601,0.02719,0.00334,0.02168,-0.05641,-0.04596,-0.06143,0.01264,-0.00428,0.04859,0.00305,-0.02086,0.06109,-0.04679,-0.05325,0.06365,-0.02203,-0.06784,-0.01215,-0.009,-0.10622,-0.02939,-0.04667,0.00839,0.00553,-0.0238,0.04423,-0.00698,-0.05376,0.00764,-0.02922,0.07581,-0.06964,-0.01642],"keywords":"Minimap Minimap Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example. Example ::: ng-component <minimap-example</minimap-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.scss :::","excerpt":"Example ::: ng-component <minimap-example</minimap-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.scss :::"},{"chunkId":"/examples/minimap#3","slug":"minimap","route":"/examples/minimap","section":"examples","title":"Minimap","description":"Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example.","group":"Viewport","vector":[0.07605,0.02011,0.02779,0.00668,0.03769,0.04115,-0.07102,0.0989,-0.02627,0.04056,0.00461,0.07305,0.02219,0.06677,0.00219,0.02568,0.06343,0.00885,0.03438,-0.0837,-0.04986,-0.14499,-0.00874,-0.06263,0.00927,0.02855,-0.06478,0.0344,0.03986,-0.06244,-0.08493,0.04659,-0.00533,-0.01161,-0.07337,0.0717,0.02667,0.06416,-0.00547,0.01122,-0.00951,0.08334,-0.01001,-0.0087,0.01752,-0.06021,-0.09132,0.01371,-0.00963,0.06207,-0.09376,-0.06406,-0.06689,-0.02647,0.05482,0.00431,-0.01523,-0.08328,0.05509,0.00152,0.05343,-0.00376,0.06422,0.02176,0.07834,-0.012,0.03812,0.03917,-0.02616,0.04642,-0.00014,-0.03055,0.02436,-0.01511,0.03796,-0.06733,-0.04232,0.01696,-0.02007,-0.09343,0.00316,0.04649,-0.0814,0.11522,-0.02399,0.05532,-0.02184,-0.09096,0.05185,-0.11269,-0.03132,-0.0051,-0.06666,0.01826,-0.02247,-0.04721,0.01481,-0.03089,-0.04228,0.02725,0.08357,-0.04427,0.12558,-0.0909,-0.04038,-0.02618,0.01943,-0.01092,-0.05104,0.05922,0.00181,0.02784,-0.08796,-0.0306,-0.05802,0.03649,-0.00364,-0.07465,0.05964,0.06089,-0.00858,0.06966,0.02796,0.01406,0.03772,-0.00783,-0.04532,0,0.03462,0.01622,-0.00732,0.00879,0.05963,0.0199,0.00132,-0.07574,-0.00791,0.01225,0.01144,0.06017,-0.04673,0.05748,0.06239,-0.06765,0.00447,0.03793,-0.10942,-0.05918,-0.06662,-0.07594,-0.04706,0.02132,0.10641,0.14517,0.02718,0.07967,-0.07181,0.0169,0.00289,0.02759,-0.06392,-0.01817,-0.01159,-0.02146,-0.04598,-0.04241,0.04756,-0.00076,-0.0715,-0.06275,-0.06411,-0.03733,-0.01479,0.03293,-0.0009,0.01006,0.01042,-0.03902,0.01617,0.05555,-0.02088,-0.06208,0.0319,-0.0385,-0.03259,-0.03972,0.01149,0.08302,-0.02637,-0.03582,-0.04676,0.03371,-0.01672,0.04268,-0.01458,0.01974,0.0729,-0.03198,-0.08303,0.02064,0.10842,0.04306,0.06612,-0.01902,-0.05452,-0.0032,-0.0065,-0.01331,-0.09597,-0.13854,-0.02139,-0.02055,0.04157,-0.07508,0.07096,0.0409,-0.06953,-0.01821,-0.0509,0.05773,0.02037,0.03612,0.04049,0,-0.01806,0.02329,0.04021,0.0401,-0.08751,-0.04747,0.0524,-0.01526,-0.0501,0.03871,-0.02035,-0.00801,0.003,0.00114,-0.02764,0.05632,0.07789,-0.04657,0.06931,-0.03735,0.04504,0.00979,0.00172,-0.00102,-0.00244,0.05367,0.05637,-0.07498,-0.04531,-0.02757,0.00322,-0.08778,0.04737,-0.0342,0.03436,-0.01695,0.02051,-0.03556,-0.01174,-0.00073,-0.02008,-0.00703,0.052,-0.05131,-0.02987,0.09405,-0.01184,0.03573,-0.11871,-0.01538,-0.03359,-0.01148,0.04885,-0.14596,-0.01571,0.03937,0.0057,0.03684,0.03719,-0.0274,-0.00488,-0.06324,-0.02183,-0.00339,-0.01116,0.03951,-0.02623,-0.1375,0.00705,0.05402,0.00984,0.04687,0.01877,0.01123,0.01815,0.02209,0.08344,0.07958,0.06023,-0.08138,0.04308,-0.00537,0.0164,-0.00305,0.02718,0.09018,-0.104,0.03205,0.05279,0.02629,-0.04326,0.03616,0.01149,0.0218,0.00787,0,-0.0622,0.08521,0.0506,-0.08213,0.03523,-0.00344,0.03512,0.12594,0.00817,0.07746,0.05573,0.05688,-0.04526,0.0282,0.13247,0.01931,0.05962,-0.00165,-0.03029,-0.04346,-0.01247,0.01645,0.01872,0.07333,0.00572,-0.03176,0.01061,0.05488,0.00382,-0.12951,-0.04232,0.00092,-0.00701,0.07802,-0.04787,-0.00457,-0.02974,0.02768,-0.00707,0.02403,0.00633,0.00004,0.04468,-0.02709,-0.02268,0.05419,0.03413,-0.06985,-0.02741,-0.00649,-0.12577,-0.07398,0.02611,-0.04547,-0.02041,0.02965,0.00283,-0.05341,-0.03516,0.03765,-0.04789,0.09951,-0.0633,0.0198],"keywords":"Minimap Minimap Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example. When to use it - Your canvas can extend far beyond the viewport. - Users navigate complex or multi-cluster graphs. - You want quick “jump to area” navigation in production editors. It is one of the simplest features to add while delivering an immediate usability improvement for larger diagrams.","excerpt":"When to use it - Your canvas can extend far beyond the viewport. - Users navigate complex or multi-cluster graphs. - You want quick “jump to area” navigation in production editors. It is one of the simplest features to add while delivering an immediate usability improvement for larger diagrams."},{"chunkId":"/examples/minimap#4","slug":"minimap","route":"/examples/minimap","section":"examples","title":"Minimap","description":"Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example.","group":"Viewport","vector":[0.04172,0.03301,-0.00656,-0.00645,0.0163,0.0108,-0.08602,0.108,-0.05853,0.05626,0.02922,0.07077,-0.00707,0.03951,0.00865,0.05755,0.05038,0.03142,0.02477,-0.07917,-0.02469,-0.09402,-0.02854,-0.05352,0.01733,0.04367,-0.04561,0.00178,0.03457,-0.07412,-0.0621,0.00181,-0.00457,-0.00853,-0.08132,0.10193,0.04148,0.00242,0.00735,-0.0103,-0.0208,0.07832,-0.0119,-0.0191,0.00888,-0.07574,-0.06066,-0.00079,-0.00735,0.02744,-0.16105,-0.09152,-0.10128,-0.05262,0.01402,-0.02167,-0.01262,-0.09879,0.03247,-0.01441,0.01924,0.00797,0.06631,0.05335,0.07673,0.00098,0.03099,0.00188,0.01126,-0.0227,-0.04437,-0.04817,0.02487,-0.03057,-0.01679,-0.0903,-0.03722,0.02919,0.00885,-0.10111,-0.01268,0.04757,-0.05915,0.13547,-0.03133,0.02719,-0.01435,-0.07168,0.05955,-0.11659,0.00315,-0.03269,-0.05108,0.04356,-0.00719,-0.04871,0.02518,-0.05453,-0.06686,0.06943,0.06687,-0.00237,0.12403,-0.06531,-0.05287,0.00987,0.05129,-0.04907,-0.03344,0.0286,0.017,0.01859,-0.10793,-0.05637,-0.01963,0.00115,-0.0024,-0.03798,0.06006,0.06966,-0.00463,0.03622,0.03272,0.00375,0.04692,0.0439,-0.03925,0,0.0491,0.03773,-0.02465,0.02248,0.09552,-0.01659,0.00578,-0.06872,-0.05881,0.03349,0.05693,0.05278,-0.07033,0.06956,0.05895,-0.09454,0.01114,0.03865,-0.07033,-0.03497,-0.05048,-0.06666,-0.04249,0.01453,0.1226,0.13008,0.0228,0.07004,-0.0229,0.01306,0.06028,0.01241,-0.08193,-0.03348,0.00976,-0.03,-0.06465,-0.04928,0.0186,0.00362,-0.03693,-0.06227,-0.10051,-0.04238,-0.02731,0.00642,-0.00039,0.03239,0.0495,-0.04127,0.02366,0.03262,-0.08122,-0.04387,0.05638,-0.04749,-0.04749,0.00236,0.01599,0.10416,-0.01367,-0.05941,-0.03222,0.02042,-0.0127,-0.00289,-0.02305,-0.01754,0.08729,-0.02342,-0.04466,0.03244,0.12759,0.01824,0.02035,-0.02768,-0.06089,-0.02185,-0.00586,-0.01318,-0.10962,-0.11031,0.00605,0.01273,0.01705,-0.07882,0.03196,0.03668,-0.05186,-0.01205,-0.07537,0.08005,0.00518,-0.01211,0.02844,0,-0.04945,-0.02456,0.01084,0.07015,-0.07288,-0.03406,0.07567,0.03133,-0.01999,0.06766,-0.01088,-0.00387,0.02078,-0.01939,0.01205,0.03719,0.07229,-0.06157,0.10144,0.00842,0.05374,0.06504,-0.00438,0.00641,0.04262,0.04846,0.01665,-0.07782,-0.0223,-0.06052,0.03887,-0.05983,0.02878,-0.04883,-0.00963,0.01531,0.01866,-0.02216,-0.04684,0.00687,0.0161,-0.02385,0.03729,-0.09088,-0.03594,0.03669,-0.02631,0.04919,-0.0475,-0.01616,-0.0378,-0.02082,0.04249,-0.13148,-0.04031,0.00333,-0.00362,0.05319,0.04684,-0.02211,0.00244,-0.10436,-0.02449,-0.00636,-0.01941,0.03793,-0.05729,-0.08895,0.02835,0.05291,0.00204,0.00747,0.04115,0.01035,0.03862,0.01511,0.06911,0.03417,0.06677,-0.09289,0.07822,0.04778,-0.01498,0.0059,0.01692,0.09507,-0.06334,0.00782,0.02025,0.05782,-0.04864,0.05508,0.0242,0.04258,0.00491,0,-0.05898,0.08605,0.05929,-0.05115,0.02689,-0.01453,0.06154,0.1033,0.00713,0.05846,0.0279,0.02946,-0.03609,0.02329,0.14454,0.03941,0.06228,-0.00207,-0.01742,-0.01937,-0.00562,0.04503,0.01012,0.0638,-0.02408,-0.01702,0.01424,0.07839,-0.01427,-0.09683,-0.03605,0.0402,0.00817,0.00879,-0.02128,-0.02308,-0.05884,0.02383,0.01251,0.01219,0.01192,0.01396,0.05148,-0.04028,-0.00988,0.06323,0.007,-0.11565,-0.02369,0.01831,-0.10399,-0.04557,-0.0233,0.00535,-0.0132,0.04604,0.06497,-0.0483,-0.03554,0.05389,-0.0321,0.10932,-0.07594,0.031],"keywords":"Minimap Minimap Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example. Related docs - Minimap Docs - Zoom Docs - AI Low-Code Platform Example","excerpt":"Related docs - Minimap Docs - Zoom Docs - AI Low-Code Platform Example"},{"chunkId":"/examples/zoom#0","slug":"zoom","route":"/examples/zoom","section":"examples","title":"Zoom","description":"Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX.","group":"Viewport","vector":[-0.04524,0.00157,-0.00941,-0.05972,0.03019,-0.0295,0.08126,0.09878,-0.07904,0.06161,0.03705,0.03056,-0.06079,0.02003,-0.02482,-0.0345,0.05042,0.07201,-0.0381,-0.01264,0.02166,-0.10191,-0.01604,-0.0213,0.03901,0.0228,-0.0259,-0.02334,-0.01843,-0.01671,-0.06963,0.10475,-0.01042,-0.06213,-0.08796,-0.02492,0.03058,-0.0027,-0.01272,-0.04977,-0.01596,0.06614,0.05349,0.06904,0.02881,-0.09918,-0.01086,0.05921,0.02285,0.0488,-0.00703,-0.09785,-0.01907,-0.02062,0.00118,0.00325,0.00751,0.00988,0.02174,0.01755,0.00081,0.003,0.00163,0.08971,0.02846,-0.00193,0.00823,-0.09465,-0.04675,-0.03669,-0.00822,-0.06794,0.01625,-0.02935,0.01857,-0.13825,-0.07749,0.00889,0.01888,0.09726,-0.03257,-0.04464,-0.0043,0.02353,-0.00391,0.005,0.02328,-0.01475,0.05317,-0.0401,-0.08147,-0.01664,-0.07882,0.00477,-0.083,-0.13339,0.00715,-0.10084,-0.00636,0.03555,0.08318,0.01149,0.02272,-0.0855,0.05156,0.00472,-0.00564,-0.03033,0.00521,0.07689,-0.01274,0.00234,-0.00057,-0.03653,0.01646,-0.03181,0.0321,0.01917,0.071,-0.05876,-0.07096,0.06083,-0.10177,-0.04216,0.07018,0.01031,0.00418,0,0.01261,-0.04323,0.02771,0.04507,-0.00719,0.05324,0.00966,-0.0177,-0.0972,0.00773,0.11181,0.05521,-0.01386,0.0889,0.07322,-0.08961,-0.00708,0.02581,0.03774,0.01158,0.00342,-0.0808,0.00513,0.09866,0.05638,-0.00652,-0.03757,0.08982,0.04431,0.04391,-0.0914,0.04269,-0.03125,-0.06509,-0.04665,-0.00513,-0.08048,-0.03698,0.05544,0.03731,-0.09876,-0.08057,-0.03346,-0.07521,-0.01363,-0.02605,-0.03022,0.07222,-0.03859,-0.05913,0.03306,-0.06196,0.01215,-0.02894,0.01299,-0.0407,0.06556,0.04046,-0.06972,0.07785,0.03472,-0.09451,-0.1326,0.03577,0.02153,0.02586,0.01956,0.01821,-0.01987,-0.01247,-0.03756,-0.01011,0.12671,0.05185,0.00342,-0.04024,-0.0303,0.03415,0.00612,0.00288,-0.07439,-0.01266,0.02942,-0.00503,-0.08225,-0.06984,-0.02595,0.00974,-0.07202,-0.08393,-0.07886,0.03457,0.01143,-0.02928,-0.04058,0,0.00141,0.03014,-0.00681,0.05587,-0.03387,0.04934,0.06674,0.02452,0.03171,-0.06264,0.02638,-0.0093,0.02561,0.01328,-0.04264,0.0512,0.03772,-0.02091,-0.05839,-0.0359,0.0079,-0.17107,0.03279,0.03763,0.03412,-0.0472,-0.03339,-0.00435,-0.04793,0.00583,0.02827,-0.05727,0.03994,-0.05204,0.0651,-0.01237,0.03741,-0.03567,0.05755,0.02997,-0.03229,-0.00188,0.07022,0.02099,0.03612,0.00746,-0.04536,0.06532,-0.06604,0.04733,-0.02871,0.05575,0.0255,-0.05807,-0.02114,0.01173,-0.07758,-0.03025,0.03122,-0.01978,0.057,-0.02288,-0.0918,0.03738,-0.032,0.04398,-0.04546,-0.01565,0.01619,0.134,0.06574,-0.01506,0.07311,-0.01278,-0.02698,-0.01372,0.08907,0.0111,0.06034,-0.03438,0.13524,0.04187,0.08159,0.04288,0.01312,0.09651,-0.03162,-0.00611,0.04126,0.04241,-0.00498,0.00024,0.00445,-0.03747,0.04468,0,-0.00276,0.0719,0,-0.02149,-0.00827,-0.00534,0.08855,0.03562,-0.00471,0.03536,0.01531,-0.01814,-0.02329,0.05187,0.13193,0.05016,0.08088,0.12768,-0.00489,-0.03423,-0.04231,0.00581,-0.00778,0.01861,0.00934,-0.03876,-0.1042,0.09062,0.05301,-0.02717,-0.00423,-0.0331,-0.05119,-0.02984,-0.06282,0.00958,-0.0605,-0.01036,0.02921,0.02475,0.01315,0.03217,0.04654,0.03531,-0.04956,-0.0099,0.09878,-0.08228,-0.04024,0.03117,-0.02885,0.04461,0.03972,-0.05648,-0.00139,0.03627,-0.01313,0.01193,-0.0354,0.0704,-0.05799,0.07378,-0.07852,0.08199],"keywords":"Zoom Zoom Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX. --- toc: false wideContent: true --- Zoom wide Content","excerpt":"--- toc: false wideContent: true --- Zoom"},{"chunkId":"/examples/zoom#1","slug":"zoom","route":"/examples/zoom","section":"examples","title":"Zoom","description":"Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX.","group":"Viewport","vector":[-0.04915,-0.00502,0.02548,-0.01973,0.05662,-0.00579,0.0461,0.13164,-0.02569,0.05657,0.00198,0.06039,-0.05225,0.01887,0.00554,-0.02037,0.02755,0.03063,-0.0679,-0.02324,-0.01167,-0.09843,0.0218,-0.02633,0.01268,0.01003,-0.05595,-0.00643,-0.00637,0.00258,-0.07791,0.09683,0.02109,-0.00861,-0.13227,0.03761,0.00492,0.01505,-0.02523,-0.08549,-0.02287,0.06322,0.06342,0.03809,0.03502,-0.11663,0.00081,0.02598,0.03609,0.07345,-0.02341,-0.11849,-0.04324,-0.05664,-0.00369,0.04566,0.03802,-0.01161,0.03614,0.03971,-0.02976,0.02728,0.01215,0.0466,0.03555,0.00876,0.07009,-0.07801,-0.05296,-0.03571,0.00873,-0.05315,0.021,-0.00792,-0.01178,-0.15647,-0.11834,0.02982,-0.00149,0.06892,0.00526,-0.0689,-0.00509,0.05629,0.01173,0.00705,0.02221,-0.06134,0.04036,0.01415,-0.05907,0.02658,-0.07144,-0.02103,-0.05076,-0.09635,-0.0058,-0.04555,-0.04994,0.0098,0.06655,-0.0193,0.01576,-0.06174,0.04766,-0.01184,0.00981,-0.07592,-0.05395,0.07598,0.00586,0.01177,-0.01542,0.00343,0.04224,-0.00559,0.05205,-0.00257,0.06309,0.01486,-0.03643,0.08629,-0.10119,-0.05124,0.03585,0.01216,-0.0139,0,0.04145,-0.01721,0.01882,0.00664,0.04116,0.03162,-0.0421,-0.05495,-0.11197,-0.05325,0.09978,0.01407,-0.01137,0.09329,0.07171,-0.06902,0.01428,0.04147,0.00835,0.00173,-0.02437,-0.10168,-0.02426,0.08481,0.03407,0.03942,0.00063,0.07699,0.04327,0.02534,-0.11221,0.01031,-0.05629,-0.06129,-0.06216,-0.01597,-0.04335,-0.04936,0.03964,-0.02686,-0.08177,-0.03655,-0.00323,-0.08881,-0.03996,0.01084,-0.02766,0.06371,-0.02024,-0.07159,0.01905,-0.0346,0.04522,0.01773,0.01957,-0.0414,0.0968,-0.0009,-0.06164,0.06623,0.02064,-0.01849,-0.09532,0.03602,0.04086,0.08457,0.02776,0.0697,-0.01061,-0.03974,-0.01613,-0.00475,0.11343,0.05329,0.03245,-0.03487,-0.02673,-0.04299,0.0239,0.02431,-0.06949,-0.06392,0.00986,0.00224,-0.05482,-0.08261,-0.01264,0.03185,-0.04774,-0.07952,-0.03449,0.02369,0.00248,-0.0342,-0.0569,0,-0.01393,0.05646,0.0061,0.07521,-0.04796,0.0644,0.0216,-0.00899,0.06798,-0.06187,-0.04704,-0.02757,-0.0202,-0.00625,-0.02674,0.06322,-0.04529,-0.03312,-0.02476,-0.08682,0.04976,-0.1519,0.06234,0.0577,0.00744,-0.07166,-0.01707,0.01142,-0.04847,-0.03804,0.02447,-0.0255,0.03786,-0.03207,0.07631,-0.01079,0.02508,-0.05925,0.05815,0.03802,0.00903,-0.00459,0.08745,-0.00488,-0.0089,0.01233,-0.03979,0.10322,-0.07735,0.0256,-0.05998,0.08473,0.01622,-0.10343,-0.03744,-0.00293,-0.0269,-0.00033,0.04224,-0.05863,0.00396,-0.0276,-0.0895,0.05327,-0.03004,0.01778,-0.01611,0.00483,0.01657,0.11963,0.08581,-0.00986,0.08783,-0.02129,-0.0213,0.00995,0.11335,0.0004,0.09319,-0.04765,0.09565,0.06847,0.06023,-0.00267,-0.02359,0.10481,-0.03059,0.0313,0.02384,0.02107,-0.00585,0.02559,0.02578,-0.00209,0.00472,0,-0.01485,0.08857,0.00371,0.00335,0.01344,0.00005,0.06079,0.1007,0.01436,0.0531,0.01051,-0.03474,-0.06054,0.03337,0.08443,0.05596,0.07607,0.12459,-0.01711,-0.02112,-0.00837,0.01306,-0.02645,0.03372,-0.03468,-0.03884,-0.06443,0.10181,0.01217,-0.02472,-0.03813,0.01237,-0.02683,0.03233,-0.08497,-0.01495,-0.03238,-0.03379,0.02064,0.02658,-0.01127,0.0188,0.02242,0.01302,-0.05723,0.00113,0.12099,-0.06128,-0.00147,0.0161,-0.01309,0.00734,0.09376,-0.02937,-0.01432,0.07293,-0.04946,0.02716,0.0244,0.05559,-0.06891,0.06483,-0.06736,0.05318],"keywords":"Zoom Zoom Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX. Description This guide shows how to zoom in and zoom out of the canvas using: - Mouse wheel - Double click - Buttons - Pinch-to-zoom (trackpad / touchscreen) To enable zooming, add the fZoom directive to the f-canvas. Zoom is a core interaction for any serious node editor. It helps users move from a high-level overview to fine-grained editing without losing orientation on large canvases. It becomes even more important when the editor supports minimaps, large graphs, or touch-friendly interactions on trackpads and tablets. Good zoom behavior is one of the easiest ways to improve perceived editor quality. f Zoom","excerpt":"Description This guide shows how to zoom in and zoom out of the canvas using: - Mouse wheel - Double click - Buttons - Pinch-to-zoom (trackpad / touchscreen) To enable zooming, add the fZoom directive to the f-canvas. Zoom is a core interaction for any serious node editor. It helps users move from a high-level overview to fine-grained editing without losing orientation on large canvases. It becomes even more important when the editor supports minimaps, large graphs, or touch-friendly interactions on trackpads and tablets. Good zoom behavior is one of the easiest ways to improve perceived editor quality."},{"chunkId":"/examples/zoom#2","slug":"zoom","route":"/examples/zoom","section":"examples","title":"Zoom","description":"Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX.","group":"Viewport","vector":[-0.06996,-0.03388,0.01426,-0.06495,0.04422,-0.01527,0.09528,0.09754,-0.02498,0.02588,0.08097,0.03252,-0.06665,0.05016,0.02956,0.00303,0.01885,0.03909,-0.03617,0.01088,0.06581,-0.0693,-0.001,-0.03529,0.02863,0.02293,-0.04366,-0.03433,0.03289,-0.00478,-0.06482,0.10208,-0.00476,-0.01981,-0.11137,0.00258,0.0243,0.00506,-0.03354,-0.023,0.00482,0.04206,0.04073,0.05312,0.02066,-0.09278,-0.0225,0.06512,-0.0063,0.05047,-0.03538,-0.10209,-0.01366,-0.03844,0.02163,0.00926,0.01116,0.02373,0.04683,0.00346,-0.00767,-0.01243,-0.0056,0.03861,0.03215,-0.01338,0.05757,-0.10732,-0.06601,-0.03072,-0.03515,-0.04618,0.06616,-0.01319,-0.01528,-0.12819,-0.09655,0.01938,-0.03349,0.02721,-0.00085,-0.08925,-0.03311,0.0434,0.01841,-0.00682,-0.02883,-0.0388,0.03746,-0.04889,-0.05474,-0.01312,-0.09149,-0.02118,-0.10834,-0.09735,-0.00513,-0.06432,-0.02236,0.04415,0.06663,0.05204,-0.01838,-0.03268,0.03913,-0.02065,-0.03249,-0.07496,-0.02706,0.06958,0.01951,0.01296,0.01169,-0.03869,0.01634,-0.05225,-0.00042,-0.00007,0.10039,-0.00208,-0.04731,0.05939,-0.10847,-0.0443,0.04741,0.0374,-0.0274,0,0.02342,-0.02918,-0.01968,-0.01371,-0.0066,0.01243,-0.06132,-0.02017,-0.09906,-0.02894,0.12288,0.02766,0.02162,0.07827,0.05623,-0.07113,0.01138,0.06241,0.04269,0.02397,-0.00703,-0.07438,0.00321,0.10066,0.03982,0.04763,-0.02525,0.06368,0.08854,0.02473,-0.07309,0.04207,-0.05436,-0.08222,-0.03257,-0.02241,-0.03419,-0.04072,0.02904,-0.03023,-0.05958,-0.03623,-0.01065,-0.09022,-0.05296,-0.00289,-0.03302,0.06367,0.00084,-0.08419,0.01141,-0.06944,0.0295,0.00052,0.03926,-0.07505,0.02067,0.0265,-0.05987,0.04756,-0.01057,-0.06745,-0.10234,0.01443,0.012,0.03984,0.04158,0.03591,0.02303,-0.0233,-0.03814,0.03658,0.07569,0.05393,-0.01201,-0.06038,-0.01011,0.01991,0.038,0.01455,-0.07506,-0.04404,0.06192,0.01625,-0.04596,-0.08201,-0.01926,-0.03339,-0.07155,-0.0788,-0.11397,0.03576,-0.00333,-0.06528,-0.05625,0,-0.01338,0.06553,-0.03424,0.10438,-0.02229,0.08824,0.05533,-0.00304,0.03334,-0.06708,-0.02315,0.00545,0.01002,-0.02042,-0.01194,0.06116,-0.02578,-0.0296,-0.03179,-0.041,0.01281,-0.15817,0.07885,0.04144,-0.00187,-0.0289,-0.03283,-0.05815,-0.04727,-0.03476,0.05443,-0.02515,0.00891,-0.02481,0.05719,0.00684,0.00365,-0.01499,0.0558,0.0694,0.02831,-0.00418,0.1066,0.00297,-0.01791,0.01592,-0.01487,0.08112,-0.09553,0.03097,-0.00961,0.04954,0.01528,-0.08021,-0.04568,0.03699,-0.03153,-0.05159,0.01892,-0.02355,0.06116,-0.01213,-0.11181,0.02494,-0.01624,0.05825,-0.03649,-0.03112,0.00694,0.13778,0.05612,-0.00496,0.11242,-0.03118,-0.03049,0.02151,0.08267,-0.01624,0.05107,-0.06361,0.11783,0.0577,0.06453,0.0186,-0.00541,0.10216,-0.03519,0.00515,0.01064,0.0375,-0.02234,0.04047,0.05022,0.00985,0.04699,0,-0.02179,0.08736,-0.01545,-0.03586,-0.01361,0.00462,0.07627,0.06834,0.00301,0.07393,0.01812,-0.04972,-0.02273,0.05497,0.11044,0.05102,0.09904,0.09699,-0.04476,-0.00603,-0.0057,0.02557,-0.01885,0.01734,-0.01425,-0.04115,-0.07247,0.11766,0.03799,-0.03703,-0.00439,-0.00703,-0.03386,-0.00521,-0.04983,-0.01208,-0.05835,-0.04196,0.08997,0.04901,0.0057,0.00983,-0.01218,0.04774,-0.03645,0.00722,0.09029,-0.10706,-0.00987,0.07706,-0.05643,0.034,0.05745,-0.01576,0.00983,0.07449,-0.00772,0.01261,0.01683,0.04904,-0.01863,0.05687,-0.0481,0.07635],"keywords":"Zoom Zoom Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX. Notes - Pinch-to-zoom works on devices that support multi-touch gestures (touch screens and trackpads). - The directive applies zoom with sensible limits to keep interactions smooth and predictable.","excerpt":"Notes - Pinch-to-zoom works on devices that support multi-touch gestures (touch screens and trackpads). - The directive applies zoom with sensible limits to keep interactions smooth and predictable."},{"chunkId":"/examples/zoom#3","slug":"zoom","route":"/examples/zoom","section":"examples","title":"Zoom","description":"Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX.","group":"Viewport","vector":[-0.0454,0.02087,-0.05278,-0.02968,0.05626,0.03035,0.05329,0.12479,-0.08407,0.07136,0.0109,0.04273,-0.06195,0.02551,0.00108,-0.0667,0.00392,0.07036,-0.04982,-0.00104,0.01832,-0.10806,0.03416,-0.02812,0.00687,-0.0079,-0.01984,-0.0385,0.02796,-0.01679,-0.00034,0.09387,-0.01215,-0.01689,-0.11259,0.02485,0.01034,0.03702,-0.04115,-0.07153,0.01206,0.09667,0.02792,-0.02977,0.03121,-0.09688,-0.01218,0.0811,-0.00324,0.05164,-0.06424,-0.09924,-0.02938,0.01525,0.01661,-0.06019,0.01654,-0.02125,0.04433,0.03961,-0.05951,-0.04779,0.00392,0.04458,0.05907,0.02846,-0.03061,-0.08432,-0.07174,0.03618,0.00346,-0.06499,0.02419,-0.03598,0.00322,-0.12569,-0.11202,0.0812,0.03868,0.08281,0.00507,-0.05767,-0.00769,0.0432,-0.02301,0.02799,0.00629,-0.05046,0.00447,-0.06428,-0.055,0.06508,-0.06921,0.02764,-0.01984,-0.06162,-0.07719,-0.06225,-0.0481,0.03738,0.03373,-0.00065,0.06102,0.00739,0.01748,0.0362,-0.00832,0.00169,-0.0247,0.04264,-0.01551,0.06709,0.0133,-0.0411,-0.00687,-0.06597,0.02184,-0.01621,0.06229,0.00995,0.00401,0.05502,-0.09264,-0.06359,0.11431,0.05298,0.01591,0,0.00865,0.03582,-0.02737,0.01616,0.0219,0.0134,-0.00443,-0.08624,-0.10007,0.06017,0.06015,0.05607,-0.03641,0.0338,0.02892,-0.15953,0.04194,0.01367,0.01319,0.03623,0.05977,-0.09298,0.00438,0.08651,0.12964,-0.0085,-0.00827,0.08329,0.02027,0.01793,-0.00813,0.06603,-0.0374,-0.10637,-0.02261,-0.04469,-0.04768,-0.0234,-0.00415,0.00247,0.02629,-0.04359,-0.06205,0.02146,-0.05055,-0.03682,-0.07236,0.04236,0.06013,0.00568,0.03469,-0.03088,0.00599,0.00573,0.07187,-0.04579,0.03462,0.01159,-0.03613,0.07641,-0.00205,-0.08331,-0.07051,-0.00551,0.04864,-0.01965,0.01309,0.04427,-0.00237,-0.05964,-0.02132,0.05937,0.08637,0.01833,0.01164,-0.02435,-0.023,0.0474,0.03867,0.00563,-0.0395,-0.05121,-0.02275,0.05903,0.00675,-0.11895,-0.06207,-0.00658,-0.07733,-0.12515,-0.03728,0.03589,0.01954,-0.05051,-0.0536,0,0.02151,0.03534,0.01702,0.11634,-0.04775,0.0179,0.10531,0.07656,0.05292,-0.02063,0.00871,-0.0133,0.0421,-0.02828,-0.02009,0.03986,0.0074,-0.0394,0.05826,-0.00454,0.01309,-0.0572,0.03466,0.04338,0.0029,0.02619,0.01837,0.01333,-0.0529,-0.0272,0.00988,-0.02637,-0.01042,-0.05874,0.02482,-0.01632,0.02936,0.03106,0.02788,-0.01062,0.05494,0.04686,0.05515,-0.01852,-0.00502,-0.02713,-0.01982,0.03785,-0.07156,0.00745,-0.07033,0.02435,-0.0391,-0.03813,-0.00782,-0.03529,0.00363,-0.06148,-0.00825,-0.0037,0.09764,-0.03882,-0.10111,0.01407,0.00581,0.05113,-0.08254,-0.01919,0.06619,0.16056,0.02689,-0.03852,0.09416,0.01054,0.01099,0.04609,0.09024,0.03929,0.10874,-0.01421,0.09673,0.08726,-0.00748,0.05604,0.01366,0.12288,-0.09301,-0.08098,0.07032,0.04811,-0.05243,-0.04908,0.01012,-0.02857,0.091,0,-0.03943,0.07307,-0.02283,-0.00016,0.00687,-0.03403,0.04471,-0.03037,-0.02662,0.00289,-0.01391,0.0246,0.04044,0.01121,0.05779,0.03893,0.046,0.11508,-0.02325,-0.00117,-0.04459,0.0445,0.02066,0.05981,-0.01709,-0.05506,-0.094,0.03981,0.01599,-0.04223,-0.04591,-0.02387,-0.02741,-0.03546,-0.04407,-0.0655,-0.15012,-0.04161,0.04778,0.01107,0.0136,-0.00765,0.04516,-0.00403,-0.08818,0.03249,0.05451,-0.06459,-0.02591,0.03399,-0.03614,0.0309,-0.0311,-0.00692,0.0057,0.02865,0.00197,0.03846,0.00683,0.00498,-0.05755,0.03084,-0.07329,0.02758],"keywords":"Zoom Zoom Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX. Example ::: ng-component <zoom</zoom [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.scss :::","excerpt":"Example ::: ng-component <zoom</zoom [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.scss :::"},{"chunkId":"/examples/zoom#4","slug":"zoom","route":"/examples/zoom","section":"examples","title":"Zoom","description":"Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX.","group":"Viewport","vector":[-0.00922,0.01973,-0.01093,-0.05619,-0.00326,-0.00945,0.0691,0.12902,-0.07287,0.03454,0.05725,0.04065,-0.02339,0.02118,-0.01044,-0.01415,0.03575,0.08617,-0.01092,-0.00753,0.02125,-0.12854,-0.05238,-0.04923,0.03698,0.03056,-0.01954,0.00193,0.03026,-0.00417,-0.09588,0.06434,-0.03876,-0.05947,-0.07188,0.00998,0.04197,0.02417,-0.04297,-0.04402,-0.01128,0.05444,0.02411,0.03637,0.0367,-0.08431,0.00925,0.04741,0.00104,0.02353,-0.05941,-0.08067,-0.03867,-0.02044,0.0118,-0.00597,0.00353,-0.00084,0.0307,0.02706,0.00685,-0.01674,0.00263,0.07389,0.04051,-0.03785,0.0492,-0.07651,-0.0283,-0.04736,-0.02836,-0.04773,0.04913,-0.04769,-0.01718,-0.12903,-0.04905,0.02877,0.02014,0.0543,-0.02828,-0.04015,-0.01475,0.08597,-0.00993,-0.01285,-0.01529,-0.03446,0.04987,-0.05741,-0.10219,0.00909,-0.13456,0.00173,-0.06489,-0.11913,-0.00797,-0.08842,-0.02174,0.03953,0.07126,0.029,0.0213,-0.1213,0.05216,-0.00304,-0.02805,-0.0576,0.01435,0.10499,-0.0563,-0.00031,-0.02471,-0.03989,0.02019,-0.03865,0.02263,-0.01362,0.07342,-0.03,-0.04459,0.05005,-0.07958,-0.04574,0.06129,0.04677,-0.00902,0,0.06502,-0.02365,0.02768,0.00293,0.01286,0.03547,-0.00664,-0.03926,-0.10575,-0.01518,0.09527,0.02114,-0.03685,0.09594,0.09069,-0.11361,0.00484,0.0069,0.01261,0.01268,-0.01296,-0.09447,0.02017,0.06427,0.09837,0.04117,0.00734,0.08717,0.03837,0.0302,-0.03103,0.04851,-0.06955,-0.05147,-0.01184,-0.03018,-0.04791,-0.02538,-0.0005,0.01734,-0.05778,-0.06674,-0.05327,-0.08525,-0.02025,-0.02355,-0.05524,0.10039,-0.00221,-0.06036,0.0228,-0.03345,-0.04122,-0.01699,0.01536,-0.03263,0.00384,0.01873,-0.08898,0.05091,-0.00074,-0.08697,-0.08785,0.01862,0.04979,0.0283,0.03594,0.00956,-0.02159,-0.01814,-0.0504,0.04096,0.12584,0.00831,0.01034,-0.00966,-0.03359,0.02567,0.01669,0.02154,-0.07443,-0.06464,0.01679,0.02215,-0.05232,-0.07875,0.01926,0.02261,-0.05985,-0.0809,-0.09715,0.05527,-0.01461,-0.00995,-0.05829,0,-0.03765,-0.01642,0.02766,0.06715,-0.00545,0.04956,0.08132,-0.00385,0.04155,-0.00769,-0.01927,0.01002,0.04476,0.00997,-0.02052,0.06247,0.02147,-0.01123,-0.00788,-0.03003,0.01021,-0.09321,0.02098,0.02053,0.03826,-0.01939,0.00191,-0.03204,-0.07946,-0.00727,0.0366,-0.02153,0.02636,-0.02404,0.07759,0.05451,0.02116,-0.0354,0.04962,0.01366,-0.00387,-0.03227,0.09827,-0.02668,0.04374,0.00777,-0.05829,0.02887,-0.11977,0.05063,-0.03139,0.04083,-0.02388,-0.04072,-0.01348,0.01629,-0.06137,-0.03745,0.07849,-0.02636,0.05895,-0.06322,-0.10149,0.07098,-0.04377,0.03369,-0.04937,-0.07196,-0.00492,0.12311,0.04497,0.00158,0.12892,-0.00719,0.01345,-0.01456,0.07359,0.03518,0.03915,-0.0706,0.15749,0.06481,0.06416,0.03805,-0.00409,0.08819,-0.02083,0.00159,0.03816,0.01873,-0.00132,0.02744,0.00727,0.00532,0.02,0,-0.01293,0.05705,0.00893,-0.01727,0.00119,0.01917,0.0746,0.07822,0.0092,0.05725,0.01493,-0.01808,-0.01021,0.04126,0.14099,0.05591,0.08649,0.08985,-0.0061,-0.03622,-0.06068,0.00357,-0.00882,0.05915,-0.00965,-0.03025,-0.04874,0.08045,0.02642,-0.0654,-0.02633,0.00641,-0.04404,0.01394,-0.07526,0.02489,-0.08799,-0.0006,0.01376,0.04554,0.01608,-0.00578,0.0222,0.01469,-0.01504,0.04714,0.06793,-0.10124,-0.04093,0.04187,-0.03795,0.0425,0.042,-0.07181,-0.00949,0.0619,-0.00399,-0.00961,-0.02676,0.06496,-0.08029,0.12709,-0.05986,0.07301],"keywords":"Zoom Zoom Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX. Related docs - Zoom Docs - Minimap Example - Connection Waypoints Example","excerpt":"Related docs - Zoom Docs - Minimap Example - Connection Waypoints Example"},{"chunkId":"/examples/background#0","slug":"background","route":"/examples/background","section":"examples","title":"Background","description":"Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds.","group":"Viewport","vector":[-0.03871,0.03992,-0.03985,-0.01022,0.06979,0.02988,-0.02678,-0.01619,0.02441,-0.00031,-0.08031,0.03944,-0.08549,0.02893,0.08484,-0.01358,-0.03317,0.04647,-0.00804,-0.04333,-0.07919,-0.03307,0.01869,0.0002,-0.04062,0.08807,0.08021,-0.02653,0.10421,-0.0655,-0.00256,0.08313,-0.01139,0.0241,-0.16951,0.03389,0.01811,0.08466,-0.04264,-0.03613,0.07564,0.00549,0.00124,-0.05609,0.00376,0.02095,-0.06794,0.02694,-0.03648,0.04074,-0.02163,-0.17513,-0.05347,0.01622,0.01246,-0.07024,0.04775,-0.03589,0.05488,-0.02909,0.04622,-0.00996,-0.01202,0.027,0.03041,-0.00816,-0.07539,0.09485,0.02162,-0.06826,0.03637,-0.02084,0.02422,-0.04962,-0.03151,0.01161,-0.01814,0.00162,-0.07035,-0.04101,0.05863,0.05103,0.00909,0.06739,-0.04613,0.10715,0.02879,-0.06373,-0.06587,-0.06283,-0.03413,0.01874,-0.00115,-0.06429,-0.00825,0.05334,-0.07688,-0.08806,0.01179,0.00924,0.02823,-0.09455,0.10055,0.043,0.02384,-0.00036,0.00299,0.0514,0.04221,-0.07491,0.05217,0.01694,-0.00234,-0.0759,-0.04854,-0.0618,-0.01272,-0.03325,0.01253,0.0117,0.02043,0.08934,0.00886,-0.12445,0.08172,-0.01991,0.02061,0,0.01882,0.09649,-0.06918,0.0149,0.06518,-0.03272,-0.01942,-0.08789,0.06493,0.12541,0.04165,0.01394,-0.08684,0.05407,-0.01896,-0.08707,0.01565,-0.03645,-0.05087,0.02176,-0.0214,-0.04741,-0.08631,0.04678,0.02028,0.02412,0.07168,0.03205,-0.0782,-0.02337,0.1516,0.03516,0.03222,0.01623,-0.00707,-0.00882,-0.08245,-0.0438,0.07218,0.01079,0.00395,-0.08145,-0.1535,0.11298,0.02441,-0.00354,0.04952,-0.04711,0.04367,0.04099,0.02379,0.04084,-0.0541,-0.07661,0.00022,-0.04202,0.01546,0.0484,0.03545,0.03468,0.05968,-0.00673,-0.04414,-0.02127,-0.00903,-0.03948,-0.01753,-0.02198,0.02055,-0.10367,-0.02175,0.01116,0.005,0.01435,0.00176,-0.0397,0.03003,0.14868,-0.0063,0.02373,-0.13445,0.01786,0.03125,-0.02062,-0.01052,0.01406,0.02365,-0.03858,-0.04768,-0.03788,0.04553,0.09061,0.0461,0.00199,0.01923,0,-0.0364,0.05506,-0.0435,0.03173,0.01169,-0.00823,0.02826,0.04527,0.00463,0.05586,0.03956,0.11812,-0.04101,-0.00655,0.0016,-0.00795,0.00453,0.02068,0.00543,0.00754,0.01763,0.01619,-0.07777,-0.00769,-0.04498,0.10063,-0.01289,-0.039,0.01292,-0.02344,-0.033,-0.09016,0.05794,-0.01375,-0.05583,-0.08724,0.03653,0.00734,-0.10543,-0.03507,-0.07874,0.00056,-0.0446,0.00508,-0.11778,-0.04854,-0.04861,-0.02232,-0.04665,0.00096,0.01519,0.02658,0.03068,-0.01654,-0.00372,0.00068,0.03014,0.0244,0.0128,0.04632,-0.01124,0.01083,0.00039,-0.07075,0.04874,0.06338,-0.05515,-0.08096,0.01951,0.0257,-0.03052,0.05344,-0.01561,0.02849,0.03114,0.014,0.10257,-0.06549,0.03771,0.03508,-0.05426,0.01876,-0.05758,0.03699,0.07911,0.04213,-0.11115,-0.05992,0.04388,0.04122,-0.06513,0.03545,0.00919,-0.02343,0.09361,0,-0.06437,0.00253,0.00059,-0.01274,0.00136,-0.0479,-0.03332,-0.02991,-0.00942,-0.0029,-0.05688,0.08203,-0.03807,-0.01966,0.12929,0.05063,-0.03858,0.01398,-0.03088,0.01311,0.01405,0.02444,-0.01408,0.07459,0.00955,0.05464,0.03127,0.01125,0.00281,0.01009,-0.00508,-0.00621,0.03055,-0.02995,-0.00109,-0.01807,-0.05129,-0.03799,-0.06789,-0.00428,0.07946,-0.03314,0.05303,0.01729,-0.05567,0.05514,-0.01065,-0.07011,-0.09095,0.0151,-0.03585,-0.04033,-0.01578,0.06746,0.01983,-0.04255,0.06017,-0.00495,0.02554,0.01263,-0.03473,0.07029,0.02103,-0.01929],"keywords":"Background Background Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds. --- toc: false wideContent: true --- Background wide Content","excerpt":"--- toc: false wideContent: true --- Background"},{"chunkId":"/examples/background#1","slug":"background","route":"/examples/background","section":"examples","title":"Background","description":"Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds.","group":"Viewport","vector":[-0.05433,0.06493,-0.03336,0.00052,0.06754,0.04365,0.0005,-0.00662,0.04975,0.00001,-0.09149,0.05987,-0.07939,0.01319,0.07882,-0.00409,-0.05659,0.01433,-0.011,-0.03846,-0.07874,-0.05032,0.01547,-0.03599,-0.01622,0.06385,0.06453,-0.00254,0.13154,-0.0271,0.00632,0.07611,-0.01431,0.06251,-0.19146,0.04594,0.00948,0.08737,-0.08166,-0.03044,0.05849,0.00984,0.00616,-0.05322,-0.00292,0.0138,-0.04909,-0.00714,-0.03302,0.03369,-0.02726,-0.17255,-0.03775,0.03396,0.02021,-0.05531,0.08528,-0.03203,0.03318,-0.02047,0.03521,-0.0352,-0.02417,0.04409,0.05227,-0.02206,-0.05627,0.07313,0.00489,-0.0846,0.03331,0.00545,0.01729,-0.04736,-0.02724,0.01055,-0.0385,0.01477,-0.01268,-0.02617,0.07844,0.02706,0.00481,0.0702,-0.04993,0.11141,0.0189,-0.0843,-0.0663,-0.03883,-0.05347,0.04035,-0.00854,-0.08421,-0.02832,0.05403,-0.06816,-0.06851,0.00084,0.00377,0.02975,-0.07084,0.07943,0.04014,0.03941,-0.01477,-0.03556,0.06007,0.02266,-0.06312,0.00249,0.02847,0.02668,-0.04264,-0.06093,-0.05604,0.00137,-0.04499,0.04201,0.03954,0.05742,0.10037,0.02476,-0.11647,0.07092,-0.04727,-0.00871,0,0.01756,0.05902,-0.06229,-0.0137,0.07041,-0.03497,-0.01516,-0.09825,0.05038,0.09507,-0.01313,-0.00169,-0.0942,0.08504,-0.01906,-0.1113,0.03178,-0.02817,-0.04512,0.01724,0.03121,-0.05546,-0.06884,0.00365,0.0408,0.0643,0.03907,0.03823,-0.09093,-0.02719,0.12482,0.05369,-0.00774,0.01773,-0.03285,-0.01381,-0.06103,-0.04847,0.05346,0.00604,0.03099,-0.07297,-0.12664,0.08953,0.02885,-0.02508,0.04471,-0.03054,0.06159,0.08401,0.01967,0.05013,-0.03773,-0.0611,0.03421,-0.02679,0.00869,0.00512,0.01169,0.03982,0.046,0.02515,-0.05459,-0.02141,-0.01034,-0.04365,0.01255,0.01445,-0.00524,-0.08511,0.0014,0.01901,-0.01392,-0.03445,0.01032,-0.01854,0.01385,0.10796,-0.02086,0.02906,-0.13613,-0.00603,0.02369,-0.01005,0.01604,0.02366,0.04378,-0.04021,-0.02709,-0.06935,0.05727,0.05207,0.05421,-0.01488,0.00217,0,-0.06311,0.04812,-0.02618,0.03909,0.0536,-0.00766,0.02114,0.02669,-0.00935,0.08399,-0.00104,0.12376,-0.00902,0.00879,-0.0088,0.00864,-0.04677,-0.00596,-0.00503,-0.01241,-0.00377,0.05091,-0.05262,0.00324,-0.02087,0.05562,0.02318,-0.02651,-0.00819,-0.01997,-0.02551,-0.07276,0.04153,-0.02663,-0.01771,-0.08217,0.04334,0.0129,-0.09783,-0.05508,-0.0659,0.02766,-0.05006,0.02162,-0.12532,-0.00269,-0.03452,-0.02416,-0.03009,0.01228,-0.01331,0.03012,0.01778,-0.01441,-0.01331,0.01605,0.04494,0.04794,0.00889,0.02297,0.00194,0.00449,-0.00697,-0.07299,0.08597,0.04745,-0.09309,-0.07564,0.02237,0.03398,0.01301,0.06633,-0.00116,0.02887,0.06048,0.01481,0.12111,-0.03679,0.05814,0.04895,-0.06105,0.04951,-0.04669,0.05433,0.04885,-0.02695,-0.11906,-0.04653,0.01337,0.03203,-0.06251,0.06353,-0.01248,-0.01196,0.09288,0,-0.05275,-0.01252,-0.01907,-0.04989,0.01974,-0.05935,-0.02589,-0.03279,-0.0339,-0.0247,-0.03368,0.07425,-0.02905,-0.0435,0.1012,0.04642,-0.01695,0.04068,-0.04545,0.00831,0.00598,0.03207,-0.06107,0.10562,0.02088,0.03456,0.02778,0.0073,0.03015,0.02156,-0.03278,0.02928,0.02939,-0.00626,-0.02895,0.01847,-0.04296,-0.05249,-0.07323,-0.00303,0.07718,-0.04247,0.07229,-0.00691,-0.07925,0.07589,-0.0134,-0.08756,-0.07977,0.0271,-0.02962,-0.04754,-0.00714,0.07658,0.03875,-0.02927,0.03245,-0.00267,0.04214,-0.00083,-0.04969,0.10849,0.08184,-0.03285],"keywords":"Background Background Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds. Description The background feature allows you to render an SVG pattern underneath all nodes and connections on the canvas. It is useful for creating grids, subtle textures, or branded backgrounds that stay fixed while the user interacts with the flow. To enable a background, place the f-background component inside the f-flow component. The f-background component is responsible for defining and attaching the SVG pattern that will be used as the canvas background.","excerpt":"Description The background feature allows you to render an SVG pattern underneath all nodes and connections on the canvas. It is useful for creating grids, subtle textures, or branded backgrounds that stay fixed while the user interacts with the flow. To enable a background, place the f-background component inside the f-flow component. The f-background component is responsible for defining and attaching the SVG pattern that will be used as the canvas background."},{"chunkId":"/examples/background#2","slug":"background","route":"/examples/background","section":"examples","title":"Background","description":"Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds.","group":"Viewport","vector":[-0.01475,0.04986,-0.04715,-0.02717,0.04008,0.01947,-0.02775,0.01306,0.03321,-0.00507,-0.07074,0.04826,-0.05629,-0.00099,0.12082,-0.01867,-0.07266,0.04232,-0.02062,-0.03535,-0.05298,-0.0452,0.00655,-0.02729,-0.06059,0.07392,0.08165,0.00059,0.12264,-0.05728,0.01505,0.07104,0.00314,0.05824,-0.181,0.04331,-0.00281,0.09897,-0.05875,-0.04719,0.04647,-0.01505,0.00304,-0.03692,0.00652,-0.00471,-0.05544,0.01319,-0.0333,0.01291,-0.00786,-0.17479,-0.05724,0.01447,0.06149,-0.05714,0.05802,-0.03189,0.04096,-0.0349,0.03807,-0.02709,-0.03373,0.01298,0.04626,-0.01274,-0.04681,0.06264,0.03629,-0.08667,0.01375,-0.00518,0.01847,-0.04782,-0.04902,0.04636,-0.03244,0.01523,-0.05372,-0.04431,0.0528,0.04728,0.02998,0.07444,-0.03009,0.08362,0.03067,-0.06108,-0.06432,-0.04336,-0.04655,0.03484,-0.01863,-0.10257,-0.05306,0.07585,-0.06002,-0.08471,0.02623,0.00876,0.02288,-0.09242,0.08453,0.02969,0.03176,-0.02274,-0.01985,0.04734,0.0168,-0.06501,0.00606,0.01153,0.00872,-0.04721,-0.05415,-0.04567,-0.01423,-0.04751,0.05956,0.02614,0.06227,0.09551,0.02937,-0.12431,0.05046,-0.00343,-0.02023,0,0.04015,0.10247,-0.0818,-0.00414,0.05905,-0.04341,-0.00579,-0.07994,0.08961,0.10218,0.02389,0.01617,-0.08621,0.08416,0.01833,-0.08473,0.03533,-0.0545,-0.04032,0.00039,0.00118,-0.01532,-0.05344,0.03219,0.03238,0.06594,0.05819,0.02875,-0.10017,-0.03403,0.16063,0.04372,-0.00099,0.01762,0.0103,0.01597,-0.0591,-0.0341,0.04324,0.02163,0.04732,-0.083,-0.13832,0.10157,0.04453,-0.00422,0.0468,-0.05685,0.05286,0.06185,0.0254,0.04181,-0.04246,-0.07246,0.02487,-0.02544,0.00897,-0.00603,0.0214,0.04983,0.05737,0.00206,-0.0106,-0.00687,-0.03201,-0.04671,0.00006,0.00812,0.00822,-0.08064,0.04165,0.03794,-0.01604,-0.0348,0.00977,-0.02045,0.02778,0.11462,-0.05018,0.00571,-0.10963,0.04287,0.00653,-0.03298,0.0112,0.03017,0.03945,-0.0226,-0.01386,-0.07727,0.03281,0.06474,0.03834,-0.0114,-0.00176,0,-0.06907,0.05205,-0.04249,0.01432,0.04848,-0.00618,0.00097,0.02886,-0.01185,0.06905,-0.02833,0.09428,0.01519,-0.00732,-0.03831,-0.00829,-0.05099,0.01539,-0.01631,0.0007,-0.01812,0.02911,-0.05084,0.03728,-0.02701,0.07091,0.00537,-0.04827,0.00836,-0.03584,-0.04669,-0.08097,0.0915,0.00014,-0.03241,-0.08609,0.01759,0.01526,-0.10415,-0.06804,-0.08168,0.03517,-0.0319,0.01233,-0.10961,-0.03788,-0.0216,-0.01809,-0.03725,-0.01961,0.0156,0.02162,0.01426,-0.03266,-0.00885,0.00188,0.03345,0.05767,0.01023,0.07347,-0.02463,-0.02667,0.02214,-0.03961,0.0511,0.02674,-0.06849,-0.10444,-0.00382,0.05855,-0.03184,0.07065,-0.01953,0.03826,0.04042,0.00456,0.10664,-0.04918,0.03873,0.07089,-0.04453,0.01802,-0.04419,0.06159,0.01488,0.00005,-0.09187,-0.02147,0.02601,0.01446,-0.03281,0.0691,-0.0126,0.02783,0.11098,0,-0.02801,-0.02955,-0.01117,-0.00088,-0.0036,-0.05518,-0.03603,-0.07239,-0.03933,-0.03845,-0.08065,0.08013,-0.06792,-0.02658,0.08418,0.06117,0.00111,0.03105,-0.02007,0.01888,-0.02638,0.02701,-0.04198,0.07296,0.03045,0.06569,0.02535,0.00552,0.02631,0.03819,-0.00804,0.02457,0.02808,-0.01605,-0.01477,-0.01346,-0.04695,-0.04712,-0.05402,-0.02207,0.11808,-0.06186,0.07025,-0.00744,-0.0674,0.08218,-0.01501,-0.07177,-0.06773,0.00538,-0.0143,-0.05697,-0.00242,0.04962,0.01193,0.00252,0.05337,0.00136,0.0735,-0.01969,-0.00673,0.08567,0.04747,-0.03064],"keywords":"Background Background Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds. Backgrounds can work in three modes: - rect – built-in rectangular pattern (useful for grid-like backgrounds); - circle – built-in circular pattern; - custom – a mode that lets you provide your own SVG pattern, so you can build complex or branded backgrounds (multiple patterns, custom shapes, textures, etc.). The custom mode is configured via standard SVG <pattern elements and a custom component. Detailed instructions and API for creating custom patterns are described in the f-background documentation.","excerpt":"Backgrounds can work in three modes: - rect – built-in rectangular pattern (useful for grid-like backgrounds); - circle – built-in circular pattern; - custom – a mode that lets you provide your own SVG pattern, so you can build complex or branded backgrounds (multiple patterns, custom shapes, textures, etc.). The custom mode is configured via standard SVG <pattern elements and a custom component. Detailed instructions and API for creating custom patterns are described in the f-background documentation."},{"chunkId":"/examples/background#3","slug":"background","route":"/examples/background","section":"examples","title":"Background","description":"Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds.","group":"Viewport","vector":[-0.05617,0.04679,-0.00203,-0.01475,0.06048,0.00798,-0.02279,-0.00072,0.03692,-0.02162,-0.09236,0.05892,-0.07806,0.01797,0.09246,-0.01002,-0.0496,0.06946,-0.02194,-0.05305,-0.11276,-0.05301,0.03092,0.0054,-0.05081,0.06056,0.06637,0.00722,0.12347,-0.0856,0.01138,0.0774,0.01539,0.03637,-0.17534,0.07692,0.02099,0.08146,-0.08035,-0.0488,0.05697,0.00527,0.02222,-0.01779,0.01454,-0.00691,-0.05566,-0.00769,-0.02356,0.02757,-0.03639,-0.19546,-0.05588,-0.00644,0.0086,-0.03848,0.07544,-0.01791,0.07313,-0.06328,0.05788,-0.02363,-0.0248,0.03992,0.02968,-0.01439,-0.04364,0.10096,-0.01102,-0.06957,0.02833,-0.00259,0.0018,-0.02067,-0.05633,0.03911,-0.04005,-0.02635,-0.04398,-0.04422,0.05479,0.01625,0.00254,0.10825,-0.0262,0.08028,0.03567,-0.09836,-0.07338,-0.03465,-0.02671,0.03913,0.00285,-0.0793,-0.02434,0.08296,-0.06747,-0.10081,0.01822,0.04651,0.03495,-0.07163,0.10203,0.03095,0.03443,-0.01532,0.00149,0.04014,0.02504,-0.05722,0.01204,0.01818,-0.00181,-0.02729,-0.02428,-0.05211,0.0042,-0.04531,0.05293,0.02097,0.03883,0.10084,-0.00191,-0.12582,0.06448,-0.01591,-0.01424,0,0.01381,0.10773,-0.06645,-0.00326,0.06629,-0.05181,-0.047,-0.07112,0.04816,0.09001,0.01257,0.00419,-0.08454,0.09082,0.01489,-0.09057,0.0036,-0.02147,-0.07569,0.01055,-0.02937,-0.04375,-0.08163,0.01639,0.00481,0.08651,0.05719,0.04046,-0.09198,-0.02941,0.114,0.05436,-0.01395,0.02775,-0.01935,0.01201,-0.05458,-0.08267,0.07352,-0.00354,0.01379,-0.05684,-0.14439,0.1047,0.03716,0.00823,0.0426,-0.04768,0.04123,0.07377,0.01073,0.05666,-0.04745,-0.06839,0.00272,-0.0605,0.02571,0.02059,0.03006,0.01454,0.06254,0.01788,-0.03013,-0.02941,0.00713,-0.02532,0.01106,0.01414,0.01587,-0.08732,-0.00442,0.02528,-0.01036,-0.01322,0.00068,-0.04429,0.03216,0.11317,-0.01873,0.02899,-0.13076,0.03184,0.02552,-0.04208,-0.00154,-0.00397,0.06867,-0.03871,-0.02811,-0.02785,0.03676,0.06928,0.04811,0.01187,-0.03725,0,-0.06272,0.0553,-0.03295,0.03829,0.03759,0.00522,0.00854,0.03055,-0.01487,0.02982,0.01064,0.1009,-0.023,0.01757,0.03056,-0.01591,-0.00893,0.00983,-0.00452,-0.01395,0.03301,0.0493,-0.06281,0.04269,-0.03468,0.08543,0.00538,-0.03157,-0.01069,-0.02007,-0.02247,-0.0799,0.05761,-0.01466,-0.03676,-0.06631,0.02371,-0.00084,-0.11022,-0.02942,-0.05407,0.02048,-0.04465,0.02369,-0.11909,-0.03323,-0.02535,-0.01045,-0.04674,-0.00151,0.00667,0.04705,0.04074,-0.04788,-0.01306,-0.01253,0.04141,0.02093,0.01792,0.03707,-0.03954,0.01511,-0.0096,-0.0585,0.04943,0.02578,-0.05207,-0.07695,-0.00819,0.02193,-0.01436,0.0616,-0.03251,0.0284,0.01022,0.00817,0.13543,-0.0294,0.04583,0.04326,-0.05676,0.03455,-0.03423,0.03887,0.03634,0.03831,-0.13047,-0.04782,0.01627,0.04032,-0.04882,0.0781,0.01421,0.02179,0.08162,0,-0.06164,-0.01031,0.00741,0.01759,0.00137,-0.06311,-0.0576,-0.02773,-0.03695,-0.00933,-0.0444,0.05284,-0.04981,-0.00247,0.09783,0.05142,-0.04671,0.04619,-0.04846,0.00955,0.02657,0.05181,-0.0248,0.06472,0.01184,0.0561,0.0304,-0.01472,0.02492,0.01904,-0.0095,0.03863,0.04867,-0.00888,0.00366,0.0013,-0.03893,-0.03453,-0.06902,-0.00723,0.06932,-0.04843,0.0557,0.00988,-0.09265,0.06119,0.01574,-0.06901,-0.07094,-0.00911,-0.04496,-0.07536,0.00715,0.03942,0.03055,-0.04262,0.04613,0.00364,0.05347,0.02777,-0.02939,0.07129,0.02297,-0.01863],"keywords":"Background Background Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds. Backgrounds matter more than they seem: they improve spatial orientation, reinforce brand identity, and make dense editor canvases easier to parse.","excerpt":"Backgrounds matter more than they seem: they improve spatial orientation, reinforce brand identity, and make dense editor canvases easier to parse."},{"chunkId":"/examples/background#4","slug":"background","route":"/examples/background","section":"examples","title":"Background","description":"Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds.","group":"Viewport","vector":[-0.04247,0.03829,-0.05416,0.01766,0.04907,0.04583,0.00189,0.05199,0.00479,-0.01112,-0.06616,0.01705,-0.05765,0.01806,0.11708,0.00735,-0.07636,0.04833,-0.02929,-0.04414,-0.04806,-0.09596,0.0683,-0.02621,-0.03118,0.03627,0.04576,-0.0231,0.09344,-0.04421,0.01268,0.08553,-0.00098,0.03627,-0.09014,0.06597,0.00173,0.0961,-0.08634,-0.02976,0.0779,0.05306,0.0149,-0.09251,0.02416,-0.0098,-0.05239,0.00226,-0.05239,0.03695,-0.03545,-0.14466,-0.02482,0.05615,0.05943,-0.01568,0.06428,-0.03272,0.09643,-0.01732,0.00229,-0.05077,-0.02976,-0.01446,0.02404,0.01167,-0.09217,0.05321,-0.00508,-0.02283,0.02491,-0.01262,0.00848,-0.06688,0.01345,0.00625,-0.06715,0.08317,-0.05848,-0.09858,0.05641,-0.01598,0.03416,0.05563,-0.00677,0.11729,0.00449,-0.08963,-0.03998,-0.02104,-0.02569,0.03476,-0.08969,-0.04881,0.02228,0.02063,-0.10799,-0.02859,-0.04053,0.05072,0.0149,-0.12112,0.04556,0.06929,0.06671,-0.01276,-0.02647,0.05854,-0.03144,-0.01735,-0.01036,0.03435,0.04195,-0.06019,-0.01679,-0.03289,0.00121,-0.03644,0.04097,0.05085,0.0891,0.06061,-0.03869,-0.08514,0.04472,-0.05641,0.01554,0,0.0422,0.04531,-0.06845,0.00778,0.06047,-0.04494,-0.0271,-0.0937,0.03384,0.08851,-0.02973,0.01642,-0.08602,-0.00647,-0.03945,-0.09545,0.03596,-0.01276,-0.04047,0.01826,0.02967,-0.01585,-0.12532,0.00926,0.04763,0.04391,0.0196,0.05112,-0.07301,-0.01422,0.11639,0.01931,0.04256,0.03744,-0.00841,-0.02374,-0.03735,0.00747,-0.03318,-0.0362,0.03908,-0.05716,-0.09029,0.08309,0.01693,-0.0716,0.00166,-0.00791,0.06324,0.04087,0.0062,0.10654,-0.05177,-0.11417,0.06524,-0.04854,-0.00879,0.04555,-0.01947,0.0393,0.02732,0.06546,-0.04565,-0.00864,0.0305,0.00666,-0.00477,-0.00254,-0.01745,-0.1228,-0.02198,0.07647,0.00735,-0.01973,0.03043,-0.03044,0.001,0.10417,-0.00512,-0.03283,-0.07861,-0.04183,0.0019,0.0176,0.02517,-0.00034,0.05783,-0.02369,-0.03795,-0.08574,0.05001,0.0292,0.01952,-0.02716,0.00568,0,0.02908,0.09243,-0.00081,0.07527,0.03282,0.0013,0.06508,0.053,0.00641,0.06868,-0.02716,0.04851,-0.01741,0.01014,0.02157,0.00564,-0.06682,-0.0152,-0.00157,-0.00666,-0.03244,0.09466,-0.06495,0.00283,-0.07915,0.06712,-0.00733,0.06304,0.00016,-0.02711,-0.0696,-0.08317,-0.03573,0.02084,-0.00897,-0.09718,0.01892,0.06398,-0.10193,-0.03508,0.0077,0.02512,-0.08711,0.00003,-0.08386,-0.02228,0.02836,-0.03828,-0.07215,-0.02569,-0.03879,0.00161,0.01626,0.00562,0.01933,0.01906,0.08073,0.0112,-0.07821,0.02701,0.03065,-0.05749,0.02673,-0.05493,0.11156,0.05113,-0.08091,-0.06516,0.0199,0.03472,-0.02142,0.05328,0.05296,0.02039,0.06242,0.03792,0.11687,-0.00934,0.04488,0.06026,-0.09726,0.02905,-0.03032,0.04838,0.0216,0.03069,-0.12689,-0.02623,0.03958,-0.00011,-0.03639,-0.00422,0.02128,0.017,0.10339,0,-0.08044,-0.019,-0.03431,-0.01819,0.01759,-0.03486,-0.04477,-0.06453,-0.06574,-0.06165,-0.08647,0.10749,0.0316,-0.01421,0.05503,-0.00785,0.01858,0.00629,-0.05723,0.03878,-0.02622,0.03157,-0.01408,0.08723,-0.00063,0.00248,-0.03181,0.0036,-0.00024,0.01226,-0.01562,0.00465,0.00815,0.01489,-0.03456,-0.05516,-0.0406,-0.0133,-0.04635,0.03491,0.1076,-0.0651,0.04544,0.01556,-0.00546,0.06109,0.01049,-0.06404,-0.03144,0.03983,-0.04856,-0.03115,0.00699,0.06513,0.03919,-0.03043,0.07455,0.06667,-0.01801,0.01671,-0.04846,0.03655,0.04604,-0.02149],"keywords":"Background Background Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds. Example The example below shows how to: - wrap f-canvas with f-flow; - add f-background to enable a background; - switch between the built-in rect and circle patterns; - use the new custom mode with a custom background implementation. ::: ng-component <background-example</background-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.scss [custom.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/custom-background-example/custom-background-example.html [custom.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/custom-background-example/custom-background-example.ts :::","excerpt":"Example The example below shows how to: - wrap f-canvas with f-flow; - add f-background to enable a background; - switch between the built-in rect and circle patterns; - use the new custom mode with a custom background implementation. ::: ng-component <background-example</background-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.scss [custom.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/custom-background-example/custom-background-example.html [custom.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/custom-background-example/custom-background-example.ts :::"},{"chunkId":"/examples/auto-pan#0","slug":"auto-pan","route":"/examples/auto-pan","section":"examples","title":"Auto Pan","description":"Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area.","group":"Viewport","vector":[-0.03895,-0.06986,-0.0502,0.06359,0.04398,0.03843,0.09112,0.01857,0.03164,0.01237,0.0229,0.00796,-0.07018,0.02877,-0.10866,-0.05743,0.02393,-0.03152,-0.00574,0.03974,-0.03172,-0.1045,-0.01419,-0.0444,0.04679,-0.01182,0.01655,-0.03742,-0.01218,-0.03107,-0.10903,0.05445,-0.04571,0.02646,-0.10364,-0.09786,-0.03747,0.05647,-0.08957,-0.06315,0.05617,-0.04914,0.06408,-0.02407,0.00355,0.02304,-0.0522,0.02297,0.0343,0.07229,-0.05609,-0.05515,0.0063,0.03589,0.01334,0.07115,0.05213,-0.03852,0.02846,0.0698,0.06496,0.021,0.00744,0.03123,-0.02073,0.01003,0.04835,0.01064,-0.02629,0.00052,0.0301,-0.02362,-0.03412,-0.0516,0.09322,-0.05837,-0.04327,0.0014,-0.04802,0.01301,0.02732,0.10075,-0.0722,0.12169,-0.02308,0.02836,-0.05164,0.01897,0.01018,0.00328,-0.0553,0.00999,-0.11433,-0.04927,-0.08338,-0.08684,-0.01308,-0.08866,-0.07933,-0.00983,0.0381,0.00107,-0.00243,0.01745,-0.00895,-0.02364,-0.02732,-0.03963,-0.046,0.0702,-0.01223,0.00184,-0.04166,-0.02414,-0.05708,0.04385,-0.05995,-0.06617,0.06529,-0.00898,0.00552,0.087,-0.06169,-0.02365,0.05589,-0.03043,0.00498,0,0.02953,-0.02782,-0.04177,0.011,-0.00707,-0.0742,-0.0071,0.02483,-0.01359,-0.03909,-0.01524,0.00913,-0.00576,0.05459,-0.02638,-0.10054,0.00237,0.04987,-0.00018,-0.04637,-0.0532,-0.04159,-0.09097,-0.04894,0.05566,0.09349,-0.01664,0.06711,0.02636,0.06769,-0.03162,0.04724,-0.01168,-0.03406,-0.08457,0.06144,-0.05956,-0.00017,0.08824,0.02033,-0.03489,-0.00151,-0.01585,0.0353,-0.00136,-0.03298,0.01472,0.05838,-0.03945,0.00886,0.04198,-0.06714,0.05394,-0.00912,-0.0234,-0.03817,-0.0531,0.10332,0.0324,0.08931,0.03559,0.01337,-0.1426,0.00843,0.07705,0.05661,0.02381,0.04873,0.00577,-0.04663,-0.0537,0.00521,0.03902,0.02782,0.01157,-0.03134,-0.0689,-0.03515,0.00722,0.02145,-0.00815,-0.01637,0.09639,-0.08195,0.00217,-0.06973,0.07897,0.037,-0.05584,-0.03709,0.04736,0.02043,0.10523,0.04928,0.00083,0,0.01646,0.00509,-0.00078,0.10034,-0.01272,0.00555,0.04324,-0.00848,-0.04163,-0.06545,-0.02066,0.0571,0.04153,0.0469,0.004,0.03924,-0.07355,0.00625,-0.05197,0.03107,0.03677,-0.11126,0.04333,0.00948,-0.04265,-0.02502,0.095,0.05409,-0.04976,-0.01345,0.06173,-0.05174,-0.0394,-0.00211,0.05024,0.04644,0.00583,0.04868,-0.00964,0.00728,-0.06348,0.00604,0.0324,0.02987,0.00068,0.06245,-0.06374,0.13259,-0.05763,0.01448,-0.11432,0.04733,0.02183,-0.04371,0.02641,0.1132,0.04673,0.06641,0.02472,-0.0112,0.05205,-0.03432,-0.00615,-0.02842,0.06412,0.02233,-0.00269,-0.01701,-0.04012,0.04866,-0.03901,0.07534,-0.00779,-0.08488,0.03175,0.00306,0.11286,-0.0384,0.02424,-0.01328,0.00962,-0.01147,0.04945,-0.06026,-0.09327,0.06468,-0.07269,0.0324,0.01917,-0.00944,-0.09752,-0.06049,0.03717,-0.07888,-0.07477,0,-0.03706,0.02764,0.10163,-0.04139,0.00053,0.048,0.08532,0.10384,0.00969,-0.05409,-0.03614,0.00213,-0.00207,0.05725,0.03771,0.03043,0.0464,0.05297,0.00039,-0.06486,0.07867,-0.02372,0.10297,0.0204,0.00107,-0.02907,-0.05804,0.06168,0.04689,-0.01233,-0.03104,-0.0102,0.03293,0.02051,0.00641,0.08596,-0.08413,-0.01564,-0.00997,-0.00856,0.11245,0.01367,-0.059,-0.02952,-0.01074,0.05234,0.1233,-0.01576,-0.0194,-0.00576,0.00132,-0.04415,0.06318,0.00562,0.00284,0.02983,0.02504,-0.05959,0.05401,0.01208,-0.08353,0.10146,-0.07688,0.0854],"keywords":"Auto Pan Auto Pan Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area. Auto Pan","excerpt":"Auto Pan"},{"chunkId":"/examples/auto-pan#1","slug":"auto-pan","route":"/examples/auto-pan","section":"examples","title":"Auto Pan","description":"Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area.","group":"Viewport","vector":[-0.05936,-0.03917,-0.04445,0.05945,0.05322,0.04785,0.11441,0.02268,0.03722,0.02171,-0.01849,0.01768,-0.06944,0.04744,-0.09376,-0.04466,-0.00224,-0.01375,0.01389,0.0466,-0.04827,-0.10295,-0.00629,0.00128,-0.00462,-0.01963,0.00012,-0.05925,0.01894,-0.04698,-0.07101,0.07032,-0.05869,0.05192,-0.13264,-0.08801,-0.0342,0.02191,-0.09096,-0.04252,0.04142,-0.02336,0.07731,-0.01992,-0.01904,0.0443,-0.01175,0.00971,0.01119,0.11262,-0.03721,0.02078,0.04066,0.04169,0.03389,0.0444,0.08396,-0.03978,-0.02378,0.10391,0.01063,-0.01078,-0.00525,0.02248,-0.03715,0.01649,0.02336,0.0215,-0.01144,0.02654,0.01215,0.00509,-0.02435,-0.04439,0.10598,-0.04208,-0.06274,-0.00345,-0.00346,0.01192,0.05605,0.05789,-0.05544,0.06842,-0.04192,0.06612,-0.0727,-0.05807,-0.0051,0.03045,-0.05507,0.04335,-0.08233,-0.05267,-0.06548,-0.06811,-0.01512,-0.05681,-0.07238,0.00353,0.01,0.04355,0.01468,0.05444,-0.00832,-0.02527,-0.01221,-0.02941,-0.09452,0.06937,-0.02533,-0.01434,-0.01765,-0.01501,-0.10209,0.05947,-0.0453,-0.07077,0.05053,0.00895,0.01458,0.06809,-0.06103,-0.00753,0.04778,-0.04577,-0.04196,0,-0.02486,-0.04132,-0.04037,0.00515,0.01203,-0.06792,0.00645,-0.01373,-0.0163,-0.04624,-0.02135,-0.00865,-0.01283,0.03338,-0.03959,-0.12687,0.00915,0.04406,-0.0093,-0.03717,0.01344,-0.05867,-0.08198,-0.0917,0.06307,0.07239,-0.05688,0.07114,0.04098,0.06598,-0.06764,0.02796,-0.01915,-0.02715,-0.04982,0.00023,-0.05797,-0.01398,0.05086,0.00882,-0.02105,0.00054,-0.05096,0.03053,-0.02479,-0.04496,-0.02312,0.08569,-0.04601,0.01567,0.03909,-0.0179,0.01431,-0.01185,0.04127,-0.09939,-0.07443,0.07468,0.01179,0.09456,0.00333,0.02285,-0.15632,-0.01913,0.06351,0.05734,0.02598,0.08162,-0.00973,-0.04025,-0.04373,0.04805,0.01683,0.01024,0.00728,0.01515,-0.07693,-0.03427,0.02222,0.01149,0.03682,-0.04244,0.07971,0.0061,0.03136,-0.08163,0.04817,-0.00142,-0.09136,-0.04475,0.10809,0.00469,0.1429,0.03741,0.04542,0,-0.00754,0.0226,-0.01329,0.09066,-0.0117,0.02425,0.05205,-0.02571,0.00196,-0.0621,-0.04444,0.04885,0.00083,0.04499,0.03969,0.02484,-0.07777,-0.02683,-0.03883,0.03797,0.05165,-0.06215,0.00633,-0.01753,-0.02806,-0.0538,0.06474,0.06568,-0.04715,0.0212,0.03409,-0.04781,-0.04389,-0.05283,0.0685,-0.00049,0.00171,0.09683,-0.01214,0.02407,0.00828,-0.01049,0.05503,0.01789,0.01072,0.06789,-0.09368,0.06663,-0.04501,0.00828,-0.1278,0.03515,-0.02117,-0.08671,0.01054,0.09413,0.09221,0.06313,-0.02799,-0.01775,0.07023,-0.0606,-0.01206,-0.03163,0.08754,0.01084,-0.0138,0.02811,-0.02223,0.07822,0.04519,0.04561,0.02091,-0.02369,0.03951,0.00256,0.15554,-0.03985,0.07983,0.06638,0.00869,0.05682,0.04821,-0.04125,-0.08416,0.05388,-0.13021,0.02179,0.00941,0.01837,-0.06265,-0.03426,-0.00706,-0.07663,-0.06393,0,-0.06757,0.02779,0.04625,-0.00666,0.00986,0.05062,0.04854,0.07278,-0.00214,-0.03399,-0.03461,0.05737,0.05999,0.03798,0.04012,0.0164,0.07631,0.02095,-0.0286,-0.04832,0.03407,0.00786,0.06648,0.04904,-0.05056,-0.05891,-0.04254,0.0457,0.05512,-0.01392,-0.02965,0.01155,-0.01809,0.03785,-0.03375,0.08049,-0.07262,-0.01228,-0.04393,0.01725,0.08209,0.03035,-0.0443,-0.0381,-0.01394,0.0915,0.08804,-0.00448,-0.03954,0.02971,-0.00029,-0.0015,0.05824,0.04903,0.00902,0.02043,-0.00255,-0.02639,0.05711,-0.00485,-0.09458,0.06348,-0.01473,0.10558],"keywords":"Auto Pan Auto Pan Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area. Description This example shows how to keep drag interactions moving when the pointer reaches the edge of f-flow. Instead of forcing users to drop, pan manually, and start over, the viewport continues to scroll while the drag session stays active. The demo enables auto-pan through <f-auto-pan / and combines the supported drag kinds in one place: connection creation, connection reassignment, node dragging, and selection area.","excerpt":"Description This example shows how to keep drag interactions moving when the pointer reaches the edge of f-flow. Instead of forcing users to drop, pan manually, and start over, the viewport continues to scroll while the drag session stays active. The demo enables auto-pan through <f-auto-pan / and combines the supported drag kinds in one place: connection creation, connection reassignment, node dragging, and selection area."},{"chunkId":"/examples/auto-pan#2","slug":"auto-pan","route":"/examples/auto-pan","section":"examples","title":"Auto Pan","description":"Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area.","group":"Viewport","vector":[-0.0668,-0.02384,-0.07244,0.07527,0.08209,0.08216,0.06542,0.02239,0.05114,0.02696,-0.02512,0.01597,-0.09111,0.06211,-0.06209,-0.06031,-0.0115,-0.01414,-0.01915,0.02888,-0.03442,-0.05965,0.06573,0.01129,0.01494,-0.01078,0.0053,-0.06162,0.01854,-0.01627,-0.02637,0.0603,-0.05139,0.02184,-0.08096,-0.02683,-0.02345,0.08844,-0.07802,-0.06012,0.10154,0.0021,0.07606,-0.11193,0.02619,0.04609,-0.08377,0.03116,-0.03559,0.0724,-0.05513,-0.05273,0.0014,0.06117,0.01671,0.00213,0.02986,-0.06615,0.06942,0.06405,-0.0195,-0.02119,0.0011,0.01885,0.01294,-0.00179,-0.05542,0.0396,-0.06046,0.07291,0.0357,-0.04572,-0.01855,-0.03804,0.10991,-0.03481,-0.09934,0.06751,-0.033,-0.01202,0.05338,0.01631,-0.05428,0.10299,-0.03236,0.09461,-0.03204,-0.02623,-0.00069,-0.05979,-0.02254,0.02462,-0.08806,-0.00348,-0.0161,-0.04212,-0.0871,-0.03726,-0.12538,-0.00675,0.01183,-0.01595,0.05315,0.09598,0.01561,0.0116,-0.01293,0.00996,-0.05068,0.01907,-0.00813,0.03609,0.00491,-0.04432,-0.06699,-0.00287,-0.07135,-0.07829,0.04026,0.04493,0.04461,0.03236,-0.07471,-0.02613,0.07198,-0.00464,0.0436,0,-0.00282,0.04079,-0.04993,0.01222,0.01939,-0.09668,-0.03604,-0.03989,-0.00933,0.05208,-0.05096,0.01343,-0.02559,0.00789,-0.05747,-0.10587,0.00385,0.04863,-0.02392,-0.02721,-0.00279,-0.01676,-0.09864,-0.04422,0.10033,0.0316,-0.03644,0.04173,-0.02184,0.04715,0.01859,0.06896,0.02637,-0.06631,-0.05787,0.0281,-0.05063,-0.02697,-0.0003,0.02384,0.05969,-0.02264,-0.0568,0.09057,-0.02639,-0.04547,-0.00578,0.07109,0.01285,0.04181,0.02478,0.00235,0.03331,0.00319,0.07381,-0.04414,-0.05995,0.08308,0.05249,0.09018,0.00855,0.03079,-0.119,-0.00282,0.05556,0.01238,0.04316,0.05872,0.02333,-0.06916,-0.03891,0.02316,0.00208,0.05007,0.04652,-0.04563,-0.03145,0.01116,0.06871,-0.00784,0.03692,-0.06876,0.03197,0.00152,0.04936,-0.07809,0.0386,0.00175,-0.09235,-0.08186,0.09449,0.03858,0.07962,0.02253,-0.02525,0,0.05928,0.02133,-0.03094,0.15118,-0.04941,-0.02999,0.08765,0.02666,-0.00202,-0.01798,-0.01867,0.06421,0.037,0.03128,0.02234,0.00626,-0.07479,-0.03434,0.04125,0.01455,0.07108,-0.04005,0.01762,0.03852,-0.08833,0.03094,0.07282,0.07165,-0.05061,-0.00677,0.02955,-0.04408,-0.07248,0.00112,-0.01628,-0.00536,0.00377,0.11276,-0.01574,-0.0198,0.00372,0.03477,0.01596,0.00905,-0.01923,0.00835,-0.0016,0.09008,-0.04229,-0.03106,-0.12319,-0.00182,0.00401,-0.02298,0.01778,0.05221,0.07405,-0.02662,-0.05119,0.01471,0.09251,-0.02198,-0.00709,-0.04979,0.10342,0.04946,-0.04062,-0.0176,0.02725,0.04317,-0.02762,0.02494,0.02158,-0.05264,0.00868,0.05605,0.14807,-0.0172,0.08389,-0.00392,-0.04828,0.01215,0.0277,-0.0242,-0.07241,0.08134,-0.13898,-0.0058,0.03358,0.02488,-0.08706,-0.07873,0.03003,-0.06512,-0.02476,0,-0.06411,0.0374,0.04831,-0.04525,-0.02424,-0.0048,0.03701,0.017,-0.01293,-0.04992,-0.08429,0.04209,0.03525,0.03793,0.02566,0.01235,0.01912,0.05317,-0.04795,-0.04014,0.05721,0.00842,0.10759,0.02113,-0.01786,-0.06284,-0.09783,0.03642,0.03205,-0.02385,-0.06141,-0.03135,0.02025,0.01311,-0.02872,0.00924,-0.11757,-0.05178,-0.00829,-0.03068,0.09881,-0.01932,-0.00785,-0.04097,-0.06254,0.06967,0.07273,-0.00923,-0.04624,-0.00774,-0.02997,-0.01835,-0.01757,0.04925,0.04833,-0.00144,0.02041,-0.01454,0.05765,-0.02204,-0.0736,0.05654,-0.04667,0.04898],"keywords":"Auto Pan Auto Pan Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area. Example ::: ng-component <auto-pan</auto-pan [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.scss :::","excerpt":"Example ::: ng-component <auto-pan</auto-pan [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.scss :::"},{"chunkId":"/examples/auto-pan#3","slug":"auto-pan","route":"/examples/auto-pan","section":"examples","title":"Auto Pan","description":"Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area.","group":"Viewport","vector":[-0.04807,-0.0236,-0.04227,0.03687,0.08247,0.05511,0.03005,0.00394,-0.00647,-0.03408,0.0081,-0.03567,-0.04339,-0.05028,-0.08657,-0.01734,0.04714,-0.03839,0.05564,0.02801,-0.07287,-0.11188,0.00649,-0.04026,0.03735,-0.0315,0.01822,-0.02919,-0.04769,-0.04884,-0.0726,0.05261,-0.08523,0.01656,-0.09281,-0.07118,-0.03393,0.04679,-0.11173,-0.06562,0.09932,-0.01359,0.08264,-0.04909,-0.00449,-0.03501,-0.07331,-0.00802,0.04657,0.06095,-0.09799,-0.03133,-0.00586,0.04161,0.02017,0.08567,0.08607,-0.00918,0.04237,0.04926,0.0525,-0.00664,-0.00035,-0.019,-0.00579,-0.0053,0.02182,0.00758,-0.02317,-0.00279,0.00773,-0.006,-0.03883,-0.07702,0.09301,-0.0439,-0.05208,0.03348,-0.00013,-0.01857,0.05392,0.09077,-0.04022,0.11805,-0.03704,0.07242,-0.04372,0.02191,0.04856,0.01744,-0.07178,0.04883,-0.08623,-0.02286,-0.03204,-0.08464,-0.04232,-0.07239,-0.06567,0.03002,0.04849,0.01237,-0.0297,-0.02134,-0.00363,-0.00501,-0.07339,0.01024,-0.0296,0.04718,0.04975,0.0459,-0.0012,-0.00782,-0.06396,0.05882,-0.00885,-0.09442,0.01993,-0.0044,-0.04099,0.09659,-0.10118,0.02611,0.03389,-0.04636,-0.02142,0,-0.00336,-0.0424,-0.04938,-0.03175,0.00765,-0.05196,0.0007,0.04085,0.00858,-0.02553,-0.03498,-0.07645,-0.03776,-0.01832,-0.00443,-0.13932,0.03052,0.05115,-0.04003,-0.05765,-0.00253,-0.0893,-0.10426,-0.08808,0.07284,0.0904,-0.05285,0.0945,0.03026,0.05793,-0.01197,0.01531,0.08898,0.01055,-0.06929,-0.04947,-0.03806,0.00422,0.06325,0.02803,-0.03757,0.00639,-0.00668,0.03391,0.03223,-0.04122,0.01357,0.04972,-0.00177,-0.01099,0.02201,-0.04931,0.04004,-0.04234,-0.07166,-0.03861,-0.11297,0.08413,0.02865,0.10992,0.00479,0.04822,-0.09658,0.0095,0.05089,0.10456,-0.03415,0.00201,-0.02145,-0.00834,-0.0389,0.0503,0.05368,0.02373,0.00233,-0.00088,-0.05613,-0.03126,0.03134,0.01637,0.03119,0.00791,0.07304,-0.03713,0.06134,-0.09053,0.03065,0.00056,-0.02875,0.00569,0.08386,-0.00957,0.00425,-0.01532,0.01928,0,-0.02589,0.03736,0.01653,0.03162,-0.00626,0.00555,0.05334,-0.03202,-0.01254,0.0321,-0.01781,0.05811,0.02849,-0.0304,-0.0118,0.0335,-0.05565,0.01728,-0.06541,0.03173,0.06853,-0.09223,0.02448,-0.00699,0.00044,-0.02387,0.0835,0.07903,-0.05052,0.00642,0.03767,0.01442,-0.04359,-0.02721,0.02786,0.03323,-0.06597,0.07715,0.03188,0.0181,-0.02517,0.05925,-0.03022,0.00294,0.02348,0.04829,-0.0589,0.07207,-0.02767,0.00241,-0.12676,0.04957,0.04254,-0.027,-0.01752,0.09555,0.09514,0.06873,0.02103,-0.02162,0.08943,-0.0562,-0.00689,-0.05795,0.1202,0.02803,0.02394,0.09858,-0.01637,0.03707,0.01082,0.08317,0.08568,-0.05254,0.01977,0.02335,0.0676,-0.01018,0.04044,0.04204,0.01839,0.01326,0.07243,-0.02223,0.01229,0.06615,-0.06717,0.05831,0.05083,0.0134,-0.09706,-0.05796,0.05626,-0.06935,-0.03996,0,-0.04932,0.02548,0.02105,0.01944,0.02982,0.05909,0.02627,0.06106,0.00205,-0.04821,-0.08256,0.04261,0.02156,0.0568,0.05497,-0.01182,0.0275,0.03732,0.00145,-0.04164,0.0744,-0.05042,0.06449,0.0668,-0.018,-0.05182,-0.06714,0.06913,0.06928,-0.00532,-0.0523,-0.01554,-0.05246,0.07175,-0.0344,0.07754,-0.07538,0.0388,-0.01743,0.06449,0.05427,-0.01467,-0.05393,-0.04048,-0.05913,0.04252,0.09243,-0.0135,-0.01332,0.00883,0.04572,-0.04181,0.04531,-0.05945,0.03262,-0.01803,0.00259,-0.06612,-0.03128,0.00054,-0.09833,0.12045,-0.03829,0.05918],"keywords":"Auto Pan Auto Pan Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area. What to try - Drag the source node connector toward the off-screen input. - Reassign the existing connection to the far target. - Drag the lower node and keep the pointer near the right edge. - Hold Shift and extend the selection rectangle until it reaches the off-screen node. - Toggle <f-auto-pan / on and off with the checkbox in the toolbar. - Adjust fEdgeThreshold, fSpeed, and fAcceleration in the toolbar. f Edge Threshold f Speed f Acceleration","excerpt":"What to try - Drag the source node connector toward the off-screen input. - Reassign the existing connection to the far target. - Drag the lower node and keep the pointer near the right edge. - Hold Shift and extend the selection rectangle until it reaches the off-screen node. - Toggle <f-auto-pan / on and off with the checkbox in the toolbar. - Adjust fEdgeThreshold, fSpeed, and fAcceleration in the toolbar."},{"chunkId":"/examples/auto-pan#4","slug":"auto-pan","route":"/examples/auto-pan","section":"examples","title":"Auto Pan","description":"Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area.","group":"Viewport","vector":[-0.05478,-0.06449,-0.0491,0.06697,0.05814,0.03923,0.0869,0.02841,0.0262,0.02108,0.02126,0.01951,-0.06405,0.0199,-0.08569,-0.05503,0.01795,-0.03543,-0.01776,0.03016,-0.01946,-0.10957,-0.01457,-0.04614,0.04908,-0.02645,0.01821,-0.02462,-0.01261,-0.03098,-0.10559,0.05541,-0.02146,0.03105,-0.12358,-0.08856,-0.03704,0.0477,-0.06977,-0.0615,0.04054,-0.05458,0.05172,-0.00669,-0.02001,0.01529,-0.05406,0.02263,0.01763,0.07184,-0.04288,-0.04257,0.02752,0.05047,-0.00088,0.05732,0.04823,-0.04699,0.0249,0.06218,0.06492,0.01701,-0.00266,0.02782,-0.02125,-0.00475,0.05294,0.00273,-0.02737,-0.0172,0.02403,-0.0329,-0.03382,-0.03728,0.09464,-0.06261,-0.04189,-0.00054,-0.04459,0.02694,0.0287,0.10523,-0.07075,0.11905,-0.04176,0.03499,-0.04596,0.01568,0.00876,-0.00558,-0.0451,0.00171,-0.11669,-0.05146,-0.08683,-0.0773,-0.00081,-0.07707,-0.05477,-0.01617,0.0417,0.00052,-0.00769,0.01954,-0.0067,-0.0401,-0.02846,-0.03648,-0.04585,0.0623,-0.01684,-0.00471,-0.0469,-0.01862,-0.07835,0.06115,-0.05151,-0.06881,0.0576,-0.00505,0.00306,0.10141,-0.06246,-0.01906,0.06365,-0.02685,-0.00515,0,0.03309,-0.04011,-0.04731,-0.00456,-0.02003,-0.07929,-0.02416,0.00792,-0.00313,-0.04504,-0.01371,0.00641,0.00977,0.05825,-0.02086,-0.09939,-0.01071,0.04061,0.01606,-0.04188,-0.06087,-0.03267,-0.08593,-0.02769,0.06973,0.09834,-0.01582,0.05822,0.0257,0.06482,-0.05574,0.03735,-0.00932,-0.03452,-0.07213,0.07283,-0.08385,0.00463,0.08953,0.02776,-0.00127,-0.01977,-0.01759,0.03926,0.00459,-0.03617,0.00229,0.03933,-0.0296,0.00691,0.04954,-0.06314,0.04379,0.00487,-0.00019,-0.03113,-0.05025,0.09517,0.04062,0.09626,0.03105,0.0072,-0.13547,0.00716,0.08012,0.04765,0.03218,0.05564,0.01253,-0.05011,-0.05156,0.0106,0.03808,0.03206,0.01003,-0.0381,-0.05485,-0.04798,0.00325,0.01295,-0.02426,-0.02167,0.07081,-0.0786,0.01361,-0.06354,0.08186,0.03825,-0.0472,-0.06973,0.03717,0.02277,0.09613,0.0468,0.01561,0,0.02042,-0.00589,-0.00321,0.11895,-0.01416,0.03141,0.04483,-0.0085,-0.04523,-0.06081,-0.04597,0.0692,0.05366,0.05176,0.00529,0.04416,-0.07822,-0.01055,-0.05397,0.03629,0.04159,-0.13224,0.05385,0.01395,-0.05114,-0.03738,0.0907,0.0542,-0.04626,-0.00925,0.05862,-0.04869,-0.04458,-0.00146,0.05757,0.03978,0.01421,0.07222,-0.00837,0.01443,-0.06646,0.00242,0.03404,0.02388,-0.00011,0.06445,-0.07061,0.11837,-0.04769,0.00036,-0.10272,0.04615,0.01079,-0.03446,0.03183,0.11526,0.04216,0.0694,0.01701,-0.01116,0.02646,-0.02358,0.01037,-0.03159,0.05806,0.0172,-0.0099,-0.01548,-0.066,0.05408,-0.03011,0.07863,-0.01068,-0.07849,0.02545,-0.00905,0.10779,-0.0153,0.03293,-0.01302,0.00734,-0.00127,0.04311,-0.05665,-0.1092,0.06113,-0.07123,0.0317,0.01908,-0.02615,-0.08945,-0.06007,0.04048,-0.08086,-0.0784,0,-0.02241,0.02226,0.09962,-0.0366,0.00761,0.05816,0.07455,0.10862,0.01639,-0.0491,-0.03173,0.01247,-0.00088,0.05519,0.04854,0.02853,0.06673,0.04709,0.00219,-0.07717,0.08259,-0.03307,0.10557,0.02356,0.02287,-0.02279,-0.05711,0.05749,0.03898,-0.01147,-0.03343,0.0014,0.02834,0.00944,0.02497,0.08413,-0.06986,-0.02145,-0.00783,-0.00738,0.11141,-0.00436,-0.0561,-0.03962,-0.0258,0.05075,0.12215,-0.01649,-0.01692,-0.00058,0.01127,-0.05937,0.06665,0.01073,0.00335,0.04469,0.01489,-0.0643,0.06385,-0.00655,-0.08117,0.10814,-0.05863,0.08716],"keywords":"Auto Pan Auto Pan Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area. Related docs - Auto Pan - Drag and Drop - Selection Area","excerpt":"Related docs - Auto Pan - Drag and Drop - Selection Area"},{"chunkId":"/examples/canvas-layers#0","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.06989,-0.03349,-0.03409,0.00033,0.01046,0.02409,-0.00617,0.02925,0.04541,-0.00828,-0.01409,0.0315,-0.06677,0.01393,-0.00939,-0.02547,0.00034,-0.01524,0.00505,-0.00446,-0.04443,-0.13607,0.01673,-0.07603,0.0369,0.01949,-0.09699,-0.01763,0.07881,-0.04931,0.03742,0.09582,0.00777,0.03047,-0.07391,0.02691,-0.03693,-0.05744,-0.08734,-0.00414,0.02566,0.08107,0.01349,-0.01505,-0.0285,-0.01541,-0.00031,0.03563,-0.02216,0.07583,0.01721,-0.07423,-0.03646,0.10354,0.00177,0.07909,0.01003,-0.00515,-0.00377,0.12052,0.00981,0.01283,-0.004,0.04546,0.07568,0.05661,-0.05624,0.04413,-0.04008,0.00618,0.04462,-0.00278,0.06451,-0.03364,0.06435,0.01873,-0.06628,0.01245,-0.09627,-0.08586,0.0183,0.05343,0.00806,0.05858,-0.00412,0.02095,-0.01363,-0.07829,-0.08664,0.09363,-0.08253,0.05156,-0.05085,0.07225,0.01708,-0.04163,0.01851,-0.00113,-0.07254,-0.00383,0.03103,-0.08361,0.06444,0.00208,0.02055,-0.0747,-0.11127,-0.01046,-0.07627,-0.04881,-0.04459,0.02223,0.06068,-0.02041,-0.07617,-0.08047,0.02596,-0.0344,0.07988,-0.00155,0.02006,0.05916,0.03951,-0.04982,0.02367,0.00532,-0.03533,0,0.03426,0.00292,0.0023,0.05344,0.09943,-0.01181,0.01608,-0.07274,-0.10824,0.01457,-0.02518,0.02207,-0.03989,0.04558,0.05333,-0.12362,-0.01186,0.0097,-0.06033,-0.04532,-0.01037,-0.03941,-0.06353,-0.05032,0.03038,0.1087,-0.10795,0.02775,-0.08042,0.04395,-0.04743,-0.00519,0.02339,0.00899,-0.04336,0.02948,-0.01005,-0.07981,-0.01886,-0.01752,-0.04344,-0.01449,-0.04306,0.0054,0.02961,-0.01221,-0.10907,0.05498,0.01942,0.01054,-0.03443,0.00164,0.07392,-0.0097,0.05051,-0.06653,0.00513,0.07094,0.00951,0.05113,0.07244,0.09731,-0.13116,0.01443,0.01954,0.07259,0.02521,-0.00711,-0.01586,-0.01432,-0.07562,0.1278,0.03894,0.07441,0.05088,0.0448,-0.05326,-0.03479,0.00008,-0.02969,-0.00233,0.00632,0.01763,-0.02452,-0.04091,0.01249,0.05782,0.02685,-0.03781,0.04698,0.05834,-0.01522,0.15521,-0.00924,-0.03734,0,-0.03006,0.05266,0.01315,0.01426,0.10445,-0.09107,0.04867,-0.02644,-0.00055,0.04859,0.00417,0.06078,0.02383,0.0196,0.03949,0.07247,-0.03326,-0.12601,0.00279,-0.11933,0.01296,-0.03595,0.01345,0.04538,-0.07189,0.00024,0.04466,0.00016,0.05037,0.0338,-0.02155,-0.05041,-0.02446,0.01599,0.05451,0.03254,-0.01514,0.01,0.00363,-0.04743,-0.02275,-0.02972,-0.08181,-0.0008,-0.02123,0.02536,-0.08124,-0.00529,-0.10866,-0.03829,-0.08621,0.06446,0.01712,-0.0284,-0.0087,0.04413,0.04833,0.04058,0.03156,-0.05097,0.10368,-0.05809,0.01687,-0.042,0.04185,0.05651,-0.04393,-0.02057,-0.02083,0.05934,0.09096,-0.0315,-0.0143,-0.00446,0.02184,0.02009,0.07409,0.08957,0.04539,0.02708,-0.04641,0.09518,0.01658,0.09607,0.04962,0.01397,-0.01953,0.01877,0.054,0.01533,0.02733,0.0034,0.05663,0.00813,0.04064,0,-0.04664,-0.06914,0.01678,-0.03553,0.02653,-0.00226,0.06084,0.06415,-0.01471,-0.00408,-0.00861,0.07807,0.00733,-0.03788,0.08444,0.04206,-0.05342,-0.00734,-0.03953,-0.07481,-0.04707,0.03759,0.0411,0.0955,-0.04842,-0.00512,-0.02925,0.0115,0.02591,0.03788,-0.04428,0.0244,-0.01288,0.09482,-0.06166,0.08224,-0.11414,0.03306,-0.09633,-0.00879,0.00122,-0.08515,0.05594,0.03349,0.03984,0.01742,-0.00005,-0.01276,-0.02455,-0.02572,-0.07692,-0.0128,-0.03035,0.05045,0.01952,-0.04062,-0.03274,0.01082,0.03594,-0.00722,-0.1131,0.07036,0.05328,0.03508],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. Canvas Layer Ordering Foblex Flow renders three built-in layers inside <f-canvas — groups, connections, and nodes — each in its own absolutely-positioned container with its own stacking context. Until v18.6 the order was hardcoded: groups underneath, connections in the middle, nodes on top.","excerpt":"Canvas Layer Ordering Foblex Flow renders three built-in layers inside <f-canvas — groups, connections, and nodes — each in its own absolutely-positioned container with its own stacking context. Until v18.6 the order was hardcoded: groups underneath, connections in the middle, nodes on top."},{"chunkId":"/examples/canvas-layers#1","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.09496,-0.01855,-0.01086,0.0579,0.02139,0.00266,-0.00874,0.00265,0.00354,-0.00744,-0.02123,0.09907,-0.02111,0.01995,-0.01611,0.00913,0.00143,-0.01582,-0.0087,-0.03972,-0.02857,-0.12289,0.04116,-0.08312,0.03122,-0.00737,-0.10158,0.01305,0.07679,-0.01163,-0.0181,0.05326,-0.01719,0.01079,-0.09742,0.0332,-0.01059,-0.04768,-0.10184,0.01585,0.0247,0.10015,-0.00836,-0.00985,-0.02319,-0.0247,-0.04844,0.00763,-0.04416,0.07759,0.0161,-0.08716,0.00042,0.04797,0.01096,0.0934,-0.04644,-0.00838,-0.02326,0.09334,0.0091,0.02614,-0.02222,0.04136,0.08265,0.09754,0.00682,0.04684,-0.03684,-0.01158,0.04565,-0.02366,0.04664,-0.05174,0.02701,0.01606,-0.06227,0.00053,-0.12788,-0.11187,0.02908,0.00905,0.00481,0.08604,0.01715,0.00615,-0.02272,-0.05545,-0.07076,0.09499,-0.04021,0.06881,-0.02018,0.06634,0.02337,0.00543,0.04252,0.02504,-0.07271,0.02307,0.0392,-0.10998,0.03044,-0.04351,0.03274,-0.04473,-0.07841,-0.02912,-0.12303,0.01096,-0.01781,0.01191,0.05529,-0.04764,-0.06091,-0.03511,0.06043,0.00095,0.06055,-0.00114,0.00271,0.08193,-0.00141,-0.04565,0.04712,0.05441,-0.03852,0,0.05248,0.03082,-0.0284,0.02882,0.05764,0.01935,0.00845,-0.06973,-0.14562,0.00862,-0.02158,0.01026,-0.05455,0.02515,0.01667,-0.10209,0.01487,0.04149,-0.05448,-0.05012,-0.04984,-0.03199,-0.10678,0.00604,0.02548,0.1069,-0.10402,0.0113,-0.05223,0.01033,-0.03802,0.00984,0.02831,-0.02499,-0.02052,0.0506,-0.05212,-0.02601,0.03113,-0.0213,-0.04376,-0.02413,-0.05968,0.02382,0.01658,0.05288,-0.07554,0.0459,-0.00009,-0.07074,-0.03702,0.01826,-0.00288,-0.00288,0.02385,-0.05673,0.02761,0.06804,0.02599,0.02941,0.06493,0.06462,-0.12088,0.07159,0.00847,0.07828,0.00269,-0.02015,-0.00846,-0.03557,-0.08568,0.08368,0.02958,0.08015,0.03907,0.00948,-0.08839,-0.02906,0.06291,-0.03003,-0.04057,-0.01822,0.02622,-0.03645,-0.01294,-0.00664,0.07223,0.0517,-0.01753,0.04703,0.03606,-0.01952,0.16176,-0.02499,-0.01856,0,-0.04871,0.07582,0.05976,0.02622,0.09208,-0.08301,0.00732,-0.05687,0.00812,0.0201,0.03875,0.04459,0.03454,0.01621,-0.00009,0.06662,-0.04756,-0.08791,0.01647,-0.10066,0.01244,-0.04121,0.00194,0.07443,-0.0736,0.00025,0.03645,-0.00704,0.09581,0.04768,-0.02603,-0.05627,0.00496,-0.00203,0.05359,0.07481,-0.00368,-0.00882,-0.0576,-0.01536,-0.0644,-0.03779,-0.08672,0.00038,0.02306,0.0525,-0.09501,0.03574,-0.15839,-0.06721,-0.09236,0.11701,0.02773,-0.04409,0.02894,0.01826,0.04929,0.01548,0.04333,-0.06674,0.08025,-0.05949,0.00802,-0.03686,0.00875,0.04749,0.0146,-0.0754,-0.00104,0.0306,0.04037,-0.06142,0.02354,-0.05334,0.0272,-0.01181,0.05881,0.09391,0.02151,0.00165,-0.0574,0.0854,0.02708,0.10161,0.04244,0.05255,0.00294,0.05931,0.03989,0.02365,-0.01966,-0.02384,0.05399,0.02587,0.02722,0,0.00084,-0.02007,0.03397,-0.04095,0.01618,-0.05918,0.05679,0.04626,-0.00731,0.01696,0.03401,0.08182,-0.01335,-0.00096,0.05834,0.05277,-0.02889,0.0026,-0.02148,-0.01283,-0.03128,0.02258,0.04163,0.10356,0.00327,0.00706,-0.02845,0.02967,0.01828,0.04837,-0.03324,-0.01124,0.05039,0.12124,-0.03779,0.00221,-0.11956,-0.00433,-0.0531,0.00183,0.02063,-0.06113,0.06872,0.06148,0.04113,-0.01781,0.02189,-0.06098,0.0183,0.00571,-0.07101,-0.05121,-0.02946,0.02851,0.0653,-0.01841,-0.02332,0.06207,0.02799,-0.02031,-0.08349,0.02471,0.01555,-0.00573],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. Most editors are fine with that. A few are not. A diagram view that uses semi-transparent group overlays needs the group layer above the nodes. A pipeline editor with edge labels you can click on needs connections above nodes. Layer Ordering exposes that single decision as configuration so you don't have to fight the library with !important z-index overrides. This page is the live demo. The buttons swap the order of the three layers; the same group, the same nodes, and the same connections keep their data — only the stacking changes.","excerpt":"Most editors are fine with that. A few are not. A diagram view that uses semi-transparent group overlays needs the group layer above the nodes. A pipeline editor with edge labels you can click on needs connections above nodes. Layer Ordering exposes that single decision as configuration so you don't have to fight the library with !important z-index overrides. This page is the live demo. The buttons swap the order of the three layers; the same group, the same nodes, and the same connections keep their data — only the stacking changes."},{"chunkId":"/examples/canvas-layers#2","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.08607,-0.0208,-0.03709,0.02294,0.05477,0.05793,0.00048,0.01708,0.01848,0.01167,-0.01051,0.04936,-0.05559,0.04943,0.01781,-0.01572,-0.0154,-0.00089,-0.01002,-0.0425,-0.02084,-0.12424,0.03566,-0.04264,0.02021,0.00405,-0.08771,-0.02617,0.07642,-0.03751,0.05858,0.08103,-0.02903,0.00386,-0.10294,0.05558,-0.02194,-0.01255,-0.09151,-0.00553,0.03027,0.07466,0.00904,-0.07782,0.00735,-0.0365,-0.01255,0.06889,-0.04939,0.05103,0.01223,-0.08044,-0.05276,0.11076,0.00099,0.01034,0.01331,-0.02243,0.01706,0.10045,-0.03937,-0.05351,-0.00821,0.03391,0.07819,0.06052,-0.06963,0.06049,-0.04446,0.03062,0.06082,-0.02084,0.05137,-0.04167,0.04836,-0.00231,-0.10344,0.06785,-0.0958,-0.07098,0.0336,0.01145,0.01082,0.05464,0.01737,0.04317,-0.02815,-0.06395,-0.05157,0.05681,-0.07505,0.08295,-0.05253,0.08002,0.05896,-0.01741,-0.0364,0.01359,-0.07461,0.00536,0.01745,-0.09469,0.05521,0.02485,0.05054,-0.04994,-0.08937,0.03664,-0.08234,-0.05456,-0.01957,0.04536,0.06114,-0.04156,-0.03511,-0.089,0.04128,-0.02311,0.04138,0.04658,0.0241,0.06674,0.01066,-0.07519,0.06333,0.02234,-0.01007,0,0.05559,0.05423,-0.03326,0.04979,0.07811,-0.00311,-0.00275,-0.10376,-0.11039,0.05949,-0.03198,0.03739,-0.06963,0.01458,0.04465,-0.13074,0.0244,-0.0007,-0.04647,-0.01355,-0.00006,-0.03831,-0.0928,-0.0027,0.0674,0.04456,-0.09814,0.05972,-0.09457,0.02206,0.01987,0.01155,0.03555,-0.02389,-0.02295,-0.00997,-0.03084,-0.03809,-0.03637,-0.02445,0.012,-0.02198,-0.05308,0.06191,0.00229,-0.01767,-0.10275,0.06602,0.05903,0.02346,-0.01868,0.02705,0.01587,-0.01983,0.08647,-0.06382,-0.0095,0.03329,0.00686,0.05649,0.06008,0.05079,-0.13275,-0.00938,0.02402,0.02787,0.04583,-0.0218,-0.02045,-0.0744,-0.07335,0.13911,0.04341,0.07648,0.04783,0.00289,-0.04364,0.0089,0.04691,-0.02,-0.02312,-0.01765,-0.03421,0.02964,-0.05943,-0.00589,0.05126,-0.00211,-0.05095,-0.01975,0.02499,0.01653,0.12177,-0.03968,-0.02005,0,0.00501,0.05302,0.03641,0.08054,0.08181,-0.06724,0.07388,0.0105,0.02521,0.07509,-0.01036,0.0526,0.02532,-0.00226,0.01689,0.05982,-0.04465,-0.11897,0.05524,-0.1002,0.00709,0.02962,0.00997,0.03881,-0.07844,0.05099,0.01896,0.01374,0.05002,0.03428,-0.02485,-0.06848,-0.05479,0.01377,0.00772,0.02304,0.02893,0.08462,-0.02165,-0.03639,0.01492,-0.00216,-0.08209,0.00365,-0.03344,0.01706,-0.0377,0.00309,-0.11969,-0.04262,-0.10219,0.0601,-0.00435,-0.02062,0.00757,-0.00549,0.06486,0.00202,0.00872,-0.02766,0.12654,-0.04446,-0.03375,-0.02129,0.05553,0.03667,-0.07225,-0.04732,0.02911,0.07315,0.0299,-0.03652,0.05831,-0.01942,0.04121,0.01746,0.06524,0.08832,0.0631,0.01958,-0.0366,0.09302,-0.00591,0.07645,0.07208,0.03659,-0.0651,-0.03081,0.08559,0.00128,-0.01394,-0.02891,0.0432,-0.01327,0.06731,0,-0.04269,-0.04137,0.00615,-0.0542,0.01452,-0.05378,0.03834,0.02614,0.01077,-0.00456,-0.01996,0.09493,0.05026,-0.03518,0.05616,0.03737,-0.02202,0.01474,-0.05305,-0.03529,-0.04378,0.0253,0.00987,0.08371,-0.04259,-0.02158,-0.01487,0.01923,0.01033,0.04679,-0.05382,-0.00757,-0.00526,0.06082,-0.06679,-0.00392,-0.15522,0.00079,-0.04915,0.01426,-0.00013,-0.07234,0.0674,0.02627,0.05063,0.0108,0.00843,-0.03659,-0.00878,0.01545,-0.07048,-0.01691,-0.04458,0.05593,0.04354,-0.04422,0.00176,0.03539,0.03901,-0.04365,-0.09909,0.04269,0.03592,0.00567],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. ::: ng-component <canvas-layers</canvas-layers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.scss :::","excerpt":"::: ng-component <canvas-layers</canvas-layers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.scss :::"},{"chunkId":"/examples/canvas-layers#3","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.07858,-0.04473,-0.02016,0.00168,-0.01172,0.04429,0.01781,0.014,0.0135,-0.02257,0.01625,0.04041,-0.052,0.03614,-0.01173,-0.00077,0.01579,-0.02544,0.01279,-0.0469,-0.01861,-0.14872,0.03245,-0.07575,0.05511,-0.01513,-0.08467,-0.00436,0.07181,-0.02905,0.02824,0.07169,-0.04248,-0.00978,-0.09708,-0.01108,-0.06966,-0.06141,-0.09179,0.00928,0.01635,0.0618,0.00873,-0.03885,-0.03451,-0.04599,-0.03259,0.07944,0.01108,0.07709,0.06125,-0.05205,-0.04851,0.05836,0.00682,0.07922,-0.00113,0.03685,-0.01726,0.11127,0.00044,0.02109,-0.01027,0.03425,0.07722,0.08365,-0.02969,0.04664,-0.0356,0.01481,0.04633,-0.00965,0.08725,-0.04517,0.04832,0.02447,-0.08272,0.05475,-0.13418,-0.08957,0.0191,0.051,-0.00485,0.07133,0.02147,-0.01733,-0.03856,-0.05834,-0.06312,0.09413,-0.07507,0.06004,-0.05032,0.09122,0.0101,-0.00815,-0.00422,0.01125,-0.07933,-0.00569,0.03058,-0.11854,0.01473,-0.01186,0.0606,-0.0734,-0.13962,-0.04419,-0.07196,-0.02923,0.00764,0.02177,0.07375,-0.00602,-0.06197,-0.03134,0.04531,-0.00352,0.06173,-0.0052,0.00307,0.07273,0.02716,-0.07359,0.02821,0.00365,0.00492,0,0.04414,0.02229,-0.00494,0.03442,0.08047,0.00126,-0.00967,-0.04785,-0.13741,-0.01041,-0.02001,0.02241,-0.05949,0.00652,0.0641,-0.10461,0.01057,0.01392,-0.05961,-0.04988,-0.08219,-0.03756,-0.10167,-0.01319,0.05082,0.08908,-0.0867,0.0493,-0.07542,0.0252,-0.01191,0.01024,0.02506,0.02091,-0.06952,0.00272,-0.04096,-0.03299,0.00133,0.01433,-0.05564,-0.02261,-0.03648,0.03834,0.02608,0.01815,-0.04798,0.05434,0.00422,-0.02547,-0.04621,-0.00822,0.04284,-0.00981,0.03408,-0.06855,-0.0017,0.04931,0.00823,0.00277,0.0677,0.02978,-0.13618,0.03061,-0.00957,0.06947,0.02423,-0.04835,-0.04532,-0.0471,-0.06417,0.09989,0.04806,0.09399,0.02355,0.03975,-0.04395,0.00396,0.01588,-0.02736,-0.02305,0.01739,0.01119,-0.03226,-0.06957,0.03663,0.09858,0.03516,-0.01383,0.0631,0.00278,0.0353,0.16636,0.00683,-0.01143,0,-0.02279,0.06995,0.04348,0.00027,0.12263,-0.06998,0.03871,-0.0393,-0.00144,0.06274,0.01653,0.05673,0.01307,0.0085,0.00257,0.0815,-0.02271,-0.07034,-0.00774,-0.0896,0.00338,-0.04136,0.01065,0.0291,-0.08236,-0.01402,0.053,-0.00819,0.04918,0.06292,-0.02811,-0.0445,-0.01156,0.03545,0.04732,0.05848,0.02476,-0.00113,-0.0357,-0.00578,-0.03704,-0.03879,-0.08291,-0.00405,-0.00424,0.02401,-0.0674,0.00111,-0.16462,-0.04933,-0.08412,0.09119,0.03322,-0.01193,0.00634,0.02985,0.05558,0.00984,0.04324,-0.06033,0.13461,-0.07068,-0.00155,-0.02675,0.03012,0.03743,-0.02273,-0.06204,-0.00903,0.03903,0.02086,-0.05752,0.02824,-0.02997,0.00537,-0.01121,0.05026,0.09442,0.04175,-0.01979,-0.0374,0.06689,0.03389,0.07619,0.00032,0.04055,0.00791,0.03876,0.06817,0.03204,0.00075,-0.00176,0.07858,0.0014,0.02838,0,0.00371,-0.07284,0.05954,-0.05302,0.01105,-0.02593,0.04361,0.0741,0.00459,-0.00815,-0.03218,0.08448,0.01951,-0.00245,0.06998,0.05406,-0.0203,-0.00256,-0.02995,-0.02168,-0.04674,0.02258,0.06133,0.09502,-0.02731,0.01993,-0.00312,0.05036,0.00364,0.06867,-0.05546,0.00946,-0.01655,0.09547,-0.06132,0.02294,-0.11842,0.04062,-0.0294,0.00381,-0.0052,-0.07212,0.02632,0.05617,0.07724,-0.01326,0.04045,-0.06057,-0.00012,-0.00877,-0.05421,-0.03845,-0.00698,-0.00278,0.02478,-0.05449,-0.01885,0.03564,0.01169,-0.0177,-0.10885,0.04873,0.0442,0.00389],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. How to set the order Two equivalent ways. Use whichever fits your app's wiring better.","excerpt":"How to set the order Two equivalent ways. Use whichever fits your app's wiring better."},{"chunkId":"/examples/canvas-layers#4","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.06999,-0.01723,-0.03285,0.00867,-0.00004,0.06474,0.02156,0.08093,0.01595,-0.02916,-0.02413,0.03518,-0.05465,0.04826,0.00806,-0.01404,-0.02273,-0.04369,0.01086,-0.07377,0.00443,-0.12343,0.00668,-0.08588,0.00171,0.0153,-0.04458,-0.00936,0.08843,-0.03151,0.01464,0.02845,-0.00947,0.00047,-0.07508,0.02438,-0.05025,-0.07213,-0.07258,-0.04336,0.0335,0.06719,-0.04405,-0.04213,0.02184,-0.07632,-0.06311,0.06749,-0.02207,0.05863,0.04479,-0.05997,-0.04874,0.06544,0.04235,0.05625,0.00394,-0.0357,0.00716,0.11742,-0.00846,-0.01998,0.01337,0.03741,0.07257,0.04971,0.00385,0.06651,-0.05645,-0.01686,0.0208,-0.02063,0.08027,-0.00711,0.03564,0.05205,-0.08023,0.03233,-0.07977,-0.07258,0.00304,0.06826,0.0184,0.06798,0.04607,0.05572,-0.04381,-0.02571,-0.03837,0.12405,-0.05868,-0.01048,-0.05831,0.0898,0.05596,0.01677,0.00101,0.02579,-0.09286,-0.00431,0.00524,-0.03429,0.02284,-0.02585,0.00559,-0.0834,-0.05347,-0.04246,-0.06654,-0.05818,-0.07471,0.01177,0.02269,-0.018,-0.08197,-0.0623,0.0746,-0.01094,0.08198,0.00034,0.04254,0.05348,-0.01788,-0.02403,0.03038,-0.01194,0.03443,0,0.0514,0.04552,0.01579,0.04199,0.05673,0.01825,-0.01382,-0.01991,-0.14951,0.03972,-0.05593,0.05511,-0.014,0.03846,0.03248,-0.10967,0.00774,0.0492,-0.06254,-0.04884,-0.04668,-0.01137,-0.07714,-0.02844,0.03569,0.08484,-0.12632,0.05688,-0.0674,0.01263,-0.02998,-0.0494,-0.00821,0.01797,-0.01768,-0.01137,0.02823,-0.02486,-0.01607,-0.0453,-0.02689,-0.0095,-0.01908,0.01375,0.01041,-0.03154,-0.07866,0.08435,0.04101,-0.04273,-0.05188,0.03664,0.02777,-0.03783,0.08281,-0.0587,0.01774,0.07466,0.00859,-0.01274,0.0506,0.09933,-0.08475,0.02765,0.01993,0.0564,0.00143,-0.08442,-0.03577,-0.06189,-0.05866,0.10816,-0.0006,0.07727,0.04769,0.02055,-0.10532,-0.04859,0.02449,-0.05437,0.00258,0.00117,0.00302,-0.00452,-0.02192,0.03244,0.04515,0.04643,-0.00189,-0.02755,0.02404,-0.01564,0.13344,-0.04353,-0.01946,0,-0.00642,0.06091,0.04847,0.00919,0.08888,-0.06167,0.03672,0.02584,0.0364,0.0723,0.0127,0.03431,0.05423,-0.01945,0.02341,0.08124,-0.1032,-0.0892,0.02535,-0.1459,0.0077,-0.04672,-0.00585,0.06662,-0.09855,0.05735,0.09366,-0.00437,-0.02249,0.04902,-0.05713,-0.06261,-0.02719,0.08394,0.01887,0.02026,0.07521,0.01559,-0.04722,0.0058,-0.03782,0.01736,-0.03495,0.03297,-0.0113,0.03024,-0.08516,0.05108,-0.11088,-0.02658,-0.07941,0.07311,-0.01282,-0.05483,-0.01989,0.0134,0.03904,-0.04235,0.00456,-0.02959,0.10625,-0.06708,0.03119,0.01278,0.01912,-0.02078,-0.05709,-0.06697,-0.01326,-0.00794,0.04176,-0.07196,0.02346,-0.02061,0.04283,-0.01012,0.10238,0.06391,0.04493,0.00521,0.0036,0.08643,0.01874,0.09274,0.03191,0.03999,0.00179,0.01807,0.05941,0.04098,0.00164,0.0534,0.06142,0.05934,0.05603,0,-0.05388,-0.06461,0.02934,-0.07656,-0.03697,-0.04981,0.04975,0.02108,0.03139,-0.02696,0.02265,0.07591,-0.00048,-0.03794,0.09649,0.0495,0.01301,-0.00816,-0.04656,-0.06422,0.00718,0.00013,0.03852,0.03856,0.01332,-0.03245,-0.02899,0.04821,0.00042,0.08723,-0.0631,0.02857,0.02093,0.11159,-0.08744,0.02203,-0.07512,-0.00497,-0.04012,0.01551,0.01186,-0.03,0.01605,0.01664,0.06031,0.02067,0.04726,-0.00484,0.00929,-0.00758,-0.08466,-0.06416,0.00869,-0.01836,-0.03025,-0.03689,-0.04987,0.04808,0.04844,-0.03242,-0.12292,0.05167,0.0539,0.02471],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. Per-canvas — [fLayers] input For a single canvas with its own ordering — the most common case — pass the order as an input on <f-canvas. The order is read bottom to top: first entry sits underneath, last entry sits on top. The input accepts either the EFCanvasLayer enum or the underlying string literals ('groups', 'connections', 'nodes'). Use the enum in TypeScript for IDE help; the string form is convenient for static templates and for binding from JSON-driven configuration. f Layers EF Canvas Layer Type Script","excerpt":"Per-canvas — [fLayers] input For a single canvas with its own ordering — the most common case — pass the order as an input on <f-canvas. The order is read bottom to top: first entry sits underneath, last entry sits on top. The input accepts either the EFCanvasLayer enum or the underlying string literals ('groups', 'connections', 'nodes'). Use the enum in TypeScript for IDE help; the string form is convenient for static templates and for binding from JSON-driven configuration."},{"chunkId":"/examples/canvas-layers#5","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.05814,-0.03338,0.00829,0.03077,0.03946,0.03289,0.03778,0.01076,0.02745,-0.02215,-0.00569,0.05154,-0.04503,0.04657,-0.00509,-0.00575,0.05947,-0.03214,0.00247,-0.04775,-0.04925,-0.15383,0.03606,-0.04761,0.0455,-0.0246,-0.10426,-0.0464,0.10101,-0.04172,0.04299,0.09342,-0.05792,0.00329,-0.09852,0.0073,-0.10515,-0.05586,-0.09976,0.00615,0.02173,0.10283,-0.01695,-0.02513,-0.01965,-0.05073,-0.02246,0.07157,-0.00606,0.06781,0.0452,-0.03194,-0.05079,0.07355,0.00652,0.05587,-0.00214,0.01801,-0.0202,0.12111,-0.02527,-0.01106,-0.00283,0.03592,0.0864,0.07297,-0.00347,0.04743,-0.03782,0.03134,0.0611,-0.00141,0.10799,-0.01708,0.06035,0.04642,-0.11102,0.04187,-0.10181,-0.07018,0.0088,0.01382,-0.01103,0.03462,0.05832,-0.02432,-0.03374,-0.07292,-0.03447,0.09363,-0.08544,0.06557,-0.02734,0.10564,0.00894,-0.0112,0.00803,0.02232,-0.08021,-0.00804,0.02776,-0.09425,0.04151,0.0235,0.05434,-0.09011,-0.12023,-0.04276,-0.05524,-0.01249,-0.00836,0.03704,0.07791,-0.00949,-0.05254,-0.02828,0.06337,-0.00544,0.02945,-0.00082,-0.01708,0.07325,0.04581,-0.05837,0.02668,0.0179,0.00047,0,0.02183,-0.00372,-0.00344,0.02609,0.06306,-0.01024,-0.0046,-0.02934,-0.11161,0.00835,-0.02368,0.04707,-0.04738,0.01668,0.09823,-0.09919,0.02473,0.04738,-0.04451,-0.03501,-0.05952,-0.0352,-0.09942,-0.01293,0.03397,0.07374,-0.08878,0.04452,-0.08856,0.03403,-0.02335,0.01238,0.02248,0.01195,-0.0651,0.00455,-0.06221,-0.0418,-0.01313,-0.00957,-0.06461,-0.01748,-0.05272,0.03531,0.00533,-0.02333,-0.08326,0.091,-0.02886,-0.01601,-0.031,0.0093,0.02669,-0.0134,0.04047,-0.06289,0.0086,0.02495,0.0175,0.00638,0.06643,0.01562,-0.14965,0.03518,-0.02124,0.07655,0.05951,-0.05362,-0.07116,-0.03188,-0.04181,0.1178,0.00495,0.04212,0.05063,-0.00526,-0.03417,-0.00501,0.0238,-0.03742,-0.0005,0.0256,0.00225,-0.02298,-0.07754,0.03334,0.09636,0.01567,-0.03203,0.04926,0.03149,0.01221,0.17125,0.00115,-0.01307,0,-0.01954,0.036,0.0395,0.03428,0.12903,-0.04097,0.03146,-0.02282,-0.00807,0.02218,-0.00285,0.03838,0.00052,0.01907,-0.02166,0.09989,-0.02632,-0.09236,0.01274,-0.09311,0.0009,-0.04435,0.02882,0.04609,-0.06006,0.00704,0.02287,-0.01039,0.04211,0.01265,-0.02802,-0.05069,-0.0557,-0.01372,0.05164,0.06103,0.00505,0.05472,-0.04578,0.03309,-0.01262,-0.04204,-0.10595,0.01269,0.00039,0.01318,-0.07985,-0.00738,-0.10701,-0.03435,-0.0874,0.05974,0.04177,-0.00448,-0.0023,0.03056,0.04252,0.02994,0.03699,-0.04632,0.14725,-0.07364,-0.02627,0.00244,0.01452,0.04034,-0.02573,-0.03796,0.00527,0.05049,0.03484,-0.06316,-0.00133,-0.02894,-0.0128,0.03359,0.06723,0.05216,0.04879,-0.01144,-0.04791,0.08822,0.04307,0.03909,0.01939,0.02913,0.00684,0.00455,0.07717,0.04311,0.01615,-0.01165,0.06349,-0.01663,0.03162,0,-0.03305,-0.05043,0.02935,-0.04693,0.02819,-0.05733,0.04947,0.07536,0.00183,0.01436,-0.00211,0.06666,0.02704,0.00477,0.08798,0.03456,-0.0029,-0.00659,-0.04728,-0.04098,-0.05157,0.03114,0.05708,0.05322,-0.04071,0.00758,0.01237,0.04473,0.03105,0.07541,-0.08805,-0.00492,-0.00623,0.08601,-0.06611,0.03924,-0.12338,0.02186,-0.03858,0.01272,-0.02662,-0.05408,0.03837,0.04799,0.06584,-0.00317,0.04197,-0.05034,0.0261,0.03391,-0.05155,-0.04082,-0.03009,0.00437,0.03617,-0.06264,0.00871,0.03274,0.04005,-0.02288,-0.12803,0.00519,0.03734,0.02535],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. App-wide — withFCanvas({ layers }) provider For an app where every canvas should use the same non-default order, set it once at the host component's providers via withFCanvas inside provideFFlow(...). Per-instance [fLayers] always wins over the app-wide value, so individual canvases can opt out without re-providing the feature. with F Canvas provide F Flow f Layers","excerpt":"App-wide — withFCanvas({ layers }) provider For an app where every canvas should use the same non-default order, set it once at the host component's providers via withFCanvas inside provideFFlow(...). Per-instance [fLayers] always wins over the app-wide value, so individual canvases can opt out without re-providing the feature."},{"chunkId":"/examples/canvas-layers#6","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.07283,-0.01547,-0.01094,0.07347,0.0911,0.02125,0.01938,0.00843,0.05442,-0.03931,0.02202,0.0218,-0.0512,-0.03035,0.02523,-0.03197,-0.02086,-0.04909,-0.00772,-0.06381,-0.05555,-0.15878,0.02366,-0.07412,0.00331,0.02571,-0.10803,-0.00661,0.07222,-0.04852,0.01268,0.0758,-0.03067,0.02661,-0.09975,0.04227,-0.05997,-0.04514,-0.10571,-0.02089,-0.0118,0.03395,0.0077,-0.04781,-0.00662,-0.06201,-0.0315,0.03784,-0.01391,0.0394,0.07503,-0.04582,-0.01546,0.08472,0.05126,0.03701,0.01569,-0.00717,-0.00849,0.1476,-0.01996,-0.02353,-0.02063,0.03592,0.05249,0.0815,-0.01373,0.03121,-0.00973,0.04118,0.06967,0.02854,0.05111,-0.01486,0.09317,0.06841,-0.09549,0.0516,-0.1032,-0.08235,0.03224,0.0282,0.00299,0.03969,0.01254,0.02483,-0.03927,-0.1009,-0.09639,0.12022,-0.07844,0.03968,-0.04053,0.09198,0.03788,0.00134,0.00805,0.01839,-0.08026,0.02249,0.0106,-0.06301,0.05682,-0.00773,0.01167,-0.04427,-0.09865,0.00307,-0.08531,-0.05774,-0.03578,0.02166,0.02126,-0.02052,-0.05535,-0.04499,0.08437,-0.05999,0.03642,0.03663,0.04636,0.06462,-0.01308,-0.07121,0.03768,-0.01048,-0.03545,0,0.04548,0.00439,-0.01937,0.03187,0.11116,-0.01373,0.01691,-0.06252,-0.10956,0.03688,-0.04113,0.03127,-0.07727,0.01669,0.04128,-0.1389,0.04463,0.0013,-0.05295,-0.04068,-0.00856,-0.0194,-0.05335,-0.06129,0.03949,0.09705,-0.10944,0.03943,-0.06439,0.02737,-0.03841,0.00656,0.01942,0.0325,-0.04466,0.02247,0.01587,-0.06274,-0.00309,-0.01121,-0.04147,-0.0243,-0.04442,0.01475,0.02541,-0.04007,-0.06347,0.06911,0.01265,0.02558,-0.01833,0.02874,0.0169,-0.04389,0.05167,-0.0442,-0.02261,0.03032,-0.01289,0.04887,0.09343,0.07484,-0.1372,0.02783,0.02968,0.09462,0.06227,-0.00847,-0.04091,-0.06941,-0.03811,0.09519,0.04273,0.03346,0.08388,0.01834,-0.07931,-0.03914,0.0336,-0.0173,0.01365,0.01106,-0.00416,-0.01647,-0.07245,0.02385,0.06652,0.0133,-0.00835,0.01519,0.08249,0.00191,0.1619,-0.02109,-0.03452,0,-0.02537,0.067,0.02109,0.02206,0.08029,-0.05154,0.0266,-0.0083,0.01876,0.02958,0.01455,0.0654,0.01196,-0.00672,-0.01942,0.09226,-0.07441,-0.0647,0.02514,-0.10325,0.00624,-0.01905,-0.00671,0.06959,-0.06538,0.00677,0.02354,-0.02124,0.05122,0.00171,-0.00453,-0.02765,-0.04115,0.01065,0.07855,0.00468,0.01419,0.05475,-0.01728,-0.03075,-0.0313,-0.03303,-0.08633,-0.0335,-0.01805,0.05668,-0.08747,0.01932,-0.1032,-0.00956,-0.07657,0.05502,-0.02987,-0.04143,-0.00086,0.04603,0.05125,0.04423,0.05237,-0.01448,0.11839,-0.06986,-0.01993,-0.00754,0.06098,0.01875,-0.03483,-0.00241,0.03761,0.04212,0.06094,-0.05896,0.0092,-0.05716,0.02258,-0.00295,0.05896,0.0489,0.0231,0.03866,0.0046,0.07103,-0.01991,0.04875,0.00725,0.03341,-0.00897,0.03477,0.06301,0.01335,-0.00264,0.03672,0.03409,0.02227,0.02635,0,-0.02696,-0.00083,-0.01869,-0.0624,0.00848,-0.05636,0.07583,0.04114,-0.02358,-0.00112,-0.02104,0.08092,0.0236,-0.05051,0.07656,0.02668,0.00277,0.00553,-0.02697,-0.05138,-0.0405,0.01852,0.01661,0.09266,-0.02683,-0.03107,-0.02863,0.03202,0.02701,0.07951,-0.08738,-0.00071,-0.02971,0.06947,-0.06668,0.07128,-0.09068,-0.01663,-0.08591,0.01742,0.00872,-0.06668,0.05888,0.01311,0.04395,0.00441,0.04849,-0.00702,-0.0027,-0.00835,-0.03186,-0.02849,-0.02357,0.03384,0.01477,-0.05021,-0.02035,0.06503,0.06378,-0.04006,-0.13559,0.03589,0.02961,0.04546],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. Behaviour notes - Missing layers are appended in their default position. Passing [EFCanvasLayer.NODES] does not hide groups or connections — it just promotes nodes to the bottom and lets the other two settle behind it in their original order. - Unknown values and duplicates are silently dropped. Hand-typed strings that don't match a layer name are ignored; repeated entries collapse to the first occurrence. - Individual nodes / connections / groups still stack against their own siblings. Layer Ordering only controls the three top-level containers. Per-element CSS on .f-node, .f-group, .f-connection-content keeps working the way it always did. - The plugins outside <f-canvas — <f-background, <f-selection-area, <f-minimap — are not part of Layer Ordering. Their stacking is controlled by their position inside the <f-flow template. EF Canvas Layer","excerpt":"Behaviour notes - Missing layers are appended in their default position. Passing [EFCanvasLayer.NODES] does not hide groups or connections — it just promotes nodes to the bottom and lets the other two settle behind it in their original order. - Unknown values and duplicates are silently dropped. Hand-typed strings that don't match a layer name are ignored; repeated entries collapse to the first occurrence. - Individual nodes / connections / groups still stack against their own siblings. Layer Ordering only controls the three top-level containers. Per-element CSS on .f-node, .f-group, .f-connection-content keeps working the way it always did. - The plugins outside <f-canvas — <f-background, <f-selection-area, <f-minimap — are not part of Layer Ordering. Their stacking is controlled by their position inside the <f-flow template."},{"chunkId":"/examples/canvas-layers#7","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.0839,-0.04262,0.00217,0.03394,-0.01032,0.04014,-0.00428,0.00146,0.04571,-0.01596,0.00702,0.06834,-0.07245,0.01489,-0.02488,-0.01196,0.064,-0.06211,0.00868,-0.06812,-0.01711,-0.1504,0.03544,-0.06096,0.02777,-0.02343,-0.06173,-0.01143,0.08392,-0.01741,-0.01103,0.084,-0.03438,-0.01469,-0.07753,0.01525,-0.04674,-0.02371,-0.07394,0.00228,0.01784,0.05221,0.00314,-0.0381,-0.01033,-0.02852,-0.00207,0.03615,-0.04253,0.07224,0.06218,-0.05204,-0.01324,0.05973,-0.02513,0.06877,-0.00534,0.00511,-0.03796,0.10221,-0.01835,0.00296,-0.02308,0.0285,0.07213,0.08716,-0.00258,0.04157,-0.01916,0.05592,0.07147,0.00638,0.06002,-0.02224,0.04653,0.0311,-0.09722,0.04503,-0.13293,-0.08375,0.02106,0.02665,-0.01458,0.06186,0.02158,0.01242,-0.04969,-0.05616,-0.0726,0.10873,-0.05159,0.05292,-0.06783,0.09027,0.02616,0.00493,0.03285,0.01515,-0.07557,-0.01529,0.04323,-0.12167,0.00342,-0.01777,0.06487,-0.04235,-0.11813,-0.0279,-0.06259,-0.02774,0.01262,0.01072,0.05498,-0.02189,-0.07119,-0.03388,0.05151,-0.0135,0.05373,-0.01152,-0.01953,0.07768,0.03115,-0.03835,0.01748,0.05109,0.00879,0,0.04803,0.02788,-0.02871,0.00301,0.05333,0.00512,-0.00749,-0.07123,-0.12212,-0.02006,0.0008,-0.00931,-0.05156,0.01196,0.02524,-0.08717,0.04773,0.02036,-0.11034,-0.06209,-0.08007,-0.03254,-0.10384,0.0024,0.01397,0.09407,-0.13553,0.02431,-0.10672,0.02691,-0.01974,0.0013,0.04294,0.00833,-0.05314,0.07084,-0.02838,-0.03959,0.01399,0.00124,-0.07836,-0.00177,-0.00887,0.02841,0.0319,0.01753,-0.04844,0.05746,-0.02863,-0.02711,-0.06012,0.01151,0.07416,-0.03286,0.04708,-0.06593,0.0171,0.03577,0.01383,-0.0033,0.09504,0.03289,-0.12053,0.0168,-0.00171,0.0977,0.02947,-0.02703,-0.03017,-0.06664,-0.04622,0.1177,0.01486,0.08431,0.05999,0.03524,-0.04503,-0.03441,0.06297,-0.0196,0.01252,0.0387,-0.00397,-0.02382,-0.04787,0.01834,0.08108,0.01746,-0.04399,0.06949,0.03305,0.02918,0.17796,0.02474,-0.02673,0,0.0012,0.0888,0.04162,-0.00349,0.09788,-0.04183,0.00633,-0.00665,0.00806,0.03528,0.04923,0.03677,0.00293,0.01534,-0.01735,0.07083,-0.03766,-0.0565,0.0195,-0.12484,0.01988,-0.06024,-0.0038,0.05781,-0.07449,-0.00931,0.04297,-0.02379,0.02464,0.03122,-0.00709,-0.03213,-0.01772,-0.00621,0.05244,0.08747,-0.0055,-0.00737,-0.03312,0.01723,-0.04372,-0.02345,-0.1127,-0.01194,-0.01052,0.01278,-0.09073,0.01025,-0.14418,-0.04864,-0.08871,0.09566,0.04971,-0.01971,-0.00106,0.03426,0.02827,0.02978,0.06089,-0.06422,0.11784,-0.05069,-0.00905,-0.04373,-0.01155,0.04314,-0.02421,-0.02706,0.03684,0.0302,0.0097,-0.0571,-0.0212,-0.0293,0.00537,-0.02636,0.07684,0.07775,0.03478,0.01728,-0.05783,0.07823,0.01032,0.07852,0.03308,0.03888,0.01778,0.00722,0.03544,0.04983,0.01053,-0.02437,0.04208,0.02559,0.0015,0,-0.01811,-0.05283,0.06795,-0.02476,0.03864,-0.01754,0.07474,0.05943,-0.02059,-0.02371,0.00368,0.06696,0.02057,-0.02967,0.06862,0.05392,-0.046,-0.03565,-0.05305,-0.01932,-0.05356,0.01123,0.03315,0.07317,-0.01146,0.01106,-0.00772,0.06651,0.00306,0.0688,-0.05835,0.00158,-0.01815,0.09553,-0.07204,0.02917,-0.11179,0.01584,-0.02919,0.03616,-0.01004,-0.03641,0.05323,0.06948,0.06109,-0.01703,0.04863,-0.03307,-0.03017,0.00421,-0.06704,-0.04214,-0.02744,0.03371,0.05524,-0.07244,-0.02203,0.07362,-0.00508,-0.02143,-0.08406,0.04402,0.01297,0.01062],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. When to reach for it Layer Ordering is not a feature most editors need. The default has been right for years. Reach for it when: - A semi-transparent group overlay should visibly tint the nodes underneath it. - Edge labels or buttons projected on connections must remain clickable when nodes overlap them. - A custom render layer relies on connections being drawn last, after nodes, so its strokes are not occluded. Outside those cases, leave it on default.","excerpt":"When to reach for it Layer Ordering is not a feature most editors need. The default has been right for years. Reach for it when: - A semi-transparent group overlay should visibly tint the nodes underneath it. - Edge labels or buttons projected on connections must remain clickable when nodes overlap them. - A custom render layer relies on connections being drawn last, after nodes, so its strokes are not occluded. Outside those cases, leave it on default."},{"chunkId":"/examples/selection-area#0","slug":"selection-area","route":"/examples/selection-area","section":"examples","title":"Selection Area","description":"Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular.","group":"Editor Helpers","vector":[-0.03874,-0.05519,-0.03707,0.04976,0.05742,0.03775,0.01559,0.01647,0.02002,0.08056,0.0212,0.00681,-0.04642,-0.02792,0.08923,0.00893,0.00152,-0.03732,0.02832,-0.02966,-0.01282,0.02436,0.06034,-0.08506,0.02143,0.04195,0.02939,0.01107,0.01309,-0.0728,-0.05154,0.05197,0.00472,0.00012,-0.1898,-0.04945,-0.00298,0.04459,0.01125,-0.02952,-0.01268,0.00894,0.00142,-0.0276,-0.07127,-0.01994,-0.11284,-0.00435,0.03247,0.06088,-0.00209,-0.07926,0.07589,0.03145,-0.03815,-0.07361,-0.025,-0.02093,0.02697,-0.0419,0.01132,0.00318,-0.02725,0.03291,0.08557,0.06819,-0.03688,-0.09947,-0.07401,0.01414,-0.01745,-0.04528,0.08688,-0.0292,0.02698,-0.04813,-0.05993,0.00064,0.06322,0.06372,0.00424,0.09803,-0.06471,0.08084,0.03376,0.06213,-0.02804,-0.01384,-0.01158,-0.07051,0.00551,-0.01114,0.05646,0.03676,-0.06421,0.01365,-0.03001,-0.00079,-0.06455,-0.0124,0.0459,-0.07736,0.046,0.02944,-0.10182,-0.0682,-0.01547,-0.03865,0.01874,-0.01219,-0.02698,0.02659,-0.05844,0.04405,-0.10219,0.02388,-0.02427,0.00037,0.08218,0.04821,-0.00955,-0.02541,-0.01571,-0.06181,0.01151,0.01774,-0.04591,0,-0.02087,-0.00926,-0.03482,-0.02526,0.02057,-0.02676,-0.10927,-0.04494,0.03225,0.03433,0.01772,-0.01312,-0.00822,-0.02596,0.10758,-0.06327,-0.03219,0.08912,-0.00118,0.02116,-0.04678,0.00765,-0.04657,0.04823,0.03521,0.1119,0.03069,-0.03136,-0.0212,0.01642,0.03053,0.03634,-0.05831,-0.02067,0.00132,0.05074,-0.04547,-0.02663,0.02306,0.0598,0.01432,-0.09434,-0.01641,0.04646,0.00305,0.0599,-0.02292,0.00982,0.01152,-0.00705,-0.01831,0.00941,-0.09026,-0.03732,0.08501,-0.03257,-0.08233,0.12189,0.1062,0.0719,-0.01789,-0.01264,0.0384,-0.03015,0.00709,-0.05462,-0.0176,-0.0803,0.09991,-0.07207,0.03293,-0.03929,0.06473,0.05581,-0.0244,-0.04428,0.05706,0.00924,0.10037,-0.06556,-0.0654,-0.01273,-0.05044,-0.02794,0.06847,-0.06921,-0.03444,-0.06159,-0.0344,-0.05069,-0.0461,0.11232,-0.01727,-0.01828,-0.0392,0,0.03139,-0.02596,0.05328,0.10324,-0.07262,0.01447,0.05156,0.00198,0.02825,0.00185,0.07204,0.08423,0.08421,-0.02083,0.00555,0.1151,-0.05263,-0.01224,0.08836,0.015,0.08313,-0.09042,-0.01452,0.03249,-0.09187,0.05023,-0.04186,-0.058,-0.00592,-0.02625,0.00825,0.03795,0.01863,0.0263,0.0099,-0.01471,0.01414,0.06539,-0.05992,-0.00263,-0.05166,0.02622,0.05267,-0.01436,-0.02879,-0.08956,0.00663,0.03533,-0.03746,-0.0183,0.0224,-0.03673,-0.00335,-0.04688,-0.0803,0.08111,0.03397,-0.06111,0.09266,0.05061,0.0158,0.03655,0.04042,0.00109,0.1057,0.01774,0.05684,-0.02049,0.01206,0.00077,-0.05592,0.00038,0.1205,-0.02039,0.05262,0.02292,0.10139,-0.06278,0.01132,-0.01577,-0.01856,0.05667,-0.023,-0.06537,-0.06049,0.0956,-0.01092,0.05343,0.04906,-0.01016,-0.03896,0.03238,0.05789,-0.0352,0.04933,0,-0.04936,0.03969,0.01057,-0.06514,0.03522,-0.06029,-0.05127,0.0169,0.02619,0.00373,-0.05675,0.02378,-0.03884,0.04295,0.14587,0.04995,-0.03368,0.12509,-0.02882,-0.01799,0.08198,-0.02592,0.10875,0.00927,0.02622,0.00109,-0.09973,0.00924,-0.00671,0.04623,-0.06304,0.03843,0.06751,-0.02468,-0.01726,-0.09322,-0.0756,-0.06978,0.03411,0.04033,0.02982,-0.07163,-0.01515,-0.01857,-0.07616,-0.00152,0.03857,-0.01835,-0.05205,0.04819,-0.01669,-0.07736,0.04154,0.0078,0.00555,-0.0021,0.01291,-0.01515,0.01843,-0.03061,0.00432,-0.02263,-0.11248,0.0062],"keywords":"Selection Area Selection Area Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular. Selection Area","excerpt":"Selection Area"},{"chunkId":"/examples/selection-area#1","slug":"selection-area","route":"/examples/selection-area","section":"examples","title":"Selection Area","description":"Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular.","group":"Editor Helpers","vector":[-0.05357,-0.03134,-0.02449,0.06996,0.08405,0.01298,0.05979,0.00758,0.00132,0.08324,-0.03289,0.00606,-0.04233,0.00616,0.0737,0.00945,0.00242,-0.03008,0.03966,-0.05474,-0.03848,-0.06812,0.06091,-0.10934,0.07642,0.02366,0.01047,0.00533,0.05284,-0.05493,-0.05597,0.05906,0.01767,0.01935,-0.19552,0.02379,0.01922,0.04691,-0.01752,-0.02036,0.02055,0.0712,-0.0082,-0.0294,-0.01886,-0.06392,-0.14228,0.02011,0.04316,0.0621,-0.00786,-0.12208,0.01291,0.01214,-0.0021,-0.03827,0.01013,-0.0351,0.03685,-0.02721,0.03552,-0.02041,-0.00724,0.01612,0.11242,0.05883,-0.05095,-0.07096,-0.07575,0.00181,0.00563,-0.04628,0.04159,-0.01194,0.0003,-0.06682,-0.08288,0.03295,0.01682,0.02056,0.00776,0.07893,-0.07336,0.11523,0.00982,0.08429,-0.03391,-0.04071,0.0038,-0.04372,-0.02924,0.03136,-0.00649,0.02346,-0.02305,0.01272,-0.00166,-0.019,-0.07276,-0.01828,0.06942,-0.10279,0.03498,-0.04414,-0.09354,-0.0452,-0.0524,-0.04395,-0.01734,0.03905,-0.0547,0.0562,-0.05259,0.03502,-0.0732,0.00685,-0.00019,-0.04027,0.04412,0.06436,0.00081,0.04261,-0.04162,-0.04671,0.0573,-0.02564,-0.0123,0,0.03585,-0.04349,-0.03717,0.01595,0.05034,0.01652,-0.09967,-0.06123,-0.0172,-0.00947,-0.00481,0.0011,0.00042,0.03054,0.11504,-0.07851,-0.01042,0.06809,0.02193,0.01664,-0.04937,-0.05872,-0.08245,0.08166,0.06115,0.13342,0.00519,0.01115,-0.00154,0.01325,-0.03185,0.04658,-0.05626,-0.00659,-0.03198,0.04983,-0.08658,-0.01831,0.01763,0.0051,-0.00254,-0.09357,-0.02633,0.01391,0.01186,0.03286,-0.05665,0.01187,-0.00995,0.02504,-0.00099,0.05028,-0.05083,-0.02869,0.07196,-0.03181,-0.01142,0.0858,0.03049,0.07553,0.00497,-0.0039,-0.00679,0.02748,0.01764,0.00927,-0.04707,-0.04755,0.09127,-0.07548,-0.02682,0.00107,0.05847,0.04911,-0.00872,-0.05313,0.00515,0.02287,0.06518,-0.04958,-0.09617,-0.08308,-0.04391,-0.04867,0.03898,-0.07602,0.03562,0.0169,-0.00603,-0.08903,0.01475,0.10216,-0.00107,-0.0156,-0.01822,0,0.02509,0.02345,0.05688,0.09164,-0.06155,-0.02227,0.02561,-0.04103,0.00196,0.03132,0.03245,0.05707,0.05939,0.0193,0.00495,0.1017,-0.05215,-0.03884,0.03651,-0.05826,0.04532,-0.10413,0.01345,0.02938,-0.07685,0.05665,-0.03676,-0.06045,-0.03467,-0.0108,-0.0295,0.0068,0.02841,0.02263,0.08132,-0.0483,0.06242,0.0601,-0.02036,0.01043,-0.03064,0.00014,0.01179,0.02248,-0.05006,-0.01699,-0.03622,0.09471,-0.0641,-0.00491,0.00232,0.0072,0.0235,-0.0788,-0.04161,0.03637,0.03908,-0.02775,0.13519,0.00179,-0.01033,0.01052,-0.00613,0.07971,0.08808,-0.01335,-0.00187,-0.07431,-0.01397,0.05099,-0.00008,0.03702,0.08653,-0.0228,0.07671,0.04173,0.13295,-0.00672,0.02071,-0.02141,-0.00169,0.05897,-0.01552,-0.04246,-0.0429,0.11285,-0.08101,0.04804,0.06329,-0.03316,-0.05445,0.01789,-0.00438,-0.04381,0.05912,0,-0.0972,0.0361,-0.00623,-0.08876,0.06681,-0.03332,-0.01909,0.07201,0.05629,0.05009,-0.00309,0.02369,-0.03014,0.00967,0.15814,0.03101,0.01286,0.06842,-0.01345,-0.02239,0.06468,-0.05361,0.03138,0.05998,0.02144,-0.022,-0.1015,0.03175,0.00504,0.05594,-0.06033,0.03218,0.0747,0.0451,-0.02715,-0.06039,-0.05615,-0.06027,0.00513,0.03518,0.01022,-0.02277,0.00572,-0.03899,-0.10659,0.02231,0.05791,-0.03955,-0.0146,0.02392,-0.02963,-0.10537,0.07105,-0.03326,-0.01281,0.02244,-0.02875,-0.01363,0.03173,-0.00466,-0.05693,0.03201,-0.0957,-0.00669],"keywords":"Selection Area Selection Area Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular. Description This guide shows how to add a selection area to the canvas. Use the Shift key and the mouse to select multiple nodes with a rectangle, which is a baseline interaction for larger node editors and workflow tools. Selection area becomes important as soon as users need to move, delete, group, or inspect several nodes at once. Without it, a graph interface quickly becomes frustrating on dense canvases.","excerpt":"Description This guide shows how to add a selection area to the canvas. Use the Shift key and the mouse to select multiple nodes with a rectangle, which is a baseline interaction for larger node editors and workflow tools. Selection area becomes important as soon as users need to move, delete, group, or inspect several nodes at once. Without it, a graph interface quickly becomes frustrating on dense canvases."},{"chunkId":"/examples/selection-area#2","slug":"selection-area","route":"/examples/selection-area","section":"examples","title":"Selection Area","description":"Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular.","group":"Editor Helpers","vector":[-0.0185,-0.0329,-0.04554,0.04083,0.06892,0.06658,0.00206,0.05011,0.00248,0.08255,-0.02421,0.00179,-0.01141,-0.01441,0.06159,-0.0372,-0.02549,0.03003,-0.021,-0.02942,-0.01259,-0.01526,0.09242,-0.05285,-0.02657,0.02672,0.0399,-0.01939,0.02943,-0.05174,-0.02859,0.07409,0.02343,-0.00411,-0.15587,-0.00617,0.0018,0.06967,0.00307,-0.03553,0.00629,0.03428,0.00085,-0.06961,-0.0226,-0.02104,-0.09815,0.04676,0.00463,0.01728,-0.00883,-0.0702,0.05904,0.07182,-0.03015,-0.11212,-0.0014,-0.07485,0.04965,-0.03678,-0.01583,-0.02407,-0.02097,0.02015,0.07167,0.09131,-0.05566,-0.07181,-0.06647,0.0571,0.01111,-0.03823,0.03733,-0.02921,0.04203,-0.06019,-0.08155,0.07708,0.05281,0.04338,0.02883,0.063,-0.03449,0.0634,-0.00519,0.09092,-0.0126,-0.0336,-0.01261,-0.08419,-0.01064,0.03937,0.01003,0.02059,-0.03484,0.01978,-0.10109,-0.00709,-0.07104,-0.00014,0.01334,-0.11287,0.05891,0.06543,-0.03375,-0.0354,-0.01481,0.01687,-0.00684,-0.02701,0.00129,0.01967,-0.01335,0.06979,-0.07069,0.00183,0.0152,-0.01595,0.03977,0.07136,0.00413,-0.01684,-0.05214,-0.0617,0.0701,0.02935,-0.00413,0,-0.02065,0.04039,-0.04321,-0.01421,0.00713,-0.02111,-0.06015,-0.08768,0.0214,0.07025,-0.01917,-0.00502,-0.02795,-0.02714,0.07804,-0.10415,-0.01331,0.07472,-0.01862,0.01281,0.00922,-0.01374,-0.04139,0.03075,0.11978,0.05089,0.00819,-0.03227,-0.0484,-0.0046,0.02286,0.04304,-0.00135,-0.05336,-0.00931,0.01108,-0.03262,-0.00666,-0.02598,0.02563,0.06898,-0.05745,-0.00571,0.05794,0.0016,0.04422,-0.05796,-0.00778,0.04188,0.02753,0.03958,0.05136,-0.04816,-0.04727,0.10059,-0.0467,-0.07725,0.08854,0.06992,0.10818,-0.04916,-0.02978,0.01736,-0.0096,0.02421,-0.05933,-0.03051,-0.0485,0.09935,-0.08584,-0.00194,-0.00251,0.05773,0.05351,-0.00829,-0.04903,0.06314,0.01827,0.08459,-0.03851,-0.05392,-0.05431,-0.06471,-0.00422,0.08543,-0.09823,-0.04533,-0.05906,-0.03669,-0.13159,-0.01266,0.09485,-0.02302,-0.02395,-0.03645,0,0.06517,-0.01632,0.05745,0.12865,-0.10673,-0.01217,0.06486,0.05368,0.01177,-0.0144,0.04125,0.10084,0.08102,-0.05898,0.0143,0.06866,-0.02968,-0.0386,0.11819,0.01924,0.06084,-0.05491,-0.00239,0.02892,-0.10321,0.07707,-0.01506,-0.01508,-0.01368,-0.01902,-0.01405,0.01385,-0.00781,-0.00305,-0.03384,-0.04832,0.02221,0.12437,-0.02945,0.00432,0.01107,0.06133,0.04462,-0.03483,-0.04229,-0.06546,0.01874,0.00034,-0.05141,-0.03406,-0.02441,-0.03278,-0.04775,0.01644,-0.06453,0.03609,0.04171,-0.06214,0.0342,0.04907,0.02829,0.03341,0.01967,0.01166,0.13689,0.01477,-0.00994,-0.01981,0.03077,0.03353,-0.01276,-0.00696,0.0863,0.02415,0.05747,0.04923,0.08337,-0.00437,0.05843,0.02572,-0.04311,0.07706,-0.06043,-0.0252,-0.04094,0.13193,-0.05366,0.00338,0.0982,-0.01354,-0.05401,0.00434,0.04313,-0.07544,0.08066,0,-0.06221,0.01897,-0.02124,-0.0508,0.02615,-0.05977,-0.0508,-0.03268,-0.01277,-0.01129,-0.05708,0.07351,-0.00396,-0.00203,0.09011,0.02801,-0.01227,0.10928,-0.04669,-0.02819,0.03645,-0.02779,0.0877,0.04635,0.02893,-0.06474,-0.11155,0.00392,0.01346,0.01596,-0.06222,-0.00178,0.04564,-0.02537,0.02492,-0.08747,-0.13056,-0.06126,0.03629,0.05603,0.01619,-0.08801,0.03797,-0.05201,-0.08033,0.01536,0.02912,-0.00838,-0.0229,0.03015,-0.02665,-0.04111,-0.0212,0.00634,0.00493,-0.02765,-0.00603,0.02863,0.02936,-0.04972,-0.03352,-0.00994,-0.09508,-0.00982],"keywords":"Selection Area Selection Area Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular. Example ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss :::","excerpt":"Example ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss :::"},{"chunkId":"/examples/selection-area#3","slug":"selection-area","route":"/examples/selection-area","section":"examples","title":"Selection Area","description":"Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular.","group":"Editor Helpers","vector":[0.0003,-0.00429,-0.00147,0.05238,0.07183,0.03933,0.01543,-0.01815,0.03623,0.06777,-0.0538,0.05673,-0.04396,0.00025,0.07006,-0.00704,0.00053,-0.01712,-0.00896,-0.0688,-0.0666,-0.09248,0.04065,-0.08735,0.07258,0.00956,0.01283,0.00178,0.07401,-0.09321,-0.0489,0.061,0.0209,0.01735,-0.1837,0.07401,-0.01042,0.02648,-0.03112,-0.02439,0.02573,0.06618,-0.02763,-0.05005,0.00992,-0.0449,-0.14413,-0.01165,0.00859,0.04849,-0.02903,-0.08585,-0.01245,0.00764,-0.03231,-0.04045,0.02887,-0.07698,0.02384,-0.03,0.02865,0.00408,0.00776,0.02272,0.12051,0.05992,-0.01969,-0.0262,-0.01439,0.02891,0.02932,-0.05072,0.0065,-0.00348,0.0197,-0.04331,-0.05256,0.01294,0.01225,0.02099,-0.00833,0.09439,-0.07392,0.12328,-0.02729,0.10112,-0.05636,-0.025,-0.0164,-0.06456,-0.02573,0.02374,0.00769,0.01858,0.00483,0.02131,-0.00767,0.00404,-0.06108,-0.00141,0.08574,-0.10615,0.04726,-0.06697,-0.12496,-0.07062,-0.042,-0.02523,-0.01471,0.0202,-0.05886,0.02625,-0.0706,0.05559,-0.09959,0.03525,0.00494,-0.03555,0.00515,0.08661,0.0116,0.02046,0.02909,-0.04384,0.02445,-0.03788,-0.04923,0,0.02435,-0.0229,-0.04278,0.02532,0.06152,0.00635,-0.06105,-0.07214,0.02282,0.04093,-0.01612,0.02068,-0.01341,-0.00167,0.07455,-0.11764,-0.01192,0.04673,0.00642,0.01503,-0.00916,-0.04629,-0.08916,0.10404,0.06652,0.12541,-0.00141,0.02965,-0.06491,0.0023,0.00978,0.02738,-0.08207,0.01283,-0.01163,0.05181,-0.0749,-0.04697,0.04644,0.01524,0.00771,-0.08891,-0.05051,0.04049,0.05727,0.03465,-0.05088,0.00934,-0.01477,0.00074,0.0292,0.06335,-0.02509,-0.04787,0.04968,-0.05976,-0.03038,0.0391,0.05154,0.08953,0.02561,-0.01608,-0.03769,0.02189,0.04051,0.01237,-0.0724,-0.05504,0.07716,-0.10752,-0.04,0.01498,0.04583,0.04019,0.00103,-0.03876,0.00053,0.01778,0.04404,-0.02412,-0.08844,-0.0231,-0.05885,-0.05439,0.05266,-0.0971,0.03937,0.00376,-0.02828,-0.02697,0.03172,0.10653,-0.01162,-0.01178,0.02466,0,0.00914,0.03244,0.05871,0.07603,-0.05139,-0.02947,-0.00106,-0.05067,0.00344,0.00681,0.02467,0.06212,0.04274,-0.00274,-0.02337,0.07051,-0.01853,-0.05412,0.04883,-0.03281,0.05727,-0.03906,-0.0125,0.01278,-0.09784,0.04893,-0.03807,-0.08174,-0.01408,0.01891,-0.02069,-0.02216,0.0295,0.01823,0.03363,-0.04353,0.05107,0.0507,-0.01659,0.00961,-0.04433,0.00164,-0.01801,0.00107,-0.02094,-0.00961,-0.05062,0.06439,-0.06076,-0.00644,0.00626,0.01335,-0.01128,-0.1044,-0.02475,0.05534,0.05609,-0.04444,0.1316,-0.02472,-0.01137,0.01051,0.03052,0.04854,0.04278,-0.02107,0.02335,-0.05039,-0.00779,0.01577,-0.0205,0.06178,0.07507,0.01781,0.06714,-0.00833,0.1026,-0.02238,0.04337,-0.04761,-0.03232,0.05116,-0.03584,-0.05197,-0.04966,0.10806,-0.07162,0.03271,0.04693,-0.02542,-0.05375,0.00994,0.04963,-0.02434,0.03839,0,-0.10346,0.04668,0.02046,-0.06604,0.04977,-0.05352,-0.01918,0.12059,0.07314,0.03098,0.01913,0.06959,-0.05225,-0.00908,0.17968,0.0412,0.02504,0.08413,-0.02224,-0.03717,0.06153,-0.07192,0.05667,0.08334,0.02857,-0.04458,-0.0314,0.0404,-0.01588,0.04523,-0.07106,0.00851,0.07638,0.07987,-0.0301,-0.0806,-0.10149,-0.07056,0.02336,0.05237,0.00615,-0.00874,0.00167,-0.0258,-0.09098,0.01876,0.01436,-0.05864,-0.0298,0.01032,-0.03968,-0.08718,0.02945,0.002,-0.00469,0.01877,0.00803,-0.02365,0.0476,0.00033,-0.07708,0.05285,-0.07286,-0.04146],"keywords":"Selection Area Selection Area Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular. When to use it - Multi-select nodes before moving or deleting them. - Prepare groups or batch operations. - Improve keyboard-and-mouse workflows in larger diagrams. Once your canvas holds more than a handful of nodes, box selection usually becomes a core interaction instead of an optional enhancement. It also pairs naturally with grouping, alignment helpers, and undo/redo workflows.","excerpt":"When to use it - Multi-select nodes before moving or deleting them. - Prepare groups or batch operations. - Improve keyboard-and-mouse workflows in larger diagrams. Once your canvas holds more than a handful of nodes, box selection usually becomes a core interaction instead of an optional enhancement. It also pairs naturally with grouping, alignment helpers, and undo/redo workflows."},{"chunkId":"/examples/selection-area#4","slug":"selection-area","route":"/examples/selection-area","section":"examples","title":"Selection Area","description":"Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular.","group":"Editor Helpers","vector":[-0.07802,-0.04129,-0.02918,0.04694,0.0656,0.0529,0.04049,-0.00004,0.03133,0.04684,-0.01989,-0.01124,-0.05489,-0.00493,0.05719,0.00049,-0.02172,-0.02565,0.01447,-0.04598,0.00881,-0.01193,0.01084,-0.0491,0.0315,0.07266,0.01807,0.00797,0.02643,-0.0711,-0.03969,0.071,-0.02789,-0.00924,-0.20487,-0.0359,0.00212,0.04899,-0.02109,-0.01828,0.01231,-0.0194,0.02254,-0.03598,-0.06552,0.03658,-0.10035,0.02773,0.01665,0.06653,-0.02677,-0.08879,0.06469,0.05957,-0.03623,-0.05195,0.02426,-0.06113,-0.00676,-0.05245,0.02766,-0.02675,-0.03544,0.04776,0.04055,0.03991,-0.05854,-0.02392,-0.0488,-0.04126,0.00483,-0.04846,0.06466,-0.05836,0.02074,-0.0864,-0.04661,0.01374,0.02329,0.07762,0.04177,0.10104,-0.0857,0.07917,-0.03773,0.10061,-0.03215,-0.03678,0.00643,-0.06392,-0.0192,0.01754,0.02915,-0.03574,0.01512,0.01392,-0.07289,-0.06215,-0.04205,-0.00737,0.03888,-0.07478,0.03311,0.04178,-0.06804,-0.07472,-0.01062,-0.01584,0.04099,0.018,-0.03407,0.0109,-0.01042,0.01847,-0.07782,0.00219,-0.03877,-0.03692,0.02532,0.08875,-0.03725,0.02306,-0.02552,-0.08461,0.04495,0.03241,-0.01753,0,-0.00831,-0.04986,-0.04512,-0.00113,0.02145,0.00038,-0.05695,-0.07073,0.04334,0.01949,-0.00154,-0.01407,-0.04801,0.01714,0.0369,-0.12296,-0.02994,0.07146,0.00246,0.03061,-0.02393,-0.01978,-0.07496,0.01694,0.06852,0.10373,0.01074,0.00811,-0.02449,0.01799,0.0032,0.00174,-0.05522,-0.02575,-0.02355,0.04205,-0.08124,-0.02585,0.04919,0.02726,-0.00695,-0.08289,-0.05497,0.05432,-0.02694,0.02408,-0.02001,-0.0193,0.02105,0.00318,0.03376,0.02319,-0.04969,-0.01837,0.1039,-0.05692,-0.07196,0.14774,0.0629,0.09492,-0.00869,0.0349,-0.02014,-0.06786,0.04494,-0.04504,-0.01695,-0.01733,0.09614,-0.09622,-0.02965,-0.0356,0.06661,0.06833,0.01474,-0.05899,0.0563,0.02785,0.07035,-0.04676,-0.12475,-0.03603,-0.02406,0.00075,0.108,-0.04136,0.01089,-0.06282,-0.06003,-0.06361,-0.02445,0.10204,0.04453,-0.00037,0.03268,0,0.00328,-0.01594,0.03656,0.10553,-0.02675,0.01701,0.07517,0.0221,0.07176,0.00956,-0.00024,0.13746,0.05743,0.00035,0.06545,0.10692,-0.05446,-0.06537,0.06762,0.02559,0.06761,-0.06584,-0.04405,0.00858,-0.12149,0.03508,-0.02122,-0.06742,0.00389,-0.0127,-0.00295,0.00281,-0.02713,0.0403,0.00337,-0.05507,0.02279,0.12086,-0.06906,0.01696,-0.06226,0.00982,0.0448,0.01007,-0.06294,-0.02156,-0.03082,0.0115,-0.0428,-0.00692,-0.03272,-0.00532,-0.04216,-0.00339,-0.03177,0.07378,0.06944,-0.03767,0.04869,0.00602,0.01629,0.03433,-0.01444,-0.02058,0.11537,0.03532,0.01946,-0.01548,-0.00673,0.01739,-0.05863,0.02754,0.11562,-0.03814,0.08207,0.01142,0.11207,-0.02528,0.02451,-0.0055,-0.02391,0.09528,-0.0259,-0.06429,-0.01354,0.08267,-0.02615,0.00356,0.06261,-0.01216,-0.07235,0.01222,0.04537,-0.05067,0.01794,0,-0.07231,-0.01192,0.02985,-0.08992,0.01242,-0.02413,-0.06338,0.0849,0.04347,-0.00225,-0.0119,0.06452,-0.00981,0.03372,0.14892,0.01194,-0.01986,0.11012,-0.02742,-0.06907,0.11096,-0.04443,0.06598,0.05565,0.02508,-0.02757,-0.04745,0.00805,-0.00725,0.00947,-0.04174,0.0519,0.06286,-0.00228,0.01897,-0.04395,-0.07332,-0.02894,0.00327,0.02862,0.03713,-0.04622,-0.03059,-0.05349,-0.07056,0.03951,0.02196,-0.0376,-0.05341,0.05006,-0.03177,-0.03239,0.05318,0.08995,0.04623,0.00239,-0.01949,-0.05244,0.02962,-0.04105,-0.03514,0.03974,-0.05033,0.01549],"keywords":"Selection Area Selection Area Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular. Related docs - Selection Area Docs - Drag and Drop - Managed Flow State","excerpt":"Related docs - Selection Area Docs - Drag and Drop - Managed Flow State"},{"chunkId":"/examples/magnetic-lines#0","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.09052,-0.00746,-0.09939,-0.02452,0.00036,0.03712,-0.06631,0.05233,0.01652,0.00829,-0.04281,0.02217,-0.06841,-0.02349,-0.00744,0.02905,-0.12491,0.02169,0.03716,0.0467,-0.05722,-0.08281,0.00802,-0.014,-0.02698,0.05017,0.05061,0.00557,-0.00991,-0.10812,0.04979,0.08065,-0.04264,0.05637,-0.05848,0.0278,0.01297,0.02753,-0.04642,-0.04747,0.09104,0.00338,0.05142,-0.08744,-0.0145,0.05391,-0.03929,-0.01419,0.00058,0.09235,-0.0988,-0.10153,-0.08906,0.05225,0.02329,0.03164,0.05407,-0.10273,0.06178,0.01374,0.0929,-0.00545,-0.00852,0.05583,0.02205,0.02588,-0.06486,0.07239,0.01844,-0.05142,0.00568,-0.05332,-0.03767,-0.01686,0.05922,0.00103,0.0134,0.05645,-0.03475,-0.00457,-0.09247,0.07385,-0.00991,0.07053,-0.04572,0.1231,-0.00183,-0.0903,0.00683,0.01449,0.04873,0.02896,-0.06429,-0.02702,0.05434,-0.04166,-0.00366,-0.04223,-0.11821,0.01056,0.03835,-0.04646,0.05594,-0.00759,-0.05205,-0.04562,0.02105,-0.06242,-0.03701,-0.03321,-0.02944,0.01464,-0.0553,-0.10348,-0.03753,-0.08548,-0.0134,-0.01397,0.04182,0.03928,-0.01127,0.06486,-0.01884,0.02591,0.03649,0.01459,-0.03598,0,0.0065,0.07968,0.00826,0.06576,0.03009,-0.01149,-0.01708,-0.08705,0.07115,0.10653,-0.01896,0.02523,-0.01972,0.00994,-0.07318,-0.15286,-0.05196,-0.04326,-0.05965,0.0333,0.01189,-0.05839,-0.02627,0.02067,0.03628,0.07381,0.01212,0.05251,-0.0399,0.02648,0.05364,-0.02003,0.01499,0.01933,-0.04195,0.03381,-0.07368,-0.09594,0.02144,-0.03121,0.05214,-0.04809,-0.04834,0.00957,0.04153,-0.00438,-0.00426,-0.0133,0.10358,0.01854,0.0167,-0.00009,0.0427,-0.0245,0.05184,-0.06474,0.00455,0.0295,-0.02831,0.04917,0.02277,0.01889,-0.03504,-0.05147,0.06686,0.03731,-0.01292,0.01375,0.13922,-0.05238,-0.13174,0.02262,0.04839,0.05112,-0.03099,-0.01451,-0.0412,0.01957,0.1028,-0.02285,-0.0759,-0.01831,0.05058,-0.0222,0.0614,-0.08027,-0.00771,-0.03709,-0.06768,0.02472,0.05847,0.06048,0.05772,0.02399,0.03159,0,-0.08874,-0.00291,0.02094,0.07875,0.01206,-0.01298,0.03663,0.02405,0.03771,0.0787,0.04533,0.00296,-0.01274,-0.04505,0.03198,-0.02447,0.00555,-0.05963,0.06128,-0.01369,0.04195,-0.01922,0.046,-0.00039,-0.01521,0.04429,0.03035,-0.03841,0.02933,0.00817,0.00095,-0.01821,-0.03133,-0.03365,-0.02961,-0.10437,0.01428,0.08182,0.04692,-0.08191,-0.01483,0.06361,-0.01173,-0.02291,-0.06751,0.01196,-0.03587,0.0453,-0.08739,0.05859,-0.08785,0.04696,0.01119,-0.04484,-0.05183,0.0282,0.04261,-0.02566,0.04329,-0.01129,-0.02376,-0.04389,0.00771,-0.06812,0.05818,0.07676,0.07594,0.00178,-0.03067,0.10226,0.09402,0.06715,-0.00435,-0.04729,0.07536,-0.01804,0.10084,-0.04185,0.03975,-0.01876,0.01508,0.07042,-0.04727,0.05295,0.01558,0.01157,-0.0521,-0.04516,0.06092,0.04472,-0.06585,0.00215,0.05131,-0.01548,-0.00903,0,-0.06792,-0.00188,0.00616,-0.02037,0.03907,0.05117,-0.04092,0.03134,-0.00981,-0.02652,0.04089,0.12009,-0.05636,-0.03047,0.08581,-0.02084,-0.0878,0.06684,-0.00282,-0.01998,0.01444,0.02405,0.07425,0.07843,-0.01177,0.01793,-0.02927,0.024,0.01914,-0.02675,-0.02377,-0.02507,0.16314,-0.01454,-0.06435,0.02269,-0.08798,0.02939,-0.03265,0.03482,0.0396,0.05943,0.03591,-0.05713,-0.10866,0.02469,-0.0276,0.01341,-0.06891,-0.00713,-0.05939,0.0521,-0.01258,-0.01419,-0.04477,0.01738,-0.03107,-0.08218,0.04526,-0.01644,-0.07414,0.0526,-0.04351,0.00874],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. --- toc: false wideContent: true --- Magnetic Lines wide Content","excerpt":"--- toc: false wideContent: true --- Magnetic Lines"},{"chunkId":"/examples/magnetic-lines#1","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.10061,-0.01223,-0.08527,-0.03578,0.01024,0.04625,-0.05749,0.04103,0.04591,0.00888,-0.02663,0.04564,-0.05395,0.00426,-0.02429,0.03053,-0.12058,0.01645,0.03167,0.04226,-0.0641,-0.09566,0.01846,-0.01189,-0.00074,0.04622,0.03698,0.03211,0.012,-0.10301,0.0545,0.06936,-0.03714,0.0585,-0.09739,0.06014,0.00083,0.02181,-0.04375,-0.04224,0.10843,0.03022,0.0482,-0.09662,-0.02482,0.06185,-0.02844,0.00117,-0.02798,0.08614,-0.13546,-0.10961,-0.07943,0.06562,0.03438,0.0617,0.05207,-0.10255,0.07156,0.00519,0.08768,-0.00754,0.01964,0.052,0.03401,0.01727,-0.04966,0.05687,-0.00062,-0.03154,0.00574,-0.05311,-0.02294,-0.00599,0.02011,0.02133,0.0032,0.06523,-0.0382,0.00483,-0.07745,0.05494,-0.00403,0.09384,-0.05856,0.1125,0.00117,-0.11126,0.00414,-0.00357,0.03713,0.03092,-0.0602,-0.02553,0.03863,-0.03511,0.01416,-0.02144,-0.12464,0.00835,0.0452,-0.03014,0.03253,-0.02864,-0.05443,-0.05818,-0.00296,-0.08009,-0.0595,-0.00472,-0.03684,0.03143,-0.06144,-0.06712,-0.0562,-0.07216,-0.00886,-0.01028,0.04913,0.02845,-0.00118,0.06626,-0.00784,0.01421,0.04422,0.0194,-0.04393,0,0.01551,0.05739,0.01424,0.03651,0.03654,-0.02187,-0.04881,-0.06476,0.06605,0.06683,-0.02878,0.02727,-0.01745,0.00452,-0.08882,-0.15284,-0.04517,-0.01998,-0.06258,0.02448,0.03047,-0.05406,-0.03449,0.00814,0.02536,0.07591,0.01015,0.046,-0.03194,0.01812,0.06264,-0.00004,-0.01497,-0.00065,-0.02858,0.02594,-0.05337,-0.09144,0.01924,-0.03577,0.05749,-0.02404,-0.05134,-0.00834,0.0379,-0.0004,-0.01008,-0.02955,0.10557,0.02478,0.00753,0.00137,0.04893,-0.02717,0.06799,-0.07095,0.00812,0.0339,-0.02354,0.0389,0.01276,0.01072,-0.02076,-0.07682,0.08242,0.04954,-0.0171,0.03521,0.15087,-0.03196,-0.09539,0.03721,0.02575,0.03902,-0.03354,-0.00285,-0.05369,-0.01266,0.10796,-0.01479,-0.05681,-0.0423,0.03193,-0.01375,0.04022,-0.09005,0.00695,-0.02024,-0.06157,0.01325,0.07709,0.04064,0.03481,0.0225,0.02055,0,-0.08108,0.00054,0.04473,0.10997,0.01155,-0.0251,0.01955,0.031,0.02581,0.08773,0.01871,-0.00398,-0.02564,-0.01593,0.03906,-0.00401,-0.02361,-0.09068,0.0707,-0.03841,0.05072,0.00891,0.04414,0.01099,-0.00644,0.05236,0.04346,-0.03225,0.01561,-0.0128,0.01911,-0.03907,-0.05227,-0.04808,-0.00201,-0.10643,-0.02059,0.08852,0.05225,-0.07423,-0.01207,0.04309,-0.02646,-0.02601,-0.03789,0.02924,-0.0143,0.04902,-0.07818,0.06609,-0.08952,0.0654,0.00673,-0.07154,-0.05328,0.03078,0.02748,-0.01193,0.0351,-0.01837,-0.03078,-0.04275,0.01275,-0.06165,0.04984,0.08277,0.07679,-0.02133,-0.03576,0.10174,0.09386,0.07894,0.00866,-0.06117,0.08166,-0.0098,0.10709,-0.02362,0.04981,-0.03818,0.00879,0.07443,-0.04996,0.04982,-0.02454,0.00812,-0.05817,-0.03804,0.04821,0.04933,-0.05779,0.00052,0.02705,-0.03018,-0.00954,0,-0.08026,0.00824,-0.01134,0.00444,0.04517,0.0325,-0.02805,0.04074,-0.00028,-0.00505,0.04029,0.1248,-0.05515,-0.01199,0.06606,-0.00596,-0.058,0.05101,-0.00992,-0.00545,0.0405,0.03547,0.06858,0.09454,-0.0361,0.00093,-0.05752,0.0279,0.02193,-0.03149,-0.02263,-0.00449,0.17482,0.01151,-0.07694,0.01949,-0.09797,0.01658,-0.01441,0.01175,0.05263,0.03236,0.03926,-0.05437,-0.10322,0.02485,-0.0056,0.00478,-0.05148,0.00196,-0.05097,0.04736,-0.01045,-0.00684,-0.03283,0.01438,-0.04113,-0.07686,0.05338,-0.00714,-0.07641,0.0316,-0.02457,-0.00261],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. Description Magnetic Lines add snap-to-align guides while you drag nodes in Foblex Flow for Angular. When a dragged node gets close to another node, the plugin shows alignment lines and can snap the node to: - Left / center / right (X axis) - Top / center / bottom (Y axis) This makes it easy to keep diagrams clean and consistent without manual pixel-perfect positioning.","excerpt":"Description Magnetic Lines add snap-to-align guides while you drag nodes in Foblex Flow for Angular. When a dragged node gets close to another node, the plugin shows alignment lines and can snap the node to: - Left / center / right (X axis) - Top / center / bottom (Y axis) This makes it easy to keep diagrams clean and consistent without manual pixel-perfect positioning."},{"chunkId":"/examples/magnetic-lines#2","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.12324,0.02301,-0.10661,-0.03022,0.02366,0.06154,-0.08065,0.05985,-0.03431,-0.00315,-0.04286,0.03949,-0.03346,-0.02432,-0.01867,0.04751,-0.15966,0.01279,0.00764,0.08533,-0.02731,-0.10276,0.04728,-0.00528,-0.01552,0.0334,0.04755,0.04467,-0.00453,-0.05827,0.06403,0.07328,-0.04039,0.06343,-0.02618,0.03639,-0.02088,0.07978,-0.05138,-0.06171,0.08619,0.01133,0.03218,-0.12888,0.01673,0.03133,-0.03952,0.00735,-0.00953,0.04649,-0.09804,-0.09086,-0.06875,0.06262,0.03955,0.02803,0.02881,-0.13443,0.06286,-0.01164,0.08072,-0.01723,0.00741,0.01209,0.06653,0.03895,-0.07463,0.02722,-0.01678,-0.01507,-0.00513,-0.03911,-0.05155,0.00362,0.04081,0.02456,-0.02239,0.10864,-0.03137,-0.00859,-0.08408,0.04565,-0.01077,0.04336,-0.05272,0.11412,0.01061,-0.08382,0.02764,0.00773,0.05958,0.02963,-0.08432,0.00348,0.04349,-0.00272,-0.01837,-0.00211,-0.13354,0.02685,0.04491,-0.04995,0.00995,0.02325,-0.02176,-0.00647,0.01879,-0.01829,-0.08789,-0.04994,0.0097,0.01416,-0.03784,-0.09806,-0.02784,-0.08979,0.03001,-0.007,0.05477,0.04884,0.04392,0.07057,-0.04206,0.01834,0.03035,0.04723,0.00197,0,0.00845,0.08603,0.01876,0.03235,0.03435,-0.02009,-0.06031,-0.06221,0.06151,0.11114,-0.0604,-0.00475,-0.00348,-0.05107,-0.09845,-0.15394,-0.00788,-0.03994,-0.08506,0.03494,-0.01265,-0.02817,-0.03896,0.01175,0.02509,0.03794,-0.01178,0.0287,-0.04117,0.00505,0.0891,-0.0134,0.01383,-0.01858,-0.02893,0.03296,-0.02713,-0.07022,-0.01691,-0.0249,0.12233,-0.03198,-0.00577,0.06601,0.02194,0.00264,0.02486,-0.02713,0.11003,0.00467,-0.01458,0.02303,0.04363,-0.03886,0.06485,-0.05379,0.02554,0.00789,-0.04745,0.03228,0.00224,0.01053,-0.00571,-0.03665,0.06769,0.00507,-0.008,0.04543,0.113,-0.04975,-0.08595,0.06794,0.04198,0.05233,-0.03214,-0.00414,-0.02587,0.03887,0.12258,-0.02702,-0.02594,-0.01942,0.02176,0.0024,0.06001,-0.08282,-0.00075,-0.05491,-0.03194,-0.03369,0.03853,0.05845,0.0218,0.00589,0.00707,0,-0.05117,-0.00959,0.05884,0.09323,-0.03609,0.02564,0.05007,0.057,0.00095,0.10173,0.02235,-0.01176,-0.01432,-0.05267,0.04413,-0.00923,-0.05699,-0.04508,0.09395,-0.00116,0.03342,0.03423,0.02976,0.03177,-0.01213,0.04643,0.03781,-0.01044,0.01682,-0.00946,0.02024,-0.03715,-0.07734,-0.01755,-0.03844,-0.10498,-0.00438,0.11294,0.07056,-0.09767,0.01863,0.0916,-0.00483,-0.04313,-0.04701,-0.00852,0.008,0.05305,-0.08338,0.06879,-0.09194,0.04181,-0.01034,-0.00877,-0.06668,-0.01023,0.0255,-0.07841,0.03385,0.01509,0.01321,-0.05138,-0.02093,-0.06544,0.08267,0.08779,0.04813,-0.0103,-0.01202,0.07117,0.07374,0.04973,0.01395,-0.0682,0.07375,0.01905,0.11904,-0.0091,0.04781,-0.02737,0.00318,0.03787,-0.05366,0.06022,-0.00059,0.02578,-0.05107,-0.02879,0.0457,0.01665,-0.08742,-0.02156,0.0121,-0.02401,-0.00251,0,-0.05208,0.00299,-0.01005,-0.00031,0.03661,0.03508,-0.01292,-0.03313,-0.01104,-0.03705,0.00845,0.08464,-0.05102,-0.01665,0.02856,-0.03525,-0.09509,0.07259,-0.02427,0.02913,0.0163,0.01505,0.06042,0.06788,-0.02935,0.00469,-0.05576,0.03723,0.02255,-0.03653,-0.03005,-0.02995,0.15816,-0.02645,-0.04388,-0.02116,-0.11164,0.00156,0.02177,0.03452,0.05014,0.0112,0.0679,-0.06147,-0.06952,-0.02589,-0.0435,0.02159,-0.0518,0.0142,-0.03403,0.0422,-0.0019,-0.02168,-0.02681,-0.01372,-0.00335,-0.0271,0.04189,-0.03008,-0.0298,0.01588,-0.06076,-0.00482],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. Example ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.scss :::","excerpt":"Example ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.scss :::"},{"chunkId":"/examples/magnetic-lines#3","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.06551,0.00024,-0.09308,-0.0277,0.00272,0.02703,-0.05769,0.05805,0.02229,0.00451,-0.0397,-0.00314,-0.04273,-0.00462,-0.00956,0.02899,-0.12163,0.00964,0.02436,0.06786,-0.02222,-0.11082,0.02069,-0.03009,-0.03062,0.04806,0.04662,0.02569,0.00341,-0.10047,0.05689,0.05924,-0.01585,0.06943,-0.04479,0.00965,-0.03393,0.0223,-0.04219,-0.04068,0.09983,0.02487,0.05067,-0.10274,-0.00526,0.06504,-0.01178,0.0112,0.00279,0.083,-0.12155,-0.09178,-0.07679,0.05415,0.00495,0.04658,0.06072,-0.12174,0.07211,-0.01847,0.07382,-0.02189,0.01459,0.02556,0.04616,0.00055,-0.06858,0.02327,0.00847,-0.00683,0.01825,-0.03981,-0.01264,-0.03753,0.04597,0.01108,-0.00895,0.07731,-0.01762,0.00245,-0.07794,0.04187,-0.01834,0.07851,-0.06654,0.11169,0.00732,-0.11816,0.0159,0.0311,0.04029,0.04728,-0.1237,-0.00413,0.02164,-0.05005,0.02038,-0.02677,-0.13726,0.01405,0.03232,-0.07409,0.04874,-0.00229,-0.05602,-0.02174,0.03781,-0.04813,-0.07529,-0.00584,-0.02913,0.03296,-0.03391,-0.07583,-0.03537,-0.04602,-0.00078,-0.02906,0.05993,0.04245,-0.00283,0.05695,-0.0352,0.02721,0.04144,0.0112,-0.07001,0,0.02212,0.07397,-0.00408,-0.00463,0.03694,-0.00059,-0.03769,-0.0889,0.05006,0.0695,-0.03751,-0.00908,-0.03066,-0.0353,-0.06363,-0.16191,-0.03031,-0.02994,-0.09771,0.0306,0.0336,-0.06667,-0.05154,-0.00535,0.00003,0.09277,-0.01336,0.03954,-0.01959,0.04188,0.0574,0.00855,-0.01641,0.00955,-0.04567,0.04822,-0.0229,-0.06093,0.00429,-0.04435,0.04937,-0.02694,-0.01999,0.01821,0.0308,0.00005,0.01598,-0.00149,0.08528,0.05443,0.01951,0.00171,0.04326,-0.03051,0.05992,-0.08078,0.00325,0.00856,-0.02209,0.0359,0.03142,-0.00518,0.00209,-0.05388,0.06862,0.05442,-0.00578,0.03422,0.12182,-0.02037,-0.11315,0.04531,0.0514,0.02253,-0.02733,0.01578,-0.01165,0.02041,0.10963,-0.04551,-0.05001,-0.02224,0.03536,-0.04064,0.06419,-0.08445,-0.01077,-0.01262,-0.09245,0.0053,0.06614,0.0183,0.05784,0.04397,0.00809,0,-0.06911,0.01924,0.05025,0.09823,0.01142,-0.02231,0.03808,0.03507,0.01683,0.08893,0.02202,0.00399,-0.02665,-0.02303,0.02413,-0.03747,0.00559,-0.0615,0.05967,-0.01952,0.05336,-0.00677,0.02646,0.02885,-0.00474,0.05982,0.04408,-0.02655,0.01285,-0.00887,0.00496,-0.01557,-0.05472,-0.03641,-0.00615,-0.12324,-0.03038,0.06061,0.0603,-0.08921,0.00937,0.05633,-0.05011,-0.00657,-0.05532,0.02569,0.00908,0.04532,-0.07981,0.06109,-0.09161,0.04515,0.01358,-0.03357,-0.05801,0.03615,0.03803,-0.02228,0.04607,0.01168,-0.01513,-0.03156,0.01112,-0.06861,0.08059,0.06901,0.06826,0.02658,-0.01062,0.1258,0.10583,0.08453,0.01865,-0.0511,0.08242,-0.02831,0.11351,-0.02464,0.05569,-0.01057,-0.00126,0.05428,-0.04384,0.05474,0.01738,0.00088,-0.07544,-0.04511,0.03937,0.05592,-0.05109,-0.00795,0.05295,-0.04474,-0.00631,0,-0.07798,-0.0011,-0.02497,0.01681,0.05813,0.04417,-0.03766,0.00806,-0.01635,-0.03514,0.03997,0.11417,-0.0488,0.00566,0.06874,-0.01896,-0.07174,0.06423,-0.01805,-0.01322,0.00696,0.01036,0.06794,0.08333,-0.04823,0.0019,-0.05906,0.01857,0.02786,-0.02773,-0.02471,-0.00915,0.15163,0.02559,-0.09052,0.03265,-0.10622,0.00982,-0.04503,0.02672,0.05067,0.0346,0.07447,-0.06914,-0.12546,0.02957,-0.00505,0.00869,-0.04663,0.02071,-0.03764,0.07995,-0.01289,0.00716,-0.03481,-0.00405,-0.0278,-0.0613,0.0353,0.0019,-0.05815,0.01488,-0.03862,0.01354],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. How it works 1. Add <f-magnetic-lines inside <f-flow. 2. Set a threshold in pixels for when guide rendering and snapping should begin. 3. Drag nodes until matching edges or centers enter the threshold zone. Tip: Start with threshold=\"30–50\" for a more Figma-like feel.","excerpt":"How it works 1. Add <f-magnetic-lines inside <f-flow. 2. Set a threshold in pixels for when guide rendering and snapping should begin. 3. Drag nodes until matching edges or centers enter the threshold zone. Tip: Start with threshold=\"30–50\" for a more Figma-like feel."},{"chunkId":"/examples/magnetic-lines#4","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.05807,0.01312,-0.09598,-0.01892,-0.00808,0.03186,-0.05795,0.06284,0.02675,0.02829,-0.03402,0.02973,-0.0589,-0.01308,0.01141,0.02506,-0.13284,0.0227,0.03101,0.04832,-0.05966,-0.07633,0.01547,-0.02138,-0.02134,0.05205,0.02943,0.02291,0.00565,-0.10857,0.05311,0.06302,-0.00137,0.05656,-0.07016,0.04049,0.00563,0.01858,-0.04502,-0.03728,0.10001,0.00658,0.03922,-0.08185,-0.02604,0.05751,-0.04405,0.00173,-0.02035,0.08811,-0.11063,-0.11669,-0.08294,0.06448,0.02651,0.03741,0.0353,-0.09655,0.07512,-0.01191,0.08876,-0.00883,-0.00125,0.0634,0.03799,0.03252,-0.06552,0.05176,0.01395,-0.04937,0.00906,-0.04677,-0.01716,-0.02624,0.04066,-0.00627,0.00316,0.06562,-0.02683,0.00175,-0.07622,0.062,-0.01684,0.08819,-0.05688,0.12132,0.00973,-0.11434,0.00027,0.00144,0.0308,0.03588,-0.05697,-0.02913,0.04326,-0.02422,-0.00051,-0.03833,-0.12858,0.02682,0.02989,-0.06542,0.07118,-0.017,-0.06503,-0.07178,0.00136,-0.06022,-0.0419,-0.02694,-0.03649,0.02387,-0.05357,-0.08567,-0.03311,-0.08167,-0.03327,-0.03011,0.06274,0.03586,-0.0047,0.0443,-0.00484,0.01489,0.04037,0.00221,-0.07218,0,0.00335,0.08221,-0.00697,0.03964,0.05644,-0.02484,-0.02973,-0.105,0.0539,0.07864,-0.02467,0.03992,-0.02022,0.01389,-0.04994,-0.14926,-0.05482,-0.00757,-0.04757,0.01822,0.04066,-0.05641,-0.02332,0.02581,0.04072,0.09696,0.0053,0.04371,-0.06077,0.03035,0.04831,0.00857,0.0014,0.01566,-0.02959,0.02559,-0.05032,-0.10446,-0.00336,-0.04367,0.03893,-0.0384,-0.05233,0.01094,0.04847,-0.01883,-0.01471,-0.00839,0.11877,0.04185,0.0148,0.00511,0.05253,-0.00931,0.04645,-0.06716,0.001,0.02304,-0.0203,0.05063,0.02351,0.022,-0.01343,-0.06899,0.0648,0.04606,-0.00176,0.00941,0.1569,-0.0512,-0.12504,0.02728,0.03931,0.03986,-0.03573,-0.01003,-0.03571,0.0204,0.08686,-0.01646,-0.07943,-0.02254,0.03007,-0.02076,0.06375,-0.10177,0.00961,-0.01955,-0.0544,0.01674,0.0718,0.04848,0.04174,0.01926,0.02516,0,-0.08944,-0.00449,0.02208,0.09016,0.02758,-0.02799,0.02144,0.01633,0.0359,0.07278,0.04568,0.00504,-0.01002,-0.02975,0.0333,-0.02006,0.00973,-0.0782,0.06206,-0.03367,0.05152,-0.00521,0.03808,0.00591,-0.02156,0.05782,0.05264,-0.03823,0.01969,-0.00163,-0.00679,-0.01374,-0.04149,-0.02378,-0.01797,-0.10098,0.00552,0.07201,0.04025,-0.09971,0.01039,0.05843,-0.03343,0.00025,-0.06406,0.0173,-0.01189,0.04487,-0.08818,0.03431,-0.07581,0.04205,0.01454,-0.06218,-0.06225,0.04481,0.04819,-0.00644,0.04024,0.00087,-0.02124,-0.03313,0.02764,-0.0538,0.04934,0.05522,0.06827,-0.0092,-0.04489,0.10092,0.07754,0.06886,-0.01228,-0.04025,0.08434,-0.00255,0.0908,-0.02467,0.03996,-0.0147,-0.00213,0.06891,-0.04969,0.06391,0.00438,0.00652,-0.06434,-0.03939,0.05177,0.04617,-0.06508,0.01298,0.05492,0.01915,-0.00166,0,-0.0916,0.00613,-0.01208,-0.00308,0.0411,0.04907,-0.0416,0.0289,-0.0132,-0.01527,0.03748,0.12144,-0.05961,-0.02427,0.07662,-0.02287,-0.077,0.05893,-0.01707,-0.03381,0.01909,0.02777,0.07339,0.08458,-0.00037,0.00793,-0.03223,0.01992,0.00891,-0.01977,-0.01708,0.00645,0.16966,0.00624,-0.08116,0.02282,-0.1003,0.02381,-0.04395,0.02138,0.0464,0.04057,0.03726,-0.05578,-0.12707,0.04652,-0.01522,0.00552,-0.05514,-0.02136,-0.05582,0.04535,-0.02256,-0.00363,-0.0472,0.03018,-0.03125,-0.07654,0.06678,-0.00338,-0.06744,0.03377,-0.02308,0.00098],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. Configuration","excerpt":"Configuration"},{"chunkId":"/examples/magnetic-lines#5","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.07542,0.00774,-0.10025,-0.03661,-0.01757,0.02309,-0.04774,0.0768,0.04093,0.01424,-0.03505,0.03086,-0.05123,-0.01702,-0.00428,0.01774,-0.1238,0.01028,0.02353,0.02998,-0.04995,-0.07467,-0.0007,-0.01363,-0.03374,0.04988,0.02549,0.02206,0.0141,-0.11437,0.04808,0.07386,0.0155,0.05849,-0.07483,0.04264,0.00977,0.01556,-0.06196,-0.03805,0.0729,0.01233,0.03169,-0.08518,-0.01018,0.06282,-0.02503,-0.01498,-0.0296,0.08043,-0.11789,-0.10148,-0.08738,0.06187,0.02438,0.04158,0.04991,-0.094,0.06944,-0.0193,0.07476,-0.00765,-0.00735,0.06301,0.0385,0.03114,-0.06397,0.03944,0.02772,-0.03606,0.00533,-0.04388,-0.03009,-0.01702,0.0385,-0.01419,0.00752,0.05258,-0.03548,-0.00932,-0.08343,0.04847,-0.01815,0.08027,-0.0475,0.11797,0.0242,-0.11446,0.02479,0.02368,0.0438,0.03864,-0.04988,-0.01804,0.04574,-0.02402,0.01087,-0.02935,-0.11427,0.02305,0.03851,-0.07423,0.06064,-0.01389,-0.05888,-0.0683,0.02088,-0.06549,-0.04195,-0.03531,-0.03511,0.01921,-0.05346,-0.095,-0.02815,-0.07128,-0.00847,-0.03029,0.06344,0.02729,-0.00083,0.03016,-0.01475,0.00905,0.04901,0.02153,-0.07222,0,-0.00049,0.07377,-0.0249,0.0141,0.04685,-0.00942,-0.02808,-0.08501,0.04996,0.09739,-0.0333,0.0331,-0.00899,0.01213,-0.04279,-0.16555,-0.05649,-0.01259,-0.05912,0.01958,0.03233,-0.06911,-0.00611,0.03176,0.06009,0.08309,0.01535,0.04394,-0.05718,0.0235,0.04454,0.00031,0.00079,0.01561,-0.02343,0.04938,-0.05775,-0.11385,0.00015,-0.04587,0.03464,-0.03275,-0.05059,-0.00045,0.05026,-0.01711,-0.02194,-0.00247,0.08376,0.03293,0.03503,0.00748,0.05705,-0.02442,0.04723,-0.0767,0.00709,0.00243,-0.04614,0.05299,0.01318,0.00103,0.00279,-0.04595,0.09113,0.06614,0.01863,0.02651,0.14475,-0.0421,-0.14519,0.02808,0.025,0.02345,-0.02977,-0.00102,-0.02826,0.01465,0.09013,-0.03197,-0.09104,-0.02321,0.02817,-0.00669,0.0548,-0.10196,0.00982,-0.0258,-0.06899,0.01336,0.05665,0.04867,0.03678,0.04227,0.02335,0,-0.07641,0.00773,0.01803,0.09013,0.01489,0.00117,0.02238,0.00274,0.03709,0.06619,0.03078,0.01209,-0.02129,-0.03558,0.01355,-0.02724,-0.00565,-0.0842,0.06141,-0.03521,0.04796,-0.00486,0.04361,0.01073,-0.02385,0.0495,0.04283,-0.02752,0.02836,-0.01552,-0.01934,-0.01042,-0.0322,-0.02558,-0.02781,-0.08641,0.01725,0.0683,0.05082,-0.07507,0.01046,0.07536,-0.01839,-0.00291,-0.07573,0.03415,-0.01837,0.0584,-0.10065,0.04842,-0.07184,0.05141,0.00703,-0.02886,-0.06418,0.0407,0.04399,-0.02906,0.02484,0.00897,-0.02516,-0.04771,0.0271,-0.04548,0.05894,0.05916,0.06942,0.00356,-0.04031,0.10261,0.10647,0.06653,0.02151,-0.04348,0.06497,-0.03661,0.08173,-0.04545,0.02254,-0.01034,0.01562,0.06136,-0.03626,0.06912,-0.01434,0.02008,-0.07732,-0.04373,0.06696,0.03858,-0.06861,0.02303,0.04636,0.00285,-0.02543,0,-0.08579,0.00794,-0.00998,-0.01803,0.048,0.05302,-0.04406,0.05307,-0.02016,-0.02204,0.04782,0.12186,-0.0544,-0.03296,0.08828,-0.02709,-0.0691,0.06669,-0.0157,-0.02542,0.02228,0.01681,0.06182,0.08666,0.01172,-0.01071,-0.03394,0.04373,0.02225,-0.02215,-0.00725,0.01232,0.18764,0.01721,-0.0693,0.04002,-0.09291,0.02009,-0.03377,0.02692,0.0323,0.03704,0.01873,-0.0589,-0.13264,0.02562,-0.00816,-0.00855,-0.04986,-0.01542,-0.05228,0.05671,-0.00271,0.01227,-0.0556,0.03264,-0.0298,-0.08414,0.06991,0.0079,-0.06186,0.0386,-0.0229,0.005],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. threshold threshold controls when magnetic lines appear and when snapping is applied. - Smaller value → fewer snaps, more manual control - Larger value → stronger snapping, easier alignment","excerpt":"threshold threshold controls when magnetic lines appear and when snapping is applied. - Smaller value → fewer snaps, more manual control - Larger value → stronger snapping, easier alignment"},{"chunkId":"/examples/magnetic-lines#6","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.10518,0.00679,-0.08645,-0.01817,-0.00336,0.04649,-0.05951,0.03593,0.01205,0.01042,-0.04387,0.06153,-0.05064,-0.01967,-0.00517,0.04856,-0.1283,0.00344,0.02578,0.06892,-0.04718,-0.07974,-0.00125,-0.02386,-0.03072,0.06727,0.06078,0.03321,-0.00831,-0.11101,0.03452,0.05487,-0.04516,0.06181,-0.07267,0.01278,0.01858,0.05175,-0.05699,-0.03391,0.09017,0.00146,0.03751,-0.07972,-0.00389,0.03425,-0.02692,-0.02414,-0.00321,0.09463,-0.10791,-0.08559,-0.07482,0.07344,0.03454,0.03363,0.06734,-0.09734,0.04502,-0.00299,0.08987,-0.00549,0.00329,0.03593,0.02671,0.01792,-0.06811,0.06158,0.02207,-0.05288,0.01031,-0.05128,-0.03875,-0.01459,0.04388,0.01184,0.00841,0.07683,-0.0291,-0.0146,-0.08881,0.05102,-0.01726,0.06671,-0.05781,0.12958,-0.00969,-0.10191,-0.00092,0.01004,0.05534,0.05068,-0.06352,-0.03157,0.01475,-0.02267,0.00327,-0.05343,-0.1215,0.00581,0.03501,-0.03194,0.04128,0.01439,-0.05323,-0.04791,0.02961,-0.06346,-0.06751,-0.01586,-0.01721,0.02859,-0.08421,-0.08884,-0.0305,-0.09914,-0.02181,-0.00773,0.04241,0.05102,0.0006,0.06182,-0.01464,0.02186,0.04667,0.01016,-0.04976,0,0.01248,0.07346,0.02373,0.01979,0.06165,-0.02044,-0.05174,-0.07576,0.0676,0.09615,-0.02479,0.01369,-0.01496,0.0042,-0.08382,-0.15244,-0.03718,-0.05307,-0.05173,0.02001,0.00349,-0.05795,-0.00774,0.00561,0.04932,0.07313,-0.0028,0.0613,-0.02789,0.01898,0.0547,-0.01801,-0.01139,0.00008,-0.05456,0.04326,-0.04416,-0.09746,0.0204,-0.04043,0.07992,-0.03254,-0.02672,0.02618,0.0238,0.02372,0.02762,-0.02903,0.09909,0.0132,0.00042,-0.00625,0.05106,-0.01575,0.06522,-0.08185,0.01034,0.03876,-0.03429,0.02503,0.02366,0.02162,-0.01325,-0.07167,0.07596,0.04321,-0.00201,0.04045,0.15436,-0.04808,-0.11364,0.04476,0.04719,0.05328,-0.02566,-0.01666,-0.05339,0.00077,0.11391,-0.02909,-0.06234,-0.02974,0.04333,-0.0052,0.07222,-0.0744,0.00437,-0.03179,-0.05193,-0.001,0.04933,0.07839,0.04062,0.02032,0.0114,0,-0.08717,-0.00205,0.04852,0.08963,0.02451,-0.00724,0.01898,0.02882,0.06167,0.08211,0.02853,-0.00381,-0.01455,-0.03894,0.0365,-0.01441,-0.03605,-0.06832,0.07401,-0.03334,0.02222,-0.01226,0.02784,0.01982,-0.03065,0.02337,0.03689,-0.03786,0.03539,0.00391,0.02023,-0.02845,-0.03545,-0.03871,-0.0215,-0.10089,0.0022,0.09566,0.06862,-0.07686,-0.02025,0.06209,0.00471,-0.04789,-0.05314,0.01926,-0.02575,0.05083,-0.08671,0.06229,-0.07553,0.05795,-0.01715,-0.04701,-0.06021,0.02587,0.04627,-0.03582,0.05682,0.0004,-0.02654,-0.03591,-0.01603,-0.07086,0.05523,0.06637,0.07962,-0.02876,-0.0143,0.09233,0.07696,0.07416,-0.01046,-0.04384,0.09427,-0.02469,0.11255,-0.0215,0.04371,-0.01338,0.02157,0.06469,-0.05604,0.05674,-0.00506,0.03056,-0.04289,-0.04522,0.04251,0.03612,-0.05967,0.01059,0.03026,0.00675,-0.04073,0,-0.06005,0.00672,0.02656,-0.00012,0.04216,0.05216,-0.04962,0.02176,0.00519,-0.01978,0.04165,0.1153,-0.05318,-0.00644,0.06991,-0.00848,-0.07175,0.05173,-0.00441,-0.01848,0.03634,0.03277,0.04646,0.07546,0.00044,0.0276,-0.03189,0.01695,0.01653,-0.02433,-0.02257,-0.01933,0.17954,0.00156,-0.05137,-0.01657,-0.08296,0.01124,-0.01776,0.04364,0.06093,0.03948,0.03224,-0.06529,-0.10166,0.01235,-0.02799,0.00091,-0.07821,-0.00879,-0.0422,0.03441,-0.00814,-0.01647,-0.02555,0.02391,-0.03876,-0.05938,0.04947,-0.02798,-0.05972,0.03568,-0.05462,0.00002],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. Notes - Magnetic Lines are purely UX helpers: they don’t change your data model - they only help users position nodes while dragging. - You can style the guide lines via CSS (see the example .f-magnetic-lines .f-line rule).","excerpt":"Notes - Magnetic Lines are purely UX helpers: they don’t change your data model - they only help users position nodes while dragging. - You can style the guide lines via CSS (see the example .f-magnetic-lines .f-line rule)."},{"chunkId":"/examples/magnetic-rects#0","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.07077,-0.0181,-0.08038,-0.02321,-0.03297,0.02668,-0.07956,0.05295,0.03009,0.01636,-0.00828,-0.01072,-0.00884,0.00987,0.02649,0.03222,-0.07895,0.04558,0.05779,0.01765,-0.06584,-0.05531,0.04352,-0.00837,-0.02469,0.04322,0.02182,-0.004,-0.02694,-0.13783,0.03908,0.03958,-0.02935,0.02846,-0.0932,0.08968,0.02453,0.05537,-0.02514,-0.03662,0.00581,0.07882,0.06039,-0.05889,0.03435,0.04179,-0.07731,0.0052,-0.02572,0.05517,-0.08226,-0.08148,-0.09171,0.04151,0.08606,0.02664,0.07562,-0.05897,0.00531,-0.02723,0.06746,-0.00889,-0.03357,0.02153,0.06449,0.03231,-0.07323,0.05428,0.00491,-0.03206,-0.01277,-0.03102,-0.03839,0.01931,-0.00298,0.03128,-0.01503,0.05503,-0.00536,0.00618,-0.06144,0.13075,0.01246,0.06103,-0.02482,0.038,0.03378,-0.05631,0.00457,-0.02081,0.06749,-0.0094,-0.06583,0.03563,-0.02385,-0.02835,0.00344,0.02206,-0.10721,0.01436,0.10539,-0.07497,0.03104,-0.03852,-0.0799,-0.05337,0.04347,-0.04678,-0.02543,-0.04264,-0.00103,0.00589,-0.12881,-0.06464,-0.03316,-0.03788,-0.00234,-0.01979,0.08402,0.03711,0.0162,0.05592,-0.03156,0.03086,0.072,-0.02676,-0.05234,0,-0.00277,0.07285,-0.01593,0.0953,0.05859,0.01737,-0.08751,-0.06145,0.09949,0.06969,-0.02956,0.10607,-0.03277,-0.01546,-0.02916,-0.12534,-0.01827,0.03561,-0.10158,-0.04294,-0.06955,-0.04087,-0.03003,0.03766,0.07452,0.0447,0.01019,0.02723,-0.07793,0.00505,0.06649,0.05645,0.01242,0.02912,-0.00273,-0.01271,-0.07973,-0.07974,-0.00036,-0.0318,0.03116,-0.03445,-0.0498,0.02169,0.06068,-0.03739,0.00277,-0.03176,0.05122,0.04777,0.04764,0.04037,0.00615,-0.02788,0.05229,-0.10129,-0.00703,0.02218,0.00828,0.04984,0.05815,-0.00294,0.01649,-0.02633,-0.03041,0.05255,-0.01644,-0.02239,0.10833,0.00431,-0.09114,0.01213,0.03374,0.04012,-0.05476,-0.06086,0.00007,0.02365,0.04685,-0.04484,-0.08959,-0.04965,0.02291,-0.04972,-0.02008,-0.1104,0.02903,0.02182,-0.04051,-0.03436,0.06156,0.07901,0.02686,0.01028,0.03442,0,-0.07986,0.03796,-0.00822,0.05988,-0.00198,-0.04051,0.02683,0.02316,0.05847,0.07039,0.01536,-0.05589,0.00412,-0.05794,-0.00871,-0.0041,-0.00016,-0.05645,0.03785,-0.02298,0.08987,0.0001,0.03013,-0.01608,-0.01263,0.09928,-0.03894,-0.06037,0.03102,-0.00252,-0.00999,-0.06083,0.0021,-0.05133,-0.02103,-0.15162,0.04651,0.05838,0.0073,-0.04387,0.01718,0.06313,-0.01596,0.01372,-0.06275,-0.02287,-0.02002,0.05562,-0.01816,0.033,-0.05388,-0.00993,0.04166,-0.07886,-0.06527,-0.0175,-0.03526,-0.00109,0.07862,0.01229,-0.04401,-0.08543,0.02254,-0.01655,0.0642,0.06296,0.07848,-0.00059,0.01335,0.10099,0.07595,0.08029,0.00847,-0.02884,0.02912,0.01777,0.12588,-0.09351,0.0412,-0.0358,-0.00703,0.05286,-0.05553,0.04397,0.01239,0.06144,-0.07951,-0.024,0.02397,0.06515,-0.02871,-0.01128,0.08747,0.03183,0.02588,0,-0.05624,0.02341,-0.05028,-0.00028,0.04491,-0.00486,-0.00726,0.01765,-0.00316,0.00226,0.04214,0.10333,-0.03569,-0.02744,0.10774,0.01477,-0.05518,0.04901,-0.02108,0.06328,0.04722,0.03015,0.01864,0.06992,-0.0385,0.05247,-0.05485,0.08842,0.03641,-0.04101,0.03062,-0.02758,0.17576,-0.00341,-0.08767,0.0187,-0.06483,0.05029,-0.04962,0.05093,-0.01756,-0.04721,0.08402,-0.02291,-0.10166,-0.00191,0.00563,-0.01648,-0.04756,-0.00292,-0.03773,0.03276,-0.01021,-0.06739,-0.06413,0.02452,0.02325,-0.03403,0.04671,-0.00357,-0.06149,-0.01005,-0.04434,-0.01413],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. --- toc: false wideContent: true --- Magnetic Rects wide Content","excerpt":"--- toc: false wideContent: true --- Magnetic Rects"},{"chunkId":"/examples/magnetic-rects#1","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.10063,-0.03667,-0.06419,-0.01481,-0.00257,0.03522,-0.078,0.02304,0.06132,0.00843,-0.00571,-0.00034,-0.00369,-0.00297,-0.03715,0.03131,-0.07861,0.01623,0.04099,0.02752,-0.06309,-0.08566,0.02655,-0.02226,0.02482,0.0667,0.02923,0.03891,0.00184,-0.09909,0.04108,0.05399,-0.05889,0.05145,-0.12407,0.10071,0.02445,0.03142,-0.04053,-0.0395,0.06671,0.05208,0.05328,-0.06327,0.00915,0.05159,-0.05073,0.01249,-0.06587,0.05347,-0.10273,-0.07784,-0.07292,0.06102,0.05893,0.05286,0.06496,-0.07739,0.04923,-0.00693,0.06986,-0.00885,0.00779,0.01833,0.06375,0.0019,-0.04644,0.01814,0.00402,-0.04118,0.01583,-0.02156,-0.0331,0.0111,-0.01927,0.02736,-0.0068,0.05998,-0.04586,0.01159,-0.03012,0.10239,-0.00904,0.08641,-0.02365,0.06341,0.02201,-0.08264,-0.02436,-0.0315,0.05675,-0.00076,-0.08941,0.02099,-0.01732,-0.04207,0.03168,0.035,-0.11736,0.01644,0.06929,-0.04514,0.00447,-0.04145,-0.04616,-0.06475,0.01552,-0.09954,-0.07123,0.00511,0.0189,0.03118,-0.10295,-0.03754,-0.05994,-0.03562,-0.01331,-0.01899,0.07892,0.02762,0.01574,0.0619,-0.04021,0.02122,0.09858,-0.0005,-0.04289,0,0.00149,0.04744,0.00549,0.05063,0.06537,-0.0015,-0.09149,-0.07231,0.08899,0.03569,-0.0356,0.10058,-0.00576,0.00925,-0.04521,-0.13445,-0.02894,0.01304,-0.11865,-0.0187,-0.03831,-0.03773,-0.04411,0.01526,0.01964,0.03834,-0.00959,0.02176,-0.05093,0.00101,0.04337,0.07983,-0.02466,0.00719,-0.01499,0.0071,-0.03253,-0.09244,-0.00132,-0.05427,0.01548,0.01028,-0.04546,-0.00091,0.05379,-0.05748,-0.00767,-0.02303,0.05969,0.04416,0.05384,0.01284,0.07284,-0.01065,0.05519,-0.09603,0.02418,0.02126,0.0162,0.06801,0.02719,-0.03454,0.02837,-0.04753,0.02416,0.09255,-0.00584,0.02365,0.1373,0.02702,-0.06275,0.04916,0.01398,0.00894,-0.03034,-0.03812,-0.02566,0.00326,0.07527,-0.02638,-0.03546,-0.06169,0.01413,-0.05437,-0.02757,-0.10791,0.00909,0.02246,-0.07322,-0.04962,0.0826,0.07833,0.03609,0.02336,0.02952,0,-0.05004,0.02691,0.02216,0.09424,0.0002,-0.06152,0.00476,0.02752,0.02604,0.06134,-0.0077,-0.03354,-0.0148,-0.01045,0.01057,0.03821,-0.03876,-0.11183,0.03502,-0.0532,0.0881,0.02197,0.05621,0.02231,-0.02065,0.05531,0.0082,-0.06725,0.00139,-0.04315,0.02962,-0.07944,-0.04448,-0.05714,0.01386,-0.10747,-0.00104,0.08039,0.03411,-0.03271,-0.01495,0.04612,-0.03832,0.03404,-0.03688,0.02763,-0.0184,0.07342,-0.02907,0.03327,-0.0617,0.06318,0.02569,-0.05141,-0.04069,-0.00495,-0.02602,-0.0151,0.0458,0.00366,-0.02292,-0.0776,-0.00014,-0.04492,0.05457,0.07825,0.04623,-0.05565,0.01332,0.10379,0.06862,0.09453,0.00428,-0.06613,0.05256,0.0196,0.14649,-0.06873,0.02918,-0.02163,-0.03829,0.05002,-0.03513,0.02297,-0.05681,0.04649,-0.05475,-0.02858,0.02343,0.0439,-0.01931,-0.02533,0.03056,-0.00283,0.01094,0,-0.08142,0.0068,-0.04825,0.00565,0.02481,-0.00554,-0.00012,0.0465,0.0087,-0.0148,0.07131,0.09411,-0.05327,0.00177,0.09509,0.01159,-0.04151,0.02257,-0.0297,0.07006,0.06441,0.03007,0.01238,0.10471,-0.06628,0.01436,-0.07765,0.06913,0.03236,-0.05545,0.01796,-0.00152,0.18895,0.03013,-0.09839,0.06318,-0.06265,0.04955,-0.01667,0.03435,0.01846,-0.04205,0.06868,-0.03552,-0.12037,0.00424,0.02356,-0.01169,0.00073,0.01003,-0.01085,0.02197,-0.01104,-0.04208,-0.04038,0.01086,-0.03891,-0.04178,0.09276,0.01869,-0.04284,-0.01039,-0.03303,0.00985],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. Description Magnetic Rects add equal spacing snapping to Foblex Flow for Angular. When you drag a node near a row or column of already aligned nodes, the plugin: - detects aligned nodes on the same line (top/center/bottom or left/center/right), - measures the gap between neighbors, - suggests the same spacing for the dragged node, - renders rectangles that visualize the spacing zones, so the snap result is obvious. This is especially useful for building clean diagrams, UI flows, and node editors where consistent spacing matters.","excerpt":"Description Magnetic Rects add equal spacing snapping to Foblex Flow for Angular. When you drag a node near a row or column of already aligned nodes, the plugin: - detects aligned nodes on the same line (top/center/bottom or left/center/right), - measures the gap between neighbors, - suggests the same spacing for the dragged node, - renders rectangles that visualize the spacing zones, so the snap result is obvious. This is especially useful for building clean diagrams, UI flows, and node editors where consistent spacing matters."},{"chunkId":"/examples/magnetic-rects#2","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.0989,0.00634,-0.0798,-0.03104,-0.00798,0.03638,-0.08467,0.06825,-0.0202,-0.00106,-0.02028,-0.00374,0.01626,0.00072,0.0213,0.03071,-0.11222,0.03837,0.04841,0.01808,-0.02752,-0.07379,0.07024,-0.02016,-0.02491,0.04347,0.02653,0.02538,-0.013,-0.08978,0.07053,0.03515,-0.02803,0.03821,-0.06011,0.10805,-0.01218,0.1027,-0.04957,-0.04067,0.0259,0.07833,0.06031,-0.10688,0.05258,0.03208,-0.05952,0.01751,-0.04889,0.01719,-0.09091,-0.07784,-0.07253,0.07509,0.06959,0.02089,0.06029,-0.09491,0.01637,-0.05164,0.06168,-0.01981,-0.02739,-0.00713,0.08211,0.04543,-0.08973,0.02744,-0.01938,0.02366,-0.01512,-0.00052,-0.06165,0.01817,-0.0026,0.03613,-0.02001,0.108,-0.0251,-0.00804,-0.04906,0.08888,0.01142,0.04324,-0.02921,0.04298,0.03046,-0.05755,0.01034,-0.01557,0.05452,0.00019,-0.08604,0.05068,0.01042,-0.00483,-0.03082,0.02313,-0.10526,0.03228,0.05498,-0.08135,0.00838,0.00313,-0.04408,-0.02211,0.0171,0.00199,-0.0531,-0.03908,0.01923,0.02645,-0.06418,-0.06579,-0.02473,-0.06113,0.0347,-0.03981,0.09554,0.0524,0.05023,0.06441,-0.07048,0.00193,0.07885,0.00901,-0.01836,0,-0.00704,0.06484,-0.01918,0.07393,0.05594,0.02669,-0.08609,-0.0714,0.08061,0.09895,-0.06919,0.06991,-0.02853,-0.05614,-0.07343,-0.14558,0.01503,0.02702,-0.11901,-0.02252,-0.04374,-0.03348,-0.04329,0.0318,0.05177,0.01784,0.00473,0.00873,-0.07788,-0.01297,0.08079,0.05352,0.03095,0.00733,0.01538,-0.00866,-0.0307,-0.0605,-0.02905,-0.04587,0.07641,-0.02306,-0.02064,0.06953,0.04638,-0.05937,0.01509,-0.03635,0.07799,0.04436,0.0423,0.05649,0.01639,-0.0224,0.04233,-0.09818,0.01558,-0.00849,-0.02445,0.05603,0.03947,0.0011,0.04465,-0.03262,0.01709,0.03711,-0.01429,0.00256,0.09218,-0.00991,-0.06922,0.05463,0.02517,0.02276,-0.03544,-0.05283,0.01948,0.03633,0.06457,-0.06544,-0.05443,-0.05059,0.01154,-0.00168,-0.01168,-0.12343,0.02246,0.00063,-0.032,-0.07364,0.02578,0.06554,0.00836,-0.00577,0.03802,0,-0.032,0.02958,0.04476,0.08348,-0.01723,-0.00764,0.06072,0.08204,0.03703,0.07225,0.00068,-0.05185,0.00262,-0.07685,0.01312,0.02048,-0.05607,-0.07692,0.06682,0.00788,0.06474,0.05748,0.01032,0.02012,-0.01013,0.10204,-0.01588,-0.01654,0.01684,-0.02608,-0.01682,-0.05521,-0.05865,-0.04074,-0.03807,-0.14324,0.018,0.10026,0.03171,-0.05216,0.04131,0.08832,-0.03406,0.00277,-0.0467,-0.01542,0.01364,0.04055,-0.03157,0.04013,-0.07694,-0.00955,-0.00325,-0.02984,-0.06474,-0.02335,-0.00092,-0.05052,0.04677,0.01737,-0.01362,-0.08261,0.01436,-0.04007,0.10154,0.0671,0.02542,-0.00841,0.03269,0.0876,0.0445,0.0739,0.05518,-0.05909,0.04166,0.02831,0.119,-0.05563,0.04764,-0.02373,-0.02732,0.05739,-0.04912,0.06844,0.00446,0.04547,-0.08192,-0.03702,0.03306,0.03746,-0.05285,-0.03367,0.06404,-0.00805,0.0262,0,-0.07732,0.01524,-0.07533,0.01206,0.02888,-0.01333,0.00627,-0.01179,-0.01472,-0.02526,0.03238,0.08773,-0.01312,-0.02373,0.04583,-0.02214,-0.0658,0.07179,-0.04823,0.07918,0.03153,0.02444,0.00144,0.07802,-0.01929,0.00403,-0.08537,0.04334,0.0428,-0.06698,0.00708,-0.01866,0.17032,0.00469,-0.07732,0.00778,-0.09308,0.03878,-0.01747,0.04251,-0.00663,-0.06215,0.09194,-0.02659,-0.08624,-0.02621,-0.00728,0.00182,-0.0239,0.02403,-0.02567,0.0416,-0.00659,-0.05486,-0.01741,-0.0005,0.01411,-0.01582,0.05408,-0.02431,-0.04692,-0.01965,-0.0514,-0.01597],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. Example ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.scss :::","excerpt":"Example ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.scss :::"},{"chunkId":"/examples/magnetic-rects#3","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.07898,-0.03175,-0.0381,-0.00432,-0.008,0.08653,-0.07432,0.01977,0.04376,0.02835,0.00677,-0.00212,-0.02407,0.02506,-0.0226,0.02818,-0.08577,0.02686,0.02423,0.05184,-0.03242,-0.08815,0.05852,-0.01016,0.01816,0.04447,0.01494,0.00334,-0.00338,-0.13563,0.03737,0.01349,-0.0489,0.02169,-0.08737,0.0747,-0.03283,0.01972,-0.02061,-0.02663,0.05302,0.0582,0.04331,-0.09148,0.00341,0.06356,-0.03537,0.04225,-0.0209,0.06909,-0.12546,-0.05687,-0.06097,0.05064,0.03615,0.04775,0.1052,-0.09104,0.05722,-0.02112,0.06786,-0.01484,0.01301,-0.02143,0.0531,0.00907,-0.07334,0.02441,0.00365,0.01476,0.03027,-0.02208,-0.02584,0.02112,-0.00058,0.03807,-0.01143,0.08244,-0.01222,0.01895,-0.02082,0.08551,0.01887,0.07757,-0.0532,0.07043,-0.00716,-0.0671,-0.00847,-0.0385,0.03427,0.01452,-0.0937,0.04393,0.02229,-0.02864,0.01924,0.07321,-0.12342,0.0073,0.07908,-0.05645,0.01871,-0.01121,-0.06044,-0.04703,0.02032,-0.07914,-0.07945,0.00755,0.02169,0.01353,-0.08609,0.01112,-0.08058,-0.00292,-0.01275,-0.03588,0.06408,0.0368,0.01539,0.07637,-0.02507,0.01886,0.0928,0.00954,-0.02706,0,-0.00141,0.05834,-0.01857,0.06854,0.03286,-0.00973,-0.10192,-0.06503,0.05893,0.0459,-0.04369,0.04367,-0.04575,-0.02929,-0.06629,-0.17217,-0.00405,0.03238,-0.12314,-0.01281,-0.00358,-0.08723,-0.07351,-0.02324,0.0216,0.0369,-0.02273,0.01951,-0.05152,0.00758,0.0632,0.04782,-0.03005,-0.0152,0.00245,-0.01109,-0.03321,-0.0577,-0.00227,-0.0542,0.02781,0.01007,-0.05473,0.0491,0.0406,-0.04345,0.01796,-0.02119,0.04,0.08403,0.04153,0.01782,0.03476,-0.03371,0.04316,-0.11453,-0.00723,0.03888,-0.02723,0.04126,0.06428,-0.01071,0.0337,-0.06814,0.04709,0.05657,-0.02692,0.0134,0.10996,0.01602,-0.07016,0.01388,0.04087,-0.00054,-0.046,-0.03318,0.00564,-0.00899,0.04867,-0.05802,-0.02798,-0.06113,0.03131,-0.04175,-0.00427,-0.13234,0.01585,0.02731,-0.0706,-0.03092,0.08221,0.06639,0.03315,0.04091,0.03171,0,-0.04739,0.03817,0.05391,0.09135,0.02018,-0.03664,0.01541,0.03723,0.04459,0.06406,-0.03692,-0.02616,-0.02303,-0.02988,0.00174,0.01075,-0.02785,-0.04726,0.05044,-0.03303,0.09706,0.02058,0.00469,0.0359,-0.01616,0.07457,0.02754,-0.06136,0.0203,-0.02007,0.01198,-0.09778,-0.04066,-0.0442,-0.00284,-0.12516,-0.01526,0.08991,0.06039,0.0001,-0.00717,0.04741,-0.07445,0.00034,-0.01562,0.00971,-0.03488,0.04267,-0.01853,0.04376,-0.07607,0.03645,0.0113,-0.03242,-0.04426,-0.00385,-0.02138,-0.00836,0.04767,0.00084,-0.0236,-0.05104,0.02468,-0.0395,0.08237,0.07926,0.04921,-0.04881,-0.00145,0.11357,0.05781,0.10567,0.0235,-0.02114,0.07807,0.00889,0.14588,-0.04004,0.07399,-0.05698,-0.00976,0.04857,-0.05632,0.04505,-0.03954,0.08851,-0.04404,-0.0133,0.01492,0.03325,-0.02254,-0.05528,0.06706,-0.01394,0.01028,0,-0.09319,0.01655,-0.03624,0.03371,0.05357,0.0322,-0.0234,0.01803,0.0325,-0.02957,0.04138,0.10963,-0.02093,-0.00032,0.07519,-0.02078,-0.05518,0.05339,-0.03718,0.05651,0.06664,0.01812,0.06365,0.08949,-0.09115,-0.01181,-0.07002,0.0616,0.03522,-0.04654,0.00928,-0.00052,0.13068,0.03822,-0.11527,0.03865,-0.10921,0.04211,-0.03281,0.06191,0.01952,-0.01033,0.08008,-0.04267,-0.09443,0.0115,0.01646,-0.02512,-0.03783,0.02166,-0.00867,0.03232,-0.02443,-0.0082,-0.04806,0.00472,-0.02163,-0.04469,0.04558,0.01794,-0.05159,-0.02366,-0.05517,-0.01107],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. How it works 1. Add <f-magnetic-rects inside <f-flow. 2. Configure both thresholds: - alignThreshold for deciding when nodes count as aligned on the helper line - spacingThreshold for deciding when the dragged node is close enough to snap into equal spacing 3. Drag nodes until spacing rectangles appear and the candidate position locks in. Tip: Start with alignThreshold=\"30–50\" and spacingThreshold=\"30–50\" for a more Figma-like feel. align Threshold spacing Threshold","excerpt":"How it works 1. Add <f-magnetic-rects inside <f-flow. 2. Configure both thresholds: - alignThreshold for deciding when nodes count as aligned on the helper line - spacingThreshold for deciding when the dragged node is close enough to snap into equal spacing 3. Drag nodes until spacing rectangles appear and the candidate position locks in. Tip: Start with alignThreshold=\"30–50\" and spacingThreshold=\"30–50\" for a more Figma-like feel."},{"chunkId":"/examples/magnetic-rects#4","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.06492,-0.00114,-0.07332,-0.02398,-0.04678,0.02054,-0.08204,0.05217,0.03553,0.0251,-0.0087,-0.00428,0.00239,0.01463,0.05078,0.05327,-0.09474,0.04318,0.05613,0.00112,-0.06139,-0.05112,0.03606,-0.02296,-0.01849,0.04729,0.02384,0.01003,-0.0153,-0.13207,0.03675,0.02246,-0.00907,0.02944,-0.10173,0.0908,0.01157,0.05098,-0.02902,-0.03611,0.01517,0.07375,0.05686,-0.06743,0.03251,0.03453,-0.06589,0.00934,-0.02179,0.05064,-0.09928,-0.09549,-0.08682,0.05425,0.08457,0.03125,0.07049,-0.06096,0.01642,-0.03862,0.05591,0.00311,-0.02226,0.01858,0.06657,0.02311,-0.06471,0.05614,0.01561,-0.02319,-0.01241,-0.03754,-0.02503,0.0128,-0.03443,0.02922,-0.01373,0.05171,0.01872,0.00537,-0.05364,0.12214,0.00234,0.07954,-0.02196,0.05425,0.03559,-0.07319,-0.00085,-0.03413,0.05655,0.00042,-0.06925,0.03875,-0.03273,-0.01838,0.00926,0.02374,-0.1152,0.03274,0.0976,-0.07495,0.04026,-0.0329,-0.08401,-0.07194,0.04726,-0.04348,-0.04022,-0.03166,-0.00355,0.01283,-0.127,-0.0477,-0.0324,-0.01508,-0.01451,-0.02143,0.09113,0.05423,0.01742,0.04327,-0.02798,0.02796,0.07695,-0.02391,-0.05877,0,0.00373,0.0716,-0.03324,0.07197,0.0776,0.00843,-0.09786,-0.06977,0.07475,0.03919,-0.0341,0.108,-0.03219,0.00679,-0.01423,-0.13239,-0.01524,0.05336,-0.07927,-0.0485,-0.04428,-0.04269,-0.03678,0.03869,0.07015,0.07464,0.01846,0.02402,-0.07832,0.00576,0.07388,0.06753,-0.00569,0.02398,-0.0009,-0.03077,-0.06111,-0.09455,-0.01876,-0.03202,0.01861,-0.02775,-0.05296,0.01871,0.05951,-0.03749,-0.00194,-0.02449,0.07139,0.06651,0.03989,0.03787,0.01132,-0.00753,0.06718,-0.10601,-0.01136,0.0127,0.01365,0.04657,0.04526,-0.00922,0.03172,-0.02728,-0.01954,0.05526,-0.00474,-0.03953,0.1131,0.00648,-0.07993,0.01616,0.03824,0.03461,-0.05617,-0.06647,-0.00878,0.03033,0.03496,-0.02271,-0.09496,-0.05611,0.00327,-0.03059,-0.00592,-0.11626,0.04833,0.02483,-0.03492,-0.04016,0.0622,0.07547,0.01863,0.01465,0.01988,0,-0.08701,0.02997,0.00348,0.06655,0.0061,-0.04615,0.02543,0.00716,0.06734,0.07732,0.00539,-0.04841,0.01013,-0.04265,0.00052,-0.00709,-0.00763,-0.07038,0.05064,-0.02353,0.0949,0.01965,0.02775,-0.00604,-0.00964,0.09535,-0.01594,-0.05357,0.01276,-0.01673,-0.01025,-0.05479,-0.006,-0.04552,-0.01716,-0.13248,0.0495,0.04953,-0.00343,-0.06051,0.02784,0.05791,-0.02467,0.01561,-0.06572,-0.00926,-0.01389,0.05491,-0.0135,0.02068,-0.05894,-0.01168,0.04138,-0.08552,-0.06875,-0.02212,-0.01946,0.01652,0.06826,0.02276,-0.03097,-0.08544,0.03278,0.00024,0.0613,0.05703,0.0696,-0.00846,0.00252,0.1034,0.06606,0.084,0.00105,-0.0164,0.043,0.02072,0.12455,-0.07451,0.03867,-0.03584,-0.00903,0.05264,-0.05455,0.04112,-0.01178,0.05889,-0.0846,-0.0185,0.02573,0.06676,-0.0326,-0.00649,0.0655,0.04906,0.02801,0,-0.06922,0.03415,-0.04549,-0.0026,0.04674,-0.01323,-0.00178,0.01374,0.00472,0.00574,0.04688,0.10116,-0.03985,-0.03045,0.09485,0.01347,-0.04096,0.03452,-0.0293,0.05477,0.04573,0.04311,0.01105,0.06721,-0.03854,0.05036,-0.04702,0.09019,0.0218,-0.0381,0.03167,-0.0025,0.18479,0.01533,-0.10219,0.00752,-0.07342,0.04528,-0.05041,0.03937,-0.0119,-0.06417,0.08758,-0.03561,-0.10194,0.01103,0.00953,-0.03701,-0.02846,-0.01365,-0.02509,0.01921,-0.01358,-0.06584,-0.06791,0.03699,0.01864,-0.04189,0.05784,0.00741,-0.04919,-0.02809,-0.02959,-0.01994],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. Configuration","excerpt":"Configuration"},{"chunkId":"/examples/magnetic-rects#5","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.07809,-0.00501,-0.05854,-0.0287,-0.04363,0.03372,-0.08957,0.04606,0.02994,0.0312,-0.00873,0.02966,-0.00638,0.01159,0.02752,0.02867,-0.09113,0.05853,0.04495,-0.00262,-0.03716,-0.07063,0.0311,-0.01401,-0.03222,0.05991,0.02761,0.01935,0.00357,-0.11795,0.0253,0.03342,0.0005,0.03155,-0.09717,0.08933,-0.00176,0.05197,-0.04773,-0.0319,0.04342,0.06021,0.03714,-0.06927,0.05336,0.03448,-0.07912,0.02024,-0.04599,0.03894,-0.11173,-0.09429,-0.09511,0.02776,0.07105,0.04936,0.05755,-0.06196,0.026,-0.04997,0.08211,-0.00904,-0.01992,0.01737,0.06828,0.02177,-0.04907,0.03234,0.01363,-0.01502,-0.01959,-0.01407,-0.02277,0.01166,-0.04043,0.0474,-0.02042,0.0381,-0.00225,-0.01104,-0.06619,0.11135,0.00412,0.07859,-0.02563,0.03703,0.02925,-0.07791,0.01045,-0.04331,0.04454,-0.00741,-0.09413,0.04219,-0.03116,0.00507,0.01217,0.0404,-0.10716,0.02648,0.09364,-0.03884,-0.00382,-0.05891,-0.10354,-0.0601,0.01038,-0.03822,-0.01992,-0.03274,-0.01038,0.01751,-0.12751,-0.03112,-0.04274,-0.01931,0.02296,-0.00365,0.09803,0.04839,-0.00265,0.03001,-0.02655,0.01425,0.07423,-0.02375,-0.05868,0,-0.0048,0.0838,-0.01657,0.05414,0.06415,0.00237,-0.11717,-0.0727,0.05326,0.05449,-0.03709,0.10936,-0.02418,0.00722,-0.01518,-0.13445,-0.01694,0.07731,-0.0911,-0.05285,-0.04366,-0.05441,-0.0197,0.02097,0.07918,0.03782,0.01333,0.0399,-0.07399,-0.01804,0.08221,0.05299,0.00904,0.02374,-0.01472,-0.02015,-0.05969,-0.11558,-0.01751,-0.04648,0.00911,-0.01746,-0.01256,0.01247,0.05138,-0.01999,0.00132,-0.03905,0.06272,0.03621,0.03597,0.05732,-0.00462,-0.02763,0.0348,-0.09764,0.00899,-0.00005,-0.01851,0.05816,0.06209,-0.04249,0.02694,-0.02246,-0.01772,0.06827,0.0061,-0.03383,0.11159,0.0135,-0.08999,0.02562,0.01921,0.04469,-0.05515,-0.06137,-0.00009,0.03221,0.06141,-0.02405,-0.09483,-0.04546,-0.00169,-0.01259,-0.03959,-0.14445,0.03443,0.03419,-0.00818,-0.02802,0.0533,0.06523,0.0048,0.01689,0.03332,0,-0.05946,0.02459,0.01743,0.07516,-0.00201,-0.03279,0.01732,0.0027,0.06433,0.06931,0.01216,-0.04638,0.00235,-0.03886,-0.02647,0.00203,0.00332,-0.04938,0.07814,-0.03137,0.12066,0.01666,0.00143,0.00213,0.01167,0.08362,0.01329,-0.05762,-0.01183,-0.01299,0.00001,-0.07298,-0.01127,-0.06195,-0.04115,-0.11449,0.00898,0.04795,0.02957,-0.01702,0.02406,0.06695,-0.0271,0.00501,-0.04877,-0.02394,-0.0027,0.03801,-0.02422,0.03497,-0.03107,0.0187,0.0492,-0.09233,-0.05342,-0.02624,-0.07333,0.0231,0.05374,0.00356,-0.00981,-0.09903,0.02918,0.03431,0.04867,0.07003,0.08085,-0.03294,0.00745,0.09303,0.05709,0.06964,0.01554,-0.00497,0.03204,-0.01515,0.12247,-0.07509,0.04199,-0.03706,-0.00849,0.04228,-0.0616,0.03262,-0.0225,0.0657,-0.04739,0.02677,0.03877,0.05928,-0.02605,-0.01186,0.06079,0.0302,-0.00358,0,-0.10031,0.02537,-0.04526,-0.00868,0.0321,-0.00359,0.02198,0.03014,0.00561,0.02032,0.03955,0.08948,-0.03462,-0.03347,0.10897,0.02328,-0.0503,0.04804,-0.04066,0.0751,0.02323,0.05451,-0.00753,0.08396,-0.01713,0.03651,-0.03278,0.09399,0.02465,-0.01206,0.02962,-0.00915,0.18893,0.01603,-0.0867,0.02113,-0.0929,0.05146,-0.01186,0.07913,-0.02976,-0.05024,0.083,-0.01526,-0.08414,0.00199,-0.00875,-0.02374,-0.03913,-0.03154,-0.00634,0.02525,-0.01876,-0.10787,-0.07145,0.02869,0.0035,-0.02696,0.05931,0.00782,-0.03534,-0.05444,-0.0216,-0.02163],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. alignThreshold Defines the maximum distance (in px) for nodes to be treated as aligned on the same guide line. - Smaller value → fewer matches, more strict alignment - Larger value → more matches, easier to trigger spacing hints align Threshold","excerpt":"alignThreshold Defines the maximum distance (in px) for nodes to be treated as aligned on the same guide line. - Smaller value → fewer matches, more strict alignment - Larger value → more matches, easier to trigger spacing hints"},{"chunkId":"/examples/magnetic-rects#6","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.0494,-0.03076,-0.03193,-0.01013,-0.05055,0.02539,-0.07774,0.03251,0.04101,0.05025,0.00508,0.01439,-0.01391,0.01432,0.00547,0.0273,-0.06549,0.03987,0.02966,0.01724,-0.06224,-0.06687,0.03642,-0.01409,0.0165,0.01405,-0.00514,0.0169,0.0187,-0.1264,0.01695,0.01478,-0.02958,0.01592,-0.12104,0.09253,0.0213,0.03571,-0.04325,-0.01933,0.02685,0.06376,0.043,-0.07812,0.03075,0.06158,-0.05945,0.03185,-0.04706,0.05216,-0.12707,-0.10217,-0.0685,0.03047,0.06361,0.02343,0.08048,-0.04457,0.04259,-0.02822,0.0499,-0.0028,0.00291,0.01493,0.04557,0.01218,-0.0251,0.0352,0.01087,0.00229,0.01953,-0.03488,-0.04372,0.03149,-0.03737,-0.00462,-0.01849,0.05944,-0.0051,0.02337,-0.03341,0.08571,-0.0251,0.07947,-0.05164,0.07417,0.02221,-0.06887,-0.00727,-0.03389,0.04612,0.00285,-0.06574,0.03023,-0.03027,-0.02713,0.041,0.05474,-0.12858,0.01388,0.09729,-0.07346,0.0102,-0.04447,-0.0677,-0.06178,0.03402,-0.0923,-0.05621,0.02278,0.00331,0.02432,-0.13848,-0.02995,-0.04672,-0.01972,-0.01576,-0.04404,0.08427,0.04074,0.01143,0.04436,-0.04023,0.02042,0.08706,-0.02703,-0.03265,0,0.03018,0.06589,-0.0127,0.04976,0.06126,0.01098,-0.10446,-0.06186,0.07415,0.02032,-0.03858,0.08811,-0.02528,0.0139,-0.03051,-0.14419,-0.00875,0.03623,-0.07953,-0.0402,-0.04544,-0.06907,-0.05279,0.02052,0.05222,0.05875,0.0112,0.02399,-0.0456,-0.00406,0.06783,0.08186,-0.01882,0.01398,0.00318,-0.03627,-0.04542,-0.09021,-0.00521,-0.04636,0.02424,-0.00723,-0.05326,0.03226,0.0549,-0.05776,0.02539,-0.02968,0.03092,0.08166,0.05354,0.04653,0.04341,-0.03646,0.05463,-0.13489,0.01988,-0.01044,-0.03114,0.05945,0.03011,-0.04872,0.04827,-0.02861,0.02497,0.08798,-0.0097,0.00853,0.11268,-0.00113,-0.09311,-0.01244,0.02932,0.02273,-0.05854,-0.04217,-0.01532,-0.00392,0.04122,-0.01606,-0.06674,-0.06998,0.00172,-0.03241,-0.01862,-0.13179,0.0321,0.05493,-0.02666,-0.03126,0.04075,0.06312,0.02126,0.04727,0.04209,0,-0.06601,0.03513,0.00819,0.1051,-0.00635,-0.04002,0.0058,0.00068,0.06308,0.06676,-0.01134,-0.04318,0.0006,-0.02076,-0.02119,0.01508,-0.00942,-0.09441,0.04688,-0.03621,0.09986,0.00731,0.04358,0.01676,-0.01356,0.07765,-0.00066,-0.05664,0.00702,-0.03628,0.01537,-0.09046,0.00029,-0.06085,-0.01218,-0.11941,0.03746,0.07805,0.02098,-0.01666,0.01687,0.04125,-0.02031,0.02535,-0.01888,0.01422,-0.02829,0.05984,-0.03798,0.02266,-0.05212,0.0273,0.04325,-0.07237,-0.03315,-0.0357,-0.03776,0.00978,0.061,0.00412,-0.0151,-0.08581,0.01508,-0.01816,0.05046,0.07772,0.05843,-0.04636,-0.00457,0.09022,0.0412,0.07275,0.05057,-0.03557,0.03787,-0.00904,0.15138,-0.06775,0.05634,-0.03673,0.01554,0.05095,-0.04509,0.01358,-0.05971,0.09734,-0.08574,0.0033,0.02141,0.03756,-0.0491,-0.01926,0.0603,0.00875,0.02712,0,-0.06501,0.05096,-0.01022,0.0108,0.06047,0.00975,0.00362,0.04027,0.01008,0.01015,0.05077,0.10198,-0.00946,-0.02033,0.1139,-0.00998,-0.02528,0.0486,-0.02473,0.07535,0.08475,0.01845,0.0278,0.0602,-0.05666,0.00958,-0.05023,0.08198,0.02743,-0.04027,0.02235,-0.00206,0.17888,0.0114,-0.11045,0.01951,-0.08009,0.05312,-0.02668,0.04133,-0.00917,-0.03687,0.07683,-0.03249,-0.12264,0.0084,0.02867,-0.04821,-0.01237,0.00451,-0.00632,0.01765,-0.00889,-0.05136,-0.06278,0.02277,-0.01816,-0.03518,0.03591,0.02183,-0.03707,-0.05288,-0.06412,0.00942],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. spacingThreshold Controls how close the dragged node must be to the “equal spacing” position before snapping is suggested. - Smaller value → less snapping, more manual movement - Larger value → stronger snapping spacing Threshold","excerpt":"spacingThreshold Controls how close the dragged node must be to the “equal spacing” position before snapping is suggested. - Smaller value → less snapping, more manual movement - Larger value → stronger snapping"},{"chunkId":"/examples/magnetic-rects#7","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.07484,-0.06591,-0.05452,-0.03178,-0.02994,0.07105,-0.06416,0.02924,0.04856,-0.00452,0.00503,0.0097,-0.01882,0.02439,0.03067,0.06117,-0.08266,0.03046,0.05166,-0.00842,-0.02929,-0.08959,0.04084,-0.01173,-0.0196,0.06805,0.02637,0.01361,-0.01169,-0.13205,0.02663,0.01939,-0.05858,0.01453,-0.12977,0.09587,0.00358,0.04128,-0.06948,-0.03935,0.04856,0.08965,0.08076,-0.07513,0.05203,0.06082,-0.06976,0.01519,-0.03101,0.06584,-0.08693,-0.07199,-0.03036,0.07931,0.0955,0.04364,0.08867,-0.04349,0.01478,-0.03398,0.08399,-0.01817,0.00178,0.00021,0.01364,0.03579,-0.04058,0.04623,0.00829,-0.04046,-0.00548,-0.0618,-0.00946,-0.03245,0.01746,0.02115,-0.01667,0.05178,-0.01347,-0.00674,-0.03608,0.09072,0.01888,0.0846,-0.0431,0.03337,-0.00334,-0.08331,0.02674,-0.00822,0.04243,-0.03314,-0.0729,-0.01597,0.0293,-0.02186,-0.03354,0.0165,-0.13261,0.00205,0.08758,-0.03974,0.00228,-0.02415,-0.03454,-0.05656,0.01013,-0.01983,-0.03859,-0.03045,0.00251,0.03429,-0.07513,-0.0083,-0.04377,-0.02538,-0.02069,-0.02759,0.07858,0.058,-0.00761,0.05132,-0.03531,0.00813,0.06272,-0.00953,-0.06791,0,0.00051,0.05484,-0.01862,0.04977,0.03969,0.00917,-0.09511,-0.07528,0.08732,0.03261,-0.0381,0.07525,-0.03927,-0.00051,-0.08356,-0.15382,-0.01538,0.03193,-0.09678,-0.0135,-0.00252,-0.00431,-0.06018,-0.01738,0.06026,0.04299,-0.00046,0.07357,-0.04713,-0.01225,0.05587,0.04814,-0.00344,0.01862,-0.00087,0.01511,-0.06182,-0.08161,0.00879,-0.05004,0.05927,-0.01386,-0.08783,0.01723,0.03297,-0.04366,-0.01901,-0.0554,0.06122,0.03354,0.03327,0.0459,0.01825,-0.04629,0.06258,-0.1296,-0.02842,0.04899,-0.01201,0.03805,0.04101,-0.01703,-0.00422,-0.05672,0.01123,0.05929,-0.02775,0.01622,0.11346,-0.018,-0.08277,0.06029,0.02991,0.06047,-0.01201,-0.07284,0.00907,0.03943,0.02554,-0.02855,-0.0728,-0.05779,0.03357,0.01748,0.02854,-0.11708,0.03025,0.00907,-0.04522,0.01362,0.06714,0.07993,0.0233,0.07084,0.03623,0,-0.10009,0.03877,0.05473,0.07269,-0.01827,-0.05754,0.01452,0.04156,0.07041,0.04061,-0.00948,-0.03089,0.00646,-0.03512,0.00889,0.02351,-0.04025,-0.06109,0.06226,-0.01286,0.04769,0.03001,0.00713,0.00269,-0.01977,0.10621,-0.01684,-0.04972,0.03029,-0.02043,0.00532,-0.05852,-0.05854,-0.04197,-0.03404,-0.12382,-0.04555,0.075,0.02571,-0.02143,0.00449,0.05932,-0.03123,0.02461,-0.01954,0.02078,-0.02118,0.04813,-0.04849,0.03408,-0.08048,0.02565,0.01582,-0.08524,-0.05818,0.00385,0.0246,0.01056,0.05581,-0.01292,-0.03682,-0.07574,0.022,-0.04918,0.05407,0.10027,0.07995,-0.01691,0.04758,0.07896,0.07239,0.09902,0.01635,-0.04085,0.08039,0.0215,0.09093,-0.08091,0.02981,-0.06124,-0.03058,0.05364,-0.05269,0.01734,0.01262,0.08728,-0.07046,-0.02704,0.02495,0.07111,-0.03088,-0.01857,0.05007,0.01547,0.02217,0,-0.06804,0.05203,-0.01435,-0.00045,0.02243,0.01237,0.00753,0.02548,-0.00075,-0.00302,0.03594,0.11266,-0.03154,-0.03375,0.07726,0.01632,-0.03722,0.07166,-0.02138,0.05798,0.04693,0.01774,0.00801,0.12367,-0.04842,0.00754,-0.01316,0.10008,-0.00202,-0.05076,0.02866,-0.01681,0.1561,0.04743,-0.10356,0.01706,-0.071,0.04001,0.00486,0.06347,0.00399,-0.02933,0.0523,-0.03356,-0.11943,-0.00047,0.01164,-0.0328,-0.02315,0.00975,-0.02102,0.02485,-0.00052,-0.02509,-0.02128,0.02607,0.02743,-0.04501,0.06239,-0.00039,-0.08858,-0.01917,-0.03934,-0.02626],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. Notes - Magnetic Rects focus on spacing. If you need classic alignment guides for edges and centers, use Magnetic Lines. - The plugin is UX-only and does not own your diagram state - you still control node positions. - This remains true when Managed Flow State is enabled: Magnetic Rects only assists the gesture, while the separate state plugin records the resulting supported move.","excerpt":"Notes - Magnetic Rects focus on spacing. If you need classic alignment guides for edges and centers, use Magnetic Lines. - The plugin is UX-only and does not own your diagram state - you still control node positions. - This remains true when Managed Flow State is enabled: Magnetic Rects only assists the gesture, while the separate state plugin records the resulting supported move."},{"chunkId":"/examples/grid-system#0","slug":"grid-system","route":"/examples/grid-system","section":"examples","title":"Grid System","description":"Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code.","group":"Editor Helpers","vector":[-0.05769,0.03042,-0.14653,-0.02136,0.00752,-0.02525,-0.06373,0.02101,-0.02373,0.11854,-0.00903,0.04525,-0.0753,-0.00169,-0.04886,-0.08445,-0.02401,0.01302,0.00786,0.01713,-0.05415,-0.04967,0.05661,-0.0293,0.00958,0.01106,0.01926,0.03064,0.03292,-0.05612,0.01886,0.0415,-0.06705,0.04452,-0.05991,0.04124,0.03126,0.01472,0.02577,-0.03086,0.0658,0.02209,0.00107,-0.09103,0.0266,-0.00493,-0.07813,0.0813,-0.01513,-0.0063,-0.11894,-0.1101,0.02213,-0.00472,-0.0149,-0.0406,-0.01058,-0.02251,0.05982,-0.03057,0.07335,-0.02266,-0.02682,0.06737,0.00172,-0.03503,-0.04549,0.05837,-0.06191,-0.02616,0.00482,-0.04929,0.035,0.02271,0.00759,-0.0678,-0.05125,-0.00333,-0.01162,0.08485,0.02832,0.11314,-0.04141,0.06387,-0.05008,-0.02401,-0.02004,0.06234,0.00657,-0.11664,0.05823,-0.00268,0.03509,0.05871,-0.01544,0.01884,0.0722,-0.04651,-0.10717,-0.00131,-0.00053,-0.00743,0.07918,0.01266,0.01145,-0.00884,-0.05272,-0.01485,-0.00516,-0.01602,0.00075,-0.01885,-0.14697,-0.05019,-0.06003,-0.08456,0.01047,-0.05673,0.0036,-0.09724,-0.04079,0.01792,-0.0525,-0.01704,0.09284,0.11776,0.05319,0,-0.00416,0.08323,-0.00626,0.07335,0.11051,0.01843,-0.01906,-0.03183,0.07454,0.10838,0.04649,0.00683,-0.03855,0.0377,0.04538,-0.07691,0.00678,0.03762,-0.05605,0.06567,-0.02545,-0.02743,-0.00357,-0.00895,0.05986,-0.0102,-0.01667,-0.01126,-0.07676,-0.01222,0.06673,0.03434,-0.00198,-0.00138,-0.0035,-0.0637,-0.06376,-0.06454,0.03524,-0.00194,-0.0173,-0.02956,-0.038,0.01018,0.03577,0.00802,0.01806,-0.00739,0.04265,0.04695,0.04965,0.09083,-0.04304,-0.02887,0.03597,-0.03439,0.02534,0.01921,0.07329,0.10988,-0.07102,-0.1499,-0.0193,-0.01808,0.04286,-0.0951,-0.01383,-0.01237,0.12834,0.02695,-0.06233,-0.09851,0.04946,0.07767,-0.01545,0.01222,-0.04142,-0.00004,0.07864,-0.05882,0.03518,0.02352,0.03945,0.00726,-0.02721,-0.07907,-0.06973,0.00215,-0.06864,-0.05039,-0.05084,0.05621,0.11272,0.0587,0.02708,0,0.02263,0.0136,-0.03578,0.05674,-0.02134,0.03128,0.00392,0.00244,-0.03278,0.08151,0.05917,0.01375,0.01784,0.09186,-0.05348,0.08254,0.02863,-0.05292,-0.04675,-0.01603,0.06156,-0.02871,0.06849,0.03331,0.03316,0.03322,0.02938,-0.05227,0.01562,0.02965,-0.02207,-0.03923,0.06312,-0.08698,0.04328,-0.02827,-0.02221,0.10424,0.00615,-0.00985,0.00206,-0.00624,0.00488,0.00338,-0.0343,-0.04323,-0.0005,0.07501,-0.14328,-0.00562,-0.061,0.03584,0.04983,-0.00705,0.03912,-0.03126,-0.06336,-0.00651,-0.02224,-0.03718,-0.00485,-0.01382,0.04022,0.0141,0.06861,0.0941,-0.04318,-0.08359,-0.01193,0.04946,-0.00251,-0.04325,0.01353,-0.0165,0.00228,-0.03975,0.1135,-0.06809,0.08131,-0.06121,0.00348,0.01103,-0.04514,-0.05741,-0.02386,0.01986,0.01498,-0.04078,0.02383,0.08145,-0.0325,-0.04301,0.00746,-0.08242,0.06844,0,-0.09722,0.02701,0.00081,0.00066,-0.02135,-0.07162,0.06934,-0.01378,0.02972,0.04204,0.0473,0.04232,-0.00448,0.00545,0.08009,0.01061,-0.07898,0.05844,-0.03563,0.04463,0.05032,-0.02337,0.01884,0.09988,-0.01151,0.0002,-0.1053,0.01934,0.09405,0.03868,-0.00195,-0.05674,0.0897,0.03094,-0.04039,-0.00146,-0.0839,-0.05646,-0.02051,-0.07942,-0.00833,0.00442,0.00948,-0.02447,-0.06456,0.00571,-0.00631,0.01923,-0.00071,-0.00312,-0.03296,-0.0152,0.02268,-0.06344,-0.02237,0.03512,-0.02296,-0.02196,0.07588,0.04197,-0.03676,0.01121,-0.10558,0.04321],"keywords":"Grid System Grid System Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code. --- toc: false wideContent: true --- Grid System wide Content","excerpt":"--- toc: false wideContent: true --- Grid System"},{"chunkId":"/examples/grid-system#1","slug":"grid-system","route":"/examples/grid-system","section":"examples","title":"Grid System","description":"Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code.","group":"Editor Helpers","vector":[-0.053,0.07679,-0.13834,-0.00953,0.00413,-0.00542,-0.0739,0.08475,0.06048,0.07626,-0.07736,0.03521,-0.02087,-0.01418,-0.00239,-0.06699,-0.03739,-0.00616,-0.06364,0.00316,-0.0703,-0.08862,0.01654,-0.03469,0.02882,0.03202,-0.00233,0.08208,0.06325,-0.07463,-0.02285,0.05587,-0.00472,0.08564,-0.09884,0.06125,0.02103,0.02224,-0.04262,-0.05217,0.05555,0.03662,-0.01343,-0.08503,-0.027,-0.01666,-0.0515,0.02064,-0.06824,0.04153,-0.14267,-0.11128,-0.01983,0.03078,-0.00216,-0.00846,0.0135,-0.06088,0.0744,-0.01568,0.01873,-0.01355,-0.01046,0.05719,0.01206,0.01014,-0.01391,0.00918,-0.02288,0.01696,-0.00313,-0.03492,0.02494,0.03021,-0.0191,-0.04351,-0.0632,0.00521,-0.01576,0.02806,0.04199,0.12464,-0.04483,0.09291,-0.0171,-0.01356,0.01606,-0.03789,0.0244,-0.07038,0.03247,0.08449,0.0153,0.03813,0.01203,0.01632,0.08993,-0.05606,-0.09489,0.04297,0.01333,-0.03325,0.12542,-0.00526,-0.00816,-0.04924,-0.0189,-0.03357,-0.0373,-0.03193,-0.00493,0.02834,-0.12453,-0.02613,-0.0287,-0.05779,-0.00583,-0.08496,0.02045,-0.0279,-0.02295,0.00585,-0.03699,-0.01537,0.11949,0.05221,-0.00954,0,-0.00372,0.09381,-0.0228,0.08139,0.15664,0.04155,-0.04412,-0.05637,0.05328,0.04344,0.02628,0.04154,-0.03853,0.05202,0.0456,-0.06315,0.00989,0.07676,-0.09669,0.03241,0.03166,-0.08724,0.00569,0.02076,0.02157,0.02737,0.00049,0.02046,-0.09146,-0.02237,0.0273,0.00121,0.02076,-0.01348,0.00694,-0.03523,-0.0645,-0.09263,0.02317,-0.04679,-0.01965,0.03239,-0.01819,-0.02289,0.02485,0.03081,-0.02987,0.00268,0.05391,0.02386,0.05891,0.11017,0.06077,0.00152,0.03822,-0.04138,0.03791,0.00013,0.06247,0.08297,-0.04854,-0.06286,-0.01994,0.00852,0.06442,-0.02566,-0.00952,0.01485,0.0996,-0.04436,-0.05915,-0.04554,-0.00857,0.04398,-0.01595,-0.00211,-0.02282,-0.02995,0.06491,-0.06268,-0.01371,0.01389,0.03414,-0.01561,0.00782,-0.13755,-0.02604,-0.03818,-0.07382,-0.01634,0.00047,0.04775,0.08672,0.03126,0.03315,0,-0.01923,0.03147,-0.01236,0.07817,-0.0031,0.0353,-0.01023,-0.01244,0.01361,0.03199,0.03536,-0.00202,-0.0185,0.03633,-0.01595,0.04669,-0.02817,-0.0976,-0.01539,-0.08078,0.07302,0.01934,0.03346,0.05967,-0.0011,0.01899,0.01944,-0.05071,0.00997,0.00817,0.01613,-0.01502,0.02016,-0.06416,0.07434,-0.07852,-0.00416,0.07383,0.04735,0.00715,0.01948,0.01323,-0.01866,-0.03002,-0.05303,0.05335,0.00296,0.05636,-0.08356,0.00296,-0.07443,0.06374,-0.00486,-0.03867,0.01132,-0.05034,-0.00997,0.0105,-0.0025,-0.06483,-0.08318,-0.01795,0.03358,0.00656,0.04842,0.06579,-0.01829,-0.10827,0.00451,0.07662,0.0175,-0.02061,-0.04294,-0.03285,0.01363,-0.01285,0.1576,-0.04742,0.08314,-0.05193,0.00341,0.05168,-0.04186,-0.04251,-0.07452,0.01708,0.00017,-0.02165,0.04132,0.09385,-0.03611,-0.03171,0.02715,-0.01249,0.0454,0,-0.12241,0.06251,-0.0523,0.03346,-0.00953,-0.06678,0.04019,0.03479,0.04577,0.05535,0.08028,0.01244,-0.03457,-0.03654,0.05491,0.01883,-0.08338,0.04593,-0.05336,0.03098,0.04302,0.01003,0.00114,0.12987,0.01408,-0.04827,-0.06125,0.03314,0.06855,0.00634,-0.00706,0.03643,0.13991,0.10969,-0.06861,-0.0096,-0.0776,0.00662,-0.00754,-0.0506,0.01715,-0.00029,-0.00615,-0.05854,-0.10057,0.04208,-0.00679,0.03497,0.00008,-0.00537,-0.0511,0.00086,0.02913,-0.02307,-0.04672,0.05212,-0.04362,-0.01062,0.14949,0.01937,-0.04943,0.00612,-0.06426,-0.01041],"keywords":"Grid System Grid System Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code. Description This guide demonstrates how to position nodes in a grid system using Foblex Flow for Angular. To enable the grid system, parameterize the fDraggable directive with the grid properties [vCellSize] and [hCellSize]. - [vCellSize]: Defines the vertical size of each grid cell. - [hCellSize]: Defines the horizontal size of each grid cell. Grid snapping is useful when your editor should feel structured instead of fully freeform, especially for dashboards, internal tools, and business workflow builders where consistency matters. It is also a practical way to reduce accidental misalignment when users place many nodes manually. The result is a cleaner layout with less effort from the user. In many internal tools, that consistency makes screenshots, reviews, and shared diagrams much easier to understand. It is a simple constraint, but it can noticeably improve perceived quality. f Draggable v Cell Size h Cell Size","excerpt":"Description This guide demonstrates how to position nodes in a grid system using Foblex Flow for Angular. To enable the grid system, parameterize the fDraggable directive with the grid properties [vCellSize] and [hCellSize]. - [vCellSize]: Defines the vertical size of each grid cell. - [hCellSize]: Defines the horizontal size of each grid cell. Grid snapping is useful when your editor should feel structured instead of fully freeform, especially for dashboards, internal tools, and business workflow builders where consistency matters. It is also a practical way to reduce accidental misalignment when users place many nodes manually. The result is a cleaner layout with less effort from the user. In many internal tools, that consistency makes screenshots, reviews, and shared diagrams much easier to understand. It is a simple constraint, but it can noticeably improve perceived quality."},{"chunkId":"/examples/grid-system#2","slug":"grid-system","route":"/examples/grid-system","section":"examples","title":"Grid System","description":"Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code.","group":"Editor Helpers","vector":[-0.04601,0.04338,-0.1431,-0.04368,0.02745,0.03451,-0.06116,0.07807,-0.03151,0.12602,-0.04901,0.06593,-0.04955,0.01158,-0.0296,-0.10911,-0.09107,0.04722,-0.0189,0.03143,-0.02788,-0.06753,0.0773,0.00089,0.00549,-0.013,0.03495,0.0467,0.0317,0.00479,0.03809,0.03961,-0.01806,0.06247,-0.04608,0.02963,-0.00737,0.05365,0.00567,-0.05214,0.07771,0.04119,-0.01065,-0.14547,0.00328,0.01229,-0.05915,0.08417,-0.05721,-0.02189,-0.11365,-0.10313,0.00083,0.04528,0.01835,-0.0628,0.01115,-0.06652,0.07141,-0.0208,0.03488,-0.05301,-0.02313,0.02869,0.02222,0.01002,-0.06926,0.03609,-0.05971,0.04399,0.03971,-0.0348,0.01396,0.01972,-0.00096,-0.05191,-0.07658,0.06944,-0.01544,0.08473,0.02528,0.06378,-0.02416,0.06261,-0.05767,0.01912,0.00385,0.01794,0.00133,-0.11316,0.04248,0.043,-0.00745,0.04432,0.02153,0.03025,-0.00996,-0.01157,-0.09994,0.00071,-0.03458,-0.03758,0.08757,0.0426,0.03579,0.00067,-0.02324,0.00313,-0.03795,-0.02156,0.00258,0.01004,-0.06053,-0.0288,-0.03383,-0.08992,-0.00137,-0.07559,-0.00057,-0.0336,-0.00757,0.01168,-0.04179,-0.03833,0.11416,0.11833,0.03227,0,-0.01326,0.11142,-0.02123,0.02699,0.09481,-0.01858,-0.02826,-0.07662,0.06564,0.10953,-0.027,0.01794,-0.04734,-0.00952,-0.00358,-0.10747,0.04759,0.02251,-0.05804,0.0469,0.02737,-0.02516,-0.00299,0.00271,0.08119,-0.0288,-0.02333,-0.03538,-0.07531,-0.02871,0.08227,0.06629,0.0072,-0.06342,0.02747,-0.08335,-0.01597,-0.03191,-0.0141,-0.00117,0.06245,-0.00692,-0.03054,0.07742,0.01402,0.00156,0.00954,-0.04571,0.09775,0.0569,0.0515,0.0829,0.02111,-0.02654,0.0399,-0.06406,0.03121,0.01251,0.03399,0.08116,-0.09324,-0.12372,0.01867,-0.02314,0.08794,-0.09073,0.00226,0.01326,0.10846,-0.01899,-0.06528,-0.05468,-0.00072,0.0552,-0.00582,0.02076,-0.00273,0.05603,0.04737,-0.01989,0.03257,-0.00595,-0.02318,0.03366,0.00754,-0.12601,-0.08988,-0.02284,-0.04387,-0.11086,-0.01554,0.02698,0.0653,0.05545,0.01135,0,0.05073,-0.00243,-0.00246,0.06849,-0.0707,0.039,0.02647,0.02904,-0.03117,0.08017,0.04931,0.01152,0.06038,0.05179,-0.01887,0.03455,-0.01146,-0.03294,0.03829,-0.02957,0.07146,0.02355,0.0439,0.0398,0.04258,0.06758,0.06815,-0.01613,0.00069,0.00295,-0.00538,-0.02426,0.00829,-0.0529,0.00612,-0.04127,-0.01238,0.11322,-0.00302,-0.03015,0.06444,0.04895,0.02177,-0.0178,-0.01652,-0.04445,0.0406,0.04104,-0.11417,-0.03052,-0.06456,0.03878,0.02107,0.0186,0.05459,-0.06822,0.0085,-0.03933,-0.04235,-0.03266,0.03458,-0.00301,0.00259,-0.02026,0.05236,0.09819,-0.06781,-0.08817,-0.01593,0.05013,-0.02612,-0.04714,0.01607,0.01469,0.0184,0.00161,0.09251,-0.00513,0.09599,-0.04131,0.0023,0.01988,-0.06464,-0.02253,-0.03863,0.05007,-0.03112,-0.06593,0.05726,0.03387,-0.05192,-0.06704,0.00373,-0.06041,0.08209,0,-0.07347,0.03157,0.0085,0.02309,0.00477,-0.06983,0.03149,-0.03835,0.00508,0.03821,0.00142,0.04462,0.03603,-0.03226,0.04834,-0.00994,-0.08175,0.06369,-0.0429,0.04471,0.02543,-0.02124,0.04395,0.11343,-0.02231,-0.05518,-0.08698,-0.01792,0.06523,0.00821,-0.02675,-0.03921,0.11653,0.01962,-0.00744,-0.02603,-0.13324,-0.04102,0.01248,-0.06146,-0.01084,-0.06315,0.05407,-0.05392,-0.09922,0.03364,-0.02623,0.0495,0.01084,0.00025,-0.02776,0.0136,-0.00551,-0.02217,-0.02927,0.0154,-0.038,0.0177,0.0681,-0.01258,-0.00725,-0.00701,-0.08701,-0.00715],"keywords":"Grid System Grid System Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code. Example ::: ng-component <grid-system</grid-system [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.scss :::","excerpt":"Example ::: ng-component <grid-system</grid-system [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.scss :::"},{"chunkId":"/examples/grid-system#3","slug":"grid-system","route":"/examples/grid-system","section":"examples","title":"Grid System","description":"Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code.","group":"Editor Helpers","vector":[-0.10529,0.03036,-0.14018,-0.03499,-0.00885,0.00499,-0.03829,0.04974,-0.03602,0.06334,0.01532,0.0572,-0.03106,-0.00001,-0.03976,-0.00667,-0.05652,-0.00986,0.00067,0.05186,-0.03877,-0.08363,0.00183,-0.01946,0.029,0.02746,0.03693,0.04156,0.02438,-0.09762,0.01479,0.03501,-0.08537,0.05929,-0.10444,0.04597,0.0372,0.04627,-0.01606,-0.02653,0.03273,-0.01545,0.0147,-0.07092,-0.00675,0.01581,-0.02056,0.04835,0.00005,-0.02204,-0.12856,-0.10653,0.01992,0.00316,0.01386,-0.00855,0.03197,-0.07053,0.01309,-0.06748,0.10434,0.00143,-0.04322,0.03853,0.01091,-0.04079,-0.06149,0.06632,-0.01661,-0.06036,-0.00717,-0.05848,0.00348,0.03128,-0.02841,-0.01505,-0.02522,0.0117,-0.00154,0.06954,-0.01436,0.09709,-0.08416,0.09753,-0.04498,0.03343,-0.0296,0.02627,-0.00298,-0.09634,0.10274,0.03064,-0.00282,0.02899,0.00431,0.01542,0.06496,-0.07669,-0.12743,0.02155,0.01357,-0.00389,0.05571,0.02514,-0.03347,-0.03186,-0.00672,-0.08673,-0.03822,-0.01494,-0.02854,-0.03167,-0.16503,-0.05029,-0.03717,-0.07039,0.02,-0.03407,0.00169,-0.02209,0.01621,0.05702,-0.02424,-0.00969,0.07089,0.12736,0.01814,0,-0.00828,0.06685,-0.016,0.03946,0.13855,-0.0367,-0.05186,-0.01562,0.09235,0.1191,0.00624,0.00469,-0.00962,0.06399,-0.00244,-0.1461,0.05009,0.00692,-0.02715,0.03116,-0.05515,-0.01934,-0.00186,-0.0125,0.05958,0.05727,0.02731,0.02019,-0.01208,-0.0133,0.06089,-0.00991,-0.05799,-0.00051,-0.05132,-0.04106,-0.07488,-0.08004,0.05577,-0.01294,0.05057,-0.03958,-0.03519,0.02967,0.04488,0.0424,0.03708,-0.0248,0.04148,0.04619,0.03034,0.06103,-0.01787,-0.00008,0.08885,-0.03917,-0.0082,0.01191,0.04312,0.07792,-0.0273,-0.05298,-0.00967,-0.03356,0.07192,-0.11,-0.00325,0.00227,0.11984,0.00446,-0.04868,-0.05037,0.06647,0.0512,0.00115,-0.00491,-0.06403,-0.03261,0.07443,-0.05013,-0.02352,0.00091,0.03569,0.01552,0.04056,-0.04331,-0.02473,-0.01202,-0.06684,-0.04266,-0.05923,0.05189,0.10365,0.02064,0.03836,0,-0.05035,-0.00961,0.00543,0.05777,0.02318,0.05406,0.00295,0.00231,-0.00185,0.12263,-0.01999,0.04877,0.0174,0.08594,0.01166,0.06474,-0.07425,-0.05566,-0.0021,-0.01508,0.07459,0.04346,0.02831,0.04649,-0.01358,0.02694,0.03079,-0.06575,0.01159,0.04774,-0.01591,-0.01977,0.02665,-0.04317,0.01708,-0.05589,0.0082,0.12058,-0.01622,-0.05552,0.00147,-0.00421,0.05251,-0.03941,-0.03971,-0.03688,-0.0217,0.09435,-0.09811,0.04004,-0.0897,0.01928,-0.00583,-0.00692,0.04114,-0.05094,-0.00259,-0.00598,0.04085,-0.01125,-0.03558,-0.06863,-0.03545,-0.02365,0.06643,0.0797,0.00967,-0.06545,-0.04098,0.08215,0.01089,0.0501,0.02702,-0.06889,0.05252,-0.02976,0.12835,-0.02133,0.08193,-0.08494,0.03361,0.01054,-0.08901,-0.04867,-0.04791,-0.00025,-0.0084,-0.06901,0.01068,0.05076,-0.01009,-0.01252,0.03412,-0.0062,-0.00534,0,-0.03693,0.03998,0.01837,-0.02674,-0.01091,-0.02579,0.04753,-0.00817,0.03162,-0.01692,0.05687,0.03554,0.01825,0.07462,0.06164,0.01699,-0.07361,0.05441,-0.02169,0.02363,0.09841,0.006,0.04312,0.10221,-0.01679,0.02174,-0.0589,0.02823,0.07489,0.02531,0.00271,0.00305,0.15112,0.01762,-0.02012,-0.01331,-0.11139,-0.0246,0.01296,-0.04413,0.01485,-0.01853,-0.02562,-0.07566,-0.07861,0.01172,-0.0642,-0.02488,-0.01821,0.01724,-0.05689,-0.00429,0.06603,-0.01819,-0.0009,0.05124,-0.01766,-0.03388,0.0947,0.02124,-0.01983,0.0326,-0.10871,0.03845],"keywords":"Grid System Grid System Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code. Related docs - Drag and Drop - Magnetic Lines Example","excerpt":"Related docs - Drag and Drop - Magnetic Lines Example"},{"chunkId":"/examples/add-node-from-palette#0","slug":"add-node-from-palette","route":"/examples/add-node-from-palette","section":"examples","title":"Add Node from Palette","description":"Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation.","group":"Editor Helpers","vector":[-0.05256,-0.01446,-0.00139,0.06226,0.04795,0.1035,0.09591,0.02267,0.021,0.07355,-0.05744,-0.01719,-0.03848,0.04234,0.05205,0.04871,0.006,-0.00309,-0.04156,0.00955,-0.00248,-0.11937,-0.00272,-0.05192,0.11068,0.02811,-0.037,-0.06818,0.08901,0.04249,-0.01434,0.01089,-0.00965,0.0096,-0.15541,0.04826,0.03279,0.01471,-0.07719,-0.02071,0.09436,0.10501,-0.04379,-0.06621,0.00795,-0.06779,0.00645,0.05716,-0.0401,0.1015,-0.01373,-0.08681,-0.05938,0.03876,-0.024,0.07996,0.01236,-0.02636,0.06827,0.03133,0.02913,-0.04923,0.00565,0.06555,0.08413,-0.01282,-0.05103,0.10575,-0.00251,-0.02605,0.06815,-0.05872,0.03993,-0.00066,0.03169,0.00068,-0.03599,0.06212,-0.07042,-0.02152,0.05511,0.06056,-0.0002,0.11108,0.02279,0.12355,-0.0532,-0.01171,-0.10849,-0.05864,-0.02048,0.02294,-0.03021,0.02824,0.01497,-0.05193,-0.01062,0.01017,-0.02152,-0.03569,0.04218,-0.03892,-0.03598,0.04727,-0.01449,-0.02884,-0.06224,-0.10781,-0.11371,0.05671,0.00223,0.0441,-0.01703,-0.02617,-0.04508,-0.03686,-0.08752,-0.01976,-0.00348,0.07328,-0.05802,0.04158,-0.01421,-0.00391,0.03815,-0.06414,-0.01917,0,0.04717,-0.01834,0.02634,-0.00492,0.08793,-0.0018,-0.01637,-0.07508,-0.06509,0.03988,0.01928,0.0429,0.01368,0.05515,0.01815,-0.03631,-0.01146,0.00194,0.00987,0.00463,-0.01538,-0.03822,-0.12938,0.02121,0.03023,0.06315,-0.02689,0.07703,0.04892,0.0196,0.02727,0.05405,0.01119,0.04391,-0.04672,-0.04243,-0.01017,-0.02497,0.01914,-0.02169,0.0452,-0.01669,-0.0719,0.07141,-0.09077,-0.05755,0.03536,0.02629,0.07672,-0.0071,-0.06226,0.01249,-0.01318,-0.04365,0.00818,0.00498,-0.01653,0.04253,0.05487,0.00006,0.03416,0.01651,-0.02328,-0.02973,0.07454,0.0481,-0.02285,-0.09002,0.0317,-0.075,-0.00286,0.06674,-0.00059,0.03761,0.12778,-0.01308,-0.05575,0.00586,0.01213,0.01816,-0.08091,-0.10418,0.01793,0.01185,0.01122,-0.01377,0.01943,0.03037,-0.0381,-0.01084,0.04396,-0.01686,-0.00374,-0.04705,-0.03024,0,-0.007,0.0532,0.08139,0.09642,0.08566,-0.03187,-0.02686,0.00493,0.03707,0.09322,-0.00427,0.04992,0.0221,0.07359,-0.05889,0.04144,-0.05259,-0.04062,-0.04147,-0.14707,0.00592,-0.05269,0.00183,-0.03987,-0.12979,0.05309,0.06026,-0.03434,-0.07961,-0.02544,-0.0394,0.03293,-0.05526,0.04887,0.0509,-0.04737,0.0555,-0.01878,-0.05758,-0.05596,-0.08925,-0.06612,-0.03384,0.00384,0.01337,-0.03623,-0.04579,0.10793,0.02546,0.01447,-0.00142,-0.00038,-0.00528,0.02477,0.00832,-0.02181,0.05732,-0.04076,0.09444,-0.03193,0.04109,-0.04479,-0.04684,-0.0322,0.06017,-0.00005,-0.04274,-0.06712,0.06153,0.03373,0.03314,0.03077,0.05781,-0.02767,0.09215,0.04087,0.1037,-0.05071,0.03884,-0.0933,0.01023,0.04326,0.02779,-0.02656,0.07626,0.04839,-0.03084,-0.04317,0.03487,-0.00341,-0.10227,-0.02123,-0.01308,0.00828,0.0792,0,-0.01697,0.07008,-0.00294,-0.00583,-0.01305,-0.00506,-0.01187,0.03205,0.03105,0.02396,0.00213,0.00954,0.02575,-0.01061,0.08779,-0.02797,0.09062,0.03085,-0.02276,-0.01503,0.04392,0.05554,0.07414,0.03466,-0.04787,-0.00492,-0.03303,0.01118,-0.01655,0.0346,-0.05633,-0.00748,-0.00121,0.08277,-0.11899,-0.04952,-0.06029,-0.02754,-0.02448,-0.03323,0.0907,-0.0486,0.00298,0.00674,0.01146,0.02726,0.01211,-0.02082,-0.01571,0.07021,0.01041,-0.0569,-0.00978,-0.04252,-0.00029,-0.01949,-0.07386,0.04358,-0.05826,0.04033,-0.14138,-0.03579,-0.00243,-0.09092],"keywords":"Add Node from Palette Add Node from Palette Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation. Adding a Node from the Palette","excerpt":"Adding a Node from the Palette"},{"chunkId":"/examples/add-node-from-palette#1","slug":"add-node-from-palette","route":"/examples/add-node-from-palette","section":"examples","title":"Add Node from Palette","description":"Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation.","group":"Editor Helpers","vector":[-0.01699,0.02338,-0.05282,0.05699,0.09206,0.02233,0.10638,0.03937,0.00718,0.05928,-0.08361,-0.00544,-0.01827,0.02616,0.08054,0.00019,0.00055,-0.01243,-0.01651,0.02021,-0.00744,-0.09872,-0.01205,-0.07366,0.03349,0.01633,-0.049,-0.03852,0.09485,-0.00465,-0.0034,0.0685,0.00481,0.0655,-0.1676,0.08136,0.0037,0.05669,-0.06349,-0.03277,0.05147,0.06858,-0.07701,-0.06365,-0.00121,-0.11151,-0.02174,0.02526,-0.02171,0.12698,-0.02628,-0.07332,-0.06199,0.06673,0.01628,0.06102,0.02852,-0.07549,0.02665,0.07409,0.02643,-0.0445,-0.02061,0.03521,0.11626,0.02939,-0.05531,0.03833,0.02041,-0.02366,0.09104,-0.02912,0.02487,-0.03126,0.0402,-0.00578,-0.06782,0.06524,-0.0533,-0.05322,0.08055,0.09895,0.02709,0.1053,0.0331,0.12284,-0.06813,-0.0339,-0.0672,-0.00424,-0.05596,0.05742,-0.06264,0.0234,-0.00101,-0.04537,0.01875,0.01271,-0.0164,0.00494,0.03712,-0.02779,-0.02392,0.00987,-0.03443,-0.0317,-0.07022,-0.0642,-0.10443,0.04063,-0.01907,0.08067,-0.02039,-0.06122,-0.05305,-0.03108,-0.06397,-0.05941,-0.00065,0.0631,-0.01471,0.09273,-0.0391,0.01159,0.04751,-0.08222,-0.06863,0,0.04241,0.02738,0.02111,0.00353,0.11893,0.01063,-0.01326,-0.08785,-0.05692,0.01915,0.01145,0.05912,-0.02519,0.01538,0.03106,-0.10051,0.0024,-0.02106,0.05687,-0.02843,0.01284,-0.05692,-0.0746,0.03657,0.05728,0.11841,-0.06232,0.08546,0.03116,0.03167,-0.03208,0.03389,0.04713,0.01887,-0.02694,-0.06541,-0.06146,-0.04548,0.00319,-0.04704,0.06613,0.00696,-0.04476,0.04629,-0.05129,-0.02961,-0.02898,0.06714,0.11001,0.03529,-0.00488,0.01512,-0.00248,-0.06936,-0.00581,-0.05721,-0.03301,-0.00042,0.02812,0.047,0.01746,0.00961,-0.02934,0.04706,0.02658,0.03838,-0.00253,-0.03638,0.03137,-0.06398,-0.03851,0.10685,0.02736,0.05442,0.12162,-0.01748,-0.04721,-0.06926,-0.00751,-0.01932,-0.06141,-0.10349,-0.02036,0.01262,0.02358,-0.04259,0.01575,0.01834,-0.0203,-0.04205,0.06384,-0.03755,-0.00479,-0.03996,-0.00451,0,-0.0007,0.03881,0.05795,0.09068,0.03893,-0.02402,-0.00665,-0.00796,0.03672,0.12632,-0.01253,0.01946,0.01478,0.00489,-0.07182,0.04095,-0.06524,-0.03984,-0.05055,-0.10006,-0.02373,-0.05434,-0.01096,0.01083,-0.06897,0.05489,0.03917,-0.02523,-0.0168,-0.01638,-0.0701,-0.03161,-0.02645,-0.02831,0.08619,-0.06763,0.09409,0.01499,-0.00989,-0.04159,-0.06015,0.00175,-0.05667,0.00024,-0.03681,0.01741,-0.06024,0.10152,0.00889,0.0159,-0.00416,0.0026,-0.02786,-0.04545,-0.02183,-0.03454,0.06772,0.02353,0.02246,0.00763,0.03038,-0.06438,-0.01745,-0.02877,0.07626,-0.01477,-0.06805,-0.02801,0.02816,0.10161,0.07646,0.0186,0.02786,0.00873,0.07338,0.0007,0.1543,-0.05851,0.0042,-0.01319,0.04876,0.05276,0.00789,0.01242,0.05642,0.02199,-0.04096,-0.01115,0.03305,0.00004,-0.05894,0.02412,-0.01089,-0.03208,0.06582,0,-0.07262,0.02567,-0.033,-0.0116,-0.00159,-0.01612,0.02122,-0.001,0.0355,-0.00954,0.01916,0.04374,0.01202,-0.05221,0.05733,-0.03906,0.0957,0.04164,-0.02924,-0.03994,-0.0391,0.03706,-0.00157,0.05986,-0.03178,-0.04991,-0.04465,0.00593,0.01739,0.06904,-0.05787,-0.01524,0.04252,0.09134,-0.11316,-0.04719,-0.04797,-0.03859,-0.08274,-0.03775,0.07786,-0.00204,-0.00975,-0.02439,-0.04287,0.01974,-0.00131,-0.00549,0.01226,0.04904,0.01514,-0.04852,0.02634,-0.0474,-0.00463,-0.00085,-0.05712,0.03814,0.01607,0.00836,-0.13606,-0.00354,0.0671,-0.06513],"keywords":"Add Node from Palette Add Node from Palette Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation. Description This guide shows how to add fNode to the f-canvas using the fExternalItem directive. The directive allows placing elements outside the canvas and moving them onto it while preserving metadata through fData. This pattern is useful in real workflow builders where users pick a node type from a sidebar or command palette, then drop it onto the canvas to create a new graph element. f Node f External Item f Data","excerpt":"Description This guide shows how to add fNode to the f-canvas using the fExternalItem directive. The directive allows placing elements outside the canvas and moving them onto it while preserving metadata through fData. This pattern is useful in real workflow builders where users pick a node type from a sidebar or command palette, then drop it onto the canvas to create a new graph element."},{"chunkId":"/examples/add-node-from-palette#2","slug":"add-node-from-palette","route":"/examples/add-node-from-palette","section":"examples","title":"Add Node from Palette","description":"Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation.","group":"Editor Helpers","vector":[-0.03587,-0.00431,-0.02174,0.05534,0.08912,0.13551,0.07139,0.04798,0.01144,0.07249,-0.0936,-0.00754,-0.03206,0.02959,0.03856,0.03343,-0.00535,0.02367,-0.0426,-0.0068,0.04067,-0.12002,0.01521,-0.01251,0.05324,0.02915,-0.04703,-0.09104,0.06942,0.03613,0.01319,0.04554,-0.00172,0.03599,-0.13527,0.04544,0.00864,0.03065,-0.08943,-0.03175,0.09012,0.09728,-0.06432,-0.11558,0.0289,-0.07177,-0.00404,0.06222,-0.06739,0.07078,-0.00774,-0.08445,-0.0473,0.05638,-0.00572,0.06252,0.02666,-0.06842,0.09344,0.05103,-0.032,-0.06191,-0.00851,0.04645,0.0852,0.02673,-0.07048,0.08027,0.0002,0.01174,0.0667,-0.06114,0.01383,0.00519,0.02767,0.00423,-0.02863,0.09661,-0.08714,-0.03598,0.04805,0.03573,0.01741,0.10109,0.01742,0.14651,-0.04079,-0.01271,-0.07176,-0.04499,-0.04766,0.04217,-0.0587,0.01598,0.05976,-0.06945,-0.05728,-0.00448,-0.01098,-0.0147,0.02978,-0.05616,0.01168,0.05731,0.01401,-0.00541,-0.03818,-0.03678,-0.10073,0.02081,-0.0153,0.04329,0.03252,-0.04662,-0.03426,-0.04918,-0.06174,-0.0336,-0.0026,0.10856,-0.001,0.03136,-0.05579,-0.01493,0.05854,-0.02156,0.00587,0,0.02546,0.0086,0.00914,0.01427,0.08547,-0.00238,0.00811,-0.10466,-0.08863,0.08144,-0.00278,0.05894,-0.01829,0.04338,-0.03613,-0.06451,0.00456,-0.01299,-0.00117,-0.01117,-0.02964,-0.03573,-0.10842,0.01229,0.06002,0.01496,-0.04113,0.08105,0.03983,0.0068,0.02747,0.05283,0.05439,0.00281,-0.05211,-0.04874,-0.01419,-0.0226,0.00662,0.00702,0.06834,0.01379,-0.04516,0.09189,-0.08209,-0.04387,-0.01742,0.01938,0.10913,0.00539,-0.02037,0.03077,-0.0163,-0.02798,0.04696,-0.01659,-0.02145,0.02228,0.03435,0.03409,0.00637,0.01513,-0.03717,-0.01444,0.10603,0.04233,-0.01393,-0.05354,0.01193,-0.09942,-0.04631,0.10243,-0.01431,0.01551,0.09889,-0.02575,-0.01473,0.01912,0.02752,0.03652,-0.06307,-0.10108,-0.00585,0.04306,0.03926,-0.04972,0.00272,-0.01332,-0.06329,-0.08362,0.08066,-0.03781,-0.00916,-0.05748,-0.01728,0,0.03469,0.05995,0.05823,0.14574,0.05416,-0.02282,0.00933,0.03935,0.05586,0.09257,0.01203,0.07711,0.04779,0.02051,-0.02956,0.02544,-0.05136,-0.04008,-0.00589,-0.11393,0.01935,-0.01927,0.00001,-0.03844,-0.11862,0.05529,0.07128,0.00764,-0.06474,-0.04104,-0.02802,-0.00258,-0.07559,0.02997,0.04362,-0.06403,0.03566,0.04376,-0.0526,-0.01762,-0.02752,-0.01362,-0.03737,-0.02609,-0.00735,-0.01183,-0.02682,0.0621,-0.00212,-0.00607,-0.02469,-0.01943,-0.02429,0.04317,0.01557,-0.05123,0.06533,-0.02711,0.01551,-0.00663,0.07688,-0.04726,-0.06325,-0.05331,0.06003,0.00373,-0.06889,-0.05992,0.07061,0.03708,0.0366,0.01043,0.04385,0.0015,0.06253,0.05142,0.05405,-0.02865,0.0181,-0.04613,0.0123,0.07661,0.02382,-0.01266,0.08005,0.07048,-0.08017,-0.05854,0.07666,-0.02087,-0.12001,-0.02811,0.00906,-0.00975,0.07454,0,-0.04968,0.03275,-0.00515,-0.01817,-0.00731,-0.00407,-0.01612,-0.00242,0.01228,0.00564,-0.02674,0.03838,0.06989,-0.04668,0.06218,-0.03002,0.07048,0.02767,-0.0378,-0.00353,0.01696,0.06201,0.06388,0.0578,-0.05153,-0.05226,-0.02358,0.02456,0.00203,0.00267,-0.05197,-0.02285,-0.00387,0.0492,-0.08825,-0.04262,-0.12009,-0.03327,-0.01298,-0.01674,0.06711,-0.0756,0.00414,-0.00794,-0.03494,0.02401,0.01144,-0.00179,-0.02339,0.05937,-0.01483,-0.03124,-0.06291,0.00799,0.01716,-0.07256,-0.05068,0.05917,-0.01923,0.00402,-0.122,-0.02191,-0.02,-0.08836],"keywords":"Add Node from Palette Add Node from Palette Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation. Example ::: ng-component <add-node-from-palette</add-node-from-palette [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.scss :::","excerpt":"Example ::: ng-component <add-node-from-palette</add-node-from-palette [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.scss :::"},{"chunkId":"/examples/add-node-from-palette#3","slug":"add-node-from-palette","route":"/examples/add-node-from-palette","section":"examples","title":"Add Node from Palette","description":"Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation.","group":"Editor Helpers","vector":[-0.07132,-0.00776,-0.00498,0.08805,0.05381,0.10993,0.04845,0.01158,-0.01696,0.06188,-0.08526,-0.01968,-0.02901,-0.00559,0.00224,0.00709,0.04711,0.00873,-0.03374,0.04144,0.00238,-0.13966,-0.0211,-0.02792,0.10001,0.02276,-0.01698,-0.0241,0.06806,-0.0087,0.01121,0.02481,-0.0562,0.02549,-0.1641,0.04256,0.04069,0.00829,-0.0676,-0.0389,0.05237,0.11239,-0.07157,-0.04515,-0.02043,-0.06061,0.06537,0.05818,-0.06062,0.08976,-0.00437,-0.05346,-0.01025,0.03066,-0.0166,0.06088,-0.01085,-0.05946,0.01707,0.01726,-0.02693,0.01237,0.00889,0.01274,0.06449,0.02305,-0.01958,0.07551,0.04004,-0.02553,0.06144,-0.03348,0.01667,0.01417,0.0138,0.00943,0.00489,0.05528,-0.05345,0.01528,0.11323,0.0869,0.0145,0.09466,-0.07094,0.10777,-0.01353,-0.01413,-0.0734,-0.061,0.00221,0.03159,-0.05627,0.00331,0.03345,-0.06185,0.03746,-0.00999,-0.01645,-0.01567,0.07081,-0.06487,0.02937,-0.00434,-0.0315,-0.04294,-0.06685,-0.09682,-0.08414,0.05607,0.03571,0.03335,-0.0484,0.01224,-0.07045,-0.04704,-0.05756,-0.05876,-0.03394,0.08236,-0.05011,0.08176,-0.00617,0.02325,0.06361,0.00308,-0.02142,0,0.01432,-0.03323,0.01667,-0.00302,0.10294,-0.03989,0.0247,-0.06652,-0.07734,-0.01404,0.03583,0.02592,0.00903,0.051,-0.00727,-0.08422,0.00801,0.00585,0.00536,-0.00704,-0.07026,-0.03856,-0.12863,0.00779,0.02684,0.03135,-0.04628,0.09879,0.03205,0.00845,-0.03453,0.06655,0.03591,0.01675,-0.07066,-0.01663,-0.04034,-0.02399,0.05138,-0.02184,0.0306,0.0163,-0.0406,0.07244,-0.04063,-0.05445,0.00764,0.03163,0.04408,-0.0093,-0.03143,-0.00943,0.00351,-0.01278,-0.0015,-0.04231,-0.01035,0.02864,0.09298,-0.00464,0.02578,0.01228,-0.04753,-0.02621,0.07584,0.02543,-0.01374,-0.03079,0.03533,-0.001,-0.05653,0.05985,0.01862,0.01673,0.12026,-0.02436,-0.02975,-0.05288,0.06245,0.02841,-0.05354,-0.07215,0.04588,-0.01809,0.02599,-0.11004,0.01794,0.04186,-0.10023,-0.07274,0.03836,-0.01723,0.04938,-0.05648,0.07647,0,-0.01171,0.03151,0.07205,0.12349,0.06506,-0.01521,-0.06004,-0.03469,-0.01507,0.06759,-0.03703,0.03408,-0.00053,0.06711,-0.09464,0.0352,-0.02974,-0.05718,0.00237,-0.13014,0.04468,-0.08334,0.0207,-0.00599,-0.14392,0.00579,0.10319,-0.01777,-0.03969,-0.01998,-0.00915,-0.01741,-0.00048,-0.00487,0.01266,-0.06531,0.06421,0.0283,-0.02723,-0.01029,-0.1162,-0.05453,-0.02237,0.01629,0.03963,-0.01824,-0.04235,0.08517,0.0401,0.01756,-0.00388,0.04599,-0.04275,0.03456,-0.02467,-0.09881,0.01738,-0.02641,0.0402,0.00905,0.03148,-0.05236,-0.06307,-0.05553,0.06129,-0.00287,-0.05405,-0.04414,0.05405,0.09774,0.02636,0.0196,0.05952,-0.029,0.13893,-0.00398,0.12815,-0.01922,0.07607,-0.04681,0.05355,0.06317,0.00296,-0.04279,0.02648,0.03982,-0.06577,-0.00399,0.04244,0.03989,-0.08764,-0.05053,0.01096,-0.03629,0.04006,0,-0.02069,0.04218,0.0066,-0.00087,-0.04745,0.00708,-0.00216,0.02183,0.04753,-0.00489,0.00972,0.00014,0.00609,-0.00965,0.11097,-0.026,0.07453,0.06367,-0.06127,0.02145,0.04273,0.0707,0.04075,0.04828,-0.03932,-0.02104,0.00353,0.00771,-0.01449,0.08793,-0.07586,0.0009,-0.0253,0.05562,-0.1265,-0.04635,-0.05301,-0.00861,0.00362,0.00381,0.08015,-0.02968,-0.01862,-0.03825,-0.02396,0.00329,0.02567,-0.04553,-0.00862,0.06993,0.00894,-0.05053,-0.01958,0.02666,0.04284,-0.03669,-0.07973,0.05227,0.02738,0.00555,-0.10195,-0.07823,0.02374,-0.01228],"keywords":"Add Node from Palette Add Node from Palette Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation. What this solves - Build a node toolbox without coupling the palette to node rendering. - Keep node creation explicit and easy to understand. - Add previews and placeholders during drag operations. Directive Features - fExternalItem links an element to the canvas so it can create nodes on drop. - fPlaceholder and fPreview let you render dedicated drag states. - fPreviewMatchSize keeps the preview aligned with the original palette item. f External Item f Placeholder f Preview f Preview Match Size","excerpt":"What this solves - Build a node toolbox without coupling the palette to node rendering. - Keep node creation explicit and easy to understand. - Add previews and placeholders during drag operations. Directive Features - fExternalItem links an element to the canvas so it can create nodes on drop. - fPlaceholder and fPreview let you render dedicated drag states. - fPreviewMatchSize keeps the preview aligned with the original palette item."},{"chunkId":"/examples/add-node-from-palette#4","slug":"add-node-from-palette","route":"/examples/add-node-from-palette","section":"examples","title":"Add Node from Palette","description":"Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation.","group":"Editor Helpers","vector":[-0.05928,-0.01219,-0.01969,0.05257,0.06065,0.07324,0.07128,0.0465,0.02328,0.05218,-0.06836,-0.03977,-0.04791,0.0132,0.08923,0.0833,0.03747,0.01628,-0.06911,-0.02251,0.00056,-0.10749,-0.00365,-0.04654,0.0609,0.07958,-0.00924,-0.09431,0.09925,0.03475,0.0138,0.01569,0.01243,0.04285,-0.15119,0.05992,0.03487,0.01312,-0.10009,-0.03427,0.08395,0.098,-0.06481,-0.10142,0.00923,-0.06175,-0.02161,0.03448,-0.05592,0.09678,-0.04356,-0.10059,-0.05683,0.03778,-0.03132,0.07011,0.03949,-0.0464,0.05733,0.03564,0.04873,-0.04791,0.01766,0.07068,0.05674,-0.00444,-0.05785,0.12586,-0.00917,-0.0623,0.10827,-0.0632,0.02218,-0.02311,0.03353,-0.03761,-0.011,0.03143,-0.07736,-0.01172,0.04813,0.05689,-0.01661,0.10804,-0.00806,0.1354,-0.01782,0.00457,-0.08534,-0.023,-0.03955,0.01181,-0.04011,0.00559,0.09774,-0.05418,-0.01378,-0.03657,-0.04459,-0.00061,0.02975,-0.01757,-0.03407,0.02368,-0.02855,-0.04026,-0.00071,-0.07936,-0.07897,0.05469,0.00035,0.02419,0.00357,-0.0557,-0.03429,-0.03879,-0.05864,-0.03316,0.00886,0.08574,-0.04565,0.06157,-0.02932,-0.01198,0.07601,-0.02438,-0.02416,0,0.0372,-0.04874,0.03416,-0.02768,0.08895,-0.00941,0.01637,-0.09026,-0.05696,0.06805,0.02158,0.057,0.0003,0.09795,0.0079,-0.07527,-0.00349,-0.02369,0.03822,0.0105,0.00672,-0.09665,-0.12261,0.01247,0.03168,0.09689,-0.01335,0.07144,0.04901,0.02146,0.01139,0.04624,0.00017,0.04304,-0.05883,-0.03264,-0.05586,-0.00619,0.03302,-0.00917,0.02994,-0.02166,-0.07891,0.06673,-0.07554,-0.07073,0.01866,0.0219,0.08724,-0.01485,-0.03236,0.03314,-0.01606,-0.05107,0.02453,-0.05982,-0.03443,0.06294,0.03954,0.00987,0.03907,0.04576,-0.02893,0.00001,0.0782,0.05328,-0.01919,-0.06751,0.03933,-0.0826,-0.03726,0.06356,-0.00077,0.02435,0.09961,-0.02559,-0.03549,-0.01958,0.03623,0.00136,-0.10894,-0.10591,0.02645,0.03412,0.03656,-0.02369,-0.00147,-0.00615,-0.05686,-0.03461,0.03904,-0.00828,0.00422,-0.04007,-0.01506,0,-0.0135,0.06057,0.0421,0.08184,0.09157,-0.02792,-0.01396,0.01433,0.07561,0.10096,-0.02548,0.06636,0.029,0.03823,0.00843,0.02856,-0.06313,-0.05379,0.00647,-0.13835,0.00884,-0.01337,-0.0006,-0.0597,-0.12643,0.02564,0.04213,-0.02307,-0.04221,-0.02202,-0.00811,0.01692,-0.04522,0.04732,0.04155,-0.02726,0.06599,-0.01775,-0.07433,-0.05561,-0.05444,-0.05387,-0.06118,0.00486,-0.0529,-0.00295,-0.1095,0.08513,0.00437,-0.00699,-0.02213,0.00838,-0.02103,0.01255,-0.0219,-0.0185,0.04832,-0.0199,0.05063,-0.03292,0.01941,-0.0651,-0.03346,-0.05137,0.05852,0.00516,-0.04458,-0.04171,0.04668,0.02092,0.05367,0.0208,0.0461,0.01201,0.07627,0.04044,0.10493,-0.04526,0.0507,-0.06284,0.03049,0.06594,0.01593,-0.00405,0.09621,0.03854,-0.03265,-0.05963,0.01203,0.03543,-0.11211,-0.02367,0.02502,0.03673,0.03053,0,-0.02955,0.02724,0.02842,0.01043,-0.03384,0.00836,-0.01694,0.04785,0.03727,0.02033,-0.01886,0.01254,0.03464,-0.02823,0.11637,-0.01026,0.06648,0.02341,-0.01329,-0.03409,0.06178,0.03406,0.04278,0.02867,-0.06289,-0.02615,0.00356,0.01345,-0.04311,0.04036,-0.03678,0.01028,0.02066,0.05638,-0.07774,-0.05374,-0.05915,-0.02083,-0.06103,-0.03776,0.05062,-0.03824,-0.03678,-0.03754,-0.00264,0.01574,-0.01576,-0.06096,-0.02095,0.07925,0.00828,-0.03401,-0.01123,-0.00476,0.03887,-0.02524,-0.05995,0.00703,-0.02915,0.04015,-0.11494,0.01556,0.02203,-0.07111],"keywords":"Add Node from Palette Add Node from Palette Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation. Related docs - External Item - Flow - AI Low-Code Platform Example","excerpt":"Related docs - External Item - Flow - AI Low-Code Platform Example"},{"chunkId":"/examples/accessibility#0","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.04393,-0.05702,-0.06382,-0.00232,-0.01457,0.0602,-0.02129,0.03327,0.0615,0.03802,-0.02247,0.02748,-0.04515,0.03038,0.09755,-0.03286,-0.03064,0.01813,0.03196,-0.04261,-0.05486,0.00564,0.00183,-0.01418,0.00769,0.04349,-0.00666,-0.01366,0.05932,-0.06874,-0.0677,0.01497,0.00708,0.01785,-0.07999,0.07773,0.0238,0.00622,-0.11026,-0.03703,-0.01256,0.02539,0.04995,-0.03384,0.00491,-0.05116,-0.09671,-0.05658,-0.05325,0.08221,-0.10364,-0.12317,-0.03145,0.0468,0.00944,-0.01459,0.03698,-0.08944,0.03284,-0.01982,0.00431,-0.00399,0.00222,0.08324,-0.03678,0.04715,-0.0564,0.06532,0.03421,-0.08389,-0.03046,-0.06349,0.02111,-0.05283,0.01153,-0.07333,-0.02787,0.00737,-0.02065,-0.05432,0.01409,0.05338,-0.01819,0.09103,-0.04383,0.11159,0.00816,0.00615,0.06007,-0.01268,0.0133,-0.00931,0.02929,-0.04616,0.08159,-0.06334,0.00702,-0.06789,-0.0958,0.02911,0.01008,-0.02486,0.07689,-0.00121,-0.00669,-0.01738,0.05498,-0.03778,-0.02153,-0.00835,-0.04574,-0.03465,0.00668,-0.07403,-0.04397,-0.03432,-0.06893,-0.06927,0.10319,0.15047,-0.00849,0.02899,-0.0131,-0.04801,0.02889,0.00076,-0.04357,0,0.04063,0.02978,-0.0215,0.05118,0.09547,-0.02919,-0.02113,-0.09254,0.00774,-0.00275,0.02726,0.07123,-0.07957,0.07824,0.02569,-0.06124,-0.02715,0.06992,-0.01757,0.02489,0.04821,-0.07351,-0.04192,0.05941,0.06619,0.11444,-0.02595,0.0446,0.0093,0.01989,0.01879,0.00277,-0.02619,-0.02057,-0.01252,-0.05833,-0.04597,-0.09576,0.04187,-0.0159,-0.06276,-0.10206,-0.0767,-0.02243,-0.00318,-0.00305,-0.05563,0.02363,0.05,0.03139,-0.00492,0.09092,-0.04645,-0.04238,0.04288,-0.08158,-0.06809,0.1071,0.01331,0.10226,0.00053,0.14529,0.02389,-0.04243,0.0396,0.01944,-0.04253,-0.02789,0.09867,-0.06557,-0.13993,-0.00623,-0.01728,0.08008,0.02016,-0.05148,-0.03627,-0.02966,0.02384,-0.03073,-0.11416,-0.07983,0.02445,0.10257,0.07164,-0.06213,-0.00223,-0.06892,-0.07721,-0.02715,0.02726,0.04791,-0.00421,-0.01415,0.02018,0,-0.05112,0.0211,-0.03829,0.01359,-0.01776,-0.03212,0.02491,-0.00603,0.07748,-0.00463,0.01154,0.09999,0.05071,-0.02776,0.04812,-0.01881,0.02212,-0.08947,0.01342,0.02453,0.04613,0.01389,-0.04103,-0.03227,-0.05322,0.05664,0.00592,-0.01423,-0.00442,-0.03729,-0.01534,0.02577,-0.03843,-0.02274,-0.02632,-0.05013,0.04165,0.02666,-0.0907,-0.03486,0.06817,0.01089,0.05916,0.02829,-0.02476,0.09041,-0.0817,-0.01911,-0.04218,-0.02109,-0.02526,-0.00353,0.03919,-0.08393,-0.02869,0.06901,0.10041,-0.02571,0.0191,-0.01887,-0.00649,-0.02317,-0.0125,-0.00128,0.03779,0.02432,-0.01335,-0.0446,-0.01259,0.02518,0.06485,0.00894,0.0046,-0.00861,0.07002,0.08757,0.09408,-0.0173,0.00765,-0.02451,0.01411,0.1144,0.04767,-0.01221,0.09714,0.03238,-0.09516,-0.08517,0.0556,0.05255,-0.07325,0.04133,0.00184,0.06235,0.00107,0,-0.06244,0.01009,0.01085,-0.0577,0.00814,0.00678,-0.01829,0.0275,-0.00874,0.04156,0.00835,0.06618,-0.01632,0.01081,0.09868,0.0571,0.04255,0.05305,-0.02924,-0.06706,0.03955,0.03014,0.04076,0.07747,0.00258,-0.01568,-0.01939,0.00673,-0.00734,-0.02277,0.03681,0.02098,0.09718,0.06319,-0.02961,0.0198,-0.07574,0.00164,-0.02933,0.00975,0.05746,-0.02165,-0.02754,-0.04926,-0.08271,0.09935,0.0252,-0.06594,-0.06664,-0.00898,-0.12212,0.0008,-0.00327,0.03533,0.0054,0.08603,0.02899,-0.06732,0.00644,0.00811,-0.06159,0.08193,0.00211,0.0117],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Accessibility","excerpt":"Accessibility"},{"chunkId":"/examples/accessibility#1","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.00316,-0.09886,-0.04431,0.07208,0.01161,0.09061,0.02031,-0.00013,0.09847,0.01348,-0.01933,0.04175,-0.04324,-0.005,0.04741,0.01415,0.00785,-0.04307,-0.00777,-0.00678,-0.02012,-0.08388,0.01725,-0.04539,-0.03871,0.04027,-0.01033,-0.02557,0.04766,-0.07836,-0.04406,-0.02085,-0.0374,0.0072,-0.1585,0.05719,0.017,0.01542,-0.13258,-0.03958,0.00809,0.01431,0.02406,-0.01255,0.01417,-0.0162,-0.04243,-0.04953,-0.02815,0.07981,-0.08742,-0.06803,-0.00497,0.05796,-0.01087,0.02949,0.02386,-0.03495,0.00523,0.00106,-0.0865,-0.00207,0.03922,0.02985,-0.00309,0.03992,-0.00963,0.01042,0.00157,-0.08649,0.01792,-0.0274,0.02585,-0.08538,0.04928,-0.04613,-0.02952,0.02829,0.0268,-0.0236,0.07384,0.05676,-0.05172,0.0714,-0.01751,0.14453,-0.00226,-0.02818,0.03686,-0.02244,-0.00899,-0.02422,0.00004,-0.03616,0.13667,-0.03952,0.0354,-0.01058,-0.14414,0.01153,0.0453,-0.03398,0.04693,-0.01249,-0.03834,-0.02467,0.05011,-0.03088,-0.05991,-0.0352,-0.01541,-0.03214,-0.00809,0.01028,-0.05896,0.0134,-0.02224,-0.07587,0.11651,0.13303,-0.02848,0.05018,-0.01298,-0.03796,0.03491,-0.031,-0.02821,0,0.02479,0.019,-0.0391,0.04238,0.02343,-0.00782,0.00888,-0.08365,-0.01647,-0.00276,0.03891,-0.00914,-0.082,0.04712,0.06658,-0.06424,0.00412,0.09468,-0.02581,0.00879,0.01332,-0.0601,-0.06555,0.00693,0.05095,0.07423,-0.09962,0.05016,-0.03032,0.01854,-0.01165,0.02939,-0.03311,-0.038,-0.04945,-0.01521,-0.01112,-0.0647,0.06472,-0.06505,-0.06388,-0.06812,-0.03916,-0.02589,-0.05473,0.01693,-0.06307,0.03064,-0.01911,0.03505,0.02429,0.04321,-0.03201,-0.05722,0.02372,-0.05829,-0.07263,0.07512,0.00857,0.06632,0.01927,0.11181,0.01741,0.0282,0.03465,0.04097,-0.05393,0.00031,0.09863,-0.08535,-0.14261,0.03247,-0.02341,0.07045,0.04566,-0.03344,-0.04374,-0.06838,0.08555,0.02297,-0.04135,-0.0497,0.00869,0.11601,0.04176,-0.06439,-0.01941,-0.05205,-0.08298,-0.01936,0.10738,0.03191,-0.00741,-0.03431,0.01157,0,-0.05192,0.0292,-0.01309,0.01373,-0.04831,-0.01887,0.03114,-0.0036,0.08768,-0.01384,0.03499,0.11548,0.02551,-0.04006,0.03114,0.02754,-0.01848,-0.03877,0.0225,-0.01655,0.08605,-0.02514,-0.05138,-0.01262,-0.03165,0.05245,0.00175,0.04174,0.02208,-0.07589,-0.01995,0.06254,-0.05421,-0.03517,-0.03213,-0.0208,-0.02073,0.03782,-0.08096,-0.00175,0.04713,0.03978,0.0266,0.01638,-0.01778,0.12472,-0.04173,-0.03214,-0.02938,-0.00544,-0.04822,-0.00641,0.03117,-0.06646,-0.04843,0.07797,0.07112,-0.01618,0.04403,-0.05906,0.04056,0.00242,-0.02486,-0.00371,0.00364,0.00184,0.0012,-0.0054,0.07224,0.00603,0.08142,0.00335,0.05726,-0.03225,0.09111,0.08512,0.0951,-0.07432,-0.01673,-0.04171,-0.02649,0.13207,0.00696,-0.04435,0.12059,0.08694,-0.07229,-0.06647,0.05929,0.03608,-0.06394,0.05716,-0.03421,0.01214,-0.04836,0,-0.08553,0.04729,-0.02026,-0.0584,0.012,-0.03237,-0.01938,0.03344,0.00614,0.04637,0.00664,0.0478,-0.01782,-0.03042,0.09471,0.09337,0.03095,0.05069,-0.02865,-0.07021,0.02738,-0.0385,-0.00075,0.09717,0.00305,-0.05545,-0.01392,0.017,0.01857,0.02824,0.02739,0.02087,0.06848,0.10418,-0.11462,0.01249,-0.03161,-0.00626,-0.05039,0.03917,0.05432,-0.04487,-0.00929,-0.02854,-0.0956,0.08997,0.02566,-0.04825,-0.04696,0.01244,-0.08098,0.02552,-0.00388,0.0214,0.02758,0.03032,0.03105,-0.01348,-0.0157,-0.02355,-0.07406,0.0632,-0.0031,0.029],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Description Every flow ships with an accessibility layer. Semantics are always on: nodes, groups and connections get roles and accessible names (a connection reads \"Connection from A to B\" and the name tracks endpoint changes), selection and edits are announced through a visually-hidden live region, and helper visuals (minimap, connection previews) are hidden from screen readers. Attributes you set yourself are never overridden. The keyboard layer is opt-in — add provideFFlow(withA11y()) and the editor becomes fully operable without a mouse, including creating connections entirely from the keyboard. DOM focus never leaves the flow itself: arrows drive the selection directly (the active item is exposed to assistive technology via aria-activedescendant), so there is no separate focus state to learn and the selected style stays the only visual state. provide F Flow with A11y","excerpt":"Description Every flow ships with an accessibility layer. Semantics are always on: nodes, groups and connections get roles and accessible names (a connection reads \"Connection from A to B\" and the name tracks endpoint changes), selection and edits are announced through a visually-hidden live region, and helper visuals (minimap, connection previews) are hidden from screen readers. Attributes you set yourself are never overridden. The keyboard layer is opt-in — add provideFFlow(withA11y()) and the editor becomes fully operable without a mouse, including creating connections entirely from the keyboard. DOM focus never leaves the flow itself: arrows drive the selection directly (the active item is exposed to assistive technology via aria-activedescendant), so there is no separate focus state to learn and the selected style stays the only visual state."},{"chunkId":"/examples/accessibility#2","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.07608,-0.06754,-0.03874,0.04712,0.02655,0.10064,0.02353,0.01276,0.0534,0.04586,-0.00221,0.02569,-0.02035,0.03444,0.06519,-0.01773,-0.00479,-0.04913,-0.01539,-0.00135,0.02417,-0.0775,0.04972,-0.02475,-0.00995,0.027,-0.01524,-0.04769,0.08627,-0.03273,-0.02426,0.01888,-0.01613,-0.00347,-0.07752,0.04952,0.01925,-0.00176,-0.09258,-0.03073,0.04653,0.00101,0.02093,-0.05793,0.0117,-0.01798,-0.04888,-0.04004,-0.10434,0.09062,-0.02737,0.01119,0.0195,0.06856,0.04001,-0.02929,0.06638,-0.03286,0.00579,-0.00716,0.00581,-0.0322,-0.02767,0.00584,-0.00533,0.10664,-0.03895,-0.02029,0.0268,-0.03604,-0.01768,-0.06469,0.0234,-0.07492,0.07781,-0.0677,-0.04443,0.04078,-0.04182,-0.06548,0.0218,-0.01445,-0.00762,0.04514,-0.04167,0.08453,-0.06863,-0.03906,0.07495,0.02084,-0.05311,0.02682,-0.0417,-0.05146,0.0834,-0.03452,-0.04223,0.018,-0.08719,0.03175,0.01324,-0.00636,0.01861,0.09203,0.01592,-0.03107,-0.02919,-0.04392,-0.09388,0.01273,-0.02182,0.02346,0.04172,0.02338,-0.0539,-0.00022,-0.04454,-0.02558,0.05382,0.11892,-0.00975,0.01183,-0.00941,-0.01858,0.02367,0.03591,-0.01551,0,0.01821,0.02405,-0.08587,-0.01887,0.05232,-0.00579,-0.02389,-0.10878,0.02465,0.03501,-0.00302,0.07772,-0.02375,0.00455,0.03803,-0.06675,-0.00787,0.04641,0.00628,0.01986,0.08833,0.02527,-0.0691,0.01362,0.09464,0.06637,-0.07553,0.08626,0.00447,0.01105,0.02278,0.0186,-0.00497,-0.06728,-0.01542,-0.03818,-0.03007,-0.03385,-0.01534,-0.07545,0.03691,-0.07588,-0.07982,-0.00688,-0.05571,-0.06839,-0.06471,0.00188,0.08121,-0.02247,0.03785,0.03507,-0.04326,-0.06871,0.05012,-0.07299,-0.05474,0.04507,0.01199,0.09032,-0.0209,0.06638,0.00552,-0.00305,0.06139,0.01542,-0.03517,-0.01696,0.05826,-0.11738,-0.10674,0.09212,-0.02334,0.04801,0.03544,-0.06413,-0.00998,-0.00945,0.00037,-0.03564,-0.02541,-0.08841,0.02047,0.13339,0.10403,-0.09554,-0.0324,-0.09655,-0.08614,-0.04504,0.06326,0.02515,-0.00119,-0.00496,0.02797,0,0.01584,0.02963,-0.01406,0.10002,-0.07181,-0.04961,0.03531,0.05552,0.06352,-0.02349,0.01632,0.03783,0.03517,-0.03295,0.01022,0.01423,-0.05091,-0.10615,0.03041,0.03509,0.04526,0.02561,-0.039,-0.00804,-0.07894,0.0453,0.00498,0.04759,-0.03542,-0.0462,-0.04051,0.00027,-0.09206,-0.05104,-0.02959,-0.07763,-0.02019,0.10494,-0.0521,0.00222,0.09374,0.07576,-0.02194,0.04641,0.00143,0.09785,-0.05784,-0.02471,-0.0688,-0.00968,-0.03827,0.007,-0.01531,-0.04565,-0.04302,0.05521,0.1263,-0.03944,-0.0491,-0.02543,0.068,-0.01711,-0.02481,-0.02239,0.10473,0.03629,-0.01897,0.00589,0.08345,0.02643,0.08539,0.01118,0.04587,-0.04351,0.11785,0.08615,0.05416,-0.0165,0.04014,-0.0314,-0.0381,0.10783,0.02983,-0.02083,0.03883,0.1213,-0.14148,-0.03212,0.06813,0.05634,-0.07406,0.01874,0.01749,0.03765,-0.01695,0,-0.08773,0.06474,-0.04699,-0.06413,0.01706,-0.02456,-0.02159,-0.03364,0.00847,-0.02596,-0.05146,0.04467,-0.0144,-0.02917,0.04766,0.0337,0.05321,0.04529,-0.07148,-0.01354,0.00602,-0.02175,0.02264,0.09854,0.00403,-0.07191,-0.00398,0.01761,0.00743,0.02825,0.00383,-0.00788,0.07891,0.08022,-0.08654,0.02601,-0.02734,-0.0247,0.03827,0.0247,0.04377,-0.04316,-0.0862,-0.04187,-0.08017,0.05346,0.03268,-0.05285,-0.00609,0.04446,-0.11479,0.03026,-0.02944,0.06264,0.05265,0.04106,0.04646,-0.01221,0.04111,-0.02908,-0.04089,-0.00081,-0.00933,-0.01417],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Example This example uses the default stateless mode: it enables the keyboard layer with a custom movement step and wires all three editing events to signals. (fMoveNodes) persists positions after a drop, (fCreateConnection) adds the wire, and (fDeleteSelected) removes the selected items. The optional Managed Flow State plugin can apply all three supported gestures to its typed store automatically. The example keeps the manual handlers to demonstrate the event contract used by applications that own their graph state. ::: ng-component <accessibility</accessibility [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.scss ::: f Move Nodes f Create Connection f Delete Selected","excerpt":"Example This example uses the default stateless mode: it enables the keyboard layer with a custom movement step and wires all three editing events to signals. (fMoveNodes) persists positions after a drop, (fCreateConnection) adds the wire, and (fDeleteSelected) removes the selected items. The optional Managed Flow State plugin can apply all three supported gestures to its typed store automatically. The example keeps the manual handlers to demonstrate the event contract used by applications that own their graph state. ::: ng-component <accessibility</accessibility [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.scss :::"},{"chunkId":"/examples/accessibility#3","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.02186,-0.05015,-0.04966,-0.0188,-0.04178,0.05937,-0.0135,0.0388,0.06553,0.04777,-0.00091,0.02321,-0.01219,0.02962,0.07859,-0.02017,-0.05973,0.03093,0.03475,-0.05094,-0.05516,-0.01296,0.01056,-0.02156,0.00634,0.05755,0.00932,-0.02603,0.02812,-0.06325,-0.04863,0.01632,0.00713,0.02724,-0.08772,0.08334,0.02144,-0.00539,-0.10677,-0.03773,-0.00019,0.03042,0.05541,-0.00519,0.0201,-0.01511,-0.11294,-0.0467,-0.05169,0.09928,-0.12983,-0.13111,-0.04172,0.05562,0.01778,0.00286,0.02,-0.09015,0.04187,-0.02009,0.02466,0.01075,0.01365,0.0683,-0.03044,0.0463,-0.05386,0.06479,0.04251,-0.07503,-0.02919,-0.08735,0.01633,-0.09092,0.00028,-0.07067,-0.03683,0.00823,-0.02072,-0.04838,0.01286,0.06448,-0.00989,0.08752,-0.02945,0.09847,0.01598,-0.02866,0.05123,-0.00765,0.0039,-0.03253,0.02941,-0.0582,0.07495,-0.03729,-0.00271,-0.06416,-0.09517,0.02942,0.01318,-0.04723,0.08299,-0.02361,-0.02699,-0.04277,0.03911,-0.03922,-0.03378,-0.02963,-0.04498,-0.03448,-0.00785,-0.05592,-0.051,-0.02619,-0.04576,-0.02174,0.09702,0.15229,-0.0222,0.0051,-0.0296,-0.04042,0.0155,-0.00196,-0.05272,0,0.04551,0.03276,-0.00177,0.05164,0.09935,-0.03433,-0.01888,-0.07518,0.02716,0.00617,-0.00048,0.05092,-0.08643,0.0982,-0.00067,-0.07357,-0.03177,0.06609,-0.02506,0.00032,0.06447,-0.05677,-0.03684,0.02785,0.08703,0.12145,-0.0306,0.05461,-0.0237,0.01422,0.02317,0.00033,-0.03668,-0.02335,-0.01664,-0.05762,-0.04482,-0.08128,0.02236,-0.02311,-0.04669,-0.09367,-0.09126,-0.02226,0.01106,-0.01911,-0.06581,0.02858,0.07002,0.01534,0.01069,0.0674,-0.04117,-0.02009,0.03524,-0.08696,-0.08104,0.10613,0.02521,0.11322,0.0015,0.13809,0.01813,-0.03076,0.04908,0.01142,-0.04177,-0.03273,0.09382,-0.06376,-0.12276,0.00252,-0.00255,0.0643,0.01182,-0.04193,-0.03995,-0.04325,0.00039,-0.0325,-0.12239,-0.08941,0.02518,0.07884,0.09467,-0.05503,0.00435,-0.0781,-0.06327,-0.01879,0.00611,0.04334,-0.01766,-0.00207,0.04112,0,-0.05313,0.03166,-0.02727,0.03569,-0.02889,-0.03358,0.05023,-0.00914,0.05199,0.01059,0.02267,0.10128,0.05846,-0.0265,0.06629,-0.01247,0.02783,-0.09173,0.02079,0.01593,0.02365,0.00821,-0.05042,-0.02618,-0.03855,0.05823,0.04251,-0.00574,-0.00216,-0.01106,-0.01152,0.02073,-0.02419,-0.0077,-0.04042,-0.04007,0.04721,0.03519,-0.0796,-0.0058,0.06841,-0.01294,0.04969,0.0219,-0.03977,0.05511,-0.06819,0.0139,-0.0316,-0.01877,-0.00515,-0.0089,0.00345,-0.09543,-0.03351,0.06219,0.08427,-0.00072,0.01379,-0.045,-0.03818,-0.05154,0.03231,0.00559,0.04082,0.00863,-0.00671,-0.03771,-0.0227,0.03255,0.06278,0.04443,-0.00489,0.01151,0.08365,0.06921,0.08303,-0.01087,0.03012,-0.03263,0.01595,0.10166,0.04085,0.00866,0.09043,0.06014,-0.10899,-0.05465,0.06596,0.0566,-0.056,0.04193,-0.00185,0.05728,-0.00046,0,-0.07808,0.03403,0.02004,-0.04334,0.00174,-0.01017,0.00857,0.04287,0.00203,0.01556,-0.00181,0.09375,-0.0287,-0.01213,0.08882,0.05745,0.04119,0.06547,-0.0216,-0.07059,0.0432,0.0155,0.04231,0.08354,0.00248,-0.02176,-0.01132,0.02264,-0.00887,-0.05075,0.04798,0.00179,0.10274,0.05532,-0.03358,-0.00635,-0.07323,-0.00206,-0.04325,0.00644,0.03987,-0.0114,-0.02146,-0.05904,-0.09133,0.11342,0.03071,-0.04944,-0.07294,0.0037,-0.1298,0.0107,-0.01118,0.03263,-0.00562,0.08556,0.03108,-0.06014,0.00337,0.00718,-0.07629,0.07933,-0.01186,-0.01839],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Keyboard map","excerpt":"Keyboard map"},{"chunkId":"/examples/accessibility#4","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.00529,-0.07531,-0.06291,0.05624,-0.0272,0.03519,0.02652,-0.02305,0.10271,0.03214,0.01979,0.02222,-0.01829,-0.05132,-0.00282,0.0227,-0.09296,-0.00949,-0.04058,-0.01334,-0.00824,-0.05072,0.0099,-0.03147,0.00805,0.01653,0.00695,-0.02529,-0.02847,-0.07504,-0.01855,0.07149,-0.08334,0.04264,-0.07943,0.03718,-0.01738,-0.02302,-0.06591,-0.03698,0.06413,0.04312,0.02829,-0.04988,-0.00348,0.02563,-0.13707,-0.01479,0.00334,0.0601,-0.09523,-0.02036,-0.07737,0.10926,0.04066,0.06357,0.02035,-0.04557,0.00171,0.02164,0.04792,-0.02192,-0.02735,0.03202,-0.00183,0.05276,-0.05379,-0.01783,0.02316,0.01285,0.01082,-0.06142,-0.05346,-0.05726,0.05724,-0.01372,-0.02462,0.04594,-0.00358,-0.02623,0.04554,0.06578,-0.01982,0.07634,-0.00866,0.06436,-0.03751,-0.08633,0.07794,0.01366,-0.04602,-0.00035,0.00826,-0.01721,0.05826,-0.03544,0.03626,-0.01172,-0.07242,0.05548,0.01448,-0.00522,0.01384,0.01507,-0.04433,-0.01176,0.0183,-0.01278,-0.05247,-0.03176,-0.03588,-0.01109,-0.01773,-0.01354,-0.10321,0.03578,-0.0129,0.03165,0.08462,0.14237,-0.05831,-0.02102,-0.06992,-0.01765,0.00848,-0.01897,-0.05849,0,0.0022,-0.04171,-0.01966,-0.01955,0.09533,0.02637,-0.02611,-0.03028,-0.03564,0.05367,-0.04572,-0.01424,-0.05015,-0.00424,-0.02439,-0.11343,0.02233,0.06283,-0.04503,-0.0129,0.09401,-0.03119,-0.06457,-0.03991,0.09705,0.07725,-0.05992,0.06072,-0.00461,0.03723,-0.03293,0.05897,-0.05298,-0.02786,-0.03806,-0.00801,-0.00827,-0.06423,-0.00931,-0.02415,-0.02816,-0.07282,-0.09226,-0.01808,-0.01297,-0.0524,-0.04557,0.0143,0.03782,0.05829,0.04298,0.00423,-0.01892,-0.03081,0.00673,-0.10255,-0.08875,0.12258,-0.01308,0.16,-0.00677,0.07692,-0.02885,0.03863,0.09156,0.04885,-0.06202,-0.01571,0.08824,-0.0839,-0.12041,0.03391,0.03246,-0.01482,-0.01092,-0.0736,-0.06155,-0.02142,0.03907,-0.01502,-0.06091,-0.03626,-0.03948,0.06234,0.05796,-0.07735,0.01694,-0.08096,-0.067,-0.01344,0.06448,0.05236,0.06732,-0.01313,0.00753,0,-0.02983,0.0355,-0.01167,0.02717,-0.02231,-0.01311,0.05288,-0.00648,0.03719,-0.03553,0.04101,0.09117,0.02076,-0.04989,0.06551,0.05628,0.02005,-0.08088,-0.06924,0.04288,0.01566,-0.00697,-0.02882,-0.02264,-0.03372,0.00054,0.08929,0.06195,0.02485,-0.02472,0.02388,0.03435,-0.08029,-0.01245,0.0183,-0.03216,-0.01253,0.08015,-0.02143,-0.01526,0.06337,0.02949,-0.012,0.02409,0.01459,0.07165,-0.04338,0.02188,-0.05779,0.01377,-0.02152,-0.03238,-0.01862,-0.04587,-0.06216,0.09513,0.09749,0.00354,0.02383,-0.08033,0.06248,-0.06208,0.04723,0.01638,0.13454,0.0016,-0.01562,0.01024,-0.00988,0.04103,-0.00016,0.07823,0.03234,-0.01939,0.09894,0.01242,0.0417,-0.06976,0.00344,-0.01357,0.00001,0.10442,0.01547,-0.02674,0.02273,0.05417,-0.09629,0.02029,0.06422,0.09536,-0.06175,-0.04387,0.03016,-0.01392,-0.04516,0,-0.10101,0.00976,-0.07921,0.01951,0.09116,-0.00004,-0.01737,0.10225,-0.01168,-0.01993,-0.0141,0.14147,-0.04697,-0.00066,0.09997,0.01631,0.04288,-0.02669,-0.03521,-0.01277,-0.02165,-0.04269,0.00883,0.11931,0.00866,-0.08722,0.00462,0.05655,0.00211,-0.0407,0.00696,-0.03615,0.04199,0.10858,-0.09311,0.03794,-0.00598,0.01994,-0.05025,0.05019,0.04961,0.01605,-0.0163,-0.03009,-0.11888,0.06268,0.04379,0.00681,-0.01321,0.04949,-0.08757,0.01803,-0.04418,0.00243,-0.03457,-0.00289,0.02201,-0.03422,-0.02164,0.00341,-0.05704,0.10492,-0.01081,-0.02767],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. - Tab — enters the flow (the host is the single tab stop); Tab again leaves it. A click inside the flow also activates the keyboard layer from the clicked item. - Arrow keys — move the selection to the nearest item in that direction. Navigation is spatial (edge-based, so wide and tall nodes resolve correctly) and travels over nodes AND connections — walking a chain reads node → connection → node; the opposite arrow returns to where you came from. - Shift + arrow — extends the selection instead of replacing it; Home / End — first / last node. - Ctrl/Cmd + arrow — topology walk: the connection leading that way is selected first, the next press lands on the node at its other end. - Ctrl/Cmd + A — select all; Escape — clear the selection or cancel the active mode. - Space — move the selection (a pointer drag and a keyboard move emit the same fMoveNodes): hold it and use arrows, release to drop; or tap to grab and tap again to drop — for users who cannot hold two keys at once. Shift + arrow moves in coarse steps, Escape reverts. - C — start a connection; requires exactly one selected node. The proposal defaults to the nearest connector on another node that is not already connected to the source; arrows move between targets spatially with the usual preview and snapping, Enter emits fCreateConnection, Escape cancels. All connection rules (fConnectorDisabled, fCanBeConnectedTo, categories, multiplicity) apply exactly as in the drag gesture. - Delete / Backspace — emits fDeleteSelected with the selected nodeIds/groupIds/connectionIds; removing them from your data is up to you, as always. - + / - / 0 — zoom in, out, and reset, with the level announced. f Move Nodes f Create Connection f Connector Disabled f Can Be Connected To f Delete Selected node Ids group Ids connection Ids","excerpt":"- Tab — enters the flow (the host is the single tab stop); Tab again leaves it. A click inside the flow also activates the keyboard layer from the clicked item. - Arrow keys — move the selection to the nearest item in that direction. Navigation is spatial (edge-based, so wide and tall nodes resolve correctly) and travels over nodes AND connections — walking a chain reads node → connection → node; the opposite arrow returns to where you came from. - Shift + arrow — extends the selection instead of replacing it; Home / End — first / last node. - Ctrl/Cmd + arrow — topology walk: the connection leading that way is selected first, the next press lands on the node at its other end. - Ctrl/Cmd + A — select all; Escape — clear the selection or cancel the active mode. - Space — move the selection (a pointer drag and a keyboard move emit the same fMoveNodes): hold it and use arrows, release to drop; or tap to grab and tap again to drop — for users who cannot hold two keys at once. Shift + arrow moves in coarse steps, Escape reverts. - C — start a connection; requires exactly one selected node. The proposal defaults to the nearest connector on another node that is not already connected to the source; arrows move between targets spatially with the usual preview and snapping, Enter emits fCreateConnection, Escape cancels. All connection rules (fConnectorDisabled, fCanBeConnectedTo, categories, multiplicity) apply exactly as in the drag gesture. - Delete / Backspace — emits fDeleteSelected with the selected nodeIds/groupIds/connectionIds; removing them from your data is up to you, as always. - + / - / 0 — zoom in, out, and reset, with the level announced."},{"chunkId":"/examples/accessibility#5","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.05763,-0.05056,-0.03589,0.02907,-0.02919,0.05964,0.02522,0.04633,0.0696,0.06726,-0.02593,0.07324,-0.03724,0.00496,0.0769,-0.00785,-0.04017,0.00563,0.01394,-0.01856,-0.05302,0.00429,0.00082,-0.00166,-0.00954,0.02532,0.00414,-0.02812,0.00222,-0.0777,-0.07405,0.04518,0.00775,0.02589,-0.12763,0.07505,-0.008,-0.02846,-0.06558,-0.04486,0.001,0.01461,0.03008,-0.00649,-0.01116,-0.04661,-0.07585,-0.02962,-0.07325,0.1075,-0.10603,-0.09361,-0.035,0.06,0.01026,-0.04466,0.01177,-0.04362,0.08012,0.01234,0.00004,0.0178,0.00926,0.08059,-0.03765,0.06393,-0.0816,0.03896,0.03417,-0.04388,0.01925,-0.09401,-0.02468,-0.08174,0.03198,-0.07372,-0.03114,0.00806,-0.028,-0.01271,0.02811,0.03753,-0.01001,0.08204,0.01048,0.13167,0.00431,-0.01852,0.06707,-0.02118,-0.02891,-0.03088,0.09611,-0.05372,0.0876,-0.04349,0.01531,-0.04626,-0.13691,0.04199,0.02743,-0.01709,0.07974,0.02566,-0.00896,-0.02501,0.0691,-0.0541,-0.03795,-0.01975,-0.04604,-0.0216,0.01762,-0.04132,-0.06409,-0.01373,-0.05323,-0.0268,0.03334,0.16708,-0.02502,-0.00504,-0.02646,-0.0661,0.01078,-0.00146,-0.02577,0,0.04365,0.04204,-0.03024,0.05403,0.05116,-0.01628,-0.00576,-0.08353,0.00486,-0.00536,0.03399,0.00428,-0.08163,0.12367,0.01404,-0.05023,-0.03011,0.08268,-0.02051,-0.00638,0.07706,-0.00262,-0.07071,0.03159,0.07264,0.11108,-0.05463,0.02737,0.01205,0.0343,-0.01538,-0.01493,-0.01887,-0.01477,-0.03205,-0.00998,-0.03882,-0.09047,0.02991,-0.05926,-0.03524,-0.09019,-0.09888,-0.01692,0.00992,-0.04162,-0.05217,0.04236,0.02069,0.02861,-0.01705,0.07122,-0.01838,0.02394,0.00518,-0.06669,-0.06637,0.08048,0.04529,0.10973,0.00836,0.12212,0.01766,-0.02936,0.01293,0.01504,-0.01971,-0.03247,0.08998,-0.06027,-0.10886,0.00041,-0.07224,0.08496,-0.01517,-0.05154,-0.02814,-0.05867,0.03868,-0.01527,-0.06459,-0.10466,0.0126,0.08608,0.09194,-0.07405,-0.01281,-0.10339,-0.0695,0.00547,0.06975,0.0327,-0.00142,-0.02964,0.03779,0,-0.05251,0.0428,-0.04737,0.05004,-0.06471,-0.01634,0.00399,0.02261,0.02665,-0.04622,0.03588,0.09891,0.06403,-0.04476,0.05144,-0.01229,0.01726,-0.06705,0.01515,-0.02224,0.04919,-0.07607,-0.03723,-0.00032,-0.06377,0.07009,-0.01232,0.02268,0.00377,-0.00511,-0.00833,0.07346,-0.07414,-0.01592,-0.04159,-0.03002,0.03094,0.08311,-0.06625,-0.03296,0.06947,0.00548,0.05908,0.05516,-0.03817,0.02969,-0.07995,-0.03361,-0.0083,-0.01747,-0.02997,0.00577,0.00173,-0.09348,-0.05506,0.06248,0.08483,-0.00446,0.00616,-0.03295,0.00679,-0.03034,0.02468,0.0045,0.04414,-0.02234,-0.0134,-0.00956,-0.0001,0.0363,0.10096,0.03821,0.00929,-0.02179,0.07801,0.05148,0.10259,-0.01773,0.03038,-0.03508,0.03887,0.11886,0.05706,-0.03385,0.02991,0.0467,-0.13278,-0.04333,0.02022,0.05447,-0.07948,0.0404,-0.00569,0.02594,-0.00776,0,-0.09546,0.02197,0.01834,-0.01881,0.01174,-0.01019,-0.05334,0.04454,0.01913,-0.00648,-0.02244,0.07793,-0.03886,-0.05035,0.06187,0.05954,0.00662,0.04082,-0.03797,-0.06805,0.05646,0.01109,0.0192,0.08305,-0.02072,-0.01909,-0.01332,0.03305,0.02188,0.02986,0.01651,0.00589,0.07858,0.04392,-0.0703,-0.02052,-0.0424,-0.01351,-0.04776,-0.0428,0.05873,-0.02549,-0.02879,-0.04949,-0.12043,0.0914,0.06349,-0.03664,-0.04631,-0.01561,-0.09091,0.02526,-0.00035,0.05378,-0.00116,0.06181,0.04409,-0.0278,0.02712,-0.02824,-0.05377,0.03553,0.01231,0.0177],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Typing is never hijacked: keys pressed inside input, textarea, select, buttons, links, [contenteditable] or any focusable custom widget stay where they belong, and single-character shortcuts yield to OS combos (Ctrl/Cmd+C stays copy).","excerpt":"Typing is never hijacked: keys pressed inside input, textarea, select, buttons, links, [contenteditable] or any focusable custom widget stay where they belong, and single-character shortcuts yield to OS combos (Ctrl/Cmd+C stays copy)."},{"chunkId":"/examples/accessibility#6","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.04453,-0.05895,-0.05072,0.00109,-0.02593,0.0712,-0.00724,0.04061,0.07633,0.03606,-0.01013,0.0126,-0.02493,0.04158,0.09083,-0.01777,-0.03416,0.00817,0.03333,-0.03667,-0.05427,-0.0223,0.02022,-0.01604,0.0014,0.05759,0.00163,-0.00948,0.03368,-0.04508,-0.03703,0.03677,-0.01253,0.04113,-0.1119,0.08213,0.0261,-0.00421,-0.11566,-0.04088,0.01051,0.01538,0.04389,-0.03224,0.00084,-0.01418,-0.10845,-0.039,-0.07336,0.09768,-0.11299,-0.12547,-0.02577,0.06331,0.02946,0.00899,0.01227,-0.07425,0.02801,-0.01242,0.00321,0.0068,0.01166,0.07248,-0.02147,0.05242,-0.07286,0.0529,0.04056,-0.07669,-0.01884,-0.07662,0.01726,-0.08544,0.00406,-0.07237,-0.03334,0.01888,-0.0071,-0.0418,0.02058,0.06695,-0.01219,0.07073,-0.03858,0.0952,0.01191,-0.04065,0.02369,-0.01058,0.00289,-0.01814,0.03214,-0.06268,0.08899,-0.04128,-0.0157,-0.04705,-0.12244,0.02313,0.00796,-0.04755,0.07587,-0.00825,-0.02094,-0.04455,0.03837,-0.03719,-0.04189,-0.05592,-0.04428,-0.02923,0.00069,-0.06761,-0.05696,-0.01649,-0.04342,-0.03719,0.09781,0.13772,-0.01966,0.00243,-0.03738,-0.0375,0.03118,-0.00851,-0.03235,0,0.04124,0.03045,-0.02254,0.04022,0.08065,-0.01435,-0.00266,-0.07994,0.02389,-0.00362,-0.00306,0.04173,-0.09265,0.09242,0.0147,-0.06467,-0.0309,0.07118,-0.0126,-0.00648,0.07902,-0.05209,-0.03565,0.02874,0.07096,0.11008,-0.02995,0.02583,-0.03297,0.02497,0.0252,0.00246,-0.04239,-0.00642,-0.03771,-0.04428,-0.05507,-0.06737,0.03235,-0.02036,-0.04211,-0.08984,-0.09961,-0.00879,0.00099,-0.01508,-0.0659,0.03049,0.07179,0.01713,0.03323,0.06845,-0.01829,-0.02853,0.04734,-0.08694,-0.06727,0.11722,0.01992,0.10445,0.01934,0.13708,0.00923,-0.03438,0.05648,0.02639,-0.01829,-0.02878,0.09962,-0.06238,-0.12512,0.01832,-0.02446,0.0728,0.0296,-0.05057,-0.04506,-0.05245,0.03375,-0.01725,-0.08337,-0.07931,0.02851,0.08897,0.09142,-0.04443,0.00694,-0.07432,-0.07029,-0.00818,0.03083,0.02861,0.00004,0.00696,0.04125,0,-0.05069,0.03061,-0.04061,0.0382,-0.03665,-0.0387,0.0379,-0.0093,0.04701,0.02187,0.04541,0.09288,0.04562,-0.03607,0.07607,-0.00268,-0.02222,-0.10522,0.03021,0.01235,0.02613,-0.00665,-0.05793,-0.01035,-0.05576,0.04997,0.03059,0.00583,0.02964,-0.02694,-0.02117,0.02378,-0.04928,-0.02005,-0.0462,-0.04112,0.02899,0.02936,-0.06705,-0.02817,0.06491,-0.00695,0.02044,0.03843,-0.04509,0.05285,-0.0617,0.01361,-0.04009,-0.0413,-0.01692,0.00008,0.00466,-0.09188,-0.04262,0.07828,0.07891,-0.00083,0.01185,-0.04929,-0.01441,-0.03447,0.03821,-0.01946,0.04806,0.02462,-0.00015,-0.01648,-0.00439,0.03969,0.07933,0.03833,0.00077,0.0022,0.07842,0.07579,0.09844,-0.02968,0.03441,-0.01733,-0.0122,0.10848,0.03933,-0.00719,0.10678,0.05617,-0.12079,-0.03542,0.05123,0.06386,-0.05386,0.03636,-0.00454,0.05447,0.00052,0,-0.08349,0.02863,0.02042,-0.0557,0.00384,-0.01403,0.01122,0.03105,0.00353,0.00209,-0.0137,0.09951,-0.03394,-0.01303,0.07671,0.07421,0.01929,0.06656,-0.02659,-0.07949,0.05883,0.0023,0.03353,0.08451,0.00623,-0.02609,-0.01606,0.0389,0.00561,-0.03616,0.04329,-0.00555,0.10117,0.05956,-0.02612,0.01488,-0.06674,-0.00963,-0.04521,-0.03154,0.04329,-0.02938,-0.02793,-0.04813,-0.09576,0.11339,0.02475,-0.06216,-0.07503,0.01165,-0.12277,0.01122,-0.019,0.0571,-0.00699,0.06851,0.02739,-0.06769,0.01022,-0.00685,-0.08876,0.07415,0.01017,-0.00829],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Usage Semantics need no setup. The keyboard layer turns on with the feature:","excerpt":"Usage Semantics need no setup. The keyboard layer turns on with the feature:"},{"chunkId":"/examples/accessibility#7","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.02644,-0.04014,-0.02148,0.01969,-0.01481,0.08181,0.03349,-0.01742,0.11041,0.04537,0.01812,0.04446,-0.01706,0.00147,0.04149,-0.00295,-0.03981,-0.01352,-0.02086,-0.00713,-0.02315,-0.06078,0.02662,0.01142,0.03449,0.05313,-0.00967,-0.03275,0.03731,-0.06802,-0.04921,0.00985,-0.01035,0.03221,-0.12642,0.10559,0.03405,-0.01625,-0.08097,-0.01723,0.01644,0.01846,0.01173,-0.05065,0.00545,0.03404,-0.08462,-0.0113,-0.09217,0.12527,-0.0923,-0.07751,-0.0362,0.05773,0.03309,-0.03375,-0.00642,-0.051,0.07865,-0.02566,0.00972,0.0142,-0.00577,0.07137,-0.01971,0.06924,-0.06984,-0.02516,0.01437,-0.02099,0.01734,-0.10155,0.01373,-0.07547,0.00682,-0.06714,-0.05283,0.0147,-0.01734,-0.01795,0.04606,0.01069,-0.0053,0.09676,-0.01358,0.1139,-0.03389,-0.04298,0.01613,-0.01233,-0.06309,-0.07683,0.03707,0.00383,0.07792,-0.03375,-0.0486,-0.04433,-0.11702,0.02378,0.04329,-0.0165,0.06279,-0.00396,-0.01777,-0.02167,0.00994,-0.05332,-0.08027,0.01342,-0.04941,-0.00151,0.02754,-0.02119,-0.06838,0.00355,-0.04607,-0.01248,0.04752,0.11401,0.00084,-0.00525,-0.01477,-0.0249,0.0069,-0.00024,-0.04746,0,0.05352,0.01985,-0.01851,0.03093,0.06234,0.01812,-0.02042,-0.09194,0.03356,0.01943,0.0289,0.01909,-0.05082,0.06102,0.04168,-0.06912,0.03257,0.06156,0.01791,-0.01373,0.05342,-0.04041,-0.07644,0.02071,0.07731,0.10198,-0.0671,0.04727,-0.0823,0.02057,0.01641,0.00833,-0.02395,-0.02102,-0.01653,-0.04679,-0.05112,-0.07676,0.00362,-0.03509,-0.0627,-0.09208,-0.13883,-0.02415,0.00648,-0.01674,-0.05463,0.01427,0.06079,-0.00374,0.03302,0.0804,-0.01952,-0.03946,0.04767,-0.08234,-0.05841,0.0748,-0.01459,0.08737,-0.02053,0.07567,0.0521,-0.01718,0.05809,0.02043,-0.07591,-0.02892,0.06227,-0.08759,-0.10695,-0.01378,0.01312,0.06957,0.00735,-0.04283,-0.03488,-0.06183,0.07613,-0.02739,-0.08622,-0.05234,0.02916,0.09069,0.10097,-0.07246,0.0091,-0.07927,-0.05165,0.01876,0.02016,0.03291,-0.03927,-0.00871,0.00865,0,-0.02239,0.07152,-0.0753,0.06762,-0.10036,-0.00173,0.04235,0.04268,0.0934,-0.01944,0.03527,0.08164,0.02741,-0.03302,0.04752,0.00059,0.00613,-0.03817,0.04811,-0.03675,0.04224,-0.02101,-0.08816,0.03002,-0.0636,0.05616,0.03032,-0.00202,0.01139,-0.03088,0.00222,0.05297,-0.04607,0.00089,-0.04725,-0.06517,0.00666,0.04456,-0.04354,0.01025,0.08127,0.01407,0.02015,0.03463,-0.02967,0.0526,-0.03815,-0.01038,-0.03506,-0.02962,0.01106,-0.01046,-0.00625,-0.08654,-0.07055,0.06264,0.06159,-0.0045,0.02327,-0.05276,0.02456,-0.01405,0.02557,-0.00764,0.06016,0.01786,-0.00554,0.01041,0.05311,0.01566,0.0974,-0.00568,0.01136,0.00189,0.08643,0.04212,0.08521,-0.06467,0.02238,-0.03971,0.00448,0.10388,0.03821,-0.00296,0.05981,0.09575,-0.14966,0.0028,0.04407,0.08271,-0.04006,0.03159,0.01868,0.01069,0.00664,0,-0.09584,0.05818,-0.02,-0.06614,-0.003,-0.00279,0.00377,0.03856,0.02802,-0.05497,-0.00092,0.12114,-0.05158,-0.06719,0.07013,0.04257,-0.00229,0.04356,-0.05214,-0.0681,0.05921,0.00251,0.00126,0.06928,-0.0401,-0.06975,-0.01199,0.05733,0.0048,-0.00358,0.00718,-0.01168,0.07817,0.05464,-0.08315,-0.00631,-0.02204,-0.0555,0.00554,0.01223,0.04826,-0.04733,-0.03953,-0.04177,-0.15548,0.1296,0.03322,-0.05342,-0.07405,0.0188,-0.0941,0.03687,-0.03042,0.06351,-0.00211,0.04643,0.0354,-0.02767,0.02253,-0.01134,-0.06439,0.04228,-0.02382,-0.03978],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. - keyboard: false — keeps the keyboard layer off while still customizing messages/semantics. - moveStep / coarseMoveStep — the arrow and Shift+arrow movement steps in canvas units. - keys — key bindings per action (grab, connect, deleteSelected, selectAll, zoomIn, zoomOut, zoomReset) as KeyboardEvent.key values; an empty array disables the action. Arrows, Enter and Escape are fixed. - messages — the full catalog of announcements and attached strings (IFA11yMessages), for localization or rewording; defaults are exported as FDEFAULTA11YMESSAGES. move Step coarse Move Step delete Selected select All zoom In zoom Out zoom Reset Keyboard Event IFA11y Messages","excerpt":"- keyboard: false — keeps the keyboard layer off while still customizing messages/semantics. - moveStep / coarseMoveStep — the arrow and Shift+arrow movement steps in canvas units. - keys — key bindings per action (grab, connect, deleteSelected, selectAll, zoomIn, zoomOut, zoomReset) as KeyboardEvent.key values; an empty array disables the action. Arrows, Enter and Escape are fixed. - messages — the full catalog of announcements and attached strings (IFA11yMessages), for localization or rewording; defaults are exported as FDEFAULTA11YMESSAGES."},{"chunkId":"/examples/accessibility#8","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.04846,-0.04468,-0.0772,0.02481,0.00055,0.06638,0.00409,0.00524,0.03078,-0.00803,-0.02059,0.0104,-0.02595,0.00955,0.08096,-0.00036,-0.02869,0.02102,0.05397,-0.02786,-0.03898,0.031,0.01133,-0.00841,-0.01233,0.05855,-0.02458,-0.009,0.05757,-0.08161,-0.03148,0.03902,-0.0002,0.03771,-0.09105,0.08326,0.00911,0.00749,-0.10548,-0.0116,0.01848,0.03719,0.03234,-0.02176,-0.02316,-0.03553,-0.08807,-0.06078,-0.06598,0.10517,-0.11404,-0.1338,-0.05439,0.03262,0.01466,0.00372,0.03926,-0.07456,0.04093,0.02269,-0.01385,0.01265,0.02133,0.07981,-0.02154,0.08341,-0.03878,0.04035,0.00775,-0.06196,-0.00556,-0.04884,0.04786,-0.05015,-0.00582,-0.03938,-0.05312,0.03726,-0.03783,-0.05293,-0.01757,0.06691,-0.03231,0.09222,-0.03754,0.14182,-0.00887,-0.02215,0.03077,0.00935,-0.01607,-0.04848,0.02123,-0.05135,0.06955,-0.02786,0.03113,-0.07263,-0.12051,0.02,-0.00623,-0.01743,0.05025,0.0152,-0.02245,-0.04594,0.02979,-0.05228,-0.03883,-0.00869,-0.00751,-0.0193,-0.01572,-0.07357,-0.06548,-0.05303,-0.05428,-0.08168,0.11724,0.13089,-0.03543,0.02518,-0.00292,-0.03601,0.02229,-0.00075,-0.0703,0,0.03627,0.0446,-0.02379,0.05059,0.08606,-0.03582,-0.03485,-0.08165,0.00423,-0.03382,0.06283,0.06599,-0.08488,0.03919,0.0174,-0.05833,-0.02969,0.09966,-0.03545,-0.01296,0.02875,-0.04596,-0.04382,0.05037,0.03814,0.09597,-0.05807,0.03688,-0.00449,0.02354,0.03962,-0.00849,0.03723,-0.00012,-0.02773,-0.07384,-0.04425,-0.0841,0.02604,-0.02278,-0.05427,-0.06749,-0.06558,-0.02368,-0.00622,-0.0183,-0.05452,0.01123,0.036,-0.0049,-0.01104,0.07727,-0.0505,-0.05498,0.01112,-0.07656,-0.07084,0.11634,-0.01236,0.0805,0.028,0.12781,0.03055,-0.04027,0.03472,0.04806,-0.03514,-0.03936,0.12344,-0.06933,-0.11451,0.01574,-0.02058,0.11213,0.02247,-0.04257,-0.04555,-0.03762,0.04904,-0.00754,-0.12088,-0.05741,0.02908,0.09872,0.07489,-0.07979,0.01918,-0.07954,-0.0917,-0.03588,0.0619,0.05103,-0.02781,-0.03483,0.02508,0,-0.01793,-0.00263,-0.00698,0.02637,-0.01798,-0.05166,0.02197,0.00538,0.1181,0.02785,0.00991,0.10188,0.0263,-0.07318,0.0622,-0.00729,-0.00482,-0.09747,0.01477,0.02515,0.04099,0.0109,-0.04799,-0.0306,-0.00551,0.04449,0.02052,-0.01355,0.01282,-0.06262,-0.03195,0.04235,-0.04823,-0.0255,-0.01697,-0.05987,0.02884,0.02226,-0.08868,0.01162,0.08007,0.03461,0.0145,0.00602,-0.02556,0.05899,-0.06551,-0.00721,-0.02248,-0.03953,-0.02026,-0.01899,0.02543,-0.06478,-0.02997,0.07187,0.1009,0.02317,0.04075,-0.02966,-0.00093,-0.03822,-0.02195,0.02472,0.01321,0.01071,-0.03397,-0.06126,0.00597,0.003,0.05871,-0.00251,-0.00717,-0.01174,0.05766,0.07655,0.10562,-0.01411,0.00216,-0.03131,0.0025,0.149,-0.00079,0.03463,0.13327,0.02699,-0.08059,-0.03833,0.04366,0.05109,-0.08278,0.05186,-0.02479,0.05767,-0.03058,0,-0.11143,0.00797,-0.00512,-0.03703,0.0256,0.00299,-0.02524,0.03657,0.00064,0.04121,0.0207,0.04949,-0.008,-0.01539,0.06426,0.0321,0.03865,0.05863,-0.03731,-0.02435,0.02309,0.01875,0.03758,0.08592,-0.00622,-0.03477,-0.0229,-0.00546,0.01674,0.00206,0.02492,0.01907,0.09015,0.07729,-0.04467,0.03052,-0.06102,-0.00104,-0.00509,0.07338,0.04155,-0.03931,-0.04266,-0.03849,-0.07259,0.11865,0.03624,-0.03302,-0.05152,-0.00957,-0.09259,-0.00487,-0.00266,0.03317,0.01223,0.05238,0.02595,-0.05188,0.00691,-0.00497,-0.06014,0.08422,0.04542,0.01365],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Give nodes an accessible name with a plain aria-label — the library never overrides attributes you set yourself, it only fills the gaps: The full reference — semantics details, screen-reader behavior, and every configuration option — lives in the Accessibility guide.","excerpt":"Give nodes an accessible name with a plain aria-label — the library never overrides attributes you set yourself, it only fills the gaps: The full reference — semantics details, screen-reader behavior, and every configuration option — lives in the Accessibility guide."},{"chunkId":"/examples/help-in-positioning#0","slug":"help-in-positioning","route":"/examples/help-in-positioning","section":"examples","title":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated)","description":"Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead.","group":"Editor Helpers","vector":[-0.08866,0.01863,-0.06603,-0.02484,0.01921,0.0659,-0.1104,0.04642,-0.02829,0.02817,0.03952,0.06458,-0.02205,0.02665,-0.01233,0.04168,-0.06423,0.01309,0.06507,-0.04957,-0.11229,-0.03222,0.06627,-0.00857,0.01846,0.00439,0.02125,0.04171,0.01854,-0.10338,-0.01166,0.03219,-0.03569,0.07483,-0.11488,0.09559,-0.00556,0.06496,-0.03469,-0.05058,0.02552,0.05548,0.04569,-0.13276,0.03797,-0.02013,-0.07847,-0.00959,0.01721,0.03654,-0.05619,-0.10062,-0.02901,0.00199,0.04751,0.01536,0.03247,-0.04974,0.02897,-0.00876,0.1106,0.02806,0.0042,-0.00202,0.03436,0.0334,-0.03308,0.0412,-0.03972,-0.03061,-0.04515,-0.07176,-0.03951,-0.03418,-0.02017,0.07394,-0.00454,0.05647,-0.03474,-0.04105,-0.0306,0.11314,0.01691,0.10025,-0.03664,0.07583,-0.05737,-0.08467,0.06297,-0.06334,0.05848,-0.04448,-0.0319,0.05977,0.03482,0.03606,-0.03547,0.00205,-0.11648,-0.00356,0.049,-0.03208,0.00619,-0.01956,-0.07819,-0.03478,-0.00181,0.01158,0.00076,-0.03103,-0.00428,0.01477,-0.15083,-0.06107,-0.08897,-0.0875,-0.03989,-0.02846,0.01342,0.00728,-0.00449,0.05708,-0.01845,-0.0112,0.03118,-0.00597,-0.04941,0,-0.02224,0.06295,0.03377,0.0844,0.07368,-0.0267,-0.08604,-0.00264,0.06567,0.03667,0.04176,0.02714,-0.03248,-0.05089,-0.04513,-0.15465,0.00679,0.00152,-0.11038,-0.00834,-0.01929,-0.00276,-0.04281,0.01145,0.03969,0.0827,0.06221,0.03951,-0.06467,-0.02246,0.08152,-0.01283,0.01767,0.0019,0.01395,-0.00182,-0.03033,-0.06145,-0.02634,-0.05959,0.09132,0.00784,-0.06641,0.06322,0.06916,0.00085,0.04508,-0.02652,0.13339,0.04936,-0.05922,0.05058,-0.06117,-0.00625,0.04236,-0.04181,-0.00585,0.05426,-0.01261,0.01502,0.03419,-0.04195,0.02506,-0.07494,0.02823,-0.01936,-0.08458,-0.0552,0.11808,0.01177,-0.02952,0.03135,0.07372,0.13172,-0.03361,-0.01447,-0.07203,0.03515,0.07283,-0.04454,-0.03844,-0.02711,-0.01898,0.02335,0.04479,-0.12133,0.03906,-0.01449,0.08218,0.05708,0.02862,0.09659,-0.0084,0.0321,0.02341,0,-0.07512,0.03188,0.05142,-0.00656,-0.02926,-0.02639,-0.00945,0.01778,0.02005,0.09668,0.01397,-0.03261,0.01265,0.0118,-0.00587,0.05886,-0.08458,-0.04723,0.02511,0.01163,0.0551,0.10292,0.01261,0.03512,0.01721,0.08581,0.02396,-0.0437,0.01243,-0.05138,-0.0237,-0.03264,0.00643,0.02302,-0.07322,-0.06962,-0.01241,0.01753,0.00235,-0.10653,0.0209,0.07528,-0.0108,-0.0452,-0.03258,-0.03674,-0.00593,0.01112,-0.00456,0.00626,-0.04869,-0.03732,0.03894,-0.05319,-0.03357,0.00118,0.02486,0.00152,0.08413,-0.01868,0.02566,-0.05731,0.02236,-0.0484,0.00701,0.04437,0.10645,-0.01178,-0.03002,0.05034,0.0214,0.04902,-0.03423,-0.0568,0.04067,0.01535,0.08405,-0.03964,0.0089,-0.132,-0.021,0.00041,-0.10708,0.04218,0.04083,0.01148,0.00577,-0.00391,0.00097,0.04419,-0.07186,-0.0291,-0.01928,0.06954,0.02413,0,-0.06286,0.06144,-0.01835,0.02566,0.00803,-0.03473,0.03683,0.04056,-0.01539,-0.01392,-0.03276,0.05086,-0.02701,-0.00483,0.10062,0.03688,-0.07459,0.05908,-0.02669,0.04226,0.01503,0.03292,0.0684,0.09573,-0.04264,0.06016,-0.03375,0.10426,0.01871,-0.05658,-0.02671,0.02354,0.13868,-0.03667,0.00929,-0.01979,-0.10456,0.03101,0.02148,0.06366,-0.00391,0.00381,0.0079,0.01116,-0.04048,0.01601,-0.0386,0.00583,-0.05702,-0.02251,-0.04041,-0.03993,0.0042,-0.04633,-0.0231,0.03209,0.06165,-0.05106,0.02609,0.00619,0.00566,0.0234,-0.04958,-0.02295],"keywords":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead. Help in Positioning (Deprecated)","excerpt":"Help in Positioning (Deprecated)"},{"chunkId":"/examples/help-in-positioning#1","slug":"help-in-positioning","route":"/examples/help-in-positioning","section":"examples","title":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated)","description":"Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead.","group":"Editor Helpers","vector":[-0.11083,0.00541,-0.08008,-0.05179,-0.01825,0.07869,-0.07662,0.0898,-0.01877,0.00493,-0.00681,0.03318,-0.04755,0.0093,0.00257,0.04015,-0.08587,0.03797,0.05596,0.01215,-0.09463,-0.03503,0.03306,-0.01479,-0.02253,0.01884,0.03466,0.02159,0.01421,-0.10773,0.01826,0.05452,-0.0405,0.09639,-0.09147,0.08162,-0.01289,0.06736,-0.07285,-0.05286,0.05552,0.04928,0.04159,-0.12008,0.02049,0.02224,-0.03118,-0.01307,0.0148,0.07234,-0.08821,-0.07099,-0.05794,0.03748,0.05814,0.05011,0.07722,-0.07856,0.0401,-0.00986,0.10445,0.0121,0.0027,0.01427,0.02346,0.00264,-0.07598,0.06513,-0.0369,-0.04479,-0.05859,-0.03242,-0.02099,-0.01812,-0.00065,0.05394,0.00579,0.06988,-0.03179,-0.0355,-0.05902,0.08625,0.00364,0.06161,-0.03106,0.07297,-0.02687,-0.10654,0.0651,-0.02945,0.06085,-0.00583,-0.02551,0.01595,0.06882,0.01861,-0.01171,-0.00578,-0.12566,0.00544,0.04094,-0.04141,0.0337,-0.00261,-0.06047,-0.04298,0.0084,-0.02132,-0.02732,-0.05056,-0.04012,0.01206,-0.1325,-0.06988,-0.07669,-0.11483,-0.02264,-0.04296,0.04773,-0.01496,0.00108,0.04118,-0.00294,0.02137,0.05485,0.004,-0.03233,0,-0.03142,0.06602,0.02736,0.06604,0.05591,-0.0224,-0.07657,-0.03338,0.0803,0.0679,0.01304,0.00925,-0.02577,-0.03373,-0.07489,-0.1413,-0.04189,0.00468,-0.11101,0.03055,0.01598,-0.04554,-0.02993,-0.00259,0.04228,0.07236,0.03158,0.02181,-0.0729,-0.01148,0.07808,-0.03874,-0.00157,0.00559,0.02562,0.0079,-0.02733,-0.08052,-0.03084,-0.07009,0.06393,0.00679,-0.06799,0.00509,0.07044,-0.02153,0.0037,0.00285,0.12383,0.05791,-0.02243,0.02954,-0.00817,-0.00804,0.06101,-0.06461,-0.02946,0.07743,-0.03879,0.02838,0.00767,-0.0523,0.0215,-0.07436,0.04332,0.02356,-0.03118,-0.02363,0.13525,-0.00812,-0.09375,0.04367,0.04539,0.11023,-0.03089,-0.01961,-0.03782,0.03051,0.09229,-0.04717,-0.03034,-0.02325,0.00846,0.03449,0.04266,-0.12407,0.02029,-0.02287,0.00899,0.02689,0.07101,0.07336,-0.00546,0.05226,0.02681,0,-0.05662,0.02011,0.04467,0.02292,0.01572,-0.03575,0.03868,0.01736,0.04568,0.09526,-0.00356,-0.0172,0.02341,-0.01698,0.03438,0.05388,-0.05579,-0.08589,0.04211,-0.00002,0.02365,0.03641,0.02677,-0.01265,-0.005,0.08187,0.04161,-0.02256,0.00092,-0.03945,0.00668,-0.01669,-0.03017,-0.0228,-0.04919,-0.0868,-0.02423,0.07728,0.03137,-0.07633,0.02368,0.08869,0.00976,-0.0352,-0.05862,0.01234,-0.02026,0.00195,-0.03826,0.03503,-0.07594,-0.01898,0.01735,-0.05776,-0.03912,0.04171,0.04949,-0.01477,0.02058,-0.02301,-0.01447,-0.04112,0.07527,-0.04785,0.04438,0.047,0.06367,-0.01434,-0.03742,0.07199,0.10331,0.03317,-0.04578,-0.00477,0.05505,0.01782,0.11905,-0.06005,0.03854,-0.0578,-0.02981,0.04313,-0.07645,0.05562,0.01354,-0.00144,-0.01823,-0.01283,0.02016,0.02774,-0.08517,-0.0107,0.01916,0.0429,0.00176,0,-0.10779,0.02998,-0.03746,0.03473,-0.00284,0.00457,-0.0355,0.04053,-0.01348,-0.01502,0.01294,0.09121,-0.01374,-0.02591,0.11186,-0.0064,-0.05504,0.02909,-0.04996,0.01765,0.02463,0.0515,0.05541,0.10731,-0.02022,0.02797,-0.03899,0.0917,0.04893,-0.05504,0.00658,0.02228,0.15962,0.01035,-0.01722,0.02183,-0.09608,0.04176,-0.01265,0.05038,0.02174,0.02763,0.02191,-0.02573,-0.05864,0.03646,-0.05295,-0.01759,-0.07451,-0.02965,-0.05776,0.03315,-0.01613,-0.01852,-0.02711,0.04419,0.01859,-0.07022,0.07541,0.01087,-0.06357,0.0358,-0.04737,-0.00626],"keywords":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead. Description This example documents an older approach to positioning helpers in Foblex Flow for Angular. It is kept for reference and backward compatibility, but it is not the recommended starting point for new projects. For the current and improved UX, use: - Magnetic Lines for snap lines and alignment guides - Magnetic Rects for equal spacing hints and snapping","excerpt":"Description This example documents an older approach to positioning helpers in Foblex Flow for Angular. It is kept for reference and backward compatibility, but it is not the recommended starting point for new projects. For the current and improved UX, use: - Magnetic Lines for snap lines and alignment guides - Magnetic Rects for equal spacing hints and snapping"},{"chunkId":"/examples/help-in-positioning#2","slug":"help-in-positioning","route":"/examples/help-in-positioning","section":"examples","title":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated)","description":"Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead.","group":"Editor Helpers","vector":[-0.08428,0.0342,-0.07237,-0.02277,0.05377,0.12082,-0.08198,0.07978,-0.03482,0.02662,-0.00465,0.0651,-0.01261,0.04903,0.03061,0.03259,-0.09739,0.04205,0.01496,0.01138,-0.05593,-0.04728,0.10547,0.01973,-0.03281,0.00757,0.00478,0.0339,0.0276,-0.07624,0.02063,0.05957,-0.01492,0.06801,-0.06554,0.09243,-0.03034,0.1021,-0.05626,-0.07129,0.04216,0.06097,0.02521,-0.16005,0.05033,-0.02962,-0.05089,-0.01626,-0.01773,0.01987,-0.06896,-0.07435,-0.02279,0.04615,0.06217,0.01374,0.03518,-0.10902,0.05554,-0.00347,0.0617,-0.00006,0.01227,-0.00001,0.05248,0.0471,-0.08381,0.04665,-0.06624,0.02069,0.01927,-0.02883,-0.03379,0.00201,0.04341,0.04956,-0.04763,0.12841,-0.01551,-0.03547,-0.01327,0.06656,0.00295,0.04897,-0.05299,0.07589,-0.03728,-0.10325,0.03848,-0.05995,0.04733,-0.02213,-0.07426,0.05888,0.04984,0.01397,-0.0707,0.02424,-0.13747,0.02497,0.04687,-0.04611,0.02084,0.01797,0.00134,-0.03438,-0.00487,0.02874,-0.04789,-0.04893,0.00546,-0.00117,-0.0815,-0.0521,-0.07347,-0.09341,-0.00209,-0.05739,0.03297,0.0232,0.04992,0.05571,-0.05247,-0.02299,0.05751,0.03769,-0.01534,0,-0.00269,0.06919,0.03212,0.07138,0.0716,-0.03737,-0.08819,-0.04229,0.03647,0.10781,0.00294,0.00557,-0.04244,-0.08793,-0.1115,-0.12265,0.03088,0.01729,-0.13663,-0.0076,0.00376,-0.02022,-0.05814,-0.00355,0.03987,0.03162,-0.00735,0.03545,-0.07458,-0.02378,0.08008,-0.01799,0.04607,-0.03888,0.0273,-0.01594,0.00433,-0.04438,-0.07209,-0.04553,0.0976,0.00866,-0.03997,0.07849,0.03592,0.00969,0.02665,-0.05093,0.11462,0.03543,-0.04599,0.0763,-0.00269,-0.03875,0.07387,-0.05671,-0.01205,0.06063,-0.04027,0.00691,-0.00112,-0.03278,-0.01302,-0.04252,0.03894,-0.02592,-0.0269,0.00799,0.08045,-0.02273,-0.05728,0.07729,0.02563,0.09925,-0.02185,-0.01797,-0.03555,0.00247,0.08689,-0.02367,-0.02024,-0.05476,0.00942,0.07516,0.0375,-0.12044,0.01661,-0.02411,0.03511,-0.03485,0.04727,0.08673,-0.02426,-0.00645,0.0216,0,-0.0232,0.02506,0.06255,0.00909,-0.02658,-0.01192,0.06429,0.02051,0.0371,0.09096,-0.00503,-0.03106,0.00191,-0.06108,0.02378,0.04567,-0.11584,-0.02257,0.09165,0.04126,0.02425,0.07669,-0.01554,0.0154,0.00354,0.08554,0.04928,0.02563,0.02232,-0.03287,0.00588,-0.04991,-0.05176,0.00323,-0.06047,-0.08816,-0.0303,0.08505,0.0401,-0.06402,0.03731,0.10927,0.01234,-0.06467,-0.01874,-0.00952,0.04678,-0.03033,-0.03248,0.0212,-0.06443,-0.02866,-0.0033,-0.00378,-0.0349,-0.01523,0.02459,-0.02032,0.01893,-0.02048,0.04606,-0.04328,0.00668,-0.06116,0.05868,0.07784,0.02459,-0.02257,0.0243,0.03119,0.03077,0.02233,0.00283,0.00623,0.0506,0.03814,0.10068,-0.02602,0.03705,-0.05819,-0.03009,0.02515,-0.09899,0.07814,0.01169,0.02085,-0.05007,0.00899,0.00964,0.0267,-0.08694,-0.03278,0.00377,0.02873,-0.00558,0,-0.08655,-0.00694,-0.05392,0.01523,-0.00995,-0.01636,0.00536,-0.04199,-0.00872,-0.00212,-0.05411,0.0924,0.01559,-0.05998,0.05673,-0.03057,-0.07341,0.07288,-0.04915,0.04839,0.01039,0.05107,0.03685,0.0946,-0.02724,-0.00762,-0.08347,0.08052,0.02779,-0.05119,-0.00928,-0.02304,0.13951,0.00774,-0.01509,-0.04856,-0.11681,-0.00431,0.02278,0.04528,0.02102,-0.00901,0.04605,-0.02235,-0.05036,-0.00318,-0.04167,0.01176,-0.04947,-0.0112,-0.03718,0.01037,-0.01544,-0.01321,0.02326,0.01784,0.06609,-0.01093,0.01315,-0.03271,-0.02828,0.01646,-0.03121,-0.04631],"keywords":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead. Example ::: ng-component <help-in-positioning</help-in-positioning [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.scss :::","excerpt":"Example ::: ng-component <help-in-positioning</help-in-positioning [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.scss :::"},{"chunkId":"/examples/help-in-positioning#3","slug":"help-in-positioning","route":"/examples/help-in-positioning","section":"examples","title":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated)","description":"Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead.","group":"Editor Helpers","vector":[-0.09161,0.02762,-0.01933,0.04621,0.04787,0.0525,-0.09323,0.00739,0.03276,0.01698,-0.00054,0.07386,-0.0244,0.00102,-0.09296,0.00264,-0.1057,0.02528,0.07551,-0.04173,-0.06941,0.01253,0.01611,-0.02046,-0.0255,0.02548,-0.04346,0.00923,0.06247,-0.0864,-0.02982,0.08081,-0.06787,0.11129,-0.13842,0.05553,0.02514,0.04955,-0.06987,-0.04875,0.05621,0.06179,0.01938,-0.11927,0.00644,-0.05122,-0.08648,-0.04863,0.02325,0.04236,-0.11006,-0.02793,-0.04165,0.00337,0.08856,0.00378,0.01496,-0.13069,0.03423,0.00046,0.10597,0.03291,0.03361,0.0103,0.03767,0.0177,-0.01489,0.04305,-0.01306,-0.03578,-0.04302,-0.02131,-0.10641,-0.00963,-0.02653,0.06229,-0.0158,0.05078,-0.03952,0.05043,-0.02328,0.09618,0.07079,0.10088,-0.0405,0.06826,-0.06869,-0.12945,0.07136,-0.01984,0.03319,-0.0234,-0.0552,0.00798,0.08361,0.00868,-0.03136,0.04817,-0.14801,0.02482,0.04607,-0.03277,-0.0233,-0.00721,-0.073,-0.02563,0.02827,-0.04557,-0.02871,-0.03596,-0.00496,-0.00241,-0.08405,-0.08621,-0.13,-0.09149,-0.00292,-0.04622,0.07021,0.0905,-0.00811,0.05535,-0.049,0.02973,0.06191,0.03458,-0.04987,0,0.00303,0.06953,0.03417,0.02603,0.00319,-0.03011,-0.04972,-0.06069,0.01694,0.02126,-0.00839,0.04194,-0.02456,-0.04844,-0.05631,-0.16393,0.00478,0.05438,-0.05805,-0.03606,0.02897,-0.04739,-0.01421,-0.0166,0.02007,0.07247,-0.03091,-0.00587,-0.00181,0.00188,0.04877,-0.0017,0.03082,0.01861,0.01627,-0.0076,-0.02676,-0.03351,-0.01324,-0.04967,0.00802,0.01362,-0.05546,-0.0035,0.05278,0.00929,-0.02876,0.02733,0.13707,0.03751,-0.05146,0.09391,-0.00202,-0.00889,0.05099,-0.04296,0.00859,0.07385,-0.07893,0.05211,-0.0352,-0.02506,-0.0224,-0.05257,0.0654,0.02059,-0.04331,0.03277,0.10454,-0.01874,-0.05994,0.04529,0.0496,0.06246,0.0247,-0.04968,-0.08908,-0.02632,0.08164,-0.08554,-0.0409,-0.03173,0.02738,-0.0016,0.09751,-0.10587,0.0263,0.05578,0.05663,-0.033,0.09677,0.08643,-0.01981,-0.00396,0.02442,0,-0.04005,0.00098,0.06126,0.01246,-0.02593,-0.02309,0.06213,-0.02246,0.07175,0.08602,0.01394,-0.01566,-0.02128,-0.02167,0.0394,0.02591,-0.05396,-0.04477,0.03688,0.02196,0.02473,0.07503,-0.00921,0.03565,-0.05579,0.04089,0.07126,0.02773,-0.01785,-0.04048,0.04491,-0.01397,-0.01021,-0.02265,-0.04227,-0.03668,0.00333,0.06445,0.0175,-0.04117,-0.00966,0.10484,0.00023,0.00583,-0.0265,-0.02771,-0.09616,0.02375,0.0087,-0.032,-0.10392,0.0062,0.04363,-0.05697,-0.06647,-0.01185,0.00466,0.03082,0.02924,-0.00363,0.00283,-0.02524,-0.01916,-0.06138,0.04153,0.02188,0.06149,-0.04019,-0.02248,0.02478,0.00708,0.03342,-0.01922,-0.06357,0.07949,0.01263,0.14398,-0.02844,0.01112,-0.06575,-0.00856,0.07889,-0.07224,0.02685,0.03215,0.00066,-0.0152,0.04819,-0.01483,0.08603,-0.07534,-0.04266,-0.00965,0.0143,0.01729,0,-0.10037,0.05638,-0.01344,-0.00319,0.00615,0.01814,0.01983,0.02053,-0.01333,-0.03376,0.04626,0.06824,-0.03501,-0.03582,0.11416,-0.05606,-0.03416,0.0283,-0.04354,0.01577,-0.01725,0.05372,0.03352,0.07285,-0.03957,0.00031,0.0004,0.03013,0.0461,-0.01531,-0.03417,0.04332,0.12748,0.03963,-0.03756,0.02039,-0.04662,0.0586,-0.01871,0.04899,0.02561,0.05456,0.0061,-0.04735,-0.05202,0.04238,-0.05837,-0.02801,-0.01389,-0.02689,-0.0282,-0.04507,-0.05451,0.01473,0.02269,-0.02387,0.02844,-0.00592,0.04743,0.02772,0.01465,0.02842,-0.02758,-0.01787],"keywords":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead. What this legacy example demonstrates - Basic help while dragging for aligning nodes - A minimal setup inside <f-flow using the older implementation If you are building a modern node editor, prefer Magnetic Lines and Magnetic Rects instead. This legacy page stays noindex on purpose because the newer examples are the correct recommendation for search traffic and new implementations.","excerpt":"What this legacy example demonstrates - Basic help while dragging for aligning nodes - A minimal setup inside <f-flow using the older implementation If you are building a modern node editor, prefer Magnetic Lines and Magnetic Rects instead. This legacy page stays noindex on purpose because the newer examples are the correct recommendation for search traffic and new implementations."},{"chunkId":"/examples/help-in-positioning#4","slug":"help-in-positioning","route":"/examples/help-in-positioning","section":"examples","title":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated)","description":"Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead.","group":"Editor Helpers","vector":[-0.07396,-0.01731,-0.05608,-0.01048,0.02616,0.04976,-0.08076,0.04193,-0.02196,0.00927,0.00424,0.05249,-0.01916,0.02836,0.0053,0.03551,-0.06455,0.01678,0.07392,-0.04618,-0.09978,-0.01771,0.0497,-0.02912,0.00366,0.00168,0.07055,0.04131,-0.00033,-0.1204,-0.01084,0.06819,-0.0247,0.06316,-0.13983,0.09257,-0.00647,0.07278,-0.0742,-0.04989,0.01959,0.04239,0.03776,-0.11944,0.04102,-0.01041,-0.09712,-0.01974,0.01974,0.03725,-0.0473,-0.09693,-0.04452,0.01907,0.0551,0.0253,0.07414,-0.05364,0.01643,-0.04164,0.08551,0.00366,-0.00393,-0.02608,0.06734,0.05161,-0.05445,0.03353,-0.04922,-0.04594,-0.04578,-0.06197,-0.01262,-0.02004,-0.01019,0.08506,-0.00218,0.06984,-0.01443,-0.03603,-0.06644,0.1571,-0.01622,0.07686,-0.02357,0.08357,-0.04656,-0.08336,0.05832,-0.04749,0.04874,-0.04347,-0.00777,0.02519,0.03027,0.03858,-0.0297,-0.01107,-0.09803,-0.03597,0.04872,-0.03807,0.01267,-0.02166,-0.08954,-0.04486,-0.00868,-0.01303,-0.00332,-0.04402,-0.01523,-0.01379,-0.1235,-0.0709,-0.07626,-0.09798,-0.00769,-0.03677,0.01508,0.02625,0.00926,0.05976,-0.03654,-0.00043,0.03587,0.00005,-0.03843,0,-0.02713,0.04689,0.02604,0.06923,0.07305,-0.03724,-0.09204,-0.03337,0.08323,0.05505,0.01135,0.03531,-0.02623,-0.03044,-0.04754,-0.14976,-0.00748,0.02353,-0.10237,-0.02446,-0.06369,0.00678,-0.03164,0.02314,0.06694,0.05957,0.05076,0.02837,-0.06078,-0.0357,0.08319,0.01131,0.02513,0.02576,-0.01722,0.01618,-0.0573,-0.06965,-0.0284,-0.03569,0.0801,-0.00765,-0.05729,0.06352,0.06959,-0.01128,0.01243,-0.00203,0.12784,0.03274,-0.04177,0.05638,-0.0017,-0.02285,0.04657,-0.01968,-0.01205,0.07603,-0.02525,0.03884,0.00702,-0.03616,0.01997,-0.06848,-0.00496,-0.00052,-0.04755,-0.04265,0.09003,0.01171,-0.02222,0.04031,0.04799,0.10548,-0.02078,-0.04741,-0.06345,0.04118,0.05716,-0.05416,-0.0884,-0.02386,-0.00929,0.00301,0.05844,-0.10515,0.0484,-0.00172,0.04652,0.00323,0.03442,0.11903,0.00639,0.05572,0.05434,0,-0.07798,0.01079,0.04825,0.00617,-0.0095,-0.0382,-0.00076,0.00722,0.01875,0.101,0.00512,-0.03714,0.0173,-0.03808,-0.0001,0.07856,-0.0958,-0.0287,0.04445,0.02316,0.04907,0.05183,0.0139,0.00057,-0.0105,0.0779,0.0304,-0.03214,0.02206,-0.04695,-0.04084,-0.00846,-0.0149,0.02081,-0.06638,-0.09403,0.0197,0.0319,0.01055,-0.07478,0.00709,0.08998,0.01811,-0.04204,-0.05934,-0.05759,-0.01422,0.04588,-0.00657,0.00524,-0.06485,-0.02742,0.03644,-0.02708,-0.03792,0.0132,0.04111,0.00496,0.11859,-0.00313,0.00813,-0.0704,0.02223,-0.03306,0.04852,0.02995,0.11455,-0.03596,-0.00335,0.05377,0.04008,0.07264,-0.00755,-0.04664,0.04277,0.00835,0.08746,-0.03214,0.00116,-0.095,0.00579,0.01593,-0.09221,0.04907,0.03313,0.0028,-0.00513,0.00472,0.01731,0.03954,-0.06234,-0.0237,0.02212,0.05292,0.01255,0,-0.06364,0.02432,-0.016,-0.00363,0.02613,-0.0511,0.00604,0.05447,-0.01981,0.00988,-0.01321,0.06308,-0.03115,-0.00622,0.12639,0.00711,-0.05289,0.07767,-0.01957,0.02597,0.02274,0.01905,0.04329,0.11636,0.01721,0.03616,-0.04382,0.11411,0.03397,-0.06432,-0.02912,0.00148,0.15633,-0.04767,0.02441,0.00329,-0.09523,0.0229,0.02282,0.05055,-0.00443,0.0015,0.01743,-0.01941,-0.04315,0.00114,-0.06157,-0.00213,-0.05129,-0.02077,-0.03271,-0.05369,0.01653,-0.05491,-0.02054,0.02971,0.06038,-0.04296,0.08719,-0.00117,-0.00463,0.06884,-0.06601,-0.04806],"keywords":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead. Related docs - Magnetic Lines Component - Magnetic Rects Component - Selection Area Example","excerpt":"Related docs - Magnetic Lines Component - Magnetic Rects Component - Selection Area Example"},{"chunkId":"/examples/dagre-layout#0","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.11916,0.02151,-0.05687,0.02034,-0.04823,0.00996,-0.06469,0.03442,-0.00609,0.06956,-0.08478,0.01169,-0.06703,0.02696,0.05389,0.02617,-0.0037,-0.0138,0.05703,-0.06542,0.00678,-0.05225,0.0002,-0.04506,0.0998,0.04045,0.0085,0.02014,0.0968,-0.1002,0.08835,0.06501,-0.00612,0.06042,-0.10209,0.05137,-0.02001,-0.05233,-0.01954,-0.02622,0.11699,0.13276,0.0492,-0.02592,-0.04087,-0.0297,-0.15163,0.05121,-0.08206,0.06442,-0.09761,-0.02225,-0.01641,0.01665,0.04583,0.06569,0.03538,-0.04188,-0.00365,0.06267,0.06598,-0.03846,-0.02812,0.00226,0.01027,0.06471,-0.03846,-0.01298,0.03621,0.01953,0.02548,-0.05829,0.03612,-0.06252,-0.00777,-0.04686,-0.03708,0.06201,-0.00367,-0.09272,0.04314,0.06323,-0.01088,0.02995,-0.05556,0.01972,-0.02422,-0.09453,0.01323,-0.01633,-0.04035,0.05832,-0.03252,0.02086,-0.00812,0.04602,0.02451,0.01636,-0.10705,0.02566,0.04147,-0.04134,0.04881,0.0274,-0.04934,-0.02655,-0.04768,0.01653,-0.12023,0.00633,0.01768,0.11039,-0.01213,0.03799,-0.07716,-0.10537,-0.0263,-0.08874,0.06142,0.04388,0.00257,0.01205,0.00617,-0.00493,0.03692,-0.02788,0.02005,0,0.03596,0.00575,-0.02239,-0.01018,0.05899,0.01893,-0.05412,-0.02801,0.03677,0.02194,0.01201,0.04605,-0.03135,0.06667,-0.00224,-0.1074,0.0319,0.03857,0.00915,-0.03304,0.06315,0.01137,-0.05723,0.04649,0.06186,0.10356,-0.02967,0.03609,-0.09015,0.0308,0.0501,-0.00831,0.02166,0.03163,-0.05905,-0.00727,-0.09929,-0.02931,-0.00463,-0.0528,0.04962,-0.03101,-0.04072,-0.02571,-0.07868,0.02659,-0.056,0.01756,0.03754,0.06023,-0.00434,0.02544,0.01707,0.06322,0.08816,-0.08258,-0.04954,0.09867,0.06968,0.06342,0.04541,0.0162,-0.06902,-0.01795,-0.0315,0.02378,0.0005,-0.03946,0.08552,-0.02015,-0.03605,0.09583,-0.00096,0.05472,0.00729,-0.01701,-0.0715,-0.00002,-0.05535,0.0084,-0.05,-0.07129,0.04673,0.06947,0.10922,-0.0866,0.03946,0.01138,-0.08044,-0.02341,0.04851,-0.03251,0.06052,-0.00158,0.13638,0,-0.01017,0.05508,0.06085,0.03,-0.00176,-0.06165,0.01868,0.04297,-0.0037,0.0512,-0.02681,0.06026,0.01639,-0.01214,0.01861,-0.01662,-0.01839,-0.09222,0.00868,-0.03247,0.00329,0.05942,-0.04034,-0.01848,0.04928,0.03377,0.05873,-0.04656,-0.02398,0.01628,0.05851,-0.02095,-0.06289,-0.03864,-0.01957,-0.02635,-0.00753,0.07136,-0.03299,-0.00254,-0.04491,0.00308,-0.03692,0.01809,-0.04174,0.04678,-0.04054,-0.00035,-0.05972,-0.00776,-0.02971,0.07285,0.04675,-0.0526,-0.05523,-0.02095,0.11118,0.04113,-0.04087,-0.03766,-0.03389,-0.04865,-0.00775,-0.06537,-0.00211,0.00318,-0.05471,-0.07947,0.0286,0.1168,0.04414,0.07241,-0.07076,-0.01133,0.09756,0.09107,0.06398,0.05386,0.03849,-0.00617,-0.06393,0.03948,0.01182,0.0381,0.02031,-0.03537,-0.09607,-0.04107,0.02502,0.11431,-0.0624,-0.03285,-0.08014,-0.01466,0.01475,0,-0.12725,-0.01123,-0.00774,-0.00198,0.03946,0.06418,0.06457,0.073,-0.02699,-0.00561,-0.02232,0.05044,-0.02775,0.01719,0.01541,-0.04657,0.04982,0.01898,-0.02863,0.00422,-0.03076,-0.01405,0.00531,0.13329,-0.00443,-0.04954,0.00731,-0.01372,0.04195,0.05524,0.00005,0.05649,0.08083,0.06392,-0.06255,-0.03799,-0.00229,0.02809,-0.03459,-0.01856,0.00288,-0.00732,0.00925,0.01627,-0.06324,0.03573,0.00482,0.00165,0.00452,-0.03348,-0.09529,-0.02574,-0.12913,-0.03079,-0.00561,0.02386,-0.03209,-0.02872,0.03963,-0.00615,-0.05844,0.00046,-0.03083,-0.05883],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Dagre Layout This page shows how to use @foblex/flow-dagre-layout to calculate a manual graph layout with Dagre and then render the result with Foblex Flow. The important split is: - @foblex/flow-dagre-layout calculates positions - @foblex/flow renders nodes, connections, zoom, drag, and viewport behavior - your app remains the owner of graph state","excerpt":"Dagre Layout This page shows how to use @foblex/flow-dagre-layout to calculate a manual graph layout with Dagre and then render the result with Foblex Flow. The important split is: - @foblex/flow-dagre-layout calculates positions - @foblex/flow renders nodes, connections, zoom, drag, and viewport behavior - your app remains the owner of graph state"},{"chunkId":"/examples/dagre-layout#1","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.11527,-0.00265,-0.10664,0.05609,-0.03261,0.0373,-0.03158,0.03314,-0.00348,0.02379,-0.00171,-0.00077,-0.03717,-0.01777,0.01707,0.03304,-0.05535,-0.0152,0.03214,-0.07558,-0.01111,-0.04333,0.04644,-0.03917,0.06807,-0.02376,-0.01277,0.03674,0.04818,-0.06841,0.07026,0.07351,-0.03171,0.01599,-0.04205,0.07848,0.00082,0.03558,-0.02331,-0.00154,0.05743,0.11142,0.08115,-0.07613,0.00607,-0.03756,-0.18517,0.04871,-0.05562,0.0548,-0.07868,-0.02689,-0.02362,0.00632,0.07863,0.021,0.00276,-0.02871,0.02574,0.0356,0.03191,-0.06373,-0.03568,-0.03766,-0.02273,0.05113,-0.03147,0.0242,-0.0191,0.03482,-0.01959,-0.02778,-0.02118,-0.0571,0.03694,-0.02893,-0.04711,0.08079,-0.00849,-0.12613,0.02952,0.05203,0.00719,0.01171,-0.02885,0.03531,-0.00893,-0.05677,0.03008,-0.03997,-0.02662,0.06976,-0.08177,0.05965,0.01303,0.05269,-0.01974,0.04755,-0.09555,0.0563,-0.01894,-0.09203,0.02431,0.06694,-0.01366,-0.00474,-0.03701,0.03641,-0.09774,0.01271,-0.00569,0.08481,-0.00658,0.01754,-0.04894,-0.09608,0.02657,-0.08718,0.07891,0.01901,0.0444,0.03489,-0.09203,-0.01149,-0.02106,-0.10997,0.074,0,0.03983,-0.04473,-0.05577,0.02639,0.09112,-0.01397,-0.05368,-0.02096,-0.03171,0.07443,-0.03638,0.0278,-0.08208,-0.01379,-0.00637,-0.14466,0.04761,0.07461,-0.06498,-0.04381,0.03524,0.00848,-0.07955,0.03307,0.06345,0.0715,-0.00614,0.03262,-0.08209,-0.00943,0.07562,0.00862,0.06713,0.04569,-0.04936,-0.04148,-0.07005,-0.00015,-0.04965,-0.03636,0.04534,-0.02227,-0.02275,0.0023,-0.07036,-0.00444,-0.0166,0.06782,0.05699,0.02285,-0.03846,0.09188,-0.02618,-0.00583,0.051,-0.04746,-0.09475,0.10496,0.02095,0.07831,-0.0173,0.05918,-0.04845,-0.05398,0.01667,0.03476,-0.00519,-0.06684,0.09471,-0.07458,-0.02917,0.06406,0.03374,0.04451,0.02825,-0.01429,-0.06132,0.02505,-0.04546,-0.0137,-0.05986,-0.06468,-0.03223,0.04585,0.06702,-0.0944,0.05432,-0.00973,-0.05754,-0.07688,0.0125,-0.01462,0.0353,-0.02814,0.09736,0,0.05117,0.06458,0.05536,0.05002,-0.00982,-0.01773,0.06049,0.03745,0.00575,0.08264,-0.02277,0.03521,-0.00247,-0.03907,0.03407,0.02344,-0.03397,-0.06239,0.00746,-0.02336,-0.03154,0.13476,-0.03626,0.00458,0.02662,0.03158,0.04161,0.07415,-0.00794,-0.00061,0.01572,0.0009,-0.12071,0.03064,-0.01452,-0.04795,0.03912,0.13493,-0.0384,0.03323,0.03901,0.00581,-0.05504,0.0493,-0.01219,0.00912,0.04534,0.00885,-0.06621,-0.05794,-0.03852,0.01693,0.02921,-0.03408,-0.03311,-0.00271,0.092,-0.0206,-0.03658,-0.03986,0.00985,-0.09379,0.02529,-0.02358,0.07443,-0.00174,-0.05132,-0.08563,0.05884,0.06669,-0.00673,0.09486,0.07138,-0.06342,0.0903,0.0428,0.02955,0.02893,0.02337,0.00413,-0.095,0.02565,0.03528,0.03209,-0.03045,-0.05463,-0.07643,0.06323,0.02232,0.05134,-0.0625,-0.06913,0.02227,0.02836,0.00966,0,-0.09418,0.00012,-0.04877,-0.08185,0.009,0.04294,0.06411,0.05938,-0.07599,-0.01697,-0.00238,0.07806,0.00986,0.04118,0.00581,-0.08874,0.02593,0.05431,-0.05149,0.00455,-0.01556,-0.03218,-0.00178,0.10414,0.01694,-0.09693,-0.03632,-0.01617,0.01577,0.04237,0.00114,0.01216,0.07019,0.03582,-0.03653,-0.03989,-0.00114,0.0145,-0.0415,0.04365,0.01062,-0.03042,-0.01027,0.02245,0.00771,0.00867,0.00293,0.01547,0.04067,-0.01226,-0.09013,-0.01148,-0.06136,-0.06123,0.00827,-0.01937,0.01092,0.02302,0.03668,-0.00861,-0.06751,0.05175,0.02466,-0.05311],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Example ::: ng-component <dagre-layout</dagre-layout [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::","excerpt":"Example ::: ng-component <dagre-layout</dagre-layout [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::"},{"chunkId":"/examples/dagre-layout#2","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.10122,0.02059,-0.02736,0.02438,-0.02359,0.03834,-0.07189,-0.01125,0.00182,0.0153,-0.06935,0.03674,-0.06307,0.01066,0.07264,0.04027,0.0056,0.01817,0.117,-0.06584,-0.02003,0.00581,0.00579,-0.05061,0.04248,0.05238,0.02171,0.02758,0.07797,-0.092,0.0846,0.10091,-0.01469,0.03218,-0.11654,0.04119,0.02293,0.03512,-0.03366,-0.00567,0.06333,0.11042,0.03493,-0.04912,-0.0394,-0.05652,-0.16846,0.0011,-0.05923,0.02152,-0.06325,-0.06859,-0.00528,-0.01278,0.07102,0.02846,0.03168,-0.03487,-0.0104,0.01628,0.05761,-0.028,-0.02454,0.02931,0.02877,0.09799,-0.03155,0.03688,0.07201,-0.00782,-0.02757,-0.04981,-0.00434,-0.0487,-0.04051,0.00281,-0.00478,0.04909,-0.03473,-0.05509,0.06065,0.11441,0.01608,0.06029,-0.02657,0.08477,-0.02915,-0.04485,0.00912,-0.09368,-0.0298,0.03118,-0.01524,0.00267,0.05678,0.05233,-0.00801,0.00221,-0.10244,0.01813,-0.00076,-0.07015,0.07937,0.03214,-0.06084,-0.0094,-0.03499,0.02544,-0.05444,-0.00033,0.0464,0.05891,-0.00229,-0.01803,-0.07151,-0.07116,-0.04842,-0.13914,0.01187,0.09679,-0.00101,0.04001,0.00092,-0.00592,0.04879,-0.01735,0.01898,0,0.00331,0.02386,-0.02099,0.00545,0.08701,-0.05959,-0.00367,-0.03517,0.02147,0.01557,0.01918,0.04837,-0.05653,0.10729,-0.01883,-0.06989,0.04084,0.04546,0.04578,-0.04571,0.0059,-0.04528,-0.05723,0.07096,0.04624,0.07384,0.01805,0.06082,-0.05585,-0.0148,0.06858,-0.01648,0.05572,0.03914,-0.08159,-0.03062,-0.12886,-0.0124,0.01058,-0.02773,0.04995,0.0267,-0.04683,0.0233,0.02072,0.03817,-0.00721,-0.04472,0.11271,0.03652,0.02676,0.04158,0.01769,0.10914,0.08776,-0.08018,-0.03922,0.05562,0.07013,0.04011,-0.02189,-0.00389,-0.04398,-0.04457,0.03822,0.01596,-0.0061,-0.03397,0.03887,-0.03209,-0.0279,0.04701,-0.07723,0.06833,0.00803,-0.03263,-0.02932,0.05519,-0.00267,0.02523,-0.0694,-0.05259,0.0286,0.07212,0.07294,-0.07128,0.09621,-0.00434,-0.02901,-0.06078,0.09416,-0.01762,-0.02168,-0.02231,0.13854,0,-0.01816,0.04237,0.03398,0.06471,-0.00214,-0.00899,-0.0209,0.0171,0.03761,0.06305,0.02266,0.07785,0.05531,-0.01501,0.02043,0.00242,-0.04859,-0.04134,-0.00956,-0.02236,0.04067,0.07748,-0.02614,-0.11778,0.01769,0.04351,0.02086,-0.063,-0.02927,0.01843,0.04292,0.03534,-0.07267,-0.04554,-0.01942,-0.01872,-0.00805,0.08495,-0.05763,0.00048,-0.05401,0.00457,-0.06054,-0.00013,-0.06788,-0.00877,-0.04322,-0.03133,-0.04795,-0.02071,-0.0494,0.05073,0.04487,-0.07306,-0.05955,-0.02622,0.13213,0.04981,-0.03268,-0.01829,-0.00806,-0.03129,-0.02659,-0.12151,-0.02765,-0.02095,-0.0584,-0.089,0.00134,0.08427,-0.03328,0.06377,-0.07115,0.0095,0.04209,0.05282,0.10642,0.07835,-0.00028,-0.03556,-0.09293,0.02626,0.02419,0.02838,0.02334,-0.03949,-0.06757,-0.08797,0.04661,0.10053,-0.0648,-0.01996,-0.05592,0.04114,0.03299,0,-0.10395,0.00414,-0.03041,-0.0438,0.0227,0.0595,0.02266,0.06477,-0.02207,0.05705,0.00091,0.06286,-0.00994,0.06747,-0.01401,-0.03984,0.0341,0.00687,-0.05912,-0.02998,0.00348,0.01933,0.00417,0.06466,0.0205,-0.03211,0.07391,-0.00867,0.00712,0.0365,-0.02644,0.05329,0.01824,0.02852,-0.03244,-0.0575,-0.00444,0.03984,-0.02958,-0.04479,-0.02044,-0.00238,-0.00545,-0.01345,-0.0663,-0.03382,-0.02485,-0.01227,0.00052,0.03776,-0.08481,-0.01427,-0.12385,-0.02794,-0.01441,0.01863,-0.05271,0.00131,0.03073,-0.05779,-0.06161,-0.00931,0.00353,-0.10376],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Install If your project already includes a custom Flow theme, you can keep schematic installation but skip style injection: For Nx workspaces: ng add checks @foblex/flow and the required Foblex companion packages, adds only the missing ones, and wires the default Flow theme into application styles when it is missing. If you prefer manual installation: You do not need to install the underlying dagre package separately because the adapter ships it as a runtime dependency.","excerpt":"Install If your project already includes a custom Flow theme, you can keep schematic installation but skip style injection: For Nx workspaces: ng add checks @foblex/flow and the required Foblex companion packages, adds only the missing ones, and wires the default Flow theme into application styles when it is missing. If you prefer manual installation: You do not need to install the underlying dagre package separately because the adapter ships it as a runtime dependency."},{"chunkId":"/examples/dagre-layout#3","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.11124,0.00322,-0.07963,0.04822,-0.02447,-0.01178,-0.10519,0.03711,0.00433,0.07418,-0.04475,0.05745,-0.0341,0.01431,0.04081,0.0357,-0.01116,0.05205,0.04068,-0.13048,-0.01403,0.01931,0.01051,-0.02868,0.13273,-0.0243,-0.00092,0.03273,0.11566,-0.0747,0.04177,0.05298,0.01125,0.04992,-0.16489,0.06828,-0.02248,-0.00553,-0.01395,-0.03463,0.07808,0.14033,0.00358,-0.04094,-0.00998,-0.07011,-0.22098,0.09773,-0.08959,0.03164,-0.10513,-0.01907,-0.03695,-0.01239,0.07551,0.03024,-0.00403,-0.04599,-0.02312,0.04527,0.09333,-0.04721,-0.03359,-0.03408,0.0301,0.05889,0.00474,0.00715,0.02679,0.01019,0.03383,-0.0596,-0.00086,0.00807,-0.03403,-0.01433,-0.03695,0.0766,0.00213,-0.03752,0.02073,0.09283,-0.01245,0.04856,-0.01233,0.01307,-0.02128,-0.01781,0.02364,-0.07492,-0.02166,0.07121,-0.04152,0.03705,-0.01459,0.03486,0.06705,0.02652,-0.07936,0.01875,-0.00473,-0.02196,0.01119,-0.04725,-0.07602,-0.01964,-0.04504,-0.01536,-0.10319,0.00139,0.05598,0.05791,-0.06706,0.032,-0.07306,-0.11293,-0.00169,-0.11398,0.05636,0.05664,0.0081,0.03865,0.00736,-0.00387,0.02054,-0.05283,0.01198,0,0.04636,0.01427,-0.00893,-0.03361,0.06188,-0.03418,-0.07878,0.01309,0.04348,0.04451,0.00957,0.0521,0.00557,0.05421,0.06956,-0.07751,0.07254,0.06583,0.02447,-0.01848,0.00953,0.01403,-0.04411,0.08344,0.07352,0.1182,-0.00343,0.02248,-0.07195,-0.0017,0.06192,-0.00195,-0.00674,0.05497,-0.04993,0.00312,-0.09013,-0.04166,0.01007,-0.01617,0.04803,-0.01561,-0.03519,0.0002,-0.09863,0.05792,-0.03559,0.00096,0.062,0.07501,-0.02044,0.0497,0.0085,0.08492,0.03535,-0.02447,-0.04423,0.06472,0.06135,0.08795,0.03416,-0.06554,-0.03957,-0.03083,-0.0567,-0.0486,-0.0193,-0.06852,0.1253,0.01119,0.0152,0.03945,-0.03397,0.06394,-0.01337,-0.03139,-0.05544,0.02471,-0.05642,0.0227,-0.03533,-0.017,0.03751,0.03415,0.08282,-0.07321,0.03984,0.03763,-0.06389,-0.0579,-0.0189,0.02488,0.02123,-0.00674,0.15719,0,-0.02147,0.05648,0.04885,0.03976,-0.02153,-0.04222,-0.0111,-0.02031,-0.01745,0.06569,-0.02049,0.02486,0.02256,0.00707,0.02541,-0.00586,-0.02488,-0.0877,0.01207,-0.01059,0.02773,0.06684,-0.01563,-0.03656,0.03682,0.01245,0.06667,-0.06553,-0.03598,0.02283,0.05958,-0.01525,-0.02657,-0.0359,-0.03922,-0.01218,0.04433,0.04658,-0.03248,-0.0154,-0.03579,0.00876,0.007,-0.00029,-0.02805,0.00021,-0.00331,0.03158,-0.05254,-0.04249,0.02075,0.08254,0.04334,-0.05076,-0.03132,-0.05433,0.07266,0.01946,0.01677,-0.02623,-0.0372,-0.04937,-0.01308,-0.04739,-0.02628,-0.00678,-0.02388,-0.12857,-0.02773,0.05579,-0.02672,0.09234,-0.03539,0.00597,-0.00716,0.0568,0.06866,0.0483,0.00731,-0.06003,-0.02511,0.00177,0.00842,0.01095,-0.02219,-0.04321,-0.04356,0.01219,-0.00365,0.10766,-0.08835,-0.02846,-0.07472,0.02332,0.0085,0,-0.10609,0.04619,-0.00047,0.00103,0.01629,0.03293,0.09476,0.09961,-0.00655,0.02787,-0.04122,0.0146,-0.04951,0.04716,0.02548,-0.02839,0.06126,0.03063,-0.00456,0.02839,-0.00846,-0.00291,0.00025,0.08453,0.03145,-0.03692,0.02738,0.01322,0.05561,0.00577,0.00616,0.05046,0.1029,0.05634,-0.01345,-0.07431,0.01729,0.03416,-0.03148,-0.0416,-0.00101,-0.038,0.01637,0.02088,-0.04872,-0.00516,-0.00772,-0.02985,0.04816,-0.01655,-0.04591,-0.07048,-0.10913,-0.12839,-0.01916,0.02376,-0.00278,-0.03953,0.03785,-0.01416,-0.01563,-0.01705,-0.03765,-0.06641],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Minimal Usage calculate(...) returns only calculated node positions. In a real app you merge them back into your own node model by id.","excerpt":"Minimal Usage calculate(...) returns only calculated node positions. In a real app you merge them back into your own node model by id."},{"chunkId":"/examples/dagre-layout#4","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.08937,0.00647,-0.06073,0.01892,-0.05397,0.02816,-0.06933,0.02157,-0.00267,0.05562,-0.06433,0.02121,-0.04931,0.01543,0.02273,0.01127,-0.02675,0.02428,0.048,-0.11529,-0.00117,-0.01205,-0.0065,-0.02688,0.10499,0.03138,0.01861,-0.01363,0.07994,-0.0702,0.05965,0.04285,-0.01906,0.04944,-0.15946,0.0438,-0.02887,0.00916,-0.0081,-0.01135,0.089,0.10489,0.05473,-0.05601,-0.02424,-0.0237,-0.20771,0.08963,-0.06538,0.05843,-0.06463,-0.02178,-0.00892,-0.00153,0.06198,0.02515,0.03232,-0.03395,-0.06413,0.04818,0.08281,-0.04513,-0.02413,-0.01938,0.01425,0.07115,-0.01026,0.03452,0.05124,0.01721,0.03418,-0.05317,0.05629,-0.08166,-0.01263,-0.05684,-0.04288,0.10144,-0.00142,-0.045,0.05731,0.07832,0.00183,0.00567,-0.04723,0.01267,-0.05426,-0.04337,-0.00594,-0.05101,-0.04314,0.10258,-0.05477,0.00857,-0.00249,0.09071,-0.00779,0.01442,-0.0641,0.03543,0.0201,-0.05341,0.00599,-0.00825,-0.08212,0.00725,-0.06191,0.01923,-0.09467,-0.00691,0.05433,0.04459,0.02123,0.05361,-0.06954,-0.09466,-0.01892,-0.09694,0.01844,0.03629,0.02629,0.03736,-0.01375,-0.00903,0.02517,-0.03212,0.02474,0,0.02749,0.01512,-0.01146,0.00486,0.06074,-0.00265,-0.04253,-0.04625,0.06114,-0.0011,0.00663,0.02608,-0.05751,0.03526,0.00079,-0.15234,0.07014,0.04848,-0.00358,-0.03168,0.02676,-0.00074,-0.06397,0.03873,0.05746,0.0877,-0.01972,0.0531,-0.09084,-0.0052,0.06587,-0.00806,0.00346,0.04203,-0.07494,-0.03441,-0.09605,-0.01473,0.00785,-0.06669,0.07937,-0.02336,-0.04157,0.0294,-0.07387,0.06242,-0.043,0.02876,0.04322,0.06896,0.00854,0.04508,0.00382,0.0113,0.03256,-0.04839,-0.07032,0.09866,0.05711,0.07925,0.02586,-0.01476,-0.05386,-0.04506,-0.05719,0.01617,-0.00385,-0.01997,0.09224,-0.01875,-0.00701,0.07187,-0.02694,0.07005,0.0018,-0.00931,-0.0539,0.00443,-0.07449,-0.01765,-0.03025,-0.04801,0.01392,0.06889,0.12717,-0.06543,0.05085,0.02794,-0.06014,-0.04098,0.00572,-0.01646,0.08879,0.01117,0.18627,0,0.02291,0.06646,0.06712,0.03823,-0.00005,-0.03728,-0.00077,0.0521,-0.01985,0.06517,-0.04656,0.06691,0.01754,-0.02492,-0.00899,0.01753,0.00594,-0.06158,0.03763,-0.01103,0.01161,0.05173,-0.05735,-0.02209,0.01114,0.05003,0.05699,-0.07638,0.01017,0.04402,0.04999,-0.05607,-0.01519,-0.0042,-0.00866,-0.02794,0.07177,0.03164,-0.04731,0.00133,-0.05125,-0.00326,-0.02904,0.00928,-0.01805,0.02258,-0.02733,0.04795,-0.10349,-0.05934,-0.03179,0.08977,0.01822,-0.02718,-0.05841,-0.01976,0.09444,0.03628,-0.00486,-0.05231,-0.09483,-0.08226,0.00664,-0.07062,-0.00256,-0.00761,-0.04314,-0.11688,-0.00453,0.10273,0.00379,0.0918,-0.03959,0.00715,0.08067,0.01328,0.07357,0.02866,0.02663,0.00158,-0.09309,0.02198,0.00332,0.01751,0.0201,-0.03883,-0.04924,0.00018,0.04598,0.09764,-0.07968,-0.03276,-0.05736,-0.01182,0.03489,0,-0.09395,0.00047,-0.00035,-0.00761,0.02361,0.04167,0.04862,0.07581,-0.02255,-0.03768,-0.03889,0.051,-0.01622,0.03149,0.01346,-0.03077,0.0498,0.04053,-0.00693,0.03176,-0.00154,-0.02786,-0.00133,0.13542,0.01031,-0.05583,0.02418,-0.01608,0.04577,0.04176,0.00502,0.02946,0.09025,0.07043,-0.04132,-0.07378,0.00845,0.03277,-0.02639,-0.01834,-0.00685,-0.01355,0.00657,0.00722,-0.02137,-0.00905,-0.01568,-0.03763,0.02264,-0.01615,-0.06502,-0.03032,-0.10159,-0.05944,-0.00308,0.00454,-0.02899,-0.00851,0.04167,-0.00583,-0.04228,0.00034,-0.02337,-0.09196],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. How To Work With It 1. Build your own graph state in the shape your app needs. 2. Convert that graph to IFLayoutNode[] and IFLayoutConnection[]. 3. Call calculate(...) on DagreLayoutEngine. 4. Merge returned positions back into your state. 5. Render the updated nodes in f-flow. IF Layout Node IF Layout Connection Dagre Layout Engine","excerpt":"How To Work With It 1. Build your own graph state in the shape your app needs. 2. Convert that graph to IFLayoutNode[] and IFLayoutConnection[]. 3. Call calculate(...) on DagreLayoutEngine. 4. Merge returned positions back into your state. 5. Render the updated nodes in f-flow."},{"chunkId":"/examples/dagre-layout#5","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.09799,-0.00416,-0.05239,0.05526,-0.05542,0.00372,-0.10465,0.02445,-0.03399,0.08715,-0.05361,0.04779,-0.05092,0.0324,0.04323,0.02512,0.00575,0.07297,0.0765,-0.12147,-0.00647,-0.01342,0.0175,-0.05216,0.09647,-0.02552,0.01763,0.03314,0.08924,-0.11561,0.06462,0.04343,-0.01436,0.05878,-0.13215,0.04443,-0.01337,-0.00326,-0.01417,-0.00682,0.06088,0.14624,0.00169,-0.0655,-0.02746,-0.04392,-0.22973,0.10079,-0.08263,0.03446,-0.086,-0.04265,-0.04176,-0.0279,0.058,0.04058,0.00908,-0.04274,-0.01582,0.05806,0.0871,-0.03094,-0.03474,-0.06892,0.01291,0.06935,0.00455,0.01477,0.03409,0.07732,0.01537,-0.06803,-0.00211,0.01906,-0.02677,-0.00136,-0.01462,0.07409,-0.00472,-0.03782,0.02778,0.12261,-0.02256,0.04952,-0.03254,-0.00815,-0.04444,-0.05118,0.00227,-0.05306,-0.02329,0.05657,-0.05457,0.06547,-0.01314,0.04293,0.02228,-0.00825,-0.07275,0.00825,0.02864,-0.05178,0.0067,-0.00965,-0.07638,-0.00041,-0.03865,-0.00342,-0.06274,0.00412,0.04207,0.0604,-0.07388,0.02049,-0.09983,-0.09746,-0.0065,-0.08157,0.05126,0.02763,0.00156,0.01372,-0.00572,-0.01044,0.04145,-0.04013,0.02405,0,0.08268,0.02817,-0.0028,-0.0264,0.07359,-0.01122,-0.05538,0.00291,0.0317,0.05466,0.00888,0.03517,-0.03512,0.06901,0.0588,-0.12129,0.07272,0.05976,-0.00954,-0.07065,-0.01723,0.00293,-0.02805,0.05077,0.07404,0.07125,-0.04043,-0.04986,-0.04996,0.00367,0.05591,-0.01262,0.02227,0.02338,-0.05747,0.00521,-0.09532,-0.01751,0.03724,-0.02596,0.05676,-0.02952,-0.00834,0.02505,-0.06213,0.08333,-0.02118,-0.0294,0.01999,0.05316,-0.00162,0.03936,0.01516,0.08263,0.04498,-0.04267,-0.02722,0.0731,0.05411,0.06508,0.05047,-0.0523,-0.02457,-0.03357,-0.03536,-0.04235,-0.02121,-0.0705,0.08453,0.00184,-0.01179,0.04641,-0.04689,0.08826,-0.07018,-0.00683,-0.07336,0.04068,-0.02295,-0.02978,-0.06886,-0.00704,0.02476,0.00311,0.0847,-0.10846,0.02942,0.04954,0.00686,-0.05809,0.00137,-0.0014,0.07853,0.01869,0.15913,0,-0.01043,0.05786,0.03818,0.05496,-0.03091,-0.03174,-0.03066,0.01573,-0.00887,0.09462,-0.01738,0.05906,0.04918,-0.00681,0.01657,-0.0155,-0.03322,-0.02358,0.02558,-0.01926,0.03956,0.0467,-0.02119,0.00911,0.09514,0.02101,0.06833,-0.06699,-0.00461,0.02235,0.04487,0.00438,0.01397,-0.01693,-0.03306,-0.00965,0.0413,0.01493,-0.0374,0.00181,-0.04206,0.00536,0.00216,-0.02915,-0.01981,0.00379,-0.04171,0.04044,-0.08806,-0.03822,-0.01608,0.0836,0.06251,-0.04249,-0.04416,-0.04492,0.03523,0.04007,0.02194,-0.00688,-0.02574,-0.06199,0.00192,-0.08551,-0.04156,-0.00375,-0.00199,-0.12021,-0.03572,0.05909,-0.03141,0.07113,-0.05518,-0.01101,0.00228,0.01144,0.05751,0.04801,0.01114,-0.07157,-0.03748,0.01245,-0.02113,0.04041,-0.0072,-0.00621,-0.0231,0.01843,0.05144,0.10359,-0.05055,-0.08872,-0.03074,-0.02116,0.02392,0,-0.11351,0.02389,-0.00101,0.0321,0.03946,0.02322,0.10758,0.10967,-0.01594,0.02929,-0.02252,0.05042,-0.01683,0.04845,0.04131,-0.03479,0.02636,0.02278,0.0175,0.03611,-0.03455,0.0012,0.00055,0.08485,0.03093,-0.0378,0.04582,0.0143,0.05012,0.03969,-0.01934,0.02506,0.06064,0.05457,-0.03835,-0.06224,-0.01296,0.02157,-0.05698,-0.06873,-0.00314,-0.0095,0.01358,0.0211,-0.08188,-0.00597,0.0014,0.00399,0.01588,-0.05689,-0.06638,-0.05995,-0.08839,-0.11685,-0.01439,0.04222,-0.07521,-0.01931,0.02134,-0.03289,0.0012,-0.02739,-0.06186,-0.0631],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Options You Will Usually Change - direction: graph direction via EFLayoutDirection - algorithm: Dagre ranker via EDagreLayoutAlgorithm - nodeGap: spacing between nodes on the same level - layerGap: spacing between levels - defaultNodeSize: fallback size when a node does not provide size EF Layout Direction E Dagre Layout Algorithm node Gap layer Gap default Node Size","excerpt":"Options You Will Usually Change - direction: graph direction via EFLayoutDirection - algorithm: Dagre ranker via EDagreLayoutAlgorithm - nodeGap: spacing between nodes on the same level - layerGap: spacing between levels - defaultNodeSize: fallback size when a node does not provide size"},{"chunkId":"/examples/dagre-layout#6","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.12141,-0.0165,-0.03709,0.05895,-0.03879,0.00278,-0.07856,-0.00034,-0.04484,0.0709,-0.04142,0.04752,-0.06129,0.01264,0.03439,0.03741,0.02518,0.00803,0.06913,-0.10443,-0.02084,-0.02684,-0.02218,-0.0531,0.07936,0.01216,0.01013,0.03111,0.1028,-0.09238,0.04174,0.06653,-0.03502,0.05927,-0.13765,0.0665,-0.03937,0.01212,-0.01169,-0.01631,0.09381,0.11885,0.01895,-0.07283,-0.031,-0.06896,-0.21355,0.06463,-0.06385,0.01985,-0.1185,-0.03316,-0.03841,-0.01985,0.05738,0.01955,0.04765,-0.01297,-0.00062,0.02885,0.07614,-0.02732,-0.02539,-0.01254,0.00706,0.05393,-0.01059,-0.02709,0.03347,0.04502,-0.00866,-0.06426,0.01699,-0.05758,-0.01856,-0.02965,-0.01751,0.03151,0.00284,-0.06794,0.05331,0.10139,-0.03622,0.02679,-0.02808,-0.01649,-0.06346,-0.05679,0.01395,-0.06822,-0.06052,0.06144,-0.01605,0.06992,-0.05295,0.05684,0.03243,0.02333,-0.06508,0.02076,0.0452,-0.01768,0.04034,0.00474,-0.09159,-0.0394,-0.0401,-0.00027,-0.11016,0.02545,0.05989,0.09114,-0.05229,0.02239,-0.11248,-0.08834,-0.00981,-0.09235,0.02751,0.05062,0.01822,0.0321,-0.005,-0.01392,0.04134,-0.04005,0.04373,0,0.04807,0.00134,-0.03629,-0.03815,0.1081,-0.02579,-0.05124,-0.00252,0.05822,0.03853,0.06289,0.04352,-0.03154,0.06287,0.02276,-0.11997,0.06034,0.04655,-0.00884,-0.05965,-0.01406,0.02785,-0.04425,0.05249,0.0407,0.10946,0.00214,0.01021,-0.06031,0.00791,0.07064,0.00724,0.01382,0.04949,-0.06616,-0.02429,-0.09706,-0.0478,0.0043,-0.01429,0.03687,-0.01458,-0.02798,0.00857,-0.05622,0.06352,-0.04364,0.03815,0.03671,0.04691,-0.02485,0.05024,0.01486,0.05772,0.06815,-0.06435,-0.04883,0.10075,0.07452,0.07787,0.02254,-0.01825,-0.04729,0.0015,-0.06699,-0.02847,0.02446,-0.09334,0.07941,0.00322,0.00484,0.04699,-0.02227,0.07602,0.00153,-0.00425,-0.08244,0.03237,-0.03137,-0.00876,-0.07245,-0.01042,0.01743,0.04792,0.07626,-0.09726,0.04762,0.04278,-0.04423,-0.05607,0.00443,0.00423,0.073,-0.00015,0.16869,0,-0.01222,0.04704,0.02949,0.04145,-0.0226,-0.03512,-0.00496,0.05064,-0.01436,0.0785,-0.01611,0.03938,0.0307,0.01967,-0.02318,-0.00891,0.01861,-0.02835,-0.00289,-0.0078,0.05258,0.07769,-0.04188,0.02196,0.03444,0.04564,0.08078,-0.03172,-0.04015,0.04541,0.0428,-0.00213,0.00527,0.03499,-0.02444,0.02629,0.01732,0.05188,-0.06479,0.03839,-0.03701,-0.02868,-0.01723,0.01768,-0.06531,0.00304,-0.02607,0.03114,-0.07294,-0.04911,-0.01455,0.06439,0.0611,-0.06858,-0.05723,-0.04537,0.06053,0.02323,0.00958,-0.01727,-0.00043,-0.06349,-0.01091,-0.06112,-0.01754,-0.00951,-0.0239,-0.16581,0.01535,0.07008,-0.00107,0.09338,-0.05424,-0.04012,0.05793,0.04967,0.07005,0.04721,0.00809,-0.04081,-0.03897,-0.02246,-0.00027,0.02335,-0.0139,-0.01031,-0.07409,0.029,0.02075,0.10129,-0.06905,-0.04336,-0.05912,0.00913,0.04139,0,-0.08148,0.02758,0.02157,0.01915,0.02315,0.02622,0.1068,0.07058,-0.05109,0.01159,-0.02457,0.05349,0.01286,0.07339,0.02248,-0.01911,0.03219,0.02176,-0.01226,0.01914,-0.00817,-0.02355,0.00456,0.07911,0.00304,-0.01678,0.03711,-0.01217,0.05388,0.03284,0.00091,0.03092,0.0667,0.02597,-0.05735,-0.06546,0.02258,0.00184,-0.01372,-0.06022,-0.01637,-0.02003,-0.01482,0.02443,-0.07573,0.0061,-0.02538,0.01877,0.02967,-0.01612,-0.08667,-0.08153,-0.09717,-0.09673,0.01403,-0.00317,-0.00836,-0.00071,0.03657,-0.01242,0.00586,0.00425,-0.04385,-0.06995],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. What This Example Shows - Switching layout direction reactively - Switching Dagre algorithms reactively - Rebuilding the example graph from one graph factory - Adding nodes and recalculating the layout - Fitting the viewport after each render","excerpt":"What This Example Shows - Switching layout direction reactively - Switching Dagre algorithms reactively - Rebuilding the example graph from one graph factory - Adding nodes and recalculating the layout - Fitting the viewport after each render"},{"chunkId":"/examples/dagre-layout#7","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.08931,-0.01732,-0.06391,0.03869,-0.02474,-0.02097,-0.09801,0.02578,0.02809,0.05764,-0.05489,0.07689,-0.05591,0.03056,0.05634,0.04064,0.01781,0.01646,0.0905,-0.13639,0.01067,0.01173,0.00226,-0.04772,0.07657,-0.0162,-0.00301,0.03661,0.07727,-0.08148,0.02414,0.03615,0.00676,0.05856,-0.15048,0.06665,0.02148,0.02448,-0.04129,-0.01365,0.05989,0.14778,0.03853,-0.03373,-0.0397,-0.07511,-0.24439,0.06083,-0.07765,0.05233,-0.09707,-0.0366,-0.02521,-0.01586,0.0838,0.02745,-0.00214,-0.05756,-0.02658,0.02411,0.05063,-0.01223,-0.04135,-0.03458,0.03959,0.05615,0.01603,0.05344,0.06518,0.03202,0.0037,-0.07076,-0.00474,0.00486,-0.03049,-0.00945,-0.02815,0.03593,0.0035,-0.08362,0.03545,0.13422,-0.01866,0.04021,-0.03276,0.01866,-0.02351,-0.05723,0.00667,-0.06867,-0.03009,0.04449,-0.00656,0.04804,-0.01487,0.05949,0.06718,-0.0129,-0.07854,0.01953,0.04439,-0.03548,0.03855,-0.0397,-0.11313,-0.02947,-0.03513,0.00385,-0.08187,0.01156,0.0276,0.05977,-0.06264,0.00002,-0.11958,-0.11337,-0.05267,-0.12766,0.02353,0.05201,0.00241,0.02648,0.00129,0.01534,0.00833,-0.04595,-0.02572,0,0.05509,0.01936,-0.01739,-0.01883,0.07957,-0.03099,-0.05306,0.01561,0.03209,0.0542,0.0166,0.0442,-0.02521,0.09964,0.03507,-0.10321,0.08046,0.07284,0.01789,-0.05114,-0.01432,0.03177,-0.03007,0.09048,0.09105,0.09291,-0.01068,0.01989,-0.06058,0.01627,0.06991,-0.01013,0.00681,0.03829,-0.05659,-0.00745,-0.11892,-0.05083,0.02115,-0.03243,0.06081,-0.02449,-0.02754,0.03466,-0.03803,0.06569,-0.04097,0.00207,0.03678,0.03735,0.00636,0.03883,0.03382,0.08474,0.06564,-0.03905,-0.03126,0.04362,0.05569,0.07473,0.01263,-0.04019,-0.03911,-0.01637,-0.04227,-0.03778,-0.02867,-0.0447,0.105,0.01959,0.00185,0.04877,-0.03784,0.09228,-0.03068,-0.0063,-0.06361,0.03814,-0.05391,0.01315,-0.06547,-0.04462,0.0192,0.02931,0.05877,-0.06385,0.04822,0.05384,-0.03929,-0.03794,0.00039,0.01228,0.0367,0.02599,0.16535,0,-0.0182,0.07877,0.04148,0.03701,0.00706,-0.03255,-0.02621,-0.02164,-0.00551,0.07195,-0.01625,0.02616,0.02713,-0.0123,0.01229,-0.01573,-0.01636,-0.06871,-0.0089,-0.00261,0.01442,0.06987,-0.03865,-0.01478,0.06835,0.02082,0.03426,-0.07566,-0.04013,0.06044,0.04693,-0.01478,-0.00217,-0.03437,-0.01184,-0.00951,0.05431,0.01811,-0.05309,-0.02795,-0.03321,0.01909,0.01496,-0.01097,-0.03196,0.02946,-0.01646,0.04462,-0.05829,-0.03336,-0.02122,0.04358,0.06869,-0.08748,-0.023,-0.04499,0.0588,0.04227,-0.00687,-0.00607,-0.05926,-0.03263,0.00346,-0.05624,-0.04991,-0.04273,-0.00238,-0.13207,-0.03944,0.05021,-0.03237,0.09775,-0.05381,0.00567,0.00174,0.02921,0.06613,0.03793,-0.00815,-0.05376,-0.04324,-0.0284,0.0065,0.05804,0.0055,-0.01873,-0.04449,0.01323,0.01475,0.11205,-0.05483,-0.07005,-0.06319,0.02941,0.03076,0,-0.05989,0.05717,0.00516,-0.0273,0.01301,0.02455,0.07639,0.10441,-0.01979,0.04691,-0.00967,0.04074,-0.04351,0.04965,0.03275,-0.03136,0.05832,0.0248,-0.0111,0.00949,-0.00636,0.00239,-0.01202,0.0973,0.02556,-0.02475,0.05011,0.01001,0.04866,0.0008,0.00585,0.04504,0.04579,0.05296,-0.0213,-0.06589,-0.0173,0.01068,-0.01673,-0.05863,0.0173,-0.0177,0.00463,0.02376,-0.06342,0.02257,-0.02198,-0.00017,-0.00856,-0.02491,-0.11128,-0.08162,-0.06997,-0.08661,-0.00828,0.02339,-0.01809,-0.04053,0.04207,-0.02993,0.00844,-0.00091,-0.0229,-0.06331],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. When to use it Use Dagre when your diagram has a mostly hierarchical structure and you want a predictable directed layout for org charts, dependency graphs, or workflow trees.","excerpt":"When to use it Use Dagre when your diagram has a mostly hierarchical structure and you want a predictable directed layout for org charts, dependency graphs, or workflow trees."},{"chunkId":"/examples/dagre-layout#8","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.08854,0.01753,-0.06652,0.0422,-0.02467,-0.00856,-0.08071,0.0074,-0.01424,0.06883,-0.05884,0.06406,-0.0466,0.03353,0.04792,0.03316,-0.02027,0.02144,0.08666,-0.13495,-0.01027,0.00093,-0.00507,-0.03104,0.08283,-0.00388,0.00287,0.03024,0.07542,-0.08796,0.04589,0.013,0.02073,0.0662,-0.12391,0.07039,-0.00771,0.00456,-0.02678,-0.01031,0.06617,0.12618,0.0335,-0.06792,-0.04041,-0.0608,-0.24387,0.07142,-0.07854,0.043,-0.11277,-0.06149,-0.04422,-0.0337,0.07175,0.01647,-0.00957,-0.04597,-0.01855,0.03063,0.08568,-0.03691,-0.02729,-0.01777,0.00997,0.06197,-0.01549,0.0516,0.03143,0.02389,-0.00999,-0.07477,-0.0013,-0.02646,-0.02171,-0.01983,-0.04894,0.05775,-0.00477,-0.06527,0.0016,0.08935,-0.00868,0.05018,-0.03861,0.03186,-0.02567,-0.04526,-0.00557,-0.08075,-0.03501,0.02351,-0.03117,0.04246,-0.01431,0.06143,0.04885,-0.00303,-0.09914,0.02108,0.02213,-0.04317,0.04861,-0.03217,-0.0885,-0.00806,-0.05319,0.0157,-0.06978,0.01476,0.02678,0.0671,-0.0486,-0.00034,-0.09044,-0.11288,-0.01872,-0.12467,0.06562,0.06703,0.04587,0.04447,-0.00454,-0.00425,0.03582,-0.04254,0.03413,0,0.0569,0.00421,-0.03362,-0.00425,0.08895,-0.03431,-0.06108,-0.00898,0.01131,0.05014,0.02464,0.03206,-0.01859,0.08545,0.01471,-0.10874,0.06246,0.06075,0.03268,-0.04618,-0.00322,0.00746,-0.04372,0.09057,0.07231,0.09559,0.00797,0.01296,-0.05559,0.01368,0.06995,-0.00399,0.01406,0.03121,-0.04484,-0.00071,-0.10649,-0.02599,0.01283,-0.03629,0.08177,-0.04012,-0.0255,0.00678,-0.06525,0.06363,-0.02087,0.01687,0.06001,0.03311,-0.01457,0.05958,0.02807,0.07928,0.08825,-0.04981,-0.04359,0.06993,0.04409,0.07703,0.04028,-0.0089,-0.04861,-0.04062,-0.04682,-0.04143,-0.02813,-0.06212,0.09314,0.0026,-0.00246,0.05609,-0.02595,0.07329,-0.04716,-0.01478,-0.07626,0.03956,-0.0498,0.00497,-0.07558,-0.07508,0.04492,0.04599,0.09385,-0.06951,0.06702,0.03364,-0.03828,-0.05845,0.01777,0.00943,0.03929,-0.00682,0.1498,0,-0.0097,0.06869,0.02233,0.05837,-0.00536,-0.03034,-0.0083,0.03306,0.00711,0.06886,-0.02298,0.04617,0.02961,-0.0072,0.02152,-0.02314,-0.02282,-0.05547,0.0297,-0.00057,0.03142,0.07246,-0.04276,-0.01883,0.04493,0.03552,0.0444,-0.05019,-0.02834,0.02935,0.04385,-0.01075,-0.0017,-0.00434,-0.02949,-0.01066,0.04904,0.06268,-0.05163,-0.02138,-0.00982,0.00973,-0.01424,-0.00379,-0.03582,0.01043,-0.01073,0.04608,-0.08179,-0.04613,-0.04598,0.05049,0.06762,-0.07617,-0.05618,-0.0543,0.07184,0.04356,0.00516,-0.01731,-0.05945,-0.04019,-0.00017,-0.07011,-0.01,-0.04924,-0.06859,-0.13183,-0.0357,0.06297,-0.02952,0.08089,-0.04595,0.00109,0.05105,0.03849,0.07323,0.04926,0.01136,-0.04235,-0.05372,0.01815,-0.00016,0.05401,0.02381,-0.01449,-0.05883,0.02254,0.01908,0.11961,-0.06599,-0.03786,-0.05128,0.02185,0.04158,0,-0.08754,0.03246,-0.01275,-0.02999,0.03093,0.04388,0.09015,0.10232,-0.0388,0.02761,-0.02456,0.071,-0.03104,0.06418,0.007,-0.014,0.03484,0.04299,-0.00828,0.00701,-0.01727,-0.00546,0.01725,0.08559,0.01485,-0.02167,0.02888,-0.007,0.03593,0.01082,-0.02441,0.04183,0.08479,0.01685,-0.02668,-0.06203,-0.02139,0.02805,-0.03351,-0.05204,-0.00569,-0.02618,0.00144,0.01267,-0.04635,0.01809,-0.01933,0.00463,0.00915,-0.03455,-0.08949,-0.06666,-0.09047,-0.08761,-0.00249,0.03109,-0.00654,-0.02808,0.05051,-0.02576,0.00841,0.03627,-0.02097,-0.06594],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Related docs and examples - Dagre Auto Layout Example - Package README - Angular Diagram Library - ELK.js Layout Example - Flow Docs","excerpt":"Related docs and examples - Dagre Auto Layout Example - Package README - Angular Diagram Library - ELK.js Layout Example - Flow Docs"},{"chunkId":"/examples/dagre-layout-auto#0","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.14427,0.0096,-0.07853,0.0608,-0.05633,0.0457,-0.04425,0.03259,0.05189,0.06568,-0.1113,-0.00046,-0.09826,0.01846,0.028,0.02732,-0.00864,-0.0108,0.01091,-0.08162,0.01843,-0.03561,0.00348,-0.03596,0.10568,0.0312,-0.01521,-0.03986,0.08158,-0.07725,0.05418,0.07302,-0.03069,0.03462,-0.09814,0.06311,-0.07767,-0.03219,-0.06351,-0.05133,0.13651,0.07358,0.02763,-0.0472,-0.02753,0.00291,-0.1045,0.06161,-0.04174,0.02586,-0.05653,0.01812,0.03074,0.06373,0.02743,0.07419,0.09948,-0.02662,0.01042,0.02175,0.04001,-0.01655,-0.02043,0.01297,0.02006,0.06368,-0.02967,-0.0127,0.013,0.03879,0.04085,-0.04733,0.07234,-0.06792,0.03942,-0.03208,-0.0627,0.04392,0.03123,-0.07484,0.08407,0.02478,-0.00587,0.0432,-0.03431,0.02573,-0.00096,-0.08739,0.02529,-0.03759,-0.04443,0.04646,-0.05695,0.01993,0.00878,-0.01865,0.01545,0.0246,-0.07462,0.02795,0.05807,0.00583,-0.00579,0.04179,-0.02059,-0.05646,-0.01309,0.02302,-0.06265,0.01121,0.0185,0.103,0.05701,0.02941,-0.02973,-0.03902,0.00219,-0.04084,0.04493,0.04188,-0.01561,-0.01447,-0.01745,-0.02318,0.08586,-0.02351,0.02593,0,-0.02924,-0.02605,-0.05432,0.01039,0.0146,-0.01485,-0.04285,-0.02256,0.06943,0.03877,-0.0237,0.06269,-0.0378,0.03095,-0.0414,-0.09975,0.04325,0.01864,0.00378,-0.02713,0.1339,0.01078,-0.06941,-0.00253,0.03026,0.07697,-0.00104,0.05194,-0.13293,0.03526,0.04046,-0.01911,0.02496,0.08045,-0.08897,-0.02163,-0.08467,-0.02341,-0.0121,-0.03013,0.01572,0.00089,-0.05753,-0.02435,-0.0651,-0.02939,-0.06255,0.03083,0.05676,0.07676,0.0271,0.03248,-0.00509,0.0239,0.07666,-0.05402,-0.06395,0.06591,0.07965,0.03108,0.03443,0.02414,-0.09018,-0.02198,-0.02701,0.05009,-0.00744,-0.04264,0.04911,0.00973,-0.05468,0.05609,-0.03654,0.04134,0.03783,-0.02786,-0.02241,-0.00305,-0.08837,0.0039,-0.0044,-0.04852,0.0144,0.10048,0.1039,-0.08495,0.0316,-0.03684,-0.10967,-0.01669,0.08338,-0.03344,0.08206,0.01824,0.10184,0,-0.00191,0.06606,-0.00316,0.05721,0.00755,-0.06142,0.00951,0.07111,0.02439,0.04839,-0.04198,0.05889,-0.01653,-0.00639,0.00806,0.00857,-0.01144,-0.10778,0.00643,-0.0026,0.00789,0.03654,-0.03902,-0.02498,0.02801,0.02605,0.08117,-0.00678,0.01467,0.00571,0.0275,-0.00174,-0.1055,-0.01105,-0.04016,-0.04172,-0.0254,0.07007,-0.05648,0.0195,0.01427,-0.00959,-0.08404,0.04359,-0.03198,0.05344,-0.03117,0.00816,-0.0457,-0.00444,-0.03098,0.04129,0.0391,-0.01352,-0.02995,0.02498,0.14848,0.0367,-0.06431,0.01834,-0.02993,-0.06019,0.05713,-0.06153,0.01315,0.06676,-0.04093,-0.0394,0.07545,0.09899,0.04868,0.10357,-0.07776,-0.02214,0.06098,0.0969,-0.00064,-0.01785,0.0231,-0.0007,-0.07921,0.0409,0.00402,0.03431,-0.00321,0.00312,-0.10922,-0.00444,0.02874,0.14088,-0.05804,0.00405,-0.07513,-0.04806,-0.03888,0,-0.12082,0.00051,0.01148,0.01752,0.01139,0.01789,0.03308,0.0311,-0.02217,-0.04948,-0.03577,0.05015,0.02122,-0.04332,-0.03362,-0.02328,0.03873,-0.01587,-0.04068,0.00979,0.01321,-0.03741,-0.01822,0.1386,0.0155,-0.0594,-0.00013,0.00031,0.02216,0.04566,0.00056,0.04862,0.07593,0.08102,-0.07586,0.01382,0.03638,-0.02533,-0.03299,-0.05895,-0.01686,0.00893,-0.01313,0.0039,-0.05374,0.03004,-0.02259,-0.03478,0.01084,-0.05713,-0.05835,-0.01553,-0.11868,0.02142,0.0449,-0.00141,-0.0099,-0.06363,0.04824,0.04719,-0.10381,0.01429,-0.03929,-0.09052],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. Dagre Auto Layout This page shows how to use @foblex/flow-dagre-layout together with Foblex Flow auto mode. The example still rebuilds the graph from component state, but it no longer calls calculate(...) manually. Instead, Flow renders the graph first, measures the nodes, and then asks Dagre to recalculate positions automatically. The important split is: - @foblex/flow-dagre-layout calculates node positions - @foblex/flow detects graph changes, asks the engine to relayout, and redraws the scene - your app still owns graph state through writeback","excerpt":"Dagre Auto Layout This page shows how to use @foblex/flow-dagre-layout together with Foblex Flow auto mode. The example still rebuilds the graph from component state, but it no longer calls calculate(...) manually. Instead, Flow renders the graph first, measures the nodes, and then asks Dagre to recalculate positions automatically. The important split is: - @foblex/flow-dagre-layout calculates node positions - @foblex/flow detects graph changes, asks the engine to relayout, and redraws the scene - your app still owns graph state through writeback"},{"chunkId":"/examples/dagre-layout-auto#1","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.11403,0.03122,-0.03286,0.08397,-0.00471,0.01335,-0.04441,0.02904,0.04405,0.05138,-0.11082,0.00988,-0.10029,-0.02786,-0.00014,0.02334,0.00414,0.00116,-0.01053,-0.06545,0.0415,-0.06777,-0.01786,-0.04976,0.08309,0.02558,-0.05457,-0.02256,0.11492,-0.06892,0.04864,0.08719,-0.01496,0.02954,-0.13219,0.03833,-0.01176,-0.00631,-0.06834,-0.01288,0.13459,0.10321,0.0335,-0.06281,-0.02304,0.00029,-0.11701,0.06263,-0.10095,-0.00378,-0.04053,0.01707,0.01506,0.06615,0.00819,-0.00354,0.04678,-0.02901,-0.01423,0.04424,-0.00322,-0.03672,-0.03903,-0.00542,0.04921,0.06249,-0.00299,-0.0331,0.01981,0.03755,0.06654,-0.01708,0.03429,-0.02129,0.05749,-0.06715,-0.06522,0.07895,0.02942,-0.02287,0.04581,0.06813,-0.00236,0.03178,-0.06377,0.06661,-0.01949,-0.07165,0.03543,-0.0092,-0.05714,0.05887,-0.12979,0.06597,0.02349,-0.02876,0.04063,0.01056,-0.06326,0.00102,0.11222,0.02652,0.03121,0.0614,-0.0221,-0.04881,-0.01739,0.03501,-0.02018,0.06011,0.05855,0.07888,0.04057,0.00559,-0.03793,-0.0551,-0.0207,-0.07278,0.02218,0.05622,-0.04038,0.02538,-0.0399,-0.00328,0.07563,0.0055,0.04463,0,-0.02327,-0.04273,-0.01815,0.00642,0.01907,0.00787,-0.02819,-0.0343,0.06792,0.0193,-0.04514,0.05657,-0.06803,0.02912,-0.01508,-0.08209,0.03464,0.05323,-0.01988,-0.03204,0.11678,0.01235,-0.06046,0.01527,-0.00329,0.04803,-0.01931,0.07433,-0.17023,0.01273,-0.00443,-0.05065,0.09671,0.06393,-0.04531,-0.0094,-0.07604,-0.02693,-0.0271,-0.05174,0.02438,0.02472,-0.01571,-0.00628,-0.07727,-0.03687,-0.06676,0.03445,0.01359,0.05615,0.01233,0.06201,0.06032,0.02791,0.10092,-0.0285,-0.01297,0.08032,0.06002,0.02348,-0.00382,-0.00936,-0.04249,-0.00883,-0.00056,0.07374,0.01237,-0.01854,0.05626,0.00073,-0.00818,0.05519,-0.03722,0.07157,0.07791,-0.01113,0.0059,0.02537,-0.06295,0.05014,-0.02995,-0.03376,0.04292,0.07956,0.07055,-0.10649,0.05168,-0.03448,-0.09061,-0.03957,0.09029,-0.03869,0.11513,-0.01803,0.08322,0,-0.0234,0.03809,0.00068,0.08167,0.00123,-0.05174,-0.01977,0.12089,0.02569,0.02411,0.00374,0.07495,-0.051,-0.03438,0.00362,-0.00217,0.00263,-0.10973,0.02325,-0.02335,0.03698,0.02822,-0.04015,-0.00434,0.01572,-0.00106,0.07334,-0.00955,-0.0247,-0.02255,0.07875,0.01671,-0.08977,0.03759,-0.02558,-0.07698,-0.00912,0.09204,-0.03057,0.05432,-0.03227,0.00362,-0.07118,0.01999,-0.02144,0.04404,-0.01737,-0.03335,-0.00554,-0.01401,-0.00748,0.05936,0.0078,0.03706,-0.02769,-0.01166,0.08215,0.05626,-0.04295,-0.00165,-0.02601,-0.09201,-0.01025,-0.0878,-0.03146,0.0851,-0.03363,-0.01844,0.05105,0.09968,0.02269,0.07521,-0.02264,-0.01956,-0.00347,0.05583,0.03599,-0.00627,0.02887,0.00596,-0.10456,0.0679,0.03064,0.05003,0.03544,-0.00269,-0.08883,-0.02674,-0.00533,0.14813,-0.02298,-0.01606,-0.11911,-0.04434,-0.02193,0,-0.12144,0.0102,-0.0736,0.02494,0.00853,-0.00813,0.02929,0.02318,-0.03411,-0.00072,0.00833,0.03258,0.00314,-0.05866,0.05833,-0.082,0.02269,-0.04697,-0.06224,-0.04475,-0.01673,-0.0185,-0.04038,0.10002,0.03555,-0.06831,0.01197,0.03976,0.04691,0.02898,-0.00478,0.05737,0.0465,0.07372,-0.04579,-0.02496,-0.00235,-0.00446,-0.01127,-0.05683,-0.01835,-0.0249,-0.016,-0.00612,-0.06488,0.03015,-0.00984,-0.00232,0.00929,-0.01258,0.01088,-0.00145,-0.08083,0.00681,0.06856,-0.05134,-0.04663,-0.03121,0.02338,0.00768,-0.07855,0.00898,-0.00648,-0.0716],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. How This Differs From The Manual Example The manual example explicitly calls calculate(...) and usually passes a size for every node before rendering. This auto example works differently: 1. The component rebuilds the source graph from toolbar state. 2. That graph is rendered in f-flow. 3. Flow calls getState({ measuredSize: true }) internally and reads the actual rendered node size from the DOM. 4. Flow then runs Dagre automatically and sends the new positions back through writeback. That is why this example does not pass node sizes into generateGraph(...). Real measured sizes come from rendered nodes, and defaultNodeSize is only a fallback for cases where a measurement is not available yet. get State measured Size generate Graph default Node Size","excerpt":"How This Differs From The Manual Example The manual example explicitly calls calculate(...) and usually passes a size for every node before rendering. This auto example works differently: 1. The component rebuilds the source graph from toolbar state. 2. That graph is rendered in f-flow. 3. Flow calls getState({ measuredSize: true }) internally and reads the actual rendered node size from the DOM. 4. Flow then runs Dagre automatically and sends the new positions back through writeback. That is why this example does not pass node sizes into generateGraph(...). Real measured sizes come from rendered nodes, and defaultNodeSize is only a fallback for cases where a measurement is not available yet."},{"chunkId":"/examples/dagre-layout-auto#2","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.12614,0.01458,-0.08934,0.04953,-0.00523,0.05061,0.00759,0.01958,0.00667,0.02003,-0.02006,0.01376,-0.05508,-0.00126,0.04158,0.03585,-0.05692,-0.02434,-0.00032,-0.0682,-0.0073,-0.05179,0.02858,-0.04388,0.05016,-0.01796,0.00361,0.004,0.03541,-0.06419,0.06959,0.07348,-0.04543,0.01974,-0.06211,0.04993,-0.05406,0.04851,-0.0297,-0.02725,0.06153,0.08264,0.07899,-0.10235,0.00094,-0.02334,-0.12009,0.03974,-0.03359,0.017,-0.07757,-0.03957,0.02189,0.04677,0.0596,0.0327,0.01689,-0.02357,0.05221,0.03366,0.05052,-0.03872,-0.03721,-0.00258,-0.02622,0.04095,-0.03675,0.01128,-0.01353,0.04909,-0.01801,-0.0328,-0.01305,-0.08631,0.09684,-0.01812,-0.05113,0.05794,0.01685,-0.11905,0.03851,0.03343,-0.00862,0.05634,-0.04464,0.02529,-0.01214,-0.07503,0.01962,-0.02877,-0.02342,0.01847,-0.06974,0.05748,0.0191,0.02223,-0.02163,0.04967,-0.09079,0.05139,0.01277,-0.08389,-0.03225,0.07547,0.01604,-0.0309,-0.03477,-0.00513,-0.08425,0.02762,-0.01208,0.08123,-0.01089,-0.01374,-0.05732,-0.08334,0.03747,-0.03431,0.05537,0.0114,0.0172,-0.01065,-0.09781,-0.0056,0.03494,-0.06706,0.07336,0,0.03099,-0.02401,-0.09305,0.04238,0.06593,-0.01066,-0.04182,-0.03547,-0.02066,0.07438,-0.02472,0.02845,-0.09141,-0.03956,-0.05316,-0.14779,0.01433,0.06522,-0.08693,-0.04117,0.05606,0.02349,-0.09941,-0.02469,0.03654,0.03867,-0.01804,0.01953,-0.1092,0.00944,0.05098,-0.0062,0.08297,0.08191,-0.05466,-0.03482,-0.0763,-0.01663,-0.04363,-0.04199,0.04149,-0.01675,-0.02479,-0.01442,-0.03995,-0.02467,-0.03667,0.07736,0.06406,0.01515,-0.01846,0.08387,-0.02912,-0.04608,0.08424,-0.04337,-0.09387,0.12445,0.0325,0.05686,-0.00946,0.05793,-0.07101,-0.05581,0.02802,0.05711,0.00309,-0.10168,0.06239,-0.0594,-0.04139,0.04566,0.02692,0.05884,0.01553,-0.02105,-0.0534,0.03226,-0.03127,-0.00863,-0.0717,-0.06086,-0.03803,0.0848,0.05674,-0.09788,0.06491,-0.0521,-0.07674,-0.05771,0.01237,-0.00982,0.07349,-0.01088,0.09297,0,0.05316,0.05644,0.04101,0.05956,-0.00716,-0.03585,0.0617,0.08679,0.02727,0.0757,-0.03007,0.04044,-0.00686,-0.03552,0.00941,0.02723,-0.04381,-0.05575,-0.01239,-0.00109,-0.02521,0.09654,-0.0543,0.02569,0.02549,0.01093,0.07033,0.10732,-0.01339,0.00468,-0.00343,0.00416,-0.14569,0.02501,-0.02727,-0.05348,0.01645,0.14436,-0.04133,0.04215,0.03776,-0.0025,-0.06084,0.06374,-0.03487,0.02655,0.04199,0.00259,-0.05501,-0.04314,-0.0402,0.01031,0.03998,-0.00023,-0.00122,0.04274,0.10587,-0.01747,-0.03433,-0.04114,0.02023,-0.07372,0.08268,-0.02112,0.08744,0.02741,-0.06104,-0.05405,0.06476,0.06258,0.043,0.09376,0.04502,-0.05102,0.10592,0.07568,0.04854,0.01482,0.02501,-0.00044,-0.11134,0.03361,0.01241,0.03303,-0.04119,-0.00485,-0.10421,0.06448,0.04352,0.06761,-0.04984,-0.01611,0.03359,-0.01413,0.00826,0,-0.09712,-0.02691,-0.01807,-0.06062,-0.00237,0.04876,0.06083,-0.00156,-0.06793,-0.02082,-0.03979,0.09396,0.01779,-0.00026,-0.00804,-0.06847,0.00645,0.02717,-0.07301,0.0262,-0.01653,-0.02469,-0.00851,0.0959,0.0227,-0.0685,-0.03478,-0.0226,0.02062,0.05791,-0.01862,0.0027,0.06412,0.03196,-0.04309,0.02046,0.01431,-0.02402,-0.07149,0.01096,-0.00197,-0.02793,-0.00405,0.01758,-0.00903,0.02541,0.01045,0.02448,0.03103,-0.00944,-0.06988,-0.01608,-0.05134,-0.03685,0.02169,-0.01129,0.01649,0.00625,0.05135,-0.01356,-0.0848,0.07131,0.00704,-0.02589],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. Example ::: ng-component <dagre-layout-auto</dagre-layout-auto [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::","excerpt":"Example ::: ng-component <dagre-layout-auto</dagre-layout-auto [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::"},{"chunkId":"/examples/dagre-layout-auto#3","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.12117,0.01449,-0.08546,0.04198,-0.02026,0.05435,-0.03559,0.00262,-0.0071,0.05528,-0.06912,0.03082,-0.07991,0.02832,0.07313,0.05278,-0.00681,0.00068,0.03978,-0.12158,-0.00985,-0.03451,-0.01906,-0.02848,0.04266,0.00538,0.03825,-0.03452,0.05561,-0.05574,0.04393,0.03334,-0.05577,0.03113,-0.13835,0.02585,-0.0831,0.00733,-0.05474,-0.06171,0.10515,0.06798,0.04448,-0.09279,-0.03416,-0.04096,-0.15447,0.09235,-0.00096,0.00035,-0.0675,-0.03007,0.05019,0.03525,0.03475,0.05415,0.0437,-0.03865,-0.00968,0.02895,0.09972,-0.02042,-0.02661,0.03195,0.01344,0.08283,-0.01365,0.0315,0.02029,0.02966,-0.00076,-0.06779,0.03506,-0.06707,0.04457,-0.02739,-0.06198,0.00488,0.0249,-0.03499,0.10245,0.09007,-0.00596,0.10192,-0.05945,-0.01865,-0.01779,-0.05923,-0.00696,-0.05335,-0.04463,0.0211,-0.03468,0.01506,0.00044,0.00734,0.00464,-0.00824,-0.10127,0.01724,0.05463,-0.05592,-0.02549,0.01348,-0.03215,-0.05676,-0.02508,-0.03225,-0.06223,0.00804,0.01958,0.0918,-0.00388,-0.02685,-0.08319,-0.04796,0.00346,-0.0564,0.016,0.03333,-0.04211,0.00658,-0.04678,-0.00687,0.12293,-0.01555,0.03675,0,0.00291,0.00339,-0.09404,0.00299,0.02105,-0.04188,-0.0479,-0.03933,0.02452,0.02829,0.00048,0.05286,-0.04937,0.03116,-0.03084,-0.11701,0.05792,0.05487,0.02623,-0.09176,0.04565,-0.00136,-0.05672,-0.02402,0.03285,0.05339,-0.02606,0.01239,-0.1094,0.03383,0.04853,0.01021,0.05119,0.07101,-0.06747,-0.0358,-0.14417,-0.02758,0.01244,-0.03241,0.06819,-0.02159,-0.03453,0.01165,-0.00864,0.0207,-0.0393,-0.00771,0.0497,0.03367,0.02244,0.03464,-0.03437,0.05062,0.10231,-0.06585,-0.0811,0.10501,0.08835,0.02662,-0.00093,-0.03778,-0.09126,-0.03127,-0.00695,0.00449,-0.01297,-0.08567,0.03038,0.04997,-0.03282,0.03323,-0.00424,0.06353,-0.016,0.00337,-0.043,0.03845,-0.07505,0.02376,-0.03945,-0.0842,0.0137,0.08444,0.09582,-0.07075,0.08389,-0.03736,-0.06883,-0.01287,0.03857,0.0398,0.09411,0.02305,0.15171,0,-0.01212,0.07276,0.04662,0.05869,0.01678,-0.02955,-0.01123,0.07753,0.0242,0.0914,-0.03858,0.04223,0.06473,-0.00181,-0.02201,0.0255,-0.01013,-0.03608,-0.01146,0.00953,0.0054,0.03211,-0.00926,-0.03501,0.0545,0.0104,0.10954,0.01017,-0.03351,0.05521,0.01056,0.04811,-0.04605,0.01283,-0.0609,-0.0178,-0.00291,0.10907,-0.04552,0.01612,-0.02649,0.00225,-0.07448,0.01999,-0.04821,0.0165,-0.01514,0.01621,-0.07447,0.00453,-0.0694,0.04286,0.05998,-0.01826,0.00393,0.0125,0.10394,0.05083,-0.03199,0.00776,-0.0298,-0.05413,0.06969,-0.0626,0.02265,0.04239,-0.02552,-0.04495,0.02121,0.10978,0.00735,0.08384,-0.05666,-0.01887,0.07657,0.08351,0.04974,0.0019,-0.01044,-0.0361,-0.06832,0.01119,-0.00098,0.01911,-0.01228,-0.00142,-0.09332,-0.0098,0.05573,0.17009,-0.05751,0.01363,-0.04215,-0.06216,0.015,0,-0.06118,-0.00158,0.01121,-0.00641,0.01554,0.04428,0.07082,0.01594,-0.01581,0.01501,-0.06376,0.05992,-0.01648,0.01158,-0.01544,-0.01157,0.01391,0.00055,-0.03552,0.04203,0.01974,-0.01782,0.02062,0.12613,0.03726,-0.02218,-0.02328,-0.03748,0.02479,0.07081,-0.01185,0.02768,0.05316,0.05684,-0.04206,0.03258,0.02349,-0.03584,-0.05476,-0.09324,0.01585,0.0151,-0.00664,-0.01759,-0.07599,0.01011,0.00799,-0.01766,0.04766,-0.00858,-0.03374,-0.04608,-0.07965,-0.03063,0.03907,0.0197,-0.00498,-0.04597,0.05282,-0.01221,-0.06225,0.05803,-0.03586,-0.0863],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. Install If you prefer manual installation: You do not need to install dagre separately because the adapter ships it as a runtime dependency.","excerpt":"Install If you prefer manual installation: You do not need to install dagre separately because the adapter ships it as a runtime dependency."},{"chunkId":"/examples/dagre-layout-auto#4","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.12576,0.01416,-0.06428,0.05507,-0.05267,0.08681,-0.0621,0.01129,0.0154,0.06373,-0.09461,0.03336,-0.05736,-0.03305,0.0099,0.02765,-0.01618,-0.01114,-0.00704,-0.10207,-0.00465,-0.05622,-0.02487,-0.03152,0.08113,0.04502,-0.0054,-0.02004,0.06336,-0.0593,0.04606,0.03188,-0.06378,0.02498,-0.15504,0.022,-0.0912,0.00981,-0.00231,-0.04235,0.11658,0.0682,0.02985,-0.09491,-0.01342,-0.01493,-0.13152,0.09836,-0.05811,0.01813,-0.02504,-0.01839,0.0214,0.05874,0.03902,0.05303,0.08844,-0.02689,-0.01971,0.07176,0.06937,-0.00896,-0.02337,0.00987,0.0308,0.07638,-0.01181,0.03412,0.0172,0.05347,0.05774,-0.03838,0.04019,-0.04955,0.05061,-0.04831,-0.08109,0.04622,0.00046,-0.04192,0.09298,0.05885,0.01473,0.07149,-0.03362,-0.02465,0.00724,-0.04898,0.02483,-0.03559,-0.02877,0.05261,-0.06325,0.02937,0.01975,-0.00028,-0.00187,0.02696,-0.05174,0.00077,0.07367,-0.01272,-0.03427,0.02014,-0.01053,-0.01022,-0.03094,0.01565,-0.06876,0.00839,0.04887,0.08037,-0.00594,0.01658,-0.0765,-0.04421,0.00916,-0.03878,0.00995,0.04642,-0.01727,0.04532,-0.0279,-0.04144,0.08924,-0.01366,0.05437,0,-0.02012,-0.03011,-0.08847,0.02891,0.0277,0.0139,-0.06354,-0.03798,0.05192,0.00316,0.01726,0.06334,-0.08556,-0.00092,-0.0416,-0.10604,0.05922,0.06045,0.00133,-0.04669,0.06104,-0.03037,-0.09618,-0.00783,0.03271,0.06754,-0.02613,0.06464,-0.16039,0.01595,0.05862,-0.00347,0.03302,0.05133,-0.063,-0.02671,-0.09511,-0.01987,0.02166,-0.02406,0.05275,-0.01013,-0.05423,-0.01384,-0.07212,0.01957,-0.03806,0.0227,0.03758,0.04524,0.01469,0.07108,0.00484,0.01056,0.07379,-0.08115,-0.06605,0.1052,0.11255,0.04776,-0.00173,-0.03695,-0.09015,-0.02951,0.00329,0.02671,0.01681,-0.08362,0.05339,0.01817,-0.03364,0.02708,0.00955,0.07118,0.01844,-0.00966,-0.03432,0.01588,-0.11317,0.02828,-0.0065,-0.06556,0.02605,0.0611,0.08698,-0.11841,0.0633,-0.02405,-0.10178,-0.03488,0.05409,0.00842,0.14106,0.03047,0.13023,0,0.02294,0.0621,0.07491,0.06385,0.01561,-0.03475,0.00149,0.08663,-0.00758,0.06463,-0.0469,0.03963,0.00522,0.00117,-0.03064,0.05705,-0.00535,-0.07443,0.02793,-0.02282,0.02439,0.0006,-0.02186,-0.00518,0.02575,0.01761,0.08129,-0.04558,-0.01701,0.01608,0.02402,-0.03814,-0.04931,-0.00896,-0.04776,-0.02402,-0.00919,0.09675,-0.02768,0.05998,-0.00341,-0.00525,-0.06209,0.0105,-0.02153,0.05886,-0.04554,0.02132,-0.08729,-0.01726,-0.03565,0.09947,0.03196,-0.03477,0.02585,0.01066,0.09698,0.02095,-0.04274,-0.0063,-0.04321,-0.08196,0.08135,-0.06754,0.00857,0.08334,-0.00796,-0.06378,0.02931,0.10396,0.02542,0.07812,-0.03236,-0.00947,0.05805,0.03902,0.06675,-0.0334,0.02954,-0.00737,-0.07825,0.03502,0.01604,-0.00791,-0.05447,0.02669,-0.07004,-0.01079,0.04986,0.13663,-0.06228,0.00756,-0.04588,-0.07859,-0.00119,0,-0.09627,0.00644,0.0162,0.02964,0.01282,0.01186,0.05182,0.05684,-0.00724,-0.01795,-0.03879,0.0355,0.00674,-0.00936,0.00852,-0.03212,0.02241,-0.01537,-0.03526,-0.00055,0.03059,0.00275,0.03189,0.1279,0.02636,-0.0431,-0.00637,0.01342,0.04003,0.04735,-0.0192,0.00694,0.07328,0.05008,-0.04747,-0.01597,-0.00122,-0.02659,-0.03203,-0.03513,0.00057,-0.02164,0.01146,-0.01098,-0.02283,-0.00571,0.01094,-0.00931,0.00966,-0.03184,-0.0168,-0.04171,-0.07507,-0.01091,0.03034,0.00108,-0.0183,-0.05359,0.06898,0.00907,-0.12654,0.01944,-0.04432,-0.08218],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. How Auto Mode Works 1. Provide the layout engine with mode: EFLayoutMode.AUTO. 2. Rebuild and render your nodes and connections in f-flow. 3. When the rendered graph changes, Flow collects measured node sizes and calls calculate(...) automatically. 4. Use setInteractiveOptions(...) to keep the engine in sync with toolbar state. 5. Use setWriteback(...) to sync calculated positions back into your application state. EF Layout Mode set Interactive Options set Writeback","excerpt":"How Auto Mode Works 1. Provide the layout engine with mode: EFLayoutMode.AUTO. 2. Rebuild and render your nodes and connections in f-flow. 3. When the rendered graph changes, Flow collects measured node sizes and calls calculate(...) automatically. 4. Use setInteractiveOptions(...) to keep the engine in sync with toolbar state. 5. Use setWriteback(...) to sync calculated positions back into your application state."},{"chunkId":"/examples/dagre-layout-auto#5","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.14005,0.04248,-0.06697,0.06371,-0.04459,0.05275,-0.05546,0.04009,-0.01223,0.06999,-0.08971,0.00507,-0.06562,-0.00194,0.03319,0.0356,0.02665,-0.01159,0.00433,-0.079,0.0122,-0.05712,-0.02589,-0.04526,0.08845,0.03249,0.00413,-0.0123,0.10975,-0.06645,0.05081,0.06782,-0.02673,0.03969,-0.12372,0.03606,-0.0661,0.01892,-0.03005,-0.06051,0.11499,0.11143,0.03419,-0.08223,-0.03439,-0.02171,-0.13806,0.04246,-0.07093,0.00034,-0.06173,-0.00927,0.02886,0.029,0.02501,0.01888,0.06725,-0.03012,0.00766,0.06092,0.0562,-0.00516,-0.02009,0.00077,0.05231,0.07838,-0.0231,-0.01017,0.00698,0.05747,0.0347,-0.05531,0.04356,-0.04683,0.06312,-0.07181,-0.09152,0.03487,0.01594,-0.04172,0.06404,0.07902,-0.00492,0.07648,-0.06208,0.00704,-0.0073,-0.09059,0.03657,-0.03196,-0.06072,0.03514,-0.07127,0.05711,0.00275,-0.0137,0.03274,0.00396,-0.07598,0.00322,0.07949,-0.00108,0.00034,0.01766,-0.02146,-0.02877,-0.0367,0.01616,-0.06924,0.02907,0.04471,0.10423,-0.00798,-0.01101,-0.04368,-0.06511,-0.00162,-0.08176,0.02537,0.05595,-0.00736,0.02135,-0.03503,-0.01419,0.10231,0.00329,0.04941,0,-0.0044,-0.02319,-0.07565,0.01325,0.06186,0.00935,-0.04112,-0.03364,0.05903,0.00404,0.01358,0.05493,-0.0666,0.04986,-0.03504,-0.11103,0.03723,0.05194,-0.00744,-0.04352,0.07578,0.01052,-0.06142,-0.00556,0.03907,0.07338,0.0012,0.0739,-0.1632,0.01983,0.02611,-0.01585,0.05958,0.07544,-0.07007,-0.02719,-0.10606,-0.02234,-0.00871,-0.03615,0.05111,-0.00326,-0.0468,-0.01522,-0.04673,0.00975,-0.03597,0.03572,0.01537,0.04264,0.01087,0.0758,0.01642,0.02267,0.0819,-0.06424,-0.04011,0.09848,0.10913,0.05317,-0.00413,0.01153,-0.08831,0.01113,-0.03245,0.02361,0.0111,-0.07157,0.04556,0.00777,-0.02424,0.04114,-0.02002,0.06341,0.03709,-0.01579,-0.02714,0.01999,-0.1057,0.03205,-0.04191,-0.05231,0.04381,0.08189,0.07723,-0.11369,0.06294,-0.02387,-0.07706,-0.04849,0.03413,-0.04537,0.09264,0.01256,0.13316,0,0.01017,0.04216,0.05934,0.06025,0.01032,-0.05311,0.00008,0.09663,0.00809,0.0738,-0.02054,0.0547,0.00054,-0.01866,-0.03506,0.02793,-0.03171,-0.09057,0.02044,-0.03048,0.03057,0.01715,-0.0386,-0.00409,0.02632,0.00609,0.07351,-0.0067,-0.01457,0.00977,0.05119,0.00604,-0.05713,0.00327,-0.0617,-0.02119,-0.00934,0.08322,-0.04639,0.03755,-0.01695,-0.01639,-0.08177,0.02974,-0.05303,0.03332,-0.01705,-0.01251,-0.04093,-0.01099,-0.00614,0.06612,0.03906,-0.01366,-0.0133,-0.01572,0.0961,0.0428,-0.04719,-0.00538,-0.03739,-0.08992,0.04755,-0.07581,-0.00113,0.05975,-0.02231,-0.04046,0.03517,0.11793,0.05387,0.08957,-0.04269,0.00984,0.06525,0.05407,0.04931,0.0011,0.04163,-0.00354,-0.07224,0.01585,0.01566,0.03418,-0.02523,0.03274,-0.11882,0.01225,0.0232,0.15436,-0.06672,-0.01414,-0.0761,-0.05716,-0.00293,0,-0.09799,0.00815,0.01868,0.00442,0.00638,0.00421,0.04694,0.04424,-0.03233,0.00513,-0.03283,0.02833,-0.00003,-0.01194,-0.00846,-0.03851,0.02345,0.00563,-0.04055,-0.01524,0.00309,-0.00721,0.01426,0.11872,0.0417,-0.0509,-0.00477,0.0152,0.05736,0.03757,-0.00976,0.0487,0.0585,0.03628,-0.06106,-0.0089,0.02551,-0.03578,-0.04774,-0.0661,-0.03916,-0.02897,-0.00651,-0.00782,-0.05669,0.02482,-0.00199,0.00223,0.00702,-0.05161,-0.02277,-0.04226,-0.09509,-0.00952,0.03431,-0.00199,-0.03597,-0.03376,0.06735,0.00117,-0.08874,0.03348,-0.03672,-0.07769],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. What This Example Shows - Rebuilding the source graph reactively from toolbar state, just like the manual example - Letting auto mode calculate positions after render instead of calling calculate(...) manually - Measuring real rendered node sizes from Flow instead of passing size in the demo graph - Keeping application state in sync through writeback - Reusing the same graph factory as the manual example with less layout code in the component","excerpt":"What This Example Shows - Rebuilding the source graph reactively from toolbar state, just like the manual example - Letting auto mode calculate positions after render instead of calling calculate(...) manually - Measuring real rendered node sizes from Flow instead of passing size in the demo graph - Keeping application state in sync through writeback - Reusing the same graph factory as the manual example with less layout code in the component"},{"chunkId":"/examples/dagre-layout-auto#6","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.11717,0.02252,-0.07966,0.04424,-0.03979,0.05859,-0.04813,0.00536,0.02489,0.05694,-0.08127,0.05288,-0.09429,0.02279,0.0556,0.02462,0.01769,-0.02041,0.02777,-0.10039,0.00633,-0.0714,-0.03059,-0.03144,0.04726,0.02854,0.01617,-0.00936,0.08228,-0.08414,0.03147,0.05798,-0.04978,0.04047,-0.15679,0.03267,-0.06055,0.00735,-0.04233,-0.05005,0.10316,0.05202,0.02999,-0.0682,-0.01819,-0.00263,-0.14369,0.05885,-0.02633,0.0054,-0.06117,-0.02474,0.02236,0.03622,0.02879,0.04952,0.07422,-0.03888,-0.0159,0.0297,0.06544,-0.02279,-0.04597,0.01725,0.01135,0.0754,-0.02803,0.0254,0.03147,0.07548,0.03797,-0.0591,0.01622,-0.08283,0.0448,-0.0604,-0.064,-0.00416,-0.02321,-0.04142,0.09608,0.10064,-0.00858,0.07774,-0.06776,-0.00035,-0.0215,-0.06618,0.00172,-0.02172,-0.05745,0.06614,-0.04985,0.02276,0.01418,0.0372,-0.0108,-0.01645,-0.07031,0.00543,0.06443,-0.05881,-0.01966,0.03528,0.00346,-0.04744,-0.03264,0.0165,-0.04596,0.00427,0.02921,0.10197,0.00773,-0.02038,-0.08837,-0.04173,-0.0041,-0.0315,0.02888,0.09675,-0.04023,0.01965,-0.01316,-0.04066,0.12126,-0.01473,0.05039,0,-0.00427,-0.02387,-0.07578,0.02119,0.02483,0.00705,-0.06239,-0.05006,0.06917,0.01132,0.02023,0.03197,-0.07563,0.0483,-0.06086,-0.12376,0.04382,0.05032,0.00446,-0.04801,0.0616,-0.03655,-0.06918,-0.00193,0.05037,0.0414,-0.01223,0.04768,-0.16142,0.03132,0.03922,-0.0154,0.02855,0.06832,-0.07236,0.00357,-0.11837,-0.00966,0.01368,-0.02984,0.02738,-0.00844,-0.05235,0.02628,-0.02696,0.0159,-0.03356,0.00885,0.01769,0.02924,0.02754,0.04386,0.02169,0.0434,0.10039,-0.07906,-0.05777,0.08901,0.05305,0.03597,0.0255,-0.0111,-0.1121,-0.00058,0.01754,0.01796,-0.00272,-0.08367,0.0365,-0.0184,-0.05143,0.01385,-0.02344,0.06348,-0.01023,-0.0053,-0.02555,0.05301,-0.07233,0.04573,-0.04126,-0.03474,0.03216,0.08743,0.07536,-0.08309,0.07132,-0.04149,-0.05665,-0.01174,0.05544,0.01993,0.12676,0.03578,0.13864,0,0.00661,0.06577,0.05179,0.05198,0.01773,-0.03386,0.00896,0.07848,0.03699,0.07908,-0.00398,0.06884,-0.00255,-0.02418,-0.03278,0.00487,-0.03713,-0.07251,0.02405,0.00249,0.00986,0.02831,-0.04379,-0.0402,0.03717,0.01465,0.05513,0.00383,-0.03118,0.03473,0.0258,0.01755,-0.01953,0.00415,-0.04744,0.00596,-0.0298,0.11583,-0.03626,0.05607,-0.02073,0.0125,-0.07524,0.02502,-0.0543,0.02923,-0.04134,-0.01165,-0.08253,0.00475,-0.06727,0.08588,0.05594,-0.01963,0.00704,0.0165,0.0821,0.02948,-0.05581,0.0149,-0.0119,-0.04536,0.05215,-0.06152,-0.00143,0.03062,-0.03426,-0.06587,0.03535,0.11079,0.0194,0.07623,-0.0696,0.01754,0.08763,0.04315,0.04609,0.00333,-0.00038,0.00165,-0.09069,0.0443,-0.03388,0.04817,-0.02742,0.01719,-0.09912,-0.04993,0.04763,0.14581,-0.04388,-0.01328,-0.07121,-0.06157,0.00718,0,-0.08747,-0.02608,0.04345,-0.02482,0.01986,0.0333,0.04656,0.02869,-0.01322,0.00743,-0.02057,0.05967,-0.00092,-0.02972,-0.00409,-0.01008,0.04463,-0.0146,-0.04209,0.02112,0.01629,-0.01474,-0.00111,0.11559,0.0264,-0.02966,0.02258,-0.02618,0.01424,0.07277,-0.00803,0.03364,0.04703,0.0706,-0.05366,0.01919,0.01494,-0.02659,-0.06141,-0.07509,0.00968,-0.00044,0.00206,-0.01425,-0.07218,0.01444,0.01852,0.01796,0.0061,-0.03479,-0.04844,-0.03854,-0.07887,-0.01659,0.06019,0.01145,0.00095,-0.03509,0.05587,0.00004,-0.09241,0.04944,-0.04106,-0.11174],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. When To Choose Auto Mode Use auto mode when you want Flow to orchestrate the layout cycle for you: - render the graph - measure nodes - call the layout engine - apply new positions - redraw connections Manual mode is still the better choice when you need full control over exactly when layout runs or when layout should happen outside the rendered Flow lifecycle.","excerpt":"When To Choose Auto Mode Use auto mode when you want Flow to orchestrate the layout cycle for you: - render the graph - measure nodes - call the layout engine - apply new positions - redraw connections Manual mode is still the better choice when you need full control over exactly when layout runs or when layout should happen outside the rendered Flow lifecycle."},{"chunkId":"/examples/dagre-layout-auto#7","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.11326,0.04105,-0.08777,0.05498,-0.00734,0.04081,-0.03944,-0.00811,0.00144,0.08167,-0.1051,0.05125,-0.07574,0.02039,0.06009,0.03544,-0.02147,-0.01,0.02301,-0.12159,-0.01332,-0.02572,-0.03379,-0.0247,0.03339,0.02157,0.03165,-0.02547,0.05624,-0.06575,0.0545,0.0139,-0.03087,0.04094,-0.12632,0.04859,-0.10409,-0.01623,-0.04589,-0.04486,0.09764,0.07348,0.03697,-0.09925,-0.04281,-0.03428,-0.16099,0.09481,-0.01667,0.02698,-0.06429,-0.0529,0.0276,0.04778,0.03087,0.06107,0.04104,-0.0288,-0.01116,0.02978,0.10746,-0.01815,-0.01704,0.03184,0.01422,0.07513,-0.03764,0.02575,-0.00671,0.06053,0.03548,-0.07147,0.04293,-0.06424,0.06231,-0.031,-0.06468,0.02507,0.03844,-0.03983,0.0836,0.06502,-0.01102,0.0823,-0.06197,-0.01774,-0.00367,-0.07152,-0.00669,-0.05804,-0.04153,0.00747,-0.02769,0.01505,-0.01762,0.00894,0.00507,-0.00225,-0.09245,0.01958,0.06205,-0.03947,-0.01871,-0.00767,-0.02533,-0.04693,-0.03558,-0.01426,-0.06701,0.03217,0.01119,0.11982,-0.02213,-0.01565,-0.07965,-0.05987,0.02567,-0.06022,0.03596,0.03772,-0.00552,0.00158,-0.02386,-0.0045,0.10966,-0.00034,0.04616,0,-0.00229,-0.00041,-0.10933,0.00806,0.02731,-0.02674,-0.05186,-0.034,0.02768,0.04347,0.00992,0.06062,-0.01703,0.03055,-0.02537,-0.11703,0.04984,0.05489,0.02122,-0.07879,0.05098,-0.00392,-0.05288,-0.0261,0.03758,0.057,-0.03381,-0.0077,-0.14154,0.03815,0.03559,0.01519,0.03066,0.05372,-0.05965,-0.00455,-0.11255,-0.03001,0.00053,-0.05051,0.08207,-0.02676,-0.02864,-0.00594,-0.0133,0.01714,-0.04295,0.00718,0.02741,0.00639,0.0138,0.05008,0.00483,0.04067,0.10792,-0.07347,-0.06965,0.08057,0.09456,0.02917,0.04073,-0.02436,-0.09001,-0.02372,-0.02744,0.0023,-0.0005,-0.07896,0.02958,0.0287,-0.02669,0.03341,0.00026,0.06687,-0.05296,-0.00072,-0.04597,0.0178,-0.06237,0.00558,-0.03936,-0.09524,0.01585,0.08642,0.08077,-0.08295,0.07476,-0.041,-0.07889,-0.00703,0.04088,0.02749,0.10001,0.01674,0.15302,0,-0.00192,0.05994,0.02092,0.05365,0.00302,-0.04094,0.01251,0.09716,0.0237,0.07467,-0.04005,0.03612,0.035,-0.00553,-0.03986,0.02915,-0.02143,-0.03132,0.02676,-0.0015,0.02168,0.0091,-0.03035,-0.0067,0.04772,0.02525,0.09265,0.00652,-0.03422,0.03044,0.00473,0.02198,-0.02162,0.01353,-0.05294,0.00785,-0.00434,0.11894,-0.02959,0.01554,-0.01028,0.01586,-0.06312,0.04135,-0.04027,0.03067,-0.03843,0.0369,-0.06976,-0.00587,-0.06691,0.0288,0.05887,-0.03384,-0.01218,0.01836,0.07209,0.04936,-0.04174,0.01879,-0.02789,-0.04796,0.08383,-0.05008,0.03482,0.01115,-0.05394,-0.05018,0.01448,0.09997,0.00712,0.0817,-0.06612,0.00725,0.07878,0.06914,0.06624,-0.02587,0.00895,-0.03498,-0.07072,0.0332,-0.02258,0.02377,-0.01254,0.01565,-0.08983,-0.00795,0.04535,0.16258,-0.06684,0.01615,-0.04186,-0.07986,0.01438,0,-0.07761,-0.00335,0.02748,0.00202,0.01502,0.04075,0.07304,0.01554,-0.00931,-0.02272,-0.08225,0.08066,-0.00922,-0.00247,-0.02998,0.02294,0.00671,-0.00052,-0.03569,0.02291,0.00487,-0.00641,0.03094,0.13004,0.04179,-0.02195,-0.03446,-0.03862,0.049,0.07117,-0.03365,0.02758,0.08491,0.0433,-0.04634,0.04516,0.02036,-0.02367,-0.06977,-0.08826,0.00909,-0.00626,-0.00462,-0.01752,-0.0721,0.02648,0.01184,0.00798,0.03696,-0.03624,-0.04448,-0.05183,-0.0718,-0.02986,0.03571,0.01943,-0.00071,-0.04876,0.08319,-0.00876,-0.05397,0.06076,-0.02841,-0.0641],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. Related docs and examples - Dagre Layout Example - ELK.js Auto Layout Example - Package README","excerpt":"Related docs and examples - Dagre Layout Example - ELK.js Auto Layout Example - Package README"},{"chunkId":"/examples/elkjs-layout#0","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.0761,0.03936,-0.04252,0.03489,0.01294,0.00204,-0.0642,0.00004,-0.01019,0.0875,-0.0832,-0.0101,-0.08326,0.02215,0.03558,0.00909,-0.00002,-0.06988,0.05802,-0.01115,-0.04301,-0.05991,-0.03449,-0.04155,0.06497,0.07499,-0.00574,0.00043,0.07759,-0.09268,0.09738,-0.00611,-0.0135,0.04842,-0.12858,0.0558,-0.06611,-0.03787,-0.04299,-0.01058,0.07245,0.10402,-0.02203,-0.066,-0.05856,-0.00453,-0.09328,0.03305,-0.0152,0.11776,-0.03965,-0.08191,-0.04616,-0.00727,0.01395,0.05899,0.0148,-0.00426,-0.01017,0.04819,0.07611,-0.0594,0.02165,0.0141,0.01751,0.05543,-0.06788,-0.05012,-0.05948,0.0216,0.03239,-0.0397,0.03916,-0.08762,0.03223,0.01184,-0.01101,0.05967,0.02546,-0.06018,0.00393,0.01166,-0.00856,0.04211,-0.03926,0.04515,-0.02599,-0.13741,-0.00183,-0.03509,-0.05501,-0.01757,-0.05178,-0.00631,0.01153,0.04469,-0.01522,0.04512,-0.10309,-0.01488,0.02419,-0.04719,0.02786,-0.0117,0.0044,0.01199,-0.08833,0.03755,-0.10988,0.02755,0.03368,0.13221,0.03561,0.03707,0.01151,-0.03593,-0.00796,-0.07447,0.07622,0.09315,0.01244,0.04524,0.05107,0.0214,0.08339,0.04067,0.05499,0,0.00866,0.01117,-0.05696,0.0377,0.06246,0.02792,-0.03711,-0.03837,0.02269,0.01807,0.00114,0.08533,0.01009,0.04736,0.02722,-0.06794,0.01956,0.03112,0.01339,-0.00963,0.0368,-0.03331,-0.04587,0.03302,0.03492,0.10419,-0.04624,0.02901,-0.12631,0.02745,0.01651,0.05793,-0.03517,-0.00005,-0.05201,0.03267,-0.03904,0.01459,-0.05369,-0.07329,0.04564,0.00337,-0.04433,-0.04794,-0.08931,-0.00197,-0.02554,0.03455,0.06772,-0.00174,-0.06829,0.01793,0.10368,0.05201,0.13003,-0.07035,0.02858,0.03306,0.03465,-0.01216,0.08293,0.04487,-0.07596,-0.00981,-0.02916,0.03438,0.03242,-0.02442,0.00652,-0.02473,-0.00895,0.09979,0.02915,0.03638,-0.01038,-0.04256,-0.06012,0.00714,-0.01274,-0.01872,-0.0636,-0.03438,0.00325,0.0481,0.06409,-0.07314,0.04147,0.00924,-0.0326,-0.00955,0.07315,-0.03272,0.02816,-0.00172,0.01519,0,-0.01528,0.02896,0.00589,0.0237,-0.00306,-0.04847,0.07134,0.08872,-0.01127,0.03023,-0.0024,0.03496,-0.03178,-0.01426,0.02429,-0.00849,-0.0606,-0.07459,0.07997,-0.09389,-0.00669,0.0194,-0.03065,-0.00512,0.05438,0.02591,-0.00562,-0.01483,-0.01802,-0.04391,-0.03844,-0.03704,0.00817,-0.02655,-0.01861,0.02041,-0.02338,0.08727,0.01731,-0.06575,-0.05257,0.02675,-0.08933,0.07498,-0.00846,0.06696,-0.06275,0.03323,-0.07478,-0.0161,-0.04822,0.0542,0.05072,-0.02377,-0.09243,0.01036,0.05355,0.03624,-0.04248,0.01333,-0.03613,-0.0247,-0.00146,-0.06016,-0.00153,0.01227,-0.10972,-0.08593,0.05125,0.13398,0.04932,0.03207,-0.03004,0.01091,0.15023,0.04887,0.10019,0.04104,0.05181,-0.01028,-0.06601,0.08144,0.00758,0.0824,0.04277,0.0374,-0.08985,-0.02297,0.00367,0.11133,-0.04682,-0.02169,-0.07078,-0.03197,0.04912,0,-0.11132,0.00901,-0.00995,-0.03248,0.02267,0.07029,0.0881,0.05216,-0.03451,-0.01113,-0.07219,0.09992,-0.0229,0.04095,-0.01496,-0.00253,0.0218,0.02303,-0.02914,-0.03243,-0.02354,-0.02314,0.01785,0.11225,0.01632,-0.0542,-0.01299,-0.04501,-0.0078,0.04148,-0.10602,0.04044,0.10253,0.04677,-0.04523,0.01331,-0.03723,0.04,-0.01383,0.00837,-0.03048,0.02378,0.00527,-0.03214,-0.00652,0.06759,0.00218,0.00824,0.02893,-0.05917,-0.0755,-0.02214,-0.10374,-0.00821,0.01364,0.01367,-0.04393,-0.07457,0.07563,-0.00435,-0.02344,0.02711,-0.03252,-0.07257],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. ELK.js Layout This page shows how to use @foblex/flow-elk-layout to calculate a manual graph layout with ELK.js and then render the result with Foblex Flow. The important split is: - @foblex/flow-elk-layout calculates positions with ELK.js - @foblex/flow renders nodes, connections, zoom, drag, and viewport behavior - your app remains the owner of graph state","excerpt":"ELK.js Layout This page shows how to use @foblex/flow-elk-layout to calculate a manual graph layout with ELK.js and then render the result with Foblex Flow. The important split is: - @foblex/flow-elk-layout calculates positions with ELK.js - @foblex/flow renders nodes, connections, zoom, drag, and viewport behavior - your app remains the owner of graph state"},{"chunkId":"/examples/elkjs-layout#1","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.07363,0.025,-0.093,0.04313,0.02319,0.0325,-0.04922,-0.00637,-0.02375,0.05753,-0.01363,-0.00381,-0.06039,-0.02292,0.03038,0.02165,-0.06988,-0.05446,0.03526,-0.02712,-0.03703,-0.03919,0.00194,-0.0319,0.02605,0.01533,-0.00805,0.03259,0.03878,-0.06065,0.06216,0.03834,-0.03883,0.03385,-0.06688,0.07221,-0.03179,0.0561,-0.05524,-0.00962,0.06325,0.0921,0.02959,-0.10104,-0.03091,-0.00017,-0.14439,0.02621,-0.018,0.07559,-0.06856,-0.08961,-0.04836,0.01457,0.06799,0.04555,-0.02404,-0.00413,0.02977,0.02112,0.06273,-0.07817,-0.00319,-0.01369,0.00813,0.03876,-0.05905,-0.01315,-0.07901,0.04032,-0.00681,-0.03719,-0.05281,-0.08246,0.07838,0.0299,0.00823,0.08296,0.01098,-0.11541,-0.02688,0.03534,-0.01269,0.02268,-0.0484,0.05251,-0.01276,-0.10487,0.02483,-0.01265,-0.02464,-0.00371,-0.08664,0.01294,0.03186,0.04521,-0.03322,0.06281,-0.07895,0.03024,-0.01179,-0.10448,0.00159,0.04628,0.04052,0.01347,-0.05588,0.03835,-0.09688,0.02427,0.00144,0.09937,0.01154,-0.01766,-0.01025,-0.07098,0.03062,-0.05756,0.07894,0.05111,0.04696,0.02914,-0.02607,0.0236,0.01669,-0.02976,0.06986,0,0.03308,-0.02118,-0.06189,0.0498,0.07259,0.0041,-0.02783,-0.02715,-0.04283,0.07304,-0.06088,0.04519,-0.0492,-0.0208,0.02213,-0.12778,0.00683,0.05597,-0.04829,-0.00661,0.02811,-0.00763,-0.07079,0.01742,0.04217,0.04335,-0.02487,-0.00728,-0.11468,0.00761,0.04699,0.05054,0.03096,0.02428,-0.02701,-0.00967,-0.0292,0.01635,-0.08179,-0.07526,0.05875,-0.00754,-0.02644,-0.02731,-0.05611,-0.01749,-0.00505,0.07281,0.08274,-0.02009,-0.06687,0.07923,0.03563,-0.02172,0.0901,-0.03666,-0.00554,0.08019,-0.00192,0.04657,0.00725,0.08379,-0.05534,-0.04571,0.03221,0.04739,0.02408,-0.0707,0.0393,-0.08388,-0.02497,0.08694,0.04133,0.06298,-0.02357,-0.03023,-0.05292,0.04044,0.00193,-0.03049,-0.09034,-0.02051,-0.05923,0.03708,0.02411,-0.10429,0.05878,-0.02339,-0.02395,-0.07161,0.02739,-0.0122,0.01512,-0.01438,0.02393,0,0.0356,0.00775,0.03219,0.04087,-0.02035,-0.00534,0.09527,0.05877,-0.00676,0.07902,0.00994,0.01593,-0.02725,-0.06771,0.04835,0.00927,-0.06265,-0.06327,0.03986,-0.05837,-0.02854,0.11724,-0.04102,0.02087,0.03971,0.01184,0.01845,0.10701,-0.01166,-0.04777,-0.06007,-0.03911,-0.09668,0.0366,-0.02761,-0.03127,0.02514,0.14783,-0.00296,-0.02185,0.02234,0.04648,-0.07683,0.09965,-0.00456,0.02356,0.01274,0.03178,-0.07927,-0.03042,-0.03441,0.0082,0.02722,0.00033,-0.06132,0.0295,0.0664,-0.00308,-0.03627,-0.0146,0.00833,-0.0663,0.04561,-0.0106,0.08287,-0.00212,-0.09975,-0.09878,0.04525,0.07441,0.02814,0.06133,0.06387,-0.03926,0.15986,0.02793,0.05653,0.03151,0.01742,-0.00436,-0.107,0.0579,0.03768,0.09527,0.01444,0.00983,-0.08457,0.06692,0.01772,0.05731,-0.06702,-0.04083,0.01037,0.00824,0.01769,0,-0.1032,-0.01535,-0.03558,-0.06915,0.00772,0.02668,0.08585,0.0251,-0.06457,-0.0185,-0.04981,0.12434,0.00477,0.02927,-0.01074,-0.07669,0.00076,0.04339,-0.06465,-0.0182,-0.03044,-0.0362,0.01659,0.09507,0.03101,-0.10281,-0.04194,-0.01875,0.00194,0.0495,-0.06845,-0.00789,0.10509,0.0283,-0.01413,0.01706,-0.03673,0.02717,-0.04728,0.06487,-0.02564,-0.0047,-0.01438,-0.00467,0.04265,0.04613,-0.01264,0.02169,0.04389,-0.03718,-0.09117,-0.00628,-0.0447,-0.02982,0.01454,-0.02236,-0.00172,-0.01704,0.09011,-0.02466,-0.03756,0.062,0.01746,-0.04358],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. Example ::: ng-component <elk-layout</elk-layout [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::","excerpt":"Example ::: ng-component <elk-layout</elk-layout [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::"},{"chunkId":"/examples/elkjs-layout#2","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.0601,0.05382,-0.02147,0.02789,0.0316,0.0249,-0.06724,-0.059,-0.01325,0.02669,-0.08976,0.01543,-0.07332,-0.00383,0.07937,0.03342,0.00443,-0.046,0.11164,-0.01226,-0.0735,-0.00789,-0.031,-0.03198,-0.01337,0.07193,0.03607,0.0175,0.0528,-0.09393,0.09228,0.03028,-0.02754,0.02964,-0.1324,0.0516,-0.01469,0.03815,-0.05613,0.00495,0.04327,0.06637,-0.02412,-0.08351,-0.0727,-0.03355,-0.12849,-0.01907,-0.00717,0.06941,-0.03639,-0.12635,-0.03328,-0.02542,0.04734,0.03291,0.00788,0.00058,-0.0248,0.01593,0.07041,-0.05136,0.0213,0.04375,0.03067,0.08347,-0.05543,-0.00109,-0.00231,-0.00568,-0.00953,-0.04359,-0.01562,-0.0806,0.01554,0.05671,0.03253,0.04504,0.00586,-0.03839,0.00082,0.05617,-0.00185,0.0594,-0.02958,0.0822,-0.02711,-0.08757,-0.01847,-0.07903,-0.03547,-0.04922,-0.01773,-0.0449,0.07034,0.06077,-0.04266,0.02548,-0.09767,-0.00779,-0.01849,-0.08536,0.06334,-0.00832,0.00253,0.01244,-0.07595,0.04162,-0.06319,-0.00027,0.04675,0.08128,0.04049,-0.02832,0.0054,-0.01867,-0.03634,-0.10805,0.02124,0.12684,0.01061,0.0519,0.05933,0.02861,0.08251,0.03615,0.04149,0,-0.01019,0.02865,-0.0481,0.04309,0.07032,-0.03004,0.01724,-0.04832,0.00703,0.01851,0.01229,0.0691,-0.00302,0.09138,0.00872,-0.05141,0.02521,0.03084,0.05781,-0.02373,0.01396,-0.06835,-0.03735,0.05191,0.02419,0.0625,0.00094,0.04181,-0.10404,-0.00979,0.0426,0.0397,0.01841,0.02335,-0.06101,0.00785,-0.07065,0.01858,-0.03781,-0.04742,0.07002,0.03354,-0.05483,-0.01439,0.00666,0.02053,0.00974,-0.03067,0.13387,-0.03283,-0.02662,0.03064,0.09468,0.09576,0.14264,-0.07326,0.02353,0.01157,0.04682,-0.02969,0.01996,0.02959,-0.05549,-0.02507,0.0421,0.02385,0.0293,-0.02509,-0.00982,-0.0584,-0.00841,0.06239,-0.04085,0.05195,-0.02235,-0.05196,-0.02384,0.05309,0.0447,0.01398,-0.0969,-0.01527,-0.00627,0.06483,0.06113,-0.05114,0.10233,-0.02197,0.00425,-0.04291,0.10006,-0.00705,-0.05174,-0.01268,0.05161,0,-0.01353,0.00645,0.00162,0.04449,0.01024,-0.00361,0.04543,0.05456,0.02682,0.06365,0.04562,0.04906,0.01393,-0.04526,0.02479,0.00075,-0.07294,-0.03651,0.05565,-0.06562,0.0147,0.05563,-0.02095,-0.09377,0.04286,0.02718,-0.02697,-0.02663,-0.03225,-0.02977,-0.04983,0.02081,-0.0138,-0.03625,-0.03137,0.02308,-0.02108,0.10573,-0.01149,-0.06182,-0.07005,0.03674,-0.11347,0.05124,-0.05034,0.01417,-0.05863,-0.00337,-0.07537,-0.02355,-0.05896,0.02449,0.04207,-0.03765,-0.08523,0.00768,0.09462,0.06158,-0.02009,0.01572,-0.00994,-0.0003,0.00388,-0.11055,-0.01966,-0.01915,-0.10558,-0.09784,-0.00146,0.09082,-0.02173,0.03597,-0.04548,0.03921,0.11935,0.02411,0.11686,0.06071,0.02092,-0.03604,-0.09617,0.06577,0.01142,0.07812,0.05815,0.00651,-0.06344,-0.07275,0.03077,0.1012,-0.05171,0.00879,-0.03894,0.02061,0.05805,0,-0.0761,0.00882,-0.03127,-0.05037,0.01626,0.05512,0.04112,0.0361,-0.01766,0.03683,-0.05412,0.10843,-0.00971,0.07902,-0.03909,-0.02535,0.00869,0.01983,-0.05936,-0.06879,-0.00778,0.00168,0.02412,0.05495,0.04444,-0.02568,0.04665,-0.05437,-0.03739,0.03643,-0.11023,0.02861,0.0527,0.02133,-0.00369,0.00605,-0.03271,0.05065,-0.02444,-0.01295,-0.0504,0.02531,-0.01853,-0.05848,-0.01765,-0.00673,-0.04249,-0.01124,0.00852,0.00487,-0.07967,-0.00673,-0.09591,0.00217,0.00444,0.02114,-0.0465,-0.0391,0.07041,-0.06217,-0.02664,0.02997,0.00892,-0.12258],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. Install If your project already includes a custom Flow theme, you can keep schematic installation but skip style injection: For Nx workspaces: ng add checks @foblex/flow and the required Foblex companion packages, adds only the missing ones, and wires the default Flow theme into application styles when it is missing. If you prefer manual installation: You do not need to install the underlying elkjs package separately because the adapter ships it as a runtime dependency.","excerpt":"Install If your project already includes a custom Flow theme, you can keep schematic installation but skip style injection: For Nx workspaces: ng add checks @foblex/flow and the required Foblex companion packages, adds only the missing ones, and wires the default Flow theme into application styles when it is missing. If you prefer manual installation: You do not need to install the underlying elkjs package separately because the adapter ships it as a runtime dependency."},{"chunkId":"/examples/elkjs-layout#3","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.0404,0.04237,-0.04481,0.03705,-0.00341,0.06447,-0.03297,-0.00216,0.00179,0.05582,-0.07529,-0.0045,-0.09045,0.00072,0.08497,-0.01085,-0.00728,-0.05419,0.04028,0.00166,-0.06939,-0.04207,-0.03337,-0.01341,0.02963,0.04887,0.02178,-0.00992,0.06409,-0.08771,0.10032,0.01645,-0.02338,0.07123,-0.12914,0.08367,-0.06423,0.00549,-0.05561,-0.02803,0.03949,0.11173,-0.04523,-0.10403,-0.07682,0.00011,-0.12519,0.02294,-0.0327,0.09545,-0.04861,-0.06983,-0.02183,-0.02928,0.02517,0.03365,0.01981,-0.00484,-0.00174,0.03864,0.02587,-0.08066,0.05674,0.00243,0.00307,0.05504,-0.07537,-0.00006,-0.06304,0.0225,0.032,-0.04532,0.04676,-0.03494,0.09786,0.01932,0.00282,0.07291,0.04038,-0.06597,0.01542,0.08206,0.00674,0.00952,-0.01983,0.03809,-0.00525,-0.12709,-0.04651,-0.03119,-0.02176,-0.00433,-0.04719,-0.0067,0.07892,0.02221,-0.05202,0.01201,-0.11264,0.00061,0.01402,-0.05097,0.00549,0.01848,0.0001,-0.01305,-0.06778,0.01272,-0.0911,-0.01121,0.02351,0.07817,0.03956,-0.01368,-0.02787,-0.06304,-0.00462,-0.06511,0.06041,0.08255,0.01931,0.03416,0.06133,0.01613,0.06359,0.00535,0.03869,0,-0.0057,0.03325,-0.08852,0.06945,0.07386,0.01998,-0.02412,-0.04313,0.0601,0.03019,-0.01149,0.02618,-0.01182,0.04977,-0.00126,-0.05127,0.01047,0.04722,-0.01164,-0.01891,0.06636,-0.04543,-0.0207,0.00244,0.0088,0.06953,-0.04528,0.00863,-0.12728,0.03026,0.05255,0.03062,-0.00118,0.00619,-0.04092,-0.00799,-0.03847,0.00599,-0.08045,-0.06513,0.04615,0.01543,-0.05673,-0.01782,-0.04806,0.00602,-0.0251,0.05327,0.08325,-0.02941,-0.05351,0.06744,0.10612,0.02192,0.14502,-0.05629,0.01401,0.05577,0.04924,-0.01864,0.07442,0.09023,-0.06655,-0.01399,-0.01342,0.02853,0.04295,-0.04647,0.00438,-0.06596,-0.00666,0.04647,-0.01977,0.06347,-0.03488,-0.04109,-0.07105,0.00696,0.03144,-0.01744,-0.09272,-0.00004,0.00102,0.04491,0.06757,-0.06578,0.06782,0.00005,-0.00249,0.00231,0.0538,-0.03357,-0.00888,0.00545,0.06254,0,-0.00533,0.05064,-0.01557,0.00861,-0.01804,-0.05127,0.06471,0.09043,-0.00155,0.05494,0.01265,0.02455,-0.01458,-0.0441,0.04683,-0.00038,-0.07528,-0.03271,0.05465,-0.09239,-0.01214,0.01561,-0.04957,0.0122,0.03763,0.06475,0.00685,0.01142,0.02532,-0.03331,-0.06652,-0.01861,-0.00069,-0.00001,-0.03386,-0.0046,-0.02709,0.08458,-0.0414,-0.04976,-0.05256,0.04845,-0.08807,0.05059,-0.04811,0.04093,-0.02994,0.02528,-0.0507,-0.02475,-0.04909,0.00555,0.05479,-0.01314,-0.08807,0.00789,0.07117,0.02561,0.00064,0.00698,-0.02693,-0.01311,0.03562,-0.05178,0.04,0.00159,-0.07484,-0.10994,0.03224,0.09255,0.03076,0.04228,-0.02993,0.01021,0.15663,0.07109,0.07614,0.03929,0.02741,-0.01334,-0.07494,0.05652,-0.01048,0.09902,0.08205,-0.00852,-0.06802,-0.01334,0.02277,0.10991,-0.03243,-0.03082,-0.01481,-0.00504,0.06101,0,-0.10867,-0.01419,-0.02289,-0.0428,0.01945,0.02493,0.05072,0.03489,-0.05388,-0.00459,-0.09068,0.16546,-0.01561,0.02481,0.00707,-0.03552,-0.02474,0.02317,-0.02882,-0.05232,-0.03574,-0.03047,0.03003,0.07086,0.01381,-0.04227,0.01303,-0.03915,0.00698,0.03666,-0.10737,0.01101,0.11602,0.0573,-0.06175,0.02735,-0.04027,0.02203,-0.0518,0.00084,-0.02612,0.00087,-0.00077,-0.05537,0.00435,0.05846,-0.04942,0.0378,0.00184,-0.03718,-0.0988,-0.00179,-0.10426,0.0306,0.0017,-0.00649,-0.05037,-0.0734,0.09532,-0.01883,-0.0637,0.04251,0.016,-0.11584],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. Minimal Usage `ts import { Component, inject } from '@angular/core'; import { EFLayoutDirection, IFLayoutConnection, IFLayoutNode, provideFLayout, } from '@foblex/flow'; import { EElkLayoutAlgorithm, ElkLayoutEngine, } from '@foblex/flow-elk-layout'; @Component({ standalone: true, providers: [provideFLayout(ElkLayoutEngine)], template: '', }) export class DiagramComponent { private readonly layout = inject(ElkLayoutEngine); EF Layout Direction IF Layout Connection IF Layout Node provide F Layout E Elk Layout Algorithm Elk Layout Engine Diagram Component","excerpt":"Minimal Usage `ts import { Component, inject } from '@angular/core'; import { EFLayoutDirection, IFLayoutConnection, IFLayoutNode, provideFLayout, } from '@foblex/flow'; import { EElkLayoutAlgorithm, ElkLayoutEngine, } from '@foblex/flow-elk-layout'; @Component({ standalone: true, providers: [provideFLayout(ElkLayoutEngine)], template: '', }) export class DiagramComponent { private readonly layout = inject(ElkLayoutEngine);"},{"chunkId":"/examples/elkjs-layout#4","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.066,0.06776,-0.0367,0.06848,-0.00279,0.03266,-0.03137,-0.06996,0.01862,0.02731,-0.07815,-0.02673,-0.06618,-0.04552,0.04369,0.06582,-0.01502,-0.07493,0.02969,-0.06747,-0.04513,-0.03221,-0.06077,-0.01685,0.04091,0.02808,-0.03623,-0.06597,0.08403,-0.05749,0.07185,-0.00276,-0.10263,0.04689,-0.13712,0.066,-0.08994,-0.02886,-0.01791,0.03318,0.06831,0.10376,-0.04244,-0.06005,-0.03345,0.05272,-0.1076,0.07711,-0.02088,0.07651,-0.03265,-0.05354,-0.03655,-0.01312,0.05628,0.02463,0.00099,0.03069,0.01724,0.06539,0.07573,-0.10525,0.07057,0.00419,0.04424,0.03997,-0.06061,-0.00578,-0.05725,0.05103,0.0523,-0.03085,0.06325,-0.02262,0.09285,0.03215,0.01857,0.06563,0.01226,-0.02227,0.00181,0.01312,-0.03409,0.01815,0.01214,0.03995,-0.03099,-0.12841,-0.03434,-0.01079,-0.06444,-0.02007,-0.09214,-0.00523,0.09883,0.01767,-0.04073,0.03544,-0.12697,0.01449,-0.01935,-0.05914,-0.03162,-0.02986,-0.00607,0.01593,-0.0396,0.05111,-0.08292,-0.00371,0.03009,0.09612,0.05738,-0.00861,-0.01311,-0.05167,0.02437,-0.05688,0.0868,0.09227,0.05187,0.05823,0.03175,-0.0147,0.04456,0.00459,0.0518,0,0.02318,-0.01295,-0.09448,0.02264,0.06645,0.02505,0.02044,-0.0601,-0.00947,0.01453,-0.05694,-0.03176,-0.00287,0.02237,0.0441,-0.02998,0.07418,0.01996,-0.03257,-0.04638,0.02279,-0.02763,-0.05776,-0.04524,-0.03331,0.01297,-0.06012,-0.03607,-0.10381,0.00394,0.01589,0.06143,0.0036,0.01691,-0.04734,0.02784,-0.01841,-0.00296,-0.07891,-0.0826,0.02093,0.06633,-0.03021,-0.03995,-0.07204,-0.02772,-0.03936,0.02235,0.06689,-0.03514,-0.05963,0.04489,0.08482,0.02002,0.11827,-0.04674,0.01867,0.07855,0.00229,0.02132,0.06133,0.02563,-0.06616,-0.01032,-0.00501,0.06044,0.0186,-0.00415,-0.00184,-0.06474,-0.00541,0.02979,-0.00768,0.05256,-0.06196,-0.04177,-0.11433,-0.03699,-0.01048,-0.03761,-0.06466,0.02323,-0.00869,0.04789,0.02547,-0.01326,0.03443,-0.00172,-0.01297,0.00967,0.04288,0.01439,0.05187,-0.01805,0.04518,0,-0.03705,0.06861,0.00066,0.02715,-0.00655,-0.04952,0.091,0.01047,-0.01651,0.09283,0.01388,0.05481,-0.03485,-0.02902,0.06394,-0.01095,-0.0543,-0.02313,0.08738,-0.11137,0.00361,0.04578,-0.05407,0.02246,0.02479,0.03571,0.02963,0.01311,0.02114,-0.05708,-0.06527,-0.01544,-0.04741,0.08052,0.01311,0.03115,-0.02185,0.07846,-0.02221,-0.06198,-0.04494,0.00733,-0.07404,0.07235,0.01229,0.04998,-0.02446,0.04456,-0.05018,-0.0144,-0.01438,0.02499,0.02635,0.01806,-0.08227,-0.02118,0.01283,-0.00139,0.07921,-0.01977,-0.02537,-0.0388,0.03265,-0.04967,0.03519,0.00884,-0.11917,-0.04954,0.07332,0.07214,0.01021,0.10583,-0.01917,0.00599,0.06733,-0.00234,0.07822,-0.0047,0.00688,0.03341,-0.09194,0.07702,0.00447,0.06367,0.11142,0.03525,-0.01228,0.0551,-0.0089,0.11251,-0.03306,-0.02081,-0.04621,-0.0308,0.04159,0,-0.12039,0.02591,-0.06032,-0.03318,0.00092,0.04468,0.08795,0.0107,-0.04609,-0.02734,-0.09272,0.12459,0.01385,0.0232,-0.0115,-0.05103,-0.04984,-0.04088,-0.01569,-0.02425,-0.00833,-0.07007,-0.02546,0.08606,0.00432,-0.07704,0.0253,-0.02538,0.0058,0.09733,-0.13218,-0.01172,0.10154,0.03637,-0.00398,0.06895,0.00329,0.02599,0.00181,0.03607,-0.01047,0.00985,0.02728,-0.00608,0.00988,0.01863,-0.04682,0.00462,0.01215,-0.02733,-0.00489,-0.04532,-0.06672,0.01825,0.06387,-0.07096,-0.06343,-0.08527,0.07768,0.01897,0.01389,0.02878,-0.01568,-0.06845],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. protected async relayout(): Promise<void { const nodes: IFLayoutNode[] = [ { id: 'A' }, { id: 'B' }, { id: 'C' }, ]; const connections: IFLayoutConnection[] = [ { source: 'A', target: 'B' }, { source: 'A', target: 'C' }, ]; const result = await this.layout.calculate(nodes, connections, { direction: EFLayoutDirection.TOPBOTTOM, algorithm: EElkLayoutAlgorithm.LAYERED, nodeGap: 32, layerGap: 48, layoutOptions: { 'elk.layered.spacing.nodeNodeBetweenLayers': '64', }, }); IF Layout Node IF Layout Connection EF Layout Direction E Elk Layout Algorithm node Gap layer Gap layout Options node Node Between Layers","excerpt":"protected async relayout(): Promise<void { const nodes: IFLayoutNode[] = [ { id: 'A' }, { id: 'B' }, { id: 'C' }, ]; const connections: IFLayoutConnection[] = [ { source: 'A', target: 'B' }, { source: 'A', target: 'C' }, ]; const result = await this.layout.calculate(nodes, connections, { direction: EFLayoutDirection.TOPBOTTOM, algorithm: EElkLayoutAlgorithm.LAYERED, nodeGap: 32, layerGap: 48, layoutOptions: { 'elk.layered.spacing.nodeNodeBetweenLayers': '64', }, });"},{"chunkId":"/examples/elkjs-layout#5","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.04646,0.0367,-0.07021,0.04301,0.00536,-0.00198,-0.09671,-0.00805,0.02221,0.10358,-0.04355,-0.01098,-0.055,-0.00677,0.02641,0.02397,-0.06011,-0.0051,0.0613,-0.04476,-0.06836,-0.00786,-0.05398,-0.03297,0.08068,0.02385,-0.00555,0.00684,0.10645,-0.0692,0.07418,0.00733,-0.04882,0.02744,-0.15212,0.06623,-0.07648,-0.02568,-0.06167,0.00754,0.09512,0.08149,-0.02846,-0.109,-0.01696,-0.01078,-0.14615,0.0743,-0.02943,0.11335,-0.06074,-0.0726,-0.07395,0.00412,0.03506,0.04784,0.00118,-0.01229,0.00216,0.03761,0.13436,-0.09483,0.03679,0.00303,0.03426,0.0387,-0.06137,-0.00683,-0.05662,0.00541,0.05525,-0.06714,0.0341,-0.0663,0.02751,0.06756,-0.00012,0.08288,0.03679,-0.01369,-0.04336,0.04312,-0.03112,0.03405,0.01633,0.08925,-0.04364,-0.09164,-0.00284,-0.05297,-0.0115,-0.02286,-0.09232,-0.03081,0.03679,0.02495,-0.00382,0.05534,-0.07477,-0.02101,-0.02729,-0.02168,-0.01352,-0.06579,-0.00494,0.03015,-0.09207,0.0294,-0.09299,-0.01378,0.04322,0.07468,0.03712,0.0176,-0.00465,-0.04438,0.04286,-0.08088,0.11304,0.09088,0.0199,0.05677,0.05939,0.01147,0.05096,0.03199,0.02616,0,0.00142,0.00267,-0.0273,0.0146,0.03984,-0.00227,-0.04617,-0.0359,0.02574,0.0384,-0.05213,0.09839,0.05939,0.01613,0.07147,-0.04457,0.03799,0.03225,0.00465,0.03388,0.05405,-0.05126,-0.02979,0.03033,0.03826,0.1324,-0.0238,-0.00698,-0.134,0.01434,0.03627,0.03746,-0.03074,0.02091,-0.0173,0.03039,-0.00988,-0.00096,-0.0804,-0.04199,0.04598,0.01545,-0.0311,-0.02708,-0.10386,0.00403,-0.02517,0.04449,0.11482,0.00278,-0.06699,0.02826,0.09044,0.0294,0.09897,-0.02719,-0.00859,0.03078,0.02494,0.02433,0.06825,0.00816,-0.07029,-0.03217,-0.0237,0.00981,0.02929,-0.04417,0.05669,-0.00453,0.02018,0.06455,0.00193,0.05884,-0.02566,-0.07188,-0.08023,-0.02908,0.01921,-0.02335,-0.06118,0.04186,0.00139,0.03941,0.08032,-0.06894,0.01756,0.01274,-0.05138,-0.05281,0.04035,0.01887,-0.00645,0.01042,0.02275,0,-0.03662,0.00728,0.01324,0.0066,-0.02128,-0.04972,0.0412,0.00024,-0.00821,0.04468,0.01955,0.02449,-0.03781,0.0057,0.06432,0.00213,-0.06953,-0.09767,0.08581,-0.06735,0.02984,0.01952,0.00109,-0.01385,0.04096,-0.01325,0.04314,-0.0167,-0.01764,-0.03496,-0.0371,-0.03209,-0.02307,0.00292,-0.04046,0.05905,0.00417,0.0791,0.05192,-0.09269,-0.02529,0.03051,-0.10362,0.05978,-0.00701,0.04775,-0.06288,0.04984,-0.0763,-0.0497,-0.00709,0.05113,0.03944,-0.00246,-0.09984,0.01414,0.01751,0.01564,0.00087,0.0131,-0.01807,-0.05885,0.0323,-0.02501,0.00212,0.02007,-0.07829,-0.132,-0.04345,0.08699,0.03079,0.07393,-0.02091,0.02124,0.06747,0.00604,0.08157,0.00687,0.02619,-0.04006,-0.05445,0.07298,0.02932,0.08197,0.02667,0.02231,-0.03017,0.02671,-0.01729,0.10578,-0.05841,-0.00809,-0.08321,-0.01849,-0.01757,0,-0.12181,0.00615,-0.02975,-0.02148,-0.01584,0.06361,0.06687,0.04785,-0.01317,-0.00503,-0.08792,0.08158,-0.03022,0.04257,-0.002,-0.00566,0.01773,0.0259,-0.03168,-0.05535,-0.00345,-0.00779,0.03262,0.09284,0.05766,-0.0747,-0.01093,-0.02448,0.01591,0.02654,-0.08145,0.00599,0.12225,0.0653,-0.00748,0.03956,0.00299,0.07925,-0.03249,0.01135,-0.041,0.01758,0.01311,-0.03193,0.03293,0.03899,-0.01718,-0.01389,0.06208,-0.04622,-0.00888,-0.02905,-0.09733,-0.0728,0.00753,-0.00152,-0.01466,-0.08975,0.0637,0.00393,-0.00523,0.02289,0.00196,-0.09379],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. console.log(result.nodes); } } calculate(...) returns only calculated node positions. In a real app you merge them back into your own node model by id. In the demo integration, non-directional ELK.js` algorithms automatically switch connectors into calculate mode so anchors adapt to the actual node placement.","excerpt":"console.log(result.nodes); } } calculate(...) returns only calculated node positions. In a real app you merge them back into your own node model by id. In the demo integration, non-directional ELK.js` algorithms automatically switch connectors into calculate mode so anchors adapt to the actual node placement."},{"chunkId":"/examples/elkjs-layout#6","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.04547,0.0447,-0.06282,0.01572,-0.01083,0.0308,-0.06192,-0.01581,-0.02167,0.08242,-0.0888,-0.01499,-0.07877,0.00738,0.0472,-0.00443,-0.03112,-0.03532,0.04995,-0.03114,-0.05753,-0.02463,-0.04477,-0.02644,0.04247,0.06821,0.03842,-0.02535,0.07017,-0.07228,0.10312,-0.00504,-0.03032,0.04848,-0.16492,0.04568,-0.07332,0.01295,-0.05008,-0.01203,0.05945,0.08107,-0.00726,-0.08272,-0.05905,0.00283,-0.14415,0.06394,-0.00169,0.10746,-0.02824,-0.1116,-0.04408,-0.00475,0.02029,0.04169,0.00971,0.0017,-0.03716,0.02787,0.09839,-0.06135,0.04551,0.00617,0.03267,0.05834,-0.06588,0.00335,-0.04107,0.01215,0.04089,-0.05928,0.04981,-0.09825,0.04524,0.00392,-0.00172,0.10368,0.02178,-0.04413,-0.00452,0.04049,-0.0088,0.03862,-0.04655,0.032,-0.03847,-0.10659,-0.02349,-0.03419,-0.03825,0.01691,-0.06625,-0.04349,0.03576,0.0589,-0.03783,0.01532,-0.0795,-0.00523,0.0128,-0.07737,0.00152,-0.02372,-0.00708,0.03043,-0.09062,0.02256,-0.08793,0.00843,0.0316,0.08418,0.04768,0.02174,0.00532,-0.04265,0.00329,-0.06289,0.03978,0.07889,0.02127,0.0363,0.03832,0.00198,0.0716,0.03509,0.05425,0,0.01509,0.03532,-0.05997,0.04633,0.06561,0.02666,-0.02398,-0.05589,0.04238,0.00396,-0.00618,0.05614,-0.00439,0.0355,0.03843,-0.11754,0.01615,0.02614,0.00622,-0.00023,0.02876,-0.03662,-0.04192,0.00827,0.02023,0.09077,-0.04213,0.03438,-0.1313,0.0057,0.04374,0.04837,-0.03789,0.01369,-0.04922,0.01376,-0.03923,0.01157,-0.03506,-0.08227,0.08174,-0.00283,-0.04529,-0.01586,-0.05813,0.026,-0.03358,0.03436,0.08135,0.00265,-0.05803,0.0325,0.07365,0.0094,0.1036,-0.05859,0.00887,0.0514,0.0402,-0.00254,0.0838,0.03328,-0.06364,-0.04064,-0.03737,0.0369,0.03237,-0.02502,0.02032,-0.03037,-0.00343,0.08509,0.01705,0.05189,-0.03881,-0.01826,-0.06162,0.01485,-0.00987,-0.03549,-0.06326,-0.0146,-0.01817,0.06011,0.09469,-0.05104,0.05272,0.00522,-0.02986,-0.01221,0.04109,-0.01508,0.0441,0.01067,0.06479,0,-0.00209,0.03001,0.00924,0.02821,0.00517,-0.04776,0.05776,0.09581,-0.03741,0.05407,-0.01302,0.02815,-0.01633,-0.02982,0.00634,0.01633,-0.03583,-0.05257,0.08775,-0.07452,-0.01183,0.01459,-0.06239,-0.00827,0.0311,0.04411,0.01486,-0.01922,0.0221,-0.02172,-0.06616,-0.05143,0.0229,0.00183,-0.01933,0.01884,0.02414,0.06477,0.01022,-0.08635,-0.06102,0.01953,-0.08039,0.061,-0.02187,0.04589,-0.06749,0.07284,-0.11247,-0.04112,-0.01832,0.0574,0.03043,-0.00064,-0.0857,0.01253,0.05858,0.03473,-0.0027,0.00434,-0.0873,-0.03268,0.05708,-0.05268,0.02051,0.01009,-0.08172,-0.1137,0.0062,0.13023,0.04876,0.0522,-0.02068,0.03009,0.16296,0.00204,0.09954,0.02762,0.03778,0.00382,-0.08049,0.07359,-0.0167,0.08496,0.06062,0.0336,-0.0711,0.00122,0.03178,0.11762,-0.06599,-0.0036,-0.05411,-0.0328,0.05907,0,-0.09462,-0.01185,0.00426,-0.01985,0.0008,0.05193,0.07206,0.02113,-0.01325,-0.04059,-0.07705,0.11471,-0.02064,0.03358,-0.01299,-0.00153,0.00744,0.04423,-0.01607,-0.03318,-0.01866,-0.03575,0.02061,0.11551,0.03666,-0.05573,-0.01627,-0.06271,0.00367,0.03587,-0.10273,0.01035,0.12345,0.06767,-0.02224,0.00733,-0.04508,0.03978,-0.03629,0.01555,-0.0227,0.03448,0.01388,-0.0423,0.01767,0.03587,-0.01394,-0.01552,0.02887,-0.05865,-0.06246,-0.01159,-0.08331,-0.01173,0.00432,0.02409,-0.04996,-0.06067,0.08245,0.00186,-0.04684,0.03091,-0.01767,-0.09455],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. How To Work With It 1. Build your own graph state in the shape your app needs. 2. Convert that graph to IFLayoutNode[] and IFLayoutConnection[]. 3. Call calculate(...) on ElkLayoutEngine. 4. Merge returned positions back into your state. 5. Render the updated nodes in f-flow. IF Layout Node IF Layout Connection Elk Layout Engine","excerpt":"How To Work With It 1. Build your own graph state in the shape your app needs. 2. Convert that graph to IFLayoutNode[] and IFLayoutConnection[]. 3. Call calculate(...) on ElkLayoutEngine. 4. Merge returned positions back into your state. 5. Render the updated nodes in f-flow."},{"chunkId":"/examples/elkjs-layout#7","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.07751,0.00423,-0.00808,0.02886,-0.00039,-0.01699,-0.09194,-0.04166,-0.04253,0.07862,-0.05975,0.00225,-0.09044,-0.03661,0.05796,0.00057,-0.02614,-0.01089,0.03265,-0.02988,-0.01486,-0.03524,-0.06142,-0.08428,0.05083,0.05246,-0.00638,0.02875,0.08868,-0.13679,0.09842,-0.00195,-0.01039,0.05509,-0.12924,0.07849,-0.11136,-0.00461,-0.03441,0.02558,0.00244,0.14627,-0.06099,-0.11564,-0.09325,0.01047,-0.1492,0.0105,-0.01225,0.07082,-0.04032,-0.11656,-0.04527,-0.0213,0.00814,0.03201,-0.0001,0.02033,-0.0196,0.0341,0.0885,-0.0657,0.03887,-0.0232,0.00435,0.06002,-0.06387,-0.02818,-0.05427,0.0588,0.01717,-0.01733,0.0067,-0.03172,0.05827,0.07088,0.03504,0.07279,0.02409,-0.00481,-0.02065,0.07003,-0.02377,0.01813,-0.03113,0.05576,-0.04472,-0.08647,-0.03331,-0.04438,0.00274,-0.04067,-0.06836,0.01369,0.03683,0.06065,-0.04118,0.03109,-0.087,-0.0388,0.00075,-0.07063,0.01809,-0.01553,-0.02783,-0.02444,-0.06085,0.02166,-0.03043,0.00316,0.04593,0.08904,0.03431,-0.02879,-0.01379,-0.03259,-0.00583,-0.06829,0.05014,0.09903,0.0218,0.04552,0.03749,0.0269,0.06814,0.0367,0.01624,0,0.04645,0.03255,-0.06277,-0.00503,0.08052,-0.00373,0.00066,-0.01656,0.02859,0.03585,-0.06314,0.04208,-0.01118,0.05071,0.06906,-0.08481,0.0112,0.05263,-0.0224,-0.00879,0.00007,-0.03174,-0.01016,0.03726,0.00371,0.06557,0.02895,-0.03522,-0.1427,0.00921,0.01655,0.03982,-0.01814,0.0504,-0.0357,0.02673,-0.03809,0.00289,-0.08787,-0.04568,0.07888,0.02125,-0.03894,0.03442,-0.0371,-0.01675,0.00058,0.01942,0.09205,-0.0093,-0.05063,0.05135,0.11218,0.02737,0.08812,-0.00801,0.05194,0.03425,0.03486,0.02254,0.07312,-0.00966,0.01747,0.00953,0.01598,0.05222,0.00194,-0.09602,0.01955,-0.03101,-0.01137,0.02569,0.02367,0.09149,-0.05157,-0.02868,-0.06176,0.0305,0.05649,-0.07928,-0.12093,0.07289,-0.02352,-0.0034,0.03628,-0.10927,0.06538,0.02359,0.02205,-0.01475,0.02604,-0.0103,0.01075,0.01267,0.0338,0,-0.0258,0.0028,-0.04931,0.03866,-0.01928,-0.02326,0.02218,0.07684,0.02672,0.04917,0.02355,0.04241,0.00433,-0.04495,0.01912,0.01159,-0.08252,-0.04276,0.08666,-0.07444,0.01909,0.01731,-0.03469,0.04737,0.08684,0.01058,0.02376,-0.01021,0.06005,-0.06223,-0.06792,-0.00654,-0.02671,0.04677,-0.05205,0.04022,-0.02371,0.08744,0.01306,-0.04334,-0.04932,0.01938,-0.09411,0.05745,-0.00731,-0.00481,-0.05646,0.01517,-0.08189,-0.0366,-0.02413,0.03213,0.04888,0.01922,-0.05773,0.0068,0.01263,0.01056,0.01191,0.02584,-0.0434,-0.02251,0.04067,-0.08318,-0.0043,0.03779,-0.06498,-0.13673,0.00815,0.07159,-0.00812,0.06006,-0.00842,-0.00514,0.11488,-0.03675,0.05486,-0.02798,0.05437,-0.05395,-0.07661,0.08087,-0.01888,0.09887,0.09072,0.04424,-0.04237,0.07603,0.02282,0.07816,-0.01467,-0.01827,-0.01551,-0.02168,0.04773,0,-0.07178,0.03384,-0.04495,-0.01251,0.04773,-0.00641,0.09494,0.0712,-0.04491,-0.06457,-0.06238,0.12314,-0.01907,0.03103,0.0179,-0.0146,-0.01644,0.03676,-0.03093,-0.0173,-0.02591,-0.03681,0.00221,0.05636,0.0566,-0.05611,0.01723,-0.02385,0.00629,0.08371,-0.10743,0.00137,0.08196,0.02711,-0.03333,0.01391,-0.02633,0.01245,-0.01752,0.00922,-0.02612,-0.00678,0.01288,-0.05806,0.01168,0.03674,-0.07827,-0.01001,0.03823,-0.0522,-0.0466,-0.03328,-0.09942,0.00619,0.03151,-0.00391,-0.06954,-0.07278,0.07505,-0.02094,-0.0053,0.02868,-0.00123,-0.10108],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. Options You Will Usually Change - direction: graph direction via EFLayoutDirection - algorithm: ELK.js algorithm via EElkLayoutAlgorithm - nodeGap: spacing between nodes - layerGap: spacing between layers - defaultNodeSize: fallback size when a node does not provide size - layoutOptions: raw ELK.js options forwarded to the engine Available algorithms in the adapter: - EElkLayoutAlgorithm.FIXED - EElkLayoutAlgorithm.BOX - EElkLayoutAlgorithm.RANDOM - EElkLayoutAlgorithm.LAYERED - EElkLayoutAlgorithm.STRESS - EElkLayoutAlgorithm.MRTREE - EElkLayoutAlgorithm.RADIAL - EElkLayoutAlgorithm.FORCE - EElkLayoutAlgorithm.DISCO - EElkLayoutAlgorithm.SPOREOVERLAP - EElkLayoutAlgorithm.SPORECOMPACTION - EElkLayoutAlgorithm.RECTPACKING EF Layout Direction E Elk Layout Algorithm node Gap layer Gap default Node Size layout Options","excerpt":"Options You Will Usually Change - direction: graph direction via EFLayoutDirection - algorithm: ELK.js algorithm via EElkLayoutAlgorithm - nodeGap: spacing between nodes - layerGap: spacing between layers - defaultNodeSize: fallback size when a node does not provide size - layoutOptions: raw ELK.js options forwarded to the engine Available algorithms in the adapter: - EElkLayoutAlgorithm.FIXED - EElkLayoutAlgorithm.BOX - EElkLayoutAlgorithm.RANDOM - EElkLayoutAlgorithm.LAYERED - EElkLayoutAlgorithm.STRESS - EElkLayoutAlgorithm.MRTREE - EElkLayoutAlgorithm.RADIAL - EElkLayoutAlgorithm.FORCE - EElkLayoutAlgorithm.DISCO - EElkLayoutAlgorithm.SPOREOVERLAP - EElkLayoutAlgorithm.SPORECOMPACTION - EElkLayoutAlgorithm.RECTPACKING"},{"chunkId":"/examples/elkjs-layout#8","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.09311,0.02375,-0.04833,0.06601,0.01299,-0.01035,-0.07358,-0.04345,-0.05925,0.07825,-0.06013,0.00933,-0.0824,0.00671,0.07913,0.02817,-0.00128,-0.05482,0.06211,-0.05132,-0.07473,-0.03882,-0.08228,-0.0597,0.04091,0.05052,0.00287,-0.01311,0.08229,-0.08245,0.08625,-0.00578,-0.0424,0.03955,-0.16638,0.09827,-0.09892,-0.0033,-0.02305,-0.00758,0.0364,0.09034,-0.06031,-0.11704,-0.07367,-0.01581,-0.15449,0.04631,-0.01927,0.09531,-0.0544,-0.09558,-0.06407,-0.02668,0.0524,0.02484,0.02056,0.02471,-0.01387,0.01491,0.05779,-0.07666,0.02437,0.02338,0.03107,0.05446,-0.04852,-0.03859,-0.04285,0.02003,0.00953,-0.04613,0.01521,-0.05704,0.04288,0.04673,0.00456,0.04712,0.03054,-0.04677,-0.01327,0.04525,-0.03924,0.04283,-0.01419,0.03012,-0.06382,-0.09455,0.01148,-0.04206,-0.05505,-0.02797,-0.00806,0.00551,-0.00726,0.05978,-0.01962,0.04257,-0.07279,-0.02547,0.00395,-0.0465,0.01718,-0.02813,-0.02187,-0.01084,-0.06894,0.01972,-0.09618,0.04653,0.0356,0.12768,0.00799,-0.01628,-0.02094,-0.01218,0.02573,-0.06923,0.0508,0.0922,0.0212,0.03664,0.05537,-0.00247,0.05762,0.03917,0.04389,0,0.0302,0.0041,-0.05113,0.00004,0.09074,0.00057,-0.01766,-0.04152,0.01879,0.02135,0.03346,0.09755,0.02969,0.04238,0.07793,-0.09005,0.03397,0.02631,0.03775,-0.01961,0.01871,0.01353,-0.02193,0.05271,0.0168,0.09415,0.0095,-0.02515,-0.09802,0.01345,0.0237,0.04938,-0.04008,0.03709,-0.03566,0.03627,-0.05978,-0.01223,-0.06376,-0.06404,0.07719,-0.01149,-0.05068,-0.03228,-0.05775,0.01993,-0.05646,0.03319,0.07732,-0.02755,-0.06936,0.05811,0.08774,0.05427,0.1346,-0.06029,0.01981,0.04594,0.0508,0.00539,0.09034,0.03134,-0.0381,0.00523,-0.04673,0.00667,0.03046,-0.09213,0.02026,-0.00579,0.0227,0.07324,-0.0111,0.04416,-0.0389,-0.03686,-0.06081,0.01643,0.02698,-0.04463,-0.09593,0.00762,-0.03059,0.04314,0.05532,-0.07087,0.03389,0.01897,-0.03056,-0.02282,0.05293,0.00279,0.01267,0.01732,0.0444,0,-0.02608,-0.00029,-0.00298,0.05708,-0.01728,-0.04317,0.03781,0.06941,-0.01889,0.08907,-0.00257,0.01937,-0.00672,-0.01149,0.00705,-0.00592,-0.05678,-0.04281,0.08568,-0.06205,0.00194,0.04611,-0.0396,0.03676,0.05502,0.02989,-0.00734,0.01802,-0.00426,-0.03472,-0.07861,-0.0089,0.03381,0.04836,-0.01142,0.05983,0.00766,0.1001,-0.00313,-0.03648,-0.04794,-0.02038,-0.07759,0.08644,-0.03243,0.04188,-0.09339,0.06568,-0.08009,-0.05373,-0.00852,0.02712,0.05503,-0.03117,-0.08383,-0.00638,0.05243,0.02852,0.00419,0.0365,-0.01356,-0.03074,0.03471,-0.02481,0.00032,-0.00183,-0.07696,-0.15346,-0.00065,0.08114,0.02979,0.03563,-0.02585,-0.01536,0.14309,0.01262,0.08375,0.00614,0.0128,-0.0429,-0.04948,0.03532,0.01133,0.09444,0.01174,0.04398,-0.06818,0.02722,0.01441,0.09537,-0.0636,-0.01501,-0.05365,-0.0166,0.05915,0,-0.08203,0.00892,0.00539,0.00716,0.01883,0.03884,0.09553,0.04353,-0.0401,0.01932,-0.07958,0.12152,0.01744,0.06273,-0.00752,-0.01441,0.0101,0.02993,-0.01479,-0.03184,-0.03083,-0.03937,0.02731,0.05778,0.0407,-0.03255,0.01677,-0.04845,0.01662,0.02878,-0.11671,0.01487,0.10817,0.02598,-0.03495,0.00042,-0.03229,0.03556,-0.01517,-0.02543,-0.02743,0.01314,-0.02969,-0.03029,-0.03331,0.03864,-0.04348,0.01449,0.04039,-0.05183,-0.06724,-0.05063,-0.06852,-0.02819,0.01089,0.01997,-0.0362,-0.07317,0.10563,-0.0188,0.0348,0.03187,-0.01385,-0.07672],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. What This Example Shows - Switching layout direction reactively - Switching ELK.js algorithms reactively - Rebuilding the example graph from one graph factory - Adding nodes and recalculating the layout - Passing shared options and ELK.js-specific options through one API","excerpt":"What This Example Shows - Switching layout direction reactively - Switching ELK.js algorithms reactively - Rebuilding the example graph from one graph factory - Adding nodes and recalculating the layout - Passing shared options and ELK.js-specific options through one API"},{"chunkId":"/examples/elkjs-layout#9","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.07201,0.03792,-0.04313,0.04985,0.03987,-0.02795,-0.11648,-0.00936,-0.01223,0.10193,-0.08014,0.04358,-0.06158,0.00746,0.05915,0.0077,-0.00016,-0.02725,0.0777,-0.06025,-0.06234,-0.01868,-0.04331,-0.04551,0.05764,0.03332,0.04621,0.0177,0.08225,-0.10043,0.08152,-0.01753,0.03691,0.04894,-0.16594,0.08928,-0.04905,0.02969,-0.05857,-0.02651,-0.00598,0.10278,-0.05901,-0.07598,-0.04756,-0.05639,-0.14691,0.03255,-0.02054,0.08482,-0.06062,-0.12237,-0.08466,-0.03923,0.01133,0.02275,-0.02818,-0.02697,-0.01719,0.02228,0.07316,-0.05253,0.01477,0.0066,0.04647,0.08342,-0.04771,0.01535,-0.03156,-0.00395,-0.00701,-0.02887,-0.02041,-0.00806,0.01347,0.01885,-0.00216,0.02787,0.03081,-0.01416,-0.01464,0.06429,-0.02703,0.06614,-0.01356,0.02133,-0.01071,-0.08168,-0.02593,-0.06264,-0.03814,-0.0129,-0.01827,0.01289,-0.00832,0.07445,0.01295,0.01093,-0.06917,-0.01145,-0.00131,-0.03729,0.04839,-0.07156,-0.0469,0.02105,-0.10385,0.00898,-0.07565,0.01965,0.04305,0.0909,-0.03858,-0.00072,-0.02446,-0.02992,-0.0109,-0.10905,0.02324,0.11915,0.03018,0.04521,0.05492,0.04608,0.0742,0.02712,0.03134,0,0.04577,0.07364,-0.06709,0.03608,0.10157,0.02396,-0.03607,-0.01247,-0.00167,0.05239,0.0107,0.05424,0.04205,0.05072,0.10737,-0.08915,0.02782,0.04798,0.02505,-0.01833,-0.03262,-0.00756,-0.01277,0.07917,0.08216,0.09339,-0.00018,0.01254,-0.10836,-0.00776,0.01433,0.01011,-0.04773,0.01378,-0.02758,0.05594,-0.05983,-0.02196,-0.04366,-0.06052,0.05182,0.01443,-0.01759,-0.02856,-0.04593,0.04059,-0.03198,0.0167,0.08762,-0.02715,-0.04198,0.05557,0.08262,0.09172,0.09983,-0.03081,0.02949,-0.00206,0.04548,0.01908,0.11265,-0.02747,-0.06753,0.00776,-0.06372,-0.01555,0.01498,-0.05612,0.06809,-0.01979,0.01938,0.04773,0.00779,0.03131,-0.07286,-0.02783,-0.07182,0.02961,-0.00345,-0.0161,-0.08312,0.00331,-0.00557,0.03834,0.06881,-0.08999,0.04735,0.03687,-0.00294,-0.01561,0.03004,0.01371,-0.01791,-0.00676,0.05928,0,-0.02427,-0.01002,0.00856,0.03489,-0.00361,-0.02548,-0.0174,0.03925,-0.00856,0.04746,-0.00615,0.01027,-0.00442,-0.0366,0.00172,-0.01312,-0.06739,-0.05138,0.08106,-0.06858,0.03408,0.06191,-0.0193,0.01334,0.06388,0.01195,-0.027,-0.00355,-0.02204,0.02008,-0.06359,-0.03043,0.06342,-0.03341,-0.04018,0.04196,0.02163,0.08731,0.01088,-0.06341,-0.03844,0.0396,-0.08407,0.05088,-0.04922,0.01748,-0.07486,0.07036,-0.07679,-0.04216,-0.04065,0.03963,0.0707,-0.05952,-0.07952,-0.0303,-0.01096,0.04061,-0.01169,0.02521,-0.07317,-0.02386,0.01651,-0.0595,0.00261,-0.02134,-0.09279,-0.1184,-0.00353,0.07317,-0.0167,0.02044,-0.03226,0.03143,0.10639,0.00748,0.08345,0.01431,0.04605,-0.05061,-0.04321,0.05809,-0.02678,0.08283,0.03152,0.04447,-0.02586,-0.01555,0.01683,0.09093,-0.06236,0.00999,-0.01153,0.01545,0.05041,0,-0.09232,0.02725,0.00743,-0.00305,0.01263,0.0242,0.11111,0.08975,-0.02726,0.02683,-0.04531,0.09488,-0.04073,0.05847,0.01317,0.01308,0.01749,0.04677,-0.03971,-0.00358,0.00013,0.01968,-0.00563,0.07172,0.05997,-0.03948,0.04724,-0.04731,0.01032,0.02148,-0.11367,0.03832,0.10788,0.0486,-0.01451,-0.00694,-0.03839,0.04003,-0.02869,-0.00086,-0.00243,0.02512,0.0162,-0.03956,-0.0385,0.02769,-0.02447,0.02742,0.0463,-0.07269,-0.08071,-0.04747,-0.08369,-0.0802,0.00206,0.04952,-0.03298,-0.04637,0.12783,-0.005,0.02373,0.01065,-0.00666,-0.08849],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. When to use it - Generate automatic layouts for complex or dense graphs. - Recompute node placement after data changes. - Compare freeform editing with layout-assisted views. If layout quality matters more than minimal configuration, ELK.js is usually the better starting point than a simpler tree-only approach.","excerpt":"When to use it - Generate automatic layouts for complex or dense graphs. - Recompute node placement after data changes. - Compare freeform editing with layout-assisted views. If layout quality matters more than minimal configuration, ELK.js is usually the better starting point than a simpler tree-only approach."},{"chunkId":"/examples/elkjs-layout#10","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.10048,0.04234,-0.07173,0.0341,0.00885,0.00005,-0.07298,-0.00932,-0.0519,0.087,-0.07626,0.02048,-0.07983,0.01707,0.06628,-0.00074,-0.00655,-0.01483,0.05949,-0.03659,-0.06729,-0.02439,-0.04041,-0.04604,0.03304,0.05342,0.03196,0.00275,0.07536,-0.09533,0.10366,0.01798,0.00542,0.0685,-0.15506,0.08412,-0.06086,0.00678,-0.04217,-0.03478,0.02295,0.10837,-0.01852,-0.07355,-0.05548,-0.03682,-0.17078,0.06076,-0.02248,0.07206,-0.07483,-0.12089,-0.06518,-0.02391,0.02781,0.02763,-0.00399,0.00088,-0.00694,0.04539,0.06516,-0.05142,0.02141,0.01758,0.04037,0.06652,-0.06006,0.0003,-0.03818,-0.00285,-0.00118,-0.07139,0.01686,-0.05898,0.02739,0.02032,-0.02114,0.05544,0.00932,-0.05164,-0.01626,0.06167,-0.00816,0.06358,-0.04301,0.03252,-0.01874,-0.10609,-0.0208,-0.03769,-0.03583,-0.01195,-0.05125,0.00793,0.00372,0.04518,0.00712,-0.00293,-0.09536,-0.00973,0.01236,-0.05234,0.02559,-0.0304,-0.01355,0.00485,-0.07724,0.01318,-0.07495,0.02934,0.01947,0.11098,-0.02264,-0.04228,-0.01928,-0.06782,0.01919,-0.08103,0.05294,0.08003,0.00298,0.04017,0.01562,-0.00126,0.09328,0.0363,0.05747,0,0.03165,0.02368,-0.07785,0.05597,0.09246,-0.00064,-0.03357,-0.04911,0.01935,0.02716,0.02048,0.07436,0.01062,0.06002,0.0404,-0.09592,0.01976,0.02755,0.04534,-0.02389,0.01826,-0.03043,-0.00989,0.06437,0.04711,0.10113,-0.00633,0.00678,-0.10694,0.01705,0.02531,0.04298,-0.01086,0.00904,-0.06038,0.02134,-0.07133,-0.00858,-0.02491,-0.05895,0.06403,-0.01167,-0.03555,-0.04157,-0.04999,0.02589,-0.03573,0.03357,0.08275,-0.02382,-0.0592,0.02879,0.07647,0.07442,0.13093,-0.05861,0.00977,0.04759,0.0518,0.0216,0.09291,0.02129,-0.07081,-0.01841,-0.00713,0.00483,0.03137,-0.0549,0.02975,-0.01419,-0.00789,0.05193,0.0142,0.06991,-0.05177,-0.02575,-0.07834,0.03128,0.01008,-0.01169,-0.0894,-0.01734,0.01334,0.05356,0.07529,-0.06107,0.06112,0.01387,-0.00947,-0.04984,0.05058,-0.01144,0.03173,-0.00097,0.0708,0,-0.01787,0.01918,-0.00262,0.05702,0.0128,-0.0408,0.03216,0.07988,-0.00493,0.06775,0.00287,0.01723,0.00801,-0.02372,0.00742,-0.00907,-0.05736,-0.04837,0.07108,-0.0532,0.00131,0.0203,-0.05216,-0.01863,0.0764,0.03114,-0.00417,-0.00481,-0.02024,-0.01063,-0.03119,-0.00813,0.03989,-0.00007,-0.01745,0.03501,0.01221,0.09171,-0.01308,-0.0727,-0.03844,0.01671,-0.06529,0.03737,-0.04294,0.02348,-0.06455,0.06752,-0.10021,-0.02875,-0.03627,0.06058,0.06232,-0.05296,-0.0916,-0.02359,0.04144,0.03772,0.00876,0.01877,-0.03957,-0.02392,0.02384,-0.04442,-0.00315,-0.00985,-0.08158,-0.11576,-0.00884,0.10671,0.02787,0.0393,-0.03047,0.01563,0.13981,0.02946,0.10141,0.0403,0.03442,-0.03084,-0.03189,0.07845,-0.02041,0.11088,0.04038,0.04508,-0.07805,0.00656,0.03371,0.11854,-0.06872,-0.02215,-0.03456,0.00107,0.06423,0,-0.09318,0.0165,-0.0113,-0.01584,0.01145,0.05693,0.07949,0.05769,-0.03269,0.01504,-0.06241,0.12231,-0.03664,0.04619,-0.02006,-0.01504,-0.00972,0.05139,-0.01621,-0.03861,-0.01685,-0.00655,0.02802,0.07983,0.04521,-0.01379,-0.01112,-0.07197,0.01031,0.01942,-0.10533,0.02435,0.11636,0.02258,-0.01611,-0.00989,-0.04719,0.02123,-0.05788,-0.0236,-0.0088,0.00729,0.00426,-0.03782,-0.02983,0.05454,-0.02605,0.00938,0.01591,-0.059,-0.07443,-0.02869,-0.08625,-0.03348,0.00838,0.04564,-0.04521,-0.06124,0.0914,-0.036,-0.02056,0.06065,-0.0152,-0.0843],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. Related docs and examples - ELK.js Auto Layout Example - Package README - Dagre Layout Example - Zoom Docs - Angular Node-Based UI Library","excerpt":"Related docs and examples - ELK.js Auto Layout Example - Package README - Dagre Layout Example - Zoom Docs - Angular Node-Based UI Library"},{"chunkId":"/examples/elk-layout-auto#0","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.07175,0.02534,-0.0667,0.06822,0.00514,0.01318,-0.04888,0.00693,0.06244,0.07561,-0.11747,-0.01805,-0.09077,0.01241,0.00901,0.0151,-0.02888,-0.05402,0.04212,-0.03942,-0.04355,-0.05197,-0.01012,-0.0081,0.0752,0.0463,-0.03717,-0.04156,0.05537,-0.07787,0.0594,-0.01001,0.03536,0.03453,-0.11311,0.09271,-0.0852,-0.02873,-0.06983,-0.00189,0.10717,0.0741,0.00511,-0.08309,-0.04648,0.02654,-0.07253,0.00383,-0.03757,0.10136,-0.01882,-0.03825,-0.0347,0.0219,0.01189,0.08869,0.07702,-0.01491,0.02589,0.00896,0.06481,-0.03378,0.01459,0.00673,0.01873,0.04565,-0.057,-0.02598,-0.06613,0.01736,0.07332,-0.03054,0.03575,-0.07952,0.06482,-0.00554,-0.04802,0.04516,0.02766,-0.07667,0.00144,-0.01257,-0.0086,0.03782,-0.02193,0.06353,0.00756,-0.09116,0.03171,-0.04829,-0.03692,-0.01445,-0.05138,-0.02234,0.04985,0.02997,-0.00474,0.06781,-0.06598,0.00801,0.02518,0.01287,0.00968,0.01442,0.01495,-0.01124,-0.05828,0.07512,-0.07288,0.01928,0.02409,0.10104,0.07177,0.05113,0.05568,0.00398,-0.02082,-0.06539,0.04226,0.10455,0.06225,0.01467,0.04186,-0.00168,0.09106,0.04777,0.05294,0,-0.0239,-0.01614,-0.05863,0.04318,0.04108,0.00328,-0.03101,-0.04499,0.02457,0.01943,-0.0207,0.08864,0.01647,0.04161,-0.03939,-0.06324,0.0307,0.01306,0.00601,0.01776,0.11762,-0.03066,-0.08178,0.00437,0.01502,0.07555,-0.02082,0.08177,-0.14703,0.01973,0.00076,0.02476,-0.01339,0.03294,-0.04358,-0.00318,-0.02247,0.02185,-0.06757,-0.05934,0.04325,0.01685,-0.06226,-0.05101,-0.07327,-0.03978,-0.03915,0.05254,0.09231,0.02313,-0.01973,0.05159,0.09018,0.02457,0.10108,-0.02367,0.01429,0.0041,0.03874,-0.00503,0.07308,0.06038,-0.08071,-0.01241,-0.01948,0.03527,0.03836,-0.01162,0.00949,-0.01435,-0.01397,0.07008,-0.02257,0.02588,0.01098,-0.05431,-0.00598,0.01865,-0.07487,-0.00764,-0.06838,-0.05529,0.02495,0.07938,0.08336,-0.08785,0.02156,-0.0301,-0.06121,-0.01646,0.12991,-0.05537,0.02738,0.00595,-0.00198,0,-0.00334,0.02058,-0.024,0.04255,0.00726,-0.04337,0.04814,0.07829,0.02197,0.01731,-0.01486,0.05224,-0.05897,-0.01089,0.04481,-0.00116,-0.03401,-0.0997,0.05863,-0.07094,0.01156,0.0248,-0.01593,-0.02095,0.02876,0.03247,-0.00961,-0.00299,-0.00379,-0.07153,-0.04107,-0.03267,-0.05823,-0.02036,-0.0368,-0.00924,-0.05736,0.08026,-0.01861,-0.01254,0.02806,0.03164,-0.11702,0.06928,-0.00373,0.07891,-0.06262,0.02908,-0.06813,-0.00201,-0.04606,0.02601,0.05072,-0.00307,-0.0746,0.04244,0.12643,0.04409,-0.06175,0.03225,-0.04542,-0.05026,0.06156,-0.05722,-0.00774,0.03095,-0.11244,-0.03906,0.04422,0.10948,0.05955,0.03714,-0.06045,0.01547,0.09649,0.03804,0.0229,-0.02418,0.04875,-0.01021,-0.08301,0.08302,0.01268,0.06991,0.00432,0.01797,-0.09789,-0.02309,0.00304,0.10968,-0.04567,-0.00818,-0.08388,-0.03883,-0.0131,0,-0.15095,0.0306,-0.01884,0.01447,0.03393,0.00982,0.05758,0.04785,-0.02946,-0.02038,-0.09371,0.04882,0.04293,-0.01499,-0.0324,-0.01214,0.04358,-0.01806,-0.05031,-0.05643,-0.0135,-0.02184,0.01417,0.09616,0.01965,-0.07739,0.02895,-0.00403,-0.0045,0.0252,-0.0788,0.0574,0.08585,0.05247,-0.06375,0.03329,0.01088,0.01539,-0.02748,-0.02914,-0.0583,0.0087,-0.01998,-0.03019,-0.03516,0.02898,-0.03245,-0.00932,0.04458,-0.08151,-0.03734,-0.02721,-0.09102,0.01354,0.03856,-0.01305,-0.00693,-0.08181,0.1157,0.03343,-0.05539,0.01006,0.00322,-0.09573],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. ELK.js Auto Layout This page shows how to use @foblex/flow-elk-layout together with Foblex Flow auto mode. The example still rebuilds the graph from component state, but it no longer calls calculate(...) manually. Instead, Flow renders the graph first, measures the nodes, and then asks ELK.js to recalculate positions automatically. The important split is: - @foblex/flow-elk-layout calculates node positions with ELK.js - @foblex/flow detects graph changes, runs auto relayout, and redraws the scene - your app remains the owner of graph state through writeback","excerpt":"ELK.js Auto Layout This page shows how to use @foblex/flow-elk-layout together with Foblex Flow auto mode. The example still rebuilds the graph from component state, but it no longer calls calculate(...) manually. Instead, Flow renders the graph first, measures the nodes, and then asks ELK.js to recalculate positions automatically. The important split is: - @foblex/flow-elk-layout calculates node positions with ELK.js - @foblex/flow detects graph changes, runs auto relayout, and redraws the scene - your app remains the owner of graph state through writeback"},{"chunkId":"/examples/elk-layout-auto#1","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.02955,0.05078,-0.04618,0.09238,0.04678,-0.0055,-0.05863,0.01453,0.04554,0.06551,-0.10963,-0.00365,-0.08888,-0.02384,-0.02462,-0.00266,-0.01821,-0.03917,0.0126,-0.01231,-0.02758,-0.06023,-0.02672,-0.01502,0.07393,0.02252,-0.07839,-0.02553,0.07834,-0.04703,0.05133,0.02797,0.03941,0.0239,-0.10629,0.05548,-0.03447,-0.00867,-0.08181,0.02272,0.11414,0.07999,0.00932,-0.07791,-0.06097,0.04037,-0.09269,0.03125,-0.10567,0.0576,-0.03041,-0.04887,-0.06107,0.02791,-0.00141,0.01706,0.00208,-0.00825,0.00157,0.04415,0.01209,-0.05269,0.00879,-0.01097,0.04887,0.0432,-0.03821,-0.06057,-0.07021,0.02028,0.08053,-0.0071,0.02284,-0.03231,0.07084,-0.00086,-0.05205,0.09191,0.03834,-0.03096,-0.04389,0.01714,-0.00988,0.02392,-0.03845,0.11701,0.01103,-0.06396,0.02486,-0.02866,-0.02569,0.00319,-0.14011,0.03014,0.03565,-0.00764,0.03045,0.04116,-0.03309,-0.03015,0.07643,0.0402,0.05714,0.04881,0.01105,-0.00308,-0.04292,0.08654,-0.00441,0.06459,0.05249,0.09293,0.0606,0.02416,0.05527,-0.00929,-0.03093,-0.07158,0.0373,0.10084,0.01948,0.04369,0.02002,0.01226,0.06155,0.07637,0.0649,0,-0.03176,-0.02979,-0.00986,0.02849,0.02223,0.02395,-0.01217,-0.05191,0.03431,0.00897,-0.05888,0.06266,0.00568,0.03289,0.00118,-0.05383,0.01362,0.06092,0.00236,0.01733,0.11957,-0.01828,-0.0489,0.02628,-0.02273,0.0594,-0.02659,0.08157,-0.18191,0.00658,-0.04517,-0.00309,0.04718,0.01476,-0.01754,0.01168,-0.01621,-0.01258,-0.08577,-0.07326,0.03024,0.04816,-0.01763,-0.04815,-0.0995,-0.04568,-0.04001,0.03887,0.05368,-0.00996,-0.00989,0.05144,0.13374,0.00291,0.11455,0.02028,0.04856,0.01859,0.0188,-0.00364,0.02494,0.02397,-0.03256,-0.0034,0.01285,0.06655,0.05765,-0.00778,0.00866,-0.02947,0.04136,0.05855,-0.02419,0.05468,0.04511,-0.02012,0.0161,0.0378,-0.05887,0.02513,-0.07372,-0.00096,0.0304,0.0427,0.08153,-0.11276,0.03744,-0.02531,-0.04269,-0.03778,0.14213,-0.05384,0.05281,-0.02218,-0.03041,0,-0.01913,0.00874,-0.04688,0.06454,-0.00829,-0.02756,0.01554,0.09383,0.01888,0.01277,0.02971,0.04598,-0.08891,-0.04922,0.02336,-0.01969,0.00051,-0.11207,0.07529,-0.07979,0.05936,0.00916,-0.00436,-0.00297,0.02624,-0.00623,0.01334,0.008,-0.03537,-0.09826,0.00769,-0.01128,-0.04209,0.0287,-0.01299,-0.05427,-0.04336,0.09652,0.01541,0.00377,-0.01882,0.05401,-0.11613,0.05316,-0.00613,0.04598,-0.02915,0.00156,-0.02132,-0.01025,-0.01516,0.02662,0.01949,0.0346,-0.07612,0.00998,0.07508,0.07755,-0.02712,0.01054,-0.03777,-0.07788,0.00467,-0.09,-0.04115,0.0748,-0.09733,-0.018,0.01606,0.11102,0.02466,0.01447,0.00134,0.03116,0.00793,0.02501,0.04045,-0.01748,0.04986,-0.00571,-0.10328,0.10818,0.03459,0.0925,0.03803,0.0014,-0.05897,-0.01972,-0.03008,0.12374,-0.01389,-0.00235,-0.09393,-0.02967,-0.00113,0,-0.14807,0.04134,-0.0823,0.0387,0.01815,-0.03427,0.03819,0.04175,-0.01682,0.02565,-0.03781,0.0345,0.02819,-0.01934,0.02861,-0.07287,0.0332,-0.06614,-0.0687,-0.08789,-0.04519,-0.00867,-0.02105,0.06154,0.05093,-0.09426,0.01698,0.04055,-0.00104,0.00216,-0.05795,0.06687,0.0624,0.05801,-0.0498,0.01094,-0.03289,0.03113,0.00047,-0.02512,-0.07277,-0.02478,-0.01452,-0.04535,-0.04952,0.02359,-0.05518,0.0026,0.01121,-0.05907,0.02215,-0.01596,-0.05187,-0.00179,0.0726,-0.04909,-0.03462,-0.04568,0.07541,0.00373,-0.04652,0.00109,0.02589,-0.0818],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. How This Differs From The Manual Example The manual example explicitly calls calculate(...) and usually passes a size for every node before rendering. This auto example works differently: 1. The component rebuilds the source graph from toolbar state. 2. That graph is rendered in f-flow. 3. Flow calls getState({ measuredSize: true }) internally and reads the actual rendered node size from the DOM. 4. Flow then runs ELK.js automatically and sends the new positions back through writeback. That is why this example does not pass node sizes into generateGraph(...). Real measured sizes come from rendered nodes, and defaultNodeSize is only a fallback for cases where a measurement is not available yet. get State measured Size generate Graph default Node Size","excerpt":"How This Differs From The Manual Example The manual example explicitly calls calculate(...) and usually passes a size for every node before rendering. This auto example works differently: 1. The component rebuilds the source graph from toolbar state. 2. That graph is rendered in f-flow. 3. Flow calls getState({ measuredSize: true }) internally and reads the actual rendered node size from the DOM. 4. Flow then runs ELK.js automatically and sends the new positions back through writeback. That is why this example does not pass node sizes into generateGraph(...). Real measured sizes come from rendered nodes, and defaultNodeSize is only a fallback for cases where a measurement is not available yet."},{"chunkId":"/examples/elk-layout-auto#2","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.07489,0.00832,-0.10577,0.054,0.01711,0.05653,-0.05299,0.0053,0.02639,0.04856,-0.025,-0.00852,-0.05681,-0.03604,-0.00403,0.01592,-0.07968,-0.04221,0.01469,-0.02774,-0.05568,-0.05146,0.03662,-0.00337,0.06129,0.04025,-0.01953,-0.00155,0.01181,-0.04942,0.05781,-0.00398,0.01297,0.00979,-0.0528,0.0843,-0.06935,0.04142,-0.04616,-0.0065,0.0869,0.06445,0.06918,-0.10598,-0.01582,-0.00975,-0.12524,0.01378,-0.04227,0.10475,-0.05527,-0.06665,-0.03343,0.02633,0.06123,0.05626,0.02711,0.00159,0.0121,0.02155,0.07492,-0.03984,-0.00991,-0.0197,-0.00261,0.04366,-0.04782,0.00461,-0.08052,0.04329,-0.00281,-0.03129,-0.03992,-0.1015,0.0897,-0.01138,-0.03097,0.06045,0.00929,-0.10612,-0.01754,0.00438,0.0043,0.03546,-0.05545,0.04565,0.01619,-0.05203,0.04572,-0.05935,0.00278,0.00435,-0.08374,0.00057,0.05893,0.04819,-0.01263,0.10819,-0.04594,0.01633,0.00272,-0.0513,0.0004,0.09446,0.04892,0.00265,-0.04045,0.0391,-0.10581,0.02107,0.01725,0.10025,0.01271,0.03102,0.03536,-0.05977,0.0136,-0.04527,0.04614,0.06306,0.06519,0.02047,-0.04116,0.0063,0.00407,-0.00966,0.08965,0,0.02674,-0.03406,-0.05411,0.03497,0.07605,0.00714,-0.04557,-0.05771,-0.01773,0.05977,-0.03474,0.02889,-0.05758,-0.03109,-0.03781,-0.12819,0.01429,0.08256,-0.04221,0.02011,0.07545,-0.02908,-0.11362,-0.00266,0.02686,0.06249,-0.04007,0.05049,-0.14127,-0.0085,0.05028,0.00956,0.02597,-0.0063,-0.01424,-0.04764,-0.05757,0.02828,-0.07409,-0.04747,0.05851,-0.00866,-0.03437,-0.04611,-0.08928,-0.03666,-0.00385,0.08287,0.10921,-0.01175,-0.04873,0.05115,0.01797,-0.07568,0.07353,-0.0295,-0.02317,0.06317,-0.00097,0.0646,-0.02196,0.08356,-0.05397,-0.07263,0.02516,0.02628,0.03741,-0.08419,0.04544,-0.0587,-0.02594,0.04557,0.01331,0.04739,0.01467,-0.02273,-0.02705,0.02682,-0.04844,-0.01542,-0.09396,-0.05288,-0.04609,0.04783,0.05188,-0.10704,0.02123,-0.02851,-0.07998,-0.0801,0.03468,-0.04294,0.0454,-0.01942,0.01289,0,0.06854,-0.00044,0.04781,0.03461,-0.02697,0.00227,0.0834,0.08409,0.00689,0.06583,-0.01276,0.01533,-0.03634,-0.03507,0.04437,0.04112,-0.03494,-0.0862,0.0389,-0.07129,0.00537,0.08672,-0.02918,0.02801,0.03926,-0.00231,0.04762,0.08159,-0.02578,-0.06315,-0.04812,-0.0459,-0.12018,0.03198,-0.05338,-0.04073,-0.00083,0.14651,-0.04949,0.0322,0.03091,0.05113,-0.08335,0.07329,0.00804,0.06448,0.0068,0.03484,-0.07307,-0.02239,-0.03782,0.02198,0.03421,0.00086,-0.04622,0.06507,0.09606,-0.01794,-0.04083,-0.05801,-0.01861,-0.07411,0.07784,-0.03721,0.06811,0.03014,-0.0951,-0.05692,0.01896,0.0759,0.04602,0.03451,0.07014,-0.00345,0.12647,0.03212,0.04745,0.01127,0.05876,-0.01354,-0.10228,0.07577,0.03063,0.07625,-0.02905,0.02332,-0.08004,0.04999,0.01576,0.05599,-0.08782,-0.00453,-0.00009,-0.00623,-0.00011,0,-0.12982,-0.02181,-0.03137,-0.02665,0.00262,0.01638,0.06098,0.01209,-0.04325,-0.01515,-0.05434,0.06241,0.03519,-0.00211,-0.0231,-0.06354,0.03451,0.02801,-0.05581,-0.03116,0.01342,-0.02372,0.02382,0.07339,0.04372,-0.09314,-0.0125,0.02387,0.00878,0.01875,-0.03175,0.00169,0.10134,0.01028,-0.00738,-0.00741,-0.00151,0.0119,-0.03278,0.07664,-0.03614,-0.01583,-0.0114,-0.01241,0.02738,0.01842,-0.02555,0.02281,0.05113,-0.05514,-0.06882,-0.04815,-0.03927,-0.00671,0.02885,-0.02488,0.0151,-0.00271,0.09048,-0.00114,-0.05346,0.05023,0.00751,-0.05031],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. Example ::: ng-component <elk-layout-auto</elk-layout-auto [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::","excerpt":"Example ::: ng-component <elk-layout-auto</elk-layout-auto [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::"},{"chunkId":"/examples/elk-layout-auto#3","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.0754,0.01439,-0.10279,0.0233,0.03098,0.06009,-0.09237,-0.00974,0.01795,0.0717,-0.06937,0.00537,-0.07971,0.00997,0.01175,0.00407,-0.05367,-0.01928,0.05038,-0.01542,-0.10198,-0.02801,-0.00303,-0.00122,0.07525,0.06977,0.02781,-0.02403,0.03373,-0.07773,0.04452,-0.03523,0.04266,0.00228,-0.15644,0.0586,-0.09992,0.00117,-0.02961,-0.02935,0.08748,0.07396,0.0283,-0.1192,-0.05122,-0.00349,-0.11172,0.01488,-0.01868,0.10365,-0.06669,-0.08157,-0.03497,-0.00731,0.02855,0.06017,0.04486,0.00255,-0.00549,0.00631,0.10379,-0.0228,0.0125,0.02813,0.03129,0.04682,-0.05671,0.00254,-0.06773,-0.01114,-0.01881,-0.04519,0.01863,-0.10061,0.05003,0.01415,-0.04528,0.03746,0.06697,-0.01675,-0.01919,0.01893,0.00234,0.08709,-0.04187,0.02758,0.00663,-0.03522,0.01844,-0.12334,-0.0032,-0.01369,-0.03055,-0.01323,0.04838,0.06495,0.00968,0.0924,-0.04019,0.00009,-0.00376,-0.00106,0.00269,0.03971,0.00502,-0.02105,-0.06831,0.04781,-0.08555,0.01269,0.05212,0.08061,0.02488,0.01796,0.02594,-0.00981,-0.02482,-0.09394,0.00719,0.07828,0.03731,0.05052,0.05427,0.03628,0.09434,0.05637,0.07839,0,-0.02258,-0.00405,-0.05182,0.00811,0.04254,-0.0382,-0.02132,-0.06878,0.01516,-0.00003,0.0093,0.10194,-0.00544,0.0713,-0.0213,-0.07162,0.04768,0.06658,0.02837,0.00863,0.08149,-0.05951,-0.09961,0.01116,0.02473,0.10647,-0.03349,0.09297,-0.17368,-0.00816,0.04568,0.03645,-0.03323,-0.01083,-0.00504,-0.04367,-0.07274,0.03636,-0.06883,-0.01767,0.10494,-0.0104,-0.04175,-0.06059,-0.03954,0.01662,-0.01606,0.0637,0.15087,0.01043,-0.03354,0.03213,0.06179,0.01121,0.09131,-0.01448,-0.01205,0.00372,0.04727,0.02604,0.00845,0.02187,-0.04708,-0.04038,-0.02419,-0.04287,0.02855,-0.06968,0.01758,0.01828,0.0148,0.01361,-0.02632,0.04506,-0.01591,-0.02575,-0.03079,0.03951,-0.05769,-0.00508,-0.1028,-0.02561,0.00776,0.03856,0.11074,-0.1012,0.0291,-0.02374,-0.01464,-0.04365,0.07314,-0.04534,-0.00363,-0.00131,0.02602,0,0.01259,-0.02112,0.01913,0.04393,-0.00617,0.00738,0.03461,0.07855,0.02373,0.07089,0.00038,0.04206,0.00921,-0.01265,0.02704,0.05515,-0.0283,-0.06005,0.05663,-0.07739,0.04111,0.00966,0.02638,-0.05585,0.04115,0.0174,0.03833,-0.01525,-0.04669,-0.03531,-0.05378,0.00051,-0.0439,-0.00711,-0.07211,0.02085,-0.03672,0.09299,-0.01873,-0.01861,-0.02961,0.03707,-0.11558,0.05598,0.00295,0.01927,-0.03542,0.03567,-0.07008,-0.01183,-0.05165,0.02766,0.06395,-0.01221,-0.07415,0.05487,0.10822,0.02261,-0.01544,-0.01635,-0.05154,-0.04834,0.06109,-0.0815,0.00573,0.04169,-0.10286,-0.06243,-0.01085,0.10368,0.04333,-0.00928,-0.00617,0.03976,0.11586,0.00765,0.06865,0.0461,0.05501,-0.04155,-0.04353,0.06116,0.01194,0.06769,-0.03491,0.03775,-0.0676,-0.02591,0.0096,0.10908,-0.08786,0.01033,-0.04987,-0.00194,0.02995,0,-0.12612,0.02805,-0.03003,0.02155,0.00847,0.01228,0.03076,0.03593,-0.01669,0.03375,-0.07196,0.04963,0.02469,0.03673,-0.02639,-0.004,0.0358,0.03857,-0.05128,-0.042,0.02449,-0.00598,0.07822,0.03936,0.07216,-0.05221,0.01679,0.02854,0.00385,0.00991,-0.0654,0.05451,0.08467,0.00373,-0.01156,-0.03295,-0.00391,0.00631,-0.01635,-0.00294,-0.0618,0.00653,-0.01207,-0.05254,-0.01321,0.00084,-0.05064,-0.03472,0.03979,-0.05795,-0.05232,-0.06043,-0.07627,-0.00827,0.00799,-0.0022,-0.0118,-0.06137,0.10525,-0.01188,-0.04182,0.0299,0.00024,-0.1252],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. Install If you prefer manual installation: You do not need to install elkjs separately because the adapter ships it as a runtime dependency.","excerpt":"Install If you prefer manual installation: You do not need to install elkjs separately because the adapter ships it as a runtime dependency."},{"chunkId":"/examples/elk-layout-auto#4","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.06941,0.01964,-0.08235,0.04651,-0.00265,0.07381,-0.0871,0.00755,0.05509,0.08474,-0.0974,0.00321,-0.07877,-0.06893,-0.01082,-0.00633,-0.06101,-0.04641,-0.0026,-0.03854,-0.05782,-0.051,-0.01144,-0.01685,0.0746,0.10336,-0.01716,-0.01299,0.05112,-0.08071,0.06517,-0.00279,0.0197,0.01761,-0.15397,0.04009,-0.0834,0.00571,-0.02358,-0.01791,0.08551,0.06776,-0.0025,-0.12149,-0.0412,-0.00104,-0.10232,0.02803,-0.07162,0.10409,-0.02165,-0.07411,-0.04057,0.01801,0.0337,0.06404,0.08006,-0.00275,-0.00712,0.04924,0.07252,-0.01103,0.00777,0.00841,0.03883,0.06525,-0.04317,0.00075,-0.05584,0.02957,0.07178,-0.04393,0.00979,-0.05984,0.06614,-0.03483,-0.05473,0.06154,0.02986,-0.02303,0.00282,0.02004,0.01375,0.05205,-0.01038,0.0312,0.02702,-0.04372,0.03832,-0.05309,-0.00111,-0.00332,-0.0719,0.01209,0.04736,0.02547,0.01351,0.06705,-0.03176,-0.01169,0.03926,0.0123,-0.00771,0.03336,0.02535,0.01486,-0.02981,0.07308,-0.07921,0.01951,0.05619,0.05901,0.01425,0.03647,-0.00127,-0.0292,-0.01522,-0.05293,0.00029,0.08972,0.04416,0.06895,0.04072,0.00243,0.07645,0.03667,0.06649,0,-0.00531,-0.05031,-0.08061,0.03042,0.0422,0.02507,-0.03453,-0.04843,0.04494,-0.00503,0.02597,0.09197,-0.05661,0.03283,-0.04855,-0.0794,0.02947,0.05543,0.00068,0.01319,0.09364,-0.0755,-0.10442,0.00253,0.00569,0.10154,-0.03931,0.09821,-0.19119,0.00973,0.04586,0.00869,-0.00066,0.01449,-0.02365,-0.00796,-0.04428,0.01695,-0.03426,-0.01723,0.06309,0.00351,-0.05619,-0.05383,-0.10949,0.01052,-0.02353,0.06179,0.0877,0.00785,-0.01392,0.08448,0.07818,0.00887,0.06972,-0.03786,-0.01848,0.05229,0.0803,0.0268,0.01529,0.02829,-0.06829,-0.0449,-0.00665,0.01558,0.06362,-0.04256,0.03256,-0.02244,-0.00593,0.00463,-0.00587,0.05511,0.00185,-0.02461,-0.01703,0.013,-0.09623,0.02901,-0.05618,-0.02461,0.00681,0.02662,0.09437,-0.14206,0.02128,-0.01947,-0.07,-0.05324,0.08708,-0.03922,0.08243,0.01574,0.03721,0,0.01767,0.00801,0.02545,0.07652,-0.00762,-0.00656,0.02485,0.0884,0.0037,0.05954,-0.00132,0.02229,-0.05946,-0.02692,0.02719,0.0438,-0.01721,-0.08436,0.07775,-0.09023,0.035,-0.03028,-0.00077,-0.01101,0.01176,0.01136,0.0295,-0.05174,-0.01947,-0.07257,-0.01001,-0.04686,-0.03833,-0.02143,-0.0613,-0.00438,-0.04174,0.08984,-0.02164,0.01183,0.01577,0.03193,-0.09495,0.03847,0.00048,0.07329,-0.06536,0.02592,-0.06515,-0.02053,-0.00327,0.08954,0.03619,-0.02655,-0.02823,0.03734,0.09193,0.01083,-0.04808,0.00102,-0.05539,-0.07779,0.06915,-0.07996,0.00796,0.06968,-0.05471,-0.05087,0.0066,0.11217,0.04489,0.01625,0.00465,0.0268,0.08009,-0.00516,0.07499,-0.03923,0.08093,-0.0146,-0.05239,0.07672,0.02696,0.04929,-0.05721,0.03797,-0.07548,-0.0193,0.01992,0.11362,-0.05274,-0.0045,-0.05362,-0.03711,-0.00191,0,-0.136,0.00387,-0.00939,0.04184,0.01456,-0.01433,0.04196,0.06966,-0.0117,-0.01743,-0.04246,0.02498,0.01202,0.00812,0.02327,-0.03095,0.03818,0.01137,-0.04135,-0.08013,-0.00223,-0.00223,0.07201,0.07635,0.04304,-0.06932,0.02971,0.04675,0.01195,0.00747,-0.07461,0.03449,0.08735,0.03368,-0.04556,-0.03062,-0.01748,-0.00151,-0.02231,0.02139,-0.04758,-0.01544,0.00256,-0.04256,-0.00125,0.02191,-0.02575,0.00656,0.00641,-0.07524,-0.01622,-0.03482,-0.05257,0.00206,0.00715,-0.00459,-0.02303,-0.06276,0.11655,0.00949,-0.10227,0.00484,-0.00375,-0.10143],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. How Auto Mode Works 1. Provide the layout engine with mode: EFLayoutMode.AUTO. 2. Rebuild and render your nodes and connections in f-flow. 3. When the rendered graph changes, Flow collects measured node sizes and calls calculate(...) automatically. 4. Use setInteractiveOptions(...) to keep the engine in sync with toolbar state. 5. Use setWriteback(...) to sync calculated positions back into your application state. EF Layout Mode set Interactive Options set Writeback","excerpt":"How Auto Mode Works 1. Provide the layout engine with mode: EFLayoutMode.AUTO. 2. Rebuild and render your nodes and connections in f-flow. 3. When the rendered graph changes, Flow collects measured node sizes and calls calculate(...) automatically. 4. Use setInteractiveOptions(...) to keep the engine in sync with toolbar state. 5. Use setWriteback(...) to sync calculated positions back into your application state."},{"chunkId":"/examples/elk-layout-auto#5","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.08033,0.047,-0.06734,0.06347,0.01764,0.04119,-0.08989,0.01182,0.01143,0.09182,-0.08951,-0.00107,-0.05917,-0.01373,0.01856,0.00228,-0.00974,-0.05363,0.01598,-0.0374,-0.0567,-0.05192,-0.02613,-0.01243,0.0937,0.06423,-0.02479,-0.01503,0.09168,-0.06023,0.05048,0.00704,0.02652,0.02261,-0.12035,0.05096,-0.07309,0.01971,-0.02523,-0.0239,0.09288,0.09769,0.00749,-0.12575,-0.04609,0.01043,-0.11022,-0.01589,-0.08461,0.08272,-0.04047,-0.06707,-0.03723,-0.0108,0.02427,0.0285,0.05385,-0.00411,0.00485,0.07159,0.06633,-0.01115,0.01644,0.01236,0.05833,0.06516,-0.05038,-0.02833,-0.05399,0.03636,0.04954,-0.03835,0.00442,-0.06462,0.07626,-0.03208,-0.0676,0.04663,0.01562,-0.02247,-0.02854,0.03534,-0.02256,0.06528,-0.03729,0.05963,0.00691,-0.08593,0.04614,-0.05813,-0.04999,-0.02831,-0.07417,0.0322,0.02799,0.00882,0.01778,0.05094,-0.05864,-0.02301,0.05044,0.01234,0.02407,0.0081,0.02933,0.02546,-0.05866,0.0789,-0.05237,0.04062,0.05008,0.09298,0.01167,0.01575,0.03412,-0.03289,-0.00843,-0.088,0.03248,0.09355,0.05821,0.05269,0.03811,-0.01004,0.09478,0.04723,0.07736,0,-0.00208,-0.03297,-0.0702,0.02973,0.07638,0.02332,-0.02987,-0.05904,0.04121,-0.01719,0.01801,0.0801,-0.02296,0.05375,-0.03975,-0.0834,0.02691,0.05252,-0.00436,0.00099,0.07118,-0.02621,-0.07647,0.0165,0.02135,0.09167,-0.003,0.10148,-0.19208,0.00299,0.01717,0.01897,0.01368,0.02588,-0.03492,-0.02706,-0.04369,0.01629,-0.06115,-0.03768,0.07059,0.01087,-0.04891,-0.04082,-0.08784,-0.00209,-0.00639,0.05227,0.06303,-0.01251,-0.02381,0.09512,0.09504,0.00819,0.09423,-0.03399,0.02181,0.03877,0.07446,0.03761,0.00984,0.04,-0.06948,0.00957,-0.02953,0.01386,0.05318,-0.05077,0.00986,-0.02433,0.01532,0.03876,-0.02331,0.05331,0.02192,-0.04178,-0.01455,0.03564,-0.08039,0.021,-0.09161,-0.03522,0.02796,0.05108,0.07495,-0.12491,0.04646,-0.02825,-0.0382,-0.06482,0.07361,-0.07736,0.05013,-0.00691,0.03131,0,0.00853,0.00789,0.01427,0.06342,-0.00723,-0.03192,0.02807,0.09605,-0.00043,0.05364,0.00583,0.04583,-0.04931,-0.02497,0.00209,0.02479,-0.04829,-0.10074,0.07169,-0.07976,0.04934,-0.0049,-0.02187,-0.0064,0.02215,0.00197,0.014,-0.01093,-0.02277,-0.07344,0.00188,-0.02893,-0.02906,-0.0069,-0.05736,0.0015,-0.02937,0.08122,-0.02903,0.00734,-0.00134,0.00944,-0.11879,0.06414,-0.0199,0.05071,-0.02778,0.0014,-0.0492,-0.01827,-0.00759,0.05722,0.05688,-0.00188,-0.05814,0.00017,0.07735,0.05675,-0.04222,-0.00218,-0.04742,-0.08162,0.04247,-0.09322,-0.01372,0.05457,-0.08813,-0.04955,0.01402,0.11706,0.06707,0.03598,-0.0088,0.03486,0.09511,0.00558,0.07172,-0.0123,0.07166,-0.01176,-0.06044,0.05689,0.02449,0.05499,-0.02545,0.04023,-0.11269,0.01067,-0.00813,0.12538,-0.07277,-0.01105,-0.07943,-0.03686,0.01722,0,-0.12589,0.03455,-0.0044,0.01408,0.01799,-0.00974,0.04927,0.0608,-0.03194,0.01767,-0.06928,0.02042,0.01517,0.00662,-0.02622,-0.03011,0.02677,0.02292,-0.04364,-0.0694,-0.01882,0.00377,0.04428,0.0699,0.04233,-0.06988,0.01283,0.04704,0.00248,-0.00096,-0.06557,0.05936,0.07731,0.01915,-0.0383,-0.02407,-0.00022,0.00895,-0.02453,-0.02482,-0.08837,-0.02171,-0.02193,-0.03333,-0.02818,0.02961,-0.0313,0.00498,0.00516,-0.08729,-0.01097,-0.05358,-0.07041,0.0015,0.03023,-0.01086,-0.0326,-0.05247,0.10684,0.01047,-0.05448,0.02654,0.01609,-0.10046],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. What This Example Shows - Rebuilding the source graph reactively from toolbar state, just like the manual example - Letting auto mode calculate positions after render instead of calling calculate(...) manually - Measuring real rendered node sizes from Flow instead of passing size in the demo graph - Keeping application state in sync through writeback - Reusing the same graph factory as the manual example with less layout code in the component","excerpt":"What This Example Shows - Rebuilding the source graph reactively from toolbar state, just like the manual example - Letting auto mode calculate positions after render instead of calling calculate(...) manually - Measuring real rendered node sizes from Flow instead of passing size in the demo graph - Keeping application state in sync through writeback - Reusing the same graph factory as the manual example with less layout code in the component"},{"chunkId":"/examples/elk-layout-auto#6","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.0912,0.01072,-0.08162,0.03093,0.00747,0.05785,-0.08692,-0.01875,0.04575,0.05647,-0.07427,0.04402,-0.08785,0.00435,0.02598,-0.01175,-0.02148,-0.0435,0.03721,-0.04365,-0.05894,-0.07019,-0.02956,-0.01433,0.06466,0.07579,0.00972,-0.00958,0.07185,-0.09649,0.02464,0.03979,0.01716,0.01906,-0.1659,0.05349,-0.07536,0.03399,-0.02909,-0.01892,0.07588,0.05793,0.02711,-0.08411,-0.03573,0.0141,-0.12193,-0.00555,-0.04195,0.063,-0.06455,-0.05335,-0.04032,-0.01789,0.02864,0.0492,0.07445,0.01114,-0.01342,0.02155,0.06921,-0.0246,-0.01728,0.01123,0.03759,0.06173,-0.04239,0.01497,-0.03395,0.05369,0.03926,-0.04433,0.0003,-0.11656,0.06393,-0.02857,-0.06959,0.02167,-0.00461,-0.04476,0.01846,0.05939,-0.01043,0.07493,-0.05254,0.02929,-0.00357,-0.0547,0.03815,-0.05159,-0.04545,0.02093,-0.05024,0.00618,0.04021,0.07197,-0.02041,0.03323,-0.03121,-0.01475,0.03831,-0.03622,0.00261,0.05344,0.04136,-0.02338,-0.05023,0.07747,-0.04262,0.01591,0.05433,0.10994,0.02462,-0.00094,-0.02016,-0.02606,-0.01705,-0.05161,0.03204,0.15048,0.01143,0.04638,0.04742,-0.03531,0.101,0.02483,0.08625,0,-0.01011,-0.03423,-0.07151,0.0389,0.0424,0.02405,-0.04542,-0.05893,0.05843,-0.01376,0.04052,0.05441,-0.06293,0.0606,-0.06978,-0.08181,0.04275,0.0484,-0.00558,0.0088,0.06953,-0.08099,-0.09369,0.00939,0.03212,0.0572,-0.01973,0.09551,-0.20932,0.00733,0.03513,0.00424,-0.00604,0.03033,-0.0289,0.01638,-0.06152,0.03098,-0.02975,-0.01358,0.03795,0.01022,-0.05463,-0.01919,-0.06865,0.01631,-0.02488,0.05651,0.06577,0.0079,-0.00535,0.05937,0.08777,0.01326,0.09861,-0.04751,-0.02406,0.02834,0.0304,0.0491,0.03338,0.03367,-0.10015,-0.00027,0.00714,0.00624,0.02279,-0.08255,0.02135,-0.03652,-0.01979,-0.01368,-0.0371,0.05145,-0.00807,-0.02692,-0.01547,0.04416,-0.06133,0.03742,-0.08448,0.00871,0.02406,0.06257,0.08063,-0.10104,0.02841,-0.04039,-0.01001,-0.02954,0.06949,-0.03914,0.08303,0.02383,0.06568,0,0.01939,0.02075,0.03676,0.03681,0.00052,-0.01507,0.04172,0.08171,0.04591,0.06809,0.03317,0.07819,-0.05532,-0.02402,0.00202,0.01432,-0.04663,-0.08832,0.06783,-0.04989,0.02826,-0.00141,-0.0318,-0.03618,0.03114,0.01757,0.0131,0.00953,-0.04425,-0.0362,-0.00619,-0.00878,-0.01262,-0.00616,-0.06992,0.0472,-0.05832,0.11985,-0.04132,0.03336,-0.01539,0.02901,-0.10549,0.057,-0.03296,0.04278,-0.03678,-0.00398,-0.07537,-0.01326,-0.05641,0.0988,0.0641,-0.02073,-0.05207,0.03709,0.07238,0.02743,-0.03817,0.00441,-0.02375,-0.0492,0.03142,-0.0879,-0.02635,0.02216,-0.08018,-0.06942,0.021,0.11718,0.02553,0.0198,-0.03316,0.04501,0.09285,-0.00592,0.07378,-0.00064,0.03811,-0.02461,-0.06892,0.06705,-0.02603,0.06337,-0.03826,0.04269,-0.09508,-0.06228,0.03813,0.11165,-0.05643,-0.0411,-0.08352,-0.0307,0.01766,0,-0.12162,-0.00567,0.02114,-0.01282,0.02274,0.00575,0.0433,0.05153,-0.00708,0.01758,-0.03072,0.0478,0.01353,-0.02209,-0.00757,0.00846,0.05365,0.01103,-0.05576,-0.04073,0.00358,-0.00846,0.01872,0.06078,0.03896,-0.05243,0.05878,-0.00021,-0.00531,0.02989,-0.04088,0.05994,0.06205,0.04364,-0.04634,-0.02252,0.00377,0.0044,-0.02757,-0.02904,-0.04731,-0.01351,-0.00355,-0.0337,-0.06151,0.0182,-0.01375,0.02297,0.01701,-0.07441,-0.04111,-0.03874,-0.07042,-0.00801,0.06085,0.00218,0.00221,-0.05058,0.08597,-0.00033,-0.09066,0.04461,0.00426,-0.14203],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. When To Choose Auto Mode Use auto mode when you want Flow to orchestrate the layout cycle for you: - render the graph - measure nodes - call the layout engine - apply new positions - redraw connections Manual mode is still the better choice when you need full control over exactly when layout runs or when layout should happen outside the rendered Flow lifecycle.","excerpt":"When To Choose Auto Mode Use auto mode when you want Flow to orchestrate the layout cycle for you: - render the graph - measure nodes - call the layout engine - apply new positions - redraw connections Manual mode is still the better choice when you need full control over exactly when layout runs or when layout should happen outside the rendered Flow lifecycle."},{"chunkId":"/examples/elk-layout-auto#7","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.09459,0.0177,-0.0998,0.03167,0.02669,0.04809,-0.09425,-0.03197,0.04107,0.06898,-0.0964,0.01974,-0.08875,-0.01571,0.02876,-0.00911,-0.05839,-0.00836,0.01913,-0.04851,-0.0899,-0.02649,-0.01015,-0.00167,0.08372,0.07803,0.01208,-0.00876,0.05506,-0.10238,0.05842,-0.00221,0.05852,0.0217,-0.1115,0.09667,-0.11451,0.01407,-0.02154,-0.0158,0.09005,0.09085,0.0425,-0.10544,-0.06435,-0.02857,-0.14163,0.03508,-0.03516,0.07584,-0.08198,-0.05179,-0.03276,0.00327,0.03511,0.06777,0.05795,0.00584,-0.00675,0.01074,0.09336,-0.0065,-0.00509,0.01034,0.02753,0.05777,-0.06372,0.015,-0.05148,0.03949,0.02766,-0.06124,0.01774,-0.08472,0.07463,0.01109,-0.0505,0.04743,0.05068,-0.05379,0.01708,0.01598,0.00563,0.07619,-0.04929,0.0025,0.00974,-0.05369,0.0297,-0.08089,-0.02183,-0.00869,-0.03342,0.01374,0.01862,0.05056,0.03001,0.08806,-0.03041,0.00715,0.03358,0.00235,0.00173,0.02461,0.01228,-0.02316,-0.04461,0.04528,-0.0817,0.03354,0.04113,0.09987,0.00165,0.01921,-0.00882,-0.04887,-0.012,-0.08618,0.00384,0.06278,0.04444,0.03866,0.03606,0.01718,0.0607,0.03237,0.06662,0,-0.00579,-0.01903,-0.0781,0.0087,0.05642,-0.02308,-0.04381,-0.0497,0.01509,0.01638,0.02221,0.0735,-0.03415,0.05391,-0.06677,-0.08853,0.04643,0.06549,0.00072,-0.00607,0.08796,-0.03786,-0.08752,0.01428,0.0278,0.09577,-0.04167,0.06622,-0.19255,0.00756,0.02129,0.01011,0.0174,0.00609,-0.04054,-0.02123,-0.07451,0.02331,-0.04124,-0.00816,0.08532,-0.01014,-0.03322,-0.0623,-0.06794,0.02694,-0.03974,0.08836,0.10698,0.00249,-0.0258,0.04689,0.06176,0.01151,0.07771,-0.03743,-0.03203,0.01681,0.06728,0.04744,0.03932,0.04355,-0.07573,-0.03351,-0.02398,-0.03133,0.03195,-0.06972,0.02595,0.00474,-0.00427,0.01232,-0.03123,0.05092,-0.00675,-0.02031,-0.0454,0.01521,-0.06187,0.00792,-0.08852,-0.03655,0.01148,0.03839,0.09656,-0.08788,0.03163,-0.02256,-0.05509,-0.04834,0.03708,-0.0699,0.05135,-0.01293,0.08698,0,0.01718,0.01432,0.01493,0.05218,-0.01349,-0.0054,0.02746,0.10356,0.03212,0.08927,-0.01552,0.02545,-0.01518,-0.02151,0.00452,0.03329,-0.01145,-0.05727,0.05153,-0.06194,0.03428,-0.01834,-0.02107,-0.00839,0.05136,0.02323,0.07024,-0.00963,-0.04036,-0.03154,-0.01122,0.00318,-0.0438,0.0132,-0.07582,0.03054,-0.03472,0.10255,-0.04618,0.00171,-0.03001,0.03439,-0.08369,0.06294,0.00238,0.0533,-0.03788,0.05061,-0.04473,-0.01933,-0.03083,0.05522,0.06008,-0.02584,-0.06047,0.05738,0.08019,0.04018,-0.03157,-0.02085,-0.06313,-0.05493,0.06568,-0.08173,0.01368,0.0299,-0.0793,-0.04899,-0.01063,0.09375,0.04528,0.03805,-0.04434,0.02789,0.09804,0.01889,0.05315,0.02676,0.06652,-0.03226,-0.03713,0.05007,0.00088,0.06402,-0.03167,0.04515,-0.07564,0.00682,0.02549,0.12256,-0.08883,-0.01319,-0.05529,-0.02981,0.01113,0,-0.12583,0.00534,-0.0104,0.02818,0.0033,0.01497,0.04802,0.05191,-0.02031,-0.00494,-0.088,0.05834,0.01025,-0.01483,-0.04525,-0.00569,0.02831,0.03863,-0.0402,-0.05882,0.00743,-0.00443,0.06376,0.0666,0.07255,-0.04501,0.00635,0.01292,0.04033,-0.00639,-0.04415,0.03949,0.09352,0.01356,-0.01544,-0.04508,0.02149,-0.00608,-0.02539,-0.02056,-0.06026,-0.02726,0.00009,-0.03418,-0.04307,0.02683,-0.03384,0.00394,0.03101,-0.08841,-0.05615,-0.06704,-0.07449,-0.00621,0.01816,-0.00062,-0.00897,-0.0575,0.11384,-0.0027,-0.07528,0.04871,0.00039,-0.10685],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. Related docs and examples - ELK.js Layout Example - Dagre Auto Layout Example - Package README","excerpt":"Related docs and examples - ELK.js Layout Example - Dagre Auto Layout Example - Package README"},{"chunkId":"/examples/reflow-on-resize#0","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.05947,-0.00817,-0.00364,0.05456,0.03023,-0.01032,-0.01843,0.03869,0.0048,0.08778,-0.02598,0.0595,-0.05713,0.00393,-0.01623,0.02042,0.01522,-0.00229,-0.09688,-0.04105,-0.0087,-0.07907,-0.02342,-0.02613,0.03295,0.00147,-0.05988,-0.00525,0.04677,-0.084,0.02023,0.11482,-0.0928,0.00679,-0.08196,0.0686,-0.0411,0.0474,-0.02557,-0.04355,0.07697,0.07907,0.0017,-0.05325,-0.00438,0.02084,-0.10276,0.01704,-0.0732,-0.05258,-0.09138,-0.05678,-0.04911,0.10836,0.04477,-0.00213,0.03561,-0.0146,0.03283,0.04799,-0.01041,-0.0144,-0.0031,0.00135,-0.00385,0.07093,-0.00954,-0.00641,-0.01559,0.09027,0.04319,-0.01912,-0.0339,-0.00399,0.12262,-0.01501,-0.07977,0.05084,-0.00703,-0.02307,-0.00799,0.03969,-0.03045,0.01639,-0.00381,-0.01739,-0.01247,-0.06,0.06402,-0.00717,-0.04172,0.0429,-0.04606,0.00969,0.04262,-0.01198,-0.06339,-0.05664,-0.01368,0.04021,0.06189,-0.05037,0.04647,0.00849,0.02246,-0.02704,-0.02717,0.06748,-0.02195,0.03448,0.02059,0.04681,0.00279,-0.00027,-0.07463,-0.01422,-0.00035,-0.04394,0.01851,0.05943,0.02736,0.04095,-0.02019,-0.0574,0.09814,0.03005,-0.04397,0,-0.06018,-0.02316,-0.06734,0.06279,0.08623,0.00232,-0.05899,-0.01459,0.02074,0.00588,0.03211,0.06573,-0.00465,0.04148,0.00918,-0.13191,0.04521,0.11995,-0.07065,-0.00407,0.04371,0.03074,-0.03774,-0.0061,0.03011,0.01193,-0.04843,0.06493,-0.0896,0.00405,-0.04832,0.06263,-0.02867,0.0444,-0.07618,0.01912,-0.05204,-0.09045,-0.04723,-0.08472,-0.02173,0.03712,-0.10327,0.01108,0.01796,-0.05099,-0.01184,0.01906,-0.01669,0.01464,0.05154,0.06929,0.02585,0.00059,0.01244,-0.05084,0.04999,0.01595,0.0476,0.09187,0.02104,-0.03433,-0.08526,0.03462,0.094,0.04064,-0.01823,-0.02745,0.06996,0.00632,-0.04116,0.08965,0.05771,0.0447,-0.03238,-0.07323,-0.06822,0.01184,-0.08125,-0.03297,-0.02265,-0.0296,0.04182,0.03425,0.00715,-0.15005,0.03746,-0.01854,-0.0852,-0.03991,0.13498,0.00193,0.06087,0.03349,0.03807,0,-0.02306,0.05232,0.00421,0.0928,0.01084,-0.04549,-0.05115,0.08871,0.01045,-0.10383,-0.03159,-0.02786,-0.01221,0.00725,-0.03874,-0.03002,0.00372,-0.12781,0.00625,-0.00387,0.0647,0.0455,-0.04759,-0.00717,0.04218,0.051,-0.03952,0.05736,0.00333,-0.01325,-0.03777,-0.0797,-0.07248,-0.04316,0.09731,-0.0183,-0.03561,0.07786,0.01875,0.02327,0.0492,0.0103,-0.05422,0.03774,-0.01606,0.02413,-0.02721,0.03374,-0.0896,-0.04516,-0.03721,0.03446,0.01567,-0.03425,-0.02231,0.03849,0.09834,-0.00057,0.01331,-0.00864,0.03233,-0.08365,0.01935,-0.02951,-0.00065,0.07261,-0.02739,-0.11543,0.04008,0.09619,0.06783,0.0747,-0.03532,-0.06381,0.06148,0.00191,0.0434,-0.09487,0.01338,0.01134,-0.10093,0.04816,0.01865,0.04048,0.0003,0.07142,-0.1199,0.05546,0.03517,0.10198,-0.02966,-0.00094,-0.03777,0.02645,0.00255,0,-0.12137,0.07533,-0.06752,0.06182,0.09932,-0.05108,0.09741,0.06238,-0.03156,0.07857,0.03759,0.02378,0.03288,0.01488,0.06572,-0.02451,0.00591,-0.01164,-0.09501,-0.02783,-0.06207,-0.00804,0.01834,0.06226,-0.00868,-0.06345,-0.04046,0.08644,-0.00559,0.00273,-0.03559,0.0078,0.09186,0.09843,-0.0479,0.04415,-0.0178,0.00583,0.01716,-0.0152,0.00892,0.02071,-0.01762,0.03239,-0.00143,-0.0037,0.03385,-0.02746,-0.00797,-0.01253,0.01707,-0.02306,-0.02313,-0.00404,0.0596,-0.00846,-0.01072,0.01372,0.08711,0.07056,-0.08007,0.02612,-0.07812,-0.02364],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Reflow on Resize Real graphs don't have static node sizes. A node expands when its details panel opens, shrinks when async data loads, grows when the user types a longer label. As soon as one node changes size, every other node nearby is suddenly in the wrong place — overlapping, blocking the path of an edge, breaking the carefully arranged columns. withReflowOnResize is the plugin that fixes this. It watches every node in the canvas and, the moment a size changes, shifts the surrounding nodes so the layout stays clean. No manual relayout call, no graph rebuild — the consumer model just receives the new positions through the standard (fMoveNodes) pipeline. The plugin reacts to any size change. User-driven resize handles work too, but they aren't the point — they're the easiest way to demonstrate each option on this page. The behaviour is configurable. A planner combines a mode, a scope, an axis, a delta source, and a collision resolver — five orthogonal knobs that decide who moves, by how much, and what to do when shifts run out of room. Each section below picks one knob, locks the rest at sensible defaults, and shows you the difference. with Reflow On Resize f Move Nodes","excerpt":"Reflow on Resize Real graphs don't have static node sizes. A node expands when its details panel opens, shrinks when async data loads, grows when the user types a longer label. As soon as one node changes size, every other node nearby is suddenly in the wrong place — overlapping, blocking the path of an edge, breaking the carefully arranged columns. withReflowOnResize is the plugin that fixes this. It watches every node in the canvas and, the moment a size changes, shifts the surrounding nodes so the layout stays clean. No manual relayout call, no graph rebuild — the consumer model just receives the new positions through the standard (fMoveNodes) pipeline. The plugin reacts to any size change. User-driven resize handles work too, but they aren't the point — they're the easiest way to demonstrate each option on this page. The behaviour is configurable. A planner combines a mode, a scope, an axis, a delta source, and a collision resolver — five orthogonal knobs that decide who moves, by how much, and what to do when shifts run out of room. Each section below picks one knob, locks the rest at sensible defaults, and shows you the difference."},{"chunkId":"/examples/reflow-on-resize#1","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.00323,-0.00663,-0.03885,0.01466,0.05563,0.04779,-0.01607,0.05789,-0.03398,0.07741,0.00707,0.02929,-0.06555,0.01355,0.05379,0.02969,-0.05009,0.03225,-0.04117,-0.04808,-0.04393,-0.05968,-0.00692,-0.02563,0.03151,0.02275,0.02146,0.01627,0.04685,-0.08857,0.01444,0.04065,0.02717,0.06538,-0.06189,0.04593,-0.05158,0.02822,-0.04787,-0.06548,0.07905,0.03183,0.0225,-0.07648,-0.01019,0.01489,-0.14302,-0.00077,-0.06778,0.01272,-0.11793,-0.1328,-0.03129,0.08536,0.02497,0.00863,0.0355,-0.03974,0.06828,0.01226,0.0328,0.00285,0.02259,0.0671,0.02667,0.06784,-0.0815,0.01393,-0.03267,0.00809,0.00637,-0.07261,0.0114,-0.03611,0.09975,-0.07887,-0.07476,0.04633,-0.00766,-0.02214,-0.06346,0.0626,-0.01286,0.05794,-0.03165,0.0379,-0.04111,-0.05671,0.00415,-0.03665,-0.01653,-0.02011,-0.06962,0.01004,0.02153,-0.04235,-0.04048,-0.12448,-0.05581,0.02686,0.06596,-0.04027,0.01878,0.02968,-0.02245,-0.0063,-0.03664,0.0285,-0.00721,-0.00118,-0.03361,0.04009,-0.01573,-0.09415,-0.13147,-0.04949,-0.02728,-0.02252,0.03716,0.00394,0.03908,0.0099,-0.03154,-0.01881,0.10295,0.00142,-0.03548,0,-0.04076,-0.02071,-0.1136,0.08792,0.09081,-0.03496,-0.03874,-0.06991,0.01285,-0.01949,0.05196,0.0892,-0.02164,0.01593,-0.02057,-0.13371,0.00709,0.1307,-0.00046,0.00438,0.03709,0.00206,-0.02589,0.03377,0.02119,0.0696,-0.01304,0.06573,-0.12991,0.03239,0.00113,0.01786,-0.03479,-0.00136,-0.01849,0.01352,-0.07312,-0.0459,-0.06767,-0.05122,0.06582,-0.0321,-0.06043,-0.016,0.0318,-0.02098,-0.02053,0.00153,0.04526,0.0058,0.07092,0.02593,0.02071,-0.02865,0.07588,-0.01917,-0.03949,0.0377,0.07693,0.0392,0.01844,-0.03982,-0.05123,-0.00617,0.07821,0.02572,-0.01355,-0.08755,0.07514,0.03691,-0.01889,0.0734,0.04542,0.05327,-0.05837,-0.00331,-0.08972,-0.0153,-0.02132,0.00415,-0.06643,-0.03906,0.06499,0.05535,0.11819,-0.14241,0.01133,-0.03478,-0.07292,-0.03468,0.09448,-0.00339,0.03143,0.02878,0.083,0,-0.01893,0.05487,-0.01057,0.0898,0.0335,-0.02228,-0.03463,0.10251,-0.00379,-0.01622,0.0199,-0.00817,-0.00877,-0.03418,-0.04469,0.02829,0.00648,-0.10042,0.00237,0.039,0.04905,0.00446,0.01621,-0.01732,0.07318,0.04092,-0.0032,0.10205,-0.01529,-0.01327,-0.03578,0.001,-0.07418,-0.01783,0.02352,-0.0305,-0.02198,0.05123,0.01744,-0.01168,0.05529,0.00959,-0.03763,0.00242,-0.0597,0.01089,-0.0119,0.05826,-0.07688,-0.02765,-0.05168,0.00583,0.05449,-0.06068,-0.02402,0.12457,0.08474,0.07894,-0.01552,-0.00287,0.00689,-0.07112,0.05341,-0.06293,-0.02824,0.05346,-0.03308,-0.05944,-0.02573,0.09935,0.07322,0.09012,-0.06131,-0.01662,0.03691,0.00796,0.08112,-0.04867,0.03617,-0.03775,-0.02797,0.03892,-0.0134,0.06083,0.00375,0.03933,-0.14487,-0.01421,0.04746,0.08508,-0.06047,-0.00786,0.00838,0.0103,-0.00191,0,-0.13576,0.05512,-0.03547,0.02256,0.08567,-0.01742,0.05717,0.03358,-0.02619,-0.00127,-0.03629,0.06559,0.02266,0.04148,0.03723,-0.02118,-0.00561,0.01393,-0.05443,-0.05003,-0.02282,0.02124,0.09194,0.07294,0.01926,-0.03236,-0.06689,0.03653,0.02536,-0.04251,-0.02236,0.03711,0.07928,0.07248,-0.02406,0.0225,-0.06193,-0.02195,-0.04264,-0.067,0.06959,0.02507,0.01089,-0.00375,-0.09345,0.05558,0.00927,-0.03029,-0.01909,-0.02113,0.01716,-0.01553,-0.0662,-0.00309,0.01458,0.04282,0.02806,-0.00697,0.04755,0.02588,-0.0734,0.0886,-0.04615,-0.06319],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Installation That is the whole installation. No directives to attach, no events to subscribe to.","excerpt":"Installation That is the whole installation. No directives to attach, no events to subscribe to."},{"chunkId":"/examples/reflow-on-resize#2","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.07574,0.02666,-0.01707,0.10771,0.05523,0.03326,0.0146,0.06681,-0.00277,0.0427,-0.02533,0.05297,-0.06122,0.01293,0.01185,0.02253,-0.018,0.04011,-0.0952,-0.02116,0.02528,-0.06958,0.02777,0.00606,0.00425,0.02178,-0.0582,0.01165,0.05444,-0.09014,0.01381,0.09948,-0.06489,-0.00607,-0.0692,0.0696,-0.03642,0.06566,-0.03888,-0.0483,0.06913,0.09465,0.01877,-0.07322,-0.00167,-0.01979,-0.11046,0.02128,-0.07198,-0.04227,-0.03221,-0.0912,-0.02503,0.07499,0.05625,-0.08066,0.02248,-0.03892,0.05805,0.02817,-0.04132,-0.01041,0.02906,0.00727,-0.02549,0.03984,-0.02722,-0.05161,-0.0629,0.06014,0.03262,-0.03179,-0.01713,-0.02076,0.11608,-0.04131,-0.06047,0.07624,0.01006,-0.00887,-0.00396,0.02361,-0.0234,0.03121,-0.06563,0.02605,-0.00824,-0.08987,0.07305,-0.05888,-0.01967,0.01861,-0.07617,0.03361,0.01663,-0.03847,-0.11692,-0.05855,-0.06911,0.03877,0.05674,-0.02266,0.05587,0.05419,0.01249,-0.01652,-0.03654,0.05352,-0.03701,0.0358,0.04618,0.02344,0.04433,-0.01659,-0.08903,-0.02201,0.01344,-0.04865,0.00223,0.05853,0.03429,0.02472,-0.04599,-0.03728,0.07518,0.02307,-0.00766,0,-0.02662,-0.05338,-0.08882,0.06044,0.06516,-0.0582,-0.00179,-0.04541,-0.05485,0.05074,0.03218,0.08253,-0.04095,0.00305,0.00748,-0.11979,0.04057,0.1094,-0.07481,0.01352,0.02701,0.01571,-0.03326,-0.01583,0.05888,0.02213,-0.03904,0.05611,-0.10998,-0.0078,0.01134,0.0168,0.02891,0.01065,-0.04376,-0.01986,-0.02686,-0.03769,-0.11402,-0.04171,0.06531,0.02183,-0.01351,-0.01192,-0.01425,-0.03974,0.02231,0.05662,0.04172,-0.01762,0.07768,0.084,0.03197,-0.02762,0.04089,-0.01843,-0.01041,0.0539,0.04805,0.06096,-0.05127,-0.02917,-0.07418,0.05051,0.07952,0.07329,-0.00248,-0.02652,0.03869,-0.01942,-0.04557,0.07661,0.03962,0.01785,-0.0102,-0.04434,-0.01964,0.01719,-0.00236,-0.00778,-0.00479,-0.03253,0.02344,0.05303,0.02101,-0.13821,0.03004,-0.04902,-0.04281,-0.09055,0.0774,0.00867,0.03404,-0.05283,0.04352,0,0.00273,0.04253,0.0265,0.09683,-0.00485,-0.01568,-0.01939,0.09696,0.04689,-0.04953,-0.02398,-0.01547,-0.01266,-0.05281,-0.01631,0.01996,-0.07466,-0.09897,0.04985,0.0511,0.05733,0.0621,0.0073,-0.02366,0.0397,0.05776,-0.01582,0.11132,0.02525,-0.0235,-0.01619,-0.02925,-0.13192,-0.00961,-0.0314,-0.07041,-0.0509,0.13666,0.0529,0.03192,0.04938,0.05392,-0.02311,0.03539,-0.04893,-0.0285,0.01891,0.00648,-0.07289,-0.05544,-0.06263,-0.0051,-0.02465,0.01845,-0.03586,0.04829,0.06103,-0.0188,-0.01309,-0.05053,0.06361,-0.08632,-0.0187,-0.04684,0.03917,0.09144,-0.04904,-0.10241,0.03851,0.05281,0.05102,0.03038,0.05765,-0.06163,0.04786,0.05165,0.04614,-0.08342,0.05278,-0.00448,-0.05827,0.00059,-0.02018,0.03875,0.01827,0.09248,-0.17964,0.07199,0.06948,0.07855,-0.05899,-0.04172,0.03202,0.03936,0.00262,0,-0.08883,0.0588,-0.10661,0.03572,0.02176,-0.035,0.05017,-0.00339,-0.06802,0.0409,0.0042,0.07802,0.0595,-0.00878,0.03035,0.0012,-0.00996,0.02522,-0.07593,0.0049,-0.02113,0.00666,0.05373,0.07218,-0.02098,-0.06116,-0.06751,0.06405,-0.01101,-0.03365,0.00455,0.01193,0.0314,0.1063,-0.02786,0.00584,-0.04894,0.00931,0.03667,0.07064,0.04238,-0.02598,-0.01318,-0.00745,-0.09263,0.00683,-0.0216,-0.02375,0.01302,0.02541,0.01385,-0.01894,-0.06984,0.00009,0.08011,-0.01348,0.03642,0.05139,-0.00383,0.03727,-0.06353,0.02403,0.0064,-0.03286],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Basics The simplest case — and the one the plugin was designed for. Three nodes, no resize handles. The source grows when its inner block toggles open. The plugin notices and shifts the nodes underneath. Replace the toggle with any real-world driver — a collapsible card, lazy-loaded payload, dynamic text — and the behaviour is the same. ::: ng-component <reflow-basics</reflow-basics [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.scss ::: The remaining sections wire a resize handle onto the source so you can poke each option deliberately. The plugin reacts the same way regardless of what changes the size.","excerpt":"Basics The simplest case — and the one the plugin was designed for. Three nodes, no resize handles. The source grows when its inner block toggles open. The plugin notices and shifts the nodes underneath. Replace the toggle with any real-world driver — a collapsible card, lazy-loaded payload, dynamic text — and the behaviour is the same. ::: ng-component <reflow-basics</reflow-basics [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.scss ::: The remaining sections wire a resize handle onto the source so you can poke each option deliberately. The plugin reacts the same way regardless of what changes the size."},{"chunkId":"/examples/reflow-on-resize#3","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.0368,-0.03114,-0.01677,0.0398,0.06731,0.03211,0.02071,0.02608,0.00484,0.06661,0.00312,0.03113,-0.06016,0.00816,0.04604,0.0292,-0.01134,0.01689,-0.02255,-0.0496,-0.02171,-0.08899,-0.01456,-0.05479,0.06696,-0.0041,0.0327,-0.00748,0.04341,-0.11876,-0.01389,0.09839,-0.02928,0.0279,-0.13063,0.02682,-0.05908,0.05293,-0.03734,-0.03762,0.07079,0.05342,0.04879,-0.09848,-0.04174,0.03894,-0.14731,0.0172,-0.05406,-0.00138,-0.11242,-0.0991,-0.02631,0.1008,0.02342,0.02018,0.08419,-0.05878,0.05192,0.00404,0.05493,0.02931,-0.00661,0.00959,0.04182,0.07333,-0.05798,-0.00546,-0.05828,0.02898,0.02078,-0.09575,0.00586,-0.05324,0.12368,-0.10064,-0.04855,0.01592,0.03157,-0.00271,-0.01945,0.09015,-0.04875,0.06187,-0.07286,0.01697,-0.05051,-0.04131,0.04266,-0.02418,-0.04099,0.01243,-0.0214,0.00947,0.03043,-0.04372,-0.05532,-0.09005,-0.01622,0.02214,0.06833,-0.03888,0.0111,0.00366,-0.03996,-0.01085,0.0125,0.02541,0.00933,0.01804,-0.01586,0.03595,-0.03151,-0.05181,-0.14045,-0.03199,-0.00407,-0.01523,0.00433,0.02798,0.02326,0.01496,-0.0082,-0.02897,0.06053,0.00169,-0.04702,0,-0.02338,-0.06337,-0.07831,0.04498,0.11026,-0.03636,-0.05696,-0.05243,-0.01333,-0.00798,0.01296,0.0494,-0.04375,0.03536,-0.02036,-0.14339,0.04593,0.09971,-0.0052,-0.02941,0.03173,-0.00148,-0.06327,-0.00708,0.04235,0.04354,-0.04238,0.04905,-0.09093,0.02061,-0.00573,0.01934,-0.00578,0.01122,-0.0356,0.04668,-0.07485,-0.02162,-0.05634,-0.04563,0.04552,-0.02395,-0.06004,0.03402,0.01219,-0.01328,-0.03484,0.01943,-0.0556,0.03932,0.06275,0.04134,-0.00074,-0.04447,0.05023,-0.01063,-0.03817,0.06826,0.06472,0.0509,0.03705,-0.00681,-0.0616,0.03236,0.10336,0.05143,-0.0308,-0.09684,0.06394,0.04532,-0.06441,0.06561,0.01363,0.05827,-0.05493,-0.03067,-0.11742,-0.0339,-0.0227,0.02039,-0.07065,-0.02158,0.03416,0.03842,0.07182,-0.12483,-0.00654,-0.05172,-0.05963,-0.02583,0.06878,-0.00448,0.05864,0.03938,0.14124,0,-0.01389,0.05419,0.03685,0.05924,0.05036,-0.0379,0.02028,0.05431,0.00593,0.04023,0.00621,0.00517,-0.02878,-0.02854,0.00209,-0.00312,0.00477,-0.09956,0.00285,0.06125,0.09099,-0.02775,0.00106,0.0055,0.04331,0.04322,-0.01061,0.11102,-0.01068,-0.00057,-0.05191,-0.02976,-0.04889,-0.01047,-0.01172,0.01968,-0.08172,0.07395,-0.02583,0.01438,0.01994,0.00427,-0.02875,0.02463,-0.04794,0.0106,-0.01669,0.05872,-0.0754,-0.04792,-0.04459,0.03379,0.03942,-0.04286,0.01168,0.12239,0.08631,0.08171,0.01972,-0.01614,0.02545,-0.09688,0.03463,-0.03024,0.01246,0.02798,-0.0195,-0.05737,-0.02215,0.0778,0.10363,0.10244,0.01651,-0.04707,0.05001,-0.04869,0.05102,-0.04913,0.04826,-0.03256,-0.01584,0.01258,-0.01915,0.0598,-0.01619,0.08941,-0.13967,0.01193,0.07304,0.07525,-0.05259,-0.01852,0.01454,-0.03721,-0.02558,0,-0.1221,0.04305,-0.02521,0.01541,0.07535,-0.01426,0.05176,0.03704,-0.01442,0.02382,-0.05223,0.0782,0.04046,0.05807,0.06372,-0.01211,0.04493,0.0046,-0.03592,-0.01727,-0.02753,-0.00815,0.07023,0.12666,-0.0083,-0.03757,-0.03453,0.04459,0.02901,0.00678,-0.01888,0.04874,0.04584,0.07283,-0.02598,0.03855,-0.07862,-0.01674,-0.04666,-0.04931,0.05427,0.01867,-0.03509,0.0058,-0.11251,0.05545,0.03798,-0.01708,-0.00887,0.00627,0.00612,-0.03049,-0.03445,-0.01468,0.03323,0.00844,0.03557,-0.00967,0.02507,0.02486,-0.0474,0.05985,-0.04213,-0.05698],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Mode — who becomes a candidate mode decides which nodes are eligible to shift when the source resizes. The scene has a connected chain leaving the source (Source → Connected → Connected) and two unconnected nodes nearby. Drag any handle on the source and switch the dropdown:","excerpt":"Mode — who becomes a candidate mode decides which nodes are eligible to shift when the source resizes. The scene has a connected chain leaving the source (Source → Connected → Connected) and two unconnected nodes nearby. Drag any handle on the source and switch the dropdown:"},{"chunkId":"/examples/reflow-on-resize#4","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.01498,-0.02168,-0.07607,0.00303,0.04615,-0.02011,-0.06722,0.05614,0.0265,0.06074,-0.01002,0.0467,-0.03565,-0.02458,0.00415,0.04188,-0.0656,0.05511,-0.02463,-0.0612,-0.07432,-0.04888,-0.00458,-0.00562,0.05459,0.03667,-0.01135,0.01778,0.0345,-0.10737,0.02099,0.08532,-0.05138,0.04477,-0.08669,0.06981,0.00192,0.06467,-0.02922,-0.02587,0.11233,0.03007,0.05536,-0.10272,-0.06029,0.00915,-0.15865,0.0038,-0.08549,-0.01141,-0.10115,-0.13262,-0.05372,0.1077,0.02609,0.02614,-0.0015,-0.07492,0.08925,0.00916,0.03173,0.0012,0.01042,0.04413,0.02661,0.03282,-0.00838,0.03253,-0.03931,0.03562,0.03232,-0.06401,-0.03315,-0.04583,0.08549,0.01914,-0.01528,0.04402,0.00703,-0.0012,-0.03189,0.10166,-0.0006,0.05115,-0.08218,0.03924,-0.02966,-0.03877,0.00651,-0.0121,-0.04766,0.00632,-0.03591,0.00331,0.04704,-0.04447,-0.06578,-0.08456,-0.06786,0.02908,0.07344,-0.00098,0.04336,-0.01504,-0.0312,0.00254,-0.04351,0.0664,-0.0141,-0.01809,0.01095,0.05513,-0.03776,-0.05396,-0.0972,-0.02663,0.00875,-0.05154,0.02765,0.03252,0.00405,0.02921,-0.04076,-0.00331,0.05606,0.03194,-0.02188,0,-0.0822,0.01829,-0.05551,0.04461,0.07091,0.00444,-0.04241,-0.04979,0.0168,0.0211,-0.01376,0.07544,-0.03464,-0.00964,-0.01645,-0.11716,0.06052,0.1025,-0.09062,-0.00161,0.04731,-0.03619,-0.03817,0.00916,0.03678,-0.03893,-0.04197,0.02355,-0.14178,0.01363,-0.0272,0.02532,0.03596,0.01704,-0.0161,0.04899,-0.02993,-0.05782,-0.04809,-0.0103,0.02028,-0.00046,-0.05617,-0.00221,0.03709,0.00061,-0.05855,-0.00963,-0.00548,-0.00935,0.05755,0.08229,0.04419,-0.01715,0.08665,-0.01489,0.00198,0.04239,0.0582,0.06445,-0.01392,-0.03864,-0.0727,0.0194,0.08421,0.05601,-0.06485,-0.08157,0.07561,0.04244,-0.04242,0.07724,0.02654,0.07947,-0.04414,-0.02175,-0.08115,0.00713,0.03137,-0.00017,-0.02818,0.05097,0.02733,0.03856,0.0718,-0.11613,0.00526,-0.0417,-0.08528,-0.01694,0.08934,0.00093,0.07367,0.04121,0.06901,0,-0.01511,0.07004,0.00857,0.06029,0.0111,-0.03314,0.01108,0.02826,0.00495,-0.02333,-0.00183,0.02865,-0.03952,-0.03303,0.01137,-0.01998,0.02012,-0.10006,0.00923,-0.02798,0.09512,0.00494,0.01354,0.00267,0.0765,0.02719,-0.03621,0.02293,0.00878,-0.02502,-0.05103,-0.00955,-0.02734,-0.04237,0.0172,0.00624,-0.09657,0.1188,0.05925,-0.00912,0.01844,0.04778,-0.04958,0.01398,-0.02963,0.04396,-0.00031,0.02864,-0.09296,-0.03015,-0.08027,0.06846,0.02812,-0.0271,-0.01757,0.11813,0.0746,0.05123,0.01851,-0.06351,0.00048,-0.11008,0.04189,-0.06202,-0.00841,0.05391,0.00078,-0.03969,-0.00005,0.05798,0.08723,0.05787,-0.03878,-0.03127,0.01269,-0.01331,0.03808,-0.10369,0.03599,0.01164,-0.07459,0.05943,-0.01769,0.03818,0.06768,0.03425,-0.04286,0.00086,0.08059,0.06349,-0.02276,-0.04186,-0.01434,-0.05045,0.02199,0,-0.1468,0.03797,-0.08801,0.08998,0.05814,-0.04817,0.07868,0.04101,-0.00329,0.04469,-0.05876,0.07962,-0.01965,0.01281,0.059,-0.00173,-0.00239,-0.01081,-0.05521,-0.0286,-0.04399,-0.00814,0.0267,0.11689,-0.05674,-0.05823,-0.02807,0.07366,0.03782,0.0018,-0.03266,0.04265,0.05008,0.1017,-0.04935,0.01006,-0.04108,0.03923,-0.06972,-0.03203,0.03739,-0.01213,0.04877,-0.00243,-0.09298,0.05244,-0.0135,0.05895,0.00189,-0.01587,0.03717,-0.00796,-0.04497,-0.02936,0.03278,-0.00213,0.02209,-0.01497,0.05207,0.01067,-0.08462,0.05507,-0.03081,-0.09764],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. - CENTEROFMASS (default) — picks every node whose centre lies past the source's centre on the resize axis. Nothing else is required: no connection, no parent, no column alignment. - XRANGE — same idea, narrowed to nodes that overlap the source on the perpendicular axis. Useful when the layout is column-based and a vertical resize should only push the same column. - DOWNSTREAMCONNECTIONS — only nodes reachable from the source via outgoing connections. The chain follows; unconnected nodes stay put. Pipeline-style editors rely on this so a resize doesn't disturb unrelated branches.","excerpt":"- CENTEROFMASS (default) — picks every node whose centre lies past the source's centre on the resize axis. Nothing else is required: no connection, no parent, no column alignment. - XRANGE — same idea, narrowed to nodes that overlap the source on the perpendicular axis. Useful when the layout is column-based and a vertical resize should only push the same column. - DOWNSTREAMCONNECTIONS — only nodes reachable from the source via outgoing connections. The chain follows; unconnected nodes stay put. Pipeline-style editors rely on this so a resize doesn't disturb unrelated branches."},{"chunkId":"/examples/reflow-on-resize#5","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.03906,0.00714,-0.01875,0.04228,0.07852,0.06498,0.00431,0.06023,-0.0319,0.07828,-0.01285,0.06734,-0.04501,0.01507,0.0292,-0.00432,-0.05383,0.06316,-0.05287,-0.07199,0.01231,-0.07316,0.0145,-0.02849,0.03715,0.00673,-0.02682,0.03899,0.05772,-0.09443,0.00323,0.07328,-0.05362,0.02296,-0.09314,0.07818,-0.03735,0.05778,-0.0305,-0.05593,0.03274,0.10009,0.02842,-0.09038,0.044,-0.00586,-0.12596,0.04844,-0.06457,-0.01584,-0.06407,-0.11404,-0.05628,0.08855,0.06429,-0.01129,0.02034,-0.04621,0.08859,0.01586,-0.03516,-0.01896,0.03404,-0.01434,0.00315,0.07231,-0.05975,0.00013,-0.04357,0.084,0.04387,-0.047,-0.00781,-0.03944,0.07882,-0.07091,-0.1075,0.08533,0.00305,0.01324,-0.00456,0.02232,-0.02986,0.04206,-0.03476,0.02517,-0.02919,-0.06017,0.05306,-0.03868,-0.00253,0.01756,-0.04523,0.04378,0.01091,-0.02613,-0.09682,-0.07339,-0.02583,0.03772,0.05001,-0.06251,0.0266,0.04319,0.01337,-0.00731,-0.00547,0.07924,-0.04193,0.04657,-0.00291,0.03138,0.0159,-0.062,-0.09758,-0.04346,-0.01145,-0.07726,0.02297,0.03867,0.03587,0.06562,-0.04606,-0.05165,0.11262,0.01845,-0.00102,0,-0.03449,-0.02111,-0.07931,0.05936,0.09082,-0.04184,-0.05189,-0.0838,-0.03107,0.0211,0.02478,0.06774,-0.04778,-0.04445,-0.01148,-0.13495,0.06044,0.1211,-0.07208,-0.0012,-0.00781,0.01224,-0.06385,0.01375,0.05983,0.0036,-0.03304,0.05229,-0.09703,-0.0091,0.03052,0.05367,-0.00721,0.00357,-0.04734,0.03351,-0.04674,-0.01756,-0.09349,-0.04411,0.09562,0.01026,-0.05256,0.06156,0.02344,-0.04622,-0.02933,0.03164,0.04538,0.00765,0.05382,0.1052,0.01561,-0.03643,0.03978,-0.00834,-0.01216,0.0554,0.02724,0.04514,0.00481,-0.06421,-0.059,0.02257,0.07353,0.02931,-0.04632,-0.04287,0.06388,-0.00733,-0.05347,0.08051,0.04634,0.03335,-0.04159,-0.02262,-0.05582,0.00706,-0.01852,-0.01826,-0.03542,-0.03319,0.00609,0.06147,0.0457,-0.17899,0.00141,-0.02155,-0.03259,-0.10954,0.05053,0.01944,0.04422,-0.01528,0.06222,0,0.01737,0.06013,0.04064,0.10329,-0.01496,-0.00877,0.01762,0.1142,0.00821,-0.02556,-0.00548,-0.04781,0.01255,-0.03551,-0.02632,0.00971,-0.06641,-0.06706,0.04615,0.04067,0.05123,0.03709,0.02607,0.01002,0.04717,0.07031,-0.03198,0.07949,0.00732,-0.04301,-0.00854,-0.03818,-0.08159,-0.01287,0.0172,-0.05695,-0.03131,0.08065,0.00759,0.04231,0.09155,0.05666,-0.04898,-0.00176,-0.03835,0.00209,0.05509,0.01746,-0.06197,-0.08282,-0.06627,-0.01478,0.00556,-0.03374,0.01248,0.04075,0.05625,-0.00349,-0.03024,-0.01331,0.0742,-0.09237,-0.0049,-0.02821,0.03129,0.05987,-0.05444,-0.08696,0.00036,0.06115,0.04367,0.06229,0.02047,-0.01369,0.04314,-0.0128,0.07376,-0.03704,0.03648,-0.01178,-0.04754,0.03205,-0.02919,0.09823,0.0046,0.08322,-0.17725,0.00387,0.07899,0.06105,-0.08643,-0.0824,0.01614,-0.00495,0.00598,0,-0.11426,0.06454,-0.06761,0.05403,0.05135,-0.02886,0.05529,0.00102,-0.04934,0.01837,-0.03647,0.06245,0.05902,0.00369,0.03097,-0.01835,0.01574,0.02927,-0.03265,0.00587,-0.04683,0.00627,0.07333,0.08077,-0.00281,-0.04435,-0.06852,0.05413,0.01659,-0.02324,-0.0373,-0.00231,0.08104,0.05897,-0.04013,-0.02558,-0.06106,0.01061,-0.01443,-0.00271,0.04456,-0.02228,0.02753,0.01119,-0.04968,0.01181,0.03011,0.01547,-0.00153,-0.01387,-0.00384,0.00149,-0.04833,-0.02647,0.04295,0.03475,0.01663,0.06626,0.01145,-0.00033,-0.02127,0.05611,-0.0446,-0.05925],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. ::: ng-component <reflow-mode</reflow-mode [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.scss :::","excerpt":"::: ng-component <reflow-mode</reflow-mode [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.scss :::"},{"chunkId":"/examples/reflow-on-resize#6","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.00963,0.0269,-0.05511,0.00093,0.06259,-0.00333,-0.0195,0.03466,0.03117,0.04378,-0.0144,0.0387,-0.02416,-0.00766,0.05249,0.01222,-0.04739,0.00826,-0.07303,-0.07983,0.00234,-0.04114,0.00189,-0.02851,0.06281,0.02485,0.01568,0.02185,0.0629,-0.10198,0.02052,0.11664,-0.00835,0.05294,-0.06964,0.06425,-0.06411,0.08322,-0.02402,-0.031,0.06427,0.09279,0.03823,-0.0737,-0.01502,0.03743,-0.14772,-0.00028,-0.07533,-0.0204,-0.13305,-0.14532,-0.05314,0.11354,0.03405,0.01472,0.06939,-0.06451,0.06356,0.00985,0.01848,-0.01224,0.00942,0.01074,0.05518,0.04579,-0.05105,0.00519,-0.04617,-0.00208,0.02801,-0.0645,-0.00246,-0.03829,0.10737,-0.02789,-0.04596,0.02701,0.00683,-0.039,-0.03657,0.06902,-0.02502,0.06136,-0.05912,0.02495,-0.03695,-0.06565,0.04287,0.00276,-0.04626,0.00571,-0.04052,-0.00047,0.04744,-0.04157,-0.03359,-0.13526,-0.00845,0.03042,0.07046,-0.03757,0.03755,-0.01135,-0.03101,-0.01351,-0.00259,0.05887,0.02318,0.01046,-0.01309,0.03286,-0.00803,-0.06188,-0.09804,-0.06168,-0.01082,-0.01207,0.01339,0.03878,0.03479,0.00855,-0.01837,-0.00279,0.06511,-0.00128,-0.07847,0,-0.0338,-0.01076,-0.07127,0.08477,0.11964,-0.04314,-0.02909,-0.04158,0.01212,0.01077,-0.01334,0.07386,-0.01665,0.02046,-0.0275,-0.14231,0.02273,0.12987,-0.05893,0.01887,0.01057,-0.02673,-0.04802,0.01187,0.0174,0.05796,-0.02933,0.05145,-0.1306,0.01666,-0.01106,0.05695,-0.00561,0.03256,-0.00369,0.0205,-0.0352,-0.05272,-0.04142,-0.04893,0.03677,0.01229,-0.02454,0.00437,0.0418,-0.01144,-0.04354,0.00596,-0.00599,0.05265,0.05299,0.04562,0.05199,-0.0451,0.06813,-0.00228,-0.0218,0.00918,0.07444,0.08879,0.03271,-0.004,-0.07721,0.05782,0.10162,0.05752,-0.05541,-0.0907,0.11203,0.03183,-0.04074,0.09117,0.0442,0.06362,-0.07842,-0.03029,-0.07882,0.0162,-0.0412,0.02693,-0.10482,-0.01664,0.01333,0.01251,0.03374,-0.10933,-0.00341,-0.03794,-0.09079,-0.03034,0.07416,-0.01516,0.03177,0.03054,0.08909,0,-0.01877,0.05902,-0.01006,0.04308,0.06199,-0.03249,-0.00897,0.0428,0.0111,0.05767,-0.02113,0.01205,-0.02018,-0.05708,-0.0115,-0.03598,0.05658,-0.11295,0.01172,0.04178,0.08195,-0.0097,-0.02373,-0.0081,0.07383,0.06785,-0.03859,0.04426,0.01442,-0.00542,-0.03208,-0.061,-0.05536,-0.00326,0.01862,-0.04451,-0.088,0.01571,0.04387,-0.0333,0.05513,0.01118,-0.03688,0.0171,-0.06842,0.02666,0.0503,0.05208,-0.05716,-0.06404,-0.06149,0.02502,0.03361,-0.05575,-0.00734,0.07609,0.11287,0.03951,0.03469,-0.02702,0.02558,-0.07589,0.0361,-0.01605,-0.04194,0.0594,-0.01263,-0.03303,-0.00766,0.09845,0.07622,0.09527,-0.02241,-0.03024,0.01318,-0.02191,0.03523,-0.08398,0.0331,-0.01945,-0.05104,0.02368,-0.0432,0.07893,0.03017,0.03158,-0.11043,0.0206,0.04953,0.08536,-0.05559,-0.00924,-0.00397,0.00937,0.01629,0,-0.12754,0.08227,-0.03343,0.03035,0.06997,-0.04505,0.05478,0.07206,-0.01452,0.04256,-0.0517,0.04392,0.0237,0.01383,0.05016,-0.01741,0.02019,-0.00161,-0.04041,-0.03237,-0.04272,-0.0086,0.04122,0.06019,-0.01799,-0.02182,-0.03766,0.06915,0.01133,-0.04302,-0.0074,0.04367,0.02095,0.09082,-0.05755,0.00389,-0.07523,-0.00754,-0.01222,-0.03258,0.02438,0.00049,0.01453,0.01905,-0.1063,0.06528,0.00828,-0.05493,-0.04776,-0.02796,0.01717,-0.00236,-0.05016,-0.00006,0.02776,0.01599,0.04099,-0.03429,0.04173,0.04899,-0.05675,0.10741,-0.03635,-0.05782],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Scope — how far the plan reaches scope decides how far the plan is allowed to look. Same source resize, different blast radius. The scene puts the source inside a Workflow group together with a sibling, plus three nodes outside the group: one connected to the source, one disconnected, and a separate Node ↔ Node island in the bottom-right.","excerpt":"Scope — how far the plan reaches scope decides how far the plan is allowed to look. Same source resize, different blast radius. The scene puts the source inside a Workflow group together with a sibling, plus three nodes outside the group: one connected to the source, one disconnected, and a separate Node ↔ Node island in the bottom-right."},{"chunkId":"/examples/reflow-on-resize#7","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.02143,-0.02539,-0.03854,0.04545,0.10427,0.00868,-0.02385,-0.00113,-0.00258,0.048,0.00895,0.03701,-0.02637,-0.01387,0.02986,0.02894,-0.0222,-0.01644,-0.0364,-0.07121,-0.04246,-0.08273,-0.00208,-0.06813,0.06794,0.00248,-0.004,-0.01547,0.0792,-0.07995,0.00823,0.05855,-0.05822,0.01607,-0.05758,0.07778,-0.05511,0.04477,-0.03738,-0.04679,0.05126,0.06382,0.04626,-0.07126,-0.00305,0.04853,-0.16054,0.03118,-0.04565,-0.00926,-0.09558,-0.12574,-0.04617,0.13603,0.04133,0.0251,0.05871,-0.03831,0.04888,0.00561,0.09129,0.0001,-0.00027,0.02787,0.05065,0.08027,-0.04757,0.04859,-0.04768,0.0592,0.0707,-0.03929,-0.00116,-0.05022,0.11307,-0.02175,-0.0769,0.04793,0.00666,-0.01788,-0.00493,0.07854,-0.03181,0.05435,-0.02678,0.03333,-0.04772,-0.03747,0.00065,0.02515,-0.04268,0.03856,-0.01988,0.02173,0.0302,-0.05367,-0.04104,-0.04403,-0.02525,0.04231,0.05174,-0.00748,-0.00957,0.01397,-0.01782,0.02501,-0.00064,0.04053,0.02506,0.03179,-0.03838,0.0604,-0.04162,-0.02133,-0.14353,-0.08023,0.03856,-0.01196,0.06744,0.00142,0.0176,0.02932,0.03127,-0.02926,0.05392,-0.00185,-0.05738,0,-0.00946,-0.04896,-0.07597,0.03724,0.1062,-0.03668,-0.074,-0.02723,-0.00602,0.02883,-0.0544,0.06901,-0.01459,-0.00577,0.03214,-0.09694,0.06554,0.06977,-0.03722,0.00122,0.04101,0.0084,-0.03719,0.01362,-0.00319,0.04395,-0.05436,0.01421,-0.08946,0.03678,-0.05752,0.04548,0.00185,0.03854,-0.05351,0.00786,-0.05859,-0.05915,-0.05428,-0.05211,0.02427,-0.00988,-0.03196,-0.00819,0.04457,-0.05007,-0.02511,0.0306,-0.02819,0.04071,0.00922,0.02599,-0.02365,-0.06751,0.03484,-0.04683,-0.02046,0.06583,0.0341,0.07472,0.03938,0.0006,-0.0001,0.02468,0.08485,0.10027,-0.06619,-0.07048,0.0397,-0.02933,-0.03508,0.08957,0.00013,0.04392,-0.04057,-0.03927,-0.09453,-0.00582,-0.04872,0.02145,-0.03508,-0.05391,-0.00259,0.03451,0.02395,-0.07263,0.01218,-0.04141,-0.0681,0.0239,0.07337,-0.00454,0.06296,0.03489,0.07842,0,-0.03787,0.08889,0.03818,0.02164,0.04086,-0.05384,-0.02497,0.03847,-0.01385,0.07159,-0.03386,-0.01244,-0.00075,-0.02316,-0.06362,-0.0011,0.06272,-0.1074,-0.02227,0.03799,0.07497,0.01179,0.02291,-0.00102,0.12321,0.06867,-0.02167,0.05454,-0.00808,-0.00821,-0.02341,-0.01351,-0.06991,-0.02641,0.02199,0.01432,-0.10189,0.05181,0.01012,-0.03478,0.02456,0.02088,-0.0931,0.02717,-0.02352,0.03734,-0.06037,0.05878,-0.13582,-0.0379,-0.06808,0.03802,0.03166,-0.04367,0.01112,0.10385,0.09848,0.07924,-0.0094,-0.03721,0.07592,-0.10799,-0.00902,0.01313,0.00532,0.04886,-0.01014,-0.01696,0.00534,0.10497,0.10692,0.10275,-0.01328,-0.02971,0.0363,0.03548,0.05648,-0.10356,0.0063,-0.02398,-0.09019,0.0267,-0.01128,0.05365,0.00722,0.05147,-0.08034,-0.01637,0.0249,0.08886,-0.03499,-0.00481,-0.01397,0.00139,0.00609,0,-0.1185,0.06265,-0.04961,0.02522,0.04821,-0.05133,0.07186,0.01289,-0.01506,0.06731,-0.06785,0.02408,0.03965,0.01654,0.03268,-0.04632,0.07084,-0.02557,-0.0556,-0.00992,-0.03995,-0.05358,0.04043,0.12072,-0.01924,-0.06588,-0.0037,0.0137,-0.0104,-0.03118,-0.06015,0.02021,0.01846,0.11832,-0.07735,0.06867,-0.05632,0.0123,-0.06387,-0.01925,0.02548,0.02517,0.00067,0.03059,-0.06541,0.02518,0.04666,-0.01094,-0.00383,0.00434,0.01692,-0.05605,-0.06763,-0.04868,0.05346,-0.00902,0.02536,0.03244,0.05767,0.03665,-0.08945,0.05921,-0.05759,-0.07209],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. - GLOBAL (default) — every node and group on the canvas is eligible. - GROUP — restricted to the source's siblings (same fNodeParentId). Nothing outside the group is touched. Use it when each group should behave like an isolated workspace. - CONNECTEDSUBGRAPH — BFS from the source over connections in both directions. Only nodes reachable from the source via the graph follow it. The disconnected external node and the island stay still. f Node Parent Id","excerpt":"- GLOBAL (default) — every node and group on the canvas is eligible. - GROUP — restricted to the source's siblings (same fNodeParentId). Nothing outside the group is touched. Use it when each group should behave like an isolated workspace. - CONNECTEDSUBGRAPH — BFS from the source over connections in both directions. Only nodes reachable from the source via the graph follow it. The disconnected external node and the island stay still."},{"chunkId":"/examples/reflow-on-resize#8","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.03765,0.00991,-0.01998,0.04464,0.07347,0.06458,0.01274,0.05013,-0.02797,0.07515,-0.01728,0.05997,-0.04752,0.02437,0.03314,-0.00218,-0.05354,0.06387,-0.06634,-0.07419,0.00435,-0.05648,0.01142,-0.01616,0.03801,-0.00329,-0.02378,0.02431,0.068,-0.08751,0.00899,0.07768,-0.05401,0.02177,-0.07527,0.08001,-0.05298,0.06614,-0.01857,-0.05714,0.0448,0.11028,0.02546,-0.10153,0.0327,0.00198,-0.11986,0.05603,-0.07444,-0.02324,-0.06991,-0.11899,-0.06283,0.0931,0.05913,-0.01065,0.01744,-0.04702,0.09056,0.02204,-0.05652,-0.0112,0.02811,-0.02333,0.00677,0.06441,-0.0524,-0.00116,-0.05559,0.09115,0.03866,-0.0463,-0.00587,-0.02956,0.08855,-0.06077,-0.10084,0.07703,0.00726,0.01048,-0.0127,0.02039,-0.02641,0.03548,-0.02557,0.02341,-0.03356,-0.0658,0.05557,-0.04607,0.00377,-0.00134,-0.05073,0.04328,0.01616,-0.03608,-0.0974,-0.07287,-0.03257,0.03318,0.05176,-0.05835,0.02705,0.04123,0.00926,0.00368,-0.00564,0.07233,-0.03756,0.03721,0.00121,0.03838,0.02101,-0.06323,-0.09548,-0.04537,-0.00274,-0.0775,0.02274,0.03057,0.0324,0.05646,-0.05223,-0.05478,0.105,0.02276,-0.00165,0,-0.04325,-0.01708,-0.08298,0.05753,0.07,-0.03495,-0.04984,-0.08069,-0.0419,0.02394,0.03082,0.07811,-0.04663,-0.05694,-0.00876,-0.1325,0.06666,0.11759,-0.08142,0.01371,-0.00913,0.00466,-0.06421,0.01766,0.06179,-0.00969,-0.03408,0.04644,-0.11308,-0.00747,0.02497,0.06345,-0.00802,-0.00193,-0.04526,0.01326,-0.03761,-0.0152,-0.08667,-0.04126,0.10048,0.01606,-0.03892,0.05963,0.02241,-0.0362,-0.02482,0.02767,0.04033,-0.00095,0.05796,0.09542,0.01653,-0.04233,0.05415,-0.0009,-0.01569,0.05196,0.03759,0.0386,0.00545,-0.08135,-0.06804,0.04027,0.07889,0.02567,-0.03936,-0.04344,0.05965,-0.00938,-0.04463,0.08595,0.04481,0.03245,-0.03916,-0.02888,-0.04984,0.01769,-0.00206,-0.02192,-0.02199,-0.0304,0.00801,0.05623,0.04121,-0.17752,-0.00083,-0.02702,-0.04768,-0.11581,0.04753,0.02173,0.04312,-0.01815,0.06146,0,0.0298,0.06354,0.045,0.1055,-0.02195,-0.00706,0.02901,0.10327,0.01069,-0.0169,-0.0145,-0.03314,0.01382,-0.03911,-0.03132,0.01158,-0.05495,-0.05652,0.04737,0.03863,0.05926,0.03209,0.02832,0.00205,0.05567,0.06858,-0.0409,0.07984,0.01372,-0.03517,-0.02086,-0.0319,-0.08216,-0.01499,0.01251,-0.06291,-0.03283,0.07348,0.01172,0.04071,0.09352,0.05188,-0.03689,-0.00599,-0.03744,-0.00114,0.06686,0.02738,-0.05777,-0.08029,-0.07083,-0.01196,0.00358,-0.02429,0.0037,0.03266,0.07044,-0.01431,-0.0199,-0.01899,0.07318,-0.08112,-0.00399,-0.03592,0.0215,0.06768,-0.04711,-0.07057,0.00594,0.05548,0.04407,0.05919,0.01647,-0.02086,0.01524,0.00709,0.06909,-0.04444,0.05207,-0.00979,-0.04776,0.02516,-0.04428,0.08622,0.00985,0.08909,-0.16746,0.00144,0.0719,0.05949,-0.08737,-0.08755,0.02678,-0.01053,0.0093,0,-0.11065,0.06878,-0.06872,0.06119,0.04274,-0.04659,0.05969,0.00973,-0.04381,0.03236,-0.04968,0.05821,0.06648,0.0113,0.03459,-0.0176,0.00532,0.01741,-0.0324,0.01342,-0.04463,0.01641,0.07004,0.08144,-0.01469,-0.04907,-0.07435,0.05654,0.02689,-0.02469,-0.0267,0.00572,0.07312,0.06401,-0.04943,-0.03591,-0.06941,0.01459,-0.01211,0.00218,0.0432,-0.02721,0.03562,0.01582,-0.06311,0.01531,0.02507,0.00299,0.00254,-0.0196,0.01495,0.00633,-0.0458,-0.02185,0.03836,0.03181,0.03016,0.05987,0.00255,0.00185,-0.0192,0.05149,-0.05712,-0.05198],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. ::: ng-component <reflow-scope</reflow-scope [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.scss :::","excerpt":"::: ng-component <reflow-scope</reflow-scope [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.scss :::"},{"chunkId":"/examples/reflow-on-resize#9","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.01364,0.00663,-0.02185,0.02649,0.06163,0.00996,-0.00646,0.06201,0.03797,0.06889,-0.02222,0.01072,-0.04318,-0.02515,0.03473,-0.00222,-0.04175,0.04686,-0.03991,-0.04158,-0.02456,-0.04176,0.01901,-0.0312,-0.01256,0.00407,-0.01977,0.00254,0.09822,-0.10602,0.00548,0.04982,-0.03544,0.08632,-0.11376,0.04594,-0.04788,0.01903,-0.03271,-0.06396,0.05828,0.08216,0.04454,-0.11507,0.01429,0.07289,-0.11221,0.05031,-0.0576,0.00944,-0.14952,-0.08748,-0.02328,0.13082,0.0158,0.05916,0.05999,-0.03166,0.05867,0.04852,0.03756,-0.01253,0.04362,-0.01097,0.04071,0.05119,-0.08919,-0.0203,-0.02817,0.08649,0.03963,-0.06245,0.00804,-0.03005,0.12182,-0.035,-0.06742,0.06886,0.04178,0.04136,-0.03445,0.01227,-0.02101,0.02066,-0.02213,-0.0197,-0.07838,-0.04393,0.05264,0.01879,-0.02055,0.00551,-0.04007,0.00782,0.01142,-0.04742,-0.0498,-0.07431,-0.03777,0.02185,0.07038,-0.01983,-0.00158,0.03103,-0.02089,0.00584,-0.01473,0.00525,-0.02156,0.01581,0.01232,0.03576,0.00779,-0.04368,-0.1698,-0.03548,-0.01458,-0.03,0.05793,-0.01475,0.00881,0.00436,-0.02352,0.0024,0.06289,-0.02991,-0.04573,0,-0.03903,-0.03545,-0.09416,-0.00292,0.09288,-0.04819,-0.05377,-0.02145,0.00705,-0.02161,0.03839,0.00978,0.01257,-0.03584,-0.01348,-0.12516,0.0348,0.08835,-0.04834,0.00583,0.08786,-0.00355,-0.05727,0.00364,-0.04262,0.06804,-0.03952,-0.0154,-0.07314,0.0365,-0.02777,0.04581,-0.03718,0.03332,-0.01546,0.06313,-0.04237,-0.07255,-0.08014,-0.05099,0.01481,-0.01474,-0.04551,0.04055,0.0326,-0.04766,-0.02785,0.08287,0.02907,0.04932,0.03075,0.04155,-0.00975,-0.04973,0.03673,-0.01641,-0.02606,0.03333,0.05249,0.05893,0.01473,-0.0303,-0.0249,0.01937,0.06408,0.05015,-0.07405,-0.07622,0.07296,0.02149,0.0067,0.07105,0.01235,0.06886,-0.03416,0.00594,-0.1036,-0.03745,-0.00554,-0.04314,-0.03598,0.03133,0.05976,0.03625,0.06156,-0.13277,-0.0013,-0.00395,-0.06596,-0.02434,0.08275,-0.02264,0.04906,0.05743,0.07819,0,-0.00705,0.05866,0.02434,0.07345,0.02201,-0.05571,-0.0351,0.03726,0.00955,0.01252,-0.02481,-0.01945,-0.00297,0.00734,-0.02413,-0.03621,0.01567,-0.08842,0.01832,0.04849,0.05524,-0.02852,-0.01196,0.0174,0.06563,0.0586,-0.01763,0.09027,-0.03168,-0.02671,-0.04754,-0.02381,-0.04138,-0.04458,0.05674,-0.02698,-0.12125,0.03543,0.02967,0.0177,0.02718,0.01625,-0.04144,0.02961,-0.0253,0.00817,-0.01201,0.07508,-0.02258,-0.06218,-0.03314,0.02657,0.01459,-0.06235,-0.00884,0.14992,0.04893,0.08661,0.00474,-0.03244,0.06221,-0.06596,0.03798,-0.03773,0.05318,0.05771,-0.04507,-0.05736,0.00972,0.07421,0.10395,0.1093,-0.0026,-0.0248,0.03321,0.00453,0.12043,-0.07622,0.01311,0.00786,-0.08448,0.02445,-0.02621,0.03957,-0.04297,0.04534,-0.12703,-0.02018,0.00895,0.07848,-0.03882,-0.03397,-0.01346,-0.06003,0.01951,0,-0.14585,0.05623,-0.0884,0.06136,0.06389,-0.01397,0.08454,-0.01102,-0.05942,-0.03328,-0.04154,0.03554,0.04525,0.00569,0.04017,-0.0326,0.01382,-0.00476,-0.06951,-0.00818,-0.06062,-0.03967,0.0856,0.09266,-0.04569,-0.0062,-0.04673,0.01726,0.05022,0.00711,-0.04908,0.00829,0.09895,0.0942,-0.04547,0.05121,-0.08629,-0.0051,-0.01611,0.0006,0.05379,0.03346,-0.0029,0.03059,-0.08721,0.05662,0.0393,-0.02057,-0.00519,0.03665,0.04255,-0.01822,-0.03524,0.01292,0.04094,0.02398,0.03393,-0.03233,-0.00756,0.04391,-0.04711,0.07188,-0.018,-0.03741],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Collision — what happens when shifts run out of room When a shifting candidate would overlap a stationary node, collision decides who gives way. To create a stationary node deliberately, the bottom node in this scene carries the fReflowIgnore directive — it never receives a primary shift, but it stays visible to the collision resolver as an obstacle. Drag the source down toward the anchored node and switch the rule: f Reflow Ignore","excerpt":"Collision — what happens when shifts run out of room When a shifting candidate would overlap a stationary node, collision decides who gives way. To create a stationary node deliberately, the bottom node in this scene carries the fReflowIgnore directive — it never receives a primary shift, but it stays visible to the collision resolver as an obstacle. Drag the source down toward the anchored node and switch the rule:"},{"chunkId":"/examples/reflow-on-resize#10","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.04698,-0.01585,0.00104,-0.01517,0.05761,0.02427,-0.03503,0.03648,0.02356,0.05572,0.01142,0.04943,-0.02629,-0.03655,0.0138,0.00355,-0.02415,0.05349,-0.01579,-0.06046,-0.04579,-0.07665,-0.02876,-0.00122,0.03649,0.01514,0.02262,0.00324,0.0445,-0.10296,0.00055,0.05619,-0.04679,0.06055,-0.11199,0.04294,-0.04733,0.06145,-0.04194,-0.0597,0.06393,0.08029,0.04656,-0.07047,0.00762,0.05852,-0.14985,0.03359,-0.09249,0.00889,-0.15795,-0.102,-0.03922,0.09631,-0.00838,0.036,0.06192,-0.00955,0.06499,0.01927,0.06037,0.02066,0.00274,0.03238,-0.00864,0.02849,-0.02252,-0.00338,0.0065,0.08247,0.01269,-0.08612,-0.00521,-0.01335,0.10597,-0.06946,-0.02322,0.01661,0.01356,0.01288,-0.03461,0.06349,-0.00985,0.03881,-0.01791,0.00792,-0.08362,-0.05885,0.01765,0.00162,-0.00465,-0.02688,-0.0492,0.00729,0.03675,-0.02387,-0.05363,-0.0904,-0.02364,0.03262,0.07412,-0.04417,0.02232,-0.0131,-0.01375,0.00019,-0.00328,0.02413,-0.01425,0.00998,0.00554,0.03855,-0.02468,-0.04906,-0.1409,-0.05868,-0.0078,-0.00302,0.03237,0.0207,0.03136,0.00028,-0.04224,-0.00121,0.0136,0.02577,-0.07966,0,-0.02803,-0.02894,-0.06957,0.03335,0.08292,-0.03544,-0.05811,-0.07905,0.02501,0.03172,0.01095,0.0589,-0.0084,0.07087,0.0004,-0.17246,0.02172,0.1186,-0.02105,-0.01085,0.00153,-0.0001,-0.03931,-0.00115,0.00898,0.08275,-0.05151,0.00999,-0.12427,0.02735,-0.0478,0.05715,-0.06703,-0.02232,0.03038,0.05279,-0.05704,-0.11862,-0.04643,-0.04907,0.02322,0.02176,-0.04433,0.01591,0.02508,-0.00114,-0.01404,0.0664,-0.03468,0.02298,0.0763,0.03462,0.00426,-0.04291,0.04739,-0.01017,0.02047,0.00309,0.05296,0.07555,-0.00145,-0.05072,-0.03654,0.01889,0.0594,0.03689,-0.05861,-0.07191,0.06778,0.05143,-0.01606,0.053,-0.002,0.06401,-0.05476,0.00764,-0.08864,-0.0431,0.01316,-0.02837,-0.01605,0.00856,0.04806,0.00654,0.05442,-0.1107,0.01765,-0.0285,-0.04066,-0.0271,0.07793,0.01708,0.08141,0.07656,0.07427,0,-0.04027,0.0475,0.01576,0.05571,0.0111,-0.03388,0.01656,0.04033,0.00176,-0.03383,0.00993,-0.01482,-0.06851,0.01795,-0.01151,-0.02753,0.06222,-0.10504,0.02335,-0.00274,0.09049,0.00562,-0.05506,0.04955,0.09136,0.04167,-0.01702,0.07599,-0.01115,-0.0002,-0.0269,-0.03716,-0.00903,-0.01994,0.02006,0.02512,-0.10401,0.05538,0.03424,0.00506,0.01994,0.00756,0.0171,0.01572,-0.02308,0.05355,-0.04043,0.10627,-0.08598,-0.0431,-0.07057,0.04431,0.04257,-0.08437,-0.03338,0.09361,0.01426,0.05508,0.02459,-0.05587,0.01417,-0.05572,0.02708,-0.01121,-0.01803,0.04166,0.01019,-0.15666,-0.04328,0.05616,0.10665,0.07952,-0.04056,-0.04218,-0.02563,-0.0606,0.08777,-0.06149,0.01968,-0.0057,-0.05539,-0.00296,0.0062,0.06732,-0.06811,0.07774,-0.14814,0.01375,0.06565,0.08185,-0.01879,-0.04243,-0.03152,-0.03826,0.01094,0,-0.09877,0.05652,-0.0587,0.04225,0.05601,-0.01421,0.09712,0.05073,-0.00789,-0.00789,-0.03367,0.07782,0.00417,0.03901,0.04329,0.01712,0.0369,0.01124,-0.04181,0.00767,-0.08668,0.03554,0.04077,0.06926,-0.05393,-0.02462,-0.01659,0.10727,0.08109,-0.03341,-0.0195,0.03861,0.09002,0.07502,-0.01957,0.07707,-0.07514,0.00978,-0.00992,-0.02564,0.02984,0.01721,0.04156,0.01,-0.10112,0.04719,0.01999,0.01436,-0.02346,-0.01913,0.01335,0.00434,-0.06896,-0.01362,0.00478,0.02516,0.03662,-0.04159,0.01629,0.01339,-0.04301,0.03222,-0.05474,-0.0355],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. - STOP (default) — the shifting candidate is clamped at the spacing line in front of the anchor. The remainder of the delta is dropped, the anchor doesn't move. - CHAINPUSH — the anchor is absorbed into the plan and pushed too. If it then collides with the next node, that one moves as well, bounded by maxCascadeDepth. Useful for dense layouts where you'd rather everything cascade than have shifts visually disappear. max Cascade Depth","excerpt":"- STOP (default) — the shifting candidate is clamped at the spacing line in front of the anchor. The remainder of the delta is dropped, the anchor doesn't move. - CHAINPUSH — the anchor is absorbed into the plan and pushed too. If it then collides with the next node, that one moves as well, bounded by maxCascadeDepth. Useful for dense layouts where you'd rather everything cascade than have shifts visually disappear."},{"chunkId":"/examples/reflow-on-resize#11","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.02788,0.00425,-0.0119,0.02163,0.07186,0.05578,-0.00481,0.0718,-0.01101,0.07973,-0.00804,0.04633,-0.04077,0.02378,0.01627,-0.01999,-0.05221,0.06345,-0.08783,-0.04709,-0.01326,-0.03965,0.01043,-0.0042,0.01777,-0.00422,-0.02976,0.04392,0.04248,-0.09262,0.02258,0.04298,-0.05649,0.03604,-0.07955,0.07211,-0.05395,0.05644,-0.0152,-0.06789,0.014,0.10128,0.03212,-0.116,0.05338,0.00263,-0.1265,0.05661,-0.05753,-0.01558,-0.07867,-0.10387,-0.04969,0.08337,0.05783,-0.00586,0.0121,-0.05305,0.07615,0.00521,-0.04767,-0.01404,0.04372,-0.01199,0.01325,0.0507,-0.03694,0.02416,-0.03643,0.11714,0.05104,-0.03148,-0.01658,-0.03796,0.09328,-0.05688,-0.10857,0.09637,-0.00022,0.02677,-0.02375,0.00525,-0.03033,0.01849,-0.01771,0.03795,-0.04459,-0.02836,0.0686,-0.03969,-0.0033,0.0227,-0.00884,0.05597,0.01265,-0.01544,-0.09081,-0.08369,-0.00629,0.02299,0.02989,-0.06458,0.01633,0.05028,0.01182,0.0006,-0.01233,0.0605,-0.02835,0.0452,0.02741,0.01542,0.0284,-0.05402,-0.11201,-0.03057,-0.00536,-0.08729,0.02991,0.00748,0.0303,0.04081,-0.0691,-0.05436,0.10518,0.00183,-0.00455,0,-0.05161,-0.03075,-0.0917,0.04331,0.09309,-0.05629,-0.05807,-0.08415,-0.03987,0.01456,0.01423,0.0565,-0.00878,-0.08281,-0.03815,-0.11044,0.05336,0.12439,-0.1111,0.02101,-0.00888,0.01515,-0.06669,0.03398,0.04522,0.03354,-0.03832,0.04469,-0.08327,-0.00933,0.02425,0.05512,-0.01724,0.0216,-0.03799,0.04808,-0.0527,-0.03081,-0.10854,-0.03207,0.08483,0.00139,-0.05941,0.05723,0.03457,-0.06723,-0.01359,0.03743,0.06893,0.00393,0.04516,0.0974,0.03289,-0.03135,0.03746,0.00921,-0.00635,0.04884,0.02075,0.07233,-0.00695,-0.06946,-0.03781,0.02345,0.07619,0.0361,-0.05726,-0.03538,0.0822,-0.02033,-0.03265,0.08271,0.06033,0.02744,-0.03388,-0.0059,-0.04082,0.0033,0.00783,-0.00265,-0.03573,-0.0285,0.01916,0.04426,0.03754,-0.17545,0.01164,-0.01059,-0.05847,-0.10339,0.06019,0.01504,0.03996,-0.01064,0.07974,0,0.01894,0.06107,0.04055,0.1046,-0.03989,-0.00828,0.0128,0.09898,-0.00393,-0.04051,-0.02909,-0.03828,0.00075,-0.02842,-0.02939,-0.00072,-0.03776,-0.08298,0.03992,0.03483,0.04995,0.03037,0.02586,-0.0061,0.04502,0.06412,-0.02016,0.06537,0.01287,-0.04413,-0.00204,-0.05271,-0.08252,-0.02203,0.03302,-0.07325,-0.01583,0.06107,0.0156,0.01211,0.07809,0.06837,-0.05281,0.02335,-0.02635,-0.00113,0.06014,0.05071,-0.01547,-0.08225,-0.0542,-0.00762,0.00422,-0.0321,0.02311,0.0554,0.08461,-0.00528,-0.03504,-0.02386,0.05415,-0.07682,0.0062,0.01393,0.02723,0.06905,-0.08119,-0.07301,-0.01399,0.05564,0.02956,0.07712,0.03556,-0.025,0.03336,-0.01292,0.06815,-0.04396,0.05852,0.00519,-0.05576,0.0308,-0.03184,0.11047,0.00225,0.06571,-0.18446,0.00558,0.06455,0.03886,-0.08752,-0.09099,0.02632,-0.00775,-0.01317,0,-0.09721,0.06536,-0.09465,0.04945,0.02642,-0.01405,0.05057,-0.00048,-0.05195,0.02987,-0.03706,0.04913,0.04876,0.01816,-0.0001,-0.03688,0.01659,0.00379,-0.0477,0.00123,-0.0456,-0.00649,0.0802,0.09368,0.00206,-0.03207,-0.07512,0.05194,0.01531,-0.06754,-0.04649,-0.01652,0.08225,0.06271,-0.02491,-0.01228,-0.06744,0.02741,0.00516,0.00734,0.04284,-0.01774,0.05287,0.02121,-0.03667,0.02151,0.00933,-0.00804,0.00816,-0.01502,-0.00437,-0.00032,-0.03753,-0.03001,0.03903,0.03913,0.02835,0.05478,0.0258,0.01223,0.00159,0.06172,-0.03876,-0.04407],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. ::: ng-component <reflow-collision</reflow-collision [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.scss :::","excerpt":"::: ng-component <reflow-collision</reflow-collision [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.scss :::"},{"chunkId":"/examples/reflow-on-resize#12","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.00335,0.02503,-0.07778,0.04752,0.10129,0.02533,-0.00657,0.06906,0.00144,0.04536,0.01388,0.05849,-0.04217,0.00439,0.03799,0.00482,-0.01712,0.05265,-0.04942,-0.06184,0.01146,-0.05055,0.00601,-0.00888,0.03127,0.03044,-0.04587,-0.00367,0.07689,-0.07749,-0.00238,0.06755,-0.01879,0.07758,-0.12543,0.06759,-0.01357,0.03051,-0.04002,-0.03821,0.00848,0.03025,0.00321,-0.05808,0.00327,0.05134,-0.15704,0.02671,-0.09643,0.01917,-0.09635,-0.13061,-0.04579,0.09033,0.05806,0.00833,0.05194,-0.04084,0.08215,0.0499,0.05133,-0.00127,0.01338,0.05072,0.05561,0.04793,-0.05185,-0.0009,0.00139,0.04466,0.03482,-0.08115,0.016,-0.00337,0.09611,-0.04063,-0.09923,0.04212,0.00257,-0.01926,-0.02538,0.07216,-0.00655,0.03363,0.00631,0.01377,-0.02053,-0.04568,0.04057,-0.00183,-0.03437,0.02039,-0.0706,0.02087,-0.04227,-0.04415,-0.05082,-0.12134,-0.08613,0.03359,0.09174,-0.02124,0.01355,0.02438,-0.00674,-0.06172,-0.03497,0.03477,-0.02532,0.0128,-0.02886,0.0159,0.00129,-0.0322,-0.11994,-0.04825,-0.05088,-0.03386,0.07758,0.01697,0.03723,0.04166,-0.01899,-0.05356,0.0786,0.01474,-0.05495,0,-0.01414,-0.01013,-0.09686,0.02783,0.07439,-0.03076,-0.06304,-0.06201,0.00407,-0.00528,0.09322,0.06664,-0.00637,0.02796,0.01225,-0.15333,0.03783,0.14604,0.00126,-0.03762,0.03125,0.03421,-0.00712,0.02152,0.05342,0.04463,-0.0371,0.04653,-0.10462,0.0503,0.00401,0.03421,-0.03776,-0.03238,-0.02866,-0.00513,-0.06012,-0.09629,-0.06676,-0.0555,0.02335,-0.0261,-0.05678,0.01279,0.01095,-0.0153,-0.02669,0.02795,-0.008,-0.00052,0.05145,0.02241,0.04147,-0.03077,0.01429,-0.02834,-0.01793,0.04446,0.02387,-0.00174,-0.00453,-0.05475,-0.07063,-0.01406,0.06292,0.04599,-0.0326,-0.04342,0.04958,0.04442,-0.04251,0.07391,0.03054,0.0828,-0.04011,-0.02339,-0.08557,-0.01947,-0.06415,-0.02054,-0.08203,-0.0299,0.03906,0.0282,0.04543,-0.15409,0.01952,-0.02606,-0.05134,-0.068,0.04711,0.00154,0.05154,0.03025,0.04894,0,-0.00328,0.05275,0.01689,0.11193,0.04164,-0.01074,-0.06017,0.0781,-0.00586,-0.05164,0.01173,-0.06705,0.01263,-0.01302,-0.01971,0.00181,-0.04463,-0.09133,-0.02051,0.06463,0.03667,-0.05088,0.01839,0.00555,0.07891,0.058,-0.04335,0.03763,-0.0101,-0.0419,-0.01166,-0.03641,-0.05339,-0.05437,-0.00428,-0.03239,-0.03047,0.03773,0.00617,0.06824,0.04986,0.02384,-0.00606,0.02733,-0.07921,0.02406,-0.00873,0.04118,-0.05779,-0.04099,-0.03887,0.06638,0.03635,-0.06643,-0.01505,0.06613,0.03011,0.06583,-0.04505,-0.03266,0.03838,-0.08877,0.03254,-0.01502,0.02307,0.06475,-0.03179,-0.04456,-0.01426,0.12147,0.12504,0.0876,-0.0296,0.01479,0.03049,-0.02685,0.10438,-0.10424,-0.01204,-0.01129,-0.01101,0.02876,-0.01191,0.03999,-0.00617,0.02408,-0.13871,0.02597,0.04946,0.0883,-0.03471,-0.01369,-0.00873,0.02791,0.03377,0,-0.13899,0.04946,-0.02456,0.02688,0.09104,0.00854,0.09358,0.03767,-0.05962,0.00425,-0.00434,0.04989,0.01382,-0.01051,0.04269,-0.03752,0.03874,0.02734,-0.02984,0.00698,-0.04771,-0.00434,0.04145,0.06582,0.00438,-0.01528,-0.0077,0.05267,0.04623,0.00521,-0.03853,0.02169,0.13126,0.05284,-0.06924,0.08558,-0.07307,-0.0132,-0.04645,-0.00542,0.09004,0.03918,0.00293,0.03041,-0.10333,0.04662,0.05447,0.00878,-0.00202,-0.03128,-0.00057,-0.01596,-0.04739,0.00603,0.0274,0.03936,0.00056,-0.00194,0.02111,0.01924,-0.02715,0.06608,0.01344,-0.05136],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. fReflowIgnore is the directive you reach for when a node has to stay pinned regardless of what the rest of the graph does — annotations, legend labels, stats panels. f Reflow Ignore","excerpt":"fReflowIgnore is the directive you reach for when a node has to stay pinned regardless of what the rest of the graph does — annotations, legend labels, stats panels."},{"chunkId":"/examples/reflow-on-resize#13","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.03474,-0.03254,-0.02552,-0.00521,0.05484,0.00539,0.00524,0.03899,0.03665,0.05676,0.003,0.01539,-0.04835,-0.02779,0.01661,-0.00743,-0.01424,0.05455,-0.05705,-0.08065,-0.01315,-0.0704,-0.02595,-0.03572,0.06116,0.04863,-0.00572,-0.00441,0.10762,-0.13263,0.00554,0.07998,-0.00625,0.05798,-0.10351,-0.01005,-0.08263,0.09233,-0.02195,-0.02956,0.06818,0.07364,0.0911,-0.06702,-0.02439,0.0584,-0.11864,0.02773,-0.07355,0.01845,-0.12942,-0.11617,-0.03948,0.07401,-0.00887,0.03935,0.10914,-0.00963,0.05714,0.02096,0.0479,0.03169,-0.01958,0.00567,0.03567,0.01237,-0.02685,-0.02586,-0.05417,0.02514,0.01677,-0.04394,-0.01464,-0.02281,0.12599,-0.09818,-0.01861,0.04089,0.05428,0.01192,-0.05014,0.02773,-0.02228,0.0381,-0.0514,0.01162,-0.07074,-0.01593,0.07355,0.00114,0.01301,0.00794,-0.07763,-0.02275,0.02631,0.00742,-0.08138,-0.05082,-0.00078,0.02259,0.0766,-0.02177,-0.01922,0.032,0.00727,-0.00171,0.00478,0.03804,0.03294,0.04145,-0.00499,0.03296,-0.00265,-0.0225,-0.12248,-0.06095,-0.01196,0.00817,-0.00193,-0.00234,-0.01558,-0.01438,-0.02346,-0.03599,0.01097,0.02221,-0.05313,0,-0.01907,-0.04672,-0.06768,0.04061,0.04487,-0.05513,-0.04179,-0.07018,0.01304,0.01088,-0.01599,0.10946,-0.03133,0.05567,-0.00865,-0.11715,0.00035,0.09049,-0.04849,-0.01398,0.06166,0.0173,-0.04544,0.01262,-0.00442,0.06229,-0.03782,0.07528,-0.15461,0.03161,-0.04856,0.03937,-0.04925,0.00375,0.01433,0.03616,-0.01496,-0.05014,-0.05587,-0.07976,0.04808,0.02157,-0.04673,0.03236,-0.01222,-0.00844,-0.05268,0.01304,-0.01248,0.02942,0.04494,0.00257,0.05535,-0.02163,0.07867,0.01761,0.01606,0.06192,0.07878,0.0716,0.00456,-0.01405,-0.0513,0.04778,0.11133,0.06838,-0.01936,-0.07089,0.06396,0.0286,-0.00606,0.0552,0.01407,0.03307,-0.04627,-0.01858,-0.06719,-0.01962,-0.02618,-0.02374,-0.0683,0.00842,0.08929,0.00347,0.03782,-0.13775,-0.01927,-0.01835,-0.03278,-0.07171,0.05332,-0.02934,0.07321,0.0774,0.05673,0,-0.09116,0.06848,0.03039,0.09285,0.02643,-0.03816,0.01903,0.07889,0.02106,-0.01868,-0.02679,-0.01987,-0.04066,-0.02399,0.00962,-0.03677,0.03712,-0.11084,-0.04158,0.0236,0.05594,0.00201,-0.04269,0.02976,0.06966,0.03724,-0.0037,0.08882,-0.06618,-0.01899,-0.0214,-0.00879,-0.03305,-0.00375,-0.02308,-0.03172,-0.08685,0.0454,0.03856,0.02376,0.01724,0.01599,0.01712,0.00435,-0.02828,0.03197,-0.03109,0.05612,-0.05239,-0.05039,-0.03863,0.0132,0.04553,-0.01214,-0.02124,0.12492,0.06842,0.08244,0.04546,0.00018,-0.0112,-0.07942,0.02005,-0.01902,-0.01891,0.07008,0.03241,-0.08483,-0.00415,0.06295,0.12485,0.10926,-0.00454,-0.01441,0.00438,-0.0444,0.04388,-0.05797,0.0267,-0.02184,-0.05931,0.01719,0.00286,0.05047,-0.06996,0.06268,-0.14287,-0.00058,0.06184,0.09018,-0.03384,-0.04953,-0.0187,-0.0517,0.00691,0,-0.11105,0.03875,-0.03304,0.0687,0.0589,0.01717,0.0669,0.0489,-0.00984,0.00722,-0.03675,0.03785,0.02645,0.03213,0.03568,0.00979,0.0541,0.01963,-0.04436,-0.04471,-0.03403,0.01282,0.12721,0.04932,-0.0015,-0.05812,-0.09018,0.09264,0.04729,-0.04227,-0.04588,0.05098,0.08135,0.06212,0.00455,0.05464,-0.06313,-0.03802,-0.00019,0.01901,0.03511,0.01512,-0.00247,0.00588,-0.11181,0.06952,0.039,-0.03244,-0.01673,-0.0359,0.05448,-0.00611,-0.07064,-0.01682,0.00676,0.00839,-0.01047,-0.002,0.03801,0.01432,-0.04122,0.04306,-0.0441,-0.05198],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Delta source — by how much each candidate moves deltaSource decides how the shift magnitude is computed once a candidate is picked. The source has only the top and bottom handles — drag the top handle upward to see the difference clearly: the source grows, but only its top edge moves; the bottom stays where it is. delta Source","excerpt":"Delta source — by how much each candidate moves deltaSource decides how the shift magnitude is computed once a candidate is picked. The source has only the top and bottom handles — drag the top handle upward to see the difference clearly: the source grows, but only its top edge moves; the bottom stays where it is."},{"chunkId":"/examples/reflow-on-resize#14","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.02146,-0.00843,-0.05701,-0.03708,0.0531,0.02378,-0.06057,0.09998,0.00387,0.05747,-0.01444,0.03499,-0.05436,0.00122,-0.00577,0.01329,0.01957,0.08885,-0.04334,-0.03052,-0.06992,-0.0838,-0.00939,-0.02573,0.06036,0.03597,-0.0124,0.01774,0.06639,-0.1255,0.05066,0.10424,0.02127,0.05563,-0.06986,0.01319,-0.04361,0.03868,-0.02115,-0.03774,0.0547,0.10636,0.06656,-0.04616,-0.03801,0.04736,-0.1205,0.02653,-0.08908,-0.00762,-0.04985,-0.09939,-0.07574,0.09434,0.00901,0.05444,-0.00159,-0.00621,0.06153,0.02861,0.09367,-0.01618,0.01225,0.01538,0.00919,0.01799,0.01699,-0.02497,-0.04035,0.0355,0.05785,-0.01939,-0.02131,-0.01863,0.10142,-0.04882,-0.00403,0.02299,-0.00339,0.02538,-0.08277,0.04611,0.00924,0.0369,-0.03855,0.0078,-0.05374,-0.04035,0.0363,0.01008,0.02566,0.05464,-0.07941,-0.03172,0.06765,-0.03103,-0.08201,-0.04892,-0.03792,0.0287,0.06558,-0.01388,0.01458,0.0087,0.03836,-0.01897,-0.03615,0.01968,0.01361,-0.01267,-0.00343,0.03156,-0.03644,0.01363,-0.12285,-0.06854,0.01687,-0.03248,0.05706,0.00214,0.01723,0.02803,-0.01065,0.00429,0.01228,0.04003,-0.05782,0,-0.05598,0.00953,-0.03243,0.03071,0.04065,-0.02376,-0.05017,-0.0165,0.01103,-0.01195,-0.01807,0.06071,-0.04075,-0.00205,0.02285,-0.11074,-0.01872,0.11106,-0.08645,-0.02207,0.06874,0.07699,-0.02197,0.04701,-0.02971,-0.04687,-0.0292,0.02367,-0.13238,0.01753,-0.06624,0.00029,-0.02239,0.00161,0.00732,0.12834,-0.03529,-0.0871,-0.07256,-0.0763,0.01262,0.05106,-0.01586,-0.00515,0.0312,-0.00321,-0.05606,-0.01387,0.03496,-0.01325,0.05132,0.03301,0.0751,-0.03003,0.08197,-0.0047,0.0231,0.06087,0.04064,0.07976,0.00299,-0.09372,-0.03518,0.03717,0.05419,0.04917,-0.03107,-0.06538,0.057,-0.01229,-0.01534,0.074,0.02671,0.10316,-0.06402,-0.02149,-0.03538,-0.0017,-0.01327,-0.05459,-0.05079,0.03766,0.02147,-0.02957,0.03771,-0.12427,0.03141,-0.0412,-0.02115,-0.0016,0.05541,-0.00923,0.08949,0.07631,0.02356,0,-0.11478,0.01929,-0.00916,0.1138,-0.00767,0.01167,0.0172,0.04655,-0.02679,-0.05484,0.01018,0.00882,-0.03854,-0.04535,-0.02606,-0.00796,0.04578,-0.15415,-0.01546,-0.00575,0.0796,0.0207,-0.03528,0.04583,0.0686,0.05034,-0.0641,0.02789,-0.00623,0.0222,-0.02442,-0.01306,-0.07906,-0.00449,-0.00325,-0.01034,-0.1154,0.04608,0.02283,0.04316,-0.0242,0.0388,-0.05782,0.02193,0.03016,0.0461,-0.03457,0.06887,-0.07622,-0.04773,-0.06537,0.0588,0.04952,-0.02738,-0.04213,0.11066,0.0463,0.05067,0.01788,-0.00628,0.01172,-0.1058,-0.00541,-0.05419,-0.08131,0.04844,0.03656,-0.05072,-0.07021,0.092,0.0418,0.09856,-0.04318,0.01017,-0.02674,-0.03392,0.10254,-0.04211,0.03895,-0.0006,-0.12891,0.05862,-0.00706,0.04346,0.02568,0.0095,-0.07014,-0.00889,0.06428,0.08331,-0.03132,-0.0776,-0.02863,-0.0501,0.05088,0,-0.1216,0.05729,-0.05421,0.06564,0.049,-0.03389,0.07723,0.04604,-0.01552,-0.01154,-0.06347,0.05549,-0.03633,0.03474,0.03299,0.04284,0.00637,-0.00065,-0.02274,0.01646,-0.06467,0.01904,0.03304,0.01561,-0.05178,-0.03734,-0.05554,0.12228,0.02934,-0.00608,-0.00963,0.05523,0.11079,0.07105,-0.02684,0.03654,-0.02922,0.0336,-0.03103,0.02677,0.05621,-0.00734,0.04032,-0.00218,-0.06684,0.04813,0.01878,0.06173,-0.01888,-0.02353,0.06989,0.00372,-0.07216,-0.01947,0.0342,0.0245,-0.01337,-0.00716,0.01616,-0.00611,-0.06345,0.00848,-0.08085,-0.02401],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. - EDGEBASED (default, recommended) — each candidate follows the edge that actually moved. Top edge moved up → only the node above is pushed up. Bottom stayed put → the node below stays put. - CENTERBASED — the full size delta is applied to candidates picked by centre comparison. The node below shifts down even though the source's bottom edge never moved, because the source's centre moved up. Visibly wrong for asymmetric resize. EDGEBASED is the right choice in almost every case. CENTERBASED is kept for layouts where every resize is symmetric (always grows from the centre).","excerpt":"- EDGEBASED (default, recommended) — each candidate follows the edge that actually moved. Top edge moved up → only the node above is pushed up. Bottom stayed put → the node below stays put. - CENTERBASED — the full size delta is applied to candidates picked by centre comparison. The node below shifts down even though the source's bottom edge never moved, because the source's centre moved up. Visibly wrong for asymmetric resize. EDGEBASED is the right choice in almost every case. CENTERBASED is kept for layouts where every resize is symmetric (always grows from the centre)."},{"chunkId":"/examples/reflow-on-resize#15","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.0437,0.00354,-0.0194,0.03387,0.0764,0.06096,0.00302,0.04671,-0.02823,0.0609,-0.00671,0.05178,-0.03821,0.00381,0.03845,-0.00809,-0.04916,0.05496,-0.05903,-0.07663,0.01261,-0.08237,0.01346,-0.0227,0.02882,0.01359,-0.03114,0.04239,0.07619,-0.11239,0.02792,0.08623,-0.04808,0.01541,-0.05042,0.073,-0.05128,0.07176,-0.02675,-0.04537,0.03792,0.09997,0.04867,-0.09266,0.01303,-0.03103,-0.1204,0.02326,-0.05975,-0.01937,-0.07461,-0.11489,-0.05628,0.07488,0.05837,-0.01391,0.00781,-0.0481,0.07818,0.00739,-0.04049,0.00689,0.01121,-0.00569,-0.00893,0.06514,-0.05847,0.00188,-0.05284,0.08621,0.02564,-0.03484,-0.0168,-0.02697,0.09322,-0.07814,-0.07478,0.07665,0.0218,-0.01434,-0.01451,0.00128,-0.01882,0.03605,-0.05063,0.02991,-0.02874,-0.05337,0.06941,-0.0468,0.01852,0.00589,-0.05339,0.03078,0.01378,-0.00107,-0.11825,-0.05646,-0.02695,0.04532,0.04104,-0.0578,0.03451,0.05643,0.00743,-0.01112,-0.01553,0.09267,-0.03155,0.0424,-0.00125,0.02313,0.01408,-0.04786,-0.09159,-0.04463,0.01052,-0.09212,0.02757,0.01522,0.04087,0.05282,-0.04226,-0.04482,0.07791,0.01967,-0.01201,0,-0.02003,-0.03838,-0.07072,0.04801,0.08835,-0.04969,-0.04285,-0.0935,-0.07463,0.02944,0.01591,0.06888,-0.06741,-0.03156,-0.01901,-0.1301,0.04071,0.10183,-0.09239,0.00061,0.00902,0.02888,-0.05946,0.01181,0.04852,-0.00048,-0.0245,0.07356,-0.12299,-0.00285,0.01102,0.04063,0.00516,0.00265,-0.04524,0.03044,-0.03712,-0.00915,-0.10071,-0.05121,0.1118,0.01503,-0.04318,0.05978,0.03175,-0.03042,-0.0265,0.01596,0.05557,0.00726,0.04629,0.09496,0.03392,-0.03757,0.04338,-0.00656,-0.02087,0.06992,0.04696,0.04849,-0.00967,-0.03653,-0.07419,0.03753,0.08256,0.03991,-0.02155,-0.0364,0.05852,-0.02311,-0.06218,0.06848,0.04014,0.02953,-0.01967,-0.03118,-0.04566,0.00807,-0.01096,-0.01626,-0.03736,-0.03544,0.01728,0.06404,0.06006,-0.18816,-0.00059,-0.01842,-0.03547,-0.12022,0.03994,0.01873,0.03758,-0.00605,0.05162,0,0.02425,0.0632,0.04058,0.10712,-0.01237,0.00329,0.03581,0.11024,0.02428,-0.03021,-0.01654,-0.03787,0.00558,-0.04805,-0.0189,0.00163,-0.04218,-0.06441,0.01947,0.04982,0.04405,0.06889,0.01478,0.02392,0.05375,0.0539,-0.02405,0.09749,-0.01985,-0.05202,-0.0061,-0.03014,-0.0874,-0.02339,-0.00809,-0.07608,-0.04771,0.09237,0.01208,0.03682,0.08528,0.05097,-0.04715,0.0011,-0.03895,-0.00135,0.05303,-0.01936,-0.06627,-0.07462,-0.08784,-0.03461,0.00672,-0.01182,0.01764,0.02998,0.0648,0.02027,-0.02817,-0.00167,0.07126,-0.08261,-0.0068,-0.04056,0.04533,0.05848,-0.04438,-0.07568,-0.00089,0.04739,0.04131,0.0733,0.01929,-0.007,0.02979,-0.0117,0.05523,-0.03779,0.04971,-0.01239,-0.06468,0.02565,-0.03521,0.07866,0.0071,0.07116,-0.17136,0.01798,0.09015,0.05235,-0.0823,-0.09229,0.02945,0.01838,0.00872,0,-0.10682,0.06897,-0.07829,0.0423,0.01931,-0.02894,0.04982,0.00313,-0.04902,0.01298,-0.02631,0.05906,0.06375,0.02214,0.01401,-0.01404,0.01379,0.04102,-0.04465,-0.00015,-0.05241,0.00751,0.08907,0.08654,0.00507,-0.05446,-0.07607,0.05623,0.02244,-0.04221,-0.04888,0.00835,0.06629,0.05237,-0.04159,-0.02495,-0.05051,0.00879,0.00023,0.01795,0.04637,-0.04141,0.02227,0.00635,-0.04255,0.00897,0.02125,0.00667,0.00144,-0.02469,0.00812,-0.00149,-0.05051,-0.03076,0.0543,0.01158,0.00716,0.09153,0.02017,-0.01068,-0.00568,0.05938,-0.03776,-0.0467],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. ::: ng-component <reflow-delta-source</reflow-delta-source [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.scss :::","excerpt":"::: ng-component <reflow-delta-source</reflow-delta-source [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.scss :::"},{"chunkId":"/examples/reflow-on-resize#16","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.01852,-0.02124,-0.05063,0.02514,0.03757,0.05297,-0.03348,0.01873,0.02595,0.07807,-0.01416,0.03876,-0.03779,0.02299,-0.05216,-0.00016,-0.04953,0.02237,-0.08446,-0.01268,0.01492,-0.09846,0.05597,-0.00498,-0.00912,0.01333,-0.02075,0.02284,0.05007,-0.10424,0.0307,0.07945,-0.0911,0.01399,-0.11293,0.03609,-0.01019,0.07486,-0.0349,-0.03832,0.05995,0.06513,0.04488,-0.07993,-0.00419,0.06243,-0.11321,0.03739,-0.07252,0.01544,-0.06289,-0.09356,-0.03243,0.11929,0.05927,-0.04862,0.02963,-0.05329,0.1001,0.0092,-0.06074,-0.01293,0.03214,-0.01699,-0.03566,0.03496,-0.08986,0.01322,-0.05228,0.09338,0.04473,-0.05849,-0.02559,-0.05054,0.09957,-0.04451,-0.06105,0.07373,-0.01612,0.01068,-0.00688,0.0075,-0.05142,0.0463,-0.06928,0.00298,-0.06289,-0.06475,0.08444,-0.04989,-0.00413,0.04734,-0.05645,0.00626,0.03044,-0.03277,-0.09005,-0.03351,-0.07428,0.01691,0.03385,-0.03059,0.01265,0.05818,0.05042,0.00937,0.00012,0.01722,-0.08257,0.03456,0.02942,0.03147,0.01567,0.00561,-0.03553,-0.0325,-0.0074,-0.06581,-0.04789,0.00918,0.00892,0.08155,-0.05993,-0.05422,0.10766,0.07003,-0.00338,0,-0.01348,-0.00181,-0.06554,0.02125,0.04407,-0.05163,-0.02274,-0.03246,0.01995,0.08127,0.01269,0.06906,-0.04123,-0.00004,-0.02507,-0.16443,0.05805,0.09485,-0.08937,-0.00062,-0.00863,-0.0045,-0.06323,-0.01245,0.04416,-0.00966,-0.04299,0.05868,-0.04796,-0.01041,-0.00175,0.04656,-0.04501,-0.02432,-0.07002,0.02755,-0.06118,-0.01656,-0.03347,-0.02077,0.05676,0.0092,-0.04215,0.02507,0.02489,-0.0186,-0.00168,0.01237,0.03503,0.00897,0.05555,0.05933,0.04703,-0.01255,0.06212,-0.06515,0.02194,0.08485,0.03351,0.06068,-0.01113,-0.05413,-0.11279,0.03571,0.12879,0.03328,-0.00412,-0.02082,0.07415,-0.01354,-0.04517,0.06318,0.0505,0.01952,-0.02288,-0.04492,-0.04217,0.01048,0.00064,0.00099,-0.02038,0.01367,0.02558,0.04046,0.06426,-0.13581,0.01993,-0.01149,-0.06976,-0.10828,0.0741,-0.00494,0.04811,0.01684,0.03782,0,0.00142,0.0723,0.06783,0.12586,-0.02593,-0.01177,0.02249,0.07377,0.03435,-0.0473,-0.03583,-0.05076,-0.00434,-0.00804,0.02491,0.00485,-0.07579,-0.07811,0.02615,-0.02015,0.04619,0.06427,0.01814,0.05684,0.01615,0.05657,0.00161,0.07008,0.0132,-0.02042,-0.01396,-0.07923,-0.09103,-0.01941,0.0373,-0.06452,-0.04435,0.13929,0.03126,0.03941,0.01791,0.02883,-0.01726,0.03004,-0.02787,0.03366,0.0102,0.041,-0.07867,-0.06668,-0.08721,0.05158,-0.0238,0.00586,0.03294,0.01776,0.10646,-0.04547,-0.00622,-0.05154,0.04028,-0.03504,-0.02448,-0.0593,0.03869,0.10752,-0.01966,-0.10217,0.04247,0.09258,0.01179,0.05673,0.05962,-0.08032,0.05238,0.00874,0.03964,-0.05509,0.02598,0.01337,-0.05651,0.03138,-0.00117,0.07381,-0.04105,0.07472,-0.14317,-0.00475,0.06384,0.08143,-0.04569,-0.10234,0.03118,-0.01303,0.00278,0,-0.08503,0.05851,-0.04334,0.03962,0.01425,0.01454,0.02686,0.03278,-0.0369,0.04838,-0.00142,0.09247,0.04382,0.03186,0.00772,-0.03532,0.0251,0.02451,-0.03257,-0.0104,0.01532,-0.02284,0.06016,0.07977,-0.02836,-0.066,-0.08336,0.01711,0.02695,-0.02168,-0.01718,-0.01775,0.08371,0.08571,-0.02513,-0.0286,-0.07135,0.01579,0.00581,0.04251,0.05984,0.01536,-0.03144,-0.03031,-0.08533,0.02094,-0.00214,-0.01299,0.01221,-0.00021,-0.00914,0.02043,0.00905,0.02005,0.06789,0.01931,-0.04538,0.02609,0.04113,-0.00483,-0.00926,0.0405,-0.05986,-0.05019],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Axis — which directions trigger reflow axis filters which size changes the plan reacts to. The source carries all four directional handles and sits in the middle of four cardinal neighbours. - BOTH (default) — vertical and horizontal passes run independently. Drag any handle and the matching neighbour follows. - VERTICAL — only height changes count. Dragging the left or right handles pushes nothing. - HORIZONTAL — only width changes count. Dragging the top or bottom handles pushes nothing. Switch to VERTICAL or HORIZONTAL when one of the axes is fully managed by your own layout (e.g. you snap nodes to a column grid) and you don't want reflow second-guessing it. ::: ng-component <reflow-axis</reflow-axis [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.scss :::","excerpt":"Axis — which directions trigger reflow axis filters which size changes the plan reacts to. The source carries all four directional handles and sits in the middle of four cardinal neighbours. - BOTH (default) — vertical and horizontal passes run independently. Drag any handle and the matching neighbour follows. - VERTICAL — only height changes count. Dragging the left or right handles pushes nothing. - HORIZONTAL — only width changes count. Dragging the top or bottom handles pushes nothing. Switch to VERTICAL or HORIZONTAL when one of the axes is fully managed by your own layout (e.g. you snap nodes to a column grid) and you don't want reflow second-guessing it. ::: ng-component <reflow-axis</reflow-axis [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.scss :::"},{"chunkId":"/examples/reflow-on-resize#17","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.01752,0.01727,-0.0705,0.04474,0.08619,0.06444,0.0178,0.08971,-0.04469,0.0547,0.04455,0.06013,-0.06618,0.0076,0.05679,-0.00109,-0.00031,0.0219,-0.05798,-0.03417,-0.01764,-0.0419,-0.01042,-0.01373,-0.00462,-0.00018,-0.0061,-0.00588,0.05718,-0.09179,0.0211,0.09338,-0.04104,0.05919,-0.12092,0.05443,-0.02337,0.00004,-0.04094,-0.0741,0.0688,0.07321,0.02113,-0.04522,0.00677,0.01823,-0.10628,0.00949,-0.06874,-0.03499,-0.07746,-0.08991,-0.00746,0.09491,0.01222,-0.0188,0.02275,-0.04947,0.07449,0.04761,-0.01966,0.00916,0.03363,0.01068,0.01896,0.03182,-0.0657,-0.04074,-0.03368,0.01282,0.02375,-0.04929,0.04867,-0.02952,0.09395,-0.07974,-0.07676,0.06123,0.01719,0.02688,-0.00651,0.08309,0.00409,0.02998,-0.01645,-0.00961,-0.04005,-0.07568,0.02809,-0.03227,-0.00378,-0.01582,-0.05845,0.03005,0.01859,-0.07034,-0.06491,-0.14359,-0.09395,0.02957,0.0488,-0.02233,0.00323,0.04426,-0.0182,-0.03033,-0.03714,0.04717,-0.02056,0.03057,-0.01038,0.01483,0.02467,-0.03199,-0.09793,-0.07927,-0.03949,-0.05676,0.06708,-0.00747,-0.01614,0.03117,0.00958,-0.02852,0.10088,0.02572,-0.04459,0,-0.05658,-0.00089,-0.09134,0.0824,0.07636,-0.01689,-0.02211,-0.0479,0.045,0.01567,0.02674,0.05264,-0.01596,0.04505,-0.00613,-0.16904,0.00395,0.13116,-0.00439,-0.02522,0.04689,0.05354,-0.02828,-0.00101,0.04921,0.02108,-0.05365,0.0555,-0.09442,0.03413,0.04152,0.04121,-0.05568,-0.00346,-0.01157,-0.00335,-0.05748,-0.05451,-0.09681,-0.02311,0.06406,-0.00805,-0.07566,0.00565,0.01198,-0.01363,-0.03211,0.03448,-0.01179,-0.01557,0.05595,0.06348,-0.00495,-0.01107,0.05387,-0.04224,-0.00264,0.02003,0.08261,0.02341,-0.02609,-0.07786,-0.09708,0.0017,0.05151,0.02159,-0.01203,-0.09004,0.03794,0.04203,-0.02596,0.07226,0.01987,0.04868,-0.03824,-0.01487,-0.06268,-0.00118,-0.06798,-0.01209,-0.04404,0.01865,0.05424,0.06448,0.07448,-0.15981,0.00769,-0.05222,-0.02,-0.08018,0.057,-0.01895,0.03746,0.0197,0.08438,0,-0.00819,0.022,0.03001,0.07708,0.06222,-0.02304,-0.01658,0.11406,0.00566,-0.044,-0.03594,-0.03108,0.06272,-0.03035,-0.06726,0.01121,-0.06488,-0.07906,0.00348,0.04175,0.03656,-0.02456,0.07427,-0.00368,0.10924,0.07418,-0.0456,0.11883,-0.00414,-0.01739,-0.024,-0.02373,-0.04436,-0.04335,-0.02179,-0.01707,-0.0791,0.08285,0.00947,0.03799,0.07658,0.02794,-0.01914,0.05646,-0.06878,-0.00914,0.01246,0.0084,-0.01302,-0.01067,-0.07257,0.00479,0.03002,-0.04377,-0.00844,0.06572,0.07926,0.04935,-0.01854,0.00335,0.05743,-0.09344,0.05195,-0.05547,0.02074,0.03283,0.01252,-0.01717,0.03481,0.09483,0.09296,0.05014,-0.00774,0.00413,0.04906,-0.00164,0.08956,-0.06225,0.03631,0.00228,-0.03837,-0.00778,-0.03445,0.06029,0.01243,0.01945,-0.08974,-0.02954,0.07433,0.08225,-0.05813,-0.02501,0.01444,0.00715,0.02044,0,-0.11054,0.05256,-0.03424,0.06622,0.03971,-0.02761,0.06189,-0.01339,-0.08363,0.01857,-0.04459,0.07423,0.00043,0.00704,0.05072,-0.00279,-0.02225,0.02919,-0.03369,-0.03171,-0.05619,0.01374,0.09532,0.0785,-0.01119,-0.00586,-0.05325,0.01307,0.04997,0.01635,-0.04972,0.04176,0.10914,0.0681,-0.09212,0.04516,-0.09423,-0.01382,-0.04841,-0.04323,0.06292,0.02933,0.00052,-0.00862,-0.11124,0.04374,0.03049,0.01214,-0.01211,0.00622,0.00121,0.01459,-0.05965,0.01288,0.0112,0.03904,0.00542,-0.01815,0.04256,0.02092,-0.103,0.02896,0.01543,-0.0448],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Runtime config via FReflowController FReflowController is provided at the same injector as provideFFlow(...), so any component below the provider can inject it directly: F Reflow Controller provide F Flow","excerpt":"Runtime config via FReflowController FReflowController is provided at the same injector as provideFFlow(...), so any component below the provider can inject it directly:"},{"chunkId":"/examples/reflow-on-resize#18","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.03544,-0.00238,-0.02196,0.08668,0.02951,0.0572,-0.06418,0.02747,-0.04636,0.07646,0.00495,0.0816,-0.04796,-0.03795,0.01973,0.01127,-0.03097,0.0007,-0.05213,-0.0318,-0.07187,-0.06341,0.01688,-0.03391,0.08762,0.03406,0.00048,-0.00007,0.04365,-0.07993,-0.00331,0.08891,-0.05373,0.02501,-0.07692,0.08584,-0.03209,0.063,-0.00651,-0.04858,0.05212,0.07377,0.00968,-0.0649,-0.04779,0.03905,-0.12185,0.0436,-0.05157,-0.02498,-0.03425,-0.07808,-0.04463,0.03245,0.04711,0.01561,0.0601,0.04231,0.06334,0.0403,0.01294,0.03046,0.03563,0.02676,0.02838,0.05743,-0.00944,-0.00245,-0.04776,0.03529,0.0344,-0.02707,0.01006,-0.04192,0.11399,-0.03608,-0.07927,0.04227,0.02311,-0.00616,0.02505,0.06643,-0.00519,0.03948,-0.04419,-0.0236,-0.02563,-0.094,0.04975,-0.04912,-0.04306,-0.01399,-0.03889,0.00661,0.01214,-0.01542,-0.08859,-0.0522,-0.06784,0.01552,0.07866,-0.03544,0.05122,0.03727,0.00564,-0.02789,-0.01138,0.06398,-0.04268,0.04219,0.04809,0.06164,-0.01063,-0.01557,-0.10423,-0.0218,-0.01157,-0.02112,0.01125,0.03171,-0.00158,0.05189,-0.00714,-0.04562,0.05261,0.02538,-0.03558,0,-0.00639,0.0024,-0.11546,0.05949,0.08824,0.00771,-0.06885,-0.0433,0.00682,-0.00464,0.07243,0.05693,-0.02736,0.04585,-0.0043,-0.11579,0.05015,0.13487,-0.03153,-0.03831,-0.01171,0.05151,-0.02941,0.01613,0.01593,0.02841,-0.02193,0.05252,-0.12248,-0.01284,-0.0297,0.07945,-0.0276,0.02175,-0.06343,0.02298,-0.05254,-0.04997,-0.05977,-0.04596,0.04313,0.01543,-0.04621,-0.00689,0.01401,-0.01423,-0.01541,0.02089,-0.01219,-0.036,0.03019,0.09034,-0.00873,0.0015,0.03073,-0.06901,0.01275,-0.01069,0.08392,0.03481,0.03458,-0.05491,-0.08668,0.06831,0.0484,0.04356,-0.01967,-0.06785,0.05414,0.0051,-0.0215,0.04066,-0.01275,0.05974,-0.05633,-0.05758,-0.08311,0.00008,-0.0509,-0.00999,0.01387,0.02756,0.03067,0.05818,0.08435,-0.16367,0.01048,0.00461,-0.00835,-0.03314,0.08005,-0.03582,0.07143,0.03096,0.08002,0,-0.0172,0.04554,0.02662,0.06046,0.00658,-0.04799,-0.01416,0.11137,0.01005,-0.04914,0.01501,-0.05158,0.00427,-0.04113,-0.09083,-0.00477,-0.02073,-0.07097,0.02802,-0.01936,0.06637,-0.04874,0.0077,0.03312,0.09871,0.02194,-0.05522,0.06566,0.00446,-0.0184,-0.03111,-0.02542,-0.0658,-0.02867,0.02918,-0.00075,-0.06924,0.07628,-0.01152,0.0123,0.00609,0.02897,-0.04224,0.0563,0.02596,0.02548,-0.02249,-0.00006,-0.11482,-0.03864,-0.0384,0.02797,0.05986,-0.09292,-0.00984,0.04094,0.08325,0.06229,0.01946,-0.05516,0.04366,-0.07518,0.02505,-0.01448,-0.01511,0.09073,-0.01522,-0.07896,0.0285,0.09529,0.05311,0.02829,-0.06525,-0.04823,0.04876,-0.0289,0.09097,-0.07315,0.04838,-0.01294,-0.04421,0.01459,-0.02248,0.04007,-0.01936,0.07446,-0.11055,0.06878,0.06279,0.11776,-0.08158,-0.06104,-0.00626,-0.01317,-0.02038,0,-0.12798,0.09363,-0.05312,0.06904,0.08238,-0.02596,0.09427,0.05978,-0.01142,0.04733,-0.04852,0.07003,0.01797,0.00322,0.0127,-0.01609,0.00421,0.03172,-0.03328,-0.03116,-0.03375,0.01068,0.08045,0.10978,0.01945,-0.06627,-0.03126,0.03864,0.02415,-0.00314,-0.05983,0.00834,0.0943,0.08646,-0.07295,-0.02402,-0.05602,0.03709,0.00081,-0.04074,0.03753,-0.00449,0.03736,-0.00173,-0.0979,-0.01462,0.05199,0.03714,0.03332,-0.02406,-0.00864,0.01601,-0.03252,-0.04277,0.03242,0.01262,-0.00453,0.0342,0.06302,0.01548,-0.11115,0.00634,-0.07703,-0.0923],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. setConfig(...) accepts a partial config and merges it with what's already there. The change takes effect on the next resize — no provider rebuild, no graph rebuild. Use it for runtime UI: a \"freeze layout\" toggle while a user does bulk edits, switching mode from CENTEROFMASS to DOWNSTREAMCONNECTIONS when entering a different editing mode, etc. Click Disable reflow, drag the source's bottom handle: the neighbours stay put. Re-enable and the next drag does shift them again. set Config","excerpt":"setConfig(...) accepts a partial config and merges it with what's already there. The change takes effect on the next resize — no provider rebuild, no graph rebuild. Use it for runtime UI: a \"freeze layout\" toggle while a user does bulk edits, switching mode from CENTEROFMASS to DOWNSTREAMCONNECTIONS when entering a different editing mode, etc. Click Disable reflow, drag the source's bottom handle: the neighbours stay put. Re-enable and the next drag does shift them again."},{"chunkId":"/examples/reflow-on-resize#19","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.06156,0.00843,-0.02753,0.03529,0.07982,0.06958,-0.00722,0.03129,-0.02812,0.07766,0.00831,0.05692,-0.05778,-0.00338,0.04916,0.00642,-0.05684,0.0428,-0.0608,-0.05146,0.03943,-0.07783,0.00456,-0.0371,-0.00539,0.00712,-0.01596,0.02908,0.07659,-0.08315,0.02706,0.09757,-0.06826,0.00005,-0.07809,0.08281,-0.04398,0.04787,-0.0255,-0.04622,0.0538,0.08615,0.02709,-0.09947,0.0428,-0.02064,-0.12039,0.04502,-0.05005,-0.03245,-0.0665,-0.11376,-0.04191,0.08183,0.08609,-0.00781,0.03276,-0.03341,0.10008,0.00126,-0.03016,-0.01143,0.02873,-0.00966,-0.01161,0.07614,-0.0714,-0.00193,0.0078,0.06543,0.02415,-0.0366,-0.00586,-0.03563,0.08686,-0.05574,-0.10575,0.06639,-0.01099,-0.00519,-0.01562,-0.0083,-0.02485,0.02792,-0.03185,0.03101,-0.0365,-0.06925,0.05846,-0.04435,0.00075,0.01733,-0.04893,0.01107,-0.02281,-0.01796,-0.09985,-0.05924,-0.03319,0.04247,0.03661,-0.04998,0.01453,0.07121,0.01658,-0.02158,-0.03397,0.10267,-0.02387,0.05223,-0.01389,0.0236,0.02119,-0.04585,-0.08594,-0.0676,-0.00196,-0.07343,0.01549,0.05944,0.07275,0.06419,-0.0408,-0.06463,0.1198,0.0262,-0.00597,0,-0.01992,-0.035,-0.08019,0.05571,0.08149,-0.04678,-0.02486,-0.06765,-0.01756,0.04457,0.02796,0.06288,-0.06774,-0.03627,-0.02642,-0.15136,0.0279,0.084,-0.0616,0.00204,-0.01565,0.03009,-0.06029,-0.01559,0.04252,-0.01097,-0.02665,0.05698,-0.08498,-0.00391,0.05132,0.03308,-0.00161,-0.00231,-0.04538,0.04165,-0.03916,-0.0113,-0.0929,-0.04138,0.09199,-0.00777,-0.04167,0.03873,0.0408,-0.06144,0.00034,0.0211,0.05742,-0.01574,0.0607,0.09603,0.00851,-0.03855,0.03047,-0.00522,-0.02513,0.05874,0.04125,0.06631,-0.00556,-0.06106,-0.0666,0.04996,0.06795,0.02604,-0.0285,-0.0739,0.04068,-0.01235,-0.02393,0.07834,0.05148,0.0201,-0.02382,-0.02303,-0.06973,0.0264,-0.06054,-0.01475,-0.03046,-0.03454,-0.00097,0.08383,0.07232,-0.16198,0.01971,-0.01577,-0.05011,-0.1276,0.07972,0.01235,0.03245,-0.02975,0.08538,0,0.01976,0.0501,0.03669,0.08032,-0.00087,-0.00554,-0.00726,0.12489,0.01094,-0.01226,-0.02157,-0.02381,0.01222,-0.04276,-0.05401,-0.00653,-0.06262,-0.07369,0.04995,0.05545,0.02942,0.05029,-0.0046,0.01182,0.04384,0.05302,-0.0224,0.11671,0.01075,-0.04023,-0.02357,-0.06151,-0.07484,-0.00145,0.02129,-0.05213,-0.05856,0.08042,0.01423,0.05537,0.07443,0.03375,-0.06125,-0.00289,-0.03775,-0.01144,0.05656,0.00445,-0.04076,-0.06545,-0.06913,-0.00592,-0.00726,-0.0246,0.02155,0.04995,0.06297,0.01382,-0.04737,0.01404,0.08557,-0.07088,0.00941,-0.04972,0.04508,0.08145,-0.04645,-0.08943,0.03201,0.03459,0.05871,0.07328,0.0038,-0.02338,0.05929,-0.02297,0.05519,-0.04624,0.04242,-0.00331,-0.08063,0.00162,-0.03928,0.08787,0.00145,0.0661,-0.18309,0.03058,0.07405,0.04867,-0.07691,-0.0556,0.02481,-0.0141,-0.00259,0,-0.1011,0.04867,-0.02734,0.02684,0.04614,-0.0332,0.05867,-0.04625,-0.08516,0.00517,-0.0232,0.07049,0.05578,0.00174,0.03507,-0.01903,0.02009,0.03721,-0.06378,0.00948,-0.06924,0.00751,0.06155,0.06432,0.0011,-0.04701,-0.05935,0.04646,0.01201,0.00014,-0.03318,-0.00865,0.06047,0.05254,-0.06258,-0.02484,-0.05592,0.00703,-0.00718,-0.0036,0.04396,-0.03586,0.00786,0.00643,-0.03214,0.00964,0.03002,-0.02127,-0.01124,-0.00593,-0.01542,-0.02042,-0.05251,-0.00528,0.05423,0.02371,0.01814,0.05436,0.01749,0.00885,-0.01393,0.0707,-0.01446,-0.02973],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. ::: ng-component <reflow-pattern-live</reflow-pattern-live [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.scss :::","excerpt":"::: ng-component <reflow-pattern-live</reflow-pattern-live [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.scss :::"},{"chunkId":"/examples/copy-paste#0","slug":"copy-paste","route":"/examples/copy-paste","section":"examples","title":"Cut/Copy/Paste","description":"Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example.","group":"Editor State","vector":[-0.02942,-0.01748,-0.09445,0.03613,0.03848,0.04881,-0.08637,0.02025,0.00384,0.09278,0.01696,0.04351,-0.05368,0.04607,0.05365,0.04247,-0.02481,-0.01603,0.01638,-0.07835,-0.00502,-0.02478,-0.00689,-0.03107,0.10192,0.01734,0.01504,-0.01116,0.08092,-0.01755,-0.00682,-0.0412,-0.01013,0.03707,-0.15464,0.10111,0.02435,0.02429,0.00052,-0.05674,0.10831,0.05826,-0.00436,-0.06964,-0.00799,-0.03422,-0.16686,0.04915,0.01137,0.05444,-0.11137,-0.10357,-0.08776,-0.00055,0.02291,-0.06904,-0.00143,-0.05249,0.00073,0.01394,0.00829,0.01757,0.02403,0.04698,0.07546,0.03366,-0.0837,0.10208,-0.04228,-0.01887,-0.05355,-0.07145,-0.05361,-0.00084,0.00571,-0.02239,-0.05461,0.06901,-0.06779,-0.0141,0.07253,0.10786,0.01778,0.10258,-0.06459,0.12146,0.00898,-0.01442,-0.03912,-0.11772,-0.01069,-0.01274,0.06513,0.05565,0.01829,-0.01368,-0.01562,-0.00424,-0.07228,0.03889,0.04246,-0.0595,0.03868,-0.02584,-0.07974,0.00899,-0.02827,-0.01176,-0.00386,0.00551,0.05923,0.06816,-0.14017,-0.08372,-0.05818,-0.08108,-0.04033,-0.03508,0.00838,0.06977,-0.04186,0.06051,-0.04308,0.05601,0.05304,-0.04135,0.01092,0,0.06067,0.06036,-0.01544,0.04043,0.05869,-0.00833,-0.04553,-0.08502,0.02801,0.0313,0.05041,-0.02944,-0.0275,0.04047,0.0156,-0.0433,0.00367,0.05292,0.00057,0.03827,-0.04429,-0.02567,-0.02048,0.09451,0.10469,0.02683,-0.02476,0.01442,-0.03394,-0.01032,0.10688,-0.00067,0.01382,-0.01097,-0.00845,0.00293,-0.03411,-0.05104,0.02405,-0.02363,0.05375,-0.10648,-0.12115,0.07291,-0.02164,-0.04719,-0.03168,0.02641,0.03513,-0.00268,-0.01007,0.07289,-0.0307,-0.07931,0.03649,-0.04295,-0.02422,0.04825,0.08222,0.06335,0.00952,0.00376,-0.0122,0.01319,-0.03224,-0.02704,-0.0582,-0.0972,0.1078,-0.04527,-0.09686,0.012,-0.0751,0.06842,-0.04387,-0.04918,-0.099,-0.0041,0.08114,-0.00419,-0.06111,-0.06672,0.02118,-0.03635,0.02938,-0.09719,0.00093,-0.03222,0.02429,-0.02544,0.04694,0.06299,-0.01061,-0.01153,0.10783,0,-0.00738,0.07223,-0.00984,0.07086,-0.0384,-0.08377,0.00851,0.03673,-0.06164,0.08744,0.06948,0.04817,-0.01937,-0.05598,-0.03074,-0.01212,0.04965,-0.02953,0.02167,-0.0709,0.02512,-0.01042,0.07309,-0.01793,0.00552,0.05702,-0.01026,-0.06099,0.04683,-0.01058,-0.02649,-0.0047,0.04665,-0.05356,-0.04001,0.00809,0.06075,0.09622,0.02012,-0.06201,-0.0085,0.00467,-0.03615,-0.02587,-0.07042,-0.08493,-0.03966,0.04242,-0.03021,0.00488,-0.03084,0.0123,0.02042,-0.08311,-0.00339,-0.00775,0.02764,0.01658,0.0305,-0.05602,-0.03473,-0.05476,0.00684,-0.02436,0.0855,-0.02378,0.02012,-0.08657,0.02031,0.035,-0.02145,0.07386,0.05394,-0.00008,0.09955,-0.00035,0.03599,-0.00954,0.01717,-0.05666,-0.01697,0.03379,-0.00622,0.04985,0.0809,0.04134,-0.04615,0.03242,0.02981,0.04955,-0.08727,-0.01672,0.03065,0.01713,0.03768,0,-0.06945,0.05198,-0.03445,-0.01418,-0.01445,-0.01387,0.00737,-0.02393,0.02938,0.03145,-0.02655,0.08508,-0.06196,-0.01775,0.10272,0.03406,0.05862,0.01702,0.00939,0.01814,0.02193,-0.03082,0.05767,0.07956,0.01682,-0.00733,-0.0811,0.10522,0.00506,-0.02464,-0.04303,-0.03563,0.03226,0.04351,-0.01342,-0.07179,-0.0439,0.00443,-0.01021,0.02112,0.08689,0.00073,0.02504,0.01265,0.01256,0.03174,0.02151,-0.01958,-0.02937,-0.00162,-0.04862,-0.04341,-0.03287,-0.03599,-0.06543,-0.0189,0.06202,0.00565,0.01395,-0.01317,-0.06551,0.07826,-0.0019,-0.04868],"keywords":"Cut/Copy/Paste Cut/Copy/Paste Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example. --- toc: false wideContent: true --- Cut, Copy, and Paste Example wide Content","excerpt":"--- toc: false wideContent: true --- Cut, Copy, and Paste Example"},{"chunkId":"/examples/copy-paste#1","slug":"copy-paste","route":"/examples/copy-paste","section":"examples","title":"Cut/Copy/Paste","description":"Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example.","group":"Editor State","vector":[-0.06546,-0.00115,-0.06412,0.02388,0.03656,0.01792,-0.09327,0.01383,0.01883,0.0885,0.01798,0.06289,-0.02553,0.05113,0.06538,0.06433,-0.01436,0.00051,0.03222,-0.06939,-0.00888,-0.03627,-0.01292,-0.02744,0.11399,0.01018,-0.00427,0.01282,0.11312,-0.00946,0.01126,-0.0446,0.00556,0.05496,-0.16774,0.1008,0.0228,0.03056,-0.00949,-0.03914,0.07248,0.05649,-0.02095,-0.0457,-0.02675,-0.03256,-0.16046,0.04115,-0.00235,0.04991,-0.11749,-0.10463,-0.10061,-0.01671,0.0396,-0.03706,0.00532,-0.05649,0.02872,0.0288,0.04459,0.0178,0.03009,0.04848,0.06139,0.04159,-0.0362,0.08663,-0.02744,0.00681,-0.01307,-0.05268,-0.08428,0.00981,-0.03458,0.00494,-0.06262,0.05859,-0.08422,-0.04342,0.02962,0.06391,0.01974,0.10871,-0.05788,0.08629,0.00425,-0.03636,-0.02637,-0.07441,-0.05178,0.00546,0.07188,0.01825,0.03265,0.03322,0.00476,0.00256,-0.0524,0.05288,0.01391,-0.04456,0.02494,-0.02857,-0.07535,0.00349,-0.06072,-0.01013,-0.04767,0.03019,0.03846,0.10147,-0.12137,-0.03801,-0.04119,-0.06883,-0.01567,-0.05803,0.03163,0.1039,-0.00633,0.08805,-0.03002,0.03212,0.03487,-0.02045,-0.02999,0,0.08321,0.06121,-0.02842,0.00799,0.05916,-0.00587,-0.115,-0.07531,-0.00321,0.01595,-0.00093,0.00339,0.01745,0.06907,-0.00429,-0.04581,0.04166,0.07334,0.00765,0.00007,-0.04351,-0.05648,-0.01887,0.11099,0.09573,0.08886,-0.01591,0.01342,0.01823,-0.02506,0.08412,0.0056,-0.00214,0.0088,0.00724,-0.00073,0.00386,-0.06946,0.02217,-0.06777,0.05689,-0.06351,-0.12375,0.03553,-0.02757,-0.0396,-0.02773,0.01335,0.04455,-0.00258,-0.01044,0.06321,0.00449,-0.01894,0.02343,-0.07095,-0.00535,0.01644,0.05322,0.06151,0.0195,0.02069,-0.00671,0.02864,-0.00735,0.00314,-0.05988,-0.07156,0.08922,-0.05612,-0.1012,0.01392,-0.08159,0.04579,-0.03974,-0.06894,-0.12083,-0.01642,0.02787,0.03055,-0.08899,-0.11427,0.00001,-0.01905,0.0315,-0.10545,0.0251,-0.03188,0.05233,-0.01456,0.06041,0.02112,-0.01672,0.01959,0.11785,0,-0.0309,0.07316,0.0356,0.0597,-0.00186,-0.06741,-0.00655,-0.00226,-0.06364,0.05743,0.02618,0.00847,-0.02178,-0.04432,-0.03011,-0.00518,0.01206,-0.02053,0.03207,-0.06133,0.01198,0.00854,0.02827,-0.01501,0.04456,0.0572,-0.00982,-0.0783,0.02807,-0.02211,-0.05664,-0.00449,0.02115,-0.0783,0.00741,0.05074,0.04924,0.08377,0.01362,-0.04856,-0.00154,0.00958,-0.05099,0.00365,-0.04612,-0.0097,-0.05782,0.07976,-0.09053,0.01497,-0.05461,0.04798,0.02883,-0.11828,0.0084,-0.02594,0.06317,0.04237,0.03377,-0.07208,-0.03718,-0.06578,-0.02267,-0.00743,0.06544,-0.04533,0.02257,-0.11045,-0.0105,0.04014,0.01204,0.06525,0.02669,-0.02226,0.13004,-0.02,0.03063,0.01034,-0.00367,-0.04109,-0.00173,0.05698,0.01475,0.03219,0.02284,0.04739,-0.06822,0.06304,0.01125,0.04527,-0.11725,-0.01144,-0.02047,0.06831,-0.00107,0,-0.08078,0.08745,-0.03405,-0.02357,0.02065,0.02307,0.00303,0.0329,0.03047,0.06394,0.01062,0.0724,-0.04684,-0.00769,0.05671,-0.00076,0.04785,0.00811,0.00463,0.02793,0.01861,-0.02947,0.03315,0.08908,0.03355,-0.06256,-0.0476,0.07953,-0.02692,-0.00587,-0.07141,0.01424,0.08161,0.04502,-0.00879,-0.03287,-0.03638,0.02738,0.00797,0.02116,0.06628,-0.00264,-0.00654,0.00638,-0.00969,0.05603,0.02128,-0.0241,-0.00572,-0.02611,-0.06043,-0.08099,-0.0333,-0.05906,-0.06246,0.00668,0.02386,-0.00005,0.05117,-0.01673,-0.04199,0.07263,0.0009,-0.09042],"keywords":"Cut/Copy/Paste Cut/Copy/Paste Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example. Description Add familiar cut, copy, and paste interactions to a node editor while keeping IDs, offsets, and connections consistent. This pattern matters once users need to duplicate or reorganize larger graph fragments quickly. I Ds","excerpt":"Description Add familiar cut, copy, and paste interactions to a node editor while keeping IDs, offsets, and connections consistent. This pattern matters once users need to duplicate or reorganize larger graph fragments quickly."},{"chunkId":"/examples/copy-paste#2","slug":"copy-paste","route":"/examples/copy-paste","section":"examples","title":"Cut/Copy/Paste","description":"Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example.","group":"Editor State","vector":[-0.03969,-0.00416,-0.08794,0.03082,0.04289,0.11151,-0.0729,0.05283,0.02469,0.04286,-0.03768,0.03817,-0.02279,0.05263,0.03369,0.01806,-0.06263,0.04218,-0.01474,-0.07587,0.00423,-0.04113,0.02803,0.00096,0.04997,0.03554,-0.00819,-0.01503,0.07429,0.01516,0.02551,-0.04558,0.04595,0.05579,-0.12994,0.09496,0.00208,0.06196,-0.00095,-0.05818,0.08394,0.01748,0.00639,-0.10767,0.01222,-0.02574,-0.12828,0.05267,-0.02868,0.04871,-0.09233,-0.10579,-0.07261,0.03676,0.03484,-0.06055,0.03019,-0.11204,0.03448,-0.00339,-0.0318,-0.02272,0.02165,0.02795,0.07782,0.05206,-0.12335,0.09671,-0.07072,0.05095,0.00372,-0.04468,-0.04488,-0.01886,0.02528,-0.03826,-0.08184,0.09709,-0.04902,-0.01365,0.08372,0.04829,0.02518,0.0853,-0.06961,0.09785,0.00086,-0.04882,-0.03105,-0.0945,0.00299,0.05352,0.01693,0.03418,0.06325,0.00751,-0.08509,-0.01188,-0.07567,0.04078,0.01225,-0.05369,0.05653,0.00531,-0.02948,0.0274,-0.01768,0.02802,-0.04765,-0.0013,0.02565,0.05815,-0.04993,-0.05578,-0.04425,-0.08565,-0.0361,-0.06217,0.01224,0.10803,0.02107,0.05995,-0.09038,0.0008,0.06448,-0.02406,0.01956,0,0.0463,0.0675,-0.01826,0.03703,0.03994,-0.03004,-0.03101,-0.13048,0.0142,0.06998,-0.02198,-0.02568,-0.03768,0.0266,-0.05616,-0.06842,0.03654,0.04502,-0.01413,0.02111,0.03588,-0.03953,-0.028,0.05743,0.13193,0.00241,-0.05719,0.02945,-0.03033,-0.01722,0.0814,0.00135,0.02145,-0.06062,-0.02897,-0.02244,-0.00209,-0.03439,-0.01197,-0.03136,0.08856,-0.06842,-0.09656,0.0915,-0.04321,-0.0404,-0.05836,0.01642,0.09137,0.0486,0.01656,0.06268,-0.03246,-0.07554,0.07274,-0.06045,-0.04349,0.04381,0.0337,0.07889,0.01648,0.03734,-0.01518,-0.003,0.03429,-0.02541,-0.0363,-0.03814,0.09151,-0.07166,-0.099,0.05128,-0.06722,0.01551,-0.01375,-0.05099,-0.04361,-0.0126,0.05864,0.02825,-0.0572,-0.10367,-0.02419,0.01003,0.0526,-0.10492,-0.01057,-0.04215,-0.00105,-0.06342,0.08177,0.02789,-0.02451,-0.02365,0.08411,0,0.04714,0.06149,0.03285,0.11759,-0.05456,-0.05278,0.02872,0.05464,-0.03715,0.10418,-0.00053,0.05069,-0.00025,-0.0759,0.01755,0.00878,-0.00452,-0.04453,0.07234,-0.05552,0.03431,0.04166,0.02683,0.01258,-0.03274,0.08144,0.01387,-0.00015,0.04231,-0.02183,-0.0167,-0.01656,-0.00115,-0.01347,-0.03668,-0.0131,0.05053,0.11195,0.02645,-0.06515,0.06693,0.0488,-0.0473,-0.03826,-0.05431,-0.03805,-0.00377,0.00456,-0.00878,-0.04049,-0.06998,-0.01199,-0.03647,-0.03534,-0.00481,-0.03267,0.07621,0,-0.01121,-0.0258,-0.01616,-0.04477,-0.02513,-0.05694,0.0932,-0.00089,-0.01087,-0.06567,0.01995,0.04522,-0.00542,0.06965,0.07718,0.01361,0.09496,0.0268,0.01867,0.04431,0.03267,-0.00192,-0.02092,0.07281,-0.01475,0.08656,0.04245,0.03422,-0.07909,-0.01096,0.05962,0.00402,-0.08809,-0.03131,0.02361,0.01512,0.03693,0,-0.06891,0.01153,-0.03562,-0.00181,-0.02815,-0.02288,-0.02311,-0.04859,0.01027,-0.00003,-0.04056,0.0797,0.01176,-0.04772,0.06581,-0.00315,0.01534,0.01926,-0.00573,-0.00278,0.03403,-0.0095,0.05235,0.09613,-0.00221,-0.05776,-0.06729,0.05346,-0.00503,-0.05095,-0.02631,-0.02479,0.0635,0.0194,0.02315,-0.09338,-0.08749,-0.02231,-0.01254,0.01328,0.08389,-0.05023,0.02411,-0.03845,-0.00612,0.05412,0.00124,-0.02163,-0.03209,-0.01592,-0.04277,-0.00208,-0.04252,0.03695,-0.02411,-0.04251,0.05693,0.055,0.03075,-0.02048,-0.02959,0.07789,-0.0008,-0.08659],"keywords":"Cut/Copy/Paste Cut/Copy/Paste Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example. Example ::: ng-component <copy-paste</copy-paste [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.scss :::","excerpt":"Example ::: ng-component <copy-paste</copy-paste [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.scss :::"},{"chunkId":"/examples/copy-paste#3","slug":"copy-paste","route":"/examples/copy-paste","section":"examples","title":"Cut/Copy/Paste","description":"Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example.","group":"Editor State","vector":[-0.07341,-0.00771,-0.0618,0.02765,0.04943,0.01246,-0.03448,-0.04959,-0.00095,0.04388,0.02238,0.04479,0.00125,0.03129,0.01156,0.04426,-0.01094,0.01896,0.01911,-0.07361,-0.03864,-0.02148,-0.02611,-0.03999,0.11958,0.03797,0.02307,-0.02704,0.1268,-0.03274,0.0156,-0.04195,-0.03208,0.02593,-0.12457,0.09348,0.01656,0.01267,0.01033,-0.01915,0.09745,0.03446,-0.03893,-0.06497,-0.02958,0.00034,-0.15543,0.05275,-0.02618,0.05867,-0.12029,-0.07728,-0.08603,0.03293,0.01864,-0.02528,0.02076,-0.05089,0.01923,0.03649,0.0789,-0.01242,0.02113,0.03444,0.06555,0.05682,-0.05576,0.06774,-0.03651,0.02162,-0.01846,-0.02791,-0.09236,0.00625,-0.02082,0.02973,-0.03438,0.01701,-0.06563,-0.03128,0.0465,0.07291,0.02597,0.0999,-0.06494,0.09636,-0.03794,-0.02324,-0.01326,-0.05988,-0.02606,0.03848,0.08108,0.04304,0.08343,0.01673,-0.0357,0.02685,-0.00677,0.06027,-0.00764,-0.03618,-0.00982,-0.00478,-0.07147,0.00908,-0.04388,-0.00242,-0.03497,0.04199,0.04859,0.10328,-0.05902,-0.03314,-0.03334,-0.04511,0.02439,-0.00733,-0.02464,0.10396,-0.04313,0.04781,0.01569,0.03481,0.02641,-0.02003,-0.00331,0,0.06789,0.04323,-0.04064,-0.02352,0.00985,-0.00079,-0.08536,-0.09085,0.00966,-0.00832,-0.02862,-0.02407,-0.00792,0.03306,0.02289,-0.04354,0.04763,0.09215,0.02107,0.01845,-0.02345,-0.06135,-0.02386,0.0712,0.10882,0.05949,-0.04421,-0.00259,-0.00104,-0.014,0.07099,0.01472,-0.00397,0.01524,-0.00972,0.02853,-0.02383,-0.05081,-0.01401,-0.04929,0.07975,-0.05225,-0.10272,0.1004,-0.01649,-0.08516,-0.04011,0.0477,0.02618,-0.00701,-0.00374,0.05731,-0.04813,-0.09954,-0.03802,-0.06535,-0.04096,0.04771,0.04502,0.08441,0.02338,0.02229,-0.04616,0.04302,0.0323,0.04055,-0.08056,-0.09948,0.06,-0.07197,-0.10442,0.01378,-0.09431,0.04936,-0.05548,-0.09723,-0.11711,0.02611,0.03761,0.01091,-0.07213,-0.06437,-0.04469,-0.04343,0.06478,-0.08455,0.01306,-0.06543,0.01926,0.00993,0.07898,0.04619,-0.01962,0.00684,0.12427,0,-0.02265,0.05814,0.04972,0.09916,-0.02352,-0.0933,-0.03281,0.04797,-0.09225,0.04801,0.03237,0.01556,-0.00471,-0.03768,-0.02708,-0.01646,0.01733,-0.02714,-0.00705,-0.05443,0.07489,0.01635,0.03986,0.0127,-0.00731,0.05343,-0.01033,-0.08384,0.03872,-0.00793,-0.02627,0.03858,-0.02283,-0.04401,-0.00378,0.05448,0.02292,0.09393,0.02626,-0.03521,-0.02517,0.03591,-0.09131,0.01145,-0.04477,-0.04904,-0.04134,0.06842,-0.09306,-0.01018,-0.03511,0.05676,0.00808,-0.08381,0.02887,0.0334,0.03695,0.04716,0.06467,-0.07021,-0.01692,-0.05164,-0.01389,-0.00283,0.0994,-0.0189,0.07172,-0.04681,-0.00615,0.03821,0.03007,0.07913,0.05475,-0.04318,0.13515,-0.04868,-0.01152,0.03826,0.00986,-0.02114,-0.00971,0.06803,0.01238,0.02466,0.04873,0.04071,-0.04524,0.03888,0.00954,0.05458,-0.09846,-0.03711,-0.00229,-0.01684,0.01582,0,-0.08179,0.05801,-0.06337,-0.01694,0.04196,-0.00502,-0.03257,-0.00209,0.03609,0.03281,-0.03103,0.07253,-0.04266,-0.0314,0.04928,-0.00595,0.07791,-0.00252,-0.00566,0.03652,0.02747,-0.04441,0.07015,0.13391,0.02721,-0.08551,-0.0092,0.04888,-0.00045,0.02135,-0.06524,-0.02288,0.06986,0.05367,0.00333,-0.01742,-0.02832,-0.01168,-0.02077,0.04145,0.04717,-0.02521,0.01585,-0.00041,-0.02205,0.02571,-0.00173,-0.01986,-0.00867,-0.00622,-0.04058,-0.09986,-0.04406,-0.05231,-0.05486,-0.04432,0.03905,0.01005,0.05851,0.00124,-0.03404,0.07802,0.02606,-0.11818],"keywords":"Cut/Copy/Paste Cut/Copy/Paste Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example. What this example shows - Copy selected nodes and the connections that stay valid inside the copied fragment. - Cut nodes by copying them and then removing them from the diagram. - Paste clipboard content with regenerated IDs and a slight position offset. - Rebuild connections only when both source and target nodes exist in the pasted selection. Clipboard content is stored in local state, and new IDs are generated during paste so the graph remains valid. I Ds","excerpt":"What this example shows - Copy selected nodes and the connections that stay valid inside the copied fragment. - Cut nodes by copying them and then removing them from the diagram. - Paste clipboard content with regenerated IDs and a slight position offset. - Rebuild connections only when both source and target nodes exist in the pasted selection. Clipboard content is stored in local state, and new IDs are generated during paste so the graph remains valid."},{"chunkId":"/examples/copy-paste#4","slug":"copy-paste","route":"/examples/copy-paste","section":"examples","title":"Cut/Copy/Paste","description":"Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example.","group":"Editor State","vector":[-0.05029,-0.00245,-0.0589,0.01951,0.01677,0.01994,-0.10421,-0.00589,0.04651,0.0741,0.01171,0.0667,-0.0312,0.04276,0.09936,0.03231,-0.02249,-0.00177,0.00003,-0.11832,-0.02754,-0.06443,-0.04816,-0.01127,0.11111,-0.00149,-0.04175,0.00818,0.08548,-0.04155,-0.03058,-0.00795,0.01092,0.06122,-0.1554,0.14918,0.03905,0.03806,-0.00304,-0.04071,0.02583,0.01311,-0.03279,-0.03969,-0.0303,-0.03908,-0.13852,0.01257,-0.00903,0.071,-0.12018,-0.11896,-0.09585,0.0215,0.06392,0.00245,0.02818,-0.04189,0.03203,-0.01319,0.03029,0.00875,0.01192,0.06512,0.04421,0.01929,-0.03482,0.07878,-0.02049,0.00728,0.00706,-0.06415,-0.09273,-0.01786,-0.04091,0.00458,-0.04758,0.03721,-0.06011,-0.03801,0.05887,0.06063,-0.01952,0.138,-0.04323,0.0934,-0.00546,-0.04543,-0.00486,-0.06992,-0.05879,0.00797,0.10265,-0.00577,0.02359,0.03018,-0.00135,0.00658,-0.04806,0.08284,0.01741,-0.05891,0.05639,-0.01451,-0.08463,-0.00044,-0.01815,-0.0166,-0.04595,0.03754,0.02076,0.08405,-0.11016,-0.04417,-0.05491,-0.05427,-0.03308,-0.03596,-0.00694,0.13482,0.01421,0.09151,-0.01932,0.0309,0.05517,-0.01201,-0.02908,0,0.07927,0.06215,-0.02079,0.02676,0.09618,-0.00341,-0.05901,-0.06652,-0.01999,-0.02848,0.0096,0.03073,0.00731,0.07215,0.00098,-0.07529,0.02664,0.08117,-0.00932,0.00063,-0.01922,-0.05722,-0.0281,0.1224,0.08824,0.07868,-0.0083,0.01258,0.03131,-0.00332,0.06038,0.00526,-0.01287,0.03002,-0.03224,0.01531,0.00982,-0.07836,0.05976,-0.04371,0.03284,-0.06231,-0.11898,0.00079,-0.00938,-0.05358,-0.05555,0.02698,0.05254,-0.0061,0.0299,0.05575,0.01385,-0.01362,0.0183,-0.06715,0.00609,0.00873,0.06427,0.07783,0.00296,0.05898,-0.03434,0.08123,0.00758,0.02775,-0.03512,-0.04007,0.12855,-0.09701,-0.11312,0.01355,-0.05624,0.07213,-0.02612,-0.06786,-0.12216,-0.03594,0.00645,0.01205,-0.1194,-0.08731,-0.02074,-0.01758,0.05746,-0.10316,0.01352,-0.02348,0.01156,0.00884,0.03146,0.01487,-0.00165,0.06217,0.10522,0,-0.03441,0.04596,0.02451,0.08476,-0.00307,-0.05108,-0.01967,-0.04694,-0.04744,0.05913,0.01158,0.01145,-0.02789,-0.06112,-0.03192,-0.02849,0.02181,-0.04294,-0.00666,-0.05563,0.02169,-0.02102,0.03151,0.01524,0.01986,0.04959,-0.01906,-0.09814,0.02892,-0.01144,-0.06285,-0.03428,-0.0197,-0.06517,0.05139,0.04894,-0.0038,0.08267,0.01311,-0.03508,0.02765,-0.00926,-0.04726,0.02681,-0.03992,0.02545,-0.04487,0.04334,-0.071,-0.01695,-0.02839,0.03788,0.00385,-0.10908,0.00449,0.01532,0.07393,0.02708,0.02459,-0.06475,-0.03815,-0.05335,-0.01028,0.0189,0.03362,-0.03284,0.00687,-0.05761,-0.02805,0.05407,0.00579,0.07708,0.01493,-0.0223,0.08572,-0.0253,0.01708,0.00012,-0.01063,-0.01395,-0.0312,0.04654,0.01008,0.00296,0.00204,0.06001,-0.04342,0.05862,0.00742,0.02422,-0.11145,-0.01385,0.00349,0.06636,-0.00952,0,-0.05626,0.10099,-0.0234,-0.01928,0.00622,-0.01237,0.00128,0.07246,0.06694,0.0748,0.02453,0.04574,-0.04613,0.00674,0.06431,0.00801,0.0524,0.03578,-0.00697,-0.02815,0.04003,-0.03995,0.01361,0.07497,0.02977,-0.07742,-0.04159,0.0817,-0.02793,0.00569,-0.04419,0.01969,0.06165,0.07028,0.00165,-0.0604,-0.00579,0.04002,0.03293,0.023,0.04258,0.00037,-0.00869,-0.00795,-0.04926,0.02525,0.00928,-0.02792,-0.01023,-0.05544,-0.06915,-0.04695,-0.02641,-0.03428,-0.05225,0.03755,0.04781,-0.02937,0.05625,-0.03381,-0.04137,0.0751,-0.00082,-0.07877],"keywords":"Cut/Copy/Paste Cut/Copy/Paste Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example. When to use it - Users expect desktop-like editing shortcuts. - The editor needs fast duplication of nodes and their connections. - Teams frequently reorganize parts of a workflow by reusing existing graph fragments.","excerpt":"When to use it - Users expect desktop-like editing shortcuts. - The editor needs fast duplication of nodes and their connections. - Teams frequently reorganize parts of a workflow by reusing existing graph fragments."},{"chunkId":"/examples/state#0","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.0777,0.02599,0.00745,0.0444,0.00862,0.00734,-0.00986,-0.0553,0.01286,0.07052,-0.02764,0.0212,-0.03849,0.04428,0.07102,0.02277,-0.01668,-0.03685,0.00849,-0.0325,0.02083,-0.02701,-0.06541,0.03405,0.07085,0.09168,-0.04419,-0.03099,0.06382,-0.02872,-0.02468,0.0646,-0.06387,0.02347,-0.15232,0.03963,-0.01819,0.01985,-0.04834,-0.02211,0.09412,-0.01493,0.00441,-0.05154,-0.0361,0.03415,-0.03923,0.00733,-0.08572,0.05447,-0.03864,-0.0367,-0.04715,0.04093,0.04354,-0.02588,0.09015,-0.03209,-0.05143,-0.00528,0.01239,-0.05073,-0.03451,0.07775,0.00634,0.06273,-0.00458,0.0006,0.03576,-0.04248,0.03932,-0.06616,0.04048,-0.12221,0.03491,-0.08757,-0.04548,0.00713,-0.05696,0.00395,0.04229,-0.00314,-0.00985,0.05129,-0.0145,0.04248,-0.04237,-0.07606,0.08456,-0.02663,-0.07662,0.0242,0.03287,-0.00715,0.07586,-0.03371,-0.01961,-0.01675,-0.08354,0.0218,0.01513,0.0058,0.04273,0.03475,-0.00418,-0.00682,-0.0412,-0.00087,-0.00627,0.03411,-0.00661,0.04433,0.06422,-0.03579,-0.02158,-0.06059,-0.07293,-0.06296,-0.03508,0.09017,-0.03034,-0.00057,0.02592,-0.09513,0.0061,0.02596,0.05134,0,-0.01234,-0.0176,-0.05708,0.01652,0.05729,0.04462,-0.04252,-0.06525,0.03142,-0.00888,0.05797,0.12084,-0.01762,0.1047,0.00399,-0.09192,-0.02037,0.03641,0.05852,0.0272,0.03153,-0.01412,-0.07211,-0.03704,0.06731,0.05738,0.00801,0.06546,-0.0328,0.00298,0.05129,0.00743,-0.02446,0.02393,-0.03466,-0.00903,-0.06657,-0.05137,-0.02008,-0.06291,0.02054,-0.01658,-0.1552,0.01266,-0.08526,-0.07356,-0.02774,-0.04961,0.05286,0.00283,0.03163,0.04515,-0.02782,-0.03005,0.03837,-0.07336,-0.01181,0.07922,-0.00907,0.0963,-0.00995,0.01559,-0.03612,-0.07961,0.03346,0.03171,-0.02289,0.02805,0.0832,-0.0886,-0.07195,0.03939,-0.01491,0.05503,0.05007,-0.05911,0.02984,0.05033,-0.04123,-0.0295,-0.06525,-0.1053,0.02475,0.11525,0.07552,-0.07846,0.00467,-0.12285,-0.10722,0.04667,0.01636,0.02008,0.08913,0.08149,0.04994,0,-0.02636,0.00219,-0.03813,0.09569,0.01328,-0.05888,0.00895,0.07891,0.01796,-0.01194,-0.00807,0.01931,0.01384,0.04026,0.07047,0.02733,-0.00132,-0.13435,-0.02868,-0.00776,0.00425,0.0272,-0.03826,-0.0101,-0.05445,0.09638,-0.0409,-0.08994,0.02783,-0.02242,-0.02526,-0.0728,-0.04359,-0.01253,-0.01239,0.01692,0.00983,0.07511,-0.05277,-0.02632,0.01562,0.02774,-0.05743,0.08968,-0.0163,0.03143,-0.06001,0.03835,-0.11152,-0.01571,-0.04812,0.05453,0.0073,-0.04244,-0.04572,-0.02739,0.11841,-0.00454,-0.016,-0.05859,0.00254,-0.02518,-0.04399,-0.06709,0.02136,0.04325,0.00097,-0.05627,0.0168,0.05,0.03992,0.03441,-0.01451,-0.02328,0.13481,-0.00486,0.06345,-0.04486,-0.00962,-0.02605,-0.03297,0.08321,0.03084,-0.01367,0.04912,0.03923,-0.11783,-0.05924,0.02913,0.10566,-0.08284,0.02182,-0.09716,0.00806,0.03147,0,-0.12457,0.01909,0.06956,-0.03933,0.06924,0.0265,0.03853,0.0713,0.02671,-0.00316,0.07988,0.05237,-0.01588,-0.03327,0.04199,0.00746,-0.01822,0.06272,-0.03327,0.0276,-0.00868,-0.00514,-0.04088,0.11259,0.00372,-0.06025,0.07017,0.01918,-0.02199,0.0686,-0.02439,0.04181,0.12001,0.04252,-0.05671,-0.01075,0.01248,-0.00079,0.01384,-0.01749,0.01508,0.02556,-0.04031,0.00267,-0.06895,0.06262,-0.047,-0.03859,-0.00985,-0.0381,-0.07869,-0.00745,-0.04869,0.1108,0.03387,-0.01218,-0.01349,-0.02488,0.06117,-0.00617,-0.00366,-0.0087,0.01322,-0.02277],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Managed Flow State","excerpt":"Managed Flow State"},{"chunkId":"/examples/state#1","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.0712,0.03855,-0.00704,0.03707,-0.01209,0.02768,0.0428,-0.00073,0.05073,0.0502,-0.04796,0.02105,-0.05669,0.03978,0.0157,0.03821,-0.0293,-0.0371,-0.01726,-0.02343,-0.00648,0.01172,-0.01826,0.01699,0.03473,0.14548,-0.0194,-0.08499,0.06243,-0.01804,-0.02278,0.04186,-0.08331,0.06371,-0.15396,0.06351,-0.05379,0.04321,-0.07791,-0.01363,0.10178,-0.03168,0.0295,-0.01655,0.00511,0.03586,-0.06326,0.02979,-0.05749,0.07359,-0.0471,0.01124,0.07031,0.10564,0.00635,0.02341,0.04033,-0.05461,-0.05465,0.02803,0.03929,-0.04684,0.01732,0.00962,-0.00448,0.0386,-0.01632,0.0258,0.02857,-0.03968,0.05241,-0.02591,0.06024,-0.08253,0.02278,-0.07056,-0.03652,0.01372,-0.04996,-0.00744,0.0668,-0.02541,-0.0003,0.03866,-0.03327,0.06507,-0.04164,-0.04721,-0.01084,-0.01895,-0.10322,0.02057,-0.0194,-0.04029,0.02672,0.02808,-0.04427,0.02692,-0.06249,0.00162,0.02632,0.0159,-0.01042,0.08765,-0.03115,-0.04076,-0.05081,-0.02993,-0.02892,0.01433,0.02104,0.08578,0.03654,0.01734,-0.02039,-0.06428,-0.081,-0.02185,-0.03785,0.07178,-0.02948,-0.00594,-0.04708,-0.02364,0.03505,0.03836,0.05375,0,-0.00872,0.00656,-0.05019,-0.01613,0.02727,0.02305,-0.09465,-0.07508,0.03073,0.01659,0.06111,0.09309,-0.02566,-0.00967,-0.03366,-0.11812,-0.05065,0.00492,0.07052,-0.00694,0.03022,-0.00519,-0.09089,-0.00835,0.05024,0.04895,-0.04894,0.07267,-0.00842,-0.01262,0.06764,-0.00234,-0.00071,-0.02421,-0.02844,-0.04903,-0.04839,-0.03852,-0.023,-0.06724,0.04107,0.00355,-0.08409,-0.04188,-0.08097,-0.07609,-0.0251,0.03045,0.07533,-0.02175,0.05734,0.03006,-0.01618,-0.06259,0.03146,-0.04306,-0.02828,0.08501,-0.00413,0.10766,-0.01757,0.02702,-0.03288,-0.09796,-0.0042,0.05989,-0.03286,0.00436,0.0786,-0.06473,-0.05888,0.05626,-0.03041,0.06499,0.06447,-0.00623,-0.01664,0.01902,-0.05868,-0.03278,-0.00955,-0.12926,0.0095,0.17018,0.10592,-0.04246,-0.00492,-0.11874,-0.10392,0.01432,0.0135,0.02464,0.06945,0.00921,0.02693,0,0.04041,0.03858,-0.04778,0.09953,0.04636,-0.0659,0.04738,0.13178,0.00922,-0.01128,-0.01978,0.02721,-0.00504,0.00899,0.0228,0.0303,-0.00127,-0.11091,-0.00317,-0.03178,-0.03315,0.04487,-0.00484,0.02685,-0.10158,0.07353,0.00802,-0.05695,-0.00166,-0.03331,-0.02286,-0.06304,-0.02426,-0.05913,-0.05213,-0.02835,0.00299,0.0606,-0.01098,0.00735,-0.00174,0.05359,-0.08414,0.06436,-0.07646,0.01293,-0.08232,0.04717,-0.07302,0.01156,-0.03266,0.05582,0.01041,-0.02956,-0.01952,0.01282,0.10721,-0.05182,-0.04445,-0.05864,-0.00984,-0.01849,-0.01619,-0.05094,0.06123,0.03529,-0.01718,-0.07897,0.02782,0.09064,0.05734,0.02591,-0.01418,0.00018,0.17666,0.05462,0.02708,-0.05166,0.04467,-0.0055,-0.02355,0.041,0.04343,-0.00041,0.07605,0.06503,-0.10009,-0.0414,0.06494,0.1268,-0.05384,0.03846,-0.06522,-0.01444,0.00667,0,-0.11076,-0.01572,0.03173,-0.0297,0.02729,0.01171,0.04344,0.03984,0.0192,-0.03069,0.01234,0.0606,-0.03973,-0.04389,0.07442,-0.00249,0.0465,-0.00783,-0.05801,0.02901,-0.00862,-0.01785,-0.06731,0.09715,0.05535,-0.05411,0.05771,-0.00904,-0.00849,0.01554,-0.00028,-0.01146,0.10889,0.04053,-0.07431,0.02427,0.01815,-0.02116,0.00716,0.02981,0.01531,0.05971,-0.04259,-0.00549,-0.08897,0.05989,-0.03304,-0.02244,0.03463,-0.02593,-0.05054,-0.03777,-0.07729,0.0868,0.03573,-0.00634,-0.01224,0.01935,0.07208,-0.00751,-0.01569,-0.00765,-0.02691,-0.03281],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Description provideFFlow(withFlowState()) turns on the graph state built into Foblex Flow. The application loads plain data once, renders the nodes, groups and connections signals with @for, and reads the data back whenever it needs to persist — there is not a single gesture handler in the component below. Your records are your own shape: extend the framework interface with any fields — no data wrapper. `ts interface MyNode extends IFStateNode { text: string; // your fields live right on the record } provide F Flow with Flow State My Node IF State Node","excerpt":"Description provideFFlow(withFlowState()) turns on the graph state built into Foblex Flow. The application loads plain data once, renders the nodes, groups and connections signals with @for, and reads the data back whenever it needs to persist — there is not a single gesture handler in the component below. Your records are your own shape: extend the framework interface with any fields — no data wrapper. `ts interface MyNode extends IFStateNode { text: string; // your fields live right on the record }"},{"chunkId":"/examples/state#2","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.08207,0.01279,0.0031,0.06513,0.01819,0.02129,-0.006,-0.0518,0.03121,0.05403,-0.04289,0.0484,-0.04929,0.04307,0.03975,0.04225,-0.00728,-0.02196,-0.00321,-0.03296,0.01477,-0.04704,-0.06749,0.02467,0.04117,0.0777,-0.04261,-0.06217,0.07836,-0.01332,-0.02999,0.06233,-0.08442,0.01555,-0.13546,0.10108,-0.02199,0.01642,-0.05355,-0.00836,0.13062,0.01106,0.02371,-0.06171,-0.01123,0.00269,-0.06024,0.00166,-0.08204,0.03835,-0.03095,0.00218,0.01516,0.03483,0.02119,-0.04006,0.09887,-0.04419,-0.05013,-0.01462,0.00225,-0.05641,-0.00268,0.04396,0.01204,0.07635,0.03358,0.02961,0.02236,-0.03586,0.0593,-0.03393,0.0486,-0.08507,0.04455,-0.06996,-0.04271,0.02558,-0.02652,-0.0053,0.04711,-0.0041,0.01016,0.02172,-0.02961,0.08437,-0.03417,-0.11535,0.06687,0.02339,-0.10932,0.03464,0.00622,0.00276,0.07325,0.00106,-0.02646,-0.00161,-0.08344,0.01035,0.02324,0.01608,0.03478,0.05662,-0.02622,-0.0432,-0.05643,-0.03648,-0.00754,0.04423,0.0326,0.0572,0.07488,0.00247,-0.0246,-0.08731,-0.03725,-0.02631,-0.02288,0.11525,-0.04521,0.00476,0.00379,-0.07635,0.05403,0.04998,0.01609,0,-0.0318,-0.05627,-0.04234,0.02887,0.04072,0.03812,-0.03204,-0.09065,0.01792,-0.04884,0.03465,0.08614,-0.01547,0.084,-0.01026,-0.09879,-0.00054,0.01551,0.08035,0.02962,0.03113,-0.02124,-0.10683,-0.03191,0.05024,0.0344,-0.02754,0.06773,-0.01696,-0.00092,0.07837,0.03474,-0.00652,0.00891,-0.03715,-0.03594,-0.04341,-0.01581,-0.03125,-0.08316,0.02113,0.00475,-0.1055,0.01917,-0.0728,-0.08325,-0.04729,-0.03338,0.05149,-0.01187,-0.00086,0.0321,-0.01645,-0.07283,0.05992,-0.06074,0.00742,0.08145,-0.00929,0.0825,-0.03677,0.04048,-0.05157,-0.04372,0.04979,0.05792,-0.03755,0.02817,0.02943,-0.09494,-0.06998,0.05303,-0.04103,0.05923,0.03208,-0.06047,0.01175,0.06429,-0.04539,-0.01638,-0.02602,-0.1098,0.00238,0.13645,0.07674,-0.04943,-0.0294,-0.10501,-0.04987,0.04493,0.01471,-0.01128,0.07218,0.05464,0.01435,0,0.01191,0.01823,-0.02419,0.08814,0.03034,-0.06442,-0.00053,0.07455,0.01899,0.0048,0.00232,0.05137,-0.00456,0.03895,0.02218,0.00478,0.01029,-0.1135,-0.00108,-0.01146,0.0076,-0.00345,-0.00878,0.03471,-0.02634,0.07388,-0.0413,-0.07463,0.0147,-0.04077,-0.02196,-0.07909,-0.04631,-0.02993,-0.04908,0.00202,-0.04006,0.08518,-0.03255,-0.00498,-0.00108,0.05125,-0.08254,0.08501,-0.0285,0.01266,-0.02102,-0.00169,-0.09301,0.01744,-0.06909,0.04953,0.04002,0.02383,-0.0283,-0.02921,0.14303,-0.01116,0.02251,-0.0826,0.00505,-0.02433,-0.06324,-0.05898,0.00952,0.02603,-0.025,-0.02378,0.07591,0.06203,0.04645,0.01927,-0.00815,-0.02824,0.13411,-0.0075,0.03796,-0.04935,0.01034,-0.02424,-0.04584,0.06745,0.01958,-0.02838,0.09922,0.02927,-0.0726,-0.03409,0.05289,0.12361,-0.06466,0.01003,-0.10346,-0.02628,-0.0052,0,-0.10767,-0.00865,0.04827,-0.04789,0.07808,-0.03644,0.0358,0.06183,0.00263,0.03973,0.06336,0.07312,0.00169,-0.0618,0.06731,0.00836,0.00241,0.04721,-0.05139,0.00566,-0.03423,-0.03136,-0.04967,0.12266,0.00611,-0.05382,0.08956,-0.03658,-0.00409,0.06686,-0.06522,0.01982,0.10298,0.03205,-0.08962,0.03204,-0.00857,0.00685,0.05675,0.0185,-0.009,0.03297,-0.03749,0.00918,-0.06825,0.06455,-0.073,0.00821,0.00548,-0.0234,-0.06595,-0.01984,-0.08397,0.09703,0.02299,-0.03939,-0.01316,-0.03164,0.06717,-0.00674,-0.02488,0.00387,0.03006,-0.04059],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. @Component({ providers: [provideFFlow(withFlowState())], }) export class Editor { protected readonly state = injectFlowState<MyNode(); constructor() { this.state.load({ nodes: [...], groups: [...], connections: [...] }); } } ` provide F Flow with Flow State inject Flow State My Node","excerpt":"@Component({ providers: [provideFFlow(withFlowState())], }) export class Editor { protected readonly state = injectFlowState<MyNode(); constructor() { this.state.load({ nodes: [...], groups: [...], connections: [...] }); } } `"},{"chunkId":"/examples/state#3","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07876,0.01537,-0.00208,0.05341,-0.00217,0.00669,-0.0149,-0.05202,0.02738,0.06301,-0.02615,0.02317,-0.0415,0.0456,0.06233,0.02373,-0.01533,-0.02937,0.00441,-0.03899,0.02409,-0.02937,-0.07352,0.02368,0.08005,0.08117,-0.03966,-0.02889,0.07031,-0.03234,-0.02479,0.05462,-0.06966,0.01613,-0.14555,0.05074,-0.01866,0.01302,-0.04321,-0.01603,0.09051,-0.01875,0.00741,-0.05276,-0.0405,0.03459,-0.05177,0.01747,-0.08185,0.05433,-0.03669,-0.02679,-0.03808,0.04087,0.04767,-0.01708,0.08162,-0.03204,-0.05272,-0.01111,0.01901,-0.03773,-0.03321,0.06813,0.01322,0.07643,0.00509,-0.00559,0.04341,-0.03094,0.03796,-0.05964,0.02973,-0.11098,0.02858,-0.07269,-0.04758,0.01052,-0.07237,-0.01614,0.04365,-0.01681,-0.0097,0.055,0.00133,0.03863,-0.04961,-0.08869,0.08711,-0.01916,-0.08584,0.03076,0.02728,-0.00224,0.07021,-0.02569,-0.01616,-0.00296,-0.08867,0.0332,0.02205,0.00484,0.03875,0.04267,0.00361,-0.01324,-0.04147,-0.00057,-0.02132,0.03409,0.00097,0.04936,0.05714,-0.03446,-0.0214,-0.05678,-0.07063,-0.05655,-0.04713,0.08201,-0.01662,0.00363,0.01078,-0.08703,0.01856,0.01823,0.06328,0,-0.01273,-0.0254,-0.05034,0.0108,0.06024,0.04163,-0.04912,-0.07664,0.03156,-0.01132,0.06232,0.12492,-0.01727,0.10051,0.00372,-0.08422,-0.02129,0.04882,0.05683,0.02076,0.02418,-0.0161,-0.0777,-0.02984,0.0653,0.07335,0.00781,0.06294,-0.04444,0.0039,0.06461,0.0187,-0.02977,0.01865,-0.02863,-0.0117,-0.05821,-0.04923,-0.02735,-0.06474,0.01252,-0.00645,-0.15504,0.00239,-0.09202,-0.08032,-0.02727,-0.0367,0.06126,-0.00297,0.0349,0.0472,-0.01613,-0.0287,0.02245,-0.07402,-0.0077,0.07567,-0.01288,0.09807,0.00404,0.01379,-0.03565,-0.09011,0.03274,0.04994,-0.02561,0.02604,0.07583,-0.07665,-0.0698,0.04066,-0.00483,0.05054,0.04595,-0.05116,0.01374,0.05189,-0.03644,-0.02385,-0.05612,-0.11818,0.01829,0.10016,0.0698,-0.08221,0.00146,-0.12059,-0.10328,0.03264,0.02499,0.02038,0.10399,0.07451,0.04675,0,-0.0177,0.01657,-0.04404,0.10359,0.01211,-0.05637,0.01887,0.08841,0.01256,-0.00479,-0.00308,0.02011,-0.00166,0.0428,0.05915,0.03008,0.00402,-0.13894,-0.03513,-0.0096,0.00339,0.01766,-0.02535,-0.00823,-0.05138,0.094,-0.0346,-0.09998,0.01836,-0.03134,-0.01924,-0.06457,-0.04405,-0.02685,-0.01293,0.01586,0.01177,0.07389,-0.04795,-0.0188,0.01597,0.02825,-0.05322,0.08201,-0.01351,0.03415,-0.05862,0.04557,-0.11195,-0.01418,-0.02783,0.06179,0.02501,-0.03256,-0.04376,-0.01772,0.11818,-0.01516,-0.00494,-0.05467,-0.01319,-0.03221,-0.05016,-0.06927,0.01751,0.04737,-0.01176,-0.06111,0.02371,0.04961,0.04656,0.03618,-0.00662,-0.03025,0.12719,-0.0131,0.06474,-0.05001,-0.02004,-0.02541,-0.02218,0.06799,0.04014,-0.01805,0.0305,0.03985,-0.13033,-0.04456,0.03731,0.10284,-0.0871,0.01717,-0.09029,0.01701,0.0286,0,-0.13715,0.01556,0.06971,-0.04394,0.0657,0.01952,0.04043,0.08611,0.01582,-0.0114,0.07329,0.06514,-0.00693,-0.04764,0.04508,-0.00139,-0.01681,0.05472,-0.03878,0.02467,-0.00574,-0.01201,-0.04277,0.11597,0.00588,-0.06826,0.06643,0.02785,-0.01936,0.05319,-0.02701,0.04186,0.1304,0.04414,-0.05933,0.00323,0.01297,0.00262,0.01547,-0.01023,0.01244,0.02861,-0.04442,0.00731,-0.06719,0.08031,-0.04717,-0.02644,-0.00037,-0.04899,-0.07286,-0.01803,-0.0561,0.10143,0.02126,-0.02325,-0.01942,-0.03842,0.0691,0.0037,0.00467,0.00137,0.00072,-0.02211],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","excerpt":""},{"chunkId":"/examples/state#4","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07683,0.00291,-0.00996,0.07929,0.0265,0.05992,0.02689,-0.07032,0.02778,0.06744,-0.01717,0.03624,-0.04995,0.03635,0.06398,0.01504,-0.0406,-0.01979,-0.01782,-0.03311,0.0198,-0.08543,-0.05163,-0.00319,0.07641,0.08675,-0.00441,-0.05182,0.07014,-0.02511,-0.00843,0.05846,-0.04052,0.02864,-0.15193,0.07274,0.00696,0.00934,-0.06941,-0.01416,0.11507,-0.01507,0.00634,-0.08368,-0.01748,0.00756,-0.05375,0.00701,-0.06382,0.05401,0.023,-0.02405,-0.00975,0.0526,0.03025,0.01544,0.06695,-0.03264,-0.04141,-0.03295,0.06367,-0.06589,-0.01212,0.04013,0.03318,0.07866,-0.00146,0.00979,0.05507,-0.04111,0.04644,-0.07429,0.03976,-0.08349,0.04155,-0.04395,-0.01231,0.02338,-0.07244,0.0135,0.04474,0.00562,-0.03162,0.07038,-0.0249,0.08001,-0.06576,-0.06935,0.04478,-0.04076,-0.11284,0.0407,0.03057,-0.03752,0.06971,-0.04844,-0.0302,-0.02252,-0.07604,0.02499,0.05709,0.01319,0.02412,0.03924,-0.03454,-0.02912,-0.08383,-0.02937,-0.03421,0.03283,-0.0151,0.04267,0.05927,-0.01544,-0.04239,-0.07835,-0.05832,-0.03488,-0.03784,0.10319,-0.0353,0.00828,0.02101,-0.05431,0.01954,0.02205,0.00787,0,-0.00922,-0.03016,-0.06082,-0.01266,0.07731,0.05929,-0.04621,-0.09744,0.01622,-0.00586,0.04699,0.07135,-0.00373,0.09136,-0.00974,-0.1182,-0.02165,0.02157,0.04264,-0.0158,0.01391,0.01321,-0.09235,-0.02643,0.07111,0.06517,-0.02566,0.06554,0.00355,-0.00754,0.05649,0.03691,-0.03082,0.03342,-0.04256,-0.0131,-0.05005,-0.05971,0.01341,-0.05601,0.02554,-0.03417,-0.10124,0.01731,-0.06073,-0.05828,0.00495,-0.03879,0.06251,-0.02269,0.02891,0.0182,-0.00914,-0.06868,0.04037,-0.05224,-0.02756,0.09083,0.00667,0.06209,0.01192,0.02879,-0.06983,-0.06434,0.02507,0.0589,-0.04217,0.02573,0.05881,-0.10098,-0.08841,0.08989,-0.02933,0.05212,0.05214,-0.0501,0.01489,0.04764,-0.02674,0.00059,-0.0759,-0.13501,0.01152,0.10506,0.09668,-0.07722,-0.00149,-0.10161,-0.08124,0.00474,0.03104,0.02139,0.07038,0.06233,0.06352,0,0.00733,0.02263,-0.01702,0.09803,0.0283,-0.06771,0.00453,0.05349,0.00728,-0.01029,-0.01584,0.06977,0.04836,0.02669,0.03217,0.05028,-0.01307,-0.08641,-0.02144,-0.02837,0.01791,-0.01693,0.00233,-0.0324,-0.09129,0.05161,0.01202,-0.10477,-0.00582,-0.00617,0.00608,-0.03094,-0.04935,-0.00597,-0.00489,-0.01657,0.00715,0.05654,-0.0597,-0.03154,-0.02679,0.02216,-0.06085,0.07297,-0.01911,0.05248,-0.04441,0.05463,-0.11757,0.00865,-0.04886,0.0536,0.01271,-0.02264,-0.0333,-0.002,0.12216,-0.02955,0.03813,-0.06072,0.00851,-0.02041,-0.05833,-0.05832,0.03014,0.03999,-0.03433,-0.03558,0.02447,0.05103,0.05027,0.05366,0.0068,-0.06683,0.1429,-0.00183,0.04968,-0.05313,0.01086,-0.07809,-0.01506,0.05231,0.02937,-0.05123,0.03876,0.03352,-0.11799,-0.01784,0.02292,0.10035,-0.11189,0.01363,-0.02719,0.00747,0.00705,0,-0.10729,0.0232,0.0455,-0.06603,0.04852,0.02217,-0.00172,0.08798,0.02225,0.01476,0.0581,0.0524,-0.03765,-0.03524,0.06092,-0.00252,0.01739,0.04447,-0.03537,0.03793,0.00659,-0.01891,-0.01295,0.1392,0.00504,-0.0611,0.06703,0.01979,-0.03354,0.05725,-0.03792,0.02093,0.08744,0.10226,-0.08145,0.00307,-0.03174,0.01074,0.02221,-0.00661,0.03827,0.02598,-0.06534,0.00695,-0.07819,0.06751,-0.03489,-0.03783,-0.01684,-0.00209,-0.04604,-0.01362,-0.07246,0.07596,0.03159,-0.0204,-0.02822,-0.01316,0.04834,0.0007,-0.01992,0.02393,0.00659,-0.07023],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Drag an item from the palette to add a node, drop a node into the group to nest it, drag between connectors to wire them, or select and press Delete: these supported gestures land in the state as undoable steps without component event handlers.","excerpt":"Drag an item from the palette to add a node, drop a node into the group to nest it, drag between connectors to wire them, or select and press Delete: these supported gestures land in the state as undoable steps without component event handlers."},{"chunkId":"/examples/state#5","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.10597,0.02691,-0.01074,0.04503,0.02613,0.01961,0.00416,-0.01576,0.00537,0.04132,-0.01821,0.05914,-0.0349,0.04428,0.03995,0.0215,-0.02001,0.01686,-0.02852,-0.0308,0.05945,-0.05198,-0.01306,0.00071,0.02818,0.08385,-0.01312,-0.04954,0.07756,-0.036,0.01291,0.04856,-0.015,0.0196,-0.12912,0.06595,-0.01105,0.03019,-0.06665,-0.02232,0.07024,-0.00464,0.03936,-0.07881,0.00397,0.01311,-0.07062,0.01244,-0.07537,0.02764,-0.0094,-0.04769,-0.00104,0.06991,0.03697,-0.04295,0.05922,-0.05207,-0.02837,-0.0303,0.00126,-0.03991,-0.02651,0.0451,0.04207,0.06522,-0.03167,-0.00781,-0.00611,0.03026,0.0135,-0.06289,0.0413,-0.10322,0.03757,-0.08179,-0.06302,0.06237,-0.07157,-0.04034,0.04153,-0.04168,-0.01075,0.03948,-0.02262,0.07517,-0.03307,-0.06602,0.07345,-0.00313,-0.08445,0.02335,-0.00106,-0.00329,0.06011,-0.00652,-0.0723,-0.00503,-0.0813,0.0268,0.0099,-0.01353,0.07095,0.09105,0.00591,-0.03038,-0.03906,0.00119,-0.0361,0.02269,0.00033,0.06466,0.06069,-0.01402,0.00851,-0.08306,-0.03134,-0.04234,-0.02426,0.08035,0.02402,-0.02328,-0.04149,-0.08089,0.03448,0.01586,0.03899,0,0.01213,-0.00081,-0.06904,0.02376,0.05952,0.01705,-0.0342,-0.11405,0.00149,0.06417,0.03747,0.09822,-0.00522,0.05351,-0.0214,-0.11855,-0.00699,0.05939,0.03185,0.02367,0.06321,-0.00724,-0.07908,-0.00067,0.10871,0.02929,-0.02485,0.07624,-0.06357,-0.01785,0.06573,0.03275,0.02423,-0.01413,-0.00169,-0.02178,-0.02713,-0.03056,-0.025,-0.08275,0.06755,-0.01611,-0.10276,0.01753,-0.06636,-0.10347,-0.03199,-0.05192,0.08937,0.0029,0.04704,0.04472,-0.0161,-0.04789,0.05111,-0.07548,-0.01941,0.06376,-0.0226,0.09669,-0.01212,0.01575,-0.03086,-0.09004,0.02424,0.02221,-0.03939,0.00923,0.06583,-0.09174,-0.08674,0.06279,-0.01562,0.0556,0.02933,-0.0426,0.02354,0.04805,-0.01501,-0.02119,-0.04411,-0.13029,-0.0206,0.12844,0.08218,-0.09568,-0.01408,-0.11162,-0.09288,-0.04223,0.00417,-0.00041,0.05051,0.00536,0.01943,0,0.04124,0.01899,-0.03522,0.14444,-0.004,-0.05581,0.06219,0.11989,0.03254,0.00693,-0.00416,0.02291,0.01848,0.01077,0.07206,0.03864,-0.02794,-0.10696,0.01232,-0.0029,0.03139,0.06033,-0.01536,0.01913,-0.06309,0.07849,-0.01926,-0.0372,-0.02144,-0.042,-0.03123,-0.07081,-0.06837,0.00137,-0.05145,-0.03869,0.00947,0.11103,-0.03453,-0.01465,0.07774,0.06972,-0.06631,0.0781,-0.02646,0.01333,-0.02588,0.03932,-0.10074,-0.05002,-0.03731,0.02865,-0.00346,0.01563,-0.01324,-0.02681,0.13048,-0.0508,-0.02393,-0.02771,0.02648,-0.02377,-0.05812,-0.04901,0.04906,0.04648,-0.05359,-0.04881,0.02968,0.03235,0.01776,0.01689,0.02827,-0.0204,0.10291,0.00585,0.05726,-0.03917,0.02466,-0.01479,-0.05996,0.05971,0.01943,0.02724,0.05615,0.08171,-0.16591,-0.04001,0.06698,0.04854,-0.09063,0.0066,-0.05129,0.01243,0.04802,0,-0.13582,0.01241,0.0437,-0.04887,0.04064,-0.00632,0.03434,0.02696,-0.00012,-0.04936,0.03592,0.05514,0.02989,-0.04761,0.03253,0.0024,-0.00119,0.05834,-0.0578,0.04025,-0.01757,-0.01049,-0.02919,0.11219,0.01348,-0.08085,0.01903,0.03507,-0.01711,0.01183,-0.01514,0.00928,0.11816,0.0218,-0.0345,-0.00135,-0.0301,-0.02073,0.01309,0.01236,0.00273,0.00346,-0.01783,0.00346,-0.0612,0.06626,-0.05974,-0.03851,-0.00393,-0.04673,-0.07925,-0.00366,-0.07111,0.10416,0.06225,-0.0252,0.00046,0.00956,0.06354,0.0051,0.01601,0.02398,-0.02459,-0.02049],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Example ::: ng-component <flow-state</flow-state [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.scss :::","excerpt":"Example ::: ng-component <flow-state</flow-state [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.scss :::"},{"chunkId":"/examples/state#6","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07413,-0.00972,0.00063,0.03914,0.01717,0.0522,0.00923,-0.06069,0.04748,0.07525,0.00179,0.0435,-0.05455,0.053,0.04225,0.00772,-0.0243,-0.02077,-0.02697,-0.01631,0.02615,-0.03964,-0.06382,0.01798,0.05583,0.09959,-0.02383,-0.04439,0.10211,-0.0305,-0.03033,0.02993,-0.07042,-0.0033,-0.13653,0.03305,-0.01168,-0.00669,-0.03819,-0.0088,0.10304,-0.02416,0.0043,-0.05672,-0.03079,0.04398,-0.04228,0.01724,-0.09068,0.07258,-0.00155,-0.00759,-0.01455,0.03897,0.03751,-0.00481,0.08242,-0.02905,-0.05091,-0.01565,0.03176,-0.06341,-0.05149,0.03715,0.00961,0.02751,-0.011,-0.00664,0.06237,-0.04913,0.02469,-0.07094,0.02777,-0.10265,0.02991,-0.07169,-0.02769,0.01463,-0.09168,-0.00578,0.04677,-0.02987,0.00202,0.04969,-0.02277,0.03296,-0.07067,-0.04777,0.06711,-0.02283,-0.10211,0.02511,0.03262,-0.04182,0.05641,-0.03296,-0.02393,0.01791,-0.06099,0.0218,0.02089,0.04049,0.04318,0.06169,-0.0138,-0.02753,-0.0588,-0.03227,-0.0196,0.04178,-0.00697,0.03559,0.06908,0.00523,0.00963,-0.07295,-0.08295,-0.03604,-0.04153,0.08645,-0.05001,0.0216,0.04491,-0.06514,-0.00379,-0.00076,0.08107,0,0.01444,-0.01885,-0.076,-0.0092,0.04648,0.07253,-0.04148,-0.08299,0.05957,-0.01678,0.05813,0.10548,-0.01346,0.11083,-0.02598,-0.0809,-0.02933,0.04385,0.0818,0.01256,0.02289,0.01915,-0.06712,-0.02048,0.08812,0.05257,0.00165,0.08086,-0.01205,-0.00705,0.08,0.02167,-0.07076,-0.00638,0.00898,0.01175,-0.05032,-0.05027,0.02403,-0.069,-0.00042,-0.02928,-0.13888,-0.02345,-0.10897,-0.08102,-0.02495,-0.04663,0.05326,-0.01678,0.02395,0.02888,-0.00897,-0.03985,0.03451,-0.07823,-0.00751,0.07645,-0.01659,0.10191,0.02032,0.02182,-0.07069,-0.07316,0.027,0.03625,-0.03073,0.03188,0.07989,-0.07845,-0.08042,0.04192,0.00091,0.02375,0.06686,-0.05071,0.02192,0.0659,-0.04316,-0.00714,-0.08811,-0.11857,0.01565,0.09642,0.07031,-0.06728,-0.0096,-0.10985,-0.09184,0.01101,0.01993,0.01728,0.08714,0.09794,0.05574,0,0.00143,0.02483,-0.03972,0.10502,0.01159,-0.05801,-0.00865,0.06783,0.00589,-0.05289,-0.03764,0.03021,0.01931,0.04585,0.04688,0.03547,0.02134,-0.09913,-0.02611,-0.03927,0.00663,0.00211,-0.01971,-0.00787,-0.05939,0.06128,0.00304,-0.10054,-0.00462,-0.01486,-0.01003,-0.07138,-0.02968,-0.00163,-0.03142,-0.0228,0.00865,0.05581,-0.02343,-0.02859,0.02365,0.03046,-0.02936,0.07632,-0.01051,0.04206,-0.0907,0.05847,-0.08559,-0.00989,-0.05475,0.06351,-0.01059,-0.04471,-0.02982,-0.01897,0.14669,-0.03051,-0.01059,-0.05445,-0.03681,0.00076,-0.04009,-0.06444,0.02831,0.05724,-0.01224,-0.05767,0.03557,0.05472,0.05014,0.04386,-0.00781,-0.03612,0.1449,-0.00768,0.05994,-0.0488,0.00318,-0.07289,-0.047,0.05676,0.05943,-0.0265,0.02731,0.06868,-0.11509,-0.05293,0.01532,0.07356,-0.07158,0.02876,-0.03936,0.01855,0.03404,0,-0.12656,0.03646,0.07653,-0.02909,0.04763,0.03079,0.03434,0.09153,0.02207,-0.00217,0.05958,0.05521,-0.01982,-0.02265,0.04235,-0.00002,0.03021,0.05409,-0.03636,0.01886,0.0162,-0.02791,-0.00629,0.0987,-0.00852,-0.06183,0.05781,0.03786,-0.02007,0.05122,-0.00405,0.02566,0.10995,0.03058,-0.04343,-0.01627,0.01813,-0.02467,0.04525,-0.01365,0.00518,0.04222,-0.04635,0.00624,-0.0661,0.05835,-0.04842,-0.04198,-0.02763,-0.04326,-0.08288,-0.01536,-0.02583,0.1025,0.0473,0.00115,-0.02702,-0.03841,0.07673,-0.00012,0.019,0.00123,-0.01534,-0.03853],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Gestures apply themselves The controller forwards the supported finished gestures into the store. All events belonging to one drag session are batched into one undoable history step:","excerpt":"Gestures apply themselves The controller forwards the supported finished gestures into the store. All events belonging to one drag session are batched into one undoable history step:"},{"chunkId":"/examples/state#7","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.12764,-0.04838,0.0277,0.08065,0.0344,0.04632,0.02752,-0.07285,0.08634,0.01027,-0.00463,0.05888,-0.03884,0.00093,-0.06605,-0.00041,-0.02544,-0.00079,-0.08975,0.01937,0.03581,-0.06104,0.04761,-0.00838,0.08115,0.02999,0.02691,-0.08852,0.02781,-0.06003,-0.02812,0.07206,-0.07184,-0.00552,-0.14298,0.03453,-0.01109,0.03362,-0.09497,-0.02985,0.07531,0.06589,-0.00935,-0.05925,-0.03033,0.04845,-0.06358,0.00933,-0.06467,0.07924,0.02433,0.00084,-0.00433,0.11849,-0.01911,0.04033,0.04316,-0.0223,-0.01199,0.00369,0.06034,-0.04251,-0.02471,0.00971,0.02736,0.0365,0.05077,-0.03644,0.00841,-0.02302,0.04029,-0.03932,0.03586,-0.09439,0.02182,-0.03882,0.00769,0.0426,-0.09714,0.02097,0.11617,-0.01865,-0.05372,0.07978,-0.01752,0.01283,-0.0617,-0.07272,0.0332,-0.00325,-0.10543,0.0401,0.01281,-0.03414,0.07824,-0.01797,-0.03305,0.03582,-0.03844,0.00553,0.06043,0.03512,-0.00451,0.05957,-0.0059,-0.03549,-0.03664,-0.0624,-0.04065,0.08112,0.0476,0.05507,0.05045,0.05219,-0.02624,0.01164,-0.04318,0.02598,-0.03403,0.07793,-0.00666,0.05235,-0.00265,-0.03076,0.00445,0.0124,0.00075,0,0.01892,-0.04546,-0.07863,-0.02463,0.09296,0.03275,-0.03853,-0.00549,0.00647,0.0043,-0.00682,0.10237,-0.00307,0.03538,-0.0224,-0.08052,0.00718,0.07473,0.01872,0.01176,0.00077,0.02244,-0.12107,-0.01633,0.032,0.03505,-0.05642,0.08371,-0.03294,-0.01234,-0.04275,0.04463,-0.03251,-0.05099,0.00569,-0.00326,-0.03798,-0.0549,0.01688,-0.0581,-0.00108,-0.00441,-0.15163,-0.0356,-0.08186,-0.12703,0.00817,0.04135,0.03257,0.00072,0.03621,0.00101,-0.03507,-0.11726,-0.00756,-0.07461,-0.02518,0.06341,-0.02059,0.08372,0.03544,0.0382,-0.06383,-0.00586,0.04367,0.07986,-0.02295,0.03614,0.01909,-0.12577,-0.09064,0.06308,0.00231,0.0176,0.04936,-0.05651,-0.0221,0.04201,0.00343,-0.00761,-0.01539,-0.06892,-0.00716,0.0592,0.05222,-0.04586,0.06071,-0.07071,-0.11867,-0.01121,0.04168,-0.00949,0.10258,0.01783,0.05331,0,0.01628,0.03202,-0.02628,0.06001,0.03184,-0.0521,0.05369,0.11135,0.01191,-0.09964,-0.03039,0.04391,0.00146,0.03322,0.03465,0.06823,-0.01307,-0.091,-0.09506,0.00634,0.07572,0.00229,-0.01214,0.02069,-0.1017,0.03681,0.03262,-0.00375,0.00417,-0.00395,0.02856,-0.04903,-0.07787,0.01038,-0.00305,-0.03794,-0.02176,0.05798,-0.03673,0.00535,0.01524,0.03174,-0.03347,0.05861,0.01555,0.04942,-0.0581,0.08153,-0.06214,-0.00927,-0.04078,0.05564,-0.00778,0.00181,0.00016,0.04672,0.11334,-0.08595,0.01271,-0.06901,0.0441,0.00251,-0.06279,-0.03062,0.06123,0.06476,-0.02193,-0.03568,-0.01604,0.05305,0.00879,-0.00988,0.05763,-0.07514,0.08549,0.03466,0.05675,-0.08083,0.02109,-0.05989,-0.05596,0.02839,0.03114,-0.06323,0.0133,0.08,-0.10078,-0.01063,0.04953,0.08575,-0.0869,-0.06674,0.01169,-0.04522,-0.00371,0,-0.10751,0.08069,-0.00009,-0.00984,0.04258,-0.01341,0.02079,0.12256,0.01806,-0.04219,0.01273,0.08146,-0.03175,0.00274,0.04917,0.01686,0.06978,-0.03282,-0.04329,0.02426,-0.01913,-0.04368,-0.01041,0.06932,-0.02281,-0.04675,0.01661,0.06554,-0.0046,-0.01386,-0.01612,-0.02594,0.05661,0.09036,-0.08382,0.02684,-0.01509,-0.01232,0.05156,0.05041,0.02307,0.01104,-0.04117,0.00429,-0.07904,0.02478,0.00594,-0.0404,-0.01737,0.05046,-0.08896,-0.05357,-0.05862,0.0553,0.06604,-0.01859,-0.00849,-0.01782,0.03707,0.02015,-0.00773,0.03193,-0.04417,-0.01087],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. - Create connection — dragging from a connector to a target adds a connection record with a generated id; dropping into empty space adds nothing. - Reassign connection — dragging an endpoint to another connector updates sourceId/targetId. - Move nodes — a drag (including a multi-selection drag) writes all new positions as a single step, so one undo() returns the whole group. - Delete selection — the removal request (e.g. the Delete key from the accessibility layer) removes selected records. Because this gesture runs against a rendered flow, the connector registry is available and attached connections cascade with their nodes/groups. - Drop into a group — grouping is opt-in: it's off by default, so this example enables it with withFlowState({ dropToGroup: true }). With it on, dropped nodes and groups get the group's id as parentId; leave it off and the drop is a no-op and external items land at the top level. - External item drop — an item dragged from a palette becomes a node at the drop position, with the item's fData spread onto the node as its own fields; dropped over a group it's nested there (because this example opted into dropToGroup). - Pan / zoom the canvas — the viewport transform is captured into state.transform() and is undoable by default. Bind the canvas [position]/[scale] to state.transform() (as this example does) so undo/redo move the view back. Set withFlowState({ canvasTransformInHistory: false }) to keep pan/zoom out of history — it's still tracked and saved in snapshot() either way. position starts undefined (before any transform), which leaves [position] free for the initial resetScaleAndCenter. - Programmatic view changes — pass false as the emitCanvasChange argument to resetScaleAndCenter, fitToScreen or centerGroupOrNode when a library-driven move must stay out of state history. This example initializes the viewport with resetScaleAndCenter(false, false). - Undo back to the start — when undo returns to the beginning of history, the flow's reset() re-runs the full-render lifecycle, so the app's fFullRendered handler (resetScaleAndCenter here) runs again. - Debounce the recording — a zoom fires a burst of changes; withFlowState({ canvasTransformDebounce: 200 }) collapses the burst into a single undo step once it settles (a drag pan already folds into one step). source Id target Id with Flow State drop To Group parent Id f Data canvas Transform In History reset Scale And Center emit Canvas Change fit To Screen center Group Or Node f Full Rendered canvas Transform Debounce","excerpt":"- Create connection — dragging from a connector to a target adds a connection record with a generated id; dropping into empty space adds nothing. - Reassign connection — dragging an endpoint to another connector updates sourceId/targetId. - Move nodes — a drag (including a multi-selection drag) writes all new positions as a single step, so one undo() returns the whole group. - Delete selection — the removal request (e.g. the Delete key from the accessibility layer) removes selected records. Because this gesture runs against a rendered flow, the connector registry is available and attached connections cascade with their nodes/groups. - Drop into a group — grouping is opt-in: it's off by default, so this example enables it with withFlowState({ dropToGroup: true }). With it on, dropped nodes and groups get the group's id as parentId; leave it off and the drop is a no-op and external items land at the top level. - External item drop — an item dragged from a palette becomes a node at the drop position, with the item's fData spread onto the node as its own fields; dropped over a group it's nested there (because this example opted into dropToGroup). - Pan / zoom the canvas — the viewport transform is captured into state.transform() and is undoable by default. Bind the canvas [position]/[scale] to state.transform() (as this example does) so undo/redo move the view back. Set withFlowState({ canvasTransformInHistory: false }) to keep pan/zoom out of history — it's still tracked and saved in snapshot() either way. position starts undefined (before any transform), which leaves [position] free for the initial resetScaleAndCenter. - Programmatic view changes — pass false as the emitCanvasChange argument to resetScaleAndCenter, fitToScreen or centerGroupOrNode when a library-driven move must stay out of state history. This example initializes the viewport with resetScaleAndCenter(false, false). - Undo back to the start — when undo returns to the beginning of history, the flow's reset() re-runs the full-render lifecycle, so the app's fFullRendered handler (resetScaleAndCenter here) runs again. - Debounce the recording — a zoom fires a burst of changes; withFlowState({ canvasTransformDebounce: 200 }) collapses the burst into a single undo step once it settles (a drag pan already folds into one step)."},{"chunkId":"/examples/state#8","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.08221,0.00144,-0.01824,0.0598,0.01284,0.02608,-0.03885,-0.03517,-0.00297,0.04274,-0.00877,0.05354,-0.03214,0.01179,0.04765,0.03068,-0.01727,-0.01359,-0.02716,-0.00433,0.03841,-0.04361,-0.06286,0.03062,0.06534,0.0643,-0.05427,-0.00922,0.07429,-0.03228,-0.03693,0.05577,-0.06574,0.0365,-0.13403,0.00696,0.00549,0.01423,-0.09191,-0.04556,0.09867,0.02801,0.01842,-0.04633,-0.06263,0.05753,-0.01558,0.01824,-0.13659,0.04,-0.03071,-0.01294,-0.0182,0.05688,0.03204,-0.01266,0.09175,0.00757,-0.06859,-0.00896,-0.00447,-0.04996,-0.05056,0.06178,0.00094,0.05125,0.01878,-0.06662,0.00812,-0.07155,0.00266,-0.02931,0.00855,-0.10818,0.03984,-0.09971,-0.09227,0.02464,-0.01085,-0.02104,0.04622,0.03059,0.00015,0.05547,-0.0253,0.0539,-0.03081,-0.10328,0.05246,-0.03007,-0.02458,0.00544,0.01033,-0.02279,0.0327,-0.03121,-0.0069,-0.01657,-0.02992,0.02436,0.03328,0.04387,0.05318,0.0733,-0.00021,-0.01579,-0.04065,0.038,-0.01545,0.05776,0.0365,0.0559,0.05405,-0.02139,0.0102,-0.07697,-0.05445,-0.05093,-0.02579,0.07465,-0.02542,-0.0024,0.02922,-0.06275,0.00249,0.03595,0.0441,0,-0.01603,-0.01258,-0.03709,0.03333,0.03136,0.11024,-0.05474,-0.03131,0.05281,-0.03736,0.0514,0.15656,-0.01531,0.08897,0.03749,-0.07822,-0.03163,0.0925,0.03919,0.03762,-0.00268,-0.00918,-0.05299,-0.02493,0.04262,0.04404,0.00037,0.1112,-0.10188,-0.01471,0.03739,-0.01019,-0.04782,0.01093,-0.0148,-0.0086,-0.03415,-0.06599,-0.02196,-0.07148,0.04316,0.0203,-0.09758,-0.02659,-0.1319,-0.07868,-0.0102,0.00374,0.00828,0.0023,0.02424,0.07615,-0.04607,-0.06456,0.06846,-0.05879,0.00661,0.05232,-0.01245,0.0749,0.00773,0.00027,-0.0448,-0.03947,0.01142,0.02706,0.00199,-0.01675,0.09778,-0.04157,-0.07502,0.05947,-0.00424,0.08212,0.04844,-0.06082,0.02107,0.05881,-0.02653,-0.00095,-0.05787,-0.1091,0.018,0.09457,0.0458,-0.09873,0.01125,-0.0899,-0.08916,0.00714,0.02478,-0.00712,0.10869,0.09832,0.02911,0,-0.05053,-0.02188,-0.01192,0.05272,0.00838,-0.04208,0.00751,0.06649,0.03461,-0.04455,-0.00389,0.04052,0.01601,0.04916,0.05791,0.04565,0.00141,-0.15164,-0.01049,-0.02684,0.01889,-0.0264,-0.0338,0.02729,-0.05221,0.0463,0.00263,-0.07767,-0.0033,-0.02021,0.00623,-0.09374,-0.05903,0.01162,-0.03373,-0.05459,-0.01384,0.03652,-0.01516,0.02568,0.02329,0.05802,-0.04822,0.05924,-0.02396,0.03922,-0.03778,0.0315,-0.088,-0.05931,-0.06022,0.08282,0.01415,-0.01582,-0.05125,0.01341,0.11144,-0.01,-0.00716,-0.05636,-0.02862,-0.01408,-0.03291,-0.0619,-0.01279,0.06737,0.00232,-0.07608,0.00775,0.06948,0.04915,-0.01431,0.00227,-0.0584,0.09177,-0.02815,0.08314,-0.06904,0.00511,-0.06503,-0.05194,0.06822,0.01677,-0.0596,0.0662,0.04626,-0.09584,-0.01906,0.01837,0.11849,-0.10062,0.03239,-0.12722,0.01925,0.0247,0,-0.12629,0.0382,0.05846,-0.00955,0.05619,0.00551,0.05276,0.08872,-0.00648,0.0223,0.04112,0.06728,-0.00535,-0.04172,0.0954,0.01845,-0.01501,0.01436,-0.07428,0.00723,0.00231,-0.01258,-0.03609,0.06603,-0.01655,-0.07242,0.06619,0.08042,0.00257,0.03367,0.00505,0.0837,0.10311,0.04992,-0.05218,-0.03484,-0.01393,0.03082,0.05985,-0.02473,-0.00733,0.01325,-0.02596,0.04147,-0.0372,0.05361,-0.00673,-0.02889,-0.02715,-0.04136,-0.05348,0.00204,-0.04526,0.09887,0.03254,-0.00182,-0.00409,-0.02507,0.0498,-0.00875,-0.01599,-0.03066,0.00429,-0.03822],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Scope of v1 Managed state v1 does not capture rotation, connection waypoint editing, or user resize. Those interactions continue to update the rendered directives and emit their normal public outputs; applications that enable them must update their own records. Library-driven size measurement and group auto-fit may amend the current stored geometry, but they do not create a separate user history step.","excerpt":"Scope of v1 Managed state v1 does not capture rotation, connection waypoint editing, or user resize. Those interactions continue to update the rendered directives and emit their normal public outputs; applications that enable them must update their own records. Library-driven size measurement and group auto-fit may amend the current stored geometry, but they do not create a separate user history step."},{"chunkId":"/examples/state#9","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.10161,0.02321,0.01635,0.05465,0.02128,0.02815,-0.06795,-0.03725,0.06464,0.02919,-0.04,0.08798,-0.07061,0.01942,-0.01688,0.03369,-0.04444,-0.0367,-0.01985,-0.02781,0.04787,-0.06396,-0.01684,0.0167,0.04758,0.08679,-0.0234,-0.03865,0.09161,-0.05776,-0.01597,0.03686,-0.06935,-0.00112,-0.17517,0.08121,-0.02123,0.00176,-0.01711,-0.00229,0.08267,0.04939,-0.00041,-0.0123,-0.05352,0.03749,-0.05453,0.01185,-0.05944,0.06622,0.02008,0.0394,0.00572,0.05359,0.0245,0.00588,0.05309,-0.02278,-0.07922,-0.04919,-0.00102,-0.05389,-0.05926,0.02417,0.00614,0.01058,0.03322,-0.03843,0.04464,0.00212,0.05192,-0.05548,0.00588,-0.04407,0.03038,-0.06095,-0.01607,0.05138,-0.12713,-0.02509,0.0875,-0.02811,0.02164,0.05276,-0.00979,0.03683,-0.02722,-0.06327,0.04063,0.00156,-0.07258,0.00409,0.06022,-0.00216,0.06461,0.02719,-0.01032,0.0399,-0.03711,0.02819,0.06109,0.06436,0.06185,0.07992,-0.01713,-0.03419,-0.05677,-0.026,-0.01073,0.03869,0.02034,0.02391,0.07862,0.05098,-0.00847,-0.05739,-0.07517,0.00639,-0.08929,0.13271,-0.01717,0.0129,0.00419,-0.04922,-0.03195,-0.00682,0.04368,0,0.05679,-0.00789,-0.09451,0.01391,0.03745,0.08428,-0.06215,-0.03548,-0.00264,0.02926,0.05398,0.11603,-0.03997,0.08029,-0.01149,-0.06226,-0.00702,0.0478,0.04391,-0.0347,-0.0072,0.00359,-0.05416,-0.00466,0.098,0.0411,-0.01014,0.09446,-0.0508,-0.03324,0.05436,-0.00165,-0.0988,-0.01691,0.02383,-0.00911,0.00806,-0.10504,0.01884,-0.1104,-0.01075,-0.00661,-0.12472,-0.04241,-0.07252,-0.11496,-0.02018,-0.02277,0.03016,0.00677,0.02178,0.03324,-0.01234,-0.04301,-0.0124,-0.05536,-0.00087,0.03374,-0.01053,0.11176,0.07621,0.0255,-0.03692,-0.00456,0.02223,0.08581,-0.06811,0.0288,0.06663,-0.08391,-0.03801,0.02607,-0.00194,0.01846,0.06592,-0.02369,0.01127,0.00198,-0.02344,-0.02314,-0.06113,-0.12023,-0.02563,0.07489,0.07671,-0.03084,0.02718,-0.10065,-0.06592,0.00492,0.02062,0.01912,0.08287,0.04239,0.02005,0,0.03771,-0.01144,-0.05495,0.09674,0.02997,-0.07096,-0.00134,0.09177,0.00588,-0.07012,-0.02139,0.01443,0.02059,0.02704,0.07008,0.0416,0.0178,-0.10147,-0.05823,-0.04511,-0.0031,-0.01624,-0.03652,0.02518,-0.08085,0.04114,0.00117,-0.08683,-0.03045,-0.01096,-0.00615,-0.0561,-0.03649,0.00486,-0.03227,-0.01608,-0.00145,0.06175,0.00537,-0.01195,0.04443,0.07658,-0.02701,0.02439,-0.01771,0.02084,-0.13847,0.09763,-0.05325,-0.03351,-0.02258,0.06885,0.04567,-0.00668,-0.02193,0.01992,0.09443,-0.04075,0.00447,-0.04065,-0.0452,0.02308,-0.08617,-0.01036,-0.01529,0.03723,-0.01203,-0.06182,0.01127,0.03373,0.0232,0.00194,0.01271,-0.03801,0.11004,0.00035,0.0351,-0.09032,0.01511,-0.08525,-0.06346,0.04189,0.02753,-0.0537,0.0437,0.08299,-0.11234,-0.01793,0.0389,0.07463,-0.01701,-0.01246,-0.04148,0.00208,0.021,0,-0.1138,0.04954,0.06661,-0.0074,0.08505,-0.00229,0.06012,0.1142,0.00081,-0.02819,0.07895,0.07793,-0.06596,-0.04015,0.03439,0.02208,0.06458,-0.01436,-0.0261,0.01659,-0.01663,-0.05869,-0.03795,0.08972,-0.0246,-0.02669,0.05377,0.06824,-0.00406,0.02048,-0.01283,0.05844,0.08017,0.03813,-0.04845,-0.00827,0.03326,-0.01849,0.04993,-0.02337,0.01044,0.03437,-0.03499,0.00428,-0.08676,0.02012,-0.08142,-0.02582,-0.00756,-0.04998,-0.08207,-0.01851,-0.0332,0.09597,0.06882,-0.00016,-0.0137,-0.01452,0.01777,0.0251,0.03576,-0.01823,-0.04175,-0.04079],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Undo/Redo built in - state.undo() / state.redo() walk the history; canUndo / canRedo are signals, ready for [disabled] bindings. - Records are updated immutably, so a history entry is just an object reference — history is cheap regardless of graph size. - withFlowState({ historyLimit: 100 }) caps the stack (default 50); the oldest steps fall off. - load() replaces the whole graph and resets the history — ideal for opening a document; clearHistory() keeps the data and drops only the steps. - One drag session is one step. When a single gesture ends with several events — a move plus a drop into a group, or (with selectionInHistory) a selection plus a move — they are folded into a single undoable action, so one undo reverts the whole thing. can Undo can Redo with Flow State history Limit clear History selection In History","excerpt":"Undo/Redo built in - state.undo() / state.redo() walk the history; canUndo / canRedo are signals, ready for [disabled] bindings. - Records are updated immutably, so a history entry is just an object reference — history is cheap regardless of graph size. - withFlowState({ historyLimit: 100 }) caps the stack (default 50); the oldest steps fall off. - load() replaces the whole graph and resets the history — ideal for opening a document; clearHistory() keeps the data and drops only the steps. - One drag session is one step. When a single gesture ends with several events — a move plus a drop into a group, or (with selectionInHistory) a selection plus a move — they are folded into a single undoable action, so one undo reverts the whole thing."},{"chunkId":"/examples/state#10","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.10064,-0.02628,0.01603,0.03039,0.02532,0.00802,0.0058,-0.04911,0.10252,0.03463,0.01316,0.0146,-0.08142,-0.03009,-0.00752,0.03237,-0.00904,-0.03728,-0.02816,-0.03625,-0.01988,-0.05522,-0.01806,0.00317,0.00807,0.07824,0.01328,-0.02906,0.10017,-0.08027,-0.03382,0.06293,-0.0397,0.02979,-0.13891,0.05701,-0.01882,0.00493,-0.01103,-0.01227,0.13008,-0.02475,-0.0286,-0.0342,-0.02145,0.02658,-0.07409,0.02599,-0.10325,0.02863,0.00663,-0.03867,-0.01013,0.06473,0.04305,-0.01586,0.09212,0.00355,-0.0289,-0.01828,0.05239,-0.0568,-0.03098,-0.00159,0.06953,0.04584,0.06989,-0.03149,0.09078,-0.03265,0.04936,-0.04663,0.04301,-0.07307,0.04916,-0.03189,-0.01483,0.03597,-0.06378,-0.01159,-0.01281,-0.02813,0.00592,0.00198,-0.02892,0.00015,-0.03261,-0.04755,0.07551,-0.00642,-0.13441,0.04899,0.0065,-0.02402,0.01917,0.05806,-0.03531,0.03159,0.00018,0.0178,0.03882,0.01101,0.04386,0.05929,-0.02305,-0.04731,-0.08123,-0.04325,-0.03205,0.0152,0.00401,0.04622,0.08291,0.04573,-0.0296,-0.0475,-0.02971,-0.00944,-0.03758,0.12447,0.00448,0.00644,0.01304,-0.05877,-0.02369,0.05928,-0.00259,0,-0.00749,-0.03386,-0.0725,-0.03315,0.01936,0.01384,-0.04449,-0.10103,0.02041,-0.00355,0.02189,0.05495,0.04393,0.06641,-0.01039,-0.08848,0.02109,-0.01184,0.0537,-0.00979,0.01766,0.05511,-0.0883,-0.01009,0.03127,0.06759,-0.05168,0.04418,-0.02097,-0.02201,0.07775,0.06713,-0.04947,0.01516,0.00393,0.01261,-0.01475,-0.07007,0.00317,-0.10862,0.00649,-0.01066,-0.09594,0.00817,-0.03186,-0.09048,-0.05108,0.00371,0.01534,-0.00718,0.03727,0.0135,0.01549,-0.03112,0.04842,-0.04079,-0.00919,0.03691,-0.00035,0.10974,0.01951,-0.01819,-0.0281,-0.01246,0.03232,0.05377,-0.02283,-0.02055,0.0464,-0.02156,-0.046,0.06292,-0.04987,0.01087,0.00025,-0.0714,-0.02112,0.07543,-0.04732,0.00191,-0.04602,-0.05906,-0.00153,0.09667,-0.00157,-0.08985,-0.0133,-0.09208,-0.08132,0.0437,0.07849,0.04322,0.09135,0.04058,0.0762,0,-0.02636,0.01064,-0.04563,0.1256,0.00212,-0.06857,-0.01357,0.12115,-0.01357,-0.04619,-0.01386,0.04288,-0.01453,0.05919,-0.01744,0.05102,0.0305,-0.08349,0.02728,-0.01205,0.02323,0.01038,-0.0184,0.01442,-0.05584,0.04978,0.00704,-0.07696,-0.02079,-0.07333,-0.03584,-0.01545,-0.05467,0.01346,0.02094,0.01353,-0.0134,0.07047,-0.01859,-0.00571,-0.0295,0.06588,-0.02509,0.09569,0.02287,0.03591,-0.07404,0.06671,-0.11895,-0.02541,-0.00011,0.10959,0.0277,-0.02206,-0.02683,-0.00921,0.14498,-0.06293,0.0222,-0.00764,0.0012,-0.03613,-0.04105,-0.01737,-0.02067,0.0635,0.0016,-0.09741,0.09857,0.04396,0.08973,0.02913,-0.03083,-0.11177,0.06169,-0.04016,-0.01331,-0.10788,-0.00016,-0.06699,-0.0903,0.0587,0.06202,-0.03756,-0.01738,0.08031,-0.07969,-0.00101,0.02145,0.03808,-0.0451,0.01026,-0.09464,0.00305,0.02973,0,-0.08432,0.03583,0.03407,0.00471,0.11818,0.04923,0.00149,0.09035,0.01266,0.03109,0.04104,0.07485,0.03972,-0.0206,0.08905,0.04007,0.05898,0.00303,-0.06611,0.01056,-0.03633,-0.02206,0.00175,0.08924,-0.01103,-0.09833,0.10034,0.04254,-0.01956,-0.00293,-0.01829,0.01389,0.10517,0.05675,-0.07185,0.02744,-0.00069,-0.04339,0.08022,0.01688,0.00457,-0.01634,-0.06502,0.01499,-0.12985,-0.00952,-0.01813,-0.07865,-0.00236,0.00959,-0.03429,-0.03997,-0.03976,0.04765,0.0573,-0.0039,-0.01549,-0.01947,0.10491,0.01785,0.01164,-0.04026,-0.04698,-0.06318],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Reacting to changes state.changes() ticks when a standalone mutation or an outer batch settles, and on undo, redo or load. A multi-event gesture such as selection plus move increments it once when the gesture finishes. Depend on it from a single effect to react to anything that touches the graph, without wiring one listener per gesture: The store changes its collection signals immediately while a gesture is in progress, but delays the changes() increment until the outer batch closes. Standalone mutations notify immediately. The per-collection signals (nodes(), groups(), connections(), selection()) remain available when you only care about one slice.","excerpt":"Reacting to changes state.changes() ticks when a standalone mutation or an outer batch settles, and on undo, redo or load. A multi-event gesture such as selection plus move increments it once when the gesture finishes. Depend on it from a single effect to react to anything that touches the graph, without wiring one listener per gesture: The store changes its collection signals immediately while a gesture is in progress, but delays the changes() increment until the outer batch closes. Standalone mutations notify immediately. The per-collection signals (nodes(), groups(), connections(), selection()) remain available when you only care about one slice."},{"chunkId":"/examples/state#11","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07511,0.05124,-0.05238,0.06124,0.02471,-0.01334,-0.01616,-0.03791,0.0582,0.02477,-0.00526,0.01543,-0.04059,-0.02009,0.03794,0.01931,-0.08205,-0.00828,-0.0613,-0.06384,-0.02127,-0.05253,-0.00847,0.00572,0.02879,0.13119,-0.04871,-0.05567,0.06466,-0.03918,0.00132,0.08661,-0.02911,0.05595,-0.12097,0.14513,0.01638,0.05796,-0.03758,-0.0064,0.10729,0.04746,0.03609,-0.05641,-0.02882,0.03568,-0.06597,0.02543,-0.0663,0.07752,-0.00383,-0.01686,0.01109,0.15051,0.01242,0.02168,0.0263,-0.09241,-0.0356,-0.02183,0.05117,-0.06859,-0.02018,0.04908,0.0049,0.03314,0.06005,0.03543,0.05092,-0.05307,0.07753,-0.01185,0.0212,-0.0669,0.0258,-0.01658,-0.01165,0.02377,-0.05233,-0.03907,0.06744,0.03882,-0.01495,0.01217,-0.0339,0.03209,-0.00514,-0.0661,-0.02382,0.00014,-0.14474,0.03809,0.02071,-0.03238,0.08805,0.02867,-0.0147,-0.01467,-0.04932,0.01513,0.0299,-0.0033,0.02842,0.01971,-0.04256,-0.07923,-0.06737,0.00896,-0.05919,0.0176,-0.01722,0.13036,0.02536,0.03121,-0.01503,-0.0786,-0.04988,-0.0368,-0.01427,0.10406,0.02358,0.05519,0.03541,-0.01749,0.04207,0.06101,-0.02629,0,0.01658,-0.00512,-0.0323,0.0273,0.05367,0.02589,-0.02059,-0.03423,-0.0185,0.03425,-0.04132,0.04659,-0.03327,0.00608,0.01086,-0.09834,-0.05347,0.00101,0.05189,0.01194,-0.02701,0.01209,-0.12644,-0.01763,0.03243,0.02972,-0.04962,0.04423,-0.03048,-0.00475,0.0516,-0.00962,-0.0203,-0.01991,0.00002,-0.02458,0.01306,-0.05312,-0.00234,-0.08503,0.04043,-0.02224,-0.08338,0.01508,-0.06822,-0.08559,-0.05627,-0.01218,0.0265,0.03799,0.03453,0.01717,-0.00939,-0.08012,0.03709,-0.08837,-0.03591,0.06444,0.0015,0.10397,-0.01183,0.02501,-0.05347,-0.01706,0.02304,0.05555,-0.03796,0.00771,0.09051,-0.07383,-0.04771,0.04985,-0.08005,0.06298,0.07174,-0.03332,0.00854,0.06023,-0.04903,-0.01847,-0.02791,-0.04274,-0.02707,0.07758,-0.00496,-0.01464,0.01631,-0.0979,-0.10387,-0.00977,-0.02193,0.00873,0.10626,0.00022,0.04355,0,0.03063,0.00603,-0.00685,0.04461,0.064,-0.07847,0.03028,0.04546,0.02345,-0.00748,-0.06267,0.08271,-0.0028,-0.01316,0.0367,0.00032,0.00037,-0.15529,0.08288,-0.04093,0.00668,0.02696,0.00626,0.09294,-0.07689,0.03174,-0.0413,-0.06619,0.06836,-0.00105,0.01562,-0.0816,-0.00415,0.03176,-0.05595,-0.02629,-0.01996,0.08558,-0.01903,-0.00641,-0.04948,0.03228,-0.0978,0.05776,-0.01381,0.02648,0.00357,0.05109,-0.10013,0.00202,-0.08928,0.08474,-0.01281,0.00785,0.00292,0.00739,0.14638,-0.1,0.02161,-0.05299,0.00659,-0.02011,-0.04967,-0.06921,-0.01762,-0.01522,-0.05011,-0.102,-0.00734,0.09512,-0.00683,-0.01829,0.0099,-0.04459,0.10443,-0.01691,0.03437,-0.03444,0.05467,-0.02731,-0.05668,0.03894,0.02613,-0.00696,0.0436,-0.01445,0.01271,-0.03204,0.04124,0.07512,-0.06448,-0.00319,-0.06712,-0.02826,0.03861,0,-0.07951,0.03144,0.02564,-0.02101,0.04843,-0.01992,0.00787,0.08548,0.04476,-0.02647,0.00516,0.07397,-0.02556,-0.06153,0.04594,0.00433,0.01915,-0.02026,-0.0422,0.0626,0.00898,-0.05251,-0.07065,0.0525,0.01229,-0.06349,0.09904,-0.03315,-0.0293,0.00235,-0.04824,0.01953,0.1041,0.12649,-0.05815,-0.02836,-0.0142,0.05389,0.01324,0.02732,0.01611,0.03061,-0.04979,-0.0101,-0.0834,0.05554,-0.02843,-0.00061,0.01682,0.05165,-0.02804,-0.05059,-0.07809,0.08658,0.01257,-0.01586,-0.03674,-0.02609,0.10188,-0.03346,-0.02978,0.0473,-0.01595,-0.04674],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Data in, data out - load({ nodes, groups, connections }) — plain arrays in. The store only reads the framework keys (id, position, optional size, rotate, parentId) and carries the rest of your record through untouched — put your fields right on it, no data wrapper. - Groups are their own collection with the same shape, rendered with fGroup — a first-class kind because the library treats them separately (a group id in a selection, its own drop target). Nesting is just parentId. - snapshot() — plain arrays out (nodes, groups, connections) with copied geometry; persist the result as-is. - injectFlowState<MyNode, MyConnection, MyGroup() types all three end to end; each argument defaults to the framework shape, so injectFlowState<MyNode() is enough when only nodes carry extra fields. parent Id f Group inject Flow State My Node My Connection My Group","excerpt":"Data in, data out - load({ nodes, groups, connections }) — plain arrays in. The store only reads the framework keys (id, position, optional size, rotate, parentId) and carries the rest of your record through untouched — put your fields right on it, no data wrapper. - Groups are their own collection with the same shape, rendered with fGroup — a first-class kind because the library treats them separately (a group id in a selection, its own drop target). Nesting is just parentId. - snapshot() — plain arrays out (nodes, groups, connections) with copied geometry; persist the result as-is. - injectFlowState<MyNode, MyConnection, MyGroup() types all three end to end; each argument defaults to the framework shape, so injectFlowState<MyNode() is enough when only nodes carry extra fields."},{"chunkId":"/examples/state#12","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07292,0.0143,-0.00307,0.04765,0.01139,0.00627,-0.00587,-0.04647,0.00406,0.06762,-0.02367,0.03097,-0.04166,0.05381,0.06829,0.04006,-0.00864,-0.03848,0.00764,-0.02716,0.02946,-0.03928,-0.0519,0.02285,0.07042,0.08371,-0.03941,-0.03158,0.05901,-0.02054,-0.0193,0.07344,-0.07455,0.01912,-0.14289,0.04551,-0.01195,0.01171,-0.04465,-0.01694,0.09847,-0.00845,0.01979,-0.05525,-0.04838,0.03165,-0.04484,0.0014,-0.07119,0.0487,-0.03714,-0.03349,-0.03594,0.03371,0.04693,-0.00901,0.07898,-0.02677,-0.05355,-0.01751,0.02384,-0.04811,-0.03577,0.07171,0.00977,0.06956,0.00571,-0.00379,0.03264,-0.02734,0.02933,-0.04975,0.04206,-0.12589,0.03153,-0.07964,-0.05211,0.0127,-0.06474,-0.01682,0.0428,-0.01162,-0.01028,0.05814,-0.01331,0.03675,-0.05433,-0.08976,0.08742,-0.01492,-0.07855,0.02258,0.01582,-0.01498,0.05925,-0.02499,-0.02357,-0.00997,-0.08805,0.02807,0.0321,0.00246,0.05679,0.04875,0.0047,-0.01711,-0.04184,0.00307,-0.02378,0.04953,0.00075,0.0549,0.06724,-0.02833,-0.02574,-0.05404,-0.06797,-0.05496,-0.03716,0.08765,-0.03029,0.00495,0.01729,-0.0876,0.01721,0.03182,0.0468,0,-0.00679,-0.02168,-0.05184,0.01036,0.05772,0.04384,-0.05223,-0.08349,0.02379,-0.01033,0.06576,0.12092,-0.01655,0.09705,-0.00615,-0.0878,-0.01273,0.05593,0.05628,0.0187,0.02574,-0.00906,-0.08023,-0.03632,0.06965,0.07522,0.00724,0.06614,-0.04491,0.00242,0.06301,0.01917,-0.01639,0.02475,-0.0258,-0.00964,-0.06202,-0.04517,-0.0229,-0.06613,0.02879,-0.00578,-0.14597,0.00731,-0.09091,-0.0702,-0.01457,-0.04154,0.07189,-0.00483,0.02336,0.03598,-0.01579,-0.031,0.03395,-0.07694,-0.01567,0.0626,-0.01886,0.08855,0.001,0.01511,-0.04105,-0.09868,0.03046,0.04713,-0.03687,0.0196,0.08393,-0.07655,-0.07365,0.04633,-0.01835,0.06069,0.05029,-0.05667,0.01934,0.04663,-0.03926,-0.02965,-0.04863,-0.10731,0.01766,0.11783,0.07661,-0.07896,0.00278,-0.11825,-0.11174,0.04586,0.02171,0.01137,0.09337,0.07539,0.04319,0,-0.0149,0.0047,-0.03481,0.1006,0.01432,-0.05601,0.02022,0.09036,0.02927,-0.018,0.00258,0.0163,0.00681,0.03917,0.05094,0.03652,-0.0107,-0.13023,-0.02377,-0.01493,0.01024,0.02191,-0.02481,-0.01072,-0.05058,0.08664,-0.03293,-0.10013,0.01375,-0.03305,-0.02862,-0.07027,-0.04001,-0.02722,-0.01649,0.01881,0.00756,0.06816,-0.04582,-0.02178,0.0116,0.03702,-0.06084,0.09213,-0.01361,0.03158,-0.05393,0.04033,-0.12106,-0.01159,-0.04533,0.05067,0.0176,-0.04643,-0.04836,-0.01628,0.121,-0.00787,-0.01763,-0.05051,-0.00862,-0.02981,-0.06561,-0.06903,0.02009,0.05353,-0.01125,-0.04855,0.03644,0.04379,0.03951,0.0253,-0.00681,-0.02977,0.13338,-0.00639,0.07459,-0.0516,-0.00716,-0.01609,-0.04748,0.07608,0.02641,-0.00783,0.04541,0.04753,-0.12083,-0.04191,0.02714,0.10687,-0.08802,0.0123,-0.09013,0.01823,0.02327,0,-0.12392,0.02577,0.06095,-0.03182,0.06748,0.03621,0.05072,0.06862,0.01241,-0.00478,0.07188,0.0717,-0.01313,-0.03225,0.04137,-0.00092,-0.01831,0.05755,-0.04642,0.02689,-0.00706,-0.01203,-0.04036,0.12167,0.0087,-0.05521,0.06894,0.02734,-0.02512,0.06847,-0.03195,0.03254,0.1112,0.04047,-0.07308,-0.0004,-0.00009,-0.00305,0.01829,-0.02152,0.0079,0.0203,-0.04616,0.00277,-0.07205,0.0748,-0.03575,-0.02201,0.00314,-0.04563,-0.07864,-0.01298,-0.05338,0.10074,0.047,-0.02364,-0.01418,-0.03007,0.06196,-0.00394,0.00454,-0.00706,-0.01069,-0.03131],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Configuration","excerpt":"Configuration"},{"chunkId":"/examples/state#13","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.11034,-0.01348,0.02128,0.05928,0.00394,0.03673,0.0192,-0.03912,0.04458,0.03903,-0.00372,0.00443,-0.04083,0.02251,-0.02526,-0.00117,0.00071,0.00843,-0.08661,-0.00626,0.02321,-0.08847,0.00105,-0.01128,0.08654,0.06252,0.01023,-0.06519,0.05087,-0.02485,-0.05905,0.06018,-0.05857,-0.00393,-0.10696,0.03087,-0.04159,0.03002,-0.07444,-0.03202,0.05828,0.03935,-0.00932,-0.06553,-0.03858,-0.00397,-0.05374,0.01565,-0.04625,0.03879,-0.00395,-0.00595,-0.0036,0.07755,0.0177,0.01835,0.08102,-0.00411,-0.02882,-0.03561,0.01358,-0.05081,-0.06651,0.01626,0.01727,0.06219,0.04047,-0.05093,0.04257,0.02595,0.01743,-0.06527,0.0203,-0.07261,0.01936,-0.08319,-0.0192,0.08613,-0.10377,-0.03216,0.07839,-0.0325,-0.00838,0.07858,0.01653,-0.01398,-0.05386,-0.03127,0.04875,-0.01548,-0.10632,0.04843,-0.00306,-0.04749,0.07122,-0.01457,-0.04664,0.04024,-0.03539,0.01175,0.06325,0.00065,0.00827,0.05147,-0.01081,-0.04699,-0.03681,-0.05232,-0.0446,0.0558,-0.00339,0.07785,0.07013,0.02041,0.02403,-0.01267,-0.07038,0.01614,-0.07538,0.1016,0.02456,0.0247,0.00914,-0.05586,0.0172,0.00165,0.01256,0,0.02668,-0.01756,-0.06067,-0.01765,0.04711,0.05688,-0.03812,-0.03086,0.04557,0.00332,0.02603,0.08553,-0.03214,0.03141,0.00675,-0.08116,0.0175,0.04789,0.03081,0.03034,0.0445,-0.02167,-0.10074,-0.01549,0.06685,0.05657,-0.0218,0.07916,-0.05814,-0.00733,0.03546,0.00787,-0.0412,-0.02405,-0.01004,-0.00612,-0.02173,-0.05464,0.04429,-0.06855,-0.04899,-0.01524,-0.14466,-0.04287,-0.06454,-0.12062,-0.02177,-0.00397,0.03725,-0.0058,0.06773,0.01496,-0.02052,-0.08367,-0.00019,-0.05575,0.01132,0.07179,-0.04688,0.11181,0.02931,0.00522,-0.06111,-0.0499,0.0225,0.07231,-0.03415,0.00767,0.00442,-0.11153,-0.08311,0.04257,0.01845,0.00437,0.07072,-0.07532,0.03561,0.04836,-0.03755,-0.03967,-0.0729,-0.11603,-0.03415,0.03024,0.04792,-0.06432,0.03817,-0.08153,-0.15412,0.01049,0.02025,0.00536,0.06623,0.02696,0.05384,0,0.02305,0.02012,-0.05282,0.08762,0.03173,-0.04852,0.01721,0.11319,-0.01166,-0.09459,-0.02628,0.03991,-0.0096,0.03825,0.02596,0.04559,0.01337,-0.07329,-0.04747,-0.01598,0.01083,0.04545,-0.04389,0.03279,-0.11159,0.04796,0.01093,-0.05537,-0.01163,-0.00085,-0.02382,-0.04795,-0.08781,0.00355,-0.01452,-0.06986,-0.00684,0.02582,-0.07194,0.02,0.02445,0.04519,-0.01697,0.08578,-0.00358,0.00564,-0.05613,0.07276,-0.07276,0.00079,0.01358,0.06842,0.01443,0.01665,-0.00958,0.025,0.11548,-0.09945,0.00077,-0.05908,-0.00233,0.0056,-0.06999,-0.0053,0.05303,0.07193,-0.0265,-0.02732,0.04237,0.04631,0.00683,-0.00495,0.0286,-0.02225,0.10942,0.04978,0.01585,-0.07358,0.01234,-0.0801,-0.0596,0.05231,0.06216,-0.08819,-0.0204,0.05958,-0.17167,-0.0041,0.05703,0.04963,-0.07511,-0.02694,-0.02652,-0.01104,0.04003,0,-0.12751,0.03787,0.04394,-0.00513,0.1046,-0.00156,0.03439,0.09502,0.00893,-0.05261,0.04802,0.05054,-0.00116,-0.02801,0.06095,-0.01615,0.06949,0.00822,-0.05143,0.02589,-0.01676,-0.02338,-0.03019,0.0792,-0.03106,-0.08161,0.02411,0.07984,0.01241,0.02796,-0.00402,-0.01214,0.09566,0.04631,-0.10851,0.02024,0.01888,-0.04241,0.05894,-0.0072,-0.00265,0.0546,-0.03938,0.02674,-0.07454,0.0172,-0.00456,-0.07759,0.02317,0.00717,-0.11169,-0.01837,-0.03677,0.09374,0.04664,0.00508,-0.01211,-0.01942,0.05188,0.04058,0.00509,0.00044,-0.06673,-0.00113],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Option Default Meaning -------------------------- --------------------------------- ------------------------------------------------------------------------------------ historyLimit 50 Maximum number of undo steps. selectionInHistory true Include selection in undo/redo; a drag's leading selection is batched with the move. canvasTransformInHistory true Include user pan/zoom in undo/redo. The transform is still tracked when disabled. canvasTransformDebounce 0 Debounce canvas events before committing a viewport history step. dropToGroup false Reparent dropped records and nest external items into groups. connectionFactory generated id/endpoints Create or veto a gesture-created connection. nodeFactory payload plus normalized drop rect Create or veto a node dropped from an external palette. stateClass FFlowState Install an application subclass that overrides store behavior. history Limit selection In History canvas Transform In History canvas Transform Debounce drop To Group connection Factory node Factory state Class F Flow State","excerpt":"Option Default Meaning -------------------------- --------------------------------- ------------------------------------------------------------------------------------ historyLimit 50 Maximum number of undo steps. selectionInHistory true Include selection in undo/redo; a drag's leading selection is batched with the move. canvasTransformInHistory true Include user pan/zoom in undo/redo. The transform is still tracked when disabled. canvasTransformDebounce 0 Debounce canvas events before committing a viewport history step. dropToGroup false Reparent dropped records and nest external items into groups. connectionFactory generated id/endpoints Create or veto a gesture-created connection. nodeFactory payload plus normalized drop rect Create or veto a node dropped from an external palette. stateClass FFlowState Install an application subclass that overrides store behavior."},{"chunkId":"/examples/state#14","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.08844,0.02331,-0.00831,0.04618,0.0144,0.0074,-0.02376,-0.04921,0.01544,0.06539,-0.02756,0.02759,-0.04314,0.04849,0.07807,0.03135,0.00239,-0.03043,0.00584,-0.04606,0.01961,-0.02841,-0.07246,0.0294,0.07584,0.0715,-0.04242,-0.04307,0.06253,-0.01681,-0.02106,0.05785,-0.06924,0.02519,-0.151,0.04561,-0.01871,0.00732,-0.03908,-0.0216,0.10278,-0.01639,0.00566,-0.0649,-0.04036,0.02309,-0.05139,0.01693,-0.08505,0.06648,-0.0311,-0.03928,-0.04309,0.03363,0.05353,-0.02247,0.07359,-0.03357,-0.0531,-0.00642,0.03641,-0.06241,-0.03871,0.07745,0.00997,0.06325,0.00362,-0.01173,0.037,-0.05509,0.03562,-0.06452,0.02808,-0.11929,0.03132,-0.07607,-0.04318,0.0224,-0.06833,-0.01533,0.03203,0.00261,-0.00902,0.06505,-0.00526,0.04991,-0.04794,-0.0707,0.0721,-0.02652,-0.0779,0.02596,0.03093,-0.01189,0.0671,-0.01734,-0.0238,-0.02158,-0.09678,0.02951,0.00654,0.00004,0.03392,0.04349,0.01442,-0.02108,-0.03619,0.00248,-0.0221,0.04421,0,0.05201,0.06476,-0.03453,-0.02018,-0.05154,-0.05806,-0.05697,-0.02926,0.09715,-0.01897,0.00844,0.02252,-0.08824,0.01607,0.0236,0.05801,0,-0.01095,-0.01591,-0.04157,0.00819,0.0565,0.03356,-0.04079,-0.08461,0.03681,-0.02081,0.05396,0.14028,-0.01587,0.09059,-0.00111,-0.08641,-0.02121,0.04887,0.06512,0.01944,0.0198,-0.02769,-0.07194,-0.02847,0.07226,0.06479,0.004,0.05502,-0.02886,0.00719,0.05658,0.01898,-0.01904,0.02551,-0.03387,-0.00465,-0.07365,-0.04549,-0.02649,-0.06463,0.02017,-0.00485,-0.1507,0.00624,-0.08862,-0.07598,-0.02672,-0.04588,0.06279,-0.00106,0.02313,0.04739,-0.00686,-0.04254,0.02801,-0.07738,-0.00656,0.07332,-0.02091,0.08961,0.0052,0.00509,-0.03727,-0.08664,0.0321,0.04048,-0.02924,0.02642,0.07755,-0.06704,-0.06844,0.06116,-0.01519,0.06103,0.04058,-0.06383,0.02834,0.05469,-0.0303,-0.03399,-0.03952,-0.11575,0.02155,0.10516,0.0663,-0.07127,0.00521,-0.11887,-0.09898,0.0339,0.01928,0.02503,0.0896,0.06877,0.04521,0,-0.01593,0.00235,-0.03685,0.09932,0.00801,-0.06369,0.01852,0.08634,0.01026,-0.00396,-0.006,0.02246,0.00289,0.03735,0.07154,0.02797,-0.01242,-0.14376,-0.02023,-0.01472,0.00298,0.02125,-0.03958,-0.01923,-0.05639,0.08424,-0.05027,-0.09465,0.0206,-0.0293,-0.02412,-0.06958,-0.03893,-0.02167,-0.02091,0.01313,0.01082,0.09366,-0.04834,-0.02729,0.01607,0.02491,-0.05818,0.07321,-0.00333,0.0323,-0.04824,0.05119,-0.12096,-0.02078,-0.02972,0.0528,0.01874,-0.03607,-0.04813,-0.01649,0.12119,-0.01292,-0.00947,-0.0619,-0.01576,-0.02964,-0.0499,-0.06841,0.01591,0.0453,-0.01167,-0.05742,0.00846,0.05113,0.03987,0.0253,-0.01018,-0.04,0.12585,-0.00561,0.06934,-0.05502,-0.01294,-0.01619,-0.04667,0.08844,0.04337,0.00015,0.05039,0.04388,-0.11385,-0.05451,0.02902,0.10762,-0.09412,0.02239,-0.09533,0.01885,0.02687,0,-0.11609,0.02419,0.05362,-0.03341,0.06082,0.02185,0.03919,0.07088,0.02235,0.00664,0.06969,0.06006,-0.01841,-0.03711,0.04676,0.00979,-0.0068,0.06515,-0.03607,0.02456,-0.01502,0.00074,-0.03413,0.1077,0.01001,-0.05537,0.071,0.02768,-0.00482,0.0498,-0.0331,0.03634,0.13236,0.03292,-0.05955,-0.0063,0.01034,-0.00377,0.01992,-0.00146,0.02717,0.03099,-0.04518,0.00318,-0.05436,0.07324,-0.0408,-0.02802,-0.00271,-0.04385,-0.07745,-0.01535,-0.06252,0.10317,0.03565,-0.02376,-0.01832,-0.04017,0.0693,-0.01177,0.01687,0.00382,0.01455,-0.01091],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Core API","excerpt":"Core API"},{"chunkId":"/examples/state#15","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.1357,0.02887,-0.03646,0.03751,0.01737,0.02066,-0.00243,-0.06676,0.01673,0.04409,-0.01617,0.01476,-0.02406,0.00169,0.00271,0.04007,-0.02772,-0.00307,-0.05007,-0.02919,0.00862,-0.0283,-0.03726,0.00214,0.08341,0.05015,0.00461,-0.05701,0.06176,-0.05934,-0.05251,0.0555,-0.08602,0.01087,-0.10098,0.05981,-0.02429,-0.00274,-0.04384,-0.05809,0.10777,0.04026,-0.03657,-0.07303,-0.05703,-0.01466,-0.07906,0.01334,-0.04593,0.05917,-0.0059,-0.01013,-0.01299,0.05772,0.07851,0.01857,0.07138,0.00198,-0.05469,-0.02064,0.04958,-0.07244,-0.01742,0.03514,-0.00544,0.04362,0.02883,0.00122,0.05434,-0.04995,0.01483,-0.04672,0.00648,-0.08629,0.0275,-0.06127,-0.02358,0.07876,-0.10715,-0.03892,0.03538,0.00786,-0.02732,0.03764,0.01098,0.01052,-0.0382,-0.01888,0.05035,-0.00764,-0.09544,0.0507,0.03469,-0.01522,0.03483,0.02436,-0.01355,0.06538,-0.022,0.0428,0.04936,-0.00177,0.01208,0.03901,-0.01891,-0.05892,-0.05557,-0.03363,-0.01441,0.015,-0.02859,0.06072,0.06087,0.00052,-0.01958,-0.05704,-0.05144,0.03101,-0.04459,0.10779,0.0622,-0.00898,0.01266,-0.0229,0.03193,0.0576,0.06763,0,0.01253,-0.03554,-0.05852,0.00472,0.08303,0.06713,-0.04286,-0.05545,0.00867,-0.03143,0.0004,0.10684,-0.02657,0.01151,0.00968,-0.10567,0.01684,0.02603,0.09882,0.02038,-0.0076,-0.00113,-0.1016,-0.03822,0.05032,0.07181,-0.00706,0.07264,-0.04145,-0.01815,0.06805,0.01987,-0.04749,-0.00095,-0.03447,-0.04009,-0.01994,-0.07284,-0.01009,-0.09192,-0.00338,-0.01843,-0.17575,-0.02658,-0.07761,-0.10612,-0.02325,0.03631,0.04778,-0.01898,0.00665,0.02313,-0.04684,-0.11068,-0.00107,-0.06578,-0.01127,0.08012,0.00905,0.10044,0.00821,0.02506,0.00808,-0.03044,0.06499,0.06713,-0.02593,-0.00238,0.03341,-0.07636,-0.06562,0.06178,-0.00738,0.03519,0.04607,-0.05848,0.00527,0.06625,-0.05194,-0.05488,-0.04521,-0.09456,-0.07024,0.03839,0.06863,-0.02476,0.02912,-0.06573,-0.11611,0.04529,0.01817,0.03857,0.10011,0.01037,0.027,0,0.0054,0.0136,-0.06668,0.04309,0.03876,-0.07608,0.00889,0.11429,-0.03614,-0.02833,-0.02814,-0.00733,-0.02024,0.01692,0.01488,0.04024,0.00577,-0.11429,-0.06039,-0.04494,-0.03322,0.06316,-0.08414,0.04759,-0.09372,0.06559,-0.0182,-0.04059,-0.0164,-0.01709,-0.02698,-0.07381,-0.0767,0.03273,0.0149,-0.03457,0.03227,0.0719,-0.04465,0.03849,0.01237,0.05569,-0.03387,0.07136,-0.02432,0.02161,-0.05411,0.05385,-0.10022,0.00849,0.02638,0.05316,0.02808,-0.00071,-0.02401,0.0168,0.10836,-0.07982,0.0008,-0.07723,0.0141,-0.06243,-0.05541,-0.0121,0.03277,0.05463,-0.01939,-0.07429,0.02816,0.03623,0.03112,-0.03492,0.0197,-0.03623,0.11693,0.01428,0.00613,-0.10042,-0.02096,-0.05833,-0.09018,0.05519,0.04725,-0.05236,0.03543,0.04717,-0.09417,0.01239,0.08398,0.03771,-0.08765,-0.00033,-0.08548,-0.00036,0.04079,0,-0.12241,-0.00752,0.02555,-0.00512,0.09906,-0.01696,0.03545,0.02407,0.01911,-0.04416,0.04188,0.05404,-0.0259,-0.03877,0.08179,-0.01046,0.0574,-0.00326,-0.02475,0.01946,-0.04549,-0.01801,-0.03608,0.09248,-0.00839,-0.0674,0.06135,0.07328,0.03561,0.02688,-0.03521,-0.01078,0.14092,0.06684,-0.08588,-0.00335,0.02236,-0.00181,0.05172,0.00863,0.00654,0.02446,-0.07008,0.0438,-0.05853,-0.01534,-0.01171,-0.07456,0.00772,0.00086,-0.0774,-0.05692,-0.02309,0.06658,0.04635,-0.02613,0.00406,-0.00404,0.07064,0.05499,0.00535,0.00266,-0.01175,-0.00955],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. API Purpose ----------------------------------------- ---------------------------------------------------------------------------- nodes, groups, connections Readonly collection signals rendered by the template. selection, transform Current selection and canvas transform signals. canUndo, canRedo, changes History availability and settled-change notification signals. load(data), snapshot() Replace/reset the store and export persistable data. getNode, getGroup, getConnection Read one record by id. add, update, remove, moveNodes Programmatic immutable mutations. undo, redo, clearHistory History operations. batch(work) Collapse several mutations into one undo step and one changes() increment. can Undo can Redo get Node get Group get Connection move Nodes clear History","excerpt":"API Purpose ----------------------------------------- ---------------------------------------------------------------------------- nodes, groups, connections Readonly collection signals rendered by the template. selection, transform Current selection and canvas transform signals. canUndo, canRedo, changes History availability and settled-change notification signals. load(data), snapshot() Replace/reset the store and export persistable data. getNode, getGroup, getConnection Read one record by id. add, update, remove, moveNodes Programmatic immutable mutations. undo, redo, clearHistory History operations. batch(work) Collapse several mutations into one undo step and one changes() increment."},{"chunkId":"/examples/state#16","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.09587,-0.00306,0.03934,0.0852,0.07008,0.05055,-0.01978,-0.08973,0.06978,0.03031,-0.01957,0.04336,-0.06321,-0.01609,0.00731,0.02637,-0.04559,-0.03978,0.01645,-0.05477,0.00538,-0.02923,0.01479,-0.01692,0.07608,0.07282,0.02134,0.02219,0.03118,-0.05136,-0.05993,0.08444,-0.06524,-0.01815,-0.16131,0.0514,-0.0188,0.02032,-0.0374,0.02477,0.09133,-0.00402,0.00135,-0.05555,-0.06851,0.03611,-0.03705,-0.01182,-0.07993,0.09795,0.05636,0.01123,0.00992,0.02872,0.02214,0.00272,0.07958,-0.03052,-0.02787,-0.05342,0.03003,-0.01846,-0.0523,0.03758,0.0067,0.05131,0.00947,-0.0531,0.04859,-0.02109,0.04622,-0.04416,0.01428,-0.07046,0.01769,-0.01882,0.0353,0.0182,-0.08777,-0.02602,0.0626,-0.01851,-0.01848,0.10667,0.01276,0.03506,-0.07126,-0.06666,0.06751,0.01054,-0.10627,-0.01174,0.05782,-0.0175,0.05521,0.00929,-0.04313,-0.00294,-0.07224,0.01319,0.03683,-0.00825,0.06092,0.08529,-0.01809,-0.02726,-0.02938,-0.00337,-0.00383,0.04153,0.00989,0.0214,0.09964,0.06865,-0.00803,-0.01724,-0.07082,0.01064,-0.07819,0.08666,-0.02072,0.02547,-0.00028,-0.04144,-0.01505,-0.01209,0.03187,0,0.05505,-0.03468,-0.04097,-0.04809,0.04049,0.0373,-0.05712,-0.08791,0.01463,0.01661,0.02681,0.07535,-0.03899,0.10267,-0.01781,-0.06182,-0.01359,0.07635,0.04335,0.01454,0.01257,0.04352,-0.08926,-0.08436,0.0282,0.06028,-0.03317,0.04218,-0.00596,-0.00477,-0.01514,0.01192,-0.02584,0.00064,-0.0173,0.05944,-0.04447,-0.06976,0.02086,-0.04071,0.0265,-0.02116,-0.10371,-0.02231,-0.05174,-0.05944,-0.05461,-0.02391,0.01941,-0.01874,0.07948,0.01591,-0.03172,-0.04035,0.02244,-0.08599,-0.00056,0.10958,0.00518,0.12273,0.03686,0.05565,-0.04411,-0.01504,0.03009,0.07822,-0.01773,0.00716,0.03644,-0.09966,-0.07569,0.04305,-0.01407,0.03202,0.05868,-0.06114,0.01854,0.02497,0.02801,-0.01668,-0.09807,-0.12539,-0.04355,0.01918,0.08125,-0.05694,0.04168,-0.04942,-0.05442,-0.01697,0.05466,0.05471,0.08041,0.06443,0.02108,0,0.00594,0.03242,0.02854,0.10031,-0.00655,-0.06819,0.02992,0.0637,0.00287,-0.07853,0.0342,0.02242,0.01419,0.00483,0.07019,0.04885,-0.00913,-0.09285,-0.09582,-0.03397,0.00812,-0.02914,-0.03053,-0.00264,-0.0763,0.03554,0.01476,-0.0715,0.00707,-0.05429,-0.03058,-0.02502,-0.08675,0.00154,0.0228,0.00565,-0.02602,0.08175,-0.04602,0.02885,-0.0164,0.06516,-0.04642,0.09247,-0.01975,0.07694,-0.09485,0.06269,-0.04698,-0.01637,-0.03352,0.0753,0.01872,-0.02367,-0.01085,0.05421,0.14359,-0.02866,0.02039,-0.03309,-0.03892,0.03576,-0.05722,-0.04794,0.00596,0.02079,-0.00481,-0.01817,0.00772,0.00473,0.0451,0.02032,0.00858,-0.09179,0.11303,-0.04882,0.05384,-0.02594,0.02986,-0.05257,-0.02445,0.08372,0.06715,-0.08289,-0.0088,0.07686,-0.12099,0.01293,0.07095,0.02976,-0.04148,-0.01868,0.00013,-0.04444,0.02487,0,-0.14813,0.03749,0.05003,-0.03958,0.07403,-0.00476,0.02234,0.13435,0.01984,-0.03048,0.04135,0.09245,-0.03368,-0.01819,0.02229,-0.00206,0.0484,0.03214,-0.00564,0.00615,-0.02489,-0.04805,-0.0387,0.1041,-0.0259,-0.07317,-0.02072,-0.0068,-0.00147,0.06895,-0.03806,0.01261,0.08768,0.05789,-0.05233,-0.0168,-0.01016,-0.05268,0.02966,-0.01102,0.0049,0.02415,-0.03561,-0.01621,-0.14366,0.01584,0.02696,-0.05317,-0.04899,-0.05741,-0.06151,-0.04322,0.00278,0.03468,0.0674,0.01658,-0.05999,-0.03082,0.00987,0.00187,0.00362,0.00048,-0.01442,-0.04696],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Selection, and whether it belongs in the history state.selection() always reflects the current selection (nodeIds, groupIds, connectionIds) as a signal — handy for a properties panel or a context menu. Whether selecting is undoable is a config switch, because editors disagree: - On by default — every selection change is its own step and undo/redo restore the previous highlight (Figma, Photoshop); a drag's leading selection folds into the same step as the move. - Set false to keep selection out of the history, so undo walks only graph edits (xyflow, tldraw). node Ids group Ids connection Ids","excerpt":"Selection, and whether it belongs in the history state.selection() always reflects the current selection (nodeIds, groupIds, connectionIds) as a signal — handy for a properties panel or a context menu. Whether selecting is undoable is a config switch, because editors disagree: - On by default — every selection change is its own step and undo/redo restore the previous highlight (Figma, Photoshop); a drag's leading selection folds into the same step as the move. - Set false to keep selection out of the history, so undo walks only graph edits (xyflow, tldraw)."},{"chunkId":"/examples/state#17","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.09309,0.0142,-0.01452,0.04522,-0.01462,0.0199,-0.02208,-0.03585,0.01402,0.07207,-0.02829,0.04219,-0.06209,0.0299,0.05032,0.00733,-0.02914,-0.00876,-0.01276,-0.03626,0.01703,-0.02612,-0.05061,0.0168,0.0691,0.07123,-0.00307,-0.0307,0.08706,-0.02791,-0.02178,0.07243,-0.0334,0.02131,-0.16727,0.07388,-0.02001,0.00627,-0.04677,-0.02202,0.07522,-0.03538,-0.01261,-0.06626,-0.03697,0.03139,-0.04625,0.01149,-0.07834,0.05708,-0.01895,-0.04356,-0.03694,0.0284,0.04103,-0.00498,0.10716,-0.00668,-0.04108,-0.03586,0.04105,-0.02989,-0.03725,0.06477,0.01077,0.07379,0.01443,-0.02804,0.05185,-0.04702,0.01498,-0.05807,0.02539,-0.10964,0.01271,-0.07466,-0.05103,0.01584,-0.09234,-0.00362,0.05067,-0.03099,0.00111,0.07273,0.00111,0.04837,-0.05354,-0.05967,0.11944,-0.0115,-0.09163,0.02185,0.03418,-0.02585,0.04613,-0.01923,-0.01669,-0.0104,-0.09989,0.04232,0.02439,0.0038,0.03742,0.04186,0.00321,-0.02487,-0.03184,-0.01847,-0.02503,0.03568,0.00276,0.0418,0.04724,-0.01941,-0.01659,-0.04628,-0.0567,-0.02441,-0.05247,0.08903,-0.00484,0.02163,0.02791,-0.06467,-0.00647,0.00809,0.05859,0,0.0237,-0.00751,-0.04882,-0.00987,0.04352,0.06723,-0.0449,-0.08153,0.03614,-0.01955,0.09265,0.10933,-0.00026,0.1106,-0.00029,-0.06342,-0.0382,0.05041,0.06212,0.01525,0.02672,-0.00546,-0.08481,-0.02924,0.07018,0.0601,-0.01119,0.06873,-0.01084,-0.01849,0.07197,0.01599,-0.04965,0.03105,-0.00932,-0.0207,-0.03437,-0.07323,-0.01445,-0.07725,0.02356,-0.02905,-0.12058,-0.01271,-0.07687,-0.08863,-0.05739,-0.03082,0.05436,-0.01506,0.04482,0.07106,-0.02475,-0.04538,0.01249,-0.06312,-0.00104,0.06064,-0.03017,0.08877,0.013,0.01202,-0.03541,-0.06165,0.01215,0.05417,-0.03545,0.02596,0.09005,-0.07169,-0.09432,0.04943,-0.03147,0.0769,0.03409,-0.05963,0.02853,0.05219,-0.02982,-0.01063,-0.0513,-0.11165,0.01392,0.093,0.07779,-0.0839,0.00699,-0.11469,-0.0873,0.02009,0.01268,0.03018,0.06271,0.07805,0.04921,0,-0.0099,0.02259,-0.04821,0.10551,-0.01072,-0.0665,0.0181,0.079,0.014,-0.03889,-0.00989,0.02556,0.00737,0.02637,0.0503,0.0355,-0.0119,-0.11828,-0.04282,-0.023,-0.00583,0.00389,-0.00247,-0.00881,-0.07822,0.05292,-0.01049,-0.07816,-0.00649,-0.0251,-0.02142,-0.04308,-0.0464,-0.00609,-0.02166,0.00185,0.02127,0.05673,-0.04439,-0.0183,0.03764,0.03855,-0.03296,0.08112,-0.01706,0.03372,-0.09621,0.05624,-0.11858,-0.02497,-0.03382,0.05758,0.02687,-0.05173,-0.02572,-0.01129,0.14404,-0.04354,0.01439,-0.06471,-0.03347,-0.00931,-0.04347,-0.05969,0.01453,0.06677,-0.01967,-0.08008,0.02572,0.05642,0.05091,0.0139,-0.01768,-0.03385,0.12984,-0.00903,0.06612,-0.05013,-0.01198,-0.05204,-0.01071,0.06035,0.06784,-0.0446,0.00216,0.05404,-0.13132,-0.03759,0.03618,0.08641,-0.10055,0.05167,-0.04097,0.00422,0.02221,0,-0.12162,0.0266,0.07692,-0.01744,0.06217,0.01134,0.03597,0.08014,0.02672,-0.03906,0.02679,0.06435,-0.007,-0.02153,0.02561,-0.00015,0.00714,0.04515,-0.03537,0.0368,-0.01158,-0.01896,-0.03146,0.11528,0.01711,-0.07199,0.06908,0.05482,-0.02259,0.05675,-0.00192,0.03131,0.14292,0.07172,-0.06228,-0.02273,0.01231,-0.01363,0.03197,-0.00545,0.01901,0.04506,-0.05608,0.00281,-0.0737,0.0355,-0.01897,-0.05283,0.00136,-0.05718,-0.07766,0.00864,-0.04828,0.07924,0.02564,0.00445,-0.01082,-0.04179,0.06437,0.02207,-0.00244,0.00265,-0.01405,-0.03757],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Programmatic editing shares the same history Everything the gestures do is also available as methods — and every call is one undoable step:","excerpt":"Programmatic editing shares the same history Everything the gestures do is also available as methods — and every call is one undoable step:"},{"chunkId":"/examples/state#18","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.11482,0.01903,-0.03028,0.059,-0.01761,0.02869,0.01992,-0.09688,0.03704,0.0519,-0.00873,0.04447,0.00786,0.01223,-0.02423,0.05606,-0.05802,-0.03845,-0.02354,-0.02844,-0.03846,-0.04827,-0.05024,0.01518,0.09749,0.05991,0.00255,-0.02578,0.06736,-0.02221,0.00195,0.00589,-0.09594,0.00435,-0.0693,0.05425,0.01116,-0.00023,-0.03512,-0.02431,0.17364,0.01896,0.00432,-0.09336,0.0073,0.0979,-0.09064,0.01329,-0.08361,0.04171,-0.00997,0.02345,-0.02821,0.09698,0.0086,0.03381,0.08307,-0.06186,-0.06562,0.05701,0.04654,-0.04855,-0.014,0.00118,0.04258,0.02317,0.01125,0.01459,0.0278,-0.01657,0.04984,-0.00063,-0.02949,-0.09969,-0.00573,0.0045,-0.01176,0.01542,-0.0966,-0.05232,0.06705,0.08554,0.01379,0.0072,-0.08192,0.04978,-0.05204,-0.07767,0.04035,0.00028,-0.09936,0.03938,0.07278,-0.03883,0.05415,0.03135,-0.03955,0.03991,-0.06723,0.0359,-0.01015,0.00497,-0.01356,0.03863,-0.02029,0.02168,-0.06545,0.04919,-0.05795,0.00126,0.00285,0.05647,0.01637,0.00686,-0.02336,-0.03875,-0.04015,0.01676,-0.0231,0.10066,-0.06334,-0.02319,0.0303,-0.03889,-0.00626,0.04652,-0.00839,0,-0.03635,-0.02373,-0.04536,0.00014,0.09859,0.05086,-0.02632,-0.06184,0.01262,0.0447,-0.02922,0.03304,-0.04776,0.01188,-0.06314,-0.06299,0.01022,0.04096,0.03024,0.0017,0.03048,0.02987,-0.04802,-0.00239,0.05803,-0.00339,-0.06623,0.06279,-0.03309,-0.00707,0.07933,0.04452,-0.04377,0.01518,-0.01868,-0.01056,-0.02806,-0.06245,-0.04917,0.00274,0.02724,-0.01322,-0.1295,0.02141,-0.12001,-0.07978,-0.01627,0.00574,0.03589,0.02951,0.00903,0.02028,-0.00624,-0.07485,-0.01069,-0.11966,-0.05414,0.04441,0.00772,0.03227,0.00193,0.02873,-0.09313,0.00847,0.07271,0.0724,0.01558,0.00922,0.02331,-0.10068,-0.07873,0.08483,-0.02725,-0.01169,0.05785,-0.09545,0.01357,0.09104,0.00829,0.07479,-0.03497,-0.0477,-0.00294,0.09013,0.04387,-0.06455,-0.02642,-0.12171,-0.03049,0.04797,0.07382,0.05593,0.07848,0.06569,0.06184,0,-0.01988,0.02658,0.03514,-0.00788,0.05112,-0.06724,0.03624,0.04671,-0.00047,-0.01098,0.02029,0.052,-0.0092,0.02853,0.03736,0.00891,0.03807,-0.14363,-0.03195,-0.01518,0.00395,0.06532,0.01384,-0.01197,-0.04811,0.03293,-0.01229,-0.05522,0.01171,0.00592,0.02686,-0.06716,-0.04643,-0.02139,-0.05576,0.00574,-0.02999,0.10417,-0.021,-0.00418,-0.05104,0.06181,-0.06081,0.03896,0.00609,0.03819,-0.05767,-0.02979,-0.09589,0.04428,-0.04888,0.10446,-0.0129,-0.01595,-0.01298,-0.05957,0.1493,-0.04337,0.02023,-0.07931,0.06509,0.00001,-0.07088,0.01038,0.0088,0.00212,0.02715,-0.06329,0.04333,0.01393,0.02868,-0.00041,-0.01341,-0.0489,0.12844,-0.02172,-0.00187,-0.02598,-0.0205,-0.00435,-0.03822,0.0647,0.02927,-0.03874,0.0365,0.0256,-0.02529,-0.04082,0.05876,0.11198,-0.05785,-0.02779,-0.04459,-0.00947,-0.04244,0,-0.06595,0.0423,0.00849,-0.03826,0.02885,-0.04941,0.02591,0.15068,0.02188,0.01447,0.04033,0.07813,-0.029,-0.04247,0.05909,-0.06373,0.02007,-0.02262,-0.0444,-0.01121,-0.01285,-0.01888,-0.00554,0.12656,-0.01173,-0.07592,0.10278,-0.02398,-0.04398,0.05279,-0.04941,0.00033,0.05837,0.11205,-0.02067,-0.01312,0.00784,0.03617,-0.04431,0.04333,-0.00925,0.08808,-0.01539,0.03147,-0.01889,0.04623,-0.03321,-0.04056,-0.00253,0.01234,-0.04601,-0.02892,-0.11022,0.06763,0.00661,-0.07122,0.01975,0.00699,0.0148,-0.02361,-0.01039,0.02308,0.01799,-0.13264],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Connection cascade requires rendered connectors Connections store connector ids (sourceId/targetId), not owner node ids. While the flow is rendered, the controller resolves each connector to its node/group and removeNodes/removeGroups automatically remove attached connections. Before connector directives have registered (for example, programmatic editing immediately after load() or during SSR), that ownership map does not exist. When removing records before render, compute the attached connection ids from your data and delete both inside one batch: source Id target Id remove Nodes remove Groups","excerpt":"Connection cascade requires rendered connectors Connections store connector ids (sourceId/targetId), not owner node ids. While the flow is rendered, the controller resolves each connector to its node/group and removeNodes/removeGroups automatically remove attached connections. Before connector directives have registered (for example, programmatic editing immediately after load() or during SSR), that ownership map does not exist. When removing records before render, compute the attached connection ids from your data and delete both inside one batch:"},{"chunkId":"/examples/state#19","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.08366,0.00989,0.02312,0.06188,0.01427,0.00486,0.03297,-0.04172,-0.0067,0.08782,0.03551,-0.00973,-0.03527,0.03647,0.07544,0.05836,0.02664,-0.05159,-0.0164,0.00161,0.05951,-0.06102,-0.02692,-0.00557,-0.00632,0.07501,-0.02913,-0.06516,0.05984,-0.05985,-0.04848,0.08574,-0.09899,0.0105,-0.15721,0.02854,0.00774,-0.04523,-0.04574,-0.00741,0.07363,-0.01304,0.02013,-0.05711,-0.02658,0.06237,-0.02415,0.04583,-0.09492,0.00841,0.00166,-0.02496,0.03377,0.03873,0.05425,-0.03021,0.07348,0.00655,-0.01449,-0.01232,0.02591,-0.0534,-0.03685,0.02671,0.05006,0.03827,-0.03294,-0.02341,0.02341,-0.03477,0.01933,-0.07247,0.06158,-0.07771,0.05022,-0.08799,-0.05805,0.01759,-0.07037,-0.02812,0.04356,-0.04816,-0.04686,0.05622,0.01075,0.03549,-0.03171,-0.02906,0.09274,0.00455,-0.09439,0.01626,0.00579,-0.04261,0.05626,-0.02324,-0.03825,-0.02759,-0.10612,0.01245,0.03374,0.00373,0.03945,0.06595,0.01588,-0.04033,-0.05472,-0.00143,-0.02488,0.05929,0.04043,0.01537,0.05177,-0.03103,-0.01594,-0.06489,-0.02615,-0.03587,-0.01648,0.06759,-0.0293,-0.00412,0.02468,-0.07921,0.03532,0.04068,0.02071,0,-0.01349,-0.01144,-0.08468,-0.04634,0.04187,0.03688,-0.01978,-0.06804,0.02691,-0.02756,0.06351,0.05071,-0.00569,0.0937,0.03988,-0.09943,-0.00104,-0.00025,0.04534,0.03111,0.01254,0.01572,-0.07566,-0.04428,0.03571,0.04359,-0.03234,0.05302,-0.01542,-0.0046,0.06469,0.03093,0.02072,0.05276,-0.00343,0.00803,-0.04802,-0.07334,0.01443,-0.07739,-0.00507,0.00013,-0.14524,0.01823,-0.06173,-0.05794,0.01343,-0.06381,0.03043,-0.00824,0.02006,0.02714,-0.00158,-0.0385,0.0538,-0.10502,-0.03414,0.06714,-0.01431,0.08525,0.00911,-0.00805,-0.05793,-0.07314,0.00096,0.0258,-0.03562,0.01239,0.04453,-0.09558,-0.09194,0.02901,-0.04286,0.07952,0.06413,-0.04823,0.0339,0.07664,-0.042,-0.04214,-0.05505,-0.06364,0.00445,0.10745,0.06576,-0.08826,0.0086,-0.10189,-0.12865,0.00392,0.00148,0.0278,0.08048,0.07952,0.02801,0,-0.03801,0.01289,-0.0517,0.10848,-0.00492,-0.05476,-0.00689,0.02801,0.01402,-0.00616,0.02516,0.03742,0.00722,0.03403,0.03849,0.00938,-0.00298,-0.09209,-0.03897,-0.02257,0.00653,0.0372,0.02296,0.00272,-0.09425,0.09624,-0.00771,-0.07697,0.02761,-0.03593,-0.03412,-0.04577,-0.02875,0.00134,-0.0124,-0.02445,0.0012,0.08828,-0.03609,-0.01975,0.02767,0.03344,-0.02691,0.09941,-0.03864,0.02499,-0.07877,0.04298,-0.12235,-0.03081,-0.02932,0.06696,0.03739,-0.03127,-0.06067,-0.03057,0.13334,-0.00462,0.03547,-0.02322,0.00841,-0.00222,-0.03429,-0.04958,0.044,0.10759,0.01108,-0.01314,0.10504,0.0636,0.06813,0.0232,0.01953,-0.02291,0.13959,0.0079,0.08151,-0.04153,0.0007,-0.04124,-0.00934,0.06483,0.05038,-0.03362,0.04928,0.048,-0.15174,-0.07895,0.00397,0.10913,-0.0761,0.01141,-0.05792,0.01508,0.03053,0,-0.09393,0.00028,0.08823,-0.04813,0.04124,0.04319,0.04132,0.00066,0.01488,0.01011,0.05921,0.04666,0.0096,-0.04118,0.05404,0.01084,-0.01003,0.06799,-0.07529,0.03325,-0.01643,-0.03531,-0.04757,0.12164,0.02777,-0.04543,0.05211,0.02732,-0.01886,0.05885,0.00981,0.03429,0.10392,0.0343,-0.10593,0.01057,-0.03881,-0.04662,0.02923,0.02303,-0.00772,0.04679,-0.07004,-0.00001,-0.07042,0.04749,-0.0132,-0.07452,-0.00558,0.00979,-0.06527,0.00148,-0.02799,0.09743,0.02776,-0.02173,-0.00614,-0.01433,0.0331,-0.00734,0.04403,-0.01619,-0.00054,0.02724],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Shaping and vetoing gesture results For light-touch control, pass factories to the config — return null to reject:","excerpt":"Shaping and vetoing gesture results For light-touch control, pass factories to the config — return null to reject:"},{"chunkId":"/examples/state#20","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.11534,0.01273,-0.02746,0.03989,-0.00929,0.05484,-0.00078,-0.01655,-0.01122,0.09488,-0.00614,0.00658,-0.09152,0.06093,0.05744,0.03834,0.00571,-0.0558,-0.01095,-0.03637,0.03385,-0.04546,-0.05293,0.02523,0.01465,0.09014,-0.00231,-0.05624,0.06581,-0.02835,-0.05026,0.0227,-0.03961,0.02827,-0.1584,0.05239,-0.00866,0.01867,-0.04196,-0.0253,0.10199,-0.04431,-0.00788,-0.07981,-0.02208,0.01884,-0.0448,0.00521,-0.0791,0.02363,-0.00858,0.00928,-0.03058,0.04866,0.04009,-0.01112,0.10639,-0.02597,-0.01623,-0.01158,0.04308,-0.05571,-0.02568,0.05152,0.0099,0.04743,-0.0197,0.01098,0.05609,-0.06509,0.02564,-0.07487,0.03776,-0.1051,0.0518,-0.08621,-0.04927,0.00479,-0.06622,-0.02273,0.04561,0.03349,0.00866,0.06447,-0.00816,0.06327,-0.03822,-0.06953,0.0815,-0.02325,-0.07491,-0.0013,-0.00887,-0.03746,0.0574,0.0058,-0.02932,-0.01831,-0.07713,0.01351,0.04271,0.00936,0.03383,0.04723,0.01013,-0.02759,-0.04301,-0.00729,-0.0215,0.00989,-0.00001,0.05626,0.03619,-0.04822,-0.00247,-0.03822,-0.06668,-0.03187,-0.01606,0.12992,-0.0457,0.01624,0.0483,-0.08551,0.02525,0.05292,0.04313,0,-0.02987,0.00492,-0.07767,-0.00406,0.02012,0.01746,-0.02102,-0.05642,0.06247,0.02657,0.04082,0.11608,-0.0377,0.11211,0.025,-0.07649,-0.04721,-0.01245,0.09416,0.02793,0.05078,0.01438,-0.06773,-0.01271,0.05956,0.04118,0.00522,0.07576,-0.04094,0.00874,0.08723,0.00416,-0.007,0.02557,-0.03327,0.01267,-0.06759,-0.0295,-0.02811,-0.08393,0.02162,-0.03451,-0.10369,0.04058,-0.05772,-0.05579,-0.0171,-0.04835,0.05119,0.00678,0.02468,0.00184,-0.02324,-0.03736,0.02311,-0.06986,-0.00833,0.04671,0.00893,0.05363,-0.00232,0.00818,-0.0628,-0.06546,0.01797,0.00135,-0.01545,-0.03777,0.05168,-0.10281,-0.08862,0.04249,-0.04475,0.05612,0.04374,-0.02672,0.02055,0.07925,-0.03726,-0.03569,-0.05321,-0.09952,0.06354,0.11863,0.06511,-0.07411,0.00329,-0.10684,-0.07813,0.0334,0.04299,0.03248,0.07942,0.09934,0.07446,0,-0.00183,0.01475,-0.05833,0.0996,-0.02094,-0.04258,-0.02083,0.04715,0.02259,-0.00031,-0.00925,0.06384,0.05502,0.06094,0.05041,-0.00037,-0.01035,-0.10706,0.01919,-0.00673,0.013,0.04534,-0.04895,-0.0208,-0.05802,0.08183,-0.03076,-0.07326,-0.0011,0.00954,-0.0169,-0.04177,-0.0306,0.01279,-0.09833,0.00383,0.01299,0.06733,-0.05608,-0.01855,0.01111,0.03145,-0.04829,0.07337,-0.05447,0.01811,-0.06866,0.03963,-0.10878,-0.01621,-0.0686,0.07094,0.03247,-0.03759,-0.03287,0.01936,0.14132,-0.01942,-0.00617,-0.02934,0.00027,-0.015,-0.02692,-0.06449,-0.01541,0.04746,-0.01772,-0.07214,0.05069,0.0608,0.03707,0.0658,-0.01506,-0.07875,0.10746,-0.00253,0.06089,-0.04612,0.00601,-0.03963,-0.02125,0.04777,0.03777,-0.0139,-0.00194,0.01949,-0.08822,-0.05253,0.04216,0.08265,-0.08098,0.04434,-0.09999,-0.00276,0.01,0,-0.1011,0.02399,0.08349,-0.05469,0.06607,0.01201,0.02438,0.05686,0.01177,0.01286,0.02782,0.06509,-0.01237,-0.05664,0.03657,0.02215,0.01209,0.05806,-0.0562,0.03765,-0.00132,-0.03023,-0.01558,0.11594,0.01714,-0.06553,0.12305,0.01948,-0.00506,0.09225,-0.01278,0.05832,0.09113,0.02335,-0.07715,0.02432,0.00477,-0.02755,0.03564,-0.02278,0.00646,-0.00079,-0.07038,-0.01959,-0.07119,0.07927,-0.05301,-0.04035,0.00823,-0.00838,-0.07491,-0.00526,-0.05874,0.10187,0.04308,-0.02241,-0.00898,-0.05662,0.05347,-0.03059,-0.02689,0.01262,-0.00065,-0.04163],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Every behavior is overridable If a default does not fit, subclass the store — any CRUD method, any apply gesture handler, any protected building block — and install your class. The auto-wiring dispatches through it:","excerpt":"Every behavior is overridable If a default does not fit, subclass the store — any CRUD method, any apply gesture handler, any protected building block — and install your class. The auto-wiring dispatches through it:"},{"chunkId":"/examples/state#21","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.10908,0.01134,-0.03228,0.04448,0.02293,0.03748,-0.05097,-0.02383,0.04234,0.07014,-0.04101,0.03467,-0.06333,0.04339,0.0727,0.05055,-0.03405,-0.0376,-0.02286,-0.08268,0.02161,-0.04074,-0.08026,0.01506,0.06695,0.10347,-0.01484,-0.03147,0.09353,-0.00859,0.00451,0.01959,-0.07148,0.00941,-0.15076,0.0657,0.00051,0.00567,-0.0509,-0.02585,0.08299,0.00472,-0.0115,-0.04205,-0.04424,0.00076,-0.06935,-0.02013,-0.07162,0.07626,-0.02008,-0.03195,-0.02893,0.02036,0.05943,-0.01061,0.05242,-0.04243,-0.04578,-0.0048,0.03549,-0.05472,-0.02964,0.06757,-0.01544,0.06927,-0.01178,0.02514,0.05752,-0.05679,0.02103,-0.05363,-0.00917,-0.08441,0.01265,-0.10119,-0.03388,-0.00075,-0.04993,-0.00849,0.035,0.00993,0.01591,0.08269,-0.00836,0.06878,-0.0428,-0.08352,0.0562,-0.00726,-0.03993,0.02342,0.04623,-0.00672,0.07323,0.04171,-0.02131,-0.00404,-0.06739,0.0307,-0.00019,-0.01989,0.01639,0.04685,-0.00425,-0.04807,-0.06549,-0.00813,-0.03924,0.03534,0.01893,0.06504,0.04541,-0.02676,-0.01363,-0.04641,-0.0528,-0.04095,-0.02365,0.11441,-0.05064,0.06046,0.02,-0.05871,0.02118,0.0079,0.05832,0,0.00619,-0.03649,-0.03994,0.01656,0.03824,0.03855,-0.01884,-0.05582,0.0272,-0.02683,0.05002,0.12646,-0.05643,0.07618,0.015,-0.06009,-0.01054,0.02506,0.06069,0.01934,0.03258,-0.0196,-0.04255,0.04219,0.0886,0.07191,0.01348,0.082,-0.01097,-0.00376,0.047,-0.01482,-0.02871,0.01264,-0.02312,0.01718,-0.08352,-0.04837,-0.021,-0.07324,0.02562,-0.00437,-0.14734,0.00215,-0.07313,-0.04228,-0.02218,-0.03971,0.07757,-0.03087,0.03751,0.03737,-0.00132,-0.02381,0.04239,-0.0541,-0.00579,0.05058,-0.01391,0.05952,0.02483,-0.00566,-0.02667,-0.03472,0.03281,0.07949,-0.06526,-0.0028,0.06641,-0.10325,-0.0689,0.06263,-0.0401,0.03981,0.04806,-0.03828,-0.00023,0.03023,-0.02597,-0.00906,-0.04652,-0.13769,0.00713,0.11719,0.08109,-0.09611,0.00344,-0.08743,-0.06888,0.02108,0.04372,0.02873,0.05564,0.06971,0.03831,0,-0.00827,-0.01099,-0.00345,0.10354,-0.00821,-0.0584,-0.0208,0.03365,0.0413,0.00672,-0.0282,0.03381,0.02134,0.00701,0.04558,0.03493,-0.02201,-0.15071,-0.00855,-0.03455,-0.02628,0.03042,-0.02666,-0.02289,-0.02659,0.04446,-0.05016,-0.11112,0.00503,-0.02032,-0.02807,-0.06581,-0.04705,-0.04196,-0.05002,0.00139,0.04097,0.04771,-0.03251,-0.02953,-0.00374,0.02673,-0.06996,0.06647,-0.02362,0.03711,-0.09001,0.07428,-0.07993,-0.05003,-0.05228,0.07779,0.02272,-0.02196,-0.03822,-0.00621,0.11105,0.0161,-0.01376,-0.04061,-0.06895,-0.04324,-0.04193,-0.02866,-0.03702,0.04425,-0.01676,-0.07835,0.03109,0.03709,0.02098,0.06352,-0.016,-0.04139,0.10998,0.00843,0.08237,-0.04223,0.00821,-0.03336,-0.06196,0.08358,0.04432,-0.0216,0.04378,0.04346,-0.08525,-0.08092,0.04253,0.08586,-0.10409,0.02135,-0.12159,0.04109,0.02949,0,-0.12464,0.01125,0.06578,-0.06427,0.06063,0.01262,0.05222,0.11114,0.02313,0.01597,0.07691,0.05673,-0.04319,-0.04433,0.03936,0.0027,0.0566,0.03663,-0.01704,0.04672,0.01598,-0.0295,-0.0262,0.09654,0.03049,-0.08837,0.08915,0.03713,-0.01396,0.04197,-0.02406,0.03805,0.13337,0.0445,-0.04145,-0.01422,0.02378,0.00384,0.02039,0.03113,0.01403,0.04814,-0.05652,-0.00464,-0.05268,0.07074,-0.03472,-0.00894,0.02541,-0.02395,-0.06032,-0.02061,-0.06534,0.07635,0.03155,0.01807,-0.02719,-0.04081,0.05089,-0.01754,-0.02446,-0.01601,0.0121,-0.03899],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. When to use it - Use the state plugin when you want the library to do the data bookkeeping: forms-over-flows, quick editors, AI-generated integrations that expect a nodes[]/edges[]-style API. - Keep the classic event-driven approach when the graph lives inside a larger application store you already maintain — every event keeps working exactly as before; the plugin is optional and additive.","excerpt":"When to use it - Use the state plugin when you want the library to do the data bookkeeping: forms-over-flows, quick editors, AI-generated integrations that expect a nodes[]/edges[]-style API. - Keep the classic event-driven approach when the graph lives inside a larger application store you already maintain — every event keeps working exactly as before; the plugin is optional and additive."},{"chunkId":"/examples/state#22","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07793,0.00384,-0.00086,0.07362,0.03053,0.04122,0.00641,-0.03608,0.02354,0.07945,-0.03129,0.02742,-0.04269,0.02301,0.07556,0.03244,-0.01409,-0.0043,-0.01353,-0.05271,0.03196,-0.05752,-0.06631,0.01562,0.07933,0.08574,-0.04848,-0.04923,0.07939,-0.01395,-0.02012,0.0735,-0.02257,0.04747,-0.18961,0.08731,-0.02101,0.0087,-0.06403,-0.03059,0.08622,-0.01503,-0.01502,-0.07113,-0.02205,-0.01178,-0.04928,0.01897,-0.0713,0.04526,-0.02759,-0.04621,-0.0545,0.03234,0.03197,0.0133,0.07358,-0.01526,-0.02947,-0.00382,0.03204,-0.049,-0.0323,0.075,0.06207,0.07663,-0.01729,0.03213,0.04706,-0.05324,0.04801,-0.05936,0.03687,-0.09353,0.01499,-0.07065,-0.01448,0.02853,-0.09672,-0.00117,0.05307,0.01314,-0.00254,0.07103,-0.02079,0.06144,-0.04989,-0.07934,0.04591,-0.02651,-0.0759,0.03556,0.01313,-0.02304,0.07644,-0.04877,-0.01117,-0.02017,-0.05987,0.02501,0.0452,-0.00959,0.04214,0.03362,0.0029,-0.01306,-0.05764,-0.02765,-0.04823,0.04551,0.00365,0.05738,0.03926,-0.04357,-0.03383,-0.07857,-0.0504,-0.05963,-0.05237,0.12208,-0.01671,0.0087,-0.00187,-0.08089,0.01198,0.00924,0.04689,0,-0.0033,-0.02924,-0.04059,0.00333,0.08661,0.0575,-0.04058,-0.08867,-0.00711,-0.02184,0.08419,0.11151,-0.01903,0.13231,-0.01384,-0.09869,-0.01799,0.03969,0.05756,0.01494,0.00728,-0.00313,-0.08923,-0.00086,0.06772,0.05393,-0.00138,0.05188,-0.022,-0.00639,0.05662,0.02248,-0.00682,0.03595,-0.0445,0.00449,-0.0539,-0.05772,0.00459,-0.06143,0.02182,0.00214,-0.12749,0.02173,-0.07664,-0.0835,-0.03741,-0.02202,0.06461,0.00573,0.03172,0.03482,-0.02166,-0.04739,0.01704,-0.05408,-0.01998,0.06419,0.00846,0.09179,0.00548,0.01563,-0.06451,-0.05751,0.05114,0.07009,-0.02517,0.00207,0.08195,-0.08611,-0.08674,0.05207,-0.04536,0.07418,0.06373,-0.05998,-0.00138,0.02298,-0.03333,0.00413,-0.07039,-0.11034,0.01045,0.08595,0.0596,-0.06327,0.00258,-0.09299,-0.0727,0.00498,0.03104,0.01252,0.08655,0.04806,0.06405,0,-0.01544,0.00356,-0.02854,0.13175,0.03774,-0.05761,-0.01458,0.05868,0.00719,0.00526,0.00829,0.06153,0.01049,0.02741,0.01542,0.04462,-0.00195,-0.09861,-0.06728,-0.03442,0.01097,-0.01011,0.00751,-0.02684,-0.07395,0.07691,-0.02621,-0.09299,-0.00024,-0.0463,-0.01407,-0.02362,-0.05433,-0.01575,0.01861,0.01499,0.01923,0.07029,-0.07055,-0.00744,-0.00893,0.0165,-0.0447,0.07277,-0.02033,0.03517,-0.06871,0.06961,-0.10307,-0.01043,-0.02882,0.04664,0.00098,-0.02522,-0.03505,-0.03974,0.10298,-0.00558,0.03385,-0.05136,-0.00312,-0.03317,-0.06162,-0.08791,0.02109,0.02257,-0.01857,-0.04473,0.02711,0.04954,0.05508,0.04579,0.00924,-0.05107,0.12141,-0.00222,0.0612,-0.05543,-0.02565,-0.03485,-0.0151,0.0791,0.04679,-0.01615,0.03725,0.03899,-0.13038,-0.03458,0.03657,0.08261,-0.11818,0.0211,-0.08234,0.01927,0.03411,0,-0.09301,0.02468,0.05629,-0.04084,0.05193,0.01787,0.0308,0.07729,0.01167,0.002,0.06008,0.06758,-0.02577,-0.05034,0.04931,-0.00145,0.03012,0.05003,-0.03389,0.02513,0.00834,0.0098,-0.0223,0.13783,0.00739,-0.05278,0.07827,0.02837,-0.02007,0.06065,-0.00464,0.03044,0.10129,0.05948,-0.05444,-0.00582,0.00327,-0.0016,0.00145,-0.01639,0.02817,0.00402,-0.03424,0.00609,-0.07388,0.05526,-0.03905,-0.03811,-0.00027,-0.0439,-0.0461,-0.02262,-0.06131,0.07643,0.01965,-0.02096,-0.01111,-0.0133,0.07285,0.00236,-0.03047,0.00374,0.00664,-0.06015],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Related examples - Cut/Copy/Paste - Add Node From Palette","excerpt":"Related examples - Cut/Copy/Paste - Add Node From Palette"},{"chunkId":"/examples/drag-start-end-events#0","slug":"drag-start-end-events","route":"/examples/drag-start-end-events","section":"examples","title":"Angular Diagram Example – Drag Start and End Events","description":"Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination.","group":"Events","vector":[-0.04647,-0.00789,-0.0436,0.05696,0.08044,0.06536,-0.01379,-0.00809,0.037,0.04309,0.03479,0.04083,-0.0497,0.08964,-0.00647,0.0172,-0.0274,-0.00842,-0.03848,-0.07347,-0.00922,-0.04282,-0.03413,-0.02537,0.0119,0.03181,-0.00612,-0.03335,0.07972,-0.07249,-0.00524,-0.06788,-0.05216,-0.00589,-0.14827,0.03625,0.02371,0.02996,-0.03861,-0.03604,0.08011,0.0264,0.01618,-0.06809,-0.01765,-0.01177,-0.11928,0.01418,-0.0652,0.07969,-0.04487,-0.10424,-0.02332,0.00794,0.09584,0.01253,0.0215,-0.09127,0.01198,-0.01943,0.00565,0.00356,-0.04335,0.00828,0.02229,-0.02703,-0.05389,0.11205,0.00134,-0.04146,0.00526,-0.06243,-0.02755,-0.01293,0.00714,-0.02197,-0.07626,0.09208,-0.07585,-0.02691,0.02452,0.02823,-0.02747,0.09712,-0.01732,0.10802,-0.04313,-0.01738,-0.01511,-0.07002,-0.02742,0.06183,0.03681,0.02403,0.01701,0.03357,-0.0138,-0.01924,-0.03524,0.01374,0.03833,-0.09803,-0.00214,0.04428,-0.02336,-0.06339,-0.03685,-0.03482,-0.0632,0.04448,0.02216,-0.02168,-0.04474,-0.09284,-0.0159,0.00883,-0.09379,0.00668,0.04383,0.0363,-0.03219,0.06518,-0.01362,-0.02928,0.10597,0.0047,0.00647,0,0.05907,-0.04601,-0.07316,0.00888,0.08408,0.00977,-0.07665,-0.07377,0.06363,0.03304,0.01775,0.09263,-0.02665,-0.00729,0.03307,-0.13418,0.04733,0.0672,-0.02757,-0.04151,-0.02036,-0.02476,-0.0552,0.06229,0.10195,0.09923,-0.00156,0.00855,0.01301,0.01757,0.09998,0.07095,-0.07402,-0.00009,-0.01734,0.0108,-0.06426,-0.05052,0.00758,-0.07918,0.0178,-0.08179,-0.15022,0.02664,-0.05816,-0.05683,-0.00562,-0.03352,0.05483,-0.01715,-0.0157,0.02111,0.0735,-0.0357,0.09686,0.01182,-0.01711,0.09126,-0.00073,0.03397,0.01915,-0.00713,-0.0257,-0.06799,-0.00044,-0.01831,-0.07077,-0.03904,0.11205,-0.02236,-0.04977,0.01688,0.06747,0.04892,0.0333,0.00217,-0.08686,-0.00355,0.01528,-0.03197,-0.07839,-0.11586,0.02015,-0.00672,0.08114,-0.09138,0.00751,-0.0006,-0.04855,-0.01738,0.01357,0.08032,0.00244,0.08988,0.03195,0,-0.02723,0.08415,0.03373,0.0428,-0.00526,-0.05738,-0.00902,0.00298,0.03393,0.06002,-0.01191,0.032,-0.01083,0.02683,-0.00932,-0.01689,-0.00154,-0.1103,0.03506,-0.06604,-0.00624,0.00084,-0.04281,-0.05911,-0.05415,0.05541,0.05544,-0.07142,-0.00321,-0.01298,0.01103,-0.0859,0.03272,0.01829,-0.04463,-0.02799,0.06608,0.0355,-0.00499,-0.09498,0.00427,-0.00454,0.07066,-0.00154,-0.04559,0.00876,-0.04319,0.09411,-0.04869,-0.04747,-0.07716,0.04668,0.00361,-0.03722,-0.00849,-0.01908,0.10869,0.01095,0.00428,-0.01767,-0.0347,-0.00583,-0.01291,0.00825,0.00785,-0.00233,-0.0186,-0.11999,0.02496,0.01866,0.00671,0.09861,-0.04258,-0.06958,0.05778,0.02204,0.08959,-0.05033,0.03038,-0.08452,-0.01684,0.00891,0.00227,-0.03346,-0.01281,0.07636,-0.0751,0.0141,0.04368,0.04948,-0.11127,-0.00976,0.0169,0.05803,0.00274,0,-0.10001,0.06363,0.04831,-0.03781,0.04152,-0.00042,0.04264,0.10129,0.03182,0.02432,0.02351,0.0862,-0.04067,0.02527,0.10119,0.01358,0.09545,0.04249,0.01276,-0.00577,0.03776,0.01106,0.03326,0.06016,-0.02472,-0.02571,-0.03269,0.07316,0.02806,-0.03173,0.00764,0.02982,0.11933,0.01297,0.00432,0.01732,-0.10089,-0.01259,0.03558,-0.00387,0.12018,0.01607,-0.00044,0.01526,-0.01905,0.06646,-0.00166,-0.0514,-0.02509,0.00139,-0.0667,-0.05959,-0.04847,0.02,0.00091,0.07781,0.02479,-0.05112,0.03956,0.02358,0.00926,0.03551,-0.05394,0.01775],"keywords":"Angular Diagram Example – Drag Start and End Events Angular Diagram Example – Drag Start and End Events Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination. Drag Start/End Events","excerpt":"Drag Start/End Events"},{"chunkId":"/examples/drag-start-end-events#1","slug":"drag-start-end-events","route":"/examples/drag-start-end-events","section":"examples","title":"Angular Diagram Example – Drag Start and End Events","description":"Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination.","group":"Events","vector":[-0.08972,0.00525,0.00026,0.07755,0.0813,0.07817,0.0135,0.04052,0.03501,0.05364,-0.0019,0.01019,-0.0834,0.08372,-0.00655,0.01021,0.00362,-0.02922,-0.0328,-0.03914,-0.00698,-0.07067,-0.04157,-0.00772,0.00003,0.05318,0.0024,-0.04228,0.08474,-0.06692,-0.04246,-0.0613,-0.12002,-0.01742,-0.19594,0.05655,0.05325,0.01458,-0.05846,-0.05876,0.09332,-0.00232,-0.01433,-0.04732,-0.01828,-0.02315,-0.03554,0.01557,-0.07914,0.10364,-0.01268,-0.04227,-0.01365,0.00109,0.10855,-0.00224,0.07559,-0.05946,0.01669,-0.00349,-0.03273,-0.00366,-0.00274,-0.02022,0.05261,-0.01949,-0.03338,0.0628,0.03885,-0.01497,0.01398,-0.04177,-0.02743,-0.00503,0.01084,-0.04938,-0.05668,0.09039,-0.06401,-0.03292,0.06191,0.00205,0.006,0.06283,-0.01984,0.09549,-0.04254,-0.06955,0.01356,-0.02897,0.0136,0.07582,0.01763,-0.00696,0.04827,0.03734,-0.04336,-0.04596,-0.07595,0.02569,0.03989,-0.05121,0.02489,0.04617,0.03343,-0.04432,-0.02164,-0.07231,-0.11989,0.05161,0.01546,-0.00403,-0.01003,-0.04317,-0.01617,0.00606,-0.07865,0.00685,0.03571,0.00205,-0.02175,0.08902,0.00612,-0.00305,0.1121,-0.00674,-0.02734,0,0.03457,-0.01592,-0.08722,0.04192,0.01306,-0.00115,-0.05036,-0.05769,0.05828,-0.00349,0.05535,0.03646,-0.02956,0.02828,0.05875,-0.11515,0.02171,0.02998,-0.03376,-0.03463,-0.03182,-0.08354,-0.06974,0.04844,0.08472,0.1079,-0.0165,0.03636,0.01013,0.0007,0.06692,0.03165,-0.05628,-0.04431,-0.01802,-0.00379,-0.06362,-0.0661,-0.00805,-0.0792,0.0017,-0.03398,-0.12909,0.02682,-0.0361,-0.03141,-0.01898,0.02707,0.00604,-0.01826,0.01181,0.04604,0.09824,-0.01423,0.04862,-0.00636,0.01107,0.04759,0.02815,0.04939,0.01048,0.01561,-0.05955,-0.02864,-0.03172,0.01729,-0.0487,0.01264,0.07014,-0.08556,-0.0698,0.0236,0.08021,0.03227,0.04782,-0.00665,-0.07999,-0.07291,0.00235,-0.07038,0.02214,-0.10877,0.02946,0.02662,0.08716,-0.1449,0.01045,-0.03193,-0.07827,0.0179,0.03059,0.05114,0.04906,0.08828,0.02073,0,0.00317,0.03496,0.0457,0.05298,-0.02263,-0.05838,-0.02171,0.00842,0.03445,0.00883,-0.03396,0.0196,-0.01831,0.01568,-0.00164,0.02758,-0.06347,-0.10721,0.03916,-0.07314,0.03741,-0.00268,-0.03643,0.01388,-0.06234,0.03252,0.04099,-0.05054,-0.02846,-0.03501,-0.00144,-0.09088,0.02492,-0.02787,-0.02396,-0.03927,0.07374,0.03078,0.01571,-0.03692,0.03325,0.02983,0.05143,-0.01432,-0.0534,0.05089,-0.10799,0.07322,-0.106,-0.04443,-0.0857,0.04005,-0.00349,-0.04936,-0.00518,-0.02859,0.12733,0.02104,0.02455,0.00084,-0.03962,-0.03811,-0.02162,-0.02584,-0.00344,0.02267,0.0053,-0.11954,0.07912,0.0391,0.0718,0.04509,-0.03949,-0.08749,0.07116,0.03249,0.14915,-0.09707,0.02443,-0.06927,-0.02281,-0.00294,0.05599,-0.04156,-0.05726,0.07735,-0.08743,-0.00424,0.03137,0.04115,-0.09439,-0.00766,0.01986,0.04052,0.02019,0,-0.11416,0.05538,0.05565,-0.01267,0.03339,0.02776,0.01804,0.04812,0.03453,0.00525,0.01675,0.05315,-0.03928,0.00629,0.08438,0.00485,0.06088,0.04365,-0.03253,-0.00961,0.01376,0.0287,0.02053,0.05215,-0.02593,-0.05796,0.02729,0.0743,0.04353,0.00339,-0.00463,0.02602,0.10347,0.0652,-0.03561,0.0297,-0.04734,-0.02215,0.04478,0.02287,0.09215,0.0095,-0.04774,-0.03186,-0.04635,0.04977,-0.01574,-0.04262,-0.02787,0.01488,-0.07352,-0.04007,-0.05824,0.05884,0.00536,0.04655,-0.02304,-0.02199,0.06662,0.02174,-0.00592,0.01348,-0.02398,0.02179],"keywords":"Angular Diagram Example – Drag Start and End Events Angular Diagram Example – Drag Start and End Events Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination. Description This example demonstrates how to listen to fDragStarted and fDragEnded so you can react to user movement in real time. These events are useful when the editor needs to show helper UI, update external state, log analytics, or coordinate drag behavior with other parts of the application. Drag lifecycle events become especially valuable in production editors where the graph is only one part of the interface. A sidebar, inspector, minimap, or validation layer may all need to react when dragging starts or ends. Used well, these hooks help you build cleaner state transitions instead of burying UI logic inside generic pointer handlers. f Drag Started f Drag Ended","excerpt":"Description This example demonstrates how to listen to fDragStarted and fDragEnded so you can react to user movement in real time. These events are useful when the editor needs to show helper UI, update external state, log analytics, or coordinate drag behavior with other parts of the application. Drag lifecycle events become especially valuable in production editors where the graph is only one part of the interface. A sidebar, inspector, minimap, or validation layer may all need to react when dragging starts or ends. Used well, these hooks help you build cleaner state transitions instead of burying UI logic inside generic pointer handlers."},{"chunkId":"/examples/drag-start-end-events#2","slug":"drag-start-end-events","route":"/examples/drag-start-end-events","section":"examples","title":"Angular Diagram Example – Drag Start and End Events","description":"Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination.","group":"Events","vector":[-0.0993,-0.00412,-0.05928,0.07608,0.09587,0.09698,-0.01896,0.0225,0.05299,0.0532,-0.00066,0.02039,-0.03466,0.0794,-0.04522,0.00572,-0.0283,-0.0143,-0.05383,-0.04908,0.03102,-0.05317,0.00064,-0.01651,0.02014,0.05448,-0.03658,-0.04596,0.07453,-0.04148,0.01225,-0.04286,-0.04579,-0.01115,-0.11716,0.06339,0.01899,0.02994,-0.03436,-0.05268,0.12465,0.03241,0.0191,-0.08244,-0.01233,-0.00845,-0.10538,0.02909,-0.06462,0.06706,-0.01253,-0.06627,-0.0342,0.03532,0.09399,0.01262,0.04308,-0.09957,0.01557,0.00791,-0.02022,-0.03879,-0.04547,-0.004,0.03233,-0.01209,-0.06735,0.10192,-0.03693,-0.02744,0.01317,-0.05144,-0.0477,-0.01,0.00971,-0.05432,-0.076,0.1183,-0.07755,-0.01444,0.04564,-0.00207,-0.01306,0.08777,-0.03361,0.1083,-0.0013,-0.01605,0.01286,-0.05323,-0.04098,0.06635,-0.01597,0.01779,0.06953,0.0586,-0.08363,0.00161,-0.00488,0.01304,0.02319,-0.08803,0.03863,0.08389,0.00024,-0.0679,-0.01492,-0.01121,-0.08122,0.02872,0.01566,0.00248,0.01776,-0.05896,-0.00652,-0.02038,-0.06124,0.00887,0.05765,0.05301,-0.003,0.04385,-0.03664,-0.0263,0.12118,0.01927,0.02422,0,0.03636,-0.01231,-0.04594,0.04066,0.06058,0.01707,-0.06222,-0.08075,0.04967,0.08507,-0.01414,0.07731,-0.0296,-0.03757,0.01735,-0.14268,0.02559,0.068,-0.04587,-0.02706,0.02137,-0.04425,-0.06016,0.04354,0.13137,0.02898,-0.03655,0.00819,0.00517,-0.00003,0.09732,0.05378,-0.05237,-0.0248,-0.02113,0.01469,-0.03907,-0.02601,-0.00004,-0.07835,0.04157,-0.03376,-0.12494,0.04967,-0.0882,-0.10154,-0.01239,-0.03414,0.08053,-0.0043,-0.02167,0.01231,0.08571,-0.04085,0.08228,-0.01691,-0.0028,0.08012,-0.01686,0.04733,-0.00931,0.00523,-0.03678,-0.05372,0.05967,-0.01541,-0.05838,-0.0061,0.10366,-0.06414,-0.05349,0.02607,0.05149,0.03274,0.06095,0.01307,-0.04169,0.01492,0.01034,-0.04614,-0.04541,-0.10187,0.01011,0.02508,0.0935,-0.09521,-0.02942,-0.03137,-0.08515,-0.05772,0.04274,0.04105,0.00773,0.072,0.00508,0,0.03282,0.05118,0.05358,0.07273,0.00373,-0.06728,0.02999,0.04876,0.06293,0.05689,-0.01776,0.04335,0.0159,0.01244,0.03099,-0.01318,-0.02315,-0.08323,0.07406,-0.05208,0.03401,-0.00333,-0.06651,-0.02025,-0.05429,0.05584,0.06459,-0.03821,-0.04367,-0.01562,-0.00933,-0.10637,-0.02594,0.05491,-0.06906,-0.04462,0.02936,0.09982,0.01888,-0.02913,0.04213,0.02752,0.02173,0.00826,-0.02735,0.00568,-0.02039,0.04766,-0.05649,-0.06801,-0.08603,0.06325,-0.04056,0.02114,0.00762,-0.04695,0.13563,-0.023,-0.05306,-0.02103,0.01289,-0.01347,-0.03258,0.00052,0.02419,0.01557,-0.05785,-0.10208,0.03448,0.00162,0.01378,0.05867,-0.00753,-0.05205,0.05561,0.0314,0.10384,-0.0567,0.05938,-0.05168,-0.06126,0.03301,-0.00836,-0.0338,0.00274,0.08247,-0.08729,-0.00069,0.05376,0.02442,-0.12944,-0.02962,0.03141,0.02121,-0.01381,0,-0.12293,0.02936,0.01786,-0.03331,0.0247,0.01016,0.02322,0.05795,0.02366,0.00109,0.00199,0.06997,0.01249,-0.00883,0.07413,0.00158,0.0769,0.0324,-0.01347,-0.0092,0.04731,0.01894,0.03202,0.04894,-0.0306,-0.06696,-0.04044,0.06422,0.03882,-0.0285,0.00783,0.01887,0.08813,0.01504,-0.00933,0.03692,-0.10147,-0.00327,0.04178,0.00307,0.12089,-0.00705,-0.01443,0.0047,-0.03449,0.07368,-0.0321,-0.02007,-0.03126,-0.00595,-0.03002,-0.02474,-0.06869,0.03463,0.022,0.03768,0.01099,-0.0283,0.06295,0.02422,-0.00653,0.03231,-0.05659,0.00297],"keywords":"Angular Diagram Example – Drag Start and End Events Angular Diagram Example – Drag Start and End Events Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination. Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::","excerpt":"Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::"},{"chunkId":"/examples/drag-start-end-events#3","slug":"drag-start-end-events","route":"/examples/drag-start-end-events","section":"examples","title":"Angular Diagram Example – Drag Start and End Events","description":"Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination.","group":"Events","vector":[-0.0651,0.00173,-0.03787,0.05219,0.07274,0.07335,-0.0204,0.00848,0.0519,0.02697,0.02219,0.03043,-0.03123,0.09925,0.01175,0.01042,0.01249,-0.02109,-0.05219,-0.08442,-0.02968,-0.04482,-0.02431,0.00035,0.01326,0.00756,-0.00683,-0.0175,0.08311,-0.05929,-0.01529,-0.06046,-0.07166,-0.01723,-0.15803,0.04397,0.06647,0.06145,-0.03918,-0.03443,0.03718,0.02691,0.0144,-0.05102,-0.02434,-0.0159,-0.0721,0.01897,-0.08545,0.09416,-0.05209,-0.10333,-0.01701,0.00601,0.11277,-0.00759,0.05461,-0.07494,-0.01137,-0.02751,-0.00295,0.01769,0.00097,0.01336,-0.00748,-0.00603,-0.05427,0.10744,-0.01142,-0.04344,0.03484,-0.06782,-0.03049,-0.0186,0.00208,-0.01542,-0.07763,0.06142,-0.07051,-0.03932,0.06573,0.02835,-0.03566,0.08319,-0.06256,0.09399,-0.04146,-0.0529,0.02016,-0.07685,-0.0122,0.05663,0.029,-0.02982,0.03657,0.02527,-0.01413,-0.00302,-0.06285,0.03198,0.0345,-0.07408,0.02908,0.04295,-0.02716,-0.04349,-0.00949,-0.03416,-0.06073,0.05596,0.01283,-0.02162,-0.04827,-0.03428,-0.02891,-0.00887,-0.07216,0.00384,0.01563,0.00711,-0.01825,0.0729,0.03117,-0.01394,0.11551,0.00777,-0.03,0,0.05837,-0.02388,-0.0556,0.00581,0.08199,-0.00245,-0.03782,-0.0641,0.0671,0.04004,0.0376,0.10761,-0.00805,0.03354,0.00995,-0.0703,0.04697,0.06396,-0.02175,-0.0439,-0.01404,-0.07191,-0.06195,0.07523,0.0816,0.10274,0.00304,0.03014,0.05356,-0.00237,0.09132,0.06715,-0.09764,-0.01824,-0.01574,-0.0113,-0.06643,-0.06569,0.04449,-0.04836,0.03537,-0.06879,-0.13699,0.01925,-0.05446,-0.01398,0.00633,-0.02887,0.0169,-0.01426,-0.00373,0.01665,0.08183,-0.01985,0.10377,-0.02641,-0.01323,0.03583,0.02084,0.0263,-0.01081,-0.0073,-0.0294,-0.04998,0.00555,-0.02841,-0.0833,-0.03261,0.11409,-0.03126,-0.08677,0.04177,0.05834,0.04834,0.03159,-0.02957,-0.10085,-0.03995,0.01359,-0.01121,-0.05353,-0.13211,0.03104,0.02816,0.04787,-0.10029,-0.01553,0.02796,-0.08798,-0.01058,0.02663,0.05953,-0.01301,0.12196,0.05579,0,-0.04712,0.08224,0.03958,0.0267,0.02379,-0.05912,-0.00779,-0.01224,0.0637,0.05391,-0.03085,0.01273,-0.01539,0.03956,0.02415,-0.00069,-0.0274,-0.08681,0.01961,-0.06175,0.00258,0.00877,-0.06028,-0.04176,-0.04155,0.05277,0.02408,-0.06186,-0.00445,0.00329,-0.0095,-0.10712,0.03848,-0.02087,-0.04224,-0.05214,0.04204,0.00711,0.01267,-0.08321,-0.01491,0.00562,0.06158,0.01662,-0.04333,0.06703,-0.06685,0.0526,-0.04685,-0.05039,-0.09105,0.02917,0.00524,-0.06571,0.00189,-0.02068,0.13092,0.01193,0.00918,-0.02402,-0.02953,0.00112,0.00172,-0.00597,-0.01402,0.02662,0.01136,-0.11707,0.0653,0.03621,0.06615,0.07884,-0.02786,-0.04852,0.08291,0.03743,0.10153,-0.08177,0.0171,-0.08228,-0.015,-0.00579,0.0141,-0.04277,-0.02027,0.08804,-0.07092,0.02253,0.01189,0.05088,-0.11664,-0.01159,0.01192,0.0806,0.01396,0,-0.08244,0.07789,0.06052,-0.0404,0.00105,-0.00964,0.04795,0.08244,0.05947,0.03505,0.01235,0.03882,-0.01529,0.02688,0.09836,-0.00187,0.07609,0.04494,-0.02178,-0.02324,0.04756,-0.0049,0.04034,0.06887,-0.00983,-0.04318,0.0045,0.06669,0.0159,0.00079,0.01576,0.00015,0.12055,0.06705,-0.00074,-0.00424,-0.09102,-0.0082,0.0227,0.00853,0.0652,0.01,-0.02915,-0.00697,-0.03052,0.03661,0.01411,-0.10274,-0.07586,0.00479,-0.08317,-0.06502,-0.05332,0.0319,0.0268,0.06809,0.02674,-0.0353,0.04133,0.03374,-0.01168,0.01968,-0.04831,-0.00856],"keywords":"Angular Diagram Example – Drag Start and End Events Angular Diagram Example – Drag Start and End Events Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination. What this solves - Show or hide helper UI during drag interactions. - Trigger analytics or custom business logic around drag lifecycle. - Coordinate graph movement with external Angular state. This is a practical example for teams building richer editing workflows rather than static diagram demos.","excerpt":"What this solves - Show or hide helper UI during drag interactions. - Trigger analytics or custom business logic around drag lifecycle. - Coordinate graph movement with external Angular state. This is a practical example for teams building richer editing workflows rather than static diagram demos."},{"chunkId":"/examples/drag-start-end-events#4","slug":"drag-start-end-events","route":"/examples/drag-start-end-events","section":"examples","title":"Angular Diagram Example – Drag Start and End Events","description":"Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination.","group":"Events","vector":[-0.02794,-0.00164,-0.02627,0.08059,0.11624,0.06441,-0.00047,-0.00589,0.03391,0.06053,0.03252,0.03517,-0.05363,0.0618,0.0062,-0.00064,-0.01613,-0.01445,-0.02721,-0.08229,-0.00257,-0.03547,-0.04344,-0.03524,0.01047,0.02428,-0.00479,0.00184,0.08321,-0.07708,-0.0129,-0.0609,-0.03777,-0.01683,-0.14279,0.04594,0.02732,-0.00256,-0.03327,-0.0212,0.0931,0.01366,0.00637,-0.06381,-0.04885,-0.00831,-0.12796,0.04283,-0.07127,0.0586,-0.03577,-0.10003,-0.02823,0.00926,0.07511,-0.01298,0.03788,-0.07339,0.01473,-0.02743,-0.01779,0.00007,-0.05019,0.00699,0.03924,-0.03257,-0.05502,0.08505,-0.01003,-0.04644,0.00471,-0.05624,-0.0288,0.00943,0.00388,-0.01376,-0.06751,0.09785,-0.05891,-0.02833,0.03218,0.03318,-0.0327,0.0934,-0.03327,0.11219,-0.05883,-0.03926,-0.00182,-0.07066,-0.03211,0.0539,0.02682,0.01512,0.01098,0.0447,-0.00857,-0.01905,-0.03635,0.0054,0.04112,-0.08175,0.01385,0.03551,-0.02907,-0.08556,-0.06263,-0.04707,-0.03917,0.03513,0.01635,-0.02408,-0.0503,-0.09305,-0.03591,-0.00902,-0.06753,-0.00193,0.03283,0.04266,-0.03725,0.05713,-0.0109,-0.03449,0.09441,-0.0112,0.01818,0,0.0326,-0.07992,-0.08351,0.00299,0.07952,-0.00334,-0.0769,-0.07565,0.06106,0.03073,0.026,0.06284,-0.02836,0.01265,0.03671,-0.12714,0.03806,0.07567,-0.01189,-0.03585,-0.03778,-0.00844,-0.04894,0.05059,0.1084,0.09685,-0.0034,-0.01705,0.03526,0.01397,0.08378,0.07794,-0.08008,-0.0317,-0.0022,0.04387,-0.06581,-0.04347,0.00685,-0.0742,0.03197,-0.08734,-0.11053,0.0409,-0.04143,-0.04787,-0.0289,-0.03669,0.05337,-0.01948,-0.00023,0.00805,0.0696,-0.04117,0.10583,0.02896,-0.03183,0.09841,0.00108,0.06196,0.02035,-0.01835,-0.02667,-0.05459,0.00306,-0.03579,-0.0739,-0.06865,0.1143,-0.01916,-0.04918,0.02102,0.08966,0.04017,0.01883,0.00546,-0.08035,-0.00434,0.02397,-0.03775,-0.10397,-0.12549,0.02386,-0.01754,0.10431,-0.08895,0.00477,0.00529,-0.04508,-0.05324,0.04106,0.09062,0.00137,0.08065,0.04836,0,-0.01,0.0851,0.03438,0.06195,-0.00275,-0.04293,-0.02422,-0.0044,0.01669,0.05197,-0.02006,0.05453,0.00226,0.03318,0.00297,-0.00346,-0.02755,-0.10578,0.01962,-0.02549,0.00906,-0.03103,-0.02211,-0.04204,-0.06448,0.02504,0.05044,-0.0656,0.00337,-0.04716,-0.01161,-0.06661,0.00201,0.04248,-0.0297,-0.04477,0.07373,0.05988,-0.00326,-0.06683,0.01142,0.00405,0.04914,-0.0179,-0.05534,0.00487,-0.02527,0.08852,-0.01311,-0.03809,-0.0905,0.03913,-0.02297,-0.00028,-0.00969,-0.00416,0.10403,0.02842,0.022,0.0029,-0.02271,0.00801,-0.00872,-0.00875,0.01833,-0.0053,-0.03588,-0.1108,0.00968,0.02646,-0.00935,0.092,-0.02662,-0.07458,0.0576,0.03124,0.1083,-0.04201,0.02064,-0.09904,-0.00283,0.03441,-0.03816,-0.02915,0.00922,0.09223,-0.06279,0.02574,0.03579,0.03257,-0.10536,-0.01965,0.02862,0.04783,0.01166,0,-0.11391,0.05654,0.04706,-0.05937,0.05366,-0.0179,0.04131,0.09168,0.0283,0.02971,0.00501,0.09219,-0.02864,0.00513,0.10268,0.02681,0.08511,0.04398,0.01195,-0.01251,0.03489,-0.01818,0.03661,0.0783,-0.02602,-0.03255,-0.06287,0.06854,0.0458,-0.00359,-0.00238,0.03998,0.10031,0.00059,0.02589,0.02081,-0.11337,-0.02231,0.05187,-0.01733,0.10527,-0.01143,0.00923,-0.00585,-0.03381,0.06371,0.01714,-0.04774,-0.02918,0.03286,-0.06377,-0.07103,-0.03235,0.00832,0.01219,0.07226,0.03371,-0.0383,0.03369,0.02048,0.03224,0.047,-0.04718,0.01417],"keywords":"Angular Diagram Example – Drag Start and End Events Angular Diagram Example – Drag Start and End Events Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination. Related docs - Event System - Draggable Directive - Node Selection Example - Selection Area Example","excerpt":"Related docs - Event System - Draggable Directive - Node Selection Example - Selection Area Example"},{"chunkId":"/examples/custom-event-triggers#0","slug":"custom-event-triggers","route":"/examples/custom-event-triggers","section":"examples","title":"Custom Event Triggers","description":"Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code.","group":"Events","vector":[0.01013,-0.00235,-0.00257,0.04543,0.03042,0.07665,-0.01652,0.03787,0.06836,0.03732,-0.01935,0.00082,-0.069,0.04935,0.05479,0.03153,0.00291,-0.06578,-0.04637,-0.06605,-0.05516,-0.07265,0.02014,-0.0075,-0.02475,-0.04129,0.05491,-0.00593,0.04642,0.00476,-0.01118,-0.0652,-0.02291,-0.04871,-0.08371,-0.01926,0.01662,0.03721,0.00969,0.0149,0.03514,0.04455,0.05156,-0.06728,-0.03793,-0.015,-0.11946,0.03536,-0.05738,0.10156,-0.0293,-0.08079,-0.03248,-0.04421,0.05932,-0.0615,0.01013,-0.10378,0.05566,-0.059,-0.02733,0.02702,-0.01895,0.04866,-0.01073,0.06839,-0.06091,0.06534,0.01559,0.046,0.03611,-0.06123,0.01429,-0.02829,0.0158,0.00883,-0.08777,0.08792,-0.09321,-0.0377,0.04865,0.06317,0.01951,0.00891,-0.01641,0.06585,-0.03898,-0.03235,-0.04311,-0.07778,-0.03938,-0.01421,0.00319,0.04477,-0.02578,0.04506,0.00231,-0.04037,-0.03841,0.01157,0.03586,-0.09286,-0.04512,0.02364,0.00096,0.01587,-0.03174,-0.01588,-0.03255,0.01532,0.00928,-0.05661,0.00708,-0.04401,-0.06082,0.06833,-0.0058,0.00003,-0.00124,-0.02287,0.01945,0.03711,0.01239,-0.02071,0.03235,-0.033,-0.01598,0,0.05546,0.04258,-0.07485,0.0327,0.01697,-0.0149,-0.02103,-0.1134,0.0399,0.06837,0.07081,0.02831,-0.05215,-0.02725,0.03414,0.01224,0.03416,-0.00369,-0.02339,-0.00938,-0.09734,-0.03842,-0.09882,0.11789,0.06843,0.09528,-0.03706,0.05257,-0.07087,0.00501,0.10303,0.03116,0.00978,-0.0401,0.02156,-0.02392,-0.12819,-0.03204,-0.00026,-0.00532,0.08492,-0.10473,-0.13949,0.00147,0.00589,0.02024,-0.01136,0.00607,0.02328,-0.04535,0.03919,0.0864,0.02183,-0.05508,0.07996,0.02702,-0.03152,0.01404,0.03823,0.02764,-0.0014,-0.05141,0.02485,-0.03998,-0.06502,-0.00989,-0.04758,-0.12031,0.05787,-0.01833,-0.05188,0.01768,-0.00754,0.02542,0.00064,0.01514,-0.09555,0.00823,0.07692,0.03132,-0.04308,-0.15454,0.04439,-0.01911,0.02679,-0.06617,0.02258,-0.01286,-0.08377,0.03454,0.04863,0.08527,-0.01129,0.06053,0.08415,0,0.02953,0.08405,-0.03008,0.03778,-0.04675,-0.03837,-0.00541,0.04351,0.016,0.05999,0.05127,-0.02482,-0.00567,0.04545,0.00787,-0.00561,0.02281,-0.03311,0.07156,0.01107,0.06956,-0.00353,-0.00835,-0.05072,-0.05981,0.07169,-0.00063,-0.05754,0.02487,0.00195,-0.07757,-0.02857,0.05424,0.00492,-0.05225,-0.06496,0.07264,-0.08664,-0.01554,-0.07013,0.04767,0.03214,-0.0191,-0.00639,-0.07831,-0.03769,-0.04225,0.05435,0.00125,-0.04387,-0.09269,0.01566,0.0811,-0.01334,-0.00414,0.00676,0.10164,-0.03113,0.03323,0.02812,-0.03878,-0.04112,0.05227,-0.00825,0.03255,0.03883,0.01064,-0.11077,0.08941,0.035,0.0264,0.05849,0.00062,0.00365,0.06243,0.05993,0.05347,-0.08244,0.01089,-0.0911,-0.03254,-0.01635,0.05982,0.01177,0.00837,0.10428,-0.12195,0.09221,0.0252,0.084,-0.03444,-0.03927,0.05871,-0.00967,0.03618,0,-0.08648,0.0635,-0.00082,-0.0064,0.00037,0.00268,-0.03733,-0.0498,-0.00446,-0.00419,-0.05783,0.14683,-0.00392,0.02193,0.09181,0.03099,0.00628,0.00554,-0.02184,0.06617,-0.00251,0.00465,0.05405,0.06703,-0.02922,0.0068,-0.03562,0.09887,0.00428,0.01011,0.0008,-0.07545,0.01064,0.04815,-0.0412,-0.03825,-0.07425,-0.09645,0.07929,-0.00308,0.09711,0.0436,-0.00221,0.01409,-0.02853,0.07861,0.01706,-0.0852,-0.07628,0.06308,-0.12964,-0.07072,-0.05005,-0.0104,-0.03274,0.02122,0.04888,0.03712,-0.02202,-0.02126,0.00632,0.00646,-0.04457,-0.03331],"keywords":"Custom Event Triggers Custom Event Triggers Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code. --- toc: false wideContent: true --- Custom Event Triggers wide Content","excerpt":"--- toc: false wideContent: true --- Custom Event Triggers"},{"chunkId":"/examples/custom-event-triggers#1","slug":"custom-event-triggers","route":"/examples/custom-event-triggers","section":"examples","title":"Custom Event Triggers","description":"Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code.","group":"Events","vector":[-0.01808,-0.04747,0.03072,0.03053,0.00445,0.06545,0.00275,0.07583,0.09304,0.0429,0.00316,0.00456,-0.05135,0.03945,0.04373,0.01666,0.02506,-0.0697,-0.06239,-0.00046,-0.02892,-0.10142,0.01283,0.00218,-0.03792,-0.04162,0.04698,0.00584,0.08862,0.00693,0.00112,-0.07965,0.02088,-0.02323,-0.08487,0.01282,0.03017,0.03753,-0.04088,0.01007,0.03512,-0.04566,0.05737,0.02255,-0.02693,-0.03459,-0.02172,0.04523,-0.06899,0.08967,-0.02387,-0.10252,-0.03006,-0.08649,0.04954,-0.01779,0.03659,-0.09552,0.08195,-0.0808,-0.04979,0.03417,-0.01918,0.04059,-0.0227,0.06704,0.01465,0.02285,0.03287,-0.00241,0.01941,-0.04245,0.02541,0.00208,-0.03473,-0.0446,-0.09669,0.07917,-0.10408,-0.05301,0.04926,0.00034,0.03697,0.04498,-0.00029,0.05641,0.01008,-0.02847,0.02193,-0.01123,-0.04867,-0.03834,-0.03636,-0.02194,-0.04449,0.06068,-0.02707,-0.05033,-0.03385,0.00963,0.02635,-0.07887,-0.05996,0.03746,0.03761,0.0193,-0.04297,-0.08253,-0.06701,0.04586,0.00227,-0.07271,0.00784,-0.04514,0.01497,0.10846,-0.00807,-0.00089,0.02849,-0.00309,0.03312,0.05915,-0.06086,-0.04283,0.01426,0.03564,-0.06164,0,0.09911,0.06032,-0.06729,0.03036,0.01955,-0.01777,-0.04136,-0.05142,-0.00735,-0.02319,0.06311,0.03107,-0.01492,0.02161,0.01726,0.01563,0.01728,0.01607,0.01409,-0.0546,-0.08915,-0.12545,-0.11864,0.12152,0.04805,0.12048,-0.05904,0.06613,-0.01744,-0.01413,0.06184,0.01184,-0.04688,-0.07487,-0.01043,-0.0264,-0.08656,-0.04371,0.00637,-0.00422,0.0326,-0.09052,-0.12844,-0.04616,-0.00395,-0.01602,-0.04657,0.05918,0.0134,-0.04284,0.07615,0.04322,0.06277,0.0139,0.0591,0.0556,-0.02334,-0.04382,0.01128,0.02713,-0.03597,-0.04832,0.00765,0.00366,0.00799,0.03917,-0.0208,-0.07123,0.04671,-0.04237,-0.06709,0.01296,-0.00154,-0.00207,0.01342,0.05089,-0.08212,-0.04727,0.03997,0.0597,-0.00708,-0.14887,0.0529,0.00221,0.01608,-0.06636,0.00767,-0.03849,-0.12832,0.01085,0.04036,0.06609,0.03809,0.0982,0.04756,0,0.01656,0.06407,-0.03208,0.0573,-0.01406,-0.00772,-0.0021,-0.00475,0.03857,0.02232,0.04683,-0.03492,0.01211,0.03585,-0.03578,0.01823,0.01145,-0.01952,0.04813,0.00073,0.08936,-0.02846,0.0118,-0.04165,-0.04298,0.01517,0.05005,-0.04365,-0.03845,-0.00378,-0.0638,-0.00172,0.03042,-0.0129,-0.03671,-0.00852,0.00922,-0.09337,0.02982,-0.02737,0.08993,0.02739,0.06214,0.03939,-0.07971,0.02917,-0.05918,0.05793,-0.02875,-0.04102,-0.12717,0.03195,0.05206,-0.02138,-0.01307,0.00762,0.13003,-0.01486,0.01899,0.0262,-0.03449,-0.04298,0.01364,0.01793,-0.0188,0.0171,0.00256,-0.05445,0.08391,0.03207,0.06736,0.0211,-0.00411,-0.02681,-0.01908,0.05039,0.1178,-0.09549,0.00563,-0.07505,-0.00778,0.03063,0.06027,-0.05491,-0.04744,0.14745,-0.08752,0.0911,0.03393,0.05948,-0.09182,0.01572,0.06128,0.02703,-0.00747,0,-0.1007,0.09479,0.02156,0.01165,0.02258,0.00736,-0.00082,-0.00326,0.00732,-0.0219,-0.04203,0.08373,-0.00095,0.05297,0.06487,0.01721,0.04566,0.03854,-0.03338,-0.00295,0.03729,0.00931,0.03044,0.03656,-0.00175,-0.02999,0.01744,0.1151,-0.0141,0.03464,0.00949,-0.01643,0.02426,0.03918,-0.08317,0.01376,-0.05659,-0.1037,0.08112,-0.01906,0.08325,0.03913,-0.0477,-0.03761,-0.09157,0.0814,0.06116,-0.0835,0.00327,0.11176,-0.09341,-0.06504,-0.01084,-0.00824,0.02543,0.07295,0.02372,0.00936,0.02431,-0.01034,-0.00145,0.04204,-0.05622,-0.02207],"keywords":"Custom Event Triggers Custom Event Triggers Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code. Description Override the default triggers for zooming, dragging, and connection creation when your editor shares gestures with the rest of the page or needs power-user shortcuts. Custom triggers let the app decide exactly when an interaction should start.","excerpt":"Description Override the default triggers for zooming, dragging, and connection creation when your editor shares gestures with the rest of the page or needs power-user shortcuts. Custom triggers let the app decide exactly when an interaction should start."},{"chunkId":"/examples/custom-event-triggers#2","slug":"custom-event-triggers","route":"/examples/custom-event-triggers","section":"examples","title":"Custom Event Triggers","description":"Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code.","group":"Events","vector":[0.01681,0.01328,-0.01879,0.02601,0.03182,0.1297,-0.02463,0.08342,0.06252,0.04593,-0.03055,0.03432,-0.03159,0.05813,0.05177,0.00129,-0.03048,0.02292,-0.06551,-0.05606,-0.04008,-0.08717,0.02363,0.0143,-0.03532,-0.03861,0.04474,-0.01153,0.04296,0.00477,0.00832,-0.06669,0.02284,-0.0289,-0.04621,-0.01052,0.0216,0.06267,-0.00952,-0.00542,0.03739,0.04081,0.05696,-0.08348,0.00113,-0.00779,-0.10427,0.03737,-0.06849,0.04443,-0.02044,-0.09238,-0.01736,-0.01978,0.07957,-0.06082,0.03138,-0.16039,0.07419,-0.05602,-0.07001,-0.00942,-0.02223,0.02904,0.00509,0.06929,-0.07741,0.04896,-0.00112,0.10733,0.02776,-0.02857,0.00791,-0.01566,0.00285,0.00399,-0.09817,0.12168,-0.07981,-0.03317,0.03138,0.04234,0.01474,0.03129,-0.04398,0.05163,-0.02306,-0.03822,-0.02889,-0.06926,-0.03426,0.01673,-0.02869,0.02616,-0.00308,0.05113,-0.05393,-0.03757,-0.04562,0.00622,0.00563,-0.105,-0.00651,0.03959,0.01497,0.02526,-0.04303,0.02031,-0.05522,0.01485,-0.02657,-0.06407,0.03398,-0.04767,-0.02204,0.07026,-0.03148,-0.03659,0.00699,0.01154,0.06869,0.03318,-0.02445,-0.05038,0.07245,0.01168,0.00631,0,0.0495,0.07329,-0.0647,0.03789,0.03748,-0.04108,-0.02916,-0.13887,0.01179,0.07492,0.00735,0.02784,-0.04632,-0.04326,-0.00558,-0.03984,0.04724,0.00721,-0.02829,-0.00488,-0.07553,-0.05403,-0.07702,0.127,0.12069,0.05352,-0.0473,0.06901,-0.07183,-0.01991,0.10041,0.04022,0.01669,-0.10072,0.00711,-0.04476,-0.08304,-0.01487,-0.03195,-0.00945,0.1054,-0.06236,-0.11358,0.03657,-0.01727,-0.00283,-0.03416,-0.03552,0.06288,-0.02012,0.0555,0.08434,0.03494,-0.03047,0.09876,0.00694,-0.02196,0.01768,0.00296,0.06793,-0.01926,-0.04241,0.01875,-0.025,0.00237,-0.03299,-0.03629,-0.0815,0.04546,-0.04069,-0.06023,0.05254,0.01071,0.01767,-0.0223,0.00582,-0.03908,0.01334,0.04845,0.03871,-0.03888,-0.15947,0.02091,0.01203,0.07452,-0.1054,-0.00885,-0.03049,-0.08462,-0.02385,0.04951,0.03133,-0.00075,0.02588,0.05463,0,0.04465,0.0597,-0.00109,0.071,-0.07165,-0.01674,0.01012,0.05179,-0.00296,0.06137,-0.00155,-0.00996,0.04353,0.00747,0.03073,-0.01987,-0.00314,-0.03526,0.10541,0.01485,0.09521,0.05085,-0.0238,-0.03233,-0.05964,0.08866,0.02215,0.00114,-0.01337,-0.00162,-0.08026,-0.04958,0.00616,0.01331,-0.04602,-0.07199,0.06005,-0.02108,-0.01643,-0.06232,0.09003,0.07682,0.0005,-0.02453,-0.04539,-0.01142,-0.01921,0.03292,-0.00012,-0.07993,-0.12503,0.00789,0.03793,0.0477,0.01202,-0.04877,0.13288,-0.02748,0.00458,0.02779,-0.01738,-0.05093,0.03359,-0.0035,0.03121,0.06122,-0.03506,-0.10132,0.02702,0.0251,0.0077,0.03147,0.00688,0.03334,0.02696,0.06809,0.04795,-0.0102,0.02499,-0.03474,-0.02904,0.00805,0.02855,0.02982,0.00063,0.11896,-0.12836,0.04563,0.06789,0.04313,-0.08201,-0.04337,0.05342,-0.00479,0.04238,0,-0.08448,0.03138,-0.00601,-0.00483,0.01473,-0.01407,-0.0219,-0.04024,-0.02331,-0.02266,-0.06292,0.11377,0.04976,-0.01871,0.06982,0.00663,-0.01403,0.02393,-0.0383,0.05539,-0.00059,0.03266,0.06326,0.09123,-0.00688,-0.02686,-0.0221,0.06634,0.00895,-0.03204,-0.00402,-0.06108,0.03333,0.0384,0.00912,-0.06059,-0.11982,-0.07876,0.06217,-0.01114,0.07382,-0.01703,0.0109,-0.01635,-0.03493,0.09098,-0.00474,-0.05366,-0.04356,0.03649,-0.11613,-0.03124,-0.05091,0.02892,-0.01429,0.02149,0.04762,0.05173,-0.00384,-0.02473,0.03145,0.01952,-0.04648,-0.05627],"keywords":"Custom Event Triggers Custom Event Triggers Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code. Example ::: ng-component <custom-event-triggers</custom-event-triggers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.scss :::","excerpt":"Example ::: ng-component <custom-event-triggers</custom-event-triggers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.scss :::"},{"chunkId":"/examples/custom-event-triggers#3","slug":"custom-event-triggers","route":"/examples/custom-event-triggers","section":"examples","title":"Custom Event Triggers","description":"Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code.","group":"Events","vector":[-0.00293,-0.03063,-0.05416,0.05224,0.01936,0.07193,0.05707,0.02191,0.09191,0.03006,0.03539,-0.01074,-0.06013,-0.01055,0.00406,-0.01213,-0.00241,-0.07061,-0.01189,-0.03026,-0.03561,-0.11792,-0.01398,-0.01299,-0.05598,-0.04214,0.00575,-0.0065,0.09736,-0.01975,-0.03417,-0.03331,-0.04994,-0.0219,-0.06448,0.00621,0.03938,0.03851,-0.0423,0.01471,0.00757,-0.05891,0.04421,-0.05488,-0.00393,-0.00225,-0.05217,0.06599,-0.06062,0.08805,-0.05402,-0.01799,-0.04055,-0.06331,0.12118,-0.05565,0.08934,-0.06272,0.03746,-0.0315,-0.06818,0.01919,-0.0917,0.04255,0.00483,0.10924,-0.04536,-0.02277,0.08573,0.03776,0.00228,-0.03026,-0.00305,0.01498,0.01598,-0.01825,-0.05619,0.06568,-0.04453,-0.00929,0.03627,0.03474,0.05573,0.01102,0.00998,0.08984,-0.07356,-0.05349,-0.01513,0.01629,-0.06695,-0.00465,-0.02491,0.00243,-0.0158,0.03163,-0.01259,-0.07293,-0.04624,0.00376,0.01181,-0.04443,-0.03371,0.03071,0.00991,0.01701,-0.02567,-0.07382,-0.07502,0.01055,-0.01079,-0.00714,0.01815,-0.07653,-0.05997,0.06982,-0.02141,0.01358,0.04557,0.03828,0.0124,0.0473,-0.03731,-0.00595,0.02421,-0.06184,-0.06356,0,0.09105,0.03823,-0.07668,0.02435,0.0454,0.02489,-0.00186,-0.06281,0.0025,0.05741,0.05014,-0.001,-0.03333,-0.05128,0.06606,-0.06066,0.04653,0.01719,-0.02591,-0.04652,-0.023,-0.0702,-0.04582,0.1146,0.08229,0.09687,-0.08148,0.07213,-0.00411,0.03729,0.03849,0.03415,-0.04322,-0.05049,0.02514,-0.04308,-0.10173,-0.06951,-0.06945,-0.02234,0.02343,-0.09738,-0.15099,-0.03513,-0.01272,-0.0638,-0.05187,0.02784,0.02053,-0.02763,0.09782,0.07462,0.06707,-0.0395,0.06908,-0.0065,-0.04027,-0.00115,0.01596,0.08476,-0.03714,-0.06693,0.01643,-0.0077,0.03612,0.02047,-0.02236,-0.09783,0.05458,-0.02913,-0.03543,0.01059,0.00966,-0.01248,0.03623,0.05039,-0.10016,-0.0295,0.02887,-0.0077,0.00642,-0.10442,0.04315,0.01406,0.04352,-0.05247,-0.02964,-0.0083,-0.07374,0.00066,0.03113,0.04945,0.02132,0.00727,0.04032,0,-0.00836,0.05902,-0.03728,0.02043,-0.06282,0.00435,0.00117,-0.06493,0.00563,0.02876,0.08316,-0.02634,-0.0185,0.01846,-0.04639,0.01691,-0.00225,-0.0282,0.02151,0.04425,0.06583,-0.04164,-0.01998,0.00511,-0.06818,0.01484,-0.01903,-0.00949,-0.0424,-0.00036,-0.04601,0.03643,0.02446,-0.00266,-0.01608,-0.06028,0.03833,0.02112,0.01256,-0.02724,0.09375,0.05517,0.04369,-0.01617,-0.04521,-0.0026,-0.04216,0.01352,-0.00213,0.01888,-0.11422,0.01518,0.0337,-0.01399,-0.06352,0.03895,0.07217,-0.00311,0.04075,0.05132,0.05426,-0.08337,0.03151,0.03754,0.07841,-0.00055,0.01791,-0.02551,0.07017,0.07136,0.08396,0.04876,0.03283,-0.03663,-0.01198,0.05866,0.11034,-0.08809,-0.005,0.00531,0.0389,-0.00633,0.06052,0.03125,-0.0595,0.14888,-0.09372,0.06136,0.05324,0.06384,-0.06818,-0.01047,0.03095,-0.01201,0.03142,0,-0.10774,0.06797,-0.03642,-0.00578,0.02684,0.02489,-0.04095,-0.04415,-0.06306,-0.08247,-0.02329,0.11246,0.00252,0.0219,0.08053,-0.0192,0.05872,0.03424,-0.0237,-0.01601,0.03228,0.00115,0.02732,0.1118,-0.06524,-0.02927,-0.00538,0.1022,0.04451,0.00091,0.01971,-0.0137,-0.00033,0.03138,-0.12028,0.05109,-0.06451,-0.0996,0.05056,0.01102,0.11483,0.04077,-0.04219,-0.00651,-0.11354,0.13826,0.05327,-0.07745,-0.05426,0.08544,-0.10101,-0.01399,-0.02934,0.04004,-0.00134,0.0658,0.06046,0.02276,0.00441,-0.00503,-0.01562,0.02678,0.00996,-0.05603],"keywords":"Custom Event Triggers Custom Event Triggers Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code. Trigger examples Each trigger is a function that receives FTriggerEvent and returns boolean. This page demonstrates three common patterns: - fWheelTrigger: zoom only while Ctrl is pressed. - fNodeMoveTrigger: drag nodes only while Shift is pressed. - fCreateConnectionTrigger: allow connection creation only while F is pressed. F Trigger Event f Wheel Trigger f Node Move Trigger f Create Connection Trigger","excerpt":"Trigger examples Each trigger is a function that receives FTriggerEvent and returns boolean. This page demonstrates three common patterns: - fWheelTrigger: zoom only while Ctrl is pressed. - fNodeMoveTrigger: drag nodes only while Shift is pressed. - fCreateConnectionTrigger: allow connection creation only while F is pressed."},{"chunkId":"/examples/custom-event-triggers#4","slug":"custom-event-triggers","route":"/examples/custom-event-triggers","section":"examples","title":"Custom Event Triggers","description":"Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code.","group":"Events","vector":[0.03198,-0.0182,-0.03516,0.03747,0.03306,0.0789,0.0378,0.08104,0.05276,0.03954,0.01786,0.00025,-0.05609,0.03549,0.05959,0.01736,-0.01876,-0.04816,-0.03367,-0.02022,-0.06488,-0.10669,0.03556,-0.00297,-0.03882,-0.0452,0.02693,0.02593,0.04752,-0.04487,0.0097,-0.02976,0.00654,-0.02739,-0.04861,-0.02045,0.03142,-0.00785,-0.01824,0.00553,0.03117,0.01965,0.06314,-0.05084,-0.02258,-0.0069,-0.04451,0.06512,-0.05339,0.12475,-0.04151,-0.09137,-0.04664,-0.07092,0.07844,-0.00998,0.05098,-0.12196,0.07062,-0.04659,-0.06539,0.01558,-0.04507,0.02177,-0.01019,0.05915,-0.03284,-0.03349,0.05389,0.0368,0.00923,-0.04335,0.03766,-0.0167,0.01601,-0.01815,-0.04887,0.09565,-0.01856,-0.04097,0.04419,0.0528,0.05072,0.03377,0.00194,0.04069,-0.08291,-0.07686,-0.02734,-0.00613,-0.05895,-0.02711,-0.04799,0.0052,-0.02339,0.01121,-0.00739,-0.06913,-0.03753,-0.00268,0.00823,-0.07758,-0.01257,0.00777,-0.00338,0.0293,-0.05222,-0.04543,-0.07535,-0.00353,-0.01947,-0.06453,0.03258,-0.03884,-0.03005,0.06687,-0.04024,-0.03828,0.05052,-0.00349,0.04761,0.04688,-0.02565,-0.01492,0.02485,-0.01733,-0.06828,0,0.06738,0.02346,-0.0507,0.01114,0.04096,0.01287,-0.00391,-0.07961,0.0109,0.02183,0.03253,-0.00458,-0.03817,-0.03752,0.08622,-0.06967,0.0497,0.01189,-0.06217,-0.01804,-0.06497,-0.0355,-0.09504,0.08585,0.07341,0.1291,-0.05533,0.0873,-0.05072,0.02514,0.05787,0.05673,-0.0651,-0.06929,0.01152,-0.04746,-0.123,-0.05544,-0.09052,0.00545,0.07759,-0.0797,-0.13786,-0.01766,-0.02393,-0.00271,-0.04554,0.04505,0.02378,-0.02404,0.10247,0.04691,0.01541,-0.06269,0.07917,0.06106,-0.06349,-0.0041,0.02197,0.04791,-0.04152,-0.06081,0.02381,-0.02413,0.0387,0.00012,-0.00276,-0.10066,0.04091,0.01901,-0.02,0.03653,0.01365,0.00216,0.0513,0.02047,-0.05151,-0.01753,0.04126,0.00521,-0.01192,-0.15701,0.02679,-0.03584,0.03649,-0.08123,0.02248,-0.01525,-0.07931,-0.00924,0.01423,0.03942,0.00952,0.04725,0.03946,0,0.00328,0.05114,-0.00477,0.0472,-0.07131,0.00566,0.00885,-0.03547,-0.02805,0.06021,-0.02102,-0.01793,0.00806,0.01305,-0.01633,0.02974,-0.00858,-0.05565,0.02286,0.02099,0.08463,-0.04154,0.01569,-0.00917,-0.03232,0.03692,0.01426,-0.02459,0.0039,-0.02735,-0.05734,-0.02686,0.05748,0.00116,-0.01507,-0.06282,0.06449,-0.07241,0.00407,-0.04567,0.07143,0.03894,0.03428,-0.00014,-0.0263,0.02161,-0.04109,0.05892,-0.00573,0.00037,-0.15549,0.0117,0.01249,0.00889,-0.05491,0.03042,0.13193,-0.02462,0.03659,0.03976,-0.01008,-0.08106,0.03453,0.04904,0.07938,0.00094,0.0266,-0.04728,0.0422,0.07627,0.06733,0.0276,0.04523,-0.02975,-0.01414,0.06332,0.09986,-0.0497,0.03063,-0.05367,0.04662,-0.00209,0.06544,0.01772,-0.02327,0.10059,-0.06984,0.10549,0.05153,0.06301,-0.05017,-0.0313,0.05613,-0.00737,0.04794,0,-0.12179,0.07763,-0.03991,0.01754,0.04288,0.00664,-0.06701,-0.00965,-0.0476,-0.01417,-0.05201,0.13754,-0.0342,0.04211,0.07084,-0.03023,0.05091,0.03619,0.00156,0.03907,-0.02535,0.01392,0.03532,0.07381,-0.08371,-0.01068,-0.03539,0.09347,0.06786,-0.00619,-0.01555,-0.00517,0.02939,0.03649,-0.1043,-0.02332,-0.08606,-0.12192,0.0521,-0.00876,0.10493,0.05302,-0.01505,-0.04463,-0.08809,0.10671,0.04504,-0.07946,-0.06076,0.07333,-0.11004,-0.02469,-0.03042,0.01986,-0.04333,0.06598,0.04523,-0.01748,-0.01885,-0.02077,-0.0215,0.01147,-0.02044,-0.03863],"keywords":"Custom Event Triggers Custom Event Triggers Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code. Supported trigger points - fZoom: fWheelTrigger, fDblClickTrigger - fDraggable: fReassignConnectionTrigger, fCreateConnectionTrigger, fNodeResizeTrigger, fNodeMoveTrigger, fCanvasMoveTrigger, fExternalItemTrigger, fMultiSelectTrigger - f-selection-area: fTrigger f Zoom f Wheel Trigger f Dbl Click Trigger f Draggable f Reassign Connection Trigger f Create Connection Trigger f Node Resize Trigger f Node Move Trigger f Canvas Move Trigger f External Item Trigger f Multi Select Trigger f Trigger","excerpt":"Supported trigger points - fZoom: fWheelTrigger, fDblClickTrigger - fDraggable: fReassignConnectionTrigger, fCreateConnectionTrigger, fNodeResizeTrigger, fNodeMoveTrigger, fCanvasMoveTrigger, fExternalItemTrigger, fMultiSelectTrigger - f-selection-area: fTrigger"},{"chunkId":"/examples/control-schemes#0","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.02076,-0.05935,-0.07585,0.04844,-0.00326,0.07572,0.03736,0.07865,-0.00037,0.10862,-0.0046,0.00738,-0.07539,0.03529,0.07017,0.04634,0.00597,-0.03005,-0.00463,0.0409,0.02287,-0.06461,0.01435,-0.05883,-0.01197,0.02481,0.04974,-0.00768,-0.01107,-0.08464,-0.03412,0.04134,-0.01872,-0.001,-0.15567,-0.00188,-0.0239,-0.01856,-0.06598,-0.05695,0.04631,0.04865,0.01439,-0.07107,-0.03351,0.03609,-0.05712,0.02133,-0.04954,0.09126,-0.05053,-0.08407,0.00569,0.03189,0.06389,-0.03145,0.01914,-0.00074,0.04417,-0.03783,-0.05737,0.02741,0.00494,0.05231,0.03426,0.01916,-0.08842,0.02728,-0.00279,-0.02918,-0.02304,-0.07897,0.02393,-0.05803,0.03395,-0.10391,-0.00672,0.07071,-0.02879,-0.01856,0.00983,0.07632,-0.05098,0.08047,-0.06968,0.09416,-0.05841,-0.00592,0.0341,-0.08363,-0.00385,0.02695,0.03705,-0.02542,0.04433,-0.07117,0.02869,-0.05495,-0.10333,0.0063,0.05105,-0.05813,0.04298,0.00921,-0.00636,-0.0395,0.04889,-0.03655,-0.06569,0.01063,-0.04718,0.00377,-0.00561,-0.02964,-0.03444,-0.02189,-0.05486,-0.04303,0.0274,0.05917,0.01489,-0.04499,-0.00482,-0.01959,0.02829,0.02061,-0.03168,0,0.05265,0.00073,-0.03718,-0.00186,0.04716,-0.00514,0.01852,-0.07443,0.0174,0.0419,0.00526,0.02254,-0.05999,0.0689,0.05717,-0.12421,0.00253,0.01607,0.05807,-0.001,0.02826,0.01424,-0.09048,0.02277,0.05402,0.11645,-0.03425,0.04423,-0.02834,0.03306,0.04735,0.06524,-0.08315,-0.02788,-0.03671,0.02656,-0.10695,-0.05763,0.01934,0.01167,0.01229,-0.11216,-0.0767,0.06804,0.00222,-0.05094,-0.08086,0.00037,-0.03725,0.05903,0.0082,0.03291,-0.02889,0.00054,0.13569,-0.12314,-0.063,0.06391,0.03413,0.08206,0.03298,0.0209,-0.05125,-0.03036,0.00009,0.04303,-0.02191,-0.09122,0.03345,-0.02779,-0.05399,0.04153,-0.01708,0.03579,0.00479,-0.02521,0.00941,-0.02149,0.01335,-0.03194,-0.02068,-0.03758,-0.02786,0.01077,0.05051,-0.10019,0.04398,0.01284,-0.09591,-0.03317,0.05783,0.02798,0.02196,0.00297,0.04683,0,0.01049,0.04074,-0.01473,0.12628,-0.01319,-0.0405,0.07432,-0.01585,0.02804,0.04309,-0.00153,0.01048,0.02709,-0.01002,0.01973,0.00795,0.01565,-0.09877,0.04416,-0.05646,0.01175,-0.00951,-0.01449,-0.03208,-0.09902,0.06375,-0.01577,0.03909,-0.02328,-0.02285,-0.01849,-0.04442,-0.01575,0.0392,-0.00828,-0.01675,0.03504,0.06634,-0.05043,-0.02657,-0.01997,-0.04941,0.04069,0.05078,-0.03605,0.01482,-0.10543,0.05018,0.01488,-0.01044,-0.05946,-0.01874,0.05217,-0.09968,-0.01543,-0.01423,0.12846,0.01082,0.03442,0.01655,0.03857,-0.0446,0.02968,-0.00949,0.04215,0.05466,0.03669,-0.02442,0.06503,0.06307,0.03938,-0.01131,0.07125,-0.058,0.09575,0.00698,0.09626,0.00391,0.05215,-0.05542,0.04773,0.03387,0.04441,0.01103,-0.00581,0.10503,-0.16196,-0.03983,0.06544,0.0492,-0.04679,-0.01133,0.0803,-0.00348,0.04324,0,-0.06471,-0.0034,0.05939,-0.00192,0.00031,0.01687,0.00208,-0.02725,-0.00919,-0.00007,-0.02935,0.13479,0.00787,-0.00197,0.13861,0.05471,0.06376,0.05011,0.03459,-0.03343,0.02255,0.00524,0.03625,0.06194,-0.01009,0.01596,-0.03113,0.03829,0.0255,0.06446,-0.00901,-0.00785,0.07985,0.07137,-0.04776,-0.06498,-0.1351,-0.03379,-0.07918,-0.00203,0.09166,0.00525,-0.04305,-0.04285,-0.08976,0.06279,0.04205,-0.09009,-0.05658,0.03746,-0.08481,0.02938,0.00691,0.06649,-0.01721,0.03058,0.05539,-0.03867,0.02659,0.04177,-0.07728,0.0761,-0.04904,0.02017],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Control Schemes","excerpt":"Control Schemes"},{"chunkId":"/examples/control-schemes#1","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.03118,-0.08524,-0.06762,0.0398,0.01055,0.09543,0.07752,0.08187,-0.00291,0.08561,-0.01397,-0.00793,-0.05972,0.01998,0.05954,0.02423,0.01586,-0.06378,-0.02275,0.05458,0.02495,-0.09037,0.00881,-0.08218,-0.00134,-0.00174,0.05617,-0.03882,0.01171,-0.04104,-0.00653,0.06415,-0.00111,0.00033,-0.1752,-0.00231,-0.01563,-0.03997,-0.04815,-0.06274,0.0219,0.05014,0.00335,-0.06143,0.00144,0.03851,-0.02069,0.04187,-0.04234,0.10159,-0.02406,-0.05936,0.01992,0.02249,0.04451,-0.02044,0.04108,0.01092,0.04111,-0.01427,-0.08482,0.02123,-0.01661,0.02919,0.0377,0.03217,-0.02744,-0.03992,0.00839,-0.05639,-0.016,-0.07872,0.06617,-0.02501,0.05005,-0.10465,-0.02963,0.06851,-0.02303,-0.04896,0.02428,0.06721,-0.00815,0.09172,-0.03082,0.0774,-0.06649,0.00979,0.05475,-0.04019,-0.05036,0.01786,-0.00707,-0.02039,0.02304,-0.06116,-0.00726,-0.05889,-0.07897,-0.01643,0.05115,-0.06306,0.0528,0.00001,-0.00979,-0.03308,0.03629,-0.07335,-0.07317,0.02782,-0.03461,-0.00311,0.0177,0.00578,-0.02919,-0.00008,-0.0297,-0.03228,0.01155,0.04066,-0.00291,-0.00395,0.00427,-0.01098,0.01702,-0.00123,-0.03817,0,0.03477,-0.04005,-0.03404,-0.00203,-0.00268,-0.00496,0.02384,-0.06054,-0.00766,0.03982,0.02288,-0.00092,-0.05271,0.09235,0.06093,-0.10628,-0.03491,-0.00488,0.05431,-0.02137,0.01136,0.01544,-0.09168,0.02244,0.07304,0.10472,-0.04733,0.06161,-0.00568,0.03435,0.00625,0.05784,-0.06729,-0.03254,-0.03977,0.06097,-0.10452,-0.04437,0.0127,0.02499,0.0223,-0.11053,-0.05336,0.05718,-0.00431,-0.04546,-0.10355,0.05345,-0.04589,0.04561,0.0057,0.02552,0.00105,0.00473,0.10509,-0.09824,-0.05169,0.0661,0.04488,0.08208,0.00364,0.00473,-0.06903,0.01192,0.00414,0.0447,0.00021,-0.06064,0.01136,-0.04655,-0.03693,0.03163,-0.00856,0.06545,0.03212,-0.03087,0.01368,-0.00389,0.0083,-0.01686,-0.01305,-0.02462,-0.02117,-0.03698,0.00817,-0.09117,0.04694,0.00704,-0.10637,-0.07384,0.05183,0.03042,0.02742,0.03462,0.03978,0,0.03164,0.04716,0.00017,0.14348,-0.04056,-0.04638,0.07887,-0.0214,-0.00477,-0.00329,-0.00353,-0.01062,0.0277,-0.02945,-0.00224,0.04356,-0.0319,-0.05549,0.03081,-0.05887,0.01589,-0.05028,-0.01296,0.00018,-0.13176,0.04093,0.0044,0.03246,-0.0204,0.00292,-0.0168,-0.03918,-0.00967,0.01955,-0.01133,-0.02709,0.02175,0.05515,-0.05916,0.01889,-0.0056,-0.00807,0.04815,0.02654,-0.03058,0.03453,-0.09216,0.04879,0.01249,0.00317,-0.04847,0.00244,0.0469,-0.10902,-0.01716,-0.00764,0.12519,-0.01689,0.01772,0.01518,0.04473,-0.02789,0.03825,0.01416,0.07501,0.04644,0.02239,0.01579,0.0764,0.04888,0.04019,-0.03693,0.10925,-0.06913,0.05879,0.02212,0.11336,-0.01491,0.04991,-0.06048,0.062,0.01099,0.07194,0.01136,-0.04827,0.16482,-0.15773,-0.03755,0.08577,0.03753,-0.02999,-0.00596,0.10268,-0.03677,0.04815,0,-0.0734,0.0344,0.06121,-0.02001,-0.01044,0.01857,-0.00668,-0.00788,-0.00941,-0.00226,-0.06319,0.11895,-0.00763,-0.01461,0.11354,0.04247,0.0673,0.07012,0.03105,-0.0553,0.04259,-0.03206,0.04728,0.06558,-0.01781,-0.02704,-0.08329,0.07171,0.02296,0.05377,-0.03548,0.00092,0.04493,0.05269,-0.05173,-0.03862,-0.11503,-0.07087,-0.0483,0.01749,0.07526,-0.0029,-0.04137,-0.06287,-0.12113,0.04548,0.06613,-0.0678,-0.03433,0.05889,-0.04199,0.02786,0.03851,0.05814,-0.00511,0.03823,0.01317,-0.0202,0.03836,0.04991,-0.127,0.0415,-0.0552,0.03196],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Description A control scheme is the mapping between input gestures and canvas actions — which button pans, what the wheel does, how selection starts. Provide one through provideFFlow(withControlScheme(...)) and it drives dragging, panning, zooming and the selection area together; switch it at runtime through FControlSchemeController. Pick a preset from the toolbar and try it on the canvas. provide F Flow with Control Scheme F Control Scheme Controller","excerpt":"Description A control scheme is the mapping between input gestures and canvas actions — which button pans, what the wheel does, how selection starts. Provide one through provideFFlow(withControlScheme(...)) and it drives dragging, panning, zooming and the selection area together; switch it at runtime through FControlSchemeController. Pick a preset from the toolbar and try it on the canvas."},{"chunkId":"/examples/control-schemes#2","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.04383,-0.02997,-0.07316,0.07679,0.06257,0.09311,0.04036,0.06333,-0.003,0.08229,-0.0043,0.02431,-0.0474,0.0101,0.01468,0.01819,-0.01908,-0.00635,-0.02406,0.0318,0.04243,-0.0852,0.03608,-0.03078,-0.01572,0.01536,0.01842,-0.03337,-0.00714,-0.04119,-0.02433,0.06863,-0.03577,0.0013,-0.12742,0.03102,-0.01735,0.01986,-0.05046,-0.06265,0.05539,0.0449,0.01043,-0.08809,0.00002,0.02654,-0.05176,0.03433,-0.05478,0.05526,-0.04457,-0.07894,0.03561,0.04801,0.05135,-0.03043,0.03029,-0.03763,0.06859,-0.00275,-0.0726,0.00194,-0.00286,0.0281,0.05859,0.01192,-0.07287,0.02379,-0.03991,-0.00174,-0.02274,-0.08103,-0.00111,-0.05021,0.04669,-0.12357,-0.0485,0.09796,-0.02124,-0.00888,0.03176,0.05096,-0.02483,0.08434,-0.0536,0.10472,-0.04956,0.00634,0.02889,-0.06885,-0.03489,0.02826,-0.01679,-0.00357,0.0672,-0.04389,-0.03866,-0.02953,-0.0903,0.00102,0.03093,-0.06128,0.04816,0.04406,0.01532,-0.00968,0.04358,-0.01103,-0.08434,0.02065,-0.03901,0.0219,0.0135,-0.03056,-0.0247,-0.04406,-0.04749,-0.04824,0.02646,0.05946,0.06317,-0.02118,-0.04371,-0.02062,0.03106,0.03243,-0.0101,0,0.03686,-0.00566,-0.05221,0.01584,0.03096,-0.02294,0.01743,-0.08039,-0.01984,0.08106,-0.01788,0.00821,-0.04947,0.03151,0.0146,-0.14593,0.01069,0.01596,0.02482,-0.00602,0.00662,0.00182,-0.0938,0.01832,0.08579,0.06466,-0.06487,0.05217,-0.00793,0.02318,0.04678,0.06837,-0.03771,-0.05482,-0.04185,0.0156,-0.07133,-0.03657,0.01667,0.0171,0.05123,-0.09788,-0.03734,0.08503,-0.0135,-0.05234,-0.10238,0.02705,0.0054,0.05022,0.01312,0.03848,-0.03595,-0.01178,0.13763,-0.10496,-0.05153,0.04399,-0.00016,0.10393,-0.00888,0.01809,-0.07549,-0.02615,0.03711,0.02897,-0.02817,-0.04615,0.02167,-0.06996,-0.05953,0.07207,0.00099,0.05454,0.03198,-0.03719,-0.00495,-0.00431,0.04059,-0.04001,-0.00339,-0.06196,-0.04554,0.02332,0.06031,-0.10713,0.035,0.00703,-0.09347,-0.1121,0.02998,0.0154,0.01081,-0.02327,0.02466,0,0.05112,0.05803,0.03687,0.16436,-0.05417,-0.00759,0.11558,-0.00721,0.03163,0.04206,-0.03284,0.02195,0.02537,-0.02511,0.04153,0.03052,-0.05513,-0.07766,0.06361,-0.04508,0.04365,0.00052,-0.02888,0.00035,-0.0955,0.03257,0.02111,0.06296,-0.04095,-0.00321,-0.01392,-0.07026,-0.0542,0.03346,-0.0124,-0.02299,0.01767,0.11227,-0.03592,-0.00466,0.0021,-0.01139,0.0226,0.02605,-0.02368,-0.00083,-0.06447,0.06449,0.01572,-0.02709,-0.07208,-0.01238,0.0047,-0.07194,-0.00247,-0.03956,0.11851,-0.02822,0.00112,-0.00673,0.07864,-0.04281,-0.01369,-0.00914,0.0682,0.03107,-0.00746,-0.02796,0.05505,0.04471,-0.00318,-0.02145,0.10583,-0.05568,0.0919,0.02023,0.09173,0.02975,0.07646,-0.01926,0.03695,0.03582,0.03507,-0.01336,-0.00247,0.11309,-0.175,-0.04518,0.08203,0.00552,-0.06912,-0.03634,0.06278,-0.03465,0.05224,0,-0.06303,0.00215,0.04614,-0.03429,-0.01125,0.02918,0.01543,-0.03662,-0.02099,-0.02862,-0.0396,0.10824,0.05529,0.00409,0.09748,0.03085,0.05969,0.06962,0.00725,-0.00377,0.03904,-0.0077,0.04311,0.06813,-0.03633,-0.05117,-0.08394,0.04393,0.01879,0.02801,-0.01699,-0.01996,0.05666,0.05678,-0.03704,-0.05846,-0.16776,-0.03992,-0.03338,0.02083,0.08033,0.00456,-0.01631,-0.04739,-0.06944,0.04204,0.03989,-0.06521,-0.0602,0.03657,-0.06085,0.01934,0.00995,0.07432,0.0106,-0.00339,0.04554,0.00075,0.01521,0.00651,-0.08239,0.06895,-0.06283,0.00549],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Example ::: ng-component <control-schemes</control-schemes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.scss :::","excerpt":"Example ::: ng-component <control-schemes</control-schemes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.scss :::"},{"chunkId":"/examples/control-schemes#3","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.03892,-0.0844,-0.10802,0.02263,0.0391,0.04719,0.0594,0.07742,0.03659,0.09806,0.00921,0.01336,-0.06765,0.01169,0.02,0.00609,-0.0001,-0.04483,-0.03042,0.07051,0.02263,-0.09888,0.02994,-0.04941,-0.01118,0.01781,0.0262,-0.01084,0.00222,-0.05174,-0.02378,0.10483,-0.01761,0.01149,-0.14494,-0.02352,-0.0139,-0.03131,-0.07321,-0.07904,0.01269,0.03416,0.05466,-0.01927,-0.03927,0.04927,0.01228,0.01461,-0.02359,0.081,-0.02655,-0.08008,0.00687,0.04126,0.03552,0.06298,0.03144,0.00437,0.02055,0.00033,-0.06504,-0.00787,-0.01392,0.03726,0.02388,0.01691,-0.05982,-0.06481,0.02602,-0.03937,-0.0333,-0.05194,0.03882,-0.01848,0.06321,-0.0957,-0.00296,0.06194,0.00343,-0.03112,-0.02158,0.05214,0.02901,0.07849,0.01639,0.07732,-0.04523,-0.01567,0.01276,-0.03236,-0.01419,0.02827,-0.02836,-0.0502,-0.02231,-0.06244,0.0166,-0.03819,-0.07865,0.0043,0.04424,-0.03626,0.06986,0.03092,-0.01651,-0.02012,0.05072,-0.05037,-0.10356,0.02743,-0.04164,-0.00644,0.03053,-0.0326,-0.03824,-0.01545,-0.0478,-0.031,0.07666,0.04342,-0.00962,-0.00945,-0.00922,-0.01263,0.00982,0.01696,-0.08066,0,0.00454,-0.01665,-0.02874,0.01222,0.03337,-0.02488,0.01534,-0.04314,0.02022,0.02006,0.01676,0.00635,-0.06056,0.07202,0.0646,-0.15854,-0.0053,0.01033,0.02952,-0.03027,0.04484,0.01094,-0.04988,-0.02285,0.06242,0.1421,-0.03718,0.06865,-0.01349,0.05492,-0.027,0.07422,-0.10693,-0.03219,-0.04717,0.0502,-0.09564,-0.0569,0.00311,0.002,0.00338,-0.09295,-0.06428,-0.00622,-0.01,-0.04759,-0.07442,0.05345,0.00121,0.06012,0.0281,0.00486,0.00066,0.01434,0.11486,-0.11507,-0.01386,0.0522,0.0056,0.09368,-0.00689,0.02171,-0.07489,-0.0107,0.02514,0.08145,-0.01262,-0.04608,0.03634,-0.00769,-0.02378,0.06129,0.02507,0.05004,0.04406,-0.02196,-0.01866,-0.04618,-0.01253,-0.03633,-0.01763,-0.02184,-0.02122,-0.01164,0.00357,-0.09879,0.04123,0.00258,-0.08979,-0.07691,0.03323,-0.00915,0.03943,0.01058,-0.02542,0,-0.0102,0.0578,-0.02348,0.12916,-0.04011,0.00942,0.09399,-0.03814,0.03459,-0.02532,-0.00683,-0.0234,0.01339,-0.01895,0.03592,0.04128,-0.02306,-0.09061,0.03199,-0.07389,0.05404,-0.04158,-0.00854,0.02027,-0.08301,-0.00845,0.01502,0.03337,-0.02726,-0.00247,0.00216,-0.03448,-0.02258,-0.01028,0.01819,-0.07755,-0.00795,0.04208,-0.03541,-0.00044,0.02076,-0.02331,0.07834,0.04561,-0.04544,-0.00895,-0.11361,0.08407,0.04536,-0.01285,-0.0665,-0.02585,0.01517,-0.10242,-0.04573,0.03446,0.10683,0.03035,0.02322,0.0225,0.02257,-0.05795,-0.00697,-0.006,0.08131,0.03015,0.04395,0.00035,0.06803,0.09646,0.06667,-0.00552,0.08748,-0.07857,0.06708,0.03012,0.15484,-0.02984,0.07553,-0.03288,0.04857,0.01192,0.0689,0.00899,-0.03958,0.07495,-0.16993,-0.02246,0.07741,0.03036,0.01332,0.00491,0.08467,-0.00745,0.03707,0,-0.06801,0.00529,0.01771,-0.00215,0.02294,0.02479,0.01264,0.01135,-0.06058,-0.04398,-0.02089,0.11501,-0.01573,0.03403,0.13345,0.04238,0.06361,0.0726,0.01201,-0.05434,-0.00256,-0.02147,0.0274,0.04979,-0.04134,-0.01866,-0.0739,0.05803,0.04844,0.03729,-0.02392,0.01883,0.09118,0.05445,-0.06463,0.00339,-0.11966,-0.02919,-0.06966,0.04996,0.09224,0.01135,-0.03594,-0.02414,-0.10968,0.04934,0.03694,-0.07536,-0.07197,0.03027,-0.04466,0.04893,0.02921,0.06583,-0.04377,0.03808,0.01751,-0.01729,0.06541,0.02388,-0.06125,0.05974,-0.03109,0.04272],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Presets - FDEFAULTCONTROLSCHEME (default) — a drag pans the canvas, the wheel zooms, Shift+drag draws a selection rectangle. Matches the library's behavior without the feature. - FSCROLLPANCONTROLSCHEME (Miro-like) — the wheel and two-finger trackpad scroll pan, Ctrl/Cmd+wheel or pinch zooms, a drag on the empty canvas selects, a middle-mouse drag pans. - FDRAGSELECTCONTROLSCHEME (draw.io-like) — the wheel zooms, a drag on the empty canvas selects, a middle-mouse drag pans.","excerpt":"Presets - FDEFAULTCONTROLSCHEME (default) — a drag pans the canvas, the wheel zooms, Shift+drag draws a selection rectangle. Matches the library's behavior without the feature. - FSCROLLPANCONTROLSCHEME (Miro-like) — the wheel and two-finger trackpad scroll pan, Ctrl/Cmd+wheel or pinch zooms, a drag on the empty canvas selects, a middle-mouse drag pans. - FDRAGSELECTCONTROLSCHEME (draw.io-like) — the wheel zooms, a drag on the empty canvas selects, a middle-mouse drag pans."},{"chunkId":"/examples/control-schemes#4","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.01349,-0.06643,-0.05327,0.02717,0.01531,0.0816,0.06876,0.07752,-0.01647,0.10929,-0.01068,0.0062,-0.10014,0.01694,0.09383,0.04098,0.0332,-0.0237,-0.00937,0.05558,0.03656,-0.06053,0.01335,-0.04461,-0.05213,0.0275,0.07276,-0.02871,-0.00988,-0.04436,-0.02618,0.06273,-0.00742,-0.0022,-0.17618,0.01784,-0.0227,-0.01372,-0.04796,-0.03476,0.03123,0.01764,0.00192,-0.05515,0.00153,0.04844,-0.04909,0.05422,-0.05044,0.09024,-0.00711,-0.05579,0.03313,-0.00684,0.07634,-0.04684,0.01781,0.01294,0.03907,-0.03288,-0.02619,0.017,0.00289,0.0237,0.02885,0.02836,-0.04702,0.01015,0.05477,-0.0105,-0.04925,-0.07825,0.0519,-0.03085,0.02933,-0.07716,-0.01882,0.05906,-0.04638,-0.04643,0.00948,0.06063,0.00027,0.05436,-0.05376,0.07596,-0.0847,0.01679,0.07892,-0.10033,-0.03545,0.00695,-0.0054,-0.05039,0.02331,-0.0341,-0.02152,-0.07047,-0.09791,0.00447,0.03873,-0.05052,0.06664,0.00547,0.00669,-0.04514,0.02472,-0.02552,-0.05973,0.01637,-0.00501,0.01171,-0.01621,-0.0256,-0.01367,-0.00331,-0.04148,-0.02381,0.01553,0.0519,0.0068,-0.03997,0.01791,-0.02803,-0.00224,0.01625,-0.04474,0,0.05091,0.05477,-0.03706,-0.03545,0.0166,-0.02318,0.01107,-0.08002,0.02709,0.05086,0.0809,0.01484,-0.04926,0.06936,0.05181,-0.1085,-0.02853,-0.02179,0.09573,-0.01932,0.01657,0.02349,-0.10145,0.02768,0.05769,0.09637,-0.05678,0.0528,-0.01324,0.00876,0.10201,0.0574,-0.07062,-0.03274,-0.00934,0.01992,-0.07208,-0.0581,0.0356,0.00264,0.03191,-0.0992,-0.0191,0.03205,0.00963,-0.03445,-0.08024,0.02233,-0.00042,0.02487,0.01416,0.01201,-0.01189,-0.00266,0.09635,-0.11601,-0.08948,0.05188,0.05386,0.07646,0.02254,-0.01626,-0.06366,-0.04491,-0.04939,0.03247,-0.04211,-0.07414,0.04776,-0.0239,-0.06296,0.06684,-0.05696,0.056,-0.00382,-0.03298,0.01963,0.02766,-0.0039,-0.0319,-0.00994,0.0022,0.00769,0.04392,0.04182,-0.08648,0.04849,-0.01671,-0.12467,-0.05795,0.03965,0.0451,0.02285,0.0082,0.03701,0,0.01913,0.07114,-0.02032,0.15479,-0.03935,-0.06012,0.07389,-0.00261,0.00044,-0.00339,-0.01604,-0.03195,0.05717,-0.03165,-0.00537,0.00298,-0.03267,-0.07954,0.04763,-0.04457,0.01917,-0.00954,0.005,-0.04983,-0.13133,0.04454,-0.00873,-0.003,-0.03024,0.00047,-0.01763,-0.0267,0.01361,0.01212,-0.04065,-0.00834,-0.01142,0.05808,-0.03236,-0.00508,0.00478,-0.0465,0.0474,0.02272,-0.05191,0.00486,-0.10356,0.0757,0.00912,-0.02214,-0.05116,-0.01586,0.03033,-0.11622,-0.05676,-0.01207,0.16416,-0.03151,0.0325,0.00519,0.017,-0.03442,0.03445,0.00484,0.05913,0.0575,0.01525,-0.01839,0.0729,0.04326,0.01709,-0.02424,0.03347,-0.06628,0.08252,0.00431,0.10714,-0.01549,0.05853,-0.02909,0.03728,0.00451,0.05177,-0.01135,-0.01098,0.13304,-0.18008,-0.03073,0.04146,0.08404,-0.06307,0.00802,0.08694,-0.0044,0.02229,0,-0.08305,0.03004,0.08388,-0.00499,-0.01818,0.03656,-0.01002,-0.04273,0.00116,0.002,-0.06428,0.1293,-0.00992,-0.00344,0.11043,0.06141,0.04122,0.05288,-0.0057,0.00182,0.01711,-0.01331,0.0167,0.05087,0.03617,0.00117,-0.01437,0.06082,0.0218,0.06056,-0.01078,-0.01377,0.05408,0.07182,-0.04892,-0.04093,-0.12792,-0.05281,-0.03115,0.02863,0.07088,-0.01575,-0.06799,-0.04362,-0.10533,0.03362,0.03657,-0.07704,-0.0374,0.06584,-0.07985,0.00584,0.01253,0.06052,-0.00943,0.03834,0.03001,-0.00067,0.04642,0.04611,-0.06649,0.03149,-0.07147,0.01666],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Usage Switch or tweak the scheme at runtime through the controller: A scheme is a plain IFControlScheme object — every gesture is an FEventTrigger predicate, so you can start from a preset and override individual gestures, or build your own from scratch. See the Control Scheme guide for the full field reference and custom-scheme recipes. IF Control Scheme F Event Trigger","excerpt":"Usage Switch or tweak the scheme at runtime through the controller: A scheme is a plain IFControlScheme object — every gesture is an FEventTrigger predicate, so you can start from a preset and override individual gestures, or build your own from scratch. See the Control Scheme guide for the full field reference and custom-scheme recipes."},{"chunkId":"/examples/control-schemes#5","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.01722,-0.05814,-0.06092,0.06941,0.04259,0.06079,0.04132,0.07122,0.00029,0.08139,-0.00224,0.02716,-0.0701,0.02201,0.0544,0.02967,0.01482,-0.02957,-0.01809,0.01638,0.03268,-0.07559,0.03134,-0.04268,-0.02962,-0.0028,0.01329,-0.02163,0.03734,-0.06351,-0.0504,0.06835,-0.01575,-0.00219,-0.18185,0.02155,-0.01944,-0.03315,-0.05974,-0.08072,0.06528,0.04081,0.02687,-0.07228,-0.0048,-0.00174,-0.03443,0.02595,-0.04147,0.08408,-0.03339,-0.05956,0.04697,0.00589,0.04266,-0.0168,0.04631,-0.0145,0.04875,-0.00654,-0.07413,0.01078,-0.00807,0.02483,0.03385,0.05504,-0.00284,-0.05379,0.01059,-0.0007,-0.01413,-0.08198,0.02778,-0.02863,0.03199,-0.10645,-0.02446,0.05018,-0.00252,-0.02155,0.01598,0.04612,-0.00673,0.06991,-0.02508,0.0686,-0.09173,-0.02535,0.03362,-0.06168,-0.05671,0.01638,-0.02863,-0.01453,0.01437,-0.05287,-0.01746,-0.04699,-0.09209,-0.00475,0.03881,-0.0385,0.05425,0.00958,-0.01002,-0.01038,0.0434,-0.05332,-0.07313,0.0549,-0.021,-0.01713,0.01945,-0.0127,-0.05127,-0.01,-0.05635,-0.03551,0.03692,0.0987,0.02091,-0.00317,-0.01813,-0.03544,0.04484,-0.01686,-0.04947,0,0.01894,-0.02289,-0.03264,0.0193,0.04979,0.00546,0.00415,-0.08352,-0.00887,0.04214,0.04109,0.013,-0.04921,0.02048,0.06801,-0.13514,0.01739,-0.00462,0.00792,-0.02061,0.02286,-0.03042,-0.11074,0.03399,0.06475,0.10663,-0.04603,0.07196,-0.00437,0.04198,0.03319,0.07173,-0.0887,-0.02969,-0.01615,0.02037,-0.07097,-0.06282,0.00834,0.01333,-0.00298,-0.09773,-0.04591,0.03868,-0.02906,-0.05922,-0.07543,0.06515,-0.01555,0.07005,0.0097,0.02773,-0.01367,-0.03764,0.11199,-0.09883,-0.06638,0.07686,0.04825,0.12957,-0.02924,-0.0324,-0.05789,-0.01171,0.01021,0.04977,-0.03624,-0.074,0.02183,-0.04568,-0.02776,0.05749,-0.01617,0.07776,0.04192,-0.02849,-0.02115,-0.0094,0.0055,-0.034,-0.00339,-0.04911,-0.02221,-0.00558,0.0439,-0.09676,0.03143,0.02487,-0.09,-0.07258,0.04721,0.03175,0.05906,-0.00405,0.016,0,-0.00032,0.06811,-0.02074,0.12861,-0.03914,-0.02084,0.07981,-0.05664,-0.00121,-0.01042,-0.01329,0.0205,0.03394,-0.01885,0.00059,0.03872,-0.02794,-0.07587,0.06778,-0.02498,0.0525,-0.05073,-0.0311,0.00651,-0.08991,0.03096,-0.0036,0.04103,-0.00462,-0.01893,-0.00798,-0.03139,-0.0142,0.01071,-0.02109,-0.04367,0.01867,0.03934,-0.02942,0.01238,0.03037,-0.04026,0.04559,0.02044,-0.02819,0.01794,-0.07627,0.065,-0.0127,-0.02457,-0.08171,0.01182,0.02559,-0.07983,-0.0479,0.01726,0.14458,0.0233,0.04323,-0.01009,0.06199,-0.03824,0.02826,0.03177,0.05444,0.00306,0.03006,-0.00808,0.06287,0.05582,0.0161,-0.00933,0.0818,-0.07541,0.03732,0.04891,0.13875,-0.06846,0.07936,-0.06561,0.05353,0.03565,0.05326,-0.02635,-0.05353,0.11614,-0.15593,0.01536,0.06667,0.06031,-0.05296,-0.02259,0.05794,-0.04138,0.03783,0,-0.08614,0.0465,0.01268,-0.00894,0.03364,0.02537,0.02531,0.00851,-0.02768,0.01046,-0.02995,0.12505,-0.0004,-0.00934,0.15244,0.04543,0.07614,0.0617,0.00612,-0.0006,0.01507,-0.02746,0.016,0.06049,-0.04782,-0.01845,-0.04852,0.05645,0.02216,0.04127,-0.0289,-0.01546,0.06425,0.05403,-0.10342,-0.0389,-0.13517,-0.05906,-0.01296,0.01218,0.10499,0.00821,-0.04089,-0.0379,-0.1214,0.07808,0.04498,-0.07242,-0.04183,0.05767,-0.05028,-0.01433,0.01843,0.05606,-0.01142,0.03998,0.04654,-0.02369,0.06099,0.0386,-0.08125,0.04678,-0.04297,-0.00644],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Supported gestures - nodeMove, canvasMove, selection, createConnection, reassignConnection, nodeResize, nodeRotate: FEventTrigger predicates deciding when each interaction starts. - scrollPan: routes the wheel — true pans on plain scroll and zooms on Ctrl/Cmd+wheel or pinch. - zoom: gates wheel zoom. - The per-instance inputs (fNodeMoveTrigger, fCanvasMoveTrigger, fWheelTrigger, f-selection-area fTrigger, …) override the active scheme when set. node Move canvas Move create Connection reassign Connection node Resize node Rotate F Event Trigger scroll Pan f Node Move Trigger f Canvas Move Trigger f Wheel Trigger f Trigger","excerpt":"Supported gestures - nodeMove, canvasMove, selection, createConnection, reassignConnection, nodeResize, nodeRotate: FEventTrigger predicates deciding when each interaction starts. - scrollPan: routes the wheel — true pans on plain scroll and zooms on Ctrl/Cmd+wheel or pinch. - zoom: gates wheel zoom. - The per-instance inputs (fNodeMoveTrigger, fCanvasMoveTrigger, fWheelTrigger, f-selection-area fTrigger, …) override the active scheme when set."},{"chunkId":"/examples/stress-test#0","slug":"stress-test","route":"/examples/stress-test","section":"examples","title":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization","description":"Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow.","group":"Performance","vector":[0.02109,0.0268,-0.04287,0.01895,0.06191,-0.00475,-0.04903,-0.00769,0.00662,0.08279,-0.06793,0.02034,-0.0954,-0.00761,0.04256,-0.00477,0.13594,0.00689,-0.00495,-0.00339,-0.06107,-0.05419,0.03915,-0.07557,0.05336,0.01309,-0.10722,0.00514,0.03968,-0.06209,0.00623,0.06815,-0.07272,0.04149,-0.06442,0.12006,-0.05686,-0.07705,-0.04774,-0.00321,0.09006,0.11165,-0.02665,-0.07209,0.01022,0.00262,-0.06114,-0.01213,-0.01155,0.00992,-0.08492,-0.05368,-0.06989,0.00572,-0.01591,-0.01259,0.05064,-0.0711,0.02318,0.05243,0.01469,-0.03238,0.04039,0.01161,0.04659,-0.00094,-0.01355,-0.01619,-0.00811,-0.03412,-0.03124,0.00284,0.00876,-0.03467,0.03082,-0.02159,-0.04258,0.01287,0.03557,-0.11462,0.04863,0.0192,-0.04457,0.01086,-0.05664,0.02751,0.03557,-0.06486,-0.02308,-0.08865,0.00114,0.04339,0.00025,0.03617,0.00298,-0.03167,0.014,-0.029,-0.06447,0.06659,0.06752,-0.07396,0.10149,0.02332,-0.05136,0.0176,0.08877,0.07747,-0.03722,-0.01175,0.0057,0.06519,-0.03899,-0.06448,-0.04611,-0.0175,0.00279,0.00735,0.0276,0.08643,0.00466,-0.05262,0.06326,-0.0006,0.02699,-0.07576,-0.00471,0,-0.04998,-0.01696,-0.00504,0.0276,0.07037,0.02326,-0.01701,-0.03825,0.00624,0.03545,0.04027,-0.00264,-0.05192,0.04853,0.06427,-0.0775,-0.00625,0.05825,0.00754,0.02362,0.04462,-0.09391,-0.05079,0.04634,0.07417,0.04297,0.02546,0.03573,-0.09803,0.02816,0.101,0.07472,0.03621,-0.03768,-0.00916,-0.01677,-0.04285,-0.022,-0.02738,-0.02639,-0.02303,0.00015,-0.10314,-0.01625,-0.0893,0.01283,-0.06946,0.01823,0.06034,0.0976,0.03591,0.03945,-0.02981,-0.00476,0.08868,-0.00222,0.03007,0.06614,0.0596,0.1033,0.0178,-0.04638,-0.04415,-0.00589,-0.04515,0.02072,0.01231,-0.02814,0.01718,0.01927,-0.07392,0.01989,0.07492,0.0038,0.02302,-0.05509,-0.10251,0.06247,-0.03227,0.01176,-0.06021,-0.03864,0.01168,0.00364,0.03325,-0.08882,0.00174,-0.01625,-0.06652,-0.00261,0.09549,0.05363,0.00537,-0.06221,-0.00962,0,-0.0183,0.06451,-0.04698,0.10502,0.00819,-0.10782,0.01033,0.0449,-0.04723,0.04738,0.05833,0.00713,-0.05902,-0.03296,-0.02715,0.00861,0.0772,-0.17933,0.04854,0.01562,0.04344,0.01435,0.05922,-0.05106,-0.04766,0.09114,-0.07008,-0.01553,-0.01322,-0.0998,-0.01379,-0.01743,-0.03398,-0.0433,0.00899,-0.02739,0.05108,0.02269,-0.05576,-0.05005,0.04836,0.04021,-0.07082,0.00163,-0.06663,-0.05416,-0.07718,-0.00767,0.01564,0.00934,-0.03458,0.03484,0.04099,-0.02628,-0.01102,0.00645,-0.01526,0.0708,-0.01691,0.00212,0.05079,-0.03253,-0.02232,-0.02492,0.02512,0.05724,-0.06594,-0.05193,0.10966,0.11543,0.00638,-0.01414,-0.04337,0.03913,-0.02676,0.05242,0.09595,-0.02775,0.07388,0.02707,-0.04355,0.1054,-0.03356,0.00577,0.06353,0.06734,-0.1184,-0.04523,0.02645,0.08977,-0.0244,-0.04965,-0.00234,-0.00827,0.0295,0,-0.10834,0.06564,-0.01362,-0.01229,0.02728,-0.04031,-0.02553,0.07457,0.0216,0.02377,0.03731,0.06062,-0.0329,0.02673,0.11506,0.01636,-0.00202,-0.00545,-0.02927,0.0179,-0.04688,0.08547,0.05181,0.03145,-0.02255,0.01504,0.05436,0.09219,-0.00905,-0.02701,-0.02044,-0.00754,-0.04664,-0.01701,0.00173,0.00091,-0.15575,0.00848,0.01225,-0.00703,0.0582,0.01162,0.04207,0.03383,0.02915,0.04719,-0.03778,-0.02671,-0.04723,-0.02361,-0.09444,-0.02943,-0.13442,0.00293,-0.03424,-0.03634,0.08407,-0.00505,0.03594,0.07734,-0.00437,-0.01186,-0.05161,-0.02373],"keywords":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow. --- toc: false wideContent: true --- Large Scene Performance wide Content","excerpt":"--- toc: false wideContent: true --- Large Scene Performance"},{"chunkId":"/examples/stress-test#1","slug":"stress-test","route":"/examples/stress-test","section":"examples","title":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization","description":"Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow.","group":"Performance","vector":[-0.00135,0.01848,-0.02193,0.06467,0.05656,0.01445,-0.03815,0.03913,0.04875,0.08137,-0.10775,0.00364,-0.10089,-0.03602,0.05739,-0.0092,0.1361,-0.01439,-0.0453,-0.03815,-0.03452,-0.13626,0.02414,-0.07053,0.03348,0.02218,-0.0839,0.00315,0.01871,-0.05554,-0.03619,0.06337,-0.05787,0.03667,-0.07903,0.10876,-0.04501,-0.04117,-0.08745,-0.01449,0.03557,0.0762,-0.00781,-0.08353,0.01273,-0.01915,-0.04431,0.01196,-0.05908,0.00942,-0.05937,-0.06897,-0.059,0.01312,-0.00755,-0.00539,0.07634,-0.0735,-0.0221,0.03005,-0.0008,-0.02924,0.04482,0.01782,0.03457,0.02675,0.01816,-0.06452,0.01232,0.00544,-0.02803,-0.0049,0.01056,-0.04762,0.01601,-0.049,-0.0316,0.02271,0.03814,-0.10395,0.0616,0.02699,-0.04936,-0.00399,-0.05149,0.02947,0.03776,-0.08799,-0.03221,-0.04551,-0.00143,0.11396,-0.03617,0.02363,0.04691,-0.00751,0.01052,-0.01317,-0.02677,0.03383,0.05281,-0.07406,0.11082,0.02357,-0.02423,-0.00321,0.08643,0.0466,-0.06699,0.00376,0.00474,0.07037,0.01579,-0.00851,-0.00933,-0.01075,0.02161,0.0165,0.03073,0.13796,0.04338,-0.02956,0.07222,-0.01357,0.04336,-0.06539,-0.03669,0,-0.02642,0.00153,-0.01165,0.03507,0.04797,0.0146,0.03443,-0.0288,-0.01822,0.0345,0.01868,0.02247,-0.0461,0.06002,0.08089,-0.08224,0.01097,0.02759,-0.00657,0.0153,0.05898,-0.11525,-0.06728,0.02516,0.07261,0.05522,0.02724,0.05988,-0.14012,0.01083,0.08235,0.04531,-0.01374,-0.03848,-0.02518,-0.03465,-0.00291,-0.041,-0.04703,-0.03234,-0.04615,0.02269,-0.0495,-0.00985,-0.07283,-0.00837,-0.07227,0.02349,0.0224,0.07641,0.0732,0.04589,-0.00271,0.01787,0.08149,-0.02194,0.05138,0.04052,0.03842,0.1343,-0.00161,-0.0244,-0.06982,-0.00462,-0.02656,0.06458,0.01767,-0.01206,-0.01532,-0.00656,-0.05318,0.03045,0.04546,-0.03738,0.05378,-0.01694,-0.07633,0.0015,-0.04319,-0.00407,-0.02674,-0.02066,-0.00618,-0.00779,0.02797,-0.12702,0.01005,-0.02406,-0.04903,-0.00407,0.09784,0.03861,0.06229,-0.05959,-0.00276,0,-0.01496,0.04247,-0.04044,0.1332,0.03302,-0.08172,-0.01942,0.02474,-0.01625,-0.02116,0.0266,0.00209,-0.04235,0.00006,-0.03885,0.05368,0.01999,-0.18839,0.05329,0.00919,0.04906,0.01987,0.02436,-0.06102,-0.1075,0.08719,-0.0492,-0.02914,-0.01692,-0.07534,0.01431,-0.00314,-0.03524,-0.04153,0.0221,-0.00244,0.05347,0.01161,-0.02617,-0.0183,0.05312,0.04085,-0.04662,-0.00017,-0.06933,0.03521,-0.09492,-0.01879,-0.00437,0.01399,-0.00788,0.03618,-0.01558,-0.01802,-0.02388,-0.01815,-0.01116,0.04104,-0.01913,0.00774,0.04656,-0.05264,-0.02897,0.00257,0.02067,0.05337,-0.04696,-0.05997,0.12496,0.10537,0.00899,-0.04429,-0.02553,0.01544,-0.01078,0.06405,0.12385,-0.0772,0.07033,0.06547,-0.04466,0.08408,-0.03662,-0.02612,-0.00604,0.10029,-0.13464,-0.01491,0.03701,0.1076,0.01141,-0.03553,-0.03722,-0.04413,0.03174,0,-0.08063,0.02625,-0.00284,-0.01473,0.02287,-0.03799,0.01293,0.08042,0.02535,0.02506,0.05415,0.07612,-0.00893,0.00445,0.12134,0.05775,0.00815,-0.00025,-0.03966,-0.00276,-0.04811,0.07712,-0.01923,0.05213,-0.02454,-0.01179,0.06444,0.05759,0.01468,0.00132,-0.02151,0.01999,-0.01892,0.02407,-0.03417,0.00697,-0.11174,-0.00618,0.03865,0.06023,0.05784,0.01195,0.0087,0.01503,-0.00089,0.01622,-0.06101,-0.04273,-0.05239,-0.00395,-0.08723,-0.03383,-0.11448,0.03805,-0.0359,-0.02072,0.07202,0.02324,0.08868,0.05804,-0.01966,-0.03139,-0.02527,-0.03644],"keywords":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow. Description This example focuses on large-scene performance in Foblex Flow. It lets you compare several rendering strategies, including fCache and fVirtualFor, while keeping the canvas fully interactive. What you can test in this demo: - Large node counts: 200, 500, 1000, 2000, and 5000 nodes. - Cache toggle: enables fCache on f-flow to reduce repeated geometry work during redraws. - Virtualization toggle: uses fVirtualFor to progressively render projected nodes and compare startup/render cost against the regular @for flow. - Connections toggle: adds a chained connection layer between nodes so you can compare node-only and node-plus-connection workloads. - Real interactions under load: drag, zoom, selection area, and fit-to-screen remain enabled. Why this example is useful: - Measure how your editor behaves when the scene size grows quickly. - Compare the visual and runtime impact of cache and virtualization independently. - Check whether your layout and interaction choices still feel responsive once optional connections are enabled. f Cache f Virtual For","excerpt":"Description This example focuses on large-scene performance in Foblex Flow. It lets you compare several rendering strategies, including fCache and fVirtualFor, while keeping the canvas fully interactive. What you can test in this demo: - Large node counts: 200, 500, 1000, 2000, and 5000 nodes. - Cache toggle: enables fCache on f-flow to reduce repeated geometry work during redraws. - Virtualization toggle: uses fVirtualFor to progressively render projected nodes and compare startup/render cost against the regular @for flow. - Connections toggle: adds a chained connection layer between nodes so you can compare node-only and node-plus-connection workloads. - Real interactions under load: drag, zoom, selection area, and fit-to-screen remain enabled. Why this example is useful: - Measure how your editor behaves when the scene size grows quickly. - Compare the visual and runtime impact of cache and virtualization independently. - Check whether your layout and interaction choices still feel responsive once optional connections are enabled."},{"chunkId":"/examples/stress-test#2","slug":"stress-test","route":"/examples/stress-test","section":"examples","title":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization","description":"Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow.","group":"Performance","vector":[0.00563,0.02454,-0.03371,0.05897,0.06676,-0.03028,-0.03704,0.01208,0.00036,0.046,-0.06576,0.02595,-0.05274,-0.01654,0.03964,-0.00335,0.06127,0.00857,-0.02773,-0.03966,-0.01642,-0.07405,0.02953,-0.0392,0.04307,0.02284,-0.09984,0.0259,0.08449,-0.04972,0.01911,0.04645,-0.07451,0.04219,-0.02578,0.13393,-0.03409,-0.01495,-0.07686,0.00799,0.05649,0.09061,0.00328,-0.10644,0.035,-0.02012,-0.04973,-0.0056,-0.03258,-0.02937,-0.05965,-0.07549,-0.03712,0.00088,0.0139,-0.03421,0.06822,-0.11954,-0.00118,0.05529,-0.01298,-0.05368,0.02926,0.01165,0.08719,0.03242,-0.01859,-0.00859,-0.00277,0.01756,-0.02923,0.01387,0.00094,-0.02459,0.03057,0.01944,-0.06036,0.02089,0.04371,-0.12603,0.0353,-0.01261,-0.04399,-0.02152,-0.0417,0.06869,0.06512,-0.05176,-0.03905,-0.02687,0.04752,0.07718,-0.03956,0.0588,0.03593,0.03983,-0.01877,0.01683,-0.07267,0.05866,0.02647,-0.09421,0.09176,0.07413,-0.04222,-0.01617,0.07665,0.06726,-0.05392,0.01856,-0.01203,0.06915,0.00889,-0.0501,-0.03975,-0.05132,-0.00604,-0.00616,0.02813,0.13486,0.04072,-0.02584,0.01302,-0.03761,0.04777,-0.01981,-0.00704,0,-0.01295,0.00318,-0.00976,0.03352,0.01369,-0.00047,-0.01812,-0.03718,-0.01703,0.05073,-0.03523,-0.01166,-0.05457,-0.00023,0.02279,-0.10263,0.01168,0.06951,-0.02901,0.0306,0.03777,-0.09933,-0.05948,0.02966,0.07521,0.01437,0.03688,0.04327,-0.12424,0.00335,0.07868,0.04503,0.03106,-0.02709,-0.0119,0.00232,0.02905,0.00517,-0.06944,-0.05394,0.00977,0.03026,-0.02681,0.04139,-0.06103,-0.02953,-0.08022,-0.00127,0.07122,0.06137,0.04051,0.0753,-0.01611,-0.0092,0.08811,0.01684,0.07135,-0.02205,0.0143,0.14608,-0.01153,-0.03866,-0.03597,-0.01097,0.02554,0.02702,-0.02785,-0.02339,0.01705,-0.00579,-0.06851,0.04335,0.04534,-0.02493,0.02111,-0.05794,-0.07847,0.0405,-0.07262,-0.01932,-0.04852,-0.04683,-0.0494,0.01939,0.03435,-0.11013,-0.00536,-0.03531,-0.03972,-0.04477,0.08409,0.04764,0.00813,-0.05906,-0.00791,0,-0.01747,0.03041,-0.03098,0.14684,0.03815,-0.07968,0.0157,0.04726,-0.02399,0.06036,0.04502,-0.02559,-0.08115,-0.04259,0.01737,0.01764,-0.00324,-0.16744,0.10244,0.02014,0.04984,0.1064,0.01325,-0.0218,-0.05817,0.08535,-0.06639,-0.00337,-0.01005,-0.06057,-0.01806,0.00122,-0.08773,0.00757,-0.00438,-0.02662,0.04037,0.04384,-0.03429,-0.03102,0.11422,0.12307,-0.07326,0.00757,-0.03828,0.00847,-0.01321,-0.06616,-0.00076,0.00389,-0.0227,-0.01418,-0.01468,0.00396,0.02023,-0.049,-0.0187,0.01893,-0.05551,-0.00192,0.04185,-0.01811,-0.04264,-0.01421,0.03721,0.03986,-0.06624,-0.09066,0.07201,0.09972,-0.03225,0.02081,-0.00295,0.02754,-0.00054,0.03701,0.04497,-0.00107,0.04449,0.03258,-0.07163,0.09842,-0.04402,0.05765,0.03553,0.08651,-0.13643,-0.012,0.05109,0.09499,-0.02553,-0.02358,-0.02593,-0.03569,0.0327,0,-0.10853,0.04831,-0.0383,-0.03382,0.00816,-0.05924,0.01051,0.05437,0.01821,0.00255,0.05004,0.05604,0.00666,-0.00026,0.07211,-0.0133,0.01022,0.01707,-0.04621,0.00562,-0.04375,0.06809,0.01393,0.06694,-0.01603,-0.02702,0.07059,0.08436,0.00735,-0.02207,-0.02082,-0.0264,-0.0125,-0.01466,-0.00426,0.01935,-0.14623,0.0182,0.03649,0.08476,0.03116,-0.01229,0.04608,0.00266,0.02521,0.03179,-0.1101,-0.01755,-0.02272,-0.06191,-0.09862,-0.02651,-0.13925,0.05886,0.00665,-0.04322,0.07124,0.04726,0.03704,0.02925,0.03421,-0.03673,-0.03497,-0.03137],"keywords":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow. Example ::: ng-component <stress-test</stress-test [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.scss :::","excerpt":"Example ::: ng-component <stress-test</stress-test [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.scss :::"},{"chunkId":"/examples/stress-test-with-connections#0","slug":"stress-test-with-connections","route":"/examples/stress-test-with-connections","section":"examples","title":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes","description":"Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example.","group":"Performance","vector":[0.01306,-0.03592,-0.06414,0.06329,0.00117,-0.00233,-0.01855,-0.02767,0.0124,0.02878,-0.07545,0.01135,-0.12357,-0.03885,0.04072,0.02056,0.05381,-0.00778,-0.04268,-0.05196,-0.0294,-0.08123,-0.02106,0.01417,0.02615,0.02528,-0.01353,-0.03429,0.02935,-0.04145,0.01024,0.05562,-0.08837,-0.01773,-0.12523,0.01204,0.0456,-0.01701,-0.02078,0.02173,0.10725,0.03873,0.08446,-0.03609,-0.01847,0.04464,-0.08479,0.0095,-0.05557,0.06973,-0.02865,-0.06777,-0.06358,0.0377,0.06124,0.0278,0.02198,-0.01962,0.02324,0.02121,0.05081,-0.02581,-0.03712,0.00584,-0.00356,-0.02365,-0.04501,0.0258,0.0111,-0.01684,-0.00456,-0.00689,0.044,-0.07918,0.0366,-0.0498,-0.0402,0.02333,-0.05135,-0.05076,0.04839,0.00501,-0.02041,0.04791,0.0399,0.01656,0.03555,-0.10054,-0.06519,-0.03806,-0.00665,0.08844,-0.01361,-0.01789,0.03697,0.02975,-0.06155,-0.04629,-0.00595,0.03454,0.02298,-0.03151,0.03373,0.09702,-0.01808,0.02815,-0.00217,0.0635,0.0069,0.02412,-0.00972,0.03455,0.02358,-0.05795,-0.05323,-0.02914,-0.07982,-0.00308,-0.00545,0.12268,-0.01115,-0.02354,0.03261,-0.06899,0.08969,-0.01765,0.03976,0,-0.06005,0.01126,-0.03768,0.05632,0.0452,0.0407,-0.05081,-0.11024,0.04777,0.03522,0.02815,0.05795,-0.07504,0.06308,0.03801,-0.06335,0.02161,-0.01745,-0.04116,0.05164,0.06565,-0.09741,-0.05529,0.00534,0.09174,0.03902,0.01018,0.06855,-0.10222,0.03252,0.09837,-0.02015,-0.01551,0.03211,-0.01533,-0.01781,-0.06927,-0.05733,0.00069,0.01763,-0.02795,-0.05156,-0.15654,0.00834,-0.04449,0.0023,-0.08303,-0.01897,0.05394,0.06859,0.01936,0.07116,-0.03991,0.03246,0.05882,-0.06685,0.00702,0.08497,0.00796,0.09376,-0.02108,0.03957,-0.01807,-0.06589,0.04731,0.04643,0.00542,-0.01796,-0.00478,-0.06095,-0.05505,0.05357,0.02686,0.00162,0.00281,-0.03177,-0.05566,0.06726,0.00096,-0.0557,-0.06729,-0.01415,0.05662,0.03766,0.04342,-0.09644,-0.02496,-0.07628,-0.13088,0.01849,0.10554,0.1129,0.04161,-0.00459,0.05545,0,-0.06998,0.07673,-0.02544,0.10886,0.02435,-0.07691,0.08736,0.09066,0.04405,0.055,0.06103,0.04475,-0.06982,-0.01911,0.03887,0.00258,0.00558,-0.12003,0.04198,-0.03491,0.03992,0.01664,-0.00971,-0.10393,-0.05719,0.06045,-0.03072,-0.06878,-0.02685,-0.08608,-0.00028,-0.00138,-0.04065,-0.0225,0.01312,0.00982,0.06496,0.06635,-0.04033,-0.02965,0.05725,0.0294,-0.02243,-0.04344,-0.03916,0.02316,-0.10834,-0.04441,-0.02692,0.03016,0.04957,0.04872,0.03373,0.03755,-0.02598,0.0363,0.04063,0.00817,-0.04729,0.02745,0.03294,-0.01674,0.01036,0.04359,0.10082,0.03367,0.01027,-0.06248,0.0976,0.12571,0.0389,0.02261,-0.01593,0.01931,0.03564,0.0264,0.06284,-0.04184,0.00092,0.08537,-0.0423,0.09626,0.02041,0.01566,0.12444,0.01171,-0.12659,-0.08791,0.04706,0.08298,0.00657,-0.00229,-0.02668,-0.07288,0.01261,0,-0.13737,-0.03984,-0.07336,-0.02081,0.07349,0.0317,-0.0485,-0.00134,-0.01316,0.03319,0.01505,0.04952,-0.01595,-0.02192,0.11214,-0.05648,-0.00114,-0.0276,-0.03042,-0.00273,-0.01405,0.06853,-0.04844,0.06615,-0.01788,-0.02766,0.0587,0.06062,-0.03349,-0.01302,-0.0072,0.02577,0.02104,0.01531,-0.05571,0.04757,-0.05526,0.05868,-0.04172,0.01176,0.0482,0.02351,-0.01491,0.01389,0.00378,0.00981,-0.04375,-0.04878,-0.03297,-0.02595,-0.08279,0.01216,-0.07348,0.00913,0.00288,-0.05945,0.00457,-0.00006,0.02511,0.02271,-0.0683,0.00186,-0.039,-0.01462],"keywords":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes Angular Flowchart Performance Example – Connection Redraws and Routing Modes Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example. --- toc: false wideContent: true --- Connection Redraw Performance wide Content","excerpt":"--- toc: false wideContent: true --- Connection Redraw Performance"},{"chunkId":"/examples/stress-test-with-connections#1","slug":"stress-test-with-connections","route":"/examples/stress-test-with-connections","section":"examples","title":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes","description":"Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example.","group":"Performance","vector":[0.02253,-0.03829,-0.05614,0.0973,0.00167,-0.01644,-0.01612,-0.02226,0.02656,0.04011,-0.08107,-0.0214,-0.09721,-0.01968,0.01082,0.00202,0.07962,0.00395,-0.0121,-0.05408,-0.02034,-0.1178,-0.01099,0.00097,0.05782,0.02088,-0.04449,-0.00921,0.06049,-0.04777,-0.00992,0.04154,-0.12,0.00302,-0.13142,0.015,0.03999,-0.01459,-0.03772,0.03132,0.12844,0.06381,0.07396,-0.05478,-0.00973,0.03497,-0.07927,0.03484,-0.08343,0.06835,-0.02212,-0.08218,-0.04577,0.0162,0.0556,0.03892,0.02697,-0.06068,0.02462,0.03261,0.04457,-0.02796,0.00192,-0.01736,-0.0036,-0.00386,-0.02884,0.02392,0.02586,-0.01246,0.02235,-0.00099,0.02155,-0.08717,-0.02194,-0.00967,-0.02442,0.02532,-0.05886,-0.03052,0.05556,0.0086,-0.04169,0.06279,0.02168,0.0511,0.02302,-0.11029,-0.09139,-0.04571,-0.00786,0.11133,-0.0551,-0.04108,-0.01315,0.03207,-0.05937,-0.04309,-0.01258,0.0281,0.01934,-0.03951,0.0518,0.05882,-0.02576,0.02606,0.0018,0.04102,-0.01334,0.06769,0.00059,0.04469,-0.00431,-0.04434,-0.05357,-0.01686,-0.07584,-0.01343,0.02459,0.15367,0.00376,-0.00272,0.02525,-0.06901,0.10671,-0.02571,0.02052,0,-0.0388,-0.01351,-0.01503,-0.00036,0.05274,0.0258,-0.05533,-0.09011,0.04134,0.00463,0.01317,0.05018,-0.06307,0.07034,0.0412,-0.09952,0.04637,-0.00786,-0.03132,0.03393,0.03309,-0.10269,-0.05826,-0.00906,0.06508,0.05509,0.01676,0.0593,-0.04887,0.01613,0.09994,0.02027,-0.01578,0.03586,-0.03548,-0.01579,-0.04139,-0.0423,-0.01098,0.0233,-0.0217,-0.04567,-0.11116,0.02607,-0.06199,0.00913,-0.04876,-0.02726,0.02586,0.04985,0.00701,0.05364,-0.02891,0.02297,0.04921,-0.05295,0.01325,0.07284,0.03305,0.10933,-0.04591,0.0127,-0.03237,-0.0635,0.0515,0.05219,-0.03602,-0.00424,-0.00217,-0.0413,-0.04008,0.07227,0.02179,-0.01425,0.00187,-0.00862,-0.07805,0.03717,-0.01551,0.00149,-0.07295,-0.0177,0.05588,0.02276,0.08545,-0.10081,-0.02448,-0.04807,-0.11754,0.00603,0.11738,0.10613,0.02533,-0.02052,0.03927,0,-0.09693,0.08755,0.01771,0.14885,0.06299,-0.09037,0.03412,0.06462,0.03649,0.07501,0.02198,0.05597,-0.08365,0.00391,0.05209,-0.01012,-0.00717,-0.11622,0.06701,-0.04281,0.02845,0.04327,-0.02486,-0.07521,-0.07139,0.05222,-0.02109,-0.07801,-0.03915,-0.06833,0.00743,-0.02902,-0.0305,-0.02322,-0.00488,0.02541,0.07124,0.05694,-0.02186,-0.03414,0.03585,0.00747,-0.03553,-0.0318,-0.01029,0.02221,-0.11348,-0.05766,-0.02237,0.02492,0.01318,0.06685,0.01058,0.05328,-0.00555,0.00657,0.02721,0.02321,0.00459,0.00469,0.02277,-0.01868,-0.02172,0.03448,0.09441,0.02915,0.03423,-0.1201,0.07825,0.12281,0.03322,0.04781,0.00337,0.00458,0.05987,0.00852,0.07607,-0.00953,0.0356,0.08264,-0.0327,0.07763,0.01825,-0.01939,0.10142,0.02329,-0.11074,-0.06673,0.00252,0.12199,0.00292,-0.03215,-0.04048,-0.08201,0.00404,0,-0.10505,-0.04078,-0.06774,-0.03261,0.07343,0.00781,-0.00641,0.04288,-0.02286,0.04785,0.02705,0.03099,-0.00659,0.01772,0.09735,-0.02957,0.02401,-0.01836,-0.04673,-0.01143,-0.02079,0.07306,-0.04311,0.08586,-0.03416,-0.03106,0.07291,0.06583,-0.03736,-0.01607,-0.01956,0.0311,0.01685,0.02292,-0.05202,0.02604,-0.09043,0.06263,-0.01086,0.0514,0.01677,0.01257,-0.00766,0.0068,0.02798,0.01519,-0.05267,-0.05481,-0.03631,-0.0367,-0.05384,-0.00963,-0.08855,0.01095,0.00964,-0.05901,0.00421,-0.00132,0.01126,0.03417,-0.04111,-0.0261,-0.0167,-0.03022],"keywords":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes Angular Flowchart Performance Example – Connection Redraws and Routing Modes Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example. Description This example focuses on connection-heavy rendering rather than raw node count. A central draggable node is connected to a large ring of surrounding nodes, so you can measure routing, marker rendering, and redraw cost while changing connection settings live. What you can test in this demo:","excerpt":"Description This example focuses on connection-heavy rendering rather than raw node count. A central draggable node is connected to a large ring of surrounding nodes, so you can measure routing, marker rendering, and redraw cost while changing connection settings live. What you can test in this demo:"},{"chunkId":"/examples/stress-test-with-connections#2","slug":"stress-test-with-connections","route":"/examples/stress-test-with-connections","section":"examples","title":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes","description":"Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example.","group":"Performance","vector":[0.02465,-0.0363,-0.03482,0.07661,0.04608,-0.00812,-0.01555,0.01268,0.00741,0.01436,-0.07511,0.01608,-0.10882,-0.05292,0.07152,0.05303,0.03201,-0.00034,-0.01242,-0.04081,0.00321,-0.12672,-0.02644,-0.00212,0.02683,0.02737,-0.02295,-0.0019,0.05894,-0.04487,0.00632,0.02638,-0.09956,0.00873,-0.1194,0.03648,0.05572,-0.01176,-0.03913,0.03244,0.09733,0.03315,0.06806,-0.02851,-0.00914,0.05997,-0.07726,0.02406,-0.0887,0.06246,-0.00386,-0.11929,-0.0706,0.03631,0.04141,0.02495,0.03152,-0.01424,0.03908,-0.00159,0.02664,-0.05703,-0.00578,-0.02099,0.01479,-0.06063,-0.02014,-0.01238,-0.00002,0.0209,0.00671,-0.02482,0.04219,-0.068,-0.00358,-0.00823,0.01033,0.03056,-0.03337,-0.09984,0.05486,0.00732,-0.00852,0.07114,0.02529,0.01393,0.01705,-0.07638,-0.03593,0.00143,-0.03672,0.08452,-0.00567,-0.04352,0.03453,0.04614,-0.06042,-0.02593,0.01544,0.02811,0.05012,-0.02794,0.05046,0.02207,0.01072,0.01724,-0.05047,0.05019,-0.01414,0.01543,-0.02261,0.04659,0.04379,-0.04694,-0.06701,-0.0339,-0.07241,-0.00241,0.01391,0.12545,0.0128,-0.01075,0.06561,-0.04344,0.09118,0.00151,0.00222,0,-0.06257,0.01812,-0.06136,-0.00403,0.02683,0.02662,-0.05084,-0.10393,0.01881,0.02086,0.01936,0.01463,-0.06698,0.11886,0.1016,-0.06658,0.05044,-0.04388,-0.10337,0.02982,0.06344,-0.10792,-0.08796,-0.00651,0.08381,0.06547,-0.01586,0.07672,-0.13204,-0.00063,0.0917,-0.01996,-0.03341,0.028,-0.01964,0.00306,-0.01673,-0.06672,-0.01688,-0.00114,-0.01868,-0.03137,-0.12594,-0.01254,-0.03498,0.01912,-0.07768,-0.01891,0.00274,0.05415,-0.00849,0.07467,-0.02123,0.00443,0.05053,-0.0581,-0.01517,0.05306,-0.0216,0.07016,-0.0175,0.02826,-0.00188,-0.05202,0.02823,0.04037,0.03121,-0.00017,0.01597,-0.03637,-0.03611,0.04973,0.02482,-0.03657,-0.02366,-0.02782,-0.06618,0.05725,0.01019,-0.02788,-0.10095,0.01419,0.03942,-0.01943,0.0676,-0.1275,0.00215,-0.09218,-0.14032,-0.02938,0.11497,0.10808,0.01145,0.02129,-0.0205,0,-0.07928,0.12744,-0.00704,0.1218,0.01188,-0.05277,0.0889,0.02943,0.03853,0.06252,0.00452,0.02107,-0.0815,0.00113,0.04714,-0.01695,-0.02842,-0.05008,0.04913,-0.05945,0.02254,0.04924,0.0072,-0.02396,0.00088,0.04549,-0.00152,-0.08864,-0.06225,-0.08189,-0.00976,-0.0262,0.03433,-0.05141,0.02469,0.0017,0.03432,0.05574,0.00172,0.01574,0.05752,0.01698,0.00106,-0.02757,-0.0627,0.058,-0.08371,0.00606,-0.0883,0.02812,0.03777,0.05805,-0.01026,0.02175,-0.02848,0.002,0.00909,0.03232,-0.04476,0.02661,0.01067,-0.02835,-0.0018,0.05367,0.08738,0.01298,-0.01198,-0.11037,0.07158,0.08414,0.02338,0.04593,-0.00525,-0.01051,0.03338,-0.00334,0.06905,-0.01039,0.01977,0.04239,-0.09357,0.06267,0.0271,0.04379,0.06991,0.03288,-0.14188,-0.06538,0.02483,0.07773,0.00954,0.02781,0.0005,-0.03183,-0.00605,0,-0.11826,-0.03265,-0.06188,-0.01664,0.09014,0.01533,-0.00447,0.0303,-0.03506,0.06096,0.01423,0.05585,-0.03147,-0.00618,0.08819,-0.03252,0.00544,-0.02053,-0.04713,0.0382,-0.03163,0.05866,-0.13474,0.08794,-0.0185,-0.02147,0.07541,0.07411,0.03114,0.01392,-0.01567,0.04376,0.01369,0.05197,-0.03529,0.04148,-0.0702,0.04484,-0.00368,0.09215,0.04081,0.01137,0.02694,-0.00008,0.0127,0.02718,-0.07228,-0.07333,-0.04763,-0.03422,-0.05914,-0.01468,-0.07016,0.02277,0.04568,-0.05764,0.02022,-0.00392,0.06042,0.04131,-0.01924,-0.01112,-0.01392,-0.02494],"keywords":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes Angular Flowchart Performance Example – Connection Redraws and Routing Modes Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example. - Dense fan-out graph: one output node connected to 25, 50, 75, 100, or 150 targets. - Connection behavior switching: compare fixed, fixed-center, and floating routing behavior. - Connection type switching: compare straight, segment, bezier, and adaptive-curve paths. - Dynamic redraws: move the center node and watch all outgoing paths update in real time. - Marker rendering: each connection includes custom start and end markers, so the example also stresses SVG marker usage under load. - Side-aware targets: surrounding nodes define explicit connectable sides, which helps evaluate how side calculation affects the final route pattern.","excerpt":"- Dense fan-out graph: one output node connected to 25, 50, 75, 100, or 150 targets. - Connection behavior switching: compare fixed, fixed-center, and floating routing behavior. - Connection type switching: compare straight, segment, bezier, and adaptive-curve paths. - Dynamic redraws: move the center node and watch all outgoing paths update in real time. - Marker rendering: each connection includes custom start and end markers, so the example also stresses SVG marker usage under load. - Side-aware targets: surrounding nodes define explicit connectable sides, which helps evaluate how side calculation affects the final route pattern."},{"chunkId":"/examples/stress-test-with-connections#3","slug":"stress-test-with-connections","route":"/examples/stress-test-with-connections","section":"examples","title":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes","description":"Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example.","group":"Performance","vector":[-0.00727,-0.0564,-0.04413,0.0576,-0.01735,-0.0137,-0.01453,-0.02022,0.04199,0.01822,-0.06276,0.01661,-0.10089,-0.02405,0.03184,0.01022,0.04208,-0.00558,-0.05059,-0.05019,-0.03519,-0.11106,-0.0284,0.00142,0.05749,0.01858,-0.02662,-0.02695,0.05643,-0.03621,-0.00056,0.05405,-0.09477,-0.01895,-0.13431,0.01919,0.04427,0.0218,-0.04039,0.04132,0.10187,0.02388,0.08011,-0.03928,-0.02789,0.03657,-0.07616,0.01928,-0.07838,0.04852,-0.04926,-0.07413,-0.08281,0.02358,0.06027,0.02526,0.04476,-0.0198,0.0158,0.02399,0.04157,-0.02558,-0.04548,-0.0038,0.0164,-0.03044,-0.02802,0.01552,0.02189,-0.0004,-0.01563,-0.01614,0.04095,-0.06064,-0.0012,-0.03902,-0.01591,0.03187,-0.04685,-0.04256,0.06218,0.00283,-0.03726,0.0587,0.06764,0.03143,0.02849,-0.12363,-0.07274,-0.04501,-0.00608,0.10655,-0.00458,-0.04374,0.02782,0.04653,-0.07646,-0.03692,0.01,0.03983,0.01406,-0.04226,0.05133,0.06214,-0.00676,0.01769,-0.00016,0.03029,0.00104,0.02894,-0.00791,0.03825,0.02284,-0.05475,-0.03568,-0.01217,-0.08563,0.00273,0.01671,0.15236,0.00374,-0.02984,0.03465,-0.08347,0.08041,-0.01479,0.02184,0,-0.0449,0.02797,-0.04044,0.01522,0.05914,0.02099,-0.08022,-0.08992,0.04605,0.01676,0.00043,0.0577,-0.05553,0.10763,0.0395,-0.07148,0.02604,-0.00323,-0.0258,0.05525,0.05584,-0.12285,-0.04464,0.00647,0.09096,0.05358,0.02869,0.06678,-0.06158,0.02411,0.10961,-0.00379,-0.03157,0.01079,-0.02417,-0.02419,-0.03184,-0.08797,0.01748,0.01538,-0.0252,-0.04786,-0.16463,0.02688,-0.0425,0.00025,-0.06381,-0.02098,0.03089,0.05628,0.01662,0.06201,-0.02777,0.03018,0.05558,-0.06451,-0.0045,0.07376,0.00906,0.1127,-0.02956,0.02382,-0.03264,-0.0469,0.06302,0.04702,0.00949,0.01112,0.00402,-0.04564,-0.05331,0.06056,0.00266,-0.03381,0.00518,-0.04714,-0.06369,0.07404,0.00522,-0.01315,-0.08969,0.00257,0.03583,0.0391,0.05722,-0.08809,-0.01301,-0.0648,-0.13376,0.01267,0.1205,0.10612,0.03756,0.00257,0.05611,0,-0.08573,0.08042,-0.02128,0.11246,0.04808,-0.07513,0.06634,0.04455,0.04257,0.05895,0.04563,0.05004,-0.0602,-0.01336,0.05145,-0.02499,-0.01005,-0.11842,0.05833,-0.04107,0.0765,0.03759,-0.00471,-0.08512,-0.04725,0.03338,-0.03444,-0.08202,-0.03949,-0.05807,0.00005,-0.00756,-0.03232,-0.03513,-0.0106,0.03998,0.06392,0.05818,-0.02584,-0.02241,0.05545,0.02238,-0.01111,-0.06401,-0.00917,0.03594,-0.12564,-0.03858,-0.03771,0.03425,0.0317,0.07826,-0.00314,0.0142,-0.03049,0.02978,0.0268,0.00433,-0.02244,0.04118,0.01277,-0.02894,0.00532,0.05479,0.08866,0.03562,0.03243,-0.09263,0.08377,0.11138,0.03707,0.02873,-0.01284,0.01384,0.00851,0.00892,0.06642,-0.02953,0.00644,0.09113,-0.0329,0.08888,0.03809,0.01956,0.07265,0.0404,-0.10049,-0.07304,0.04009,0.07523,-0.00041,-0.00848,-0.03478,-0.05716,-0.0114,0,-0.10816,-0.04775,-0.05111,-0.03501,0.07794,0.02059,-0.05899,0.03137,-0.01631,0.04257,0.0281,0.04121,-0.02557,0.02703,0.10166,-0.03282,0.0089,-0.0243,-0.04863,-0.01801,-0.00499,0.07306,-0.04982,0.08554,-0.03359,-0.03297,0.07359,0.06853,-0.04656,-0.03858,-0.00826,0.04649,0.03951,0.03142,-0.04187,0.03933,-0.07476,0.0625,-0.01849,0.02704,0.04362,-0.00128,0.01145,0.01205,0.04355,0.04328,-0.05505,-0.06313,-0.04192,-0.03301,-0.06651,0.00477,-0.06969,-0.00001,0.00836,-0.04756,-0.00709,-0.02033,0.04016,0.02526,-0.05672,0.00413,-0.02017,-0.04049],"keywords":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes Angular Flowchart Performance Example – Connection Redraws and Routing Modes Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example. Why this example is useful: - Compare how different connection builders scale visually and computationally. - See the redraw cost of many simultaneous connection updates from a single drag. - Validate marker-heavy connection scenes before applying similar patterns in production editors.","excerpt":"Why this example is useful: - Compare how different connection builders scale visually and computationally. - See the redraw cost of many simultaneous connection updates from a single drag. - Validate marker-heavy connection scenes before applying similar patterns in production editors."},{"chunkId":"/examples/stress-test-with-connections#4","slug":"stress-test-with-connections","route":"/examples/stress-test-with-connections","section":"examples","title":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes","description":"Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example.","group":"Performance","vector":[-0.02357,-0.03203,-0.07205,0.09375,0.03112,-0.00307,0.01044,-0.01119,0.00581,0.02491,-0.04587,-0.00316,-0.04712,-0.02241,0.05495,0.02815,0.02295,-0.02057,-0.03319,-0.02965,0.01962,-0.09328,-0.00171,0.02136,0.00435,0.0052,-0.04938,-0.0111,0.06623,-0.01584,0.02298,0.04149,-0.11033,-0.0088,-0.06666,0.05106,0.0349,0.02562,-0.02697,0.0116,0.09181,0.02294,0.06819,-0.06204,0.01417,-0.00297,-0.07702,0.03095,-0.08335,0.02469,-0.03571,-0.08163,-0.03831,0.02549,0.08396,-0.02173,0.03934,-0.08703,0.03321,0.0512,0.01672,-0.05429,-0.02343,0.00023,0.02844,0.01243,-0.05211,0.03702,0.00053,0.0277,-0.03578,-0.0017,0.02289,-0.05946,0.02084,0.00278,-0.07624,0.01377,-0.04513,-0.07231,0.04479,-0.0487,-0.02839,0.0522,0.0237,0.0683,0.08159,-0.06522,-0.04724,-0.01471,0.02408,0.07801,-0.05334,0.01041,0.06326,0.06973,-0.09404,0.01299,-0.03322,0.05683,0.0088,-0.08179,0.04329,0.08229,-0.01478,-0.00307,-0.01826,0.03743,-0.01295,0.03699,-0.02613,0.05343,0.04183,-0.06679,-0.03045,-0.04937,-0.04187,-0.00118,0.02411,0.14651,0.04929,-0.03185,-0.002,-0.06543,0.10277,0.02576,0.05353,0,0.00954,0.01363,-0.05494,0.03951,-0.00981,0.01795,-0.07419,-0.0837,0.00655,0.06207,-0.01587,0.0495,-0.06629,0.00737,0.02068,-0.08946,0.01827,0.01698,-0.03178,0.03095,0.03194,-0.10242,-0.07441,0.01676,0.09418,-0.00675,0.01238,0.05022,-0.10355,-0.0057,0.07896,0.01305,-0.01884,0.00468,-0.00666,-0.00479,-0.00759,-0.02111,-0.04286,-0.0038,0.01603,-0.04189,-0.09251,0.07915,-0.03272,-0.02547,-0.09115,-0.0395,0.07044,0.02396,-0.0087,0.08195,-0.02806,-0.01717,0.05743,-0.02602,0.02706,0.01609,-0.01671,0.101,-0.04265,-0.00223,-0.01303,-0.07998,0.07469,0.024,-0.02849,-0.03811,0.03173,-0.06286,-0.05208,0.0638,0.00832,-0.01938,0.0005,-0.02045,-0.06281,0.07245,-0.01946,-0.05658,-0.02471,-0.05964,-0.00692,0.06693,0.03942,-0.11164,-0.04007,-0.09022,-0.12707,-0.0531,0.07937,0.10283,-0.008,-0.02863,0.01751,0,-0.05028,0.05282,0.00822,0.16635,0.05544,-0.06009,0.08211,0.07032,0.05881,0.07503,0.04971,0.01069,-0.08914,-0.0343,0.04171,-0.00625,-0.06117,-0.07647,0.08885,-0.03639,0.03115,0.09498,-0.02037,-0.02672,-0.0509,0.05784,-0.03247,-0.05494,-0.02233,-0.05125,-0.01507,0.00173,-0.07901,0.03009,-0.02037,-0.00215,0.06366,0.08627,-0.0306,0.01307,0.1184,0.10414,-0.04268,-0.03525,-0.03496,0.03571,-0.02763,-0.08156,-0.04528,0.02942,0.02818,0.00959,-0.02113,0.03852,-0.001,-0.01922,0.01948,-0.05733,-0.07284,0.0265,0.04812,-0.01161,-0.00704,0.04367,0.08179,0.00066,-0.03262,-0.10462,0.0696,0.09625,-0.01215,0.03619,0.02012,-0.02005,0.06258,0.01212,0.03233,-0.03538,0.00513,0.05722,-0.06862,0.08977,0.01729,0.06704,0.05446,0.0938,-0.12257,-0.02453,0.07699,0.06287,-0.04077,0.03056,-0.03511,-0.09196,0.0209,0,-0.11557,-0.03533,-0.07714,-0.03882,0.04619,0.01166,-0.00268,-0.03429,-0.02521,0.03122,-0.00837,0.05062,0.01809,-0.01844,0.06627,-0.07224,0.03203,0.01464,-0.04618,0.02632,-0.00219,0.06949,-0.02598,0.08824,-0.00755,-0.05453,0.04483,0.0784,-0.01113,0.01115,0.00062,-0.01585,0.01073,-0.01911,-0.05408,0.05586,-0.10348,0.0375,0.00006,0.10084,0.01857,-0.00789,0.00957,0.01259,0.0298,0.01035,-0.07704,-0.04669,-0.03843,-0.04032,-0.09353,-0.00458,-0.0792,0.05506,0.02277,-0.06054,0.01503,0.04527,0.02507,0.00177,-0.00611,-0.00055,-0.02752,-0.02427],"keywords":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes Angular Flowchart Performance Example – Connection Redraws and Routing Modes Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example. Example ::: ng-component <stress-test-with-connections</stress-test-with-connections [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.scss :::","excerpt":"Example ::: ng-component <stress-test-with-connections</stress-test-with-connections [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.scss :::"},{"chunkId":"/examples/ai-low-code-platform#0","slug":"ai-low-code-platform","route":"/examples/ai-low-code-platform","section":"examples","title":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow","description":"Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections.","group":"Reference Apps","vector":[-0.09381,0.01354,-0.0477,0.01593,0.07553,-0.01426,-0.01193,0.06856,-0.01421,0.06565,-0.07187,0.0114,-0.03678,-0.03676,0.08572,0.07534,-0.00803,-0.00358,-0.01927,-0.04553,-0.06336,-0.01169,-0.03794,-0.03084,-0.01834,0.06768,0.06663,-0.02838,0.03871,-0.08813,0.05488,0.05148,0.05869,0.02038,-0.11319,0.07481,-0.00767,-0.08515,0.00653,-0.03844,0.04517,0.08592,-0.04972,-0.08467,-0.02897,-0.07665,-0.08371,-0.0338,-0.02684,-0.01579,-0.0812,-0.10291,-0.06961,-0.0239,-0.00327,-0.03439,0.03403,-0.03051,0.03115,0.04358,0.07866,-0.02587,0.04432,0.06094,0.03144,0.01011,-0.11743,0.03821,-0.06777,-0.10344,0.01135,-0.05861,-0.02894,0.01457,-0.03061,-0.03486,-0.02212,0.02143,0.00085,-0.03359,-0.00822,0.03026,-0.00737,0.0728,-0.03025,0.09333,0.02706,-0.00336,0.02351,-0.01216,0.00925,0.03058,0.05392,0.01052,0.04375,0.0075,0.00769,-0.06322,-0.1172,0.08206,-0.0302,0.00314,0.02506,-0.00957,-0.08368,-0.00959,0.10677,-0.03728,0.01392,0.01245,-0.02752,0.04565,0.00384,-0.13027,-0.02507,-0.00847,0.01394,0.02911,0.05754,0.0755,0.03458,-0.04281,0.03476,-0.0007,0.11202,0.06148,-0.02297,0,-0.01456,0.01761,-0.05175,-0.02687,0.0793,-0.09104,0.00441,-0.07724,-0.03232,0.06473,0.02496,0.04754,-0.07204,0.03975,0.04147,-0.10939,-0.00411,0.0223,0.04045,-0.02352,0.01476,-0.08966,-0.00716,0.05375,0.08197,0.08887,0.04064,-0.03169,0.01284,0.01202,0.04695,-0.00815,-0.00164,0.0417,-0.05748,-0.00096,-0.11826,-0.04686,-0.02217,0.05622,-0.00561,-0.03231,-0.09091,0.00482,0.02472,-0.02152,-0.01151,-0.05474,0.08648,0.0147,-0.0583,0.05556,-0.01604,0.03461,0.03651,-0.06945,-0.02825,0.04532,0.07248,0.03185,0.0158,-0.00043,-0.06927,-0.03007,0.01143,0.03586,0.00764,-0.06078,0.08542,0.02089,-0.01675,-0.02102,0.02671,0.03001,0.00733,-0.02829,-0.01694,0.00097,0.06249,-0.09877,-0.05665,-0.01625,-0.0147,0.10352,0.10291,-0.02674,-0.02976,0.00974,-0.10293,0.0146,0.02085,0.04555,0.00411,-0.03334,-0.00136,0,-0.03195,-0.00426,-0.06962,0.05922,0.02674,-0.03762,0.03621,0.0615,0.03682,0.07176,0.065,-0.00844,0.02277,0.02817,0.04929,-0.00797,-0.03206,-0.09208,0.11015,0.00634,0.0654,0.08721,-0.01366,-0.06099,-0.04731,0.02566,-0.08824,0.05625,0.02127,-0.0376,0.01809,0.0253,-0.0245,-0.03356,-0.04616,0.02352,0.05928,0.03784,-0.08129,-0.01618,0.03195,-0.04255,0.01774,0.0413,-0.08362,-0.02577,-0.10512,0.01691,-0.01191,-0.03019,-0.07047,0.01159,0.01857,-0.09859,-0.10205,-0.05078,0.07696,0.01513,-0.06208,0.09237,0.02727,-0.06244,0.02698,-0.04165,0.00667,0.02674,-0.02734,0.06044,-0.03842,0.00783,-0.00508,-0.02378,-0.03555,0.01197,0.02475,0.0319,0.0346,-0.03686,0.07042,-0.03799,0.03406,0.07252,-0.04479,-0.01595,0.05415,0.0713,-0.07587,-0.03936,0.01081,0.10674,-0.08509,0.09608,0.04954,0.01556,-0.0204,0,-0.05385,-0.00259,0.05126,-0.01734,0.08114,-0.01875,-0.05035,-0.01507,0.02681,-0.03287,-0.05011,0.01839,-0.05501,0.02501,0.08714,0.02909,-0.07653,0.04386,-0.005,-0.03077,0.06669,0.07801,0.01123,-0.05094,0.02945,-0.04576,0.05269,0.00747,-0.0643,0.01933,-0.00995,0.0992,0.11559,-0.01541,0.03125,0.01833,-0.01844,-0.02078,-0.06805,-0.0601,0.03197,0.02477,-0.02438,-0.06745,-0.03505,0.03715,-0.04059,-0.12132,0.08297,-0.04476,-0.02294,-0.05781,-0.04891,0.03141,0.08414,0.02673,-0.01228,-0.00511,0.06033,0.02393,0.05651,0.05448,0.0423,-0.01886],"keywords":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections. AI Low-Code Platform","excerpt":"AI Low-Code Platform"},{"chunkId":"/examples/ai-low-code-platform#1","slug":"ai-low-code-platform","route":"/examples/ai-low-code-platform","section":"examples","title":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow","description":"Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections.","group":"Reference Apps","vector":[-0.10115,0.01956,-0.02894,0.03598,0.09223,0.00824,-0.03052,0.0603,0.03365,0.05229,-0.13923,-0.0069,-0.04727,-0.0392,0.10803,0.055,0.00191,-0.00343,-0.02964,-0.03619,-0.04094,-0.00953,-0.02475,-0.05068,-0.03266,0.07487,0.02891,-0.04388,0.06216,-0.04443,0.04964,0.08503,0.04371,0.05018,-0.11848,0.11082,0.00523,-0.00824,-0.05465,-0.07998,0.04511,0.06768,-0.05869,-0.09366,-0.04566,-0.07995,-0.06249,-0.07037,-0.05951,-0.00854,-0.06081,-0.10265,-0.05311,0.0244,0.00497,0.01535,0.06584,-0.05776,0.02875,0.03197,0.06787,-0.02423,0.05052,0.00616,0.048,-0.00663,-0.09947,0.0163,-0.04604,-0.11409,0.02994,-0.05178,-0.01274,-0.00478,-0.00998,-0.02587,-0.02717,0.03081,0.00482,-0.00844,0.00944,0.07687,-0.00698,0.07146,-0.01652,0.12298,0.02742,-0.01311,0.04646,-0.00838,-0.02772,0.03896,0.0217,-0.01997,0.10414,-0.0377,-0.02288,-0.01452,-0.07919,0.03804,-0.02339,-0.02756,0.06143,0.0003,-0.06922,-0.02727,0.06772,-0.0259,0.01265,0.01163,-0.04918,0.05962,0.03639,-0.10278,-0.03842,-0.00381,-0.00969,0.01277,0.01272,0.12489,0.03996,0.01654,0.02488,-0.02003,0.12269,-0.00387,-0.00582,0,0.02018,0.02326,-0.03535,-0.00188,0.10585,-0.05582,0.0157,-0.08091,0.01056,0.06681,0.00902,0.03992,-0.06356,0.09754,0.01187,-0.11777,-0.02706,-0.00554,0.02251,0.00183,0.00634,-0.12418,-0.03128,0.08032,0.06682,0.04973,0.03532,0.01662,-0.01188,0.01591,-0.00207,-0.00957,0.03773,0.04614,-0.11318,-0.01012,-0.12926,-0.0567,0.02243,0.04238,-0.01564,-0.02459,-0.07267,0.04656,0.00284,-0.04416,-0.04184,-0.001,0.08732,0.03297,0.00907,0.04464,0.03235,-0.00204,0.03556,-0.08192,0.00863,0.06374,0.06703,0.06706,-0.0113,0.03844,-0.07113,0.00809,0.0431,0.03923,0.00876,-0.0251,0.07499,-0.02795,-0.05826,0.02005,-0.00181,0.02919,0.04941,-0.0533,0.02791,0.03264,0.06642,-0.08266,-0.06656,0.00989,-0.00994,0.05929,0.09649,-0.06404,-0.04081,-0.00902,-0.13952,-0.05134,0.06741,0.03047,0.01259,-0.00791,0.01419,0,-0.01386,-0.01296,-0.04524,0.05273,0.03439,-0.04691,0.04148,0.01165,0.02992,0.05717,0.06594,0.025,0.01419,0.04089,0.02311,0.01861,-0.03639,-0.08616,0.09541,-0.02084,0.06545,0.06431,-0.0043,-0.06275,-0.11857,0.00827,-0.04162,0.0259,0.03931,-0.04431,0.01634,-0.00586,-0.04412,-0.0366,-0.00079,-0.01726,0.02564,0.02226,-0.01892,-0.05455,0.0173,-0.02249,0.03156,0.02527,-0.10573,0.03991,-0.04104,-0.01858,-0.01283,-0.03684,-0.05116,0.03613,-0.00948,-0.05325,-0.07779,-0.04278,0.06922,0.00386,-0.04045,0.04661,0.02697,0.02544,0.06486,-0.05725,0.00932,0.07374,-0.05109,0.03213,-0.02987,0.00109,0.02396,-0.02525,-0.02731,0.02186,0.02051,0.0401,0.08808,-0.07007,0.03912,-0.04845,-0.01344,0.04991,-0.01834,-0.03822,0.0419,0.05144,-0.13265,-0.03934,0.06533,0.10618,-0.09497,0.05859,0.01952,-0.00305,0.00908,0,-0.09016,0.00704,0.01217,-0.0551,0.03869,-0.04347,-0.00132,0.0114,0.05694,-0.03027,-0.01172,0.00214,-0.04938,-0.04258,0.11624,0.03826,-0.06789,0.04254,-0.0113,-0.06729,0.08471,0.02288,0.01801,0.00552,0.00575,-0.07292,0.04316,-0.00992,-0.05373,-0.00662,-0.00459,0.07574,0.10632,0.05714,-0.01479,-0.0291,-0.04179,-0.03753,-0.05903,-0.03729,0.0455,-0.01195,-0.01547,-0.05697,-0.04189,0.03332,-0.05373,-0.09168,0.02941,-0.0086,-0.02221,-0.01554,-0.03726,0.04046,0.05397,0.01203,-0.01131,-0.03126,0.09045,-0.00834,-0.00805,0.05237,0.06886,-0.02987],"keywords":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections. Example This example demonstrates how to use Foblex Flow to build a front-end-only AI low-code IDE demo in Angular. It is the flagship example in this portal because it combines almost every major capability in the library with a more product-like application shell around the canvas. It is not just a visual workflow builder. The demo combines a node editor with product-level features: a palette, editable nodes, right-side configuration panels, validation rules, validation feedback reflected back onto the nodes, undo/redo, JSON import/export, runtime theme switching, local persistence, multi-selection, animated connections, and Angular Material UI around the flow surface. ::: ng-component <ai-low-code-platform</ai-low-code-platform [height]=\"600\" ::: Live demo Source code","excerpt":"Example This example demonstrates how to use Foblex Flow to build a front-end-only AI low-code IDE demo in Angular. It is the flagship example in this portal because it combines almost every major capability in the library with a more product-like application shell around the canvas. It is not just a visual workflow builder. The demo combines a node editor with product-level features: a palette, editable nodes, right-side configuration panels, validation rules, validation feedback reflected back onto the nodes, undo/redo, JSON import/export, runtime theme switching, local persistence, multi-selection, animated connections, and Angular Material UI around the flow surface. ::: ng-component <ai-low-code-platform</ai-low-code-platform [height]=\"600\" ::: Live demo Source code"},{"chunkId":"/examples/ai-low-code-platform#2","slug":"ai-low-code-platform","route":"/examples/ai-low-code-platform","section":"examples","title":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow","description":"Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections.","group":"Reference Apps","vector":[-0.08784,0.02372,-0.08135,0.04237,0.04853,0.04206,-0.00886,0.07634,-0.02189,0.05149,-0.10167,-0.0038,-0.04698,-0.06888,0.07419,0.06694,-0.01904,0.00767,-0.07017,-0.05009,-0.0283,-0.03048,0.00097,-0.03261,-0.04158,0.0931,0.05868,-0.03012,0.03765,-0.08521,0.06711,0.06763,0.01377,0.00818,-0.10002,0.09016,-0.01835,-0.05371,-0.00338,-0.06554,0.07553,0.0538,-0.07453,-0.09826,-0.04614,-0.07149,-0.05596,-0.02602,-0.02633,0.02721,-0.06463,-0.08607,-0.07455,0.01061,-0.01064,0.02971,0.06266,-0.05488,0.02086,0.02334,0.05899,-0.03162,0.02964,0.05616,0.01838,0.01901,-0.13042,0.04626,-0.02738,-0.06831,0.01047,-0.04534,-0.00331,-0.02501,-0.04508,-0.0243,-0.02821,0.01578,-0.025,-0.05188,0.03534,0.05975,0.03277,0.06258,-0.03312,0.10968,0.04413,0.00956,0.02361,-0.00107,0.00501,0.03652,0.06895,-0.02575,0.07849,0.04708,-0.02356,-0.065,-0.06012,0.0542,-0.0042,-0.04295,0.03834,0.00143,-0.07857,-0.03093,0.06968,-0.01849,-0.00961,0.00029,-0.01455,0.0933,0.00477,-0.11225,-0.00613,-0.00942,0.0053,0.00902,0.02333,0.09815,0.03697,-0.02131,0.07797,-0.00234,0.11957,0.02992,-0.00387,0,-0.01532,0.02603,-0.07507,0.0084,0.04961,-0.01269,0.02167,-0.08281,-0.01735,0.03811,0.03967,0.04402,-0.08999,0.02598,-0.00953,-0.10866,-0.0143,0.0335,0.05674,-0.03306,0.05417,-0.1338,-0.03755,0.06643,0.07934,0.05438,0.03865,0.02989,-0.05231,-0.00184,0.0627,-0.02316,-0.00747,0.07207,-0.07631,0.02566,-0.08851,-0.04828,0.0103,0.02742,-0.02742,-0.02963,-0.0867,0.03761,0.01384,-0.00906,-0.02995,-0.04802,0.09784,0.02728,-0.02728,0.06418,0.01936,0.00203,0.0171,-0.06321,-0.04031,0.03444,0.09565,0.016,0.044,0.01968,-0.0882,-0.02645,0.03636,0.07157,0.00738,-0.04006,0.0818,-0.04936,-0.06993,-0.01884,0.03495,0.01639,0.01918,-0.05279,0.00808,0.03541,0.03605,-0.0695,-0.02771,-0.00862,-0.03871,0.10134,0.11418,-0.0761,-0.01944,-0.00978,-0.11147,0.02414,0.09344,0.04167,0.01401,-0.04211,0.01255,0,0.01394,0.01464,-0.04798,0.07312,0.02795,-0.06396,-0.00801,0.07391,0.02688,-0.00236,0.01066,0.03806,-0.00108,-0.02867,-0.01449,0.00316,-0.05409,-0.06142,0.09591,-0.03175,0.05151,0.05328,-0.02311,-0.02471,-0.11156,0.02567,-0.0441,0.01289,0.02613,-0.03957,0.00079,0.02751,-0.02045,-0.02468,-0.0409,-0.03628,0.03675,0.01926,-0.05043,0.02267,0.04679,-0.00423,-0.023,-0.00861,-0.08423,0.00664,-0.08682,-0.01248,-0.04295,-0.01744,-0.0579,0.01956,-0.03567,-0.08717,-0.0504,-0.05239,0.14593,-0.03003,-0.04296,0.07339,0.00641,-0.03746,0.06756,-0.01184,0.01674,0.01508,-0.05019,0.02907,-0.01508,0.03999,0.00231,-0.03154,-0.03474,-0.00977,0.06258,-0.01534,0.05161,-0.07822,0.07216,-0.0027,0.00661,0.09921,-0.00744,-0.01501,0.0182,0.06824,-0.09222,-0.04121,0.06602,0.07363,-0.13269,0.04808,0.06733,-0.00855,-0.02507,0,-0.10167,-0.02521,0.03543,0.02576,0.04248,-0.01854,-0.05379,0.00629,0.05511,-0.06395,-0.00852,0.0424,-0.04772,-0.01186,0.07443,0.01502,-0.03206,0.04491,-0.01286,-0.01191,0.06544,0.07299,0.03048,0.03988,0.07777,-0.031,0.04293,0.00735,-0.03195,0.04935,-0.01357,0.0505,0.12114,0.06132,-0.02959,-0.01952,-0.02147,-0.00741,-0.04436,-0.02788,0.04559,0.00651,-0.03576,-0.0566,-0.04955,0.02615,-0.05633,-0.11049,0.0395,-0.03337,-0.04148,-0.0235,-0.05292,0.05298,0.04249,0.01211,-0.03418,0.00718,0.10427,0.00933,-0.02638,0.05379,0.04846,-0.05538],"keywords":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections. Product features - Use a flagship reference that combines most Foblex Flow capabilities in one Angular app. - Add nodes from a palette and assemble flows visually. - Edit node settings through right-side configuration panels with validation. - Reflect validation state from the panel back onto the node itself. - Use undo/redo as the baseline safety net while editing. - Import and export flows as JSON. - Switch between multiple themes at runtime. - Persist state and settings in localStorage. - Use animated connections to make data flow easier to read. - Select multiple items for batch operations. local Storage","excerpt":"Product features - Use a flagship reference that combines most Foblex Flow capabilities in one Angular app. - Add nodes from a palette and assemble flows visually. - Edit node settings through right-side configuration panels with validation. - Reflect validation state from the panel back onto the node itself. - Use undo/redo as the baseline safety net while editing. - Import and export flows as JSON. - Switch between multiple themes at runtime. - Persist state and settings in localStorage. - Use animated connections to make data flow easier to read. - Select multiple items for batch operations."},{"chunkId":"/examples/ai-low-code-platform#3","slug":"ai-low-code-platform","route":"/examples/ai-low-code-platform","section":"examples","title":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow","description":"Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections.","group":"Reference Apps","vector":[-0.03385,0.03012,-0.06446,0.00236,0.08906,0.0776,0.04014,0.09269,-0.02562,0.06073,-0.09515,0.02713,-0.02595,-0.02204,0.07059,0.04036,-0.02555,0.01599,-0.04279,-0.02524,-0.06296,-0.075,0.0213,-0.06782,-0.04658,0.10117,0.12381,-0.04924,0.03296,-0.08268,0.04635,0.05773,0.07501,0.03107,-0.17592,0.05373,-0.03143,-0.0342,-0.01744,-0.04776,0.08932,0.09803,-0.07898,-0.08497,-0.02136,-0.06013,-0.06888,0.02747,-0.00329,0.03424,-0.07171,-0.14294,-0.05002,-0.00254,-0.0048,0.03554,0.02896,-0.06242,0.07971,0.05053,0.0776,-0.03355,0.03229,0.04013,0.07725,-0.0015,-0.09311,-0.01556,-0.09611,-0.07552,0.05635,-0.07813,0.03738,-0.00056,-0.03374,-0.0344,-0.02514,0.06217,-0.0174,-0.01074,0.0244,0.05132,0.02374,0.09891,-0.03756,0.09645,0.00244,-0.03041,-0.03433,-0.02604,-0.04171,0.03671,-0.04698,-0.03191,0.05156,0.00715,-0.01808,-0.07478,-0.0749,0.04318,0.01589,-0.04221,0.04318,-0.0258,-0.09285,-0.00059,0.01578,-0.05416,-0.00883,0.00248,-0.00971,0.04707,-0.00774,-0.09636,-0.05086,-0.02761,0.02651,-0.00228,0.05203,0.03959,0.07086,0.02438,0.00884,-0.02123,0.12617,0.04575,-0.02648,0,-0.01225,0.02858,-0.06267,0.01004,0.05203,-0.02528,-0.00949,-0.09702,-0.01167,0.07297,0.0199,0.01355,-0.08793,0.01669,0.0136,-0.15603,0.00935,0.01196,-0.01725,-0.02484,-0.00207,-0.11755,-0.03444,0.06327,0.06808,0.0904,0.03905,0.00992,-0.03851,-0.00753,0.05067,0.03179,-0.02002,0.02562,-0.07229,0.00753,-0.12548,-0.0429,0.00188,0.03956,0.00108,-0.0199,-0.07332,0.03206,0.01302,-0.00056,-0.03245,-0.01753,0.09317,0.07024,-0.00196,0.03325,-0.01818,-0.04853,0.03071,-0.03979,-0.04931,0.0549,0.05643,0.05631,0.0586,0.00773,-0.06232,0.01306,0.05418,0.07581,-0.0031,-0.01987,0.0649,-0.00335,0.01211,0.01667,0.06121,0.01809,0.04047,-0.02505,-0.00682,-0.00084,0.08062,-0.0812,-0.0655,-0.02398,0.0035,0.03156,0.07395,-0.04702,-0.01581,0.00738,-0.0665,-0.02495,0.04778,0.06771,-0.01539,-0.02545,-0.00978,0,-0.00587,0.03751,0.01753,0.07079,0.01494,-0.00341,0.03616,0.06022,-0.0102,0.06864,0.06298,0.05866,-0.00563,-0.01474,-0.00169,0.05884,-0.02734,-0.03116,0.0864,-0.02359,0.06791,0.00863,-0.00601,-0.05846,-0.08418,0.00755,-0.01015,0.02788,0.0201,-0.03053,0.01444,0.00623,-0.01087,-0.00375,-0.00914,-0.01489,0.04604,0.02697,-0.04223,-0.03927,-0.03876,-0.02177,0.01045,-0.00309,-0.09357,-0.03972,-0.06764,0.02832,-0.04352,0.02566,-0.08441,0.02019,0.00007,-0.0773,-0.10124,-0.04998,0.06543,0.0049,-0.0205,0.04653,0.03654,-0.05323,0.04422,-0.02711,0.02244,0.01663,-0.0497,0.02587,-0.01025,0.07214,0.01233,-0.02542,0.02814,0.01017,0.03929,0.03074,0.09813,-0.02289,0.08025,-0.02677,0.04921,0.104,-0.05403,-0.02428,0.02915,0.10181,-0.0839,-0.03669,0.05718,0.08001,-0.09881,0.06238,0.07273,-0.05203,0.01697,0,-0.11041,-0.01088,-0.00807,-0.02166,0.0529,-0.05266,-0.06173,-0.00248,0.0235,-0.05292,-0.04514,0.06408,-0.03716,0.01358,0.10498,0.04513,-0.04344,0.06077,0.00667,0.01692,0.01855,0.06159,0.02231,0.07679,-0.01293,-0.04108,-0.01703,0.00215,-0.02396,0.02652,-0.03368,0.06262,0.08886,0.02087,-0.05084,-0.04563,-0.05183,-0.02442,-0.07907,-0.01928,0.04024,-0.00645,0.01349,-0.05079,-0.0758,0.05013,-0.04897,-0.09396,0.02593,-0.00147,-0.02856,-0.04184,-0.01827,-0.02369,0.03625,0.00395,-0.00815,0.01985,0.05413,0.0082,-0.06258,0.06651,0.01503,-0.04531],"keywords":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections. Implementation highlights - Add nodes from the palette to the canvas using the fExternalItem directive. - Connect nodes using the f-connection-for-create component. - Reassign connections, move nodes, and pan the canvas. - Zoom with the mouse wheel, double click, and buttons using the fZoom directive. - Set the background using the f-background component. - Use alignment helpers and a minimap. - Select multiple items with the selection area. f External Item f Zoom","excerpt":"Implementation highlights - Add nodes from the palette to the canvas using the fExternalItem directive. - Connect nodes using the f-connection-for-create component. - Reassign connections, move nodes, and pan the canvas. - Zoom with the mouse wheel, double click, and buttons using the fZoom directive. - Set the background using the f-background component. - Use alignment helpers and a minimap. - Select multiple items with the selection area."},{"chunkId":"/examples/ai-low-code-platform#4","slug":"ai-low-code-platform","route":"/examples/ai-low-code-platform","section":"examples","title":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow","description":"Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections.","group":"Reference Apps","vector":[-0.10856,0.00687,-0.04904,0.03204,0.09266,0.00788,0.00438,0.0805,0.02409,0.03391,-0.10703,0.01389,-0.04247,-0.03578,0.07733,0.07087,-0.00665,-0.04376,-0.04058,-0.05433,-0.04056,-0.03305,-0.03537,-0.05246,-0.04138,0.08076,0.04612,-0.04107,0.06673,-0.07206,0.05935,0.08157,0.03838,0.01872,-0.13023,0.09197,0.00219,-0.06132,-0.02422,-0.06517,0.04115,0.05934,-0.06286,-0.09071,-0.00389,-0.08343,-0.06346,-0.0459,-0.01429,-0.00827,-0.07773,-0.09869,-0.06141,0.00246,0.01969,0.00746,0.05427,-0.04846,0.02306,0.0458,0.05369,-0.0167,0.03563,0.0662,0.04148,0.00348,-0.1236,0.01223,-0.05589,-0.10713,0.02257,-0.0447,-0.02056,0.01047,0.00139,-0.02466,-0.03505,0.00321,0.00252,-0.04603,-0.00112,0.05889,0.0154,0.06706,-0.01205,0.11639,0.02248,-0.03003,0.02906,0.01492,0.02432,0.03895,0.01377,0.00392,0.08751,0.00755,-0.02033,-0.04314,-0.09995,0.05135,-0.02567,-0.03107,0.01999,-0.00958,-0.06297,-0.04449,0.10014,-0.0383,0.01725,0.01642,-0.03563,0.04351,0.02289,-0.09535,-0.02053,-0.00836,0.02363,0.02647,0.04987,0.08676,0.02556,-0.0332,0.06215,-0.00172,0.09979,0.01167,-0.01847,0,-0.03412,0.03555,-0.04819,0.00351,0.06087,-0.0757,0.01021,-0.07779,0.01313,0.0461,-0.00356,0.08005,-0.0698,0.0427,0.02746,-0.10313,-0.0489,0.04474,0.00743,-0.01474,0.06105,-0.12346,-0.01064,0.07095,0.06836,0.08183,0.04487,0.02215,-0.02524,0.01515,0.02861,-0.00765,-0.0007,0.05532,-0.08979,0.04721,-0.09795,-0.0487,-0.01843,0.038,-0.02274,-0.01561,-0.06056,0.01681,0.03145,-0.05059,-0.04278,-0.03349,0.07823,0.03675,-0.03598,0.06555,0.02887,0.03116,0.02567,-0.05335,-0.00804,0.04025,0.08212,0.03136,0.02844,0.00567,-0.09533,-0.00591,0.02408,0.07851,-0.00734,-0.04009,0.06003,-0.00366,-0.03189,0.00147,0.00397,0.00296,0.03945,-0.06909,-0.01939,0.00132,0.05171,-0.07634,-0.043,0.00983,-0.02633,0.09582,0.10888,-0.03365,-0.02388,0.01028,-0.11917,0.02968,0.07014,0.0438,0.00407,-0.02944,-0.00372,0,-0.02416,0.00466,-0.05976,0.0641,0.04537,-0.05078,0.02582,0.06014,0.04267,0.04319,0.05581,0.00159,0.00977,0.02578,0.00873,-0.00442,-0.05559,-0.109,0.10535,-0.01107,0.0579,0.06398,-0.024,-0.06692,-0.11261,0.02038,-0.08683,0.03675,0.00755,-0.02779,0.02106,0.01704,-0.04805,-0.02482,-0.02893,0.00134,0.03398,0.01333,-0.03943,-0.02239,0.01512,-0.02519,0.0046,0.0361,-0.08562,0.02091,-0.08129,0.00455,-0.00137,-0.02813,-0.04309,0.02927,-0.02127,-0.09473,-0.10549,-0.02728,0.08715,0.01328,-0.08888,0.07853,0.02407,-0.01137,0.04534,-0.02095,0.01076,0.03092,-0.0278,0.05762,-0.02385,0.01138,0.0067,-0.0207,-0.05465,0.01181,0.01522,0.02984,0.074,-0.05736,0.05823,-0.02604,-0.01399,0.06303,-0.02495,-0.00776,0.0242,0.07335,-0.10566,-0.06662,0.02333,0.10697,-0.08648,0.08045,0.03431,-0.00268,-0.03044,0,-0.08872,-0.00699,0.05437,-0.02893,0.04709,-0.02928,-0.03567,0.01113,0.03014,-0.05373,-0.01423,0.01821,-0.06485,-0.00267,0.09964,0.0371,-0.05308,0.04554,-0.01117,-0.03669,0.07696,0.06158,-0.00112,-0.02513,0.03543,-0.05595,0.05166,0.03752,-0.07761,0.01425,-0.01395,0.10137,0.10885,0.06072,0.01182,0.00735,-0.01759,-0.02136,-0.05208,-0.03162,0.04379,0.02479,-0.01087,-0.06499,-0.04792,0.04359,-0.05849,-0.10995,0.05386,-0.02835,-0.04862,-0.04392,-0.03972,0.04149,0.09451,0.01588,-0.02452,-0.03118,0.07558,0.03054,0.00453,0.05616,0.07303,-0.01152],"keywords":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections. When to use it Start from this example if you are evaluating Foblex Flow as the foundation for an AI workflow IDE, internal automation tool, visual logic editor, or any Angular node-based product where the canvas has to work together with forms, validation, persistence, and richer application UI.","excerpt":"When to use it Start from this example if you are evaluating Foblex Flow as the foundation for an AI workflow IDE, internal automation tool, visual logic editor, or any Angular node-based product where the canvas has to work together with forms, validation, persistence, and richer application UI."},{"chunkId":"/examples/schema-designer#0","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.01131,-0.00057,-0.00898,0.04793,0.01255,-0.01329,-0.05968,0.01717,-0.08343,0.04984,-0.00078,-0.06136,0.07538,-0.00259,0.00809,0.06297,0.06693,-0.03484,0.05055,0.0182,-0.06475,0.01141,-0.0266,0.01123,0.01903,0.02698,0.08536,0.05802,-0.03163,0.00258,-0.0607,0.0407,0.03179,-0.03093,-0.06161,-0.03071,0.07554,0.0472,-0.03743,-0.04039,-0.13861,-0.08129,-0.01165,0.01535,0.02118,-0.06762,-0.04468,-0.03912,-0.08067,0.07429,-0.07906,-0.08112,-0.03642,0.03509,0.02764,0.1093,-0.02132,-0.03984,0.02283,-0.00018,-0.0534,0.02082,0.00291,0.05203,-0.02442,0.07031,-0.0512,0.03423,0.04801,-0.05384,0.03778,-0.06671,-0.06659,-0.04014,0.01165,-0.02034,0.0439,-0.07226,0.02332,-0.07737,-0.08152,0.04743,-0.07566,0.02628,-0.03398,-0.01693,-0.0103,0.00135,0.08426,-0.00146,0.05592,-0.04946,0.02976,-0.04235,-0.07324,-0.03238,0.02638,-0.05806,-0.02593,0.03521,0.01008,0.02525,0.0332,-0.02939,-0.08844,-0.02579,0.00696,0.00544,-0.07215,0.05485,-0.01774,-0.04845,-0.05924,-0.07483,-0.02664,0.01323,-0.05662,-0.03237,0.10563,0.00392,0.0043,0.07837,-0.03636,0.02737,-0.01943,0.01305,-0.07127,0,0.00876,-0.02549,0.04384,0.06579,0.1039,-0.0099,0.06474,0.0618,-0.04863,-0.00786,0.00682,0.06205,-0.09441,0.06508,0.05225,-0.02209,-0.07308,0.08407,-0.09659,0.02891,-0.02307,-0.04572,-0.03767,0.06127,0.06143,0.09661,-0.00043,0.08176,0.00338,0.0181,-0.02225,0.00678,0.00615,0.00119,-0.04652,0.03143,-0.02355,-0.07589,0.0609,-0.03568,-0.02508,-0.00033,0.05144,-0.01941,-0.0025,0.06493,0.03365,0.057,0.0179,-0.03432,0.04382,0.03543,0.06524,0.12051,0.01811,0.02637,-0.02619,-0.02584,0.06909,0.08459,-0.07799,0.09863,0.00398,-0.00279,0.00247,0.04764,-0.02262,-0.06622,0.12896,-0.0671,-0.05549,0.06423,0.07905,0.01169,0.00201,-0.07671,-0.04337,-0.10073,-0.08495,0.06182,-0.04334,-0.00601,-0.04586,0.00195,0.01575,-0.08051,0.01724,0.05066,-0.04483,-0.07159,0.02492,-0.0012,-0.00255,0.03476,0.02763,0,-0.04458,-0.09026,0.00446,0.05743,0.06072,-0.02038,-0.01982,-0.0032,0.01996,-0.02501,0.01588,-0.00718,0.02958,-0.10105,0.03859,0.05759,-0.01483,-0.09113,0.00884,0.03939,0.09371,0.08549,-0.10495,0.0222,-0.01813,-0.0203,-0.03758,0.03029,-0.00459,0.05286,-0.0203,-0.07285,0.00072,-0.06766,0.01542,-0.05013,-0.03183,0.03555,0.03368,0.00529,-0.02406,0.04579,-0.00189,0.06513,0.02085,0.07992,-0.07815,0.01393,-0.01353,-0.09103,-0.03902,-0.01227,-0.039,-0.10983,0.04331,-0.03449,-0.01754,-0.01389,0.01806,0.00929,-0.01822,0.02764,0.07694,0.10742,0.07045,0.01282,-0.00882,-0.05531,-0.05806,-0.02597,-0.02007,0.01515,-0.00113,0.05443,0.11317,-0.07313,-0.07947,-0.00052,0.00585,-0.03733,0.01115,-0.04458,0.12897,0.02708,0.01461,-0.00465,-0.04157,0.10013,0.00373,0.0012,-0.05952,-0.00786,0.02624,0.06245,-0.02576,0,0.00503,-0.00938,0.02627,-0.07866,-0.00082,-0.03768,0.04136,0.07779,0.03796,0.03762,0.01501,0.01222,-0.05799,0.03471,0.05618,0.00753,0.06357,0.04562,-0.03859,-0.10379,0.11135,0.0668,-0.03682,0.03573,0.10815,0.01695,-0.1028,0.03558,0.0151,-0.03445,-0.0159,-0.0536,0.04502,0.0824,0.05311,0.0328,0.0356,0.00268,-0.11001,-0.01449,-0.01404,-0.06884,-0.05118,-0.05514,0.01852,0.0445,0.01788,-0.02816,-0.00338,-0.00751,-0.11987,0.00051,-0.05498,-0.06798,-0.02373,0.04495,0.04969,0.02606,0.03441,-0.04617,0.02771,0.05936,-0.04873,0.03573],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. Schema Designer","excerpt":"Schema Designer"},{"chunkId":"/examples/schema-designer#1","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.04995,0.02133,-0.05799,0.0616,0.01049,0.0221,-0.05874,0.04386,-0.04377,0.1091,-0.05162,-0.07708,0.0199,0.03047,0.03533,0.05408,0.03354,-0.01695,0.01985,0.01609,-0.05613,-0.01219,-0.00883,-0.01359,0.03673,0.05793,0.03998,0.02299,0.00233,-0.01847,-0.01704,0.05192,-0.00869,0.01788,-0.06032,0.06376,0.04491,0.04499,-0.02044,-0.04532,-0.02282,-0.02646,-0.03029,-0.03493,-0.02634,-0.06402,-0.06649,0.00368,-0.09019,0.04525,-0.10062,-0.11405,-0.04683,0.06037,0.02288,0.09594,-0.01414,-0.04278,0.06232,0.0239,-0.021,-0.02115,0.03788,0.05129,0.00437,0.04368,-0.07277,0.02049,-0.00663,-0.03406,0.1017,-0.10516,-0.04321,-0.04958,0.02011,-0.02896,0.00167,-0.0049,0.00769,-0.04836,0.00591,0.0543,-0.05974,0.06486,-0.06486,0.05313,0.03112,-0.05471,0.04802,-0.03238,0.03004,0.02312,0.01382,-0.03028,-0.04251,-0.01964,0.02016,-0.03408,-0.07688,0.03735,0.01286,-0.03257,0.07034,0.01521,-0.06886,-0.01599,-0.00116,-0.00549,-0.10188,0.03713,-0.00806,0.02263,-0.05023,-0.06035,-0.02897,-0.0157,-0.08293,-0.0662,0.06792,0.03937,0.0396,0.06845,-0.03664,0.02776,0.03885,0.04288,-0.01765,0,0.03889,0.01362,0.02073,0.0522,0.15152,0.02725,0.04963,-0.00516,-0.04002,0.03305,-0.0015,0.04825,-0.08107,0.0848,0.02444,-0.02814,-0.06278,0.02959,-0.04181,0.02658,0.00975,-0.09851,-0.07563,0.06271,0.0767,0.07374,-0.02408,0.06047,-0.0162,0.01498,-0.00417,0.0323,0.01305,-0.02748,-0.07348,0.00817,-0.05083,-0.04925,0.02631,-0.05945,0.00972,0.00084,-0.02964,-0.02386,-0.01834,0.04014,0.02604,0.0111,0.04437,-0.03645,0.03491,0.04471,0.11905,0.14427,0.08487,-0.02583,-0.00738,0.00659,0.10368,0.07729,-0.03501,0.12524,-0.04412,0.03146,0.03172,0.04193,0.00614,-0.02547,0.13355,-0.07738,-0.0682,0.07418,0.0434,0.00916,0.0015,-0.09667,-0.04564,-0.08119,-0.02111,0.01808,-0.03439,-0.06765,-0.01291,0.04617,0.05156,-0.10722,-0.00698,0.02712,-0.09318,-0.08201,0.05661,-0.02988,-0.00907,0.01042,0.03673,0,-0.02506,-0.07156,0.04613,0.06779,0.03903,-0.07704,0.00805,0.02754,0.00639,0.03698,0.03835,0.01899,0.02075,-0.08824,0.05635,0.06777,-0.03131,-0.11811,0.04355,-0.0391,0.1116,0.07746,-0.04332,0.01555,-0.02896,-0.00431,0.02338,0.02038,-0.01292,0.02011,-0.02634,-0.07882,-0.03859,-0.05365,-0.01439,-0.06078,-0.01267,0.06146,0.04376,-0.03667,-0.02909,0.06011,-0.03297,0.06761,-0.01487,0.06494,-0.07159,-0.00617,-0.03225,-0.06435,-0.05918,0.0241,-0.00725,-0.11519,0.01381,-0.07596,0.03726,-0.01267,0.01942,-0.02665,0.00977,0.01437,0.03533,0.04245,0.08141,0.05438,-0.04628,-0.03741,-0.02102,0.04116,-0.0192,0.00564,-0.0234,0.07617,0.14267,-0.01204,-0.01757,0.04327,0.07247,-0.0443,0.00543,-0.01453,0.09757,-0.01127,0.03656,0.01998,-0.09317,0.03453,0.04625,0.07999,-0.10072,-0.02396,0.03043,0.02794,-0.01014,0,-0.06132,-0.01088,0.00033,-0.09169,0.02282,-0.03552,0.02827,0.04434,0.05291,0.02307,0.01204,0.05342,-0.0312,0.06537,0.05174,-0.00991,0.03367,0.02687,-0.04472,-0.11289,0.09436,0.06497,-0.00366,0.05959,0.08311,-0.01333,-0.08478,0.01374,-0.00325,-0.01732,-0.03395,-0.04191,0.07227,0.08939,-0.00491,0.01413,-0.04925,-0.02133,-0.1252,-0.04821,-0.01509,-0.07482,-0.0232,-0.05722,-0.03073,0.03541,0.0211,0.00167,-0.00031,-0.02537,-0.09315,-0.00574,-0.08044,-0.05612,-0.03043,0.01881,0.02037,0.05159,0.01918,-0.05767,-0.02559,0.04518,-0.03102,-0.01388],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. Example This example shows how to build a schema editor on top of Foblex Flow. It combines draggable table nodes, inline column editing, connection creation and reassignment, context-menu actions, and viewport tooling into a canvas that feels closer to a real admin product than a minimal graph demo. ::: ng-component <schema-designer</schema-designer [height]=\"600\" :::","excerpt":"Example This example shows how to build a schema editor on top of Foblex Flow. It combines draggable table nodes, inline column editing, connection creation and reassignment, context-menu actions, and viewport tooling into a canvas that feels closer to a real admin product than a minimal graph demo. ::: ng-component <schema-designer</schema-designer [height]=\"600\" :::"},{"chunkId":"/examples/schema-designer#2","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.00257,-0.01743,-0.06582,0.0403,-0.04007,0.06719,-0.08775,-0.0187,-0.01919,0.03078,-0.02661,-0.04425,0.06627,0.01731,-0.02528,0.06084,0.03546,-0.03726,-0.04266,0.0554,-0.01861,-0.08733,-0.00761,-0.01468,0.06392,0.01058,0.09231,0.04131,-0.03278,-0.00152,-0.08291,0.07293,-0.03846,-0.02114,-0.05457,0.00998,0.01476,0.10897,0.01714,-0.0624,-0.0472,-0.0488,0.04856,-0.00114,0.01882,0.03174,-0.0665,-0.00592,-0.04832,0.08025,-0.12974,0.00759,-0.05677,0.05822,0.05429,0.13086,-0.0353,-0.00837,0.01611,0.07205,-0.01471,0.03561,0.00993,0.01581,-0.01244,0.05317,-0.04246,0.05041,-0.00181,0.05858,0.06423,-0.01671,-0.0706,-0.06549,-0.02703,0.02025,-0.02913,0.02051,0.02772,-0.07615,-0.01043,0.06136,-0.05699,0.03383,0.02009,-0.00644,0.01242,-0.08701,0.0105,-0.01171,0.00641,-0.06881,0.08791,0.02443,-0.05394,-0.02904,0.03049,-0.00999,-0.04472,0.03595,-0.01815,0.03444,0.00926,-0.01624,-0.0869,-0.00763,0.00069,-0.00716,-0.09516,0.01451,-0.03374,0.02144,-0.10949,-0.05945,-0.06835,-0.0087,-0.05899,-0.05632,0.05243,-0.04278,0.02691,0.06495,-0.07464,0.0527,-0.02636,-0.03724,-0.08067,0,0.08097,-0.00988,0.03202,0.0549,0.07055,0.02888,-0.01211,0.07487,-0.07649,0.07096,0.04301,0.07321,-0.06767,0.00062,0.03565,-0.01762,-0.04432,0.03572,-0.04869,-0.00916,-0.03803,-0.01874,-0.11692,0.05527,0.06227,0.10095,0.01574,0.07235,-0.0609,0.01116,-0.03961,0.03798,-0.03048,-0.02737,-0.03708,-0.00817,-0.01668,-0.02591,0.05061,0.01246,0.0289,0.00567,-0.02595,-0.0321,0.00494,0.06193,0.05233,0.03614,-0.02236,-0.08424,0.07451,0.03207,0.04334,0.11124,-0.03774,-0.04373,-0.0245,-0.00399,0.04407,0.06026,-0.01968,0.02761,-0.02194,0.063,0.05371,0.08645,-0.07947,-0.05514,0.06735,-0.11462,-0.03765,0.03758,0.00948,-0.0081,0.00842,-0.06038,-0.05218,-0.09147,-0.04464,0.02749,-0.06883,0.0216,0.00318,-0.02309,-0.02875,-0.05269,0.05588,0.04559,-0.03602,-0.04949,0.04865,-0.0058,0.00904,0.0267,0.07176,0,0.00195,-0.02077,0.04382,-0.009,0.05355,-0.0365,0.05803,0.00757,0.02452,0.01468,0.02439,-0.06741,0.03425,-0.05983,0.01653,0.08383,-0.03628,-0.04282,-0.03746,-0.00891,0.10557,0.05206,-0.02313,0.07084,0.00482,-0.01225,0.04922,0.03217,-0.0039,0.051,-0.04762,-0.10616,-0.02987,-0.05669,0.03986,-0.02201,-0.0181,-0.02138,0.0485,-0.00621,-0.06195,0.02478,-0.01637,0.06651,0.06083,0.07036,-0.02558,0.01228,0.00294,-0.07118,0.00845,-0.00458,-0.03742,-0.07867,0.04013,-0.05715,0.05349,-0.01899,0.0401,-0.0686,0.04372,0.01826,0.0185,0.09571,0.09318,-0.02713,-0.05737,-0.04291,-0.03905,-0.01229,-0.08113,0.02686,0.00775,0.04307,0.14291,-0.1007,-0.03101,-0.01457,0.0145,-0.05513,0.02721,-0.02705,0.15539,-0.01806,-0.04525,0.02417,-0.00726,0.06148,0.02601,0.03895,-0.0817,-0.06829,0.03688,0.01053,-0.04459,0,0.00031,-0.04152,0.00438,-0.05492,-0.02522,-0.03791,0.00021,0.11859,0.01871,-0.00136,-0.04987,0.09473,-0.03151,0.06013,0.05174,-0.00945,0.05717,-0.00533,-0.02232,-0.06648,0.08191,0.02201,-0.00948,0.06621,0.09152,-0.05726,-0.0744,0.01127,0.09471,-0.00638,-0.00945,-0.08917,0.07134,0.06836,0.00418,0.01963,0.03101,0.01202,-0.08145,0.01571,-0.00808,-0.02008,-0.10153,0.02574,0.03877,0.02605,0.04693,-0.0362,-0.05624,-0.02798,-0.08449,0.0116,-0.02309,-0.12119,-0.09795,0.04748,0.03693,0.04909,0.07706,-0.08231,-0.00572,0.07996,-0.0327,-0.00031],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. User-Facing Capabilities - Drag tables around the canvas and keep existing relations attached. - Create a relation by dragging from one column to another. - Reassign an existing relation to a different target column. - Edit column names and column data types inline. - Open a context menu on the canvas, a table, a column, or a relation. - Create new tables and columns directly from the editor. - Change a column key to primary, unique, index, or none. - Change relation cardinality from the inline relation toolbar. - Delete the currently targeted column, table, or relation. - Use selection area, minimap, zoom, reset, fit-to-screen, and theme toggle controls.","excerpt":"User-Facing Capabilities - Drag tables around the canvas and keep existing relations attached. - Create a relation by dragging from one column to another. - Reassign an existing relation to a different target column. - Edit column names and column data types inline. - Open a context menu on the canvas, a table, a column, or a relation. - Create new tables and columns directly from the editor. - Change a column key to primary, unique, index, or none. - Change relation cardinality from the inline relation toolbar. - Delete the currently targeted column, table, or relation. - Use selection area, minimap, zoom, reset, fit-to-screen, and theme toggle controls."},{"chunkId":"/examples/schema-designer#3","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.01107,-0.04814,-0.0792,0.03066,-0.01616,0.05951,-0.10887,0.06373,0.00314,0.05241,-0.01152,-0.02262,0.01196,-0.00304,-0.013,0.02831,-0.01554,-0.00979,-0.04135,0.05484,-0.04095,-0.05821,-0.00077,-0.01191,0.01963,0.01482,0.02367,0.00873,-0.03953,-0.04354,-0.06981,0.06804,0.0279,0.00248,-0.05381,0.03312,0.07364,0.03461,-0.04722,-0.09203,-0.10644,-0.10898,0.04066,0.01303,0.03436,0.01219,-0.03923,-0.01752,-0.075,0.1198,-0.09402,-0.01713,-0.05802,0.09731,0.05032,0.1948,0.03821,-0.01865,-0.03072,0.06649,-0.00923,0.02269,0.00333,0.02863,-0.02305,0.06157,-0.02855,0.03102,0.01021,-0.00797,0.02907,-0.01748,-0.04438,-0.0518,0.01768,-0.00755,-0.00313,0.01222,0.00533,-0.09815,0.03628,0.08446,-0.04392,0.01724,-0.00878,0.02707,0.00071,-0.03967,0.01019,0.05655,0.0495,-0.06212,0.03058,-0.06296,-0.07308,-0.01389,0.05136,-0.0199,-0.03539,0.02052,-0.00351,0.01007,0.0256,-0.01924,-0.02922,-0.04629,-0.01228,-0.03665,-0.08591,-0.01057,-0.00391,-0.03871,-0.08458,-0.07453,-0.04977,-0.01355,-0.04879,-0.07127,0.10112,-0.00659,0.03674,0.07912,-0.07347,0.0575,-0.01709,-0.03039,-0.09242,0,0.05385,0.02923,0.01991,0.05623,0.09843,0.02384,0.01742,0.03307,-0.07646,0.03772,-0.00737,0.06231,-0.07224,-0.01953,0.01123,-0.05183,-0.06742,0.05538,-0.0771,0.01084,-0.02737,-0.04607,-0.0566,0.03606,0.10011,0.10292,-0.04427,0.10336,-0.01244,0.00067,-0.05829,0.01572,0.00361,-0.07044,-0.0229,-0.02889,-0.01946,-0.10077,-0.01146,-0.00867,-0.00503,0.00788,-0.02248,-0.07651,0.02522,0.02064,0.02524,0.08547,0.04759,-0.03268,0.05546,0.03626,0.07584,0.05965,0.02584,-0.02792,-0.02317,0.00509,0.03968,0.10353,-0.03982,0.05337,-0.02476,0.01016,0.02647,0.10603,-0.03026,-0.01345,0.0827,-0.06769,-0.07545,0.05305,-0.03591,-0.01148,-0.01098,-0.04315,-0.05946,-0.14644,-0.05009,-0.00212,-0.04285,-0.02321,-0.04268,0.01793,0.00265,-0.08178,0.03704,0.01722,-0.0498,-0.0628,0.06893,-0.02196,0.0628,0.03376,0.06671,0,-0.02186,-0.06217,-0.00546,0.04892,0.05132,-0.02307,0.02022,-0.03478,0.04011,-0.03114,-0.00056,-0.02219,-0.01771,-0.09859,-0.0109,0.08538,-0.04084,-0.08514,-0.01125,0.00971,0.08142,0.02294,0.02634,0.03921,0.02646,-0.01438,0.0348,0.01481,-0.0109,0.00647,-0.03851,-0.09902,-0.00947,-0.03881,0.02785,-0.05369,-0.00659,0.01596,0.0422,-0.01246,0.00661,0.0666,0.01581,0.10093,-0.00664,0.11931,-0.12675,0.03537,-0.03317,-0.01756,-0.0541,-0.02139,-0.06942,-0.08105,0.01665,0.00899,0.02103,0.00723,-0.00646,-0.02456,-0.00727,-0.00938,0.01483,0.08634,0.1196,0.01534,-0.01364,0.02054,-0.03871,0.04221,0.00037,-0.02147,0.00856,0.03373,0.09861,-0.06466,-0.00877,-0.04877,0.0355,0.01147,-0.003,0.00802,0.10617,0.01779,-0.03192,0.03661,-0.0084,0.07594,0.05121,0.03636,-0.08655,0.00869,0.0454,0.04123,-0.06359,0,-0.03129,-0.02776,-0.03206,-0.05074,0.02431,-0.02885,0.03804,0.0864,-0.01301,0.00712,-0.04196,0.06145,-0.05847,0.00625,0.06603,-0.02077,0.05379,0.02583,-0.05513,-0.0872,0.06058,0.03439,-0.03467,0.06594,0.0576,-0.04021,-0.07571,0.0562,0.10255,-0.00881,0.01892,-0.06027,0.13063,0.0753,-0.02595,0.04126,0.02276,0.02168,-0.08913,0.02707,0.02579,0.00073,-0.07007,-0.03603,0.00124,0.02576,0.035,-0.0003,-0.02523,-0.05117,-0.09751,0.01912,-0.04049,-0.02485,-0.06113,0.08942,0.03899,0.06913,0.11339,-0.04607,-0.02912,0.07782,-0.01821,-0.00501],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. Foblex Flow Features Used - f-flow and f-canvas as the root editing surface. - fZoom for canvas-scale control. - fNode for draggable table nodes. - fNodeInput and fNodeOutput for column-level connectors. - fConnection for rendered schema relations. - fConnectionForCreate for drag-to-connect creation. - fSnapConnection for snap-assisted relation reassignment. - fCreateConnection, fReassignConnection, and fSelectionChange events for synchronizing editor state. - fConnectionContent for the floating relation toolbar. - fBackground, fCirclePattern, fMagneticLines, fSelectionArea, and fMinimap for editor ergonomics. f Zoom f Node f Node Input f Node Output f Connection f Connection For Create f Snap Connection f Create Connection f Reassign Connection f Selection Change f Connection Content f Background f Circle Pattern f Magnetic Lines f Selection Area f Minimap","excerpt":"Foblex Flow Features Used - f-flow and f-canvas as the root editing surface. - fZoom for canvas-scale control. - fNode for draggable table nodes. - fNodeInput and fNodeOutput for column-level connectors. - fConnection for rendered schema relations. - fConnectionForCreate for drag-to-connect creation. - fSnapConnection for snap-assisted relation reassignment. - fCreateConnection, fReassignConnection, and fSelectionChange events for synchronizing editor state. - fConnectionContent for the floating relation toolbar. - fBackground, fCirclePattern, fMagneticLines, fSelectionArea, and fMinimap for editor ergonomics."},{"chunkId":"/examples/schema-designer#4","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.07805,-0.00591,-0.06265,0.01207,0.02401,0.02694,-0.04421,0.08034,-0.01844,0.09026,-0.06866,-0.05603,0.01897,0.02518,0.05634,0.02841,0.06392,-0.08319,0.01797,0.04599,-0.06891,-0.02188,0.01143,-0.02695,0.04293,0.02729,0.04893,0.02028,-0.00078,-0.01017,-0.01446,0.08645,-0.0087,0.01287,-0.11742,0.04603,0.02196,-0.0092,-0.0615,-0.0874,-0.04943,0.02816,-0.0345,0.0046,-0.0158,-0.11708,-0.03344,-0.03462,-0.06238,0.10352,-0.10029,-0.10368,-0.06912,0.05647,0.01487,0.09682,-0.00232,-0.02813,0.01708,0.03127,-0.02463,0.01774,0.04521,0.06815,0.03103,0.04947,-0.05323,0.03291,0.02136,-0.08744,0.03301,-0.08267,0.0263,-0.10946,0.01314,-0.07152,-0.03985,-0.02166,0.02096,-0.05227,-0.01491,0.05573,-0.03175,0.0269,-0.02484,0.05969,0.05206,-0.07051,0.03213,-0.01253,0.04902,-0.03247,0.06974,-0.00322,-0.01265,-0.03204,0.03975,-0.02949,-0.07632,0.03006,0.02565,-0.00015,0.12381,0.03804,-0.06932,-0.06995,0.02623,-0.05308,-0.11063,0.03073,-0.05876,0.01761,-0.03925,-0.06676,-0.0299,-0.0191,-0.04858,-0.05194,0.05699,-0.00144,0.0369,0.05894,0.00341,-0.00826,0.02501,-0.02256,-0.04891,0,0.0233,0.01526,0.01876,0.07596,0.11811,0.0078,0.02823,0.07146,-0.03914,-0.00787,0.02603,0.08883,-0.06617,0.05299,0.06822,-0.04249,-0.11736,0.06728,-0.01738,0.0219,-0.00535,-0.07476,-0.06403,0.017,0.04855,0.12906,0.00641,0.08804,-0.08632,0.01923,-0.00573,0.00985,0.01045,-0.00355,-0.01808,0.00024,-0.05622,-0.08771,0.02414,-0.04438,-0.00582,-0.03185,-0.03836,-0.00862,0.00819,0.0306,0.01139,0.0257,0.01171,-0.03533,0.05144,0.03691,0.0621,0.0756,0.03628,-0.02372,-0.04006,-0.04081,0.08144,0.02941,-0.01664,0.0673,-0.02397,0.01717,-0.0456,0.08759,-0.02473,-0.06065,0.10192,-0.04492,-0.05363,0.08128,0.02728,0.01293,0.03178,-0.07603,-0.01881,-0.09431,-0.02668,0.0173,0.00934,-0.07435,-0.06265,0.04573,0.04216,-0.08914,0.02646,-0.00668,-0.08206,-0.03058,0.09451,-0.00972,-0.00708,-0.02416,0.07139,0,-0.01956,-0.11596,-0.02485,0.03962,0.05622,-0.06805,0.02196,0.01472,0.03654,0.00223,0.01547,0.04125,0.02219,-0.05302,0.02536,0.09162,-0.02137,-0.13043,0.035,-0.04689,0.11099,0.02699,-0.02222,0.00078,-0.05351,0.02043,-0.02543,-0.0119,0.01314,0.02686,-0.01063,-0.07562,-0.03223,-0.03038,-0.02824,-0.04835,-0.00158,0.02669,-0.01251,-0.05308,-0.00727,0.02179,-0.03592,0.07756,-0.01903,0.05608,-0.0714,0.03874,-0.00109,-0.05661,-0.02085,0.0032,-0.02103,-0.14947,0.002,-0.00662,0.02832,-0.00939,-0.01662,0.02863,0.03241,0.06831,0.01592,0.07177,0.06237,0.04049,-0.04099,0.01168,-0.01491,0.0313,0.02844,-0.03314,-0.0272,0.04614,0.13586,0.03846,0.02009,-0.01967,0.03909,-0.03872,0.00834,-0.03156,0.14314,0.001,0.0321,-0.01214,-0.09974,-0.00651,0.01001,0.0537,-0.06691,0.0252,0.02918,0.07035,0.02804,0,-0.0623,0.01349,0.02005,-0.08416,-0.01706,-0.07091,0.00729,0.01677,0.06848,0.03728,-0.03242,0.02314,-0.06858,0.06892,0.07294,0.05945,0.04529,0.02475,-0.06266,-0.08154,0.07257,0.04801,-0.01293,0.05213,0.06679,0.02371,-0.08524,0.05761,0.05164,0.02153,0.00351,-0.01394,0.05862,0.09943,-0.0571,0.01384,0.01399,-0.02189,-0.06709,-0.02556,-0.00064,-0.07718,-0.0179,-0.02763,-0.04265,0.09607,-0.01431,-0.04913,-0.01699,-0.00237,-0.09147,-0.00168,-0.04331,-0.0158,-0.02461,0.06967,0.03621,0.0614,0.06787,-0.03129,-0.02747,0.03528,0.02132,0.02337],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. Why It Matters This is the strongest reference app in the repo when you need to embed Foblex Flow into a broader CRUD-oriented Angular screen. It demonstrates how the canvas can live alongside forms, menus, detail actions, and editor-like state instead of being treated as an isolated widget.","excerpt":"Why It Matters This is the strongest reference app in the repo when you need to embed Foblex Flow into a broader CRUD-oriented Angular screen. It demonstrates how the canvas can live alongside forms, menus, detail actions, and editor-like state instead of being treated as an isolated widget."},{"chunkId":"/examples/schema-designer#5","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.01308,-0.01679,-0.03085,0.0554,-0.00004,-0.03245,-0.06574,0.02701,-0.08629,0.07562,-0.0024,-0.0463,0.10011,-0.01962,0.01373,0.08285,0.06251,0.00409,0.03916,-0.01124,-0.03434,0.04244,-0.02535,0.01801,0.03685,0.00843,0.06838,0.03744,-0.01464,-0.00222,-0.04775,0.03628,0.03473,-0.00253,-0.09089,-0.01471,0.07467,0.04604,-0.03759,-0.05186,-0.13859,-0.06133,-0.01079,0.01593,0.00175,-0.05319,-0.05623,-0.02952,-0.09126,0.08094,-0.06893,-0.06606,-0.04319,0.02295,0.03995,0.11106,-0.03254,-0.03468,0.01599,0.00702,-0.00511,0.03424,0.00816,0.04427,-0.0347,0.06026,-0.04715,0.0517,0.04893,-0.10375,0.04344,-0.0825,-0.01901,-0.0425,-0.00493,-0.03937,0.0408,-0.04387,-0.00673,-0.07671,-0.08001,0.04945,-0.06161,0.04879,-0.03976,-0.00037,0.01554,0.01969,0.08295,0.02618,0.03734,-0.06327,0.02937,-0.06183,-0.04651,-0.02952,0.02283,-0.07885,-0.02133,0.02671,0.00174,0.00876,0.02569,-0.03809,-0.07312,-0.00274,-0.00276,-0.01146,-0.06526,0.07571,-0.02732,-0.0374,-0.08371,-0.08338,-0.02667,0.01637,-0.05707,-0.03221,0.1024,0.01904,0.00107,0.08679,-0.04268,-0.00569,-0.04252,0.01385,-0.07333,0,0.02993,-0.01463,0.04361,0.0468,0.1018,-0.02632,0.07822,0.07154,-0.04208,0.00521,0.00751,0.08374,-0.09085,0.10267,0.0439,-0.02134,-0.07451,0.06663,-0.06713,-0.01336,-0.0563,-0.04297,-0.03725,0.07245,0.06854,0.10638,0.00482,0.08174,0.00238,0.00492,-0.03336,0.0353,0.0104,-0.00781,-0.05215,0.00998,-0.04002,-0.0672,0.06176,0.01615,-0.01064,-0.03004,0.04547,-0.01379,-0.00754,0.05672,0.02194,0.04302,0.01047,-0.03371,0.06333,0.03052,0.06804,0.10651,0.00273,0.02017,-0.03558,-0.02358,0.04861,0.06775,-0.06806,0.07016,-0.01756,-0.00039,-0.02331,0.05434,-0.03241,-0.08813,0.11711,-0.04723,-0.0524,0.0783,0.07409,0.00753,-0.0157,-0.06371,-0.03811,-0.11284,-0.10531,0.05725,-0.05161,-0.02306,-0.048,-0.00235,0.00278,-0.03307,0.00825,0.02999,-0.04795,-0.08563,-0.00847,0.01145,-0.01088,0.03993,0.0496,0,-0.02997,-0.08164,0.00582,0.05012,0.07186,-0.03364,-0.01338,0.00366,0.02246,-0.02172,-0.01334,0.00246,0.05016,-0.10241,0.02319,0.06034,-0.00904,-0.08093,0.00707,0.04089,0.07637,0.0639,-0.06475,-0.00775,-0.00694,-0.05048,-0.02126,0.00163,0.001,0.035,-0.00295,-0.06872,0.02277,-0.05498,-0.00817,-0.02979,-0.02216,0.01602,0.03822,-0.0155,-0.02537,0.04799,0.05999,0.06293,0.00948,0.09552,-0.10029,0.00659,-0.01349,-0.08835,-0.02281,-0.00409,-0.04855,-0.09328,0.0511,-0.01234,-0.00603,-0.00523,0.02673,0.00735,-0.0238,0.01875,0.0659,0.09808,0.04172,0.02406,-0.02475,-0.06138,-0.07393,-0.00687,0.00168,0.02084,-0.00588,0.04826,0.07487,-0.06314,-0.07556,-0.00573,-0.02993,-0.05721,0.04212,-0.04274,0.12222,0.02569,0.01525,-0.00015,-0.05498,0.08209,0.01471,0.01058,-0.0774,-0.01214,0.02206,0.06695,-0.05194,0,0.02417,-0.0261,0.0185,-0.10172,-0.01399,-0.00825,0.05256,0.08966,0.03947,0.03291,-0.01911,0.02668,-0.06358,0.04218,0.05178,0.01419,0.08549,0.04208,-0.01097,-0.11587,0.08016,0.05323,-0.0616,0.05429,0.10822,0.01805,-0.09162,0.01848,0.00254,-0.03806,-0.00597,-0.03348,0.08558,0.03465,0.0618,0.0607,0.03974,0.00304,-0.12001,-0.01712,-0.00085,-0.06396,-0.01493,-0.06202,-0.0033,0.03465,0.03211,-0.03222,-0.00512,-0.01298,-0.08866,0.02546,-0.06466,-0.10265,-0.04379,0.06996,0.02891,-0.00998,0.04843,-0.05403,0.03699,0.10385,-0.04281,0.02301],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. Links - Source code: apps/example-apps/schema-designer","excerpt":"Links - Source code: apps/example-apps/schema-designer"},{"chunkId":"/examples/call-center#0","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.1343,-0.02628,-0.03926,-0.02369,-0.00861,-0.01193,-0.02371,0.01729,0.03036,0.04661,-0.04594,-0.03263,-0.05826,0.03332,0.02212,0.00166,-0.01822,0.0099,0.00987,-0.04236,-0.04463,0.0296,-0.01338,-0.00987,0.05256,0.0016,-0.03329,0.00282,0.08582,-0.08668,0.01211,0.09669,0.01976,-0.01357,-0.1439,0.12138,0.02219,0.01848,0.00257,-0.04649,0.04961,0.02988,0.00879,-0.09708,-0.01859,-0.04858,-0.124,-0.00096,-0.06862,0.01986,-0.04844,-0.12046,-0.08447,0.07595,0.00915,-0.00774,0.0139,-0.062,0.04406,0.00915,0.00641,0.02465,0.00706,0.04449,-0.04291,-0.01131,-0.06194,0.10873,0.02908,-0.04824,-0.03115,-0.06793,-0.00038,-0.04984,-0.00943,-0.00488,-0.05079,0.00605,-0.02343,0.01492,-0.00255,0.04268,-0.0224,0.06084,-0.06814,0.05095,-0.00731,-0.02538,0.04724,-0.03218,-0.0136,0.02732,0.01075,-0.07253,0.05368,-0.00388,-0.1093,-0.04896,-0.02112,0.0052,-0.00444,-0.04636,0.06506,-0.04863,-0.037,-0.05921,-0.00197,-0.02217,-0.00235,0.02159,-0.01117,0.05181,0.00404,-0.13939,0.00846,-0.01889,-0.0352,-0.03804,0.08446,0.14086,-0.0316,0.00822,-0.00625,-0.08064,0.05892,0.00576,0.06606,0,-0.00396,0.00711,-0.02417,0.05656,0.09629,-0.00487,0.02918,-0.01294,0.0341,-0.02991,-0.01382,0.00499,-0.04265,0.07522,-0.00583,-0.12181,0.02679,-0.0118,-0.02117,0.00167,0.05127,-0.01399,-0.03039,0.08733,0.11937,-0.01442,0.05839,-0.02997,-0.02027,-0.00201,0.04905,0.04796,-0.00545,0.06722,-0.00768,0.09531,-0.0708,-0.04984,0.01866,-0.01639,-0.07169,-0.08586,-0.13504,0.0506,-0.01003,-0.04777,-0.05201,-0.03405,0.14126,-0.00211,-0.01558,0.05405,-0.05777,0.01933,0.05393,-0.01896,-0.00135,0.06634,-0.02589,0.10273,-0.06695,0.00351,-0.06068,-0.03909,0.07916,-0.05109,-0.08188,-0.12024,0.11129,-0.06875,-0.07061,0.01423,0.04848,0.0703,0.0331,0.00849,-0.04945,0.05155,-0.00843,-0.02393,-0.06017,0.0272,0.01621,0.07565,0.10406,-0.05931,0.03177,-0.06088,-0.04373,0.03278,-0.03467,0.02474,-0.02517,0.0674,0.0194,0,-0.0547,-0.00945,-0.01231,0.10646,-0.03074,-0.01052,0.04972,-0.00513,0.0453,0.05064,-0.03354,0.10206,0.0728,0.00717,0.00237,-0.01699,0.02098,-0.09525,0.03516,0.03509,0.0535,0.06657,-0.04215,-0.02369,-0.04351,0.03326,-0.03817,-0.03853,0.10348,0.00273,-0.03344,-0.04273,0.01032,0.03593,-0.02655,-0.04631,0.08975,0.11555,-0.03391,-0.01695,0.07041,-0.02886,0.05721,-0.05096,-0.0403,-0.04568,-0.00597,0.01778,-0.13172,-0.0242,-0.04164,0.02377,-0.04247,0.06304,-0.01259,-0.00573,0.13687,-0.08918,0.05549,0.04253,0.03332,-0.02948,0.05527,-0.08636,0.00092,0.02175,-0.0014,-0.06544,-0.01139,-0.00046,-0.03231,-0.00337,0.02257,-0.04389,0.03218,-0.01631,-0.00598,-0.0529,-0.01976,-0.05275,-0.00014,0.06238,-0.00692,-0.00783,0.07855,0.03961,0.01186,-0.05777,0.05996,0.02244,-0.08118,0.00787,0.00438,-0.05889,-0.02103,0,-0.08852,-0.01153,0.0494,-0.01109,0.03512,-0.06582,0.03387,0.03417,0.0261,0.05037,-0.00712,0.05545,-0.0335,-0.0247,0.10601,0.02275,0.06798,0.04889,-0.01469,-0.07884,0.02771,-0.00503,-0.01381,0.01168,-0.00738,-0.02029,0.02903,0.0383,0.0104,-0.02351,0.0058,0.12972,0.05308,-0.02739,-0.05878,-0.01543,-0.00608,-0.0292,-0.0093,-0.00726,0.06027,-0.00808,-0.06429,-0.04047,0.02236,0.06242,-0.07193,-0.05988,0.00405,-0.01069,-0.02273,0.01631,-0.02065,0.04405,0.03264,-0.01921,0.03933,-0.06996,0.07009,-0.00296,-0.03105,0.04877,0.02111,-0.03454],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Call Center Flow","excerpt":"Call Center Flow"},{"chunkId":"/examples/call-center#1","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.14021,-0.00601,-0.04488,0.01812,-0.0173,0.01883,-0.01879,0.06367,0.05225,0.0371,-0.11143,-0.00239,-0.08444,0.01642,0.02175,0.01586,-0.03177,-0.0203,-0.01552,0.01741,-0.03823,0.00075,0.01983,-0.03122,-0.00746,0.01952,-0.0033,0.02808,0.06687,-0.07728,0.05294,0.12858,0.01142,0.0012,-0.14926,0.09856,0.00488,0.00756,-0.02564,-0.08135,0.08722,0.06138,0.01022,-0.08426,-0.0475,-0.04005,-0.07529,0.02153,-0.04235,0.0378,-0.0356,-0.14465,-0.06672,0.07899,-0.00831,0.04228,0.01842,-0.04939,0.08252,0.02827,0.01604,0.00484,0.04927,0.01376,-0.05605,-0.00679,-0.06635,0.05327,-0.03536,-0.04264,0.00987,-0.06781,-0.00135,-0.05157,0.01914,-0.00589,-0.06694,0.0273,-0.02238,0.06146,0.05259,0.05406,-0.02103,0.08228,-0.04769,0.06948,0.02584,-0.08655,0.03813,-0.0392,-0.031,0.06215,-0.02211,-0.07308,0.03459,-0.02208,-0.11466,-0.06768,-0.05941,0.00923,-0.01478,-0.06287,0.06897,-0.00578,-0.01858,-0.05551,0.01396,-0.00179,-0.0315,0.02646,-0.01471,0.03845,0.01559,-0.07619,-0.00689,-0.0467,-0.02104,-0.0296,0.07105,0.1059,-0.02188,0.00845,-0.02325,-0.07822,0.06917,-0.01239,0.05901,0,-0.02079,0.04033,-0.02669,0.05336,0.10164,-0.01036,0.04061,-0.04361,0.02679,-0.02464,-0.01404,-0.01712,-0.05397,0.06072,-0.0251,-0.10436,0.00849,-0.00565,-0.04677,-0.01379,0.05644,-0.05638,-0.05411,0.0384,0.11786,0.00499,0.02709,-0.02579,-0.0237,-0.01925,0.04232,0.06409,0.04114,0.05,-0.04896,0.07921,-0.06722,-0.05735,0.004,0.01138,-0.05572,-0.04985,-0.11028,0.02532,-0.01794,-0.03633,-0.0405,-0.0217,0.14633,-0.00312,-0.03144,0.04894,0.01855,0.0343,0.05684,-0.06191,0.00324,0.08539,0.01882,0.09004,-0.04797,0.05189,-0.05748,-0.00933,0.07948,-0.01699,-0.06925,-0.03265,0.09719,-0.07576,-0.05553,0.02031,0.06848,0.08654,0.03854,-0.02617,-0.04999,0.02646,0.03484,-0.02648,-0.01793,-0.00051,0.03072,0.07633,0.12683,-0.08101,0.00106,-0.07912,-0.0901,0.04462,0.00853,-0.00814,-0.03949,0.04772,-0.01239,0,-0.04846,-0.00258,-0.00334,0.12373,-0.02879,-0.02787,0.10652,0.05031,0.04646,0.07799,-0.00043,0.10928,0.06141,-0.01677,-0.00215,0.02345,-0.0057,-0.07577,0.03375,-0.036,0.06717,0.02039,-0.04277,-0.05906,-0.08018,0.03149,0.02598,-0.01617,0.07984,-0.03326,-0.05731,-0.04752,-0.00169,0.01583,0.01319,-0.07011,0.01391,0.11804,0.03443,-0.04153,0.0532,-0.01016,0.02013,-0.03096,-0.04849,-0.03474,0.01666,0.00287,-0.09401,-0.02813,-0.0448,0.03966,-0.02202,0.05468,-0.00495,-0.00381,0.10824,-0.0829,0.04672,0.01241,0.06099,-0.01661,0.06525,-0.07926,0.05697,0.07351,0.0009,-0.03395,0.02813,0.02292,0.01485,-0.00321,0.01884,-0.031,0.05617,0.00883,0.0511,-0.03645,0.03138,-0.01579,-0.01347,0.04804,-0.01373,-0.05477,0.09335,0.05477,-0.02733,-0.03816,0.07869,0.0451,-0.09559,-0.00117,0.03051,-0.10169,-0.02714,0,-0.10124,-0.01773,0.03109,0.0029,0.05069,-0.0397,0.0365,-0.00046,0.00939,0.04142,-0.01075,0.0391,-0.03495,-0.00681,0.08577,0.00677,0.00499,0.04174,-0.02559,-0.09787,0.00137,-0.00343,0.01877,0.04098,-0.02274,-0.02955,-0.0176,0.03874,0.00162,-0.01005,-0.03866,0.08799,0.04312,0.03475,-0.12092,-0.02736,-0.05048,-0.00583,-0.05559,-0.03335,0.06158,-0.04066,-0.02056,-0.03911,0.00432,0.06707,-0.06494,-0.01129,-0.00821,0.02239,-0.02087,0.03383,-0.03174,0.03243,0.01737,-0.03514,0.0023,-0.03051,0.04388,-0.01087,-0.075,0.02653,0.00479,-0.03155],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Example This example shows how to build a product-style call-routing editor on top of Foblex Flow. It combines a left-side node palette, draggable workflow steps, editable node forms, connection creation and reassignment, and viewport tools into a focused IVR and contact-center flow builder. ::: ng-component <call-center</call-center [height]=\"600\" :::","excerpt":"Example This example shows how to build a product-style call-routing editor on top of Foblex Flow. It combines a left-side node palette, draggable workflow steps, editable node forms, connection creation and reassignment, and viewport tools into a focused IVR and contact-center flow builder. ::: ng-component <call-center</call-center [height]=\"600\" :::"},{"chunkId":"/examples/call-center#2","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.15618,-0.0013,-0.02069,0.01028,-0.01834,0.02338,-0.00646,-0.01573,0.04959,0.03337,-0.1325,-0.02342,-0.05184,0.02984,0.00551,0.03739,-0.03839,-0.03247,0.00874,-0.01089,-0.03155,-0.02966,0.00545,-0.04138,0.08267,0.00104,-0.02523,-0.03913,0.08089,-0.04989,0.01854,0.07352,0.00147,-0.02042,-0.14248,0.09399,0.0042,0.0534,-0.01658,-0.04785,0.10294,0.04283,-0.035,-0.09551,-0.01161,-0.0294,-0.10598,0.04159,-0.03182,0.05675,-0.0332,-0.10273,-0.05376,0.05484,-0.0373,0.0432,0.07328,-0.03486,0.04576,0.01449,-0.03467,-0.00261,0.01816,0.02536,-0.01302,0.01683,-0.05408,0.06557,-0.00735,-0.03247,-0.00725,-0.04645,0.01782,-0.07162,0.0188,0.00284,-0.07722,0.04331,-0.03258,0.06309,0.08266,0.04696,-0.00629,0.04947,-0.0225,0.05659,-0.01273,-0.05089,0.01829,-0.05866,-0.0565,0.04909,-0.04843,-0.05562,0.07278,-0.01462,-0.12513,-0.04461,-0.01495,0.02232,0.04359,-0.07835,0.02571,-0.06107,-0.02802,-0.07822,-0.02111,-0.00668,-0.02708,0.01495,-0.00061,0.05454,0.03945,-0.06842,0.0202,-0.00275,-0.03549,-0.00961,0.04745,0.12939,-0.03219,0.02291,-0.04026,-0.09418,0.07003,-0.02709,0.08134,0,-0.02123,0.03045,-0.02397,0.04663,0.06546,0.00761,0.0211,-0.0312,0.02239,-0.04556,-0.02034,-0.03551,-0.02746,0.01353,-0.04661,-0.09096,0.04697,-0.02115,-0.00484,-0.01084,0.04984,-0.06457,-0.08174,0.05697,0.09193,0.02287,0.04648,-0.02058,-0.0342,-0.0031,0.03015,0.05101,0.00117,0.05869,-0.04651,0.04788,-0.0302,0.00854,0.00907,-0.00512,-0.03604,-0.06593,-0.08934,0.04575,-0.02403,-0.05768,-0.03862,-0.00175,0.07701,0.00181,0.00041,0.04003,-0.07538,-0.00284,0.03326,-0.07459,0.01299,0.04211,-0.02995,0.0297,-0.00448,0.01331,-0.0721,-0.0215,0.09042,-0.03547,-0.09485,-0.07658,0.04614,-0.08829,-0.06274,0.01215,0.02079,0.07502,0.01415,0.01289,-0.01387,0.07025,0.03661,0.00423,-0.00429,0.01243,-0.00567,0.01426,0.10912,-0.08665,0.04029,-0.08632,-0.07837,0.04425,0.02911,0.00354,-0.02799,0.05242,0.02905,0,-0.03469,0.05093,-0.00621,0.09896,0.01123,-0.02279,0.10056,0.04363,0.03543,0.04776,-0.04258,0.13952,0.06974,0.03479,-0.03381,0.01973,-0.00525,-0.03813,-0.00879,0.0057,0.05328,0.06547,-0.04445,-0.00226,-0.06695,0.04061,0.01489,-0.01228,0.09042,0.00503,-0.0842,-0.05362,-0.03025,0.07116,0.03301,-0.03179,0.08192,0.09196,-0.01827,0.01966,0.0632,-0.03658,0.00889,-0.05776,-0.00665,-0.03437,-0.01811,-0.00369,-0.15796,-0.0256,-0.03138,0.05438,-0.01293,0.06497,-0.02103,-0.01162,0.13063,-0.09409,0.08274,0.01003,0.05144,-0.04076,0.04761,-0.09024,0.02779,0.03018,-0.00451,-0.03888,0.04772,0.01728,-0.03874,0.01348,0.0549,-0.03248,0.07144,-0.00412,0.01018,-0.0866,-0.01846,-0.06197,-0.00065,0.04615,0.03,-0.0586,0.08309,0.07909,-0.00922,-0.04522,0.07538,0.02222,-0.09728,0.00438,0.00115,-0.07623,0.00475,0,-0.09426,-0.02511,0.06552,0.00192,0.06142,-0.05503,0.00921,-0.00137,0.05062,0.0249,-0.02512,0.01176,0.01349,-0.02261,0.11083,0.04087,0.02842,0.02744,-0.00412,-0.10368,0.03968,-0.02767,-0.00181,0.03485,-0.0261,-0.05055,-0.02032,0.02969,-0.00964,0.00491,-0.03222,0.06392,-0.01041,0.0336,-0.15757,-0.06522,-0.02261,-0.05175,-0.00322,-0.01119,0.0809,0.02349,-0.06452,-0.02976,0.00638,0.0507,-0.02055,-0.03623,-0.0177,0.06401,-0.02153,0.0008,0.00329,0.01288,0.02354,-0.07645,0.02732,-0.03599,0.0434,0.02319,-0.10199,0.06388,0.0084,-0.07702],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. User-Facing Capabilities - Start from an incoming-call entry point and route calls through schedule, prompt, IVR, queue, operator, transfer, voicemail, and disconnect steps. - Drag existing nodes around the canvas and keep their links attached. - Create new steps from the palette by dropping them directly onto the editor surface. - Create new connections between node outputs and inputs. - Reassign an existing connection to another target input. - Expand nodes to edit schedule windows, prompts, IVR branch count, queue settings, operator attributes, transfer number, and voicemail greeting. - Remove selected nodes or connections, select all, zoom, fit to screen, reset the view, and toggle light or dark theme. - Keep both the flow state and the canvas transform persisted locally.","excerpt":"User-Facing Capabilities - Start from an incoming-call entry point and route calls through schedule, prompt, IVR, queue, operator, transfer, voicemail, and disconnect steps. - Drag existing nodes around the canvas and keep their links attached. - Create new steps from the palette by dropping them directly onto the editor surface. - Create new connections between node outputs and inputs. - Reassign an existing connection to another target input. - Expand nodes to edit schedule windows, prompts, IVR branch count, queue settings, operator attributes, transfer number, and voicemail greeting. - Remove selected nodes or connections, select all, zoom, fit to screen, reset the view, and toggle light or dark theme. - Keep both the flow state and the canvas transform persisted locally."},{"chunkId":"/examples/call-center#3","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.09369,-0.06151,-0.07225,-0.00864,0.02285,0.01826,0.01934,0.06257,0.03243,0.01005,-0.07919,-0.01325,-0.08163,0.00974,0.0065,-0.00348,-0.01426,0.01482,-0.01021,0.01511,-0.04045,-0.08652,0.02108,-0.04023,0.02035,-0.02,-0.02158,-0.03343,0.0541,-0.09319,0.00894,0.10058,0.01293,-0.00655,-0.13328,0.05699,0.06859,0.01022,-0.07975,-0.04392,0.01699,0.00579,0.00115,-0.07638,-0.00209,-0.00902,-0.0722,0.02244,-0.05748,0.11306,-0.05708,-0.09342,-0.06947,0.08994,0.03671,0.10323,0.04679,-0.03632,0.01307,0.05022,0.01363,-0.03431,0.00161,0.01878,-0.00742,0.01389,-0.05117,0.00468,0.03696,-0.04275,-0.03553,-0.05254,0.02386,-0.0681,0.03095,0.00553,-0.01784,0.04422,-0.02973,-0.02298,0.07701,0.07706,-0.01836,0.04493,0.01741,0.07273,-0.04664,-0.0337,-0.00023,0.02999,-0.05509,0.07155,-0.0704,-0.09199,0.03711,-0.04209,-0.06577,-0.03806,-0.01938,-0.00324,0.00395,-0.07852,0.04718,-0.03263,-0.01896,-0.04774,-0.03152,-0.01947,-0.03253,0.00909,-0.01804,0.00404,0.0297,-0.09006,-0.00583,-0.01838,-0.06538,-0.04823,0.12269,0.11312,0.00402,0.04066,-0.02656,-0.04855,0.05654,-0.01948,0.00805,0,-0.00026,0.059,-0.03822,0.06954,0.08893,0.00947,0.0446,-0.03771,0.00046,-0.02631,-0.05285,0.01798,-0.06703,0.03079,-0.00526,-0.16808,-0.00258,-0.0081,-0.05044,-0.01825,0.07451,-0.06954,-0.04267,0.05008,0.13723,0.0487,0.00366,0.04554,-0.03283,0.01522,-0.02345,0.00942,0.0258,0.01373,-0.04078,0.04258,-0.08949,-0.10441,-0.0384,0.00621,-0.0568,-0.03753,-0.12197,0.00662,-0.00479,-0.04071,-0.04907,0.03797,0.11365,0.03159,0.00272,0.0099,-0.00583,-0.02145,0.03893,-0.06518,-0.03077,0.06804,-0.01259,0.11724,-0.0396,0.03584,-0.08458,-0.03699,0.08004,0.03771,-0.05449,-0.02868,0.07269,-0.07146,-0.05805,0.06456,0.02723,0.09502,0.0321,0.02871,-0.03309,-0.01615,0.01092,-0.04243,-0.04659,0.01186,-0.00298,0.05733,0.08041,-0.10411,0.0201,-0.0574,-0.10788,0.02161,0.03827,0.01072,0.03676,0.06215,-0.00215,0,-0.0438,0.02676,-0.02233,0.10752,-0.01533,0.01747,0.08306,-0.02984,0.04768,0.00813,-0.02876,0.09713,0.04452,-0.01495,-0.03145,0.01529,-0.01299,-0.08508,0.01575,0.02435,0.0652,0.01761,-0.01521,-0.00937,-0.07227,0.0321,0.04486,-0.03581,0.02876,-0.01903,-0.01775,-0.03828,-0.01144,-0.00348,0.06069,-0.03861,0.0611,0.08401,0.02709,-0.0248,0.07869,-0.00433,0.03787,-0.02143,-0.03015,0.03323,-0.10667,0.00246,-0.11324,0.02925,-0.06189,0.00739,-0.05506,0.01125,-0.04615,0.03891,0.09754,-0.03108,0.03004,0.03931,0.06952,-0.0599,0.03072,-0.03949,0.08538,0.01672,0.0178,0.02033,0.03443,0.08854,0.03223,0.018,0.05336,-0.02046,0.03318,0.00403,0.07248,-0.10381,0.00895,0.01383,-0.00456,0.07069,0.04035,-0.00282,0.05297,0.06581,-0.01796,-0.00904,0.08453,0.01955,-0.05762,0.03505,0.01981,-0.05746,-0.03177,0,-0.09845,-0.00763,-0.0025,-0.02945,0.03332,-0.03391,0.01508,0.01117,0.00926,-0.02271,-0.03232,0.05049,-0.04446,-0.01051,0.10752,-0.01187,0.03378,0.05445,-0.03864,-0.1008,-0.02509,0.00853,-0.03407,0.07007,-0.02927,-0.04669,0.00442,0.07107,0.0517,-0.00505,-0.02295,0.06779,0.03798,0.03122,-0.13689,0.01782,-0.07026,-0.0221,-0.04568,0.0334,0.10508,0.03669,-0.06152,-0.05872,0.00536,0.05697,-0.04676,-0.05908,-0.04837,0.02237,-0.04786,0.03809,-0.01343,0.03908,0.02126,-0.00488,0.01529,-0.01381,0.09366,-0.00674,-0.10302,0.06141,0.03397,-0.02306],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Foblex Flow Features Used - f-flow and f-canvas as the workflow surface. - fZoom for viewport scaling and pan. - fExternalItem and fCreateNode for palette-driven node creation. - fNode, fNodeInput, and fNodeOutput for call-flow steps and connectors. - fConnection with segmented routing and fConnectionMarkerArrow for directional links. - fConnectionForCreate for drag-to-connect interaction. - fMoveNodes, fCreateConnection, fReassignConnection, and fSelectionChange events for synchronizing editor state. - fBackground, fCirclePattern, fLineAlignment, fSelectionArea, and fMinimap for canvas usability. f Zoom f External Item f Create Node f Node f Node Input f Node Output f Connection f Connection Marker Arrow f Connection For Create f Move Nodes f Create Connection f Reassign Connection f Selection Change f Background f Circle Pattern f Line Alignment f Selection Area f Minimap","excerpt":"Foblex Flow Features Used - f-flow and f-canvas as the workflow surface. - fZoom for viewport scaling and pan. - fExternalItem and fCreateNode for palette-driven node creation. - fNode, fNodeInput, and fNodeOutput for call-flow steps and connectors. - fConnection with segmented routing and fConnectionMarkerArrow for directional links. - fConnectionForCreate for drag-to-connect interaction. - fMoveNodes, fCreateConnection, fReassignConnection, and fSelectionChange events for synchronizing editor state. - fBackground, fCirclePattern, fLineAlignment, fSelectionArea, and fMinimap for canvas usability."},{"chunkId":"/examples/call-center#4","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.12874,-0.02693,-0.04366,-0.03927,0.00863,0.00242,-0.01742,0.052,0.08574,0.00553,-0.13265,-0.0179,-0.05435,0.00548,0.05521,0.00251,0.02446,-0.04727,0.01211,-0.03082,-0.04204,0.00118,-0.01696,-0.03007,-0.00561,0.03483,-0.05217,0.04686,0.0929,-0.09806,0.00499,0.17582,0.0298,0.00595,-0.11255,0.11685,0.00913,0.02711,-0.03104,-0.04944,0.04226,0.08681,0.01372,-0.05166,-0.04093,-0.04854,-0.06353,-0.0407,-0.06545,0.04996,-0.06735,-0.13324,-0.07997,0.07736,0.03049,0.01481,0.04662,-0.06607,0.04468,0.00123,0.00335,0.00322,0.01769,0.02895,-0.01628,0.01257,-0.07931,0.06765,-0.01724,-0.11078,-0.00017,-0.04945,0.00307,-0.06052,-0.01276,-0.02015,-0.06065,-0.01257,-0.00747,0.00782,0.01347,0.06,-0.03734,0.07041,-0.05663,0.08501,0.02939,-0.07664,0.0661,-0.00256,-0.00595,0.03661,0.03792,-0.07432,0.07567,-0.01491,-0.06168,-0.01636,-0.05743,-0.00434,0.01655,-0.03647,0.13395,-0.02242,-0.02762,-0.0889,0.01225,-0.01478,0.00382,0.01518,-0.06702,0.03755,0.04072,-0.07384,-0.03183,-0.04139,-0.02647,-0.04236,0.04607,0.11833,-0.02496,0.03495,-0.0001,-0.0574,0.03043,-0.04734,0.00295,0,-0.024,0.03493,0.00577,0.05172,0.12053,-0.04969,0.02185,-0.01973,0.0492,-0.03738,-0.03386,0.05423,-0.05564,0.09874,-0.00112,-0.07832,-0.05033,0.0438,-0.01992,0.01575,0.06176,-0.0722,-0.03634,0.05379,0.10482,0.02158,0.04314,0.03735,-0.02837,-0.00569,0.00725,0.03554,0.03406,0.04571,-0.04014,0.05528,-0.07412,-0.08287,0.04207,-0.03004,-0.05919,-0.04675,-0.11173,0.04657,0.02561,-0.04716,-0.07354,-0.01523,0.12286,0.00381,0.02464,0.04652,0.03193,0.01432,0.06428,-0.06439,0.00026,0.04137,-0.00668,0.11783,-0.06606,0.04493,-0.07713,-0.00935,0.07833,0.0289,-0.0501,-0.06527,0.09463,-0.04326,-0.04534,0.05172,0.02852,0.06807,0.05081,-0.01766,-0.03937,0.01419,-0.00296,-0.02294,-0.05682,0.04751,0.00208,0.06491,0.07668,-0.0636,0.01914,-0.04176,-0.11077,0.05001,0.05338,0.0056,-0.03996,0.09141,0.02914,0,-0.07884,-0.03876,-0.00403,0.07488,0.02975,-0.0296,0.03558,-0.02718,0.09656,0.07748,-0.01596,0.05923,0.03925,-0.00605,0.01397,-0.02118,0.0162,-0.08855,0.01365,-0.03062,0.06239,0.05405,-0.03181,-0.03536,-0.08132,0.04024,-0.04913,-0.04684,0.08657,-0.02235,-0.04224,-0.05776,-0.04681,0.00215,-0.00124,-0.05857,-0.00684,0.10273,0.05532,-0.05281,0.03474,0.01404,0.02827,-0.02215,-0.05122,-0.00155,0.0031,-0.01542,-0.02981,-0.04341,-0.06032,0.02784,-0.03083,0.00358,-0.02332,0.02952,0.11161,-0.03815,0.0132,0.03185,0.02064,0.02201,0.08226,-0.04442,0.00945,0.07024,0.00216,-0.03068,-0.00084,0.02234,0.04635,0.01003,-0.0392,-0.00536,0.00358,0.01595,0.07166,-0.03096,-0.00926,-0.0356,-0.03076,0.06718,0.00561,0.02227,0.05558,0.01649,-0.02753,-0.09698,0.08091,0.0336,-0.07838,0.00948,-0.01593,-0.02067,-0.02314,0,-0.10454,-0.0077,0.01566,-0.01111,-0.00336,-0.06303,0.02206,0.0376,0.04354,0.05847,0.00915,-0.00287,-0.06669,-0.01969,0.10317,0.01562,0.02054,0.05048,-0.03622,-0.11869,0.03006,-0.03062,-0.0037,0.05513,-0.01002,-0.03766,0.02326,0.03148,0.03042,-0.00321,0.01515,0.11327,0.05314,0.04089,-0.06358,-0.04916,-0.0179,0.00385,-0.023,0.01907,0.02981,-0.02587,-0.02617,-0.04279,-0.01468,0.06729,-0.06873,-0.07088,-0.02313,0.01077,-0.02963,0.02762,-0.00369,0.03533,0.02117,0.0097,0.03109,-0.06923,0.09034,0.00136,-0.05797,0.03882,0.07508,0.00297],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Why It Matters This is the most workflow-builder-oriented reference app in the repo. It shows how Foblex Flow fits business-process editors where the canvas is only one part of the product and each node can expose richer form-driven configuration instead of being a static diagram box.","excerpt":"Why It Matters This is the most workflow-builder-oriented reference app in the repo. It shows how Foblex Flow fits business-process editors where the canvas is only one part of the product and each node can expose richer form-driven configuration instead of being a static diagram box."},{"chunkId":"/examples/call-center#5","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.14621,-0.03301,-0.05696,-0.01861,-0.00055,-0.02274,-0.0185,0.01925,0.03002,0.05654,-0.05205,-0.016,-0.06048,0.02376,0.02945,0.01243,-0.0292,0.02214,0.01118,-0.03739,-0.03534,0.03511,-0.01192,-0.0019,0.04822,-0.01734,-0.03205,0.01392,0.08458,-0.08954,0.01058,0.09101,0.03828,-0.01031,-0.13156,0.11328,0.02982,0.00111,-0.00946,-0.04676,0.05714,0.03729,0.00547,-0.08046,-0.02314,-0.04274,-0.13557,0.00827,-0.0614,0.02044,-0.02581,-0.12076,-0.09009,0.06763,0.0145,-0.0022,0.01061,-0.05673,0.04209,0.01181,0.02825,0.03554,0.00683,0.05214,-0.03342,-0.00193,-0.07416,0.11647,0.02431,-0.08791,-0.04541,-0.07376,-0.00288,-0.05277,-0.02192,-0.01148,-0.05496,0.00189,-0.04949,0.01442,-0.00146,0.03599,-0.0134,0.07811,-0.05992,0.05566,0.00699,-0.00791,0.05816,-0.02695,-0.02817,0.03874,0.00481,-0.08228,0.04168,0.00625,-0.10874,-0.06016,-0.03444,0.01367,0.00681,-0.04256,0.07406,-0.05275,-0.01367,-0.06524,0.00708,-0.01397,0.00321,0.02846,-0.02932,0.05069,-0.00734,-0.14321,0.01629,-0.01809,-0.01783,-0.01736,0.09863,0.1347,-0.02272,0.01115,-0.01717,-0.10357,0.04131,0.00253,0.0539,0,0.00347,0.00508,-0.0158,0.03898,0.09251,-0.01897,0.03499,-0.01052,0.02812,-0.03216,-0.0231,0.00855,-0.03934,0.07816,-0.01278,-0.10665,0.00788,-0.00634,-0.0055,-0.01792,0.04098,-0.01118,-0.03347,0.10102,0.11779,-0.00087,0.04994,-0.03015,-0.00431,-0.00789,0.04796,0.0618,-0.00913,0.04344,-0.0034,0.10672,-0.07706,-0.04139,0.01613,-0.00763,-0.06031,-0.09599,-0.12972,0.04592,-0.00941,-0.06556,-0.04996,-0.0386,0.14125,-0.01052,-0.02161,0.0491,-0.05437,0.02009,0.03853,-0.02739,0.00053,0.05801,-0.02426,0.09135,-0.06445,-0.01208,-0.06871,-0.04313,0.07205,-0.04336,-0.0814,-0.12629,0.10076,-0.05499,-0.08048,0.01871,0.05658,0.07174,0.01028,0.01091,-0.05292,0.03243,-0.01931,-0.02841,-0.04247,0.00754,0.01101,0.07236,0.10122,-0.04986,0.02914,-0.07211,-0.04863,0.02934,-0.05617,0.01443,-0.02648,0.06378,0.02203,0,-0.04418,-0.01506,-0.0102,0.09864,-0.01441,-0.01212,0.05285,0.00033,0.05003,0.06726,-0.02965,0.10012,0.0788,0.00757,0.00859,-0.01012,0.01231,-0.08434,0.02263,0.02246,0.04064,0.05696,-0.02287,-0.03228,-0.04019,0.02396,-0.02126,-0.04564,0.10327,-0.02106,-0.03648,-0.04183,-0.00612,0.04055,-0.02519,-0.03577,0.09181,0.12577,-0.02256,-0.01908,0.07479,-0.01327,0.06985,-0.05254,-0.03143,-0.03824,-0.00481,0.01906,-0.13279,-0.0312,-0.03921,0.02004,-0.03683,0.06029,0.00041,-0.00385,0.13502,-0.0795,0.04127,0.03762,0.02993,-0.03687,0.04728,-0.08339,0.00279,0.03092,0.00712,-0.04821,-0.02494,0.01296,-0.02296,-0.01258,0.0242,-0.05625,-0.00447,-0.02281,0.00304,-0.05991,-0.0326,-0.0592,0.01746,0.05501,0.00455,-0.02449,0.0768,0.02555,0.0088,-0.05074,0.06032,0.0193,-0.08966,0.02268,-0.00468,-0.04824,-0.03408,0,-0.07614,-0.01095,0.06197,-0.01029,0.03447,-0.06035,0.04257,0.03302,0.03176,0.04958,-0.01234,0.0384,-0.03199,-0.02121,0.10905,0.0326,0.06427,0.06156,-0.00712,-0.07407,0.02458,-0.00877,-0.01048,0.00893,0.00151,-0.01287,0.03158,0.05447,0.00578,-0.02551,0.01568,0.13142,0.06773,-0.04841,-0.05435,-0.00864,-0.01392,-0.03241,-0.00982,-0.00999,0.06318,-0.01655,-0.05042,-0.03836,0.02347,0.06526,-0.07351,-0.05676,0.00668,-0.00018,-0.02977,0.02043,-0.01366,0.02457,0.03237,-0.0002,0.03594,-0.0755,0.08116,-0.00032,-0.02172,0.04886,0.02531,-0.02119],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Links - Source code: apps/example-apps/call-center","excerpt":"Links - Source code: apps/example-apps/call-center"},{"chunkId":"/examples/uml-diagram-example#0","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[-0.02991,0.0172,0.00369,-0.0139,0.01923,-0.0212,0.00212,-0.02698,0.004,-0.06329,0.03234,-0.02052,0.01102,0.02369,0.03863,0.02533,0.04972,-0.02341,-0.04206,-0.01762,0.07248,-0.00738,-0.04952,-0.08509,-0.07016,0.05914,-0.02082,0.01817,0.05799,-0.13085,0.03505,0.02918,0.08187,0.06682,-0.03175,-0.01692,0.06734,-0.0239,-0.03477,-0.02517,-0.09534,-0.02089,0.01549,0.10415,-0.01951,-0.05314,-0.05024,-0.06865,0.01627,0.01523,-0.01805,-0.00097,-0.05419,-0.03969,-0.00324,0.04977,-0.01698,-0.04551,-0.06018,-0.023,-0.03928,0.02674,-0.02767,0.05494,-0.00012,0.03631,-0.10334,-0.01555,0.10571,-0.08729,-0.04902,-0.08229,0.05601,0.03386,0.09389,0.006,0.0156,0.04448,0.0545,-0.10858,-0.01393,0.07819,-0.09263,0.0474,-0.07488,-0.03399,0.00505,-0.05982,0.00436,0.01136,0.01895,0.00303,-0.00041,0.00108,0.061,-0.01024,0.03838,-0.08641,-0.04667,0.05169,0.02541,-0.01313,0.00879,-0.0194,-0.10442,-0.05819,-0.03834,0.01809,-0.07542,-0.0637,-0.08258,-0.0088,-0.0976,-0.02894,-0.06428,-0.07137,0.02541,-0.05454,0.05795,-0.05844,-0.03842,0.04301,-0.02868,0.03078,0.0213,-0.0185,-0.02537,0,-0.0213,0.02492,-0.10178,0.00782,0.01564,-0.03983,0.04121,0.00775,0.02772,0.05987,-0.01702,0.07649,-0.13575,0.04546,0.08781,-0.01229,0.00029,0.04618,-0.00183,-0.01251,-0.06306,0.07005,0.02996,0.02913,0.09329,0.17915,-0.01613,0.03159,-0.00105,0.0474,0.09326,-0.00671,0.05294,-0.01217,-0.10009,0.11835,-0.07025,-0.01276,0.08022,0.01704,-0.02802,0.00375,-0.01978,0.05811,0.01019,-0.03516,-0.08583,0.02605,0.04417,0.03557,0.02068,-0.02576,0.01906,0.02,0.0199,-0.07248,-0.02393,0.09609,0.00048,0.04409,-0.02765,0.04691,-0.04488,0.03709,0.01142,-0.04784,-0.02741,-0.04158,0.05523,0.00066,-0.03073,0.07308,0.04902,0.06954,-0.01612,-0.07892,-0.08135,-0.02197,0.00778,0.03329,-0.06639,0.0106,-0.00515,-0.04419,-0.01839,0.01829,0.08038,0.01666,-0.07771,0.05306,0.01161,0.01318,0.04718,0.06085,0.10005,0,0.04558,-0.05308,0.03892,0.03204,0.04045,-0.04052,0.00914,0.03685,-0.05843,0.12705,-0.0255,-0.02326,0.03207,-0.00266,0.01338,0.02046,-0.05573,-0.04536,-0.00099,0.06537,-0.02346,0.09544,-0.01481,0.01821,-0.01706,0.00055,-0.01591,-0.09535,0.03868,0.0252,0.00349,-0.04495,0.06834,-0.03619,0.01517,-0.11309,0.01735,0.01258,-0.04162,-0.03516,0.00608,-0.01615,-0.06222,-0.02286,0.04459,-0.00276,-0.03261,0.00441,0.00191,-0.09371,-0.0078,-0.02353,0.0451,-0.10782,0.03118,0.09597,0.00349,0.01377,0.0225,-0.00459,0.03264,-0.0313,0.00922,0.0058,0.01887,0.01049,0.00434,0.00194,-0.11589,0.0075,0.00951,-0.02202,-0.03697,-0.05254,0.09575,-0.0547,0.04474,0.0706,0.01025,0.01673,-0.13103,0.02162,0.00518,0.13751,0.01911,0.06498,-0.00678,0.06273,0.04063,0.02941,-0.03041,0.05842,-0.01281,0.04907,0.01261,0,-0.00913,-0.00204,0.00743,-0.01156,-0.04902,0.06813,0.01762,0.09756,-0.02236,0.0125,-0.01569,0.03891,-0.11642,0.0141,0.06367,0.06043,-0.03774,0.05253,0.02782,-0.09548,-0.01535,0.00486,0.07859,0.07754,0.00665,0.04828,-0.02085,0.03795,-0.0033,0.02928,0.0579,-0.046,-0.01747,0.04169,0.05466,-0.03274,0.00209,-0.05406,-0.01176,0.04826,0.01437,-0.01797,-0.01183,0.03779,0.14247,0.06581,-0.01654,-0.08562,-0.06123,-0.02855,-0.11832,-0.08131,-0.10338,-0.00803,-0.05773,0.0056,0.01587,-0.08837,0.04133,-0.01785,0.00206,0.02575,-0.03801,0.01261],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. UML Architecture Diagram","excerpt":"UML Architecture Diagram"},{"chunkId":"/examples/uml-diagram-example#1","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[-0.02677,0.0426,-0.01007,0.00209,0.03303,0.00288,0.0107,-0.01521,0.02518,-0.01684,-0.01874,-0.05338,-0.03251,0.05176,0.08118,0.02801,0.03848,0.0091,-0.03596,-0.00769,0.0348,-0.01608,-0.0447,-0.07486,-0.06821,0.07084,-0.00347,0.02533,0.08423,-0.11649,0.05438,0.05628,0.04556,0.07417,-0.03455,0.00733,0.05512,-0.01534,-0.04615,-0.04489,-0.03247,0.01076,0.01948,0.0501,-0.01824,-0.02663,-0.06987,-0.04373,-0.00762,0.0203,-0.03679,-0.0573,-0.08133,-0.01356,0.00722,0.03709,-0.00652,-0.08332,-0.01733,0.00324,-0.04674,0.01455,-0.0029,0.05235,-0.01537,0.03928,-0.13498,0.00462,0.08414,-0.03092,-0.01302,-0.07348,0.05227,0.00148,0.07674,0.01479,-0.00477,0.07859,0.0319,-0.11504,0.006,0.08609,-0.05764,0.05955,-0.05654,0.0321,0.00452,-0.09802,-0.00486,-0.01545,0.00023,0.02437,0.01603,0.00224,0.07677,0.00063,0.02721,-0.09779,-0.08788,0.07264,0.02528,-0.01927,0.04892,-0.00992,-0.09036,-0.02345,-0.03474,0.03586,-0.06869,-0.08561,-0.08088,0.03488,-0.04122,-0.05022,-0.05287,-0.10919,0.00963,-0.06927,0.06344,-0.0297,-0.03054,0.02253,-0.01197,0.01501,0.06795,-0.00472,-0.01502,0,0.00223,0.03721,-0.10596,0.00072,0.04545,-0.02003,0.031,-0.02955,0.01763,0.09655,-0.02367,0.06935,-0.14185,0.05753,0.03888,-0.04354,-0.02474,0.03676,-0.00205,-0.02249,-0.01865,-0.00181,0.01369,0.04761,0.11087,0.14217,-0.03579,0.02061,-0.03414,0.0409,0.07303,0.02193,0.05659,-0.02452,-0.11186,0.06423,-0.08888,-0.02916,0.04244,0.00604,-0.01381,-0.02488,-0.08109,0.02979,0.01589,-0.02625,-0.10748,-0.00097,0.07953,-0.00781,0.02707,-0.00059,0.02929,0.04782,0.02131,-0.0852,-0.02699,0.11763,0.02628,0.04749,-0.00601,0.07591,-0.05148,0.02531,0.02996,-0.01123,0.00079,0.01085,0.0587,0.00911,-0.06449,0.08676,0.04112,0.05494,0.00064,-0.09943,-0.073,0.00996,0.04289,0.03019,-0.06986,-0.06193,0.02519,-0.02079,0.02662,-0.02905,0.06363,-0.01872,-0.09258,0.01541,0.04135,0.01308,0.01879,0.04389,0.10556,0,0.03597,-0.01886,0.03908,0.04514,0.01368,-0.09779,0.03688,0.03013,-0.04471,0.14932,-0.00777,-0.00509,0.02489,-0.04657,0.05328,0.02346,-0.04957,-0.06707,0.04728,0.04628,-0.0243,0.06544,-0.01518,-0.02298,-0.02418,0.03206,0.0159,-0.06671,0.03146,0.00286,-0.00112,-0.02028,0.043,-0.07905,-0.01306,-0.11646,0.01954,0.01341,-0.02321,-0.06729,0.00793,0.02146,-0.07729,-0.0172,-0.00462,0.02233,-0.05997,-0.01722,-0.00286,-0.0919,-0.02546,0.00259,0.03739,-0.08992,0.00636,0.04545,0.06763,0.04068,-0.00315,0.01242,0.0187,-0.04393,0.01032,-0.03167,0.0512,0.04672,-0.01386,-0.00364,-0.05052,0.05204,0.04016,-0.00601,-0.07852,-0.00939,0.10607,0.00746,0.06563,0.08779,0.04535,0.01413,-0.10416,0.0365,0.00997,0.11041,0.03227,0.0307,-0.07513,0.0518,0.06114,0.07359,-0.06686,0.02702,0.00555,0.02803,0.01269,0,-0.06937,-0.02464,-0.02565,-0.03164,-0.01447,0.0616,-0.00663,0.08993,-0.04153,0.02624,-0.01451,0.095,-0.09807,0.00672,0.05913,0.02415,-0.04881,0.03795,0.01778,-0.08718,-0.01381,0.03812,0.0794,0.10952,0.01307,0.00048,-0.01716,0.02098,0.00193,0.02571,0.01378,-0.04005,0.0189,0.04849,0.05258,-0.00643,-0.05497,-0.0514,-0.05158,0.01517,0.01793,0.00268,0.0069,0.0061,0.09403,0.07795,-0.01164,-0.06215,-0.07023,-0.05255,-0.11087,-0.04864,-0.13429,0.01727,-0.06602,0.00286,-0.01503,-0.06079,0.05793,-0.03127,-0.01637,0.03368,0.00522,-0.02856],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. Example This example shows how to turn Foblex Flow into a richer UML and architecture diagram surface. It combines grouped packages, custom connection markers, semantic relation styling, search, filtering, and side-panel inspection without introducing a separate graph framework. ::: ng-component <uml-diagram-example</uml-diagram-example [height]=\"600\" :::","excerpt":"Example This example shows how to turn Foblex Flow into a richer UML and architecture diagram surface. It combines grouped packages, custom connection markers, semantic relation styling, search, filtering, and side-panel inspection without introducing a separate graph framework. ::: ng-component <uml-diagram-example</uml-diagram-example [height]=\"600\" :::"},{"chunkId":"/examples/uml-diagram-example#2","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[-0.0191,0.0332,0.00172,-0.04067,0.03436,-0.01377,-0.00192,-0.04288,0.00359,-0.06985,0.02669,-0.03435,-0.00449,0.02671,0.0198,0.04547,0.05932,0.01847,-0.05221,0.007,0.0627,-0.05252,-0.02222,-0.06048,-0.03267,0.05765,-0.02381,-0.01078,0.01755,-0.15043,-0.00355,0.06142,0.03746,0.06463,-0.01562,0.02959,0.05198,-0.0166,-0.02968,-0.03333,-0.10314,0.02482,0.03947,0.08181,-0.0217,-0.03445,-0.05353,-0.09011,0.03984,-0.00819,-0.06029,-0.01438,-0.0848,-0.04864,0.00105,0.04188,0.00136,-0.04768,-0.06956,0.01759,-0.03789,0.01054,-0.02172,0.07496,-0.03941,0.07387,-0.06643,-0.00103,0.06345,-0.05776,-0.0153,-0.07317,0.04486,0.04381,0.06644,0.02673,0.00058,0.05893,0.0226,-0.12912,0.00582,0.08234,-0.06898,0.08371,-0.01313,-0.01103,-0.00917,-0.08102,0.00576,0.02572,-0.04672,-0.01105,0.02415,0.01789,0.03048,-0.00893,0.04095,-0.07668,-0.05429,0.08653,0.00775,0.01392,0.04354,-0.0368,-0.10731,-0.04013,-0.02073,-0.01139,-0.08301,-0.06114,-0.0669,0.00069,-0.10932,-0.02217,-0.04791,-0.11639,0.04231,-0.06562,0.04975,-0.06123,-0.03639,0.0212,-0.00277,0.04245,0.05384,0.01294,-0.03704,0,-0.00049,0.00719,-0.0705,0.04077,0.02392,-0.03798,0.02742,0.00557,-0.01575,0.08126,0.01288,0.07552,-0.13847,0.05098,0.08755,-0.02732,-0.00448,0.07586,-0.04111,-0.02157,-0.0808,0.03523,0.00851,0.02039,0.08239,0.16917,0.00225,0.00763,0.00235,0.03549,0.05817,-0.01143,0.04772,-0.0095,-0.08625,0.10273,-0.07861,0.01352,0.08284,0.02214,-0.03418,0.00355,-0.04523,0.05279,0.03671,-0.0291,-0.0648,0.03783,-0.00163,-0.01838,0.01389,-0.03012,0.01165,0.0335,-0.02771,-0.10353,-0.00636,0.11901,-0.01291,0.00999,-0.01929,0.03011,-0.0651,0.04289,0.04263,-0.01954,-0.05347,-0.01104,0.06331,0.02124,-0.0367,0.0535,0.04171,0.05657,-0.00771,-0.05771,-0.08137,-0.04302,0.04605,0.04899,-0.0684,-0.01219,0.03245,-0.05903,-0.05168,0.00312,0.1035,0.00513,-0.05084,0.06366,-0.02296,0.00089,0.0399,0.03425,0.10084,0,0.06831,-0.03384,0.07654,0.03573,0.02752,-0.04299,0.02438,0.03375,-0.04433,0.10308,-0.02026,-0.04217,0.02697,-0.03579,0.041,0.01525,-0.04571,-0.0435,0.02317,0.08022,-0.01098,0.06501,0.01266,0.04912,-0.00649,0.02712,0.00578,-0.0989,0.02107,0.00977,0.03052,-0.05953,0.02317,-0.05728,-0.02127,-0.0564,-0.00158,0.0222,-0.03936,0.0077,-0.01508,-0.04073,-0.08186,-0.01572,0.03825,0.00785,-0.04157,-0.00743,0.00621,-0.10288,-0.02467,-0.01369,0.05606,-0.10479,0.0422,0.05604,0.01916,0.0041,0.01867,-0.03113,0.03882,-0.04356,-0.0133,0.01453,0.00006,-0.00042,-0.02768,-0.00765,-0.12533,0.02346,0.0375,-0.01845,-0.06826,-0.06637,0.07817,-0.03515,0.02467,0.05473,0.02916,0.01262,-0.08748,0.00084,0.02557,0.11373,-0.00153,0.07115,0.00202,0.0993,0.06111,0.02078,-0.06758,0.0439,-0.02799,0.03786,-0.01083,0,-0.01948,-0.01964,0.0116,0.0021,-0.06396,0.07513,-0.017,0.15798,-0.03166,0.02979,-0.01364,0.05068,-0.10507,0.02015,0.07451,0.01708,-0.0197,0.09758,-0.00098,-0.05535,-0.03212,0.02641,0.06564,0.07388,-0.00913,0.02161,-0.0324,0.02501,0.04833,0.0016,0.04304,-0.03412,-0.03321,0.01791,0.04216,0.02233,-0.001,-0.01757,0.02128,0.05805,-0.02451,-0.02476,-0.00788,0.06246,0.10163,0.05681,0.01403,-0.09789,-0.08084,-0.0162,-0.10575,-0.07697,-0.13178,0.00087,-0.08522,0.01232,0.01759,-0.08832,0.05072,-0.01162,-0.00028,0.01118,-0.04728,0.0165],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. User-Facing Capabilities - Explore a multi-package UML-style architecture map on a large canvas. - Drag package groups and contained classes while preserving their relations. - Filter the view by architectural layer. - Filter the view by relation kind. - Search across class names, stereotypes, attributes, and methods. - Select a class to inspect its members and connected relations. - Select a relation to inspect endpoints, multiplicity, and labels. - Use minimap, zoom, fit-to-screen, reset zoom, theme toggle, and alignment helpers.","excerpt":"User-Facing Capabilities - Explore a multi-package UML-style architecture map on a large canvas. - Drag package groups and contained classes while preserving their relations. - Filter the view by architectural layer. - Filter the view by relation kind. - Search across class names, stereotypes, attributes, and methods. - Select a class to inspect its members and connected relations. - Select a relation to inspect endpoints, multiplicity, and labels. - Use minimap, zoom, fit-to-screen, reset zoom, theme toggle, and alignment helpers."},{"chunkId":"/examples/uml-diagram-example#3","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[-0.01986,0.00084,-0.03018,-0.03337,0.08037,-0.01675,0.03719,0.00208,0.02123,-0.08356,0.01038,-0.01501,-0.02602,0.03328,0.04446,0.02452,0.00908,0.02184,-0.05552,0.04919,0.0428,-0.08048,-0.00517,-0.07324,-0.05094,0.02237,-0.00982,-0.01399,0.05576,-0.12401,0.01258,0.08322,0.05712,0.06159,-0.01527,0.02015,0.10097,-0.00825,-0.10383,-0.04163,-0.11041,0.00523,0.05201,0.06407,0.00986,0.01752,0.00596,-0.06394,-0.02052,0.08517,-0.04175,-0.02636,-0.07524,-0.00143,0.01701,0.04673,0.0367,-0.06015,-0.01378,0.02473,-0.03985,0.01602,-0.00827,0.04125,-0.03696,0.00616,-0.069,-0.01443,0.03462,-0.01662,-0.03509,-0.04961,0.08183,0.03042,0.06534,0.05316,-0.00559,0.05251,0.07189,-0.14136,0.01674,0.04122,-0.04607,0.0454,0.01821,0.01414,-0.05615,-0.03451,-0.00914,0.08096,-0.06715,0.0188,0.01685,-0.0118,0.01359,-0.02907,0.06549,-0.09535,-0.03826,0.08849,0.03178,-0.00325,0.01293,-0.01196,-0.03502,-0.06405,-0.0477,-0.03199,-0.04878,-0.07437,-0.05347,-0.02952,-0.0442,-0.02944,-0.08281,-0.08837,0.0012,-0.06099,0.12579,-0.06265,0.00763,0.03253,-0.01955,0.06938,0.05881,-0.0204,-0.05085,0,-0.0376,0.02929,-0.09566,0.00914,0.02691,-0.04583,-0.01204,-0.02123,-0.01474,0.05895,-0.00425,0.02533,-0.12347,0.06826,0.06468,-0.03066,-0.0166,0.01623,-0.10585,-0.03234,-0.02805,0.03195,-0.0209,-0.00116,0.08214,0.19604,-0.0481,0.04482,-0.01621,0.04456,0.00693,-0.05337,0.05366,-0.03221,-0.08089,0.05885,-0.07926,-0.09016,0.01285,0.04907,0.0249,-0.02934,-0.08445,0.00296,0.04633,-0.01398,-0.08344,0.06721,0.00274,0.03159,-0.02442,-0.003,-0.02109,-0.05799,-0.01805,-0.09939,-0.06205,0.08057,-0.03082,0.02273,-0.05482,0.05916,0.00597,0.00698,0.02541,0.00977,0.00822,0.00468,0.02983,0.00985,-0.0071,0.07226,0.02388,0.02867,0.01501,-0.03618,-0.02573,-0.03529,0.00843,0.01781,-0.07963,-0.01738,-0.005,-0.05993,-0.02518,-0.05187,0.09038,-0.03576,-0.12825,0.0088,0.036,0.00445,0.03043,0.05047,0.04218,0,0.00114,0.03756,0.03333,0.04119,0.01969,-0.03927,0.04603,0.00501,-0.00184,0.07129,-0.0774,-0.03053,-0.02429,-0.02728,0.0297,0.0166,-0.07727,-0.00347,0.03484,0.06001,0.00373,0.0653,0.02844,0.07461,0.01401,0.03014,0.05192,-0.06903,-0.02189,-0.00697,-0.00812,-0.0494,0.05057,-0.07636,0.05494,-0.11675,0.02578,-0.0087,-0.05093,0.00161,0.0365,0.02481,-0.05091,0.01051,-0.02434,0.04933,-0.04953,-0.00128,0.04341,-0.03094,-0.03,-0.02219,0.0194,-0.08789,-0.01487,0.10096,0.01914,0.03108,-0.01677,0.00738,0.0038,-0.08317,0.00594,0.03276,0.10113,0.00459,-0.00706,0.04087,-0.07929,0.05641,0.07619,-0.00465,-0.01786,-0.03503,0.06059,0.00199,0.09614,0.05097,0.03903,0.0099,-0.08347,0.01204,0.0444,0.14645,0.01412,0.06585,-0.06816,0.06957,0.05244,0.02776,-0.01318,0.11431,0.0356,0.02608,-0.00566,0,-0.04729,-0.01657,-0.03893,-0.05402,-0.01055,0.04644,-0.05899,0.03844,-0.07448,-0.01514,-0.0161,0.07036,-0.09524,-0.03623,0.06088,-0.00796,-0.03129,0.03832,-0.01991,-0.02237,-0.04931,0.04861,0.00419,0.0889,-0.04962,0.00794,-0.01211,0.05381,0.09725,-0.00174,0.01223,0.00755,0.01727,0.0612,-0.01322,0.00468,-0.03671,-0.04672,-0.03136,0.08766,0.03847,0.00365,-0.0033,0.00029,0.0493,0.08327,0.03416,-0.13044,-0.11293,-0.03932,-0.12259,-0.04463,-0.11482,0.02771,-0.0362,0.00365,0.01086,-0.01736,0.07319,0.00944,-0.01711,0.07625,-0.01251,0.01],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. Foblex Flow Features Used - f-flow and f-canvas as the diagram root. - fZoom for viewport interaction. - fNode for UML class cards. - fGroup for package containers. - fDragHandle for movable classes and groups. - fAutoSizeToFitChildren, fAutoExpandOnChildHit, and fIncludePadding for package-group behavior. - fConnection for UML relations with explicit source and target ids. - fMarker for custom SVG markers that encode relation semantics. - fBackground, fCirclePattern, fLineAlignment, and fMinimap for canvas readability and navigation. f Zoom f Node f Group f Drag Handle f Auto Size To Fit Children f Auto Expand On Child Hit f Include Padding f Connection f Marker f Background f Circle Pattern f Line Alignment f Minimap","excerpt":"Foblex Flow Features Used - f-flow and f-canvas as the diagram root. - fZoom for viewport interaction. - fNode for UML class cards. - fGroup for package containers. - fDragHandle for movable classes and groups. - fAutoSizeToFitChildren, fAutoExpandOnChildHit, and fIncludePadding for package-group behavior. - fConnection for UML relations with explicit source and target ids. - fMarker for custom SVG markers that encode relation semantics. - fBackground, fCirclePattern, fLineAlignment, and fMinimap for canvas readability and navigation."},{"chunkId":"/examples/uml-diagram-example#4","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[0.00593,-0.0212,-0.00988,0.00016,0.03568,-0.01829,-0.05438,0.00977,0.05744,-0.02458,-0.01794,-0.02836,-0.02375,0.01724,0.05981,0.0531,0.03671,0.01405,-0.00552,-0.02919,0.06635,-0.00972,-0.045,-0.07379,-0.05675,0.04653,-0.02411,0.02167,0.07155,-0.10475,0.00183,0.06545,0.05059,0.07994,-0.04634,0.06533,0.08901,-0.0251,-0.08789,-0.04368,-0.05677,0.01599,0.02812,0.05656,0.01893,-0.03248,-0.06975,-0.10302,-0.04069,0.04864,-0.05038,-0.04349,-0.05464,-0.01655,0.03031,0.05692,0.01089,-0.07775,-0.02668,-0.01599,-0.05067,0.00973,-0.01253,0.03889,-0.01033,0.05796,-0.09614,0.06234,0.09464,-0.09767,-0.03011,-0.08922,0.0331,0.01584,0.06356,-0.01095,0.01386,0.07404,0.01893,-0.12475,-0.02393,0.09728,-0.05942,0.06408,-0.06553,0.06182,0.00827,-0.07266,0.00562,0.04203,0.00155,-0.00411,0.0386,-0.01994,0.09133,-0.03435,0.03853,-0.08328,-0.08266,0.03636,0.04258,-0.00943,0.05444,-0.06116,-0.05403,-0.06792,-0.01785,0.00501,-0.06763,-0.06423,-0.09884,0.00533,-0.05901,-0.08252,-0.03557,-0.11832,-0.00644,-0.08256,0.06914,-0.02778,-0.06255,0.02222,-0.0317,0.02957,0.02172,-0.0381,-0.05897,0,0.01703,0.02719,-0.05394,0.04493,0.06788,-0.04091,0.04826,-0.03896,0.00932,0.0309,-0.01128,0.09772,-0.13019,0.0762,0.04262,-0.04117,-0.03136,0.04607,0.01533,-0.04334,-0.01704,0.03081,0.0094,0.03752,0.11185,0.15649,-0.02147,0.02046,-0.03041,0.04225,0.02533,-0.00296,0.05585,-0.026,-0.06507,0.08581,-0.07978,-0.04299,0.07188,0.00217,-0.01987,-0.01216,-0.05094,0.02664,0.02749,-0.05694,-0.1235,0.02855,0.05226,-0.00928,0.0527,-0.00596,0.05836,0.02503,0.03223,-0.04967,-0.01985,0.06667,0.00181,0.07379,-0.00746,0.08624,-0.07054,0.03266,0.04844,0.05119,-0.0387,-0.01612,0.02115,0.01849,-0.05484,0.08753,0.02529,0.02737,-0.00018,-0.07663,-0.07798,-0.07126,0.00563,0.05034,-0.0791,-0.03293,-0.00725,-0.02525,0.01539,0.00254,0.0775,0.02431,-0.06894,0.02288,0.06415,-0.01992,0.0131,0.05404,0.08264,0,-0.0186,-0.04165,0.00319,0.06962,0.04579,-0.06089,-0.01648,-0.0129,0.00049,0.06375,-0.02465,-0.03195,0.00826,-0.0321,0.06301,-0.01769,-0.05868,-0.0977,0.0261,0.03858,-0.00635,0.05565,-0.01341,-0.02153,-0.03144,0.00283,-0.02886,-0.0429,-0.00064,-0.0164,0.01499,-0.03705,0.04394,-0.03961,-0.01554,-0.11541,0.04443,0.01616,-0.00524,-0.04311,-0.03892,0.01035,-0.05628,-0.00631,-0.00821,0.09301,-0.07715,0.01009,0.04951,-0.07596,-0.00686,-0.02047,0.01564,-0.09354,-0.01253,0.05729,0.02075,0.03897,0.03569,-0.02224,-0.03166,-0.06012,0.03133,0.01539,-0.00011,0.03679,-0.01394,-0.00664,-0.08459,0.00806,0.05484,0.01545,-0.0827,-0.01489,0.0843,-0.01832,0.05958,0.05225,0.01133,0.01011,-0.08299,0.06022,0.0088,0.11947,0.03203,0.04081,-0.03888,0.04187,0.02297,0.04039,-0.05255,0.02724,-0.03757,0.08661,-0.02851,0,-0.06673,0.01411,0.00331,-0.04632,-0.02882,0.06843,-0.00323,0.10727,-0.00954,0.05168,0.02725,0.08394,-0.10039,-0.04297,0.07713,0.03081,0.01899,0.02388,0.02121,-0.09252,0.00505,0.03067,0.05164,0.10318,0.0405,-0.00423,-0.00074,0.04695,0.00121,0.02139,0.02792,-0.0094,0.03818,0.05954,0.05372,0.01259,-0.00912,-0.03036,-0.03394,0.03966,0.03619,0.01155,-0.00481,0.00252,0.04662,0.09416,0.01751,-0.05117,-0.07235,-0.02323,-0.13307,-0.02779,-0.09632,0.03251,-0.07329,0.03601,-0.01546,-0.10946,0.04906,-0.01069,-0.03884,0.08125,0.01641,0.00339],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. Why It Matters This is a good reference if you need more than plain boxes and arrows. The example demonstrates that the same Foblex Flow primitives used for node editors can also power architecture maps, dependency diagrams, or domain-specific modeling tools with their own semantics and visual language.","excerpt":"Why It Matters This is a good reference if you need more than plain boxes and arrows. The example demonstrates that the same Foblex Flow primitives used for node editors can also power architecture maps, dependency diagrams, or domain-specific modeling tools with their own semantics and visual language."},{"chunkId":"/examples/uml-diagram-example#5","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[-0.02218,-0.01048,-0.00761,-0.00443,0.0226,-0.01265,0.01275,-0.02017,-0.00358,-0.03634,0.0548,-0.01356,0.01855,0.02406,0.05359,0.04125,0.05781,0.01483,-0.02829,-0.04467,0.09116,-0.00508,-0.02626,-0.07486,-0.03669,0.02021,-0.02844,0.02496,0.0624,-0.11492,0.0215,0.0152,0.08409,0.06848,-0.05555,-0.02454,0.05797,-0.01238,-0.06014,-0.02332,-0.10473,-0.00169,0.01306,0.0955,-0.01707,-0.02987,-0.06353,-0.06548,-0.0058,0.01741,-0.00895,-0.02086,-0.05673,-0.02457,0.03236,0.0218,-0.02114,-0.06889,-0.02844,-0.00974,0.00025,0.03034,-0.02554,0.04592,-0.00917,0.0362,-0.09444,0.03236,0.10942,-0.09281,-0.04831,-0.08008,0.04723,0.00514,0.07659,-0.01973,0.001,0.04745,-0.00165,-0.11967,-0.03703,0.07764,-0.05844,0.06941,-0.07101,-0.01618,0.01016,-0.03898,-0.00419,0.03212,-0.01902,0.00154,0.00558,-0.01393,0.02145,-0.01114,0.02397,-0.09713,-0.03849,0.04057,0.02912,-0.04073,0.00993,-0.0451,-0.07716,-0.04319,-0.0316,0.00182,-0.03443,-0.0276,-0.08409,-0.03541,-0.10889,-0.05504,-0.07132,-0.06329,0.02854,-0.05515,0.05381,-0.04456,-0.00741,0.04765,-0.02562,-0.01244,0.01566,0.00523,-0.03755,0,0.02953,0.02992,-0.08771,0.00593,0.0376,-0.04247,0.03409,0.01199,0.02003,0.07503,-0.03759,0.08943,-0.1503,0.07345,0.05153,-0.03309,-0.0096,0.04013,0.0103,-0.03619,-0.09593,0.07551,0.018,0.04059,0.09517,0.17211,-0.01227,0.03129,0.0195,0.03721,0.06932,0.01567,0.04339,-0.02633,-0.07873,0.10205,-0.08532,-0.0137,0.07931,0.05,-0.00504,-0.04716,-0.03388,0.06428,0.01396,-0.03856,-0.09129,0.00321,0.03828,0.04062,0.02614,-0.02046,0.00823,-0.01004,-0.01872,-0.0591,-0.03622,0.07438,-0.02337,0.02984,0.00388,0.03482,-0.04174,0.01042,-0.00129,-0.00965,-0.04094,-0.07154,0.05247,0.01,-0.06076,0.09151,0.06077,0.05454,-0.02332,-0.06468,-0.07801,-0.03445,-0.01992,0.02506,-0.08225,-0.03722,-0.00089,-0.0447,-0.0404,0.01708,0.07402,0.00656,-0.06737,0.01863,-0.01576,0.01658,0.03859,0.04792,0.11396,0,0.04311,-0.03182,0.03562,0.03868,0.06531,-0.0379,0.00851,0.03963,-0.05108,0.11545,-0.05458,-0.02855,0.04432,-0.01115,0.00799,0.01085,-0.03884,-0.02909,-0.00209,0.06505,-0.04167,0.08362,-0.00493,0.02255,-0.03152,-0.00965,-0.00516,-0.1229,0.05307,0.01958,-0.00931,-0.06553,0.06647,-0.05737,-0.00918,-0.09289,0.05336,-0.02316,-0.05055,-0.05546,0.01799,-0.00311,-0.0078,-0.01277,0.03593,0.02799,-0.05198,0.00352,-0.00933,-0.07142,0.00464,-0.01517,0.03039,-0.10029,0.05773,0.08372,0.01948,0.02339,0.0183,0.00462,-0.02408,-0.04483,-0.00281,0.01817,0.01248,0.01788,-0.00619,-0.0186,-0.11975,0.01692,0.02462,-0.00439,-0.03343,-0.05503,0.07618,-0.03718,0.03292,0.05964,-0.01646,0.00068,-0.06845,0.01697,0.02757,0.1297,0.0229,0.06113,-0.04142,0.0869,0.046,0.02929,-0.04494,0.05055,-0.02495,0.07637,0.00249,0,0.01263,0.0072,0.02095,-0.05314,-0.051,0.07929,0.0354,0.114,-0.03184,0.03716,-0.00709,0.09045,-0.12842,0.01248,0.06701,0.06283,0.00065,0.07139,0.03847,-0.07275,-0.02575,0.01556,0.05415,0.09038,0.01937,0.03512,-0.02888,0.02976,-0.01478,0.01338,0.07467,-0.04282,0.01289,0.01416,0.04606,0.0024,-0.04688,-0.04392,-0.01406,0.06518,0.03517,-0.0106,0.01111,0.02316,0.12015,0.09582,-0.002,-0.09491,-0.07262,-0.02281,-0.12479,-0.05763,-0.11483,-0.03162,-0.06814,0.05478,0.01616,-0.09567,0.04093,-0.02759,0.02451,0.08637,-0.03622,0.03084],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. Links - Source code: apps/example-apps/uml-diagram","excerpt":"Links - Source code: apps/example-apps/uml-diagram"},{"chunkId":"/examples/tournament-bracket#0","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.04034,0.11181,0.00677,-0.04206,0.00427,0.07224,-0.06503,-0.02878,-0.02455,0.02501,-0.10905,-0.06966,-0.02724,0.05957,0.02796,0.01259,0.01048,0.03911,0.06053,-0.04528,-0.01248,-0.13591,-0.07743,-0.04519,0.10518,0.02217,-0.01689,0.0545,-0.00767,-0.07698,-0.02663,-0.00572,0.08325,0.01522,-0.01755,-0.09316,-0.08112,0.00166,-0.05091,-0.03488,-0.01987,-0.00976,0.02071,0.02607,0.01244,0.0429,-0.05476,0.05378,-0.01285,0.02539,-0.10105,-0.04452,-0.03064,-0.00437,0.05322,0.01589,0.00857,-0.09072,0.02746,-0.01827,0.05022,-0.05836,-0.10429,0.07631,-0.03096,-0.02063,0.02318,0.10744,0.04214,0.0042,-0.0142,-0.00479,0.03076,-0.04341,0.08315,0.08273,-0.05868,-0.05413,0.08273,-0.02776,-0.00429,-0.02576,-0.0295,0.00841,0.0176,-0.09231,-0.04057,-0.05455,0.07618,-0.00791,-0.09429,0.06856,0.03993,0.04138,-0.07199,0.05677,-0.05283,-0.06067,0.06712,0.12605,0.02029,0.04419,-0.02233,-0.04466,-0.0109,0.01243,0.0452,0.03309,-0.02779,0.01876,-0.03523,0.01721,0.02467,-0.00869,-0.10088,0.03448,0.02657,0.0539,0.03167,0.08155,0.07314,0.04312,0.00808,-0.01825,0.09199,0.07744,-0.01699,0,0.1322,-0.11938,-0.06985,0.11097,0.08092,-0.01953,0.0423,-0.07919,-0.13528,-0.03561,0.00761,-0.02433,-0.01023,0.0345,0.07943,-0.04631,0.0034,0.08783,-0.08354,-0.03287,-0.05804,0.02162,-0.01096,-0.03246,0.03794,0.09049,-0.01417,-0.00828,-0.04894,0.04432,0.03489,-0.08563,-0.02865,-0.01181,0.08731,0.05151,0.0339,-0.06558,0.0493,0.02787,-0.09154,-0.03484,-0.04949,-0.04631,-0.08822,0.00219,-0.03235,0.02491,-0.00353,0.04379,0.0194,-0.00818,0.0322,-0.06974,0.00726,-0.02341,-0.02108,0.0082,-0.04322,0.03102,-0.07487,0.05615,-0.00451,0.00606,-0.03974,-0.01668,-0.00051,-0.05119,0.06699,-0.0766,-0.01231,0.00633,0.01631,-0.04635,0.02644,-0.01129,0.05917,0.0046,-0.05998,-0.01955,-0.06811,-0.00644,-0.03157,-0.04024,-0.08762,0.00009,0.03906,-0.00573,-0.04222,-0.00195,-0.13092,-0.02199,-0.03742,0.02865,0.06206,0,-0.01814,-0.00704,0.0375,-0.00685,0.0841,0.00495,0.04082,-0.02412,0.07121,0.02047,-0.02129,0.04018,0.03139,-0.06827,-0.02799,-0.00063,0.0015,-0.02799,-0.01143,0.05424,0.08361,0.07671,-0.05773,0.04409,-0.01077,0.00814,-0.00121,-0.07264,0.05968,0.03255,0.01081,-0.10339,-0.02177,-0.00041,0.00226,0.03931,-0.0136,0.02788,0.03972,-0.04397,0.00277,-0.00811,-0.08233,0.00737,0.04409,0.03775,0.05959,-0.00026,0.00202,-0.038,-0.07228,0.03332,-0.04875,-0.00713,-0.0365,-0.05664,-0.04308,0.01116,-0.01372,0.06949,0.01672,-0.03446,-0.0334,0.05611,0.04263,0.09173,-0.03439,-0.00234,-0.06672,0.00445,-0.03539,0.05856,-0.02841,0.02856,0.03854,0.04239,-0.00957,0.14747,0.00605,0.09295,-0.01801,0.03981,0.0316,0.01567,0.04902,0.0379,0.04729,0.07993,0.02102,0.03313,-0.03014,0.00733,0.0747,-0.0331,0.03347,0,-0.0056,0.03532,-0.00109,0.03907,-0.11304,0.01883,0.01818,-0.03106,-0.00264,0.02497,0.08063,-0.00712,-0.03026,-0.02663,0.028,-0.01491,-0.13682,0.05936,-0.06956,-0.00351,-0.01936,0.01844,0.02989,0.03859,-0.01022,0.06166,-0.04496,-0.08136,0.00798,-0.00659,0.02402,0.06974,0.06335,0.00986,0.06051,0.02126,-0.07,0.03537,-0.0085,0.06757,-0.071,-0.09378,-0.01134,-0.00192,0.00228,0.0133,0.00393,-0.03275,-0.06616,-0.09998,-0.00361,-0.0416,-0.04515,-0.02265,0.06962,0.07857,0.0789,0.0113,0.09,-0.02387,0.06512,0.02352,-0.0859,0.00799],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. Tournament Bracket","excerpt":"Tournament Bracket"},{"chunkId":"/examples/tournament-bracket#1","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.06145,0.12316,-0.04394,-0.03213,-0.01422,0.06813,-0.06402,-0.00537,0.00197,0.03696,-0.1572,-0.07653,-0.03771,0.06737,0.0478,0.01403,-0.01269,0.04894,0.01534,-0.05081,-0.00582,-0.08864,-0.06074,-0.05325,0.02194,0.03505,0.01842,0.04356,0.03954,-0.07247,0.02194,0.01889,0.04467,0.06481,-0.06973,-0.02935,-0.09828,-0.01362,-0.07896,-0.07621,0.08902,0.06482,0.02276,-0.03749,0.01545,0.01803,-0.08484,0.06358,-0.05693,0.01966,-0.12013,-0.12399,-0.0365,0.05814,0.0501,0.01935,-0.01073,-0.12108,0.02621,-0.01,0.03526,-0.06642,-0.06115,0.04124,-0.02526,-0.00423,-0.05598,0.07339,0.02395,0.04134,0.005,-0.01553,0.01061,-0.06399,0.04234,0.03619,-0.06639,0.0101,0.07158,-0.02417,0.00758,0.0126,-0.02395,0.01004,0.00663,-0.02539,-0.00938,-0.06532,0.05165,-0.03176,-0.05536,0.0834,0.03193,0.05943,-0.04538,0.05529,-0.0489,-0.0746,0.01267,0.11646,0.01572,-0.00029,0.04926,0.00397,-0.02244,0.00844,0.02747,0.06806,-0.0438,-0.0063,-0.03279,0.05607,0.02554,-0.02181,-0.10431,-0.01678,0.01187,0.00276,0.00318,0.10333,0.05284,0.03325,-0.03395,-0.03255,0.10339,0.02835,-0.03099,0,0.1149,-0.0889,-0.09369,0.07479,0.11278,0.03829,0.02201,-0.10807,-0.07917,-0.01714,-0.03403,0.00454,-0.04182,0.02079,0.05099,-0.06796,-0.02021,0.0865,-0.01289,0.00848,0.01287,-0.01963,-0.0478,0.02784,0.08624,0.08567,-0.02637,-0.02522,-0.08409,0.0416,0.08662,-0.08798,0.00058,-0.01912,0.03768,0.03254,0.03269,-0.06892,0.03021,-0.02117,-0.05815,-0.04926,-0.08679,-0.02454,-0.12288,-0.00172,-0.03918,0.02552,0.03474,0.04708,0.04101,-0.00002,0.08935,-0.05555,0.04326,-0.02948,-0.05139,0.08765,0.00611,0.06978,-0.032,0.07288,-0.02075,0.02222,-0.00721,0.01384,-0.00345,-0.05544,0.08716,-0.0958,-0.02171,0.04263,0.00517,-0.0118,-0.00586,-0.03828,0.0416,-0.00471,-0.00807,-0.01639,-0.05834,-0.04532,-0.01177,-0.00842,-0.02333,-0.04697,0.02589,-0.03102,-0.09448,-0.04963,-0.0357,-0.00782,-0.01056,0.02801,0.1237,0,-0.01161,-0.00922,0.03904,0.01824,0.06367,-0.05056,0.04783,-0.03027,0.02539,0.04344,-0.00656,0.04297,0.02558,-0.06453,0.01934,-0.02342,-0.01311,-0.06087,0.03306,0.02332,0.06269,0.05492,-0.06582,0.0054,-0.01737,0.02127,0.02448,-0.06969,0.03778,-0.01016,-0.0238,-0.09628,-0.00124,-0.034,-0.00694,-0.01563,-0.00193,0.04432,0.07395,-0.07737,0.02167,0.03101,-0.073,-0.00828,-0.0069,0.03986,0.03767,0.01774,0.03361,-0.04423,-0.08697,0.04376,-0.02626,0.00149,-0.05813,-0.0433,0.01457,-0.00704,-0.0046,0.04978,-0.01006,-0.0486,0.01808,0.02155,0.06922,0.09352,-0.04404,-0.01094,-0.02374,0.0377,0.02381,0.07358,-0.02662,0.0677,0.05549,0.04146,0.05075,0.12652,0.10461,0.08282,-0.06614,0.10145,0.02293,-0.02069,0.07311,0.0021,0.01218,0.02386,0.05008,0.06117,-0.06845,-0.01957,0.08033,-0.06935,-0.00021,0,-0.08712,-0.01113,-0.04149,0.04061,-0.07515,0.02975,0.02686,-0.02572,-0.00207,0.0129,0.09299,0.02991,-0.02947,-0.03505,0.04815,-0.03452,-0.05077,0.05043,-0.07204,-0.0151,-0.021,0.02222,0.03217,0.103,0.00391,0.02521,-0.05307,-0.0532,0.02095,0.01206,0.01196,0.04264,0.063,0.02132,0.00785,0.00751,-0.09864,0.03833,-0.04428,0.03401,-0.00207,-0.08788,0.03866,-0.02244,-0.00256,0.04933,-0.00987,-0.03101,-0.02628,-0.04419,-0.0003,-0.0184,-0.10334,-0.00987,0.0202,0.02838,0.08415,-0.00435,0.09031,-0.0548,0.00855,0.02828,-0.04211,-0.00535],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. Example This example demonstrates how to model a tournament bracket with Foblex Flow. It takes the same node-and-connection primitives used in workflow tools and applies them to a competition tree with domain-specific layout, filtering, and detail views. ::: ng-component <tournament-bracket</tournament-bracket [height]=\"600\" :::","excerpt":"Example This example demonstrates how to model a tournament bracket with Foblex Flow. It takes the same node-and-connection primitives used in workflow tools and applies them to a competition tree with domain-specific layout, filtering, and detail views. ::: ng-component <tournament-bracket</tournament-bracket [height]=\"600\" :::"},{"chunkId":"/examples/tournament-bracket#2","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.03002,0.11744,-0.01262,-0.06703,0.01884,0.07956,-0.03291,0.01809,0.02023,0.0367,-0.10356,-0.03986,-0.05975,0.0531,0.03339,-0.01445,-0.0001,0.01407,0.07364,-0.03319,-0.01314,-0.16258,-0.07177,-0.01407,0.0908,0.00799,-0.05388,0.05517,-0.03461,-0.07676,-0.04613,-0.00536,0.04706,-0.00998,-0.04581,-0.08355,-0.07023,0.01509,-0.06346,-0.05695,-0.00805,-0.02527,0.01079,0.01853,0.01793,0.03961,-0.06192,0.05178,0.00454,0.04764,-0.05549,-0.05943,-0.00364,0.01057,0.08528,0.0383,0.02811,-0.06433,0.06428,-0.03724,0.04997,-0.0133,-0.09916,0.10404,-0.0412,-0.02978,0.03988,0.05185,0.03756,0.04139,0.02555,-0.01248,0.03267,-0.05247,0.05342,0.05965,-0.0719,-0.04086,0.05785,0.00045,-0.02581,-0.04669,-0.02519,0.02544,0.03388,-0.04217,-0.00453,-0.04322,0.08536,0.00964,-0.1091,0.07473,0.05349,0.03443,-0.08422,0.06328,-0.05362,-0.05412,0.02643,0.13264,0.05362,0.02654,0.01438,0.00041,-0.00453,0.02064,0.03408,0.05371,-0.02559,-0.00209,-0.02217,0.00105,0.04194,-0.01651,-0.11235,0.02687,0.03301,0.03511,0.0469,0.06256,0.09636,0.01921,-0.03236,-0.01672,0.10607,0.09555,-0.00056,0,0.14386,-0.10186,-0.066,0.08191,0.04513,0.01665,0.01006,-0.04318,-0.15554,-0.02998,0.00172,-0.03035,-0.00098,-0.03434,0.07156,-0.063,0.02237,0.06918,-0.08433,-0.02193,-0.08301,-0.01129,-0.05551,-0.0146,0.03424,0.11593,-0.02464,-0.02783,-0.07979,0.03394,0.03955,-0.10082,-0.01741,0.00927,0.03761,0.00736,0.01245,-0.03414,0.05467,0.04427,-0.10252,-0.05732,-0.05673,-0.07604,-0.07082,0.00395,-0.00448,0.01737,-0.03703,0.03476,0.03805,-0.00441,0.03402,-0.03827,0.01362,-0.01666,0.00714,0.01155,-0.05802,0.00708,-0.02893,0.03968,-0.05087,0.03245,-0.0676,0.00789,-0.02057,-0.06622,0.03423,-0.08789,-0.05875,-0.00173,0.06539,0.00658,0.01022,-0.01936,0.05168,-0.01896,-0.04927,-0.00484,-0.02612,-0.00899,-0.03024,-0.07249,-0.05093,-0.03011,0.05313,-0.03417,-0.06756,-0.01623,-0.08811,-0.02964,-0.04174,0.02973,0.03433,0,0.01071,-0.03145,0.02511,-0.00712,0.07736,0.01353,0.09296,-0.03982,0.06208,0.01684,0.02852,0.01822,-0.0158,-0.03488,0.00234,-0.00582,0.00126,0.00084,-0.00264,0.04902,0.14134,0.00316,-0.05441,0.05028,-0.02148,0.00263,0.05339,-0.0605,0.02829,0.02048,0.02092,-0.10263,-0.01597,-0.00771,0.01119,0.05887,-0.02054,0.02693,0.01297,-0.01364,0.02391,-0.00172,-0.05382,0.03477,0.0354,0.03096,0.04258,0.00587,-0.02825,-0.05625,-0.07862,0.00835,-0.0269,0.00744,-0.06146,-0.07058,-0.02074,0.0147,-0.00559,0.04392,0.05288,-0.03057,-0.05175,0.05634,0.05103,0.09927,-0.04064,0.00415,-0.05788,0.00886,-0.04432,0.03461,-0.04225,-0.02008,0.05129,0.04697,-0.01359,0.10998,0.02036,0.06356,-0.0193,0.01746,0.03944,-0.01343,0.04237,0.07881,-0.00983,0.08814,-0.0037,0.00512,-0.0478,0.01126,0.10093,-0.03567,0.03352,0,-0.04108,0.01017,-0.00477,0.01031,-0.1054,0.02336,0.03339,-0.04682,0.00522,-0.01128,0.09518,0.00167,0.00318,-0.03774,0.04409,0.01164,-0.1562,0.0882,-0.07623,0.01429,-0.02795,-0.00499,-0.02305,0.01648,-0.02466,0.03683,-0.05546,-0.00751,0.0007,0.0115,0.00728,0.03463,0.04086,-0.00984,0.05799,0.0639,-0.06269,0.02242,0.02441,0.09043,-0.056,-0.07527,-0.02057,0.01213,-0.02763,0.03422,0.01874,-0.02961,-0.09985,-0.1155,0.02997,-0.05553,-0.06292,-0.00007,0.05066,0.06819,0.11646,-0.00075,0.05826,0.00008,0.08081,0.04509,-0.07603,0.01743],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. User-Facing Capabilities - Browse a full elimination bracket on a pannable and zoomable canvas. - Switch between standard, compact, and mirrored bracket layouts. - Toggle upper, lower, and final branches independently. - See live counters for played, live, and upcoming matches. - Select a match to highlight the path around it. - Select a team to highlight its journey through visible rounds. - Open detail panels for match timing, status, score, and team statistics. - Use minimap, fit-to-screen, reset zoom, and theme toggle controls.","excerpt":"User-Facing Capabilities - Browse a full elimination bracket on a pannable and zoomable canvas. - Switch between standard, compact, and mirrored bracket layouts. - Toggle upper, lower, and final branches independently. - See live counters for played, live, and upcoming matches. - Select a match to highlight the path around it. - Select a team to highlight its journey through visible rounds. - Open detail panels for match timing, status, score, and team statistics. - Use minimap, fit-to-screen, reset zoom, and theme toggle controls."},{"chunkId":"/examples/tournament-bracket#3","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.0296,0.06558,-0.03222,-0.07323,0.00418,0.08338,-0.04186,0.02179,0.00545,0.00355,-0.12252,-0.05702,-0.0848,0.07324,0.04315,-0.00562,0.00324,0.04655,0.05166,0.00355,-0.0158,-0.1524,-0.06196,-0.0389,0.04669,0.03099,-0.02764,0.02056,-0.01266,-0.08628,-0.00845,0.06409,0.03819,0.0454,-0.03756,-0.08486,-0.04351,-0.00902,-0.09954,-0.04819,-0.01924,-0.00268,0.0148,0.02408,0.04559,0.04868,-0.0327,0.05292,-0.0199,0.09823,-0.11836,-0.06014,-0.04328,0.02658,0.085,0.0599,0.02998,-0.09779,0.01108,0.01851,0.04705,-0.02507,-0.06772,0.07357,-0.06567,-0.04185,-0.00716,0.08002,0.06065,0.01531,0.02511,-0.00413,0.05748,-0.07946,0.07553,0.04149,-0.05908,-0.02984,0.05913,-0.07243,-0.00999,-0.00882,-0.0143,-0.00114,0.03941,-0.04136,-0.0217,-0.05992,0.0307,0.04578,-0.08331,0.0621,0.02245,0.00064,-0.04325,0.03128,-0.0507,-0.08303,0.02528,0.09702,0.0044,0.01939,0.01413,-0.02368,0.00295,0.02151,0.02125,0.06527,-0.03573,-0.01397,-0.06541,-0.01775,0.04427,-0.01932,-0.10601,0.00934,-0.03514,0.01125,0.08405,0.10304,0.05109,0.02649,-0.04311,0.00639,0.06152,0.0212,-0.04982,0,0.11048,-0.07249,-0.07103,0.08376,0.05526,0.02378,0.0367,-0.08167,-0.13795,-0.02543,0.00351,0.01206,-0.04324,0.05174,0.0402,-0.10112,-0.02673,0.05976,-0.08062,-0.03043,-0.0145,-0.00589,-0.01471,-0.03693,0.06059,0.12706,-0.04869,0.00067,-0.0696,0.06271,-0.00279,-0.11547,-0.00583,-0.03366,0.03711,0.01336,0.0044,-0.10114,-0.00578,0.04628,-0.09066,-0.04463,-0.08831,-0.05159,-0.09896,0.01632,-0.04532,0.04497,0.01161,0.05003,0.0424,0.00049,0.04523,-0.07382,0.03027,-0.07683,-0.04868,0.04653,-0.04902,0.00602,-0.05818,0.05948,-0.09277,0.00688,-0.05795,0.02712,0.01713,-0.03438,0.0414,-0.07815,-0.05399,0.03528,0.02118,-0.01425,0.01521,-0.00974,0.01484,-0.0396,-0.03675,-0.02132,-0.08911,-0.01868,-0.01697,-0.04588,-0.03897,-0.03383,0.06907,-0.04211,-0.06228,-0.01116,-0.07379,-0.02692,0.00404,0.04463,0.07838,0,-0.01277,-0.01735,0.01157,0.01463,0.07038,-0.00597,0.0761,-0.04611,0.0712,0.02084,-0.04313,0.03869,0.01712,-0.06431,-0.00854,-0.0504,0.00097,-0.03813,0.01967,0.02958,0.0772,0.01946,-0.02278,0.01354,-0.01629,0.04061,0.03302,-0.06651,0.01226,0.01778,0.02334,-0.1175,0.00885,-0.04109,0.03189,0.02936,0.017,0.02424,0.02566,-0.04231,0.03001,-0.01095,-0.02611,0.03633,0.01328,0.05892,0.00751,0.00404,0.0122,-0.00504,-0.06901,0.01708,-0.04757,-0.04433,-0.04782,-0.01327,-0.00018,0.03867,-0.02884,0.05685,0.03628,-0.03837,-0.0162,0.05414,0.11039,0.06764,-0.04398,0.011,-0.03061,0.05634,0.02045,0.05336,-0.0368,0.0624,0.03765,0.03488,0.04515,0.11567,0.06219,0.09623,-0.00543,0.06116,0.07105,0.01154,0.10306,0.03972,0.01913,0.04572,0.03606,0.02791,0.00447,0.04169,0.08403,-0.03419,0.00856,0,-0.05278,-0.00291,-0.03708,0.02517,-0.10823,0.03336,0.02799,-0.02202,-0.02589,0.00726,0.11536,0.01688,-0.02258,-0.04641,0.0644,-0.04096,-0.0804,0.04323,-0.07795,-0.02043,-0.03526,0.02962,-0.03234,0.06139,-0.07832,0.02185,-0.01734,-0.02769,0.02524,0.00073,-0.00007,0.04693,0.09011,0.02462,0.02566,0.04832,-0.08912,0.02889,-0.03175,0.07868,-0.03538,-0.03772,-0.00315,-0.04206,0.01628,0.06138,0.01374,-0.04409,-0.09143,-0.0787,-0.0134,-0.00769,-0.07083,0.01744,0.07321,0.06932,0.06812,-0.00491,0.10713,-0.02885,0.00959,0.0538,-0.02793,0.00547],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. Foblex Flow Features Used - f-flow and f-canvas as the canvas root. - fZoom for interactive viewport scale. - fNode for match cards. - fConnection with fixed segmented routing for bracket links. - fConnectionMarkerArrow for directional relation markers. - fMinimap for overview navigation. - provideFLayout(...) to plug a custom tournament layout engine into the Flow rendering pipeline. f Zoom f Node f Connection f Connection Marker Arrow f Minimap provide F Layout","excerpt":"Foblex Flow Features Used - f-flow and f-canvas as the canvas root. - fZoom for interactive viewport scale. - fNode for match cards. - fConnection with fixed segmented routing for bracket links. - fConnectionMarkerArrow for directional relation markers. - fMinimap for overview navigation. - provideFLayout(...) to plug a custom tournament layout engine into the Flow rendering pipeline."},{"chunkId":"/examples/tournament-bracket#4","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.02915,0.07211,-0.02178,-0.06586,-0.00675,0.07059,-0.04968,0.03259,0.04089,0.03326,-0.14282,-0.06107,-0.03279,0.02507,0.04596,-0.03792,-0.01103,0.01052,0.00206,0.0088,-0.00074,-0.12857,-0.06931,-0.04459,-0.00813,0.02615,-0.01208,0.02421,0.02098,-0.0881,0.00097,0.08009,0.04677,0.01446,-0.01381,-0.02,-0.0679,-0.02967,-0.07557,-0.08418,0.00503,0.00986,0.03189,0.01941,0.00549,0.01908,-0.01571,-0.01047,-0.06938,0.04258,-0.11219,-0.06007,-0.03103,0.02173,0.08027,0.04277,0.03331,-0.08151,0.02009,-0.01442,0.00188,-0.03443,-0.09905,0.08888,-0.02789,0.00871,-0.0136,0.05842,0.01893,0.01958,-0.01941,-0.02438,0.02927,-0.04605,0.10454,0.02995,-0.03381,-0.01126,0.08776,-0.09835,-0.00308,-0.0363,-0.01348,0.00423,0.0352,-0.04396,0.00665,-0.13357,0.07326,0.04251,-0.0332,0.07775,0.03402,0.01835,-0.03368,-0.00727,-0.04035,-0.06164,0.01192,0.1189,0.00077,-0.01616,0.09344,0.02398,0.00876,-0.02389,0.07795,0.04041,-0.07306,-0.02117,-0.05075,0.00609,0.05519,-0.01963,-0.0623,-0.01299,0.01299,0.01484,0.06888,0.02656,0.01337,0.00481,0.03434,0.01448,0.0726,0.02408,-0.0551,0,0.09766,-0.08201,-0.06174,0.06862,0.08349,0.02729,0.04916,-0.07902,-0.08944,-0.06618,0.05056,0.02954,-0.02058,0.04482,0.07398,-0.01405,-0.04913,0.10515,-0.03802,-0.01837,0.04357,-0.00183,-0.02332,-0.03389,0.02568,0.14183,-0.02656,-0.02153,-0.09999,0.06077,0.00003,-0.07671,-0.00255,-0.00143,0.06592,0.08028,0.04855,-0.07479,0.0316,-0.01349,-0.08923,-0.03842,-0.0618,-0.10088,-0.06359,-0.00062,-0.04522,0.04435,-0.02484,0.03956,0.08363,0.01613,0.07895,-0.01426,0.02973,-0.01358,-0.04651,0.02688,0.02102,0.06714,-0.02406,0.11841,-0.08027,0.03665,-0.03353,0.05921,0.01856,-0.0372,0.05396,-0.09414,-0.06636,0.0413,-0.02222,-0.03301,0.04613,-0.06954,0.01275,-0.04412,-0.0289,-0.01205,-0.05678,0.00311,-0.03156,-0.02675,-0.04645,-0.04844,0.04241,0.00778,-0.10261,0.01479,-0.0224,-0.0745,0.00125,0.03154,0.06738,0,-0.0517,-0.05898,-0.00665,0.02963,0.07363,-0.02444,0.05555,-0.04205,0.05419,-0.04273,0.00995,0.03032,0.00938,-0.08135,-0.02099,-0.04762,-0.01176,-0.07748,0.00704,-0.00523,0.11071,0.02367,-0.04166,0.03258,-0.04224,0.00349,-0.03007,0.01312,0.03609,-0.0003,-0.00643,-0.06825,-0.05073,-0.04332,0.00997,-0.00144,-0.04407,0.05288,0.03688,-0.01012,-0.00195,0.00098,-0.06869,0.0342,0.01688,0.0829,-0.00842,-0.01555,0.03825,-0.03461,-0.0682,0.01624,-0.03125,-0.05469,-0.10151,0.00108,0.04042,0.0264,-0.02891,0.06973,0.01982,-0.02775,0.00995,0.0649,0.11192,0.09131,-0.05627,0.05582,0.00701,0.04704,0.05167,0.03457,-0.08508,0.05703,0.05427,0.0653,0.05131,0.1001,0.06127,0.10375,-0.023,0.06092,0.06941,0.01452,0.02839,0.0301,0.01051,0.02161,-0.00147,0.04425,-0.04497,0.01929,0.09283,0.00569,-0.03443,0,-0.06339,-0.01761,0.02284,0.04134,-0.09069,0.04397,-0.02035,-0.04476,-0.00321,0.02982,0.07419,0.05606,-0.03253,-0.01884,0.04484,-0.03212,-0.08496,0.03176,-0.10354,-0.05047,-0.04983,0.01511,0.0237,0.05001,-0.0044,0.03033,-0.04808,-0.07846,0.02394,0.03602,0.01458,0.07498,0.07205,0.07574,0.00424,0.05327,-0.06079,0.03428,-0.03491,0.02055,-0.05321,-0.05022,0.0176,-0.01815,0.00941,0.07989,0.01422,-0.04311,-0.06303,-0.04491,-0.03485,0.01067,-0.06662,0.021,0.01392,0.05749,0.0619,-0.01162,0.12717,-0.02161,-0.01412,0.05705,-0.01997,0.05553],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. Why It Matters It is a strong reference when you want to prove that Foblex Flow is not limited to process editors. The example shows how to keep your own domain model and your own layout rules while still reusing the same interaction primitives for panning, zooming, selection, minimap, and connected rendering.","excerpt":"Why It Matters It is a strong reference when you want to prove that Foblex Flow is not limited to process editors. The example shows how to keep your own domain model and your own layout rules while still reusing the same interaction primitives for panning, zooming, selection, minimap, and connected rendering."},{"chunkId":"/examples/tournament-bracket#5","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.0587,0.09747,-0.01605,-0.04743,0.01968,0.06539,-0.06215,-0.02475,-0.02668,0.03338,-0.09578,-0.06102,-0.01794,0.06278,0.03001,0.00203,0.00168,0.05632,0.05306,-0.04977,0.0013,-0.13509,-0.05801,-0.028,0.12439,0.00256,-0.02521,0.06308,-0.0037,-0.07109,-0.03099,-0.01922,0.07385,0.03719,-0.01724,-0.09713,-0.09336,-0.01106,-0.06765,-0.04275,-0.01817,-0.00122,0.01487,0.0366,0.00588,0.03673,-0.07907,0.03119,-0.00866,0.04248,-0.09269,-0.04936,-0.00925,-0.01105,0.0631,0.01854,0.00265,-0.08886,0.0333,-0.00623,0.09609,-0.04227,-0.09487,0.08435,-0.04063,-0.0206,0.01146,0.11004,0.0368,-0.0349,-0.02437,-0.01181,0.04893,-0.03067,0.06359,0.05404,-0.07467,-0.04476,0.04738,-0.0322,-0.03369,-0.03317,-0.01091,0.03632,0.041,-0.06615,-0.0037,-0.03769,0.0711,0.02039,-0.08851,0.08125,0.05524,0.03484,-0.0756,0.05107,-0.07022,-0.08078,0.03298,0.1063,0.00043,0.00714,-0.01228,-0.04015,0.00936,0.01205,0.05771,0.01917,-0.01418,0.03286,-0.03629,0.01802,0.01914,-0.03366,-0.10169,0.0392,0.0179,0.04317,0.03984,0.09199,0.06737,0.03956,-0.04013,-0.05714,0.09558,0.08957,-0.01583,0,0.16034,-0.11808,-0.072,0.08633,0.08548,-0.02421,0.02698,-0.06429,-0.13566,-0.0416,0.006,-0.00798,-0.01449,0.04035,0.0589,-0.05941,-0.001,0.07906,-0.04143,-0.02647,-0.08359,0.00922,-0.00269,-0.02475,0.0371,0.11583,-0.00806,-0.01119,-0.03702,0.0454,0.02568,-0.07403,-0.04213,-0.02857,0.0704,0.0292,0.01508,-0.05565,0.0433,0.04898,-0.10442,-0.06229,-0.04892,-0.04267,-0.07811,-0.00864,-0.03733,0.01765,0.00731,0.03345,0.0078,-0.01006,0.03954,-0.05654,-0.0067,-0.02819,-0.0305,0.01909,-0.04629,0.01117,-0.0659,0.03726,-0.02381,-0.00795,-0.05691,-0.01416,-0.00894,-0.07085,0.05,-0.07849,-0.0217,0.01988,0.02832,-0.02686,-0.00179,-0.01367,0.06411,-0.00823,-0.07526,-0.03854,-0.0579,-0.03647,-0.01389,-0.04508,-0.0732,0.01151,0.04471,-0.04072,-0.03789,-0.01274,-0.12725,-0.03051,-0.01241,0.02736,0.06886,0,-0.00889,0.00037,0.03534,-0.00928,0.10725,0.00635,0.05647,-0.01054,0.07065,0.0166,-0.01718,0.03228,0.03407,-0.07628,-0.01276,-0.00411,-0.00276,-0.02548,-0.01763,0.04756,0.06734,0.04945,-0.03385,0.04016,-0.01231,-0.00771,0.02075,-0.08276,0.06725,0.00312,0.02621,-0.09831,-0.03061,-0.01515,0.00296,0.04306,0.0001,0.02155,0.03199,-0.04534,0.01892,-0.02443,-0.03841,0.00376,0.03928,0.05496,0.03602,0.00365,0.00545,-0.02357,-0.04532,0.03239,-0.05169,-0.01654,-0.03648,-0.05966,-0.02474,0.01562,-0.00301,0.06695,0.00302,-0.03536,-0.02908,0.06039,0.03885,0.09097,-0.04066,0.01524,-0.0734,0.03311,-0.02808,0.04637,-0.02879,0.02251,0.02453,0.05191,0.00331,0.13759,-0.00564,0.07347,0.02192,0.0498,0.04315,-0.0009,0.07816,0.04574,0.04928,0.08982,0.00931,0.04132,-0.04929,0.01514,0.07388,-0.01821,0.00756,0,0.0046,0.01382,0.00378,0.0287,-0.12098,0.04549,0.02372,-0.0312,0.02181,0.02437,0.06151,0.00927,-0.03918,-0.01386,0.01821,-0.00538,-0.13755,0.09102,-0.0533,0.00114,-0.04225,0.01894,0.01182,0.05044,-0.00784,0.05716,-0.06067,-0.05107,-0.00611,-0.01252,0.03208,0.07681,0.08944,-0.03133,0.07733,0.05653,-0.08507,0.04096,0.00087,0.06494,-0.04692,-0.08083,0.01487,-0.01042,-0.00243,0.02205,0.01177,-0.04648,-0.04333,-0.07882,0.00999,-0.04863,-0.05351,-0.04037,0.0629,0.08397,0.0646,-0.00845,0.10999,-0.01201,0.0678,0.07174,-0.07934,0.02285],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. Links - Source code: apps/example-apps/tournament-bracket","excerpt":"Links - Source code: apps/example-apps/tournament-bracket"},{"chunkId":"/showcase/overview#0","slug":"overview","route":"/showcase/overview","section":"showcase","title":"Built with Foblex Flow — Angular Apps and Products in Production","description":"Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities.","group":null,"vector":[-0.14755,-0.04599,-0.10783,-0.03349,0.04298,-0.015,-0.00165,0.08398,0.03005,0.01215,-0.08903,-0.04493,-0.08382,-0.01767,0.08453,-0.00251,-0.01817,0.01662,0.02145,0.00679,-0.01872,0.02388,-0.00291,-0.00488,-0.0475,0.04368,-0.01409,-0.06637,0.0261,-0.08119,0.03368,0.11577,0.04333,0.01474,-0.05947,0.08258,0.02594,-0.05972,-0.01525,-0.06131,0.01565,0.05709,-0.00775,0.00009,-0.04414,-0.00366,0.00341,0.00599,-0.03619,0.0962,-0.0965,-0.09457,-0.06245,0.09069,0.01643,0.02998,0.01194,-0.06409,0.01875,0.05587,0.03379,-0.01135,-0.00697,0.05809,-0.01348,0.04204,-0.10585,0.02894,0.00384,-0.10579,-0.03593,-0.02503,0.02533,-0.00132,0.03167,-0.04231,-0.00512,0.00917,0.03641,-0.0334,-0.01741,0.02298,0.01025,0.05605,-0.03983,0.08246,0.06424,-0.04189,0.01364,-0.00699,0.00661,0.06056,0.00635,-0.01158,0.0314,0.01266,0.02007,-0.03439,-0.08035,0.04027,-0.05657,-0.06459,0.08435,-0.01918,-0.09299,-0.04234,-0.00657,-0.00419,-0.00301,0.01655,-0.05851,0.00259,-0.02926,-0.11502,-0.0028,-0.05337,-0.04378,-0.02221,0.08293,-0.00295,-0.01666,0.0188,0.08626,0.00206,0.02694,0.00385,-0.0128,0,-0.04893,0.03763,-0.0362,0.02825,0.02435,-0.06955,0.01124,-0.00969,-0.01392,0.00223,0.00727,0.13404,-0.05133,0.09413,-0.00667,-0.06234,-0.05515,-0.01537,0.04912,-0.00355,0.0663,-0.05287,0.01703,0.09008,0.08168,0.05951,0.01843,0.02599,-0.00137,0.03776,0.00887,0.02125,-0.01595,0.00631,-0.04482,0.04472,-0.13498,-0.09695,-0.02558,0.02129,-0.0086,-0.02194,-0.10007,-0.00025,0.01887,-0.02808,-0.05716,-0.03462,0.14605,0.00048,-0.01656,0.01975,0.00207,0.06073,0.03707,-0.06094,-0.01643,0.06743,0.06439,0.05973,-0.00171,0.04164,-0.00855,-0.01845,0.02163,0.00995,0.00619,-0.02809,0.06109,-0.02195,-0.05651,0.04579,0.0474,0.02174,0.03982,-0.01257,-0.00639,0.02932,-0.00779,-0.04712,-0.05788,-0.01184,0.04054,0.07626,0.08245,-0.06656,-0.03664,-0.05801,-0.10319,-0.00538,0.08444,-0.01093,-0.0477,0.05823,-0.01246,0,-0.02728,-0.01372,-0.0288,0.06873,0.02743,-0.05932,0.01022,0.00727,0.0895,0.03418,0.00331,0.01966,0.04037,0.02926,0.03733,-0.03971,0.03112,-0.15006,0.02898,-0.05753,0.00081,-0.00138,0.02305,-0.09344,-0.04473,0.01757,-0.00925,-0.00363,0.018,-0.03741,0.03044,0.02412,-0.07413,-0.04512,-0.03921,-0.04122,0.00172,0.07038,0.04542,-0.11877,0.11029,0.00122,-0.03248,-0.00958,-0.07691,0.00028,-0.07754,-0.01396,0.02488,-0.03331,-0.03917,0.02958,-0.01243,-0.09708,-0.06938,0.06773,0.11706,0.04696,-0.03202,0.04308,-0.02154,-0.00345,0.07917,-0.04472,0.03109,0.05439,-0.02033,0.03061,0.00838,0.09989,0.07106,0.05408,-0.08879,0.03461,0.0169,0.07191,0.07034,0.0075,0.02178,0.03139,0.05183,0.07765,0.03214,0.06759,0.06629,-0.0233,-0.06811,-0.13642,0.04589,0.06615,-0.03903,0.03857,-0.02825,0.02001,0.01532,0,-0.10058,-0.00621,-0.00971,-0.01532,0.06213,0.06581,-0.02217,0.03243,-0.03918,0.00145,-0.0349,0.0043,-0.05399,0.02435,0.04679,0.01747,-0.04106,-0.00591,-0.03375,-0.07484,0.01135,0.04959,0.06051,0.06414,-0.00932,-0.03328,0.05357,-0.04848,0.01767,0.0177,-0.0048,0.07994,0.09797,-0.00598,0.00435,0.00751,-0.04257,0.01304,-0.08458,0.01654,0.01047,0.04426,-0.01003,-0.06291,-0.01956,0.02548,-0.08733,-0.09929,-0.00879,-0.01501,-0.02814,0.03623,-0.06789,0.07607,-0.03559,0.06183,-0.06652,-0.09416,0.09102,0.0031,-0.09726,-0.00065,0.10179,0.05094],"keywords":"Built with Foblex Flow — Angular Apps and Products in Production Built with Foblex Flow — Angular Apps and Products in Production Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities. Built with Foblex Flow This page collects real products and open-source references built with Foblex Flow. Use it when you want proof that the library works beyond isolated demos and can support workflow builders, AI tools, contact-center products, and other Angular graph interfaces.","excerpt":"Built with Foblex Flow This page collects real products and open-source references built with Foblex Flow. Use it when you want proof that the library works beyond isolated demos and can support workflow builders, AI tools, contact-center products, and other Angular graph interfaces."},{"chunkId":"/showcase/overview#1","slug":"overview","route":"/showcase/overview","section":"showcase","title":"Built with Foblex Flow — Angular Apps and Products in Production","description":"Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities.","group":null,"vector":[-0.124,-0.06292,-0.0809,-0.05395,0.06799,-0.01489,-0.04111,0.09209,0.02745,-0.0107,-0.10117,-0.02599,-0.0636,-0.08153,0.0989,0.01845,0.03254,0.0198,0.03427,-0.03762,-0.01785,0.00836,0.01011,0.01419,-0.03571,0.0485,-0.01026,-0.03573,0.0437,-0.0517,0.01185,0.15023,0.05978,0.02771,-0.04636,0.06578,0.0078,-0.04103,-0.07636,-0.05003,0.00317,0.04292,-0.02802,-0.01651,-0.01115,-0.03736,-0.00592,-0.02762,-0.06199,0.04867,-0.10189,-0.10579,-0.05386,0.06475,-0.023,-0.02457,0.02886,-0.08076,0.01772,0.025,0.0448,-0.02623,-0.00435,0.01963,0.0059,-0.01151,-0.11261,0.0417,-0.00426,-0.12679,-0.0368,0.00218,0.00824,0.00371,-0.02331,-0.02396,0.04303,-0.00535,-0.00414,-0.00057,-0.00032,0.04452,-0.02021,0.05381,-0.07143,0.07137,0.02634,0.00872,0.01631,0.01917,-0.02288,0.04532,0.02454,-0.04283,0.04198,-0.02093,0.03729,-0.05633,-0.03426,0.02362,-0.03626,-0.03459,0.0785,-0.07367,-0.08227,-0.00396,0.01419,0.03718,0.08392,0.04298,-0.0851,-0.01611,-0.03714,-0.12729,-0.03454,-0.05812,-0.01038,-0.05007,0.08707,0.0346,0.01014,0.03339,0.04434,-0.01794,0.05068,0.00494,-0.03494,0,-0.03746,0.00336,0.00594,0.01399,0.05542,-0.05567,0.01303,-0.03739,-0.02311,-0.01399,0.01869,0.13744,-0.05302,0.10018,0.014,-0.11218,-0.08582,0.01377,0.06876,0.00122,0.02203,-0.06827,0.02573,0.08176,0.04224,0.02187,-0.00014,0.03721,0.05108,0.02602,0.02529,0.043,0.0265,-0.01399,-0.06908,0.04607,-0.09935,-0.10488,0.06147,0.04399,-0.03104,-0.02362,-0.04018,0.02808,0.02179,-0.00471,-0.06666,-0.00345,0.10639,0.00662,-0.00558,0.05455,0.0662,0.03015,0.04848,-0.05563,0.00677,-0.00589,0.02613,0.10489,-0.04946,0.08526,-0.013,-0.02695,-0.03035,0.01613,0.05388,0.00029,0.05035,0.00866,-0.0392,0.06028,0.00311,-0.00251,0.01216,-0.01608,-0.01367,0.017,0.00988,-0.04527,-0.0435,0.02527,0.0163,0.08884,0.05697,-0.03103,-0.0813,-0.00451,-0.0994,0.0511,0.06206,0.01988,-0.00827,0.07349,0.03108,0,-0.05572,-0.01969,-0.04868,0.07789,0.06669,-0.06829,-0.02633,-0.02011,0.08587,0.05742,-0.00656,0.01622,-0.01236,0.02718,0.00007,-0.08559,0.01007,-0.0851,0.04445,-0.02963,0.03291,0.04227,-0.01865,-0.08759,-0.049,-0.00631,-0.0362,0.01782,0.0221,-0.08652,0.02336,-0.00497,-0.03236,-0.03099,0.00343,-0.03807,-0.03817,0.06832,0.08499,-0.1273,0.07861,-0.03762,-0.04979,-0.02539,-0.09949,0.01288,-0.07744,-0.00128,0.05468,-0.03434,-0.06628,0.04418,-0.01984,-0.09531,-0.0326,0.0174,0.07524,0.01427,-0.05943,0.05222,-0.00961,0.02888,0.09337,-0.07451,0.05606,0.02922,0.01076,0.07742,-0.0269,0.04187,0.07169,0.04667,-0.09702,0.04566,-0.01967,0.025,0.06012,-0.04384,0.01284,0.01586,0.02156,0.06226,0.07633,0.05014,0.05214,0.00288,-0.06631,-0.09709,0.01571,0.10545,-0.0712,0.0085,-0.03371,0.08727,-0.00881,0,-0.0637,-0.003,0.01554,0.0167,-0.00984,0.0433,-0.0235,0.0077,-0.03889,0.02424,-0.05329,-0.00198,-0.01929,0.06453,0.08851,0.04961,-0.05081,0.01592,-0.0425,-0.06349,0.01508,0.07437,0.04777,0.0484,-0.00863,-0.02925,0.04389,0.01862,0.03665,-0.03276,0.00161,0.0704,0.0814,0.00718,0.02749,-0.04725,-0.02761,0.03402,-0.05087,-0.01279,-0.00491,0.01072,0.02539,-0.06484,-0.05261,0.03923,-0.09704,-0.0909,-0.02601,0.02578,-0.03482,0.0368,-0.04663,0.05926,0.03649,0.04608,-0.06315,-0.07192,0.08749,0.04172,-0.03173,0.00677,0.123,0.0784],"keywords":"Built with Foblex Flow — Angular Apps and Products in Production Built with Foblex Flow — Angular Apps and Products in Production Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities. What you will find here - Open-source reference implementations with demos and source code. - Production products where node-based workflows are part of the real user experience. - A clearer sense of the product categories Foblex Flow already supports well. Some entries are open-source demos with public source links. Others are production or commercial products. The mix is intentional: it shows both implementation transparency and real-world adoption.","excerpt":"What you will find here - Open-source reference implementations with demos and source code. - Production products where node-based workflows are part of the real user experience. - A clearer sense of the product categories Foblex Flow already supports well. Some entries are open-source demos with public source links. Others are production or commercial products. The mix is intentional: it shows both implementation transparency and real-world adoption."},{"chunkId":"/showcase/overview#2","slug":"overview","route":"/showcase/overview","section":"showcase","title":"Built with Foblex Flow — Angular Apps and Products in Production","description":"Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities.","group":null,"vector":[-0.11338,-0.02529,-0.08927,-0.03608,0.04485,-0.02702,0.01171,0.08718,-0.00375,0.00354,-0.09666,-0.06798,-0.04097,-0.00223,0.06325,0.02286,0.02032,-0.03741,0.01058,0.01007,-0.02942,0.04315,-0.02844,-0.01908,-0.06574,0.05514,-0.0306,-0.04906,0.00607,-0.0697,0.01533,0.15355,0.05978,0.08972,-0.01803,0.08957,0.0132,-0.04294,-0.03389,-0.07991,0.0131,0.0262,-0.04171,-0.00205,0.00873,-0.04161,-0.02242,-0.03382,-0.02846,0.08837,-0.08466,-0.1178,-0.06528,0.11272,-0.0119,0.06636,0.02736,-0.09461,0.02624,-0.01663,0.02049,-0.00873,0.00404,0.07306,-0.02148,0.00166,-0.10821,0.04895,-0.01129,-0.09129,-0.03171,0.0001,0.00391,0.01025,0.03617,-0.04283,-0.03073,-0.05384,0.01745,-0.05377,-0.02902,0.00237,-0.05784,0.06456,-0.07327,0.07756,0.04437,-0.02886,0.0109,-0.01463,-0.00463,0.00915,0.07223,-0.0258,0.00966,-0.00635,0.00921,-0.07091,-0.05504,0.07301,-0.05049,-0.01605,0.06189,-0.04408,-0.11251,-0.03138,0.01014,0.01075,-0.01464,-0.02324,-0.056,-0.01336,-0.03692,-0.14561,-0.01083,-0.00935,0.00326,0.01905,0.09355,0.01486,0.04123,0.04039,0.02546,-0.00937,0.04674,0.00761,-0.02475,0,-0.0319,0.00374,-0.04024,0.021,0.06667,-0.03679,0.03378,-0.01423,0.00873,0.0114,-0.0166,0.14456,-0.05518,0.10083,0.01352,-0.08306,-0.00813,0.03995,0.00895,-0.00402,0.05141,-0.06663,0.00597,0.06142,0.08617,0.07449,0.00272,0.0225,0.06311,0.03148,-0.02974,0.02382,0.01206,0.03552,-0.08292,0.08571,-0.12301,-0.12009,0.02834,0.02498,-0.0729,-0.01523,-0.08357,-0.02062,0.05172,-0.01675,-0.03666,-0.00613,0.13798,0.02905,0.00992,0.01752,0.08296,0.01853,0.0176,-0.07422,0.01311,0.02,0.05785,0.07697,-0.06141,0.04958,-0.01934,0.02962,0.04175,0.01084,0.09434,0.01828,0.06446,-0.00075,-0.08222,0.05269,0.04186,0.03944,0.04875,-0.02281,-0.00798,-0.03828,-0.01126,-0.07696,-0.08199,0.00009,-0.00192,0.07007,0.06511,-0.0455,-0.05659,-0.04235,-0.10858,0.01934,0.0107,0.0047,-0.03623,0.077,-0.00372,0,-0.0457,-0.02976,-0.09759,0.04757,0.02888,-0.05508,0.03234,0.0067,0.0386,0.0491,-0.01569,0.01576,-0.02077,-0.02092,0.04503,-0.02071,0.00926,-0.09991,0.04065,-0.02046,0.04105,0.04279,-0.03244,-0.05867,-0.04257,0.02225,-0.02883,-0.00043,0.04459,-0.05525,-0.00022,-0.03123,-0.05097,-0.02395,0.00993,-0.03906,-0.00066,0.06962,0.05794,-0.04534,0.07798,-0.01743,-0.02108,0.05062,-0.07841,-0.01329,-0.06694,-0.02523,0.03946,-0.03355,-0.05875,0.00722,-0.02416,-0.1055,-0.05986,0.08259,0.08276,-0.02657,-0.09018,0.02544,0.02141,-0.00787,0.11169,-0.01546,0.06199,0.03586,-0.02425,0.05322,-0.08294,0.07321,0.09258,0.03904,-0.10929,0.00587,-0.00075,0.00428,0.03412,-0.01479,0.03847,0.04361,0.02748,0.06768,0.02582,0.05566,0.05056,0.01399,-0.04804,-0.05233,0.04697,0.0444,-0.05852,0.04278,0.01915,0.03153,-0.05728,0,-0.07109,0.00069,-0.0029,-0.0184,0.01625,0.01447,-0.0378,0.02997,-0.03753,-0.01419,-0.02302,-0.04024,-0.05446,0.03781,0.10879,0.00935,-0.04498,0.01112,-0.0646,-0.08806,0.02984,0.0655,0.00294,0.0221,-0.00024,-0.03405,0.01841,0.01872,0.03472,0.05889,0.02635,0.05764,0.06256,0.01481,0.00684,0.00302,-0.00074,-0.01912,-0.06576,-0.00451,0.02264,0.01558,-0.00087,-0.05282,0.00708,0.00007,-0.07481,-0.10621,0.02874,-0.01642,-0.05908,-0.00162,-0.05883,0.07864,0.01735,0.05279,-0.01837,-0.07675,0.12252,0.02324,-0.04275,0.00963,0.10681,0.07744],"keywords":"Built with Foblex Flow — Angular Apps and Products in Production Built with Foblex Flow — Angular Apps and Products in Production Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities. Representative use cases - Workflow Automation and Low Code builders for operations and business teams. - AI products, copilots, and agent orchestration interfaces. - Dev Tools and database-oriented editors. - Contact Center products and workflow surfaces. These categories are intentionally broader than the original raw tags, so the showcase stays easier to scan and filter.","excerpt":"Representative use cases - Workflow Automation and Low Code builders for operations and business teams. - AI products, copilots, and agent orchestration interfaces. - Dev Tools and database-oriented editors. - Contact Center products and workflow surfaces. These categories are intentionally broader than the original raw tags, so the showcase stays easier to scan and filter."},{"chunkId":"/showcase/overview#3","slug":"overview","route":"/showcase/overview","section":"showcase","title":"Built with Foblex Flow — Angular Apps and Products in Production","description":"Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities.","group":null,"vector":[-0.09927,0.00791,-0.06474,-0.0278,0.05806,-0.00947,-0.03762,0.05789,0.08178,0.03703,-0.11432,-0.02882,-0.0605,0.01123,0.09899,-0.02304,-0.00836,-0.05819,-0.01891,-0.01757,-0.02803,-0.04929,-0.02134,-0.00318,-0.04989,0.05863,-0.01184,-0.0335,0.01912,-0.08604,0.00582,0.11553,0.03806,0.05071,-0.09728,0.09468,-0.01177,-0.02302,-0.05013,-0.0827,0.00978,0.03243,-0.00984,-0.0136,-0.02948,-0.0349,0.02067,-0.02767,-0.04349,0.10572,-0.07164,-0.13452,-0.06573,0.10671,0.03658,0.04244,0.0443,-0.0745,0.01645,0.02018,0.00157,-0.05359,-0.01852,0.07931,0.00139,0.01331,-0.0829,0.00581,-0.02103,-0.09322,-0.0069,-0.02357,0.04982,-0.03419,0.01975,-0.04636,-0.01191,0.00532,0.03341,-0.04813,0.02395,-0.02868,-0.0117,0.08291,-0.05996,0.06645,0.04822,-0.07791,0.03454,0.01429,-0.02235,0.05672,0.0834,-0.00917,0.01496,0.02356,0.00732,-0.00309,-0.08749,0.04115,0.01117,-0.05237,0.09487,0.02013,-0.06543,-0.05241,0.01358,-0.02098,-0.01974,0.03138,-0.06791,0.03882,-0.00296,-0.07168,-0.0404,-0.06221,-0.03167,-0.0146,0.0216,0.03854,0.01499,0.018,0.06914,-0.00064,0.10194,0.03488,-0.03291,0,-0.01901,0.02584,-0.05092,0.0142,0.06679,-0.017,0.01604,-0.06545,0.00703,-0.01719,-0.01879,0.10758,-0.00563,0.08422,0.03729,-0.07816,-0.0646,0.02802,0.0185,0.01618,0.06458,-0.07256,-0.01992,0.05016,0.06422,0.07528,-0.00318,0.04336,-0.0047,0.03127,-0.01318,0.00942,-0.01873,0.03106,-0.02186,0.05835,-0.06678,-0.11941,0.02888,0.01064,-0.01275,-0.02779,-0.14565,-0.01331,0.02645,-0.02893,-0.05958,-0.01857,0.08358,0.01769,0.03185,0.03726,0.06683,0.01067,0.06107,-0.04585,0.03515,-0.00442,0.04518,0.05323,-0.01011,0.04733,-0.02816,0.02907,0.02258,0.04696,0.05091,0.01011,0.07056,-0.05921,-0.07853,0.04308,0.04263,0.02414,0.03719,-0.03102,-0.00147,0.00354,0.03598,-0.06157,-0.04025,-0.038,-0.00605,0.0779,0.06108,-0.06522,-0.04472,-0.02086,-0.12373,0.01819,0.06589,-0.0271,-0.00576,0.08086,0.01822,0,-0.05151,-0.02908,-0.05402,0.08699,0.04411,-0.05112,0.03377,0.00558,0.08954,0.018,0.02525,0.01584,-0.00115,-0.02543,0.00747,-0.02306,0.01571,-0.13668,0.03037,-0.0882,0.04689,-0.03336,-0.03156,-0.0046,-0.06245,0.02187,-0.02571,-0.04304,0.02675,-0.04419,0.00465,-0.02594,-0.05043,-0.07553,-0.00145,-0.0563,-0.04362,0.06643,0.03768,-0.06682,0.0384,-0.00591,-0.04531,0.03638,-0.09692,0.05824,-0.08126,-0.01296,0.0268,0.00321,-0.05056,0.04001,-0.00619,-0.11231,-0.07268,0.02762,0.1016,0.0247,-0.03675,0.0316,0.01821,-0.00891,0.07593,-0.00881,0.0284,0.08325,-0.0281,0.08811,0.02055,0.13583,0.1005,0.01472,-0.08774,0.03282,0.06154,0.04307,0.0561,-0.05083,0.01547,0.04333,-0.00675,0.09255,0.04811,0.05654,0.01573,0.0212,-0.07255,-0.05532,0.04145,0.05538,-0.06548,0.01376,0.00857,0.00671,-0.03205,0,-0.09836,-0.01093,0.0118,-0.01067,0.01859,0.01813,-0.03901,0.02885,0.05634,0.01513,-0.00492,0.05245,-0.07318,0.01818,0.07744,0.06046,-0.0329,0.02701,-0.04489,-0.11237,-0.0092,0.02384,-0.01028,0.05808,0.04548,-0.03753,-0.01369,-0.00976,0.01551,0.04802,-0.01267,0.04963,0.09078,0.05283,-0.02256,-0.00011,-0.01979,-0.01281,-0.04271,-0.00534,0.01496,0.04956,0.00276,-0.05112,-0.08581,0.0267,-0.05547,-0.10299,-0.02087,-0.05022,-0.02835,0.03357,-0.10688,0.08496,0.00594,0.07577,-0.04182,-0.05436,0.12331,-0.02186,-0.07579,0.01533,0.05632,0.01071],"keywords":"Built with Foblex Flow — Angular Apps and Products in Production Built with Foblex Flow — Angular Apps and Products in Production Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities. Why teams pick Foblex Flow - It gives Angular teams editor interactions without forcing a React-first architecture. - It supports production workflows like dragging, reassigning, snapping, selection, zoom, minimap, and alignment helpers. - It keeps graph state and domain rules in the application instead of hiding them in a black-box data model.","excerpt":"Why teams pick Foblex Flow - It gives Angular teams editor interactions without forcing a React-first architecture. - It supports production workflows like dragging, reassigning, snapping, selection, zoom, minimap, and alignment helpers. - It keeps graph state and domain rules in the application instead of hiding them in a black-box data model."},{"chunkId":"/showcase/overview#4","slug":"overview","route":"/showcase/overview","section":"showcase","title":"Built with Foblex Flow — Angular Apps and Products in Production","description":"Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities.","group":null,"vector":[-0.11515,-0.023,-0.10105,-0.04583,0.03266,0.02083,-0.00438,0.07956,-0.01488,0.04635,-0.0678,-0.052,-0.06059,-0.02033,0.06568,0.01384,0.00199,0.00797,0.0082,0.01401,-0.00937,0.01987,-0.00637,0.00137,-0.04554,0.04127,-0.00265,-0.03649,-0.0052,-0.0901,0.04217,0.10149,0.05879,0.04123,-0.03787,0.05952,0.00569,-0.07036,-0.03494,-0.08369,0.03126,0.00879,-0.01708,-0.00176,-0.01345,-0.04988,0.02769,0.00702,-0.00398,0.06124,-0.06811,-0.10171,-0.08145,0.05578,-0.04963,0.0029,0.01942,-0.06381,0.00216,0.01178,0.07362,-0.02527,-0.01448,0.0545,0.01892,0.01619,-0.12556,0.04722,-0.02496,-0.09951,-0.02192,-0.02814,0.00618,-0.02136,-0.01036,-0.05584,0.01535,0.01072,0.00866,-0.01356,-0.0144,0.0052,-0.0229,0.07399,-0.04426,0.07024,0.07257,-0.00166,-0.01156,-0.04647,-0.00674,0.06387,0.01294,-0.00892,0.01464,-0.00224,0.00811,-0.05855,-0.06156,0.05162,-0.03017,-0.06886,0.07812,-0.05614,-0.11149,-0.03135,-0.01075,0.02821,0.01454,0.0113,-0.08938,-0.01083,-0.03916,-0.09883,0.0057,-0.0303,-0.04507,-0.00536,0.09081,-0.01491,0.02415,-0.00406,0.06038,-0.03352,0.03564,0.03876,0.00155,0,-0.0575,0.03027,-0.03745,0.04082,0.05095,-0.04992,0.01534,-0.02916,-0.01134,0.00617,0.00513,0.0929,-0.04293,0.10186,-0.01657,-0.14834,-0.05398,-0.00401,0.07304,-0.01384,0.04651,-0.07529,0.00352,0.04556,0.07752,0.05584,0.01529,0.00488,-0.01312,0.03761,0.03086,0.02353,-0.01815,-0.00892,-0.07123,0.02153,-0.13949,-0.1029,0.00352,0.05095,-0.00145,-0.05737,-0.11068,0.00152,0.03185,-0.0035,-0.04652,-0.03426,0.13033,0.02997,0.01013,0.02852,-0.01132,0.0162,0.05645,-0.06352,-0.01645,0.01523,0.05642,0.03896,-0.01659,0.03946,-0.03139,-0.03549,-0.01712,0.00616,0.0368,-0.00752,0.05374,-0.00987,-0.05237,0.0272,0.06778,-0.01607,0.04096,-0.00704,0.00694,0.03854,0.00353,-0.05474,-0.07174,-0.02148,0.00875,0.08003,0.09266,-0.04311,-0.05866,-0.04559,-0.11581,0.00946,0.03843,0.026,-0.01983,0.04392,0.01871,0,-0.03125,-0.00979,-0.07596,0.05806,0.06139,-0.0417,0.01245,0.03577,0.09013,0.06109,-0.02426,0.02791,0.0214,0.02283,-0.00187,-0.04295,0.06387,-0.11291,0.0448,-0.0443,0.02273,0.05157,0.01138,-0.09024,-0.04374,-0.00159,0.01527,0.0205,0.02599,-0.05364,0.04415,0.00519,-0.07229,-0.03739,-0.04522,-0.03341,0.03182,0.05918,0.03921,-0.08889,0.0968,-0.03195,-0.01953,0.01458,-0.07841,-0.03666,-0.05463,-0.03436,0.0531,-0.00541,-0.03574,0.04397,-0.00175,-0.07617,-0.07103,0.07004,0.11795,0.0302,-0.02515,0.07382,0.00145,-0.02049,0.0976,-0.05779,0.07269,0.04226,-0.00818,0.07434,-0.00884,0.1094,0.04195,0.06,-0.07957,0.04753,0.01464,0.04851,0.06496,0.00111,0.0344,0.01585,0.05883,0.09898,0.03566,0.03333,0.06459,-0.04497,-0.07205,-0.11769,0.05801,0.07377,-0.0663,0.05271,0.01465,0.026,0.00159,0,-0.06556,0.00158,0.02318,0.00015,0.03895,0.04557,-0.02701,-0.01206,-0.00969,-0.06385,-0.04904,0.00241,-0.06338,0.09624,0.06407,-0.00391,-0.05856,0.03997,-0.04008,-0.11064,0.00785,0.07598,0.0795,0.04955,0.00933,-0.01707,0.03592,-0.03048,0.04364,0.02786,0.00304,0.07368,0.07664,-0.00785,-0.0186,-0.00874,-0.04138,0.02596,-0.08382,-0.01068,0.00288,0.04606,0.01342,-0.04972,0.00499,0.0385,-0.10522,-0.12662,-0.0107,-0.00284,-0.03653,0.03017,-0.05513,0.07425,0.01287,0.0797,-0.05326,-0.08006,0.11164,0.0181,-0.05771,0.02294,0.0813,0.07233],"keywords":"Built with Foblex Flow — Angular Apps and Products in Production Built with Foblex Flow — Angular Apps and Products in Production Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities. Submit your project If you built something with Foblex Flow and want it listed here, open the submission thread in GitHub Discussions. Include a short product description, one screenshot, and links to a site, demo, or source repository if they are public. ::: showcase ::: Git Hub","excerpt":"Submit your project If you built something with Foblex Flow and want it listed here, open the submission thread in GitHub Discussions. Include a short product description, one screenshot, and links to a site, demo, or source repository if they are public. ::: showcase :::"},{"chunkId":"/blog/overview#0","slug":"overview","route":"/blog/overview","section":"blog","title":"Foblex Flow Articles","description":"Release notes, architecture articles, and Angular tutorials for node editors, workflow builders, and graph UI development with Foblex Flow.","group":"Articles","vector":[-0.09756,0.04148,-0.06588,0.04097,0.01054,-0.03055,-0.07191,0.06498,-0.01924,0.05843,-0.11546,-0.05273,-0.06813,0.00425,0.10526,0.06607,-0.0065,0.00168,0.0308,-0.04783,0.01535,-0.03785,0.02666,-0.04448,-0.00487,0.08186,0.01363,-0.03227,0.08239,-0.04299,0.08701,0.07703,0.02187,0.04088,-0.10853,0.10984,0.01502,-0.02504,0.00162,-0.04136,0.0483,0.06371,0.01232,-0.07441,-0.01452,-0.02534,-0.06213,-0.01557,-0.03871,0.04598,-0.08581,-0.11124,-0.07337,0.04423,0.03303,0.03788,-0.00196,-0.05722,0.02524,-0.01657,0.0489,-0.03674,0.01194,0.02696,0.04044,0.01155,-0.09077,0.04012,0.01587,-0.03625,0.01926,-0.06084,0.01653,-0.03193,0.02163,-0.00479,-0.00726,0.04165,-0.01256,-0.07212,0.00179,0.04134,0.0043,0.07473,-0.01512,0.10812,0.02797,-0.07353,-0.00966,-0.01386,0.0299,0.03611,0.00629,-0.02034,0.10051,0.03858,0.00254,-0.06156,-0.10734,0.04061,-0.02341,-0.07661,0.07551,-0.0033,-0.04719,-0.00169,0.00697,0.01432,-0.03829,-0.01784,-0.04314,0.06686,-0.00134,-0.06739,0.01286,-0.0554,-0.01056,-0.04013,0.07065,0.11117,0.01633,0.01041,-0.00405,0.00463,0.07772,-0.00981,-0.0043,0,0.03274,0.0733,-0.03471,0.05163,0.12668,-0.02896,0.02529,-0.06118,-0.0323,0.06933,0.02498,0.02307,-0.06665,0.04431,0.0094,-0.13981,-0.05279,-0.02244,0.05731,-0.02078,0.0847,-0.09784,-0.01514,0.06715,0.10241,0.07728,0.0374,0.00864,-0.08539,0.03286,-0.00967,0.03618,-0.01192,0.00975,-0.05921,0.0101,-0.06696,-0.09437,-0.00535,-0.03469,-0.02757,-0.04828,-0.08972,-0.05139,0.01586,-0.00374,-0.06025,-0.05008,0.12314,0.00952,-0.01273,0.02911,0.02417,0.04567,0.06614,-0.0893,-0.01923,0.02549,0.04095,0.05649,0.05173,0.05126,-0.05603,-0.02686,-0.03325,0.02082,-0.02326,0.00822,0.0797,-0.06596,-0.0506,0.06807,0.02646,0.00865,0.01536,-0.00355,-0.02589,-0.04003,-0.00317,-0.06003,-0.06019,-0.0381,-0.01334,0.09169,0.15292,-0.05913,0.00019,-0.03241,-0.0837,-0.01546,0.05467,-0.0007,0.02343,-0.00707,0.01958,0,0.00287,0.02534,-0.0274,0.05692,0.03088,-0.10761,-0.00491,-0.00563,0.08772,0.06087,-0.00806,0.02416,0.01685,-0.03773,0.01274,-0.01524,-0.02698,-0.14908,0.0663,-0.02406,0.02175,0.03749,-0.03048,-0.0442,-0.01815,0.0321,0.01051,-0.00491,0.04767,-0.04685,-0.04249,-0.02037,-0.0192,-0.05119,0.00175,0.0007,0.0342,0.01938,0.01052,-0.05083,0.05694,-0.02431,-0.03362,-0.02413,-0.08091,0.03721,-0.04961,0.07721,-0.06103,-0.01467,-0.02704,0.03565,0.00806,-0.04212,-0.08373,-0.01383,0.12441,0.01767,-0.02644,0.03386,-0.06056,0.01203,0.04308,-0.0015,0.0065,-0.00974,-0.06917,0.00523,-0.0206,0.0948,0.00516,0.0199,-0.08181,0.02582,0.08103,0.03986,0.08906,-0.04487,0.05675,0.00782,-0.03259,0.08239,-0.0205,0.06046,0.07879,0.04843,-0.09227,-0.04261,0.03595,0.07089,-0.09626,0.04376,-0.01141,-0.00812,0.00034,0,-0.16266,-0.02143,-0.01862,-0.02618,0.07396,0.02362,-0.02231,0.02872,0.02178,-0.00969,0.02805,0.05482,-0.01424,0.00354,0.06223,-0.00882,-0.03204,0.00217,-0.00678,-0.0874,0.02504,0.00447,0.00409,0.02945,0.01164,-0.07254,0.00693,-0.01629,-0.02087,0.04083,-0.02052,0.08427,0.09585,0.06971,0.00504,0.01251,-0.00787,0.01295,-0.05438,-0.01626,0.04864,0.05978,0.01958,-0.03126,-0.06634,0.06268,-0.06205,-0.05652,-0.00383,-0.05508,-0.06136,-0.00649,-0.08029,0.07247,0.03765,0.07475,-0.03434,-0.05939,0.08854,-0.00108,-0.03255,0.03805,0.00153,-0.00703],"keywords":"Foblex Flow Articles Foblex Flow Articles Release notes, architecture articles, and Angular tutorials for node editors, workflow builders, and graph UI development with Foblex Flow. Foblex Flow Articles This archive combines release notes, architecture deep dives, and hands-on Angular tutorials around node-based UIs, workflow builders, and custom graph interfaces. Start with the latest release for managed graph state, large-flow performance work, and Angular Elements / Shadow DOM support. Read the Feature Deep Dives when you want the design story behind a single feature, the Inside Foblex Flow series when you care about architecture, and use the Building AI Low-Code Platform series when you want a step-by-step build path. ::: preview-group [Releases] [Feature Deep Dives] [Inside Foblex Flow] [Building AI Low-Code Platform] [Call Flow Editor] ::: U Is","excerpt":"Foblex Flow Articles This archive combines release notes, architecture deep dives, and hands-on Angular tutorials around node-based UIs, workflow builders, and custom graph interfaces. Start with the latest release for managed graph state, large-flow performance work, and Angular Elements / Shadow DOM support. Read the Feature Deep Dives when you want the design story behind a single feature, the Inside Foblex Flow series when you care about architecture, and use the Building AI Low-Code Platform series when you want a step-by-step build path. ::: preview-group [Releases] [Feature Deep Dives] [Inside Foblex Flow] [Building AI Low-Code Platform] [Call Flow Editor] :::"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#0","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09094,-0.03163,-0.01784,0.05447,0.00179,0.00393,-0.04706,0.05353,0.0412,0.00793,-0.03418,0.01539,-0.08315,-0.02591,0.07195,0.02192,0.01744,-0.02753,-0.04463,0.04591,-0.03923,-0.07866,-0.01122,-0.05594,-0.04938,0.03919,-0.03284,-0.0628,0.02851,-0.09211,0.04159,0.08513,0.02758,0.04022,-0.09838,0.05334,-0.01158,-0.03691,-0.07065,-0.04682,0.00387,0.00434,0.02537,0.00173,-0.00742,-0.02267,0.00935,-0.04194,-0.06233,0.06649,0.01046,-0.04866,-0.00105,0.06043,-0.00258,0.05287,0.03493,0.00985,-0.00946,0.01572,-0.03875,0.00657,-0.04246,0.02454,0.03239,0.03776,0.00847,-0.04614,-0.00765,-0.03416,-0.03968,-0.04068,-0.00242,-0.09794,0.01089,-0.05075,-0.01006,0.0305,-0.03697,-0.09367,0.09167,-0.02349,-0.00136,0.05335,0.00383,0.08619,0.01928,-0.06707,0.05288,0.07053,-0.01828,0.03916,0.06078,-0.00631,0.04726,0.00271,0.0239,0.03177,-0.06243,0.06515,0.06919,0.00022,0.05093,0.04021,0.00684,-0.0123,0.01756,-0.00306,-0.03155,-0.01872,-0.02092,0.02995,0.03044,-0.04855,-0.01823,-0.0305,-0.00874,-0.04275,0.03383,0.03028,0.02004,-0.01722,0.02362,-0.04323,0.03431,-0.04719,-0.043,0,-0.00776,0.03752,-0.0733,-0.01281,0.08079,0.04499,0.01253,-0.03982,-0.0676,-0.03211,0.06748,0.0411,-0.04014,0.07657,0.04879,-0.07657,-0.03393,0.07148,-0.02475,-0.02647,0.10789,-0.00104,-0.02479,-0.03705,0.04967,0.10054,-0.01302,0.04236,-0.03635,0.00775,-0.06653,-0.0051,0.00072,0.05051,-0.03947,0.04474,-0.00041,-0.14491,0.04117,-0.10828,-0.06473,0.01261,-0.07405,-0.11188,-0.00782,-0.05534,-0.01724,0.05017,0.02821,-0.02058,-0.00061,0.04376,0.00289,0.05315,0.05341,-0.07988,0.01731,0.05338,0.02741,0.11353,0.07534,0.09554,-0.02754,-0.03402,0.00294,0.06952,-0.01337,0.04693,0.05299,-0.08748,-0.10068,0.07905,-0.03128,-0.01674,0.0669,-0.03382,0.00616,-0.08004,0.01578,-0.02157,-0.07024,-0.05255,-0.05451,0.06199,0.10682,-0.08253,0.00428,-0.05228,-0.06998,-0.01183,0.11926,-0.0823,0.05124,0.01071,0.04324,0,0.00282,0.01084,-0.0652,0.12033,0.02957,-0.06584,0.02395,0.05588,0.01105,-0.08448,0.0108,0.01261,0.00332,-0.02578,0.01324,0.00356,-0.01363,-0.12548,-0.03885,-0.05606,0.04862,0.00605,-0.03479,0.03258,-0.07817,0.03748,0.02232,0.04599,-0.00592,-0.04972,-0.04971,0.03482,-0.06034,-0.03528,0.02369,-0.02178,0.01108,0.0683,-0.00021,-0.04739,0.07437,0.01434,-0.02604,0.02503,-0.03115,0.11763,-0.18269,0.04342,0.01289,-0.01135,-0.0189,0.03638,-0.003,-0.02743,-0.06981,-0.03248,0.08676,-0.00454,-0.05263,0.02954,-0.05028,-0.00615,0.03693,0.00632,0.0482,0.02927,-0.02212,0.04943,0.02452,0.0595,0.11624,0.00406,-0.06998,-0.00373,0.09417,0.01994,0.12426,-0.03946,0.03816,0.02235,-0.00423,0.10663,0.04785,0.00577,0.00748,0.04701,-0.11531,-0.00401,0.01254,0.04503,-0.06775,0.03387,0.00471,0.02847,-0.02039,0,-0.15309,-0.02191,0.00019,0.00933,0.06653,0.04858,-0.02177,0.03819,-0.0199,0.00994,0.05252,0.04688,-0.00989,-0.07383,0.04999,0.02638,-0.02527,0.00568,-0.04385,-0.05072,-0.00926,0.02215,-0.01996,0.10508,0.00452,-0.06083,0.00421,0.04191,0.00617,0.03399,0.00934,0.07015,0.09764,0.1115,-0.07182,0.0169,-0.01373,0.01641,-0.00371,-0.04539,0.04822,-0.0132,-0.08256,-0.04191,-0.07271,0.02628,-0.04172,-0.06003,-0.01298,-0.0531,-0.08517,0.05076,-0.04297,0.0962,0.03972,0.08346,-0.0253,-0.0085,0.09607,0.05632,0.01246,-0.03679,-0.02299,0.03059],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support v19.0 opened up how a Foblex Flow editor can be driven: configurable control schemes, click-to-connect, keyboard editing, and one connector model. v19.1 focuses on what happens after those interactions begin changing a real application: where the graph state lives, how one gesture becomes one undo step, and how the runtime behaves as the editor grows or moves behind a Shadow DOM boundary. Today I'm shipping v19.1.0 with three main changes:","excerpt":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support v19.0 opened up how a Foblex Flow editor can be driven: configurable control schemes, click-to-connect, keyboard editing, and one connector model. v19.1 focuses on what happens after those interactions begin changing a real application: where the graph state lives, how one gesture becomes one undo step, and how the runtime behaves as the editor grows or moves behind a Shadow DOM boundary. Today I'm shipping v19.1.0 with three main changes:"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#1","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.10372,0.00188,-0.023,0.05737,0.01247,-0.03234,-0.03275,0.04015,0.0203,0.01992,-0.00925,0.01443,-0.08052,-0.01814,0.10404,0.05375,0.02126,0.05667,-0.00586,0.04492,-0.03253,-0.12021,-0.03074,-0.05838,-0.02327,0.07286,-0.00011,-0.06096,0.04218,-0.10548,0.06064,0.08038,0.00597,0.0291,-0.10852,0.04319,-0.00799,-0.03053,-0.08791,-0.04926,0.0092,0.0142,0.04674,-0.00734,-0.01625,-0.03347,0.0171,-0.02418,-0.04647,0.07898,0.02521,-0.08021,-0.00621,0.09224,-0.01614,0.05385,0.0449,-0.01616,0.00612,0.02259,0.00456,-0.0159,-0.01041,0.01848,0.00793,0.03214,0.00165,-0.06481,-0.00755,-0.0366,-0.02579,-0.01022,0.00476,-0.07386,0.00927,-0.01394,0.00502,0.01125,-0.06032,-0.08554,0.08046,-0.00341,-0.02716,0.07406,0.01947,0.09223,0.00652,-0.04302,0.02265,0.03112,-0.03393,0.0618,0.03614,-0.03499,0.01162,-0.01386,0.02139,0.02007,-0.10897,0.07142,0.07717,-0.007,0.03887,0.03179,-0.00959,-0.00541,-0.00925,-0.00355,-0.04029,-0.0037,-0.02643,0.04274,0.02488,-0.09659,-0.0249,-0.03556,-0.04688,-0.03987,0.02166,0.0433,0.02097,0.04068,0.03372,-0.0362,0.08704,-0.04021,-0.02794,0,-0.00002,0.04954,-0.0903,-0.01907,0.06461,0.02273,0.02921,-0.02933,-0.04525,-0.02427,0.04865,0.01262,-0.0224,0.05949,0.06317,-0.07145,-0.02013,0.04549,-0.01382,-0.02404,0.07853,-0.03649,-0.02536,-0.03853,0.06527,0.08895,-0.00774,0.04712,-0.04757,0.00939,-0.0359,-0.02374,0.02556,0.05912,-0.02361,0.05866,-0.03064,-0.14514,0.04049,-0.08903,-0.05977,0.00061,-0.08758,-0.09073,-0.03361,-0.05443,-0.05184,0.01395,0.03993,-0.00652,0.02459,0.04317,-0.00356,0.04717,0.05919,-0.08507,-0.00783,0.08443,0.04101,0.11114,0.05502,0.06209,-0.04234,-0.02243,-0.0175,0.03149,0.00385,0.04236,0.05236,-0.05837,-0.08618,0.07431,0.01638,-0.00701,0.05848,-0.04106,0.00767,-0.03575,0.02133,-0.0277,-0.07857,-0.07352,-0.03723,0.05119,0.10093,-0.08834,0.01351,-0.05184,-0.08647,-0.04145,0.09268,-0.06145,0.02765,-0.01241,0.01552,0,-0.02944,0.02837,-0.03935,0.1308,0.02448,-0.06764,0.03866,0.03443,-0.02661,-0.06569,0.02825,0.06006,-0.00892,-0.02575,0.06524,0.03692,-0.00733,-0.14178,-0.02963,-0.05151,0.04305,0.00914,-0.02905,0.01355,-0.07753,0.04545,0.04463,0.00674,0.00709,-0.02575,0.00504,0.05352,-0.03822,-0.04243,0.04281,-0.02573,-0.0036,0.08933,0.00335,-0.03647,0.0487,0.01394,-0.01845,0.02078,-0.07343,0.12181,-0.15929,0.04699,-0.00603,-0.01043,-0.0442,0.01759,-0.01514,-0.0238,-0.0514,-0.03904,0.04213,0.00695,-0.0197,0.01029,-0.02996,0.0049,0.01158,-0.02741,0.01134,0.04015,-0.0402,0.02501,-0.01045,0.07998,0.09259,0.0217,-0.04889,0.00504,0.06394,0.01279,0.15195,-0.03989,0.04095,0.01939,-0.00437,0.07744,0.03808,-0.00598,0.03946,0.05965,-0.15592,-0.02303,0.0191,0.03703,-0.0914,0.07112,0.01374,0.0155,-0.00647,0,-0.16465,-0.02921,0.01528,0.00714,0.06103,0.04614,0.003,0.06712,-0.01484,-0.01177,0.06017,0.03679,-0.01894,-0.05704,0.07326,0.00924,-0.00506,0.02152,-0.03953,-0.04644,-0.01238,0.03481,0.00293,0.11037,0.00581,-0.04131,0.05267,0.00351,0.0716,0.02149,0.02021,0.07179,0.11288,0.07278,-0.05184,0.04609,-0.01769,0.0339,-0.00317,-0.01401,0.03667,-0.00279,-0.05482,-0.04183,-0.10525,0.02849,-0.05446,-0.08161,-0.02568,-0.06089,-0.07442,0.02975,-0.06799,0.10221,0.0399,0.05178,-0.02628,-0.02503,0.09081,0.03174,0.01727,-0.03434,-0.0047,0.03296],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. - Managed Flow State - an opt-in, typed graph store installed with withFlowState(), including automatic updates from supported gestures, batched undo/redo, viewport history, and persistable snapshots. - Faster large flows - targeted connection redraws, model-space minimap geometry, batched registry notifications, cached connector geometry, and less work in drag hot paths. - Angular Elements and Shadow DOM support - pointer gestures and coordinate hit-testing now cross open shadow roots without changing normal DOM targeting behavior. with Flow State","excerpt":"- Managed Flow State - an opt-in, typed graph store installed with withFlowState(), including automatic updates from supported gestures, batched undo/redo, viewport history, and persistable snapshots. - Faster large flows - targeted connection redraws, model-space minimap geometry, batched registry notifications, cached connector geometry, and less work in drag hot paths. - Angular Elements and Shadow DOM support - pointer gestures and coordinate hit-testing now cross open shadow roots without changing normal DOM targeting behavior."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#2","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09422,0.01077,-0.03967,0.06798,0.01604,-0.00504,-0.03949,0.02559,0.03635,0.02967,-0.05158,0.00088,-0.08343,-0.01257,0.08808,0.04893,0.00331,0.01052,-0.00908,0.02309,-0.02539,-0.09183,-0.0419,-0.04495,-0.02165,0.05645,-0.02738,-0.03315,0.04607,-0.09708,0.05907,0.08137,0.00337,0.0351,-0.11186,0.04923,-0.04861,-0.00975,-0.07316,-0.04359,0.02963,0.02357,0.02373,-0.02391,-0.03076,-0.00615,-0.00241,-0.03389,-0.03809,0.06379,0.00257,-0.03359,-0.01958,0.07271,0.00552,0.0321,0.04647,-0.03726,-0.03231,0.00358,-0.03834,-0.00811,-0.01559,0.03748,0.03892,0.06544,-0.0257,-0.02298,-0.01567,-0.0486,0.00471,-0.03314,0.03229,-0.07907,0.02896,-0.04313,-0.00887,0.02511,-0.02388,-0.06439,0.05961,-0.00209,-0.01458,0.05016,0.0147,0.10395,-0.00685,-0.08395,0.0392,0.0475,-0.00588,0.06585,0.03627,-0.00106,0.03553,-0.00926,0.02599,0.00805,-0.09712,0.06026,0.06271,-0.0153,0.03726,0.03122,-0.0253,-0.02465,0.01409,0.02138,-0.00871,-0.00646,-0.03195,0.04266,0.04646,-0.08665,-0.03295,-0.03027,-0.02465,-0.06482,0.02501,0.03018,0.00555,0.00735,0.02572,-0.05053,0.05202,-0.04838,0.00425,0,-0.02016,0.02502,-0.07811,-0.01494,0.07298,0.06442,0.01515,-0.04808,-0.06878,-0.03672,0.05091,0.03855,-0.03665,0.04943,0.03072,-0.08333,-0.02482,0.06616,0.00526,-0.01823,0.10755,-0.01813,-0.02682,-0.03392,0.04283,0.08667,-0.00394,0.04054,-0.05054,0.02238,-0.03457,-0.0107,0.01094,0.04487,-0.03199,0.03933,-0.03801,-0.11017,0.01475,-0.10871,-0.0552,0.00666,-0.07833,-0.07572,-0.04662,-0.06731,-0.05153,0.00835,0.02833,0.00222,0.0284,0.04623,-0.01285,0.0424,0.07903,-0.05989,0.01247,0.08272,0.03551,0.08291,0.06642,0.09454,-0.05136,-0.03785,0.00418,0.05939,-0.00986,0.04077,0.04596,-0.1009,-0.07561,0.08002,0.01527,-0.0029,0.07462,-0.04572,0.03617,-0.04477,0.02255,-0.03966,-0.07453,-0.08798,-0.03458,0.07632,0.10613,-0.05207,0.00725,-0.0476,-0.04653,0.0019,0.10671,-0.07869,0.04456,-0.00934,0.0387,0,-0.0263,-0.01122,-0.04638,0.10898,0.05805,-0.09115,0.01436,0.06262,0.01182,-0.06178,0.04341,0.04693,-0.00805,-0.02705,0.06331,0.03131,-0.01337,-0.13689,-0.02453,-0.04757,0.01279,-0.00934,-0.00152,0.011,-0.0625,0.06265,0.01751,0.0396,0.02147,-0.04881,-0.02069,0.03186,-0.06221,-0.04312,0.01915,-0.02849,0.01127,0.09079,-0.02259,-0.04449,0.03672,0.02913,-0.04897,0.03369,-0.06058,0.107,-0.14259,0.01858,0.04176,0.01776,-0.05083,0.01568,-0.01333,-0.03238,-0.05952,-0.03233,0.05353,0.02582,-0.06612,0.01078,-0.05451,0.00358,0.02982,-0.01117,0.0604,0.04615,-0.03226,0.05067,0.02264,0.07917,0.12065,0.01956,-0.06655,0.01052,0.11343,0.03966,0.12676,0.00962,0.02689,0.03501,0.01029,0.10345,0.01778,0.00363,0.04787,0.00683,-0.13079,-0.03831,0.0115,0.05262,-0.07521,0.032,-0.01203,-0.00238,0.00354,0,-0.17401,-0.06149,0.01155,-0.02472,0.07836,0.03652,-0.03955,0.02345,-0.02535,-0.01395,0.0821,0.06225,0.00099,-0.07679,0.04014,-0.00427,-0.02472,0.00326,-0.03603,-0.0501,-0.02919,0.02943,-0.02631,0.10921,-0.00868,-0.04899,0.03629,-0.01321,0.03743,0.02674,-0.0106,0.08991,0.10724,0.10761,-0.03452,0.03906,-0.00662,0.03299,-0.03385,-0.05512,0.04812,0.00646,-0.03845,-0.03705,-0.07226,0.05038,-0.04501,-0.06419,-0.01172,-0.07855,-0.08884,0.05647,-0.06983,0.12006,0.03226,0.0578,-0.01513,-0.02641,0.07707,0.02085,-0.01359,-0.05221,0.04572,0.02548],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. There are no breaking changes in this release. Managed state is opt-in, and Shadow DOM support requires no additional provider.","excerpt":"There are no breaking changes in this release. Managed state is opt-in, and Shadow DOM support requires no additional provider."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#3","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.06569,-0.0252,-0.04445,0.05447,0.00342,-0.00042,0.0099,0.01481,0.07675,0.01553,-0.05264,-0.00451,-0.06102,0.00356,0.05864,0.03087,-0.00454,0.00038,-0.05024,0.03725,-0.02035,-0.11001,-0.01284,-0.02998,-0.03199,0.05055,0.00639,-0.05083,0.06132,-0.06201,0.02153,0.0482,0.00204,0.05565,-0.1238,0.04524,-0.04902,-0.00974,-0.07014,-0.08196,0.05205,0.02342,0.03261,0.00285,-0.03347,0.01182,0.0102,-0.00514,-0.04022,0.09992,-0.00582,-0.04923,0.00918,0.07741,0.01498,0.06814,0.04567,-0.00886,-0.04219,-0.00087,-0.01988,-0.00461,-0.01202,0.03124,0.02769,0.0677,-0.01858,0.01053,0.01164,-0.0584,0.00843,-0.01805,0.0342,-0.0682,0.02518,-0.0616,-0.04735,0.01025,-0.03344,-0.06275,0.05841,0.00222,0.02635,0.0256,0.04214,0.05547,-0.01119,-0.06708,0.01506,0.04385,-0.03031,0.0548,0.02574,-0.02299,0.04132,-0.02057,0.0385,0.02403,-0.08992,0.04855,0.07565,-0.00167,0.01488,0.06625,0.00171,-0.04862,-0.01129,-0.01917,-0.06546,0.01138,-0.05952,0.04272,0.05217,-0.04973,-0.03851,-0.04377,-0.03131,-0.01808,0.00658,0.04161,0.0313,-0.00556,0.02929,-0.02823,0.02557,-0.05909,-0.01634,0,0.01121,0.03829,-0.08039,0.00647,0.05305,0.05558,-0.00295,-0.05764,-0.03238,-0.05458,0.02406,0.06933,-0.01109,0.04883,0.0627,-0.07431,-0.05599,0.09286,0.03652,-0.01417,0.079,-0.01121,-0.04817,-0.05159,0.06676,0.12083,-0.017,0.06003,-0.03512,0.01658,-0.00895,-0.01071,-0.02527,0.00432,-0.02504,0.02692,-0.01522,-0.12571,0.03345,-0.09379,-0.03465,-0.03385,-0.09028,-0.08205,-0.04465,-0.08615,-0.06806,0.03537,-0.00413,-0.01395,0.05836,0.01143,-0.00988,-0.00171,0.0546,-0.05667,0.00722,0.027,0.02964,0.10154,0.06164,0.09859,-0.07511,0.00826,0.00568,0.07083,-0.00675,0.04416,0.04439,-0.09402,-0.05914,0.08455,-0.0039,-0.01701,0.06819,-0.03205,0.00533,-0.05463,-0.02836,-0.03743,-0.03321,-0.11182,-0.03895,0.05801,0.10612,-0.04367,-0.00123,-0.0564,-0.11589,0.02966,0.08305,-0.06251,0.06456,-0.00725,0.01698,0,0.0182,-0.01937,-0.02744,0.09515,0.06941,-0.07627,0.00891,0.02546,-0.00457,-0.08655,-0.00314,0.01644,0.00301,-0.00221,0.03701,0.05612,-0.00626,-0.09848,-0.0329,-0.08227,-0.00943,-0.02968,0.00769,0.00774,-0.11348,0.0231,0.00789,0.01524,0.0109,-0.04348,-0.06729,-0.00938,-0.01452,-0.03403,0.03069,-0.02049,0.01107,0.03113,0.01011,-0.02903,0.05581,0.02144,-0.04412,0.04507,-0.04306,0.08809,-0.20301,0.05081,0.01158,0.01432,-0.04761,0.01152,-0.05355,-0.08964,-0.03558,0.02265,0.08237,0.02134,-0.0462,0.00036,-0.05677,-0.01999,0.03905,0.01942,0.08929,0.0551,-0.01029,0.03681,0.02418,0.07532,0.15071,0.02239,-0.0524,0.00079,0.10189,0.00751,0.11985,-0.0025,0.04632,0.02069,-0.04299,0.09375,0.0705,0.0051,0.01896,0.08601,-0.0966,-0.01708,0.00932,0.04417,-0.06602,0.05058,0.04996,-0.00534,-0.01468,0,-0.14635,-0.00024,0.01581,-0.01204,0.05214,0.03746,-0.04075,0.0112,0.00341,-0.02847,0.04325,0.06198,-0.01019,-0.03953,0.05025,0.00481,0.01527,-0.03742,-0.04239,-0.05703,-0.00679,0.0454,-0.0235,0.12054,0.01445,-0.05608,0.02857,0.0311,0.03764,0.03796,0.001,0.04004,0.09509,0.10608,-0.06742,0.01522,0.00649,-0.00351,0.00627,-0.03938,0.03915,0.00273,-0.04455,-0.01797,-0.03834,0.04925,-0.01568,-0.0918,-0.01357,-0.06297,-0.10662,0.05037,-0.04683,0.12443,0.05012,0.07189,-0.03369,-0.02237,0.12962,0.03387,-0.02535,-0.04216,-0.01352,0.04396],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Managed State Without a Forced Data Shape Foblex Flow has traditionally emitted interaction events and left the application to update its own arrays or store. That model is still supported and remains useful when an editor already has a domain-specific state architecture. But it also means every application has to write the same coordination layer: update positions after a drag, add a connection after a create event, keep selection and canvas state in sync, and make several events from one gesture become one history entry.","excerpt":"Managed State Without a Forced Data Shape Foblex Flow has traditionally emitted interaction events and left the application to update its own arrays or store. That model is still supported and remains useful when an editor already has a domain-specific state architecture. But it also means every application has to write the same coordination layer: update positions after a drag, add a connection after a create event, keep selection and canvas state in sync, and make several events from one gesture become one history entry."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#4","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08923,0.02147,-0.05435,0.05952,-0.00229,-0.00947,-0.02792,0.04275,0.05955,0.02325,-0.04979,0.00467,-0.08307,-0.01241,0.06713,0.04099,-0.00599,0.01585,-0.00218,0.02052,-0.02916,-0.07121,-0.03909,-0.04595,-0.0419,0.05685,-0.027,-0.04219,0.04516,-0.08294,0.04532,0.0904,0.01796,0.04763,-0.09398,0.06633,-0.04073,-0.01496,-0.06163,-0.05203,0.01989,0.02208,0.03067,-0.01634,-0.03546,-0.01785,-0.01996,-0.0422,-0.04094,0.07065,-0.00014,-0.04327,-0.03619,0.0614,0.0078,0.05027,0.03626,-0.03497,-0.02327,0.0029,-0.02585,-0.00482,-0.01694,0.03611,0.04097,0.056,-0.02449,-0.01726,-0.01162,-0.04356,0.0056,-0.03458,0.0075,-0.07711,0.01027,-0.03658,-0.01034,0.02391,-0.0452,-0.08237,0.06631,0.00534,-0.01067,0.06626,0.03141,0.09346,-0.00552,-0.07591,0.06267,0.07051,-0.01759,0.04917,0.04757,-0.00887,0.02881,0.00223,0.03504,0.00797,-0.0838,0.06717,0.06446,-0.01817,0.03885,0.01393,-0.00887,-0.01113,0.01364,-0.00368,-0.01229,-0.02353,-0.05465,0.03997,0.04823,-0.07575,-0.03413,-0.02686,-0.0276,-0.05052,0.02776,0.0304,-0.00083,-0.00366,0.02567,-0.042,0.05466,-0.07621,-0.01426,0,-0.00963,0.03147,-0.071,-0.01611,0.07829,0.04939,0.00862,-0.05023,-0.07009,-0.04136,0.04005,0.03986,-0.03493,0.05104,0.03736,-0.07965,-0.02287,0.08452,-0.01776,-0.03556,0.11058,-0.02009,-0.0201,-0.03139,0.04347,0.09367,-0.00091,0.02671,-0.03427,0.02935,-0.02836,-0.0069,0.0007,0.05541,-0.024,0.05869,-0.01712,-0.11044,0.02747,-0.08074,-0.05316,0.00002,-0.07798,-0.08622,-0.03443,-0.05639,-0.05093,0.03041,0.02763,-0.00229,0.03208,0.04858,0.00725,0.04368,0.06349,-0.07455,0.00361,0.07791,0.0311,0.10813,0.06823,0.10586,-0.06434,-0.03921,-0.00811,0.04218,-0.01416,0.03299,0.05045,-0.09894,-0.08642,0.07622,0.01881,-0.01697,0.05466,-0.04104,0.02136,-0.05063,0.01881,-0.04692,-0.07954,-0.08293,-0.04938,0.05217,0.11185,-0.06504,0.01213,-0.05477,-0.06205,-0.00804,0.10548,-0.05972,0.04408,-0.00132,0.04823,0,-0.00541,-0.01455,-0.03639,0.11426,0.06294,-0.08328,0.02358,0.01983,0.00767,-0.05443,0.0238,0.03501,-0.0033,-0.03323,0.07541,0.01797,-0.01032,-0.14097,-0.04272,-0.05032,0.01205,-0.0131,-0.01453,0.0041,-0.05673,0.05717,0.01798,0.02309,0.00922,-0.02238,-0.04472,0.02537,-0.06733,-0.06409,0.03695,-0.01546,0.00638,0.09817,-0.01019,-0.04044,0.04855,0.02098,-0.03928,0.04124,-0.05239,0.11979,-0.15612,0.03154,0.04161,0.01281,-0.03371,0.01187,-0.00437,-0.03888,-0.04436,-0.01122,0.04624,0.01948,-0.04814,0.01392,-0.05195,0.00063,0.02628,-0.00455,0.05172,0.03075,-0.03401,0.04803,-0.01129,0.06161,0.12031,0.02333,-0.06632,0.0145,0.09961,0.02315,0.13847,0.00916,0.0274,0.04276,0.00664,0.11433,0.03439,0.01259,0.01717,0.00206,-0.12427,-0.03407,0.00716,0.04828,-0.07673,0.03141,0.0175,-0.00009,-0.01729,0,-0.17693,-0.06674,0.00123,-0.00829,0.0835,0.02977,-0.03748,0.05538,-0.01925,-0.00969,0.08155,0.05929,0.00155,-0.06378,0.0405,-0.01018,-0.02452,-0.01951,-0.04014,-0.04466,-0.03098,0.01566,-0.03144,0.12179,-0.00042,-0.05525,0.01912,-0.01166,0.03487,0.03764,-0.00065,0.09101,0.10643,0.1168,-0.03948,0.04628,-0.00944,0.03491,-0.03118,-0.06923,0.04306,0.00492,-0.03888,-0.04255,-0.05104,0.05073,-0.03977,-0.05989,-0.02835,-0.08709,-0.11453,0.05503,-0.06946,0.11593,0.03031,0.06956,-0.0181,-0.04144,0.07378,0.03069,-0.01495,-0.01646,0.02022,0.01215],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. v19.1 adds an opt-in path for applications that want that coordination built in:","excerpt":"v19.1 adds an opt-in path for applications that want that coordination built in:"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#5","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.11022,0.06386,-0.04406,0.06118,0.01113,0.01266,-0.02748,0.00794,0.05582,-0.0113,-0.0725,0.0093,-0.06931,-0.0619,-0.0025,0.02738,-0.03561,0.02209,0.01742,-0.02077,-0.03932,-0.04279,0.01328,-0.00565,-0.0249,0.1172,-0.01116,-0.04204,0.0253,-0.10515,0.05062,0.05542,0.0033,0.08302,-0.09213,0.07699,-0.04129,0.00395,-0.06777,-0.03511,0.09852,0.02595,0.02362,-0.01952,-0.01274,0.03249,-0.04096,-0.0216,-0.04079,0.08,-0.00712,-0.02664,0.04998,0.1038,-0.02039,0.04034,0.08341,-0.04933,-0.02964,0.03772,0.0008,-0.02774,0.00012,0.01342,0.0076,0.04557,-0.04957,0.01704,0.02316,-0.02427,0.05207,0.01022,0.01801,-0.08136,-0.00909,-0.0233,0.00295,0.03748,-0.05836,-0.04344,0.04783,-0.03077,-0.00681,-0.00287,0.02787,0.07383,-0.00083,-0.06441,-0.00766,0.04627,-0.08302,0.07494,-0.00745,-0.02716,0.04732,0.05029,0.01149,0.01621,-0.03188,0.05288,0.0663,0.00684,-0.03485,0.07294,-0.01959,-0.04619,-0.03152,0.01744,-0.01025,-0.01424,-0.0109,0.1087,0.04727,0.00107,-0.03424,-0.03628,-0.02667,-0.01498,-0.01622,0.05685,0.02702,-0.01956,-0.03087,-0.00825,0.07483,-0.03655,0.02007,0,0.00177,0.02112,-0.08441,-0.0045,0.09866,0.06842,-0.01521,-0.08209,-0.03712,0.00517,-0.02398,0.05077,-0.02692,-0.02425,-0.01994,-0.12375,-0.05267,0.0755,0.00907,-0.03503,0.09573,-0.04874,-0.0414,-0.03457,0.04351,0.09037,-0.08231,0.07776,-0.02811,0.00487,-0.0076,-0.01213,0.0063,0.00794,-0.00189,0.01713,0.01115,-0.08722,-0.01771,-0.08744,-0.01703,0.00878,-0.10388,-0.07325,-0.05596,-0.0973,-0.05866,0.01432,0.06446,0.00185,0.04395,-0.00436,-0.00021,-0.06316,0.05971,-0.0509,0.00362,0.06348,0.02063,0.10602,0.07746,0.08485,-0.02733,-0.06451,0.04149,0.07416,0.00856,0.03883,0.06958,-0.05544,-0.04793,0.08485,0.02569,-0.01001,0.08224,-0.02048,-0.02209,-0.03252,-0.02217,-0.01301,-0.02317,-0.11655,-0.04527,0.08479,0.13302,-0.0497,-0.01215,-0.07167,-0.08435,0.03989,0.11782,-0.01829,0.07028,-0.04245,0.01521,0,-0.00725,0.04068,-0.03001,0.0701,0.05036,-0.09643,0.02927,0.11698,0.02015,-0.01892,0.0176,-0.00298,-0.04714,-0.0195,0.0097,0.01928,0.00697,-0.10262,-0.02218,-0.06128,-0.01483,0.00196,-0.02539,0.04427,-0.04656,0.05385,-0.00059,0.03174,0.01407,-0.06235,-0.03232,-0.00693,-0.05236,-0.04025,0.03965,-0.02834,0.00568,0.09499,0.0316,-0.01837,0.00196,0.05675,-0.09832,0.01098,-0.07738,0.09382,-0.12769,0.09547,0.0003,0.03538,-0.04856,0.04104,-0.02537,0.01261,-0.04986,-0.00842,0.04709,-0.00779,-0.05609,0.02506,-0.01327,-0.04045,-0.01854,-0.03849,0.07967,0.03935,-0.04656,0.04105,0.01146,0.11993,0.08317,0.01835,-0.04076,0.01519,0.11557,0.02007,0.02881,-0.02643,0.01522,0.0448,-0.01025,0.09588,-0.0053,0.02194,0.05627,0.04205,-0.07727,-0.04974,0.03506,0.07847,-0.05693,0.01294,-0.0295,0.00531,-0.00597,0,-0.17494,-0.03851,-0.02198,-0.00106,0.06367,0.01694,-0.01234,0.045,0.00217,-0.07288,0.0599,0.07016,0.00462,-0.07057,0.05362,-0.01366,-0.00869,-0.02724,-0.02056,0.0034,0.00471,0.00923,-0.06569,0.11711,0.01926,-0.04532,0.0403,-0.00998,0.02586,-0.00561,-0.01439,0.02633,0.11573,0.13091,-0.07995,0.04067,-0.01192,0.00622,-0.03371,-0.00207,0.02357,0.05599,-0.06266,-0.02945,-0.10197,0.05102,-0.00645,-0.03683,0.00621,-0.05362,-0.04795,-0.0014,-0.04884,0.09456,0.03742,0.01632,-0.01576,-0.02414,0.03329,0.03992,-0.05835,-0.01692,0.03252,-0.02327],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. The records stay flat and application-shaped. Extend IFStateNode, IFStateGroup, or IFStateConnection with your own fields; there is no required data wrapper. injectFlowState<TNode, TConnection, TGroup() keeps those records typed through reads, mutations, history, and snapshots. The template renders the signals directly: `html @for (node of state.nodes(); track node.id) { <div fNode [fNodeId]=\"node.id\" [fNodePosition]=\"node.position\" {{ node.label }} </div } IF State Node IF State Group IF State Connection inject Flow State T Node T Connection T Group f Node f Node Id f Node Position","excerpt":"The records stay flat and application-shaped. Extend IFStateNode, IFStateGroup, or IFStateConnection with your own fields; there is no required data wrapper. injectFlowState<TNode, TConnection, TGroup() keeps those records typed through reads, mutations, history, and snapshots. The template renders the signals directly: `html @for (node of state.nodes(); track node.id) { <div fNode [fNodeId]=\"node.id\" [fNodePosition]=\"node.position\" {{ node.label }} </div }"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#6","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.14333,0.03397,-0.07202,0.07232,-0.00019,0.01936,-0.03073,-0.01207,0.06758,0.01751,-0.06153,0.0429,-0.03742,-0.05633,0.00919,0.00589,-0.04163,0.00771,-0.04563,-0.00778,-0.04415,-0.04444,-0.01307,-0.01805,-0.01162,0.06073,-0.00205,-0.06799,0.04373,-0.07284,0.07337,0.06416,-0.02958,0.02017,-0.06505,0.0884,-0.00963,0.02632,-0.04401,-0.05851,0.0808,-0.0169,0.0176,-0.0392,-0.04626,0.01524,-0.01809,0.00534,-0.06017,0.09313,-0.01745,0.01787,-0.03157,0.08959,0.00251,0.04802,0.07091,0.01096,-0.05583,0.05639,-0.04365,-0.05166,-0.04357,0.01101,0.03028,0.07582,-0.0361,-0.00243,-0.00531,-0.03351,0.03951,-0.00063,0.00193,-0.09903,-0.00981,-0.02309,-0.01869,0.04841,-0.06205,-0.06173,0.10406,-0.02007,0.05097,0.00447,0.00567,0.07675,0.01176,-0.09125,0.0703,0.05253,-0.02899,0.06348,0.0808,-0.01123,0.0524,0.02428,0.01745,0.04794,-0.04442,0.04436,0.03467,0.0102,0.01647,0.02461,0.02142,-0.03582,-0.0229,-0.00383,-0.02157,-0.00961,-0.01527,0.10622,0.0558,-0.0236,0.02791,-0.04234,-0.0105,-0.00741,-0.02034,0.04305,-0.02087,0.01092,0.01914,-0.0362,0.01219,-0.04548,0.05088,0,0.00816,0.0452,-0.09763,-0.04368,0.04098,0.0683,0.00245,-0.07909,-0.03202,-0.01051,0.01815,0.07117,-0.05366,0.02012,-0.00677,-0.01194,-0.03458,0.07973,0.02591,-0.01124,0.08685,-0.02103,-0.03188,0.00131,0.06239,0.06203,-0.01432,0.06409,-0.06104,-0.00306,0.02603,-0.00731,0.04077,-0.02964,0.00969,0.02376,0.00173,-0.09708,-0.00931,-0.07886,-0.01205,0.02664,-0.13654,-0.01642,-0.07295,-0.09899,-0.06531,0.01751,0.05857,0.03076,0.03499,0.03661,0.01353,-0.03112,0.00796,-0.09057,-0.01515,0.04699,0.06412,0.09916,0.09287,0.08179,-0.03205,0.00234,0.03094,0.09497,-0.00706,0.06129,0.05404,-0.10212,-0.10424,0.03507,-0.04639,-0.02209,0.06876,-0.07627,-0.00839,0.00216,0.02248,-0.01761,0.00065,-0.09674,-0.08727,0.10295,0.0664,-0.06524,-0.05095,-0.08028,-0.07493,0.00797,0.10451,-0.02224,0.06307,0.02303,0.07368,0,0.03221,-0.04592,-0.05154,0.08317,0.01533,-0.11677,0.02301,0.06346,0.00266,-0.04926,0.00072,0.02014,-0.00423,-0.01404,0.01908,0.01809,-0.00821,-0.14636,-0.02714,-0.03728,0.03365,-0.02613,-0.00042,0.04158,-0.06395,0.04011,0.0198,-0.03206,0.03413,-0.07956,-0.01185,-0.01541,-0.04542,-0.0396,-0.01676,-0.05899,0.00888,0.07213,0.00224,-0.03768,0.03318,0.08053,-0.08592,0.02062,-0.03631,0.10367,-0.10594,0.03278,-0.02078,0.00504,-0.02903,0.02592,-0.00613,-0.00127,-0.0287,-0.0359,0.07974,-0.01033,-0.07657,0.01817,-0.01743,0.00459,-0.00683,-0.0061,0.05039,0.04937,0.00186,0.03647,0.0368,0.04851,0.10456,-0.0172,-0.01298,0.00349,0.11335,0.03665,0.07643,-0.04958,0.0228,0.03863,-0.04675,0.09957,0.03091,-0.00063,0.02453,0.04095,-0.11056,-0.04798,0.06089,0.06856,-0.07041,0.00328,-0.03314,-0.02171,-0.00999,0,-0.1627,-0.01447,-0.01101,0.00562,0.07788,-0.00525,-0.02477,0.04717,0.01308,-0.04522,0.0373,0.05912,-0.02375,-0.10675,0.00983,-0.02843,0.0618,-0.025,-0.0289,0.05261,0.00369,-0.00301,-0.00835,0.10362,0.02776,-0.04972,0.04799,0.00359,-0.00364,0.03297,0.01214,0.03144,0.15226,0.06798,-0.07136,0.02048,-0.00085,0.02649,-0.01529,-0.04788,0.02287,0.01035,-0.01452,-0.04129,-0.08493,0.04705,-0.0261,-0.04568,0.00791,-0.04775,-0.10897,-0.00758,-0.05763,0.11579,0.02429,0.01831,-0.02922,-0.02178,0.10983,-0.01935,0.01056,-0.04068,0.0059,-0.0157],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. @for (connection of state.connections(); track connection.id) { <f-connection [fConnectionId]=\"connection.id\" [fSourceId]=\"connection.sourceId\" [fTargetId]=\"connection.targetId\" / } The application still owns what the records mean, how they are validated, and where snapshot() is persisted. The new state layer owns the repetitive editor bookkeeping. Applications that need different rules can supply a custom stateClass` and override the store behavior instead of forking the interaction pipeline. ::: ng-component <flow-state</flow-state [height]=\"600\" ::: f Connection Id f Source Id source Id f Target Id target Id state Class","excerpt":"@for (connection of state.connections(); track connection.id) { <f-connection [fConnectionId]=\"connection.id\" [fSourceId]=\"connection.sourceId\" [fTargetId]=\"connection.targetId\" / } The application still owns what the records mean, how they are validated, and where snapshot() is persisted. The new state layer owns the repetitive editor bookkeeping. Applications that need different rules can supply a custom stateClass` and override the store behavior instead of forking the interaction pipeline. ::: ng-component <flow-state</flow-state [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#7","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.06592,-0.00828,-0.01805,0.08563,0.00355,0.03556,-0.00592,-0.00583,0.05875,-0.00201,-0.01979,0.05935,-0.08971,-0.02135,0.00765,0.02633,-0.03376,0.02691,-0.02822,0.02703,-0.0047,-0.09503,-0.00471,-0.04463,-0.02268,0.05363,0.00406,-0.0392,0.0278,-0.09509,0.04748,0.06018,0.0373,0.0188,-0.1382,0.05965,-0.06487,-0.03503,-0.06869,-0.02963,0.06276,0.03584,0.01418,-0.01343,-0.01564,0.03942,-0.00811,-0.01494,-0.04407,0.06752,0.06247,-0.00588,0.01932,0.08909,0.02032,0.05327,0.04598,-0.02307,-0.0305,-0.0329,0.01141,-0.02049,-0.05764,0.00063,0.01733,0.03829,0.02193,-0.07084,0.01953,-0.00298,0.00317,-0.05881,0.02559,-0.08585,0.03151,-0.02208,-0.00914,0.03049,-0.07451,-0.06033,0.05273,-0.0265,0.02516,0.05748,0.02528,0.07756,-0.06467,-0.06549,0.06132,0.03107,-0.06803,0.02526,0.03016,-0.00913,0.04421,-0.05576,0.03988,0.02459,-0.05387,0.05259,0.08278,0.04098,0.02812,0.04315,-0.01678,-0.03367,-0.0378,-0.00583,-0.03898,0.02054,-0.03576,0.05386,0.05924,-0.00368,-0.01982,-0.02106,-0.02931,-0.02122,-0.0296,0.02127,0.01736,-0.01442,0.05678,-0.00931,0.00913,-0.06292,-0.03531,0,-0.01717,0.0205,-0.08539,-0.0401,0.0528,0.06961,-0.01142,-0.04192,-0.00373,-0.03164,0.05773,0.07792,0.00767,0.04376,0.01255,-0.09288,-0.02895,0.07664,0.0002,-0.029,0.08486,0.05174,-0.01658,-0.05588,0.06128,0.04976,-0.01852,0.06577,-0.03641,-0.00911,-0.01615,0.01538,-0.03263,0.03344,-0.01224,0.0563,-0.00403,-0.1225,0.00315,-0.10162,-0.02003,0.02164,-0.08856,-0.10522,-0.02723,-0.12615,-0.04496,-0.01126,0.05696,0.0075,0.05413,0.01052,0.01685,-0.00954,0.03225,-0.05221,-0.00473,0.06136,-0.00847,0.08921,0.10626,0.0747,-0.03015,-0.01951,-0.01935,0.07228,-0.01065,0.06305,0.01747,-0.07815,-0.04554,0.09952,-0.00084,-0.0386,0.04309,-0.02593,0.0367,-0.05132,-0.00185,-0.04338,-0.05129,-0.1249,-0.04619,0.07555,0.095,-0.06289,0.00527,-0.08921,-0.07622,0.0001,0.11199,-0.06814,0.031,0.01152,0.03569,0,0.03996,0.01679,-0.06567,0.10665,0.02657,-0.0982,-0.01439,0.06621,-0.01015,-0.10207,-0.01821,0.009,-0.00675,0.01185,0.04366,0.03302,0.01244,-0.09367,-0.07183,-0.05062,0.04106,-0.00826,0.01816,0.00919,-0.10527,0.03277,0.04462,0.02132,-0.01556,-0.06028,-0.01901,-0.00786,-0.02763,-0.02108,0.03947,-0.03085,-0.03395,0.0837,0.02869,-0.02701,0.06472,0.04224,-0.03703,0.03333,-0.01053,0.09187,-0.1597,0.06462,0.00546,-0.00347,-0.0401,0.01734,-0.02419,-0.02913,-0.05254,0.00405,0.11369,0.00592,-0.05442,0.0294,-0.06225,0.00034,0.02589,-0.01082,0.0361,0.04485,-0.00723,0.01548,0.00232,0.08241,0.11862,0.05463,-0.0915,-0.00011,0.0844,0.0038,0.06631,-0.02731,0.02113,-0.02257,-0.01258,0.03773,0.0526,0.02686,-0.00792,0.0571,-0.10997,-0.01298,0.00043,0.0385,-0.03631,0.00512,0.03715,-0.00678,-0.00354,0,-0.17701,-0.00457,0.02074,0.01566,0.0903,0.02452,-0.04557,0.05882,-0.03644,-0.06199,0.06867,0.06584,0.00378,-0.0688,0.03411,0.01147,0.0168,-0.01725,-0.0368,0.00541,-0.03063,0.00748,-0.02163,0.08806,-0.01937,-0.04821,0.00818,0.05471,0.04272,0.00627,0.04715,0.0755,0.10157,0.11001,-0.09803,0.01161,0.01588,0.00122,0.02991,-0.05335,0.03272,0.0319,-0.04796,-0.00294,-0.1025,0.04249,-0.04532,-0.07699,0.00292,-0.07866,-0.04819,0.03821,-0.05674,0.13885,0.03892,0.05516,-0.02387,-0.01586,0.08732,0.06223,-0.00081,-0.04226,-0.04323,0.01408],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. One Gesture, One History Action The difficult part of undo/redo is not keeping old arrays. It is deciding where an action starts and ends. A node drag can select the node first, emit several position updates, move descendants through a group transform, resize an auto-fit group, and finish by reparenting the node. Those are separate runtime events, but they are one action from the user's point of view. v19.1 batches them into one history item, so one undo() reverts the complete gesture. Managed state v1 automatically handles:","excerpt":"One Gesture, One History Action The difficult part of undo/redo is not keeping old arrays. It is deciding where an action starts and ends. A node drag can select the node first, emit several position updates, move descendants through a group transform, resize an auto-fit group, and finish by reparenting the node. Those are separate runtime events, but they are one action from the user's point of view. v19.1 batches them into one history item, so one undo() reverts the complete gesture. Managed state v1 automatically handles:"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#8","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08972,0.00466,-0.0306,0.06333,0.02056,0.02447,0.02016,0.00753,0.07368,0.0205,-0.02638,-0.00181,-0.08628,-0.04292,0.01828,0.02077,0.00273,0.01316,-0.02905,0.00975,-0.03504,-0.11922,-0.0085,-0.02502,0.0039,0.06234,-0.01506,-0.08155,0.02852,-0.11516,0.05278,0.09454,0.00111,0.01083,-0.10535,0.07313,-0.00626,-0.04466,-0.08399,-0.05126,0.0331,0.01974,0.00898,-0.01674,-0.01595,0.00501,-0.00778,-0.02551,-0.04843,0.08119,0.04246,-0.0757,-0.00517,0.07948,0.01199,0.05074,0.05268,-0.02031,0.00431,0.00044,0.0033,-0.01258,-0.02306,0.03956,0.02769,0.03854,-0.00847,-0.04895,0.0048,-0.02234,0.00216,-0.01042,0.03256,-0.06468,0.00745,-0.0232,0.01129,0.01796,-0.04575,-0.07092,0.05354,-0.00521,-0.00003,0.05145,0.02565,0.07729,0.00504,-0.03733,0.01637,0.06115,-0.07488,0.08442,0.02655,-0.03664,0.00413,0.0014,-0.00442,-0.00569,-0.06943,0.07246,0.05604,-0.00263,0.03026,0.00723,0.00235,-0.04994,0.00193,-0.02002,-0.04194,0.00866,-0.07446,0.01526,0.05682,-0.05066,-0.02639,0.00174,-0.00899,-0.01895,0.02902,0.01776,0.05475,0.01845,0.04133,-0.03639,0.04919,-0.02344,-0.0206,0,-0.00795,0.00535,-0.04336,0.03569,0.0992,0.01584,0.01302,-0.04551,-0.0748,-0.0576,0.01677,0.02911,-0.02647,0.0559,0.04588,-0.11394,0.00387,0.0579,-0.00494,-0.04283,0.08871,-0.00637,-0.05668,-0.02035,0.03987,0.07445,-0.02454,0.06798,-0.03381,0.01881,-0.04569,0.00434,-0.01381,0.04499,-0.0479,0.03517,-0.03008,-0.1104,0.04364,-0.07697,-0.05713,-0.00754,-0.13012,-0.09893,0.00277,-0.06875,-0.04866,0.05719,0.02254,0.00714,0.03489,0.0569,0.0282,0.01898,0.05579,-0.05094,0.00513,0.06696,0.02985,0.08638,0.09906,0.10618,-0.03653,-0.0197,0.04462,0.06085,-0.00158,0.06201,0.03249,-0.08839,-0.08277,0.09573,0.02483,-0.02636,0.06143,-0.04663,0.00457,-0.09047,-0.00006,-0.01368,-0.05646,-0.06577,-0.05055,0.03783,0.11846,-0.07318,0.01436,-0.03123,-0.10291,0.01934,0.09992,-0.06512,0.08694,-0.00498,0.0272,0,0.00082,0.03081,-0.02428,0.12654,0.06756,-0.05953,0.01581,0.06114,0.03216,-0.05398,-0.00137,0.03694,-0.01793,-0.03125,0.03584,0.02072,-0.02051,-0.11264,-0.03078,-0.05167,0.03385,0.00303,-0.0286,0.01615,-0.09268,0.04398,0.02618,0.01871,0.0098,-0.04759,-0.03544,0.01191,-0.07433,-0.01649,0.0578,-0.03432,0.00477,0.09987,-0.00296,-0.02888,0.00925,-0.00109,-0.06089,0.04824,-0.01128,0.09531,-0.16022,0.02913,-0.03151,0.03128,-0.05596,0.01913,-0.03823,-0.01234,-0.02156,-0.01484,0.06919,0.00348,-0.02515,0.016,-0.01418,-0.01833,0.03469,-0.00022,0.04063,0.02647,-0.05585,0.04061,0.02451,0.07534,0.11961,0.00856,-0.08554,-0.01872,0.08976,-0.00118,0.12099,-0.05059,0.03121,0.03122,-0.02384,0.09062,0.04013,-0.00219,-0.00701,0.0441,-0.12323,-0.00522,0.02323,0.06371,-0.08045,0.036,0.03814,0.01447,-0.02681,0,-0.15322,-0.01124,0.00421,0.00065,0.06638,0.03135,-0.00887,0.05903,0.00172,-0.02849,0.08541,0.0647,0.02795,-0.04756,0.0429,-0.00486,-0.00558,0.00419,-0.03985,-0.074,-0.01494,0.00956,-0.00994,0.11097,-0.01749,-0.05865,0.01313,0.02708,0.01214,0.02345,0.00293,0.05458,0.08121,0.13284,-0.08776,0.02779,-0.04895,0.03492,0.00159,-0.0175,0.05701,0.03475,-0.06346,-0.01766,-0.09179,0.0328,-0.01565,-0.081,-0.05051,-0.03716,-0.07635,0.031,-0.07401,0.12681,0.03926,0.07048,-0.0213,-0.01769,0.10499,0.0491,-0.04848,-0.0331,-0.0055,0.00006],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. - connection creation and endpoint reassignment - node and group movement, including multi-selection drags - selection changes - deletion of rendered nodes, groups, and connections - external palette drops through a configurable nodeFactory - optional drop-to-group reparenting - canvas pan and zoom, with configurable debounce - immutable programmatic add, update, remove, and moveNodes calls state.changes() increments when the outer batch settles, not once per internal event. That gives persistence and collaboration code one stable notification for the completed action: node Factory move Nodes","excerpt":"- connection creation and endpoint reassignment - node and group movement, including multi-selection drags - selection changes - deletion of rendered nodes, groups, and connections - external palette drops through a configurable nodeFactory - optional drop-to-group reparenting - canvas pan and zoom, with configurable debounce - immutable programmatic add, update, remove, and moveNodes calls state.changes() increments when the outer batch settles, not once per internal event. That gives persistence and collaboration code one stable notification for the completed action:"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#9","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09783,0.05165,-0.04877,0.04835,0.03868,0.01017,-0.01995,0.02068,0.04318,-0.00953,-0.0601,0.01206,-0.07371,-0.00714,0.02548,0.00721,-0.04117,0.01179,-0.00649,-0.0119,-0.03943,-0.08518,0.00435,-0.04196,0.01967,0.07926,-0.00402,-0.042,0.05641,-0.09947,0.02549,0.07559,0.0188,0.02143,-0.09207,0.04721,-0.07095,-0.00486,-0.05122,-0.05591,0.01528,0.06917,0.00053,0.00415,-0.03087,0.00426,-0.00267,-0.03781,-0.04173,0.09627,0.01559,-0.02746,-0.00696,0.06698,0.00838,0.0311,0.05852,-0.0231,-0.0146,0.02484,-0.06396,-0.0157,-0.03701,0.02011,0.05042,0.06003,-0.02475,-0.03364,-0.01016,-0.01274,0.01006,-0.0204,0.01631,-0.04365,0.0361,-0.02335,-0.03146,0.01924,-0.05522,-0.06825,0.04345,-0.03906,0.01328,0.06769,0.00873,0.09775,-0.03494,-0.07236,0.02682,0.07329,-0.04312,0.04003,0.06936,0.02521,0.01163,-0.01482,0.02271,0.01714,-0.05932,0.05056,0.077,-0.03022,0.07207,0.03532,-0.00256,-0.03396,0.00931,-0.01536,-0.03475,-0.01778,-0.04001,0.06625,0.05813,-0.03867,-0.01384,-0.05167,-0.00899,-0.0412,-0.0239,0.06104,0.03019,0.01728,0.01125,-0.03173,0.0032,-0.09679,0.00087,0,0.00876,-0.00807,-0.08332,-0.00643,0.06762,0.08154,-0.01157,-0.039,-0.07203,-0.03427,0.04585,0.03972,-0.02848,0.06455,0.04067,-0.07516,-0.01569,0.08507,0.01402,-0.03581,0.07329,-0.01581,-0.0082,-0.03329,0.04872,0.09921,-0.02915,0.04951,-0.0424,0.02803,-0.04638,0.00748,-0.03267,0.03535,-0.03122,0.07232,-0.0122,-0.13929,0.03359,-0.07254,-0.05897,-0.00164,-0.07856,-0.09154,-0.03819,-0.08477,-0.06714,0.03944,0.00483,0.01869,0.0501,0.04695,-0.02687,-0.00458,0.05038,-0.06521,0.01499,0.07438,0.019,0.10188,0.10689,0.09547,-0.05457,0.01419,0.02283,0.06033,0.00407,0.05438,0.00177,-0.08459,-0.05283,0.06289,0.01404,-0.0161,0.05954,-0.04353,0.06555,-0.02128,0.00973,-0.05064,-0.07753,-0.08924,-0.06549,-0.00216,0.09124,-0.06142,0.04387,-0.04435,-0.0371,0.00337,0.10223,-0.06743,0.04066,-0.00851,0.00873,0,0.00195,0.01943,-0.04688,0.08478,0.04515,-0.09402,0.00797,0.04605,-0.02572,-0.09666,0.02653,0.01716,-0.03144,-0.02557,0.0572,0.04032,0.01104,-0.11477,-0.08914,-0.076,-0.01462,-0.03358,-0.03847,0.01104,-0.065,0.03006,-0.00955,0.03352,0.02003,-0.05313,-0.04661,0.04145,-0.05865,-0.02393,0.04476,-0.02602,0.0275,0.07872,0.0199,-0.02521,0.04629,0.0431,-0.04013,0.03531,-0.04726,0.10875,-0.16351,0.04332,0.03344,0.02502,-0.01969,0.02837,-0.00496,-0.05591,-0.05836,-0.03321,0.06975,-0.00838,-0.05,-0.01542,-0.03367,0.00004,0.01173,-0.00061,0.05434,0.02274,-0.04159,0.04022,-0.01552,0.04435,0.15398,-0.00656,-0.04244,0.03993,0.06559,0.00706,0.11372,0.03259,0.02002,0.02496,-0.00838,0.10894,0.05074,-0.00218,0.03118,0.05178,-0.1647,-0.03851,0.03334,0.02668,-0.04985,0.01877,0.01608,0.00932,0.02299,0,-0.17776,-0.046,0.01317,0.00274,0.0722,0.04244,-0.03952,0.07728,-0.02142,-0.04638,0.07416,0.07197,0.01335,-0.0738,0.03739,0.00238,0.03573,-0.01648,-0.01119,-0.03178,-0.06016,0.02548,-0.0223,0.11844,-0.05557,-0.03028,-0.0249,0.0341,0.06505,0.01443,0.00588,0.09558,0.10191,0.08075,-0.04504,0.01109,0.01935,-0.00937,-0.04159,-0.02471,0.04008,-0.00858,-0.03279,-0.03129,-0.08952,0.03105,-0.01683,-0.04034,-0.01999,-0.07943,-0.08527,0.03087,-0.02799,0.13857,0.039,0.05669,-0.0137,-0.00444,0.05936,0.04625,-0.02163,-0.02542,0.01071,0.02052],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Selection and canvas transforms are part of history by default, and both can be disabled independently. historyLimit caps retained entries, while batch(work) lets application code combine several mutations into the same history step. history Limit","excerpt":"Selection and canvas transforms are part of history by default, and both can be disabled independently. historyLimit caps retained entries, while batch(work) lets application code combine several mutations into the same history step."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#10","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08894,-0.0276,-0.04146,0.07362,0.00691,0.05878,-0.01583,0.0216,0.05508,-0.00292,-0.03126,0.00407,-0.09999,-0.02336,-0.00892,-0.03584,-0.00698,0.03347,-0.01239,0.04826,-0.03105,-0.10074,0.00496,-0.02513,-0.00911,0.05783,0.04684,-0.01253,0.0264,-0.0882,0.01527,0.10862,0.04443,0.03174,-0.08646,-0.00243,-0.03086,-0.02391,-0.09285,-0.01915,0.0223,0.02771,0.01566,-0.04485,-0.05607,-0.00999,0.0226,-0.02238,-0.02639,0.05629,0.08288,0.00008,0.0199,0.07314,0.0083,0.0471,0.03055,0.02638,-0.01286,-0.02259,-0.02467,-0.01625,0.00302,0.03114,-0.00024,0.09215,0.00995,-0.08396,0.00742,-0.01204,-0.04356,-0.02687,0.06201,-0.11036,0.01518,-0.00684,-0.01201,0.01586,-0.05795,-0.05147,0.11121,-0.0227,-0.01179,0.07701,0.02448,0.05661,-0.03236,-0.06358,0.04765,0.05277,-0.10535,0.06115,0.04035,-0.03717,0.01055,-0.05087,0.00487,-0.02005,-0.05762,0.02244,0.09069,0.0066,0.04426,0.06342,0.00734,-0.04204,-0.00576,-0.00952,-0.05788,0.02762,-0.00644,0.07519,0.04924,-0.02822,-0.00855,0.00143,0.01376,-0.02275,-0.01952,0.03686,0.01931,0.00191,0.04672,-0.02114,0.05881,-0.03587,0.0124,0,-0.04633,0.00695,-0.08634,-0.00332,0.03281,0.05039,0.02332,0.01379,0.00892,-0.05371,0.07647,0.09117,-0.0194,0.01578,0.03505,-0.04738,-0.03335,0.06823,-0.0393,-0.04338,0.05434,-0.00812,-0.0444,-0.08008,0.03479,0.06028,-0.03923,0.0768,-0.06661,0.01847,-0.01398,0.0272,0.00961,0.00412,-0.05669,0.04058,0.02221,-0.09172,0.01266,-0.05108,-0.10227,0.00353,-0.09468,-0.11069,-0.01548,-0.11813,-0.04086,0.04245,0.04669,-0.03309,0.03852,0.0153,-0.00701,-0.03202,0.01426,-0.03136,-0.02396,0.05161,0.01745,0.05822,0.08089,0.06278,-0.0622,-0.01297,-0.00359,0.08611,0.04277,0.01817,-0.06113,-0.08248,-0.07999,0.08259,0.01921,-0.01141,0.05139,0.00636,0.02162,0.00046,-0.00378,-0.00668,0.01202,-0.07564,-0.01976,0.02682,0.10158,-0.10821,0.0295,-0.04525,-0.14513,0.00596,0.12289,-0.07264,0.1091,0.01776,0.01977,0,0.03694,0.00123,-0.07334,0.06362,0.04656,-0.0518,0.02567,0.07942,0.01857,-0.09747,0.02031,0.04764,-0.0314,-0.00975,-0.00624,0.03354,-0.00058,-0.0756,-0.06061,-0.03653,0.07115,-0.06013,-0.01365,-0.02177,-0.09655,0.04144,0.04326,0.02601,-0.00644,-0.04832,-0.00859,0.02214,-0.04939,-0.02431,0.02365,-0.02099,-0.05104,0.04006,-0.0638,-0.00311,0.03083,0.08029,-0.07755,0.03085,-0.04752,0.08509,-0.08365,0.01796,0.0142,0.02886,-0.06134,0.03541,0.01512,-0.02296,-0.03974,0.07359,0.07484,0.01129,-0.0351,0.04328,0.01608,-0.01956,-0.04011,-0.01181,0.02285,0.06657,-0.04253,0.08627,0.02469,0.07306,0.11244,-0.03563,-0.07403,-0.02053,0.05793,0.06043,0.09868,-0.04158,0.03625,0.00012,0.01306,0.02382,0.01696,-0.00849,0.01882,0.01424,-0.13808,-0.0217,0.03445,0.03215,-0.11035,-0.00125,0.04435,-0.03755,0.01243,0,-0.199,-0.01913,0.01714,0.04735,0.06069,-0.0396,-0.01261,0.04972,-0.05451,-0.08458,-0.0031,0.0902,0.01114,-0.05363,0.0485,0.03617,0.01981,-0.03293,-0.03255,-0.01949,-0.03485,0.01449,-0.00464,0.05667,-0.0247,-0.01452,-0.00958,0.04162,0.05924,0.02915,0.01511,0.04732,0.08588,0.10266,-0.12928,0.00629,-0.03559,-0.0059,0.04339,-0.03639,0.06547,0.01108,-0.05215,-0.01329,-0.10398,0.05341,0.01713,-0.02833,-0.03772,-0.03634,-0.08516,0.05397,-0.07521,0.1193,0.05529,0.02626,-0.00024,-0.01609,0.06307,0.03544,-0.02944,0.02434,-0.03232,0.03213],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Viewport History and Initialization Viewport state is where undo systems often become surprising. A user's pan or zoom is a real interaction and is recorded by default, but initial centering is usually application setup and should not become the first undo item. resetScaleAndCenter, fitToScreen, and centerGroupOrNode now accept an optional emitCanvasChange argument. Pass false for initial or application-driven viewport changes that should stay out of history: Undoing back to the initial loaded state also reruns the full-render lifecycle, so applications that center from fFullRendered receive the same lifecycle signal instead of waiting for an unrelated node change. reset Scale And Center fit To Screen center Group Or Node emit Canvas Change f Full Rendered","excerpt":"Viewport History and Initialization Viewport state is where undo systems often become surprising. A user's pan or zoom is a real interaction and is recorded by default, but initial centering is usually application setup and should not become the first undo item. resetScaleAndCenter, fitToScreen, and centerGroupOrNode now accept an optional emitCanvasChange argument. Pass false for initial or application-driven viewport changes that should stay out of history: Undoing back to the initial loaded state also reruns the full-render lifecycle, so applications that center from fFullRendered receive the same lifecycle signal instead of waiting for an unrelated node change."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#11","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.0958,0.00467,-0.05253,0.0972,-0.01975,0.03332,-0.00288,-0.00875,0.03639,0.01295,-0.02629,0.06307,-0.02088,-0.0391,0.03068,0.03857,-0.01558,-0.03875,-0.04875,0.00051,-0.00547,-0.09871,-0.06907,-0.01112,0.01707,0.0274,-0.01298,-0.03294,0.03308,-0.05026,0.02726,0.09411,-0.04838,0.00705,-0.05804,0.01114,0.0264,0.01547,-0.09572,-0.04861,0.11388,0.03437,-0.01076,-0.05341,-0.02727,0.04983,-0.01953,-0.0367,-0.09608,0.00649,0.02318,0.06592,-0.00604,0.15169,-0.00708,0.05664,0.12301,0.01471,-0.09048,0.03607,-0.0362,-0.04097,-0.03177,-0.00016,0.00758,0.08483,0.0157,-0.05672,0.02298,-0.02914,-0.02051,-0.00283,-0.01138,-0.09692,0.03195,-0.02308,0.00091,0.02598,-0.015,-0.04872,0.11071,0.04229,0.00276,0.03302,-0.02799,0.05903,-0.02713,-0.14111,0.04922,0.05845,-0.02924,0.04083,0.0322,-0.02249,0.04987,-0.01619,-0.00811,-0.0126,-0.05794,0.06256,0.05942,-0.03073,-0.00033,0.02001,-0.04076,-0.00057,-0.01829,0.01612,-0.02396,0.01621,-0.01212,0.05543,0.04846,-0.02669,-0.04228,0.0282,0.02674,-0.00863,-0.01984,0.0547,-0.03503,-0.01316,0.04877,0.00298,0.0099,0.04342,-0.06529,0,-0.07743,-0.02724,-0.04866,-0.02506,0.08071,0.05598,0.02,-0.05856,-0.0139,-0.01746,-0.01077,0.07861,-0.0121,-0.03691,0.00027,-0.085,0.00179,0.09019,0.01097,-0.03153,0.07779,0.01476,-0.01035,-0.04376,0.02733,0.01759,-0.03988,0.07362,-0.03162,0.00191,-0.0011,0.02852,-0.0156,0.03512,-0.02994,0.01049,-0.01906,-0.11295,-0.02248,-0.02274,-0.01606,0.01897,-0.09711,-0.00511,-0.03687,-0.09455,-0.04051,-0.0008,0.00116,-0.00164,0.02653,0.04831,0.00936,-0.0288,0.00449,-0.06223,-0.01197,0.03053,0.02143,0.00758,0.03277,0.03726,-0.09399,0.00797,0.06848,0.08399,0.01678,0.0551,-0.02844,-0.08391,-0.09371,0.15347,-0.01259,-0.03652,0.06195,-0.06444,0.05649,0.01356,-0.00618,0.01524,0.02576,-0.04774,-0.04806,0.09782,0.07667,-0.08058,-0.0149,-0.10636,-0.07119,0.03161,0.13835,-0.03259,0.05954,0.04105,0.04073,0,0.01008,-0.00245,-0.03361,0.02876,0.05813,-0.05776,0.04371,0.071,0.00036,-0.09778,0.02287,0.043,-0.01815,0.01806,0.00097,0.02996,-0.00438,-0.12634,-0.03776,-0.00777,0.05306,0.00134,-0.00619,-0.01351,-0.11288,-0.01588,0.00101,0.02644,0.0249,-0.02451,0.01635,0.01624,-0.08664,-0.02834,-0.03308,-0.01572,-0.05221,0.08309,0.00396,-0.00981,-0.00756,0.05841,-0.05624,0.05241,-0.01614,0.09202,-0.10906,-0.02569,-0.0483,0.06419,-0.07656,0.04812,-0.04751,-0.00168,-0.05515,-0.03311,0.10208,-0.00443,-0.09368,0.01928,0.05604,-0.01233,-0.03165,-0.02416,0.06252,0.01692,0.03886,0.03037,0.07874,0.0363,0.10356,0.03246,-0.03808,-0.03753,0.10278,0.05588,0.04797,-0.04771,-0.01861,0.05156,-0.05575,0.0745,-0.01147,-0.05853,0.01972,0.01619,-0.06761,0.00373,0.0747,0.08699,-0.06779,-0.01048,0.01457,0.00266,-0.05455,0,-0.09454,-0.03117,-0.04199,0.02178,0.07174,-0.00027,-0.02948,0.08576,-0.03515,-0.03501,0.00763,0.07007,-0.04718,-0.03721,0.08704,-0.02458,0.01133,-0.03588,-0.04312,-0.04749,-0.05459,-0.02561,-0.04213,0.16197,-0.00304,-0.08114,0.07327,0.01387,-0.01075,0.03362,-0.0106,0.04741,0.08195,0.1329,-0.06781,0.06533,-0.0248,0.06633,-0.02743,-0.01,0.03817,0.07295,-0.04603,-0.00792,-0.03692,0.03656,0.00532,-0.0291,0.00686,-0.01343,-0.05654,0.0482,-0.10304,0.11112,0.01391,0.03478,0.01798,-0.00138,0.05787,0.02668,-0.04479,-0.03334,0.00311,-0.04726],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Explicit v1 Boundaries Managed state v1 does not automatically capture rotation, connection waypoint editing, or user resize. Their existing public outputs still fire, so applications can update the managed records themselves when those interactions are enabled. Connection cascade during programmatic removal uses the rendered connector registry to resolve ownership. If an application removes a node before its connectors render, such as immediately after load() or during SSR, it should remove the known connection ids in the same state.batch(...) call. Drop-to-group has two independent switches: - fDropToGroup enables or disables the gesture and remains enabled by default for compatibility. - withFlowState({ dropToGroup: true }) allows managed state to apply the emitted reparenting and defaults to false. That separation prevents enabling the state plugin from silently changing an application's grouping rules. f Drop To Group with Flow State drop To Group","excerpt":"Explicit v1 Boundaries Managed state v1 does not automatically capture rotation, connection waypoint editing, or user resize. Their existing public outputs still fire, so applications can update the managed records themselves when those interactions are enabled. Connection cascade during programmatic removal uses the rendered connector registry to resolve ownership. If an application removes a node before its connectors render, such as immediately after load() or during SSR, it should remove the known connection ids in the same state.batch(...) call. Drop-to-group has two independent switches: - fDropToGroup enables or disables the gesture and remains enabled by default for compatibility. - withFlowState({ dropToGroup: true }) allows managed state to apply the emitted reparenting and defaults to false. That separation prevents enabling the state plugin from silently changing an application's grouping rules."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#12","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.07454,0.00801,-0.03127,0.05404,0.0153,0.00123,-0.05294,0.04258,0.05887,-0.00284,-0.05395,0.01736,-0.09171,-0.00591,0.07157,0.03006,0.00963,0.0221,-0.00432,0.00017,-0.04204,-0.09054,-0.01509,-0.04629,-0.00138,0.04843,-0.04301,-0.03178,0.03846,-0.0941,0.05088,0.08264,0.03719,0.04275,-0.08952,0.04858,-0.01954,-0.00386,-0.07992,-0.03874,0.01558,0.0561,0.04212,-0.01107,-0.03266,-0.00662,-0.00449,-0.0379,-0.05382,0.08066,-0.00952,-0.03352,-0.02499,0.05647,0.02111,0.03769,0.03355,-0.03987,-0.01758,0.01197,-0.03242,0.0029,-0.01935,0.02831,0.03138,0.05352,-0.00539,-0.01932,-0.00726,-0.0356,-0.00482,-0.033,-0.0015,-0.08057,0.01318,-0.03413,-0.00289,0.02479,-0.03523,-0.09589,0.06373,-0.02019,-0.01452,0.06224,0.00565,0.09209,0.01127,-0.08713,0.03863,0.05352,-0.00891,0.04814,0.03902,0.00322,0.03399,-0.0328,0.05781,0.01743,-0.07689,0.06656,0.07273,-0.01287,0.06938,0.02474,-0.01845,-0.01729,0.02302,0.02682,-0.03002,-0.01276,-0.02398,0.0407,0.04696,-0.0552,-0.0123,-0.02994,-0.02386,-0.07369,0.0394,0.02683,0.01279,0.01446,0.0231,-0.0266,0.03535,-0.06825,-0.00921,0,-0.00827,0.03739,-0.06225,-0.02039,0.08585,0.05989,0.00249,-0.04212,-0.05534,-0.03287,0.03574,0.02616,-0.03547,0.06722,0.0197,-0.07076,-0.01756,0.07505,-0.01826,-0.02211,0.09563,-0.01864,-0.02382,-0.03164,0.04737,0.08299,-0.00901,0.03652,-0.04215,0.01824,-0.04827,-0.01185,0.0004,0.03527,-0.02717,0.04257,-0.0235,-0.11847,0.0385,-0.0888,-0.05773,0.01351,-0.08803,-0.09211,-0.03059,-0.07242,-0.06216,0.04363,0.01317,0.00698,0.03818,0.04788,-0.0005,0.02465,0.08005,-0.05779,0.03121,0.07413,0.02139,0.11222,0.0799,0.1099,-0.05671,-0.02935,-0.01106,0.07003,-0.00597,0.04689,0.03669,-0.09523,-0.10086,0.0791,0.02,-0.02853,0.05985,-0.04112,0.02599,-0.06849,0.00215,-0.0387,-0.0802,-0.0997,-0.04114,0.04247,0.10133,-0.06251,0.0143,-0.04545,-0.04617,-0.00567,0.11895,-0.09474,0.04053,-0.00015,0.02732,0,-0.02923,0.00658,-0.03479,0.10787,0.04743,-0.09379,0.01604,0.05474,0.01877,-0.05628,0.04044,0.00152,-0.02016,-0.0456,0.06906,0.01551,0.02353,-0.14061,-0.04812,-0.05483,0.0179,-0.01988,-0.00268,0.0107,-0.05864,0.04849,0.02031,0.03616,0.00378,-0.05558,-0.02962,0.01637,-0.05485,-0.06044,0.03483,-0.02405,0.02717,0.06692,-0.00108,-0.05773,0.03232,0.04236,-0.0605,0.0245,-0.04784,0.14382,-0.1553,0.02298,0.0356,0.01693,-0.04262,0.01546,0.0182,-0.03515,-0.05716,-0.03285,0.05932,0.03231,-0.05629,0.01844,-0.06255,-0.01515,0.0345,-0.01872,0.05723,0.03053,-0.04501,0.04424,0.01534,0.07869,0.13141,0.03413,-0.08059,0.02462,0.09347,0.02933,0.11676,0.01711,0.02287,0.03404,0.01647,0.09914,0.03255,0.00743,0.02965,0.02682,-0.13284,-0.02284,0.00587,0.06683,-0.06771,0.02471,0.01574,0.0314,0.00917,0,-0.15732,-0.04612,0.00499,-0.03269,0.05997,0.04215,-0.03335,0.04953,-0.03073,-0.02044,0.10197,0.06103,0.00442,-0.08449,0.03112,0.00137,-0.01304,-0.02638,-0.02824,-0.0411,-0.02102,0.03002,-0.02077,0.11425,-0.03109,-0.05558,0.01878,0.01509,0.02564,0.01029,-0.01023,0.07975,0.1028,0.11009,-0.01927,0.01877,-0.01407,0.04492,-0.03891,-0.03199,0.04595,-0.00128,-0.04834,-0.03734,-0.06042,0.04469,-0.04282,-0.0681,-0.0402,-0.07706,-0.0938,0.05732,-0.07226,0.10497,0.01109,0.07085,-0.0184,-0.02238,0.05337,0.0282,-0.03583,-0.00455,0.02735,0.02248],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Less Runtime Work in Large Editors The second part of v19.1 is internal, but it targets work that shows up directly in frame time as diagrams grow.","excerpt":"Less Runtime Work in Large Editors The second part of v19.1 is internal, but it targets work that shows up directly in frame time as diagrams grow."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#13","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08786,-0.0269,-0.02746,0.08521,-0.00212,0.00749,-0.04172,-0.03968,0.05383,-0.00541,-0.01399,0.03248,-0.06903,-0.0479,0.0342,0.02568,-0.03105,0.05129,-0.07063,-0.02663,-0.04026,-0.06748,-0.02016,-0.02999,-0.00472,0.0313,-0.01762,-0.03035,0.05717,-0.09742,0.0152,0.08055,-0.04222,0.0285,-0.07322,0.09944,0.00397,-0.02316,-0.05791,0.00138,0.10614,0.08149,0.05445,-0.03176,-0.00897,0.03929,0.00024,0.01787,-0.06761,0.03547,0.05842,-0.04055,-0.01943,0.12219,-0.00059,0.09847,0.05909,-0.0563,0.00465,0.01307,0.03977,0.01127,-0.05193,0.00607,-0.03321,0.02663,0.01748,-0.03822,0.0034,-0.01253,0.07761,-0.02677,-0.00915,-0.05218,0.04307,0.01756,0.0565,0.04299,-0.06158,-0.09837,0.05786,0.01768,0.01999,0.01878,0.02421,0.03016,-0.04609,-0.13432,0.01358,0.06606,-0.04399,0.05485,0.04767,-0.00577,0.02639,-0.00402,0.02223,-0.01302,-0.02631,0.05311,0.04239,-0.00037,0.00053,0.03987,-0.06785,-0.02065,-0.05234,0.06089,-0.05716,-0.01371,-0.01578,0.07869,0.03378,-0.02272,-0.08544,-0.05834,-0.01157,-0.04042,-0.03391,0.04621,0.02032,0.00774,0.04496,-0.0254,0.05773,-0.05005,-0.07811,0,-0.00743,0.00177,-0.04824,0.00188,0.07507,0.07366,-0.0276,-0.03861,-0.03242,-0.02874,-0.00945,0.02423,-0.04195,-0.00814,0.00516,-0.086,-0.00173,0.03745,-0.04774,0.00136,0.05198,0.02325,-0.05696,-0.06836,0.02849,0.08703,-0.06134,0.02274,-0.0802,0.02743,-0.01949,0.00503,0.00818,0.04656,-0.05247,0.06216,0.0344,-0.13845,0.02769,-0.06568,-0.04613,0.02542,-0.07672,-0.03999,-0.01346,-0.0694,-0.03769,0.01402,0.0066,0.04695,0.04195,0.04337,0.02852,-0.00676,0.01198,-0.07534,-0.01755,0.10982,0.00709,0.08646,0.1248,0.08082,-0.06929,0.00824,0.06811,0.06601,0.04681,0.05435,0.02273,-0.07754,-0.07801,0.13702,-0.00541,0.0115,0.01134,-0.06021,-0.01357,0.00085,0.03205,-0.04162,-0.03443,-0.04953,-0.06291,0.0565,0.08844,-0.07317,0.02368,-0.0521,-0.06037,-0.01432,0.16211,-0.04882,0.09524,-0.03064,0.06183,0,-0.02071,-0.00245,-0.01192,0.04915,0.06298,-0.11816,0.02514,0.07276,-0.01388,-0.0322,0.00763,0.06501,-0.02996,0.00276,0.02404,0.00647,0.01845,-0.12751,-0.02888,-0.05231,0.04637,0.01262,-0.00855,-0.01245,-0.0206,0.0105,-0.01968,0.03662,0.02632,-0.03183,-0.00799,-0.01566,-0.08106,-0.02105,0.01543,0.02143,-0.06073,0.0942,-0.00611,-0.01878,0.02712,0.04535,-0.07603,0.01036,-0.00253,0.11673,-0.10294,0.00657,-0.03438,0.01404,-0.03601,0.06987,0.04354,0.02446,-0.0278,0.02592,0.10557,-0.0168,-0.0377,0.011,-0.00938,-0.00941,0.0038,0.00734,0.02557,0.02898,-0.01875,-0.00126,0.03186,0.04147,0.08198,0.00775,-0.09548,-0.01616,0.0575,-0.01774,0.05436,0.01149,0.0074,0.051,-0.04008,0.06199,0.01506,0.02109,0.0689,-0.01333,-0.09149,-0.00025,0.04502,0.03492,-0.0383,-0.03608,0.03619,-0.04152,-0.02069,0,-0.17565,-0.00145,-0.01433,0.0143,0.10022,0.00642,-0.01999,0.06907,-0.05004,-0.02245,0.01199,0.0719,0.05504,-0.09604,0.05822,0.0107,-0.00113,-0.05011,-0.03381,-0.00287,-0.05038,0.02857,-0.03051,0.14757,-0.03369,-0.07229,0.02145,0.00444,0.04024,-0.00051,-0.01066,0.05803,0.07465,0.16597,-0.08091,0.0007,-0.05112,0.07178,-0.03579,-0.03195,0.03887,0.00063,-0.01373,0.03935,-0.04598,0.0413,-0.02499,-0.06049,0.01547,-0.07065,-0.06306,0.00206,-0.09083,0.07703,-0.01523,0.01635,-0.01995,0.011,0.03707,0.05007,-0.05006,0.00621,-0.01786,0.00047],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Connections redraw only when affected A node geometry change no longer schedules every connection in the flow. The redraw request carries the changed node id and redraws only connections attached to that geometry. Groups needed extra care here. Moving a group changes the rendered position of every descendant even though the descendants' model positions remain local to the group. The scoped redraw now includes connections owned by descendant nodes, which keeps grouped moves and undo/redo restores correct without falling back to a full redraw.","excerpt":"Connections redraw only when affected A node geometry change no longer schedules every connection in the flow. The redraw request carries the changed node id and redraws only connections attached to that geometry. Groups needed extra care here. Moving a group changes the rendered position of every descendant even though the descendants' model positions remain local to the group. The scoped redraw now includes connections owned by descendant nodes, which keeps grouped moves and undo/redo restores correct without falling back to a full redraw."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#14","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.0129,0.0513,-0.01549,0.07307,0.03091,0.03233,-0.04706,0.05384,-0.0095,-0.01298,-0.0588,-0.03309,-0.06578,-0.02868,0.02189,0.04981,0.02564,0.07996,-0.00437,0.00038,-0.07854,-0.11736,-0.05142,-0.0722,-0.03223,0.09696,0.0008,0.00573,0.02913,-0.09917,0.03996,0.07106,0.02893,0.02626,-0.02665,0.08774,-0.02727,-0.02341,-0.04973,-0.05776,0.01237,0.07515,0.0015,0.00404,-0.00338,-0.01767,0.01465,-0.03022,-0.06412,0.04239,0.03526,-0.02504,-0.02973,0.09375,0.01625,0.05903,0.0505,-0.06871,0.02127,0.03548,-0.03079,-0.03545,0.02087,0.02182,0.03781,0.03244,-0.00899,-0.04833,0.01119,-0.03064,0.05228,0.00584,0.02756,-0.06525,0.023,-0.04228,0.02501,0.03821,-0.03579,-0.08706,-0.01124,0.01801,-0.00853,0.05624,-0.00472,0.05374,-0.04447,-0.08905,0.05399,0.04713,-0.04933,0.06816,-0.06155,0.02705,0.02246,-0.02575,0.04313,-0.01556,-0.09565,0.05784,0.09292,-0.01133,0.0697,-0.00202,0.0183,-0.03768,0.00324,-0.00816,-0.03567,-0.00449,0.01089,0.06955,0.04031,-0.03784,0.00271,-0.0625,0.00145,-0.08772,0.03335,0.03443,0.01481,0.02016,0.01562,-0.04118,0.07778,-0.0553,-0.02437,0,0.00139,0.03054,-0.03629,-0.01,0.10481,0.07171,0.06158,-0.07155,-0.0381,-0.06632,0.0279,-0.00876,-0.05793,0.02794,0.03976,-0.07272,-0.04819,0.06687,-0.06047,-0.00278,0.05519,-0.03678,-0.03592,-0.07254,0.04035,0.10269,0.00736,0.06099,-0.08306,0.03317,-0.02229,0.01291,0.02467,0.06619,-0.01577,0.05096,0.02314,-0.06812,-0.02352,-0.10355,-0.05221,0.0381,-0.0743,-0.11954,-0.04669,-0.09496,-0.04051,0.03975,0.04616,-0.02251,0.06469,0.03694,-0.01099,0.0054,0.02713,-0.05533,-0.0056,0.00483,0.01929,0.08866,0.06499,0.06756,-0.02058,0.00335,0.04946,0.08581,0.01852,0.01408,-0.00137,-0.07608,-0.06599,0.09266,0.06908,-0.04325,0.07627,-0.03901,0.06707,-0.0304,0.0247,-0.01849,-0.06727,-0.06133,-0.07012,0.0067,0.0311,-0.07034,0.05265,0.01181,-0.08332,-0.01657,0.11216,-0.05926,0.02133,-0.01096,-0.00363,0,-0.06283,-0.00398,-0.01781,0.0955,0.04819,-0.12232,0.02543,0.0684,-0.02758,-0.0258,0.02893,0.02365,-0.05833,-0.03392,0.07192,0.06832,0.0175,-0.12923,0.02226,-0.05568,0.03506,0.02624,-0.05809,0.02328,-0.03923,0.03081,0.00239,0.00046,-0.00233,-0.07216,-0.00213,0.00805,-0.08287,-0.02965,0.02797,-0.02838,-0.0206,0.04719,-0.00506,0.00735,0.02034,0.03478,-0.09655,0.0107,-0.03945,0.10235,-0.10432,0.0024,0.00127,-0.01843,-0.04651,-0.00982,-0.02717,-0.02781,-0.064,-0.01812,0.02005,0.05753,0.00042,0.01916,-0.05842,-0.07976,-0.00285,-0.00155,0.03711,0.05811,-0.01681,-0.00637,0.00294,0.07014,0.12129,0.06007,-0.03694,0.04766,0.08008,-0.01402,0.0997,0.04009,0.01888,0.01675,0.02749,0.07999,0.04412,0.03424,0.06871,0.00386,-0.12757,-0.01604,0.00392,0.05792,-0.08134,0.03395,0.00877,-0.0257,-0.03,0,-0.18178,-0.03073,0.01882,-0.02733,0.04827,0.02897,0.00069,0.07769,-0.01982,-0.00628,0.07378,0.03378,0.01403,-0.07653,0.04722,-0.00655,0.00713,-0.01731,-0.01853,-0.05013,-0.03658,0.04839,-0.0269,0.12303,-0.01235,-0.05873,0.05589,0.02295,0.04413,-0.04233,-0.03125,0.0875,0.0924,0.14291,-0.07634,0.0235,0.02527,0.04378,-0.09617,-0.02552,-0.01526,-0.02127,-0.03779,-0.07524,-0.06309,0.06907,-0.02377,-0.05458,-0.00975,-0.0358,-0.05882,0.02961,-0.06035,0.08397,0.01279,0.01136,-0.0348,-0.01602,0.02497,0.01047,-0.06262,0.03791,-0.01727,0.01004],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. The minimap reads model geometry The minimap previously measured node elements during redraw. It now maintains model-space rectangles keyed by node id and reconciles them after batched registry updates. Repainting the minimap no longer requires a DOM measurement for every node.","excerpt":"The minimap reads model geometry The minimap previously measured node elements during redraw. It now maintains model-space rectangles keyed by node id and reconciles them after batched registry updates. Repainting the minimap no longer requires a DOM measurement for every node."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#15","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09904,-0.00709,-0.0387,0.07955,-0.01059,0.00124,-0.02556,0.0248,0.04446,0.00001,-0.02644,0.01509,-0.07147,-0.00862,0.03778,0.00284,0.00852,0.00468,-0.06663,0.03042,-0.0316,-0.11689,-0.03116,-0.03319,-0.0124,0.02433,-0.0046,-0.05996,0.07483,-0.09264,0.04253,0.11226,-0.02211,0.0032,-0.11566,0.06598,0.01585,-0.04294,-0.08642,-0.0662,0.06013,-0.00005,-0.00184,-0.02021,-0.02629,-0.01728,0.01518,-0.00745,-0.07587,0.07322,0.02191,-0.03111,-0.02868,0.10186,0.01856,0.09633,0.05712,0.01013,-0.00786,0.01083,-0.05004,-0.0516,-0.0235,0.01224,0.00024,0.0017,-0.01185,-0.0324,0.00169,-0.05595,-0.00375,-0.00735,0.02722,-0.04725,0.03671,0.009,-0.02761,0.04073,-0.05573,-0.11073,0.03954,0.01465,-0.00216,0.02041,0.05295,0.06316,-0.00495,-0.06159,-0.00054,0.01908,0.03266,0.08765,0.04648,-0.05079,0.00207,0.01599,-0.00342,0.02601,-0.06979,0.04616,0.03445,0.00765,0.05373,0.04394,-0.0239,-0.06381,-0.02702,-0.00446,-0.07068,-0.0122,-0.03479,0.02271,0.07493,-0.07447,-0.02093,-0.01429,-0.03642,-0.04392,0.10716,0.02356,0.02068,0.01588,0.0468,-0.03321,0.08492,-0.04126,-0.02797,0,-0.03573,0.05223,-0.07893,0.00653,0.05559,0.01532,0.01141,-0.03658,-0.00904,-0.03753,0.03918,0.06732,-0.01162,0.05834,0.02675,-0.09575,0.00581,0.08696,-0.0489,-0.01365,0.06929,-0.01806,-0.00808,-0.03455,0.08572,0.03363,0.00819,0.05492,-0.0223,0.00944,0.00308,0.01126,0.00346,0.05708,-0.03817,0.06818,-0.00145,-0.12396,-0.00115,-0.04467,-0.06563,-0.00693,-0.09938,-0.07148,-0.00318,-0.05595,-0.06725,0.00278,0.03227,-0.00451,0.04521,0.07123,0.07535,0.0187,0.05743,-0.07913,0.0025,0.05982,0.03084,0.09073,0.07979,0.09289,-0.07322,-0.0198,-0.01101,0.08165,0.00752,0.0631,0.03372,-0.0548,-0.05381,0.09706,0.01912,-0.03807,0.07591,-0.06947,-0.01856,-0.05713,0.02048,-0.05884,-0.06981,0.00234,-0.06013,0.07215,0.09631,-0.10035,-0.01517,-0.02055,-0.07196,-0.00174,0.13591,-0.03487,0.05052,0.01592,0.02174,0,-0.01603,-0.01203,-0.03322,0.12431,0.01698,-0.06252,-0.00616,0.03273,0.03643,-0.09149,0.00936,0.04358,0.00193,-0.04772,0.05011,0.06319,-0.02216,-0.11753,-0.02142,-0.08248,0.0714,-0.01208,-0.00381,0.00312,-0.0944,0.02175,-0.01568,0.01425,0.04428,-0.08168,-0.04215,-0.00609,-0.08375,-0.06431,0.00765,-0.03864,-0.04468,0.10637,0.04022,-0.03098,0.05041,-0.00534,-0.03855,0.05829,-0.03447,0.08124,-0.16226,-0.02615,0.01013,-0.00425,-0.02814,0.01733,-0.03477,-0.0257,-0.02912,-0.00626,0.05218,-0.00797,-0.03589,0.03702,0.00315,-0.04253,0.01418,0.01578,0.02548,0.04093,-0.00226,0.00887,0.0573,0.07896,0.09636,0.03967,-0.07444,-0.034,0.0482,0.02897,0.12855,-0.06872,0.00995,0.07125,-0.05043,0.08599,0.01247,-0.01682,-0.00066,0.02051,-0.07812,-0.01305,0.04248,0.0283,-0.05108,0.01041,0.0226,0.06064,-0.0119,0,-0.11847,-0.05263,-0.0124,-0.02091,0.06659,0.0233,-0.04016,0.07388,-0.02716,-0.01655,0.0761,0.024,-0.02479,-0.02653,0.08107,0.03465,0.00935,0.00314,-0.05344,-0.07315,0.00219,0.02759,-0.0031,0.11789,-0.02166,-0.03891,0.0591,0.05202,0.03697,-0.00307,-0.014,0.04601,0.08508,0.10079,-0.06216,0.03582,-0.02779,0.06029,-0.02474,-0.00154,0.08003,-0.02454,-0.02481,-0.00979,-0.044,0.01788,-0.07043,-0.04149,-0.02568,-0.05698,-0.07115,0.04508,-0.06132,0.08146,0.00863,0.03795,-0.02437,-0.02706,0.13892,0.05085,-0.02127,-0.02571,-0.00976,0.01594],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Drag and registry hot paths do less repeated work - Pointer targeting resolves through DOM ancestry instead of scanning every registered node. - Connector border radii are cached instead of calling getComputedStyle() for repeated geometry normalization. - Connectable-side recalculation uses one shared scheduler across drag handlers. - Component-store notifications are coalesced, and registry removals are processed in batches. - Drag gesture priority is an explicit claim chain, reducing duplicated preparation work between competing interactions. These are implementation changes rather than new configuration. Existing editors receive them automatically. get Computed Style","excerpt":"Drag and registry hot paths do less repeated work - Pointer targeting resolves through DOM ancestry instead of scanning every registered node. - Connector border radii are cached instead of calling getComputedStyle() for repeated geometry normalization. - Connectable-side recalculation uses one shared scheduler across drag handlers. - Component-store notifications are coalesced, and registry removals are processed in batches. - Drag gesture priority is an explicit claim chain, reducing duplicated preparation work between competing interactions. These are implementation changes rather than new configuration. Existing editors receive them automatically."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#16","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08099,0.01221,-0.02822,0.07157,0.06824,-0.04517,-0.00398,0.01161,0.06769,0.0014,-0.03607,0.00431,-0.0636,-0.01931,0.06723,0.04136,0.02735,0.03724,-0.01213,0.06649,-0.04442,-0.11122,-0.01673,-0.08727,-0.02558,0.05501,0.00783,-0.07422,0.04239,-0.10203,0.07323,0.07847,-0.03605,0.04057,-0.09941,0.03108,-0.01032,-0.03768,-0.07046,-0.0259,0.05837,0.0505,0.02861,-0.03689,-0.05666,-0.02209,0.0248,0.00481,-0.03132,0.07657,0.01327,-0.08401,-0.00911,0.08968,-0.03626,0.03362,0.03416,-0.00483,0.00776,0.05893,-0.01809,-0.00561,-0.01521,0.01845,0.05476,0.01993,-0.05053,-0.05045,-0.04638,-0.04664,0.0274,-0.01779,0.03482,-0.04512,0.0376,-0.01488,-0.04134,0.02919,-0.04619,-0.08245,0.09615,-0.00838,-0.00641,0.06416,0.0304,0.13192,0.02003,-0.07086,0.00038,0.06607,-0.0308,0.0605,-0.00662,-0.01004,0.05028,-0.03361,0.00369,0.00778,-0.09356,0.04239,0.06576,-0.04054,0.05442,0.0301,-0.0017,-0.00305,-0.00436,-0.01124,-0.04019,-0.01159,-0.047,0.04075,0.03043,-0.08963,-0.02853,-0.06292,-0.03202,-0.0513,0.01926,-0.01368,0.00956,0.0437,0.05192,-0.06302,0.08342,-0.0759,-0.02993,0,-0.00669,0.03141,-0.0796,-0.06186,0.06666,0.01601,0.02196,-0.03251,-0.06608,0.004,0.06209,-0.01435,-0.02234,0.0243,0.06502,-0.0644,-0.02087,0.04643,-0.0194,-0.00329,0.08632,-0.03654,-0.04669,-0.0303,0.01479,0.08914,-0.03053,0.03444,-0.03225,0.03917,-0.02147,0.02459,0.01933,0.0406,-0.04837,0.06617,-0.01801,-0.12204,0.00805,-0.08984,-0.05441,-0.02226,-0.089,-0.04833,-0.04596,-0.06374,-0.04716,-0.0022,-0.00679,0.02668,0.01253,0.01836,0.03612,0.02022,0.07516,-0.06578,-0.01491,0.04643,0.03113,0.06099,0.10569,0.06575,-0.07281,-0.03311,0.00727,0.02353,-0.00807,0.0517,0.01293,-0.07227,-0.06549,0.06101,0.02035,-0.00589,0.07673,-0.03253,0.00681,-0.014,0.07643,-0.01858,-0.0614,-0.07753,-0.0125,0.00324,0.06958,-0.04133,-0.00808,-0.06824,-0.09977,-0.01093,0.14108,-0.03836,0.00135,0.0029,0.01725,0,-0.03438,0.04557,-0.03179,0.09577,0.05239,-0.07317,0.00355,0.02571,0.01824,-0.02718,0.0223,0.06698,-0.02362,0.02098,0.07098,0.01682,0.00738,-0.12275,-0.04854,-0.07267,0.0224,0.00647,0.00556,-0.00983,-0.06876,0.0387,0.07868,0.02444,0.02792,-0.02775,0.00755,0.04849,-0.05447,-0.03579,0.027,-0.0132,-0.00029,0.06539,0.00584,-0.12359,0.0135,0.01335,-0.03414,0.01396,-0.08789,0.10093,-0.12816,0.05447,0.0249,0.00873,-0.0396,0.04653,0.01023,-0.00317,-0.04164,-0.0013,0.03618,0.03612,-0.00847,-0.00021,0.03097,0.02752,0.00935,-0.03564,0.04376,0.05975,-0.0537,0.06371,0.02547,0.07139,0.09546,0.02754,-0.05591,0.03169,0.05524,0.04949,0.17337,-0.03895,0.02094,0.03543,0.01265,0.06553,-0.00874,-0.01037,0.05231,0.00223,-0.14477,-0.05179,0.00642,0.05715,-0.06666,0.00723,-0.01308,-0.00367,0.00049,0,-0.1835,-0.03819,-0.02053,-0.01216,0.06137,0.06787,-0.01358,0.03579,0.00019,-0.02152,0.0368,0.0538,0.00107,-0.03069,0.07537,0.0105,-0.04379,0.00732,-0.027,-0.02713,-0.02785,0.01678,-0.00478,0.11759,-0.02536,-0.02519,0.01278,-0.00461,0.03671,0.01595,-0.00138,0.09433,0.05902,0.08509,-0.09698,0.09927,-0.03287,0.00861,-0.041,-0.06651,0.056,-0.01186,-0.01394,-0.03503,-0.11123,0.05514,-0.02759,-0.04102,-0.04119,-0.0303,-0.06486,0.02691,-0.05339,0.10106,0.06611,0.026,-0.02436,-0.0479,0.04071,0.03871,-0.02479,-0.02908,0.05343,0.063],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Angular Elements and Open Shadow DOM Foblex Flow can now run inside an open shadow root created by Angular Elements or ViewEncapsulation.ShadowDom. The supported path covers node and canvas dragging, click-to-connect, connection target resolution, external item drops, and background detection. The targeting behavior is deliberately conservative: View Encapsulation Shadow Dom","excerpt":"Angular Elements and Open Shadow DOM Foblex Flow can now run inside an open shadow root created by Angular Elements or ViewEncapsulation.ShadowDom. The supported path covers node and canvas dragging, click-to-connect, connection target resolution, external item drops, and background detection. The targeting behavior is deliberately conservative:"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#17","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.07067,0.01305,-0.00181,0.10442,0.0403,-0.04536,-0.03474,0.0302,0.08955,-0.01319,-0.0498,0.00766,-0.06963,-0.03452,0.08382,0.01757,0.00832,0.04134,-0.02906,0.03515,-0.04973,-0.11392,-0.02655,-0.06918,-0.0665,0.04216,0.01395,-0.04339,0.06214,-0.09912,0.0877,0.03411,-0.02049,0.00492,-0.06876,0.07785,-0.02334,-0.04114,-0.06747,-0.0261,0.04771,0.02369,0.06027,-0.0222,-0.00438,-0.0405,0.01932,0.00029,-0.06427,0.07358,0.015,-0.05197,-0.01487,0.10275,-0.00458,0.07665,0.0378,-0.01894,-0.00483,0.0458,-0.04847,-0.03815,-0.03348,-0.00138,0.06661,0.04488,-0.02831,-0.06958,-0.0473,0.01994,0.03425,0.00047,0.04394,-0.04555,0.05331,0.0137,-0.0514,0.0482,-0.03915,-0.07519,0.06778,-0.00671,-0.00302,0.03515,0.0846,0.11407,0.01145,-0.05945,0.03903,0.08303,-0.02145,0.02419,0.02342,0.02092,0.04394,0.02605,0.06374,0.00715,-0.05697,0.06137,0.07161,-0.02135,0.00027,0.02578,-0.00372,0.00734,-0.02934,-0.00228,-0.03432,-0.04126,-0.03145,0.0163,0.06128,-0.0665,-0.03258,-0.03371,0.01005,-0.03179,0.0234,-0.01371,0.00736,0.0302,0.06627,-0.03746,0.07145,-0.04269,-0.03434,0,0.00192,0.03117,-0.08942,-0.0307,0.03016,0.03525,0.01971,-0.0125,-0.05085,-0.00925,0.06,-0.01152,-0.01774,-0.01093,0.06073,-0.04083,-0.01732,0.05522,-0.07538,-0.01061,0.08959,-0.01513,-0.04054,-0.04377,0.01449,0.06561,-0.06328,0.03095,-0.12702,0.02582,-0.02193,-0.01146,0.00273,0.07714,-0.01727,0.074,-0.00124,-0.11734,-0.02251,-0.0857,-0.0561,-0.01672,-0.07473,-0.06562,-0.02238,-0.09772,-0.08968,0.01698,0.04107,-0.03014,0.00908,0.0612,0.07577,-0.01374,0.03089,-0.02376,-0.02125,0.04785,0.05065,0.0792,0.0894,0.07602,-0.06024,-0.02303,-0.02135,0.04424,-0.02356,0.00991,0.01748,-0.06214,-0.03015,0.09592,-0.02343,-0.01933,0.0782,-0.01987,-0.0175,-0.04698,0.07679,-0.04842,-0.05167,-0.06091,-0.0277,0.03259,0.08924,-0.05411,-0.02234,-0.09497,-0.10772,-0.03977,0.13726,-0.04679,0.01784,-0.01366,0.04455,0,-0.02745,0.00963,-0.00481,0.10213,0.01908,-0.0999,0.02042,0.01439,0.00196,-0.02817,0.02793,0.05289,-0.03138,-0.01006,0.04596,0.04259,-0.01369,-0.11441,0.01012,-0.09748,0.04675,0.00599,-0.01243,-0.01013,-0.07074,0.00659,0.06927,0.02645,0.02041,-0.04447,-0.02606,0.07267,-0.06679,-0.04583,0.03815,0.01855,-0.05785,0.0556,0.0175,-0.04463,0.03896,0.03873,-0.03283,0.04195,-0.04716,0.12449,-0.13089,0.07483,0.06727,0.0198,-0.03549,0.02521,0.00489,0.01491,-0.033,0.02127,0.04663,0.00359,-0.05076,0.03666,-0.03432,0.0116,0.0508,0.00641,0.03688,0.03736,-0.05802,0.06599,0.02968,0.05531,0.06777,0.03834,-0.06287,0.00133,0.06211,0.02041,0.14282,-0.00976,0.016,0.02162,-0.00901,0.07735,-0.01603,-0.01416,0.03794,0.01775,-0.11389,-0.02092,0.01059,0.04108,-0.05478,0.04792,0.00285,-0.01763,-0.01406,0,-0.19093,-0.04511,-0.04227,-0.0014,0.06645,0.04604,-0.01095,0.01576,-0.0213,-0.03692,0.03452,0.04823,0.02076,-0.06121,0.03741,0.00654,-0.01203,-0.01333,-0.06268,-0.02678,-0.02522,0.00394,0.00916,0.12344,0.00124,-0.06279,0.0306,0.00875,0.0539,0.00219,-0.01677,0.08874,0.04156,0.11844,-0.09118,0.0988,-0.03276,0.00745,-0.01406,-0.05585,0.04776,-0.01618,-0.00529,-0.0333,-0.05849,0.05278,-0.07238,-0.03428,0.00301,-0.05151,-0.09459,0.02804,-0.07236,0.08573,0.063,0.03693,-0.00828,-0.01757,0.05172,0.02769,0.00811,-0.00678,0.03758,0.02951],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. - In normal DOM, interaction code continues to use event.target first. - When Shadow DOM retargets a document-level event to the custom-element host, the runtime falls back to the event's composed path to recover the element inside the flow. - Coordinate hit-testing follows elementsFromPoint() into nested open shadow roots while preserving the browser's native hit order. This avoids making composedPath() the primary targeting model for every application. The fallback only participates when the normal target no longer identifies an element inside the flow. elements From Point composed Path","excerpt":"- In normal DOM, interaction code continues to use event.target first. - When Shadow DOM retargets a document-level event to the custom-element host, the runtime falls back to the event's composed path to recover the element inside the flow. - Coordinate hit-testing follows elementsFromPoint() into nested open shadow roots while preserving the browser's native hit order. This avoids making composedPath() the primary targeting model for every application. The fallback only participates when the normal target no longer identifies an element inside the flow."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#18","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08792,0.00802,-0.04677,0.07323,0.01362,-0.07026,-0.0973,0.0298,0.00305,0.03971,-0.02693,0.00075,-0.08465,-0.0301,0.08327,0.07435,-0.05846,0.03622,-0.00867,0.02648,0.00629,-0.07878,-0.03526,-0.06241,-0.05199,0.04494,-0.00538,-0.04493,0.04557,-0.09476,0.08384,0.07611,-0.00197,0.00814,-0.03926,0.06141,-0.04199,-0.03564,-0.04224,-0.02367,0.03176,0.03892,0.05381,-0.00544,-0.02104,-0.03259,0.00931,-0.04073,-0.03961,0.03755,0.01694,-0.05982,0.01034,0.07858,-0.00162,0.00896,0.05304,-0.05521,-0.02548,0.05397,0.00822,-0.00849,-0.04459,0.00168,0.04642,0.06957,-0.04106,-0.06898,-0.03733,-0.01421,-0.01475,-0.01373,0.02463,-0.06228,0.02193,-0.00817,-0.04734,0.01052,-0.06215,-0.07109,0.07934,-0.03562,-0.01999,0.05576,0.02188,0.1282,0.03195,-0.02923,0.04697,0.05763,-0.00291,0.03015,0.02446,0.03233,0.01575,-0.00983,0.05628,0.00977,-0.13488,0.06718,0.04572,-0.02891,0.02682,0.00539,-0.00155,0.04559,0.0199,0.02216,0.01381,-0.00555,-0.02912,0.04568,0.03619,-0.04996,-0.01272,-0.02687,-0.00208,-0.05796,0.01195,0.02627,0.01717,0.03032,0.02353,-0.04465,0.08831,-0.05402,-0.01392,0,0.02077,0.02978,-0.09372,-0.03565,0.06463,0.056,0.00254,-0.02523,-0.0987,0.03503,0.08272,-0.01275,-0.04021,-0.01199,0.0426,-0.04104,-0.03755,0.05346,-0.01401,-0.01632,0.09929,-0.03405,-0.03603,-0.06244,0.03068,0.06777,-0.00407,0.01361,-0.04109,0.02737,-0.05254,-0.01676,0.06356,0.07286,-0.02915,0.08107,-0.00649,-0.11359,-0.00044,-0.09704,-0.04585,-0.01551,-0.07198,-0.05808,0.00662,-0.10742,-0.0659,-0.014,0.03821,0.00633,0.01002,0.04361,-0.01663,0.01794,0.05079,-0.0335,0.01578,0.07642,0.01464,0.07679,0.06995,0.05043,-0.07209,-0.05979,-0.0596,0.02415,-0.02756,0.03491,0.01016,-0.08585,-0.08361,0.0554,-0.04726,-0.00805,0.02467,-0.019,0.04802,0.0156,0.07223,-0.06271,0.01938,-0.11082,-0.04063,0.08085,0.10711,-0.06748,-0.01543,-0.01767,-0.08274,-0.01325,0.05977,-0.0694,0.04364,-0.00782,0.04899,0,-0.05281,0.00982,-0.05179,0.13068,0.05026,-0.09194,0.03279,0.01623,-0.01792,-0.06537,0.07185,0.07511,-0.00641,-0.0099,0.07011,0.01278,-0.00387,-0.09047,-0.02189,-0.04552,0.0141,0.01088,-0.01599,0.00027,-0.04949,0.04449,0.00671,0.02643,0.00908,-0.0145,0.00295,0.0499,-0.0485,-0.05016,0.02649,-0.01429,-0.02108,0.0402,0.00481,-0.0345,0.03777,0.05661,-0.04812,0.00399,-0.07049,0.11651,-0.13285,0.0266,0.04056,0.02409,-0.03932,0.02568,0.02876,-0.00087,-0.05724,-0.02131,0.06603,0.03479,-0.03801,-0.01225,-0.05415,0.02022,0.0237,-0.03505,0.03962,0.02658,-0.06393,0.07761,-0.01159,0.05401,0.05716,0.02584,-0.04713,0.05021,0.09863,0.0393,0.13107,-0.02768,0.04233,0.02905,-0.00149,0.08691,-0.00055,0.01699,0.07057,-0.00819,-0.1365,-0.04363,0.01452,0.06805,-0.10506,0.08256,-0.011,-0.04986,0.01792,0,-0.17717,-0.02663,0.00681,0.01581,0.10356,0.02681,-0.00749,0.01662,-0.02085,-0.02393,0.05723,0.06927,-0.01937,-0.0472,0.0277,-0.00212,-0.01859,0.01026,-0.01949,-0.0284,-0.05168,0.01594,0.02322,0.11449,-0.02539,-0.05155,0.03446,-0.03225,0.03395,0.04127,0.0272,0.10118,0.06216,0.08402,-0.08832,0.11755,-0.01863,0.03487,-0.05162,-0.0374,0.02032,-0.01708,-0.03171,-0.05297,-0.10231,0.02821,-0.02017,-0.03393,-0.00951,-0.07945,-0.06495,0.02815,-0.06169,0.10116,0.04234,0.06066,-0.01381,-0.00218,0.04756,0.00329,0.00768,-0.04855,0.03751,0.03627],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Closed shadow roots remain unsupported because the browser intentionally hides their internal tree from outside code. No configuration flag can make deep hit-testing enter a closed root. This work addresses GitHub Discussion #315. Git Hub","excerpt":"Closed shadow roots remain unsupported because the browser intentionally hides their internal tree from outside code. No configuration flag can make deep hit-testing enter a closed root. This work addresses GitHub Discussion #315."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#19","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.07995,0.01517,-0.01598,0.09841,0.04005,-0.0047,-0.05232,0.02694,0.0412,0.02263,-0.02579,0.01999,-0.09781,-0.04171,0.02698,0.00451,-0.01422,0.03851,-0.07905,0.01995,-0.00657,-0.14193,-0.01076,-0.0488,-0.00193,0.07512,-0.05854,-0.02092,0.05582,-0.12518,0.00138,0.09839,0.04262,0.04206,-0.05049,0.04533,-0.00617,0.03762,-0.04988,-0.04448,0.04982,0.0858,0.03621,-0.01021,-0.02511,0.02637,0.00223,-0.01318,-0.10229,0.01972,0.05248,-0.00989,-0.01493,0.11592,-0.02332,0.08215,0.04222,-0.02893,-0.01929,0.01468,-0.03231,-0.02699,-0.03905,0.00991,0.00246,0.06581,0.00988,-0.08019,-0.02107,0.0045,0.02664,-0.01232,0.00975,-0.03343,0.06625,0.02239,-0.01267,0.03458,-0.02622,-0.05383,0.03505,0.03576,-0.00436,0.02709,0.02323,0.07008,0.01416,-0.10985,0.02303,0.05144,-0.04668,0.0719,-0.00949,0.01342,0.06383,-0.04393,0.05359,-0.02271,-0.0523,0.04807,0.12993,0.01865,0.05691,0.06293,-0.03141,-0.04604,-0.02193,0.07623,-0.02638,-0.01375,-0.0274,0.05066,0.07812,0.01957,-0.03141,-0.05128,-0.00225,-0.06034,0.02816,0.00899,0.02113,0.0509,0.02929,-0.03204,0.10013,0.03384,-0.00382,0,-0.07654,0.03835,-0.07524,-0.01079,0.07398,0.06351,-0.02481,-0.01106,-0.03708,0.00633,-0.01364,0.05573,-0.05422,0.03008,0.03726,-0.06015,-0.01429,0.09979,-0.04198,-0.04158,0.04661,0.03999,-0.00885,-0.03656,0.00403,0.03535,-0.02655,0.08281,-0.08699,0.02349,-0.05118,0.00542,0.03135,0.01302,-0.06324,0.02866,0.02048,-0.14146,-0.00778,-0.06833,-0.04751,0.02775,-0.06318,-0.07125,-0.03127,-0.09369,-0.00536,0.03019,-0.03257,0.03749,0.03363,0.01445,0.00894,-0.00302,0.01578,-0.04775,0.01239,0.03873,0.03383,0.05666,0.06486,0.02974,-0.05674,0.01336,0.01078,0.08163,0.05838,0.04229,-0.01361,-0.05588,-0.01905,0.07574,0.01018,-0.00448,0.07566,-0.06083,0.033,-0.00106,-0.03411,-0.00579,-0.02789,-0.07413,-0.01592,0.00834,0.03649,-0.11969,0.05018,-0.03172,-0.07595,-0.05316,0.12931,-0.08868,0.12095,0.01065,0.0194,0,0.01128,-0.02315,-0.01567,0.05639,0.05444,-0.06995,-0.01685,0.0827,0.02024,-0.12323,-0.00713,0.04569,-0.00898,-0.03011,-0.00534,0.02721,0.01234,-0.13022,0.01528,-0.03358,0.09325,-0.04078,-0.03405,0.03799,0.00507,0.01428,-0.00308,0.03084,-0.01953,-0.03042,0.00779,-0.0384,-0.06243,-0.02634,0.04233,-0.06794,-0.0293,0.08594,-0.02957,0.00697,-0.01026,0.03782,-0.07545,0.04332,-0.00451,0.09442,-0.08635,-0.00751,0.00699,0.03003,-0.04128,0.06885,0.0285,-0.02957,-0.04731,0.0299,0.06128,0.00994,-0.09142,0.02751,-0.04186,-0.07879,-0.00094,-0.04353,0.02843,0.06504,-0.03656,0.01666,0.00998,0.10099,0.0954,-0.01679,-0.08217,-0.0077,0.08408,-0.00784,0.1143,0.00057,0.05205,0.0511,-0.03927,0.05432,0.05267,0.02359,-0.01543,0.01965,-0.10681,0.03198,0.00029,0.08674,-0.08051,0.01743,0.0204,-0.04453,0.00829,0,-0.14048,0.00139,0.0028,0.03577,0.11011,-0.03209,-0.04665,0.10026,-0.06348,-0.01725,0.01602,0.07071,-0.00613,-0.07781,0.05592,-0.01841,-0.03515,-0.03442,-0.04595,-0.00865,-0.05276,0.03657,-0.00061,0.06446,-0.01662,-0.08855,-0.00845,0.0199,0.00475,0.00955,0.01714,0.06938,0.11699,0.10953,-0.08767,-0.00031,-0.04161,0.04488,-0.0066,-0.05587,0.03386,0.02044,-0.00307,-0.01687,-0.05044,0.02911,-0.02286,-0.05738,-0.04815,-0.05829,-0.01502,0.02213,-0.09019,0.11047,0.03836,-0.0176,-0.05144,-0.00951,0.05923,0.04414,-0.01957,-0.00214,-0.01608,-0.01117],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Group Auto-Size and Undo Correctness The state work exposed several ordering bugs around groups and render restoration, and those fixes ship for every editor: - fAutoSizeToFitChildren waits until child parent ids have settled before measuring the group. - The final auto-fit size emits through fNodeSizeChange / fGroupSizeChange so external and managed stores see the same geometry. - Clearing a bound size removes stale explicit width and height. - Combining fAutoExpandOnChildHit with auto-fit no longer emits a transient soft-expanded size before the settled size. - Connections attached to descendants redraw after a group move or state restore. The result is that undo restores the graph as one coherent visual state: group, descendants, connections, selection, and viewport no longer settle on different frames. f Auto Size To Fit Children f Node Size Change f Group Size Change f Auto Expand On Child Hit","excerpt":"Group Auto-Size and Undo Correctness The state work exposed several ordering bugs around groups and render restoration, and those fixes ship for every editor: - fAutoSizeToFitChildren waits until child parent ids have settled before measuring the group. - The final auto-fit size emits through fNodeSizeChange / fGroupSizeChange so external and managed stores see the same geometry. - Clearing a bound size removes stale explicit width and height. - Combining fAutoExpandOnChildHit with auto-fit no longer emits a transient soft-expanded size before the settled size. - Connections attached to descendants redraw after a group move or state restore. The result is that undo restores the graph as one coherent visual state: group, descendants, connections, selection, and viewport no longer settle on different frames."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#20","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08781,0.00207,-0.04218,0.02628,0.03353,0.02371,-0.09892,0.03851,0.02256,0.03268,-0.07312,0.00913,-0.06767,0.02242,0.07644,0.04058,-0.01372,-0.02985,0.01559,-0.04529,-0.02858,-0.0527,0.0063,-0.03835,0.01071,0.07699,-0.02699,-0.03685,0.06381,-0.0319,0.05162,0.04702,-0.00276,0.02845,-0.14184,0.04779,-0.02549,-0.00907,-0.07588,-0.0236,0.05632,0.05777,0.01914,-0.04141,-0.07202,-0.01729,-0.01518,-0.02742,-0.05897,0.13394,-0.00387,-0.07094,-0.00674,0.038,0.06386,0.00937,0.03979,-0.05297,-0.04352,-0.01503,-0.03267,-0.0586,-0.03941,0.01262,0.04225,0.05635,-0.04947,0.00775,0.00725,-0.04944,-0.02951,-0.02281,0.03305,-0.04733,0.00217,-0.02611,-0.03902,0.03125,-0.02931,-0.07258,0.06873,0.02455,0.00899,0.06633,-0.03237,0.09414,0.00931,-0.05419,0.03621,0.01283,-0.01921,0.02019,0.0826,-0.00805,0.07401,0.02421,0.0302,-0.02206,-0.10803,0.0437,0.0625,-0.03851,0.05576,0.01825,-0.02889,-0.03012,-0.0112,0.03298,-0.04658,0.00235,-0.02484,0.0635,0.04453,-0.08502,-0.03665,-0.04416,-0.01898,-0.05227,0.0148,0.05861,0.00586,0.01382,0.07002,-0.03339,0.06179,-0.03449,-0.00025,0,0.04333,0.07261,-0.09096,0.01981,0.07147,0.04554,0.00208,-0.06052,-0.02725,-0.00682,0.06202,0.08637,-0.05746,0.01284,0.04761,-0.07081,-0.03114,0.06654,0.01575,-0.02144,0.05695,-0.00422,-0.01447,0.00228,0.08766,0.0547,0.00939,0.06469,-0.0608,0.00964,0.03943,0.00222,-0.04405,-0.00035,0.01116,0.04423,-0.04763,-0.11172,0.0202,-0.10933,-0.00853,-0.04111,-0.14846,-0.0355,-0.0156,-0.09997,-0.05992,-0.03156,0.09427,-0.02211,0.04644,0.06071,-0.00673,-0.00334,0.05978,-0.0375,0.00206,0.06365,0.02609,0.07963,0.0961,0.04238,-0.0407,-0.01961,-0.00419,0.02263,-0.0248,0.02159,0.05461,-0.0998,-0.0376,0.05333,0.00507,0.00744,0.06487,-0.00811,0.04431,0.00554,0.02566,-0.0599,-0.02455,-0.08801,-0.04485,0.06639,0.11808,-0.0456,0.01316,-0.04932,-0.08136,0.01577,0.08204,-0.04799,0.03765,0.0308,0.02377,0,-0.01211,-0.03505,-0.02959,0.08561,0.01763,-0.11172,0.01749,0.05663,0.02659,-0.02267,0.01492,0.03341,0.00407,-0.0253,0.05191,0.0238,-0.02388,-0.16166,0.00556,-0.06,0.01229,0.00968,-0.04092,-0.00043,-0.10147,0.07737,0.01268,-0.01403,0.01388,-0.04926,-0.02955,-0.01461,-0.01632,-0.05722,-0.03473,-0.03332,0.04113,0.05042,-0.01313,-0.05489,0.02877,0.04088,-0.05164,-0.01072,-0.05632,0.04097,-0.11398,0.03495,-0.00562,0.00866,-0.07176,0.03199,0.01109,-0.04372,-0.04637,0.00653,0.06821,0.03016,-0.02629,-0.00291,-0.05189,0.0311,0.02401,0.01395,0.03701,0.03524,-0.03893,0.00934,0.0003,0.07307,0.06752,0.02747,-0.06629,-0.01031,0.15013,0.0715,0.12539,-0.01497,0.01451,-0.01346,-0.0478,0.10219,0.01006,0.00546,0.09815,0.04999,-0.0892,-0.0623,0.01626,0.05808,-0.08121,-0.00906,-0.00915,0.00338,0.03558,0,-0.17061,0.02958,-0.02013,-0.0161,0.08375,0.01138,-0.01894,0.03552,0.0202,-0.00045,0.03235,0.08897,-0.05127,-0.0482,0.04071,0.03409,0.02261,-0.00906,-0.0358,-0.02563,-0.0284,0.04086,-0.00465,0.10871,-0.01189,-0.01524,0.02951,0.051,0.04008,0.03968,-0.00354,0.07363,0.09453,0.06288,-0.03983,0.00273,-0.02804,0.01028,-0.00636,-0.04476,0.08975,0.01975,-0.01169,-0.01471,-0.07141,0.05819,-0.05758,-0.05445,-0.02401,-0.07122,-0.1029,0.02128,-0.08006,0.13663,0.01525,0.07447,0.00725,-0.01195,0.07718,0.03118,-0.00558,-0.02718,0.01168,0.0002],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Documentation and Starter Updates The release also adds a maintained zoneless Angular starter under starters/minimal-flow for StackBlitz, expands the v19 README and package metadata, and adds comparison and use-case pages for teams evaluating Angular diagram libraries. The dedicated Managed Flow State guide contains the complete API, configuration table, v1 limitations, and a working example. Applications that prefer to own the entire history layer can continue using the existing event-driven APIs. Stack Blitz AP Is","excerpt":"Documentation and Starter Updates The release also adds a maintained zoneless Angular starter under starters/minimal-flow for StackBlitz, expands the v19 README and package metadata, and adds comparison and use-case pages for teams evaluating Angular diagram libraries. The dedicated Managed Flow State guide contains the complete API, configuration table, v1 limitations, and a working example. Applications that prefer to own the entire history layer can continue using the existing event-driven APIs."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#21","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09968,-0.01568,-0.02109,0.05687,0.04569,0.00823,-0.04296,0.03221,0.03177,0.02075,-0.03719,-0.01461,-0.07911,0.00201,0.0494,0.04687,-0.02486,0.00742,-0.03533,0.00984,-0.02899,-0.10231,-0.01357,-0.0381,-0.02055,0.05003,0.01069,-0.06791,0.03426,-0.07467,0.0952,0.08352,-0.00144,0.03889,-0.11199,0.03619,-0.0444,-0.0256,-0.0669,-0.03788,0.04516,0.03283,0.04623,-0.04813,-0.05127,-0.01791,0.00813,-0.02597,-0.04806,0.09437,0.02981,-0.00145,0.03949,0.09139,-0.01819,0.03752,0.04593,-0.02539,-0.01321,-0.0224,-0.01313,-0.03298,-0.03029,0.00361,-0.00267,0.06474,-0.00461,-0.04392,-0.03496,-0.02211,-0.00516,-0.02435,0.03807,-0.10811,0.00789,-0.01875,-0.0229,0.02926,-0.05689,-0.07837,0.1178,0.00014,-0.00096,0.06723,0.01301,0.09087,-0.03191,-0.05916,0.01468,0.03397,-0.05433,0.05951,0.02894,0.00134,0.05022,0.01088,0.01604,0.00392,-0.06743,0.04086,0.05639,0.02254,0.01598,0.03962,-0.00238,-0.03437,-0.00021,0.01956,-0.03058,0.01765,0.00741,0.05929,0.05547,-0.03311,-0.02737,0.01242,0.00872,-0.04628,-0.03675,0.06326,0.00517,0.03973,0.00818,-0.02122,0.07925,-0.03324,0.01205,0,-0.01405,-0.00147,-0.10332,-0.01456,0.08377,0.03988,0.02128,-0.03649,-0.04516,-0.03258,0.05083,0.06122,-0.05374,-0.01662,0.02938,-0.08947,-0.03767,0.07107,0.00165,-0.0143,0.05963,-0.03049,-0.04672,-0.05169,0.05203,0.05893,-0.01314,0.06693,-0.01252,0.00863,-0.02226,0.002,0.02442,0.03008,-0.03494,0.04776,-0.02141,-0.09447,0.01363,-0.09545,-0.06118,0.00342,-0.11466,-0.08379,-0.04456,-0.09522,-0.04629,0.01578,0.06575,-0.00583,0.01856,0.02795,-0.04689,-0.00828,0.08569,-0.06909,-0.02187,0.09726,0.03824,0.06293,0.06664,0.07967,-0.04118,-0.02379,0.01669,0.02249,-0.00505,0.06581,0.0188,-0.09549,-0.06937,0.07673,-0.00088,-0.0057,0.10516,-0.02515,0.03931,-0.02415,0.01663,-0.01896,-0.03433,-0.08765,-0.02133,0.07101,0.12515,-0.05358,0.00591,-0.03478,-0.10846,-0.01711,0.10528,-0.07387,0.08272,-0.00532,0.02159,0,-0.01894,0.02327,-0.04418,0.11375,0.04921,-0.08171,0.04959,0.05884,0.01058,-0.06569,0.04241,0.06189,-0.04576,0.00208,0.03507,0.02693,0.00698,-0.11861,-0.0183,-0.0334,0.03878,0.00337,-0.04882,0.0308,-0.10851,0.05742,0.05534,0.01872,0.01312,-0.05302,-0.02825,0.0284,-0.06304,-0.01725,0.02355,-0.04076,-0.00949,0.08541,-0.02518,-0.02057,0.02206,0.03359,-0.06926,0.00996,-0.07276,0.09216,-0.1134,0.04185,0.02007,0.019,-0.07265,0.02575,-0.01805,0.00979,-0.03787,0.00339,0.09139,-0.01147,-0.09953,0.00947,-0.0391,0.01481,0.00865,-0.02144,0.03239,0.0444,-0.05895,0.06296,0.02067,0.08027,0.09348,-0.02129,-0.05851,0.00851,0.11658,0.03803,0.13611,-0.0212,0.04933,0.00168,-0.01539,0.07748,0.01629,-0.04256,0.04987,0.02693,-0.14147,-0.04068,0.0214,0.05687,-0.10428,-0.00469,0.02135,-0.04122,0.01536,0,-0.17795,-0.0154,0.00219,-0.0147,0.05878,0.01029,-0.01294,0.04891,-0.01422,-0.04255,0.02655,0.07428,-0.00934,-0.06793,0.05358,-0.0059,0.02934,-0.00318,-0.02707,-0.04015,-0.03114,0.00234,-0.01462,0.08653,-0.03021,-0.01568,0.01093,-0.00905,0.05108,0.02608,-0.00103,0.07767,0.08958,0.07585,-0.07205,0.02507,-0.00698,0.01349,0.02205,-0.04607,0.05888,0.02042,-0.07261,-0.05397,-0.0988,0.06991,-0.02366,-0.01785,0.00286,-0.02089,-0.08237,0.03929,-0.05332,0.12815,0.03754,0.05077,-0.00633,-0.02834,0.06608,0.00506,-0.01118,-0.03602,-0.01707,0.03804],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Upgrade Notes - There are no breaking changes in v19.1.0. - Existing event-driven state integrations keep working; withFlowState() is opt-in. - Existing light-DOM flows keep the same target-first event behavior. - Open Shadow DOM support is automatic; closed roots remain unsupported. - Applications using initial centering with managed viewport history should pass emitCanvasChange: false through the new method argument. - Applications enabling managed drop-to-group must opt in with withFlowState({ dropToGroup: true }). with Flow State emit Canvas Change drop To Group","excerpt":"Upgrade Notes - There are no breaking changes in v19.1.0. - Existing event-driven state integrations keep working; withFlowState() is opt-in. - Existing light-DOM flows keep the same target-first event behavior. - Open Shadow DOM support is automatic; closed roots remain unsupported. - Applications using initial centering with managed viewport history should pass emitCanvasChange: false through the new method argument. - Applications enabling managed drop-to-group must opt in with withFlowState({ dropToGroup: true })."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#22","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09407,0.01341,-0.04753,0.05859,0.01238,0.01894,-0.07795,0.05973,0.04339,0.03729,-0.07366,0.00487,-0.0832,-0.00461,0.08255,0.05451,-0.01622,-0.02003,-0.03713,0.00821,-0.03184,-0.08264,-0.00433,-0.04314,-0.02488,0.0856,-0.00236,-0.04902,0.06466,-0.05444,0.06392,0.05402,0.00384,0.02987,-0.15378,0.08113,-0.02727,0.00168,-0.05095,-0.07484,0.01805,0.06617,0.02542,-0.06512,-0.052,-0.02132,-0.01562,-0.03257,-0.05246,0.0729,-0.01557,-0.03994,-0.02271,0.0297,0.02449,0.04829,0.05228,-0.0362,-0.03524,0.00544,-0.04516,0.00125,-0.03603,0.00586,0.02392,0.07084,-0.0004,-0.02544,-0.00912,-0.03484,0.00703,-0.04922,0.01013,-0.09333,0.01237,-0.03351,-0.0579,0.0434,-0.02726,-0.08323,0.10953,0.0138,0.00996,0.05186,0.0132,0.08459,0.02362,-0.08991,0.05902,0.05112,0.00471,0.07377,0.0436,0.00372,0.06542,0.01004,0.04719,0.03776,-0.05882,0.04564,0.05379,-0.04315,0.06011,0.03987,-0.02902,-0.02812,-0.00559,-0.0062,-0.05425,-0.00889,-0.01203,0.06564,0.0224,-0.04977,-0.01757,-0.00926,0.0083,-0.05231,0.00612,0.06285,0.00867,0.02249,0.04604,-0.02987,0.05733,-0.04829,0.00658,0,0.00733,0.03658,-0.09538,0.00303,0.0796,0.07035,-0.01011,-0.04663,-0.03099,-0.04142,0.07909,0.04899,-0.03829,0.02625,0.02484,-0.04915,0.00316,0.05484,-0.00266,-0.01944,0.07585,-0.00968,-0.01053,0.01704,0.06684,0.09593,0.02058,0.04001,-0.05445,-0.00321,0.01953,-0.00774,-0.00457,0.03673,-0.02168,0.06051,-0.03392,-0.13,0.02947,-0.10926,-0.04249,0.00004,-0.10196,-0.05385,0.00276,-0.06194,-0.03962,-0.00105,0.0232,0.01388,0.00954,0.05317,-0.00394,0.04018,0.0782,-0.05549,0.02414,0.05411,0.03189,0.06637,0.07399,0.08817,-0.03325,0.00302,0.01678,0.05337,-0.02524,0.04443,0.05044,-0.11467,-0.06508,0.06069,-0.02221,-0.00908,0.07219,-0.02686,0.00692,-0.03261,0.01876,-0.04991,-0.04347,-0.08009,-0.02872,0.06785,0.09396,-0.06909,0.01305,-0.01813,-0.05038,0.0037,0.11498,-0.04744,0.02273,0.00725,0.03916,0,0.01994,0.00179,-0.00605,0.0619,0.03645,-0.10014,-0.01096,0.00138,0.02717,-0.0531,0.03997,0.00319,0.02005,-0.01626,0.0179,0.03067,0.00171,-0.13305,-0.01762,-0.07798,0.03995,-0.00959,0.0124,-0.00244,-0.07225,0.02618,0.00951,-0.01589,0.03266,-0.05456,-0.02742,-0.00314,-0.01746,-0.06751,0.01076,-0.02824,0.0116,0.03458,-0.01266,-0.02678,0.02704,0.04204,-0.06258,-0.01032,-0.05286,0.08856,-0.18588,0.04498,-0.01281,-0.02152,-0.0468,0.03628,-0.01137,-0.07752,-0.07315,-0.04722,0.12701,0.03228,-0.0756,-0.00424,-0.07148,0.01439,0.02603,-0.00311,0.02808,0.06183,-0.03008,0.01323,0.05548,0.07964,0.10233,0.00265,-0.05683,0.00424,0.12748,0.03907,0.12311,-0.01141,0.04613,0.01015,-0.0193,0.09609,0.05391,-0.00461,0.01189,0.05425,-0.12771,-0.03693,0.01859,0.06163,-0.08739,0.0137,-0.02368,-0.00753,0.03802,0,-0.17324,-0.02654,-0.00306,-0.00608,0.08701,0.0072,-0.03404,0.04701,0.00514,0.01668,0.0386,0.06165,-0.02364,-0.08134,0.04343,0.00711,0.00301,-0.04301,-0.02308,-0.0095,0.00482,-0.00066,-0.01465,0.10473,-0.009,-0.05813,0.04407,-0.00732,-0.00589,0.05194,0.01348,0.08766,0.10792,0.09301,-0.08299,-0.00421,0.00398,0.00496,-0.00425,-0.04368,0.0392,0.02053,-0.0475,-0.03161,-0.04898,0.02965,-0.03542,-0.03248,-0.00253,-0.07132,-0.10829,0.01972,-0.06808,0.10655,0.01305,0.05442,-0.01627,-0.01098,0.08931,0.00461,-0.0265,-0.0578,-0.01544,-0.00416],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Closing v19.1 is about making the newer interaction architecture practical in production editors. Managed state removes coordination code without taking ownership of application meaning. The performance work reduces repeated DOM and redraw work as graphs grow. Shadow DOM support lets the same editor live behind Angular Elements without a second interaction implementation. If you are building a visual editor in Angular and want the library to manage the common graph interaction history, start with the Managed Flow State example. If you already have a store, upgrade for the runtime, grouped redraw, and Shadow DOM improvements without changing your state architecture.","excerpt":"Closing v19.1 is about making the newer interaction architecture practical in production editors. Managed state removes coordination code without taking ownership of application meaning. The performance work reduces repeated DOM and redraw work as graphs grow. Shadow DOM support lets the same editor live behind Angular Elements without a second interaction implementation. If you are building a visual editor in Angular and want the library to manage the common graph interaction history, start with the Managed Flow State example. If you already have a store, upgrade for the runtime, grouped redraw, and Shadow DOM improvements without changing your state architecture."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#23","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.10166,0.03766,-0.02723,0.08403,0.03345,-0.007,-0.04149,0.01618,0.02045,0.04041,-0.05304,-0.00573,-0.06604,-0.00689,0.08486,0.08391,-0.01726,0.05434,0.00484,-0.00758,-0.00343,-0.0895,-0.01479,-0.05766,-0.02735,0.05965,-0.00386,-0.03507,0.03749,-0.10774,0.04844,0.05689,0.0082,0.03295,-0.09842,0.08355,-0.04217,0.01806,-0.07047,-0.04104,0.01432,0.04621,0.03736,-0.06253,-0.01236,-0.0109,-0.01331,-0.02205,-0.04582,0.04806,0.01074,-0.01981,-0.00497,0.06859,0.00704,0.0406,0.05792,-0.03736,-0.03728,-0.01785,-0.04552,0.01076,-0.02232,0.00368,0.03428,0.08046,-0.00423,-0.01372,-0.01214,-0.01272,-0.00995,-0.03936,0.0307,-0.12343,0.02742,-0.03566,0.01162,0.07248,-0.05902,-0.08856,0.05144,0.01562,0.01148,0.03842,0.0162,0.07038,-0.03443,-0.07765,0.05817,0.04152,-0.01699,0.04658,0.01096,-0.00291,0.06033,0.01667,0.01921,0.01785,-0.06138,0.0641,0.07603,-0.02922,0.00025,0.01492,-0.00177,-0.00328,0.0034,0.0027,-0.03361,-0.00028,-0.00965,0.05341,0.02002,-0.0468,-0.01148,-0.03362,0.00778,-0.04668,-0.01238,0.0309,0.02515,-0.00203,0.00512,-0.0556,0.05289,-0.04824,0.00993,0,0.02813,0.03595,-0.07989,-0.01796,0.07481,0.06754,0.01724,-0.07003,-0.06553,-0.01664,0.03618,0.04273,-0.03873,0.00892,0.01184,-0.12024,-0.0358,0.06992,-0.01304,-0.01488,0.0889,0.00686,-0.04244,-0.03425,0.05238,0.06809,-0.0052,0.02463,-0.06567,0.00229,-0.02198,-0.02081,0.02733,0.05588,-0.00742,0.03612,-0.03836,-0.09753,0.00402,-0.10424,-0.04205,-0.00963,-0.06799,-0.06922,-0.04972,-0.07517,-0.07648,0.01622,0.02947,-0.01388,0.03919,0.05706,-0.0548,-0.00953,0.05383,-0.0651,0.015,0.05872,0.03971,0.09057,0.05581,0.08238,-0.00929,-0.03766,0.00672,0.0515,-0.02188,0.02264,0.02687,-0.0789,-0.07363,0.08878,0.01328,-0.00597,0.08357,-0.05255,0.03082,-0.03657,0.02696,-0.02983,-0.06976,-0.11314,-0.06252,0.06925,0.09412,-0.09757,0.02012,-0.03591,-0.06132,-0.05294,0.08402,-0.04834,0.05431,-0.04826,0.06475,0,0.0157,-0.0038,-0.0153,0.1222,0.04504,-0.09978,0.04345,0.0761,0.02666,-0.03242,-0.00122,0.03979,-0.01202,-0.02325,0.04752,0.03464,-0.00883,-0.13181,-0.00821,-0.01677,0.02496,0.04405,-0.03025,0.02957,-0.0508,0.04238,0.02021,0.05118,0.01101,-0.06141,-0.04434,0.01845,-0.08718,-0.0152,0.01518,-0.01778,0.02513,0.09754,-0.05416,-0.00869,0.02866,0.02016,-0.05842,0.02043,-0.05378,0.10997,-0.14411,0.03986,0.01561,0.01181,-0.02991,0.02044,-0.01661,0.00636,-0.06562,-0.04553,0.05697,-0.01224,-0.06664,0.04772,-0.07488,0.00073,0.036,0.00847,0.06235,0.00286,-0.03509,-0.00774,0.02936,0.05543,0.11349,0.00775,-0.01912,0.03774,0.13536,0.01304,0.10369,-0.00684,0.02947,0.02676,-0.00915,0.08724,0.03368,0.02799,0.02873,0.03661,-0.147,-0.00672,0.0326,0.0374,-0.08769,0.01051,-0.00007,-0.01226,-0.00451,0,-0.1962,-0.04484,0.00915,-0.01546,0.07127,0.01155,-0.0158,0.03759,-0.02523,-0.0425,0.08265,0.08735,0.00212,-0.07912,0.01305,0.00131,-0.00461,-0.0075,-0.02542,-0.02585,-0.03191,0.0283,-0.05851,0.11013,-0.00167,-0.07009,0.03672,-0.01355,0.03047,0.02197,0.00645,0.07186,0.12794,0.105,-0.04373,0.01045,0.01033,0.01602,-0.03088,-0.04325,0.02859,0.0316,-0.06413,-0.04662,-0.06638,0.0376,-0.04501,-0.07298,-0.01001,-0.08159,-0.07104,0.03447,-0.05749,0.11192,0.04513,0.03434,-0.00016,-0.0276,0.09116,0.01317,-0.01976,-0.0317,0.03956,0.02737],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v19.1.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Managed Flow State example: <https://flow.foblex.com/examples/state - Roadmap: <https://flow.foblex.com/docs/roadmap - Shadow DOM discussion: <https://github.com/Foblex/f-flow/discussions/315","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v19.1.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Managed Flow State example: <https://flow.foblex.com/examples/state - Roadmap: <https://flow.foblex.com/docs/roadmap - Shadow DOM discussion: <https://github.com/Foblex/f-flow/discussions/315"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#0","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.08356,-0.10316,-0.05698,0.02971,-0.02014,0.0332,0.00419,0.06583,0.04916,0.03377,-0.04364,-0.02892,-0.03095,-0.01069,0.08509,-0.00078,0.00983,-0.04668,-0.06558,0.09031,-0.02152,-0.06144,0.00126,-0.06772,-0.09133,-0.03622,-0.02907,-0.07648,0.00095,-0.0548,-0.01278,0.12041,-0.00924,0.02432,-0.04022,0.03793,0.0318,-0.04523,-0.10565,-0.0627,-0.02708,0.0071,0.02182,-0.00299,-0.02673,-0.02267,-0.03008,-0.04781,-0.06081,0.06587,-0.09406,-0.05378,0.00652,0.03179,0.03781,0.05371,0.03362,-0.0007,-0.026,0.03009,-0.03932,-0.01287,-0.01353,0.02307,-0.00127,0.05453,-0.01783,-0.02711,0.04095,-0.0593,-0.07063,-0.04302,0.00136,-0.04438,0.03064,-0.01438,-0.00613,0.06311,0.02788,-0.12063,0.01105,0.06225,0.0151,0.03769,-0.01342,0.10443,0.03379,-0.00102,0.02954,0.07037,-0.00787,0.01832,0.02207,0.01295,0.11253,-0.02384,0.051,-0.00253,-0.02741,0.04493,-0.01308,0.00468,0.04534,0.01916,0.00579,-0.03513,0.01368,-0.02971,-0.05001,-0.05213,-0.03146,-0.0235,0.01319,-0.06874,-0.0357,-0.0103,-0.03713,-0.01022,0.15604,0.06847,0.02438,-0.01885,-0.01497,0.01394,0.06998,-0.01597,-0.09518,0,0.00373,0.05386,-0.04596,0.01666,0.07636,-0.03925,0.03025,-0.02293,-0.05857,-0.01962,0.02948,0.0499,-0.05562,0.00666,0.05869,-0.10017,-0.09436,0.04818,-0.04974,0.00559,0.10622,-0.01299,0.01057,-0.02668,0.06482,0.12373,-0.06216,0.03853,0.00339,0.03851,-0.06144,-0.02073,0.00691,-0.02933,-0.06844,-0.03266,-0.03955,-0.13948,-0.01929,-0.055,-0.05189,-0.03816,-0.0505,-0.09165,0.00013,-0.05974,-0.0567,0.04806,0.0299,-0.00162,-0.00151,0.03009,-0.01062,-0.02231,0.0342,-0.0967,-0.0529,0.05346,0.02282,0.11746,0.02355,0.0806,-0.00807,0.00742,0.00879,0.07897,0.01488,0.02479,0.08444,-0.06537,-0.09551,0.05943,-0.05172,-0.01204,0.02974,-0.03755,-0.02351,-0.07024,0.02817,-0.03374,-0.03291,-0.00055,-0.03747,0.07523,0.06693,-0.09716,-0.01179,-0.03941,-0.13327,-0.02596,0.09988,-0.0149,0.01096,0.0017,-0.0138,0,0.02038,-0.03033,-0.07814,0.06638,-0.00338,-0.02025,0.03796,-0.06061,0.04279,-0.03694,0.00586,0.0389,0.03898,-0.0519,-0.00095,-0.0063,-0.01654,-0.10075,0.00659,0.00747,0.05337,0.03454,-0.02033,-0.02518,-0.06419,0.00676,-0.00206,0.07534,0.00801,-0.03783,-0.00221,0.02265,-0.09454,-0.06999,0.02074,-0.02804,0.01174,0.05195,-0.00603,-0.02837,0.10585,-0.02025,0.00047,0.01734,-0.03585,0.07831,-0.11951,-0.00042,0.01131,-0.01516,0.00193,-0.01812,-0.00107,-0.07123,-0.12682,0.05274,0.10189,0.0114,-0.0467,0.04892,0.0389,-0.04271,0.04761,0.0222,0.08661,0.05354,0.00837,0.05827,0.0586,0.03746,0.09956,-0.01671,-0.03063,-0.00995,0.08292,0.08566,0.06173,-0.08739,0.03467,-0.0087,-0.04613,0.09806,0.06354,0.05298,0.0689,0.05401,-0.05684,0.02059,0.05659,0.06309,-0.06502,0.04962,0.0437,0.07905,-0.04758,0,-0.06972,0.03637,-0.04237,0.02593,0.03426,0.00158,-0.0393,0.00994,-0.04379,0.04198,0.00042,0.06289,-0.01922,-0.01799,0.11152,0.03733,-0.01539,0.00507,-0.07799,-0.06858,0.03213,0.02786,-0.00472,0.04923,-0.00128,-0.04684,-0.0404,0.03474,0.02271,0.0047,0.01751,0.02522,0.04407,0.06484,-0.07807,0.05734,-0.02327,-0.01284,-0.04626,0.02046,0.06939,-0.04041,-0.07417,-0.05001,-0.03415,0.05133,-0.04582,-0.05563,-0.03128,0.03465,-0.0929,0.07337,-0.03744,0.09134,0.02791,0.05943,-0.01049,-0.02893,0.09074,0.04433,-0.02658,0.04635,0.04206,0.05787],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how an Angular node editor is driven: provider-based control schemes with Miro-like and draw.io-like presets, click-to-connect on a gesture-independent connection engine, an opt-in keyboard accessibility layer with screen-reader announcements, one unified connector directive, and an AI-ready toolchain. Foblex Flow is an Angular library for building node-based editors: flows, diagrams, visual builders — all with a focus on interactive UX and clean APIs. Today I'm shipping v19.0.0. It looks like a long changelog, but it is really one story: until now, there was exactly one way to drive a Foblex Flow editor — my way. One gesture mapping, one way to create connections, one input device. v19 opens that up. The pointer scheme, the connection gesture, the keyboard, even the AI agent writing code against the library — they are all first-class ways to drive the editor now. AP Is","excerpt":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how an Angular node editor is driven: provider-based control schemes with Miro-like and draw.io-like presets, click-to-connect on a gesture-independent connection engine, an opt-in keyboard accessibility layer with screen-reader announcements, one unified connector directive, and an AI-ready toolchain. Foblex Flow is an Angular library for building node-based editors: flows, diagrams, visual builders — all with a focus on interactive UX and clean APIs. Today I'm shipping v19.0.0. It looks like a long changelog, but it is really one story: until now, there was exactly one way to drive a Foblex Flow editor — my way. One gesture mapping, one way to create connections, one input device. v19 opens that up. The pointer scheme, the connection gesture, the keyboard, even the AI agent writing code against the library — they are all first-class ways to drive the editor now."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#1","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.04162,-0.1294,-0.06427,0.01092,-0.02945,0.04231,0.04559,0.06608,0.06762,0.02172,0.01008,-0.04483,-0.02731,-0.02377,0.04007,-0.00251,-0.01359,-0.02811,-0.06678,0.08164,0.00287,-0.09039,0.00013,-0.05916,-0.08831,-0.0104,0.00334,-0.06038,0.01329,-0.04097,0.01011,0.09676,0.03046,0.02305,-0.04434,0.02089,0.04551,-0.06114,-0.14753,-0.05924,-0.04899,-0.05604,0.05942,-0.0019,-0.02476,0.00155,-0.0165,-0.0302,-0.05054,0.08828,-0.05071,-0.04571,0.01179,0.05963,0.02618,0.04855,0.04466,-0.01097,-0.02507,0.01769,-0.01614,-0.0179,-0.01951,0.00629,-0.02691,0.06077,-0.00143,-0.05092,0.04574,-0.08174,-0.06932,-0.05975,0.00312,-0.05487,0.00591,-0.03,0.02502,0.05277,0.00271,-0.11573,0.02058,0.0509,0.0099,0.03671,0.0105,0.11176,0.00897,0.01253,0.03436,0.07904,-0.03977,0.03307,-0.0383,-0.06071,0.08336,-0.05479,0.0526,-0.01362,-0.02324,0.03471,0.00976,0.01289,0.00359,0.03079,0.03233,-0.03979,0.02021,-0.05265,-0.05452,-0.0412,-0.03306,-0.03089,0.04676,-0.04633,0.01415,-0.01492,-0.02611,0.00988,0.12758,0.07365,0.01276,-0.01465,-0.05309,-0.00696,0.04445,0.0094,-0.10631,0,0.02327,0.04556,-0.06042,-0.01413,0.03198,-0.01152,0.02527,-0.04234,-0.03175,-0.02578,-0.00537,0.00366,-0.06561,0.05452,0.02004,-0.08497,-0.04727,0.05118,-0.02801,-0.00733,0.08041,-0.04665,-0.0052,-0.0142,0.05811,0.10642,-0.06734,0.06174,0.02882,0.01626,-0.06215,-0.0233,-0.00646,-0.04105,-0.05971,-0.03853,-0.04263,-0.08232,0.01719,-0.01627,-0.04218,-0.03412,-0.04303,-0.10401,-0.01863,-0.06241,-0.0531,0.02961,0.05332,-0.01545,0.01665,-0.00723,0.01228,-0.00424,0.06245,-0.12197,-0.06766,0.06729,-0.02114,0.11807,0.00569,0.07425,-0.00182,0.01279,0.06099,0.07089,0.01912,0.04491,0.05253,-0.05773,-0.1119,0.06995,-0.03486,-0.00745,-0.00766,-0.04331,0.00718,-0.06902,0.00148,-0.00046,-0.05344,0.01265,-0.02336,0.07176,0.0526,-0.0639,-0.02495,-0.07033,-0.13792,-0.05376,0.06214,-0.03624,0.00398,-0.00236,-0.02098,0,0.01287,0.00289,-0.06624,0.07165,-0.04874,0.00724,0.05296,-0.04406,0.04822,-0.06898,0.00754,0.04043,0.03842,-0.08152,0.0041,0.00482,-0.01812,-0.06426,-0.00389,-0.01062,0.03858,-0.00179,0.00077,-0.01338,-0.09832,-0.02014,0.00806,0.03534,-0.02453,-0.02899,0.02754,0.04042,-0.06486,-0.04459,0.03888,-0.05503,-0.00653,0.04779,0.00703,0.00104,0.11033,0.02727,0.03799,0.05249,-0.03447,0.1283,-0.14038,-0.04484,-0.03217,0.01449,0.00075,-0.02362,-0.04529,-0.05634,-0.09556,0.05334,0.10803,0.00339,-0.06622,0.01867,0.04998,-0.06398,0.02015,-0.01043,0.07983,0.09622,0.03167,0.07368,0.0664,0.05556,0.11752,-0.00051,0.01767,-0.00554,0.06481,0.0375,0.04313,-0.0755,0.02459,0.01468,-0.02047,0.09189,0.05917,0.01975,0.03006,0.08966,-0.07731,0.01732,0.06833,0.01873,-0.03949,0.06699,0.06339,0.04366,-0.04999,0,-0.04278,-0.0115,-0.021,-0.00737,-0.0009,0.01937,-0.02348,-0.00216,-0.0142,0.01397,-0.00403,0.03382,-0.03733,-0.02285,0.10766,0.02828,0.00923,0.06541,-0.05001,-0.1056,0.02681,0.01861,-0.01426,0.07011,0.01718,-0.04517,0.00151,0.05935,0.00574,-0.00514,0.06659,-0.00272,0.04008,0.05552,-0.07529,0.09528,-0.02163,-0.00804,-0.04148,0.05519,0.06434,-0.01153,-0.09106,-0.06899,-0.0669,0.03769,-0.0122,-0.08248,-0.043,0.04579,-0.06138,0.10401,0.00441,0.11486,0.0138,0.07603,-0.00125,-0.00411,0.10886,0.04813,-0.03304,0.055,0.02169,0.0122],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. ✨ Short version - Control schemes — withControlScheme(...) maps gestures to actions for the whole editor at once, with Miro-like and draw.io-like presets and runtime switching. - Connection flows — withConnectionFlow('click') adds click-to-connect alongside drag, backed by a new gesture-independent connection engine you can build custom gestures on. - Accessibility — ARIA semantics in every flow by default, plus an opt-in keyboard layer that can select, move, delete, and even create connections without a mouse. - Unified connector model — one [fConnector] directive instead of the input/output/outlet trio, and fSourceId/fTargetId on connections. - An AI-ready toolchain — dev-mode diagnostics with stable error codes, agent rules installed by ng add, and version-matched LLM docs shipped inside the npm package. with Control Scheme with Connection Flow f Connector f Source Id f Target Id","excerpt":"✨ Short version - Control schemes — withControlScheme(...) maps gestures to actions for the whole editor at once, with Miro-like and draw.io-like presets and runtime switching. - Connection flows — withConnectionFlow('click') adds click-to-connect alongside drag, backed by a new gesture-independent connection engine you can build custom gestures on. - Accessibility — ARIA semantics in every flow by default, plus an opt-in keyboard layer that can select, move, delete, and even create connections without a mouse. - Unified connector model — one [fConnector] directive instead of the input/output/outlet trio, and fSourceId/fTargetId on connections. - An AI-ready toolchain — dev-mode diagnostics with stable error codes, agent rules installed by ng add, and version-matched LLM docs shipped inside the npm package."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#2","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.02926,-0.11661,-0.06957,0.02216,-0.00951,0.0714,0.08337,0.0774,0.04573,0.02762,0.00005,-0.03977,-0.03051,-0.00673,0.0527,0.00223,-0.00705,-0.06215,-0.08128,0.10596,-0.00012,-0.11496,0.02368,-0.05571,-0.08626,-0.02917,-0.00106,-0.04675,0.02359,-0.03586,-0.00549,0.11686,0.01599,-0.00627,-0.03255,0.00064,0.05516,-0.06609,-0.12458,-0.05839,-0.03518,-0.01616,0.04037,0.01045,-0.01142,0.03418,0.03399,-0.00085,-0.06224,0.09279,-0.03792,-0.00328,0.02861,0.02197,0.03739,0.03808,0.06181,0.01834,0.02497,0.0045,-0.08858,-0.03663,-0.02465,0.02887,0.00685,0.04103,-0.03353,-0.0842,0.02072,-0.05876,-0.05023,-0.04712,0.04521,-0.04935,0.05891,-0.02813,-0.02053,0.05728,-0.01474,-0.12388,0.00098,0.04393,0.02956,0.04622,0.01811,0.08137,-0.00604,-0.00091,0.02702,0.08534,-0.02128,0.01004,-0.01869,-0.03002,0.06364,-0.04166,0.03231,-0.01593,-0.04729,-0.00925,0.01975,-0.00969,0.02008,0.04644,0.04429,-0.03099,0.01132,-0.0714,-0.05915,-0.01622,-0.01635,-0.03741,0.05769,-0.02366,-0.01602,-0.00936,-0.02071,0.00341,0.13624,0.04098,0.01783,-0.02099,-0.03281,-0.02005,0.04252,-0.00893,-0.09432,0,-0.02364,0.01286,-0.04592,0.00614,0.05123,-0.0083,0.02556,-0.02871,-0.03229,-0.00159,0.00126,0.02177,-0.05196,0.01942,0.01412,-0.05801,-0.05679,0.03912,-0.06002,0.0171,0.08781,-0.02501,-0.02049,-0.03001,0.04,0.14141,-0.08423,0.09394,0.03151,0.03735,-0.08069,-0.00023,0.0083,-0.03178,-0.06589,-0.0129,-0.02858,-0.08873,-0.02294,-0.01967,-0.03007,-0.04456,-0.0447,-0.08748,-0.02364,-0.08096,-0.0559,0.05809,0.02722,0.0068,0.01127,0.02306,0.0344,-0.01381,0.09017,-0.11616,-0.06525,0.03755,-0.01177,0.09003,-0.00271,0.04007,-0.02437,0.05123,0.04275,0.07594,0.03618,0.02646,0.03977,-0.02016,-0.07351,0.08645,-0.06084,0.01479,0.00876,-0.05328,-0.0045,-0.04399,0.00114,-0.01605,-0.0298,0.01549,-0.01951,0.0622,0.03155,-0.07362,-0.00968,-0.01965,-0.15379,-0.0222,0.08169,-0.04728,0.02465,-0.00663,-0.03644,0,0.02906,0.02466,-0.0708,0.0708,-0.04263,-0.00349,0.06436,-0.07577,0.08936,-0.05396,0.01116,-0.00435,0.01317,-0.04225,0.00927,0.00891,0.00333,-0.05822,0.00366,-0.03901,0.04982,-0.06698,-0.01674,0.00879,-0.08569,-0.01954,0.00435,0.05398,-0.07406,-0.01431,0.00384,0.01484,-0.07029,-0.02337,0.03486,-0.0737,-0.02295,0.04625,-0.01518,0.00966,0.09108,0.01165,0.00837,0.05886,-0.03923,0.09245,-0.10878,-0.00334,0.00034,0.02991,-0.04065,-0.02148,-0.0194,-0.07763,-0.11978,0.0415,0.10257,-0.01235,-0.05188,0.03421,0.05778,-0.0485,0.00937,0.0297,0.09087,0.08571,0.02408,0.0604,0.09091,0.05791,0.10642,-0.04262,0.01669,-0.01198,0.05007,0.08825,0.09321,-0.0519,0.06015,-0.00489,-0.00074,0.04951,0.06699,0.05562,0.01204,0.10938,-0.10542,0.01276,0.08256,0.04826,-0.02104,0.0333,0.0602,0.03869,-0.02747,0,-0.07197,0.02601,-0.05046,-0.00812,-0.00961,0.0333,-0.03464,-0.00287,-0.06418,0.01603,-0.01323,0.04108,0.00682,-0.01431,0.10355,0.01994,-0.00069,0.02656,-0.05452,-0.06554,0.02341,0.00881,-0.0017,0.07423,-0.01748,-0.03251,-0.05863,0.07042,0.02554,-0.01002,0.04591,-0.00934,0.01536,0.07912,-0.11031,0.04403,-0.02758,-0.02856,-0.01808,0.03433,0.07752,-0.01333,-0.06966,-0.0643,-0.10411,0.06545,0.00399,-0.05264,-0.05389,0.03591,-0.07558,0.10656,0.03408,0.09694,0.04016,0.03863,0.00888,-0.01331,0.0867,0.04598,-0.06554,0.04755,0.00169,0.01163],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Control Schemes Different tools train different hands. Miro users scroll to pan and drag to select. draw.io users expect the wheel to zoom. Until now, Foblex Flow had one hardcoded answer, and making it behave differently meant configuring triggers on three directives separately and hoping they agree. A control scheme is the complete mapping between input gestures and canvas actions, provided as one object: `ts import { provideFFlow, withControlScheme, FSCROLLPANCONTROLSCHEME } from '@foblex/flow'; provide F Flow with Control Scheme","excerpt":"Control Schemes Different tools train different hands. Miro users scroll to pan and drag to select. draw.io users expect the wheel to zoom. Until now, Foblex Flow had one hardcoded answer, and making it behave differently meant configuring triggers on three directives separately and hoping they agree. A control scheme is the complete mapping between input gestures and canvas actions, provided as one object: `ts import { provideFFlow, withControlScheme, FSCROLLPANCONTROLSCHEME } from '@foblex/flow';"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#3","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.03709,-0.11666,-0.08972,0.04836,0.00542,0.09229,0.07209,0.08733,0.04637,0.00588,-0.01572,-0.05451,-0.04951,-0.04466,0.0396,0.00478,-0.02966,-0.05447,-0.08894,0.06061,-0.0256,-0.08945,0.00814,-0.01304,-0.10562,-0.02733,-0.0084,-0.0331,-0.01288,-0.03442,0.01199,0.11243,0.00673,0.02087,-0.02331,-0.0086,0.02383,-0.04108,-0.10684,-0.05593,-0.02048,-0.01243,0.04946,0.0145,0.00414,0.00757,0.0362,-0.03547,-0.02143,0.0889,-0.04983,0.01823,0.05391,0.05332,0.01931,0.0615,0.04929,0.01127,-0.0177,0.01226,-0.08557,-0.03771,-0.0137,-0.00012,-0.04687,0.06242,-0.07165,-0.02929,0.03914,-0.03312,-0.09584,-0.01108,0.02352,-0.03855,0.06236,-0.0444,-0.00292,0.05289,0.02294,-0.09879,0.01488,0.03751,0.01408,0.01674,0.04392,0.07935,0.02066,-0.04216,0.01963,0.08796,-0.03068,0.02762,-0.01351,-0.01137,0.05587,-0.02515,0.0136,-0.03223,-0.0257,0.03117,-0.01181,0.00792,0.03183,0.06301,0.03423,-0.02585,0.02638,-0.01649,-0.0423,-0.03577,0.00969,-0.02818,0.05133,-0.03735,0.00291,0.02469,-0.00468,0.00044,0.09412,0.04279,0.00531,-0.03111,-0.04611,-0.01747,0.02068,0.00839,-0.08287,0,-0.02055,0.01314,-0.07352,0.03562,0.05462,-0.01412,0.05182,-0.03032,-0.02723,-0.00162,-0.01709,0.0008,-0.06554,0.02693,-0.01156,-0.11089,-0.05385,0.0489,-0.03876,0.01096,0.09559,-0.04886,-0.02559,-0.07843,0.04835,0.12515,-0.0706,0.097,0.0457,0.03651,-0.07638,0.02267,0.013,-0.03699,-0.08041,-0.02527,-0.03574,-0.06787,0.00364,-0.00866,-0.05856,-0.05271,-0.02692,-0.07105,-0.0111,-0.08384,-0.04891,0.08345,0.0654,0.00599,0.00096,0.01141,-0.00601,-0.00156,0.08208,-0.11215,-0.05986,0.07156,0.01271,0.10206,-0.00198,0.06834,-0.04645,0.02355,0.0574,0.08806,0.0281,0.03218,0.02541,-0.07384,-0.05802,0.06972,-0.05185,0.00328,0.04574,-0.03411,0.00297,-0.03284,0.01027,-0.01838,-0.01082,0.00849,-0.0298,0.08839,0.0349,-0.05714,-0.04189,-0.039,-0.12294,-0.0135,0.07632,-0.03503,0.0512,0.01058,-0.05111,0,0.04025,0.03638,-0.08357,0.05864,-0.01096,0.02232,0.06106,-0.01483,0.06185,-0.0658,0.02028,-0.00081,-0.00471,-0.07756,-0.01562,-0.01547,0.00173,-0.0579,0.00903,-0.01939,0.05512,-0.03626,-0.04968,0.01183,-0.0908,-0.01414,-0.00479,0.09175,-0.02728,-0.01998,0.00544,0.02402,-0.08041,-0.06096,0.03393,-0.05745,-0.05141,0.03805,-0.01453,0.02005,0.0899,0.00143,0.01093,0.04688,-0.03694,0.08402,-0.09915,-0.01316,0.03943,0.05272,-0.0286,-0.06529,-0.01239,-0.04816,-0.08881,0.0661,0.11533,-0.01666,-0.07032,0.02004,0.04891,-0.05693,0.03286,0.00022,0.10416,0.05271,0.0219,0.11543,0.10158,0.08959,0.10769,-0.03465,0.02078,-0.03725,0.04549,0.08189,0.06048,-0.06012,0.07441,0.04101,0.00938,0.05927,0.0631,0.0061,0.01574,0.06531,-0.07999,0.00251,0.08399,0.05991,-0.04093,0.02793,0.06203,0.01941,-0.0441,0,-0.07613,0.01638,-0.05122,-0.01096,-0.00655,-0.00276,-0.02951,-0.0137,-0.07661,-0.02178,-0.02885,0.067,0.00365,-0.0124,0.07821,-0.01273,-0.00101,0.0525,-0.05673,-0.11159,-0.00294,0.01918,0.00566,0.06166,0.00909,-0.04031,-0.01612,0.04877,0.05456,-0.01881,0.01399,0.00116,0.00766,0.07302,-0.12851,0.07956,-0.02685,-0.01951,-0.03017,0.03314,0.05712,-0.00703,-0.07291,-0.06969,-0.08627,0.04247,-0.01265,-0.01504,-0.0506,0.04364,-0.06682,0.10605,0.00025,0.11278,0.01588,0.01831,-0.02469,0.01217,0.08246,0.03209,-0.09782,0.02683,0.00697,0.03581],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. @Component({ providers: [provideFFlow(withControlScheme(FSCROLLPANCONTROLSCHEME))], }) export class MyFlow {} Three presets ship out of the box: the default (drag pans, wheel zooms, Shift+drag selects), a Miro-like scheme (scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on the empty canvas selects, middle-drag pans), and a draw.io-like scheme. FControlSchemeController` switches or tweaks the scheme at runtime, so a user-facing \"controls\" setting is a few lines of code. The existing trigger inputs keep working and override the active scheme — nothing breaks. provide F Flow with Control Scheme My Flow F Control Scheme Controller","excerpt":"@Component({ providers: [provideFFlow(withControlScheme(FSCROLLPANCONTROLSCHEME))], }) export class MyFlow {} Three presets ship out of the box: the default (drag pans, wheel zooms, Shift+drag selects), a Miro-like scheme (scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on the empty canvas selects, middle-drag pans), and a draw.io-like scheme. FControlSchemeController` switches or tweaks the scheme at runtime, so a user-facing \"controls\" setting is a few lines of code. The existing trigger inputs keep working and override the active scheme — nothing breaks."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#4","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.06587,-0.0773,-0.09537,0.02184,0.01526,0.06312,0.06395,0.0684,0.04812,0.02349,0.01523,0.00072,-0.04914,-0.02352,0.0457,-0.0223,-0.01578,-0.02278,-0.05657,0.08344,-0.03658,-0.08255,0.03991,-0.03782,-0.10598,-0.0073,0.01851,-0.05232,0.02567,-0.03308,0.00279,0.11834,0.02216,0.02526,-0.07045,-0.01335,0.01643,-0.0219,-0.08692,-0.03999,-0.00218,-0.01238,0.05125,0.00651,-0.00367,-0.01382,0.01337,-0.01139,-0.05812,0.09306,-0.04346,-0.05375,0.05768,0.05815,-0.01035,0.03311,0.02031,0.01414,0.01027,0.0451,-0.04811,-0.0465,-0.02704,0.02442,-0.00622,0.03732,-0.03118,-0.08332,0.00471,-0.06838,-0.06006,-0.04421,0.06105,-0.06182,0.02454,-0.03452,-0.01107,0.03655,0.01786,-0.05025,0.04488,0.01034,0.0356,0.06217,0.00305,0.0896,0.02492,0.00031,0.00121,0.02408,-0.04672,0.05278,-0.02579,-0.00736,0.00709,-0.049,0.02117,-0.02986,-0.07384,0.02098,0.02327,-0.00448,0.05143,0.0549,-0.00188,-0.03256,0.0346,0.00342,-0.04501,0.00094,0.00813,-0.02257,0.04053,-0.04425,-0.01732,-0.0194,-0.05183,0.00183,0.13064,0.05522,0.01427,0.00118,-0.03669,-0.03127,0.04698,0.00392,-0.07002,0,-0.02171,0.068,-0.06435,-0.03067,0.05381,-0.02122,0.00667,-0.07391,-0.03964,0.0119,0.03157,0.02574,-0.08004,0.02022,0.00662,-0.09858,-0.06661,0.06798,-0.03353,0.01622,0.09307,-0.06939,0.00652,-0.00723,0.07163,0.12129,-0.0908,0.06424,0.05393,0.05028,-0.05564,0.02319,-0.0089,-0.07635,-0.07441,-0.02041,-0.02429,-0.11123,-0.00026,-0.00555,-0.04954,-0.05647,-0.04734,-0.09073,-0.03804,-0.0573,-0.04551,0.06671,0.0673,0.01232,-0.02914,-0.01523,0.01197,0.00972,0.09775,-0.10779,-0.05821,0.05996,0.01411,0.12211,0.03869,0.05299,-0.04153,-0.01689,0.02536,0.05797,0.06128,0.0609,0.02961,-0.06317,-0.08387,0.08226,-0.02561,0.05668,0.01099,-0.04587,0.00521,-0.0113,0.0637,-0.02907,-0.01532,-0.0075,0.01097,0.0758,0.04117,-0.09572,-0.04662,-0.01775,-0.164,-0.05392,0.05204,-0.00076,0.00092,-0.02741,-0.05107,0,0.00975,0.01172,-0.08023,0.08208,-0.03709,-0.03967,0.08362,-0.0013,0.0961,-0.05238,0.03295,0.03204,0.01916,-0.05659,-0.00426,-0.00214,0.00121,-0.07673,0.0173,-0.0585,0.05247,-0.08844,0.00306,-0.01599,-0.09762,0.00589,0.04227,0.03181,-0.05497,-0.03043,0.01331,0.01264,-0.04867,-0.05566,0.01936,-0.03963,-0.03967,0.03136,0.00272,-0.02416,0.08584,0.02318,0.03764,0.01178,-0.05597,0.0654,-0.07667,0.00243,0.02351,0.00635,-0.03648,0.02256,0.01229,-0.08792,-0.10849,0.05186,0.06899,-0.00421,-0.05266,-0.01405,0.06853,-0.01297,-0.01124,0.00603,0.08878,0.08114,0.0087,0.07691,0.09948,0.09579,0.12576,-0.04134,0.02251,0.00365,0.04795,0.11094,0.11482,-0.04455,0.09446,0.00482,0.02537,0.08609,0.04528,0.01135,0.05788,0.08774,-0.11847,-0.03552,0.0764,0.06408,-0.03775,0.0391,0.06182,0.02437,-0.00756,0,-0.065,0.03175,-0.03267,-0.019,0.02294,0.01887,-0.00226,-0.0091,-0.04952,0.00295,-0.00164,0.06626,-0.01716,0.03337,0.08947,0.02417,0.01293,0.0638,-0.04675,-0.08542,-0.01752,0.03584,0.03001,0.03914,-0.00155,-0.02656,-0.068,0.04957,0.02498,-0.02038,0.01715,-0.00066,0.0123,0.03393,-0.0958,0.06424,-0.08613,-0.01585,-0.03727,0.03428,0.06208,-0.04474,-0.01646,-0.03376,-0.0857,0.04263,0.01214,-0.02613,-0.05445,0.0032,-0.08168,0.07628,-0.00313,0.07772,0.03127,0.04276,0.00327,0.01734,0.06047,0.02282,-0.08424,0.02621,-0.00382,0.04944],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. This release also closes two long-standing viewport requests along the way: plain-wheel scrolling pans the canvas in scroll-pan schemes, and trackpad pinch gets its own zoom step. ::: ng-component <control-schemes</control-schemes [height]=\"600\" :::","excerpt":"This release also closes two long-standing viewport requests along the way: plain-wheel scrolling pans the canvas in scroll-pan schemes, and trackpad pinch gets its own zoom step. ::: ng-component <control-schemes</control-schemes [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#5","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.09314,-0.12517,-0.03417,0.04845,-0.01302,0.06705,0.05421,0.02109,0.07859,0.00215,-0.00177,-0.02974,-0.03506,0.00473,0.04657,0.00774,0.00629,-0.07291,-0.07773,0.10276,-0.00812,-0.11556,0.05596,-0.07844,-0.06369,-0.06494,0.00184,-0.05946,0.03859,-0.03638,0.02917,0.08597,-0.04862,-0.00976,-0.03961,0.01237,0.03508,-0.03449,-0.11748,-0.07668,-0.00856,-0.06126,0.04292,-0.01283,-0.01316,0.02652,-0.00381,-0.00633,-0.02154,0.07401,-0.06511,-0.02558,0.01333,0.02826,0.01062,0.08158,0.02102,0.01485,-0.00617,0.02517,-0.03064,-0.02722,-0.02764,0.00149,0.00054,0.05778,-0.0221,-0.04455,0.00102,-0.04208,-0.03463,-0.05221,-0.00608,-0.07875,0.03986,0.00697,-0.02604,0.06336,-0.01371,-0.08584,0.06501,0.04837,0.00657,0.02808,0.05801,0.09395,0.0459,-0.02973,0.00662,0.05343,-0.03923,0.03768,-0.02181,0.00097,0.09151,-0.04113,0.02672,0.00945,-0.02322,0.0307,0.01757,0.04267,-0.00085,0.03292,0.00183,-0.04062,-0.01909,-0.02733,-0.03271,-0.0259,0.0234,-0.03318,0.04191,-0.0242,-0.02091,0.00278,-0.04949,0.00821,0.14923,0.04851,0.01101,-0.01718,-0.05015,-0.02871,0.05462,-0.01645,-0.07818,0,0.013,0.01049,-0.06968,-0.02147,0.02724,0.00692,0.02421,-0.03832,-0.03334,-0.02477,-0.0098,-0.00241,-0.01302,-0.0049,-0.01116,-0.04478,-0.07165,0.08429,-0.0698,0.024,0.10524,-0.00172,-0.00134,-0.03393,0.05017,0.1166,-0.0872,0.08172,0.01539,0.02495,-0.06315,0.00286,-0.00199,-0.03103,-0.08656,-0.02573,-0.00382,-0.10163,-0.01578,-0.0314,-0.03521,-0.06017,-0.05981,-0.07289,-0.03247,-0.0875,-0.02399,0.01686,0.04869,-0.02568,-0.01401,-0.03031,-0.00565,-0.01195,0.04369,-0.11184,-0.07256,0.07359,-0.00082,0.085,0.00185,0.07116,-0.01258,0.01176,0.02413,0.08316,0.01687,0.05148,0.045,-0.07007,-0.08057,0.06394,-0.0477,-0.02229,0.02819,-0.06733,-0.00591,-0.03759,0.06542,0.03448,0.00879,-0.02591,-0.00595,0.0786,0.03267,-0.07195,-0.03954,-0.07987,-0.14398,-0.00865,0.06596,0.0003,0.016,0.00081,-0.01332,0,0.04131,0.01196,-0.05904,0.07294,-0.03518,0.00665,0.05966,-0.04193,0.03867,-0.05285,0.0433,0.04382,0.04812,-0.03978,-0.03814,0.00753,0.02796,-0.06651,-0.02606,-0.00063,0.09101,-0.00037,0.01196,-0.00918,-0.09515,-0.02881,0.05842,0.03938,0.00612,-0.02528,0.04689,0.03047,-0.09632,-0.04399,0.02397,-0.02183,-0.01386,0.04592,0.01027,-0.03409,0.10424,0.01326,-0.00343,0.02543,-0.00719,0.07761,-0.10377,-0.03585,-0.02153,0.03032,-0.00455,-0.00706,-0.01977,-0.06838,-0.10919,0.05519,0.0879,-0.03172,-0.08962,0.03719,0.09561,-0.05119,0.03326,0.00051,0.10442,0.09667,0.02651,0.11717,0.13434,0.05446,0.07755,0.00479,0.05694,-0.01681,0.07223,0.10089,0.0637,-0.07992,0.06957,-0.03217,-0.04639,0.07241,0.04772,-0.00808,0.04063,0.1001,-0.07671,0.05304,0.08034,0.03182,-0.06615,0.00987,0.07408,0.02407,-0.0398,0,-0.0518,0.04958,-0.04264,-0.00212,0.0065,-0.00232,-0.05604,-0.02112,-0.03318,0.01657,-0.03554,0.0387,-0.02183,0.0213,0.07886,-0.00067,0.00299,0.00928,-0.06713,-0.07117,0.00684,-0.00618,0.01752,0.06053,-0.01816,-0.04474,-0.0185,0.06387,0.00133,-0.05947,0.00497,-0.01892,-0.01808,0.06311,-0.14515,0.08523,-0.00022,-0.01955,-0.03293,0.0067,0.08244,-0.02256,-0.0579,-0.04326,-0.07607,0.05682,-0.00445,-0.06631,-0.02497,0.0668,-0.06901,0.07745,-0.01375,0.0556,0.06819,0.00997,-0.00032,0.01496,0.10112,0.04135,0,0.01723,-0.00555,0.02073],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Click-to-Connect, and the Engine Behind It The most requested interaction change: create a connection by clicking a source connector, watching the preview follow the cursor, and clicking a target — no click-and-hold. Drag-to-connect keeps working alongside. Escape or clicking elsewhere cancels; clicking another source re-arms from it. The interesting part is underneath. Both gestures now drive the same FCreateConnectionSession — a gesture-independent engine that owns the preview line, snapping, connectable marking, target resolution, and the fCreateConnection emission. A custom gesture is a class with initialize() and destroy() that drives the session; validation and events come for free. The keyboard layer below is the proof that this works: it is just a third gesture on the same engine. ::: ng-component <click-to-connect</click-to-connect [height]=\"600\" ::: F Create Connection Session f Create Connection","excerpt":"Click-to-Connect, and the Engine Behind It The most requested interaction change: create a connection by clicking a source connector, watching the preview follow the cursor, and clicking a target — no click-and-hold. Drag-to-connect keeps working alongside. Escape or clicking elsewhere cancels; clicking another source re-arms from it. The interesting part is underneath. Both gestures now drive the same FCreateConnectionSession — a gesture-independent engine that owns the preview line, snapping, connectable marking, target resolution, and the fCreateConnection emission. A custom gesture is a class with initialize() and destroy() that drives the session; validation and events come for free. The keyboard layer below is the proof that this works: it is just a third gesture on the same engine. ::: ng-component <click-to-connect</click-to-connect [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#6","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.04096,-0.13202,-0.0439,0.02681,0.00307,0.07854,0.08067,0.04365,0.03502,-0.01806,-0.02026,-0.04355,-0.0195,0.00358,0.02745,0.00261,0.00361,-0.04817,-0.01127,0.08439,-0.02431,-0.09943,0.02019,-0.07345,-0.12078,-0.01591,0.01353,-0.05811,0.02862,-0.04454,0.03019,0.06834,0.01691,0.01361,-0.03048,-0.0154,0.00831,-0.03349,-0.12554,-0.03057,-0.02496,-0.0181,0.0452,0.01608,0.01643,-0.00094,0.01662,-0.01425,-0.02692,0.08404,-0.06395,-0.05004,0.06151,0.00329,0.01259,0.07819,0.0212,-0.0176,-0.00802,-0.03085,-0.05117,-0.03664,-0.0094,-0.01888,0.01961,0.08182,-0.02399,-0.05975,-0.01027,-0.04912,-0.02378,-0.0084,0.04475,-0.10273,0.0305,-0.00872,-0.00409,0.04055,0.03274,-0.06613,0.03309,0.03638,-0.00938,0.02006,0.01778,0.12579,-0.02473,-0.03454,-0.01425,0.07642,-0.03519,-0.00189,-0.01611,-0.03204,0.08788,-0.02537,0.04447,-0.03861,-0.04247,0.02574,0.02789,0.03803,0.00292,-0.02374,0.00987,-0.02183,0.02231,-0.00347,-0.04645,-0.03218,-0.00813,-0.04143,0.03449,0.02298,-0.04273,0.02141,-0.01726,-0.03136,0.17477,0.04163,0.02059,-0.01376,-0.03932,0.01014,0.04163,-0.05323,-0.08128,0,-0.01508,0.06598,-0.05216,-0.00565,0.03412,-0.02572,0.04824,-0.06908,-0.0892,-0.03684,-0.0101,0.0144,-0.06752,0.00528,0.03221,-0.10746,-0.05368,0.07739,-0.09652,0.02973,0.09987,-0.00701,0.00225,-0.06276,0.02857,0.07154,-0.11749,0.05109,0.02832,0.03753,-0.10005,0.01269,0.00153,-0.0165,-0.08835,-0.00048,0.00541,-0.10615,0.00864,-0.05295,-0.04896,-0.00776,0.02008,-0.08895,-0.01444,-0.01743,-0.04408,0.02893,0.00319,0.00616,0.01047,0.00504,-0.00914,-0.04377,0.06091,-0.10544,-0.08041,0.09488,0.01487,0.08263,0.05754,0.04956,0.00628,0.01331,0.02477,0.08353,-0.01531,0.04511,0.05986,-0.04305,-0.07379,0.09246,-0.02663,-0.01089,0.04021,-0.02684,0.01065,-0.099,0.04245,-0.03827,-0.02081,-0.01077,-0.03742,0.07954,0.06555,-0.04609,-0.02988,-0.03308,-0.16886,0.00168,0.12861,-0.00247,0.00451,-0.02243,-0.03424,0,0.01806,0.02461,-0.00576,0.02903,-0.00622,-0.01471,0.0488,-0.07224,0.07617,-0.02336,0.02389,0.02525,0.00651,-0.04217,-0.04697,0.00667,0.05073,-0.03928,-0.00448,-0.00912,0.07774,-0.03928,-0.05639,-0.01512,-0.08529,0.0281,0.0272,0.05658,-0.04227,-0.03869,-0.02472,0.03554,-0.0535,-0.03414,0.04961,-0.00227,-0.04265,0.0532,-0.01216,-0.02497,0.07822,-0.01238,-0.02672,0.00744,-0.02297,0.10641,-0.09188,-0.01171,-0.01571,0.03725,-0.03978,0.00701,-0.01844,-0.03426,-0.12708,0.05592,0.08953,0.00611,-0.05662,0.00613,0.03685,-0.0023,-0.00596,0.01187,0.10029,0.00812,0.02567,0.07291,0.10489,0.04697,0.12601,0.01185,0.00405,0.01389,0.10641,0.08677,0.07931,-0.05074,0.04139,0.01558,-0.02055,0.10521,0.0356,0.03856,0.0769,0.09529,-0.03499,-0.03552,0.03143,0.0488,-0.04035,0.0519,0.06719,-0.00004,-0.02394,0,-0.08335,0.02803,-0.05916,0.00541,-0.00965,-0.02323,-0.04584,-0.03236,-0.07023,-0.00541,-0.02271,0.01909,0.01201,-0.00935,0.09418,0.02976,-0.02238,0.04023,-0.06401,-0.04151,0.0068,0.03079,0.00709,0.10795,-0.0361,-0.03213,-0.07036,0.04967,0.04607,-0.00387,0.04662,0.01325,-0.00945,0.09325,-0.13383,0.05372,-0.02992,-0.01217,-0.04874,0.05652,0.06951,-0.02544,-0.05574,-0.03991,-0.06407,0.06889,0.00364,-0.07131,-0.02964,0.01708,-0.04117,0.09086,0.00832,0.08671,0.04865,0.0408,0.00252,0.01688,0.03276,0.06023,-0.01761,0.06405,-0.01597,0.05804],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Accessibility This is the part of v19 I spent the most iterations on, because the obvious design was wrong. The obvious design is a separate keyboard \"focus\" state walking the nodes. I tried it and threw it away: two highlight states on one canvas confuse everyone, sighted or not. What shipped instead: DOM focus stays on the flow itself, and the arrow keys drive the selection directly — the same selection a pointer click produces. Assistive technology follows along through aria-activedescendant. One state, one visual, one mental model.","excerpt":"Accessibility This is the part of v19 I spent the most iterations on, because the obvious design was wrong. The obvious design is a separate keyboard \"focus\" state walking the nodes. I tried it and threw it away: two highlight states on one canvas confuse everyone, sighted or not. What shipped instead: DOM focus stays on the flow itself, and the arrow keys drive the selection directly — the same selection a pointer click produces. Assistive technology follows along through aria-activedescendant. One state, one visual, one mental model."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#7","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.0346,-0.08682,-0.06066,0.02973,-0.04062,0.088,0.04536,0.07404,0.05781,-0.00246,-0.02608,-0.05877,-0.0233,-0.02124,0.07416,-0.02505,0.0367,-0.05123,-0.05049,0.07051,-0.04653,-0.08689,0.00364,-0.04475,-0.08994,-0.04655,-0.02739,-0.04573,0.00699,-0.03813,0.03678,0.09091,0.00146,0.04048,-0.01967,0.00323,0.06427,-0.05437,-0.12887,-0.0495,-0.01505,-0.03845,0.02071,0.04453,0.00014,0.00774,0.03451,-0.03512,-0.04401,0.09874,-0.03567,-0.0108,0.03244,0.06925,0.01545,0.08218,0.03654,-0.00497,-0.02499,0.01669,-0.06282,-0.01248,-0.00834,0.03471,-0.0297,0.09036,-0.0565,-0.04708,0.02808,-0.07495,-0.0447,-0.03514,0.04255,-0.08344,0.05391,-0.02907,-0.02423,0.03296,-0.00223,-0.11452,0.03131,0.03286,0.00282,0.06248,0.00772,0.08868,0.02758,-0.01024,-0.01179,0.12708,-0.01441,0.02032,0.0366,-0.05496,0.08371,-0.03216,0.02899,-0.03225,-0.04531,0.03081,-0.01221,-0.01362,0.04671,0.05119,0.01149,-0.04868,0.02217,-0.02611,-0.03981,-0.03625,-0.00681,-0.02212,0.04374,-0.05236,0.00333,0.02,-0.01043,0.00478,0.13894,0.04396,0.0154,-0.04589,-0.00156,0.00046,0.04366,0.00872,-0.10283,0,-0.03441,0.05527,-0.04352,0.01965,0.01331,-0.00462,0.07156,-0.03791,-0.03676,-0.03883,-0.01178,0.03269,-0.0785,0.01653,0.04251,-0.06798,-0.0714,0.06986,-0.03752,-0.01253,0.09147,-0.0417,-0.00271,-0.04747,0.05059,0.08126,-0.08197,0.05155,0.00491,0.03452,-0.09508,-0.02,0.02396,-0.01215,-0.08298,-0.01336,-0.04328,-0.08683,0.01293,-0.02202,-0.06094,-0.04504,-0.04129,-0.12512,0.00395,-0.05032,-0.03343,0.00884,0.00783,0.00415,0.00535,0.00231,-0.01158,-0.01539,0.01604,-0.09365,-0.07306,0.05162,-0.00809,0.0714,0.03824,0.08681,-0.01076,0.01632,0.01374,0.07536,0.05264,0.01537,0.05159,-0.05605,-0.10525,0.07524,-0.0451,-0.00211,0.00529,-0.01311,-0.00208,-0.08133,0.04538,0.02224,-0.02182,0.0173,-0.01407,0.10054,0.08364,-0.05759,-0.02805,-0.05839,-0.14939,0.0037,0.10118,-0.04077,-0.00065,0.00328,-0.03737,0,0.01479,-0.02624,-0.04402,0.02716,-0.0141,-0.03988,0.02991,-0.03727,0.08204,-0.02511,0.01386,0.04614,0.02706,-0.09408,0.01487,-0.0061,-0.00595,-0.05379,-0.00042,-0.02491,0.00658,-0.02741,-0.03184,-0.01491,-0.05874,-0.00922,-0.00028,0.05223,-0.00133,-0.04894,0.00425,0.04781,-0.07661,-0.07238,0.01051,-0.03474,-0.05289,0.0395,-0.00619,-0.00587,0.08974,0.00209,-0.03649,0.02701,-0.02528,0.11996,-0.11855,-0.06756,-0.00408,0.03285,-0.00539,-0.0132,-0.0194,-0.0489,-0.12442,0.07633,0.11035,0.03463,-0.06237,0.00892,0.07195,-0.04288,0.02513,0.03136,0.08429,0.02916,0.04185,0.094,0.03995,0.04087,0.12781,-0.03813,-0.04531,-0.00264,0.06542,0.07552,0.03265,-0.05322,0.0134,0.03045,-0.04288,0.10102,0.01412,0.04944,0.07645,0.05776,-0.06073,0.01772,0.07429,0.03016,-0.07547,0.05627,0.02327,0.0458,-0.08286,0,-0.07276,-0.00889,-0.02597,-0.0063,-0.01673,0.00659,-0.06075,-0.00264,-0.02146,0.01831,-0.01081,0.0126,-0.02761,-0.02386,0.06943,0.02384,-0.01131,0.02361,-0.05846,-0.09192,0.0136,0.02972,-0.01613,0.10195,0.02823,-0.04591,-0.04056,0.03433,0.05377,0.01551,0.06092,-0.00263,0.04402,0.09903,-0.10231,0.08402,-0.00858,0.01613,-0.05742,0.04576,0.06052,-0.03534,-0.05342,-0.0235,-0.05662,0.06581,-0.0089,-0.02952,-0.05219,0.00185,-0.05333,0.08672,-0.01462,0.10859,0.02139,0.06685,0.01406,0.01367,0.10602,0.0354,-0.06208,0.04041,-0.00639,0.03638],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Semantics are always on and cost nothing: nodes, groups and connections get roles and accessible names (\"Connection from A to B\", tracking endpoint changes), a live region announces selection, movement, connection and deletion, and helper visuals are hidden from screen readers. Attributes you set yourself are never overridden. The keyboard layer is opt-in — existing apps have their own key handling, and I'm not going to double-drive them:","excerpt":"Semantics are always on and cost nothing: nodes, groups and connections get roles and accessible names (\"Connection from A to B\", tracking endpoint changes), a live region announces selection, movement, connection and deletion, and helper visuals are hidden from screen readers. Attributes you set yourself are never overridden. The keyboard layer is opt-in — existing apps have their own key handling, and I'm not going to double-drive them:"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#8","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.01334,-0.11232,-0.07205,0.03853,-0.03157,0.06502,0.04376,0.043,0.09379,0.01202,-0.00363,-0.0193,-0.03508,-0.03834,0.00346,-0.00035,-0.04994,-0.03978,-0.0601,0.06491,-0.02151,-0.10946,0.00608,-0.03529,-0.07836,-0.02582,-0.00177,-0.04441,-0.02383,-0.04867,0.00055,0.07461,0.00806,0.0496,-0.02386,0.02471,0.01057,-0.06681,-0.08441,-0.02852,-0.02053,-0.03145,0.03819,0.00527,0.02478,0.02154,-0.03539,-0.01582,-0.03202,0.10852,-0.05256,-0.01369,-0.00491,0.06401,0.03767,0.06072,0.05039,-0.02825,0.01706,0.02744,-0.00839,-0.02269,-0.04953,0.02424,-0.02304,0.06311,-0.06513,-0.06328,0.03405,-0.04448,-0.03778,-0.0416,-0.02238,-0.05957,0.04958,-0.00632,-0.00911,0.0347,0.01373,-0.06751,0.04341,0.03002,0.02003,0.01473,0.04446,0.10757,-0.00608,-0.04319,0.02475,0.09968,-0.07226,0.0362,0.00898,-0.02307,0.06322,-0.04177,0.06453,-0.04818,-0.05085,0.05992,0.00958,0.01497,0.01907,0.02777,0.0179,-0.0243,0.00419,-0.00992,-0.05232,-0.06064,-0.04969,-0.0327,0.05326,-0.04556,-0.02759,0.03228,0.00356,0.01044,0.11395,0.06104,0.01672,-0.04978,-0.05403,0.00992,0.03012,-0.02036,-0.09721,0,-0.00341,0.04067,-0.05547,0.0236,0.05289,-0.0077,0.04774,-0.03156,-0.05645,-0.02863,-0.01303,-0.02397,-0.04066,-0.00068,0.04212,-0.10446,-0.03282,0.06961,-0.0691,-0.00124,0.10778,-0.01982,0.01473,-0.05084,0.05243,0.09947,-0.09255,0.07364,0.0284,0.04744,-0.09459,-0.01663,-0.02008,-0.02604,-0.06434,-0.00754,-0.01125,-0.11004,-0.01244,-0.01957,-0.03943,-0.04862,-0.06521,-0.10884,0.01585,-0.06273,-0.0602,0.04354,0.01597,0.01424,0.03623,-0.00098,0.00633,0.00954,0.02875,-0.05737,-0.06071,0.0578,0.0129,0.12641,0.03615,0.08451,-0.01793,0.03792,0.04906,0.07049,0.04498,0.03643,0.05054,-0.05114,-0.08448,0.05884,-0.0091,-0.02549,-0.02653,-0.02098,-0.01384,-0.09205,0.04494,-0.01457,-0.02771,-0.02038,-0.03063,0.08679,0.07152,-0.0719,-0.02696,-0.07666,-0.10533,0.01342,0.09247,-0.04594,0.03443,0.00108,-0.01546,0,0.01959,0.00495,-0.05628,0.06048,-0.01954,-0.02227,0.00568,-0.02266,0.06361,-0.06926,0.01778,0.04447,0.04817,-0.07809,0.01039,-0.00585,0.03221,-0.04618,-0.05911,0.00533,0.04131,-0.07427,-0.03571,-0.00996,-0.07187,0.00741,0.03741,0.06934,-0.01025,-0.03435,0.00349,0.04102,-0.06987,-0.02964,0.04301,-0.01986,-0.00187,0.06398,0.02693,-0.02541,0.10363,0.03716,-0.02428,0.03038,-0.02916,0.12275,-0.1208,-0.02074,-0.00306,0.05076,-0.01217,-0.02883,-0.04436,-0.0528,-0.13744,0.08279,0.09013,0.03215,-0.04263,0.00496,0.0432,-0.05855,0.03046,0.04693,0.13439,0.00396,0.01529,0.09576,0.03092,0.04688,0.13316,0.03552,-0.02931,0.01442,0.07816,0.03498,0.04011,-0.0539,0.03573,0.03717,0.00862,0.10453,0.03162,0.02873,0.03878,0.07696,-0.06502,0.04166,0.04718,0.00284,-0.0467,0.0205,0.03924,-0.00134,-0.05186,0,-0.08101,0.02521,-0.06737,0.01242,0.02509,0.01447,-0.05972,0.02087,-0.0228,-0.01614,0.00393,0.06612,-0.0285,-0.05503,0.06091,-0.01185,-0.00096,0.02709,-0.05499,-0.0916,-0.00089,0.03183,0.01845,0.0974,-0.01158,-0.07056,-0.04796,0.07544,0.04871,0.0023,0.02691,-0.00265,0.04539,0.09994,-0.12964,0.08929,-0.01994,-0.00333,-0.06859,0.02468,0.08181,-0.01126,-0.0578,-0.05604,-0.1145,0.0648,0.01866,-0.03802,-0.01233,0.02032,-0.06362,0.08569,-0.02039,0.08812,0.00305,0.06541,-0.00433,-0.00539,0.07597,0.04021,-0.04359,0.0568,0.00261,0.02653],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. With it on: arrows move the selection spatially over nodes and connections, Shift+arrow extends, Ctrl+arrow walks the topology along connections, Space moves the selection (hold-and-release, or tap-to-grab for users who cannot hold two keys at once), Delete emits the new fDeleteSelected event, and C starts a connection from the selected node — arrows pick the target with the usual preview and snapping, Enter commits. Every string is localizable, every action key is remappable, and typing inside inputs in your nodes is never hijacked. f Delete Selected","excerpt":"With it on: arrows move the selection spatially over nodes and connections, Shift+arrow extends, Ctrl+arrow walks the topology along connections, Space moves the selection (hold-and-release, or tap-to-grab for users who cannot hold two keys at once), Delete emits the new fDeleteSelected event, and C starts a connection from the selected node — arrows pick the target with the usual preview and snapping, Enter commits. Every string is localizable, every action key is remappable, and typing inside inputs in your nodes is never hijacked."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#9","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.05348,-0.07599,-0.05382,0.02378,-0.00201,0.08396,0.06781,-0.01005,0.0746,0.03067,0.00556,0.02126,-0.027,-0.00821,0.07676,0.01365,-0.04759,-0.05298,-0.07112,0.09091,-0.01293,-0.05617,0.01414,0.00315,-0.0338,0.01892,-0.00757,-0.07771,0.03057,-0.0114,0.03576,0.05435,0.02703,-0.00964,-0.02521,0.0214,0.00356,-0.06932,-0.0924,-0.03347,0.0299,-0.01656,0.00367,-0.00401,-0.02799,0.03776,-0.02025,-0.03456,-0.07447,0.09861,0.00433,0.01207,0.02726,0.06925,0.00342,0.01776,0.06066,0.00565,-0.02167,0.03266,-0.03255,-0.0578,-0.02113,-0.0053,0.00559,0.08474,-0.032,-0.07555,0.0317,-0.04627,-0.06269,-0.05439,0.02219,-0.08537,0.02079,-0.00407,-0.02238,0.05583,0.00785,-0.08119,0.06013,-0.00331,0.01859,0.02433,-0.02633,0.07914,-0.0055,-0.03163,0.07219,0.05039,-0.00792,0.07281,0.0382,-0.01818,0.08488,-0.06262,0.01565,0.0027,-0.07169,0.05526,0.01626,0.05224,-0.00257,0.08815,0.01602,-0.01501,-0.00701,0.01758,-0.04671,0.00735,-0.03047,-0.01841,0.07349,-0.00557,-0.03807,-0.00276,-0.04507,0.03981,0.09384,0.07687,-0.02976,-0.06882,-0.00909,0.00935,0.01732,0.02615,-0.04197,0,-0.02668,0.04966,-0.11394,-0.0225,0.0696,-0.00508,0.02498,-0.04261,-0.01432,-0.01103,0.04309,0.01868,-0.06273,-0.01032,0.02108,-0.03791,-0.04041,0.05387,-0.0065,0.02844,0.13176,0.03885,-0.01692,-0.01177,0.0266,0.06538,-0.10426,0.04762,0.0152,0.01469,-0.03563,-0.00864,-0.0222,-0.06704,-0.05855,-0.00946,-0.0325,-0.09262,-0.00783,-0.02728,0.0229,-0.05196,-0.08734,-0.07906,-0.03438,-0.08995,-0.00089,0.02703,0.04802,-0.01374,-0.0006,0.03938,-0.02434,-0.02823,0.03289,-0.11932,-0.06615,0.05898,0.0299,0.02813,0.07011,0.07389,0.01224,0.01671,0.02256,0.03439,-0.00141,0.03426,0.03113,-0.12067,-0.06406,0.09277,-0.06855,0.02537,-0.00017,-0.05308,0.01551,-0.00642,0.05406,-0.0497,0.03734,0.00805,0.00397,0.11851,0.08705,-0.08473,-0.01897,-0.09311,-0.13195,-0.00804,0.09503,-0.0316,-0.00432,0.021,-0.01606,0,0.03693,-0.01777,-0.06787,0.03979,-0.06241,-0.02217,0.03608,0.04738,0.0972,-0.06438,0.06037,0.02961,0.05083,-0.0562,-0.01178,0.00746,0.00002,-0.1092,-0.05178,-0.012,0.02782,-0.0325,-0.03827,0.02268,-0.12964,-0.01329,0.02365,0.02288,-0.0373,-0.04632,-0.00368,0.02506,-0.04888,-0.08568,-0.01822,-0.10127,-0.04413,0.08019,-0.00582,-0.02155,0.09602,0.06112,-0.03698,0.03288,-0.03329,0.1163,-0.0976,-0.04142,0.04647,0.04869,-0.00223,-0.0217,0.00162,-0.07036,-0.10911,0.05413,0.12767,-0.0208,-0.0698,-0.0448,0.04781,0.00565,-0.01759,0.00426,0.07785,0.06357,0.02047,0.09147,0.12428,0.02106,0.06924,0.00434,-0.00599,-0.02143,0.08861,0.09712,0.08542,-0.04627,0.03616,-0.01939,-0.01482,0.10981,0.01636,-0.01674,0.05057,0.05288,-0.09175,-0.07244,0.02433,0.06451,-0.05318,0.00248,0.04335,0.01135,-0.02319,0,-0.04336,0.02211,-0.0552,0.02641,0.03609,0.00234,-0.03799,0.02099,-0.01195,0.00165,-0.03355,0.04488,-0.08068,-0.03517,0.04967,-0.00775,0.02532,0.02094,-0.06063,-0.05526,-0.02963,0.02379,0.037,0.08981,0.03178,-0.0367,0.01681,0.0304,0.01478,0.01265,0.03576,-0.00305,0.04377,0.08485,-0.10642,0.04142,-0.02704,0.02413,-0.02665,0.01446,0.05323,0.01906,-0.08021,-0.04949,-0.08914,0.01763,-0.03427,-0.03266,-0.03976,0.04554,-0.07099,0.12066,-0.06626,0.12751,0.05551,0.01848,0.01435,0.02853,0.04199,-0.01254,0.02401,0.00579,0.00819,-0.04774],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. The golden rule did not move: in the default stateless mode, the library never mutates your application-owned data. Delete tells you what the user wants removed. You decide what to do. Since v19.1, the optional Managed Flow State plugin can apply that deletion and other supported gestures to an explicit typed store. Applications that do not install it keep the v19.0 event contract unchanged. ::: ng-component <accessibility</accessibility [height]=\"600\" :::","excerpt":"The golden rule did not move: in the default stateless mode, the library never mutates your application-owned data. Delete tells you what the user wants removed. You decide what to do. Since v19.1, the optional Managed Flow State plugin can apply that deletion and other supported gestures to an explicit typed store. Applications that do not install it keep the v19.0 event contract unchanged. ::: ng-component <accessibility</accessibility [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#10","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.02964,-0.12729,-0.08651,0.00551,-0.04802,0.09431,0.04493,0.05594,0.03552,-0.00651,0.01207,-0.032,-0.02099,-0.04321,0.03494,-0.03828,0.00025,-0.02202,-0.03191,0.06493,-0.04591,-0.07455,0.00281,-0.06959,-0.07835,-0.01979,-0.00234,-0.03857,0.01643,-0.04433,-0.01979,0.06533,0.03938,0.02521,-0.01808,-0.01232,0.04463,-0.04489,-0.12069,-0.0431,-0.07691,-0.05021,0.06004,0.03257,-0.00484,-0.00134,-0.0221,-0.02804,-0.04154,0.10245,-0.02778,-0.02531,0.04056,0.03337,0.01038,0.06641,0.02953,-0.02929,0.00648,0.01337,-0.04825,-0.03591,-0.0166,0.01798,-0.01584,0.09067,-0.01425,-0.05137,0.01571,-0.09179,-0.06201,-0.02954,0.04159,-0.07039,0.02152,-0.00622,-0.01997,0.0154,0.02793,-0.08216,0.01367,0.05409,0.00741,0.03987,0.00683,0.10161,0.0118,0.02013,0.00664,0.10745,-0.01445,-0.00251,0.00528,-0.02233,0.04523,-0.0397,0.04898,-0.05081,-0.05127,0.01116,0.00706,0.01398,0.02057,0.01759,0.03746,-0.04205,0.04383,-0.03587,-0.04799,-0.05145,-0.01476,-0.05306,0.06449,-0.04086,-0.01371,-0.02247,-0.01819,-0.02849,0.16402,0.02689,-0.00181,-0.0186,-0.05165,-0.02682,0.01967,-0.00125,-0.10771,0,0.00564,0.07164,-0.04973,-0.0039,0.0317,-0.03086,0.03553,-0.05708,-0.04447,-0.04052,0.02051,0.01983,-0.06508,0.01974,-0.00359,-0.04522,-0.05908,0.08087,-0.07637,0.00121,0.07663,-0.03928,0.03102,0.0024,0.07241,0.10873,-0.1019,0.06814,0.05618,0.04353,-0.07659,-0.02691,-0.01689,-0.06282,-0.06536,-0.01687,-0.00527,-0.07283,0.0034,-0.00549,-0.03806,-0.05525,-0.0209,-0.12258,-0.00986,-0.03373,-0.01978,0.04155,0.04952,-0.01048,-0.01772,0.00604,-0.02193,-0.00473,0.06837,-0.08705,-0.08403,0.07388,0.01959,0.12162,0.03857,0.08152,0.04203,0.00852,0.03549,0.06861,0.00303,0.02546,0.01606,-0.06499,-0.06645,0.03631,-0.05096,0.02639,-0.02574,-0.01754,-0.00129,-0.08759,0.03198,-0.0254,-0.03026,0.01937,-0.003,0.0941,0.05466,-0.073,-0.04895,-0.05584,-0.13019,-0.01471,0.07496,-0.02258,-0.00919,-0.01806,-0.03644,0,0.0269,0.00263,-0.04739,0.04277,-0.04032,-0.00815,0.03962,-0.02591,0.0931,-0.02068,0.0352,0.07103,0.04852,-0.10996,-0.00952,-0.00241,0.01649,-0.03306,-0.00846,0.00501,0.0419,-0.07328,-0.00806,-0.00594,-0.08426,0.00692,0.00456,0.04192,-0.05154,-0.04543,0.02009,0.07172,-0.05943,-0.06314,0.02527,-0.03187,-0.01965,0.05363,-0.01175,-0.00185,0.08556,0.02576,-0.01177,0.01837,-0.02104,0.11832,-0.1009,-0.07593,0.02046,0.03623,0.02617,-0.01126,0.01178,-0.06198,-0.13952,0.08494,0.05984,0.02338,-0.06768,0.03832,0.04125,-0.06643,0.03847,0.03768,0.08075,0.03411,0.03581,0.09024,0.06115,0.03723,0.13707,-0.01365,0.00449,0.02743,0.06908,0.06578,0.04863,-0.04808,0.04388,0.0164,0.00068,0.09972,0.02608,0.05278,0.06806,0.10031,-0.02994,-0.02319,0.06536,0.02158,-0.06222,0.05796,0.04105,0.03891,-0.04954,0,-0.04044,-0.00398,-0.01433,-0.00225,-0.02741,0.01958,-0.0426,-0.03235,-0.04725,0.0326,-0.01045,0.015,-0.00864,-0.01268,0.07437,0.03514,-0.01136,0.05913,-0.05478,-0.09366,0.01778,0.06619,0.03179,0.0896,0.03032,-0.01932,-0.0186,0.04067,0.03824,-0.01696,0.05888,0.01046,0.01615,0.0465,-0.11162,0.1019,-0.00751,0.00112,-0.063,0.04607,0.06105,-0.04954,-0.06632,-0.0664,-0.11635,0.06705,0.01959,-0.02356,-0.07038,0.00052,-0.05836,0.11659,0.01274,0.08582,0.02427,0.09185,0.00682,0.01254,0.07212,0.04039,-0.03986,0.0422,-0.01192,0.021],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. The full keyboard map and every configuration option live in the Accessibility guide.","excerpt":"The full keyboard map and every configuration option live in the Accessibility guide."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#11","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.04797,-0.11316,-0.08175,0.01736,0.00392,0.06588,-0.02387,0.04204,0.02909,0.0107,0.01253,-0.02964,-0.05256,0.00987,0.05514,-0.02004,-0.01358,-0.07819,-0.05836,0.08481,-0.04991,-0.06653,0.03087,-0.0929,-0.06851,-0.05554,-0.01241,-0.06888,0.00178,-0.04756,0.00813,0.09146,-0.022,0.02273,-0.03184,0.03623,0.02854,-0.05943,-0.07754,-0.05381,0.01311,-0.06295,0.03873,-0.00689,-0.00138,0.00946,-0.03136,-0.02279,-0.03345,0.12017,-0.03446,-0.00781,0.00885,0.08714,-0.00314,0.05652,0.01965,0.00883,0.00337,0.0432,-0.01224,-0.03092,-0.01254,-0.01844,-0.01142,0.03675,-0.02857,-0.08956,0.00739,-0.05332,-0.0498,-0.0228,0.00302,-0.09702,0.03847,0.00984,-0.0221,0.08438,0.04116,-0.10646,0.09484,0.08427,0.01255,0.02123,0.04018,0.12578,-0.00744,-0.01093,-0.02339,0.03254,-0.00243,0.0181,0.00469,-0.00307,0.06306,-0.03263,0.00287,0.01545,-0.02999,0.02602,-0.03543,0.03069,0.03692,0.05791,0.02187,-0.0272,0.00491,0.02362,-0.0356,-0.04546,0.01743,0.01201,0.0486,-0.03558,-0.01347,-0.00063,-0.06391,0.01284,0.14808,0.09179,-0.00118,-0.01374,-0.04324,-0.02574,0.01189,0.01326,-0.07347,0,0.00989,0.07561,-0.06888,-0.02275,0.03725,0.00081,0.02523,-0.04106,-0.046,-0.02703,-0.04193,-0.01073,-0.05466,-0.01932,0.01721,-0.07171,-0.06393,0.0683,-0.0042,-0.00201,0.09954,-0.01233,0.0216,-0.04113,0.0834,0.12783,-0.09099,0.05985,0.00135,0.02372,-0.02696,0.0045,0.00902,-0.06302,-0.08258,-0.07995,-0.0021,-0.12659,-0.05168,-0.01743,-0.02244,-0.01973,-0.06762,-0.04649,0.01847,-0.04404,0.00053,0.02781,0.09227,-0.00104,-0.05204,-0.02008,-0.01084,-0.006,0.03223,-0.13854,-0.09737,0.07905,0.01696,0.05981,0.04944,0.05452,0.00077,0.02764,0.0759,0.06555,0.02395,0.04265,0.05868,-0.03827,-0.05586,0.03235,-0.0724,0.02011,0.00195,-0.04997,0.01531,-0.07038,0.0605,-0.05219,-0.02686,0.05343,-0.01913,0.09254,0.09999,-0.06209,-0.03793,-0.09392,-0.08507,-0.02522,0.09746,0.00222,-0.0207,-0.02743,-0.01443,0,0.00935,0.00491,-0.05407,0.04255,-0.04422,-0.04194,0.04505,-0.01619,0.0924,-0.02475,0.05839,0.04546,0.06078,-0.09809,-0.03105,0.01713,-0.01997,-0.09084,0.03167,0.00857,0.09204,-0.01559,-0.01771,-0.00369,-0.06045,0.01055,0.03381,0.02373,-0.01497,-0.04495,0.02377,0.04426,-0.07528,-0.04239,0.0179,-0.03649,-0.02171,0.0508,0.00551,-0.02522,0.10909,0.04898,0.00917,0.00312,-0.0388,0.0581,-0.1141,-0.052,0.01597,0.01284,-0.00196,-0.00634,-0.02341,-0.03883,-0.11516,0.03208,0.11248,0.00099,-0.10302,0.01634,0.09604,-0.04641,0.06038,-0.00165,0.12009,0.06174,0.02878,0.09767,0.07911,0.08234,0.09373,-0.02045,0.01993,0.01614,0.04521,0.0701,0.04615,-0.06677,0.03874,0.01522,-0.04266,0.07345,0.00927,0.01465,0.07832,0.06368,0.0066,0.016,0.07522,0.04861,-0.05286,0.00254,0.03192,0.02288,-0.05847,0,-0.03755,0.07191,-0.07708,-0.00954,0.02005,-0.01524,-0.04844,-0.01993,-0.03344,0.02225,-0.05869,0.0643,0.0023,-0.00348,0.09722,0.00822,-0.01534,0.01948,-0.06344,-0.07814,-0.02776,0.03214,0.01515,0.03691,-0.00244,-0.03931,-0.0297,0.02928,0.00496,-0.03409,0.00776,0.00526,0.01867,0.0462,-0.11983,0.07181,-0.02131,-0.00656,-0.06703,0.01255,0.08896,-0.06261,-0.06892,-0.05354,-0.06934,0.02464,-0.00321,-0.00956,-0.05215,0.03889,-0.07772,0.06667,-0.03632,0.03255,0.03711,0.02774,-0.01998,0.04881,0.08867,0.00421,-0.02025,0.01945,0.06223,-0.01619],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. One Connector Instead of Three The legacy connector API grew three directives — fNodeInput, fNodeOutput, fNodeOutlet — with three id namespaces and asymmetric options. v19 replaces the trio with one: One id per connector; fConnectorType decides the behavior (source, target, source-target, outlet). Connections get canonical fSourceId/fTargetId inputs. The legacy directives and fOutputId/fInputId keep working — deprecated, not removed — so migration is at your pace. ::: ng-component <unified-connector</unified-connector [height]=\"600\" ::: f Node Input f Node Output f Node Outlet f Connector Type f Source Id f Target Id f Output Id f Input Id","excerpt":"One Connector Instead of Three The legacy connector API grew three directives — fNodeInput, fNodeOutput, fNodeOutlet — with three id namespaces and asymmetric options. v19 replaces the trio with one: One id per connector; fConnectorType decides the behavior (source, target, source-target, outlet). Connections get canonical fSourceId/fTargetId inputs. The legacy directives and fOutputId/fInputId keep working — deprecated, not removed — so migration is at your pace. ::: ng-component <unified-connector</unified-connector [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#12","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.07321,-0.06606,-0.02551,0.04864,0.02309,0.00354,-0.01138,0.04101,0.07828,0.03596,-0.01803,-0.04766,0.00353,-0.05928,0.04179,0.01363,-0.03188,-0.04298,-0.04091,0.07963,-0.0473,-0.01039,-0.01968,-0.01409,-0.09627,-0.01214,-0.04066,-0.05198,-0.01695,-0.05483,0.00659,0.10949,-0.04002,0.02176,0.04511,0.0791,0.04507,-0.05705,-0.10013,-0.02138,0.05166,0.019,0.02105,-0.0189,-0.01695,0.00744,-0.00227,-0.0444,-0.06876,0.03892,-0.06458,-0.00717,0.02289,0.05818,0.019,0.00388,0.03334,0.00083,-0.00308,0.07959,0.01617,-0.04468,0.0045,-0.00941,0.01554,0.08258,-0.03719,-0.05475,-0.00228,-0.07382,-0.01997,-0.05133,-0.04734,-0.0164,0.03771,0.03306,0.01867,0.05515,0.05098,-0.12229,-0.03072,0.0113,0.04258,0.00497,-0.00652,0.10106,0.03407,-0.00336,0.03462,0.0994,-0.01981,-0.00826,-0.01279,0.05333,0.16493,-0.01023,0.05408,-0.01043,-0.02041,0.02706,0.00777,-0.00123,0.00696,0.05495,0.02688,-0.02661,0.02221,-0.00388,-0.04499,-0.04345,-0.00798,-0.00572,0.07254,-0.02081,-0.00267,-0.01564,-0.03228,0.00532,0.09734,0.06822,0.0104,-0.03773,-0.00411,0.01281,0.04391,0.00815,-0.03411,0,0.00244,0.03858,-0.04547,0.02504,0.08393,-0.01969,0.02494,-0.03587,-0.02206,-0.01143,-0.02533,-0.0004,-0.05338,-0.01839,-0.04556,-0.04596,-0.02418,0.04792,-0.07284,0.03736,0.11788,-0.0487,-0.00982,-0.06592,0.05235,0.13651,-0.09619,0.05087,0.02381,0.03338,-0.06629,-0.0142,0.07789,-0.03164,-0.0602,-0.04965,-0.00074,-0.08195,-0.08654,-0.03886,-0.04834,0.01865,-0.0613,-0.0685,0.03099,-0.10597,-0.05714,0.01476,0.06506,-0.01792,-0.02509,0.05794,0.01427,0.00116,0.04114,-0.0994,-0.03417,-0.00864,-0.02687,0.06557,0.0863,0.07397,-0.04554,0.00547,0.11017,0.03806,0.02415,0.04167,0.02319,-0.06949,-0.06792,0.04343,-0.02826,-0.00771,-0.02167,-0.0814,0.00507,-0.02897,0.04495,-0.03178,-0.00442,-0.00052,-0.03483,0.07403,0.00613,-0.05645,-0.04414,-0.04902,-0.13077,0.02181,0.13496,-0.01239,-0.01255,0.01622,-0.04807,0,-0.04618,-0.015,-0.10152,0.03811,-0.04852,-0.04374,0.03263,0.00659,0.10026,-0.05477,-0.00013,0.02266,-0.01112,-0.07178,-0.02432,-0.0477,0.01638,-0.10099,0.04252,0.01938,0.09424,0.01447,-0.0309,-0.05429,-0.03166,0.03039,-0.01109,0.079,-0.03409,-0.07026,0.08039,0.057,-0.09328,-0.0092,0.03787,-0.03663,-0.04625,0.04511,0.02071,-0.05896,0.12015,0.05208,-0.05562,0.02342,-0.01237,0.07205,-0.07863,-0.05418,0.00601,-0.00986,-0.01074,-0.02069,-0.00716,-0.00802,-0.13382,0.04507,0.08334,0.0407,-0.07244,0.0137,0.05786,-0.02682,0.02496,-0.0089,0.06148,0.07671,-0.0064,0.08623,0.12476,0.03215,0.11537,-0.00261,-0.06239,-0.02176,0.05122,0.09665,-0.02522,-0.08225,0.01715,0.02669,-0.0722,0.10585,0.01155,0.0797,0.07493,0.03314,-0.02442,0.01576,0.04762,0.05096,-0.04946,0.0101,-0.027,0.0459,-0.07368,0,-0.08385,0.01416,-0.09892,0.00173,0.04689,-0.0232,-0.04253,-0.01944,-0.03054,0.03897,-0.03487,0.02627,-0.02421,-0.0406,0.09486,-0.00803,-0.05084,0.01684,-0.07555,-0.1031,-0.02437,0.04559,-0.01061,0.01308,-0.02115,-0.0521,0.01196,0.05536,-0.01874,-0.00865,-0.00383,-0.00615,0.05598,0.06008,-0.07915,0.09369,0.0288,0.00614,-0.03385,0.00416,0.04518,-0.01286,-0.03475,-0.04956,-0.02514,0.02558,-0.04097,-0.0074,-0.00083,-0.00542,-0.04,0.0743,-0.05585,0.11867,0.02923,0.00841,-0.01023,-0.04985,0.07945,0.0567,-0.04398,0.04487,0.04886,0.01093],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. The Editor Now Explains Itself — to Humans and to Agents A silent failure is the worst kind of bug report, and node editors are full of them: a connection whose endpoint id matches nothing, a node inside a nested @if that registers but renders detached, a zero-height host. v19 ships dev-mode diagnostics with stable codes — FF1001–FF1009 — each linking to a documented cause and fix at https://flow.foblex.com/docs/errors. They are stripped from production builds. The same release makes the library legible to AI agents, because that is where the errors actually come from now. ng add @foblex/flow writes a managed section into your AGENTS.md pointing coding agents at the version-matched guide bundled inside the npm package, and the hosted llms.txt/llms-full.txt are validated in CI so they cannot drift from the API again. Details: https://flow.foblex.com/docs/ai","excerpt":"The Editor Now Explains Itself — to Humans and to Agents A silent failure is the worst kind of bug report, and node editors are full of them: a connection whose endpoint id matches nothing, a node inside a nested @if that registers but renders detached, a zero-height host. v19 ships dev-mode diagnostics with stable codes — FF1001–FF1009 — each linking to a documented cause and fix at https://flow.foblex.com/docs/errors. They are stripped from production builds. The same release makes the library legible to AI agents, because that is where the errors actually come from now. ng add @foblex/flow writes a managed section into your AGENTS.md pointing coding agents at the version-matched guide bundled inside the npm package, and the hosted llms.txt/llms-full.txt are validated in CI so they cannot drift from the API again. Details: https://flow.foblex.com/docs/ai"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#13","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.04446,-0.16247,-0.03089,0.06745,0.04194,0.01852,0.04989,0.00851,0.081,0.00272,-0.02534,-0.01509,-0.09353,-0.02604,0.01593,-0.03766,-0.00439,-0.05786,-0.0499,0.11436,-0.01943,-0.09385,0.00356,-0.02922,-0.0513,0.01644,-0.02288,-0.07035,0.04105,-0.06757,-0.06177,0.05788,-0.00313,0.02136,0.02373,0.02481,0.05712,-0.04288,-0.10714,-0.06357,-0.02437,-0.02218,0.03333,0.02643,0.00867,-0.01745,0.00428,-0.027,-0.04848,0.09284,-0.06348,-0.03573,0.01459,0.02971,-0.00137,0.06414,0.05929,-0.05228,0.03549,0.04013,-0.04806,-0.02791,-0.01069,0.01731,0.03384,0.03857,-0.01316,-0.0435,0.01504,-0.06426,-0.03367,-0.03029,-0.00905,0.01253,0.02791,0.00053,-0.01019,0.03803,-0.00715,-0.06308,0.0661,0.02747,-0.00067,0.02697,0.04524,0.10096,0.03953,-0.0222,-0.03259,0.113,0.0136,0.01802,-0.0228,0.00956,0.04741,-0.04101,0.04886,-0.01387,-0.01525,0.03619,0.01333,-0.01269,0.05567,0.02364,0.01532,-0.03631,0.0089,-0.03579,-0.04882,-0.00241,-0.04775,-0.04007,0.03885,-0.02943,-0.01843,-0.02583,-0.06233,-0.01515,0.1158,0.03894,0.02518,0.00067,-0.06047,-0.01666,0.04704,-0.02847,-0.05139,0,-0.00377,0.02956,-0.0661,-0.0119,0.05137,-0.059,0.00874,-0.02344,-0.04871,0.00264,0.00768,-0.02397,-0.05233,0.02139,0.0318,-0.08902,-0.04635,0.05246,-0.07071,0.01125,0.07529,-0.01223,-0.01624,-0.01883,0.02893,0.12538,-0.12542,0.04241,0.0191,0.05283,-0.10049,-0.01971,-0.03312,-0.06977,-0.06899,0.00963,0.0012,-0.08701,0.02638,-0.0803,-0.10202,-0.03352,-0.07283,-0.08694,0.01388,-0.06971,-0.03971,0.07237,-0.03223,-0.00609,0.02049,0.00363,0.01607,0.0434,0.00877,-0.02816,0.02742,0.01596,0.00409,0.10299,0.08973,0.08837,-0.01119,-0.02349,0.03655,0.11749,0.0425,0.05069,0.0292,-0.06008,-0.08087,0.0306,0.00013,0.01804,-0.02258,-0.04043,-0.02552,-0.0953,0.05094,0.0089,-0.00996,-0.02168,0.008,0.038,0.01974,-0.07085,-0.01212,-0.05158,-0.14675,0.00232,0.1031,-0.01665,0.01635,-0.00992,-0.03465,0,-0.01144,-0.00461,-0.05031,0.0786,-0.09874,-0.00419,0.00346,0.01836,0.08296,-0.06794,0.02907,0.03102,0.00616,-0.0547,-0.03727,0.00843,-0.01063,-0.05355,0.00486,-0.02166,0.11302,-0.06468,0.00924,0.01377,-0.03945,0.00352,0.05174,0.04062,-0.03314,-0.04739,0.03374,0.07114,-0.05904,-0.07591,0.05808,-0.06445,-0.0079,0.03869,0.00784,-0.02623,0.11404,0.08038,0.02512,0.05367,-0.02475,0.12049,-0.14734,0.00641,0.00939,0.0374,0.01962,0.03321,-0.00677,-0.02248,-0.09643,0.05187,0.02632,-0.01114,-0.02938,0.01064,0.03746,-0.02922,-0.02835,-0.0139,0.11927,0.01628,0.01583,0.06807,0.09047,0.04796,0.14746,0.0274,-0.02876,-0.02903,0.02285,0.07137,0.06262,-0.10867,0.02619,0.02031,-0.01919,0.14105,0.03266,0.01588,0.01411,0.09694,-0.06425,0.01929,0.02265,0.01777,-0.02448,0.04528,0.06553,0.02238,-0.10354,0,-0.07638,0.00673,-0.01413,0.0066,0.04504,-0.00023,-0.05613,-0.01211,-0.00537,-0.00899,0.0191,0.02104,-0.03773,-0.01283,0.06626,0.00647,-0.01292,0.04017,-0.06719,-0.11274,0.02525,0.06928,0.01081,0.0634,-0.00921,-0.05156,-0.02419,0.06211,0.0132,-0.00064,0.00132,0.03545,0.01517,0.04861,-0.10581,0.12628,0.00014,-0.01585,-0.04737,0.01026,0.05153,-0.0422,-0.04099,-0.05419,-0.09987,0.02852,0.02351,-0.03245,-0.02024,-0.01443,-0.04546,0.09176,-0.00893,0.08727,0.01497,0.04077,-0.03105,0.0377,0.07895,0.01839,-0.01496,-0.01711,0.01374,0.07193],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Small Fixes That Matter - A fast drag no longer lags or jumps: the drag anchors to the pointer-down position, not the threshold-crossing point. - Safari no longer leaves ghost preview lines on the canvas after a drop. - A native <select opened inside a node no longer leaves the node glued to the cursor afterward — the swallowed pointerup is detected and the drag ends cleanly. Each of these sounds small in a changelog, but they are exactly the kind of thing that decides whether an editor feels solid.","excerpt":"Small Fixes That Matter - A fast drag no longer lags or jumps: the drag anchors to the pointer-down position, not the threshold-crossing point. - Safari no longer leaves ghost preview lines on the canvas after a drop. - A native <select opened inside a node no longer leaves the node glued to the cursor afterward — the swallowed pointerup is detected and the drag ends cleanly. Each of these sounds small in a changelog, but they are exactly the kind of thing that decides whether an editor feels solid."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#14","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.01295,-0.10101,-0.05398,0.01438,-0.01228,0.07548,0.01672,0.06876,0.0306,-0.02334,0.01653,-0.06401,-0.02248,-0.01787,0.02073,-0.03641,-0.00601,-0.05367,-0.06916,0.07657,-0.0253,-0.08114,0.02294,-0.06053,-0.0861,-0.03757,-0.02088,-0.03868,-0.02033,-0.04224,0.00749,0.12801,-0.00635,0.02474,0.00971,0.00643,0.01667,-0.06833,-0.10167,-0.0499,-0.06331,-0.04534,0.05065,0.00747,0.00686,0.00442,-0.00093,-0.05617,-0.02886,0.08255,-0.03006,0.01171,0.03937,0.08574,0.03683,0.05582,0.05086,-0.0143,-0.03325,0.0096,-0.03099,-0.0251,-0.055,-0.00252,-0.02793,0.04428,-0.00865,-0.06078,0.03059,-0.03653,-0.03208,-0.02063,-0.00793,-0.09079,0.06877,0.01208,0.00752,0.08433,0.04016,-0.14605,0.03681,0.05143,0.02243,-0.01719,0.02896,0.0604,-0.01135,-0.0335,0.02333,0.08853,-0.01453,0.0223,-0.00899,-0.01275,0.0858,-0.03541,0.01829,-0.00854,-0.00837,0.03695,-0.05209,0.03288,0.03755,0.05767,0.04107,-0.0066,0.0239,0.0068,-0.05629,-0.09195,-0.01701,-0.03731,0.06682,0.00953,-0.00342,0.0076,-0.01462,-0.00202,0.10497,0.05194,-0.01101,-0.02164,-0.01327,-0.00208,0.00814,-0.00047,-0.10786,0,-0.01783,0.03551,-0.05931,0.01345,0.04481,0.00378,0.07354,0.00121,-0.02513,-0.02115,-0.06522,-0.00109,-0.05822,-0.0377,0.00935,-0.07573,-0.04185,0.04384,-0.06175,0.01292,0.14457,-0.01237,0.00028,-0.08183,0.04871,0.10778,-0.07832,0.06991,0.01264,0.03539,-0.08124,-0.02525,0.02148,-0.03902,-0.06101,-0.0572,0.02808,-0.09369,-0.01856,-0.03824,-0.05606,-0.01905,-0.04001,-0.11409,0.03734,-0.05502,-0.04757,0.04259,0.06292,0.01582,0.0066,0.01022,-0.01767,-0.04911,0.01694,-0.10516,-0.08882,0.10397,0.00464,0.09256,0.025,0.07533,-0.02625,-0.00335,0.07346,0.09072,0.02159,-0.00207,0.03354,-0.06895,-0.08381,0.04536,-0.06314,-0.02081,0.04072,-0.05491,0.00352,-0.08944,0.00069,-0.04112,-0.04297,0.04471,-0.03459,0.06715,0.06374,-0.0491,0.00178,-0.10521,-0.10823,-0.0192,0.09828,-0.02767,0.02213,-0.02375,0.00027,0,0.00168,0.00742,-0.06302,0.02557,-0.01066,0.00943,0.04019,-0.04669,0.05295,-0.07241,0.03021,0.05373,0.0127,-0.10195,-0.01663,0.00278,-0.01036,-0.06366,-0.02853,0.04321,0.05721,0.01545,-0.03875,-0.00865,-0.06016,-0.00445,-0.00584,0.06956,-0.01026,-0.01756,0.01496,0.04817,-0.09407,-0.03434,0.02695,-0.06193,-0.01465,0.03629,-0.0138,0.03321,0.09782,0.01531,-0.03328,0.02082,-0.01364,0.08901,-0.11544,-0.06824,0.01702,0.00788,0.02238,-0.04194,-0.03102,-0.01388,-0.11968,0.07942,0.13945,-0.00934,-0.0885,0.02406,0.0672,-0.03706,0.02617,0.00911,0.142,0.03797,0.01622,0.08906,0.07051,0.05361,0.07129,-0.01399,-0.00696,0.03069,0.06049,0.08011,0.03067,-0.05383,0.03116,0.02976,-0.0315,0.08139,0.03486,0.0199,0.03936,0.03844,-0.01993,-0.0079,0.05973,0.01761,-0.05289,0.00867,0.0585,0.03655,-0.03301,0,-0.07382,0.04182,-0.06344,0.0352,0.02313,-0.01249,-0.07169,0.00766,-0.0585,0.01332,-0.05467,0.06972,-0.00464,-0.01468,0.08574,0.00399,0.02848,0.02002,-0.07818,-0.06404,-0.00977,0.01115,-0.02757,0.06203,-0.02198,-0.06069,-0.02752,0.02288,0.03116,-0.01656,0.03668,0.00243,0.01619,0.07082,-0.11188,0.10022,0.02072,-0.00142,-0.05465,0.04461,0.06522,-0.00375,-0.0833,-0.07781,-0.03549,0.04227,-0.01309,-0.03135,-0.04163,0.05728,-0.08434,0.10891,-0.04472,0.08085,0.01022,0.03323,0.00124,0.0019,0.08016,0.03182,-0.02636,0.05833,0.03752,-0.00155],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Migration Notes Nothing is removed in v19; the deprecations keep working. - fNodeInput / fNodeOutput / fNodeOutlet → [fConnector] with fConnectorType. Legacy directives still work and are marked deprecated. - fOutputId / fInputId (and fOutputSide / fInputSide) on f-connection → fSourceId / fTargetId (fSourceSide / fTargetSide). The new input wins when both are set. - fCanBeConnectedInputs → fCanBeConnectedTo. - [fConnector] defaults to fConnectorMultiple = true; legacy outputs were single-connection. Set it to false where you relied on that. - Connector ids are unique across all connector types in the unified model. - Every flow now applies inert ARIA attributes (roles, generated names, DOM ids where missing). Your own attributes always win; behavior changes only if you opt into withA11y(). - If you subclass FDraggableBase directly (rare), it has two new abstract members: fDeleteSelected and fCreateConnectionTrigger. f Node Input f Node Output f Node Outlet f Connector f Connector Type f Output Id f Input Id f Output Side f Input Side f Source Id f Target Id f Source Side f Target Side f Can Be Connected Inputs f Can Be Connected To f Connector Multiple with A11y F Draggable Base f Delete Selected f Create Connection Trigger","excerpt":"Migration Notes Nothing is removed in v19; the deprecations keep working. - fNodeInput / fNodeOutput / fNodeOutlet → [fConnector] with fConnectorType. Legacy directives still work and are marked deprecated. - fOutputId / fInputId (and fOutputSide / fInputSide) on f-connection → fSourceId / fTargetId (fSourceSide / fTargetSide). The new input wins when both are set. - fCanBeConnectedInputs → fCanBeConnectedTo. - [fConnector] defaults to fConnectorMultiple = true; legacy outputs were single-connection. Set it to false where you relied on that. - Connector ids are unique across all connector types in the unified model. - Every flow now applies inert ARIA attributes (roles, generated names, DOM ids where missing). Your own attributes always win; behavior changes only if you opt into withA11y(). - If you subclass FDraggableBase directly (rare), it has two new abstract members: fDeleteSelected and fCreateConnectionTrigger."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#15","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.07465,-0.0987,-0.09057,0.02684,-0.02861,0.07737,0.02472,0.03187,0.07083,0.04498,-0.02044,-0.01561,-0.02943,0.01737,0.08949,-0.04396,-0.00081,-0.1,-0.09417,0.06002,-0.04966,-0.08567,0.0127,-0.04375,-0.05864,-0.03974,-0.00067,-0.05531,0.01834,-0.04009,-0.0114,0.08709,0.00017,0.03292,-0.03221,0.07228,0.04224,-0.0216,-0.11237,-0.06701,-0.03564,-0.03288,0.03024,-0.01286,-0.03125,-0.0342,-0.03647,-0.00216,-0.05174,0.1342,-0.08249,-0.08512,-0.00058,0.04447,0.01607,0.04654,0.03891,-0.01713,-0.01083,-0.01644,-0.01373,-0.0478,-0.02684,0.04254,-0.02037,0.05866,-0.0296,-0.01577,-0.01026,-0.11322,-0.05217,-0.07405,0.03224,-0.06247,0.02482,0.00706,-0.01442,0.05644,0.05107,-0.08374,0.03812,0.06007,0.00086,0.06805,0.00092,0.11343,0.06324,0.00712,-0.00845,0.0572,-0.03811,0.06691,0.05277,-0.0238,0.09259,0.00658,0.03955,0.01917,-0.03667,0.028,0.00726,-0.01225,0.04448,0.01445,-0.01116,-0.04748,0.03106,-0.05175,-0.04372,-0.03373,-0.00765,0.00629,0.00807,-0.07981,-0.00803,-0.03724,-0.05578,0.01609,0.1032,0.07183,0.03177,-0.00372,-0.01299,-0.02555,0.11058,0.02785,-0.06147,0,0.02799,0.07875,-0.08951,0.03912,0.0597,-0.00367,0.02844,-0.05222,-0.05357,-0.03606,-0.01096,0.02235,-0.01679,0.0033,0.02925,-0.07694,-0.03727,0.04342,-0.03962,0.00652,0.07002,-0.04449,-0.0125,0.02458,0.05687,0.10983,-0.08219,0.04409,0.00013,0.02482,-0.01015,-0.00144,-0.03743,-0.04722,-0.05778,-0.03996,-0.01102,-0.11013,0.02491,0.00141,-0.06363,-0.05928,-0.08628,-0.0844,0.01392,-0.0711,-0.03678,0.01523,0.0639,0.00951,-0.03142,0.00966,0.01708,0.01012,0.06633,-0.07846,-0.03184,0.0368,0.00316,0.046,0.03716,0.06615,-0.00677,0.01819,0.05795,0.04956,0.02973,-0.01835,0.07708,-0.09414,-0.08748,0.00976,-0.0332,0.02326,0.00439,-0.02785,0.00387,-0.02024,0.05554,-0.02843,-0.04381,-0.00254,-0.01208,0.06668,0.02334,-0.06578,-0.03728,-0.05899,-0.13224,0.01824,0.06822,-0.00803,-0.01011,0.02879,-0.01404,0,0.00652,0.00072,-0.0746,0.04578,0.02027,-0.03117,0.04919,-0.04005,0.09281,-0.00116,0.04337,0.05345,0.00349,-0.07009,-0.03351,-0.02028,0.03531,-0.11681,0.03799,-0.02899,0.08319,-0.03826,0.01853,-0.0014,-0.04114,0.01444,0.01243,-0.01158,0.00459,-0.03653,0.03881,0.01419,-0.07059,-0.04463,0.02785,-0.0385,-0.02365,0.05814,-0.02804,-0.0128,0.0987,0.02125,-0.01913,0.02951,-0.04279,0.07398,-0.1021,-0.06288,-0.03369,0.01197,0.02787,0.01439,0.01453,-0.07228,-0.11417,0.04562,0.12636,-0.03017,-0.07232,0.01442,0.07403,-0.05123,0.03709,0.03321,0.05824,0.07737,0.00426,0.08701,0.08819,0.09183,0.06998,-0.0432,0.00208,-0.03251,0.07703,0.08054,0.02294,-0.09823,0.04507,-0.00893,-0.0199,0.10648,0.03526,0.02794,0.04385,0.08713,-0.02278,0.02975,0.05358,0.033,-0.07117,0.00257,0.047,0.0277,-0.02601,0,-0.05671,0.03154,-0.03829,-0.00789,0.01299,-0.0372,-0.07145,-0.04483,0.03814,0.07649,-0.01719,0.02641,-0.05396,-0.00585,0.12137,0.05775,-0.02545,0.03185,-0.06443,-0.11728,0.03714,0.01328,-0.03231,0.05888,0.01586,-0.01623,-0.03243,0.05908,-0.02033,-0.00702,0.03207,0.01882,0.02997,0.06647,-0.08949,0.0249,-0.0166,-0.02969,-0.0093,0.0367,0.0472,0.00464,-0.04056,-0.02689,-0.07661,0.0504,-0.00792,-0.07783,-0.05531,-0.01299,-0.06871,0.08373,-0.04463,0.09113,-0.00685,0.07609,0.04522,0.00773,0.11893,0.01433,-0.04888,0.06402,0.01023,-0.0126],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. What This Means for Angular Teams - Your editor can feel like Miro, like draw.io, or like your own tool — one provider, switchable at runtime. - Connection creation is no longer welded to drag: click-to-connect ships, custom gestures are a small class. - Keyboard operation and screen-reader support are one withA11y() away, with events that respect your ownership of the data. - One connector directive, one connection id vocabulary, documented migration. - Silent failures now come with error codes, and your coding agents get version-matched docs from the package they installed. with A11y","excerpt":"What This Means for Angular Teams - Your editor can feel like Miro, like draw.io, or like your own tool — one provider, switchable at runtime. - Connection creation is no longer welded to drag: click-to-connect ships, custom gestures are a small class. - Keyboard operation and screen-reader support are one withA11y() away, with events that respect your ownership of the data. - One connector directive, one connection id vocabulary, documented migration. - Silent failures now come with error codes, and your coding agents get version-matched docs from the package they installed."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#16","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.07473,-0.12202,-0.07851,0.01161,-0.00979,0.11116,0.00872,0.08314,0.05757,-0.02437,-0.01828,-0.0363,-0.05167,-0.00328,0.0622,-0.02111,0.00637,-0.06687,-0.03948,0.08702,-0.0472,-0.06805,0.02855,-0.05766,-0.08695,-0.01623,-0.01813,-0.0727,0.03613,-0.02109,0.05332,0.09456,0.02079,0.03264,-0.0707,0.02839,0.02491,-0.04651,-0.09563,-0.06104,-0.04938,-0.01056,0.0457,-0.0135,0.00521,-0.01648,0.02383,-0.02883,-0.08063,0.11523,-0.03938,-0.05471,0.03543,0.01143,0.0118,0.04776,0.04166,-0.02123,-0.00404,0.0149,-0.04268,-0.02578,-0.05668,0.01186,-0.01291,0.04852,-0.00089,-0.05209,0.02897,-0.11195,-0.05996,-0.05072,0.0454,-0.09145,0.00977,-0.03067,-0.02414,0.05057,0.02611,-0.07015,0.08078,0.04461,0.02369,0.04881,0.00756,0.10482,0.07484,0.00134,0.02017,0.09066,-0.0134,0.02033,0.00742,-0.00845,0.08842,-0.02301,0.03113,0.01394,-0.01959,0.01391,0.02201,0.0176,0.03429,0.01289,0.01024,-0.03384,0.02042,-0.0234,-0.04559,-0.03971,0.01015,-0.0177,0.02983,-0.05541,0.00732,-0.02141,-0.02583,-0.01302,0.14355,0.0249,-0.00507,-0.02822,-0.0036,-0.02487,0.06271,-0.00562,-0.08399,0,-0.01694,0.08048,-0.04828,-0.00956,0.04555,-0.03312,0.06011,-0.02866,-0.05352,-0.03122,0.03139,0.02281,-0.05353,0.03618,0.03051,-0.07048,-0.09491,0.04121,-0.07713,-0.01323,0.07948,-0.03821,0.02059,-0.01305,0.0448,0.05995,-0.08012,0.06429,-0.00513,0.01169,-0.06843,-0.01496,-0.01178,-0.01896,-0.07387,-0.00603,-0.01717,-0.12917,0.03228,-0.0325,-0.00924,-0.01463,-0.05896,-0.0795,0.01881,-0.02464,-0.01006,0.04708,0.02045,-0.02087,-0.01224,0.02517,0.00751,-0.01083,0.09358,-0.08685,-0.06574,0.06728,0.01564,0.08268,0.05694,0.05884,0.01078,0.03521,0.03573,0.08415,0.04236,0.02431,0.05509,-0.05752,-0.081,0.02293,-0.05751,-0.00402,0.04315,-0.01183,0.00442,-0.04492,0.08592,-0.02286,-0.03337,0.02399,-0.00987,0.09482,0.05552,-0.07291,-0.0461,-0.05297,-0.12597,-0.00862,0.10044,-0.04996,-0.00114,0.0265,-0.03416,0,0.04772,-0.01243,-0.05336,0.0331,-0.03925,-0.01118,0.03599,-0.07642,0.08777,-0.03656,0.06364,0.02279,0.02649,-0.05374,-0.03027,0.00419,0.02086,-0.07612,-0.00597,-0.04123,0.06572,-0.04273,-0.01223,-0.01163,-0.11087,0.00267,0.02616,0.00326,-0.01664,-0.05003,0.01004,0.0223,-0.05014,-0.07643,0.00873,-0.01956,-0.00131,0.02419,0.01416,0.00712,0.06958,0.01929,-0.01909,0.02137,-0.04627,0.07354,-0.14679,-0.03603,-0.00122,0.0174,-0.00642,0.01101,0.01354,-0.07537,-0.11801,0.0618,0.09138,-0.00547,-0.04915,0.00298,0.06179,-0.03611,0.01365,0.00131,0.06282,0.07362,-0.00943,0.09453,0.09993,0.05515,0.11074,-0.02437,-0.01706,-0.02118,0.05313,0.0779,0.10194,-0.07505,0.03584,-0.02093,0.00169,0.10914,0.0304,0.00208,0.04214,0.0792,-0.0695,-0.0559,0.0468,0.06302,-0.04936,0.03208,0.05539,0.03101,-0.0242,0,-0.06049,0.04284,-0.02627,-0.01295,-0.01602,0.0187,-0.06777,0.00086,-0.03956,0.06866,-0.00517,0.01491,-0.02543,-0.00912,0.09703,0.04131,-0.0196,0.03302,-0.08632,-0.07333,0.05715,0.05374,0.0162,0.09087,0.00475,-0.02221,-0.01076,0.05009,0.00479,0.01136,0.03931,0.01784,-0.01039,0.06309,-0.10247,0.05285,0.00292,-0.04826,-0.04214,0.02563,0.08161,-0.04249,-0.08708,-0.02813,-0.08134,0.04684,-0.02063,-0.0368,-0.05212,0.0317,-0.07427,0.10314,-0.00941,0.10511,0.04977,0.07586,-0.01355,0.01271,0.07511,0.04243,-0.04943,0.04584,0.01215,0.01494],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Closing For me, the big takeaway from v19 is not any one feature in isolation. The control scheme, the click gesture, the keyboard layer — each is a different answer to the same question: who decides how the editor is driven? Before v19 the answer was the library. Now it is you, and your users, whichever hands or tools they bring. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot.","excerpt":"Closing For me, the big takeaway from v19 is not any one feature in isolation. The control scheme, the click gesture, the keyboard layer — each is a different answer to the same question: who decides how the editor is driven? Before v19 the answer was the library. Now it is you, and your users, whichever hands or tools they bring. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#17","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.06429,-0.10134,-0.08148,0.02917,-0.0378,0.07411,0.05065,0.06428,0.01424,-0.00394,0.01587,-0.06422,0.00489,-0.02533,0.03042,0.04713,-0.01619,-0.02599,-0.0305,0.06242,0.02476,-0.06216,0.0172,-0.06302,-0.10826,-0.06786,0.00329,-0.01711,0.00883,-0.04321,0.02926,0.06463,-0.00277,-0.01099,0.02043,0.01388,0.0253,-0.05222,-0.1317,-0.04956,-0.02138,-0.01916,0.02753,-0.03528,-0.00948,0.00513,-0.03407,-0.0242,-0.02439,0.07988,-0.07321,-0.01459,0.02827,0.02663,0.04739,0.05372,0.00945,0.00506,0.00557,-0.00085,-0.0039,-0.00849,-0.01886,-0.00427,-0.02885,0.09722,-0.03905,-0.00271,-0.00061,-0.07126,-0.09288,-0.05093,-0.00421,-0.09823,0.05861,-0.02094,-0.01071,0.05093,0.0021,-0.13934,-0.02977,0.04855,0.01905,0.03162,0.02612,0.08929,0.00189,-0.00249,0.04046,0.05181,0.00726,0.00025,-0.04221,-0.01278,0.12397,-0.02281,0.01606,-0.01867,-0.03028,0.02533,-0.02516,-0.01097,-0.02052,0.0527,0.04562,-0.03573,0.03062,-0.02287,-0.03007,-0.03437,-0.02322,-0.03144,0.02942,-0.01514,0.02384,-0.01341,0.00365,0.00374,0.11557,0.01821,0.04108,-0.0568,-0.06471,-0.0178,0.02146,-0.00191,-0.05179,0,0.0437,0.02525,-0.05463,0.00814,0.05208,0.01369,0.04575,-0.05992,-0.05766,-0.00869,-0.01687,0.0007,-0.06254,-0.02733,-0.04007,-0.11491,-0.06891,0.08848,-0.04218,0.02632,0.09474,0.00217,-0.02158,-0.02848,0.06476,0.13248,-0.08677,0.07767,0.02593,0.0243,-0.04231,-0.02762,0.00846,-0.03715,-0.07452,-0.04919,-0.0128,-0.04521,-0.02436,-0.03113,-0.03416,-0.07025,0.01464,-0.09022,-0.04725,-0.0711,-0.047,0.04166,0.06292,-0.02882,-0.01449,-0.01256,-0.0564,-0.04611,0.0404,-0.09991,-0.10359,0.07589,-0.01143,0.0702,0.0283,0.06862,-0.00353,-0.02538,0.04401,0.10041,0.0011,-0.02409,0.04215,-0.06981,-0.09629,0.07242,-0.01421,0.00513,0.00366,-0.05572,-0.01669,-0.02405,0.04406,0.00344,-0.05177,-0.02758,-0.03498,0.087,0.0401,-0.07928,-0.00494,-0.05335,-0.16132,-0.03538,0.06256,0.00571,0.0178,-0.01267,-0.00002,0,0.06514,0.01733,-0.00785,0.05261,-0.00485,0.016,0.07945,-0.0064,0.07416,-0.01664,-0.00251,0.03701,0.01153,-0.07774,-0.02859,0.00569,-0.00814,-0.05938,-0.00021,0.02079,0.06405,0.01982,-0.03671,-0.02938,-0.05949,-0.03025,0.01049,0.10327,-0.02426,-0.0449,0.00902,0.04517,-0.12184,-0.00338,0.01556,-0.02497,0.00953,0.04352,-0.04716,-0.00463,0.12978,-0.01153,-0.04597,0.02959,-0.00969,0.08007,-0.06488,-0.03697,-0.01795,0.00508,-0.00414,-0.02374,-0.01991,-0.02286,-0.12684,0.0738,0.12264,-0.03425,-0.08818,0.02533,0.02929,-0.06582,0.03888,0.03509,0.08495,0.03149,0.01389,0.06857,0.10094,0.02789,0.10012,-0.02375,0.0846,-0.00127,0.09905,0.03788,-0.00879,-0.04602,0.0729,0.02121,-0.04431,0.10273,0.07188,0.05618,0.04425,0.08957,-0.03652,0.06422,0.06654,0.02905,-0.08332,0.02809,0.08958,0.0431,-0.0809,0,-0.08596,0.00628,-0.0161,-0.03065,-0.02999,0.01693,-0.05634,-0.04084,-0.05528,0.00858,-0.02922,0.07074,-0.00058,-0.00115,0.0257,-0.00984,-0.00285,0.0212,-0.04466,-0.07259,0.03632,0.00699,0.01442,0.06877,0.02362,-0.05376,-0.06084,0.03459,-0.02242,0.00553,0.03721,0.01234,0.01824,0.07452,-0.07894,0.08912,-0.00302,-0.00399,-0.06092,0.03887,0.06135,-0.02259,-0.0933,-0.07105,-0.01348,0.05838,-0.00422,-0.06193,-0.04158,0.00474,-0.06285,0.08886,-0.00509,0.07423,0.04804,0.01007,0.00158,-0.02373,0.1001,0.05137,-0.06486,0.08638,0.02314,0.04945],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v19.0.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Control Schemes example: <https://flow.foblex.com/examples/control-schemes - Click to Connect example: <https://flow.foblex.com/examples/click-to-connect - Accessibility example: <https://flow.foblex.com/examples/accessibility - Unified Connector example: <https://flow.foblex.com/examples/unified-connector - Accessibility guide: <https://flow.foblex.com/docs/accessibility - Control Scheme guide: <https://flow.foblex.com/docs/control-scheme - Error reference: <https://flow.foblex.com/docs/errors - AI agents guide: <https://flow.foblex.com/docs/ai","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v19.0.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Control Schemes example: <https://flow.foblex.com/examples/control-schemes - Click to Connect example: <https://flow.foblex.com/examples/click-to-connect - Accessibility example: <https://flow.foblex.com/examples/accessibility - Unified Connector example: <https://flow.foblex.com/examples/unified-connector - Accessibility guide: <https://flow.foblex.com/docs/accessibility - Control Scheme guide: <https://flow.foblex.com/docs/control-scheme - Error reference: <https://flow.foblex.com/docs/errors - AI agents guide: <https://flow.foblex.com/docs/ai"},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#0","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.08475,-0.02668,-0.01014,0.04119,0.06213,0.03366,-0.03059,0.02829,0.04677,0.00532,-0.04365,0.02842,-0.06558,0.00017,-0.03152,-0.02481,-0.01121,0.00673,-0.08685,0.02851,-0.03769,-0.11538,0.00174,-0.03409,0.01199,0.01535,-0.07692,-0.01829,0.03599,-0.08276,0.04267,0.17374,-0.05845,0.02218,-0.08358,0.07347,0.00091,-0.02285,-0.08737,-0.03033,-0.00567,0.09161,0.02966,-0.0176,0.00172,0.00283,-0.04269,0.00399,-0.0578,0.03005,-0.02234,-0.05941,-0.0358,0.10369,0.05033,0.07102,0.02772,-0.00589,0.01779,0.05584,-0.03819,0.00012,0.00779,0.04889,-0.02012,0.05416,-0.02482,0.00532,-0.00688,0.03944,0.03299,0.01663,0.02138,-0.03176,0.1015,-0.0054,-0.02669,0.02146,-0.02423,-0.08132,-0.00836,0.01135,-0.02284,-0.00009,-0.00527,-0.02641,-0.01563,-0.07382,0.01465,0.06893,-0.04853,0.07817,-0.03634,0.04719,0.04494,-0.03649,-0.05297,-0.02332,-0.03621,0.02707,0.0195,-0.05429,0.08769,0.07115,0.04224,-0.07306,-0.0414,0.02146,-0.0679,-0.01653,-0.01645,0.00741,0.05535,0.00049,-0.0642,-0.00477,0.00041,-0.05469,0.04925,0.04211,0.03968,0.08139,0.0102,-0.04535,0.04595,-0.00993,-0.02597,0,-0.03056,-0.04546,-0.02835,0.07828,0.12519,-0.02078,0.00042,-0.03362,-0.06944,-0.0235,0.00098,0.06417,-0.05399,0.04469,0.0523,-0.12628,0.00032,0.10943,-0.09565,-0.02471,0.04504,-0.03021,-0.04357,-0.05668,0.00441,0.05423,-0.05421,0.05653,-0.09311,0.01437,-0.0956,-0.00609,0.04259,0.00458,-0.09874,0.01458,-0.04648,-0.0983,-0.02943,-0.04599,-0.02257,0.03394,-0.0715,-0.03659,0.04722,-0.05495,-0.04407,0.09911,0.01276,-0.01061,0.0238,0.04844,0.06294,0.00678,0.03867,-0.07957,0.02592,0.0475,0.02573,0.07776,0.03187,0.07855,-0.10386,0.03699,0.06042,0.08464,0.02333,0.0153,0.0208,-0.04062,-0.0936,0.10836,0.01736,0.02358,0.04735,-0.04337,-0.03897,-0.05528,-0.04026,-0.02141,-0.02593,0.04729,0.00513,0.01493,-0.00604,-0.08691,0.06554,-0.00754,-0.06147,-0.00487,0.10511,-0.04126,0.13647,-0.01126,0.05402,0,-0.01257,0.00724,0.01431,0.04424,0.05996,-0.02987,0.03355,0.02788,0.03956,-0.09701,-0.0335,-0.01343,-0.01079,-0.04219,0.0166,0.03173,-0.05651,-0.13525,0.00932,-0.06724,0.04615,0.00653,-0.04337,0.00673,-0.02043,-0.00263,0.00052,0.05594,0.02431,-0.02161,-0.02751,-0.08135,-0.1139,-0.03333,0.08447,-0.0077,-0.05846,0.07205,-0.01808,0.0221,-0.00619,0.0208,-0.10927,0.03492,-0.0201,0.05715,-0.04129,-0.03085,-0.06321,-0.04831,-0.06731,0.0548,-0.01835,-0.04742,-0.02086,0.06507,0.04488,0.03882,-0.00775,-0.03204,0.0773,-0.09824,0.01109,-0.03818,0.06082,0.08052,-0.03373,-0.01078,0.04143,0.08912,0.09264,0.01682,-0.01931,-0.02451,0.06035,0.03256,0.0902,-0.00346,0.03196,0.05568,-0.08682,0.09101,0.03481,0.06599,0.02643,0.01871,-0.08339,0.03928,0.05853,0.06609,-0.02025,-0.02974,0.0536,0.00703,-0.01174,0,-0.10756,-0.00323,-0.04051,0.00746,0.05049,-0.01618,0.06793,0.07485,-0.05988,0.01987,0.03985,0.07563,0.05143,-0.00908,0.06122,-0.0208,-0.0305,-0.02757,-0.07962,-0.07244,-0.0334,0.02607,0.00956,0.0815,-0.03769,-0.06316,-0.02746,0.03257,0.00279,0.00396,-0.03736,0.01556,0.05238,0.09881,-0.03936,0.0766,-0.04655,0.06393,-0.05615,-0.01563,-0.00248,-0.05848,0.00294,0.00862,0.0294,-0.00099,0.02086,-0.00688,-0.01634,-0.02085,-0.05506,0.01849,-0.04672,0.04669,0.07516,0.00522,-0.05649,0.01277,0.08977,-0.00219,-0.09766,0.04417,0.00356,0.02766],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0 is the layout-interaction sequel to v18.5.0. The previous release made layout engines a first-class story for the initial render. This one makes layouts stay clean as the graph keeps changing, and gives you control over how the canvas itself is stacked. Today I'm shipping v18.6.0 with two features: - Reflow on Resize — the new withReflowOnResize plugin. When a node grows or shrinks, the surrounding nodes shift automatically so the layout doesn't fall apart, with five small knobs that decide who moves, by how much, and what to do when shifts run out of room. - Layer Ordering — the order of the three built-in canvas layers (groups, connections, nodes) is now configurable. [fLayers] per canvas, or withFCanvas({ layers }) app-wide. Two independent changes, shipped together because they were both ready. with Reflow On Resize f Layers with F Canvas","excerpt":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0 is the layout-interaction sequel to v18.5.0. The previous release made layout engines a first-class story for the initial render. This one makes layouts stay clean as the graph keeps changing, and gives you control over how the canvas itself is stacked. Today I'm shipping v18.6.0 with two features: - Reflow on Resize — the new withReflowOnResize plugin. When a node grows or shrinks, the surrounding nodes shift automatically so the layout doesn't fall apart, with five small knobs that decide who moves, by how much, and what to do when shifts run out of room. - Layer Ordering — the order of the three built-in canvas layers (groups, connections, nodes) is now configurable. [fLayers] per canvas, or withFCanvas({ layers }) app-wide. Two independent changes, shipped together because they were both ready."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#1","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.04546,-0.02727,-0.07963,0.0358,0.02428,0.03051,-0.01038,0.07924,0.04467,-0.0115,-0.02246,0.00171,-0.07314,-0.06555,-0.02666,-0.01061,-0.04405,0.02297,-0.0876,-0.02415,0.00091,-0.0973,0.01808,-0.02014,-0.05791,-0.00304,-0.06457,-0.01208,0.03639,-0.08383,0.02714,0.16419,-0.06982,0.03166,-0.08168,0.06071,0.00497,-0.05875,-0.10064,-0.02006,0.01801,0.05422,0.00827,-0.03991,-0.03562,0.01151,-0.02658,0.00577,-0.05589,0.00227,0.01106,-0.05139,-0.02516,0.14456,0.0521,0.06561,0.02746,-0.00551,0.02918,0.04081,-0.04828,-0.01102,-0.0125,0.04445,-0.05016,0.04225,-0.07447,-0.01521,0.01988,0.00579,0.00617,0.00347,0.02655,-0.03292,0.09513,-0.01096,-0.02743,0.07605,-0.01632,-0.09064,0.02145,0.01592,0.0075,0.01726,0.03742,0.00115,0.01824,-0.0429,0.04895,0.08038,-0.03584,0.05698,-0.03969,-0.0011,0.02292,-0.05201,-0.06071,-0.04249,-0.05508,0.0418,0.0314,-0.04553,0.0693,0.07825,0.01661,-0.03749,-0.04743,0.03711,-0.0528,-0.04139,-0.00055,-0.00022,0.08769,-0.02569,-0.00516,-0.00526,-0.04041,-0.04911,-0.00539,0.06279,0.01117,0.03991,-0.01456,-0.04035,0.05453,0.05225,-0.03482,0,-0.01212,-0.02683,-0.05712,0.0222,0.08113,0.00159,0.04115,-0.02659,-0.0504,-0.00948,-0.01062,0.04463,-0.06383,0.02391,0.02168,-0.12548,0.00457,0.07048,-0.05609,-0.02474,0.089,0.0029,-0.03366,-0.05447,0.04359,0.01867,-0.06613,0.05551,-0.09888,0.03334,-0.06988,-0.02035,0.03167,-0.00768,-0.09035,0.02179,-0.05296,-0.09366,-0.02631,-0.05597,-0.00162,0.00315,-0.10512,-0.03451,0.04485,-0.0641,-0.0756,0.0848,0.04298,0.01108,0.02203,0.04077,0.05413,0.00025,0.04,-0.06252,-0.0171,0.06851,0.02031,0.04807,0.00015,0.05814,-0.1006,0.07416,0.06444,0.11101,0.04569,0.00499,0.02882,-0.01161,-0.11496,0.08584,0.01733,0.05655,0.01654,-0.03928,-0.01847,-0.03749,-0.06626,-0.01755,-0.04001,0.06866,-0.01627,0.03837,0.03871,-0.08817,0.04094,-0.05114,-0.08313,-0.01422,0.1221,-0.04527,0.11569,-0.00383,-0.00771,0,-0.03613,0.02217,-0.00785,0.05456,0.03482,-0.01703,0.01094,0.07203,0.05632,-0.10452,-0.01715,0.02646,-0.01298,-0.07563,0.01706,-0.01088,-0.0735,-0.07601,0.02196,-0.04107,0.00666,-0.02554,-0.00125,0.00904,-0.02677,-0.00741,-0.0038,0.05452,0.02672,-0.03154,0.00335,-0.01466,-0.12579,0.00061,0.0653,-0.0693,-0.05517,0.09817,-0.00737,0.04075,0.04974,0.03964,-0.06323,0.00664,-0.04505,0.07899,-0.06502,-0.07368,-0.07909,-0.05286,-0.04563,0.02322,-0.01831,-0.0107,-0.02504,0.06554,0.09575,0.01811,-0.03663,0.0101,0.07982,-0.12376,0.04023,-0.04064,0.05054,0.04211,-0.00676,0.04738,0.04051,0.08786,0.10064,0.02817,-0.01035,-0.00559,0.01763,0.02775,0.00704,-0.06883,0.01343,0.07906,-0.07711,0.07772,0.01558,0.04071,0.04568,0.02327,-0.06604,0.04749,0.1037,0.05107,-0.03143,0.00757,0.04919,-0.00476,-0.01738,0,-0.09819,0.00545,-0.05301,0.05871,0.04735,-0.02946,0.0558,0.05573,-0.07669,0.0034,0.02265,0.09294,0.04015,-0.02749,0.07231,-0.01655,-0.01187,-0.01898,-0.05941,-0.08771,-0.03922,0.01554,0.01148,0.0827,-0.00944,-0.06037,0.00366,0.03936,-0.01487,0.01677,0.00283,0.00809,0.08054,0.1086,-0.06928,0.08107,-0.05446,0.06663,-0.04127,-0.00468,0.01905,-0.03914,0.0022,-0.02276,-0.04507,-0.01704,0.0191,0.02099,-0.04059,-0.00556,-0.0085,0.07411,-0.05056,0.04367,0.07729,0.0047,-0.05977,-0.0163,0.04528,-0.01049,-0.11674,0.05965,0.02928,-0.00895],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Highlights Reflow on Resize - 🧭 withReflowOnResize — one-line install, reacts to any size change, no manual relayout call. - 🎛️ Five orthogonal knobs — mode, scope, axis, delta source, collision. Each one controls one decision and stays out of the way of the others. - 📌 fReflowIgnore directive — pin annotations, legends, and stats panels so they never get shifted. - ⚙️ FReflowController — change any knob at runtime without re-providing the plugin. - 🔁 Standard (fMoveNodes) pipeline — shifts go through your normal write path, not a back door. Layer Ordering - 🗂️ [fLayers] input — per-canvas control over the order of groups, connections, and nodes. - 🧩 withFCanvas({ layers }) provider — set the same default once for every canvas in the host component's tree. - 🛡️ Default unchanged — groups → connections → nodes stays the default, so existing apps are unaffected. with Reflow On Resize f Reflow Ignore F Reflow Controller f Move Nodes f Layers with F Canvas","excerpt":"Highlights Reflow on Resize - 🧭 withReflowOnResize — one-line install, reacts to any size change, no manual relayout call. - 🎛️ Five orthogonal knobs — mode, scope, axis, delta source, collision. Each one controls one decision and stays out of the way of the others. - 📌 fReflowIgnore directive — pin annotations, legends, and stats panels so they never get shifted. - ⚙️ FReflowController — change any knob at runtime without re-providing the plugin. - 🔁 Standard (fMoveNodes) pipeline — shifts go through your normal write path, not a back door. Layer Ordering - 🗂️ [fLayers] input — per-canvas control over the order of groups, connections, and nodes. - 🧩 withFCanvas({ layers }) provider — set the same default once for every canvas in the host component's tree. - 🛡️ Default unchanged — groups → connections → nodes stays the default, so existing apps are unaffected."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#2","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05048,-0.01928,-0.028,0.06662,0.04277,-0.00211,-0.04863,0.0617,0.03844,0.03164,-0.01728,0.0534,-0.06899,-0.04157,-0.04953,-0.01684,0.01267,0.00045,-0.07211,-0.00715,-0.01108,-0.08872,-0.02696,-0.01906,-0.01604,-0.00026,-0.1441,-0.03249,0.04834,-0.07132,0.02082,0.16244,-0.09579,0.03237,-0.0316,0.08605,-0.02759,-0.00103,-0.0527,-0.00361,0.04709,0.05366,0.0014,-0.00696,0.0002,-0.0125,-0.01971,0.02515,-0.0526,-0.00501,-0.02205,-0.03753,-0.03521,0.12139,0.05928,0.05824,0.01065,-0.02698,0.03203,0.07344,-0.02545,-0.0187,0.00008,0.00803,-0.06183,0.05417,-0.01683,-0.00548,0.00337,0.02759,0.07634,0.0428,0.00705,0.01527,0.10878,0.02088,-0.03544,0.06544,-0.02143,-0.05047,0.00485,-0.02362,-0.01275,-0.04788,-0.0129,-0.01824,0.02187,-0.08789,0.01232,0.08557,-0.03405,0.09548,-0.04746,0.01962,0.03512,-0.02872,-0.04055,0.01123,-0.02367,0.03473,0.06595,-0.02207,0.06553,0.06801,0.01497,-0.0695,-0.02759,0.05327,-0.01825,-0.00873,0.03001,0.01867,0.02799,-0.01003,-0.03092,0.00034,-0.01017,-0.07913,-0.02121,0.04497,0.01994,0.04629,-0.05079,-0.05943,0.04855,0.04465,0.03192,0,-0.05721,-0.00158,-0.02137,0.04391,0.10352,0.00528,-0.00793,-0.0305,-0.00176,-0.05349,-0.03742,0.04332,-0.04076,0.00822,-0.01658,-0.12836,0.0244,0.10676,-0.08504,-0.02006,0.06875,-0.01944,-0.01254,-0.03789,0.01615,-0.0513,-0.07877,0.04477,-0.06483,0.02074,-0.07378,0.01012,0.05835,0.03044,-0.12326,0.02088,-0.02011,-0.12539,-0.02956,-0.09284,-0.04434,0.07738,-0.06069,-0.03659,0.02622,-0.07253,-0.04799,0.03625,-0.01185,-0.00069,0.0489,0.05191,0.05916,0.01145,0.03812,-0.01619,0.05232,0.03887,0.02105,0.08309,0.0245,0.02923,-0.06499,0.05415,0.10651,0.09284,0.01829,0.00287,0.00533,-0.02104,-0.05066,0.08459,0.02576,0.03087,0.02554,-0.04288,-0.04257,-0.01819,-0.08601,-0.01251,-0.04028,0.01667,0.03004,0.05738,-0.01223,-0.08775,0.04829,0.01328,-0.05941,-0.00362,0.16185,-0.00354,0.11341,-0.01777,0.0312,0,-0.03416,0.0421,-0.02143,0.06326,0.02537,-0.00806,-0.02374,0.09452,0.01658,-0.11312,-0.02127,-0.04452,-0.03405,-0.03506,-0.051,-0.0195,0.00233,-0.10207,-0.00124,-0.03906,0.06757,0.0062,-0.0351,0.01446,0.01829,-0.00133,-0.04897,0.04891,-0.01723,-0.044,-0.02667,-0.05614,-0.10804,-0.01089,0.10484,-0.0506,-0.06334,0.10851,0.05229,0.04808,0.02568,0.0353,-0.11625,0.04103,-0.00556,0.06013,-0.03903,-0.04253,-0.0361,-0.02383,-0.066,0.05372,0.00594,0.00677,-0.01024,0.04729,0.05106,0.03918,-0.03843,-0.02235,0.03904,-0.11083,0.04021,-0.05724,0.05159,0.03654,-0.00498,-0.02052,0.03622,0.06516,0.09121,0.05762,-0.04686,-0.00516,0.03424,0.00494,0.03136,-0.05812,0.00722,0.08325,-0.12807,0.11721,0.00409,0.05905,0.05485,0.02925,-0.03042,0.03169,0.06071,0.07821,-0.02441,-0.00067,-0.0017,-0.01824,-0.01011,0,-0.10995,0.04533,-0.06987,0.05317,0.10132,-0.03995,0.07382,0.07193,-0.06113,0.04443,0.0249,0.03047,0.0507,-0.04106,0.05055,-0.04524,-0.0078,-0.04488,-0.06915,-0.0494,-0.0671,0.01609,-0.03083,0.09162,0.00003,-0.08136,0.01959,0.02973,-0.01383,0.00174,-0.04518,-0.00609,0.05908,0.08612,-0.07809,0.08521,-0.02053,0.06406,-0.02933,-0.03873,0.0034,-0.00766,0.03126,-0.00321,-0.00452,-0.0136,0.00263,0.04393,-0.01169,-0.02231,0.00539,0.00119,-0.00897,0.02072,0.07748,-0.0221,-0.047,0.01738,0.07602,0.03586,-0.09328,0.02986,-0.03391,0.01331],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Why Reflow on Resize Matters Real graphs do not have static node sizes. A node expands when its details panel opens. It shrinks when async data finishes loading. It grows when the user types a longer label. As soon as one node changes size, every other node nearby is suddenly in the wrong place — overlapping, blocking the path of an edge, breaking the carefully arranged columns. Up to v18.5.0, the answer was either \"trigger a full relayout after every size change\" or \"don't let nodes change size\". Both are workable. Neither feels right in a real editor. withReflowOnResize is the version of this problem I wanted to ship for a while. It watches every node in the canvas and, the moment a size changes, shifts the surrounding nodes so the layout stays clean. No manual relayout, no graph rebuild — the consumer model just receives the new positions through the standard (fMoveNodes) pipeline. with Reflow On Resize f Move Nodes","excerpt":"Why Reflow on Resize Matters Real graphs do not have static node sizes. A node expands when its details panel opens. It shrinks when async data finishes loading. It grows when the user types a longer label. As soon as one node changes size, every other node nearby is suddenly in the wrong place — overlapping, blocking the path of an edge, breaking the carefully arranged columns. Up to v18.5.0, the answer was either \"trigger a full relayout after every size change\" or \"don't let nodes change size\". Both are workable. Neither feels right in a real editor. withReflowOnResize is the version of this problem I wanted to ship for a while. It watches every node in the canvas and, the moment a size changes, shifts the surrounding nodes so the layout stays clean. No manual relayout, no graph rebuild — the consumer model just receives the new positions through the standard (fMoveNodes) pipeline."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#3","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.07894,-0.00378,-0.03325,0.08951,0.04786,0.06888,0.01395,0.03988,0.0128,0.02524,-0.03028,0.0146,-0.06952,-0.00528,-0.01267,0.00304,-0.03165,0.0412,-0.11082,-0.02479,-0.00074,-0.10097,-0.01449,-0.01737,-0.03628,0.0127,-0.07657,-0.02333,0.04811,-0.08346,0.04354,0.11665,-0.07715,0.00587,-0.0841,0.07532,0.02866,-0.01406,-0.07204,-0.03803,0.04899,0.04058,0.01204,-0.05821,0.01255,-0.00296,-0.03475,0.07009,-0.06552,-0.03347,0.01324,-0.07017,-0.02103,0.12152,0.04444,-0.01018,0.00386,-0.02702,0.0577,0.01894,-0.06695,-0.06283,0.00923,0.04345,-0.06803,0.02611,-0.10783,-0.03999,-0.03504,0.00855,0.03883,-0.00125,0.02731,0.00483,0.09783,-0.04016,-0.04553,0.09358,-0.00145,0.00062,0.04499,-0.00005,0.01187,0.00448,-0.00403,-0.00397,0.03286,-0.09057,0.01026,0.00342,-0.00685,0.08352,-0.04306,0.0243,0.02251,-0.04606,-0.11883,-0.04307,-0.0665,0.0241,0.05103,0.00231,0.06739,0.09001,-0.01413,-0.06862,-0.03889,0.08924,-0.00825,-0.00037,0.02354,-0.00416,0.08031,-0.054,-0.04755,-0.01982,-0.04294,-0.05524,-0.00869,0.0337,0.00019,0.08836,-0.03374,-0.10106,0.10625,0.05607,0.01118,0,-0.04564,-0.00953,-0.06865,0.05509,0.11369,-0.02222,0.02392,-0.06507,-0.0316,-0.0086,0.02765,0.0631,-0.06718,0.03293,0.0012,-0.10602,-0.01875,0.09835,-0.05444,0.00341,0.03323,-0.02251,-0.01634,-0.02026,0.0347,-0.03073,-0.06635,0.05706,-0.06676,0.00959,-0.02709,-0.00006,0.0155,-0.01375,-0.11288,0.02008,-0.03233,-0.08565,-0.05572,-0.05783,0.0318,0.01859,-0.09837,-0.01876,-0.00392,-0.07271,-0.00292,0.047,0.07348,-0.02406,0.0547,0.04938,0.06359,0.01103,0.0516,-0.02865,-0.02414,0.10556,0.05105,0.01683,0.0151,0.02326,-0.081,0.06829,0.0749,0.04484,0.06132,0.0224,0.03938,-0.01903,-0.06385,0.10687,0.03645,0.04752,0.01005,-0.04164,0.00287,0.00813,-0.01772,0.00182,-0.01166,0.02815,0.05498,0.08817,0.02728,-0.1211,0.00809,-0.02627,-0.04236,-0.06539,0.14732,-0.00025,0.08668,-0.0186,0.0344,0,-0.01076,0.01546,-0.00051,0.03656,0.00587,-0.02308,0.00741,0.09601,0.04729,-0.10866,0.00781,0.00203,0.02344,-0.03754,-0.00153,0.01937,-0.0711,-0.12835,0.02997,-0.04079,0.05144,-0.01009,-0.00744,-0.00218,-0.04066,0.02269,0.0156,0.05762,0.03511,-0.04759,0.01133,-0.0134,-0.12047,0.00059,0.0388,-0.06825,-0.06924,0.10086,0.03206,0.03007,0.01954,0.04514,-0.06675,-0.03673,-0.03303,0.03062,0.03714,-0.09148,-0.04413,-0.06015,-0.06878,0.03241,-0.0424,0.01406,-0.02262,0.04761,0.04372,-0.00629,-0.00005,-0.02792,0.06796,-0.10325,0.00116,-0.05808,0.0173,0.107,-0.02924,-0.01741,0.04484,0.06854,0.07763,-0.01169,0.00962,-0.03872,0.01506,0.05622,0.06993,-0.05101,0.02515,0.02957,-0.0469,0.06843,-0.03474,0.02852,0.06013,0.03895,-0.09539,0.00176,0.06708,0.08646,-0.06662,-0.05425,0.03044,0.00488,-0.00043,0,-0.09239,0.00065,-0.0618,0.02385,0.05361,-0.00923,0.05014,0.0296,-0.08012,0.04219,0.02987,0.0629,0.08956,-0.00644,0.085,0.01059,-0.02915,-0.01395,-0.04801,-0.09182,-0.03281,0.0254,0.06606,0.09104,0.0108,-0.04716,-0.02138,0.02454,-0.01901,-0.03452,-0.02218,0.03103,0.05713,0.06692,-0.05443,0.03891,-0.0558,0.06391,-0.01164,-0.03313,0.04074,-0.04555,0.01978,-0.01498,-0.08812,-0.01441,-0.00297,0.03227,-0.0414,0.02511,0.01129,0.03078,-0.02462,0.02438,0.08909,0.00201,-0.05468,0.0416,0.02259,-0.00904,-0.0638,0.04786,0.02737,-0.00945],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. How It Works Installation is one line: That is the whole installation. No directives to attach, no events to subscribe to. The plugin reacts to any size change. User-driven resize handles work too, but they are not the point — they are the easiest way to demonstrate each option. ::: ng-component <reflow-basics</reflow-basics [height]=\"600\" ::: Three nodes, no resize handles. The source grows when its inner block toggles open. The plugin notices and shifts the nodes underneath. Replace the toggle with any real-world driver — a collapsible card, lazy-loaded payload, dynamic text — and the behaviour is the same.","excerpt":"How It Works Installation is one line: That is the whole installation. No directives to attach, no events to subscribe to. The plugin reacts to any size change. User-driven resize handles work too, but they are not the point — they are the easiest way to demonstrate each option. ::: ng-component <reflow-basics</reflow-basics [height]=\"600\" ::: Three nodes, no resize handles. The source grows when its inner block toggles open. The plugin notices and shifts the nodes underneath. Replace the toggle with any real-world driver — a collapsible card, lazy-loaded payload, dynamic text — and the behaviour is the same."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#4","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.04367,-0.0385,-0.03634,0.04071,0.01565,0.02305,-0.02209,0.03659,0.03552,0.01048,-0.05466,-0.00605,-0.07012,-0.06236,-0.0137,-0.00805,-0.0507,0.01407,-0.0543,0.00199,-0.02181,-0.07046,-0.00301,-0.01356,-0.04193,0.02211,-0.03115,0.02712,0.05566,-0.06352,0.06324,0.17398,-0.08422,0.00609,-0.10493,0.08548,-0.0176,-0.03154,-0.05566,-0.03168,0.03136,0.07919,0.05974,-0.04308,0.00601,0.05397,-0.02973,0.05325,-0.07294,-0.01444,-0.04818,-0.0595,-0.0262,0.12339,0.03091,0.0609,0.05898,-0.00636,0.0567,0.00184,-0.01151,-0.02344,-0.01825,0.02238,-0.03934,0.04273,-0.03264,-0.00336,-0.00761,0.0112,0.02743,-0.02887,-0.01146,-0.00876,0.15034,-0.02439,-0.01614,0.01156,0.01015,-0.06464,0.00489,0.02698,0.00588,0.02045,0.01045,-0.04749,-0.02607,-0.04653,0.07114,0.06866,0.00087,0.0639,-0.03842,-0.02417,0.00274,-0.02877,-0.07549,-0.07727,-0.01435,0.02697,0.02257,-0.01507,0.0687,0.09683,0.02027,-0.05887,-0.02407,0.0233,-0.05353,0.00065,0.00043,0.00606,0.0877,-0.03382,-0.0609,-0.00515,-0.04353,0.00185,0.00068,0.03714,-0.04965,0.02197,-0.01602,-0.02673,0.06654,0.01934,-0.05313,0,-0.03715,-0.05155,-0.02492,0.06331,0.0994,-0.02119,0.00081,-0.06386,-0.02298,-0.01502,-0.00601,0.01685,-0.02294,0.04507,0.05946,-0.1474,0.00816,0.09265,-0.11032,-0.03311,0.06764,-0.0359,-0.04203,-0.07323,0.03217,0.06185,-0.05514,0.03684,-0.06564,0.01942,-0.09374,0.02402,-0.00712,0.01991,-0.03675,0.10497,-0.06036,-0.10575,-0.0263,-0.03551,-0.006,0.00764,-0.07917,-0.02824,0.0379,-0.05445,-0.03582,0.05682,-0.00162,0.00263,0.06116,0.03746,0.0492,-0.00137,0.06868,-0.03515,0.01517,0.0547,0.04406,0.10264,0.04534,0.03072,-0.06726,0.06335,0.10022,0.06513,-0.00847,0.01308,0.09083,-0.01357,-0.07092,0.10565,0.04567,0.04178,-0.0186,-0.01832,-0.0428,-0.02691,-0.03131,-0.00453,-0.07471,0.0698,0.01959,0.03736,0.03003,-0.09175,0.01091,-0.01,-0.07536,0.013,0.10469,-0.03637,0.07335,0.03991,0.02371,0,-0.02801,0.00739,0.02434,0.02938,0.0225,-0.06235,0.03131,-0.00768,0.06107,-0.08788,-0.04702,-0.00928,-0.00613,-0.07397,0.05525,-0.02807,-0.01626,-0.1264,0.0105,-0.05639,0.05174,-0.05426,-0.04929,-0.00461,-0.00476,-0.01149,-0.00383,0.03988,0.00385,-0.02122,-0.04084,-0.04486,-0.07955,-0.03013,0.08879,0.00275,-0.10237,0.1127,-0.009,0.02394,0.01921,0.05397,-0.07979,0.03473,0.01339,0.07083,-0.00916,-0.02723,-0.06777,-0.03882,-0.04456,0.04038,-0.04112,-0.04211,-0.03535,0.09883,0.04348,0.017,0.01106,-0.04807,0.05381,-0.08403,0.03458,0.00492,0.03519,0.06719,-0.00927,-0.02644,0.04582,0.04825,0.1207,0.01404,-0.00101,-0.02719,0.02322,-0.0286,0.05856,-0.00426,0.01437,0.06649,-0.06499,0.08956,0.00243,0.08618,-0.01923,0.06664,-0.08093,0.00352,0.04558,0.04757,-0.02309,-0.04228,0.02794,-0.04043,-0.04643,0,-0.13867,0.01096,-0.09073,0.03183,0.07488,-0.00262,0.04244,0.02615,-0.05598,0.04263,0.03026,0.05048,0.04654,-0.0113,0.04607,-0.03052,-0.00772,-0.05528,-0.08053,-0.08009,-0.06033,-0.01105,-0.00036,0.11394,0.00766,-0.0544,-0.07598,0.03388,0.05339,0.02103,-0.01606,0.01862,0.07729,0.12045,-0.01779,0.09672,-0.04511,0.06109,-0.03184,-0.01791,0.02909,-0.04298,0.00092,0.02119,-0.06164,0.03036,0.02236,0.02548,-0.02796,-0.04621,-0.01178,0.04094,0.0051,0.06901,0.06311,0.04021,-0.04847,-0.05164,0.04707,0.00981,-0.11362,0.03107,-0.02968,0.01058],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Mode and Scope: Who Moves, How Far The behaviour is configurable because \"shift nearby nodes\" is too vague for real layouts. The planner combines a mode, a scope, an axis, a delta source, and a collision resolver. Each knob picks one decision and stays out of the way of the others. Two of them carry most of the user-facing weight: mode and scope. mode decides which nodes are eligible to shift when the source resizes:","excerpt":"Mode and Scope: Who Moves, How Far The behaviour is configurable because \"shift nearby nodes\" is too vague for real layouts. The planner combines a mode, a scope, an axis, a delta source, and a collision resolver. Each knob picks one decision and stays out of the way of the others. Two of them carry most of the user-facing weight: mode and scope. mode decides which nodes are eligible to shift when the source resizes:"},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#5","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.06964,-0.01647,-0.09081,-0.00119,0.03673,0.01696,-0.03066,0.05731,0.05329,0.03134,-0.02378,0.02025,-0.07082,-0.01218,-0.01447,-0.01296,-0.07837,0.06815,-0.07401,-0.0029,-0.02875,-0.07235,0.00116,-0.01752,-0.00816,0.0332,-0.05179,0.0224,0.05915,-0.09323,0.05559,0.15012,-0.08424,0.04315,-0.1066,0.08931,0.033,0.00366,-0.04705,-0.02249,0.08162,0.03573,0.05049,-0.07556,-0.04161,0.02205,-0.05532,0.02563,-0.06993,-0.01498,-0.00819,-0.09472,-0.06059,0.14402,0.0307,0.04292,-0.00837,-0.05249,0.09211,0.02045,-0.02166,-0.03624,0.01128,0.0395,-0.0308,0.02115,-0.09482,0.0073,-0.04395,0.04614,0.0591,-0.03674,-0.0009,-0.0554,0.05745,0.04016,-0.00469,0.06265,0.00197,-0.0093,0.0349,0.04123,0.02395,0.0144,-0.04713,-0.00733,0.00929,-0.06122,-0.00008,-0.00807,-0.02599,0.07846,-0.00929,0.03481,0.05064,-0.04115,-0.05586,-0.05299,-0.06096,0.02863,0.03712,-0.00174,0.04606,0.05252,-0.03552,-0.06115,-0.04509,0.09877,-0.02796,-0.04431,-0.00453,0.02392,0.03093,-0.04073,-0.05656,-0.03271,-0.02969,-0.0916,-0.00172,0.02263,-0.00206,0.08607,-0.04255,-0.03599,0.10405,0.05968,0.01654,0,-0.05616,0.04383,-0.0512,0.00901,0.11475,0.01815,-0.01706,-0.05788,-0.01622,0.03984,-0.01082,0.05896,-0.09241,-0.02594,-0.02531,-0.10348,0.00951,0.08706,-0.11401,-0.00491,0.0442,-0.05582,-0.03628,-0.02729,0.04545,-0.05229,-0.08254,0.01205,-0.07934,0.00581,-0.03605,0.01244,0.0362,-0.01927,-0.07805,0.04525,-0.04438,-0.06432,-0.05173,-0.01171,0.03628,0.00909,-0.08114,-0.01465,0.0388,-0.02484,-0.04769,0.01055,0.07091,-0.01371,0.02483,0.07011,0.07804,0.01525,0.08141,-0.04421,0.00647,0.12213,0.04713,0.04113,0.01918,0.01406,-0.08354,0.04196,0.06637,0.04578,-0.00623,0.01336,0.06875,-0.01597,-0.08812,0.08854,0.04843,0.08574,-0.01869,-0.02346,-0.024,0.01991,0.03325,-0.00922,-0.01941,0.09368,0.03464,0.04584,0.01441,-0.10059,0.00369,-0.0406,-0.0908,-0.04222,0.08392,-0.01465,0.08571,-0.01229,0.02501,0,-0.00453,0.03974,0.00578,0.02467,0.0273,-0.02738,0.07266,0.05354,0.02926,-0.06848,0.03299,0.02058,0.00845,-0.0524,0.01947,-0.00139,-0.05999,-0.10137,0.02942,-0.08083,0.07482,-0.02382,0.01618,0.01613,-0.00013,0.02553,0.03122,-0.00855,0.04398,-0.04812,-0.01915,-0.0177,-0.06604,-0.05054,0.03491,-0.03775,-0.07101,0.09374,0.05508,-0.01539,0.01273,0.08341,-0.07846,-0.01193,-0.03967,0.04303,0.03958,-0.06313,-0.0612,-0.0378,-0.10069,0.06945,-0.02206,-0.00349,-0.00749,0.05621,0.04277,0.0026,-0.00625,-0.06157,0.0487,-0.08435,0.01418,-0.08663,0.05115,0.07918,-0.01841,-0.00944,0.04827,0.07857,0.08579,-0.0004,-0.02392,-0.00289,0.01953,0.01443,0.06994,-0.046,0.04564,0.04216,-0.07805,0.08945,-0.02663,0.05577,0.07969,0.01339,-0.04295,0.01794,0.08935,0.05088,-0.06756,-0.07998,0.04041,-0.01965,0.02157,0,-0.11465,-0.024,-0.0758,0.05109,0.04145,-0.02677,0.03579,0.03104,-0.04373,0.01865,-0.01122,0.08789,0.00832,-0.01034,0.04713,0.00383,-0.04106,-0.01876,-0.04398,-0.07366,-0.03965,0.01621,0.04209,0.0816,-0.02496,-0.03419,-0.04666,0.0446,0.00721,-0.02969,-0.03632,0.03301,0.07334,0.07184,-0.06155,0.03133,-0.05523,0.08742,-0.06581,-0.04108,0.02675,-0.07181,0.07948,0.00063,-0.05487,0.04163,-0.00425,0.08448,-0.01499,-0.03443,-0.00132,0.03693,-0.03613,0.01064,0.05978,0.01612,-0.05329,0.03225,0.05005,-0.03557,-0.06139,0.03915,-0.02014,-0.05434],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. - CENTEROFMASS (default) — every node whose centre lies past the source's centre on the resize axis. No connection or column alignment required. - XRANGE — same idea, narrowed to nodes that overlap the source on the perpendicular axis. Useful for column-based layouts where a vertical resize should only push the same column. - DOWNSTREAMCONNECTIONS — only nodes reachable from the source via outgoing connections. Pipeline-style editors rely on this so a resize doesn't disturb unrelated branches. ::: ng-component <reflow-mode</reflow-mode [height]=\"600\" :::","excerpt":"- CENTEROFMASS (default) — every node whose centre lies past the source's centre on the resize axis. No connection or column alignment required. - XRANGE — same idea, narrowed to nodes that overlap the source on the perpendicular axis. Useful for column-based layouts where a vertical resize should only push the same column. - DOWNSTREAMCONNECTIONS — only nodes reachable from the source via outgoing connections. Pipeline-style editors rely on this so a resize doesn't disturb unrelated branches. ::: ng-component <reflow-mode</reflow-mode [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#6","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05241,-0.03705,-0.05076,0.01584,0.04134,0.01856,-0.02343,0.02108,0.031,-0.0099,-0.03916,-0.00982,-0.06507,-0.03416,-0.01529,-0.00925,-0.06569,0.02854,-0.04671,-0.01628,-0.01799,-0.10509,-0.00944,-0.03479,0.00324,0.01735,-0.0529,-0.01306,0.05728,-0.07273,0.07108,0.16804,-0.08117,0.01638,-0.03432,0.08567,-0.01083,-0.02956,-0.07573,-0.0164,0.0305,0.09651,0.03242,-0.03476,-0.01685,0.03362,-0.03345,0.03094,-0.0289,0.01582,-0.03058,-0.10363,-0.04543,0.15341,0.06115,0.03899,0.04211,-0.02752,0.06526,0.02096,-0.00348,-0.03043,-0.0098,0.05913,-0.02125,0.05348,-0.06448,0.03366,-0.04066,0.00497,0.04672,0.01488,0.00523,-0.03007,0.09441,0.03267,-0.01339,0.04004,-0.00249,-0.0633,0.02865,0.02656,0.00044,0.03184,0.00416,0.00423,-0.01869,-0.07195,0.01867,0.08223,-0.03311,0.08512,-0.02488,0.00998,0.04542,-0.07787,-0.05945,-0.0647,-0.02455,0.03689,0.03337,-0.04458,0.06644,0.05976,-0.00587,-0.02766,-0.02088,0.06532,-0.00645,-0.00288,-0.02282,0.04152,0.06504,-0.05013,-0.04119,-0.03509,-0.01183,-0.04935,0.00545,0.03088,-0.01134,0.04868,-0.00339,-0.04877,0.05144,0.03354,-0.04669,0,-0.02096,-0.03866,-0.03168,0.08263,0.10807,-0.0129,0.01282,-0.0388,-0.06942,-0.00328,-0.05137,0.03398,-0.06501,0.0148,0.01702,-0.1233,0.01995,0.08138,-0.09267,0.00972,0.04749,-0.06186,-0.02551,-0.04294,0.02292,0.018,-0.08368,0.02451,-0.07713,0.03457,-0.10496,0.0049,0.04337,0.01411,-0.09015,0.03857,-0.04521,-0.07702,-0.03569,-0.04101,0.0146,0.01765,-0.07861,-0.05062,0.07902,-0.05747,-0.07985,0.03929,0.01896,0.02833,0.0378,0.03494,0.03778,-0.01805,0.0646,-0.04184,-0.01117,0.06234,0.02335,0.07653,0.05507,0.06797,-0.09229,0.06909,0.09565,0.10294,-0.00262,0.00714,0.02066,-0.02817,-0.10468,0.12075,0.00644,0.04998,-0.00882,-0.04619,-0.05195,0.01161,-0.01008,0.01773,-0.06266,0.0431,0.00244,0.01768,0.00058,-0.05925,0.02058,-0.03101,-0.08316,0.01312,0.13208,-0.05707,0.1135,-0.00576,0.01869,0,-0.03592,0.02553,0.00845,0.00751,0.04878,-0.02676,0.04429,0.04631,0.03459,-0.03227,-0.02542,0.02335,-0.01701,-0.07815,0.02306,-0.02985,0.00982,-0.1234,-0.01057,-0.05508,0.05155,-0.04296,-0.00799,-0.02184,0.01156,0.01065,-0.00925,0.0204,0.04428,-0.02295,-0.01998,-0.0129,-0.11803,-0.00685,0.06324,-0.0156,-0.07948,0.07978,0.01892,-0.01403,0.02048,0.04215,-0.12354,0.00029,-0.027,0.08709,-0.0358,-0.0471,-0.09114,-0.0255,-0.08428,0.04784,-0.02706,-0.02101,-0.01227,0.05468,0.07476,0.0318,-0.01842,-0.03853,0.07939,-0.1185,-0.00945,-0.01638,0.02141,0.05488,-0.02379,0.05035,0.02122,0.0812,0.10719,0.04911,-0.0272,-0.0046,0.0138,0.00745,0.04609,-0.04107,0.02704,0.07385,-0.0715,0.09673,0.0009,0.10228,0.06796,0.04923,-0.05532,-0.01359,0.06974,0.04233,-0.06588,-0.05392,0.03662,-0.00841,0.00402,0,-0.14361,0.00972,-0.0522,0.02494,0.04242,-0.01345,0.0221,0.05426,-0.02474,0.02601,-0.00325,0.05723,0.08016,-0.02454,0.05019,-0.04126,0.00006,-0.04197,-0.04641,-0.07744,-0.05946,-0.01021,0.01477,0.11904,-0.01729,-0.07327,-0.01729,0.01467,0.00174,-0.02266,-0.03028,0.02844,0.00739,0.10997,-0.06131,0.07708,-0.04327,0.09005,-0.0434,-0.00561,-0.01181,-0.00936,0.04114,0.00238,-0.05923,0.03173,0.03586,0.01221,-0.04788,-0.02921,0.00397,0.04946,-0.04657,0.04832,0.06812,0.00644,-0.03904,-0.0047,0.03337,0.00208,-0.11351,0.05512,-0.01691,-0.00909],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. scope decides how far the plan is allowed to look — same source resize, different blast radius: - GLOBAL (default) — every node and group on the canvas is eligible. - GROUP — restricted to the source's siblings. Use it when each group should behave like an isolated workspace. - CONNECTEDSUBGRAPH — BFS from the source over connections in both directions. Disconnected islands stay still.","excerpt":"scope decides how far the plan is allowed to look — same source resize, different blast radius: - GLOBAL (default) — every node and group on the canvas is eligible. - GROUP — restricted to the source's siblings. Use it when each group should behave like an isolated workspace. - CONNECTEDSUBGRAPH — BFS from the source over connections in both directions. Disconnected islands stay still."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#7","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.00695,-0.03041,-0.09611,-0.00506,-0.02157,0.03881,-0.05438,0.06162,0.05686,-0.01721,-0.05447,0.00806,-0.06657,-0.0271,-0.02181,0.00134,-0.05708,0.08564,-0.08457,-0.04624,-0.04766,-0.09577,-0.00385,0.00702,-0.02923,0.06289,-0.05545,0.06926,0.01966,-0.0702,0.01979,0.1408,-0.05217,0.0582,-0.02636,0.0839,-0.00758,0.01542,-0.05915,-0.02181,0.03325,0.044,0.05855,-0.01761,-0.03855,0.00388,-0.03142,0.01702,-0.05279,0.02316,0.02031,-0.04137,0.01078,0.1696,0.04435,0.0289,-0.00498,-0.06784,0.0317,0.02428,-0.04118,0.00991,0.04748,0.02723,-0.08082,0.07908,-0.08316,0.00862,-0.00517,0.01501,0.04241,-0.02461,0.00369,-0.0063,0.0696,0.01711,0.01345,0.02688,0.00926,-0.03636,0.01862,0.0316,-0.00907,0.0137,-0.02386,-0.01131,-0.00827,-0.08602,0.00217,0.03405,-0.02683,0.06358,-0.01876,-0.03107,0.03913,-0.09267,-0.04084,-0.08352,-0.08556,0.02301,0.05347,-0.01579,0.07355,0.05907,-0.00559,-0.0758,-0.05396,0.07724,-0.04359,-0.05008,-0.00022,0.01145,0.06528,-0.02526,-0.053,-0.02602,-0.03019,-0.08438,-0.01314,0.01202,0.02049,0.06211,-0.05398,-0.05212,0.06371,0.04449,-0.03983,0,-0.05936,0.02516,-0.00289,0.07161,0.12579,-0.01989,0.01356,-0.02221,-0.01708,-0.02,-0.00134,0.05455,-0.06726,0.02891,-0.06305,-0.09368,-0.02646,0.10176,-0.10272,-0.0063,0.05389,-0.05403,-0.02404,-0.00774,0.0334,-0.05596,-0.07178,0.04092,-0.05646,0.01604,-0.10564,-0.01807,0.02285,0.00261,-0.11144,0.03568,-0.03993,-0.0632,0.03205,-0.02577,0.0195,0.02166,-0.04603,-0.05456,0.08056,0.01534,-0.02097,0.04381,0.03403,-0.07116,0.11124,0.038,0.11894,0.004,0.08859,-0.08301,0.01179,0.07679,0.05559,0.04792,-0.0416,0.0394,-0.10035,0.06651,0.09491,0.07459,-0.02297,0.03626,0.05281,-0.01808,-0.04297,0.11029,0.03807,0.0463,-0.03448,-0.02459,0.00137,-0.0291,-0.02819,-0.00168,-0.0449,0.04528,0.02954,0.02042,0.01779,-0.0689,0.02928,-0.02062,-0.08748,-0.01952,0.09883,-0.01463,0.12893,0.02454,0.05786,0,-0.0069,0.02689,0.027,0.01832,0.06721,-0.02601,0.01098,0.04587,0.0322,-0.07615,0.00913,-0.02873,-0.01997,-0.10163,0.03455,-0.00965,-0.04553,-0.07617,0.02213,-0.03041,0.06141,-0.01794,-0.00695,0.02835,0.00449,-0.03682,-0.02435,0.02014,0.04508,-0.02564,-0.02374,-0.04769,-0.06825,-0.02527,0.08794,-0.04258,-0.08756,0.05832,0.07984,0.05085,-0.03088,0.03637,-0.08099,0.01606,0.01248,0.1005,0.01507,-0.05701,-0.04582,-0.06345,-0.08857,0.04814,-0.0402,-0.00168,0.0043,0.09991,0.08574,0.00721,-0.03232,-0.05926,-0.00886,-0.09194,0.04704,-0.04049,0.04094,0.05354,0.00546,-0.00412,-0.01925,0.08378,0.06404,0.02081,-0.04177,0.03508,0.05401,-0.02121,0.03806,-0.04199,0.01935,0.0687,-0.10217,0.04322,0.01462,0.06719,0.03305,0.02938,-0.04469,0.00889,0.05899,0.07838,-0.0568,-0.08121,0.04628,-0.04762,-0.02776,0,-0.08293,0.00742,-0.04545,0.00811,0.0276,-0.03495,0.0313,0.0723,-0.00956,0.0189,0.00879,0.06083,0.04005,-0.02842,0.02774,-0.02012,-0.02846,-0.03359,-0.02979,-0.12052,0.02127,0.02904,0.04866,0.09492,-0.02104,-0.07202,-0.07263,0.01442,0.01622,-0.02428,-0.0114,0.01677,0.07408,0.10225,0.00288,0.01031,-0.01637,0.09457,-0.06324,-0.0424,0.03856,-0.04566,-0.01068,-0.01542,-0.05453,0.0271,0.0173,0.03204,-0.03354,-0.01613,0.02683,0.05537,-0.00769,0.04056,0.01849,0.04165,-0.06473,0.02392,0.0484,-0.01872,-0.07722,0.08769,-0.03405,-0.01072],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. That sounds like a lot of options for one feature, but it matters in real editors. A vertical resize inside a column-based architecture diagram should only push the same column. A resize inside a workflow group shouldn't disturb a sibling group three columns away. The same plugin covers both — you just pick the knob.","excerpt":"That sounds like a lot of options for one feature, but it matters in real editors. A vertical resize inside a column-based architecture diagram should only push the same column. A resize inside a workflow group shouldn't disturb a sibling group three columns away. The same plugin covers both — you just pick the knob."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#8","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.03512,-0.01093,-0.02238,-0.01572,0.0793,0.03749,-0.03487,0.04693,0.08579,-0.01902,-0.01595,0.00151,-0.03087,-0.07892,-0.0269,-0.02008,-0.02149,0.03287,-0.05821,0.00306,-0.00831,-0.10248,-0.01615,-0.00926,-0.05446,0.00905,-0.06124,0.00252,0.04277,-0.09197,0.03877,0.13188,-0.08073,0.03732,-0.08864,0.06182,0.00213,-0.01754,-0.05705,0.00151,0.0233,0.04725,0.04704,-0.03311,0.00843,0.0491,-0.05223,0.02048,-0.08137,0.04792,-0.04824,-0.04134,0.01434,0.13621,0.03876,0.07881,0.03423,-0.02777,0.07035,0.03493,0.03462,-0.00486,-0.00153,0.04225,-0.0435,0.00136,-0.02881,0.02097,0.00161,0.09,0.0355,0.00785,-0.0162,-0.01531,0.12146,0.04348,-0.01934,0.02245,-0.00393,-0.07491,0.00621,0.01648,0.04049,-0.04149,0.0043,-0.02187,-0.05316,-0.04002,0.0259,0.06875,-0.01889,0.01924,-0.03941,0.00899,0.07006,-0.00349,-0.0752,-0.06282,-0.00828,0.05236,0.04786,-0.02916,0.02698,0.05943,0.0292,-0.02272,-0.07222,0.04894,-0.05336,-0.01837,0.02717,0.01682,0.05443,-0.03352,-0.08434,0.01134,-0.03825,-0.0352,0.01975,-0.00736,-0.00525,0.06207,-0.01577,-0.00844,0.02174,0.02955,-0.07233,0,-0.00657,-0.03414,-0.04118,-0.01945,0.0908,-0.02343,-0.04661,-0.06051,-0.01439,-0.00502,-0.01373,0.00653,-0.01712,0.01368,0.00941,-0.13034,-0.00425,0.08191,-0.11785,-0.04922,0.05613,-0.04529,-0.00732,-0.05251,0.01396,0.06646,-0.06644,0.01282,-0.06955,0.04443,-0.1062,-0.01461,0.0567,0.01299,-0.01839,0.0552,-0.02891,-0.14467,-0.03731,-0.0579,-0.01985,0.02315,-0.09465,-0.03213,0.02841,-0.06032,-0.0242,0.07499,0.00974,0.0081,0.05071,0.01387,0.06221,-0.03684,0.00526,-0.03739,-0.0018,0.02541,-0.00121,0.07798,0.02444,0.02049,-0.06655,0.03606,0.07023,0.1331,-0.01965,0.02056,0.0431,-0.02532,-0.07146,0.10569,0.03423,0.0516,0.01286,0.02156,-0.07681,-0.04402,-0.0403,0.00849,-0.07619,0.07309,0.00402,0.0294,0.02064,-0.09793,0.04496,-0.03442,-0.06301,-0.01176,0.13852,-0.04596,0.11127,0.04769,0.02396,0,-0.04038,0.05944,0.04035,0.00934,0.06227,-0.03893,0.03566,0.03789,0.03176,-0.11881,-0.03579,-0.0048,-0.07605,-0.0416,0.03487,-0.05174,-0.00892,-0.0541,-0.03882,-0.0331,0.07467,-0.03903,-0.06333,0.03063,0.03383,0.0037,0.0149,0.01372,0.00908,-0.04019,-0.02251,-0.02288,-0.08371,-0.05995,0.10173,-0.00406,-0.09617,0.06252,0.03399,0.02057,0.00637,0.03245,-0.09634,0.01561,-0.01753,0.09172,-0.05889,-0.00905,-0.04023,-0.02599,-0.08275,0.07869,-0.00414,-0.01174,-0.02483,0.09904,-0.00284,0.07809,-0.02608,-0.05356,0.04081,-0.04887,0.02095,0.00364,0.09398,0.03926,-0.02465,-0.04466,-0.04089,0.08614,0.09195,0.05913,-0.03557,-0.0016,0.03878,-0.01952,0.04117,-0.05446,0.00506,0.08529,-0.09433,0.05233,0.02762,0.0677,0.0342,0.02824,-0.07342,0.03272,0.05702,0.03119,-0.01222,-0.04937,-0.00682,-0.0065,-0.01385,0,-0.10697,0.01331,-0.11931,0.00365,0.05266,0.03163,0.06657,0.05425,-0.05771,-0.00404,0.05168,0.08978,0.0094,-0.05106,-0.0063,-0.05529,-0.02988,-0.05306,-0.07079,-0.0689,-0.05413,0.0006,0.00492,0.09403,-0.03676,-0.06644,0.00369,0.06824,0.05552,-0.03542,-0.00628,0.0075,0.06304,0.09869,-0.03192,0.13872,-0.05478,0.10036,-0.01107,0.04977,0.02424,-0.01645,0.04576,0.00611,-0.02462,0.05245,-0.02446,0.06595,-0.0292,-0.0445,-0.05558,0.02651,-0.03498,0.03776,0.04772,0.00517,-0.058,-0.00644,0.02619,-0.00546,-0.0525,0.03709,0.01021,-0.00335],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Collision and Pinned Nodes When a shifting candidate would overlap a stationary node, collision decides who gives way: - STOP (default) — the shifting candidate is clamped at the spacing line in front of the anchor. The remainder of the delta is dropped. - CHAINPUSH — the anchor is absorbed into the plan and pushed too. Bounded by maxCascadeDepth. Useful for dense layouts where you'd rather everything cascade than have shifts visually disappear. For nodes that should always stay pinned regardless of what the rest of the graph does — annotations, legend labels, stats panels — the new fReflowIgnore directive is the explicit opt-out: fReflowIgnore nodes never receive a primary shift, but they stay visible to the collision resolver as obstacles. That distinction matters more than it sounds — a \"stationary but visible\" anchor is what makes CHAINPUSH useful in a layout that has a fixed legend. max Cascade Depth f Reflow Ignore","excerpt":"Collision and Pinned Nodes When a shifting candidate would overlap a stationary node, collision decides who gives way: - STOP (default) — the shifting candidate is clamped at the spacing line in front of the anchor. The remainder of the delta is dropped. - CHAINPUSH — the anchor is absorbed into the plan and pushed too. Bounded by maxCascadeDepth. Useful for dense layouts where you'd rather everything cascade than have shifts visually disappear. For nodes that should always stay pinned regardless of what the rest of the graph does — annotations, legend labels, stats panels — the new fReflowIgnore directive is the explicit opt-out: fReflowIgnore nodes never receive a primary shift, but they stay visible to the collision resolver as obstacles. That distinction matters more than it sounds — a \"stationary but visible\" anchor is what makes CHAINPUSH useful in a layout that has a fixed legend."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#9","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05655,-0.0365,-0.08523,0.068,-0.00806,0.04701,-0.01313,0.10425,0.02691,-0.01028,-0.02727,0.00426,-0.07104,-0.06278,-0.01486,-0.01029,-0.03644,0.0135,-0.05542,0.01305,-0.03379,-0.06621,0.00833,0.0051,-0.07906,0.01134,-0.07741,-0.00013,0.03165,-0.04694,0.02773,0.12953,-0.05123,0.04856,-0.07192,0.05404,0.02704,-0.048,-0.07988,-0.01298,0.02409,0.06819,0.0443,-0.02196,-0.03397,0.02275,0.02117,-0.01821,-0.0669,0.01382,0.01689,-0.05507,0.02608,0.08704,0.05021,0.04659,0.06442,-0.01057,0.04104,0.0712,-0.05138,-0.0011,-0.01775,0.05292,-0.06297,0.07444,-0.06313,0.01664,0.00462,-0.0228,-0.01416,-0.00348,0.0259,-0.00819,0.06148,-0.03023,-0.04884,0.01794,-0.02702,-0.07382,0.04257,0.00449,0.01168,0.01956,0.0172,0.01271,0.0265,-0.07189,0.05495,0.09868,-0.034,0.05511,-0.03394,-0.04138,0.05267,-0.0608,-0.03818,-0.06223,-0.07844,0.02641,0.01329,-0.02422,0.07708,0.10316,0.03631,-0.0784,-0.0104,0.03325,-0.03249,-0.03089,0.00991,0.00527,0.10066,-0.05029,0.01862,-0.03476,-0.01955,-0.07344,0.00029,0.01086,0.0145,0.02578,-0.02401,-0.02505,0.06964,0.06077,-0.03834,0,-0.01611,-0.02825,-0.02809,0.08295,0.09448,0.02185,0.04791,-0.02586,-0.03779,-0.02033,0.03951,0.01566,-0.06295,0.0655,0.00312,-0.13841,-0.00777,0.08869,-0.07094,-0.04016,0.07667,-0.0507,-0.04424,-0.04462,0.04373,0.01272,-0.05544,0.07952,-0.03854,0.02409,-0.06953,-0.03509,0.01254,0.00441,-0.08394,0.00939,-0.07403,-0.05863,-0.00259,-0.04578,-0.01532,-0.01222,-0.0808,-0.05585,0.03662,-0.04996,-0.07088,0.07468,0.03832,-0.02164,0.0448,0.07158,0.05305,0.02065,0.0361,-0.06158,-0.02712,0.03754,0.02728,0.07832,-0.00364,0.08319,-0.10909,0.03646,0.06258,0.07485,0.04306,-0.00197,0.02365,-0.04481,-0.07407,0.06415,-0.01398,0.05559,0.00646,-0.02119,-0.01723,-0.00989,-0.05475,-0.02958,-0.03359,0.05456,0.02804,0.06786,0.05142,-0.09488,0.02051,-0.04898,-0.07278,-0.00608,0.1151,-0.04702,0.10024,0.02511,-0.0009,0,0.0098,-0.01706,-0.01528,0.06514,0.0345,-0.02849,0.00619,0.06647,0.07054,-0.0836,0.00732,-0.00401,-0.0064,-0.07728,0.04088,-0.00871,-0.09479,-0.09863,0.03303,-0.04415,0.04207,-0.05847,0.0005,-0.01518,-0.02669,-0.00774,-0.02642,0.07729,-0.00255,-0.05589,-0.01928,0.00911,-0.11072,-0.02862,0.04359,-0.051,-0.0823,0.07894,0.00246,0.06984,0.03354,0.06159,-0.07829,0.04083,-0.01724,0.08776,-0.05212,-0.0991,-0.03052,-0.02926,-0.08078,0.01452,-0.00603,-0.00341,-0.03033,0.05486,0.08081,0.03954,-0.04889,-0.01153,0.07104,-0.12118,0.02832,-0.03498,0.02911,0.06438,-0.00378,0.06086,0.02089,0.06762,0.11045,-0.01909,-0.04597,-0.00526,0.01575,0.01587,0.05915,-0.07464,0.02125,0.08116,-0.07381,0.07635,0.01985,0.03457,0.01269,0.02742,-0.05385,0.02683,0.07915,0.05586,-0.06568,-0.03663,0.03683,0.00233,-0.01652,0,-0.11702,0.02506,-0.00481,0.03092,0.04309,0.01489,0.0538,0.03777,-0.08365,-0.00369,0.02053,0.04564,0.05251,-0.02837,0.04164,-0.02496,-0.05624,-0.00275,-0.04874,-0.09689,-0.01784,0.04679,0.0454,0.09087,-0.00242,-0.04121,0.00625,0.02767,0.01099,0.00932,0.01241,0.04346,0.05862,0.09414,-0.08602,0.08575,-0.07195,0.08834,-0.03974,-0.01083,0.00776,-0.04262,-0.02724,-0.0064,-0.06323,0.01994,0.04194,0.04984,-0.02701,-0.00735,-0.0166,0.09662,0.0007,0.09002,0.05953,0.01838,-0.05092,0.0014,0.02402,0.02126,-0.14768,0.03263,0.01301,0.01146],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Runtime Control Static configuration covers the common case. For editors that want to expose the knobs to end users — a settings panel, a debugging overlay, an A/B test — FReflowController is the runtime entry point: Every knob can be changed at runtime. No re-provisioning the plugin, no rebuilding the flow. F Reflow Controller","excerpt":"Runtime Control Static configuration covers the common case. For editors that want to expose the knobs to end users — a settings panel, a debugging overlay, an A/B test — FReflowController is the runtime entry point: Every knob can be changed at runtime. No re-provisioning the plugin, no rebuilding the flow."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#10","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.06354,-0.04608,-0.06446,0.03057,0.02576,0.03038,-0.01803,0.06138,0.02039,0.02889,-0.00334,0.01746,-0.05743,-0.00815,-0.02077,-0.00535,-0.05456,-0.0087,-0.07807,-0.0113,-0.00307,-0.10291,-0.02578,-0.03704,-0.01142,0.01901,-0.08377,0.01591,0.05994,-0.07058,0.04118,0.12846,-0.09788,0.01924,-0.05006,0.10993,0.01552,-0.06776,-0.0626,-0.00699,0.03276,0.06161,0.026,-0.01727,0.01414,0.00932,-0.02463,0.03931,-0.05178,-0.00095,-0.01419,-0.03043,-0.03417,0.16123,0.06499,0.07226,0.03049,-0.02053,0.04261,0.02754,-0.02949,-0.04268,0.00724,0.02682,-0.1031,0.0256,-0.07743,-0.03525,0.01154,-0.01669,0.03375,0.00409,0.00826,-0.0286,0.09226,-0.0312,-0.00828,0.08576,0.00366,-0.05297,0.04171,-0.01207,0.01723,-0.01001,-0.01443,-0.03043,-0.03333,-0.10345,0.03262,0.08227,0.01695,0.08711,-0.02679,0.012,0.0515,-0.05199,-0.06123,-0.01502,-0.03731,0.04263,0.02868,-0.00837,0.00956,0.05713,-0.00728,-0.06001,-0.0508,0.05798,-0.05344,0.01443,0.00032,0.01002,0.08288,-0.02489,-0.02228,-0.02663,-0.04649,-0.08394,-0.0259,0.01507,-0.02227,0.06141,0.01588,-0.0422,0.04866,0.03468,-0.01968,0,-0.04359,-0.05086,-0.02304,0.04228,0.06986,-0.01302,0.01338,-0.02114,-0.02347,-0.04558,-0.03089,0.05585,-0.0612,0.01332,0.00358,-0.10668,0.00795,0.07351,-0.05392,-0.02355,0.10183,0.01309,-0.00526,-0.06363,0.02097,0.00518,-0.08681,0.03481,-0.03345,0.02065,-0.08322,-0.00928,0.00251,0.00215,-0.08778,0.05496,-0.01911,-0.09446,-0.08822,-0.06741,0.03559,0.03517,-0.10153,-0.03216,0.04125,-0.07723,-0.04016,0.04231,0.02637,0.00778,0.05347,0.03983,0.05337,0.01964,0.02383,-0.01588,0.00231,0.07766,0.0086,0.03416,0.03289,0.03228,-0.09592,0.07814,0.07803,0.10189,0.01097,0.02446,0.03257,0.00139,-0.06076,0.1213,0.01844,0.01901,0.034,-0.04234,-0.01499,-0.03007,-0.05322,-0.03585,-0.0223,0.00289,0.02696,0.04995,0.03026,-0.09706,0.03264,-0.03527,-0.02908,-0.01557,0.15827,-0.02738,0.08376,0.02853,0.04901,0,-0.02168,0.01921,0.01846,0.02014,0.03001,-0.02637,0.00109,0.07362,0.02822,-0.1171,-0.04269,-0.04095,0.03376,-0.03368,0.02022,-0.01929,-0.04989,-0.13047,-0.00765,-0.03375,0.00865,-0.00964,-0.02744,0.00471,0.00271,0.02141,-0.03673,0.03846,0.03189,-0.0261,0.01338,-0.05269,-0.13778,-0.01709,0.07921,-0.03557,-0.09516,0.07095,0.03128,0.0406,0.00923,0.02477,-0.11531,0.0191,0.01192,0.07625,-0.05197,-0.054,-0.0263,-0.07223,-0.05383,0.05798,-0.02059,0.00943,0.00409,0.08851,0.08094,0.04915,-0.02237,-0.03117,0.06675,-0.12561,-0.00058,-0.03572,0.0555,0.05506,0.00331,-0.02861,0.02717,0.07536,0.11585,0.0525,-0.0471,-0.00864,0.04785,0.01728,0.05143,-0.01482,-0.00854,0.06074,-0.08225,0.10187,0.01171,0.06418,0.03441,0.00187,-0.04958,-0.03071,0.06237,0.06991,-0.03988,-0.03376,0.00305,-0.00275,-0.00762,0,-0.11893,0.02124,-0.06414,0.05497,0.06727,-0.01726,0.06323,0.04929,-0.07134,0.01522,0.0114,0.0797,0.05708,-0.02999,0.04027,-0.01779,0.0247,-0.07863,-0.02346,-0.05458,-0.06299,0.0072,0.01239,0.10961,-0.03604,-0.06663,0.0137,0.02944,-0.00508,0.00974,-0.02699,0.03658,0.09704,0.13927,-0.08618,0.05467,0.0079,0.09166,-0.07792,-0.03075,0.01958,-0.00611,-0.00205,-0.02565,-0.05148,0.02439,0.00778,0.03749,-0.00278,0.00405,-0.00336,0.05224,-0.04567,0.04106,0.06001,0.03858,-0.05584,0.03125,0.02601,0.00073,-0.10096,0.02268,0.02814,-0.00322],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. What the Library Does Not Do The reflow plugin moves existing nodes. It does not restructure the graph, it does not reroute connections, and it does not decide whether the resize itself is allowed. Foblex Flow handles the geometric shift, your application owns the data model. The new positions arrive through (fMoveNodes) like any other node move, and you decide whether to persist them. That is still the default stateless behavior. With the optional Managed Flow State plugin, supported move events update the explicit plugin store automatically; persistence of its snapshots remains an application decision. That boundary is intentional. Reflow is interaction infrastructure, not a layout authority. f Move Nodes","excerpt":"What the Library Does Not Do The reflow plugin moves existing nodes. It does not restructure the graph, it does not reroute connections, and it does not decide whether the resize itself is allowed. Foblex Flow handles the geometric shift, your application owns the data model. The new positions arrive through (fMoveNodes) like any other node move, and you decide whether to persist them. That is still the default stateless behavior. With the optional Managed Flow State plugin, supported move events update the explicit plugin store automatically; persistence of its snapshots remains an application decision. That boundary is intentional. Reflow is interaction infrastructure, not a layout authority."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#11","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05798,-0.03928,-0.01118,0.01952,0.04227,0.03012,-0.02115,0.06174,0.09132,-0.0017,-0.0417,0.03009,-0.07483,-0.02311,-0.04911,-0.0286,-0.05722,0.00948,-0.07093,0.00662,-0.02173,-0.1174,-0.01013,-0.04407,0.00787,0.03438,-0.10219,-0.00492,0.07319,-0.06532,0.03589,0.16218,-0.03506,0.0313,-0.08286,0.07798,-0.00805,-0.06114,-0.08069,0.00014,0.00866,0.07788,0.03557,-0.01168,-0.00568,0.0205,0.01074,0.03257,-0.04956,0.02248,-0.00598,-0.04613,-0.05009,0.14049,0.02266,0.07277,0.03036,-0.00842,0.03807,0.06796,-0.02849,-0.00807,0.0085,0.04213,-0.00107,0.015,-0.06213,0.00975,-0.02,-0.00829,0.06473,0.0139,0.03598,-0.01432,0.10352,-0.02752,-0.0219,0.03785,-0.03697,-0.05239,0.01231,0.01366,0.01425,0.01775,0.00218,0.00808,0.00403,-0.10345,-0.03644,0.07004,-0.00634,0.05772,-0.05,0.04853,0.04567,-0.07353,-0.05225,-0.01876,-0.03416,0.00883,0.04839,-0.02529,0.08118,0.06767,0.00652,-0.08762,-0.04083,0.0634,-0.04622,-0.0205,-0.02191,0.0105,0.07413,-0.01526,-0.06661,-0.05379,-0.02697,-0.04022,0.00658,0.01221,-0.02541,0.05825,0.0079,-0.06203,0.04591,0.02027,-0.03809,0,-0.05126,-0.02849,-0.01011,0.03845,0.07736,-0.03711,0.03279,-0.07196,-0.03899,-0.00215,-0.01695,0.04859,-0.039,0.04417,0.00223,-0.11788,-0.03129,0.05689,-0.10424,-0.01657,0.06129,-0.03444,-0.01071,-0.08023,0,0.02119,-0.09087,0.0405,-0.09572,0.03213,-0.08831,-0.0325,0.04291,-0.0052,-0.06447,0.06033,0.00492,-0.1033,-0.03346,-0.05743,0.00533,0.03285,-0.04792,-0.0265,0.05184,-0.06083,-0.09492,0.05073,0.01185,-0.00141,0.03863,0.03418,0.08813,0.02224,0.06212,-0.05225,0.03228,0.06407,0.00178,0.0613,0.04341,0.06562,-0.09566,0.06521,0.08212,0.09472,0.04695,0.03477,0.01189,-0.01656,-0.06891,0.12201,0.02056,0.03268,0.02775,-0.00694,-0.02929,-0.0433,-0.01353,-0.00983,-0.04831,0.05408,0.02339,0.02066,-0.02801,-0.05461,0.03937,-0.02218,-0.04427,0.02449,0.14539,-0.04265,0.13086,-0.01295,0.01363,0,-0.03475,0.02363,-0.00791,0.02581,0.05836,-0.06593,0.04432,0.03556,0.02221,-0.06257,-0.00658,0.00165,-0.01664,-0.03655,0.0619,0.01755,-0.04729,-0.13719,0.01503,-0.09567,0.04777,-0.01377,-0.00752,0.02215,-0.04704,0.00071,-0.01189,0.02151,0.04905,-0.0082,0.00883,-0.05325,-0.10831,0.01485,0.06867,-0.0189,-0.06607,0.06109,0.03917,-0.00083,0.00543,0.03219,-0.09238,-0.01176,-0.01277,0.07017,-0.03247,-0.06621,-0.04316,-0.04377,-0.05538,0.06086,-0.01321,-0.02499,-0.01636,0.08854,0.03773,0.04874,-0.00455,-0.0313,0.06774,-0.08821,0.01107,-0.04803,0.0243,0.07454,-0.01516,0.0069,0.02414,0.05852,0.10792,0.02052,-0.02573,0.00102,-0.00983,0.02579,0.06877,0.04202,0.03081,0.06098,-0.06569,0.11631,-0.0071,0.10924,0.04269,0.03489,-0.04675,-0.01959,0.06495,0.03544,0.01234,-0.0651,0.04932,-0.01274,-0.00575,0,-0.1081,-0.0321,-0.04086,0.02429,0.04307,-0.00129,0.04923,0.07375,-0.0539,0.01641,0.00989,0.06889,0.03572,-0.04375,0.07604,-0.00057,-0.05016,-0.04943,-0.0394,-0.10526,-0.04789,0.00761,0.01749,0.10395,-0.04546,-0.055,-0.02804,0.0224,0.00392,-0.01555,-0.0379,0.0416,0.03005,0.11481,-0.03373,0.09537,-0.0581,0.06283,-0.07921,-0.03222,0.01189,-0.05885,0.05675,0.00094,-0.017,0.01972,-0.01023,0.03752,-0.04019,-0.0272,-0.02958,0.04447,-0.03651,0.05151,0.05393,0.00655,-0.08171,-0.0016,0.04729,0.00164,-0.11147,0.06324,0.02052,0.01081],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Why Layer Ordering Matters Reflow on Resize is about how nodes move. Layer Ordering is about how the canvas is stacked. Foblex Flow renders three built-in layers inside <f-canvas — groups, connections, and nodes — each in its own absolutely-positioned container with its own stacking context. Until v18.6.0 the order was hardcoded: groups underneath, connections in the middle, nodes on top.","excerpt":"Why Layer Ordering Matters Reflow on Resize is about how nodes move. Layer Ordering is about how the canvas is stacked. Foblex Flow renders three built-in layers inside <f-canvas — groups, connections, and nodes — each in its own absolutely-positioned container with its own stacking context. Until v18.6.0 the order was hardcoded: groups underneath, connections in the middle, nodes on top."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#12","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05183,-0.03142,-0.04422,0.04569,0.02078,0.03927,-0.0647,0.0576,0.06821,0.00342,-0.04321,0.04507,-0.07778,-0.02732,-0.02969,-0.02284,-0.07357,0.02994,-0.05406,0.00305,-0.043,-0.05276,0.01533,-0.02896,-0.00999,0.00416,-0.08007,-0.01225,0.05364,-0.0489,0.03456,0.15683,-0.0214,0.06126,-0.03761,0.07283,0.00072,-0.05624,-0.06149,-0.02742,0.01413,0.06973,0.04125,-0.02933,-0.03756,0.00026,0.00052,-0.00098,-0.06148,0.04424,0.0016,-0.06126,-0.0279,0.11899,0.03793,0.06996,-0.01564,-0.00561,0.03662,0.06928,-0.04724,0.01654,-0.00951,0.05887,-0.03787,0.08082,-0.02967,0.01616,-0.03756,-0.00779,0.02056,0.00247,0.00562,-0.00313,0.06033,0.00702,-0.00919,0.02151,-0.02931,-0.0841,0.03522,-0.00693,0.01137,0.0273,0.01737,0.04958,0.01132,-0.096,0.03689,0.10533,-0.00886,0.03355,-0.03165,0.01973,-0.00113,-0.05996,-0.02386,-0.02495,-0.02946,0.00838,0.02906,-0.0262,0.09582,0.07843,0.04214,-0.06706,0.00417,0.02041,-0.03075,0.00067,0.01458,0.01917,0.07143,-0.07533,-0.029,-0.03604,0.00936,-0.03838,0.02368,0.02383,-0.02033,0.05,-0.03766,-0.03569,0.02154,0.05177,-0.04386,0,-0.01436,-0.01382,0.00289,0.05004,0.06358,-0.01461,0.03633,-0.0462,-0.09526,-0.04618,0.01332,0.03428,-0.05917,0.02942,-0.02748,-0.08356,-0.01421,0.11624,-0.096,-0.02839,0.03761,-0.04574,-0.02273,-0.03855,0.01893,0.03366,-0.05918,-0.00693,-0.06755,0.02158,-0.09524,-0.05293,0.0559,-0.0127,-0.07762,0.06525,-0.06233,-0.05301,-0.00644,-0.05006,0.00739,0.0298,-0.09072,-0.05995,0.04667,-0.02074,-0.03637,0.0576,0.04106,-0.06013,0.04252,0.05688,0.04923,0.0496,0.05508,-0.04616,0.02382,0.08151,0.05069,0.03277,0.0161,0.09359,-0.09117,0.04558,0.08807,0.09583,0.01695,0.0084,0.01435,-0.01475,-0.0962,0.08868,-0.01743,0.07069,0.00819,-0.03228,-0.03721,-0.05843,0.03019,-0.02973,-0.07141,0.06323,0.04852,0.03231,0.01746,-0.09106,0.01608,-0.01792,-0.04711,-0.02093,0.1496,-0.0621,0.12275,-0.00946,-0.00189,0,-0.00394,-0.00056,-0.00249,0.04349,0.00937,-0.03687,0.02995,0.05202,0.06759,-0.08207,0.06714,-0.00923,-0.0154,-0.08903,0.05817,0.00488,-0.03929,-0.11834,0.01221,-0.06319,0.06015,-0.09076,0.03057,0.0248,-0.00007,-0.0273,0.01735,0.03634,0.02835,-0.08544,-0.01742,0.01907,-0.09563,-0.03172,0.04954,-0.02502,-0.09332,0.0631,0.01597,0.05895,-0.00648,0.06192,-0.0944,0.04788,-0.02448,0.06595,-0.06447,-0.06067,-0.03525,-0.04337,-0.06546,0.03452,-0.00188,-0.03121,-0.00432,0.08974,0.04235,0.03958,-0.03819,-0.0452,0.02653,-0.09832,0.00524,-0.06257,0.0153,0.07745,0.00932,0.05009,0.00082,0.0235,0.10426,0.00165,-0.06372,-0.00915,-0.04346,0.00784,0.10133,-0.02046,0.04724,0.05016,-0.07655,0.14987,0.01431,0.07446,0.03927,0.03009,-0.04272,0.00215,0.05607,0.07117,-0.06903,-0.03383,0.05946,-0.02103,-0.04789,0,-0.14375,-0.02237,-0.04648,0.0443,0.07056,-0.00159,0.02067,0.08996,-0.05352,0.01034,0.02922,0.06254,0.03719,-0.05598,0.05822,-0.04353,-0.03099,-0.03591,-0.06427,-0.08573,-0.03074,0.05927,0.01935,0.05912,0.00823,-0.06026,-0.01915,0.01003,-0.00009,0.00259,-0.03038,0.04767,0.05217,0.08332,-0.03456,0.06911,-0.02467,0.0822,-0.08814,-0.02828,0.01856,-0.0687,0.01595,-0.01468,-0.07266,0.01824,0.01957,0.06172,-0.00532,-0.04374,-0.01672,0.0463,-0.04073,0.05463,0.04256,0.03804,-0.07545,-0.0007,0.03163,-0.04644,-0.0913,0.02402,0.00728,0.03201],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. That default has been right for the vast majority of editors for years, and it stays the default in v18.6.0. But a few editors really aren't the default — and until now, the only way to change the order was to fight the library with global !important z-index overrides:","excerpt":"That default has been right for the vast majority of editors for years, and it stays the default in v18.6.0. But a few editors really aren't the default — and until now, the only way to change the order was to fight the library with global !important z-index overrides:"},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#13","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.06588,-0.01722,-0.04134,0.03549,0.00188,0.06593,0.02731,0.06302,0.05162,-0.05291,-0.04794,-0.00292,-0.08264,-0.05226,-0.00222,-0.00522,0.00631,-0.00126,-0.05948,-0.0671,-0.02347,-0.12045,-0.00756,-0.03811,-0.03964,0.05461,-0.06069,-0.00348,0.05098,-0.05866,0.06913,0.1355,-0.0612,0.03202,-0.04151,0.04272,0.01939,-0.03265,-0.06673,-0.01595,0.01156,0.05568,0.02281,-0.02742,-0.03188,-0.00886,0.02157,-0.03878,-0.08598,0.04323,0.00285,-0.07855,-0.01611,0.09174,0.03867,0.07104,0.0151,-0.0618,0.00293,0.06285,-0.04875,-0.03506,0.02239,0.05961,-0.03616,0.07061,-0.04226,0.01578,0.02781,-0.02449,0.0547,0.01775,0.00104,-0.03165,0.07455,-0.00444,0.00618,0.04399,-0.0615,-0.05763,0.00622,0.03607,0.01778,0.03073,-0.0209,0.02178,0.00895,-0.08826,-0.02771,0.08248,-0.03041,0.09412,-0.05402,-0.00447,0.03488,-0.08022,-0.02258,-0.04374,-0.04615,0.04914,0.01981,-0.05163,0.07122,0.01514,-0.01771,-0.04554,-0.05733,0.07232,-0.08111,-0.04813,0.01788,-0.02589,0.07134,-0.03695,-0.03645,-0.03013,0.00596,-0.08222,0.0656,0.01654,-0.01313,0.0732,-0.00022,-0.02322,0.05815,0.03269,-0.03609,0,-0.00005,-0.00308,-0.04967,0.0172,0.13188,0.00812,0.03961,-0.09629,-0.05975,-0.04424,0.02638,0.01113,-0.08826,0.04841,-0.02483,-0.12633,-0.00282,0.08815,-0.11762,-0.02869,0.00649,-0.03111,-0.02485,-0.03022,0.01698,0.04253,-0.07579,0.06194,-0.05057,0.01772,-0.06403,0.01127,0.08682,-0.0009,-0.07559,0.04957,-0.03643,-0.07328,-0.0027,-0.00431,-0.02893,0.03664,-0.02715,-0.03953,0.03111,-0.00469,-0.09,0.05954,-0.00951,-0.00057,0.03212,0.02431,0.05949,0.00811,0.06155,-0.05823,-0.02528,0.07306,0.04685,0.05168,0.06464,0.08941,-0.07619,0.04886,0.04826,0.12789,0.03223,0.00868,0.04729,-0.04085,-0.10648,0.14516,0.05583,0.03904,0.05862,-0.03148,-0.04195,-0.05592,0.0168,0.00869,-0.0588,0.00617,0.03199,-0.00345,0.01118,-0.07269,0.03124,-0.01506,-0.07651,0.00313,0.0806,-0.02414,0.10409,-0.01729,0.00487,0,-0.00294,0.03275,0.01421,0.04079,0.06705,-0.04417,0.03336,0.03811,0.03077,-0.07109,0.01705,0.03581,0.02199,-0.04501,-0.01857,-0.04012,-0.02404,-0.08227,0.01436,-0.07814,0.02842,-0.03324,-0.02771,-0.00343,-0.06146,0.01048,-0.05538,0.02316,0.04482,-0.03076,0.01974,-0.02377,-0.04644,-0.08094,0.06518,0.00786,-0.04811,0.03491,0.01082,0.01215,-0.01527,0.00776,-0.1146,-0.01243,-0.07867,0.08873,-0.07073,-0.07232,-0.07652,-0.04679,-0.06213,0.04669,-0.00083,-0.02149,-0.02848,0.0492,0.04896,0.06046,-0.01081,-0.00615,0.05839,-0.11372,0.04394,-0.0642,0.03985,0.05227,-0.02394,0.01956,0.06136,0.08331,0.08753,0.01087,-0.04934,0.00774,0.06597,-0.00153,0.05244,0.02475,0.04161,0.11898,-0.07726,0.1013,0.00569,0.07801,0.1204,-0.01823,-0.04147,-0.00664,0.04917,0.05638,-0.04231,-0.02803,0.02274,0.05529,-0.00031,0,-0.06262,-0.01868,-0.04368,0.00576,0.02427,-0.0102,0.05753,0.04905,-0.09011,-0.03009,0.02197,0.07009,-0.00005,-0.03428,0.05939,0.03644,-0.05694,-0.0358,-0.02868,-0.08427,-0.07039,0.0099,0.01979,0.09968,-0.05661,0.00007,0.01361,0.02356,0.00844,0.02069,-0.01987,0.02577,0.04732,0.11532,-0.03808,0.04178,-0.09283,0.03981,-0.07255,0.02851,0.00072,-0.05949,0.02816,0.0071,0.0063,0.00828,0.02615,0.02208,-0.09772,0.02993,-0.0098,0.07274,-0.06122,0.06343,0.03825,-0.01513,-0.02552,0.04569,0.00791,0.02219,-0.09418,0.04059,0.05575,0.00831],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. - A diagram view with semi-transparent group overlays needs the group layer above the nodes so the tint is actually visible. - A pipeline editor with clickable edge labels needs connections above nodes so the labels stay reachable when nodes overlap them. - A custom render layer that draws on top of connections needs the connection container drawn last so its strokes are not occluded. Layer Ordering exposes that single decision as configuration, so the library stops standing in your way for those layouts.","excerpt":"- A diagram view with semi-transparent group overlays needs the group layer above the nodes so the tint is actually visible. - A pipeline editor with clickable edge labels needs connections above nodes so the labels stay reachable when nodes overlap them. - A custom render layer that draws on top of connections needs the connection container drawn last so its strokes are not occluded. Layer Ordering exposes that single decision as configuration, so the library stops standing in your way for those layouts."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#14","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05444,-0.02842,-0.01453,-0.00284,0.01924,0.05023,0.01779,0.07438,0.0209,0.00182,-0.0655,-0.0299,-0.06453,0.00569,-0.02231,-0.04016,-0.06807,0.02046,-0.0244,-0.02152,-0.03497,-0.0981,0.03449,-0.02369,0.00453,0.00888,-0.04774,-0.00673,0.05163,-0.05712,0.05805,0.12445,-0.07342,0.05796,-0.06234,0.04691,-0.03543,-0.07949,-0.06428,-0.0149,0.06006,0.09242,0.03567,-0.05404,-0.01807,-0.00167,-0.02081,0.05961,-0.02232,0.06625,0.00552,-0.03601,-0.04559,0.12811,0.03209,0.08291,0.02314,-0.00498,0.06518,0.06855,-0.01817,-0.01876,0.03918,0.02916,-0.04194,0.06425,-0.07414,0.03912,-0.04181,0.01638,0.04247,0.00342,0.05602,-0.02035,0.08448,-0.02249,-0.06048,0.06623,-0.05734,-0.04412,0.01282,0.01014,0.00247,0.03484,0.00377,0.00906,-0.00646,-0.09271,0.02158,0.09054,-0.0473,0.02371,-0.05522,0.03379,0.04992,-0.05686,-0.08746,-0.03133,-0.06374,0.00459,0.02425,-0.02311,0.07395,0.09108,0.04743,-0.03647,-0.06056,0.0115,-0.01265,-0.0156,-0.01569,0.03538,0.10771,0.00292,-0.034,-0.02633,-0.0095,-0.05007,-0.0089,0.0318,-0.01318,0.04297,-0.03959,-0.05359,0.04861,0.00847,-0.00583,0,-0.05808,-0.01569,0.02145,0.06393,0.08735,-0.00459,0.01295,-0.03386,-0.06938,-0.02532,-0.04803,0.03383,-0.0683,0.00606,-0.01255,-0.10667,-0.04687,0.08767,-0.07438,0.01613,0.06369,-0.07774,-0.05224,-0.07163,0.03122,0.00022,-0.0995,0.03013,-0.06696,0.02162,-0.07193,-0.01167,0.0481,0.01726,-0.11239,-0.0092,-0.01504,-0.03824,-0.03686,-0.04599,0.00451,0.01773,-0.08548,-0.00513,0.03376,-0.05653,-0.05638,0.06441,0.05482,-0.02002,0.04545,0.05217,0.04291,-0.02221,0.03792,-0.0588,-0.00006,0.08112,0.03954,0.01065,0.04378,0.0521,-0.12126,0.05641,0.07429,0.1036,0.03997,-0.02533,-0.01101,-0.02182,-0.07259,0.09961,-0.00654,0.03898,0.01065,-0.00962,-0.03116,-0.00565,0.00215,-0.04494,-0.0617,0.03749,0.03639,0.01122,0.02231,-0.06856,0.04809,-0.02891,-0.05307,-0.0067,0.11401,-0.01759,0.12593,-0.00817,0.02772,0,0.03222,0.0381,0.04072,0.03026,0.05649,-0.04496,0.03031,0.08792,0.0497,-0.03125,0.02176,0.01428,-0.00525,-0.07596,0.03854,0.04149,-0.00865,-0.08584,0.00122,-0.08565,0.03435,-0.04829,-0.01322,-0.0023,-0.0286,0.01298,0.04041,0.0298,0.01635,-0.04334,-0.04357,-0.00335,-0.10635,-0.01627,0.05316,-0.03598,-0.06051,0.06327,0.02545,0.05343,0.01105,0.05466,-0.12531,0.02117,-0.03362,0.04518,-0.04104,-0.03701,-0.06525,-0.04298,-0.0727,0.05568,-0.02197,-0.03387,-0.00215,0.11144,0.07764,0.03587,-0.01883,-0.06605,0.07259,-0.08421,0.00256,-0.04986,0.04329,0.04413,-0.02163,0.02573,0.02166,0.05485,0.1002,0.01036,-0.01782,0.02209,0.00572,0.02507,0.08688,0.01218,0.06601,0.05295,-0.07308,0.11317,0.01474,0.08889,0.04094,0.03751,-0.05628,-0.01219,0.09612,0.06472,-0.04968,-0.05569,0.06656,-0.05086,-0.00369,0,-0.15106,-0.03633,-0.06088,0.04259,0.02909,-0.02514,0.0081,0.08423,-0.03106,-0.02458,-0.0366,0.10234,0.05716,-0.00032,0.04643,-0.02548,-0.02896,-0.00845,-0.04717,-0.07369,-0.05604,0.03063,0.05517,0.09965,-0.01883,-0.06621,-0.01478,0.0144,-0.00216,0.0159,-0.0563,0.01144,0.02675,0.08199,-0.07392,0.05097,-0.05133,0.07365,-0.07331,-0.04099,-0.02752,-0.06046,0.03957,-0.05324,-0.03829,0.02238,0.04279,0.04964,-0.00234,-0.0209,-0.00966,0.0466,-0.03118,0.00654,0.05015,0.00601,-0.0895,-0.00286,0.02951,-0.03262,-0.11069,0.06417,0.01061,0.01288],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. How to Set the Order Two equivalent entry points — pick whichever fits the wiring of your app: `ts // App-wide: same default for every canvas in the host component's tree import { provideFFlow, withFCanvas, EFCanvasLayer } from '@foblex/flow'; provide F Flow with F Canvas EF Canvas Layer","excerpt":"How to Set the Order Two equivalent entry points — pick whichever fits the wiring of your app: `ts // App-wide: same default for every canvas in the host component's tree import { provideFFlow, withFCanvas, EFCanvasLayer } from '@foblex/flow';"},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#15","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05889,-0.02642,-0.02104,0.05861,0.07735,0.05948,0.01316,0.0564,0.03416,-0.02298,-0.03635,-0.03013,-0.07417,-0.03677,-0.02136,-0.02414,-0.03953,0.01558,-0.07707,-0.015,-0.05368,-0.12198,0.02314,-0.0061,-0.00618,0.01891,-0.08902,-0.02265,0.05629,-0.05858,0.04282,0.11975,-0.08043,0.05864,-0.05807,0.08452,-0.02974,-0.03594,-0.09874,-0.03965,0.02686,0.06829,0.02227,-0.04105,0.01823,-0.02603,-0.01856,0.04391,-0.03429,0.02746,0.01623,-0.03372,-0.04991,0.11183,0.05757,0.05342,0.04286,-0.00834,0.03639,0.07521,-0.0287,-0.03479,0.02046,0.04827,-0.04411,0.03044,-0.04122,0.03779,-0.02391,0.0198,0.05304,0.00865,0.03197,0.00226,0.1404,0.0048,-0.05293,0.05328,-0.03074,-0.03663,0.00893,-0.00934,-0.00239,0.01897,0.01136,0.01933,-0.0025,-0.09657,0.01481,0.10485,-0.05472,0.05684,-0.04899,0.05198,0.07842,-0.05702,-0.066,-0.0061,-0.07431,0.01481,0.02162,-0.02508,0.05643,0.07503,-0.00011,-0.08057,-0.03726,0.03956,-0.03933,-0.02347,-0.01907,0.02709,0.06102,-0.02977,-0.02153,-0.0173,-0.00657,-0.06237,-0.0297,0.05043,-0.00624,0.06571,-0.00411,-0.06214,0.05704,0.04237,0.00392,0,-0.03598,-0.03599,-0.02768,0.06531,0.11155,-0.00339,0.03229,-0.02898,-0.03359,-0.02712,-0.05912,0.04529,-0.06973,0.06001,0.00767,-0.10914,-0.00681,0.06449,-0.05471,-0.0058,0.08783,-0.05469,-0.05142,-0.06099,-0.01665,0.01372,-0.09574,0.04752,-0.07403,0.04576,-0.0884,-0.02884,0.04951,0.01261,-0.1018,0.00857,-0.01337,-0.06765,-0.0196,-0.05603,-0.0272,0.01621,-0.08445,-0.02131,0.03131,-0.09585,-0.04108,0.08201,0.02755,-0.00286,0.03399,0.03295,0.05845,-0.02871,0.03125,-0.03114,0.0311,0.06187,-0.00021,0.00935,0.0346,0.11136,-0.10708,0.05961,0.08174,0.11144,0.05071,-0.01755,-0.01708,-0.06868,-0.06167,0.08317,-0.01209,0.0145,0.07255,-0.02968,-0.04532,0.00605,-0.00149,-0.05287,-0.03157,0.04083,0.01503,0.02337,-0.00694,-0.0425,0.02968,-0.00705,-0.02862,0.02543,0.12251,-0.05227,0.12917,-0.00168,0.01553,0,-0.02682,0.04826,0.00834,0.01596,0.0593,-0.04023,0.02331,0.08173,0.0297,-0.07142,0.00013,-0.01521,-0.03359,-0.04573,-0.00596,0.02557,-0.05006,-0.1117,0.03062,-0.08163,0.01886,-0.04433,0.00351,0.02489,-0.041,0.00736,0.00691,0.03487,0.05005,-0.02997,-0.01907,-0.03672,-0.12389,-0.02174,0.04905,-0.02913,-0.06663,0.05797,0.00667,0.03077,0.00156,0.01403,-0.11142,0.00895,-0.00712,0.06952,-0.0343,-0.03407,-0.0459,-0.00791,-0.06265,0.06204,-0.01345,-0.00615,-0.00389,0.09309,0.11182,0.01849,0.00474,-0.05082,0.06811,-0.10167,-0.00302,-0.02466,0.06108,0.04938,-0.01118,0.0506,0.03451,0.07232,0.10866,0.00792,-0.01742,-0.04535,0.02729,0.0464,0.04957,0.01609,0.06911,0.03589,-0.0539,0.09729,0.01887,0.04764,0.05751,-0.0015,-0.03348,-0.01563,0.07083,0.05589,-0.01034,-0.03435,0.02643,-0.03852,-0.00595,0,-0.12963,-0.00163,-0.05331,0.00647,0.0643,-0.07802,0.04746,0.06987,-0.03025,0.01362,0.01676,0.06138,0.06519,-0.01787,0.08778,-0.04773,-0.00822,-0.01198,-0.05914,-0.0987,-0.03727,-0.01581,0.025,0.07535,-0.00388,-0.08096,0.00469,0.00497,0.01816,0.02378,-0.08449,0.01269,0.03057,0.09033,-0.08137,0.08698,-0.04415,0.04345,-0.07851,-0.00394,-0.02963,-0.04785,0.04093,-0.02542,0.00186,0.00899,0.04505,0.02448,0.00237,0.02108,-0.02589,0.00548,-0.02483,0.02379,0.03652,-0.02682,-0.0861,0.00199,0.05141,-0.03358,-0.13974,0.04792,0.00334,0.02156],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. @Component({ providers: [ provideFFlow( withFCanvas({ layers: [EFCanvasLayer.GROUPS, EFCanvasLayer.NODES, EFCanvasLayer.CONNECTIONS], }), ), ], }) export class MyEditor {} Per-canvas [fLayers] always wins over the app-wide value, so individual canvases can opt out without re-providing the feature. Missing layers fall back to their default position, and unknown values or duplicates are silently dropped — passing [EFCanvasLayer.NODES]` does not hide groups or connections, it just promotes nodes to the bottom and lets the other two settle behind it. provide F Flow with F Canvas EF Canvas Layer My Editor f Layers","excerpt":"@Component({ providers: [ provideFFlow( withFCanvas({ layers: [EFCanvasLayer.GROUPS, EFCanvasLayer.NODES, EFCanvasLayer.CONNECTIONS], }), ), ], }) export class MyEditor {} Per-canvas [fLayers] always wins over the app-wide value, so individual canvases can opt out without re-providing the feature. Missing layers fall back to their default position, and unknown values or duplicates are silently dropped — passing [EFCanvasLayer.NODES]` does not hide groups or connections, it just promotes nodes to the bottom and lets the other two settle behind it."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#16","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.06466,-0.0143,-0.01073,0.06374,0.05397,0.0447,-0.00544,0.01626,0.05661,0.02881,-0.05298,0.03959,-0.08379,-0.01916,-0.00212,-0.02418,-0.06948,0.02698,-0.0702,-0.01591,-0.0852,-0.10078,0.02562,-0.03978,-0.01162,0.04011,-0.08436,0.00228,0.07447,-0.07312,0.03618,0.10474,-0.04074,0.03535,-0.09104,0.098,-0.01266,-0.02716,-0.06676,-0.00427,0.03541,0.07221,0.03798,-0.09161,-0.02099,-0.00386,-0.00561,0.05049,-0.06065,0.01763,0.00076,-0.04881,-0.02104,0.14499,0.01306,0.02041,0.05161,0.01425,0.05557,0.07731,-0.04937,-0.03765,0.01573,0.0296,0.00273,0.05927,-0.07831,0.00486,-0.07168,0.03848,0.08493,-0.0001,0.02267,-0.0038,0.10129,-0.00869,-0.0453,0.07693,-0.02469,-0.01515,0.04521,-0.00801,0.01327,0.0294,-0.02253,0.031,-0.01723,-0.11894,-0.02414,0.02582,-0.04549,0.06914,-0.04658,0.05384,0.03394,-0.07419,-0.0822,-0.03959,-0.05199,0.01247,0.04606,-0.01582,0.08336,0.07398,0.02394,-0.04918,-0.06017,0.07939,-0.01968,-0.00648,0.01023,0.04859,0.04859,-0.00666,-0.08045,-0.05517,-0.00139,-0.06079,0.01328,0.03253,0.02188,0.06419,-0.0357,-0.07369,0.06902,0.02457,-0.01227,0,-0.03537,-0.01536,-0.03881,0.03728,0.11912,-0.00825,-0.00752,-0.07902,-0.05323,0.01112,0.01107,0.02198,-0.08635,0.0005,-0.00096,-0.12973,0.00632,0.06474,-0.09547,-0.01072,0.06794,-0.05424,-0.04638,-0.04824,0.0206,0.02841,-0.08878,0.04757,-0.10963,0.0044,-0.03355,0.00022,0.06223,-0.01971,-0.07534,0.03458,-0.01273,-0.06021,-0.04431,-0.03322,0.00478,0.0007,-0.08047,0.01199,0.03177,-0.07636,-0.06095,0.04982,0.05508,0.01156,0.00533,0.04843,0.04402,-0.00717,0.06204,-0.06342,-0.00308,0.08088,0.02674,0.05073,0.05515,0.04171,-0.10638,0.02794,0.07125,0.07139,0.05313,0.07183,0.01465,-0.03757,-0.045,0.11486,0.0434,0.05492,0.04012,-0.01986,-0.01993,-0.01308,0.03895,0.00681,-0.03058,0.02906,0.03492,0.05449,-0.01414,-0.07388,0.01688,-0.01362,-0.03291,-0.00673,0.11546,0.0125,0.11736,-0.01732,0.00537,0,-0.03502,0.03799,0.00782,0.05169,0.04317,-0.06866,0.04892,0.06373,0.01877,-0.02906,0.03011,0.0162,-0.01608,-0.05144,0.01099,0.0419,-0.05736,-0.12456,0.04357,-0.07493,0.03754,-0.02142,0.00078,0.02727,-0.02273,0.00537,-0.00002,0.03343,0.05572,-0.01617,-0.00261,-0.00659,-0.08978,-0.01875,0.04888,-0.05365,-0.07653,0.0929,0.03154,-0.01138,-0.00513,0.03187,-0.08187,-0.02442,-0.0198,0.03425,-0.01163,-0.06542,-0.05787,-0.01744,-0.07805,0.04441,-0.00992,-0.02473,-0.02819,0.07122,0.03253,0.03658,-0.01759,-0.04196,0.08684,-0.05565,-0.00721,-0.0567,0.05801,0.10362,-0.02466,0.01814,0.05806,0.05282,0.09154,0.00704,0.01107,0.00752,-0.0034,0.03459,0.07916,0.02047,0.04874,0.04278,-0.038,0.10766,-0.03392,0.05397,0.03764,0.04792,-0.0894,-0.01095,0.05757,0.04377,-0.0359,-0.08519,0.05042,-0.04683,-0.00705,0,-0.11547,-0.00596,-0.07185,0.01384,0.05062,-0.0246,0.04934,0.03389,-0.03576,0.00371,-0.0436,0.10468,0.05962,-0.04311,0.0552,-0.02412,-0.04289,-0.02841,-0.03092,-0.08753,-0.05823,0.02096,0.04204,0.09767,-0.03003,-0.04999,-0.0429,0.02352,0.0155,-0.02092,-0.07669,0.00726,0.02407,0.05937,-0.04333,0.03382,-0.06371,0.03027,-0.08624,-0.06082,0.0183,-0.07292,0.07719,-0.01713,-0.04715,0.01126,0.00217,0.0633,-0.00153,-0.00941,0.01056,0.01051,-0.02359,0.0382,0.08463,-0.02245,-0.06225,0.04409,0.02655,-0.03795,-0.11004,0.0534,0.01753,-0.01043],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. ::: ng-component <canvas-layers</canvas-layers [height]=\"500\" ::: Layer Ordering only controls those three top-level containers. Per-element CSS on .f-node, .f-group, .f-connection-content keeps working the way it always did, and the plugins outside <f-canvas — <f-background, <f-selection-area, <f-minimap — are not part of it; their stacking is controlled by their position inside the <f-flow template.","excerpt":"::: ng-component <canvas-layers</canvas-layers [height]=\"500\" ::: Layer Ordering only controls those three top-level containers. Per-element CSS on .f-node, .f-group, .f-connection-content keeps working the way it always did, and the plugins outside <f-canvas — <f-background, <f-selection-area, <f-minimap — are not part of it; their stacking is controlled by their position inside the <f-flow template."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#17","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.10195,-0.00389,-0.0066,0.06748,0.05717,0.0555,-0.048,0.06105,0.07038,0.01968,-0.08789,0.02818,-0.08242,-0.01671,-0.00402,-0.01065,-0.00318,0.00476,-0.08817,0.03486,-0.01179,-0.11009,0.00724,-0.04499,0.0124,0.01394,-0.08895,-0.01108,0.03719,-0.04875,0.03735,0.17409,-0.06947,0.03672,-0.10477,0.13766,-0.00497,-0.00296,-0.09562,-0.03018,-0.01845,0.11917,0.00118,-0.03119,0.00718,-0.05663,-0.0205,-0.00488,-0.0645,0.01973,-0.0177,-0.07229,-0.07032,0.06841,0.06002,0.05967,0.04134,-0.01249,0.03051,0.0526,-0.0567,0.02511,0.01163,0.04293,-0.02434,0.05268,-0.01456,0.00636,-0.01521,-0.01557,0.02016,0.00346,0.03276,-0.03675,0.06251,-0.04704,-0.04646,0.03539,-0.00195,-0.08062,0.03786,0.0081,-0.00709,0.02731,0.00951,0.02597,0.03105,-0.09456,0.06906,0.07516,-0.00346,0.05804,-0.00523,0.04111,0.05826,-0.05097,-0.01221,0.01996,-0.04515,0.04588,0.04041,-0.05848,0.06993,0.04044,0.05746,-0.0751,-0.02293,0.02704,-0.09795,-0.00468,0.02238,0.00667,0.02338,-0.04859,-0.01859,-0.00353,-0.00023,-0.093,0.02386,0.06388,0.02092,0.09885,-0.0074,-0.02276,0.0749,-0.01471,0.00442,0,-0.01051,-0.00851,-0.02755,0.07087,0.10992,-0.03167,0.02983,-0.00501,-0.07795,-0.02656,0.03545,0.07528,-0.04958,0.07221,0.04712,-0.07188,0.00138,0.11017,-0.09175,-0.02287,0.01041,-0.03994,-0.02868,-0.0431,-0.01379,0.03308,-0.05237,0.03763,-0.11541,0,-0.06876,-0.04921,0.054,0.02088,-0.11447,0.01491,-0.05768,-0.07897,-0.02926,-0.04003,-0.00278,0.05885,-0.09459,-0.0162,0.06168,-0.05347,-0.02374,0.08365,0.00416,-0.03401,0.05764,0.09279,0.08534,0.02591,0.04314,-0.03609,0.04199,0.05621,0.03343,0.01312,0.03905,0.05474,-0.09272,0.06614,0.03992,0.11039,0.04333,0.00816,0.01399,-0.04645,-0.10811,0.08607,0.01922,0.02996,0.04942,-0.02904,-0.04601,-0.03623,-0.00048,-0.03116,-0.04712,0.02614,0.0175,0.03245,-0.01663,-0.09052,0.07028,0.0002,-0.04565,-0.02451,0.14586,-0.04828,0.09322,-0.031,0.05405,0,-0.00196,-0.00356,-0.01116,0.05455,0.02222,-0.01985,0.00257,0.03329,0.04994,-0.11652,0.00349,-0.01994,0.00608,-0.03137,-0.01255,0.02697,-0.06905,-0.09804,-0.00075,-0.07354,0.0499,-0.03898,-0.0076,-0.01205,-0.03771,0.00229,-0.03422,0.02265,0.01287,-0.06532,0.01368,-0.06465,-0.09643,-0.04682,0.06636,-0.01943,-0.04788,0.04513,-0.02605,0.07188,-0.00341,0.01834,-0.05107,0.04945,-0.04759,0.05727,-0.07019,-0.03606,-0.04712,-0.06397,-0.04883,0.03245,-0.02243,-0.06863,-0.02393,0.02962,0.04519,0.03875,-0.01197,-0.02312,0.05993,-0.10176,-0.01191,-0.05151,0.00903,0.08838,-0.04778,-0.00396,0.03614,0.08241,0.09443,0.00925,-0.02677,-0.03026,0.01034,0.02659,0.152,-0.00485,0.03474,0.05068,-0.0941,0.09627,0.02589,0.02776,0.02033,0.02007,-0.06384,0.01116,0.04655,0.04362,-0.0459,-0.02462,0.01767,-0.00148,0.01724,0,-0.09716,0.0348,-0.04915,0.02015,0.04286,-0.01794,0.05275,0.04458,-0.05162,0.04885,0.03808,0.05282,0.03186,-0.04371,0.05709,-0.0157,-0.02406,-0.02801,-0.08088,-0.06479,-0.01376,0.05025,-0.01051,0.05487,-0.01654,-0.05689,0.00806,0.01579,-0.0027,0.03489,-0.03859,0.03009,0.05493,0.11006,-0.04186,0.04025,-0.00752,0.03502,-0.04285,-0.00046,0.03095,-0.06732,0.00911,-0.01563,-0.01093,-0.00748,0.04295,0.00999,0.00258,0.01003,-0.02466,0.01572,-0.06701,0.02598,0.06813,0.02957,-0.06523,0.01568,0.04116,-0.01096,-0.0853,0.03712,0.01747,0.01006],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Closing The two features in v18.6.0 sit at different layers of the library, but they share a theme: making the canvas behave the way real editors actually need it to behave, without forcing application code to fight the library. Reflow on Resize is about ongoing editing. v18.5.0 made it easy to put a graph on the screen with Dagre or ELK — that is layout for the initial render. v18.6.0 makes layout work while the user is actually using the editor: when nodes change size, when content streams in, when a card toggles open. That is the part that decides whether an editor feels well-built once you actually use it. Layer Ordering is about the canvas's own visual contract. The default stacking has been right for years and stays the default, but for the editors that need a different order, the choice is now a configuration call instead of a !important z-index war. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot.","excerpt":"Closing The two features in v18.6.0 sit at different layers of the library, but they share a theme: making the canvas behave the way real editors actually need it to behave, without forcing application code to fight the library. Reflow on Resize is about ongoing editing. v18.5.0 made it easy to put a graph on the screen with Dagre or ELK — that is layout for the initial render. v18.6.0 makes layout work while the user is actually using the editor: when nodes change size, when content streams in, when a card toggles open. That is the part that decides whether an editor feels well-built once you actually use it. Layer Ordering is about the canvas's own visual contract. The default stacking has been right for years and stays the default, but for the editors that need a different order, the choice is now a configuration call instead of a !important z-index war. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#18","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.09198,-0.01568,-0.03898,0.02308,0.03433,0.04839,-0.01051,0.05172,-0.00734,0.00512,-0.03636,-0.01477,-0.07781,-0.02484,-0.01529,-0.0032,-0.06905,0.056,-0.04124,0.00847,-0.01251,-0.10395,0.01111,-0.0418,-0.0088,-0.01126,-0.06982,0.00918,0.03295,-0.07664,0.04539,0.14357,-0.04777,0.03936,-0.04489,0.09413,0.0103,-0.04365,-0.0894,-0.01385,0.01963,0.07156,0.03387,-0.05346,0.01514,0.01512,0.0072,0.04732,-0.03908,0.0323,-0.00787,-0.06072,-0.04577,0.14694,0.06125,0.07932,0.03179,-0.02011,0.05416,0.04528,-0.0343,-0.01339,0.00697,0.02764,-0.05014,0.05357,-0.06644,0.02217,-0.01295,-0.00489,0.02706,0.00018,0.02472,-0.06514,0.10751,-0.01068,-0.01509,0.06558,-0.02905,-0.08045,-0.00957,0.00734,0.01962,0.01094,0.01125,-0.00182,-0.03189,-0.08108,0.02791,0.07227,-0.02571,0.05624,-0.06701,0.03826,0.06267,-0.06849,-0.05719,-0.04391,-0.02731,0.01365,0.01311,-0.03549,0.05681,0.07322,0.02787,-0.03783,-0.03062,0.07809,-0.05865,-0.01225,-0.01412,0.0171,0.06468,-0.0413,-0.03354,-0.02857,-0.02474,-0.05334,0.00087,0.00382,0.01253,0.04823,-0.02489,-0.05879,0.05921,0.03003,-0.02377,0,-0.02389,-0.01766,-0.02919,0.05796,0.09881,-0.01359,0.03847,-0.06093,-0.07376,-0.03526,-0.01664,0.04165,-0.06483,0.004,-0.02353,-0.14968,-0.04013,0.08805,-0.07288,-0.00339,0.06856,-0.02534,-0.05155,-0.05529,0.02914,0.02048,-0.07645,0.03844,-0.06108,0.02859,-0.07158,-0.01881,0.04342,-0.00558,-0.10314,0.03118,-0.04715,-0.06769,-0.06217,-0.04471,0.03398,0.01282,-0.06766,-0.05726,0.03515,-0.08836,-0.06946,0.07672,0.06554,-0.02162,0.04131,0.03039,0.0199,-0.01344,0.02196,-0.0607,-0.00573,0.08978,0.00516,0.04378,0.03781,0.06258,-0.09126,0.04178,0.07479,0.08383,0.02647,0.00221,0.01164,-0.00987,-0.08872,0.1234,0.04527,0.04187,0.03824,-0.02197,-0.04296,-0.02313,-0.02132,-0.00953,-0.05578,0.05609,0.0273,0.04176,0.00906,-0.09377,0.05177,-0.02106,-0.05539,-0.03381,0.13088,-0.04201,0.09047,-0.01761,0.02384,0,0.00348,0.03856,0.01766,0.05398,0.03973,-0.04402,0.07462,0.08275,0.03957,-0.06223,-0.01424,-0.01936,-0.00877,-0.05674,0.0324,0.00155,-0.0599,-0.14008,0.00756,-0.04349,0.0297,-0.00781,-0.00637,-0.00399,-0.026,-0.01567,-0.00042,0.06925,0.03343,-0.04282,-0.01467,-0.02606,-0.13659,0.01367,0.07063,-0.01267,-0.04374,0.0744,0.00987,0.02582,0.04705,0.02475,-0.1243,-0.01634,-0.01869,0.07405,-0.00168,-0.04806,-0.05027,-0.03712,-0.03711,0.0502,-0.03151,-0.01541,-0.01623,0.09784,0.06424,0.01703,-0.01906,-0.01592,0.05398,-0.10639,0.00499,-0.02641,0.05419,0.04494,-0.01606,0.02034,0.02463,0.06073,0.11603,0.03985,0.01904,0.019,0.03974,-0.0099,0.05608,0.01963,0.04792,0.06342,-0.05442,0.09124,0.00974,0.12339,0.0667,0.044,-0.07345,0.03414,0.06489,0.02761,-0.05649,-0.06724,0.05818,0.0065,-0.01625,0,-0.12515,0.00156,-0.05942,0.01915,0.04197,0.00849,0.01989,0.05695,-0.05761,0.00244,0.01028,0.08553,0.07131,-0.02011,0.01905,-0.03196,-0.02544,-0.02776,-0.03874,-0.10771,-0.04697,0.01983,0.01728,0.10163,-0.01175,-0.07089,-0.03696,0.01482,0.00572,-0.02496,-0.04645,0.02649,0.05245,0.1034,-0.02845,0.08243,-0.0622,0.09984,-0.06591,-0.00181,0.01682,-0.03223,0.01117,-0.01942,-0.01246,0.01023,0.00487,0.02364,-0.0319,-0.0278,-0.00335,0.04305,-0.01486,0.03451,0.06406,0.01478,-0.0786,-0.01743,0.0506,0.00207,-0.1064,0.06686,0.01162,0.02561],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.6.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Reflow on Resize example: <https://flow.foblex.com/examples/reflow-on-resize - Canvas Layers example: <https://flow.foblex.com/examples/canvas-layers - Roadmap: <https://flow.foblex.com/docs/roadmap","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.6.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Reflow on Resize example: <https://flow.foblex.com/examples/reflow-on-resize - Canvas Layers example: <https://flow.foblex.com/examples/canvas-layers - Roadmap: <https://flow.foblex.com/docs/roadmap"},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#0","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.13613,0.01482,-0.01031,-0.01812,0.07811,-0.00745,-0.08554,0.03216,0.00045,-0.01585,-0.06703,0.02035,-0.13389,-0.03721,0.07583,-0.00198,0.02859,-0.03216,-0.01851,0.03728,-0.0222,-0.00613,-0.05376,0.01782,-0.00863,0.02929,-0.05319,-0.02084,0.01856,-0.07127,0.08101,0.16491,-0.0207,-0.01105,-0.0541,0.07353,0.05832,-0.02159,-0.08232,-0.0408,0.03387,0.03301,-0.02607,0.0211,-0.01392,-0.06959,-0.0184,-0.06057,-0.06229,0.05049,-0.03945,-0.1103,-0.00635,-0.01282,0.00254,-0.00241,0.01973,-0.00958,-0.03514,0.03276,-0.02186,-0.02703,-0.03261,0.03978,-0.00222,0.05215,-0.00669,-0.03845,0.03724,-0.07386,-0.10293,-0.01597,0.04948,-0.06153,-0.01076,-0.00691,0.02438,-0.01775,0.05869,-0.11666,0.04604,0.05102,0.02904,0.02283,-0.05997,0.04105,0.0281,-0.03459,0.01431,-0.00289,-0.01095,0.02299,0.12121,0.04712,0.04459,0.00583,-0.00627,-0.03335,-0.03886,0.03386,-0.01558,-0.0289,0.0757,0.0128,-0.08044,-0.03858,0.01444,0.03024,-0.02261,-0.01264,-0.02835,0.01434,-0.01925,-0.11608,-0.04526,-0.07578,-0.07972,-0.08308,0.11087,0.01935,-0.01074,0.05789,0.071,0.01583,0.03408,-0.00696,-0.0551,0,-0.04244,0.04566,-0.06272,0.05809,0.06128,-0.07764,0.03882,-0.01979,-0.03133,-0.00597,0.05639,0.08292,-0.06719,0.03436,0.06482,-0.08127,-0.08091,0.10908,0.05795,0.03931,0.05525,-0.02068,-0.01993,-0.00583,0.04023,0.09974,-0.00014,0.0308,-0.05729,0.0257,-0.00195,-0.00809,0.032,-0.01924,-0.03236,0.01655,-0.08525,-0.06489,-0.04232,-0.01785,-0.01838,0.04069,-0.05822,-0.00953,0.07137,-0.0041,-0.04471,0.02387,0.07587,-0.01084,-0.01923,0.05381,0.04748,0.08677,0.04617,-0.09544,-0.0124,-0.00757,0.06515,0.05021,0.04094,0.08603,-0.04579,-0.01135,-0.00003,0.05779,0.07756,0.00482,0.0117,-0.00082,-0.05924,0.05139,-0.01479,0.02228,0.08399,-0.0293,0.01552,0.00756,-0.00251,0.00381,-0.03576,0.03524,-0.00203,0.02437,0.05952,-0.04206,0.04025,-0.03152,-0.05565,0.00405,0.094,-0.07813,-0.01222,0.03566,0.07693,0,0.03063,-0.03001,-0.05036,0.02424,-0.0259,-0.00339,0.01515,0.02006,0.08731,-0.00759,-0.01043,0.06848,0.02313,0.00274,0.00855,-0.04102,-0.04508,-0.13148,0.03792,-0.0404,0.05027,0.05069,-0.07813,-0.01608,-0.00116,0.02219,0.01604,-0.01117,-0.0151,-0.05341,0.01541,0.00297,-0.00775,-0.10193,-0.00231,-0.00286,-0.03493,0.02133,-0.0618,-0.05617,-0.01076,0.03266,-0.05045,0.05041,-0.08668,0.0392,-0.07313,-0.01648,0.06198,0.00578,-0.04201,0.01205,-0.02718,-0.08517,-0.06058,0.01684,0.06776,0.06548,-0.08274,0.06586,0.0509,0.03002,0.0005,-0.02861,0.04291,0.04316,-0.05682,0.01292,-0.0144,0.11105,0.03819,0.00656,-0.09021,-0.03513,0.03602,0.09623,0.1288,0.0175,0.03292,0.0036,-0.05253,0.07176,0.03681,0.06917,0.05695,-0.08811,-0.05773,-0.09809,0.04465,0.04981,-0.04528,0.00787,-0.05412,0.0865,-0.006,0,0.00269,0.01689,-0.07084,-0.00601,0.02352,0.05396,-0.0579,0.05668,-0.02004,0.05307,0.00553,0.03221,-0.05917,0.01059,0.05516,0.03555,-0.05567,0.00695,-0.08638,-0.0772,-0.02019,0.06542,0.03689,-0.02101,-0.01511,-0.03273,0.04026,-0.00079,0.07485,0.02546,-0.00893,0.09401,0.03633,0.05375,0.03414,0.01188,-0.0676,0.11034,-0.01816,0.0306,-0.02899,-0.07858,-0.01845,-0.02232,-0.00238,0.02499,-0.10471,-0.04469,-0.03798,-0.02053,-0.12068,0.03241,-0.07305,0.09421,0.02867,0.05759,-0.02063,-0.05945,0.09546,0.00805,-0.02794,-0.03412,0.09407,0.03469],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0 is a platform release. It turns several pieces of internal infrastructure into clearer public building blocks that are easier to adopt, reason about, and reuse in real Angular products. Today I'm shipping v18.5.0. This release makes layout engines a first-class package story with Dagre and ELK adapters, adds explicit fNodesRendered and fFullRendered lifecycle outputs, promotes major demos into standalone reference apps, and tightens the portal/docs toolchain around that broader surface. f Nodes Rendered f Full Rendered","excerpt":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0 is a platform release. It turns several pieces of internal infrastructure into clearer public building blocks that are easier to adopt, reason about, and reuse in real Angular products. Today I'm shipping v18.5.0. This release makes layout engines a first-class package story with Dagre and ELK adapters, adds explicit fNodesRendered and fFullRendered lifecycle outputs, promotes major demos into standalone reference apps, and tightens the portal/docs toolchain around that broader surface."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#1","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.14822,0.01778,-0.05083,0.02854,0.06917,-0.01892,-0.09098,0.03999,0.01632,-0.00483,-0.09403,0.04155,-0.09116,-0.06101,0.06617,-0.0265,0.07761,-0.04904,-0.02757,0.01982,-0.03918,-0.07019,-0.0571,-0.0326,0.0232,0.02746,-0.03842,0.00518,0.05606,-0.08586,0.06256,0.12788,-0.01495,0.00889,-0.08031,0.05476,0.00808,-0.01852,-0.11375,-0.07711,0.03015,0.05407,-0.01934,0.00742,-0.06202,-0.07462,-0.02305,-0.07273,-0.11202,0.04711,-0.03119,-0.05216,0.01696,0.04878,-0.00548,0.01527,0.00338,-0.01659,-0.03287,0.06053,-0.02213,-0.03711,-0.0066,0.04825,0.01234,0.05743,-0.05817,-0.05946,0.01596,-0.05021,-0.06629,-0.01392,0.0164,-0.11475,0.0527,-0.01351,-0.01713,-0.00952,0.01827,-0.10811,0.07191,0.08643,0.02142,0.01508,-0.04171,0.05031,0.03984,-0.06021,0.01214,-0.01095,0.01502,0.04703,0.04903,0.05651,0.03429,-0.04083,0.00841,-0.00564,-0.03287,0.04271,0.02504,-0.03153,0.08146,0.04265,-0.03051,-0.07554,0.01726,0.08446,-0.08151,-0.01024,-0.01812,0.02483,0.00822,-0.07578,-0.04721,-0.0884,-0.0637,-0.07784,0.09948,0.07901,0.01182,0.05148,0.03215,0.00028,0.06923,-0.0098,-0.02484,0,-0.00527,0.03467,-0.07727,0.03119,0.07995,-0.02775,0.03515,-0.00303,0.0327,0.00115,0.05548,0.05642,-0.05033,0.04489,0.02634,-0.08162,-0.04008,0.08752,-0.00584,0.03243,0.04625,-0.01873,-0.05261,-0.03515,0.03369,0.13087,-0.01722,0.07577,-0.1477,0.04632,-0.00139,-0.02345,0.00918,0.027,-0.05347,0.02441,-0.05277,-0.107,-0.03474,0.00647,-0.05679,0.0317,-0.0389,-0.04318,-0.00897,-0.03114,-0.05995,0.06143,0.03326,0.03035,-0.00248,0.07079,0.05375,0.06144,0.02009,-0.06337,-0.05575,0.02705,0.09059,0.07735,0.02816,0.05352,-0.09036,-0.00078,-0.0379,0.04934,0.09089,-0.01149,0.00488,-0.01051,-0.06843,0.03968,0.03344,0.01516,0.07052,-0.00888,0.00178,-0.01217,-0.03174,0.00727,-0.0142,0.03885,-0.04414,0.02136,0.06546,-0.06381,0.0274,-0.03634,-0.10564,0.00586,0.07141,-0.0468,0.04381,-0.01677,0.08164,0,0.02695,-0.016,-0.07451,0.01098,0.01147,-0.01723,0.05832,0.04069,0.09144,-0.03377,-0.00498,0.09313,-0.01251,-0.0252,-0.05853,-0.00512,-0.05118,-0.10419,0.05267,-0.05986,0.05684,0.0502,-0.04798,-0.02832,-0.05231,0.05545,0.04227,0.01734,-0.00492,-0.01814,0.0426,0.01193,-0.02605,-0.02666,-0.01938,0.00344,-0.04138,0.04243,-0.0409,-0.06548,0.0212,0.02383,-0.01821,0.07787,-0.06625,0.03917,-0.10594,-0.09138,0.03332,-0.01526,-0.04498,0.0423,-0.04057,-0.02583,-0.09299,-0.01614,0.06043,0.05978,-0.06917,0.05981,0.07213,0.02216,-0.00464,-0.01228,0.0451,0.02006,-0.05133,-0.00216,0.05418,0.10928,0.04536,-0.00024,-0.05537,0.01433,0.05834,0.0865,0.12887,-0.04213,0.03275,0.06393,-0.08633,0.05342,0.0076,0.04194,0.06888,-0.04278,-0.11119,-0.04738,0.0056,0.01741,-0.04857,0.01265,-0.02703,0.05026,-0.03275,0,-0.02536,0.01682,-0.03964,0.02441,0.01166,-0.0045,-0.00452,0.0492,-0.02325,0.01145,-0.02961,0.03299,-0.0286,-0.01977,0.07277,0.01083,-0.01398,-0.00166,-0.0915,-0.08099,-0.03049,0.05966,-0.04272,-0.00363,0.01271,0.02006,0.0446,0.04193,0.06946,0.04928,-0.00674,0.07339,0.0486,0.02069,-0.00306,0.02702,-0.02771,0.04326,-0.02037,0.01874,0.00133,-0.05711,0.01572,-0.00565,0.00575,0.05458,-0.06876,-0.03565,-0.04009,-0.01469,-0.0688,0.0381,-0.08685,0.09804,0.04329,-0.02611,0.00483,-0.03535,0.11714,0.01843,-0.00832,-0.00213,0.07016,0.03749],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Highlights - 🧭 Layout engines are now a real integration story with @foblex/flow-dagre-layout, @foblex/flow-elk-layout, and dedicated manual plus auto-layout examples. - ⏱️ Render lifecycle is now explicit with separate fNodesRendered and fFullRendered outputs instead of one implicit post-render moment. - 🧱 Reference apps were fully rebuilt as standalone Angular apps with richer CRUD flows, filtering, custom layouts, embedded forms, and stronger product-style UX. - 🧪 Portal and regression coverage were hardened around prerendering, embedded-page verification, and interaction-heavy Cypress scenarios. - 🧵 The connection-worker path was improved and decomposed into smaller redraw/runtime pieces instead of staying as one larger internal block. f Nodes Rendered f Full Rendered","excerpt":"Highlights - 🧭 Layout engines are now a real integration story with @foblex/flow-dagre-layout, @foblex/flow-elk-layout, and dedicated manual plus auto-layout examples. - ⏱️ Render lifecycle is now explicit with separate fNodesRendered and fFullRendered outputs instead of one implicit post-render moment. - 🧱 Reference apps were fully rebuilt as standalone Angular apps with richer CRUD flows, filtering, custom layouts, embedded forms, and stronger product-style UX. - 🧪 Portal and regression coverage were hardened around prerendering, embedded-page verification, and interaction-heavy Cypress scenarios. - 🧵 The connection-worker path was improved and decomposed into smaller redraw/runtime pieces instead of staying as one larger internal block."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#2","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.14393,0.02706,-0.03592,0.01153,0.03064,0.00727,-0.07314,0.02386,0.01624,-0.00618,-0.09024,0.00037,-0.1195,-0.02686,0.07368,-0.04794,0.04763,-0.01581,-0.01943,0.02844,-0.01757,-0.02201,-0.04129,-0.02686,-0.01859,0.02681,0.00526,0.00073,0.00137,-0.13201,0.09193,0.12521,0.03392,0.05169,-0.05376,0.05133,0.00954,-0.01277,-0.08192,-0.08225,0.04782,0.0567,0.00819,0.00653,-0.03499,-0.04715,-0.10565,-0.06561,-0.06196,0.0423,-0.0609,-0.04264,0.0073,0.04215,0.01093,0.05862,0.04843,0.01691,-0.04301,0.0326,0.02067,-0.0411,-0.02011,0.04997,-0.03862,0.04561,-0.03368,0.0094,0.00612,-0.074,-0.0715,-0.02584,0.00554,-0.11064,0.05942,-0.01027,0.03261,-0.01192,0.05235,-0.10695,0.03404,0.12179,0.01624,0.01749,-0.04908,0.01945,0.02666,-0.04342,0.00192,-0.01958,-0.03165,-0.01766,0.00511,0.02373,0.04602,0.01057,-0.00623,-0.04874,-0.08589,0.03748,0.03313,-0.02695,0.06944,0.05066,-0.00518,-0.07483,0.00267,0.06339,-0.05226,-0.01566,-0.02677,0.03127,-0.00083,-0.04866,-0.05156,-0.07896,-0.06124,-0.07333,0.10875,0.0542,0.02424,0.02273,0.03788,0.0355,0.02843,-0.00159,0.00695,0,-0.00759,0.01291,-0.09004,0.05387,0.08216,-0.03266,0.01169,-0.0105,0.00022,0.03309,0.00334,0.06425,-0.07141,0.07693,0.0272,-0.06774,-0.06967,0.11598,0.03472,0.02488,0.0854,-0.01272,-0.04821,-0.01472,0.06352,0.09935,-0.03276,0.02579,-0.11703,0.0328,-0.02184,-0.05344,0.05465,-0.014,-0.0594,-0.00503,-0.08923,-0.07196,-0.04333,-0.00831,0.01453,0.00427,-0.05965,-0.05214,-0.01065,0.02793,-0.03633,0.06112,0.05761,0.00761,0.00291,0.02912,0.08708,0.0623,0.1059,-0.08105,-0.02324,0.02354,0.09674,0.04598,0.03048,0.09921,-0.07381,0.01923,-0.0019,0.0399,0.07483,0.00341,0.02444,-0.0224,-0.0813,0.06066,-0.0129,0.03721,0.00734,-0.03038,-0.00156,-0.01632,-0.01172,0.05856,-0.05258,0.03191,0.00695,0.04655,0.04708,-0.01106,0.08064,-0.01265,-0.08832,-0.01118,0.06768,-0.0408,-0.00549,-0.01867,0.1259,0,0.02872,-0.01389,-0.04612,-0.02884,0.00101,-0.0211,0.05772,0.04705,0.07102,-0.01338,-0.03088,0.08601,0.01885,-0.03694,0.01522,-0.0244,-0.08454,-0.08854,0.07089,-0.00088,0.04254,0.04615,-0.11087,-0.01892,0.03185,0.00747,0.02239,0.0535,-0.04532,-0.02377,0.04696,0.00461,-0.02573,-0.02975,-0.03827,-0.0048,-0.05147,0.08683,-0.07081,-0.03584,-0.00421,0.02743,-0.05562,0.07388,-0.08763,0.06217,-0.03299,-0.0388,0.00419,0.00179,-0.06147,-0.00731,-0.01191,-0.04063,-0.06549,0.03674,0.05648,0.04941,-0.07538,0.0272,0.0742,-0.00462,0.01068,-0.05025,0.02362,0.01297,-0.06397,-0.02756,-0.0098,0.11696,0.02176,0.01931,-0.02985,-0.00079,0.08911,0.10505,0.07616,0.01232,0.06789,0.00323,-0.11802,0.04426,0.02853,0.08009,0.06366,-0.04791,-0.09493,0.00794,0.05682,0.08356,-0.07871,0.00527,-0.02164,0.06346,-0.04521,0,-0.0075,-0.00688,-0.0459,-0.03269,-0.02231,0.05497,0.00855,0.02185,-0.03137,0.02978,-0.03208,0.06306,-0.05689,0.03741,0.02548,0.0318,0.00883,0.00819,-0.08061,-0.06414,-0.00025,0.0447,0.0049,-0.00691,0.01598,-0.00263,0.0027,-0.01037,0.06399,0.02585,-0.00454,0.04773,0.05705,0.06584,0.01732,0.04433,-0.03012,0.07043,-0.03103,-0.04084,0.01132,-0.0851,0.0004,-0.02334,0.00832,0.06039,-0.04562,-0.02517,-0.04322,-0.0001,-0.10438,0.02151,-0.1003,0.09899,0.04239,0.03419,-0.00339,-0.03333,0.11953,-0.0324,-0.05661,0.04699,0.06535,-0.00755],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Layout Engines Are Now a First-Class Story The biggest structural addition in v18.5.0 is layout. Instead of treating auto-layout as a one-off example pattern, the release formalizes it as a proper Flow capability: - @foblex/flow provides the shared layout integration surface - @foblex/flow-dagre-layout ships a Dagre adapter - @foblex/flow-elk-layout ships an ELK adapter - examples now show both manual and auto layout modes for both engines That makes the layout story much easier to explain and much easier to copy into a real application. That small provider-level API is the real point of the release. Layout is no longer just \"something you can wire up if you know the internals.\" It is now part of the supported integration model. ::: ng-component <dagre-layout-auto</dagre-layout-auto [height]=\"700\" :::","excerpt":"Layout Engines Are Now a First-Class Story The biggest structural addition in v18.5.0 is layout. Instead of treating auto-layout as a one-off example pattern, the release formalizes it as a proper Flow capability: - @foblex/flow provides the shared layout integration surface - @foblex/flow-dagre-layout ships a Dagre adapter - @foblex/flow-elk-layout ships an ELK adapter - examples now show both manual and auto layout modes for both engines That makes the layout story much easier to explain and much easier to copy into a real application. That small provider-level API is the real point of the release. Layout is no longer just \"something you can wire up if you know the internals.\" It is now part of the supported integration model. ::: ng-component <dagre-layout-auto</dagre-layout-auto [height]=\"700\" :::"},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#3","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.0962,0.00419,-0.0093,0.02063,0.04894,0.02195,-0.07287,0.00832,0.08754,0.00857,-0.10677,-0.03342,-0.09614,-0.05825,0.0306,-0.03219,0.08435,-0.07925,-0.0001,0.00238,0.01104,-0.09956,-0.08085,-0.02207,0.00043,0.02414,-0.07669,-0.02606,0.01561,-0.00673,0.04863,0.13935,0.00273,0.02867,-0.05496,0.08503,0.06979,-0.08696,-0.11504,0.01712,0.06347,0.0128,-0.05013,0.0104,-0.01144,-0.02542,0.04093,-0.07389,-0.12363,0.03448,-0.02152,-0.05602,0.00328,0.01654,0.00553,0.06682,0.02196,-0.01713,-0.03198,0.03394,-0.0417,-0.06082,0.006,0.01132,0.03259,0.04965,0.01027,-0.05425,0.06894,-0.06929,-0.00027,0.00869,0.00797,-0.0919,-0.01554,-0.0057,0.0586,-0.01024,-0.02721,-0.13996,0.06065,0.05271,-0.02342,0.01235,-0.06767,0.07585,-0.00553,-0.00089,-0.00379,0.04897,-0.07616,0.02599,-0.0803,-0.02356,0.034,-0.00597,-0.03653,-0.01822,0.00485,0.00947,0.01505,-0.01647,0.06903,0.00782,0.02119,-0.05811,0.00895,0.08934,-0.06354,-0.01409,0.00561,0.0162,0.04824,-0.05995,-0.0215,0.0148,-0.01261,-0.02909,0.11275,0.07511,0.0385,0.02087,0.04646,-0.0127,0.04949,-0.03749,-0.00952,0,-0.02999,-0.07731,0.04856,0.02221,0.08932,-0.04252,0.0217,-0.05068,0.01708,-0.04653,0.01708,-0.00252,-0.03925,0.01926,-0.02534,-0.09678,-0.03765,0.0499,-0.00846,0.03815,0.0744,-0.08424,-0.08763,-0.05589,0.03774,0.075,-0.00841,0.06034,-0.07663,0.0082,-0.04132,-0.00304,0.02557,-0.001,-0.0458,-0.00888,-0.08293,-0.05521,-0.01349,-0.0419,-0.0629,0.05745,-0.0771,0.01947,-0.00731,-0.04367,-0.10262,0.05142,0.0215,0.03098,0.06264,0.0789,0.08456,-0.01994,0.02004,-0.0103,0.01368,0.04441,0.01447,0.05584,0.05977,0.03755,-0.12425,-0.01021,0.03534,0.11105,0.03686,0.04239,-0.00381,-0.04841,-0.10607,0.09423,-0.0071,0.01041,0.0783,0.00668,0.01656,-0.02572,-0.02662,0.0249,-0.03098,-0.01449,-0.03075,0.04063,0.07043,-0.03555,0.02669,-0.00502,-0.11577,0.00355,0.08355,-0.03082,0.1026,-0.00255,0.02434,0,0.0405,-0.0318,-0.08117,0.02858,0.07318,-0.02588,0.02871,0.01002,0.06319,-0.02008,0.01529,0.07828,-0.04056,-0.03697,-0.04538,-0.01799,-0.00071,-0.07121,0.05285,-0.01984,0.056,0.00764,-0.04387,-0.05999,-0.06919,0.00885,0.02672,0.01527,-0.04151,-0.06261,0.02494,-0.0042,-0.01796,-0.07619,0.0098,0.01238,-0.05825,0.01136,-0.00929,0.00156,-0.00037,0.01883,-0.06261,0.05628,-0.07563,0.05032,-0.06967,-0.07087,0.00447,0.03995,-0.0735,0.06915,-0.06252,-0.0095,-0.00786,-0.01718,0.03768,0.0282,-0.01411,0.04179,0.04183,-0.0157,0.03931,-0.07034,0.06105,0.01805,-0.04235,0.00893,0.07252,0.09199,0.10956,-0.00161,-0.12226,0.04528,0.02872,0.01649,0.06229,0.00431,0.03805,0.09019,-0.08571,0.05877,-0.00503,0.08304,0.0869,-0.04003,-0.03582,-0.0494,0.04009,0.05655,-0.03437,0.00668,-0.0422,0.07142,-0.09505,0,-0.04449,-0.02766,-0.04808,0.01087,0.01751,0.02865,0.00337,0.03365,-0.01542,-0.02247,0.06041,0.03902,0.0416,-0.05468,0.06964,0.00963,-0.01518,-0.07122,-0.07671,-0.0536,-0.03934,0.01839,-0.05329,0.01296,0.00294,-0.01292,0.0759,0.05989,0.01952,0.01971,-0.01913,0.05902,0.0118,0.0643,-0.00722,0.04022,-0.03905,0.05837,0.00455,0.0543,0.00263,-0.02848,-0.01034,-0.01861,0.0375,0.05277,-0.0338,-0.00551,-0.08489,0.02273,-0.05909,0.03201,-0.12731,0.11949,0.05953,-0.01426,0.01453,-0.06025,0.12239,0.04794,-0.04411,0.04301,0.0758,0.02092],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Render Lifecycle Is Now Explicit v18.5.0 also makes Flow render timing easier to reason about. Before this release, post-render orchestration often depended on one broader \"the flow is probably ready now\" moment. That was workable, but it was not very expressive when an application needed to distinguish between: - nodes being rendered and measurable - connections being redrawn and the scene being fully ready This release introduces two explicit outputs: - fNodesRendered - fFullRendered That gives application code a cleaner place to hook tasks like: - fit-to-flow or centering after the node tree exists - screenshots or external synchronization after connections are also ready - onboarding or guided interactions that should wait for the full scene This is the kind of API change that removes timing guesswork rather than adding another workaround for it. f Nodes Rendered f Full Rendered","excerpt":"Render Lifecycle Is Now Explicit v18.5.0 also makes Flow render timing easier to reason about. Before this release, post-render orchestration often depended on one broader \"the flow is probably ready now\" moment. That was workable, but it was not very expressive when an application needed to distinguish between: - nodes being rendered and measurable - connections being redrawn and the scene being fully ready This release introduces two explicit outputs: - fNodesRendered - fFullRendered That gives application code a cleaner place to hook tasks like: - fit-to-flow or centering after the node tree exists - screenshots or external synchronization after connections are also ready - onboarding or guided interactions that should wait for the full scene This is the kind of API change that removes timing guesswork rather than adding another workaround for it."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#4","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.12903,0.00634,-0.02892,-0.00395,0.01625,0.02349,-0.11374,0.04061,0.08807,0.01537,-0.10482,0.00748,-0.08734,-0.02483,0.09835,0.03971,0.0014,-0.0594,-0.00555,0.06158,-0.00682,-0.00718,-0.03416,0.00421,0.0426,0.06123,-0.03662,0.02746,0.03836,-0.08741,0.03083,0.16768,0.00664,0.00664,-0.06302,0.10226,0.01038,-0.00984,-0.09861,-0.08956,0.04284,0.06449,0.00418,0.01543,-0.05406,-0.0565,-0.0555,-0.05848,-0.07468,0.07759,-0.07261,-0.10185,-0.03222,0.01618,0.03023,0.04236,0.02468,-0.01802,0.0246,0.02174,0.00403,0.0252,0.005,0.06526,-0.05851,0.06799,-0.05763,0.01053,0.02624,-0.06787,-0.05195,-0.04156,0.02997,-0.08075,0.03469,-0.00493,-0.03985,0.01461,0.02275,-0.12297,0.05618,0.02878,-0.00931,0.07486,-0.02337,0.08112,0.05352,-0.08941,0.04857,0.00791,0.01363,-0.00528,0.07617,-0.01442,0.04545,-0.02826,-0.01493,-0.03551,-0.0519,0.0284,0.01395,-0.01778,0.11437,-0.01669,-0.0294,-0.05889,0.02284,0.0102,-0.10753,-0.01499,-0.04291,0.01183,0.00464,-0.06116,-0.05741,-0.08659,-0.02724,-0.10856,0.08913,0.09497,0.00285,0.0548,0.00377,0.02332,0.0149,-0.00126,-0.04343,0,0.03338,0.01327,-0.02771,0.08446,0.103,-0.05047,0.01185,0.00405,-0.0228,-0.02901,0.09454,0.07086,-0.06378,0.0407,0.03139,-0.04229,-0.06706,0.11176,-0.01415,-0.03096,-0.03016,0.01936,-0.04786,-0.0127,0.02314,0.16473,-0.01043,0.03093,-0.10828,0.00412,0.00676,-0.0234,0.04346,0.01616,-0.04531,0.03821,-0.02785,-0.07221,0.0031,0.01755,-0.03736,0.0147,-0.05895,0.00356,0.00428,0.00171,-0.04525,0.06762,0.06883,0.02195,-0.0005,0.07381,0.07415,0.08572,0.02762,-0.09642,-0.03495,0.05715,0.05122,0.02558,0.0057,0.11727,-0.07316,0.02642,-0.01464,0.07703,-0.00192,-0.03943,0.06223,-0.0264,-0.06563,0.04498,0.00048,0.04564,0.03157,-0.07179,-0.02766,-0.06148,-0.03221,0.01937,-0.02966,0.01326,-0.01981,0.01413,0.03558,-0.06303,0.05086,-0.04441,-0.09625,0.01208,0.07104,-0.06162,-0.00168,0.03589,0.07991,0,-0.00442,-0.04538,-0.007,0.04107,0.02529,-0.03627,0.01014,0.04819,0.0705,-0.00056,0.02456,0.05396,0.01843,-0.03809,-0.0152,-0.01242,-0.02522,-0.10107,0.05954,-0.03748,0.10684,0.01304,-0.02832,-0.01212,-0.0515,0.03184,0.0346,-0.03875,0.01711,-0.06495,0.01113,-0.04863,-0.02016,-0.06494,-0.01898,-0.05496,-0.04173,0.06936,-0.02756,-0.08212,0.00402,0.03872,-0.00616,0.06923,-0.04458,0.05244,-0.06296,-0.01692,0.0432,-0.05749,-0.06128,-0.0163,-0.03173,-0.08396,-0.03662,0.02562,0.10056,0.01974,-0.04676,0.02336,0.01538,0.00625,-0.00153,-0.04304,0.05665,0.08992,-0.05112,-0.00341,-0.0225,0.07523,0.03563,0.01192,-0.08375,-0.02921,0.04711,0.08212,0.12696,0.01207,0.0329,0.00535,-0.0674,0.05175,0.05516,0.02147,0.03951,-0.01063,-0.06928,-0.02364,0.02646,0.06115,-0.08901,0.02859,0.0217,0.04523,-0.02481,0,-0.0573,0.01119,-0.04362,-0.00874,-0.01725,-0.01268,-0.01866,0.04234,0.01101,0.03488,-0.03384,0.05736,-0.06456,-0.039,0.05847,0.02869,-0.03875,0.02434,-0.06719,-0.07355,-0.00371,0.03559,0.01958,0.03848,0.02001,0.0018,-0.01135,0.01274,0.03248,0.01582,-0.01386,0.07719,0.08793,0.08569,-0.00134,-0.04316,-0.05201,0.04447,-0.01635,-0.00113,-0.00174,-0.08007,-0.02039,-0.03728,0.01187,0.04458,0.00996,0.00334,-0.042,-0.03472,-0.10852,0.01513,-0.09697,0.01395,0.00007,0.05067,0.03063,-0.04716,0.10726,-0.02204,-0.00636,0.01809,0.03774,0.02568],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Reference Apps Were Rebuilt, Not Just Moved The reference-app work in v18.5.0 is much bigger than a workspace reorganization. These demos were not just copied into apps/example-apps/. They were rebuilt into fuller product-style examples that can be built, served, embedded, documented, and explored as real Angular applications. That includes: - Schema Designer - UML Diagram - Tournament Bracket - Call Center Flow Each one now demonstrates a different kind of editor problem:","excerpt":"Reference Apps Were Rebuilt, Not Just Moved The reference-app work in v18.5.0 is much bigger than a workspace reorganization. These demos were not just copied into apps/example-apps/. They were rebuilt into fuller product-style examples that can be built, served, embedded, documented, and explored as real Angular applications. That includes: - Schema Designer - UML Diagram - Tournament Bracket - Call Center Flow Each one now demonstrates a different kind of editor problem:"},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#5","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.05795,0.01342,-0.05049,-0.02025,0.00492,0.02965,-0.066,0.03445,0.02348,-0.0007,-0.11073,-0.06074,-0.06185,-0.04407,0.03493,0.02882,0.02085,-0.02503,-0.0028,0.01836,0.04912,-0.04874,-0.0341,-0.04876,-0.02974,0.04644,-0.0004,0.01589,-0.00635,-0.11338,0.05198,0.12516,0.06773,0.03761,-0.04066,-0.00261,0.05226,-0.03235,-0.10153,-0.0583,-0.02139,-0.00111,0.02142,0.04662,-0.02503,-0.01088,-0.02701,-0.06542,-0.0539,0.086,-0.06438,-0.10263,-0.02543,0.05957,0.02093,0.0965,-0.01503,-0.04945,0.00037,-0.01098,-0.00577,0.00267,-0.02176,0.06621,-0.04854,0.05915,-0.08197,0.01137,0.09607,-0.09901,-0.03739,-0.04012,0.03035,-0.04498,0.04387,0.03317,0.02514,0.00585,0.03614,-0.1672,-0.0151,0.0771,-0.0209,0.04175,-0.00497,0.02735,0.04686,-0.06499,0.01435,0.04938,-0.00654,0.01698,0.0476,-0.06642,0.03804,-0.00468,0.00993,-0.09924,-0.00286,0.0484,0.02394,0.00088,0.0626,-0.02001,-0.07218,-0.06657,-0.00183,0.0651,-0.10747,-0.03652,-0.0666,0.01212,0.00443,-0.09592,-0.01122,-0.06244,-0.04148,-0.07322,0.11343,0.03365,0.00812,0.02711,-0.0062,0.03752,0.02598,0.01835,-0.07891,0,0.00825,-0.00985,-0.06633,0.08687,0.0824,-0.00793,0.06353,-0.01635,-0.05626,0.01408,0.03556,0.07766,-0.08238,0.06499,0.04958,-0.08161,-0.03199,0.07034,-0.00267,-0.01618,0.02206,-0.007,-0.02599,0.00005,0.11635,0.13409,-0.03619,0.05571,-0.07574,0.03472,-0.04553,-0.06697,0.03225,-0.02156,-0.04,0.06948,-0.05916,-0.06042,0.03353,0.01552,-0.05309,-0.01051,-0.07168,-0.04643,0.00735,-0.00872,-0.07693,0.04015,0.05599,0.03118,0.03896,-0.00905,0.09241,0.06298,0.04065,-0.06518,-0.05136,0.06425,0.01001,0.05152,0.00973,0.11969,-0.09067,0.02479,-0.00241,0.05967,0.02715,-0.01825,0.08286,-0.0279,-0.08246,0.09564,0.04613,0.00202,0.0198,-0.05027,-0.03096,-0.08522,-0.05162,0.05047,-0.08871,0.01884,-0.01178,0.01704,0.05846,-0.02707,0.07921,-0.0048,-0.11962,-0.01197,0.09228,-0.06488,0.00389,0.04064,0.06647,0,0.00381,-0.03747,0.01465,0.02929,0.05083,-0.02362,0.06017,0.01306,0.05903,-0.00647,0.01585,0.0484,-0.00294,-0.079,-0.00842,-0.01791,-0.05802,-0.08902,0.03952,-0.00411,0.0301,0.05032,-0.0299,-0.01739,-0.046,0.01094,0.0252,0.0026,0.02724,-0.03741,0.02268,-0.04034,-0.00209,-0.04722,0.02227,-0.09098,-0.00019,0.06482,-0.01289,-0.01304,-0.00434,0.01465,-0.03724,0.05092,-0.03637,0.09701,-0.0385,-0.01399,0.01401,-0.03419,-0.03912,-0.03146,-0.04464,-0.05697,-0.02457,0.01892,0.07361,0.06215,-0.02485,0.04068,0.02054,-0.01603,0.03667,0.01331,0.05684,0.01963,-0.05595,0.03549,-0.06037,0.05835,0.03665,-0.00066,-0.07839,0.00059,0.08001,0.00278,0.06174,0.02632,0.06031,0.07555,-0.08249,0.06896,0.0404,0.06172,0.06733,0.01396,-0.05881,0.03367,0.05745,0.04187,-0.0955,0.0348,0.00921,0.03515,-0.05778,0,-0.0453,-0.04021,-0.01323,-0.00753,-0.0231,0.05549,0.0009,0.07011,-0.03047,-0.01285,0.06324,0.06347,-0.05811,-0.03639,0.06118,-0.00892,-0.00373,0.0385,-0.04074,-0.10812,-0.00086,0.04473,0.00334,0.0612,0.02351,-0.01011,-0.03055,0.00163,0.04329,0.01886,0.04341,0.05079,0.09951,0.06383,0.01018,0.04558,-0.05042,0.06213,-0.04996,0.04343,0.0261,-0.04778,-0.01727,-0.01254,0.00621,0.0692,-0.01566,-0.03584,-0.06565,-0.08188,-0.10888,0.04063,-0.08122,0.06179,-0.02747,0.04601,0.01977,-0.04451,0.12577,-0.01723,-0.01361,0.05036,0.00388,0.01446],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. - Schema Designer shows table and column CRUD, inline editing, relation creation and reassignment, relation-cardinality editing, and target-aware context menus. - UML Diagram shows grouped architecture maps with layer filters, relation-kind filters, search, selection-driven detail panels, and UML-style markers. - Tournament Bracket shows a domain-specific custom layout engine, multiple bracket modes, selective branch visibility, path highlighting, and stats-driven match detail panels. - Call Center Flow shows palette-based node creation, embedded configuration forms inside nodes, dynamic IVR branching, connection reassignment, and persisted editor plus viewport state.","excerpt":"- Schema Designer shows table and column CRUD, inline editing, relation creation and reassignment, relation-cardinality editing, and target-aware context menus. - UML Diagram shows grouped architecture maps with layer filters, relation-kind filters, search, selection-driven detail panels, and UML-style markers. - Tournament Bracket shows a domain-specific custom layout engine, multiple bracket modes, selective branch visibility, path highlighting, and stats-driven match detail panels. - Call Center Flow shows palette-based node creation, embedded configuration forms inside nodes, dynamic IVR branching, connection reassignment, and persisted editor plus viewport state."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#6","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.1293,0.00897,-0.01172,-0.0189,0.0778,0.00285,-0.06883,0.07066,0.01849,-0.03016,-0.12563,-0.04028,-0.05595,-0.05526,0.07907,-0.03341,0.02965,-0.02405,0.01604,-0.00183,-0.01174,-0.06435,-0.01779,-0.02063,0.00124,0.07345,-0.01787,-0.01974,0.04675,-0.05097,0.06527,0.12933,0.05683,0.01975,-0.00664,0.04036,0.04261,-0.0106,-0.09321,-0.06737,-0.05335,0.03753,-0.02306,0.04249,-0.01325,-0.07637,-0.00355,-0.07493,-0.07265,0.07102,-0.05242,-0.11204,-0.00903,0.0194,0.01952,0.025,0.02077,-0.0614,-0.02152,0.03421,-0.01268,0.00534,0.01037,0.06388,-0.00713,0.04777,-0.03836,0.0256,0.05286,-0.10232,-0.08324,-0.00783,0.03311,-0.02976,0.00667,-0.03533,0.02005,-0.01418,-0.01359,-0.11615,0.00762,0.05469,0.01138,0.03601,-0.03552,0.04123,0.03929,-0.02499,-0.00568,0.05602,0.0205,0.02285,0.06594,-0.04191,0.03577,-0.02979,0.01154,-0.10405,-0.04531,0.0333,-0.01819,-0.01846,0.10358,-0.01535,0.01764,-0.04375,0.03221,0.02083,-0.02059,0.01057,-0.02389,-0.01494,0.00973,-0.08421,-0.00707,-0.084,-0.03724,-0.07043,0.10956,0.03245,0.02811,0.06675,0.03666,0.00505,0.02511,-0.02217,-0.06063,0,0.03472,0.01966,-0.02347,0.0776,0.08446,-0.07175,0.0284,0.00021,-0.03049,-0.00614,0.06264,0.0572,-0.05765,0.13097,-0.01347,-0.03738,-0.09389,0.08066,-0.01284,-0.00165,0.02676,-0.05752,0.00593,-0.01406,0.01386,0.10874,-0.03871,0.06993,-0.04582,0.02066,-0.10862,-0.07775,0.03684,-0.01644,-0.05473,0.01235,-0.06964,-0.09673,0.03286,0.01443,-0.03577,-0.00051,-0.02019,-0.04829,0.02503,0.01636,-0.06296,0.05769,0.04104,0.00013,0.02356,0.0382,0.06426,0.0653,0.03884,-0.08963,-0.03615,0.03215,0.07854,0.06672,0.02587,0.11479,-0.0867,-0.01023,-0.02421,0.08079,0.03976,0.00662,-0.00033,0.00399,-0.09625,0.10222,-0.00624,-0.02872,0.06948,-0.06186,0.01808,-0.05449,-0.00394,0.01991,-0.03613,-0.00026,0.00398,0.02344,0.06143,-0.04379,0.04753,-0.03209,-0.1194,-0.02182,0.06986,-0.08655,0.00139,-0.01989,0.07854,0,-0.00506,0.00009,-0.02509,0.03192,0.02352,0.00696,0.04546,0.01765,0.07621,-0.03825,-0.03565,0.06018,0.00653,-0.04713,0.01686,-0.03059,-0.03114,-0.09639,0.02039,-0.04718,-0.00177,0.03264,-0.03199,-0.04772,-0.05058,0.01202,0.00274,0.03789,-0.01033,-0.05677,0.05068,-0.00944,-0.01998,-0.06616,0.00911,-0.02696,-0.04186,0.04971,-0.0118,-0.02796,-0.00454,0.00294,-0.03266,0.04808,-0.08612,0.0905,-0.08883,-0.02533,0.07647,-0.03383,-0.05386,-0.00127,-0.05889,-0.06613,-0.02991,-0.00464,0.03377,0.0754,-0.02046,0.02409,-0.03594,0.00573,0.0117,-0.00537,0.04697,0.01819,-0.0762,0.02108,-0.03378,0.07811,0.10225,0.00891,-0.09248,0.00383,0.05229,0.08783,0.12757,0.02541,0.04898,0.0292,-0.00953,0.05421,0.07576,0.0547,0.06903,-0.01022,-0.08438,-0.06667,0.01567,0.06077,-0.06691,0.07507,0.00901,0.1216,0.01375,0,-0.02439,-0.00588,-0.00323,-0.02255,-0.03147,0.06918,-0.00437,0.0271,-0.04909,-0.00969,0.03816,0.01307,-0.05402,0.00923,0.03775,0.05692,-0.03902,0.00736,-0.07427,-0.09824,-0.01699,0.05655,0.00492,0.00386,-0.02177,0.00758,0.02266,0.00974,0.05606,-0.00996,0.01712,0.06775,0.06908,0.07308,0.05583,0.00631,-0.07393,0.07201,-0.04319,0.04758,0.00061,-0.03973,-0.02224,-0.04725,-0.02345,0.05742,-0.03339,-0.04951,-0.08829,0.00652,-0.10158,0.03218,-0.06899,0.1048,0.01448,0.04156,-0.03289,-0.01574,0.1152,0.02831,-0.04866,0.06335,0.09922,0.0309],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. That matters for two reasons. First, these examples now behave much more like starter products than demo snippets. Second, they show a wider range of what Foblex Flow can support in practice: - CRUD-heavy editors - architecture and system diagrams - domain-specific custom layout engines - workflow builders with embedded forms and palette-driven authoring For users evaluating the library, that is a much stronger proof point than a collection of isolated feature demos.","excerpt":"That matters for two reasons. First, these examples now behave much more like starter products than demo snippets. Second, they show a wider range of what Foblex Flow can support in practice: - CRUD-heavy editors - architecture and system diagrams - domain-specific custom layout engines - workflow builders with embedded forms and palette-driven authoring For users evaluating the library, that is a much stronger proof point than a collection of isolated feature demos."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#7","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.06273,0.00284,0.00094,-0.01356,0.05704,-0.03032,-0.083,0.06518,-0.01073,-0.02123,-0.09713,0.0269,-0.08111,-0.02674,0.07404,-0.03767,0.0594,-0.02916,-0.01908,0.00831,-0.01901,-0.03392,-0.00966,-0.02232,-0.03389,0.04945,-0.03331,-0.01204,0.02285,-0.09546,0.07136,0.17878,-0.00966,-0.01596,-0.00737,0.06009,0.04691,-0.00737,-0.098,-0.04014,0.01005,0.04115,-0.00033,0.05815,-0.03438,-0.08443,0.0106,-0.0716,-0.0521,0.04626,-0.01922,-0.10115,-0.00734,0.03675,0.0096,0.05746,0.00754,-0.01377,-0.04032,0.00722,0.01603,-0.00494,-0.00038,0.02398,0.00707,0.02097,-0.01058,-0.01211,0.03701,-0.06317,-0.08555,0.00659,-0.00006,-0.06423,0.01984,-0.0459,0.03016,-0.01248,0.01763,-0.10963,0.05695,0.08169,0.03853,0.06614,-0.07114,-0.01421,0.03542,-0.02344,0.02269,0.01228,0.01322,0.02909,0.07045,-0.00516,0.02931,-0.04294,-0.02315,-0.04621,-0.03067,0.04262,0.01754,-0.0391,0.12544,0.03127,-0.04318,-0.02926,0.01798,0.05284,-0.06021,0.012,-0.0348,0.02331,0.00056,-0.06408,-0.04554,-0.0541,-0.01714,-0.08137,0.12497,0.06389,0.00088,0.04698,0.05797,0.02572,0.04331,-0.00685,-0.08408,0,-0.02842,0.06205,-0.07922,0.09218,0.09656,-0.04082,0.08529,-0.0072,-0.02317,-0.02265,0.01763,0.09803,-0.08147,0.08729,0.03422,-0.05326,-0.066,0.12053,-0.02034,0.00366,0.02999,-0.03961,-0.03223,-0.01574,0.11158,0.09062,-0.03606,0.07215,-0.10136,0.00074,-0.01061,-0.03222,0.05638,0.04211,-0.029,0.03558,-0.06004,-0.06585,-0.01852,-0.01458,-0.08688,0.05971,-0.0316,-0.04417,0.06911,-0.03343,-0.088,-0.00539,0.05527,-0.00089,0.018,0.02636,0.06808,0.06307,0.00193,-0.0958,-0.03557,0.00018,0.04362,0.0715,0.01529,0.03999,-0.09979,0.03217,0.04093,0.08539,0.06532,0.01334,0.01604,-0.01035,-0.10457,0.08277,0.0409,0.01019,0.01516,-0.02374,-0.00933,-0.04674,-0.04839,0.01908,-0.05088,0.02842,0.00619,0.02926,0.05605,-0.03654,0.08423,-0.00571,-0.04701,0.00905,0.1134,-0.06077,0.02463,0.03234,0.06027,0,0.01775,-0.03506,-0.05144,0.05137,-0.0023,-0.0035,0.06955,-0.02792,0.0841,-0.03497,-0.03313,0.06428,0.01845,-0.02333,-0.01164,0.00631,-0.01304,-0.11823,0.03172,-0.03117,0.03776,0.06822,-0.09187,-0.07199,0.00011,-0.01434,0.0236,-0.01973,-0.03911,-0.0333,-0.00667,-0.0389,0.01099,-0.07899,0.04182,0.01192,-0.10276,0.05985,-0.02174,-0.02904,-0.01801,0.0248,-0.05394,0.02994,-0.08366,0.07763,-0.10371,-0.01375,-0.00396,-0.00931,-0.05939,0.00408,-0.02182,-0.06121,-0.01537,0.02905,0.05506,0.07769,-0.08073,0.03783,0.02921,0.00565,-0.01285,0.01947,0.03011,0.01698,-0.09688,0.02317,-0.03601,0.1008,0.02333,0.00871,-0.03943,-0.00867,0.0196,0.06473,0.14163,-0.00322,0.02583,0.0249,-0.09212,0.06627,0.02544,0.01654,0.02671,-0.01743,-0.05833,-0.03637,0.02337,0.03149,-0.02734,-0.00756,-0.04839,0.06632,-0.03696,0,-0.00035,0.00625,-0.0963,-0.01858,0.01706,0.00398,0.01785,0.11352,-0.00067,0.08196,0.0164,0.03324,-0.05407,-0.02029,0.05778,0.03469,-0.0287,-0.00324,-0.08887,-0.11115,-0.0304,0.05494,-0.02699,0.00332,0.02265,-0.01682,0.04466,0.0156,0.06504,-0.01427,0.00041,0.07487,0.00652,0.06445,0.00113,0.05147,-0.03194,0.0887,-0.03336,0.02575,0.01371,-0.07831,0.0249,-0.05152,0.01227,0.02264,-0.06748,-0.02702,-0.00354,-0.05939,-0.12415,0.0528,-0.03449,0.05189,0.04272,0.05863,-0.00147,-0.04171,0.11303,0.01106,-0.05265,0.02181,0.05756,0.00374],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Portal, Docs, and Package Boundaries Are Cleaner This release also includes a broader cleanup around how the repository is organized and shipped. The workspace is now structured around Nx apps/ and libs/ projects, which fits the growing split between the core package, layout adapters, portal, and standalone reference apps much better than the previous flatter layout. Around that, v18.5.0 also: - automates more portal prerender and sitemap work - verifies embedded reference-app pages more aggressively - extends Cypress coverage for interaction-heavy editor flows - fixes group bounds and flow-surface sizing so grouped layouts behave more predictably - keeps connection markers and redraw behavior inside the main f-flow package - refines the connection-worker path into smaller worker, runtime, and redraw pipeline pieces That last point matters because this release does not remove the worker-backed redraw strategy. It keeps that path, but restructures it into clearer internal units that are easier to maintain and evolve.","excerpt":"Portal, Docs, and Package Boundaries Are Cleaner This release also includes a broader cleanup around how the repository is organized and shipped. The workspace is now structured around Nx apps/ and libs/ projects, which fits the growing split between the core package, layout adapters, portal, and standalone reference apps much better than the previous flatter layout. Around that, v18.5.0 also: - automates more portal prerender and sitemap work - verifies embedded reference-app pages more aggressively - extends Cypress coverage for interaction-heavy editor flows - fixes group bounds and flow-surface sizing so grouped layouts behave more predictably - keeps connection markers and redraw behavior inside the main f-flow package - refines the connection-worker path into smaller worker, runtime, and redraw pipeline pieces That last point matters because this release does not remove the worker-backed redraw strategy. It keeps that path, but restructures it into clearer internal units that are easier to maintain and evolve."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#8","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.09467,0.03092,-0.08096,0.00286,0.01466,0.03384,-0.08419,0.04197,0.00923,-0.02275,-0.09133,-0.04741,-0.09329,-0.03975,0.03549,0.04127,-0.02239,-0.01423,0.02611,0.00048,0.0527,-0.07748,-0.03647,-0.02662,-0.02446,0.0192,0.01505,0.0661,0.00749,-0.11218,0.0538,0.06792,0.06589,0.04873,-0.02438,0.01653,0.00977,0.00402,-0.136,-0.03664,0.02376,0.0488,0.02295,-0.03332,-0.01956,-0.0465,-0.10346,-0.05487,-0.05472,0.07212,-0.07776,-0.0464,0.0154,0.03931,0.05235,0.08701,0.01883,-0.07038,-0.01946,0.00405,0.02139,0.01759,-0.01589,0.02495,-0.07306,0.09203,-0.04329,0.04757,0.03767,-0.03906,-0.06395,-0.06362,-0.01432,-0.12503,0.07639,0.00036,0.02539,0.02467,0.00961,-0.13568,-0.05461,0.07969,0.00787,0.02839,-0.02256,0.02793,-0.00562,-0.06077,0.039,0.00972,-0.01714,0.01941,-0.03897,-0.0072,0.05426,0.01775,0.05746,-0.04948,-0.00462,0.04133,0.00983,-0.04102,0.04587,0.00443,0.00935,-0.05737,-0.00026,0.05256,-0.10822,-0.01679,-0.02513,0.04359,0.01605,-0.03009,-0.04695,-0.05597,-0.03893,-0.0857,0.11752,0.02198,0.04405,0.02043,-0.03663,0.06134,0.01499,-0.01938,-0.02253,0,0.02446,-0.05778,-0.04145,0.04912,0.06782,-0.02936,0.03709,-0.02665,-0.02839,0.00793,0.0275,0.05809,-0.07002,0.01624,-0.04308,-0.1272,-0.05779,0.08983,0.01009,-0.0227,0.03247,0.02648,-0.06587,0.00064,0.05384,0.14773,-0.04274,0.05033,-0.11768,0.03748,-0.00442,-0.06748,0.05908,-0.01446,-0.07231,0.02582,-0.10552,-0.00293,-0.04204,0.01049,0.0238,-0.00515,0.01959,-0.0538,-0.02496,0.00409,-0.03137,0.10203,0.0556,-0.006,0.01465,0.02074,0.05503,0.05881,0.04987,-0.0653,-0.06724,0.03011,0.02902,0.01639,-0.01092,0.09979,-0.09177,-0.00338,-0.02179,0.04461,0.0177,-0.03374,0.03579,-0.0219,-0.05308,0.08769,0.0321,0.00186,0.0177,-0.04007,0.00209,-0.03639,-0.04244,0.05227,-0.08246,0.01084,0.00634,-0.01948,0.04602,-0.04056,0.10937,0.00033,-0.12574,-0.04861,0.03654,-0.05504,0.03472,-0.0094,0.11919,0,0.06329,-0.02477,0.02988,0.04517,0.07051,0.01338,0.08124,0.07444,0.06595,-0.01372,-0.04677,0.04023,-0.02758,-0.06291,0.03619,-0.02117,-0.05578,-0.04629,0.04594,0.00936,0.03714,0.05971,-0.07219,-0.04528,-0.00571,-0.02345,0.05281,0.05218,-0.04431,-0.01748,0.04813,-0.01974,-0.06329,0.01384,-0.03219,-0.06536,-0.01184,0.08842,-0.04161,0.00866,-0.00433,0.02535,-0.06194,0.06712,-0.0238,0.11531,-0.02066,-0.02153,0.02591,-0.0358,-0.04789,-0.0231,-0.03159,-0.01508,-0.04946,0.04726,0.08109,0.03506,-0.09499,0.03837,-0.00949,-0.0188,0.05425,-0.02524,0.05368,0.01542,-0.07852,-0.0192,-0.03652,0.07542,0.02164,0.06891,-0.02134,0.01672,0.09853,0.03523,0.04813,0.09369,0.07845,0.03733,-0.10573,0.0487,0.05567,0.1228,0.01752,-0.0166,-0.05785,0.0538,0.0411,0.0657,-0.07909,0.00075,0.01322,0.04622,-0.05286,0,-0.04604,-0.05108,-0.00914,-0.02233,-0.05038,0.07393,0.01021,0.03308,-0.06707,-0.03473,0.01619,0.08408,-0.01931,-0.02126,-0.01283,-0.02298,0.01094,0.00309,-0.0629,-0.08007,-0.0231,0.00692,0.0087,0.05533,0.02107,-0.02284,-0.02933,0.0135,0.04377,-0.00221,0.00297,0.03843,0.08418,0.0666,0.05536,-0.00264,-0.04763,0.02706,-0.03538,0.03188,0.00985,-0.04489,-0.04981,-0.03975,0.05949,0.0637,-0.01594,-0.01455,-0.05904,-0.01545,-0.08525,-0.00001,-0.07783,0.05893,0.01647,0.00704,0.01865,-0.05294,0.11711,-0.00996,-0.03757,0.08922,0.02942,0.02765],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.5.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Dagre Auto Layout example: <https://flow.foblex.com/examples/dagre-layout-auto - ELK.js Auto Layout example: <https://flow.foblex.com/examples/elk-layout-auto - Schema Designer reference app: <https://flow.foblex.com/examples/schema-designer - UML Diagram reference app: <https://flow.foblex.com/examples/uml-diagram-example - Tournament Bracket reference app: <https://flow.foblex.com/examples/tournament-bracket - Call Center Flow reference app: <https://flow.foblex.com/examples/call-center","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.5.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Dagre Auto Layout example: <https://flow.foblex.com/examples/dagre-layout-auto - ELK.js Auto Layout example: <https://flow.foblex.com/examples/elk-layout-auto - Schema Designer reference app: <https://flow.foblex.com/examples/schema-designer - UML Diagram reference app: <https://flow.foblex.com/examples/uml-diagram-example - Tournament Bracket reference app: <https://flow.foblex.com/examples/tournament-bracket - Call Center Flow reference app: <https://flow.foblex.com/examples/call-center"},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#9","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.09646,0.03828,0.01349,-0.02126,0.06199,0.02063,-0.10329,0.04988,0.06299,-0.02912,-0.0944,0.02217,-0.12569,-0.04956,0.04684,0.00192,0.0502,-0.03713,-0.02929,0.01479,-0.02044,-0.03696,-0.03294,-0.00397,-0.02208,0.04561,-0.06461,-0.03248,-0.00453,-0.04985,0.07691,0.15689,0.02552,-0.02751,-0.02646,0.05746,0.02867,-0.00087,-0.07588,-0.03707,-0.00944,0.04067,-0.00417,0.05523,0.02188,-0.05179,-0.00524,-0.07232,-0.04949,0.06808,-0.05775,-0.11919,0.02002,-0.01761,0.02081,0.02103,0.0147,-0.02071,0.00334,0.03946,-0.01693,0.01881,-0.03216,0.0407,0.0046,0.02631,-0.00428,-0.02401,0.04367,-0.09459,-0.08402,0.00698,0.04793,-0.08402,-0.0239,-0.0423,0.02826,-0.02427,0.03408,-0.11837,0.04491,0.01484,0.01205,0.02975,-0.0838,0.05024,0.05004,-0.05788,0.01241,0.05692,0.01386,0.02242,0.07951,0.02403,0.0136,-0.02851,-0.01594,-0.04594,-0.01637,0.01235,0.01842,-0.03381,0.07413,0.00721,0.00716,-0.0416,0.05918,0.03057,-0.05119,-0.00748,-0.01887,-0.01911,-0.00609,-0.08657,-0.02102,-0.0622,-0.06558,-0.07541,0.08798,0.02841,0.00714,0.06196,0.0225,-0.00148,0.00136,-0.00608,-0.03247,0,-0.00806,0.03298,-0.03972,0.0503,0.11011,-0.06485,0.03511,-0.02085,-0.06334,-0.04123,0.05456,0.02391,-0.06786,0.06327,0.01258,-0.06756,-0.0771,0.10448,-0.0017,0.0295,0.05056,-0.04303,-0.00414,-0.02886,0.01878,0.12564,0.00076,0.04796,-0.06326,0.00914,-0.09996,-0.02866,0.04812,-0.01546,-0.05339,0.02389,-0.07016,-0.07016,0.02449,-0.00325,-0.04701,0.0689,-0.05852,-0.03803,0.08866,0.02226,-0.03791,0.03948,0.03934,0.01722,-0.01793,0.02623,0.06689,0.07674,0.05513,-0.0798,-0.00277,0.01303,0.0594,0.03154,0.07562,0.12369,-0.07985,-0.03454,0.01695,0.10961,0.0869,-0.00271,-0.0016,-0.01397,-0.08275,0.05875,0.0295,0.00956,0.07159,-0.03273,-0.00473,-0.05773,-0.0249,0.03555,-0.07009,0.03684,0.00024,0.00259,0.05018,-0.00537,0.063,0.02499,-0.06164,0.00035,0.09205,-0.1133,0.00034,0.03783,0.06964,0,0.02439,-0.01254,-0.03023,0.02292,0.00652,-0.0265,0.01989,0.01961,0.12149,-0.00469,0.02245,0.05658,-0.01684,-0.01611,0.01381,-0.02558,-0.00571,-0.10971,0.00973,-0.06523,0.05741,-0.01896,-0.06509,-0.02531,0.00537,-0.01918,0.04726,0.00166,-0.02546,-0.09858,0.05405,-0.03272,-0.00264,-0.04944,0.03271,0.00621,-0.03589,0.02339,-0.03744,-0.02202,0.0007,0.02908,-0.03017,0.08758,-0.09699,0.10649,-0.08144,-0.01812,0.04522,-0.01174,-0.03674,-0.00348,-0.04117,-0.06565,-0.03009,0.00546,0.0449,0.08949,-0.07176,0.01846,0.00877,0.00902,0.02024,-0.04461,0.03733,0.06512,-0.06868,0.04532,-0.00032,0.10911,0.0657,0.00645,-0.09037,0.00548,0.02976,0.10226,0.11359,0.03807,0.04313,0.03649,-0.04748,0.0822,0.05576,0.0617,0.06214,-0.04538,-0.07307,-0.06839,0.01108,0.05489,-0.06158,0.00965,-0.0043,0.07928,-0.04897,0,-0.00095,-0.02221,-0.04549,-0.02214,-0.00807,0.08077,-0.037,0.06707,-0.03163,0.06826,0.04025,0.03396,-0.03248,-0.01317,0.03407,0.01703,-0.03432,0.00097,-0.05688,-0.08568,0.01945,0.07948,-0.01236,-0.03787,-0.01931,-0.00623,0.03459,-0.01001,0.01893,-0.01563,0.03113,0.09465,0.03902,0.06914,0.05181,0.03152,-0.05748,0.10566,-0.0311,0.04557,-0.00653,-0.09661,-0.01502,-0.03883,-0.01538,0.0173,-0.03256,-0.0433,-0.07607,-0.02433,-0.11461,0.04263,-0.06772,0.09028,0.04096,0.03697,-0.01556,-0.07724,0.08238,-0.00046,-0.02685,0.02305,0.06531,0.04756],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Closing v18.5.0 is the release that makes several recent ideas feel official. Layout engines now have a supported package story, render timing is more explicit, and the reference apps are structured like real projects. If v18.4.0 improved the feel of the editor, v18.5.0 improves the shape of the platform around it.","excerpt":"Closing v18.5.0 is the release that makes several recent ideas feel official. Layout engines now have a supported package story, render timing is more explicit, and the reference apps are structured like real projects. If v18.4.0 improved the feel of the editor, v18.5.0 improves the shape of the platform around it."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#0","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.04607,-0.02505,-0.02579,-0.02259,0.05826,0.03961,0.04373,0.06441,0.01726,-0.01935,-0.0185,0.03389,-0.11923,0.00483,0.00832,-0.05326,0.0349,-0.02128,-0.02579,0.06406,-0.00431,-0.09401,-0.0052,0.00077,-0.05104,0.04533,-0.02228,-0.01348,-0.02185,-0.02686,-0.02809,0.15297,0.02567,-0.01319,-0.05512,-0.07124,0.01854,0.04428,-0.05261,-0.04522,0.00145,-0.00095,0.08129,0.01349,0.03475,-0.04167,0.0487,-0.06614,-0.00261,0.0516,-0.03047,-0.10175,-0.01056,-0.0073,-0.00732,0.03845,0.03029,-0.0017,0.03268,0.06172,-0.05946,0.00583,-0.00459,0.06072,0.04644,-0.01046,0.02674,-0.04049,0.03138,0.0102,-0.07276,0.01368,0.06205,-0.0498,-0.00922,-0.09384,-0.04149,0.02855,-0.01723,-0.06786,0.04356,-0.03258,-0.00993,0.04018,-0.01313,0.0488,0.0024,-0.12229,0.00966,0.03694,-0.00827,0.03992,-0.0305,-0.04959,-0.0181,-0.07807,-0.07238,-0.08389,-0.01171,0.02646,-0.0018,-0.02825,0.07247,0.06499,0.01797,0.00866,0.07284,0.02986,-0.05539,0.02569,-0.02615,-0.01958,-0.00112,-0.06019,-0.00498,0.00678,-0.04781,-0.03022,0.07378,0.04104,0.00007,0.00438,-0.01565,-0.04318,0.02013,0.03373,-0.0407,0,-0.01892,0.05266,-0.00635,0.0148,0.04366,-0.05856,0.00766,-0.03058,-0.0755,0.01071,0.03122,0.02482,-0.09401,0.07888,-0.01043,-0.11227,-0.06312,0.05259,-0.00853,0.00068,0.05216,-0.03439,-0.03633,-0.05335,0.0544,0.08211,0.01848,0.09328,-0.00784,0.05105,-0.0816,-0.0055,0.01768,-0.05283,-0.07944,0.00321,-0.0435,-0.07686,0.06013,-0.02634,-0.03363,0.01463,-0.0417,-0.06465,0.01307,0.03189,-0.01808,0.11235,0.04785,0.00644,0.00716,-0.00168,0.05168,0.06472,0.01307,-0.09308,0.01638,0.03277,0.05638,0.05827,0.01997,0.05517,-0.11737,-0.08485,0.07776,0.09893,0.09018,0.02965,-0.00589,-0.09165,-0.06109,0.03346,0.01135,0.02767,0.07788,-0.06282,0.01085,-0.00171,0.0032,-0.03555,-0.06645,0.0286,0.03519,0.02638,0.01623,-0.06391,0.05179,0.00002,-0.06985,-0.07364,0.07961,-0.02545,0.0339,0.01374,-0.02578,0,0.02803,-0.0082,-0.07686,0.16034,-0.0026,0.05071,0.06018,0.038,0.10673,-0.08631,0.053,0.02434,-0.0425,-0.05676,0.03499,0.03055,-0.06449,-0.07291,0.01431,-0.04943,0.08299,-0.04515,-0.016,-0.00652,-0.04216,-0.03343,0.00907,0.04588,-0.06258,-0.03834,0.03115,-0.02228,-0.06041,-0.03751,0.04594,-0.04248,-0.05354,0.05068,-0.00929,0.03712,0.02531,0.02864,0.08309,0.04831,-0.02429,0.02323,-0.04864,0.01085,-0.00886,0.05031,-0.07185,0.00495,-0.02308,-0.09927,-0.03383,0.0545,0.0421,0.0037,-0.08546,0.05722,0.04367,-0.02365,-0.05539,-0.03762,0.07185,0.02839,-0.02303,0.05299,0.03583,0.08196,0.07557,-0.07482,-0.0549,-0.02758,0.00038,0.03566,0.15993,-0.01107,0.03947,0.03371,-0.00561,0.09741,0.07044,-0.01446,-0.05122,0.07251,-0.08405,-0.03017,0.04403,0.06223,-0.03138,0.0087,0.07362,0.00586,-0.05927,0,-0.06296,0.07153,0.01641,0.03083,-0.00322,0.02462,-0.0083,0.05776,-0.04379,-0.06447,0.01308,0.01178,-0.02232,0.05086,0.05891,0.05728,-0.03589,0.10013,-0.08657,-0.09034,0.00185,0.07272,0.02801,-0.00771,-0.04449,0.0066,-0.05618,0.04578,0.02641,-0.00899,-0.04799,0.06432,0.00201,0.04088,-0.05992,0.03099,-0.11262,0.01915,-0.02084,0.01752,0.03873,-0.07824,-0.03192,-0.03696,-0.05872,0.02731,0.06737,-0.07116,-0.07414,-0.00299,-0.07608,0.06896,-0.00962,0.07806,0.04871,0.04868,-0.01662,-0.00294,0.11486,0.00016,-0.10204,0.03028,-0.04394,0.10689],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0 is focused on the parts of editor UX that people feel immediately: how the viewport behaves while dragging, how fast a new flow gets styled, and how natural zoom feels on modern laptops. Today I’m shipping v18.4.0. This release adds the new f-auto-pan plugin, ships a ready-to-use default SCSS theme, smooths trackpad pinch-to-zoom, and cleans up the example portal so examples feel more consistent in both code and presentation.","excerpt":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0 is focused on the parts of editor UX that people feel immediately: how the viewport behaves while dragging, how fast a new flow gets styled, and how natural zoom feels on modern laptops. Today I’m shipping v18.4.0. This release adds the new f-auto-pan plugin, ships a ready-to-use default SCSS theme, smooths trackpad pinch-to-zoom, and cleans up the example portal so examples feel more consistent in both code and presentation."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#1","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.0448,-0.03232,-0.01342,-0.01702,0.04956,0.05287,0.06526,0.06992,0.01592,0.01147,-0.02659,0.02218,-0.09748,-0.03418,0.02709,-0.04288,0.00815,0.00294,-0.05167,0.06673,-0.00861,-0.08688,-0.00916,-0.00725,-0.06684,0.05482,-0.01449,-0.0329,-0.02341,-0.03596,-0.04403,0.14333,0.05639,-0.00094,-0.07913,-0.08146,0.00201,0.02559,-0.06917,-0.03537,-0.01126,-0.01599,0.07791,0.01404,0.01977,-0.00328,0.03455,-0.05418,-0.01855,0.0759,-0.00671,-0.07923,0.03566,0.02291,-0.00997,0.0733,0.02657,0.00049,0.01651,0.06071,-0.03754,0.01277,-0.01224,0.02691,0.01413,-0.01258,0.01121,-0.04355,0.04883,-0.02267,-0.044,0.00017,0.0619,-0.05642,0.02241,-0.09553,-0.04423,0.03734,-0.02325,-0.06585,0.04159,-0.00199,0.00989,0.0416,0.00496,0.03874,0.00822,-0.06986,0.01862,0.03986,-0.03251,0.05181,-0.03806,-0.06911,-0.00417,-0.07748,-0.03417,-0.09085,-0.02871,0.01754,0.01774,-0.04216,0.08235,0.05758,0.01141,-0.01032,0.05413,0.01445,-0.06187,0.02874,-0.01524,-0.04225,0.01265,-0.05299,0.00547,-0.00169,-0.06763,-0.02374,0.08408,0.0394,-0.00235,0.02187,-0.02529,-0.03761,0.00512,0.03545,-0.04131,0,-0.0298,0.0553,-0.03569,-0.01421,0.03792,-0.06532,0.00483,-0.06309,-0.04741,0.00124,0.03686,0.00913,-0.09107,0.07612,-0.019,-0.10217,-0.05508,0.05792,-0.00426,-0.02394,0.04116,-0.0177,-0.01987,-0.04228,0.05545,0.08463,-0.0038,0.08728,0.00292,0.04218,-0.07992,0.00258,0.04086,-0.04639,-0.08094,0.02776,-0.01769,-0.09542,0.04997,-0.01208,-0.04218,0.01217,-0.01216,-0.07508,-0.00062,0.01984,-0.03283,0.08805,0.02288,-0.00253,-0.00416,-0.00475,0.05364,0.03879,0.04275,-0.08451,-0.00502,0.08813,0.04007,0.08249,0.03382,0.05002,-0.09526,-0.06535,0.04664,0.10647,0.10823,0.05363,0.01209,-0.06196,-0.07424,0.04014,0.01533,0.02328,0.0826,-0.05796,0.02466,-0.02617,-0.01514,-0.03227,-0.06362,0.03379,0.01924,0.0319,0.0133,-0.05941,0.04448,0.01988,-0.08312,-0.08259,0.08743,-0.03286,0.02035,0.01352,-0.02196,0,0.01286,0.01752,-0.09977,0.15131,-0.01528,0.02801,0.0632,0.01879,0.08354,-0.10335,0.0361,0.04195,-0.03729,-0.05605,0.01888,0.04491,-0.05285,-0.02831,0.0023,-0.08923,0.0671,-0.10836,-0.00633,-0.0127,-0.05278,-0.03543,0.0256,0.04165,-0.02813,-0.0486,0.04233,-0.01661,-0.03912,-0.02165,0.04916,-0.0602,-0.06752,0.03579,-0.01103,0.03648,-0.0086,0.01332,0.12482,0.03926,-0.04531,0.0504,-0.05972,0.03774,-0.02843,0.02009,-0.05383,-0.02569,-0.03265,-0.1323,-0.04958,0.06758,0.05511,0.00839,-0.05772,0.03107,0.02975,-0.00179,-0.05298,-0.00061,0.05642,0.05419,-0.01339,0.04682,0.0025,0.10641,0.07987,-0.05214,-0.01777,-0.02588,0.00381,0.05573,0.14822,-0.00437,0.05625,0.02537,-0.00484,0.06752,0.08531,-0.03596,-0.05697,0.09393,-0.11328,0.00379,0.04993,0.04167,-0.02468,0.00999,0.09347,0.00978,-0.05758,0,-0.05308,0.06768,0.00322,0.008,0.00298,0.04395,0.02056,0.08485,-0.02371,-0.0453,-0.02853,0.0166,-0.03598,0.04698,0.04087,0.05852,-0.01493,0.11978,-0.0557,-0.10717,-0.00958,0.04951,0.02442,-0.02437,-0.03427,0.01136,-0.05149,0.06805,0.03244,-0.00583,-0.01337,0.05706,0.03905,0.01524,-0.04069,0.0546,-0.10417,0.00936,-0.05378,0.00415,0.05693,-0.05141,-0.00605,-0.04327,-0.07281,0.00963,0.06419,-0.03703,-0.0702,-0.04836,-0.05051,0.06906,0.00566,0.0685,0.0357,0.07,-0.02941,-0.015,0.12742,-0.01083,-0.11346,0.03535,-0.03728,0.09913],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Highlights - 🧭 f-auto-pan adds edge-based viewport panning during supported drag sessions. - 🎨 A shipped default theme makes it much easier to get a styled editor without rebuilding the whole visual layer from scratch. - 🎛️ Example controls were refreshed with reusable toolbar, input, select, and overlay primitives. - 🤏 Trackpad pinch-to-zoom feels smoother by separating gesture-wheel normalization from regular mouse-wheel stepping. - 📚 Docs and release pages were tightened up around the new theme, auto-pan, and current release history.","excerpt":"Highlights - 🧭 f-auto-pan adds edge-based viewport panning during supported drag sessions. - 🎨 A shipped default theme makes it much easier to get a styled editor without rebuilding the whole visual layer from scratch. - 🎛️ Example controls were refreshed with reusable toolbar, input, select, and overlay primitives. - 🤏 Trackpad pinch-to-zoom feels smoother by separating gesture-wheel normalization from regular mouse-wheel stepping. - 📚 Docs and release pages were tightened up around the new theme, auto-pan, and current release history."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#2","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.07879,-0.01098,-0.07839,0.05595,0.02856,0.06074,0.05795,0.04054,0.04058,0.03381,-0.06477,-0.00463,-0.13628,0.03548,0.03173,-0.04209,0.00688,-0.03318,-0.0505,0.02281,-0.01545,-0.07555,0.01864,-0.00823,-0.06357,0.00119,0.00615,-0.07101,-0.0011,-0.05407,-0.02266,0.0953,-0.01879,0.00764,-0.11345,-0.03872,-0.01923,0.04387,-0.0511,-0.08598,0.08056,-0.01824,0.06275,-0.06959,-0.00918,0.0141,0.00119,0.01836,-0.02437,0.07733,-0.02395,-0.07351,0.002,0.04997,0.00865,-0.00392,0.04907,-0.03043,0.0349,0.05405,-0.05307,-0.01387,-0.00504,0.0213,0.04303,-0.00611,-0.03151,-0.01133,0.02728,0.0241,0.00896,-0.02394,0.02733,-0.06393,0.06272,-0.0463,-0.08357,0.07969,0.00627,-0.00747,0.10437,0.03979,0.03701,0.05315,-0.03873,0.05411,-0.0066,-0.06311,0.01685,-0.06254,0.02363,0.08324,-0.02077,0.01124,0.00249,-0.05794,-0.03049,-0.08294,-0.07539,-0.00627,0.01902,0.00804,0.05342,0.08059,-0.00359,-0.01298,0.06595,0.02316,-0.01932,-0.00385,-0.02685,-0.00004,0.04065,-0.03813,-0.06161,0.00465,-0.07576,-0.01229,0.07839,0.04416,-0.04247,0.02973,-0.01713,-0.04195,0.07299,0.00077,-0.04587,0,-0.02001,0.06285,-0.07558,-0.01848,0.03308,-0.06009,0.00624,-0.07739,-0.00226,0.01951,0.00157,-0.00005,-0.07121,0.06008,-0.00834,-0.09421,-0.05184,0.05003,-0.00141,0.01812,0.0755,-0.03183,-0.0285,-0.0207,0.10181,0.08649,-0.02427,0.07813,-0.03211,0.04964,-0.00054,-0.00054,0.00817,-0.09191,-0.08008,-0.02103,-0.05916,-0.07506,-0.01051,-0.02398,-0.00672,-0.01355,-0.07243,-0.00186,-0.0384,0.00563,-0.04254,0.07798,0.01638,0.03271,0.00369,0.00312,0.01586,0.02112,0.06424,-0.07978,-0.02823,0.07721,0.08388,0.04897,0.0253,0.05263,-0.1069,-0.05292,0.0456,0.06376,0.09259,0.05863,0.04308,-0.0847,-0.06629,0.03574,-0.02493,0.02068,0.07055,-0.06631,0.03265,-0.03719,0.03697,-0.02779,-0.0098,-0.01273,0.05938,0.03379,0.03403,-0.0835,0.04735,-0.03103,-0.09769,-0.07241,0.11216,0.03584,0.03209,0.03217,0.00772,0,0.05961,0.00138,-0.0521,0.13633,-0.0134,-0.03083,0.0945,-0.00454,0.11419,-0.05813,-0.00672,0.07115,-0.01256,-0.02052,0.03743,0.0084,-0.0787,-0.0805,0.04208,-0.0316,0.06401,-0.06109,-0.01351,-0.00923,-0.07722,0.00121,0.03127,0.03242,-0.01959,-0.04307,0.03339,-0.00232,-0.048,-0.05465,-0.03365,-0.05723,0.00991,0.08555,0.00157,-0.00069,0.05328,0.06735,0.04275,0.00297,-0.04557,0.03219,-0.053,0.06,-0.02394,0.02532,-0.09724,0.00116,-0.04948,-0.06024,-0.00023,0.04794,0.11169,-0.0105,-0.06306,0.02638,-0.00788,-0.02808,0.01494,-0.01349,0.06957,0.06959,-0.0149,0.0387,0.09835,0.10812,0.05273,-0.04892,0.00591,0.00403,0.01352,0.10487,0.16821,-0.00433,0.09561,-0.02764,-0.00807,0.07216,0.05219,-0.01894,-0.03377,0.07773,-0.10388,-0.06022,0.07281,0.08885,-0.0319,-0.04728,0.09302,-0.02873,-0.0415,0,-0.05164,0.05732,-0.0015,0.02221,-0.00516,0.01604,-0.0091,0.05766,0.00017,-0.01969,-0.04,0.05948,0.00979,0.02211,0.03665,0.05349,0.01003,0.03643,-0.06259,-0.04791,0.00983,0.04206,0.03669,0.00704,-0.01061,-0.02877,-0.04241,0.01569,0.00088,-0.03527,-0.04608,0.04459,0.04925,0.05522,-0.04831,0.01848,-0.09768,-0.04346,-0.07343,-0.01912,0.08531,-0.05452,-0.00418,-0.09782,-0.08178,0.02621,0.03683,-0.01604,-0.06243,0.00846,-0.07593,0.04704,-0.02871,0.07712,0.05179,0.02479,-0.02364,-0.01217,0.11546,-0.02552,-0.07159,0.02076,-0.01253,0.03043],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Auto-Pan Is Now a First-Class Flow Plugin The biggest interaction feature in v18.4.0 is f-auto-pan. Instead of pushing this behavior into fDraggable inputs, the release makes it an explicit plugin inside f-flow, which fits the rest of the library better and keeps the public API clearer. In this first version, auto-pan supports the drag flows that benefit from it most: - connection creation - connection reassignment - node dragging - selection area extension That makes a big difference in real editors where targets are slightly outside the viewport and users should not have to stop, pan manually, and restart the same interaction. ::: ng-component <auto-pan</auto-pan [height]=\"700\" ::: f Draggable","excerpt":"Auto-Pan Is Now a First-Class Flow Plugin The biggest interaction feature in v18.4.0 is f-auto-pan. Instead of pushing this behavior into fDraggable inputs, the release makes it an explicit plugin inside f-flow, which fits the rest of the library better and keeps the public API clearer. In this first version, auto-pan supports the drag flows that benefit from it most: - connection creation - connection reassignment - node dragging - selection area extension That makes a big difference in real editors where targets are slightly outside the viewport and users should not have to stop, pan manually, and restart the same interaction. ::: ng-component <auto-pan</auto-pan [height]=\"700\" :::"},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#3","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.04116,0.02265,-0.00507,-0.00802,0.06498,0.07695,0.02563,0.00167,0.05068,0.03496,-0.07559,0.0793,-0.10152,-0.01179,0.05346,-0.08753,0.01909,-0.03422,0.00175,0.07195,-0.0253,-0.03793,0.00855,-0.01715,-0.07472,0.04518,-0.00854,-0.0093,0.01988,-0.05764,0.02252,0.14388,0.07617,0.00373,-0.11144,-0.02626,0.06161,0.06261,-0.0377,0.01993,0.0329,-0.02085,0.01105,-0.0044,0.02951,-0.00785,0.00362,-0.04515,-0.03867,0.0512,-0.01181,-0.10695,-0.0005,0.02085,0.00235,0.0474,-0.01052,0.03137,0.06149,0.04916,-0.05302,-0.01627,-0.00051,0.04452,0.08937,-0.02183,-0.01131,0.01526,0.01563,-0.02963,-0.00828,-0.00213,0.04008,-0.01955,-0.00666,-0.00551,0.00742,0.07025,-0.06082,-0.08782,0.07524,0.00687,0.01145,0.05568,-0.04954,0.07989,0.00346,-0.10448,0.01597,-0.0151,0.00363,0.03146,-0.01083,-0.03546,-0.02158,0.00552,-0.09524,-0.06398,-0.00688,0.01521,-0.00845,-0.06785,0.08247,0.03472,0.0172,-0.01517,0.04433,0.05845,-0.03592,-0.01859,0.00867,-0.02363,-0.04231,-0.08993,-0.01177,-0.04094,-0.08188,-0.04177,0.07918,0.07936,0.01895,0.00728,0.00215,-0.03827,-0.00124,0.03636,-0.04015,0,-0.01095,0.09776,-0.02872,0.0096,0.07149,-0.07755,0.00475,-0.08954,-0.08937,0.07603,0.02414,0.03895,-0.09864,0.05926,-0.01401,-0.09763,-0.0665,0.00898,-0.00481,0.00564,0.00834,-0.00729,-0.00964,-0.01902,0.07015,0.03901,0.03524,0.06199,-0.04251,0.02458,-0.02603,-0.00273,0.05518,-0.04223,-0.07508,-0.01515,-0.02849,-0.09153,0.03734,-0.00591,-0.04035,0.00737,-0.07123,-0.00108,0.00935,0.05132,-0.03313,0.01558,0.11092,0.03596,-0.0014,0.00131,0.08241,0.08501,0.00457,-0.06389,-0.01234,0.01971,0.06989,0.005,0.04462,0.04754,-0.08675,-0.08524,0.07311,0.05689,0.08746,0.01918,0.02923,-0.09463,-0.06977,0.07589,-0.01696,0.05406,0.08627,-0.05352,0.03191,-0.01449,0.05932,-0.00876,-0.07961,0.04841,-0.0246,0.05699,0.00668,-0.05538,0.05833,0.00748,-0.0313,-0.07476,0.10965,-0.03248,0.01029,0.0355,-0.02285,0,0.03589,0.00002,-0.07382,0.14401,0.00511,0.02325,0.07315,0.01852,0.10251,-0.00717,0.10803,0.06693,-0.02684,-0.0449,0.0232,0.02761,-0.029,-0.04755,0.04386,-0.07001,0.05957,-0.09734,-0.04931,-0.03714,-0.04383,0.01631,0.04901,0.00142,-0.056,-0.00766,0.01516,-0.0318,-0.05523,-0.03602,-0.00695,-0.05135,-0.09273,0.03679,-0.00094,-0.0101,0.01884,-0.00011,0.07907,0.07627,-0.07611,0.0279,-0.04188,0.00984,-0.03174,0.02692,-0.0125,0.00633,-0.01391,-0.08025,-0.0334,-0.00003,-0.00457,-0.00092,-0.12086,0.09502,0.06765,0.01443,-0.04876,-0.04166,0.03277,0.02759,-0.03277,0.01459,0.01604,0.07801,0.01957,-0.06036,-0.08772,0.01481,0.01861,0.0629,0.14801,-0.0207,0.00327,0.0364,-0.04393,0.08657,-0.02872,-0.03836,-0.01925,0.047,-0.10798,-0.00107,0.06416,0.04285,-0.04397,0.02104,0.06695,0.03762,-0.07836,0,-0.06046,0.02486,0.02443,0.00558,0.01261,0.05094,0.02103,0.00654,-0.00994,-0.01316,-0.0441,0.06591,-0.03063,0.01,0.03673,0.08797,-0.08276,0.04072,-0.07837,-0.08402,0.0086,0.08169,-0.01396,-0.02672,-0.02221,0.03039,-0.02555,0.05256,-0.00645,0.03086,-0.02565,0.05651,-0.00431,-0.0006,-0.05675,0.03375,-0.12079,0.02494,-0.02974,-0.01618,0.04365,-0.05203,0.01659,-0.03812,-0.09346,-0.00589,0.01198,-0.0032,-0.0721,-0.0459,-0.08666,0.03028,-0.03664,0.06947,0.00626,0.06603,-0.02808,-0.0042,0.13573,-0.06421,-0.08929,0.03152,0.00144,0.0686],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. The Default Theme Is Now Shipped v18.4.0 also formalizes the styling path that many teams want first: a ready-to-use theme that gives you a coherent editor immediately, while still leaving room for more selective mixin-based styling later. The shipped theme is built on top of the same public styling surface documented in the new styling guides: - exported SCSS mixins - public --ff- alias tokens - domain-level theme layers for canvas, nodes, connectors, connections, plugins, and external items This release also aligns ng add and docs around that path, so the “quick start” styling story is much more consistent than before.","excerpt":"The Default Theme Is Now Shipped v18.4.0 also formalizes the styling path that many teams want first: a ready-to-use theme that gives you a coherent editor immediately, while still leaving room for more selective mixin-based styling later. The shipped theme is built on top of the same public styling surface documented in the new styling guides: - exported SCSS mixins - public --ff- alias tokens - domain-level theme layers for canvas, nodes, connectors, connections, plugins, and external items This release also aligns ng add and docs around that path, so the “quick start” styling story is much more consistent than before."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#4","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.04167,-0.02161,-0.05514,0.00381,0.0146,0.04124,0.00892,0.08197,0.00218,-0.0003,-0.11051,0.00684,-0.06926,-0.02999,0.09092,-0.04694,0.01896,-0.02361,-0.01435,0.02177,-0.0325,-0.05756,-0.01424,-0.00816,-0.10965,0.07119,-0.03032,-0.02334,0.03893,-0.06228,0.01833,0.12741,0.04758,-0.01866,-0.0481,-0.05097,-0.01064,0.02005,-0.07489,-0.07555,-0.01994,0.02104,0.00875,-0.00694,0.0136,-0.05985,0.03921,-0.07132,0.00066,0.05078,-0.02348,-0.09727,0.04916,0.02186,-0.01616,0.04031,0.03025,-0.00292,0.01518,0.00854,-0.02692,0.03151,-0.00272,0.03979,0.03517,0.02054,-0.04846,0.01732,0.04003,-0.05301,-0.04327,0.01227,0.05159,0.00249,0.05178,-0.07105,-0.07793,0.01374,-0.01725,-0.04771,0.0515,0.03973,-0.0112,0.03463,0.0009,0.03859,0.01717,-0.05338,0.01904,0.03588,0.04603,0.01758,0.03009,-0.06636,0.0334,-0.04744,-0.03924,-0.09607,-0.04127,0.03754,0.00661,-0.01969,0.04675,0.06062,-0.00119,-0.01474,0.05522,0.04749,0.01141,-0.00051,-0.03042,-0.02358,-0.03904,-0.05018,-0.0164,-0.00591,-0.02024,-0.06249,0.08433,0.03641,0.01426,0.01802,-0.02121,-0.00816,0.04959,0.01947,-0.04399,0,-0.03032,0.08272,-0.05414,0.01918,0.09205,-0.04594,0.04412,0.00491,-0.00213,0.00448,0.05772,0.01473,-0.09768,0.04395,-0.02503,-0.10056,-0.11258,0.07857,-0.02095,-0.01105,0.04391,-0.06905,-0.00732,-0.03093,0.10107,0.08703,-0.02479,0.1339,-0.04332,0.03634,-0.06567,-0.05513,0.02331,-0.00764,-0.07514,0.01434,-0.03688,-0.09903,0.05843,0.00672,-0.07021,-0.01225,-0.02185,-0.05007,0.02396,0.02094,-0.05222,0.04805,0.01245,0.01463,0.01664,0.0344,-0.00043,0.0247,0.08116,-0.08058,-0.0646,0.04102,0.05774,0.05304,0.05048,0.02225,-0.11502,0.01705,0.02317,0.12285,0.08706,0.03301,0.03586,-0.05795,-0.07942,0.06431,-0.04508,0.00292,0.0692,-0.07557,0.0302,-0.0551,-0.01264,0.00806,-0.04439,0.00651,0.03789,0.06592,0.0406,-0.06681,0.08456,-0.03262,-0.09909,-0.07394,0.13948,-0.01055,-0.00985,0.05394,0.01121,0,0.02837,-0.02016,-0.06507,0.05932,0.0018,0.01767,0.06091,-0.00822,0.07809,-0.04884,-0.00599,0.08413,-0.03682,-0.05017,-0.04177,0.03776,-0.01918,-0.07601,0.04141,-0.06021,0.02237,0.00273,-0.04477,-0.08633,-0.07858,-0.0636,-0.02189,0.02309,0.013,-0.01507,0.01741,0.00376,0.00875,-0.01531,0.02933,-0.00445,-0.04456,0.04824,-0.00809,0.02587,0.01111,0.00416,0.02592,-0.00503,-0.05427,0.04146,-0.07021,0.03045,-0.01148,0.04813,-0.0537,-0.02736,-0.06035,-0.13095,-0.0538,0.05268,0.06007,0.02263,-0.07388,0.04058,-0.00074,0.03102,-0.01728,0.02256,0.09339,0.02004,-0.02794,0.08092,0.00313,0.08258,0.07535,-0.06411,-0.04342,-0.00093,0.01915,0.06433,0.13193,0.00159,0.03277,0.02118,-0.02489,0.09893,0.06145,-0.00808,-0.04714,0.0828,-0.11621,-0.04845,0.03037,0.11413,-0.047,0.03244,0.11781,0.06264,-0.02999,0,-0.0657,0.03881,-0.01007,-0.00804,-0.03864,-0.0061,-0.0431,0.08108,-0.03346,-0.04889,-0.02155,0.02549,-0.05928,0.04172,0.04737,0.06057,-0.04562,0.05994,-0.05477,-0.12327,0.01762,0.0381,0.0223,0.00223,-0.01272,0.00193,-0.02189,0.05059,0.05105,-0.00858,-0.02853,0.06054,0.02302,0.0501,-0.00057,0.01471,-0.08847,-0.00016,-0.07018,0.03618,0.0534,-0.05753,-0.01445,-0.07041,-0.0208,0.07522,0.00435,-0.03291,-0.02494,-0.05728,-0.05332,0.06467,0.00468,0.06059,0.04737,0.07517,-0.00192,-0.02048,0.12405,0.00236,-0.09391,0.11979,0.0096,0.06939],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Example Portal Controls Are Cleaner The examples portal also got a practical cleanup in this release. Instead of repeating ad-hoc control markup or leaning on heavier Material form-field patterns in small demos, examples now use shared portal UI primitives for toolbar layout and native input/select controls where that makes more sense. That improves a few things at once: - examples read more consistently - example code is easier to copy into real projects - the demo UI stays visually aligned with the rest of the portal This is not a headline API feature in the same way as f-auto-pan, but it improves the day-to-day experience of learning the library.","excerpt":"Example Portal Controls Are Cleaner The examples portal also got a practical cleanup in this release. Instead of repeating ad-hoc control markup or leaning on heavier Material form-field patterns in small demos, examples now use shared portal UI primitives for toolbar layout and native input/select controls where that makes more sense. That improves a few things at once: - examples read more consistently - example code is easier to copy into real projects - the demo UI stays visually aligned with the rest of the portal This is not a headline API feature in the same way as f-auto-pan, but it improves the day-to-day experience of learning the library."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#5","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.02193,-0.03055,-0.01048,-0.06243,0.0473,-0.01996,0.09097,0.11991,0.0378,-0.00119,0.01151,0.02221,-0.0915,0.0203,0.03741,-0.04249,0.01441,-0.01157,-0.0709,0.05707,0.01465,-0.099,0.01055,-0.01771,-0.06257,0.01557,0.01933,-0.04679,-0.01399,-0.01695,-0.04058,0.18344,0.04122,-0.00864,-0.07584,-0.10443,-0.00825,0.00561,-0.03656,-0.07059,-0.00153,0.01318,0.11654,0.0494,-0.00097,-0.02377,0.07301,-0.02874,-0.00267,0.0826,-0.01424,-0.05099,0.04633,-0.01799,-0.03263,0.05607,0.01908,0.00831,0.01448,0.04217,-0.02778,-0.00909,0.00438,0.01039,0.01155,-0.02627,0.06798,-0.1435,0.00749,-0.00815,-0.05109,0.01188,0.07955,-0.02189,0.00515,-0.08355,-0.05602,0.02967,0.01181,0.00083,-0.01163,-0.03563,0.02768,0.0492,-0.01204,0.00697,-0.02429,-0.10011,0.00615,0.00698,-0.03005,0.03423,-0.07811,-0.05027,-0.04565,-0.10275,-0.01587,-0.05507,-0.0179,0.00134,0.03503,0.01823,0.0524,0.05639,-0.00013,-0.0011,0.05585,-0.02451,-0.077,0.06026,-0.02774,-0.01191,0.01729,-0.03362,-0.04993,-0.00314,-0.07385,-0.0266,0.10516,0.01063,-0.04535,0.02542,-0.03584,-0.01719,0.04126,0.02811,-0.05951,0,-0.06207,0.03097,0.00383,-0.07279,0.02075,-0.06721,0.00888,-0.06049,-0.02907,0.00337,0.03762,0.00166,-0.02689,0.01711,0.02333,-0.08322,-0.05178,0.02799,-0.03537,0.02261,0.10777,-0.0213,0.02448,-0.01201,0.04663,0.0749,-0.02341,0.08559,0.04791,0.05774,-0.08194,0.00311,0.00508,-0.07384,-0.02948,0.02104,0.00828,-0.09793,0.02898,-0.02375,-0.03101,0.01323,0.00781,-0.09292,-0.02581,0.00474,-0.04721,0.09043,-0.00764,0.01227,0.01667,-0.04254,0.06937,0.01771,0.07473,-0.07141,0.01775,0.03457,0.01434,0.07894,-0.01178,0.01483,-0.0751,-0.04051,0.02632,0.09947,0.10472,0.07711,0.01093,-0.01904,-0.0342,0.07169,0.01415,0.01521,0.06267,-0.04551,0.01376,-0.0205,0.01815,-0.03208,-0.04009,0.01374,0.05454,0.02909,0.00377,-0.06068,-0.00264,0.01743,-0.10434,-0.05782,0.08437,-0.0026,0.00503,0.00239,-0.0462,0,-0.00903,0.01402,-0.07218,0.14621,-0.0286,0.04736,0.10031,-0.02572,0.07457,-0.12345,0.00176,0.02298,-0.03311,-0.04748,0.02859,0.04663,-0.04624,-0.0339,0.02843,-0.06377,0.0548,-0.0911,0.02346,-0.00166,-0.05128,-0.03938,-0.0105,0.02436,-0.05059,-0.03486,0.05553,0.04559,0.01389,-0.0399,0.05661,-0.07041,-0.1063,-0.00141,0.04943,0.03093,0.03826,0.01359,0.12747,0.01232,-0.03244,0.02394,-0.07397,0.03786,-0.0108,0.0393,-0.06037,0.02931,-0.04424,-0.08849,-0.05688,0.07024,0.03477,-0.0132,-0.05428,0.04669,0.02643,0.00355,-0.02728,0.01647,0.06829,0.05685,-0.00729,0.05821,0.04882,0.11061,0.08477,-0.03289,0.00017,0.00896,-0.00941,0.09151,0.13585,0.01159,0.06288,0.03022,0.03965,0.07383,0.05455,0.0392,-0.05007,0.09415,-0.11197,-0.01782,0.03253,0.05998,0.02395,-0.03854,0.03904,0.00104,-0.01664,0,-0.05054,0.09652,-0.02908,0.05264,-0.00349,0.01964,0.00148,0.07541,-0.03511,-0.01435,-0.04444,0.01837,-0.04279,0.06044,0.07856,0.05526,0.01587,0.05052,-0.06386,-0.03661,-0.04943,0.03399,-0.00294,-0.00585,-0.03914,-0.01074,-0.11133,0.05326,0.05006,-0.05432,-0.01574,0.0496,-0.01332,0.03811,-0.07558,0.0298,-0.08022,-0.0103,0.011,0.0258,0.03546,-0.05347,-0.01778,-0.02677,-0.1085,0.01786,0.04817,-0.04993,-0.05996,0.0092,-0.04048,0.09151,0.00626,0.06524,0.03054,0.06288,-0.02901,-0.02091,0.09607,0.00707,-0.05412,-0.00569,-0.0699,0.08718],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Trackpad Zoom Feels Less “Steppy” Touch-device pinch-to-zoom was already supported through the pointer/touch flow. The awkward case in practice was trackpad pinch, because many laptops report it as wheel-like gesture events rather than the same multi-touch pointer sequence used on touch screens. Treating those events like a normal mouse wheel made zoom feel too discrete and jumpy. In v18.4.0, wheel-based gesture zoom now follows trackpad deltas more closely and avoids forcing them through the same minimum-step floor as a classic wheel mouse. That makes viewport zoom feel noticeably more natural on MacBooks and other precision-touchpad setups. Mac Books","excerpt":"Trackpad Zoom Feels Less “Steppy” Touch-device pinch-to-zoom was already supported through the pointer/touch flow. The awkward case in practice was trackpad pinch, because many laptops report it as wheel-like gesture events rather than the same multi-touch pointer sequence used on touch screens. Treating those events like a normal mouse wheel made zoom feel too discrete and jumpy. In v18.4.0, wheel-based gesture zoom now follows trackpad deltas more closely and avoids forcing them through the same minimum-step floor as a classic wheel mouse. That makes viewport zoom feel noticeably more natural on MacBooks and other precision-touchpad setups."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#6","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.05065,-0.00004,-0.04439,-0.00391,-0.00363,-0.00368,0.02221,0.09278,0.03491,-0.01595,-0.0483,0.02205,-0.12174,-0.01499,-0.00224,-0.04615,-0.06224,-0.02154,-0.03893,0.07771,-0.04167,-0.09878,-0.01051,0.01338,-0.07338,0.0442,-0.01198,-0.01448,-0.03516,-0.05656,-0.02254,0.15946,-0.01304,-0.00915,-0.01757,-0.08215,0.02153,0.02249,-0.05259,-0.05674,0.04764,-0.02141,0.10566,0.02029,0.02265,0.03623,0.01846,-0.04233,-0.02826,0.06688,-0.02413,-0.05211,-0.02157,0.03127,0.01101,0.08682,0.02719,0.00138,0.03452,0.04923,-0.01575,-0.00434,-0.03836,0.05512,-0.00679,-0.0269,-0.02698,-0.00287,0.01609,0.00199,-0.04746,0.03159,0.00322,-0.07316,0.07158,-0.03643,-0.02128,0.06932,-0.01578,-0.04062,0.03082,0.02823,0.02525,0.04903,0.00771,0.07255,0.02589,-0.10889,0.01529,0.01788,0.01808,0.04221,-0.03129,-0.01273,-0.00875,-0.03801,-0.05633,-0.09918,-0.03184,0.03227,0.0294,-0.02098,0.10553,0.0637,0.02936,0.01788,0.01756,0.06277,-0.02359,-0.01114,-0.01079,-0.04001,0.02582,-0.05548,-0.03282,0.00842,-0.0736,-0.04286,0.0881,0.04363,-0.03084,0.03418,0.01825,-0.03514,-0.01496,0.03355,-0.05151,0,-0.05224,0.0128,-0.02084,0.0239,0.03209,-0.04023,0.00139,-0.0559,-0.02291,0.01019,0.01095,0.00687,-0.1019,0.03625,-0.03231,-0.08216,-0.04487,0.06644,-0.06281,0.01966,0.06668,-0.05371,-0.02298,-0.08005,0.07867,0.11325,-0.01822,0.11107,-0.05906,0.05958,-0.07074,-0.02462,0.08141,-0.00674,-0.07354,0.0086,-0.02271,-0.10708,0.00008,0.00904,-0.04726,-0.00228,-0.01678,-0.03175,0.03293,0.02361,-0.01438,0.08444,0.04994,0.02239,-0.01058,0.02752,0.05139,0.04225,0.03309,-0.10446,-0.03077,0.06839,0.02128,0.05226,0.03084,0.08118,-0.12891,-0.08154,0.04695,0.12107,0.07102,0.04747,0.01795,-0.05046,-0.08255,0.05482,-0.01677,0.04479,0.05233,-0.04727,0.0447,-0.00604,0.05216,-0.02461,-0.05296,0.05602,0.04524,0.02093,0.02033,-0.07346,0.08356,-0.00863,-0.07173,-0.0407,0.12195,-0.00475,0.04613,0.02191,0.00129,0,-0.02255,0.00318,-0.09356,0.10397,0.02028,0.01679,0.06269,0.00618,0.11939,-0.09617,0.03817,0.0699,-0.04617,-0.05083,0.05247,0.00861,-0.04411,-0.08121,-0.00177,-0.05402,0.06961,-0.06772,-0.01894,-0.05073,-0.03385,-0.03607,0.02517,-0.00048,-0.03784,0.002,0.00855,-0.02137,-0.08155,-0.01907,0.01749,-0.06349,-0.06895,0.06308,0.03806,-0.04946,-0.00223,0.01991,0.05387,0.00441,-0.05791,0.0408,-0.06568,-0.00838,-0.00354,0.02077,-0.07005,0.00228,0.03158,-0.05761,-0.05595,0.07626,0.08111,-0.00648,-0.08443,0.06081,0.03311,-0.02346,-0.00331,-0.01673,0.07271,0.04086,-0.01564,0.03044,-0.02943,0.10083,0.07247,-0.01739,-0.05118,-0.01255,0.00793,0.04243,0.10861,0.00974,0.06205,0.04931,-0.02746,0.1028,0.06358,0.01202,-0.03417,0.00866,-0.07597,-0.00124,0.05289,0.06514,-0.03521,-0.01411,0.03486,0.03186,-0.10303,0,-0.0506,-0.00566,-0.03499,0.02256,-0.00104,0.06178,-0.03877,0.06011,-0.04757,-0.062,-0.02897,0.06769,-0.02468,0.03477,0.04747,0.0205,-0.05675,0.04854,-0.07542,-0.12796,-0.03716,0.03624,0.04196,0.01304,-0.05067,0.02087,-0.04119,0.07394,0.01869,-0.02009,-0.01474,0.02878,0.02465,0.07916,-0.04744,0.05871,-0.08552,0.05361,-0.07744,0.00306,0.0445,-0.06758,0.02408,-0.04105,-0.01729,0.04226,0.04202,0.00687,-0.09255,-0.04343,-0.05127,0.08816,-0.01812,0.07009,0.04266,0.02974,-0.00323,-0.02701,0.08103,-0.00998,-0.11914,0.05265,-0.00015,0.08163],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Connector Geometry and Docs Polish This release also keeps the geometry work moving in the right direction. Rounded connector calculations were hardened again so floating intersections behave more predictably across redraw, create, reassign, drag, and resize flows, especially when connector geometry becomes more complex. On the docs side, the release rounds out: - auto-pan guides and example docs - default-theme and styling guides - release history consistency across changelog, roadmap, and blog overview","excerpt":"Connector Geometry and Docs Polish This release also keeps the geometry work moving in the right direction. Rounded connector calculations were hardened again so floating intersections behave more predictably across redraw, create, reassign, drag, and resize flows, especially when connector geometry becomes more complex. On the docs side, the release rounds out: - auto-pan guides and example docs - default-theme and styling guides - release history consistency across changelog, roadmap, and blog overview"},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#7","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.02154,0.00512,-0.0523,-0.02679,0.00858,0.04872,0.08772,0.08452,0.02183,0.00583,-0.04028,0.00098,-0.11555,-0.0018,0.02252,-0.04268,-0.04262,0.02713,-0.01642,0.06076,0.01998,-0.06374,0.00218,0.00586,-0.0819,0.02925,-0.01121,-0.00621,-0.01932,-0.0316,-0.03695,0.15089,0.0276,0.01096,-0.02804,-0.07245,-0.02235,0.04615,-0.04868,-0.0287,0.02457,0.02314,0.06551,-0.03614,0.01686,0.01557,0.03222,-0.01263,-0.02562,0.06243,-0.03001,-0.05971,0.01002,-0.00024,0.01045,0.07648,0.06425,-0.03162,0.04282,0.02825,-0.07017,0.03467,-0.00753,0.02559,-0.00423,0.04402,0.00448,-0.01379,0.02071,-0.01592,-0.03578,-0.0323,0.07401,-0.09227,0.04808,-0.10589,-0.02496,0.08379,-0.03605,-0.04863,-0.00004,-0.01279,0.03025,0.04943,-0.01172,0.00748,-0.01983,-0.07828,0.03987,0.00369,-0.02193,0.02923,-0.08823,-0.06499,0.01754,-0.0679,-0.08262,-0.10425,-0.02697,0.018,0.04098,-0.02808,0.03613,0.07442,0.01621,0.02824,0.05387,0.0368,-0.03473,0.03249,-0.01165,-0.02499,0.0313,-0.04645,-0.0096,0.00654,-0.04998,-0.04595,0.0414,0.00866,0.02185,-0.01067,-0.06873,-0.05323,0.00552,0.06144,0.00393,0,-0.0037,0.02516,-0.02391,0.00754,0.05238,-0.01593,0.01398,-0.05074,-0.06415,0.00158,0.03473,0.01691,-0.09193,0.00333,-0.07852,-0.141,-0.07185,0.05275,-0.00332,0.00692,0.05378,-0.03573,-0.04639,-0.03534,0.09661,0.06248,-0.03438,0.09017,-0.03018,0.05197,-0.05121,-0.02372,0.05609,-0.03851,-0.10313,-0.02037,-0.05758,-0.05219,0.0185,-0.00957,-0.01675,-0.00542,0.00577,-0.07392,-0.03428,-0.00367,-0.05342,0.12391,0.03144,-0.01682,0.04484,-0.01409,-0.01284,0.01852,0.06295,-0.08802,-0.03985,0.0821,0.03612,0.04034,0.01355,0.01741,-0.08521,-0.06162,0.10118,0.12073,0.087,0.02844,0.02672,-0.06368,-0.05807,0.05936,0.01196,0.02211,0.0489,-0.04646,0.01447,0.01567,-0.00244,0.00565,-0.04822,-0.00807,0.04082,0.0535,0.005,-0.11416,0.07689,0.00545,-0.11367,-0.10646,0.07217,0.01183,0.06054,0.01038,0.0087,0,0.032,-0.0107,-0.04424,0.14428,0.00748,0.02216,0.13212,0.02896,0.09847,-0.07024,-0.01056,0.04155,-0.04264,-0.05693,-0.01522,0.04453,-0.04298,-0.03948,0.03257,-0.01657,0.04887,-0.071,-0.02505,-0.03005,-0.03725,-0.03221,0.03137,0.04718,-0.05422,-0.04613,0.01774,-0.00013,-0.08643,-0.00937,0.0282,-0.05107,-0.04083,0.04331,-0.02214,0.06136,0.01947,0.01252,0.07619,0.00883,-0.04809,0.02581,-0.01839,0.02737,-0.02164,0.02597,-0.08239,-0.00123,0.00605,-0.05008,-0.05637,0.08592,0.06044,-0.01734,-0.07586,0.05979,0.04179,-0.03125,-0.03006,-0.00039,0.06991,0.0303,-0.01811,0.03752,0.03407,0.08116,0.10332,-0.08518,0.00631,0.0143,0.01927,0.04099,0.11634,0.0003,0.06998,0.04999,0.00269,0.0866,0.05472,0.0237,-0.05519,0.06609,-0.11372,0.00994,0.05952,0.05305,-0.06131,-0.01562,0.10232,-0.04259,-0.07125,0,-0.07172,0.02362,0.01269,0.01915,-0.00659,0.03823,0.00763,0.07557,-0.06961,-0.05313,-0.02009,0.06693,0.02701,0.04183,0.03349,0.01052,0.00585,0.03621,-0.05875,-0.10305,-0.01097,0.03849,0.0292,0.02537,-0.05417,-0.02798,-0.0685,0.03557,0.01845,-0.0103,-0.03662,0.04003,0.03391,0.03971,-0.03913,0.01808,-0.11874,-0.00073,-0.0591,-0.00869,0.05604,-0.05063,-0.0308,-0.05688,-0.06781,0.02592,0.07953,-0.0324,-0.06899,-0.01972,-0.02282,0.09788,0.01774,0.08581,0.03822,0.03275,0.00656,-0.02112,0.10846,0.00126,-0.13428,0.06692,-0.02054,0.07066],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.4.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Auto Pan example: <https://flow.foblex.com/examples/auto-pan - Zoom example: <https://flow.foblex.com/examples/zoom - Styling docs: <https://flow.foblex.com/docs/default-theme-and-styling","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.4.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Auto Pan example: <https://flow.foblex.com/examples/auto-pan - Zoom example: <https://flow.foblex.com/examples/zoom - Styling docs: <https://flow.foblex.com/docs/default-theme-and-styling"},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#8","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.01651,-0.00812,-0.01003,-0.02874,0.01545,0.0197,0.01901,0.07428,0.04371,-0.00341,-0.05796,0.02499,-0.1443,-0.02463,0.02708,-0.03108,0.01084,-0.0266,-0.05833,0.05466,-0.04981,-0.06456,-0.00966,0.00089,-0.09474,0.06866,-0.02392,-0.04906,-0.02445,-0.02392,-0.01249,0.16609,0.05528,-0.03295,-0.04934,-0.05486,-0.01054,0.01514,-0.04692,-0.04529,0.00205,0.01603,0.05219,0.02939,0.01823,-0.0082,0.06047,-0.06431,0.01571,0.06736,-0.0291,-0.10027,0.03143,-0.00441,0.00504,0.03431,0.03943,-0.00815,0.01748,0.06058,-0.04804,0.01892,-0.01042,0.03973,0.03954,-0.02172,-0.00292,-0.03824,0.05,-0.00992,-0.06259,0.00285,0.05425,-0.03203,-0.00195,-0.0856,-0.03401,0.01564,0.01012,-0.06176,0.053,-0.04585,0.00533,0.0313,-0.0186,0.05193,0.04063,-0.11541,0.0347,0.03715,0.0153,0.05826,-0.01897,-0.04475,-0.00393,-0.06741,-0.05037,-0.09173,-0.01288,0.01383,0.02555,-0.0286,0.07996,0.05926,-0.00569,0.00663,0.08698,0.04737,-0.04208,0.01255,-0.03402,-0.04365,0.01297,-0.06531,-0.00103,0.0036,-0.06855,-0.02242,0.07288,0.04877,-0.00255,-0.0207,-0.02685,-0.05139,0.02896,0.01284,-0.04549,0,-0.04281,0.03721,-0.02783,0.00295,0.05433,-0.05539,0.01068,-0.04192,-0.04435,-0.00648,0.05463,-0.01475,-0.08876,0.06451,-0.00256,-0.12073,-0.07448,0.0502,-0.01007,0.02148,0.0925,-0.04346,-0.01212,-0.04511,0.07262,0.08361,0.0136,0.06843,-0.02268,0.04476,-0.10771,-0.02543,0.02981,-0.0294,-0.09643,0.02741,-0.03012,-0.08287,0.05164,-0.0399,-0.05211,0.02312,-0.04998,-0.0657,0.03735,-0.00556,-0.03425,0.09356,0.01149,0.01149,0.02426,0.00519,0.04349,0.06025,0.03792,-0.07668,-0.00142,0.04209,0.03518,0.03889,0.03794,0.06669,-0.11104,-0.06741,0.06099,0.10511,0.11617,0.05228,0.01343,-0.05292,-0.08135,0.03727,-0.00578,0.01607,0.08729,-0.05407,0.02055,-0.02615,0.01628,-0.02271,-0.02956,0.04236,0.03859,0.03244,0.06434,-0.06529,0.04192,0.01582,-0.09864,-0.03168,0.1077,-0.03776,0.01777,0.06557,-0.02297,0,0.01344,0.00964,-0.0774,0.13822,-0.01034,-0.00029,0.06182,0.00078,0.09052,-0.07138,0.04654,0.04798,-0.03871,-0.04416,0.03168,0.01823,-0.01226,-0.07437,0.01771,-0.08582,0.05949,-0.08099,0.01069,-0.02787,-0.05712,-0.0452,-0.00172,0.0284,-0.03785,-0.05738,0.03208,-0.01411,-0.01704,-0.04341,0.05116,-0.02723,-0.06411,0.02712,-0.00225,0.02204,0.03895,0.03271,0.0806,0.02694,-0.05423,0.03807,-0.08742,0.02102,-0.01428,0.02392,-0.05693,-0.01364,-0.0304,-0.09615,-0.03909,0.07019,0.05651,0.02425,-0.07905,0.03556,0.02277,0.00006,0.001,-0.01421,0.07623,0.06741,-0.02783,0.08613,0.02137,0.10976,0.09136,-0.04651,-0.08212,0.0051,-0.00355,0.07327,0.12156,-0.01638,0.04529,0.0331,0.00008,0.09093,0.06445,0.00555,-0.04305,0.06265,-0.11708,-0.04759,0.03427,0.08105,-0.01707,-0.01024,0.0538,0.01543,-0.08874,0,-0.07554,0.04471,0.00943,0.01788,0.01487,0.01759,-0.01821,0.08429,-0.02304,-0.03139,0.0175,0.01878,-0.01809,0.03883,0.06333,0.04361,-0.04119,0.0516,-0.06224,-0.11619,0.00017,0.05176,0.01863,-0.00457,-0.02105,-0.00719,-0.01639,0.02323,0.01671,-0.03348,0.00234,0.06648,0.01837,0.06358,-0.04394,0.04459,-0.08766,0.00006,-0.08126,0.00618,0.03739,-0.06348,-0.01825,-0.04616,-0.08128,0.00138,0.04871,-0.04695,-0.07072,-0.04901,-0.0687,0.08327,-0.00304,0.06795,0.04958,0.04641,-0.02475,-0.01971,0.09971,0.00526,-0.1129,0.03211,-0.00671,0.09762],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Closing v18.4.0 is an editor-quality release. It does not revolve around one huge new subsystem. Instead, it improves the things people touch constantly: dragging near viewport edges, getting a good-looking editor running quickly, and zooming naturally on trackpads. Those are the kinds of changes that make Foblex Flow feel more production-ready in everyday use.","excerpt":"Closing v18.4.0 is an editor-quality release. It does not revolve around one huge new subsystem. Instead, it improves the things people touch constantly: dragging near viewport edges, getting a good-looking editor running quickly, and zooming naturally on trackpads. Those are the kinds of changes that make Foblex Flow feel more production-ready in everyday use."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#0","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.10318,-0.06342,0.00097,0.05841,0.01571,0.00781,-0.07285,-0.00769,0.00065,-0.00921,-0.04428,0.0318,-0.07256,-0.02192,0.01087,0.04197,0.06855,-0.01857,-0.03331,0.00578,-0.04768,-0.07833,-0.0575,0.02033,0.00145,0.0108,-0.00506,0.00584,-0.02785,-0.04283,-0.00649,0.06152,-0.05586,-0.00054,0.03403,0.04762,0.00035,-0.02893,-0.09183,-0.00044,0.05681,0.00362,0.01321,0.00953,0.0384,-0.01674,0.06453,-0.07385,-0.03815,-0.02783,-0.01103,-0.04805,-0.01528,0.06047,0.03356,0.07513,0.05539,0.01485,-0.00699,0.07106,-0.02521,-0.00176,-0.00414,0.00227,0.04869,-0.02282,0.00226,-0.01628,0.012,0.04108,-0.06283,0.03724,-0.02409,-0.11763,0.05279,0.02638,0.10142,0.00485,0.07129,-0.13445,0.03893,0.00449,-0.00847,0.00806,-0.01915,-0.01688,0.01813,-0.11559,0.03051,0.0528,0.03584,0.01844,-0.03154,0.09969,-0.01696,-0.04368,-0.03932,-0.03689,-0.00608,0.05203,-0.00979,-0.02419,0.10764,0.0726,-0.02203,-0.00148,0.02068,0.0885,-0.06989,-0.00344,0.03915,0.04015,-0.01155,-0.05041,-0.05914,0.04642,-0.00817,-0.01444,0.03384,0.06682,-0.032,-0.02658,0.05291,-0.02953,-0.04836,-0.03218,-0.05412,0,-0.02662,-0.01442,-0.05472,0.02157,0.09783,-0.00768,0.02413,0.00539,-0.00252,-0.02963,-0.04611,0.02665,-0.0382,0.06284,-0.0027,-0.11397,-0.02322,0.08421,-0.04787,0.09734,0.08903,-0.08813,-0.03274,-0.12545,0.05778,0.06051,0.06436,0.03123,-0.09578,0.05008,-0.01604,0.00724,0.07068,0.05496,-0.10741,0.02604,-0.04445,-0.1327,-0.03471,0.00394,-0.03922,0.05158,-0.0716,-0.04139,0.00809,-0.00661,-0.04811,0.00888,0.03709,0.03273,0.03313,0.05137,0.00977,0.00052,0.01907,-0.04649,0.01511,0.01908,0.053,0.0284,0.02192,0.07047,-0.06694,-0.01636,0.05773,0.091,0.00822,0.091,-0.03623,-0.03445,-0.08515,0.07636,0.01488,-0.01468,0.05627,-0.02855,0.0122,0.05557,0.02445,-0.02213,-0.02555,0.07004,0.00018,0.00818,0.01919,-0.03923,0.00024,-0.01466,-0.03204,0.04365,0.13933,-0.02094,0.03258,0.04407,-0.03333,0,-0.03094,0.0284,-0.09465,0.02282,0.01142,-0.06775,0.05773,0.02629,0.00727,-0.01024,0.04915,-0.02142,-0.08193,-0.0014,0.02573,-0.05449,-0.01626,-0.0914,-0.00626,-0.01571,0.08291,0.05043,-0.06206,-0.05428,-0.04798,-0.02591,-0.04391,0.05146,-0.04244,-0.03031,0.00365,0.00371,-0.06343,-0.06205,-0.02134,0.08523,-0.0803,0.0423,0.02729,-0.03979,0.06071,0.0431,-0.06014,0.02974,-0.03742,0.04926,-0.07368,-0.11337,-0.00267,0.03808,-0.0319,0.01616,-0.02535,0.00225,-0.0925,0.03143,0.03018,0.00835,-0.09822,0.07934,0.07989,-0.03783,0.04091,-0.00686,0.05386,0.04162,0.02153,0.02992,0.1085,0.10897,0.08653,0.05027,-0.06809,0.03896,0.04244,-0.02542,0.02822,0.00917,-0.00073,0.10248,-0.01754,0.06435,0.03431,0.07345,0.08727,-0.0359,-0.02389,0.02011,0.05976,0.03476,-0.04097,-0.07221,-0.05533,0.02427,-0.07187,0,-0.03831,0.00051,-0.04002,0.00124,0.02757,-0.01927,-0.02783,0.06585,-0.03756,-0.01315,0.01574,-0.00181,-0.048,-0.02234,0.06548,0.02314,-0.01943,-0.00395,-0.08437,-0.10983,-0.03595,0.10184,-0.01281,0.10683,0.03126,-0.00809,0.02722,0.05379,0.03262,-0.00931,-0.06012,0.06226,0.00172,0.04537,-0.06384,0.11503,-0.03322,0.04655,-0.05664,0.05444,-0.01524,-0.05617,0.03411,0.01268,0.06202,0.05348,-0.14571,-0.00493,-0.10695,-0.07743,-0.06588,0.03349,-0.0648,0.09232,0.02999,-0.03916,-0.00834,-0.04791,0.03425,0.04517,-0.05469,-0.05036,0.02742,0.01481],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0 finishes the connection-model work that started around projected rendering and large-scene performance. Today I’m shipping v18.3.0. This release makes connection gradients explicitly projected, removes more redundant redraw work for unchanged connections, fixes connection worker startup in production builds, and refreshes the roadmap and docs around the new model.","excerpt":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0 finishes the connection-model work that started around projected rendering and large-scene performance. Today I’m shipping v18.3.0. This release makes connection gradients explicitly projected, removes more redundant redraw work for unchanged connections, fixes connection worker startup in production builds, and refreshes the roadmap and docs around the new model."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#1","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.13793,-0.03709,-0.02917,0.03857,-0.03001,0.00549,0.0065,-0.0043,-0.04025,-0.00494,-0.08613,0.04938,-0.0632,-0.02852,0.02934,0.0503,0.02446,-0.03994,-0.03205,-0.04192,-0.02206,-0.06525,-0.05374,-0.01156,-0.01211,-0.01471,0.01348,0.00008,-0.00778,-0.00801,-0.02803,0.02775,-0.07454,0.0157,0.00394,0.07073,0.01831,-0.00838,-0.08496,0.03443,0.06732,-0.002,-0.0262,0.00244,0.02213,-0.0081,0.00864,-0.03868,-0.06794,0.00199,-0.03281,-0.03902,-0.06202,0.07613,0.0656,0.0614,0.0227,0.0112,-0.02797,0.06866,0.01913,-0.06669,0.01145,-0.01822,0.03091,-0.01257,-0.02989,-0.00373,0.02841,0.01164,-0.07651,0.02755,-0.05514,-0.09787,0.03256,-0.0049,0.05285,0.01715,0.03933,-0.15539,0.04716,0.00133,0.0361,0.01299,-0.00742,-0.01245,0.03899,-0.15227,0.08148,0.04983,0.03271,0.06632,-0.03436,0.04617,0.00326,0.00985,-0.04972,-0.01327,-0.01834,0.04038,-0.0218,-0.02808,0.09049,0.05829,-0.03462,0.00111,0.00095,0.09034,-0.00376,0.02861,0.01794,0.06368,0.0191,-0.08543,-0.08117,0.01403,-0.01921,-0.0164,0.01745,0.10324,-0.01977,-0.05032,0.00301,-0.04748,-0.02791,-0.05321,-0.02375,0,-0.02752,0.00606,-0.02353,0.05193,0.07183,-0.02702,0.01829,-0.04223,-0.02371,-0.0101,-0.06421,0.02379,-0.04408,0.0649,-0.01647,-0.06621,-0.02004,0.03904,0.00664,0.09867,0.10601,-0.07542,-0.02948,-0.08706,0.09826,0.04439,0.04415,0.02653,-0.06337,0.05424,0.01961,0.00553,0.01724,0.04959,-0.08546,0.03122,-0.0156,-0.11768,-0.05034,0.01166,0.00927,0.01464,-0.09712,-0.03895,-0.01692,-0.0411,-0.07102,0.01832,0.06584,0.04354,0.01149,0.07313,0.05209,-0.00752,0.0227,-0.02718,-0.01811,0.04004,0.01932,0.0779,0.05877,0.04566,-0.05346,0.01804,0.0934,0.08312,0.04638,0.06277,0.00911,-0.02619,-0.07612,0.09027,0.0196,-0.02405,-0.01644,-0.02892,-0.00595,0.06627,0.00154,-0.01934,-0.02166,0.00367,-0.00699,0.02973,0.02843,-0.03167,0.00134,-0.05173,0.00545,0.01656,0.12082,-0.00226,0.01997,0.05612,-0.03291,0,-0.00874,0.00297,-0.11479,0.05452,-0.00408,-0.05027,0.09115,0.00726,0.02083,0.04786,0.03117,0.01419,-0.04527,-0.02928,0.05573,-0.03853,-0.00233,-0.10054,-0.04468,-0.00083,0.03736,0.03793,-0.04899,-0.06075,0.0116,-0.00618,-0.04205,0.01423,-0.04042,-0.04613,-0.01842,0.01165,-0.05579,-0.05544,-0.02416,0.04799,-0.08802,0.05619,0.0678,-0.0287,0.09202,0.03508,-0.08083,-0.02231,-0.02597,0.0348,-0.06801,-0.09186,-0.07702,0.01301,0.06762,0.02502,-0.03817,0.00115,-0.09199,0.04686,0.03306,-0.02141,-0.09307,0.05724,0.10446,-0.06029,0.02761,0.04693,0.03682,0.00703,0.0054,-0.01206,0.08773,0.05059,0.05745,0.07818,-0.02828,0.08509,0.03505,-0.0402,0.03935,-0.01305,-0.01985,0.13174,-0.0484,0.09689,0.05556,0.07435,0.10313,-0.0024,-0.05066,0.03097,0.08943,0.01562,-0.05224,-0.09791,-0.07234,0.05231,-0.07758,0,-0.07469,0.01372,-0.08746,0.01001,0.0405,-0.00964,-0.02748,0.0288,-0.00423,0.01414,-0.00085,0.0306,-0.02177,0.00336,0.05499,0.0332,0.01547,-0.00908,-0.07476,-0.09974,-0.0497,0.07577,-0.03542,0.13344,0.04459,-0.00999,0.03131,0.03754,0.02634,-0.01722,-0.0761,0.02684,0.01583,0.03843,-0.03843,0.11652,-0.04544,0.03924,-0.07587,0.04049,0.01706,-0.02945,0.07972,0.00071,0.04617,0.04073,-0.1399,0.00037,-0.09195,-0.08413,-0.05361,0.03307,-0.06729,0.08108,0.00503,-0.0462,-0.01194,-0.04651,0.01338,0.02118,-0.06492,0.00412,0.0347,-0.04003],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Highlights - 🎨 Projected f-connection-gradient is now the supported way to configure connection gradients. - ⚡ Smarter redraw caching skips repeated marker regeneration and repeated line initialization for unchanged routes. - 🧵 Production worker hardening starts the connection worker from a blob URL instead of requesting a .ts worker file. - 📚 Docs and roadmap refresh now explain the new connection model more clearly.","excerpt":"Highlights - 🎨 Projected f-connection-gradient is now the supported way to configure connection gradients. - ⚡ Smarter redraw caching skips repeated marker regeneration and repeated line initialization for unchanged routes. - 🧵 Production worker hardening starts the connection worker from a blob URL instead of requesting a .ts worker file. - 📚 Docs and roadmap refresh now explain the new connection model more clearly."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#2","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.10465,-0.01421,-0.03878,0.02688,0.01122,0.07322,-0.01518,-0.05249,0.02258,-0.0054,-0.05603,0.0286,-0.06101,-0.0365,0.06496,0.03818,0.00695,-0.01185,-0.06353,-0.01805,-0.08161,-0.08293,-0.05231,-0.01896,-0.00984,0.03498,0.02708,-0.0142,0.00987,-0.05005,-0.00881,0.03234,-0.06057,0.02531,-0.04649,0.04998,0.01963,0.02377,-0.07735,-0.00102,0.09393,0.02568,-0.01462,-0.05897,0.01534,0.02022,0.01604,-0.00705,-0.06669,-0.03867,-0.02712,-0.12743,-0.02614,0.06979,-0.01371,0.09068,0.04013,0.01053,0.02771,0.06057,0.00232,-0.03093,0.02042,-0.00029,0.04489,-0.02717,-0.0413,-0.02381,0.01385,0.02598,-0.03575,0.03222,-0.00753,-0.1116,0.03106,0.05269,0.09372,0.05566,0.02446,-0.12009,0.07773,0.07179,0.02001,0.03571,-0.00575,0.02816,0.01268,-0.14757,-0.01613,0.02914,0.02581,0.04248,-0.05956,0.06977,0.00669,-0.00511,-0.06187,-0.0489,-0.01388,0.01941,-0.01184,-0.07601,0.1046,0.0789,-0.05781,0.00838,0.00337,0.10986,-0.04038,0.02427,0.04937,0.06615,0.01683,-0.08855,-0.06022,-0.00368,-0.07647,-0.0168,0.00929,0.14068,-0.00516,-0.03277,-0.01346,-0.02117,-0.04558,-0.02089,-0.02932,0,-0.00717,0.02058,-0.08596,0.04424,0.0984,0.02044,-0.01049,-0.05758,-0.0253,-0.0284,-0.01348,-0.01631,-0.11157,0.06083,-0.00815,-0.08318,0.00373,0.05574,-0.04683,0.08808,0.08176,-0.07743,-0.04416,-0.06073,0.06109,0.07269,0.04311,0.02115,-0.1034,0.01143,0.03383,0.01071,0.05607,0.03147,-0.10919,0.00751,0.01367,-0.11903,-0.05078,0.0293,0.02428,0.05683,-0.08953,0.03364,0.00638,0.01295,0.01657,0.0103,0.0923,0.02299,-0.04209,0.03984,0.01643,0.00002,0.03165,-0.0313,-0.02319,0.04443,0.06075,-0.01707,0.06654,0.09828,-0.02265,-0.03368,0.06605,0.04814,0.00344,0.0672,-0.00287,-0.04522,-0.0883,0.07824,-0.02804,-0.00637,0.00549,-0.02878,0.02683,0.05948,0.11619,-0.00609,-0.02909,0.05147,-0.03185,0.04168,0.00689,-0.02451,0.00966,-0.05261,-0.04292,0.02318,0.12001,0.01152,-0.01933,0.01814,-0.01762,0,-0.01475,0.04211,-0.05211,0.01523,0.03909,-0.07774,0.05145,0.07304,0.01412,0.0566,0.07696,0.05139,-0.0602,0.0042,0.00571,-0.0123,-0.0574,-0.05981,-0.01462,-0.05172,0.01732,0.03918,-0.05736,-0.06934,-0.04333,0.01028,0.01179,0.01568,-0.04707,-0.02763,-0.01103,0.01106,-0.06332,-0.04687,-0.04952,0.02952,-0.06069,-0.01817,0.02063,-0.05141,0.06729,0.04532,-0.03257,-0.01635,-0.06912,0.01857,-0.03902,-0.10515,-0.02325,0.00502,0.0317,0.0279,-0.02057,0.01477,-0.08218,-0.01271,0.01427,0.02391,-0.0447,0.05581,0.06934,-0.00815,0.01184,-0.01459,0.05521,0.0664,0.0159,0.0022,0.11523,0.072,0.10024,0.06225,-0.02973,0.03192,0.05998,-0.02013,0.06454,0.03673,0.02338,0.07226,-0.00674,0.05029,0.0455,0.01822,0.10853,-0.03356,-0.0484,0.02642,0.07564,0.01375,-0.05262,-0.08325,-0.03089,-0.03369,-0.0418,0,-0.04194,0.01974,-0.02444,-0.00818,0.04386,-0.01687,0.02,0.02433,0.00061,0.04997,-0.05665,0.05363,-0.01613,-0.01044,0.0506,0.02075,-0.04645,0.00563,-0.05879,-0.0599,-0.06729,0.10799,0.01497,0.10184,0.03919,-0.03117,0.02404,0.04193,0.02329,-0.01295,-0.05275,0.04461,0.04756,0.00954,-0.05792,0.07776,-0.12687,0.04357,-0.10448,-0.00013,-0.04081,-0.07959,0.08424,0.00063,0.0095,0.01098,-0.09781,0.03301,-0.11474,-0.02919,-0.06002,0.01329,-0.08861,0.0688,-0.00086,-0.08096,-0.02178,0.00855,0.02075,-0.01179,-0.07144,-0.04844,0.03088,-0.05712],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Projected Connection Gradients Are Now the Model Before this release, gradient colors could live directly on the connection components. In v18.3.0, gradient configuration is now projected through f-connection-gradient, which makes the connection template more explicit and keeps visual configuration alongside other projected connection content. Old shape: New shape: This is the main migration point in the release. ::: ng-component <connection-gradients</connection-gradients [height]=\"700\" :::","excerpt":"Projected Connection Gradients Are Now the Model Before this release, gradient colors could live directly on the connection components. In v18.3.0, gradient configuration is now projected through f-connection-gradient, which makes the connection template more explicit and keeps visual configuration alongside other projected connection content. Old shape: New shape: This is the main migration point in the release. ::: ng-component <connection-gradients</connection-gradients [height]=\"700\" :::"},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#3","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.09035,-0.05654,-0.05567,0.05148,-0.00307,0.00644,0.00619,0.00618,0.01151,-0.04681,-0.07185,0.05811,-0.07944,-0.0511,0.02487,0.05465,0.00494,0.04282,-0.06265,-0.03616,-0.0233,-0.12237,-0.04323,0.00194,-0.03228,0.00417,0.02883,-0.02924,0.00575,-0.06568,-0.00038,0.02399,-0.04758,-0.00136,-0.05473,0.04692,0.02492,-0.01781,-0.07776,0.00654,0.03775,0.00516,-0.03533,0.02463,0.01187,0.00857,0.03791,-0.02486,-0.09878,0.01784,0.01676,-0.05537,-0.05944,0.08718,0.03514,0.08194,0.03081,0.02087,-0.02212,0.05533,-0.00139,-0.01783,0.00685,0.02184,-0.00746,-0.00501,0.00159,-0.06382,0.0299,0.01208,-0.0706,0.02258,0.00693,-0.04662,0.07725,0.01741,0.06647,0.03647,0.00865,-0.1537,0.04693,0.00037,-0.00779,0.04744,0.10804,0.02262,-0.00964,-0.14816,-0.00629,0.08514,-0.00493,0.06494,-0.01551,0.03176,-0.0423,-0.0145,-0.00817,-0.04754,-0.00807,0.0696,-0.02551,-0.01801,0.04982,0.05574,-0.0146,-0.0375,0.0062,0.04253,-0.06991,0.00134,0.01303,0.05654,0.03125,-0.07419,-0.05396,0.03272,-0.02023,-0.00375,0.05147,0.08036,0.0248,-0.05166,0.01265,-0.02593,-0.01036,-0.04333,-0.0235,0,-0.03691,0.00506,-0.05566,0.01294,0.06394,0.0219,-0.0006,-0.02614,-0.03504,-0.03638,0.01689,0.02361,-0.02687,0.09209,0.03269,-0.05611,-0.01683,0.083,-0.02372,0.04644,0.05506,-0.06714,-0.03215,-0.07781,0.09298,0.07247,0.0043,0.04568,-0.08814,0.03803,-0.01142,-0.05372,0.01068,0.04714,-0.06484,0.04759,-0.02691,-0.14029,-0.05113,0.03647,-0.04721,0.04498,-0.11437,-0.0618,-0.00929,-0.01739,-0.08399,0.04702,0.03733,0.02075,0.01235,0.0674,0.06387,0.00309,0.02372,-0.08442,-0.03608,0.02707,0.02511,0.0557,0.03176,0.05557,-0.06205,0.00424,0.05903,0.09341,0.06165,0.06619,-0.02041,-0.039,-0.0688,0.10865,0.02604,-0.02779,-0.01262,-0.03571,-0.02236,0.00938,0.05529,-0.05983,-0.02191,0.04822,-0.0267,0.04911,0.02872,-0.06374,0.00739,-0.05696,-0.05935,0.02384,0.10721,-0.02379,0.01993,0.03029,-0.03391,0,-0.02635,0.01976,-0.09529,0.09013,0.0007,-0.04852,0.0679,0.05114,0.02595,-0.02184,0.05487,-0.00797,-0.09097,0.00262,0.01084,-0.00354,-0.07936,-0.07846,-0.04521,-0.04003,0.05884,0.02853,-0.00808,-0.03929,-0.03793,-0.00295,-0.05468,0.06308,-0.07946,-0.04596,0.00202,0.00793,-0.05589,-0.07244,0.00778,0.04675,-0.03377,0.0752,0.04233,0.03195,0.09517,0.04755,-0.0121,0.01782,-0.01235,0.0746,-0.11945,-0.03985,-0.04361,0.04043,0.03719,0.00524,-0.0691,0.00837,-0.07156,0.04232,0.03557,0.01412,-0.05366,0.09508,0.00634,-0.04878,0.01315,0.05245,0.07111,0.00776,0.03736,0.02105,0.09916,0.07212,0.12803,0.04376,-0.05475,0.0202,0.01897,-0.04305,0.08004,-0.04222,-0.0311,0.13211,-0.02541,0.03775,0.07262,0.05306,0.05451,0.02358,-0.08029,0.01923,0.06155,0.0022,-0.01441,0.01367,-0.03521,-0.01387,-0.07726,0,-0.09364,0.003,-0.04887,0.01286,0.03508,-0.01855,-0.02351,0.04204,-0.05376,-0.03264,0.04542,0.01828,-0.01905,-0.02778,0.06174,0.00191,0.00495,0.0063,-0.09621,-0.0908,-0.08289,0.10636,-0.05273,0.0915,0.03046,-0.06221,0.05367,0.06849,0.05919,-0.02922,-0.04814,0.08188,0.08279,0.04366,-0.05356,0.08184,-0.05935,0.0444,-0.07244,0.06058,-0.00152,-0.05217,0.02204,0.01179,0.03858,0.02317,-0.1124,-0.01364,-0.05423,-0.07775,-0.05265,0.02582,-0.03963,0.07162,0.01982,-0.04943,-0.02792,-0.00454,0.05631,0.03351,-0.0618,-0.01473,0.05599,-0.00474],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Smarter Redraws for Unchanged Connections This release also trims more internal redraw work when the effective connection output did not actually change. That includes: - skipping marker regeneration when the marker signature is unchanged - skipping repeated setLine() and initialize() work when the route signature is unchanged - keeping gradient DOM ids stable per connection instance - reducing extra DOM writes when gradient coordinates and colors did not change This is not a new API headline like fCache, but it matters in editors that already redraw many connections during drag, resize, reassignment, or viewport movement. set Line f Cache","excerpt":"Smarter Redraws for Unchanged Connections This release also trims more internal redraw work when the effective connection output did not actually change. That includes: - skipping marker regeneration when the marker signature is unchanged - skipping repeated setLine() and initialize() work when the route signature is unchanged - keeping gradient DOM ids stable per connection instance - reducing extra DOM writes when gradient coordinates and colors did not change This is not a new API headline like fCache, but it matters in editors that already redraw many connections during drag, resize, reassignment, or viewport movement."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#4","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.13381,-0.01599,-0.01402,0.05657,0.00298,-0.02067,-0.00533,0.03069,-0.02433,-0.01463,-0.05811,0.03505,-0.06232,0.00722,0.03608,0.03976,0.03785,-0.05017,-0.03779,0.00003,-0.0302,-0.04667,-0.03237,0.01794,-0.03236,-0.02876,-0.02263,0.01877,-0.02397,-0.00289,-0.00197,0.029,-0.0349,-0.02683,0.07206,0.08018,-0.01014,-0.00428,-0.08964,0.01813,0.06622,0.01009,-0.00775,-0.00815,0.00182,-0.00728,0.0484,-0.0705,-0.0417,-0.01177,-0.00969,-0.04502,-0.0166,0.04987,0.04717,-0.00762,0.03066,0.00861,-0.00038,0.05464,0.00879,-0.04266,0.03537,-0.06064,0.05985,-0.00417,-0.00728,-0.04318,-0.01589,-0.00827,-0.06001,0.03484,-0.04815,-0.07405,0.00708,0.01662,0.06633,0.01635,0.0486,-0.12516,0.04532,-0.04329,0.04528,0.02157,-0.02963,0.00007,0.04672,-0.11355,0.09395,0.05857,0.01421,0.05884,-0.01875,0.09558,0.06686,-0.04122,-0.04358,0.02381,-0.02615,0.03188,-0.00023,-0.06251,0.13045,0.0565,-0.04825,-0.00005,0.0088,0.07524,-0.01959,-0.03549,0.01396,0.06343,0.01284,-0.08403,-0.07688,0.01115,-0.02467,-0.01803,-0.02367,0.08332,0.0001,-0.04608,0.00724,-0.02625,-0.03525,-0.05497,-0.00775,0,-0.02813,-0.0409,-0.03209,0.05461,0.07619,-0.02575,0.05502,-0.05082,0.00873,-0.02998,-0.03654,0.01855,-0.01562,0.03838,0.00242,-0.07419,-0.009,0.066,-0.0162,0.11398,0.12158,-0.08835,-0.04692,-0.0955,0.07616,0.02156,0.04997,0.00959,-0.06379,0.04692,-0.01551,-0.00905,0.036,0.05068,-0.09374,0.01322,-0.03223,-0.08118,-0.0618,0.02564,0.00991,0.03971,-0.06301,0.00279,0.02564,-0.04449,-0.06781,-0.00164,0.06716,0.03932,-0.00107,0.0604,0.05966,0.00145,0.05935,-0.01202,0.01539,0.03526,0.00817,0.01973,0.05937,0.0759,-0.0631,-0.00615,0.09012,0.04503,0.02116,0.06298,-0.00352,-0.04651,-0.07505,0.07142,0.02418,-0.04096,0.00048,-0.00212,0.04108,0.05646,-0.01773,-0.04463,0.00438,0.02556,0.01245,-0.00139,0.02743,-0.01234,-0.01814,-0.03642,-0.02177,0.03508,0.16367,-0.04438,-0.00227,0.05696,-0.04577,0,0.00054,0.0058,-0.09365,0.0102,0.03267,-0.03831,0.07921,0.00568,0.02328,0.0253,0.02669,0.0044,-0.08436,-0.01463,0.00636,-0.0072,-0.00499,-0.07588,-0.01269,-0.0163,0.05222,0.03254,-0.00084,-0.02174,-0.02958,0.01056,-0.07027,0.03838,-0.03712,-0.06134,-0.01165,0.02896,-0.03419,-0.04557,0.00455,0.02081,-0.1059,0.03705,0.07057,-0.0402,0.07553,0.03555,-0.06196,0.02388,-0.05823,0.03056,-0.05864,-0.14249,-0.05928,0.03489,0.02825,-0.00062,-0.01773,0.00548,-0.06351,0.00358,0.05517,-0.01419,-0.1575,0.09469,0.11562,-0.02152,0.07879,0.01637,-0.00866,0.02655,-0.00138,0.04754,0.07875,0.08859,0.03009,0.04183,-0.06019,0.03811,0.00864,-0.00506,0.02798,-0.01695,-0.00673,0.10805,-0.03964,0.07626,0.01026,0.06488,0.09178,-0.03587,-0.01561,0.00768,0.07181,0.01883,-0.03568,-0.13265,-0.04764,0.06193,-0.03268,0,-0.0597,0.03278,-0.10243,0.00708,0.04165,-0.04444,-0.01101,0.01191,0.013,0.04653,-0.02483,0.01976,0.01253,-0.01363,0.05307,0.02977,-0.04016,-0.00285,-0.06968,-0.13983,-0.02489,0.07189,-0.03407,0.1095,0.00874,0.01433,0.02077,-0.01625,0.05404,0.01958,-0.06483,0.0657,-0.01506,0.0406,-0.07791,0.10171,-0.02099,0.04633,-0.08349,0.01316,0.01872,0.0021,0.06155,-0.02804,0.03802,0.03574,-0.17471,0.01713,-0.11083,-0.09976,-0.03893,0.04879,-0.07799,0.14473,0.00943,-0.0168,-0.01676,-0.04692,0.03724,0.0329,-0.06691,-0.02871,0.05047,0.00259],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Production Worker Hardening v18.2 introduced the connection worker for heavier redraw scenarios. In real production deployments, that exposed a packaging problem: some builds could end up requesting worker/f-connection.worker.ts directly, which then failed with a MIME-type error after deployment. In v18.3.0, the worker runtime is started from a self-contained blob URL instead. That removes the external .ts worker request and makes the production startup path much safer. This release also keeps the worker opt-in behavior intact. The change is about how the runtime is loaded, not about forcing the worker on by default.","excerpt":"Production Worker Hardening v18.2 introduced the connection worker for heavier redraw scenarios. In real production deployments, that exposed a packaging problem: some builds could end up requesting worker/f-connection.worker.ts directly, which then failed with a MIME-type error after deployment. In v18.3.0, the worker runtime is started from a self-contained blob URL instead. That removes the external .ts worker request and makes the production startup path much safer. This release also keeps the worker opt-in behavior intact. The change is about how the runtime is loaded, not about forcing the worker on by default."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#5","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.11013,-0.02644,-0.04656,0.01226,-0.03305,0.03062,-0.03623,0.04887,-0.04307,-0.03502,-0.05523,0.04712,-0.07212,-0.04688,0.00303,0.02561,0.00768,-0.02507,-0.03115,-0.03024,-0.04799,-0.10032,-0.05414,-0.00626,-0.01623,-0.00214,-0.00271,-0.01028,-0.04283,-0.03252,-0.0014,0.06494,-0.02205,-0.00565,-0.01615,0.03837,0.05192,0.00196,-0.08122,0.04068,0.03078,-0.03794,0.00957,0.00021,0.02058,-0.00063,0.04029,-0.03608,-0.05669,-0.01099,-0.04422,-0.04505,-0.03301,0.07909,0.05414,0.05861,0.03207,-0.00708,-0.04092,0.06551,0.01678,-0.04683,-0.04714,0.02003,0.01551,-0.01569,-0.01833,0.00808,0.02674,-0.00465,-0.0794,0.03287,-0.04585,-0.12811,0.05144,0.00948,0.10728,0.04551,0.04812,-0.13942,0.0677,0.05358,0.00695,-0.01225,-0.02543,0.01569,0.02221,-0.11233,0.02909,0.06103,0.0316,0.06954,-0.02154,0.04374,0.03593,0.00224,-0.04102,-0.05147,-0.0145,0.06491,-0.00864,-0.02054,0.08933,0.02598,-0.04187,-0.0006,-0.01064,0.09224,-0.03034,-0.00349,0.0079,0.03165,-0.01415,-0.10584,-0.03429,-0.00967,-0.02727,-0.00768,0.0556,0.07744,-0.04569,-0.0255,-0.00157,-0.01718,-0.03894,-0.00358,-0.09123,0,-0.03252,-0.00665,-0.0397,0.07103,0.06449,-0.01273,0.0314,-0.03769,-0.00809,-0.01328,-0.02598,0.03663,-0.07902,0.04866,0.0049,-0.1151,-0.03867,0.07141,-0.00078,0.08993,0.11834,-0.10408,-0.01297,-0.06761,0.1145,0.06008,0.03071,0.04292,-0.05554,0.05218,-0.02629,-0.01093,0.03401,0.00495,-0.04856,0.03222,-0.06,-0.14941,-0.03249,0.0041,0.00787,0.04569,-0.06868,-0.05775,0.04072,0.00165,-0.08201,0.0223,0.08153,0.03065,0.00082,0.05286,0.00866,0.01692,0.0238,-0.04723,-0.02326,0.04777,0.00339,0.08937,0.02694,0.08746,-0.06772,-0.03597,0.07033,0.09958,0.01774,0.07287,-0.02065,-0.03176,-0.11626,0.09196,-0.00964,-0.04649,0.03533,-0.00901,-0.00236,0.0407,0.02007,-0.02365,-0.03424,0.04172,0.00662,0.05541,0.02284,-0.01836,0.01371,0.00387,-0.02141,0.04725,0.08981,0.01316,0.03393,0.06185,0.00212,0,-0.03914,0.00911,-0.07623,0.03277,0.04391,-0.03591,0.06529,0.00953,0.05262,-0.00189,0.04271,0.0129,-0.02951,-0.01126,0.03504,-0.05028,-0.0242,-0.14179,-0.0335,-0.00229,0.04718,0.05176,-0.03066,-0.08413,0.00088,-0.03617,-0.03333,0.00543,-0.03962,-0.05081,-0.00413,0.01684,-0.05797,-0.00005,-0.01332,0.03624,-0.03851,0.03514,0.05836,-0.04996,0.08556,0.04264,-0.02242,-0.03033,-0.04046,0.07607,-0.09273,-0.09436,-0.04539,0.04722,-0.00529,0.02703,-0.06623,0.00344,-0.10306,0.03027,0.06932,0.00711,-0.08532,0.08534,0.04955,-0.0449,0.03314,0.00959,0.0633,0.01114,0.01832,0.02725,0.06632,0.08884,0.07698,0.06654,-0.02382,0.04901,0.02348,-0.00568,0.03059,-0.023,-0.01946,0.12364,-0.02963,0.12081,0.03884,0.09085,0.09527,0.00488,-0.00491,-0.00983,0.07919,0.00318,-0.0693,-0.08208,-0.06089,0.01699,-0.0505,0,-0.05432,0.01378,-0.08259,0.00333,0.05618,0.00349,-0.05478,0.03801,-0.02427,0.03974,-0.00273,0.05125,-0.0188,-0.00293,0.06291,-0.02292,-0.00142,0.0049,-0.06518,-0.11977,-0.01113,0.07231,-0.01784,0.10396,0.02942,-0.04692,0.02517,0.02835,0.02345,-0.02356,-0.0486,0.04721,0.01676,0.02974,-0.02142,0.12142,-0.07583,0.06138,-0.07035,0.04828,0.00966,-0.01613,0.06111,-0.00059,0.0309,0.0616,-0.12916,-0.00823,-0.11315,-0.06039,-0.05657,0.07086,-0.02311,0.07605,0.02505,-0.02243,-0.03112,-0.07542,0.02581,0.01811,-0.07234,-0.00206,0.0214,0.01814],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Docs and Roadmap Refresh I also used this release to tighten the surrounding docs: - updated f-connection, f-connection-for-create, and f-snap-connection guides - refreshed the connection gradients example page - rebuilt the roadmap docs around release history instead of a vague future-only list - added a dedicated release article for this version That should make it easier to answer two common questions: - what changed in the connection model? - which releases introduced which major capabilities?","excerpt":"Docs and Roadmap Refresh I also used this release to tighten the surrounding docs: - updated f-connection, f-connection-for-create, and f-snap-connection guides - refreshed the connection gradients example page - rebuilt the roadmap docs around release history instead of a vague future-only list - added a dedicated release article for this version That should make it easier to answer two common questions: - what changed in the connection model? - which releases introduced which major capabilities?"},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#6","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.07746,-0.03736,-0.05642,-0.0073,-0.01387,0.02513,-0.01088,-0.00034,-0.0253,-0.04348,-0.08204,-0.02513,-0.05803,-0.04232,0.02355,0.0386,0.00577,-0.00982,-0.04545,-0.00405,-0.10005,-0.10485,-0.06291,-0.02574,-0.03755,0.02782,0.03487,0.00302,-0.04109,-0.0368,0.00194,0.04332,-0.05763,0.01519,0.01231,0.05712,0.01542,-0.02032,-0.07686,-0.01613,0.07198,0.01207,0.00087,0.00263,0.00676,0.0116,0.03147,-0.03862,-0.02465,0.00472,-0.03164,-0.06261,-0.03495,0.09226,0.02841,0.11626,0.07851,-0.04007,-0.01319,0.04816,0.02236,0.00515,0.01492,0.01036,-0.01502,-0.02358,-0.01588,0.00467,0.01209,0.03324,-0.08168,0.03331,-0.05145,-0.08243,0.04338,0.0143,0.10089,0.02791,0.04819,-0.15381,0.05076,0.03758,-0.01735,0.01009,-0.00084,0.00931,0.00044,-0.14289,-0.002,0.05743,0.05188,0.05174,-0.02887,0.01543,0.01686,-0.04869,-0.04568,-0.06704,0.01725,0.04569,-0.0388,-0.05554,0.09046,0.04009,-0.05624,0.00849,0.00587,0.08483,-0.04951,-0.00842,0.0028,0.06421,0.00369,-0.07795,-0.01435,-0.00455,-0.02103,-0.02845,0.0071,0.10155,-0.0179,-0.04954,-0.00789,0.00251,-0.03072,-0.03088,-0.07103,0,-0.02317,-0.00677,-0.04222,0.04087,0.05897,0.0292,0.02502,-0.03548,-0.01739,-0.04345,-0.0368,0.00538,-0.05998,0.02566,0.00399,-0.07263,-0.00765,0.04295,0.01959,0.07551,0.09473,-0.09908,-0.03064,-0.07226,0.08741,0.0604,0.02485,0.00345,-0.06531,0.03215,-0.03586,-0.0322,0.03404,0.054,-0.09017,0.02483,-0.00613,-0.09992,-0.02422,0.03314,-0.00008,0.02027,-0.05536,-0.02212,0.06922,0.03895,-0.01949,0.02435,0.07152,0.01121,0.00258,0.01237,0.03389,0.01493,0.01206,-0.04788,-0.01575,0.04881,0.04585,0.00708,0.04241,0.07833,-0.06562,-0.01436,0.0912,0.08014,0.00092,0.07373,-0.01289,-0.03804,-0.10619,0.07985,-0.01321,-0.03083,0.00199,-0.01766,0.016,0.03736,0.07179,-0.03023,-0.01783,0.06577,-0.0165,0.01784,0.06895,-0.02438,0.00035,-0.06155,-0.06059,0.06099,0.14337,-0.03048,0.00554,0.02487,0.012,0,-0.02,0.03028,-0.05151,0.0392,0.0429,-0.05555,0.09277,0.04337,0.02765,0.0376,0.04247,0.02949,-0.01811,-0.04144,0.00113,-0.02439,-0.03608,-0.05097,-0.01532,-0.02638,0.02595,0.04645,-0.03178,-0.10805,-0.01828,-0.01844,-0.04434,0.04304,-0.02497,-0.02638,-0.00444,0.01671,-0.0702,-0.05266,-0.00524,0.0502,-0.05935,0.02217,0.02522,-0.01482,0.04952,0.01772,-0.05665,-0.03338,-0.03383,0.08228,-0.11186,-0.10969,-0.05129,0.02026,0.02723,0.04817,-0.0603,0.00793,-0.07945,0.05121,0.0781,0.04218,-0.07814,0.06865,0.05011,-0.03351,0.06017,0.02851,0.0799,-0.00096,0.05209,0.04528,0.07004,0.06342,0.13238,0.07925,-0.0418,0.0592,0.03331,-0.04894,0.07009,0.02104,0.02368,0.13642,-0.0062,0.07416,0.05861,0.06338,0.08331,-0.03879,-0.00843,-0.00146,0.07718,0.01477,-0.06176,-0.07014,0.00145,-0.07669,-0.0632,0,-0.06847,-0.00071,-0.03927,0.00756,0.0505,0.02021,-0.04486,0.0436,0.00153,0.02995,-0.03018,0.07616,0.00826,-0.0035,0.0196,0.02357,-0.01129,-0.03095,-0.04955,-0.08493,-0.05644,0.09607,-0.00526,0.14755,0.02262,-0.04485,0.02607,0.00176,0.07988,-0.01804,-0.06268,0.03899,0.03213,0.0653,-0.02982,0.10411,-0.0863,0.07342,-0.12659,0.03758,-0.03513,-0.03706,0.02302,-0.02091,0.02912,0.03419,-0.11581,0.00594,-0.11104,-0.03935,-0.04623,0.05743,-0.06591,0.07716,0.0032,-0.05099,-0.04255,-0.02113,0.0372,0.03215,-0.10538,0.01601,0.03787,-0.03565],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Migration Note If you use connection gradients today, the main migration is straightforward: 1. Remove gradient color inputs from the connection component. 2. Add a projected f-connection-gradient child. 3. Keep the rest of the connection structure unchanged.","excerpt":"Migration Note If you use connection gradients today, the main migration is straightforward: 1. Remove gradient color inputs from the connection component. 2. Add a projected f-connection-gradient child. 3. Keep the rest of the connection structure unchanged."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#7","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.12729,-0.01221,-0.05693,0.02227,-0.02805,0.01711,-0.01543,0.0196,-0.02282,-0.0284,-0.06296,0.00421,-0.05,-0.0492,0.02331,0.06606,-0.00841,0.0388,-0.01574,-0.03407,-0.02016,-0.07494,-0.03582,0.00386,-0.03146,0.00878,0.00675,0.02069,-0.01992,-0.06089,0.01615,0.03155,-0.04678,0.01387,-0.02865,0.03971,0.0047,0.01365,-0.1111,0.02733,0.04717,0.0291,0.01518,-0.01885,0.01511,0.01209,0.03952,-0.02829,-0.03159,-0.02391,-0.01013,-0.06155,-0.01715,0.07541,0.04431,0.07869,0.06092,-0.02877,-0.01776,0.04599,0.0246,-0.02396,-0.00524,0.00222,0.00136,-0.0031,-0.01445,0.01154,0.02312,0.01313,-0.08453,0.00792,-0.03308,-0.12886,0.06185,0.01774,0.10131,0.03417,0.01827,-0.1386,0.01869,0.03714,0.01706,-0.00658,0.00553,0.00498,0.02156,-0.11819,0.05215,0.06676,0.03554,0.069,-0.09923,0.04707,0.04626,-0.02214,-0.05213,-0.048,-0.0165,0.05699,-0.04072,-0.05748,0.07699,0.06039,-0.01337,0.00932,0.01775,0.08668,-0.04424,0.00507,0.00883,0.04804,0.01757,-0.06443,-0.03037,0.00497,0.00431,0.00552,0.00985,0.06979,-0.01461,-0.05447,-0.01076,-0.02711,-0.02613,-0.03062,-0.04396,0,-0.02005,-0.02705,-0.03845,0.04252,0.06782,0.01691,0.03881,-0.04117,-0.01857,-0.01779,-0.03024,0.02617,-0.07403,0.04261,-0.04275,-0.12807,-0.04308,0.06409,0.00597,0.06969,0.11347,-0.1003,-0.06914,-0.08066,0.07035,0.04634,0.04565,0.01018,-0.07471,0.05143,-0.02219,-0.03729,0.01804,0.0325,-0.06758,0.03993,-0.03463,-0.09584,-0.01433,0.02395,0.00416,0.01568,-0.04492,-0.05743,-0.01448,-0.00659,-0.07889,0.03519,0.07819,-0.00566,0.01381,0.05424,0.00164,-0.01079,0.02737,-0.03808,-0.01752,0.0579,0.01313,0.04856,0.03215,0.0919,-0.04746,-0.03865,0.04684,0.08424,-0.02515,0.05304,-0.02143,-0.01673,-0.09375,0.08821,0.02371,-0.02136,0.00596,-0.01066,0.02134,0.04478,0.03322,-0.02892,-0.06094,0.04205,0.00053,0.03128,0.01234,-0.04776,0.01397,-0.03208,-0.05907,0.0269,0.08844,0.00096,0.03551,0.03768,-0.02152,0,-0.04079,0.04083,-0.05659,0.05386,0.04964,-0.02259,0.09919,0.03364,0.05125,0.02889,0.02375,0.00331,-0.06849,-0.02569,0.0577,-0.05622,-0.03512,-0.09452,-0.03104,-0.00729,0.03042,0.08741,-0.04478,-0.07267,0.00572,-0.04566,-0.03631,0.06487,-0.03362,-0.03112,-0.01341,0.02225,-0.10082,-0.03443,-0.03047,0.03315,-0.05543,0.05172,0.0375,-0.01241,0.08315,0.02711,-0.05428,-0.01905,-0.04004,0.07005,-0.06154,-0.12284,-0.02922,0.0434,0.01168,0.02327,-0.04676,0.04003,-0.11948,0.04077,0.06854,-0.00264,-0.07102,0.07882,0.02638,-0.04813,0.03156,0.03338,0.07102,0.00093,0.0148,0.00773,0.09507,0.08828,0.11244,0.09616,0.00434,0.06584,0.07084,-0.0377,0.03585,-0.00561,0.00817,0.09612,-0.01605,0.08137,0.06842,0.10857,0.09237,0.00165,-0.04197,0.05601,0.07936,0.02058,-0.0462,-0.0844,-0.02646,-0.01272,-0.05617,0,-0.06857,-0.03326,-0.03744,0.00973,0.02306,0.00813,-0.03473,0.0206,-0.04078,-0.00962,0.02761,0.05883,0.00397,-0.02266,0.0183,-0.00006,-0.02398,0.00545,-0.04896,-0.10725,-0.04232,0.08559,-0.02531,0.12934,0.04222,-0.05548,0.05487,0.02278,0.05188,-0.02835,-0.05394,0.03399,0.03473,0.05553,-0.01427,0.1432,-0.06344,0.04236,-0.09809,0.07477,-0.02598,-0.03058,0.0516,-0.01893,0.02931,0.05976,-0.14317,-0.0011,-0.11152,-0.05113,-0.03842,0.06759,-0.02617,0.10762,0.03866,-0.05982,-0.03205,-0.08618,0.03319,0.03044,-0.07995,0.01897,0.03162,-0.00884],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.3.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Connection Gradients example: <https://flow.foblex.com/examples/connection-gradients - Roadmap: <https://flow.foblex.com/docs/roadmap","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.3.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Connection Gradients example: <https://flow.foblex.com/examples/connection-gradients - Roadmap: <https://flow.foblex.com/docs/roadmap"},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#8","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.0768,-0.00547,-0.03098,-0.01558,-0.00066,0.00805,-0.06833,0.01671,0.03607,-0.05311,-0.01537,0.04002,-0.13332,-0.06977,0.01822,0.05198,0.02332,-0.04999,-0.04873,0.00506,-0.05516,-0.0646,-0.05085,0.01204,-0.0377,0.02048,-0.00935,-0.00494,-0.02823,0.00381,0.01591,0.07335,-0.02956,-0.03143,0.01761,0.03407,-0.00035,-0.00686,-0.07854,0.0415,0.05333,0.0039,-0.01276,0.01904,0.01273,-0.00134,0.01241,-0.04463,-0.00967,-0.02133,-0.01674,-0.07298,-0.00098,0.02785,0.05454,0.03977,0.00618,0.00177,-0.01943,0.07252,-0.00433,0.002,-0.00442,-0.00174,0.04773,-0.05139,0.01098,-0.06797,0.03421,0.00702,-0.0924,0.03691,-0.0406,-0.10001,-0.00372,0.02813,0.09539,0.01135,0.07545,-0.12602,0.05554,-0.00681,-0.00931,0.0144,-0.06726,-0.00796,0.03735,-0.13595,0.04261,0.06234,0.03514,0.05768,0.03034,0.09835,0.02946,-0.0001,-0.03274,-0.01928,-0.03039,0.03443,0.00288,-0.03891,0.08651,0.04915,-0.04669,0.01975,0.02855,0.06267,-0.04967,-0.00515,0.02584,0.03997,-0.01136,-0.08657,-0.05085,0.04879,-0.05562,-0.00891,0.05794,0.07361,-0.02659,-0.03198,0.00697,-0.02485,-0.04748,-0.03534,-0.0526,0,-0.05456,-0.0065,-0.07637,0.03373,0.08308,-0.01628,0.02189,-0.02764,-0.03484,-0.00574,-0.02752,-0.02776,-0.06387,0.03079,0.03977,-0.10408,-0.02531,0.09701,-0.01785,0.0988,0.13098,-0.09968,-0.01698,-0.0675,0.09212,0.02297,0.05084,0.0045,-0.08462,0.02798,-0.04023,-0.01554,0.06103,0.00816,-0.07732,0.03043,-0.03595,-0.1144,-0.01815,-0.01229,0.00677,0.07677,-0.07612,-0.02142,0.09326,-0.0465,-0.05194,-0.0054,0.02718,0.02399,-0.00867,0.04864,0.02732,0.01938,0.04545,-0.05634,0.03251,0.0202,0.00103,0.03591,0.02053,0.08745,-0.06439,-0.03022,0.06448,0.08098,0.02273,0.0552,0.00553,-0.04681,-0.1302,0.07497,-0.01138,-0.03154,0.04742,-0.01883,0.00345,0.03167,0.05741,-0.02884,0.00256,0.08955,0.01038,0.04377,0.04237,-0.00852,0.01641,-0.0138,-0.02547,0.0791,0.13165,-0.03012,-0.00041,0.0633,-0.00685,0,-0.0176,0.00397,-0.06192,-0.00433,0.02506,-0.04107,0.05911,0.00254,0.03141,-0.00388,0.07897,0.0269,-0.04598,-0.01895,0.0533,-0.04109,-0.00397,-0.11346,0.01453,-0.03076,0.06765,0.02575,-0.01315,-0.06665,-0.05422,-0.0659,-0.05364,0.02895,-0.03956,-0.04709,0.01544,-0.00143,-0.03306,-0.03967,0.03555,0.05132,-0.05952,0.00892,0.06112,-0.02729,0.05676,0.03523,-0.03366,0.00043,-0.05809,0.0945,-0.06981,-0.09077,-0.05378,0.04813,-0.01174,0.01967,-0.03742,0.02442,-0.05114,0.0319,0.03631,0.03375,-0.10859,0.06662,0.09019,-0.00634,0.05825,-0.0153,0.04309,0.05619,-0.00833,0.07254,0.07647,0.09925,0.05794,0.05905,-0.07113,0.03214,-0.00088,0.03054,0.03784,0.0012,0.01894,0.08022,-0.03485,0.09749,0.02237,0.07611,0.08835,-0.03372,-0.0053,-0.034,0.05501,0.03787,-0.03186,-0.08351,-0.0743,0.0229,-0.05905,0,-0.02257,0.00969,-0.05427,-0.02184,0.06796,0.01334,-0.05759,0.06606,-0.01372,0.05877,0.02914,0.0273,-0.03865,0.0013,0.06252,0.02055,-0.03374,-0.01254,-0.04661,-0.11729,-0.02582,0.10824,-0.02273,0.0632,0.01033,-0.05303,0.04204,0.01104,-0.01446,-0.04848,-0.0109,0.07847,0.00833,0.08971,-0.01013,0.11425,-0.08892,0.07518,-0.05136,0.03719,0.00597,-0.05152,0.0536,-0.00863,0.02432,0.02119,-0.10724,-0.01453,-0.12254,-0.08289,-0.09531,0.05399,-0.06225,0.07663,0.02012,-0.03203,-0.03814,-0.0707,0.01602,0.04371,-0.09443,-0.03183,0.01961,0.01216],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Closing v18.3.0 is a smaller release than v18.2.0, but it is an important one. It locks in the projected gradient model, removes more unnecessary connection work, and makes the production worker path safe enough for real deployments. If you are already on the v18 line, this is the release that makes the newer connection architecture feel more complete.","excerpt":"Closing v18.3.0 is a smaller release than v18.2.0, but it is an important one. It locks in the projected gradient model, removes more unnecessary connection work, and makes the production worker path safe enough for real deployments. If you are already on the v18 line, this is the release that makes the newer connection architecture feel more complete."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#0","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.0766,0.02553,-0.01285,0.05811,0.01946,-0.03271,-0.06453,0.01344,0.02896,0.0432,-0.09533,0.03163,-0.15061,-0.0666,0.03115,-0.01147,0.06884,0.01157,-0.07212,0.00287,-0.03131,-0.07741,-0.01444,-0.04509,0.02919,0.01164,-0.10587,-0.03128,0.04305,-0.06203,-0.01166,0.09763,-0.07152,0.02487,-0.04629,0.09824,0.00618,-0.04471,-0.0656,-0.04975,0.06221,0.04514,-0.02726,0.01782,-0.00025,-0.04627,0.03394,-0.01733,-0.05482,0.05639,-0.01398,-0.11793,-0.06828,0.09052,0.01354,0.05914,0.0494,-0.02046,-0.00095,0.05135,0.00251,-0.00332,0.01146,0.01201,-0.01066,-0.01027,0.04205,-0.05204,0.00728,-0.04005,-0.05437,0.01133,-0.00825,-0.05941,-0.0264,-0.07555,-0.01049,-0.01074,0.05426,-0.07978,0.0582,-0.05169,-0.00702,0.0372,-0.01101,0.01973,0.05072,-0.06996,0.02344,-0.01472,0.02558,0.09358,0.05518,0.01941,-0.03785,-0.04192,-0.00024,0.03345,-0.02695,0.05121,0.02055,-0.03695,0.10961,0.03809,-0.01211,-0.01747,0.05846,0.01928,-0.07513,-0.00856,-0.00188,0.0698,-0.0028,-0.09536,-0.02462,0.04901,-0.06369,-0.01177,0.0309,0.08531,0.05698,-0.00768,0.02289,-0.04289,0.03628,-0.09614,-0.0199,0,-0.02235,0.04116,-0.04388,0.03629,0.13387,0.00325,0.04147,-0.03123,-0.04524,-0.06187,0.03205,0.0424,-0.03222,0.07096,0.05045,-0.09143,-0.01102,0.07415,-0.00267,0.04062,0.06526,-0.10337,-0.06197,-0.01514,0.04817,0.06685,0.04252,0.00392,-0.05962,0.03166,0.01108,-0.00296,0.02197,0.02057,-0.09012,0.01495,-0.03078,-0.08767,0.00019,-0.04401,-0.00128,0.07305,-0.08932,-0.05453,-0.03116,-0.05351,-0.04147,0.0201,0.07175,0.05289,0.0526,0.05563,0.04258,0.06021,0.05422,-0.06334,0.07077,0.05364,0.05035,0.09521,0.01075,0.0323,-0.05075,0.02381,0.02318,0.06799,0.041,0.04345,0.02022,-0.05977,-0.0766,0.04789,0.06902,-0.02167,0.05438,-0.03517,-0.01747,0.00011,-0.00284,-0.02452,-0.02574,0.02247,-0.00574,0.02091,0.06755,-0.11603,0.00223,-0.00657,-0.06456,0.02396,0.11345,-0.01408,0.06013,-0.03145,-0.0039,0,-0.00959,-0.01617,-0.11387,0.11603,0.0417,-0.02694,0.03792,-0.00368,0.02045,-0.05498,0.01533,0.01162,-0.0503,0.00104,0.01745,0.01969,-0.02292,-0.15014,0.01555,-0.03922,0.07483,-0.00729,0.0327,0.00506,-0.05948,0.01629,-0.02307,0.01196,-0.04364,-0.10007,-0.01486,-0.02616,-0.05362,-0.08884,0.03921,0.00878,0.00372,0.06812,0.02924,-0.00001,0.08789,0.01038,-0.0233,0.02176,-0.0473,0.02143,-0.12931,-0.02798,-0.00444,0.00185,-0.00035,0.03418,-0.05081,-0.02172,-0.02736,0.02318,-0.0112,0.02742,-0.07852,0.048,0.04206,-0.05611,0.01223,-0.01608,0.01309,0.03646,-0.02538,0.00416,0.04771,0.10959,0.04626,-0.01612,-0.07088,0.00214,0.0097,0.00799,0.15753,-0.05792,0.0658,0.08023,-0.05738,0.14529,0.03342,0.01485,0.03678,0.02211,-0.08621,-0.02634,0.02884,0.02819,-0.03319,-0.03979,-0.01574,0.00177,-0.02471,0,-0.097,0.03233,-0.04453,0.02038,0.04826,0.00468,-0.06371,0.09221,0.02021,-0.01193,0.08294,-0.02378,-0.00349,-0.00141,0.11518,0.05695,-0.00746,-0.01285,-0.08422,-0.11086,-0.00458,0.11358,0.0239,0.04966,-0.02662,0.01132,0.05494,0.02211,0.03508,-0.03013,-0.02404,0.08099,0.02674,0.04216,-0.03769,-0.00067,-0.06367,0.05048,-0.03417,0.04178,0.07372,-0.03376,-0.00043,0.01547,-0.0133,0.00883,-0.06623,-0.03557,-0.04262,-0.03914,-0.03075,-0.01687,-0.07567,0.0762,-0.01882,0.03646,0.00923,-0.00121,0.10755,0.054,-0.02113,-0.04979,-0.01785,0.03502],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 focuses on large-scene performance and heavier redraw scenarios in Angular node editors and workflow builders. Today I’m shipping v18.2.0. This release adds optional caching, progressive virtualization, a new Connection Worker, zoom during drag, and a broader redraw pipeline refresh for larger editors.","excerpt":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 focuses on large-scene performance and heavier redraw scenarios in Angular node editors and workflow builders. Today I’m shipping v18.2.0. This release adds optional caching, progressive virtualization, a new Connection Worker, zoom during drag, and a broader redraw pipeline refresh for larger editors."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#1","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.07333,0.0362,-0.01047,0.02388,0.02459,-0.0202,-0.0312,0.03506,0.04368,0.05029,-0.07615,0.0193,-0.1204,-0.04394,0.00518,-0.0214,0.05318,0.02605,-0.06411,-0.00987,-0.00899,-0.10447,-0.02138,-0.03213,0.06217,0.02483,-0.06648,-0.0359,0.06193,-0.09061,-0.01158,0.11521,-0.06697,0.00326,-0.06901,0.0909,0.02612,-0.04038,-0.08838,-0.02309,0.02793,0.05548,-0.02074,0.008,0.00125,-0.00643,0.02997,-0.01342,-0.05229,0.08087,-0.05056,-0.10086,-0.08235,0.08673,0.01081,0.04651,0.04688,-0.05965,0.00456,0.03723,0.00112,0.00681,0.01794,0.05117,-0.01316,-0.03827,0.00994,-0.06781,0.02601,-0.03622,-0.03458,0.01218,0.00553,-0.09118,-0.00695,-0.0738,0.00307,-0.00678,0.01584,-0.09249,0.07227,-0.03166,0.00285,0.04652,-0.01844,0.04296,0.03737,-0.0877,-0.00109,-0.02294,0.00884,0.09141,0.02095,-0.00642,-0.04017,-0.0297,0.00945,-0.01483,-0.03984,0.06286,0.03563,-0.03588,0.1157,0.02923,-0.02283,-0.01151,0.05076,0.04778,-0.08848,0.0021,-0.00146,0.04265,-0.00106,-0.07358,-0.02854,0.02163,-0.07423,-0.0517,0.0371,0.10253,0.06767,0.01801,0.01345,-0.04403,0.06062,-0.07847,-0.02861,0,-0.01951,0.02418,-0.01877,0.04622,0.10935,-0.00201,0.0378,-0.03092,-0.03337,-0.03957,0.03221,0.03862,-0.04793,0.07779,0.02196,-0.09252,-0.00802,0.06349,-0.04242,0.0425,0.05926,-0.11244,-0.04856,-0.0091,0.0519,0.08808,0.01778,0.04138,-0.0678,0.0299,0.02431,-0.00084,-0.01348,-0.00545,-0.08228,0.01106,-0.00934,-0.10564,0.00536,-0.03098,-0.007,0.05362,-0.09292,-0.05321,-0.03696,-0.03413,-0.06354,0.02289,0.01333,0.07886,0.0537,0.07891,0.04779,0.04353,0.05597,-0.06587,0.03213,0.0637,0.0157,0.09864,0.03119,0.04805,-0.08984,0.04067,0.00827,0.07987,0.05088,0.07238,0.05432,-0.03502,-0.10375,0.06887,0.0974,-0.02399,0.04155,-0.0292,-0.0575,-0.03051,-0.03158,-0.01065,-0.0521,0.00158,-0.01025,0.02155,0.03826,-0.11402,0.00765,0.00087,-0.07814,0.01532,0.09781,-0.0187,0.06486,-0.05471,-0.02173,0,-0.00056,0.01086,-0.07577,0.11102,0.04187,-0.0478,0.04678,0.01795,0.02375,-0.06648,-0.00616,0.03345,-0.07056,-0.0212,0.03532,0.01939,-0.02168,-0.15478,-0.00052,-0.04958,0.05841,-0.00551,0.02291,-0.01971,-0.0674,0.04143,-0.02467,-0.01603,-0.01808,-0.08271,0.00628,-0.06689,-0.03754,-0.05533,0.01726,-0.0103,0.00771,0.05506,0.01534,-0.00594,0.0815,-0.01464,-0.02697,0.00667,-0.04183,0.03569,-0.14169,-0.05942,-0.00058,-0.00976,-0.00374,0.03912,-0.06473,-0.03603,-0.00991,0.01102,-0.0009,0.03976,-0.04833,0.02878,0.04595,-0.05978,-0.02039,-0.0237,0.01102,0.02397,-0.0369,-0.03333,0.07227,0.11815,0.05485,0.01954,-0.03913,0.00881,0.02141,0.00968,0.13884,-0.04122,0.07307,0.09294,-0.048,0.1128,0.0164,0.04143,0.06156,0.03815,-0.11275,-0.02282,0.02623,0.02538,-0.02606,-0.01673,-0.0033,0.01973,0.00002,0,-0.08454,0.02282,-0.0397,-0.00015,0.03051,-0.01541,-0.03312,0.08375,-0.00727,-0.01649,0.1064,0.00921,0.03071,0.01254,0.11948,0.03773,0.00783,-0.00795,-0.08063,-0.10495,-0.02632,0.09792,-0.00963,0.05507,-0.05625,0.00499,0.03553,0.03295,0.02382,-0.0283,-0.00325,0.06648,0.03144,0.04013,-0.01151,-0.0324,-0.06947,0.04241,-0.01962,0.04821,0.06881,-0.01466,0.0189,0.01286,0.00828,0.03386,-0.05285,-0.06565,-0.07627,-0.0293,-0.05218,0.00318,-0.10088,0.08707,0.00856,0.02694,0.00857,-0.00038,0.07689,0.04119,-0.00715,-0.0068,-0.00586,0.00805],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Highlights - ⚡ fCache: optional flow caching to reduce repeated geometry work. - 🧱 fVirtualFor: progressive rendering for large projected node lists. - 🧵 Connection Worker: worker-assisted connection calculation for heavier diagrams. - 🔍 Zoom during drag: wheel zoom is no longer blocked for the whole drag session. - 🔄 Redraw pipeline refresh: chunked updates and internal rendering improvements for larger scenes. - 📚 Examples and docs refresh: stronger performance demos plus refreshed reference-app positioning. f Cache f Virtual For","excerpt":"Highlights - ⚡ fCache: optional flow caching to reduce repeated geometry work. - 🧱 fVirtualFor: progressive rendering for large projected node lists. - 🧵 Connection Worker: worker-assisted connection calculation for heavier diagrams. - 🔍 Zoom during drag: wheel zoom is no longer blocked for the whole drag session. - 🔄 Redraw pipeline refresh: chunked updates and internal rendering improvements for larger scenes. - 📚 Examples and docs refresh: stronger performance demos plus refreshed reference-app positioning."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#2","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.04748,0.01997,-0.05736,0.04907,-0.01947,0.01181,-0.07079,0.07308,0.06345,0.07195,-0.10225,0.03208,-0.13808,-0.02382,0.02861,-0.01325,0.01813,0.02211,-0.05654,0.02913,-0.06125,-0.10854,0.01124,-0.05734,0.0206,0.01958,-0.066,-0.01243,0.05199,-0.06048,0.02539,0.11541,-0.03267,0.02278,-0.0574,0.09879,-0.01539,-0.02348,-0.08952,-0.03743,0.06933,0.06067,-0.00118,-0.01884,-0.01765,-0.03352,0.0052,-0.01186,-0.03421,0.06334,-0.01669,-0.12841,-0.1,0.06023,0.00763,0.01218,0.05708,-0.01974,0.01775,0.06691,0.00416,-0.00507,0.00176,0.02666,-0.00945,-0.00906,-0.01009,-0.04483,-0.00468,-0.03722,-0.01909,-0.01084,0.00087,-0.06925,0.01278,-0.07095,-0.03322,0.05141,0.03863,-0.06463,0.06005,-0.01621,0.00407,0.07264,-0.00061,0.07916,0.06142,-0.09414,0.03411,0.01492,0.0371,0.10847,-0.00008,-0.00259,-0.01362,-0.05717,-0.00841,0.00945,-0.0342,0.03057,0.02486,-0.07009,0.13569,0.04747,0.0148,-0.01811,0.0553,0.02078,-0.05009,-0.0259,-0.02334,0.04367,0.0165,-0.07102,-0.00143,0.00011,-0.00708,-0.03224,0.03766,0.12167,0.02339,-0.00163,-0.0006,-0.04485,0.02705,-0.06353,-0.02147,0,-0.01113,0.05756,-0.01237,0.03923,0.0972,0.01237,0.02536,-0.04878,-0.04053,-0.03952,0.02783,0.02618,-0.05763,0.07386,0.03381,-0.07189,-0.0423,0.05762,0.0213,-0.00787,0.07651,-0.12402,-0.05451,-0.00935,0.05514,0.05924,0.02105,0.03353,-0.09867,0.01541,-0.00422,-0.02646,0.01043,-0.00821,-0.09634,0.01048,-0.00633,-0.05625,-0.01682,-0.02945,0.00636,0.0213,-0.06053,-0.06186,-0.02122,-0.02572,-0.03777,0.05429,0.04576,0.044,0.05741,0.06375,0.04238,0.05912,0.06594,-0.05614,0.03714,0.04756,0.01833,0.05911,0.04871,0.04913,-0.09417,0.03362,0.02089,0.08196,0.04043,0.05392,0.03771,-0.05102,-0.09811,0.03272,0.04711,-0.04027,0.02871,-0.02062,-0.01729,0.00664,0.02905,-0.00955,-0.08394,0.00749,0.00522,0.05052,0.05814,-0.10982,0.01035,-0.02282,-0.06668,-0.005,0.14258,-0.0287,0.0676,-0.01088,-0.00193,0,-0.01527,-0.00213,-0.06535,0.10441,0.04987,-0.02203,0.03393,0.0053,0.02555,-0.04008,0.04443,0.03831,-0.02558,-0.03434,0.02535,0.022,-0.02277,-0.14639,0.03548,-0.06114,0.07888,-0.03133,0.04372,-0.02996,-0.01167,-0.01581,-0.0239,0.00084,-0.02878,-0.0451,-0.03802,-0.02349,-0.05504,-0.08185,0.01792,-0.01826,0.01647,0.06044,0.04312,-0.00975,0.06163,0.01497,-0.02816,0.02567,-0.04546,0.04384,-0.11651,-0.0541,-0.02872,0.01698,-0.02095,0.05221,-0.04007,-0.04639,-0.03712,0.03769,0.01211,0.0232,-0.07619,0.0172,0.03013,-0.06627,-0.01454,-0.02144,0.02591,0.0544,-0.04164,0.02004,0.02861,0.09253,0.06365,-0.00748,-0.04087,0.01768,-0.00528,0.01576,0.16812,-0.03075,0.08595,0.09028,-0.04397,0.16055,0.01977,-0.0022,0.03301,0.02921,-0.09309,-0.03923,0.05834,0.0782,-0.03791,-0.01047,0.0274,-0.00997,-0.03443,0,-0.14435,-0.00131,-0.04609,0.0187,0.05434,-0.0082,-0.06483,0.08001,0.02684,0.03369,0.07444,0.04786,0.00243,0.02502,0.09305,0.0185,-0.01034,-0.0107,-0.06419,-0.11559,-0.01359,0.09282,0.00732,0.0526,-0.00556,-0.04683,0.0065,0.01195,0.01055,-0.00959,-0.03991,0.06842,0.0308,0.08292,-0.07135,0.00075,-0.07644,0.06012,-0.10146,0.01087,0.07925,-0.033,0.01831,-0.03308,-0.04073,0.02743,-0.01821,-0.00176,-0.0449,-0.02583,-0.03792,0.03153,-0.05837,0.04948,0.00554,0.0279,-0.00492,0.01016,0.0708,0.01084,-0.1009,0.00247,0.01149,0.00776],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. New: Optional Cache and Progressive Virtualization The goal here was not to make the default editor path more complicated. You can still start with the normal primitives: - f-flow - f-canvas - nodes - connectors - connections Then, when the scene grows, you can enable extra scaling tools.","excerpt":"New: Optional Cache and Progressive Virtualization The goal here was not to make the default editor path more complicated. You can still start with the normal primitives: - f-flow - f-canvas - nodes - connectors - connections Then, when the scene grows, you can enable extra scaling tools."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#3","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.06426,0.02406,-0.06577,0.01899,-0.02472,-0.03385,-0.03123,0.06196,0.06657,0.02136,-0.09794,0.02827,-0.14786,-0.06586,0.01974,-0.01889,0.01037,0.02766,-0.07446,0.00204,-0.04959,-0.07896,-0.01328,-0.03319,-0.01138,0.02919,-0.04652,-0.02452,0.02649,-0.07712,0.03825,0.12115,-0.03797,0.01654,-0.05304,0.06967,-0.03422,-0.0288,-0.05537,-0.03971,0.01314,0.04817,0.00837,0.0217,-0.00496,-0.00137,0.0216,0.00918,-0.04298,0.07165,-0.01966,-0.09474,-0.09107,0.11256,0.03568,0.04551,0.06209,-0.03137,-0.03744,0.05667,0.032,-0.00726,0.02408,0.04354,-0.03566,-0.00907,-0.0154,-0.08109,0.03095,-0.06271,-0.05702,0.01398,-0.01634,-0.05873,0.01489,-0.05679,0.01258,0.01071,0.04083,-0.09106,0.04913,-0.03847,0.01194,0.01354,0.0167,0.00961,0.04266,-0.10098,0.02054,0.01538,0.03705,0.12758,0.03851,-0.00749,-0.03975,-0.0308,0.02136,0.02344,-0.03592,0.05858,-0.00921,-0.02804,0.08373,0.04944,-0.01359,-0.02502,0.07657,0.0324,-0.05936,-0.04864,-0.01763,0.04979,0.02122,-0.06474,-0.00806,0.00677,-0.04122,-0.01921,0.03282,0.078,0.05198,-0.0307,0.0027,-0.05552,0.01048,-0.0712,-0.04604,0,-0.0569,0.03783,-0.03102,0.03719,0.06872,-0.00167,0.07261,-0.02653,-0.00722,-0.01182,0.00773,0.0462,-0.02605,0.0338,0.03563,-0.05987,-0.04299,0.05224,0.00616,0.01044,0.10961,-0.08087,-0.04056,-0.02388,0.0738,0.10149,0.01539,0.01261,-0.09372,0.04131,0.0207,-0.02017,-0.03771,-0.00743,-0.05246,0.00362,0.0101,-0.07299,-0.03412,-0.03782,-0.00845,0.04989,-0.07713,-0.07701,-0.02927,-0.06642,-0.09373,0.0428,0.0689,0.06884,0.06877,0.04285,0.0438,0.07747,0.06552,-0.04972,0.03136,0.06188,0.02886,0.11006,0.03476,0.04064,-0.08132,-0.00844,0.0053,0.07636,0.08268,0.06515,0.04329,-0.04928,-0.08114,0.0553,0.05557,-0.03422,-0.00607,-0.02962,0.00471,-0.00414,-0.00871,-0.0196,-0.02481,0.01009,-0.00444,0.0287,0.03682,-0.08267,0.01033,-0.05633,-0.0569,0.04714,0.10546,-0.00916,0.07513,-0.00985,-0.0134,0,-0.0121,-0.0198,-0.09423,0.10288,0.04726,-0.01476,0.03704,0.0048,-0.01339,-0.07559,-0.01339,0.01525,-0.0437,-0.01717,0.06288,0.02942,-0.0231,-0.17621,-0.02799,-0.02912,0.03345,-0.0134,0.03504,-0.04818,-0.0596,0.03481,-0.01868,0.01857,-0.0184,-0.06935,0.00567,-0.04318,-0.04276,-0.07829,0.02668,-0.02333,0.00662,0.06372,0.03637,-0.00741,0.09419,0.03448,-0.0412,0.03243,-0.0509,0.07246,-0.12979,-0.05681,-0.0008,0.01841,0.01766,0.01304,-0.08045,-0.02083,-0.03483,0.07106,0.01104,0.04546,-0.07577,0.03154,0.02737,-0.06895,0.02,-0.00141,0.05459,0.0489,-0.01071,0.00529,0.04057,0.11504,0.07575,-0.00364,-0.07056,0.03556,0.00043,0.05168,0.13724,-0.04216,0.06207,0.10936,-0.02666,0.14053,0.02058,0.04858,0.03879,0.00694,-0.1183,-0.0525,0.04262,0.0136,-0.02057,-0.01025,-0.01829,-0.00615,0.00274,0,-0.11021,-0.01725,-0.02947,0.03955,0.04576,0.01068,-0.07915,0.0828,-0.01428,-0.02194,0.07266,0.02743,0.00193,0.00214,0.08021,0.0248,0.00814,-0.02296,-0.0694,-0.10721,-0.04978,0.10365,0.01146,0.03746,-0.01296,-0.0175,0.03168,0.01503,0.04834,-0.04536,-0.01291,0.07332,0.06798,0.04924,-0.02242,0.01619,-0.04762,0.03134,-0.07773,0.03294,0.06295,-0.02186,0.01753,-0.01072,-0.01218,0.02505,-0.06152,-0.02016,-0.05254,-0.02559,-0.05224,0.00877,-0.073,0.1011,-0.02407,0.03795,0.00144,-0.01131,0.09525,0.03279,-0.04795,-0.00604,0.00838,-0.0022],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. fCache fCache lets f-flow keep and reuse geometry information instead of recalculating everything again and again during redraw-heavy interactions. f Cache","excerpt":"fCache fCache lets f-flow keep and reuse geometry information instead of recalculating everything again and again during redraw-heavy interactions."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#4","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.04199,0.06955,-0.03753,0.0736,0.05714,-0.00988,-0.0493,0.03288,0.03952,0.08084,-0.12164,-0.01667,-0.08429,-0.05406,0.04446,-0.01872,0.06559,0.03399,-0.02735,-0.00604,-0.04678,-0.06553,-0.01164,-0.01951,0.03525,0.02852,-0.07644,0.00923,0.07448,-0.05396,0.00217,0.1017,-0.07531,0.05633,-0.04908,0.12822,-0.03403,-0.02765,-0.11178,-0.01991,0.07359,0.06244,-0.02705,-0.07828,-0.01773,0.0163,0.01576,0.03113,-0.03364,-0.02358,-0.0231,-0.08536,-0.02925,0.08381,-0.01359,0.00775,0.07185,-0.10752,-0.00031,0.08044,-0.00409,-0.03256,0.05781,-0.00295,0.02615,0.02128,-0.02194,-0.02301,-0.01079,-0.03071,0.0233,0.02018,-0.00241,-0.07837,0.0173,-0.02385,-0.05704,-0.00563,0.06801,-0.02599,0.07368,-0.00607,-0.02163,-0.01648,-0.07319,0.02843,0.05789,-0.06748,-0.01394,-0.00686,0.02702,0.12072,-0.0156,0.03748,0.02974,0.01257,-0.00164,0.00926,-0.04819,0.0232,0.02563,-0.07652,0.12356,0.0617,-0.0342,-0.03757,0.07118,0.04259,-0.02203,-0.00777,0.01265,0.09728,0.00922,-0.07062,-0.0222,-0.03064,-0.00108,-0.00306,0.02572,0.13225,0.05658,-0.0334,0.01099,-0.05263,0.07776,-0.04483,-0.01309,0,-0.01536,0.01922,-0.01702,0.01746,0.09115,0.04894,0.01976,-0.03731,-0.00173,-0.0366,-0.0034,-0.01933,-0.03068,0.04972,0.0285,-0.10675,-0.01771,0.08198,-0.02294,0.036,0.08,-0.14003,-0.0428,0.00548,0.03655,0.01245,0.01541,-0.0073,-0.11864,0.0008,0.02332,0.00453,0.04333,-0.002,-0.07719,0.02465,0.00853,-0.04105,-0.04198,-0.07672,-0.00396,0.05964,-0.03759,0.01213,-0.03479,-0.04412,-0.05517,-0.00345,0.05954,0.07588,0.04824,0.0398,-0.00077,0.01911,0.08431,-0.00785,0.04777,0.02262,0.01148,0.109,0.01073,-0.0062,-0.06083,-0.01742,0.06804,0.06184,0.00617,0.06883,0.01814,0.00663,-0.0375,0.07274,0.06113,-0.05821,0.0193,-0.02242,-0.04169,-0.0197,-0.05021,-0.00166,-0.04171,0.00709,-0.00322,0.07124,0.0442,-0.11839,-0.0222,-0.02356,-0.06512,-0.01539,0.12024,0.0247,0.05827,-0.05841,-0.05909,0,-0.02961,0.00971,-0.03933,0.10133,0.08953,-0.07674,-0.00401,0.02988,-0.02771,-0.01836,0.0185,0.01112,-0.07141,-0.02523,-0.00536,0.02874,-0.02416,-0.15215,0.06548,-0.03609,0.03188,0.0013,0.02251,-0.04238,-0.0449,0.00954,-0.04592,-0.02365,0.00295,-0.05654,-0.01051,0.01189,-0.04562,-0.01801,0.02742,0.00515,0.00125,0.04375,0.0259,-0.03875,0.07661,0.06595,-0.0784,-0.0342,-0.05889,0.01793,-0.07301,-0.07143,0.01491,0.03873,-0.0196,0.04218,-0.07481,0.03014,-0.03117,-0.04568,-0.03415,0.05241,-0.03614,-0.0155,0.01941,-0.04485,-0.0181,-0.00806,0.02739,0.04833,-0.04533,-0.01851,0.07978,0.12028,0.01283,0.03904,-0.04807,0.02168,-0.00347,0.02726,0.11002,-0.03648,0.062,0.0741,-0.05791,0.1362,-0.02785,-0.00453,0.05271,0.05647,-0.09189,-0.01542,0.04786,0.14051,-0.04482,-0.05213,-0.03925,-0.05366,0.00723,0,-0.12445,0.02162,-0.05485,-0.03552,0.05336,-0.04526,-0.00397,0.05373,0.01964,0.05222,0.06051,0.0134,0.0412,-0.01076,0.11382,0.00617,0.0037,-0.0216,-0.0532,-0.03226,-0.03142,0.09722,-0.03838,0.06656,-0.00622,-0.01664,0.06523,0.02514,0.0255,-0.01266,-0.01601,0.05898,-0.01749,-0.00673,-0.03864,0.0173,-0.1356,0.02776,-0.06214,0.06854,0.0238,-0.02515,0.02504,-0.01534,0.00326,-0.00942,-0.11166,0.00057,-0.02707,-0.03975,-0.03488,0.00524,-0.10602,0.06859,0.00086,-0.01394,-0.00056,0.02143,0.079,0.00513,-0.0004,-0.02658,-0.00198,-0.00027],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. fVirtualFor fVirtualFor progressively renders larger projected node lists, which is especially useful in scenes where node count grows quickly. Minimal shape: I also added a dedicated large-scene example that lets you compare: - 200 to 5000 nodes - cache on/off - virtualization on/off - node-only vs node+connection workloads ::: ng-component <stress-test</stress-test [height]=\"600\" ::: ✅ Example: <https://flow.foblex.com/examples/stress-test f Virtual For","excerpt":"fVirtualFor fVirtualFor progressively renders larger projected node lists, which is especially useful in scenes where node count grows quickly. Minimal shape: I also added a dedicated large-scene example that lets you compare: - 200 to 5000 nodes - cache on/off - virtualization on/off - node-only vs node+connection workloads ::: ng-component <stress-test</stress-test [height]=\"600\" ::: ✅ Example: <https://flow.foblex.com/examples/stress-test"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#5","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.08898,0.00619,-0.0398,0.0891,-0.01188,-0.04363,-0.01972,0.00163,-0.00207,0.0246,-0.09872,0.01341,-0.11557,-0.05362,0.04977,-0.00909,0.07391,0.02513,-0.09566,-0.03471,-0.03476,-0.10443,-0.02881,-0.04056,0.01981,0.00789,-0.05496,-0.04404,0.05575,-0.05293,0.01501,0.03384,-0.10937,0.00473,-0.04959,0.12509,0.00321,-0.03349,-0.07715,-0.0173,0.10158,0.02353,-0.00505,-0.02995,0.00924,-0.01186,-0.01498,0.01635,-0.0364,0.00621,-0.03372,-0.0736,-0.07964,0.0993,0.00867,0.02409,0.06279,-0.04474,-0.01234,0.05096,0.00745,-0.03563,-0.01395,-0.01028,-0.01914,0.01271,0.00492,-0.02222,0.00908,0.01991,-0.02853,0.01178,-0.03056,-0.0663,-0.02323,-0.01472,0.00781,0.00967,0.00736,-0.06259,0.07113,0.00081,0.00703,-0.00441,0.01265,0.04404,0.04339,-0.09405,-0.02927,-0.02314,0.05356,0.15019,0.01405,0.03332,0.03028,0.02553,-0.02736,0.0299,-0.0145,0.05112,0.01425,-0.03609,0.08802,0.05284,-0.04205,-0.01609,0.00922,0.04416,-0.0323,0.00262,0.03386,0.08666,0.002,-0.07164,-0.01299,0.0175,-0.02151,-0.00685,0.01068,0.15353,0.02158,-0.01825,-0.00598,-0.06164,0.08974,-0.075,-0.00816,0,-0.01689,0.01499,-0.05028,0.02976,0.10386,0.05667,0.02414,-0.02714,-0.02606,-0.01973,-0.0025,0.00808,-0.06039,0.00946,0.02077,-0.06174,-0.00059,0.05197,-0.02252,0.07608,0.05771,-0.13632,-0.04062,-0.01047,0.08966,-0.00908,0.03029,0.00503,-0.09029,0.00505,0.03561,-0.00897,0.01149,0.02916,-0.08595,0.00041,-0.01846,-0.06762,-0.04428,-0.02859,-0.02119,0.06267,-0.07813,0.01546,0.00042,-0.04866,-0.06323,0.00438,0.04862,0.0451,0.04301,0.05736,0.03148,0.04534,0.02605,-0.02839,0.05487,0.07911,0.03749,0.11434,0.01715,0.01833,-0.06744,0.05594,0.09311,0.07646,0.02587,0.07672,0.00827,-0.05086,-0.08905,0.05127,0.05315,-0.0459,-0.0018,-0.0603,-0.03077,0.01784,0.00182,-0.04185,0.00749,0.02227,0.00809,0.05172,0.02717,-0.06128,-0.02546,-0.02761,-0.04699,-0.00227,0.13023,0.03896,0.06859,-0.07198,0.01457,0,0.01449,-0.00691,-0.07442,0.10843,0.08579,-0.08524,0.05846,0.00718,0.02888,-0.04079,0.05706,0.01284,-0.06443,0.01214,-0.01503,0.00291,-0.04488,-0.14516,0.03984,-0.02226,0.05527,0.02786,0.02185,-0.03741,-0.04304,-0.01622,-0.0643,-0.01635,-0.01205,-0.07739,-0.02312,0.02172,-0.05837,-0.05384,0.01491,0.02609,0.00054,0.07157,0.04573,-0.00571,0.11978,0.055,-0.06093,-0.03008,-0.0331,0.03372,-0.12537,-0.07161,-0.09075,0.05449,-0.00669,0.03432,-0.08864,0.03768,-0.01331,-0.00565,0.01019,-0.01157,-0.11261,0.0382,0.01995,-0.04889,0.03325,0.02586,0.05386,0.03665,0.0047,-0.01951,0.10693,0.10424,0.02142,0.03476,-0.01342,0.03712,0.01105,0.00223,0.08892,-0.05872,0.0563,0.11413,-0.08863,0.13148,-0.00679,0.03386,0.05066,0.08399,-0.06594,-0.00854,0.06219,0.04583,-0.03082,-0.04725,-0.00448,-0.04095,-0.01513,0,-0.0826,0.03048,-0.09151,-0.00468,0.07411,-0.0339,-0.0465,0.04883,-0.01687,0.03366,0.05291,0.00806,-0.01009,-0.00183,0.07997,0.00279,0.02641,-0.01962,-0.06474,-0.06511,-0.00566,0.10465,-0.00115,0.10459,-0.00324,-0.00187,0.07723,0.02247,0.00748,-0.04768,-0.02806,0.01085,0.01725,0.03339,-0.03878,0.01971,-0.06101,0.05151,-0.04625,0.05708,0.06623,-0.03457,0.06518,0.00275,0.01467,-0.00584,-0.09449,-0.00653,-0.01458,-0.04223,-0.06234,-0.01169,-0.09464,0.03083,0.00274,-0.03317,0.00137,0.01892,0.05755,0.02952,-0.01182,-0.04698,-0.02047,-0.01683],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. New: Connection Worker and Redraw Pipeline Refresh Large editors often do not fail on the node layer first. They fail when connection redraws become too heavy. In v18.2 I added a Connection Worker and reworked the redraw pipeline so larger connection scenes are handled more efficiently overall: - worker-assisted connection calculation - separated node / connection change streams - chunked connection redraws - better reuse of connection context across redraws - improved repositioning during node drag and resize flows To make this easier to evaluate, there is now a dedicated performance example for dense connection redraws: ::: ng-component <stress-test-with-connections</stress-test-with-connections [height]=\"600\" ::: ✅ Example: <https://flow.foblex.com/examples/stress-test-with-connections This one is useful when you want to test: - many simultaneous connection updates - routing mode differences - path type differences - marker-heavy connection scenes","excerpt":"New: Connection Worker and Redraw Pipeline Refresh Large editors often do not fail on the node layer first. They fail when connection redraws become too heavy. In v18.2 I added a Connection Worker and reworked the redraw pipeline so larger connection scenes are handled more efficiently overall: - worker-assisted connection calculation - separated node / connection change streams - chunked connection redraws - better reuse of connection context across redraws - improved repositioning during node drag and resize flows To make this easier to evaluate, there is now a dedicated performance example for dense connection redraws: ::: ng-component <stress-test-with-connections</stress-test-with-connections [height]=\"600\" ::: ✅ Example: <https://flow.foblex.com/examples/stress-test-with-connections This one is useful when you want to test: - many simultaneous connection updates - routing mode differences - path type differences - marker-heavy connection scenes"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#6","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.05595,0.02071,-0.03634,0.04615,0.04023,0.03534,0.0165,0.07281,0.06426,0.05357,-0.04167,0.0386,-0.10778,-0.04075,-0.00094,-0.01493,0.03274,0.03935,-0.10447,0.05375,-0.02085,-0.11783,-0.00048,-0.00242,0.01966,0.0124,-0.03276,-0.03245,0.06876,-0.0638,-0.03815,0.14127,-0.05194,-0.00262,-0.10592,0.04014,0.003,-0.02031,-0.08358,-0.0826,0.03682,0.05193,0.00935,-0.01096,-0.02565,-0.02169,0.07061,0.00401,-0.04628,0.0916,-0.04228,-0.08594,-0.04304,0.052,-0.00302,0.04322,0.0855,-0.00874,0.01658,0.02891,-0.01493,0.01581,0.01152,0.02099,-0.03547,-0.02096,0.00652,-0.11195,0.00094,-0.04116,-0.00743,-0.01263,0.01427,-0.06447,0.02249,-0.101,-0.01784,0.02807,0.02817,-0.00575,0.05591,-0.02913,0.0061,0.06002,0.00874,0.03702,0.02191,-0.08102,0.00934,0.00402,0.00372,0.09669,-0.0267,-0.04974,-0.00991,-0.08162,-0.0202,0.00957,-0.03196,0.01358,0.04687,-0.0008,0.07569,0.05151,-0.00885,-0.00212,0.07864,-0.0608,-0.07514,0.05784,-0.00871,0.04207,0.02246,-0.02166,-0.0501,0.0386,-0.07434,-0.01615,0.04601,0.07216,0.0234,0.02787,0.02415,-0.03188,0.06601,-0.03943,-0.03144,0,-0.03634,0.00014,-0.02164,0.04003,0.07449,0.00286,0.03423,-0.03323,-0.02303,-0.04403,0.05487,0.05333,-0.01353,0.04655,0.03818,-0.09634,-0.0364,0.05304,0.00616,0.01712,0.10912,-0.13411,-0.05058,0.01005,0.05984,0.05255,0.00956,0.03678,-0.02176,0.04569,-0.05504,0.0164,-0.04432,-0.00552,-0.0847,0.03729,-0.04559,-0.08484,0.01922,-0.0564,-0.00857,-0.00179,-0.08688,-0.06485,-0.03841,-0.05404,-0.05219,0.07084,0.0208,0.00434,0.04678,0.03953,0.05305,0.05139,0.08281,-0.04388,0.06282,0.05392,-0.03548,0.05754,0.01629,0.07062,-0.0673,-0.00253,0.0552,0.08717,0.02497,0.07946,0.01627,-0.06423,-0.08475,0.0686,0.04566,-0.01429,0.02102,-0.03686,-0.03295,-0.03558,0.02443,-0.01248,-0.03064,-0.00615,0.02545,0.02382,0.082,-0.11857,-0.00526,-0.00107,-0.1119,-0.01478,0.10974,-0.01769,0.03058,-0.00013,-0.02591,0,-0.04652,0.0051,-0.03701,0.12304,0.03168,-0.01376,0.04064,0.02085,0.0468,-0.12386,-0.01733,-0.00962,-0.04838,-0.01087,0.04256,0.01168,-0.05502,-0.10076,-0.00807,-0.07989,0.06271,-0.05521,0.03755,0.00728,-0.0752,-0.04779,-0.02285,0.01863,-0.04288,-0.07683,-0.00419,-0.02161,-0.0496,-0.04874,0.05082,-0.03395,-0.03273,0.0129,0.05261,0.03703,0.04603,-0.02039,0.01217,0.01102,-0.01674,0.03956,-0.13206,-0.02673,0.00729,0.02011,-0.00731,0.04896,-0.06495,-0.03183,-0.003,0.04844,0.03334,-0.0051,-0.03332,-0.00326,0.01384,-0.03443,-0.00412,0.0212,0.03263,0.04694,-0.01404,0.00228,0.06247,0.12841,0.08658,-0.00263,-0.02723,0.00193,0.02059,0.02509,0.17476,-0.03329,0.07522,0.02224,0.00181,0.11391,0.0444,0.01561,-0.0229,0.06192,-0.12188,-0.0504,0.04046,0.05044,-0.03235,-0.04816,-0.01749,-0.01529,-0.00185,0,-0.10974,0.03391,-0.03218,0.03762,0.05624,0.02308,-0.04394,0.09019,-0.02596,0.02309,0.06493,0.0217,0.02495,0.02497,0.08762,0.016,0.03742,-0.00469,-0.04528,-0.1333,-0.00076,0.06892,0.02448,0.06775,-0.04696,-0.05258,-0.02414,0.0079,0.02009,-0.04077,-0.02655,0.05937,0.0242,0.09315,-0.07675,-0.00033,-0.07707,0.03756,-0.00723,0.04788,0.07794,0.0141,-0.02682,-0.01615,-0.08097,0.04304,0.01288,-0.03828,-0.07816,0.00025,-0.0336,0.0554,-0.03416,0.08553,0.00852,0.06979,-0.03163,-0.01861,0.08985,0.02021,-0.09307,-0.00993,-0.02757,0.03229],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Better UX: Zoom During Drag One smaller feature in the changelog, but a very noticeable one in real usage: wheel zoom now stays available during active drag sessions. That means you can keep navigating the canvas while interacting with the editor instead of feeling “locked” until the drag finishes. This improvement applies across supported drag flows such as: - node dragging - external item drag - resize - rotate - connection create / reassign - waypoint drag","excerpt":"Better UX: Zoom During Drag One smaller feature in the changelog, but a very noticeable one in real usage: wheel zoom now stays available during active drag sessions. That means you can keep navigating the canvas while interacting with the editor instead of feeling “locked” until the drag finishes. This improvement applies across supported drag flows such as: - node dragging - external item drag - resize - rotate - connection create / reassign - waypoint drag"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#7","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.07216,0.01549,-0.00992,0.04456,0.03115,-0.02313,-0.08313,0.0515,0.08684,0.04794,-0.07466,0.02755,-0.12282,-0.04405,0.03947,-0.0213,0.06845,-0.03087,-0.11152,0.03293,-0.05628,-0.08372,-0.01666,-0.04905,0.00577,0.01541,-0.0762,-0.05828,0.03467,-0.06636,0.0174,0.09643,-0.07374,0.00511,-0.06355,0.10187,-0.00378,-0.03282,-0.07524,-0.07302,0.01496,0.05389,-0.02434,-0.00972,-0.00288,-0.0337,0.01844,-0.017,-0.06102,0.08112,-0.05915,-0.06138,-0.04925,0.08065,0.01658,0.01537,0.05098,-0.01269,-0.00023,0.08933,-0.01233,0.00953,0.04593,0.03714,0.0014,-0.02487,0.032,-0.07508,0.00437,-0.06344,0.01664,-0.01102,-0.03089,-0.06122,0.03277,-0.08745,-0.04524,0.00093,0.02043,-0.08624,0.10671,-0.03339,0.0056,0.01959,-0.00775,0.04526,0.05844,-0.09417,0.01731,0.0465,0.04697,0.05441,0.01693,0.02087,-0.00699,-0.0666,-0.02665,0.02043,-0.06803,0.02811,0.02401,-0.03886,0.08647,0.04605,0.00614,-0.05023,0.10249,0.00209,-0.11489,0.00692,0.00374,0.00717,-0.00189,-0.06715,-0.01687,0.01232,-0.01504,-0.02845,0.04269,0.07436,0.04128,0.01047,0.00811,-0.03537,0.03331,-0.02347,-0.02887,0,-0.01683,0.02699,-0.02028,0.00562,0.09051,0.00569,0.04562,-0.00903,-0.01749,-0.08582,0.07245,0.04977,-0.03748,0.06764,0.06432,-0.04857,-0.04962,0.11206,-0.05044,0.01395,0.0346,-0.05857,-0.06189,-0.03505,0.0168,0.10203,0.02595,0.02683,-0.06642,0.0085,-0.00491,-0.00114,-0.00771,-0.00066,-0.05466,0.0231,0.00803,-0.10026,-0.00078,-0.03177,-0.0351,0.06098,-0.10383,-0.06151,-0.03701,-0.02641,-0.02452,0.0954,-0.00089,0.02031,0.05494,0.10084,0.04666,0.05887,0.0604,-0.02648,0.06547,0.03578,0.05076,0.08182,0.02579,0.04798,-0.03669,0.04162,0.02517,0.08855,0.06045,0.07474,0.04764,-0.04307,-0.11395,0.07459,0.06665,-0.02843,0.05576,-0.05738,-0.02682,-0.05171,0.01607,-0.02059,-0.02775,0.00801,0.01986,0.03569,0.02079,-0.08506,-0.0089,-0.00954,-0.05324,0.01746,0.12577,-0.02786,0.04529,-0.01971,0.01876,0,0.00858,-0.0409,-0.07091,0.05646,0.03149,-0.02929,0.00143,0.06519,0.05365,-0.05694,0.03927,0.00953,-0.03364,-0.01469,0.00923,-0.01151,-0.02163,-0.10891,0.04855,-0.09913,0.12696,-0.02535,0.06548,0.00995,-0.05469,-0.00766,-0.0372,0.02772,-0.02801,-0.09871,0.01223,-0.04037,-0.04534,-0.06618,0.0109,-0.00576,-0.0224,0.02534,0.01866,0.00568,0.05212,0.0243,-0.02455,0.04629,-0.04323,0.00395,-0.17265,-0.07071,0.00988,0.0011,-0.0371,0.00841,-0.06146,-0.03067,-0.03974,0.02448,0.01135,0.01295,-0.05992,0.02128,0.01642,-0.06319,-0.00894,-0.02925,0.03164,0.06033,0.01331,-0.00512,0.0755,0.10233,0.10988,-0.01706,-0.02378,0.00815,0.0445,0.04691,0.14923,-0.08744,0.07081,0.03475,-0.06709,0.10006,0.05012,0.01606,0.00045,0.038,-0.08795,-0.00905,0.00538,0.04626,-0.03638,-0.0281,0.03513,0.00896,-0.03834,0,-0.09157,0.02696,-0.03116,0.05346,0.04546,-0.00521,-0.06552,0.06591,0.01109,0.03431,0.05421,0.01678,0.01992,-0.03164,0.09527,0.01939,0.01129,-0.03489,-0.07215,-0.09797,-0.01918,0.09885,0.02023,0.00749,-0.03694,0.01767,0.03582,0.034,-0.01901,-0.01826,-0.04872,0.06983,0.03785,0.05608,-0.08502,-0.00059,-0.02295,0.05861,-0.06956,-0.00276,0.06203,-0.07,-0.01538,-0.01935,-0.00697,0.02218,-0.03589,-0.01672,-0.05363,-0.04342,-0.05675,-0.00565,-0.06843,0.06786,0.00568,0.02121,-0.02542,0.02828,0.08431,0.0382,-0.00733,-0.0183,0.00911,0.07036],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Interaction Internals Also Got Reworked This release also includes a broader interaction refactor: - external item handling was reworked - minimap drag flow was refreshed - resize and rotate flows were reorganized - dependent connections stay in sync more consistently while resizing - minimap rendering now has fNodeRenderLimit for very large scenes So even outside the new APIs, the internal editor behavior is more consistent in heavy scenarios. f Node Render Limit AP Is","excerpt":"Interaction Internals Also Got Reworked This release also includes a broader interaction refactor: - external item handling was reworked - minimap drag flow was refreshed - resize and rotate flows were reorganized - dependent connections stay in sync more consistently while resizing - minimap rendering now has fNodeRenderLimit for very large scenes So even outside the new APIs, the internal editor behavior is more consistent in heavy scenarios."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#8","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.11419,0.01382,-0.05149,-0.00202,0.02603,0.00024,-0.03694,0.09795,0.06907,0.02126,-0.11225,0.01009,-0.10742,-0.0829,0.05568,0.00873,0.05604,-0.00863,-0.05317,-0.01354,-0.0128,-0.0528,0.00503,-0.03456,-0.00514,0.03899,-0.06474,-0.04173,0.07784,-0.0335,0.05588,0.15157,-0.0149,0.01143,-0.07635,0.08489,0.01319,-0.03879,-0.06543,-0.04124,0.02738,0.09099,-0.01378,-0.00688,-0.03205,-0.01095,0.03306,-0.02952,-0.05486,0.05696,-0.05981,-0.10333,-0.03123,0.0658,0.01167,0.00864,0.04267,-0.0342,0.01087,0.05762,0.03494,0.00862,0.01652,0.03734,0.00542,-0.00717,-0.01864,-0.03125,0.02487,-0.10157,-0.05858,-0.01145,0.02449,-0.06823,-0.01602,-0.07853,-0.0141,0.03513,0.05128,-0.08489,0.04764,-0.01737,0.03202,0.04834,-0.02899,0.04479,0.07635,-0.09656,0.0213,0.00694,0.06383,0.09083,0.01865,0.01737,0.05425,-0.01249,0.00262,-0.01527,-0.04283,0.06605,-0.00262,-0.02928,0.10732,0.0132,-0.04724,-0.04341,0.08225,0.03944,-0.02905,-0.00268,-0.01799,0.04286,-0.01103,-0.08708,0.00168,-0.01458,-0.02729,-0.01856,0.09141,0.071,0.02531,0.00085,0.0293,-0.03309,0.06981,-0.02914,-0.04791,0,-0.03622,0.04888,-0.0314,0.02491,0.06395,-0.06505,0.04466,-0.01834,-0.00804,-0.01009,0.06008,0.05386,-0.06405,0.07419,0.01369,-0.09933,-0.08557,0.04214,0.02318,0.04456,0.0728,-0.06701,-0.01745,-0.01748,0.069,0.08323,0.02656,0.00656,-0.07059,0.0349,0.00956,-0.00775,-0.03899,-0.03134,-0.04906,-0.00249,-0.03972,-0.0781,-0.01046,-0.02551,0.00356,0.02727,-0.08424,-0.02717,-0.0039,-0.04609,-0.06562,0.00243,0.08644,0.02817,0.03394,0.06644,0.01149,0.06649,0.0781,-0.05886,0.00918,0.07315,0.02783,0.07767,0.0283,0.04705,-0.04227,-0.01452,0.01194,0.07774,0.02263,0.02635,0.0499,-0.01168,-0.09382,0.06849,0.03563,-0.01029,0.056,-0.03201,-0.00928,0.00537,-0.01043,-0.03879,-0.05103,0.02582,0.02585,0.04857,0.04412,-0.09137,0.0162,-0.05073,-0.09091,0.0039,0.11013,-0.01856,0.0188,0.01912,-0.01864,0,0.00827,-0.02369,-0.04592,0.06525,0.04893,-0.03239,0.0559,0.02983,0.06437,-0.01604,0.03394,0.03406,-0.02049,0.01932,0.0452,-0.00999,-0.00777,-0.14869,0.05234,-0.05618,0.05209,0.02346,0.0373,-0.07243,-0.07569,0.01541,-0.04515,0.00313,0.00161,-0.10422,0.00926,-0.00123,-0.05081,-0.07924,-0.02984,0.00758,-0.00772,0.00099,0.00526,-0.03165,0.09157,-0.00104,-0.0245,-0.00546,-0.09358,0.03821,-0.12778,-0.04941,0.012,-0.00705,-0.01129,0.02241,-0.07176,-0.02749,-0.05522,0.02099,0.05091,0.04112,-0.05104,0.06268,0.00209,-0.02291,-0.02102,-0.02901,0.02259,0.04512,-0.05483,-0.00997,0.0831,0.09963,0.0443,-0.02589,-0.08929,0.0052,-0.01457,0.09168,0.17002,-0.05407,0.04745,0.01851,-0.01956,0.12898,0.0064,0.04236,0.04093,0.00616,-0.10473,-0.09282,0.02138,0.06292,-0.0443,-0.02943,-0.02387,0.01276,-0.00765,0,-0.08609,0.00198,-0.02714,0.00281,0.03699,0.01039,-0.09674,0.08341,-0.02993,0.00604,0.03551,0.0251,-0.02224,-0.02382,0.08041,0.07374,-0.06166,-0.02603,-0.05568,-0.08757,0.0232,0.08376,0.01263,0.019,-0.03831,-0.00278,0.05406,0.00984,0.01123,-0.04609,-0.02393,0.13016,0.04042,0.01466,0.01989,0.01577,-0.08711,0.02258,-0.06299,0.0249,0.04766,-0.03806,-0.01693,-0.03355,0.01207,0.0373,-0.05622,-0.02987,-0.06275,-0.01162,-0.04583,0.04272,-0.09303,0.08297,-0.01661,0.04755,-0.03707,-0.0646,0.08698,0.0331,-0.03004,0.02912,0.04086,0.03695],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Reference Apps, Examples, and Docs v18.2 is not only about library internals. I also used this release window to improve how examples and docs explain the product: - stronger performance-oriented demos - cleaner example grouping - refreshed descriptions around large-scene rendering - the AI Low-Code Platform demo now positioned as the flagship reference app If you want to see how Foblex Flow looks in a more product-like Angular setup, start here: ✅ AI Low-Code Platform: <https://flow.foblex.com/examples/ai-low-code-platform","excerpt":"Reference Apps, Examples, and Docs v18.2 is not only about library internals. I also used this release window to improve how examples and docs explain the product: - stronger performance-oriented demos - cleaner example grouping - refreshed descriptions around large-scene rendering - the AI Low-Code Platform demo now positioned as the flagship reference app If you want to see how Foblex Flow looks in a more product-like Angular setup, start here: ✅ AI Low-Code Platform: <https://flow.foblex.com/examples/ai-low-code-platform"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#9","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.0998,0.04812,-0.04309,0.03933,0.04059,-0.00184,-0.01068,0.04577,0.05487,0.04281,-0.04496,0.00605,-0.14124,-0.05705,0.06094,0.00081,0.04341,0.01369,-0.10074,0.03145,-0.02725,-0.00224,0.02158,-0.03293,-0.01144,0.04162,-0.0585,-0.03773,0.0362,-0.07937,0.02419,0.10792,-0.04851,0.04052,-0.0246,0.06434,-0.00052,-0.01074,-0.0654,-0.07384,0.07952,0.04779,-0.02083,-0.03998,-0.062,-0.02611,0.0471,-0.01734,-0.06829,0.10209,-0.0225,-0.10005,-0.10161,0.12248,0.01791,0.0176,0.06986,-0.01084,-0.01,0.08867,-0.00475,-0.00499,-0.00662,0.01302,-0.00978,-0.04273,-0.01704,-0.02786,-0.04065,-0.03499,-0.003,0.01007,0.003,-0.03743,0.02602,-0.05373,-0.03724,-0.00053,0.021,-0.10376,0.08706,0.02439,-0.01464,-0.00947,0.01087,0.02676,0.05211,-0.07976,0.00432,-0.02231,0.02368,0.04369,0.03607,0.02105,0.01106,-0.02672,0.00385,0.03425,-0.03761,0.03617,0.00628,0.0123,0.06126,0.05745,-0.03863,-0.04383,0.07074,0.03798,-0.05459,-0.03164,0.00102,0.03133,-0.02913,-0.1285,-0.04492,-0.04883,-0.03697,-0.03694,0.05755,0.04391,0.01848,0.00427,0.04971,-0.03556,0.01092,-0.04662,-0.02759,0,-0.06422,0.03798,-0.07271,0.01507,0.09472,-0.01696,0.03565,-0.0171,-0.02431,-0.01881,0.04767,0.05341,-0.00708,0.05866,0.03779,-0.04963,-0.04757,0.08413,0.06065,0.02576,0.09855,-0.0733,-0.04559,-0.0128,0.04005,0.11283,0.02923,-0.01575,-0.04692,0.0307,0.05827,0.00936,-0.01209,-0.01659,-0.04843,0.02213,-0.01616,-0.06654,-0.01463,-0.08623,0.03179,0.02185,-0.09197,-0.0083,-0.03147,-0.05647,-0.03568,0.03787,0.08662,-0.00297,0.03474,0.04864,0.04394,0.0448,0.03828,-0.05991,-0.00366,0.08879,0.04534,0.03027,0.05362,0.06578,-0.02238,0.04366,0.02053,0.03534,0.04956,0.04335,0.07087,-0.07529,-0.086,0.05693,0.04364,-0.02593,0.08304,-0.06847,-0.01938,0.00394,0.01418,-0.04744,-0.0565,0.00388,0.03006,0.03751,0.04493,-0.07597,-0.01883,-0.05581,-0.05134,0.0131,0.13111,-0.00502,0.01722,-0.00129,0.01096,0,0.02821,0.00511,-0.03711,0.0886,0.07054,-0.05354,0.01269,0.07273,0.04278,-0.03566,0.02408,0.01978,-0.0194,-0.06282,0.07015,0.0246,-0.06828,-0.15396,0.03048,-0.09587,0.05791,0.00446,0.05424,-0.03011,-0.04954,-0.00412,-0.02672,-0.00639,-0.00378,-0.06788,-0.00543,-0.00149,-0.07361,-0.03753,-0.01486,-0.01551,0.00841,0.04268,0.02119,0.00973,0.05671,0.05042,-0.03299,0.03219,-0.08475,-0.01806,-0.12107,-0.0328,0.03889,0.01904,0.02247,0.00878,-0.09321,-0.04061,-0.02039,0.05617,0.00109,0.0054,-0.09232,0.00064,0.03198,-0.02514,0.0417,-0.01974,0.04699,0.04618,-0.03709,-0.00824,0.06553,0.07142,0.06602,-0.01928,-0.10209,0.01342,0.02768,0.03233,0.20848,-0.02146,0.03864,0.07815,-0.04213,0.1143,-0.00341,0.01544,0.02538,-0.03444,-0.06308,-0.01798,-0.02183,0.0479,-0.07586,-0.04596,0.02722,0.02596,-0.03164,0,-0.14579,0.00403,-0.04672,0.04715,0.02521,0.01036,-0.10933,0.09498,0.01233,0.01178,0.06145,0.00893,0.02213,-0.01882,0.04873,0.00032,-0.00271,-0.00063,-0.08262,-0.06796,-0.03293,0.11065,0.05481,0.03803,-0.04755,0.00975,0.01821,-0.0144,0.02301,-0.02244,-0.0219,0.09286,0.0242,0.05479,-0.04568,-0.00015,-0.05558,0.04507,-0.07588,0.0201,0.07997,-0.09287,-0.02729,-0.01625,-0.03405,0.00391,-0.09511,-0.03321,-0.06963,0.00361,-0.03428,0.03739,-0.08147,0.04488,0.00554,0.02469,0.00689,-0.02872,0.08721,0.0102,-0.03208,-0.0293,0.04193,0.03645],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Important Migration Note There is one breaking rename around External Item directive classes. Update imports from: to:","excerpt":"Important Migration Note There is one breaking rename around External Item directive classes. Update imports from: to:"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#10","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.07315,0.0342,-0.0649,0.05337,-0.00174,-0.06266,-0.0207,0.04209,0.01678,0.04919,-0.07811,-0.00768,-0.13168,-0.06996,0.02045,0.00677,0.07367,0.01381,-0.06547,-0.00204,-0.02483,-0.10352,-0.00034,-0.05671,0.03437,0.01701,-0.05476,-0.04076,0.06532,-0.06201,0.02957,0.08296,-0.05535,0.02698,-0.02195,0.10695,-0.0269,-0.05729,-0.08395,-0.02367,0.05851,0.06224,0.00545,-0.01415,0.00136,-0.0037,0.03114,-0.02081,-0.03056,0.00562,-0.04473,-0.07708,-0.05033,0.06674,-0.00926,0.02828,0.08327,-0.06786,-0.01154,0.07494,0.02314,-0.00047,0.01175,0.01422,-0.00283,0.00592,0.02722,-0.03087,-0.00082,-0.05941,-0.05192,0.00626,0.00562,-0.07122,0.00798,-0.04997,-0.01217,0.00275,0.05578,-0.09709,0.04189,-0.05224,0.00583,0.0229,0.00942,0.03681,0.07501,-0.07198,0.00788,-0.01101,0.06686,0.11625,-0.02411,0.031,0.01917,-0.01732,0.0071,-0.00067,-0.04789,0.06308,0.01214,-0.03337,0.10641,0.07799,-0.03451,-0.01036,0.08672,0.03556,-0.06285,-0.00964,-0.01754,0.06853,-0.00096,-0.06533,0.00408,0.02091,-0.03345,0.01111,0.05323,0.10577,0.05432,-0.04104,-0.01243,-0.04511,0.05128,-0.0401,-0.02983,0,-0.00437,0.02016,-0.03791,0.02752,0.07141,0.00676,0.02608,-0.03089,-0.02157,-0.01656,-0.00995,0.00638,-0.06103,0.04194,0.02292,-0.11629,-0.03218,0.07397,0.0062,0.05982,0.09016,-0.13009,-0.0741,-0.01464,0.07566,0.07323,0.0302,-0.00566,-0.07343,0.03269,0.01947,-0.00765,-0.00641,-0.00553,-0.07182,0.01801,-0.02906,-0.04576,-0.03087,-0.01476,-0.01398,0.04773,-0.05045,-0.05517,-0.04587,-0.06722,-0.07407,0.01285,0.07979,0.04636,0.04206,0.05492,-0.01011,0.03296,0.07616,-0.04688,0.05526,0.04575,0.0218,0.11893,-0.00385,0.02375,-0.07063,-0.00171,0.0358,0.07112,0.01328,0.03227,0.02561,-0.0204,-0.09106,0.05017,0.06294,-0.04915,0.02574,-0.03187,-0.0252,0.01921,-0.03433,-0.05525,-0.0372,0.00739,0.0108,0.02895,0.0476,-0.10607,-0.00072,-0.03793,-0.10856,-0.00538,0.10077,0.00786,0.06112,-0.04883,-0.04318,0,-0.00827,-0.02301,-0.08789,0.12749,0.07216,-0.0296,0.0797,0.04014,0.01221,-0.01705,0.01762,0.00906,-0.04287,-0.01421,0.03468,0.0125,-0.02682,-0.15326,0.05822,-0.02059,0.07158,0.05302,0.05193,-0.04836,-0.04777,-0.00197,-0.06007,0.01533,-0.02597,-0.09348,-0.01008,0.00655,-0.10177,-0.04534,0.00182,0.02497,0.03055,0.06337,0.0026,0.0186,0.11556,0.0151,-0.06473,0.01447,-0.04068,0.05216,-0.13569,-0.0716,-0.00005,0.02314,-0.00487,0.03717,-0.05553,0.00344,-0.04537,0.01991,0.02039,0.01613,-0.08732,0.05608,0.03579,-0.06826,-0.01236,-0.00968,0.04566,0.03569,-0.02913,-0.00485,0.10181,0.12011,0.03687,0.00201,-0.02408,0.03004,-0.00624,0.0344,0.11378,-0.03633,0.0889,0.06698,-0.05547,0.14731,0.00404,0.03706,0.03907,0.05371,-0.08999,-0.02241,0.04411,0.04976,-0.03973,-0.02293,-0.00398,-0.02373,-0.02986,0,-0.07717,-0.00892,-0.02448,0.00637,0.04385,0.00525,-0.07357,0.06004,-0.0145,-0.01588,0.06115,0.02335,-0.00011,0.01964,0.09664,0.02624,-0.01348,-0.01249,-0.0613,-0.10202,0.00446,0.10078,-0.00919,0.05066,-0.01737,-0.00337,0.06941,0.03568,-0.00149,-0.03721,-0.02703,0.06409,0.02651,0.00168,-0.0007,0.05509,-0.09428,0.03562,-0.06128,0.03699,0.04822,-0.00715,0.01099,-0.01304,0.04517,0.02792,-0.08599,-0.02849,-0.03507,-0.0414,-0.03927,0.00919,-0.11011,0.09367,-0.00858,-0.0014,0.01717,-0.01915,0.09572,0.05281,-0.02057,-0.00864,-0.03237,0.02095],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.2.0 - Large Scene Performance example: <https://flow.foblex.com/examples/stress-test - Connection Redraw Performance example: <https://flow.foblex.com/examples/stress-test-with-connections - AI Low-Code Platform reference app: <https://flow.foblex.com/examples/ai-low-code-platform","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.2.0 - Large Scene Performance example: <https://flow.foblex.com/examples/stress-test - Connection Redraw Performance example: <https://flow.foblex.com/examples/stress-test-with-connections - AI Low-Code Platform reference app: <https://flow.foblex.com/examples/ai-low-code-platform"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#11","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.09165,0.01769,-0.02997,0.0652,0.01656,0.01615,-0.08319,0.05466,0.04434,0.04979,-0.09562,0.01969,-0.14444,-0.04122,0.03777,0.02323,0.04273,0.04349,-0.05347,0.02859,-0.06972,-0.08095,0.0054,-0.03905,0.01161,0.02331,-0.06121,-0.02654,0.05373,-0.08294,0.04504,0.0949,-0.05436,0.00631,-0.07633,0.1309,-0.00426,-0.03459,-0.08743,-0.02634,0.09893,0.08031,0.01238,-0.05039,-0.0156,-0.01572,0.02138,-0.00645,-0.04331,0.03287,-0.03516,-0.12558,-0.0596,0.05119,0.00035,0.02857,0.05457,-0.05854,0.00351,0.04051,-0.00703,0.0111,0.01755,0.00226,0.01463,-0.0195,-0.0044,-0.05678,-0.00104,-0.01987,-0.00272,-0.01752,-0.0199,-0.04661,-0.01429,-0.06745,-0.01096,0.04025,0.01961,-0.03756,0.06095,-0.03086,0.00434,0.04322,-0.0522,0.07164,0.05072,-0.09808,0.00371,-0.00449,0.03976,0.13106,0.00817,0.01703,0.00718,-0.01805,-0.03143,-0.00193,-0.05353,0.04107,0.02732,-0.04642,0.11515,0.0538,-0.01025,-0.01733,0.06047,0.01842,-0.04774,0.0019,0.01432,0.06418,-0.0155,-0.05788,-0.01429,0.01419,-0.02978,-0.02258,0.03203,0.11659,0.04238,-0.00277,-0.02349,-0.04952,0.06298,-0.05996,-0.02048,0,-0.01316,0.05667,-0.01383,0.03692,0.12373,0.00801,0.02473,-0.0646,-0.04484,-0.03191,0.0429,0.00377,-0.06832,0.03423,0.01145,-0.11875,-0.01092,0.05328,-0.02037,0.02096,0.07881,-0.12194,-0.07111,-0.00951,0.04282,0.01922,0.03876,0.006,-0.08205,0.01235,0.00436,0.0062,0.00521,0.01141,-0.08404,0.00858,-0.02083,-0.06693,-0.00623,-0.05541,-0.00615,0.0587,-0.08176,-0.02617,-0.01454,-0.05258,-0.02343,0.00856,0.06159,0.03788,0.05357,0.05363,0.04828,0.05756,0.07637,-0.04401,0.05165,0.06304,0.03329,0.06173,0.02933,0.04864,-0.06137,-0.02233,0.03922,0.0858,0.02214,0.0608,0.01871,-0.05357,-0.07979,0.05358,0.06387,-0.03115,0.05574,-0.01401,-0.0119,-0.0066,0.03574,-0.01713,-0.03585,0.02332,0.01741,0.04493,0.08306,-0.09504,0.00763,-0.00059,-0.07584,0.0122,0.13234,-0.01111,0.06007,-0.02334,-0.01095,0,-0.00408,-0.00309,-0.0449,0.11946,0.05422,-0.04991,0.02521,0.03648,0.04183,-0.02845,0.04292,0.0408,-0.03654,-0.02809,0.01743,0.01229,-0.00134,-0.14997,0.05249,-0.05231,0.08723,-0.00844,0.03327,-0.01706,-0.05066,-0.00331,-0.0201,0.00761,-0.042,-0.0736,-0.00683,-0.03566,-0.04526,-0.07426,-0.00242,-0.01749,-0.01386,0.05482,0.02443,0.01192,0.05438,-0.01307,-0.02884,-0.00066,-0.04243,-0.00671,-0.10861,-0.0463,-0.02004,0.02589,-0.04282,0.06665,-0.0636,-0.01104,-0.03434,0.00539,0.03687,0.0366,-0.06536,0.0144,-0.0001,-0.01236,-0.02163,-0.03378,0.04211,0.05789,-0.04045,0.01246,0.08525,0.11269,0.04515,0.00639,-0.03448,0.01309,0.00972,0.0168,0.17142,-0.04434,0.09282,0.07305,-0.04872,0.15026,0.01185,0.0006,0.05721,0.02052,-0.09275,-0.05589,0.02863,0.0856,-0.05675,-0.03826,0.01619,-0.04109,-0.01809,0,-0.12543,0.01462,-0.05149,0.02356,0.06835,-0.01065,-0.07681,0.06253,0.01173,0.03049,0.0563,0.04046,0.01182,0.00707,0.09082,0.00887,-0.00928,-0.01663,-0.06471,-0.08879,0.02014,0.12449,-0.0032,0.04669,-0.02335,-0.02937,0.03445,0.01132,-0.01814,-0.04036,-0.03434,0.08665,0.01503,0.07506,-0.05026,-0.01493,-0.08551,0.0484,-0.0714,-0.00026,0.0781,-0.01258,0.01808,-0.02195,-0.05658,0.03148,-0.03656,-0.02018,-0.02992,-0.03365,-0.02548,0.00819,-0.1063,0.06595,0.02137,0.0129,-0.03287,-0.00988,0.05196,0.00538,-0.05994,-0.0366,-0.00726,0.01831],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Closing v18.2 is about making Foblex Flow scale better without changing the simple Angular-first starting path. You should still be able to start small. But when the editor grows, you now have better tools for: - larger node scenes - heavier connection redraws - smoother interaction during drag - more consistent rendering behavior If you’re building a serious node editor in Angular, this release should be worth a look. And if you like what I’m building, please consider starring the repo ⭐️ Repo: <https://github.com/Foblex/f-flow","excerpt":"Closing v18.2 is about making Foblex Flow scale better without changing the simple Angular-first starting path. You should still be able to start small. But when the editor grows, you now have better tools for: - larger node scenes - heavier connection redraws - smoother interaction during drag - more consistent rendering behavior If you’re building a serious node editor in Angular, this release should be worth a look. And if you like what I’m building, please consider starring the repo ⭐️ Repo: <https://github.com/Foblex/f-flow"},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#0","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.16975,-0.02065,-0.0458,-0.01429,0.02262,0.03904,-0.08122,0.052,-0.02236,-0.00085,-0.04427,0.02208,-0.06706,-0.03311,0.03499,0.04685,-0.07918,0.02508,-0.0226,0.02195,-0.08222,-0.01946,-0.0023,0.0076,-0.06667,0.07784,-0.03086,-0.03731,-0.02679,-0.09655,0.08577,0.13099,0.01706,0.03224,-0.04547,0.07771,-0.00769,0.02015,-0.00746,-0.06263,-0.02101,0.00509,0.0314,-0.0401,0.01039,-0.01402,0.01487,-0.06503,-0.00099,0.05082,-0.07503,-0.10762,-0.04155,0.03758,0.06998,0.04271,0.03617,-0.05781,0.00708,-0.0116,0.06003,0.0168,0.00942,0.0524,0.01654,0.03174,-0.06566,0.01782,0.0021,-0.07434,-0.07615,0.01862,-0.03393,0.00431,0.00566,0.04013,0.01672,0.02229,0.06001,-0.06796,-0.02454,0.00822,0.01297,0.05482,-0.02542,0.04332,0.03299,-0.0756,0.03702,0.04063,0.08037,-0.02361,0.04589,0.0307,0.04046,0.01152,-0.04194,-0.00479,-0.07442,0.05144,0.01315,0.0328,0.03436,-0.02698,-0.05531,-0.05186,0.07065,-0.03515,-0.01623,-0.03992,0.00827,0.02856,-0.03225,-0.11811,-0.01143,-0.00991,-0.00458,0.03599,0.05455,0.03782,0.02722,0.03957,0.00199,-0.00827,0.03109,0.0214,-0.08021,0,-0.00439,0.06878,-0.04179,0.0723,0.08853,-0.07979,0.00159,-0.01781,-0.0054,0.05364,-0.01148,0.11254,-0.068,0.02996,-0.07447,-0.15855,-0.07416,0.03167,-0.05315,0.0273,0.02542,-0.04222,-0.00021,-0.01835,0.0546,0.07783,0.0564,0.01534,-0.02609,0.01889,-0.05832,-0.06245,-0.02146,0.03378,-0.05207,0.02514,-0.09326,-0.11887,-0.01863,-0.02859,0.04327,0.03822,-0.09851,-0.01852,0.08558,0.00879,-0.00548,-0.00898,0.18971,-0.04817,-0.00575,0.03076,0.01127,0.02941,0.02701,-0.09489,-0.01196,0.05875,0.01714,0.03146,0.03292,0.06788,-0.02095,-0.00652,0.04518,0.04506,0.05235,0.01103,0.07816,-0.03857,-0.0322,0.07141,-0.02015,0.02353,0.04937,-0.04125,0.01844,-0.04399,0.04886,-0.09345,-0.07461,0.06284,0.02258,0.04423,0.04352,-0.0685,0.00821,-0.01648,-0.05084,-0.02595,0.08948,-0.00581,0.02198,0.03232,0.00776,0,-0.06827,-0.061,-0.02212,0.04739,-0.02565,0.01972,0.07919,0.04047,0.08786,0.03735,0.02307,-0.04616,-0.0103,-0.05647,0.09866,-0.04698,-0.08911,-0.05161,0.06233,0.03036,0.06872,0.07354,-0.02052,0.00868,0.00237,0.0472,-0.01924,0.04081,0.02894,-0.03463,0.0246,0.00207,-0.08837,-0.05105,-0.02872,-0.04227,-0.01898,0.04938,0.02141,-0.0471,0.01309,0.04416,-0.02163,0.02008,-0.05906,0.00325,-0.09369,-0.00486,0.04064,0.03685,-0.06941,-0.02779,-0.04731,-0.07162,-0.10169,0.04707,0.04308,-0.00226,-0.03029,0.07881,-0.04839,-0.03939,0.06188,-0.04625,0.02255,0.08209,0.03809,0.04275,-0.03274,0.07917,0.10194,-0.00083,-0.05846,-0.02051,0.07995,0.04868,0.10806,-0.0401,0.01191,-0.0341,-0.00354,0.08014,-0.02147,0.05324,0.01367,-0.00247,-0.0224,-0.06221,0.00692,0.07834,-0.07004,0.00933,0.03282,0.02164,-0.10044,0,-0.0454,0.00975,-0.01776,0.02404,0.01416,0.02679,-0.07053,0.04831,-0.03924,-0.05281,0.04108,0.04785,-0.01614,-0.01042,0.05126,0.04204,-0.11496,0.03893,-0.06093,-0.04954,0.05465,0.10994,0.02623,0.00024,-0.00154,0.00492,-0.01705,0.03801,0.0244,-0.05707,0.01467,0.08097,0.12811,0.01329,-0.02769,0.04301,-0.04702,0.02508,-0.05144,0.04451,-0.00263,-0.0179,-0.03888,-0.05555,-0.03434,-0.04943,-0.09195,-0.04567,-0.05184,-0.04244,-0.02768,0.03414,-0.01261,0.05263,0.03297,0.08757,-0.0436,-0.0576,0.1058,0.01544,-0.0381,0.00529,0.02216,0.00661],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds alignment helpers and stronger workflow-builder references for Angular teams evaluating the library for production-style editors. Today I’m shipping v18.1.0. This release adds two new magnetic alignment plugins, a new AI Low-Code Platform example, and a big documentation overhaul (new pages + improved existing docs).","excerpt":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds alignment helpers and stronger workflow-builder references for Angular teams evaluating the library for production-style editors. Today I’m shipping v18.1.0. This release adds two new magnetic alignment plugins, a new AI Low-Code Platform example, and a big documentation overhaul (new pages + improved existing docs)."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#1","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.13468,-0.00939,-0.05151,0.00381,0.00245,0.02046,-0.03939,0.07548,-0.02239,0.00364,-0.04799,-0.00805,-0.04871,-0.06924,0.01821,0.04526,-0.09038,0.0304,0.01629,0.00577,-0.06993,-0.04944,0.0073,0.0011,-0.06515,0.09849,-0.00288,-0.03035,-0.0193,-0.11688,0.05215,0.10719,-0.00612,0.03556,-0.06717,0.09751,0.00051,0.01762,-0.06937,-0.05507,-0.0199,0.01428,0.036,-0.05782,0.0531,0.00965,0.00699,-0.07797,0.02975,0.04469,-0.07507,-0.1091,-0.05004,0.07155,0.06173,0.06404,0.08093,-0.07151,0.01188,-0.00083,0.09528,0.01021,0.01089,0.05363,0.00876,0.04175,-0.08957,0.04345,0.00847,-0.08618,-0.04045,-0.00368,-0.05519,0.00015,0.01142,-0.00575,0.01996,0.02498,0.00814,-0.04904,-0.05259,0.02106,0.01152,0.04396,-0.01614,0.07128,0.0436,-0.0862,0.03798,0.06932,0.09044,0.01533,0.00754,-0.00034,0.06387,-0.00534,-0.02715,-0.04561,-0.08488,0.04328,0.03141,0.01526,0.01449,0.00603,-0.06234,-0.03258,0.08123,-0.02142,-0.03627,-0.03461,-0.01677,0.01789,-0.04292,-0.1265,0.02173,-0.02828,0.00271,0.02154,0.04707,0.06144,0.0553,0.05715,-0.02411,-0.00882,0.03974,0.00237,-0.04855,0,-0.017,0.04849,-0.0186,0.09682,0.08996,-0.06304,0.01872,-0.01893,0.02147,0.04413,0.00188,0.08618,-0.05481,0.04085,-0.07343,-0.17609,-0.06365,-0.00751,-0.02833,-0.00697,0.02737,-0.06555,-0.01508,-0.03369,0.05093,0.09389,0.04604,0.0358,-0.02015,0.00739,-0.07388,-0.05628,-0.00729,0.02225,-0.07408,0.03882,-0.07015,-0.10701,0.01292,-0.02073,0.04184,0.01253,-0.07083,-0.03134,0.08888,-0.01046,-0.01801,0.00416,0.13434,-0.01607,0.00178,0.03698,0.01898,0.01999,0.03512,-0.08148,-0.02439,0.06039,-0.0186,0.04428,0.0586,0.09659,-0.04027,0.00689,0.01659,0.08553,0.04531,0.04179,0.08029,-0.03652,-0.07419,0.07434,0.02891,-0.00233,0.00489,-0.0463,-0.02994,-0.0469,0.01689,-0.08769,-0.07169,0.00304,0.01303,0.06291,0.0895,-0.05549,-0.00554,-0.023,-0.06063,-0.02589,0.0972,0.0178,0.03647,0.00676,0.00181,0,-0.06498,-0.04062,-0.03098,0.05436,-0.00506,-0.00473,0.02383,0.0409,0.06738,0.03727,-0.01657,-0.02439,-0.01256,-0.06889,0.08261,-0.03874,-0.10159,-0.07083,0.04351,0.01041,0.02337,0.05224,0.00152,-0.02117,-0.01845,0.03185,-0.03521,0.05004,0.03546,-0.0391,0.02888,-0.01074,-0.07468,-0.01653,-0.00306,-0.0533,0.01167,0.03689,0.02592,-0.03014,0.04074,0.03019,-0.00778,-0.00397,-0.07737,0.03652,-0.10901,0.00751,-0.00232,0.02725,-0.05996,-0.02498,-0.05009,-0.06995,-0.08967,0.03421,0.05073,0.01333,0.00666,0.05082,-0.03929,-0.08907,0.03156,-0.06075,0.02298,0.06548,0.02812,0.05426,-0.02817,0.07697,0.09889,0.05381,-0.04204,-0.03389,0.06808,0.03318,0.09801,-0.03925,0.02213,0.00602,0.02845,0.09385,-0.02701,0.04755,0.02186,0.00384,-0.05924,-0.06685,-0.00706,0.05618,-0.08158,0.03891,0.04825,0.04613,-0.0937,0,-0.04597,0.0073,0.0097,0.00481,0.03964,0.04878,-0.06163,0.02569,-0.05269,-0.0557,0.02959,0.03318,0.02283,0.00217,0.06238,0.0325,-0.09539,0.03927,-0.02234,-0.0646,0.06551,0.08379,0.02493,0.04128,0.00786,-0.00064,0.01518,0.0446,0.01825,-0.04157,0.02519,0.05386,0.16069,0.02673,-0.00742,0.04243,-0.02069,0.03537,-0.04149,0.02386,-0.01298,-0.00843,-0.01415,-0.06641,-0.07265,-0.04442,-0.08667,-0.04929,-0.03719,-0.03396,-0.03061,0.02936,-0.00153,0.0688,0.04784,0.07977,-0.04575,-0.06217,0.09145,0.02969,-0.06023,0.07362,0.00137,0.00059],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Highlights - 🧲 Magnetic alignment plugins: new Magnetic Lines and Magnetic Rects to help align elements while moving. - 🤖 New example: AI Low-Code Platform -a larger, “real-world” demo showing how to build a production-like node editor experience. - 📚 Docs refresh: new documentation pages + reworked existing guides for consistency, clarity, and better quick-start sections.","excerpt":"Highlights - 🧲 Magnetic alignment plugins: new Magnetic Lines and Magnetic Rects to help align elements while moving. - 🤖 New example: AI Low-Code Platform -a larger, “real-world” demo showing how to build a production-like node editor experience. - 📚 Docs refresh: new documentation pages + reworked existing guides for consistency, clarity, and better quick-start sections."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#2","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.1384,-0.02727,-0.07298,-0.03123,-0.03114,0.06135,-0.06463,0.05265,0.01194,-0.01724,-0.03191,-0.00057,-0.06912,-0.02595,0.0189,0.01314,-0.12362,0.03399,-0.00903,0.03262,-0.07696,-0.03502,-0.00144,0.01258,-0.0981,0.08569,0.03536,-0.00713,-0.04832,-0.12281,0.08512,0.09504,-0.00815,0.01621,-0.07056,0.05633,-0.0275,0.00958,-0.05331,-0.08367,-0.01392,-0.00675,0.05098,-0.07461,0.03663,0.01953,0.01132,-0.04103,0.04194,0.05739,-0.02934,-0.09937,-0.02556,0.07028,0.0723,0.05985,0.05115,-0.06943,0.02012,-0.01613,0.08104,0.02213,0.01676,0.06933,0.00485,0.03003,-0.07261,0.0239,0.0001,-0.09012,-0.04654,-0.02309,-0.05171,-0.00748,0.00524,0.03054,0.02731,0.03521,0.03637,-0.04687,-0.04039,0.03224,0.0296,0.06428,0.0036,0.03275,0.04317,-0.09497,0.03505,0.05569,0.07838,-0.00315,-0.01337,-0.00001,0.06837,-0.01296,-0.03309,-0.01639,-0.07964,0.00698,0.01797,0.01534,-0.00597,0.01681,-0.02267,-0.05742,0.06455,-0.05579,-0.00688,-0.05749,-0.00706,0.01046,-0.01383,-0.10497,0.01565,-0.03253,0.0006,0.03066,0.04172,0.02125,0.01548,0.04447,-0.0322,-0.02201,0.05727,0.01558,-0.05139,0,-0.03218,0.03886,-0.01528,0.07847,0.05002,-0.0569,-0.01029,-0.02197,0.00094,0.05512,-0.02018,0.09351,-0.057,0.03814,-0.09729,-0.1457,-0.06455,-0.00316,-0.07569,0.00177,0.03462,-0.05131,-0.01393,-0.05738,0.04002,0.08111,0.02496,0.04005,-0.03565,0.00648,-0.05752,-0.07781,-0.00686,0.0254,-0.04581,0.01417,-0.06845,-0.0858,-0.00191,-0.0076,0.06911,0.03239,-0.07394,-0.02732,0.07967,0.02021,-0.01137,-0.00453,0.1453,-0.03594,0.01966,0.02296,0.01552,0.02334,0.04213,-0.06912,-0.01627,0.06577,-0.02642,0.0015,0.0161,0.0804,-0.05721,-0.02848,0.03589,0.05892,0.08528,0.03439,0.0771,-0.01738,-0.08234,0.06421,-0.00069,0.00401,-0.00433,-0.02377,0.01882,-0.03064,0.05521,-0.0476,-0.10119,0.03317,0.02861,0.03248,0.06161,-0.05752,0.01313,-0.04388,-0.00827,-0.02204,0.10644,0.0219,0.0463,0.03808,0.01226,0,-0.07062,-0.07389,0.02223,0.04663,0.0037,0.03818,0.06565,0.04217,0.05567,0.02035,0.03206,-0.02695,-0.01133,-0.06967,0.10629,-0.01028,-0.09941,-0.04292,0.0323,0.00254,0.03688,0.01183,0.00722,-0.02219,0.01056,0.02914,-0.0101,0.03929,0.03421,-0.01244,0.03664,0.00204,-0.10574,-0.04175,-0.0125,-0.04956,-0.01203,0.06304,0.0404,-0.03986,-0.02796,0.06012,-0.0155,0.02861,-0.04157,0.02202,-0.08898,-0.02626,-0.00556,0.06383,-0.05916,0.01058,-0.04639,-0.03615,-0.07188,0.05091,0.03698,-0.0105,-0.00419,0.06013,-0.02774,-0.08344,0.06464,-0.06628,0.0307,0.10899,0.07424,0.05417,-0.00787,0.09465,0.1452,0.01229,-0.05566,-0.03286,0.07388,0.0471,0.09187,-0.02964,0.01283,-0.00607,0.06273,0.08276,-0.03149,0.04483,-0.02121,-0.01588,-0.01712,-0.07127,0.0182,0.07092,-0.07822,0.01781,0.04059,0.01034,-0.1197,0,-0.05404,-0.03873,0.00839,0.01388,-0.00965,0.03016,-0.07606,-0.00135,-0.03559,-0.0479,0.03053,0.06501,0.00753,-0.03199,0.04127,0.02281,-0.12268,0.05157,-0.0239,-0.03073,0.0506,0.12102,0.00081,0.028,0.00608,0.00771,-0.02016,0.03373,0.00871,-0.07135,0.03443,0.05951,0.16887,0.02609,-0.02149,0.04083,-0.02053,0.0405,-0.05796,0.01409,0.01784,-0.02142,-0.00971,-0.07344,-0.0651,-0.03869,-0.04094,-0.03228,-0.05913,-0.02348,-0.04095,0.0659,0.00562,0.03726,0.00993,0.06987,-0.04463,-0.07852,0.09101,-0.00726,-0.07828,0.03408,0.02563,-0.01125],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. New: Magnetic Alignment Plugins Alignment is one of those features that immediately makes an editor feel “professional”. In v18.1 there are two new plugins you can enable depending on the UX you want.","excerpt":"New: Magnetic Alignment Plugins Alignment is one of those features that immediately makes an editor feel “professional”. In v18.1 there are two new plugins you can enable depending on the UX you want."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#3","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.1662,0.01786,-0.07189,-0.026,-0.00374,0.05832,-0.02417,0.01795,-0.00477,-0.0235,-0.05151,0.01616,-0.05011,-0.01963,-0.01224,0.03002,-0.11618,0.02677,-0.01015,0.07472,-0.06292,-0.073,0.02838,-0.01452,-0.05254,0.10196,0.09268,0.00617,-0.02077,-0.13065,0.07204,0.08123,-0.04147,0.04347,-0.08307,0.05716,-0.02868,0.06242,-0.05061,-0.05592,0.04586,0.00989,0.0315,-0.10511,0.01138,0.03743,0.01197,-0.02907,0.04544,0.04622,-0.09,-0.09535,-0.05376,0.10691,0.01485,0.0492,0.07662,-0.10536,0.04125,0.00075,0.08883,0.00895,0.01918,0.03495,0.03147,0.00201,-0.0931,0.0096,-0.00773,-0.04173,-0.02305,-0.0378,-0.03179,-0.01959,0.01754,0.04421,0.00131,0.06907,0.01613,0.00126,-0.03505,0.04032,0.01502,0.06941,-0.01287,0.05164,0.01132,-0.08222,0.03121,0.00221,0.08154,0.03541,-0.02947,0.02807,0.07252,0.01382,-0.02076,-0.05353,-0.1266,0.00937,0.0431,-0.00613,0.00076,0.05361,-0.03448,-0.01691,0.0509,-0.03403,-0.04981,-0.05815,0.01051,0.01688,-0.0491,-0.05545,-0.01582,-0.0721,-0.00165,0.0252,0.02931,0.02293,0.03274,0.05605,-0.02928,-0.01294,0.07247,0.04287,0.00245,0,-0.00027,0.08095,-0.01097,0.0527,0.05621,-0.01612,-0.04989,-0.02806,0.0502,0.10191,0.00453,-0.01238,-0.05718,0.01832,-0.11423,-0.15851,-0.05447,-0.01797,-0.07035,0.03057,0.01844,-0.0506,-0.02906,-0.04763,0.02677,0.05228,-0.02182,0.04682,-0.04821,0.00216,0.02818,-0.04835,-0.01481,-0.02688,-0.06842,0.03171,-0.04946,-0.09301,0.0042,-0.02374,0.07946,0.00374,-0.04252,0.00799,0.02445,0.04748,0.00153,-0.02229,0.11362,0.01061,-0.0123,-0.01703,0.03334,0.02512,0.07651,-0.07852,-0.01318,0.06666,-0.03463,0.00262,0.03364,0.0619,-0.03908,-0.00969,0.04235,0.00511,0.03832,0.09604,0.10466,-0.03219,-0.06327,0.05628,0.0175,0.03017,-0.00552,-0.03211,-0.00589,-0.01233,0.11051,-0.04886,-0.03633,0.01285,0.06242,0.01431,0.06375,-0.05419,0.02245,-0.0694,-0.0563,-0.03079,0.05349,0.07224,0.02084,0.01703,0.00408,0,-0.04117,-0.02208,0.06837,0.05936,-0.01894,-0.00796,0.06812,0.06615,0.05886,0.06338,-0.01107,0.02827,-0.01535,-0.0528,0.07016,0.00656,-0.0838,-0.04445,0.08676,-0.02586,0.02082,0.0024,-0.01011,0.01345,-0.04392,0.03115,0.04275,0.00229,0.01927,-0.00704,0.04736,0.00079,-0.05127,-0.05547,-0.03407,-0.06701,-0.01762,0.09964,0.08372,-0.0618,-0.02945,0.06126,0.01727,-0.06794,-0.04653,-0.00294,-0.04039,0.01258,-0.03302,0.11067,-0.07944,0.0553,-0.05378,-0.01863,-0.07333,-0.0031,0.01177,-0.04344,0.02599,0.01457,-0.00939,-0.01885,-0.00462,-0.09384,0.06076,0.12033,0.03817,-0.00942,0.0317,0.11005,0.09329,0.0494,-0.03176,-0.02913,0.08748,0.04327,0.13277,-0.0076,0.05738,-0.03679,0.03148,0.04852,-0.06058,0.02397,-0.01969,0.02944,-0.03583,-0.06993,0.04827,0.05524,-0.07409,-0.01667,0.04109,-0.0397,-0.03642,0,-0.0618,-0.00878,0.00706,0.02242,0.00598,0.042,-0.02392,-0.01837,0.0063,-0.07012,0.01375,0.09637,-0.01856,0.03581,0.02444,0.00942,-0.12631,0.03043,-0.01535,-0.00105,0.05304,0.05292,0.03158,0.05728,-0.03082,0.00666,-0.02996,0.02188,0.0138,-0.06626,-0.00785,0.00559,0.15482,0.00845,-0.02825,0.00258,-0.09139,-0.03222,-0.01583,0.00043,0.03904,0.01199,0.05567,-0.08652,-0.07665,-0.0333,-0.04988,0.0011,-0.06839,-0.01769,-0.01474,0.05536,-0.01378,0.00878,0.0406,0.01265,-0.03087,-0.03162,0.08089,-0.02331,-0.06156,0.04157,-0.05065,-0.03139],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Magnetic Lines This plugin adds guideline-like alignment behavior (snap/assist) while dragging. ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" ::: - You move an element close to a virtual guide line - the editor helps you “lock” into that alignment - you get a clean, predictable layout without pixel-hunting ✅ Live demo: <https://flow.foblex.com/examples/magnetic-lines Note: this is the next step of the old “Line Alignment” direction. If you used the previous approach - this is the cleaner, dedicated plugin version.","excerpt":"Magnetic Lines This plugin adds guideline-like alignment behavior (snap/assist) while dragging. ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" ::: - You move an element close to a virtual guide line - the editor helps you “lock” into that alignment - you get a clean, predictable layout without pixel-hunting ✅ Live demo: <https://flow.foblex.com/examples/magnetic-lines Note: this is the next step of the old “Line Alignment” direction. If you used the previous approach - this is the cleaner, dedicated plugin version."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#4","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.07807,0.01602,-0.06932,-0.03289,-0.02203,0.02665,-0.05783,0.05105,0.00337,-0.00246,-0.07288,-0.00923,-0.02317,-0.00412,0.00433,0.048,-0.04937,0.02649,0.02446,0.01819,-0.07605,-0.09515,0.04364,-0.03499,-0.05796,0.07861,0.07174,0.03174,-0.00401,-0.14323,0.05362,0.06361,-0.01752,0.07255,-0.10843,0.08707,-0.03329,0.06312,-0.0291,-0.04192,0.01041,0.0541,0.0809,-0.08061,0.04735,0.02637,-0.03927,-0.00256,-0.00583,0.02147,-0.06321,-0.07745,-0.05932,0.10846,0.03958,0.04419,0.06191,-0.13329,0.01383,-0.02061,0.07195,-0.00032,0.01943,0.01948,0.03274,0.02186,-0.08834,0.04163,-0.02803,-0.00873,-0.00462,-0.02407,-0.03683,-0.02211,0.03561,0.04735,0.01557,0.05478,-0.0104,-0.03628,-0.05904,0.09944,0.0098,0.05177,-0.00509,0.0008,0.00867,-0.07418,0.0179,-0.00991,0.07129,0.01509,-0.04106,0.06316,0.05442,0.00969,-0.01365,-0.04031,-0.1349,0.02635,0.05956,-0.01421,0.0176,0.01855,-0.06759,-0.02581,0.03481,0.01048,-0.03975,-0.09879,-0.00435,0.02176,-0.02626,-0.05574,-0.05244,-0.03879,-0.02565,0.00704,0.03522,-0.00228,0.05258,0.07436,-0.03468,-0.02956,0.05946,0.03531,-0.03595,0,-0.02435,0.06224,-0.01028,0.09239,0.09219,-0.01684,-0.02396,-0.06309,0.09184,0.10325,-0.0049,0.05972,-0.05159,0.00552,-0.07373,-0.15505,-0.0434,0.02145,-0.11209,0.01145,0.01064,-0.04035,-0.04116,-0.015,0.06011,0.06382,-0.01715,0.02682,-0.07919,0.01171,-0.00094,-0.0165,0.00349,0.00227,-0.0348,0.01278,-0.06328,-0.08723,0.02501,-0.04319,0.06944,-0.01052,-0.09242,0.00525,0.04942,-0.01708,-0.03248,-0.0017,0.12648,0.00193,0.01242,0.03464,0.04611,0.02264,0.06525,-0.09083,-0.02209,0.04371,0.01691,0.03848,0.04664,0.07977,-0.01267,-0.01048,-0.009,0.01067,0.01468,0.03594,0.11669,-0.00081,-0.05985,0.08797,0.02433,0.02337,0.00916,-0.04797,0.00672,0.00315,0.0608,-0.07999,-0.03642,-0.0112,0.0343,-0.02461,0.03169,-0.09089,0.00349,-0.01914,-0.0444,-0.06,0.05857,0.05122,0.05596,-0.00681,0.03741,0,-0.05301,0.00662,0.04099,0.04721,-0.01805,-0.07655,0.04881,0.0711,0.02618,0.05671,-0.01326,-0.02043,0.00996,-0.08248,0.09875,0.03448,-0.07268,-0.09041,0.05583,-0.0454,0.03247,0.05482,-0.01623,0.01107,-0.05693,0.07666,-0.01462,-0.00555,0.03995,-0.02281,0.01631,-0.04516,-0.04963,-0.01972,-0.01654,-0.1024,0.00555,0.05941,0.0524,-0.03894,0.01754,0.06176,-0.02496,0.00361,-0.04062,0.01061,-0.03361,0.00435,0.00441,0.01829,-0.07845,0.02361,0.00717,-0.08378,-0.05438,-0.00147,0.0297,-0.02989,0.05057,0.04147,-0.06473,-0.06322,0.06531,-0.06511,0.02168,0.08724,0.04455,0.00814,0.03738,0.10792,0.08282,0.05414,-0.03757,-0.03089,0.07461,0.06632,0.10564,0.01568,0.04609,-0.00776,-0.01068,0.05825,-0.04635,0.07009,0.00617,-0.00376,-0.05705,-0.06147,0.02778,0.06785,-0.05232,-0.04888,0.07544,-0.01158,-0.01586,0,-0.07411,-0.02064,-0.03224,0.01177,0.03191,-0.00264,-0.03404,0.01399,-0.04164,-0.05246,0.04591,0.10994,-0.03033,0.00363,0.04199,0.04101,-0.10063,0.00759,-0.02224,-0.02169,0.0354,0.03958,0.05325,0.08863,-0.01536,0.00356,-0.05685,0.0161,0.03148,-0.0598,-0.00091,0.00891,0.16552,0.05032,-0.00292,-0.00954,-0.08681,0.0111,-0.03073,-0.01251,0.01103,-0.01752,0.06452,-0.05769,-0.06349,-0.01253,-0.07911,-0.00887,-0.04962,-0.02703,-0.07196,0.03901,-0.02831,0.01282,0.01639,0.04153,-0.02239,-0.02903,0.10492,-0.03951,-0.06463,0.07451,-0.04923,-0.03728],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Magnetic Rects This plugin focuses on bounds-based alignment: ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" ::: you align element rectangles against other elements’ bounds (edges/centers). - Helps with spacing, clean rows/columns - Feels closer to how design tools behave - Great for diagram builders where visual order matters ✅ Live demo: <https://flow.foblex.com/examples/magnetic-rects Both plugins ship with dedicated examples and documentation updates.","excerpt":"Magnetic Rects This plugin focuses on bounds-based alignment: ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" ::: you align element rectangles against other elements’ bounds (edges/centers). - Helps with spacing, clean rows/columns - Feels closer to how design tools behave - Great for diagram builders where visual order matters ✅ Live demo: <https://flow.foblex.com/examples/magnetic-rects Both plugins ship with dedicated examples and documentation updates."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#5","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.13153,0.00968,-0.08075,0.05155,0.03012,-0.00834,-0.02397,0.08588,-0.00986,0.04617,-0.06643,-0.03372,-0.0369,-0.06005,0.08728,0.09803,-0.04748,0.01501,-0.0654,-0.00701,-0.02766,-0.04966,0.01383,-0.0249,-0.05895,0.07292,0.00733,-0.02489,0.0059,-0.06971,0.06792,0.09161,-0.0051,0.05495,-0.06986,0.15941,-0.02517,-0.01355,-0.02516,-0.05813,0.05932,0.06944,0.00815,-0.09426,-0.00874,-0.01646,-0.01074,-0.08864,-0.01982,0.01163,-0.08648,-0.07674,-0.06739,0.06849,0.02227,0.04421,0.08054,-0.06203,-0.00126,0.00905,0.04374,-0.0279,0.03499,-0.00666,0.02187,0.02339,-0.1248,0.02287,0.00097,-0.04316,-0.0074,-0.02827,-0.05307,-0.0174,-0.02076,-0.02045,-0.00827,0.06192,-0.01659,-0.06017,-0.01412,0.01772,0.01022,0.02411,-0.03712,0.08443,0.0417,-0.03923,0.04973,0.02827,0.03776,0.04361,0.01755,0.03268,0.13112,0.02237,-0.01313,-0.01176,-0.09858,0.05057,0.00633,-0.02025,0.04678,0.01496,-0.03331,-0.01473,0.08491,-0.01868,-0.05313,-0.03125,-0.02394,0.08765,-0.01921,-0.11152,-0.01108,0.0003,0.01741,0.03255,0.04952,0.12803,0.09297,0.00598,0.01811,0.01026,0.08881,-0.02109,-0.02363,0,0.01383,0.01399,-0.0555,0.04198,0.10276,-0.03075,0.03401,-0.06717,0.005,0.03963,-0.0155,0.08932,-0.07159,0.02969,-0.03322,-0.13882,-0.02012,0.00104,0.04618,0.01564,0.0643,-0.06081,-0.0483,0.01505,0.07185,0.04588,0.03359,0.0082,-0.04236,0.00671,0.00216,-0.01845,-0.00258,0.03148,-0.06297,0.00052,-0.06806,-0.06129,-0.02944,-0.00697,0.03916,-0.01709,-0.08032,0.0202,0.01845,-0.0468,-0.04864,-0.03583,0.12324,-0.01721,0.00928,0.0428,0.03996,-0.01715,0.04955,-0.08593,-0.03049,0.04526,0.04088,0.02972,0.02068,0.09978,-0.02604,0.02957,0.03223,0.04727,0.0425,0.03008,0.06982,-0.04602,-0.05366,0.07936,0.00022,-0.01402,0.03224,-0.05279,-0.00649,-0.01595,0.04663,-0.10779,-0.01456,-0.00458,-0.0508,0.09451,0.09262,-0.04919,-0.0279,-0.03543,-0.09593,-0.04644,0.07274,-0.00314,0.04118,-0.05027,-0.02745,0,-0.00146,-0.0393,-0.05414,0.09496,0.00179,-0.05017,0.04243,0.03622,0.06188,0.0343,-0.03377,-0.01283,-0.00117,-0.05929,0.0502,-0.01746,-0.10964,-0.07658,0.09207,-0.01866,0.03093,0.08496,-0.0017,0.00465,-0.05576,0.02791,-0.07126,0.04317,0.05159,-0.07703,-0.00909,0.01768,-0.07307,-0.04726,-0.02869,-0.05394,0.01407,0.05799,-0.00624,-0.02427,0.09691,0.01868,-0.03314,-0.00894,-0.08709,0.02864,-0.08987,0.01906,0.00297,0.00234,-0.04849,-0.01962,-0.06545,-0.04256,-0.07239,-0.02047,0.08968,-0.02302,-0.0371,0.06783,-0.034,-0.12693,0.05241,-0.03631,0.02646,0.09343,-0.01618,0.04533,0.01421,0.08085,0.05945,0.00062,-0.01028,-0.00558,0.05991,0.05588,0.09599,-0.07863,0.08224,0.02732,-0.03507,0.08282,-0.03228,0.02749,0.0251,-0.00352,-0.09576,-0.0306,0.04842,0.04904,-0.07735,-0.00376,0.03381,-0.0093,-0.04952,0,-0.05205,0.01435,-0.04191,0.04706,0.05969,0.00732,-0.0465,-0.0319,0.01635,-0.03031,0.02331,0.05461,-0.00058,-0.03177,0.04348,0.04386,-0.04105,0.01042,-0.00882,-0.01663,0.06111,0.07053,0.01827,0.03881,0.03208,-0.02065,0.01456,0.02186,-0.03486,-0.02654,0.02143,0.02402,0.12617,0.06155,-0.05391,-0.02251,-0.02747,-0.01948,-0.019,-0.02043,0.00682,-0.02771,-0.03228,-0.07635,-0.05699,-0.04415,-0.0811,-0.0426,-0.0081,-0.00641,-0.05696,0.02403,-0.0438,0.09591,0.05426,0.0315,-0.02907,-0.0259,0.10268,0.00413,-0.04001,0.03436,0.01415,-0.04001],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. New Example: AI Low-Code Platform I also added a new larger example: AI Low-Code Platform. ::: ng-component [url]=\"https://foblex.github.io/Building-AI-Low-Code-Platform5/\" [height]=\"700\" ::: ✅ Live demo: <https://foblex.github.io/Building-AI-Low-Code-Platform5/ ✅ Source code: <https://github.com/Foblex/Building-AI-Low-Code-Platform5 This example is meant as a reference implementation for building “production-like” editors with Foblex Flow: - Undo/redo as the baseline safety net while editing - Import/Export to JSON (share flows, version them, move between machines) - 4 themes with runtime switching - localStorage persistence (state + settings) - animated connections to make data flow readable - multi-selection for batch operations - node configuration panel per node with validation - UI built with Angular Material If you’re building a serious editor and want to see how the pieces fit together - this demo is the best starting point right now. local Storage","excerpt":"New Example: AI Low-Code Platform I also added a new larger example: AI Low-Code Platform. ::: ng-component [url]=\"https://foblex.github.io/Building-AI-Low-Code-Platform5/\" [height]=\"700\" ::: ✅ Live demo: <https://foblex.github.io/Building-AI-Low-Code-Platform5/ ✅ Source code: <https://github.com/Foblex/Building-AI-Low-Code-Platform5 This example is meant as a reference implementation for building “production-like” editors with Foblex Flow: - Undo/redo as the baseline safety net while editing - Import/Export to JSON (share flows, version them, move between machines) - 4 themes with runtime switching - localStorage persistence (state + settings) - animated connections to make data flow readable - multi-selection for batch operations - node configuration panel per node with validation - UI built with Angular Material If you’re building a serious editor and want to see how the pieces fit together - this demo is the best starting point right now."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#6","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.1296,-0.01205,-0.06189,0.00505,-0.00205,0.00854,-0.01883,0.07845,-0.02511,-0.01138,-0.04995,-0.01103,-0.07595,-0.0281,0.03357,0.0429,-0.0795,0.00497,0.01694,0.00493,-0.04623,-0.01863,-0.01339,-0.02157,-0.08133,0.05753,0.01444,-0.0453,-0.01689,-0.08484,0.07997,0.10923,-0.00357,0.01468,-0.06704,0.05445,0.00539,0.00217,-0.04915,-0.03449,-0.00684,0.00737,0.04705,-0.04299,0.01825,0.03705,0.01484,-0.08373,0.01066,0.05511,-0.03867,-0.09475,-0.02755,0.08548,0.07589,0.01935,0.0594,-0.05557,-0.02179,-0.00144,0.0496,-0.00506,-0.0002,0.04628,0.01368,0.02516,-0.11091,0.02602,0.03621,-0.08989,-0.03621,-0.0149,-0.03392,-0.02745,0.0178,0.0143,0.02721,0.03966,0.03825,-0.06828,-0.05489,0.00651,0.00739,0.02002,0.00319,0.07997,0.05402,-0.08118,0.04103,0.05534,0.08455,0.02766,-0.00147,0.00605,0.05533,-0.01089,-0.03467,-0.0368,-0.10015,0.03522,0.01248,-0.00023,0.02053,0.02339,-0.07428,-0.02262,0.08865,-0.00343,-0.01303,-0.03009,-0.04104,0.04162,-0.01086,-0.14221,0.0143,-0.02452,-0.00674,0.03231,0.04658,0.06309,0.02781,0.02865,0.01553,-0.01435,0.03001,-0.01054,-0.05566,0,-0.02955,0.0372,-0.04206,0.05517,0.05023,-0.06129,0.04262,-0.02602,0.0309,0.04129,-0.01936,0.10656,-0.04344,0.05215,-0.07109,-0.14844,-0.06095,-0.01114,0.00065,-0.00682,0.06076,-0.05615,-0.00079,-0.02303,0.07156,0.10173,0.04094,0.04443,-0.01183,0.03331,-0.0386,-0.03325,-0.03024,0.00849,-0.06696,0.03726,-0.06826,-0.06962,0.00233,-0.03416,0.06136,-0.01776,-0.0871,-0.0204,0.0655,-0.04246,-0.04932,-0.00538,0.13739,-0.01965,0.00361,0.00481,-0.00249,0.03917,0.05707,-0.08109,-0.03743,0.07169,-0.01108,0.02809,0.06238,0.099,-0.03694,-0.0063,0.00157,0.06521,0.05604,0.03672,0.07499,-0.04179,-0.08369,0.10041,0.01317,-0.0196,0.00521,-0.04875,0.00141,-0.02142,0.03102,-0.06052,-0.07229,-0.01595,0.01553,0.06673,0.10228,-0.02097,-0.01994,-0.04091,-0.06738,-0.0434,0.10172,-0.00633,0.02338,0.00829,-0.0055,0,-0.05402,-0.03782,-0.04238,0.05979,0.00224,-0.00971,0.05927,0.04857,0.06382,0.03277,0.00171,0.00959,0.00792,-0.05156,0.13245,-0.06353,-0.10035,-0.08828,0.0345,0.00666,-0.01584,0.03672,0.02174,-0.04018,-0.04201,0.0368,-0.03849,0.0503,0.03999,-0.02945,0.04535,0.01135,-0.07915,-0.01932,-0.01205,-0.06457,0.03279,0.03625,0.00644,-0.0597,0.0479,0.02743,0.00348,0.01092,-0.09309,0.03357,-0.09819,-0.01434,0.02428,0.03094,-0.03335,-0.04699,-0.04771,-0.04042,-0.09042,0.04476,0.0784,0.00596,-0.01078,0.07335,-0.02983,-0.05594,0.03617,-0.04631,0.01839,0.07953,0.02654,0.05264,-0.00057,0.10624,0.12951,0.05834,-0.04833,-0.03768,0.07434,0.07763,0.06611,-0.03215,-0.00239,0.00015,0.05307,0.08193,-0.02746,0.07019,0.05928,-0.04028,-0.07094,-0.09072,-0.00398,0.0499,-0.06332,0.01886,0.03622,0.05673,-0.08556,0,-0.04959,0.00997,0.01035,-0.01046,0.05794,0.05376,-0.08538,0.00437,-0.05655,-0.05587,0.02557,0.03915,0.02906,-0.0148,0.05999,0.02819,-0.05637,0.00339,-0.02134,-0.07147,0.03541,0.06938,0.02277,0.01404,0.02074,0.00355,0.0121,0.02604,0.00887,-0.06026,0.01881,0.0716,0.14885,0.03916,0.00472,0.06117,-0.03093,0.00939,-0.06359,0.01899,0.02383,-0.02337,-0.00584,-0.07349,-0.08143,-0.01351,-0.09289,-0.06891,-0.06657,-0.00965,-0.0572,0.06921,-0.02917,0.09773,0.01339,0.06696,-0.05909,-0.08683,0.0728,0.01319,-0.06271,0.05364,0.02057,0.01265],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. 📚 Documentation update (major) This release includes a large documentation pass.","excerpt":"📚 Documentation update (major) This release includes a large documentation pass."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#7","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.09381,0.0059,-0.12061,0.00247,-0.02096,0.03937,-0.00233,0.11065,0.00001,-0.02494,-0.01006,-0.01939,-0.03669,-0.0794,-0.00612,0.04877,-0.14177,0.00443,-0.04057,0.01848,0.02632,-0.06829,-0.00734,-0.06544,-0.08847,0.03683,0.04121,0.04035,-0.01515,-0.11004,0.08079,0.09799,-0.05258,0.0037,-0.04864,0.03388,0.00836,0.01906,-0.08235,-0.03966,0.04707,0.03408,0.06005,-0.07277,0.02228,0.02451,-0.02905,-0.01172,0.00025,0.04981,-0.057,-0.05303,-0.04478,0.13409,0.07138,0.05941,0.09081,-0.08702,-0.02229,-0.02688,0.03245,-0.0021,-0.00507,-0.01077,-0.03058,0.03852,-0.10104,0.00094,-0.03939,-0.04522,-0.04384,-0.06089,-0.05961,-0.07647,0.07999,-0.01684,0.00435,0.08792,-0.02074,-0.09484,-0.03724,0.04326,-0.01108,-0.02364,0.00555,0.04238,-0.00265,-0.09408,0.05625,0.0516,0.05755,0.0476,-0.07502,0.01245,0.06177,-0.00035,-0.01508,0.00203,-0.06695,0.02056,0.00326,-0.04698,-0.02185,0.08098,-0.04433,-0.02374,0.03966,-0.0088,-0.09262,-0.0383,-0.0281,0.03131,-0.01619,-0.09724,0.0341,-0.06525,0.02593,0.02477,0.03794,0.00413,0.0546,0.03134,-0.03488,-0.00374,-0.00278,-0.01914,0.01256,0,-0.01952,-0.0233,-0.04437,0.05317,0.05063,0.02588,0.03311,-0.02282,0.05958,0.03933,-0.02154,0.05371,-0.04698,-0.05674,-0.12599,-0.17922,-0.03649,0.03904,-0.0353,0.01899,0.03408,0.01131,-0.06247,-0.04424,0.05839,0.0565,-0.02541,0.02203,-0.08687,0.01195,0.03772,-0.04169,0.01324,-0.00334,-0.07103,0.01275,-0.0441,-0.04786,-0.05245,-0.02162,0.065,-0.04293,-0.01058,-0.00229,-0.00062,-0.05026,-0.02525,0.03274,0.09871,0.01025,0.00892,0.00422,0.01261,-0.04554,0.05135,-0.05779,-0.08902,0.09591,-0.05183,0.03914,-0.00475,0.09939,-0.03929,-0.01128,0.04533,0.07287,0.04112,-0.02843,0.07093,-0.04788,-0.04794,0.08842,0.08442,-0.0109,0.01169,-0.04149,-0.0039,0.04414,0.03912,-0.07118,-0.07313,-0.00383,0.01358,0.0183,0.06958,-0.05514,0.01878,-0.05031,-0.08612,-0.069,0.04283,0.03508,0.04611,-0.01069,0.04592,0,0.02762,-0.00945,0.03092,0.05008,0.0029,0.03031,0.10135,0.06891,0.03794,0.03596,-0.0455,-0.02169,-0.04189,-0.06391,0.07289,-0.00783,-0.10533,-0.06766,0.02268,0.02376,0.02089,0.06893,-0.01046,0.00517,-0.07443,-0.01036,-0.02132,0.08347,0.00575,-0.01856,0.02526,-0.02966,-0.10063,0.04091,-0.01063,-0.11381,0.01077,0.10602,0.04356,0.0135,0.0705,0.04557,0.00588,-0.01083,-0.08231,0.02959,-0.01065,-0.01029,0.00033,0.05011,-0.04649,-0.02221,-0.06315,0.03893,-0.05021,0.07567,0.09239,-0.07231,-0.00483,0.03701,0.01252,-0.09961,0.06097,-0.03672,0.1068,0.06268,0.01037,-0.02404,0.06781,0.05735,0.06255,0.05684,0.07245,-0.05163,0.1081,0.04346,0.09188,-0.03761,0.01728,0.01966,-0.08272,0.06871,-0.03276,0.05233,-0.01043,-0.00839,-0.07355,-0.00465,0.05018,0.01137,-0.07298,0.00554,0.06804,-0.00668,-0.0482,0,-0.07959,-0.02816,-0.0041,-0.00409,0.02873,0.03472,-0.05708,0.0019,-0.05501,-0.05364,0.01589,0.08241,0.0175,-0.02337,0.04788,-0.03496,-0.02352,-0.04346,-0.04327,-0.04985,0.03851,-0.0041,0.01904,0.06846,0.00764,-0.03233,-0.05386,0.00081,-0.0013,-0.00545,-0.01077,0.02373,0.11974,0.04014,-0.02705,0.01182,-0.01549,0.02039,-0.05879,0.05551,0.03772,-0.01199,-0.00524,-0.04922,0.01554,-0.01568,-0.07732,-0.01957,-0.04067,0.01888,-0.07738,0.05773,0.02253,0.03412,0.01676,0.00245,-0.02402,-0.02006,0.05833,0.02296,-0.07561,0.08914,0.02162,0.01453],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. New docs pages - <https://flow.foblex.com/docs/event-system - <https://flow.foblex.com/docs/selection-system - <https://flow.foblex.com/docs/f-drag-handle-directive - <https://flow.foblex.com/docs/f-group-directive - <https://flow.foblex.com/docs/f-resize-handle-directive - <https://flow.foblex.com/docs/f-rotate-handle-directive - <https://flow.foblex.com/docs/connection-rules - <https://flow.foblex.com/docs/f-connection-marker-directive - <https://flow.foblex.com/docs/f-snap-connection-component - <https://flow.foblex.com/docs/f-connection-waypoints-component - <https://flow.foblex.com/docs/f-external-item-directive - <https://flow.foblex.com/docs/f-selection-area-component - <https://flow.foblex.com/docs/f-magnetic-lines-component - <https://flow.foblex.com/docs/f-magnetic-rects-component","excerpt":"New docs pages - <https://flow.foblex.com/docs/event-system - <https://flow.foblex.com/docs/selection-system - <https://flow.foblex.com/docs/f-drag-handle-directive - <https://flow.foblex.com/docs/f-group-directive - <https://flow.foblex.com/docs/f-resize-handle-directive - <https://flow.foblex.com/docs/f-rotate-handle-directive - <https://flow.foblex.com/docs/connection-rules - <https://flow.foblex.com/docs/f-connection-marker-directive - <https://flow.foblex.com/docs/f-snap-connection-component - <https://flow.foblex.com/docs/f-connection-waypoints-component - <https://flow.foblex.com/docs/f-external-item-directive - <https://flow.foblex.com/docs/f-selection-area-component - <https://flow.foblex.com/docs/f-magnetic-lines-component - <https://flow.foblex.com/docs/f-magnetic-rects-component"},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#8","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.07129,-0.0136,-0.09367,0.04537,0.03271,0.03686,-0.02751,0.06419,-0.01856,0.01083,-0.02025,0.00237,-0.04423,-0.07487,-0.01255,0.04119,-0.05751,0.01758,-0.03112,-0.01609,-0.00751,-0.10971,-0.0067,-0.08703,-0.06733,0.03788,-0.00593,0.0011,0.0174,-0.09917,0.05575,0.10853,-0.0421,-0.00579,-0.09708,0.09821,0.00074,0.01228,-0.07885,-0.04389,0.03118,0.03291,0.00355,-0.06352,0.02454,0.01888,-0.00515,-0.02368,0.00094,0.04794,-0.06884,-0.07074,-0.06481,0.10997,0.07101,0.07435,0.08409,-0.06624,-0.01131,0.01961,-0.01935,-0.00683,0.03232,0.00358,0.03577,0.04123,-0.08223,-0.01219,0.00011,-0.03044,0.01434,-0.02728,-0.03781,-0.10974,0.02537,-0.04029,0.01369,0.08332,0.00197,-0.07476,-0.01917,0.01739,-0.02767,-0.03171,-0.00849,0.04295,0.01376,-0.09824,0.0154,0.04599,0.03608,0.04835,-0.07983,0.02597,0.0387,-0.00076,0.02054,0.02389,-0.04026,0.03177,0.04339,-0.04511,-0.00446,0.05711,-0.04641,-0.04916,0.05756,0.043,-0.08033,-0.03567,-0.03153,0.04637,-0.04789,-0.06792,0.00473,-0.02957,0.0321,0.01229,0.05526,0.04849,0.06261,0.0348,-0.00867,-0.01032,0.02922,-0.04422,0.00018,0,-0.02207,0.0037,-0.0735,0.05328,0.05911,0.01119,0.0685,-0.03113,0.04999,0.02035,-0.03217,0.08571,-0.06925,-0.02049,-0.08784,-0.20392,-0.04367,0.05008,-0.03774,0.02434,0.09117,-0.0224,-0.06706,-0.04286,0.07243,0.07698,0.0041,0.04892,-0.09092,0.0132,0.04374,-0.00843,-0.00934,-0.00935,-0.08717,-0.0166,-0.02574,-0.02652,-0.06427,-0.03707,0.06336,-0.01868,-0.0132,-0.01806,-0.00083,-0.06277,-0.06715,0.04935,0.11065,-0.01122,0.03574,0.00674,-0.0116,-0.05406,0.02453,-0.04108,-0.06517,0.04213,-0.03539,0.0426,0.01726,0.07374,-0.04705,-0.005,0.01426,0.09876,0.05257,-0.01749,0.05793,-0.05745,-0.06787,0.10411,0.08409,-0.02608,0.0246,-0.02631,-0.02767,0.00703,-0.00997,-0.09613,-0.06013,-0.01382,-0.01893,0.07566,0.07892,-0.05439,-0.00774,-0.03162,-0.09142,-0.05716,0.0736,0.05396,0.04958,-0.05544,0.02167,0,0.03302,-0.02924,0.00652,0.10018,0.00812,0.01001,0.08531,0.06896,0.02314,0.00305,-0.04191,-0.02444,-0.03913,-0.06973,0.02772,0.02535,-0.09043,-0.06346,0.06742,0.0298,0.02163,0.0852,0.00555,-0.01656,-0.0173,0.01641,-0.02644,0.092,0.00209,-0.0585,0.0132,-0.00621,-0.11635,-0.00714,0.01946,-0.05812,0.02416,0.05336,0.02846,0.04075,0.10573,0.05386,-0.02958,-0.02808,-0.07076,0.03701,-0.03876,-0.02193,0.0107,0.05621,-0.01463,-0.05697,-0.08255,0.00416,-0.08414,0.03519,0.07368,-0.03243,0.00769,0.04352,0.01778,-0.10206,0.01764,-0.04563,0.0734,0.07322,-0.00316,-0.0092,0.07771,0.0789,0.05564,0.02927,0.05652,-0.01674,0.09972,0.02252,0.07637,-0.0605,0.02916,-0.00986,-0.05606,0.09137,-0.03703,0.0504,0.02758,0.00521,-0.11057,-0.01169,0.05009,0.00161,-0.0748,0.01982,0.05299,-0.02284,-0.06088,0,-0.07842,0.02069,-0.03622,0.01592,0.03834,-0.0091,-0.06272,0.00062,-0.0441,-0.11007,0.05008,0.06542,0.05758,-0.04491,0.06278,0.00928,-0.00388,-0.04025,-0.03203,-0.04723,0.01835,0.04338,0.00704,0.08157,0.01532,-0.02715,0.01857,0.03029,0.02525,-0.05054,-0.04507,0.0453,0.10245,0.06084,-0.02622,0.02296,-0.02094,-0.00742,-0.07147,0.06493,0.0442,-0.02675,-0.03406,-0.07108,0.00534,-0.03142,-0.06199,-0.03829,-0.01302,0.02405,-0.07136,0.0312,-0.00337,0.03429,0.07014,-0.03587,-0.02866,-0.03382,0.06352,0.03171,-0.06827,0.08932,0.0176,-0.00075],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Improved existing guides - <https://flow.foblex.com/docs/f-flow-component - <https://flow.foblex.com/docs/f-canvas-component - <https://flow.foblex.com/docs/f-node-directive - <https://flow.foblex.com/docs/f-node-output-directive - <https://flow.foblex.com/docs/f-node-input-directive - <https://flow.foblex.com/docs/f-node-outlet-directive - <https://flow.foblex.com/docs/f-connection-component - <https://flow.foblex.com/docs/f-connection-for-create-component - <https://flow.foblex.com/docs/f-draggable-directive - <https://flow.foblex.com/docs/f-zoom-directive - <https://flow.foblex.com/docs/f-background-component - <https://flow.foblex.com/docs/f-minimap-component If you haven’t checked the docs in a while - it’s worth revisiting. The goal of this refresh is simple: less guessing, faster onboarding, more consistent terminology.","excerpt":"Improved existing guides - <https://flow.foblex.com/docs/f-flow-component - <https://flow.foblex.com/docs/f-canvas-component - <https://flow.foblex.com/docs/f-node-directive - <https://flow.foblex.com/docs/f-node-output-directive - <https://flow.foblex.com/docs/f-node-input-directive - <https://flow.foblex.com/docs/f-node-outlet-directive - <https://flow.foblex.com/docs/f-connection-component - <https://flow.foblex.com/docs/f-connection-for-create-component - <https://flow.foblex.com/docs/f-draggable-directive - <https://flow.foblex.com/docs/f-zoom-directive - <https://flow.foblex.com/docs/f-background-component - <https://flow.foblex.com/docs/f-minimap-component If you haven’t checked the docs in a while - it’s worth revisiting. The goal of this refresh is simple: less guessing, faster onboarding, more consistent terminology."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#9","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.15445,0.01272,-0.08908,-0.01183,-0.01677,0.00753,-0.02325,0.07799,-0.05724,-0.01207,-0.05061,-0.02395,-0.04428,-0.05703,0.02186,0.08153,-0.09439,0.00758,0.03862,0.03366,-0.04361,-0.06032,0.01381,-0.02219,-0.06547,0.0482,0.04004,-0.01071,-0.01908,-0.09537,0.09425,0.09053,-0.02015,0.04679,-0.08249,0.0703,0.00152,0.02802,-0.06055,-0.04168,0.01312,0.02706,0.0501,-0.06715,0.03199,0.02098,0.01242,-0.06975,0.02669,0.0153,-0.04319,-0.07065,-0.04314,0.08144,0.071,0.04247,0.07869,-0.09453,-0.03461,-0.01876,0.09532,-0.00492,-0.01191,0.00568,0.01724,0.0248,-0.10647,0.04507,0.00742,-0.08182,-0.02685,-0.03588,-0.05894,-0.05066,0.02841,0.03327,0.02373,0.05366,0.00888,-0.04918,-0.09264,0.03299,0.00622,0.00766,0.01063,0.06121,0.02174,-0.07398,0.0493,0.0329,0.09894,0.02334,-0.0595,0.02824,0.05448,-0.01252,-0.0347,-0.02669,-0.09478,0.02842,0.02188,-0.01834,0.00398,0.04426,-0.08194,0.00727,0.0998,-0.01084,-0.06322,-0.06726,-0.03859,0.03862,-0.0183,-0.09675,0.01699,-0.00756,0.01894,0.05832,0.05558,0.06171,0.05399,0.02906,-0.01646,0.00398,0.02899,0.00791,-0.03736,0,-0.01105,0.04573,-0.01886,0.03864,0.05902,-0.03801,0.00025,-0.0377,0.07568,0.07118,-0.02824,0.05691,-0.02317,0.02561,-0.10362,-0.19689,-0.02921,-0.0157,-0.01348,0.00111,0.01514,-0.03207,-0.03461,-0.03617,0.06447,0.09112,0.04862,0.02318,-0.02591,0.02752,0.0029,-0.02764,-0.01878,0.04082,-0.069,0.04795,-0.07137,-0.05528,-0.01983,-0.01774,0.11312,-0.02459,-0.04412,0.00156,0.04823,-0.03522,-0.0231,-0.00251,0.11332,-0.00345,0.01021,0.013,-0.02671,0.00768,0.06766,-0.07021,-0.04373,0.06993,-0.02534,0.03189,0.0284,0.08178,-0.01031,-0.01766,-0.00805,0.06217,0.02188,0.01609,0.07511,-0.01452,-0.05589,0.10914,0.02585,0.00446,0.01653,-0.04549,-0.00651,0.01565,0.05911,-0.10586,-0.06246,0.00332,0.01917,0.03774,0.09348,-0.04148,-0.00762,-0.04336,-0.07671,-0.05152,0.05348,0.03645,0.03267,-0.00655,-0.01032,0,-0.04837,-0.02785,-0.03328,0.03392,-0.01742,-0.00857,0.06516,0.07707,0.05917,0.06408,-0.02731,-0.0225,0.00636,-0.04977,0.11498,-0.0374,-0.11673,-0.06367,0.05543,0.00618,0.01205,0.06652,0.03036,-0.01984,-0.03279,0.03108,-0.05027,0.05001,0.05086,-0.02798,0.01257,-0.01324,-0.08645,-0.01827,-0.02927,-0.04621,0.022,0.0525,0.00758,-0.04776,0.05525,0.044,0.02455,-0.02381,-0.09254,0.01689,-0.06807,0.01483,0.01527,0.03805,-0.05497,-0.03834,-0.04038,-0.01283,-0.11043,0.03907,0.09532,-0.03019,0.03346,0.06869,-0.05222,-0.11011,0.00089,-0.06251,0.05892,0.06614,0.04282,0.04112,0.03655,0.10321,0.11163,0.0743,-0.01035,-0.04345,0.07828,0.06943,0.07315,-0.04925,0.01494,-0.0246,-0.00061,0.05837,-0.03032,0.05055,0.05486,-0.03387,-0.06939,-0.07507,-0.00289,0.04144,-0.04505,0.00673,0.04007,0.03032,-0.05753,0,-0.0164,-0.00057,0.00697,0.01152,0.06205,0.04215,-0.06064,-0.01629,-0.05961,-0.08503,0.00733,0.06836,0.00651,0.0109,0.06134,0.02286,-0.08452,0.00133,-0.01625,-0.03805,0.04927,0.02544,0.00891,0.04695,0.00528,0.0204,0.00857,0.01741,0.01599,-0.03346,0.01374,0.04495,0.15839,0.02973,-0.00814,0.03889,-0.04965,0.01052,-0.04954,0.02876,0.00059,-0.00817,-0.01527,-0.07063,-0.04333,-0.03316,-0.10628,-0.04723,-0.06713,0.01775,-0.04087,0.05393,0.00554,0.04424,0.00891,0.04199,-0.03496,-0.075,0.07933,0.0158,-0.05862,0.07363,-0.03163,-0.01007],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. ✅ Release links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.1.0 - Magnetic Lines demo: <https://flow.foblex.com/examples/magnetic-lines - Magnetic Rects demo: <https://flow.foblex.com/examples/magnetic-rects - AI Low-Code Platform demo: <https://foblex.github.io/Building-AI-Low-Code-Platform5/","excerpt":"✅ Release links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.1.0 - Magnetic Lines demo: <https://flow.foblex.com/examples/magnetic-lines - Magnetic Rects demo: <https://flow.foblex.com/examples/magnetic-rects - AI Low-Code Platform demo: <https://foblex.github.io/Building-AI-Low-Code-Platform5/"},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#10","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.14049,-0.00883,-0.07198,0.00979,0.01204,0.06412,-0.0758,0.05124,0.04057,0.01638,-0.06799,-0.00944,-0.09005,-0.04096,0.02776,0.06537,-0.08231,0.03003,-0.00923,0.04821,-0.07376,-0.06286,0.04233,0.00835,-0.07103,0.11709,0.04498,-0.025,-0.00699,-0.10664,0.07215,0.09815,-0.01616,0.03081,-0.10849,0.12115,-0.05979,0.04084,-0.03779,-0.0877,0.00173,0.04379,0.05679,-0.09396,0.03489,0.00703,0.02569,-0.07382,0.02938,0.0469,-0.08503,-0.09366,-0.0514,0.04075,0.04665,0.04108,0.11866,-0.10026,-0.00166,0.00834,0.08079,0.03631,-0.00085,0.05263,0.03233,0.04807,-0.05437,0.00119,0.00795,-0.06569,-0.00688,-0.0123,-0.04325,-0.01414,0.02601,0.01186,0.00636,0.03883,0.03741,-0.02129,-0.02202,-0.01492,0.02027,0.05126,0.0122,0.05801,0.0522,-0.10258,0.04012,0.05151,0.08637,0.02048,-0.0082,0.0194,0.09508,-0.01206,-0.02328,0.00904,-0.09853,0.00773,0.02996,-0.00711,0.01428,0.0166,-0.03159,-0.03404,0.07895,-0.0415,-0.05989,-0.04728,0.00031,0.02841,-0.05179,-0.07369,-0.00189,-0.00646,0.02065,0.01812,0.0335,0.05822,0.03602,0.04882,-0.04988,-0.00873,0.05949,0.02366,-0.0405,0,-0.00903,0.07146,-0.02374,0.0537,0.07311,-0.04011,-0.00196,-0.04099,0.02937,0.07081,0.00287,0.05305,-0.0562,0.01737,-0.10872,-0.17988,-0.05903,0.00229,-0.09144,-0.01238,0.03809,-0.04487,-0.05155,-0.02097,0.02073,0.07417,0.01242,0.04427,-0.08637,0.00007,-0.01663,-0.06125,-0.01995,0.04315,-0.0575,-0.00468,-0.07181,-0.08483,0.01326,-0.01526,0.02941,0.02404,-0.0849,0.0125,0.05435,-0.00308,-0.01701,0.01387,0.1289,-0.01352,0.04005,0.03356,-0.00562,0.02399,0.0444,-0.07037,-0.00748,0.04335,-0.01492,-0.00072,0.02801,0.08747,-0.02009,-0.02351,0.0121,0.06064,0.05461,0.02761,0.06599,-0.04175,-0.06224,0.04334,-0.01779,0.00441,0.02088,-0.01147,0.02313,-0.03349,0.11592,-0.0668,-0.03858,0.02451,0.03059,0.07132,0.03298,-0.08598,-0.02661,-0.06185,-0.06572,-0.01013,0.07571,0.02235,0.04838,-0.00645,-0.00086,0,-0.06514,-0.05266,0.02028,0.05323,-0.04565,-0.00037,0.05058,0.04988,0.05381,0.03402,0.04609,-0.01622,-0.02118,-0.06762,0.04795,-0.00216,-0.0386,-0.04905,0.07212,-0.00953,0.07404,0.02102,-0.00589,-0.00689,-0.00413,0.03339,-0.0269,0.00969,0.03677,-0.03044,0.0532,-0.00447,-0.07408,-0.06226,-0.0297,-0.04574,0.012,0.03724,0.01959,-0.01747,0.01331,0.03954,0.00964,0.02149,-0.04494,0.01332,-0.09592,0.00263,0.00481,0.05667,-0.06654,0.00419,-0.03052,-0.0728,-0.10482,0.01436,0.06581,-0.03047,0.01438,0.02704,-0.03646,-0.05342,0.04302,-0.09081,0.05184,0.10827,0.04366,0.06606,0.02899,0.05869,0.11706,0.02111,-0.0399,-0.0135,0.06947,0.04446,0.13395,-0.05969,0.04644,-0.0072,0.0278,0.08756,-0.02481,0.01253,-0.01963,-0.01387,-0.07072,-0.08692,0.03235,0.09303,-0.09577,0.03012,0.05746,-0.02685,-0.05424,0,-0.05747,-0.00254,-0.00677,0.0068,0.01941,0.01962,-0.0905,-0.00748,-0.01744,-0.04791,0.03391,0.08549,-0.01411,-0.02586,0.03576,0.0091,-0.10771,0.02018,-0.02226,-0.02289,0.0812,0.0918,-0.00903,0.01702,0.00153,-0.00891,0.01357,0.00961,-0.00133,-0.04748,-0.00057,0.05965,0.14192,0.03469,-0.06211,0.03261,-0.00722,-0.01583,-0.06259,0.03013,0.01237,0.00717,-0.02502,-0.05692,-0.07028,-0.04231,-0.03075,-0.01591,-0.03155,-0.00775,-0.02836,0.03623,-0.03038,0.06362,0.01886,0.03095,-0.04136,-0.03135,0.08233,-0.02574,-0.07436,0.03078,-0.00252,-0.02211],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Closing Magnetic alignment is one of those features that changes the feel of the editor immediately-things become cleaner, faster, and more intentional. If you’re building a visual editor in Angular and want a native Angular solution (not a React wrapper)-take a look. And if you like what I’m building, please consider starring the repo ⭐️ It helps the project a lot. Repo: <https://github.com/Foblex/f-flow","excerpt":"Closing Magnetic alignment is one of those features that changes the feel of the editor immediately-things become cleaner, faster, and more intentional. If you’re building a visual editor in Angular and want a native Angular solution (not a React wrapper)-take a look. And if you like what I’m building, please consider starring the repo ⭐️ It helps the project a lot. Repo: <https://github.com/Foblex/f-flow"},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#0","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.08149,0.0175,-0.00944,-0.01106,0.0485,0.04863,-0.0395,0.09202,-0.01453,0.02181,-0.03165,0.0345,-0.11421,0.01048,0.08971,0.00112,0.01203,0.00947,-0.04362,0.04506,-0.03201,-0.0264,0.00973,-0.0214,0.00237,0.02045,-0.03081,-0.04347,0.04481,-0.05981,0.02969,0.14011,-0.07193,0.00291,-0.08399,0.05074,0.04972,-0.03185,-0.08173,-0.04582,0.08125,0.05104,0.00061,-0.0285,0.01453,-0.05373,-0.00238,0.02471,-0.03127,0.07103,-0.05203,-0.14694,-0.04805,-0.00753,0.00882,0.03133,-0.03163,-0.02817,0.05053,0.04657,0.00588,-0.01075,-0.01173,0.04278,0.00837,-0.04226,-0.00378,-0.04473,-0.00661,-0.05219,-0.05164,-0.00459,0.04159,-0.05469,-0.0225,-0.07136,-0.01758,-0.00728,-0.00443,-0.03025,0.05037,-0.00077,-0.00313,0.08514,-0.03576,0.01271,0.02244,-0.0977,-0.02764,0.01257,-0.03082,0.02498,-0.00923,-0.02054,-0.0101,-0.01919,-0.08147,-0.04438,-0.06645,0.01935,0.01919,-0.03011,0.02749,-0.00783,0.01194,0.00044,0.02246,0.00254,-0.00477,0.04779,-0.00155,0.06049,0.00621,-0.13577,-0.04606,-0.04776,-0.06203,-0.03722,0.08345,0.01766,-0.02327,-0.00439,-0.00514,0.02434,0.06033,0.01475,-0.05699,0,0.00352,0.11338,-0.02625,0.02967,0.06848,0.0149,-0.0056,-0.07565,-0.08553,0.02783,0.01961,0.04071,-0.04588,0.0212,0.08123,-0.12467,-0.03889,0.06399,-0.02223,0.05236,0.05791,-0.10168,0.00158,-0.00676,0.0767,0.04119,0.01132,0.03386,-0.02506,0.0236,0.04124,0.03602,-0.01658,-0.02221,-0.03404,-0.00392,-0.03326,-0.14688,-0.02752,-0.0467,-0.01052,0.03875,-0.13717,-0.01518,-0.03854,0.01085,-0.02137,0.04068,0.04651,-0.01848,-0.0073,0.02419,0.01908,0.02274,0.05345,-0.06078,0.00677,0.06713,0.01017,0.06885,0.03027,0.01229,-0.06697,-0.06429,0.03094,0.06861,0.06645,0.02811,0.07252,-0.06329,-0.10811,0.07106,0.02406,0.0635,0.02706,-0.04626,-0.02562,0.00748,0.11945,-0.00947,-0.01383,0.00369,0.07101,0.04141,0.07913,-0.10822,0.01374,-0.03529,-0.07988,-0.0177,0.05799,0.02259,0.01561,0.01185,-0.04202,0,-0.04151,0.0143,-0.06863,0.06214,0.00784,-0.02426,0.0546,0.01285,0.07769,-0.04475,0.0207,0.03318,0.02263,-0.02147,0.00985,-0.01014,-0.01792,-0.14094,0.00745,-0.05053,0.01745,-0.02779,0.00016,-0.04042,-0.0427,0.03432,-0.01168,0.00082,-0.05638,-0.07523,0.0292,0.01069,-0.0151,-0.06542,-0.0023,0.02366,-0.0344,0.02546,0.04989,-0.01176,0.0285,-0.00589,0.054,0.03253,-0.0642,0.03982,-0.04202,0.01258,-0.07923,0.05198,-0.07012,0.04827,-0.05202,-0.01772,-0.08118,0.03356,0.02979,-0.01697,-0.01298,0.0149,0.04162,0.01609,-0.01167,0.03035,0.06689,0.03346,-0.0199,-0.03394,0.04988,0.0788,0.07164,-0.0482,-0.01685,-0.03491,0.04176,0.09969,0.14702,-0.0292,0.08059,0.00785,-0.00413,0.12876,0.01348,0.04615,0.10732,0.08327,-0.04961,-0.07712,0.02092,0.08816,-0.08227,-0.0235,0.00888,0.00671,-0.01595,0,-0.11448,0.05442,-0.07227,0.00632,0.01425,0.0265,-0.02913,0.09299,0.00726,0.04315,-0.02527,0.02893,-0.06813,0.01769,0.13726,-0.00208,-0.00045,0.06717,-0.06444,-0.04555,-0.0082,0.09882,0.02696,0.06155,-0.01595,-0.02428,0.00668,0.06488,0.05549,-0.01277,-0.01533,0.04814,0.03996,0.06844,-0.02443,0.08386,-0.11618,0.04838,-0.03012,0.06899,0.06105,-0.05485,-0.00429,0.00855,-0.06341,0.0954,0.05091,-0.02891,-0.04343,-0.01934,-0.06966,0.0394,-0.06952,0.01201,0.01399,0.08509,-0.01686,-0.05764,0.09696,0.05216,-0.09666,-0.02439,-0.03032,0.04812],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 improves route editing and viewport control for Angular node editors with connection waypoints and first-class pinch-to-zoom support. Today I’m shipping v18.0.0, and it’s a big one. The headline features are Connection Waypoints and Pinch-to-Zoom, plus a few important improvements for real-world Angular apps.","excerpt":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 improves route editing and viewport control for Angular node editors with connection waypoints and first-class pinch-to-zoom support. Today I’m shipping v18.0.0, and it’s a big one. The headline features are Connection Waypoints and Pinch-to-Zoom, plus a few important improvements for real-world Angular apps."},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#1","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.05721,0.00931,-0.07008,0.06642,-0.04039,0.06385,0.00627,0.05667,0.03988,0.03327,-0.02527,0.02753,-0.099,-0.00383,0.03167,0.00924,-0.05059,0.00237,-0.02378,0.0447,0.01167,-0.07869,0.00718,0.00728,-0.01419,-0.00653,0.03096,-0.02183,0.03583,-0.04788,0.0376,0.08399,-0.13392,-0.0135,-0.08219,0.03926,0.03511,0.02221,-0.02575,-0.02864,0.13009,0.00407,0.0203,-0.05338,0.00542,0.0182,-0.00079,0.03225,-0.04647,0.04551,-0.05764,-0.08519,-0.09032,0.02687,-0.02521,0.02349,-0.00575,0.02248,0.00398,0.02873,0.03517,-0.04341,0.00911,0.00906,-0.0672,-0.04391,-0.01274,-0.01737,0.00781,-0.03127,0.01192,-0.0379,0.01144,-0.05848,0.01446,-0.07954,0.01877,0.09495,-0.01603,0.00083,0.0621,0.02599,0.01889,0.11016,-0.01809,0.02386,0.00855,-0.09338,0.03651,0.00425,-0.00376,0.09811,-0.0597,-0.04933,0.09112,-0.03757,-0.07911,-0.02321,-0.05198,0.03346,0.01299,-0.03116,0.01219,0.03234,0.02793,0.0324,-0.00306,0.00952,-0.01655,0.05546,-0.0292,0.03124,0.03935,-0.06862,-0.04743,-0.05547,-0.09952,0.02239,-0.00917,0.06651,-0.04534,-0.0493,-0.00357,0.01461,0.03852,0.00675,-0.02491,0,0.00707,0.08471,-0.00049,-0.03835,0.05193,0.03399,-0.03491,-0.08039,-0.05858,0.03835,0.02313,-0.04139,-0.05447,0.01697,0.07185,-0.13134,-0.02028,0.02311,0.01024,0.03662,0.08329,-0.09564,-0.00308,-0.06893,0.09845,-0.00718,-0.03732,0.02345,-0.03143,-0.00596,0.05906,0.02461,0.00297,-0.06675,-0.0539,-0.03656,-0.01022,-0.10345,-0.05172,-0.01054,0.0531,-0.00906,-0.07484,0.02588,-0.03959,0.01998,-0.03302,0.04581,-0.00742,0.01717,-0.02838,0.00237,0.02433,-0.01888,0.0208,-0.06667,-0.07726,0.07772,-0.0371,0.03148,0.04315,0.0299,-0.04886,-0.03109,0.03832,-0.00308,0.0209,0.06472,0.10558,-0.06538,-0.13528,0.08608,-0.00503,-0.00501,-0.03215,-0.0724,-0.02712,0.02797,0.1242,-0.04817,-0.05428,-0.02955,0.03056,0.05505,0.12776,-0.08639,-0.02543,-0.06037,-0.06314,-0.05996,0.07279,0.03889,-0.01397,0.02211,-0.00261,0,-0.0035,-0.02395,-0.02057,0.06598,0.0283,-0.02313,0.07484,-0.01466,0.1031,-0.0314,-0.01635,0.06334,0.04493,-0.04825,0.03721,-0.02685,-0.02832,-0.09583,0.00841,-0.03913,-0.00872,-0.03259,-0.00291,-0.09326,-0.00759,0.03529,0.00114,0.02419,-0.02287,-0.0325,0.00619,0.00375,-0.02137,-0.07807,0.00391,0.0553,-0.03743,0.0478,0.07937,-0.01059,0.05129,0.01365,0.0455,-0.00237,-0.04231,0.094,-0.05074,-0.01313,-0.11205,0.05952,-0.0333,0.07565,-0.12259,0.04196,-0.01863,0.05018,0.01721,-0.06925,-0.00852,-0.0559,0.04751,0.00495,-0.00827,0.04038,0.06541,0.03911,-0.00953,-0.03071,0.0419,0.05418,0.00249,0.01642,0.01697,-0.02725,0.09215,0.02141,0.10951,-0.00798,0.06584,-0.02649,0.01179,0.10382,-0.00315,-0.01046,0.03154,0.07961,-0.06475,-0.0269,0.0548,0.13588,-0.04519,-0.0471,0.04979,-0.00344,-0.05567,0,-0.10597,0.01156,-0.07399,0.01714,0.03606,0.0193,-0.0421,0.10212,0.02472,0.01697,-0.01951,0.09991,-0.0165,0.03627,0.10504,0.00665,0.02348,0.03974,-0.04646,-0.02803,-0.05297,0.0238,0.00117,0.09807,0.02704,-0.08019,-0.02606,0.02797,0.00551,-0.00441,-0.00369,-0.00144,0.03318,0.13131,-0.03273,0.03534,-0.13603,0.04197,-0.04342,0.08449,0.07946,-0.00843,0.0225,-0.00518,-0.05758,0.04981,0.0447,-0.01142,-0.07762,0.03518,-0.08039,0.0733,-0.05176,-0.01462,0.04581,0.03761,-0.02809,-0.03152,0.02976,0.03827,-0.12885,0.02024,0.00545,-0.03123],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Connection Waypoints — Editable Paths for Any Connection Type Until now, a connection path was mostly a builder decision (straight / segment / bezier / adaptive curve). In v18 you can edit the connection route by adding and moving waypoints What it feels like in the editor - Drag a candidate point to create a new waypoint (drag-to-add). - Drag an existing waypoint to adjust the route (drag-to-move). - Right click a waypoint to remove it (simple and fast, no extra selection state). Waypoints are not a separate connection type — they work on top of your chosen type: straight / segment / bezier / adaptive curve. ✅ Example: <https://flow.foblex.com/examples/connection-waypoints ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" ::: Connection Waypoints Example Minimal usage This keeps the data lives in your app”principle: Waypoints are just points, and you fully own them.","excerpt":"Connection Waypoints — Editable Paths for Any Connection Type Until now, a connection path was mostly a builder decision (straight / segment / bezier / adaptive curve). In v18 you can edit the connection route by adding and moving waypoints What it feels like in the editor - Drag a candidate point to create a new waypoint (drag-to-add). - Drag an existing waypoint to adjust the route (drag-to-move). - Right click a waypoint to remove it (simple and fast, no extra selection state). Waypoints are not a separate connection type — they work on top of your chosen type: straight / segment / bezier / adaptive curve. ✅ Example: <https://flow.foblex.com/examples/connection-waypoints ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" ::: Connection Waypoints Example Minimal usage This keeps the data lives in your app”principle: Waypoints are just points, and you fully own them."},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#2","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.04304,-0.02339,-0.04457,-0.0665,-0.00234,0.01135,0.05221,0.12143,-0.00509,0.00098,0.04049,-0.01577,-0.11449,0.00678,0.05185,-0.01664,-0.00821,0.04619,-0.03906,0.05879,0.03718,-0.06771,0.01159,-0.03635,-0.01784,0.0375,-0.00882,-0.0301,0.03245,-0.0301,0.00922,0.17936,0.00254,0.01084,-0.07449,-0.01055,0.02115,-0.04208,-0.0962,-0.06417,0.01783,0.05099,0.0654,0.02762,-0.00828,-0.06295,0.04973,0.02306,0.01058,0.10654,-0.02495,-0.11582,-0.01518,0.01562,-0.00512,0.03073,-0.01034,-0.02335,0.0493,0.02166,-0.01221,0.01631,0.0074,0.04622,-0.03662,-0.02337,0.0244,-0.08411,-0.01508,-0.09775,-0.05548,-0.04375,0.06472,-0.03305,-0.02305,-0.10688,-0.00921,0.01183,0.00268,0.01562,-0.01878,-0.04229,-0.00497,0.07228,-0.01805,0.02247,-0.02582,-0.08459,0.01811,0.02039,-0.05407,0.05324,-0.06704,-0.05339,0.00655,-0.09344,-0.03946,-0.07497,-0.05449,0.01467,0.01437,-0.01077,0.01863,-0.01435,0.03702,-0.00169,0.01941,-0.06994,-0.03872,0.03591,-0.02645,0.01531,0.03502,-0.08066,0.00415,-0.04954,-0.04967,-0.01299,0.10299,-0.02642,-0.04885,0.00587,-0.06691,-0.01773,0.069,0.01417,-0.06472,0,-0.00221,0.02201,0.00399,0.01521,0.03326,0.0046,-0.00461,-0.09218,-0.09659,-0.01769,0.05762,0.0035,-0.03076,0.05873,0.03999,-0.10895,-0.02053,0.03405,0.01076,0.03663,0.08513,-0.07979,0.02927,0.02061,0.05548,0.03905,-0.0203,0.05672,0.07101,0.03091,-0.05435,0.01556,-0.03043,-0.04815,-0.03616,0.02102,-0.01941,-0.08232,-0.00729,-0.04423,0.00443,0.00595,-0.03998,-0.09417,-0.02379,-0.01936,-0.08052,0.06798,0.02147,-0.03916,0.02311,-0.03875,0.04805,0.02174,0.06013,-0.07873,-0.00394,0.08849,-0.03962,0.07032,-0.0003,0.03831,-0.0663,-0.01804,0.04987,0.08201,0.08642,0.03097,0.07239,-0.01706,-0.09788,0.09247,0.07449,0.01411,0.01055,-0.0396,-0.01678,-0.02038,0.07269,0.02518,-0.06823,-0.00215,0.05778,0.05161,0.05156,-0.07037,-0.02945,-0.00018,-0.09021,-0.05644,0.02057,-0.02479,-0.00294,-0.02256,-0.0615,0,-0.0443,0.03008,-0.03629,0.10369,0.02612,0.00932,0.08721,-0.021,0.05873,-0.10416,-0.01695,0.03376,0.01156,-0.04886,0.03311,0.03691,-0.0281,-0.07838,0.01327,-0.07538,0.03626,-0.09584,0.05593,-0.00705,-0.05101,-0.04292,-0.01988,-0.00044,-0.05764,-0.07778,0.06236,0.00561,0.00451,-0.05706,0.05638,-0.0131,-0.06137,0.01418,0.08057,0.03892,0.02568,-0.02414,0.05558,0.00635,-0.05015,0.06945,-0.05659,0.03973,-0.05343,0.04036,-0.06764,0.0391,-0.06908,-0.03249,-0.04404,0.03312,0.03031,-0.02198,-0.00761,-0.0002,0.02776,-0.04927,-0.01722,0.03565,0.01807,0.04784,-0.0197,0.0253,0.03285,0.11824,0.12412,0.00711,0.04102,-0.04827,0.02549,0.0805,0.10059,-0.00101,0.10715,0.01012,0.04873,0.116,0.02581,0.10982,0.05709,0.0874,-0.03963,-0.03158,0.0574,0.07968,-0.03917,-0.03949,0.03046,0.0044,-0.01357,0,-0.06637,0.05772,-0.04298,0.02497,-0.00151,0.05464,0.00084,0.09488,-0.02283,0.03327,0.00606,0.02284,-0.04732,0.03536,0.10926,0.00807,0.02996,0.09012,-0.02938,-0.05152,-0.01014,0.04428,0.00084,0.07755,-0.018,-0.02478,-0.09343,0.01956,0.02496,-0.02274,0.03155,0.0179,0.00293,0.07345,-0.05611,0.01849,-0.12949,0.04204,-0.02811,0.05078,0.04217,-0.02638,-0.00275,-0.0154,-0.10265,0.06889,0.05943,-0.04718,-0.07617,0.01684,-0.03591,0.08883,-0.00647,0.03673,0.00148,0.0838,-0.02017,-0.04276,0.06884,0.0391,-0.10081,0.02508,-0.04,0.07249],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Pinch-to-Zoom — A First-Class Multi-Touch Zoom UX Zooming used to be wheel/double-click/buttons — good for mouse users, but not enough for modern devices. v18 adds pinch-to-zoom: - Trackpads (macOS / Windows precision touchpads) - Touch devices ✅ Example: <https://flow.foblex.com/examples/zoom Enable it the same way as normal zoom: mac OS","excerpt":"Pinch-to-Zoom — A First-Class Multi-Touch Zoom UX Zooming used to be wheel/double-click/buttons — good for mouse users, but not enough for modern devices. v18 adds pinch-to-zoom: - Trackpads (macOS / Windows precision touchpads) - Touch devices ✅ Example: <https://flow.foblex.com/examples/zoom Enable it the same way as normal zoom:"},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#3","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.06449,0.0232,-0.04593,-0.02274,0.03314,0.0637,-0.01958,0.06442,0.06264,0.04449,-0.06559,-0.00453,-0.07632,0.02878,0.04205,-0.00813,0.03155,0.0326,0.00332,0.05432,-0.0297,-0.05002,-0.00115,-0.04193,0.01239,0.06013,0.00037,-0.03666,0.04716,-0.05076,0.04275,0.10481,-0.06994,0.03894,-0.08192,0.04796,-0.00251,-0.06085,-0.0979,-0.04175,0.09311,0.09886,-0.00487,-0.05497,0.04174,-0.00919,-0.02723,0.02207,-0.05721,0.06137,-0.04925,-0.15938,-0.02255,0.03277,-0.02166,0.00677,-0.0051,-0.03458,0.06953,0.08467,0.05388,-0.01904,0.01095,0.00878,0.03897,-0.02962,-0.07784,0.03436,-0.03448,-0.04624,-0.04995,0.00301,0.03439,-0.05012,-0.00148,-0.02665,0.01817,-0.01464,0.01594,-0.03406,0.01655,0.07214,0.00203,0.03112,-0.06175,0.05127,-0.00297,-0.06284,-0.02363,-0.00324,-0.00542,0.02065,0.00076,0.03901,-0.0079,-0.03104,-0.03819,-0.06398,-0.05911,0.00449,0.02085,-0.02889,0.07402,-0.0375,-0.01871,-0.02271,-0.0229,0.01788,-0.0461,-0.03511,-0.03315,0.08244,-0.01641,-0.09004,-0.06269,-0.11292,-0.00962,-0.04364,0.06961,0.00797,-0.04374,-0.01041,0.01132,0.0269,0.08738,-0.0705,-0.04386,0,0.00218,0.07393,-0.01255,0.07191,0.09158,0.00758,-0.00227,-0.07171,-0.04401,-0.01645,0.01343,-0.01339,-0.04873,0.02179,0.06449,-0.10967,-0.02037,0.05579,-0.01475,0.06773,0.03602,-0.09038,-0.02889,-0.03142,0.04754,0.061,-0.01993,0.00708,-0.10411,0.0046,0.03113,0.006,0.00472,-0.00669,-0.03502,-0.01412,-0.01203,-0.09566,-0.04142,-0.02742,0.01206,0.06694,-0.0412,0.01418,0.01906,0.00335,-0.04087,0.06442,0.02074,0.02138,0.03009,0.06732,0.03099,-0.01258,0.04833,-0.0498,-0.01777,0.0974,0.06955,0.05356,0.07092,0.03825,-0.08464,-0.05614,0.00584,0.0993,0.02013,-0.04841,0.06035,-0.05667,-0.12799,0.06471,0.05056,-0.00204,0.00297,-0.01701,-0.07109,-0.01254,0.06878,-0.01798,-0.05921,0.02211,0.05356,0.02632,0.07401,-0.1046,0.01819,-0.02602,-0.09072,0.0107,0.11901,-0.02558,0.01281,-0.00876,0.04563,0,-0.00617,0.00691,-0.00476,0.03475,0.05394,-0.06502,0.04718,-0.03128,0.06581,-0.0316,0.03659,0.04914,0.00368,0.02149,-0.02998,0.05058,-0.00262,-0.13069,0.02345,-0.09682,0.0301,0.00569,0.01154,-0.05739,-0.06376,0.04207,0.04043,0.00371,-0.05059,-0.01399,0.01619,-0.03279,-0.02397,-0.06217,0.01408,-0.04537,-0.04013,0.02133,0.02432,-0.03404,0.03909,-0.00138,-0.0469,0.04539,-0.12298,0.03789,-0.03822,0.001,-0.00671,0.06792,-0.0403,0.01814,-0.02428,-0.01395,-0.03468,-0.0262,-0.01437,0.00702,0.0125,-0.02257,0.01747,-0.00199,-0.00285,-0.01274,0.06261,0.04003,-0.05381,-0.02364,0.07474,0.08304,0.10124,0.01077,-0.01786,0.01635,0.08006,0.09247,0.1591,0.00595,0.09474,0.07527,-0.06634,0.10668,-0.03662,0.0666,0.13875,0.05039,-0.08051,-0.07412,0.01576,0.09272,-0.02929,-0.00667,0.01966,-0.02511,0.0081,0,-0.12483,-0.01904,-0.06698,-0.00357,-0.02116,0.00886,0.00641,0.03032,-0.01648,0.04808,0.02683,0.06824,-0.00289,-0.02856,0.13571,-0.00676,-0.00518,0.02595,-0.06729,0.01858,0.0386,0.07584,0.00445,0.10095,-0.0054,-0.01545,0.00991,0.01555,0.0344,-0.00219,0.02464,0.03561,0.00919,0.1098,-0.04247,0.0526,-0.0745,0.04777,-0.08235,0.06881,0.04923,-0.09475,0.02267,-0.01096,-0.04256,0.09404,0.02546,-0.01754,-0.06149,-0.0263,-0.08696,0.01826,-0.08484,0.02668,0.02114,-0.00462,0.0046,-0.01869,0.05011,0.052,-0.11017,-0.00452,0.01716,0.01729],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Better Compatibility with Angular Control Flow and Content Projection Angular’s @if / @for are great — but real component trees + content projection can be tricky. In v18 I updated the canvas projection slots, so you can wrap nodes/connections using grouped slots: This makes “conditional rendering + content projection” much more predictable.","excerpt":"Better Compatibility with Angular Control Flow and Content Projection Angular’s @if / @for are great — but real component trees + content projection can be tricky. In v18 I updated the canvas projection slots, so you can wrap nodes/connections using grouped slots: This makes “conditional rendering + content projection” much more predictable."},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#4","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.06467,0.06435,-0.03624,0.00146,0.06359,0.02181,-0.0324,0.06443,0.01985,0.01345,-0.10237,0.03917,-0.09151,-0.02262,0.08756,-0.00747,-0.04052,0.06199,-0.06341,0.03814,-0.07706,-0.06682,0.02777,-0.03364,-0.04003,0.07803,0.0285,-0.0061,0.11691,-0.06639,0.03246,0.12373,-0.03739,0.05322,-0.12033,0.08678,0.01146,0.04534,-0.11863,-0.04112,0.07697,0.03609,0.02403,-0.0584,0.01681,-0.01621,-0.01977,-0.00361,-0.03699,0.01473,-0.05215,-0.20608,-0.06725,0.01767,-0.00152,-0.03867,0.03046,-0.03547,0.06679,0.02569,0.01144,-0.00291,-0.0112,0.01517,0.03457,-0.04308,-0.0546,-0.00022,-0.02957,-0.05302,-0.0316,-0.00708,0.01809,-0.02522,-0.03923,-0.02382,-0.03249,-0.00709,-0.00561,-0.04998,0.08187,0.02917,0.00337,0.08902,-0.04172,0.05955,0.02308,-0.08257,-0.0261,0.01153,-0.01308,0.09087,0.00064,-0.05219,0.01765,0.01253,-0.05777,-0.09093,-0.03909,0.0279,0.02224,-0.04317,0.08211,0.01924,0.06144,0.01349,0.01572,0.06317,0.00773,-0.02616,-0.01669,0.05129,-0.00104,-0.09069,-0.03071,-0.10689,-0.02325,-0.04707,0.06425,0.02534,0.05091,0.02985,-0.01524,-0.05596,0.06074,-0.00872,-0.01182,0,0.00449,0.10358,-0.07102,0.00325,0.10674,0.00416,-0.00581,-0.11575,-0.04214,0.0571,0.01302,-0.00846,-0.07861,0.09087,0.05713,-0.10274,0.00004,0.03297,-0.05005,0.03412,0.06546,-0.10574,-0.02193,0.01183,0.05794,0.0689,0.01352,0.04248,-0.0717,-0.02564,0.08436,0.02891,0.03685,-0.02265,-0.04276,0.00954,-0.03896,-0.10671,0.01233,-0.04218,0.01277,-0.00084,-0.11187,0.02996,0.01884,0.01322,0.00573,0.00415,0.04215,0.02772,0.00512,0.04313,0.02067,-0.01373,0.07299,-0.05871,0.02102,0.07483,0.0286,0.06988,0.04332,0.05684,-0.02871,-0.01979,0.03009,-0.00541,0.04478,0.0596,0.0324,-0.05617,-0.05919,0.07117,0.01787,-0.02026,-0.02946,-0.06128,-0.00626,0.06241,0.04166,0.00119,-0.09501,0.01403,0.03133,0.01104,0.0647,-0.0405,0.02169,-0.04153,-0.09885,-0.07619,0.07309,0.01567,0.03057,-0.03536,-0.05417,0,-0.03068,0.04427,-0.0473,0.07879,0.04404,-0.03721,0.04656,0.01033,0.01865,0.01132,0.0154,0.06749,0.00465,-0.02152,0.0292,-0.00966,-0.03994,-0.07495,0.0141,-0.04314,-0.01079,0.00362,-0.00909,-0.00461,-0.01717,0.02627,0.00532,-0.00757,-0.05125,-0.08433,-0.01444,-0.04586,0.03192,-0.05663,0.01807,-0.05713,-0.0195,0.02399,0.00558,-0.03402,0.02001,0.02502,-0.01626,0.01238,-0.11113,0.04053,-0.03941,0.00218,-0.05075,0.02216,-0.02832,0.02663,-0.01339,-0.01049,-0.02197,-0.02098,0.0105,0.03433,-0.01703,0.01203,0.00391,-0.01146,-0.02333,-0.01777,0.06962,0.08812,-0.07644,-0.0414,0.00533,0.05969,0.05966,0.00586,-0.03632,0.00805,0.01856,0.06055,0.15321,-0.00021,0.10548,0.069,-0.04562,0.09337,-0.03508,0.0495,0.04981,0.07845,-0.10601,-0.04855,0.03835,0.08151,-0.0794,0.01757,0.04616,0.00385,0.04285,0,-0.09428,0.0188,-0.04677,-0.01114,0.01277,-0.00375,-0.03762,0.00644,-0.03707,0.04073,-0.00638,0.02775,-0.04559,-0.00501,0.1108,-0.01235,-0.03225,0.05244,-0.04914,-0.01444,-0.01681,0.08556,-0.01762,0.08687,-0.00558,0.0232,-0.0056,0.0235,0.0406,-0.0353,0.0214,0.03527,0.0486,0.03817,-0.01437,0.03508,-0.11716,0.01167,-0.07161,0.02967,0.07972,-0.09289,0.06694,-0.02337,-0.11456,0.09371,0.02661,-0.04932,-0.0824,-0.0286,-0.0398,-0.0143,-0.05743,0.05647,0.05501,0.00407,0.01211,0.01147,0.09602,0.0433,-0.07551,0.04614,-0.00293,0.02372],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Custom Backgrounds — richer SVG patterns + new example Backgrounds in flow editors matter more than people think: grid, dots, paper-like patterns, or fully custom SVG. In v18: - better support for complex SVG patterns - plus a new example showing how to build advanced backgrounds ::: ng-component <background-example</background-example [height]=\"600\" :::","excerpt":"Custom Backgrounds — richer SVG patterns + new example Backgrounds in flow editors matter more than people think: grid, dots, paper-like patterns, or fully custom SVG. In v18: - better support for complex SVG patterns - plus a new example showing how to build advanced backgrounds ::: ng-component <background-example</background-example [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#5","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.05129,0.00517,-0.05662,-0.00399,0.02664,0.02883,0.00439,0.09293,0.01992,0.01755,-0.02498,0.01265,-0.09588,0.00624,0.07478,0.00787,-0.03229,0.06319,0.01208,0.04084,-0.01829,-0.07455,0.0108,-0.01715,-0.01472,0.03048,-0.00922,-0.00779,0.04912,-0.0642,0.01854,0.11374,-0.07803,0.01748,-0.08194,0.0547,0.03245,-0.02116,-0.10723,-0.03331,0.07723,0.07808,0.04163,-0.02489,0.01973,-0.02547,0.0051,0.02084,-0.01738,0.07375,-0.06098,-0.12847,-0.05408,0.00061,0.00911,0.01514,0.00529,-0.0613,0.036,0.03762,0.03246,-0.00448,-0.00716,0.03764,-0.02809,-0.0234,-0.00358,-0.0075,-0.00167,-0.08812,-0.03993,-0.03071,0.03789,-0.04737,-0.01246,-0.08216,-0.0247,0.01139,-0.05187,-0.00962,0.02834,-0.01233,0.02449,0.093,-0.04284,0.02845,-0.00937,-0.10426,-0.00716,0.0405,-0.04034,0.06679,-0.06329,-0.04781,0.03473,-0.06529,-0.04225,-0.0765,-0.05824,0.04119,0.01225,-0.0062,0.01884,-0.02788,0.04696,0.00971,0.00701,0.00037,0.00277,0.02771,-0.04201,0.0366,0.01746,-0.10477,-0.03651,-0.07123,-0.03521,-0.03759,0.06686,0.01502,0.00558,-0.01927,-0.04709,0.02137,0.07562,0.00827,-0.04401,0,0.03041,0.04564,0.01258,0.03901,0.08009,0.03102,-0.00212,-0.09262,-0.10737,-0.00001,0.0291,-0.01555,-0.04365,0.02003,0.0381,-0.13076,-0.03109,0.05558,-0.01027,0.0519,0.06252,-0.12217,-0.01165,0.01056,0.08254,0.04891,-0.02472,0.07033,0.00442,0.00946,0.02857,0.00889,0.02223,-0.04369,-0.02127,-0.01433,-0.03146,-0.09862,-0.02474,-0.05653,0.00526,0.00808,-0.07957,-0.05161,-0.04511,0.00431,-0.08113,0.07444,0.03791,0.00356,0.03722,0.02195,0.00487,0.032,0.06394,-0.05479,-0.03075,0.06798,-0.01996,0.07371,0.01378,0.03978,-0.07579,-0.0672,0.05426,0.05703,0.02825,0.02866,0.07655,-0.03251,-0.11238,0.08695,0.05013,0.02537,-0.02376,-0.04688,-0.03686,-0.00495,0.11955,-0.00954,-0.04957,-0.04537,0.04797,0.06072,0.06423,-0.09168,-0.00033,-0.02872,-0.09466,-0.05209,0.05264,0.03459,0.03507,-0.02648,-0.04049,0,-0.04699,-0.01644,-0.03779,0.10219,0.05057,-0.02683,0.0618,-0.01301,0.09621,-0.01707,-0.01157,0.03841,0.00417,-0.04966,0.04395,-0.00184,-0.00203,-0.14056,0.01097,-0.02926,0.01293,-0.03906,0.03593,-0.05979,-0.01435,0.03842,-0.02641,0.01594,-0.05299,-0.06938,0.02952,-0.00349,-0.01066,-0.0514,0.02526,0.00808,-0.02987,0.06051,0.04855,0.01872,0.0322,-0.01454,0.02114,0.00931,-0.04216,0.09449,-0.0504,0.0336,-0.0663,0.05221,-0.08989,0.04255,-0.06482,-0.01418,-0.06622,0.02598,0.03316,-0.0014,0.00837,-0.00362,0.02675,-0.04947,-0.02818,0.0487,0.04425,0.03453,-0.01828,0.00893,0.02443,0.0928,0.08405,-0.00126,0.01541,-0.01971,0.04844,0.05561,0.12183,-0.00312,0.08985,0.01374,0.02597,0.14904,0.00789,0.06641,0.09947,0.08628,-0.06102,-0.02426,0.0429,0.08712,-0.0803,-0.00932,0.03186,-0.01802,-0.00539,0,-0.13937,0.02684,-0.05282,0.00463,-0.01341,0.03243,-0.02067,0.08754,-0.00452,0.03066,0.005,0.04733,-0.03322,0.01653,0.11325,-0.02963,0.02587,0.04126,-0.04342,-0.04039,-0.02988,0.07969,-0.00776,0.08918,-0.03048,-0.02217,-0.03303,0.05776,0.03267,-0.02712,0.0037,0.02582,0.04567,0.09247,-0.02775,0.04479,-0.14,0.05391,-0.06556,0.05346,0.04634,-0.01258,-0.00838,-0.00141,-0.06274,0.09846,0.06644,-0.02579,-0.05269,0.00312,-0.05834,0.05376,-0.06446,0.02475,0.02248,0.05737,-0.02026,-0.04865,0.07337,0.05853,-0.14853,0.0449,-0.0265,0.04823],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Release + demo - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.0.0 - Waypoints example: <https://flow.foblex.com/examples/connection-waypoints - Zoom example: <https://flow.foblex.com/examples/zoom","excerpt":"Release + demo - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.0.0 - Waypoints example: <https://flow.foblex.com/examples/connection-waypoints - Zoom example: <https://flow.foblex.com/examples/zoom"},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#6","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.08536,-0.01569,-0.02771,0.04889,0.04031,0.06088,-0.06172,0.07922,0.03554,0.04886,-0.08282,0.04389,-0.12296,0.01775,0.08607,0.04284,-0.03059,0.04703,0.02206,0.04089,-0.02501,-0.03839,0.04236,-0.00388,-0.03004,0.07024,0.03845,-0.02565,0.04277,-0.06821,0.02649,0.10127,-0.11127,-0.0242,-0.12382,0.11643,0.00384,-0.00712,-0.06603,-0.05884,0.04487,0.09086,0.01106,-0.0523,0.02427,-0.04414,-0.01124,-0.03018,-0.043,0.05166,-0.05521,-0.1158,-0.05951,-0.01885,0.02305,0.00116,0.01268,-0.07239,-0.01096,0.02111,0.03641,-0.02676,-0.01194,0.00078,0.01265,-0.00624,-0.01308,-0.00601,0.03109,-0.06358,-0.03553,-0.03054,0.0472,0.00414,0.00637,-0.06836,-0.02112,0.00092,-0.02872,-0.00631,0.05633,-0.00531,-0.0017,0.10868,-0.021,0.03123,0.04123,-0.08386,0.03222,0.02269,0.00097,0.05923,0.0199,-0.02391,0.0352,-0.03104,-0.06053,-0.02607,-0.0853,-0.00058,0.0022,-0.03147,0.02828,-0.02116,0.01426,0.03091,0.02306,0.00604,-0.02424,0.04268,-0.04126,0.04244,-0.01311,-0.08637,-0.04613,-0.04685,-0.02758,-0.03726,0.06997,0.06416,-0.00838,-0.01007,-0.01538,0.04048,0.06766,0.0153,-0.01458,0,0.0128,0.08934,-0.02389,0.01491,0.11111,0.00694,-0.02123,-0.09229,-0.06457,0.01572,0.03048,-0.00957,-0.04359,0.04631,0.05108,-0.1309,-0.03031,0.04574,-0.03052,-0.01715,0.04466,-0.0996,-0.0091,0.00736,0.09155,0.02549,0.00759,0.05153,-0.06859,-0.02478,0.05707,-0.00795,0.02298,0.01673,-0.03594,0.02296,-0.04339,-0.11315,-0.00973,-0.04195,-0.03455,0.00593,-0.11461,0.00748,-0.02249,0.0085,-0.04267,0.07372,0.04247,0.00647,0.00077,0.05089,0.02803,0.02238,0.049,-0.03951,-0.01303,0.05579,0.02561,0.02881,0.04261,0.05254,-0.04613,-0.05328,-0.0223,0.05726,0.02194,0.02158,0.08799,-0.0583,-0.13265,0.04302,0.03525,0.03742,-0.00135,-0.02975,-0.03275,-0.02804,0.17734,-0.04011,-0.0105,-0.05399,0.02707,0.09011,0.10715,-0.10252,-0.02437,-0.04112,-0.08239,-0.01212,0.03812,-0.00273,0.0187,0.01616,-0.00945,0,-0.04644,-0.01001,-0.04647,0.07916,-0.02732,-0.05458,0.00659,-0.03224,0.11117,0.00851,0.03962,0.05247,0.03012,-0.04719,-0.00118,-0.01773,0.03856,-0.1177,0.04571,-0.08393,0.01165,-0.03566,-0.012,-0.06761,0.00877,0.06489,-0.02967,-0.00239,-0.04267,-0.05299,0.05067,-0.02293,0.05284,-0.08747,0.03053,0.03634,-0.0428,0.03127,0.05032,0.00518,0.04852,-0.01003,0.05435,0.03191,-0.06545,0.05934,-0.09153,0.04075,-0.06803,0.01142,-0.06631,0.04897,-0.03387,-0.07132,-0.0559,0.01073,0.02743,0.00151,0.05156,-0.03108,0.03151,0.01199,0.00516,0.0392,0.04041,0.03435,-0.049,0.01376,0.01225,0.0573,0.03904,0.01331,-0.01373,0.00591,0.06857,0.02307,0.14816,-0.03152,0.05492,0.00702,0.01377,0.08229,0.0083,-0.0041,0.0747,0.05013,-0.10755,-0.03444,0.05665,0.13586,-0.08737,0.01225,0.03288,-0.01513,-0.0275,0,-0.11341,0.04065,-0.0377,-0.00364,0.01195,0.01833,-0.02756,0.07325,0.01919,0.05732,0.04042,0.06394,-0.09152,0.01403,0.09385,-0.00347,-0.00968,0.05211,-0.05602,-0.02932,-0.01328,0.06218,-0.02631,0.07155,0.01468,-0.00532,0.04953,0.03127,0.03177,-0.0201,-0.00153,0.04306,0.06688,0.11444,-0.06374,0.09339,-0.06382,0.04444,-0.07934,0.07758,0.03569,-0.0209,-0.00584,0.00452,-0.07626,0.0558,0.03443,-0.0044,-0.02504,-0.03169,-0.05586,0.02232,-0.09353,0.02827,0.00882,0.05262,-0.03444,-0.02138,0.06976,0.00596,-0.10678,0.01526,0.01055,0.00683],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Closing Waypoints are one of those features that instantly level up any node editor: users can make routes clean, readable, and intentional — without fighting the layout. If you’re building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I’m building, please consider starring the repo ⭐️ It helps the project a lot.","excerpt":"Closing Waypoints are one of those features that instantly level up any node editor: users can make routes clean, readable, and intentional — without fighting the layout. If you’re building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I’m building, please consider starring the repo ⭐️ It helps the project a lot."},{"chunkId":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing#0","slug":"foblex-flow-v17-8-5-connectable-sides-smarter-routing","route":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing","section":"blog","title":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular","description":"Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise.","group":"Releases","vector":[-0.06882,0.02248,-0.06254,0.0554,0.01888,0.01379,-0.0465,0.0117,-0.01983,0.06804,-0.1047,0.04789,-0.10476,0.01706,0.04092,0.00676,-0.01048,-0.01013,0.00526,-0.00454,-0.09739,-0.04559,-0.00063,-0.026,-0.02505,0.00786,-0.01272,-0.01946,0.01841,-0.04907,0.04007,0.07538,-0.06917,0.01073,-0.1646,0.02562,0.00192,0.00566,-0.04473,-0.05878,0.04941,0.0489,-0.01011,-0.06343,-0.09637,-0.03595,-0.05009,0.00214,-0.04304,0.08671,-0.07561,-0.13273,-0.04931,0.05457,0.03599,0.03447,0.00406,-0.037,-0.03044,0.03955,0.01781,-0.08605,0.0242,0.03509,-0.00165,-0.02698,-0.0283,-0.00443,-0.07077,-0.01514,0.04295,-0.01125,0.00517,-0.04739,0.02575,0.00633,-0.0077,0.01704,0.02,-0.00973,0.03152,0.0875,-0.02608,0.06797,-0.0117,0.00192,0.01136,-0.07923,0.03689,-0.01465,-0.01704,0.06594,0.0807,-0.00078,0.04941,0.00596,-0.04099,-0.04627,-0.11206,0.01171,-0.02903,-0.04578,0.05288,0.02098,-0.00939,-0.00824,0.05784,-0.00139,-0.01377,-0.01532,-0.02883,0.04778,0.01551,-0.0759,-0.0765,-0.04137,-0.04224,-0.00762,0.03994,0.07586,-0.0215,-0.04827,0.06559,-0.02505,0.09136,-0.0453,-0.01839,0,-0.00166,0.06888,-0.07455,0.01858,0.10714,0.02405,-0.01961,-0.10051,-0.0211,-0.00495,-0.02876,0.01093,-0.01744,-0.00077,0.04089,-0.11939,-0.03904,0.04396,-0.01177,0.01488,0.06093,-0.10433,-0.0415,-0.02388,0.09376,0.06314,0.01154,0.04539,-0.04053,0.01349,0.04387,0.00445,0.0189,0.03462,-0.01883,0.0255,-0.0421,-0.10808,-0.00463,-0.02328,-0.00349,-0.00167,-0.09919,-0.03662,-0.00308,0.03186,-0.06593,0.02995,0.08333,0.03383,-0.02241,0.04099,0.03887,0.01822,0.06799,-0.07483,-0.05193,0.09444,0.03571,0.09932,0.05582,0.01543,-0.03512,-0.06154,0.02338,0.04914,0.00691,0.00542,0.10741,-0.11716,-0.09953,0.0416,0.03802,0.09952,-0.00707,-0.01334,-0.01429,0.0237,0.10422,-0.05604,-0.0579,0.00952,-0.015,0.06087,0.07627,-0.08013,-0.02419,-0.04687,-0.0518,0.05395,0.09401,0.03227,0.06352,0.07629,0.03014,0,-0.04269,0.00731,-0.06938,0.09423,0.00816,-0.05677,0.10555,-0.01962,0.08082,0.04593,0.05106,0.04976,-0.01908,-0.06531,0.07282,-0.03027,-0.02533,-0.13882,0.04788,-0.04262,0.00651,-0.00267,-0.0245,-0.06015,0.00598,0.06023,0.0074,-0.01101,-0.00298,-0.00804,-0.02908,-0.02172,-0.04795,-0.05701,0.01792,0.01161,-0.05151,0.08754,0.07714,-0.08279,0.04287,0.01187,-0.0189,0.02501,-0.06253,0.01839,-0.02561,-0.03896,-0.05119,0.0084,-0.0331,0.06848,-0.02953,-0.05313,-0.03003,0.05423,0.03894,0.03501,0.00541,0.0406,0.06341,-0.0023,0.05635,0.04988,0.05198,0.0844,-0.03783,-0.0254,0.06013,0.08208,0.00989,-0.0006,-0.03167,0.04045,0.10365,0.06566,0.11781,-0.05428,0.02774,0.02171,-0.04646,0.0951,-0.03029,-0.00472,0.03642,-0.00171,-0.08946,-0.02851,0.03599,0.08794,-0.03816,-0.03057,0.01802,-0.05254,-0.01576,0,-0.10673,0.00465,-0.04064,-0.02422,0.04931,0.01516,-0.04585,0.00425,0.04839,0.03805,0.00783,0.09208,-0.066,0.02236,0.06225,0.01447,-0.05953,0.00395,-0.05034,-0.04403,-0.06423,0.00913,-0.02041,0.10386,-0.01547,-0.0139,-0.04553,0.05165,0.00224,0.02016,-0.0437,0.05066,0.05508,0.09536,-0.01287,0.08424,-0.10141,0.04134,-0.05316,0.02936,0.0487,-0.00975,0.03177,-0.01043,-0.02616,0.04527,-0.04606,-0.00843,-0.05514,-0.03543,-0.05944,0.02505,-0.03068,-0.00485,0.03173,0.01055,-0.00874,-0.091,0.06231,0.01074,-0.09347,0.04626,-0.00186,-0.03061],"keywords":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise. Foblex Flow 17.8.5 — Connectable Sides for Smarter Routing in Angular This release adds more precise control over where connections can attach to a node, which is especially useful in Angular workflow builders and diagram editors where routing clarity matters. The new release, v17.8.5, introduces a major improvement: ✅ Fine-grained control over which side of a node is connectable (manual or calculated). Together, these updates give developers precise control over routing while still supporting automatic, dynamic layouts.","excerpt":"Foblex Flow 17.8.5 — Connectable Sides for Smarter Routing in Angular This release adds more precise control over where connections can attach to a node, which is especially useful in Angular workflow builders and diagram editors where routing clarity matters. The new release, v17.8.5, introduces a major improvement: ✅ Fine-grained control over which side of a node is connectable (manual or calculated). Together, these updates give developers precise control over routing while still supporting automatic, dynamic layouts."},{"chunkId":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing#1","slug":"foblex-flow-v17-8-5-connectable-sides-smarter-routing","route":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing","section":"blog","title":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular","description":"Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise.","group":"Releases","vector":[-0.05067,0.03533,-0.10415,0.05345,-0.04671,0.05184,-0.07361,0.0433,-0.02532,0.07557,-0.09394,0.04127,-0.05652,0.03939,-0.00281,0.00205,-0.04992,0.0024,-0.02234,0.00168,-0.09328,-0.1069,-0.00669,-0.03922,-0.02736,-0.0123,0.056,0.00442,0.05912,-0.06947,0.04866,0.05231,-0.05176,-0.01798,-0.14352,0.00352,-0.0262,-0.00725,-0.01959,-0.03919,0.08136,0.013,-0.00612,-0.08064,-0.0833,-0.0008,-0.08095,0.05803,-0.01997,0.08484,-0.0572,-0.09539,-0.04131,0.09856,0.02543,0.04131,-0.00919,-0.04926,-0.00395,-0.00262,0.06428,-0.08545,0.01207,-0.01353,-0.00882,-0.01514,-0.06833,0.02707,-0.08271,0.04552,0.04197,-0.05872,0.04075,-0.07294,0.03831,0.04114,0.00405,0.05398,0.01932,0.01789,0.04492,0.09322,-0.05005,0.07447,-0.02576,0.02189,-0.0111,-0.03168,0.04195,-0.05888,0.0087,0.08954,0.02688,-0.02622,0.08303,0.02887,-0.05138,-0.02845,-0.06389,0.01374,-0.03213,-0.03707,0.06873,0.01186,-0.00853,0.02376,0.01381,0.03094,0.01298,-0.02838,-0.02701,0.06762,0.01851,-0.04129,-0.05429,-0.06017,-0.01206,-0.00192,0.05683,0.06414,-0.00565,-0.01776,0.06942,-0.01291,0.12712,0.02027,-0.00688,0,-0.04101,0.05721,-0.05022,0.01765,0.04839,0.02325,-0.02931,-0.07102,-0.00766,0.0231,-0.05526,0.03027,-0.0267,-0.01625,0.04804,-0.11174,-0.01527,-0.00821,-0.06432,0.00421,0.05258,-0.10675,-0.04609,-0.02651,0.08243,0.03248,0.01067,-0.00323,-0.05479,0.00382,0.06194,0.0198,-0.00293,0.03778,-0.03714,0.01624,-0.03047,-0.06531,-0.02464,0.02233,-0.01264,-0.02549,-0.05347,-0.03759,-0.03952,0.03797,-0.04808,0.04214,0.08151,0.03966,-0.04827,0.02956,0.01489,0.00247,0.07781,-0.04322,-0.07961,0.09885,0.04511,0.07248,0.03707,0.01497,-0.01332,-0.0428,-0.02875,0.03353,-0.01479,-0.01446,0.13849,-0.11484,-0.08827,0.01936,0.06268,0.05965,-0.02266,-0.00389,-0.02137,0.0453,0.09403,-0.03743,-0.06624,0.02603,0.00205,0.06699,0.10501,-0.10967,-0.05383,-0.05583,-0.10157,0.00227,0.05396,0.05332,0.04936,0.0569,0.00448,0,-0.01728,0.01704,-0.02746,0.02936,0.01712,-0.05018,0.10535,-0.02856,0.07471,0.05137,0.05317,0.08965,0.00521,-0.05645,0.04059,-0.01055,-0.02355,-0.11081,0.10414,-0.03405,0.04851,-0.0103,-0.01812,-0.04694,0.04264,0.0516,0.05923,-0.05006,0.00974,0.03591,-0.04563,-0.02632,-0.05283,-0.03694,-0.01967,-0.00683,-0.09213,0.08119,0.09804,-0.07397,0.0595,0.01268,-0.02959,0.00367,-0.03491,-0.0066,-0.04229,-0.03787,-0.07903,-0.01782,-0.04461,0.08792,-0.03036,-0.02851,-0.01269,0.01536,0.04654,0.00166,-0.00387,0.051,0.0426,-0.02715,0.05463,0.04382,0.0013,0.10632,-0.03526,-0.0474,0.06334,0.08375,-0.00149,0.02857,-0.00665,0.01685,0.08413,0.07898,0.02834,-0.04457,0.06649,0.00681,-0.07273,0.08771,-0.05124,-0.00681,-0.03131,-0.00873,-0.05071,0.01048,0.06264,0.09066,-0.04233,-0.05088,0.05182,-0.04222,-0.01984,0,-0.09475,-0.0175,-0.01622,0.01461,0.0161,-0.01384,-0.01884,-0.01648,0.02344,0.04504,0.0136,0.08243,-0.06286,0.0484,0.00765,0.03725,-0.04395,0.01175,-0.05088,-0.02611,-0.04697,-0.01538,0.00486,0.12638,0.01261,-0.03532,-0.06311,0.01566,-0.02035,0.01439,-0.02459,0.01754,0.02942,0.12178,-0.0323,0.03567,-0.13264,0.03967,-0.06009,0.02818,0.01404,0.01728,0.04632,-0.02501,0.01243,0.05321,-0.03095,0.01432,-0.04883,-0.04678,-0.04281,0.03331,-0.06935,-0.0337,0.04601,0.00916,0.00175,-0.03522,0.05132,-0.02712,-0.09838,0.08469,-0.03489,-0.05772],"keywords":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise. Connectable Sides ::: ng-component <connectable-side</connectable-side [height]=\"600\" ::: Connections are no longer limited to a single default side. Now, each connector can define exactly where links are allowed: You can: - Fix a side (e.g., input always on the left, output always on the right). - Calculate dynamically (CALCULATE) — side is chosen based on relative positions of nodes. - Restrict calculation to only horizontal (CALCULATEHORIZONTAL) or vertical (CALCULATEVERTICAL) axes. - Let the system decide fully (AUTO). 📚 Other Improvements - AUTO mode for quick setup with default heuristics. - Clearer routing logic, reducing edge overlaps in dynamic layouts. - No breaking changes; previous side selection remains compatible.","excerpt":"Connectable Sides ::: ng-component <connectable-side</connectable-side [height]=\"600\" ::: Connections are no longer limited to a single default side. Now, each connector can define exactly where links are allowed: You can: - Fix a side (e.g., input always on the left, output always on the right). - Calculate dynamically (CALCULATE) — side is chosen based on relative positions of nodes. - Restrict calculation to only horizontal (CALCULATEHORIZONTAL) or vertical (CALCULATEVERTICAL) axes. - Let the system decide fully (AUTO). 📚 Other Improvements - AUTO mode for quick setup with default heuristics. - Clearer routing logic, reducing edge overlaps in dynamic layouts. - No breaking changes; previous side selection remains compatible."},{"chunkId":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing#2","slug":"foblex-flow-v17-8-5-connectable-sides-smarter-routing","route":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing","section":"blog","title":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular","description":"Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise.","group":"Releases","vector":[-0.04843,0.00317,-0.09672,0.02758,0.00187,0.02858,-0.06108,0.05178,0.00098,0.0557,-0.10668,0.01599,-0.08966,0.00962,0.05289,0.00008,-0.02927,-0.00787,0.00162,-0.00232,-0.10255,-0.04088,0.00341,-0.05265,-0.03419,0.02289,0.00734,-0.00248,0.04179,-0.06717,0.05759,0.06899,-0.05236,0.01537,-0.16434,0.01039,-0.00104,0.01019,-0.0398,-0.04296,0.02516,0.08251,-0.00833,-0.07234,-0.08072,-0.01397,-0.07447,0.01868,-0.04646,0.10893,-0.08332,-0.13489,-0.06381,0.03816,0.0385,0.03016,0.01493,-0.04608,-0.01396,0.03418,0.01593,-0.06774,0.01069,0.03596,-0.01485,-0.01279,-0.06258,0.04048,-0.04246,-0.01455,0.01072,-0.05049,0.01165,-0.05297,0.04835,-0.02956,-0.00911,0.0507,0.01087,-0.02416,0.01933,0.07583,-0.03643,0.07256,-0.00698,0.01239,0.01477,-0.07496,0.0264,-0.00224,0.0048,0.07523,0.06468,-0.00918,0.06524,0.03186,-0.01813,-0.0559,-0.1171,0.02343,-0.03025,-0.08981,0.04665,0.01016,-0.00686,-0.01086,0.04646,0.01193,-0.00521,-0.02917,-0.04101,0.04286,-0.01236,-0.0678,-0.06454,-0.07038,-0.03481,-0.02873,0.0652,0.04542,-0.00642,-0.04295,0.06125,-0.0187,0.1152,-0.03235,-0.01471,0,0.00635,0.07701,-0.05676,0.01419,0.08324,0.02766,-0.02414,-0.0975,0.00418,0.00523,-0.02745,0.03019,-0.04928,0.00446,0.03197,-0.09818,-0.04454,0.02498,-0.03504,-0.0011,0.06906,-0.07605,-0.04315,0.0021,0.07759,0.09061,0.00488,0.04469,-0.05708,0.02288,0.06467,0.00791,-0.01322,0.02997,-0.02428,0.03349,-0.03822,-0.09984,0.00387,-0.00738,0.01624,-0.01681,-0.09075,-0.03512,-0.0241,0.00717,-0.08528,0.02552,0.05536,0.03658,-0.02348,0.05647,0.05247,0.03424,0.09593,-0.07073,-0.05365,0.09534,0.03719,0.07672,0.07331,0.01373,-0.03787,-0.03555,0.00911,0.06657,0.0138,-0.00463,0.0959,-0.1061,-0.1051,0.03656,0.05274,0.07539,-0.00255,-0.02884,-0.02067,0.03509,0.08967,-0.04002,-0.06047,0.0088,-0.00111,0.05286,0.08196,-0.07258,-0.00541,-0.04591,-0.0757,0.05273,0.0933,0.00621,0.02446,0.07746,0.03401,0,-0.04894,0.0239,-0.03991,0.08005,0.02098,-0.06604,0.09305,-0.00939,0.07213,0.04296,0.05593,0.03553,-0.02425,-0.05624,0.06252,-0.03792,-0.00046,-0.13729,0.06794,-0.07364,0.00685,-0.00626,-0.01461,-0.06157,-0.01337,0.06638,0.01476,0.00653,0.00562,-0.00025,-0.03106,-0.03534,-0.02495,-0.05213,-0.01164,-0.0088,-0.03426,0.07279,0.04959,-0.06381,0.01961,0.01545,-0.01266,0.0365,-0.04895,0.02684,-0.04575,-0.00701,-0.05136,0.00697,-0.02986,0.07399,-0.02842,-0.07698,-0.03961,0.02985,0.06781,0.04092,-0.00741,0.04443,0.00442,-0.01027,0.04669,0.05248,0.04875,0.08829,-0.02242,-0.03684,0.07992,0.09928,0.05144,0.01227,-0.05147,0.03014,0.12366,0.0576,0.08245,-0.0281,0.04303,0.01564,-0.04152,0.08178,-0.00678,0.01757,0.0322,0.01041,-0.1071,-0.02057,0.04853,0.09959,-0.02589,-0.02484,0.02875,-0.02754,0.01517,0,-0.11104,0.01119,-0.01575,-0.01912,0.03336,0.03223,-0.0363,-0.01023,0.01758,0.025,0.0182,0.10945,-0.06335,0.01747,0.0434,0.03876,-0.05298,0.02662,-0.03553,-0.04346,-0.04952,0.02294,0.00011,0.10046,0.00681,-0.00323,-0.038,0.04272,0.00825,0.03054,-0.0335,0.04383,0.08162,0.11005,-0.02784,0.04717,-0.11026,0.01436,-0.05842,0.01245,0.03906,0.011,0.02412,-0.03351,-0.03483,0.07823,-0.03183,-0.02491,-0.05222,-0.05671,-0.05089,0.03305,-0.05835,0.00721,0.01075,0.03413,-0.01952,-0.0845,0.06687,-0.0017,-0.12369,0.04598,-0.00292,-0.03144],"keywords":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise. Why This Matters Professional diagramming tools let you fine-tune how edges are routed. Now, Foblex Flow brings the same level of control into Angular: - Manual control when you want stable, predictable layouts. - Dynamic calculation for adaptive editors. - Simple API to cover most use cases without boilerplate.","excerpt":"Why This Matters Professional diagramming tools let you fine-tune how edges are routed. Now, Foblex Flow brings the same level of control into Angular: - Manual control when you want stable, predictable layouts. - Dynamic calculation for adaptive editors. - Simple API to cover most use cases without boilerplate."},{"chunkId":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing#3","slug":"foblex-flow-v17-8-5-connectable-sides-smarter-routing","route":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing","section":"blog","title":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular","description":"Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise.","group":"Releases","vector":[-0.07048,0.00158,-0.08696,0.04662,0.00768,0.03594,-0.04123,0.00232,-0.00697,0.05055,-0.1054,0.03301,-0.0943,0.01967,0.0548,0.01124,-0.03734,0.01666,0.02142,-0.01815,-0.09798,-0.06871,0.00794,-0.01297,-0.03563,0.00233,0.00818,-0.02163,0.01796,-0.0546,0.06317,0.05758,-0.06011,0.00091,-0.14875,0.02161,0.00521,-0.00502,-0.04652,-0.04197,0.0437,0.07263,0.02165,-0.06263,-0.09108,-0.00987,-0.0431,0.03773,-0.01966,0.07932,-0.06333,-0.14439,-0.02242,0.05631,0.03668,0.03085,-0.00249,-0.05106,-0.02974,0.02739,0.04812,-0.06929,0.00939,0.02105,-0.03288,-0.01016,-0.04287,0.05391,-0.05173,-0.03141,0.03557,-0.04377,0.01317,-0.06053,0.03654,-0.00238,-0.00221,0.02955,0.03061,0.01463,0.0172,0.04771,-0.02457,0.05772,0.00456,-0.01036,0.02442,-0.08433,-0.01681,-0.01462,-0.02742,0.09381,0.05965,-0.01125,0.07089,0.01906,-0.02767,-0.04499,-0.09136,0.01327,-0.03843,-0.06053,0.0448,0.00752,0.00538,-0.00077,0.05289,0.021,0.02188,0.00792,-0.04394,0.04456,-0.00826,-0.05639,-0.06397,-0.05475,-0.02354,0.00864,0.03367,0.05494,-0.01146,-0.05571,0.02307,-0.028,0.1366,-0.01015,0.00227,0,0.01573,0.07504,-0.06367,0.01419,0.09335,0.03831,-0.00721,-0.10928,-0.03951,0.00047,-0.05286,0.03374,-0.01854,-0.01804,0.00031,-0.16882,-0.0645,0.00495,-0.01911,0.00623,0.05943,-0.08853,-0.03654,-0.0194,0.09819,0.04495,-0.00464,0.01756,-0.0181,0.02429,0.05589,0.01674,-0.00467,0.03777,-0.02531,0.01097,-0.03743,-0.10233,-0.00197,0.00656,0.00034,-0.03086,-0.11017,-0.06125,-0.01466,0.01742,-0.06948,0.03586,0.08348,0.028,-0.01641,0.03147,-0.02161,0.00984,0.0846,-0.06689,-0.05158,0.09964,0.01537,0.06038,0.05521,0.00556,-0.02466,-0.08512,0.02969,0.06063,-0.00211,0.01202,0.10443,-0.11785,-0.0808,0.0464,0.05329,0.0528,-0.00699,0.00196,-0.01229,0.04733,0.09111,-0.02773,-0.05737,-0.0255,-0.00259,0.08092,0.0759,-0.05833,-0.03594,-0.05507,-0.08093,0.05023,0.06496,0.04591,0.05867,0.07036,0.00834,0,-0.0505,0.00565,-0.04118,0.08189,0.05254,-0.05285,0.1178,-0.00904,0.08671,0.06864,0.02412,0.052,-0.0098,-0.05211,0.06627,-0.05349,0.0312,-0.13091,0.07211,-0.04732,0.00827,-0.00183,-0.01611,-0.07837,0.01992,0.07037,0.0137,-0.01969,0.01792,0.00113,-0.01297,-0.01834,-0.04335,-0.06664,0.00079,0.02669,-0.03595,0.11283,0.03099,-0.0759,0.03657,0.00298,-0.01842,-0.00122,-0.0469,0.02734,-0.04493,-0.02468,-0.06871,0.02444,-0.02761,0.07063,-0.0595,-0.02872,-0.04946,0.03935,0.05643,0.02181,0.01267,0.04841,0.02719,0.00658,0.01821,0.06499,0.05144,0.08339,-0.03401,-0.00515,0.08003,0.09122,0.03909,0.01918,-0.00349,0.04451,0.09161,0.07171,0.06901,-0.03786,0.02997,0.02825,-0.01555,0.10302,-0.01328,0.01832,0.04915,0.01992,-0.07366,-0.01661,0.03785,0.09646,-0.04549,-0.04082,0.0384,-0.07081,0.01886,0,-0.11359,0.01381,-0.02637,-0.02335,0.01865,0.02597,-0.05574,-0.00637,0.04738,0.04086,0.00233,0.1017,-0.05153,0.0472,0.04738,0.02461,-0.06079,-0.00533,-0.03201,-0.04836,-0.07228,0.00528,-0.03714,0.10724,-0.00747,0.00152,-0.04506,0.02982,-0.01021,0.01023,-0.0436,0.0438,0.04741,0.09365,-0.01535,0.06736,-0.1157,0.02217,-0.07744,0.022,0.03017,0.02652,0.02917,-0.01826,-0.02625,0.06657,-0.0479,-0.02029,-0.05218,-0.047,-0.0384,0.0328,-0.05766,0.00343,0.03228,0.02516,-0.02808,-0.09201,0.05922,0.00219,-0.10673,0.07231,-0.00856,-0.00072],"keywords":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise. Links - GitHub repo: <https://github.com/Foblex/f-flow - Live examples: https://flow.foblex.com/examples ❤️ If you find Foblex Flow useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow. Git Hub","excerpt":"Links - GitHub repo: <https://github.com/Foblex/f-flow - Live examples: https://flow.foblex.com/examples ❤️ If you find Foblex Flow useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow."},{"chunkId":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation#0","slug":"foblex-flow-v17-8-custom-content-on-connections-smarter-validation","route":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation","section":"blog","title":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular","description":"Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces.","group":"Releases","vector":[-0.12259,0.05158,-0.0492,0.00546,0.03335,-0.02668,-0.06078,-0.01595,-0.0137,0.0627,-0.07835,0.02958,-0.04938,0.05393,0.0689,0.03553,0.03681,-0.02461,-0.0465,-0.04076,-0.06293,-0.03062,-0.00589,-0.03574,-0.0149,0.03186,-0.09809,0.02887,0.07619,-0.05848,0.05992,0.07831,-0.0418,-0.00083,-0.07325,0.04638,0.02199,0.02797,-0.00793,-0.00214,0.0523,-0.00646,-0.01506,-0.01811,-0.06922,-0.01658,-0.06226,-0.06136,-0.05422,0.08952,-0.09513,-0.101,-0.08474,0.02826,0.05129,0.01488,-0.01917,-0.0823,0.0038,0.03507,0.05142,-0.08687,-0.0082,0.04837,0.00192,0.02642,-0.10727,0.00581,-0.0507,-0.01458,0.01033,0.019,-0.03124,0.00968,-0.02057,0.01452,-0.06869,-0.00782,-0.017,-0.06255,0.0342,0.0819,0.01083,0.06619,0.01417,0.08711,0.01506,-0.10097,-0.00612,0.00111,0.05303,0.04416,0.05218,0.0476,-0.00053,0.04624,-0.02994,-0.04246,-0.06125,0.03879,-0.02594,-0.09563,0.02687,-0.00761,0.01839,-0.00837,0.02489,0.02833,-0.00225,0.01228,-0.0059,0.08031,0.00633,-0.1216,-0.04842,0.01254,-0.01711,-0.00904,0.02025,0.08641,-0.03158,-0.02233,0.07084,-0.04018,0.06467,-0.08589,-0.03206,0,0.03063,0.07913,-0.075,-0.01157,0.0778,0.00113,-0.11009,-0.10466,-0.04342,-0.01049,0.02592,0.00722,-0.036,0.00735,0.05857,-0.02892,-0.01759,0.03469,0.04209,-0.01738,0.04547,-0.15392,-0.0341,0.0631,0.03408,0.10151,0.01131,0.05619,-0.02171,0.01518,0.01937,-0.01475,0.0858,0.02159,0.02151,0.00807,-0.05224,-0.0984,0.00892,-0.05412,-0.00094,-0.02159,-0.09188,0.03032,0.0054,0.02569,-0.04407,0.00497,0.09191,0.00321,-0.01634,0.06032,0.00273,0.03217,0.03194,-0.03297,-0.02706,0.10692,0.0415,0.02479,0.06136,0.0258,-0.07009,-0.06649,0.04058,0.04308,0.0119,-0.02854,0.06182,-0.12847,-0.11748,0.044,-0.02614,0.04932,0.0216,-0.0806,-0.01903,0.04945,0.09345,-0.07547,-0.02311,-0.03454,-0.03757,0.0914,0.03628,-0.08156,0.00361,-0.02576,-0.03563,0.0249,0.09733,0.03226,0.03108,0.00905,0.0311,0,-0.01874,0.04216,-0.03617,0.10469,0.04155,-0.05287,0.04196,0.05348,0.04653,0.01471,0.08375,-0.01267,-0.02231,-0.02912,-0.02884,-0.039,-0.09349,-0.08586,0.00951,-0.06287,0.07037,0.01658,-0.01513,0.01032,-0.02914,0.05588,-0.04375,-0.03237,0.02377,0.01618,0.00573,0.02698,-0.06491,-0.06925,0.01199,-0.04785,0.02594,0.02314,0.02226,-0.03316,0.05378,0.05319,-0.03057,-0.0282,-0.08445,0.02189,-0.04052,-0.02391,-0.04731,-0.02081,-0.027,0.01556,0.01528,-0.05864,-0.02242,0.00939,0.07528,0.02982,0.00678,0.02482,0.01781,-0.00696,0.0196,0.04225,0.06798,0.09072,-0.03236,-0.01162,0.06194,0.07331,0.01562,-0.02877,-0.084,0.00302,0.10429,0.03221,0.14063,-0.05601,0.03148,0.05996,-0.04478,0.10419,0.01476,0.03948,0.06638,0.01396,-0.08712,-0.03967,0.04009,0.09448,-0.05725,0.03566,-0.03407,-0.01175,-0.04675,0,-0.15272,-0.04513,-0.0585,-0.02496,0.07368,0.01171,-0.01317,-0.04891,0.03474,0.00026,0.02793,0.04586,-0.10025,-0.04251,0.07226,-0.01791,-0.02324,0.02561,-0.03079,-0.00162,0.01794,0.04752,0.04246,0.06933,0.0492,-0.02722,-0.00058,0.04606,-0.05004,0.06327,0.01756,0.02189,0.13783,0.05407,-0.05188,0.06501,-0.05839,-0.0128,-0.02286,0.02985,0.08827,-0.02246,-0.0003,-0.01119,-0.03632,0.04562,-0.00568,-0.05582,-0.0363,-0.02735,-0.0488,-0.02532,-0.02842,-0.01404,-0.00555,0.00517,0.00582,-0.01326,0.06036,-0.02712,-0.04004,0.04724,0.09358,-0.0431],"keywords":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces. Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular This release focuses on two features that make Angular graph editors more expressive and easier to validate: custom content on edges and smarter rules for allowed connections. The new release, v17.8.0, introduces two major improvements: ✅ Custom content inside connections ✅ Smarter validation rules for allowed connections Together, these make visual editors more flexible, user-friendly, and production-ready.","excerpt":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular This release focuses on two features that make Angular graph editors more expressive and easier to validate: custom content on edges and smarter rules for allowed connections. The new release, v17.8.0, introduces two major improvements: ✅ Custom content inside connections ✅ Smarter validation rules for allowed connections Together, these make visual editors more flexible, user-friendly, and production-ready."},{"chunkId":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation#1","slug":"foblex-flow-v17-8-custom-content-on-connections-smarter-validation","route":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation","section":"blog","title":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular","description":"Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces.","group":"Releases","vector":[-0.07816,0.01232,-0.1084,0.01015,-0.02395,0.05943,0.03832,0.02404,0.03007,0.01511,-0.0739,0.02504,-0.03713,0.01628,0.06762,0.01663,-0.00594,-0.00461,-0.03933,-0.02764,-0.08367,-0.04297,0.03618,-0.03457,-0.06669,0.01684,0.00936,0.03657,0.07463,-0.02125,0.07602,0.06522,-0.03627,0.03276,-0.09263,0.06719,0.0322,0.01991,-0.01421,0.00047,0.09652,-0.01839,-0.00701,-0.03316,-0.04729,-0.00445,-0.03989,-0.05923,-0.0535,0.09911,-0.03699,-0.06748,-0.0537,0.04413,0.0217,0.03169,0.03457,-0.0481,-0.00095,0.04372,0.08372,-0.04508,0.04825,0.01821,0.00006,0.03201,-0.11169,0.07436,-0.0145,-0.00071,0.00227,-0.00732,0.0086,-0.04428,0.00215,-0.03326,-0.04756,0.03698,-0.04281,-0.03528,0.03402,0.11992,0.0588,0.03745,0.01881,0.06019,-0.00813,-0.05952,-0.03425,-0.03557,0.05436,0.0438,-0.01152,0.00075,0.04733,0.01471,-0.06282,-0.07246,-0.08884,0.04107,-0.02115,-0.05821,0.02693,0.06684,0.04581,0.00565,-0.02872,0.02161,-0.01562,-0.01911,0.02384,0.00806,-0.01166,-0.08665,-0.06132,0.00379,-0.01871,0.03176,0.02057,0.05939,-0.01536,-0.03062,0.01929,-0.05788,0.04786,-0.02165,-0.03066,0,0.01378,0.06289,-0.03445,0.04388,0.04367,0.01207,-0.09107,-0.11978,0.01803,0.0132,0.03476,0.0003,-0.07222,-0.01447,-0.03692,-0.11451,-0.03577,0.00826,0.02393,-0.00006,0.02737,-0.15655,-0.05322,0.00551,0.05634,0.01666,0.00555,0.03392,-0.05202,0.0036,0.00181,-0.01682,0.12135,-0.01083,-0.01608,-0.00718,-0.08708,-0.06512,-0.0031,-0.01837,0.04319,-0.07197,-0.05979,0.03833,-0.01551,0.05173,-0.02451,-0.04782,0.07453,0.00052,-0.02819,-0.00328,-0.00746,-0.04236,0.04245,-0.07619,-0.12869,0.09838,0.04516,0.0179,0.03338,0.002,-0.05308,-0.0412,0.07767,0.09188,-0.00058,0.01682,0.06542,-0.09409,-0.10472,0.06268,-0.03288,0.00267,0.00589,-0.04496,-0.02657,0.02361,0.03565,0.01372,0.01561,-0.04946,-0.01829,0.10276,0.08528,-0.10033,0.01155,-0.1076,-0.06923,-0.01926,0.08567,0.0495,0.02777,-0.00692,0.02191,0,0.00702,0.02085,0.00122,0.05916,0.00858,-0.0235,0.10995,0.04499,0.00803,0.05124,0.06076,0.0468,-0.0446,-0.08164,-0.06385,0.01992,-0.06352,-0.04053,0.06429,-0.05001,0.0446,-0.04548,0.00419,-0.08701,-0.05048,0.05389,0.02224,-0.06339,0.00459,0.01243,0.01179,0.00549,-0.01501,-0.03293,0.01349,-0.04941,0.00448,0.03086,-0.00727,-0.06555,0.04762,0.04388,-0.01079,-0.02861,-0.07114,0.02569,-0.04343,-0.07039,-0.11108,0.01597,-0.03397,0.06036,-0.06738,-0.0032,-0.03333,0.05815,0.01596,0.05324,-0.02584,-0.00998,0.04915,-0.04056,0.01429,0.00622,0.08994,0.08044,0.01071,0.03358,0.08405,0.08915,0.05114,0.00341,-0.01357,0.0029,0.09084,0.06415,0.12269,-0.06911,0.01985,0.0859,-0.0491,0.08065,-0.02746,0.02768,0.05263,0.00965,-0.06989,-0.0034,0.05764,0.06755,-0.04805,0.0362,0.02226,-0.02003,-0.03151,0,-0.1345,-0.05634,-0.04047,-0.06625,0.01488,0.01349,-0.0379,-0.08287,-0.00576,0.01031,-0.02881,0.08305,-0.10627,-0.02636,0.06575,0.0073,-0.04198,-0.00806,-0.02285,-0.02446,0.00856,0.06139,0.04944,0.12195,-0.00798,0.01716,-0.0292,0.04272,-0.04145,0.01577,0.05254,-0.06178,0.05634,0.07122,-0.05568,0.01321,-0.09916,-0.04258,-0.0253,0.04934,0.07105,-0.06757,0.0585,0.01064,0.01962,0.08797,-0.03998,-0.01768,-0.06673,0.02539,-0.0392,0.04994,-0.03407,0.01783,0.00066,-0.00233,0.01097,0.06117,0.00392,-0.00877,-0.1137,0.08432,0.07273,-0.05704],"keywords":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces. Custom Content on Connections ::: ng-component <connection-content</connection-content [height]=\"600\" ::: Connections are no longer just lines — you can now place any custom widget directly on them. With the new fConnectionContent directive, you can: - Add labels, icons, or buttons at any point along a connection. - Control position (0..1), offset (px), and alignment relative to the path. - Use multiple content elements on the same connection. Example: This enables interaction patterns like inline buttons, directional icons, or status indicators directly on edges. f Connection Content","excerpt":"Custom Content on Connections ::: ng-component <connection-content</connection-content [height]=\"600\" ::: Connections are no longer just lines — you can now place any custom widget directly on them. With the new fConnectionContent directive, you can: - Add labels, icons, or buttons at any point along a connection. - Control position (0..1), offset (px), and alignment relative to the path. - Use multiple content elements on the same connection. Example: This enables interaction patterns like inline buttons, directional icons, or status indicators directly on edges."},{"chunkId":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation#2","slug":"foblex-flow-v17-8-custom-content-on-connections-smarter-validation","route":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation","section":"blog","title":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular","description":"Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces.","group":"Releases","vector":[-0.05325,0.02111,-0.12835,0.03011,-0.02366,0.08598,-0.01617,-0.03835,0.057,-0.02439,-0.10251,-0.00448,-0.02224,0.03871,0.01487,0.01535,-0.03262,-0.02801,-0.08476,-0.05427,0.01037,-0.05332,-0.03575,-0.03008,-0.06457,0.02345,0.00961,-0.02613,0.04644,-0.05574,0.00464,0.06786,-0.05843,-0.01008,-0.0709,0.00646,0.00747,0.00571,-0.04514,-0.03074,0.04511,-0.06298,0.02791,-0.04501,-0.08226,-0.01503,-0.0788,-0.05469,-0.08405,0.05839,-0.06273,-0.02894,-0.03357,0.1259,0.06777,0.0013,0.02699,-0.11489,-0.01333,0.00322,-0.00278,-0.06293,0.01539,-0.01377,-0.01678,0.00669,-0.13741,0.01204,-0.04513,0.0393,0.03811,0.01426,-0.0067,-0.01677,0.04304,0.02897,-0.05917,0.00827,0.04911,-0.01697,0.05465,0.08538,-0.00394,0.00594,0.00527,0.114,-0.02965,-0.02178,-0.01927,-0.0436,0.06489,0.03801,0.04259,0.04987,0.07399,-0.03002,-0.03249,-0.05297,-0.07015,0.03291,-0.04796,-0.0511,0.03404,0.05135,0.02586,-0.0145,0.07341,0.02984,0.01553,-0.01649,0.01491,0.0452,0.04819,-0.04077,-0.0749,0.02716,0.0022,0.01172,0.02359,0.09844,-0.02293,0.00725,0.04364,-0.03795,0.09344,-0.06401,-0.08413,0,0.01194,0.0452,-0.05439,-0.02564,0.06535,0.00859,-0.06154,-0.09253,-0.00026,0.07577,-0.0387,0.0096,-0.05037,-0.00631,0.04461,-0.05715,0.0411,0.04914,0.02737,0.00023,0.06028,-0.13121,-0.05034,-0.00272,0.06799,0.06697,-0.04524,0.03484,0.0387,0.03867,0.02788,0.01138,0.05061,-0.00886,0.00868,0.00144,-0.02546,-0.04198,-0.01752,-0.03737,0.02172,-0.04867,-0.10226,0.11893,0.02678,0.03516,0.02774,-0.00008,0.03667,0.03171,-0.05655,0.0323,0.01042,-0.03084,0.0339,-0.08735,-0.08642,0.12711,0.00825,0.0454,-0.0019,0.04188,-0.04952,-0.0327,0.04061,0.03808,-0.01102,-0.0178,0.07633,-0.06003,-0.11057,0.04112,-0.05325,0.02728,0.0028,-0.08308,0.02071,0.01136,0.02044,-0.05883,0.01439,-0.03514,-0.01575,0.10866,0.07012,-0.0547,-0.03707,-0.02349,-0.07788,-0.01235,0.05603,0.05269,0.02657,-0.02602,0.03406,0,-0.02206,0.0354,-0.05675,0.0483,0.00917,-0.05386,0.07916,0.01681,0.06576,-0.029,0.05611,0.07039,0.00034,-0.06866,-0.03532,-0.03691,-0.14867,-0.03653,0.05805,-0.01686,0.06495,0.021,-0.04423,0.00003,-0.0723,0.06224,-0.00011,-0.03255,0.00246,0.01184,-0.00641,-0.00637,-0.06694,-0.02478,-0.03712,-0.10038,0.03854,0.04363,0.03143,0.01718,0.04257,0.06669,-0.03733,-0.00641,-0.06095,-0.01808,0.00192,-0.05453,-0.01885,-0.02025,-0.04174,-0.02179,-0.02175,0.01767,0.00338,0.03361,0.10176,-0.0208,0.02458,0.07273,0.03432,0.01212,0.05209,0.03014,0.09281,0.04026,-0.00809,0.01552,0.12561,0.05711,0.03773,0.03976,0.01075,0.06018,0.05325,0.00557,0.04647,-0.0709,0.06735,0.06945,-0.018,0.0895,0.02542,0.02926,0.06889,0.01867,0.01081,-0.01448,0.05064,0.08384,-0.04382,0.02028,0.01629,-0.03472,-0.10496,0,-0.08419,-0.01965,-0.09967,-0.04115,0.07949,0.01066,-0.06768,-0.09244,0.03139,0.02127,-0.0089,0.08126,-0.08632,-0.01851,0.1176,-0.01585,0.02573,-0.00507,-0.04836,0.01001,0.04317,0.02171,0.02207,0.11085,0.02325,-0.08151,-0.00536,0.05643,-0.0107,0.04597,0.00724,-0.00341,0.04023,0.0579,-0.0814,0.07913,-0.12065,-0.01569,-0.05363,0.05191,0.09129,-0.02457,0.0069,-0.05824,-0.01378,0.06055,-0.01382,-0.04922,-0.05748,0.04893,-0.07032,0.03024,-0.0374,0.04383,0.01448,-0.03711,-0.03864,0.02097,0.01411,-0.02522,0.00243,0.06393,0.09159,-0.06244],"keywords":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces. Smarter Connection Validation ::: ng-component <connection-rules</connection-rules [height]=\"600\" ::: Validation rules got a big upgrade. Previously, connections could only be restricted by input ID. Now you can also define restrictions by input category (fInputCategory). On the output side, you specify an array fCanBeConnectedInputs, which may include both: - explicit IDs - or categories (labels like “math”, “string”, “number”). During a drag operation: - Only valid inputs are highlighted with .f-connector-connectable. - Invalid inputs stay dimmed. - The container gets .f-connections-dragging for styling. This gives instant visual feedback and allows real editors to enforce rules like “math nodes can only connect to math inputs”. f Input Category f Can Be Connected Inputs I Ds","excerpt":"Smarter Connection Validation ::: ng-component <connection-rules</connection-rules [height]=\"600\" ::: Validation rules got a big upgrade. Previously, connections could only be restricted by input ID. Now you can also define restrictions by input category (fInputCategory). On the output side, you specify an array fCanBeConnectedInputs, which may include both: - explicit IDs - or categories (labels like “math”, “string”, “number”). During a drag operation: - Only valid inputs are highlighted with .f-connector-connectable. - Invalid inputs stay dimmed. - The container gets .f-connections-dragging for styling. This gives instant visual feedback and allows real editors to enforce rules like “math nodes can only connect to math inputs”."},{"chunkId":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation#3","slug":"foblex-flow-v17-8-custom-content-on-connections-smarter-validation","route":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation","section":"blog","title":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular","description":"Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces.","group":"Releases","vector":[-0.09123,-0.01688,-0.08069,0.02589,0.05536,0.00899,-0.05277,0.03185,0.00905,0.00811,-0.05963,-0.00995,-0.07517,0.05012,0.06181,0.03141,-0.01022,-0.02256,-0.0295,-0.01426,-0.09803,-0.0225,-0.02906,-0.02539,-0.01805,-0.00031,-0.08128,-0.01343,0.00441,-0.03065,0.03217,0.09464,-0.09062,-0.01281,-0.02958,0.03692,0.07403,0.00075,0.00821,-0.00412,0.05946,-0.03343,-0.00644,-0.03298,-0.09698,-0.00539,-0.02231,-0.08692,-0.05443,0.09733,-0.07571,-0.04607,-0.04469,0.07175,0.08216,-0.00324,0.02521,-0.05188,-0.03947,0.02364,0.03006,-0.05453,-0.03077,0.03639,-0.02991,0.00668,-0.10301,-0.01401,-0.01168,-0.049,-0.05832,0.01647,-0.02347,0.00775,0.03494,0.0271,-0.04116,0.03392,-0.00847,-0.09188,0.04362,0.09911,0.03266,0.0369,0.00663,0.09224,-0.01564,-0.05526,-0.01363,0.00764,0.05181,0.04417,0.00127,0.02055,0.03268,-0.00291,-0.06535,-0.04597,-0.06415,0.03473,-0.06188,-0.04382,-0.00055,-0.00198,0.00001,-0.02335,0.02417,0.04687,0.03364,0.00178,0.02125,0.01277,0.02977,-0.1247,-0.03037,0.03632,-0.04757,0.00142,0.05056,0.10923,-0.03783,-0.04161,0.0585,-0.02587,0.03947,-0.08256,-0.01025,0,-0.02089,0.03606,-0.04267,0.03807,0.07384,-0.01403,-0.01992,-0.0999,-0.00165,-0.04751,-0.02192,0.01423,-0.0612,-0.03551,0.02395,-0.04999,-0.02456,0.01917,0.07612,0.01483,0.08133,-0.09618,-0.01233,-0.00856,0.04622,0.07589,-0.019,0.04815,-0.02099,0.03203,-0.01938,-0.00187,0.09039,0.01709,0.00719,0.00647,-0.05788,-0.08852,-0.06041,-0.03568,0.02244,-0.02392,-0.10116,0.03126,0.05648,-0.02799,-0.03686,0.01188,0.13599,-0.00697,-0.00193,0.03521,-0.01385,-0.02656,0.03814,-0.05668,-0.08353,0.08408,0.02135,0.01115,0.04521,0.02217,-0.08028,-0.05467,0.10808,0.0372,0.0118,-0.01809,0.03654,-0.0593,-0.09872,0.04065,-0.02484,0.053,0.03105,-0.08906,0.03932,0.04699,0.11993,-0.06896,0.0052,-0.02191,-0.04706,0.08561,0.09749,-0.05322,-0.01416,-0.03174,-0.06657,0.0342,0.10935,0.0225,0.02288,0.01389,0.01514,0,0.01222,-0.01078,-0.06078,0.08952,0.02597,-0.0416,0.06395,0.03541,0.04931,0.01903,0.09441,0.02976,-0.02391,-0.05992,-0.01049,-0.03064,-0.09113,-0.12793,0.00497,-0.03824,0.06561,0.00738,0.00322,-0.04287,-0.04888,0.01451,-0.056,0.00434,-0.01135,-0.01171,0.03359,0.02626,-0.07218,-0.02823,-0.00862,-0.0472,0.005,0.06444,0.01013,-0.0319,0.05003,0.06217,-0.02163,-0.03593,-0.05885,0.04857,-0.05877,-0.08859,-0.04141,-0.00107,0.0009,-0.02001,-0.03514,-0.05381,-0.04055,0.09266,0.08752,0.05566,-0.03623,0.03179,0.07149,-0.00104,0.06988,0.04934,0.0979,0.09899,-0.03103,0.04685,0.03253,0.07432,0.04349,-0.0364,-0.08902,0.02116,0.03502,0.03206,0.12724,-0.04848,0.00043,0.08789,-0.03123,0.08899,-0.02007,0.04275,0.09846,0.00071,-0.049,-0.01786,0.06408,0.10512,-0.06677,0.02763,0.00405,-0.04636,-0.054,0,-0.16052,-0.01,-0.08736,-0.0227,0.0589,0.02889,-0.05051,-0.03868,0.01169,0.00267,-0.00177,0.05175,-0.06912,-0.03469,0.06136,-0.03653,0.01811,-0.01277,-0.04291,-0.03333,-0.0132,0.05037,0.03457,0.05852,0.00815,-0.02055,0.00286,0.0592,-0.01115,0.01072,0.01213,0.02252,0.09462,0.03465,-0.06145,0.07349,-0.0431,-0.01519,-0.07394,0.02375,0.10519,-0.01426,-0.01698,-0.03639,-0.00005,0.05021,-0.02509,-0.0377,-0.06982,0.0132,-0.02995,0.03682,-0.05411,0.05295,0.02729,-0.02409,-0.02217,-0.00483,0.03488,-0.03594,-0.05677,0.05379,0.13753,-0.01901],"keywords":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces. Deprecations Two older APIs are now deprecated: - fConnectionCenter directive - fText property They are replaced by the new fConnectionContent directive. Migration is simple — see the changelog. AP Is f Connection Center f Text f Connection Content","excerpt":"Deprecations Two older APIs are now deprecated: - fConnectionCenter directive - fText property They are replaced by the new fConnectionContent directive. Migration is simple — see the changelog."},{"chunkId":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation#4","slug":"foblex-flow-v17-8-custom-content-on-connections-smarter-validation","route":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation","section":"blog","title":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular","description":"Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces.","group":"Releases","vector":[-0.14977,-0.00526,-0.07559,-0.00841,0.03228,-0.00311,-0.04398,0.02809,0.01146,0.01552,-0.10055,0.00173,-0.0767,0.01266,0.0752,0.06443,0.02601,-0.00609,-0.05386,-0.04214,-0.05288,-0.072,0.00499,-0.03813,-0.02042,0.02424,-0.01538,0.00167,0.0241,-0.08923,0.03741,0.10102,-0.0141,-0.00521,-0.07917,0.07922,0.05483,-0.01016,-0.04337,-0.01354,0.05007,0.02099,0.01577,-0.05419,-0.06013,-0.04797,-0.03679,-0.06138,-0.04939,0.04727,-0.11563,-0.10196,-0.05771,0.07974,0.04107,0.01325,0.01323,-0.09295,-0.01175,-0.01416,0.03261,-0.03087,-0.00579,0.053,-0.00793,0.00665,-0.07939,0.02631,0.04214,-0.03935,-0.05869,-0.00395,-0.00713,-0.02878,0.00616,0.01557,-0.00625,0.00832,0.02451,-0.09988,0.03066,0.08634,0.01484,0.05214,-0.01171,0.08945,0.02258,-0.04706,-0.01584,-0.03045,0.04034,0.06962,0.07111,0.04106,0.0833,0.02711,0.00003,-0.0441,-0.07656,0.07448,-0.01985,-0.06492,0.06328,-0.02304,-0.03643,-0.04664,0.01124,0.04885,0.00679,0.00235,-0.02415,0.03592,-0.00672,-0.09384,-0.06424,0.01417,-0.05445,-0.00707,0.05563,0.07137,0.01535,-0.00224,0.04566,-0.00816,0.07401,-0.03101,-0.05008,0,0.0143,0.05904,-0.03852,0.04394,0.07416,-0.03285,-0.01313,-0.08513,-0.03437,0.0143,-0.00284,0.06575,-0.08177,0.02888,0.01428,-0.11177,-0.06381,0.0401,0.01387,0.02827,0.05692,-0.12935,-0.05188,0.03664,0.11169,0.08015,0.01011,0.07087,-0.05183,0.03612,0.02352,-0.03536,0.03667,0.00352,-0.0221,-0.02193,-0.11942,-0.10342,-0.02998,-0.0394,0.03352,-0.03358,-0.12553,0.0224,0.07486,-0.01661,-0.03729,-0.00178,0.11968,0.00864,0.03686,0.03644,0.01822,0.02982,0.01655,-0.04611,-0.05473,0.05083,0.04733,0.03805,0.03691,0.01933,-0.05392,-0.04041,0.04643,0.05476,-0.00892,-0.00248,0.06385,-0.03893,-0.09786,0.05274,-0.01109,0.03118,0.01311,-0.05783,-0.00431,0.03713,0.06646,-0.02974,-0.00047,-0.02805,-0.03172,0.07101,0.09288,-0.05242,0.00948,-0.03119,-0.10648,0.03946,0.0871,0.01469,0.01826,0.00272,0.06027,0,-0.00967,0.00953,-0.05282,0.10232,0.02177,-0.0813,0.04997,0.01737,0.08868,-0.00612,0.04733,0.02715,-0.01335,-0.04991,0.0135,-0.03671,-0.06967,-0.13046,0.04721,-0.03364,0.07315,0.07626,-0.05375,-0.03443,-0.05887,0.04273,-0.01441,-0.03385,0.01781,-0.01822,0.01675,0.02622,-0.10708,-0.04576,-0.03099,-0.02974,0.03379,0.02785,0.00981,-0.00395,0.04385,0.04509,-0.04419,-0.03932,-0.08738,0.03148,-0.03111,-0.01344,-0.00559,-0.00317,-0.01809,0.01209,-0.01828,-0.0568,-0.01756,0.04394,0.10278,0.03358,-0.05732,0.05103,-0.02058,0.01139,0.0618,0.02671,0.04467,0.07024,-0.02738,0.00182,0.03789,0.05504,0.0707,0.01957,-0.09434,0.00879,0.05946,0.02027,0.08894,-0.04158,0.04567,0.04418,-0.053,0.07796,0.02753,0.06385,0.07542,0.01133,-0.06324,-0.02181,0.05657,0.09743,-0.09394,0.01392,-0.01464,0.00711,-0.01527,0,-0.09875,0.02893,-0.0845,-0.02123,0.03689,0.00346,-0.05861,-0.03033,0.01158,-0.0144,0.03432,0.07751,-0.08488,0.00706,0.0988,-0.00665,-0.02208,0.00478,-0.06954,-0.04587,0.02753,0.0577,0.0324,0.07756,0.036,-0.02865,0.02517,0.07163,-0.02884,-0.00362,0.0122,0.0195,0.07234,0.04787,0.00659,0.01923,-0.07582,-0.01792,-0.0378,0.04659,0.08326,-0.01917,0.00646,-0.02225,-0.0447,0.07296,-0.05128,-0.08894,-0.0972,-0.00341,-0.07565,-0.00334,-0.07202,0.05786,0.01054,0.03738,-0.01919,-0.01295,0.06958,0.01147,-0.04611,0.05636,0.07327,-0.01323],"keywords":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces. Other Improvements - Refactored Dagre layout example with better connection handling. - Connector IDs migrated to Angular Signals for improved reactivity. - Infrastructure update: added chokidar for file watching. - Angular dependencies updated to latest patch versions. 💡 Why This Matters These features move Foblex Flow closer to the UX of professional diagramming tools: - Content on connections makes diagrams informative and interactive. - Validation by category keeps flows correct and safe. - Deprecations streamline the API for future growth. Foblex Flow continues to evolve into a production-ready Angular framework for low-code editors, AI builders, and workflow tools. 🔗 Links - GitHub repo: <https://github.com/foblex/flow - Live examples: https://flow.foblex.com/examples ❤️ If you find it useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow. I Ds Git Hub","excerpt":"Other Improvements - Refactored Dagre layout example with better connection handling. - Connector IDs migrated to Angular Signals for improved reactivity. - Infrastructure update: added chokidar for file watching. - Angular dependencies updated to latest patch versions. 💡 Why This Matters These features move Foblex Flow closer to the UX of professional diagramming tools: - Content on connections makes diagrams informative and interactive. - Validation by category keeps flows correct and safe. - Deprecations streamline the API for future growth. Foblex Flow continues to evolve into a production-ready Angular framework for low-code editors, AI builders, and workflow tools. 🔗 Links - GitHub repo: <https://github.com/foblex/flow - Live examples: https://flow.foblex.com/examples ❤️ If you find it useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow."},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#0","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.10443,-0.00431,-0.05607,0.04979,0.0491,0.03825,-0.06762,-0.04121,0.03965,0.0545,-0.04738,0.0505,-0.09341,-0.00348,0.05579,-0.0144,-0.05363,0.03222,-0.02996,-0.06039,-0.06829,-0.01993,0.01982,-0.01387,0.0832,0.08687,-0.06439,-0.01945,0.04274,-0.07653,0.00505,0.08415,0.0932,0.02233,-0.12671,0.11941,-0.04282,0.0251,0.00376,-0.05544,0.00335,0.0361,0.00784,-0.05145,-0.06006,-0.01367,-0.10717,0.00264,-0.03523,0.0921,-0.01978,-0.11101,-0.13057,0.08502,0.04033,0.02852,0.00415,-0.06121,0.01776,-0.03323,0.03491,-0.00958,-0.0126,0.0617,0.04393,0.03593,-0.03545,0.00857,-0.02341,-0.02248,0.01719,-0.00563,0.01051,-0.00722,0.01437,0.00954,-0.04223,0.04232,-0.09077,-0.03391,0.06644,0.01227,0.01523,0.10108,0.02477,0.0427,0.02544,-0.06866,0.00245,-0.0187,-0.01368,0.06175,0.13258,0.00763,0.0322,-0.0253,0.01523,0.00641,-0.06343,0.03907,0.0299,-0.02236,0.06207,-0.02676,-0.03018,-0.03952,0.00309,-0.08085,-0.04234,-0.01602,0.01054,0.09054,-0.00345,-0.08201,-0.03905,-0.07976,-0.0167,-0.0402,-0.00946,0.0967,0.04956,0.00367,0.02078,0.02631,0.07,-0.01604,-0.02494,0,0.03569,0.04828,-0.05638,0.02447,0.11503,0.00045,-0.06855,-0.0335,-0.02927,-0.03242,0.04996,0.0353,-0.00533,0.04806,0.00393,-0.05794,-0.00597,0.07155,-0.04475,-0.00611,0.03836,-0.02762,-0.06222,0.01892,0.06063,0.10352,-0.00958,0.00219,-0.03384,0.01251,0.00197,-0.01192,-0.00221,0.03384,-0.03992,0.05624,-0.02654,-0.13324,0.06396,-0.04921,-0.02715,-0.02015,-0.14258,-0.05789,0.04172,-0.01964,-0.02786,0.0413,0.10691,-0.00868,-0.00471,0.05869,0.00688,-0.00127,0.02637,-0.05668,-0.00299,0.07615,0.05981,0.08447,0.0505,0.11011,-0.03645,-0.01879,0.01663,0.06149,0.03117,0.01267,0.06914,-0.07019,-0.09051,0.05118,-0.04214,0.02418,0.02495,-0.04622,0.01774,-0.05531,0.05405,-0.09303,-0.07282,-0.06542,-0.03128,-0.01125,0.05964,-0.06876,0.04236,-0.04681,-0.04414,-0.01089,0.12529,-0.00926,0.02536,0.00736,0.08006,0,0.04691,0.03241,-0.05208,0.10487,0.01344,-0.06321,-0.00052,0.04314,0.01103,0.03053,0.02058,0.00535,-0.02524,-0.05226,0.02601,0.01455,-0.03093,-0.07142,-0.02316,-0.07874,0.05676,-0.04851,0.05735,0.05954,-0.07527,0.04629,-0.02393,-0.06089,0.0514,-0.04387,-0.03373,-0.02484,-0.06794,-0.08335,0.0023,0.00203,-0.02163,0.10954,-0.00532,-0.01004,0.01471,0.05425,-0.02927,-0.00196,-0.05393,-0.0087,-0.03315,0.05993,-0.01799,-0.01575,-0.03795,0.0212,-0.02894,-0.09872,-0.04957,0.06758,0.08819,-0.02981,-0.03555,0.01757,-0.04882,-0.00425,0.00768,-0.02254,0.05709,0.01535,-0.003,0.0187,-0.02184,0.09146,0.03118,0.00169,-0.05259,-0.03309,0.08145,0.02871,0.1057,-0.03007,0.00434,-0.01503,0.01303,0.08459,0.02365,0.05646,-0.03738,0.03514,-0.0839,0.00525,0.02894,0.03546,-0.07564,-0.00195,0.04604,-0.011,-0.00817,0,-0.14971,0.00794,-0.01694,0.01498,0.07623,-0.05509,-0.07148,0.07806,-0.0033,-0.00821,0.03086,0.05327,-0.0711,-0.03365,0.06669,0.03168,-0.03886,-0.00074,-0.04372,-0.04381,0.03261,0.00636,0.00382,0.05901,-0.00336,-0.04128,-0.05466,0.07133,0.0171,-0.02176,-0.01086,0.05426,0.12056,0.08814,-0.00762,-0.02234,0.00465,0.01603,-0.01969,-0.01878,0.0766,-0.00716,-0.00081,0.01935,-0.08614,0.01772,-0.00457,-0.06658,-0.00372,-0.09741,-0.03115,0.00589,-0.0316,0.06269,-0.00619,0.07163,-0.02374,-0.00555,0.12953,-0.00981,-0.01554,0.01937,-0.01121,-0.03904],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 focuses on features that make Angular editors feel more complete in everyday use: smarter grouping, practical clipboard behavior, and real undo/redo support. The new release, v17.7.0, introduces smarter grouping, copy/paste, and undo/redo, all features that move a graph surface closer to a production-ready editor.","excerpt":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 focuses on features that make Angular editors feel more complete in everyday use: smarter grouping, practical clipboard behavior, and real undo/redo support. The new release, v17.7.0, introduces smarter grouping, copy/paste, and undo/redo, all features that move a graph surface closer to a production-ready editor."},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#1","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.10428,0.03296,-0.04096,0.09269,0.04066,0.08521,-0.04042,-0.01151,0.05174,0.0304,-0.04965,-0.00082,-0.08552,0.00045,0.00612,-0.04529,-0.096,0.08117,-0.11676,-0.09086,-0.04745,-0.05635,0.03747,0.00597,0.03163,0.07713,-0.0337,-0.0437,0.02159,-0.07064,-0.0071,0.09304,0.07946,0.00323,-0.09684,0.08815,-0.00915,0.07079,-0.00414,-0.06098,0.04025,0.04771,0.03102,-0.09347,-0.07612,0.03834,-0.04748,0.04837,-0.07543,0.02473,0.0532,-0.05119,-0.04361,0.17324,-0.00482,-0.01217,0.01403,-0.10533,0.0285,-0.03372,-0.01993,-0.02272,-0.02498,0.00371,-0.03161,0.02981,-0.04789,0.02576,-0.02034,0.05987,0.07362,-0.00629,0.03961,0.03519,0.07647,-0.00222,-0.07097,0.06833,-0.03079,0.03034,0.05241,0.02095,-0.00439,0.05777,-0.01261,0.0723,0.0149,-0.08547,-0.05157,-0.05766,-0.051,0.11543,0.07603,0.01591,0.04831,-0.04768,-0.01115,-0.05853,-0.05977,0.0326,0.07042,-0.00631,0.0327,0.00039,-0.04874,-0.0656,-0.02169,-0.01211,-0.01062,-0.0076,0.02159,0.04521,0.0417,-0.02896,-0.09396,-0.11279,0.02087,-0.05247,0.00204,0.06951,0.07674,0.06069,0.00017,0.01486,0.15162,0.02574,-0.01487,0,-0.05064,0.03311,-0.07788,0.04065,0.09113,-0.00621,-0.03994,-0.03545,-0.01607,-0.00404,-0.01872,0.02559,-0.03233,0.01127,-0.04408,-0.07965,-0.01285,0.06537,-0.01751,-0.0219,0.00964,0.00347,-0.04183,-0.00956,0.02198,0.02278,-0.05349,-0.00182,-0.0583,0.02735,0.00483,-0.00127,-0.02287,-0.01121,-0.09159,0.054,0.01381,-0.08747,0.05858,-0.00659,-0.00521,-0.01767,-0.07589,-0.02028,0.05026,-0.00972,0.02998,0.01608,0.03514,0.02135,0.00753,0.01759,0.03713,-0.0328,0.02185,-0.05144,-0.02558,0.1184,0.05208,0.0643,0.04546,0.05646,-0.05343,0.00294,0.06613,0.02641,0.07739,0.1048,0.06267,-0.05104,-0.01433,0.02433,0.00006,0.02883,0.02592,-0.02077,0.07188,0.00877,-0.00142,-0.03798,-0.04277,-0.04841,0.03421,-0.01597,0.038,-0.07869,0.02566,-0.02154,-0.10327,-0.03678,0.08491,-0.0215,0.07209,0.03419,0.06197,0,0.08174,0.05434,0.00844,0.047,0.0476,-0.07357,-0.00691,0.0519,0.03822,0.0088,-0.04143,0.0418,-0.00266,-0.07622,-0.02982,-0.01045,-0.03386,-0.06596,0.08889,-0.05554,0.07362,-0.05379,-0.00058,0.06526,-0.05984,-0.0084,-0.01718,-0.03697,0.06365,-0.00276,0.01124,-0.07723,-0.03466,-0.02262,-0.03323,-0.07588,-0.02932,0.14994,0.02306,0.01443,0.00411,0.02119,-0.02473,-0.0375,-0.00403,0.00382,0.02412,0.00119,-0.03863,0.02851,-0.05537,0.03262,-0.03337,-0.01911,-0.01771,0.07554,0.11767,-0.04395,-0.08182,0.01789,-0.02818,-0.03566,-0.00616,-0.03469,0.0536,0.06409,-0.04027,0.00412,-0.01185,0.10523,0.01449,-0.00625,-0.04482,-0.00335,0.02744,0.00029,0.0941,-0.01763,0.054,-0.00172,-0.03815,0.01922,-0.02342,0.04743,-0.06444,0.02889,-0.06836,0.03399,0.03734,0.07531,-0.06877,-0.05867,0.09705,-0.07603,-0.02685,0,-0.0752,0.01253,-0.02976,0.02819,0.04966,-0.04961,-0.10155,0.07666,0.00364,0.01843,-0.03228,0.07684,0.01903,-0.03737,0.05401,0.0095,-0.0396,-0.02396,-0.03388,-0.0378,0.02732,0.01026,0.02026,0.05819,-0.01785,-0.08067,-0.07075,0.01664,-0.00548,-0.06303,-0.03374,0.04141,0.03518,0.10376,-0.03538,-0.04722,-0.10108,0.02884,-0.03184,-0.02039,0.05756,-0.01666,0.04247,-0.02609,-0.08514,0.00509,-0.01986,-0.02547,-0.01056,-0.01476,0.03716,0.03089,-0.05969,0.06613,0.02265,0.02911,-0.0889,0.01089,0.11416,-0.01272,0.01076,0.06841,-0.03684,-0.04059],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. ✨ Smarter Grouping Working with groups is now more powerful and intuitive: - Auto-resize groups with fAutoSizeToFitChildren. - Auto-expand groups dynamically with fAutoExpandOnChildHit when children no longer fit inside. - Refactored and improved examples: - Grouping Example ::: ng-component <grouping</grouping [height]=\"600\" ::: - Drag-to-Group Example ::: ng-component <drag-to-group</drag-to-group [height]=\"600\" ::: ⚠️ Breaking Change - CSS class .f-parent-for-drop → renamed to .f-grouping-over-boundary. - Added .f-grouping-drop-active for valid grouping targets. 👉 If you use custom CSS for grouping, make sure to update your styles! f Auto Size To Fit Children f Auto Expand On Child Hit","excerpt":"✨ Smarter Grouping Working with groups is now more powerful and intuitive: - Auto-resize groups with fAutoSizeToFitChildren. - Auto-expand groups dynamically with fAutoExpandOnChildHit when children no longer fit inside. - Refactored and improved examples: - Grouping Example ::: ng-component <grouping</grouping [height]=\"600\" ::: - Drag-to-Group Example ::: ng-component <drag-to-group</drag-to-group [height]=\"600\" ::: ⚠️ Breaking Change - CSS class .f-parent-for-drop → renamed to .f-grouping-over-boundary. - Added .f-grouping-drop-active for valid grouping targets. 👉 If you use custom CSS for grouping, make sure to update your styles!"},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#2","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.09775,-0.01322,-0.0647,0.07788,0.00293,0.05075,-0.03468,-0.05363,0.04967,0.02934,-0.06403,0.03487,-0.07255,-0.03481,0.0369,0.01011,-0.08176,0.0563,-0.03898,-0.05741,-0.07112,-0.01313,-0.00002,-0.01122,0.05954,0.09026,-0.01164,-0.04636,0.05319,-0.04328,0.05447,0.04016,0.10292,0.03904,-0.12784,0.13876,-0.0461,0.00945,-0.00562,-0.07622,0.04392,0.03584,-0.00759,-0.07548,-0.06529,-0.03551,-0.10843,0.0316,-0.03591,0.07671,-0.00812,-0.11093,-0.09888,0.07722,0.01807,0.0052,0.01757,-0.04624,0.02007,-0.03287,0.04016,-0.00958,0.0194,0.06045,0.06944,0.07987,-0.09046,0.03046,-0.02534,-0.01308,0.01241,-0.01605,-0.00281,0.01548,-0.00739,0.00299,-0.06091,0.04157,-0.09402,0.02073,0.05142,0.01915,0.03086,0.0851,0.00587,0.06888,0.00195,-0.049,-0.00355,-0.02484,0.00707,0.08523,0.12827,-0.0095,0.06354,-0.02794,-0.00241,0.01657,-0.04918,0.01856,0.01701,0.00318,0.02598,-0.01455,-0.04611,-0.02513,0.00219,-0.08939,-0.05174,-0.00767,0.01463,0.10827,-0.02216,-0.06767,-0.03843,-0.08687,0.02507,-0.01595,-0.00953,0.11229,0.03475,0.00512,-0.01036,0.02008,0.08753,-0.00099,-0.00174,0,0.03763,0.04079,-0.06211,0.01308,0.10642,-0.00423,-0.01995,-0.06473,-0.03248,-0.05153,0.05018,0.0184,0.00122,0.0225,-0.02993,-0.03999,-0.0316,0.06606,0.00627,0.02192,0.05509,-0.02843,-0.03165,0.03485,0.07412,0.03202,-0.02121,-0.01333,-0.00072,0.00853,0.0416,-0.0266,-0.00487,0.03926,-0.08036,0.08254,0.00944,-0.07544,0.03782,-0.04511,0.00939,-0.0307,-0.09792,-0.0165,0.00567,-0.08838,-0.04296,0.07272,0.07377,-0.01794,0.01389,0.03391,0.00029,-0.06166,0.01178,-0.07041,-0.042,0.06609,0.0779,0.09539,0.06498,0.11569,-0.05575,0.0163,0.03764,0.06581,0.01772,0.00615,0.05883,-0.0659,-0.06555,0.0445,-0.08446,0.01108,0.00192,-0.0601,-0.01293,-0.05787,0.06628,-0.05186,-0.06508,-0.03499,0.00047,-0.01906,0.0742,-0.06055,-0.00462,-0.03916,-0.06137,-0.01853,0.15982,0.01262,0.02407,-0.01658,0.10496,0,0.02925,0.03656,-0.03165,0.10479,0.02661,-0.07065,-0.05174,0.01711,-0.0171,0.0113,0.00936,0.03668,-0.01792,-0.05095,-0.00636,0.00637,-0.01083,-0.06297,-0.01548,-0.1216,0.05598,-0.03907,0.10214,0.04418,-0.10907,0.00826,-0.02928,-0.03996,0.08324,-0.05072,-0.01338,0.03114,-0.04013,-0.06219,0.00743,0.01497,-0.02113,0.15015,0.04188,-0.03095,0.00243,0.01685,-0.05107,-0.01566,-0.04038,-0.02681,-0.04725,0.06118,-0.03043,-0.00483,-0.04273,0.00686,-0.08001,-0.0619,-0.03242,0.07115,0.06888,-0.01843,-0.00606,-0.00844,-0.04438,-0.01271,0.03598,-0.00283,0.0908,-0.00653,0.00658,0.03692,-0.01526,0.05758,0.02979,0.03064,-0.02748,-0.02597,0.07347,0.01599,0.07086,-0.01259,0.0336,0.02083,-0.00195,0.10626,0.0212,0.04383,-0.03806,0.01663,-0.05741,0.00203,0.03474,0.03959,-0.08759,-0.02518,0.0531,-0.03539,-0.02057,0,-0.12979,0.01013,-0.06195,0.03323,0.02567,-0.05971,-0.09808,0.04998,0.02764,-0.0345,0.01058,0.03361,-0.05215,-0.07218,0.06615,0.01535,0.00096,-0.00675,-0.02619,-0.03643,0.04298,-0.02017,0.02734,0.09331,0.01417,-0.05183,-0.04696,0.02177,0.03297,-0.01168,-0.03046,0.02123,0.08447,0.08722,-0.01211,-0.07389,0.00544,-0.01023,-0.05094,-0.00013,0.07385,-0.04871,0.01358,-0.01155,-0.07682,0.00049,0.00115,-0.02827,0.01687,-0.05397,0.01386,0.00824,-0.03546,0.0629,-0.02534,0.02531,-0.00302,0.00132,0.1313,-0.01974,-0.05499,0.04922,0.02828,-0.03701],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. 📋 Copy / Paste Example We all use copy, cut, and paste every day. Now your node-based editors can too. - New Copy-Paste Example. - Duplicate nodes (with their connections). - Remove selected elements. - Paste them back while maintaining consistent IDs and connections. This example shows how easy it is to implement clipboard functionality directly with Foblex Flow. I Ds","excerpt":"📋 Copy / Paste Example We all use copy, cut, and paste every day. Now your node-based editors can too. - New Copy-Paste Example. - Duplicate nodes (with their connections). - Remove selected elements. - Paste them back while maintaining consistent IDs and connections. This example shows how easy it is to implement clipboard functionality directly with Foblex Flow."},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#3","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.09471,0.00034,-0.03847,0.06342,0.01731,0.06714,-0.08066,-0.01061,0.05405,0.03032,-0.06678,0.03161,-0.08043,-0.00796,0.05145,-0.00548,-0.06456,0.02795,-0.01944,-0.0696,-0.05473,-0.02077,0.01572,-0.00176,0.05487,0.07733,-0.01039,-0.0015,0.02122,-0.0778,-0.00499,0.06905,0.05827,0.01063,-0.12573,0.12998,-0.02083,0.00959,-0.04493,-0.03988,0.01563,0.05817,0.01926,-0.05652,-0.04913,-0.0078,-0.05673,-0.02584,-0.04506,0.09323,-0.01477,-0.06744,-0.09776,0.05076,0.04811,0.04211,0.03471,-0.06687,-0.01937,-0.08433,-0.00417,-0.00572,-0.00381,0.03729,0.01295,0.05777,-0.01576,0.05739,0.02788,-0.02905,0.00982,-0.02845,0.01905,-0.05164,0.00517,-0.00892,-0.02085,0.08383,-0.09688,-0.04031,0.05415,0.00885,0.02201,0.08785,-0.01332,0.05563,0.01201,-0.0659,0.04311,-0.02814,-0.00528,0.05666,0.10582,-0.0332,0.07451,-0.02458,0.02195,0.01933,-0.05614,0.04628,0.0457,-0.00749,0.05405,-0.00812,-0.01436,-0.03623,0.0048,-0.03773,-0.0338,-0.00966,0.00455,0.04998,0.02145,-0.0472,-0.01373,-0.04293,-0.03707,-0.0472,-0.02955,0.09334,0.0497,0.00455,0.02503,0.00522,0.03074,-0.04277,0.01353,0,0.05971,0.05927,-0.04971,0.04981,0.10442,0.03017,-0.04048,-0.06389,-0.01857,-0.03191,0.07583,0.0789,-0.06952,0.0469,-0.0385,-0.04936,-0.0359,0.0583,0.00877,0.0088,0.05518,-0.00778,-0.06456,-0.01325,0.07114,0.07481,0.00582,0.03842,-0.05309,-0.01523,0.0494,-0.0252,-0.00579,0.02997,-0.0226,0.04647,-0.03738,-0.10586,0.0413,-0.05452,-0.00509,-0.03729,-0.14434,-0.05041,0.02159,-0.06533,-0.04955,0.00682,0.14404,0.00529,0.02974,0.05836,0.01145,-0.03224,0.00288,-0.05097,-0.02657,0.07591,0.04995,0.08612,0.08724,0.12238,-0.0371,-0.01223,0.02178,0.08589,-0.01462,0.02428,0.09127,-0.08894,-0.09068,0.0256,-0.03918,0.00411,0.05881,-0.05982,0.01932,-0.04536,0.02043,-0.06625,-0.05246,-0.09553,-0.04101,0.03187,0.10735,-0.0607,0.03439,-0.03388,-0.07762,-0.0007,0.13543,-0.00751,0.047,-0.00076,0.08917,0,0.03823,-0.01804,-0.05365,0.09564,0.01063,-0.1089,-0.0254,0.0577,0.05772,-0.01082,0.01567,0.00863,-0.00731,-0.04336,0.0046,0.00187,0.00317,-0.11208,-0.00296,-0.06639,0.0442,-0.02953,0.04721,0.01376,-0.10993,0.05834,-0.02309,-0.0343,0.01921,-0.06239,-0.02291,-0.04663,-0.04663,-0.07327,-0.02443,-0.06134,-0.00595,0.08814,-0.03026,-0.02388,0.02071,0.05454,-0.04951,-0.00294,-0.04066,0.03524,-0.07761,0.01676,0.00682,-0.01084,-0.03078,0.02679,-0.04351,-0.09062,-0.02298,0.03582,0.10652,-0.01929,-0.01925,0.02246,-0.07504,0.00859,0.02219,-0.01964,0.04453,0.02796,0.00082,0.00308,-0.00779,0.08186,0.04815,0.03282,-0.06167,-0.01377,0.12714,0.0065,0.07368,-0.01605,0.02344,-0.03342,-0.00993,0.06609,0.02304,0.04079,-0.0179,0.02742,-0.10043,-0.00272,0.05012,0.04624,-0.06654,-0.00274,0.05065,-0.00893,-0.00783,0,-0.12656,0.03976,-0.00952,0.01359,0.07461,-0.06521,-0.05727,0.05874,-0.01194,-0.04928,0.02308,0.09155,-0.06451,-0.07243,0.03941,0.03017,0.00755,-0.00007,-0.03075,-0.01839,0.01583,0.02555,-0.01095,0.07788,0.01818,-0.00559,-0.00022,0.03857,0.01585,-0.01601,0.02433,0.02416,0.11754,0.10394,-0.04495,-0.07559,0.00877,0.02759,-0.00881,-0.03295,0.05341,0.0194,0.00288,-0.00184,-0.09828,0.01867,-0.01902,-0.07962,-0.02754,-0.0893,-0.05856,0.03993,-0.05312,0.08812,-0.01026,0.06137,-0.00002,-0.00625,0.07596,-0.0107,-0.02094,0.02807,0.00785,-0.03168],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. ⏪ Undo / Redo Example No editor feels complete without Undo/Redo. With v17.7, Foblex Flow added a reference implementation: - Powered by @foblex/mutator. - Tracks state changes, snapshots, and history. - Enables true time-travel editing for your diagrams. Undo/Redo creates a smoother and more interactive editing experience, and is often a must-have for production tools. The original standalone demo has since been retired. Use the maintained Managed Flow State example for built-in history and persistence.","excerpt":"⏪ Undo / Redo Example No editor feels complete without Undo/Redo. With v17.7, Foblex Flow added a reference implementation: - Powered by @foblex/mutator. - Tracks state changes, snapshots, and history. - Enables true time-travel editing for your diagrams. Undo/Redo creates a smoother and more interactive editing experience, and is often a must-have for production tools. The original standalone demo has since been retired. Use the maintained Managed Flow State example for built-in history and persistence."},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#4","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.07848,-0.01792,-0.05672,0.08248,0.03271,0.07864,-0.04201,-0.05755,0.06281,0.03044,-0.06634,0.04073,-0.09946,-0.03322,0.04529,-0.0323,-0.08462,0.06302,-0.06304,-0.05674,-0.06732,0.00143,0.01161,-0.01716,0.0457,0.07706,-0.03646,-0.04267,0.04749,-0.06543,0.02064,0.1259,0.08181,0.00961,-0.11671,0.11598,-0.04872,-0.00087,-0.00778,-0.05392,0.03031,0.02414,0.00313,-0.08585,-0.08721,-0.00586,-0.07719,-0.009,-0.04732,0.08016,0.02152,-0.07557,-0.09426,0.11305,0.03762,0.01498,0.0251,-0.03795,0.00272,-0.04636,-0.0069,-0.01569,-0.0161,0.04208,0.04189,0.06782,-0.07175,-0.00069,0.00186,0.00256,0.0193,0.00657,0.04407,-0.02479,0.04375,0.00826,-0.07117,0.06781,-0.06657,-0.02364,0.10014,0.01468,0.02099,0.07424,0.03254,0.06059,-0.00387,-0.0575,-0.01369,-0.01636,-0.0367,0.05742,0.11086,0.01121,-0.00284,-0.02315,-0.00309,0.00708,-0.06017,0.01846,0.04061,-0.02397,0.03986,0.00123,-0.03254,-0.05803,-0.00789,-0.05997,-0.03972,-0.01912,0.01216,0.07723,-0.00172,-0.08623,-0.0572,-0.06693,0.00142,-0.02815,-0.01541,0.07501,0.05355,-0.00906,0.03797,0.0242,0.06638,-0.04786,-0.02176,0,0.01764,0.07305,-0.06992,0.00938,0.11614,0.00218,-0.00237,-0.05682,-0.02124,-0.04789,0.06168,0.07334,-0.03126,0.02089,-0.05037,-0.07974,-0.0391,0.06977,-0.0198,0.00368,0.07272,0.02292,-0.04296,-0.00313,0.0251,0.06277,-0.01695,0.00037,-0.05723,0.0293,0.03128,-0.00456,0.00536,0.03394,-0.04384,0.03111,-0.01457,-0.09949,0.01725,-0.04133,-0.02532,-0.02146,-0.12281,-0.07011,0.03356,-0.0559,-0.04757,0.03771,0.14427,-0.01131,0.00417,0.03991,0.03483,-0.03566,0.03239,-0.05457,-0.04612,0.10415,0.07065,0.07265,0.0598,0.07489,-0.04254,-0.02605,0.01648,0.0518,0.04055,0.01165,0.04773,-0.08065,-0.04791,0.04212,-0.04433,0.04349,0.04616,-0.03168,0.03004,-0.01563,0.03254,-0.06785,-0.05663,-0.03857,-0.02742,0.01115,0.07004,-0.06353,0.00645,-0.04771,-0.08697,-0.01615,0.12778,-0.00611,0.04177,0.00227,0.07978,0,0.06799,0.02914,-0.07375,0.09859,0.01684,-0.06552,-0.00025,0.0373,0.06603,0.03867,0.02611,0.01567,-0.02679,-0.05548,-0.03629,0.00575,-0.01888,-0.05726,-0.00477,-0.08764,0.0431,-0.06883,0.06277,0.04016,-0.10062,0.04986,-0.00311,-0.03723,0.04748,-0.04377,-0.00299,0.00027,-0.07516,-0.05803,-0.00582,-0.03027,-0.01819,0.13217,-0.00262,-0.0134,0.02438,0.04999,-0.01796,-0.01358,-0.03764,-0.02236,-0.01819,0.00594,0.03395,0.0089,-0.00973,0.00108,-0.07179,-0.05319,-0.05857,0.0607,0.09337,-0.01206,-0.02132,0.03605,-0.0374,-0.00232,0.03,-0.02998,0.08317,0.01809,-0.0041,0.02573,0.03961,0.06303,0.04295,-0.01997,-0.05881,0.00552,0.06642,0.01222,0.10449,-0.05237,0.02578,0.00219,0.00557,0.05463,-0.00718,0.05908,-0.02999,-0.0059,-0.08156,0.00361,0.02129,0.03475,-0.07431,0.01019,0.08168,-0.04528,-0.01467,0,-0.13912,-0.01844,-0.06715,0.02114,0.05531,-0.08069,-0.11292,0.06797,-0.02198,-0.0627,0.00515,0.07702,-0.04758,-0.07505,0.05741,0.01928,-0.0152,-0.01085,-0.04998,-0.05818,0.01941,0.01988,-0.00408,0.03326,0.00463,-0.00264,-0.02716,0.04908,0.03664,-0.01956,0.00798,0.03522,0.06919,0.06847,-0.05499,-0.03712,-0.00693,-0.016,-0.02523,-0.03269,0.07943,-0.01838,0.00325,-0.00291,-0.08438,0.02901,-0.01935,-0.04356,-0.01886,-0.07319,-0.00198,0.04979,-0.05061,0.11145,-0.01255,0.03618,-0.01883,-0.02754,0.13806,-0.03549,-0.04123,0.05552,0.04953,-0.02298],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. 📚 Documentation Updates We’ve refreshed the docs to reflect these improvements: - FNodeDirective - FFlowComponent - FCanvasComponent F Node Directive F Flow Component F Canvas Component","excerpt":"📚 Documentation Updates We’ve refreshed the docs to reflect these improvements: - FNodeDirective - FFlowComponent - FCanvasComponent"},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#5","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.0881,0.00206,-0.05137,0.06552,0.02532,0.04748,-0.06925,-0.02007,0.07614,0.03541,-0.06259,0.04109,-0.08286,-0.02335,0.05635,-0.0198,-0.05804,0.02507,-0.05024,-0.04179,-0.06907,-0.02564,0.00996,-0.02567,0.04065,0.05607,-0.0424,0.00197,0.03494,-0.08684,-0.01015,0.08698,0.07146,0.02003,-0.13432,0.12773,-0.02831,0.01169,-0.03019,-0.06451,0.0012,0.04138,0.0001,-0.05421,-0.05573,-0.0233,-0.08836,0.00134,-0.04638,0.08103,-0.02818,-0.09877,-0.12012,0.09113,0.04071,0.03468,0.01967,-0.06784,0.00835,-0.0418,0.00305,0.01086,-0.0043,0.06464,0.03291,0.05045,-0.03263,0.03464,-0.00592,-0.02976,0.01867,-0.02103,0.01429,-0.01907,0.0206,0.00456,-0.05318,0.05059,-0.07231,-0.04183,0.06672,0.03786,0.0088,0.11483,0.03305,0.07031,0.03023,-0.07753,0.01728,-0.02271,0.00121,0.06448,0.13666,0.00106,0.05794,-0.03707,0.01517,0.00077,-0.07083,0.02345,0.04145,-0.03857,0.07931,-0.01704,-0.01631,-0.05522,0.02191,-0.07102,-0.05598,-0.01663,0.00912,0.07,-0.00457,-0.09311,-0.05001,-0.05054,-0.03931,-0.04006,-0.01015,0.09117,0.04874,-0.0049,0.02984,0.0107,0.07208,-0.04582,-0.02821,0,0.015,0.04138,-0.05649,0.02792,0.12087,0.00742,-0.04064,-0.0529,-0.0347,-0.03729,0.05696,0.06099,-0.03063,0.06093,-0.00442,-0.02562,-0.01977,0.07286,-0.05489,-0.00574,0.05681,-0.03251,-0.07592,0.00248,0.03877,0.11586,-0.01395,0.01489,-0.04808,0.02011,0.02661,-0.02602,0.01087,0.03945,-0.04705,0.05939,-0.02387,-0.12125,0.05858,-0.03646,-0.02745,-0.01263,-0.14064,-0.04278,0.04439,-0.04295,-0.03741,0.01863,0.10296,-0.0071,0.00582,0.06871,0.03358,-0.00918,0.03272,-0.06184,-0.01952,0.07202,0.05184,0.08283,0.04621,0.1274,-0.04462,0.01362,0.01488,0.06715,0.03789,0.00481,0.07366,-0.0851,-0.0919,0.04155,-0.02578,0.02474,0.02008,-0.05559,0.02613,-0.02193,0.07178,-0.07033,-0.05726,-0.05199,-0.03211,0.00224,0.04709,-0.0686,0.00823,-0.03024,-0.08128,0.01902,0.14878,-0.00656,0.02101,0.00147,0.07586,0,0.02391,0.02481,-0.06319,0.07089,-0.00006,-0.06784,-0.00438,0.023,0.03087,0.01628,0.03454,0.01436,-0.04163,-0.04015,0.02757,0.00359,-0.01822,-0.08524,-0.03081,-0.09363,0.06184,-0.0282,0.05276,0.03914,-0.09228,0.05093,-0.03283,-0.05099,0.03432,-0.04824,-0.0122,-0.03174,-0.06901,-0.06885,0.00873,-0.04026,-0.02608,0.10683,-0.00954,-0.01264,0.03116,0.0596,-0.01458,-0.00462,-0.04874,0.00772,-0.03567,-0.00008,0.01246,-0.02329,-0.02903,-0.00197,-0.02587,-0.11316,-0.04109,0.0692,0.09596,-0.01776,-0.02386,0.03465,-0.03139,-0.00766,0.02981,-0.01825,0.05386,0.02118,-0.00788,0.0068,-0.00306,0.05773,0.04031,0.01353,-0.06049,-0.02702,0.06788,0.02506,0.09405,-0.01996,0.00503,0.01271,0.00212,0.05985,0.01382,0.06944,-0.03675,0.01708,-0.0959,-0.0036,0.03243,0.01809,-0.08673,-0.00977,0.04885,0.00133,-0.00851,0,-0.12131,0.00603,-0.02119,0.01214,0.04481,-0.05709,-0.1058,0.06325,-0.01546,-0.00751,0.0325,0.06435,-0.07325,-0.06196,0.06617,0.02928,-0.04037,-0.00912,-0.04358,-0.05388,0.03279,0.02727,0.00022,0.0593,0.00757,-0.00636,-0.03172,0.05293,0.00651,-0.01572,0.01421,0.04094,0.11098,0.13408,-0.03253,-0.05384,-0.00878,0.02558,-0.02185,-0.0196,0.0857,-0.0175,0.01425,0.0176,-0.08351,0.03789,-0.0031,-0.07091,-0.02251,-0.06866,-0.05243,0.02027,-0.04493,0.09125,-0.01395,0.04954,-0.00104,-0.01749,0.10823,-0.00375,-0.03406,0.03094,0.02427,-0.01304],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. Why This Matters With these features, Foblex Flow becomes even more practical for real-world editors: - Grouping makes complex diagrams easier to manage. - Copy/Paste is expected by every user. - Undo/Redo provides the safety net people need when building flows. Together, they bring Angular-based visual editors closer to the standard set by professional design tools.","excerpt":"Why This Matters With these features, Foblex Flow becomes even more practical for real-world editors: - Grouping makes complex diagrams easier to manage. - Copy/Paste is expected by every user. - Undo/Redo provides the safety net people need when building flows. Together, they bring Angular-based visual editors closer to the standard set by professional design tools."},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#6","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.10668,0.00164,-0.05586,0.09363,0.02894,0.06294,-0.06088,-0.08089,0.04181,0.04609,-0.06054,0.05087,-0.0807,-0.02481,0.04815,-0.00536,-0.11518,0.08571,-0.03861,-0.08866,-0.05804,0.0139,0.01729,-0.006,0.05945,0.07752,-0.01799,-0.034,0.03513,-0.07147,0.00316,0.09153,0.09561,0.03018,-0.11735,0.14879,-0.05567,0.01522,-0.01072,-0.05175,0.02651,0.04716,0.01076,-0.0875,-0.06453,-0.01616,-0.08592,0.00459,-0.03506,0.06182,0.02254,-0.09518,-0.10039,0.11485,0.04213,0.01915,0.03377,-0.07546,-0.00047,-0.07075,0.04349,-0.0049,-0.01762,0.03645,0.0271,0.07316,-0.04897,0.05278,0.00622,-0.01552,0.02553,-0.01151,0.03027,-0.01054,-0.00417,0.02178,-0.05692,0.04526,-0.09707,0.00002,0.04566,0.00944,0.02608,0.09305,0.03285,0.04403,0.02204,-0.05351,0.00193,-0.03683,-0.04075,0.0703,0.10594,-0.02005,0.04355,-0.03576,0.02745,-0.0081,-0.04611,0.02918,0.04624,-0.02253,0.03283,-0.02935,-0.01681,-0.03854,0.00246,-0.06513,-0.03729,-0.01219,0.01348,0.09832,-0.01708,-0.07049,-0.05966,-0.0812,0.00894,-0.01715,-0.03784,0.10317,0.06724,-0.01747,0.01605,0.01836,0.06266,-0.02918,-0.02199,0,0.04262,0.03688,-0.05884,0.01979,0.11921,0.00447,-0.02555,-0.05526,-0.02841,-0.0338,0.05398,0.0679,-0.0204,0.02532,-0.05516,-0.08457,-0.03814,0.06134,-0.00731,0.01207,0.04274,-0.0065,-0.0724,-0.01309,0.04373,0.06523,-0.01419,-0.02479,-0.04102,0.01039,0.06839,-0.01832,0.00004,0.0526,-0.04594,0.04961,-0.00874,-0.08402,0.05439,-0.04311,-0.00266,-0.02375,-0.11396,-0.0555,0.0347,-0.04245,-0.03966,0.01743,0.13461,-0.0338,0.01341,0.0384,0.01258,-0.03825,0.02202,-0.05775,-0.03228,0.08977,0.05349,0.09604,0.05634,0.08355,-0.04763,-0.02267,0.0205,0.02909,0.02125,0.01783,0.05192,-0.07004,-0.0706,0.05153,-0.04456,0.03945,0.00866,-0.02946,0.03608,-0.01292,0.02659,-0.07396,-0.0494,-0.06794,-0.00875,-0.00779,0.07447,-0.04503,0.02052,-0.05076,-0.07686,-0.03148,0.12727,0.01086,0.05886,-0.00571,0.09363,0,0.05507,0.03434,-0.05015,0.08807,0.03122,-0.07498,-0.00072,0.04059,0.05199,0.04385,0.00065,0.01739,-0.01361,-0.0411,0.00847,-0.01575,-0.02747,-0.06708,0.00394,-0.06607,0.0563,-0.04444,0.07298,0.02009,-0.08836,0.03527,-0.01521,-0.02835,0.04763,-0.04425,-0.00066,-0.00056,-0.05709,-0.03667,-0.01416,-0.01318,-0.02385,0.1363,0.00077,0.00498,0.02905,0.051,-0.02873,-0.01459,-0.03211,-0.0291,-0.03512,0.03938,-0.00182,-0.01003,-0.03878,0.01694,-0.05776,-0.07017,-0.03753,0.06556,0.10542,-0.05542,-0.01508,0.02571,-0.06375,0.01029,0.02888,-0.01755,0.05337,0.00017,-0.00169,-0.00771,-0.0232,0.06211,0.02379,0.01597,-0.06178,-0.0135,0.08207,0.00375,0.07533,-0.02864,0.02435,-0.02158,0.02461,0.061,0.00644,0.06589,-0.04557,0.02507,-0.07836,0.01661,0.04041,0.0381,-0.08736,-0.02632,0.06982,-0.04521,-0.02578,0,-0.14423,-0.0108,-0.02746,0.01867,0.0428,-0.0715,-0.10917,0.09403,-0.00047,-0.05801,0.00505,0.06622,-0.06525,-0.07113,0.04558,0.03649,-0.01243,-0.00957,-0.03127,-0.03892,0.02401,0.01702,-0.00814,0.06863,0.01076,-0.00934,-0.02363,0.05457,0.00648,-0.05725,0.01729,0.03232,0.07523,0.09581,-0.01301,-0.04761,0.00519,-0.00676,-0.02143,-0.02106,0.07047,-0.00824,0.00719,-0.00241,-0.0843,0.02276,-0.0232,-0.05868,-0.00319,-0.08554,0.00507,0.02605,-0.05809,0.07984,-0.03655,0.05761,-0.01977,-0.02474,0.11425,-0.01655,-0.03571,0.06318,0.01515,-0.03293],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. 🔗 Links - GitHub repo: <https://github.com/foblex/flow - Live examples: <https://flow.foblex.com/examples Git Hub","excerpt":"🔗 Links - GitHub repo: <https://github.com/foblex/flow - Live examples: <https://flow.foblex.com/examples"},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#7","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.13333,-0.00404,-0.0729,0.0568,0.04171,0.06507,-0.05937,-0.02123,0.03395,0.06414,-0.08212,0.03781,-0.09735,-0.02127,0.05215,0.01177,-0.08199,0.0635,-0.04993,-0.05785,-0.08,0.00264,0.02712,-0.01382,0.02729,0.07509,-0.01669,-0.04774,0.03158,-0.06999,0.01959,0.10547,0.10711,0.03286,-0.13089,0.1249,-0.05191,-0.00963,-0.00891,-0.05774,0.00351,0.05736,0.00036,-0.092,-0.04554,-0.0286,-0.06514,-0.02189,-0.04622,0.0548,-0.02842,-0.11302,-0.09967,0.08267,0.03321,0.01415,0.02912,-0.06948,-0.00464,-0.04192,0.02947,-0.01161,-0.00465,0.05019,0.04875,0.04855,-0.07473,0.03839,-0.02154,-0.04206,0.02156,-0.00891,0.03936,-0.01604,0.0179,0.0003,-0.05907,0.06004,-0.02956,-0.01589,0.05384,-0.00047,0.02693,0.10459,0.02277,0.05849,0.03109,-0.05113,0.00912,-0.02733,0.00762,0.06959,0.10906,0.00076,0.03888,-0.02501,0.00585,-0.02109,-0.07955,0.04532,0.01234,-0.01358,0.05245,-0.04677,-0.04114,-0.03209,0.04814,-0.05374,-0.02347,-0.01676,0.00877,0.07833,-0.01214,-0.10204,-0.03008,-0.05979,-0.00068,-0.01279,-0.00413,0.0988,0.0565,-0.02016,0.02064,0.01601,0.08625,-0.03136,-0.02058,0,0.02469,0.054,-0.05825,0.01227,0.11679,-0.0143,-0.01319,-0.07523,-0.04067,-0.04183,0.05693,0.05023,-0.02989,0.05011,-0.02501,-0.08737,-0.03774,0.04892,-0.00148,0.00105,0.07157,-0.03852,-0.06274,0.00081,0.05089,0.09044,0.01206,-0.01466,-0.04473,0.02423,0.02416,-0.0139,-0.02824,0.04134,-0.04356,0.04307,-0.04496,-0.0972,0.0317,-0.02916,-0.00805,-0.0206,-0.1213,-0.06236,0.04523,-0.03871,-0.03227,0.01666,0.14445,0.0082,0.01093,0.04998,0.00365,-0.00759,0.04273,-0.04167,-0.04274,0.07552,0.07384,0.07045,0.07275,0.06898,-0.0541,-0.02318,0.0274,0.05191,0.04011,0.01139,0.08186,-0.06333,-0.06784,0.02333,-0.02322,0.03774,0.02858,-0.03512,0.03569,-0.03026,0.07207,-0.08901,-0.05357,-0.05426,-0.01302,0.01777,0.07417,-0.05557,-0.00777,-0.03073,-0.07974,-0.00342,0.12621,-0.01158,0.01804,-0.00525,0.05919,0,0.03752,0.01572,-0.07999,0.08019,0.01763,-0.07877,0.00635,0.04009,0.06643,0.04385,0.03013,0.00718,-0.01983,-0.0424,0.02765,-0.00438,-0.01896,-0.09009,0.01348,-0.06376,0.04375,-0.02133,0.07052,0.00679,-0.08097,0.04288,-0.03431,-0.00178,0.05112,-0.03904,-0.013,-0.02186,-0.07939,-0.07118,-0.03722,-0.02511,0.00131,0.09914,-0.02449,-0.01852,0.04239,0.03501,-0.01396,-0.01757,-0.05515,-0.00373,-0.03839,0.03673,-0.00017,-0.01862,-0.02599,0.00517,-0.04594,-0.08252,-0.06139,0.05341,0.1028,-0.03165,-0.04753,0.06347,-0.06032,0.00556,0.03638,-0.02884,0.07974,0.02678,-0.01767,0.03499,0.00817,0.05924,0.04995,-0.00439,-0.0532,0.00752,0.06201,0.03044,0.09365,-0.03738,0.03283,-0.00747,0.03138,0.05939,0.00932,0.04686,-0.01771,0.01443,-0.07969,-0.02667,0.03376,0.05871,-0.09803,0.00607,0.06201,-0.029,-0.01791,0,-0.13274,0.00944,-0.03352,0.01488,0.06213,-0.0552,-0.12032,0.06379,-0.00138,-0.03157,0.01724,0.06531,-0.06075,-0.04133,0.05639,0.02141,-0.03628,-0.00188,-0.04417,-0.04894,0.05627,0.04014,0.00145,0.03531,0.01925,-0.02097,-0.01217,0.03988,0.00297,-0.03282,0.00742,0.06704,0.10827,0.0795,-0.01171,-0.0362,-0.00244,-0.01124,-0.05295,-0.02287,0.07852,0.00424,0.001,-0.01403,-0.092,0.01904,-0.01958,-0.08136,-0.00167,-0.08426,-0.02066,0.03158,-0.06154,0.09405,-0.00137,0.06447,-0.02884,-0.02194,0.09992,-0.01823,-0.02778,0.04112,0.03285,-0.01678],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. ❤️ Support the Project This release moves Foblex Flow another step closer to being a full-fledged framework for building low-code and AI editors in Angular. If you find it useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow. Git Hub","excerpt":"❤️ Support the Project This release moves Foblex Flow another step closer to being a full-fledged framework for building low-code and AI editors in Angular. If you find it useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#0","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.03314,-0.00279,0.01676,-0.0285,0.03698,0.06252,-0.10987,0.06007,0.03451,0.0121,-0.07314,0.02417,-0.04992,0.01602,0.08099,-0.0024,-0.02125,-0.02384,0.03259,-0.02691,-0.08595,-0.03127,0.01531,-0.01131,0.01488,0.03977,-0.04402,-0.00189,0.0253,-0.05273,-0.01224,0.09397,-0.06487,0.00011,-0.09729,0.08592,0.0224,-0.01867,-0.03584,-0.00776,0.02778,0.05252,0.01157,-0.03933,-0.02658,0.01998,-0.04217,-0.052,-0.10636,0.08168,-0.07673,-0.10195,-0.0539,0.03338,0.02748,-0.03237,-0.02737,-0.12167,0.01628,0.06332,-0.02713,-0.02443,0.01955,0.07262,0.07037,0.0403,-0.05424,0.05709,0.02341,0.02003,-0.01124,-0.04545,0.04311,-0.03331,0.03487,-0.00567,-0.00981,0.0368,-0.00361,-0.11162,0.02328,0.03973,-0.01893,0.04799,-0.05932,0.05227,0.03558,-0.0807,0.0117,-0.04299,0.04783,0.03721,0.11644,0.02665,0.07558,0.03041,-0.03303,-0.0114,-0.06859,0.0022,0.01268,-0.06971,0.05208,-0.04666,0.00352,-0.04361,-0.00426,0.01918,-0.01024,-0.01031,-0.03863,0.01579,0.00697,-0.05462,-0.06408,-0.02657,-0.03843,-0.00641,0.09135,0.06852,-0.03276,0.03322,0.07053,-0.00957,0.02541,-0.04744,-0.09522,0,-0.04003,0.04113,0.01895,0.06999,0.03469,-0.00908,0.00472,-0.08164,-0.00336,0.03983,0.02436,0.10667,-0.08022,0.07297,0.02234,-0.05479,-0.04329,0.03011,-0.03219,0.01852,0.08904,-0.03361,-0.01516,0.03101,0.08532,0.06558,-0.00894,0.06325,-0.11501,0.03312,0.01558,0.00734,0.03095,0.01474,-0.01764,0.00741,-0.11948,-0.09227,-0.03844,-0.05577,-0.01821,-0.0164,-0.17784,0.01782,0.09668,-0.04091,-0.03991,-0.03746,0.07676,0.01421,0.0213,0.07247,-0.00171,0.03436,0.04169,-0.07939,-0.02355,0.02929,0.0421,0.0817,0.03712,0.07599,-0.05141,-0.09192,0.02826,0.07763,-0.02116,-0.00865,-0.01147,-0.05543,-0.0754,0.04351,-0.0191,0.04667,0.02206,-0.04641,-0.04127,0.03239,0.05107,-0.03791,-0.05067,-0.03074,-0.00574,0.05228,0.06987,-0.07889,0.03661,-0.00728,-0.04147,0.07567,0.09829,0.01772,-0.01752,0.06002,0.04899,0,-0.06588,0.01191,0.00316,0.10275,-0.01947,-0.10418,0.04749,0.0075,0.06993,0.01852,0.0423,0.01222,-0.0142,-0.01833,0.05105,-0.0643,0.02719,-0.16122,0.03614,-0.06019,0.08304,0.05143,-0.05959,-0.02071,-0.03552,0.08709,-0.02267,-0.09295,0.01617,-0.04082,-0.01315,-0.02993,-0.04266,-0.05767,-0.0073,-0.08271,-0.00171,0.04222,-0.01559,-0.06155,0.0057,0.04302,-0.03713,-0.00569,-0.05024,0.02242,-0.02335,-0.01708,0.04684,-0.01612,-0.03229,0.02579,0.01269,-0.09045,-0.03514,0.01737,0.10041,0.03245,-0.00021,0.01456,-0.0226,0.01786,0.05412,-0.03972,0.00594,0.05754,-0.01235,-0.00843,0.04472,0.05381,0.06718,0.03655,-0.13079,-0.016,0.03923,0.08942,0.1118,0.0111,0.01401,0.00803,-0.037,0.0889,0.01408,0.06041,0.09154,0.02003,-0.05647,-0.14375,0.04363,0.06587,-0.03407,-0.04532,-0.07737,0.02446,0.03982,0,-0.08734,0.04752,-0.03389,-0.02815,0.04505,0.00829,-0.02791,0.05724,-0.00518,0.06919,0.05068,0.09738,-0.04382,-0.03923,0.05077,-0.01321,-0.04503,0.0053,-0.04531,-0.03212,-0.02235,0.02421,0.03973,0.04041,-0.03497,-0.02741,0.03682,0.01148,-0.02367,-0.01241,-0.03625,0.0102,0.03312,0.03893,-0.02948,-0.02159,-0.07261,-0.0001,-0.06551,0.03046,0.0339,-0.0001,0.01606,0.00158,-0.02753,0.03414,-0.02049,-0.05194,-0.07602,-0.00696,-0.08101,0.00919,-0.07966,0.07582,0.02387,0.03101,-0.0373,-0.08043,-0.00658,0.00404,-0.05629,-0.05226,0.06163,-0.00951],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. Angular Diagram and Flow Libraries Compared (2026) An honest map of the options for building diagrams, flowcharts and node editors in Angular in 2026 — including where each one beats Foblex Flow. I maintain Foblex Flow, so read this as a maintainer's map of the territory, not a neutral review; every claim below is checkable.","excerpt":"Angular Diagram and Flow Libraries Compared (2026) An honest map of the options for building diagrams, flowcharts and node editors in Angular in 2026 — including where each one beats Foblex Flow. I maintain Foblex Flow, so read this as a maintainer's map of the territory, not a neutral review; every claim below is checkable."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#1","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.04363,-0.04354,0.00117,0.01047,0.05596,0.0675,-0.10225,0.09156,0.06509,0.05366,-0.07175,0.03193,-0.06855,0.06141,0.10455,0.00578,-0.00719,-0.02845,0.01329,-0.04719,-0.09386,-0.04512,0.02194,0.00438,0.04445,0.08798,-0.02424,-0.02244,0.03723,-0.0519,-0.03202,0.04099,-0.03138,-0.00607,-0.19663,0.07246,0.03164,-0.00302,-0.06694,-0.03154,0.00463,0.07532,0.0047,-0.0402,-0.00814,-0.01754,-0.08653,-0.03817,-0.07281,0.06735,-0.08696,-0.12735,-0.0534,0.02304,0.05055,-0.01821,-0.00437,-0.10231,0.03611,0.0215,-0.01734,0.00256,0.03455,0.07098,0.02867,0.02995,-0.02217,0.05427,0.06927,-0.04633,-0.04356,-0.0414,0.03358,-0.01622,0.01629,-0.05948,-0.00357,0.02236,-0.01326,-0.06102,0.04107,0.06639,-0.05214,0.06037,-0.0564,0.07795,0.05255,-0.03604,0.01396,-0.04478,0.05185,0.01125,0.09893,-0.00804,0.02317,0.04274,-0.0142,0.00807,-0.09686,0.01133,0.01462,-0.09176,0.05128,-0.02126,-0.01486,-0.05651,-0.00987,0.00292,-0.01364,0.0031,-0.02497,0.0097,-0.04181,-0.04542,-0.06636,-0.02675,-0.04275,-0.05417,0.08898,0.12154,-0.01736,0.06295,0.0592,-0.00033,0.07425,-0.00077,-0.06366,0,0.00392,0.0204,-0.00507,0.06259,0.07557,-0.02492,-0.01375,-0.07795,-0.00181,0.02255,0.03715,0.0866,-0.07536,0.11897,0.03443,-0.06444,-0.01519,0.01697,-0.0128,-0.00022,0.01568,-0.03178,-0.01589,0.08978,0.09064,0.067,-0.0034,0.08051,-0.06889,-0.00018,0.01905,-0.02556,0.0185,-0.00935,-0.0263,-0.04714,-0.13827,-0.09921,0.00672,-0.04026,-0.04191,-0.04239,-0.13806,0.03087,0.03309,0.02018,-0.03273,0.00217,0.04629,-0.00732,0.01325,0.08335,0.00707,0.04058,0.03823,-0.04365,0.02258,0.04242,0.03083,0.06471,0.0126,0.10175,-0.03672,-0.04562,0.04546,0.10161,-0.01696,-0.023,0.03293,-0.05124,-0.09102,0.01549,0.01231,0.03551,0.02324,-0.0453,-0.02872,-0.01724,0.03106,-0.01906,-0.1026,-0.06108,0.01506,0.06788,0.05376,-0.10119,0.02268,0.01529,-0.02782,0.00996,0.07436,0.01461,0.01492,0.03839,0.06135,0,-0.04103,0.00961,0.04443,0.09551,-0.01512,-0.05903,-0.02743,0.02594,0.06884,-0.00694,0.03078,0.04411,0.02459,-0.01248,0.03324,0.01244,0.00917,-0.13251,0.05188,-0.08954,0.07029,0.02959,-0.03696,-0.02019,-0.04664,0.07627,0.00778,-0.06948,0.00932,-0.05509,-0.02254,-0.03289,0.00028,-0.09062,-0.03479,-0.06546,0.01913,0.02269,-0.03585,-0.03961,-0.01548,0.03209,0.00533,0.00195,-0.06002,0.04961,-0.09232,0.04019,0.02912,-0.0271,-0.06174,0.01955,0.03289,-0.11908,-0.02936,-0.04311,0.07277,0.03386,0.0511,-0.00753,-0.06526,-0.01379,0.01231,-0.0249,-0.05247,0.06514,-0.03646,-0.05958,0.04635,0.03825,0.07125,0.06118,-0.04833,-0.02058,0.05033,0.04098,0.10038,0.01975,0.05519,-0.01023,-0.00812,0.107,0.02514,-0.00517,0.05455,0.03714,-0.07361,-0.05672,0.06244,0.05413,-0.05326,0.00058,-0.05084,0.05311,0.04751,0,-0.04563,0.02702,-0.02336,-0.09475,0.04985,0.03415,-0.00939,0.07868,-0.00674,0.06998,0.04957,0.08363,-0.06029,-0.01611,0.04969,0.03307,-0.00952,0.0167,-0.02947,-0.03238,0.03858,-0.00215,0.02386,0.04088,-0.00283,-0.03174,0.05063,0.03677,-0.04795,-0.01113,-0.06067,0.00815,0.05887,0.05781,0.00665,-0.05209,-0.08489,-0.04667,-0.06238,0.05269,0.04171,-0.00826,-0.00619,-0.02113,-0.05344,0.00989,-0.00569,-0.05069,-0.03142,-0.00626,-0.05823,-0.01814,-0.10324,0.02319,-0.00955,0.03097,-0.03032,-0.08548,0.00561,-0.02151,-0.0531,-0.03659,0.05814,-0.02685],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. The quick decision tree - Static diagrams generated from text → Mermaid, not a component library at all. - Read-only graph visualization with auto-layout → an actively maintained editor library with layout packages, or D3 if you want full control. - Interactive editor (users drag, connect, edit) in Angular → an Angular-native editor library, a React wrapper, or a commercial suite. That trade-off is the rest of this article.","excerpt":"The quick decision tree - Static diagrams generated from text → Mermaid, not a component library at all. - Read-only graph visualization with auto-layout → an actively maintained editor library with layout packages, or D3 if you want full control. - Interactive editor (users drag, connect, edit) in Angular → an Angular-native editor library, a React wrapper, or a commercial suite. That trade-off is the rest of this article."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#2","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.05706,-0.00749,0.00386,-0.02823,0.02584,0.04008,-0.13083,0.04694,0.05134,0.00601,-0.06674,0.03686,-0.056,0.02359,0.08653,-0.01131,-0.04041,-0.01659,0.0164,-0.04102,-0.08323,-0.01131,0.00584,-0.00601,0.04308,0.05915,-0.02259,-0.02459,0.0493,-0.0517,-0.00422,0.07709,-0.09084,0.01806,-0.1511,0.10376,0.01362,-0.01018,-0.03387,-0.03159,0.02689,0.05324,0.01581,-0.03199,-0.0215,0.01203,-0.08927,-0.01403,-0.09515,0.06823,-0.10644,-0.12596,-0.08749,0.04015,0.03334,-0.02743,-0.02185,-0.10998,0.02256,0.05984,-0.02933,-0.02568,0.02737,0.09424,0.07536,0.01896,-0.03394,0.04447,0.02672,-0.00743,-0.0227,-0.04544,0.02024,-0.05204,0.01603,-0.03291,-0.04018,0.03357,-0.00955,-0.08898,0.05419,0.01539,-0.04101,0.07345,-0.05809,0.06223,0.04118,-0.05469,0.00701,-0.05791,0.04498,0.02106,0.10475,0.04597,0.03291,0.0436,-0.01387,0.00611,-0.07917,0.02348,0.00987,-0.07294,0.05681,-0.03073,0.00491,-0.03836,0.00536,0.00387,-0.01979,-0.01427,-0.03439,0.02033,-0.00908,-0.06039,-0.0757,-0.03558,-0.04453,-0.02742,0.07332,0.0914,-0.0078,0.04744,0.0599,-0.01007,0.04534,-0.05104,-0.07223,0,-0.02695,0.01672,0.00839,0.0527,0.05228,-0.01439,-0.01018,-0.07093,-0.00245,0.05435,0.01915,0.09487,-0.07173,0.08781,0.0265,-0.04924,-0.00604,0.03108,-0.02334,0.02414,0.06731,-0.03378,-0.03507,0.06568,0.0827,0.114,-0.0123,0.04793,-0.10347,0.02465,0.05708,0.00419,0.00913,0.02021,-0.00296,-0.03582,-0.09363,-0.10412,-0.02284,-0.05821,-0.00909,-0.0289,-0.19716,0.01525,0.05049,-0.03665,-0.04416,-0.01886,0.07801,0.01066,0.01368,0.08313,-0.0036,0.0398,0.04898,-0.06622,-0.01716,0.04207,0.03477,0.08701,0.02154,0.05984,-0.04582,-0.08437,0.03847,0.04376,-0.01898,-0.02671,0.02189,-0.02378,-0.07651,0.03542,-0.01388,0.08075,0.00061,-0.04074,-0.03195,0.02431,0.06241,-0.02174,-0.08368,-0.03893,-0.01427,0.05021,0.05122,-0.07249,0.01449,-0.01948,-0.03413,0.06586,0.08697,0.01488,-0.00918,0.04849,0.0569,0,-0.06115,0.02191,-0.00915,0.11326,-0.01842,-0.09084,0.04765,0.01916,0.06004,0.04412,0.04502,0.03302,0.01302,-0.00907,0.08186,-0.03813,0.02795,-0.14711,0.02496,-0.04655,0.07583,0.05083,-0.04173,-0.04053,-0.02158,0.09566,0.01369,-0.08276,0.00225,-0.04068,-0.00739,-0.0362,-0.03116,-0.06286,-0.02268,-0.06781,0.01261,0.04598,-0.01681,-0.0852,0.01864,0.04023,-0.02635,0.0115,-0.05534,0.01856,-0.05643,0.01325,0.04055,-0.03262,-0.03508,0.03759,0.03002,-0.11903,-0.02253,0.00162,0.09213,-0.00242,0.02627,-0.00155,-0.01823,-0.02013,0.04374,-0.04895,-0.00731,0.05783,-0.0456,-0.03178,0.04485,0.06974,0.06512,0.04084,-0.09338,0.00649,0.02369,0.06288,0.11316,-0.0074,0.03341,-0.01164,-0.02065,0.11336,0.00165,0.04053,0.08775,0.01544,-0.05229,-0.09519,0.03984,0.05448,-0.04893,-0.01941,-0.08115,0.03918,0.03527,0,-0.08983,0.03809,-0.02248,-0.03476,0.05491,0.02901,-0.021,0.05514,0.00931,0.05735,0.04233,0.08082,-0.04046,0.00028,0.06686,0.0062,-0.05262,-0.01236,-0.04501,-0.04891,-0.01324,0.01403,0.03965,0.04401,-0.01787,-0.01142,0.04776,0.04212,-0.03767,-0.01255,-0.04458,0.01187,0.03782,0.03763,-0.01805,-0.01631,-0.06779,-0.02411,-0.05687,0.02085,0.04616,-0.00912,0.00793,-0.00432,-0.03026,0.0263,-0.0055,-0.0742,-0.0529,-0.00283,-0.0737,-0.01392,-0.10147,0.05587,0.02312,0.03055,-0.01877,-0.08478,-0.00366,-0.00103,-0.0469,-0.01375,0.05462,-0.02791],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. Angular-native editors","excerpt":"Angular-native editors"},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#3","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.06616,-0.03676,0.03634,-0.01197,0.05254,0.04644,-0.09906,0.0634,0.03343,0.02913,-0.08328,-0.0142,-0.05118,0.02263,0.08663,-0.00585,0.03163,-0.01415,0.00139,-0.03238,-0.02925,-0.08314,-0.0069,-0.01502,0.03262,0.10119,-0.02719,-0.03629,0.01543,-0.05411,-0.02114,0.10598,-0.09296,0.02113,-0.17245,0.11405,0.00574,0.02387,-0.08571,-0.00832,0.00622,0.07479,0.00384,-0.06179,-0.00859,-0.01806,-0.05504,-0.0483,-0.0619,0.03938,-0.07587,-0.08556,-0.0625,0.06387,0.05585,-0.04605,0.00832,-0.09198,0.01899,0.03842,0.00106,-0.03035,0.03187,0.03085,0.04226,-0.02278,-0.03481,0.02859,0.06447,-0.00438,-0.0185,-0.021,0.01829,-0.02787,-0.00539,-0.0318,0.02561,0.05132,0.00302,-0.06612,0.01588,0.07306,-0.03699,0.0506,-0.06476,0.05561,0.03713,-0.00641,0.02581,-0.06728,0.0307,0.06163,0.04713,-0.00585,0.14598,0.03341,0.00322,0.04167,-0.0695,0.01673,0.0593,-0.04598,0.02525,-0.00574,-0.00472,-0.01613,-0.01563,-0.0059,-0.00407,0.02307,-0.01946,0.03193,-0.02902,-0.05109,-0.08089,-0.01362,-0.07096,-0.07644,0.05514,0.16713,0.00444,0.05491,0.03786,-0.01026,0.09628,0.02125,-0.06044,0,-0.03115,0.0421,-0.04301,0.0358,0.06052,-0.0155,0.03125,-0.06894,0.00557,0.02875,-0.02976,0.10198,-0.08409,0.1047,0.03522,-0.08088,0.00821,-0.02536,-0.00662,0.021,0.05156,-0.05948,-0.02701,0.061,0.09123,0.02311,-0.03342,0.05452,-0.11762,0.00263,0.04642,-0.0002,0.02261,-0.00174,-0.05873,-0.02566,-0.10003,-0.10186,-0.00518,-0.09862,-0.0116,0.0036,-0.14767,0.01509,0.04485,-0.03034,-0.0502,-0.06017,0.06068,0.00733,0.02566,0.03397,0.04312,-0.02539,0.0326,-0.00002,0.01639,0.02412,0.01313,0.09663,0.00249,0.03822,-0.03139,-0.02865,0.06057,0.0758,-0.01932,0.03304,0.04409,-0.03632,-0.10455,0.04162,-0.00179,0.02691,0.00498,-0.04376,0.00562,-0.00223,0.02111,-0.03493,-0.06525,-0.0279,-0.03393,0.08313,0.0678,-0.06431,-0.0036,-0.01101,-0.04387,0.03508,0.08289,0.00757,-0.002,0.00682,0.03642,0,-0.04238,0.0164,0.00849,0.10251,-0.00792,-0.07747,0.03079,-0.00216,0.02977,-0.00443,-0.01158,0.06281,0.02441,-0.03109,0.03015,0.0034,-0.02182,-0.1297,0.05379,-0.05595,0.0346,0.08571,-0.08706,-0.04707,-0.03938,0.05871,-0.0111,-0.10071,0.01937,-0.06567,-0.00907,-0.01584,-0.04286,-0.06237,0.0058,-0.04246,0.00108,0.00356,-0.0105,-0.05526,-0.0039,0.02418,0.01618,-0.0172,-0.06082,0.03571,-0.06218,0.02307,0.0063,0.00571,-0.04301,0.02416,0.00141,-0.09318,-0.03395,-0.03858,0.0854,0.01241,0.0416,-0.02119,-0.00128,-0.01372,0.01557,-0.04416,-0.04794,0.05945,-0.07407,-0.0281,0.02254,0.0867,0.03248,0.07923,-0.06263,-0.00847,0.05893,0.06203,0.0613,0.00706,0.0024,-0.00333,-0.03949,0.1214,0.0093,0.03223,0.09421,0.04438,-0.08202,-0.04148,0.05731,0.04451,-0.06163,-0.06789,-0.08868,0.04696,0.00088,0,-0.05801,0.05162,-0.0222,-0.05021,0.03491,0.00165,0.00317,0.06568,0.03491,0.06739,0.04458,0.09371,-0.05686,-0.02023,0.07647,0.03095,-0.02532,-0.02066,-0.04144,-0.04457,-0.0057,0.00828,-0.0324,0.08579,0.01804,-0.06626,0.05434,0.03951,-0.01309,-0.01336,-0.03741,0.00525,0.03112,0.03454,0.02162,-0.02997,-0.04879,-0.02646,-0.0235,0.06463,0.05452,0.01728,0.00827,-0.05838,-0.03316,0.02828,-0.04736,-0.08948,-0.04114,0.00628,-0.05826,0.0232,-0.15046,0.08775,0.04278,0.05033,-0.04441,-0.07899,0.03822,-0.02865,-0.03338,0.01027,0.04524,-0.03321],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. - Foblex Flow (MIT, 26K weekly installs, frequent releases) — template-driven: nodes are your Angular components. Ships drag/click/keyboard connection creation, minimap, control schemes, Dagre/ELK layout packages, virtualization, workers, and an accessibility layer. Weaknesses, honestly: a smaller ecosystem than React Flow's, fewer third-party tutorials, and an API paradigm (directives, not nodes[]/edges[] arrays) that takes an hour to re-map if you come from React Flow. - ngx-vflow (MIT) — React-Flow-inspired nodes[]/edges[] model in native Angular. A good choice if your team wants the React Flow mental model verbatim; younger and smaller feature surface (no virtualization/workers/a11y layer at the time of writing). - ng-diagram (Synergy Codes, MIT) — a newer Angular-native entrant from a diagramming consultancy; watch it, evaluate current feature depth yourself. - ngx-graph (swimlane) — visualization, not editing; effectively unmaintained for years but still widely installed. If you're on it, see the migration path. - ng-flowchart / ngx-flowchart — lightweight flowchart libs, both abandoned; fine for archaeology, not for new projects.","excerpt":"- Foblex Flow (MIT, 26K weekly installs, frequent releases) — template-driven: nodes are your Angular components. Ships drag/click/keyboard connection creation, minimap, control schemes, Dagre/ELK layout packages, virtualization, workers, and an accessibility layer. Weaknesses, honestly: a smaller ecosystem than React Flow's, fewer third-party tutorials, and an API paradigm (directives, not nodes[]/edges[] arrays) that takes an hour to re-map if you come from React Flow. - ngx-vflow (MIT) — React-Flow-inspired nodes[]/edges[] model in native Angular. A good choice if your team wants the React Flow mental model verbatim; younger and smaller feature surface (no virtualization/workers/a11y layer at the time of writing). - ng-diagram (Synergy Codes, MIT) — a newer Angular-native entrant from a diagramming consultancy; watch it, evaluate current feature depth yourself. - ngx-graph (swimlane) — visualization, not editing; effectively unmaintained for years but still widely installed. If you're on it, see the migration path. - ng-flowchart / ngx-flowchart — lightweight flowchart libs, both abandoned; fine for archaeology, not for new projects."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#4","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.05831,-0.02886,-0.00981,-0.03038,0.07363,0.07947,-0.06639,0.06773,0.07401,0.01536,-0.08415,0.01514,-0.08366,0.05654,0.11206,-0.01199,-0.00751,-0.02542,0.01414,-0.0456,-0.06953,-0.08595,-0.00814,-0.0023,0.04389,0.05338,-0.02401,-0.02161,0.03029,-0.04074,-0.00905,0.06434,-0.07672,0.02368,-0.17779,0.09966,-0.03172,-0.00201,-0.06787,-0.0164,0.0074,0.08775,-0.0185,-0.04899,-0.00761,-0.00327,-0.02008,-0.02774,-0.0715,0.05408,-0.06423,-0.09482,-0.04716,0.06547,0.04554,-0.05416,0.0103,-0.11258,0.01081,0.04062,-0.0338,-0.05268,0.04031,0.05969,0.06846,0.01062,-0.05114,0.08394,0.03285,-0.05836,-0.01099,-0.03775,0.10201,-0.04595,0.02899,-0.03902,-0.00596,0.06936,0.00131,-0.04748,0.00057,0.07051,-0.04758,0.03067,-0.0362,0.06853,0.03356,-0.04291,-0.00654,-0.05151,0.00652,0.06351,0.13141,0.01837,0.04581,0.03932,-0.01195,0.03165,-0.07472,-0.00403,0.01832,-0.06391,0.02296,-0.0605,0.00219,-0.04531,-0.02073,0.01933,0.01282,0.04684,-0.03363,0.04831,-0.0219,-0.06134,-0.0848,-0.01883,-0.0354,-0.02707,0.104,0.0946,-0.01603,0.02754,0.09105,-0.02994,0.06274,0.00405,-0.09076,0,-0.06033,0.01394,-0.01247,0.05405,0.03139,-0.01418,0.0005,-0.05914,0.01324,0.0388,0.01243,0.1076,-0.02831,0.11845,0.0365,-0.06315,-0.0328,-0.00721,0.00634,0.02896,0.02143,-0.02285,-0.02895,0.08568,0.07348,0.04783,-0.03638,0.06859,-0.0821,0.02155,0.05537,0.0046,0.01017,0.02703,-0.03265,-0.01917,-0.08636,-0.09426,-0.0242,-0.04891,-0.03527,-0.04051,-0.1436,0.01674,0.07752,-0.04546,-0.0571,-0.03337,0.04421,0.01967,0.01069,0.04867,0.03449,0.01399,0.0552,-0.03297,0.01432,0.00594,0.02473,0.04362,0.01884,0.04856,-0.00916,-0.03859,0.03057,0.06326,-0.01278,-0.0279,-0.00301,-0.04064,-0.05253,0.06413,-0.01473,0.06321,0.00779,-0.04268,-0.02131,0.07834,0.05692,-0.00101,-0.06035,-0.03952,0.00681,0.04784,0.0111,-0.04309,0.01805,0.01587,-0.06911,0.10171,0.07568,0.02717,0.01944,0.05587,0.07696,0,-0.04963,0.03044,0.02936,0.07113,0.02047,-0.09966,0.02156,-0.03618,0.07653,0.06513,0.00057,0.02452,0.00995,0.01249,0.01686,-0.02116,0.01054,-0.14581,0.06387,-0.08684,0.05454,0.06832,-0.03716,-0.02459,-0.05105,0.06878,-0.04274,-0.08781,0.02329,-0.02786,0.00177,-0.03522,-0.03989,-0.04691,-0.01932,-0.04115,-0.03375,0.0167,0.00136,-0.07603,-0.0238,0.01628,-0.02045,-0.00161,-0.07947,-0.00394,-0.09426,-0.01679,0.03545,-0.01203,-0.05418,0.04927,0.01361,-0.12438,-0.02231,-0.00354,0.09004,0.02466,-0.00833,-0.00086,0.02324,-0.00085,0.01862,-0.01129,-0.05986,0.04828,-0.06023,-0.06474,0.04513,0.07387,0.05975,0.06645,-0.08603,-0.00316,0.02045,0.08012,0.10769,0.01445,0.00712,0.02292,-0.03453,0.06632,0.03526,0.04901,0.0464,0.0137,-0.05584,-0.10607,0.02869,0.03796,-0.04124,-0.04297,-0.06633,0.02209,0.03826,0,-0.05076,0.04598,-0.01574,-0.05507,-0.00507,0.01375,-0.04902,0.01323,-0.00508,0.09291,0.02636,0.11164,-0.05469,0.01149,0.04767,0.02641,-0.0504,-0.02319,-0.03319,-0.02397,-0.0112,-0.00105,-0.02291,0.05218,-0.01197,-0.01714,0.07618,0.04558,-0.03245,-0.02208,-0.06377,0.01302,0.00895,0.06878,-0.00761,-0.05229,-0.04662,-0.0366,-0.02791,0.10842,0.05759,0.01058,0.00697,-0.00575,-0.06499,0.03106,-0.0398,-0.08708,-0.07057,0.00709,-0.02349,0.01984,-0.12776,0.05553,0.00665,0.01851,-0.03406,-0.04858,0.02689,-0.01945,-0.06146,-0.042,0.05591,-0.02279],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. React Flow via wrapper React Flow is the category-defining library — biggest ecosystem, best-known API, commercial Pro examples. In Angular you pay the two-framework tax: React+ReactDOM in the bundle, a bridge between change-detection worlds, React components for custom nodes. Detailed breakdown: React Flow vs Foblex Flow for Angular teams. If your organization is mixed React/Angular and shares canvas code, the wrapper can still be rational. React DOM","excerpt":"React Flow via wrapper React Flow is the category-defining library — biggest ecosystem, best-known API, commercial Pro examples. In Angular you pay the two-framework tax: React+ReactDOM in the bundle, a bridge between change-detection worlds, React components for custom nodes. Detailed breakdown: React Flow vs Foblex Flow for Angular teams. If your organization is mixed React/Angular and shares canvas code, the wrapper can still be rational."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#5","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.06547,0.01307,0.01062,-0.0403,0.04041,0.02599,-0.0855,0.06998,0.06009,-0.00105,-0.05291,0.06663,-0.05009,0.01074,0.12275,-0.02319,0.00152,-0.00274,0.00068,-0.07839,-0.12332,-0.04975,-0.00777,-0.01719,0.04007,0.04792,0.00574,-0.02283,0.05008,-0.04905,-0.01314,0.03802,-0.06834,0.00808,-0.15473,0.09245,0.03744,-0.023,-0.06836,-0.0185,0.01374,0.04569,-0.01333,-0.01875,-0.01948,-0.02408,-0.08283,-0.02695,-0.05435,0.08109,-0.09277,-0.12421,-0.09487,0.02889,0.03706,-0.01503,-0.009,-0.09787,-0.00839,0.04173,-0.02428,-0.04513,0.01545,0.0642,0.05271,-0.00649,-0.00723,0.05865,-0.01766,0.01106,-0.03158,-0.04792,0.02309,-0.00361,0.00362,-0.01679,0.02489,0.02368,0.01113,-0.07356,0.01981,0.08067,-0.06507,0.07278,-0.07986,0.04987,0.01079,-0.00072,0.03308,-0.07249,0.02879,0.01582,0.07726,-0.01399,0.06394,0.0704,-0.01341,-0.01934,-0.07173,0.02934,0.03078,-0.0644,0.0998,-0.04327,-0.00228,-0.03072,-0.00172,0.05394,0.01935,0.00228,-0.03847,0.01668,0.00698,-0.08971,-0.07578,0.01393,-0.08121,-0.03494,0.10767,0.08377,0.0164,0.06543,0.07244,-0.00437,0.05256,-0.05364,-0.07017,0,-0.0749,0.04943,-0.0085,0.05515,0.02934,-0.0078,0.00113,-0.05646,-0.05459,0.09809,0.01734,0.11144,-0.09041,0.11605,0.05358,-0.0872,-0.00428,0.04243,0.01421,0.00549,0.04615,-0.05664,-0.00243,0.09555,0.09195,0.071,0.00926,0.07381,-0.06283,0.01295,0.05605,0.00359,0.01899,0.01215,-0.02526,-0.01888,-0.1172,-0.12196,0.00258,-0.04291,-0.02179,-0.024,-0.20868,0.01896,0.03454,-0.01777,-0.01664,-0.06158,0.04863,-0.009,-0.00805,0.06716,-0.01202,0.03326,0.00933,-0.04484,0.0059,0.01677,0.00257,0.06193,0.00284,0.00393,-0.01832,-0.05003,0.01046,0.05249,0.00548,-0.02497,0.0198,0.00759,-0.04016,0.04754,-0.0099,0.03258,0.00852,-0.04167,-0.03455,0.03016,0.04136,0.00398,-0.08547,-0.04419,-0.00354,0.05655,0.06277,-0.02212,0.02754,0.02912,-0.06888,0.04311,0.06878,0.0423,-0.04151,0.0218,0.07303,0,-0.05107,0.03176,0.01877,0.09644,0.02561,-0.09569,0.01552,-0.01523,0.0211,0.04884,-0.00542,0.00886,-0.01839,0.01199,0.05008,-0.03462,-0.00126,-0.14517,0.073,-0.04366,0.04998,0.07771,-0.02083,-0.03548,-0.03249,0.08346,-0.06119,-0.0683,0.00242,-0.00665,-0.01594,-0.03764,-0.01845,-0.0592,-0.01543,-0.04317,0.0025,0.06835,0.00249,-0.0991,0.01188,0.00758,0.01547,-0.01398,-0.05517,-0.00041,-0.0719,0.00391,0.03159,-0.0363,-0.07041,0.0622,0.01341,-0.12192,-0.06062,-0.014,0.07105,0.01757,0.00799,0.01439,-0.00552,-0.00966,0.03094,-0.01768,-0.02281,0.05453,-0.0013,-0.05107,0.01407,0.03581,0.05312,0.06277,-0.05702,-0.01146,0.01108,0.08234,0.10373,0.00159,0.0539,-0.0116,-0.01896,0.06046,0.02772,0.05563,0.04855,-0.00321,-0.06451,-0.07035,0.00861,0.05662,-0.07781,-0.0007,-0.07889,0.09728,0.05764,0,-0.08897,0.05241,-0.02954,-0.05523,0.0339,-0.01866,-0.02031,0.07365,0.00311,0.06141,0.00303,0.03301,-0.07814,0.02975,0.04648,0.01622,-0.0564,0.01624,-0.03281,-0.05016,-0.0159,0.03033,0.04186,0.02104,-0.0262,0.02026,0.06094,0.06035,0.03118,-0.01571,-0.03872,-0.00375,0.0508,0.03385,0.02696,-0.06899,-0.1066,-0.00178,-0.01366,0.05309,0.04421,0.01646,0.01471,-0.01279,-0.0493,0.05327,-0.05021,-0.0956,-0.04241,0.0298,-0.04686,-0.01701,-0.08268,0.02278,0.00927,0.02716,0.02584,-0.05241,0.02345,0.03479,-0.04718,-0.07003,0.05263,-0.04011],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. Commercial suites - GoJS — enormous feature catalog, decades of edge cases solved; closed source, license fees, its own data model and rendering. Rational for complex enterprise diagramming with budget. - JointJS+ — strong SVG toolkit with commercial widgets; same trade: license cost and a framework-agnostic (not Angular-idiomatic) API. - Syncfusion Diagram — part of a big commercial bundle; good if you already pay for the suite. The common trade: you buy solved problems, you give up MIT licensing, bundle control and idiomatic Angular integration. Go JS Joint JS","excerpt":"Commercial suites - GoJS — enormous feature catalog, decades of edge cases solved; closed source, license fees, its own data model and rendering. Rational for complex enterprise diagramming with budget. - JointJS+ — strong SVG toolkit with commercial widgets; same trade: license cost and a framework-agnostic (not Angular-idiomatic) API. - Syncfusion Diagram — part of a big commercial bundle; good if you already pay for the suite. The common trade: you buy solved problems, you give up MIT licensing, bundle control and idiomatic Angular integration."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#6","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.05802,-0.01126,0.03083,-0.00742,0.04629,0.04714,-0.11675,0.06904,0.01707,-0.00728,-0.07338,0.02264,-0.06434,0.03106,0.08982,-0.01752,0.01862,-0.05564,-0.00695,0.01191,-0.07175,-0.06437,-0.0058,-0.00746,0.02608,0.08106,-0.02937,-0.01843,0.04283,-0.05225,-0.01683,0.09891,-0.07586,-0.00156,-0.07883,0.10055,0.00155,-0.01529,-0.03118,-0.0016,0.02177,0.07119,0.01673,-0.04102,-0.04317,-0.0295,-0.02383,-0.08333,-0.09464,0.04698,-0.07562,-0.09704,-0.05654,0.01547,0.04666,0.00504,-0.00976,-0.10007,0.00982,0.0385,-0.03623,-0.02296,0.05063,0.06244,0.07736,0.00927,-0.01521,0.05487,0.01216,0.02169,-0.02182,-0.03196,0.02265,-0.06275,0.01544,0.00728,0.01134,0.03863,0.01155,-0.09219,0.03834,0.00648,-0.05127,0.023,-0.03511,0.04793,0.03401,-0.06808,0.00436,-0.03894,0.06245,0.00667,0.11101,0.02338,0.03562,0.05787,-0.00298,0.01007,-0.07001,0.01445,0.02571,-0.0389,0.10093,0.00386,0.01213,-0.05992,0.01772,0.05816,-0.02519,-0.01744,-0.02842,0.04624,0.01861,-0.05181,-0.10232,-0.0066,-0.05113,-0.05027,0.08421,0.09991,0.03481,0.05098,0.06953,0.04445,0.04521,-0.03751,-0.07973,0,-0.02129,0.00965,0.00688,0.04283,0.07319,-0.02024,-0.00086,-0.05503,-0.0449,0.06672,0.02555,0.10103,-0.08456,0.08925,-0.00634,-0.06411,-0.02915,0.03328,-0.02834,0.02814,0.05042,-0.0138,-0.01467,0.03588,0.07194,0.07885,-0.01056,0.0642,-0.07286,0.02787,0.02997,-0.00145,0.02244,0.02071,-0.03921,-0.02665,-0.10517,-0.11234,-0.03919,-0.07616,-0.04462,0.01124,-0.153,0.0385,0.05446,-0.01774,-0.01666,-0.02338,0.0394,0.00506,-0.01503,0.07145,-0.01102,0.0554,0.01685,-0.0606,0.02377,0.01671,0.04367,0.06851,0.03803,0.08801,-0.05656,-0.06603,0.05368,0.10742,0.0064,0.01733,0.00774,-0.02685,-0.05271,0.05283,-0.00311,0.03649,0.0387,-0.04681,-0.04129,-0.01209,0.03867,-0.05317,-0.06512,-0.02422,0.00861,0.06615,0.02327,-0.0663,0.01719,0.01932,-0.06168,0.07901,0.10827,0.00107,0.02405,0.0001,0.0499,0,-0.01229,0.01074,-0.00735,0.09249,0.00418,-0.09408,0.02452,0.01597,0.08524,0.01533,0.01588,0.01363,-0.02141,-0.02237,0.03925,-0.02156,0.01094,-0.1676,0.07178,-0.07118,0.0922,0.06438,-0.05562,-0.01435,-0.05,0.11317,-0.0134,-0.06539,-0.03365,-0.04677,-0.022,-0.03376,-0.0515,-0.05824,-0.02588,-0.06542,-0.0447,0.05147,-0.00602,-0.08486,0.00392,0.02413,-0.0167,0.01975,-0.03726,0.01625,-0.1131,-0.01409,0.10985,-0.04593,-0.08171,0.04214,-0.01155,-0.09151,-0.04638,-0.00528,0.0899,-0.00601,0.01757,0.0282,-0.02553,0.00187,0.03148,-0.07766,-0.02373,0.05,-0.04586,-0.07002,0.07549,0.05563,0.06948,0.02228,-0.09967,-0.00123,0.00522,0.05827,0.11275,-0.01599,0.06574,0.01539,-0.0395,0.10963,0.02115,0.03358,0.07452,0.00255,-0.0431,-0.06621,0.02809,0.06628,-0.045,-0.03858,-0.06877,0.05598,0.03557,0,-0.06236,0.03043,-0.04905,-0.01779,0.05304,0.00015,-0.02123,0.05537,-0.00786,0.03809,0.04123,0.06949,-0.06181,0.03544,0.04481,0.00776,-0.07362,-0.03442,-0.07884,-0.06919,-0.03966,0.04631,0.0234,0.02412,-0.04505,0.00865,0.0514,0.04922,0.0056,-0.03805,-0.06284,0.02722,0.01683,0.06275,-0.01907,-0.04434,-0.07901,-0.01312,-0.02708,0.04059,0.02303,-0.0009,-0.01056,-0.00599,0.00337,0.01947,-0.01871,-0.06704,-0.03679,0.04459,-0.02726,-0.00269,-0.10398,0.07274,0.033,-0.00373,-0.01587,-0.06334,0.00577,0.00808,-0.03105,-0.08971,0.0575,0.01155],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. The bottom line For a new Angular editor in 2026, the realistic shortlist is Foblex Flow (template-driven, widest Angular-native feature set), ngx-vflow (array-driven, React Flow mental model), and React Flow behind a wrapper (ecosystem over integration). Static rendering — Mermaid. Big enterprise diagramming with budget — GoJS/JointJS+. I'll re-run this comparison yearly. If a library shipped something that changes a row here — open an issue, corrections welcome. Go JS Joint JS","excerpt":"The bottom line For a new Angular editor in 2026, the realistic shortlist is Foblex Flow (template-driven, widest Angular-native feature set), ngx-vflow (array-driven, React Flow mental model), and React Flow behind a wrapper (ecosystem over integration). Static rendering — Mermaid. Big enterprise diagramming with budget — GoJS/JointJS+. I'll re-run this comparison yearly. If a library shipped something that changes a row here — open an issue, corrections welcome."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#0","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.06949,-0.08953,-0.02154,0.09916,0.06028,0.02708,0.05148,0.00944,0.09468,0.05111,-0.06904,0.02294,-0.02321,-0.01939,0.05144,-0.0198,0.03456,-0.06357,-0.00681,0.04409,-0.06707,-0.08794,0.03763,-0.08839,-0.02068,-0.00315,-0.05148,-0.0358,0.05676,-0.05556,-0.05608,0.03057,0.00504,0.05989,-0.17168,0.08922,-0.00472,-0.04336,-0.13192,-0.07009,0.00374,0.03627,-0.0316,-0.01942,0.02077,-0.06791,-0.03936,-0.0419,-0.01615,0.04155,-0.15893,-0.08799,-0.02361,-0.02276,-0.03212,0.03036,0.03171,-0.0296,0.00458,0.01117,-0.06338,-0.05404,0.00957,0.00792,0.04446,0.07996,0.04917,-0.04298,-0.08118,-0.06988,0.00878,-0.02084,-0.03099,-0.04252,-0.0332,-0.04693,-0.02344,-0.00766,0.01949,0.00363,0.07428,0.02452,-0.03884,0.08749,0.02674,0.14616,-0.03607,-0.05081,-0.01209,0.04272,-0.00968,-0.03562,-0.0058,0.00881,0.05191,-0.00067,0.08037,0.05107,-0.05532,0.00529,0.05582,-0.02809,0.0281,-0.05302,-0.02146,-0.04583,0.05371,-0.07333,-0.0902,-0.01612,-0.02294,-0.00011,-0.05978,0.02618,-0.09068,-0.00362,-0.01109,-0.05855,0.13615,0.13371,-0.01735,0.04763,-0.04709,0.0042,0.04161,-0.04046,-0.06158,0,-0.01218,0.03581,-0.03658,-0.01729,0.06679,-0.04777,-0.01327,-0.08603,-0.02431,-0.04611,-0.0055,0.02585,0.00813,-0.01051,0.13718,-0.061,-0.05347,0.08529,-0.03469,0.01797,0.04575,-0.05723,-0.04172,-0.00438,0.03111,0.05984,-0.12855,0.0275,-0.02378,0.02559,-0.03052,0.02946,-0.03874,-0.02671,-0.03726,-0.02625,-0.0139,-0.06747,0.00855,-0.04696,-0.03356,-0.03254,-0.01996,0.02382,-0.01585,0.01324,-0.09342,0.04633,-0.0139,0.00658,0.01979,0.03839,-0.01288,-0.03501,0.02307,-0.00647,0.02391,0.03052,0.03195,0.1006,0.01884,0.05152,0.03038,0.03752,0.02666,0.0515,-0.00533,0.03082,0.05728,-0.07288,-0.0359,-0.00231,0.00569,0.0448,0.04654,-0.0443,-0.04062,-0.10162,0.08211,-0.03581,-0.01218,-0.01813,-0.00596,0.03365,-0.00902,-0.04936,-0.02295,-0.0429,-0.08234,-0.05576,0.08397,0.04819,-0.00559,-0.0886,-0.03848,0,-0.02848,0.01144,-0.00941,0.06732,-0.04615,0.00949,0.00832,-0.06728,0.07013,-0.01623,0.00446,0.08595,0.08603,0.03479,-0.03764,0.04235,-0.0324,-0.05959,-0.02865,-0.03134,0.07959,-0.05232,0.00576,0.04843,-0.02152,0.03006,-0.01004,-0.00901,0.0073,-0.07046,-0.04181,0.07333,-0.03232,-0.02052,0.04288,0.02581,0.00958,0.05247,-0.03714,0.03975,0.05531,0.0223,0.0439,0.02235,-0.03823,0.11006,-0.0527,0.03672,-0.02214,0.01919,0.04208,0.04049,0.00054,-0.03385,-0.06761,0.06048,0.01082,-0.02767,0.02702,-0.01174,0.04066,-0.03333,-0.04353,0.07558,0.0707,0.00492,-0.01571,0.01112,0.05921,0.0023,0.04079,-0.01973,0.06259,-0.0166,0.02432,0.08674,0.1257,-0.04908,0.03194,-0.01769,-0.01098,0.12419,0.00995,-0.01818,0.03257,0.11209,-0.06241,-0.02419,0.04254,0.00432,-0.04145,0.02505,0.01996,0.00449,-0.00134,0,-0.04567,0.05635,-0.0681,0.0203,0.04119,-0.0634,-0.0178,-0.01443,0.02147,0.07716,-0.06777,0.03811,-0.03733,-0.0242,0.111,0.10449,0.0342,0.04504,-0.01889,-0.02901,0.08319,0.00291,-0.02981,0.08823,0.01052,-0.04348,-0.121,0.03243,0.07635,0.0475,-0.02356,0.03093,0.01292,0.06423,-0.11684,-0.01745,-0.01118,-0.06729,-0.01866,0.0732,0.04358,-0.03044,-0.00896,-0.01665,-0.13228,0.08523,0.02417,-0.03795,0.02898,0.03902,-0.00515,-0.0295,0.04035,0.03162,0.01564,0.0599,0.00948,-0.00229,0.04567,0.00879,-0.01006,0.05753,-0.02144,0.06012],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor This article explains the design decisions behind the Foblex Flow accessibility layer — why keyboard navigation drives the selection instead of a focus cursor, how a canvas full of absolutely-positioned nodes becomes readable to a screen reader, and why creating a connection from the keyboard turned out to be the easy part. If you try to make a node editor accessible, you'll quickly face a problem: - A canvas is not a list. Tab order means nothing when items live at arbitrary coordinates. - Drag-and-drop is the primary editing gesture, and there is no native keyboard equivalent for \"drag from this port to that port\". - Screen readers see an SVG soup: paths without names, divs without roles, changes without announcements. - Every attempt to bolt a \"keyboard focus\" state onto an editor that already has a selection state doubles the mental model. That last one is the interesting problem, and it is the one this article is really about.","excerpt":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor This article explains the design decisions behind the Foblex Flow accessibility layer — why keyboard navigation drives the selection instead of a focus cursor, how a canvas full of absolutely-positioned nodes becomes readable to a screen reader, and why creating a connection from the keyboard turned out to be the easy part. If you try to make a node editor accessible, you'll quickly face a problem: - A canvas is not a list. Tab order means nothing when items live at arbitrary coordinates. - Drag-and-drop is the primary editing gesture, and there is no native keyboard equivalent for \"drag from this port to that port\". - Screen readers see an SVG soup: paths without names, divs without roles, changes without announcements. - Every attempt to bolt a \"keyboard focus\" state onto an editor that already has a selection state doubles the mental model. That last one is the interesting problem, and it is the one this article is really about."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#1","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.04178,-0.12027,-0.0196,0.09566,0.06489,0.02625,0.04941,0.00335,0.07955,0.05248,-0.0112,0.02746,-0.06004,-0.0358,0.06339,0.03091,-0.01662,-0.09198,-0.00915,0.03651,-0.01628,-0.05013,0.0849,-0.08126,-0.02675,0.04314,-0.03439,-0.03202,0.02974,-0.04148,-0.01372,0.02838,0.05599,0.02228,-0.15825,-0.00408,-0.02862,-0.04174,-0.08231,-0.04046,0.01779,0.0376,0.01574,-0.00068,0.00645,-0.02543,-0.0489,0.00984,0.0298,0.08502,-0.11294,-0.05529,0.0273,-0.00753,-0.03017,0.06273,0.02943,-0.00884,0.04663,-0.01615,-0.02643,-0.00022,-0.0039,-0.0126,0.03275,0.08557,-0.00654,-0.09615,-0.08503,-0.0319,0.03799,-0.03092,0.01907,-0.05328,0.03795,-0.04505,-0.03493,-0.00673,0.01966,0.00095,0.02358,0.00371,-0.05579,0.04388,0.04505,0.15022,-0.06342,-0.10637,-0.0375,-0.00981,-0.01689,-0.07039,0.02855,0.0133,0.02289,-0.05823,0.04126,0.04878,-0.09865,-0.01335,0.04711,-0.01552,0.00838,-0.02847,-0.02371,0.00727,0.06726,-0.05886,-0.07923,-0.01794,-0.0092,-0.03521,-0.0334,0.03652,-0.09167,0.01533,-0.04763,-0.06615,0.11525,0.0895,-0.02376,-0.0098,-0.03988,-0.03367,-0.00447,-0.04693,-0.05356,0,-0.03064,-0.02467,-0.06073,-0.07232,0.0057,-0.03454,-0.02207,-0.07505,-0.00619,-0.04818,0.04207,0.02372,0.00131,-0.03299,0.12794,-0.06135,-0.05669,0.12288,-0.01496,0.04463,0.01955,-0.00869,-0.03599,-0.01363,-0.00618,0.08417,-0.09249,-0.02389,-0.02711,0.03074,-0.01198,0.08362,-0.03387,-0.02948,-0.05662,0.06284,-0.01372,-0.06011,-0.01607,-0.05766,-0.02199,-0.01166,0.01097,0.03068,-0.02357,0.01195,-0.07618,0.00739,0.03834,0.03591,0.022,0.00997,-0.02525,-0.04502,0.05492,-0.03991,-0.0382,0.0971,0.07182,0.0874,-0.00839,-0.01728,0.08056,0.03707,0.02394,0.04807,-0.03674,0.01238,0.03843,-0.06054,0.01415,0.03441,-0.0166,0.04522,0.04514,-0.04043,0.00513,-0.11474,0.05505,-0.08466,-0.05454,-0.03025,-0.02373,0.04293,-0.0053,-0.01681,-0.04061,-0.0273,-0.09856,-0.00606,0.09675,0.0725,-0.05216,-0.056,0.00222,0,-0.01108,0.05474,-0.02716,0.06808,-0.04512,0.00657,0.04097,-0.01582,0.04212,0.01563,0.02667,0.06642,0.07709,-0.03117,-0.0149,0.02094,0.02133,-0.01352,0.02904,-0.02179,0.12109,-0.06531,-0.01113,0.02829,-0.06273,0.0476,-0.03545,0.00645,-0.0003,-0.0752,-0.0515,0.11338,-0.06289,-0.01472,-0.0294,-0.01577,-0.05891,0.07911,-0.01639,0.01756,0.02443,0.02968,0.04485,-0.00353,-0.02679,0.06927,-0.00475,0.01566,-0.0117,-0.00812,0.05579,-0.00483,0.01162,-0.07325,-0.10235,0.12625,0.04976,-0.01323,-0.00639,-0.0005,0.0526,0.04816,0.02184,0.06205,0.07244,0.00362,0.03158,0.03125,0.07667,0.00283,0.08862,0.04742,0.06012,0.0329,0.03486,0.06084,0.15072,-0.01692,0.03292,-0.00252,0.00837,0.10434,0.00573,0.00523,0.0051,0.11075,-0.06531,-0.05606,0.01126,0.04701,-0.05905,0.00481,0.01187,-0.0901,-0.00949,0,-0.09562,0.09061,-0.03988,-0.00834,0.00827,-0.04179,-0.04396,0.03637,0.00352,-0.00391,-0.07937,0.08278,-0.02229,-0.01159,0.11666,0.03586,0.0244,0.03373,-0.03739,0.01464,0.04106,-0.02617,-0.00828,0.06628,-0.05595,-0.03904,-0.09553,0.06328,0.08489,0.01132,0.00631,0.0417,0.04026,0.03113,-0.13242,-0.03472,-0.01108,-0.05154,-0.04899,0.01131,0.00828,-0.07296,0.00034,-0.03093,-0.13371,0.08551,0.02791,0.00629,0.01145,0.01146,-0.00258,-0.04471,0.00325,0.03276,0.01582,0.04111,0.02865,0.00648,0.01052,-0.03034,0.04206,0.02612,-0.0501,0.08503],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. 🎯 The Key Idea: One State, Not Two Most UI accessibility patterns assume a roving focus: arrow keys move document.activeElement from item to item, and selection is a separate thing you do to the focused item with Space or Enter. I tried that first. And threw it away. active Element","excerpt":"🎯 The Key Idea: One State, Not Two Most UI accessibility patterns assume a roving focus: arrow keys move document.activeElement from item to item, and selection is a separate thing you do to the focused item with Space or Enter. I tried that first. And threw it away."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#2","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.02523,-0.0935,-0.01055,0.02975,0.10692,0.03315,0.03725,0.01996,0.05291,0.01731,-0.01956,0.04502,-0.0489,-0.04887,0.05175,0.01558,0.02588,-0.08917,0.04615,0.04053,-0.0641,-0.05291,0.03954,-0.07134,-0.02771,0.00698,-0.04494,-0.03543,0.0535,-0.05471,-0.00433,0.06779,0.04852,0.03684,-0.19587,-0.00716,-0.01535,-0.03656,-0.09757,-0.04906,-0.01295,0.05644,-0.01586,0.00427,-0.00082,-0.04669,-0.03512,0.00285,-0.01581,0.07498,-0.09452,-0.0742,0.02022,-0.02317,-0.0157,0.03865,-0.01602,0.01563,0.07261,0.02963,-0.0547,-0.01621,-0.006,-0.00384,0.05692,0.08598,0.04415,-0.08428,-0.05164,-0.06918,0.02422,-0.03829,0.03179,-0.09322,-0.01112,-0.01504,-0.02901,-0.01956,-0.00109,-0.02776,0.0476,0.01772,-0.05957,0.06126,0.02122,0.14476,-0.02757,-0.09121,-0.04564,0.02159,-0.02342,-0.08551,-0.01244,0.04466,-0.00386,-0.01948,0.04061,0.03042,-0.04987,0.01134,0.05168,-0.02501,0.04699,-0.04197,-0.05513,-0.0136,0.06359,-0.00342,-0.08693,0.00661,0.00504,0.00258,-0.05764,-0.00835,-0.08345,-0.00297,-0.00229,-0.06939,0.16311,0.08624,-0.01577,0.01177,-0.03209,-0.02747,0.00792,-0.07314,-0.07514,0,-0.03059,0.01855,-0.05193,-0.03837,0.04499,-0.0371,-0.00257,-0.07619,-0.03629,-0.06109,0.05626,0.01262,-0.01725,-0.03393,0.13409,-0.10081,-0.05531,0.10783,-0.05607,0.02788,0.00064,0.00706,-0.04298,0.02157,-0.00181,0.09335,-0.10282,0.01871,-0.03438,0.02953,0.00329,0.06996,-0.00707,-0.003,-0.04915,0.05797,0.01518,-0.10754,-0.00901,-0.03709,-0.04327,0.02375,0.00715,0.01723,-0.03276,0.01264,-0.06498,0.04368,0.01533,0.01706,-0.01361,0.00924,0.01801,-0.03437,0.05214,-0.03144,-0.02601,0.06831,0.05635,0.0798,0.03779,-0.01203,0.05345,-0.00169,0.01671,0.05772,-0.04018,-0.02955,0.04975,-0.03841,-0.0139,0.04278,-0.01204,0.06407,0.0558,-0.02226,-0.04644,-0.10222,0.08617,-0.04652,-0.03372,0.02985,-0.02302,0.0651,0.00699,-0.04611,-0.03571,-0.02355,-0.09135,0.01284,0.10639,0.02829,-0.0114,-0.07348,-0.04223,0,-0.03533,0.03787,-0.01284,0.08064,-0.05923,-0.00523,0.03678,-0.02358,0.04712,-0.00943,0.0593,0.03176,0.04154,0.0255,-0.06182,0.03232,0.0158,-0.05408,0.00057,-0.04467,0.13261,-0.04291,0.00546,0.0217,-0.06497,0.05937,-0.01671,0.00192,-0.0165,-0.10522,-0.06704,0.1171,-0.03214,-0.00276,0.00656,-0.00091,-0.06629,0.03692,-0.00897,-0.0268,0.02979,0.03112,0.04793,0.00637,-0.03648,0.05558,-0.01692,0.02715,0.01755,-0.02283,0.00748,0.00432,0.0276,-0.04571,-0.1232,0.05552,0.04128,-0.00369,0.0451,0.01168,0.08386,0.00148,-0.04032,0.03729,0.03398,0.00886,0.00955,0.00909,0.10634,-0.00619,0.07836,-0.02024,0.01855,-0.00692,-0.00078,0.05583,0.15715,-0.01354,0.01732,-0.02707,0.00193,0.11523,-0.00943,0.00407,0.04994,0.1134,-0.07404,-0.06914,-0.01015,0.03976,-0.05693,0.0383,-0.02311,-0.03772,0.00581,0,-0.07295,0.07627,-0.0786,0.00707,0.02424,-0.04554,0.00335,0.01939,-0.01475,0.0265,-0.06451,0.04223,-0.00692,-0.02948,0.15413,0.08317,0.0067,0.06111,-0.06062,-0.00838,0.02272,0.01909,-0.0087,0.0574,-0.04845,0.01073,-0.06293,0.0982,0.09469,0.03559,-0.00565,0.07142,-0.00568,-0.00541,-0.13893,0.01193,-0.02986,-0.04746,-0.00208,0.04987,0.00706,-0.09522,-0.01168,-0.00032,-0.11609,0.05489,0.01822,0.03897,0.01451,0.02375,-0.00635,-0.01724,-0.00651,0.02641,0.01874,0.01885,0.01283,-0.00544,0.01052,-0.00838,0.03268,0.00299,-0.03256,0.07192],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. On a canvas it produces two competing highlights — the focus ring on one node, the selection style on another — and everyone gets confused, sighted users included. Worse, moving DOM focus into consumer-rendered nodes has side effects the library cannot predict: focusin handlers fire in your templates, :focus-within styles trigger, screen readers start reading node internals mid-navigation. What shipped in v19 is the opposite arrangement:","excerpt":"On a canvas it produces two competing highlights — the focus ring on one node, the selection style on another — and everyone gets confused, sighted users included. Worse, moving DOM focus into consumer-rendered nodes has side effects the library cannot predict: focusin handlers fire in your templates, :focus-within styles trigger, screen readers start reading node internals mid-navigation. What shipped in v19 is the opposite arrangement:"},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#3","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[0.02047,-0.11186,-0.02628,0.06893,0.08873,0.03069,0.0947,-0.01311,0.10262,0.0503,-0.02817,0.0222,-0.05609,-0.06479,0.03333,0.02242,0.00271,-0.08707,0.01169,0.02919,-0.03313,-0.10542,0.02978,-0.07278,-0.08228,0.03626,-0.02169,-0.02889,0.03588,-0.06819,-0.04524,0.04242,0.05084,0.0299,-0.20073,0.01107,-0.01724,-0.04969,-0.11929,-0.02761,-0.01184,0.00364,0.00924,-0.01139,0.01101,-0.01531,-0.00218,-0.01827,-0.01673,0.04978,-0.09841,-0.04797,0.02758,0.02822,-0.01469,0.07127,0.02173,-0.02304,0.0043,0.00936,-0.07176,-0.01002,-0.03509,0.01724,0.05141,0.07382,0.00714,-0.10098,-0.0324,-0.06689,0.0144,-0.01485,0.03782,-0.08097,0.04324,-0.03622,-0.00235,-0.01514,0.01856,-0.00891,0.02918,0.00143,-0.04995,0.04085,0.08545,0.15434,-0.0727,-0.06176,-0.05297,0.02161,-0.00925,-0.04177,-0.02752,-0.02815,0.03145,-0.03773,0.05771,0.00401,-0.08794,0.02555,0.05107,-0.02237,0.0193,-0.01667,-0.06442,-0.01607,0.07291,0.00201,-0.06305,-0.03142,-0.02885,-0.04892,0.00068,0.00583,-0.07181,0.01335,-0.04956,-0.06453,0.14799,0.06711,-0.00917,-0.01965,-0.04006,-0.00631,-0.01307,-0.05164,-0.09516,0,-0.00156,-0.00268,-0.03568,-0.04899,0.00894,-0.02974,0.03268,-0.10626,0.00942,-0.03608,0.06147,0.00912,-0.02072,-0.01048,0.11323,-0.10469,-0.03283,0.1032,-0.05328,0.00833,0.06599,0.00683,-0.01532,-0.01244,0.02396,0.07709,-0.0925,0.03651,-0.02388,0.05065,-0.02072,0.05707,-0.05528,-0.01503,-0.04398,0.04792,-0.02128,-0.0883,0.02411,-0.03638,-0.03021,-0.01239,0.00487,0.00868,-0.03384,0.00887,-0.07224,0.00579,-0.0072,0.06192,0.02828,-0.02632,-0.01808,-0.05224,0.09691,-0.01586,-0.02491,0.08696,0.02581,0.1037,-0.00055,-0.01778,0.05083,0.02657,0.0032,0.08206,-0.03288,0.00552,0.04931,-0.05444,-0.00268,0.07087,0.0054,0.03552,0.04577,-0.0271,-0.00784,-0.11276,0.06305,-0.01526,-0.04027,-0.00973,-0.0579,0.04029,-0.00909,-0.03834,-0.01492,-0.05992,-0.10374,-0.02436,0.08362,0.04342,-0.04453,-0.06227,-0.02942,0,-0.03027,0.00696,-0.03521,0.09895,-0.07003,0.03352,0.04816,-0.02559,0.03137,-0.01752,0.045,0.08492,0.03057,-0.03069,-0.01007,0.02657,0.00511,0.00556,0.01862,-0.02733,0.0562,-0.03851,-0.02965,0.02632,-0.07937,0.03871,-0.02913,0.0165,0.00203,-0.09118,-0.01168,0.10001,-0.07084,0.00108,0.00955,0.01601,-0.05808,0.04629,-0.03954,0.03644,0.05077,0.02686,0.06179,0.01997,-0.02789,0.1027,-0.04178,0.00724,0.01239,0.00004,0.06084,-0.03474,0.00446,-0.07624,-0.11719,0.06735,0.05779,0.04244,-0.01249,0.01275,0.06555,-0.0006,0.01154,0.04553,0.02528,0.01019,0.05241,0.064,0.09422,0.00992,0.10382,0.00784,0.01297,0.00371,0.01972,0.06344,0.11854,-0.04035,-0.0362,-0.01155,0.00769,0.11769,0.0062,-0.02012,0.04276,0.10275,-0.06197,-0.05135,0.00895,0.003,-0.04149,0.04962,-0.00065,-0.05258,-0.01913,0,-0.0809,0.0746,-0.02135,-0.01553,0.02178,-0.04044,-0.00543,0.00392,-0.00603,-0.00245,-0.06156,0.05814,0.00385,-0.02928,0.14744,0.08479,0.01213,0.02809,-0.03337,-0.01557,0.0232,-0.011,-0.01656,0.06544,-0.04368,-0.01537,-0.0733,0.07987,0.07644,0.03169,0.02549,0.05873,0.02895,0.00859,-0.10261,0.02727,-0.04086,-0.04728,-0.06526,0.03823,0.01285,-0.0557,-0.01416,-0.01492,-0.14111,0.07371,-0.0152,-0.02326,-0.02563,0.01693,-0.01299,0.00669,0.00015,0.0619,0.01375,0.04563,0.01408,0.02883,0.04087,0.00915,0.03691,0.03595,-0.03726,0.08544],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. - DOM focus stays on the f-flow host — permanently. It is the single tab stop. - Arrow keys move the selection directly, exactly like a pointer click would. - The active item is exposed to assistive technology through aria-activedescendant on the host. - The selected style is the only visual state. The host's own focus ring is transparent — invisible in normal themes, repainted by Windows High Contrast so forced-colors users keep an indicator. 📌 In short: there is no keyboard focus state to learn. There is only selection, and the keyboard drives it.","excerpt":"- DOM focus stays on the f-flow host — permanently. It is the single tab stop. - Arrow keys move the selection directly, exactly like a pointer click would. - The active item is exposed to assistive technology through aria-activedescendant on the host. - The selected style is the only visual state. The host's own focus ring is transparent — invisible in normal themes, repainted by Windows High Contrast so forced-colors users keep an indicator. 📌 In short: there is no keyboard focus state to learn. There is only selection, and the keyboard drives it."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#4","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.00924,-0.1136,-0.00834,0.01937,0.06024,0.02494,0.06267,-0.00432,0.07027,0.0448,-0.01606,0.04797,-0.06019,-0.05481,0.05279,-0.01728,-0.01082,-0.07148,0.04033,0.04301,-0.03297,-0.07326,0.03687,-0.08384,-0.02673,0.03696,-0.04372,-0.01958,0.0831,-0.05885,-0.02919,0.07624,0.06055,0.02657,-0.19733,-0.01222,-0.01631,-0.05696,-0.11577,-0.02921,-0.01734,0.01361,-0.02978,-0.00396,0.00792,-0.06874,-0.02878,-0.02551,-0.00149,0.07977,-0.11214,-0.07623,-0.00288,-0.01579,-0.02146,0.0453,-0.00822,-0.0039,0.06647,0.02172,-0.04224,-0.01043,0.00027,0.02011,0.06397,0.06153,-0.00348,-0.09924,-0.03578,-0.04529,0.00492,-0.02165,0.04139,-0.07522,-0.0161,-0.05672,-0.0114,-0.0333,0.00269,-0.00351,0.01971,-0.01239,-0.04816,0.05013,0.06563,0.13984,-0.05612,-0.09184,-0.04889,0.0082,-0.01383,-0.05269,-0.01444,0.00799,0.00118,-0.0379,0.03293,0.04683,-0.07404,0.03015,0.05683,-0.05573,0.03495,0.00463,-0.06223,-0.04449,0.06931,-0.0679,-0.06828,-0.01623,-0.03349,-0.02958,-0.02408,-0.01458,-0.09283,0.00202,-0.05718,-0.0809,0.16094,0.09559,-0.0328,0.00087,-0.01753,0.00522,-0.00352,-0.07273,-0.10388,0,-0.03245,0.03548,-0.02632,-0.06828,0.04141,-0.04593,-0.02946,-0.08382,-0.00499,-0.04191,0.02256,0.04739,-0.01439,-0.00529,0.11345,-0.08099,-0.05523,0.12425,-0.02568,0.00281,0.04586,-0.01669,-0.00963,0.024,-0.00104,0.08821,-0.06998,-0.01088,-0.02472,0.06208,-0.01341,0.03334,-0.02101,-0.01645,-0.04467,0.02551,-0.00925,-0.09036,-0.00543,-0.03216,-0.04227,-0.00116,0.00484,-0.01346,-0.02707,-0.00319,-0.08171,0.03219,0.0278,0.03952,0.01664,0.00637,0.00702,-0.00621,0.08096,-0.03381,-0.01944,0.07538,0.03378,0.11234,-0.00043,-0.01731,0.04114,-0.00305,0.00093,0.08719,0.00749,0.00662,0.06874,-0.05451,-0.02327,0.06192,0.02269,0.0582,0.04155,-0.02582,-0.03259,-0.07239,0.05972,-0.03237,-0.05932,0.03037,-0.03304,0.03486,-0.0089,-0.03951,-0.00206,-0.03999,-0.10314,0.01123,0.07375,0.06175,-0.04843,-0.08322,-0.01681,0,-0.06818,0.03458,-0.03692,0.06207,-0.0667,0.03054,0.07514,-0.04387,0.05764,0.02685,0.05755,0.05948,0.07232,-0.03937,-0.02622,0.02111,-0.00464,-0.05513,0.01151,-0.0537,0.08925,-0.03467,0.00614,0.03327,-0.05201,0.04727,-0.05351,0.00615,0.00496,-0.08032,-0.05793,0.10168,-0.04951,0.01758,0.01996,0.0176,-0.07047,0.0527,-0.02773,-0.01524,0.03937,0.03218,0.08377,0.01258,-0.02003,0.08435,-0.03225,0.02923,-0.00169,-0.01948,0.04584,-0.01334,0.01633,-0.06533,-0.10999,0.05855,0.03179,0.00877,-0.01717,0.02426,0.0766,0.0193,0.00333,0.048,0.05572,0.00402,0.01926,0.03399,0.06543,0.00685,0.09466,0.00426,0.02066,0.01545,-0.0194,0.08997,0.13473,-0.00917,-0.01451,-0.02454,0.00997,0.13281,0.01838,0.00638,0.02871,0.12388,-0.07811,-0.05495,0.00992,0.03845,-0.03179,0.051,-0.01484,-0.01496,0.00552,0,-0.10239,0.06716,-0.03627,-0.00232,0.00858,-0.07069,-0.00414,0.00568,-0.00158,-0.01316,-0.03123,0.03015,-0.00818,-0.00344,0.13299,0.05697,0.00168,0.04521,-0.03625,-0.03117,0.04298,0.01842,-0.00718,0.06699,-0.05559,0.00253,-0.09528,0.05277,0.06465,0.02743,0.01013,0.04922,0.01042,0.02629,-0.11368,0.01289,-0.03613,-0.03558,-0.06135,0.0517,0.0233,-0.06801,-0.00571,-0.02316,-0.12199,0.10635,0.00232,-0.03568,0.01598,-0.00058,-0.02229,-0.00153,0.01575,0.0403,0.02477,0.06321,-0.0041,0.00264,0.03552,0.00804,0.0404,0.03734,-0.0219,0.09047],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. This is the second canonical ARIA pattern (aria-activedescendant composite widgets) rather than the first (roving tabindex), and for a canvas it is the right one: no focus jumps, no consumer-template side effects, no double speech.","excerpt":"This is the second canonical ARIA pattern (aria-activedescendant composite widgets) rather than the first (roving tabindex), and for a canvas it is the right one: no focus jumps, no consumer-template side effects, no double speech."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#5","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[0.00083,-0.09053,-0.0459,0.01705,0.05113,0.04448,0.02867,0.02546,0.08261,0.06151,-0.00798,0.03857,-0.02451,-0.05362,0.02,0.00174,-0.01005,-0.03558,0.01508,0.0263,-0.05211,-0.05906,0.05225,-0.06033,-0.05289,0.0326,-0.01278,0.01335,0.07356,-0.06913,-0.04432,0.0509,0.03771,0.04185,-0.19574,0.00849,-0.03695,-0.06079,-0.07941,-0.03096,0.02287,0.05422,0.03776,-0.00784,0.02263,-0.00485,-0.06395,0.01352,0.0208,0.04678,-0.11946,-0.07485,-0.01234,-0.006,-0.01137,0.08339,0.00014,-0.05489,0.08269,0.00717,0.03693,-0.0417,0.0015,-0.00271,0.05014,0.05001,-0.03185,-0.09167,-0.06772,-0.04149,0.00864,-0.03154,0.02026,-0.06191,0.01553,-0.02852,-0.01817,-0.00691,0.01656,0.02085,-0.00204,0.03319,-0.04569,0.10406,0.02284,0.14666,-0.06119,-0.05932,-0.01728,-0.01125,0.00383,-0.05368,-0.05567,-0.00055,0.01453,-0.04622,0.03925,-0.00217,-0.11642,0.0207,0.05002,-0.01767,0.01557,-0.02395,-0.01988,0.01341,0.06625,-0.04481,-0.05433,-0.03741,-0.05032,-0.04389,-0.03481,0.02138,-0.09782,-0.02089,-0.02161,-0.07464,0.14555,0.07457,-0.02372,0.00148,-0.03016,-0.00896,-0.02314,-0.03115,-0.07961,0,-0.07101,0.02073,0.02453,-0.06099,0.0443,-0.03773,-0.02248,-0.08277,0.00017,-0.0189,-0.00021,-0.00766,-0.02469,-0.04843,0.11189,-0.08285,-0.03151,0.10457,-0.11019,0.0126,0.06915,-0.03626,-0.02497,-0.00471,-0.00445,0.07055,-0.10133,0.00205,-0.01377,0.034,-0.0199,0.0577,-0.04846,-0.03164,-0.03804,0.05646,0.01223,-0.07551,-0.01807,-0.0511,-0.06199,0.0029,0.0011,-0.02729,-0.02446,0.01087,-0.04905,-0.0051,0.02931,0.02273,0.02582,0.02344,-0.01444,-0.04725,0.08294,-0.01129,-0.01658,0.08933,0.03867,0.1123,0.02543,-0.03819,0.06216,0.00962,0.02131,0.06079,-0.05938,-0.01414,0.11556,-0.02354,-0.00273,0.05651,0.02852,0.06242,0.01526,-0.00308,-0.04391,-0.09419,0.08903,-0.0543,-0.03563,0.01132,-0.03687,0.02703,0.01754,-0.07369,-0.04699,-0.04128,-0.10012,-0.00035,0.06164,0.03296,-0.0292,-0.05807,-0.05227,0,-0.04765,0.03698,-0.01298,0.07322,-0.05155,-0.02094,0.03398,-0.04367,0.01985,0.05204,0.01941,0.0818,0.06499,-0.0314,0.02116,0.04604,0.05826,-0.03344,-0.00426,-0.05985,0.10887,-0.04964,-0.00125,0.01561,-0.04699,0.0562,-0.01037,0.0032,-0.02383,-0.08256,-0.06115,0.07081,-0.06132,0.00389,0.00182,-0.05971,-0.10467,0.02472,0.00094,-0.00461,0.0554,0.03989,0.0601,0.01424,0.01362,0.0671,-0.00702,0.06272,-0.02297,-0.01058,0.02408,0.00715,0.03559,-0.04628,-0.0955,0.10136,0.04875,0.02382,0.05265,-0.00082,0.04829,-0.01392,-0.00552,0.07174,0.03479,0.03836,0.02116,0.06377,0.03007,0.01898,0.06515,0.03734,0.02132,-0.00484,-0.00092,0.07039,0.11339,-0.00925,0.02141,-0.03111,-0.0324,0.0897,-0.00047,0.00991,0.06719,0.07771,-0.02543,-0.07831,0.04136,0.04398,-0.03871,0.01688,-0.03845,-0.0804,-0.01841,0,-0.14048,0.06421,-0.0657,0.01716,0.01911,-0.02611,0.01102,0.02964,-0.02324,0.01114,-0.03118,0.0332,-0.02112,0.01252,0.11306,0.07089,-0.01513,0.02721,-0.02245,0.01326,0.00967,-0.00435,0.00301,0.09851,-0.05105,-0.02773,-0.12078,0.10391,0.08202,-0.00054,0.04304,0.0395,0.04951,0.04694,-0.1114,0.02723,-0.04083,-0.00389,-0.03888,0.0405,-0.00258,-0.05477,0.02508,-0.01972,-0.14099,0.10224,0.03233,0.00091,0.00318,-0.03228,-0.00925,-0.01981,-0.00418,0.03764,0.03369,0.05421,-0.00338,-0.0394,-0.01944,0.00338,0.00729,0.07581,-0.06873,0.08327],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. ⚡ Navigation That Understands Geometry Arrow keys need an answer to \"what is to the right of this node?\" — and centers are the wrong way to compute it. A tall node whose center is far below still starts right next to you; a wide neighbor in the same row should win over a nearer one two rows down.","excerpt":"⚡ Navigation That Understands Geometry Arrow keys need an answer to \"what is to the right of this node?\" — and centers are the wrong way to compute it. A tall node whose center is far below still starts right next to you; a wide neighbor in the same row should win over a nearer one two rows down."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#6","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.00834,-0.12413,-0.02412,-0.02839,0.05081,0.04586,-0.00925,-0.01132,0.09133,0.05121,-0.02444,0.06314,-0.0189,-0.03032,0.03573,-0.05829,0.05203,-0.09522,0.01946,0.05478,-0.03862,-0.08632,0.031,-0.08899,0.00179,0.02073,0.03367,-0.02738,0.09289,-0.0648,-0.03657,0.05732,0.05216,0.04209,-0.20431,0.00341,-0.01231,-0.00909,-0.10042,0.0234,-0.01638,0.01121,0.02367,0.0004,0.05533,-0.00387,-0.03182,-0.00908,-0.0017,0.06369,-0.1226,-0.04474,0.00351,0.00218,-0.0266,0.04801,0.02592,-0.02357,0.05846,0.0307,0.03363,-0.04865,-0.0069,0.00532,0.06283,0.04223,-0.02769,-0.11189,-0.0332,-0.03102,-0.01095,-0.01505,0.03237,-0.0704,0.00535,-0.03548,0.01062,-0.03676,0.0162,-0.01679,-0.00389,-0.03854,-0.09331,0.08126,0.04291,0.10648,-0.079,-0.06844,-0.0131,0.03098,-0.03363,-0.03886,-0.00636,-0.01774,0.03366,-0.02908,0.04769,0.00525,-0.10236,0.02832,0.0373,-0.04605,-0.00542,-0.01642,0.02645,0.0033,0.05736,-0.04375,-0.05506,-0.02863,-0.03451,0.00041,-0.02423,0.04458,-0.08665,-0.02548,-0.01903,-0.07098,0.15663,0.03531,-0.02311,-0.01103,-0.0366,0.0007,-0.00533,-0.0261,-0.07124,0,-0.05144,0.05514,-0.02356,-0.09713,0.01518,0.01377,-0.03084,-0.07571,0.01137,0.01385,0.02331,0.01308,-0.01104,0.00879,0.11001,-0.06145,-0.04071,0.08002,-0.10365,0.02461,0.08366,-0.05337,-0.02907,0.01472,-0.03412,0.08541,-0.07664,-0.01409,0.01645,0.0386,-0.06049,0.0672,-0.06005,-0.02913,-0.0304,0.01139,-0.00803,-0.10614,0.02363,-0.04161,-0.06491,0.02091,-0.01948,-0.06437,-0.0421,0.02285,-0.05811,0.03167,-0.03193,0.03831,0.03402,0.02613,-0.02081,-0.02482,0.07839,-0.06487,-0.01091,0.08161,0.04097,0.10966,0.03764,0.00926,0.08222,0.04501,0.01946,0.06987,-0.01559,0.01369,0.08488,-0.05299,-0.00138,0.07667,-0.00785,0.01207,0.0193,-0.02389,-0.03572,-0.05815,0.08967,-0.05173,-0.05003,0.02359,-0.02984,0.01907,0.01384,-0.05111,-0.02125,-0.05782,-0.13995,0.00624,0.05229,0.02096,-0.01326,-0.02084,-0.01806,0,-0.03269,0.05669,0.00411,0.058,-0.05524,-0.05103,0.04557,-0.05062,0.03446,0.02399,0.01737,0.04395,0.03839,-0.02757,0.03133,0.01085,0.03086,-0.05045,-0.01542,-0.06856,0.11915,-0.03157,-0.02452,0.06615,-0.03099,0.0389,-0.0011,0.01883,-0.06587,-0.06544,-0.04405,0.07428,-0.06141,-0.02179,0.01594,0.00846,-0.05587,0.03501,-0.00282,0.0025,0.06377,0.02167,0.01247,0.0116,0.00465,0.09686,-0.06602,0.0616,-0.038,0.0146,0.03761,0.04387,0.01793,-0.05009,-0.10777,0.07149,0.05429,0.03866,0.05331,-0.01506,0.04194,-0.01559,-0.00928,0.02451,0.03039,0.0205,0.06568,0.038,0.09468,0.05051,0.0915,0.03446,0.06202,0.02466,0.03804,0.12498,0.12108,-0.00157,0.01713,-0.00113,-0.07263,0.066,0.02362,0.04545,0.05752,0.11472,-0.04852,-0.09087,0.01071,0.06491,-0.03634,0.02671,0.00195,-0.04705,0.02438,0,-0.11086,0.05885,-0.03383,-0.00089,0.00256,-0.01638,0.016,-0.00733,-0.00223,-0.01995,0.0028,0.02828,-0.0109,0.03396,0.09899,0.04624,0.01014,0.01382,-0.02569,0.05805,0.03554,-0.02629,-0.00362,0.09962,-0.0348,-0.04193,-0.093,0.07367,0.04051,-0.00016,0.01698,0.03333,0.05495,0.06918,-0.08713,0.02075,-0.03648,-0.01404,-0.02778,0.05345,0.00205,-0.05503,-0.02185,-0.0346,-0.11371,0.09466,0.05072,-0.04684,-0.00085,-0.02148,-0.03182,-0.01499,-0.01925,0.0101,0.05868,0.04652,0.01286,-0.02874,0.02243,0.0115,0.00771,0.06798,-0.11443,0.06331],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. The spatial algorithm works on edges: a candidate qualifies when it lies ahead of the current item in the pressed direction, and it is scored by the gap between facing edges plus a doubled penalty for leaving the current row or column. The nearest diagonal neighbor beats a far straight one — on a sparse canvas, strict \"straight sector first\" logic (the TV-remote model) jumps across the whole graph, and that is not what a hand on the arrow keys expects. Two more decisions matter here:","excerpt":"The spatial algorithm works on edges: a candidate qualifies when it lies ahead of the current item in the pressed direction, and it is scored by the gap between facing edges plus a doubled penalty for leaving the current row or column. The nearest diagonal neighbor beats a far straight one — on a sparse canvas, strict \"straight sector first\" logic (the TV-remote model) jumps across the whole graph, and that is not what a hand on the arrow keys expects. Two more decisions matter here:"},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#7","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.00101,-0.1111,-0.02549,0.04382,0.01518,0.03439,0.0624,0.01312,0.04347,0.05307,0.00781,0.02811,-0.02617,-0.03629,0.01556,0.04013,0.01089,-0.05941,0.04543,0.03175,-0.06455,-0.06891,0.04085,-0.02372,-0.02139,0.02736,0.00292,-0.0584,0.04112,-0.0526,-0.05404,0.04853,-0.02255,0.02379,-0.21099,0.02874,-0.02464,-0.02346,-0.07555,-0.04308,0.01141,0.05229,0.0364,0.01284,0.02948,-0.004,-0.07907,-0.00471,0.03545,0.06816,-0.10837,-0.07291,-0.04776,-0.00872,0.00331,0.10219,-0.01208,-0.03353,0.03418,-0.00301,0.04841,-0.0147,-0.04066,0.03817,0.04045,0.04305,0.00395,-0.07081,-0.01851,-0.03056,-0.01515,-0.0501,0.01932,-0.05247,0.03594,-0.01872,0.02089,0.00932,-0.01343,-0.02087,0.0303,0.05863,-0.03566,0.10417,0.04413,0.12882,-0.05349,-0.07623,0.02258,-0.01493,-0.01854,-0.05475,-0.03532,-0.03719,0.03128,-0.02702,0.01213,0.00265,-0.08999,0.04032,0.06591,-0.02638,0.01727,-0.03039,-0.03563,0.01875,0.06397,-0.04191,-0.06148,0.02313,-0.03558,-0.0254,-0.04989,0.00347,-0.06686,0.03622,-0.03735,-0.04837,0.15172,0.10799,-0.07138,0.01814,-0.07481,0.01035,-0.00659,-0.0282,-0.0564,0,-0.01726,0.02988,-0.00013,-0.04578,0.04724,-0.02206,-0.03256,-0.08389,-0.02969,0.00408,-0.00559,-0.02841,-0.03695,-0.00637,0.09399,-0.11053,-0.0102,0.05666,-0.06314,0.00749,0.05359,-0.0369,-0.03415,-0.00686,0.03947,0.05201,-0.08567,-0.0013,-0.02414,0.03962,-0.05879,0.0557,-0.05275,-0.02755,-0.05291,0.02105,0.00061,-0.09165,-0.00745,-0.05,-0.04931,-0.00215,-0.01361,-0.03067,-0.01946,0.01565,-0.08835,0.01591,-0.00349,0.02421,0.02233,0.00404,-0.01979,-0.03594,0.05024,-0.05164,-0.03784,0.09747,0.03077,0.12735,0.03407,0.00908,0.05662,0.04515,0.00862,0.07057,-0.06661,-0.00369,0.11462,-0.06034,-0.05146,0.04365,0.00234,0.06844,0.02406,-0.01393,-0.08734,-0.11939,0.10151,-0.04748,-0.0581,-0.00661,-0.0645,0.06742,0.06612,-0.07385,-0.00043,-0.07301,-0.05681,0.02627,0.06732,0.07349,-0.00491,-0.01113,-0.03053,0,-0.02372,0.04177,0.01961,0.06596,-0.10365,0.00035,0.04116,-0.07134,0.03107,0.02033,0.01783,0.08344,0.06972,-0.01699,0.01427,0.04477,0.0315,-0.0498,-0.02208,-0.01558,0.07291,-0.02923,-0.02497,-0.03868,-0.03408,0.05363,-0.0025,0.03253,-0.0388,-0.06333,-0.06257,0.09901,-0.00706,-0.04175,-0.00668,0.02907,-0.06294,0.05118,-0.01198,-0.01407,0.05603,0.00965,0.07798,-0.01118,-0.00792,0.0823,-0.06195,0.0536,-0.07385,0.00895,0.02637,0.00968,0.02267,-0.07635,-0.11463,0.09412,0.04444,0.01075,0.06053,-0.03282,0.04951,-0.01278,-0.00728,0.07664,0.04834,-0.00557,0.02685,0.01373,0.0342,0.01007,0.04079,0.0613,0.02698,-0.01949,0.07237,0.02811,0.11921,-0.03421,0.02145,-0.01659,-0.01019,0.09472,0.026,0.00145,0.02617,0.10611,-0.08443,-0.04384,0.04623,0.04947,-0.03147,0.02959,-0.05257,-0.07626,-0.01096,0,-0.12077,0.06738,-0.0711,0.01624,0.02439,0.00325,-0.00396,0.06961,-0.02796,0.02307,-0.03252,0.08163,-0.03682,0.04907,0.0805,0.04945,0.02849,0.00102,-0.02876,0.00147,0.02234,-0.03461,0.00571,0.12679,-0.03,-0.04628,-0.08132,0.11072,0.05137,0.01341,0.03541,0.02166,-0.00271,0.06372,-0.12662,0.02456,-0.0111,-0.00373,-0.02194,0.05584,0.01008,-0.01296,-0.00144,-0.01581,-0.14047,0.07795,0.05741,-0.0224,0.01772,-0.02253,-0.02834,-0.03441,0.00753,0.00061,0.03608,0.02682,0.00965,-0.02964,-0.03207,0.00084,-0.01386,0.05561,-0.08264,0.00258],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. - Navigation travels over nodes and connections. A connection is a stop at its midpoint, so walking a chain reads node → connection → node, and a selected connection can be deleted like anything else. - The opposite arrow returns to where you came from, even when geometry would prefer a different neighbor. Going right and then left should be a round trip. Ctrl+arrow adds the graph-native move: follow the connection in that direction to the node on its other end. Geometry navigation answers \"what is near me\"; topology navigation answers \"what am I wired to\".","excerpt":"- Navigation travels over nodes and connections. A connection is a stop at its midpoint, so walking a chain reads node → connection → node, and a selected connection can be deleted like anything else. - The opposite arrow returns to where you came from, even when geometry would prefer a different neighbor. Going right and then left should be a round trip. Ctrl+arrow adds the graph-native move: follow the connection in that direction to the node on its other end. Geometry navigation answers \"what is near me\"; topology navigation answers \"what am I wired to\"."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#8","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.05549,-0.09665,0.00246,0.05264,0.03856,0.055,0.06901,0.01901,0.12611,0.01583,0.02449,0.00996,-0.0538,-0.05616,0.04212,0.02361,-0.03237,-0.05038,-0.02012,0.04623,-0.00899,-0.07218,0.01733,-0.07148,-0.0635,0.03228,-0.03074,-0.01908,0.07776,-0.06724,-0.03496,0.04831,-0.00085,0.01022,-0.19429,0.00182,-0.0036,-0.022,-0.07427,-0.04872,-0.03363,0.01716,0.00555,-0.00745,-0.02856,0.01894,-0.05108,-0.01261,0.00437,0.07436,-0.06019,-0.00787,0.04543,0.05564,-0.00396,0.04448,-0.01109,-0.00514,0.02157,0.01087,-0.01265,0.00039,-0.02004,0.0007,0.05739,0.04607,-0.02343,-0.08853,-0.03136,-0.0286,-0.0157,-0.05409,-0.00983,-0.04879,0.03138,-0.0292,-0.03382,-0.00437,0.00321,0.03404,0.0277,-0.00716,-0.07965,0.07068,0.0327,0.13593,-0.06221,-0.05481,-0.02751,0.00191,-0.01533,-0.01767,0.00726,-0.02547,0.03208,-0.03742,0.02327,0.00868,-0.09533,0.0342,0.0405,0.00716,-0.00054,-0.02336,-0.04987,-0.05293,0.06986,-0.07576,-0.05906,-0.00194,-0.02331,-0.03994,-0.01435,0.03218,-0.08421,0.02047,-0.07414,-0.03493,0.12536,0.121,-0.05574,-0.00688,-0.03465,0.01114,-0.01854,-0.02979,-0.12096,0,-0.01796,-0.02595,-0.048,-0.07081,0.02007,-0.05557,-0.02511,-0.07919,0.0259,-0.01871,0.01531,-0.05124,0.02775,-0.02758,0.11516,-0.07669,-0.03199,0.10335,-0.05771,0.00362,0.08751,0.03206,0.0009,0.04812,0.04634,0.08296,-0.11406,-0.00313,0.06467,0.04428,-0.06941,0.03413,-0.07855,-0.0514,-0.02303,0.0846,0.00016,-0.09233,-0.00323,-0.06527,-0.03749,-0.04171,-0.04869,-0.02348,-0.04731,-0.04623,-0.06774,-0.01094,0.00163,0.0314,0.03758,0.01239,-0.01182,-0.02863,0.0944,-0.02666,-0.04109,0.07319,0.01217,0.10922,-0.00406,0.04573,0.05216,0.02047,0.02181,0.04386,-0.03069,0.00309,0.05677,-0.05839,-0.05872,0.03933,-0.00969,0.02057,-0.00215,-0.0474,-0.05299,-0.11159,0.06557,-0.04141,-0.03644,0.00643,-0.0419,0.07196,0.0612,-0.05237,-0.01711,-0.07979,-0.10404,0.01506,0.08181,0.04541,-0.05292,-0.07554,0.00209,0,-0.0421,0.06572,-0.0358,0.06747,-0.0535,0.02934,0.00244,-0.04973,0.05404,-0.00289,-0.00763,0.08921,0.00763,-0.01694,0.00763,0.00309,-0.00606,-0.002,-0.00604,-0.0111,0.08489,-0.01995,0.01697,0.06048,-0.11065,0.04666,0.01052,0.05073,-0.00902,-0.06457,-0.04114,0.10008,-0.05522,-0.01366,0.00497,-0.01979,-0.06845,0.09384,-0.00601,-0.02731,0.04148,0.03972,0.10203,0.04742,-0.0215,0.07179,-0.05272,0.02851,-0.01101,0.01144,0.04562,-0.01654,-0.04166,-0.06928,-0.09253,0.06799,0.09196,-0.03017,-0.02255,0.0296,0.02133,0.0105,-0.0044,0.03392,0.09182,-0.01015,0.03166,0.03831,0.05702,0.01967,0.09221,0.01028,0.06964,-0.02314,0.03909,0.05811,0.09531,-0.02255,0.01858,-0.03805,-0.00753,0.09491,0.01405,0.01027,-0.00222,0.11734,-0.08566,-0.03248,0.00903,0.0237,-0.024,0.04718,0.02983,-0.01209,0.00424,0,-0.03458,0.09464,-0.02499,0.00164,0.01768,-0.01552,-0.03372,0.01812,-0.00025,0.01668,-0.02133,0.05377,-0.00286,0.03784,0.08532,0.05491,0.0252,0.0404,-0.06292,-0.00156,0.00497,-0.03313,0.01272,0.0894,-0.01239,-0.05229,-0.0631,0.06747,0.03046,0.00919,0.02206,0.05658,0.035,0.08611,-0.14238,0.00535,-0.01526,-0.03278,-0.06056,0.06057,0.01142,-0.00967,-0.03348,-0.02984,-0.15755,0.07013,0.05023,-0.0245,-0.00568,0.05616,-0.07258,-0.00695,0.01797,0.06775,0.04641,0.09189,-0.01809,-0.00199,0.0439,-0.01563,0.01462,0.03203,-0.03766,0.07018],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. 🔧 Moving and Connecting Without a Mouse Movement uses a grab pattern with two entry styles. Hold Space and use arrows — release to drop. Or tap Space to grab and tap again to drop. The second form exists because holding one key while pressing another is a chord, and chords are exactly what some motor-impaired users cannot do. Both forms move the whole selection — the same set a pointer drag would move — and emit the same fMoveNodes event on drop. Escape puts everything back. f Move Nodes","excerpt":"🔧 Moving and Connecting Without a Mouse Movement uses a grab pattern with two entry styles. Hold Space and use arrows — release to drop. Or tap Space to grab and tap again to drop. The second form exists because holding one key while pressing another is a chord, and chords are exactly what some motor-impaired users cannot do. Both forms move the whole selection — the same set a pointer drag would move — and emit the same fMoveNodes event on drop. Escape puts everything back."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#9","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.05817,-0.1283,-0.05337,0.01325,0.03177,0.04478,0.02758,0.00131,0.07067,-0.01548,-0.00253,0.00977,-0.05405,-0.06076,0.06728,-0.00263,0.02259,-0.07626,-0.01057,0.01754,-0.04139,-0.09447,0.05194,-0.08172,-0.01906,-0.02392,-0.03936,-0.02977,0.07511,-0.05646,0.00081,0.08412,0.01387,0.04475,-0.14267,0.00438,-0.00332,-0.05583,-0.09912,-0.05321,-0.01804,-0.00011,0.0186,-0.01306,0.03265,0.00816,-0.04139,-0.00838,-0.01501,0.09989,-0.09548,-0.09656,0.02504,-0.00364,0.00655,0.07497,-0.00226,-0.00907,0.00526,0.02728,0.00375,-0.02055,-0.00865,0.01002,0.03033,0.02645,0.0042,-0.10277,-0.02077,-0.09184,-0.03717,-0.05215,0.03006,-0.08864,-0.00374,-0.01658,-0.02177,-0.00621,0.01588,-0.03694,0.03568,0.02286,-0.04939,0.07521,0.02707,0.11625,-0.00314,-0.05832,-0.03183,0.03745,-0.06599,-0.04426,-0.02279,-0.00981,0.00839,-0.03498,0.03672,0.01547,-0.06883,0.00934,0.03591,-0.00926,0.03073,-0.01474,-0.05474,-0.01012,0.04124,-0.00713,-0.05948,-0.02239,-0.01251,-0.02955,0.00257,-0.03927,-0.05388,-0.00819,-0.08535,-0.04236,0.17508,0.05719,-0.02659,-0.0204,-0.04103,-0.02154,0.00317,-0.05673,-0.10685,0,-0.01151,0.0312,-0.02412,-0.08087,0.04723,-0.01803,0.00307,-0.0883,-0.0398,-0.02771,0.00701,0.00834,-0.01024,-0.00756,0.08272,-0.09166,-0.06999,0.10105,-0.04931,0.0175,0.06892,-0.01022,-0.00151,0.00287,0.03186,0.08639,-0.07862,0.0422,0.02044,0.03947,-0.0362,0.05321,-0.03545,-0.01849,-0.0473,0.02621,0.01277,-0.1407,-0.03558,0.00115,0.01563,-0.0147,-0.0507,-0.06714,-0.06098,0.00725,-0.05181,0.02924,0.05535,0.02892,-0.00138,-0.00581,0.01168,-0.02763,0.09485,-0.05134,-0.0505,0.09107,0.02892,0.13154,-0.01067,0.00762,0.04089,0.02255,0.02445,0.08608,0.02145,0.02792,0.06357,-0.02291,-0.06299,0.03268,-0.02875,0.03103,0.04944,-0.04097,-0.04568,-0.06069,0.07028,-0.01535,-0.04787,-0.00137,-0.02847,0.07743,0.0416,-0.05991,-0.05376,-0.06242,-0.12262,0.0069,0.06879,0.02241,-0.00354,-0.01929,-0.0443,0,-0.01686,0.0453,-0.06957,0.08115,-0.06645,0.01371,0.05049,-0.04889,0.02282,0.01329,0.0475,0.05622,0.06259,-0.04067,-0.02598,0.00486,0.02544,-0.07618,-0.01049,-0.02185,0.09986,-0.02535,0.03638,0.00787,-0.10012,0.05876,0.01894,0.01155,-0.01941,-0.08306,-0.01237,0.09193,-0.06023,-0.02145,0.00643,0.00527,-0.01642,0.03974,0.01097,-0.01567,0.06924,0.02356,0.04552,0.04079,-0.02745,0.11194,-0.08255,-0.00606,-0.01666,0.02033,0.03136,0.00646,-0.00048,-0.07315,-0.15101,0.08097,0.06419,0.00666,0.00985,0.03517,0.09071,-0.02361,-0.00253,0.05106,0.06259,0.02798,0.02471,0.07201,0.08458,0.04071,0.1068,0.00786,0.04664,0.01866,-0.00391,0.07306,0.11925,-0.06338,0.03808,-0.02809,-0.01293,0.08647,0.04655,0.01511,0.08125,0.09907,-0.09417,-0.04628,0.04258,0.04923,-0.04896,0.06246,-0.0006,0.00249,-0.0252,0,-0.06184,0.07799,-0.03447,-0.00226,0.01601,-0.02345,-0.01979,0.05183,0.00985,0.03014,-0.02821,0.02849,-0.02679,0.03153,0.14404,0.03825,0.00629,0.03933,-0.05396,-0.04798,0.02426,-0.01654,-0.01365,0.06362,-0.01715,-0.03548,-0.03806,0.11138,0.0392,0.00116,0.00158,0.04821,0.0345,0.02947,-0.11353,0.05048,-0.02922,-0.04135,-0.04649,0.02385,0.01873,-0.01986,-0.03236,-0.03216,-0.11119,0.08562,-0.01978,-0.05437,-0.02701,0.03205,-0.03138,0.013,0.01411,0.05273,0.04738,0.06245,0.00326,-0.00462,0.06065,0.03727,0.01634,0.03165,-0.00773,0.05178],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. Creating a connection is where the v19 architecture paid off. The click-to-connect feature shipped earlier in this release extracted a gesture-independent engine — FCreateConnectionSession — that owns the preview line, snapping, connectable marking, target resolution, and the fCreateConnection emission. The keyboard flow is just a third gesture on that engine: F Create Connection Session f Create Connection","excerpt":"Creating a connection is where the v19 architecture paid off. The click-to-connect feature shipped earlier in this release extracted a gesture-independent engine — FCreateConnectionSession — that owns the preview line, snapping, connectable marking, target resolution, and the fCreateConnection emission. The keyboard flow is just a third gesture on that engine:"},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#10","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.03487,-0.1203,-0.05892,0.07162,0.06226,0.05907,0.03646,-0.01602,0.07351,0.01368,-0.0016,-0.02185,-0.0726,-0.02198,0.04032,0.01953,-0.00867,-0.06334,-0.00142,0.0286,-0.07407,-0.08811,0.02891,-0.06498,0.00809,-0.04474,-0.00111,-0.03685,0.05441,-0.07909,0.00257,0.05085,-0.02159,0.02229,-0.13716,0.00164,-0.01368,-0.06095,-0.06187,-0.03817,0.02412,0.013,0.00114,-0.0541,-0.03242,0.00976,-0.02641,-0.00101,-0.00005,0.0864,-0.08047,-0.04682,-0.00375,0.03572,0.02054,0.05188,0.00161,0.00179,0.03617,0.01863,-0.03488,-0.05242,0.01154,-0.00252,0.02985,0.07489,-0.02505,-0.09165,-0.032,-0.01422,0.01407,-0.06204,0.02123,-0.07227,0.04593,0.02568,-0.02855,0.03984,-0.00304,-0.02731,0.03189,0.01954,-0.08008,0.05446,0.03367,0.16581,-0.05184,-0.0737,-0.03963,0.03416,-0.04161,-0.04274,0.00883,-0.01497,0.01426,-0.04282,0.0378,0.0144,-0.0778,0.01034,0.02095,0.00145,0.01743,0.02064,-0.05582,-0.039,0.01218,-0.04943,-0.06461,-0.0165,0.01131,-0.03401,-0.00318,-0.01474,-0.10558,0.02249,-0.03583,-0.05163,0.11497,0.10264,-0.05332,0.00342,-0.02244,0.00151,-0.02273,-0.04462,-0.09742,0,-0.02364,-0.00455,-0.05754,-0.07202,0.02998,-0.02864,0.00059,-0.07262,-0.04131,-0.02767,0.03145,-0.01686,0.0191,-0.0138,0.05036,-0.09622,-0.04329,0.09046,-0.06734,0.01797,0.06097,-0.01987,-0.05187,-0.04418,0.04188,0.0686,-0.08225,0.0348,0.03606,0.05186,-0.02352,0.0877,-0.00875,-0.00046,-0.04554,0.01801,-0.00509,-0.07809,-0.02277,-0.02472,-0.00071,-0.03399,-0.06831,0.00102,-0.02582,-0.01448,-0.06701,0.00734,0.0625,0.01598,-0.00474,-0.01516,0.02971,-0.0265,0.10389,-0.05642,-0.10472,0.09588,0.02285,0.08619,0.01369,0.0074,0.00989,-0.0061,0.02524,0.08487,-0.04077,0.00083,0.07944,-0.07132,-0.01786,0.0406,-0.02502,0.03764,0.01129,-0.01974,-0.0482,-0.00456,0.09482,-0.03341,-0.04354,0.00011,-0.0354,0.04864,0.04996,-0.0846,-0.0655,-0.06841,-0.13952,0.00361,0.10284,0.07914,-0.01149,0.00046,-0.03372,0,-0.01066,0.05995,-0.01962,0.08642,-0.0729,0.02453,0.01653,-0.07108,0.06215,0.02751,0.04809,0.07579,0.04813,-0.0399,-0.01689,0.01685,0.0072,-0.02799,-0.01947,-0.0001,0.10618,-0.03403,0.02806,0.00216,-0.05218,0.0485,0.03688,0.00501,-0.00925,-0.10344,-0.02354,0.10725,-0.08718,-0.02631,0.01722,-0.02145,-0.0288,0.07896,0.00448,-0.02228,0.05029,0.05518,0.00849,0.02977,-0.00703,0.05822,-0.05806,0.0028,0.00013,0.0362,-0.00921,-0.01764,-0.01474,-0.03213,-0.108,0.07214,0.1129,0.00565,0.03101,0.0028,0.09254,-0.01781,0.01167,0.0493,0.07229,0.02482,0.01351,0.08724,0.10482,0.02509,0.04812,0.02239,0.06465,-0.01932,0.01194,0.06133,0.11392,-0.08234,0.04808,-0.01513,-0.0173,0.10475,0.00469,-0.0019,0.0634,0.11421,-0.07463,-0.01388,0.04716,0.06327,-0.06618,0.02879,0.03281,-0.02572,-0.01009,0,-0.10071,0.07252,-0.07056,0.01816,0.03645,-0.03334,-0.04746,-0.00625,-0.00964,-0.00196,-0.07011,0.06831,-0.01232,0.03743,0.12438,-0.00377,0.01294,0.01525,-0.03707,-0.01227,0.01054,-0.02921,0.02571,0.11354,-0.01956,-0.05689,-0.04767,0.07124,0.03025,0.00832,-0.02743,0.04089,0.00767,0.02278,-0.16732,0.04694,-0.01677,-0.04646,-0.06381,0.05289,0.04428,-0.04722,-0.02075,-0.0383,-0.12741,0.0943,0.01485,-0.00923,-0.01167,0.04122,-0.01645,-0.0029,0.01242,0.02337,0.05201,0.00866,-0.00518,0.01615,0.05705,0.00753,0.04157,0.04714,-0.02464,0.05889],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. - C starts a session from the selected node (exactly one node must be selected — anything else would guess the source silently). - The proposed target defaults to the nearest connector on another node that is not already connected to the source. - Arrows move between candidate targets spatially, with the same preview and snap highlight the drag gesture shows. - Enter emits fCreateConnection. Escape cancels. Every connection rule — disabled connectors, categories, fCanBeConnectedTo, multiplicity — applies unchanged, because it is the same engine the pointer uses. f Create Connection f Can Be Connected To","excerpt":"- C starts a session from the selected node (exactly one node must be selected — anything else would guess the source silently). - The proposed target defaults to the nearest connector on another node that is not already connected to the source. - Arrows move between candidate targets spatially, with the same preview and snap highlight the drag gesture shows. - Enter emits fCreateConnection. Escape cancels. Every connection rule — disabled connectors, categories, fCanBeConnectedTo, multiplicity — applies unchanged, because it is the same engine the pointer uses."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#11","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.05846,-0.06756,-0.03845,0.07018,0.06236,0.05039,0.06384,-0.03115,0.12079,0.05057,-0.02125,0.01189,-0.05932,-0.0239,0.05497,0.04424,-0.08666,-0.10123,-0.07971,0.01943,-0.02578,-0.07121,0.00064,-0.00685,0.00128,0.03302,0.01093,-0.0301,0.02571,-0.05475,0.01846,0.03942,0.03084,-0.04205,-0.11117,-0.00375,-0.02678,-0.09838,-0.07048,-0.05868,0.05629,0.05351,-0.02272,0.00094,-0.03914,0.0271,-0.02047,-0.03042,-0.02509,0.06704,-0.00719,-0.01719,-0.00047,0.04688,0.0104,0.00505,0.04667,-0.03053,0.01054,0.0206,-0.05041,-0.03388,0.00774,0.01166,0.00817,0.07982,-0.02253,-0.10448,-0.00902,-0.04659,-0.00632,-0.04217,0.01339,-0.08884,0.02305,-0.03882,-0.04853,-0.01929,-0.01586,-0.00484,0.07275,-0.00364,-0.00557,0.07495,0.01163,0.09114,-0.07071,-0.13719,-0.00527,0.02526,-0.00376,0.01674,0.03266,-0.00612,0.07633,-0.03811,-0.00971,0.0043,-0.09435,0.02092,0.01728,-0.00757,-0.01425,0.05334,-0.03575,-0.01976,-0.01653,0.03684,-0.06663,0.02742,-0.02333,-0.00735,0.05722,0.04563,-0.06445,0.07119,-0.03274,-0.00872,0.06098,0.1118,-0.07038,-0.0217,-0.00149,-0.02467,-0.02896,0.02572,-0.02697,0,-0.04678,-0.04537,-0.11587,-0.01959,0.0648,-0.01594,0.00135,-0.04793,0.0017,-0.03241,0.02414,0.01113,-0.03771,-0.02178,0.07573,-0.08314,-0.03969,0.09913,-0.02773,0.02422,0.12418,0.03443,-0.05334,-0.03177,0.0344,0.06149,-0.0595,0.05693,-0.03587,0.01805,-0.05429,0.02087,-0.01111,0.00889,-0.06407,0.05514,-0.03148,-0.08384,-0.05199,-0.04065,0.03776,-0.02344,-0.10545,0.00369,-0.04483,-0.0299,-0.02886,0.01701,0.05302,0.01109,0.06194,0.03067,0.02827,-0.02713,0.06733,-0.04082,-0.04047,0.04303,0.06601,0.0274,0.03733,0.04335,-0.01284,-0.00306,0.04356,0.07254,-0.01925,0.01617,0.02748,-0.11364,-0.00445,0.07127,-0.03254,-0.00267,0.07533,-0.05891,0.0045,-0.00747,0.05512,-0.06374,0.04466,-0.03395,-0.02909,0.08826,0.09034,-0.06316,-0.00587,-0.06748,-0.12168,0.03363,0.13277,0.05124,-0.0043,-0.02403,-0.00602,0,-0.03776,0.00766,-0.01738,0.07736,-0.03179,-0.00493,-0.01172,0.04325,0.09633,-0.04099,0.03706,0.06062,0.04953,-0.007,0.03233,0.03723,-0.02889,-0.13692,-0.04977,-0.02293,0.06413,-0.00558,-0.02712,0.00099,-0.1177,0.01887,-0.06325,0.00731,0.03431,-0.04765,-0.03457,0.08132,-0.10033,-0.02584,-0.00664,-0.0478,-0.07325,0.10857,-0.02397,-0.02451,0.00254,0.05128,-0.03338,0.04535,-0.00005,0.07071,-0.06986,-0.00522,0.06518,0.01407,-0.06353,0.00351,-0.01704,-0.03351,-0.09385,0.08782,0.10913,-0.01866,-0.01092,-0.02305,0.04438,0.01217,-0.01657,0.04297,0.07101,0.03165,0.05442,0.06462,0.08294,-0.00072,0.0661,0.02375,0.01559,-0.02274,0.04317,0.06349,0.08558,-0.00323,0.02174,0.01705,0.01276,0.11571,0.02568,-0.02322,-0.00095,0.05894,-0.08368,-0.09041,0.03695,0.04996,-0.05077,-0.01144,-0.00499,-0.03583,-0.00242,0,-0.09328,0.07767,-0.07321,0.01473,0.03268,-0.06965,-0.04585,0.08654,0.01729,-0.0442,-0.03051,0.07408,-0.0857,-0.00633,0.08752,-0.01868,0.01445,0.02553,-0.00874,-0.00152,-0.01234,0.00098,0.01396,0.08261,-0.01267,-0.05614,0.00854,0.0644,0.03783,0.04109,-0.00178,0.04644,0.05173,0.10314,-0.13908,0.00827,-0.01708,0.00085,-0.05345,0.01488,0.03449,-0.03265,-0.04366,-0.05147,-0.15031,0.05631,0.00814,-0.00672,0.01879,0.04509,-0.02128,0.04166,-0.03897,0.11737,0.05298,0.00111,0.00211,0.00041,0.03077,-0.04194,0.00935,-0.00397,-0.0002,-0.00043],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. The golden rule of Foblex Flow's default stateless mode did not move an inch: the library never mutates your application-owned data. Delete emits fDeleteSelected with the selected ids. This happened. You decide what to do. With the optional Managed Flow State plugin, that same deletion event is also applied to the explicit plugin store automatically. The event still fires for validation, analytics or custom behavior. f Delete Selected","excerpt":"The golden rule of Foblex Flow's default stateless mode did not move an inch: the library never mutates your application-owned data. Delete emits fDeleteSelected with the selected ids. This happened. You decide what to do. With the optional Managed Flow State plugin, that same deletion event is also applied to the explicit plugin store automatically. The event still fires for validation, analytics or custom behavior."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#12","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.03634,-0.09441,-0.01265,0.06653,0.08039,0.03464,0.04001,-0.001,0.08913,0.04486,0.00114,0.00854,-0.06735,-0.04207,0.06833,0.00237,0.00706,-0.07867,-0.00229,0.03268,-0.0504,-0.0663,0.03481,-0.06739,-0.0319,0.01347,-0.03609,-0.01469,0.07917,-0.07023,-0.04261,0.05789,0.02675,0.0529,-0.19764,0.02829,-0.01009,-0.04729,-0.10817,-0.04139,-0.009,0.02152,-0.00276,-0.00892,0.00966,-0.0295,-0.03335,-0.01307,-0.00207,0.06464,-0.09568,-0.07198,-0.00685,0.02694,-0.00956,0.04634,-0.015,-0.00459,0.03524,0.03235,-0.03391,-0.00878,-0.01175,0.02896,0.07633,0.04263,-0.03548,-0.0968,-0.03892,-0.0585,0.02146,-0.02689,0.01796,-0.06885,0.02672,-0.04549,-0.03811,-0.01076,0.01525,-0.01802,0.02443,0.01454,-0.07274,0.0729,0.04854,0.14134,-0.0583,-0.09088,-0.05205,-0.0012,-0.0034,-0.05186,0.00187,0.02816,0.02736,-0.05169,0.01902,0.00628,-0.08568,0.02911,0.03937,-0.03346,0.03703,0.01386,-0.02841,-0.02411,0.0688,-0.05025,-0.06889,-0.0332,-0.02639,-0.0373,-0.0208,-0.01805,-0.08967,-0.01432,-0.05261,-0.0739,0.14195,0.11474,-0.04429,-0.01542,-0.03223,-0.02592,0.00417,-0.04218,-0.08571,0,-0.03009,-0.0007,-0.03655,-0.05818,0.04005,-0.03305,0.00101,-0.10599,-0.01177,-0.03667,0.01862,0.00839,-0.01842,0.00296,0.11386,-0.08451,-0.04529,0.12389,-0.03147,0.01131,0.05833,-0.01326,-0.01506,0.01766,-0.00072,0.10353,-0.09121,-0.00601,-0.02298,0.05768,-0.01597,0.06112,-0.0393,-0.02508,-0.03463,0.04583,-0.004,-0.08165,-0.01374,-0.04043,-0.03513,-0.03303,-0.02216,-0.01278,-0.04845,-0.00046,-0.07911,0.02994,0.02155,0.03132,0.02905,0.02231,-0.00817,-0.02582,0.10029,-0.03791,-0.03971,0.08996,0.03348,0.09655,0.01389,-0.00369,0.02758,0.03019,0.01779,0.0807,0.00255,0.00475,0.06575,-0.05541,-0.04204,0.05126,-0.00721,0.07325,0.03318,-0.0358,-0.04131,-0.07164,0.10456,-0.03531,-0.06611,0.03967,-0.02669,0.05858,0.0068,-0.05079,-0.0228,-0.05674,-0.09349,0.01063,0.07101,0.051,-0.02267,-0.06559,-0.01496,0,-0.04716,0.03552,-0.05854,0.06937,-0.05808,-0.01401,0.03714,-0.02869,0.04904,0.04053,0.0578,0.06221,0.05646,-0.02119,-0.00683,0.01539,0.00137,-0.03772,0.02844,-0.03404,0.09334,-0.0513,-0.01188,0.02607,-0.05822,0.05678,-0.04565,0.0011,0.00805,-0.08861,-0.05384,0.09631,-0.07686,-0.00032,-0.01124,-0.0003,-0.08247,0.06616,-0.01721,-0.00419,0.03693,0.01573,0.05434,0.02895,-0.0306,0.07369,-0.03069,0.01619,-0.02511,-0.01204,0.05703,0.00444,0.02765,-0.08118,-0.11459,0.0988,0.04466,0.01874,0.02818,0.00953,0.08336,-0.00195,-0.0159,0.05135,0.0575,0.01561,0.02992,0.05119,0.07015,0.00633,0.08771,0.00709,0.04143,-0.00203,0.00215,0.08266,0.11794,-0.0303,0.01224,0.00087,-0.01365,0.0969,0.01729,0.0016,0.05826,0.10205,-0.08929,-0.05476,0.02645,0.02875,-0.03171,0.02576,-0.00681,-0.00787,-0.02073,0,-0.08336,0.09298,-0.05267,-0.01541,0.01317,-0.0435,-0.01086,0.03176,-0.00067,0.02556,-0.04816,0.04743,-0.02541,0.02275,0.13917,0.05348,0.00067,0.05709,-0.04129,-0.04926,0.0272,-0.01013,-0.02345,0.07858,-0.03655,-0.0217,-0.09534,0.08269,0.05565,0.0279,0.01998,0.0639,0.02957,0.04225,-0.09788,0.05591,-0.03328,-0.0291,-0.05933,0.03402,0.01225,-0.07308,0.00274,-0.02249,-0.13946,0.08887,0.0083,0.00093,-0.01657,-0.00186,-0.03991,-0.01611,-0.01016,0.04455,0.0502,0.05979,0.01445,-0.03515,0.01426,-0.00797,0.00719,0.04157,-0.04613,0.08575],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. 🛠 What Runs by Default, and What Doesn't The layer is split deliberately:","excerpt":"🛠 What Runs by Default, and What Doesn't The layer is split deliberately:"},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#13","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.05332,-0.07754,-0.02292,0.04786,0.05238,0.06741,0.04957,-0.00312,0.06751,0.05005,0.00521,0.03183,-0.04939,-0.05231,0.05721,0.02346,0.03258,-0.07743,-0.05551,0.04449,-0.01188,-0.03509,0.03234,-0.03257,-0.0295,-0.00525,-0.06163,-0.05016,0.01758,-0.05567,-0.03582,0.06556,0.02775,0.03987,-0.18991,0.02902,0.01342,-0.08,-0.11081,-0.02754,-0.02788,0.00584,-0.03039,0.00039,-0.00607,-0.03394,-0.0315,-0.02857,-0.06334,0.08551,-0.0736,-0.05817,0.01081,0.04047,-0.00746,-0.00135,-0.00267,0.00222,0.02304,0.02114,-0.05284,-0.02678,0.00933,0.02104,0.04504,0.04701,-0.0093,-0.12618,0.01871,-0.05123,-0.01916,-0.03251,0.02125,-0.08663,0.00854,-0.04844,-0.01619,0.00692,-0.00671,-0.03912,0.05505,0.01847,-0.0275,0.08253,0.0321,0.09223,-0.05752,-0.05384,-0.00789,0.0128,-0.03351,-0.03594,0.02976,0.00343,0.08343,-0.00503,0.00457,0.02874,-0.09,0.03441,0.02976,-0.0309,0.02739,-0.00192,-0.03255,-0.01875,0.05834,-0.0397,-0.0722,-0.00703,-0.00517,-0.03522,0.00809,-0.01539,-0.07175,0.03661,-0.02904,-0.05164,0.12284,0.13945,-0.02641,-0.02132,0.01152,-0.03012,0.00672,-0.02606,-0.06681,0,-0.01793,0.03077,-0.08646,0.00221,0.0169,-0.03383,0.02145,-0.07831,-0.02908,-0.04703,0.04682,0.01779,-0.00905,0.01016,0.12302,-0.09732,-0.01688,0.11023,-0.02511,0.00228,0.0853,0.0205,-0.03296,-0.02566,0.03933,0.05316,-0.08461,0.00065,-0.03777,0.03915,-0.04252,0.01322,-0.0435,-0.00996,-0.0401,-0.01372,-0.02997,-0.1126,-0.00536,-0.04617,-0.04442,-0.01452,-0.05958,-0.04668,-0.01928,-0.04052,-0.04192,0.07498,-0.00237,0.04987,0.0367,0.02117,-0.02554,-0.03355,0.0662,-0.03724,-0.04487,0.07398,0.0338,0.12363,0.02871,0.02036,0.04833,-0.00481,0.02003,0.048,0.01319,-0.00274,0.0904,-0.06773,-0.0525,0.04356,-0.01344,0.06908,0.03273,-0.02131,-0.01602,-0.05826,0.05761,-0.04148,-0.04085,0.01209,-0.04473,0.09761,-0.00139,-0.07367,-0.00317,-0.08463,-0.08968,-0.01519,0.08774,0.03624,-0.0141,-0.06736,-0.01962,0,-0.0089,0.01941,-0.06104,0.08485,-0.07453,0.02681,0.04187,-0.01196,0.06111,-0.05073,0.01198,0.07229,0.0591,-0.05127,-0.00754,0.02619,-0.01908,-0.05898,0.00923,-0.0283,0.07235,-0.03188,-0.07532,0.05167,-0.09204,0.04823,-0.04727,0.01278,-0.00173,-0.0627,-0.02534,0.09944,-0.07859,-0.03687,-0.02051,-0.02216,-0.02221,0.07818,-0.02905,-0.01561,0.0924,0.03528,0.06151,0.02798,-0.02735,0.07056,-0.06883,-0.00299,-0.01445,0.00143,0.02927,-0.03615,-0.01234,-0.02972,-0.11484,0.07095,0.06603,-0.03949,-0.00267,-0.00128,0.08711,-0.01976,0.00214,0.05685,0.05737,0.01306,-0.01051,0.0332,0.08761,0.0206,0.05827,-0.02576,0.04065,-0.03609,0.03031,0.08541,0.13985,-0.0691,0.00499,-0.02335,-0.0246,0.12507,0.01156,-0.03499,0.05092,0.11423,-0.08943,-0.03204,0.03755,0.01431,-0.03832,0.04282,-0.03733,-0.00834,-0.01109,0,-0.07271,0.09607,-0.0463,0.00421,0.01648,-0.01624,0.01283,0.02254,0.03371,0.05886,-0.03401,0.04076,-0.03007,-0.07307,0.10509,0.0701,0.02121,0.04142,-0.06341,-0.03873,0.03899,-0.01493,-0.04284,0.06929,-0.0205,-0.03764,-0.04918,0.08169,0.07074,0.06225,0.02209,0.02776,0.02852,0.04448,-0.14353,0.00426,0.00631,-0.03905,-0.02989,0.05818,0.03571,-0.03538,-0.04271,-0.0503,-0.12041,0.05927,-0.0053,-0.04667,-0.02698,0.02986,-0.03483,0.01646,-0.00856,0.09993,0.0519,0.08312,0.03096,-0.00586,0.06566,-0.00154,0.03167,0.02843,-0.01789,0.0576],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. 1. Semantics are always on. Roles, accessible names (\"Connection from A to B\", tracking endpoint changes), a live region announcing selection, movement, connection and deletion, aria-hidden on the minimap and previews. These are inert attributes — and any attribute you set yourself is never overridden. 2. The keyboard layer is opt-in via provideFFlow(withA11y()). Every f-flow app older than v19 has its own key handling, because the library had none. A default-on layer would double-drive selection and deletion in all of them. So it doesn't. 3. Typing is never hijacked. Keys pressed inside inputs, textareas, selects, buttons, links, contenteditable or any focusable custom widget stay where they belong. Single-character shortcuts yield to OS combos — Ctrl+C stays copy. 4. Everything is configurable. Movement steps, per-action key bindings (an empty array disables an action), and a fully localizable message catalog — announcements are speech, and speech has a language. provide F Flow with A11y","excerpt":"1. Semantics are always on. Roles, accessible names (\"Connection from A to B\", tracking endpoint changes), a live region announcing selection, movement, connection and deletion, aria-hidden on the minimap and previews. These are inert attributes — and any attribute you set yourself is never overridden. 2. The keyboard layer is opt-in via provideFFlow(withA11y()). Every f-flow app older than v19 has its own key handling, because the library had none. A default-on layer would double-drive selection and deletion in all of them. So it doesn't. 3. Typing is never hijacked. Keys pressed inside inputs, textareas, selects, buttons, links, contenteditable or any focusable custom widget stay where they belong. Single-character shortcuts yield to OS combos — Ctrl+C stays copy. 4. Everything is configurable. Movement steps, per-action key bindings (an empty array disables an action), and a fully localizable message catalog — announcements are speech, and speech has a language."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#14","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.03447,-0.08473,-0.03896,0.07811,0.04647,0.0472,0.04701,-0.00008,0.0735,0.055,-0.00375,0.03715,-0.06053,-0.03303,0.05086,0.0042,-0.00358,-0.07956,0.00412,0.02815,-0.07644,-0.06072,0.03548,-0.06823,0.0024,0.00695,-0.03223,-0.0273,0.07117,-0.04909,-0.04665,0.04979,0.02101,0.02679,-0.17108,0.03285,-0.01281,-0.04464,-0.09316,-0.04683,0.01838,0.02925,-0.00336,-0.02637,-0.00548,-0.02675,-0.06035,-0.01304,-0.00023,0.05404,-0.09197,-0.07078,-0.01581,0.01711,-0.02298,0.01004,-0.01198,-0.03154,0.05929,0.02203,-0.03722,-0.02216,-0.0004,0.02132,0.0432,0.06932,-0.02843,-0.10606,-0.05917,-0.02982,0.01137,-0.03961,0.00192,-0.05326,0.0198,-0.04943,-0.04731,0.00403,0.01064,0.00776,0.04432,0.03636,-0.05913,0.10164,0.02779,0.16863,-0.03685,-0.06595,-0.01139,-0.02657,0.00115,-0.04817,0.00994,0.03608,0.01373,-0.05583,0.02367,0.0133,-0.11505,0.03185,0.05055,-0.021,0.02354,0.01777,-0.04829,0.01571,0.0565,-0.02771,-0.07634,-0.02669,-0.02577,-0.02494,-0.02713,0.00258,-0.0952,0.00058,-0.06465,-0.0686,0.12941,0.1084,-0.01886,-0.01445,-0.04804,-0.02173,-0.00735,-0.03336,-0.06849,0,-0.02956,0.01487,-0.0541,-0.07329,0.06129,-0.01026,-0.01978,-0.09971,-0.02429,-0.04437,0.02223,0.00969,-0.01621,-0.02127,0.09592,-0.06735,-0.03012,0.13751,-0.0212,0.02874,0.05396,-0.03181,-0.02957,0.03943,0.03811,0.0824,-0.1096,0.00225,-0.01551,0.04077,-0.00351,0.06823,-0.03561,-0.04692,-0.05346,0.01713,-0.00861,-0.07766,-0.03232,-0.0393,-0.01888,-0.04833,-0.04825,0.00808,-0.03148,0.0082,-0.06066,0.01352,0.0192,0.02546,0.01782,0.03297,-0.01796,-0.03565,0.08124,-0.04037,-0.04898,0.08817,0.03357,0.09593,0.00524,-0.00147,0.05461,0.04112,0.03227,0.05184,-0.02957,0.03559,0.07609,-0.0873,-0.03339,0.04043,-0.01402,0.0771,0.00617,-0.05296,-0.03178,-0.07322,0.11889,-0.04361,-0.04464,0.00278,-0.02736,0.07273,0.03787,-0.07819,-0.0367,-0.06082,-0.0862,-0.01177,0.07288,0.08403,-0.04114,-0.07186,-0.0293,0,-0.00777,0.03364,-0.03088,0.07084,-0.07771,-0.00973,0.05078,-0.01018,0.05758,0.02647,0.05466,0.08387,0.07455,-0.03148,-0.01639,0.0299,-0.00878,-0.04572,-0.01002,-0.02168,0.08596,-0.06018,0.01418,0.00006,-0.07173,0.05002,-0.00535,-0.00206,-0.016,-0.0834,-0.04055,0.11682,-0.07382,-0.02246,0.00021,-0.00254,-0.03079,0.06675,-0.02167,-0.03291,0.05847,0.04641,0.066,0.00349,-0.03239,0.08004,-0.00141,-0.00409,-0.01809,0.00075,0.04781,-0.00618,0.03571,-0.0644,-0.09891,0.07368,0.05735,-0.02226,0.01354,-0.00874,0.07704,0.01005,-0.01632,0.06085,0.07155,0.01329,0.00929,0.05256,0.0675,0.00292,0.08818,-0.00607,0.06112,0.02104,0.01825,0.07662,0.13685,-0.02166,0.02904,-0.03627,-0.01481,0.10469,0.00487,-0.0281,0.03946,0.09949,-0.09457,-0.05284,0.03729,0.04775,-0.05271,0.01689,-0.00632,-0.04501,-0.00374,0,-0.09207,0.07403,-0.07438,-0.01433,0.04096,-0.03577,-0.03794,0.03471,0.00437,0.0263,-0.04195,0.04842,-0.00457,0.01352,0.12548,0.04222,0.01224,0.03835,-0.02917,-0.02704,0.02719,-0.01363,0.01085,0.08163,-0.03329,-0.05258,-0.11016,0.08284,0.04538,0.0001,0.00468,0.05762,0.01842,0.04069,-0.11136,0.00288,-0.0376,-0.04816,-0.06883,0.0236,0.02518,-0.06658,-0.00024,-0.03603,-0.15364,0.08103,0.03683,0.00731,-0.01394,0.01908,-0.02292,-0.01843,0.00256,0.01791,0.03854,0.03705,0.01885,0.00862,-0.01292,-0.02274,0.01582,0.03031,-0.04847,0.04289],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. ::: ng-component <accessibility</accessibility [height]=\"600\" ::: Click the canvas or Tab to it, then: arrows to select, Shift+arrow to extend, Ctrl+arrow to follow a connection, Space to move, C → Enter to connect, Delete to remove.","excerpt":"::: ng-component <accessibility</accessibility [height]=\"600\" ::: Click the canvas or Tab to it, then: arrows to select, Shift+arrow to extend, Ctrl+arrow to follow a connection, Space to move, C → Enter to connect, Delete to remove."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#15","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.12087,-0.11585,-0.03715,0.08129,0.05874,0.07027,0.03438,0.0159,0.07743,0.03531,-0.02263,-0.02053,-0.04516,-0.00825,0.0825,0.05111,0.02356,-0.05439,-0.01995,0.04221,-0.04318,-0.08082,0.04285,-0.0603,-0.04028,0.01952,0.00509,-0.0342,0.0457,-0.05273,-0.05321,0.04402,-0.01548,0.01895,-0.17725,0.07213,0.00741,-0.01596,-0.10944,-0.05356,0.02199,0.05526,0.03075,-0.0225,0.0158,-0.03109,-0.02082,-0.05543,-0.02345,0.06517,-0.06183,-0.03481,-0.00012,-0.03685,0.00328,0.03635,0.03345,-0.05802,0.00628,-0.01424,-0.06035,0.00754,0.00617,0.00211,0.03702,0.05859,0.01467,-0.04769,-0.03573,-0.08676,-0.00633,-0.03866,0.05693,-0.08517,-0.00948,-0.04368,-0.03335,0.04011,0.00298,-0.02799,0.04914,0.01898,-0.04019,0.06052,0.0431,0.14903,-0.03169,-0.08785,-0.00855,0.01201,-0.00039,-0.01091,-0.01191,0.00785,0.09573,-0.03864,0.03744,0.04969,-0.08743,0.01037,0.01309,-0.03495,-0.0025,-0.03661,0.01689,-0.01209,0.03443,-0.05717,-0.08886,-0.01513,-0.00536,-0.02876,-0.03012,0.0052,-0.07057,0.01839,-0.03228,-0.05509,0.15253,0.10033,0.00095,0.00602,-0.03058,-0.00632,0.02651,0.00027,-0.06444,0,0.01026,0.045,-0.051,-0.05608,0.07302,-0.01642,-0.00158,-0.06803,-0.04279,-0.03418,0.04221,0.01614,-0.0336,0.00805,0.08185,-0.05785,-0.04321,0.10541,-0.06637,-0.0029,0.03036,-0.00169,-0.06688,0.00223,0.01304,0.06768,-0.09045,0.0235,-0.03219,0.02096,-0.0055,0.05179,-0.03605,-0.01841,-0.0531,-0.02354,-0.00814,-0.07711,-0.01104,-0.04464,-0.01944,-0.03376,-0.03303,-0.03238,-0.04425,-0.00222,-0.05838,0.04334,0.051,-0.03621,0.03064,0.01755,-0.02635,-0.0589,0.07446,-0.0188,-0.04618,0.0798,0.06445,0.08845,-0.01232,0.04357,0.04994,0.01163,0.02973,0.08359,-0.01651,0.00961,0.09192,-0.06541,-0.03607,0.03662,-0.03993,0.0691,0.04425,-0.04378,-0.01058,-0.0557,0.12425,-0.02663,-0.04086,-0.01285,0.00626,0.08476,0.0293,-0.05073,-0.05281,-0.04517,-0.10657,-0.03357,0.11611,0.04304,-0.02216,-0.08861,-0.01276,0,0.00008,0.01853,-0.00872,0.06178,-0.03686,-0.01978,0.00907,-0.05818,0.07721,0.00443,0.04887,0.08275,0.06082,-0.02984,-0.02505,0.03636,-0.02208,-0.04069,0.00559,-0.01632,0.13046,-0.01944,0.00057,-0.0013,-0.05435,0.01964,-0.05751,0.02134,0.01949,-0.09061,-0.03815,0.07132,-0.09825,-0.05714,-0.03206,-0.0127,-0.00763,0.04584,-0.02104,0.01966,0.04142,-0.00145,0.04666,0.0026,-0.0303,0.08962,-0.03864,-0.00705,-0.00173,0.02113,0.01587,0.00465,0.00058,-0.03781,-0.12341,0.06944,0.06483,-0.04888,-0.01653,0.01304,0.06196,-0.02593,0.0039,0.05392,0.04433,0.04627,0.00773,0.00982,0.0847,0.00752,0.10045,0.00024,0.05626,0.0013,0.03888,0.06347,0.14174,-0.03905,0.04451,-0.02271,-0.04092,0.08578,0.03642,-0.02273,0.05524,0.11302,-0.05428,-0.01105,0.0605,0.05949,-0.08488,0.02488,-0.03565,0.01315,0.01046,0,-0.05123,0.09017,-0.09955,-0.04359,-0.00778,-0.04968,-0.08,-0.05507,-0.00387,0.04871,-0.05545,0.0538,-0.04085,-0.0016,0.08574,0.05488,0.0002,0.03004,-0.04817,-0.00195,0.07152,0.0447,-0.01231,0.0627,-0.01554,-0.03019,-0.09648,0.07111,0.05552,-0.00371,0.02462,0.03852,0.01863,0.07836,-0.12728,-0.00453,-0.00183,-0.06247,-0.04422,0.07128,0.07332,-0.0666,-0.04121,-0.01903,-0.0738,0.08715,0.02279,-0.01561,-0.00842,0.0504,-0.02282,0.00347,-0.00196,0.03586,0.06232,0.06791,0.00362,-0.00129,0.03375,0.00461,-0.00487,0.01134,-0.02857,0.05261],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. 🚀 Conclusion The accessibility layer is not a separate mode bolted onto the editor. It is the same selection model, the same events, and the same connection engine the pointer uses — driven by different keys. That is why it took a redesign to get right, and why the result feels like the editor, not like an add-on. - Full keyboard map and configuration: <https://flow.foblex.com/docs/accessibility - Live example: <https://flow.foblex.com/examples/accessibility - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot.","excerpt":"🚀 Conclusion The accessibility layer is not a separate mode bolted onto the editor. It is the same selection model, the same events, and the same connection engine the pointer uses — driven by different keys. That is why it took a redesign to get right, and why the result feels like the editor, not like an add-on. - Full keyboard map and configuration: <https://flow.foblex.com/docs/accessibility - Live example: <https://flow.foblex.com/examples/accessibility - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#0","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.02034,-0.08413,-0.10034,-0.00335,0.00551,-0.00068,-0.05633,0.03849,0.03273,0.00528,-0.0102,-0.05267,0.00032,-0.03711,0.04611,0.02762,-0.0313,-0.06524,-0.06085,0.00155,-0.0085,-0.06857,-0.02836,-0.06501,-0.046,-0.02712,-0.00654,-0.01057,-0.04462,-0.06014,-0.00245,0.13247,-0.08023,0.00966,0.01045,0.00183,0.00293,-0.02197,-0.08026,0.01757,0.03527,-0.03569,0.03888,-0.02585,-0.03101,0.00344,-0.083,-0.03631,-0.00487,-0.0325,-0.03089,-0.01847,-0.06555,0.08649,0.08194,0.03342,-0.00673,-0.03132,-0.07852,0.02101,0.01449,-0.02857,-0.03193,-0.03111,0.03752,-0.0008,-0.02923,-0.00601,0.06156,0.04307,-0.07245,0.0316,-0.06733,-0.09524,0.09244,0.05099,0.05052,0.11448,-0.00912,-0.12898,0.04561,0.16983,-0.0493,-0.01102,-0.0061,0.05727,-0.07815,-0.02765,-0.00254,0.05311,0.01216,0.02527,0.02167,-0.01881,0.07111,0.02888,0.06112,0.01085,0.04052,0.04269,-0.02297,0.00534,0.06752,-0.01313,0.03821,0.00522,-0.05761,0.01903,0.0206,-0.06965,-0.02338,-0.01211,-0.00788,-0.04458,-0.06579,0.02444,0.0136,-0.0189,0.1361,0.07603,-0.03246,-0.00698,0.03504,0.01205,-0.01089,-0.00078,-0.09857,0,-0.05383,0.02753,-0.03817,0.02044,0.08853,0.01763,-0.00775,0.0309,-0.01354,-0.00095,-0.11711,0.02919,-0.04864,-0.029,0.05339,-0.08106,-0.02972,0.07991,-0.01353,0.0125,0.11322,-0.0384,0.00072,-0.06575,0.09754,0.0464,-0.04013,0.00067,-0.0159,0.02082,-0.0284,0.02936,0.07022,0.0206,-0.04533,-0.04974,0.00998,-0.15743,-0.0918,-0.04771,-0.08342,0.02052,-0.02412,0.00117,0.03423,-0.03801,0.00555,-0.01454,0.05498,-0.00271,0.0296,0.02449,0.03806,-0.04658,-0.00699,-0.07202,-0.0651,0.052,-0.02294,0.11683,-0.06685,0.04728,-0.03751,0.01275,0.08875,0.08516,0.02316,0.01973,0.07354,0.0069,-0.08066,0.06893,-0.08069,-0.06342,0.04601,-0.04199,-0.01775,-0.06879,0.0086,-0.06133,-0.06,0.05295,-0.06063,0.04186,0.05577,-0.01198,0.02497,-0.06362,-0.05179,-0.02366,0.04294,0.03052,0.04465,-0.00736,0.05636,0,0.00163,-0.01088,-0.03139,-0.00323,0.04608,-0.02765,-0.00332,-0.05142,0.02235,-0.03739,0.00846,0.02139,0.03747,-0.08951,0.01024,-0.01913,-0.04647,-0.12875,-0.00515,0.09354,0.07347,0.05343,-0.0542,-0.03076,-0.03682,0.01453,-0.05177,-0.00889,0.01459,0.03511,-0.01204,-0.00621,-0.04138,-0.02846,0.00662,0.00006,0.03207,0.07917,0.04028,-0.02092,0.03702,0.04765,-0.03874,0.02891,-0.02599,0.05175,-0.13119,0.00867,-0.01052,0.01826,-0.05779,-0.04507,-0.05641,0.00278,-0.05827,0.02989,0.09715,0.01546,-0.04299,0.05366,0.04241,-0.08949,0.04437,0.0515,0.1061,0.0223,-0.00684,-0.00692,-0.00183,0.05215,0.03079,0.01657,-0.06794,0.02609,0.03483,0.0176,0.00438,-0.05182,-0.00628,0.11433,-0.08779,0.10602,0.06045,0.06043,0.03607,-0.0216,0.08819,0.09973,0.0713,0.04104,-0.00384,0.04028,0.00139,0.07521,-0.05986,0,-0.05658,0.04215,-0.09407,0.02141,0.01842,-0.02267,-0.08737,0.02494,-0.02442,0.04968,-0.06179,0.07251,-0.06166,-0.01482,0.06741,-0.00914,0.02896,-0.04911,-0.07331,-0.00231,-0.02484,0.03854,-0.07048,0.04603,0.00603,-0.05768,-0.00104,0.06356,0.0236,0.01858,-0.00111,-0.02159,-0.01468,0.13905,-0.0561,0.04288,-0.03022,-0.00129,-0.067,0.00917,0.08339,-0.00593,-0.0579,-0.0272,0.06171,0.04671,-0.03242,-0.02747,-0.03049,0.05202,-0.07157,0.02036,-0.03008,0.04504,0.0348,-0.02274,-0.06833,0.01878,0.06903,0.01724,-0.05511,0.04987,0.06597,0.02069],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. One Connector Instead of Three: The Design Behind the Unified fConnector Model This article explains why Foblex Flow v19 replaces the fNodeInput / fNodeOutput / fNodeOutlet trio with a single [fConnector] directive, what the unified model actually changes, and how the migration is designed to cost you nothing until you choose to pay it. The legacy connector API was not wrong — it grew. First outputs and inputs, then outlets for nodes that start connections from one shared surface. Three directives, and with them a set of problems that kept showing up in real projects: - Three id namespaces. The same string could legally be an input id and an output id, and resolution depended on which registry you asked. - Asymmetric options: outputs had fCanBeConnectedInputs, inputs had their own gates, outlets had a third shape. Learning one directive taught you little about the next. - A node that should both accept and start connections needed two overlapping elements at the same coordinates — a template hack for a modeling concept. - Every new feature (categories, sides, limits) had to be added three times and documented three times. f Connector f Node Input f Node Output f Node Outlet f Can Be Connected Inputs","excerpt":"One Connector Instead of Three: The Design Behind the Unified fConnector Model This article explains why Foblex Flow v19 replaces the fNodeInput / fNodeOutput / fNodeOutlet trio with a single [fConnector] directive, what the unified model actually changes, and how the migration is designed to cost you nothing until you choose to pay it. The legacy connector API was not wrong — it grew. First outputs and inputs, then outlets for nodes that start connections from one shared surface. Three directives, and with them a set of problems that kept showing up in real projects: - Three id namespaces. The same string could legally be an input id and an output id, and resolution depended on which registry you asked. - Asymmetric options: outputs had fCanBeConnectedInputs, inputs had their own gates, outlets had a third shape. Learning one directive taught you little about the next. - A node that should both accept and start connections needed two overlapping elements at the same coordinates — a template hack for a modeling concept. - Every new feature (categories, sides, limits) had to be added three times and documented three times."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#1","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.00515,-0.07813,-0.08213,-0.00551,0.01,0.03451,-0.05189,0.05932,0.0506,-0.00412,0.01661,-0.03793,-0.04913,-0.01709,0.0554,0.04136,-0.06615,-0.07097,-0.0138,0.0459,-0.04457,-0.06544,0.00331,-0.04208,-0.07766,-0.03005,-0.0271,-0.01138,-0.02118,-0.05762,0.05124,0.1313,-0.10033,0.02884,-0.01855,-0.02159,0.03824,-0.05108,-0.08972,0.02331,0.08146,-0.05229,0.03668,-0.0227,-0.02913,0.01206,-0.045,-0.04654,0.00709,0.02836,-0.02045,-0.02105,-0.05794,0.10116,0.07347,0.0231,-0.03164,-0.00444,-0.03187,0.03796,-0.00102,-0.007,-0.04776,-0.00691,0.06361,-0.04583,-0.05766,-0.02217,0.01893,0.02243,-0.03152,0.0054,-0.02287,-0.09029,0.06615,0.0229,0.00974,0.1057,0.03817,-0.1099,0.06597,0.13167,-0.03584,-0.03491,0.02592,0.08512,-0.03856,-0.09184,-0.04842,0.01859,0.0178,0.01383,0.04374,0.02553,-0.01061,-0.00353,0.00751,0.00791,-0.00215,0.01442,-0.03522,0.05386,0.06491,0.02295,-0.03001,-0.04508,-0.0463,0.04869,0.03417,-0.05246,-0.0158,-0.02286,0.00872,-0.08065,-0.06115,0.00142,-0.04506,0.01395,0.10881,0.05447,-0.06828,-0.02823,0.05294,-0.00629,-0.02176,-0.02794,-0.07931,0,-0.0475,0.01853,-0.06671,0.01713,0.07456,-0.00264,0.01408,-0.01466,-0.02678,0.0033,-0.07045,0.00999,-0.05932,0.02347,0.00284,-0.06233,-0.06093,0.05975,0.00728,0.02836,0.11839,-0.01787,0.01623,-0.07836,0.08336,0.06431,-0.02458,0.05193,-0.02223,0.05307,-0.01482,0.02024,0.04517,-0.00782,-0.04165,-0.05389,-0.02494,-0.11984,-0.10324,-0.0284,-0.06719,-0.00545,-0.04784,-0.02922,0.06041,-0.03987,0.00414,-0.00622,0.07789,0.00978,0.02096,-0.00123,0.06462,-0.02695,0.04631,-0.07963,-0.098,0.06307,-0.02663,0.04843,-0.05118,0.04044,-0.06571,-0.00956,0.09849,0.11748,0.04641,-0.00713,0.07072,-0.01539,-0.04645,0.07078,-0.07725,-0.03628,0.044,-0.03969,0.00465,-0.02352,0.06409,-0.04932,-0.10145,0.01081,-0.01376,0.10899,0.08433,-0.00767,-0.00118,-0.07108,-0.06919,0.01379,0.09033,0.04182,0.05998,-0.0072,0.06906,0,0.01896,-0.0124,-0.04504,-0.01053,0.02219,-0.01608,0.0227,-0.04751,0.06273,0.02431,0.0628,0.02299,0.00512,-0.09072,0.02799,-0.03524,-0.00339,-0.14766,0.01156,0.05659,0.05347,0.01259,-0.02273,-0.03535,-0.05526,0.00645,-0.03162,-0.03092,0.01497,0.00932,-0.00085,0.00594,-0.04613,-0.04659,-0.00004,-0.00305,-0.0036,0.08461,0.06085,-0.03344,0.02662,0.05971,-0.04739,-0.01211,-0.0447,0.04734,-0.11956,-0.02727,-0.00351,0.0289,-0.03955,-0.01929,-0.03911,-0.01491,-0.08557,0.03875,0.14023,0.01378,-0.10865,0.05707,0.08964,-0.04096,0.0237,0.04333,0.09085,0.03071,-0.01821,0.03491,0.01737,0.02275,0.04089,-0.01224,-0.0412,0.0471,0.02078,0.00996,-0.01116,-0.0689,0.02485,0.10042,-0.05519,0.0914,0.00978,0.02806,0.05717,0.00061,0.05495,0.03482,0.06968,0.01501,0.01123,0.03103,0.0254,0.06177,-0.08122,0,-0.04552,0.01967,-0.06401,-0.02066,-0.0119,-0.01005,-0.11823,0.03181,-0.00154,0.05455,-0.02323,0.08211,-0.06048,0.00481,0.09632,-0.0474,0.00471,-0.04168,-0.0777,-0.0104,-0.03602,0.04657,-0.03536,0.03816,0.00571,-0.04629,0.01153,0.05381,0.00259,0.00221,0.00031,0.01173,-0.0213,0.15386,-0.09033,0.06794,0.01092,0.01405,-0.0842,-0.02567,0.09619,-0.04774,-0.06387,-0.02262,0.01566,0.06439,-0.01973,-0.02557,-0.06276,0.07641,-0.0692,0.05872,-0.0207,0.02951,0.04171,-0.02164,-0.04434,0.0224,0.03609,-0.00504,-0.03686,0.0243,0.10304,0.02953],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. 🎯 The Key Idea: Behavior Is a Property, Not a Directive The unified model collapses the trio into one directive where the connector's role is data:","excerpt":"🎯 The Key Idea: Behavior Is a Property, Not a Directive The unified model collapses the trio into one directive where the connector's role is data:"},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#2","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.00653,-0.07244,-0.09558,-0.00329,-0.01626,0.05854,0.00022,0.058,0.0149,-0.03081,0.0057,-0.04305,-0.03903,-0.02654,0.03235,0.02047,-0.05428,-0.07377,-0.0047,0.06499,-0.04909,-0.09477,-0.00914,-0.05492,-0.07557,-0.04231,0.03122,0.00612,-0.05466,-0.05456,0.02395,0.12651,-0.07875,0.00884,-0.01029,-0.06297,0.04646,0.00293,-0.06774,0.03452,0.06603,-0.07161,0.04593,-0.01465,-0.02064,0.00385,-0.05768,-0.06612,0.02525,0.02798,0.02929,0.00547,-0.06179,0.11987,0.06458,0.05819,-0.01856,-0.0204,-0.04586,0.0289,0.02154,-0.02502,-0.02222,-0.02367,0.00114,-0.00049,-0.03645,0.00196,0.04817,-0.00742,-0.0443,0.02987,-0.01972,-0.06668,0.08855,0.03756,0.04221,0.07703,0.00336,-0.1195,0.03538,0.14021,-0.03672,-0.0218,0.05361,0.107,-0.03697,-0.04777,-0.0697,0.05714,-0.02359,0.0137,0.07516,-0.04504,0.02242,0.00773,-0.01066,-0.00959,0.02344,0.0093,-0.035,0.00502,0.03784,0.02898,-0.0054,-0.02812,-0.05569,0.02533,0.03961,-0.0655,-0.00432,-0.0056,0.01846,-0.06912,-0.06793,0.02504,-0.05161,-0.00321,0.12566,0.04677,-0.0622,-0.02746,0.03974,-0.01803,0.0043,0.01534,-0.07735,0,-0.07309,0.04033,-0.0398,0.03077,0.04726,0.02525,0.01523,-0.00039,-0.02797,0.0219,-0.09732,0.00565,-0.0862,0.01793,-0.00995,-0.06511,-0.05809,0.03874,-0.02604,-0.00083,0.09959,-0.00791,-0.00358,-0.07827,0.1091,0.02305,-0.03858,0.05717,-0.02035,0.03372,-0.02905,0.00832,0.0823,0.01989,-0.02874,-0.0308,-0.03336,-0.09926,-0.09203,0.01134,-0.06288,0.0014,-0.0637,-0.00236,0.06538,-0.02315,0.02111,-0.01696,0.09023,0.00928,-0.01617,0.01262,0.047,-0.01327,0.02753,-0.10545,-0.08867,0.07255,-0.02724,0.04373,-0.04215,0.05353,-0.05798,-0.01598,0.11202,0.1245,0.05007,-0.02581,0.02808,-0.03345,-0.02855,0.05301,-0.09318,-0.0469,0.0259,-0.01425,0.00082,0.00908,0.04537,-0.04296,-0.09625,0.04218,-0.02123,0.0836,0.08128,-0.02258,0.01349,-0.07865,-0.05337,0.00854,0.07593,0.06025,0.04036,0.01224,0.04485,0,0.00332,-0.01639,-0.02558,0.00175,0.02517,-0.00919,0.03186,-0.03563,0.06752,0.00509,0.06884,0.03711,0.02446,-0.12706,-0.00906,-0.01263,-0.03755,-0.09071,-0.01401,0.06224,0.04286,0.01634,-0.00321,-0.03611,-0.02168,0.00333,-0.01112,-0.01643,-0.00399,0.01034,-0.0138,0.01417,-0.03562,-0.0504,-0.00193,-0.0247,-0.01792,0.09509,0.04125,0.00338,-0.01385,0.03633,-0.04674,0.02458,-0.04241,0.04989,-0.10721,-0.06596,-0.02136,0.04987,-0.05555,-0.03869,-0.05062,0.02064,-0.05029,0.04883,0.14505,0.03207,-0.07615,0.06252,0.10991,-0.06978,0.03271,0.05113,0.08789,-0.0016,0.00853,0.03776,-0.00721,0.03224,0.06124,-0.00144,-0.03791,0.00604,-0.02138,-0.00758,0.00948,-0.06047,0.02893,0.12041,-0.06763,0.08232,0.01217,0.03899,0.0225,0.01448,0.0715,0.04036,0.08347,0.02751,-0.0237,0.00478,0.02076,0.01981,-0.09684,0,-0.05629,0.00877,-0.09584,-0.02089,-0.00464,-0.00781,-0.12752,0.01728,-0.0213,0.03396,-0.0362,0.10702,-0.04619,0.02543,0.09151,-0.06104,0.00469,-0.01703,-0.06841,-0.00939,-0.02401,0.0142,-0.04954,0.05095,0.00712,-0.05512,0.03288,0.05119,0.02838,0.02219,-0.02558,-0.01486,-0.0271,0.12987,-0.08265,0.09252,-0.01906,0.0272,-0.09537,0.00518,0.0878,-0.07998,-0.06805,-0.02471,0.02417,0.04342,-0.02929,-0.00743,-0.07278,0.06,-0.05781,0.03672,-0.00137,0.0259,0.03217,0.00066,-0.0558,0.03108,0.06671,-0.00403,-0.06336,0.04952,0.0947,0.00918],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. - fConnectorType decides the behavior: source, target, source-target (the default), or outlet. - One id per connector, unique across all types. No more double-registry ambiguity. - One option set for everyone: fConnectorDisabled, fConnectorMultiple, fConnectorCategory, fConnectorConnectableSide, fCanBeConnectedTo. - Neutral .f-connector CSS classes and data-f-connector- attributes. f Connector Type f Connector Disabled f Connector Multiple f Connector Category f Connector Connectable Side f Can Be Connected To","excerpt":"- fConnectorType decides the behavior: source, target, source-target (the default), or outlet. - One id per connector, unique across all types. No more double-registry ambiguity. - One option set for everyone: fConnectorDisabled, fConnectorMultiple, fConnectorCategory, fConnectorConnectableSide, fCanBeConnectedTo. - Neutral .f-connector CSS classes and data-f-connector- attributes."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#3","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[0.00496,-0.05674,-0.07325,-0.01312,-0.00867,0.0029,-0.03846,0.04756,0.04087,-0.00155,0.00866,-0.00157,-0.02823,-0.02394,0.03324,0.03201,-0.05495,-0.09645,0.02075,0.06229,-0.05556,-0.07408,-0.0012,-0.08529,-0.08468,-0.04181,-0.00819,0.01145,-0.03112,-0.0545,0.00992,0.14677,-0.08539,0.03279,-0.03522,-0.01749,0.06643,-0.0172,-0.08748,0.04758,0.05483,-0.08147,0.04349,0.0155,-0.04882,0.01205,-0.04196,-0.04035,-0.02289,0.01165,-0.03157,-0.00443,-0.06867,0.08829,0.07714,0.06577,-0.03276,-0.02625,-0.05568,0.03955,0.03228,-0.03232,-0.05185,-0.00698,0.04359,-0.02465,-0.01841,-0.02159,0.03533,-0.02626,-0.02691,0.01649,-0.02082,-0.09788,0.08259,0.03912,0.01243,0.07932,0.01491,-0.08661,0.06201,0.14262,-0.0207,-0.03107,0.0189,0.08767,-0.03266,-0.08187,-0.02769,0.04155,-0.00706,-0.01458,0.03382,-0.01859,0.05454,0.03025,0.01438,-0.00759,-0.00572,0.01876,-0.00893,-0.00745,0.04001,-0.01505,-0.02965,-0.04263,-0.05638,0.05635,0.0281,-0.05468,-0.01474,-0.00697,0.01603,-0.07252,-0.10423,0.01559,-0.04461,0.00456,0.12363,0.05854,-0.0819,0.02621,0.01182,0.00809,-0.02054,-0.01882,-0.08994,0,-0.03319,0.01428,-0.04066,0.01101,0.04868,0.00496,0.0206,-0.00814,-0.0356,0.01972,-0.11217,0.01912,-0.06809,0.03461,0.01634,-0.05353,-0.04906,0.06364,-0.01292,0.0097,0.09363,-0.01258,-0.00322,-0.07654,0.07992,0.04169,-0.05592,0.04871,-0.01618,0.03662,-0.04905,0.00863,0.08205,-0.00466,-0.00418,-0.05787,-0.01372,-0.09865,-0.10608,-0.02737,-0.05358,0.04112,-0.07028,0.00324,0.03878,-0.03849,-0.01035,-0.01918,0.07186,0.02331,0.01316,-0.01443,0.06769,0.02058,0.01528,-0.07454,-0.08454,0.05417,-0.06243,0.08628,-0.04091,0.03297,-0.07844,-0.01169,0.1019,0.1303,0.04931,-0.00953,0.0468,-0.0061,-0.06232,0.07757,-0.07112,-0.03303,0.02912,-0.00267,-0.01239,-0.01573,0.02199,-0.01113,-0.05131,0.04491,-0.0351,0.09355,0.06107,-0.00119,0.0126,-0.08526,-0.01753,0.00726,0.08927,0.03443,0.05681,0.00689,0.05931,0,-0.0018,-0.05058,-0.03024,-0.00364,0.022,-0.00632,0.02751,-0.04884,0.07339,0.01013,0.07026,0.02716,0.03029,-0.1015,-0.03597,-0.05909,-0.02334,-0.09326,0.00587,0.07784,0.06759,0.02608,0.0237,-0.05254,-0.02615,-0.00181,-0.02929,-0.02076,-0.0337,0.01323,0.00435,0.01136,-0.03346,-0.03073,-0.02201,0.02378,-0.01973,0.09289,0.06621,-0.02025,0.02374,0.05925,-0.03388,0.01583,-0.03144,0.03991,-0.13175,-0.05256,-0.0196,0.01013,-0.07164,0.00626,-0.03476,-0.00741,-0.04955,0.03778,0.11524,0.04604,-0.07308,0.07376,0.10039,-0.07406,-0.00992,0.00971,0.08698,0.02213,-0.01979,0.05097,0.01931,0.03636,0.04138,0.01497,-0.05112,0.04468,0.02461,-0.00523,0.00608,-0.09308,0.00789,0.11296,-0.09077,0.10371,-0.00609,0.05335,0.0608,0.02102,0.07521,0.01208,0.07834,0.01039,0.0144,0.00644,0.00211,0.05655,-0.07261,0,-0.04466,0.01471,-0.10395,-0.00516,-0.00073,0.0017,-0.07799,0.00463,0.00037,0.0498,-0.03327,0.10785,-0.07086,0.00454,0.0808,-0.01954,0.0146,-0.03668,-0.06976,-0.03058,-0.03189,0.01884,-0.05445,0.07224,-0.0152,-0.08315,0.05772,0.05056,-0.01351,0.01709,-0.03724,-0.00988,-0.02764,0.1397,-0.10616,0.07316,-0.04084,0.02655,-0.08791,0.01066,0.08908,-0.04144,-0.03345,-0.02337,0.00165,0.07416,-0.00341,0.01204,-0.05155,0.03792,-0.03935,0.06769,0.00109,-0.0014,0.03089,-0.01094,-0.05235,0.03465,0.01831,-0.00575,-0.04789,0.06592,0.11664,0.00566],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. The source-target default is the part I care about most. A port that both accepts and starts connections is the normal case in half the editors people build — schema designers, state machines, mind maps — and it used to be the awkward one. Now it is one element with no configuration at all. Connections follow the same cleanup: f-connection gets canonical fSourceId / fTargetId inputs, because \"output\" and \"input\" described the legacy directives, not the edge itself. 📌 In short: a connector is a place on a node where edges attach. What it may do there is configuration, not taxonomy. f Source Id f Target Id","excerpt":"The source-target default is the part I care about most. A port that both accepts and starts connections is the normal case in half the editors people build — schema designers, state machines, mind maps — and it used to be the awkward one. Now it is one element with no configuration at all. Connections follow the same cleanup: f-connection gets canonical fSourceId / fTargetId inputs, because \"output\" and \"input\" described the legacy directives, not the edge itself. 📌 In short: a connector is a place on a node where edges attach. What it may do there is configuration, not taxonomy."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#4","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.01229,-0.06913,-0.08994,-0.01116,0.00346,0.02142,-0.05655,0.08024,0.04281,-0.03736,-0.0109,-0.02501,-0.02764,-0.04156,0.02298,0.0113,-0.01661,-0.06148,-0.02563,0.0439,-0.04149,-0.0542,-0.02268,-0.06754,-0.03874,-0.02529,0.02577,0.02094,0.02183,-0.05455,0.05611,0.11056,-0.0838,0.02897,0.00512,-0.03464,0.06177,-0.03558,-0.04975,0.03294,0.04442,-0.05422,0.03666,0.02292,-0.02152,0.00573,-0.03428,-0.01613,-0.01195,0.04265,0.00242,-0.0008,-0.04647,0.09206,0.08637,0.09949,-0.03525,-0.04411,-0.05162,0.05615,0.00737,-0.00816,0.00195,0.0306,0.03836,-0.03061,-0.0128,-0.00087,0.05426,-0.05462,-0.02787,0.01994,-0.02068,-0.12798,0.08565,0.03495,0.0051,0.09003,0.02386,-0.11398,0.05089,0.14035,0.00306,-0.02773,0.03101,0.06715,0.0015,-0.03647,-0.06012,0.03639,0.01166,-0.0127,0.04991,-0.02248,0.04868,0.0238,0.02678,-0.01163,-0.0018,0.0346,-0.0318,0.02601,0.0273,0.03074,0.00103,-0.04824,-0.04194,0.05624,0.01382,-0.04082,0.01118,0.00742,0.02529,-0.03112,0.00112,-0.0006,-0.03579,-0.00347,0.12307,0.00123,-0.08757,-0.00336,0.02819,0.01641,-0.03189,-0.01073,-0.06896,0,-0.04175,0.02353,-0.04856,0.01555,0.04426,-0.00185,0.02452,0.01196,0.0011,0.03561,-0.12648,0.08212,-0.07231,0.00412,0.01717,-0.0213,-0.06642,0.05661,-0.00664,0.00285,0.09017,-0.0363,-0.00297,-0.07726,0.076,0.07143,-0.06314,0.05615,-0.03486,0.03257,-0.05577,0.01187,0.08763,0.01684,-0.05357,-0.04711,-0.0273,-0.11151,-0.11038,-0.04794,-0.05419,0.0577,-0.08974,-0.02203,0.04766,-0.03478,0.001,-0.03719,0.03318,-0.00773,0.01392,0.00167,0.0415,-0.02594,0.02751,-0.07537,-0.06777,0.03453,-0.01948,0.07591,-0.05077,0.04598,-0.05261,0.02581,0.0894,0.17872,0.01359,-0.03341,0.02914,-0.00486,-0.0422,0.06749,-0.0868,-0.0602,0.03533,-0.01145,-0.00458,-0.02228,0.0155,-0.02519,-0.06171,0.01165,-0.02862,0.05659,0.06306,-0.0149,0.01527,-0.0773,-0.04804,0.03314,0.10493,0.0374,0.05165,-0.01302,0.06013,0,-0.0044,-0.00341,-0.04482,-0.02049,-0.00114,-0.01987,0.01477,-0.03383,0.04293,0.01639,0.05632,0.00937,-0.00312,-0.08726,0.009,-0.04917,0.0131,-0.09169,-0.00979,0.05757,0.00872,0.04764,-0.03313,-0.07823,-0.02658,0.0165,-0.03251,-0.04053,0.00496,-0.01396,0.00205,-0.00892,-0.05006,-0.05873,-0.02846,0.00239,-0.02623,0.07217,0.04821,-0.04827,0.01585,0.06122,-0.08404,0.02926,-0.0338,0.01949,-0.16487,-0.02688,0.00219,0.00209,-0.0231,0.01275,-0.0063,-0.04099,-0.06062,0.04041,0.19141,0.04136,-0.09305,0.05068,0.07186,-0.06881,-0.0131,0.05062,0.08982,0.01383,-0.0148,0.03848,0.02886,0.06023,0.07046,0.00592,-0.05269,0.0272,0.03071,0.02907,-0.01219,-0.07594,0.00978,0.08702,-0.07014,0.0946,0.03127,0.03907,0.06237,-0.00411,0.0757,0.01411,0.08218,0.04671,-0.00812,0.03704,-0.03625,0.02464,-0.08247,0,-0.08329,0.03678,-0.07825,-0.01456,0.0014,-0.03057,-0.10919,-0.00641,0.0112,0.03896,-0.04257,0.07859,-0.05767,0.01132,0.08739,-0.01351,0.03329,-0.07398,-0.06381,0.00612,-0.05729,0.02526,-0.06668,0.05695,0.03597,-0.08202,0.0714,0.06302,0.00407,0.00866,-0.04186,0.00199,-0.01939,0.14801,-0.06172,0.06958,0.02561,-0.00775,-0.1025,-0.00175,0.04316,-0.04923,-0.05684,-0.0304,0.02952,0.07051,-0.01057,-0.03638,-0.04817,0.09083,-0.06573,0.03753,-0.01372,-0.00465,0.02154,-0.02002,-0.05002,0.01905,0.06117,0.00121,-0.03888,0.05841,0.08753,-0.00888],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. ⚡ What Did Not Change The outlet semantics survived intact — an outlet is still a shared start surface, and the emitted FCreateConnectionEvent.sourceId is always the resolved real source id, never the outlet's. If your app never told the difference, it still can't. And the boundary holds: the library stores only what it needs for interactivity and rendering. Connector ids are your vocabulary; the graph they describe stays in your application. Nothing about the unified model asks you to restructure your data. F Create Connection Event source Id","excerpt":"⚡ What Did Not Change The outlet semantics survived intact — an outlet is still a shared start surface, and the emitted FCreateConnectionEvent.sourceId is always the resolved real source id, never the outlet's. If your app never told the difference, it still can't. And the boundary holds: the library stores only what it needs for interactivity and rendering. Connector ids are your vocabulary; the graph they describe stays in your application. Nothing about the unified model asks you to restructure your data."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#5","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.05166,-0.02008,-0.05171,0.01792,0.05196,0.03115,-0.03535,-0.01815,0.03249,0.01982,0.00001,-0.01522,-0.06064,-0.04656,0.03023,0.00973,-0.07656,-0.06824,-0.07082,0.01099,-0.07029,-0.076,0.00839,-0.05111,-0.03238,-0.0061,-0.01361,-0.0569,-0.05272,-0.06383,0.0278,0.13615,-0.07125,0.02961,-0.04306,0.05229,0.0005,0.01841,-0.02389,-0.02197,0.08548,-0.03171,0.03437,-0.06803,-0.02914,0.01264,-0.06872,-0.03592,-0.0099,0.01631,-0.01645,0.00971,-0.07174,0.13278,0.08202,0.05375,0.03271,-0.03021,-0.0233,0.00895,0.02531,-0.02083,0.00616,-0.04793,0.01785,-0.05126,-0.02222,-0.02311,0.02424,0.06482,-0.01506,0.04444,-0.04847,-0.08728,0.09055,0.07051,-0.01751,0.09657,0.00928,-0.07533,0.07098,0.10024,-0.03022,-0.05506,0.04242,0.05661,-0.02509,-0.07208,-0.01819,-0.02637,0.00581,0.02244,0.07674,0.03031,0.03178,-0.00621,-0.03078,0.05537,0.00083,0.03317,-0.03532,-0.01004,0.0359,0.02679,-0.03068,-0.02939,-0.01201,0.06877,0.0371,-0.0658,0.01779,0.03346,0.02121,0.00801,-0.0487,-0.00454,-0.02522,0.00537,0.06409,0.13318,-0.00192,-0.02375,-0.00465,0.01346,-0.02534,0.00671,-0.04375,0,-0.01702,0.03577,-0.06938,-0.01726,0.04246,-0.00356,-0.00524,-0.00886,-0.02062,0.02459,-0.13614,0.02898,-0.07601,-0.01122,0.00673,-0.08436,-0.01632,0.01918,0.03105,0.02276,0.12176,-0.00774,-0.04013,-0.07458,0.11462,0.04188,-0.07202,0.00746,-0.05657,0.01936,-0.02481,0.03624,0.05045,0.01318,-0.07417,-0.07966,0.01945,-0.0975,-0.12449,-0.04903,-0.05405,-0.00401,-0.12296,0.03167,0.09623,-0.05017,0.01785,-0.00544,0.09661,0.0121,-0.03171,0.00112,0.02795,-0.04768,-0.02155,-0.07494,-0.02497,0.0771,0.01096,0.04367,0.00206,0.01425,-0.04433,0.00274,0.13411,0.09667,0.03305,-0.00002,0.0687,-0.02582,-0.06004,0.04502,-0.08713,-0.0003,0.02164,-0.0549,-0.00991,-0.01285,0.02615,-0.07255,-0.02008,0.06205,-0.06412,0.04684,0.11997,-0.03789,-0.01185,-0.13558,-0.06862,0.03119,0.10209,0.04598,0.00247,-0.03032,0.06588,0,0.02665,-0.00414,-0.0354,0.04286,-0.00119,-0.05688,0.03525,0.03196,0.04642,-0.02442,0.05388,0.00667,0.0092,-0.09143,-0.03731,-0.01638,-0.04544,-0.07797,0.0225,0.05233,0.06063,0.08276,-0.01363,-0.03158,-0.04782,0.03554,0.02704,0.0113,0.0249,-0.06428,-0.01157,-0.00215,-0.06039,-0.01197,-0.02025,-0.02052,0.00483,0.07411,0.02756,0.018,0.0388,0.06641,-0.02997,-0.001,-0.04025,-0.01053,-0.1089,-0.0078,0.00555,0.0111,0.01818,-0.02951,-0.0609,0.02048,-0.04012,0.01034,0.13,-0.00724,-0.08259,0.01533,0.05419,-0.05835,0.05334,0.02209,0.12585,0.04211,-0.00548,0.04589,0.08043,0.05733,0.05824,0.00953,-0.03379,0.0055,-0.00698,0.02075,-0.00223,-0.07985,0.05323,0.05323,-0.11006,0.04331,-0.01087,0.0063,0.0303,0.01793,0.04515,0.05947,0.07473,0.04818,-0.04916,-0.03215,0.01244,-0.04042,-0.07612,0,-0.06337,0.067,-0.12715,0.02351,0.0925,-0.02906,-0.06825,-0.00009,0.00276,0.02162,-0.05061,0.13671,-0.00673,0.02192,0.06317,-0.03356,0.02367,-0.04501,-0.07849,0.01167,-0.07069,0.0271,-0.0442,0.06036,0.01488,-0.07728,0.01312,0.04543,0.01013,-0.01436,-0.04872,-0.03566,0.01456,0.09785,-0.06754,0.03109,-0.01853,-0.00216,-0.06969,0.01234,0.09145,-0.04139,-0.04303,-0.03016,-0.01194,-0.00806,-0.00572,-0.00601,-0.04772,0.05515,-0.03382,0.02028,-0.07977,-0.013,0.04613,-0.05631,-0.02029,0.06747,0.0654,0.00415,-0.02044,0.02918,0.08245,-0.04102],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. 🛠 Migration by Deprecation, Not by Break Nothing is removed in v19. The design goal for the migration was: upgrading must be free, migrating must be incremental. - fNodeInput / fNodeOutput / fNodeOutlet keep working, marked deprecated. - fOutputId / fInputId (and the side inputs) keep working on f-connection; when both old and new are set, the new one wins. - fCanBeConnectedInputs → fCanBeConnectedTo — a rename with a wider meaning, since targets are no longer only \"inputs\". Two behavioral notes deserve attention when you migrate a connector: 1. [fConnector] defaults to fConnectorMultiple = true. Legacy outputs were single-connection by default. If you relied on that, set fConnectorMultiple=\"false\" explicitly. 2. Ids are unique across all connector types. If a legacy node reused one string for its input and its output, give one of them a new id. That is the whole list. The rest is find-and-replace at whatever pace suits the codebase. ::: ng-component <unified-connector</unified-connector [height]=\"600\" ::: f Node Input f Node Output f Node Outlet f Output Id f Input Id f Can Be Connected Inputs f Can Be Connected To f Connector f Connector Multiple","excerpt":"🛠 Migration by Deprecation, Not by Break Nothing is removed in v19. The design goal for the migration was: upgrading must be free, migrating must be incremental. - fNodeInput / fNodeOutput / fNodeOutlet keep working, marked deprecated. - fOutputId / fInputId (and the side inputs) keep working on f-connection; when both old and new are set, the new one wins. - fCanBeConnectedInputs → fCanBeConnectedTo — a rename with a wider meaning, since targets are no longer only \"inputs\". Two behavioral notes deserve attention when you migrate a connector: 1. [fConnector] defaults to fConnectorMultiple = true. Legacy outputs were single-connection by default. If you relied on that, set fConnectorMultiple=\"false\" explicitly. 2. Ids are unique across all connector types. If a legacy node reused one string for its input and its output, give one of them a new id. That is the whole list. The rest is find-and-replace at whatever pace suits the codebase. ::: ng-component <unified-connector</unified-connector [height]=\"600\" :::"},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#6","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.00909,-0.07266,-0.0174,0.00032,0.02794,0.04455,-0.09573,0.08738,0.09222,-0.01678,0.00643,0.02957,-0.04956,-0.03391,0.02534,-0.01666,-0.0599,-0.08542,-0.04903,0.0405,-0.05235,-0.06632,0.00247,-0.0287,-0.03452,0.00256,-0.0475,-0.05242,-0.00389,-0.04947,0.03467,0.14062,-0.08683,0.0268,-0.03311,-0.01298,0.03105,-0.01994,-0.06726,-0.01074,0.02209,-0.04811,0.01964,-0.01959,0.00177,-0.01765,-0.02432,-0.08963,-0.01356,0.07732,-0.00771,-0.03987,-0.02294,0.058,0.04157,0.04787,-0.01145,0.00965,-0.08015,0.0543,0.00102,-0.02592,-0.07857,-0.01665,0.02942,-0.03609,0.01168,-0.02321,0.06528,-0.00492,-0.05471,0.02661,-0.03377,-0.10948,0.05133,-0.00034,0.0082,0.06305,0.01297,-0.09604,0.1079,0.1186,-0.02398,0.0388,0.02643,0.09214,0.03978,-0.09129,-0.03129,0.05871,0.01205,-0.02273,0.09101,-0.00385,0.01381,0.0073,0.00347,0.01007,0.01657,0.03825,-0.0085,0.06619,0.0942,-0.00034,0.00865,-0.02053,-0.00527,0.04778,-0.00253,-0.04155,0.00483,0.00407,0.01107,-0.06222,-0.02185,0.03814,-0.0789,0.01118,0.13224,0.09028,-0.05404,-0.02185,0.02786,-0.00795,-0.03738,-0.03656,-0.09706,0,-0.01442,0.04312,-0.06252,0.04993,0.09614,0.00301,0.03751,-0.00258,-0.03556,-0.02295,-0.0443,0.01747,-0.06987,0.03749,0.04843,-0.07946,-0.10779,0.08603,-0.04336,0.02305,0.08918,-0.03619,0.03372,-0.10287,0.08767,0.06708,-0.03516,0.08201,-0.04178,0.02252,-0.07336,0.00253,0.04958,-0.01171,-0.01319,-0.03354,-0.0167,-0.17171,-0.04782,-0.04207,-0.04942,0.05065,-0.07674,-0.05942,0.06543,-0.01523,-0.00028,0.01177,0.00818,-0.00057,-0.00132,0.05873,0.03441,0.00171,0.0261,-0.11147,-0.04356,0.03594,-0.02906,0.09004,0.00992,0.06933,-0.03428,0.04882,0.08918,0.12498,0.03607,0.06668,0.0437,-0.04519,-0.08179,0.04453,-0.08051,-0.08075,0.04199,-0.04159,-0.0067,-0.06491,0.04584,-0.05248,-0.04882,0.00419,-0.04322,0.08182,0.07454,-0.00359,0.03854,-0.07783,-0.04823,0.0474,0.08219,0.01509,0.02973,0.00814,0.0089,0,0.03324,-0.02197,-0.04316,0.01742,-0.0099,-0.01437,0.02823,-0.01785,0.06403,-0.03769,0.03579,0.02339,-0.01443,-0.0832,-0.00436,-0.01204,-0.00022,-0.15665,0.02508,0.00666,0.08051,0.01889,-0.02204,-0.04778,-0.07865,-0.01271,-0.02059,-0.03509,-0.02717,-0.00724,0.02195,0.02013,-0.00016,-0.02695,0.0227,0.0226,0.01363,0.07339,0.05469,-0.02742,0.03721,0.03466,-0.01536,-0.0059,-0.03617,0.0625,-0.18035,-0.03552,0.00531,0.0303,-0.03581,-0.03078,-0.03969,-0.03218,-0.09467,0.00092,0.0888,0.00077,-0.0782,0.06052,0.05154,-0.02803,-0.02142,-0.00372,0.05289,-0.01026,-0.01573,0.04451,-0.00611,0.03251,0.02157,-0.0209,-0.06617,0.00287,0.00256,0.02325,0.00364,-0.08051,0.0081,0.07176,-0.08059,0.08205,-0.00082,0.01835,0.03867,0.05911,0.02973,0.02507,0.04685,0.03742,0.0102,0.02786,0.03212,0.06646,-0.07658,0,-0.03924,0.0431,-0.06314,0.01722,-0.00308,-0.01899,-0.0887,0.10076,-0.01853,0.08827,0.00058,0.04382,-0.10627,0.02696,0.0996,-0.02463,0.01018,0.01513,-0.07924,-0.06056,-0.00714,0.03345,-0.01364,0.03481,-0.01167,-0.05355,0.0307,0.08197,-0.01404,-0.03298,0.0017,0.03837,-0.00881,0.10438,-0.06195,0.06465,0.01359,0.03491,-0.04397,0.01113,0.08976,-0.06202,-0.05067,-0.01143,0.0282,0.0432,-0.01824,-0.00411,-0.06231,0.03509,-0.05945,0.07016,-0.00818,0.06916,0.02856,0.01223,-0.03602,0.02682,0.02839,-0.00235,-0.02595,0.0349,0.05106,0.01519],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. 🧠 Why This Mattered Enough for a Major APIs accumulate shape from their history, and at some point the history costs more than the cleanup. Three connector directives meant three of everything downstream — resolution paths, class names, docs pages, mental models. v19 was the right moment because the same release opened up gestures and the keyboard: every new way to drive the editor multiplies the cost of every redundant concept underneath it. One connector model is less to learn, less to document, and — the part you'll notice — less to debug. AP Is","excerpt":"🧠 Why This Mattered Enough for a Major APIs accumulate shape from their history, and at some point the history costs more than the cleanup. Three connector directives meant three of everything downstream — resolution paths, class names, docs pages, mental models. v19 was the right moment because the same release opened up gestures and the keyboard: every new way to drive the editor multiplies the cost of every redundant concept underneath it. One connector model is less to learn, less to document, and — the part you'll notice — less to debug."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#7","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.08054,-0.0915,-0.0932,0.01965,0.01778,0.05025,-0.0232,0.0656,0.05734,0.02252,-0.02343,-0.0557,-0.06759,0.01507,0.04392,0.06306,-0.04067,-0.04379,-0.01646,0.06181,-0.03766,-0.08445,0.03673,-0.05223,-0.07998,-0.02204,0.01097,-0.03611,-0.03315,-0.05883,0.00597,0.113,-0.08395,0.02203,-0.07275,0.04103,0.0475,-0.00384,-0.09578,-0.02486,0.03912,-0.02084,0.06925,-0.04009,-0.01431,-0.00495,-0.02241,-0.04844,-0.01566,0.04854,-0.03212,-0.03123,-0.05761,0.08722,0.04225,0.02731,0.00649,-0.06025,-0.02758,0.04192,0.01461,-0.00506,-0.02079,-0.00212,0.02088,0.00292,-0.02213,0.00005,0.02879,-0.04179,-0.03976,-0.01098,0.03416,-0.10873,0.05534,0.00575,0.01015,0.08925,0.03544,-0.05262,0.06371,0.12594,-0.01742,-0.00547,0.04038,0.1345,-0.01376,-0.06346,-0.02774,-0.00131,-0.00401,0.01468,0.04024,0.00244,0.07576,-0.02546,0.0194,0.0247,-0.03,0.01242,-0.03359,-0.00111,0.06017,-0.01975,0.00668,-0.03864,-0.02712,0.03017,0.0203,-0.04573,-0.00628,-0.01409,-0.02401,-0.03866,-0.04267,-0.00247,-0.04317,-0.01303,0.13643,0.06315,-0.03166,0.01206,-0.00245,-0.03427,0.02323,0.01967,-0.07331,0,-0.02765,0.08663,-0.0582,0.03428,0.1007,-0.0024,0.03963,-0.01214,-0.02591,0.01216,-0.06212,0.00474,-0.06423,0.00429,-0.01953,-0.0971,-0.06103,0.04938,-0.04351,-0.00186,0.08239,-0.05214,-0.00446,-0.0482,0.08997,0.04335,-0.05744,0.06341,-0.01766,0.01781,-0.01922,0.01216,0.04114,-0.0054,-0.04933,-0.09027,-0.02621,-0.11417,-0.07782,-0.01285,-0.06085,-0.00183,-0.07412,-0.01107,0.06268,-0.03927,0.01375,-0.01531,0.08781,-0.03019,-0.0055,0.00759,0.01108,-0.02743,0.05613,-0.10724,-0.10076,0.08074,0.00487,0.03899,-0.03025,0.04465,-0.03701,-0.00865,0.07993,0.13096,0.05186,0.01338,0.07718,-0.04929,-0.03977,0.05271,-0.04089,-0.01615,0.05839,-0.00826,0.03875,-0.01013,0.09432,-0.03997,-0.05824,0.00215,-0.0161,0.11588,0.10143,-0.04838,-0.02027,-0.08067,-0.07798,-0.01119,0.10505,0.03684,0.01995,-0.04265,0.03877,0,0.02583,-0.00768,-0.02409,0.01922,0.02166,-0.01772,0.01654,-0.03959,0.09394,-0.00819,0.03869,0.03758,0.03434,-0.08016,-0.02382,0.0202,-0.00231,-0.11155,0.01679,0.02829,0.06351,0.03277,-0.0243,-0.03913,-0.06204,0.01672,-0.00675,-0.03338,0.01645,-0.00864,0.00687,-0.00124,-0.07763,-0.06539,-0.01356,-0.00486,0.02561,0.07876,0.03876,0.00504,0.04226,0.02274,-0.02087,0.00261,-0.0523,0.02103,-0.13558,-0.05581,0.00663,0.04355,-0.05747,-0.01896,-0.04327,-0.05706,-0.10946,0.03095,0.12495,0.01445,-0.07915,0.04316,0.07287,-0.05517,0.01526,0.02679,0.09231,0.05541,-0.02519,0.06289,0.0547,0.04788,0.07567,0.01747,-0.00224,0.02396,0.03312,0.04557,0.05826,-0.08029,0.04677,0.06956,-0.02082,0.08457,0.02433,0.00503,0.06637,0.0097,0.04279,0.023,0.07394,0.03404,-0.01859,0.01773,0.02504,0.03102,-0.02527,0,-0.02405,0.06274,-0.07983,-0.05381,-0.01609,0.01124,-0.14453,-0.02563,-0.00365,0.04815,-0.05482,0.09927,-0.04907,0.03253,0.06035,-0.03305,-0.03241,-0.026,-0.06913,-0.01657,0.01829,0.03934,-0.03212,0.06455,-0.01216,-0.06368,0.0041,0.04059,-0.02411,-0.0166,-0.01495,0.01604,-0.00613,0.13606,-0.0754,0.03476,-0.01822,-0.01133,-0.10007,0.0398,0.11261,-0.05713,-0.07409,-0.03056,-0.01151,0.04587,-0.03669,-0.04837,-0.05563,0.07674,-0.04229,0.05413,-0.01656,0.03536,0.06373,0.0238,-0.04023,0.03948,0.06071,0.00237,-0.05994,0.03404,0.08823,0.0247],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. 🚀 Conclusion - Docs: <https://flow.foblex.com/docs/f-connector-directive - Live example: <https://flow.foblex.com/examples/unified-connector - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot.","excerpt":"🚀 Conclusion - Docs: <https://flow.foblex.com/docs/f-connector-directive - Live example: <https://flow.foblex.com/examples/unified-connector - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#0","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.02644,-0.03546,-0.03733,-0.04125,-0.02653,0.04516,0.05675,0.08429,0.04653,0.03059,0.01983,0.01689,-0.00567,-0.06073,0.07312,0.0163,-0.00739,-0.03489,-0.05749,0.08738,0.03952,-0.04554,0.02862,-0.02169,-0.14805,0.041,-0.02616,-0.05157,0.02841,-0.05907,0.01791,0.11586,-0.011,0.00478,-0.08248,0.03277,-0.00491,-0.07121,-0.09083,-0.03285,-0.05187,0.00093,0.04937,0.04716,0.03708,0.1364,0.05455,0.01342,-0.04473,0.05488,-0.06694,-0.04175,0.04656,0.03997,0.0317,0.04762,0.0432,0.03905,-0.03968,0.00846,-0.03928,-0.04702,-0.01258,0.00219,-0.03219,-0.05348,0.01717,-0.01727,0.08317,-0.02427,-0.02146,-0.03526,0.06204,-0.03564,0.04914,0.00369,0.00075,0.0391,-0.00049,-0.14831,0.03069,0.00529,0.03169,0.02062,-0.02265,0.0612,-0.01321,-0.0861,0.06165,0.05982,-0.02635,-0.03578,-0.00168,-0.04172,0.03999,-0.07166,-0.01534,-0.00303,-0.07503,-0.00086,0.06555,-0.02109,0.03956,0.1098,0.03533,-0.09235,0.01262,-0.01263,-0.01588,-0.02931,-0.01609,-0.0141,0.06065,0.00848,0.00143,-0.02047,-0.03932,0.00621,0.05838,0.01505,-0.02997,-0.08309,-0.03017,-0.01427,-0.04107,-0.00177,-0.0789,0,-0.00711,0.01608,-0.00472,-0.01418,0.00796,-0.05547,0.02069,-0.065,0.02875,-0.00601,0.00705,-0.03916,-0.03275,0.13169,0.01859,-0.06479,-0.10894,0.04343,-0.01061,0.00205,0.07102,0.02901,-0.02307,-0.08417,0.04037,0.13812,-0.07931,0.09063,-0.00996,0.02987,-0.03904,-0.01802,-0.0197,-0.04067,0.03079,0.02663,0.0326,-0.13993,-0.00291,-0.04946,0.03958,-0.03704,-0.04418,-0.09342,-0.00827,-0.11051,-0.05667,0.06242,0.01399,-0.00586,0.03783,0.03162,0.06771,-0.02073,0.05334,-0.08483,-0.05526,0.01729,-0.02914,0.09198,0.00105,0.0223,0.00342,0.03208,-0.03671,0.06076,0.00861,0.0449,0.01998,-0.01208,-0.09254,0.03515,-0.11417,0.00874,-0.01829,-0.01143,0.00451,-0.00945,-0.0642,-0.02247,-0.01424,0.04759,-0.04181,0.07773,0.0082,-0.05951,0.05716,-0.09523,-0.10088,0.04754,0.00449,-0.04267,0.00122,0.07467,-0.01196,0,0.00828,0.01403,-0.0685,0.08706,-0.02833,-0.05323,0.08988,-0.04727,-0.00854,-0.0491,0.00549,-0.04512,0.00717,-0.03219,0.03388,-0.03375,-0.0408,-0.05229,0.00375,-0.02644,0.0693,0.00687,0.02526,0.01374,-0.09863,0.02239,-0.06208,-0.00258,-0.03737,0.01077,-0.01898,-0.03005,0.00663,-0.00814,-0.03862,-0.06158,-0.05615,0.07695,0.01562,0.00768,0.07674,0.03212,0.02624,0.08106,-0.04681,0.02062,-0.06919,-0.00792,0.00882,0.04591,0.00396,-0.03065,0.0008,-0.11652,-0.09292,0.01628,0.07736,0.01738,-0.01734,0.03034,0.02953,-0.04681,-0.00183,-0.00991,0.09939,0.12102,0.0234,0.05226,0.06978,0.02436,0.091,0.02147,-0.04347,0.04693,0.00812,0.05638,0.01731,-0.06943,-0.01098,0.02722,-0.08742,-0.02042,0.06364,0.11084,0.02156,0.11937,-0.11304,-0.01228,0.00944,0.01229,0.01051,0.01838,0.05887,0.04498,-0.05492,0,-0.11219,0.02912,0.04385,0.05218,-0.02275,0.03068,-0.00275,-0.02385,-0.01962,0.00679,0.00364,0.08395,-0.00969,-0.05359,0.07753,-0.02302,-0.06427,0.03603,-0.05631,-0.03628,0.00718,-0.00717,-0.04199,0.02444,0.06402,-0.02937,0.01193,0.11329,0.03569,0.01576,0.04205,0.00678,0.02392,0.08149,-0.06465,0.0865,-0.02397,0.00179,-0.04857,-0.00048,0.00711,0.01381,-0.03106,-0.02732,-0.06307,0.07419,-0.00952,-0.021,-0.04749,0.02546,-0.08754,0.09327,0.02823,0.15356,0.03128,0.05222,-0.0331,-0.0413,0.03261,0.06629,-0.03283,0.02663,-0.03634,-0.00772],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes This article explains the thinking behind withControlScheme(...) in Foblex Flow v19 — why gesture mapping became one provided object instead of scattered trigger inputs, what a scheme actually controls, and where its boundary deliberately stops. with Control Scheme","excerpt":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes This article explains the thinking behind withControlScheme(...) in Foblex Flow v19 — why gesture mapping became one provided object instead of scattered trigger inputs, what a scheme actually controls, and where its boundary deliberately stops."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#1","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.00452,-0.05184,-0.02503,0.00439,-0.01807,0.08241,0.02286,0.08885,0.04919,0.06231,-0.00988,0.00718,-0.06255,0.01454,0.10229,0.01783,-0.05092,-0.07389,-0.0702,0.11738,0.00675,-0.05104,0.06598,-0.02106,-0.03822,0.04485,0.0089,-0.05382,0.02438,-0.04104,0.00403,0.15125,-0.02728,-0.02389,-0.04586,0.07846,-0.04458,-0.04928,-0.06604,-0.07427,0.01413,0.02668,0.0482,-0.00821,0.02342,0.06566,0.0539,-0.00839,-0.05296,0.11867,-0.06215,-0.0474,0.01919,0.01021,0.01589,-0.00919,0.06131,0.0026,0.00987,0.02101,-0.08181,-0.06154,0.00579,0.02332,0.00902,-0.0062,-0.02179,-0.06428,0.00621,-0.0172,0.00147,-0.05165,0.03465,-0.04774,0.07575,-0.02513,-0.06174,0.06327,0.02593,-0.1396,0.03071,-0.02155,0.0321,0.06919,0.01501,0.1087,0.01524,-0.08744,0.05224,0.04028,-0.00494,-0.01123,0.00959,0.00338,0.04997,-0.06382,-0.01277,0.03593,-0.12781,0.01026,0.05816,-0.00324,0.06516,0.07097,0.00996,-0.05603,0.0499,-0.06169,-0.0847,-0.00195,-0.00302,0.01943,0.03285,-0.00046,-0.02846,-0.01866,-0.03761,0.00107,0.01521,0.08436,-0.03912,-0.05853,-0.00637,-0.03005,-0.01237,0.00464,-0.07095,0,-0.00524,0.02273,-0.01942,-0.00084,0.03213,-0.04054,-0.0159,-0.06567,0.00754,-0.0329,0.03033,0.03006,-0.02682,0.09911,0.01929,-0.04677,-0.08258,0.03995,-0.03775,0.01978,0.08225,0.01111,-0.05323,-0.04529,0.02476,0.13472,-0.05299,0.0751,-0.04052,0.03381,-0.00585,0.01925,-0.01564,-0.03679,-0.00983,0.01668,0.02398,-0.09327,-0.03754,-0.04851,0.02557,-0.04032,-0.0817,-0.0371,-0.01954,-0.11179,-0.01498,0.07289,0.02356,0.03965,0.01994,0.06108,0.03393,0.0255,0.07777,-0.10326,-0.057,0.02334,-0.01783,0.03625,0.04129,0.05009,0.0069,0.02024,0.00576,0.04309,0.02947,0.04118,0.02462,-0.02489,-0.05031,-0.01053,-0.09177,0.02222,0.02856,-0.0532,-0.00051,0.01239,-0.01436,-0.05602,0.00774,0.00021,-0.01785,0.04437,0.00436,-0.08981,0.03619,-0.07555,-0.1068,0.05133,0.09799,-0.01163,-0.01859,0.07756,-0.02759,0,-0.04189,0.032,-0.06398,0.10032,-0.04912,-0.07858,0.09016,-0.03828,0.04628,-0.04426,0.01143,-0.04671,-0.05314,-0.02278,0.01694,-0.00638,-0.01187,-0.04835,0.03686,-0.08291,0.092,0.01882,-0.00946,0.03318,-0.09753,0.03486,-0.03382,-0.02624,-0.03582,-0.03279,-0.02338,-0.04296,-0.04445,-0.05569,-0.01635,-0.06905,-0.04135,0.08442,-0.00792,0.06378,0.04479,0.00948,-0.00201,0.06004,-0.03376,0.00304,-0.06991,-0.01221,0.01961,0.04845,0.01533,-0.00175,0.01906,-0.12495,-0.08352,-0.01016,0.10313,-0.063,-0.03389,0.02874,0.01797,-0.01721,0.01079,-0.01331,0.09365,0.10049,0.01155,0.02421,0.07613,0.04513,0.06887,-0.03646,-0.02394,0.00086,0.04501,0.06456,0.07933,-0.04362,0.03601,-0.06636,-0.02116,0.02561,0.04555,0.07429,-0.02688,0.13866,-0.09854,-0.04007,0.00117,0.06927,0.00083,0.01803,0.00655,0.0113,-0.02499,0,-0.12263,0.04646,0.00414,0.04478,0.01665,-0.00902,-0.05567,0.03039,0.00065,0.03589,0.00103,0.10147,-0.00873,-0.04679,0.11274,-0.02083,-0.03268,0.05102,-0.07769,-0.06499,0.00608,-0.00496,-0.00656,0.00626,0.00686,-0.06081,-0.03348,0.07633,0.00829,0.01501,0.02559,0.01144,0.06726,0.07323,-0.13614,-0.00785,-0.02867,-0.05457,-0.03991,0.00516,0.02253,0.00637,-0.0067,-0.03452,-0.09167,0.05776,0.00261,-0.02937,-0.03184,0.01069,-0.08859,0.0746,0.02006,0.1363,0.03102,0.01658,-0.00807,-0.02539,0.07806,0.05399,-0.05065,0.00245,-0.06755,-0.00129],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. Every canvas tool trains its users' hands. Miro users scroll to pan and drag on empty space to select. draw.io users expect the wheel to zoom and the middle button to pan. Figma hands pan to Space+drag. None of these mappings is right — they are just learned. And when your Angular editor picks a different one, users don't file a feature request; they just feel that the tool is fighting them. Before v19, changing the mapping in Foblex Flow meant a problem in three parts:","excerpt":"Every canvas tool trains its users' hands. Miro users scroll to pan and drag on empty space to select. draw.io users expect the wheel to zoom and the middle button to pan. Figma hands pan to Space+drag. None of these mappings is right — they are just learned. And when your Angular editor picks a different one, users don't file a feature request; they just feel that the tool is fighting them. Before v19, changing the mapping in Foblex Flow meant a problem in three parts:"},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#2","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.0291,-0.04691,-0.05474,-0.00375,0.02228,0.06777,0.09627,0.09159,0.02213,0.05152,0.02212,-0.00735,-0.03038,-0.00701,0.03435,0.00646,-0.05261,-0.04018,-0.09549,0.09914,0.01015,-0.07476,0.04338,0.00401,-0.1097,0.04903,0.00179,-0.03801,-0.00347,-0.07077,0.00701,0.13918,0.0146,-0.02035,-0.05592,0.00373,-0.04613,-0.06606,-0.05537,-0.06385,-0.01838,0.02094,0.06483,0.01958,0.03811,0.10252,0.07411,0.00915,-0.01544,0.09912,-0.04706,-0.02581,0.07071,0.04026,0.02634,0.03803,0.04726,0.01528,-0.01293,-0.01004,-0.07307,-0.06326,-0.02034,0.03739,-0.0274,-0.0005,0.01533,-0.11263,0.03612,-0.00534,-0.00662,-0.04078,0.04151,-0.04469,0.07361,-0.03523,-0.00905,0.06597,0.02546,-0.10076,0.005,-0.02077,0.05723,0.06711,0.00062,0.04553,-0.01559,-0.04273,0.01384,0.07057,-0.04202,0.02739,-0.01966,-0.03641,0.02093,-0.07941,-0.00544,-0.02644,-0.10697,0.02328,0.05245,0.03257,0.05635,0.07856,0.02302,-0.0316,0.04744,-0.04153,-0.09399,0.00639,-0.02689,-0.00291,0.08749,0.0168,-0.01196,-0.00576,-0.0549,-0.00391,0.07443,0.0183,0.00057,-0.06276,-0.02156,0.0015,-0.02874,0.02406,-0.08039,0,-0.04203,-0.01742,-0.03502,-0.00626,0.00957,-0.05354,0.03506,-0.04251,-0.01438,0.00229,0.00585,-0.00825,-0.0375,0.02807,0.05173,-0.07235,-0.05194,0.0117,-0.05496,0.01165,0.09526,0.01475,-0.02129,-0.06139,0.0502,0.13637,-0.05867,0.10291,0.02203,0.05154,-0.07878,0.02798,-0.01587,-0.04856,-0.0147,0.01585,-0.00421,-0.11032,-0.0356,-0.04204,0.02211,-0.00291,-0.0233,-0.09198,-0.03149,-0.11585,-0.06706,0.07484,-0.00504,0.058,0.0357,0.02114,0.06426,-0.00861,0.08566,-0.08209,-0.03354,0.06057,-0.05191,0.08326,0.03438,0.0273,-0.02982,0.04898,0.00454,0.09384,0.01404,0.07231,0.02073,-0.00991,-0.03024,0.034,-0.03283,-0.00728,0.04062,-0.0238,-0.00782,-0.05918,-0.03861,-0.03657,0.0454,0.00595,-0.02462,0.04606,-0.00584,-0.06171,0.03627,-0.04561,-0.13579,0.0699,0.06083,-0.05381,0.04004,0.05514,-0.06054,0,-0.00531,0.06768,-0.04133,0.09384,-0.02987,-0.01749,0.07981,-0.05441,0.02825,-0.09499,-0.01063,-0.03378,-0.02936,-0.02723,0.02838,0.0348,0.03129,-0.0257,-0.01273,-0.04938,0.06703,-0.05549,-0.00581,0.01657,-0.10249,0.03099,-0.03251,0.04278,-0.0686,-0.00393,-0.00126,-0.03295,0.0058,-0.00953,0.01269,-0.07392,-0.09691,0.05577,0.00371,-0.00162,0.07971,0.0224,0.04095,0.04673,-0.01764,0.00867,-0.09329,0.02544,0.00471,0.06587,-0.05761,-0.02346,-0.00982,-0.11631,-0.08443,0.02923,0.09503,-0.01056,-0.06017,0.00378,0.04486,-0.01157,-0.0112,0.0134,0.1301,0.06727,0.02544,0.05656,0.0532,0.08039,0.09569,-0.01833,0.0219,-0.00278,0.03075,0.08523,0.04396,-0.02714,0.04271,-0.01418,-0.00086,0.00359,0.05539,0.06324,-0.05224,0.1274,-0.1136,-0.06165,0.03082,0.02765,0.01615,-0.01798,0.05509,0.00863,0.01467,0,-0.07876,0.03758,-0.02869,0.06603,0.02315,0.01505,-0.05398,0.02305,-0.05206,0.00933,-0.02454,0.08815,0.00952,-0.02303,0.05227,-0.02099,0.00056,0.04872,-0.04895,-0.05301,-0.02546,-0.01502,-0.02166,0.03503,-0.02917,-0.04498,-0.07883,0.08339,0.05526,-0.02008,0.02363,-0.00601,0.0135,0.06611,-0.12646,0.02245,-0.03782,-0.02277,-0.02141,0.00589,0.0595,0.02643,0.00339,-0.01949,-0.1124,0.06671,0.00976,-0.04757,-0.03486,0.02028,-0.05296,0.10499,0.01702,0.13736,0.01171,0.02571,-0.00429,-0.02054,0.05015,0.04782,-0.04634,0.00769,-0.06688,0.0304],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. - Gesture triggers lived on three directives — fDraggable, fZoom, f-selection-area — each configured separately. - The triggers had to agree with each other. Scroll-to-pan without Ctrl+wheel zoom leaves zoom unreachable; drag-to-select without another pan gesture leaves the canvas stuck. - Some behavior was not reachable through triggers at all — the wheel's pan-vs-zoom split, the middle button's role. You could get close. You could not get consistent. f Draggable f Zoom","excerpt":"- Gesture triggers lived on three directives — fDraggable, fZoom, f-selection-area — each configured separately. - The triggers had to agree with each other. Scroll-to-pan without Ctrl+wheel zoom leaves zoom unreachable; drag-to-select without another pan gesture leaves the canvas stuck. - Some behavior was not reachable through triggers at all — the wheel's pan-vs-zoom split, the middle button's role. You could get close. You could not get consistent."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#3","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.02974,-0.03765,-0.05074,-0.03464,-0.06627,0.06929,0.07281,0.10484,0.02001,0.02825,0.02525,-0.0234,-0.02158,-0.01875,0.07407,0.04369,-0.04,0.00501,-0.04076,0.08087,0.04043,-0.02745,0.03225,-0.01483,-0.12984,0.04268,0.00262,-0.03649,0.0002,-0.07352,0.02343,0.11089,0.00075,-0.00176,-0.05246,0.06986,-0.01532,-0.08891,-0.08572,-0.03634,-0.04046,0.00746,0.06572,0.02315,0.04557,0.13542,0.06623,0.00848,-0.04508,0.08859,-0.05842,-0.03895,0.03051,0.04539,0.0463,0.04249,0.03082,-0.01761,-0.03622,-0.00462,-0.03445,-0.04475,0.00514,0.01481,-0.04105,-0.02423,-0.00695,-0.0362,0.06277,-0.02487,-0.01382,-0.05371,0.04517,-0.06959,0.05187,-0.00131,-0.00544,0.03828,0.02026,-0.14151,0.01948,-0.01492,0.0267,0.02441,-0.01009,0.06033,-0.01272,-0.07036,0.04879,0.08674,-0.01739,-0.01282,0.00054,-0.05142,0.03676,-0.0831,-0.01022,-0.03057,-0.08574,0.01683,0.06444,0.00632,0.05582,0.09923,0.02603,-0.09098,0.03048,-0.01126,-0.03669,-0.02261,-0.02327,-0.00914,0.05009,0.00051,-0.01332,-0.01915,-0.05086,0.01914,0.03945,0.03271,-0.04015,-0.08423,-0.01408,-0.02918,-0.0351,-0.00259,-0.1044,0,-0.0172,0.01019,-0.00012,-0.03939,0.0138,-0.05465,0.0139,-0.0748,0.02195,-0.01631,-0.01544,-0.00446,-0.02739,0.13322,-0.00673,-0.05375,-0.09522,0.05071,-0.02705,0.00489,0.09994,0.02821,-0.00928,-0.07697,0.06838,0.12467,-0.05225,0.09022,-0.01653,0.02814,-0.03197,-0.0193,-0.0405,-0.05913,0.03205,0.01131,0.02332,-0.11296,-0.01655,-0.03653,0.04064,-0.0315,-0.05713,-0.10106,-0.02328,-0.11754,-0.03664,0.05411,0.03143,0.01537,0.03428,-0.00293,0.04026,-0.0245,0.06981,-0.11207,-0.07427,0.06121,-0.03606,0.08727,-0.0056,0.02502,0.01984,0.02102,-0.02303,0.0625,0.00852,0.04507,0.02381,-0.01779,-0.06928,0.02998,-0.08496,0.00041,-0.01399,-0.00495,0.00767,-0.04494,-0.07574,-0.01396,-0.03868,0.02981,-0.01354,0.08719,0.03039,-0.04327,0.05471,-0.10696,-0.0979,0.06749,0.01096,-0.05813,-0.03044,0.08653,-0.00051,0,-0.00731,0.02386,-0.04384,0.09233,-0.00674,-0.06028,0.10234,-0.0293,-0.00767,-0.02202,-0.00488,-0.0353,-0.02316,-0.05481,0.06537,-0.02329,-0.01451,-0.0421,0.00821,-0.01264,0.0307,0.02472,0.02205,0.00728,-0.09365,0.03588,-0.03981,0.00974,-0.02829,0.00038,-0.0119,-0.05686,-0.00825,-0.02114,-0.02032,-0.04352,-0.01688,0.07844,0.01749,0.0443,0.07139,0.02182,0.00835,0.07302,-0.03098,0.01968,-0.05677,-0.02233,0.00452,0.06346,0.00994,-0.03005,-0.01153,-0.12731,-0.0841,0.00056,0.0831,-0.00771,-0.04605,0.02206,-0.00148,-0.04776,0.02868,0.02369,0.10723,0.09877,0.02941,0.05654,0.041,0.0458,0.12037,0.02789,-0.03712,0.06023,0.04415,0.02594,0.01863,-0.00805,0.02853,0.00849,-0.04155,-0.00547,0.06495,0.13624,0.00957,0.11787,-0.07897,-0.02576,-0.01265,0.02193,0.01524,0.03813,0.03399,0.04165,-0.04394,0,-0.10839,0.0138,0.0516,0.04979,-0.04513,0.01031,-0.02467,-0.01408,-0.03109,0.01188,0.03008,0.09463,0.01714,-0.06209,0.05635,-0.05194,-0.04364,0.05376,-0.05893,-0.04885,-0.00655,-0.00752,-0.02191,0.03175,0.05152,-0.04884,-0.00092,0.06998,0.04489,0.01131,0.05408,0.00367,0.03056,0.07863,-0.06798,0.04907,-0.01142,-0.01512,-0.07778,0.00961,-0.00511,0.0039,-0.02165,-0.02723,-0.04963,0.08237,-0.02592,-0.06044,-0.04142,0.01551,-0.08051,0.11138,0.02236,0.1637,0.01564,0.07664,-0.00379,-0.04764,0.03976,0.07379,-0.02423,0.01833,-0.05541,-0.0099],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. 🎯 The Key Idea: The Mapping Is One Object A control scheme is the complete gesture-to-action mapping, provided once:","excerpt":"🎯 The Key Idea: The Mapping Is One Object A control scheme is the complete gesture-to-action mapping, provided once:"},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#4","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.01735,-0.02674,-0.07558,-0.01216,-0.0232,0.0691,0.0863,0.1025,0.03448,0.0549,0.02301,0.00541,-0.03556,-0.03336,0.04235,0.04433,-0.01559,-0.03354,-0.08914,0.10229,0.05381,-0.04954,0.0197,-0.01471,-0.11506,0.04566,0.00227,-0.03186,0.01954,-0.04657,0.02161,0.11585,0.00928,-0.01567,-0.07764,0.03285,-0.01469,-0.09474,-0.09827,-0.05734,-0.01744,0.02096,0.05475,0.02147,0.05432,0.11133,0.04129,0.00073,-0.02522,0.03856,-0.05152,-0.04228,0.04376,0.03563,0.04002,0.06763,0.02089,0.0343,-0.0352,0.0032,-0.06939,-0.04713,-0.01692,0.03023,-0.02569,-0.02504,-0.00949,-0.04925,0.06103,-0.03787,-0.03904,-0.03477,0.02493,-0.04322,0.06231,-0.02966,0.00604,0.03953,0.01552,-0.16898,0.00565,0.01426,0.05762,0.02113,0.00937,0.06738,-0.00989,-0.05329,0.04938,0.06952,-0.00979,0.00836,-0.06525,-0.04792,0.0351,-0.06571,-0.03961,-0.03522,-0.08221,0.0323,0.04653,-0.01345,0.08462,0.09547,0.01069,-0.06627,0.0437,-0.00092,-0.03819,-0.00613,-0.03185,-0.00219,0.07083,-0.00571,-0.01837,0.0005,-0.01657,0.00058,0.05388,0.02029,-0.03687,-0.09272,0.01492,-0.00797,-0.0381,-0.02102,-0.10785,0,-0.05881,0.00029,-0.01564,0.00888,0.00365,-0.04305,0.01611,-0.07234,0.02191,-0.02499,0.0061,0.02636,-0.02767,0.12978,0.03102,-0.07601,-0.07671,0.05186,-0.00805,-0.0053,0.08777,0.03544,-0.022,-0.07972,0.03427,0.12411,-0.04357,0.06948,-0.01,0.03327,-0.03965,0.00061,-0.04423,-0.03743,0.0198,0.04675,0.03649,-0.12646,-0.02076,-0.04089,0.02796,-0.02153,-0.03068,-0.08977,-0.00999,-0.10917,-0.04257,0.07664,-0.00699,0.03365,0.03324,0.01965,0.06678,-0.00729,0.06574,-0.08455,-0.05318,0.03255,-0.02071,0.08227,0.02613,0.04319,-0.02284,0.04007,-0.02026,0.0762,-0.00388,0.04184,0.03163,-0.00702,-0.08337,0.07281,-0.06202,-0.00512,-0.00041,-0.01063,-0.02069,-0.02326,-0.05864,-0.0208,-0.0082,0.042,-0.01922,0.06704,-0.00254,-0.05703,0.0501,-0.06886,-0.11853,0.05169,0.0655,-0.05752,0.01637,0.04592,-0.0097,0,-0.00227,0.03221,-0.05103,0.07761,-0.00603,-0.03921,0.08223,-0.0588,0.01432,-0.0839,0.02565,-0.04876,-0.0037,-0.04111,0.05152,-0.01654,-0.04855,-0.06391,0.00316,-0.04456,0.06533,0.00838,0.01332,-0.00125,-0.09458,0.01724,-0.05483,0.02295,-0.02746,0.02348,-0.03904,-0.04883,-0.02259,0.0063,-0.02218,-0.03996,-0.06337,0.05679,0.00258,0.01278,0.09047,0.01898,-0.00393,0.06785,-0.05043,0.01577,-0.08461,-0.00512,-0.01836,0.03577,-0.01027,-0.02692,-0.00983,-0.12007,-0.09004,-0.00324,0.11418,0.00734,-0.03603,0.01338,0.04232,-0.03663,-0.01293,0.02297,0.08656,0.09898,0.02473,0.05523,0.07993,0.01995,0.10068,0.00313,-0.02447,-0.00077,0.02798,0.03665,0.05176,-0.03091,0.02309,0.01331,-0.05895,0.0165,0.06531,0.10564,-0.01031,0.10857,-0.12577,0.0013,0.02038,0.03887,0.01977,0.0177,0.05163,0.05023,-0.04427,0,-0.11189,0.01718,0.03974,0.04734,-0.01903,0.00711,-0.02043,-0.01926,-0.06345,0.01541,0.0303,0.10569,-0.00649,-0.06364,0.08584,-0.01979,-0.04362,0.02315,-0.0607,-0.05366,0.00533,-0.02888,-0.02592,0.04495,0.03125,-0.04165,-0.03618,0.0802,0.03741,0.03314,0.04451,0.00782,0.00261,0.094,-0.09897,0.06614,-0.04628,-0.00412,-0.04139,-0.01368,0.00455,-0.00422,-0.02483,-0.01986,-0.03626,0.08264,-0.00915,-0.05512,-0.03447,0.00455,-0.09538,0.10781,0.02054,0.15179,-0.00182,0.046,-0.00804,-0.02373,0.05424,0.058,-0.05993,0.02266,-0.0485,0.00722],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. One IFControlScheme object answers every input question the editor asks: what moves nodes, what pans the canvas, what starts the selection rectangle, what creates and reassigns connections, what resizes and rotates, and what the wheel does — pan or zoom. The interaction directives read the active scheme from a shared controller; you stop configuring three surfaces and start declaring one policy. Three presets encode the muscle memory people bring: IF Control Scheme","excerpt":"One IFControlScheme object answers every input question the editor asks: what moves nodes, what pans the canvas, what starts the selection rectangle, what creates and reassigns connections, what resizes and rotates, and what the wheel does — pan or zoom. The interaction directives read the active scheme from a shared controller; you stop configuring three surfaces and start declaring one policy. Three presets encode the muscle memory people bring:"},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#5","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[-0.01211,-0.01843,-0.07797,0.01309,0.01224,0.05745,0.0981,0.09037,0.04367,0.07051,0.01266,0.01189,-0.05013,0.00077,0.05244,0.01967,-0.0205,-0.05608,-0.08408,0.10076,0.03981,-0.06594,0.02167,0.01488,-0.08622,0.01156,0.0087,-0.01912,-0.00023,-0.04449,0.02232,0.12621,0.01028,-0.01429,-0.0672,0.03233,-0.03122,-0.07341,-0.08597,-0.05439,-0.03305,0.00721,0.05087,0.05354,0.02583,0.11273,0.08281,-0.01913,-0.03651,0.08464,-0.0358,-0.02329,0.03219,0.04216,0.05578,0.05615,0.04423,0.00391,-0.03015,0.00391,-0.06689,-0.06195,-0.01737,0.03071,-0.05837,-0.00055,-0.01135,-0.04295,0.0764,-0.02878,-0.02664,-0.04063,0.03991,-0.0231,0.05018,-0.04504,0.02566,0.04955,0.01398,-0.14086,-0.00562,0.00817,0.05001,0.04486,0.03558,0.07976,-0.01883,-0.07134,0.0542,0.06522,-0.01497,0.00776,-0.03074,-0.0373,0.02509,-0.05656,-0.01759,-0.03852,-0.10464,0.03023,0.04941,0.00098,0.06198,0.09662,0.04436,-0.05816,0.05396,-0.0219,-0.06102,0.01383,-0.01579,0.0152,0.0638,-0.00557,-0.01539,0.01454,-0.07539,0.00888,0.04613,0.05405,-0.01501,-0.0375,-0.01847,-0.02778,-0.03817,0.02272,-0.11356,0,-0.04427,-0.00716,-0.01339,-0.01881,0.00659,-0.05868,0.02933,-0.05287,0.0105,-0.02814,-0.02712,-0.01554,-0.04115,0.10047,0.03035,-0.10598,-0.0661,0.04453,0.02326,-0.02148,0.078,0.01978,-0.0279,-0.09976,0.05097,0.1324,-0.04385,0.08708,0.00686,0.05613,-0.06944,0.01848,-0.04013,-0.04195,0.00427,0.04315,-0.01665,-0.09217,0.0032,-0.03639,0.01921,-0.02665,-0.03256,-0.07085,-0.02193,-0.13343,-0.05712,0.05978,0.00391,0.04553,0.01117,0.00917,0.0592,-0.00514,0.06599,-0.10533,-0.03465,0.04673,-0.02318,0.04787,0.00412,0.03608,-0.05886,0.03039,-0.02458,0.07985,0.01577,0.04677,0.02294,-0.02426,-0.05115,0.04982,-0.05039,0.03247,0.0196,-0.02197,0.02384,-0.03346,-0.06423,-0.04986,0.02144,0.00372,-0.03212,0.04887,-0.00293,-0.05528,0.06664,-0.04259,-0.09762,0.02192,0.00868,-0.05987,0.02808,0.05043,-0.05108,0,0.00984,0.03428,-0.04375,0.1096,-0.01167,-0.02757,0.08405,-0.06483,0.01574,-0.10835,-0.02369,-0.04067,-0.0065,-0.04055,0.06067,0.00624,-0.07851,-0.082,0.00324,-0.05001,0.04936,-0.00955,-0.0254,0.02161,-0.08308,-0.00222,-0.0623,0.03682,-0.02715,-0.00267,-0.01581,-0.0624,-0.06158,-0.03877,0.02059,-0.05747,-0.0453,0.07009,-0.00892,0.06011,0.0776,0.00334,0.04702,0.07291,-0.02894,0.0191,-0.09044,-0.00425,0.04674,0.03273,-0.04778,-0.04097,-0.01227,-0.0993,-0.07942,0.00218,0.11278,0.01125,-0.02649,0.01302,0.04009,-0.04357,-0.00822,-0.01678,0.10503,0.08849,0.0162,0.05516,0.04793,0.0621,0.10539,-0.01252,-0.02213,-0.01847,-0.00448,0.04078,0.0866,-0.02811,0.03986,0.01338,0.00722,0.02283,0.07349,0.08311,-0.04863,0.10339,-0.12428,0.00332,0.02111,0.01555,0.01298,-0.00128,0.06266,0.04111,-0.05077,0,-0.10442,-0.00565,0.03476,0.05334,0.00593,-0.00705,-0.0429,-0.0069,-0.04722,-0.03799,0.02432,0.1198,-0.00438,-0.02466,0.07108,-0.02917,-0.00962,0.05277,-0.04244,-0.05813,-0.01901,-0.00082,-0.02933,0.01675,0.02474,-0.05185,-0.02085,0.07017,0.07047,0.02792,0.03005,0.01626,0.05733,0.06636,-0.08688,0.07638,-0.05403,-0.00605,-0.03206,0.01612,0.03853,-0.01545,-0.0091,-0.02563,-0.08185,0.05113,0.00245,-0.04594,-0.05583,0.02135,-0.07579,0.1205,0.01517,0.14426,0.0003,0.05636,-0.01701,-0.0357,0.06268,0.01637,-0.0357,-0.00496,-0.03101,0.02768],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. - FDEFAULTCONTROLSCHEME — the classic: drag pans, wheel zooms, Shift+drag selects. Applied when the feature is absent, so existing apps change nothing. - FSCROLLPANCONTROLSCHEME — Miro-like: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects, middle-drag pans. - FDRAGSELECTCONTROLSCHEME — draw.io-like: wheel zooms, drag on empty canvas selects, middle-drag pans. 📌 In short: a scheme is a policy object. The presets are borrowed muscle memory; a custom scheme is yours.","excerpt":"- FDEFAULTCONTROLSCHEME — the classic: drag pans, wheel zooms, Shift+drag selects. Applied when the feature is absent, so existing apps change nothing. - FSCROLLPANCONTROLSCHEME — Miro-like: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects, middle-drag pans. - FDRAGSELECTCONTROLSCHEME — draw.io-like: wheel zooms, drag on empty canvas selects, middle-drag pans. 📌 In short: a scheme is a policy object. The presets are borrowed muscle memory; a custom scheme is yours."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#6","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[-0.00917,-0.02932,-0.05961,-0.00041,-0.05548,0.06669,0.07771,0.10386,0.00098,0.0557,0.00078,0.01494,-0.04514,-0.0412,0.08419,0.05218,-0.00859,-0.03401,-0.06457,0.07388,0.04941,-0.07858,-0.00187,-0.03228,-0.10833,0.02888,0.01492,-0.01825,0.00148,-0.04777,0.01826,0.11213,0.04609,-0.00919,-0.05756,0.06148,-0.00214,-0.0765,-0.08619,-0.0204,-0.06764,0.00165,0.05047,0.03481,0.01615,0.11957,0.06943,0.00118,-0.02889,0.03693,-0.04141,-0.02101,0.06598,0.02996,0.03527,0.04305,0.0478,0.01603,-0.05224,-0.01243,-0.05928,-0.06839,-0.03692,0.02437,-0.03409,0.00731,-0.01457,-0.02313,0.09071,-0.03537,-0.01082,-0.04204,0.05144,-0.02264,0.04037,-0.00388,0.00839,0.04614,0.02061,-0.15558,0.03804,0.02513,0.05184,0.02562,-0.01419,0.06384,0.01814,-0.07376,0.06793,0.08933,-0.00455,-0.03989,0.00948,-0.0751,0.02854,-0.05873,-0.00913,-0.03904,-0.07805,0.01181,0.05453,0.00289,0.02539,0.08191,0.03476,-0.10654,0.05828,-0.02001,-0.0214,-0.01635,-0.0066,0.02405,0.05468,-0.00874,-0.00143,-0.00711,0.00546,0.01239,0.02083,0.02479,-0.0248,-0.07066,-0.00546,-0.02457,-0.03943,0.02913,-0.12133,0,0.00023,-0.02062,-0.03244,-0.03321,0.00711,-0.04156,0.00731,-0.07269,0.00443,-0.00392,0.00589,-0.02636,-0.03939,0.13631,0.01613,-0.07621,-0.09628,0.05539,0.0114,-0.03173,0.05827,0.02261,-0.0332,-0.06982,0.05979,0.14936,-0.02764,0.07361,0.01056,0.01903,-0.05557,-0.03257,-0.01217,-0.03914,0.00826,0.0524,-0.02538,-0.07595,0.00782,-0.03858,0.02633,-0.04121,-0.05271,-0.06296,-0.03899,-0.11296,-0.06807,0.02835,0.01251,0.00894,0.01623,0.03286,0.04499,0.00118,0.06262,-0.11286,-0.0659,0.03299,-0.00607,0.05418,0.01407,0.02238,0.00146,0.0423,-0.01786,0.05656,0.00257,0.01221,0.04264,0.01218,-0.08322,0.04382,-0.09406,-0.0071,-0.02579,-0.00356,0.02837,-0.04156,-0.06462,-0.01366,0.0096,0.04825,-0.00058,0.06823,0.00375,-0.06969,0.05519,-0.10573,-0.10946,0.02341,0.01609,-0.07964,0.03266,0.07098,-0.00084,0,0.02441,-0.00241,-0.03614,0.07388,-0.01178,-0.02985,0.07166,-0.04275,-0.0031,-0.03626,-0.00957,-0.04339,-0.01755,-0.06152,0.05222,0.00341,-0.0173,-0.06183,0.02501,-0.03109,0.02104,0.01737,0.0106,0.02291,-0.10744,-0.00143,-0.06012,0.01238,-0.03078,-0.0162,-0.02145,-0.04729,-0.02098,-0.00624,-0.02282,-0.02611,-0.04359,0.08849,-0.01298,0.07252,0.06833,0.02836,-0.00926,0.09452,-0.03028,0.02098,-0.10876,-0.02385,0.00794,0.05496,0.00489,-0.08021,-0.01393,-0.07408,-0.07311,-0.02379,0.1059,0.00699,-0.04127,0.06642,0.00456,-0.09159,0.00967,0.01229,0.07898,0.12357,0.03938,0.06531,0.00847,0.02031,0.1077,-0.0322,-0.02552,-0.01006,0.03425,0.01012,0.01096,-0.01572,0.00533,0.01523,-0.04933,-0.01575,0.03542,0.11704,-0.02589,0.11954,-0.08472,0.02057,0.00126,0.03672,-0.00019,0.00437,0.0679,0.04237,-0.08,0,-0.08064,-0.03213,0.05688,0.04785,-0.02895,0.01234,-0.03076,-0.00018,-0.03248,-0.00993,0.03702,0.09065,0.00058,-0.0469,0.09274,-0.01836,-0.0509,0.06748,-0.04693,-0.05024,0.0003,-0.00481,-0.01655,0.0576,0.05578,-0.02287,-0.01265,0.08335,0.04449,0.04772,0.07127,0.05807,0.05253,0.07413,-0.05339,0.06246,-0.03108,-0.00416,-0.04778,0.02264,-0.00542,-0.02879,-0.05474,-0.01447,-0.08696,0.05973,-0.01383,-0.04709,-0.03473,0.01423,-0.07428,0.13108,0.05786,0.16335,0.02229,0.06399,0.00376,-0.04334,0.05634,0.0708,-0.05123,0.0148,-0.03402,0.0122],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. ⚡ Runtime Switching and the Precedence Rule FControlSchemeController switches or tweaks the scheme at runtime — setScheme(...) takes a full preset or a partial override. That makes a user-facing \"controls\" setting a dropdown and three lines of code, which is exactly how tools like Miro expose it. F Control Scheme Controller set Scheme","excerpt":"⚡ Runtime Switching and the Precedence Rule FControlSchemeController switches or tweaks the scheme at runtime — setScheme(...) takes a full preset or a partial override. That makes a user-facing \"controls\" setting a dropdown and three lines of code, which is exactly how tools like Miro expose it."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#7","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.03212,-0.03268,-0.04841,-0.00015,-0.02786,0.05132,0.02796,0.0813,0.02873,0.0423,-0.00202,-0.0044,-0.05707,-0.01411,0.0617,0.05373,-0.05599,-0.02651,-0.03761,0.08252,0.01812,-0.03841,0.00735,-0.03201,-0.11023,0.03581,-0.03475,0.00095,0.0285,-0.0615,0.02765,0.08564,0.00615,0.0124,-0.06673,0.048,-0.00994,-0.09797,-0.07437,-0.02819,-0.00835,-0.00624,0.05112,-0.00895,0.01742,0.143,0.05787,0.03083,-0.0465,0.07523,-0.03086,-0.02507,0.03011,0.04314,0.03718,0.01968,0.05729,0.03263,-0.02419,0.00289,-0.09331,-0.04712,-0.04357,0.01933,0.00522,-0.0277,-0.01423,-0.046,0.05551,0.01989,0.00954,-0.03611,0.07097,-0.0671,0.0617,0.00215,-0.02965,0.08092,0.01988,-0.16788,0.02597,0.02307,0.03811,0.01017,0.01397,0.04759,-0.03798,-0.0911,0.08534,0.08759,0.0009,-0.02548,-0.04624,0.00471,0.06219,-0.05182,-0.00951,0.03815,-0.10268,0.03369,0.02345,0.00763,0.02336,0.08017,0.05086,-0.05593,0.01718,0.00539,-0.05303,-0.06476,-0.0074,0.01057,0.08674,-0.00688,-0.01891,0.01153,-0.03477,0.02461,0.03015,0.03732,-0.06988,-0.07134,-0.0064,-0.00355,-0.03351,0.01481,-0.10876,0,-0.02118,0.02204,-0.03202,-0.02636,0.03467,-0.0128,0.02995,-0.0611,0.00057,0.00418,0.02324,-0.0217,-0.03378,0.03891,0.0029,-0.07483,-0.07925,0.04434,-0.02953,0.00572,0.12455,0.03669,-0.03161,-0.1026,0.02677,0.15116,-0.03266,0.06315,-0.04737,0.03599,-0.02622,-0.01908,-0.00126,-0.03696,0.01447,-0.01515,0.0517,-0.11015,-0.04781,-0.06863,0.03852,-0.01839,-0.05856,-0.06608,-0.02573,-0.12578,-0.07179,0.06081,0.05746,0.01487,0.05881,0.00386,0.07757,-0.03675,0.04997,-0.08844,-0.07803,0.03289,-0.01237,0.02882,0.02542,0.03625,0.00601,0.00522,-0.0074,0.07775,0.00711,0.03096,0.04564,-0.01671,-0.0622,0.02778,-0.09218,0.02241,0.04135,0.00585,0.02718,-0.03423,-0.03143,-0.07483,0.01112,0.08102,0.00362,0.07568,0.04643,-0.04643,0.02818,-0.10529,-0.07701,0.06673,0.06126,-0.0691,0.00703,0.04419,-0.00725,0,-0.00081,0.03552,-0.06607,0.07434,-0.01014,-0.04331,0.04615,-0.0664,0.03416,-0.0334,0.04814,-0.0425,-0.0217,-0.05762,0.0495,-0.00885,-0.03653,-0.0307,0.02226,-0.0453,0.05028,0.00613,-0.00856,0.02425,-0.0691,0.02772,-0.06199,0.0617,0.00431,-0.02285,-0.0283,-0.03712,-0.04391,-0.02587,-0.01191,-0.04391,-0.05269,0.09507,0.01994,0.03714,0.06864,0.06067,-0.00836,0.06244,-0.02896,0.01986,-0.05693,-0.04003,0.0268,0.03208,0.01575,-0.03397,-0.03957,-0.06895,-0.10735,0.03379,0.11614,-0.0005,-0.07075,0.04895,0.0294,-0.03774,0.01078,-0.00656,0.10912,0.10706,0.00959,0.06117,0.07724,0.0189,0.08226,-0.00944,-0.05284,0.02031,0.01666,0.06398,0.04925,-0.00666,0.00224,0.02779,-0.04641,0.01006,0.03089,0.10087,0.01344,0.14709,-0.04818,-0.0084,0.01503,0.03746,0.03402,0.00883,0.05406,0.01419,-0.03203,0,-0.11578,0.0223,-0.02996,0.06295,-0.00261,-0.01867,-0.0666,-0.01347,-0.06008,-0.02945,0.00041,0.10049,0.01241,-0.0766,0.0544,-0.0571,-0.03849,0.00471,-0.08079,-0.02412,-0.00567,-0.00147,-0.03687,0.03709,-0.00841,-0.0486,0.00241,0.05596,0.04108,0.03233,0.03907,0.02875,0.00513,0.07315,-0.14035,0.05421,-0.04004,-0.02933,-0.06539,-0.01626,0.02446,-0.02189,-0.01021,-0.03376,-0.10321,0.06879,-0.00566,-0.04124,-0.03882,0.03796,-0.06264,0.13576,0.01748,0.13002,0.04742,0.00856,-0.0198,-0.05459,0.02416,0.05742,-0.0436,-0.01806,-0.00279,0.00395],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. Precedence is one rule, applied everywhere: an explicitly set trigger input wins over the active scheme, and the scheme wins over the built-in default. Your existing [fNodeMoveTrigger] bindings keep working untouched; the scheme only fills what you didn't set. There is no second configuration system to learn — the old inputs became the override layer of the new one. Two details show why the mapping had to be one object rather than per-directive settings: f Node Move Trigger","excerpt":"Precedence is one rule, applied everywhere: an explicitly set trigger input wins over the active scheme, and the scheme wins over the built-in default. Your existing [fNodeMoveTrigger] bindings keep working untouched; the scheme only fills what you didn't set. There is no second configuration system to learn — the old inputs became the override layer of the new one. Two details show why the mapping had to be one object rather than per-directive settings:"},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#8","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[-0.04929,-0.04285,-0.07802,0.00808,0.02411,0.06328,0.10367,0.06714,0.00572,0.08584,0.0213,0.02663,-0.04127,0.01471,0.06458,0.00911,-0.07957,-0.008,-0.09282,0.09042,0.06103,-0.06497,0.05159,0.02019,-0.10524,0.0357,0.00926,-0.03838,0.04284,-0.05431,-0.00082,0.13311,-0.02379,0.00047,-0.11293,0.04784,-0.0519,-0.04361,-0.04489,-0.06939,0.00438,0.01819,-0.00376,-0.01199,0.03946,0.12072,0.06323,0.03243,-0.07011,0.08017,-0.02681,-0.04738,0.05147,0.05433,0.01053,0.02687,0.04412,0.05903,0.01421,0.03284,-0.04817,-0.07659,-0.01578,0.03552,0.01412,-0.02371,-0.00962,-0.04788,-0.00358,-0.00972,0.01873,-0.07432,0.00081,-0.03569,0.05627,-0.06238,-0.01723,0.04976,0.00208,-0.07582,0.01973,-0.01804,0.05755,0.05741,0.01799,0.05786,-0.01066,-0.03056,0.01726,-0.01628,-0.0352,0.0286,-0.03913,-0.00201,0.06428,-0.0542,-0.01155,0.03821,-0.12612,0.03008,0.06489,-0.00213,0.03686,0.06998,0.06386,-0.07481,0.06216,-0.01427,-0.05131,0.01391,-0.00358,0.05324,0.07806,0.02982,-0.03778,-0.04492,-0.05268,0.03647,0.04753,0.06678,-0.02873,-0.06205,-0.01635,-0.0264,-0.00217,-0.00035,-0.03909,0,-0.03447,0.01176,-0.0603,-0.0742,-0.00118,-0.03854,0.01998,-0.06228,-0.00284,0.04089,0.02564,-0.01527,-0.03432,0.08148,0.00456,-0.07858,-0.05363,0.01277,-0.02291,0.00879,0.11682,0.05352,-0.02975,-0.05772,0.03528,0.12163,-0.04195,0.06431,-0.00432,0.05203,-0.02348,0.03326,-0.04057,-0.0481,-0.01112,0.01889,0.00877,-0.11637,-0.0279,-0.05895,0.02025,-0.02072,-0.05771,-0.05645,-0.05124,-0.10418,-0.05608,0.03082,0.02977,0.04748,-0.01188,0.00988,0.07512,-0.00043,0.09958,-0.12132,-0.04156,0.0696,-0.02159,0.07693,0.0086,0.00607,-0.02074,0.03579,-0.01793,0.06082,0.02292,0.07421,0.04059,-0.06505,-0.06694,0.05506,-0.08805,0.01908,0.01533,-0.04394,0.02688,0.02958,-0.03234,-0.02961,0.01488,0.01493,-0.02456,0.09002,0.01267,-0.07088,0.0275,-0.06655,-0.12953,0.01035,0.06379,-0.03507,0.00245,0.0241,-0.02528,0,0.00072,0.08635,-0.05081,0.12429,-0.03732,-0.05995,0.09333,-0.01155,-0.00339,-0.07684,0.00092,-0.034,-0.04505,-0.01181,0.04236,-0.00716,-0.03848,-0.03209,0.02427,-0.0781,0.0535,-0.02252,-0.03751,0.02334,-0.08682,0.03855,-0.03467,0.03835,-0.02814,-0.0246,0.00932,-0.04671,-0.05711,-0.01599,-0.01519,-0.07918,-0.07521,0.09842,-0.00853,0.03049,0.07851,0.03355,0.03577,0.04823,-0.04399,-0.01792,-0.04977,0.00286,0.01482,0.03106,0.01103,-0.00478,-0.00618,-0.11092,-0.05001,-0.0376,0.08774,-0.02448,-0.07458,-0.02966,0.04967,0.0047,0.00085,-0.00319,0.0892,0.09494,-0.00751,0.03493,0.08968,0.09624,0.10365,0.014,0.0279,0.00318,0.02834,0.07832,0.08278,-0.03707,0.07238,-0.02869,-0.00833,-0.00357,0.05804,0.05163,-0.03184,0.09893,-0.13812,-0.05586,0.01747,0.05721,0.01407,-0.00789,0.04484,0.02808,-0.00342,0,-0.09079,0.04723,-0.00466,0.04039,0.00331,0.00238,-0.01057,-0.00845,-0.04567,-0.00326,0.03662,0.10104,0.01067,-0.01473,0.05266,0.01512,-0.0168,0.04585,-0.04907,-0.0129,-0.01205,-0.01525,-0.00419,0.04268,0.00837,-0.04267,-0.04387,0.09589,0.03192,0.01302,0.01395,-0.02257,0.02544,0.05841,-0.13612,0.03071,-0.08647,-0.02136,-0.02684,-0.00153,0.03852,-0.03777,0.01166,-0.00609,-0.07423,0.03611,-0.00142,-0.02897,-0.04477,0.0018,-0.07924,0.08851,0.0013,0.13043,0.04863,0.01339,-0.01004,-0.00959,0.07551,0.03779,-0.0518,0.01305,-0.04069,-0.00281],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. - The wheel is a contested resource. scrollPan reassigns plain wheel to panning while Ctrl/Cmd+wheel and trackpad pinch keep zooming — a split that only makes sense decided in one place. - The middle mouse button joins the drag pipeline only when the scheme's canvasMove gesture claims it. Without a scheme it stays inert, as it always was. A button's meaning is part of the policy, not a hardcode. ::: ng-component <control-schemes</control-schemes [height]=\"600\" ::: Switch the scheme in the toolbar and watch the same canvas obey different hands. scroll Pan canvas Move","excerpt":"- The wheel is a contested resource. scrollPan reassigns plain wheel to panning while Ctrl/Cmd+wheel and trackpad pinch keep zooming — a split that only makes sense decided in one place. - The middle mouse button joins the drag pipeline only when the scheme's canvasMove gesture claims it. Without a scheme it stays inert, as it always was. A button's meaning is part of the policy, not a hardcode. ::: ng-component <control-schemes</control-schemes [height]=\"600\" ::: Switch the scheme in the toolbar and watch the same canvas obey different hands."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#9","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.00216,-0.06513,-0.05945,-0.0103,-0.03457,0.07407,0.06982,0.12399,0.06107,0.03696,0.02419,-0.02128,-0.03222,-0.00999,0.1014,0.02416,-0.01457,-0.05323,-0.10491,0.07851,0.03647,-0.08862,-0.01025,-0.03214,-0.13646,0.01705,-0.00147,-0.04826,0.04631,-0.02634,0.00492,0.07392,0.00791,0.00051,-0.02497,0.0576,-0.01463,-0.08767,-0.11168,-0.05378,-0.04838,-0.0301,0.01482,0.03946,0.03449,0.09116,0.08525,-0.01829,-0.05674,0.10621,-0.00311,0.002,0.04953,0.05579,0.05226,0.03565,0.05005,0.00372,-0.04513,0.0101,-0.05836,-0.04681,-0.0123,-0.00591,-0.05131,0.03632,0.00961,-0.04849,0.06293,-0.08236,-0.02529,-0.05691,0.02503,-0.07427,0.07052,-0.03423,0.00425,0.04557,-0.01227,-0.14121,0.02542,0.02628,0.0311,0.01741,-0.01439,0.0684,-0.02758,-0.04755,0.06983,0.09447,-0.02531,0.01026,-0.03844,-0.05414,0.09058,-0.06889,-0.0071,-0.00394,-0.06589,0.02341,0.02271,0.00028,0.0019,0.07937,0.04396,-0.06011,0.00991,-0.0155,-0.07554,-0.03079,-0.02358,-0.01623,0.07635,0.02828,0.01019,0.0134,-0.01408,0.03501,0.05958,0.05944,-0.02581,-0.04581,0.00023,0.01919,-0.02441,-0.00719,-0.09718,0,-0.04522,0.00564,-0.02068,-0.04788,-0.00598,-0.04463,0.0563,-0.05542,0.02662,-0.01785,-0.02081,-0.0071,-0.02379,0.06951,0.02948,-0.04486,-0.06313,0.03262,-0.02207,0.01978,0.1079,0.02322,-0.01578,-0.06687,0.03704,0.08705,-0.04616,0.04881,-0.00665,0.01885,-0.05361,-0.04903,-0.01462,-0.05082,0.0239,-0.00389,0.03181,-0.07162,-0.02594,-0.0704,0.00271,-0.01418,-0.07422,-0.06565,-0.01721,-0.13061,-0.04526,0.0406,0.01995,-0.00757,0.03759,0.02824,0.0259,-0.02171,0.05895,-0.12189,-0.07679,0.06631,-0.01171,0.06242,-0.01151,0.01797,-0.01468,0.02444,-0.00517,0.07236,0.00655,0.01619,0.03368,-0.06244,-0.09369,0.07547,-0.07133,0.01118,0.00336,-0.01048,0.03131,-0.01372,-0.06103,-0.02195,0.02615,0.0294,-0.00385,0.07726,0.01921,-0.03886,0.02266,-0.10865,-0.09133,0.00512,0.03498,-0.03435,0.01202,0.05534,-0.02316,0,0.0103,0.00915,-0.07187,0.04974,-0.04004,-0.00844,0.0504,-0.03827,0.02476,-0.08827,-0.01142,-0.01131,0.01809,-0.0322,0.0148,-0.01848,-0.01449,-0.02696,0.02146,-0.01456,-0.02344,0.02245,-0.00115,-0.00751,-0.10816,0.02833,-0.08121,0.05326,-0.01751,-0.03054,-0.00509,-0.03267,-0.0376,-0.07755,-0.00474,-0.07504,-0.08665,0.06523,-0.00322,0.05601,0.09449,0.01226,0.05896,0.09656,-0.06259,0.06101,-0.09911,-0.05768,0.01982,0.01396,0.0209,-0.03072,-0.03688,-0.0728,-0.06026,0.04545,0.14995,0.00055,-0.06165,-0.00567,0.05104,-0.03646,0.02608,-0.00833,0.11321,0.08715,0.04529,0.04782,0.08206,0.04769,0.09432,-0.00028,-0.04679,0.02175,0.02632,0.06462,0.05799,-0.07176,0.03231,0.01908,-0.07422,0.04629,0.07027,0.0651,0.00919,0.08971,-0.06718,-0.0096,0.01529,0.01512,-0.0019,0.03839,0.05783,0.06528,-0.01216,0,-0.06151,0.00975,0.01785,0.05386,-0.03067,-0.01606,-0.03077,-0.01771,-0.03113,-0.00603,-0.00864,0.05843,-0.04395,-0.08134,0.06279,-0.00268,-0.00009,0.03944,-0.05316,-0.06754,-0.01774,0.0048,-0.02876,0.01799,0.02156,-0.034,0.04586,0.05748,0.06326,0.0062,0.05524,-0.01374,0.05505,0.09093,-0.10955,0.04236,0.00136,0.00074,-0.01667,0.00178,0.02632,-0.00826,-0.02954,-0.03887,-0.06337,0.05744,-0.00601,-0.05866,-0.02073,0.07479,-0.0852,0.11728,0.00098,0.16788,0.03766,0.07152,-0.02854,-0.0442,0.07221,0.04721,-0.03164,0.00825,-0.01466,0.01515],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. 🛠 Where the Boundary Stops A scheme maps gestures to the editor's built-in actions. It deliberately does not: - invent new actions — that is what connection flows and the interaction APIs are for; - own the keyboard — keyboard operation is the accessibility layer's job (withA11y()), with its own remappable bindings; - touch your application-owned data in the default stateless mode — gestures end in the same events (fMoveNodes, fCreateConnection, fSelectionChange) your app already handles. The library maps inputs; your application still owns what they mean. If Managed Flow State is enabled, its separate controller may apply supported finished gestures to the opt-in store. Helpers for custom schemes ship as plain functions — primaryButtonEventTrigger, middleButtonEventTrigger, isOnFlowBackground — because a custom scheme should read like a policy, not like event-handling code. AP Is with A11y f Move Nodes f Create Connection f Selection Change primary Button Event Trigger middle Button Event Trigger is On Flow Background","excerpt":"🛠 Where the Boundary Stops A scheme maps gestures to the editor's built-in actions. It deliberately does not: - invent new actions — that is what connection flows and the interaction APIs are for; - own the keyboard — keyboard operation is the accessibility layer's job (withA11y()), with its own remappable bindings; - touch your application-owned data in the default stateless mode — gestures end in the same events (fMoveNodes, fCreateConnection, fSelectionChange) your app already handles. The library maps inputs; your application still owns what they mean. If Managed Flow State is enabled, its separate controller may apply supported finished gestures to the opt-in store. Helpers for custom schemes ship as plain functions — primaryButtonEventTrigger, middleButtonEventTrigger, isOnFlowBackground — because a custom scheme should read like a policy, not like event-handling code."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#10","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[-0.08148,-0.05863,-0.08487,0.03023,-0.03089,0.10342,0.0198,0.11382,0.06097,0.01657,-0.01235,-0.03125,-0.05285,-0.0177,0.09431,0.05109,-0.00508,-0.03568,-0.07343,0.0905,0.01273,-0.06092,0.05205,-0.01337,-0.11268,0.01714,0.00171,-0.05405,0.02146,-0.05771,0.00699,0.08094,-0.01215,0.01393,-0.11247,0.10454,-0.02424,-0.04205,-0.10152,-0.05056,-0.02763,0.04344,0.045,-0.02634,0.0278,0.06515,0.05055,-0.02382,-0.06166,0.06419,-0.03385,-0.04335,0.02532,0.03553,0.03072,0.03157,0.07004,-0.01388,-0.03305,0.01481,-0.07133,-0.01108,-0.0333,0.01072,-0.0552,0.02413,0.01256,-0.00256,0.0268,-0.08223,-0.02933,-0.059,0.06626,-0.06813,0.04681,-0.03607,-0.0035,0.06424,0.00428,-0.09901,0.05508,0.01356,0.02634,0.03147,0.00495,0.08077,0.05445,-0.07355,0.07774,0.06778,0.02372,0.02413,-0.01915,-0.02318,0.10148,-0.03302,0.00807,0.01598,-0.1108,0.00501,0.03914,-0.02496,0.05186,0.08711,0.05308,-0.07916,0.02598,-0.00336,-0.04115,-0.03764,0.00634,0.01832,0.00174,0.01502,0.01327,-0.00216,-0.01242,-0.00364,0.08524,0.03256,-0.01912,-0.06651,0.00727,-0.02492,0.00664,0.03167,-0.07689,0,-0.00289,0.04047,-0.0454,-0.0124,0.03884,-0.01949,0.03479,-0.01001,-0.01831,-0.01323,0.03555,-0.02292,-0.04178,0.08126,0.00981,-0.09687,-0.10874,0.0488,-0.0341,-0.01293,0.0785,0.00897,-0.03796,-0.05276,0.04593,0.06097,-0.07674,0.05651,-0.06315,0.01635,-0.02426,-0.01225,-0.00413,-0.02222,-0.03082,0.00405,-0.01119,-0.12268,0.01041,-0.06086,0.01157,-0.03491,-0.06403,-0.06799,-0.01009,-0.08288,-0.03881,0.06198,0.01497,-0.02458,0.03404,0.03789,0.02632,-0.0045,0.0929,-0.06671,-0.06086,0.05374,0.00799,0.04368,0.04265,0.04027,-0.00064,0.02302,0.0055,0.10084,0.0019,0.01897,0.0512,-0.05438,-0.10398,0.02139,-0.08659,0.0196,0.02799,-0.0143,0.04098,-0.02148,0.0336,-0.03663,0.00385,0.0208,-0.00029,0.1132,0.04158,-0.09186,0.01889,-0.07723,-0.12679,0.00438,0.09013,-0.04097,0.00518,0.01909,-0.00897,0,0.04442,-0.00316,-0.03376,0.07014,0.01339,-0.05719,0.06037,-0.02944,0.04942,-0.05574,0.03599,-0.0029,-0.00142,-0.05767,0.0049,0.02091,-0.04436,-0.09324,0.01896,-0.03664,0.05235,-0.00585,0.01513,0.00052,-0.08687,0.00373,-0.05681,0.03727,0.00989,-0.06386,-0.04333,-0.01507,-0.06175,-0.05242,-0.05426,-0.03194,-0.0246,0.07264,0.01193,0.06511,0.08268,0.02761,-0.00801,0.05993,-0.04102,0.04849,-0.08794,-0.03915,0.01448,0.03452,-0.02516,-0.02273,-0.00242,-0.06333,-0.11198,0.0001,0.13304,-0.01925,-0.05811,0.02061,0.02129,-0.02782,0.01806,-0.00627,0.06154,0.11561,-0.00169,0.03618,0.1134,0.04248,0.10705,-0.01568,-0.00718,-0.00781,0.03088,0.05781,0.06647,-0.06145,0.037,0.00095,-0.03542,0.06647,0.06557,0.03824,0.00653,0.09733,-0.0829,-0.00187,0.03822,0.04837,-0.05226,0.0143,0.02575,0.01193,-0.02579,0,-0.09042,0.03492,0.01543,0.01297,0.00128,-0.00223,-0.07189,-0.04669,-0.02151,0.04111,0.00534,0.08457,-0.02559,-0.05064,0.04122,-0.00989,-0.0489,0.02628,-0.07259,-0.05053,0.06205,0.01542,-0.00227,0.05687,0.05528,-0.05768,-0.04151,0.09129,0.02032,0.01162,0.04653,0.02083,0.0219,0.09995,-0.09477,0.02924,-0.04139,-0.06864,-0.04919,0.03016,0.06097,-0.02597,-0.06793,-0.02853,-0.03323,0.07024,-0.00535,-0.03885,-0.04185,0.05084,-0.07003,0.10798,-0.00851,0.14683,0.0468,0.05644,-0.02151,-0.03611,0.05347,0.02803,-0.07985,0.02611,-0.01064,0.00218],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. 🚀 Conclusion The control scheme feature is small on the surface — one provider call — but it changes who decides how the editor feels. Before v19 that decision was baked into the library. Now it belongs to you, and through a settings dropdown, to your users. - Guide: <https://flow.foblex.com/docs/control-scheme - Live example: <https://flow.foblex.com/examples/control-schemes - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot.","excerpt":"🚀 Conclusion The control scheme feature is small on the surface — one provider call — but it changes who decides how the editor feels. Before v19 that decision was baked into the library. Now it belongs to you, and through a settings dropdown, to your users. - Guide: <https://flow.foblex.com/docs/control-scheme - Live example: <https://flow.foblex.com/examples/control-schemes - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#0","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.10112,0.02119,-0.05902,0.02988,0.04802,-0.00352,-0.02243,0.11842,0.03532,0.02434,-0.12667,-0.05445,-0.06074,0.02708,0.11282,0.03957,0.02812,-0.04449,-0.02183,0.01356,-0.03503,-0.06603,-0.00732,-0.04811,-0.00226,0.1018,0.01576,-0.06492,0.04398,-0.03751,0.07102,0.05114,-0.01539,0.06127,-0.18443,0.06021,0.01437,-0.08519,-0.0661,-0.0725,0.00566,0.07832,-0.03239,-0.03023,-0.02768,-0.01952,-0.0269,0.00482,-0.03239,0.07971,-0.1032,-0.09376,-0.04864,0.06137,0.02942,0.02856,-0.00004,-0.05951,0.02061,0.05846,0.02177,-0.04517,0.00833,0.06559,0.01099,0.00581,-0.06616,0.01366,0.04732,-0.08386,-0.00153,-0.0415,0.05343,-0.04071,0.00684,-0.07662,-0.06438,0.04669,0.01134,-0.02704,0.01681,0.04692,0.01527,0.0489,-0.01211,0.04315,0.0083,-0.0363,-0.08004,-0.00712,0.03382,0.06381,0.01042,0.02339,0.10371,0.04022,0.02854,-0.01802,-0.06265,0.03545,-0.00845,-0.02718,0.01164,0.09487,-0.06455,-0.08623,-0.04467,-0.0142,-0.07823,0.01913,-0.04214,0.04702,-0.01927,-0.05349,-0.03117,-0.05758,-0.04776,-0.03834,0.05301,0.04936,-0.04626,0.03176,0.00664,-0.02025,0.06771,0.00544,-0.01263,0,-0.01128,0.0322,-0.02969,0.02584,0.06309,-0.04194,-0.00376,-0.07713,0.00599,0.04697,0.05496,0.08529,-0.02218,0.04108,0.04789,-0.02241,-0.03432,-0.02492,0.03879,-0.00967,0.05921,-0.05479,0.00396,0.08446,0.09244,0.08384,0.0109,0.05032,-0.06883,0.01388,0.00652,-0.00871,0.02342,0.03005,-0.01462,-0.01962,-0.06614,-0.13837,-0.03928,-0.05954,-0.01082,-0.01916,-0.09621,-0.02009,-0.00548,0.01944,-0.02647,-0.02707,0.05137,0.00231,0.01891,0.02097,0.0133,0.04881,0.07699,-0.03901,-0.00083,0.03222,0.01858,0.05062,0.04051,0.01619,0.02099,-0.03586,0.01658,0.08126,-0.04327,-0.00943,0.06547,-0.04084,-0.05631,0.08243,0.01839,0.02835,0.02275,0.00117,-0.01636,-0.0091,0.01507,-0.0313,-0.02126,-0.08272,0.02816,0.1229,0.05806,-0.07196,0.00237,-0.02316,-0.07346,0.03036,0.09295,0.01346,0.00951,-0.01243,0.01801,0,0.02434,-0.00833,-0.01239,0.04425,0.04494,-0.07493,-0.0205,-0.01133,0.07081,0.04314,-0.0125,-0.01561,0.08859,-0.03341,-0.01182,0.06007,-0.04409,-0.1424,0.01151,-0.07662,-0.01212,0.06659,-0.03168,-0.03717,-0.03071,0.02552,-0.05652,-0.06891,0.05521,-0.034,-0.04522,-0.03187,-0.0093,-0.10471,0.00322,-0.02922,0.02868,0.01534,0.00335,-0.08021,0.00479,-0.01034,-0.07234,-0.04405,-0.05853,0.0254,-0.11829,0.0879,-0.02635,-0.03733,0.0006,0.04431,0.01154,-0.09368,-0.05344,-0.01238,0.14415,0.0346,0.01267,0.01001,-0.02775,-0.0493,0.00375,0.05231,-0.00345,0.03642,-0.0562,-0.04162,0.06095,0.10399,0.07379,0.02269,-0.04401,0.03037,0.10716,0.0714,0.08218,-0.03416,0.04654,0.02748,-0.02785,0.12215,0.06069,0.05113,0.08315,0.03646,-0.0821,-0.07762,0.04888,0.06143,-0.07493,0.01321,-0.06886,0.02716,0.04529,0,-0.11287,-0.01106,-0.06562,-0.00913,0.0323,0.0235,-0.03038,0.04932,0.03943,0.05123,-0.00045,0.0658,-0.03507,-0.02674,0.06622,0.04696,0.01496,-0.06319,-0.00498,0.01121,0.03174,-0.01081,-0.02384,0.03431,0.04796,-0.04122,0.02877,0.03382,-0.01987,0.01482,-0.06604,0.03332,0.06699,0.0556,-0.02868,-0.01764,-0.00227,-0.04323,-0.0778,-0.00915,0.05287,0.00787,-0.05298,-0.03267,-0.05328,0.07746,-0.05911,-0.0081,0.00348,0.02313,-0.0533,-0.01072,-0.08893,0.05718,0.01851,0.06844,-0.06051,-0.02747,0.09645,-0.01965,-0.02772,0.02004,0.00353,-0.03622],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. Inside Foblex Flow — Part 1: Library Architecture and Design Principles This article explains the architectural choices behind Foblex Flow and why the library is designed as Angular-native interaction infrastructure rather than a full graph data platform. But if you work with Angular, you’ll quickly face a problem: - most popular solutions are React-only (e.g., React Flow), - others are tightly coupled to their own data model, - or they feel outdated and don’t fit into modern Angular projects. That’s why we built Foblex Flow — a library that fills this gap. - Written entirely in Angular. - Doesn’t dictate how to store your data. - Provides a flexible interaction layer. - Based on a clear, event-driven API. In this series, we’ll look inside the library — how it works, which principles guide its design, and which architectural decisions make it lightweight and universal. We’ll start with the foundation: architecture and design principles. <https://github.com/Foblex/f-flow","excerpt":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles This article explains the architectural choices behind Foblex Flow and why the library is designed as Angular-native interaction infrastructure rather than a full graph data platform. But if you work with Angular, you’ll quickly face a problem: - most popular solutions are React-only (e.g., React Flow), - others are tightly coupled to their own data model, - or they feel outdated and don’t fit into modern Angular projects. That’s why we built Foblex Flow — a library that fills this gap. - Written entirely in Angular. - Doesn’t dictate how to store your data. - Provides a flexible interaction layer. - Based on a clear, event-driven API. In this series, we’ll look inside the library — how it works, which principles guide its design, and which architectural decisions make it lightweight and universal. We’ll start with the foundation: architecture and design principles. <https://github.com/Foblex/f-flow"},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#1","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.07637,0.0184,-0.08736,0.01152,0.06355,0.01371,-0.02034,0.09521,0.03119,0.01523,-0.10037,-0.02299,-0.06274,-0.05731,0.08235,0.01289,-0.01333,0.00041,-0.02547,0.00691,-0.0637,-0.04667,-0.00147,-0.0421,-0.01369,0.07425,0.01194,-0.05073,0.05492,-0.03141,0.08508,0.05438,0.02517,0.06398,-0.14828,0.07423,0.00489,-0.13406,-0.05771,-0.08812,0.0148,0.09028,-0.05557,-0.01314,-0.0538,-0.00933,-0.0396,0.00195,-0.04062,0.07063,-0.04323,-0.07943,-0.08882,0.09487,0.00048,0.05012,-0.00743,-0.02551,0.03077,0.11267,0.01115,-0.03404,0.02642,0.08436,0.05356,0.0075,-0.09717,-0.00862,0.03415,-0.11537,-0.00133,-0.03633,0.04875,-0.0232,-0.01445,-0.08352,-0.0178,0.05136,-0.01524,0.01328,0.02566,0.05811,0.02006,0.06095,-0.01935,0.08614,0.01029,-0.05798,-0.05137,0.01916,0.04207,0.05604,0.01177,-0.00976,0.04348,0.01017,0.03343,-0.02734,-0.09803,0.0197,-0.02046,-0.05198,0.10703,0.04679,-0.06842,-0.09726,0.01374,0.00194,-0.06461,0.0147,-0.02199,0.05532,-0.03044,-0.05657,-0.01097,-0.04639,-0.02797,-0.02774,0.09329,0.0578,-0.05714,0.02593,0.03301,-0.02336,0.03643,-0.0382,-0.0184,0,-0.01893,0.01048,-0.02403,0.01296,0.05077,-0.0662,0.06049,-0.07912,-0.0067,-0.00318,0.0343,0.09637,-0.05838,0.05543,0.01218,-0.02936,-0.07804,-0.01529,0.05656,0.03272,0.10404,-0.0587,0.02508,0.09777,0.03218,0.06474,0.01009,0.03839,-0.07522,0.03006,-0.01096,-0.00476,-0.00762,0.01133,-0.02051,-0.00076,-0.0379,-0.10083,-0.04178,-0.05321,-0.03058,-0.00596,-0.07222,0.00435,-0.0138,-0.01458,-0.04325,-0.0152,0.05235,0.03608,-0.00706,0.03515,0.01944,0.05804,0.0677,-0.04702,-0.01924,0.02721,0.05757,0.03013,0.08072,0.01373,-0.00801,-0.00606,0.01572,0.0838,-0.0439,-0.02071,0.05904,-0.03351,-0.06392,0.05851,0.04383,0.0241,0.01861,0.02008,-0.0398,0.01579,0.01929,-0.03745,0.00864,-0.03576,0.02482,0.11952,0.07374,-0.09169,0.02879,-0.0476,-0.10193,0.0415,0.13068,0.01395,-0.01254,-0.03318,0.00369,0,0.05108,-0.03096,-0.05711,0.01602,0.01128,-0.05599,-0.04876,0.01416,0.05583,0.03238,-0.02149,0.03822,0.0482,-0.00826,-0.01962,0.02737,0.00209,-0.13205,0.03162,-0.07173,-0.01538,0.05102,0.01345,-0.0698,-0.07259,0.00363,-0.04216,-0.02911,0.00334,-0.0591,-0.00673,0.00175,-0.04089,-0.09363,-0.01783,-0.05032,-0.02436,0.04428,0.03424,-0.06071,0.0367,-0.0159,-0.06666,-0.04937,-0.06298,0.0155,-0.09966,0.03954,-0.01441,-0.06564,0.01492,0.03526,0.01291,-0.06798,-0.05199,0.02849,0.12957,0.04761,0.03762,0.00797,0.00007,-0.06193,-0.01469,0.0016,-0.04058,0.01389,-0.02811,-0.00694,0.06374,0.09914,0.02659,0.01069,-0.03424,0.01434,0.00813,0.07485,0.09755,-0.05339,0.07065,0.02872,-0.04259,0.13293,0.02587,0.03837,0.10851,-0.03325,-0.07237,-0.13197,0.04073,0.03184,-0.0399,0.0497,-0.07597,0.03193,0.044,0,-0.13599,-0.01574,-0.10866,0.02412,0.03609,0.01316,-0.02446,0.08073,0.06927,0.01608,0.02238,0.03901,-0.05164,-0.02503,0.05878,0.06075,0.01819,-0.02131,0.00158,-0.01194,0.0248,-0.00185,0.02766,0.0395,0.00312,-0.0071,0.06519,0.02177,-0.0185,0.01931,-0.0347,0.06246,0.05178,0.02859,-0.0245,0.01031,-0.0448,-0.00999,-0.05792,-0.00168,0.0412,-0.03274,-0.02116,-0.01479,-0.06505,0.05558,-0.065,0.02226,-0.01116,0.02681,-0.02989,0.01341,-0.09227,0.06735,0.00325,0.02779,-0.05189,-0.04292,0.06762,-0.01211,-0.07231,0.04998,0.06434,-0.00702],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🎯 The Key Idea: Separation of Responsibilities Most node-based libraries give you everything “out of the box”: a data store, JSON graph, APIs for saving and loading. That’s convenient at first, but becomes a limitation once you try to integrate it into a real application. Foblex Flow takes a different approach: - 👉 The library stores only what’s needed for interactivity and rendering, - 👉 Everything else is left to the user. What the library stores AP Is","excerpt":"🎯 The Key Idea: Separation of Responsibilities Most node-based libraries give you everything “out of the box”: a data store, JSON graph, APIs for saving and loading. That’s convenient at first, but becomes a limitation once you try to integrate it into a real application. Foblex Flow takes a different approach: - 👉 The library stores only what’s needed for interactivity and rendering, - 👉 Everything else is left to the user. What the library stores"},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#2","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.06284,-0.00175,-0.07432,-0.00729,0.05063,0.02402,0.01611,0.05961,0.0313,0.01829,-0.10325,-0.0204,-0.06103,-0.02089,0.07061,-0.01174,-0.01856,-0.00773,0.00813,0.03868,-0.05027,-0.08841,-0.00783,-0.05595,0.00917,0.04749,0.03233,-0.06145,0.05653,-0.03497,0.03152,0.11257,0.01858,0.05658,-0.17035,0.04484,0.03462,-0.10438,-0.10261,-0.07741,0.06004,0.0535,-0.01193,-0.02445,-0.03105,0.00228,-0.03718,0.01666,-0.05569,0.06383,-0.05576,-0.09814,-0.0551,0.10036,0.00165,0.09255,0.01558,-0.01692,0.04199,0.09455,-0.00415,-0.03207,0.02078,0.08631,0.07938,0.0026,-0.06627,-0.03615,-0.00091,-0.11946,0.0091,-0.05503,0.06437,-0.0253,0.00827,-0.08115,-0.02747,0.02675,-0.04143,-0.01554,0.01277,0.0528,0.01264,0.07641,-0.00862,0.11643,-0.02235,-0.06085,-0.05807,0.02615,0.01758,0.06313,-0.05584,-0.02132,0.02815,-0.00274,0.00069,-0.02814,-0.09239,0.02168,0.04534,-0.04644,0.08762,0.04848,-0.09074,-0.06746,-0.00545,0.00463,-0.05844,0.02052,-0.00868,0.0265,-0.01808,-0.06598,-0.02246,-0.04821,-0.03073,-0.03414,0.10303,0.04283,-0.03914,0.03159,-0.01973,-0.04237,0.02345,-0.00551,-0.0044,0,-0.01191,-0.00557,-0.02209,0.03645,0.06039,-0.03244,0.04568,-0.09674,-0.01684,-0.00636,0.02836,0.06125,-0.03296,0.05897,0.02045,-0.09651,-0.05047,-0.00682,0.01074,0.0474,0.08572,-0.06908,-0.01788,0.04754,0.02105,0.074,-0.02243,0.02071,-0.09629,0.0272,-0.03853,0.01824,0.01148,0.00031,-0.04554,0.00144,-0.02151,-0.08722,-0.02467,-0.05601,-0.05653,0.00047,-0.05547,0.02063,-0.02001,-0.01399,-0.03485,0.01692,0.02297,0.05437,0.00083,0.02532,0.00828,0.0106,0.08407,-0.02776,0.00334,0.06076,0.03627,0.04128,0.06306,0.0292,-0.03868,-0.03988,0.01676,0.11975,-0.02306,-0.01121,0.07615,-0.05621,-0.0869,0.0769,0.04294,0.03868,0.03724,0.00823,-0.03363,0.02018,0.05868,-0.02916,-0.03679,-0.03116,0.00131,0.12521,0.0563,-0.09301,0.00949,-0.03855,-0.1048,0.04629,0.13924,0.02778,0.03345,-0.01813,-0.00994,0,0.02452,0.00788,-0.05888,0.0457,-0.00351,-0.05422,-0.00378,-0.00249,0.04404,-0.00613,0.01259,0.07358,0.05161,-0.0057,-0.02935,0.05001,-0.0302,-0.10637,0.01844,-0.07091,0.03476,0.00847,-0.00743,-0.05327,-0.06634,-0.00726,0.00552,-0.02845,0.00693,-0.07464,0.01421,-0.01113,-0.05941,-0.02214,0.0236,-0.04029,-0.01265,0.04311,0.013,-0.04937,0.02702,-0.00015,-0.0483,0.00061,-0.06268,0.05105,-0.08536,0.05244,-0.07802,-0.03246,-0.03728,0.03787,-0.0064,-0.09427,-0.07432,0.00711,0.08798,0.01653,0.03982,-0.01629,0.02008,-0.0423,-0.02228,0.00632,-0.00863,0.01765,-0.03291,0.04152,0.07521,0.08583,0.03907,0.00004,0.01643,-0.00786,0.00258,0.04597,0.13993,-0.07784,0.09518,0.03126,-0.03461,0.16562,0.00653,0.02359,0.10312,0.0431,-0.0809,-0.0536,0.05147,0.0279,-0.05587,0.04659,-0.07052,0.00062,0.02509,0,-0.17451,0.0136,-0.07996,-0.00185,0.01824,0.02076,-0.00118,0.05748,0.04902,-0.00162,0.00655,0.03418,-0.01918,-0.02526,0.09739,0.04363,0.02489,0.01162,-0.02436,-0.00708,0.02122,-0.00658,0.00433,0.08504,-0.03814,-0.0304,-0.00524,0.05577,-0.00361,0.02871,-0.0468,0.0741,0.04132,0.03026,-0.01868,0.04031,-0.09081,-0.0031,-0.02626,-0.02424,0.02546,-0.07061,-0.01526,-0.03926,-0.07785,0.0569,-0.05308,0.00297,-0.02139,0.00648,-0.04541,0.01349,-0.0726,0.0702,0.04762,0.021,-0.03453,-0.03971,0.07064,0.00129,-0.08291,0.06999,0.00721,0.00597],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. - Node positions (x, y) — required for rendering. - Canvas scale and translate — zoom and panning (defaults: scale = 1, translate = {0,0}). - Drag session state — current node coordinates, cursor offsets. - Element selection (selected / unselected) — for highlighting and frames. - Internal UI states — e.g., snap highlight when connecting nodes. What the user stores","excerpt":"- Node positions (x, y) — required for rendering. - Canvas scale and translate — zoom and panning (defaults: scale = 1, translate = {0,0}). - Drag session state — current node coordinates, cursor offsets. - Element selection (selected / unselected) — for highlighting and frames. - Internal UI states — e.g., snap highlight when connecting nodes. What the user stores"},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#3","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.07612,0.00375,-0.08132,-0.00805,0.02503,-0.0122,-0.01921,0.07431,0.04788,-0.02594,-0.09968,-0.02045,-0.0258,-0.05753,0.08567,-0.01678,-0.00359,-0.00471,-0.00547,-0.01232,-0.03435,-0.03614,-0.05853,-0.04721,-0.02225,0.04722,0.01284,-0.04053,0.06499,-0.03608,0.06057,0.04262,-0.01728,0.08143,-0.14686,0.10095,0.02854,-0.12087,-0.06321,-0.03336,0.00551,0.02407,-0.05988,-0.01439,-0.02387,-0.00578,-0.04503,0.00423,-0.07979,0.05929,-0.06416,-0.08145,-0.07645,0.12013,0.01465,0.06162,-0.01951,-0.0093,0.01934,0.0899,0.01952,-0.01766,0.02573,0.08105,0.08107,0.02647,-0.12392,-0.01183,0.05707,-0.15849,0.03532,-0.06377,0.01252,-0.00922,-0.03665,-0.07101,-0.01917,0.05332,-0.01293,-0.04091,0.01973,0.10054,0.02567,0.06402,-0.0302,0.10669,0.02226,-0.04122,-0.04453,0.05366,0.05687,0.03923,-0.01309,-0.00739,0.08481,0.03745,-0.00308,-0.02998,-0.06438,0.0143,-0.01757,-0.07499,0.05994,0.02459,-0.03644,-0.09128,-0.00842,0.00971,-0.03635,0.01207,0.01013,0.03607,-0.01385,-0.07033,0.00248,-0.06135,-0.01355,-0.0251,0.0728,0.04511,-0.08869,0.06454,0.01992,-0.04352,0.0411,-0.03456,-0.03342,0,-0.05219,-0.00634,-0.03388,0.021,0.05065,-0.04584,0.06322,-0.05292,0.01229,0.00989,0.0002,0.07795,-0.05125,0.05338,0.0552,-0.0472,-0.05407,-0.02559,0.05588,0.02717,0.11006,-0.07274,0.01752,0.11342,0.05345,0.05573,-0.01481,0.02462,-0.09775,0.0312,0.00663,-0.02505,0.00859,0.01587,-0.06127,0.01446,-0.03644,-0.07435,-0.01911,-0.0423,-0.06586,-0.00852,-0.07844,0.0381,-0.02692,0.00112,-0.05828,-0.04894,0.02384,-0.00069,0.02332,-0.0015,0.07268,0.05482,0.08902,-0.02373,-0.02067,0.03348,0.01485,0.04907,0.08721,0.01585,-0.03618,0.01601,0.04333,0.11959,-0.01041,-0.02256,0.07687,-0.0692,-0.07019,0.06423,0.01353,0.03096,0.01718,0.00805,-0.07082,0.01704,0.00163,0.00054,-0.03776,0.01305,0.04091,0.12792,0.07805,-0.05569,0.02757,-0.03571,-0.08143,0.05005,0.12748,0.03448,-0.00435,-0.0003,0.00763,0,0.0274,0.00877,-0.03231,0.00672,-0.00253,-0.07064,-0.05163,-0.01591,0.03122,0.02638,0.00113,0.03693,0.03445,0.00461,-0.03222,-0.0074,-0.03897,-0.13277,0.01527,-0.04879,-0.04335,0.04572,-0.00207,-0.06726,-0.05381,0.00982,-0.06197,-0.04243,0.02499,-0.04536,0.00755,-0.00017,-0.02096,-0.06326,-0.00303,-0.04208,-0.03154,0.02167,0.07821,-0.10017,0.03864,-0.01378,-0.03706,-0.03722,-0.08014,0.03193,-0.10646,0.02338,-0.05737,-0.08755,-0.00092,0.06672,0.00316,-0.05895,-0.05767,0.03434,0.10959,0.06149,0.00929,0.00533,0.00797,-0.04337,0.02195,0.00075,-0.05166,0.01528,-0.02606,-0.01967,0.07205,0.05588,0.04639,0.02526,-0.03755,0.0298,-0.0134,0.0446,0.10155,-0.04353,0.03561,0.04831,-0.06288,0.14174,0.02619,0.03158,0.08543,-0.00812,-0.04107,-0.133,0.04682,0.03682,-0.0444,0.03356,-0.05984,0.04465,-0.01126,0,-0.13242,0.00358,-0.0383,0.00086,-0.00682,0.02854,0.00422,0.04719,0.05261,0.00544,-0.00768,0.04138,-0.06599,0.00353,0.05001,0.0362,0.03867,0.00364,0.01584,-0.03865,0.03419,-0.01794,-0.00646,0.07457,0.04329,-0.02554,0.04931,0.00547,-0.04789,0.06573,-0.02404,0.07294,0.02779,0.07807,-0.00899,0.02578,-0.04749,-0.00839,-0.04116,0.00655,0.04496,-0.04952,-0.00433,-0.03685,-0.03539,0.03962,-0.04658,-0.01868,0.00621,0.02034,-0.01875,0.03622,-0.06469,0.04603,0.00612,0.03292,-0.02481,-0.07532,0.05521,-0.02055,-0.09363,0.04382,0.09435,-0.01882],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. - Graph structure — which nodes exist, their types and parameters. - Connection model — which links are allowed, validation rules. - Node semantics — what a “Webhook”, “AI Generator” or “Parser” node actually does. - Persistence — saving/loading flows (NgRx, Signals, IndexedDB, Firebase, etc.). - Visual styles — how nodes and connectors look. 📌 In short: the library handles the UI layer, while your application owns the business logic. Ng Rx Indexed DB","excerpt":"- Graph structure — which nodes exist, their types and parameters. - Connection model — which links are allowed, validation rules. - Node semantics — what a “Webhook”, “AI Generator” or “Parser” node actually does. - Persistence — saving/loading flows (NgRx, Signals, IndexedDB, Firebase, etc.). - Visual styles — how nodes and connectors look. 📌 In short: the library handles the UI layer, while your application owns the business logic."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#4","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.12601,0.01693,-0.07447,-0.00057,0.01942,0.00995,-0.03152,0.03867,0.00636,0.0375,-0.06451,-0.01386,-0.04509,0.01566,0.07267,0.02023,-0.03315,-0.01055,0.03792,-0.01188,-0.04567,-0.02128,-0.01774,-0.01222,0.00837,0.05911,-0.04129,-0.06125,0.06969,-0.02532,0.05944,0.09905,-0.01079,0.06125,-0.12248,0.06044,0.03028,-0.06728,-0.07062,-0.04791,0.04431,0.05323,-0.00197,-0.00652,-0.03407,0.01242,-0.05777,-0.01794,-0.07317,0.08305,-0.03199,-0.07879,-0.04583,0.06269,0.06033,0.04944,0.01529,-0.01148,0.01778,0.07974,0.03542,-0.04916,-0.0147,0.06896,0.01299,0.05193,-0.04922,-0.01461,0.03721,-0.1065,-0.00195,-0.05396,0.04867,-0.05297,-0.02274,-0.06763,-0.02757,0.04464,-0.03574,-0.04667,0.01798,0.01396,0.02713,0.07002,-0.03482,0.09592,-0.00607,-0.10235,0.01018,0.04111,-0.00344,0.03563,0.03425,-0.02355,0.0735,-0.0015,0.00659,-0.00475,-0.10066,0.04148,0.01212,-0.0223,0.06576,0.05604,-0.02098,-0.07057,-0.02584,-0.00974,-0.03313,0.01156,-0.02315,0.06951,0.02677,-0.07564,-0.02856,-0.06025,-0.02964,-0.04253,0.07217,0.05615,-0.05332,0.04351,0.00276,-0.06363,0.04581,-0.01936,0.01383,0,0.0099,-0.00022,-0.02675,0.00171,0.06864,-0.01768,0.00771,-0.07569,-0.00218,-0.03801,0.02553,0.07329,-0.05202,0.0694,0.02441,-0.05053,-0.06627,-0.01757,0.05846,0.00166,0.10935,-0.03913,0.00652,0.02278,0.05837,0.09173,0.02198,0.04228,-0.03408,0.02808,-0.02946,-0.01233,-0.00926,0.00381,-0.05444,-0.00175,-0.05173,-0.09356,-0.00343,-0.08322,-0.00456,0.01623,-0.11282,-0.03331,-0.00349,-0.02118,-0.0382,-0.01545,0.0835,-0.00405,0.01495,0.03228,-0.00724,0.03796,0.06006,-0.05214,-0.00097,0.06753,0.00584,0.05955,0.07483,0.03663,-0.03838,-0.03078,0.00417,0.1087,-0.04265,-0.00858,0.074,-0.09002,-0.08068,0.08029,-0.00088,0.02039,0.02864,-0.01261,-0.0013,-0.00408,-0.01191,-0.05606,-0.04526,-0.09081,0.00498,0.1232,0.09959,-0.06746,0.03248,-0.05766,-0.06381,0.02174,0.12689,-0.00427,0.01632,0.03206,0.00072,0,-0.00546,-0.00543,-0.03612,0.07708,0.01358,-0.07261,-0.01609,0.00296,0.05973,0.01004,0.00183,0.03267,0.03996,-0.00934,0.02971,0.015,-0.0542,-0.15811,-0.00618,-0.03463,-0.01759,0.0337,-0.01663,-0.04795,-0.02364,0.02593,-0.03651,-0.02044,0.02476,-0.07008,-0.00276,-0.01595,-0.08122,-0.09084,0.00874,-0.054,0.01111,0.0586,0.0019,-0.06314,0.02444,0.00967,-0.09303,0.0102,-0.05597,0.05579,-0.09361,0.04516,-0.05785,-0.02309,-0.03356,0.04621,0.03193,-0.05924,-0.07377,0.00066,0.12926,0.06705,0.00576,-0.00583,-0.00411,-0.03175,-0.02649,-0.01023,0.00849,0.02876,-0.03395,0.00618,0.03859,0.09238,0.07324,0.05777,-0.06514,0.00175,0.07701,0.08072,0.10914,-0.04788,0.03965,0.00592,-0.05478,0.13373,0.04492,0.03609,0.10401,-0.00516,-0.08093,-0.10261,0.04249,0.07267,-0.07587,0.04102,-0.08462,0.0429,-0.00557,0,-0.17963,-0.01984,-0.05993,-0.00925,0.06529,0.0209,0.02641,0.08573,0.04233,-0.00154,0.03692,0.04788,-0.01864,-0.0445,0.04179,0.01197,0.0267,0.0029,-0.02526,-0.00312,0.01325,-0.01613,-0.01275,0.0856,-0.0126,-0.0577,0.04996,0.04804,-0.00456,0.04136,-0.02818,0.09288,0.10661,0.05083,0.00071,0.05107,-0.00361,0.03111,-0.03856,-0.0176,0.01178,-0.01946,-0.04681,-0.02923,-0.081,0.05122,-0.03334,-0.01986,-0.01129,-0.02062,-0.05716,0.02685,-0.0604,0.09601,0.01974,0.06086,-0.03068,-0.06508,0.07623,-0.00295,-0.05564,0.01453,0.04654,-0.01453],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. That remains the default stateless architecture. Since v19.1, applications can explicitly install the optional Managed Flow State plugin when they want typed graph records, automatic updates for supported gestures, snapshots and undo/redo. The plugin can own generic graph bookkeeping; business meaning and persistence remain application concerns.","excerpt":"That remains the default stateless architecture. Since v19.1, applications can explicitly install the optional Managed Flow State plugin when they want typed graph records, automatic updates for supported gestures, snapshots and undo/redo. The plugin can own generic graph bookkeeping; business meaning and persistence remain application concerns."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#5","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.09508,0.00432,-0.02986,0.03021,0.06917,-0.00336,0.01126,0.0267,0.09862,0.01751,-0.07472,-0.03536,-0.05145,-0.02401,0.03266,-0.01151,-0.04589,-0.04299,-0.04775,0.0052,-0.08355,-0.05588,-0.02586,-0.0299,0.00494,0.04762,0.00224,-0.10702,0.07904,-0.04097,0.07047,0.0425,-0.01829,0.00304,-0.135,0.09206,-0.00723,-0.10639,-0.06693,-0.03909,0.09297,0.03314,-0.02954,-0.06801,-0.04863,0.02159,-0.01449,-0.00134,-0.06917,0.07681,-0.02624,-0.02875,-0.05132,0.06291,0.02986,0.03112,0.04929,-0.03191,-0.01427,0.03646,-0.0325,-0.03074,0.01694,0.03349,0.05415,0.03912,-0.06294,-0.05237,0.05256,-0.04649,0.0269,-0.03539,0.03417,-0.05166,0.0046,-0.10479,-0.07914,0.08266,-0.01376,-0.00053,0.0361,0.01578,0.024,0.01275,0.02111,0.07233,-0.02235,-0.05598,-0.02401,0.04971,-0.00318,0.05766,-0.00911,0.04064,0.04217,0.01475,-0.00067,0.02559,-0.04686,0.02428,0.00901,-0.02394,0.01735,0.08472,-0.04893,-0.07701,-0.02417,-0.02906,-0.05636,0.04303,-0.00902,0.03946,0.05577,-0.04739,-0.03883,-0.01277,-0.05222,0.00926,0.03775,0.07404,-0.01078,-0.03322,0.01621,-0.02628,0.0704,-0.03849,0.00576,0,-0.033,-0.01,-0.06372,0.02303,0.06189,-0.01305,0.04663,-0.08544,0.02099,0.00327,0.03852,0.05212,-0.03297,0.00153,0.04685,-0.08972,-0.05383,-0.04514,0.05802,0.02958,0.11858,-0.00692,-0.03102,0.02185,0.04199,0.07978,-0.06017,0.04617,-0.09225,0.03192,-0.0043,0.01898,0.00172,-0.02336,-0.03663,-0.01509,-0.02511,-0.08067,-0.09243,-0.06672,-0.01851,-0.02808,-0.13858,-0.01409,-0.0077,-0.05839,-0.05481,-0.01266,0.05884,0.01968,0.04705,0.00763,0.04428,-0.00643,0.06573,0.02435,-0.02761,0.04042,-0.02871,0.07599,0.0945,0.02895,0.02171,-0.023,0.05733,0.07375,0.00735,-0.01497,0.04244,-0.05445,-0.04352,0.10748,-0.00597,0.02455,0.04609,-0.00281,-0.02315,0.01684,0.00446,-0.06109,0.03537,-0.0671,-0.00861,0.12534,0.07221,-0.04081,0.00264,-0.0592,-0.16429,0.04918,0.14116,0.01696,0.03614,-0.00143,-0.01124,0,0.04422,-0.01591,-0.04269,0.06208,-0.01546,-0.07716,-0.04468,0.03228,0.05379,0.01454,0.01371,0.02978,0.01209,0.03829,-0.04204,0.02832,-0.01153,-0.12272,-0.02109,-0.02709,0.00273,0.05442,-0.00307,-0.04268,-0.07714,0.01611,-0.00134,0.00532,0.02198,-0.07296,-0.0347,-0.01406,-0.05471,-0.05854,0.0017,-0.06353,0.01443,0.0533,0.03381,-0.1077,0.07284,0.07445,-0.04808,0.00843,-0.05606,0.02598,-0.10204,0.01816,-0.00865,0.00639,-0.03616,0.03095,0.00275,0.00321,-0.0543,0.05664,0.11478,-0.00401,-0.00312,0.03119,-0.01312,-0.03775,-0.01433,0.03008,0.04186,0.05212,-0.03287,0.00533,0.13115,0.08619,0.08762,0.03337,-0.08782,0.03563,0.07129,0.08888,0.06819,-0.09741,0.03001,-0.01498,-0.0293,0.09026,-0.01167,-0.02463,0.05886,0.06605,-0.08557,-0.11885,0.08,0.03075,-0.05398,0.00824,-0.01022,-0.01592,-0.01707,0,-0.16285,0.03469,-0.09071,0.02691,0.08202,-0.00609,-0.03331,-0.02548,-0.0046,-0.0371,-0.02112,0.04161,-0.02641,-0.02571,0.09736,-0.00387,0.05105,-0.02526,-0.02281,-0.02594,0.01016,0.01047,-0.00494,0.06244,0.00007,-0.02303,0.043,0.04468,0.00763,0.01913,-0.02578,0.04888,0.05511,0.06357,-0.10162,0.03139,-0.03695,-0.06053,-0.01874,-0.02863,0.0585,-0.01066,-0.0462,-0.02291,-0.09148,0.07969,-0.04546,-0.0604,-0.00222,0.00865,-0.00839,0.01708,-0.07328,0.08198,0.05726,0.01449,0.0116,0.00211,0.06998,-0.01541,-0.05893,0.01786,0.00333,-0.0336],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. ⚡ Event-Driven Model The golden rule of the stateless Foblex Flow core: the library never mutates your application-owned data silently. Every user action is emitted as an Angular event: - fNodeMoved — a node was dragged. - fNodeSelected — a node was selected. - fConnectionCreated — a new connection was made. - fConnectionRemoved — a connection was deleted. - fCanvasChanged— the canvas was changed. This means every action is a signal to your application: “This happened. You decide what to do.” That makes the library predictable and easy to integrate with any state management — from Signals to NgRx. f Node Moved f Node Selected f Connection Created f Connection Removed f Canvas Changed Ng Rx","excerpt":"⚡ Event-Driven Model The golden rule of the stateless Foblex Flow core: the library never mutates your application-owned data silently. Every user action is emitted as an Angular event: - fNodeMoved — a node was dragged. - fNodeSelected — a node was selected. - fConnectionCreated — a new connection was made. - fConnectionRemoved — a connection was deleted. - fCanvasChanged— the canvas was changed. This means every action is a signal to your application: “This happened. You decide what to do.” That makes the library predictable and easy to integrate with any state management — from Signals to NgRx."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#6","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.05478,-0.00411,-0.09162,0.01312,0.01586,0.01414,0.01343,0.05757,0.04877,0.00613,-0.1023,-0.02738,-0.04905,-0.03272,0.02183,-0.02017,-0.05347,0.01782,0.01328,0.01945,-0.02974,-0.07875,-0.03333,-0.06801,-0.02276,0.04869,0.03106,-0.04714,0.03428,-0.03526,0.04961,0.0498,-0.00624,0.07239,-0.15382,0.07621,0.0611,-0.07931,-0.11519,-0.05689,0.04452,0.04444,0.01521,-0.03638,-0.00144,0.03803,-0.05897,-0.02011,-0.08963,0.08743,-0.05996,-0.11165,-0.05249,0.11995,0.01789,0.05049,0.00964,-0.01243,0.00943,0.06348,0.00475,-0.0423,-0.00404,0.05312,0.0862,-0.00176,-0.0979,-0.02109,0.02457,-0.09451,0.00425,-0.03444,0.07803,-0.03576,0.02051,-0.06954,-0.03019,0.08748,0.00543,-0.04348,0.04553,0.103,0.01069,0.03561,-0.01826,0.13292,-0.0147,-0.03454,-0.05745,0.01991,0.00084,0.05643,-0.05428,-0.01493,0.06866,-0.00327,-0.00009,-0.03453,-0.07678,0.00657,0.00226,-0.0453,0.05558,-0.01341,-0.07186,-0.04436,-0.04651,0.01056,-0.03865,-0.03488,-0.05662,0.02659,-0.00955,-0.06477,0.01456,-0.06925,-0.00993,-0.02578,0.09416,0.06119,-0.04044,0.03854,-0.00352,-0.00983,0.06662,-0.02398,-0.04961,0,-0.01213,0.02475,-0.02655,0.04844,0.05049,0.00503,0.0289,-0.07138,0.00535,0.02484,-0.01382,0.01071,-0.05393,0.03603,0.07103,-0.10416,-0.02614,-0.00952,0.02284,0.01972,0.09636,-0.07526,-0.01053,0.03884,0.0781,0.10317,-0.0352,0.04483,-0.10891,0.01739,-0.01346,0.02427,-0.00303,-0.00875,-0.06504,-0.01231,-0.01707,-0.08408,-0.06311,-0.04234,-0.03417,-0.03458,-0.03263,0.02012,-0.00416,-0.03217,-0.09805,0.0023,0.06531,0.04399,0.01643,0.01128,0.07647,-0.01274,0.07441,-0.02429,-0.04822,0.05551,0.00927,0.07193,0.07976,0.0624,-0.06191,-0.03716,0.0046,0.0835,0.02109,-0.0079,0.07245,-0.03267,-0.09294,0.08303,0.01632,0.0111,0.02801,0.01898,-0.04293,-0.01673,0.04715,-0.02505,-0.04707,-0.0174,0.01615,0.0512,0.11324,-0.0533,0.00619,-0.04677,-0.06425,-0.00029,0.12018,0.00287,-0.00312,-0.03539,0.00603,0,-0.00197,0.03669,-0.05102,0.05415,0.02889,-0.05955,-0.03328,-0.04364,0.0381,0.00787,0.00668,0.05589,0.06647,-0.01168,-0.0129,0.02897,-0.0617,-0.12338,0.04411,-0.07773,0.01828,0.01289,0.0389,-0.04941,-0.05856,0.02095,0.02357,0.01152,0.03577,-0.02945,-0.01361,-0.02061,-0.02704,-0.04301,0.01393,-0.05229,0.01605,0.01726,0.04915,-0.11032,0.05529,0.0074,0.00083,-0.01499,-0.0952,0.0546,-0.08627,0.0674,-0.05825,-0.00977,-0.03668,0.02066,-0.04449,-0.03603,-0.0694,0.03377,0.08441,0.03332,0.01902,0.00519,0.00062,-0.06624,0.00453,0.04076,0.03604,0.02265,-0.0386,-0.01003,0.06252,0.0991,0.06947,0.03999,-0.01102,0.02927,0.02373,0.03358,0.10859,-0.04593,0.04902,0.04447,-0.01244,0.13044,0.01287,0.05277,0.11378,0.02793,-0.06487,-0.06558,0.06488,0.0272,-0.01174,0.07078,-0.01001,-0.00816,-0.0083,0,-0.11777,-0.01106,-0.09968,-0.02755,0.02028,0.0026,-0.01624,0.03871,0.00644,-0.0228,-0.00449,0.06611,-0.01886,-0.04491,0.09275,0.02992,0.0038,0.02885,-0.01031,-0.03789,0.0212,-0.00671,-0.03687,0.10559,0.00116,-0.04148,-0.01566,0.03861,0.00479,0.02259,-0.02954,0.0465,0.04212,0.09666,-0.04128,0.02522,-0.08692,-0.01671,-0.07061,0.00377,0.05333,-0.0327,0.00581,-0.03027,-0.09388,0.0699,-0.0369,-0.04408,-0.04756,0.01678,-0.06621,0.05127,-0.05206,0.03951,-0.00177,0.03614,-0.02368,-0.04091,0.05029,0.01616,-0.13723,0.07148,0.07455,0.00116],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🧩 Architectural Layers We can break down Foblex Flow into four layers: Flow The root component (\\<f-flow) — coordinates context, events, and canvas state. Canvas The workspace: holds all nodes and connections. Manages zoom, pan, and selections. Nodes Nodes are not predefined components, but directives you can attach to any Angular element. - fNode — turns an element into a node. - fNodeOutput — defines an output connector. - fNodeInput — defines an input connector. Connections An SVG path connecting an output to an input. Supports Bezier curves, straight lines, and arrows. f Node f Node Output f Node Input","excerpt":"🧩 Architectural Layers We can break down Foblex Flow into four layers: Flow The root component (\\<f-flow) — coordinates context, events, and canvas state. Canvas The workspace: holds all nodes and connections. Manages zoom, pan, and selections. Nodes Nodes are not predefined components, but directives you can attach to any Angular element. - fNode — turns an element into a node. - fNodeOutput — defines an output connector. - fNodeInput — defines an input connector. Connections An SVG path connecting an output to an input. Supports Bezier curves, straight lines, and arrows."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#7","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.04011,0.00147,-0.10645,-0.0275,0.05389,0.04109,-0.0498,0.06523,0.05082,-0.01103,-0.06558,0.0024,-0.02724,-0.03452,0.10483,-0.03999,-0.0282,-0.00158,0.02277,0.0282,-0.03422,-0.04533,0.0162,-0.02739,-0.02333,0.04818,0.02703,-0.02224,0.06902,-0.06299,0.0922,0.0645,0.00613,0.07578,-0.11855,0.10405,0.00067,-0.10482,-0.05977,-0.06879,0.06373,0.06983,-0.03718,-0.02748,-0.01442,-0.01176,-0.00823,-0.02487,-0.06191,0.02384,-0.01841,-0.0888,-0.06459,0.16455,0.00701,0.05147,-0.02455,-0.02591,0.03818,0.11331,0.06599,-0.01797,0.0409,0.04542,0.03827,-0.01704,-0.08342,-0.00563,0.00548,-0.11552,0.01816,-0.03859,0.03301,-0.01369,-0.00994,-0.05689,-0.00644,0.03399,-0.03238,-0.00386,0.01088,0.01434,0.03478,0.08668,-0.05244,0.08781,-0.0008,-0.06307,-0.05209,0.00933,0.03722,0.0423,-0.03638,-0.00143,0.05877,-0.00994,0.03547,-0.00847,-0.10587,0.01226,0.01585,-0.05648,0.08101,0.09549,-0.0536,-0.08244,-0.06344,-0.01805,-0.06186,-0.00701,-0.01103,0.05647,-0.07086,-0.03267,-0.06398,-0.09917,-0.01092,-0.03759,0.04913,0.02369,-0.07018,0.01572,0.01815,-0.00623,0.0482,-0.01414,0.00806,0,-0.01666,0.00652,-0.02439,0.00552,0.07015,-0.04954,0.03663,-0.04533,0.01836,0.01282,0.01609,0.0387,-0.02603,0.05081,0.01034,-0.06157,-0.0512,-0.0164,0.00067,0.03862,0.08833,-0.05463,-0.03989,0.03391,0.01098,0.09638,-0.06452,-0.00204,-0.14369,0.01869,-0.03485,-0.0021,0.0309,-0.0033,0.04121,0.00896,-0.03573,-0.04859,-0.04546,-0.05854,-0.0065,0.00124,-0.05355,0.02448,0.01866,-0.0221,-0.03065,-0.01641,0.06127,0.06022,-0.02764,0.02402,0.02378,-0.0099,0.09003,-0.02574,-0.04579,0.03183,0.05133,0.03452,0.04281,0.01879,-0.02644,-0.04643,0.01992,0.06411,-0.04937,-0.06529,0.07482,-0.00503,-0.05994,0.07098,0.07181,0.05771,0.02232,0.02772,-0.03657,0.01678,-0.00715,-0.03961,0.00793,-0.03092,0.01638,0.15978,0.11136,-0.10338,0.04152,-0.06621,-0.05061,0.03263,0.11028,0.00122,-0.01571,-0.04847,-0.00548,0,0.03601,-0.02586,-0.04491,-0.01452,-0.04005,-0.05658,0.00955,0.01442,0.03185,0.04571,-0.03872,0.05654,0.03206,0.00679,-0.03733,0.04148,-0.05185,-0.12216,0.00027,-0.06708,-0.00078,0.0235,0.02129,-0.04735,-0.05593,0.0289,0.03075,-0.00757,-0.01846,-0.07963,-0.00472,-0.00579,-0.03664,-0.08295,0.00021,-0.05691,-0.07743,0.07474,0.04953,-0.05101,0.03252,0.03214,-0.054,-0.00314,-0.06289,0.02005,-0.04425,0.02689,-0.01907,-0.0222,-0.0191,0.05404,-0.04678,-0.0281,-0.03803,0.02199,0.05443,0.04799,0.10636,-0.03237,0.0497,-0.06286,0.00302,-0.02404,-0.01693,0.01965,-0.05116,0.03306,0.03549,0.08567,0.02887,0.00537,-0.04248,0.02464,0.00084,0.07335,0.09794,-0.03054,0.07262,0.02283,-0.03018,0.14732,-0.06291,0.01643,0.13313,0.02046,-0.05041,-0.11193,0.01665,-0.00723,-0.0307,0.08959,-0.07811,0.02222,0.02382,0,-0.18497,0.00819,-0.06066,0.0474,-0.0143,0.02326,0.04086,0.01839,0.05934,-0.00949,0.00243,0.01678,-0.02258,-0.05881,0.10262,0.06778,0.00068,-0.01562,-0.03323,0.0076,0.00179,0.02612,0.02507,0.0749,0.00754,-0.01178,0.047,0.04149,0.01458,0.02986,0.00026,0.06175,0.09343,0.03242,0.02106,0.02933,-0.07296,0.01695,-0.07181,-0.01461,-0.00751,-0.10392,-0.01656,-0.00461,-0.04777,0.04341,-0.00685,-0.0015,-0.00624,0.03173,-0.03365,-0.02529,-0.06168,0.05678,0.02559,0.03495,-0.02754,-0.07301,0.02899,-0.00748,-0.10021,0.06338,0.05125,-0.00918],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🔧 Minimal Example Positions (x, y) are mandatory — without them a node won’t render. But where and how you store them (Signals, NgRx, Firestore, a plain service) is entirely up to you. Ng Rx","excerpt":"🔧 Minimal Example Positions (x, y) are mandatory — without them a node won’t render. But where and how you store them (Signals, NgRx, Firestore, a plain service) is entirely up to you."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#8","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.08368,0.02876,-0.11654,0.071,0.05384,0.01858,-0.06637,0.07979,0.04127,0.02981,-0.08504,0.01674,-0.02998,0.00274,0.04669,0.02469,0.02221,-0.0248,-0.01777,-0.02054,-0.02437,-0.09016,-0.02491,-0.05633,0.0338,0.06574,-0.04274,-0.0403,0.08166,-0.04542,0.0428,0.05679,-0.06716,0.0455,-0.12558,0.07346,0.03196,-0.06119,-0.0297,-0.03683,0.06202,0.07582,-0.02364,-0.02503,-0.05121,-0.00935,-0.04305,0.01776,-0.05942,0.07259,-0.06864,-0.08694,-0.09335,0.09651,0.03031,0.04361,0.00407,-0.04106,0.00065,0.06944,0.03082,-0.05329,0.01715,0.03743,0.05089,0.03449,-0.06995,-0.00294,0.04556,-0.07591,0.0131,-0.00923,-0.00129,-0.0006,-0.00711,-0.029,-0.00313,0.05746,-0.01167,-0.03045,0.0312,0.00519,-0.01011,0.06334,-0.02868,0.06058,0.00919,-0.06422,-0.03622,-0.02105,0.05557,0.07336,0.04126,-0.0185,0.03512,0.01284,0.03659,-0.03291,-0.05421,0.0423,0.03559,-0.03763,0.07747,0.06523,-0.09199,-0.10662,-0.00314,0.00806,-0.09152,0.03881,-0.01512,0.08585,-0.03398,-0.05251,-0.04974,-0.04722,-0.02105,-0.06076,0.04644,0.06303,-0.00225,0.06879,0.02051,0.01315,0.07893,0.04877,-0.04207,0,0.00243,0.02148,-0.01767,-0.00499,0.04874,-0.01933,0.03258,-0.07061,-0.01732,-0.01326,0.00555,0.12936,-0.03537,0.03843,0.07362,-0.0854,-0.00455,0.02222,0.06771,-0.00444,0.09486,-0.05541,0.00735,0.05603,0.06514,0.0598,-0.01445,0.0638,-0.10319,0.02837,-0.01298,-0.00078,-0.05514,0.03915,0.0028,0.01451,-0.0371,-0.08384,0.01268,-0.06799,-0.04933,0.0107,-0.08092,-0.00146,0.00174,-0.02203,-0.06868,-0.02708,0.01713,0.01058,0.00461,0.03311,0.00447,0.0718,0.06867,-0.03841,0.01918,0.0237,0.04456,0.03356,0.07926,0.00928,-0.04341,0.00068,0.03898,0.07049,-0.03643,0.02264,0.05192,-0.04385,-0.01446,0.10812,0.06409,-0.04368,0.03062,-0.05911,-0.04202,-0.0081,-0.02855,-0.04501,-0.00845,-0.03255,-0.03216,0.08636,0.10549,-0.07653,0.03982,-0.01988,-0.11476,0.01544,0.14255,-0.00099,0.07717,-0.0283,0.00212,0,-0.0191,-0.02318,0.0231,0.0973,0.02129,-0.06145,-0.01343,-0.00827,0.03773,0.01169,-0.04136,0.01976,-0.01601,0.00048,-0.02535,0.04434,-0.0342,-0.15697,0.0253,-0.10307,0.01239,0.03018,-0.03407,-0.0117,-0.06489,-0.00139,-0.04388,-0.02105,-0.02565,-0.04672,-0.01082,-0.01591,-0.06222,-0.11001,-0.00052,-0.03066,0.01232,0.07777,0.0449,-0.01842,-0.01383,-0.01322,-0.07187,-0.01335,-0.03678,0.04946,-0.1277,0.06451,-0.01534,0.00232,-0.02423,0.00374,-0.00441,-0.07223,-0.0428,-0.04693,0.07513,0.05152,-0.03718,0.02512,-0.00188,-0.04107,-0.02882,0.01998,-0.02588,-0.01198,-0.02542,-0.0061,0.04423,0.08444,0.02421,0.03022,-0.05232,-0.01774,0.0915,0.04257,0.1086,-0.00824,0.02184,0.06764,-0.06623,0.15853,-0.00517,-0.00851,0.06814,0.01105,-0.07854,-0.05914,0.03731,0.07086,-0.04107,0.02883,-0.03303,0.00099,0.00947,0,-0.1408,0.02857,-0.05382,0.02227,0.04125,0.02003,0.0341,0.0842,0.05135,0.01003,0.07512,0.04919,-0.03317,-0.02574,0.04064,-0.00833,0.04314,-0.06744,-0.00459,-0.01892,0.01891,-0.00036,0.02376,0.05961,0.0323,-0.06326,0.05285,0.01649,0.01278,0.02712,-0.04594,0.06797,0.05796,0.06843,-0.0359,-0.01426,-0.0036,0.05127,-0.07292,0.0161,0.09947,-0.00284,-0.07028,-0.02151,-0.06903,0.04046,-0.05034,-0.03749,0.0142,-0.01438,-0.05453,-0.02505,-0.07412,0.09647,0.02416,0.0405,-0.04979,-0.01392,0.12303,0.04028,-0.05419,-0.01123,-0.01275,0.00593],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🛠 Design Principles 1. Minimal Magic Instead of hiding complexity behind black boxes, the API is transparent: directives and events are explicit. 2. SSR and Zoneless Angular Foblex Flow works outside the browser. All window, document, and localStorage references go through DI and can be mocked for SSR. 3. Performance - No “global JSON graph” that’s recalculated on each change. - Renders only changed elements. - Drag-and-drop is optimized for large graphs (hundreds of nodes). 4. Flexibility - Store flows as JSON if you like. - Sync with Firebase or GitHub. - Save to IndexedDB. The library never dictates your persistence strategy. local Storage Git Hub Indexed DB","excerpt":"🛠 Design Principles 1. Minimal Magic Instead of hiding complexity behind black boxes, the API is transparent: directives and events are explicit. 2. SSR and Zoneless Angular Foblex Flow works outside the browser. All window, document, and localStorage references go through DI and can be mocked for SSR. 3. Performance - No “global JSON graph” that’s recalculated on each change. - Renders only changed elements. - Drag-and-drop is optimized for large graphs (hundreds of nodes). 4. Flexibility - Store flows as JSON if you like. - Sync with Firebase or GitHub. - Save to IndexedDB. The library never dictates your persistence strategy."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#9","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.04375,-0.00057,-0.0744,-0.01674,0.0566,-0.00925,-0.02931,0.06196,0.06372,0.02461,-0.09647,-0.02966,-0.01807,0.01365,0.07791,0.01557,-0.03456,-0.03153,0.00214,-0.02046,-0.0154,-0.04371,-0.05182,-0.04196,-0.02694,0.06226,0.00007,0.00961,0.05791,-0.03995,0.04106,0.04226,-0.02597,0.06956,-0.1115,0.04511,0.00543,-0.06428,-0.0633,-0.05297,0.05636,0.03342,0.00373,-0.00146,-0.01559,0.00544,-0.06294,-0.0126,-0.07139,0.08729,-0.0622,-0.08558,-0.04456,0.07818,0.04375,0.08301,0.01758,-0.04625,0.01991,0.04679,0.01099,-0.04111,-0.01037,0.09066,0.03938,0.03097,-0.10574,0.00911,0.02896,-0.11223,0.03055,-0.05437,0.04697,-0.061,0.02159,-0.07788,-0.01735,0.06703,-0.00215,-0.06459,-0.0025,0.05981,0.02035,0.04404,-0.04483,0.10499,-0.03656,-0.11385,0.01633,0.03879,0.03718,0.04423,0.0218,0.00761,0.07434,-0.01825,0.01373,-0.02435,-0.12135,0.02926,0.00746,-0.0627,0.04728,0.04187,-0.01647,-0.07758,-0.0122,0.02746,-0.03542,0.00777,-0.04307,0.05167,0.04208,-0.05176,-0.02919,-0.05241,-0.02744,-0.04248,0.06562,0.03336,-0.07546,0.02006,0.00606,-0.07332,0.03362,-0.04037,-0.01826,0,-0.0369,-0.00617,-0.04797,-0.00071,0.06772,-0.01107,0.01497,-0.09435,0.01942,0.01247,-0.01004,0.07168,-0.05418,0.04308,0.03791,-0.059,-0.07609,-0.00538,0.05054,0.03737,0.10506,-0.04136,-0.01846,0.0467,0.04457,0.11838,0.01129,0.06922,-0.06265,0.05432,-0.02565,0.01622,-0.00568,0.00212,-0.03754,0.01775,-0.01878,-0.09013,-0.01638,-0.06533,-0.03226,-0.02785,-0.11393,-0.00052,-0.02438,-0.04558,-0.0568,-0.05255,0.03159,0.00736,0.02477,0.00211,0.05458,0.02848,0.07099,-0.03188,-0.00174,0.04886,0.00644,0.06447,0.07052,0.03685,-0.04103,-0.00872,0.02052,0.11297,-0.06289,-0.02519,0.06184,-0.06778,-0.06365,0.11311,0.02868,0.04036,0.02854,-0.03153,0.00329,0.02286,-0.02809,-0.05354,-0.05367,-0.08701,-0.00286,0.10807,0.10438,-0.04912,0.02551,-0.04719,-0.09113,0.04472,0.10068,-0.02129,0.04278,0.04275,0.0339,0,-0.01461,0.00968,-0.01895,0.02362,0.02874,-0.08065,-0.00799,0.01683,0.03978,0.00257,0.00259,0.02071,0.00866,0.00088,0.03128,-0.00676,-0.01877,-0.13163,-0.00839,-0.04332,-0.02102,0.03414,-0.05903,-0.04898,-0.05778,0.04331,-0.04455,-0.00909,0.02278,-0.04145,-0.01399,-0.01114,-0.04833,-0.04747,0.00199,-0.05298,0.01537,-0.02281,0.03879,-0.09092,-0.0001,0.01653,-0.07149,0.00891,-0.055,0.10502,-0.04849,0.02968,-0.02578,-0.03993,-0.02537,0.02727,0.02858,-0.04364,-0.07171,0.0251,0.15122,0.07244,-0.00743,-0.00439,-0.02652,-0.02325,0.01705,-0.02208,0.01792,0.0533,0.00091,0.0235,0.08085,0.07735,0.05949,0.06021,-0.09646,0.03875,0.0906,0.0748,0.09626,-0.0196,0.01716,0.01429,-0.06395,0.12079,0.02392,0.05806,0.11313,0.00802,-0.08066,-0.10906,0.0222,0.07189,-0.08029,0.02986,-0.03593,0.02289,-0.01144,0,-0.15491,-0.00504,-0.03436,-0.03065,0.01689,0.02897,-0.00508,0.00623,0.04907,-0.00983,-0.01001,0.07972,-0.06155,-0.03139,0.03606,0.03183,0.01255,0.02192,0.01052,-0.03018,0.00181,-0.0138,0.01034,0.10585,0.02094,-0.05728,0.0175,0.04868,-0.00772,0.03981,-0.02018,0.0753,0.08151,0.09076,-0.00653,0.03012,-0.02295,0.00544,-0.03861,-0.0141,0.05909,-0.01214,-0.01895,-0.01981,-0.05895,0.09377,-0.0311,-0.04117,-0.01266,-0.00474,-0.08476,0.04868,-0.07744,0.08003,0.0056,0.04281,-0.01621,-0.08404,0.07781,-0.00541,-0.06086,0.02761,0.05561,-0.02488],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 📐 Visual Diagram The diagram illustrates the boundary: Foblex Flow only handles UI state, while your app owns the graph model and business logic. Managed Flow State is an explicit alternative for the graph-model side of that diagram. It does not move domain rules, validation or persistence into the core, and applications that do not provide it keep the event-driven model unchanged.","excerpt":"📐 Visual Diagram The diagram illustrates the boundary: Foblex Flow only handles UI state, while your app owns the graph model and business logic. Managed Flow State is an explicit alternative for the graph-model side of that diagram. It does not move domain rules, validation or persistence into the core, and applications that do not provide it keep the event-driven model unchanged."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#10","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.08751,-0.00081,-0.0694,-0.00354,0.05299,-0.04746,0.02036,0.07419,0.04614,-0.0122,-0.11841,-0.04526,-0.05386,-0.04578,0.11248,0.00219,0.01046,-0.04557,0.00502,0.00152,-0.03694,-0.0041,0.01862,-0.02925,-0.022,0.07404,-0.00657,-0.0557,0.05033,-0.02044,0.05585,0.08505,0.04231,0.09234,-0.14257,0.07255,0.00348,-0.0935,-0.06921,-0.0798,-0.04708,0.06239,-0.04369,-0.00523,-0.04167,-0.03531,-0.05956,0.0038,-0.05938,0.07984,-0.08312,-0.10463,-0.03682,0.10065,0.00303,0.06264,-0.01508,-0.01266,0.07483,0.06011,-0.00043,-0.03026,0.05264,0.09235,0.06912,0.01073,-0.09846,-0.01304,0.00472,-0.13897,0.01648,-0.04061,0.08615,-0.00037,-0.01558,-0.09036,-0.06614,0.04544,0.00525,0.02959,0.00077,0.04483,0.02487,0.06722,-0.00952,0.08871,0.02349,-0.01517,-0.03815,0.01073,0.02587,0.0423,0.01385,0.03138,0.06982,-0.01711,0.01804,-0.03086,-0.11614,0.04135,-0.0157,-0.03475,0.04265,0.00491,-0.04173,-0.06479,0.01822,-0.02681,-0.03727,0.01134,-0.04348,-0.00665,0.02175,-0.06046,0.0146,-0.04547,0.00866,-0.01602,0.06581,0.05541,-0.00825,0.01235,-0.0041,-0.03297,0.04928,-0.01484,-0.0074,0,-0.00075,-0.01649,-0.02714,0.04012,0.07004,-0.05811,0.06907,-0.06701,0.00817,-0.00786,0.03317,0.07677,-0.01764,0.05603,0.03116,-0.03372,-0.08528,-0.0199,0.06743,0.03768,0.09931,-0.075,0.02179,0.08303,0.04353,0.0829,0.00422,-0.02487,-0.04996,0.04071,-0.04559,-0.02021,-0.02388,0.02348,-0.02613,-0.01747,-0.05221,-0.09213,-0.03691,-0.03078,-0.05133,-0.04792,-0.09396,-0.02679,0.02911,-0.00196,-0.0466,-0.01278,0.03232,0.02422,0.0036,0.05083,0.0559,0.04869,0.08718,-0.06416,-0.0219,0.04125,0.02194,0.03931,0.04043,0.01601,-0.0224,-0.02043,0.0343,0.07648,-0.04301,-0.01214,0.07231,-0.04294,-0.0505,0.0734,0.00945,0.07656,-0.00654,0.01864,-0.02241,0.01512,0.03761,-0.04855,-0.0049,-0.037,0.02955,0.08934,0.07314,-0.07517,-0.00522,-0.0477,-0.11751,0.05487,0.0846,0.03395,-0.01196,0.00407,-0.00219,0,0.0095,0.0002,-0.08276,0.01847,0.01749,-0.0425,-0.01363,-0.00698,0.10859,0.03972,-0.00903,0.0441,0.05258,-0.01612,0.02821,0.04434,-0.02763,-0.1133,0.02578,-0.05199,-0.01862,0.04462,-0.02131,-0.06678,-0.05339,0.01976,-0.03315,-0.02656,0.05096,-0.07611,0.01591,0.02155,-0.04933,-0.06098,0.01793,-0.04856,-0.00075,0.01573,0.02924,-0.09504,0.06894,0.00196,-0.07792,-0.04782,-0.07338,0.02094,-0.09873,0.01583,-0.02972,-0.06868,0.02739,0.01928,0.02722,-0.09087,-0.06336,0.02962,0.13622,0.03912,0.01373,0.01538,-0.00118,-0.04318,0.04352,0.02304,0.00142,0.00269,-0.04772,0.0409,0.07316,0.06696,0.07328,0.00143,-0.05526,0.05419,0.03358,0.09319,0.12865,-0.09669,0.04502,0.01602,-0.02162,0.12384,0.05405,0.05803,0.09896,0.01233,-0.0663,-0.11036,0.04269,0.03609,-0.04714,0.04698,-0.0387,0.01715,0.03279,0,-0.10374,-0.03324,-0.09367,0.03122,0.01259,0.01626,-0.06087,0.03136,0.04779,-0.00682,0.00489,0.02693,-0.02469,-0.01928,0.0655,0.03064,-0.00013,-0.02141,-0.00436,-0.03297,0.06217,0.00074,-0.01865,0.05066,-0.03457,-0.03542,0.02688,0.0039,-0.04654,0.01383,-0.04312,0.06758,0.02693,0.04037,-0.00964,-0.00679,-0.03155,-0.04927,-0.0618,-0.02389,0.03759,-0.01332,-0.02566,-0.06155,-0.08565,0.03614,-0.0467,-0.07327,-0.02754,0.01576,-0.02414,0.053,-0.05653,0.07673,0.02473,0.0341,-0.02526,-0.04515,0.05491,-0.0116,-0.05994,0.08387,0.08924,0.00329],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🧠 Philosophy: UI Handles Interactivity, Not Data The core philosophy: Foblex Flow is not a “platform inside a platform.” It focuses on what it does best — interactive UI. - The library tells you what the user did. - Your app decides what it means. This separation makes the library universal. You can build anything — from workflow editors to no-code chatbot builders.","excerpt":"🧠 Philosophy: UI Handles Interactivity, Not Data The core philosophy: Foblex Flow is not a “platform inside a platform.” It focuses on what it does best — interactive UI. - The library tells you what the user did. - Your app decides what it means. This separation makes the library universal. You can build anything — from workflow editors to no-code chatbot builders."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#11","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.08799,0.01705,-0.07587,0.08005,0.03138,0.02434,-0.00622,0.10608,0.05222,0.07721,-0.07074,-0.02749,-0.04758,0.01511,0.07634,0.01909,-0.0353,-0.05007,-0.06725,-0.00543,-0.02664,-0.12748,-0.03921,-0.04208,-0.01502,0.06306,-0.0274,-0.03743,0.04838,-0.07058,0.04816,0.06476,-0.01372,0.04558,-0.11804,0.05064,0.01802,-0.04581,-0.04563,-0.08569,0.0672,0.04669,-0.01354,0.00494,-0.05957,0.00826,-0.03975,0.02886,-0.07699,0.10737,-0.05115,-0.05942,-0.05194,0.05764,0.01499,0.06681,0.04072,-0.08352,0.01347,0.02267,-0.0047,-0.04017,0.00219,0.03721,0.02009,0.02159,-0.06173,-0.01063,0.00852,-0.0529,0.02817,-0.03609,0.01731,-0.00711,0.0247,-0.07775,-0.05417,0.06928,-0.02198,-0.03329,0.07824,0.03754,0.01338,0.05293,-0.03777,0.07749,0.00583,-0.07221,-0.0361,0.00187,0.01277,0.08278,-0.00361,-0.01456,0.06849,-0.01398,0.01892,-0.02828,-0.0863,0.03544,0.00402,-0.03611,0.05886,0.03004,-0.05392,-0.07604,-0.01213,-0.03622,-0.08828,0.00706,-0.0446,0.07069,0.01696,-0.03837,-0.02765,-0.0305,-0.03234,-0.05849,0.05037,0.03602,-0.02265,0.07116,0.00914,0.01217,0.04521,-0.00106,-0.02187,0,-0.02564,0.00191,-0.07134,0.01405,0.09466,0.00797,-0.01033,-0.07221,-0.0214,0.00628,0.02287,0.07029,-0.03995,0.0393,0.06132,-0.07963,-0.02218,0.04237,0.05268,-0.04056,0.05427,-0.04591,-0.03748,0.05959,0.07492,0.11197,-0.00446,0.05936,0.00658,0.01483,-0.02892,-0.01156,-0.01311,-0.03541,-0.03081,0.011,-0.08772,-0.09652,-0.00575,-0.0655,-0.00311,-0.03467,-0.11282,-0.02761,-0.04686,0.00913,-0.04669,-0.02437,0.02047,-0.01671,0.03232,0.01882,0.01867,0.07605,0.08682,-0.04774,-0.01049,0.0239,0.04813,0.06144,0.05758,0.06128,-0.03946,-0.00228,0.03177,0.05918,-0.033,0.01663,0.07028,-0.05185,-0.07357,0.07663,0.03581,0.01465,0.04478,-0.0155,-0.03832,-0.04338,0.00518,-0.07388,-0.01651,-0.08255,0.05374,0.09922,0.09005,-0.12172,0.0304,-0.01812,-0.08855,-0.00551,0.1189,-0.03474,0.02105,-0.01214,0.03179,0,0.00325,0.02572,-0.01395,0.08741,0.02059,-0.05167,0.01973,-0.01532,0.04168,0.00476,-0.01668,0.0026,-0.00089,-0.02688,0.03329,0.02741,-0.02842,-0.15326,0.00786,-0.08919,0.02197,0.00255,-0.02268,-0.00057,-0.0442,0.01596,-0.0097,-0.01954,0.02308,-0.03766,-0.05495,-0.01213,-0.02998,-0.09039,0.02981,-0.08128,0.01844,0.08761,0.03051,-0.03849,-0.0058,0.01557,-0.07378,0.00944,-0.04399,0.08584,-0.10366,0.06862,-0.0045,0.00529,-0.0762,0.00672,-0.0098,-0.09734,-0.04916,-0.00289,0.1447,0.024,-0.03558,0.0047,-0.0374,-0.07906,0.01833,-0.01962,0.03748,0.01052,-0.00113,-0.01063,0.05589,0.09636,0.0884,0.01827,-0.04986,-0.02535,0.10604,0.07467,0.11492,-0.04227,0.07475,-0.00627,-0.03848,0.10897,0.05589,0.02892,0.03624,0.02256,-0.09301,-0.033,0.04757,0.06331,-0.07235,0.01398,0.0068,0.02973,0.00167,0,-0.15009,0.00422,-0.03604,0.00749,0.04755,0.01882,-0.00092,0.06095,0.03776,0.01049,0.02509,0.04122,-0.05569,-0.00707,0.05248,0.04541,0.02012,-0.00348,0.00488,-0.03718,0.01852,0.0125,0.01498,0.07911,0.00186,-0.07796,0.00633,0.01617,0.01629,0.03342,-0.01845,0.05635,0.11495,0.08875,-0.03848,0.01607,-0.02625,0.02561,-0.05522,-0.01344,0.06723,0.01595,-0.04292,-0.03788,-0.07596,0.05724,-0.0257,-0.0075,-0.00249,-0.011,-0.06831,0.03382,-0.04072,0.09394,0.0073,0.0714,-0.04807,-0.00616,0.11167,-0.0152,-0.07681,0.00572,-0.01014,-0.01561],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🚀 Conclusion Foblex Flow is not a black box — it’s a transparent tool for building node-based UIs in Angular. - By default, it manages interactivity, not your data. - Gives you full control over business logic. - Fits projects of any scale, from simple diagrams to complex low-code platforms. When manual event wiring is unnecessary, provideFFlow(withFlowState()) adds the optional managed graph store without making it a requirement for every editor. In the next part, we’ll dive into the drag-and-drop engine: - unifying mouse, touch, and pointer events, - the internal IPointerEvent structure, - how FDraggableDirective works, - and how plugins enable extensions like resize, rotate, and external drop. U Is provide F Flow with Flow State I Pointer Event F Draggable Directive","excerpt":"🚀 Conclusion Foblex Flow is not a black box — it’s a transparent tool for building node-based UIs in Angular. - By default, it manages interactivity, not your data. - Gives you full control over business logic. - Fits projects of any scale, from simple diagrams to complex low-code platforms. When manual event wiring is unnecessary, provideFFlow(withFlowState()) adds the optional managed graph store without making it a requirement for every editor. In the next part, we’ll dive into the drag-and-drop engine: - unifying mouse, touch, and pointer events, - the internal IPointerEvent structure, - how FDraggableDirective works, - and how plugins enable extensions like resize, rotate, and external drop."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#0","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.13549,0.05267,-0.04948,0.05583,0.04249,0.00681,0.01004,0.07366,0.09471,0.03602,-0.05942,-0.0178,-0.04681,-0.01949,0.03665,-0.03241,-0.0019,-0.03115,-0.04829,0.07683,-0.07148,-0.09811,-0.02612,-0.04313,-0.01841,0.01229,-0.00599,-0.05727,0.07646,-0.08388,0.03833,0.09461,-0.03082,0.0113,-0.11519,0.10463,0.02604,-0.05379,-0.06934,-0.09901,0.06348,0.00566,-0.01493,-0.00918,-0.07067,-0.02589,0.0044,-0.00834,-0.06674,0.06648,-0.04148,-0.05984,-0.03611,0.0625,-0.04509,0.04004,0.02798,-0.03147,-0.00499,0.07277,-0.02666,0.00681,-0.00394,0.07281,0.03082,-0.00395,-0.07234,0.02748,0.00892,-0.07652,-0.00558,-0.05879,0.03277,-0.01601,-0.03206,-0.10321,-0.07749,0.04338,-0.02387,-0.03276,0.07741,-0.00464,0.00275,0.04853,-0.01259,0.13708,-0.00277,-0.049,-0.03677,-0.01663,0.03799,0.05246,0.03978,0.00307,0.04747,0.00164,0.01289,0.01847,-0.05678,0.03219,0.01137,-0.03745,0.03372,0.07464,-0.06885,-0.07568,0.00645,-0.07648,-0.07844,-0.00338,-0.04707,0.03461,-0.01717,-0.08545,-0.0462,-0.01872,-0.07583,-0.02758,0.07217,0.02569,-0.00884,-0.0136,0.00639,0.00162,0.0839,-0.02242,-0.02673,0,-0.00969,0.00049,-0.04343,-0.00884,0.0715,-0.03364,0.03149,-0.0979,-0.01512,-0.04197,0.05359,0.06273,0.01015,0.059,0.03318,-0.04749,-0.0751,0.04654,0.05976,-0.01658,0.04317,-0.06836,-0.03905,0.06978,0.06109,0.11355,0.00997,0.00855,-0.01659,0.04423,0.00972,0.02231,0.00168,0.02792,-0.03013,0.03015,-0.07093,-0.10025,-0.00513,-0.02615,-0.02315,-0.05158,-0.13533,0.00545,-0.04548,-0.02603,-0.02636,0.02513,0.02685,-0.01251,0.05475,0.05293,0.08001,0.04012,0.10997,-0.02314,0.00572,0.01158,0.05351,0.06024,0.02696,0.08273,-0.03896,-0.02914,0.0194,0.06436,-0.01768,0.03143,0.06705,-0.06829,-0.06852,0.04716,0.02025,0.0278,0.07809,-0.02212,-0.04334,-0.04867,0.04889,-0.01231,-0.01254,-0.02529,-0.00262,0.05637,0.067,-0.07691,-0.0226,-0.03612,-0.13388,0.00376,0.10178,0.00488,-0.0008,0.01222,0.03343,0,0.00817,0.01158,-0.06988,0.09241,0.03581,-0.0115,0.02375,-0.00911,0.07212,0.02992,-0.0124,0.07276,-0.04622,0.00913,0.00905,0.00829,-0.05504,-0.12232,-0.0085,-0.10412,0.10518,0.01562,0.02742,0.00825,-0.10789,-0.00193,-0.04708,0.0215,0.0111,-0.05928,-0.0281,-0.02078,-0.04326,-0.04762,0.01987,-0.0612,-0.02485,0.09855,-0.00337,-0.08654,0.00676,-0.00381,-0.00596,0.04314,-0.04674,0.03204,-0.13449,-0.01261,0.05173,-0.00809,-0.04799,0.0037,-0.05124,-0.04374,-0.04028,0.0203,0.06959,0.03035,-0.00597,0.03945,0.0379,-0.06058,-0.0092,0.02191,0.04855,0.03594,-0.02276,0.04482,0.01495,0.08141,0.06012,0.00664,-0.01989,0.00039,0.05057,0.05213,0.13571,-0.09388,0.06071,-0.00737,-0.08164,0.11615,0.02484,-0.00225,0.01423,0.06094,-0.08449,-0.06994,0.06618,0.03272,-0.03899,0.03013,0.01824,0.04569,-0.00385,0,-0.09931,0.03325,-0.01643,-0.01444,0.0471,0.00838,-0.02527,0.04473,0.05445,-0.03474,0.00674,0.00074,0.00133,0.06045,0.08267,0.03172,0.00793,-0.00187,-0.03965,-0.08316,0.0645,0.02658,0.04003,0.05346,-0.01481,0.00211,-0.00503,0.01564,-0.00994,0.0196,-0.04535,0.08207,0.04947,0.08212,-0.078,0.06907,-0.09489,-0.02968,-0.05413,-0.05065,0.04926,-0.03815,-0.02261,-0.02508,-0.03093,0.052,-0.00492,-0.0351,-0.02936,0.02511,-0.06081,-0.00988,-0.06474,0.0792,0.03996,0.04139,-0.02597,-0.01236,0.10682,0.00712,-0.05934,-0.02005,0.01859,0.03335],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK This article looks at the drag-and-drop engine behind Foblex Flow and why custom interaction infrastructure was necessary for Angular node editors beyond simple list dragging. Without a well-designed drag-and-drop system, the entire editor turns into a static image. That’s why, during the development of Foblex Flow, we decided to build our own engine for handling events and drag sessions. 🛠 Sources","excerpt":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK This article looks at the drag-and-drop engine behind Foblex Flow and why custom interaction infrastructure was necessary for Angular node editors beyond simple list dragging. Without a well-designed drag-and-drop system, the entire editor turns into a static image. That’s why, during the development of Foblex Flow, we decided to build our own engine for handling events and drag sessions. 🛠 Sources"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#1","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.13963,0.04091,-0.07268,0.08329,0.0074,0.0504,0.01031,0.0835,0.05236,0.03602,-0.06857,-0.04616,-0.06821,-0.00937,0.03634,-0.01283,0.00793,0.02595,-0.06095,0.04972,-0.04365,-0.10737,-0.00786,-0.03054,-0.05095,0.00396,0.00669,-0.0477,0.05014,-0.07645,0.07939,0.12024,-0.03439,0.01524,-0.08524,0.10958,-0.0085,-0.05295,-0.09587,-0.09154,0.08066,0.03875,-0.00843,-0.00711,-0.06627,-0.02223,-0.01762,0.04271,-0.06464,0.06168,0.00146,-0.06261,-0.02671,0.06844,-0.02659,0.01956,0.01331,-0.05071,-0.01375,0.03021,0.00395,-0.01376,0.0015,0.04354,0.00192,0.01979,-0.08121,0.04674,0.00713,-0.02728,0.02406,-0.05959,0.01975,0.01113,-0.02005,-0.06699,-0.05484,0.0564,-0.02303,-0.01973,0.06755,0.01733,-0.01432,0.05924,-0.01041,0.1346,-0.01559,-0.0312,-0.04798,-0.02697,0.03903,0.09047,0.04236,-0.02369,0.04092,0.01992,0.03135,-0.03622,-0.06363,0.02604,0.00171,-0.03045,0.03153,0.01692,-0.06196,-0.06842,0.00079,-0.05921,-0.07482,-0.00731,-0.03936,0.05656,0.00393,-0.06756,-0.04185,-0.00755,-0.03764,-0.04822,0.06609,0.06117,-0.03201,-0.01429,0.00357,0.013,0.10242,0.00643,-0.05867,0,-0.04206,-0.00767,-0.01925,-0.01265,0.06793,-0.07219,0.05454,-0.07636,-0.03774,-0.02002,0.03629,0.02716,-0.01973,0.04606,0.05017,-0.04868,-0.08338,0.04427,0.05798,-0.02508,0.04057,-0.06262,-0.03778,0.04715,0.04034,0.06165,-0.02261,-0.01195,-0.00387,0.03634,-0.01546,0.01487,-0.01726,0.03763,-0.0644,0.03785,-0.07712,-0.06184,-0.02073,0.00117,-0.03143,-0.04757,-0.13359,0.00999,-0.03353,-0.01876,-0.0119,0.00997,0.0082,-0.01245,0.06709,0.04024,0.04984,0.00735,0.11924,-0.05266,-0.01552,0.05357,0.07383,0.02208,0.04433,0.06123,-0.055,-0.02698,0.04254,0.06186,-0.00098,0.03357,0.03175,-0.07635,-0.02776,0.06496,0.00292,0.00497,0.10705,-0.01086,-0.02486,-0.06914,0.02534,-0.02403,-0.01262,-0.00693,-0.02314,0.02014,0.09233,-0.06235,0.01509,-0.02245,-0.12301,-0.02891,0.08624,-0.01489,0.01357,0.00902,0.04658,0,-0.0106,0.0301,-0.01473,0.09832,0.07732,-0.01929,0.02148,-0.00617,0.07526,0.00884,-0.04088,0.08354,-0.03185,0.00696,-0.01494,0.0107,-0.07474,-0.13752,0.03191,-0.08698,0.09319,-0.01119,-0.00427,0.05393,-0.10848,-0.00777,-0.07284,0.03788,0.03793,-0.05174,-0.01819,-0.02142,-0.0206,-0.02215,-0.0068,-0.04397,-0.02448,0.15164,-0.00362,-0.04499,-0.05739,-0.04374,-0.03275,0.0255,-0.01272,-0.00695,-0.09766,0.00132,0.03583,0.02734,-0.0596,0.03643,-0.04541,-0.00492,-0.00456,0.01311,0.09412,-0.00746,0.0056,0.01611,-0.00157,-0.081,0.00789,0.01241,0.04747,0.01311,-0.01752,0.01981,0.02357,0.07419,0.03648,0.02493,-0.01589,0.00581,0.0443,0.03594,0.14598,-0.06371,0.05362,-0.00027,-0.09086,0.10587,0.03278,-0.02391,-0.00781,0.05728,-0.05915,-0.056,0.0889,0.0524,-0.03269,0.04103,0.04818,-0.00104,-0.02807,0,-0.10027,0.00303,-0.03687,0.00894,0.03376,-0.00487,-0.03549,0.05044,0.03823,-0.04924,0.05166,0.04783,0.01633,0.06677,0.07603,0.00623,0.04252,-0.00332,-0.02905,-0.05201,0.09094,0.03836,0.04843,0.05275,-0.02113,-0.04663,-0.03777,-0.01846,0.00392,0.0034,-0.04002,0.07469,0.05174,0.14767,-0.06445,0.02622,-0.10544,0.01461,-0.06669,-0.01779,0.09456,-0.00677,-0.0478,-0.03878,-0.02845,0.02651,-0.002,-0.0673,0.01387,0.04713,-0.05132,0.00617,-0.08773,0.06692,0.03769,0.05304,-0.05662,0.03117,0.09471,-0.04332,-0.09307,-0.01986,0.01196,0.04607],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🎯 Why Build a Custom Engine At first glance, it might seem sufficient to use Angular CDK DragDrop. But in practice, its limitations became clear: - Designed for simple scenarios. CDK solves the “drag a card into a list” problem. But in a node-based editor, you need much more: resize, rotate, connections, multi-selection, canvas dragging. - Lacks extensibility. Adding new behaviors (like dropping into a group) is difficult — there’s no built-in plugin architecture. So we decided: 👉 We need a custom engine where we have full control over: - event handling, - the lifecycle of a drag session, - plugin-based extensibility, - and a zoneless architecture for performance. Drag Drop","excerpt":"🎯 Why Build a Custom Engine At first glance, it might seem sufficient to use Angular CDK DragDrop. But in practice, its limitations became clear: - Designed for simple scenarios. CDK solves the “drag a card into a list” problem. But in a node-based editor, you need much more: resize, rotate, connections, multi-selection, canvas dragging. - Lacks extensibility. Adding new behaviors (like dropping into a group) is difficult — there’s no built-in plugin architecture. So we decided: 👉 We need a custom engine where we have full control over: - event handling, - the lifecycle of a drag session, - plugin-based extensibility, - and a zoneless architecture for performance."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#2","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.1172,0.00809,-0.00006,0.04153,0.05095,0.05884,0.06632,0.0608,0.08667,0.03413,-0.02928,-0.02,-0.08269,0.00966,0.03511,-0.01926,-0.03134,-0.00741,-0.06252,0.08434,-0.02244,-0.13524,-0.02353,-0.06231,-0.04019,-0.00047,0.04372,-0.07795,0.07845,-0.03357,-0.00777,0.03853,-0.05433,-0.02453,-0.13145,0.03686,-0.02771,-0.05372,-0.05845,-0.07103,0.09556,-0.00512,0.01877,-0.04057,-0.05794,-0.00262,0.00311,0.05443,-0.05307,0.10481,-0.00186,-0.00514,0.04325,0.04995,0.00158,0.04082,0.05559,-0.03393,0.01442,0.03735,-0.04736,0.00579,-0.02909,0.01545,0.08406,-0.03077,-0.06582,0.02998,-0.01958,-0.04953,0.00884,-0.02594,0.05235,0.04311,0.04347,-0.08151,-0.09068,0.10388,-0.03733,0.00748,0.10649,0.00635,0.00223,0.02203,0.01793,0.13853,-0.03426,-0.03455,-0.05363,-0.00965,0.02358,0.04807,0.00408,0.01038,0.05415,-0.01442,-0.01203,-0.01931,-0.07458,0.01074,0.01708,-0.04819,-0.03315,0.05396,-0.03746,-0.05221,-0.04937,-0.11942,-0.07924,0.00922,-0.02154,-0.01664,-0.02152,-0.01227,-0.07356,-0.01654,-0.06302,0.01229,0.08761,-0.00214,-0.03807,0.02985,0.00241,-0.03082,0.07133,-0.03744,0.00372,0,-0.042,-0.01558,-0.09273,-0.05575,0.03427,-0.02725,0.0408,-0.08675,-0.00091,-0.01767,0.02811,-0.03323,-0.00673,0.01713,0.0429,-0.04409,-0.0522,0.05732,0.02392,0.01837,0.04099,-0.04521,-0.05223,0.0141,0.06591,0.07635,-0.07992,0.03338,-0.02914,0.03711,0.00406,0.05557,-0.02625,-0.0374,-0.04072,0.0039,-0.02726,-0.08079,-0.00169,-0.03809,-0.01881,-0.09388,-0.11887,0.01725,-0.0369,-0.05657,-0.04459,-0.02701,0.0284,-0.0533,0.00724,0.01149,0.09491,-0.03497,0.09466,-0.02726,-0.03544,0.05407,0.05994,0.04002,0.04147,0.07877,-0.03422,-0.04599,0.0138,0.05322,-0.00739,-0.01731,0.05536,-0.06638,-0.01352,0.03913,0.00825,0.01438,0.0744,0.01571,-0.04866,-0.00136,0.07909,-0.02913,-0.03415,-0.00767,0.04563,0.03681,0.07708,-0.07013,-0.03165,-0.03123,-0.09021,-0.02016,0.11506,-0.02317,-0.05245,-0.03966,0.02823,0,-0.0427,0.07791,-0.04273,0.06692,-0.03546,-0.01889,0.04086,0.00976,0.01761,0.03114,-0.00686,0.10618,-0.03392,0.01203,0.00744,0.06766,-0.04977,-0.06489,0.0022,-0.12451,0.1141,-0.03727,0.0378,0.02136,-0.11368,-0.04446,0.0464,0.02553,0.02766,-0.06199,-0.02602,0.03054,-0.03229,-0.02409,0.00675,-0.06527,0.00283,0.05741,0.03159,-0.0488,0.00707,-0.01691,0.05009,0.01032,-0.03891,0.0097,-0.09504,0.03918,0.08207,0.01555,-0.05869,0.01907,-0.00869,-0.02359,-0.0038,0.02796,0.09036,-0.02359,0.00433,0.01509,0.05545,-0.03568,-0.02815,0.04472,0.08036,0.05793,-0.00861,0.03587,0.04187,0.09641,0.02546,0.06672,0.00179,-0.04142,0.04088,0.08588,0.16998,-0.01034,0.04345,-0.05671,-0.02083,0.07913,0.02407,-0.03877,0.03531,0.09119,-0.08357,-0.04774,0.06363,0.03983,-0.06772,-0.01561,0.00235,0.01932,-0.00823,0,-0.09971,0.02161,0.00567,-0.03223,0.01419,0.03178,-0.06273,0.00859,0.02719,-0.07222,-0.09258,0.07494,0.03452,0.04728,0.09853,0.02009,0.01112,0.00987,-0.0494,-0.0372,0.10164,0.00885,0.07017,0.0665,0.00438,-0.02997,-0.03882,0.05482,-0.02176,-0.03845,-0.02636,0.05839,0.00395,0.05828,-0.04692,0.05828,-0.07338,-0.04608,-0.02295,-0.01458,0.07282,-0.05456,-0.02131,-0.01617,-0.02026,0.03863,-0.02501,-0.0401,-0.01726,0.02469,-0.11078,0.04353,-0.08388,0.07708,0.03672,0.0136,-0.08752,0.00123,0.07807,-0.0212,-0.02419,0.00586,0.01321,0.03067],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. ⚡ Unified Event Interface One of our core principles is that — whether it’s a mouse or touch input — the event should look the same higher up the stack. To achieve this, we introduced the following interface: `ts export abstract class IPointerEvent { public get originalEvent(): MouseEvent TouchEvent { return this.event; } public get targetElement(): HTMLElement { return this.target this.originalEvent.target as HTMLElement; } protected constructor( private readonly event: MouseEvent TouchEvent PointerEvent, private target?: HTMLElement ) {} I Pointer Event original Event Mouse Event Touch Event target Element HTML Element Pointer Event","excerpt":"⚡ Unified Event Interface One of our core principles is that — whether it’s a mouse or touch input — the event should look the same higher up the stack. To achieve this, we introduced the following interface: `ts export abstract class IPointerEvent { public get originalEvent(): MouseEvent TouchEvent { return this.event; } public get targetElement(): HTMLElement { return this.target this.originalEvent.target as HTMLElement; } protected constructor( private readonly event: MouseEvent TouchEvent PointerEvent, private target?: HTMLElement ) {}"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#3","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.06895,0.01898,-0.03336,0.06851,0.05757,0.08748,0.04671,0.03177,0.12204,0.07262,-0.03139,-0.02616,-0.09164,-0.01269,0.00901,-0.01773,-0.0079,-0.03638,-0.08755,0.08261,-0.02406,-0.13932,-0.0186,0.00783,-0.03969,0.00725,0.01246,-0.07272,0.07509,-0.02431,-0.01621,0.0753,-0.03917,-0.00077,-0.08079,0.07782,0.01825,-0.01893,-0.05752,-0.06711,0.09202,-0.00265,-0.0002,-0.04263,-0.03685,0.01319,-0.00709,0.06637,-0.06,0.09413,0.01936,0.00941,0.01357,0.05029,0.0064,0.06565,0.06093,-0.07051,0.01607,0.0186,-0.02595,-0.00029,-0.02139,0.04481,0.04074,-0.01671,-0.06648,0.031,-0.00095,-0.04714,0.05775,-0.03068,0.04335,0.06813,0.02998,-0.06119,-0.05156,0.08342,-0.02665,-0.008,0.08927,-0.01767,0.01552,0.02106,0.00751,0.1363,-0.03865,0.00392,-0.03797,-0.01131,0.01331,0.05663,0.04207,-0.00581,0.09667,0.00462,0.00549,-0.00618,-0.06921,0.02678,0.02547,-0.04565,-0.03725,0.01147,-0.00434,-0.06829,0.00933,-0.13096,-0.0711,-0.00176,-0.04126,-0.01543,0.04206,-0.0454,-0.06231,-0.01141,-0.04002,0.02675,0.04698,-0.02352,-0.02566,0.01136,0.02268,0.00063,0.08693,-0.01348,-0.01421,0,-0.00428,-0.02556,-0.072,-0.02142,0.03661,-0.00816,0.05179,-0.09157,0.01145,0.01478,0.02966,-0.04647,0.00079,0.00765,0.00611,-0.07884,-0.04059,0.03198,0.02559,-0.02896,0.01019,-0.04324,-0.10877,0.0332,0.02124,0.09108,-0.08426,0.03403,-0.01243,0.04148,-0.02419,0.03763,-0.04194,-0.01433,-0.03941,0.01202,-0.04997,-0.10781,0.01956,-0.04275,-0.04766,-0.05273,-0.1353,-0.02727,-0.06127,-0.03892,-0.02248,0.00047,-0.00473,-0.06212,0.05784,0.02924,0.0789,-0.04521,0.09164,-0.00191,0.02134,0.04689,0.05164,0.04597,0.04741,0.05886,-0.05132,-0.04083,0.04642,0.05884,-0.01145,-0.041,0.09637,-0.06867,-0.05309,0.02499,-0.02149,0.00817,0.09306,0.00734,-0.03212,-0.02766,0.06272,-0.03513,-0.01204,0.01347,0.00353,0.05009,0.07309,-0.05734,-0.02361,-0.02548,-0.12219,-0.04723,0.11996,-0.0298,-0.02238,-0.02672,0.03522,0,-0.03609,0.07251,-0.02038,0.06022,-0.0092,-0.00145,0.02654,-0.03108,0.06145,-0.00826,0.01397,0.06464,-0.06354,0.00441,0.00587,0.05398,-0.03512,-0.10723,0.0091,-0.13149,0.12746,-0.03663,0.00903,0.00303,-0.09602,-0.05844,0.02449,0.05203,0.04581,-0.0635,-0.0431,-0.02559,-0.03686,-0.03131,-0.00302,-0.07577,0.00882,0.07454,-0.02792,-0.05945,-0.04409,-0.01599,0.02046,0.02412,-0.03145,0.04213,-0.08085,0.05527,0.05602,0.02412,-0.09958,-0.01989,-0.03861,0.01247,-0.00604,0.00281,0.07886,-0.04675,-0.01207,0.00239,0.01024,-0.03759,0.01351,0.04876,0.07773,0.08027,-0.00428,0.04454,0.03194,0.05357,0.06084,0.00996,-0.00388,-0.03632,0.05194,0.07816,0.14639,-0.03992,0.05776,-0.02251,-0.0299,0.07835,0.01918,-0.02999,0.01233,0.06522,-0.03855,-0.04554,0.03509,0.06329,-0.09246,0.00563,0.04324,0.02092,-0.03947,0,-0.12633,0.02883,-0.00375,-0.0483,0.05675,0.01276,-0.05419,0.00828,0.03903,-0.04735,-0.0497,0.07053,0.02974,0.05265,0.06448,-0.01391,0.00796,-0.03514,-0.03466,-0.00864,0.12705,0.00152,0.04353,0.05758,0.01291,-0.04491,-0.02326,0.05567,0.01907,0.01261,-0.04113,0.06217,0.04115,0.08497,-0.07354,0.06936,-0.08633,-0.00008,-0.00387,0.00291,0.10219,-0.04987,-0.03405,-0.02434,-0.01871,0.05532,-0.00794,-0.05319,-0.04928,0.01546,-0.11377,0.02217,-0.06799,0.07168,0.01891,-0.01315,-0.06236,0.01174,0.09194,-0.02181,-0.0596,0.01518,0.01441,0.00891],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. public setTarget(target: HTMLElement): void { this.target = target; } public abstract isMouseLeftButton(): boolean; public abstract isMouseRightButton(): boolean; public preventDefault(): void { this.originalEvent.preventDefault(); } public abstract getPosition(): { x: number, y: number }; public get isEventInLockedContext(): boolean { return this.targetElement.closest('[fLockedContext]') !== null; } } ` Now, all logic in the editor operates with a unified event object. Advantages of this approach: set Target HTML Element is Mouse Left Button is Mouse Right Button prevent Default original Event get Position is Event In Locked Context target Element f Locked Context","excerpt":"public setTarget(target: HTMLElement): void { this.target = target; } public abstract isMouseLeftButton(): boolean; public abstract isMouseRightButton(): boolean; public preventDefault(): void { this.originalEvent.preventDefault(); } public abstract getPosition(): { x: number, y: number }; public get isEventInLockedContext(): boolean { return this.targetElement.closest('[fLockedContext]') !== null; } } ` Now, all logic in the editor operates with a unified event object. Advantages of this approach:"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#4","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.09602,0.03754,-0.05277,0.04446,0.04969,0.04701,0.02216,0.08872,0.08646,0.04448,-0.03039,-0.01677,-0.0595,-0.02092,0.04647,-0.00966,-0.03271,0.00918,-0.08066,0.03644,-0.08137,-0.11728,-0.04265,-0.01551,-0.04476,0.01192,0.03535,-0.04429,0.06821,-0.05128,0.05673,0.06963,-0.03409,-0.02518,-0.11315,0.05315,0.02462,-0.05769,-0.06205,-0.08727,0.09382,-0.00168,0.01393,-0.01636,-0.06762,0.0053,-0.01396,0.06668,-0.08549,0.07644,-0.01361,-0.07303,-0.03806,0.10156,-0.01391,0.00446,0.03244,-0.03093,0.04321,-0.00232,-0.02056,-0.00409,-0.01582,0.05728,0.00937,-0.01113,-0.10807,-0.00846,0.00088,-0.04554,0.01761,-0.04438,0.04732,0.05513,0.00862,-0.10613,-0.07793,0.0904,-0.03091,0.01114,0.08381,0.04345,0.01181,0.05678,-0.01828,0.12791,-0.04226,-0.0115,-0.04503,-0.05348,0.05177,0.04921,0.02209,0.00754,0.03576,0.01262,-0.02178,-0.0254,-0.08374,0.0283,0.00217,-0.05829,-0.00729,0.08889,-0.04448,-0.05045,-0.03175,-0.06517,-0.07155,-0.00512,-0.02936,-0.00212,-0.01511,-0.06564,-0.03866,0.03001,-0.07617,-0.01396,0.04497,0.02275,-0.03151,-0.00811,-0.02479,-0.03978,0.0986,0.0106,-0.00563,0,-0.01446,0.03533,-0.09517,-0.00931,0.07607,-0.02929,0.04278,-0.09242,0.01344,-0.01884,0.04333,0.0362,-0.0141,0.01735,0.03648,-0.06014,-0.05476,0.03369,0.03829,0.01329,0.0492,-0.06678,-0.0397,0.09039,0.08454,0.09767,-0.03219,0.03506,-0.05455,0.02404,0.00566,0.02211,0.00613,-0.04516,-0.03664,-0.00989,-0.07867,-0.08781,-0.04285,-0.01979,-0.018,-0.0528,-0.15213,0.01282,-0.02872,-0.04073,-0.01756,-0.02,0.04091,-0.04759,0.05776,0.05105,0.08363,0.01142,0.13511,-0.01475,-0.00857,0.03932,0.0508,0.02977,0.05463,0.02587,-0.02421,-0.03006,0.04376,0.04773,-0.01133,0.01385,0.08507,-0.05807,-0.05139,0.05422,0.02118,0.03177,0.0436,-0.0101,-0.0326,-0.03155,0.06347,-0.00107,-0.02755,-0.01879,0.02797,0.08608,0.08137,-0.07906,-0.02705,-0.02881,-0.13228,-0.0135,0.10327,0.0206,0.00424,-0.0079,0.04099,0,-0.03938,0.02737,-0.04045,0.07612,0.0009,-0.02231,0.03813,0.0185,0.0596,0.03918,-0.00522,0.07859,-0.03404,0.0262,0.01247,0.05266,-0.08425,-0.09686,0.02423,-0.1018,0.0852,0.00121,-0.00161,-0.01414,-0.11742,-0.01471,0.01011,0.02565,0.02043,-0.04965,-0.0522,0.0076,-0.0258,-0.0123,0.01406,-0.08169,-0.0043,0.0651,0.01802,-0.12207,0.00655,0.00762,0.01128,0.02998,-0.06859,0.02231,-0.06981,0.03292,0.03904,0.00089,-0.08218,0.00437,-0.04461,0.01189,-0.01272,0.02073,0.08334,0.01339,0.00784,0.02619,0.02083,-0.05579,-0.01365,0.02026,0.06764,0.06844,-0.01707,0.01751,0.03653,0.08549,0.04465,0.01969,-0.02144,-0.02451,0.02536,0.08159,0.14747,-0.04447,0.05348,-0.00931,-0.06973,0.06914,0.00755,-0.00727,0.02831,0.11111,-0.09827,-0.05978,0.06519,0.05623,-0.0813,0.00593,0.03881,0.01972,0.00504,0,-0.09816,0.0265,-0.04534,-0.01898,0.04235,0.02559,-0.03016,0.04066,0.02139,-0.04222,-0.04565,0.03607,0.03462,0.047,0.07513,0.0179,-0.00332,0.00778,-0.04021,-0.07081,0.09703,0.04062,0.06759,0.0399,-0.00203,-0.02847,-0.02339,0.06705,-0.00179,-0.04079,-0.03122,0.0514,0.03815,0.05685,-0.04548,0.03146,-0.07726,-0.02586,-0.01376,-0.05808,0.0823,-0.05385,-0.02174,-0.03837,-0.08991,0.04983,-0.0021,-0.02089,-0.01918,0.03595,-0.07577,-0.00844,-0.07301,0.0547,0.0685,0.04893,-0.04544,-0.0047,0.07499,-0.02658,-0.03562,-0.01598,0.00682,-0.00546],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. - A consistent API across modules (move, resize, rotate); - Simplified support for new input types and devices; - Fewer bugs related to platform inconsistencies. ::: ng-component <custom-event-triggers</custom-event-triggers [height]=\"600\" ::: Unified Event Interface","excerpt":"- A consistent API across modules (move, resize, rotate); - Simplified support for new input types and devices; - Fewer bugs related to platform inconsistencies. ::: ng-component <custom-event-triggers</custom-event-triggers [height]=\"600\" ::: Unified Event Interface"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#5","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.13053,0.02652,-0.08574,0.0232,0.03408,0.03131,0.01739,0.05971,0.0717,0.02765,-0.03211,-0.04555,-0.06511,-0.02004,0.03346,-0.01307,-0.0412,0.01847,-0.04195,0.06309,-0.02792,-0.09113,-0.03994,-0.0404,-0.01642,0.02175,0.02338,-0.02837,0.05914,-0.07419,0.06503,0.10957,-0.02967,0.04041,-0.1269,0.08252,0.01149,-0.06149,-0.0723,-0.08088,0.04712,0.02737,-0.01659,-0.00351,-0.06775,-0.01059,-0.01166,0.04603,-0.047,0.0625,-0.0287,-0.05437,-0.04697,0.12971,-0.04102,0.03789,0.01526,-0.00003,0.00384,0.06522,-0.00076,-0.0064,-0.00162,0.06041,0.06466,-0.00327,-0.12726,0.03051,-0.01273,-0.05403,0.00082,-0.0503,0.06018,0.00266,0.017,-0.07674,-0.02775,0.06706,-0.01507,-0.04759,0.06893,0.05106,-0.01731,0.05707,-0.03301,0.12555,-0.02988,-0.05387,-0.06678,-0.02906,0.05825,0.06018,0.01047,0.0021,0.05691,-0.01457,-0.00278,-0.01981,-0.09416,0.03488,-0.00173,-0.08113,0.04805,0.05756,-0.06986,-0.07769,0.00394,-0.04244,-0.07788,-0.02113,-0.05034,0.04712,-0.00114,-0.07841,-0.0607,-0.00701,-0.04884,-0.03894,0.09496,0.02079,-0.04356,-0.00986,0.01347,-0.02415,0.06526,-0.03648,-0.02691,0,-0.03929,0.00926,-0.05982,-0.00927,0.044,-0.07012,0.07037,-0.11003,-0.01922,-0.00394,0.01326,0.02901,-0.01021,0.07,0.0218,-0.06783,-0.07417,0.02496,0.05378,0.0134,0.09447,-0.05521,-0.01183,0.04555,0.08412,0.09841,-0.01047,-0.00266,-0.05744,0.05596,0.02956,0.03413,-0.01759,-0.00356,-0.02618,0.01432,-0.04482,-0.06551,-0.01559,-0.01597,-0.02239,-0.07022,-0.12762,0.04369,-0.03448,-0.04564,-0.02513,-0.00533,0.03145,-0.00007,0.07176,0.01646,0.05169,0.02041,0.12579,-0.03864,-0.03049,0.04287,0.06243,0.03594,0.07437,0.04424,-0.06829,-0.04689,0.02091,0.07149,-0.02628,0.01673,0.07934,-0.07813,-0.08377,0.0564,0.05666,0.04685,0.06111,-0.01389,-0.06709,-0.03428,0.04851,0.00901,-0.04851,0.01337,-0.01052,0.05649,0.06485,-0.03586,0.01012,-0.061,-0.11473,-0.01085,0.0912,-0.00895,-0.00491,-0.01009,0.055,0,-0.03239,0.03147,-0.04937,0.06966,0.03617,-0.03022,0.03876,0.02746,0.06085,0.04005,-0.00095,0.08872,-0.03956,0.00091,0.03449,0.03315,-0.0652,-0.12988,0.00634,-0.08845,0.06724,-0.0339,0.0183,-0.00883,-0.10249,0.00034,-0.02228,0.05566,0.04897,-0.04566,-0.00298,-0.0062,-0.03194,-0.03158,-0.0044,-0.05027,-0.01924,0.07181,-0.00829,-0.10838,-0.01543,-0.02698,-0.01314,0.03138,-0.04886,0.02401,-0.08797,-0.00067,-0.00274,-0.01871,-0.0213,0.01799,-0.04536,-0.02457,-0.01085,0.05296,0.0676,0.03911,0.03492,0.0237,0.04056,-0.06828,-0.00336,0.01163,0.06486,0.03452,-0.00346,0.03928,0.01081,0.10792,0.04347,0.02025,-0.02136,-0.01527,0.07305,0.03382,0.10893,-0.02017,0.04132,0.00589,-0.04949,0.08682,-0.01208,0.04329,0.06275,0.05914,-0.08258,-0.08798,0.04733,0.01598,-0.03988,0.02838,0.02554,0.01415,-0.01592,0,-0.08578,0.00029,-0.02183,-0.04981,0.01906,0.02783,-0.02298,0.07123,0.03051,-0.05941,-0.00655,0.05954,0.00678,0.03936,0.0553,0.01785,0.0027,-0.00833,-0.01823,-0.10405,0.06613,0.05246,0.0481,0.06861,0.01757,0.00574,-0.01383,0.0057,0.00044,0.02114,-0.03411,0.08689,0.03887,0.07263,-0.03615,0.08554,-0.07374,0.00096,-0.07742,-0.03489,0.06511,-0.04672,0.00176,-0.03512,-0.04537,0.05261,-0.01745,-0.05522,-0.04268,-0.01184,-0.06171,0.02526,-0.11064,0.08581,0.01696,0.02022,-0.06511,-0.04176,0.08389,-0.00952,-0.09537,-0.00778,0.0248,0.04059],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🧩 Three-Layer Architecture Drag-and-drop in Foblex Flow is structured in layers:","excerpt":"🧩 Three-Layer Architecture Drag-and-drop in Foblex Flow is structured in layers:"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#6","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.11055,0.02195,-0.08681,0.04565,0.04985,0.0525,0.06795,0.08738,0.07395,0.03912,-0.04532,-0.01956,-0.0677,-0.00106,-0.00951,-0.02792,-0.0009,-0.00518,-0.07936,0.05775,0.00908,-0.08852,-0.03737,-0.02877,-0.04732,-0.00672,0.00516,-0.09358,0.03436,-0.07617,0.03979,0.07673,-0.01789,-0.00722,-0.15403,0.05184,0.05123,-0.0697,-0.06815,-0.06815,0.04338,0.0115,-0.01578,-0.02899,-0.09367,0.01975,0.01302,0.06887,-0.10743,0.09867,-0.00988,-0.00433,-0.0344,0.13843,0.03206,0.00046,0.04932,-0.01339,-0.01245,0.0581,-0.04399,-0.02683,-0.03754,0.01258,0.04424,-0.02962,-0.09961,-0.02887,0.03711,-0.06739,-0.00295,-0.05409,0.03652,0.01601,0.00793,-0.07752,-0.03376,0.11277,0.00794,-0.04893,0.09664,0.03594,0.02108,0.02466,-0.01944,0.10792,-0.04488,-0.00296,-0.02258,-0.01473,0.03316,0.10615,-0.0327,-0.00726,0.02237,0.01155,0.00972,-0.03974,-0.04613,0.04178,0.0055,-0.03742,0.03144,0.03328,-0.06928,-0.08646,0.01699,-0.07238,-0.07014,0.01198,-0.03576,0.00602,-0.00398,-0.05994,-0.05472,0.00046,-0.04308,-0.00631,0.06918,0.04244,-0.07384,0.03764,0.04426,-0.02459,0.10441,-0.01778,-0.08152,0,-0.03337,0.00298,-0.08071,-0.00723,0.00133,-0.04308,0.06523,-0.04813,0.03887,0.01962,0.01782,0.03231,0.00092,0.02936,0.02743,-0.10541,-0.04503,-0.01143,0.0326,-0.00223,0.08356,-0.0323,-0.01126,0.06535,0.10608,0.05497,-0.03297,0.02013,-0.01745,0.05425,0.01392,0.03816,-0.04476,-0.05153,-0.00135,0.02115,-0.06893,-0.06572,-0.03798,-0.01995,-0.00749,-0.06774,-0.12992,0.01387,-0.05179,-0.04703,-0.05607,-0.03899,0.05177,0.0083,0.03966,-0.018,0.07358,-0.01089,0.08482,-0.00889,-0.06016,0.04991,0.05466,0.05347,0.06667,0.02473,-0.02954,-0.05329,0.02071,0.02156,0.00816,0.01623,0.05464,-0.07322,-0.06663,0.03607,0.05984,0.02186,0.0523,0.00619,-0.00087,-0.03809,0.02854,-0.06765,0.00432,0.00233,0.04738,0.02752,0.05818,-0.06561,-0.02863,-0.049,-0.10407,-0.03473,0.06587,-0.00478,-0.01961,-0.01074,0.04292,0,0.01035,0.01461,-0.05309,0.08298,0.00472,-0.00862,0.00473,-0.01199,0.06319,-0.003,-0.04658,0.08455,-0.05278,0.00924,0.00841,0.00976,-0.04586,-0.12746,-0.01105,-0.07066,0.02589,-0.03132,0.01298,0.01135,-0.09098,0.00703,0.01043,0.02281,0.05409,-0.02023,-0.00026,-0.00468,-0.04422,-0.0251,-0.01757,-0.10072,0.01826,0.08494,0.00413,-0.08425,0.03034,0.03004,0.04649,0.00164,-0.0327,0.03371,-0.10572,-0.00284,0.03433,0.01374,-0.03468,0.00066,-0.065,0.05891,-0.02087,0.01167,0.13867,0.01682,-0.01895,0.06403,0.03264,-0.03456,-0.02973,-0.0077,0.06203,0.05873,-0.00042,0.00611,0.0731,0.13068,0.02369,-0.0209,0.01472,-0.02162,0.05098,0.07866,0.14125,-0.06416,0.00684,-0.01783,0.02462,0.07446,-0.00161,0.01404,0.02528,0.02828,-0.10502,-0.09336,0.06487,0.00976,-0.03445,-0.01074,0.01181,-0.00181,-0.00879,0,-0.09165,-0.00214,-0.04096,-0.01972,0.05659,0.02924,-0.03284,0.04379,0.02514,-0.07425,-0.0175,0.02155,0.02547,-0.00422,0.10551,0.01623,0.06068,0.00781,-0.04471,-0.02198,0.03973,0.01934,0.01756,0.04442,-0.00215,-0.03555,0.01469,0.01508,0.01922,0.00719,-0.04287,0.1181,0.03792,0.03525,-0.07933,0.0911,-0.0374,-0.02277,-0.03598,0.01441,0.10353,0.00837,-0.01669,-0.06165,-0.05492,0.01862,-0.01742,-0.04787,-0.01012,0.05016,-0.08793,0.10221,-0.05296,0.11343,-0.03073,0.04257,-0.04793,-0.03482,0.08596,-0.03066,-0.02562,-0.01984,0.05854,0.02239],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. - DragAndDropBase — a low-level class. It subscribes to the document, listens for mousedown / touchstart / pointer events, checks the movement threshold, and initiates a drag session. It also handles screen reader protection and synthetic event filtering. - FDraggableBase — an abstraction for Angular directives. It defines the contract: which events are available (fDragStarted, fDropToGroup, fCreateConnection, etc.) and which inputs are supported (fNodeMoveTrigger, fCellSizeWhileDragging). - FDraggableDirective — the actual directive applied to \\<f-flow. It connects the low-level drag engine to the Angular app, uses FMediator to dispatch all \\Request actions and emit corresponding \\Event outputs. Drag And Drop Base F Draggable Base f Drag Started f Drop To Group f Create Connection f Node Move Trigger f Cell Size While Dragging F Draggable Directive F Mediator","excerpt":"- DragAndDropBase — a low-level class. It subscribes to the document, listens for mousedown / touchstart / pointer events, checks the movement threshold, and initiates a drag session. It also handles screen reader protection and synthetic event filtering. - FDraggableBase — an abstraction for Angular directives. It defines the contract: which events are available (fDragStarted, fDropToGroup, fCreateConnection, etc.) and which inputs are supported (fNodeMoveTrigger, fCellSizeWhileDragging). - FDraggableDirective — the actual directive applied to \\<f-flow. It connects the low-level drag engine to the Angular app, uses FMediator to dispatch all \\Request actions and emit corresponding \\Event outputs."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#7","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.12237,0.04637,-0.06018,0.03429,0.06796,0.03078,0.01965,0.05921,0.08828,0.01604,-0.04389,-0.03252,-0.08185,-0.02582,0.0318,-0.01024,-0.02335,0.02037,-0.04029,0.06806,-0.03671,-0.10252,-0.04968,-0.03371,-0.02057,0.03459,0.0354,-0.02702,0.07305,-0.07072,0.07419,0.09046,-0.01068,0.03041,-0.16967,0.08378,0.02033,-0.06809,-0.08943,-0.09623,0.05204,0.02594,-0.01322,-0.00874,-0.06652,-0.02054,-0.02256,0.03001,-0.07154,0.07756,-0.02317,-0.05805,-0.03327,0.12204,-0.04037,0.03147,0.01745,-0.02001,0.00807,0.05432,-0.02324,-0.00094,-0.00833,0.0674,0.06733,-0.01843,-0.11892,0.03251,0.01148,-0.06837,0.01513,-0.04427,0.05906,0.01121,0.01154,-0.08961,-0.07013,0.05731,-0.01586,-0.00704,0.08841,0.04513,-0.01246,0.04699,-0.0263,0.13158,-0.01531,-0.03504,-0.07909,-0.03194,0.0452,0.05441,0.02366,0.01486,0.04718,0.01332,-0.00386,-0.02535,-0.0889,0.03611,0.00871,-0.0643,0.03054,0.03867,-0.07762,-0.07224,-0.00305,-0.04679,-0.07496,-0.02332,-0.04781,0.03489,-0.02506,-0.07987,-0.05632,-0.00761,-0.03987,-0.0209,0.06384,0.02568,-0.03465,0.01225,0.00794,-0.02121,0.09321,-0.03945,-0.01862,0,-0.02812,-0.00134,-0.07987,-0.00713,0.04933,-0.04253,0.06816,-0.1002,-0.00103,0.01303,0.03015,0.0431,-0.00391,0.04578,0.02922,-0.05728,-0.07397,0.03157,0.05826,0.01007,0.07288,-0.05671,-0.03145,0.06974,0.07188,0.0908,-0.0155,0.01036,-0.06602,0.04534,0.02765,0.03648,-0.02229,-0.01153,-0.00929,0.02745,-0.03812,-0.07025,-0.00903,-0.03466,-0.02689,-0.0759,-0.14164,0.05245,-0.04633,-0.04677,-0.03104,-0.02483,0.03181,-0.00835,0.05899,0.0167,0.08316,0.02532,0.11449,-0.02852,-0.02029,0.0348,0.04921,0.03374,0.08053,0.03657,-0.06913,-0.05296,0.00889,0.06253,-0.01546,-0.00115,0.07461,-0.07617,-0.08858,0.05683,0.05406,0.04853,0.05338,-0.00064,-0.05184,-0.01685,0.07269,0.01497,-0.02288,-0.00079,0.01632,0.07282,0.07355,-0.03554,-0.00965,-0.05516,-0.11062,0.00578,0.10908,-0.00659,0.0039,-0.01623,0.05618,0,-0.03041,0.02512,-0.05487,0.05915,0.02595,-0.02366,0.0337,0.02998,0.05516,0.04014,0.01226,0.08513,-0.03208,0.00306,0.02623,0.04638,-0.06578,-0.12171,0.0182,-0.09714,0.0563,-0.00651,0.01307,-0.02817,-0.10332,-0.00008,-0.00504,0.03145,0.06112,-0.04497,-0.0082,0.00316,-0.02945,-0.03826,-0.00139,-0.05319,-0.01509,0.0549,0.00771,-0.10869,-0.01528,-0.03341,-0.01624,0.02731,-0.0545,0.01672,-0.08463,0.00953,0.01691,-0.01415,-0.04333,0.03309,-0.04153,-0.03628,-0.01337,0.03782,0.04895,0.03185,0.0147,0.02436,0.03585,-0.0409,-0.02087,0.0121,0.06454,0.03923,-0.02999,0.01912,0.02388,0.09621,0.04389,0.01535,-0.02739,-0.02285,0.06656,0.04745,0.11348,-0.04885,0.03762,-0.00495,-0.03322,0.09559,0.00241,0.00355,0.06302,0.06399,-0.10116,-0.09858,0.03865,0.00792,-0.05138,0.03791,0.00611,0.01176,0.0048,0,-0.08582,0.00627,-0.02196,-0.06256,0.02345,0.02115,-0.02491,0.06535,0.02691,-0.0354,-0.00983,0.05285,0.00049,0.03005,0.0614,0.04382,0.01037,0.01079,-0.02498,-0.07929,0.09344,0.04749,0.03902,0.06166,0.00136,-0.00601,0.01086,0.04185,-0.0039,-0.00157,-0.0248,0.083,0.03275,0.07353,-0.03008,0.08106,-0.07495,-0.02084,-0.05936,-0.04844,0.07259,-0.0424,-0.00279,-0.01939,-0.05812,0.05383,-0.0151,-0.05152,-0.0232,0.0107,-0.06924,0.02125,-0.1123,0.07163,0.02673,0.0332,-0.057,-0.04031,0.07548,-0.01547,-0.07965,0.00353,0.03572,0.02491],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 📌 This layered structure cleanly separates concerns: - The base layer handles raw DOM interaction and events, - The Angular layer exposes them as declarative inputs and outputs, - The application receives well-structured events without worrying about platform-specific details.","excerpt":"📌 This layered structure cleanly separates concerns: - The base layer handles raw DOM interaction and events, - The Angular layer exposes them as declarative inputs and outputs, - The application receives well-structured events without worrying about platform-specific details."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#8","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.09544,-0.01446,-0.04589,0.03045,0.02649,0.02594,0.0686,0.05955,0.0746,0.04309,-0.02127,-0.02322,-0.06612,0.01115,0.01103,-0.02756,-0.01255,-0.05768,-0.04228,0.10515,-0.01474,-0.1147,-0.02413,-0.02173,-0.01169,-0.00333,0.01586,-0.0617,0.0792,-0.06681,0.01244,0.08963,-0.02061,-0.01674,-0.08395,0.08269,0.01726,-0.07144,-0.08107,-0.06156,0.06137,-0.00481,-0.019,0.00634,-0.07202,0.02641,0.00074,0.05046,-0.07421,0.07781,-0.03978,-0.01801,-0.00093,0.10837,-0.03188,0.05001,0.04772,0.00623,0.01866,0.05555,-0.08829,-0.05342,-0.01295,0.04768,0.05556,-0.00682,-0.10753,-0.04995,0.00356,-0.00232,0.00982,-0.05576,0.02228,0.04337,-0.01084,-0.08318,-0.06088,0.08811,-0.01325,-0.02043,0.04832,0.00856,0.00043,0.02702,-0.04699,0.10208,-0.00589,-0.03668,-0.02596,0.00236,0.03974,0.08937,-0.03757,0.01414,0.0054,-0.02602,-0.01311,-0.00947,-0.0566,0.01965,0.01447,-0.05313,0.05184,0.09422,-0.0675,-0.06424,0.02115,-0.07183,-0.08486,0.03217,-0.02485,0.02651,0.04392,-0.04975,-0.05252,0.03281,-0.07539,-0.02843,0.07446,0.02603,-0.003,-0.02509,0.00726,-0.06611,0.06417,-0.02037,-0.02606,0,-0.04076,-0.0386,-0.06581,-0.01176,0.02041,-0.03047,0.04447,-0.06364,-0.01921,-0.01438,0.04663,0.01129,-0.00988,0.02021,-0.00593,-0.08008,-0.03807,0.04884,0.02816,0.01381,0.12568,-0.11267,-0.02701,0.05047,0.03237,0.08974,-0.04692,0.01232,-0.01191,0.05828,-0.00923,0.05241,-0.03514,-0.04321,-0.02295,0.04452,-0.03848,-0.0607,0.02654,-0.03835,-0.04555,-0.04924,-0.10324,0.01402,-0.05062,-0.05084,-0.03341,-0.00143,-0.00796,0.01367,0.04439,0.01587,0.07912,0.01452,0.10361,-0.0434,-0.0173,0.02263,-0.00085,0.03382,0.06683,0.0353,-0.06574,-0.04369,0.04267,0.06674,-0.02406,0.05037,0.05496,-0.07675,-0.06936,0.06576,0.02154,0.00859,0.06642,-0.02553,0.00177,-0.013,0.03867,-0.03003,0.00599,-0.00775,0.02095,0.05664,0.05921,-0.07669,-0.02812,-0.03597,-0.17171,-0.01156,0.12519,-0.0236,0.01466,0.03603,0.02532,0,0.0113,0.02895,-0.05429,0.09692,0.03139,0.00537,0.03501,0.06663,0.04878,-0.02464,0.01837,0.08607,-0.06337,0.02401,0.01382,0.02021,-0.03261,-0.07885,0.00357,-0.09049,0.10009,-0.04768,-0.01694,0.01215,-0.0667,-0.02435,-0.00317,0.03288,0.0121,-0.04402,0.00871,-0.00269,-0.05815,-0.00776,0.01338,-0.10056,-0.04229,0.06596,0.01281,-0.06493,0.04284,0.01364,0.00526,0.02594,-0.02319,0.0078,-0.08952,-0.02483,-0.02291,-0.00295,-0.03316,0.03619,-0.03572,-0.02305,-0.02572,0.03784,0.08185,0.00094,-0.02407,-0.00735,0.0616,-0.01931,-0.02293,-0.01205,0.06507,0.0285,-0.01619,0.07993,0.08078,0.08639,0.05752,0.00535,0.00015,-0.02437,0.04096,0.04562,0.12969,-0.09737,0.02263,-0.00606,-0.04643,0.10353,0.01867,0.02823,0.03256,0.08595,-0.11469,-0.0799,0.04733,0.07964,-0.05522,-0.02598,0.02763,0.01877,-0.0274,0,-0.13441,0.01979,-0.02956,0.01317,0.08733,0.04893,-0.02278,0.05237,0.01014,-0.03991,0.00032,0.07033,0.06639,0.03616,0.06065,0.01766,0.03439,0.0013,-0.05479,-0.07288,0.02729,0.00712,0.06296,0.0858,-0.00166,-0.03959,-0.02935,0.05372,-0.00358,-0.04474,-0.04053,0.0835,0.03649,0.05678,-0.08012,0.10895,-0.09014,-0.01084,-0.03721,-0.056,0.05283,-0.02127,0.01466,-0.03023,-0.09359,0.03876,-0.02728,-0.02749,-0.02836,-0.02236,-0.06692,0.06821,-0.09392,0.09176,0.03646,0.02697,-0.07039,0.01948,0.07858,-0.02118,-0.04158,-0.01312,0.00386,0.02207],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🛠 Drag Session Lifecycle Every interaction in Foblex Flow follows a consistent scenario: - Initialization The user presses the mouse button or touches the screen. The directive checks the configured triggers to determine whether starting a move, resize, or connection is allowed at that moment. - Start Threshold A movement threshold (3 pixels by default) is intentionally applied to avoid triggering a drag from small cursor shakes. Only when this threshold is exceeded does the drag session officially begin. - Preparation","excerpt":"🛠 Drag Session Lifecycle Every interaction in Foblex Flow follows a consistent scenario: - Initialization The user presses the mouse button or touches the screen. The directive checks the configured triggers to determine whether starting a move, resize, or connection is allowed at that moment. - Start Threshold A movement threshold (3 pixels by default) is intentionally applied to avoid triggering a drag from small cursor shakes. Only when this threshold is exceeded does the drag session officially begin. - Preparation"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#9","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.10306,0.00461,-0.0744,0.05354,0.00448,0.06609,0.05947,0.05565,0.08375,0.05222,-0.01972,-0.01181,-0.04661,-0.01513,-0.01818,-0.00609,-0.04436,0.00676,-0.04599,0.08375,-0.0288,-0.10716,-0.01759,-0.04498,-0.02133,-0.00365,0.01632,-0.06104,0.08104,-0.04483,0.06657,0.10245,-0.04521,0.00912,-0.093,0.09632,-0.01384,-0.10537,-0.07514,-0.07552,0.09897,0.04092,-0.00968,-0.00395,-0.04397,0.04777,-0.01803,0.06477,-0.08051,0.09449,0.00264,-0.01284,0.00142,0.11333,-0.04069,0.01538,0.0223,-0.02966,0.0541,0.0413,-0.01439,-0.0371,-0.01267,0.02655,0.02223,-0.01929,-0.07964,-0.04644,0.0019,-0.03588,0.01018,-0.07462,0.0775,0.04453,0.00556,-0.07708,-0.04104,0.06388,-0.02955,-0.05875,0.09319,-0.01903,0.00608,0.03826,-0.02137,0.11448,-0.0674,-0.00806,-0.01519,0.00885,0.01682,0.08673,-0.06357,-0.03756,0.00571,-0.00349,-0.02104,0.02988,-0.05486,0.03336,0.01811,-0.04184,0.01523,0.05032,-0.07122,-0.09039,-0.01073,-0.09196,-0.06494,0.05073,-0.03843,0.07196,0.04934,-0.00608,-0.03752,0.01636,-0.02093,-0.01929,0.07423,0.03336,0.02429,0.00616,0.03986,-0.03615,0.05778,-0.06721,-0.00067,0,-0.03346,-0.05568,-0.02124,0.01467,0.00473,-0.029,0.05791,-0.07787,-0.00372,-0.0282,0.00884,0.03492,0.00652,0.01483,-0.01836,-0.05437,-0.04461,0.02732,0.03199,0.01115,0.10613,-0.057,-0.04535,0.04242,0.01997,0.04571,-0.02061,0.01863,-0.01412,0.0423,0.00407,0.03687,-0.068,0.00599,-0.00638,0.05567,-0.06362,-0.04648,-0.02039,-0.04088,-0.05107,-0.0375,-0.13837,0.01938,-0.06023,-0.07007,-0.05048,0.01821,0.02402,0.02974,0.05763,0.01892,0.0969,-0.01475,0.10792,-0.02245,-0.01929,0.03014,0.01212,0.03362,0.06217,0.02456,-0.07752,-0.08352,0.03286,0.06246,-0.04299,0.04948,0.04898,-0.08229,-0.03865,0.04852,0.01657,-0.00807,0.05061,-0.02555,-0.00129,-0.00138,0.00677,-0.00873,0.02378,-0.01051,0.03327,0.07542,0.086,-0.08894,-0.02702,-0.02792,-0.1652,-0.01588,0.12377,-0.02449,-0.00968,0.03058,0.03916,0,-0.01193,0.04026,-0.07262,0.12198,0.00461,-0.01109,0.00333,0.00758,0.03184,-0.03209,-0.01093,0.05269,-0.03852,0.02218,0.0313,0.0576,-0.05198,-0.10993,0.00698,-0.06718,0.07802,-0.00999,0.01976,0.01967,-0.0893,-0.02187,0.02131,0.03326,0.02066,0.00556,0.00135,-0.03581,-0.05453,-0.0038,0.01881,-0.09092,-0.04194,0.10912,0.01323,-0.0259,0.00454,-0.01214,-0.00534,0.0513,-0.02093,-0.00916,-0.07104,-0.0111,-0.00618,0.03598,-0.04853,0.04007,-0.06871,-0.01474,0.01545,0.01931,0.07836,-0.01229,-0.00021,-0.02796,0.0599,-0.02889,-0.01095,-0.01586,0.06568,0.05248,-0.01358,0.00505,0.0415,0.1166,0.0649,0.02711,-0.00242,-0.04663,0.04923,0.0559,0.13414,-0.08818,0.01122,-0.00199,-0.06791,0.08762,0.01945,0.01021,-0.0374,0.0839,-0.09079,-0.04367,0.0298,0.07876,-0.01169,-0.01035,0.01869,-0.00549,-0.01158,0,-0.14134,0.00691,-0.03425,-0.02238,0.04959,0.01846,-0.02299,0.04893,0.01423,-0.05156,0.05748,0.06322,0.08699,0.00269,0.06832,-0.01749,0.05354,-0.01159,-0.07725,-0.04384,0.04929,0.01767,0.04165,0.06044,0.00073,-0.02731,-0.03606,0.01457,-0.03293,-0.03424,-0.04458,0.05756,0.01153,0.02282,-0.13026,0.09466,-0.04899,-0.01187,-0.01236,-0.02634,0.0268,0.02174,-0.00911,-0.00811,-0.07947,0.05804,-0.0199,-0.0178,0.00552,-0.00148,-0.05879,0.02569,-0.08896,0.10005,0.0271,0.04878,-0.05512,-0.00775,0.10949,-0.01091,-0.12158,-0.02882,0.00214,0.01879],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. prepareDragSequence is invoked. This phase is triggered within mousemove/touchmove/pointermove, but only before the drag session actually starts. Plugins like NodeMove, Resize, Rotate, CanvasMove, DropToGroup, and others evaluate whether they should participate. If so, they create their own motion handler. - Movement Once at least one motion handler is registered, there’s no need to evaluate the rest — only one action is allowed per session (move, resize, or rotate). prepare Drag Sequence Node Move Canvas Move Drop To Group","excerpt":"prepareDragSequence is invoked. This phase is triggered within mousemove/touchmove/pointermove, but only before the drag session actually starts. Plugins like NodeMove, Resize, Rotate, CanvasMove, DropToGroup, and others evaluate whether they should participate. If so, they create their own motion handler. - Movement Once at least one motion handler is registered, there’s no need to evaluate the rest — only one action is allowed per session (move, resize, or rotate)."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#10","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.10167,0.01136,-0.03114,0.05743,0.03115,0.00433,0.06641,0.0312,0.08657,0.07347,-0.01018,0.01243,-0.09153,-0.00928,0.01058,-0.0081,-0.05438,-0.02682,-0.06644,0.04715,-0.0303,-0.09522,-0.02805,-0.04651,-0.0175,0.02489,0.00907,-0.08258,0.07302,-0.05055,0.01795,0.09358,-0.06128,-0.00171,-0.12479,0.09748,-0.01121,-0.07247,-0.06891,-0.0841,0.08783,0.04192,-0.01244,0.00496,-0.07988,0.01005,-0.02098,0.03928,-0.06292,0.07125,-0.02707,-0.02795,-0.0086,0.11158,-0.02447,0.0542,0.0402,0.00795,0.02666,0.07527,-0.03198,-0.02398,-0.03189,0.03213,0.09694,-0.0392,-0.06117,-0.01295,-0.01693,-0.03276,0.03369,-0.04997,0.03568,0.038,0.03265,-0.07062,-0.05999,0.08214,-0.00984,-0.02672,0.06615,0.01614,-0.0182,0.02539,-0.01118,0.11755,-0.05236,-0.04375,-0.024,-0.00454,0.02963,0.05115,-0.03131,0.01886,0.03095,-0.0007,0.02356,0.00815,-0.07576,0.02626,0.02481,-0.02791,0.03527,0.05708,-0.05164,-0.07904,-0.0043,-0.0929,-0.09166,0.0078,-0.04875,0.02195,-0.00374,-0.03349,-0.0722,0.00099,-0.02284,-0.03419,0.091,0.02287,-0.00267,-0.00281,0.01949,-0.027,0.05975,-0.0353,-0.02459,0,-0.03427,-0.0638,-0.07238,0.00926,0.02769,-0.03549,0.03313,-0.0749,-0.01228,-0.00104,0.00435,0.00563,-0.01529,0.06203,0.01049,-0.08281,-0.041,0.04685,-0.00174,0.04489,0.1124,-0.02513,-0.03428,0.0262,0.06482,0.09075,-0.05517,0.01258,-0.02416,0.04887,0.01118,0.03292,-0.03634,0.00616,-0.03219,0.06572,-0.00797,-0.08206,0.01129,-0.06771,-0.03452,-0.06058,-0.14787,0.03831,-0.0484,-0.07553,-0.05646,-0.0126,0.0159,0.02578,0.04617,0.01798,0.081,0.00135,0.07041,-0.03599,-0.04544,0.03321,0.02194,0.0662,0.088,0.05395,-0.07845,-0.04453,0.02521,0.07793,-0.01847,0.05304,0.11291,-0.0847,-0.07756,0.05922,0.03563,0.0328,0.09238,0.00188,-0.06655,-0.02746,0.04527,-0.04683,0.00807,-0.00248,-0.00718,0.05906,0.05187,-0.07729,-0.03306,-0.06561,-0.13284,-0.02475,0.10855,0.01935,0.0017,0.02642,0.04025,0,-0.02815,0.04448,-0.05798,0.08603,-0.02653,-0.04577,0.00858,-0.02293,0.04355,-0.00747,-0.02135,0.07041,-0.03616,0.04173,0.00869,0.04858,-0.04263,-0.11271,0.03157,-0.10453,0.08334,-0.01216,0.02198,-0.02223,-0.09295,-0.024,-0.01086,0.01408,0.04416,-0.03705,0.03708,-0.01761,-0.04959,-0.00988,0.01071,-0.0649,-0.04081,0.09021,0.03787,-0.09208,0.04357,-0.01957,0.00096,0.01836,-0.01947,0.00238,-0.10785,0.00053,0.00389,0.00257,-0.01827,0.03364,-0.04622,-0.02651,-0.03244,0.03598,0.09043,-0.00935,0.00035,-0.01237,0.02979,-0.02581,0.02031,0.00171,0.06471,0.03244,0.0127,0.01654,0.05493,0.08927,0.05251,0.06236,-0.02044,-0.03006,0.08934,0.08552,0.10954,-0.08996,0.03099,0.00394,-0.04493,0.07201,0.01795,0.03412,0.00402,0.07108,-0.11775,-0.03899,0.03509,0.04712,-0.02119,-0.0188,-0.01719,0.01969,-0.04053,0,-0.11789,0.0238,-0.06287,-0.02545,0.05779,0.01207,-0.02945,0.06526,0.03471,-0.05596,-0.00818,0.0466,0.0226,0.0117,0.07864,0.0314,0.03524,-0.01104,-0.04327,-0.04544,0.03704,0.00334,0.04518,0.07628,-0.00172,-0.03693,-0.04008,0.07303,-0.02644,-0.02683,-0.01115,0.09365,0.04637,0.08594,-0.05907,0.08794,-0.03325,-0.02048,-0.03606,-0.01531,0.05129,-0.04769,0.0157,-0.01428,-0.05637,0.04309,-0.02162,-0.01315,-0.03391,-0.0142,-0.05223,0.03744,-0.08865,0.07685,0.03105,-0.01133,-0.07608,0.01294,0.09647,-0.00172,-0.0815,-0.0036,0.01095,0.04967],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. The mousemove/touchmove/pointermove logic switches to passing delta movement data to the active handler instead of preparing new ones. - Completion On mouseup/touchup/pointerup, finalization handlers are called. The result is committed — a node is moved, a connection is created, or an item is dropped into a group. 👉 Each drag session has clearly defined boundaries. This makes behavior predictable and debugging significantly easier.","excerpt":"The mousemove/touchmove/pointermove logic switches to passing delta movement data to the active handler instead of preparing new ones. - Completion On mouseup/touchup/pointerup, finalization handlers are called. The result is committed — a node is moved, a connection is created, or an item is dropped into a group. 👉 Each drag session has clearly defined boundaries. This makes behavior predictable and debugging significantly easier."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#11","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.14419,-0.0079,-0.05442,0.05544,0.04451,0.07069,0.02873,0.06952,0.0802,0.05048,-0.04282,-0.00429,-0.06556,0.01089,0.04966,0.02338,-0.02028,0.00832,-0.06051,0.04613,-0.025,-0.14152,-0.062,-0.02012,-0.01551,0.01694,0.02049,-0.02383,0.04442,-0.04417,0.03233,0.07668,-0.04329,-0.00001,-0.14284,0.09118,0.0307,-0.04811,-0.08322,-0.0761,0.09575,0.01893,-0.00127,-0.03549,-0.07126,-0.034,0.025,0.01068,-0.05862,0.05911,0.00653,-0.06667,-0.00156,0.1004,0.00728,0.03576,0.05222,-0.04348,0.00962,0.00701,-0.02806,-0.00445,0.04472,0.04223,0.01902,-0.02258,-0.08082,0.0113,0.00092,-0.04629,-0.00322,-0.08089,0.04081,0.01056,0.01186,-0.06036,-0.01926,0.09186,-0.0321,-0.04016,0.12218,0.01619,0.00474,0.08417,-0.02624,0.13337,-0.00608,-0.06367,-0.05947,-0.03379,0.06461,0.04342,-0.00372,-0.06431,0.05008,-0.02554,-0.03205,-0.03144,-0.066,0.01989,0.00008,-0.04046,0.03606,-0.01644,-0.05875,-0.05914,-0.00915,-0.02716,-0.07563,0.02211,-0.04514,0.04346,0.02546,-0.05903,-0.04467,-0.01197,-0.04582,-0.04743,0.06321,0.04691,0.00297,0.02625,0.01252,-0.00711,0.10538,0.00929,-0.03471,0,-0.02,-0.03423,-0.03335,0.0033,0.02905,-0.07633,0.06322,-0.06892,-0.01172,-0.02058,0.05615,0.03352,-0.00982,0.04371,0.02091,-0.09468,-0.04036,-0.02437,0.04104,0.01116,0.05303,-0.0901,-0.03403,0.01148,0.07384,0.04805,-0.01265,0.01426,-0.04943,0.00846,-0.03036,0.03508,-0.00966,0.01834,-0.07249,0.03737,-0.06885,-0.07785,0.01913,-0.03017,-0.02133,-0.03855,-0.15152,0.04997,0.01577,0.00232,-0.02994,-0.01162,0.03606,0.00236,0.08253,0.03018,0.05018,0.03268,0.09239,-0.01665,-0.02669,0.01648,0.05667,0.00188,0.06573,0.0159,-0.06019,-0.04487,0.05225,0.06379,-0.01032,0.03608,0.03226,-0.06319,-0.06561,0.07876,-0.00863,0.0085,0.08148,-0.02318,-0.02683,-0.0552,0.08888,-0.01534,-0.00115,-0.03364,0.01141,0.04666,0.10405,-0.07526,0.00178,-0.02654,-0.13443,-0.04481,0.13077,0.03283,-0.03917,0.00743,0.03396,0,-0.01174,0.03125,-0.01949,0.10834,0.03453,-0.00867,0.00682,-0.01654,0.05132,-0.0066,-0.02499,0.06912,-0.02419,-0.00018,0.00707,0.05242,-0.12262,-0.10323,-0.00252,-0.07541,0.08396,-0.01316,0.00784,-0.03799,-0.11725,-0.0078,-0.03036,0.03861,0.03277,-0.02959,-0.00849,-0.01136,-0.05801,-0.0473,-0.00236,-0.0512,-0.04985,0.1023,-0.01494,-0.05117,-0.03077,-0.03952,0.00281,0.00857,-0.01528,0.01931,-0.12445,-0.00622,-0.00687,0.00823,-0.0481,0.03041,-0.04972,0.01168,0.00684,0.01514,0.10983,0.00386,-0.00342,0.01699,0.02383,-0.02241,-0.02251,-0.00995,0.03811,0.04301,0.00633,-0.03578,0.02149,0.09497,0.04708,0.02053,-0.01718,-0.04366,0.05379,0.06072,0.13361,-0.0426,0.02756,-0.01151,-0.05205,0.08081,0.0207,-0.01298,-0.02629,0.06994,-0.08451,-0.07793,0.06415,0.00355,-0.05886,0.02776,0.0193,-0.00913,-0.02609,0,-0.11625,0.02523,-0.00778,-0.01643,0.03958,0.01134,-0.00067,0.0698,0.04968,-0.03008,-0.00543,0.07851,0.03468,0.04814,0.07803,0.03861,0.0397,0.01662,-0.01913,-0.02801,0.0446,0.07068,0.03922,0.09522,-0.03608,-0.02932,-0.00298,0.03916,0.00976,0.01381,-0.02537,0.07192,0.03331,0.08361,-0.06663,0.05858,-0.07991,-0.01144,-0.06064,0.00103,0.06754,-0.00598,-0.04145,-0.0516,-0.03705,0.02656,-0.02362,-0.06448,-0.04225,0.02646,-0.03942,0.03856,-0.10547,0.0871,0.02731,0.04024,-0.04687,0.01955,0.07281,-0.00028,-0.09795,-0.04265,0.03878,0.05349],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🔌 Plugin System Dragging isn’t just about “moving a node.” In real-world applications, the use cases are far more diverse: - resizing elements, - rotating, - creating connections, - reattaching connections, - moving the canvas, - dropping external items (e.g., from a palette). Instead of hardcoding all of this into the core, we built a before/after plugin architecture: Plugins can subscribe to lifecycle hooks like onPointerDown, prepareDragSequence, and onPointerUp. This allows extending the functionality without touching the core logic. 📌 Example: you can add a hover highlight effect using a separate plugin — no need to modify the base code. on Pointer Down prepare Drag Sequence on Pointer Up","excerpt":"🔌 Plugin System Dragging isn’t just about “moving a node.” In real-world applications, the use cases are far more diverse: - resizing elements, - rotating, - creating connections, - reattaching connections, - moving the canvas, - dropping external items (e.g., from a palette). Instead of hardcoding all of this into the core, we built a before/after plugin architecture: Plugins can subscribe to lifecycle hooks like onPointerDown, prepareDragSequence, and onPointerUp. This allows extending the functionality without touching the core logic. 📌 Example: you can add a hover highlight effect using a separate plugin — no need to modify the base code."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#12","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.06493,0.01496,-0.08765,0.06461,0.09669,0.00445,-0.00709,0.0521,0.06714,0.07092,-0.04745,0.00413,-0.05555,-0.02911,0.06237,0.00643,-0.0049,-0.03998,-0.00842,0.04023,-0.01852,-0.07664,0.00596,-0.02338,-0.01721,0.01799,-0.04039,-0.04002,0.06754,-0.03266,0.02234,0.0758,-0.06331,0.02518,-0.14118,0.02259,0.06727,-0.03335,-0.11314,-0.05954,0.06111,0.03577,0.01428,0.00307,-0.06458,-0.01198,-0.0385,0.04239,-0.06713,0.08666,-0.03272,-0.06971,-0.04793,0.10129,-0.01277,0.00515,0.0477,-0.0258,0.03725,0.04526,-0.05502,-0.04812,-0.03498,0.04247,0.04947,0.09348,-0.08836,-0.07817,-0.00122,-0.04188,-0.00865,-0.05543,0.06685,0.01369,-0.00842,-0.01023,-0.04498,0.05597,-0.007,-0.05882,0.0852,0.05024,-0.01875,0.05319,0.02349,0.08634,-0.04093,-0.03557,0.00631,0.02073,0.01044,-0.00245,0.05213,-0.00784,0.00124,-0.01297,-0.00916,0.00422,-0.07978,0.02182,0.04947,-0.04511,0.02575,0.04943,-0.04793,-0.04619,0.03432,-0.05382,-0.08225,0.01313,-0.03863,0.05926,0.00593,-0.07881,-0.08239,0.01385,-0.04454,-0.03716,0.08054,0.04625,-0.03439,-0.01106,-0.04508,0.00644,0.12386,0.02492,-0.04893,0,-0.00571,0.01519,-0.02192,-0.02877,0.03061,-0.03901,0.0349,-0.10832,-0.02325,-0.00962,0.04258,0.06025,0.00661,0.00695,0.09486,-0.06737,-0.03332,0.05138,0.03545,0.03622,0.04601,-0.07404,-0.05036,0.03513,0.05571,0.11748,-0.04623,0.04376,-0.03715,0.05673,-0.01461,0.01516,-0.05294,0.00686,-0.05112,-0.00173,-0.06366,-0.06983,-0.00368,-0.02627,-0.05173,-0.07022,-0.11141,0.03202,-0.00073,-0.08704,-0.1019,0.00436,0.01895,-0.00961,0.056,0.0431,0.02356,0.01671,0.06591,-0.03163,-0.04601,0.02847,0.05743,0.05014,0.02474,0.0045,-0.04221,-0.01725,0.03219,0.03274,0.02401,0.01014,0.01493,-0.05303,-0.03659,0.04467,0.03788,0.02196,0.0314,-0.03161,-0.00289,-0.01165,0.06178,-0.02629,0.00469,-0.0022,-0.0059,0.06857,0.08962,-0.06029,-0.02215,-0.05788,-0.16142,0.01886,0.11015,0.0462,0.03571,0.03808,-0.016,0,-0.01899,-0.00422,-0.0107,0.10173,-0.06124,0.01703,0.00691,-0.01543,0.04275,-0.01561,0.01141,0.05377,-0.01436,0.01175,-0.01142,0.06503,-0.03327,-0.09843,0.00411,-0.06784,0.08875,-0.0348,0.02135,0.0408,-0.12067,-0.00088,0.00815,0.04257,-0.03404,-0.07454,-0.00895,0.07806,-0.05097,-0.03857,0.03109,-0.0525,-0.02803,0.11408,0.00415,-0.0086,0.01639,0.024,-0.00447,0.03691,-0.03292,0.06598,-0.0838,0.04754,-0.01057,0.00701,-0.04849,-0.00643,-0.06211,-0.00084,-0.04868,0.02805,0.02426,-0.0228,-0.04454,0.054,0.0731,-0.04481,-0.01485,0.02916,0.07121,0.00083,0.03831,0.02896,0.02652,0.09663,0.07623,0.02989,-0.03976,-0.08543,0.07472,0.10127,0.14337,-0.07819,-0.05933,0.03036,-0.01497,0.11639,-0.01669,-0.06223,0.00231,0.12195,-0.07694,-0.01154,0.05228,0.02377,-0.09331,0.03626,-0.01159,-0.03774,0.00485,0,-0.07951,0.07182,-0.04738,-0.02512,0.02679,0.02527,-0.01866,0.05286,0.00621,-0.02889,-0.00829,-0.01965,-0.00412,0.03323,0.05339,0.00015,0.04379,0.02958,-0.03588,-0.05603,0.06449,0.01578,0.06002,0.07158,-0.0204,-0.02255,0.01621,0.03431,0.04401,0.01833,-0.05221,0.05383,-0.02336,0.06964,-0.08574,0.03524,-0.03008,-0.00101,-0.02412,-0.04013,0.07147,-0.01946,-0.08286,-0.02663,-0.15657,0.05052,0.04812,-0.01282,-0.02607,0.00641,-0.01391,-0.03478,-0.05011,0.07538,0.01529,0.03244,-0.02317,-0.04295,0.09181,-0.00541,-0.01632,-0.1007,-0.04711,0.04303],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🧠 Architectural Decisions 1. Zoneless Approach All drag events are handled inside ngZone.runOutsideAngular, which prevents unnecessary Angular change detection cycles. This results in high performance, even with hundreds of active nodes. 2. OS-aware Triggers On macOS, multi-selection uses metaKey; on Windows and Linux — ctrlKey. This behavior is built into the fMultiSelectTrigger directive and delivers familiar UX across all platforms — right out of the box. 3. SSR Compatibility We never access window or document directly. ng Zone run Outside Angular mac OS meta Key ctrl Key f Multi Select Trigger","excerpt":"🧠 Architectural Decisions 1. Zoneless Approach All drag events are handled inside ngZone.runOutsideAngular, which prevents unnecessary Angular change detection cycles. This results in high performance, even with hundreds of active nodes. 2. OS-aware Triggers On macOS, multi-selection uses metaKey; on Windows and Linux — ctrlKey. This behavior is built into the fMultiSelectTrigger directive and delivers familiar UX across all platforms — right out of the box. 3. SSR Compatibility We never access window or document directly."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#13","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.13307,0.0108,-0.04671,0.05628,0.06569,0.05987,0.00163,0.06543,0.04904,0.08467,-0.02404,0.01627,-0.04705,-0.02946,0.03253,-0.00149,-0.01306,-0.04108,-0.07226,0.06119,-0.05417,-0.10981,-0.02237,-0.00747,-0.01462,-0.01543,-0.01377,-0.0497,0.06157,-0.08237,-0.00888,0.05234,-0.06789,0.00561,-0.15147,0.10734,0.00976,-0.05246,-0.06324,-0.08466,0.03257,0.00912,-0.02721,-0.02467,-0.0544,-0.01525,0.00885,0.0415,-0.07776,0.08466,-0.06568,-0.02035,-0.0121,0.08653,-0.03972,-0.01912,0.04627,0.01331,0.03614,0.0838,0.00416,-0.02536,-0.00543,0.03799,0.03837,0.0333,-0.11726,-0.03758,-0.03141,-0.05118,0.01934,-0.07734,0.03831,0.03945,-0.0023,-0.05623,-0.08098,0.06701,-0.00858,0.01644,0.08083,0.02267,-0.01163,0.06724,-0.02224,0.16064,-0.02029,-0.00467,0.0001,-0.04006,0.0732,0.03234,0.03068,0.01267,0.06473,-0.01522,0.00363,-0.02458,-0.10549,0.03497,0.01662,-0.06624,0.01941,0.07331,-0.02628,-0.05873,0.05429,-0.1007,-0.05431,0.0162,-0.02572,0.07617,-0.04319,-0.03628,-0.10201,-0.02239,-0.04891,-0.05322,0.03482,0.02477,-0.02902,0.00973,0.02872,-0.00733,0.11094,-0.01658,-0.01479,0,-0.01439,0.01609,-0.05092,-0.0129,0.07011,-0.07092,0.022,-0.0661,-0.03249,-0.04538,0.08439,0.02493,0.01275,0.02037,0.0447,-0.04063,-0.0202,0.0407,0.05371,-0.00343,0.06231,-0.09762,-0.04513,0.06274,0.05052,0.1029,-0.03718,0.01463,0.01158,0.04771,-0.00538,0.01905,-0.05069,-0.00506,-0.03372,0.01508,-0.07245,-0.08012,-0.00027,-0.04517,-0.03142,-0.06281,-0.1162,0.05692,-0.01363,-0.06584,-0.00408,0.01257,0.00684,-0.01005,0.02851,0.05125,0.04365,0.01398,0.08759,-0.03243,-0.00754,0.03007,0.06088,0.03201,0.06419,0.01107,-0.01142,-0.0537,0.04097,-0.00148,-0.0042,0.00674,0.06164,-0.05433,-0.06203,0.00362,0.00193,0.05947,0.02182,-0.01976,-0.04543,-0.05097,0.09716,-0.04641,0.00843,-0.0042,0.03988,0.05189,0.07085,-0.11688,-0.02731,-0.02481,-0.09658,-0.02844,0.13018,0.0184,0.00059,0.03393,0.05115,0,-0.04342,-0.00875,-0.01474,0.11453,-0.01307,-0.02957,-0.001,0.01589,0.08029,0.02639,0.00152,0.05314,-0.04739,0.03444,-0.01077,0.02056,-0.07358,-0.10904,0.02894,-0.09084,0.09818,-0.02448,0.03285,0.05604,-0.09673,0.00728,-0.03794,0.03277,-0.01317,-0.06669,-0.01871,0.02303,-0.05437,-0.03531,0.02788,-0.07327,-0.04692,0.14324,-0.01422,-0.05539,0.01025,0.01752,0.00582,0.03315,-0.02504,-0.00019,-0.06619,0.0104,0.01407,0.00521,-0.00276,-0.00172,-0.00082,-0.03587,-0.01385,0.03461,0.07483,0.00138,-0.03653,0.00476,0.05494,-0.04732,0.00353,0.02501,0.06241,0.03197,-0.01058,0.02762,0.04799,0.08197,0.06831,-0.00646,-0.00568,-0.05547,0.07694,0.05468,0.14085,-0.08569,0.02498,-0.00595,-0.01516,0.07201,0.0103,-0.01712,-0.03722,0.07149,-0.06584,-0.06471,0.02647,0.03872,-0.08756,0.03185,-0.00709,0.00766,-0.02011,0,-0.09591,0.05648,-0.05128,-0.0125,0.0285,-0.0017,-0.02396,0.04047,0.05138,-0.01295,-0.02875,0.01038,0.022,0.02526,0.06903,0.01443,0.01314,0.03008,-0.04233,-0.05002,0.08561,0.03648,0.1011,0.0535,-0.00537,-0.02436,-0.00455,0.04599,0.00781,0.04802,-0.0533,0.05123,0.04734,0.07655,-0.0816,0.06391,-0.05814,-0.01216,-0.02055,-0.00405,0.09529,-0.02456,-0.03561,-0.0429,-0.11006,0.04236,0.02275,-0.03451,-0.00079,0.00994,-0.0422,-0.00869,-0.07323,0.07695,-0.00331,0.03407,-0.03229,-0.01577,0.10039,-0.01136,-0.0547,-0.04409,0.02718,0.01577],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. All platform APIs are accessed through BrowserService, which can be replaced with a mock on the server. This makes drag-and-drop work even in Angular Universal, without crashes or runtime errors. 4. Configurable Behavior Any drag-and-drop behavior can be finely tuned using triggers. For example: In this case, nodes will only move when the Shift key is held. This gives developers full control over editor behavior. 5. Assistive Technology Protection AP Is Browser Service","excerpt":"All platform APIs are accessed through BrowserService, which can be replaced with a mock on the server. This makes drag-and-drop work even in Angular Universal, without crashes or runtime errors. 4. Configurable Behavior Any drag-and-drop behavior can be finely tuned using triggers. For example: In this case, nodes will only move when the Shift key is held. This gives developers full control over editor behavior. 5. Assistive Technology Protection"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#14","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.12197,0.04309,-0.07166,0.04203,0.06895,0.02021,0.05838,0.03766,0.07057,0.03679,-0.03082,-0.00983,-0.05926,0.00615,0.00503,-0.03384,0.00666,-0.02016,-0.03809,0.08148,-0.05673,-0.11678,-0.01309,-0.02687,-0.041,-0.02187,0.01701,-0.05845,0.05567,-0.07681,0.02171,0.08532,-0.04689,0.00796,-0.14008,0.0524,0.02385,-0.05982,-0.08872,-0.10477,0.01105,-0.00421,-0.00923,0.00378,-0.07335,-0.01691,-0.00413,0.0556,-0.04221,0.08653,-0.02519,-0.02459,-0.01674,0.09762,-0.04892,0.02516,0.04245,-0.0127,0.01924,0.08954,-0.02697,-0.00964,-0.01419,0.05441,0.03845,0.03515,-0.10684,0.0039,-0.02133,-0.04477,0.01479,-0.05025,0.06866,0.00417,0.006,-0.08263,-0.0826,0.03602,-0.01442,-0.01479,0.06746,0.02923,-0.02892,0.07578,-0.02685,0.14264,-0.03959,-0.01398,-0.04192,-0.03922,0.0492,0.05657,0.01232,0.00263,0.03272,-0.01445,-0.01556,-0.01912,-0.08252,0.04681,0.01442,-0.05144,0.04408,0.06877,-0.0285,-0.06196,0.02816,-0.08068,-0.06937,0.01401,-0.02981,0.042,0.01135,-0.02856,-0.06885,0.00775,-0.04605,-0.03763,0.09228,0.02678,-0.00813,0.00642,0.02078,-0.04777,0.11248,-0.05008,-0.02479,0,-0.02609,0.00974,-0.05783,-0.00722,0.06133,-0.06717,0.04152,-0.09695,-0.0219,-0.03217,0.03448,0.04132,0.0089,0.02699,0.03795,-0.05671,-0.05894,0.05454,0.04508,-0.00598,0.06999,-0.13019,-0.02528,0.04904,0.05846,0.10258,-0.0362,0.02206,0.01194,0.05657,-0.00208,0.04517,-0.00899,-0.00643,-0.03149,-0.00518,-0.05536,-0.07843,0.01466,-0.03931,-0.02784,-0.07448,-0.13023,0.03266,-0.04846,-0.02955,-0.00747,0.01699,0.00604,-0.00285,0.04275,0.03957,0.0343,0.01753,0.07048,-0.06658,-0.02475,0.02897,0.05185,0.03269,0.06171,0.03562,-0.0599,-0.06159,0.00191,0.0346,-0.03909,0.03874,0.06619,-0.09138,-0.09942,0.03483,0.04557,0.04761,0.03821,-0.01981,-0.05295,-0.02307,0.07492,-0.01207,-0.00064,-0.02132,0.01678,0.05936,0.05739,-0.0967,-0.01758,-0.06511,-0.16297,-0.01033,0.08969,0.01963,0.00636,0.01023,0.04124,0,-0.03591,0.00833,-0.0306,0.06853,0.01405,-0.02205,0.03769,0.00833,0.07596,0.01509,-0.0053,0.08406,-0.02267,0.03417,0.01499,0.03436,-0.05341,-0.10613,-0.01044,-0.0552,0.10514,-0.01139,0.00912,0.00752,-0.08588,0.01055,-0.01557,0.01459,0.02436,-0.03912,-0.01334,0.01008,-0.04224,-0.05278,0.03418,-0.07572,-0.00986,0.09948,-0.02629,-0.07401,0.02014,0.00537,-0.01074,0.02903,-0.02948,0.03455,-0.09254,0.00862,-0.03268,-0.01119,-0.02918,0.01838,-0.03807,-0.05163,-0.01383,0.03987,0.08334,0.02117,0.0188,0.01712,0.06885,-0.06335,-0.04024,0.01142,0.07106,0.04974,-0.00494,0.04418,0.06753,0.11184,0.06406,-0.00234,-0.00442,-0.02655,0.08294,0.06444,0.14348,-0.07866,0.01796,0.00552,-0.03775,0.07823,0.01401,0.00819,0.04096,0.05319,-0.10343,-0.08938,0.01672,0.04829,-0.08211,0.0402,-0.00981,0.01695,-0.0179,0,-0.09741,0.01602,-0.02588,-0.02524,0.02761,0.00724,-0.02541,0.03585,0.02545,-0.04929,0.00761,0.02457,0.04274,0.05269,0.07305,0.03253,0.01802,0.01185,-0.06158,-0.05279,0.08248,0.04602,0.06048,0.08395,-0.01145,-0.02098,-0.03943,0.0146,0.00717,0.01457,-0.03714,0.0873,0.02317,0.06823,-0.05425,0.12401,-0.06572,-0.02211,-0.03291,-0.01254,0.06936,-0.05098,-0.0344,-0.02973,-0.06129,0.05279,0.02814,-0.04205,-0.04201,-0.00255,-0.0677,-0.00264,-0.06728,0.07514,0.0253,0.01519,-0.04513,-0.01319,0.08683,0.00358,-0.04992,-0.01364,0.0169,0.02526],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. We’ve implemented checks to prevent drag sessions from being triggered by screen readers or other assistive technologies. This is important for accessibility and ensures that interaction remains intentional. Architectural Decisions","excerpt":"We’ve implemented checks to prevent drag sessions from being triggered by screen readers or other assistive technologies. This is important for accessibility and ensures that interaction remains intentional. Architectural Decisions"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#15","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.09759,0.04779,0.00955,0.10238,0.11014,0.02437,0.08224,0.03393,0.12463,0.03931,-0.02099,0.0081,-0.06591,-0.01252,0.00286,-0.00474,0.01096,-0.03836,-0.05499,0.07868,-0.05062,-0.14412,0.02252,-0.019,0.00003,0.01548,0.01513,-0.05582,0.05199,-0.06936,-0.01294,0.09044,-0.02128,-0.04775,-0.16188,0.02141,0.01778,-0.03018,-0.07636,-0.068,0.05727,-0.00075,-0.00465,-0.00002,-0.09063,-0.00055,0.01105,0.04087,-0.04928,0.09475,-0.01884,-0.00428,0.01279,0.06075,-0.03089,0.01432,0.02827,-0.00458,0.00359,0.05168,-0.05266,-0.0127,-0.03036,0.03519,0.07744,0.0244,-0.07112,-0.04039,-0.01293,0.0154,0.04829,-0.0393,0.03265,0.05404,0.03704,-0.04235,-0.07704,0.0486,-0.00982,0.02786,0.10033,0.01187,-0.01888,0.06024,-0.01369,0.13258,-0.00765,-0.04302,-0.05347,-0.03588,0.01785,0.00601,0.06021,0.0283,0.00693,0.00258,-0.04403,-0.00568,-0.08445,-0.00053,0.04694,-0.04458,0.02445,0.08227,-0.09257,-0.06252,0.01813,-0.10964,-0.08769,0.02943,-0.01771,0.01385,-0.0082,-0.0271,-0.08332,0.03501,-0.03777,-0.00722,0.08587,0.00635,-0.00965,0.01846,0.04125,-0.05699,0.09701,-0.04047,-0.03852,0,-0.02721,-0.00963,-0.07592,-0.03542,0.04121,-0.03687,0.00939,-0.09289,0.02221,-0.0046,0.05272,-0.01079,0.01235,0.02002,0.05316,-0.07612,-0.05146,0.03091,0.03745,-0.00628,0.05593,-0.06259,-0.05017,0.02047,0.03538,0.09346,-0.05559,0.00805,-0.00402,0.0533,-0.04876,0.06006,-0.0236,-0.02442,-0.0285,0.06109,-0.05281,-0.09981,0.04987,-0.01607,-0.05352,-0.0686,-0.10628,0.02528,-0.02816,-0.03019,-0.03908,-0.0041,-0.0093,-0.01474,0.01937,0.0327,0.08536,0.03477,0.0779,-0.02777,-0.00888,0.01461,0.01745,0.06114,0.05217,0.02758,-0.03577,-0.05958,0.00293,0.0261,-0.0149,-0.00217,0.04301,-0.08365,-0.05019,0.02762,0.03789,0.00418,0.05827,-0.04242,-0.00789,-0.02127,0.08412,-0.03922,-0.00913,-0.05691,0.04063,0.01793,0.07043,-0.10125,-0.02151,-0.04278,-0.13909,-0.01791,0.11218,0.02155,-0.00753,0.01345,0.00981,0,-0.0316,0.02314,-0.03362,0.10811,-0.02003,-0.00255,0.02484,0.03546,0.0371,-0.04403,0.02969,0.08937,-0.05258,0.0269,0.02682,0.06152,-0.02021,-0.07317,0.01785,-0.10531,0.12967,-0.02644,-0.01349,0.03309,-0.10978,-0.03096,-0.00021,0.00967,0.03389,-0.07175,-0.00348,0.05804,-0.05182,-0.04677,0.02571,-0.05679,-0.00736,0.10043,0.00084,-0.06205,0.005,0.00768,-0.00192,0.00773,-0.03525,0.01567,-0.09796,-0.0202,0.05278,0.0359,-0.0308,0.01002,-0.04283,-0.03342,-0.03533,-0.02404,0.04853,-0.01608,0.01747,0.04916,0.04904,-0.02463,-0.01248,-0.00523,0.07905,0.04509,-0.01005,0.08145,0.07723,0.07675,0.03523,0.02026,-0.01867,-0.03236,0.0331,0.07704,0.13876,-0.04579,0.02327,-0.02826,0.00855,0.0946,-0.0061,-0.02136,-0.00011,0.10282,-0.12487,-0.05414,0.01975,0.02899,-0.0631,-0.00291,-0.01491,0.01776,-0.00396,0,-0.11181,0.00954,-0.04786,-0.02407,0.05534,0.01306,-0.06765,0.04079,-0.00223,-0.07778,-0.01534,0.03759,0.0284,0.03597,0.08831,0.04773,0.00823,0.03049,-0.03846,-0.05641,0.07998,0.0453,0.03539,0.05171,-0.02568,-0.03,-0.05881,0.04445,0.01973,-0.00555,-0.04473,0.066,0.00382,0.05793,-0.07338,0.08734,-0.03549,-0.08581,-0.02539,-0.02761,0.0718,-0.04432,-0.00232,-0.0201,-0.08698,0.02859,0.01494,-0.04771,-0.03478,0.00184,-0.05861,0.04165,-0.05824,0.06952,0.05094,-0.00914,-0.0576,0.03051,0.08406,-0.00149,-0.00303,-0.01853,-0.01019,0.05564],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🔍 UX Nuances We’ve paid close attention to subtle details that directly affect the user experience: - Synthetic Event Suppression After a touchstart, browsers often fire a fake mousedown. To avoid double triggers, we introduced a MOUSEEVENTIGNORETIME = 800ms threshold during which such events are ignored. - Text Selection Prevention During a drag session, the selectstart event is suppressed. This prevents the user from accidentally selecting text while trying to drag an element — leading to a cleaner, more intuitive experience.","excerpt":"🔍 UX Nuances We’ve paid close attention to subtle details that directly affect the user experience: - Synthetic Event Suppression After a touchstart, browsers often fire a fake mousedown. To avoid double triggers, we introduced a MOUSEEVENTIGNORETIME = 800ms threshold during which such events are ignored. - Text Selection Prevention During a drag session, the selectstart event is suppressed. This prevents the user from accidentally selecting text while trying to drag an element — leading to a cleaner, more intuitive experience."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#16","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.12419,0.0201,-0.08715,0.07766,0.06251,0.06316,0.00787,0.07005,0.06781,0.03334,-0.06902,0.00393,-0.04708,-0.0068,0.02633,0.01787,-0.008,-0.00211,-0.05279,0.03849,-0.02156,-0.09916,-0.01777,-0.02879,-0.01124,0.03674,0.02083,-0.05363,0.05407,-0.06506,0.02532,0.06479,-0.04497,-0.00296,-0.15581,0.04379,0.01941,-0.02884,-0.08411,-0.09864,0.04542,0.00077,-0.01064,-0.01463,-0.06501,-0.03013,-0.03603,0.04761,-0.06985,0.07804,-0.0368,-0.07269,-0.0528,0.13739,-0.03607,0.01386,0.01077,-0.04988,-0.00024,0.04232,-0.02636,-0.02406,-0.0022,0.04558,0.03746,0.0368,-0.10609,0.03115,-0.00347,-0.04748,0.00107,-0.03496,0.04921,0.02548,-0.00887,-0.05656,-0.07163,0.05623,-0.00757,-0.00666,0.09549,0.03646,-0.02496,0.08147,-0.00332,0.12821,-0.00338,-0.02042,-0.04373,-0.05594,0.04864,0.03658,0.06451,0.009,0.01353,-0.01238,-0.03042,-0.03992,-0.05122,0.03813,0.02143,-0.05704,0.02923,0.06546,-0.06819,-0.07224,0.02834,-0.06039,-0.06772,-0.00146,-0.03149,0.02299,-0.01741,-0.07597,-0.07888,0.00846,-0.04798,-0.03682,0.05931,0.02208,-0.0351,0.026,-0.00543,0.00253,0.13912,0.0048,-0.02855,0,-0.04914,0.02745,-0.05484,0.0037,0.04194,-0.0281,0.02117,-0.08782,-0.02183,-0.00249,0.03723,0.0609,0.00345,0.03619,0.06156,-0.08642,-0.05025,0.07049,0.04402,-0.00003,0.04061,-0.08028,-0.02465,0.04875,0.06939,0.08473,-0.02243,0.03395,-0.04893,0.03048,0.02293,0.02223,-0.03922,0.02022,-0.02499,0.03003,-0.07396,-0.07685,0.02186,0.00884,-0.02642,-0.05951,-0.11367,0.03364,-0.01391,-0.03231,-0.05015,0.00658,-0.00437,-0.02976,0.04912,0.02704,0.03383,0.02832,0.0947,-0.04194,-0.02954,0.04159,0.05354,0.05352,0.06555,0.02353,-0.05998,-0.0741,0.00736,0.02166,-0.00793,0.01661,0.07683,-0.08795,-0.04429,0.0452,0.05186,0.01978,0.05055,-0.01888,-0.04245,-0.00692,0.07359,-0.01228,-0.02702,-0.04735,0.03098,0.07146,0.09539,-0.08454,-0.03036,-0.05067,-0.15007,-0.00373,0.08785,0.02705,0.02536,0.02099,0.05699,0,-0.02133,0.04986,-0.01285,0.098,0.03034,0.0009,0.03015,0.01172,0.07996,0.00461,-0.00841,0.09883,0.00117,0.01552,-0.00495,0.07058,-0.0538,-0.10495,0.0024,-0.10238,0.08668,-0.02048,0.00462,0.00145,-0.09807,0.018,0.00476,0.02898,0.03005,-0.04049,-0.02086,0.02205,-0.03828,-0.03466,-0.00502,-0.04536,0.01785,0.09104,0.03703,-0.07255,0.0146,-0.00471,-0.01559,0.01927,-0.05187,0.02484,-0.10558,0.03229,-0.01477,0.01459,-0.07947,-0.00834,-0.0804,-0.02622,-0.02307,0.00952,0.06309,-0.01002,-0.03108,0.03965,0.04816,-0.03945,-0.01322,0.02131,0.0556,0.01861,0.01331,0.02272,0.03962,0.07416,0.04707,0.02813,-0.00003,-0.03069,0.0835,0.04739,0.15461,-0.06413,0.0162,0.00941,-0.04025,0.09446,-0.00862,-0.0179,0.01333,0.10427,-0.07558,-0.06539,0.06417,0.0267,-0.08745,0.03534,0.01552,0.00461,-0.01905,0,-0.08817,-0.00108,-0.04347,-0.01633,0.02701,0.01286,-0.0398,0.04973,0.03243,-0.04074,0.00879,0.03108,0.02324,0.03555,0.05348,0.00713,0.01038,0.00684,-0.04187,-0.07734,0.10672,0.0271,0.07143,0.08792,0.00327,-0.02618,-0.03815,0.00575,0.02202,0.00495,-0.03292,0.07677,-0.00152,0.08189,-0.06422,0.05061,-0.06002,-0.0158,-0.06391,-0.00184,0.13026,-0.01182,-0.03474,-0.03884,-0.05768,0.04283,0.01052,-0.0969,-0.00621,0.01221,-0.04362,0.01485,-0.07133,0.06071,0.00684,0.03564,-0.03858,0.00628,0.11237,0.00513,-0.07449,-0.0425,0.00473,0.02708],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 💡 Strengths of the Drag-and-Drop Architecture - Runs outside the Angular zone, ensuring high performance. - Supports all input types thanks to a unified event interface. - Highly configurable through triggers and plugin hooks. - SSR-safe, with no direct reliance on browser globals. - Accounts for UX nuances, such as filtering synthetic events and preventing accidental text selection. - Open for extension — you can implement external drag sources, dynamic reconnections, grouping behavior, and more.","excerpt":"💡 Strengths of the Drag-and-Drop Architecture - Runs outside the Angular zone, ensuring high performance. - Supports all input types thanks to a unified event interface. - Highly configurable through triggers and plugin hooks. - SSR-safe, with no direct reliance on browser globals. - Accounts for UX nuances, such as filtering synthetic events and preventing accidental text selection. - Open for extension — you can implement external drag sources, dynamic reconnections, grouping behavior, and more."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#17","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.09347,0.00645,-0.06214,0.06697,0.05989,0.02658,-0.00765,0.06155,0.08462,0.06356,-0.0518,-0.00903,-0.06083,0.00391,0.03013,-0.00987,-0.01213,-0.03765,-0.03753,0.06234,-0.02644,-0.10141,-0.0392,-0.03357,-0.02707,0.04614,-0.0318,-0.05728,0.06118,-0.08073,0.01224,0.06973,-0.07331,0.01803,-0.14427,0.08032,0.03416,-0.05154,-0.10101,-0.09711,0.04997,0.02855,0.00741,-0.02365,-0.0543,-0.00337,-0.02305,0.02093,-0.05936,0.07771,-0.02931,-0.07293,-0.01331,0.11496,-0.02771,0.07031,0.04345,-0.02846,0.01541,0.04785,-0.01379,-0.00968,0.01938,0.04023,0.04246,-0.01124,-0.06816,0.00527,0.00332,-0.07201,-0.03553,-0.04601,0.03252,0.01937,-0.01086,-0.06318,-0.06175,0.04839,-0.01039,-0.03261,0.09119,0.02333,-0.0263,0.08692,-0.0093,0.09931,0.017,-0.03258,-0.03199,-0.02492,0.07191,0.04981,0.05349,-0.03539,0.05378,-0.02789,0.00115,-0.01837,-0.07892,0.0379,0.04279,-0.02705,0.04238,0.04316,-0.05277,-0.07111,0.02255,-0.06013,-0.10662,0.0186,-0.05605,0.04292,-0.00136,-0.04911,-0.05316,-0.01735,-0.076,-0.04338,0.06548,0.03692,0.00969,0.01326,-0.01423,0.00387,0.12397,0.00656,-0.02495,0,-0.00367,-0.00848,-0.04588,-0.00357,0.0693,-0.03755,0.03691,-0.06619,-0.01695,-0.00208,0.03778,0.02197,-0.00348,0.0648,0.06361,-0.07895,-0.01847,0.04273,0.00368,0.00519,0.04846,-0.08272,-0.04347,0.01946,0.07745,0.09713,-0.02705,0.03746,-0.04449,0.02522,-0.02699,0.01284,-0.04567,0.01397,-0.03212,0.00661,-0.04748,-0.08711,0.02438,-0.0254,-0.04769,-0.04639,-0.13703,0.02165,-0.02063,-0.04946,-0.02243,-0.00261,-0.00073,0.00304,0.0508,0.0434,0.03706,0.05001,0.07952,-0.05278,-0.00262,0.03303,0.04114,0.04057,0.06449,0.044,-0.08123,-0.03528,0.02861,0.04416,-0.01164,0.08564,0.06022,-0.0736,-0.06202,0.04759,0.06721,0.02217,0.0624,-0.01865,-0.05133,-0.04712,0.03238,-0.01399,-0.00336,-0.02113,-0.01718,0.0626,0.09599,-0.09244,-0.00942,-0.0433,-0.15735,-0.03163,0.13456,0.00239,0.03445,0.00521,0.02861,0,-0.03487,0.03165,-0.02657,0.09446,-0.0042,0.00811,0.01254,-0.00012,0.05031,-0.0013,-0.03085,0.08342,-0.03629,0.02415,0.00776,0.07894,-0.08591,-0.11945,0.00587,-0.11028,0.09666,0.0034,0.00007,-0.00408,-0.09413,0.00038,0.01468,0.04227,0.01292,-0.05027,0.00249,0.00613,-0.02655,-0.05181,0.03174,-0.06356,-0.00567,0.08796,0.01274,-0.05655,0.00664,-0.02096,0.01129,0.04253,-0.02044,0.05319,-0.12029,0.02105,0.00238,-0.00722,-0.06591,0.01329,-0.0602,-0.05956,-0.00578,-0.00713,0.04223,0.02102,-0.03969,0.01528,0.05626,-0.02435,-0.01728,0.01366,0.05374,0.02758,0.00146,0.02513,0.0282,0.07967,0.07263,0.03785,-0.01073,-0.05018,0.09428,0.06326,0.14369,-0.07734,0.01985,0.02016,-0.05095,0.08754,0.00165,-0.03837,-0.00181,0.08792,-0.1059,-0.04166,0.03663,0.0301,-0.04281,0.03544,0.00569,0.03755,-0.02464,0,-0.07846,0.02322,-0.01138,-0.00471,0.01986,0.0238,0.01362,0.04636,0.04073,-0.03254,0.00935,-0.00883,0.01209,0.03612,0.07564,0.03154,0.00784,0.01321,-0.04612,-0.0709,0.09243,0.01064,0.05035,0.0857,-0.01413,-0.04556,-0.01665,0.04303,0.00188,-0.02088,-0.02198,0.08508,0.03964,0.09495,-0.06267,0.06363,-0.03974,0.00268,-0.04725,-0.0189,0.08646,-0.00964,-0.05142,-0.02967,-0.0679,0.03609,0.00629,-0.05857,-0.02116,-0.02293,-0.06382,0.02352,-0.06188,0.10755,0.02817,0.06105,-0.04058,-0.00048,0.12037,0.02586,-0.06181,-0.03376,-0.00436,0.04312],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🚀 Conclusion Drag-and-drop in Foblex Flow is not just about moving elements around — it’s a carefully designed architecture that offers stability, flexibility, and scalability: - Normalized events eliminate inconsistencies between mouse, touch, and pointer input. - A well-defined drag session lifecycle makes behavior predictable and easy to debug. - The plugin system enables new features without altering the core logic. - SSR support and zoneless execution ensure compatibility and performance across environments. This architecture forms a solid foundation for building not just a visual editor, but a complete platform — from simple node movements to complex scenarios like external drag sources, dynamic reconnection of links, and context-aware behaviors.","excerpt":"🚀 Conclusion Drag-and-drop in Foblex Flow is not just about moving elements around — it’s a carefully designed architecture that offers stability, flexibility, and scalability: - Normalized events eliminate inconsistencies between mouse, touch, and pointer input. - A well-defined drag session lifecycle makes behavior predictable and easy to debug. - The plugin system enables new features without altering the core logic. - SSR support and zoneless execution ensure compatibility and performance across environments. This architecture forms a solid foundation for building not just a visual editor, but a complete platform — from simple node movements to complex scenarios like external drag sources, dynamic reconnection of links, and context-aware behaviors."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#0","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.04034,0.04425,-0.08392,0.002,0.0262,-0.03416,-0.00587,0.07728,0.01609,0.0158,-0.05599,-0.03502,0.01928,-0.06382,0.01745,0.01842,-0.03428,-0.05156,-0.0022,-0.00876,-0.01466,-0.06754,-0.05663,0.02579,-0.0179,0.09002,-0.03802,-0.06442,-0.00111,-0.03566,0.0094,0.06364,0.01357,0.07927,0.01061,0.00934,0.01222,-0.03771,-0.07855,-0.08768,-0.00383,0.01231,-0.02134,0.05578,-0.03876,0.04642,0.04583,-0.04683,-0.04688,0.03896,-0.10658,0.00186,-0.07817,0.09565,0.06866,0.08409,0.03494,-0.00563,-0.06699,0.03908,-0.01703,-0.01491,-0.02062,0.08195,0.0446,0.05604,0.00375,0.06017,0.04643,-0.06335,-0.03792,-0.00088,0.00198,0.01608,0.03149,-0.07631,-0.01059,0.00686,-0.00156,-0.07366,-0.0568,0.02886,0.02659,0.05018,-0.00751,0.01127,0.02794,-0.07024,0.0043,0.03343,-0.0159,0.02551,0.09063,-0.05704,0.05873,0.00848,0.04676,-0.04961,-0.0611,0.0365,0.0019,0.00981,0.05331,0.08524,-0.05095,-0.05538,-0.01718,-0.01904,-0.09555,-0.01707,-0.06466,0.06357,0.04663,-0.05669,0.0175,-0.05877,-0.07004,-0.01535,0.01439,0.0439,-0.02423,-0.05861,0.05657,0.00101,-0.04095,-0.00141,-0.03257,0,0.00248,-0.0162,-0.02024,-0.01923,0.01766,-0.01371,0.01682,-0.05525,-0.03021,-0.00386,0.03883,0.10149,-0.00959,0.07123,0.06324,-0.02892,-0.06477,0.06329,0.06257,-0.00612,0.12161,0.01222,0.00792,-0.02276,0.07879,0.04496,-0.0258,0.00604,-0.02039,0.0526,-0.0626,-0.04477,-0.0238,0.01097,0.04501,0.02018,-0.0387,-0.09089,-0.01176,-0.083,0.01612,-0.02334,-0.03458,-0.06054,0.01599,-0.05174,-0.05593,-0.04429,0.00349,0.01002,0.08754,0.02349,-0.01155,0.01472,0.00645,-0.02839,-0.0019,-0.02524,-0.00829,0.05138,0.00523,0.02099,-0.01315,-0.00472,0.00805,0.08158,-0.03426,-0.03303,0.07575,-0.0457,-0.04353,0.08524,0.00634,-0.01433,0.05192,-0.02417,-0.02003,-0.04986,-0.07558,-0.04251,-0.00796,-0.07883,-0.00872,0.08085,0.10051,-0.06529,0.01449,-0.09271,-0.10634,0.04807,0.08529,-0.06702,0.03007,0.01088,0.00076,0,0.00127,-0.04504,-0.01789,0.07242,0.00994,-0.03389,-0.00084,-0.02743,0.05504,-0.03129,-0.05341,-0.02869,0.04362,-0.03365,0.03323,-0.01378,-0.01007,-0.14379,-0.08247,-0.00185,-0.06038,0.08843,-0.05081,-0.00953,-0.04003,0.03937,-0.14028,0.02354,0.0371,-0.05406,-0.03342,-0.02275,-0.10599,-0.1388,-0.04194,-0.0383,-0.03176,0.03947,-0.01239,-0.02072,0.03449,0.04917,-0.0912,-0.01063,-0.02169,0.05798,-0.14339,0.05309,0.02574,0.00322,-0.02384,0.02317,0.01126,-0.05534,-0.01951,0.06007,0.12768,0.09186,-0.02571,0.03848,-0.05497,-0.05147,0.01048,0.06273,0.02149,-0.0192,0.02011,0.04958,-0.00236,0.02466,0.13168,0.05535,-0.08283,0.01949,0.09691,0.05733,0.00339,-0.00626,-0.00298,0.08185,-0.02371,0.10265,-0.00275,0.07241,0.05546,0.01203,-0.04288,-0.10594,0.02169,0.01457,-0.06077,-0.00431,-0.06892,0.05815,-0.00636,0,-0.09028,-0.04465,0.01332,0.08033,0.07796,0.04394,-0.03966,0.05489,0.00965,-0.01913,0.0694,0.02016,-0.09756,-0.01152,0.00516,0.03397,0.05972,-0.07943,-0.0386,-0.02713,-0.04474,0.02802,-0.0513,0.11487,0.03479,-0.04377,0.08789,-0.00736,0.05465,0.05574,0.00884,0.04798,0.08574,0.10145,-0.02235,0.05773,0.0413,0.06956,-0.07779,-0.01437,0.0219,0.06275,-0.05277,0.00652,-0.01571,0.05417,-0.04631,-0.03867,-0.03916,-0.03123,-0.05472,0.03,-0.05029,0.12716,0.01716,0.07931,0.00318,-0.005,0.07218,0.05929,-0.01635,0.01045,0.00422,0.01738],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Designing a Stateless Library: How Foblex Flow Avoids Owning Your Data","excerpt":"Designing a Stateless Library: How Foblex Flow Avoids Owning Your Data"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#1","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.07951,0.01584,-0.06525,0.03854,0.01302,-0.02471,-0.06674,0.06912,0.10228,0.0011,-0.06381,0.00867,-0.00255,-0.06369,0.05976,0.05646,-0.00719,-0.0437,-0.06971,-0.02362,-0.03266,-0.03335,-0.03906,0.00688,-0.00858,0.07511,0.01302,-0.02552,-0.01042,-0.05044,0.03921,0.06866,-0.05177,0.02274,-0.03452,0.11952,-0.00615,-0.04482,-0.08231,-0.06269,0.0388,0.03283,0.00909,0.01997,-0.04265,-0.02202,-0.01463,-0.04703,-0.02539,0.04825,-0.07164,0.00461,-0.04777,0.04956,0.05724,0.11066,-0.00982,-0.01959,-0.01258,0.02671,0.01898,0.0183,0.02039,0.05284,-0.04297,0.03645,0.02881,0.01847,0.0839,-0.03591,0.04431,-0.00776,-0.05621,-0.04565,0.03078,-0.05501,0.01068,0.04118,-0.02011,-0.08851,0.0095,-0.00054,-0.00518,0.05047,-0.03129,0.02273,-0.00147,-0.04643,0.05845,0.08128,0.01543,0.02759,0.0479,-0.03137,0.07413,0.03233,0.0922,0.02862,-0.06804,0.06765,0.01904,0.00182,0.01824,0.0931,0.00797,-0.07084,-0.02317,-0.01564,-0.08484,-0.01595,-0.0094,0.04887,0.03224,0.00417,0.00577,-0.03672,-0.00861,-0.04094,-0.02938,0.04757,0.01182,0.01259,0.02781,0.02609,-0.00162,-0.02932,0.00185,0,0.03284,-0.01288,0.0045,-0.02582,0.05072,-0.01899,0.01364,-0.03026,-0.01388,-0.00032,-0.03467,0.09726,-0.03449,0.06872,0.02934,-0.02673,-0.00149,0.04715,0.05197,-0.00045,0.09397,0.00519,-0.02878,0.0081,0.02027,0.07229,-0.02053,0.03525,-0.05667,0.01294,-0.04901,-0.01948,0.05447,0.01156,-0.0246,0.0162,-0.06651,-0.08067,-0.0378,-0.07819,-0.02324,0.04338,-0.08672,-0.05838,0.01538,-0.07847,-0.03249,0.00183,-0.00319,0.0087,0.06252,0.0484,0.01116,0.04251,-0.02771,-0.04198,0.03658,0.01138,-0.01365,0.05938,0.04388,0.06327,-0.03909,0.05635,0.07732,0.11435,-0.04456,0.00463,0.03765,-0.05949,-0.06193,0.11464,-0.00977,-0.04446,0.06991,-0.04847,-0.05202,-0.07527,-0.03401,-0.02739,-0.00937,-0.10547,-0.07989,0.09296,0.08743,-0.04947,0.01928,-0.03142,-0.10631,0.05185,0.13283,-0.04573,0.0686,-0.02852,0.02719,0,0.03436,-0.04265,0.00077,0.06409,0.04282,-0.05741,-0.01479,0.04459,0.00089,-0.07589,-0.06645,-0.02331,-0.02927,-0.03057,0.03858,-0.03058,-0.03408,-0.1385,-0.06148,-0.04164,-0.02141,0.07787,-0.03358,0.01121,-0.04915,0.00236,-0.11247,0.00176,-0.01572,-0.04786,-0.0148,-0.01421,-0.09169,-0.11468,0.02438,-0.02462,-0.04276,0.05085,0.02063,-0.00926,-0.00215,0.04763,-0.13763,0.02079,-0.0124,0.0753,-0.15378,0.05994,0.02193,-0.02906,-0.03166,0.05342,-0.00563,-0.05949,0.0054,-0.02334,0.09235,0.04688,-0.04792,0.0159,-0.05467,-0.0458,0.00983,0.00212,-0.01357,0.01134,-0.01557,0.0339,0.02523,0.05272,0.11081,0.03473,-0.06897,0.02312,0.12773,-0.02047,-0.00155,-0.01912,0.03833,0.07647,-0.09663,0.09083,0.04819,0.05615,0.02417,-0.03273,-0.05521,-0.01597,0.04982,0.04988,-0.01398,0.00938,-0.10679,0.04774,-0.00934,0,-0.11934,-0.01941,-0.04867,0.0502,0.03642,-0.0042,-0.00046,0.0327,0.02195,-0.02387,0.08712,0.02459,-0.10202,-0.08476,0.00693,0.00698,0.06438,-0.07132,-0.03594,-0.018,-0.03838,0.00212,-0.05241,0.05842,0.03734,-0.08579,0.0693,0.0403,0.01932,0.0724,0.01272,-0.0241,0.09745,0.15657,-0.06502,-0.03149,0.10578,0.02108,-0.03642,-0.00023,0.00721,0.063,-0.09214,-0.03531,-0.03216,0.01594,-0.02712,0.00476,-0.00788,-0.03206,-0.08641,-0.00766,-0.06622,0.10003,0.04118,0.02427,-0.02041,-0.01505,0.0626,0.02514,-0.0249,-0.00238,0.00457,-0.03032],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. The problem with libraries that own your data Most node-based libraries ship with an opinion about your data model. You hand them a nodes[] array and an edges[] array, and in return you get a rendered graph. That works fine in a demo. It starts to break the moment your app grows up. Your real domain model is not { id, x, y }. It is a workflow step, a call routing rule, an AI agent with a schema, a piece of business logic with validations attached. Persistence is not \"serialize the library's internal state to JSON\". It is writing to your backend, your database, your existing document format. In the default stateless setup, undo/redo is not the library's job. It is a feature of your editor, tied to your command history. Optimistic updates, collaboration, offline sync — all of that lives in your app, not in a graph library. When a library owns the data, every one of those concerns has to go through an adapter. You spend more time translating between the library's model and yours than you spend building the actual editor.","excerpt":"The problem with libraries that own your data Most node-based libraries ship with an opinion about your data model. You hand them a nodes[] array and an edges[] array, and in return you get a rendered graph. That works fine in a demo. It starts to break the moment your app grows up. Your real domain model is not { id, x, y }. It is a workflow step, a call routing rule, an AI agent with a schema, a piece of business logic with validations attached. Persistence is not \"serialize the library's internal state to JSON\". It is writing to your backend, your database, your existing document format. In the default stateless setup, undo/redo is not the library's job. It is a feature of your editor, tied to your command history. Optimistic updates, collaboration, offline sync — all of that lives in your app, not in a graph library. When a library owns the data, every one of those concerns has to go through an adapter. You spend more time translating between the library's model and yours than you spend building the actual editor."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#2","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.07766,0.04799,-0.07154,0.01458,0.01106,0.02383,-0.03569,0.09076,0.08916,0.04325,-0.08862,-0.02532,-0.05078,-0.02944,0.07836,0.03226,0.00831,-0.09613,-0.02062,-0.00199,-0.00544,-0.04745,-0.02556,-0.03989,-0.00005,0.09714,-0.0099,-0.06112,0.06578,-0.03536,0.04896,0.02878,-0.0058,0.03879,-0.08619,0.02562,0.00675,-0.06669,-0.04809,-0.0401,0.05509,0.05125,-0.06414,-0.01586,-0.06818,0.03627,0.01738,-0.02818,-0.07454,0.06122,-0.04834,-0.00726,-0.05414,0.07501,0.05151,0.0687,0.03287,0.01807,-0.03729,0.01003,-0.0217,-0.04563,0.00484,0.06253,0.04884,0.04594,-0.04834,-0.02085,0.0492,-0.05422,0.01412,-0.01151,0.07069,-0.07561,0.04015,-0.10933,-0.021,0.06317,0.02746,-0.06601,0.00788,0.04258,0.01768,0.01217,0.00738,0.0208,-0.02192,-0.0957,0.01567,-0.00023,0.01951,0.04474,0.01703,0.00051,0.05516,0.03855,0.02391,-0.0024,-0.06599,0.03794,0.01341,-0.04076,0.0477,0.11237,-0.04507,-0.08187,-0.04508,-0.00758,-0.08884,0.02206,0.00371,0.07796,0.0647,-0.01011,-0.04296,-0.05684,-0.02478,-0.02097,-0.00878,0.04758,-0.03658,-0.03774,0.06633,-0.00307,-0.02756,-0.0067,0.00025,0,-0.03408,-0.01629,-0.06194,-0.05703,0.03632,-0.00009,0.01989,-0.07216,0.05569,0.01306,0.03243,0.11214,-0.02007,0.05014,0.06626,-0.0218,-0.06974,0.03809,0.0852,-0.00348,0.10133,0.03736,-0.01333,0.02216,0.03477,0.08904,-0.02614,0.05574,-0.10106,0.02178,-0.00384,-0.01188,-0.00839,-0.01765,0.00152,0.00249,-0.03695,-0.08956,-0.06412,-0.10869,0.02806,-0.02974,-0.08596,-0.00134,-0.01686,-0.03513,-0.05251,-0.03749,-0.01136,-0.00732,0.05208,0.01871,0.01717,0.00697,0.04074,-0.02587,0.0067,0.00826,-0.00828,0.02384,0.05917,-0.01012,0.01251,0.00053,0.01972,0.12774,-0.01197,-0.02307,0.05882,-0.05529,-0.03041,0.12446,-0.02147,0.01068,0.06639,-0.03762,0.00195,-0.01505,-0.0339,-0.06543,0.03686,-0.04705,-0.02433,0.13431,0.08507,-0.0984,0.00764,-0.04541,-0.10097,0.03806,0.11198,-0.03978,0.02442,0.03965,0.03423,0,0.03914,-0.03407,-0.01294,0.0381,0.00108,-0.06355,0.02189,0.03503,0.05165,0.02287,0.01866,-0.03025,-0.00092,-0.01321,0.01187,0.01815,-0.02762,-0.1594,-0.03644,-0.07565,-0.04162,0.07209,-0.05129,-0.00972,-0.06155,0.04748,-0.10289,-0.01397,0.04454,-0.05517,-0.07069,-0.0165,-0.07988,-0.08484,-0.04379,-0.02495,-0.03361,0.02331,0.01308,-0.03944,-0.01849,0.043,-0.07299,0.02485,-0.03534,0.04779,-0.11469,0.04647,0.00471,-0.03139,0.00602,0.05112,0.01793,-0.04384,-0.06132,0.03762,0.12477,0.03845,-0.0444,0.05479,-0.05234,-0.03287,0.0059,0.03099,0.00845,0.07142,-0.0093,0.00614,0.12488,0.06878,0.11713,0.00356,-0.07308,-0.03012,0.12344,0.0819,0.04353,-0.01054,0.01131,0.01991,-0.07971,0.06179,0.02743,0.04717,0.02965,0.00686,-0.07258,-0.11752,0.05499,0.05642,-0.04413,0.00073,-0.04262,0.02434,0.01059,0,-0.12916,0.00191,-0.02148,0.02781,0.06441,-0.00686,-0.04786,0.01333,0.00118,-0.01701,0.01352,0.0544,-0.07408,-0.02799,0.01149,0.03474,0.01465,-0.0754,-0.00432,-0.00683,-0.03717,-0.00356,-0.03041,0.07578,0.0501,-0.07324,0.06678,-0.0106,0.02605,0.07261,-0.02762,0.05683,0.09198,0.13368,-0.07305,-0.01256,0.01529,0.01814,-0.05684,0.00834,0.04551,-0.00248,-0.06141,-0.01222,-0.08362,0.06382,-0.0342,-0.01002,0.00748,-0.02624,-0.06427,0.03642,-0.0852,0.03835,0.01206,0.03165,-0.01516,-0.02714,0.08426,0.01128,-0.06165,-0.03035,0.00443,-0.03057],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. What Foblex Flow does instead Foblex Flow's core is stateless by default. The library does not hold the definition of your graph. It renders what you pass in as Angular template children, listens for user interaction on those children, and emits events when something happens. Your application decides whether to apply the change. That is the whole model. - The library renders the UI layer. - The application owns the business logic. - The two communicate through events and inputs, without a hidden internal store of your data. This is not just a design preference. It is the decision that shaped every API that came after.","excerpt":"What Foblex Flow does instead Foblex Flow's core is stateless by default. The library does not hold the definition of your graph. It renders what you pass in as Angular template children, listens for user interaction on those children, and emits events when something happens. Your application decides whether to apply the change. That is the whole model. - The library renders the UI layer. - The application owns the business logic. - The two communicate through events and inputs, without a hidden internal store of your data. This is not just a design preference. It is the decision that shaped every API that came after."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#3","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.0473,0.00202,-0.04125,0.00085,0.00825,0.00247,0.00367,0.06588,0.02983,0.03044,-0.01375,0.01161,-0.00409,-0.02364,0.0447,-0.00693,0.00225,-0.06065,-0.02453,0.03193,-0.00012,-0.0827,-0.03926,0.00421,-0.0359,0.07772,-0.05604,-0.06029,0.03781,-0.03243,0.02314,0.08282,0.05353,0.03282,-0.03819,0.00023,0.01795,-0.06417,-0.11199,-0.03224,0.05543,-0.01826,0.01129,0.03924,-0.00753,0.08054,0.02785,-0.06239,-0.07038,0.04762,0.0411,0.03232,0.00284,0.10598,0.04369,0.08259,0.05535,0.01601,-0.06982,0.00593,0.02159,-0.02009,-0.02994,0.05002,0.00939,0.05298,0.0344,-0.02982,0.07997,-0.0841,-0.0422,-0.03916,0.06417,-0.07173,0.03927,-0.10433,0.01168,0.02724,-0.02564,-0.06472,-0.00596,-0.00545,0.03422,0.02466,-0.00801,0.02517,-0.03849,-0.07547,0.0525,0.0463,-0.08499,0.03492,0.01336,-0.08302,0.06008,-0.00772,0.01708,-0.00685,-0.08983,0.03597,0.01355,-0.0274,0.05391,0.07559,-0.0234,-0.08058,-0.06833,-0.01049,-0.05421,0.02642,-0.04515,0.02395,0.11896,-0.01165,-0.01527,-0.00477,-0.02181,-0.01886,0.01609,0.0578,-0.0237,-0.01313,0.06262,-0.0037,-0.03771,0.04332,0.0047,0,-0.02418,-0.00944,-0.00314,-0.07072,0.01197,0.00455,0.01116,-0.08314,0.03645,-0.02623,0.02929,0.12592,-0.01484,0.08042,0.02603,-0.03977,-0.06534,0.04968,0.09286,-0.00572,0.07816,0.09653,-0.03357,-0.04653,0.07907,0.05863,-0.0343,0.05469,-0.01419,0.01343,-0.05711,-0.02321,-0.01947,-0.01561,-0.01056,-0.00315,-0.07774,-0.0813,-0.02004,-0.1035,0.00013,-0.01646,-0.07855,-0.06381,-0.01028,-0.0993,-0.03817,-0.04738,0.01889,-0.00415,0.08307,-0.006,0.01266,-0.02843,-0.02394,-0.02967,-0.00328,0.00426,-0.0706,0.01987,0.01088,0.00153,-0.05417,0.01223,0.00869,0.09939,-0.01184,0.01501,0.03884,-0.06938,-0.07162,0.10178,-0.02867,0.01967,0.05185,-0.02133,0.05408,-0.01463,-0.10447,-0.01259,-0.00861,-0.04822,0.00654,0.11444,0.11498,-0.06063,0.00315,-0.0803,-0.07826,0.01309,0.07906,-0.05767,0.04325,0.07545,0.01551,0,0.03331,-0.03352,-0.0665,0.10126,-0.02309,-0.01864,0.01676,0.02111,0.03385,-0.07509,0.00502,-0.00837,0.04851,-0.00341,0.01859,0.01551,-0.04604,-0.088,-0.05,0.00524,0.01581,0.03431,-0.02485,-0.01692,-0.10024,0.00295,-0.10298,0.01624,-0.01148,-0.06467,-0.00678,-0.02121,-0.08342,-0.08355,-0.04936,-0.04347,-0.07958,0.06679,-0.01363,-0.02065,0.0187,0.04684,-0.04196,0.05333,-0.0241,0.09067,-0.11171,0.0015,-0.04368,0.00489,-0.05393,0.01731,-0.02068,-0.0246,-0.04628,0.0543,0.12836,0.05287,-0.08928,0.00672,0.0059,-0.02901,-0.02026,0.0132,0.03183,0.05518,0.04452,0.03523,0.02205,0.05792,0.1237,0.04098,-0.05539,-0.02708,0.10852,0.06582,0.01533,-0.03692,0.00379,-0.0125,-0.08873,0.07517,0.01527,0.02886,0.04855,0.03505,-0.08777,-0.05419,0.05792,0.0443,-0.03494,0.0369,-0.0353,0.07266,-0.02091,0,-0.07841,-0.00259,-0.01635,-0.00098,0.07199,-0.00163,-0.01016,0.02282,0.01815,-0.0219,0.03874,0.00298,-0.07882,-0.06141,0.03399,0.06588,0.05057,-0.00901,-0.04309,-0.02543,-0.06345,-0.01592,-0.06142,0.11498,0.03772,-0.06295,0.12842,0.03065,0.04375,0.06346,0.00266,0.04616,0.06837,0.10281,-0.09248,0.06101,0.03535,0.04444,-0.00021,-0.00177,0.01063,0.05704,-0.04939,-0.02119,-0.0706,0.04792,-0.03408,-0.03934,0.01022,-0.03511,-0.04872,0.07053,-0.04495,0.11678,0.05255,0.0963,0.01362,-0.02133,0.10653,0.03278,-0.03323,-0.03643,-0.0063,0.01285],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Optional managed state, without changing the core The default contract above remains unchanged. If an application wants the library to handle common graph bookkeeping, it can explicitly install the optional Managed Flow State plugin: withFlowState() provides typed node, group, connection, selection and viewport signals, plus load(), snapshot() and batched undo/redo. Supported finished gestures update that opt-in store automatically. The same public events still fire, records keep the application's own fields, and the application can override or replace the default mutation behavior. So \"stateless\" describes the core and the default integration mode. Managed state is an explicit provider installed by applications that prefer convenience over wiring every supported gesture themselves; it is not a hidden store imposed on every flow. with Flow State","excerpt":"Optional managed state, without changing the core The default contract above remains unchanged. If an application wants the library to handle common graph bookkeeping, it can explicitly install the optional Managed Flow State plugin: withFlowState() provides typed node, group, connection, selection and viewport signals, plus load(), snapshot() and batched undo/redo. Supported finished gestures update that opt-in store automatically. The same public events still fire, records keep the application's own fields, and the application can override or replace the default mutation behavior. So \"stateless\" describes the core and the default integration mode. Managed state is an explicit provider installed by applications that prefer convenience over wiring every supported gesture themselves; it is not a hidden store imposed on every flow."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#4","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.05216,0.03979,-0.09113,-0.02184,0.0489,-0.02076,-0.0181,0.08118,0.02957,0.02359,-0.05225,-0.03034,0.00633,-0.05833,0.0483,0.03507,0.00365,-0.04588,0.0049,-0.02294,-0.00899,-0.06524,-0.03776,0.01078,0.00028,0.09894,-0.06305,-0.05576,0.02887,-0.04119,0.04107,0.03786,-0.00041,0.07665,-0.00719,0.03179,-0.0043,-0.07072,-0.059,-0.06067,0.02795,0.04797,-0.02133,0.04713,-0.07743,0.05651,0.02291,-0.0104,-0.0338,0.03505,-0.04955,-0.00528,-0.06802,0.06482,0.05635,0.10824,0.02963,-0.00593,-0.01878,0.10093,0.03887,-0.01302,-0.00954,0.0823,0.02993,0.05849,0.00394,0.02756,0.04733,-0.08411,0.00084,0.01705,0.02189,-0.02301,0.02402,-0.07729,0.0151,0.02255,-0.04881,-0.06377,-0.04371,0.01816,0.03892,0.05163,-0.01655,0.00525,0.00012,-0.10009,0.00286,0.07374,-0.01799,0.03641,0.04193,-0.03521,0.05058,0.0233,0.03568,-0.00983,-0.06798,0.03343,0.01763,-0.04772,0.07867,0.06489,-0.0308,-0.06759,-0.04901,-0.0107,-0.09085,0.0121,-0.03834,0.06858,0.07179,-0.01224,0.0205,-0.04205,-0.0499,-0.02046,-0.00018,0.07589,-0.04847,-0.01344,0.06257,-0.02433,-0.05032,-0.00307,-0.02293,0,-0.00947,-0.03677,-0.01069,-0.03444,-0.01124,-0.01122,0.02593,-0.04852,-0.00704,-0.02641,-0.02464,0.09833,-0.05449,0.09435,0.0006,-0.00689,-0.05075,0.04988,0.04392,-0.01847,0.11316,0.02894,0.00229,-0.00685,0.03366,0.06709,-0.01021,0.01342,-0.05606,0.04561,-0.08697,-0.02502,0.02035,0.01699,0.01602,0.03866,-0.04536,-0.06361,-0.03636,-0.10503,0.02232,0.01156,-0.04255,-0.04555,0.02386,-0.05631,-0.08467,-0.04055,-0.02347,0.004,0.07581,0.02261,-0.00202,0.05002,0.00691,-0.05297,0.01328,0.00454,-0.01482,0.03927,0.0534,0.01459,-0.03614,-0.00429,0.01924,0.11824,-0.04856,-0.03554,0.04708,-0.014,-0.05904,0.10686,0.0209,0.0153,0.04291,-0.02711,-0.04083,-0.04062,-0.07963,-0.06182,-0.00933,-0.0711,-0.00536,0.07766,0.07652,-0.08288,0.04643,-0.10143,-0.07128,0.06652,0.11055,-0.0518,0.04697,0.02093,0.00059,0,0.0231,-0.01631,-0.00148,0.07,0.01057,-0.04454,-0.02288,0.00093,0.01823,-0.00668,-0.03367,-0.0317,0.02064,-0.01715,0.03598,-0.02251,0.02841,-0.15719,-0.05297,-0.03486,-0.06306,0.05664,-0.02698,-0.02747,-0.03083,-0.00391,-0.13275,-0.00007,0.03583,-0.0457,-0.02383,-0.00477,-0.12169,-0.12563,-0.03646,-0.03313,-0.07227,0.02262,0.02063,-0.02862,0.01407,0.03157,-0.11465,-0.0123,-0.02552,0.07385,-0.1176,0.04219,-0.00442,-0.04053,-0.0197,0.02413,0.03227,-0.04704,-0.0187,0.08112,0.12367,0.13299,-0.04643,0.00877,-0.03497,-0.05437,-0.01787,0.01812,-0.00087,0.01381,0.02221,0.02416,0,0.06332,0.09851,0.05982,-0.07369,0.00184,0.06634,0.07325,0.02598,0.01723,0.01575,0.05606,-0.06514,0.12419,0.01675,0.07589,0.08146,-0.01562,-0.05993,-0.11733,0.02958,0.0303,-0.03042,0.01864,-0.10337,0.03891,0.0143,0,-0.10651,-0.02456,-0.05014,0.04947,0.06109,0.03472,0.00877,0.08363,0.0149,-0.00118,0.03083,0.00961,-0.1159,-0.03124,0.00364,0.04209,0.0426,-0.07089,-0.01119,-0.02755,-0.06011,-0.01141,-0.02506,0.13829,0.01211,-0.0637,0.09106,-0.00601,0.04133,0.09415,0.00137,0.04506,0.09927,0.07246,-0.02599,0.0803,0.01115,0.06773,-0.04279,0.02728,0.0131,0.03347,-0.04717,-0.0209,-0.04683,0.04194,-0.00809,0.02345,-0.01838,-0.0117,-0.05985,0.02592,-0.07548,0.06979,0.03254,0.07368,-0.00959,-0.0603,0.07838,0.02889,-0.02573,-0.00475,0.02146,0.00239],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. 🎯 The key idea — what the library stores vs what the app stores Most graph libraries keep a copy of your nodes and edges inside themselves. The library becomes the source of truth. Your app mirrors it. Foblex Flow takes a different approach. What the core stores in the default mode:","excerpt":"🎯 The key idea — what the library stores vs what the app stores Most graph libraries keep a copy of your nodes and edges inside themselves. The library becomes the source of truth. Your app mirrors it. Foblex Flow takes a different approach. What the core stores in the default mode:"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#5","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.03406,0.02654,-0.05886,0.00487,0.02114,0.00676,0.02222,0.06293,0.02902,0.01691,-0.04209,-0.00471,-0.02754,-0.03928,0.01507,-0.00222,0.00419,-0.06108,0.01023,0.03793,-0.00618,-0.10919,-0.02112,-0.03165,0.0084,0.07165,-0.03663,-0.0789,0.04447,-0.04463,-0.01581,0.09757,-0.00811,0.05749,-0.05265,0.00206,0.05119,-0.08728,-0.13226,-0.0545,0.04119,0.03035,-0.00546,0.03603,-0.0105,0.03676,0.03757,-0.04405,-0.05647,0.04429,-0.04604,-0.0027,-0.04069,0.10858,0.03108,0.07882,0.07273,0.0014,-0.03504,0.10465,0.01244,-0.00544,-0.00709,0.08789,0.03268,0.06901,0.02312,-0.02462,0.04849,-0.07898,-0.05481,-0.00286,0.04019,-0.05378,0.04435,-0.10874,-0.00194,-0.01472,-0.00457,-0.08659,0.00178,0.00637,-0.0083,0.05453,0.00282,0.0529,-0.0329,-0.07205,0.01031,0.06378,-0.07324,0.04967,-0.03577,-0.05308,0.01552,-0.01438,0.02395,-0.03272,-0.10086,0.04603,0.04568,-0.00809,0.10233,0.07815,-0.04957,-0.05752,-0.03008,-0.01697,-0.09888,0.02623,-0.04101,0.03864,0.06805,-0.03566,-0.01979,-0.03086,-0.04831,-0.02938,0.07425,0.07148,0.00142,-0.04227,0.01905,-0.01025,-0.02343,-0.0143,-0.05804,0,-0.0025,-0.01209,-0.02134,0.01292,0.04537,-0.00412,0.03441,-0.07868,-0.02889,-0.0101,-0.00266,0.09306,-0.04257,0.08057,0.04965,-0.09007,-0.03835,0.06335,0.04122,0.0007,0.10241,-0.00266,-0.01829,-0.05469,0.09235,0.09185,-0.04586,0.05436,-0.0477,0.04105,-0.05703,-0.02234,-0.03369,-0.02393,-0.00459,-0.01039,-0.04955,-0.09676,-0.04321,-0.05256,-0.00852,-0.01326,-0.06816,-0.0515,-0.00867,-0.08108,-0.06167,-0.00964,0.0049,0.03917,0.05331,0.00779,-0.01644,-0.03264,0.0107,-0.04275,0.01138,0.01384,-0.05008,0.07687,0.01331,0.03941,-0.08323,-0.01784,0.03683,0.12045,-0.02029,-0.00153,0.02508,-0.05189,-0.08111,0.11531,0.03505,0.00337,0.06181,0.0004,-0.02835,-0.03704,-0.07809,-0.01653,-0.02468,-0.06015,-0.01618,0.09563,0.0707,-0.06656,0.02721,-0.09949,-0.11928,0.04329,0.0864,-0.02586,0.06541,0.00534,-0.01361,0,-0.02915,-0.03305,-0.03114,0.08903,-0.00581,-0.04392,0.05437,0.03813,0.03462,-0.04139,0.01062,-0.00415,0.0236,-0.02749,0.02941,0.02993,-0.0319,-0.13666,-0.04067,-0.00808,-0.00205,0.05859,-0.00266,-0.02993,-0.09096,0.00943,-0.04536,0.00677,-0.02266,-0.06193,0.00154,-0.00494,-0.08419,-0.05139,-0.0254,-0.02229,-0.01866,0.04503,0.01296,-0.02878,0.06735,0.05435,-0.05435,0.047,-0.03187,0.06774,-0.15138,0.02854,-0.02784,-0.0088,-0.0438,0.04205,-0.03134,-0.06478,-0.04667,0.06161,0.09119,0.07715,-0.02877,0.01767,0.03174,-0.07772,-0.05703,0.03091,0.05809,0.02382,0.01692,0.03509,0.05805,0.06542,0.15294,0.05798,-0.01527,-0.02163,0.07118,0.03256,0.06447,-0.03383,0.02083,0.04294,-0.03372,0.13173,-0.01239,0.03987,0.06499,0.0496,-0.1081,-0.05206,0.04175,0.0248,-0.05128,0.05357,-0.05343,0.03088,-0.00615,0,-0.09811,0.00529,-0.03268,-0.00343,0.04838,0.04025,-0.02037,0.02692,0.00169,-0.02119,0.0245,0.02386,-0.07965,-0.01097,0.07693,0.03739,0.05751,-0.01202,-0.04528,-0.03357,-0.03277,0.01482,-0.0546,0.14694,-0.00612,-0.06531,0.06621,0.04202,0.03395,0.05201,-0.03384,0.058,0.0442,0.08138,-0.05729,0.09687,-0.02108,0.03549,-0.04894,0.0161,0.01431,-0.00034,-0.05047,-0.00722,-0.05327,0.0681,-0.01536,-0.02438,-0.0288,-0.01639,-0.03935,0.02265,-0.05464,0.08559,0.01502,0.06752,0.01357,-0.02462,0.06257,0.06854,-0.04576,0.00905,-0.01032,0.01665],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. - References to the <f-node and <f-connection instances currently in the template - Transform state of the canvas — zoom, pan, viewport size - Interaction state during a gesture — what is being dragged, resized, rotated, or reassigned - Selection state — which node and connection IDs are currently highlighted - Internal caches needed to draw connections and run hit-testing What the app stores in the stateless mode: I Ds","excerpt":"- References to the <f-node and <f-connection instances currently in the template - Transform state of the canvas — zoom, pan, viewport size - Interaction state during a gesture — what is being dragged, resized, rotated, or reassigned - Selection state — which node and connection IDs are currently highlighted - Internal caches needed to draw connections and run hit-testing What the app stores in the stateless mode:"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#6","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06662,0.01604,-0.09466,0.00765,0.00706,0.01415,-0.0055,0.08329,0.04391,-0.01107,-0.05695,-0.00763,-0.02177,-0.04674,0.01795,-0.00732,0.00073,-0.05633,-0.00323,-0.03275,0.00439,-0.07293,-0.05516,-0.00963,-0.00973,0.08278,-0.01889,-0.03901,0.03555,-0.01921,0.02317,0.03564,-0.00424,0.05953,-0.04302,0.03153,0.03778,-0.07753,-0.08022,-0.05107,0.01618,0.02253,-0.02712,0.04305,-0.03664,0.056,0.0322,-0.05549,-0.04799,0.06708,-0.01958,0.0351,-0.02953,0.11701,0.07233,0.10578,0.01607,-0.01999,-0.05674,0.06958,-0.01491,-0.01273,-0.01588,0.07615,0.02349,0.07423,-0.03783,-0.00709,0.08088,-0.11734,0.01016,-0.04753,0.00747,-0.04069,0.03476,-0.09682,-0.00082,0.02929,-0.03759,-0.0951,0.00723,0.06453,0.02668,0.05682,-0.03234,0.03653,-0.01765,-0.06423,0.02191,0.08697,0.01303,0.02564,0.02017,-0.04833,0.08123,0.0231,0.03725,-0.04,-0.05669,0.03777,0.00666,-0.02667,0.0544,0.05772,-0.04103,-0.072,-0.05303,-0.00877,-0.08363,0.01147,-0.0047,0.0536,0.05919,-0.01096,0.02676,-0.0584,-0.04312,-0.01648,0.01445,0.01974,-0.06428,0.00183,0.05544,-0.01307,-0.04669,-0.01022,-0.03352,0,-0.01586,-0.02063,-0.02598,0.01336,0.00681,0.02518,0.04672,-0.03882,0.02582,0.00571,-0.00107,0.1292,-0.07113,0.05922,0.0297,-0.04872,-0.05582,0.06127,0.06413,-0.00595,0.10994,0.03126,0.01682,0.00039,0.09403,0.06955,-0.03798,0.04566,-0.06668,0.02581,-0.05488,-0.05032,-0.01617,0.00474,0.00135,0.04755,-0.05368,-0.08429,-0.02156,-0.08345,-0.01131,-0.01175,-0.07223,-0.03361,-0.01471,-0.04279,-0.05889,-0.0624,0.00142,0.00932,0.07123,-0.00092,0.01838,-0.01229,0.00812,-0.04487,0.0033,0.00336,-0.01715,0.04988,0.06772,0.04675,-0.05634,0.02027,0.03442,0.1514,-0.04852,-0.00289,0.05539,-0.08727,-0.05478,0.11307,0.00809,-0.00876,0.08457,-0.01118,-0.03048,-0.04437,-0.08095,-0.04604,-0.00802,-0.05797,-0.01689,0.1304,0.10393,-0.04995,0.03954,-0.06401,-0.08683,0.03766,0.09081,-0.02499,0.01918,0.04758,0.01042,0,0.05288,-0.05109,0.0147,0.01976,0.00518,-0.06215,-0.01354,0.00656,0.04001,-0.02819,-0.0268,-0.03125,0.02272,-0.03135,0.01288,0.01397,-0.03043,-0.14563,-0.06808,-0.03535,-0.06697,0.05444,-0.04088,-0.02115,-0.06905,0.00216,-0.09901,-0.02246,0.02879,-0.03646,-0.01458,-0.05077,-0.07295,-0.11061,-0.02087,-0.02069,-0.03689,0.04316,0.02729,-0.03927,0.00835,0.04134,-0.08975,0.00468,-0.02937,0.08007,-0.15763,0.0421,-0.02022,-0.0304,-0.03185,0.05904,-0.00891,-0.0541,-0.03372,0.06604,0.12874,0.09888,-0.03508,0.01098,-0.06446,-0.04025,0.00558,0.01965,-0.0138,0.02727,0.037,0.00354,0.04564,0.04453,0.12556,0.03451,-0.06168,-0.02235,0.08575,0.02298,0.04108,-0.0007,0.01098,0.0672,-0.04806,0.08682,0.02541,0.06488,0.0648,0.01114,-0.02891,-0.10155,0.05374,0.02844,-0.03155,0.01132,-0.05268,0.05025,-0.00635,0,-0.13461,-0.01197,0.00249,-0.00092,0.02612,0.01731,-0.00567,0.08213,-0.00407,-0.02921,0.0466,0.04182,-0.11396,-0.01675,0.00255,0.03591,0.06609,-0.0359,0.0045,-0.00833,-0.02194,-0.01785,-0.03747,0.12003,0.0176,-0.06704,0.07411,-0.00391,0.03033,0.09991,0.01918,0.04918,0.06928,0.11086,-0.04809,0.03038,-0.00243,0.03611,-0.03018,0.00127,-0.00484,-0.0029,-0.04198,-0.01308,-0.00991,0.05561,-0.05577,-0.01059,-0.00915,-0.03435,-0.07034,0.06048,-0.06082,0.1076,0.01095,0.05578,-0.0057,-0.04552,0.07014,0.0154,-0.07861,0.00678,0.01797,0.00179],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. - The actual list of nodes and their properties - The actual list of connections - Anything domain-specific — labels, step types, validation rules, metadata - Positions, if you want them persisted (the library tracks them during a drag, but the canonical value lives in your state) - History, for undo/redo (unless the optional managed-state plugin owns this generic graph history) 📌 In short: the library handles the UI layer, while your application owns the business logic.","excerpt":"- The actual list of nodes and their properties - The actual list of connections - Anything domain-specific — labels, step types, validation rules, metadata - Positions, if you want them persisted (the library tracks them during a drag, but the canonical value lives in your state) - History, for undo/redo (unless the optional managed-state plugin owns this generic graph history) 📌 In short: the library handles the UI layer, while your application owns the business logic."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#7","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06818,0.01473,-0.09204,0.01056,0.0152,-0.01938,-0.02005,0.05172,0.01931,0.03686,-0.05042,-0.01385,0.02003,-0.01404,0.01136,0.02354,-0.05454,-0.06765,-0.00061,-0.01336,0.00419,-0.06889,-0.05614,0.00384,-0.01951,0.068,-0.04428,-0.0148,0.03462,-0.04796,0.0284,0.06423,-0.02051,0.04794,-0.0152,0.01348,0.00865,-0.03469,-0.07713,-0.06605,0.04834,0.03279,0.0069,0.01861,-0.04198,0.05171,0.01629,-0.06075,-0.05126,0.05855,-0.07506,0.01711,-0.03665,0.09086,0.08536,0.081,0.03637,-0.0152,-0.0588,0.02862,-0.021,-0.01213,-0.03052,0.07497,0.00187,0.07775,-0.00667,0.04257,0.02561,-0.07128,-0.02053,-0.02681,-0.00582,-0.0157,0.0333,-0.0767,-0.00964,-0.00134,-0.01736,-0.08134,-0.0168,0.02018,0.02374,0.0423,-0.01365,0.03997,0.00173,-0.11024,0.03547,0.05188,-0.0219,0.01691,0.05495,-0.05245,0.05619,-0.01019,0.04408,-0.03103,-0.05912,0.05157,-0.00591,-0.01628,0.05014,0.05484,-0.02774,-0.05078,-0.03869,-0.01225,-0.04457,0.01688,-0.05078,0.05441,0.07215,-0.03012,0.03219,-0.04746,-0.07272,-0.01612,0.02303,0.01969,-0.04181,-0.03838,0.06293,0.00503,-0.03948,-0.0007,0.00136,0,0.00736,-0.04039,-0.02831,-0.01449,0.02019,0.02925,0.0017,-0.03751,-0.02893,-0.02107,0.01643,0.12379,-0.02721,0.07784,0.04523,-0.02094,-0.05878,0.04949,0.04954,-0.00521,0.13544,0.02945,-0.0017,-0.04534,0.07169,0.07647,-0.00894,0.05486,-0.00522,0.03351,-0.07458,-0.03831,-0.00803,0.01997,0.03077,0.05389,-0.05439,-0.06916,-0.03221,-0.09862,0.04221,-0.02786,-0.08044,-0.04845,0.00705,-0.0823,-0.05578,-0.06541,0.00908,0.01248,0.04852,0.01416,-0.02102,0.01508,0.00987,-0.0162,-0.00604,0.00736,-0.00987,0.04242,0.02782,0.03802,-0.04599,-0.00036,0.02848,0.11267,-0.03653,-0.00324,0.05906,-0.05892,-0.04503,0.097,-0.0105,-0.01538,0.0632,-0.05294,-0.00754,-0.02549,-0.06319,-0.04037,-0.0159,-0.12282,-0.02838,0.08792,0.10483,-0.05095,0.01177,-0.07472,-0.09602,0.0489,0.0927,-0.05681,0.02903,0.03529,0.0038,0,-0.01388,-0.02938,-0.01341,0.08327,0.01644,-0.0639,-0.01011,-0.00101,0.04856,-0.04119,-0.03312,-0.02182,0.03906,-0.02064,0.05318,-0.00697,-0.03519,-0.15886,-0.0779,-0.02734,-0.05865,0.0668,-0.04067,0.00214,-0.04231,0.02849,-0.10838,0.02057,0.02719,-0.03411,-0.0176,-0.03468,-0.13711,-0.09883,-0.03257,-0.03726,-0.04495,0.05323,-0.00169,-0.01963,0.01626,0.05132,-0.09722,0.01555,-0.01446,0.07799,-0.15312,0.02323,0.00922,0.00157,-0.04738,0.01918,0.01471,-0.05706,-0.04358,0.0408,0.13748,0.12099,-0.06656,0.00686,-0.01945,-0.05196,-0.00156,0.06315,0.03094,0.01858,0.02237,0.02927,0.0148,0.04625,0.14616,0.04816,-0.06591,-0.00913,0.12332,0.0586,-0.026,0.00897,-0.00514,0.03375,-0.03505,0.10049,0.01548,0.07418,0.03228,0.02528,-0.05242,-0.06349,0.02619,0.03388,-0.05023,0.01349,-0.06709,0.03252,-0.03584,0,-0.11822,-0.03098,0.01723,0.0389,0.06789,0.018,0.00279,0.02331,0.00001,-0.01469,0.07362,0.03911,-0.10368,-0.0187,-0.0021,0.00881,0.04666,-0.04407,-0.01965,-0.01439,-0.04457,0.01087,-0.04462,0.14002,0.00626,-0.05734,0.06925,0.01641,0.01862,0.07292,0.01906,0.05294,0.09635,0.10375,-0.04022,0.06496,0.044,0.05895,-0.06423,-0.04157,0.01431,0.05222,-0.0438,-0.01023,-0.03289,0.07523,-0.01904,-0.05891,-0.01928,-0.05108,-0.07649,0.04706,-0.06184,0.13611,0.02448,0.05169,0.00151,-0.00991,0.10188,0.03398,-0.04943,-0.01534,0.0375,0.03218],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. The managed-state plugin can own graph records and interaction history, but it never owns what those records mean, how they are validated, or where they are persisted.","excerpt":"The managed-state plugin can own graph records and interaction history, but it never owns what those records mean, how they are validated, or where they are persisted."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#8","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.04784,0.02259,-0.06348,0.01319,0.05531,-0.02405,0.01097,0.0707,0.08235,0.00155,-0.05764,-0.00557,-0.02667,-0.04515,0.02514,-0.01306,-0.00363,-0.07874,-0.02765,0.0018,0.01068,-0.08679,-0.06498,0.00263,-0.04154,0.07311,-0.03601,-0.06261,0.03072,-0.04363,0.01567,0.00243,0.01783,0.03448,0.00059,0.02381,0.00658,-0.0733,-0.08711,-0.05707,0.03976,-0.00229,-0.01378,0.02819,-0.04882,0.01873,0.03394,-0.03511,-0.074,0.08106,-0.04899,0.00922,-0.03597,0.08222,0.10227,0.07249,0.05034,-0.02326,-0.04977,0.03275,-0.02601,-0.00698,-0.03607,0.08108,0.03532,0.05691,-0.02092,0.00734,0.06555,-0.03421,-0.00802,0.00684,-0.00658,-0.0255,0.05132,-0.08661,-0.0078,0.03051,0.00975,-0.07217,-0.04554,0.00501,0.03642,0.01228,0.00278,0.01687,-0.01426,-0.06684,0.0343,0.05177,-0.02525,0.05453,0.03665,-0.00698,0.02029,0.01428,0.05535,-0.05506,-0.0718,0.056,-0.01116,0.01718,0.04387,0.12004,-0.00583,-0.085,-0.05324,-0.02033,-0.12981,0.00192,-0.03831,0.01322,0.11466,-0.02085,-0.02645,-0.02648,-0.06032,0.01581,-0.00191,0.01552,-0.01603,-0.02643,0.04789,0.00481,-0.00713,-0.01682,0.00231,0,-0.00869,-0.0502,-0.06314,-0.02282,0.03197,-0.01439,0.02105,-0.08564,0.02518,0.00702,0.02472,0.06753,-0.01188,0.04473,0.05026,-0.04325,-0.03573,0.03093,0.04578,0.00866,0.09966,0.03093,-0.00324,-0.0298,0.05414,0.10317,-0.04349,0.05406,-0.0288,0.06909,-0.07773,-0.01673,-0.01581,-0.02879,0.00169,0.01822,-0.05739,-0.10262,-0.03373,-0.07268,0.00893,-0.03116,-0.08985,-0.08609,-0.0291,-0.06342,-0.0511,-0.01935,-0.01711,0.00488,0.07922,0.04035,0.01233,-0.00517,0.01217,-0.02022,0.01673,0.00876,-0.02865,0.07084,0.05072,0.02739,-0.01681,0.00596,0.03099,0.10604,-0.03339,-0.02694,0.04838,-0.04453,-0.03515,0.11588,0.00193,0.00066,0.05668,-0.01907,0.00465,-0.04068,-0.06761,-0.03535,-0.01134,-0.08751,-0.00195,0.0807,0.08526,-0.04252,-0.00574,-0.06833,-0.14323,0.01511,0.08031,-0.06614,0.0847,0.01418,-0.01035,0,0.0161,-0.05092,-0.01416,0.0823,0.00438,-0.02508,-0.009,0.01401,0.04438,0.02102,-0.02861,-0.00301,0.00367,-0.01792,0.05067,0.00684,0.00082,-0.1338,-0.07303,-0.02352,-0.04401,0.05014,-0.04,-0.02025,-0.04996,0.01513,-0.11053,0.01893,0.01819,-0.0869,-0.04944,-0.02268,-0.10573,-0.11512,-0.00864,-0.0367,-0.01149,0.04246,0.00174,-0.03171,0.07868,0.06177,-0.07879,0.01175,-0.01522,0.09118,-0.11657,0.03548,0.00469,0.0112,-0.03671,0.02687,0.03486,-0.00029,-0.02861,0.08691,0.14263,0.08326,-0.07759,0.05008,-0.05461,-0.06935,0.02288,0.03977,0.07101,0.0341,0.01464,0.03274,0.08433,0.03418,0.16023,0.0534,-0.11134,0.01217,0.09597,0.07311,0.02369,-0.01971,0.00678,0.01864,-0.04399,0.10851,0.02345,0.04077,0.0627,0.03202,-0.04937,-0.10924,0.04326,0.03542,-0.05418,0.01376,-0.03071,0.06901,-0.01255,0,-0.10337,-0.00252,-0.02096,0.03486,0.0686,0.01929,-0.01963,-0.01069,-0.02587,-0.03469,0.03897,0.02182,-0.05667,-0.01749,0.02071,0.03235,0.06172,-0.05062,-0.0644,-0.04125,-0.02349,0.00935,-0.04198,0.09687,-0.00238,-0.05372,0.08066,0.00889,0.06245,0.0192,-0.03201,0.05382,0.06531,0.12092,-0.06247,0.05668,0.03917,0.02077,-0.04012,0.00097,0.05072,0.0296,-0.0606,0.00398,-0.049,0.08335,-0.06492,-0.0364,-0.02898,0.01401,-0.07649,0.07475,-0.0601,0.09059,0.01814,0.05616,0.02564,-0.03544,0.0748,0.03765,-0.01271,-0.00586,0.01445,-0.02141],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. ⚡ The event-driven model The golden rule of the stateless core: the library never mutates your application-owned data silently. Every user interaction that would change the graph is surfaced as an event. In this mode, the library does not write back into your signals or services. It waits. Concrete events on the fDraggable directive: f Draggable","excerpt":"⚡ The event-driven model The golden rule of the stateless core: the library never mutates your application-owned data silently. Every user interaction that would change the graph is surfaced as an event. In this mode, the library does not write back into your signals or services. It waits. Concrete events on the fDraggable directive:"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#9","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06978,-0.02105,-0.06763,0.04791,0.02975,0.01932,0.03296,0.06301,0.04399,0.00726,-0.00327,-0.02051,-0.01465,-0.0552,-0.02007,-0.00475,-0.06901,-0.05095,-0.03929,0.01297,-0.04374,-0.11655,-0.02858,-0.02498,0.00964,0.07271,-0.04459,-0.05887,0.02007,-0.06849,-0.01005,0.10925,-0.03385,0.03501,-0.02815,0.02846,0.0712,-0.03478,-0.10291,-0.05566,0.04455,-0.0062,0.01019,0.01341,-0.04172,0.07402,0.0236,-0.03176,-0.05918,0.08159,-0.04091,0.03662,-0.03673,0.13494,0.04706,0.08975,0.08045,-0.01318,-0.06585,0.04085,0.03284,-0.02387,-0.04027,0.05205,0.00276,0.05007,-0.0051,-0.00368,0.04504,-0.05548,0.0081,-0.00306,0.00413,-0.02593,0.08217,-0.05413,-0.00438,0.04647,-0.02475,-0.06356,0.02681,0.0415,-0.02266,0.02909,-0.01613,0.07076,-0.03654,-0.0603,-0.03276,0.07088,-0.04195,0.06592,0.00455,-0.06103,0.02149,-0.01012,0.01725,-0.04034,-0.02996,0.06804,0.01578,0.01078,0.00955,0.05335,-0.07045,-0.06316,-0.05907,-0.0294,-0.06706,0.01445,-0.02941,0.01244,0.05737,-0.03523,-0.03248,-0.04617,-0.05754,-0.0108,0.03866,0.05798,-0.02139,-0.00386,0.03578,0.02354,-0.02966,0.01816,-0.0461,0,0.00277,-0.04109,-0.01046,0.01938,0.05193,-0.00289,0.00101,-0.04104,-0.01745,0.00929,-0.03667,0.05506,-0.02341,0.02873,0.0357,-0.1324,-0.02622,0.05305,0.01005,-0.00151,0.07132,0.0097,0.0092,-0.04056,0.10431,0.06905,-0.07937,0.06119,0.03148,0.03518,-0.07516,-0.02806,-0.00067,0.01534,-0.0234,0.03004,-0.04408,-0.09947,-0.03846,-0.08245,0.00103,-0.03495,-0.09043,-0.0282,-0.00252,-0.08258,-0.08318,-0.01954,-0.00743,0.02249,0.04728,0.02096,0.03041,-0.04779,0.0227,-0.03983,-0.02783,0.05827,-0.02759,0.0926,0.03979,0.10532,-0.05556,-0.02968,0.0836,0.10526,-0.00766,0.02799,0.05797,-0.06317,-0.09465,0.11467,-0.00369,-0.00934,0.03954,-0.024,-0.04067,-0.06907,-0.03753,-0.05556,0.00439,-0.06428,-0.01383,0.03595,0.08144,-0.05457,0.01859,-0.0784,-0.12767,0.0134,0.0792,-0.01773,0.07835,0.02411,0.03271,0,-0.04249,-0.00896,-0.01563,0.06064,0.04004,-0.03071,-0.00534,-0.01465,0.0649,0.00474,-0.03397,0.02479,-0.01598,-0.04439,0.01822,0.00486,-0.01996,-0.14834,-0.03851,0.00262,-0.0048,0.04132,-0.0126,0.00789,-0.0689,0.01006,-0.01964,0.00906,0.00338,-0.04179,0.01853,-0.04694,-0.10103,-0.04273,0.03006,-0.04173,-0.01064,0.08833,0.02077,-0.02168,0.00493,0.05904,-0.06267,0.05115,-0.00756,0.06729,-0.16597,0.00528,-0.02609,0.02995,-0.06988,0.01144,-0.04869,-0.01477,-0.02551,0.08199,0.13947,0.04054,-0.02082,0.0037,-0.00861,-0.09557,-0.02869,0.01569,0.0884,0.0076,0.03033,0.02724,-0.00009,0.05368,0.12546,0.07826,-0.0288,-0.0464,0.11521,0.00126,-0.00498,-0.03443,-0.00759,0.06775,-0.02934,0.08409,0.00589,0.03502,0.02524,0.01202,-0.02784,-0.01039,0.06301,0.022,-0.0572,0.0129,0.02468,0.04833,-0.06565,0,-0.10605,-0.01953,-0.03841,0.02998,0.08741,0.02691,-0.05664,0.0604,-0.01753,-0.0695,-0.00353,0.05284,-0.07161,0.01759,0.0672,-0.04427,0.05467,-0.04427,-0.03029,-0.04703,-0.01851,0.00719,-0.05596,0.11264,-0.00762,-0.08144,0.042,0.02708,0.01604,0.02862,-0.01238,0.02779,0.0607,0.12148,-0.08945,0.08265,-0.00306,0.06891,-0.0646,0.02416,0.06324,0.05098,-0.06375,0.00003,-0.02566,0.04998,-0.02438,-0.03968,-0.05085,-0.0212,-0.0596,0.05327,-0.05545,0.11111,0.01534,0.02124,-0.00134,-0.01004,0.08676,0.02792,-0.1088,0.05031,0.01003,0.04041],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. - fCreateConnection — the user finished dragging a line from one connector to another. - fReassignConnection — the user detached an existing connection and attached it somewhere else. - fCreateNode — an external item was dropped onto the canvas. - fMoveNodes — a drag that moved one or more nodes finished, with the final positions. - fConnectionWaypointsChanged — the user edited the waypoints of a connection. - fSelectionChange — the set of selected nodes and connections changed. - fDropToGroup — a node was dropped into a group. f Create Connection f Reassign Connection f Create Node f Move Nodes f Connection Waypoints Changed f Selection Change f Drop To Group","excerpt":"- fCreateConnection — the user finished dragging a line from one connector to another. - fReassignConnection — the user detached an existing connection and attached it somewhere else. - fCreateNode — an external item was dropped onto the canvas. - fMoveNodes — a drag that moved one or more nodes finished, with the final positions. - fConnectionWaypointsChanged — the user edited the waypoints of a connection. - fSelectionChange — the set of selected nodes and connections changed. - fDropToGroup — a node was dropped into a group."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#10","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.01996,-0.01408,-0.04044,-0.0003,0.01085,-0.01226,-0.03221,0.04661,0.08955,-0.00163,-0.0625,-0.00403,-0.08536,-0.06307,-0.0033,0.00206,-0.03003,-0.03057,0.0002,0.03448,0.00831,-0.09672,-0.04204,-0.03821,-0.01871,0.13235,-0.02233,-0.03271,0.08537,-0.0519,0.05952,0.11411,-0.00793,0.04189,-0.08675,0.05364,0.01637,-0.06998,-0.10709,-0.00915,0.04788,0.01001,-0.0048,-0.00774,0.00641,0.08375,0.03403,-0.04262,-0.0348,0.06018,-0.00655,-0.00626,0.01208,0.09904,0.0134,0.1114,0.04982,-0.04187,-0.04625,0.02581,0.01235,0.00138,-0.00629,0.05102,0.06646,0.026,-0.00804,-0.07498,0.06016,-0.01835,0.02558,-0.01904,0.04348,-0.06601,0.05648,-0.07684,0.02317,0.01109,0.00048,-0.07154,0.03923,-0.00338,0.03679,0.015,-0.02388,0.04727,-0.04571,-0.0431,-0.0137,0.10042,-0.07769,0.05801,-0.05911,-0.02462,0.00704,0.00068,0.02245,-0.00017,-0.05466,0.04571,0.00659,-0.01015,0.02009,0.1017,-0.02524,-0.07548,-0.06021,0.04169,-0.0961,-0.01059,-0.00653,0.05196,0.04962,0.02058,-0.00669,-0.01346,-0.05238,-0.00075,0.01427,0.03102,-0.01479,-0.02971,-0.00441,0.04833,0.01079,-0.03549,-0.01357,0,-0.02437,-0.00131,0.01502,-0.02732,0.03491,0.03109,0.03584,-0.0794,0.01003,-0.00324,0.00563,0.04475,-0.05354,-0.0114,-0.02525,-0.10745,-0.05829,0.03337,-0.03257,0.0087,0.12958,0.00814,-0.04082,-0.05392,-0.01648,0.08029,-0.09125,0.06202,-0.09401,0.0165,-0.04552,-0.02132,0.01854,-0.04791,0.0116,-0.03123,0.01254,-0.06212,-0.07814,-0.06369,-0.02812,0.03126,-0.03191,-0.08172,-0.01161,-0.08687,-0.08214,0.03285,0.03127,0.08005,0.06185,0.00115,0.03455,-0.01577,-0.00062,-0.0081,-0.01558,0.01424,-0.02219,0.05947,0.04718,0.06178,-0.0481,-0.03418,0.00227,0.13859,0.00363,-0.00566,0.03494,-0.02017,-0.06126,0.1214,0.0308,-0.02403,0.10585,0.04328,-0.0423,-0.04786,-0.07513,-0.00115,0.01726,-0.04349,-0.01831,0.08391,0.12281,-0.058,-0.01044,-0.11205,-0.11306,0.0449,0.08646,-0.0586,0.07841,-0.01497,0.00455,0,0.01495,-0.00321,-0.05518,0.07777,0.00671,-0.04001,-0.01203,0.04285,0.02866,-0.00618,0.02267,0.02376,-0.06412,0.00037,-0.01128,0.00956,0.00376,-0.08829,-0.01916,-0.03938,-0.0068,0.04673,-0.048,-0.01118,-0.07155,0.04976,0.00876,0.03939,0.00889,-0.06251,-0.00356,-0.02372,-0.04331,-0.0798,0.02528,-0.02495,-0.06281,0.0288,0.02442,-0.02173,0.02603,0.07139,-0.05533,0.03452,-0.05164,0.05096,-0.11276,0.00517,0.03392,0.00992,-0.0173,0.06292,-0.05123,0.00105,-0.03443,0.07639,0.05182,0.10929,-0.021,0.02067,-0.0238,-0.052,-0.0223,-0.05018,0.09446,0.05272,-0.00743,0.05233,0.09942,0.07729,0.12743,0.05839,-0.05388,0.01591,0.09899,0.02987,0.03576,-0.03377,0.04502,0.08234,-0.08311,0.06244,-0.00414,0.09544,0.07125,0.01996,-0.07646,-0.07589,0.02897,0.02275,0.02123,0.07228,-0.03003,-0.00057,0.00481,0,-0.12671,-0.05266,-0.06231,0.03948,0.03494,-0.0086,0.01168,-0.01848,-0.0456,-0.07748,0.05783,0.03502,-0.00836,-0.07847,0.0635,-0.00974,0.03014,-0.08915,-0.07533,-0.03335,-0.05454,-0.0157,-0.0504,0.08748,-0.02697,-0.05876,0.07104,0.0366,0.0149,0.01312,-0.00934,0.04094,0.04265,0.10954,-0.09045,0.02177,-0.02244,0.02582,-0.03196,0.05169,-0.02226,0.04384,-0.03905,0.01143,-0.03193,0.0906,-0.00481,-0.04757,-0.02005,-0.00648,-0.03783,0.05088,-0.07783,0.10686,0.0414,-0.007,-0.02012,-0.00402,0.03964,0.04429,-0.07403,0.00327,0.02721,0.00422],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Node position, size, and rotation follow the same pattern. fNodePosition is a two-way binding, but the source of truth is still your signal. The library reports the new value at the end of a gesture. Writing it back is your call. Rendering lifecycle is also surfaced as events on the <f-flow component: - fNodesRendered — all nodes have been measured and laid out. - fFullRendered — nodes and connections have both finished rendering. This is the signal to run \"fit to content\" after loading a flow. This happened. You decide what to do. f Node Position f Nodes Rendered f Full Rendered","excerpt":"Node position, size, and rotation follow the same pattern. fNodePosition is a two-way binding, but the source of truth is still your signal. The library reports the new value at the end of a gesture. Writing it back is your call. Rendering lifecycle is also surfaced as events on the <f-flow component: - fNodesRendered — all nodes have been measured and laid out. - fFullRendered — nodes and connections have both finished rendering. This is the signal to run \"fit to content\" after loading a flow. This happened. You decide what to do."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#11","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06365,0.02643,-0.03804,-0.02853,-0.00604,-0.00592,0.03697,0.09719,0.05487,0.00002,-0.06614,-0.04932,-0.02786,-0.03833,0.01252,0.0177,-0.00751,-0.04846,-0.00828,0.01244,-0.00777,-0.03788,-0.03815,-0.01502,-0.04875,0.08947,-0.03481,-0.06219,0.05668,-0.01826,0.02539,0.11341,0.02255,0.06078,-0.05101,0.03395,0.02152,-0.06176,-0.11383,-0.07316,0.03075,0.02649,0.0226,0.04428,-0.01307,0.01953,0.023,-0.04426,-0.06982,0.07157,-0.07651,-0.00931,-0.00926,0.10793,0.02111,0.0808,0.04675,-0.00028,-0.03131,0.02572,0.02353,0.00226,-0.04798,0.10265,0.00053,0.0265,0.01767,0.01604,0.03957,-0.08033,-0.03724,-0.01759,-0.00466,-0.0212,0.05001,-0.08885,0.0104,0.00345,-0.00938,-0.08257,-0.00299,-0.01879,0.01379,0.00675,-0.02223,0.01718,-0.00637,-0.05776,0.03354,0.04415,-0.08202,0.05552,-0.01452,-0.06245,0.04449,0.02105,0.03041,-0.04348,-0.07547,0.07193,-0.02798,0.01299,0.04202,0.08103,-0.04409,-0.07745,-0.03911,-0.03341,-0.06358,0.00216,-0.05918,-0.03294,0.11614,-0.01631,-0.0161,-0.00062,-0.05226,-0.01236,0.02665,0.02646,-0.01961,-0.02524,-0.00153,-0.00386,-0.03384,-0.0167,0.01135,0,-0.01209,-0.05744,-0.02299,0.0234,0.04227,0.00878,0.04624,-0.09528,-0.00739,-0.01305,0.04643,0.08885,-0.03927,0.09804,-0.00771,-0.06488,-0.07211,0.069,0.03323,0.01564,0.10819,0.02042,-0.03886,-0.02732,0.07005,0.07055,-0.01624,0.04948,0.02511,0.03954,-0.0516,-0.03693,-0.03394,-0.02149,0.00973,0.01707,-0.05982,-0.09593,0.00028,-0.09804,-0.03092,-0.03388,-0.09413,-0.07522,0.00471,-0.08056,-0.06106,-0.01215,0.02864,0.02542,0.06939,0.02891,0.01562,0.01137,0.01093,-0.02762,-0.01992,0.01127,-0.01456,0.08954,-0.0007,0.0548,-0.04219,-0.01553,0.0119,0.08925,-0.0389,0.01348,0.06264,-0.03064,-0.09323,0.09819,0.00252,0.01279,0.02753,-0.02151,-0.00014,-0.02052,-0.07072,-0.01116,-0.05198,-0.07727,0.04026,0.12198,0.08665,-0.03088,0.01334,-0.08789,-0.12915,0.04475,0.06945,-0.02926,0.02333,0.02966,0.04344,0,0.00659,-0.01559,-0.05275,0.10319,0.01353,-0.01917,0.03881,-0.00804,0.07544,-0.04974,0.00526,0.0205,0.01146,-0.02957,0.05285,-0.0129,0.02305,-0.12629,-0.05358,0.01478,-0.00932,0.03992,-0.04042,-0.03352,-0.08603,0.01196,-0.07094,0.01637,-0.03048,-0.03894,0.00233,-0.02147,-0.13654,-0.09926,-0.02154,-0.04218,-0.04399,0.05582,-0.00882,-0.04398,0.06462,0.01717,-0.09139,0.0489,-0.04423,0.06028,-0.10329,-0.01157,0.01927,0.00075,-0.03684,0.04341,-0.00968,-0.04348,-0.02863,0.09053,0.13239,0.05753,-0.06924,-0.00971,-0.00952,-0.01819,0.03266,-0.00279,0.04968,0.03065,-0.01495,0.04646,0.03546,0.06939,0.12609,0.03704,-0.05988,0.02599,0.12391,0.04851,0.02551,-0.05574,0.01649,0.02989,-0.06722,0.11651,0.04379,0.03181,0.06582,0.01765,-0.09691,-0.08048,0.02712,0.03588,-0.04674,0.04087,-0.02775,0.03752,-0.0138,0,-0.09706,-0.03421,-0.00106,-0.01448,0.05309,0.04263,-0.00312,0.04011,-0.01595,-0.02699,0.05202,0.01453,-0.05045,-0.01014,0.02414,0.04189,0.01829,-0.05207,-0.08442,-0.06002,-0.0629,0.00909,-0.04882,0.1061,0.02399,-0.02842,0.09137,0.0069,0.03163,0.01746,0.00815,0.02544,0.03913,0.07876,-0.03163,0.09347,0.03885,0.01955,-0.03722,-0.03012,-0.00231,0.07041,-0.03242,-0.00602,-0.04749,0.0835,-0.05185,-0.03856,-0.04655,-0.01503,-0.08328,0.05909,-0.04236,0.13254,0.04749,0.06364,-0.01402,-0.04494,0.09228,0.06173,-0.06929,0.01034,0.03814,0.01038],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. That one sentence is the whole interaction contract. Installing withFlowState() is an explicit variation of that contract: supported gestures are applied to the provided store automatically, while their public events remain observable. with Flow State","excerpt":"That one sentence is the whole interaction contract. Installing withFlowState() is an explicit variation of that contract: supported gestures are applied to the provided store automatically, while their public events remain observable."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#12","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.09813,0.03938,-0.04851,0.01044,0.02063,0.00285,-0.05695,0.10405,0.05259,0.02301,-0.1029,-0.02723,0.00407,-0.01017,0.06517,0.03007,0.00675,-0.07548,-0.02135,-0.05028,0.00442,-0.10117,-0.06888,-0.0169,0.02237,0.08743,-0.02563,-0.08011,0.05619,0.01459,0.05328,0.04078,-0.03115,0.06825,-0.08515,0.04133,-0.03169,-0.06208,-0.05618,-0.03965,0.04122,0.05343,-0.03755,-0.0005,-0.03032,0.03063,-0.0054,-0.04237,-0.0524,0.01569,-0.05567,0.01011,-0.01325,0.05115,0.05651,0.06213,0.01802,-0.02938,-0.07084,0.0355,0.00368,-0.09546,-0.0095,0.05553,0.05899,0.02668,0.01403,0.00703,0.07316,-0.08436,-0.01568,-0.0032,0.05043,-0.05776,0.04913,-0.09689,0.02561,0.04793,0.02959,-0.05697,-0.01751,0.03329,0.00904,0.03741,-0.00489,0.03907,-0.01539,-0.09947,0.01058,0.05201,-0.01098,0.03124,0.02779,-0.01026,0.03509,0.05809,0.03572,-0.02629,-0.07944,0.06191,0.01744,0.00951,0.07937,0.05006,-0.03203,-0.09322,-0.02793,0.01531,-0.08063,0.02117,-0.01244,0.05977,0.08571,0.01756,-0.00846,-0.0402,0.00676,-0.04053,0.02015,0.03197,-0.01059,-0.03013,0.06535,-0.00683,0.00458,0.02244,-0.02111,0,-0.01917,-0.01028,0.033,-0.05462,0.03136,0.00983,0.01891,-0.05848,0.01156,-0.00323,0.00291,0.10699,-0.02619,0.11063,0.02124,-0.09483,-0.05406,0.03901,0.04493,0.00413,0.09678,0.02284,0.00645,-0.0181,0.01488,0.05113,-0.04384,0.06066,-0.07682,0.02461,-0.05214,0.00206,-0.04254,0.03061,0.01687,-0.00296,-0.02509,-0.04137,-0.04532,-0.13892,-0.00058,0.0258,-0.06793,-0.02578,-0.032,-0.05691,-0.06099,-0.04059,-0.03479,0.01962,0.06049,0.03382,0.01432,-0.00706,0.05114,-0.04714,0.02878,-0.01379,0.01148,0.05376,0.04356,-0.00741,-0.0174,0.01433,0.0325,0.12876,-0.02839,0.00179,0.03055,-0.02092,-0.0226,0.16722,-0.01731,-0.01865,0.0841,-0.05839,0.02046,-0.05713,-0.06505,-0.06469,0.00533,-0.06535,-0.00535,0.1104,0.06813,-0.04321,0.01844,-0.07487,-0.06208,-0.00412,0.05449,-0.1085,0.047,0.00526,0.03355,0,0.01166,-0.0338,-0.00982,0.07388,0.01513,-0.08582,0.02881,0.03612,0.05571,0.01909,-0.0032,-0.01346,0.01588,-0.00397,0.05076,0.03566,0.00229,-0.14833,-0.02488,-0.05953,-0.03862,0.06475,-0.08235,-0.03802,-0.03058,0.02398,-0.11406,-0.00312,0.02714,-0.05693,-0.04163,-0.07539,-0.0951,-0.11095,-0.03449,-0.0134,-0.04064,0.09071,0.00105,-0.02049,-0.02482,-0.00361,-0.10835,0.04129,-0.007,0.03653,-0.10122,0.03443,-0.01156,-0.00433,-0.00942,0.01695,0.0189,-0.02005,-0.02807,0.01349,0.13654,0.05826,-0.03759,-0.00838,-0.09321,-0.07728,-0.00902,0.02928,0.01085,0.00159,-0.00721,0.00993,0.06102,0.0524,0.11456,0.05223,-0.03721,-0.00392,0.15276,0.037,0.00974,-0.00642,0.03367,0.06394,-0.10004,0.06141,0.05242,0.03768,0.07262,-0.0098,-0.03344,-0.08309,0.02319,0.04908,-0.02959,0.04376,-0.04692,0.07605,-0.00691,0,-0.09475,-0.0461,-0.02927,0.04023,0.07098,0.01034,-0.02315,0.03661,-0.02041,0.00793,0.06966,0.04145,-0.06545,-0.03229,0.04139,0.0489,0.06967,0.00232,-0.0421,-0.02358,-0.06251,-0.00496,-0.04302,0.07896,0.04619,-0.07276,0.09562,0.0271,0.0321,0.03633,-0.04913,0.05332,0.0928,0.08604,-0.04108,0.0566,0.03525,0.03222,-0.03354,0.02199,0.00114,0.01077,-0.06531,-0.00511,0.00018,0.09019,-0.08005,-0.00878,0.01371,-0.01717,-0.05721,0.04758,-0.08843,0.09148,0.02292,0.01974,-0.02054,-0.02591,0.06383,0.01847,-0.04408,0.02845,0.01041,0.00148],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. 🧩 How this plays out in practice This is where the shape of the API diverges from what people expect the first time they try the library. People usually reach for something like setState(…) or loadFromJSON(…). A method on the component that takes the full graph and renders it. That is the reducer-for-graphs mental model. The core component does not work that way. ❌ How people expect the API to work: set State load From JSON","excerpt":"🧩 How this plays out in practice This is where the shape of the API diverges from what people expect the first time they try the library. People usually reach for something like setState(…) or loadFromJSON(…). A method on the component that takes the full graph and renders it. That is the reducer-for-graphs mental model. The core component does not work that way. ❌ How people expect the API to work:"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#13","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.0747,0.01983,-0.07323,0.02559,-0.01384,0.06404,0.00306,0.06116,0.02948,-0.01359,-0.08135,0.02566,-0.04869,-0.03354,0.04831,0.03723,-0.03343,-0.06864,0.00089,-0.03842,0.00304,-0.07983,-0.01824,-0.00093,-0.0353,0.10554,0.01639,-0.02035,0.06619,-0.00552,0.05538,0.03411,-0.02745,0.06541,-0.10662,0.04425,0.00753,-0.0333,-0.0814,-0.02942,0.10111,0.06661,-0.03333,-0.01502,0.0153,0.03177,-0.01932,-0.03782,-0.02224,0.03025,-0.04097,0.03457,-0.02071,0.09809,0.07583,0.0258,0.02006,-0.0348,-0.01496,0.00753,0.03413,-0.04523,0.05975,0.03591,0.00079,0.01573,-0.03766,0.06045,0.06802,-0.01823,0.00655,-0.02357,0.04488,-0.06596,0.05161,-0.1024,-0.00803,0.01107,-0.01008,-0.02202,-0.03889,-0.02122,0.00738,0.03509,-0.05555,0.05802,-0.02439,-0.07744,0.03293,0.03942,-0.06263,0.0448,0.01006,0.02223,0.07036,0.02282,0.02351,-0.00654,-0.05119,0.03613,0.01911,0.01483,0.03378,0.09682,-0.07656,-0.03639,-0.02567,-0.0133,-0.07558,-0.0103,-0.0297,0.0899,0.05658,0.03258,-0.07236,-0.04701,-0.03589,-0.00371,0.06659,0.07061,0.01694,-0.08294,0.02577,0.01673,0.01489,-0.01282,0.02691,0,-0.0371,-0.01394,-0.03478,-0.03404,0.01902,0.01361,0.01982,-0.08732,-0.0265,0.04866,-0.03286,0.06561,-0.04991,0.07186,-0.00801,-0.08412,-0.00111,0.01269,0.04609,0.00677,0.11928,0.00377,-0.03534,-0.02528,0.04369,0.0172,-0.08984,0.05503,-0.05291,0.01552,-0.04693,-0.0003,0.00763,-0.00962,0.01593,0.00273,-0.01223,-0.05776,-0.06613,-0.08899,0.06187,-0.01774,-0.07161,-0.037,-0.03198,-0.06577,-0.07636,-0.02384,0.02964,0.0362,0.01849,-0.00772,-0.01678,-0.03286,0.05302,-0.02669,-0.00413,0.03227,-0.00956,0.07326,0.01524,0.06952,0.01581,-0.00552,0.04294,0.09846,-0.05197,-0.01996,0.02408,-0.0447,-0.05619,0.11861,-0.04987,-0.00825,0.06292,-0.03452,-0.02262,-0.00379,-0.00677,-0.058,0.01576,-0.10546,-0.03018,0.16027,0.11998,-0.02036,-0.03809,-0.10515,-0.09149,0.02548,0.03698,-0.02729,0.05242,-0.03376,-0.04091,0,0.00711,0.02199,-0.00227,0.03798,-0.03156,-0.06209,0.00322,0.03248,0.05405,0.02494,0.01808,-0.00364,0.03212,-0.01009,0.03459,0.02514,-0.01615,-0.14433,-0.04463,-0.06704,-0.04213,0.02755,-0.03751,-0.00348,-0.08216,0.03403,-0.04468,0.03396,-0.00609,-0.05635,-0.07488,-0.04554,-0.05371,-0.03814,-0.01216,-0.0249,-0.0251,0.06492,0.01369,-0.03416,-0.0164,0.08449,-0.08651,0.03557,-0.03766,0.08048,-0.09186,0.062,-0.0185,0.01209,-0.03879,0.05141,0.00468,-0.02037,-0.03659,0.02872,0.08951,0.03078,-0.01621,-0.02273,-0.04685,-0.10015,-0.02213,0.0217,0.09068,0.00592,-0.03652,-0.0053,0.08033,0.04737,0.13578,0.05354,-0.04143,-0.00952,0.13177,0.00957,-0.0119,-0.02838,0.02819,0.06799,-0.03435,0.1016,0.0412,0.07866,0.06685,0.04757,-0.04456,-0.10343,0.02636,0.04544,-0.03405,0.06109,-0.06775,0.00793,0.01707,0,-0.1362,-0.06025,-0.07478,-0.01695,0.03525,-0.03303,-0.08313,-0.02823,-0.00265,-0.02997,0.05117,0.05063,-0.05312,-0.05343,0.03971,0.03129,0.0164,-0.02037,-0.03509,0.00267,-0.00513,-0.01171,-0.05475,0.15473,0.05302,-0.05943,0.13192,0.00754,0.04427,0.03766,-0.04759,0.02074,0.11773,0.14297,-0.03898,0.03479,0.00772,0.0441,-0.05243,0.02898,0.00953,0.02286,-0.05205,0.00472,-0.03145,0.08525,-0.01628,-0.00787,-0.00249,-0.02346,-0.03303,0.0566,-0.07173,0.07918,-0.01424,0.01122,-0.04729,-0.02598,0.0165,0.01723,-0.08038,0.06016,0.01125,-0.04683],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. ✅ How the library actually works: `typescript // Your data lives in your component - here as signals. protected readonly nodes = signal([ { id: '1', position: { x: 100, y: 200 } }, { id: '2', position: { x: 300, y: 200 } }, ]); protected readonly connections = signal([ { id: 'c1', from: '1', to: '2' }, ]);","excerpt":"✅ How the library actually works: `typescript // Your data lives in your component - here as signals. protected readonly nodes = signal([ { id: '1', position: { x: 100, y: 200 } }, { id: '2', position: { x: 300, y: 200 } }, ]); protected readonly connections = signal([ { id: 'c1', from: '1', to: '2' }, ]);"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#14","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.02958,0.06105,-0.04088,0.02914,0.0718,0.01218,0.03362,0.03768,0.07393,-0.02877,-0.04219,0.03099,-0.03237,-0.03595,-0.00226,0.03753,-0.06564,0.03156,0.00858,-0.00491,-0.00709,-0.10454,0.02563,-0.02238,-0.05213,0.10731,-0.01557,-0.06435,0.02641,-0.07045,0.0489,0.02484,-0.01379,0.02853,-0.09572,0.08078,-0.0464,-0.02217,-0.09142,-0.0245,0.03182,0.03741,0.03234,-0.04686,0.03697,0.09034,-0.02196,0.02618,-0.03304,0.0757,-0.03222,-0.03384,0.02048,0.09948,0.01043,0.05507,0.07205,-0.07626,-0.02783,0.01168,0.08197,-0.01694,0.0172,0.0409,0.00701,0.01246,-0.00538,-0.00018,0.04829,0.02411,0.03864,-0.00693,0.05626,-0.0635,0.0472,-0.12812,-0.02538,0.04359,-0.04671,-0.01227,0.01273,-0.03525,0.02857,-0.00034,0.01185,0.05346,-0.07102,-0.0214,-0.00857,0.04764,-0.11768,0.07753,-0.02762,-0.03089,0.08218,0.04596,0.02719,-0.00101,-0.05845,0.061,0.04535,0.01841,-0.02663,0.08428,-0.02043,-0.04781,-0.04253,-0.01614,-0.05722,-0.00383,-0.03914,0.06474,0.03299,0.03899,-0.06772,-0.05265,-0.03427,0.00483,0.01516,0.04806,0.06447,-0.02184,-0.00136,-0.00019,0.02607,0.01285,-0.02411,0,0.01953,-0.02145,-0.03172,-0.02803,0.06915,0.01908,0.01367,-0.09857,0.00188,-0.00142,-0.02322,0.02796,-0.03055,-0.01142,0.00424,-0.13379,-0.01713,0.04934,0.0258,-0.02613,0.09957,-0.04809,-0.04156,-0.02353,0.04728,0.10172,-0.09534,0.08388,-0.04955,-0.00339,-0.02804,-0.05461,-0.01437,-0.01879,-0.00114,0.01098,-0.04983,-0.08201,-0.04797,-0.12375,0.00751,-0.00112,-0.05934,-0.06383,-0.02355,-0.05385,-0.07179,-0.00862,0.0169,0.04218,0.04242,0.02906,-0.00131,-0.08842,0.0137,-0.04905,-0.01361,0.0425,-0.05781,0.08672,0.04615,0.05249,-0.0137,-0.05028,0.03814,0.09286,-0.02875,0.03358,0.06026,-0.08783,-0.0394,0.09859,0.03822,0.01106,0.04521,-0.00076,-0.03146,-0.06544,-0.08161,-0.06776,-0.02305,-0.09882,-0.02375,0.11113,0.11663,-0.03799,0.00978,-0.07717,-0.08482,0.06922,0.06674,0.0063,0.03679,-0.01295,0.02637,0,-0.00159,0.02695,0.01624,0.06414,0.01571,-0.04708,-0.00745,0.01903,0.0286,-0.00162,-0.07001,-0.00123,-0.0589,-0.01489,0.05134,0.04418,-0.00393,-0.07566,-0.03363,-0.00872,-0.05012,0.11109,-0.01377,0.03753,-0.09162,0.03148,-0.00088,-0.00135,-0.04048,-0.04395,-0.02113,-0.04459,-0.0465,-0.03491,0.06715,-0.06108,-0.04648,0.06414,0.03166,0.01246,0.04072,0.03298,-0.07273,0.03211,-0.0241,0.07122,-0.13522,0.09605,-0.01334,0.02461,-0.07087,0.00968,-0.06416,-0.05762,0.01989,0.05445,0.09506,0.02824,-0.02955,-0.00965,-0.04424,-0.04137,-0.04286,0.04024,0.08234,0.03155,-0.04989,0.05501,0.04744,0.1014,0.07408,0.07627,-0.03292,-0.00423,0.11008,0.00341,0.05148,0.00862,0.02396,0.00173,-0.04308,0.08902,0.03424,0.00895,0.03687,0.03974,-0.05605,-0.07391,0.01897,0.01781,-0.00476,0.05304,-0.01295,-0.00455,-0.00072,0,-0.17026,-0.0114,-0.03983,0.00007,0.04334,0.00562,-0.00952,0.03492,-0.02529,-0.05565,0.03844,0.03746,0.0375,-0.01192,0.01769,-0.01195,0.02825,-0.00566,-0.06253,0.06342,-0.02181,-0.01721,-0.06352,0.13266,0.01797,-0.13805,0.05911,-0.00707,0.03966,-0.00097,-0.0511,0.02772,0.06816,0.14793,-0.06821,0.00738,-0.00395,0.00415,-0.05701,0.03885,-0.0035,0.03276,-0.05613,-0.0149,-0.06219,0.0332,-0.03527,-0.08691,-0.00005,-0.00544,-0.06741,-0.00629,0.01392,0.08583,0.05826,0.03876,-0.03312,-0.00249,0.05065,0.03333,-0.06688,0.03537,-0.00205,-0.00843],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. protected onMoveNodes(event: FMoveNodesEvent): void { // The library reported a gesture. You decide what to do. this.nodes.update((list) = list.map((n) = { const moved = event.nodes.find((m) = m.id === n.id); return moved ? { ...n, position: moved.position } : n; }), ); } html <f-flow fDraggable (fMoveNodes)=\"onMoveNodes($event)\" <f-canvas @for (node of nodes(); track node.id) { <div fNode [fNodeId]=\"node.id\" [fNodePosition]=\"node.position\" {{ node.id }} </div } on Move Nodes F Move Nodes Event f Draggable f Move Nodes f Node f Node Id f Node Position","excerpt":"protected onMoveNodes(event: FMoveNodesEvent): void { // The library reported a gesture. You decide what to do. this.nodes.update((list) = list.map((n) = { const moved = event.nodes.find((m) = m.id === n.id); return moved ? { ...n, position: moved.position } : n; }), ); } html <f-flow fDraggable (fMoveNodes)=\"onMoveNodes($event)\" <f-canvas @for (node of nodes(); track node.id) { <div fNode [fNodeId]=\"node.id\" [fNodePosition]=\"node.position\" {{ node.id }} </div }"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#15","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.07661,0.01637,-0.13157,0.01806,-0.03527,0.0975,-0.00295,0.07476,0.03221,0.0063,-0.08221,-0.01425,-0.03212,-0.03665,0.02621,0.03494,-0.03291,-0.10491,0.01841,-0.01117,-0.00381,-0.094,-0.01664,-0.02305,0.00086,0.12951,0.00869,-0.06401,0.03645,0.00004,0.04739,0.02591,0.02605,0.03499,-0.08295,0.00964,-0.007,-0.01262,-0.0807,-0.04216,0.05108,0.05948,0.01099,0.0234,-0.01919,0.04958,-0.04969,-0.00171,-0.03376,0.04522,-0.0615,0.00494,-0.00076,0.06219,0.06338,0.06034,0.05899,-0.01743,-0.0158,0.04917,0.02786,-0.05887,0.01503,0.05164,0.03061,0.03757,-0.0019,0.00795,0.07995,-0.07631,-0.02569,0.03487,0.05568,-0.07285,0.02867,-0.06891,-0.00656,0.05948,0.01186,-0.06946,0.01918,0.00111,-0.00879,0.02652,0.00513,0.03101,-0.01957,-0.08704,-0.00638,0.05065,-0.07978,0.06637,-0.0211,-0.03099,0.01069,0.05298,0.03986,0.0044,-0.06166,0.04049,0.03019,0.00098,0.06856,0.08611,-0.08774,-0.04714,-0.06853,0.01126,-0.07841,-0.01878,-0.01846,0.07803,0.04872,0.05703,-0.00991,-0.02058,0.00415,-0.02146,0.04953,0.04601,-0.01656,-0.05038,0.02297,0.0061,-0.01985,0.02341,-0.04845,0,0.01435,0.01373,-0.04749,-0.05069,0.03836,0.02844,-0.00466,-0.10462,-0.0021,0.06657,-0.0259,0.09281,-0.02508,0.08569,0.00731,-0.10588,-0.01385,0.03223,0.05997,-0.06491,0.07641,0.00256,0.00293,-0.02588,0.08229,0.0898,-0.04512,0.06923,-0.0378,0.00977,0.00169,0.0164,-0.01346,-0.02246,0.04437,-0.02948,-0.01753,-0.08529,-0.03759,-0.08735,0.07194,-0.0352,-0.05543,-0.00407,-0.03374,-0.03799,-0.09913,-0.01136,0.0329,0.04494,-0.01078,0.00279,-0.02801,-0.05666,0.02784,-0.0724,-0.03034,0.03104,0.00228,0.04943,0.03478,0.03387,-0.00508,-0.02121,-0.00252,0.10637,-0.07483,-0.04739,0.074,-0.01453,-0.04186,0.13863,0.0244,-0.00879,0.05609,0.00562,-0.05729,-0.02367,-0.08342,-0.04421,0.00607,-0.10598,-0.06266,0.14674,0.09816,-0.07088,-0.0042,-0.07739,-0.07998,0.02273,0.06294,-0.02351,0.07344,-0.00344,-0.00469,0,-0.00132,0.02813,0.02007,0.01336,0.01168,-0.06164,0.07337,0.02902,0.02758,0.02644,0.03712,-0.02308,-0.00035,-0.02598,0.02634,0.02266,0.0396,-0.11246,-0.00288,-0.07115,-0.04145,0.00893,-0.05234,0.01579,-0.03,0.04322,-0.04219,-0.04178,-0.0222,-0.00354,-0.04115,-0.02485,-0.084,-0.066,-0.02065,-0.01714,0.00501,0.02478,0.01819,-0.0197,-0.01721,0.03894,-0.08593,0.05309,-0.04217,0.04871,-0.13437,0.08891,-0.0442,0.01554,-0.04412,0.00816,0.02839,-0.06406,-0.065,0.03759,0.14154,0.05652,-0.02343,-0.00259,-0.02357,-0.08777,-0.04621,0.00446,0.05629,0.04715,-0.00681,-0.01002,0.08776,0.08602,0.10592,0.02963,-0.02129,-0.01801,0.13194,0.0356,-0.00908,-0.01653,0.0289,0.05551,-0.01974,0.09066,0.03447,0.02049,0.06828,0.0274,-0.07147,-0.05202,0.04354,0.03707,-0.03465,0.06746,-0.05798,0.03089,0.02836,0,-0.12451,-0.03717,-0.01672,-0.01046,0.0816,0.007,-0.03081,-0.00668,-0.01727,-0.05738,0.00555,0.07435,-0.06307,-0.03929,0.06153,0.01237,0.02106,-0.02226,-0.01863,0.0268,-0.02763,-0.02937,-0.06348,0.14704,0.02802,-0.1057,0.08305,0.04327,0.03723,0.05821,-0.01233,0.0229,0.10914,0.09161,-0.03739,0.04581,-0.00585,0.01378,-0.08282,0.02557,0.00288,0.01174,-0.05203,-0.02302,-0.04152,0.06635,-0.02956,-0.00113,-0.00325,-0.01975,-0.07828,0.03144,-0.05485,0.05128,-0.00067,0.02199,-0.03137,-0.02171,0.04071,0.04096,-0.0835,0.0209,-0.00671,-0.03095],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. @for (c of connections(); track c.id) { <f-connection [fOutputId]=\"c.from\" [fInputId]=\"c.to\"</f-connection } </f-canvas </f-flow In the default mode there is no setState` and no hidden graph store. The template is the graph — driven by your signals, rendered by Angular, with the library wiring up interactivity on top. f Output Id f Input Id set State","excerpt":"@for (c of connections(); track c.id) { <f-connection [fOutputId]=\"c.from\" [fInputId]=\"c.to\"</f-connection } </f-canvas </f-flow In the default mode there is no setState` and no hidden graph store. The template is the graph — driven by your signals, rendered by Angular, with the library wiring up interactivity on top."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#16","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06078,0.03176,-0.08284,0.03668,0.00526,0.02699,-0.03364,0.07933,0.03689,0.00398,-0.10387,-0.00848,-0.0591,-0.05228,0.01708,0.00939,0.01476,-0.06357,-0.00144,0.00926,0.01631,-0.07791,-0.0286,-0.03223,-0.00937,0.11501,-0.02304,-0.04904,0.08876,-0.04916,0.04257,0.05718,0.00648,0.0436,-0.07626,0.07378,-0.00465,-0.06062,-0.10895,-0.0268,0.06194,0.05563,-0.00692,-0.00518,-0.01636,0.02628,0.01287,-0.03111,-0.06606,0.02161,-0.04503,0.01328,-0.02909,0.0868,0.03012,0.0465,0.06801,-0.02183,-0.07319,0.03139,-0.03741,-0.03577,-0.0002,0.06196,0.07362,0.04629,-0.00374,-0.02245,0.04798,-0.04252,-0.04258,0.00403,0.0581,-0.04024,0.01307,-0.09549,-0.0126,0.02786,0.02944,-0.04674,0.01267,-0.00228,0.01861,-0.01142,-0.02997,0.05208,0.00359,-0.06771,0.03286,0.0409,-0.05859,0.05573,-0.00971,0.00007,-0.00189,0.02185,0.04578,-0.04331,-0.08984,0.02069,0.01525,0.0001,0.08247,0.12627,-0.05265,-0.09164,-0.02644,0.03021,-0.09687,-0.00651,0.00989,0.05336,0.08731,-0.00882,-0.03235,-0.05699,-0.02766,-0.02958,0.03701,0.06448,0.00539,-0.05017,0.04559,0.03927,0.01372,-0.04036,-0.01078,0,0.00276,-0.02336,-0.02139,0.02822,0.02085,0.01778,0.0274,-0.11766,-0.00974,0.01408,0.05613,0.11005,-0.03144,0.0541,0.01851,-0.10723,-0.05871,0.03978,0.02065,0.00822,0.1023,0.00608,-0.016,-0.03196,0.04132,0.06574,-0.05095,0.06767,-0.11038,0.02022,0.01379,-0.03617,-0.04421,-0.04554,0.03415,-0.02482,-0.02746,-0.05272,-0.04749,-0.07759,0.00723,-0.03446,-0.03517,-0.02844,-0.01841,-0.10825,-0.07995,0.01218,0.01396,0.04537,0.0606,0.02494,0.00736,-0.03041,0.03379,0.00043,-0.02218,0.00147,-0.00042,0.06419,0.03689,-0.00365,-0.05143,-0.04087,-0.00539,0.09501,-0.00542,-0.02257,0.07776,-0.02166,-0.04642,0.08546,0.06211,0.03033,0.09063,0.03157,-0.00341,-0.03565,-0.04547,-0.03954,0.01481,-0.06952,-0.03079,0.11401,0.09539,-0.10299,-0.02566,-0.105,-0.12167,-0.00478,0.07497,-0.04749,0.09629,-0.01433,0.0223,0,0.0555,-0.05772,-0.03813,0.08133,-0.00724,-0.03733,0.03188,0.04779,0.05599,-0.00185,0.01521,0.03946,-0.01452,-0.00823,0.00555,0.03211,-0.00002,-0.15117,0.01013,-0.04079,-0.00967,0.00258,-0.0356,0.00243,-0.0602,0.06438,-0.03206,-0.00634,-0.03025,-0.05962,-0.0036,-0.02829,-0.08852,-0.08068,-0.05939,-0.04477,-0.03205,0.04134,0.01414,-0.00694,0.04917,0.04531,-0.06832,0.03267,-0.07145,0.0146,-0.09451,0.01277,0.02441,-0.0114,-0.01671,0.04247,-0.01597,-0.0234,-0.06599,0.02496,0.06617,0.0807,-0.02777,0.04654,-0.01659,-0.06174,-0.01104,-0.0036,0.00376,0.01938,-0.05614,0.03662,0.10502,0.08833,0.13363,0.04518,-0.0259,0.00353,0.10059,0.04242,0.06663,-0.07474,0.04579,0.04696,-0.02797,0.09841,-0.039,0.02389,0.06816,-0.02475,-0.08611,-0.09648,0.02109,0.02088,-0.02466,0.051,-0.02777,0.01299,0.00512,0,-0.11557,-0.03761,-0.02641,0.03161,0.06712,0.02835,-0.03264,-0.0458,-0.02475,-0.07433,0.04907,0.0321,-0.03502,-0.04046,0.07232,0.04127,0.05196,-0.05859,-0.06478,-0.03351,-0.05697,0.03776,-0.05557,0.09507,0.01368,-0.04561,0.09145,0.0134,0.05552,0.03952,-0.01201,0.07566,0.06609,0.08301,-0.06319,0.05329,-0.00285,0.03009,-0.05215,0.00016,0.02562,0.05214,-0.01573,-0.02223,-0.05883,0.07685,-0.054,-0.00629,0.00095,-0.02182,-0.03873,0.03937,-0.10861,0.09992,0.02486,0.00908,-0.01321,-0.00614,0.05093,0.06765,-0.07205,0.01974,0.04514,-0.00109],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Initialization works the same way in stateless mode. You hydrate your own signals from your backend or file, Angular renders the template, the library picks up the <f-node and <f-connection children and makes them interactive. When rendering settles, fFullRendered fires — that is the place to call getState() for measured bounds and run \"fit to content\". f Full Rendered get State","excerpt":"Initialization works the same way in stateless mode. You hydrate your own signals from your backend or file, Angular renders the template, the library picks up the <f-node and <f-connection children and makes them interactive. When rendering settles, fFullRendered fires — that is the place to call getState() for measured bounds and run \"fit to content\"."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#17","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.05858,0.04915,-0.07568,0.03603,-0.00535,0.00154,-0.04488,0.06984,0.01887,0.01595,-0.07226,-0.01504,-0.01897,-0.03288,0.01582,0.02006,-0.02061,-0.08236,0.04569,-0.00105,-0.00862,-0.05478,-0.02611,-0.00925,0.03196,0.08899,-0.06047,-0.01539,0.06038,-0.00438,0.04807,0.04083,-0.0178,0.08402,-0.01478,0.044,0.00335,-0.04307,-0.08261,-0.01914,0.0605,0.05485,0.03269,0.02006,-0.05372,0.08744,-0.01036,-0.00845,-0.029,0.06141,-0.04556,0.01958,-0.01548,0.0621,0.07758,0.0733,0.06278,-0.05401,-0.05211,0.03023,-0.01996,-0.02584,0.00917,0.04977,0.00045,0.0879,0.00844,0.033,0.07745,-0.04983,0.02991,-0.00362,0.01083,-0.04216,0.02535,-0.07513,0.02514,0.01778,-0.03367,-0.06163,-0.00658,-0.00287,0.01871,-0.01397,-0.01241,0.00885,-0.00175,-0.11851,0.01013,0.08965,-0.05132,0.05515,0.00299,-0.03506,0.08704,0.03203,0.07183,-0.00205,-0.06921,0.03041,0.01952,-0.0288,0.05616,0.06576,-0.03929,-0.02898,-0.0586,0.00452,-0.06388,-0.00452,-0.02754,0.09222,0.06235,0.00985,-0.00956,-0.07512,-0.04058,-0.05466,-0.01522,0.04031,-0.02151,-0.01397,0.05492,-0.00297,-0.0511,0.00309,-0.00478,0,0.00486,-0.02798,-0.01193,-0.01741,0.01377,0.02676,-0.00519,-0.06033,-0.02057,-0.01829,-0.06085,0.08118,-0.02283,0.05809,-0.02469,-0.03288,-0.06133,0.01752,0.04596,0.00506,0.09404,0.02888,-0.00645,-0.01852,0.0224,0.08045,-0.03925,0.07022,-0.03609,0.02075,-0.06902,-0.03349,0.00768,-0.015,-0.01111,0.00187,-0.02284,-0.06404,-0.05836,-0.10716,0.03701,0.02301,-0.04742,-0.042,-0.01446,-0.07345,-0.08413,-0.04188,-0.00332,0.02267,0.04327,-0.02364,0.01429,-0.00461,0.00829,-0.05463,0.03197,0.0368,-0.00806,0.04799,0.04971,0.05277,-0.02551,-0.02654,0.07173,0.12729,-0.05087,0.04407,0.05703,-0.06442,-0.01801,0.12109,-0.00286,0.00136,0.09362,-0.01857,0.00393,-0.04922,-0.11144,-0.01532,0.00905,-0.09645,-0.02509,0.08333,0.08524,-0.04426,0.03371,-0.08415,-0.0511,0.02822,0.08989,-0.05982,0.07377,0.02531,-0.0039,0,0.04386,0.01315,0.0265,0.04985,0.04842,-0.05807,0.0251,0.03049,-0.0011,0.00383,-0.01349,-0.04361,0.00338,-0.04057,0.10369,-0.00361,-0.01863,-0.15872,-0.05763,-0.04296,-0.06215,0.01407,-0.03717,-0.00106,-0.03166,0.02765,-0.11484,-0.02692,0.02858,-0.04928,-0.02372,-0.03638,-0.08252,-0.08699,0.00776,-0.00365,-0.04759,0.0252,0.03455,-0.03101,-0.02775,0.06124,-0.14122,0.0394,-0.00697,0.0882,-0.09666,0.06103,-0.03462,0.0023,-0.05784,0.04236,0.00972,-0.03227,-0.02216,0.01113,0.11488,0.09053,-0.07327,-0.01743,-0.05807,-0.04787,-0.02771,-0.02315,0.03103,0.01441,0.00667,0.00125,0.02979,0.05971,0.10128,0.05207,-0.04532,-0.02049,0.15829,0.04199,-0.00608,0.04579,0.03545,0.0562,-0.0815,0.10358,0.01423,0.07927,0.06999,-0.00779,-0.03921,-0.07852,0.0246,0.07589,-0.0238,0.02011,-0.06652,0.04615,0.02408,0,-0.12142,-0.00003,-0.02643,0.01027,0.06372,0.01764,-0.01229,0.05053,0.00816,0.00042,0.04124,0.03429,-0.05202,-0.05235,0.00129,0.00308,0.03515,-0.05763,-0.01334,0.00481,-0.03524,-0.03648,-0.06571,0.14425,-0.01565,-0.08001,0.09515,-0.03698,-0.00162,0.05024,-0.05777,0.06901,0.07824,0.11845,-0.07183,0.05945,0.03046,0.057,-0.0532,0.00081,0.02157,0.04728,-0.05935,-0.02453,-0.04011,0.08901,-0.03209,0.024,-0.01542,-0.0318,-0.07563,0.03649,-0.09024,0.10055,-0.01829,0.02531,-0.03546,-0.04814,0.096,-0.00994,-0.05173,-0.01781,-0.00106,-0.00086],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. With Managed Flow State, initialization becomes state.load(...), the template renders state.nodes(), state.groups() and state.connections(), and state.snapshot() returns persistable graph records. The application still decides when to load and save them. It is more accurate to say the Foblex Flow core is an interaction layer than a graph library. The graph is yours unless you explicitly place its generic records in Managed Flow State.","excerpt":"With Managed Flow State, initialization becomes state.load(...), the template renders state.nodes(), state.groups() and state.connections(), and state.snapshot() returns persistable graph records. The application still decides when to load and save them. It is more accurate to say the Foblex Flow core is an interaction layer than a graph library. The graph is yours unless you explicitly place its generic records in Managed Flow State."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#18","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.09039,0.03391,-0.09712,-0.00651,0.04688,0.01765,-0.07779,0.06363,0.04343,0.03542,-0.04229,0.01412,-0.04051,-0.00916,0.03018,0.01735,-0.04041,-0.04525,0.02138,-0.01589,-0.01662,-0.06547,-0.02691,-0.00616,0.02527,0.07517,-0.02216,-0.0273,0.028,-0.00794,0.02637,0.07676,-0.04974,0.06243,0.00538,0.07253,0.03037,-0.01899,-0.06262,-0.07657,0.06799,0.02964,0.00083,-0.00388,-0.01131,0.03038,-0.02483,-0.0392,-0.04294,0.03845,-0.0631,0.01478,-0.0059,0.06905,0.02969,0.08589,0.00102,-0.00666,-0.05513,0.03942,0.00533,-0.02594,-0.01119,0.07965,0.00939,0.02794,0.01079,0.0363,0.04974,-0.05574,0.04991,-0.00878,-0.03914,-0.01026,0.04018,-0.06068,0.06381,0.02657,-0.03254,-0.0273,-0.02511,-0.01962,-0.00488,0.02016,-0.07456,-0.00372,-0.0366,-0.06417,-0.00635,0.05951,-0.05594,0.04235,0.05092,-0.07825,0.02534,-0.00048,0.08263,0.0118,-0.07963,0.01987,0.008,-0.03819,0.05344,0.06179,-0.02096,-0.04867,-0.03746,-0.03097,-0.03044,0.01838,-0.02955,0.07855,0.08517,-0.00904,-0.02359,-0.06117,-0.09347,-0.03379,0.01134,0.04084,-0.01282,-0.03996,0.05227,-0.0085,-0.04238,0.0132,0.02981,0,0.00441,-0.00915,0.01914,-0.05164,-0.02308,-0.01383,0.05405,-0.05865,0.0007,-0.02603,-0.06909,0.08854,-0.06113,0.10542,0.00102,-0.07484,-0.045,0.02223,0.07091,0.03976,0.09238,0.0752,-0.00517,-0.01243,0.05208,0.01184,-0.01296,0.03681,-0.09623,0.05606,-0.05782,-0.00558,0.00734,0.00988,0.02149,0.0358,-0.04918,-0.06611,-0.0175,-0.12189,0.04762,-0.00296,-0.10851,-0.03774,-0.00702,-0.08946,-0.02756,-0.04291,-0.01407,0.04868,0.04479,0.01347,-0.00291,0.00696,-0.01201,-0.03866,0.04588,-0.02069,0.01819,0.04218,0.01628,0.02173,-0.03757,0.01655,0.05522,0.07675,-0.02637,-0.02332,0.03557,-0.05735,-0.02263,0.12822,-0.01583,-0.03508,0.10165,-0.02507,0.01858,-0.02569,-0.06143,-0.05929,0.02903,-0.07386,-0.06022,0.09875,0.10595,-0.03253,0.04309,-0.05904,-0.09467,0.03091,0.10294,-0.07932,0.06938,0.01736,0.0352,0,-0.02171,-0.02657,-0.01961,0.06086,-0.02194,-0.02928,0.0349,0.02127,0.00477,-0.04002,-0.05218,-0.05211,-0.00686,-0.04246,0.04443,0.01963,-0.00682,-0.16147,-0.05764,-0.04695,-0.04728,0.05196,-0.07404,-0.00238,-0.06993,0.02924,-0.1283,-0.01153,-0.01972,-0.03505,-0.01939,-0.04694,-0.07547,-0.10763,0.00145,-0.03941,-0.00906,0.04343,-0.00552,-0.02054,-0.0485,0.03022,-0.11471,0.04384,0.00549,0.08363,-0.11538,0.03048,0.03887,0.01262,-0.03616,0.05269,0.03746,-0.02761,-0.00252,-0.00266,0.11547,0.08983,-0.06625,-0.00926,-0.04595,-0.06548,-0.02093,0.00073,0.04267,0.01088,0.02755,0.03401,-0.00679,0.01734,0.09515,0.0483,-0.02329,-0.01428,0.12226,0.04713,-0.00832,0.00106,0.02638,0.06298,-0.10204,0.10752,-0.01177,0.06815,0.10175,-0.04485,-0.05706,-0.09241,0.03905,0.03257,-0.00543,0.05738,-0.08952,0.01775,0.01303,0,-0.08005,-0.05952,-0.01358,0.02562,0.05373,0.00028,0.05551,0.04941,0.04835,-0.02526,0.05794,0.04387,-0.10127,-0.06374,0.03197,0.00276,0.04161,-0.00994,-0.03284,0.01443,-0.03955,-0.00142,-0.06522,0.07795,0.01593,-0.0632,0.10121,0.01045,0.05239,0.05551,-0.03147,0.03551,0.09847,0.10136,-0.0702,0.03013,0.06091,0.09053,-0.0364,-0.03602,0.0202,0.0834,-0.07585,0.00847,-0.01834,0.07527,-0.0405,0.0237,-0.02774,-0.04111,-0.11704,0.02847,-0.05875,0.0852,0.01162,0.04547,-0.00705,-0.01248,0.10057,-0.00602,0.01335,0.00394,0.01335,0.03923],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. 🛠 Why this decision was made Every consequence of \"stateless core\" looks, on the surface, like a missing feature. None of them are. Persistence is your job. The stateless core does not ship a toJSON() that serializes your graph, because it does not have your graph. Managed Flow State offers snapshot() for its opt-in records, but your application still decides the domain shape, storage format and persistence lifecycle. to JSON","excerpt":"🛠 Why this decision was made Every consequence of \"stateless core\" looks, on the surface, like a missing feature. None of them are. Persistence is your job. The stateless core does not ship a toJSON() that serializes your graph, because it does not have your graph. Managed Flow State offers snapshot() for its opt-in records, but your application still decides the domain shape, storage format and persistence lifecycle."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#19","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.07373,0.01013,-0.07272,0.00031,0.01252,-0.02223,-0.02551,0.05849,0.0339,0.02796,-0.02441,-0.01873,-0.00846,-0.03207,0.03504,0.03336,-0.04841,-0.04991,-0.00135,-0.03735,0.00939,-0.05083,-0.00495,0.00708,-0.0375,0.07748,-0.02066,-0.02155,0.04854,-0.05432,0.03407,0.05044,0.01173,0.01655,-0.04406,0.07735,0.00623,-0.05746,-0.08141,-0.07444,0.05623,0.02502,0.02522,0.02445,-0.0312,0.0371,0.02103,-0.07349,-0.04438,0.06734,0.02605,-0.00724,-0.02289,0.06849,0.0473,0.07507,0.04185,0.00019,-0.01767,0.02321,0.00019,-0.0068,-0.03272,0.06286,-0.0136,0.06676,0.00138,-0.02898,0.04683,-0.0622,-0.00918,-0.04746,0.00172,-0.0356,0.00794,-0.06862,-0.00181,0.0299,-0.06104,-0.09637,0.03441,-0.00344,0.0279,0.08047,-0.02524,0.05858,-0.00698,-0.113,0.06643,0.08901,-0.02156,0.00147,0.07251,-0.07057,0.02711,0.00331,0.02157,-0.00471,-0.10023,0.0552,0.0248,-0.01093,0.02284,0.04368,0.0277,-0.04208,-0.05843,-0.01011,-0.06151,0.02548,-0.04272,0.05545,0.07795,-0.01658,0.01524,-0.04378,-0.02761,-0.03245,-0.01523,0.02759,-0.02449,-0.02869,0.05064,-0.01898,-0.02601,-0.02537,-0.01134,0,0.03033,-0.01876,-0.03822,-0.01487,0.03816,0.03645,0.01484,-0.07356,-0.0244,-0.02841,0.0361,0.08004,-0.03226,0.07136,0.02473,-0.03566,-0.02414,0.03559,0.0486,-0.01183,0.08779,0.043,-0.0232,-0.01536,0.08406,0.07408,-0.03406,0.06661,-0.00191,0.0153,-0.04919,-0.04055,-0.01435,0.04343,0.01179,0.04706,-0.02008,-0.09985,-0.02267,-0.08919,0.02421,-0.0207,-0.09996,-0.0583,0.00261,-0.10226,-0.06921,-0.06259,0.04307,0.01427,0.07546,0.04084,0.03954,0.00635,-0.01355,-0.0466,-0.00338,0.01606,-0.02502,0.02986,0.06346,0.04607,-0.06296,0.03575,0.01488,0.10223,-0.02804,-0.00654,0.03509,-0.08281,-0.05492,0.10919,-0.01446,-0.00829,0.05156,-0.04716,-0.01011,-0.03231,-0.02688,-0.02491,-0.01866,-0.12647,-0.04479,0.11454,0.11004,-0.07017,0.01344,-0.0752,-0.08673,0.04105,0.09417,-0.04578,0.01117,0.04782,0.0169,0,0.00283,-0.03475,-0.01062,0.08607,-0.00715,-0.05652,-0.0125,0.01678,0.02708,-0.06835,-0.03116,-0.00063,0.01122,-0.02663,0.05882,0.00736,-0.06349,-0.12169,-0.07681,-0.02772,-0.04592,0.06784,-0.02284,0.01776,-0.09313,0.00525,-0.07718,0.01554,0.00211,-0.0571,-0.02099,-0.00704,-0.11816,-0.08763,-0.03189,-0.04304,-0.05475,0.0828,0.00352,-0.01636,0.02504,0.06701,-0.07731,0.04177,-0.03064,0.08357,-0.15123,0.02828,0.00368,0.01097,-0.03648,0.03327,0.02684,-0.04074,-0.03035,0.04328,0.13649,0.08121,-0.04319,0.01475,-0.04127,-0.0366,-0.01975,0.05142,0.01404,0.0516,0.0185,0.03214,0.03142,0.03456,0.17206,0.04933,-0.09478,-0.02311,0.12468,0.0115,0.01699,-0.01339,-0.00959,0.01566,-0.02649,0.08895,0.03795,0.04358,0.00782,0.01403,-0.07999,-0.04547,0.01946,0.03378,-0.04248,0.03822,-0.07533,0.03873,-0.03456,0,-0.13006,-0.00667,0.01633,0.02628,0.0553,0.03851,-0.01289,0.02222,0.00195,-0.05006,0.05597,0.03957,-0.08713,-0.04022,0.00545,0.01716,0.06579,-0.00425,-0.02968,0.00424,-0.06719,0.01467,-0.03671,0.12182,0.00121,-0.05027,0.0687,0.04541,0.00676,0.07141,0.05143,0.04501,0.06415,0.13735,-0.06455,0.02761,0.03357,0.00606,-0.02988,-0.00913,-0.00099,0.05476,-0.04801,-0.02319,-0.08615,0.06383,-0.01986,-0.05855,-0.0028,-0.06136,-0.09079,0.05928,-0.07553,0.1325,0.03223,0.06846,0.0171,-0.01672,0.07501,0.05454,-0.03965,-0.03254,0.01119,-0.00284],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Undo/redo belongs to the state owner. In stateless mode, that is your application's command history: it knows that adding a node, editing a label or changing a validation rule are meaningful actions. Managed Flow State provides a generic history stack for supported graph gestures and mutations when that is enough. Domain actions outside the plugin remain the application's responsibility.","excerpt":"Undo/redo belongs to the state owner. In stateless mode, that is your application's command history: it knows that adding a node, editing a label or changing a validation rule are meaningful actions. Managed Flow State provides a generic history stack for supported graph gestures and mutations when that is enough. Domain actions outside the plugin remain the application's responsibility."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#20","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06527,-0.00232,-0.0133,0.01126,0.00924,-0.01084,-0.03256,0.04091,0.03191,-0.01985,-0.05865,-0.05747,-0.03083,-0.02996,-0.00956,0.01676,-0.02364,-0.04487,-0.01092,0.00952,-0.01807,-0.09142,-0.07032,0.02656,0.01725,0.09147,0.01023,-0.02415,0.05849,-0.04237,0.05447,0.04836,-0.07087,0.04573,-0.08813,0.04155,0.01148,-0.05777,-0.08454,-0.07882,0.05322,0.07144,-0.00274,0.02749,-0.05493,0.00379,0.06083,-0.05628,-0.02928,0.02625,-0.01894,-0.02932,-0.03755,0.10724,0.03909,0.08668,0.01285,-0.00683,-0.03744,0.0423,-0.02274,-0.0069,0.05972,0.05543,0.02214,0.05928,0.01221,0.00375,0.02249,-0.04138,0.0026,-0.0123,-0.00005,-0.115,0.04166,-0.06534,-0.04098,-0.02647,-0.02833,-0.07158,0.02278,-0.00339,-0.02266,-0.0045,-0.02906,0.02688,0.00319,-0.08375,-0.00756,0.02452,-0.02149,0.1041,0.0388,-0.04174,0.03405,0.00676,0.02684,0.00948,-0.07471,0.08053,0.00418,0.04975,0.0184,0.05725,0.00722,-0.05953,-0.01999,0.02464,-0.12329,0.00483,0.02885,0.06756,0.06388,-0.00267,0.00251,-0.03006,-0.01587,-0.00943,0.01245,0.03413,-0.02114,-0.02881,-0.0023,0.04597,0.0699,-0.04447,0.02634,0,0.00402,0.00859,-0.04715,0.01248,0.04832,0.05686,0.0165,-0.06127,-0.03355,-0.03865,0.01327,0.05256,-0.02569,0.04034,-0.00737,-0.11274,-0.03029,0.03459,-0.02709,0.01151,0.06512,-0.01413,-0.08192,-0.04949,-0.02064,0.05054,-0.04538,0.11667,0.00017,0.00351,-0.02757,-0.02604,0.03488,0.0185,-0.02651,-0.00547,0.02493,-0.06087,-0.07808,-0.05488,0.00709,0.01735,-0.0676,-0.06475,-0.02105,-0.03744,-0.05943,-0.00167,-0.03938,-0.0093,0.04303,0.03862,0.01205,-0.01094,0.00228,-0.0403,-0.00872,-0.03356,0.02338,0.07264,0.04161,0.06001,-0.08381,-0.00961,0.00247,0.13375,-0.03602,-0.01543,0.0306,-0.07476,-0.0658,0.12117,0.03736,-0.01199,0.08612,-0.02665,-0.05264,-0.02483,0.02504,-0.03468,-0.00273,-0.10798,0.02,0.07986,0.07601,-0.07672,-0.02145,-0.03664,-0.12568,0.10221,0.0483,0.00335,0.09558,-0.01842,0.04164,0,-0.01571,-0.02652,0.00669,0.06613,0.03754,-0.03581,0.00077,0.02034,0.08495,-0.04682,-0.03412,-0.01056,-0.02658,0.01997,0.01809,-0.00202,0.02883,-0.12576,-0.03148,-0.01683,-0.01406,0.05148,-0.03389,0.03859,-0.05678,0.06685,-0.04148,-0.00532,0.01415,-0.05553,-0.01224,-0.09672,-0.07222,-0.13147,-0.01994,-0.01725,-0.06204,0.07864,-0.00467,0.01976,-0.00577,0.02494,-0.11004,0.04016,-0.02151,0.05386,-0.13937,0.01713,-0.01989,-0.00832,-0.06866,0.08948,-0.031,-0.05255,0.00419,0.0275,0.10215,0.08992,0.02055,0.01451,-0.0023,-0.08009,-0.00703,-0.01286,0.05498,0.04768,0.0062,-0.00094,0.13137,0.108,0.09719,0.04051,-0.07402,-0.06099,0.17283,0.00874,0.03499,-0.01888,0.07203,0.07767,-0.04793,0.08772,0.05217,0.07109,0.03784,0.01989,-0.04261,-0.08278,0.02276,0.00274,-0.06241,0.03616,-0.06699,0.0122,0.02369,0,-0.10465,-0.00744,0.00296,0.02198,0.00333,0.00796,-0.00467,-0.02132,0.00228,-0.06199,0.03098,-0.00168,-0.04733,-0.0043,0.05305,0.02876,-0.00469,-0.04946,-0.06283,-0.01104,-0.03545,0.03773,-0.04322,0.12557,-0.00339,-0.033,0.10699,0.0534,0.02196,0.0277,0.01345,0.03306,0.03452,0.15672,-0.05196,-0.00446,0.04403,0.07352,-0.05114,0.07096,0.00799,0.04069,-0.04466,-0.0023,0.0187,0.0537,0.03028,-0.05869,-0.00908,0.02374,-0.00761,0.03384,-0.06857,0.12361,0.06802,-0.0517,0.00625,-0.01313,0.05709,0.04609,-0.0548,-0.00683,-0.01192,0.0285],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Optimistic updates are your job. In stateless mode, write to your signal, let the view update, and reconcile later if the server disagrees. With Managed Flow State, reconcile against the explicit plugin store instead; it is still application-scoped and inspectable rather than hidden runtime data. Collaboration is your job. Two users dragging the same node is a merge problem in your domain, not a rendering problem. The library hands you the gesture; your CRDT or your OT layer decides what it means, then writes to your state, and the view follows.","excerpt":"Optimistic updates are your job. In stateless mode, write to your signal, let the view update, and reconcile later if the server disagrees. With Managed Flow State, reconcile against the explicit plugin store instead; it is still application-scoped and inspectable rather than hidden runtime data. Collaboration is your job. Two users dragging the same node is a merge problem in your domain, not a rendering problem. The library hands you the gesture; your CRDT or your OT layer decides what it means, then writes to your state, and the view follows."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#21","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.05148,-0.01218,-0.08652,-0.00729,0.01041,-0.02261,-0.09482,0.1177,0.06845,0.01738,-0.09041,-0.02982,-0.00306,-0.0216,0.05761,0.01296,0.00621,-0.05636,-0.00173,-0.02888,-0.02747,-0.01269,-0.03995,0.02044,-0.02035,0.07268,-0.00369,-0.04036,-0.01697,-0.02189,0.00791,0.07549,0.0194,0.05894,-0.01276,0.0389,0.02175,-0.02172,-0.09834,-0.08727,0.00535,0.0068,0.00983,0.01561,-0.01453,-0.03116,0.04272,-0.0836,-0.04971,0.08725,-0.07391,-0.01513,-0.03413,0.09031,0.06116,0.04286,0.02454,-0.02777,-0.04245,0.03582,-0.01536,-0.01712,-0.02429,0.07342,-0.01046,0.03695,-0.0483,0.04174,0.06431,-0.09119,-0.03095,-0.02923,-0.01717,-0.01737,0.02856,-0.07547,0.02049,0.03098,0.01902,-0.08004,-0.01792,0.01775,0.03405,0.07627,-0.02385,0.05573,0.04053,-0.05367,0.04418,0.04934,0.03142,0.02272,0.0708,-0.06159,0.06337,-0.00834,0.04018,-0.04738,-0.08529,0.02243,-0.02269,-0.01825,0.06055,0.05803,-0.01889,-0.05281,0.02277,-0.02542,-0.06431,-0.03139,-0.03615,0.01653,0.06097,-0.0709,0.02494,-0.05299,-0.05026,-0.05198,0.00808,0.04575,-0.05336,-0.02986,0.05118,0.02802,0.00699,0.01183,-0.06581,0,-0.00843,0.0243,-0.0054,0.0037,0.04554,-0.02891,0.03905,-0.05422,-0.00019,-0.02097,0.00874,0.11485,-0.0441,0.07021,0.02025,-0.00729,-0.09011,0.04239,0.05451,0.00384,0.11873,-0.00318,0.00997,-0.00609,0.05912,0.06625,-0.01511,0.0025,-0.00289,0.04423,-0.09062,-0.02769,-0.0001,0.03009,-0.01295,0.04843,-0.0641,-0.10511,0.04115,-0.04938,0.0132,-0.00151,-0.05292,-0.06797,-0.00188,-0.0194,-0.05863,-0.0201,0.00646,0.00498,0.10172,0.03647,0.01935,0.01919,0.00088,-0.04732,0.0069,-0.01351,0.01436,0.0602,0.02056,0.0824,-0.02126,0.0124,0.04212,0.09459,-0.01323,0.01594,0.04781,-0.03888,-0.065,0.08841,-0.01236,-0.02585,0.06722,-0.05279,0.00248,-0.07002,-0.03688,-0.04252,-0.01709,-0.06678,-0.01076,0.07452,0.09636,-0.05289,-0.01019,-0.05315,-0.10546,0.0161,0.09607,-0.04724,0.01851,0.06422,0.0106,0,-0.00161,-0.06532,-0.03291,0.05776,0.02262,-0.05866,-0.00095,-0.02962,0.08012,-0.04534,-0.00377,-0.03239,0.0094,-0.03892,0.08095,-0.03767,-0.02149,-0.19071,-0.04618,-0.03642,-0.04306,0.04385,-0.04638,0.00529,-0.05484,-0.0043,-0.12473,-0.01751,0.02703,-0.06168,-0.05579,-0.01515,-0.08937,-0.11516,-0.0472,-0.00411,-0.02928,0.03072,0.02896,-0.02597,0.0171,0.03242,-0.1004,0.00786,-0.02883,0.10874,-0.11885,0.03158,0.03057,-0.04998,-0.02748,0.04313,0.01362,-0.05915,-0.0238,0.05589,0.14862,0.06655,-0.04773,0.04108,-0.0892,-0.03205,0.04218,0.00398,0.01598,0.04562,0.01863,0.05029,-0.02441,0.05698,0.11224,0.00449,-0.08953,0.02298,0.07885,0.03876,0.03229,-0.02668,0.00232,0.05377,-0.04783,0.09763,0.05983,0.06077,0.0651,0.01066,-0.05292,-0.09634,0.03126,0.04112,-0.03558,0.0282,-0.03422,0.06202,-0.0266,0,-0.10284,0.00237,0.00108,0.0081,0.04081,0.00761,-0.02577,0.08252,0.03199,0.01407,0.02166,0.02074,-0.1101,-0.01349,0.01503,0.02257,0.05781,-0.03253,-0.02482,-0.05205,-0.01502,0.01699,-0.05439,0.05965,0.03268,-0.06187,0.04596,-0.0295,0.071,0.07488,-0.00404,0.04835,0.09582,0.11674,-0.0106,0.03047,0.05564,0.05616,-0.07794,-0.03805,0.04086,0.05484,-0.03962,-0.04266,-0.0255,0.08491,-0.02676,-0.04504,0.00348,-0.00559,-0.06031,0.07282,-0.05434,0.11807,0.01133,0.06816,-0.02494,-0.05516,0.08212,-0.00672,-0.05942,0.00258,0.02957,0.01295],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. That sounds restrictive in a feature matrix, but it matters in real editors. The apps I have seen built on Foblex Flow all have non-trivial domain models — call routing, AI agent graphs, workflow automation, ETL pipelines. In every one of them, the data model existed before the editor did. A library that insisted on owning it would have been a wall, not a tool.","excerpt":"That sounds restrictive in a feature matrix, but it matters in real editors. The apps I have seen built on Foblex Flow all have non-trivial domain models — call routing, AI agent graphs, workflow automation, ETL pipelines. In every one of them, the data model existed before the editor did. A library that insisted on owning it would have been a wall, not a tool."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#22","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.07167,0.00864,-0.08125,0.0436,0.03982,0.00796,-0.03922,0.09646,0.03893,0.04036,-0.09804,-0.01414,0.00559,-0.02975,0.05145,0.05507,-0.01591,-0.03677,0.01123,-0.0033,-0.04549,-0.0623,-0.02341,-0.03761,0.01701,0.08242,-0.05065,-0.00832,0.05014,-0.02024,0.02696,0.02436,0.00553,0.08324,-0.10728,0.07974,0.03081,-0.04262,-0.14837,-0.07114,0.02993,0.06208,-0.00916,0.01108,-0.03498,0.0162,-0.01532,-0.04488,-0.02751,0.0782,-0.03861,-0.05894,-0.04772,0.04952,0.0373,0.0953,0.02114,-0.0583,-0.04185,0.04166,0.00422,-0.00034,0.0201,0.06053,0.03316,0.06134,-0.00682,0.04886,0.07205,-0.09767,0.00971,-0.02678,-0.00569,-0.02977,-0.01598,-0.12254,-0.02493,0.03476,-0.01169,-0.03484,0.00333,0.03313,0.0075,0.03174,-0.02099,0.06793,-0.00059,-0.06885,-0.01496,0.08913,-0.01597,0.06192,0.0194,-0.05172,0.05788,-0.00388,0.06885,-0.01096,-0.0806,0.04882,0.00787,-0.03225,0.03876,0.04065,-0.03825,-0.08318,-0.03179,-0.02042,-0.09383,0.00068,-0.05698,0.0556,0.01119,-0.03108,0.0213,-0.04753,-0.02305,-0.05619,0.02897,0.07392,-0.01657,0.01137,0.0004,0.01992,0.00375,-0.0505,-0.02432,0,0.04524,0.00402,-0.01015,0.02751,0.07146,0.04084,0.00246,-0.05967,-0.06668,-0.01184,0.01665,0.09026,-0.02106,0.09112,0.03797,-0.06271,-0.04808,0.03404,0.06627,-0.02541,0.06387,-0.01427,-0.0179,0.01773,0.03822,0.07995,-0.01632,0.06122,-0.01122,0.0042,-0.05745,-0.0454,0.00188,0.00611,-0.02672,-0.01728,-0.05063,-0.09083,-0.01788,-0.08679,0.00154,-0.01323,-0.05412,-0.04636,0.00038,-0.03469,-0.05421,-0.01751,-0.00779,0.00145,0.06984,0.03571,0.01668,0.01502,0.02977,-0.02933,0.02654,0.01348,-0.0276,0.04529,0.04098,0.07549,-0.02452,-0.0148,0.03212,0.13565,-0.04766,-0.00529,0.07013,-0.05113,-0.08595,0.09309,0.01492,0.00307,0.06395,-0.01041,-0.02947,-0.06392,-0.04405,-0.02055,-0.00827,-0.12268,0.00861,0.09036,0.09418,-0.10278,0.01434,-0.03422,-0.06004,0.01592,0.12334,-0.03228,0.06066,0.01525,0.01683,0,0.01536,-0.01715,0.00409,0.07092,0.03915,-0.03481,-0.02091,-0.02477,0.04263,-0.00401,-0.02875,-0.02957,0.04101,-0.04273,0.04305,0.02625,-0.05371,-0.14685,-0.03307,-0.07743,-0.05103,0.05215,0.0243,-0.02237,-0.04409,-0.00141,-0.05849,-0.02801,0.00343,-0.05745,-0.05112,-0.04084,-0.04534,-0.11293,0.00617,-0.0516,0.00977,0.02347,0.01419,-0.04708,0.00915,0.04333,-0.07545,0.00652,-0.04239,0.08858,-0.17079,0.08608,0.00099,-0.02775,-0.07548,0.01427,-0.0101,-0.06685,-0.0012,0.00954,0.11467,0.09658,-0.01473,-0.01541,-0.07023,-0.07601,-0.01557,0.02538,0.01544,0.01675,-0.01648,0.01881,0.01272,0.05993,0.11601,0.05542,-0.01899,-0.00476,0.11701,0.02376,0.08257,-0.00078,0.0512,0.0361,-0.03424,0.12499,0.04969,0.02895,0.05646,0.02108,-0.0728,-0.05301,0.04657,0.03204,-0.04732,0.07428,-0.05078,0.04402,0.01342,0,-0.10893,-0.02157,-0.03292,-0.01682,0.03052,0.02262,0.00758,0.04176,0.02836,0.01509,0.06378,0.00752,-0.07772,-0.07323,0.01617,0.01266,0.06623,-0.04526,0.00111,-0.01748,0.00454,0.00752,-0.04028,0.13203,0.01882,-0.07763,0.05916,0.01648,0.00288,0.04321,-0.03512,0.047,0.1004,0.12478,-0.05297,0.026,-0.00554,0.02547,-0.08159,0.01868,0.03036,0.04463,-0.04897,-0.03588,-0.03583,0.06248,0.00683,-0.03555,-0.00724,-0.02241,-0.04898,0.02488,-0.04166,0.06633,-0.00654,0.08918,-0.04441,-0.03957,0.08425,0.02453,-0.08928,0.01212,0.03261,-0.01134],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. 🧠 Philosophy A node editor library can do one of two things. It can be a platform that owns the graph and hands you hooks into it. Or it can be an interaction layer that renders what you already have. Foblex Flow's core chose the second one on purpose. The library is not a small application you embed. It is a set of Angular primitives — <f-flow, <f-canvas, fNode, <f-connection — that turn your existing data into something a user can drag, connect, and edit. Managed Flow State is an optional companion for applications that want those primitives plus a ready-made graph store. f Node","excerpt":"🧠 Philosophy A node editor library can do one of two things. It can be a platform that owns the graph and hands you hooks into it. Or it can be an interaction layer that renders what you already have. Foblex Flow's core chose the second one on purpose. The library is not a small application you embed. It is a set of Angular primitives — <f-flow, <f-canvas, fNode, <f-connection — that turn your existing data into something a user can drag, connect, and edit. Managed Flow State is an optional companion for applications that want those primitives plus a ready-made graph store."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#23","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.02868,-0.00599,-0.01432,0.01642,0.01401,-0.0006,0.03382,0.05286,0.06342,0.00327,-0.01582,-0.00471,-0.03621,-0.01271,0.02583,0.01929,-0.02094,-0.05203,-0.03642,0.05425,-0.00609,-0.05097,0.00344,0.00822,-0.0375,0.08078,-0.01649,-0.10117,0.03606,-0.02543,0.02172,0.05667,0.01028,-0.00565,-0.02302,-0.00357,-0.00901,-0.07518,-0.11822,-0.05816,0.02818,0.00058,0.00488,0.03755,-0.05293,0.03296,0.07319,-0.05186,-0.02842,0.07476,0.00512,-0.0114,-0.00992,0.05311,0.02872,0.04249,0.07118,0.02304,-0.04131,0.04035,0.02064,-0.01122,-0.01128,0.06424,0.00124,0.09208,0.02756,-0.05619,0.05208,-0.02991,-0.04002,-0.0245,0.06679,-0.08056,0.05974,-0.1236,-0.006,-0.00457,-0.01642,-0.07679,0.01885,-0.04022,0.00336,0.04347,0.01007,0.02213,-0.01262,-0.06851,0.05742,0.03454,-0.03794,0.02361,0.0176,-0.06296,0.01573,-0.03446,-0.01675,0.00387,-0.11532,0.04201,0.02162,0.01608,0.01774,0.10529,0.00199,-0.06678,-0.03733,-0.0387,-0.11647,0.02861,0.01119,0.03483,0.10278,-0.00167,-0.04551,-0.00081,-0.02362,0.01805,-0.00182,0.03038,0.00943,-0.02402,0.04428,-0.01973,-0.03145,-0.01307,-0.01206,0,-0.0087,-0.03404,-0.06152,-0.05984,0.03882,-0.01805,0.04172,-0.07787,0.01388,-0.04846,0.08475,0.05378,0.00451,0.03824,0.01381,-0.05877,-0.06052,0.05759,0.04645,0.05299,0.10688,0.02413,-0.05663,-0.05182,0.01594,0.08246,-0.03948,0.0556,0.00892,0.01087,-0.0517,-0.05176,0.01557,-0.02118,-0.02599,-0.03486,-0.031,-0.08651,-0.00541,-0.10234,-0.00037,-0.01619,-0.11021,-0.07869,-0.00891,-0.05838,-0.03792,-0.02329,0.0306,-0.03362,0.09183,0.02744,-0.00547,-0.0194,-0.01246,-0.06418,-0.04439,0.02879,-0.03305,0.03793,0.03601,0.04067,-0.02808,-0.02397,-0.02421,0.09622,-0.03604,0.01487,0.00832,-0.09652,-0.07713,0.09538,-0.03269,0.03382,0.04338,-0.03283,-0.00898,0.01351,-0.04469,-0.04491,0.00352,-0.07127,0.01401,0.11246,0.1099,-0.07508,-0.01558,-0.08861,-0.14828,0.05491,0.03887,-0.02898,0.05377,0.02782,0.02205,0,0.00163,-0.04171,-0.07516,0.08432,-0.02654,-0.03365,-0.01335,0.06503,0.0647,-0.06625,-0.02011,0.00219,0.00876,-0.00681,0.01253,0.00278,-0.01382,-0.08636,-0.07477,0.00417,-0.01208,0.08575,0.02464,0.00202,-0.11795,0.0208,-0.04991,0.02294,0.01096,-0.08049,-0.01094,0.0042,-0.09014,-0.06959,-0.03247,-0.03406,-0.09353,0.04088,-0.01901,0.01092,0.08134,0.0452,-0.02071,0.05667,-0.01677,0.05735,-0.12268,-0.01521,-0.00146,-0.00171,-0.02452,0.01714,0.01214,-0.03609,-0.02774,0.0934,0.16145,-0.00409,-0.04725,0.02713,-0.01369,-0.05468,0.0225,-0.01007,0.08615,0.07717,0.02659,0.04627,0.10519,0.0557,0.14905,0.03891,-0.0648,-0.00236,0.12573,0.08533,0.02359,-0.05268,0.0332,-0.00264,-0.06369,0.07095,0.04603,0.03738,0.05491,0.05505,-0.09339,-0.08134,0.03667,0.05147,-0.05057,0.03319,0.01072,0.04266,-0.00042,0,-0.10469,0.00787,-0.0132,0.0281,0.04315,0.02432,-0.05561,-0.01896,-0.00169,-0.06284,0.01474,0.00524,-0.04331,0.01202,0.01829,0.02157,0.02821,-0.02277,-0.06826,-0.03109,-0.05745,0.00757,-0.02759,0.09384,0.00684,-0.06214,0.10829,0.03888,0.00434,0.00814,-0.00331,0.02547,0.02978,0.12385,-0.11233,0.03376,0.03882,0.0073,0.00067,0.04111,0.0244,0.00518,-0.06703,-0.01303,-0.08377,0.05618,-0.03091,-0.04597,-0.01535,0.01172,-0.04846,0.05556,-0.02484,0.13392,0.08638,0.03421,0.00599,-0.01263,0.09173,0.05968,-0.03587,-0.0375,-0.00322,0.02847],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. In stateless mode, every event the library emits is an offer. This happened. You decide what to do with the change. Accept it by writing to your state and the view updates. Ignore it and nothing changes. Veto it by not writing, and the user's gesture was advisory. With Managed Flow State, supported gestures use the plugin's overridable handlers instead of waiting for application writeback.","excerpt":"In stateless mode, every event the library emits is an offer. This happened. You decide what to do with the change. Accept it by writing to your state and the view updates. Ignore it and nothing changes. Veto it by not writing, and the user's gesture was advisory. With Managed Flow State, supported gestures use the plugin's overridable handlers instead of waiting for application writeback."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#24","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.05454,0.01512,-0.06674,0.02782,0.02399,-0.00327,-0.01897,0.08491,0.06783,0.04414,-0.07731,-0.02914,0.01248,-0.03915,0.0605,-0.00282,-0.01811,-0.09285,-0.01629,0.0085,0.00802,-0.03427,-0.02558,0.0241,-0.03646,0.07694,-0.07051,-0.04754,0.00721,-0.01613,-0.0021,0.05764,0.03596,0.06339,-0.03496,0.04941,0.01979,-0.04381,-0.12426,-0.10655,0.01892,0.01744,0.00138,0.02784,-0.01737,0.00696,0.04438,-0.07876,-0.06708,0.04952,-0.05439,-0.00597,-0.048,0.08808,0.05121,0.08732,0.0536,0.01614,-0.05713,0.01413,-0.02557,-0.00661,-0.02105,0.07914,0.01098,0.04731,0.01392,0.01447,0.03518,-0.11879,-0.03384,-0.03909,0.02838,-0.02397,0.01506,-0.14457,-0.01806,0.00627,-0.01504,-0.06494,-0.00038,-0.02505,0.02211,0.07672,-0.00467,0.04881,0.04263,-0.10895,0.06003,0.08044,0.00734,0.01363,0.0489,-0.07017,0.04961,-0.02163,0.01913,-0.00654,-0.08693,0.04366,0.02995,-0.00393,0.03918,0.05115,-0.01578,-0.0715,-0.01886,-0.03905,-0.082,0.00402,-0.06274,0.03461,0.09684,-0.03552,0.02059,-0.04491,-0.00292,-0.01631,0.02509,0.05652,-0.01872,-0.0567,0.03067,0.0035,-0.00967,0.01202,-0.00778,0,0.02148,-0.0284,-0.02111,-0.00529,0.03871,0.02223,-0.00991,-0.06332,-0.00655,-0.0446,0.05422,0.08991,-0.00804,0.08197,0.05899,-0.01095,-0.08442,0.07266,0.04865,-0.00074,0.07664,0.02412,-0.03024,-0.03461,0.03562,0.05558,-0.02297,0.03382,-0.01313,0.01989,-0.08978,-0.05592,0.00105,0.00129,-0.0039,0.02414,-0.04757,-0.08222,0.00158,-0.08843,-0.00877,-0.01691,-0.07159,-0.05277,0.00433,-0.03989,-0.05142,-0.02659,-0.00776,-0.00321,0.10785,0.05074,0.0448,0.01455,-0.00845,0.00867,0.02632,-0.02518,-0.0499,0.02399,0.02408,0.06555,-0.03664,-0.00151,0.01881,0.11122,-0.03654,0.02772,0.0586,-0.0534,-0.0811,0.08078,-0.02365,0.02832,0.05912,-0.03961,0.01352,-0.03473,-0.02283,-0.05702,0.01464,-0.08567,-0.0343,0.08112,0.09005,-0.05043,-0.00777,-0.05762,-0.09198,0.0131,0.10127,-0.06169,0.04207,0.0614,0.0053,0,0.003,-0.08548,-0.05537,0.08746,-0.01065,-0.02889,-0.04411,-0.00666,0.07152,-0.04414,-0.02773,-0.02401,0.03611,-0.01686,0.04119,-0.00262,-0.02854,-0.14533,-0.05908,-0.02956,-0.0187,0.0257,-0.02035,0.00018,-0.067,-0.0027,-0.10025,0.03988,0.01737,-0.07896,-0.02719,-0.03937,-0.11146,-0.13719,-0.05055,-0.0348,-0.04958,0.04948,-0.00739,0.0001,0.03536,0.04937,-0.04528,0.05559,-0.0284,0.08973,-0.12442,0.0068,0.00384,-0.00495,-0.04034,0.01418,0.01485,-0.06021,-0.0374,0.03683,0.08286,0.06897,-0.07514,0.01326,-0.05041,-0.02645,-0.00086,0.03765,0.04202,0.0365,0.04052,0.04537,0.03202,0.01465,0.16777,0.00958,-0.07782,-0.00768,0.11103,0.04856,0.03372,-0.04522,-0.00339,0.02701,-0.0586,0.0985,0.0293,0.02413,0.02295,0.02529,-0.06053,-0.0437,0.02886,0.02794,-0.03191,0.03695,-0.02527,0.04642,-0.05177,0,-0.07647,-0.04119,-0.01178,0.03625,0.04832,0.01922,-0.03052,-0.00234,0.02586,-0.009,0.05759,0.01549,-0.12303,-0.03571,0.02445,0.0513,0.03413,-0.00472,-0.04733,-0.00711,-0.0148,0.02592,-0.07528,0.11623,0.04077,-0.04457,0.09116,0.00987,0.02376,0.07805,0.00565,0.06606,0.07339,0.13581,-0.06394,0.03357,0.0723,0.05513,-0.03396,-0.03126,0.02853,0.01062,-0.04313,-0.01114,-0.05078,0.07854,-0.0176,-0.03709,-0.02945,-0.03163,-0.05097,0.04705,-0.01845,0.12404,0.02153,0.07644,0.02268,-0.01767,0.09774,0.01708,-0.03534,-0.005,0.03874,0.04314],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. For me, this is the point. An editor is a conversation between a user's intent and an application's rules. The stateless core reports gestures and waits. The managed-state plugin applies only the supported behavior an application explicitly opted into and exposes override points where its rules differ.","excerpt":"For me, this is the point. An editor is a conversation between a user's intent and an application's rules. The stateless core reports gestures and waits. The managed-state plugin applies only the supported behavior an application explicitly opted into and exposes override points where its rules differ."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#25","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.0545,0.01985,-0.09063,-0.01124,0.02208,0.01152,-0.03517,0.0653,0.06044,0.01317,-0.05273,-0.00307,-0.00623,-0.01605,0.01917,0.01435,-0.03994,-0.06283,0.00522,0.00124,-0.01473,-0.04952,-0.02629,0.0114,-0.00298,0.07577,-0.03869,-0.04569,0.0368,-0.03813,0.04083,0.07366,-0.02514,0.0577,-0.04821,0.00064,-0.0086,-0.03724,-0.07779,-0.07105,0.0302,0.04309,0.00939,0.03797,-0.08593,0.06362,0.0365,-0.05248,-0.04765,0.07499,-0.0484,0.01329,-0.03244,0.07715,0.0685,0.09033,0.03266,-0.00707,-0.05066,0.05571,-0.01163,-0.0264,-0.01712,0.07081,0.02096,0.07966,0.01109,0.03755,0.06346,-0.05644,-0.00281,0.00111,0.00039,-0.05266,0.04328,-0.07574,-0.01975,0.00481,-0.04035,-0.06097,-0.0025,0.01603,0.01147,0.03174,-0.01329,0.01428,-0.00038,-0.08916,0.03993,0.06786,-0.03156,0.02278,0.0706,-0.05083,0.0351,-0.01249,0.05856,-0.02481,-0.06991,0.03355,0.01696,-0.00465,0.0878,0.09232,-0.01187,-0.0777,-0.03049,-0.01241,-0.04155,0.02091,-0.04665,0.03472,0.07652,-0.02293,0.0061,-0.04905,-0.05375,-0.01951,-0.0064,0.03773,-0.05471,-0.02284,0.04998,-0.01925,-0.04771,0.00631,-0.01414,0,0.02782,-0.04285,-0.02596,-0.0281,0.00196,0.00691,0.00895,-0.03433,0.00017,-0.03473,0.01557,0.12648,-0.04677,0.08694,0.01615,-0.01072,-0.07685,0.07336,0.08818,-0.00709,0.09861,0.04752,0.00023,-0.0419,0.06885,0.05352,-0.00642,0.04574,-0.03687,0.03165,-0.06509,-0.04705,-0.01313,0.00176,0.02284,0.0568,-0.05465,-0.07783,-0.00157,-0.08826,0.03613,-0.01984,-0.07119,-0.05449,0.00674,-0.07354,-0.05214,-0.04381,-0.01272,0.00125,0.0623,0.01861,-0.01639,0.02767,-0.00945,-0.03176,-0.01385,-0.01062,-0.01721,0.0289,0.03929,0.04197,-0.03533,0.0114,0.0337,0.10749,-0.01874,-0.01486,0.06082,-0.06694,-0.05302,0.07865,-0.01623,-0.01973,0.05029,-0.00916,0.00152,-0.0327,-0.05329,-0.04915,-0.014,-0.09611,-0.03086,0.0977,0.0797,-0.0474,0.04923,-0.09612,-0.12065,0.07689,0.08877,-0.05372,0.07154,0.07174,0.01822,0,0.0046,-0.05772,-0.01673,0.04887,0.02044,-0.02319,0.01558,-0.01066,0.03596,-0.02849,-0.02667,-0.02288,0.03876,-0.0291,0.05995,0.00004,0.01886,-0.13724,-0.06036,-0.03009,-0.06343,0.04705,-0.0684,-0.00408,-0.03328,0.00376,-0.09961,-0.01667,-0.00669,-0.05472,-0.01408,-0.01839,-0.10577,-0.12083,-0.03294,-0.04461,-0.06223,0.0408,0.01103,-0.01669,0.0055,0.05048,-0.11087,0.01006,-0.03041,0.08314,-0.15919,0.02336,0.01137,0.01202,-0.03799,0.0272,0.02615,-0.08941,-0.02981,0.07534,0.14276,0.10279,-0.04743,0.00445,-0.0305,-0.02986,-0.02901,0.02872,0.00781,0.02094,0.03357,0.05705,-0.00647,0.05176,0.13476,0.03626,-0.07115,-0.0075,0.10545,0.04341,0.01519,-0.00138,0.00634,0.02693,-0.05362,0.12562,0.02973,0.04285,0.05335,0.001,-0.06198,-0.06818,0.03056,0.04308,-0.05354,0.00061,-0.07744,0.0111,-0.02884,0,-0.11544,-0.01982,0.00708,0.05592,0.05901,0.01815,-0.00743,0.06552,0.01702,-0.00429,0.03697,0.05063,-0.11624,-0.03241,-0.00106,0.01153,0.04327,-0.08062,-0.0305,-0.02512,-0.06145,-0.00335,-0.04726,0.1061,0.0066,-0.0527,0.10729,0.02413,0.05207,0.08732,0.01173,0.05827,0.0673,0.07508,-0.05711,0.04722,0.02968,0.05344,-0.04668,-0.01905,0.01489,0.02808,-0.0462,-0.0226,-0.07161,0.06193,-0.02221,-0.01727,-0.0281,-0.04199,-0.08634,0.04723,-0.0398,0.15144,0.05973,0.05735,-0.00351,-0.03562,0.08621,0.01455,-0.02585,-0.0019,0.00853,0.02694],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Small, but it shapes everything downstream. The stateless default is why persistence, collaboration and domain-specific history can stay in your app instead of fighting a hidden store. Managed Flow State is there when you deliberately want the library to own common graph records and interaction history without changing that default for everyone else.","excerpt":"Small, but it shapes everything downstream. The stateless default is why persistence, collaboration and domain-specific history can stay in your app instead of fighting a hidden store. Managed Flow State is there when you deliberately want the library to own common graph records and interaction history without changing that default for everyone else."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#26","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.10873,0.02286,-0.05731,0.04049,0.01998,0.04874,-0.05281,0.0878,0.05061,0.03433,-0.12255,-0.05064,-0.06412,-0.01087,0.03397,0.03069,-0.01226,-0.04285,0.0057,0.00709,-0.015,-0.09516,0.00665,-0.01193,-0.0097,0.13822,0.00355,-0.0574,0.04014,-0.03529,0.04707,0.0793,-0.0058,0.04465,-0.11503,0.08337,0.02771,-0.01585,-0.11092,-0.07251,0.03731,0.0679,0.00373,-0.04433,0.00258,-0.00937,0.01237,-0.06242,-0.08076,0.02056,-0.06538,-0.03584,-0.04829,0.06825,0.01623,0.04719,0.04816,-0.08351,-0.06227,0.03306,-0.00955,-0.01945,-0.00233,0.05021,0.06032,0.04335,-0.00863,0.03012,0.07307,-0.06536,-0.03059,-0.0085,0.06631,-0.0805,0.01084,-0.10392,-0.00833,0.04228,0.02937,-0.03954,0.04387,0.02351,0.02407,0.04882,-0.01739,0.06794,0.01311,-0.07093,0.00296,0.03114,-0.00632,0.0348,0.02621,-0.0183,0.06277,0.04734,0.01066,-0.01506,-0.06681,0.01751,0.01442,-0.02588,0.07464,0.03973,-0.06648,-0.05742,-0.01172,0.00133,-0.06855,-0.01171,-0.00462,0.0619,0.0218,-0.04798,-0.02039,-0.03937,-0.015,-0.04867,0.05173,0.07094,-0.00995,-0.01732,0.02443,0.01614,0.04562,0.00929,-0.0288,0,0.01352,0.05756,-0.01054,0.01798,0.0858,0.0048,0.03231,-0.08263,0.00027,0.01491,0.07334,0.07292,-0.04609,0.07633,0.01433,-0.13385,-0.06563,0.03812,0.01404,-0.01723,0.05432,0.00792,-0.0185,-0.00017,0.06753,0.04387,-0.05607,0.07941,-0.10066,0.0051,0.01182,-0.00967,-0.02417,0.00721,-0.00345,-0.00525,-0.06164,-0.10682,-0.0269,-0.04418,0.00141,-0.00598,-0.08406,0.0045,-0.01586,-0.02435,-0.04677,-0.0161,0.07268,0.02324,0.05017,0.03201,-0.00087,-0.01522,0.05211,-0.02674,-0.00785,0.01331,0.04074,0.0368,0.03962,0.04148,-0.03753,-0.0402,-0.02317,0.12005,-0.00876,-0.00658,0.05971,-0.05483,-0.07585,0.07398,0.0236,0.00244,0.10299,0.01409,0.02366,-0.02012,0.03082,-0.0404,-0.00778,-0.0611,-0.01877,0.13584,0.11069,-0.07614,-0.01372,-0.06456,-0.0959,-0.00525,0.11194,-0.0486,0.05345,-0.02456,0.02818,0,0.04024,-0.04576,-0.00994,0.06607,-0.0081,-0.07966,-0.03254,0.01379,0.09615,-0.01225,0.00763,0.01686,0.01823,-0.03651,-0.04324,0.02823,0.00898,-0.16269,0.00508,-0.07143,0.0309,0.06483,-0.02987,-0.01071,-0.07951,0.04718,-0.0357,-0.035,-0.00372,-0.05567,-0.00606,-0.07797,-0.03183,-0.10629,-0.06691,-0.01373,0.00358,0.03644,0.00185,-0.02158,0.01492,0.02007,-0.04631,0.01296,-0.07507,0.02773,-0.13073,0.02825,0.02501,0.00096,-0.05484,0.05057,-0.048,-0.06948,-0.07908,-0.02036,0.07083,0.04467,-0.02054,0.042,-0.05642,-0.04096,0.00956,0.00921,0.02099,0.04371,-0.03989,0.00743,0.07954,0.06901,0.10924,0.02472,-0.04558,0.00336,0.12018,0.04887,0.09641,-0.03859,0.05166,0.0487,-0.01636,0.08439,0.00797,0.0126,0.06041,0.01032,-0.05924,-0.08833,0.06277,0.0309,-0.05075,0.0328,-0.01968,0.00436,0.02734,0,-0.08826,-0.02649,-0.04828,-0.02048,0.0441,0.0166,-0.06419,-0.02399,-0.01307,-0.00831,0.04897,0.07463,-0.08978,-0.05416,0.03452,0.04023,0.01558,-0.00894,-0.05883,-0.00708,-0.00159,0.05613,-0.05457,0.08872,0.02894,-0.01299,0.07545,0.01195,0.03471,0.05372,-0.01293,0.07858,0.06467,0.1099,-0.05844,0.00051,-0.00526,-0.00377,-0.08114,0.01731,0.03379,0.02491,-0.04184,-0.0117,-0.03906,0.07594,-0.06113,-0.02303,-0.03339,-0.01918,-0.02872,0.03595,-0.11349,0.12493,0.00602,0.04582,-0.01952,0.01175,0.06174,-0.00245,-0.04769,-0.01233,0.03333,0.0037],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. 🚀 What's next This is Part 3 of the Inside Foblex Flow series. Part 4 will look at the rendering pipeline: how <f-node and <f-connection elements are picked up from the template, how measurement and layout are coordinated, and how fNodesRendered and fFullRendered actually get decided under the hood. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot. f Nodes Rendered f Full Rendered","excerpt":"🚀 What's next This is Part 3 of the Inside Foblex Flow series. Part 4 will look at the rendering pipeline: how <f-node and <f-connection elements are picked up from the template, how measurement and layout are coordinated, and how fNodesRendered and fFullRendered actually get decided under the hood. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#27","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06341,0.04023,-0.07469,0.0236,0.01481,-0.00634,-0.00072,0.07519,0.03598,0.0061,-0.05138,-0.00814,-0.02141,-0.04752,0.02404,0.01707,-0.03955,-0.06044,0.01165,-0.0148,0.00074,-0.06233,-0.02816,-0.00995,-0.02842,0.09419,-0.05513,-0.03227,0.02715,-0.04835,0.05097,0.07138,-0.00891,0.0562,-0.04599,0.04225,0.01415,-0.04289,-0.11829,-0.04378,0.05429,0.02089,0.02092,0.01742,-0.02838,0.06819,0.00704,-0.04483,-0.0476,0.01806,-0.04846,0.01498,-0.03641,0.10286,0.07747,0.078,0.06761,-0.02227,-0.07568,0.04365,-0.01598,-0.01171,-0.01596,0.04059,0.02594,0.02897,-0.001,0.0423,0.05519,-0.04117,-0.00089,-0.01472,0.01452,-0.06267,0.01504,-0.08847,0.00046,0.04423,-0.01889,-0.08565,-0.01198,0.02882,0.01748,0.00969,-0.02302,0.05454,-0.01721,-0.1022,0.0233,0.06589,-0.02368,0.02794,0.00939,-0.04534,0.09418,0.0383,0.042,0.00178,-0.04962,0.03697,0.02315,-0.00549,0.04964,0.07047,-0.02719,-0.04444,-0.03788,0.00707,-0.05252,-0.0317,-0.05941,0.05988,0.05155,-0.01741,0.01314,-0.06798,-0.02065,-0.0231,0.01353,0.06805,-0.0184,-0.05251,0.0213,-0.0063,-0.03667,0.0095,-0.01624,0,0.01327,-0.0123,-0.03772,0.00534,0.01701,0.03396,0.01875,-0.07884,-0.00324,0.02983,0.001,0.0916,-0.04362,0.04139,0.00413,-0.09212,-0.05155,0.0462,0.05485,-0.0301,0.12072,0.02401,-0.03484,-0.03013,0.08803,0.0391,-0.0393,0.03484,-0.0569,0.01928,-0.03327,-0.0115,0.01717,-0.00365,0.00978,0.0146,-0.03613,-0.06513,-0.06609,-0.10626,0.02641,-0.00465,-0.06271,-0.02372,-0.01653,-0.06848,-0.0862,-0.04523,0.03184,0.02127,0.07576,0.0093,0.00575,-0.02264,0.03295,-0.02978,-0.01698,-0.00671,-0.03825,0.03435,0.02395,0.03617,-0.04157,-0.01628,0.01772,0.1199,-0.03427,-0.01515,0.06933,-0.06583,-0.06893,0.10901,-0.01744,-0.02925,0.07595,-0.03646,0.00895,-0.05495,-0.05856,-0.06432,-0.02271,-0.0814,-0.02581,0.12991,0.10657,-0.05566,0.00557,-0.08441,-0.06395,0.01545,0.11395,-0.04601,0.06828,-0.01406,0.01464,0,0.03547,-0.03037,-0.01208,0.08215,0.02341,-0.04873,0.01687,0.01961,0.06602,-0.00185,-0.03723,-0.0024,0.02652,-0.06143,0.06285,0.00595,-0.02606,-0.16249,-0.01801,-0.00982,-0.02955,0.0673,-0.01887,-0.02383,-0.04932,0.01252,-0.09916,-0.00343,0.02202,-0.07031,-0.02208,-0.04755,-0.10255,-0.07529,-0.03685,-0.04576,-0.03712,0.08798,0.01008,-0.02436,0.01711,0.06356,-0.09569,0.02001,-0.04102,0.07794,-0.09474,0.02905,-0.00055,0.01634,-0.03913,0.00707,-0.02167,-0.02965,-0.05239,0.05241,0.12226,0.08005,-0.07472,0.02066,-0.02667,-0.04651,-0.00717,0.03238,0.02469,-0.00348,-0.00326,0.02808,0.04759,0.04134,0.09865,0.04648,-0.04151,0.00026,0.11707,0.0448,0.00301,-0.00753,0.01626,0.06502,-0.07223,0.13553,-0.01487,0.06554,0.06963,-0.01397,-0.06616,-0.07103,0.06697,0.02736,-0.04099,0.01809,-0.05898,0.02735,-0.02572,0,-0.13162,-0.0508,-0.0406,0.02361,0.0808,0.00895,-0.02246,0.04538,0.00409,-0.02511,0.06524,0.04467,-0.08306,-0.06388,0.01315,0.02024,0.05754,-0.03927,-0.03901,0.0003,-0.04286,0.00573,-0.09009,0.13761,0.01216,-0.0672,0.09993,0.01793,0.02008,0.06883,-0.00542,0.06723,0.09369,0.11618,-0.05565,0.07281,0.01039,0.04678,-0.06182,-0.00887,0.01262,0.04596,-0.03055,-0.00994,-0.02893,0.07088,-0.0519,-0.00775,-0.02341,-0.04119,-0.07067,0.05452,-0.0697,0.12369,0.03199,0.05792,0.01254,-0.03979,0.07082,0.01397,-0.07677,0.01437,0.02442,0.01006],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Links - Repository: github.com/Foblex/f-flow - Docs: flow.foblex.com/docs/get-started - <f-flow component: flow.foblex.com/docs/f-flow-component - fNode directive: flow.foblex.com/docs/f-node-directive - <f-connection component: flow.foblex.com/docs/f-connection-component - Managed Flow State: flow.foblex.com/examples/state f Node","excerpt":"Links - Repository: github.com/Foblex/f-flow - Docs: flow.foblex.com/docs/get-started - <f-flow component: flow.foblex.com/docs/f-flow-component - fNode directive: flow.foblex.com/docs/f-node-directive - <f-connection component: flow.foblex.com/docs/f-connection-component - Managed Flow State: flow.foblex.com/examples/state"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#0","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.08767,0.006,-0.06848,0.03769,0.02573,0.00538,-0.04307,0.06335,-0.02202,0.04819,-0.1378,-0.07133,-0.03672,-0.00002,0.07407,0.0375,-0.01507,0.01136,0.02367,-0.02491,-0.01289,-0.01576,0.00047,-0.05636,-0.02164,0.06955,0.02793,-0.03944,0.07592,-0.0499,0.03359,0.0445,0.0282,0.07174,-0.15054,0.08962,0.00899,-0.04662,-0.01667,-0.08478,0.02833,0.06369,-0.01695,-0.10726,0.00794,-0.08323,-0.06198,-0.022,-0.0357,0.02824,-0.11404,-0.15585,-0.07279,0.04666,-0.01832,0.03291,0.02802,-0.08414,0.02498,0.0111,0.01436,0.00774,0.05173,0.03294,0.04872,0.03791,-0.09989,0.05523,0.00107,-0.07794,-0.04073,-0.0465,0.02252,-0.00282,-0.02686,-0.05291,-0.07206,0.01334,0.00483,-0.03567,0.00951,0.03746,-0.0086,0.11616,-0.00629,0.1114,0.03125,-0.03191,-0.00305,-0.03236,0.0181,0.05901,-0.00137,-0.00285,0.0886,0.004,-0.00445,-0.07693,-0.11472,0.01523,-0.02519,-0.08872,0.07321,-0.02437,-0.05138,-0.00302,0.05762,-0.02589,-0.04968,-0.02756,-0.01847,0.05458,-0.04871,-0.11638,-0.00776,-0.01954,-0.01023,-0.02679,0.04737,0.07611,0.0412,-0.00157,-0.03199,-0.0042,0.12536,-0.02764,-0.00295,0,0.02051,0.06939,-0.03237,0.06755,0.13085,-0.03747,0.02117,-0.09255,-0.01488,0.01124,0.03789,0.09125,-0.05666,0.05677,0.00357,-0.11456,-0.03228,0.00776,0.02331,0.00993,0.03551,-0.10525,-0.02433,0.08135,0.06576,0.09095,0.01854,0.01675,-0.03884,0.0233,0.05083,0.04148,-0.02,0.03162,-0.05646,-0.00946,-0.07783,-0.0822,0.00848,0.00464,-0.02007,-0.03992,-0.08286,-0.0113,0.0137,0.02164,-0.02776,0.01139,0.10657,0.03265,0.00603,0.0297,-0.01795,0.02889,0.06958,-0.04287,-0.02893,0.05555,0.06942,0.03741,0.01345,0.02446,-0.04169,-0.00035,-0.0146,0.00523,0.00619,-0.02593,0.0829,-0.04379,-0.07755,0.03074,0.024,0.05508,0.03451,-0.01172,0.00417,0.01334,0.08289,-0.04378,-0.034,-0.04011,-0.00456,0.04649,0.10375,-0.0712,-0.02835,-0.00817,-0.10405,-0.02107,0.07764,0.02309,0.02738,-0.04404,0.00808,0,0.00015,0.03233,-0.06676,0.05433,0.0178,-0.08078,0.01285,0.00653,0.07433,0.06565,0.01762,0.02266,0.01206,-0.00356,-0.02913,-0.02081,-0.01491,-0.10601,0.0542,-0.04872,0.03599,0.03948,0.03355,-0.08071,-0.09195,0.05369,-0.00425,0.02115,-0.00229,-0.03311,-0.00117,-0.02444,-0.01362,-0.04101,0.01148,-0.03257,0.07067,0.0124,0.00462,-0.04903,0.07467,-0.04438,0.01084,-0.02349,-0.09421,-0.02402,-0.05565,0.03987,-0.02973,-0.03713,-0.02652,0.02472,-0.01877,-0.10152,-0.07606,-0.02333,0.10745,0.00816,-0.00255,0.06775,-0.04548,-0.01536,0.05417,0.02964,0.02857,0.01305,-0.07982,0.01012,0.01209,0.04342,0.05628,-0.01338,-0.04416,0.0373,0.05201,0.04152,0.11862,-0.04783,0.0596,0.00818,-0.00709,0.0679,0.00049,0.02061,0.03013,0.03928,-0.09253,-0.06821,0.06626,0.05622,-0.12504,0.03332,0.01431,0.00938,0.0094,0,-0.12218,0.02098,-0.02457,-0.00375,0.03351,0.01183,-0.05584,0.00466,0.02781,-0.0249,-0.01842,0.02316,-0.02584,0.00993,0.10799,0.02478,-0.05675,-0.00246,-0.01529,-0.01986,0.05796,0.03538,0.02658,0.03889,0.0037,-0.00466,0.00099,-0.0144,-0.02984,0.05384,0.02513,0.1138,0.07543,0.06581,-0.03382,-0.0292,-0.0749,-0.01889,-0.08453,-0.0336,0.04678,0.02469,-0.00282,-0.05541,-0.03994,0.05872,-0.03055,-0.06916,0.01145,-0.00039,-0.07166,-0.01339,-0.07013,0.071,0.00202,0.03387,-0.00355,-0.03044,0.07031,0.03491,-0.06559,0.04293,0.0572,0.00599],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. Building AI Low-Code Platform in Angular— Part 1: Introduction to Foblex Flow This article opens the series on building node-based UIs in Angular with Foblex Flow. If you are evaluating Angular workflow builders, custom node editors, or visual automation tools, this is the best place to start before jumping into code. U Is","excerpt":"Building AI Low-Code Platform in Angular— Part 1: Introduction to Foblex Flow This article opens the series on building node-based UIs in Angular with Foblex Flow. If you are evaluating Angular workflow builders, custom node editors, or visual automation tools, this is the best place to start before jumping into code."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#1","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.10369,0.01435,-0.07079,0.0288,0.02219,0.00438,-0.04728,0.06592,0.00726,0.05377,-0.13473,-0.0525,-0.06176,0.01746,0.09065,0.00685,-0.02671,-0.00235,0.038,-0.01215,-0.00028,-0.01103,0.00727,-0.04807,-0.00673,0.06295,0.01974,-0.03736,0.07557,-0.05723,0.03757,0.06123,-0.01105,0.052,-0.15708,0.07258,0.02843,-0.03401,-0.0526,-0.08595,0.01491,0.06251,-0.01972,-0.1059,-0.03314,-0.09688,-0.0734,-0.00025,-0.0567,0.03237,-0.10672,-0.1346,-0.05679,0.02365,0.00453,0.02006,0.01444,-0.07481,0.01725,0.03897,0.01026,-0.00214,0.04645,0.03752,0.03134,0.0483,-0.09752,0.05311,0.01527,-0.07341,-0.04144,-0.06043,0.02307,-0.03434,-0.02742,-0.06526,-0.07309,0.03022,-0.02226,-0.01112,0.02943,0.06913,-0.00871,0.10607,-0.0125,0.10557,0.02834,-0.04184,-0.00577,-0.04465,0.02291,0.05992,0.01384,-0.01069,0.06898,-0.00788,-0.01329,-0.06644,-0.10634,0.00192,-0.01793,-0.0791,0.07997,0.00512,-0.03445,-0.02224,0.04331,0.00816,-0.04569,-0.01565,-0.00393,0.04585,-0.02805,-0.10123,-0.02142,-0.03804,-0.01298,-0.05471,0.05742,0.08924,0.03684,0.02486,-0.04266,-0.01797,0.12751,-0.029,0.02614,0,0.02833,0.0643,-0.0158,0.07109,0.12834,-0.03157,0.01407,-0.09699,-0.00264,0.00989,0.06135,0.08484,-0.06279,0.06067,0.01734,-0.10035,-0.0369,0.01039,0.04914,0.01655,0.03477,-0.07361,-0.0204,0.06909,0.05559,0.08934,0.02051,0.03411,-0.04944,0.01697,0.07234,0.01821,-0.01196,0.03116,-0.04431,-0.00908,-0.08816,-0.09412,0.02012,-0.01315,-0.03194,-0.05082,-0.10974,0.0105,-0.00991,0.02207,-0.02903,0.03228,0.0931,0.02285,0.00282,0.0568,0.00017,0.04183,0.06496,-0.04014,-0.01963,0.0632,0.05572,0.05902,0.00778,0.02817,-0.05798,-0.03217,-0.01012,0.00687,-0.00229,-0.01996,0.08222,-0.05824,-0.08057,0.02544,0.02741,0.04836,0.05023,-0.0144,0.02043,0.04102,0.07777,-0.03967,-0.01827,-0.04964,0.01963,0.06815,0.10632,-0.0593,-0.00661,-0.02035,-0.10356,-0.01358,0.08418,0.01818,0.03446,-0.04337,0.00959,0,-0.01468,0.01623,-0.05458,0.04182,0.01776,-0.07788,0.01015,0.0345,0.0681,0.03639,0.02521,0.04474,0.01265,0.00481,-0.03991,0.01501,-0.00692,-0.12412,0.04998,-0.04581,0.03478,0.05982,0.01247,-0.09057,-0.10355,0.06082,0.00319,-0.0025,0.01104,-0.02552,-0.00858,-0.02241,-0.01684,-0.04431,-0.0046,-0.06394,0.05039,0.04397,-0.00433,-0.06825,0.02658,-0.04294,0.02681,-0.02858,-0.08809,-0.00994,-0.0535,0.02886,-0.05383,-0.0262,-0.0149,0.03306,-0.02603,-0.0957,-0.05968,-0.051,0.10815,-0.00986,0.00445,0.06353,-0.03397,0.00204,0.04598,0.01269,0.04841,0.02234,-0.08119,-0.03215,0.027,0.05326,0.07128,-0.01653,-0.0424,0.01618,0.08263,0.07253,0.11886,-0.0487,0.03203,0.01167,-0.02866,0.07093,0.03219,-0.00507,0.03245,0.01628,-0.10219,-0.05778,0.07272,0.07058,-0.11068,0.02591,-0.0037,0.01559,0.03098,0,-0.12292,0.01411,-0.04741,-0.01282,0.02569,0.01062,-0.0236,0.00682,0.03421,-0.00895,-0.03061,0.03367,-0.02131,0.01962,0.08781,0.03253,-0.04831,0.01575,-0.01942,-0.02692,0.02707,0.0378,0.02524,0.05657,0.01212,0.01677,-0.00995,-0.01287,0.00009,0.03343,0.00412,0.09362,0.07515,0.0678,-0.04519,-0.04742,-0.08496,-0.00502,-0.09407,-0.03436,0.03669,0.02107,-0.00224,-0.0357,-0.03014,0.06426,-0.03426,-0.02572,-0.00026,0.00894,-0.07313,-0.00785,-0.07093,0.04344,-0.00924,0.04153,-0.01164,-0.0098,0.06657,0.0045,-0.05826,0.03039,0.07761,0.00144],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. ✍ Introduction Modern web applications increasingly require visual logic and process editors — from call flow builders to no-code tools or internal dashboards. If you work with Angular, you know how difficult it is to find a truly native solution for creating such flow interfaces. That’s why I created Foblex Flow — a library designed specifically for Angular to build flexible and dynamic node-based UIs. U Is","excerpt":"✍ Introduction Modern web applications increasingly require visual logic and process editors — from call flow builders to no-code tools or internal dashboards. If you work with Angular, you know how difficult it is to find a truly native solution for creating such flow interfaces. That’s why I created Foblex Flow — a library designed specifically for Angular to build flexible and dynamic node-based UIs."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#2","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.09824,0.00462,-0.06859,0.04478,0.01023,0.05644,-0.03329,0.06067,0.01576,0.04288,-0.13308,-0.05129,-0.06257,-0.01454,0.0489,0.01034,-0.02556,-0.01413,0.00965,0.01581,-0.0147,-0.01847,-0.00691,-0.05315,-0.00146,0.07482,0.03064,-0.02709,0.08381,-0.04834,0.05022,0.08965,-0.01292,0.06202,-0.14533,0.06678,0.03483,-0.05371,-0.05805,-0.07956,0.05132,0.05407,-0.01368,-0.09031,-0.04033,-0.02561,-0.02896,-0.00373,-0.06329,0.04101,-0.08683,-0.1464,-0.06519,0.0658,0.00896,0.04156,0.02122,-0.08175,0.00362,0.03408,0.00553,-0.00553,0.02983,0.04441,0.04565,0.0328,-0.09398,0.02855,0.01273,-0.09076,-0.0491,-0.04814,0.04535,-0.01617,-0.00625,-0.05668,-0.04382,0.0271,0.00334,-0.02428,0.02754,0.04582,-0.01691,0.06476,-0.03241,0.08934,0.03589,-0.05586,-0.00845,-0.03332,0.00572,0.0748,-0.00889,-0.02532,0.04486,-0.00588,-0.0093,-0.06806,-0.09719,0.00922,0.00611,-0.06711,0.08003,0.00307,-0.06035,-0.06187,0.02438,-0.00577,-0.06587,-0.00723,-0.02051,0.05432,-0.01687,-0.10942,-0.03984,-0.03426,-0.03806,-0.05255,0.06182,0.05698,0.01818,0.00424,-0.00113,-0.00066,0.10445,-0.04614,-0.00758,0,0.00609,0.04852,-0.03745,0.07732,0.11832,-0.00495,0.00428,-0.10558,-0.01215,0.00258,0.03183,0.0847,-0.03366,0.08691,-0.00302,-0.10376,-0.03083,0.02587,0.0299,0.03445,0.06909,-0.0744,-0.00943,0.05207,0.05798,0.08411,-0.00573,0.04977,-0.04808,0.02014,0.04805,0.02199,-0.0081,0.00563,-0.03989,-0.00946,-0.05071,-0.10586,-0.0106,-0.01168,-0.02017,-0.04056,-0.09431,0.01541,-0.00691,0.00527,-0.0282,0.0231,0.07689,0.02787,0.01669,0.02248,-0.00724,0.00154,0.07861,-0.03268,-0.03197,0.07562,0.04894,0.0318,0.03394,0.05353,-0.05956,-0.01628,0.02373,0.04796,0.01856,0.01158,0.08415,-0.05563,-0.08869,0.04786,0.02998,0.0155,0.07124,-0.01383,-0.00725,0.04582,0.10214,-0.0285,-0.03255,-0.05425,-0.00409,0.05307,0.10927,-0.06646,-0.01194,-0.01544,-0.12004,-0.01482,0.10285,0.01677,0.03802,-0.03839,0.03184,0,-0.00002,0.02384,-0.06049,0.06286,0.02512,-0.07654,0.00545,0.02783,0.05595,0.02643,0.03299,0.04692,0.01424,-0.00988,-0.0456,-0.00254,-0.02315,-0.14704,0.03512,-0.08118,0.03871,0.01548,0.0329,-0.0819,-0.1172,0.04438,0.00282,0.00935,-0.00861,-0.01605,-0.00014,-0.03855,-0.04618,-0.03765,-0.01816,-0.0478,0.03882,0.04243,0.01148,-0.07786,0.03881,-0.03901,-0.01101,-0.00358,-0.10266,-0.00805,-0.07183,0.01828,-0.0298,-0.01776,-0.03892,0.04194,-0.04725,-0.08225,-0.06185,-0.02085,0.07455,0.00784,-0.00276,0.05081,-0.0112,-0.01342,0.02726,0.01845,0.06861,0.03707,-0.06552,-0.01727,0.06563,0.08641,0.0797,0.01278,-0.03583,-0.01455,0.09653,0.05213,0.12958,-0.03999,0.04028,0.03105,-0.02579,0.07464,-0.00058,0.03213,0.05159,0.00694,-0.10789,-0.05324,0.07398,0.07064,-0.08641,0.02057,0.00128,0.01967,0.0074,0,-0.11374,0.01712,-0.06509,-0.03787,0.03193,0.00518,-0.04629,0.00493,0.01777,-0.00968,-0.00864,0.04025,-0.02926,0.00726,0.09968,0.00945,-0.03891,-0.01873,-0.03073,-0.02773,0.03332,0.01958,0.02983,0.0863,0.01682,0.01027,0.02238,-0.00704,-0.00368,0.02951,0.01161,0.0946,0.06106,0.09627,-0.06941,-0.01319,-0.07612,0.00822,-0.08128,-0.01854,0.05196,-0.0071,-0.01347,-0.02757,-0.0427,0.0808,-0.03475,-0.0445,0.00515,0.01112,-0.07255,0.03044,-0.08572,0.07587,-0.01082,0.02886,-0.02964,-0.00796,0.08196,0.01259,-0.0881,0.00778,0.05982,-0.01392],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 🔧 What is Foblex Flow? Foblex Flow is an Angular library for building interactive node-and-connection-based interfaces — fully written in Angular. With it, you can: - Render and connect nodes dynamically - Customize node templates freely - Use drag’n’drop, zooming, snapping, and grouping - Integrate with SSR, standalone components, Angular Signals, and zoneless Angular - Build complete editors with state saving and custom logic","excerpt":"🔧 What is Foblex Flow? Foblex Flow is an Angular library for building interactive node-and-connection-based interfaces — fully written in Angular. With it, you can: - Render and connect nodes dynamically - Customize node templates freely - Use drag’n’drop, zooming, snapping, and grouping - Integrate with SSR, standalone components, Angular Signals, and zoneless Angular - Build complete editors with state saving and custom logic"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#3","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.09497,-0.00202,-0.07351,0.02633,0.00428,0.00993,-0.03507,0.05779,-0.00594,0.05229,-0.10504,-0.04647,-0.0545,0.00004,0.08006,0.03421,-0.02494,0.00153,0.0158,-0.03763,0.00499,-0.00812,-0.00585,-0.0402,-0.03239,0.04597,0.0234,-0.02004,0.06504,-0.05769,0.01633,0.07642,-0.01394,0.06274,-0.14512,0.09709,0.02782,-0.03756,-0.02659,-0.0714,0.0146,0.04975,-0.03516,-0.12529,-0.01811,-0.1117,-0.04543,-0.01205,-0.06033,0.00759,-0.10126,-0.13145,-0.06186,0.05586,0.03144,0.02128,0.00803,-0.06621,0.01105,-0.00093,0.00778,-0.00956,0.03212,0.04215,0.04084,0.0236,-0.10547,0.0339,0.00047,-0.07283,-0.05052,-0.06414,0.00915,-0.02184,-0.01401,-0.06127,-0.06025,0.02672,0.0092,-0.03349,0.03185,0.048,-0.0144,0.1201,0.00254,0.1023,0.03267,-0.03968,0.03761,-0.03459,0.03111,0.06243,0.01153,-0.00218,0.07078,-0.018,-0.01856,-0.06416,-0.11146,0.01949,-0.024,-0.0831,0.07304,-0.01229,-0.03325,-0.00586,0.07071,0.00346,-0.05246,-0.01918,-0.00534,0.05577,0.00084,-0.12231,-0.01116,-0.00775,-0.01984,-0.02592,0.06659,0.06604,0.00365,0.00936,-0.0359,-0.02083,0.11332,-0.0518,0.02594,0,0.00756,0.07737,-0.04765,0.05086,0.14324,-0.02563,0.00852,-0.09023,-0.01123,0.00515,0.02748,0.09174,-0.05502,0.07609,0.00309,-0.11392,-0.02365,0.00859,0.05576,0.02443,0.04388,-0.09161,-0.02139,0.07623,0.06501,0.0971,0.02338,0.0119,-0.02651,0.01876,0.06497,0.04024,0.00164,0.01912,-0.0571,0.00352,-0.07349,-0.09624,0.01563,0.00298,-0.02192,-0.0356,-0.11869,0.00109,0.00361,0.02758,-0.01061,0.03555,0.09701,0.04757,0.00266,0.03611,-0.00563,0.00875,0.08403,-0.05318,-0.02303,0.06287,0.06867,0.06006,0.00464,0.02556,-0.05306,0.01259,-0.01462,0.0036,-0.02035,-0.04103,0.10012,-0.05294,-0.09607,0.03383,0.01794,0.0796,0.05042,-0.01462,-0.01134,0.01337,0.08638,-0.04828,-0.03338,-0.03061,-0.00792,0.06727,0.10224,-0.05953,-0.02394,-0.01626,-0.08398,-0.02084,0.04951,0.0007,0.04214,-0.02833,0.00964,0,-0.01072,0.02864,-0.05745,0.06264,-0.0008,-0.07639,0.05272,0.01247,0.09658,0.03971,0.04971,0.04137,0.00951,0.00047,-0.02067,-0.02468,-0.01714,-0.1238,0.02978,-0.06251,0.03699,0.0378,0.01727,-0.07582,-0.10481,0.06872,0.00268,0.01536,0.00581,-0.01536,-0.00596,-0.04202,-0.00974,-0.0493,-0.00512,-0.04087,0.06243,0.04982,0.00629,-0.0713,0.05633,-0.03022,0.02805,0.00241,-0.10121,-0.0037,-0.05653,0.01131,-0.0389,-0.03674,-0.02152,0.01979,-0.01334,-0.09994,-0.05409,-0.00785,0.09702,-0.01409,-0.00789,0.05805,-0.04166,-0.00133,0.07475,0.0196,0.03338,0.0319,-0.081,-0.01318,0.02899,0.02833,0.06551,-0.01504,-0.03931,0.01614,0.07055,0.04935,0.10969,-0.04249,0.02934,0.04064,-0.0234,0.03475,0.00853,0.01116,0.01647,0.02435,-0.09818,-0.0714,0.079,0.06289,-0.12823,0.02563,0.0409,0.00746,0.00911,0,-0.11348,0.00923,-0.00133,-0.03327,0.02401,0.00595,-0.03012,-0.0125,0.03865,-0.01056,-0.02742,0.04627,-0.04339,0.01074,0.0941,0.0334,-0.03334,0.00335,-0.03192,-0.04436,0.01678,0.01409,0.0199,0.0641,0.03009,0.00062,0.00359,-0.01855,-0.01444,0.04688,0.02689,0.11049,0.10401,0.06753,-0.04723,-0.04605,-0.08854,0.0031,-0.07336,-0.03159,0.03641,-0.00434,0.02066,-0.05205,-0.03513,0.05685,-0.04179,-0.05782,-0.0018,0.00527,-0.07427,0.01073,-0.06963,0.05993,0.00347,0.02383,0.01269,-0.03211,0.06322,-0.00497,-0.04795,0.02628,0.06411,-0.01367],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 🧩 Where You Might Use It - Workflow editors - Logic configurators (low-code / no-code) - Call routing editors - Visual back-office or CRM tools - Visual programming UIs (block logic, AI chains) U Is","excerpt":"🧩 Where You Might Use It - Workflow editors - Logic configurators (low-code / no-code) - Call routing editors - Visual back-office or CRM tools - Visual programming UIs (block logic, AI chains)"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#4","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.07685,0.00635,-0.06309,0.02708,-0.00863,0.06239,-0.04112,0.06514,-0.00378,0.06293,-0.11258,-0.04251,-0.07198,-0.02236,0.04999,0.02841,-0.05002,0.00361,-0.02503,0.01645,-0.01964,-0.04536,0.01056,-0.04389,-0.00341,0.0781,0.05657,-0.00532,0.05554,-0.0626,0.05383,0.08793,-0.02607,0.04872,-0.1404,0.07346,0.03429,-0.02819,-0.05848,-0.07184,0.06387,0.03577,-0.00185,-0.11541,-0.0095,-0.04648,-0.04475,-0.00273,-0.0118,0.02929,-0.12409,-0.14356,-0.06465,0.05092,-0.0242,0.02509,0.01173,-0.06327,0.01652,0.00457,0.04668,-0.00552,0.03788,0.05422,-0.00474,0.01617,-0.08434,0.06121,0.0206,-0.06901,-0.0617,-0.05185,0.03105,-0.04365,0.00899,-0.09285,-0.05537,0.02078,-0.01773,-0.0107,0.04387,0.05702,-0.01127,0.11182,-0.02999,0.11599,0.04278,-0.06227,-0.00174,-0.0268,0.02279,0.05683,-0.03397,-0.0493,0.0753,0.00534,-0.0296,-0.08275,-0.11109,0.00943,0.00534,-0.09999,0.07791,0.02265,-0.0543,-0.01669,0.01905,-0.00229,-0.05739,-0.01157,-0.01069,0.05682,-0.04721,-0.10958,-0.00413,-0.03541,-0.03429,-0.06541,0.02845,0.04356,0.00951,0.01662,-0.03945,-0.02435,0.07984,-0.02393,0.02928,0,0.04182,0.06435,-0.03352,0.09598,0.12853,0.00245,0.01239,-0.08586,0.00239,-0.00531,0.05274,0.05368,-0.05822,0.07419,-0.03984,-0.11633,-0.05157,0.01902,0.01414,0.02515,0.04225,-0.07575,-0.04533,0.04407,0.04783,0.08398,0.02879,0.04441,-0.07998,-0.00445,0.0448,0.0238,0.0101,0.02322,-0.04563,-0.02096,-0.0537,-0.09177,-0.01632,-0.01613,-0.01475,-0.0279,-0.08733,-0.00944,0.00658,0.03791,0.014,0.05403,0.10841,0.03744,0.01882,0.05329,-0.00771,0.01275,0.084,-0.04019,-0.03109,0.06813,0.03367,0.02693,0.00231,0.05592,-0.04255,-0.01743,0.0167,0.05585,-0.022,-0.01028,0.09155,-0.06278,-0.10364,0.02662,0.01368,0.055,0.05175,0.01131,-0.01702,0.04838,0.08697,0.00801,-0.06366,-0.04701,0.01236,0.06513,0.09469,-0.0746,0.02349,-0.04531,-0.06744,-0.01036,0.08831,0.0163,0.06631,-0.04276,0.03464,0,0.00217,0.03084,-0.05619,0.06311,0.01633,-0.04783,0.0036,0.05355,0.04544,0.01987,0.03965,0.07505,0.01294,-0.00653,-0.04326,0.00582,0.00159,-0.10897,0.03854,-0.06651,0.04526,0.05233,0.0168,-0.08781,-0.09629,0.03813,0.02921,-0.01076,0.01476,-0.01833,0.00169,-0.04417,-0.01823,-0.02129,-0.00437,-0.03916,0.02532,0.03482,0.00243,-0.06178,0.02903,-0.03178,-0.00868,-0.02288,-0.10826,-0.02333,-0.05499,0.01174,-0.06394,-0.02593,-0.03646,0.03769,-0.02108,-0.08085,-0.03355,-0.01499,0.12036,-0.02233,0.02564,0.02759,-0.04974,-0.02601,0.02671,-0.00826,0.03888,0.01618,-0.07338,-0.03033,0.01674,0.05131,0.01541,0.00849,0.01373,-0.01089,0.1146,0.02364,0.11759,-0.02698,0.07457,0.02566,-0.04348,0.07392,0.00453,-0.00038,0.03746,0.03148,-0.08898,-0.07359,0.08804,0.053,-0.10383,0.01521,-0.01426,0.01496,0.0447,0,-0.1408,0.00134,-0.04296,-0.03606,0.01631,0.01016,-0.04126,0.02186,0.01688,0.00056,0.00004,0.06473,-0.03159,0.0109,0.10347,0.00276,-0.05864,0.01291,-0.03945,-0.04947,0.04466,-0.00116,0.02928,0.07344,0.03271,0.00164,0.01466,-0.00922,-0.0213,0.03907,-0.00096,0.06367,0.06985,0.06747,-0.07928,-0.04036,-0.07951,-0.00287,-0.06502,-0.02712,0.01722,-0.00004,-0.00405,-0.04656,-0.03424,0.07281,-0.04343,-0.01153,-0.02064,0.02257,-0.07808,0.01801,-0.04046,0.06682,0.00642,0.02947,-0.01362,-0.01317,0.05505,-0.00859,-0.10252,0.0681,0.01657,-0.0201],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 🔍 What You’ll Learn in This Series In this series of tutorials, we’ll cover: 1. How to install and render a basic flow 2. How to use custom components as nodes 3. How to configure and customize connections 4. How to enable snapping, resize, and rotate 5. How to save and restore flow state 6. How to build a real-world editor with the library","excerpt":"🔍 What You’ll Learn in This Series In this series of tutorials, we’ll cover: 1. How to install and render a basic flow 2. How to use custom components as nodes 3. How to configure and customize connections 4. How to enable snapping, resize, and rotate 5. How to save and restore flow state 6. How to build a real-world editor with the library"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#5","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.06964,-0.00296,-0.09348,0.04381,-0.00901,0.01565,-0.01558,0.06673,0.00195,0.05516,-0.10301,-0.08544,-0.04424,0.0056,0.08046,0.04036,-0.0387,-0.01089,0.01135,-0.00328,-0.01032,-0.02704,0.01064,-0.03293,-0.02059,0.04653,0.04132,-0.01738,0.05332,-0.05204,0.02346,0.07174,-0.00785,0.0676,-0.12599,0.08107,0.03708,-0.04466,-0.04498,-0.08967,0.0504,0.03544,-0.01324,-0.11204,-0.02048,-0.07094,-0.06905,-0.00067,-0.04776,0.0287,-0.10593,-0.13589,-0.04748,0.06697,0.01842,0.04018,0.02109,-0.05295,0.00973,0.0261,0.00225,0.00802,0.0399,0.04196,0.02051,0.03123,-0.09962,0.04442,0.01105,-0.08291,-0.03975,-0.07531,0.00496,-0.05814,-0.03311,-0.0476,-0.0672,0.02753,-0.01465,-0.02809,0.0202,0.06571,-0.00295,0.10231,-0.02504,0.10643,0.01727,-0.05331,0.00863,-0.04401,0.02248,0.05507,-0.0003,-0.01198,0.06995,-0.02674,-0.01075,-0.07846,-0.10768,0.00123,-0.0097,-0.05895,0.06491,0.01228,-0.02897,-0.02344,0.05297,-0.02736,-0.06253,-0.02221,-0.01281,0.06403,-0.00949,-0.11194,-0.02379,-0.02646,-0.03256,-0.04372,0.03223,0.06413,0.0393,0.00249,-0.05352,-0.01843,0.11407,-0.02941,0.02436,0,0.03771,0.03514,-0.02456,0.06446,0.13572,-0.00609,0.00819,-0.09233,-0.01211,0.03004,0.03476,0.06524,-0.05655,0.06004,-0.01731,-0.10063,-0.04159,0.02231,0.04939,0.02844,0.05259,-0.07545,-0.02491,0.06649,0.08696,0.10588,0.00661,0.04357,-0.04371,0.01586,0.06861,0.01603,-0.00568,0.02415,-0.0535,-0.01318,-0.07447,-0.08594,0.02039,0.00352,-0.0113,-0.05661,-0.10854,0.00621,-0.0041,0.02559,-0.02644,0.03293,0.10889,0.03536,-0.00149,0.0317,-0.01897,0.03429,0.08905,-0.03232,-0.02674,0.07262,0.05588,0.04314,-0.00576,0.04689,-0.05194,-0.01699,-0.00223,0.02649,-0.01843,-0.05568,0.10158,-0.05449,-0.08782,0.03216,0.02984,0.04616,0.05254,-0.01497,-0.01646,0.01791,0.05859,-0.0236,-0.01708,-0.07824,-0.02079,0.06291,0.10434,-0.04501,-0.01134,-0.03235,-0.10549,-0.03666,0.09354,0.0136,0.04391,-0.05887,0.02573,0,0.01818,0.02304,-0.05399,0.05185,0.02301,-0.10012,0.03177,0.03745,0.04923,0.0177,0.0464,0.06164,0.01346,0.0009,-0.0354,0.0165,-0.00652,-0.12678,0.03698,-0.05191,0.04085,0.04659,0.00567,-0.08245,-0.12544,0.05272,-0.0012,-0.00211,0.01882,-0.03299,-0.01708,-0.02383,-0.00594,-0.03917,-0.01672,-0.067,0.07469,0.03711,-0.01389,-0.05559,0.04256,-0.03128,0.0073,-0.02983,-0.10255,-0.00189,-0.06451,0.00058,-0.0398,-0.02705,-0.02759,0.00648,-0.026,-0.08984,-0.05117,-0.02801,0.10198,-0.01042,0.00029,0.06011,-0.02596,-0.00233,0.06435,0.01409,0.02796,0.0332,-0.07585,-0.01649,0.02478,0.0366,0.0609,0.0004,-0.03175,0.02564,0.10133,0.07093,0.07943,-0.04867,0.04898,0.04077,-0.01042,0.05144,0.02715,0.02808,0.0216,0.02514,-0.10248,-0.06289,0.06128,0.05408,-0.1225,0.00885,0.01412,0.01951,0.0134,0,-0.13547,-0.00124,-0.02582,-0.04185,0.04561,-0.00462,-0.04147,0.01105,0.03103,-0.01886,-0.02919,0.07273,-0.02244,0.00984,0.10447,0.0273,-0.02676,-0.01351,-0.01611,-0.03875,0.03612,0.03064,0.02357,0.06748,0.03892,0.01818,-0.02083,0.00602,-0.01168,0.04005,0.03678,0.08292,0.10645,0.057,-0.03764,-0.02648,-0.08276,0.00698,-0.08443,-0.04607,0.02897,-0.0079,-0.00354,-0.04733,-0.03879,0.08117,-0.02022,-0.03812,-0.01943,-0.00635,-0.07258,0.00471,-0.07002,0.07263,-0.01272,0.02349,-0.0034,-0.00847,0.06948,0.00367,-0.07474,0.02769,0.05273,-0.01743],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 📚 Live Examples Here are a few interactive examples built with Foblex Flow: - 📞 Call Flow Editor - 🧱 Logic Configuration Tool - 🗄 Database Flow Manager","excerpt":"📚 Live Examples Here are a few interactive examples built with Foblex Flow: - 📞 Call Flow Editor - 🧱 Logic Configuration Tool - 🗄 Database Flow Manager"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#6","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.06339,0.00761,-0.06364,0.02525,0.00999,0.03155,-0.0481,0.06159,0.01136,0.06713,-0.11132,-0.05611,-0.06037,-0.00001,0.06623,0.00471,-0.01518,-0.00719,0.01858,0.01308,-0.02802,-0.02965,0.01023,-0.05616,0.0074,0.06165,0.03339,-0.01906,0.09021,-0.04489,0.02983,0.06467,-0.02656,0.06252,-0.14193,0.06769,0.03782,-0.05059,-0.05483,-0.07204,0.08151,0.06221,-0.01958,-0.12426,-0.0218,-0.05302,-0.06384,0.00869,-0.06319,0.05901,-0.10914,-0.14945,-0.05982,0.06805,0.0088,0.05151,0.0128,-0.07936,0.025,0.01709,0.02196,-0.01005,0.02906,0.04146,0.01947,0.02492,-0.07963,0.03015,0.00396,-0.06739,-0.05384,-0.05096,0.04626,-0.01895,-0.03158,-0.04394,-0.06027,0.00278,-0.00395,-0.01951,0.03128,0.06767,-0.02624,0.08854,-0.02356,0.07476,0.01639,-0.06104,-0.01138,-0.06926,0.00638,0.05168,0.0142,-0.00603,0.07687,-0.00613,0.00377,-0.06815,-0.12052,0.01004,0.01576,-0.05592,0.06036,0.0201,-0.05555,-0.03199,-0.00345,-0.01071,-0.06643,-0.0036,0.00145,0.04616,-0.05966,-0.12034,-0.03745,-0.05236,-0.03928,-0.06117,0.04397,0.0436,0.02,-0.00469,-0.03461,-0.00401,0.11916,-0.0189,0.03384,0,0.00267,0.08328,-0.05247,0.0566,0.15477,0.01269,-0.02155,-0.09247,0.01801,0.02673,0.00678,0.06967,-0.03943,0.02545,0.02329,-0.10843,-0.00862,0.01966,0.00065,0.02918,0.02175,-0.09593,-0.01182,0.0602,0.06631,0.08561,0.01019,0.03852,-0.08426,0.01007,0.08274,0.03473,-0.01129,0.01555,-0.04082,-0.04383,-0.05206,-0.11437,-0.0037,0.00858,-0.02332,-0.03339,-0.13055,0.00165,-0.00875,0.01275,-0.00084,0.02287,0.10468,0.03096,0.00697,0.02283,-0.0108,0.00499,0.07021,-0.03795,-0.03536,0.07556,0.05141,0.04019,0.00427,-0.0088,-0.02038,-0.02433,0.01923,0.01565,0.01844,-0.02007,0.08489,-0.05314,-0.06697,0.04107,0.03925,0.04578,0.05134,0.01178,-0.00461,0.05458,0.09251,-0.00197,-0.02747,-0.04999,0.00193,0.07654,0.10253,-0.06308,-0.0015,-0.01654,-0.117,0.00318,0.09188,0.03854,0.06666,-0.0152,0.01307,0,-0.01948,0.05972,-0.0537,0.05094,0.01358,-0.06628,0.0052,0.01001,0.02861,0.05211,0.05844,0.04114,0.00528,0.00012,-0.05365,0.04793,-0.00193,-0.11924,0.03174,-0.06224,0.05744,0.00516,0.00826,-0.07654,-0.09386,0.07522,0.04577,-0.01768,-0.01297,-0.02699,-0.00206,-0.02061,-0.01386,-0.04535,0.00697,-0.03715,0.05047,0.03438,0.02302,-0.07367,0.04757,-0.03203,0.00823,-0.00349,-0.09166,-0.03608,-0.05501,0.05145,-0.04874,0.00516,-0.05479,0.03981,-0.00833,-0.08556,-0.06481,-0.01324,0.06039,0.00505,-0.01041,0.04418,0.00986,-0.00021,0.04236,0.03775,0.07018,0.02771,-0.05496,-0.03356,0.04239,0.05588,0.05576,0.01423,-0.0414,-0.01468,0.08208,0.07458,0.12324,-0.04888,0.05062,0.00358,-0.03006,0.07186,-0.01373,-0.01308,0.02604,0.04832,-0.08456,-0.05477,0.07045,0.05529,-0.10296,-0.001,-0.01439,0.01113,0.02755,0,-0.12538,0.04175,-0.06157,-0.04482,0.02809,-0.01245,-0.03059,0.00174,0.03108,0.00822,-0.02055,0.02987,-0.04175,0.01755,0.11821,0.01087,-0.06649,0.00257,-0.04224,-0.01476,0.04648,0.01146,0.03138,0.09104,0.01579,-0.00435,-0.01929,0.0122,0.01601,0.0239,0.00951,0.07501,0.06517,0.08791,-0.07153,-0.03034,-0.08691,-0.00402,-0.06023,-0.02376,0.05994,-0.00369,0.00856,-0.01305,-0.06717,0.08419,-0.0193,-0.0362,0.01818,0.00658,-0.08037,-0.00061,-0.06526,0.02682,-0.00293,0.04118,0.00628,-0.00961,0.09347,0.01902,-0.0741,0.003,0.00643,-0.02077],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 🚀 Features - 🔌 Dynamic node and connection management - 🧠 Event-driven architecture for nodes and links - ✏️ Full customization of templates and visuals - 🔍 Zooming, panning, snapping, and guide support - 🧱 Grouping and alignment with grid snapping - 📦 Compatible with SSR, standalone components, Angular Signals, and zoneless Angular","excerpt":"🚀 Features - 🔌 Dynamic node and connection management - 🧠 Event-driven architecture for nodes and links - ✏️ Full customization of templates and visuals - 🔍 Zooming, panning, snapping, and guide support - 🧱 Grouping and alignment with grid snapping - 📦 Compatible with SSR, standalone components, Angular Signals, and zoneless Angular"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#7","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.09854,0.01054,-0.06033,0.02841,-0.00086,0.0303,-0.02656,0.04203,-0.02094,0.05973,-0.10913,-0.064,-0.04846,0.00012,0.0781,0.03404,-0.03552,0.00124,0.00841,0.00476,-0.00569,-0.01712,0.01598,-0.05899,-0.0196,0.03493,0.03644,-0.02204,0.0579,-0.05664,0.03211,0.07528,0.00728,0.04351,-0.14324,0.06782,0.02205,-0.05303,-0.02211,-0.06267,0.03529,0.06227,0.00032,-0.1269,-0.01406,-0.07503,-0.05955,-0.00097,-0.041,0.02936,-0.09702,-0.1447,-0.04507,0.06035,-0.00689,0.02456,0.00488,-0.07918,0.01827,0.00456,0.0147,0.00169,0.0422,0.03705,0.05905,0.02388,-0.11277,0.02774,-0.01467,-0.05734,-0.05269,-0.05909,0.03585,-0.02985,-0.01637,-0.055,-0.08151,0.03149,-0.00589,-0.02065,0.03035,0.05224,-0.02134,0.0931,0.00062,0.08912,0.01486,-0.06288,-0.02225,-0.07274,0.02601,0.06469,-0.01563,0.00038,0.06184,-0.0173,-0.01387,-0.07074,-0.11803,0.00801,-0.01425,-0.10307,0.07613,0.015,-0.06123,-0.01141,0.04619,-0.01442,-0.05649,-0.01813,-0.01138,0.05396,-0.03833,-0.10628,-0.0096,-0.02098,-0.02564,-0.03969,0.053,0.05124,0.03573,-0.01124,-0.04366,-0.01616,0.10313,-0.04774,0.03941,0,0.00612,0.0606,-0.03333,0.06167,0.1269,-0.03954,-0.00708,-0.09274,-0.0011,0.01817,0.04683,0.10005,-0.04637,0.0666,-0.00844,-0.1272,-0.03905,0.01715,0.0484,0.01067,0.0538,-0.07923,-0.0187,0.06078,0.0693,0.08977,0.01393,0.0174,-0.06009,0.02495,0.07286,0.06121,-0.02395,0.00763,-0.05875,-0.01962,-0.07187,-0.08854,0.00253,0.00265,-0.00918,-0.05625,-0.10915,0.00035,-0.00674,0.03191,-0.00575,0.02763,0.099,0.03768,-0.01538,0.01697,-0.0505,0.02977,0.09065,-0.0362,-0.03322,0.06736,0.04923,0.03263,0.00283,0.02191,-0.01667,-0.03962,-0.0329,0.01542,-0.00124,-0.02312,0.07799,-0.05326,-0.07515,0.036,0.0272,0.04675,0.04453,0.00095,0.00527,0.0313,0.10414,-0.03295,-0.03023,-0.05916,0.00506,0.04866,0.09979,-0.06828,-0.00759,-0.03217,-0.10719,-0.03066,0.07396,0.01989,0.0454,-0.05519,0.02599,0,0.01315,0.03338,-0.05765,0.04904,0.01459,-0.08651,0.02769,0.04746,0.05401,0.05172,0.03618,0.06267,0.00382,-0.00122,-0.04764,-0.00794,0.00851,-0.10429,0.04187,-0.06788,0.03173,0.04632,0.02345,-0.09637,-0.11304,0.06917,0.01038,0.00962,-0.00045,-0.01994,-0.01572,-0.02,-0.01267,-0.03857,-0.00049,-0.04394,0.06961,0.02889,-0.00113,-0.0549,0.05679,-0.04293,0.01628,-0.0239,-0.09991,-0.04078,-0.0464,0.00936,-0.03273,-0.02158,0.00338,0.02672,-0.00496,-0.09476,-0.06559,-0.01217,0.09807,-0.01412,0.01287,0.06052,-0.02715,0.00458,0.056,0.02176,0.05246,0.00722,-0.07111,-0.02585,0.05559,0.05684,0.07278,0.0024,-0.04987,0.02483,0.07501,0.05609,0.13472,-0.04139,0.05022,0.0124,-0.0094,0.05089,0.02179,0.01924,0.01443,0.03059,-0.10476,-0.07029,0.07169,0.05266,-0.11213,0.01155,0.01492,0.01214,0.03731,0,-0.11667,0.02877,-0.04416,-0.02956,0.02092,-0.00827,-0.06207,-0.02331,0.02735,-0.02138,-0.03049,0.05678,-0.03235,0.0279,0.10682,0.0284,-0.05004,0.01229,-0.0299,-0.03924,0.03148,0.03898,0.04444,0.05994,0.01135,0.00875,-0.0247,-0.01071,-0.00427,0.03892,0.01962,0.09878,0.07135,0.06015,-0.04772,-0.04134,-0.06626,-0.01881,-0.09622,-0.03027,0.03361,0.01158,0.01401,-0.03175,-0.03545,0.07638,-0.03686,-0.0388,0.00144,0.01493,-0.08954,0.00031,-0.07628,0.05329,-0.01042,0.03059,-0.00908,0.00258,0.06925,0.01133,-0.05616,0.03237,0.04555,0.01227],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback! Git Hub","excerpt":"🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback!"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#0","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.12203,0.03144,-0.06012,0.07564,0.00961,0.01633,-0.00775,0.01581,0.01404,0.04155,-0.12355,-0.03037,-0.04444,-0.01271,0.02807,0.03669,-0.01336,-0.04143,0.00977,-0.02296,-0.01283,-0.02831,-0.00939,-0.04613,0.00772,0.07069,0.02256,-0.01052,0.09899,-0.05222,0.05341,0.045,-0.03837,0.04298,-0.17614,0.09138,0.04573,-0.03929,-0.0474,-0.0492,0.08585,0.05799,0.01275,-0.094,-0.03135,-0.05908,-0.08792,0.02426,-0.04916,0.04431,-0.09599,-0.13496,-0.05555,0.05622,0.00912,0.02334,0.0013,-0.06955,0.00533,0.00363,0.02537,-0.01175,0.06157,0.02681,0.02616,0.00142,-0.09204,0.05124,0.00339,-0.06329,0.00611,-0.05352,-0.00524,-0.01023,-0.00455,-0.04696,-0.06583,0.01273,-0.01714,0.02023,0.03676,0.05276,-0.04092,0.0829,-0.0758,0.12638,-0.00237,-0.06348,-0.01556,-0.04535,0.0296,0.07785,-0.01012,-0.01715,0.06633,0.00828,-0.01505,-0.04852,-0.11108,0.01986,-0.02747,-0.03368,0.07178,0.01601,-0.07549,-0.04073,0.02262,-0.06144,-0.03881,0.01024,-0.01528,0.04826,-0.04239,-0.06462,-0.04224,-0.04181,-0.01476,-0.02579,0.05228,0.11278,0.01425,0.02014,-0.03524,-0.01393,0.11589,-0.05193,-0.01577,0,0.04298,0.03355,-0.0268,0.06641,0.13398,-0.03086,0.03622,-0.10071,-0.01111,0.0027,0.00684,0.05591,-0.0436,0.05415,-0.01391,-0.12905,-0.01166,0.01425,0.039,0.01289,0.03123,-0.08881,-0.02974,0.04149,0.0843,0.06716,0.01473,0.00909,0.00725,0.0069,0.06271,0.02079,-0.02299,0.03079,-0.06509,0.01012,-0.08955,-0.07553,0.00432,-0.03101,0.01368,-0.0542,-0.06649,0.0275,-0.01352,-0.00237,-0.00831,0.02245,0.08187,0.01623,-0.00869,0.02377,0.03645,0.00284,0.07806,-0.05384,-0.03902,0.09315,0.03821,0.06519,0.00428,0.06664,-0.05825,-0.02996,0.04047,0.04302,-0.03525,-0.00698,0.11414,-0.06139,-0.0577,0.03799,0.03318,0.06866,0.00184,0.01104,-0.04058,-0.03995,0.08707,-0.05789,-0.04595,-0.05899,0.00696,0.08368,0.10434,-0.09438,-0.01074,-0.00401,-0.08891,-0.02301,0.07327,0.05305,0.0607,-0.04143,0.0312,0,-0.02729,0.01715,-0.05382,0.0753,0.01598,-0.07415,-0.00976,0.00621,0.07228,0.06031,0.00856,0.04071,0.02875,-0.01068,0.01984,-0.01359,-0.0539,-0.13172,0.05927,-0.03453,0.03832,0.07989,0.00685,-0.06236,-0.08702,0.02996,0.00788,-0.01375,0.00896,-0.03099,-0.02075,-0.05181,-0.01609,-0.02433,0.01192,-0.0334,0.02137,0.07194,0.04694,-0.07007,0.04749,-0.036,-0.01828,-0.00916,-0.06545,-0.01722,-0.08705,0.04479,-0.02905,-0.03655,-0.06214,0.04312,-0.03877,-0.05688,-0.04548,-0.01036,0.09507,0.00325,0.03774,0.01893,-0.03243,-0.04136,0.03435,0.02327,0.04113,-0.0064,-0.04724,-0.05069,0.01665,0.0574,0.04404,0.05095,0.02469,0.02155,0.09097,0.008,0.10606,-0.07218,0.07884,0.01289,-0.03316,0.10905,-0.01214,-0.0013,0.06859,0.02709,-0.08406,-0.04001,0.05068,0.07886,-0.07836,0.0169,0.00361,-0.00617,-0.03146,0,-0.11205,0.0092,-0.03729,-0.00419,0.03625,0.00369,-0.03703,-0.0007,0.05751,-0.0097,0.00817,0.00824,-0.00683,-0.00108,0.13004,0.03063,-0.00051,-0.00293,-0.02873,-0.06108,0.06385,0.01406,0.00908,0.07784,0.01307,-0.02314,0.01477,-0.00244,-0.03476,0.06535,-0.02849,0.06664,0.06522,0.07383,-0.05224,0.00771,-0.07626,-0.01348,-0.07186,-0.00308,0.05921,0.02394,-0.03568,-0.06286,-0.03365,0.05213,-0.02769,-0.03453,-0.01026,0.02858,-0.05805,-0.01042,-0.05838,0.04783,0.01054,0.03066,-0.03241,0.00106,0.05592,0.01586,-0.05826,0.07102,0.05661,0.0029],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. Building AI Low-Code Platform in Angular — Part 2: Creating Your First Flow Learn how to render a flow, create basic draggable nodes, and connect them. This tutorial gives you the first working editor surface that later evolves into a richer Angular workflow builder. In this article, we’ll build a minimal interactive flow with draggable nodes and dynamic connections using Foblex Flow. View the source code on GitHub Git Hub","excerpt":"Building AI Low-Code Platform in Angular — Part 2: Creating Your First Flow Learn how to render a flow, create basic draggable nodes, and connect them. This tutorial gives you the first working editor surface that later evolves into a richer Angular workflow builder. In this article, we’ll build a minimal interactive flow with draggable nodes and dynamic connections using Foblex Flow. View the source code on GitHub"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#1","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.0987,0.01484,-0.0792,0.04006,0.00665,0.04609,-0.02097,0.02012,-0.00137,0.03331,-0.12325,-0.03549,-0.05798,-0.005,0.05624,0.00595,-0.04543,-0.00704,0.05218,-0.00292,-0.00566,-0.00861,0.00716,-0.07129,-0.01633,0.05445,0.02851,-0.00101,0.08038,-0.06545,0.06052,0.08618,-0.04723,0.02067,-0.11984,0.09254,0.04576,-0.03403,-0.07808,-0.05932,0.09879,0.05818,0.0141,-0.09795,-0.03357,-0.0677,-0.06344,0.00852,-0.02088,0.04509,-0.06421,-0.15018,-0.02434,0.07096,0.03878,0.02366,0.00355,-0.07127,-0.0026,-0.01668,0.03328,-0.0245,0.03105,0.02353,0.03725,0.02761,-0.11789,0.0385,-0.0067,-0.06923,-0.01689,-0.06161,0.00625,-0.02733,-0.01856,-0.04909,-0.01857,0.04196,-0.02012,0.01445,0.0333,0.07901,-0.02093,0.0773,-0.07554,0.14512,-0.00732,-0.05539,-0.02913,-0.04276,0.01027,0.07479,-0.02804,-0.02765,0.0524,-0.02084,-0.02683,-0.00796,-0.102,0.01717,-0.0259,-0.06268,0.07425,0.05004,-0.0831,-0.02047,0.00125,-0.0329,-0.06257,0.00206,-0.03419,0.06655,-0.04876,-0.07821,-0.04557,-0.06949,-0.0351,-0.04374,0.04106,0.10156,-0.01146,0.00307,-0.00985,0.00224,0.10927,-0.05194,0.00361,0,0.0033,0.02625,-0.03536,0.06983,0.11507,-0.04129,0.0187,-0.09885,0.00763,-0.0167,0.0215,0.06024,-0.04357,0.05117,-0.04965,-0.09968,-0.00596,0.01273,0.05186,0.01753,0.04345,-0.0832,-0.02545,0.0333,0.0483,0.04529,0.00868,0.0144,-0.02168,0.01164,0.05913,0.01949,0.01882,0.02001,-0.06336,0.03005,-0.06618,-0.05629,0.00058,-0.04425,0.00113,-0.02748,-0.05933,0.01828,-0.00444,-0.00438,-0.01029,-0.02527,0.13091,0.03015,0.01805,-0.01156,0.02602,0.0269,0.0928,-0.04073,-0.03748,0.09698,0.04473,0.05477,0.00262,0.04091,-0.06097,-0.04698,0.06925,0.06153,-0.03175,-0.00631,0.09695,-0.04732,-0.08768,0.05175,0.04845,0.09692,0.01829,0.01347,-0.01562,0.00785,0.08127,-0.0226,-0.05178,-0.04729,0.00691,0.06344,0.13384,-0.07455,0.00661,0.00748,-0.06046,-0.02627,0.10802,0.02564,0.02859,-0.02373,0.02312,0,-0.03696,0.01753,-0.05722,0.06566,0.04023,-0.07108,-0.01211,-0.01649,0.05908,0.07786,0.03053,0.04782,0.05669,0.00766,0.00613,-0.02318,-0.0285,-0.13243,0.02614,-0.06385,0.0118,0.03374,0.03261,-0.10985,-0.08736,0.04496,0.00742,-0.0109,-0.00536,-0.0408,-0.01169,-0.01746,-0.02991,-0.01589,0.02454,-0.05682,-0.0148,0.09859,0.05047,-0.10235,0.02243,-0.00985,-0.04214,-0.02057,-0.098,-0.02677,-0.07299,-0.00028,-0.01142,-0.02296,-0.05723,0.0515,-0.02753,-0.0388,-0.02985,0.03726,0.11368,0.0227,0.04048,0.01629,-0.00625,-0.01637,0.00356,-0.00283,0.04344,-0.00837,-0.07471,-0.04494,0.00662,0.09164,-0.00562,0.08264,-0.01258,0.0128,0.08461,0.01427,0.12152,-0.0347,0.06585,0.02157,-0.03359,0.11133,-0.0281,0.01597,0.06538,-0.0025,-0.06964,-0.07263,0.05418,0.05841,-0.06145,-0.00716,-0.01376,0.00706,-0.00165,0,-0.11562,0.00586,-0.05297,-0.02883,0.01551,0.00971,-0.05033,-0.01522,0.05249,-0.02108,0.00872,0.04095,-0.00719,-0.00656,0.0806,-0.00326,0.00785,-0.01716,-0.03128,-0.08808,0.03066,0.01501,0.03378,0.08714,0.00116,-0.00237,0.04112,-0.03701,-0.00488,0.03453,-0.04098,0.06086,0.04951,0.04159,-0.03585,-0.01619,-0.05824,0.02101,-0.05445,0.00424,0.05989,0.01652,-0.0058,-0.0512,-0.06259,0.06101,-0.03857,-0.02496,-0.02422,0.01559,-0.05604,0.01045,-0.07426,0.04427,-0.00369,0.05282,-0.04336,-0.01736,0.04276,-0.01756,-0.08923,0.0506,0.07668,-0.0111],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🚀 Installation To add Foblex Flow to your Angular project: For Nx workspaces: If you prefer manual installation, install the required companion packages explicitly:","excerpt":"🚀 Installation To add Foblex Flow to your Angular project: For Nx workspaces: If you prefer manual installation, install the required companion packages explicitly:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#2","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.10717,0.01855,-0.08338,0.04736,-0.01944,0.02119,-0.0094,0.01708,-0.00511,0.04436,-0.10547,-0.01927,-0.0421,-0.00632,0.04131,0.00898,-0.03385,-0.01549,0.04063,0.00609,-0.00891,-0.03393,-0.01196,-0.04436,-0.00212,0.03227,0.01999,-0.01644,0.08115,-0.06356,0.04672,0.05328,-0.07621,0.03862,-0.17487,0.08488,0.04693,-0.02888,-0.07141,-0.0515,0.1089,0.04899,0.00549,-0.09237,-0.03558,-0.0596,-0.08139,0.03107,-0.03706,0.04111,-0.06026,-0.12921,-0.05862,0.07189,0.02966,0.04058,-0.01291,-0.05587,-0.011,0.01101,0.03617,-0.02542,0.03261,0.02442,0.04255,0.01213,-0.09395,0.04855,-0.02143,-0.05487,0.00973,-0.05821,0.00195,-0.00668,-0.00698,-0.03535,-0.02811,0.04524,-0.03804,0.02685,0.01077,0.07634,-0.04162,0.05299,-0.06883,0.12192,-0.01447,-0.08533,-0.04466,-0.03393,0.01716,0.10384,-0.01419,-0.01948,0.05674,0.00045,-0.01876,-0.03951,-0.09818,0.01534,-0.01337,-0.0411,0.05311,0.03884,-0.04971,-0.03884,-0.00167,-0.06005,-0.04842,0.01679,-0.02187,0.06198,-0.05445,-0.07378,-0.05684,-0.04651,-0.01851,-0.03016,0.0644,0.10127,-0.02523,0.00303,-0.01993,-0.03139,0.08912,-0.05544,-0.00152,0,0.00235,0.01992,-0.02841,0.06062,0.11315,-0.00867,0.00931,-0.10337,0.00294,-0.00472,0.00546,0.04782,-0.03043,0.02933,-0.00006,-0.11743,-0.01203,0.0101,0.06174,0.02638,0.06048,-0.08429,-0.03138,0.04192,0.07935,0.04651,-0.01402,0.0059,-0.01173,0.01891,0.07481,0.02438,0.00994,0.02402,-0.05459,0.0005,-0.05421,-0.06417,-0.01005,-0.06029,-0.00762,-0.06154,-0.07588,0.01564,-0.01873,-0.01395,-0.01566,0.00769,0.07619,0.0148,-0.00118,0.00471,0.02746,0.01212,0.08148,-0.02221,-0.03594,0.09964,0.01863,0.07446,-0.00533,0.05672,-0.04509,-0.05011,0.05123,0.06859,-0.03977,-0.03627,0.09987,-0.06893,-0.08183,0.06593,0.0257,0.07559,-0.00039,0.01379,-0.02523,-0.00734,0.08565,-0.01855,-0.06141,-0.061,0.01963,0.09848,0.0929,-0.07467,-0.00022,-0.00968,-0.07555,0.00182,0.07894,0.06078,0.06512,-0.04016,0.05309,0,-0.03962,0.03492,-0.03511,0.06793,0.0514,-0.07345,0.01552,-0.0203,0.04161,0.07967,0.04429,0.04889,0.04357,-0.01863,0.00331,-0.0213,-0.02967,-0.15544,0.05462,-0.02917,0.02002,0.05059,0.01202,-0.09939,-0.06223,0.03108,-0.00805,-0.01933,-0.02018,-0.02544,-0.01405,-0.02298,0.02333,-0.01855,0.01351,-0.04577,0.00318,0.06962,0.05726,-0.09355,0.03447,-0.0261,-0.03203,-0.00122,-0.08161,-0.03766,-0.08581,0.01813,-0.04343,-0.01595,-0.06653,0.05888,-0.03933,-0.04454,-0.0273,0.00822,0.09386,0.0251,0.06344,0.00797,0.00877,-0.04224,0.02536,0.03829,0.06788,-0.01131,-0.03015,-0.05022,0.02316,0.07886,0.04598,0.09614,0.01489,0.0129,0.10077,0.00809,0.10575,-0.06456,0.05921,0.02672,-0.04134,0.13815,-0.02237,0.02511,0.07375,0.01274,-0.0624,-0.04463,0.05202,0.07733,-0.09055,0.01202,0.00517,-0.01159,-0.02152,0,-0.11813,-0.0019,-0.04388,-0.00628,0.01807,0.01667,-0.04765,-0.01984,0.03038,-0.00785,-0.02991,0.05804,-0.02007,-0.00957,0.11416,-0.00992,0.01729,-0.03168,-0.03305,-0.06775,0.01541,0.0204,0.00531,0.11163,0.01844,0.00314,0.03633,-0.02527,-0.00303,0.03646,-0.02428,0.04296,0.05388,0.08221,-0.05592,0.01969,-0.06885,0.03095,-0.07862,0.0082,0.06212,0.01302,-0.01226,-0.02705,-0.04011,0.10077,-0.03498,-0.02725,-0.01235,0.01922,-0.05787,-0.00143,-0.06357,0.01947,-0.0017,0.02718,-0.02774,-0.01693,0.04741,-0.00993,-0.07829,0.06908,0.06945,0.00493],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🔧 Creating a Basic Flow Let’s create the smallest useful example: two nodes and one connection.","excerpt":"🔧 Creating a Basic Flow Let’s create the smallest useful example: two nodes and one connection."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#3","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.08128,0.02192,-0.05922,0.0401,0.00433,0.02991,-0.02437,0.00789,0.02325,0.05125,-0.13423,-0.00513,-0.06763,-0.01731,0.07368,-0.00764,-0.04424,-0.01729,0.04101,0.03733,-0.03616,-0.03026,-0.00189,-0.06259,-0.00876,0.0521,0.03892,0.00646,0.07977,-0.0936,0.03482,0.07418,-0.0291,0.05432,-0.15497,0.08053,0.04068,-0.02295,-0.0559,-0.03138,0.07683,0.03887,-0.0027,-0.08865,-0.03484,-0.02749,-0.05502,0.01493,-0.07454,0.05578,-0.05089,-0.13244,-0.02818,0.07525,0.04219,0.04521,0.01198,-0.0547,0.02594,0.00189,-0.0109,0.0027,0.04338,0.03544,0.0355,0.04275,-0.09234,0.01741,-0.00215,-0.09145,0.0382,-0.07185,0.0269,0.00499,0.00238,-0.0064,-0.00073,0.06066,-0.05118,0.00293,0.00841,0.04163,-0.01294,0.06355,-0.06418,0.16456,-0.03366,-0.10465,-0.04856,-0.02487,0.02723,0.08405,-0.03287,-0.03688,0.03177,-0.00615,-0.02836,-0.04753,-0.10559,0.00038,0.00139,-0.08758,0.09547,0.05234,-0.04754,-0.04783,0.00926,-0.03701,-0.06574,-0.0002,0.0023,0.03293,-0.06014,-0.07876,-0.04755,-0.08116,-0.06438,-0.04373,0.04243,0.11237,0.00391,0.00723,-0.01208,-0.03335,0.07666,-0.06721,0.00972,0,0.00724,0.01377,-0.0161,0.02342,0.11484,-0.02706,0.0125,-0.12427,-0.02076,-0.00557,0.03901,0.04717,-0.06073,0.05974,-0.05025,-0.0815,-0.00473,0.00039,0.03914,0.01503,0.05402,-0.08251,-0.04724,0.00455,0.04491,0.05035,-0.00206,0.02408,-0.04448,0.01516,0.04161,0.01262,0.02731,0.01522,-0.07944,0.01211,-0.03974,-0.05319,0.01689,-0.03583,-0.00068,-0.02483,-0.05174,0.04842,-0.0139,0.02777,0.01976,-0.03332,0.06855,0.04277,0.01211,-0.00104,0.06479,0.04514,0.09755,-0.03369,-0.01146,0.09831,0.04458,0.02685,0.03047,0.0631,-0.05807,-0.06698,0.05853,0.06243,-0.01147,-0.00201,0.07608,-0.05317,-0.06735,0.06601,0.02945,0.0926,0.01872,0.00815,0.00695,-0.00508,0.11715,-0.0238,-0.06188,-0.02473,0.00817,0.07716,0.09731,-0.07834,0.02778,-0.00428,-0.05291,-0.00589,0.11397,0.02297,0.03615,-0.02843,0.01471,0,-0.04562,0.02698,-0.04486,0.07582,0.02597,-0.06445,0.01083,0.00345,0.07236,0.05616,0.09017,0.07086,0.00054,-0.01745,0.00734,-0.02559,-0.03662,-0.09751,0.03674,-0.06954,0.00972,-0.00242,-0.0042,-0.09096,-0.09883,0.04769,-0.00096,0.00203,-0.0012,-0.03651,0.02011,-0.0263,-0.0051,0.00441,0.00252,-0.07707,-0.03113,0.07691,0.06068,-0.05741,0.00753,-0.02459,-0.02313,0.0115,-0.10451,-0.01944,-0.07301,-0.02279,0.001,-0.03871,-0.03524,0.05647,-0.01211,-0.03256,-0.05125,0.00458,0.0815,0.04069,0.01957,0.03661,0.0069,-0.00932,-0.00002,-0.03654,0.05239,-0.00619,-0.05038,-0.05769,0.04833,0.06273,0.0457,0.06252,-0.03053,0.02061,0.0934,-0.0003,0.1463,-0.0186,0.06052,0.04139,-0.01404,0.12665,-0.04086,0.02852,0.06631,0.02439,-0.09304,-0.04157,0.05339,0.04874,-0.0766,0.01525,0.02436,0.00046,-0.03653,0,-0.14331,-0.00527,0.00679,0.00548,0.00342,0.03244,-0.03922,-0.0323,0.01993,-0.03287,-0.03693,0.07495,-0.01419,-0.01394,0.09779,-0.00266,-0.02462,-0.02476,-0.03766,-0.08256,0.00868,0.01863,-0.00455,0.09991,0.0114,0.01251,0.00644,-0.02562,-0.01751,0.06557,-0.04038,0.04704,0.06123,0.02845,-0.04453,-0.01892,-0.06538,0.0128,-0.08046,0.00297,0.05182,-0.00719,-0.01427,-0.03278,-0.08583,0.04182,-0.01984,-0.00938,-0.03504,0.00166,-0.02948,0.004,-0.08485,0.06406,-0.00099,0.02242,-0.0466,0.00908,0.06111,-0.02077,-0.06774,0.03114,0.06543,0.00835],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🎨 Styling Foblex Flow does not ship default styles, so you fully control the look.","excerpt":"🎨 Styling Foblex Flow does not ship default styles, so you fully control the look."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#4","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.07238,0.04113,-0.08632,0.04219,0.01939,0.05127,0.0111,0.00554,0.06734,-0.00819,-0.10371,-0.01675,-0.05661,-0.00258,-0.01842,-0.0388,-0.03719,-0.02298,0.02655,-0.0017,0.02225,-0.03471,0.00251,-0.05951,-0.02658,0.07799,0.04729,-0.02834,0.06938,-0.04297,0.02861,0.07813,-0.0843,0.01336,-0.14479,0.08038,0.06335,-0.01037,-0.10458,-0.03445,0.08545,0.02303,0.03043,-0.0539,-0.01307,-0.01208,-0.09454,0.03663,-0.06508,0.05819,-0.04585,-0.06797,-0.01915,0.12832,0.02376,0.05072,0.02534,-0.098,-0.01125,0.03193,0.01468,-0.02646,0.03063,0.00916,0.06649,0.00654,-0.05613,0.01051,-0.0024,-0.06604,0.03238,-0.00937,0.0151,-0.0634,0.01198,-0.03909,-0.0327,0.05698,-0.04644,0.00707,0.08089,0.07937,-0.03816,0.02289,-0.0487,0.13751,-0.06287,-0.04902,-0.03494,-0.00072,-0.03977,0.07575,-0.01425,-0.03685,0.07828,0.01446,-0.00126,-0.02054,-0.06638,-0.01294,-0.02805,-0.00867,0.04686,0.00894,-0.03575,-0.02778,-0.06017,-0.01095,-0.04495,-0.03057,-0.00498,0.05205,-0.02413,-0.01775,-0.02529,-0.05484,-0.05439,-0.03112,0.05094,0.1385,-0.03351,0.03753,-0.01644,-0.03621,0.0737,-0.04535,-0.03986,0,0.03462,-0.00049,-0.04569,0.03143,0.09667,-0.00028,0.02827,-0.09385,0.00837,0.03031,-0.04695,0.01898,-0.05323,0.03759,-0.02223,-0.10455,0.00477,0.03219,0.01709,0.00729,0.05259,-0.05243,-0.02375,-0.02101,0.09614,0.0298,-0.07675,0.03151,-0.02503,0.00978,0.02239,0.026,0.02823,-0.00109,-0.06418,-0.01559,-0.03635,-0.09038,-0.02648,-0.07582,0.00214,-0.00415,-0.04528,0.06064,-0.02023,-0.01371,-0.05183,-0.01692,0.08586,0.04363,0.00258,0.00001,0.04185,-0.05456,0.05443,-0.09467,-0.05049,0.11123,0.01866,0.07562,-0.00708,0.08141,-0.07152,-0.03239,0.07163,0.06985,-0.03707,-0.01766,0.08601,-0.06632,-0.08273,0.06307,-0.00133,0.09347,0.0396,0.00472,-0.03508,-0.035,0.00672,-0.02559,-0.08226,0.00683,-0.01221,0.07799,0.10981,-0.02634,-0.01888,-0.03808,-0.01952,-0.03319,0.08167,0.06374,0.06108,-0.04605,0.07072,0,-0.06307,0.04353,-0.0272,0.04768,0.01504,-0.08434,-0.00704,-0.04853,0.0846,0.04525,0.01413,0.04321,-0.01962,-0.04965,0.0127,-0.01722,-0.04702,-0.13306,0.05475,-0.03935,0.00942,0.02009,0.01505,-0.05541,-0.07683,0.00573,0.03312,-0.05865,-0.00717,-0.02556,0.01543,-0.04194,-0.00904,0.01544,0.00492,-0.06966,-0.01567,0.06094,0.08393,-0.04057,0.0182,0.00592,-0.01706,0.04137,-0.08142,-0.03026,-0.09356,-0.00199,-0.00385,-0.0211,-0.07566,0.05308,-0.04565,0.00177,-0.02506,0.00407,0.12979,0.01759,0.02854,-0.02294,0.04682,-0.03784,-0.01977,0.01336,0.0587,-0.01418,-0.03967,-0.04856,0.04204,0.09759,0.03099,0.05033,0.03428,0.02022,0.09059,-0.05318,0.09979,-0.05987,0.04741,0.05648,-0.02074,0.14021,-0.02679,-0.0063,0.07926,-0.00165,-0.02567,-0.06589,0.04571,0.05785,-0.03885,0.00526,-0.03546,-0.03615,-0.02121,0,-0.1101,-0.0003,-0.07286,-0.05262,0.02546,-0.0249,-0.0945,0.01297,0.02249,-0.03313,-0.00708,0.06083,0.01154,-0.07841,0.12311,0.01173,0.03737,0.00314,-0.04274,-0.01428,0.01446,-0.00357,-0.04655,0.11341,-0.01939,-0.05726,0.05813,-0.01697,-0.00516,0.06522,-0.03747,0.03701,0.0435,0.06295,-0.04103,0.01711,-0.06142,0.01339,-0.05527,0.0409,0.05822,-0.02988,-0.03284,-0.03484,-0.04875,0.04739,-0.03697,-0.02442,-0.02454,0.06587,-0.07398,0.00447,-0.02689,0.04121,0.01092,0.00337,-0.04455,-0.02897,0.04186,-0.02177,-0.04582,0.07561,0.12016,-0.01059],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🔍 Explanation - <f-flow: root component that manages flow state. - <f-canvas: workspace where nodes and connections are rendered. - fNode: directive that turns an element into a node. - fNodeOutput / fNodeInput: source and target connectors. - <f-connection: renders a connection by fOutputId and fInputId. Note: fOutputId and fInputId belong to different collections, so they may match technically, but it is better to keep them distinct. f Node f Node Output f Node Input f Output Id f Input Id","excerpt":"🔍 Explanation - <f-flow: root component that manages flow state. - <f-canvas: workspace where nodes and connections are rendered. - fNode: directive that turns an element into a node. - fNodeOutput / fNodeInput: source and target connectors. - <f-connection: renders a connection by fOutputId and fInputId. Note: fOutputId and fInputId belong to different collections, so they may match technically, but it is better to keep them distinct."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#5","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.03722,0.02568,-0.10185,0.03543,-0.00912,0.04088,-0.02557,0.04448,0.0019,0.03095,-0.09087,0.00909,-0.0755,-0.02187,0.00474,-0.0375,-0.06041,-0.03623,0.05267,0.03639,-0.04969,-0.05668,0.01944,-0.04556,-0.0179,0.04607,0.03089,0.01896,0.06431,-0.08046,0.00327,0.07368,-0.0873,0.01289,-0.16332,0.04139,0.0246,-0.00512,-0.04703,-0.04422,0.12037,0.00157,0.08498,-0.0795,-0.00425,0.00828,-0.06351,0.06319,-0.01406,0.0839,-0.02348,-0.10586,-0.00604,0.09648,0.02549,0.06747,0.04305,-0.05499,-0.01822,0.01531,0.04973,-0.02305,-0.01878,-0.02346,0.02544,-0.00945,-0.07336,-0.00095,-0.00938,-0.01995,0.05932,-0.02751,0.01424,-0.06258,0.06012,-0.03469,-0.04912,0.10806,-0.00849,0.0295,0.08884,0.05165,-0.00207,0.05917,-0.06602,0.07989,-0.04394,-0.09116,-0.0371,-0.00674,0.03099,0.08912,-0.06332,-0.05391,0.03818,0.0114,-0.04132,-0.00749,-0.08731,0.005,-0.02713,-0.0415,0.05453,0.05443,-0.02448,0.02245,-0.03925,-0.01865,-0.05521,-0.03153,-0.00272,0.06566,-0.03434,-0.03048,-0.05134,-0.06988,-0.0525,-0.03474,0.03347,0.05784,-0.03618,0.06001,-0.04193,-0.02169,0.08663,-0.05313,-0.0231,0,-0.00927,0.06116,0.00035,0.01269,0.1029,0.00321,-0.00296,-0.05522,0.04504,0.02589,-0.03205,-0.02243,-0.05888,-0.03191,-0.03242,-0.1655,0.02247,0.00848,-0.02948,0.02798,0.06393,-0.08153,-0.05834,-0.04318,0.04271,0.05046,-0.07876,0.04224,-0.03885,0.01869,0.03526,0.0364,0.05183,-0.01854,-0.04588,-0.05881,-0.0245,-0.06053,-0.03488,-0.00177,0.00991,0.01396,-0.06906,0.0515,-0.01368,0.02121,-0.00536,0.02886,0.09635,0.07123,-0.05431,0.0297,0.00325,-0.04171,0.04461,-0.07457,-0.03962,0.12976,0.00155,0.05163,-0.017,0.05774,-0.03865,-0.10248,0.03814,0.02996,-0.0018,-0.02836,0.0924,-0.02681,-0.07442,0.04193,0.04142,0.09371,0.02485,0.0476,-0.03489,-0.02843,0.0477,-0.08877,-0.03138,-0.00644,0.03857,0.06607,0.1151,-0.06326,-0.01153,-0.05427,-0.0367,-0.01586,0.08438,0.05047,0.07102,-0.01442,0.05611,0,-0.05828,0.01489,-0.0073,0.04917,-0.01137,-0.02238,0.02994,-0.01314,0.05303,0.08525,0.03371,0.04233,-0.04637,-0.03448,-0.02054,0.01769,-0.05456,-0.10037,0.05013,-0.02223,0.06215,0.02595,-0.0105,-0.04471,-0.01895,0.039,0.02382,-0.01568,0.02761,-0.01151,-0.03086,-0.05002,0.0156,-0.01634,-0.00425,-0.05765,-0.01673,0.08984,0.09723,-0.04909,0.02684,0.01891,0.01894,0.00285,-0.02516,-0.02158,-0.08715,0.00891,-0.04229,-0.01813,-0.08885,0.0613,-0.05489,-0.00721,-0.05375,0.05247,0.08969,0.00293,0.03737,0.00955,0.02536,-0.05704,0.03614,-0.01662,0.1002,0.05732,0.00343,-0.0333,0.06736,0.08593,0.01042,0.05498,0.02544,-0.01118,0.07054,0.03551,0.12671,-0.07622,0.03,0.06246,-0.02473,0.11287,-0.06052,0.00664,0.04144,0.03182,-0.01992,-0.03001,0.02654,0.04414,-0.05246,0.02875,-0.02704,-0.03146,0.00116,0,-0.14179,-0.01317,-0.1064,0.0493,0.00311,-0.03482,-0.05664,-0.02879,-0.00935,-0.04779,-0.06816,0.06544,-0.01884,-0.04337,0.13067,-0.01777,-0.00191,0.04234,-0.06512,-0.03259,0.01906,0.02069,0.02393,0.08599,-0.05311,-0.0536,-0.01129,0.0106,0.04419,0.04744,-0.01735,0.02185,0.06055,0.07142,-0.06184,-0.01394,-0.09783,0.00775,-0.06547,0.03646,0.08345,0.01724,-0.0305,-0.01433,-0.05088,0.03919,0.01834,0.01883,-0.01302,0.02684,-0.03807,0.04647,-0.03033,0.0172,0.02749,0.02637,-0.0367,-0.01819,-0.00527,-0.00402,-0.12152,0.02193,0.05924,-0.01236],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🧪 Try This - Change [fNodePosition] coordinates. - Add extra fNode and f-connection elements. - Experiment with connector sides: fOutputConnectableSide, fInputConnectableSide. - Tune connection visuals with fType and behavior with fBehavior. fType values: straight, bezier, segment (or custom string). fBehavior values: fixed, fixedcenter, floating (default: fixed). f Node Position f Node f Output Connectable Side f Input Connectable Side f Type f Behavior","excerpt":"🧪 Try This - Change [fNodePosition] coordinates. - Add extra fNode and f-connection elements. - Experiment with connector sides: fOutputConnectableSide, fInputConnectableSide. - Tune connection visuals with fType and behavior with fBehavior. fType values: straight, bezier, segment (or custom string). fBehavior values: fixed, fixedcenter, floating (default: fixed)."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#6","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.07771,0.01373,-0.09217,0.03401,0.02207,0.03887,-0.02663,0.03685,-0.01392,0.06766,-0.12608,-0.02233,-0.05612,-0.00473,0.05997,-0.01042,0.00119,-0.01205,0.06668,0.01242,-0.01661,-0.01135,-0.00329,-0.05855,-0.01793,0.05055,0.03509,0.0182,0.09032,-0.05588,0.05318,0.07273,-0.04192,0.03842,-0.21748,0.07174,0.04147,-0.01891,-0.08883,-0.06613,0.06786,0.03409,0.00331,-0.11096,0.0046,-0.05514,-0.09403,0.02871,-0.0448,0.03098,-0.0358,-0.14387,-0.02927,0.10436,0.03435,0.0272,-0.00214,-0.0651,-0.00808,0.01306,0.01071,-0.02585,0.03791,-0.00246,0.06697,0.0455,-0.09633,0.03547,0.01695,-0.08355,0.00498,-0.06587,0.02814,-0.01516,-0.01428,-0.04332,-0.05488,0.05297,-0.01306,0.00316,0.02417,0.1053,-0.03121,0.06411,-0.06672,0.13281,-0.00848,-0.05572,-0.04919,-0.02173,0.01287,0.08424,-0.01968,-0.027,0.0387,0.00413,-0.04022,-0.03001,-0.08156,0.011,-0.00003,-0.03899,0.03335,0.02196,-0.10189,-0.04164,0.0171,-0.04059,-0.05234,0.00174,-0.0038,0.04969,-0.07614,-0.09278,-0.02469,-0.06652,-0.03679,-0.05067,0.03066,0.08808,-0.04232,0.0342,-0.05051,0.01028,0.11868,-0.00537,-0.00822,0,-0.00157,0.06281,-0.03829,0.0589,0.12342,0.00682,0.02083,-0.10052,0.02022,-0.00534,0.01278,0.05552,-0.05312,-0.00806,0.02096,-0.10231,0.0043,0.0019,0.04798,-0.01302,0.05997,-0.08299,-0.03422,0.04286,0.06698,0.04798,-0.01993,0.02616,-0.05853,0.00535,0.06579,0.02844,0.00725,0.03609,-0.04521,-0.02814,-0.06625,-0.05701,-0.01512,-0.02801,-0.02313,-0.01557,-0.07209,0.05334,-0.00666,-0.0005,-0.00442,-0.01344,0.13887,0.04537,0.00756,0.00934,0.03052,-0.00163,0.06435,-0.01929,-0.02982,0.08042,0.03063,0.03594,-0.0041,0.02808,-0.04934,-0.0577,0.02549,0.07129,-0.01737,-0.02365,0.08249,-0.06697,-0.05599,0.05216,0.05557,0.08739,0.04217,0.01744,-0.00553,0.01494,0.06595,-0.04039,-0.0477,-0.03732,-0.00276,0.09877,0.12401,-0.05133,-0.00012,-0.00307,-0.04859,0.00541,0.0832,0.0271,0.06286,-0.02333,0.02199,0,-0.03119,0.03435,-0.05087,0.03732,0.0149,-0.04651,-0.0537,-0.01321,0.04231,0.07636,0.05059,0.01908,0.0531,-0.00397,-0.05757,0.00915,-0.04562,-0.11931,0.05999,-0.04995,0.02415,0.04971,-0.00966,-0.08188,-0.09456,0.05767,-0.00278,0.01408,0.01843,-0.02833,-0.01099,-0.03899,0.02507,-0.04408,0.01901,-0.06937,0.02125,0.06971,0.03725,-0.08186,0.0048,-0.01437,-0.01067,0.00583,-0.09806,-0.03343,-0.0784,0.02539,-0.04218,-0.01556,-0.05386,0.04253,-0.03699,-0.04295,-0.0618,-0.0075,0.06969,0.03787,0.0287,0.03321,0.01475,-0.03932,0.00272,0.02801,0.0759,-0.01022,-0.03556,-0.02356,0.06369,0.07253,0.03032,0.06457,0.02473,0.00549,0.10444,-0.00195,0.13467,-0.06195,0.04596,0.03911,-0.02323,0.12313,-0.04956,-0.02104,0.07153,0.03825,-0.0549,-0.04712,0.05122,0.05518,-0.06081,0.0506,-0.00021,-0.00997,0.0074,0,-0.08872,0.01216,-0.05294,0.00203,0.01581,-0.02339,-0.03501,-0.022,0.02128,-0.01033,-0.01881,0.03122,-0.01402,-0.02969,0.109,-0.02102,-0.00637,-0.00153,-0.04838,-0.0471,0.02629,0.00214,-0.00479,0.07908,0.02012,-0.00198,0.05258,-0.03966,-0.00573,0.07887,-0.03056,0.05607,0.05022,0.07342,-0.05181,0.00294,-0.05689,0.01598,-0.08554,-0.00294,0.06941,0.00821,-0.04006,-0.02839,-0.07064,0.053,-0.03621,-0.05322,0.01756,0.01451,-0.03818,-0.00355,-0.06379,0.04821,0.00138,0.03535,-0.01895,0.00268,0.04581,-0.01426,-0.06144,0.02723,0.06485,0.01179],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. ⚙️ Customize It - Use any Angular components inside fNode. - Keep full control over styles and UI structure. - Works with SSR, Standalone Components, Signals, and zoneless Angular. f Node","excerpt":"⚙️ Customize It - Use any Angular components inside fNode. - Keep full control over styles and UI structure. - Works with SSR, Standalone Components, Signals, and zoneless Angular."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#7","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.03557,0.02168,-0.06869,0.02933,0.03906,0.03893,-0.0314,0.01906,0.01119,0.0358,-0.0981,-0.03214,-0.07649,0.01749,0.0092,-0.0164,-0.03983,-0.05546,0.05733,0.03483,-0.05282,-0.05516,0.02369,-0.07375,0.01005,0.00938,0.01368,-0.0107,0.05036,-0.05909,0.02065,0.08823,-0.07282,0.00815,-0.12189,0.09495,0.03017,-0.04387,-0.08431,-0.05019,0.09301,0.01425,0.03505,-0.09831,0.03145,-0.01852,-0.05142,0.04137,-0.01211,0.09791,-0.07702,-0.07328,0.01071,0.08759,0.02354,0.056,0.00703,-0.04957,0.01604,0.02825,0.04107,-0.04627,0.02853,-0.01735,0.04134,0.02663,-0.0975,-0.0293,-0.03757,-0.04567,0.05402,-0.01921,0.01748,-0.05711,0.01995,-0.02213,-0.05108,0.06785,-0.00425,-0.00309,0.0645,0.06439,-0.04625,0.06201,-0.03078,0.15016,-0.0624,-0.07429,-0.07517,-0.01317,0.00743,0.07739,-0.05933,-0.00592,0.02719,-0.04309,-0.021,0.01946,-0.12442,0.00222,-0.03499,-0.02443,0.0519,0.06415,-0.04062,-0.00628,-0.00824,-0.01929,-0.05954,-0.03151,-0.01225,0.06889,-0.04415,-0.01407,-0.02559,-0.06712,-0.05334,-0.06317,0.04763,0.11208,-0.02194,0.02131,-0.05168,-0.00756,0.06236,-0.0653,0.0133,0,0.0045,0.03092,-0.01226,0.05604,0.14416,-0.02191,0.02493,-0.11346,0.00014,0.00588,-0.04567,-0.00369,-0.03488,-0.01977,-0.02016,-0.09203,0.01222,-0.00418,0.02099,0.02341,0.09944,-0.09294,-0.04041,-0.0407,0.02586,0.09631,-0.05704,0.02311,0.01459,0.02791,0.04371,0.04153,0.04817,-0.0096,-0.05529,-0.05604,-0.03267,-0.06438,-0.10006,-0.03833,-0.02138,-0.00444,-0.06903,0.0401,0.0047,-0.01839,0.00084,0.0316,0.12156,0.0752,-0.05861,0.0075,0.02877,-0.0462,0.0602,-0.06479,-0.0628,0.10449,-0.00843,0.02975,0.02425,0.08547,-0.06517,-0.06825,0.03912,0.07729,-0.0263,-0.01089,0.07268,-0.03813,-0.04836,0.05509,0.05235,0.10452,0.0674,0.04215,-0.02446,-0.05501,0.04026,-0.04989,-0.02665,-0.03769,0.00683,0.07602,0.10767,-0.04886,-0.01249,0.01459,-0.02573,0.04698,0.09312,0.03442,0.06797,-0.04837,0.02004,0,-0.06724,0.03417,-0.04417,0.01725,0.02253,-0.07038,0.0005,-0.0219,0.07052,0.08604,0.03189,0.0437,-0.00431,-0.00444,-0.03701,0.02874,-0.01991,-0.09718,0.04963,-0.05822,0.02418,0.05686,0.00339,-0.03344,-0.06052,0.06577,0.04114,-0.01794,-0.01463,-0.04176,0.007,-0.01367,-0.0195,0.02799,0.0345,-0.06495,-0.00302,0.04728,0.05965,-0.09404,0.02395,0.01008,-0.02244,0.01059,-0.05199,-0.04555,-0.09242,-0.02276,0.00809,0.01036,-0.06227,0.03536,-0.03154,-0.04106,-0.02773,0.04221,0.11883,0.03986,0.01988,0.00516,0.0304,-0.05203,-0.00115,-0.00654,0.11611,-0.0071,-0.04213,0.04976,0.09002,0.08662,0.00931,0.08592,0.05053,0.02853,0.08282,0.04304,0.10624,-0.03083,0.06932,0.05451,-0.00466,0.08926,-0.05629,0.01806,0.07384,0.0061,-0.02262,-0.06227,0.02054,0.05003,-0.03168,-0.00684,-0.02296,-0.0295,-0.00252,0,-0.08981,0.03334,-0.10204,-0.03127,0.03247,-0.03266,-0.04073,-0.05221,0.00247,-0.03451,-0.07571,0.06177,0.0033,-0.02119,0.11269,-0.07061,-0.00948,-0.00806,-0.04776,-0.0492,-0.00492,0.0028,-0.03043,0.07956,-0.03836,-0.05445,-0.00376,-0.03223,-0.00069,0.04477,-0.05579,0.03996,0.03868,0.04531,-0.08253,-0.00093,-0.02264,0.0299,-0.09335,0.00257,0.05703,0.01133,0.00073,-0.054,-0.05104,0.05395,-0.00332,0.00911,-0.0056,0.04856,-0.05361,-0.00826,-0.04586,0.02037,0.03818,-0.01668,-0.02538,-0.0094,0.01203,-0.03301,-0.06246,0.03644,0.08618,-0.00217],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🐞 Common Mistakes - Missing [fNodePosition]: node is not rendered. - Wrong fOutputId / fInputId: connection is not rendered. - Components outside <f-canvas: fNode and fConnection won’t work. f Node Position f Output Id f Input Id f Node f Connection","excerpt":"🐞 Common Mistakes - Missing [fNodePosition]: node is not rendered. - Wrong fOutputId / fInputId: connection is not rendered. - Components outside <f-canvas: fNode and fConnection won’t work."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#8","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.06887,-0.00382,-0.08895,0.04313,0.00849,0.01366,-0.00079,0.03709,0.01897,0.04807,-0.10366,0.00165,-0.06205,-0.02025,0.01313,0.00179,-0.05514,0.00546,0.03204,0.01407,-0.01522,-0.04959,0.00551,-0.06961,-0.02066,0.00996,0.04294,-0.00163,0.06134,-0.07744,0.03532,0.07181,-0.07293,0.02124,-0.16541,0.08441,0.04478,-0.04341,-0.07923,-0.02646,0.1014,0.01466,0.03643,-0.10146,0.02219,-0.02033,-0.08934,0.03056,-0.05661,0.06552,-0.06685,-0.11818,-0.06349,0.08431,0.02906,0.05961,0.01703,-0.06465,-0.01021,0.03368,0.0777,-0.04289,0.02606,0.01529,0.03333,0.00161,-0.07745,0.0243,0.00122,-0.08069,0.01392,-0.05663,0.01301,-0.03473,0.00605,-0.00955,-0.02282,0.05432,-0.02208,-0.02556,0.03446,0.10777,-0.01529,0.06234,-0.03982,0.13963,-0.03926,-0.06374,-0.04026,0.02047,0.02812,0.07522,-0.0532,-0.03844,0.03323,0.02464,-0.01774,-0.0258,-0.07013,0.00965,-0.02161,-0.0314,0.03403,0.02303,-0.07742,-0.02011,-0.02301,-0.03174,-0.04877,-0.00556,-0.02167,0.03304,-0.04648,-0.06927,-0.04781,-0.05568,-0.03643,-0.03537,0.08225,0.08999,-0.02765,0.02595,-0.00717,-0.01383,0.06618,-0.04782,-0.02601,0,-0.00986,0.04537,-0.03174,0.0626,0.09413,-0.02454,0.01194,-0.09882,0.01498,0.00535,-0.02905,0.04365,-0.03879,-0.00218,0.01065,-0.12626,-0.00436,0.00085,0.00754,0.0281,0.08381,-0.07944,-0.02419,0.01899,0.09866,0.08497,-0.03961,0.03055,-0.03121,0.01395,0.06134,0.01828,0.0075,0.02517,-0.0446,0.00209,-0.0564,-0.083,-0.06073,-0.03397,0.00406,-0.05087,-0.08943,0.03638,-0.01652,-0.01325,-0.00631,0.00568,0.12711,0.05642,-0.01019,-0.0024,0.0296,-0.01317,0.077,-0.04212,-0.06834,0.07266,0.00227,0.08341,0.00665,0.03052,-0.05709,-0.05186,0.04184,0.07445,-0.01251,-0.03335,0.10899,-0.05579,-0.06147,0.06379,0.04474,0.06408,-0.0043,0.02133,-0.04275,-0.00421,0.07033,-0.02903,-0.06396,-0.04037,-0.00836,0.0876,0.13159,-0.08017,-0.01055,-0.02659,-0.05736,0.002,0.09315,0.0534,0.05576,-0.01793,0.03917,0,-0.03083,0.02318,-0.02271,0.0479,0.01444,-0.054,-0.02109,-0.0423,0.05465,0.07084,0.0287,0.0403,0.03449,-0.01832,0.00426,-0.01705,-0.03364,-0.15073,0.04367,-0.01182,0.0262,0.0545,0.02551,-0.08999,-0.0414,0.04351,0.02123,-0.02544,-0.01357,-0.02367,-0.00119,-0.04727,-0.00049,-0.0182,0.02805,-0.04215,0.01,0.0827,0.06497,-0.09677,0.05237,0.01105,-0.03172,0.00278,-0.07976,-0.0164,-0.11236,0.01251,-0.0415,-0.01272,-0.0549,0.04514,-0.02883,-0.04698,-0.03885,0.04182,0.07402,0.03314,0.01581,0.01531,0.03956,-0.06777,0.03219,0.03796,0.08514,-0.00295,-0.03661,-0.03099,0.00419,0.08434,0.04932,0.07573,0.00937,0.01173,0.08147,-0.02429,0.10888,-0.07803,0.06955,0.03505,-0.01647,0.12561,-0.03094,0.0192,0.05482,0.01728,-0.04406,-0.03439,0.06066,0.05563,-0.05389,0.04151,0.00417,-0.00799,-0.03667,0,-0.12545,0.00021,-0.06254,-0.01633,0.03365,0.01682,-0.05459,-0.00681,0.00712,-0.01459,-0.00701,0.04322,-0.01666,-0.00374,0.11982,-0.03393,0.02296,-0.01652,-0.05768,-0.05713,-0.00844,0.02224,-0.01737,0.11201,0.01236,-0.02186,0.02651,-0.01893,-0.0014,0.04302,-0.03034,0.0354,0.06882,0.0881,-0.05019,0.04687,-0.04746,0.01137,-0.08386,0.01925,0.05957,0.00998,0.00768,-0.02567,-0.05238,0.08147,-0.0363,-0.04027,-0.0272,0.00822,-0.06237,-0.01676,-0.07018,0.01725,-0.0026,0.02446,-0.01202,0.00091,0.04271,0.01656,-0.09505,0.06212,0.08537,-0.01257],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🔍 Under the Hood 1. All fNode elements are registered with positions. 2. fConnection resolves related connectors by IDs. 3. Connection points are calculated and an SVG path is drawn. 4. On node movement, paths are recalculated automatically. f Node f Connection I Ds","excerpt":"🔍 Under the Hood 1. All fNode elements are registered with positions. 2. fConnection resolves related connectors by IDs. 3. Connection points are calculated and an SVG path is drawn. 4. On node movement, paths are recalculated automatically."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#9","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.11442,0.01463,-0.0431,0.07021,0.03799,0.07462,0.0243,0.01779,0.00363,0.05022,-0.11677,-0.02788,-0.0691,0.00232,0.04568,0.01153,-0.01525,-0.01201,0.02442,0.03059,-0.01867,-0.0531,-0.00323,-0.04566,0.01036,0.04828,0.02198,-0.00788,0.07414,-0.05052,0.06536,0.09386,-0.04617,0.03781,-0.17719,0.06078,0.04755,-0.03668,-0.06501,-0.04492,0.09998,0.04923,0.01001,-0.07922,-0.04644,-0.05416,-0.02536,0.03479,-0.05304,0.06302,-0.0304,-0.11966,-0.03805,0.06332,0.00026,0.04107,-0.00467,-0.07579,0.01624,0.00667,0.00471,-0.0164,0.03504,0.02408,0.02847,0.0262,-0.09918,0.06068,0.01488,-0.06378,0.01103,-0.0696,0.02354,0.00625,0.00386,-0.03072,-0.02929,0.05159,-0.04376,0.01853,0.05178,0.06437,-0.03037,0.07803,-0.06872,0.14993,-0.00751,-0.07356,-0.05998,-0.06811,0.02846,0.08193,-0.00884,-0.02946,0.03483,-0.0077,-0.02775,-0.03795,-0.08357,-0.00042,-0.0021,-0.05927,0.06765,0.04359,-0.0701,-0.03821,0.00752,-0.05131,-0.0632,0.01215,-0.00226,0.045,-0.03957,-0.06671,-0.04503,-0.05161,-0.04758,-0.04191,0.03821,0.10869,-0.02562,0.01621,-0.02544,-0.02278,0.09082,-0.03336,-0.02906,0,0.00202,0.02728,-0.03385,0.03661,0.12612,-0.03177,0.01049,-0.11416,-0.00879,-0.00954,0.02129,0.05424,-0.04821,0.05829,-0.04482,-0.09406,-0.01546,-0.0036,0.0439,-0.02113,0.03119,-0.06695,-0.06245,0.02955,0.06365,0.03984,-0.00961,0.02014,0.00324,0.0115,0.05436,0.04141,0.02641,0.0265,-0.07255,0.00182,-0.07484,-0.05931,0.01256,-0.0258,0.00267,-0.03363,-0.0759,0.05544,-0.03159,-0.00214,0.02108,-0.00411,0.10088,0.0063,-0.01659,-0.00833,0.02836,0.01995,0.08936,-0.02082,-0.03529,0.093,0.078,0.02948,0.02037,0.06675,-0.05693,-0.05863,0.05932,0.06361,-0.01926,-0.01381,0.0831,-0.06417,-0.07323,0.05021,0.04121,0.07677,0.05693,0.00336,-0.01546,-0.01206,0.10127,-0.02583,-0.0723,-0.06101,0.02032,0.0716,0.10776,-0.06688,0.01783,-0.00217,-0.08334,-0.03963,0.07327,0.02227,0.04487,-0.05887,0.03326,0,-0.03797,0.03846,-0.03674,0.09662,0.05851,-0.06405,0.00041,0.01886,0.05947,0.07581,0.03829,0.06628,0.01874,-0.00547,-0.02606,-0.00655,-0.0392,-0.11637,0.02549,-0.08501,0.03239,0.0169,0.00455,-0.08737,-0.12106,0.02964,0.01724,-0.01339,0.00131,-0.03417,-0.01502,-0.02605,-0.01704,-0.00987,0.01832,-0.07582,0.00164,0.07804,0.00621,-0.07069,-0.02189,-0.05151,-0.01913,0.00659,-0.06927,-0.02235,-0.062,0.02676,0.00142,-0.03114,-0.04509,0.0372,-0.03753,-0.03075,-0.02637,-0.01332,0.1091,0.00624,0.04931,0.01937,0.01042,-0.03028,-0.00369,-0.0172,0.08074,-0.01327,-0.05943,-0.04436,0.04779,0.07736,0.03555,0.04434,0.01725,-0.02022,0.1056,0.00092,0.13419,-0.03958,0.07772,0.00607,-0.02954,0.10384,-0.02222,0.00166,0.08484,-0.00779,-0.0923,-0.04067,0.06697,0.07307,-0.09291,0.00881,0.01577,-0.00813,-0.01822,0,-0.0867,0.02339,-0.04297,-0.01259,0.02133,0.01595,-0.04815,0.00597,0.04093,-0.01678,0.00274,0.04851,-0.00526,0.00915,0.10231,-0.00114,-0.00377,0.01283,-0.03683,-0.04575,0.04534,0.05666,0.03085,0.08819,0.00194,0.01798,0.03681,-0.02175,-0.01472,0.06111,-0.04237,0.05872,0.03245,0.06258,-0.08358,-0.00301,-0.09348,0.0097,-0.07288,-0.00122,0.06074,-0.01978,-0.02979,-0.03493,-0.04442,0.04867,-0.03729,-0.00483,-0.0125,0.03322,-0.04802,0.00494,-0.08705,0.06001,0.0218,0.01376,-0.05169,-0.00241,0.03467,-0.03635,-0.08409,0.0144,0.06329,-0.007],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. ⏭ What’s Next? In the next part, we’ll create custom Angular node components and add palette-based drag-and-drop. Official docs: flow.foblex.com","excerpt":"⏭ What’s Next? In the next part, we’ll create custom Angular node components and add palette-based drag-and-drop. Official docs: flow.foblex.com"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#10","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.12751,0.02894,-0.05858,0.05221,0.01651,0.02091,-0.0001,0.00024,-0.01907,0.05055,-0.11366,-0.02068,-0.03411,-0.01276,0.0448,0.02368,-0.02433,-0.00851,0.03778,0.00565,-0.02161,-0.02548,0.0017,-0.04365,-0.00874,0.03638,0.01991,-0.00958,0.0723,-0.07337,0.04158,0.06703,-0.05707,0.037,-0.15917,0.09457,0.04078,-0.05272,-0.06334,-0.04102,0.09757,0.05382,0.0147,-0.10822,-0.02631,-0.06622,-0.075,0.02636,-0.053,0.04212,-0.04768,-0.14343,-0.04169,0.06106,0.01327,0.02707,-0.00991,-0.08158,0.00739,-0.01034,0.02418,-0.02082,0.03889,0.02477,0.0305,0.02459,-0.10397,0.02993,-0.00281,-0.06874,-0.00721,-0.05471,0.00012,-0.00272,-0.00822,-0.03614,-0.05093,0.03547,-0.04815,0.0228,0.02897,0.05249,-0.05079,0.06446,-0.06455,0.12032,-0.02145,-0.07242,-0.04419,-0.04583,0.02211,0.09491,-0.02337,-0.02548,0.04019,-0.00565,-0.0272,-0.04471,-0.1062,0.02346,-0.01479,-0.05007,0.05494,0.0387,-0.06384,-0.03364,0.00207,-0.05365,-0.0601,0.00838,-0.0146,0.06366,-0.04673,-0.07485,-0.04184,-0.04555,-0.03393,-0.03087,0.04401,0.08996,-0.00698,0.01928,-0.03805,-0.02099,0.09609,-0.06075,0.00023,0,0.00455,0.02606,-0.02961,0.05833,0.12424,-0.03251,0.01616,-0.10477,0.0005,-0.01809,0.01421,0.0574,-0.03516,0.03344,-0.01434,-0.11669,-0.02584,0.01,0.05372,0.01598,0.05954,-0.08727,-0.03531,0.048,0.06673,0.05042,-0.01656,0.00497,0.00798,0.02183,0.06992,0.03463,-0.00039,0.01622,-0.07222,0.012,-0.07535,-0.08271,0.01189,-0.05113,-0.00033,-0.05225,-0.07912,0.02312,-0.02831,-0.00617,0.01477,0.00666,0.09514,0.02035,-0.00939,-0.00766,0.02497,0.02157,0.0852,-0.03199,-0.02983,0.10234,0.04134,0.0765,-0.00001,0.05174,-0.04337,-0.06079,0.04296,0.05474,-0.04088,-0.02694,0.09835,-0.06151,-0.06648,0.05707,0.03426,0.09106,0.01936,0.01339,-0.03147,-0.00448,0.09257,-0.03773,-0.04835,-0.05661,0.01297,0.07464,0.11011,-0.0916,0.00988,-0.01178,-0.09331,-0.01081,0.09153,0.04486,0.06993,-0.04006,0.03834,0,-0.02546,0.03181,-0.043,0.07445,0.04352,-0.08092,-0.01162,0.00924,0.04308,0.06839,0.02636,0.0493,0.02841,-0.00579,0.00056,-0.03152,-0.02975,-0.15062,0.03981,-0.04388,0.01921,0.06881,0.00361,-0.08672,-0.08881,0.04219,-0.00229,-0.00455,-0.00389,-0.03595,-0.02109,-0.03032,0.00946,-0.01668,0.02528,-0.06968,0.00991,0.09327,0.05454,-0.08122,0.03919,-0.0243,-0.03882,-0.00841,-0.08324,-0.03183,-0.07166,0.02625,-0.01734,-0.02285,-0.05987,0.05147,-0.01335,-0.05656,-0.02257,0.01041,0.10067,0.0155,0.04928,0.01733,-0.01013,-0.01493,0.04232,0.02214,0.0768,-0.01253,-0.04101,-0.05497,0.02364,0.07073,0.04951,0.07568,-0.00284,0.01153,0.10495,0.00447,0.12593,-0.05834,0.06292,0.01662,-0.03489,0.10584,-0.00983,0.007,0.06609,0.01413,-0.08564,-0.0439,0.05964,0.07255,-0.09192,0.00441,0.00607,-0.00204,-0.01328,0,-0.10864,0.0188,-0.0511,-0.00221,0.00996,0.00181,-0.04419,-0.01819,0.04288,-0.02513,-0.01091,0.03424,-0.02324,-0.00065,0.1105,-0.00617,0.00789,-0.0052,-0.04131,-0.07332,0.03678,0.02847,0.02302,0.08879,0.01522,0.00295,0.01927,-0.02609,-0.00712,0.03796,-0.02421,0.05187,0.05787,0.07693,-0.04756,0.00303,-0.05914,0.00377,-0.07349,0.00279,0.06215,0.01237,-0.01711,-0.03742,-0.05447,0.07944,-0.02646,-0.0184,0.00013,0.02404,-0.05654,-0.00416,-0.0795,0.03851,0.00493,0.03607,-0.0295,-0.01086,0.0561,-0.00884,-0.05699,0.04266,0.07388,0.01877],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback! Git Hub","excerpt":"🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback!"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#0","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09794,-0.02251,-0.04688,0.08667,0.0476,0.0112,-0.05329,0.02799,0.0183,0.08946,-0.10159,-0.01799,-0.03231,-0.02766,0.09907,0.04746,0.03305,-0.0136,-0.01796,-0.03158,-0.09118,-0.05479,-0.00696,-0.02317,-0.00786,0.05727,-0.027,-0.03591,0.07234,-0.00874,0.06106,0.05312,0.04198,0.04628,-0.14376,0.14328,0.00081,-0.03103,-0.04294,-0.05766,0.01458,0.04481,-0.06084,-0.04873,-0.00423,-0.08714,-0.05355,-0.02855,-0.04585,0.00076,-0.06312,-0.13125,-0.06852,0.00173,-0.03394,0.06105,0.00391,-0.0308,0.02301,0.0484,0.01091,-0.01479,0.05879,0.03283,0.07178,0.05248,-0.06388,0.06307,0.02802,-0.0554,0.04313,-0.03973,-0.01908,0.00531,-0.02841,-0.04176,-0.06176,0.0216,0.01696,-0.01739,0.03001,0.06038,-0.00077,0.13594,-0.02831,0.10209,0.02718,-0.03397,-0.00138,-0.0364,0.00879,0.02447,0.0763,0.00691,0.04394,0.04131,0.02005,-0.04222,-0.06759,0.04647,-0.0436,-0.02704,0.04896,-0.05526,-0.05037,0.01337,0.0321,-0.01348,-0.03285,0.01633,0.01384,0.03916,-0.03547,-0.11768,0.01137,-0.00355,0.00414,0.00698,0.04026,0.13813,-0.02341,-0.01542,0.01099,0.00967,0.12079,-0.00199,-0.07022,0,0.05155,0.07142,-0.01429,0.03469,0.12201,-0.03927,0.02855,-0.10228,-0.06187,-0.02297,0.07324,0.05317,-0.03001,0.07152,0.05713,-0.11201,-0.03522,-0.00123,0.02015,-0.0363,-0.03381,-0.1262,-0.04722,0.09746,0.06731,0.04393,0.01972,-0.00991,-0.00574,-0.00889,0.01092,0.03556,0.00079,0.06385,-0.05564,-0.00058,-0.05729,-0.07431,-0.01009,-0.00035,-0.01087,0.01043,-0.04097,0.02787,0.02344,-0.03999,-0.00716,0.00779,0.08114,0.00421,-0.00615,0.09403,0.02717,0.01543,0.03277,-0.03671,-0.01336,0.05256,0.11068,0.02781,0.01457,-0.01618,-0.06197,0.01986,0.0278,0.04311,0.0117,-0.04657,0.10467,-0.07535,-0.04517,0.00585,-0.00728,0.06887,0.02571,-0.02179,-0.04859,-0.03028,0.0618,-0.05211,-0.04387,-0.01446,-0.01249,0.1101,0.08594,-0.10072,-0.02916,0.02033,-0.11479,0.00266,0.02203,0.04473,0.0149,-0.03494,-0.00612,0,-0.02932,-0.00842,-0.07469,0.08539,0.01037,-0.04385,-0.02012,-0.04523,0.04084,0.13151,0.05074,0.00296,0.01499,-0.00866,-0.05334,-0.02469,-0.0365,-0.07117,0.09897,-0.02939,0.09278,0.06532,-0.00091,0.0063,-0.0558,0.02772,-0.06267,0.00701,0.0112,-0.02841,-0.03041,-0.01891,-0.0367,-0.07551,0.02575,-0.01921,0.01856,0.01139,-0.05832,-0.028,0.03486,-0.06015,-0.03277,-0.01396,-0.06205,-0.00153,-0.08997,0.06735,-0.05872,-0.07274,-0.06122,0.01837,-0.00404,-0.05954,-0.07783,-0.06611,0.05152,0.0372,0.01579,0.0638,0.0262,-0.04896,0.02521,0.00017,0.01554,0.03585,-0.05805,0.06452,0.00218,0.00663,0.0342,-0.02765,-0.00424,0.01909,0.00179,0.02231,0.07072,-0.1039,0.06308,-0.00528,-0.05429,0.07452,-0.00117,-0.03373,0.06161,0.03146,-0.06554,-0.01738,0.03087,0.10639,-0.09262,0.039,0.00781,0.01042,-0.02672,0,-0.04797,0.07824,-0.00647,0.01466,0.08119,-0.02952,-0.01212,-0.00056,0.04815,0.0494,0.01446,-0.03448,-0.06512,0.01677,0.1096,0.0735,-0.04165,0.0313,-0.03265,-0.03025,0.08711,0.07765,-0.02424,0.01706,0.021,-0.035,0.06035,0.04055,-0.0873,0.08819,-0.02027,0.04756,0.06109,0.07136,-0.07718,-0.03183,-0.07258,-0.02797,-0.02677,-0.05817,0.02213,-0.01205,-0.04506,-0.04057,-0.02673,-0.02191,-0.04122,-0.05774,0.01903,-0.00617,-0.00575,-0.06679,-0.05111,0.01972,0.0324,0.00963,0.00898,0.01626,0.05145,0.01444,-0.0459,0.03769,0.04691,-0.03548],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette In the previous article, we built a basic editor with two nodes and a single connection. In this part, we move toward a real Angular node editor by adding custom node components, interactive connectors, and a reusable node palette. It’s not a full low-code platform just yet, but it establishes the custom-node architecture most teams need before layering on validation, side panels, and richer workflow behavior.","excerpt":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette In the previous article, we built a basic editor with two nodes and a single connection. In this part, we move toward a real Angular node editor by adding custom node components, interactive connectors, and a reusable node palette. It’s not a full low-code platform just yet, but it establishes the custom-node architecture most teams need before layering on validation, side panels, and richer workflow behavior."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#1","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.08296,-0.0299,-0.05641,0.06672,0.02569,0.01531,-0.00174,0.02778,0.01366,0.08553,-0.07398,-0.04492,-0.03364,-0.0349,0.08219,0.10374,0.01183,-0.0092,-0.02863,-0.01436,-0.04795,-0.07186,-0.01448,-0.02755,-0.03502,0.07877,0.03639,-0.06236,0.08367,-0.01551,0.0599,0.03718,0.03545,0.03736,-0.12765,0.10242,0.01622,-0.05454,-0.02326,-0.05714,0.07035,0.04844,-0.02265,-0.08994,0.01855,-0.0221,-0.05852,-0.03551,-0.05964,0.05504,-0.08419,-0.14005,-0.03629,-0.02516,-0.02137,0.03475,0.02008,-0.06433,0.02687,0.04399,0.03393,0.00851,0.08219,0.01248,0.06964,0.04206,-0.08768,0.05403,0.02648,-0.06171,0.01672,-0.06368,0.00224,-0.00111,-0.02892,-0.03841,-0.04863,0.04489,0.0157,0.00501,0.03324,0.03081,0.00177,0.09973,-0.04537,0.10756,0.0378,-0.04305,-0.01188,-0.02519,-0.00104,0.02789,0.0414,-0.00873,0.06601,0.02348,0.0189,-0.06037,-0.0858,0.04023,-0.04477,-0.02363,0.04799,-0.04975,-0.06635,0.01493,0.03539,-0.07051,-0.0279,0.01321,-0.00374,-0.00238,-0.04671,-0.11333,0.00047,-0.00914,0.00354,0.00697,0.07427,0.10058,0.01045,0.00237,-0.02294,0.02016,0.12896,0.01195,-0.07277,0,0.0485,0.046,-0.00894,0.00342,0.11374,-0.04762,0.01135,-0.11309,-0.02365,0.00201,0.04428,0.02951,-0.0394,0.05133,0.02079,-0.13223,0.01019,-0.04075,0.04335,-0.04179,-0.0353,-0.10618,-0.05778,0.06934,0.06708,0.06676,0.02226,-0.01175,-0.0006,-0.01584,0.03099,0.03423,-0.00772,0.03515,-0.06078,-0.01795,-0.07542,-0.03808,-0.01779,0.04183,0.02294,-0.0366,-0.04195,0.01128,-0.01914,-0.00472,-0.01247,-0.03001,0.0935,0.0158,-0.01738,0.05014,-0.01124,0.00646,0.07288,-0.04725,-0.05351,0.07221,0.08637,0.0133,0.02285,-0.01279,-0.02581,-0.02386,0.01391,0.06358,0.00629,-0.03543,0.11699,-0.04169,-0.04717,0.02243,-0.00617,0.03618,0.00796,0.00476,-0.04408,-0.07351,0.08609,-0.04435,-0.04812,-0.04761,-0.00208,0.10571,0.10234,-0.10265,-0.04825,-0.00792,-0.10778,-0.05073,0.02442,0.01505,-0.02513,-0.04892,-0.0054,0,-0.03137,0.03977,-0.05001,0.07335,0.00334,-0.04998,0.01446,-0.0111,0.04467,0.12072,0.03218,0.03615,0.01733,-0.01455,-0.0101,0.00609,-0.03488,-0.07013,0.10109,-0.03415,0.07841,0.04215,0.01988,-0.04858,-0.06247,0.029,0.01367,0.00236,0.03222,-0.01671,-0.02119,-0.0156,-0.01649,-0.04106,-0.00511,-0.04461,0.07378,-0.0027,-0.06828,-0.08518,0.0485,-0.07747,-0.01825,-0.00515,-0.06967,0.0036,-0.10783,0.05854,-0.03549,-0.03648,-0.06112,-0.0117,-0.01802,-0.0464,-0.10543,-0.06787,0.08023,0.02484,0.01073,0.06059,-0.04717,-0.07602,0.03019,-0.02348,0.04008,0.03031,-0.05146,0.03174,0.01325,0.02542,0.08303,0.02646,-0.00076,0.02339,0.02073,0.02594,0.08828,-0.05917,0.0768,-0.01807,0.0013,0.08713,0.00768,-0.00298,0.06896,0.02553,-0.07049,-0.0291,0.04624,0.12542,-0.08417,0.07557,0.03997,0.02572,-0.03079,0,-0.0704,0.03601,-0.00564,0.02088,0.0711,0.02161,-0.04556,-0.01011,0.021,0.03878,-0.01912,0.01961,-0.05775,0.01649,0.11105,0.06277,-0.03188,0.02689,-0.00527,-0.01479,0.06666,0.06354,-0.01728,0.04542,-0.00581,-0.05144,0.03054,0.01395,-0.09398,0.04942,-0.01108,0.0672,0.08383,0.05547,-0.06392,-0.04248,-0.09436,-0.04999,-0.07653,-0.04206,0.016,-0.01699,-0.0499,-0.07646,-0.02868,0.01455,-0.04234,-0.09727,0.01743,0.01777,-0.02003,-0.01089,-0.06062,0.05532,0.03702,0.00974,-0.02049,0.02602,0.04482,0.02774,-0.04531,0.04473,0.0277,-0.04167],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. In this part, we’ll implement: - 🎨 A node palette with icons and labels - 🧩 Custom Angular components for each node - 🧵 Connectors (input/output) with interactive hover effects - 🔌 Logic to create nodes and connections using Foblex Flow events 🔧 View the source code on GitHub Git Hub","excerpt":"In this part, we’ll implement: - 🎨 A node palette with icons and labels - 🧩 Custom Angular components for each node - 🧵 Connectors (input/output) with interactive hover effects - 🔌 Logic to create nodes and connections using Foblex Flow events 🔧 View the source code on GitHub"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#2","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.06219,-0.01004,-0.04777,0.03614,0.06273,0.03172,-0.03062,0.04767,0.00753,0.07186,-0.08621,-0.05406,-0.0429,-0.02112,0.05664,0.0521,0.00946,0.00711,-0.01165,-0.00441,-0.04727,-0.03289,-0.00963,-0.03793,-0.01737,0.11529,0.03095,-0.07533,0.08571,-0.02953,0.05832,0.0505,0.04023,0.04507,-0.1528,0.11068,-0.00158,-0.03628,-0.0439,-0.03869,0.01423,0.06893,-0.05126,-0.06456,0.01354,-0.0118,-0.07011,-0.01409,-0.03189,0.02083,-0.1054,-0.14217,-0.06786,0.02951,-0.04805,0.01336,0.0343,-0.0626,0.02698,0.04805,0.04234,-0.00026,0.07545,0.01554,0.08174,0.02113,-0.11796,0.04273,0.00239,-0.0552,0.02513,-0.02517,0.0285,-0.00266,-0.01609,-0.06193,-0.07022,0.03957,0.03447,-0.01086,0.0436,0.04819,-0.01105,0.10175,-0.03457,0.10043,0.02213,-0.04384,0.0007,-0.03273,0.01811,0.04009,0.07658,0.00367,0.09937,0.03045,0.00599,-0.05029,-0.09711,0.04707,-0.01927,-0.02318,0.04822,-0.04774,-0.06664,0.02472,0.05011,-0.05121,-0.02681,-0.01031,-0.02019,0.01342,-0.02907,-0.12163,0.01329,-0.03431,-0.01398,0.01377,0.05629,0.10249,0.00721,-0.00312,-0.00321,-0.00104,0.13168,0.00373,-0.06237,0,0.02652,0.05759,-0.03931,0.05204,0.11226,-0.044,0.03283,-0.07416,-0.03464,0.01009,0.04211,0.02685,-0.06543,0.08849,0.01929,-0.1489,-0.00449,-0.01433,0.03109,-0.01553,0.00975,-0.12168,-0.04353,0.06497,0.077,0.05815,0.01011,-0.02663,-0.04352,-0.01149,0.00351,0.04001,-0.03108,0.01666,-0.06345,-0.0441,-0.07627,-0.05392,-0.03682,0.02865,-0.01807,-0.01055,-0.06017,-0.00426,0.01549,-0.01889,-0.01017,-0.00273,0.08897,0.03149,-0.00081,0.0733,0.00733,0.00241,0.06555,-0.06583,-0.04999,0.0778,0.07828,0.02202,0.0339,0.02394,-0.04695,-0.01269,0.02101,0.03557,-0.00093,-0.0181,0.10467,-0.05418,-0.05874,0.0112,0.01382,0.04836,0.01437,-0.00767,-0.03934,-0.04966,0.05517,-0.07326,-0.0957,-0.02695,0.01094,0.0831,0.10494,-0.07407,-0.03807,-0.02293,-0.09101,-0.02052,0.0528,0.01303,0.00365,-0.03371,0.02277,0,-0.04216,0.02904,-0.04029,0.05221,0.02626,-0.04643,-0.00723,-0.00577,0.05972,0.11615,0.02669,0.02216,0.00747,-0.00849,-0.00184,0.03416,-0.0104,-0.09511,0.08734,-0.05034,0.05602,0.05325,-0.01286,-0.03588,-0.05959,0.05125,0.00354,0.00895,0.03423,-0.01661,-0.0189,-0.036,-0.02725,-0.05915,-0.00469,-0.03169,0.05151,-0.01121,-0.06631,-0.05148,0.04602,-0.04948,0.00751,-0.01066,-0.08331,0.00119,-0.08303,0.05651,-0.01961,-0.03925,-0.06927,-0.0107,-0.00926,-0.07176,-0.08174,-0.03946,0.0847,0.04343,0.00857,0.05414,-0.00709,-0.05313,0.01856,-0.02211,0.04421,0.02619,-0.07722,0.05232,0.0009,0.01962,0.03453,0.01018,-0.00595,0.04514,0.03975,0.01931,0.10755,-0.032,0.08071,0.01384,0.00804,0.07464,-0.02229,-0.01263,0.06947,0.02558,-0.09192,-0.0755,0.03525,0.08527,-0.08044,0.07205,0.02172,-0.00021,-0.01016,0,-0.06608,0.01562,-0.00019,-0.02404,0.07529,-0.00212,-0.0385,0.02313,0.00781,0.03956,0.01919,0.0065,-0.02909,0.00458,0.12328,0.03842,-0.03655,0.02357,-0.00904,-0.06198,0.09056,0.04892,-0.01068,0.0362,-0.00427,-0.06678,0.06289,0.02263,-0.07303,0.06255,-0.007,0.08664,0.07861,0.05703,-0.05744,-0.01228,-0.09869,-0.03456,-0.08792,-0.04347,0.03376,0.00925,-0.01984,-0.06453,-0.03221,0.02169,-0.03741,-0.09567,0.01219,-0.02516,-0.05619,-0.01278,-0.05408,0.09748,0.05486,0.0076,-0.03054,-0.01208,0.04657,0.00962,-0.05025,0.05655,0.03018,-0.0225],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Component Architecture Our visual flow will be based on three main components: - Flow — the main Angular component containing \\<f-flow and managing all nodes and connections - Node — a custom Angular component that represents a single node, linked to Foblex Flow using the fNode directive - FlowPalette — a sidebar panel containing draggable elements for the canvas f Node Flow Palette","excerpt":"Component Architecture Our visual flow will be based on three main components: - Flow — the main Angular component containing \\<f-flow and managing all nodes and connections - Node — a custom Angular component that represents a single node, linked to Foblex Flow using the fNode directive - FlowPalette — a sidebar panel containing draggable elements for the canvas"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#3","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.08905,-0.0221,-0.07307,0.05573,0.04213,0.00862,-0.04792,0.05191,-0.01946,0.10652,-0.09836,-0.03629,-0.00814,-0.02753,0.08468,0.08416,0.00168,0.02649,-0.02657,-0.03092,-0.06572,-0.02965,-0.00301,-0.0387,-0.03123,0.08587,0.04139,-0.07378,0.05807,-0.00958,0.0549,0.00833,0.0863,0.0368,-0.13716,0.13204,-0.002,-0.05257,0.00177,-0.06196,0.01327,0.06985,-0.03592,-0.07808,0.00963,-0.04099,-0.06731,-0.03191,-0.03517,-0.00482,-0.09409,-0.12556,-0.06447,-0.03836,-0.04104,0.01205,0.00155,-0.05584,0.0195,0.01004,0.05868,-0.00258,0.07318,0.0164,0.09647,0.04909,-0.08922,0.05285,0.03428,-0.06813,0.02596,-0.03368,-0.00355,0.02347,-0.03959,-0.05171,-0.04843,0.03751,0.04805,0.00724,0.01179,0.00253,-0.00492,0.13698,-0.02853,0.08694,0.03983,-0.02562,0.00883,-0.03271,0.02962,0.01866,0.05589,0.00849,0.06346,0.04063,0.03239,-0.05978,-0.08755,0.0585,-0.04974,-0.02222,0.04409,-0.0826,-0.06748,0.01928,0.07286,-0.06018,-0.0316,0.00156,0.00796,0.01957,-0.03879,-0.11153,0.02141,-0.01375,0.00951,0.00818,0.03155,0.10412,-0.00226,-0.00762,-0.01625,0.05194,0.12697,0.02249,-0.06375,0,0.04834,0.06641,-0.00704,0.01957,0.12037,-0.07069,0.02634,-0.07349,-0.06142,0.01005,0.08401,0.04384,-0.02729,0.08214,0.04653,-0.12325,0.00566,-0.03453,0.0539,-0.04761,-0.01937,-0.09603,-0.0314,0.09607,0.06354,0.07256,0.03173,-0.04371,-0.00534,-0.01701,0.01748,0.03611,-0.06093,0.05114,-0.03045,-0.01979,-0.06202,-0.02968,-0.02764,0.03819,0.01303,-0.01695,-0.0441,-0.00101,0.00741,-0.02984,0.0082,-0.02821,0.08895,0.01309,-0.0181,0.05168,-0.02715,0.01203,0.05628,-0.03536,-0.03565,0.04851,0.09977,0.0098,0.03079,-0.04526,-0.02403,-0.00626,0.00238,0.00639,0.00018,-0.04779,0.13123,-0.02681,-0.01105,-0.01695,-0.00496,0.05921,-0.00417,0.01487,-0.02311,-0.05738,0.06408,-0.07017,-0.05433,-0.02197,-0.00713,0.07728,0.09417,-0.09194,-0.06277,0.00366,-0.08075,-0.03997,0.00384,0.01935,-0.02491,-0.04086,-0.00876,0,-0.0421,0.0067,-0.07675,0.04604,-0.01063,-0.04476,-0.00574,-0.02604,0.05376,0.12552,0.03047,-0.00208,0.03875,0.0094,-0.02177,-0.02789,-0.01046,-0.06056,0.09713,-0.02256,0.0531,0.04981,0.00811,-0.03016,-0.0292,0.03922,-0.03492,0.02065,0.0196,-0.01276,-0.00531,-0.00385,-0.00684,-0.07034,-0.02507,-0.0115,0.06683,-0.01384,-0.08699,-0.05407,0.05135,-0.07136,-0.0092,-0.0346,-0.06939,-0.00127,-0.07965,0.0821,-0.03445,-0.0533,-0.03814,-0.0155,0.0039,-0.05516,-0.10047,-0.05587,0.0612,0.02803,0.02639,0.0815,-0.04004,-0.06377,0.04999,-0.00869,0.02198,0.03019,-0.05901,0.07059,-0.00834,-0.00376,0.03029,-0.01818,0.00034,0.04779,0.01088,0.00959,0.06278,-0.04418,0.0792,-0.02171,0.03458,0.05473,-0.00908,-0.03688,0.05804,0.02673,-0.05943,-0.03823,0.02599,0.11124,-0.09691,0.09312,0.03944,0.03147,-0.0243,0,-0.06048,0.05142,0.01962,0.03735,0.07068,-0.00173,-0.03496,-0.01787,0.02522,0.05052,-0.00841,-0.01316,-0.05467,0.00879,0.11111,0.05415,-0.02307,0.00682,-0.00358,-0.02755,0.09493,0.05797,-0.01926,0.00941,0.01311,-0.04659,0.04711,-0.00934,-0.08749,0.08013,-0.01643,0.08863,0.0934,0.06332,-0.03845,-0.03171,-0.07335,-0.04019,-0.08493,-0.05811,0.02127,0.02058,-0.0607,-0.07351,-0.04524,-0.00667,-0.03965,-0.09748,0.04608,0.00026,-0.01394,-0.0309,-0.05126,0.04367,0.03629,0.02799,-0.00606,-0.00066,0.03068,0.02763,-0.0236,0.03853,0.01029,-0.02842],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Continuing from the Previous Project We’ll continue building on the project from the previous article.","excerpt":"Continuing from the Previous Project We’ll continue building on the project from the previous article."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#4","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.0742,0.00576,-0.05582,0.05284,0.04635,0.01895,-0.07054,0.03922,-0.03645,0.10785,-0.08681,-0.00856,-0.01126,-0.02835,0.07595,0.07634,-0.00645,-0.00924,0.01494,0.00392,-0.02017,-0.0198,0.01502,-0.03662,0.00978,0.08887,0.02667,-0.03866,0.0888,-0.00956,0.06243,0.00515,0.09164,0.02893,-0.12637,0.11443,-0.00182,-0.03008,0.03823,-0.02029,0.03864,0.06498,-0.04363,-0.07983,0.03326,-0.02836,-0.09892,-0.00814,-0.02066,-0.02389,-0.09309,-0.12655,-0.0706,-0.05999,-0.03871,0.00367,-0.00633,-0.04566,0.02702,0.02509,0.08002,-0.00455,0.11474,0.00431,0.08464,0.05161,-0.06007,0.03642,-0.03727,-0.01303,0.07407,-0.06182,-0.03709,0.04559,-0.04302,-0.03401,-0.03035,0.03407,0.03864,0.03189,-0.00191,-0.02509,0.01516,0.12414,-0.01636,0.09179,0.02869,-0.07536,-0.00133,-0.05657,0.05779,-0.01227,0.03428,0.01112,0.03415,0.03509,0.01459,-0.01219,-0.10688,0.06688,-0.03225,-0.07954,0.05414,-0.07659,-0.07456,0.03691,0.09081,-0.05852,-0.01963,0.00215,0.036,0.00769,-0.07265,-0.11135,0.01245,-0.01274,-0.00998,-0.03156,0.04432,0.06865,0.00581,-0.00902,-0.01098,0.02808,0.11395,0.02185,-0.04724,0,0.03006,0.09777,-0.01236,-0.03212,0.06654,-0.10168,-0.03547,-0.10748,-0.07271,0.02849,0.09348,0.04807,-0.04026,0.03441,0.00158,-0.10732,0.04603,-0.04895,0.07237,-0.05001,-0.03142,-0.08496,-0.043,0.04785,-0.00555,0.04698,0.03595,-0.05771,-0.04676,-0.02217,0.04517,0.04196,-0.02114,0.03506,-0.02866,-0.02724,-0.025,0.01907,-0.03522,0.06378,0.04548,-0.01332,-0.03414,-0.00188,0.01333,0.04883,0.01125,-0.06703,0.07979,0.00845,-0.02175,0.04954,-0.03341,0.05986,0.04201,-0.01322,-0.02083,0.03107,0.0857,-0.03172,0.02697,-0.07072,-0.00281,0.00673,0.00285,-0.00493,-0.00668,-0.05517,0.09355,-0.04667,0.00887,-0.00968,0.01997,0.07126,-0.02671,-0.00309,0.00519,-0.05116,0.0578,-0.03647,-0.03467,-0.02162,-0.00901,0.02811,0.12257,-0.12604,-0.06636,-0.01487,-0.02586,-0.03861,0.00727,-0.001,-0.03066,-0.06994,-0.03035,0,-0.02922,0.02573,-0.08407,0.05245,-0.05355,-0.00603,0.06302,0.02734,0.07746,0.11879,0.05568,0.01903,0.00414,-0.00305,-0.01513,-0.0199,-0.0099,-0.01952,0.11437,-0.01598,0.0609,0.04946,-0.00436,-0.02033,0.00528,0.05944,-0.02326,0.05174,0.00892,-0.02385,0.02459,-0.02152,-0.0091,-0.01515,-0.02849,-0.00733,0.02728,-0.03158,-0.05694,-0.04175,0.04804,-0.05533,0.00276,0.00879,-0.0416,-0.04365,-0.07497,0.0024,-0.02955,-0.05273,-0.00683,-0.02338,0.00563,-0.0442,-0.11138,-0.07552,0.03954,0.03594,-0.04324,0.10712,-0.02217,-0.07038,-0.00839,-0.0488,0.04035,-0.007,-0.0883,0.04368,0.01184,-0.0403,-0.03161,-0.01126,0.0046,0.05118,0.00206,-0.005,0.07674,0.01344,0.06993,-0.03546,0.0252,0.05261,-0.04945,-0.03961,0.02608,0.05504,-0.07134,-0.01875,-0.00918,0.09043,-0.11356,0.07465,0.08572,0.02631,-0.02639,0,-0.06384,0.03065,0.03057,0.02281,0.07673,-0.03256,-0.06607,-0.07894,-0.00175,0.00621,-0.06808,-0.00534,-0.04995,0.01132,0.10253,0.04744,-0.07073,0.05113,-0.00608,-0.0428,0.05153,0.04318,-0.01841,0.00592,0.01091,-0.04171,0.0125,-0.00117,-0.09079,0.11263,-0.01236,0.06995,0.05854,0.044,-0.05831,-0.0897,-0.05738,-0.04957,-0.04442,-0.03126,0.02944,0.0096,-0.03855,-0.07659,-0.06619,-0.00393,-0.03267,-0.07282,0.09092,0.00621,0.00931,-0.03066,-0.08267,0.03954,0.0541,0.00943,0.00854,0.06734,0.00877,0.02042,0.01516,0.05827,0.02068,-0.0418],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Add Icons and Reset Styles First, we need to load the required fonts and icons. Add the following to your index.html: Then, reset default styles and apply the base font by adding this to your styles.scss:","excerpt":"Add Icons and Reset Styles First, we need to load the required fonts and icons. Add the following to your index.html: Then, reset default styles and apply the base font by adding this to your styles.scss:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#5","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.05991,-0.02501,-0.03643,0.10899,0.01452,0.04881,-0.01911,0.09149,-0.03027,0.11841,-0.11064,-0.05267,-0.01875,0.00729,0.05522,0.05684,0.00615,-0.01839,0.00963,-0.04426,-0.03476,-0.01325,0.00891,-0.06219,0.00154,0.03924,0.01806,-0.05901,0.07729,-0.01267,0.02475,0.00879,0.03616,0.06197,-0.09911,0.11208,-0.03047,-0.04695,-0.01831,-0.04696,0.08336,0.08203,-0.04216,-0.08912,0.04194,-0.04634,-0.09349,-0.00719,-0.01834,-0.00895,-0.09013,-0.08718,-0.07095,0.0007,-0.00744,-0.00303,-0.01154,-0.0463,0.01487,0.04349,0.08125,-0.03573,0.06858,-0.046,0.06295,0.0771,-0.08647,0.10445,0.0241,-0.01778,0.0254,-0.00712,-0.05282,0.0192,-0.03606,-0.07916,-0.02816,0.03487,0.02234,0.02042,-0.0393,0.01845,0.02392,0.10043,-0.07407,0.08297,0.03166,-0.01985,-0.00014,-0.00234,-0.00693,0.04326,0.03455,-0.00324,0.06212,0.0749,0.01486,-0.02217,-0.04309,0.03572,-0.03265,0.01315,0.03716,-0.04585,-0.08631,-0.00321,0.06635,-0.08995,-0.05405,0.01277,-0.00219,0.05878,-0.08377,-0.09183,-0.02122,-0.02218,-0.00031,-0.0199,0.05685,0.13173,-0.00909,-0.00499,-0.0021,0.05172,0.10145,0.00516,-0.03505,0,-0.01802,0.07777,-0.00026,0.05139,0.11603,-0.02921,0.00765,-0.07849,-0.07576,0.00996,0.00563,0.06193,-0.0772,0.02421,0.04895,-0.08952,0.00564,-0.00438,0.0601,-0.02497,0.01856,-0.04194,-0.04607,0.07011,0.06446,0.03112,0.03453,-0.03442,-0.00436,-0.03396,0.03963,0.032,-0.02001,0.05703,-0.01092,-0.00649,-0.02329,-0.01315,-0.07551,-0.00164,0.02972,0.03307,-0.03865,0.04431,-0.02921,-0.02617,0.00694,-0.03885,0.08723,0.02507,-0.05703,0.07646,-0.00466,-0.01835,0.06712,-0.00161,-0.01712,0.03956,0.08653,0.01236,0.05059,-0.0407,0.0091,-0.01069,0.03822,0.03978,-0.03345,-0.0815,0.12834,-0.02163,-0.01647,0.00319,-0.03986,0.08749,0.00191,0.04403,-0.07432,-0.04653,0.01937,-0.07695,-0.04929,-0.0555,-0.02813,0.10484,0.10057,-0.10901,-0.06576,0.01778,-0.01593,-0.05413,0.03523,0.03176,-0.01213,-0.06931,-0.04263,0,-0.02014,0.02843,-0.09787,0.03543,-0.04349,-0.05748,-0.04762,0.00178,0.04394,0.11609,0.04413,-0.01408,0.06048,-0.0238,-0.06407,-0.02889,-0.01838,-0.1046,0.08351,-0.02327,0.02079,0.03997,0.00263,0.00724,-0.03456,0.06175,-0.0326,0.0597,-0.02649,-0.02465,-0.03558,-0.02702,0.00573,-0.03281,-0.03495,-0.02559,0.0653,0.0019,-0.02268,-0.04229,0.03977,-0.04054,-0.05339,-0.0387,-0.06629,-0.04345,-0.08761,0.10014,-0.01599,-0.07636,-0.05905,-0.03152,-0.0137,-0.08203,-0.07243,-0.06413,0.07866,-0.0039,0.01299,0.05901,-0.01628,-0.08404,0.02609,-0.02001,-0.00372,-0.04856,-0.07114,-0.02523,-0.01762,0.01125,0.00608,0.00376,0.01993,0.03881,0.01015,-0.05494,0.0845,-0.02521,0.10973,-0.02386,-0.02917,0.10386,0.00654,-0.02662,0.065,0.03701,-0.02857,-0.02385,0.04971,0.13528,-0.07908,0.07014,-0.03133,0.04543,-0.06888,0,-0.07737,0.03601,-0.02774,0.04334,0.03395,-0.05362,-0.04902,0.01028,0.03327,0.03817,-0.03682,0.00321,-0.04676,0.00018,0.12936,0.05235,0.0081,0.00379,-0.01744,0.0052,0.06922,0.03532,-0.00655,0.02369,0.08143,-0.03736,0.05015,-0.0011,-0.03948,0.10058,-0.02344,0.07547,0.06336,0.06409,-0.05996,-0.01927,-0.05059,-0.00337,-0.06385,-0.05049,0.0412,0.01248,-0.09199,-0.04423,-0.00309,0.01099,-0.02155,-0.03826,0.07741,-0.00188,-0.0189,-0.02276,-0.05329,0.04378,-0.0021,0.03518,-0.02805,0.01181,0.03016,-0.00043,-0.03696,-0.00538,0.01311,-0.04371],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Defining Node Models and Initial Data Let’s begin by defining the models for nodes and connections. Below are the TypeScript interfaces and an example set of 8 node types, which you can expand or customize later as needed: `ts // i-node.ts import { IStorageNode } from './i-storage-node'; Type Script I Storage Node","excerpt":"Defining Node Models and Initial Data Let’s begin by defining the models for nodes and connections. Below are the TypeScript interfaces and an example set of 8 node types, which you can expand or customize later as needed: `ts // i-node.ts import { IStorageNode } from './i-storage-node';"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#6","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.04725,-0.01253,-0.06109,0.0743,0.08243,0.0418,-0.0275,0.0403,-0.04751,0.09917,-0.08778,-0.05879,-0.00799,-0.03036,0.05284,0.06529,0.00125,0.00569,0.03845,-0.06902,-0.01811,0.02645,-0.01535,-0.04035,0.00115,0.03187,0.00433,-0.05673,0.04755,-0.0491,0.03988,0.07162,0.0545,0.06608,-0.09246,0.12909,-0.0315,-0.03295,-0.01328,-0.05406,0.03911,0.11022,-0.04382,-0.08866,0.02888,-0.01151,-0.08834,-0.00381,-0.01621,0.00188,-0.09211,-0.08579,-0.02965,0.00955,0.00059,0.0147,-0.0175,-0.10089,0.00634,0.07947,0.0909,-0.04926,0.08854,-0.0349,0.02888,0.0439,-0.05634,0.07004,-0.0457,-0.03739,0.07399,-0.01413,-0.023,0.03288,0.00961,-0.02119,-0.0327,0.01381,-0.01145,0.00191,-0.01347,0.06255,0.01615,0.0877,-0.04965,0.10043,0.02162,-0.02601,0.00683,0.03127,-0.0361,0.03003,0.04523,0.00802,0.0821,0.03896,0.09593,-0.01575,-0.05088,0.04364,-0.03676,-0.00185,-0.00107,-0.06693,-0.12352,-0.02443,0.09277,-0.09289,-0.04707,-0.00552,0.0097,0.01651,-0.0652,-0.09485,-0.00833,-0.06103,0.06078,-0.00982,0.08082,0.09114,0.01574,0.01282,-0.00523,0.08159,0.07678,0.06698,-0.0463,0,0.00228,0.0292,-0.009,0.02812,0.08279,-0.04077,-0.00515,-0.05368,-0.07853,-0.03736,0.02717,0.03011,-0.0451,0.03738,0.06832,-0.09605,0.04303,0.02859,0.03344,-0.0446,-0.02076,-0.06794,-0.09957,0.05865,0.04607,0.07653,0.00076,-0.05887,0.00733,-0.03098,0.0225,0.03873,-0.00193,0.05825,-0.03918,-0.00506,-0.05551,-0.00186,-0.07449,0.00848,0.0161,0.0671,-0.01995,0.02653,0.00442,-0.00653,0.01317,-0.01145,0.07914,0.00459,-0.04567,0.12233,-0.02707,-0.0548,0.06563,-0.01697,-0.01149,0.07143,0.08147,0.04207,-0.01035,0.00502,-0.02448,0.0026,0.00991,0.03785,-0.01454,-0.05972,0.10472,0.00061,-0.05194,-0.01016,-0.03463,0.07984,-0.02319,0.018,-0.06658,-0.08671,0.03975,-0.08457,-0.08752,-0.05492,-0.03067,0.10117,0.12846,-0.10715,-0.0349,0.01099,-0.02597,-0.035,0.03487,0.01386,-0.0499,-0.06401,-0.01819,0,-0.00803,0.01275,-0.05299,0.02712,-0.03457,-0.01111,-0.03515,0.01838,0.0119,0.0901,0.01465,-0.0066,0.03139,-0.00379,-0.04205,-0.03461,-0.04822,-0.05179,0.06758,-0.00224,0.04196,0.06364,0.0341,-0.02119,-0.03444,0.04844,-0.00531,0.04728,-0.03433,-0.04506,-0.01257,-0.05444,-0.02375,-0.03569,0.01723,-0.02615,0.0337,-0.00913,-0.06112,0.02449,0.02208,-0.01661,-0.05136,0.00611,-0.08714,-0.04076,-0.08222,0.10459,-0.00223,-0.02343,-0.05649,-0.00529,-0.00013,-0.08601,-0.05733,-0.08484,0.01554,0.05001,0.02713,0.03857,-0.02126,-0.08153,0.01341,-0.00995,0.04105,-0.03861,-0.10017,0.01782,-0.03692,-0.00464,0.04657,-0.0284,-0.02649,0.01501,0.00612,-0.04801,0.09687,-0.03861,0.06892,-0.02115,-0.0095,0.10153,-0.00259,-0.0394,0.09695,0.02168,-0.02718,0.02594,0.05022,0.12959,-0.06817,0.06251,-0.01932,0.02483,-0.04425,0,-0.11251,0.03373,-0.004,-0.00722,0.05666,-0.03998,-0.03715,0.00407,0.02045,0.05314,-0.00986,-0.00558,-0.03006,0.00429,0.14639,0.01498,0.00695,0.01478,-0.03115,0.03155,0.01989,0.0457,-0.04337,0.01786,0.0104,-0.06786,0.02257,-0.02006,-0.0095,0.0978,-0.0247,0.07394,0.06637,0.07692,-0.05021,-0.01914,-0.12915,0.00071,-0.04907,-0.05711,-0.00871,-0.03481,-0.10492,-0.04064,-0.04116,-0.01076,-0.04489,-0.08404,0.05914,-0.01205,-0.05764,-0.06896,0.01152,0.04195,0.04837,0.02045,-0.01878,-0.00004,0.05378,0.01709,-0.02808,-0.03229,0.03444,-0.00357],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. export interface INode extends IStorageNode { id: string; position: { x: number; y: number }; } ` Now let’s define a list of available nodes: I Node I Storage Node","excerpt":"export interface INode extends IStorageNode { id: string; position: { x: number; y: number }; } ` Now let’s define a list of available nodes:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#7","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.08686,-0.01655,-0.07432,0.0558,0.04423,-0.00388,-0.053,0.05985,-0.01798,0.10317,-0.08884,-0.04308,-0.01104,-0.0384,0.08359,0.08097,0.0003,0.0275,-0.01764,-0.0359,-0.06756,-0.02893,-0.00912,-0.03175,-0.02093,0.08065,0.02698,-0.05933,0.06292,-0.02637,0.06057,0.03322,0.08724,0.03602,-0.1346,0.13759,0.00018,-0.06257,-0.01702,-0.05581,0.00239,0.06104,-0.03409,-0.06898,0.00489,-0.04872,-0.06823,-0.03596,-0.03554,-0.00741,-0.08681,-0.14273,-0.07239,-0.0193,-0.04179,0.01297,-0.00648,-0.05428,0.02563,0.02928,0.05474,0.00138,0.06973,0.02947,0.09512,0.05017,-0.08595,0.04659,0.04337,-0.06204,0.02355,-0.0345,-0.00671,0.02448,-0.02921,-0.04952,-0.04635,0.03822,0.03998,0.00092,0.0121,0.00921,-0.00764,0.13733,-0.0253,0.09324,0.04135,-0.03068,0.01277,-0.025,0.01616,0.02024,0.05281,0.01822,0.05739,0.04143,0.04623,-0.06687,-0.08176,0.06532,-0.0469,-0.02363,0.03565,-0.07835,-0.07504,0.00478,0.06645,-0.04594,-0.01481,0.00383,-0.0016,0.01384,-0.04548,-0.12296,0.01935,-0.01333,0.00418,-0.00325,0.04748,0.1072,0.00273,-0.00355,-0.02521,0.04747,0.12257,0.01848,-0.07448,0,0.03626,0.06864,-0.01677,0.01798,0.12149,-0.06353,0.01473,-0.07651,-0.06673,-0.00528,0.08323,0.04681,-0.01371,0.08206,0.04806,-0.12099,-0.00595,-0.02744,0.06015,-0.04973,-0.01652,-0.10034,-0.04028,0.09064,0.06197,0.07511,0.02453,-0.02412,-0.00389,-0.00915,0.0051,0.03718,-0.04473,0.04233,-0.02392,-0.01484,-0.05394,-0.04463,-0.03752,0.0295,0.0064,-0.01076,-0.03999,0.00189,0.01341,-0.03276,-0.0046,-0.02821,0.08099,0.01563,-0.0217,0.06116,-0.00243,0.02518,0.0597,-0.03945,-0.0409,0.0448,0.09734,0.01917,0.02474,-0.03258,-0.01319,-0.00247,0.00063,0.01335,0.01518,-0.04448,0.12778,-0.03033,-0.02547,-0.00356,-0.00545,0.06276,-0.01533,0.00101,-0.03055,-0.05312,0.06108,-0.07081,-0.06741,-0.01667,-0.01757,0.08713,0.10557,-0.09753,-0.0492,0.00794,-0.08608,-0.03232,0.01497,0.01769,-0.02758,-0.04645,-0.01074,0,-0.04342,0.01407,-0.08159,0.0586,-0.00071,-0.04244,-0.0051,-0.02774,0.05137,0.12078,0.0399,-0.00206,0.02257,0.00129,-0.01931,-0.02904,-0.01582,-0.0802,0.0969,-0.01645,0.06048,0.04472,0.0008,-0.02249,-0.03236,0.03669,-0.04964,0.03326,0.01345,-0.02365,-0.01006,-0.00672,-0.02306,-0.0774,-0.01132,-0.01517,0.05699,-0.00489,-0.06758,-0.06246,0.0604,-0.06374,-0.02652,-0.01553,-0.07112,0.00567,-0.08449,0.06767,-0.02056,-0.06215,-0.04625,-0.01696,0.01016,-0.06151,-0.09497,-0.05865,0.05543,0.04121,0.01866,0.07248,-0.02341,-0.07425,0.04795,-0.00713,0.02187,0.02649,-0.07525,0.08055,-0.01358,0.00465,0.03045,-0.01476,-0.01494,0.04733,-0.00524,0.00865,0.06773,-0.04242,0.07221,-0.00379,0.02543,0.07072,-0.00093,-0.02644,0.05917,0.02308,-0.06988,-0.03129,0.02429,0.10306,-0.0875,0.08774,0.0274,0.03907,-0.02757,0,-0.06087,0.04679,0.01804,0.03273,0.06626,-0.00094,-0.03265,-0.00843,0.02116,0.05549,-0.00163,-0.01472,-0.05394,0.02475,0.1098,0.05243,-0.03988,0.01467,-0.01202,-0.02913,0.07678,0.06406,-0.01981,0.00914,0.01907,-0.04105,0.05552,-0.00069,-0.08564,0.06725,-0.01281,0.09044,0.08971,0.06927,-0.05044,-0.02061,-0.0891,-0.02955,-0.08014,-0.06626,0.01084,0.01797,-0.05922,-0.0731,-0.04879,-0.01159,-0.03107,-0.10081,0.03343,-0.0178,-0.01133,-0.02857,-0.05031,0.03971,0.05095,0.02349,-0.01255,0.00085,0.03104,0.0367,-0.03829,0.04101,0.02222,-0.02597],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","excerpt":""},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#8","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09026,-0.01319,-0.06026,0.07173,0.09407,0.05851,-0.00501,0.04716,0.00434,0.07946,-0.10285,-0.02511,-0.02239,-0.00221,0.05512,0.06878,-0.0108,0.001,-0.02445,0.01607,-0.041,-0.06678,0.01038,-0.03358,-0.01145,0.11236,0.02664,-0.08067,0.08064,-0.0388,0.06256,0.03954,0.03011,0.03697,-0.16058,0.10826,0.00567,-0.02401,-0.03333,-0.03764,0.03034,0.08197,-0.05885,-0.07894,0.00673,-0.0328,-0.04372,0.00143,-0.04403,0.05285,-0.07973,-0.13559,-0.05728,0.02107,-0.04864,0.01574,0.02627,-0.0717,0.05383,0.03934,0.05297,-0.01616,0.06082,0.03698,0.07713,0.03503,-0.104,0.09823,-0.00184,-0.05021,0.06431,-0.04798,0.00645,0.00563,0.00895,-0.05552,-0.01704,0.04321,-0.00519,0.01119,0.05063,0.01669,-0.01109,0.11636,-0.03743,0.12771,0.01039,-0.03187,-0.00075,-0.02809,0.02379,0.04174,0.04188,-0.01796,0.09801,0.00441,-0.00244,-0.04555,-0.08777,0.03148,-0.02245,-0.02113,0.02685,-0.02787,-0.05344,0.00058,0.04711,-0.06684,-0.04151,0.0335,0.00494,0.01927,-0.00937,-0.09046,-0.00105,-0.03111,-0.03579,-0.00414,0.05243,0.09973,0.00929,0.02963,-0.01874,0.00852,0.1251,0.00509,-0.06836,0,0.03372,0.03246,-0.00956,0.03514,0.11995,-0.06214,0.02545,-0.09151,-0.0913,0.02751,0.04113,0.04867,-0.03859,0.08719,-0.00069,-0.13132,-0.01365,-0.02489,0.03835,-0.01386,-0.00085,-0.11656,-0.07455,0.04829,0.05697,0.06439,0.0148,0.01373,0.01812,-0.00571,-0.00051,0.0267,-0.03443,0.02585,-0.05028,-0.0078,-0.07727,-0.03921,-0.00594,0.01589,0.02144,-0.01204,-0.04833,0.02115,-0.02182,-0.0248,0.00313,-0.00771,0.06505,0.01656,-0.01974,0.06472,-0.01023,-0.00528,0.07794,-0.08288,-0.0378,0.07608,0.08091,0.01218,0.05376,0.0333,-0.05,-0.01876,0.06105,0.02393,-0.0249,-0.00179,0.10779,-0.06963,-0.0559,0.02826,0.00301,0.04706,0.04163,-0.02188,-0.03028,-0.07979,0.0941,-0.05385,-0.08521,-0.05335,0.0083,0.06185,0.08597,-0.09189,-0.05187,0.00792,-0.08511,-0.05493,0.03879,0.00067,-0.01413,-0.05106,0.00464,0,-0.05903,0.01756,-0.0234,0.08593,0.018,-0.03042,0.02276,0.00874,0.06732,0.11801,0.0162,0.03994,0.01213,-0.00972,0.01642,0.00548,-0.04656,-0.09288,0.08145,-0.0794,0.0573,0.05048,-0.01733,-0.02052,-0.07495,0.04124,0.00698,0.02899,0.01898,-0.00701,-0.00281,-0.03987,-0.04977,-0.03644,-0.00328,-0.0369,0.04632,0.02623,-0.06611,-0.04351,-0.00813,-0.05571,-0.01999,0.01202,-0.05605,0.02049,-0.09083,0.06701,0.00685,-0.03925,-0.05156,-0.00453,-0.03555,-0.04421,-0.04993,-0.07962,0.07969,0.0146,-0.01826,0.05049,-0.00433,-0.05713,0.01038,-0.05947,0.05406,0.03133,-0.07689,0.04294,0.00811,0.0168,0.03495,0.01042,0.02848,0.01278,0.05275,0.0155,0.11207,-0.02294,0.06658,-0.005,0.01551,0.06624,0.00038,-0.00346,0.07363,0.0185,-0.0789,-0.05522,0.03124,0.09219,-0.09368,0.04497,0.05977,0.01358,-0.01673,0,-0.07071,0.0099,0.02258,0.00582,0.03048,0.01823,-0.03775,-0.0092,0.02643,0.03591,-0.01043,-0.008,-0.01266,0.01845,0.10463,0.02956,-0.01402,0.04867,-0.00997,-0.05029,0.08859,0.05013,0.00523,0.0447,-0.01883,-0.05795,0.01919,-0.01853,-0.06753,0.05298,-0.04093,0.05947,0.07718,0.05942,-0.07336,-0.04307,-0.08911,-0.03376,-0.08931,-0.04725,0.05243,0.00066,-0.0592,-0.06739,-0.04227,0.00191,-0.03093,-0.08795,0.02406,0.0106,-0.02219,-0.02087,-0.02669,0.08132,0.07049,0.02453,-0.05468,0.00126,0.03481,0.01008,-0.06509,0.03652,0.02736,-0.02279],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Creating the Node Palette Next, we’ll create the flow-palette component — a vertical sidebar from which we can drag nodes into the canvas. Each palette item is a div using the fExternalItem directive, which enables external drag-and-drop support with Foblex Flow. Template (flow-palette.html) Styles (flow-palette.scss) f External Item","excerpt":"Creating the Node Palette Next, we’ll create the flow-palette component — a vertical sidebar from which we can drag nodes into the canvas. Each palette item is a div using the fExternalItem directive, which enables external drag-and-drop support with Foblex Flow. Template (flow-palette.html) Styles (flow-palette.scss)"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#9","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.08686,-0.01655,-0.07432,0.0558,0.04423,-0.00388,-0.053,0.05985,-0.01798,0.10317,-0.08884,-0.04308,-0.01104,-0.0384,0.08359,0.08097,0.0003,0.0275,-0.01764,-0.0359,-0.06756,-0.02893,-0.00912,-0.03175,-0.02093,0.08065,0.02698,-0.05933,0.06292,-0.02637,0.06057,0.03322,0.08724,0.03602,-0.1346,0.13759,0.00018,-0.06257,-0.01702,-0.05581,0.00239,0.06104,-0.03409,-0.06898,0.00489,-0.04872,-0.06823,-0.03596,-0.03554,-0.00741,-0.08681,-0.14273,-0.07239,-0.0193,-0.04179,0.01297,-0.00648,-0.05428,0.02563,0.02928,0.05474,0.00138,0.06973,0.02947,0.09512,0.05017,-0.08595,0.04659,0.04337,-0.06204,0.02355,-0.0345,-0.00671,0.02448,-0.02921,-0.04952,-0.04635,0.03822,0.03998,0.00092,0.0121,0.00921,-0.00764,0.13733,-0.0253,0.09324,0.04135,-0.03068,0.01277,-0.025,0.01616,0.02024,0.05281,0.01822,0.05739,0.04143,0.04623,-0.06687,-0.08176,0.06532,-0.0469,-0.02363,0.03565,-0.07835,-0.07504,0.00478,0.06645,-0.04594,-0.01481,0.00383,-0.0016,0.01384,-0.04548,-0.12296,0.01935,-0.01333,0.00418,-0.00325,0.04748,0.1072,0.00273,-0.00355,-0.02521,0.04747,0.12257,0.01848,-0.07448,0,0.03626,0.06864,-0.01677,0.01798,0.12149,-0.06353,0.01473,-0.07651,-0.06673,-0.00528,0.08323,0.04681,-0.01371,0.08206,0.04806,-0.12099,-0.00595,-0.02744,0.06015,-0.04973,-0.01652,-0.10034,-0.04028,0.09064,0.06197,0.07511,0.02453,-0.02412,-0.00389,-0.00915,0.0051,0.03718,-0.04473,0.04233,-0.02392,-0.01484,-0.05394,-0.04463,-0.03752,0.0295,0.0064,-0.01076,-0.03999,0.00189,0.01341,-0.03276,-0.0046,-0.02821,0.08099,0.01563,-0.0217,0.06116,-0.00243,0.02518,0.0597,-0.03945,-0.0409,0.0448,0.09734,0.01917,0.02474,-0.03258,-0.01319,-0.00247,0.00063,0.01335,0.01518,-0.04448,0.12778,-0.03033,-0.02547,-0.00356,-0.00545,0.06276,-0.01533,0.00101,-0.03055,-0.05312,0.06108,-0.07081,-0.06741,-0.01667,-0.01757,0.08713,0.10557,-0.09753,-0.0492,0.00794,-0.08608,-0.03232,0.01497,0.01769,-0.02758,-0.04645,-0.01074,0,-0.04342,0.01407,-0.08159,0.0586,-0.00071,-0.04244,-0.0051,-0.02774,0.05137,0.12078,0.0399,-0.00206,0.02257,0.00129,-0.01931,-0.02904,-0.01582,-0.0802,0.0969,-0.01645,0.06048,0.04472,0.0008,-0.02249,-0.03236,0.03669,-0.04964,0.03326,0.01345,-0.02365,-0.01006,-0.00672,-0.02306,-0.0774,-0.01132,-0.01517,0.05699,-0.00489,-0.06758,-0.06246,0.0604,-0.06374,-0.02652,-0.01553,-0.07112,0.00567,-0.08449,0.06767,-0.02056,-0.06215,-0.04625,-0.01696,0.01016,-0.06151,-0.09497,-0.05865,0.05543,0.04121,0.01866,0.07248,-0.02341,-0.07425,0.04795,-0.00713,0.02187,0.02649,-0.07525,0.08055,-0.01358,0.00465,0.03045,-0.01476,-0.01494,0.04733,-0.00524,0.00865,0.06773,-0.04242,0.07221,-0.00379,0.02543,0.07072,-0.00093,-0.02644,0.05917,0.02308,-0.06988,-0.03129,0.02429,0.10306,-0.0875,0.08774,0.0274,0.03907,-0.02757,0,-0.06087,0.04679,0.01804,0.03273,0.06626,-0.00094,-0.03265,-0.00843,0.02116,0.05549,-0.00163,-0.01472,-0.05394,0.02475,0.1098,0.05243,-0.03988,0.01467,-0.01202,-0.02913,0.07678,0.06406,-0.01981,0.00914,0.01907,-0.04105,0.05552,-0.00069,-0.08564,0.06725,-0.01281,0.09044,0.08971,0.06927,-0.05044,-0.02061,-0.0891,-0.02955,-0.08014,-0.06626,0.01084,0.01797,-0.05922,-0.0731,-0.04879,-0.01159,-0.03107,-0.10081,0.03343,-0.0178,-0.01133,-0.02857,-0.05031,0.03971,0.05095,0.02349,-0.01255,0.00085,0.03104,0.0367,-0.03829,0.04101,0.02222,-0.02597],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","excerpt":""},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#10","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.1232,0.01232,-0.00188,0.08678,0.05264,0.02164,-0.03452,0.00497,0.02031,0.10432,-0.10063,0.00468,-0.04225,-0.02399,0.08516,0.05681,0.04051,0.02487,-0.04478,0.02085,-0.03666,-0.03937,0.01296,-0.03339,0.0138,0.0849,0.0122,-0.06659,0.09562,-0.04448,0.05678,0.03407,0.00365,0.02554,-0.15435,0.13156,0.01606,-0.02369,-0.02627,-0.02202,0.04487,0.07076,-0.03233,-0.04481,0.01408,-0.01999,-0.04336,-0.01344,-0.04391,0.00994,-0.07224,-0.13379,-0.04865,0.01829,-0.03443,0.02716,0.00861,-0.05914,0.04079,0.04736,0.03427,0.0108,0.09115,0.01176,0.08092,0.03941,-0.08293,0.09408,0.01476,-0.03436,0.06724,-0.05443,0.00087,0.013,0.00002,-0.02729,-0.04046,0.0386,-0.01976,-0.0075,0.06714,0.00162,0.01276,0.09687,-0.04757,0.13102,0.03601,-0.076,-0.01607,-0.04404,0.03255,0.0101,0.05336,-0.00844,0.05761,0.01341,0.00039,-0.05121,-0.08942,0.04749,-0.01508,-0.02871,0.07005,-0.01146,-0.06755,-0.00576,0.03518,-0.05834,-0.02195,0.00622,0.05139,0.00425,-0.03496,-0.10448,0.01209,-0.05986,-0.02808,-0.01622,0.02744,0.12999,-0.02625,-0.00615,-0.01437,0.00593,0.1316,0.01643,-0.01877,0,0.03475,0.04518,-0.02026,0.01822,0.11308,-0.05653,-0.00212,-0.12464,-0.07651,0.00971,0.04987,0.03755,-0.05192,0.09477,-0.0292,-0.09842,-0.02691,0.01333,0.03296,-0.01003,-0.03905,-0.10016,-0.07245,0.03968,0.03456,0.04248,0.0017,-0.02667,-0.03521,-0.02153,-0.00473,0.04685,0.02158,0.03877,-0.06698,-0.00094,-0.06754,-0.02856,0.00484,0.00956,0.01625,-0.01157,-0.03457,0.04189,-0.02674,-0.00555,0.02855,-0.02549,0.06316,0.0096,-0.00399,0.0636,0.01461,0.01332,0.0724,-0.05301,-0.01853,0.09664,0.12314,0.00882,0.04662,0.03266,-0.055,-0.02898,0.02549,0.02352,-0.00507,-0.00407,0.1035,-0.05144,-0.0366,-0.01302,-0.03892,0.05353,0.03433,-0.0347,-0.01017,-0.05302,0.09686,-0.0351,-0.06913,-0.03275,0.00853,0.08516,0.07203,-0.08334,-0.04646,-0.03677,-0.07702,-0.05692,0.02748,0.01812,-0.00448,-0.0739,0.01702,0,-0.0069,0.0148,-0.0739,0.13128,-0.00241,-0.0433,-0.00673,0.01777,0.06462,0.09457,0.04311,0.05384,-0.02001,-0.01238,-0.00769,-0.00398,-0.03981,-0.09043,0.0792,-0.06493,0.08051,0.01125,-0.00857,-0.00557,-0.07024,0.03274,-0.00072,0.02484,0.00057,-0.03526,0.00411,-0.01439,-0.04643,-0.05268,-0.03815,-0.05437,0.04634,0.02865,-0.05637,-0.04344,0.00886,-0.04441,0.02295,0.00654,-0.07741,0.01466,-0.07297,0.01924,-0.00078,-0.03634,-0.04276,-0.01043,0.00088,-0.04019,-0.09295,-0.09615,0.03833,0.01206,0.00005,0.07697,-0.00856,-0.02422,-0.01873,-0.08909,0.02137,0.04436,-0.0719,0.02279,0.0383,-0.0003,0.04061,-0.01357,0.0259,0.04077,0.03309,0.02036,0.13585,-0.0193,0.09248,-0.01793,-0.01613,0.06126,-0.03468,-0.0369,0.05981,0.06755,-0.09956,-0.03399,0.02234,0.09018,-0.11152,0.05963,0.0452,-0.01262,-0.04174,0,-0.0629,0.03903,0.04126,-0.01083,0.04606,0.01146,-0.02425,0.01818,0.03301,0.04153,0.01233,-0.01362,-0.0169,0.01084,0.09673,0.04166,-0.03077,0.05066,-0.05723,-0.04141,0.07757,0.07692,0.00245,0.01406,0.02916,-0.04389,0.05723,-0.0024,-0.08814,0.061,-0.0419,0.06399,0.04601,0.05741,-0.06494,-0.02419,-0.04711,-0.03721,-0.07976,-0.05668,0.01484,-0.00924,-0.0401,-0.08618,-0.05552,-0.02606,-0.0107,-0.06768,0.02595,0.01648,-0.00125,-0.04698,-0.07047,0.08471,0.05405,-0.01432,-0.04363,0.04068,0.01683,0.00337,-0.03785,0.00575,0.02246,-0.03559],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. We use ::ng-deep here because drag preview elements are appended to the document.body. Without it, styles wouldn’t apply to them. Component (flow-palette.ts)","excerpt":"We use ::ng-deep here because drag preview elements are appended to the document.body. Without it, styles wouldn’t apply to them. Component (flow-palette.ts)"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#11","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.08051,-0.02026,-0.06115,0.07069,0.05504,0.0493,0.00141,0.04947,0.00975,0.07905,-0.10456,-0.07341,-0.0288,-0.02796,0.08028,0.07964,0.00673,0.02552,-0.04071,-0.02718,-0.03988,-0.07527,-0.01873,-0.03474,-0.03286,0.06663,0.01584,-0.06509,0.07479,0.01547,0.08249,0.04662,0.05485,0.03501,-0.10728,0.10774,-0.02023,-0.0462,-0.03005,-0.03783,0.07477,0.066,-0.0349,-0.06985,0.00836,-0.04387,-0.04884,-0.01935,-0.06025,0.05118,-0.06392,-0.11865,-0.06084,-0.03106,-0.03488,0.04157,0.01716,-0.08031,0.03329,0.03189,0.05295,-0.03072,0.06632,0.02751,0.06447,0.05561,-0.10105,0.09226,0.04935,-0.04873,0.06525,-0.02542,-0.01295,-0.0031,-0.0036,-0.02979,-0.04473,0.04147,-0.03074,-0.01464,0.02317,0.01802,0.02277,0.10069,-0.03093,0.12694,0.00044,-0.03713,0.00426,-0.0016,-0.02651,0.03476,0.0204,-0.00412,0.08901,0.02693,0.01487,-0.05922,-0.06874,0.04759,-0.03789,-0.02148,-0.00952,-0.02583,-0.03791,0.00462,0.01354,-0.05385,-0.04718,0.00946,0.01099,0.02985,0.00673,-0.11599,-0.00076,0.00517,0.00163,-0.00197,0.03217,0.12182,0.00749,0.00153,-0.02611,0.02325,0.11615,-0.00376,-0.05803,0,0.02253,0.02487,-0.0123,0.00936,0.13265,-0.02149,0.02408,-0.11133,-0.05142,-0.01609,0.03629,0.01597,-0.03799,0.02957,-0.0077,-0.11143,-0.00898,-0.01412,0.02694,-0.02925,0.00077,-0.0976,-0.06993,0.06973,0.04262,0.07251,0.00393,0.00979,0.02538,-0.00659,0.0144,0.02969,-0.01514,0.07051,-0.06534,-0.01691,-0.05625,-0.0387,-0.02727,0.00474,0.01987,-0.00654,-0.05527,0.00998,-0.04599,-0.03946,-0.01198,-0.01757,0.10456,-0.00276,-0.0122,0.06703,-0.00555,-0.01883,0.06545,-0.02344,-0.05301,0.07457,0.10409,0.01453,0.01632,0.01177,-0.03888,0.00302,0.03303,0.05156,0.00382,-0.06853,0.11282,-0.0602,-0.03579,0.03994,-0.04123,0.05431,0.04213,0.00115,-0.0227,-0.0306,0.04997,-0.0402,-0.08547,-0.06324,0.01155,0.09698,0.11449,-0.08452,-0.0622,-0.00833,-0.10784,-0.052,0.05594,-0.00147,-0.00878,-0.03982,-0.006,0,-0.06401,0.03873,-0.04141,0.08285,0.02028,-0.03781,-0.01597,-0.02808,0.0613,0.12453,0.02685,0.05121,-0.00517,-0.01257,-0.01686,-0.02696,-0.02438,-0.05851,0.0843,-0.02641,0.0538,0.04658,-0.01701,-0.06681,-0.06472,0.02944,-0.01242,0.0333,-0.0016,-0.0298,-0.02425,0.01331,-0.06957,-0.03543,0.02332,-0.045,0.0561,0.0145,-0.07267,-0.04118,0.02489,-0.05969,-0.05112,-0.00302,-0.07018,0.02477,-0.067,0.05925,-0.01566,-0.02083,-0.06647,0.00014,-0.01374,-0.01659,-0.08684,-0.03653,0.08817,0.01977,0.01563,0.04056,-0.01714,-0.07112,0.03784,-0.05412,0.06654,0.0265,-0.07221,0.05724,0.01136,0.01472,0.07957,0.01099,-0.01272,0.04245,0.04943,0.01232,0.06883,-0.04895,0.07454,-0.00892,-0.024,0.09798,0.01996,-0.02418,0.09752,0.02042,-0.06558,-0.03393,0.04726,0.11215,-0.11873,0.05957,0.02844,0.01129,-0.02694,0,-0.08552,0.0516,-0.01074,0.01533,0.07109,-0.00282,-0.06507,0.01562,0.00431,0.02763,-0.01961,-0.00186,-0.01194,-0.00477,0.10227,0.01681,-0.00032,0.01618,-0.02778,-0.03589,0.08294,0.08559,0.00582,0.05033,-0.00497,-0.05018,0.0506,-0.00876,-0.07613,0.05688,-0.01537,0.06188,0.08108,0.11389,-0.08974,-0.02054,-0.07346,-0.02622,-0.07577,-0.05827,0.02609,-0.03347,-0.06513,-0.0499,-0.04184,0.0136,-0.0316,-0.08903,0.03797,0.03226,-0.01288,-0.01069,-0.05835,0.04899,0.05504,0.00989,-0.01355,-0.00135,0.01023,0.02147,-0.07554,0.01601,0.03857,-0.05893],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Now we can add nodes from the palette directly into the flow by handling the following event:","excerpt":"Now we can add nodes from the palette directly into the flow by handling the following event:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#12","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.06513,-0.01794,-0.06939,0.0596,0.06191,0.01514,-0.05725,0.05704,-0.00787,0.10073,-0.0816,-0.03853,-0.00422,-0.03314,0.07864,0.07333,0.00963,0.01833,-0.01567,-0.03105,-0.06915,-0.01275,-0.01124,-0.02871,-0.0201,0.08801,0.03906,-0.05126,0.08358,-0.01845,0.07071,0.02436,0.07861,0.0456,-0.12111,0.13471,-0.01,-0.04445,-0.01342,-0.05646,0.02356,0.0642,-0.05786,-0.07084,0.02432,-0.03427,-0.08729,-0.02908,-0.04323,-0.01184,-0.10308,-0.14358,-0.07224,-0.02809,-0.04957,0.00635,0.00193,-0.0571,0.02144,0.02737,0.0534,0.00448,0.08855,0.00864,0.0988,0.06157,-0.08795,0.05835,0.02147,-0.06416,0.02998,-0.04162,-0.00503,0.02389,-0.04116,-0.04494,-0.0499,0.02968,0.02849,-0.00352,0.00599,0.03251,-0.00223,0.12136,-0.03901,0.08744,0.03164,-0.02155,0.01639,-0.0269,0.01484,0.01649,0.05592,0.00197,0.05575,0.04763,0.04749,-0.04104,-0.06764,0.05051,-0.04014,-0.02259,0.02254,-0.0864,-0.07229,0.02275,0.06172,-0.07409,-0.01508,0.01074,0.00876,0.01132,-0.06653,-0.12085,0.02704,-0.02926,0.01915,0.00704,0.04337,0.12115,-0.01029,-0.01351,-0.00017,0.05041,0.12303,0.0223,-0.07893,0,0.0335,0.07319,-0.0289,0.01659,0.11897,-0.05564,0.01076,-0.06803,-0.05093,-0.00123,0.06916,0.04541,-0.01922,0.07667,0.03967,-0.11109,0.01218,-0.02591,0.03911,-0.05488,-0.02119,-0.10099,-0.05049,0.11196,0.06354,0.0558,0.02275,-0.03532,-0.018,-0.02916,0.02221,0.04017,-0.04426,0.04984,-0.02825,-0.0199,-0.05336,-0.03588,-0.0434,0.03803,0.01078,-0.00622,-0.02035,0.00219,0.00039,-0.0123,0.00121,-0.03346,0.08743,-0.01178,-0.02292,0.06446,-0.00356,0.00368,0.07464,-0.03221,-0.04704,0.04701,0.11369,0.00766,0.01342,-0.03803,-0.01931,0.00873,-0.01136,0.01721,0.00419,-0.0481,0.12713,-0.01817,-0.02182,-0.01059,-0.00989,0.06888,-0.01631,0.00533,-0.04964,-0.0671,0.0569,-0.06514,-0.07693,-0.00902,-0.00624,0.07996,0.10976,-0.10148,-0.05392,0.00969,-0.07072,-0.04002,0.00917,0.01434,-0.03474,-0.03965,-0.00376,0,-0.05073,0.01729,-0.06765,0.04445,-0.00993,-0.04674,-0.02132,-0.0268,0.04146,0.12994,0.03041,-0.02386,0.02765,0.00153,-0.04647,-0.01313,-0.02614,-0.06449,0.1062,-0.02578,0.04901,0.03392,0.0086,-0.0176,-0.02022,0.04268,-0.0328,0.02461,0.0188,-0.02229,-0.01939,-0.01666,-0.01786,-0.0667,-0.01641,-0.00489,0.05029,-0.02153,-0.07499,-0.05952,0.0526,-0.05913,-0.01098,-0.01192,-0.08427,-0.01274,-0.07798,0.07423,-0.0275,-0.0627,-0.05289,-0.02472,0.00816,-0.05214,-0.09729,-0.06663,0.05835,0.04856,0.02311,0.05857,-0.00943,-0.08161,0.04416,-0.00637,0.0281,0.01661,-0.06311,0.05432,-0.01931,-0.00244,0.02145,-0.02323,0.00088,0.04946,-0.00051,0.00063,0.07792,-0.03651,0.07642,-0.02317,0.0131,0.0649,-0.02436,-0.03723,0.05489,0.0162,-0.06248,-0.0184,0.026,0.12294,-0.08123,0.09221,0.02011,0.03632,-0.02836,0,-0.04694,0.04441,0.01141,0.02157,0.06569,-0.01653,-0.02047,-0.00602,0.01701,0.05754,-0.00302,-0.0337,-0.05567,0.00758,0.11271,0.06075,-0.0376,0.01967,0.0001,-0.0278,0.08712,0.06115,-0.0274,0.01228,0.02197,-0.03436,0.05863,-0.00238,-0.08695,0.0789,-0.01691,0.07395,0.09865,0.06207,-0.05266,-0.02979,-0.07923,-0.03191,-0.07166,-0.05852,0.00719,-0.00375,-0.06413,-0.07104,-0.03536,-0.01017,-0.03862,-0.08193,0.05543,-0.00561,-0.00035,-0.05204,-0.04986,0.04445,0.05161,0.03189,-0.00371,0.00294,0.03942,0.02384,-0.03589,0.02033,0.02862,-0.04539],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 📦 Custom Nodes Each node in the editor will be represented by a dedicated Angular component: Node Template:","excerpt":"📦 Custom Nodes Each node in the editor will be represented by a dedicated Angular component: Node Template:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#13","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.07266,-0.01962,-0.06583,0.0546,0.07042,0.00899,-0.05254,0.05581,-0.01577,0.12152,-0.08233,-0.01999,-0.00632,-0.04139,0.07396,0.0753,0.00166,0.01433,0.00147,-0.02815,-0.06885,-0.03738,0.00411,-0.0251,-0.00592,0.09455,0.02082,-0.04837,0.074,-0.02226,0.05505,0.01835,0.07718,0.01746,-0.12976,0.13553,0.01441,-0.04344,-0.00762,-0.04922,0.00539,0.05803,-0.0418,-0.07492,0.02025,-0.03019,-0.07942,-0.03004,-0.04144,-0.02043,-0.09483,-0.14819,-0.07225,-0.03005,-0.05276,0.01396,-0.00762,-0.04005,0.04101,0.03209,0.05259,-0.00416,0.07394,0.03454,0.09316,0.05358,-0.09042,0.05544,0.01468,-0.04427,0.03348,-0.04323,-0.02394,0.02343,-0.03254,-0.04838,-0.03479,0.02579,0.02668,0.00331,0.00533,-0.00782,-0.02312,0.14255,-0.04436,0.10939,0.03231,-0.04282,0.02275,-0.01292,0.01798,0.02582,0.06124,0.00562,0.04919,0.03458,0.02288,-0.04521,-0.09145,0.06084,-0.04882,-0.01667,0.04912,-0.09092,-0.0567,0.01593,0.05718,-0.04768,-0.01932,0.01392,0.01023,0.00692,-0.0584,-0.11039,0.03591,-0.01046,0.00058,-0.01643,0.05675,0.10369,0.01549,-0.00178,-0.01304,0.03834,0.11411,0.01322,-0.0536,0,0.02329,0.07225,-0.00096,0.00787,0.11055,-0.07766,0.0182,-0.074,-0.08971,0.02545,0.07263,0.04879,-0.02525,0.07431,0.03972,-0.11958,0.01549,-0.02374,0.03899,-0.03842,-0.03909,-0.10257,-0.04601,0.08746,0.06841,0.03886,0.04149,-0.02346,-0.00342,-0.02177,0.01056,0.04493,-0.03129,0.04655,-0.03066,-0.0157,-0.04729,-0.04675,-0.02376,0.04966,0.01932,-0.0154,-0.02936,0.0227,0.01816,-0.00007,0.01836,-0.04301,0.08512,0.01365,-0.02222,0.07066,-0.00372,0.03481,0.06052,-0.04625,-0.03003,0.04814,0.08597,0.00367,0.02022,-0.03068,-0.02101,-0.00712,0.00439,0.00431,-0.01526,-0.05921,0.1165,-0.04568,-0.03065,0.00209,0.00002,0.06767,-0.01158,-0.00007,-0.04117,-0.04525,0.08072,-0.05654,-0.0749,-0.01203,-0.02741,0.08952,0.11389,-0.09882,-0.05715,0.01393,-0.07251,-0.03412,0.01025,0.00903,-0.03813,-0.05078,-0.02161,0,-0.06396,0.00909,-0.07365,0.08562,-0.01446,-0.03084,0.00618,-0.01313,0.09048,0.12327,0.05091,-0.00301,0.02004,0.00347,-0.01156,-0.02737,-0.02313,-0.06474,0.10791,-0.00837,0.07666,0.06756,-0.00096,-0.01689,-0.02946,0.04449,-0.04449,0.04026,0.00542,-0.01539,0.00167,-0.021,-0.03434,-0.04942,-0.02016,-0.01024,0.04848,0.00373,-0.06549,-0.05825,0.05086,-0.05164,-0.01278,-0.01049,-0.05898,0.0096,-0.08783,0.05879,-0.03888,-0.06055,-0.05688,-0.01703,0.00529,-0.05972,-0.08659,-0.07472,0.03842,0.04085,-0.00715,0.07928,0.00583,-0.05726,0.02273,-0.03176,0.01619,0.00963,-0.06942,0.08086,-0.01761,-0.03043,0.00724,-0.02245,-0.00452,0.047,-0.0116,0.0026,0.07295,-0.03341,0.06532,-0.00534,0.00677,0.07299,-0.0151,-0.0285,0.06063,0.05061,-0.07138,-0.03338,0.02969,0.10613,-0.0967,0.08996,0.03457,0.04384,-0.02969,0,-0.04565,0.04778,0.03016,0.02183,0.07726,0.00233,-0.03802,-0.03328,0.01472,0.04932,-0.03264,-0.02097,-0.04469,0.0252,0.10236,0.05934,-0.05774,0.02098,-0.01219,-0.03661,0.0867,0.05169,-0.02841,0.00647,0.00912,-0.04013,0.05196,-0.0064,-0.09523,0.07529,-0.01894,0.07921,0.07721,0.05443,-0.05603,-0.0436,-0.08001,-0.01749,-0.06074,-0.05446,0.0127,0.0098,-0.05732,-0.07515,-0.06414,-0.01043,-0.0326,-0.08985,0.04393,-0.01389,-0.00635,-0.03926,-0.05521,0.04122,0.07523,0.01256,-0.00727,0.01895,0.01127,0.02918,-0.02088,0.0312,0.01017,-0.02521],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Styles (node.scss):","excerpt":"Styles (node.scss):"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#14","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.03695,0.0138,-0.09495,0.08132,0.09868,0.0584,-0.02725,0.0607,-0.00019,0.09684,-0.08029,-0.00312,-0.06943,-0.01521,0.08712,0.06986,-0.04489,0.02538,-0.01397,0.05726,-0.01842,-0.09753,-0.01443,-0.04742,-0.07075,0.09444,0.03102,-0.00591,0.04099,-0.08269,0.0535,0.05939,0.02736,0.05213,-0.10669,0.04738,-0.0111,-0.00833,-0.0573,-0.05321,0.01507,0.05466,-0.00981,-0.08981,0.00699,-0.05535,-0.02781,0.04057,0.00335,0.00731,-0.02876,-0.12298,-0.01478,0.02706,-0.02467,0.0975,-0.00501,-0.06944,0.05768,0.00644,0.01927,-0.00514,0.0815,0.00414,0.09394,0.0397,-0.11257,0.02618,-0.03612,0.02674,0.00209,-0.02376,-0.03677,-0.04969,0.02788,-0.02572,-0.00796,0.04896,0.01213,0.00016,0.00365,-0.00466,-0.05954,0.13054,-0.02531,0.08362,0.03751,-0.07578,0.00114,0.00823,0.00388,0.0634,-0.00058,-0.03444,0.02099,-0.02993,-0.03049,-0.06617,-0.07523,0.0481,-0.00211,-0.05244,0.07351,-0.02829,-0.04953,0.00001,0.01161,-0.01418,-0.04173,0.00819,0.00168,0.01022,-0.0599,-0.07875,0.00442,-0.01353,0.00586,-0.04427,0.07696,0.04863,0.07906,0.05747,-0.05958,0.00771,0.05221,0.02355,-0.03603,0,0.00603,0.04307,-0.05719,0.00213,0.11297,-0.0292,-0.00625,-0.03257,-0.07786,0.04639,0.02026,0.00779,0.00914,0.00157,0.05502,-0.15848,0.02546,-0.00411,-0.03425,-0.00286,-0.05883,-0.04455,-0.06852,-0.00789,0.04411,0.05611,0.0097,0.02664,-0.03163,-0.03057,0.03134,0.02567,0.00412,0.04182,-0.04317,0.00627,-0.04018,-0.07837,0.01359,0.08029,0.02858,-0.03099,0.02644,0.05105,0.00026,0.0206,0.03878,-0.00042,0.03588,0.0403,-0.01839,0.04578,-0.05042,-0.03836,0.08186,-0.08508,-0.04043,0.06313,0.10235,0.05258,0.01226,-0.006,-0.03375,-0.04171,0.00849,0.02232,-0.05587,-0.0501,0.06325,-0.09939,-0.0519,0.0373,0.07646,0.02951,0.01668,0.01625,0.00139,-0.07271,0.08956,-0.06039,-0.1163,-0.02206,-0.05113,-0.01085,0.0205,-0.12851,-0.0256,0.02572,-0.1024,-0.11894,-0.02734,-0.01653,0.03072,-0.05151,-0.03449,0,-0.00725,0.02405,-0.00102,0.10275,0.02345,0.03202,0.06856,-0.02511,0.01614,0.09714,0.02159,0.05776,0.00757,0.01116,0.00734,0.03763,-0.04035,-0.03418,0.07825,0.00369,0.0524,0.09533,-0.00406,0.01624,-0.04988,0.04304,0.07037,0.03573,-0.01361,0.02569,-0.00365,-0.02799,-0.06937,-0.00892,0.0343,-0.06499,0.01739,0.03394,-0.01008,-0.06944,-0.00846,-0.04,-0.0114,0.02815,-0.03449,0.0362,-0.07199,0.06683,-0.06279,-0.0218,-0.08859,-0.01818,-0.00212,-0.04329,-0.06966,-0.07854,-0.0339,-0.0111,0.04928,0.07572,0.04433,-0.0232,0.01392,-0.04939,0.1009,0.00956,-0.04976,0.04004,-0.00237,0.01024,0.00449,0.02415,-0.00696,0.00695,0.04015,0.0203,0.11664,-0.02038,0.07561,0.04279,-0.0297,0.07864,-0.01217,-0.03026,0.02186,-0.00519,-0.10907,0.0228,0.0679,0.01228,-0.13128,0.04131,0.09979,-0.0432,-0.00298,0,-0.06002,-0.00101,0.03594,0.0003,0.07169,-0.02832,-0.04129,-0.13004,0.00803,-0.0185,-0.0514,0.00468,-0.01989,-0.00343,0.09447,0.05408,-0.0892,0.05678,-0.0218,0.00795,0.04049,0.03387,0.01548,0.04656,-0.03381,-0.03567,-0.04439,0.0024,0.03082,0.08503,0.00323,0.03823,0.1461,0.06376,-0.06523,-0.09456,-0.0919,-0.01113,-0.03995,-0.02297,0.02959,-0.01881,-0.00663,-0.0581,-0.04429,-0.00892,0.00614,-0.04747,-0.00433,0.00178,-0.03734,-0.03853,-0.05907,0.05728,0.07487,-0.06508,-0.03703,0.04365,0.01262,0.00761,-0.0431,0.03925,-0.05686,0.01841],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. `scss :host { position: relative; background: #ffffff; border-radius: 6px; padding: 20px 24px; min-width: 180px; max-width: 180px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; gap: 8px; cursor: default; &:hover { box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08); } &.f-selected { outline: 2px solid #4b91f1; outline-offset: -2px; box-shadow: 0 0 0 4px rgba(75, 145, 241, 0.12); }","excerpt":"`scss :host { position: relative; background: #ffffff; border-radius: 6px; padding: 20px 24px; min-width: 180px; max-width: 180px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; gap: 8px; cursor: default; &:hover { box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08); } &.f-selected { outline: 2px solid #4b91f1; outline-offset: -2px; box-shadow: 0 0 0 4px rgba(75, 145, 241, 0.12); }"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#15","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09052,0.0793,-0.05299,0.06466,0.09493,0.03313,-0.03024,0.04737,0.00518,0.07576,-0.07743,-0.01334,-0.04093,-0.0322,0.12427,0.08824,-0.00149,0.0081,-0.03204,0.00762,-0.02182,-0.02224,0.02562,0.01399,-0.03143,0.13611,0.01806,-0.02095,0.06355,-0.0209,0.02486,-0.00709,0.0683,0.08977,-0.13977,0.10832,0.00312,-0.00532,-0.03068,-0.03019,0.02401,0.05902,-0.03724,-0.06138,0.00866,-0.05601,-0.0492,-0.01083,-0.03029,0.01875,-0.07717,-0.13955,-0.04146,-0.01786,-0.0474,0.05386,0.0106,-0.06299,0.02562,0.04624,0.03831,0.00269,0.14768,0.04137,0.05438,0.05957,-0.08959,0.0461,-0.04035,-0.00192,0.04832,-0.07758,-0.02682,0.00608,-0.02899,-0.02104,0.02271,0.08558,-0.00062,0.02797,0.01905,0.01034,0.01803,0.10511,-0.02352,0.10766,0.02492,-0.10627,-0.05601,-0.02196,0.00804,-0.04142,0.05665,-0.00818,0.01928,0.0008,-0.03112,-0.10709,-0.10238,0.10535,-0.02661,-0.02832,0.06488,-0.04591,-0.09323,0.02373,0.05335,-0.03346,-0.02994,0.04707,0.07247,-0.02838,-0.07584,-0.0805,-0.0259,-0.03894,-0.02026,-0.01819,0.1038,0.08318,0.02166,0.02149,-0.07318,-0.0002,0.06788,0.04765,-0.04111,0,0.01266,0.04658,-0.05536,0.0361,0.09629,-0.0763,-0.02797,-0.09353,-0.08464,0.01032,0.11349,0.02136,-0.05675,0.06765,-0.01383,-0.14445,0.02382,-0.00644,0.02833,-0.02772,-0.04254,-0.10276,-0.08468,-0.02664,-0.02041,0.05813,0.01783,-0.02223,-0.05137,-0.02647,0.01377,0.01549,0.02406,0.03258,-0.02997,-0.03626,-0.07868,-0.06646,0.02794,0.04722,-0.01175,-0.01782,-0.02327,0.00893,0.01133,0.03987,0.05006,-0.03387,0.05594,-0.00874,-0.0352,0.06079,-0.04747,-0.00276,0.03018,-0.06155,-0.0273,0.06222,0.07143,0.02076,0.04632,-0.00268,0.02958,-0.03596,0.05823,0.05833,0.00964,-0.01274,0.06879,-0.05601,-0.01379,-0.01834,0.02446,0.04113,-0.00729,0.01029,0.0146,-0.07973,0.07845,-0.05735,-0.05086,-0.05777,0.03666,0.03622,0.03458,-0.08983,-0.01646,-0.02954,-0.07099,-0.06395,-0.02658,0.00184,0.01711,-0.05189,-0.06147,0,0.02733,0.02553,-0.03119,0.0535,0.01708,0.02652,0.03953,0.04565,0.04726,0.11742,0.06121,0.03648,-0.02793,-0.04606,-0.01379,0.0253,0.01174,-0.01345,0.10513,-0.03919,0.07042,0.01622,-0.03407,-0.0185,-0.01204,0.02377,0.02993,0.03215,0.00295,-0.04767,-0.00935,-0.03132,-0.02548,-0.0467,-0.0135,-0.07394,-0.00403,-0.00935,-0.03542,-0.03513,0.01385,-0.0677,-0.01849,-0.01601,-0.06701,-0.02361,-0.07419,0.00337,-0.00555,-0.00735,-0.02271,-0.00215,0.02795,0.00077,-0.13254,-0.04786,0.0094,0.03161,-0.02924,0.03503,-0.00546,-0.04032,-0.01903,-0.03816,0.07931,0.04258,-0.06492,0.00329,-0.01529,0.01699,0.05728,-0.00734,-0.01274,0.02128,0.05135,0.01091,0.13518,-0.06724,0.03256,-0.0215,-0.01404,0.07568,-0.04341,-0.01403,0.04888,0.01265,-0.08485,0.01456,-0.00073,0.09477,-0.10579,0.04583,0.06362,-0.02785,-0.03765,0,-0.06066,-0.00168,-0.03131,-0.01475,0.04079,-0.00855,-0.0694,-0.12716,-0.01658,-0.01775,-0.02791,0.04073,-0.07027,0.00894,0.05086,0.0357,-0.10441,0.06392,-0.00051,-0.04656,0.03373,0.05829,-0.00155,0.00612,-0.03258,0.03063,-0.00693,0.04145,-0.02024,0.06241,-0.04318,0.05272,0.08372,0.00562,-0.0229,-0.07278,-0.08497,-0.07772,-0.0597,-0.02122,0.04239,0.00276,0.01428,-0.02544,0.01021,0.01427,0.00801,-0.03833,-0.0024,-0.01916,0.01368,-0.04666,-0.08471,0.07198,0.01029,-0.0328,-0.03644,0.07124,-0.02096,0.0322,0.01031,0.04599,0.04357,-0.03403],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. .header { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15px; } .icon { font-family: 'Material Symbols Outlined'; font-size: 20px; background: linear-gradient(to right, #4b91f1, #5c2ae8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .description { font-size: 13px; opacity: 0.7; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: fit-content; }","excerpt":".header { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15px; } .icon { font-family: 'Material Symbols Outlined'; font-size: 20px; background: linear-gradient(to right, #4b91f1, #5c2ae8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .description { font-size: 13px; opacity: 0.7; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: fit-content; }"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#16","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09344,0.02224,-0.08575,0.05613,0.04599,0.0333,-0.06092,0.07326,-0.00767,0.08711,-0.07649,0.01195,-0.02339,-0.01422,0.03491,0.10089,-0.02778,0.02038,-0.03712,0.00146,-0.04503,-0.05789,0.01077,-0.02666,-0.05951,0.12091,0.0373,-0.02593,0.10699,-0.05582,0.03497,0.03661,0.05458,0.04036,-0.11447,0.09149,0.00729,-0.04749,-0.02796,-0.07135,0.07135,0.0519,-0.01688,-0.0925,0.00961,-0.02239,-0.06037,-0.02059,-0.01171,0.00964,-0.08596,-0.12043,-0.05486,-0.00555,-0.03673,0.06884,0.01914,-0.07523,0.04614,0.02149,0.09798,0.02712,0.07421,0.03949,0.08187,0.052,-0.0779,0.06949,-0.0393,0.0007,0.03461,-0.03678,-0.02292,-0.01592,-0.00951,-0.03131,-0.00546,0.04215,0.0133,0.03334,0.01941,0.0118,-0.00178,0.13747,-0.05281,0.10166,0.0214,-0.06819,0.00138,-0.03074,-0.00027,0.00063,0.0463,0.02425,0.03202,0.0386,0.00778,-0.0803,-0.0941,0.07433,-0.0324,-0.0106,0.06153,-0.0601,-0.05862,-0.00294,0.00968,-0.01213,-0.03413,0.00601,0.03921,-0.00683,-0.05253,-0.06052,-0.01314,-0.04743,-0.01245,-0.01208,0.10552,0.10011,-0.00367,0.02417,-0.06992,0.0346,0.11998,0.02715,-0.06738,0,0.01321,0.07473,-0.00003,0.00525,0.10436,-0.03896,-0.02625,-0.0738,-0.06681,0.04627,0.04972,0.02334,-0.03842,0.04864,0.01612,-0.14048,0.00736,0.01042,-0.03367,-0.02637,-0.04254,-0.11692,-0.05892,0.01755,0.04659,0.04638,-0.00787,-0.0206,-0.03764,-0.04125,0.00535,0.02967,-0.00113,0.02159,-0.03403,-0.02371,-0.04739,-0.05645,-0.02662,0.03968,-0.01727,0.01281,0.00627,0.00544,0.03099,0.01008,0.04051,-0.03797,0.07828,-0.00164,-0.03254,0.10138,-0.00279,-0.03636,0.06969,-0.11113,-0.02183,0.08587,0.08127,0.01502,0.00366,-0.02677,-0.02878,-0.01063,0.00461,0.0613,-0.03847,-0.04178,0.11328,-0.03139,-0.06958,-0.00619,-0.00719,0.04325,0.00707,-0.00522,-0.04988,-0.10945,0.1047,-0.08392,-0.06007,-0.02494,-0.00208,0.04405,0.07388,-0.10795,-0.04831,-0.01083,-0.04604,-0.0587,-0.02456,0.01126,-0.0007,-0.06677,-0.01717,0,-0.02517,0.01566,-0.04578,0.06373,0.01131,-0.01824,0.03583,0.02275,0.05466,0.12197,0.06557,0.04827,0.01671,-0.02382,-0.04069,0.00614,-0.0101,-0.05755,0.13776,-0.05809,0.10041,0.02544,0.00977,-0.0008,-0.02096,0.03776,0.01859,0.0121,0.00962,0.01882,-0.00088,-0.0448,-0.04189,-0.06399,-0.02337,-0.03963,-0.01182,0.01779,-0.02673,-0.05041,0.0101,-0.06158,-0.00214,0.00938,-0.0736,-0.0054,-0.0746,0.01552,-0.05237,-0.0593,-0.05593,0.02061,-0.00306,-0.06907,-0.11569,-0.09034,0.01835,0.00853,-0.01007,0.05961,-0.00234,-0.02882,0.01094,-0.051,0.06409,0.05034,-0.03915,0.02791,-0.0122,0.00722,0.09173,0.02667,-0.02565,0.02941,0.01914,-0.00397,0.09919,-0.02224,0.08836,-0.00446,-0.01089,0.0639,-0.01169,-0.01489,0.01954,0.03268,-0.03502,0.00794,0.04172,0.11551,-0.10042,0.09144,0.03299,-0.01149,-0.03049,0,-0.08152,-0.0029,-0.01397,0.00697,0.04665,-0.01311,-0.035,-0.04549,0.00751,0.01754,-0.0102,0.01259,-0.07424,0.0278,0.12491,0.065,-0.05962,0.02718,-0.03842,-0.02005,0.08357,0.08106,-0.00802,0.0136,-0.01766,-0.0495,0.00164,0.02728,-0.03988,0.05826,-0.01325,0.05401,0.10666,0.05842,-0.05439,-0.0412,-0.06009,-0.04021,-0.10458,-0.03679,0.00924,-0.00997,-0.02008,-0.05659,-0.02585,-0.01376,0.02222,-0.02816,0.02345,-0.01484,-0.01833,-0.04312,-0.07707,0.01613,0.05162,-0.03499,-0.04037,0.02453,-0.01685,0.03548,-0.04406,0.04515,0.02896,-0.02406],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. .connectors { position: absolute; display: flex; flex-direction: column; gap: 10px; z-index: 1; &.inputs { left: -6px; top: 8px; bottom: 8px; justify-content: start; } &.outputs { right: -6px; top: 8px; bottom: 8px; justify-content: end; } } } `","excerpt":".connectors { position: absolute; display: flex; flex-direction: column; gap: 10px; z-index: 1; &.inputs { left: -6px; top: 8px; bottom: 8px; justify-content: start; } &.outputs { right: -6px; top: 8px; bottom: 8px; justify-content: end; } } } `"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#17","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.05817,-0.0081,-0.08175,0.04781,0.04127,0.01393,-0.02797,0.03336,-0.01252,0.07697,-0.08839,-0.02721,-0.00138,-0.04562,0.03669,0.06119,0.00582,0.00658,-0.00751,-0.06257,-0.03893,-0.03663,-0.01672,-0.03906,-0.02282,0.07918,0.04328,-0.07379,0.06125,-0.02778,0.03135,0.01871,0.07092,0.01512,-0.1672,0.11207,-0.00158,-0.05495,-0.03419,-0.05817,0.03719,0.03429,-0.00818,-0.08847,0.02115,-0.00363,-0.10735,-0.03612,-0.04291,0.02713,-0.09303,-0.12015,-0.03543,0.00642,-0.0081,0.014,0.01145,-0.05074,0.00438,0.02452,0.05476,-0.02746,0.06991,0.00409,0.13492,0.05314,-0.06956,0.01208,0.00372,-0.07693,0.03807,-0.03971,-0.00202,-0.00785,-0.01632,-0.02802,-0.06112,0.04417,0.0383,0.00082,0.02217,0.05049,-0.01026,0.10927,-0.02519,0.09285,0.00958,-0.01891,-0.01082,-0.03421,-0.00011,0.01632,0.02519,-0.00032,0.03257,0.04186,0.03583,-0.04941,-0.09212,0.05353,-0.04733,-0.0314,0.05452,-0.07784,-0.07348,0.03843,0.05579,-0.04508,-0.00218,-0.02589,-0.0169,0.00626,-0.05341,-0.08448,0.02999,-0.00983,0.01887,0.0027,0.05814,0.11971,0.0119,-0.01139,-0.03678,0.03409,0.12336,0.00022,-0.06487,0,0.04521,0.06988,-0.01312,-0.01551,0.12057,-0.04868,0.02214,-0.0905,-0.03651,-0.00104,0.0201,0.02915,-0.02277,0.0412,0.06961,-0.16044,0.03947,-0.01616,0.03796,-0.04455,0.02278,-0.061,-0.0336,0.06686,0.07363,0.08276,0.01666,-0.03547,-0.02089,-0.01882,0.03798,0.06058,-0.0599,0.0377,-0.03984,-0.05196,-0.05387,-0.04032,-0.05305,0.02873,0.0217,-0.0329,-0.02473,0.02338,-0.00991,-0.03502,0.00158,-0.0346,0.08723,0.03762,-0.0277,0.06025,-0.02123,-0.03351,0.07098,-0.06235,-0.04709,0.0651,0.07757,0.01837,0.0138,-0.02723,-0.02711,-0.03719,-0.01801,0.03905,-0.0017,-0.07144,0.14211,-0.02305,-0.01655,0.00773,0.0115,0.066,0.00809,0.03139,-0.03762,-0.09066,0.02495,-0.07647,-0.04873,-0.02237,-0.03351,0.08221,0.10789,-0.08347,-0.05089,0.00027,-0.05934,-0.01766,-0.02166,0.02364,-0.00504,-0.03299,-0.01904,0,-0.03478,0.02847,-0.06052,0.06439,-0.00777,-0.01352,0.00675,-0.02073,0.03417,0.11883,0.02678,0.01622,0.04184,0.00437,-0.02638,-0.00032,-0.01471,-0.06565,0.13127,-0.01289,0.04808,0.05133,-0.00006,-0.01526,-0.0372,0.05417,-0.01492,-0.00033,0.00702,0.00116,-0.04073,-0.01657,-0.02418,-0.053,-0.02502,-0.02084,0.07524,-0.02285,-0.07825,-0.05126,0.05701,-0.06458,-0.00398,0.0063,-0.06461,-0.03382,-0.09939,0.08526,-0.04695,-0.02468,-0.03596,-0.01445,-0.01125,-0.04075,-0.11294,-0.05058,0.07218,0.0535,0.03222,0.0642,-0.03286,-0.08662,0.03723,-0.00234,0.04791,0.02803,-0.054,0.06181,0.02556,0.03389,0.04026,0.00692,0.05041,0.0442,0.02589,0.00294,0.07215,-0.07091,0.06101,-0.01798,0.0157,0.07175,-0.0148,-0.02654,0.06777,0.05475,-0.04265,-0.02208,0.0273,0.10833,-0.07482,0.12461,0.01909,0.03059,-0.02361,0,-0.04192,0.03904,0.00885,0.03417,0.0895,-0.01459,-0.02804,-0.01785,0.00617,0.03034,-0.00308,-0.00076,-0.03764,-0.00863,0.13047,0.06448,-0.01656,0.01238,-0.01818,-0.01179,0.09097,0.04517,-0.04521,0.02951,-0.01314,-0.05563,0.05898,0.02259,-0.1056,0.06561,-0.01537,0.08068,0.08007,0.04214,-0.0372,-0.02583,-0.08469,-0.02814,-0.07737,-0.05469,0.01314,0.02968,-0.06502,-0.06398,-0.04607,-0.00003,-0.04194,-0.11973,0.0362,-0.00464,-0.02412,-0.04469,-0.04861,0.04427,0.05721,0.0055,0.01088,0.00084,0.02186,0.05408,-0.04331,0.04194,0.04346,-0.03297],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Each node has inputs (fNodeInput) and outputs (fNodeOutput) — these are small circular components with hover animation and styles for the connected state. f Node Input f Node Output","excerpt":"Each node has inputs (fNodeInput) and outputs (fNodeOutput) — these are small circular components with hover animation and styles for the connected state."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#18","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09303,-0.03987,-0.05565,0.08145,0.06241,0.04613,-0.03479,0.0417,0.01275,0.10823,-0.05721,0.00691,-0.02558,-0.00542,0.06306,0.05932,0.00277,-0.0196,-0.02898,0.01595,-0.0831,-0.0639,0.0193,-0.02983,0.02673,0.07115,0.05769,-0.04996,0.08122,-0.01645,0.04848,0.02557,-0.012,0.02799,-0.12967,0.10949,0.03998,-0.0254,-0.04914,-0.05123,0.07607,0.04339,-0.02457,-0.09272,0.01348,-0.02949,-0.09399,-0.06311,-0.06282,0.00529,-0.08759,-0.11021,-0.08118,0.0087,-0.03124,0.02908,-0.00032,-0.03752,0.03873,0.03762,0.05577,-0.0017,0.0862,0.02057,0.08942,0.01992,-0.09725,0.08305,0.0129,-0.03082,0.00575,-0.02741,-0.0249,0.00367,-0.02187,-0.01418,0.00718,0.04033,0.02324,0.01904,0.0235,0.05545,-0.01311,0.13353,-0.02626,0.15,0.02549,-0.06723,-0.02434,-0.04782,0.03522,0.02816,0.09315,0.00971,0.03737,0.03551,-0.02029,-0.03441,-0.08415,0.02625,-0.02036,0.00785,0.06103,-0.04599,-0.06186,0.00526,0.01044,-0.02749,-0.01365,-0.00114,0.02658,0.01566,-0.0465,-0.11297,-0.00283,-0.03403,-0.01958,-0.00556,0.08744,0.1241,-0.00928,0.0146,-0.01026,0.02107,0.10871,0.01372,-0.05467,0,0.01706,0.05327,-0.01316,0.02353,0.10591,-0.05874,0.01083,-0.08564,-0.08286,0.01823,0.01063,0.02092,-0.05739,0.06091,0.02398,-0.1034,-0.00776,-0.00448,0.00301,-0.02252,-0.03188,-0.1155,-0.03271,0.0607,0.0864,0.0307,0.03672,-0.00079,-0.01842,-0.02177,0.01996,0.04956,-0.00878,0.07547,-0.03382,-0.06832,-0.05014,-0.04337,-0.05383,0.0519,0.03743,-0.01294,-0.03765,0.04153,0.01696,-0.00956,0.03684,-0.00497,0.09831,-0.01351,-0.03754,0.08371,0.04645,0.0118,0.06852,-0.05952,-0.0136,0.04849,0.09179,-0.0074,-0.0116,0.00058,-0.04187,-0.01059,0.04161,0.06398,-0.0087,-0.03688,0.08562,-0.08023,-0.04353,0.02915,-0.02356,0.06811,-0.01328,-0.03095,-0.03421,-0.04607,0.09972,-0.05101,-0.09139,-0.04129,-0.00999,0.10117,0.10998,-0.12044,-0.0416,-0.03108,-0.04253,-0.04095,0.03142,0.00677,-0.03258,-0.05019,-0.01172,0,-0.03861,0.02954,-0.03829,0.0544,-0.00891,-0.04504,0.02048,-0.00087,0.0922,0.10928,0.06474,0.0443,0.03406,-0.04467,0.00332,0.01553,-0.02131,-0.07075,0.10312,-0.03746,0.09312,0.02959,0.00497,-0.02885,-0.03938,0.05005,0.0064,0.00612,0.00833,-0.00082,0.00947,-0.0129,-0.06988,-0.05157,-0.05041,-0.03351,0.018,0.00189,-0.03429,-0.08032,0.01698,-0.04179,-0.02119,0.01519,-0.0417,-0.03078,-0.11757,0.03645,-0.03568,-0.03279,-0.0664,-0.01196,0.02306,-0.03223,-0.10239,-0.06651,0.06091,0.03389,-0.01252,0.03603,0.05101,-0.05967,0.00413,-0.04469,0.04372,0.01946,-0.06411,0.01596,0.0174,-0.02447,0.03602,-0.00609,0.00706,0.02634,0.02446,0.01016,0.05993,-0.03848,0.09513,0.02035,-0.011,0.08986,-0.01825,-0.03775,0.07311,0.02412,-0.05336,0.01113,0.04593,0.0718,-0.09446,0.06611,0.01698,0.03313,-0.04454,0,-0.06535,0.03911,-0.02056,-0.00853,0.05464,-0.00661,-0.06565,-0.02553,0.03341,0.07557,-0.01312,-0.00196,-0.06039,0.0209,0.10149,0.0245,-0.0543,0.04243,-0.03392,-0.04769,0.08723,0.06646,0.00623,0.05129,-0.00102,-0.0576,0.02901,0.02324,-0.09234,0.05806,-0.04536,0.04762,0.06916,0.08114,-0.0864,-0.00401,-0.06268,-0.00532,-0.05481,-0.03393,0.05233,-0.03818,-0.05122,-0.04639,-0.02508,0.01231,-0.01957,-0.05303,0.01639,0.01188,-0.02324,-0.02475,-0.11601,0.00833,0.04139,-0.01613,0.00491,0.04497,0.00258,-0.01263,-0.0635,0.03653,0.02702,-0.04712],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 🔘 Connector Component While we could have kept the connector inline inside the node, we’re moving it to a standalone component for better style encapsulation and code separation. Component (connector.ts): Styles (connector.scss):","excerpt":"🔘 Connector Component While we could have kept the connector inline inside the node, we’re moving it to a standalone component for better style encapsulation and code separation. Component (connector.ts): Styles (connector.scss):"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#19","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.07237,0.00108,-0.03575,0.11428,0.07888,0.05972,0.03374,0.03111,0.02119,0.05941,-0.11041,-0.04487,-0.03725,-0.01908,0.01687,0.06658,-0.00592,-0.04721,-0.03066,0.00021,-0.01866,-0.12204,-0.02826,-0.04769,0.04564,0.04576,-0.01101,-0.04572,0.13442,0.00338,0.08234,0.07761,0.02545,0.06175,-0.12588,0.09751,-0.00008,-0.01162,-0.04116,-0.0168,0.09323,0.06064,-0.06213,-0.09178,0.00783,-0.03961,-0.03114,-0.00584,-0.07951,0.05033,-0.04658,-0.08603,-0.04677,-0.00864,-0.01582,0.06057,0.03444,-0.05677,0.05677,0.03382,0.02356,-0.04948,0.08273,0.02291,0.07307,0.05982,-0.08997,0.04695,0.06899,-0.04967,0.09474,-0.03802,0.01324,-0.02996,0.0327,-0.00348,-0.04346,0.06262,-0.04501,-0.04661,0.03732,0.06197,0.01082,0.05568,-0.01844,0.16142,-0.03999,-0.03436,-0.02103,0.02666,-0.02519,0.04054,-0.02418,0.01164,0.04625,0.00451,0.03061,-0.04198,-0.03843,0.04244,-0.01113,-0.00958,0.0131,0.00124,-0.04092,-0.0388,-0.01449,-0.0552,-0.08172,0.03111,0.01345,0.05421,-0.0062,-0.06124,-0.05959,-0.01622,-0.00312,-0.01662,0.03286,0.1119,0.06529,0.00447,-0.02176,0.0194,0.0815,-0.0094,-0.07553,0,0.03849,0.01894,-0.00079,0.05054,0.11848,-0.03002,0.04634,-0.08775,-0.0599,-0.00071,0.02546,0.05802,-0.02324,0.05314,-0.04916,-0.14325,-0.0023,-0.00883,-0.03466,-0.0419,0.00498,-0.0358,-0.07934,0.01642,0.02851,0.11595,-0.03194,0.0475,0.00119,0.0115,-0.00884,0.02789,-0.00809,0.0776,-0.0582,-0.02221,-0.04796,-0.05374,-0.06579,-0.00754,0.03122,-0.01238,-0.03621,0.03222,-0.03391,-0.0587,-0.03449,0.02164,0.09365,-0.01214,-0.0269,0.07523,0.04422,-0.02903,0.05217,-0.03354,-0.07114,0.0246,0.06449,0.03129,0.05348,0.03652,-0.06683,-0.00769,0.02732,0.07472,0.01936,-0.03431,0.11084,-0.04223,0.0016,0.06707,-0.02181,0.06906,0.07445,-0.00881,-0.05305,-0.02896,0.02281,-0.04727,-0.07695,-0.06699,-0.00503,0.05728,0.09693,-0.09392,-0.01365,-0.01442,-0.11001,-0.02845,0.07482,-0.00142,0.00744,-0.03712,-0.01512,0,-0.02853,0.02806,-0.05191,0.05319,-0.01462,-0.05141,-0.06906,0.01345,0.03524,0.08511,0.00242,0.04654,-0.02744,0.02583,-0.04943,0.01201,-0.04498,-0.05827,0.05376,-0.05469,0.03022,0.05462,-0.01054,-0.02482,-0.09332,0.04202,0.04777,0.02848,-0.01014,-0.02426,-0.03818,-0.01404,-0.09482,-0.00064,0.07533,-0.04192,0.018,0.03573,-0.004,-0.03601,-0.02137,-0.03665,-0.07558,0.03608,-0.06107,0.005,-0.07138,0.06265,0.0233,-0.0214,-0.04124,-0.00324,-0.01053,-0.01273,-0.08489,-0.05305,0.08112,0.02902,0.05184,0.01867,0.01887,-0.09189,-0.00816,-0.04738,0.05136,0.00356,-0.08147,-0.01265,0.03415,0.03,0.06623,0.03594,-0.01087,-0.02471,0.04503,0.00978,0.06985,-0.06646,0.06778,-0.02944,-0.02307,0.07643,0.00063,-0.01497,0.04226,-0.00845,-0.05728,0.01985,0.03675,0.08225,-0.04347,0.05305,-0.02871,0.04031,-0.00863,0,-0.08339,0.04515,-0.0708,0.01244,0.0867,0.00739,-0.02441,-0.00991,-0.02983,-0.03922,-0.00973,0.00286,0.01529,-0.00586,0.13266,-0.01297,-0.00578,0.0182,-0.05206,-0.01418,0.03468,0.05936,-0.00134,0.05328,-0.01934,-0.04409,0.0287,-0.00523,-0.04539,0.09043,-0.02098,0.04948,0.03213,0.12444,-0.13802,0.02955,-0.06617,-0.0578,-0.05317,-0.03998,0.04131,-0.03074,-0.05705,-0.04676,-0.02598,-0.00215,-0.02623,-0.03691,0.04246,0.02907,0.00306,-0.03985,-0.03989,0.02183,0.04651,-0.03852,-0.03775,0.03134,0.06815,0.05287,-0.10686,0.01472,0.06955,-0.04483],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 🚀 Dynamically Adding Nodes from the Palette Up to this point, we’ve been rendering nodes manually — statically defined in the template. Now it’s time to take the next step: we’ll enable users to dynamically add nodes by dragging them from the side palette into the canvas. Here’s how the flow works: 1. The user drags a node from the palette. 2. The fCreateNode event is triggered, giving us information about what type of node was added and where it should appear. 3. We push the new node into a reactive array — and thanks to @for, it immediately appears on the canvas. f Create Node","excerpt":"🚀 Dynamically Adding Nodes from the Palette Up to this point, we’ve been rendering nodes manually — statically defined in the template. Now it’s time to take the next step: we’ll enable users to dynamically add nodes by dragging them from the side palette into the canvas. Here’s how the flow works: 1. The user drags a node from the palette. 2. The fCreateNode event is triggered, giving us information about what type of node was added and where it should appear. 3. We push the new node into a reactive array — and thanks to @for, it immediately appears on the canvas."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#20","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09355,-0.04458,-0.06037,0.08973,0.04464,0.02686,-0.00878,0.05416,0.00618,0.08259,-0.07098,-0.04833,-0.04213,-0.05467,0.06803,0.0643,0.02334,-0.00875,-0.01055,-0.08191,-0.02417,-0.08622,-0.01142,-0.03155,0.00294,0.03723,0.06002,-0.05873,0.12186,-0.00729,0.08882,0.00673,0.06751,0.04386,-0.15842,0.12693,-0.02017,-0.03011,-0.00441,-0.03442,0.05453,0.02729,-0.06173,-0.09016,0.02979,-0.0328,-0.06942,0.00722,-0.02774,0.0337,-0.05367,-0.09612,-0.06456,-0.00298,0.02271,0.04253,0.04883,-0.05044,-0.01911,-0.0093,0.06186,-0.01494,0.07725,-0.00198,0.0453,0.06282,-0.09541,0.02757,0.06363,-0.02965,0.05145,-0.00664,0.00134,-0.00472,-0.02626,-0.03414,-0.07646,0.0201,-0.02641,0.02546,-0.00132,0.0355,-0.01599,0.02265,-0.0155,0.11185,-0.00119,-0.03561,-0.02073,0.00134,-0.04984,0.07303,-0.00162,0.01582,0.00809,0.06568,0.03498,-0.01897,-0.05626,0.03668,-0.01599,0.0046,-0.05512,-0.01015,-0.06265,-0.04026,-0.01526,-0.06715,-0.04025,0.01067,0.00742,0.03484,-0.04055,-0.07707,-0.01119,0.0005,0.06879,0.03743,0.03562,0.11533,0.06095,-0.01656,-0.01399,0.03811,0.09378,-0.00668,-0.04492,0,0.02904,0.04491,-0.02601,0.0081,0.09903,-0.02022,0.01967,-0.07345,-0.01004,-0.00499,0.03819,0.05347,-0.0293,-0.01197,0.06254,-0.14086,-0.01067,-0.01825,0.03662,-0.05184,-0.02286,-0.07627,-0.03753,0.07345,0.03802,0.07404,0.00037,0.00014,-0.03898,-0.01714,0.02286,0.0228,-0.05044,0.07164,-0.04869,-0.01965,-0.06207,-0.04271,-0.0896,-0.0256,0.03712,-0.01849,-0.04013,-0.0102,-0.00246,-0.04177,-0.05555,0.01207,0.12248,0.00054,0.02005,0.0489,0.00251,-0.03395,0.02708,-0.00103,-0.07184,0.0136,0.07282,0.04344,0.03104,-0.0396,0.00071,0.04233,0.00825,0.05736,0.00251,-0.10199,0.09971,-0.02129,0.02534,0.05421,-0.04231,0.05574,0.02952,0.00001,-0.05606,-0.04527,0.01593,-0.0909,-0.00814,-0.05712,-0.03485,0.11549,0.14444,-0.06062,-0.05984,0.0001,-0.09132,-0.01697,0.00579,0.02814,0.03163,-0.03501,0.00297,0,-0.02012,0.00897,-0.07228,0.04668,-0.01841,-0.04503,-0.08985,-0.00848,0.01885,0.10947,0.0108,-0.0185,-0.00663,0.04117,-0.07561,-0.00251,-0.01229,-0.08642,0.07771,0.01388,0.03696,0.04803,0.0023,-0.02736,-0.03428,0.02018,0.01134,0.04431,-0.02734,-0.04155,-0.06262,-0.00722,-0.02567,-0.04351,0.05093,-0.01431,0.10018,0.00837,-0.01724,-0.01556,0.03419,-0.01927,-0.03624,-0.00648,-0.08474,-0.02076,-0.09543,0.11471,-0.03968,0.02585,-0.03959,-0.02265,-0.01005,-0.02126,-0.09259,-0.00342,0.05191,0.04365,0.05623,0.03608,-0.03681,-0.09751,0.01948,0.00783,0.05386,0.03259,-0.05924,0.03761,0.03086,0.0333,0.06638,0.0415,-0.03484,0.0174,-0.00206,-0.00705,0.05333,-0.11496,0.04915,-0.00043,-0.03685,0.05526,0.0063,-0.06019,0.00773,0.05322,-0.04512,0.00361,0.0343,0.08433,-0.0862,0.11584,-0.01586,0.00403,-0.04732,0,-0.117,0.05375,-0.03683,0.04948,0.09945,-0.0123,-0.04731,-0.06943,0.00161,-0.05131,-0.01309,-0.01706,0.01049,0.02963,0.12242,0.0103,0.0174,0.00626,-0.02623,0.00331,0.05698,0.063,0.01854,0.04141,0.03815,-0.0438,0.07266,0.01211,-0.03346,0.10427,0.00413,0.05174,0.0925,0.09522,-0.08241,-0.01584,-0.05089,-0.05836,-0.03647,-0.0295,0.02329,0.00554,-0.06496,-0.02968,-0.04213,-0.01037,-0.03812,-0.11028,0.1022,0.03009,-0.01267,-0.0423,-0.02801,-0.00699,0.08195,0.03275,0.01217,0.02165,0.03566,0.04039,-0.05857,0.02062,0.04101,-0.01423],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 1. Storing nodes in a signal We start by creating a signal to hold the list of all current nodes: Signals make the UI reactive — whenever the list updates, the DOM reflects the changes. 2. Handling the fCreateNode event Now let’s define the method that will run when a new node is added: f Create Node","excerpt":"1. Storing nodes in a signal We start by creating a signal to hold the list of all current nodes: Signals make the UI reactive — whenever the list updates, the DOM reflects the changes. 2. Handling the fCreateNode event Now let’s define the method that will run when a new node is added:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#21","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.11173,-0.00268,-0.01647,0.07764,0.09094,0.03708,-0.00624,0.01589,0.04455,0.07245,-0.08372,-0.04902,-0.02876,-0.09136,0.02949,0.08884,-0.02509,-0.03868,-0.05386,-0.04282,-0.08431,-0.03887,0.01915,-0.01702,0.01454,0.07777,0.04404,-0.04644,0.09179,-0.02876,0.09152,0.02879,0.01418,0.01923,-0.09046,0.10787,-0.03853,-0.0474,0.00976,-0.02511,0.10886,0.09107,-0.05746,-0.05455,0.0127,-0.01352,-0.08263,-0.01701,-0.02558,0.04226,-0.09307,-0.05929,-0.03162,-0.03934,-0.01832,0.08591,0.03617,-0.04662,0.04817,0.00968,0.07584,-0.04018,0.04968,0.00863,0.04725,0.04726,-0.07004,0.01583,-0.00024,-0.04157,0.08682,-0.0165,-0.03017,0.04652,-0.01388,-0.02066,-0.1056,0.01443,0.02253,-0.00812,0.04393,-0.00447,0.0182,0.09701,-0.00814,0.07266,0.00783,-0.04726,-0.01409,0.00752,0.00804,-0.00231,0.02593,0.05109,0.02855,0.10102,0.06021,-0.03143,-0.06126,0.06678,-0.02528,0.00832,-0.00219,-0.01004,-0.05067,0.00674,0.02703,-0.09317,-0.08291,0.01773,0.01197,0.05054,-0.06537,-0.06471,-0.0398,0.01208,0.01415,0.0081,0.00721,0.10776,0.0413,-0.00356,-0.02243,0.05464,0.07647,0.01642,-0.04193,0,0.032,0.00951,-0.02894,0.00975,0.14045,-0.0351,-0.02787,-0.08174,-0.05105,0.01388,0.02727,-0.02268,-0.02267,-0.01848,0.04008,-0.10944,0.00875,0.03746,-0.00557,-0.0131,-0.01592,-0.0575,-0.07079,0.03988,0.04006,0.12773,-0.0281,0.00833,-0.0131,-0.01199,-0.00723,0.05674,-0.01056,0.05612,-0.0598,0.01054,-0.05713,-0.05261,-0.06954,-0.00375,0.02796,0.00759,-0.06513,0.00471,-0.05507,-0.04648,-0.02978,0.00434,0.08642,-0.00235,-0.03843,0.08475,0.00774,-0.04762,0.04866,-0.04316,-0.03511,0.03538,0.09329,0.00252,0.06517,0.00934,-0.03534,0.02036,0.06843,0.01866,0.00988,-0.04007,0.15696,-0.02089,0.01553,0.01605,-0.0202,0.03888,0.03704,-0.02283,-0.07001,-0.08828,0.0423,-0.07414,-0.01348,-0.04473,-0.02921,0.05596,0.1036,-0.07959,-0.06725,0.01009,-0.09983,0.00189,0.08379,0.00727,-0.0272,-0.05429,-0.01683,0,-0.05477,0.02385,-0.03161,0.06324,-0.01525,-0.04256,-0.02013,0.03717,0.01473,0.11483,0.02703,0.02019,-0.0449,0.01721,0.015,0.02891,-0.049,-0.08013,0.07649,-0.04554,0.09188,0.07726,-0.02608,0.01082,-0.06972,0.01813,0.03533,0.02616,0.03666,-0.04108,-0.05262,0.0329,-0.09151,-0.00563,0.01544,-0.01982,0.05431,0.00887,-0.05413,-0.00318,0.02129,-0.00701,-0.03696,0.02024,-0.04665,-0.03121,-0.05601,0.12206,0.04238,-0.02497,-0.04148,0.00907,-0.01544,-0.0125,-0.07756,-0.05674,0.02583,-0.02607,-0.00881,0.05537,-0.03702,-0.04647,-0.00626,-0.0027,0.07834,0.02319,-0.08783,0.06187,-0.02113,0.00216,0.03748,-0.00185,-0.00959,-0.0012,0.04853,0.01819,0.05153,-0.05196,0.08172,-0.04411,-0.01119,0.06625,0.00575,-0.03094,0.03182,0.01895,-0.04239,0.01584,0.01882,0.11946,-0.08436,0.02975,-0.01375,0.04429,-0.04934,0,-0.1145,0.0643,-0.06264,0.02856,0.11596,-0.01101,-0.07358,0.00569,0.02111,-0.03669,-0.04279,-0.00229,-0.02989,0.0128,0.14857,0.01344,-0.04325,0.01893,-0.02606,-0.01559,0.06978,0.07077,0.01749,-0.02215,0.01323,-0.0727,-0.01458,0.05919,-0.05856,0.0564,-0.01191,0.03718,0.08347,0.06988,-0.07269,-0.01756,-0.03004,-0.07006,-0.032,-0.096,0.0236,-0.03765,-0.07956,-0.03632,-0.08063,0.00274,-0.02768,-0.05269,0.1132,0.01461,-0.04503,-0.08361,-0.01018,-0.00296,0.06562,0.01056,-0.01057,0.01229,0.06155,0.01748,-0.04854,-0.00461,0.00889,-0.02253],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Here’s what’s happening: - We extract the node’s metadata from event.data. - We generate a unique id using generateGuid(). - We use the position passed from the event — this is usually the cursor position on drop. - We return a new list of nodes with the new one added. 3. Updating the template generate Guid","excerpt":"Here’s what’s happening: - We extract the node’s metadata from event.data. - We generate a unique id using generateGuid(). - We use the position passed from the event — this is usually the cursor position on drop. - We return a new list of nodes with the new one added. 3. Updating the template"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#22","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.11852,0.01053,-0.05348,0.08419,0.07534,0.03791,-0.03094,0.04639,-0.0307,0.0872,-0.11437,-0.03346,0.01005,-0.01084,0.0435,0.10194,0.02599,0.0267,0.028,-0.02243,-0.05626,0.00656,-0.00453,-0.02664,0.01185,0.08444,0.03858,-0.07328,0.05767,-0.01397,0.06553,0.03882,0.06576,0.05384,-0.09374,0.09317,-0.01167,-0.00664,-0.01642,-0.03083,0.03907,0.06742,-0.05443,-0.11128,-0.00329,-0.05111,-0.04882,-0.03853,-0.0574,0.00325,-0.11319,-0.14735,-0.06571,-0.05833,-0.0607,0.00275,-0.02772,-0.0882,0.03234,0.04325,0.05847,-0.00959,0.09148,0.02538,0.06885,0.04105,-0.06356,0.08607,0.0305,-0.04384,0.03734,-0.02854,0.00338,-0.03005,-0.01987,0.00378,-0.02301,0.00811,0.00925,-0.03859,0.01084,0.00783,0.00793,0.07881,-0.04931,0.10525,0.01619,-0.03693,-0.00718,-0.04197,-0.01878,0.02197,0.05667,-0.01151,0.02229,0.05749,0.08211,-0.06902,-0.10246,0.03938,-0.03382,-0.01406,0.05232,-0.06411,-0.06405,-0.01609,0.05983,-0.05603,-0.0405,-0.03682,0.0286,0.05879,-0.06341,-0.11068,0.00776,-0.07433,0.01847,-0.01218,0.07382,0.09777,0.0184,-0.01745,-0.04279,0.05579,0.14948,0.00382,-0.06066,0,0.05551,0.05956,0.01392,0.00376,0.09507,-0.07104,-0.00569,-0.08472,-0.0698,-0.00578,0.08364,0.04061,-0.00088,0.06102,0.01924,-0.10261,0.03666,-0.0138,0.00646,-0.04708,-0.06852,-0.05584,-0.05024,0.05413,0.01577,0.09823,0.03605,-0.00379,-0.03236,-0.01663,0.04342,0.05507,-0.033,0.06724,-0.03333,-0.01922,-0.07755,-0.02942,-0.02166,0.02103,0.01751,-0.00071,-0.0107,0.02742,-0.00096,-0.011,0.00348,0.01523,0.08072,0.0229,-0.04198,0.09894,-0.05798,0.00567,0.03656,-0.0468,-0.0436,0.06911,0.11366,0.02743,0.01707,-0.01591,-0.03876,-0.01655,0.00088,0.02971,0.01639,-0.03296,0.11517,0.00795,-0.00365,0.01515,0.04271,0.06084,0.00341,-0.00749,-0.04632,-0.1043,0.0619,-0.07916,-0.04996,-0.0505,-0.01901,0.10776,0.11055,-0.09844,-0.03268,0.00208,-0.07657,-0.02656,0.01804,0.02234,-0.01791,-0.06597,-0.0208,0,0.01762,0.03917,-0.06812,0.04705,0.02476,-0.04177,-0.01158,0.0009,0.05508,0.0898,0.01869,-0.00574,-0.01261,-0.01791,-0.01965,-0.02566,-0.03236,-0.07573,0.07957,-0.04254,0.0566,0.05662,-0.00263,-0.0222,-0.05932,0.03772,-0.02383,0.03413,0.01093,-0.00902,0.00771,-0.00656,-0.0242,-0.03341,-0.01895,-0.02859,0.04239,0.02513,-0.03998,-0.02764,0.04515,-0.058,-0.01561,-0.0082,-0.06185,-0.05288,-0.07652,0.05233,0.0059,-0.00668,-0.04602,-0.03419,-0.02432,-0.05532,-0.11391,-0.09606,0.03185,0.016,0.04419,0.04173,-0.04913,-0.06059,0.05378,-0.01674,0.03877,-0.01645,-0.07924,0.00442,0.00988,0.00393,0.04284,-0.03921,-0.03584,0.02463,0.02533,0.00501,0.07792,-0.05901,0.07511,0.00651,-0.0098,0.0734,-0.00974,-0.03943,0.04233,0.03191,-0.06485,0.02154,0.04766,0.12762,-0.04852,0.05467,0.04481,0.04226,0.00481,0,-0.09519,0.04772,-0.01852,0.05192,0.07121,-0.01244,-0.00895,-0.02635,0.01768,0.04857,-0.01818,-0.03102,-0.01535,0.01948,0.13111,0.06089,-0.03805,0.0243,-0.04095,0.03066,0.04014,0.06573,-0.03464,0.02064,-0.01327,-0.0087,0.00773,-0.01088,-0.04813,0.08578,0.01367,0.04582,0.08137,0.0527,-0.05402,-0.06006,-0.10061,-0.0411,-0.05544,-0.00642,-0.00626,-0.01066,-0.08208,-0.04958,-0.03484,-0.03113,-0.04148,-0.09581,0.04349,0.00468,-0.01625,-0.06857,-0.06926,0.00001,0.08153,0.00409,0.00925,0.01631,0.04105,0.04242,-0.01467,-0.00204,0.01393,-0.0272],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Let’s replace the static nodes with a dynamic list rendered using @for: Key notes:","excerpt":"Let’s replace the static nodes with a dynamic list rendered using @for: Key notes:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#23","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.07443,0.02451,-0.04321,0.10349,0.1044,0.04843,0.0859,0.01257,0.07851,0.0052,-0.08678,-0.03762,-0.05093,-0.04306,-0.0088,0.02204,-0.02278,0.00671,-0.02528,-0.003,0.02192,-0.10517,0.00359,-0.04065,-0.00507,0.04045,0.0052,-0.0616,0.11645,-0.04889,0.07033,0.04964,-0.0236,0.03383,-0.154,0.09215,0.02058,-0.01598,-0.05882,-0.01851,0.07335,0.04047,-0.04344,-0.06773,-0.01555,0.02273,-0.02324,0.02092,-0.07625,0.0927,-0.03919,-0.07162,-0.0358,0.05755,0.01821,0.04318,0.04207,-0.09543,0.05556,0.03417,0.02544,-0.02168,0.03124,0.0286,0.07722,0.0019,-0.09069,0.01634,0.04033,-0.05745,0.10158,-0.00618,-0.00585,-0.01504,0.03898,-0.00895,-0.0381,0.07822,-0.05798,0.00756,0.06105,0.06442,0.01607,0.03681,-0.00068,0.13835,-0.05372,-0.01102,-0.0535,0.03816,-0.04374,0.07011,-0.04033,-0.01127,0.06307,-0.0087,0.01778,-0.05195,-0.02998,0.01191,-0.01724,0.01723,-0.0095,0.03752,-0.02494,-0.04474,-0.0096,-0.06909,-0.07083,0.03861,-0.00484,0.02762,0.01243,-0.06429,-0.03757,-0.01294,-0.05804,0.02511,0.04898,0.09552,0.04833,0.03482,-0.02672,0.00261,0.09223,-0.00019,-0.06843,0,0.03058,0.00141,-0.03185,0.05648,0.09669,-0.02569,0.0185,-0.09681,-0.01251,0.02234,-0.01359,0.00282,-0.03784,0.0165,-0.00035,-0.14769,-0.02678,-0.00573,0.00176,-0.03572,0.01937,-0.05127,-0.05468,-0.00365,0.04464,0.11006,-0.04568,0.06174,-0.00985,0.02301,-0.01873,0.02289,-0.03331,0.03025,-0.04049,0.00846,-0.05007,-0.08036,-0.04843,0.0064,0.01076,0.00367,-0.06396,0.01853,-0.05961,-0.0537,-0.02289,0.01079,0.09096,0.02274,-0.00762,0.04891,0.04137,-0.06463,0.05798,-0.08081,-0.06017,0.03306,0.05291,0.05309,0.04864,0.05936,-0.03832,0.00295,0.07371,0.05827,0.01693,0.01339,0.0961,-0.05509,-0.03342,0.04438,-0.00317,0.02642,0.0653,-0.02452,-0.03242,-0.0971,0.04377,-0.06445,-0.06846,-0.06631,0.01108,0.03935,0.09836,-0.06144,-0.01781,-0.00644,-0.12638,-0.04312,0.08501,0.0089,0.02631,-0.03028,0.00171,0,-0.01943,0.01166,-0.00218,0.07278,-0.0121,-0.04577,-0.03635,0.01955,0.02682,0.06874,-0.05484,0.05694,-0.02635,-0.00969,0.01411,-0.0098,-0.04979,-0.08455,0.01807,-0.04787,0.04758,0.0707,-0.03316,-0.02366,-0.11049,0.02037,0.03096,0.00699,0.02711,-0.05578,-0.01248,-0.05449,-0.07487,-0.01959,0.04162,-0.06862,0.06806,0.08409,-0.00179,0.00194,-0.00732,-0.03057,-0.03625,0.03974,-0.04166,0.02866,-0.09603,0.05257,0.04338,0.02484,-0.06988,0.02008,-0.05052,-0.00025,-0.03448,-0.03389,0.09946,0.02825,0.01812,0.01657,0.00203,-0.07641,0.0009,-0.03508,0.0839,0.03879,-0.05696,0.00188,0.04626,0.07547,0.04847,0.03612,-0.0195,-0.0508,0.04652,-0.00143,0.12841,-0.05138,0.05358,-0.00497,-0.00547,0.09484,0.01445,-0.01709,0.07187,0.0011,-0.04136,-0.0218,0.0359,0.07613,-0.06512,0.03336,-0.01106,-0.02129,-0.03726,0,-0.14202,0.03695,-0.06197,-0.00303,0.0608,-0.00839,-0.06784,0.00389,-0.01558,-0.05126,0.01541,0.04284,0.04527,-0.01539,0.12397,-0.02768,0.02575,0.03052,-0.04711,0.0032,0.00983,0.0543,-0.01461,0.04543,-0.03096,-0.07437,0.01432,-0.00272,-0.0186,0.06183,-0.04273,0.04319,0.043,0.10657,-0.10174,0.01324,-0.09366,-0.04023,-0.03743,-0.05109,0.10045,-0.01588,-0.04994,-0.0191,-0.04744,0.02009,-0.0345,-0.08672,-0.00905,0.07568,-0.01518,-0.01657,-0.01326,0.06817,0.07463,-0.00748,-0.03716,0.00108,0.08388,0.02147,-0.05626,0.03412,0.06466,-0.03113],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. - fDraggable enables node movement inside the canvas. - fNode links the element to Foblex Flow. - fDragHandle defines the draggable area inside the node. - [fNodePosition], [fNodeId], and [data] pass in the necessary parameters for rendering. 🔁 How the flow comes together When a user drags a node from flow-palette, the fExternalItem directive fires an fCreateNode event. We handle that event in the createNode method, construct a new node object, and append it to the list. Thanks to @for, the UI instantly reflects the change. 🛠 Generating Unique IDs f Draggable f Node f Drag Handle f Node Position f Node Id f External Item f Create Node create Node I Ds","excerpt":"- fDraggable enables node movement inside the canvas. - fNode links the element to Foblex Flow. - fDragHandle defines the draggable area inside the node. - [fNodePosition], [fNodeId], and [data] pass in the necessary parameters for rendering. 🔁 How the flow comes together When a user drags a node from flow-palette, the fExternalItem directive fires an fCreateNode event. We handle that event in the createNode method, construct a new node object, and append it to the list. Thanks to @for, the UI instantly reflects the change. 🛠 Generating Unique IDs"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#24","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09477,-0.00669,-0.08236,0.07008,0.05219,0.01248,-0.00975,0.02992,-0.00609,0.08866,-0.09892,-0.06719,0.01128,-0.03371,0.05378,0.08699,-0.01914,0.0248,-0.02175,-0.06162,-0.06082,0.00197,-0.00468,-0.02597,-0.01447,0.06391,0.05013,-0.05427,0.06945,-0.03319,0.07985,0.01878,0.06819,0.03696,-0.11673,0.13097,-0.0336,-0.03764,0.0149,-0.0697,0.03173,0.05094,-0.05562,-0.0721,0.0073,-0.03811,-0.09014,0.01177,-0.04355,0.01504,-0.08052,-0.12204,-0.0946,-0.01205,-0.02118,0.01607,-0.00774,-0.08026,0.02603,0.04609,0.04908,-0.01049,0.10475,0.01067,0.07426,0.06923,-0.0857,0.04576,0.01392,-0.05336,0.04252,-0.01097,0.00606,0.04641,-0.03436,-0.0269,-0.05715,0.04528,0.02509,0.00361,-0.0193,0.0459,0.01259,0.12482,0.00875,0.09495,0.02963,-0.01311,0.0065,-0.02559,-0.01564,0.01052,0.07587,-0.01462,0.09001,0.03109,0.05544,-0.05838,-0.06764,0.05741,-0.0755,-0.00663,0.0415,-0.06877,-0.06948,0.03003,0.05582,-0.08207,-0.01189,-0.0177,-0.00078,0.03269,-0.0545,-0.09709,0.0008,-0.03195,0.0299,0.00586,0.05549,0.09975,0.00305,-0.02547,-0.00321,0.04194,0.11485,0.03202,-0.06135,0,0.03729,0.07928,-0.03163,0.01427,0.10806,-0.06289,-0.0012,-0.08289,-0.07183,0.01259,0.05682,0.0351,-0.0126,0.04927,0.03746,-0.09271,0.00252,0.0091,0.026,-0.061,-0.02759,-0.09788,-0.05069,0.08074,0.07338,0.06345,0.01672,-0.04452,0.01171,-0.02276,0.04812,0.0188,-0.02079,0.07601,-0.03998,-0.00269,-0.05583,-0.03042,-0.03772,0.02534,0.029,0.00252,-0.03366,0.02278,-0.00285,-0.01454,-0.01521,-0.01712,0.08029,-0.00485,-0.01969,0.07822,-0.00934,-0.00005,0.04499,-0.07135,-0.06587,0.05072,0.08933,0.01282,0.03162,-0.02309,-0.04191,0.02619,0.01778,0.02028,0.01619,-0.0308,0.1415,-0.00889,-0.00382,-0.02459,-0.01695,0.04934,-0.01042,-0.00793,-0.02096,-0.05773,0.05823,-0.07798,-0.06389,-0.02426,-0.01655,0.06625,0.10036,-0.0884,-0.05551,0.0061,-0.10895,-0.02572,0.03893,0.04473,-0.04031,-0.04783,-0.00538,0,-0.0404,0.0079,-0.04631,0.06049,-0.01269,-0.07477,-0.01748,-0.02946,0.01846,0.09405,0.03945,0.00472,0.02184,-0.00456,0.01624,-0.00213,-0.05109,-0.06392,0.09657,0.01184,0.06266,0.07429,-0.01545,-0.03565,-0.03473,0.05255,-0.03112,0.03231,0.02346,-0.03292,-0.02734,0.00744,-0.05056,-0.0915,-0.00802,-0.03443,0.06828,0.01422,-0.06629,0.00255,0.03792,-0.05403,-0.04536,0.00875,-0.06328,-0.04337,-0.07837,0.08923,-0.03472,-0.04932,-0.06406,-0.02031,-0.00879,-0.08064,-0.08288,-0.0593,0.05652,0.04905,0.01076,0.07372,0.00233,-0.06804,0.04662,0.03187,0.03436,-0.02037,-0.0531,0.03313,-0.02116,0.01258,0.05044,-0.01341,-0.01213,0.0232,0.01248,0.00419,0.06752,-0.04288,0.06169,0.00797,0.02795,0.08506,0.0035,-0.01965,0.03106,0.02248,-0.03351,0.00201,0.03768,0.12258,-0.09902,0.09826,-0.00725,0.01456,-0.05555,0,-0.08676,0.04759,-0.01985,0.01576,0.07237,-0.00441,-0.07695,-0.02516,0.01317,0.01045,0.01224,-0.0077,-0.03826,-0.0078,0.11827,0.01462,-0.03641,0.02324,-0.0192,-0.00241,0.06471,0.07582,-0.00288,0.00112,0.00261,-0.07284,0.04899,-0.01997,-0.06351,0.0894,-0.0226,0.08346,0.09178,0.07292,-0.01822,-0.00652,-0.08619,-0.0336,-0.06896,-0.05399,0.03737,-0.00735,-0.0655,-0.05975,-0.05195,-0.00272,-0.02757,-0.09505,0.05582,-0.00353,-0.00633,-0.05969,-0.04607,0.03237,0.04859,0.01085,-0.01968,0.01358,0.05816,0.03734,-0.04396,0.03376,0.03219,-0.04815],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. To ensure each node has a unique identifier, we use a small utility function:","excerpt":"To ensure each node has a unique identifier, we use a small utility function:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#25","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.10125,-0.04674,-0.1025,0.10352,0.01076,0.06543,0.0398,0.02596,0.08013,0.04379,-0.04266,-0.00759,-0.02261,-0.00301,0.00147,0.05799,-0.01194,-0.08374,-0.04794,-0.01683,-0.01729,-0.14935,-0.02687,-0.06435,0.03962,-0.00154,0.02922,-0.07405,0.13792,0.00704,0.03639,0.04973,-0.03278,0.01922,-0.09715,0.10047,0.03483,-0.02494,-0.05398,-0.04073,0.07446,0.00257,-0.04628,-0.05913,0.01034,-0.00217,-0.04536,0.00901,-0.03134,0.08318,-0.07969,-0.03056,-0.05009,0.00795,0.01554,0.05101,0.03697,-0.03597,-0.04131,0.07226,0.00354,-0.02681,0.02999,0.01054,0.0678,0.02741,-0.10807,0.05663,0.0143,0.01032,0.04131,0.00143,-0.01685,-0.01134,0.03398,0.00009,-0.07288,0.0852,-0.01625,0.00956,0.08239,0.07606,-0.00333,0.04108,-0.03714,0.15541,-0.01031,-0.0697,-0.03068,0.01577,-0.0381,0.0684,-0.03143,0.03124,-0.00399,0.02271,0.00377,-0.03333,-0.05849,0.01183,-0.03455,-0.03531,0.02978,0.00254,-0.02903,-0.03113,-0.03385,-0.05224,-0.04989,0.0345,0.01715,0.01079,0.00451,-0.0594,-0.04505,0.01976,-0.01,0.00145,0.11174,0.11972,0.00904,0.01102,-0.04477,0.02939,0.0704,-0.08099,-0.0485,0,0.02586,0.03,-0.00252,0.0404,0.10531,-0.00195,-0.02103,-0.06674,-0.05097,0.01729,-0.01918,0.00309,-0.01509,0.05227,0.02247,-0.14895,0.02324,-0.00469,0.006,-0.02125,-0.00437,-0.11109,-0.02853,0.01747,0.06431,0.07082,-0.05398,0.02929,-0.02573,0.00634,-0.03317,0.04282,-0.04715,0.00865,-0.0728,0.00199,-0.05618,-0.05328,-0.08034,0.03247,0.02393,-0.02876,-0.0643,0.05737,-0.0213,-0.04556,-0.0338,0.05754,0.03554,0.0307,-0.02663,0.07585,0.03946,-0.01812,0.06863,-0.06578,-0.07458,0.01242,0.04069,0.03233,0.03279,0.00256,-0.08743,0.04628,0.02118,0.06152,0.02913,-0.02245,0.08143,-0.05458,-0.06212,0.05377,-0.04466,0.01216,0.02458,-0.00486,-0.09194,-0.06355,0.0616,-0.03245,-0.00561,-0.06209,-0.01499,0.08414,0.09194,-0.08999,-0.0202,-0.0294,-0.09106,-0.03343,0.06444,0.0268,0.05702,-0.01143,0.00673,0,0.00111,0.02169,-0.03702,0.05538,0.0146,-0.03588,-0.00033,-0.01005,0.03725,0.09079,0.02344,0.04285,0.00257,0.01803,-0.06765,-0.00241,-0.04094,-0.09616,0.04993,-0.0436,0.09038,-0.00134,0.02584,-0.03018,-0.08266,0.01392,0.04727,0.00474,-0.06219,0.02246,-0.02108,-0.00918,-0.06538,-0.0207,0.03401,-0.04919,0.08862,0.05582,0.03774,-0.05421,0.05603,-0.01211,-0.04321,0.03362,-0.05561,-0.01408,-0.08788,0.01744,-0.01319,0.01048,-0.06437,0.00796,-0.04211,-0.03945,-0.0934,-0.04329,0.07701,0.02181,0.04155,0.02645,0.03393,-0.0874,-0.02204,-0.00525,0.07045,0.0085,-0.03533,0.03188,0.0994,0.07041,0.07701,0.0372,-0.00389,0.02476,0.01786,0.02848,0.11057,-0.09034,0.06649,0.06217,-0.0281,0.07459,0.0248,0.00923,0.04476,0.02001,-0.07478,-0.0022,0.04527,0.07863,-0.02406,0.07104,-0.02735,0.00245,-0.05756,0,-0.10083,0.01806,-0.06551,-0.01922,0.05406,-0.01729,-0.01557,-0.03487,-0.0076,-0.01616,-0.03606,0.03007,-0.02715,0.0219,0.12162,0.01865,0.05525,-0.00532,-0.03556,-0.05702,0.04155,0.03819,0.00137,0.08924,-0.03379,-0.08784,0.01214,0.05242,-0.04333,0.07059,-0.03784,0.04332,0.03603,0.09568,-0.11194,0.01572,-0.07889,-0.0565,-0.06516,-0.0319,0.04955,0.03898,-0.02463,-0.06754,0.00486,0.02725,0.02786,-0.05695,0.00642,0.0296,-0.04088,-0.00173,-0.02235,-0.00085,0.03745,-0.03197,-0.0273,0.05033,0.06377,0.02748,-0.1033,0.06718,0.07105,-0.0611],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. ⚙️ Logic for Creating and Rendering Connections Now that we can add nodes from the palette, it’s time to implement the next key step: connecting nodes together — and rendering those connections inside the canvas. 🧩 What \\<f-connection-for-create Does This component goes inside \\<f-canvas and renders a temporary line when the user starts dragging a connection from an output. It also triggers the fCreateConnection event once the drag ends — either over a valid input or in empty space. f Create Connection","excerpt":"⚙️ Logic for Creating and Rendering Connections Now that we can add nodes from the palette, it’s time to implement the next key step: connecting nodes together — and rendering those connections inside the canvas. 🧩 What \\<f-connection-for-create Does This component goes inside \\<f-canvas and renders a temporary line when the user starts dragging a connection from an output. It also triggers the fCreateConnection event once the drag ends — either over a valid input or in empty space."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#26","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.07948,-0.03404,-0.07631,0.08459,0.02338,0.05454,0.02763,0.03038,0.06563,0.04455,-0.06238,-0.0403,-0.05527,-0.02962,0.01405,0.06811,0.02397,-0.05056,-0.04602,-0.00488,-0.04443,-0.14259,-0.01873,-0.04843,0.01419,0.04046,0.01991,-0.0532,0.10818,-0.02452,0.06142,0.04472,-0.0453,0.00449,-0.10733,0.08289,0.03286,-0.03248,-0.05804,-0.04623,0.10206,0.02703,-0.00525,-0.06844,0.00101,0.00273,-0.05136,0.0135,-0.03497,0.04564,-0.06957,-0.06243,-0.02111,-0.00782,0.01753,0.03734,0.04345,-0.06221,-0.03128,0.05992,0.02695,-0.00498,0.03832,0.01357,0.018,0.04706,-0.10442,0.05081,0.04009,-0.02048,0.02483,-0.00533,-0.01604,-0.03011,0.02097,-0.03721,-0.06034,0.07067,-0.0325,-0.01819,0.07747,0.06669,-0.00598,0.03342,-0.06067,0.11781,0.01263,-0.06255,-0.03954,0.00395,-0.01237,0.11188,-0.02141,-0.00978,0.04357,0.04845,-0.00499,-0.07363,-0.0781,0.03253,-0.02801,0.0101,0.02881,0.01917,-0.05891,0.00422,0.01207,-0.02937,-0.04642,0.04616,0.00288,0.02899,-0.00571,-0.07633,-0.01703,0.01204,-0.01355,0.00957,0.07353,0.14174,0.00975,0.00277,-0.06673,0.00745,0.11579,-0.03789,-0.05292,0,0.04895,0.03811,-0.03568,0.05727,0.11941,0.00187,0.02636,-0.11073,-0.03252,0.01402,-0.01174,-0.00778,-0.06505,0.03688,-0.02851,-0.13785,0.00903,-0.02248,0.0449,0.0015,0.00263,-0.12569,-0.04025,0.03272,0.08911,0.07564,-0.02719,0.03667,0.00112,-0.00941,0.00337,0.03184,-0.02019,0.01172,-0.07891,-0.02085,-0.06943,-0.06593,-0.06051,0.04762,0.00152,-0.01882,-0.0872,0.02262,-0.03453,-0.01891,-0.01559,0.00284,0.06515,0.02048,-0.02976,0.05373,0.02686,-0.015,0.08925,-0.09157,-0.07274,0.05976,0.04393,0.04643,0.03163,0.03373,-0.07361,-0.0234,0.07979,0.0543,0.00912,0.00522,0.07748,-0.082,-0.06757,0.04508,-0.02882,0.02166,0.05019,-0.01279,-0.04788,-0.05668,0.0765,-0.03639,-0.01309,-0.05828,0.01659,0.08761,0.09935,-0.07866,-0.02658,-0.04072,-0.10051,0.00476,0.05546,0.0366,0.08209,-0.03712,-0.0117,0,-0.03062,0.01607,-0.03426,0.05715,0.02208,-0.02438,0.01267,0.00876,0.04392,0.08595,0.03339,0.04388,-0.02302,-0.00942,-0.01797,0.00209,-0.02354,-0.0961,0.07496,-0.00667,0.05033,0.0798,-0.01085,-0.05387,-0.07359,0.0153,0.02707,0.00418,-0.00839,-0.03138,0.00394,-0.02217,-0.05756,-0.02527,0.02054,-0.01716,0.06571,0.0551,-0.006,-0.05906,0.03992,-0.02779,-0.05789,-0.00589,-0.0796,-0.00527,-0.11633,-0.02249,-0.02246,0.01224,-0.09752,0.01486,-0.05453,-0.02687,-0.06418,-0.03331,0.11307,0.02088,0.00717,0.02762,0.00195,-0.06375,0.00425,-0.03161,0.1014,0.02099,-0.02212,0.04887,0.07876,0.06084,0.02714,0.03043,0.00414,0.02459,0.05488,0.02412,0.10254,-0.05898,0.09014,0.05582,-0.0263,0.12392,0.00511,-0.02169,0.08434,0.03192,-0.06643,-0.02892,0.0667,0.08334,-0.06294,0.0416,0.00909,0.00886,-0.01559,0,-0.07918,0.01497,-0.05651,-0.01883,0.05356,-0.01095,-0.06124,-0.01434,-0.03436,0.00569,-0.04488,0.02553,-0.02741,0.04284,0.11137,0.00342,0.0185,0.01401,-0.02895,-0.071,0.03752,0.0507,-0.01822,0.06753,-0.01765,-0.06986,0.03945,0.01302,-0.06977,0.02943,-0.02073,0.03214,0.04255,0.07062,-0.09399,0.00495,-0.09834,-0.03812,-0.08129,-0.04661,0.07051,0.01297,-0.03273,-0.05853,0.00027,0.03015,-0.00837,-0.05857,0.00301,0.02933,-0.04835,0.00309,-0.04135,0.05282,0.05715,-0.02691,-0.01726,0.03721,0.0659,0.02057,-0.09725,0.04838,0.03526,-0.0466],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 📌 Listening to fCreateConnection and Displaying Connections Let’s update our Flow component template to handle the connection event and also render all created connections: `html <f-flow fDraggable (fCreateNode)=\"createNode($event)\" (fCreateConnection)=\"createConnection($event)\" <f-canvas <!-- Visual feedback during dragging -- <f-connection-for-create</f-connection-for-create f Create Connection f Draggable f Create Node create Node create Connection","excerpt":"📌 Listening to fCreateConnection and Displaying Connections Let’s update our Flow component template to handle the connection event and also render all created connections: `html <f-flow fDraggable (fCreateNode)=\"createNode($event)\" (fCreateConnection)=\"createConnection($event)\" <f-canvas <!-- Visual feedback during dragging -- <f-connection-for-create</f-connection-for-create"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#27","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.03669,0.00542,-0.0688,0.06103,0.02119,0.05717,0.06121,0.014,0.05506,0.0397,-0.10317,-0.04388,-0.04867,-0.03419,0.028,0.04745,-0.0275,-0.02709,-0.01809,-0.02014,-0.0483,-0.11511,-0.0058,-0.04379,-0.01962,0.05721,0.02244,-0.08514,0.03719,0.00471,0.02612,0.02583,-0.02582,0.02766,-0.11224,0.05658,0.00177,-0.01688,-0.06594,-0.01648,0.09039,0.04653,-0.00801,-0.09134,0.03247,0.02145,-0.08547,0.03072,-0.0249,0.06306,-0.05836,-0.07023,-0.03859,0.02968,0.02388,0.07492,0.04726,-0.06672,0.01704,0.09727,0.0466,-0.03391,0.01976,0.02357,0.03687,0.05584,-0.08024,0.06113,0.02453,-0.01893,0.05881,-0.00374,-0.01173,-0.06256,0.0111,-0.03088,-0.05058,0.06999,-0.03238,-0.02627,0.06551,0.06183,0.0293,0.06363,-0.0047,0.10685,-0.01867,-0.07112,-0.03423,0.0048,-0.0451,0.07655,-0.07777,-0.00902,0.09179,0.02049,-0.00992,-0.05679,-0.05864,0.03561,-0.03774,-0.01974,0.01701,-0.00958,-0.03348,0.0079,0.00066,-0.00459,-0.03713,0.01156,-0.01958,0.02186,0.00711,-0.03206,-0.0136,0.00933,-0.0119,0.03081,0.05479,0.13879,-0.00248,-0.01009,-0.04458,-0.02388,0.09028,-0.02923,-0.0222,0,0.01249,-0.00462,-0.03343,0.01158,0.10069,0.0053,0.02397,-0.11754,-0.03456,0.05321,-0.03444,-0.02509,-0.06438,-0.02532,-0.03667,-0.11791,0.04085,-0.01748,0.02543,0.00931,0.03986,-0.14268,-0.05968,0.0151,0.07712,0.0852,-0.061,0.05587,-0.0069,0.00122,0.01083,0.02068,0.00663,0.01233,-0.0788,-0.07133,-0.04586,-0.03022,-0.07161,0.03545,-0.02239,-0.01739,-0.08034,0.02981,-0.03361,-0.01749,-0.0514,0.01069,0.07907,0.04165,-0.03773,0.0514,-0.01754,-0.05066,0.05546,-0.07519,-0.07305,0.09205,0.00228,0.04632,0.05123,0.01847,-0.04667,-0.03764,0.10276,0.09644,-0.01915,-0.04036,0.06191,-0.09017,-0.07268,0.0491,-0.00367,0.00896,0.05744,0.01532,-0.03702,-0.00644,0.0322,-0.02625,-0.0494,-0.07381,-0.00726,0.08548,0.10564,-0.05144,-0.01313,-0.03956,-0.09747,0.00899,0.08209,0.0574,0.03537,-0.04679,0.01057,0,-0.0181,0.05184,-0.00848,0.03907,0.04856,-0.02934,0.03495,-0.01378,0.06818,0.11198,0.03773,0.07397,-0.00793,-0.0028,-0.02633,0.02887,-0.0103,-0.05572,0.06019,-0.01733,0.01937,0.05178,-0.00306,-0.0863,-0.05618,0.02435,0.02981,0.00278,-0.03053,-0.01934,0.00454,-0.00449,-0.05709,-0.00043,0.04208,-0.02439,0.06392,0.02219,-0.03132,-0.02669,0.06243,-0.03839,-0.03072,-0.01517,-0.04325,0.02336,-0.11157,0.02359,-0.08657,0.01086,-0.08609,0.01152,-0.0283,-0.00807,-0.06093,0.03046,0.1183,0.032,-0.01767,0.01399,0.04908,-0.09382,0.00079,0.00268,0.1026,0.03731,-0.03661,0.04519,0.09514,0.05672,0.03235,0.02739,0.02923,0.03581,0.06576,0.02777,0.05434,-0.07264,0.06037,0.04512,-0.00271,0.14121,0.0008,-0.02997,0.09161,0.04478,-0.04668,-0.02885,0.05178,0.07073,-0.05084,0.0304,0.01226,-0.04696,-0.0425,0,-0.09366,0.01524,-0.04379,-0.03121,0.10764,0.00071,-0.05857,-0.00378,-0.02383,0.02311,-0.05389,0.05154,0.01535,-0.01201,0.10466,-0.04319,0.03182,-0.02791,-0.03336,-0.01114,0.03439,0.01972,-0.02308,0.09557,-0.02894,-0.10545,0.05082,-0.01292,-0.06448,0.04088,-0.05176,0.00836,0.04685,0.10086,-0.09427,0.00933,-0.08547,-0.03486,-0.08793,-0.00638,0.04237,-0.01617,-0.02703,-0.03532,-0.01136,0.03736,0.00605,-0.05549,0.03089,0.04793,-0.06265,-0.0101,-0.04282,0.02335,0.02302,-0.05118,-0.03059,0.00777,0.0171,0.03989,-0.12111,0.05669,0.03007,-0.07957],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. <!-- Render all established connections -- @for (connection of connections(); track connection.id) { <f-connection [fConnectionId]=\"connection.id\" [fOutputId]=\"connection.from\" [fInputId]=\"connection.to\" / } <!-- Render all nodes -- @for (node of nodes(); track node.id) { <node fNode fDragHandle [fNodePosition]=\"node.position\" [fNodeId]=\"node.id\" [data]=\"node\" </node } </f-canvas </f-flow <flow-palette / ` 🔁 Handling the Connection Event f Connection Id f Output Id f Input Id f Node f Drag Handle f Node Position f Node Id","excerpt":"<!-- Render all established connections -- @for (connection of connections(); track connection.id) { <f-connection [fConnectionId]=\"connection.id\" [fOutputId]=\"connection.from\" [fInputId]=\"connection.to\" / } <!-- Render all nodes -- @for (node of nodes(); track node.id) { <node fNode fDragHandle [fNodePosition]=\"node.position\" [fNodeId]=\"node.id\" [data]=\"node\" </node } </f-canvas </f-flow <flow-palette / ` 🔁 Handling the Connection Event"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#28","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.10428,-0.05951,-0.09057,0.09478,0.00175,0.01877,-0.04465,0.04652,0.02299,0.06408,-0.06846,-0.06257,-0.03992,-0.03272,0.0839,0.09201,0.01579,-0.08749,-0.05498,-0.035,-0.08306,-0.09317,-0.01139,-0.03829,0.00872,0.02023,0.0162,-0.07185,0.11439,-0.00124,0.1075,0.05903,0.0151,0.02867,-0.13688,0.11639,0.01142,-0.04088,-0.0184,-0.05025,0.09067,0.05448,-0.04329,-0.09886,0.03821,-0.01395,-0.05902,-0.01237,-0.01172,0.01181,-0.10371,-0.04745,-0.05157,0.0065,0.00943,0.05796,0.03997,-0.00424,-0.01097,0.03587,0.0398,-0.03413,0.06843,0.0063,-0.00047,0.05629,-0.08551,0.0393,0.04964,-0.07026,0.02568,-0.02898,-0.0196,-0.01645,0.0272,-0.01147,-0.05034,0.0285,0.05221,-0.02251,0.02518,0.03269,-0.0084,0.0762,-0.00306,0.10786,0.00608,-0.08753,-0.0327,0.03093,-0.00311,0.05529,-0.00356,0.03333,0.00579,0.04681,0.03286,0.00493,-0.07378,0.05095,-0.02548,0.02298,0.01087,0.0137,-0.10316,-0.03557,0.01689,-0.00718,-0.02485,0.02258,0.02141,0.00629,-0.01578,-0.08111,-0.02348,0.04092,0.04588,0.02434,0.04337,0.12126,-0.00972,-0.03912,-0.05173,0.05309,0.09089,-0.01505,-0.06029,0,0.00798,0.06672,-0.01664,0.00422,0.12087,-0.05081,0.04238,-0.08866,-0.0253,0.03486,0.00394,0.0619,-0.02336,0.03791,-0.00614,-0.13047,-0.00168,-0.03288,0.00575,-0.0198,0.02125,-0.0728,-0.02343,0.03728,0.03194,0.08406,0.0009,0.03256,0.00971,-0.00158,0.01088,0.0492,-0.02448,0.063,-0.02584,-0.03994,-0.02924,-0.05807,-0.11531,0.03608,0.03314,-0.02154,-0.09381,0.02246,-0.01791,-0.0521,-0.01791,0.01815,0.12583,0.02662,-0.03487,0.04523,-0.0073,-0.0182,0.06644,-0.0488,-0.07502,0.03127,0.05811,0.05315,0.01992,-0.02579,-0.03887,0.03798,0.04411,0.04764,0.00959,-0.07169,0.07815,-0.02533,0.00436,0.05679,-0.03175,0.04625,0.03081,-0.01169,-0.04905,-0.01402,0.05833,-0.04777,-0.02721,-0.02489,-0.02504,0.13776,0.09221,-0.08606,-0.06482,-0.01126,-0.08589,-0.00724,0.0488,0.02956,0.04272,-0.0023,-0.02325,0,-0.05639,0.00979,-0.11555,0.01693,-0.02716,-0.03529,-0.00531,0.03363,0.04569,0.12517,0.06043,-0.00596,0.01147,0.01344,-0.04896,-0.03248,0.04314,-0.08918,0.06692,0.00285,0.08039,0.04335,-0.01491,-0.04596,-0.03325,0.02755,-0.02223,0.02647,-0.00201,-0.00187,-0.01187,0.01227,-0.06632,-0.04316,0.00171,0.00258,0.04493,0.03007,-0.02626,-0.07714,0.0202,-0.03243,-0.06217,0.01394,-0.03914,-0.00246,-0.10924,0.02453,-0.03896,0.01044,-0.02598,0.00169,0.00928,-0.02689,-0.12905,-0.00809,0.08268,0.031,0.01658,0.03095,0.03284,-0.10824,0.00118,-0.00472,0.07351,0.06114,-0.01433,0.06944,0.05972,0.02141,0.06131,0.02543,0.00593,0.01649,0.02397,0.02777,0.02173,-0.08178,0.05234,0.03679,-0.0073,0.08002,-0.0053,-0.02993,0.047,0.01563,-0.05544,0.00321,0.02721,0.09312,-0.07245,0.07352,-0.03036,0.04447,-0.03293,0,-0.07713,0.03487,-0.07232,0.0186,0.09195,0.01496,-0.06652,-0.06621,-0.01568,0.01967,-0.07921,-0.00727,-0.04253,0.01427,0.11609,-0.00542,-0.00688,-0.02733,-0.01069,-0.0524,0.02671,0.02427,0.00473,0.0341,0.02493,-0.05374,0.07657,0.04662,-0.0791,0.08272,-0.03944,0.0336,0.08352,0.04514,-0.11654,0.0089,-0.02068,-0.05791,-0.07721,-0.06212,0.01378,0.00872,-0.05495,-0.05673,-0.00208,0.01331,-0.03419,-0.04411,0.09115,0.00949,0.00502,-0.03197,-0.08064,0.00282,0.04905,-0.03163,0.00591,-0.00907,0.01864,0.03328,-0.08123,0.05287,0.02447,-0.05114],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Here’s the method that handles fCreateConnection and stores the connection in a reactive signal: Here’s what’s happening: f Create Connection","excerpt":"Here’s the method that handles fCreateConnection and stores the connection in a reactive signal: Here’s what’s happening:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#29","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.07343,0.00735,-0.05562,0.08373,0.06477,0.06867,0.03158,0.0384,0.0218,0.05747,-0.06144,-0.01823,-0.0307,-0.0323,-0.00486,0.03993,-0.03012,-0.01258,-0.07287,-0.0473,-0.0404,-0.05389,-0.01665,-0.05078,-0.05146,0.04856,0.07994,-0.10195,0.04265,-0.00749,0.02363,0.00854,0.02768,-0.02919,-0.13971,0.07471,-0.00822,-0.02814,-0.03873,-0.07286,0.05494,-0.00469,-0.0096,-0.03493,0.00397,-0.00477,-0.1021,0.01084,-0.04045,0.08267,-0.07305,-0.07781,-0.025,0.0224,-0.00852,0.03857,0.04992,-0.08701,0.02464,0.01534,0.04791,-0.02162,0.03286,0.01972,0.11922,0.03892,-0.06026,-0.00409,-0.0029,-0.04806,0.0488,-0.03179,-0.02572,0.02737,0.00636,-0.05184,-0.09132,0.03467,0.01435,0.03877,0.06565,0.01726,-0.02085,0.11068,0.01429,0.13834,-0.0223,0.00101,-0.00475,-0.04505,-0.01274,0.00058,0.04121,0.00933,0.06849,0.04466,0.02877,-0.04104,-0.0802,0.05102,-0.08384,0.00093,-0.01403,-0.03012,-0.01372,0.02749,0.02662,-0.08793,-0.04045,-0.01104,0.00608,0.00286,-0.02108,-0.03841,0.02521,0.01179,-0.00688,0.02395,0.03369,0.11579,0.00151,0.02639,-0.02598,0.04873,0.08847,0.03069,-0.04018,0,0.03198,0.03322,-0.05871,-0.03342,0.11944,-0.04253,0.0183,-0.10809,-0.02254,0.02215,0.00647,-0.00794,-0.00552,0.01955,0.0345,-0.09999,0.0468,0.054,0.01831,-0.04954,-0.00749,-0.06178,-0.04471,0.05722,0.09588,0.09227,-0.05036,-0.00614,0.05607,-0.00705,0.00511,0.05031,-0.07478,-0.00663,-0.05836,-0.03919,-0.05396,-0.05037,-0.05328,-0.00297,0.02241,-0.02372,-0.05384,0.02401,-0.05789,-0.06258,0.00405,-0.03737,0.06028,-0.0149,-0.02469,0.07952,0.01388,-0.05536,0.03862,-0.09532,-0.03584,0.0685,0.05472,0.00898,0.02514,0.01437,-0.02571,0.03319,0.01713,0.00307,-0.01248,-0.07469,0.12128,-0.04339,-0.03098,-0.00231,-0.01138,0.04632,0.0115,-0.00126,-0.06048,-0.09433,0.03686,-0.06709,-0.03884,-0.0338,-0.0258,0.06492,0.12641,-0.06826,-0.07145,-0.02413,-0.09216,-0.07118,0.02951,0.04327,-0.04526,-0.04959,0.01939,0,-0.07969,0.06089,-0.06061,0.0656,-0.03363,-0.04299,0.02212,-0.01417,0.06585,0.07922,0.03027,0.04992,0.00268,0.0227,0.01084,0.02668,-0.06825,-0.05877,0.09018,-0.03595,0.107,0.02662,0.00646,-0.01206,-0.0691,0.01074,0.05325,-0.02112,-0.0182,-0.02394,-0.00828,0.00933,-0.07312,-0.02803,-0.02042,-0.03843,0.05782,0.03412,-0.05512,0.02058,0.05525,-0.01102,-0.00352,0.05074,-0.05458,-0.03296,-0.10323,0.07952,0.03013,-0.00296,-0.078,0.00575,0.01118,-0.04762,-0.09267,-0.04517,0.11704,0.00546,-0.0081,0.04791,-0.01134,-0.06338,0.02809,-0.00093,0.06342,0.0317,-0.04053,0.08463,0.02309,0.02085,0.10147,0.02732,0.02933,0.03937,0.04467,0.02285,0.0677,-0.04896,0.06181,-0.01687,0.02253,0.06951,0.01278,-0.04384,0.05354,0.02674,-0.02823,-0.01012,0.02665,0.07994,-0.07545,0.06274,0.01039,0.01283,-0.06451,0,-0.07627,0.08788,0.01031,0.01137,0.11941,0.01024,-0.0868,-0.00586,0.01981,-0.01145,-0.04843,-0.00007,-0.01169,0.0179,0.15252,0.03619,0.00877,0.0205,-0.04781,-0.00918,0.11018,0.06104,-0.02183,0.01976,-0.01864,-0.09453,0.02252,0.02349,-0.08943,0.04215,-0.02027,0.06538,0.0851,0.0619,-0.05504,0.03444,-0.04438,-0.05023,-0.07338,-0.04352,0.03642,-0.00246,-0.06287,-0.06572,-0.06485,0.00406,-0.0123,-0.11314,0.05176,0.06006,-0.05985,-0.03466,-0.01673,0.03619,0.0638,0.00079,-0.02781,0.01326,0.03426,0.00982,-0.02794,0.07038,0.02547,-0.05052],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. - event.fOutputId is the ID of the output connector the user dragged from. - event.fInputId is the ID of the input the user dropped onto. - If fInputId is missing (the user released the mouse in empty space), we ignore the event. f Output Id f Input Id","excerpt":"- event.fOutputId is the ID of the output connector the user dragged from. - event.fInputId is the ID of the input the user dropped onto. - If fInputId is missing (the user released the mouse in empty space), we ignore the event."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#30","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.06871,-0.00879,-0.09045,0.05891,-0.00494,0.04585,-0.0119,0.0307,0.00252,0.07641,-0.10825,-0.03979,-0.0093,-0.02973,0.05508,0.0801,0.00502,0.00501,-0.01703,-0.05654,-0.05164,-0.05068,-0.02816,-0.04253,-0.03226,0.06109,0.02862,-0.06559,0.06907,-0.00995,0.04115,0.04478,0.02844,0.04157,-0.13678,0.09806,-0.00059,-0.04166,-0.04759,-0.04489,0.06785,0.03343,-0.03596,-0.08325,-0.0083,-0.03001,-0.07687,-0.01901,-0.04236,0.0249,-0.09488,-0.09731,-0.08344,0.01734,-0.02274,0.03856,0.02244,-0.06287,-0.01186,0.04435,0.04122,-0.03404,0.03448,0.0257,0.08347,0.05689,-0.09144,0.07281,0.041,-0.02521,0.00428,-0.02559,-0.02506,-0.0237,-0.01127,-0.02043,-0.04184,0.01988,0.00773,-0.0314,0.03644,0.0507,0.00768,0.10257,-0.03003,0.11191,0.01171,-0.06226,0.01865,-0.02298,-0.01402,0.05142,0.03735,0.00421,0.05514,0.06505,0.04092,-0.05781,-0.06876,0.07028,-0.05174,-0.02682,0.04222,-0.0704,-0.05166,0.02112,0.04226,-0.02322,-0.02409,-0.02006,-0.00392,0.02598,-0.00944,-0.09413,-0.00801,-0.01586,0.01512,-0.00611,0.0488,0.15653,-0.01489,-0.01112,-0.00907,0.04235,0.12484,-0.0059,-0.04729,0,0.01345,0.03238,0.004,0.01387,0.10078,-0.01278,0.00861,-0.11117,-0.05782,0.01236,0.0191,0.04557,-0.05193,0.06363,0.01587,-0.12685,0.02015,-0.00035,0.04371,-0.01712,0.01818,-0.11672,-0.04539,0.05781,0.06897,0.06432,0.0079,-0.0024,-0.0064,-0.01138,0.03171,0.02971,-0.02306,0.04368,-0.04574,-0.02877,-0.04076,-0.02609,-0.04514,0.01365,0.01692,-0.02445,-0.04493,0.02644,-0.01906,-0.02048,-0.02882,0.01714,0.08204,0.03046,-0.02671,0.06918,-0.0239,-0.00755,0.05244,-0.05623,-0.07432,0.07574,0.0735,0.03495,0.02046,-0.00435,-0.05836,-0.0109,0.02208,0.04765,0.00243,-0.05974,0.11418,-0.03844,-0.07314,0.04711,-0.02574,0.04085,0.01581,0.00375,-0.04267,-0.03205,0.05008,-0.03656,-0.0368,-0.04507,-0.03237,0.11868,0.09997,-0.07699,-0.0542,-0.03837,-0.07298,-0.03065,0.03419,0.02347,0.02307,-0.04206,0.01208,0,-0.03024,0.032,-0.04448,0.0738,0.02691,-0.04356,0.0082,-0.01287,0.04766,0.11686,0.05853,0.05298,0.02812,-0.02488,-0.03809,-0.03589,-0.00693,-0.09139,0.09445,-0.01473,0.06289,0.06652,-0.0063,-0.05052,-0.05298,0.03748,-0.01277,0.0287,-0.0175,0.01855,0.00492,0.00334,-0.04561,-0.06453,-0.02248,-0.02944,0.06923,0.03172,-0.056,-0.02118,0.06093,-0.0453,-0.03915,-0.01376,-0.05977,-0.01323,-0.11735,0.03155,-0.05203,-0.02041,-0.06712,-0.00106,-0.03242,-0.05352,-0.09564,-0.03743,0.10263,0.02138,0.01646,0.05887,-0.01056,-0.09716,0.04718,-0.0206,0.03721,0.01472,-0.06091,0.04505,0.04596,0.05161,0.07233,-0.00202,0.00327,0.04596,0.06846,0.01054,0.05477,-0.06549,0.08259,0.04187,-0.01933,0.11072,0.00236,-0.00255,0.07792,0.01485,-0.05607,-0.03123,0.05837,0.11015,-0.08817,0.08385,-0.00507,0.00379,-0.03287,0,-0.07817,0.01891,-0.01383,0.02711,0.08113,0.017,-0.04488,-0.0079,0.01297,0.04477,-0.01602,0.00066,-0.04174,-0.00738,0.12206,0.05082,0.00456,-0.00239,-0.04112,-0.03346,0.06963,0.07121,-0.01727,0.07948,0.01782,-0.07025,0.04853,0.01687,-0.0985,0.08182,-0.00837,0.06953,0.06695,0.08425,-0.08911,-0.00409,-0.08913,-0.02143,-0.10116,-0.0324,0.02005,-0.00208,-0.04927,-0.06359,-0.01677,0.00534,-0.00968,-0.07888,0.03303,0.00705,-0.03251,-0.02059,-0.06341,0.03428,0.02346,-0.0329,-0.00087,0.00596,0.03069,0.02793,-0.0833,0.05193,0.04861,-0.06787],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 🖇 Putting It All Together Now we have a complete cycle in place: 1. Nodes are added from the palette. 2. The user connects outputs to inputs. 3. All valid connections are stored in connections() and automatically rendered in the flow via \\<f-connection.","excerpt":"🖇 Putting It All Together Now we have a complete cycle in place: 1. Nodes are added from the palette. 2. The user connects outputs to inputs. 3. All valid connections are stored in connections() and automatically rendered in the flow via \\<f-connection."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#31","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09566,-0.00614,-0.04432,0.09092,0.03625,0.03531,-0.01408,0.05623,0.0478,0.06725,-0.10305,-0.05203,-0.05143,-0.02543,0.06105,0.06294,0.01666,-0.04596,-0.04132,0.01319,-0.01356,-0.10586,-0.0276,-0.03258,-0.02343,0.09563,0.0054,-0.06808,0.06944,-0.00774,0.01373,0.03209,0.02454,0.03991,-0.11497,0.07556,0.04229,-0.01948,-0.10227,-0.04866,0.06655,0.04801,-0.03381,-0.05359,-0.00763,-0.00545,-0.05026,-0.03422,-0.07584,0.03555,-0.06968,-0.07743,-0.05361,0.00219,0.02667,0.05277,0.06414,-0.05423,-0.01043,0.02269,0.02035,-0.01732,0.0415,0.02529,0.03717,0.06773,-0.04787,0.03956,0.04263,-0.05851,-0.03114,-0.03638,0.016,-0.01736,-0.01992,-0.06501,-0.05532,0.0549,-0.01784,-0.02209,0.03236,0.00484,-0.02335,0.08228,-0.01561,0.08905,-0.00141,-0.07317,0.02211,0.00888,-0.02451,0.07467,0.02173,-0.02721,0.10368,0.0093,0.02731,-0.03884,-0.07193,0.04445,0.01588,-0.02976,0.05648,-0.02243,-0.0218,-0.01203,0.03644,-0.04384,-0.07561,0.00367,-0.02829,0.03886,0.00972,-0.09841,-0.01342,0.02445,-0.02538,0.00915,0.05314,0.1196,0.02576,-0.02652,0.00112,0.00672,0.12978,0.0103,-0.02764,0,0.03219,0.00447,-0.02976,0.02073,0.10441,-0.00012,0.01407,-0.12267,-0.01864,-0.00002,0.05338,0.05505,-0.0373,0.07013,0.02344,-0.1091,-0.00052,-0.00886,0.03801,-0.00966,0.01577,-0.08685,-0.05577,0.02242,0.08987,0.08867,-0.03125,0.03114,-0.02152,-0.00636,0.00807,0.0125,-0.01524,0.00835,-0.07604,-0.01666,-0.0914,-0.06313,-0.009,-0.00856,-0.01389,-0.03887,-0.0915,0.01089,-0.02444,-0.037,-0.03911,0.00269,0.02393,0.00326,0.03072,0.04604,-0.01279,-0.00379,0.04727,-0.0357,-0.01455,0.06618,0.04071,0.02463,0.0302,0.02767,-0.05939,-0.0082,0.03918,0.06029,-0.00304,-0.02194,0.0621,-0.07393,-0.07243,0.07882,-0.01546,0.00742,0.0765,-0.01827,0.00163,-0.02882,0.05911,-0.05861,-0.00644,-0.07558,0.00749,0.0898,0.11133,-0.0918,-0.03133,-0.03515,-0.15536,-0.05782,0.07018,-0.0074,0.04576,-0.01951,0.00938,0,0.0144,0.02924,-0.03882,0.08029,-0.00796,-0.04104,0.01066,0.00138,0.06188,0.03377,0.06345,0.03069,-0.01,0.01937,-0.00736,0.01875,-0.02844,-0.10171,0.05158,-0.04519,0.07518,0.05943,-0.03535,-0.05836,-0.1114,0.00567,-0.01449,0.01636,-0.01129,-0.04383,0.00092,-0.01896,-0.05602,-0.06031,0.00801,-0.03568,0.05155,0.01815,-0.0459,-0.01965,0.03968,-0.03281,-0.03698,0.00851,-0.06536,0.05979,-0.11329,0.05033,-0.04192,-0.01728,-0.0792,0.02311,-0.01943,-0.03432,-0.06739,-0.02977,0.07899,0.02003,-0.04046,0.03152,-0.01784,-0.06705,0.01627,-0.03717,0.05269,0.06798,-0.04272,0.03759,0.0759,0.02176,0.08276,0.00925,-0.03338,-0.01965,0.09023,0.05011,0.10359,-0.0716,0.07263,-0.00285,-0.03855,0.10142,0.04119,-0.03783,0.04099,0.07981,-0.1145,-0.02199,0.07962,0.10045,-0.09039,0.05123,0.01116,0.02931,-0.03345,0,-0.11881,0.0214,-0.0147,-0.01762,0.10495,0.01435,-0.04756,-0.00217,0.0249,0.00289,-0.001,0.0121,-0.058,-0.03844,0.13388,0.06206,-0.0051,-0.00013,-0.02792,-0.00035,0.05988,0.03016,-0.01226,0.09888,0.00506,-0.07637,0.05422,0.0321,-0.04229,0.06738,0.00978,0.06963,0.07291,0.10727,-0.08144,0.00939,-0.04949,-0.02238,-0.03934,-0.01886,0.03916,0.01278,-0.06531,-0.04122,-0.01716,0.0267,0.00594,-0.07274,0.0187,0.01139,-0.06057,0.02065,-0.0697,0.08061,0.02676,0.00968,0.00333,0.02089,0.06957,0.047,-0.06811,0.01473,0.0091,-0.01813],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 🧩 Conclusion At this stage, our visual editor is starting to look much more like a real low-code platform. We’ve learned how to: - create custom Angular-based nodes; - render them inside the canvas; - drag items from a palette; - connect nodes visually using interactive connectors; - store and display the list of all connections. The key idea in this part is the separation of logic from visual behavior. This implementation uses Foblex Flow's default stateless mode: the library tells you what happened when a node is added, a connection starts, or a drag completes, and the application updates its own signals. For editors that do not need a separate application store, the optional Managed Flow State plugin can hold typed graph records and apply supported gestures automatically. It does not change the manual event-driven approach shown in this series. In the next part, we’ll focus on styling and connection behavior. We’ll add curved lines, color schemes, arrows, custom states, and interactions like hover, click, and delete. These enhancements will give your flow editor a polished and professional feel.","excerpt":"🧩 Conclusion At this stage, our visual editor is starting to look much more like a real low-code platform. We’ve learned how to: - create custom Angular-based nodes; - render them inside the canvas; - drag items from a palette; - connect nodes visually using interactive connectors; - store and display the list of all connections. The key idea in this part is the separation of logic from visual behavior. This implementation uses Foblex Flow's default stateless mode: the library tells you what happened when a node is added, a connection starts, or a drag completes, and the application updates its own signals. For editors that do not need a separate application store, the optional Managed Flow State plugin can hold typed graph records and apply supported gestures automatically. It does not change the manual event-driven approach shown in this series. In the next part, we’ll focus on styling and connection behavior. We’ll add curved lines, color schemes, arrows, custom states, and interactions like hover, click, and delete. These enhancements will give your flow editor a polished and professional feel."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#32","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.10254,-0.02707,-0.06484,0.05474,0.05039,0.00654,-0.04313,0.04294,-0.02275,0.10105,-0.09252,-0.04095,-0.00148,-0.0406,0.07296,0.09878,0.00675,0.01373,-0.02559,-0.03377,-0.05963,-0.03122,0.00313,-0.03113,-0.01817,0.07287,0.03437,-0.08162,0.05228,-0.0182,0.03803,0.02644,0.07961,0.04237,-0.12988,0.12767,-0.02073,-0.05922,0.00934,-0.05722,0.00642,0.07004,-0.03783,-0.08706,0.01686,-0.04402,-0.06886,-0.0309,-0.02911,-0.01017,-0.103,-0.14454,-0.06667,-0.0276,-0.05447,-0.00111,0.00694,-0.06841,0.0221,0.01467,0.06099,-0.00092,0.06909,0.02524,0.0855,0.04766,-0.09854,0.04974,0.01925,-0.05625,0.02094,-0.03594,0.00422,0.02288,-0.02317,-0.05175,-0.05755,0.03917,0.04623,0.00884,0.0116,0.00851,-0.00142,0.13115,-0.0283,0.08767,0.03034,-0.01391,0.00685,-0.04081,0.02781,0.03144,0.05856,0.01708,0.05873,0.04151,0.03149,-0.06336,-0.0896,0.06456,-0.05178,-0.01966,0.03247,-0.09059,-0.08273,0.02204,0.06182,-0.05241,-0.01151,-0.00347,0.00408,0.01254,-0.03852,-0.11159,0.03809,-0.00563,0.01567,0.00428,0.04333,0.09468,0.0066,-0.01944,-0.02187,0.04631,0.12325,0.00771,-0.05727,0,0.03554,0.06964,0.00087,0.01076,0.1214,-0.07093,0.02138,-0.07963,-0.07321,0.00535,0.07362,0.04654,-0.02452,0.07775,0.0256,-0.13799,-0.0041,-0.03386,0.05639,-0.0355,-0.02057,-0.09562,-0.0379,0.09532,0.05935,0.06503,0.03251,-0.03843,-0.00078,-0.01282,0.01172,0.04517,-0.06652,0.04473,-0.04053,-0.02386,-0.07265,-0.04806,-0.03849,0.03612,0.01818,-0.01295,-0.04717,-0.00544,0.01072,-0.01746,0.00562,-0.02154,0.08929,0.01693,-0.02176,0.06349,-0.02819,0.019,0.06078,-0.04912,-0.03587,0.05298,0.08833,0.019,0.02756,-0.04259,-0.02227,-0.01046,0.00239,0.01756,-0.0106,-0.03818,0.12723,-0.02426,-0.01292,-0.01698,0.00324,0.06296,-0.00835,0.00486,-0.03177,-0.05688,0.0684,-0.06695,-0.0511,-0.03166,-0.01097,0.07291,0.08412,-0.10095,-0.05692,0.00486,-0.08208,-0.01481,0.00422,0.03267,-0.01975,-0.03111,-0.01404,0,-0.03388,0.01161,-0.08758,0.05256,0.00473,-0.04401,0.00051,-0.00336,0.0653,0.12331,0.03374,0.00502,0.0236,0.00967,-0.01872,-0.02673,-0.00863,-0.06429,0.08822,-0.01134,0.06052,0.06946,-0.00587,-0.0372,-0.0328,0.05451,-0.03792,0.0309,0.02528,-0.01209,-0.01729,-0.00951,-0.02446,-0.06595,-0.02395,-0.01465,0.07314,-0.01546,-0.07893,-0.04352,0.05953,-0.06665,-0.00525,-0.03299,-0.06444,-0.0134,-0.07804,0.08231,-0.0401,-0.04414,-0.03659,-0.00823,0.00215,-0.0649,-0.09318,-0.05878,0.0693,0.0234,0.01308,0.08048,-0.04,-0.06471,0.05157,-0.00434,0.02144,0.00602,-0.05648,0.06503,-0.00083,-0.00391,0.04319,-0.00636,-0.01455,0.05784,0.00926,0.01477,0.07662,-0.04771,0.07267,-0.02442,0.02487,0.0562,0.00465,-0.02936,0.05028,0.02831,-0.06197,-0.03689,0.02302,0.11137,-0.10243,0.08247,0.04347,0.02611,-0.02705,0,-0.05091,0.05506,0.02101,0.02654,0.06627,-0.00603,-0.04469,-0.02123,0.01841,0.04267,-0.00564,-0.00885,-0.05246,0.03123,0.10269,0.04886,-0.02938,0.01574,-0.009,-0.03224,0.081,0.06441,-0.02466,0.00292,0.00653,-0.04749,0.04287,0.01039,-0.09339,0.06897,-0.0243,0.08875,0.08617,0.04272,-0.0365,-0.03233,-0.07275,-0.05045,-0.08137,-0.05406,0.0138,0.02612,-0.04759,-0.06976,-0.04783,-0.00917,-0.03503,-0.11735,0.04895,0.00176,-0.00971,-0.04175,-0.06082,0.02762,0.0526,0.03516,-0.02248,0.00832,0.02705,0.03072,-0.02124,0.0426,0.01582,-0.02093],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback! Git Hub","excerpt":"🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback!"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#0","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.14511,-0.00654,-0.00141,0.10867,0.00854,0.02165,0.02399,-0.02494,-0.00188,0.01198,-0.09556,0.04671,-0.07413,-0.04406,0.07965,0.11963,0.02526,-0.0485,-0.05012,0.00765,-0.0715,-0.0967,-0.01092,-0.02113,-0.01759,0.03614,0.00546,-0.02889,0.07358,-0.02716,0.0066,0.05397,-0.06647,0.04177,-0.14832,0.07166,0.06357,0.0222,-0.07833,-0.03954,0.05478,-0.00609,-0.03339,-0.05541,-0.012,-0.03822,-0.04188,-0.04864,-0.06167,0.02523,-0.05359,-0.11167,-0.02601,-0.00164,0.00694,0.0334,0.06583,-0.03833,0.02099,0.03751,0.04532,-0.0152,0.05879,0.02798,0.02591,-0.00349,-0.06175,0.05221,-0.00482,-0.025,-0.00559,-0.02209,-0.0357,-0.02845,-0.00308,0.00923,-0.05941,-0.01285,0.01439,-0.03446,0.08965,0.03931,-0.02632,0.11118,-0.00546,0.09495,0.02822,-0.10704,0.00478,-0.01338,0.00644,0.04018,0.06366,-0.02422,0.05051,0.02994,-0.02863,-0.07155,-0.08114,0.05927,0.00375,-0.01394,0.07028,-0.01434,-0.05753,0.01908,-0.0021,0.02302,-0.02079,-0.00098,0.02123,0.02087,-0.02519,-0.09043,-0.04705,0.00036,-0.02816,0.01679,0.07084,0.13402,0.03968,0.02196,-0.02009,-0.04015,0.0962,0.00147,-0.02676,0,0.03732,0.05672,-0.06595,0.03479,0.11485,-0.04172,-0.01482,-0.11177,-0.0557,0.02593,0.03149,0.01991,-0.06416,0.0953,0.00562,-0.11225,0.02685,-0.00182,0.00198,0.03649,-0.04067,-0.11241,-0.04921,0.0264,0.09061,0.07493,0.01533,0.05928,-0.00442,-0.00771,0.04017,-0.00165,0.01895,0.04836,-0.06363,-0.01401,-0.08799,-0.09099,0.0384,0.02642,0.02552,-0.04794,-0.1039,0.03301,-0.00287,0.0206,0.02456,0.02444,0.05774,-0.01137,-0.02271,0.08658,-0.01607,0.00017,0.03448,-0.11406,-0.0429,0.07041,0.03781,0.01791,-0.01677,0.03436,-0.06779,-0.03034,0.06024,0.01508,0.02373,0.01862,0.04715,-0.07965,-0.0345,0.03256,-0.01094,0.06615,0.00202,-0.05983,-0.0221,0.01256,0.12206,-0.03864,-0.05734,-0.02234,-0.00777,0.08333,0.05172,-0.10573,-0.00331,-0.06132,-0.10732,-0.00235,0.06581,0.04111,0.06873,-0.0175,-0.0533,0,-0.02951,0.02662,-0.04428,0.08992,0.00347,-0.0112,0.02858,0.0362,0.06783,0.07345,0.08554,0.05186,-0.01815,-0.02593,0.00556,0.02031,-0.07239,-0.03723,0.07619,-0.04245,0.08507,0.06327,0.01272,-0.04835,-0.07736,0.03098,-0.01569,-0.03799,0.01028,-0.00346,-0.02755,-0.03361,-0.02946,-0.03687,0.01406,-0.01539,0.03547,0.04442,-0.0038,-0.02125,0.01568,-0.01046,-0.00272,-0.02131,-0.06744,0.00202,-0.11655,0.01408,-0.09178,-0.03883,-0.02119,0.03136,-0.0357,-0.05978,-0.10757,-0.00609,0.07777,-0.02979,-0.00429,0.05114,-0.00787,-0.05614,0.01606,0.00103,0.04933,0.0284,-0.02988,-0.01272,0.04438,-0.01645,0.04777,-0.01876,0.00331,-0.0084,0.05164,-0.01261,0.10217,-0.0926,0.06822,0.00633,-0.05794,0.07842,0.00048,-0.03048,0.05856,0.05324,-0.07639,0.03198,0.06447,0.0575,-0.08602,0.06269,0.00049,0.00727,-0.03692,0,-0.02329,0.0435,-0.0083,-0.04915,0.05941,-0.01918,-0.0479,0.0081,0.00337,0.02952,-0.01273,0.02311,-0.06403,0.02263,0.10746,0.05699,-0.06532,0.05531,-0.07552,-0.06414,0.0704,0.06833,-0.01762,0.0837,-0.02051,-0.01021,0.06088,0.05685,-0.06812,0.0441,-0.03989,0.04645,0.03875,0.02706,-0.06517,-0.00242,-0.09769,-0.07625,-0.04047,0.03093,0.02885,-0.0506,-0.00303,-0.01917,0.0072,-0.01224,-0.02531,-0.04574,-0.03097,0.01071,-0.06009,-0.04433,-0.06535,0.01605,0.03136,-0.04991,0.01994,0.06866,0.03541,0.00913,-0.05503,0.07252,0.02312,-0.06034],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections In the previous part, we brought our node editor to life with custom components and a dynamic palette. This article focuses on the next layer: how connections behave, how they look, and how much control users have while editing them. Today, we’re upgrading our flow with some serious UX polish: - 🔁 Enable dynamic reattachment of connections (drag to reconnect!) - 🏁 Style connections with sleek SVG markers - ✨ Add hover highlights and interactivity Let’s turn static lines into smart, responsive connectors and give the editor the interaction quality users expect from a production workflow builder. 🔧 View the source code on GitHub Git Hub","excerpt":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections In the previous part, we brought our node editor to life with custom components and a dynamic palette. This article focuses on the next layer: how connections behave, how they look, and how much control users have while editing them. Today, we’re upgrading our flow with some serious UX polish: - 🔁 Enable dynamic reattachment of connections (drag to reconnect!) - 🏁 Style connections with sleek SVG markers - ✨ Add hover highlights and interactivity Let’s turn static lines into smart, responsive connectors and give the editor the interaction quality users expect from a production workflow builder. 🔧 View the source code on GitHub"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#1","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.10543,-0.00689,-0.05577,0.07494,-0.059,0.06955,0.01743,-0.02312,0.03854,0.0297,-0.06331,0.03482,-0.08445,-0.01477,0.02515,0.0439,-0.02858,0.00208,-0.05253,0.02132,-0.04747,-0.05165,-0.05157,-0.02617,0.01193,0.03978,0.02686,-0.03316,0.07787,-0.04787,0.00985,0.056,-0.08905,-0.00994,-0.11803,0.08956,0.04116,0.02063,-0.04148,-0.03922,0.10921,-0.00402,-0.0054,-0.06335,-0.0486,0.0433,-0.04406,0.00379,-0.02821,0.0136,-0.04421,-0.08367,-0.08663,0.08167,0.03035,0.0169,0.09545,-0.0556,0.01825,0.05781,0.05343,-0.01098,0.05217,0.01228,0.01013,-0.03141,-0.12013,0.01419,-0.01717,-0.0165,0.04378,-0.02657,-0.04252,-0.04499,0.00833,-0.00427,-0.05426,0.05937,0.01407,0.01981,0.08137,0.04317,-0.00924,0.09954,-0.01178,0.071,-0.00428,-0.09822,0.02272,-0.0647,0.01778,0.05486,0.03207,-0.007,0.05228,0.01609,-0.05983,-0.0246,-0.10147,0.04296,-0.02336,-0.02659,0.04148,0.01466,-0.08,0.01128,0.00059,-0.01176,-0.0375,-0.01144,0.01319,0.01267,0.03457,-0.07384,-0.02319,-0.00248,-0.08044,0.04102,0.02583,0.11336,-0.01853,0.01342,0.01432,-0.05733,0.11518,-0.02391,-0.01226,0,0.00404,0.04318,-0.05342,0.03645,0.09361,-0.03602,-0.00872,-0.08639,0.03309,0.0614,0.00228,0.06321,-0.06599,0.04647,-0.0343,-0.11836,0.02653,0.01637,0.02005,0.07209,-0.00436,-0.10461,-0.02084,0.00552,0.12356,0.04405,-0.03605,-0.00902,-0.01386,0.01081,0.04616,0.01626,-0.01802,0.01498,-0.09627,-0.01807,-0.0587,-0.06173,-0.02496,0.00305,0.04184,-0.02623,-0.14543,0.05566,0.00848,-0.01758,0.01853,-0.01148,0.06994,0.00354,-0.0034,0.04849,0.05033,-0.01638,0.03391,-0.11076,-0.08571,0.12448,0.00078,0.0423,-0.00193,0.06022,-0.08075,-0.00933,0.10486,0.00634,0.02612,0.06438,0.07953,-0.06607,-0.08319,0.04023,-0.0097,0.0402,-0.03681,-0.03755,-0.0159,0.02152,0.11533,-0.05106,-0.00291,-0.01383,0.01303,0.09116,0.08495,-0.12242,-0.04657,-0.08814,-0.08533,-0.02179,0.10866,0.05869,0.04091,0.02771,0.00337,0,-0.01905,-0.00022,-0.02787,0.04092,-0.02228,-0.0439,0.07783,0.04092,0.06271,0.06204,0.05601,0.02496,0.00731,-0.02381,0.02799,-0.00666,-0.0773,-0.05487,0.0506,-0.05608,0.05121,0.02451,0.01072,-0.10017,-0.02427,0.03011,-0.01791,-0.02563,0.00995,-0.01118,0.02337,-0.06912,-0.056,-0.02956,-0.03321,-0.00113,0.02164,0.08978,0.03615,-0.05042,0.05616,0.02607,0.03618,-0.02301,-0.06128,0.01002,-0.10291,-0.02848,-0.04024,-0.04416,-0.0696,0.02873,-0.05676,-0.03813,-0.06866,0.042,0.07403,-0.02256,-0.02725,0.03003,0.02714,-0.03583,0.03127,-0.01589,0.06321,0.04034,-0.0063,-0.02923,0.0135,0.01295,0.04503,0.00312,0.00382,0.02829,0.04375,0.01854,0.08441,-0.07905,0.06302,0.03344,-0.03441,0.0482,-0.03298,-0.02597,0.05734,0.05121,-0.07698,-0.01959,0.08436,0.06267,-0.09485,0.0196,0.04662,-0.01995,-0.04655,0,-0.05506,-0.00698,0.0122,-0.04391,0.09637,0.02406,-0.06941,0.04703,-0.00196,0.03,-0.00768,0.04369,-0.01537,0.015,0.0649,0.01956,0.00593,-0.0101,-0.02272,-0.08875,0.045,0.02632,0.03556,0.09864,-0.02187,-0.09078,0.03098,0.02381,-0.07001,0.01522,-0.03493,0.03764,0.08226,0.07461,-0.05535,-0.01003,-0.102,-0.00136,-0.1031,-0.01399,0.07244,-0.01623,0.01711,-0.02824,0.01176,0.02441,-0.00896,-0.02289,-0.03734,-0.02197,-0.05367,0.01389,-0.06226,0.00694,0.04081,-0.0032,-0.01881,0.04466,-0.00089,0.00776,-0.08281,0.06945,0.03935,-0.07318],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 🔁 Reattaching Connections Connections in Foblex Flow aren’t just static wires — they’re fully interactive and reconfigurable. Each end of a connection features a drag handle — an invisible area you can grab to change where the connection starts or ends. ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" :::","excerpt":"🔁 Reattaching Connections Connections in Foblex Flow aren’t just static wires — they’re fully interactive and reconfigurable. Each end of a connection features a drag handle — an invisible area you can grab to change where the connection starts or ends. ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" :::"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#2","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.08636,0.00435,-0.03784,0.08219,-0.01256,0.08829,-0.02659,-0.00977,0.04616,0.03185,-0.05068,0.02779,-0.04627,-0.00107,-0.01679,0.04734,-0.04923,0.02957,-0.09145,0.00963,0.00177,-0.02321,-0.04709,0.01844,0.01119,0.05118,0.00981,-0.05097,0.10026,-0.06485,-0.00571,0.02941,-0.09763,-0.02798,-0.11863,0.07601,0.00852,0.02175,-0.0137,-0.05043,0.09379,0.01379,0.00432,-0.05357,-0.09582,0.05001,-0.03431,0.01664,-0.04752,0.0475,-0.05455,-0.08043,-0.02617,0.08842,0.01595,-0.01916,0.0808,-0.06638,0.01964,0.03422,0.00561,0.01256,0.03974,-0.01782,0.03152,-0.01911,-0.10713,0.02515,-0.05924,0.02709,0.07394,-0.05578,-0.06215,-0.017,0.03207,0.02616,-0.07157,0.07714,0.01662,0.0883,0.09424,0.00634,-0.02003,0.10888,-0.04108,0.10887,-0.02346,-0.03232,0.03672,-0.07264,0.01778,0.0002,0.06687,0.02029,0.07993,-0.03381,-0.07763,-0.03426,-0.10749,0.00795,-0.03146,-0.02481,0.03079,0.03155,-0.03843,0.00323,0.03575,-0.03646,-0.02036,0.0049,0.04446,-0.00585,0.04677,-0.04679,-0.00314,-0.00357,-0.09573,0.02435,-0.0099,0.09407,-0.04818,0.04167,-0.03026,-0.02697,0.13678,-0.01833,0.0063,0,-0.02689,0.02392,-0.04066,-0.00074,0.08221,-0.02,-0.02893,-0.06935,0.00733,0.02989,0.01203,0.01086,-0.07184,0.04326,-0.04704,-0.11797,0.06023,0.05844,-0.03636,0.06361,0.00463,-0.11401,-0.06282,-0.04338,0.06629,0.01268,-0.0623,-0.00913,-0.01309,-0.00118,-0.01136,0.0097,-0.00312,0.01596,-0.1031,-0.0205,-0.0698,-0.00624,0.01601,0.01032,0.02922,-0.00701,-0.10635,0.10763,0.00671,-0.02266,0.04542,-0.01013,0.03427,-0.01415,0.00727,0.0457,0.05612,-0.04014,0.0548,-0.14459,-0.04365,0.12938,0.01813,0.03775,-0.03627,0.06094,-0.0782,-0.01416,0.08891,-0.0144,-0.03137,0.06212,0.09597,-0.05013,-0.07446,-0.02656,-0.02841,0.06476,-0.03806,-0.05289,-0.00994,-0.04233,0.14413,-0.06967,-0.02988,0.03378,0.0408,0.04012,0.11429,-0.12193,-0.07641,-0.06455,-0.10021,-0.03957,0.05165,0.04047,0.03247,0.04986,0.02339,0,-0.02036,0.01503,0.00407,0.06976,-0.02843,0.00054,0.0779,0.04856,0.07385,0.04109,0.03885,0.02294,-0.02027,-0.00147,0.02634,-0.04113,-0.05085,-0.04758,0.07178,-0.08104,0.07589,-0.02622,-0.03784,-0.05022,-0.03046,0.02791,-0.00193,0.00731,0.03126,-0.02017,0.02443,-0.07994,-0.05236,-0.0712,-0.04156,-0.01735,-0.01133,0.13435,0.05908,0.01536,0.01218,0.01343,0.04928,0.02827,-0.01094,-0.01642,-0.07323,-0.02328,-0.00599,-0.05353,-0.07207,0.04007,-0.05469,0.00973,-0.04626,-0.00392,0.06757,-0.0173,-0.03379,-0.00927,0.00276,0.00309,0.04421,-0.06244,0.05657,0.05174,0.01262,-0.01197,0.01583,-0.00821,0.01497,0.02744,0.01787,0.04147,0.04307,-0.00018,0.10333,-0.06856,0.08879,-0.01962,-0.04944,0.0273,-0.01169,-0.03016,0.02502,0.04811,-0.06268,-0.04251,0.06297,0.09545,-0.07897,-0.00283,0.04452,-0.05528,-0.06866,0,-0.06394,-0.00838,0.04212,-0.02608,0.03534,0.0184,-0.03632,0.0413,0.06838,0.01964,-0.0099,0.02792,0.01265,0.01972,0.07041,-0.01037,0.00874,0.01153,-0.01467,-0.09683,0.06966,-0.00487,0.0334,0.0427,-0.04141,-0.1254,-0.003,0.05172,-0.05459,-0.01638,-0.01658,0.05916,0.04568,0.04131,-0.04394,-0.02301,-0.05891,-0.01212,-0.08679,0.04164,0.08848,0.00703,-0.01115,-0.0591,-0.02066,0.03219,0.03658,-0.02174,-0.04301,0.00774,-0.00205,0.02395,-0.05097,0.03287,0.06435,-0.03487,-0.04416,0.00818,-0.02064,-0.00181,-0.01747,0.06292,0.02457,-0.03473],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. By default, only the target end (input) is draggable. But you can also make the source end (output) reassignable by setting the fReassignableStart=”true” input. This gives you precise control over which ends can be modified — on a per-connection basis. ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" ::: f Reassignable Start","excerpt":"By default, only the target end (input) is draggable. But you can also make the source end (output) reassignable by setting the fReassignableStart=”true” input. This gives you precise control over which ends can be modified — on a per-connection basis. ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" :::"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#3","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.09435,-0.01602,-0.07077,0.06908,-0.02432,0.07726,0.00549,0.00516,0.05983,-0.00089,-0.05399,-0.00473,-0.06753,0.01614,0.02463,0.05223,-0.05132,0.00959,-0.04048,0.02483,-0.03831,-0.05711,-0.03411,-0.03273,-0.00108,0.01897,0.04268,-0.05914,0.06915,-0.02568,0.019,0.04583,-0.10829,0.00687,-0.1018,0.05856,0.04387,0.00748,-0.03085,-0.03367,0.10677,-0.00656,0.02078,-0.06046,-0.04195,0.05237,-0.02925,0.01555,-0.03198,0.0633,-0.0512,-0.05691,-0.05346,0.08626,0.03379,0.04682,0.06791,-0.07361,-0.01767,0.04161,0.06272,-0.0365,0.0128,0.01747,0.00357,0.00204,-0.1193,0.03993,-0.01255,-0.00859,0.01787,-0.00753,-0.01106,-0.03462,0.05665,0.00602,-0.03452,0.06129,0.01271,0.02388,0.07728,0.04211,-0.0059,0.06691,0.02542,0.07915,0.00182,-0.10641,-0.01178,-0.04697,-0.00291,0.05575,0.02805,-0.00067,0.06221,0.01399,-0.08133,-0.01982,-0.11863,0.05136,-0.03463,-0.01927,0.00674,0.03809,-0.05668,-0.00279,-0.0119,-0.01815,-0.0421,-0.02623,-0.00403,0.0035,0.049,-0.08754,-0.02163,0.00535,-0.07525,0.02689,0.05149,0.07806,-0.02928,0.01396,0.0156,-0.00676,0.10951,-0.04466,-0.033,0,-0.01884,0.02949,-0.04164,0.00163,0.11301,-0.01495,0.02333,-0.07073,0.0148,0.0333,-0.01941,0.02848,-0.05712,-0.00818,-0.03683,-0.15178,0.01994,0.01255,0.01576,0.04475,0.05674,-0.10912,-0.01369,-0.00902,0.07652,0.03017,-0.03516,0.0141,0.00365,0.03726,0.02761,0.00031,-0.0391,0.01707,-0.08412,-0.04299,-0.07105,-0.05193,-0.05005,0.02205,0.03966,-0.03477,-0.15315,0.0272,-0.00079,-0.05526,0.0159,0.02792,0.1008,-0.01947,0.01434,0.02563,0.03085,-0.00712,0.03885,-0.1052,-0.09598,0.08403,0.00803,0.02321,-0.03349,0.05971,-0.06566,-0.03324,0.07156,0.02379,-0.00602,0.02347,0.04385,-0.068,-0.04889,0.05824,-0.03049,0.01248,0.01096,-0.02137,-0.00305,0.01007,0.1087,-0.05983,-0.0353,-0.02013,0.0175,0.10503,0.09536,-0.08867,-0.05039,-0.09733,-0.08289,0.00334,0.06866,0.02748,0.06108,0.01667,0.04255,0,-0.03443,0.00947,-0.00833,0.04387,0.02938,-0.02797,0.08154,-0.00178,0.045,0.08107,0.06113,0.02168,-0.01739,-0.03914,0.05326,0.00141,-0.03338,-0.07657,0.05388,-0.01606,0.05449,0.03172,-0.00281,-0.09309,-0.03348,0.031,0.02638,0.00702,-0.00504,0.0096,0.00467,-0.02334,-0.06505,-0.03962,-0.04347,0.00229,0.02817,0.07179,0.01795,-0.05669,0.06502,0.00816,-0.01219,0.00288,-0.04592,-0.00109,-0.12405,-0.05154,-0.01,0.00369,-0.08027,0.01215,-0.08286,-0.01646,-0.08952,0.07311,0.11388,0.00677,-0.05678,0.03745,0.01336,-0.07318,0.06016,-0.02851,0.14303,0.01126,0.00314,0.03184,0.04547,0.04729,0.06582,0.06033,0.01525,0.03658,0.06696,0.01681,0.08763,-0.08236,0.06228,0.05601,-0.04286,0.04337,-0.01101,-0.00729,0.05511,0.003,-0.02998,-0.01664,0.05855,0.07021,-0.08912,0.01728,0.05917,-0.05388,-0.03659,0,-0.0799,-0.01883,-0.01331,-0.04334,0.06736,0.03253,-0.10292,0.01677,-0.01712,0.00999,-0.03651,0.06359,-0.00445,0.02751,0.06694,-0.03898,0.01583,-0.02586,-0.03537,-0.11089,0.04078,0.03057,0.03827,0.10688,-0.02971,-0.11008,0.04201,0.02658,-0.04302,-0.00052,-0.04688,0.04467,0.05564,0.05894,-0.09239,0.02543,-0.05007,0.00271,-0.12893,0.0165,0.08036,0.03526,-0.01778,-0.02917,0.01874,0.04222,-0.01711,-0.03915,-0.02248,0.03559,-0.0501,0.04843,-0.05386,0.0674,0.03011,-0.01901,-0.03786,0.00386,0.00131,0.00439,-0.08814,0.0622,0.0439,-0.06422],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. Want to rewire a connection? Just drag one of its ends and drop it onto another connector. Foblex Flow takes care of the rest — when the drag operation finishes, it emits the fReassignConnection event from the \\<f-flow component itself (not from the connection element): f Reassign Connection","excerpt":"Want to rewire a connection? Just drag one of its ends and drop it onto another connector. Foblex Flow takes care of the rest — when the drag operation finishes, it emits the fReassignConnection event from the \\<f-flow component itself (not from the connection element):"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#4","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.10588,0.01027,-0.00268,0.06948,-0.02478,0.07887,-0.02613,-0.04673,0.04268,0.0163,-0.08927,-0.00599,-0.09426,-0.02577,0.07544,0.08074,-0.04209,0.02762,-0.07369,-0.04527,-0.03577,-0.03177,-0.05332,-0.00107,0.00691,0.04704,0.0354,-0.0331,0.07776,0.00197,0.01452,0.04256,-0.05139,-0.00488,-0.0628,0.11074,0.02145,0.03039,-0.01303,-0.01918,0.08679,0.00395,-0.02249,-0.069,-0.02934,0.00898,-0.03998,-0.02063,-0.06681,0.04894,-0.03339,-0.07626,-0.08444,0.04587,0.0504,0.03621,0.06557,-0.07951,0.03488,0.01119,0.05705,-0.01263,0.07178,0.01516,0.01556,-0.00914,-0.12772,0.01339,-0.00743,0.00077,0.08463,-0.02828,-0.01014,-0.05788,0.00387,0.00652,-0.06022,0.02567,0.01195,0.01449,0.04821,0.02888,-0.00929,0.09321,0.03773,0.0649,-0.04841,-0.10514,0.04545,-0.04211,-0.01111,0.00783,0.02441,0.01183,0.11179,-0.00743,-0.05164,-0.03062,-0.09763,0.04898,-0.03317,-0.01044,0.01769,-0.01394,-0.05504,0.0077,0.01613,-0.00597,-0.03602,-0.03336,0.02539,0.01461,0.05454,-0.05901,-0.03676,0.00969,-0.04157,0.04105,-0.04463,0.1116,-0.0045,-0.00214,-0.00107,-0.0739,0.11529,-0.04258,-0.01343,0,-0.01035,0.04616,-0.06443,0.03909,0.1259,-0.05046,0.01163,-0.09711,0.02314,0.03979,0.03233,0.04043,-0.07097,0.01198,-0.09654,-0.10504,0.02867,0.03216,0.01787,0.09482,-0.01751,-0.08878,-0.0632,0.01633,0.04871,0.04945,-0.00243,-0.00354,-0.04949,0.02249,0.04972,-0.02204,-0.00267,0.02197,-0.10683,-0.0307,-0.0641,-0.04927,-0.01897,0.04169,0.05752,-0.00238,-0.14829,0.00604,0.00323,-0.01839,0.01201,0.02797,0.13789,-0.01588,0.04484,0.05844,0.03788,-0.02851,0.01963,-0.09997,-0.09267,0.10988,0.03141,0.03273,-0.01548,0.02787,-0.07418,-0.01694,0.08539,-0.00139,0.02822,0.00123,0.05939,-0.08204,-0.03394,0.05537,-0.02385,0.08115,-0.01527,-0.02518,0.01078,0.02282,0.11548,-0.06216,-0.03979,-0.00373,0.00419,0.09157,0.10898,-0.0896,-0.05175,-0.09901,-0.11504,-0.01041,0.09718,0.0113,0.0404,0.02417,0.0302,0,-0.03117,0.00928,-0.04602,0.02603,-0.01014,-0.02857,0.07001,0.01729,0.08686,0.07051,0.06565,0.008,-0.02247,-0.01268,0.01729,0.00777,-0.06389,-0.03903,0.06113,-0.02503,0.05681,0.03925,0.01874,-0.08262,-0.03962,0.0724,-0.05393,-0.01134,0.05746,-0.02397,0.00387,-0.07925,-0.05243,-0.01185,0.00124,0.00156,0.01549,0.05094,-0.00887,0.00663,0.06967,0.01976,0.00178,0.00727,-0.06349,0.01068,-0.06461,-0.02058,-0.01442,-0.0297,-0.02939,0.00569,-0.04111,-0.01928,-0.11255,0.07203,0.09229,-0.03947,-0.07034,0.06985,-0.03831,-0.03577,0.07937,-0.00398,0.04557,0.01024,0.00231,-0.02062,0.01803,-0.02231,0.0449,0.00803,-0.02231,0.06066,0.03146,0.00161,0.08767,-0.09699,0.05826,0.01423,-0.04487,0.01571,-0.03139,-0.01352,0.06523,0.02296,-0.05776,-0.03582,0.05944,0.05952,-0.09339,0.01502,0.02611,-0.03801,-0.05016,0,-0.08603,-0.00566,0.02685,-0.03656,0.07879,-0.01889,-0.09103,0.05543,0.0274,-0.00861,-0.01773,0.01993,0.00382,-0.03209,0.05362,-0.0051,0.01022,0.00747,-0.0483,-0.11434,0.03819,0.01784,0.02562,0.07323,-0.02306,-0.09398,0.06151,0.03444,-0.07918,0.0295,-0.0381,0.04525,0.07832,0.06159,-0.0494,-0.04036,-0.06176,-0.03796,-0.05422,0.02463,0.06249,0.01376,0.00096,-0.0326,-0.00051,0.00162,-0.04737,-0.04438,-0.02024,-0.00988,-0.04836,0.02028,-0.07795,0.02629,0.02536,0.00624,0.01087,0.02278,0.01845,0.00136,-0.04674,0.0714,0.04391,-0.08016],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. This event contains everything you need to handle the reattachment: 🧠 Tip:","excerpt":"This event contains everything you need to handle the reattachment: 🧠 Tip:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#5","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.114,-0.01466,-0.04536,0.00286,0.02297,0.06805,0.08047,-0.009,0.08021,-0.0251,-0.10748,0.00936,-0.07471,0.01976,0.04154,0.05432,-0.02578,-0.03018,-0.04954,-0.03877,-0.03081,-0.02157,-0.03205,-0.03657,0.029,0.00952,0.07233,-0.07954,0.04968,0.01259,0.04053,-0.00109,-0.06827,-0.05463,-0.05691,0.02731,0.01783,0.03163,0.01023,0.05264,0.14024,0.03021,-0.02881,-0.0121,-0.01551,0.05948,-0.03202,0.1227,-0.03935,0.06512,-0.03286,-0.02617,-0.05118,0.01361,0.02237,0.10406,0.03919,-0.03921,-0.02056,0.03177,0.05692,-0.05471,0.0287,0.00945,0.00851,0.01317,-0.0617,-0.00486,-0.00693,-0.00349,0.05172,0.01337,-0.01292,-0.05811,-0.01084,-0.04446,-0.02722,0.02502,-0.01371,0.00946,0.07684,0.04308,0.01334,0.02437,0.01651,0.0578,-0.00099,-0.06053,0.0036,-0.04724,-0.00107,0.0231,-0.02091,-0.01527,0.09766,0.06723,-0.03202,-0.01587,-0.09566,0.06728,-0.03859,-0.02639,-0.03031,0.03832,-0.0096,-0.02129,-0.04271,-0.02022,-0.03742,0.04841,0.00674,0.04489,0.09418,-0.03182,-0.08177,0.00365,-0.00274,0.05216,-0.02076,0.08651,-0.03521,0.00806,0.02844,-0.001,-0.03243,-0.00057,-0.03022,0,-0.00966,-0.03625,-0.03963,0.00772,0.07741,-0.01268,-0.03663,-0.09303,0.0341,0.02983,-0.02449,0.01504,-0.05424,-0.01602,-0.02153,-0.04797,0.02849,0.06839,0.04127,0.02267,-0.04246,-0.12057,-0.08121,0.02618,0.10525,0.05866,-0.02714,0.03465,-0.02671,0.00396,-0.00194,-0.0374,-0.00885,-0.01424,-0.0764,-0.07985,-0.15769,-0.07114,-0.05856,-0.00746,0.06162,-0.01258,-0.14169,0.08583,-0.0755,-0.03971,-0.00375,-0.0031,0.07755,-0.05789,0.02076,0.03252,0.0121,-0.09842,0.01043,-0.08013,-0.09215,0.01772,0.0327,-0.0357,0.00341,0.0141,-0.0463,0.02977,0.13198,0.01706,-0.04597,-0.03359,0.04073,-0.05963,-0.0045,0.02676,-0.03661,0.0397,-0.02232,-0.02738,-0.07472,0.01571,0.10315,-0.00936,0.05156,-0.04395,0.00729,0.06557,0.09893,-0.00009,0.0029,-0.12144,-0.10482,0.02245,0.08159,0.04015,0.00261,0.01529,0.06715,0,-0.08703,-0.01287,-0.04296,0.00336,-0.01239,-0.0115,0.0639,0.04391,0.08057,0.07603,0.0626,0.07921,-0.07997,0.01311,0.0202,0.06484,0.01095,-0.08356,-0.01749,0.00548,0.06971,-0.01039,-0.03055,-0.11305,-0.0056,-0.00806,0.04229,-0.0355,-0.01998,-0.02564,-0.04056,0.02509,-0.08098,0.04996,0.00923,0.02299,0.04542,0.03733,-0.04049,-0.0026,0.05947,0.03473,-0.00137,0.04208,-0.01238,0.03204,-0.04477,0.02707,-0.06872,0.01848,-0.0516,0.0688,0.01218,0.01314,-0.01771,0.04513,0.06148,-0.04793,-0.0164,0.00101,0.01937,-0.06611,-0.01081,-0.00899,0.08481,0.02684,-0.03193,0.0372,0.03489,0.03306,0.06176,0.00666,0.0096,-0.02402,0.04312,-0.00467,0.08118,-0.08616,0.04936,-0.01295,-0.04956,0.06122,0.00412,-0.09687,0.09542,0.0404,0.0014,-0.00243,0.06104,0.10741,-0.08306,-0.02498,-0.01602,-0.0138,-0.08978,0,-0.09686,0.05956,-0.05904,-0.07433,0.07825,-0.02551,-0.09895,-0.00847,0.0509,-0.03499,-0.0741,0.01404,0.02551,0.06165,0.13575,-0.00209,0.07621,-0.04399,-0.02561,-0.07693,0.06395,0.07565,0.02759,0.06205,0.01384,-0.11975,0.04523,0.03026,-0.0474,0.02622,-0.04771,0.01458,-0.01181,0.08049,-0.03521,0.04993,-0.0818,-0.02308,-0.02527,0.03846,0.074,-0.0207,-0.00969,0.04583,-0.02117,0.06,-0.00593,-0.06839,0.01368,0.05004,-0.05347,0.01471,0.04771,-0.02745,0.01121,-0.03102,-0.0015,-0.02293,-0.00802,0.00729,-0.10334,0.02826,0.01796,-0.04086],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. The event will still be triggered even if the user doesn’t drop the connection onto another connector. In that case, newTargetId (or newSourceId) will be undefined, but you’ll still receive the exact dropPoint — the canvas coordinates where the user released the connection. This is extremely useful if you want to open a context menu or create a new node on the fly at that position. Here’s how to update your connection list when the target changes: new Target Id new Source Id drop Point","excerpt":"The event will still be triggered even if the user doesn’t drop the connection onto another connector. In that case, newTargetId (or newSourceId) will be undefined, but you’ll still receive the exact dropPoint — the canvas coordinates where the user released the connection. This is extremely useful if you want to open a context menu or create a new node on the fly at that position. Here’s how to update your connection list when the target changes:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#6","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.11222,0.01434,-0.04081,0.02915,-0.01851,0.01774,-0.02067,0.01824,0.01726,0.02096,-0.10923,-0.01719,-0.06319,-0.03606,0.08074,0.08292,-0.02354,-0.00103,-0.05705,-0.0211,-0.05625,-0.0535,-0.01843,-0.01658,-0.03034,0.05881,0.0348,-0.04725,0.08848,-0.03576,0.02117,0.05674,0.0216,0.03356,-0.12038,0.10097,0.0368,0.00563,-0.03493,-0.04095,0.03927,0.05386,-0.01522,-0.04528,-0.03791,0.00521,-0.04252,-0.042,-0.06951,0.00854,-0.0798,-0.09644,-0.06473,0.04916,0.01945,0.01349,0.05083,-0.07178,0.01578,0.01882,0.05199,-0.01416,0.06178,0.0356,0.03826,0.00588,-0.11364,0.01273,-0.00893,-0.04856,0.02336,-0.02413,-0.00717,-0.01495,-0.01746,-0.02341,-0.02428,-0.00124,0.03709,-0.00645,0.02714,0.02186,-0.02171,0.10966,-0.00301,0.07379,-0.00207,-0.07913,0.0207,-0.03731,0.03296,0.01715,0.0476,0.01717,0.11381,0.01751,-0.01536,-0.04861,-0.13837,0.06144,-0.03135,-0.02849,0.0538,-0.00347,-0.05284,0.00316,0.04357,-0.02744,-0.0275,-0.03539,-0.00814,0.00789,0.01101,-0.0768,-0.03901,-0.00939,-0.04105,0.01406,0.01929,0.12977,0.03225,-0.00031,-0.01343,-0.03016,0.09916,-0.02831,-0.04,0,0.02625,0.04988,-0.03476,0.03458,0.13364,-0.05587,0.01506,-0.08462,0.00214,0.05266,0.02464,0.04004,-0.07053,0.06469,-0.01448,-0.1159,0.01004,0.00633,0.03834,0.06237,0.03042,-0.14372,-0.05048,0.04215,0.07312,0.07726,0.01304,-0.0059,-0.02932,0.02512,0.01298,-0.03451,-0.03835,0.01731,-0.06626,-0.02994,-0.09263,-0.06517,-0.01072,0.02114,-0.00895,-0.03076,-0.1112,0.01886,0.01592,-0.02273,-0.00142,-0.0007,0.11946,0.03953,0.00968,0.03345,0.03353,-0.00612,0.06055,-0.08896,-0.06047,0.10346,0.04825,0.02306,-0.01411,0.00607,-0.07448,-0.03263,0.04488,0.00219,-0.00046,-0.0162,0.09699,-0.05204,-0.03759,0.04961,0.01029,0.09518,-0.01377,-0.00423,0.01656,0.00121,0.08999,-0.06762,-0.05855,0.02195,-0.0043,0.11199,0.09901,-0.08603,-0.03985,-0.05358,-0.12491,0.01569,0.04525,0.01069,0.02441,0.01412,-0.01379,0,-0.07224,0.00492,-0.06612,0.05093,0.00141,-0.02211,0.08264,-0.01164,0.09611,0.10194,0.07411,0.03686,-0.00339,-0.01994,0.05351,-0.01955,-0.04432,-0.05968,0.09218,-0.03056,0.02792,0.06963,-0.02809,-0.0832,-0.04841,0.06284,-0.04944,-0.00718,0.0251,0.00029,-0.00303,-0.03582,-0.03783,-0.05404,-0.02748,-0.00785,0.02154,0.05979,-0.02873,-0.03475,0.0607,-0.02108,0.01791,0.00073,-0.09587,0.01591,-0.07386,-0.01257,-0.03214,-0.03126,-0.0257,-0.00113,-0.02441,-0.03991,-0.10476,0.04034,0.07641,-0.00275,-0.05832,0.08556,-0.03283,-0.02626,0.0745,0.00653,0.04323,0.00787,-0.04095,0.03227,0.00652,0.00611,0.044,-0.00266,-0.02287,0.08334,0.03629,0.02025,0.08183,-0.06046,0.07152,0.03633,-0.02544,0.0529,-0.02769,0.01271,0.07373,0.02744,-0.06067,-0.05585,0.03777,0.06609,-0.08844,0.06446,0.01851,-0.01479,-0.0613,0,-0.06897,-0.00397,0.02333,-0.03765,0.05762,0.00421,-0.08445,0.02084,0.02765,0.03904,-0.00016,0.01129,-0.04171,-0.02885,0.09327,0.03189,-0.0311,0.00435,-0.05303,-0.11398,0.06698,0.0277,-0.01588,0.04591,-0.01465,-0.06525,0.07808,0.03115,-0.0767,0.03465,-0.01936,0.10725,0.08604,0.03138,-0.02271,-0.00951,-0.08166,-0.03831,-0.1066,0.01684,0.04272,0.00596,-0.01082,-0.07327,0.00573,0.0336,-0.04862,-0.06796,-0.01727,-0.01236,-0.04955,0.01175,-0.06447,0.07929,0.03177,0.01355,0.01317,-0.00249,0.05369,-0.00014,-0.04289,0.08952,0.04475,-0.02962],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","excerpt":""},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#7","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.12158,-0.01925,-0.03725,0.08992,-0.01336,0.06475,-0.01941,-0.00941,0.04695,0.02254,-0.09771,0.0324,-0.06195,-0.01562,0.04348,0.06001,-0.03725,0.0192,-0.06135,-0.01095,-0.05353,-0.0319,-0.03698,-0.0056,0.01178,0.04859,0.02,-0.03624,0.06052,-0.02224,0.00741,0.04662,-0.06832,0.00497,-0.12099,0.12015,0.01748,0.03616,-0.03858,-0.05034,0.05448,0.00662,-0.00393,-0.03733,-0.0373,0.00816,-0.04007,-0.00548,-0.03755,0.06209,-0.0512,-0.10593,-0.06229,0.04812,0.00926,0.01706,0.09431,-0.07204,0.00267,0.02868,0.04848,0.00601,0.07365,0.03546,0.00291,-0.00011,-0.10105,0.05987,-0.00197,-0.03511,0.05665,-0.02099,-0.04271,-0.04635,0.00728,-0.03453,-0.06783,0.03621,0.00554,0.03202,0.0827,0.02528,-0.00612,0.10955,0.00802,0.06983,0.01512,-0.08042,0.07134,-0.0431,0.01896,0.04648,0.06161,-0.02844,0.08762,-0.01534,-0.05154,-0.0148,-0.11889,0.04758,-0.03107,-0.01059,0.03468,-0.0129,-0.03703,-0.01757,0.03856,-0.02231,-0.02461,-0.00504,0.00129,0.01076,0.0407,-0.06524,-0.01395,-0.00108,-0.06897,0.02107,0.00345,0.10821,-0.00369,0.00948,-0.02099,-0.04963,0.13979,-0.02097,-0.00975,0,0.02033,0.04263,-0.03415,0.04249,0.11502,-0.0565,0.01351,-0.07305,-0.01341,0.00639,0.02959,0.06442,-0.04012,0.07988,-0.07431,-0.13089,-0.00136,0.04438,0.03027,0.05496,-0.0104,-0.11466,-0.04241,-0.00273,0.07513,0.06986,-0.0136,0.03289,0.01514,0.00721,0.01899,-0.01698,-0.0407,0.01795,-0.10563,-0.01456,-0.05434,-0.06131,0.03323,0.02569,0.04402,-0.03845,-0.12514,0.02787,-0.00652,-0.03617,-0.00507,0.04041,0.06423,-0.01667,0.03881,0.05835,0.01423,-0.01403,0.03343,-0.12182,-0.08292,0.09782,0.01757,0.02634,-0.01168,0.07297,-0.08878,-0.00276,0.08835,0.00312,0.00269,0.04387,0.09413,-0.06005,-0.0781,0.02854,-0.04039,0.03464,-0.02636,-0.03213,-0.01347,-0.01173,0.13099,-0.05141,-0.03545,-0.04271,0.01707,0.09626,0.09682,-0.11846,-0.05159,-0.08247,-0.11652,-0.02484,0.10233,0.02813,0.05381,0.03834,0.03492,0,-0.03619,-0.00397,-0.03369,0.06372,-0.00692,-0.01454,0.05435,0.02103,0.06521,0.04165,0.01942,0.01298,-0.01703,-0.01661,0.01911,-0.00979,-0.07117,-0.06188,0.04527,-0.05224,0.06523,0.02552,0.01083,-0.06929,-0.04354,0.04718,-0.02523,-0.00217,0.01825,-0.01587,-0.00147,-0.0843,-0.05688,-0.06555,-0.01109,0.02663,0.01769,0.09967,0.0016,0.01424,0.03011,0.00541,0.01477,0.00741,-0.05588,0.05766,-0.09558,0.0011,-0.02995,-0.03975,-0.05818,0.02712,-0.06275,-0.07058,-0.0818,0.04278,0.09149,-0.02146,-0.04882,0.02705,-0.02998,-0.04001,0.06375,-0.02584,0.04216,0.01996,-0.00405,0.00054,-0.00217,-0.00207,0.04731,-0.00865,-0.00256,0.02408,0.08288,-0.00166,0.10202,-0.0847,0.05447,-0.00149,-0.01818,0.05301,0.00102,-0.04671,0.04565,0.01978,-0.07168,-0.03789,0.062,0.06787,-0.09965,0.04324,0.03066,-0.02581,-0.06303,0,-0.05794,0.01759,0.03968,-0.0317,0.05868,-0.00143,-0.06148,0.05682,0.03749,0.02584,0.00345,0.01904,-0.00166,-0.00642,0.0653,0.02118,0.00665,0.0049,-0.03386,-0.10655,0.08776,0.02472,0.00874,0.07223,0.00239,-0.07981,0.03514,0.02531,-0.05377,0.02435,-0.02529,0.04195,0.09417,0.0856,-0.04827,-0.02238,-0.06728,-0.02878,-0.09221,-0.01451,0.06685,0.0282,-0.02611,-0.05527,-0.00735,0.01194,-0.00214,-0.04632,-0.01759,0.00471,-0.0467,0.01629,-0.03563,0.04509,0.04826,0.00688,-0.02141,0.00772,0.02487,0.00716,-0.0817,0.09506,0.05051,-0.057],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. That’s it — your users can now interactively rewire the flow by grabbing connection ends and reattaching them wherever they need. It’s a small feature, but it makes the editor feel dynamic, intuitive, and alive. <https://flow.foblex.com/examples/drag-to-reassign","excerpt":"That’s it — your users can now interactively rewire the flow by grabbing connection ends and reattaching them wherever they need. It’s a small feature, but it makes the editor feel dynamic, intuitive, and alive. <https://flow.foblex.com/examples/drag-to-reassign"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#8","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.11025,0.00234,-0.07052,0.03164,-0.06114,0.04549,-0.01506,0.01113,0.0396,0.01097,-0.10698,-0.02617,-0.08221,-0.01202,0.08129,0.08325,-0.06963,-0.01933,-0.03013,0.00799,-0.01228,-0.07039,-0.02101,-0.0246,-0.04618,0.06914,0.06911,-0.0205,0.07511,-0.04588,0.00866,0.0324,-0.02431,0.0228,-0.07982,0.04234,0.04005,0.05809,-0.03585,-0.0505,0.07926,0.02108,0.01419,-0.06236,0.00406,0.0272,-0.04237,-0.00221,-0.06505,0.01932,-0.07084,-0.10995,-0.07873,0.07494,-0.00344,0.02524,0.02644,-0.02998,0.022,0.02982,0.04873,-0.01613,0.03609,0.00351,-0.02992,0.0119,-0.09923,0.03419,0.01883,-0.02099,-0.01241,-0.0416,-0.00293,-0.09297,0.00518,-0.02791,-0.01768,0.03882,0.00355,-0.04961,0.03334,0.03572,-0.0143,0.10693,-0.00638,0.07184,-0.00028,-0.12312,0.03854,-0.0176,0.04813,0.07979,0.00696,-0.00982,0.0846,0.0266,-0.04021,-0.0537,-0.08412,0.05372,-0.01193,-0.04053,0.09551,0.03807,-0.01624,0.02619,0.0155,0.00192,-0.02542,-0.02278,-0.0014,0.00862,0,-0.07347,-0.02347,-0.02563,-0.06185,0.03425,0.06303,0.11496,0.01857,-0.02151,-0.00789,-0.04188,0.09945,-0.02494,-0.0109,0,0.0077,0.07127,-0.01808,0.03639,0.12649,0.01636,-0.03656,-0.0848,0.02153,0.08418,0.00338,-0.0186,-0.09974,0.0779,-0.00353,-0.12027,-0.00912,0.00939,-0.0316,0.07861,0.00056,-0.10026,-0.04203,0.02331,0.11229,0.04792,0.00331,0.03405,-0.05113,-0.00684,0.05477,-0.04415,0.02788,-0.01335,-0.10606,0.01347,-0.04462,-0.09574,-0.01441,0.03057,0.00474,-0.02702,-0.06193,0.0504,-0.03569,0.02902,0.0057,0.04838,0.05707,0.03614,-0.03028,0.03366,0.05364,-0.03096,0.08891,-0.09238,-0.0579,0.13125,0.01241,0.03047,0.00375,0.0326,-0.0403,-0.04687,0.04627,0.02744,-0.0105,0.0229,0.09669,-0.05276,-0.08881,0.08358,-0.04258,0.0267,0.01266,-0.02823,-0.02962,0.03802,0.11831,-0.02945,-0.05078,-0.01172,0.01445,0.09772,0.07058,-0.06449,-0.0247,-0.07451,-0.10588,-0.00952,0.06385,0.06404,0.05051,0.01999,-0.00039,0,-0.05239,0.03632,-0.02332,0.04254,0.01625,-0.01991,0.0691,-0.0057,0.0866,0.0873,0.06772,0.05911,-0.01913,-0.02582,0.02062,-0.00808,-0.04097,-0.07119,0.09487,-0.03632,0.06229,0.03997,-0.04384,-0.08214,-0.06438,0.0445,-0.02805,-0.01729,0.00326,0.02206,-0.00696,-0.04483,-0.03217,-0.04925,-0.03767,-0.00898,0.00495,0.06717,0.02449,-0.07752,0.04935,-0.00654,0.05771,-0.05188,-0.08247,0.03558,-0.03623,0.00731,-0.08785,0.00532,-0.0608,0.03592,-0.06621,-0.01634,-0.11492,0.01464,0.04185,-0.048,-0.06447,0.02221,-0.03097,-0.04215,0.03641,-0.0031,0.05351,0.02563,0.02504,-0.05523,0.03518,0.01262,0.04107,0.00141,-0.02839,0.03389,0.06121,0.01864,0.09972,-0.02774,0.06625,0.04574,-0.02414,0.06454,0.00497,0.01184,0.0331,0.07248,-0.06418,-0.02596,0.08751,0.09064,-0.07515,0.04893,-0.01849,-0.00551,-0.0493,0,-0.07263,-0.04388,-0.03513,-0.06822,0.04663,-0.009,-0.07129,0.00655,-0.01675,0.00318,-0.00523,0.06775,-0.07014,0.01083,0.09383,0.01047,-0.04844,0.01679,-0.04051,-0.06645,0.03491,0.01071,-0.00319,0.07488,0.00668,-0.04624,-0.00124,0.03203,-0.04537,0.04469,0.01238,0.04033,0.08758,0.05698,-0.03826,-0.05166,-0.11573,-0.02987,-0.08872,0.04831,0.07924,-0.00227,0.03748,-0.02489,0.02256,0.02995,-0.03011,-0.03372,-0.04607,0.00431,-0.09289,0.0315,-0.05246,0.03934,0.02019,-0.02678,0.01389,0.01319,0.02729,0.02871,-0.08117,0.03861,0.04324,-0.0498],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 🧬 Connection Types and Behaviors Connections in Foblex Flow aren’t just visual lines — they’re deeply customizable and behave exactly how you want them to. Let’s start with the three connection types, each offering a different visual style: - straight — a simple straight line - segment — a segmented line with right angles (ideal for logic-style editors) - bezier — a smooth, curved Bézier path ::: ng-component <connection-types</connection-types [height]=\"600\" ::: <https://flow.foblex.com/examples/connection-types","excerpt":"🧬 Connection Types and Behaviors Connections in Foblex Flow aren’t just visual lines — they’re deeply customizable and behave exactly how you want them to. Let’s start with the three connection types, each offering a different visual style: - straight — a simple straight line - segment — a segmented line with right angles (ideal for logic-style editors) - bezier — a smooth, curved Bézier path ::: ng-component <connection-types</connection-types [height]=\"600\" ::: <https://flow.foblex.com/examples/connection-types"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#9","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.08533,-0.00654,-0.08351,0.04765,-0.02686,0.01508,-0.04041,0.0325,0.03265,0.00628,-0.10683,-0.02679,-0.05146,-0.03406,0.038,0.05046,-0.05608,0.018,-0.02726,-0.01929,-0.07452,-0.0753,-0.0232,-0.01805,-0.02596,0.03064,0.0329,-0.0238,0.07702,-0.04102,0.00739,0.07019,-0.07396,0.03321,-0.10077,0.05433,0.03336,0.02609,-0.00294,-0.05048,0.12661,0.02778,0.04154,-0.09103,-0.01051,0.06615,-0.09632,0.05723,-0.06051,0.0069,-0.07147,-0.10104,-0.04612,0.08009,0.01397,0.08255,0.05048,-0.0703,0.02591,0.06846,0.09316,-0.03534,0.05324,-0.02152,0.01849,-0.0023,-0.08465,0.05996,-0.04149,0.00401,0.05005,-0.02382,-0.02067,-0.06694,0.01901,0.01566,-0.0725,0.05341,-0.01564,0.02862,-0.00377,0.08262,0.01682,0.07462,-0.04753,0.06266,-0.00824,-0.08552,0.00139,-0.02459,-0.01069,0.04345,-0.04239,-0.03396,0.10301,0.04658,-0.04472,-0.02082,-0.09274,0.04076,-0.00042,-0.01612,0.06716,-0.0049,-0.00416,0.02787,-0.00591,0.02034,0.00476,-0.04726,0.01014,-0.00059,0.01186,-0.06463,-0.0714,-0.04173,0.01748,0.00066,0.06164,0.08979,-0.00341,0.02619,-0.02032,-0.04915,0.09358,-0.03317,-0.04551,0,-0.01025,0.02982,-0.0046,0.00517,0.10589,-0.03717,-0.03518,-0.09446,0.063,0.06598,-0.05484,0.03035,-0.05871,-0.0056,-0.04707,-0.12431,0.02909,-0.02244,-0.07031,0.05084,0.04201,-0.12442,-0.06728,0.01318,0.08449,0.04501,-0.04343,-0.01032,-0.01497,0.00283,0.03466,0.03028,0.04921,0.01539,-0.07059,-0.02153,-0.03335,-0.05595,-0.07585,0.00169,0.01134,-0.01364,-0.06437,0.04756,-0.00659,0.00079,0.00053,0.03065,0.12057,0.01453,-0.01324,0.02951,-0.01177,-0.03956,0.05973,-0.05888,-0.07475,0.10155,0.01924,0.07623,0.00448,-0.01925,-0.05799,-0.05052,0.06751,0.05449,-0.03515,-0.00869,0.10338,-0.05225,-0.04676,0.05883,-0.02563,0.08213,-0.03267,-0.01317,-0.05055,-0.00067,0.08506,-0.01762,-0.03969,-0.01019,0.01276,0.07258,0.08218,-0.10343,-0.04155,-0.04493,-0.13666,-0.02951,0.07606,0.07009,0.08542,0.0594,-0.01122,0,-0.07032,0.02458,-0.00758,0.08207,0.01209,-0.04718,0.06973,-0.02515,0.08108,0.11361,0.03128,0.06338,-0.02813,-0.00729,0.02167,-0.00835,-0.00885,-0.06989,0.08527,0.00946,0.05684,0.01437,0.00253,-0.10378,0.00154,0.04186,0.01324,-0.06041,-0.00744,0.01926,-0.01362,-0.0294,-0.03832,-0.04615,0.0082,-0.02261,-0.0292,0.03841,0.04246,-0.11434,0.07083,0.00446,-0.01496,-0.00525,-0.05149,0.00792,-0.07247,0.01781,-0.0958,-0.02175,-0.07816,0.0459,-0.0108,-0.03012,-0.0831,0.04906,0.03341,0.01545,-0.02917,0.02395,-0.0051,-0.07454,0.06229,0.02495,0.04204,0.08083,-0.00063,-0.01904,0.00619,0.05773,0.05507,0.04741,-0.01741,0.03714,0.0296,0.01387,0.08999,-0.05538,0.06674,0.03143,-0.07978,0.09225,-0.05692,-0.03308,0.03778,0.01511,-0.04834,-0.01796,0.05967,0.09721,-0.07231,0.00726,-0.04505,-0.06217,-0.06283,0,-0.07647,-0.03923,-0.03965,-0.03375,0.05476,-0.00104,-0.03376,0.00276,-0.01041,0.03886,-0.02991,0.03096,-0.04916,-0.02995,0.08764,0.00398,-0.00214,0.00727,-0.05701,-0.05872,-0.00577,-0.00358,0.01857,0.09825,-0.0209,-0.06917,0.02606,0.05465,-0.03405,0.02386,0.00484,0.02871,0.048,0.07297,-0.04901,-0.00154,-0.10333,0.00045,-0.0898,0.04614,0.0643,0.01873,0.04302,-0.0393,0.04428,0.0523,-0.01618,0.01708,0.02044,0.01788,-0.02406,0.0432,-0.04505,0.01578,0.03157,-0.02077,0.01641,-0.00872,0.00436,0.01607,-0.07337,0.08282,0.0192,-0.03255],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. Next, you can define how the connection behaves when linking nodes: - fixed — connects from a specific side (left, right, top, bottom) defined via fConnectableSide - fixedcenter — connects from the exact center of each node - floating — auto-calculates the intersection between the node’s shape and the imaginary line between node centers (great for circular or irregular shapes) ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" ::: Connection Behaviours <https://flow.foblex.com/examples/connection-behaviours f Connectable Side","excerpt":"Next, you can define how the connection behaves when linking nodes: - fixed — connects from a specific side (left, right, top, bottom) defined via fConnectableSide - fixedcenter — connects from the exact center of each node - floating — auto-calculates the intersection between the node’s shape and the imaginary line between node centers (great for circular or irregular shapes) ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" ::: Connection Behaviours <https://flow.foblex.com/examples/connection-behaviours"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#10","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.07996,0.01057,-0.04109,0.02674,-0.03026,0.02211,-0.03181,0.03691,0.02071,0.03407,-0.07533,0.01454,-0.07795,0.0074,0.09257,0.07925,-0.02949,-0.00217,-0.00919,-0.01804,-0.02515,-0.05943,-0.00538,-0.01948,-0.04329,0.05891,0.04763,-0.02333,0.08535,-0.05255,0.00682,-0.0064,-0.01971,0.02906,-0.10577,0.06145,0.03356,0.02162,-0.01119,-0.01854,0.02951,0.03892,-0.00969,-0.05078,0.01266,0.01483,-0.08971,0.00045,-0.07218,0.03515,-0.07652,-0.10446,-0.05463,0.04763,0.0046,0.0135,0.0113,-0.01308,0.01719,0.02032,0.04741,-0.0473,0.07923,0.02844,-0.00396,-0.00217,-0.09374,0.02989,0.0075,-0.0164,0.02482,-0.04211,0.00819,-0.08957,-0.00797,-0.02383,0.01402,0.04839,-0.00278,0.01071,0.02404,0.07161,-0.00035,0.1023,-0.04994,0.04845,-0.01078,-0.09163,0.03676,-0.02738,0.02215,0.03889,0.00972,0.02209,0.08817,0.03017,-0.06635,-0.02736,-0.14074,0.05043,-0.00523,-0.04044,0.05675,-0.00613,-0.01406,0.03737,0.01037,-0.02579,-0.02544,-0.03245,-0.00985,0.00158,0.03133,-0.04274,0.01348,-0.04092,-0.0286,0.04012,0.026,0.09362,0.02517,-0.03253,-0.00184,-0.03504,0.10481,0.00759,-0.03919,0,0.01286,0.04709,-0.03229,0.02565,0.10409,-0.0053,-0.00621,-0.04679,-0.01667,0.06279,0.01514,-0.01598,-0.08627,0.06461,0.00649,-0.16503,0.02872,0.00384,0.00554,0.07381,-0.02247,-0.13312,-0.04313,0.04343,0.07585,0.07254,0.02899,-0.02457,-0.08944,0.00694,0.01149,-0.02816,-0.02711,0.01782,-0.05233,-0.00157,-0.06032,-0.0595,-0.03563,0.07014,-0.00528,-0.01191,-0.09986,0.0052,-0.02421,0.02641,0.01725,0.02414,0.08151,0.01658,-0.0273,0.07527,0.05534,-0.01343,0.0975,-0.11746,-0.06304,0.08934,0.03172,0.04378,-0.01819,-0.00658,-0.08452,-0.06523,0.0253,-0.01895,-0.01568,-0.02688,0.09846,-0.06297,-0.06113,0.05074,-0.0392,0.07788,-0.01964,0.00565,-0.02515,0.05029,0.1487,-0.07097,-0.07478,0.00718,0.01324,0.06186,0.10216,-0.08294,-0.01216,-0.05587,-0.07683,0.01553,0.01645,0.05978,0.04057,0.038,0.01684,0,-0.07145,0.02641,-0.08317,0.04635,0.00145,0.00006,0.08475,-0.03364,0.10491,0.11087,0.04167,0.02576,-0.02022,0.00977,0.06205,0.00175,-0.05079,-0.07669,0.10499,-0.03774,0.07107,0.11056,-0.08395,-0.07033,-0.02098,0.07927,-0.0847,-0.0262,0.02755,0.02652,-0.01678,-0.04835,-0.02501,-0.06923,-0.06351,0.00904,0.0044,0.05005,0.00433,-0.04567,0.03252,-0.01958,0.04199,-0.02537,-0.09026,0.01598,-0.06437,0.04037,-0.07105,-0.01766,-0.05858,0.03122,-0.00399,-0.03458,-0.13022,-0.00581,0.06511,-0.03292,-0.05403,0.03372,-0.01749,-0.02882,0.04908,-0.03883,0.03258,0.01363,0.01693,-0.0483,0.02755,-0.0309,0.03136,0.00585,-0.0049,0.06021,0.07347,0.031,0.09724,-0.07282,0.07096,-0.00464,-0.04283,0.04875,0.01403,0.03196,0.03715,0.04028,-0.06715,-0.0452,0.04329,0.09329,-0.0647,0.05168,-0.02102,-0.00363,-0.02243,0,-0.07339,-0.02787,0.00473,-0.02317,0.04641,0.01555,-0.02914,0.02378,0.0072,0.02035,0.00334,0.04752,-0.02534,-0.00372,0.08456,0.04541,-0.05761,0.05235,-0.04529,-0.05144,0.06144,0.00646,-0.03764,0.06013,-0.03563,-0.08369,0.04817,0.05322,-0.07993,0.02826,-0.03512,0.04849,0.09132,0.05393,0.01326,-0.04793,-0.09208,-0.0297,-0.05993,0.05876,0.04435,0.0203,0.01693,-0.0506,0.00032,0.04219,-0.04362,-0.07197,-0.05421,0.01391,-0.0671,-0.01042,-0.04224,0.06916,0.05207,0.00904,0.03235,0.01138,-0.00137,0.00199,-0.04764,0.09887,0.048,-0.0759],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. These options give you total control over both aesthetics and logic — whether you’re building a chatbot flow, a wiring diagram, or an AI pipeline. 📖 Want to dive deeper into all behaviors and visuals? 👉 Read the full documentation In our low-code platform, we’ll use a Bézier curve with a fixed side behavior, which feels natural for horizontal flow layouts:","excerpt":"These options give you total control over both aesthetics and logic — whether you’re building a chatbot flow, a wiring diagram, or an AI pipeline. 📖 Want to dive deeper into all behaviors and visuals? 👉 Read the full documentation In our low-code platform, we’ll use a Bézier curve with a fixed side behavior, which feels natural for horizontal flow layouts:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#11","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.09973,-0.01682,-0.04991,0.04933,-0.03135,0.02121,-0.01072,0.00201,0.04139,-0.00526,-0.10181,0.00788,-0.06709,-0.04974,0.07406,0.09235,-0.02059,-0.03528,-0.06385,-0.01663,-0.07383,-0.06044,-0.04862,-0.02216,-0.03709,0.05076,0.02613,-0.05058,0.08377,-0.0201,0.01112,0.0426,-0.03439,0.01919,-0.11437,0.0924,0.02508,0.01048,-0.03824,-0.03425,0.0856,0.03559,-0.01207,-0.05424,-0.04421,0.02414,-0.01706,-0.04398,-0.04952,0.00687,-0.06567,-0.07397,-0.06246,0.0379,0.02385,0.0226,0.07787,-0.07309,0.00326,0.03717,0.0553,-0.02726,0.05158,0.02867,0.02369,0.00334,-0.09908,0.0326,-0.0035,-0.02154,0.02905,-0.00427,-0.01652,-0.037,0.00761,-0.02403,-0.03928,-0.0133,0.0434,-0.00462,0.05424,0.05299,-0.0082,0.09356,-0.0139,0.06902,-0.00304,-0.10232,0.03766,-0.0265,0.03482,0.02341,0.03057,0.0118,0.11795,0.02641,-0.0136,-0.01674,-0.13738,0.05507,-0.02557,-0.02369,0.05806,0.0093,-0.04366,0.02463,0.03117,-0.00428,-0.03065,-0.0257,0.00036,0.03485,0.04611,-0.04714,-0.06238,-0.00199,-0.03383,0.0228,0.01041,0.14072,-0.02017,-0.01362,-0.00536,-0.0403,0.08888,-0.04041,-0.04328,0,0.00351,0.02547,-0.0501,0.0355,0.09713,-0.03738,0.00106,-0.09014,0.01101,0.04822,0.01351,0.04299,-0.06118,0.05666,-0.0425,-0.12303,0.00674,0.0002,0.05196,0.07315,0.02367,-0.14399,-0.05367,0.03311,0.07536,0.06826,-0.01826,0.00017,-0.04801,0.02102,0.01358,-0.02244,-0.02148,0.02136,-0.06645,-0.00639,-0.07361,-0.04601,0.00001,0.02293,0.00252,-0.03321,-0.12953,0.03082,0.00425,0.00271,0.00842,0.00855,0.08817,0.02918,0.00191,0.02663,0.01394,-0.01055,0.03882,-0.09319,-0.08443,0.08663,0.01391,0.02914,-0.00669,-0.00053,-0.09082,-0.02265,0.08091,0.01819,-0.00496,0.0081,0.09309,-0.0581,-0.05748,0.04669,-0.02445,0.08088,-0.01414,-0.01141,-0.01206,0.02372,0.09285,-0.04766,-0.01877,0.01871,-0.00579,0.12052,0.11584,-0.08886,-0.04879,-0.07591,-0.12014,0.0266,0.06927,0.03356,0.05381,0.04287,-0.01081,0,-0.06302,0.00651,-0.06154,0.03194,0.00034,-0.01028,0.0926,-0.01145,0.09451,0.10751,0.07614,0.05552,-0.01965,-0.01096,0.04178,-0.04037,-0.01568,-0.03795,0.0782,-0.04419,0.02557,0.0663,-0.01374,-0.10429,-0.03209,0.05299,-0.06799,-0.0218,0.00244,0.00757,0.0086,-0.02405,-0.05326,-0.06088,-0.03508,0.01821,-0.02584,0.07865,0.00773,-0.03983,0.02981,-0.00345,0.00252,-0.03062,-0.08361,0.01983,-0.07361,-0.04738,-0.05725,-0.00642,-0.03573,0.03837,-0.0182,-0.02848,-0.11698,0.0482,0.08328,-0.0032,-0.04931,0.0641,-0.00828,-0.02377,0.07469,-0.02156,0.04113,0.01751,-0.01736,0.02047,0.04378,0.01656,0.04807,-0.01053,-0.02348,0.07905,0.04689,0.00519,0.07488,-0.07922,0.05076,0.03106,-0.03049,0.07063,-0.02151,-0.00313,0.05736,0.03541,-0.05304,-0.05708,0.05834,0.07038,-0.08297,0.04009,0.00718,-0.03784,-0.05486,0,-0.06348,-0.0081,0.03073,-0.02896,0.06158,0.00921,-0.09959,0.03628,0.02035,0.04646,0.00258,0.01842,-0.04019,-0.02774,0.11597,0.0276,0.00185,-0.02043,-0.05249,-0.12218,0.04304,0.01676,-0.00125,0.08631,-0.00337,-0.07875,0.08546,0.0124,-0.08411,0.05104,-0.02871,0.0761,0.05858,0.05468,-0.04261,0.01961,-0.08412,-0.0536,-0.09926,0.00465,0.03122,0.00438,0.03412,-0.04861,-0.00517,0.05217,-0.03336,-0.02071,-0.0055,-0.01413,-0.04542,0.02541,-0.04966,0.05049,0.03423,-0.02998,0.00662,0.00904,0.0127,0.01224,-0.08651,0.08425,0.03268,-0.06015],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. You’re now in control — not just of where your connections go, but how they feel when they get there.","excerpt":"You’re now in control — not just of where your connections go, but how they feel when they get there."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#12","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.06703,0.00663,-0.04668,0.0527,-0.02924,0.05073,0.03286,0.01505,0.03937,-0.03859,-0.09057,0.01699,-0.10938,-0.0095,0.08566,0.06476,-0.02698,-0.01579,0.00511,-0.01028,-0.05107,-0.08121,-0.01991,-0.00461,-0.01493,0.05912,0.05557,-0.01113,0.07902,-0.01411,0.01221,0.01795,-0.06384,0.05526,-0.10032,0.07859,0.11205,0.06893,-0.06134,-0.03981,0.09233,0.02367,0.01022,-0.01466,-0.0166,0.04705,-0.02555,-0.01616,-0.0596,0.04562,-0.05084,-0.10745,-0.03182,0.02889,0.01563,-0.0002,0.06904,-0.05078,0.02718,0.05131,0.0441,-0.05915,0.05483,0.00621,-0.02615,-0.02625,-0.06888,0.04609,-0.06982,-0.01771,-0.00675,-0.04313,-0.00654,-0.03346,-0.01312,0.02651,-0.01211,0.00168,0.03626,-0.06634,0.04611,0.0504,-0.0065,0.12071,-0.00508,0.09934,-0.01997,-0.10161,-0.00603,0.00287,-0.00171,0.05084,-0.00703,-0.02882,0.10199,0.01214,-0.00775,-0.07099,-0.09162,0.04769,0.02716,-0.01736,0.02737,-0.00873,0.02501,0.01787,-0.04211,0.01332,-0.02267,-0.0285,-0.01673,0.01496,0.02247,-0.06058,-0.07369,-0.03974,-0.0573,0.01467,0.06817,0.08598,0.0134,0.00364,-0.04343,-0.05468,0.06021,0.00578,-0.00949,0,0.00399,0.06209,-0.04902,0.0196,0.07186,-0.0081,-0.02373,-0.10195,0.03594,0.04531,-0.00023,-0.02253,-0.07299,0.093,-0.01474,-0.0701,0.03314,-0.01425,-0.05035,0.01998,0.02956,-0.15468,-0.06171,0.00626,0.11733,0.09563,-0.06472,0.0412,-0.058,-0.01025,0.04927,-0.01209,0.04621,-0.00548,-0.06112,-0.00756,-0.06636,-0.07718,-0.00854,0.022,0.05718,-0.06202,-0.13462,0.01831,-0.0126,0.06115,-0.02731,-0.01182,0.07317,-0.00732,-0.02969,0.06352,-0.0062,-0.04138,0.07862,-0.07461,-0.08598,0.06848,-0.0064,-0.02222,-0.04096,0.05487,-0.04394,-0.03493,0.05586,0.02421,-0.00454,0.03057,0.05071,-0.08339,-0.02695,0.06358,-0.00128,0.01559,-0.04186,-0.01618,-0.00631,0.05731,0.11002,-0.01294,-0.06738,-0.02829,0.02822,0.03989,0.11808,-0.08865,-0.00046,-0.08916,-0.12655,-0.02577,0.0854,0.05621,0.01465,0.03224,-0.0617,0,-0.04055,0.06293,0.00229,0.03824,0.00113,-0.02292,0.0933,0.02574,0.03573,0.07635,0.04203,0.04254,-0.0277,-0.02651,0.02008,-0.01098,-0.01395,0.01353,0.09316,-0.05617,0.03179,0.02627,-0.00056,-0.06697,0.01595,0.02046,0.0216,-0.0672,-0.0516,-0.02624,0.01603,-0.02966,0.04704,-0.05969,0.01133,-0.03393,0.017,0.01766,0.02776,-0.0153,0.03304,0.01229,0.0096,-0.01289,-0.07681,0.04184,-0.05576,-0.01303,-0.08344,0.01908,-0.01948,0.0374,-0.06453,-0.03419,-0.09451,0.01335,0.04931,0.0006,-0.02761,0.00859,-0.04139,-0.05274,0.03645,0.036,0.10787,0.01542,-0.01186,-0.02957,0.05117,0.01404,0.05374,0.03299,-0.00163,0.0213,0.06974,0.00531,0.09001,-0.00421,0.05948,0.01527,-0.07485,0.0632,-0.01231,0.0688,0.0915,0.02878,-0.09864,-0.04738,0.05568,0.08246,-0.08612,0.06001,0.02701,-0.02525,-0.01752,0,-0.05152,-0.0245,-0.04228,-0.0765,0.05164,0.00159,-0.08389,0.01263,-0.03631,0.05918,-0.03744,0.06935,-0.08706,-0.02351,0.07775,-0.03359,-0.0402,0.00567,-0.03872,-0.05089,0.03455,0.05587,-0.05068,0.12086,-0.00022,-0.0431,0.04335,0.02869,-0.00258,0.01862,-0.03711,0.03062,0.05994,0.04893,-0.0344,-0.0106,-0.11455,-0.037,-0.07656,0.07204,0.06707,-0.03278,0.04912,-0.05017,0.00184,0.08474,-0.03449,-0.02216,-0.09131,-0.02679,-0.0656,0.02575,-0.04352,0.02958,0.02115,-0.03867,0.01611,0.05006,0.01688,0.026,-0.07051,0.08268,0.0304,-0.04746],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 🏁 Adding SVG Markers to Connections A great UI isn’t just about layout — it’s about clarity and direction. When working with connections, nothing communicates intent better than directional markers. With Foblex Flow, you can attach custom SVG markers to the start or end of any connection. These can be arrows, dots, diamonds — anything you can draw in SVG. ::: ng-component <connection-markers</connection-markers [height]=\"600\" ::: <https://flow.foblex.com/examples/connection-markers","excerpt":"🏁 Adding SVG Markers to Connections A great UI isn’t just about layout — it’s about clarity and direction. When working with connections, nothing communicates intent better than directional markers. With Foblex Flow, you can attach custom SVG markers to the start or end of any connection. These can be arrows, dots, diamonds — anything you can draw in SVG. ::: ng-component <connection-markers</connection-markers [height]=\"600\" ::: <https://flow.foblex.com/examples/connection-markers"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#13","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.11272,0.00315,-0.08406,0.06442,0.00145,0.03085,0.00502,0.04523,0.00877,-0.00906,-0.0648,0.01174,-0.04623,-0.01252,0.09496,0.08174,-0.02276,-0.01962,-0.01778,-0.04238,-0.04359,-0.06827,-0.02207,0.00914,-0.02282,0.03774,0.03882,-0.04574,0.10396,-0.02443,-0.04014,0.04297,-0.04488,0.01683,-0.08311,0.08058,0.06519,0.05229,-0.01274,-0.05658,0.11,0.01836,0.01272,-0.04069,-0.01572,0.0248,-0.04895,0.00184,-0.06591,0.02235,-0.07806,-0.09659,-0.07272,0.0292,0.03325,0.00516,0.01713,-0.05303,0.02637,0.00474,0.06248,-0.03037,0.06955,0.0105,0.00181,-0.01632,-0.09607,0.00196,-0.00717,-0.05386,-0.00879,-0.02342,-0.02169,-0.04379,-0.02752,0.01767,-0.05223,0.02552,0.00353,-0.001,0.04321,0.0315,0.00063,0.15398,-0.00532,0.09042,0.00108,-0.11489,0.01759,-0.0363,0.02624,0.02095,-0.02085,-0.00745,0.08219,0.00683,-0.03754,-0.05984,-0.12771,0.07878,-0.00857,-0.00615,0.04885,-0.01139,-0.03042,0.01171,-0.007,-0.03587,-0.01933,-0.00615,-0.0004,-0.0133,0.01241,-0.06987,-0.04125,0.01179,-0.06045,0.0057,0.03857,0.10646,0.0231,0.01637,-0.06817,-0.04218,0.07422,-0.00662,-0.0312,0,0.0038,0.0901,-0.01913,0.00112,0.07528,-0.03889,-0.01641,-0.06848,0.04268,0.05428,0.00161,-0.00779,-0.0551,0.07907,0.00244,-0.09609,0.02739,0.01434,-0.02696,0.04695,-0.00932,-0.12675,-0.08768,0.03247,0.07473,0.07809,-0.01139,0.0138,-0.01691,0.00669,0.04419,-0.05927,-0.02283,0.02492,-0.04974,-0.02942,-0.06119,-0.05317,-0.03281,0.01096,0.02209,-0.02968,-0.12992,0.04836,-0.02505,-0.00288,-0.00068,0.01948,0.06923,0.0017,-0.03698,0.06844,-0.00843,-0.08292,0.0412,-0.10153,-0.06031,0.06168,-0.02419,0.01636,-0.05031,-0.00884,-0.09439,-0.02755,0.04824,0.03275,-0.02037,-0.04326,0.09483,-0.0747,-0.04879,0.06184,-0.01694,0.07924,-0.02071,0.01951,-0.02908,0.01702,0.11177,-0.04561,-0.05812,-0.0168,0.01758,0.09126,0.10167,-0.13187,-0.02453,-0.04758,-0.08689,-0.0513,0.05518,0.06933,0.04067,0.05422,-0.00999,0,-0.05371,0.00725,-0.02214,0.04576,0.01018,-0.01085,0.09717,0.00509,0.073,0.10422,0.01908,0.03536,0.02853,0.00974,0.02821,-0.00136,-0.05686,-0.01206,0.10796,-0.00563,0.07479,0.04454,-0.02006,-0.07746,-0.03012,0.07782,-0.03204,-0.0605,-0.01536,0.03792,-0.03724,-0.06309,0.02109,-0.04035,-0.02948,-0.00759,0.04719,0.03769,-0.02809,-0.02547,0.03838,-0.03412,0.04296,0.00013,-0.05481,-0.02179,-0.03887,0.01449,-0.09251,-0.01204,-0.0587,0.0361,-0.01053,-0.06189,-0.09653,0.04546,0.05135,0.00555,-0.01726,0.05442,-0.02922,-0.07246,0.036,0.01934,0.0618,0.02418,0.00841,-0.03057,-0.01476,0.01927,0.04716,0.04331,0.02523,0.05207,0.05579,0.01937,0.09773,-0.07522,0.05341,0.00646,-0.06481,0.05635,-0.00841,-0.00866,0.08936,0.05325,-0.05173,-0.03824,0.04928,0.08916,-0.08965,0.07799,0.01484,0.02408,-0.04527,0,-0.06761,0.01046,0.00127,-0.02671,0.06645,0.00144,-0.06856,0.02326,0.00486,0.03989,-0.03656,0.05303,-0.05168,-0.0019,0.09963,0.02518,0.01135,0.00307,-0.04576,-0.07004,0.07188,0.0243,-0.01066,0.01403,-0.00811,-0.09321,0.08779,0.07563,-0.07243,0.02245,-0.00567,0.07594,0.07487,0.03924,-0.05287,-0.0508,-0.08751,-0.01862,-0.07463,0.04584,0.05931,0.03163,-0.01564,-0.06365,0.06807,0.08178,-0.0444,-0.07371,-0.05763,-0.01617,-0.05483,-0.01361,-0.01726,0.00909,0.04988,-0.00596,0.04541,0.03922,-0.01909,0.00494,-0.0631,0.1071,0.05482,-0.0264],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. Here’s a minimal example that adds a simple circle to the start of a connection: 📌fMarker input parameters: - type — the marker type - width, height — size of the marker viewport - refX, refY — anchoring point (where the marker attaches to the connection) f Marker ref X ref Y","excerpt":"Here’s a minimal example that adds a simple circle to the start of a connection: 📌fMarker input parameters: - type — the marker type - width, height — size of the marker viewport - refX, refY — anchoring point (where the marker attaches to the connection)"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#14","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.07055,-0.03711,-0.02624,0.04289,0.01064,0.06959,0.05943,-0.01723,-0.00343,-0.00416,-0.06313,-0.03503,-0.10316,-0.0093,0.11408,0.11052,-0.00499,-0.03585,0.00493,-0.02105,0.02578,-0.07606,-0.03906,0.00747,-0.01745,0.05389,0.03147,-0.02944,0.10808,-0.00609,-0.05198,0.0241,-0.0306,0.01268,-0.09352,0.01757,0.07384,0.06168,-0.00626,-0.02048,0.10916,0.01313,0.00506,-0.03516,-0.01928,-0.0003,-0.02368,-0.00693,-0.07949,0.03699,-0.00437,-0.0661,-0.06268,0.02321,0.05541,-0.01319,0.02268,-0.03475,0.00713,0.0339,0.0332,-0.02073,0.06377,-0.02716,0.03807,0.02442,-0.05138,-0.0104,-0.02186,-0.0541,0.00382,-0.06344,0.01617,-0.04221,-0.00693,0.03186,-0.00896,-0.00458,0.00129,-0.0244,0.01328,0.02176,-0.00575,0.09024,0.03043,0.07835,-0.05144,-0.11522,0.01898,-0.00577,-0.00588,-0.00943,0.00579,-0.01846,0.0999,0.00891,-0.0401,-0.01524,-0.06403,0.04296,0.01639,-0.02372,0.04349,-0.02652,-0.03084,0.01187,0.02041,-0.02286,-0.04701,-0.03418,-0.02181,-0.01602,0.02675,-0.07125,-0.07039,-0.01868,-0.07799,0.01041,0.04853,0.10808,0.0238,-0.02815,0.00298,-0.065,0.08026,0.00529,-0.03388,0,0.03774,0.02642,-0.03174,0.01234,0.06723,0.00899,-0.0353,-0.11472,0.00283,0.04489,0.05012,0.01611,-0.04795,0.10658,0.0061,-0.07587,0.04667,-0.03084,-0.00062,0.04494,-0.01877,-0.06077,-0.10295,0.01113,0.08011,0.08436,-0.01281,0.02489,-0.0362,0.01368,0.07571,-0.05283,-0.01567,0.00599,-0.0197,0.01207,-0.09076,-0.0416,0.02315,0.0154,0.02312,-0.01646,-0.11717,0.05902,-0.02946,0.04817,0.0053,0.02383,0.06749,-0.00345,-0.0027,0.02127,-0.01804,-0.08149,0.08292,-0.07202,-0.05691,0.11378,-0.00012,-0.02143,-0.05782,-0.00499,-0.06627,-0.08188,0.05163,0.04786,-0.02652,-0.024,0.07202,-0.06122,-0.02484,0.08263,-0.0142,0.08515,-0.02816,-0.0152,-0.01423,0.03685,0.08838,-0.03176,-0.09458,0.00615,-0.00449,0.10203,0.04369,-0.12862,-0.05828,-0.04843,-0.09245,-0.0547,0.06978,0.07133,0.01666,0.04176,-0.04858,0,-0.07324,0.04353,-0.03658,0.04723,-0.01142,-0.01066,0.12314,-0.00687,0.073,0.10829,0.10109,0.03101,-0.01901,-0.0202,0.01846,-0.01074,-0.09384,0.01656,0.10236,-0.03962,0.04119,-0.01023,0.01948,-0.05847,-0.0256,0.05892,-0.04506,-0.06893,-0.02271,-0.00691,-0.02706,-0.04422,0.00091,-0.016,-0.04523,-0.02711,0.07669,-0.00097,-0.02949,0.00042,0.02469,-0.02466,0.07007,-0.00735,-0.05969,0.03078,-0.0705,0.0263,-0.08739,0.00021,-0.02662,-0.00204,-0.04744,-0.0428,-0.12973,0.02312,0.03865,-0.02888,-0.03649,0.06808,-0.03773,-0.05301,0.04128,0.03182,0.05816,-0.02197,0.01591,-0.0488,0.02875,-0.01272,0.06493,-0.01098,0.00311,0.02309,0.05275,-0.01062,0.10481,-0.05679,0.04407,-0.00623,-0.05019,0.03941,-0.02573,0.02852,0.05792,0.11871,-0.08598,-0.01725,0.04621,0.07307,-0.07294,0.05894,0.00337,0.00267,-0.07319,0,-0.06147,-0.00987,0.02356,-0.0892,0.02901,0.02369,-0.0838,0.00296,0.03313,0.06566,-0.0231,0.05076,-0.05935,-0.03918,0.14426,-0.02771,-0.023,0.00313,-0.06985,-0.03875,0.04208,0.00378,-0.05496,0.0761,-0.01932,-0.05988,0.08561,0.08377,-0.06624,0.09978,-0.03123,0.06595,0.07937,-0.02126,-0.05936,-0.0262,-0.07593,-0.04951,-0.04618,0.109,0.0363,-0.03407,-0.00899,-0.05585,0.06811,0.05523,-0.02969,-0.0426,-0.05487,0.01195,-0.07675,-0.02328,-0.0447,0.05618,-0.00552,-0.02033,0.0283,0.04284,0.03968,-0.0171,-0.00924,0.0525,0.04194,-0.02101],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. All marker types are defined in the EFMarkerType enum: You can style markers differently for selected states — this is great for showing hover, focus, or active connections. Here’s a full example that applies all four types of markers on a connection: EF Marker Type","excerpt":"All marker types are defined in the EFMarkerType enum: You can style markers differently for selected states — this is great for showing hover, focus, or active connections. Here’s a full example that applies all four types of markers on a connection:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#15","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.11222,0.01434,-0.04081,0.02915,-0.01851,0.01774,-0.02067,0.01824,0.01726,0.02096,-0.10923,-0.01719,-0.06319,-0.03606,0.08074,0.08292,-0.02354,-0.00103,-0.05705,-0.0211,-0.05625,-0.0535,-0.01843,-0.01658,-0.03034,0.05881,0.0348,-0.04725,0.08848,-0.03576,0.02117,0.05674,0.0216,0.03356,-0.12038,0.10097,0.0368,0.00563,-0.03493,-0.04095,0.03927,0.05386,-0.01522,-0.04528,-0.03791,0.00521,-0.04252,-0.042,-0.06951,0.00854,-0.0798,-0.09644,-0.06473,0.04916,0.01945,0.01349,0.05083,-0.07178,0.01578,0.01882,0.05199,-0.01416,0.06178,0.0356,0.03826,0.00588,-0.11364,0.01273,-0.00893,-0.04856,0.02336,-0.02413,-0.00717,-0.01495,-0.01746,-0.02341,-0.02428,-0.00124,0.03709,-0.00645,0.02714,0.02186,-0.02171,0.10966,-0.00301,0.07379,-0.00207,-0.07913,0.0207,-0.03731,0.03296,0.01715,0.0476,0.01717,0.11381,0.01751,-0.01536,-0.04861,-0.13837,0.06144,-0.03135,-0.02849,0.0538,-0.00347,-0.05284,0.00316,0.04357,-0.02744,-0.0275,-0.03539,-0.00814,0.00789,0.01101,-0.0768,-0.03901,-0.00939,-0.04105,0.01406,0.01929,0.12977,0.03225,-0.00031,-0.01343,-0.03016,0.09916,-0.02831,-0.04,0,0.02625,0.04988,-0.03476,0.03458,0.13364,-0.05587,0.01506,-0.08462,0.00214,0.05266,0.02464,0.04004,-0.07053,0.06469,-0.01448,-0.1159,0.01004,0.00633,0.03834,0.06237,0.03042,-0.14372,-0.05048,0.04215,0.07312,0.07726,0.01304,-0.0059,-0.02932,0.02512,0.01298,-0.03451,-0.03835,0.01731,-0.06626,-0.02994,-0.09263,-0.06517,-0.01072,0.02114,-0.00895,-0.03076,-0.1112,0.01886,0.01592,-0.02273,-0.00142,-0.0007,0.11946,0.03953,0.00968,0.03345,0.03353,-0.00612,0.06055,-0.08896,-0.06047,0.10346,0.04825,0.02306,-0.01411,0.00607,-0.07448,-0.03263,0.04488,0.00219,-0.00046,-0.0162,0.09699,-0.05204,-0.03759,0.04961,0.01029,0.09518,-0.01377,-0.00423,0.01656,0.00121,0.08999,-0.06762,-0.05855,0.02195,-0.0043,0.11199,0.09901,-0.08603,-0.03985,-0.05358,-0.12491,0.01569,0.04525,0.01069,0.02441,0.01412,-0.01379,0,-0.07224,0.00492,-0.06612,0.05093,0.00141,-0.02211,0.08264,-0.01164,0.09611,0.10194,0.07411,0.03686,-0.00339,-0.01994,0.05351,-0.01955,-0.04432,-0.05968,0.09218,-0.03056,0.02792,0.06963,-0.02809,-0.0832,-0.04841,0.06284,-0.04944,-0.00718,0.0251,0.00029,-0.00303,-0.03582,-0.03783,-0.05404,-0.02748,-0.00785,0.02154,0.05979,-0.02873,-0.03475,0.0607,-0.02108,0.01791,0.00073,-0.09587,0.01591,-0.07386,-0.01257,-0.03214,-0.03126,-0.0257,-0.00113,-0.02441,-0.03991,-0.10476,0.04034,0.07641,-0.00275,-0.05832,0.08556,-0.03283,-0.02626,0.0745,0.00653,0.04323,0.00787,-0.04095,0.03227,0.00652,0.00611,0.044,-0.00266,-0.02287,0.08334,0.03629,0.02025,0.08183,-0.06046,0.07152,0.03633,-0.02544,0.0529,-0.02769,0.01271,0.07373,0.02744,-0.06067,-0.05585,0.03777,0.06609,-0.08844,0.06446,0.01851,-0.01479,-0.0613,0,-0.06897,-0.00397,0.02333,-0.03765,0.05762,0.00421,-0.08445,0.02084,0.02765,0.03904,-0.00016,0.01129,-0.04171,-0.02885,0.09327,0.03189,-0.0311,0.00435,-0.05303,-0.11398,0.06698,0.0277,-0.01588,0.04591,-0.01465,-0.06525,0.07808,0.03115,-0.0767,0.03465,-0.01936,0.10725,0.08604,0.03138,-0.02271,-0.00951,-0.08166,-0.03831,-0.1066,0.01684,0.04272,0.00596,-0.01082,-0.07327,0.00573,0.0336,-0.04862,-0.06796,-0.01727,-0.01236,-0.04955,0.01175,-0.06447,0.07929,0.03177,0.01355,0.01317,-0.00249,0.05369,-0.00014,-0.04289,0.08952,0.04475,-0.02962],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","excerpt":""},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#16","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.11937,-0.00446,-0.0146,0.06396,0.01314,-0.00182,-0.02024,-0.00742,0.03066,0.00902,-0.1125,0.02559,-0.09891,-0.02169,0.07875,0.07737,-0.0228,-0.0375,-0.02563,-0.0334,-0.0688,-0.04472,-0.02188,-0.02642,-0.01682,0.06175,0.03694,-0.03199,0.09233,-0.04037,0.01959,0.05684,-0.01915,0.05553,-0.15638,0.11395,0.05312,0.01125,-0.06468,-0.04601,0.04424,0.04156,-0.01884,-0.0552,-0.02148,0.00337,-0.05317,-0.05048,-0.02766,0.02365,-0.10282,-0.12925,-0.03321,-0.00089,-0.01113,-0.0091,0.06887,-0.06528,-0.00316,0.0063,0.04813,-0.04565,0.05619,0.02445,0.04533,-0.01264,-0.06412,0.04654,-0.04538,-0.03582,0.0086,-0.02713,-0.01962,-0.01328,-0.04042,-0.00632,-0.0241,-0.02179,0.05624,-0.03573,0.05488,0.03681,-0.02416,0.14877,-0.00196,0.08202,-0.00938,-0.09192,0.01622,-0.00995,0.02723,0.03023,0.02724,-0.00464,0.08573,0.05241,-0.0172,-0.06267,-0.12842,0.06297,-0.00203,0.00037,0.08138,-0.04254,-0.03741,0.0196,0.01899,-0.01921,-0.00395,-0.02342,0.01091,0.01845,0.00494,-0.05494,-0.0332,0.0047,-0.02761,0.03443,0.03313,0.11015,0.01558,0.02232,-0.01247,-0.00759,0.11934,-0.01517,-0.01993,0,0.00685,0.05083,-0.03761,0.02473,0.12065,-0.0581,0.00873,-0.09997,-0.01276,0.05557,0.00829,0.04208,-0.0625,0.07785,0.00126,-0.12293,0.02857,0.00015,-0.01254,0.0477,-0.00154,-0.13015,-0.0444,0.01373,0.08036,0.08549,0.00291,0.00827,-0.05904,-0.00974,0.03798,-0.00224,-0.01876,0.03612,-0.04973,-0.0003,-0.08527,-0.07781,0.046,0.04125,0.03368,-0.06172,-0.11826,0.03196,-0.00679,0.06244,-0.0116,0.00973,0.08873,0.02591,-0.00858,0.06308,-0.00732,-0.0236,0.08638,-0.07904,-0.06419,0.11149,0.03666,0.02244,-0.03094,0.01418,-0.07394,-0.01938,0.01697,-0.01168,-0.01998,0.00202,0.09298,-0.05976,-0.03797,0.02221,-0.0048,0.06872,-0.00062,-0.00509,0.01577,0.0209,0.1223,-0.04912,-0.07183,0.00541,-0.00064,0.06334,0.10392,-0.07194,-0.0046,-0.0495,-0.10683,0.0113,0.02371,0.06047,0.0553,0.0371,-0.03169,0,-0.08979,0.04003,-0.05624,0.03369,-0.03325,0.00324,0.07392,-0.00031,0.04024,0.10754,0.08459,0.06063,-0.03336,-0.00579,0.03825,-0.00866,-0.0025,-0.03262,0.08487,-0.02869,0.03813,0.08706,-0.02232,-0.03668,-0.03782,0.06021,0.0144,-0.03958,0.01029,-0.01107,-0.00183,-0.02467,-0.00399,-0.04806,0.00935,-0.00007,0.04208,0.03827,-0.01713,-0.00872,0.01553,-0.01378,0.00346,-0.01322,-0.10328,0.0077,-0.06606,0.01703,-0.06837,-0.02358,-0.02696,0.03584,-0.02868,-0.04993,-0.1214,-0.01094,0.06906,-0.02975,-0.0092,0.04757,-0.04806,-0.03354,0.04623,-0.01902,0.06158,0.00985,-0.03676,-0.00784,0.02801,-0.00176,0.05556,0.00778,-0.01881,0.02004,0.04661,0.01802,0.11503,-0.06744,0.072,-0.01267,-0.01867,0.08007,-0.00901,0.00187,0.06415,0.034,-0.06711,-0.03078,0.03475,0.07981,-0.08738,0.05793,0.03553,-0.02439,-0.01975,0,-0.06987,0.00425,0.01759,-0.05847,0.05455,-0.01827,-0.08487,0.01563,-0.00764,0.03894,-0.02531,0.03724,-0.06575,0.00058,0.12996,0.04961,-0.04541,0.03118,-0.042,-0.07212,0.08065,0.01809,-0.03162,0.08916,-0.00891,-0.04366,0.03784,0.03452,-0.03061,0.03166,-0.04404,0.05518,0.07728,0.03994,0.00169,-0.00899,-0.11224,-0.06663,-0.07102,0.02608,0.00327,-0.0239,0.03364,-0.06083,-0.05231,0.03214,-0.03841,-0.0881,-0.0349,-0.01716,-0.04852,-0.03098,-0.03375,0.04742,0.03864,-0.00946,0.02606,0.00484,0.02472,0.02886,-0.03441,0.09152,0.01737,-0.03548],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. With just a few lines of SVG, your connections can now clearly show direction, communicate selection, and make the entire UI feel more polished and understandable. Next, we’ll make them glow ✨","excerpt":"With just a few lines of SVG, your connections can now clearly show direction, communicate selection, and make the entire UI feel more polished and understandable. Next, we’ll make them glow ✨"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#17","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.09895,0.02808,-0.01636,0.09832,0.00582,0.02019,0.04537,-0.03356,0.03789,-0.00723,-0.09137,0.06222,-0.09134,-0.04367,0.10018,0.11452,0.0179,-0.00164,-0.01951,0.00437,-0.06948,-0.10368,-0.03946,-0.04721,-0.01664,0.06553,0.05501,-0.02859,0.10929,-0.028,0.00025,0.02796,-0.04478,0.01922,-0.17949,0.08246,0.0634,0.02905,-0.05417,-0.0215,0.05456,0.01003,-0.00114,-0.02912,-0.0205,0.02144,-0.02984,-0.0076,-0.09923,0.00408,-0.03063,-0.12431,-0.04194,-0.00473,0.00149,0.03858,0.07098,0.00722,0.00845,0.03336,0.01627,-0.00887,0.05273,0.03862,0.05977,-0.01558,-0.05078,0.02764,-0.05304,-0.01155,0.00748,-0.02109,0.0349,-0.03631,-0.03076,0.04956,-0.00821,0.00078,-0.00433,-0.05347,0.0492,0.0161,-0.03193,0.11313,0.04978,0.10579,-0.01477,-0.10376,-0.00433,-0.01554,0.03295,0.03988,0.03353,-0.02402,0.04402,0.04443,-0.02018,-0.05802,-0.08172,0.04531,0.01874,-0.01189,0.04256,0.00932,-0.04108,0.01738,-0.01807,0.01523,-0.03181,-0.0132,0.03804,0.02188,-0.00308,-0.08089,-0.05238,-0.0405,-0.01151,0.03375,0.08374,0.12625,0.06687,0.00069,-0.00513,-0.05597,0.08948,-0.01623,0.01689,0,0.0173,0.03153,-0.05712,0.00609,0.10359,-0.02339,-0.02087,-0.11268,-0.01991,0.06043,0.07557,0.01242,-0.0643,0.06992,0.02773,-0.05088,0.03365,-0.00588,0.01014,0.02397,-0.02605,-0.11453,-0.05062,0.02807,0.07702,0.06543,-0.00484,0.0571,-0.06868,-0.02608,0.07353,-0.00585,0.01125,0.04441,-0.05128,0.01562,-0.05193,-0.09986,0.02092,0.05653,0.02572,-0.0429,-0.0878,0.06952,-0.03554,0.03671,0.02865,-0.00409,0.01355,0.0122,-0.0465,0.06597,-0.00177,-0.05146,0.06605,-0.07154,-0.06948,0.04627,0.02077,-0.04027,-0.00908,0.01299,-0.02932,-0.0531,0.0256,0.00842,0.03345,0.00382,0.02369,-0.1021,-0.02656,0.05901,-0.02568,0.01159,-0.00522,-0.036,-0.01567,0.03971,0.14512,-0.0318,-0.05581,0.01802,-0.01656,0.07669,0.06724,-0.07562,-0.02987,-0.05064,-0.09743,-0.03277,0.0837,0.04791,0.03555,-0.02579,-0.02469,0,-0.06035,-0.0108,-0.03541,0.08503,-0.0004,-0.02041,0.05641,-0.00758,0.0604,0.06375,0.11478,0.09911,-0.08308,-0.02225,0.00342,0.02225,-0.07225,0.01771,0.06964,-0.06237,0.0472,0.05498,0.00356,-0.06002,-0.05722,0.02882,-0.03805,-0.06395,-0.0346,0.03147,-0.01017,-0.02809,-0.01311,-0.03881,-0.01712,0.00686,0.00182,0.0232,-0.02147,0.01024,0.01362,-0.01438,0.03729,-0.01411,-0.07681,0.03318,-0.10679,-0.01128,-0.05987,-0.02402,0.01049,0.01513,-0.03103,-0.03804,-0.09559,-0.01024,-0.00164,-0.01925,-0.03664,0.1108,0.01169,-0.03162,0.01376,-0.00284,0.03184,0.02678,-0.04418,-0.03951,0.09189,-0.03054,0.0693,-0.00205,0.00073,0.02333,0.02357,-0.00639,0.15269,-0.04646,0.02452,0.00702,-0.05063,0.06236,-0.02172,-0.0041,0.03404,0.07103,-0.09696,-0.00549,0.04653,0.01922,-0.08922,0.08712,0.01205,-0.03271,-0.06535,0,-0.06554,-0.00305,0.00985,-0.06181,0.04297,0.01012,-0.05826,-0.0109,-0.0005,0.0898,-0.02122,0.01926,-0.0231,0.01456,0.08206,0.03523,-0.03552,0.01662,-0.0736,-0.04499,0.04675,0.04696,-0.05759,0.06717,0.0298,-0.0439,0.06511,0.05597,-0.02101,0.06357,-0.05455,0.05136,0.04644,0.05128,-0.02686,-0.03753,-0.1131,-0.07755,-0.0431,0.03931,0.01786,-0.02292,0.02665,-0.00386,0.01421,0.0169,-0.04902,-0.03793,-0.07524,0.0357,-0.05267,-0.03233,-0.07686,0.03836,0.05433,-0.07154,0.04589,0.09833,0.00539,0.02957,-0.06298,0.0249,0.02618,-0.06697],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 🎨 Styling Connections and Markers Let’s make our connections not just smart — but stylish. First, we’ll define a custom CSS variable — connection-color and apply it to both the stroke of the connection path and the fill of any SVG markers. This way, all visual elements stay perfectly in sync. 💡 Why use CSS variables? They allow you to easily switch themes, support dark/light mode, or dynamically update styles on interaction — without touching the DOM.","excerpt":"🎨 Styling Connections and Markers Let’s make our connections not just smart — but stylish. First, we’ll define a custom CSS variable — connection-color and apply it to both the stroke of the connection path and the fill of any SVG markers. This way, all visual elements stay perfectly in sync. 💡 Why use CSS variables? They allow you to easily switch themes, support dark/light mode, or dynamically update styles on interaction — without touching the DOM."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#18","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.14708,-0.02079,-0.01961,0.07225,0.01078,0.00198,0.03921,-0.00665,0.05134,0.00205,-0.08393,0.01246,-0.07394,-0.02379,0.0496,0.10047,0.00209,-0.04018,-0.06294,-0.01259,-0.05645,-0.07255,-0.02303,-0.00189,-0.05523,0.02939,0.01174,-0.03567,0.05516,-0.03735,-0.02116,0.04742,0.00218,0.01806,-0.16297,0.0606,0.05013,0.02939,-0.02276,-0.06835,0.05101,-0.01657,0.01594,-0.05685,-0.01683,-0.02215,-0.00036,-0.03522,-0.017,0.0683,-0.08373,-0.11042,0.01184,-0.00922,0.00802,0.02049,0.08217,-0.05124,0.01409,-0.02573,-0.00112,0.00344,0.07936,0.0213,0.07084,-0.00888,-0.04204,0.0121,-0.03938,-0.03713,0.04041,-0.05147,-0.03669,-0.01115,-0.0268,-0.03064,-0.0744,0.04074,0.0359,0.03644,0.08603,-0.02463,-0.02175,0.07171,-0.02625,0.09629,0.06392,-0.11654,0.0228,-0.0215,0.04176,0.03145,0.03115,-0.00944,0.02495,0.01263,-0.02499,-0.03575,-0.1308,0.05169,-0.00326,-0.01647,0.05627,-0.03202,-0.05413,0.02997,0.0687,-0.04077,-0.04551,-0.0014,0.0042,-0.02356,-0.02068,-0.05603,-0.02845,-0.03201,-0.00103,0.0155,0.05654,0.0712,0.05842,0.02081,-0.04623,-0.02683,0.1297,0.00838,0.00639,0,0.07756,0.03242,-0.03108,0.01044,0.09625,-0.0559,-0.03026,-0.08499,-0.0333,0.01291,0.05733,-0.00037,-0.00431,0.07737,0.00133,-0.11056,0.01279,-0.04003,0.0075,0.00278,-0.05615,-0.1069,-0.05719,0.01251,0.06597,0.08365,0.01397,-0.0137,-0.03367,0.00913,0.01657,-0.00905,-0.04534,-0.00529,-0.09363,0.02303,-0.08538,-0.067,0.07769,0.02848,0.00578,-0.06255,-0.04373,0.04614,-0.02808,0.06103,0.024,0.03108,0.0179,0.03832,-0.00127,0.02875,0.03589,0.01756,0.08352,-0.07042,-0.02951,0.06999,0.02914,0.01349,-0.02619,0.00818,-0.0547,-0.04529,0.04117,0.01913,-0.03912,0.0359,0.0758,-0.05353,-0.0876,0.02227,0.00221,0.06119,-0.03268,-0.01717,-0.0468,-0.09328,0.16463,-0.06099,-0.01547,-0.09387,0.00526,0.0862,0.04746,-0.08644,-0.03578,-0.0446,-0.1376,-0.02306,0.02507,0.04443,0.05828,0.01828,-0.00485,0,-0.02576,0.02422,-0.03903,0.08541,-0.03546,0.02161,0.05639,-0.00713,0.06828,0.08178,0.0508,0.06715,-0.00386,0.01315,0.02625,0.01378,-0.05107,-0.01826,0.06828,-0.06642,0.10521,0.00502,0.04376,-0.04181,-0.08634,0.0196,0.01365,-0.0165,0.02582,-0.00563,-0.01791,-0.01075,-0.03824,-0.07207,-0.01758,0.00582,0.07007,0.03357,0.00937,-0.02091,0.0345,0.0021,0.05667,-0.02531,-0.06275,0.03162,-0.10114,0.0103,-0.0639,-0.00082,-0.05699,0.02699,-0.01646,-0.03965,-0.11163,-0.04018,0.07026,-0.04522,0.00291,0.03033,-0.0631,-0.01503,0.02544,-0.00691,0.04806,0.022,0.0135,0.00795,0.06387,0.0192,0.09945,-0.01657,0.00107,0.02553,0.04244,0.01256,0.1547,-0.08142,0.05666,-0.03606,0.02357,0.04914,0.01094,-0.07696,0.00369,0.07886,-0.07685,-0.01963,0.04441,0.04177,-0.08373,0.06525,0.00347,-0.03503,-0.05673,0,-0.05079,0.00946,0.04582,-0.01297,0.0836,0.0558,-0.05185,0.00818,0.02529,-0.00293,0.00599,0.05163,-0.03503,0.00404,0.1198,0.09587,-0.07644,0.0279,-0.06133,-0.04609,0.07777,0.03674,-0.03559,0.07042,-0.01609,-0.03173,0.03392,0.06903,-0.07234,0.02139,0.0164,0.09414,0.05812,0.02219,-0.06772,-0.01988,-0.05487,-0.08269,-0.0634,0.00273,-0.01209,0.00201,-0.02943,-0.08771,-0.04695,0.00999,0.00041,-0.10458,-0.05184,0.03623,-0.04313,-0.01827,-0.0344,0.06747,0.02344,-0.03809,0.0046,0.02372,0.02344,0.00283,0.01824,0.04501,-0.0019,-0.00481],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 👆 Hover Effect Now let’s make our connections respond to user interaction. A subtle glow on hover helps users understand that a line is clickable or draggable. Just like that, your editor starts to feel alive — reacting to user input in a smooth, intuitive way.","excerpt":"👆 Hover Effect Now let’s make our connections respond to user interaction. A subtle glow on hover helps users understand that a line is clickable or draggable. Just like that, your editor starts to feel alive — reacting to user input in a smooth, intuitive way."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#19","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.12602,-0.0392,-0.01879,0.0877,-0.01938,0.0233,-0.01006,-0.05114,0.00161,0.01936,-0.06694,0.02783,-0.05333,-0.03446,0.04146,0.13638,-0.02184,-0.01328,-0.03229,0.00453,-0.08065,-0.08127,-0.05433,-0.04184,0.00917,0.04365,0.03372,-0.02037,0.06787,-0.03465,0.00368,0.02931,-0.09434,0.01075,-0.10477,0.07507,0.07385,0.02359,-0.04992,-0.0275,0.09726,0.02,0.01974,-0.04533,-0.01747,0.02648,-0.07183,-0.00207,-0.0421,0.05308,-0.06921,-0.11661,-0.02796,0.01593,0.01628,0.04129,0.05814,-0.05766,-0.00474,0.05224,0.0817,-0.02072,0.06611,-0.02049,0.00463,-0.02094,-0.07546,0.02734,-0.00865,-0.01127,0.01078,-0.03253,-0.02882,-0.04495,-0.01884,0.0375,-0.03185,0.01263,0.00429,-0.0228,0.06229,0.04985,-0.03737,0.11035,-0.02867,0.09327,-0.00749,-0.11611,0.01239,-0.03448,0.01619,0.03128,0.02402,-0.02804,0.05555,0.01069,-0.03612,-0.04622,-0.11332,0.0482,-0.01422,-0.01247,0.06563,-0.03539,-0.07816,0.04931,0.00213,0.00344,-0.0176,-0.001,0.00563,0.01339,-0.01506,-0.05424,-0.05786,-0.02161,-0.04222,0.00459,0.07203,0.12661,0.03229,0.01709,-0.01979,-0.05174,0.12017,-0.04989,-0.01658,0,0.03579,0.02838,-0.01359,0.00709,0.13988,-0.03492,-0.0481,-0.107,-0.01875,0.03587,-0.02374,0.01295,-0.06261,0.05307,-0.01738,-0.14887,0.04591,-0.00416,0.0065,0.03684,-0.06544,-0.10526,-0.02339,0.00108,0.09759,0.07467,0.02297,-0.00114,0.02707,-0.0083,0.03808,0.01699,-0.0072,0.01507,-0.1088,0.01757,-0.06055,-0.09018,0.0092,0.06801,0.04181,-0.04508,-0.08857,0.04245,-0.03361,0.01564,0.01101,0.00712,0.05001,0.00903,-0.0259,0.05313,-0.00323,-0.02865,0.05443,-0.10526,-0.08931,0.11837,0.00287,0.03196,0.00688,0.01878,-0.06641,-0.05304,0.05322,0.02093,-0.01148,0.03144,0.09235,-0.05068,-0.06734,0.0609,0.01805,0.03838,-0.01606,-0.02734,-0.05919,-0.01942,0.14038,-0.05091,-0.03697,-0.04733,-0.00344,0.08892,0.08453,-0.11389,-0.03079,-0.05914,-0.11236,-0.00875,0.03587,0.07321,0.06085,0.01176,0.00317,0,-0.05481,0.04836,-0.00921,0.04604,-0.01194,0.00465,0.07482,0.00598,0.04809,0.09811,0.06968,0.06615,-0.00757,-0.00709,0.01783,0.01575,-0.02561,-0.04179,0.08085,-0.04206,0.10574,0.05226,0.02714,-0.05676,-0.03951,0.03105,0.03101,-0.04363,0.01478,0.02884,0.00807,-0.0477,-0.01156,-0.04736,-0.00051,0.02298,0.03313,0.05539,0.01793,-0.06934,0.02009,-0.01749,0.00628,-0.04909,-0.06146,0.01118,-0.11552,0.01647,-0.10591,-0.02418,-0.04664,0.03321,-0.054,-0.06522,-0.10317,-0.01146,0.05459,-0.02543,-0.0054,0.03659,-0.02183,-0.0453,0.00532,-0.02513,0.057,0.0152,0.00719,-0.03574,0.01982,-0.00152,0.03951,0.05309,-0.00773,0.00724,0.0685,0.0063,0.10921,-0.07262,0.06894,-0.00152,-0.03463,0.06539,-0.00925,-0.02301,0.05457,0.06553,-0.05037,0.03005,0.06838,0.06171,-0.08005,0.04376,0.01738,-0.02083,-0.06538,0,-0.05383,0.00095,0.00205,-0.04023,0.06001,0.00803,-0.03528,0.04479,0.0164,0.03508,-0.00129,0.05475,-0.05423,0.03379,0.1046,0.03034,-0.02998,0.01636,-0.02474,-0.0613,0.04947,0.02528,-0.02045,0.12152,-0.03751,-0.04952,0.02422,0.04218,-0.07018,0.04033,-0.03367,0.02628,0.06971,0.04421,-0.03827,-0.0279,-0.11327,-0.02742,-0.07383,0.02463,0.0268,0.01343,0.02806,-0.03653,0.01715,0.02723,-0.03733,-0.04631,-0.03243,-0.01425,-0.05648,-0.01755,-0.03985,-0.00901,0.04399,-0.02883,-0.0087,0.03619,0.00659,0.02967,-0.05146,0.05242,-0.00288,-0.04307],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. ✅ Done! At this point, your connections are no longer just lines between nodes — they’re fully interactive, visually expressive, and ready for production use. Here’s what we’ve achieved in this part: ✅ Enabled reattachment of connections with intuitive drag handles ✅ Supported reconnection from either side of the link ✅ Styled connection paths using CSS variables for easy theming ✅ Added SVG markers to visualize direction and selection ✅ Enhanced the UX with hover effects and visual feedback","excerpt":"✅ Done! At this point, your connections are no longer just lines between nodes — they’re fully interactive, visually expressive, and ready for production use. Here’s what we’ve achieved in this part: ✅ Enabled reattachment of connections with intuitive drag handles ✅ Supported reconnection from either side of the link ✅ Styled connection paths using CSS variables for easy theming ✅ Added SVG markers to visualize direction and selection ✅ Enhanced the UX with hover effects and visual feedback"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#20","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.09407,-0.02974,0.00879,0.08138,0.02621,0.07584,-0.03514,0.0187,0.02258,0.0475,-0.12516,-0.03519,-0.07708,0.00985,0.08,0.10274,0.00947,-0.03001,-0.01837,-0.02458,-0.06055,-0.01256,0.00011,0.01504,-0.04071,0.08036,0.02221,-0.00755,0.05754,0.00244,-0.00801,0.04127,-0.0042,0.03551,-0.1627,0.07124,0.04179,0.05803,-0.05173,-0.05923,0.01108,0.02467,0.01117,-0.04836,-0.02475,-0.04723,-0.04758,0.00262,-0.04702,0.05428,-0.08773,-0.14249,-0.01565,0.0031,-0.01698,0.02124,0.03891,-0.07231,0.02083,0.00315,0.0332,-0.00326,0.09387,0.02864,-0.00829,0.03497,-0.04611,0.04662,-0.00886,-0.02717,0.05835,-0.02244,-0.02122,-0.07115,-0.01034,-0.03535,-0.06446,0.02282,-0.02057,-0.03566,0.04692,0.0501,-0.01164,0.0428,-0.04554,0.07656,0.01266,-0.07236,0.03787,-0.00969,0.0091,0.02851,0.03589,-0.05516,0.11352,0.03404,-0.05482,-0.04896,-0.1151,0.04011,0.02403,-0.01332,-0.00143,-0.04952,-0.01287,0.0157,0.01989,-0.0213,-0.04475,0.0037,0.03065,-0.00187,0.00981,-0.06497,-0.04479,-0.02576,0.01696,-0.02257,0.01072,0.10091,0.04062,0.0076,-0.04978,-0.03221,0.09704,0.01838,-0.01353,0,0.08382,0.03354,-0.04314,0.06359,0.07588,0.01191,0.03071,-0.06899,-0.05117,-0.00292,0.04564,0.05001,-0.07423,0.02538,-0.0333,-0.10905,-0.03044,0.02645,-0.01928,0.03716,-0.05328,-0.1023,-0.07929,0.01878,0.0516,0.05087,-0.02816,0.04265,-0.02763,-0.02149,0.0176,-0.02195,-0.0058,0.01529,-0.08216,-0.00413,-0.09132,-0.05699,0.05081,-0.00299,0.00906,-0.02854,-0.0748,-0.00152,-0.04257,0.04544,-0.02001,0.06486,0.05396,-0.04292,0.03575,0.08076,0.03948,0.01464,0.06238,-0.04513,-0.06544,0.09145,0.04031,0.02928,-0.00082,0.06945,-0.05415,-0.02648,0.03508,0.02412,-0.03727,0.00657,0.09596,-0.08628,-0.06135,0.02622,-0.03786,0.05635,0.03041,-0.05597,-0.02819,-0.03558,0.10999,-0.0153,-0.07076,-0.06814,0.00116,0.10136,0.0966,-0.08203,-0.01168,-0.03498,-0.12172,-0.03822,0.0789,0.02972,0.05364,0.01234,0.05295,0,-0.07936,-0.00279,-0.02628,0.06633,-0.03432,-0.01012,0.03023,0.01245,0.08529,0.05197,0.06988,0.03106,-0.03776,-0.04407,0.00349,0.01079,-0.04207,-0.04713,0.11413,-0.0378,0.07948,0.07158,-0.01608,-0.03521,-0.0731,0.02455,0.00947,0.01458,0.01803,-0.0491,-0.02403,-0.04043,-0.04456,-0.03343,-0.0261,-0.03857,0.01286,0.02208,-0.00614,0.01565,-0.0018,0.02977,-0.00793,0.04164,-0.06003,0.07253,-0.07979,0.0432,-0.07901,-0.04775,-0.07025,0.02461,-0.04397,-0.07441,-0.07917,-0.01674,0.08532,-0.01536,0.01693,0.0371,-0.06873,0.00708,0.04578,0.00386,0.03911,0.0382,-0.0339,-0.03012,0.03359,-0.01834,0.04136,-0.0458,-0.00323,0.0075,0.12237,-0.00951,0.07875,-0.101,0.05545,-0.04442,-0.02022,0.05858,0.03056,-0.04201,0.06342,0.02807,-0.09477,-0.02475,0.04666,0.10667,-0.09885,0.04732,0.01984,-0.05685,-0.04351,0,-0.06529,0.02035,0.01654,-0.07918,0.03693,-0.02843,-0.01207,0.0494,0.0519,0.02364,0.02213,0.03153,-0.01481,-0.00809,0.10656,0.08845,-0.02748,0.05113,-0.0507,-0.06227,0.1168,0.0205,-0.02316,0.10591,0.02637,-0.07019,0.02547,0.05329,-0.05106,0.06366,-0.01533,0.02607,0.09769,0.09411,-0.0502,-0.01472,-0.04895,-0.05348,-0.06227,0.03569,0.00568,-0.00281,-0.05334,-0.08125,-0.02329,0.0228,0.0173,-0.04285,-0.0239,-0.00205,-0.03442,0.00695,-0.01356,0.05566,0.04377,0.00084,-0.00457,0.00763,0.03847,-0.02079,-0.04273,0.10342,0.02975,-0.0163],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. Together, these improvements make a massive difference in how your flow editor feels to the user. Small touches like directional arrows or soft highlights can turn a technical tool into a truly enjoyable experience. But we’re not stopping here. Up next, we’ll take interactivity to the next level by adding a side panel that appears when a node is selected. This panel will allow users to: - View and edit node parameters dynamically - Bind controls to schema-driven forms - See changes reflected live in the flow","excerpt":"Together, these improvements make a massive difference in how your flow editor feels to the user. Small touches like directional arrows or soft highlights can turn a technical tool into a truly enjoyable experience. But we’re not stopping here. Up next, we’ll take interactivity to the next level by adding a side panel that appears when a node is selected. This panel will allow users to: - View and edit node parameters dynamically - Bind controls to schema-driven forms - See changes reflected live in the flow"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#21","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.10474,0.00672,-0.04499,0.03618,-0.01349,-0.00269,-0.02784,0.01233,0.01162,0.01659,-0.08701,-0.00579,-0.05829,-0.03168,0.09399,0.0795,-0.00407,-0.00756,-0.04785,-0.02133,-0.06613,-0.05529,-0.03508,-0.01419,-0.01555,0.05864,0.02893,-0.04956,0.08849,-0.01389,0.02625,0.04186,0.00435,0.05172,-0.13056,0.09366,0.0407,0.003,-0.04086,-0.04404,0.0221,0.04219,-0.03844,-0.04273,-0.04248,0.00545,-0.05025,-0.03223,-0.07167,-0.01591,-0.07142,-0.08008,-0.04552,0.01189,0.00862,0.01089,0.05905,-0.05394,-0.00279,0.01444,0.04396,-0.01628,0.06919,0.03313,0.04549,0.0091,-0.09487,0.03475,-0.00788,-0.059,0.02303,-0.03307,0.00552,-0.00182,-0.0216,-0.04504,-0.04319,0.00974,0.04005,0.01674,0.02001,0.03108,-0.03427,0.13521,-0.00166,0.06546,0.00449,-0.05194,0.02542,-0.06113,0.01264,0.03285,0.06876,0.00735,0.10513,0.03056,-0.00713,-0.04193,-0.15227,0.07895,-0.05079,-0.004,0.07062,-0.01109,-0.03304,0.018,0.05129,-0.0084,-0.01792,-0.03043,0.01392,0.00613,0.03096,-0.07437,-0.0334,-0.00458,-0.03749,0.0209,0.02009,0.11735,0.01402,-0.00215,-0.01927,-0.01612,0.11011,-0.01209,-0.03558,0,0.03178,0.05209,-0.02894,0.01117,0.13008,-0.04565,0.01318,-0.09382,-0.00067,0.06794,0.0475,0.03657,-0.06367,0.07467,-0.00144,-0.122,0.01651,-0.00742,0.05254,0.05299,-0.00095,-0.14604,-0.04775,0.05117,0.06257,0.0716,0.01453,-0.01673,-0.01542,0.01178,0.01587,-0.03369,-0.03872,0.02547,-0.05286,-0.0374,-0.09076,-0.05949,0.00539,0.03483,-0.01063,-0.03168,-0.10484,0.01379,-0.00055,-0.01707,0.00335,0.00685,0.092,0.02817,0.01809,0.05016,0.00982,0.00851,0.04835,-0.09906,-0.05982,0.06258,0.06003,0.04715,-0.03627,-0.01769,-0.09353,-0.01039,0.03469,-0.02108,0.00035,-0.01685,0.10504,-0.0531,-0.03319,0.02198,-0.00923,0.09313,-0.00245,0.00097,0.02051,0.01519,0.10168,-0.07005,-0.02743,0.01951,-0.0036,0.11551,0.09154,-0.08563,-0.05934,-0.03875,-0.14708,0.0171,0.02273,0.01261,0.0444,0.01937,0.00814,0,-0.05642,-0.00658,-0.06592,0.0385,-0.00717,-0.01221,0.09226,-0.02479,0.08287,0.12037,0.07205,0.03608,-0.00256,-0.01051,0.03476,-0.00341,-0.03378,-0.05021,0.09847,-0.01943,0.05006,0.0897,-0.03344,-0.07696,-0.05372,0.05857,-0.06803,-0.00192,0.01838,0.00202,0.01242,-0.02673,-0.02307,-0.08017,-0.02182,-0.0079,0.02324,0.08192,-0.06139,-0.05404,0.04069,-0.028,-0.00532,-0.01141,-0.08489,0.02773,-0.07769,-0.01213,-0.06405,-0.03976,-0.0462,0.01542,-0.0028,-0.05601,-0.10482,0.01735,0.06693,0.01632,-0.05051,0.09246,-0.00831,-0.04753,0.07952,-0.00294,0.04809,0.01415,-0.04841,0.04956,0.00911,0.00758,0.04351,-0.01818,0.00471,0.0667,0.03865,0.00783,0.0779,-0.07765,0.07905,0.00981,-0.01614,0.04735,-0.02796,-0.01653,0.06495,0.01439,-0.06755,-0.05464,0.03646,0.09243,-0.10272,0.07189,0.01131,-0.01353,-0.05981,0,-0.05689,0.00174,0.0276,-0.04022,0.06025,0.01681,-0.05968,0.01031,0.03042,0.04988,0.008,0.00211,-0.04953,-0.01099,0.10453,0.05662,-0.02814,0.00992,-0.04784,-0.08967,0.07958,0.03129,-0.02502,0.05336,-0.00502,-0.07438,0.08728,0.04245,-0.07411,0.04051,-0.02469,0.08442,0.08521,0.03256,-0.01773,-0.0112,-0.09055,-0.0443,-0.08039,-0.03336,0.01503,0.01392,-0.01762,-0.06978,0.00313,0.0183,-0.04237,-0.06793,-0.00877,0.0087,-0.02489,0.00242,-0.04523,0.05871,0.02169,-0.00847,0.02357,0.00868,0.03591,0.00218,-0.03226,0.08283,0.05605,-0.04284],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. This is a huge step toward building a real low-code platform, where users don’t just connect logic — they configure and control it through a seamless UI.","excerpt":"This is a huge step toward building a real low-code platform, where users don’t just connect logic — they configure and control it through a seamless UI."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#22","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.12292,0.00947,-0.04267,0.03319,-0.01841,0.01872,-0.02695,0.01699,0.01125,0.01815,-0.10111,-0.01919,-0.05894,-0.02472,0.08299,0.11067,-0.01771,0.00272,-0.04061,-0.02018,-0.05398,-0.04491,-0.02208,-0.00967,-0.02788,0.05899,0.03385,-0.05349,0.07358,-0.02479,0.0323,0.04977,0.01391,0.04054,-0.11276,0.08142,0.03723,0.00425,-0.01141,-0.028,0.04768,0.04328,-0.00206,-0.06141,-0.02354,-0.00031,-0.03932,-0.0198,-0.07094,0.00312,-0.08075,-0.09987,-0.06544,0.03365,0.00039,-0.00967,0.03188,-0.08063,0.00296,0.01239,0.06437,-0.01212,0.05927,0.01889,0.03061,0.00449,-0.11168,0.03275,-0.01151,-0.02258,0.01981,-0.01796,-0.00807,-0.01839,-0.02763,-0.02531,-0.04359,0.01138,0.03952,-0.00809,0.02667,0.02804,-0.01232,0.11052,-0.00696,0.05782,-0.0083,-0.07695,0.01265,-0.05756,0.02968,0.04029,0.04,0.00678,0.11621,0.02903,-0.01675,-0.05426,-0.12198,0.06716,-0.0426,-0.01513,0.05549,-0.02844,-0.05695,0.03242,0.03539,-0.01719,-0.01784,-0.04048,-0.00038,0.00771,0.02198,-0.0791,-0.0242,-0.00227,-0.03523,0.017,0.01291,0.13347,0.01843,-0.00777,-0.03401,-0.03598,0.10275,-0.02644,-0.02884,0,0.01288,0.05353,-0.04308,0.0184,0.1316,-0.04933,0.00438,-0.09626,-0.00588,0.04378,0.02833,0.02581,-0.0627,0.06869,-0.0314,-0.13703,0.0121,0.00386,0.05795,0.06371,0.02127,-0.13498,-0.05133,0.05259,0.07511,0.06523,0.0206,-0.01102,-0.01942,0.01722,0.03332,-0.02119,-0.03535,0.02059,-0.07498,-0.03599,-0.09729,-0.06686,-0.0058,0.03721,0.00783,-0.02649,-0.11386,0.02137,-0.0024,-0.00197,0.00537,0.00963,0.11893,0.02764,0.0104,0.04015,-0.00175,-0.01054,0.0753,-0.10747,-0.06245,0.09409,0.03473,0.03392,-0.02727,-0.00968,-0.07052,-0.04517,0.04832,-0.00719,-0.00476,-0.00482,0.09841,-0.06208,-0.02233,0.03439,-0.00275,0.0848,-0.00759,0.00763,0.01034,0.00459,0.09908,-0.07369,-0.0633,0.00415,0.00081,0.09789,0.08994,-0.08649,-0.04256,-0.04847,-0.12823,0.00625,0.03668,0.01928,0.04134,0.02128,0.00658,0,-0.05349,0.01016,-0.07086,0.04565,0.00197,-0.02398,0.08928,-0.00547,0.10106,0.117,0.05499,0.03668,-0.00804,-0.01587,0.04298,-0.02202,-0.0257,-0.05941,0.09948,-0.02278,0.03292,0.0898,-0.03978,-0.07964,-0.03511,0.0751,-0.06728,-0.02274,0.03144,0.00667,-0.012,-0.05014,-0.025,-0.06087,-0.02167,-0.00387,0.02855,0.0467,-0.02576,-0.03603,0.06107,-0.02878,0.02299,-0.02332,-0.08422,0.00948,-0.0654,0.00034,-0.04849,-0.04144,-0.03419,0.01403,-0.02755,-0.04168,-0.10619,0.02989,0.08708,-0.00936,-0.05701,0.08136,-0.04376,-0.03079,0.0842,-0.00829,0.05622,-0.00225,-0.04037,0.01787,0.0173,-0.00366,0.06136,-0.00699,-0.01748,0.08886,0.04473,0.00189,0.10142,-0.06317,0.08037,0.02389,-0.0313,0.05953,-0.01419,-0.00717,0.06475,0.03156,-0.05747,-0.05225,0.05132,0.08464,-0.09377,0.05338,0.02784,-0.02156,-0.04684,0,-0.06272,-0.00571,0.01576,-0.03795,0.04335,-0.00447,-0.0864,0.01672,0.03348,0.0326,-0.00035,0.02313,-0.05649,-0.00797,0.08708,0.03425,-0.02567,0.01199,-0.05247,-0.11109,0.0642,0.03204,-0.01675,0.04488,-0.02593,-0.07105,0.06873,0.02309,-0.06664,0.03686,-0.02693,0.08245,0.07664,0.02503,-0.01812,-0.02076,-0.07906,-0.05005,-0.09818,0.01512,0.04847,0.00504,-0.0143,-0.07026,0.01967,0.03011,-0.05477,-0.06931,-0.01866,-0.00817,-0.0432,0.00181,-0.05889,0.06655,0.03298,0.00533,0.00248,0.00224,0.04715,0.00556,-0.04175,0.08835,0.04431,-0.02739],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback! Git Hub","excerpt":"🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback!"},{"chunkId":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals#0","slug":"call-center-flow-editor-now-updated-with-angular-20-signals","route":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals","section":"blog","title":"Call Center Flow Editor — now updated with Angular 20 & Signals","description":"See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX.","group":"Call Flow Editor","vector":[-0.12805,-0.06336,-0.01942,0.04077,-0.02895,0.0425,-0.08534,0.00631,0.07444,0.02243,-0.05517,0.07443,-0.10795,0.00173,0.0706,-0.00074,-0.01139,-0.04174,-0.04228,-0.0081,-0.03131,-0.02893,-0.00217,-0.03753,0.03311,0.02626,-0.02977,-0.00799,0.07296,-0.02712,0.02835,0.15597,-0.01124,-0.02289,-0.17696,0.09761,-0.0023,0.0258,-0.02384,-0.03534,0.07316,-0.00947,-0.01288,-0.05662,-0.02424,-0.0277,-0.0737,-0.02205,-0.02172,0.0398,-0.00875,-0.09331,-0.07987,0.00757,0.04111,0.03361,0.07175,0.03146,0.05045,-0.03644,0.00101,-0.02337,0.01838,0.0388,-0.09421,0.08218,-0.03457,-0.00032,0.03833,-0.07451,0.00605,-0.04224,0.02374,-0.07339,-0.04289,0.01067,-0.07501,0.03793,-0.02662,-0.02966,0.0913,-0.04035,-0.00586,0.01268,0.01085,0.11275,0.04475,-0.11992,0.04025,0.00669,-0.00917,0.04916,0.02562,-0.01696,-0.03632,0.0081,-0.0816,-0.00641,-0.09303,-0.00305,0.02688,-0.00794,0.00389,0.03389,-0.04251,-0.03965,0.04405,0.03664,-0.05912,-0.00012,0.0053,0.05154,0.00003,-0.08087,-0.03471,-0.00392,-0.01221,0.00744,0.03756,0.0671,0.00087,-0.00447,-0.02355,-0.0245,0.09338,-0.01831,0.02055,0,-0.03185,0.09509,-0.03398,0.05102,0.10023,-0.00127,0.02345,-0.06603,0.0418,-0.0586,0.05953,0.02487,-0.0473,0.0342,0.00347,-0.06687,-0.03287,0.02368,-0.03843,0.03109,0.00988,-0.00874,-0.05955,-0.03192,0.0383,0.08709,-0.00684,0.04022,-0.03705,-0.00603,0.01693,0.03474,0.0048,0.03265,-0.05891,0.00616,-0.01567,-0.08035,-0.03175,-0.06009,0.03336,0.02146,-0.15342,-0.00129,0.02664,-0.04864,-0.05869,0.07456,0.11277,-0.01782,0.0279,0.13169,-0.02085,0.05113,0.01466,-0.02642,0.0037,0.04288,0.01368,0.05797,0.0426,0.05791,-0.02563,-0.00421,0.08006,0.08767,0.00363,-0.01683,0.05643,-0.0297,-0.06229,0.04453,-0.01922,0.05376,0.03585,-0.06187,-0.01466,0.01935,0.05505,-0.02275,0.04748,-0.03323,-0.00595,0.06132,0.12783,-0.06954,-0.00266,-0.07362,-0.09715,0.04359,0.07402,0.01049,0.0392,0.05281,-0.03696,0,-0.02462,0.02482,-0.04425,0.06416,-0.03406,-0.02803,0.04337,0.06006,0.0557,0.03179,0.09444,0.01759,-0.03567,0.03627,-0.03538,0.02211,-0.01661,-0.13422,0.00201,-0.08286,0.09869,-0.0055,0.01229,0.01376,-0.07346,0.04106,-0.01152,0.01704,0.00879,-0.06538,-0.01246,-0.02703,-0.03817,-0.02543,0.04396,-0.01979,0.05103,0.05623,-0.01841,-0.01513,0.05232,0.03479,0.01913,0.03363,-0.06406,-0.00668,-0.0597,0.01539,-0.10984,-0.0213,-0.00113,0.04817,-0.02804,-0.02773,-0.0649,0.03432,0.08235,-0.01027,-0.00121,-0.00773,0.0195,-0.03944,-0.03929,-0.08957,0.07829,0.12895,0.0107,-0.02315,0.04608,0.04952,0.02559,-0.03203,-0.07373,-0.05122,0.06843,0.02092,0.09613,-0.09733,0.01876,-0.0028,-0.03433,0.07258,0.01285,-0.00468,0.01683,0.05291,-0.08434,-0.07956,0.04817,0.05128,-0.11295,0.01251,-0.00476,-0.04284,0.0282,0,-0.13837,0.05804,-0.03388,-0.00297,0.10645,-0.06546,-0.09332,0.00852,0.01301,-0.04445,-0.03571,-0.0129,-0.02667,-0.01197,0.08938,-0.00992,-0.07293,0.00873,-0.02944,-0.05194,0.02049,0.07485,0.0234,0.04447,0.00385,-0.03304,0.07051,0.04432,-0.01608,0.00841,-0.01807,0.03423,0.08921,0.10538,-0.07126,-0.03462,-0.04241,-0.00306,0.00392,0.04506,0.03714,-0.03596,-0.04646,0.02367,-0.03241,-0.02066,0.02941,-0.03608,-0.01869,-0.02785,-0.0566,0.04603,-0.04468,-0.01041,0.00735,-0.01402,-0.02077,-0.06389,0.05003,0.04498,-0.06507,0.01441,0.00792,0.0038],"keywords":"Call Center Flow Editor — now updated with Angular 20 & Signals Call Center Flow Editor — now updated with Angular 20 & Signals See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX. Call Center Flow Editor — Now Updated with Angular 20 and Signals This update revisits a call center flow editor built on top of Foblex Flow and shows how the project benefits from Angular 20, Signals, and a more production-ready editing UX. The goal stayed the same: let users design call flows visually by dragging nodes and connecting them instead of writing configuration manually. Since then, Angular has evolved, and so has this project. I wanted to take advantage of Angular 20 and its new Signals API, so I decided to give the editor a proper refresh.","excerpt":"Call Center Flow Editor — Now Updated with Angular 20 and Signals This update revisits a call center flow editor built on top of Foblex Flow and shows how the project benefits from Angular 20, Signals, and a more production-ready editing UX. The goal stayed the same: let users design call flows visually by dragging nodes and connecting them instead of writing configuration manually. Since then, Angular has evolved, and so has this project. I wanted to take advantage of Angular 20 and its new Signals API, so I decided to give the editor a proper refresh."},{"chunkId":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals#1","slug":"call-center-flow-editor-now-updated-with-angular-20-signals","route":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals","section":"blog","title":"Call Center Flow Editor — now updated with Angular 20 & Signals","description":"See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX.","group":"Call Flow Editor","vector":[-0.13313,-0.03857,0.00266,0.05533,-0.00423,0.07181,-0.06056,-0.00186,0.02666,0.04365,-0.06405,0.05294,-0.0956,0.00679,0.06229,0.02741,-0.00725,-0.02453,-0.05457,0.00615,-0.04369,-0.04817,0.00987,-0.04958,0.00081,0.07444,0.00934,-0.04735,0.04603,-0.05105,0.05355,0.14302,0.00371,-0.03235,-0.19984,0.06574,-0.00502,0.0149,-0.05519,-0.0445,0.10085,-0.00068,-0.00539,-0.08148,-0.03915,-0.00086,-0.01838,-0.01475,-0.03165,0.00907,0.01523,-0.07273,-0.03564,0.03224,0.02144,0.02698,0.09018,0.01051,0.0208,-0.05621,0.02065,-0.044,0.02975,0.02013,-0.04072,0.06415,-0.03229,-0.00686,0.01262,-0.06688,0.01224,-0.06273,0.05192,-0.08616,-0.00074,-0.01787,-0.05381,0.05372,-0.04203,0.00699,0.10466,-0.04894,0.00012,0.00748,-0.04326,0.10384,0.00644,-0.11905,0.01928,-0.03339,-0.01891,0.0559,0.01077,-0.02747,-0.0042,-0.03219,-0.09083,-0.01365,-0.08688,0.00636,0.05645,0.01283,0.00968,0.03891,-0.04374,-0.01642,0.02951,0.02293,-0.05843,0.01129,0.01908,0.07046,0.00322,-0.05399,-0.01649,-0.03322,-0.01057,0.00907,0.02786,0.07484,-0.00248,-0.02712,-0.02962,-0.02986,0.0743,0.00346,0.01145,0,-0.02514,0.08788,-0.06825,0.0229,0.11851,0.01852,0.02042,-0.09255,0.0291,-0.0331,0.05884,0.05463,-0.05568,0.04322,0.0094,-0.0993,-0.0298,0.00162,0.01193,0.03003,0.04747,0.01307,-0.05813,-0.02298,0.07269,0.04629,-0.01076,0.03522,-0.03,-0.02301,0.03611,0.07195,0.03776,0.03185,-0.04049,-0.0136,-0.02518,-0.06986,-0.01505,-0.07535,0.00252,0.00205,-0.1241,0.03003,0.02572,-0.02992,-0.0333,0.02133,0.12372,0.01873,0.00782,0.07237,-0.02146,0.01803,0.01927,-0.0417,0.0099,0.08291,0.04638,0.05322,0.04713,0.06453,0.00629,-0.04816,0.0688,0.07653,0.0049,0.02115,0.0496,-0.05106,-0.05471,0.05838,-0.01274,0.06529,0.04926,-0.06489,0.02447,-0.00489,0.08676,-0.03764,-0.0061,-0.03297,0.00834,0.0739,0.12359,-0.07082,-0.01306,-0.08046,-0.07716,0.01074,0.07698,0.00598,0.04529,0.02984,-0.01362,0,0.0089,-0.01332,-0.03632,0.11896,-0.00587,-0.06945,0.06343,0.09904,0.06488,0.00961,0.08048,0.09151,0.02499,0.03069,-0.05199,0.03294,-0.00724,-0.11106,0.01519,-0.07717,0.07457,0.00499,0.00159,-0.01892,-0.10561,0.05668,0.01651,-0.03963,0.00437,-0.07733,-0.00225,-0.02118,-0.03934,-0.025,0.0033,-0.00045,0.02652,0.03884,-0.05393,-0.08402,0.01633,0.02189,0.03963,0.00286,-0.09217,0.01883,-0.0879,0.01946,-0.10585,-0.00473,-0.00821,0.05479,-0.04105,-0.00381,-0.0596,0.0126,0.07597,-0.02925,-0.00534,0.03222,0.00782,0.00348,-0.04015,-0.07485,0.07067,0.12658,-0.01817,-0.01922,0.05865,0.07222,0.06157,-0.01373,-0.04466,-0.03021,0.09867,0.01832,0.12127,-0.0586,0.01669,-0.00304,-0.00544,0.05392,-0.02455,-0.02353,0.02501,0.05078,-0.11557,-0.07144,0.04692,0.06308,-0.1217,-0.01337,-0.01261,-0.05682,0.06632,0,-0.1144,0.04375,-0.0155,-0.03101,0.0914,-0.06012,-0.06302,-0.00645,0.00345,-0.02197,-0.03341,0.02371,-0.03261,-0.03355,0.07963,0.03859,-0.06541,0.04327,-0.02439,-0.03364,0.01113,0.04625,0.01329,0.0555,0.00437,-0.0191,0.04079,0.04465,-0.0245,0.00819,-0.01117,0.00767,0.05013,0.09726,-0.07014,-0.02778,-0.07588,-0.02198,-0.00867,-0.00073,0.02201,-0.043,-0.03469,0.00675,-0.05811,0.00685,-0.02261,-0.03007,-0.02201,-0.01774,-0.04401,0.04231,-0.08222,0.02386,0.04475,-0.00174,-0.02722,-0.03808,0.05952,0.03318,-0.04564,-0.02218,-0.022,-0.01765],"keywords":"Call Center Flow Editor — now updated with Angular 20 & Signals Call Center Flow Editor — now updated with Angular 20 & Signals See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX. 🔥 What’s New Here’s what changed in this update: - Migrated the whole project to Angular 20 - Rewritten state management on Signals → no external store, simpler and more reactive - Added a Light/Dark theme switch for a nicer editing experience - Added Undo/Redo (finally you can experiment without fear) - Improved overall UX (zooming, dragging and reconnecting nodes feels smoother) - Using Angular Material components for the interface ::: ng-component [url]=\"https://foblex.github.io/f-flow-example/\" [height]=\"600\" ::: Call Center Flow","excerpt":"🔥 What’s New Here’s what changed in this update: - Migrated the whole project to Angular 20 - Rewritten state management on Signals → no external store, simpler and more reactive - Added a Light/Dark theme switch for a nicer editing experience - Added Undo/Redo (finally you can experiment without fear) - Improved overall UX (zooming, dragging and reconnecting nodes feels smoother) - Using Angular Material components for the interface ::: ng-component [url]=\"https://foblex.github.io/f-flow-example/\" [height]=\"600\" ::: Call Center Flow"},{"chunkId":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals#2","slug":"call-center-flow-editor-now-updated-with-angular-20-signals","route":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals","section":"blog","title":"Call Center Flow Editor — now updated with Angular 20 & Signals","description":"See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX.","group":"Call Flow Editor","vector":[-0.12967,-0.02191,-0.06199,0.0113,-0.01375,0.06968,-0.05805,0.01334,0.07071,0.01895,-0.07379,0.03437,-0.12782,0.00628,0.07698,0.00275,-0.07012,0.00537,-0.022,-0.0169,-0.02151,0.0071,-0.00202,-0.02237,0.00974,0.04671,0.02412,-0.02041,0.03624,-0.03754,0.05016,0.13183,0.06257,0.01335,-0.15332,0.07082,-0.02364,0.0161,-0.03124,-0.05089,0.05516,-0.00381,-0.00817,-0.09745,-0.05651,-0.00189,-0.08686,-0.02275,-0.01369,0.02004,-0.02196,-0.0808,-0.06997,0.03956,0.06312,-0.02097,0.05478,-0.01783,0.05815,-0.02981,0.02471,-0.01074,0.0037,0.05202,-0.06544,0.06799,-0.05889,0.03158,0.02657,-0.08929,-0.01353,-0.07378,0.03452,-0.09202,-0.01127,0.00422,-0.06464,0.03985,-0.04337,-0.0126,0.06554,-0.04055,0.01162,0.04339,-0.01118,0.11041,0.01416,-0.08325,0.04481,-0.01044,-0.05942,0.05454,0.01229,-0.01733,-0.02323,-0.04191,-0.07399,-0.07026,-0.0984,0.00024,0.02211,-0.01624,0.03066,0.00924,-0.02023,-0.03296,0.03632,0.01847,-0.01184,-0.02418,-0.01717,0.03928,0.00806,-0.1034,0.00266,-0.03319,0.00253,0.01007,0.03269,0.05958,0.02511,-0.0314,-0.05277,-0.0349,0.09292,-0.0237,0.03753,0,-0.00921,0.08376,-0.04184,0.0463,0.08576,-0.01141,0.01139,-0.05885,0.02044,-0.00617,0.06009,0.00791,-0.04175,0.04238,-0.0176,-0.07851,-0.03311,-0.00067,-0.01145,0.04104,0.04652,0.00813,-0.0524,0.00761,0.07916,0.07469,-0.02236,0.01978,-0.02481,0.0014,0.03669,0.03598,-0.00171,0.04052,-0.02793,-0.00567,-0.04908,-0.05184,-0.01746,-0.03724,0.00536,-0.04578,-0.17523,-0.00588,0.04372,-0.03918,-0.06184,0.04891,0.1405,-0.00072,0.03171,0.10087,-0.01011,0.05065,0.02281,-0.01755,-0.00005,0.08124,0.0282,0.0621,0.03686,0.05729,-0.0206,-0.0661,0.07149,0.01349,-0.01751,-0.03813,0.0645,-0.03914,-0.0814,0.05262,0.00144,0.06935,0.01675,-0.03816,0.01684,0.02198,0.04762,-0.03199,-0.0094,-0.04461,0.04425,0.0254,0.1414,-0.03646,0.0055,-0.10707,-0.09006,0.01495,0.06357,-0.00816,0.02696,0.03213,-0.02055,0,-0.02464,0.04624,-0.06562,0.08626,-0.01498,-0.03789,0.07832,0.07211,0.05073,0.04934,0.07701,0.0546,0.00585,0.03886,0.01134,0.02023,0.02074,-0.11561,-0.01103,-0.06004,0.05878,-0.01002,0.03177,-0.03599,-0.09839,0.04196,0.00937,0.01281,0.04426,-0.05093,-0.0152,0.00348,-0.01415,-0.02744,0.01568,-0.0435,0.06634,0.0741,-0.04432,-0.06493,0.04738,0.03678,0.02602,0.01694,-0.08196,-0.00508,-0.05371,0.02454,-0.10056,0.0056,-0.01351,0.03823,-0.03267,-0.00868,-0.04952,0.03969,0.10959,-0.03449,0.01196,0.00372,-0.00341,-0.00865,-0.01655,-0.08245,0.11507,0.12149,-0.01582,-0.004,0.00995,0.04889,0.05387,-0.00343,-0.06492,-0.02129,0.05985,0.03323,0.06998,-0.06069,0.00195,0.00862,0.05285,0.04253,0.04003,-0.00422,0.01712,0.03908,-0.09464,-0.0856,0.03229,0.03063,-0.13085,0.04018,0.02249,-0.0644,0.03335,0,-0.15881,-0.00688,-0.0202,-0.02807,0.09308,-0.04582,-0.09934,-0.00481,0.01912,-0.05801,-0.05557,0.02949,-0.03093,-0.02659,0.0722,0.01021,-0.06151,0.02588,-0.01326,-0.03991,0.02549,0.04249,0.00526,0.05115,0.0115,-0.02999,0.01069,0.05111,-0.01148,-0.01938,0.01668,0.03816,0.10536,0.08054,-0.02551,-0.0149,-0.05544,-0.02056,-0.04485,0.0124,0.05623,-0.01264,-0.04881,-0.00495,-0.05098,0.0247,0.00804,-0.06796,-0.04661,-0.03952,-0.0511,0.08649,-0.05695,0.0448,-0.02716,-0.00564,-0.00076,-0.08364,0.03923,0.04167,-0.08273,0.06672,0.03018,-0.00293],"keywords":"Call Center Flow Editor — now updated with Angular 20 & Signals Call Center Flow Editor — now updated with Angular 20 & Signals See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX. Demo & Source 👉 Live Demo 👉 Source Code ⭐ Library: Foblex Flow","excerpt":"Demo & Source 👉 Live Demo 👉 Source Code ⭐ Library: Foblex Flow"},{"chunkId":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals#3","slug":"call-center-flow-editor-now-updated-with-angular-20-signals","route":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals","section":"blog","title":"Call Center Flow Editor — now updated with Angular 20 & Signals","description":"See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX.","group":"Call Flow Editor","vector":[-0.11485,-0.0511,-0.02942,0.02302,-0.01466,0.04923,-0.05833,-0.00932,0.04776,0.02081,-0.03781,0.07015,-0.13198,0.01875,0.06131,0.00699,0.00492,-0.01801,-0.03068,-0.03347,-0.0266,-0.02956,-0.01513,-0.04295,0.04019,0.07286,0.02813,-0.02767,0.08919,-0.05456,0.02391,0.12621,-0.00255,-0.02221,-0.20542,0.10589,-0.01753,0.01573,-0.04311,-0.09019,0.07059,-0.0033,-0.00877,-0.10706,-0.04463,-0.04496,-0.07337,-0.03175,-0.01603,-0.00535,0.00859,-0.06001,-0.06608,0.0525,0.04433,-0.00694,0.08149,0.0331,0.00707,-0.04323,0.00183,-0.00277,0.02584,0.03842,-0.03432,0.05042,-0.01404,0.01614,0.05507,-0.08334,-0.04692,-0.05565,0.05919,-0.06663,-0.01459,-0.03584,-0.07019,0.00331,-0.035,0.00961,0.06362,-0.0466,-0.01653,0.03379,-0.01073,0.08441,0.00082,-0.08697,0.06347,-0.0301,-0.01911,0.05622,0.05708,-0.0165,-0.00631,-0.04499,-0.06928,-0.03373,-0.07757,0.01248,0.02935,0.02135,0.04862,0.03286,-0.05535,-0.07202,0.0227,0.0227,-0.03203,0.00285,-0.00268,0.06183,-0.01342,-0.05163,-0.00694,-0.04985,-0.00094,-0.00651,0.02964,0.07998,-0.00155,-0.04087,-0.02404,-0.02027,0.10206,0.00304,0.03382,0,0.00329,0.07966,-0.06393,0.04484,0.06674,0.01156,0.02592,-0.07045,0.05273,-0.03976,0.06646,0.04634,-0.02248,0.0524,0.04043,-0.07848,-0.02367,0.0188,-0.01254,0.01787,0.03688,0.03038,-0.04292,-0.01262,0.0823,0.0631,0.00001,0.03562,-0.04369,-0.02088,0.05891,0.03483,-0.02285,0.043,0.01263,0.02248,-0.02195,-0.09663,0.01125,-0.05263,0.02042,-0.04365,-0.13213,0.00634,0.03394,-0.04894,-0.07091,0.03899,0.08518,0.02691,0.01697,0.08116,-0.03451,0.0263,0.00699,-0.00499,-0.00331,0.05331,0.04286,0.04782,0.03517,0.04493,-0.0166,-0.02303,0.03415,0.0375,-0.00532,-0.03102,0.05709,-0.04112,-0.10237,0.03724,0.00145,0.05514,0.02785,-0.03856,-0.01018,0.02463,0.04361,-0.02789,0.02958,-0.04552,-0.04434,0.08023,0.1449,-0.04709,-0.02895,-0.10942,-0.09154,0.02443,0.06262,0.01677,0.04427,0.03599,-0.02052,0,-0.03146,-0.01096,-0.0702,0.07729,-0.04567,-0.05996,0.05324,0.06192,0.02324,0.00317,0.03254,0.08414,0.04306,0.05585,-0.03914,0.0629,0.02418,-0.11051,0.03311,-0.06025,0.08541,0.01431,-0.00919,0.00275,-0.08667,0.05266,0.00554,-0.02357,0.0261,-0.03959,-0.01252,-0.02861,-0.01453,-0.03358,-0.00943,-0.00131,0.05771,0.05783,-0.09158,-0.06168,0.02184,0.02829,0.03379,0.02419,-0.09057,0.00934,-0.05827,0.05202,-0.14643,-0.00611,0.01773,0.04802,0.00326,-0.03052,-0.07277,0.02546,0.09186,-0.01613,0.03434,0.00713,0.00085,-0.03485,-0.02509,-0.07313,0.0555,0.13876,0.00017,-0.03648,0.02902,0.03216,0.05769,-0.01038,-0.05033,-0.04585,0.09007,0.01754,0.0644,-0.0984,-0.00712,-0.02091,0.01743,0.03477,0.01607,-0.05386,0.03132,0.02802,-0.12488,-0.06157,0.02443,0.03703,-0.12312,0.06493,-0.00394,-0.04948,0.02937,0,-0.12576,0.04328,0.00035,-0.00975,0.07918,-0.07496,-0.04841,-0.00599,0.01274,-0.016,-0.01755,0.0117,-0.02171,-0.05765,0.11246,0.04715,-0.01973,0.00851,-0.04379,-0.00744,0.05678,0.01817,-0.00278,0.0706,0.03626,-0.00927,0.03651,0.07214,-0.00718,0.01901,0.01981,0.03985,0.11086,0.10518,-0.03705,-0.023,-0.04426,-0.03983,0.00714,-0.01648,0.02462,-0.04076,-0.05156,0.0191,-0.04238,0.01814,-0.01461,-0.09122,-0.02582,-0.03019,-0.05668,0.02596,-0.06701,0.04045,0.01882,-0.02137,0.02922,-0.04582,0.03751,0.06073,-0.04813,0.07422,0.01002,-0.01646],"keywords":"Call Center Flow Editor — now updated with Angular 20 & Signals Call Center Flow Editor — now updated with Angular 20 & Signals See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX. Reflections Moving everything to Signals simplified the state logic a lot. Undo/redo was much easier to wire up, and persisting state in localStorage became almost trivial. This was a good reminder that Angular’s ecosystem is evolving quickly — and Signals are already powerful enough to drive fairly complex interactive UIs. local Storage U Is","excerpt":"Reflections Moving everything to Signals simplified the state logic a lot. Undo/redo was much easier to wire up, and persisting state in localStorage became almost trivial. This was a good reminder that Angular’s ecosystem is evolving quickly — and Signals are already powerful enough to drive fairly complex interactive UIs."},{"chunkId":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals#4","slug":"call-center-flow-editor-now-updated-with-angular-20-signals","route":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals","section":"blog","title":"Call Center Flow Editor — now updated with Angular 20 & Signals","description":"See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX.","group":"Call Flow Editor","vector":[-0.14022,-0.02724,-0.05484,0.02087,-0.01456,0.05337,-0.07696,0.00801,0.06485,0.02338,-0.07374,0.04622,-0.11013,0.01372,0.08552,0.02304,-0.0688,0.00828,-0.02809,-0.01708,-0.03168,-0.0282,0.03189,-0.02183,0.00809,0.06393,0.02106,-0.01121,0.04446,-0.05784,0.05045,0.12564,0.04909,0.0153,-0.15508,0.09102,-0.01839,0.03201,-0.03517,-0.05296,0.04393,0.01987,0.03568,-0.09215,-0.02365,-0.01567,-0.08248,-0.02355,-0.01781,0.0075,-0.02534,-0.09552,-0.0471,0.03482,0.03463,-0.02296,0.05374,-0.04082,0.05271,-0.05875,0.02837,0.00371,0.00303,0.0587,-0.05577,0.07103,-0.05142,0.02486,0.02029,-0.06098,-0.01518,-0.06814,0.03552,-0.06357,-0.00723,-0.00974,-0.08612,0.03053,-0.03825,-0.00651,0.07679,-0.04654,-0.0051,0.06511,0.00113,0.10555,0.02096,-0.0912,0.0314,-0.01715,-0.03408,0.06859,0.03555,-0.01814,-0.0166,-0.02447,-0.08123,-0.06243,-0.10944,0.01209,0.00913,-0.00843,0.03571,0.01387,-0.03024,-0.02718,0.03821,0.02369,-0.02827,-0.02907,-0.01352,0.03873,-0.00898,-0.07789,-0.0002,-0.01312,0.02077,0.00153,0.03825,0.07805,0.04414,-0.03378,-0.08637,-0.026,0.09788,0.00824,0.02157,0,-0.00414,0.09335,-0.04392,0.05079,0.10857,-0.01724,0.01503,-0.05549,0.00556,-0.00233,0.0493,0.01032,-0.04482,0.03074,-0.01339,-0.11036,-0.04213,0.01358,-0.03159,0.03205,0.05297,-0.0209,-0.06791,-0.01334,0.06759,0.08744,-0.0085,0.02274,-0.01308,-0.00495,0.02599,0.03035,-0.01281,0.03371,-0.02642,-0.02096,-0.0555,-0.05876,0.0127,-0.03038,-0.01076,-0.04441,-0.14509,-0.01315,0.03031,-0.03156,-0.05917,0.04124,0.13608,0.00133,0.04717,0.09422,-0.04148,0.05793,0.03582,-0.03526,0.00037,0.076,0.02538,0.07623,0.02235,0.05688,-0.02057,-0.05675,0.07285,0.03354,-0.04003,-0.03744,0.05119,-0.03958,-0.06996,0.05285,0.00405,0.04107,0.04029,-0.03293,0.01565,0.00209,0.06525,-0.03915,-0.00082,-0.04982,0.04836,0.04942,0.11592,-0.05522,-0.00597,-0.10481,-0.10815,0.00764,0.04668,0.00836,0.05169,0.01312,-0.00106,0,-0.02641,0.05296,-0.04596,0.08462,-0.01984,-0.02939,0.06811,0.06852,0.05472,0.0483,0.07243,0.05773,-0.00969,0.02723,-0.00174,0.02429,0.02938,-0.11525,0.01925,-0.06043,0.08534,0.02569,0.00599,-0.0194,-0.09489,0.05322,0.00913,0.00567,0.04581,-0.04798,-0.03555,0.0022,-0.0166,-0.03637,0.00793,-0.03079,0.04604,0.07971,-0.03796,-0.04723,0.04275,0.03055,0.0258,0.01269,-0.0565,-0.00339,-0.04805,0.04304,-0.10721,0.00915,-0.02806,0.02715,-0.03489,-0.02573,-0.05124,0.04145,0.10784,-0.05724,-0.00905,0.005,-0.0177,-0.02451,0.00432,-0.08524,0.09703,0.11495,-0.00738,0.00623,0.03852,0.05802,0.06469,-0.0004,-0.05525,-0.01437,0.05219,0.03301,0.0945,-0.0993,0.00796,0.01543,0.02576,0.06929,0.03886,-0.02906,0.01097,0.05151,-0.08224,-0.07664,0.0354,0.0572,-0.14007,0.06542,0.04632,-0.07486,0.05062,0,-0.15677,0.01388,-0.02788,-0.02303,0.06153,-0.06654,-0.07691,-0.03146,0.01892,-0.0644,-0.04272,0.03328,-0.03708,-0.00326,0.06185,0.02045,-0.04157,0.04527,-0.02826,-0.04132,0.03052,0.06826,0.00744,0.02496,-0.00947,-0.03423,0.00128,0.05525,-0.00279,-0.02928,-0.002,0.03892,0.08879,0.08543,-0.05277,-0.03638,-0.03765,-0.03761,-0.04497,-0.00175,0.0667,0.0019,-0.04094,0.00433,-0.03346,0.02,0.01626,-0.06498,-0.01555,-0.01057,-0.04372,0.07037,-0.06385,0.02566,-0.00723,0.00276,-0.01616,-0.05276,0.03436,0.03312,-0.0809,0.05524,0.00652,0.00557],"keywords":"Call Center Flow Editor — now updated with Angular 20 & Signals Call Center Flow Editor — now updated with Angular 20 & Signals See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX. Closing Thoughts This project started as a small experiment, but it keeps evolving together with Angular. Signals made the code simpler and the editor itself more responsive. I’m planning to keep polishing it, so feedback is always welcome 🙌 👉 Try the demo: <https://foblex.github.io/f-flow-example And if you find this project useful, consider leaving a ⭐ on GitHub — it really helps! Git Hub","excerpt":"Closing Thoughts This project started as a small experiment, but it keeps evolving together with Angular. Signals made the code simpler and the editor itself more responsive. I’m planning to keep polishing it, so feedback is always welcome 🙌 👉 Try the demo: <https://foblex.github.io/f-flow-example And if you find this project useful, consider leaving a ⭐ on GitHub — it really helps!"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#0","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.07959,-0.03387,-0.11103,0.03042,-0.01571,0.02303,-0.0861,0.06192,0.08159,0.01441,-0.12495,0,-0.07845,0.02352,0.08991,0.02477,-0.04211,-0.01651,0.02462,-0.02861,-0.00704,0.04716,-0.01336,-0.0377,0.0257,0.02413,-0.00336,0.00466,0.05153,-0.02402,0.02702,0.05828,0.00229,0.0459,-0.12173,0.13839,0.01187,0.04283,-0.04489,-0.06641,0.08267,0.05647,0.00392,-0.09781,-0.08141,-0.09023,-0.07808,-0.01585,-0.04655,0.04373,-0.09542,-0.14137,-0.07123,0.01839,0.03267,0.0126,0.06497,-0.09944,0.01438,0.00069,-0.01279,0.01727,0.03437,0.01046,-0.00358,0.07305,-0.06595,0.07106,0.02858,-0.0661,-0.00967,-0.0653,-0.03344,-0.06049,-0.04081,-0.02045,-0.05883,0.03491,0.00965,-0.02827,0.07217,0.07649,-0.02517,0.09513,-0.01829,0.14239,0.05082,-0.05326,0.03228,-0.0813,-0.01662,0.0434,0.0014,-0.03454,0.01383,-0.01255,0.0263,-0.03877,-0.10761,0.00345,-0.01464,-0.07949,0.0764,-0.00408,-0.05459,-0.03636,0.02629,0.01649,-0.03855,-0.00374,0.00084,0.0505,-0.00624,-0.07843,-0.04123,-0.03628,-0.02702,-0.06046,0.00134,0.10895,-0.0157,0.04936,-0.03607,-0.0105,0.08153,-0.08198,0.02228,0,0.07577,0.05933,0.00377,0.043,0.14343,-0.03892,-0.00088,-0.10742,0.02424,-0.00851,0.04072,0.04101,-0.03418,0.06203,-0.036,-0.07743,-0.01225,0.01534,0.04926,0.04344,-0.01103,-0.06029,-0.04938,0.09725,0.06593,0.04166,0.01908,0.02054,-0.00616,0.00753,0.07119,0.02919,0.00566,0.04393,-0.03146,-0.0141,-0.08042,-0.05154,0.02848,-0.041,0.04212,-0.0641,-0.13463,0.06129,-0.00461,0.02285,-0.03262,0.0325,0.10417,0.00788,0.04218,0.03041,0.02327,0.00662,0.05716,-0.05509,-0.00285,0.08809,0.05597,0.04993,-0.00569,0.05586,-0.03489,0.00845,0.04682,-0.00573,-0.07479,-0.05693,0.11061,-0.06295,-0.05298,0.04116,0.00837,0.1059,0.02602,-0.00345,-0.01709,0.01597,0.07128,0.00721,-0.05914,-0.08159,0.00953,-0.00923,0.11567,-0.05482,-0.01041,-0.00623,-0.09621,-0.04994,0.06606,0.04773,0.01374,-0.00099,0.03527,0,-0.0626,0.02799,0.00829,0.0834,0.01079,-0.04132,-0.00442,0.01895,0.03971,0.08719,0.04518,0.041,-0.02147,-0.01259,0.03649,-0.02242,0.00499,-0.10254,0.01436,-0.05537,0.05456,0.00092,0.01854,-0.02985,-0.0778,0.07024,0.00334,-0.01381,0.04547,-0.04862,-0.03428,-0.01111,-0.01165,-0.02462,-0.00493,-0.06339,0.07336,0.03288,0.0533,-0.06161,0.01161,-0.00406,0.00561,-0.00997,-0.06433,-0.03558,-0.01029,0.02028,-0.03379,-0.06922,-0.04183,0.01992,-0.02683,-0.04111,-0.02123,-0.00506,0.13725,-0.028,0.05307,-0.02047,-0.06716,0.00335,0.05607,-0.02048,-0.00414,0.03181,-0.03939,-0.09961,0.01015,0.03288,0.00416,0.03754,-0.01223,0.01799,0.11515,-0.01547,0.09491,-0.04605,0.04165,-0.00911,-0.00675,0.0623,0.03618,-0.02546,0.04299,0.01431,-0.06556,-0.04115,0.06375,0.03257,-0.11114,0.00739,0.00892,-0.02648,0.03165,0,-0.09596,0.04179,-0.00099,-0.0461,0.01421,-0.024,0.0064,0.0154,0.08007,-0.00148,-0.01887,0.00806,-0.05973,0.01235,0.07615,0.02591,0.03637,0.0344,-0.00297,-0.05258,0.02503,-0.02957,0.06093,0.06371,-0.01173,-0.02,-0.01022,0.00096,-0.02321,0.00578,-0.00429,0.08106,0.06273,0.06809,-0.06447,-0.09264,-0.08236,-0.02905,-0.05307,0.00464,0.05062,0.02263,-0.01495,-0.02481,-0.01937,0.03839,-0.02076,-0.02343,-0.0349,0.00801,-0.04153,0.00911,-0.03816,0.024,-0.08245,0.01919,0.01397,-0.05941,0.01275,-0.01453,-0.08758,0.02706,0.04222,-0.0225],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Creating a Visual Call Workflow Editor with Angular In this tutorial, we build a visual call-flow editor in Angular using @foblex/flow. It is a useful reference if you want to turn the library into a domain-specific workflow builder instead of a generic diagram.","excerpt":"Creating a Visual Call Workflow Editor with Angular In this tutorial, we build a visual call-flow editor in Angular using @foblex/flow. It is a useful reference if you want to turn the library into a domain-specific workflow builder instead of a generic diagram."},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#1","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.09897,-0.03344,-0.09304,0.03791,-0.05781,0.03221,-0.07775,0.03182,0.05281,0.01737,-0.12692,-0.01791,-0.08199,0.02929,0.05209,0.01065,-0.03009,-0.02222,0.00736,-0.00102,0.02995,0.04573,0.013,-0.07247,0.00891,0.03283,0.01703,-0.02117,0.08104,-0.04114,0.06362,0.07957,-0.00981,0.00913,-0.08197,0.12274,-0.00648,0.03802,-0.07216,-0.06167,0.10395,0.05806,-0.01182,-0.08414,-0.04828,-0.11757,-0.06376,-0.01564,-0.00792,0.0327,-0.09227,-0.14125,-0.02219,0.04817,0.0536,0.0203,0.06068,-0.10409,-0.01964,-0.04536,0.04079,-0.00181,0.0183,-0.01429,0.00507,0.0974,-0.09996,0.05207,-0.00754,-0.05221,-0.01888,-0.04133,-0.03368,-0.05361,-0.06907,-0.03323,-0.04638,0.02481,0.00885,-0.00944,0.08386,0.08389,-0.0083,0.11103,0.00167,0.13312,0.03782,-0.00885,0.04293,-0.09243,-0.03945,0.05156,-0.00707,-0.0475,0.02381,-0.03644,-0.00034,0.00524,-0.08717,0.00343,-0.00792,-0.05948,0.06698,0.01834,-0.07232,0.03273,0.03665,-0.03359,-0.05092,0.01358,-0.03594,0.06113,-0.03848,-0.06864,-0.03498,-0.02901,-0.01402,-0.06995,-0.00376,0.11735,0.00168,0.01206,-0.05431,0.02623,0.11217,-0.02236,0.04823,0,0.04125,0.05913,-0.02685,0.0572,0.16563,-0.02873,0.00512,-0.07639,0.0209,-0.04986,0.05443,0.06601,-0.03075,0.03696,-0.02175,-0.07877,0.01554,0.05376,0.06885,0.03805,-0.00914,-0.07101,-0.05871,0.05236,0.03228,0.01607,0.02631,0.01385,0.00146,-0.02358,0.07744,0.01617,0.01878,0.04841,-0.05147,0.02331,-0.07811,-0.01185,0.02728,-0.04586,0.00878,-0.00511,-0.0873,0.03358,-0.01833,-0.011,-0.04655,0.02528,0.13086,0.0139,0.0677,0.01728,0.01464,-0.0156,0.07949,-0.04737,-0.00829,0.10287,0.05957,0.05678,-0.03013,-0.00714,-0.01916,0.02178,0.07357,0.00981,-0.0543,-0.02425,0.11442,-0.0491,-0.07912,0.03554,0.00924,0.09808,0.0352,-0.0249,-0.02461,-0.02156,0.05182,0.01624,-0.01096,-0.05339,0.0046,-0.01193,0.11777,-0.07183,-0.03201,0.01154,-0.08105,-0.05676,0.08201,0.01493,0.0006,-0.01123,0.0101,0,-0.04148,0.03264,-0.03207,0.08753,0.0098,-0.01623,-0.03003,0.01946,0.0223,0.08062,0.04368,0.02911,0.02604,0.02324,0.00335,-0.00099,0.00897,-0.06805,0.01375,-0.08632,0.05177,-0.00559,0.01899,-0.03636,-0.09099,0.06408,0.01202,0.01595,0.05162,-0.05028,-0.05221,-0.00404,-0.04877,-0.01761,0.04176,-0.03216,0.06281,0.10245,0.04726,-0.06512,0.03791,-0.00042,0.01105,-0.0205,-0.0874,-0.05388,-0.05708,0.00585,-0.05315,-0.03631,-0.06226,0.01174,-0.07084,0.00699,-0.02356,0.0455,0.14551,-0.03457,0.04192,-0.00849,-0.04283,-0.00856,0.03437,-0.01866,0.0041,-0.00149,-0.08816,-0.0623,-0.00309,0.07962,-0.05751,0.05005,-0.00228,0.00793,0.08865,0.00184,0.11306,-0.07345,0.05202,-0.00548,-0.00333,0.04873,0.02964,-0.04366,-0.0134,0.06464,-0.01274,-0.05034,0.04885,0.01493,-0.06595,-0.03179,-0.00384,-0.03995,0.01121,0,-0.11152,0.03072,0.01115,-0.05506,0.02497,-0.04218,-0.00918,0.0049,0.10519,0.01341,-0.0132,-0.01219,-0.03286,-0.00686,0.04681,0.03558,0.05313,0.01319,-0.01041,-0.07991,0.03956,-0.02023,0.05511,0.07158,-0.01435,-0.03231,0.00148,-0.00455,0.02343,0.00516,-0.00918,0.06887,0.07501,0.03044,-0.05723,-0.08947,-0.05593,-0.01489,-0.00666,0.00611,0.04691,0.02758,-0.018,-0.03119,-0.02095,0.01807,-0.0251,-0.05267,-0.01603,0.00844,-0.02795,0.00674,-0.04193,-0.00063,-0.08545,0.04561,-0.00037,-0.03084,0.03432,0.00023,-0.09532,-0.00148,0.01656,-0.01464],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Create project and install dependencies For Nx workspaces, use: If you prefer manual installation, install the required companion packages explicitly:","excerpt":"Create project and install dependencies For Nx workspaces, use: If you prefer manual installation, install the required companion packages explicitly:"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#2","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.09022,-0.02991,-0.10828,0.05739,-0.02961,0.02225,-0.07433,0.06636,0.08616,0.03395,-0.12036,-0.02655,-0.08221,0.03426,0.06567,0.0257,-0.03382,-0.01554,-0.01481,-0.00829,0.0043,0.0449,-0.00691,-0.02685,-0.00113,0.03388,-0.00146,-0.01207,0.05538,-0.02805,0.00582,0.06428,0.02437,0.07081,-0.11233,0.12875,0.00838,0.02204,-0.0399,-0.07528,0.08017,0.05613,-0.01552,-0.10125,-0.04555,-0.10794,-0.04073,-0.01301,-0.06731,0.03273,-0.10305,-0.14149,-0.0708,0.05633,0.02496,0.02358,0.09452,-0.08655,-0.00183,-0.00656,-0.00683,0.02554,-0.00583,-0.0022,-0.0204,0.07304,-0.09157,0.05307,-0.00123,-0.05228,-0.01287,-0.05173,-0.03178,-0.05055,-0.05808,-0.02474,-0.0534,0.00824,-0.0046,-0.03179,0.05358,0.04537,-0.02569,0.09075,0.00557,0.12451,0.03841,-0.03445,0.06758,-0.08516,-0.02907,0.0564,-0.00348,-0.05257,0.02464,-0.0023,0.03742,-0.05085,-0.10699,0.00349,-0.00946,-0.06631,0.08159,0.00877,-0.0348,0.00191,0.0507,-0.02571,-0.04811,0.00289,-0.00769,0.06891,-0.0359,-0.07884,-0.00708,-0.05715,-0.01431,-0.06416,-0.01401,0.12551,0.0148,0.04355,-0.02188,0.00186,0.0743,-0.06807,0.03092,0,0.07252,0.07771,-0.00336,0.05855,0.18524,-0.00685,0.00388,-0.07995,0.03522,-0.02541,0.01412,0.05781,-0.01649,0.04628,-0.02309,-0.07638,-0.02955,0.04475,0.03773,0.04877,-0.00149,-0.09665,-0.06463,0.07472,0.06297,0.03494,0.01978,0.01604,-0.01333,0.00231,0.07125,0.02805,0.01322,0.03444,-0.03329,0.02191,-0.07514,-0.05596,0.04116,-0.05778,0.03486,-0.0428,-0.1177,0.0552,-0.02256,0.00219,-0.042,0.04936,0.10706,0.01279,0.03945,0.01673,0.03092,-0.00815,0.03339,-0.03371,0.00273,0.0861,0.06206,0.06569,-0.00747,0.06029,-0.02613,0.03333,0.04052,-0.01073,-0.06067,-0.04253,0.11991,-0.0647,-0.05731,0.04869,0.02099,0.10771,0.02455,-0.01715,-0.01719,-0.01852,0.06583,-0.00296,-0.03474,-0.06775,0.00705,-0.00823,0.1032,-0.04888,-0.03777,-0.02159,-0.12585,-0.02812,0.07148,0.04267,0.02443,-0.02893,0.00681,0,-0.0476,0.03524,-0.01485,0.08804,0.01712,-0.04796,-0.01652,0.02931,0.02241,0.05097,0.0627,0.03848,-0.02273,-0.00504,0.01881,-0.00541,-0.01329,-0.10984,0.02874,-0.07985,0.0667,-0.00773,-0.00276,-0.03236,-0.09124,0.05578,-0.01984,0.00087,0.05943,-0.04775,-0.04548,-0.02204,-0.00727,-0.02257,0.01902,-0.04202,0.03573,0.0504,0.07374,-0.02181,0.04225,-0.01937,0.01414,0.00246,-0.06244,-0.03728,-0.02699,0.02696,-0.0444,-0.07664,-0.04986,0.00078,-0.08231,-0.01486,-0.0266,0.00932,0.11183,-0.05738,0.02466,-0.01053,-0.05166,0.01404,0.05675,-0.01427,0.02469,0.00884,-0.04582,-0.08558,0.00575,0.02686,0.00663,0.0063,-0.0109,0.02594,0.09325,-0.01712,0.07249,-0.05966,0.05109,0.00915,-0.00578,0.05333,0.03644,-0.03847,0.01748,0.02391,-0.06154,-0.03864,0.05331,0.02342,-0.10616,0.00948,0.02237,-0.03648,0.00562,0,-0.10713,0.03509,0.02083,-0.03898,0.01112,-0.04229,0.005,0.01878,0.09226,-0.01045,-0.04297,-0.03239,-0.05129,0.00435,0.07766,0.04674,0.03291,0.01313,-0.01131,-0.05664,0.03207,-0.01675,0.0354,0.05274,0.00434,-0.02627,-0.04225,0.03045,-0.00733,0.02738,0.04575,0.09365,0.06712,0.07272,-0.07183,-0.08014,-0.07498,-0.0346,-0.04664,0.00967,0.05514,0.01574,-0.02149,-0.01383,-0.00662,0.04453,-0.02321,-0.04931,-0.02126,-0.00731,-0.04549,0.01945,-0.02488,0.03909,-0.09543,0.02805,0.03983,-0.03722,0.03103,-0.01316,-0.07536,0.02132,0.02478,0.0178],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Defining models To manage workflow elements, define base models:","excerpt":"Defining models To manage workflow elements, define base models:"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#3","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.0709,0.00396,-0.10683,0.06464,-0.02115,0.02588,-0.05559,0.04125,0.06021,0.02586,-0.12591,-0.03994,-0.07584,-0.00026,0.05992,0.05092,-0.03858,-0.01109,0.00681,-0.0245,0.00322,0.02728,0.00463,-0.04497,-0.00597,0.04987,-0.03071,0.00387,0.04207,-0.03926,0.01454,0.07123,0.02788,0.0661,-0.11083,0.15178,0.02599,0.02331,-0.0491,-0.06322,0.0972,0.04473,-0.01125,-0.0976,-0.057,-0.08892,-0.04466,-0.035,-0.06589,0.0615,-0.0871,-0.1429,-0.08039,0.05858,0.04336,0.02798,0.07881,-0.0988,0.01344,-0.0001,-0.01567,0.02224,0.03009,0.00263,0.00076,0.08716,-0.09039,0.02036,0.0103,-0.07283,0.00143,-0.05683,-0.02629,-0.0518,-0.05339,-0.01186,-0.05156,0.01228,-0.03367,-0.04985,0.06839,0.06708,-0.03444,0.11526,-0.00125,0.13698,0.0188,-0.04116,0.03188,-0.07203,-0.05165,0.04673,0.00138,-0.05095,0.02376,-0.00887,0.03248,-0.05361,-0.09284,0.01,0.01005,-0.07304,0.06994,-0.00288,-0.03736,-0.0081,0.03122,-0.03242,-0.07091,0.01711,0.00703,0.05512,-0.0504,-0.09993,-0.03563,-0.03449,-0.02068,-0.06075,0.02737,0.12152,0.02894,0.02394,-0.03816,-0.01543,0.07161,-0.06633,0.01348,0,0.06492,0.05557,0.01441,0.06093,0.17075,-0.01953,0.00283,-0.12039,0.02117,-0.03997,0.03149,0.05683,-0.03574,0.06419,-0.03246,-0.08855,-0.00578,0.04859,0.01508,0.02601,-0.00949,-0.07618,-0.0748,0.06703,0.05993,0.02878,0.00751,0.01631,0.01637,-0.00577,0.06666,0.03043,0.06633,0.05049,-0.04625,0.01407,-0.09334,-0.0376,0.02359,-0.04328,0.03781,-0.02903,-0.10917,0.05027,-0.01145,-0.00027,-0.04433,0.03966,0.11381,0.007,0.02002,0.01409,0.02015,-0.01401,0.04905,-0.04269,0.0083,0.10245,0.04042,0.06015,-0.02077,0.0696,-0.01293,0.00572,0.03664,0.02175,-0.03523,-0.03213,0.09595,-0.05759,-0.05197,0.05083,0.03281,0.09511,0.0388,0.00849,-0.02354,-0.04258,0.04614,0.00838,-0.04805,-0.07081,-0.00587,0.01924,0.09147,-0.05174,-0.02534,-0.02113,-0.09472,-0.05924,0.07896,0.04127,-0.00187,-0.04995,-0.01544,0,-0.05431,0.04343,-0.00517,0.10594,0.01718,-0.0632,0.00197,0.04845,0.02836,0.08746,0.05248,0.03569,-0.053,-0.02642,0.01076,-0.00783,-0.02626,-0.07189,0.03448,-0.06725,0.05778,-0.00788,0.0187,-0.01997,-0.09909,0.05094,0.01454,-0.00632,0.04149,-0.07406,-0.03304,-0.0218,-0.02388,-0.01432,0.04203,-0.0645,0.07465,0.04623,0.05044,-0.01059,0.01786,-0.01516,0.00796,0.00323,-0.0773,-0.05095,-0.03743,0.02642,-0.0223,-0.05524,-0.03352,-0.00662,-0.0738,-0.0274,-0.0293,-0.00443,0.10325,-0.00618,0.02769,0.00087,-0.05682,-0.01926,0.02951,0.0022,0.0366,0.01222,-0.05558,-0.11167,0.00514,0.04738,0.04141,0.01109,-0.02062,0.00761,0.10926,-0.0089,0.10881,-0.05395,0.03358,0.0251,-0.00655,0.07605,0.03662,-0.01008,0.03846,0.01691,-0.07202,-0.00883,0.06023,0.02801,-0.09268,0.02544,0.00262,-0.02728,0.00008,0,-0.11083,0.02466,-0.0064,-0.03104,0.0287,-0.02227,0.00795,0.00263,0.08276,-0.00896,-0.01908,-0.00787,-0.06217,-0.0239,0.08449,0.02862,0.02623,0.03295,-0.01261,-0.04844,0.02692,0.00346,0.00201,0.05737,-0.00683,-0.03439,-0.02581,0.02324,-0.00437,0.02024,0.02352,0.08248,0.07831,0.05508,-0.07495,-0.07867,-0.07665,-0.02205,-0.06917,0.01582,0.05684,0.00958,-0.01515,-0.02589,-0.02055,0.04916,-0.03572,0.00175,-0.02495,0.0035,-0.04305,0.00399,-0.02952,0.02405,-0.08042,0.01538,0.01328,-0.00309,0.04472,-0.00964,-0.06467,0.01818,0.04971,-0.00733],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Workflow elements configuration We define node types and a node metadata map (name, icon, color, outputs):","excerpt":"Workflow elements configuration We define node types and a node metadata map (name, icon, color, outputs):"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#4","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.08536,-0.03548,-0.11178,0.07603,-0.05369,0.06262,-0.08826,0.0615,0.08761,0.05319,-0.11059,-0.02549,-0.09158,0.02863,0.05799,0.02356,-0.02625,-0.03185,-0.01265,0.00027,-0.00884,0.03099,-0.00137,-0.03359,0.02508,0.03476,0.00431,-0.01523,0.07879,-0.00194,0.00415,0.04202,-0.00198,0.0498,-0.12153,0.14814,0.00691,0.02974,-0.04442,-0.06737,0.10546,0.04291,-0.01364,-0.09991,-0.0293,-0.1013,-0.05642,0.00018,-0.04219,0.0351,-0.07213,-0.11644,-0.04944,0.04454,0.01691,0.02419,0.08785,-0.06245,-0.0046,-0.00355,-0.0225,0.01937,0.02295,-0.02308,-0.02575,0.08099,-0.07712,0.06245,-0.009,-0.0714,-0.00063,-0.068,-0.04224,-0.04123,-0.05979,-0.02951,-0.06334,0.0258,-0.01633,-0.00095,0.09868,0.02745,-0.02616,0.08329,-0.00934,0.14319,0.04984,-0.04634,0.049,-0.05399,-0.01385,0.07598,-0.01404,-0.0646,0.01309,-0.00788,0.00081,-0.01102,-0.09501,-0.0079,-0.00542,-0.07147,0.05185,0.01079,-0.0346,-0.01164,0.04693,-0.05193,-0.05147,0.03403,0.0001,0.05681,-0.0116,-0.0655,-0.00709,-0.05102,-0.00547,-0.04896,0.00438,0.14088,-0.00492,0.03574,-0.06455,0.0128,0.08525,-0.07072,0.0625,0,0.10315,0.0658,-0.00233,0.05869,0.14601,-0.00901,-0.01499,-0.10405,0.01736,-0.04743,0.01924,0.01622,-0.00444,0.04016,-0.02264,-0.06985,-0.00519,0.02437,0.03241,0.01879,-0.02496,-0.09183,-0.05685,0.05423,0.07854,0.02813,0.02156,0.00827,0.00548,-0.02025,0.05893,0.0321,0.00905,0.03664,-0.0544,0.00753,-0.06037,-0.03084,0.03347,-0.05054,0.04559,-0.04682,-0.09627,0.03217,-0.02041,0.00905,-0.03228,0.06924,0.10053,-0.00738,0.03224,0.02921,0.02678,-0.0053,0.05081,-0.01151,0.02292,0.07616,0.0589,0.05173,-0.01749,0.07629,-0.03692,0.02432,0.04973,0.01109,-0.06044,-0.02932,0.10259,-0.07506,-0.06973,0.00832,0.00983,0.1017,0.03335,-0.01705,-0.0392,-0.02724,0.07383,-0.00299,-0.03287,-0.09789,0.00335,0.01982,0.11856,-0.05527,-0.04506,-0.0031,-0.09463,-0.05258,0.07191,0.0336,0.03759,-0.01879,0.00775,0,-0.05677,0.03633,0.00212,0.08504,0.01427,-0.04258,-0.03197,0.04024,0.02337,0.06638,0.06392,0.04269,-0.00297,-0.01454,-0.00414,0.00847,-0.02408,-0.07739,0.03991,-0.08402,0.10134,-0.06258,0.04222,-0.02101,-0.08198,0.0209,0.02527,0.02043,0.04736,-0.0726,-0.04457,-0.01809,-0.00428,-0.02913,0.00749,-0.04005,0.0694,0.04939,0.05708,-0.03106,0.03521,-0.00798,0.00962,0.02046,-0.07219,-0.04195,-0.0386,0.02075,-0.06637,-0.06047,-0.05701,0.02859,-0.06368,0.0031,-0.0342,-0.01413,0.109,-0.04309,0.03848,-0.03266,-0.06449,-0.00067,0.03425,-0.01755,0.04088,0.03965,-0.02923,-0.07351,0.02534,0.02762,0.00112,0.00384,0.01441,0.0064,0.10482,-0.03608,0.06699,-0.06692,0.07051,0.00168,0.01239,0.06919,0.0359,-0.07046,0.01112,0.02257,-0.04503,-0.02144,0.06268,0.05195,-0.116,0.02425,0.04099,-0.04773,-0.01425,0,-0.103,0.02327,0.01444,-0.0395,0.02106,-0.04262,-0.01775,0.00805,0.09313,-0.00489,-0.05165,-0.01866,-0.05192,-0.00879,0.06552,0.03784,0.03913,0.02368,-0.00034,-0.04771,0.05288,-0.01075,0.03709,0.07232,0.01139,-0.03809,-0.03974,0.00398,-0.02304,0.04967,0.00638,0.06668,0.08599,0.05787,-0.09509,-0.06645,-0.06675,-0.03308,-0.04739,-0.00294,0.0584,0.00775,-0.02253,-0.03075,-0.01502,0.02779,-0.01275,-0.02595,0.00604,-0.02079,-0.01461,0.01281,-0.0407,-0.00185,-0.09331,0.02273,0.02394,-0.02611,0.02084,-0.01593,-0.0943,0.01838,0.02089,-0.01126],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Editor component Generate the editor component: Then initialize basic editor state:","excerpt":"Editor component Generate the editor component: Then initialize basic editor state:"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#5","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.07746,-0.0163,-0.11012,0.04353,-0.02971,0.03242,-0.058,0.04413,0.08017,0.03763,-0.13364,-0.01492,-0.09709,0.02353,0.062,0.00423,-0.03393,-0.03312,0.00689,-0.03028,-0.01256,0.00556,-0.02364,-0.04572,0.03555,0.04688,-0.0082,-0.01138,0.07102,-0.02214,0.00751,0.06514,-0.02377,0.04922,-0.12277,0.13199,0.02321,0.02934,-0.05802,-0.06777,0.09335,0.05969,-0.01823,-0.09174,-0.04451,-0.08182,-0.07011,-0.01041,-0.04439,0.05179,-0.08939,-0.12147,-0.06827,0.03726,0.03175,0.012,0.10252,-0.08779,-0.0161,0.02189,-0.01358,0.00773,0.01847,0.01138,-0.00368,0.06376,-0.07092,0.06027,0.0209,-0.05888,0.02077,-0.04337,-0.0217,-0.08131,-0.04509,-0.02749,-0.06081,0.02899,-0.0357,-0.04217,0.08861,0.07084,-0.01998,0.08073,-0.02927,0.1348,0.01915,-0.07091,0.01642,-0.04469,-0.02468,0.07436,-0.04221,-0.04222,0.01833,-0.01429,0.02241,-0.03965,-0.08806,0.00052,0.00444,-0.07613,0.07724,-0.01764,-0.04293,-0.01814,0.01758,-0.01067,-0.05396,0.01242,-0.00688,0.05648,-0.01782,-0.06127,-0.01939,-0.0531,-0.00101,-0.05942,0.00507,0.15835,0.00351,0.05233,-0.02977,-0.01073,0.08822,-0.08376,0.03262,0,0.08454,0.04825,0.00147,0.04857,0.15594,-0.0063,-0.00507,-0.10747,0.03525,-0.01631,0.00874,0.05141,-0.00742,0.04879,-0.03288,-0.10074,0.01542,0.01689,0.01859,0.03319,-0.01866,-0.09247,-0.05782,0.05284,0.08571,0.04246,-0.00877,0.04308,-0.0221,-0.00339,0.05648,0.04056,0.01208,0.01957,-0.05286,-0.00335,-0.0519,-0.05412,0.00727,-0.04038,0.0217,-0.05701,-0.1065,0.06536,-0.02569,0.00798,-0.06033,0.04832,0.08465,0.02119,0.03412,0.02583,0.02758,-0.00634,0.05494,-0.0357,0.00428,0.07905,0.04441,0.07154,0.0128,0.05102,-0.06677,0.0049,0.0327,0.02549,-0.06238,-0.02088,0.10342,-0.05374,-0.09334,0.05252,0.02578,0.08058,0.03539,0.0088,-0.04251,-0.00097,0.0615,0.01959,-0.03726,-0.08707,0.00247,0.0245,0.08703,-0.04897,-0.0257,-0.02275,-0.08233,-0.03747,0.07483,0.05002,0.04865,-0.04132,0.01988,0,-0.07736,0.04684,0.00789,0.08412,0.03122,-0.04218,-0.00761,0.02939,0.02876,0.08491,0.04776,0.0446,-0.03268,-0.00938,0.00047,0.00334,-0.00196,-0.09026,0.04504,-0.06823,0.0476,-0.01206,0.02515,-0.06516,-0.08314,0.04567,0.00727,-0.04066,0.04354,-0.04526,-0.02383,-0.03845,-0.00202,-0.01788,0.02683,-0.03987,0.08251,0.04012,0.04368,-0.05179,0.0362,-0.01619,0.02449,0.01126,-0.08175,-0.02758,-0.06026,0.0033,-0.06081,-0.03569,-0.0612,0.04362,-0.06348,-0.0217,-0.04087,-0.02568,0.11685,-0.02686,0.04744,-0.02053,-0.03939,-0.01154,0.0171,-0.01755,0.0437,0.00892,-0.03254,-0.09614,0.03483,0.06395,0.02037,0.01314,-0.00559,0.03085,0.11647,-0.01463,0.08925,-0.03933,0.04831,0.03648,0.03212,0.08596,0.02508,-0.01426,0.04619,0.03602,-0.0786,-0.03846,0.06501,0.02202,-0.0811,0.00944,-0.00472,-0.04793,0.0154,0,-0.09483,0.01414,0.0048,-0.03743,0.02261,-0.0314,0.00436,0.02772,0.06235,0.0065,-0.04389,0.00656,-0.02942,-0.03606,0.09167,0.04511,0.049,0.00773,-0.00209,-0.05251,0.01803,-0.00732,0.00488,0.10248,-0.01684,-0.0262,-0.03214,0.01179,-0.01323,0.02948,0.00126,0.06808,0.07195,0.07456,-0.07169,-0.085,-0.08656,-0.01771,-0.08023,0.04404,0.03187,0.01724,0.00467,-0.02577,0.00127,0.0477,-0.0178,-0.03922,-0.02755,-0.00521,-0.04507,0.01683,-0.03173,0.02609,-0.07016,0.01769,0.01046,-0.02453,0.02199,0.00555,-0.10078,0.04014,0.02459,-0.0055],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Flow visualization Render connections and nodes inside f-flow / f-canvas:","excerpt":"Flow visualization Render connections and nodes inside f-flow / f-canvas:"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#6","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.09323,-0.01369,-0.1062,0.07172,-0.03053,0.03224,-0.08158,0.06226,0.07861,0.05021,-0.11262,-0.03684,-0.09721,0.01827,0.05504,0.01832,-0.03555,-0.01933,0.01439,0.00779,0.01503,0.02712,-0.01079,-0.03435,0.03935,0.0116,-0.0099,-0.01673,0.08546,-0.01881,0.02439,0.04904,0.00041,0.07338,-0.10925,0.1452,0.01171,0.00804,-0.04768,-0.06894,0.10108,0.05624,-0.02313,-0.0965,-0.04709,-0.09544,-0.04745,0.00913,-0.05171,0.0411,-0.09247,-0.13075,-0.05762,0.03777,0.01335,0.02883,0.08958,-0.0919,0.01161,0.00059,-0.00907,0.02755,0.03123,-0.01067,-0.01633,0.07343,-0.09151,0.04665,0.00804,-0.0498,-0.00022,-0.04525,-0.03751,-0.02571,-0.0515,-0.01592,-0.06517,0.01709,-0.02687,-0.00933,0.07931,0.04921,-0.03418,0.06805,-0.01003,0.13384,0.03152,-0.03463,0.03647,-0.07302,-0.02387,0.09162,-0.02409,-0.06629,-0.00024,-0.00878,0.02129,-0.04197,-0.09667,-0.00975,-0.00002,-0.06956,0.06146,0.01772,-0.04699,-0.01285,0.04537,-0.06,-0.06985,0.04147,0.00108,0.07542,-0.02605,-0.08601,-0.02187,-0.03924,-0.01947,-0.06313,0.01376,0.13958,0.0336,0.03167,-0.04116,0.01303,0.08998,-0.08004,0.02806,0,0.07797,0.06877,-0.00479,0.07336,0.16604,-0.00086,0.00987,-0.09609,0.02,-0.03941,0.007,0.0268,0.00529,0.05045,-0.02669,-0.09859,-0.01778,0.0387,0.04234,0.03909,-0.00637,-0.10389,-0.04636,0.0638,0.06015,0.03187,0.013,0.00585,0.01196,-0.00517,0.05103,0.02857,0.00279,0.04762,-0.03883,0.03022,-0.05488,-0.04857,0.02677,-0.04982,0.03669,-0.03815,-0.10535,0.05111,-0.01384,0.00216,-0.03457,0.04641,0.08494,0.00143,0.02601,0.01306,0.03627,-0.00448,0.06735,-0.03719,0.01083,0.06678,0.06701,0.05897,0.00604,0.07234,-0.04275,0.0189,0.0479,-0.00597,-0.03414,-0.02115,0.11277,-0.06496,-0.04891,0.03278,0.02395,0.08716,0.02397,-0.01546,-0.03085,-0.0248,0.07318,-0.00454,-0.03,-0.08501,0.01052,-0.0067,0.12657,-0.07056,-0.03784,-0.00446,-0.10577,-0.04922,0.08513,0.02501,0.03247,-0.04479,0.00237,0,-0.06069,0.0385,0.00255,0.09499,0.0105,-0.05705,-0.03465,0.02523,0.02308,0.05431,0.03957,0.02947,-0.03576,-0.00738,0.00987,-0.00576,-0.02529,-0.08842,0.0248,-0.09034,0.07543,-0.02316,0.03301,-0.01141,-0.08787,0.02739,0.01468,0.00919,0.03684,-0.07125,-0.04372,-0.02947,-0.01539,-0.01416,0.03516,-0.04932,0.05467,0.06953,0.07922,-0.02631,0.03626,-0.03001,-0.00094,0.0049,-0.07898,-0.03943,-0.03992,0.03058,-0.03065,-0.05065,-0.05656,0.01152,-0.0848,-0.0122,-0.02898,-0.00251,0.1189,-0.04082,0.03554,-0.02015,-0.04762,0.00407,0.05107,-0.02872,0.05246,0.02057,-0.04475,-0.08417,0.00486,0.05608,-0.00332,0.01821,-0.01316,0.00016,0.1042,-0.00382,0.07165,-0.05484,0.05035,0.02022,0.01339,0.06228,0.0286,-0.02491,0.01476,0.017,-0.06035,-0.02565,0.05308,0.04166,-0.11378,0.0167,0.02075,-0.03499,-0.00006,0,-0.10608,0.04123,0.00322,-0.03694,0.01433,-0.02975,-0.00519,0.00841,0.08186,-0.01486,-0.0401,-0.01885,-0.03604,0.01059,0.0814,0.01543,0.02819,0.01388,-0.00529,-0.05771,0.04348,0.00196,0.04182,0.07571,-0.00517,-0.02792,-0.04226,-0.00037,-0.00469,0.03195,0.0329,0.08144,0.07234,0.08319,-0.0894,-0.06968,-0.08845,-0.01605,-0.04979,0.00415,0.05433,0.03645,-0.01964,-0.02656,-0.02786,0.02662,-0.02664,-0.02759,-0.01166,-0.00859,-0.02694,0.01204,-0.02537,0.02308,-0.0727,0.02506,0.01738,-0.02578,0.04742,0.01043,-0.08006,-0.00044,0.04155,0.00924],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Adding new nodes Prepare draggable node templates and handle node creation:","excerpt":"Adding new nodes Prepare draggable node templates and handle node creation:"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#7","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.10539,-0.02677,-0.11979,0.04976,-0.08676,0.01192,-0.05156,0.06465,0.07403,0.04784,-0.12809,0.02024,-0.12017,0.00609,0.05815,0.01803,-0.04448,-0.01479,-0.01277,-0.03201,0.01859,0.0223,-0.02515,-0.0417,0.00288,0.00028,0.0145,-0.01515,0.06651,-0.03106,0.01661,0.05828,-0.03375,0.02072,-0.12879,0.12722,-0.00136,-0.00641,-0.0501,-0.07729,0.09721,0.02832,-0.03502,-0.08395,-0.06876,-0.08528,-0.04639,0.01257,-0.06042,0.04637,-0.0697,-0.11652,-0.09336,0.0215,0.03873,0.04082,0.0897,-0.05197,-0.0202,0.00606,-0.00375,0.00534,0.01932,0.0016,-0.02986,0.06276,-0.07605,0.03252,0.01805,-0.04746,-0.01216,-0.03697,-0.04044,-0.04834,-0.05663,-0.02126,-0.07245,0.0135,-0.01102,-0.01474,0.09448,0.05837,-0.00976,0.09061,0.0256,0.07112,0.03063,-0.0836,0.0659,-0.05878,-0.01406,0.08118,-0.0161,-0.04195,-0.00259,0.01413,-0.00435,-0.06516,-0.0798,0.01843,-0.01596,-0.07265,0.0345,0.01131,-0.02388,-0.00316,0.03791,-0.01537,-0.0497,0.02456,-0.01076,0.04435,0.00384,-0.08628,-0.04145,-0.02602,-0.00394,-0.02987,-0.0069,0.10362,-0.01928,0.02699,-0.03009,-0.01099,0.08868,-0.07573,0.05489,0,0.05798,0.06416,-0.03531,0.04137,0.14572,0.01056,0.00816,-0.10419,0.0308,-0.02948,0.01535,0.04362,0.00749,0.02145,-0.00438,-0.09412,-0.00288,0.02929,0.06571,0.04745,-0.00089,-0.08123,-0.03934,0.069,0.10892,0.04152,-0.00132,0.00472,0.00243,-0.00624,0.08044,0.02478,-0.02478,0.03832,-0.03548,0.0248,-0.05173,-0.07407,0.00023,-0.02253,0.02129,-0.04337,-0.12871,0.03821,-0.03312,0.01262,-0.06231,0.05062,0.09547,0.01097,0.02779,0.02518,0.06002,0.01078,0.04986,-0.04437,-0.01346,0.07456,0.0479,0.08068,0.03039,0.02729,-0.0503,0.03327,0.02476,-0.00426,-0.05691,-0.01698,0.12414,-0.05205,-0.08117,0.04863,0.03055,0.09729,0.00102,0.0073,-0.03908,-0.00206,0.07477,-0.01858,-0.00164,-0.06089,0.02041,0.02482,0.12299,-0.07436,-0.04534,-0.05126,-0.07479,-0.00746,0.07272,0.04173,0.03622,-0.0044,0.01362,0,-0.06248,0.03299,-0.01319,0.09573,-0.00618,-0.05383,0.03407,0.0022,0.03899,0.04726,0.04643,0.0535,-0.00747,-0.03029,0.0021,-0.0179,-0.02087,-0.095,0.01959,-0.05922,0.03022,-0.00866,0.01634,-0.08893,-0.06075,0.04681,0.0111,-0.01687,0.0342,-0.03529,-0.04926,-0.03219,0.00874,-0.02967,0.03543,-0.011,0.0678,0.07834,0.07595,-0.05463,0.06861,-0.03259,0.02447,0.01605,-0.07138,-0.01699,-0.04576,0.01141,-0.07192,-0.04585,-0.03896,0.04349,-0.0601,0.01339,-0.01849,0.02076,0.10919,-0.05936,0.02935,0.01155,-0.02379,-0.00775,0.07996,0.01052,0.06741,0.01712,-0.032,-0.10091,0.0385,0.04332,0.02229,-0.00596,-0.01893,0.03266,0.12699,-0.01832,0.08633,-0.05965,0.02483,0.05362,0.00504,0.06157,0.02885,-0.04729,0.00189,0.05093,-0.05866,-0.02233,0.06982,0.04725,-0.11164,0.01195,0.04738,-0.05737,-0.01469,0,-0.10099,0.01753,0.02255,-0.01529,0.04352,-0.01259,-0.01989,0.02219,0.0626,-0.00019,-0.05255,0.02112,-0.04,0.00543,0.05631,0.05596,0.05084,-0.00453,-0.02416,-0.05483,-0.02693,-0.01312,0.01849,0.10619,0.0013,-0.02444,-0.02196,0.0209,0.00062,0.03398,0.00348,0.06002,0.07908,0.10506,-0.08404,-0.04573,-0.10044,-0.00418,-0.06083,0.01207,0.04187,0.02033,0.02926,0.0034,0.00915,0.04918,-0.03001,-0.03612,-0.01334,-0.00602,-0.06082,0.02104,-0.03941,0.00154,-0.07268,0.01169,0.02053,-0.03534,0.0325,0.02439,-0.09855,0.02004,0.01322,-0.04218],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Editing connections Enable connection creation/reassignment and process events: This gives users a flexible way to build and modify call routing logic visually.","excerpt":"Editing connections Enable connection creation/reassignment and process events: This gives users a flexible way to build and modify call routing logic visually."}]}
\ No newline at end of file
+{"model":"Xenova/all-MiniLM-L6-v2","dim":384,"documents":[{"chunkId":"/docs/intro#0","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.09144,0.03305,-0.08091,0.0409,0.01845,0.03261,-0.03472,0.04744,-0.00621,0.07016,-0.11644,-0.03021,-0.06955,-0.00885,0.06349,0.00346,-0.04581,0.01837,0.03172,-0.00006,-0.06396,-0.01131,0.01158,-0.0378,-0.00561,0.05778,0.0116,-0.03553,0.02672,-0.04986,0.04434,0.08484,0.03272,0.02581,-0.12638,0.0976,0.02103,-0.05211,-0.04479,-0.05618,0.0432,0.0449,-0.0098,-0.08218,-0.03663,-0.03718,-0.06865,0.00792,-0.04732,0.07649,-0.06215,-0.14714,-0.07455,0.08407,-0.00539,0.00847,0.01748,-0.07883,0.03189,0.01862,0.00476,-0.01899,0.01787,0.05277,0.04483,0.01607,-0.11251,0.05295,0.00472,-0.08293,-0.01063,-0.04971,0.0388,-0.01733,-0.01576,-0.06321,-0.06629,0.041,-0.03902,-0.0122,0.01636,0.03994,-0.00592,0.06713,-0.05263,0.10672,0.02474,-0.05279,-0.00629,-0.02669,0.00316,0.06745,0.01668,-0.01231,0.06851,0.01879,-0.0065,-0.05273,-0.09703,0.01825,0.01578,-0.04218,0.04598,-0.01291,-0.05935,-0.04735,0.00891,-0.01157,-0.01434,-0.002,-0.0183,0.03774,-0.04742,-0.10744,-0.01823,-0.04973,-0.02185,-0.04707,0.04472,0.08387,0.02612,-0.00879,-0.004,-0.02554,0.09606,-0.01315,0.00496,0,0.03299,0.04843,-0.05852,0.06301,0.12149,-0.01917,0.0303,-0.09978,-0.01248,-0.01928,0.0589,0.06534,-0.04348,0.01979,-0.02748,-0.11582,-0.04763,0.00572,0.03057,-0.00437,0.07258,-0.07144,-0.02676,0.03956,0.07263,0.08084,-0.01004,0.0165,-0.04637,0.01591,0.05544,0.00989,0.00648,0.00855,-0.03321,0.00581,-0.02705,-0.07884,-0.00281,-0.05577,-0.02002,-0.07755,-0.09427,-0.00923,0.01212,-0.0058,-0.01957,-0.02583,0.11269,0.01607,0.00818,0.03852,0.00709,0.04546,0.08225,-0.03383,-0.04883,0.06872,0.04727,0.04865,0.06899,0.074,-0.02245,-0.06501,-0.0079,0.03466,0.00613,-0.00969,0.10218,-0.06128,-0.07243,0.04222,0.04169,0.0224,0.02833,-0.00699,0.00065,0.01243,0.07422,-0.03526,-0.04091,-0.06482,0.01107,0.10091,0.12284,-0.07357,0.00509,-0.02411,-0.10534,-0.00612,0.14713,0.04828,0.01054,-0.04645,0.05457,0,-0.00836,0.0099,-0.07783,0.09089,0.047,-0.0923,-0.01643,0.03852,0.06629,0.0304,0.02599,0.06709,0.0002,-0.01936,-0.00746,-0.01422,-0.02561,-0.1139,0.07113,-0.04648,0.05021,0.02185,-0.01041,-0.0654,-0.08959,0.04207,0.00915,-0.01495,0.00798,-0.04491,-0.00251,-0.00723,-0.03857,-0.02073,-0.00722,-0.04592,0.01604,0.07411,-0.00356,-0.07561,0.05883,-0.01563,-0.02654,-0.03972,-0.09326,-0.0221,-0.06072,0.02737,-0.01433,0.00806,-0.0329,0.01263,-0.03337,-0.08374,-0.06568,-0.01552,0.08194,0.01291,0.00319,0.03348,-0.02315,-0.00747,0.04163,0.02674,0.03738,0.02073,-0.04612,0.00674,0.01994,0.07247,0.0282,0.03983,-0.03867,0.01253,0.09774,0.05487,0.0984,-0.04363,0.05675,0.02398,0.01202,0.12695,-0.01245,0.04562,0.05826,0.02198,-0.09851,-0.05237,0.0266,0.05894,-0.08627,0.02152,0.03852,-0.00153,0.00415,0,-0.16854,0.00647,-0.04003,-0.00118,0.06177,0.03077,-0.054,0.01704,0.03263,-0.02222,-0.00257,0.06064,-0.0087,-0.00444,0.08002,-0.00165,-0.02702,-0.00395,-0.00744,-0.03069,0.02825,0.04785,0.011,0.07238,0.00938,0.02287,-0.00263,-0.00869,-0.00572,0.00411,-0.01598,0.05344,0.07531,0.0726,-0.05147,-0.00415,-0.06637,-0.00921,-0.10329,-0.04349,0.06614,-0.00734,0.02105,-0.05374,-0.10248,0.07326,-0.04165,-0.05503,-0.0117,-0.03426,-0.0518,0.01077,-0.06597,0.0552,0.02088,0.0455,-0.04746,-0.01614,0.05006,0.01812,-0.08361,0.07978,0.04215,0.02186],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Introducing Foblex Flow","excerpt":"Introducing Foblex Flow"},{"chunkId":"/docs/intro#1","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.07982,-0.00012,-0.07694,0.04453,0.02872,0.05387,-0.04729,0.09763,0.01315,0.08338,-0.10361,-0.0255,-0.0631,0.01185,0.05314,0.00968,-0.02012,-0.01396,-0.01246,0.00744,-0.0331,-0.05254,0.00166,-0.08234,0.0082,0.06533,0.00861,-0.01351,0.03892,-0.0615,-0.00029,0.08054,0.00388,0.03181,-0.13319,0.08966,0.06174,0.0001,-0.06634,-0.05193,0.05401,0.0494,0.00276,-0.07919,-0.0357,-0.02854,-0.07579,-0.0256,-0.05095,0.09906,-0.06663,-0.13911,-0.09941,0.08213,0.03247,0.03023,0.0225,-0.07665,0.00376,0.00755,0.0104,-0.02743,0.00839,0.03878,0.03469,-0.00318,-0.06625,0.02304,0.01686,-0.07107,-0.03641,-0.04054,0.00893,-0.02163,-0.0084,-0.04888,-0.03367,0.0766,-0.03258,-0.05807,0.05652,0.09735,-0.00984,0.08581,-0.04093,0.10826,0.03733,-0.06012,0.00597,-0.01055,-0.02037,0.0659,-0.01103,-0.04007,0.07206,0.01543,0.01009,-0.02947,-0.07976,0.01642,0.02696,-0.08195,0.07686,-0.03642,-0.04324,-0.04042,-0.02374,-0.00753,-0.05421,-0.0094,-0.0419,0.03699,-0.06145,-0.09337,-0.00254,-0.04569,-0.01917,-0.06455,0.0684,0.11046,-0.00682,0.05174,0.01515,0.01791,0.10368,-0.03335,-0.03262,0,0.02528,0.07198,-0.04414,0.07162,0.09587,0.02131,0.00259,-0.07463,-0.013,-0.00067,0.02064,0.06009,-0.06763,0.04845,0.02101,-0.10483,-0.01242,-0.00196,-0.01747,-0.01892,0.02873,-0.07709,-0.03636,0.03264,0.07162,0.08213,-0.00353,0.03525,-0.08425,-0.00894,0.01811,0.00223,0.00694,-0.00308,-0.04503,0.00684,-0.03644,-0.09477,-0.0233,-0.04429,-0.03327,-0.04094,-0.09684,0.00257,0.00122,-0.00755,-0.03515,-0.01277,0.08779,0.02555,-0.00106,0.04336,0.05582,0.02145,0.05277,-0.04183,-0.01801,0.05947,0.01721,0.06504,0.04924,0.0618,-0.0664,-0.02696,0.02122,0.06152,-0.01028,0.0076,0.09064,-0.04502,-0.12606,0.05762,0.06223,0.01402,0.04038,-0.00435,-0.01778,-0.01487,0.05857,-0.03263,-0.07514,-0.05371,0.00397,0.046,0.07561,-0.10915,0.03125,0.01326,-0.06773,-0.05666,0.13587,0.04352,0.02212,0.00031,0.03686,0,-0.01377,0.03575,-0.02802,0.08516,0.04182,-0.04378,0.0151,-0.00992,0.07137,-0.00231,0.02821,0.06413,0.02944,-0.0174,-0.01818,0.02433,-0.05667,-0.12452,0.07635,-0.08913,0.05083,0.0116,-0.00451,-0.05905,-0.07353,0.02776,0.02117,-0.03163,0.00128,-0.0182,-0.00593,-0.02303,-0.03306,-0.0478,-0.01021,-0.05575,0.03069,0.06225,0.00804,-0.05313,0.02028,0.00236,-0.00116,-0.01594,-0.08605,0.03199,-0.0699,0.01918,-0.04518,-0.00077,-0.05781,0.01425,-0.04064,-0.06725,-0.04718,-0.00761,0.07662,0.00744,0.01338,-0.00437,-0.02857,-0.0107,0.00254,-0.00775,0.02663,0.02482,-0.04418,-0.03273,0.02634,0.09554,0.02714,0.03078,-0.0066,-0.01603,0.11005,0.03248,0.12443,-0.03516,0.08495,0.02181,-0.00038,0.12753,-0.01962,0.0188,0.04589,0.04461,-0.09449,-0.01006,0.05806,0.04611,-0.07157,0.03845,0.01346,0.0232,-0.01132,0,-0.14144,0.0174,-0.06178,-0.01383,0.06129,-0.00519,-0.0117,0.06022,0.03646,0.00041,0.01677,0.05871,-0.02992,-0.03793,0.10888,0.002,-0.01546,0.02273,-0.02612,-0.04587,0.02987,0.02187,-0.00344,0.08203,0.00601,-0.03112,-0.00903,0.00055,-0.0085,0.01517,-0.02257,0.04965,0.07915,0.08285,-0.07524,-0.00112,-0.06795,-0.00192,-0.0843,0.02712,0.07569,0.00561,0.01301,-0.04782,-0.04891,0.06845,-0.0113,-0.06079,-0.04014,-0.03244,-0.063,0.01669,-0.04784,0.02653,0.01297,0.0682,-0.03003,-0.01048,0.07936,0.00057,-0.11555,0.07937,0.01975,0.0051],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Description Foblex Flow is an Angular-native library for building interactive node-based editors and diagram UIs - custom nodes, smooth connections, and production-grade interaction helpers. It’s designed for real products where users edit graphs manually: dragging nodes, connecting ports, selecting multiple items, aligning layouts, and navigating large canvases. The core path is intentionally small: f-flow, f-canvas, nodes, connectors, and connections. Advanced helpers such as selection area, minimap, alignment guides, caching, and virtualization are optional add-ons you introduce later if the editor grows. What you get - Core primitives for flow rendering: f-flow, f-canvas, nodes, connectors, and connections. - Interaction helpers for editor UX: drag, zoom, selection area, minimap, alignment lines, and equal spacing guides. - APIs that fit modern Angular: standalone components, signal-friendly patterns, SSR-aware setups. U Is AP Is","excerpt":"Description Foblex Flow is an Angular-native library for building interactive node-based editors and diagram UIs - custom nodes, smooth connections, and production-grade interaction helpers. It’s designed for real products where users edit graphs manually: dragging nodes, connecting ports, selecting multiple items, aligning layouts, and navigating large canvases. The core path is intentionally small: f-flow, f-canvas, nodes, connectors, and connections. Advanced helpers such as selection area, minimap, alignment guides, caching, and virtualization are optional add-ons you introduce later if the editor grows. What you get - Core primitives for flow rendering: f-flow, f-canvas, nodes, connectors, and connections. - Interaction helpers for editor UX: drag, zoom, selection area, minimap, alignment lines, and equal spacing guides. - APIs that fit modern Angular: standalone components, signal-friendly patterns, SSR-aware setups."},{"chunkId":"/docs/intro#2","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.0397,0.00126,-0.03148,0.02739,0.0211,-0.02681,-0.10233,0.09811,0.05586,0.04752,-0.11211,-0.02671,-0.03748,0.02344,0.0952,0.01944,-0.00042,-0.06454,0.00694,-0.01936,-0.07538,-0.05751,-0.01601,-0.06989,-0.00593,0.02933,0.01447,-0.043,0.05256,-0.07659,-0.01134,0.07734,-0.01833,0.02059,-0.07717,0.13513,0.0302,-0.03287,-0.07521,-0.06816,0.01464,0.05029,0.01087,-0.07033,-0.01372,-0.07536,-0.03054,-0.03561,-0.07276,0.08683,-0.12229,-0.14372,-0.0517,0.06542,0.00582,0.02006,0.04881,-0.07002,0.01756,-0.03044,-0.04505,-0.00749,0.01613,0.03705,0.02349,0.02499,-0.05646,0.04659,-0.0012,-0.03571,-0.01239,-0.04534,-0.02087,0.00193,-0.01289,-0.02514,-0.02268,0.01136,0.01781,-0.08807,0.03096,0.03336,-0.04966,0.09474,-0.04466,0.13902,0.04281,-0.04941,-0.00013,-0.01168,0.04888,0.05168,0.03764,-0.01797,0.05365,-0.01777,0.05601,-0.00848,-0.07182,0.04215,0.01671,-0.07904,0.08409,-0.01454,-0.07289,-0.01044,0.02053,-0.045,-0.06613,-0.01838,-0.03036,0.0212,-0.03344,-0.10862,-0.041,-0.07304,-0.03332,-0.04736,0.04692,0.09221,0.02938,0.06222,0.01585,0.0343,0.10865,-0.01049,-0.04713,0,0.03028,0.02118,-0.05256,0.04324,0.11496,-0.01229,0.02301,-0.06224,-0.01618,-0.00096,0.03485,0.04844,-0.04987,0.02417,0.02783,-0.06588,-0.02999,0.01006,-0.05294,0.02697,0.02728,-0.10166,-0.05513,0.07075,0.01878,0.13376,0.01811,0.0361,-0.02492,0.01612,0.03236,-0.00328,0.00538,0.04794,-0.03311,0.06903,-0.03216,-0.09007,0.04042,-0.02027,-0.05407,-0.04678,-0.07329,-0.02328,0.03163,-0.03176,-0.05738,-0.02048,0.04752,0.01461,0.03632,0.05522,0.08486,0.02879,0.06368,-0.05891,0.00212,0.01975,0.05884,0.10441,0.01714,0.10363,-0.04624,-0.0059,-0.01993,0.06286,-0.00062,-0.01547,0.10097,-0.05746,-0.08485,0.05617,0.04794,0.03167,0.05374,-0.04043,-0.0382,-0.0434,0.0624,-0.03989,-0.06673,-0.03909,-0.0098,0.03985,0.10396,-0.1008,-0.02834,0.01311,-0.1184,-0.00107,0.09036,-0.00475,-0.00217,0.02251,0.08201,0,-0.04529,0.00336,-0.04432,0.07874,0.02493,-0.09581,0.02077,-0.02307,0.07495,0.00047,0.01546,0.03354,-0.02817,0.00451,0.00389,-0.00961,-0.04041,-0.13856,0.05676,-0.07136,0.07983,0.02533,-0.03525,-0.00087,-0.0869,0.05805,-0.01385,-0.05817,0.01924,-0.0397,-0.01386,-0.02564,-0.04612,-0.05256,-0.00202,-0.05699,0.01712,0.0596,0.01993,-0.04527,0.02972,0.00013,-0.00179,0.03019,-0.07697,0.06858,-0.06578,-0.00932,0.02697,-0.03453,-0.03557,0.02417,-0.00238,-0.07151,-0.05821,-0.0257,0.0994,-0.01423,-0.05986,0.02956,-0.01868,-0.00577,0.06989,0.02144,0.00904,0.02427,-0.06208,0.02057,0.01839,0.05008,0.00771,0.05055,-0.02688,-0.02153,0.09167,0.05349,0.05251,-0.02999,0.07247,0.06231,-0.02754,0.09234,-0.00847,0.06439,0.0252,0.07793,-0.10089,-0.00262,0.01992,0.03049,-0.09265,0.03162,0.03836,0.05334,-0.00786,0,-0.12125,0.01937,-0.01522,-0.02561,0.03018,0.02485,-0.04833,0.03671,0.03293,0.00585,-0.02823,0.04042,-0.06631,-0.01374,0.1035,0.01968,-0.03162,0.01069,-0.03999,-0.06731,0.02214,0.03072,-0.01287,0.06823,-0.0069,-0.02092,-0.01225,-0.0122,-0.01161,0.02148,-0.01215,0.06011,0.06593,0.07079,-0.03503,-0.01583,-0.02477,0.01016,-0.04452,-0.00675,0.04159,0.02041,0.01407,-0.04055,-0.05574,0.04972,-0.0405,-0.04924,-0.02032,-0.01111,-0.09611,-0.03196,-0.10224,0.05473,0.03052,0.05011,0.01906,-0.01287,0.07293,0.02088,-0.02394,0.01823,0.04333,0.04517],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Why / Use cases Most diagram editors fail not on rendering, but on interaction details: hit-testing, pointer edge cases, snapping, selection UX, and consistent connection behavior. Foblex Flow exists for teams that want these building blocks in Angular without implementing low-level drag logic, hit-testing, and SVG path rendering from scratch. Typical use cases: - Workflow and automation builders (internal tools, operations tooling). - Low-code/no-code logic editors (rules, conditions, branching). - Visual programming tools and AI pipeline designers. - Back-office tools where entities and relations are edited as a graph.","excerpt":"Why / Use cases Most diagram editors fail not on rendering, but on interaction details: hit-testing, pointer edge cases, snapping, selection UX, and consistent connection behavior. Foblex Flow exists for teams that want these building blocks in Angular without implementing low-level drag logic, hit-testing, and SVG path rendering from scratch. Typical use cases: - Workflow and automation builders (internal tools, operations tooling). - Low-code/no-code logic editors (rules, conditions, branching). - Visual programming tools and AI pipeline designers. - Back-office tools where entities and relations are edited as a graph."},{"chunkId":"/docs/intro#3","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.09662,0.00787,-0.09005,0.02583,0.02035,0.01875,-0.02914,0.07247,-0.00571,0.07545,-0.11035,-0.02815,-0.06877,-0.02809,0.07782,0.00935,-0.04887,0.0066,0.03879,-0.02063,-0.04258,-0.01811,0.01126,-0.03058,-0.0146,0.06463,0.02607,-0.01886,0.03772,-0.04916,0.05314,0.08435,0.04645,0.02419,-0.1233,0.08807,0.03689,-0.03644,-0.05999,-0.0482,0.01046,0.04052,0.00367,-0.08438,-0.0339,-0.03268,-0.07433,-0.01596,-0.05531,0.06123,-0.06774,-0.14453,-0.06044,0.06829,0.01875,0.00936,0.01451,-0.06677,0.02041,0.00249,0.01004,-0.00293,0.00741,0.05685,0.03069,0.04092,-0.10652,0.07815,0.03488,-0.11849,-0.0228,-0.05942,0.02176,-0.01799,-0.01051,-0.06587,-0.05027,0.04362,-0.04251,-0.02208,0.00612,0.04574,0.00086,0.07748,-0.06256,0.09635,0.02957,-0.03035,0.01743,-0.00198,0.00276,0.08174,-0.00093,-0.0314,0.07873,0.01597,-0.00728,-0.0634,-0.08011,0.01101,-0.00243,-0.03948,0.05052,-0.02082,-0.06148,-0.03706,0.00056,-0.0046,0.00246,-0.00357,-0.02623,0.03483,-0.0314,-0.11584,-0.00142,-0.04944,-0.01722,-0.05703,0.05679,0.07651,0.02697,0.01769,-0.01303,-0.03081,0.08709,0.00619,-0.01021,0,0.0536,0.03428,-0.05146,0.08754,0.11316,-0.03187,0.05579,-0.07981,-0.02536,0.00015,0.05464,0.06414,-0.06024,0.05085,-0.04634,-0.12776,-0.05557,-0.00748,0.02507,0.00065,0.06843,-0.07087,-0.01435,0.05843,0.07692,0.0881,-0.01111,0.03339,-0.03054,0.01051,0.0228,0.00429,-0.0025,0.00231,-0.03696,0.02701,-0.04769,-0.06575,0.01456,-0.05187,-0.01401,-0.07596,-0.07457,-0.01114,0.0202,-0.00866,-0.05389,-0.03371,0.13178,0.01778,0.01334,0.03589,0.01319,0.05989,0.07589,-0.02355,-0.04955,0.05853,0.03039,0.06206,0.04856,0.08469,-0.04551,-0.06852,-0.00573,0.03896,-0.01215,-0.02441,0.10187,-0.05729,-0.08354,0.05158,0.03019,0.00725,0.03017,-0.00033,-0.00754,0.00392,0.04352,-0.02647,-0.02845,-0.06902,0.00956,0.09665,0.11517,-0.06327,0.00465,-0.03699,-0.09783,-0.03052,0.13931,0.02565,0.00112,-0.04164,0.0595,0,-0.01994,0.01648,-0.07793,0.08497,0.04025,-0.06529,-0.01367,0.03819,0.07947,0.00916,0.01728,0.0657,0.01403,-0.02277,-0.00689,-0.01612,-0.02563,-0.12441,0.08231,-0.03008,0.0382,0.03674,-0.0144,-0.07846,-0.08467,0.02119,0.00818,0.00109,0.02885,-0.04534,0.00812,-0.01196,-0.01698,-0.02307,-0.02397,-0.04343,0.02778,0.06375,0.00523,-0.08319,0.05383,-0.02069,-0.01261,-0.04542,-0.09613,0.01078,-0.07308,0.01719,-0.02174,-0.01093,-0.02723,0.01821,-0.02817,-0.08345,-0.06144,-0.0257,0.09409,0.01573,0.00138,0.03545,-0.04169,0.00591,0.05005,0.01819,0.01041,0.02181,-0.07726,-0.00378,0.00898,0.06592,0.01888,0.03667,-0.02884,0.01452,0.09476,0.05786,0.06805,-0.02658,0.05134,0.04098,0.03677,0.12216,0.00953,0.04726,0.05154,0.02768,-0.09505,-0.0528,0.03104,0.05205,-0.1014,0.02703,0.03688,0.02235,-0.00262,0,-0.15131,-0.00097,-0.0233,-0.0158,0.04189,0.0406,-0.03238,0.01844,0.01754,-0.01938,-0.01458,0.06797,-0.00468,-0.00594,0.06293,0.01646,-0.02617,0.00887,-0.00512,-0.03937,0.02436,0.03934,-0.00243,0.06913,0.02311,0.02098,0.00473,-0.00969,-0.01168,-0.00442,-0.02184,0.05754,0.09656,0.05286,-0.01054,0.00418,-0.07164,-0.01014,-0.08985,-0.04495,0.03334,0.0023,0.00134,-0.06562,-0.09427,0.07378,-0.03785,-0.05024,-0.03831,-0.02003,-0.05237,0.02312,-0.07055,0.05087,0.00833,0.07039,-0.05277,-0.01841,0.06226,-0.00736,-0.09006,0.11128,0.03971,0.02691],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Interactive examples Explore live demos built with Foblex Flow: - Call Flow Editor - Logic Configuration Tool - Schema Designer - Examples overview You can also browse the source code for all demos in libs/f-examples/.","excerpt":"Interactive examples Explore live demos built with Foblex Flow: - Call Flow Editor - Logic Configuration Tool - Schema Designer - Examples overview You can also browse the source code for all demos in libs/f-examples/."},{"chunkId":"/docs/intro#4","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.09371,-0.00788,-0.06311,0.03603,-0.00907,0.05701,-0.01535,0.05442,0.01655,0.03718,-0.0953,-0.01606,-0.0469,0.01262,0.09327,0.02008,0.00063,-0.03806,-0.03388,-0.00138,-0.0464,-0.08189,-0.0154,-0.02548,-0.02917,0.0795,0.02327,-0.07194,0.0734,-0.02988,0.08132,0.03977,-0.02435,0.00936,-0.13075,0.0988,0.03445,-0.04747,-0.06078,-0.03211,0.05769,0.0161,-0.01669,-0.05539,-0.04758,0.0037,-0.03231,-0.00442,-0.04246,0.08936,-0.00203,-0.06691,-0.03465,0.07771,0.0463,0.03583,0.0351,-0.05228,-0.01182,-0.00158,0.02904,-0.04703,0.02121,0.03741,-0.02355,0.06127,-0.05073,-0.00678,0.05914,-0.05276,-0.00575,-0.03225,0.00102,-0.07561,-0.00029,-0.07819,-0.01692,0.05193,-0.04747,-0.02256,0.05123,0.02688,0.0097,0.04709,-0.04933,0.04725,0.01304,-0.03146,0.02626,0.01049,-0.06363,0.09574,-0.00436,-0.07796,0.08139,0.01743,-0.02121,-0.00112,-0.04275,0.02579,0.03693,-0.05337,0.05718,0.05187,-0.02521,-0.06642,-0.08485,0.00123,-0.04861,0.02923,-0.01916,0.06619,0.02172,-0.02445,-0.025,0.00822,-0.03121,-0.02832,0.01777,0.10154,-0.00041,0.03423,0.05427,-0.02399,0.09378,-0.00969,0.004,0,-0.006,0.00777,-0.05292,0.01778,0.07426,-0.00078,0.03335,-0.0894,0.02256,-0.02509,0.03553,0.1072,-0.04284,0.03617,0.00837,-0.08499,-0.02313,-0.00629,0.09772,0.00773,0.0915,-0.03019,-0.03038,0.03444,0.10082,0.06867,-0.00836,0.06973,-0.03554,-0.01282,0.05612,-0.01767,-0.00726,-0.00518,-0.04538,-0.02076,-0.07235,-0.05169,-0.02317,-0.10386,0.02059,-0.04277,-0.14358,-0.01925,0.0026,-0.0471,-0.04991,-0.03957,0.06645,-0.02074,0.04428,0.01973,-0.0071,0.00284,0.02947,-0.05485,-0.04795,0.04414,-0.02213,0.00668,0.0539,0.02944,-0.05101,-0.00899,0.05294,0.05345,-0.0138,-0.00568,0.05315,-0.08424,-0.07528,0.09449,-0.0019,-0.0031,0.05669,-0.0096,-0.0181,0.01489,-0.01478,-0.01849,-0.02794,-0.07471,0.00621,0.13791,0.13018,-0.0935,0.02625,-0.03663,-0.08896,0.01092,0.10603,0.01462,0.02454,0.01181,0.02764,0,0.01278,-0.00198,-0.01287,0.11236,-0.00518,-0.05637,-0.00248,0.03827,0.04857,-0.01032,-0.01661,0.01964,0.03889,0.00677,-0.02886,0.01148,-0.03105,-0.08962,-0.01966,-0.03441,-0.00951,0.04088,-0.00959,-0.03262,-0.08576,0.02734,-0.02651,-0.03171,-0.02398,-0.0453,-0.04404,-0.03452,-0.04895,-0.0817,-0.01178,-0.05901,-0.00211,0.07537,0.01901,-0.04968,0.03197,0.00728,-0.08078,-0.01652,-0.06905,0.03029,-0.14963,0.02403,-0.08309,-0.01406,-0.08063,0.05105,-0.03566,-0.05487,-0.03997,0.0135,0.15162,0.01499,-0.02014,0.0098,-0.02157,-0.034,0.00859,0.0154,0.01963,0.02529,-0.04238,-0.00627,0.07458,0.10548,0.05741,0.06358,-0.0266,0.00703,0.15606,0.05944,0.07395,-0.0714,0.06654,-0.00772,-0.04858,0.10335,0.03432,0.0207,0.04314,0.05813,-0.08115,-0.07476,0.07109,0.04539,-0.0751,0.03445,-0.03078,0.00759,0.01619,0,-0.14433,0.01936,-0.05113,0.01159,0.05511,0.01723,-0.01162,0.0131,0.04865,0.00943,-0.02088,0.03703,-0.02217,-0.02366,0.03329,0.024,0.06349,-0.0276,-0.01228,-0.04096,0.0004,-0.02959,0.03494,0.12944,0.03447,-0.06892,0.07396,-0.01475,-0.00039,0.05395,-0.02399,0.01779,0.06962,0.10274,-0.08671,-0.02612,-0.01789,0.00594,-0.02004,0.03806,0.0297,0.04076,-0.06902,-0.05901,-0.06888,0.04628,-0.0302,-0.06578,0.00096,0.00588,-0.04566,0.01459,-0.05443,0.06904,0.0555,0.03845,-0.04445,0.00157,0.08142,0.00117,-0.08867,0.03719,0.00526,-0.0461],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. How it works You compose a flow from primitives: one f-flow root, one f-canvas, nodes with connectors, and connection components. Foblex Flow focuses on rendering and interaction. Your application owns the graph model (nodes, connections, metadata) and decides how to update it. The library emits interaction events (drag, selection changes, connection create/reassign) so you can: - keep business state in your own store (signals, RxJS, NgRx, plain services), - persist changes to your backend in a predictable way, - apply domain rules (validation, limits, permissions) where they belong. That is the default stateless integration. If you want the library to keep typed graph records and apply supported gestures automatically, install the optional Managed Flow State plugin with provideFFlow(withFlowState()). The core remains stateless, the plugin is opt-in, and the same public events remain available. Rx JS Ng Rx provide F Flow with Flow State","excerpt":"How it works You compose a flow from primitives: one f-flow root, one f-canvas, nodes with connectors, and connection components. Foblex Flow focuses on rendering and interaction. Your application owns the graph model (nodes, connections, metadata) and decides how to update it. The library emits interaction events (drag, selection changes, connection create/reassign) so you can: - keep business state in your own store (signals, RxJS, NgRx, plain services), - persist changes to your backend in a predictable way, - apply domain rules (validation, limits, permissions) where they belong. That is the default stateless integration. If you want the library to keep typed graph records and apply supported gestures automatically, install the optional Managed Flow State plugin with provideFFlow(withFlowState()). The core remains stateless, the plugin is opt-in, and the same public events remain available."},{"chunkId":"/docs/intro#5","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.06856,0.00128,-0.05067,0.04749,0.00979,0.00939,-0.08636,0.0714,0.05983,0.08056,-0.13365,-0.01366,-0.07838,0.0034,0.07947,-0.01053,0.01544,-0.00859,0.01973,-0.03869,-0.08799,-0.04907,0.01663,-0.05525,-0.00101,0.04141,-0.03119,-0.02134,0.0479,-0.04692,0.00311,0.05037,0.03161,0.03321,-0.10989,0.14473,0.06655,-0.02791,-0.08609,-0.05943,0.02218,0.0462,-0.01871,-0.06919,0.00406,-0.07131,-0.02993,-0.03105,-0.07194,0.05907,-0.05046,-0.16358,-0.05688,0.07995,-0.00203,0.02688,0.01187,-0.08214,0.03662,0.00572,-0.01114,0.01037,0.01017,0.04708,0.02905,0.00547,-0.04785,0.03518,0.0446,-0.10729,-0.02438,-0.07172,-0.01115,-0.00296,-0.01671,-0.08069,-0.02957,0.02634,-0.01977,-0.05087,0.03855,0.04608,0.00129,0.0886,-0.05349,0.10413,0.05283,-0.0176,0.01304,0.0339,0.02978,0.10424,0.03198,-0.05327,0.0746,0.03578,0.02139,0.00336,-0.06922,0.01488,0.00651,-0.09198,0.0706,-0.01386,-0.03712,-0.02765,0.02604,-0.03004,-0.03756,0.00622,-0.02352,0.02798,-0.03883,-0.10753,0.00643,-0.03845,-0.01196,-0.05061,0.03487,0.12264,-0.00451,0.02505,0.01046,0.00215,0.0845,-0.02648,-0.01485,0,0.04646,0.08849,-0.04435,0.08224,0.10059,-0.00097,0.03578,-0.06671,-0.02652,-0.03817,0.05116,0.05188,-0.05393,0.05278,0.02225,-0.07144,-0.05754,0.00684,-0.00891,-0.01814,0.04166,-0.08665,-0.03928,0.07717,0.05682,0.06401,0.02104,0.0229,-0.03206,0.00176,0.00467,-0.02333,0.02127,0.02656,-0.0477,0.05796,-0.04982,-0.08333,0.0375,-0.04575,-0.03408,-0.01316,-0.07362,-0.04174,0.00121,-0.01074,-0.0246,-0.0199,0.09932,0.00568,0.03586,0.0405,0.05815,0.07163,0.06695,0.00132,0.03327,0.0016,0.03413,0.05307,0.03415,0.09261,-0.04524,-0.00243,0.02875,0.07253,0.00673,0.00634,0.08658,-0.08933,-0.09261,0.02537,0.05323,-0.0077,0.04374,0.00006,-0.00939,-0.00635,0.04232,0.01998,-0.05623,-0.05234,0.00563,0.11744,0.09395,-0.07407,-0.00079,0.02443,-0.06693,-0.00564,0.13295,0.00863,0.00051,-0.00825,0.01563,0,-0.02305,-0.01495,-0.04573,0.09285,0.02113,-0.06894,-0.04722,-0.01437,0.09242,0.00427,0.01325,0.02334,-0.00013,-0.03094,-0.01202,-0.02734,-0.01987,-0.13667,0.06565,-0.07386,0.05977,0.00754,0.00702,-0.02585,-0.0638,0.00634,-0.02539,-0.02782,-0.0441,-0.05841,-0.01863,-0.0351,-0.03236,-0.09627,-0.02063,-0.03034,-0.01972,0.07358,0.00826,-0.0357,0.0383,0.00818,-0.02912,-0.01749,-0.1,0.03849,-0.08248,0.00691,-0.02789,-0.01649,-0.04015,0.0472,-0.02781,-0.08656,-0.0362,-0.02414,0.04884,0.04288,-0.02425,0.01016,-0.03496,-0.0012,0.0407,0.0138,-0.0164,0.03781,-0.05016,0.0219,-0.00399,0.06802,0.04802,0.00879,-0.03713,-0.00077,0.0598,0.04666,0.10778,-0.05792,0.05666,0.02368,-0.04463,0.12251,-0.00074,0.00945,0.03476,0.01882,-0.08362,-0.07457,0.03452,0.06965,-0.06012,0.01223,0.03277,0.02087,-0.02115,0,-0.13416,0.02836,-0.0249,-0.01501,0.02535,0.03046,-0.03542,0.05896,0.06214,0.04423,0.06131,0.00609,-0.02936,-0.02264,0.0679,0.02929,0.00729,0.02638,-0.03636,-0.09117,0.02946,0.07209,-0.02968,0.0522,0.04773,-0.0073,0.04181,-0.02176,-0.05039,0.01933,-0.04184,0.081,0.0591,0.09542,-0.05857,-0.02585,-0.04549,0.01857,-0.09196,-0.04142,0.05209,0.02353,0.02309,-0.04169,-0.10224,0.04138,-0.03743,-0.04307,-0.00106,-0.04858,-0.03998,-0.00203,-0.07082,0.03046,-0.01036,0.07206,-0.00993,-0.02053,0.06579,-0.02726,-0.08685,0.04062,0.04258,0.01674],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Quick FAQ - Is Foblex Flow hard to use? No. The minimal editor path is small and stays inside normal Angular templates. - Do I need caching or virtualization? No. Most editors start without them. They are optional tools for larger scenes and heavier redraw workloads. - Who is it best for? Angular teams building node editors, workflow builders, interactive diagrams, and graph-based internal tools.","excerpt":"Quick FAQ - Is Foblex Flow hard to use? No. The minimal editor path is small and stays inside normal Angular templates. - Do I need caching or virtualization? No. Most editors start without them. They are optional tools for larger scenes and heavier redraw workloads. - Who is it best for? Angular teams building node editors, workflow builders, interactive diagrams, and graph-based internal tools."},{"chunkId":"/docs/intro#6","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.09529,0.03582,-0.08632,0.04206,-0.01054,0.06754,-0.00562,0.07485,-0.00586,0.07218,-0.11104,-0.02422,-0.06654,-0.01606,0.05641,0.00948,-0.04232,0.01276,0.02217,-0.00359,-0.05116,-0.03609,-0.00413,-0.05767,-0.00696,0.04772,0.03274,-0.02067,0.03654,-0.03296,0.0419,0.07613,0.02034,0.01967,-0.13493,0.08909,0.02715,-0.0511,-0.06573,-0.04681,0.06442,0.05273,0.01355,-0.06343,-0.0372,-0.02265,-0.07751,0.0336,-0.05657,0.07259,-0.05049,-0.12819,-0.06668,0.08654,-0.01279,0.00652,0.00971,-0.07216,0.03774,0.02551,0.02707,-0.01556,0.00612,0.04244,0.02702,0.0149,-0.09507,0.06659,-0.00578,-0.07164,-0.01604,-0.06461,0.0197,-0.02022,0.00703,-0.06645,-0.05235,0.07565,-0.0382,-0.02661,0.01861,0.04804,0.00258,0.071,-0.07572,0.10119,0.01838,-0.05215,-0.01403,-0.02723,0.02073,0.08905,-0.02123,-0.03318,0.07026,0.02695,-0.02089,-0.04437,-0.07608,0.00343,-0.00187,-0.0617,0.0278,-0.01573,-0.0579,-0.04536,-0.00545,-0.0412,-0.00911,0.01952,-0.04372,0.03911,-0.0546,-0.08739,-0.01942,-0.03407,-0.03995,-0.04313,0.05439,0.07646,-0.00838,0.01777,-0.01569,-0.03182,0.07492,-0.01053,0.00907,0,0.03274,0.03569,-0.06969,0.0802,0.1037,-0.02112,0.04482,-0.0899,-0.02593,0.01501,0.04773,0.05273,-0.05421,0.04802,-0.0489,-0.12529,-0.03792,-0.03228,0.04445,0.01045,0.06749,-0.06934,-0.02545,0.03769,0.08931,0.06808,-0.01658,0.03234,-0.02453,0.01049,0.04012,0.0224,-0.00342,-0.00419,-0.03409,0.03514,-0.03489,-0.04078,-0.00876,-0.04419,-0.00996,-0.08835,-0.10619,-0.00372,0.00987,-0.02435,-0.02105,-0.03924,0.13096,0.00195,-0.00396,0.00953,0.01955,0.04801,0.07789,-0.03853,-0.07447,0.05704,0.00258,0.05329,0.07379,0.06426,-0.03861,-0.08048,0.01063,0.05042,-0.03601,0.00003,0.07687,-0.07243,-0.07954,0.04926,0.0577,0.00662,0.03095,0.01169,0.00376,0.02805,0.06863,-0.02532,-0.05578,-0.06118,0.04334,0.10242,0.1137,-0.07142,0.02199,-0.01307,-0.0826,-0.0094,0.14373,0.04223,0.00279,-0.03392,0.08586,0,-0.01704,0.03969,-0.04583,0.09994,0.05218,-0.06643,-0.00522,0.0334,0.07725,0.02311,0.01888,0.05497,0.01024,-0.02169,-0.01556,-0.02355,-0.05231,-0.13738,0.06482,-0.05012,0.04038,0.01153,0.00699,-0.09082,-0.08267,0.00478,0.00356,-0.01048,-0.00725,-0.02354,-0.00435,-0.01677,-0.03529,-0.0028,-0.01289,-0.0424,0.0228,0.09041,0.02611,-0.09218,0.04574,-0.03879,-0.03079,-0.03249,-0.06845,0.00009,-0.07209,0.00215,-0.02238,0.00565,-0.02929,0.04168,-0.04657,-0.06471,-0.05307,-0.01558,0.09416,0.0075,0.01358,0.02249,-0.02669,0.00065,0.04135,0.01815,0.03286,0.01777,-0.05005,-0.01602,0.03365,0.07527,-0.00919,0.03703,-0.00805,0.01778,0.11885,0.03027,0.09703,-0.03902,0.05651,0.02919,0.04578,0.13484,-0.02909,0.04134,0.05555,0.04794,-0.08528,-0.06822,0.03267,0.06819,-0.09139,0.01367,0.01777,-0.01076,-0.01653,0,-0.15217,-0.00174,-0.0435,-0.03068,0.04242,0.0442,-0.0358,0.02334,0.04384,-0.01021,-0.01652,0.06627,0.00483,-0.0076,0.06518,0.0001,-0.00277,-0.00322,0.00238,-0.03718,0.01184,0.02844,0.02507,0.07716,0.02756,0.00043,0.00733,-0.00291,-0.0188,0.0049,-0.02367,0.06004,0.05841,0.06467,-0.04309,0.00195,-0.05158,0.00532,-0.08983,-0.01882,0.05459,0.0296,0.01241,-0.0585,-0.08425,0.07007,-0.02664,-0.0404,-0.01372,-0.00442,-0.04074,0.03038,-0.04516,0.04434,0.01215,0.04117,-0.05682,-0.02212,0.04882,-0.00962,-0.14484,0.07374,0.03959,0.01606],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Next steps This page is an overview. Use these guides for exact contracts: - Flow - Canvas - Node - Connection - Drag and Drop","excerpt":"Next steps This page is an overview. Use these guides for exact contracts: - Flow - Canvas - Node - Connection - Drag and Drop"},{"chunkId":"/docs/intro#7","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.08673,0.05078,-0.08849,0.04598,0.00529,0.05198,-0.05246,0.06677,0.01204,0.05771,-0.12083,-0.02295,-0.07634,-0.02061,0.01995,0.00602,-0.03787,-0.00281,0.01273,0.01117,-0.06288,-0.0367,0.02346,-0.05475,-0.02398,0.06125,0.04301,-0.00887,0.02537,-0.05604,0.0347,0.09334,0.00911,0.00829,-0.13475,0.08608,0.05196,-0.0237,-0.05548,-0.04165,0.05756,0.03674,0.00986,-0.05168,-0.03436,-0.0158,-0.07892,-0.00359,-0.06143,0.07176,-0.04395,-0.11222,-0.05728,0.09687,-0.00264,0.02668,0.00257,-0.08736,0.03116,0.04989,0.03935,-0.02126,0.03189,0.04167,0.06686,0.02359,-0.08299,0.0202,-0.00793,-0.08199,-0.00351,-0.02877,0.01361,-0.03074,-0.00955,-0.03414,-0.04502,0.04577,-0.03333,-0.04018,0.03774,0.08882,0.00083,0.07533,-0.03398,0.12412,0.01214,-0.04153,-0.01108,-0.00931,-0.00309,0.06115,-0.00097,-0.01778,0.07566,0.04261,-0.00125,-0.05581,-0.09527,-0.00077,0.00027,-0.0346,0.06332,0.00099,-0.03656,-0.04484,-0.00592,0.01064,-0.02475,-0.03007,-0.00769,0.04305,-0.04976,-0.06699,-0.0295,-0.04591,-0.03952,-0.06249,0.06053,0.09723,0.01637,0.01812,-0.01487,-0.02368,0.08856,0.01715,-0.00982,0,0.02785,0.04571,-0.05515,0.06459,0.10697,-0.01933,0.02078,-0.11353,-0.01475,0.01045,0.00338,0.01458,-0.07118,0.00336,-0.02057,-0.11588,-0.04175,0.02815,-0.00459,-0.0039,0.05478,-0.0739,-0.02606,-0.00197,0.09072,0.09456,-0.02454,0.03771,-0.06689,0.00083,0.04479,-0.00233,0.02321,-0.00871,-0.04492,0.00167,-0.0326,-0.08211,-0.02875,-0.04427,-0.03675,-0.0276,-0.07584,0.02552,0.00991,-0.00552,-0.02609,-0.02576,0.11632,0.01645,-0.01958,0.04326,0.02148,0.01709,0.07182,-0.07113,-0.06103,0.06619,0.01333,0.04518,0.05154,0.07569,-0.07459,-0.05801,0.00232,0.06103,-0.00189,-0.0251,0.08975,-0.06244,-0.0686,0.0433,0.04304,0.03302,0.04218,0.00904,0.00401,0.00893,0.06053,-0.02241,-0.03553,-0.03824,-0.0168,0.10349,0.13218,-0.05878,0.01864,-0.02713,-0.08308,-0.00131,0.14387,0.05707,0.02033,-0.04988,0.04573,0,-0.0244,0.00922,-0.06999,0.07141,0.02329,-0.07611,-0.00057,0.01994,0.07765,0.00806,0.04518,0.08491,-0.01053,-0.05073,0.00673,-0.00801,-0.04407,-0.11879,0.10968,-0.05681,0.07632,0.0259,-0.02134,-0.0639,-0.06868,0.02898,-0.00114,-0.0463,-0.00263,-0.04467,0.01178,-0.01549,-0.03754,-0.01305,-0.01445,-0.05201,-0.0115,0.07704,0.02346,-0.0388,0.02653,0.00229,-0.02391,0.00014,-0.0877,-0.0245,-0.08195,-0.00357,-0.02636,0.00114,-0.05373,0.03277,-0.03515,-0.07383,-0.05723,-0.01905,0.08606,0.02157,-0.00283,0.01797,-0.00834,-0.01965,0.03531,0.01514,0.03295,0.03132,-0.0606,-0.00023,0.03374,0.08541,0.04091,0.0142,-0.01161,0.01564,0.10917,0.01365,0.09847,-0.03592,0.08488,0.05058,0.00153,0.15577,-0.01987,0.01901,0.07302,0.01667,-0.0433,-0.02589,0.03479,0.06233,-0.08334,0.02695,0.01287,-0.00542,-0.0108,0,-0.1711,0.01063,-0.05658,-0.02877,0.05748,0.00295,-0.07935,0.03032,0.03689,-0.03039,-0.01245,0.0859,-0.00183,-0.03148,0.09711,-0.00551,-0.03577,0.00859,-0.04092,-0.02525,0.00316,0.05469,-0.01773,0.05861,-0.00284,-0.00655,0.03297,-0.00682,-0.01944,0.01719,-0.02541,0.05261,0.06986,0.08532,-0.03432,0.02352,-0.07818,0.00822,-0.09558,-0.01323,0.05386,-0.0412,0.01278,-0.05092,-0.08211,0.06663,-0.04598,-0.0188,-0.02985,-0.01192,-0.04857,-0.00898,-0.05872,0.03543,0.02674,0.0167,-0.02547,-0.00902,0.05518,0.00344,-0.08276,0.10696,0.05526,0.00856],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Notes / Pitfalls - Use stable ids for nodes and connectors to keep connections predictable (fNodeId, fInputId, fOutputId). - Style primitives explicitly for production UI - defaults are intentionally minimal. - Add advanced helpers (selection area, minimap, alignment/spacing) after base rendering is stable. f Node Id f Input Id f Output Id","excerpt":"Notes / Pitfalls - Use stable ids for nodes and connectors to keep connections predictable (fNodeId, fInputId, fOutputId). - Style primitives explicitly for production UI - defaults are intentionally minimal. - Add advanced helpers (selection area, minimap, alignment/spacing) after base rendering is stable."},{"chunkId":"/docs/intro#8","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.08612,0.06575,-0.08594,0.04464,0.03342,0.09478,-0.03808,0.06217,-0.0305,0.06381,-0.07894,-0.02001,-0.04526,-0.02724,0.02623,0.00604,-0.08611,0.03612,-0.00634,-0.02094,-0.00931,-0.04138,0.02793,-0.02648,-0.02796,0.04153,-0.01095,0.00807,0.04991,-0.01961,0.07852,0.10176,0.01319,0.03764,-0.06084,0.08975,0.01764,0.00886,-0.06546,-0.03047,0.10499,0.0477,0.00611,-0.11199,-0.01973,-0.02984,-0.07827,0.01323,-0.06979,0.03259,-0.05547,-0.1425,-0.03861,0.08192,0.02776,0.01967,-0.01039,-0.11903,0.05876,-0.01209,0.02065,-0.05585,0.00511,0.00696,0.06984,0.02826,-0.12003,0.04289,-0.02164,0.00752,0.00108,-0.04263,0.00247,0.00585,0.0075,-0.04138,-0.06021,0.08238,-0.05569,-0.05112,-0.0189,0.01845,-0.00232,0.04205,-0.04674,0.14399,0.00755,-0.05175,-0.00096,-0.00427,-0.01887,0.06278,-0.06124,-0.03358,0.0647,0.04648,-0.04374,-0.01396,-0.06545,0.03522,0.02297,-0.07187,0.02397,0.02455,-0.00902,-0.0233,-0.02967,0.02471,-0.04369,0.00064,-0.04677,0.03897,-0.01744,-0.09679,-0.00761,-0.05987,-0.01084,-0.0497,0.05319,0.08405,0.05768,-0.01015,-0.06015,-0.01931,0.08814,0.02329,0.00228,0,0.02457,0.03182,-0.04024,0.06336,0.09672,-0.0345,0.01678,-0.0848,-0.03281,0.03766,-0.01029,0.03709,-0.05228,-0.02136,-0.06292,-0.14083,-0.03118,0.00217,-0.00221,-0.02323,0.04887,-0.05915,-0.05308,0.01636,0.0696,0.01271,-0.03129,0.01692,-0.05813,-0.00017,0.08261,0.04631,0.0712,0.00581,-0.0093,0.00344,0.01315,-0.03885,-0.04698,-0.04585,0.03296,-0.04927,-0.04484,0.043,-0.01598,-0.03397,-0.01643,-0.04346,0.11934,-0.01303,0.01677,0.06895,-0.00166,-0.01572,0.09797,-0.0061,-0.04507,0.04713,0.00849,0.04802,0.03797,0.08384,-0.00314,-0.06421,0.03773,0.03662,-0.00851,-0.01425,0.0631,-0.09493,-0.06537,0.09417,0.03028,0.01058,0.02943,0.00945,0.00451,0.02378,0.06189,-0.04048,-0.05651,-0.06985,-0.02951,0.09864,0.11517,-0.10629,0.01791,-0.03951,-0.07072,-0.07936,0.13084,0.0104,-0.04738,-0.07935,0.02793,0,0.01513,0.04246,-0.04179,0.11248,0.01822,-0.04927,0.02383,0.06705,0.06257,0.05786,-0.00085,0.05528,0.00029,-0.06077,0.01313,-0.02655,-0.04769,-0.10391,0.10018,-0.05758,0.05654,0.09909,-0.03093,-0.02467,-0.05984,0.012,0.01051,0.03665,-0.00864,-0.05709,-0.00867,-0.0449,-0.08552,0.01317,0.00367,-0.07034,-0.01803,0.11468,0.02696,-0.04477,0.06725,0.0261,-0.05477,-0.01744,-0.05586,-0.01792,0.00369,0.00945,-0.01982,-0.02387,-0.03918,-0.01118,-0.04477,0.00087,-0.03134,-0.01608,0.09582,-0.02099,-0.02258,0.00761,0.0233,-0.03823,0.00409,-0.00338,0.0629,0.01781,-0.08582,-0.03946,0.01944,0.04745,-0.029,0.02024,0.02346,-0.00752,0.07448,0.02496,0.06742,0.01919,0.06593,0.055,-0.06864,0.13474,-0.01175,0.07448,0.0841,0.0272,-0.10853,0.00401,0.05429,0.0299,-0.07205,0.00265,0.00968,0.01899,0.02608,0,-0.15793,-0.00166,-0.04094,-0.00956,0.0483,-0.01898,-0.00416,-0.01306,0.00204,-0.04233,-0.01755,0.05193,0.0394,-0.04158,0.06448,-0.03447,-0.02964,0.01783,-0.04323,0.00437,-0.01545,0.03363,0.01763,0.09974,0.00649,-0.01393,-0.02499,-0.00278,0.00288,0.00022,-0.00714,0.01746,0.06061,0.07266,-0.06127,0.00497,-0.10184,0.00979,-0.04469,0.00601,0.04244,-0.06572,0.00756,-0.0215,-0.05755,0.09223,-0.04347,-0.00402,0.0013,-0.00611,-0.05303,0.02923,-0.07191,0.05936,0.05122,-0.01259,0.00313,0.01481,0.02292,-0.00689,-0.05172,0.08854,-0.00059,0.01535],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::","excerpt":"Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::"},{"chunkId":"/docs/intro#9","slug":"intro","route":"/docs/intro","section":"docs","title":"Foblex Flow Docs — Getting Started with Angular Node Editors","description":"Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns.","group":"Introduction","vector":[-0.10737,0.00497,-0.07321,0.05004,0.02458,0.04672,-0.01582,0.05828,-0.00411,0.06441,-0.10698,-0.00513,-0.08413,-0.00243,0.05243,0.014,-0.06803,0.0252,0.01964,-0.00611,-0.06545,-0.05469,0.01886,-0.05033,0.0077,0.05722,0.02348,-0.03222,0.03595,-0.05411,0.04844,0.0732,0.0172,0.02593,-0.14553,0.09853,0.06143,-0.03756,-0.07177,-0.04141,0.04478,0.04423,0.02677,-0.07238,-0.03397,-0.01286,-0.04798,0.00666,-0.04864,0.0611,-0.07046,-0.15446,-0.05889,0.06643,-0.00198,0.0065,0.01823,-0.06548,0.01957,0.01976,0.02053,-0.02552,-0.00286,0.03003,0.03611,0.01926,-0.09549,0.07285,-0.00407,-0.08436,-0.02372,-0.05237,0.01898,-0.00029,-0.01558,-0.05391,-0.02828,0.04884,-0.01618,-0.01194,0.02535,0.05273,-0.00426,0.07881,-0.05791,0.12057,0.02444,-0.04097,-0.03137,-0.0256,0.01662,0.08609,0.00246,-0.03532,0.05949,0.02274,-0.01151,-0.05685,-0.08079,0.0119,0.01513,-0.05632,0.05746,-0.0091,-0.05605,-0.0389,-0.00534,-0.00827,-0.01255,0.01095,-0.02274,0.03723,-0.05186,-0.10136,-0.02093,-0.04749,-0.04079,-0.0376,0.05796,0.06581,0.00273,0.01554,-0.00553,-0.03561,0.07848,0.00022,-0.01825,0,0.02884,0.05053,-0.05829,0.06,0.10866,-0.03999,0.03825,-0.10004,-0.02727,-0.01259,0.03246,0.0398,-0.06668,0.04999,-0.03643,-0.13933,-0.04853,-0.00875,0.02042,-0.00718,0.07062,-0.08532,-0.02863,0.03237,0.09128,0.07539,-0.00539,0.02616,-0.03948,0.00584,0.04247,0.01939,0.00501,-0.00058,-0.04624,0.01362,-0.05634,-0.07368,0.00536,-0.05059,0.00619,-0.08333,-0.10509,-0.00302,0.02453,-0.00966,-0.0184,-0.04744,0.12502,-0.007,0.00885,0.01989,-0.00825,0.04239,0.07753,-0.03157,-0.05756,0.06868,0.04459,0.04635,0.07282,0.08162,-0.02751,-0.08387,0.02155,0.04892,-0.00476,0.01541,0.07472,-0.06735,-0.05876,0.04536,0.03957,-0.00813,0.02813,0.0058,-0.00202,0.00899,0.07189,-0.02562,-0.05527,-0.06437,0.02785,0.07543,0.12482,-0.05693,0.02243,-0.02163,-0.09889,-0.02784,0.1332,0.0257,0.00619,-0.04335,0.05492,0,-0.02726,0.02141,-0.05395,0.0915,0.05411,-0.06776,-0.0079,0.03746,0.0669,0.01888,0.00758,0.07063,0.01234,-0.00952,-0.00141,-0.0223,-0.02557,-0.11591,0.05511,-0.06097,0.04194,0.02552,-0.00277,-0.05385,-0.08594,0.00541,0.02302,-0.01646,-0.00167,-0.04462,0.01107,-0.02134,-0.03203,-0.01674,-0.00645,-0.04519,0.01907,0.08058,0.00358,-0.07171,0.031,-0.01817,-0.02788,-0.03394,-0.08391,0.00165,-0.06622,0.02189,-0.02878,0.01027,-0.02677,0.02755,-0.04684,-0.06557,-0.05047,-0.01137,0.10415,0.01875,-0.00394,0.03104,-0.05499,-0.01989,0.02364,0.01444,0.05129,0.01638,-0.06581,-0.01186,0.02005,0.07313,0.02076,0.06465,-0.0118,-0.0038,0.09493,0.03527,0.10438,0.00428,0.06463,0.02528,0.02203,0.13122,-0.01482,0.04946,0.0597,0.02757,-0.08852,-0.05574,0.03333,0.05756,-0.10068,0.02058,0.04176,0.00738,0.00547,0,-0.1359,0.0113,-0.03593,-0.02046,0.05681,0.04188,-0.05407,0.03144,0.02112,-0.00887,-0.01218,0.07356,-0.02131,0.01345,0.06692,-0.01654,-0.01495,0.02563,-0.00048,-0.04423,0.04263,0.04178,0.01953,0.09275,0.01422,0.00841,-0.00008,-0.01031,0.00275,-0.01612,-0.02532,0.0631,0.05649,0.05782,-0.02561,0.00619,-0.07634,0.00421,-0.10699,-0.03089,0.07531,-0.00095,0.0329,-0.04726,-0.10117,0.09365,-0.05154,-0.05344,-0.02819,-0.01726,-0.04639,0.0174,-0.05991,0.0664,0.02132,0.05326,-0.05939,-0.01509,0.06464,0.00201,-0.08701,0.08636,0.03165,0.02321],"keywords":"Foblex Flow Docs — Getting Started with Angular Node Editors Foblex Flow Docs — Getting Started with Angular Node Editors Learn how to build interactive node-based UIs in Angular with Foblex Flow. Custom nodes, drag-to-connect, minimap, undo/redo, and production-grade patterns. Support Foblex Flow If this page helped you build something (or saved you from writing drag+drop and SVG connection logic from scratch), please ⭐ the repo on GitHub — it directly helps the project grow. Git Hub","excerpt":"Support Foblex Flow If this page helped you build something (or saved you from writing drag+drop and SVG connection logic from scratch), please ⭐ the repo on GitHub — it directly helps the project grow."},{"chunkId":"/docs/get-started#0","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.03566,-0.03512,-0.085,0.02394,-0.02499,0.02549,-0.10285,0.02963,0.0235,0.0617,-0.06827,-0.02167,-0.04566,0.03016,0.05745,-0.00921,-0.02101,-0.0446,0.05176,-0.05143,-0.03926,-0.08353,-0.00601,-0.07683,0.02926,0.04937,0.00665,0.0669,0.04923,-0.05798,0.05367,-0.00794,-0.03245,0.01524,-0.09969,0.08314,0.03434,0.00276,-0.05056,-0.00344,0.10351,0.04007,-0.00802,-0.07659,-0.02884,-0.04761,-0.09658,0.09526,0.01345,0.07939,-0.07284,-0.16948,-0.00695,0.03121,0.01043,0.02066,-0.00231,-0.09298,-0.01785,-0.024,0.03204,-0.01904,0.01383,0.03238,0.03778,-0.00606,-0.0485,0.07885,0.02082,-0.03898,0.02806,-0.05907,-0.01114,-0.06616,-0.02583,-0.02947,-0.01734,0.06508,0.00025,-0.02297,0.06261,0.0363,-0.0416,0.0821,-0.1688,0.06675,0.02963,-0.03494,-0.0497,-0.09058,0.01309,0.0976,0.01053,-0.00822,0.06205,0.05945,-0.02079,-0.02512,-0.03757,0.05453,-0.00254,-0.11749,0.08039,-0.00678,-0.06236,-0.02621,-0.00649,0.01653,-0.0131,-0.00492,0.00181,0.04405,-0.02418,-0.02625,-0.04722,0.00807,-0.05452,0.01339,0.03243,0.08862,0.00807,-0.00319,0.05192,-0.03264,0.13459,-0.06408,-0.01341,0,0.05307,0.061,-0.03039,0.07255,0.08187,0.00353,0.00557,-0.09478,-0.05991,0.0084,0.02814,0.05103,-0.04203,0.04044,-0.07359,-0.13869,0.00247,-0.01513,0.01842,-0.02825,0.00529,-0.04458,-0.0456,0.0533,0.05918,0.04697,-0.02372,0.04102,-0.04043,-0.00471,0.0894,0.0359,-0.05935,0.01085,-0.03186,-0.00829,-0.01637,-0.03905,0.00407,-0.01307,0.04961,-0.0796,-0.07622,-0.02273,-0.0413,-0.00046,-0.05817,-0.01746,0.0957,0.03625,0.01169,0.02481,0.00034,0.01317,0.05535,-0.02548,-0.03944,0.0293,0.05776,0.0008,0.02047,0.04513,-0.07598,-0.03023,0.00871,0.01433,-0.05806,-0.03882,0.13353,-0.04569,-0.09183,0.00505,0.05137,0.01082,0.03863,0.02667,-0.02852,0.06581,0.02696,0.04532,-0.06817,-0.08572,-0.03085,0.04113,0.06111,-0.06108,0.00635,0.02051,-0.06082,0.03855,0.05222,0.08341,0.05525,0.01853,0.09511,0,-0.04218,0.04229,0.02747,0.0649,0.0681,-0.05725,0.02015,-0.02434,0.03013,0.09738,0.00901,0.07094,-0.02635,-0.03551,0.00889,-0.02678,0.09246,-0.11673,0.10253,-0.0152,0.06579,0.02092,-0.0495,-0.04743,-0.03013,0.06564,0.07392,-0.04598,-0.02709,0.04276,0.00922,-0.05528,0.01867,-0.02059,-0.04592,-0.00987,0.03083,0.03219,0.01747,-0.07135,-0.00431,-0.02078,-0.07726,-0.04036,-0.02399,-0.02632,-0.04076,-0.01272,-0.08839,-0.03281,-0.05757,0.08823,-0.03379,-0.05647,-0.00025,-0.04647,0.09244,0.01331,0.02216,-0.01465,-0.00106,-0.04192,-0.01442,-0.0085,-0.01108,0.00656,-0.04414,-0.0426,0.00651,0.08031,-0.09082,0.07985,0.02664,-0.02368,0.15408,0.02625,0.03156,0.00849,0.0531,0.00001,-0.05469,0.09494,-0.0314,0.02211,0.06064,0.02828,-0.04224,-0.03553,0.03839,0.08188,-0.0473,-0.0276,0.03264,0.02567,0.03668,0,-0.0983,0.03904,-0.00123,-0.01164,0.00544,-0.00678,-0.02621,-0.01427,0.06814,0.01592,-0.03413,0.09446,0.01584,0.02205,0.09648,0.05899,-0.00749,-0.03114,-0.02842,-0.02313,0.0276,-0.00215,0.03275,0.10078,-0.00117,0.00237,0.00996,-0.02682,-0.06805,0.01036,-0.0434,0.03133,0.01585,0.06882,-0.0031,-0.07681,-0.12088,0.02748,-0.01572,-0.00511,0.05713,0.04453,0.02057,-0.03733,-0.05081,0.05239,-0.05658,-0.05864,-0.06525,-0.00182,-0.05252,-0.00053,-0.05929,0.04603,0.00111,0.02178,0.00807,0.00351,0.00296,0.00879,-0.06665,0.07003,0.01858,-0.07357],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Installing and Rendering Your First Flow Build your first interactive diagram in Angular: install Foblex Flow, render two draggable nodes, and connect them with a live connection. This is the default starting path for most Angular teams. You do not need caching or virtualization on day one. Prefer trying without a local setup? Open the minimal starter on StackBlitz — a running editor with two nodes and connection creation. Stack Blitz","excerpt":"Installing and Rendering Your First Flow Build your first interactive diagram in Angular: install Foblex Flow, render two draggable nodes, and connect them with a live connection. This is the default starting path for most Angular teams. You do not need caching or virtualization on day one. Prefer trying without a local setup? Open the minimal starter on StackBlitz — a running editor with two nodes and connection creation."},{"chunkId":"/docs/get-started#1","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.0646,-0.02516,-0.07696,-0.02416,-0.01886,0.05715,-0.06759,0.05397,-0.0181,0.05559,-0.10853,-0.02523,-0.05727,-0.00527,0.08242,0.01154,-0.04305,0.01731,0.04795,0.00748,-0.06169,-0.0455,-0.00631,-0.09622,0.04032,0.0716,0.02947,0.01843,0.07061,-0.04537,0.10576,0.04236,-0.01352,0.04489,-0.09596,0.06432,-0.00634,-0.0288,-0.04731,-0.02673,0.1109,0.09885,-0.01386,-0.09605,-0.00917,-0.05274,-0.04095,0.06895,0.01656,0.03739,-0.03656,-0.14496,-0.05729,0.04795,-0.0277,0.01489,0.00512,-0.05696,-0.00861,0.03315,0.04738,-0.05306,0.02828,0.0343,0.06017,0.02997,-0.09827,0.04309,0.02346,-0.04279,0.00174,-0.05112,0.03219,-0.05272,-0.03355,-0.05378,-0.00555,0.08668,-0.02968,-0.01545,0.04404,0.05216,0.01823,0.06822,-0.09106,0.0606,0.00046,-0.04472,-0.05895,-0.04384,0.02088,0.06615,-0.04023,-0.00386,0.06202,0.03767,-0.03107,-0.02852,-0.04782,0.0252,-0.02885,-0.11246,0.08855,-0.00119,-0.04488,-0.02876,-0.03569,0.04379,-0.03485,-0.04194,-0.00865,0.05145,-0.01581,-0.043,-0.04099,-0.04836,-0.01918,-0.04537,0.03107,0.1128,-0.02266,-0.00592,0.04622,-0.0392,0.0745,-0.03885,-0.01295,0,0.02495,0.06423,-0.02746,0.06968,0.08504,0.0013,0.00532,-0.10158,-0.02916,0.0145,0.02029,0.03597,-0.07334,0.02016,-0.09198,-0.11293,-0.01609,-0.02993,0.01816,0.01696,0.0327,-0.09119,-0.03906,0.0257,0.0278,0.04242,-0.00557,0.03541,-0.09862,-0.01457,0.06019,0.01001,-0.01366,-0.00222,-0.03098,-0.03943,0.00776,-0.03884,-0.03879,-0.01267,0.02005,-0.03198,-0.04016,0.00165,-0.02029,0.0336,-0.05209,0.00659,0.1221,0.07265,0.03338,0.03775,-0.01292,0.03998,0.04984,-0.0458,-0.07515,0.03646,0.0606,0.00612,0.0599,0.02687,-0.0889,-0.02748,0.02289,0.03835,-0.01897,-0.00942,0.08059,-0.04224,-0.07391,0.02597,0.04352,0.0081,0.04737,0.06481,0.00701,0.06827,0.04505,0.00963,-0.07734,-0.02754,-0.01024,0.0663,0.09307,-0.04785,0.02035,-0.04228,-0.05141,0.00083,0.08514,0.06945,0.04708,-0.03736,0.06873,0,-0.02161,0.04135,0.01181,0.02812,0.05649,-0.04778,0.01091,0.0186,0.04077,0.09834,0.01528,0.08508,0.0235,-0.03631,-0.04499,0.00748,0.03927,-0.092,0.09612,-0.04669,0.01591,0.04051,-0.02445,-0.09795,-0.05709,0.06581,0.04099,-0.03218,0.00059,0.01997,-0.00002,0.01191,0.00814,-0.00271,-0.04344,-0.02148,0.01592,0.03086,0.02741,-0.09525,0.01599,-0.02172,-0.06949,-0.04721,-0.08825,-0.05071,-0.05452,-0.02815,-0.0794,-0.00923,-0.03814,0.06906,-0.03659,-0.03721,-0.02367,-0.01829,0.11063,0.02702,0.00365,0.0039,-0.00448,-0.04803,0.01669,-0.05049,0.0346,0.01559,-0.06667,-0.01883,0.02608,0.10941,-0.02193,0.07089,0.01749,0.04212,0.11081,0.02921,0.10437,0.02116,0.08413,0.0097,-0.04368,0.11846,-0.06084,0.0247,0.09478,-0.00642,-0.05448,-0.1314,0.07083,0.05378,-0.04844,0.00958,0.01987,-0.01816,0.03617,0,-0.12849,-0.02097,-0.0511,-0.02121,0.00097,0.0176,-0.03283,0.00601,0.04532,-0.04794,-0.05387,0.08358,0.0082,-0.00914,0.07903,0.03743,-0.00897,-0.01243,-0.03705,-0.01144,-0.02359,0.02643,0.03137,0.11787,0.01083,-0.00718,0.04676,-0.04428,-0.02175,0.01471,-0.06907,0.03506,0.02167,0.07153,-0.02652,-0.07341,-0.09851,0.01996,-0.07794,0.00811,0.0171,-0.00266,0.04593,-0.03997,-0.03695,0.03856,-0.05712,-0.0204,-0.02283,0.03072,-0.01181,0.02698,-0.0644,0.02429,0.00731,0.02448,-0.04312,-0.00504,0.01622,0.00825,-0.12018,0.09181,0.0613,-0.0674],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Description This guide is the shortest path from installation to a working flow. You will: - add or update the library in your Angular app, - render a minimal flow (f-flow + f-canvas), - place nodes with explicit positions, - connect them with f-connection, - apply small baseline styles you can reuse.","excerpt":"Description This guide is the shortest path from installation to a working flow. You will: - add or update the library in your Angular app, - render a minimal flow (f-flow + f-canvas), - place nodes with explicit positions, - connect them with f-connection, - apply small baseline styles you can reuse."},{"chunkId":"/docs/get-started#2","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.0441,-0.00513,-0.07058,0.0022,0.01072,0.08081,-0.07175,-0.00004,-0.02965,0.07932,-0.06869,0.0038,-0.09819,-0.04279,0.08668,0.0186,-0.01383,0.00899,0.08915,-0.03769,-0.06071,-0.0345,-0.00136,-0.0613,0.0175,0.08578,0.00386,0.03591,0.06983,-0.03248,0.08387,0.06352,0.03887,0.03529,-0.11879,0.05083,0.03015,0.00127,-0.06332,-0.03902,0.10834,0.05915,0.00434,-0.11131,-0.01394,-0.05262,-0.05501,0.03688,0.00999,-0.02308,0.00677,-0.10047,-0.04719,0.05125,-0.01955,0.01096,-0.00757,-0.02319,0.00358,-0.00251,0.02699,-0.06356,0.04332,0.04329,0.06804,0.04959,-0.07306,0.08547,-0.00437,-0.00564,0.04329,-0.04086,0.00077,-0.03834,-0.07328,-0.03683,0.00234,0.07554,-0.0512,0.01479,0.00607,0.04323,-0.01156,0.07189,-0.07229,0.09608,0.0083,-0.03475,-0.04746,-0.05441,0.00451,0.05969,-0.06473,-0.02984,0.09495,0.0476,-0.05775,-0.03726,-0.05743,-0.00098,-0.01036,-0.12772,0.0654,-0.01443,-0.01554,0.0092,-0.012,0.02191,0.01462,-0.01978,0.03303,0.0284,-0.01516,-0.06374,-0.01,-0.05071,-0.03248,-0.03352,0.02293,0.15151,0.01371,-0.02467,0.03585,-0.03225,0.04376,-0.01548,-0.00107,0,0.01533,0.05174,-0.04843,0.06152,0.0831,0.00434,-0.02194,-0.10588,-0.06121,0.03089,0.02658,-0.0017,-0.07266,0.03994,-0.10214,-0.10349,-0.01204,-0.05704,0.06118,-0.03257,0.00604,-0.05713,-0.05198,0.05201,0.02838,0.02557,-0.00899,0.02105,-0.06194,-0.02332,0.10366,0.00402,-0.00352,0.01318,-0.05834,-0.02197,0.01814,-0.02273,0.0307,-0.05632,0.03768,0.00013,-0.07287,0.02301,0.01601,0.03783,-0.01337,-0.06437,0.16562,0.05077,-0.04377,0.01911,-0.01014,0.06524,0.02919,-0.03858,-0.07044,0.01648,0.06402,-0.03207,0.04987,0.01032,-0.04527,-0.04357,0.05723,-0.0031,0.0187,-0.01731,0.08555,-0.10296,-0.07606,0.02274,0.00809,0.11285,0.03411,0.01734,0.0551,0.0583,0.06357,0.0212,-0.04137,-0.01097,-0.02779,0.07065,0.07573,-0.04487,0.0027,-0.05473,-0.02182,0.00814,0.12796,0.03844,0.01699,-0.01118,0.01953,0,-0.0168,0.03501,-0.01311,0.0349,0.02318,-0.05645,0.00506,-0.03258,0.0988,0.07121,0.07104,0.10655,0.02553,-0.00688,-0.02452,0.01588,-0.00475,-0.02743,0.12009,-0.03923,0.02429,0.0044,-0.01513,-0.09886,-0.05446,0.05658,0.02848,-0.03883,-0.07084,-0.01745,0.05929,0.0371,-0.04752,0.01085,-0.04851,-0.02079,-0.00448,0.06758,0.00495,-0.07906,0.04333,0.02043,-0.04142,-0.05294,-0.07773,-0.04248,0.00396,-0.04906,-0.07851,-0.01,-0.05711,0.04475,-0.00231,-0.02585,-0.01364,-0.02377,0.09697,0.05277,-0.01962,0.04215,0.03378,-0.04148,-0.02026,-0.12295,-0.02377,0.03674,-0.07184,-0.02968,0.03215,0.06739,-0.06055,0.04164,-0.03239,-0.00628,0.04274,0.06192,0.08761,0.02043,0.01815,-0.0076,-0.05941,0.09396,-0.08783,-0.01455,0.04117,-0.00044,-0.0652,-0.09145,0.0621,0.06681,-0.10772,0.03296,0.0165,-0.01108,-0.00949,0,-0.09681,-0.04113,-0.03296,-0.03414,0.08624,0.03289,-0.03401,-0.0411,0.01929,-0.04463,-0.05205,0.06475,-0.01512,-0.00095,0.0694,0.02282,-0.06484,-0.01673,-0.04546,-0.03534,0.00295,0.0412,0.02387,0.07904,0.02433,0.00552,0.07089,-0.04627,-0.05097,0.07455,-0.03268,0.05535,0.00112,0.03757,-0.02185,-0.03296,-0.08499,0.04955,-0.02349,-0.03601,0.02126,-0.00233,0.05204,-0.05271,-0.08619,0.00107,-0.03863,-0.01245,-0.04159,-0.00844,0.00806,0.02978,-0.07376,0.06737,0.03034,0.05703,-0.02989,0.0229,0.04178,-0.04381,-0.09115,0.03183,0.00232,-0.06804],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Install This guide assumes the current 18.x line. If your application is on Angular 12-17.2, start with Angular Version Compatibility and pin the matching Foblex Flow line before you run ng add or npm install. ::: code-group ::: ng add also connects the shipped default theme automatically by adding nodemodules/@foblex/flow/styles/default.scss to application styles when the entry is missing. If you want manual or selective theme setup, continue with Default Theme and Styling.","excerpt":"Install This guide assumes the current 18.x line. If your application is on Angular 12-17.2, start with Angular Version Compatibility and pin the matching Foblex Flow line before you run ng add or npm install. ::: code-group ::: ng add also connects the shipped default theme automatically by adding nodemodules/@foblex/flow/styles/default.scss to application styles when the entry is missing. If you want manual or selective theme setup, continue with Default Theme and Styling."},{"chunkId":"/docs/get-started#3","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.06597,-0.03836,-0.0651,-0.01014,-0.00379,0.04442,-0.08931,0.07317,-0.02665,0.04159,-0.08598,-0.0595,-0.06579,-0.02239,0.04677,0.00709,-0.01711,0.00016,0.04413,-0.01237,-0.07159,-0.05275,-0.02807,-0.07338,0.0117,0.10485,0.04568,0.02965,0.05945,-0.07019,0.09323,0.06724,0.01446,0.02577,-0.09603,0.07986,0.02623,-0.04089,-0.03195,-0.05882,0.10898,0.04538,-0.01158,-0.08393,-0.04262,-0.04981,-0.03252,0.03344,-0.01005,0.00979,-0.00154,-0.12427,-0.04328,0.05211,-0.03233,0.00699,0.00373,-0.07881,-0.00211,0.02252,0.034,-0.03831,0.00307,0.01393,0.0446,0.02555,-0.07873,0.02781,0.03666,-0.02777,-0.02643,-0.04183,-0.00265,-0.00108,-0.04494,-0.05583,0.02681,0.05321,-0.01088,-0.01025,0.03289,0.0981,0.00958,0.08064,-0.08774,0.06962,0.02492,-0.02071,-0.03587,-0.05237,0.02452,0.05772,-0.03693,-0.02165,0.11476,0.07373,-0.0659,-0.03883,-0.03003,0.03966,-0.01363,-0.09488,0.10041,-0.00924,-0.04876,-0.02808,-0.00424,0.01257,-0.01322,-0.04568,0.00938,0.03134,-0.01798,-0.04117,-0.01186,-0.05817,-0.01684,-0.02897,-0.00796,0.10837,-0.03156,-0.00352,0.06188,-0.0622,0.07467,-0.00928,-0.00643,0,0.00895,0.08363,-0.05289,0.09089,0.04762,0.02141,0.01627,-0.07553,-0.00097,0.01499,0.04267,0.03107,-0.07374,0.00252,-0.06307,-0.13025,-0.0488,-0.02377,0.02884,0.0147,0.03299,-0.08187,-0.05054,0.02375,0.07369,0.01104,-0.00157,0.01135,-0.11287,-0.01567,0.0577,0.00851,-0.03086,0.01564,-0.01429,-0.00619,-0.00798,-0.05289,-0.01817,-0.03683,0.0043,-0.03029,-0.06798,-0.00518,0.00999,0.01946,-0.06764,-0.00792,0.1598,0.01509,0.03786,0.01558,0.00697,0.05649,0.04268,-0.02376,-0.07108,0.04778,0.08266,0.03609,0.01776,0.00259,-0.12859,-0.01085,0.00849,0.0264,-0.02736,-0.04188,0.105,-0.05847,-0.07126,-0.00143,0.03875,0.05662,0.04883,0.04657,0.02024,0.08285,0.0474,0.01893,-0.04778,0.00875,0.01973,0.06649,0.0995,-0.07127,0.01363,-0.04142,-0.06461,0.03907,0.09041,0.07275,0.04096,0.00541,0.07293,0,-0.01443,0.0305,0.00681,0.03252,0.02215,-0.04459,0.01401,0.00552,0.03397,0.06645,0.03388,0.09279,0.04264,-0.04152,-0.04904,-0.00298,0.00364,-0.11327,0.13616,-0.03949,0.06239,0.05454,-0.05184,-0.10226,-0.03722,0.06192,0.00933,-0.03582,-0.00223,0.01824,0.01819,0.02241,0.02219,0.0017,-0.04778,-0.00811,-0.01108,0.04735,0.03637,-0.07908,0.0059,-0.00427,-0.06769,-0.05799,-0.08739,-0.07353,-0.02737,-0.01681,-0.0672,-0.03112,-0.06896,0.07566,-0.04144,-0.03142,-0.02622,0.00178,0.12463,0.02107,0.00261,0.00172,-0.00156,-0.02399,0.04241,-0.02829,0.01479,0.00159,-0.0422,-0.01097,0.00198,0.09612,-0.05969,0.03992,-0.0091,0.00068,0.09947,0.03274,0.08067,-0.00339,0.09147,0.01031,-0.03661,0.11413,-0.06702,-0.01173,0.06159,0.01008,-0.02694,-0.12444,0.06547,0.06247,-0.07055,-0.02305,0.02403,-0.01378,0.01912,0,-0.10958,-0.03017,-0.0392,-0.01152,0.02821,0.00883,-0.03951,0.01562,0.04147,-0.03468,-0.04439,0.07027,-0.01847,-0.00015,0.10628,0.02862,-0.01127,-0.00368,-0.04713,-0.03283,-0.01742,0.0494,0.04042,0.08804,0.00274,-0.00568,0.09213,-0.03042,-0.02195,0.02175,-0.04736,0.06894,0.01722,0.04921,-0.03366,-0.00464,-0.08145,0.03692,-0.04084,0.00944,0.02892,0.01178,0.01308,-0.0581,-0.07046,0.0456,-0.08323,0.0014,-0.02983,-0.0305,-0.0048,0.02945,-0.06847,0.03835,-0.00777,0.04794,-0.04925,-0.00444,0.03363,-0.01043,-0.10716,0.08243,0.06568,-0.06216],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Why / when to use this Start here if you are: - evaluating Foblex Flow in an existing Angular application, - bootstrapping a workflow / node editor screen, - building internal tools with draggable, connected nodes, - creating the base layout before adding selection, minimap, alignment, and spacing helpers. - validating whether Foblex Flow fits your Angular stack before adding optional advanced modules.","excerpt":"Why / when to use this Start here if you are: - evaluating Foblex Flow in an existing Angular application, - bootstrapping a workflow / node editor screen, - building internal tools with draggable, connected nodes, - creating the base layout before adding selection, minimap, alignment, and spacing helpers. - validating whether Foblex Flow fits your Angular stack before adding optional advanced modules."},{"chunkId":"/docs/get-started#4","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.02146,-0.01398,-0.07451,0.00206,-0.01259,0.02556,-0.02602,0.0542,0.00021,-0.04948,-0.08178,-0.04534,-0.00271,-0.00563,-0.02957,-0.03932,-0.07511,0.00896,0.07054,0.0022,0.01114,-0.13522,-0.01323,-0.09629,-0.03275,0.08155,0.0157,0.01572,0.01863,-0.0749,0.0624,0.0051,-0.01636,0.05558,-0.05415,0.00603,0.02418,-0.05836,-0.11365,-0.03884,0.05972,0.0178,0.04287,-0.03032,0.01407,-0.01792,-0.06898,0.02569,0.01915,0.05486,-0.04035,-0.10053,0.01844,0.0867,0.00856,0.06423,0.02707,-0.09543,-0.00658,0.04165,0.00998,-0.0113,0.029,0.01825,0.0312,0.0387,-0.04637,0.03614,0.03971,-0.03428,-0.00002,0.00269,0.01055,-0.08158,0.00574,-0.07114,-0.02871,0.07066,-0.06431,-0.03336,0.0623,0.03016,-0.01727,0.02867,-0.06007,0.08577,-0.03917,-0.00603,-0.06614,0.02244,-0.04271,0.07976,-0.10178,-0.0325,0.03775,0.00628,0.02939,-0.06918,-0.01985,0.035,-0.04132,-0.04568,0.06835,-0.00821,0.01675,-0.001,-0.04002,0.02715,-0.02928,-0.04196,-0.04712,0.02438,0.01167,0.04947,-0.00421,-0.01935,0.03037,-0.0303,0.06849,0.07058,0.04185,0.05248,-0.04688,0.00328,0.06873,-0.0692,-0.06188,0,0.05374,-0.0057,-0.01029,0.07257,0.06277,0.04367,0.04043,-0.06105,-0.05267,0.01455,-0.03439,-0.03061,-0.05624,0.01362,-0.08202,-0.1418,-0.01339,0.0178,-0.00306,-0.01402,0.03238,-0.07239,-0.04426,-0.04362,0.06153,0.08329,-0.11182,0.09374,-0.03219,-0.00733,0.00161,-0.02174,-0.01064,-0.00568,-0.05836,-0.06274,0.02388,-0.04487,-0.01588,-0.01613,-0.01211,-0.0343,0.02439,-0.02161,-0.04079,-0.00051,-0.1177,0.0242,0.0409,0.0211,0.01254,0.0374,0.01094,-0.04571,0.02263,-0.1029,-0.07035,0.05424,0.01665,0.09049,0.03389,0.12919,-0.12894,-0.01364,-0.00023,0.07172,-0.00056,0.00789,0.06469,-0.03588,-0.12348,0.06293,0.06944,-0.03808,0.04933,0.06512,-0.05241,-0.06786,-0.00079,0.00304,-0.0518,-0.04447,0.03891,0.03347,0.10762,-0.02066,0.03442,-0.03653,-0.03728,-0.02003,0.04227,0.02888,0.0812,-0.08378,0.08173,0,-0.01039,0.05719,0.04255,0.04644,0.0698,-0.01359,0.06116,-0.03455,0.04482,0.05149,-0.02575,0.06708,-0.01641,-0.05172,0.0102,0.05127,-0.027,-0.07674,0.06083,-0.015,0.01445,0.04263,-0.04227,-0.03398,-0.0468,0.01043,0.07742,0.01772,-0.03137,0.02742,-0.008,-0.02489,0.00513,0.0123,0.05889,-0.04579,-0.00284,0.09195,0.08244,-0.00489,0.03916,-0.02541,-0.06413,-0.00423,-0.0665,0.04042,-0.07024,0.01398,-0.08225,-0.0194,-0.10739,0.05007,-0.08299,-0.03018,0.00852,-0.02746,0.11109,0.06915,0.00191,0.00234,0.01679,-0.08223,-0.00386,-0.01588,0.09553,-0.02467,-0.04646,0.00566,-0.00035,0.09035,0.06015,0.07659,0.06634,0.01995,0.13792,-0.01538,0.0332,0.01402,0.07482,0.06302,-0.01534,0.13759,0.00206,0.02203,0.08564,0.03925,-0.02141,-0.023,0.05928,0.0154,-0.03326,0.06605,0.03855,-0.0285,0.00069,0,-0.07663,-0.05929,-0.05649,0.00214,-0.01499,0.02773,-0.01381,0.01029,-0.01915,-0.08375,-0.01852,0.06527,0.03822,-0.03307,0.05233,0.03614,0.00977,0.01111,-0.02255,-0.01744,0.00246,0.01101,-0.02954,0.1252,-0.02907,-0.05255,-0.01442,-0.02829,-0.00328,-0.00279,-0.02198,-0.00265,-0.0039,0.10425,-0.00997,0.00442,-0.08967,0.02406,-0.10721,0.02057,0.03828,-0.01443,-0.02337,-0.07296,0.02065,0.06186,-0.01209,-0.0625,-0.03388,0.03774,-0.02431,0.01879,0.00784,0.03746,-0.00241,-0.01091,-0.04658,-0.00131,0.02719,0.04772,-0.11279,0.14027,0.10431,-0.01506],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Minimal flow template A minimal interactive flow consists of: 1. f-flow — the root container. 2. fDraggable — enables interaction (drag, pointer handling, editor UX pipeline). 3. f-canvas — the layer where nodes and connections are rendered. 4. Nodes with fNode and explicit positions via fNodePosition. 5. Connectors (fNodeOutput / fNodeInput) + f-connection that joins matching fOutputId and fInputId. `html <f-flow fDraggable <f-canvas <f-connection fOutputId=\"output1\" fInputId=\"input1\"</f-connection f Draggable f Node f Node Position f Node Output f Node Input f Output Id f Input Id","excerpt":"Minimal flow template A minimal interactive flow consists of: 1. f-flow — the root container. 2. fDraggable — enables interaction (drag, pointer handling, editor UX pipeline). 3. f-canvas — the layer where nodes and connections are rendered. 4. Nodes with fNode and explicit positions via fNodePosition. 5. Connectors (fNodeOutput / fNodeInput) + f-connection that joins matching fOutputId and fInputId. `html <f-flow fDraggable <f-canvas <f-connection fOutputId=\"output1\" fInputId=\"input1\"</f-connection"},{"chunkId":"/docs/get-started#5","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[0.01119,-0.00995,-0.09875,-0.00229,0.0202,0.04168,-0.03506,0.0423,-0.01276,-0.05962,-0.06917,-0.02538,-0.05408,-0.0059,0.00877,-0.01547,-0.06834,0.00397,0.07479,0.02096,-0.01024,-0.13369,-0.0038,-0.08624,-0.06706,0.09408,-0.00234,0.05427,0.02602,-0.08103,0.04939,0.07538,-0.02412,0.06693,-0.03345,0.0193,-0.00105,-0.04686,-0.0887,-0.06773,0.06189,0.00462,0.02599,-0.0604,0.00583,0.01875,-0.06656,0.001,0.0425,0.0403,-0.02423,-0.05222,0.01886,0.09516,-0.00327,0.0691,0.01697,-0.06236,0.01002,0.03806,0.00947,-0.02282,0.00387,-0.01461,0.05914,-0.00949,-0.05765,0.03328,0.01352,-0.02058,0.03832,0.01224,0.02535,-0.0864,0.05563,-0.08527,-0.02614,0.09372,-0.04581,-0.03672,0.06644,0.04427,0.01794,0.0654,-0.02745,0.08275,-0.07191,0.01583,-0.08174,0.03579,-0.0694,0.05103,-0.07045,-0.00944,0.0645,0.00154,0.00118,-0.03323,-0.04833,0.01836,-0.05488,-0.07593,0.05381,0.01418,0.0217,0.00238,-0.06334,0.05334,-0.01996,-0.05272,-0.04673,0.02283,0.03339,0.01113,0.009,-0.06185,-0.01593,-0.01606,0.0669,0.0327,-0.00337,0.06162,-0.01562,0.00772,0.07254,-0.08048,-0.04427,0,-0.00325,0.00858,-0.0319,0.07936,0.07158,0.05659,0.05589,-0.00806,-0.04695,0.0474,-0.02758,-0.0253,-0.05718,-0.02814,-0.05991,-0.14413,0.00163,-0.04081,-0.03743,-0.01986,0.08516,-0.07271,-0.01892,-0.02312,0.0244,0.0697,-0.10389,0.06713,-0.0134,0.01673,-0.0135,0.00769,0.04132,-0.00832,-0.04782,-0.10713,0.01272,-0.0355,-0.07466,-0.00713,-0.02975,0.0076,-0.01056,-0.04765,-0.05602,-0.00199,-0.06243,0.05427,0.08769,0.06505,-0.01513,0.04685,-0.01886,-0.04894,0.03148,-0.10813,-0.04714,0.09734,0.01507,0.02301,0.02158,0.11284,-0.08901,-0.01058,0.00774,0.07861,0.0105,-0.02512,0.02725,-0.02459,-0.11756,0.06312,0.0681,-0.03077,0.06215,0.04083,-0.05549,-0.05443,-0.00959,-0.01842,-0.07312,-0.00195,0.01908,0.04573,0.11668,-0.05063,0.02544,-0.0354,-0.0262,-0.01048,0.05536,-0.02208,0.07597,-0.06525,0.04877,0,-0.01846,0.06135,0.00571,0.01946,0.05879,-0.01889,0.05492,-0.02109,0.07597,0.09307,0.00518,0.06947,-0.02054,-0.03863,-0.04306,0.05783,-0.04147,-0.05154,0.04526,-0.03759,-0.02966,0.06744,-0.02986,-0.01438,-0.02121,0.04522,0.07247,0.04102,0.00732,0.04537,-0.03213,0.00314,-0.00816,-0.01389,0.04904,-0.05988,-0.01899,0.06164,0.04556,-0.02299,0.0397,0.00637,-0.08385,-0.00671,-0.0656,0.01532,-0.02585,0.00618,-0.04299,-0.02189,-0.08324,0.01677,-0.07911,-0.01304,0.01654,-0.02315,0.09997,0.0862,0.02912,-0.00522,0.05886,-0.08184,0.01129,-0.03892,0.11155,0.00711,-0.05417,0.03546,0.0734,0.09601,0.04188,0.09551,0.05177,0.02702,0.102,0.01443,0.03225,0.0218,0.08395,0.06837,-0.03992,0.0911,-0.02326,0.04384,0.09523,-0.04167,-0.00961,-0.01143,0.04047,0.01929,0.02168,0.08727,0.05113,-0.00443,0.01844,0,-0.08739,-0.06398,-0.10056,-0.00683,-0.00764,-0.0037,0.02113,-0.00934,-0.05722,-0.0877,-0.00827,0.06935,0.03749,-0.03252,0.06102,0.00953,-0.02912,0.01089,-0.04153,-0.03955,0.00655,-0.01699,-0.00173,0.12148,-0.06426,-0.05866,-0.02468,-0.05052,0.00465,-0.00711,-0.05627,-0.00138,0.02441,0.06986,-0.01992,-0.00042,-0.08579,0.01987,-0.08652,0.01024,0.01968,-0.02923,-0.06789,-0.04461,0.01489,0.0422,0.01162,-0.04065,-0.05624,0.01321,-0.01243,0.02088,0.01461,0.04235,0.0271,-0.0065,-0.05728,-0.01879,0.01119,-0.01678,-0.13066,0.13985,0.11474,-0.0371],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. <div fNode fDragHandle fNodeOutput [fNodePosition]=\"{ x: 32, y: 32 }\" fOutputId=\"output1\" fOutputConnectableSide=\"right\" Node 1 </div <div fNode fDragHandle fNodeInput [fNodePosition]=\"{ x: 240, y: 32 }\" fInputId=\"input1\" fInputConnectableSide=\"left\" Node 2 </div </f-canvas </f-flow The component that hosts this template must import FFlowModule — f-flow, f-canvas, fNode, the connectors, and f-connection` are only reachable through the module: f Node f Drag Handle f Node Output f Node Position f Output Id f Output Connectable Side f Node Input f Input Id f Input Connectable Side F Flow Module","excerpt":"<div fNode fDragHandle fNodeOutput [fNodePosition]=\"{ x: 32, y: 32 }\" fOutputId=\"output1\" fOutputConnectableSide=\"right\" Node 1 </div <div fNode fDragHandle fNodeInput [fNodePosition]=\"{ x: 240, y: 32 }\" fInputId=\"input1\" fInputConnectableSide=\"left\" Node 2 </div </f-canvas </f-flow The component that hosts this template must import FFlowModule — f-flow, f-canvas, fNode, the connectors, and f-connection` are only reachable through the module:"},{"chunkId":"/docs/get-started#6","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.02501,-0.05164,-0.08192,-0.03802,-0.04728,-0.01559,-0.06299,0.05591,-0.05566,-0.03318,-0.03848,-0.10326,-0.01883,-0.06117,0.00499,0.02371,-0.05782,-0.01411,0.1103,0.0056,-0.03961,-0.10823,-0.04994,-0.08243,-0.0133,0.07293,0.03835,0.04485,0.01285,-0.05768,0.09804,0.04853,-0.01494,0.05627,0.02103,0.01481,0.05556,-0.07837,-0.07239,-0.01828,0.12288,0.06518,0.02607,-0.01077,-0.01037,-0.0001,-0.02449,0.01809,0.06869,-0.02318,-0.00779,-0.10098,-0.0116,0.06046,0.0168,0.07417,-0.00367,-0.07037,-0.00157,0.00949,0.03313,-0.0113,0.00598,0.03265,0.00544,0.03958,-0.07555,0.06216,0.04238,-0.04421,-0.02225,0.00247,-0.01758,-0.04208,-0.01477,-0.00288,0.07453,0.03494,-0.05802,-0.07095,-0.01077,0.04378,-0.03783,0.03604,-0.09375,0.06353,-0.0237,-0.04189,-0.05344,0.03093,0.01641,0.06408,-0.07431,-0.03926,0.05232,0.03927,-0.00145,-0.07475,-0.00023,0.05052,-0.04685,-0.08509,0.08295,-0.00471,-0.0133,0.00157,-0.01819,0.04079,-0.02821,-0.03484,-0.05783,0.03572,0.02411,0.00859,0.01141,-0.033,-0.00461,0.00273,0.02341,0.07394,0.00229,-0.01068,0.02133,-0.01001,0.02645,-0.05373,-0.0477,0,0.02472,0.02392,-0.01288,0.07744,0.0598,0.03985,0.04795,-0.06914,-0.08991,-0.00477,-0.04805,0.00878,-0.05818,0.00864,-0.12193,-0.12332,-0.05137,0.01082,0.03752,-0.00399,0.0544,-0.08374,-0.04225,-0.03274,0.03879,0.02282,-0.04343,0.0253,-0.01988,-0.00249,0.00715,-0.00061,0.01416,0.02819,-0.05331,-0.03005,0.01901,-0.02046,-0.01777,-0.05862,-0.00859,-0.0078,0.01517,-0.06707,-0.01617,-0.00038,-0.09441,0.01499,0.09955,0.01365,0.03172,-0.00383,0.00656,0.02738,0.02396,-0.04386,-0.05221,0.0612,0.04093,0.04346,0.02281,0.10891,-0.11721,-0.02318,0.03285,0.08179,-0.03869,-0.00376,0.05905,-0.00761,-0.11224,0.06053,0.06128,-0.01214,0.05402,0.04104,-0.03762,-0.00049,-0.03241,0.04301,-0.10215,-0.01646,0.02197,0.07259,0.11516,-0.03398,0.03458,-0.00566,-0.07238,0.04015,0.09116,0.03034,0.09621,-0.05025,0.02714,0,-0.05097,0.04816,0.03962,-0.00382,0.08726,-0.01979,0.02346,-0.00142,0.01577,0.07049,0.04184,0.05839,-0.00872,-0.08451,0.00132,-0.04959,0.04907,-0.07687,0.06862,-0.01744,-0.00072,0.09442,-0.08089,-0.11563,-0.01822,0.02224,0.03512,0.05061,-0.02542,0.0324,0.02006,0.03536,-0.01973,0.00076,0.02181,0.00402,-0.0133,0.04923,0.05773,-0.05124,0.02073,-0.02496,-0.15507,-0.03338,-0.05849,0.02621,-0.0201,-0.0189,-0.07853,-0.01238,-0.08977,0.0361,-0.06238,0.00995,0.01269,0.01459,0.12485,0.0757,-0.01028,0.00089,0.01116,-0.11436,0.03877,-0.02323,0.01912,-0.04327,-0.03375,0.04103,-0.02674,0.06435,0.03877,0.10631,0.01248,0.02796,0.09732,-0.0194,-0.00226,0.04585,0.0793,0.10186,-0.06959,0.13636,-0.02515,0.0689,0.08538,-0.02166,-0.01569,-0.05285,0.05508,0.05661,-0.04876,0.01011,0.03689,0.03684,-0.01161,0,-0.08718,-0.076,-0.02664,0.0188,-0.00865,0.06533,-0.03653,0.0002,-0.02701,-0.06831,-0.03391,0.04458,0.0111,-0.03568,0.04676,0.00094,0.00886,-0.04582,-0.03982,-0.03302,-0.02087,0.03514,0.01253,0.11637,0.00904,-0.02214,0.06446,-0.06694,-0.03445,0.01271,-0.01731,0.01632,0.00877,0.08858,-0.00213,0.04318,-0.08793,0.09984,-0.06101,0.03067,0.01148,-0.00586,-0.01912,-0.04704,0.0147,0.07314,-0.06122,-0.00818,-0.02037,-0.00437,0.00112,0.05704,-0.03944,0.06913,0.01719,-0.00615,-0.06209,-0.04639,0.01159,0.03578,-0.12129,0.09873,0.05867,-0.01614],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","excerpt":""},{"chunkId":"/docs/get-started#7","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.04407,-0.0138,-0.01109,-0.03351,-0.01202,0.02456,-0.03634,0.00943,-0.0053,-0.02269,-0.04865,-0.02768,-0.03171,-0.09656,0.03412,-0.00367,-0.01571,0.01659,0.09167,0.0461,-0.06089,-0.11542,-0.06206,-0.075,-0.01619,0.14605,0.03757,0.05819,0.04583,-0.10732,0.07693,0.10025,0.02193,0.0867,-0.05424,-0.00531,0.05597,-0.02441,-0.06305,-0.03453,0.04112,0.06152,0.02229,0.00732,-0.00544,-0.02619,0.00504,-0.04263,0.03541,-0.0475,0.02193,-0.07485,-0.00181,0.01862,-0.00945,0.07122,0.02825,-0.01562,0.02662,0.02421,0.03509,0.01943,0.03867,0.0577,0.0241,0.0358,-0.04365,0.08783,0.03558,-0.03791,0.00636,0.00045,0.01623,-0.03429,-0.02076,-0.02106,0.0677,-0.0165,-0.08822,-0.06626,-0.00415,0.04817,-0.01019,0.09014,-0.04858,0.06757,-0.02563,-0.04034,-0.07387,0.04472,-0.00222,0.05225,-0.03397,-0.06432,0.03168,0.01882,-0.04635,-0.11249,-0.00497,0.09135,-0.02969,-0.09482,0.12945,0.02989,0.02526,-0.01361,-0.00805,0.03813,-0.02426,-0.01653,-0.0053,0.00231,-0.02829,0.00213,0.00782,-0.02976,0.00525,-0.01341,0.04874,0.09728,0.05544,-0.01604,-0.03855,-0.03253,0.02857,-0.03148,-0.02658,0,0.03459,0.01774,-0.05049,0.06383,0.08113,0.03842,0.01499,-0.09697,-0.09026,0.01354,0.03098,-0.01395,-0.09738,0.06849,-0.13616,-0.12647,-0.0527,-0.02904,-0.0058,-0.05815,-0.02108,-0.10644,-0.04858,-0.02299,0.01252,0.05855,0.01017,0.06501,-0.03909,-0.01408,-0.01921,-0.02446,0.08078,0.0548,-0.0803,-0.00751,0.0187,-0.03263,0.02445,-0.00365,-0.05032,0.04176,0.01521,-0.0494,0.02728,0.06639,-0.04419,-0.01431,0.09031,-0.01442,0.00217,0.01247,0.02093,0.03922,-0.01273,-0.10662,-0.07798,0.0535,0.06382,0.00732,0.04396,0.06048,-0.12022,-0.02434,0.04153,0.12043,-0.03474,0.00681,0.00074,-0.08639,-0.10634,0.05904,0.06077,0.04082,0.03047,0.01154,-0.00009,0.00035,-0.02219,0.04546,-0.10972,0.00949,-0.00104,0.07225,0.07109,-0.03578,0.0841,-0.03288,-0.04682,0.03735,0.06599,-0.03111,0.10667,-0.04552,0.015,0,-0.04361,0.06361,0.01909,-0.00372,0.04347,0.02423,0.02201,-0.00124,0.0414,0.06624,0.03441,0.09807,-0.00873,-0.07971,0.01684,0.02195,0.05019,0.0025,0.03323,-0.02128,-0.00788,0.02899,-0.08177,-0.0962,-0.00129,0.00509,0.02591,0.04489,-0.01365,0.02608,0.03563,-0.00165,-0.0214,-0.00993,0.02604,0.01345,-0.085,0.03442,-0.00422,-0.02397,-0.01099,-0.04903,-0.09719,0.00321,-0.04303,0.02864,-0.04531,-0.06656,-0.09626,-0.03885,-0.0413,0.04377,-0.03052,-0.04713,-0.00509,-0.01169,0.0787,0.1126,-0.03877,-0.00031,0.0266,-0.07093,-0.02825,-0.0673,0.00751,-0.06808,-0.02445,0.03762,0.01109,0.04841,0.00643,0.07434,-0.05173,0.02313,0.10757,-0.023,0.0766,0.02814,0.0435,0.09661,-0.06082,0.10241,-0.0258,0.02452,0.06386,0.0112,-0.02898,0.00017,0.05711,0.01603,-0.0744,0.0684,0.0683,0.03257,-0.04934,0,-0.0608,-0.12293,0.01382,-0.0074,-0.0288,0.06647,0.00632,-0.01961,-0.05591,-0.04798,-0.02756,0.07442,-0.01313,-0.0202,0.02271,0.03228,-0.08507,-0.01495,-0.06136,-0.05725,-0.01925,0.05929,0.01104,0.05287,-0.01046,0.01146,0.07409,-0.03429,-0.04086,0.0303,-0.04139,0.04652,-0.02462,0.0285,-0.01881,-0.00067,-0.08349,0.10537,-0.04308,0.02947,0.00021,-0.05217,-0.00554,-0.02384,-0.04323,0.02585,-0.00996,0.00811,-0.03174,-0.02011,0.00846,0.04695,-0.07938,0.05524,0.01873,0.0099,-0.03519,0.02564,0.05515,-0.01231,-0.13619,0.09547,0.02356,-0.02762],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Default theme The quickest styling path is to keep the shipped theme connected. If you installed the package manually, add one of these: ::: code-group ::: Then only add layout styles that belong to your screen: For selective mixins and token overrides, see Default Theme and Styling.","excerpt":"Default theme The quickest styling path is to keep the shipped theme connected. If you installed the package manually, add one of these: ::: code-group ::: Then only add layout styles that belong to your screen: For selective mixins and token overrides, see Default Theme and Styling."},{"chunkId":"/docs/get-started#8","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.01948,-0.01887,-0.03748,-0.04838,-0.05792,-0.01028,-0.04383,0.08897,-0.05025,-0.03281,-0.10601,-0.0695,-0.0143,-0.07918,0.03607,-0.01186,-0.00158,0.0141,0.07701,0.06768,-0.04328,-0.09044,-0.01809,-0.08548,-0.01819,0.09311,0.05645,0.0544,0.06217,-0.07997,0.07065,0.07219,0.03821,0.06636,-0.03095,-0.0178,0.04029,-0.06942,-0.08491,-0.00484,0.05063,0.04746,-0.00155,0.02411,0.00032,-0.00271,0.02209,0.01061,0.01557,-0.00586,0.02413,-0.11234,0.00121,0.05853,0.01908,0.10701,0.01532,-0.03589,0.01808,0.04739,0.0036,0.03177,0.00596,0.05399,0.03384,0.07709,-0.06909,0.05328,0.04309,-0.07139,-0.00679,-0.02819,0.04486,-0.05655,-0.02458,-0.00896,0.03659,0.02713,-0.08785,-0.1184,0.00409,0.03363,-0.01768,0.09219,-0.0483,0.08571,0.00507,-0.07457,-0.06731,0.0548,0.05434,0.06406,-0.07573,-0.06188,0.03318,0.01724,0.00327,-0.09335,-0.03981,0.07326,-0.01947,-0.12046,0.11075,0.05069,0.0227,-0.03852,-0.0035,0.02505,-0.06618,-0.02217,-0.02043,-0.00397,-0.01819,-0.01005,0.03208,-0.0452,0.01192,-0.01869,0.05352,0.06598,0.02981,-0.0225,-0.00563,-0.05784,0.04034,-0.03566,-0.03353,0,0.03765,0.0217,-0.01512,0.05512,0.05316,0.00074,0.00159,-0.07721,-0.06638,0.01991,0.01931,0.02515,-0.0874,0.032,-0.08909,-0.09327,-0.07212,0.00806,-0.00576,-0.00534,0.00769,-0.10122,-0.04482,-0.05014,0.02297,0.06306,-0.00839,0.06577,-0.08988,-0.00237,-0.0145,-0.02101,0.05552,0.01687,-0.10953,-0.01279,0.03814,-0.03157,-0.0082,-0.02012,-0.05539,0.04985,0.03209,-0.03289,0.00649,0.04877,-0.05119,-0.01894,0.04935,0.03758,0.04717,0.02016,0.04172,0.06037,-0.00285,-0.09304,-0.03466,0.04559,0.05487,0.03707,0.03002,0.04994,-0.13606,-0.01045,0.01875,0.1248,-0.02546,0.01412,0.0241,-0.03349,-0.10168,0.05842,0.0541,0.00559,0.03779,0.03302,0.02292,-0.00634,-0.01305,0.00451,-0.06714,0.01866,0.01179,0.05649,0.08021,-0.03059,0.04514,-0.02038,-0.07765,0.06175,0.06067,-0.01261,0.08572,-0.04074,0.02356,0,-0.01959,0.0434,-0.00319,0.02445,0.07624,-0.03186,0.01443,0.03253,0.00024,0.0376,0.0767,0.08309,0.0033,-0.07236,-0.02055,-0.01562,0.01943,-0.03995,0.04819,-0.03012,0.02647,0.0257,-0.06831,-0.12596,-0.02922,0.02317,0.00319,0.04966,-0.01825,-0.01398,0.04125,0.00341,0.00234,-0.03206,0.02061,-0.0254,-0.05193,0.04492,0.04052,-0.04114,0.02767,-0.02068,-0.0652,-0.01606,-0.05042,0.02859,-0.09621,-0.05388,-0.07853,-0.03523,-0.04553,0.05111,-0.04531,-0.01398,-0.02131,0.0022,0.11495,0.08185,-0.04122,0.05094,0.01616,-0.08365,-0.02183,-0.06082,0.0516,-0.03028,-0.01629,0.01563,-0.00455,0.0756,0.03553,0.05603,-0.06818,0.0385,0.09321,-0.02719,0.11033,0.04012,0.05951,0.1028,-0.04544,0.12875,-0.02798,0.06908,0.05302,0.04182,-0.05871,-0.04688,0.07376,0.03717,-0.06495,0.04778,0.04363,0.03595,-0.07688,0,-0.11027,-0.08368,0.01283,0.04348,-0.04331,0.06568,-0.06046,-0.03694,-0.00612,-0.09697,-0.05213,0.07484,-0.01402,-0.00865,0.03959,0.01154,-0.03362,-0.01986,-0.07274,-0.06372,-0.04845,0.06383,0.01637,0.10947,0.0153,0.002,0.038,-0.02095,0.00798,0.03647,-0.0254,0.05771,0.04079,0.03143,-0.01585,0.02758,-0.08539,0.08062,-0.05389,0.01414,0.00584,-0.07912,-0.01571,-0.04608,-0.0132,0.01913,-0.02066,0.00331,-0.02316,-0.01073,-0.00876,0.04871,-0.05016,0.06786,0.00475,0.00404,-0.04366,-0.00529,0.05479,0.01801,-0.08547,0.05092,0.01939,0.02424],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Manual styling baseline Foblex Flow is intentionally UI-agnostic: it does not enforce a design system. Use this as a practical baseline, then adapt it to your app styles.","excerpt":"Manual styling baseline Foblex Flow is intentionally UI-agnostic: it does not enforce a design system. Use this as a practical baseline, then adapt it to your app styles."},{"chunkId":"/docs/get-started#9","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.01193,-0.01738,-0.08958,-0.01541,-0.02405,0.01032,-0.02518,0.06687,-0.01776,-0.04539,-0.07592,-0.07443,-0.02469,-0.02949,-0.02163,-0.0505,-0.01916,0.00044,0.07724,0.00945,-0.00195,-0.11306,-0.01348,-0.10347,-0.03187,0.06236,0.05059,0.01045,0.03323,-0.04354,0.069,0.05776,-0.02637,0.05443,-0.03155,0.03122,0.07616,-0.05699,-0.11905,-0.01767,0.07235,0.01718,0.01797,0.00227,0.02693,-0.01413,-0.04166,0.01531,0.01576,0.02858,-0.02938,-0.08546,-0.01079,0.09579,-0.00804,0.08047,0.00697,-0.07415,-0.00967,0.05774,0.02086,-0.0121,0.02203,0.02668,0.04551,0.02357,-0.05639,0.03321,0.0486,-0.06374,0.00252,-0.00124,0.00889,-0.07938,-0.00817,-0.04192,0.00562,0.05391,-0.06071,-0.06676,0.03969,0.07207,-0.00623,0.0465,-0.07157,0.09372,-0.04158,-0.00543,-0.08032,0.04642,-0.03389,0.05944,-0.08643,-0.04886,0.07142,0.03553,-0.00236,-0.04825,-0.01164,0.02211,-0.03821,-0.04777,0.06492,-0.0252,0.0104,-0.00128,-0.0651,0.05693,-0.04031,-0.04127,-0.0345,0.03248,0.00187,0.00299,0.0101,-0.02119,-0.00094,-0.01948,0.05327,0.08977,0.00148,0.02326,-0.01334,0.00492,0.04385,-0.04332,-0.06167,0,0.03533,0.02088,-0.02253,0.06034,0.06899,0.02853,0.04924,-0.06615,-0.06917,0.03755,-0.05568,-0.00033,-0.05564,0.01764,-0.07812,-0.12613,-0.03905,-0.00147,0.01119,-0.00612,0.04815,-0.08021,-0.02301,-0.03321,0.08187,0.06181,-0.10407,0.05572,-0.02654,-0.00316,-0.00049,0.00821,0.03102,-0.00837,-0.06191,-0.06086,0.02146,-0.0552,-0.0639,-0.0518,-0.03112,-0.00708,0.00342,-0.0307,-0.02766,-0.00673,-0.10983,0.01406,0.08814,0.02359,0.01967,0.00331,0.0084,-0.02589,0.00072,-0.07533,-0.08523,0.06184,0.00876,0.05519,0.00553,0.09367,-0.14958,0.00894,0.00081,0.08365,-0.03454,-0.01659,0.05507,-0.00036,-0.12007,0.07925,0.0348,-0.0009,0.04638,0.05716,-0.06678,-0.02882,-0.00757,0.03258,-0.09694,-0.00534,-0.00171,0.07323,0.10751,-0.01829,0.01825,-0.02011,-0.02741,-0.01294,0.08046,0.02261,0.08197,-0.09204,0.06134,0,-0.05263,0.057,-0.01212,0.02541,0.05917,-0.05107,0.02186,-0.04004,0.03654,0.05201,0.0014,0.07735,0.01362,-0.05379,-0.03394,-0.0059,0.01621,-0.08734,0.06279,-0.02983,0.00051,0.04977,-0.02305,-0.0944,-0.03818,0.01299,0.06269,-0.00303,-0.03207,0.01536,0.00016,-0.00166,0.01903,0.00851,0.02178,-0.02603,-0.01114,0.04583,0.06674,-0.05623,0.03734,-0.02423,-0.08529,0.00076,-0.08279,0.01806,-0.0717,-0.00424,-0.05848,-0.01697,-0.08294,0.05441,-0.07441,-0.02222,-0.00548,-0.01471,0.1114,0.06635,-0.0069,0.00572,0.0482,-0.10319,0.01563,0.00605,0.04959,-0.04449,-0.07524,0.02675,-0.00296,0.0956,0.06312,0.0727,0.04087,0.07433,0.1119,-0.05701,0.03044,0.02249,0.08243,0.10974,-0.01813,0.13353,-0.02467,0.05078,0.09876,-0.01392,-0.01384,-0.03526,0.06439,0.0273,-0.0338,0.0613,-0.00457,0.00454,-0.01781,0,-0.09427,-0.05548,-0.04751,-0.01863,-0.02078,0.03645,-0.02864,0.01085,-0.03301,-0.07627,-0.04594,0.07123,0.01065,-0.06635,0.07782,0.03606,0.04774,-0.00791,-0.03536,-0.02226,-0.04448,0.02087,-0.03694,0.11988,-0.01223,-0.03483,0.04323,-0.04008,-0.00064,0.02871,-0.02078,0.00427,0.00364,0.09476,-0.01865,0.0419,-0.10108,0.05673,-0.06495,0.03478,0.02499,-0.02561,-0.01698,-0.05481,0.00139,0.06299,-0.02645,-0.02625,-0.02829,0.04934,-0.01315,0.02146,-0.02164,0.03476,0.02724,0.01066,-0.04442,-0.04136,0.02444,0.02532,-0.12324,0.1445,0.1032,-0.01721],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Explanation - f-flow — root container that provides flow context. - f-canvas — viewport/rendering layer for nodes and connections. - fNode — directive that turns an element into a node. - fNodeOutput / fNodeInput — connectors that represent connection endpoints. - f-connection — renders a connection between matching fOutputId and fInputId. f Node f Node Output f Node Input f Output Id f Input Id","excerpt":"Explanation - f-flow — root container that provides flow context. - f-canvas — viewport/rendering layer for nodes and connections. - fNode — directive that turns an element into a node. - fNodeOutput / fNodeInput — connectors that represent connection endpoints. - f-connection — renders a connection between matching fOutputId and fInputId."},{"chunkId":"/docs/get-started#10","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[0.01492,-0.02059,-0.01632,-0.03861,-0.0159,0.01045,-0.07572,0.08535,-0.06631,-0.01213,-0.05884,-0.03593,-0.068,-0.05191,-0.01624,-0.01961,-0.00358,0.01078,0.05681,0.0854,-0.0667,-0.14663,-0.02812,-0.10439,0.00239,0.08871,0.02017,0.03431,0.04013,-0.08518,0.09511,0.07357,-0.0309,0.03881,0.00978,0.04182,0.03962,-0.07897,-0.12714,-0.03965,0.09859,0.06586,0.00012,0.01982,0.03099,-0.01671,-0.00848,-0.01779,0.06433,-0.03484,-0.04226,-0.1005,0.017,0.05831,-0.02543,0.09035,0.03615,-0.07876,0.03452,0.00341,0.08408,-0.02945,0.02398,0.01735,0.03317,-0.01435,-0.01321,0.00924,0.03921,0.006,-0.00835,0.01715,-0.02533,-0.01296,0.03918,-0.03639,0.06556,0.02239,-0.01296,-0.05729,0.02485,0.04699,-0.01049,0.03872,-0.08329,0.00685,-0.03969,-0.02291,-0.08289,0.01643,0.0428,0.05886,-0.07948,-0.08043,0.03919,-0.03526,-0.01678,-0.06739,-0.01631,0.04977,-0.02506,-0.07081,0.11031,0.01243,0.01432,0.02176,-0.02039,0.0474,-0.07245,-0.04217,-0.03777,0.05641,-0.03529,-0.01454,-0.00641,-0.04345,0.00829,-0.0435,0.02466,0.05638,0.01043,-0.01063,-0.01668,0.02892,0.04035,-0.05089,-0.09214,0,0.00435,0.05956,-0.06219,0.06702,0.13601,0.04183,0.05599,-0.01642,-0.05925,0.01511,-0.03585,-0.03273,-0.06576,0.01793,-0.0655,-0.16575,-0.04474,0.02439,0.00252,-0.01453,0.07506,-0.07333,-0.0088,-0.04873,0.0195,0.02712,-0.04223,0.04569,-0.02789,-0.00899,-0.06085,-0.00809,0.06533,0.00338,-0.03306,-0.04188,0.00832,-0.09495,-0.01595,-0.01166,-0.04618,0.04299,-0.01399,-0.06689,-0.02828,0.05021,-0.01889,0.02479,0.08672,0.02391,0.06574,0.00626,-0.00747,-0.01614,0.01565,-0.04988,-0.05003,0.03392,0.05126,0.08238,0.02506,0.05136,-0.10245,0.01888,0.01877,0.07007,0.0246,0.03628,0.02994,-0.02962,-0.09622,0.05998,0.09029,-0.03608,0.06973,0.03461,-0.06353,-0.03202,-0.04587,0.0097,-0.09586,0.01639,0.04279,0.05793,0.12012,-0.02684,0.06389,-0.01906,-0.04438,0.01603,0.07973,-0.02488,0.07248,-0.05406,0.04393,0,-0.03283,0.02664,0.02123,-0.00609,0.03733,0.00076,0.04187,0.02551,0.00038,0.04342,0.01919,0.04037,-0.03356,-0.10753,-0.04743,-0.00527,0.04076,-0.11652,0.04338,-0.00011,0.04749,0.05483,-0.07413,-0.06499,-0.00682,0.022,0.02077,0.05027,-0.01598,0.00689,-0.05113,-0.00955,0.00134,-0.02265,0.05931,0.014,-0.05247,0.06863,0.07784,-0.0423,0.0095,-0.01174,-0.10935,-0.04609,-0.04806,0.00059,-0.07423,-0.0185,-0.08464,0.00219,-0.09029,0.05161,-0.06832,0.00034,-0.00281,0.0161,0.06876,0.04974,0.0207,0.02202,0.02589,-0.09316,0.02199,-0.04419,0.06805,0.00498,-0.04034,0.00394,-0.023,0.12027,-0.0007,0.07554,0.01472,0.02382,0.07342,-0.02838,0.0328,0.02845,0.10879,0.09705,-0.06852,0.09781,-0.03335,0.06218,0.08803,0.03755,0.00156,-0.00355,0.04634,0.0525,-0.03447,0.03068,0.10178,0.03567,0.00369,0,-0.09552,-0.01297,-0.06873,0.00514,-0.03553,-0.03317,-0.01585,0.01393,-0.01711,-0.02952,-0.01361,0.03821,-0.02835,0.00607,0.04152,0.00593,0.00577,-0.02078,-0.03867,-0.06928,-0.04514,0.06621,0.00387,0.12029,-0.00827,-0.00085,0.03522,-0.01814,0.01513,-0.03041,-0.04423,0.02257,-0.01592,0.16141,-0.01311,0.03313,-0.07182,0.08316,-0.0918,-0.00253,0.047,-0.00763,-0.01746,-0.04193,0.01766,0.07422,-0.024,0.00989,-0.01167,0.0019,0.04058,0.03399,-0.05335,0.03923,0.03683,0.00922,-0.01933,-0.00372,0.04596,0.02979,-0.12073,0.05815,0.02152,-0.02215],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Try it yourself After you get the minimal template working, try: - moving nodes by changing [fNodePosition], - adding more nodes and connections, - experimenting with connector sides (fOutputConnectableSide, fInputConnectableSide), - changing the connection look/behavior via fType and fBehavior, - enabling additional UX helpers (selection area, minimap, alignment and spacing). Only add scaling features such as cache or virtualization once you actually need them for larger scenes. f Node Position f Output Connectable Side f Input Connectable Side f Type f Behavior","excerpt":"Try it yourself After you get the minimal template working, try: - moving nodes by changing [fNodePosition], - adding more nodes and connections, - experimenting with connector sides (fOutputConnectableSide, fInputConnectableSide), - changing the connection look/behavior via fType and fBehavior, - enabling additional UX helpers (selection area, minimap, alignment and spacing). Only add scaling features such as cache or virtualization once you actually need them for larger scenes."},{"chunkId":"/docs/get-started#11","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.08284,0.05109,-0.06629,0.03749,0.00934,0.05538,-0.02188,0.04849,-0.00141,0.05927,-0.09712,-0.05821,-0.0568,-0.00384,0.02369,-0.03687,-0.01405,-0.0324,0.00276,-0.00295,-0.07597,-0.07343,-0.00077,-0.07322,-0.01759,0.07466,0.01453,-0.04247,0.05164,-0.04755,0.03435,0.03274,-0.01856,0.02272,-0.04477,0.0762,0.04146,-0.01557,-0.05508,-0.0355,0.0964,0.01716,0.00312,-0.10018,-0.00383,-0.00984,-0.05282,0.05275,-0.02729,0.04524,-0.03475,-0.07335,-0.02159,0.11474,-0.03033,-0.0096,0.01386,-0.05818,0.02698,0.06357,0.03865,-0.05632,0.00562,0.00698,0.06403,0.04269,-0.07639,0.03555,-0.01224,0.02251,0.05176,-0.00375,0.03721,-0.05868,0.04511,-0.03772,-0.06767,0.07156,-0.0337,-0.0359,0.11448,0.07179,0.01529,0.01122,-0.06174,0.06639,-0.01109,-0.02508,-0.04245,-0.03478,-0.0545,0.08098,-0.05869,0.00317,0.09534,0.0198,-0.08081,-0.0483,-0.04366,0.04379,0.00102,-0.08138,0.05929,0.0018,-0.00554,-0.0106,-0.04563,0.05002,-0.03223,-0.03301,0.006,0.08285,0.00428,-0.00193,-0.03004,-0.08704,-0.01886,-0.03951,0.02988,0.12419,0.0299,0.01616,0.02683,-0.01952,0.07048,-0.01074,-0.02401,0,0.00284,0.05962,-0.07532,0.06412,0.11149,0.04946,0.01091,-0.0873,-0.0128,0.0535,-0.04056,0.00157,-0.08013,-0.00233,-0.0457,-0.10301,0.0353,-0.01593,0.03361,-0.00136,0.07231,-0.07217,-0.05432,-0.00778,0.07936,0.08352,-0.11321,0.03397,-0.07862,0.0117,0.03798,0.01545,0.01212,-0.04251,-0.04667,-0.06043,-0.00337,-0.04858,-0.05794,-0.02782,-0.03421,-0.03522,-0.07688,0.03178,0.00596,-0.01456,-0.02098,0.01778,0.06345,0.05818,-0.02712,0.01939,-0.04026,-0.01802,0.04459,-0.07252,-0.06968,0.06936,0.01523,0.02224,0.05899,0.05085,-0.08881,-0.02742,0.03624,0.03529,-0.00917,0.00962,0.05516,-0.05952,-0.0954,0.06349,0.01771,0.04895,0.04045,0.04037,-0.01533,0.03637,-0.00892,-0.00327,-0.02423,-0.01883,-0.01139,0.09003,0.0442,-0.04917,0.05177,-0.04133,-0.08619,0.01767,0.07547,0.07918,0.04177,-0.03136,0.05457,0,0.01112,0.08139,0.01066,-0.02599,0.03132,-0.10283,0.05846,0.00112,0.05948,0.06936,0.01975,0.05393,0.00337,-0.01975,-0.09652,0.01526,-0.02206,-0.11942,0.07886,-0.04186,0.02888,0.07084,-0.02807,-0.01263,-0.08098,0.07262,0.03076,-0.03742,0.01186,0.03359,-0.01415,0.00016,0.00283,0.00305,0.00282,-0.05838,0.03658,0.02417,0.02747,-0.11205,0.04863,0.04683,-0.07611,-0.02938,-0.08284,-0.01416,-0.02154,-0.04965,-0.08267,0.0145,-0.09696,0.05517,-0.03626,-0.04727,-0.01772,-0.05396,0.11304,-0.0072,-0.00875,0.02012,0.04217,-0.04164,0.01527,-0.03564,0.05723,0.02732,-0.06544,0.01286,0.12631,0.13555,0.03877,0.01682,0.01199,0.03282,0.10546,0.06893,0.07656,-0.01243,0.08565,0.08881,-0.03776,0.07543,-0.04211,0.01624,0.05536,0.02619,-0.03089,-0.04467,0.06373,0.06365,-0.04096,-0.01665,-0.00116,-0.01969,0.04186,0,-0.11207,-0.00473,-0.05644,-0.01361,0.00331,-0.04779,-0.03158,-0.05674,-0.01019,-0.02312,-0.09045,0.07209,0.01895,-0.03325,0.05914,0.00889,0.00076,-0.01878,-0.03591,0.00235,-0.02447,0.0273,-0.00667,0.08935,-0.0174,-0.03301,-0.00045,-0.05532,-0.04966,0.06329,-0.02464,-0.00464,0.00986,0.12181,-0.0713,-0.02324,-0.08643,0.02585,-0.06974,0.02269,0.05425,0.00113,0.02583,-0.04348,-0.04861,0.05305,0.00381,0.01154,-0.01593,0.03223,-0.04148,0.00217,-0.05978,0.04509,0.06143,-0.0141,-0.00726,0.05092,0.02269,-0.003,-0.10256,0.08091,0.01971,-0.08402],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Notes / pitfalls - Nodes and connections must be inside f-canvas. Elements outside it will not participate in transform and interaction. - Nested control flow (@for inside @if, @for inside @for) is not projected into the canvas — content renders detached and invisible without errors. Wrap the block with <ng-container ngProjectAs=\"[fNodes]\" (groups: \"[fGroups]\", connections: \"[fConnections]\"). See Errors and Warnings (FF1004). - fOutputId and fInputId must match connector ids exactly — otherwise the connection will not render. - Always define initial node positions for predictable layout. - Keep ids stable across re-renders if your app persists or recalculates the graph. For custom connection types, see the Examples section: /examples/custom-connection-type. ng Project As f Nodes f Groups f Connections f Output Id f Input Id","excerpt":"Notes / pitfalls - Nodes and connections must be inside f-canvas. Elements outside it will not participate in transform and interaction. - Nested control flow (@for inside @if, @for inside @for) is not projected into the canvas — content renders detached and invisible without errors. Wrap the block with <ng-container ngProjectAs=\"[fNodes]\" (groups: \"[fGroups]\", connections: \"[fConnections]\"). See Errors and Warnings (FF1004). - fOutputId and fInputId must match connector ids exactly — otherwise the connection will not render. - Always define initial node positions for predictable layout. - Keep ids stable across re-renders if your app persists or recalculates the graph. For custom connection types, see the Examples section: /examples/custom-connection-type."},{"chunkId":"/docs/get-started#12","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.03288,-0.02393,-0.09312,-0.0252,-0.03371,-0.0211,-0.02933,0.06011,-0.04377,-0.0345,-0.06467,-0.08856,-0.0289,-0.02411,0.00625,-0.0019,-0.02973,-0.01584,0.11721,0.00256,-0.03767,-0.10794,-0.03532,-0.09531,0.00703,0.03485,0.01192,0.01825,0.02646,-0.03058,0.05999,0.05351,-0.01695,0.06174,0.0023,0.03699,0.04022,-0.07724,-0.08527,-0.01414,0.09403,0.03935,0.00707,-0.04052,0.01645,0.00433,-0.03508,0.01899,0.0425,0.04458,-0.01969,-0.06933,-0.01696,0.07319,0.0341,0.06297,0.01182,-0.03729,-0.01321,0.06053,0.00286,-0.03386,0.00203,0.01484,0.02924,0.05101,-0.06853,0.03722,0.03646,-0.05151,0.01196,0.01032,0.00406,-0.08579,0.00031,-0.02597,0.01272,0.08205,-0.04097,-0.08852,0.03482,0.05529,-0.01804,0.06331,-0.06986,0.09608,-0.05577,-0.0103,-0.06777,0.04776,-0.022,0.05109,-0.11506,-0.0161,0.04903,0.01083,-0.00091,-0.04476,-0.0405,0.03582,-0.06137,-0.07207,0.06947,-0.00517,0.00534,-0.01314,-0.02174,0.04858,-0.03183,-0.02789,-0.06109,0.04419,0.03114,0.01564,0.01383,0.00773,0.00486,-0.00816,0.0512,0.06693,0.00728,-0.00356,-0.0211,-0.00331,0.03395,-0.08242,-0.03904,0,0.01356,0.0255,0.01451,0.05583,0.07177,0.03834,0.06915,-0.08965,-0.07056,-0.00635,-0.07266,0.01671,-0.04963,-0.02064,-0.10646,-0.12497,-0.02338,0.00703,0.03774,0.01629,0.10257,-0.08818,-0.04131,-0.02233,0.0293,0.07235,-0.08534,0.05763,-0.01712,0.02135,-0.00944,0.01153,0.02045,-0.01682,-0.06944,-0.07545,0.00463,-0.02501,-0.06734,-0.04189,-0.02182,-0.0046,-0.01519,-0.04995,-0.02385,-0.02399,-0.11711,0.0201,0.10959,0.04759,0.01762,0.01229,-0.0149,-0.01696,0.0487,-0.10176,-0.05557,0.06336,-0.00384,0.04109,0.03881,0.09848,-0.12816,-0.01967,0.02933,0.09604,-0.03489,-0.00129,0.02538,-0.00253,-0.10417,0.10523,0.04068,-0.03127,0.06281,0.04995,-0.0239,-0.00928,-0.02536,-0.0019,-0.06335,-0.02857,-0.00704,0.05997,0.08887,-0.00276,0.03684,-0.00101,-0.05514,0.04501,0.08158,0.00079,0.08604,-0.05806,0.00828,0,-0.03572,0.05134,0.00443,0.01474,0.06438,-0.02894,0.03068,-0.00195,0.02851,0.09597,0.01119,0.05596,-0.01287,-0.05375,0.00565,-0.01416,0.02968,-0.08362,0.06436,-0.02409,-0.00522,0.08024,-0.05229,-0.08156,-0.03066,0.03628,0.01953,0.04347,-0.02254,0.02354,-0.01497,0.01029,-0.03208,0.00445,0.05992,-0.02435,0.02241,0.08116,0.04518,-0.06455,0.04653,-0.03073,-0.11728,-0.01456,-0.044,0.02321,-0.05264,-0.00578,-0.0809,0.00013,-0.06354,0.03818,-0.08209,-0.00134,-0.01289,0.02484,0.1286,0.07995,-0.02994,0.00303,0.02773,-0.13232,-0.0005,-0.00109,0.05447,-0.0334,-0.04863,0.05616,0.01675,0.08695,0.04733,0.08813,0.04973,0.0723,0.08647,-0.00981,0.01634,0.02486,0.06932,0.11121,-0.05619,0.12856,0.00832,0.09712,0.09332,-0.00116,-0.0063,-0.03115,0.07345,0.03929,-0.01765,0.04397,0.01512,0.01108,-0.00154,0,-0.09615,-0.06534,-0.07073,0.01705,-0.00658,0.045,-0.05208,-0.00233,-0.02075,-0.06964,-0.05248,0.06701,0.03231,-0.04139,0.06027,-0.00567,0.0354,-0.03434,-0.02575,-0.03728,-0.04522,0.00149,-0.01614,0.09727,-0.02595,-0.05128,0.06267,-0.0497,-0.03061,0.01119,-0.04881,0.00644,0.0157,0.08979,-0.04959,0.01597,-0.07015,0.06998,-0.06793,0.01426,0.00798,-0.00956,-0.02629,-0.05731,0.01393,0.07104,-0.01603,-0.01329,-0.02248,0.01475,-0.02254,0.03454,-0.02093,0.05668,0.01274,-0.0142,-0.06155,-0.05029,0.00781,0.03182,-0.12122,0.1042,0.09528,-0.00773],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Next steps Continue with the API references: - f-flow - f-canvas - fNode - fNodeOutput - fNodeInput - f-connection f Node f Node Output f Node Input","excerpt":"Next steps Continue with the API references: - f-flow - f-canvas - fNode - fNodeOutput - fNodeInput - f-connection"},{"chunkId":"/docs/get-started#13","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.08034,-0.01633,-0.0621,0.03072,0.00575,0.05544,-0.04847,0.01026,-0.006,0.04021,-0.05527,-0.04579,-0.04001,0.00601,-0.01144,-0.01854,-0.06069,0.02948,0.00016,0.02977,-0.02979,-0.07944,-0.03926,-0.05205,0.02768,0.09956,0.00313,0.0218,0.08652,-0.08233,0.07536,0.02119,-0.05821,0.04206,-0.081,0.06681,0.03038,-0.05071,-0.04314,-0.02725,0.16042,0.03972,0.01592,-0.08384,-0.03259,0.00836,-0.02364,0.10719,0.00215,-0.01715,-0.01674,-0.13443,-0.02621,0.11169,-0.04677,0.01541,0.01639,-0.07582,0.02163,0.00812,-0.00138,-0.02246,0.02501,0.00239,0.03072,-0.0012,-0.1223,0.02269,-0.03082,0.00288,0.03981,-0.04968,-0.02209,-0.01339,0.01401,-0.04205,-0.01943,0.08896,-0.05086,0.03296,0.08819,0.01889,-0.04238,0.04259,-0.12007,0.1042,-0.00196,-0.02783,-0.09311,-0.07421,0.02933,0.09172,-0.02749,-0.00014,0.04763,0.04435,-0.06797,-0.03187,-0.0108,0.02559,-0.0098,-0.05603,0.08542,0.07114,-0.04962,-0.03036,-0.01104,0.01953,-0.02681,-0.00389,0.01104,0.06234,0.02227,0.00268,-0.02616,-0.06688,-0.08277,-0.01654,0.02379,0.09777,-0.01836,-0.00126,0.00027,-0.04778,0.1001,-0.02303,0.00303,0,0.03002,0.01604,-0.04025,0.04035,0.06063,0.01206,-0.00877,-0.10511,-0.01962,0.02868,-0.00313,0.00776,-0.07234,0.0478,-0.11882,-0.11781,0.00585,-0.0058,0.01608,-0.00292,0.05511,-0.0818,-0.06078,-0.00379,0.07359,0.02662,-0.08128,-0.00204,-0.02237,-0.01313,0.06383,0.03633,-0.02564,-0.0355,-0.04549,-0.01594,-0.00627,-0.00791,0.00215,-0.05406,0.02518,-0.05249,-0.07522,0.02881,-0.06336,0.0201,-0.01611,-0.05015,0.09183,-0.00084,0.00753,-0.00291,0.02493,0.02692,0.0651,-0.05993,-0.03492,0.08614,0.04968,0.01676,0.04732,0.09819,-0.07747,-0.01556,0.0696,0.02427,-0.04169,0.0761,0.11711,-0.04503,-0.08511,0.0176,0.04472,-0.00167,0.04018,0.00525,-0.01367,0.00943,0.05451,0.01332,-0.07914,-0.05424,0.03155,0.04958,0.09148,-0.06503,-0.00815,-0.00431,-0.08491,-0.02428,0.06276,0.07845,0.04449,-0.04672,0.05627,0,-0.0132,0.05413,0.06,0.0613,0.0157,-0.06208,0.01795,0.05917,0.01064,0.06893,-0.00315,0.08478,0.00508,-0.02435,0.00886,-0.01013,0.00055,-0.11428,0.08094,-0.05669,0.04147,0.01722,-0.0748,-0.0427,-0.05423,0.0201,0.07602,-0.00719,-0.00096,-0.01883,0.02156,-0.01204,0.00949,0.01311,-0.01973,-0.06012,-0.00844,0.09604,0.06731,-0.05834,0.02123,-0.0057,-0.06725,-0.03049,-0.04186,-0.0236,-0.01898,-0.03898,-0.01604,-0.02732,-0.07668,0.07703,-0.06192,0.01405,0.07623,-0.0337,0.11227,0.00334,0.02809,-0.05139,0.01038,-0.02742,-0.0091,-0.08369,0.03532,0.02288,-0.04164,-0.0285,0.03606,0.08581,-0.02378,0.09998,0.03897,-0.00703,0.10027,0.01768,0.07385,0.05173,0.11945,0.00519,-0.03767,0.09966,-0.06906,-0.01409,0.07046,0.03307,-0.03706,-0.08813,0.05841,0.06472,-0.07928,-0.0388,0.05296,-0.03221,-0.02778,0,-0.09823,-0.05178,0.00932,-0.00887,-0.00603,0.03508,0.0067,0.0105,0.01045,-0.04653,-0.01918,0.05833,0.04057,0.02653,0.07106,-0.02065,0.00867,-0.026,-0.0221,-0.02034,0.00279,0.04286,0.0708,0.09162,0.01832,-0.04422,-0.00164,-0.04842,-0.04769,-0.02429,-0.04804,0.01914,0.01011,0.01357,-0.01216,-0.01936,-0.13342,0.05556,-0.0444,-0.04873,0.08096,-0.04245,0.01459,-0.0569,-0.04794,0.05919,-0.02909,-0.0022,-0.03592,0.00903,-0.01424,0.02022,-0.0525,0.06838,0.04283,0.01444,-0.06552,0.02494,-0.006,-0.02938,-0.06142,0.06413,0.02262,-0.05422],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Example --- ::: ng-component <draggable-flow</draggable-flow [height]=\"600\" :::","excerpt":"Example --- ::: ng-component <draggable-flow</draggable-flow [height]=\"600\" :::"},{"chunkId":"/docs/get-started#14","slug":"get-started","route":"/docs/get-started","section":"docs","title":"Get Started with Foblex Flow - Install and Render Your First Flow","description":"Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps.","group":"Introduction","vector":[-0.05264,-0.07303,-0.04717,0.01198,-0.01368,-0.00634,-0.03689,0.04414,-0.01316,-0.03158,-0.03459,-0.03285,-0.05482,-0.03695,-0.02597,0.0283,-0.07198,0.00396,0.05523,0.02851,-0.01485,-0.14583,-0.04339,-0.08263,0.02199,0.07809,0.0394,0.02382,0.04829,-0.06723,0.07571,0.02907,-0.06126,0.06937,-0.03402,0.05906,0.10825,-0.04101,-0.14543,-0.01623,0.07962,0.0562,0.05114,-0.00124,-0.00778,0.02044,-0.00031,-0.00719,0.05693,-0.00523,-0.03359,-0.12515,0.00434,0.0322,-0.01798,0.03463,0.02216,-0.06919,-0.01361,-0.00537,0.01847,-0.01984,0.00645,0.01547,-0.00178,-0.00626,-0.03785,0.09601,-0.0036,-0.03368,-0.01839,-0.00731,-0.0493,-0.00004,-0.03462,-0.00989,0.06836,0.02948,-0.02845,-0.05367,0.06822,0.05023,-0.04143,0.07085,-0.12493,0.10249,-0.02566,-0.02591,-0.08081,0.04902,0.03162,0.07767,-0.05256,-0.05907,0.04421,0.0236,-0.00117,-0.08281,0.0081,0.04774,-0.00934,-0.06167,0.07994,-0.00125,0.02116,-0.01774,-0.03487,0.0205,-0.02794,0.00473,-0.03552,0.01826,-0.00571,-0.00655,-0.01808,-0.01294,-0.0332,-0.00908,0.05259,0.0653,-0.00144,0.03664,0.01173,-0.00588,0.03143,-0.0405,-0.06757,0,0.01299,0.01751,-0.04882,0.06796,0.04973,-0.01408,0.03845,-0.07852,-0.08547,0.00768,-0.0543,-0.03141,-0.07076,0.07382,-0.09911,-0.1295,-0.01015,-0.00795,-0.00402,-0.02767,0.01705,-0.1084,-0.04624,-0.03485,0.07848,0.02972,-0.059,0.06972,-0.00509,-0.02238,-0.00231,-0.0144,0.00949,0.02642,-0.06757,-0.00712,0.00984,-0.03037,0.01061,-0.03409,0.02017,-0.03865,-0.04071,-0.05822,-0.01604,0.02685,-0.05832,-0.01085,0.06319,-0.02499,0.03902,0.02408,0.02107,0.01556,0.0332,-0.04648,-0.0498,0.02983,0.04996,0.02791,0.01396,0.1135,-0.10699,-0.0173,0.04204,0.07219,-0.01902,0.03224,0.06,-0.04303,-0.08885,0.03983,0.06101,-0.06651,0.04961,0.04287,-0.04904,-0.00237,-0.00312,0.05928,-0.11876,-0.04593,0.05124,0.03414,0.1185,-0.01823,0.05523,-0.00639,-0.08494,-0.00444,0.05127,0.01125,0.09308,-0.04716,0.03407,0,-0.06022,0.06833,0.05713,0.02697,0.08191,0.00741,0.00327,0.00362,0.00791,0.03583,-0.02441,0.04162,-0.01767,-0.03148,0.01512,-0.02075,0.02123,-0.07885,0.03652,-0.04225,0.01879,0.07302,-0.05457,-0.06316,-0.02291,-0.01714,0.07543,0.02778,-0.03697,0.01989,0.02192,-0.0329,0.03258,0.00322,0.04643,-0.01586,0.01127,0.0675,0.05356,-0.03663,-0.00508,-0.02895,-0.11568,-0.00933,-0.05503,0.0366,-0.05935,0.00389,-0.05515,-0.00714,-0.09063,0.06491,-0.06602,0.00744,0.04637,-0.0014,0.11914,0.06329,-0.02104,-0.02074,-0.04262,-0.12939,-0.01317,-0.03881,0.05857,-0.03037,-0.04657,-0.00371,-0.04104,0.05805,0.0029,0.13234,0.04887,-0.0171,0.11024,-0.05368,0.05158,0.07999,0.11425,0.0646,-0.05092,0.11869,-0.0108,0.07973,0.0805,0.00627,-0.03309,-0.05551,0.03527,0.05383,-0.06359,0.0244,0.07398,0.04755,-0.01473,0,-0.04481,-0.04596,-0.02679,-0.02536,-0.01057,0.06356,-0.03357,0.00714,-0.0306,-0.04355,-0.04966,0.05291,-0.00994,0.0122,0.02284,-0.02006,0.0318,-0.00303,-0.01614,-0.04379,0.03807,0.03661,0.00473,0.141,0.00683,-0.02076,0.04619,-0.06116,0.02248,-0.01202,-0.06259,0.0348,-0.02671,0.09086,0.01305,0.02074,-0.10213,0.08487,-0.05294,0.0489,0.07002,-0.00257,0.00304,-0.05753,-0.01831,0.08379,-0.05148,-0.04654,-0.05184,0.01341,-0.0129,0.05121,-0.01801,0.09036,0.04949,0.0055,-0.04465,-0.01185,0.03881,0.03274,-0.09733,0.09445,0.05718,-0.00138],"keywords":"Get Started with Foblex Flow - Install and Render Your First Flow Get Started with Foblex Flow - Install and Render Your First Flow Install Foblex Flow, render your first nodes and connections, and verify the base setup in a few steps. Support Foblex Flow If this page helped you build something (or saved you from writing drag+drop and SVG connection logic from scratch), please ⭐ the repo on GitHub — it directly helps the project grow. Git Hub","excerpt":"Support Foblex Flow If this page helped you build something (or saved you from writing drag+drop and SVG connection logic from scratch), please ⭐ the repo on GitHub — it directly helps the project grow."},{"chunkId":"/docs/angular-version-compatibility#0","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.07273,-0.00407,-0.01374,-0.07817,0.01944,0.08772,-0.07072,0.01352,0.00053,-0.00929,-0.03575,0.01968,-0.13257,0.01279,0.08787,0.06664,-0.02742,-0.00478,0.02306,0.03694,-0.06594,-0.03778,-0.01408,-0.01999,-0.01746,0.00287,0.0122,-0.06518,0.02317,-0.00825,0.05455,0.12003,0.00795,-0.03124,-0.07356,0.01944,0.00224,0.03297,-0.00504,-0.03711,0.03991,0.04192,0.02658,-0.07977,-0.0244,-0.08407,-0.07156,0.00817,-0.05213,0.06188,-0.03874,-0.10218,-0.06245,0.0866,0.02535,-0.02903,-0.02853,-0.00722,-0.00808,-0.00308,-0.03183,-0.04554,-0.00748,0.00848,-0.04639,-0.01847,-0.05999,-0.04226,0.00895,-0.05331,-0.11504,-0.06599,0.03244,-0.08063,-0.04348,0.00277,0.03815,0.04836,0.02823,-0.05909,-0.01451,-0.00943,0.01791,-0.01374,-0.02384,0.04754,0.04765,-0.06266,-0.00707,-0.0499,0.00563,0.06908,0.06299,0.03628,0.04966,0.04261,-0.0738,-0.0011,-0.06081,0.01104,-0.00811,-0.03333,0.06096,0.08235,-0.05054,0.01391,0.04565,-0.01598,0.01057,-0.0614,0.01959,0.01182,-0.03142,-0.09039,0.00382,-0.08913,-0.08515,-0.01674,0.06143,0.07163,-0.02646,-0.04272,0.05739,-0.02305,0.03368,-0.00302,0.02736,0,-0.00669,0.08328,-0.06062,0.04568,0.05216,-0.00239,-0.00015,-0.06674,-0.02293,-0.022,-0.00475,-0.03179,-0.07905,-0.00174,0.00532,-0.05755,-0.07028,-0.01808,0.01101,0.02338,0.08185,-0.01396,-0.05019,0.01028,0.04976,-0.0201,0.04116,0.02905,-0.0811,0.01203,0.09126,-0.02086,-0.03702,-0.01525,-0.04839,-0.00755,-0.07292,-0.05234,0.01373,-0.09107,0.05291,0.04519,-0.06052,0.00685,0.09993,-0.0262,0.01069,-0.03109,0.14744,0.03223,-0.02468,-0.00008,-0.03816,0.04949,0.06344,-0.05066,-0.01547,0.0652,0.06232,0.00679,0.04994,-0.00599,0.0229,-0.0856,0.09863,0.05662,0.01455,-0.03551,0.02449,-0.0152,-0.06346,0.02931,-0.00561,0.07856,0.06131,-0.05403,0.04831,0.05867,0.11015,-0.00926,-0.07092,0.03769,-0.00131,0.07971,0.05078,-0.03261,-0.02788,-0.01238,0.00305,0.07028,0.1027,-0.00975,-0.02652,0.06712,0.02089,0,0.00023,0.00846,-0.00416,0.05094,0.02633,-0.05227,0.02849,0.00438,0.11631,0.04118,0.06187,0.11222,0.00986,0.02462,-0.00848,0.00882,-0.03667,-0.1407,0.07194,-0.05225,-0.00215,0.0011,0.00782,-0.04581,-0.03551,0.03855,0.06978,-0.02933,0.00742,-0.028,0.02816,0.03271,-0.04735,-0.02122,-0.04812,-0.02667,-0.02226,0.01024,-0.02362,-0.07243,0.04606,0.05013,0.00245,-0.01426,-0.07183,-0.03345,0.00707,-0.03093,-0.01969,0.03119,-0.01662,0.06915,-0.00875,0.00191,-0.05291,0.02575,0.07579,0.06481,-0.09809,0.00977,0.00429,0.02156,0.06218,-0.09528,0.05495,0.1005,-0.06501,0.01775,0.022,0.12337,0.00719,-0.00799,-0.05893,-0.01651,0.04302,0.08727,0.11727,0.01306,0.06909,-0.03571,-0.03915,0.08967,-0.04569,0.06812,0.02893,-0.02804,-0.07116,-0.1646,0.02142,0.02492,-0.01054,-0.03464,-0.07704,-0.09091,0.04611,0,-0.06341,0.01938,-0.10044,-0.04636,0.11285,0.06196,-0.09877,-0.03373,0.03991,0.01894,0.01434,0.0659,-0.00764,-0.01124,0.04743,-0.01693,-0.08522,-0.0223,-0.05168,-0.0121,-0.04483,0.06907,0.04376,0.00453,-0.03999,-0.01637,0.07139,0.00442,-0.03259,0.01054,0.02472,0.06937,0.00211,0.00834,0.03686,0.02676,-0.06587,0.01453,0.00851,0.05502,0.05655,-0.03521,0.00921,-0.03675,-0.04954,-0.01243,-0.04063,-0.1199,-0.10762,0.00516,-0.06312,0.04212,-0.07342,0.03823,0.00719,0.02401,-0.02158,-0.06684,0.0611,-0.00964,-0.00436,-0.00126,0.09262,-0.01927],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Angular Version Compatibility Use this page to answer one practical question: which @foblex/flow version should I install for my Angular version, and which companion packages belong with it? If you use the current 18.x line, ng add @foblex/flow installs companion packages automatically. If you need to pin an older line, use the manual install commands below.","excerpt":"Angular Version Compatibility Use this page to answer one practical question: which @foblex/flow version should I install for my Angular version, and which companion packages belong with it? If you use the current 18.x line, ng add @foblex/flow installs companion packages automatically. If you need to pin an older line, use the manual install commands below."},{"chunkId":"/docs/angular-version-compatibility#1","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.09115,0.02549,-0.06669,-0.08376,0.03478,0.02753,-0.09107,0.04244,0.01148,0.04369,-0.00287,-0.01378,-0.10996,0.00409,0.09651,0.05547,-0.05591,-0.01776,-0.0196,0.03845,-0.02494,-0.04002,-0.04215,-0.04692,-0.00944,0.0023,0.02722,-0.02084,0.01579,-0.00507,0.0387,0.12237,-0.06093,-0.05253,-0.05246,0.00538,-0.03582,0.00872,0.02418,-0.05548,0.11346,0.06486,0.01926,-0.10481,-0.03799,-0.08777,-0.06563,-0.02673,0.01014,0.02906,-0.08042,-0.05424,-0.04313,0.03675,0.04646,-0.01876,0.01662,0.01532,-0.03114,-0.03929,-0.03333,-0.08866,-0.00048,-0.02348,-0.03973,-0.01326,-0.03514,-0.06586,-0.00466,-0.0202,-0.10925,-0.09125,0.01134,-0.08252,-0.0224,-0.01878,0.01963,0.11819,0.02405,-0.10189,0.01656,-0.00326,0.00504,-0.03002,0.00083,0.03391,-0.00094,-0.12475,0.03081,-0.02925,0.04838,0.02025,0.04044,0.09384,0.08759,0.03742,-0.04395,0.01383,-0.05602,0.04148,-0.05005,-0.02775,0.04614,0.11584,-0.06088,-0.02865,0.03663,0.02263,-0.05219,-0.05049,0.02732,0.00935,-0.03184,-0.06464,0.01168,-0.02433,-0.04162,-0.00719,0.03811,0.095,0.00197,-0.05036,0.03099,0.03995,0.03712,-0.01046,0.05056,0,-0.02716,0.03436,-0.05655,-0.01249,0.03134,-0.0072,-0.01215,-0.02837,0.02389,0.00658,-0.0017,-0.0488,-0.0747,-0.07951,0.0312,-0.08218,-0.03991,-0.04106,0.00103,0.05751,0.08184,-0.00007,-0.0801,-0.07123,0.01957,0.0394,-0.00034,0.02142,-0.13179,0.00564,0.08437,-0.00678,-0.0354,-0.00593,-0.03748,0.00507,-0.02998,-0.06845,-0.02083,-0.07843,0.02931,0.0115,-0.04713,0.01131,0.1171,-0.02188,-0.02866,-0.00401,0.07915,0.03854,-0.04045,0.06303,-0.0476,-0.02234,0.05183,-0.04756,-0.06975,0.06348,0.03829,0.01254,0.00118,-0.0137,-0.00637,-0.0073,0.05377,0.06312,0.05705,-0.03404,0.01122,-0.02728,-0.03106,-0.005,0.02625,0.03203,0.08449,-0.02681,0.05028,0.04867,0.09617,-0.09029,0.01902,0.0457,-0.06317,0.04116,0.07501,-0.02212,-0.03513,-0.05707,-0.03237,0.06536,0.0525,0.00768,0.0242,0.08231,0.01032,0,0.07427,-0.02806,-0.02642,0.00646,-0.00714,-0.04128,0.06754,0.00434,0.0367,0.0338,0.06625,0.07057,-0.02104,-0.0027,-0.00005,0.04393,-0.00987,-0.06642,0.03312,-0.05496,0.0266,0.06143,-0.04399,-0.01822,-0.07898,0.01663,0.0153,0.01037,-0.05027,-0.00955,-0.03024,0.0285,-0.05669,-0.0202,-0.07837,-0.03482,-0.03443,0.02507,0.01307,-0.01844,0.03753,0.05847,0.06937,-0.03556,-0.07981,-0.0326,0.00442,-0.01748,-0.05352,0.02615,-0.01116,0.05821,0.0058,0.0116,-0.06801,0.07081,0.05936,0.04736,-0.14919,0.00839,0.0679,-0.00478,0.04642,-0.08731,0.11933,0.08982,-0.06767,0.01384,0.05837,0.12081,-0.01827,-0.03935,-0.04261,-0.00051,0.01947,0.05636,0.13594,-0.0307,0.04818,-0.04946,-0.06239,0.05836,-0.08388,-0.00044,-0.03958,-0.04047,-0.09058,-0.10289,0.03926,0.00261,-0.05773,-0.0638,-0.04808,-0.07546,0.03105,0,-0.05557,0.0506,-0.0682,-0.01806,0.15436,0.0167,-0.09953,-0.05441,0.0322,-0.01934,0.02484,0.07155,-0.00359,-0.0371,0.05562,-0.01466,-0.07288,-0.05153,-0.05084,-0.01117,-0.07131,0.07135,0.01585,0.05971,-0.03343,-0.01413,0.05794,0.02823,0.04064,0.0306,-0.03016,0.0473,0.07439,0.03857,-0.03746,0.01436,-0.0077,0.01541,0.04,0.03182,0.06281,-0.01979,0.02719,-0.01694,-0.03115,-0.01962,-0.0689,-0.07743,-0.03563,0.01415,-0.08733,0.06226,-0.06085,0.01967,0.04099,-0.01686,-0.02748,-0.03647,0.03848,0.04818,0.02932,-0.02731,0.04728,0.03915],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Quick matrix Your Angular app Recommended Foblex Flow line Why ------------------- ---------------------------- ------------------------------------------------------------------------------------------------------ Angular 17.3+ 18.x Current line for modern Angular apps. Angular 17.3 through Angular 20+ use the same install path here. Angular 16.1 - 17.2 17.4.x Safe transition line if you do not want to jump straight onto the newest line. Angular 12 - 16.0 16.0.x Safe legacy line before the newer Angular API floor. Angular 12 - 15 12.6.3 Legacy @foblex/core line. Use this if you are staying on the old dependency family.","excerpt":"Quick matrix Your Angular app Recommended Foblex Flow line Why ------------------- ---------------------------- ------------------------------------------------------------------------------------------------------ Angular 17.3+ 18.x Current line for modern Angular apps. Angular 17.3 through Angular 20+ use the same install path here. Angular 16.1 - 17.2 17.4.x Safe transition line if you do not want to jump straight onto the newest line. Angular 12 - 16.0 16.0.x Safe legacy line before the newer Angular API floor. Angular 12 - 15 12.6.3 Legacy @foblex/core line. Use this if you are staying on the old dependency family."},{"chunkId":"/docs/angular-version-compatibility#2","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.08371,-0.00314,-0.05898,-0.06747,-0.01544,0.07287,-0.08104,0.03389,-0.01324,0.02265,-0.0338,0.02858,-0.12969,0.00477,0.11205,0.03017,-0.04046,-0.02124,0.00567,0.04049,-0.01419,-0.02984,-0.01929,-0.05558,0.00281,-0.0001,0.02664,-0.03784,0.05081,-0.02617,0.05605,0.09058,-0.01167,-0.01831,-0.09927,0.00794,0.00353,-0.02015,-0.01098,-0.06315,0.03603,0.03811,-0.00032,-0.08403,-0.0219,-0.05004,-0.05488,-0.01349,-0.04407,0.05971,-0.03532,-0.08642,-0.05074,0.08662,0.04385,-0.01555,-0.00043,0.00365,-0.00477,-0.03841,-0.05728,-0.08458,-0.00032,0.01909,-0.0367,0.00131,-0.07265,-0.05735,-0.00275,-0.0675,-0.12129,-0.07773,0.05847,-0.05558,-0.03595,-0.00213,0.01827,0.07572,0.03962,-0.03305,0.00883,-0.02876,0.00292,-0.01357,-0.00932,0.05032,0.04093,-0.08626,0.00757,-0.06054,0.00402,0.07365,0.05639,0.04267,0.04049,0.02249,-0.03521,-0.00337,-0.07261,0.01,0.01546,-0.01767,0.03964,0.03625,-0.11515,0.00072,0.05526,0.01496,-0.02921,-0.06306,0.02157,0.01914,-0.01784,-0.10167,0.02901,-0.06518,-0.08499,-0.02333,0.05832,0.06567,-0.04306,-0.05209,0.03644,0.01633,0.06533,-0.00187,0.03919,0,-0.02141,0.06054,-0.07367,0.04106,0.06483,0.00854,-0.02074,-0.0604,0.00964,0.01376,0.02275,-0.01847,-0.06597,0.00543,0.03208,-0.0698,-0.04764,-0.02559,0.0438,0.0472,0.10581,-0.03776,-0.02011,-0.00926,0.03587,0.04822,0.01563,0.05986,-0.07861,0.02489,0.06836,-0.01522,-0.06044,-0.01154,-0.01915,-0.00298,-0.04894,-0.05531,-0.00344,-0.07701,0.06797,-0.01034,-0.09907,0.02556,0.04747,-0.03859,-0.0011,0.00919,0.12089,0.06825,-0.02273,0.03243,-0.04342,0.0311,0.11257,-0.01952,-0.05107,0.08099,0.05976,0.03942,0.03376,0.0065,0.00997,-0.06292,0.06331,0.04358,0.05046,-0.02339,0.0357,-0.00229,-0.02545,0.03337,0.01774,0.0771,0.06014,-0.02699,0.02242,0.04248,0.1244,-0.0108,-0.03734,0.02752,0.00019,0.08011,0.08601,-0.04726,-0.02906,-0.06192,-0.03951,0.06256,0.104,0.00478,0.00969,0.0754,-0.01512,0,-0.01343,0.01627,-0.04445,0.05331,0.01409,-0.04639,0.06839,0.02958,0.07286,0.03408,0.09466,0.10908,-0.00634,0.02784,-0.02661,-0.00254,-0.0146,-0.12856,0.08305,-0.08116,0.0342,-0.00306,0.00881,-0.03023,-0.0632,0.06671,0.03683,0.02062,0.00538,-0.00483,0.04982,0.0369,-0.02731,-0.03233,-0.06772,-0.06381,0.01528,0.02097,-0.01783,-0.09297,0.04653,0.04343,0.01941,-0.04024,-0.10497,-0.04994,0.00647,-0.0217,-0.03362,0.03573,0.00014,0.03857,-0.01254,-0.02155,-0.07314,0.0029,0.07308,0.03266,-0.11702,0.057,0.01445,0.01893,0.06716,-0.07437,0.1219,0.09887,-0.03254,0.01745,0.05421,0.14188,0.01431,-0.02909,-0.05118,-0.00825,0.05845,0.0732,0.1026,-0.00942,0.02755,-0.03689,-0.00111,0.04707,-0.05895,0.04863,0.01221,-0.03254,-0.09906,-0.1316,0.03696,0.0374,-0.0609,-0.0175,-0.05293,-0.03874,0.0432,0,-0.12205,0.04618,-0.06535,-0.0401,0.10827,0.02943,-0.10055,-0.0694,0.02741,-0.01604,-0.01236,0.0465,-0.02415,-0.00197,0.06809,-0.0136,-0.05675,-0.0113,-0.02701,-0.02839,-0.01899,0.05805,0.03994,0.02943,-0.00258,-0.02597,0.03022,0.02393,0.0029,-0.00381,-0.00734,0.08002,0.0323,0.03326,-0.01646,0.00967,-0.04431,0.00752,-0.01731,0.02233,0.06916,-0.00883,-0.01067,-0.02663,-0.08171,-0.02097,-0.03076,-0.0986,-0.09128,-0.00597,-0.04679,0.07404,-0.08263,0.00256,0.0004,0.01483,-0.00294,-0.03708,0.06137,0.0528,0.00769,-0.01726,0.07326,-0.0066],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Manual install commands","excerpt":"Manual install commands"},{"chunkId":"/docs/angular-version-compatibility#3","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.08561,0.00142,-0.05076,-0.08288,0.05043,0.04931,-0.08543,-0.02022,-0.03225,0.04078,-0.0329,0.0289,-0.15356,0.02234,0.10611,0.03498,-0.01922,-0.02528,0.01346,0.05175,-0.04152,-0.03599,-0.01017,-0.0435,0.01818,0.01745,0.02541,-0.03851,0.03252,-0.0074,0.03915,0.10962,-0.01132,-0.05222,-0.11673,-0.02561,-0.02422,-0.02046,-0.01373,-0.0523,0.03786,0.0491,-0.00314,-0.07429,-0.03714,-0.05873,-0.07616,-0.02719,-0.04102,0.07104,-0.069,-0.09707,-0.02886,0.08083,0.01767,-0.08123,-0.03036,-0.02052,-0.02464,-0.04262,-0.03317,-0.08982,-0.01022,0.01176,0.0025,0.00086,-0.05528,-0.07815,-0.02316,-0.05361,-0.09878,-0.06449,0.04354,-0.07554,0.00403,0.02378,0.03567,0.05794,0.0391,-0.06141,0.01051,-0.01202,0.00184,0.01133,-0.02456,0.04756,0.03462,-0.08326,-0.01701,-0.03011,0.01481,0.06193,0.06992,0.06149,0.0498,0.00474,-0.03662,-0.0153,-0.04256,0.00503,-0.00385,0.01263,0.06924,0.03464,-0.09796,-0.02352,0.04601,-0.00998,-0.0223,-0.02191,0.02859,0.00595,-0.01523,-0.10344,0.01227,-0.05216,-0.08104,-0.01104,0.05968,0.0871,0.00108,-0.04674,0.02856,0.02122,0.02701,-0.02903,0.01278,0,-0.02333,0.05111,-0.06258,0.03597,0.04907,0.03284,-0.04493,-0.05883,-0.00222,0.00281,-0.00526,-0.03754,-0.04333,-0.02099,0.05984,-0.0689,-0.06136,-0.02481,0.04419,0.0535,0.1214,-0.01826,-0.07578,-0.01564,0.04376,0.03388,-0.00071,0.0844,-0.09441,0.00737,0.05839,-0.00198,-0.05684,-0.00054,-0.02276,0.02226,-0.0625,-0.09069,-0.01156,-0.0596,0.04615,-0.0108,-0.07726,0.01115,0.08278,-0.00726,-0.0025,0.00532,0.10542,0.03742,-0.02847,0.03051,-0.05945,0.00985,0.11617,-0.01054,-0.05302,0.08145,0.07037,0.01459,0.02983,-0.01885,0.01678,-0.05958,0.03363,0.06809,0.08292,-0.03585,0.03815,-0.03622,-0.03717,0.02134,0.00519,0.07316,0.08676,-0.02461,0.06094,0.03252,0.14652,-0.03342,-0.04819,0.02865,-0.0185,0.07516,0.0648,-0.00916,-0.03816,-0.06592,0.01868,0.08357,0.09457,-0.00223,-0.0052,0.08561,-0.00021,0,0.01493,-0.00414,-0.05773,0.05507,-0.01119,-0.06157,0.04608,0.05027,0.06833,-0.00732,0.116,0.05161,-0.01411,0.01897,0.00593,0.0323,-0.02094,-0.13577,0.0395,-0.0679,0.03235,-0.03695,-0.00951,-0.00303,-0.07859,0.06178,0.03028,-0.02434,0.01651,-0.02189,0.01356,0.00912,-0.0404,-0.03768,-0.04651,-0.04789,-0.01128,0.01356,-0.01029,-0.06958,0.03612,0.07554,0.06346,-0.01641,-0.07854,-0.03467,0.01725,-0.01499,0.00607,0.03022,-0.02053,0.03102,0.00503,-0.03858,-0.05991,0.02744,0.08259,0.04474,-0.10106,0.04202,0.04258,0.02136,0.06578,-0.05163,0.11591,0.09937,-0.0378,0.0271,0.05807,0.13733,0.00562,-0.03575,-0.05011,-0.00482,0.04021,0.04896,0.12668,-0.00176,0.02937,-0.04602,0.0257,0.08868,-0.06334,0.05133,0.00143,-0.01691,-0.07832,-0.1033,0.03852,0.01187,-0.04098,-0.02229,-0.07457,-0.04921,0.04048,0,-0.07846,0.05037,-0.07688,-0.03801,0.0883,0.03572,-0.09091,-0.06443,0.0495,0.03173,0.01658,0.05922,-0.03552,-0.02522,0.09168,-0.01394,-0.06024,-0.02252,-0.01668,-0.03028,-0.02968,0.04445,0.02257,0.03871,-0.0255,-0.01656,0.01755,0.02475,0.00746,-0.01872,-0.01632,0.07457,0.09472,0.02834,-0.018,0.00751,-0.03302,0.00447,0.02055,0.0467,0.06545,-0.02369,-0.00114,-0.02395,-0.07534,-0.01104,-0.04396,-0.07053,-0.09446,-0.0027,-0.05705,0.08265,-0.04363,0.01201,0.044,0.0252,-0.02864,-0.0303,0.05816,0.01497,0.01059,-0.04706,0.05645,0.02384],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Angular 17.3+ If you want to stay on the last 17.x release line:","excerpt":"Angular 17.3+ If you want to stay on the last 17.x release line:"},{"chunkId":"/docs/angular-version-compatibility#4","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.08582,0.01831,-0.05653,-0.07403,0.01215,0.0368,-0.09033,0.02238,-0.03252,0.03116,-0.04564,0.01303,-0.13323,0.03845,0.10901,0.05781,-0.02489,-0.01466,0.01097,0.05796,-0.04418,-0.04537,-0.01568,-0.04466,0.01395,-0.00365,0.03841,-0.0409,0.03912,-0.01684,0.05092,0.1052,-0.01856,-0.02919,-0.11744,-0.01146,0.00508,-0.02098,-0.0243,-0.06096,0.06127,0.06003,-0.00721,-0.08946,-0.03852,-0.05531,-0.06059,-0.00497,-0.03357,0.07371,-0.06261,-0.07652,-0.03245,0.08492,0.03741,-0.04277,-0.00784,-0.00517,-0.00904,-0.0262,-0.04607,-0.09026,0.00144,0.02607,-0.03874,-0.00139,-0.04499,-0.04746,-0.01774,-0.05923,-0.09905,-0.06778,0.05523,-0.06994,0.00023,0.03036,-0.00212,0.07161,0.05285,-0.04951,0.00846,-0.02579,-0.00802,-0.03106,-0.01201,0.07224,0.03603,-0.08771,-0.01426,-0.03917,0.01624,0.05213,0.07244,0.05594,0.04605,0.00621,-0.00846,-0.02004,-0.05583,-0.01704,-0.00732,-0.00156,0.03896,0.04561,-0.09911,-0.02777,0.05969,-0.00919,-0.03138,-0.03207,0.03571,0.01152,-0.00146,-0.11093,0.02205,-0.05959,-0.08034,-0.01234,0.04433,0.08018,-0.03019,-0.05442,0.02396,0.01759,0.06095,-0.02465,0.02827,0,-0.02683,0.07335,-0.05789,0.01981,0.06046,-0.00206,-0.0368,-0.05096,0.01776,0.00963,-0.00475,-0.04247,-0.04815,-0.01049,0.03469,-0.08127,-0.02718,-0.03874,0.03021,0.07098,0.09065,-0.02015,-0.04585,-0.01206,0.04035,0.0523,-0.00453,0.06802,-0.09962,0.0155,0.07232,-0.01142,-0.06224,-0.00189,-0.03603,-0.00603,-0.04491,-0.0825,-0.01017,-0.06739,0.05151,-0.01024,-0.08793,0.01484,0.05469,-0.03289,-0.02067,0.02848,0.11565,0.05623,-0.04265,0.0562,-0.07802,-0.00091,0.11044,-0.01702,-0.04809,0.08746,0.0739,0.03151,0.01492,0.00038,-0.00369,-0.07573,0.03899,0.04324,0.05331,-0.05828,0.01148,-0.02103,-0.02772,0.03968,0.0058,0.06882,0.08129,-0.01563,0.0429,0.04032,0.15248,-0.00921,-0.02703,0.03195,-0.02191,0.08041,0.07585,-0.02226,-0.01731,-0.05904,-0.01095,0.08565,0.08563,0.00756,0.01209,0.07535,-0.004,0,0.0012,0.01961,-0.0413,0.06181,0.00078,-0.05218,0.06562,0.02772,0.08204,0.03295,0.11376,0.0647,-0.01939,0.02699,-0.01557,0.01909,-0.02361,-0.1159,0.06236,-0.09133,0.02485,-0.01615,-0.01251,-0.02121,-0.07875,0.04088,0.02419,0.00076,0.01033,-0.01611,0.0427,0.01682,-0.02409,-0.03436,-0.06293,-0.06496,-0.00139,0.01657,0.00733,-0.09324,0.04935,0.06726,0.05261,-0.01885,-0.09154,-0.05767,0.00216,-0.00298,-0.02485,0.03198,-0.01999,0.05005,0.00218,-0.03288,-0.04983,0.01464,0.06705,0.03327,-0.10598,0.02719,0.04301,0.00744,0.04659,-0.06381,0.13104,0.10627,-0.03233,0.00546,0.05312,0.14752,0.02476,-0.03242,-0.04502,0.00425,0.06033,0.06098,0.11134,-0.03675,0.03715,-0.04885,0.01326,0.07613,-0.06313,0.02121,0.01601,-0.00013,-0.09126,-0.11194,0.03876,0.03017,-0.05713,-0.01616,-0.06788,-0.04651,0.04579,0,-0.10859,0.05339,-0.05786,-0.04238,0.0831,0.00851,-0.08231,-0.07088,0.03708,-0.00155,-0.00083,0.05877,-0.03818,-0.01691,0.10127,-0.01617,-0.04844,-0.0184,-0.01857,-0.01464,-0.0124,0.05575,0.01934,0.04328,-0.02584,-0.00813,0.02097,0.03911,0.0037,-0.01789,-0.00806,0.0805,0.06772,0.03446,-0.03054,-0.00375,-0.04362,0.01388,0.00269,0.05078,0.08259,-0.02847,-0.01147,-0.0299,-0.06608,0.00607,-0.04117,-0.09056,-0.08736,0.00116,-0.05111,0.07874,-0.05703,-0.0006,0.02165,0.01466,-0.01312,-0.03011,0.057,0.02177,0.01239,-0.03258,0.04854,-0.00762],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Angular 16.1 - 17.2","excerpt":"Angular 16.1 - 17.2"},{"chunkId":"/docs/angular-version-compatibility#5","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.092,0.01057,-0.06549,-0.07337,-0.00145,0.06082,-0.09555,0.03748,-0.01434,0.02946,-0.04607,0.04545,-0.13705,0.01791,0.10522,0.04323,-0.04492,-0.01841,0.00475,0.06461,-0.02841,-0.04453,-0.01766,-0.04546,0.0135,0.00089,0.04455,-0.03752,0.04404,-0.02088,0.04069,0.10155,-0.03406,-0.0289,-0.10358,0.00874,0.00352,-0.03022,-0.02818,-0.05194,0.02728,0.05158,-0.00037,-0.07555,-0.03218,-0.05253,-0.05905,-0.0067,-0.05125,0.07282,-0.04046,-0.07354,-0.04214,0.08198,0.03401,-0.03574,-0.0217,-0.00777,-0.00822,-0.02019,-0.05189,-0.085,0.00074,0.02715,-0.03534,0.00406,-0.06398,-0.04005,-0.02052,-0.067,-0.10212,-0.06933,0.05404,-0.04919,-0.01035,0.00854,0.00634,0.07199,0.04992,-0.03163,0.01759,-0.02791,-0.0174,-0.01433,-0.00116,0.05626,0.02924,-0.0876,-0.01532,-0.058,0.01478,0.07766,0.07232,0.04953,0.03152,0.01414,-0.01615,-0.0192,-0.05775,-0.00815,0.00644,-0.00047,0.03778,0.04284,-0.09387,-0.00327,0.05959,0.00087,-0.03068,-0.04848,0.02961,0.01361,-0.01499,-0.1122,0.03585,-0.06967,-0.08506,-0.02438,0.06172,0.07835,-0.04196,-0.05129,0.01409,0.0217,0.05482,-0.00779,0.02778,0,-0.02546,0.05709,-0.05903,0.02302,0.07091,-0.00555,-0.02385,-0.04662,0.01943,0.01057,0.00845,-0.03416,-0.05361,-0.00409,0.02896,-0.07688,-0.02628,-0.03676,0.03771,0.06599,0.10237,-0.04347,-0.02011,-0.01277,0.02536,0.05467,0.00781,0.06687,-0.09743,0.0203,0.0712,-0.02586,-0.05833,-0.00132,-0.03712,-0.00901,-0.04945,-0.07743,-0.00362,-0.07665,0.05154,-0.00643,-0.08921,0.01419,0.05556,-0.02434,-0.00021,0.01647,0.10344,0.05561,-0.03291,0.06243,-0.06185,0.01424,0.11525,-0.01839,-0.03982,0.08246,0.0584,0.05075,0.01607,0.00505,-0.00606,-0.0738,0.04542,0.05185,0.05689,-0.04189,0.0094,-0.02213,-0.02199,0.052,0.01104,0.08215,0.07611,-0.01936,0.02668,0.04503,0.13745,-0.00213,-0.02837,0.03707,-0.01294,0.07628,0.06851,-0.05141,-0.01935,-0.05423,-0.03341,0.08354,0.09332,0.00546,0.01669,0.07834,-0.00531,0,-0.01173,0.01651,-0.04573,0.05397,0.01002,-0.04564,0.07543,0.02562,0.07595,0.04025,0.10211,0.09746,-0.00469,0.01066,-0.02262,0.01162,-0.02584,-0.11605,0.08029,-0.09346,0.02837,0.00583,-0.01756,-0.02758,-0.08298,0.04943,0.0184,0.00667,0.01248,0.00101,0.06377,0.01858,-0.01921,-0.03397,-0.06235,-0.05587,0.00108,0.01069,-0.00937,-0.08758,0.05359,0.05297,0.03826,-0.02993,-0.09282,-0.05346,-0.0001,-0.00971,-0.02504,0.03725,-0.01196,0.04891,-0.00318,-0.02845,-0.05417,0.00089,0.05972,0.02042,-0.11331,0.04309,0.02546,0.01307,0.0366,-0.06727,0.12874,0.11279,-0.03251,0.00911,0.05363,0.14511,0.02639,-0.02924,-0.0551,-0.00192,0.04741,0.06976,0.11061,-0.02733,0.02307,-0.04015,-0.00575,0.05797,-0.06111,0.03985,0.01915,-0.01514,-0.09354,-0.12993,0.04523,0.04054,-0.05446,-0.01227,-0.06508,-0.03503,0.04182,0,-0.11623,0.05735,-0.05549,-0.04329,0.08285,0.00419,-0.08683,-0.06713,0.02638,-0.00813,-0.0122,0.05941,-0.03356,-0.01393,0.08167,-0.02226,-0.0342,-0.01735,-0.02185,-0.01398,-0.00808,0.06259,0.0323,0.02688,-0.02461,-0.01688,0.02158,0.02998,0.01719,-0.01141,-0.00892,0.09464,0.0413,0.0298,-0.02668,0.00894,-0.04313,0.01096,-0.01684,0.04826,0.08101,-0.03039,-0.02782,-0.02552,-0.07565,-0.01076,-0.04621,-0.11952,-0.08429,-0.00307,-0.05616,0.07629,-0.07275,0.00334,0.02051,0.00992,-0.01146,-0.03213,0.05878,0.04028,0.01094,-0.02799,0.07046,0.0054],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Angular 12 - 16.0","excerpt":"Angular 12 - 16.0"},{"chunkId":"/docs/angular-version-compatibility#6","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.09717,0.00834,-0.05986,-0.08146,0.00474,0.06386,-0.09379,0.04125,-0.00583,0.00843,-0.05999,0.03155,-0.13355,0.00225,0.10653,0.04583,-0.03665,-0.00865,0.01032,0.07079,-0.03827,-0.05077,-0.01705,-0.04218,0.00935,-0.00063,0.03782,-0.04206,0.01816,-0.03254,0.043,0.09968,-0.02637,-0.01451,-0.09442,0.01744,0.00258,-0.02974,-0.00409,-0.06865,0.03782,0.04933,-0.00514,-0.07151,-0.02704,-0.05834,-0.05158,-0.0157,-0.06191,0.08333,-0.02988,-0.08078,-0.0398,0.0912,0.04188,-0.02364,-0.01444,-0.00936,-0.00566,-0.00787,-0.04908,-0.07308,-0.00242,0.00994,-0.03136,-0.01475,-0.06266,-0.05175,-0.02056,-0.05732,-0.11346,-0.07631,0.05471,-0.06116,-0.01373,0.01746,0.01245,0.06978,0.04124,-0.0538,-0.0052,-0.00322,-0.00588,-0.02576,-0.00224,0.04804,0.02731,-0.09182,-0.01653,-0.05634,0.01852,0.07208,0.06967,0.04123,0.03218,0.01959,-0.02671,-0.01944,-0.06853,0.00329,0.00824,-0.01242,0.04772,0.03807,-0.09695,-0.00764,0.06046,-0.00039,-0.04381,-0.05245,0.02196,0.01258,-0.03342,-0.10523,0.04163,-0.08138,-0.08141,-0.02327,0.07783,0.06636,-0.05664,-0.06659,0.02683,0.0145,0.04786,-0.00664,0.02009,0,-0.01974,0.05795,-0.05208,0.02825,0.05513,-0.00418,-0.01568,-0.04713,0.02278,0.00326,0.02143,-0.02849,-0.03663,-0.01273,0.02453,-0.06597,-0.05318,-0.03997,0.04428,0.05213,0.09085,-0.01775,-0.02639,-0.01096,0.04173,0.02795,0.00518,0.06157,-0.10017,0.03389,0.08017,-0.02445,-0.04583,0.00353,-0.03835,-0.01348,-0.02639,-0.06787,-0.00067,-0.07317,0.05753,-0.0063,-0.07099,0.02422,0.06069,-0.01484,-0.00236,0.01809,0.09852,0.04254,-0.03064,0.03279,-0.04134,0.01927,0.10788,-0.00106,-0.03882,0.08848,0.06543,0.04293,0.02263,-0.00579,0.00314,-0.06511,0.05268,0.05929,0.05331,-0.04721,0.02429,-0.00715,-0.03783,0.05286,0.00428,0.09359,0.06531,-0.04062,0.02323,0.05888,0.13697,-0.0043,-0.02044,0.04528,-0.00982,0.0712,0.07611,-0.04132,-0.02789,-0.05813,-0.02687,0.07058,0.08964,-0.00612,0.01023,0.06433,-0.00654,0,-0.01502,0.01947,-0.05454,0.05767,0.00501,-0.04765,0.06135,0.01884,0.05914,0.04514,0.09721,0.10191,0.00054,0.01918,-0.0249,0.0018,-0.03299,-0.12766,0.07907,-0.08547,0.04499,-0.01207,-0.00818,-0.02837,-0.06923,0.05314,0.00453,0.02179,0.01482,-0.01564,0.04787,0.03042,-0.00745,-0.03847,-0.07065,-0.06853,-0.00724,0.01178,-0.00832,-0.08819,0.05808,0.04577,0.03869,-0.02253,-0.09781,-0.05479,0.00093,-0.0168,-0.0113,0.04198,-0.02169,0.0354,-0.00452,-0.01263,-0.07328,0.00288,0.07215,0.0288,-0.10235,0.05177,0.02408,0.0245,0.06549,-0.05247,0.13303,0.09459,-0.03211,0.00277,0.034,0.15242,0.0291,-0.03537,-0.07834,0.00018,0.04252,0.07279,0.11515,-0.01417,0.03102,-0.02019,-0.00885,0.05411,-0.07301,0.0476,0.02967,0.01048,-0.0896,-0.12497,0.0462,0.03694,-0.04202,-0.00888,-0.06032,-0.04754,0.03309,0,-0.10333,0.05246,-0.05938,-0.02392,0.09566,0.0237,-0.10273,-0.0731,0.03403,-0.00951,-0.02504,0.06155,-0.03399,-0.01403,0.0674,-0.01804,-0.03169,-0.03421,-0.02264,-0.0096,-0.03268,0.07027,0.03919,0.02693,-0.01641,-0.00553,0.02523,0.02011,0.01005,0.00631,-0.00504,0.08844,0.03522,0.0215,-0.02779,0.02634,-0.03712,0.00383,-0.01905,0.054,0.07959,-0.03058,-0.02249,-0.02964,-0.07393,-0.0056,-0.04037,-0.11763,-0.09348,-0.01517,-0.06371,0.07176,-0.07916,0.00481,-0.00694,0.01869,-0.00434,-0.03723,0.07264,0.05293,0.01532,-0.03677,0.07429,0.01414],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Angular 12 - 15, legacy @foblex/core line","excerpt":"Angular 12 - 15, legacy @foblex/core line"},{"chunkId":"/docs/angular-version-compatibility#7","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.067,-0.05597,-0.03636,-0.06805,-0.01074,0.00256,-0.01052,0.01512,-0.01658,0.03168,0.00168,-0.07152,-0.07648,0.02503,0.07682,0.04559,-0.09135,0.03011,0.02407,0.0673,-0.0616,-0.01489,-0.02824,-0.06064,0.00427,0.00033,-0.03094,-0.0616,-0.02456,-0.11456,0.07635,0.08045,-0.03114,-0.005,0.0129,0.09606,-0.00681,-0.02479,-0.10722,-0.0647,0.07815,0.08393,0.0609,-0.1149,-0.12998,-0.0863,-0.05774,-0.0305,-0.05098,0.0307,-0.05376,-0.1321,-0.04666,0.13608,0.0551,-0.00317,-0.0298,0.00712,0.03203,0.01447,-0.04691,-0.00358,-0.0373,-0.01667,-0.07291,-0.00724,-0.08204,-0.02851,0.01247,-0.02038,-0.08413,-0.10181,0.03051,-0.03877,-0.00677,0.01037,0.07867,0.07963,-0.00045,-0.09759,-0.06865,0.00448,-0.05821,-0.00021,-0.00648,0.09061,-0.01581,-0.01888,-0.01129,-0.04941,-0.02285,0.0288,-0.01483,0.02812,0.06369,-0.00961,0.01987,0.02377,-0.02501,0.08129,-0.06272,-0.01576,0.05536,0.08338,-0.08828,0.00838,-0.02231,-0.01497,-0.05678,-0.06555,-0.07094,-0.01014,0.00677,-0.06819,0.01227,-0.0948,-0.07966,-0.04329,0.05348,0.0599,0.05397,-0.01822,0.0576,0.044,0.05638,-0.00922,0.0185,0,0.02572,0.02776,-0.06244,0.02761,0.06491,-0.00604,0.04445,0.00454,-0.01792,0.00494,-0.01482,0.00323,-0.09746,-0.0238,0.01273,-0.14013,-0.02247,0.08415,-0.02466,0.03289,0.05828,0.0469,-0.10352,0.00573,0.00869,0.02589,0.01177,-0.00509,-0.02485,0.00948,0.03698,0.02929,-0.02893,0.02362,-0.01335,-0.00466,-0.05728,-0.03517,0.02089,-0.02602,0.01791,-0.00032,-0.05288,-0.03148,0.07195,-0.08862,-0.00361,-0.00978,0.0796,-0.01029,0.00835,0.00416,0.0242,0.02303,0.05305,-0.05901,-0.06476,0.09866,0.04124,0.05043,0.01424,0.13067,0.01176,-0.05203,0.07083,0.03004,0.03292,-0.00164,0.06201,0.04829,-0.06143,0.02783,0.0989,0.02643,0.09792,-0.02265,0.00659,-0.00016,0.03438,-0.04161,-0.08389,0.02371,-0.02198,0.00978,0.07054,-0.04227,-0.0056,-0.03404,-0.06715,-0.0065,0.06641,0.01473,-0.00072,0.00715,-0.05782,0,-0.00033,0.03943,-0.02802,0.02855,0.0004,0.01223,0.04031,-0.02802,0.02334,0.02809,0.00117,0.07297,0.04284,-0.04007,0.01471,0.04275,0.00524,-0.11376,0.06591,-0.05026,0.00038,0.08145,-0.03917,-0.01239,-0.01213,-0.00025,0.07398,0.07932,0.04219,0.01519,0.02114,0.04594,-0.06147,-0.0124,0.0354,-0.05597,-0.01024,0.09798,-0.0157,-0.06506,0.08058,-0.03377,-0.00441,0.03534,-0.0228,-0.0468,0.00622,0.00221,-0.04662,0.01201,-0.05131,0.03214,-0.04406,-0.02703,-0.0134,0.10431,0.11649,0.04886,-0.05339,-0.00571,0.02452,-0.02819,0.06964,-0.04956,0.13607,0.07486,-0.08346,-0.01711,-0.0461,0.08813,0.00933,0.05057,0.0447,-0.07073,0.06954,0.0579,0.05898,-0.01511,0.08274,-0.011,-0.08834,0.11212,0.00486,0.01702,0.00691,0.00287,-0.09376,-0.00743,0.03384,-0.03036,-0.01159,0.01619,0.09918,-0.00655,0.02083,0,-0.04608,-0.01895,-0.06381,-0.02066,0.06693,0.05566,-0.03631,-0.00377,-0.00248,-0.0551,0.02221,0.08548,0.02064,0.00678,0.06371,-0.06073,-0.02971,-0.00121,-0.07006,0.00154,-0.01593,0.06624,0.0327,0.01283,-0.07011,-0.08319,0.02727,-0.02577,0.01664,0.00514,0.01834,0.02051,0.03395,0.03102,0.02221,0.03186,-0.02364,0.03839,-0.02654,0.06223,0.05271,-0.01752,-0.01808,-0.01781,-0.01242,0.00102,-0.09903,-0.01153,-0.04836,-0.03334,-0.07734,0.0675,-0.08985,-0.00613,0.05127,0.02701,-0.03726,-0.07234,0.01682,0.01462,-0.03125,0.01819,0.09705,0.05692],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Companion packages by line Foblex Flow line Companion packages you should install manually ---------------- --------------------------------------------------------------------------------------------------------------------------- 18.x @foblex/platform@1.0.4, @foblex/mediator@1.1.3, @foblex/2d@1.2.2, @foblex/utils@1.1.1 17.9.5 @foblex/platform@1.0.4, @foblex/mediator@1.1.3, @foblex/2d@1.2.1, @foblex/utils@1.1.1 17.4.0 @foblex/platform@1.0.4, @foblex/mediator@1.1.2, @foblex/2d@1.1.9, @foblex/utils@1.1.1, @foblex/drag-toolkit@1.1.0 16.0.0 @foblex/platform@1.0.3, @foblex/mediator@1.1.0, @foblex/2d@1.1.0, @foblex/utils@1.1.0, @foblex/drag-toolkit@1.1.0 12.6.3 @foblex/core@1.2.6, @foblex/platform@1.0.3","excerpt":"Companion packages by line Foblex Flow line Companion packages you should install manually ---------------- --------------------------------------------------------------------------------------------------------------------------- 18.x @foblex/platform@1.0.4, @foblex/mediator@1.1.3, @foblex/2d@1.2.2, @foblex/utils@1.1.1 17.9.5 @foblex/platform@1.0.4, @foblex/mediator@1.1.3, @foblex/2d@1.2.1, @foblex/utils@1.1.1 17.4.0 @foblex/platform@1.0.4, @foblex/mediator@1.1.2, @foblex/2d@1.1.9, @foblex/utils@1.1.1, @foblex/drag-toolkit@1.1.0 16.0.0 @foblex/platform@1.0.3, @foblex/mediator@1.1.0, @foblex/2d@1.1.0, @foblex/utils@1.1.0, @foblex/drag-toolkit@1.1.0 12.6.3 @foblex/core@1.2.6, @foblex/platform@1.0.3"},{"chunkId":"/docs/angular-version-compatibility#8","slug":"angular-version-compatibility","route":"/docs/angular-version-compatibility","section":"docs","title":"Angular Version Compatibility","description":"Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines.","group":"Introduction","vector":[-0.08144,-0.02349,-0.0307,-0.0637,0.03752,0.08676,-0.09201,0.01,-0.02026,0.02342,-0.04542,0.01469,-0.12619,0.0263,0.10836,0.04272,-0.02838,-0.00881,0.0086,0.03432,-0.02826,-0.03468,0.01281,-0.03657,0.01102,0.00853,0.01209,-0.0559,0.03163,0.0228,0.08951,0.11091,0.00356,-0.05141,-0.10732,0.00868,-0.01455,-0.00829,-0.00554,-0.05281,0.07091,0.05599,0.0111,-0.09902,-0.04621,-0.0931,-0.0744,0.01666,-0.04014,0.07845,-0.06337,-0.11574,-0.02626,0.07643,0.04359,-0.03152,-0.05787,-0.01219,0.00324,-0.04846,-0.01451,-0.06612,0.0098,0.0038,-0.01685,-0.00009,-0.06787,-0.02825,-0.00613,-0.00436,-0.08396,-0.07405,0.04187,-0.05687,-0.01085,-0.0174,0.00329,0.06629,0.02074,-0.04054,-0.00561,-0.00367,0.01749,0.01444,-0.02576,0.05505,0.05801,-0.06196,-0.01691,-0.0364,0.01544,0.04633,0.03533,0.03493,0.0699,-0.00044,-0.0571,-0.00458,-0.08874,-0.01811,-0.00317,-0.02743,0.05819,0.05817,-0.0722,-0.01873,0.01072,0.00747,-0.05321,-0.05473,0.04826,0.01551,-0.03155,-0.09855,-0.01303,-0.05565,-0.07216,-0.04193,0.04299,0.05948,-0.02194,-0.05273,0.02443,0.00475,0.04763,-0.013,-0.01986,0,-0.02404,0.07284,-0.09438,0.01515,0.03347,0.03932,-0.0428,-0.0598,-0.01444,0.00874,0.03388,-0.02278,-0.04504,-0.01208,0.02862,-0.06369,-0.02169,-0.02912,0.02791,0.05693,0.09601,-0.00297,-0.04353,-0.00996,0.04757,0.01551,0.00261,0.04103,-0.0796,-0.00217,0.09112,-0.02208,-0.02194,0.02736,-0.04509,0.01294,-0.03295,-0.09718,-0.00448,-0.0804,0.04436,0.02456,-0.09136,0.01676,0.06513,-0.01515,-0.01436,-0.03316,0.10862,0.05469,-0.04911,0.03928,-0.02003,-0.00536,0.08873,-0.0305,-0.07532,0.0902,0.05666,-0.00372,0.03104,-0.01957,0.01155,-0.05274,0.07273,0.08585,0.05039,-0.02963,0.03105,-0.00998,-0.06178,0.03489,-0.00049,0.09143,0.11188,-0.03098,0.03021,0.04247,0.13667,-0.01945,-0.01242,0.0201,-0.00581,0.08308,0.08907,-0.03819,-0.04543,-0.02674,0.0002,0.0853,0.11167,-0.02882,-0.03862,0.0865,0.00641,0,0.01654,0.01582,-0.03439,0.06373,0.00875,-0.0704,0.03905,-0.01481,0.09373,-0.00798,0.08333,0.06653,-0.00967,0.04894,-0.01796,0.01876,-0.02311,-0.11158,0.04186,-0.1027,0.01429,-0.0272,0.02741,-0.02273,-0.07819,0.05574,0.05127,-0.03093,-0.01447,-0.04786,-0.00222,0.03516,-0.04411,-0.01036,-0.05626,-0.01878,-0.00177,0.02673,-0.00202,-0.09963,0.04031,0.05109,0.03443,-0.01204,-0.08688,-0.05671,-0.00074,-0.0002,-0.0236,0.03293,-0.06432,0.03475,-0.00232,-0.01854,-0.05658,0.01205,0.0849,0.04528,-0.05807,0.01815,0.00423,0.02194,0.05786,-0.06572,0.08284,0.10806,-0.04723,-0.0031,0.06415,0.14474,0.03506,-0.00581,-0.06084,-0.01185,0.05319,0.09905,0.11751,-0.01001,0.04436,-0.02592,0.00805,0.06998,-0.05111,0.04375,0.04025,0.01485,-0.09428,-0.10894,0.02551,0.03359,-0.02241,-0.03663,-0.07607,-0.0599,0.06081,0,-0.08545,0.02934,-0.10724,-0.06745,0.12413,0.04597,-0.10425,-0.0681,0.03672,0.03412,0.00109,0.04751,-0.00609,-0.00957,0.04544,-0.03537,-0.06901,-0.00292,-0.03036,-0.00716,-0.03895,0.05521,0.04286,0.07356,-0.02192,-0.0176,0.0443,0.01758,-0.0251,0.02957,0.00779,0.06163,0.05654,0.05707,-0.01334,-0.00461,-0.04139,0.02454,0.00157,0.04127,0.06512,-0.0463,0.02139,-0.03642,-0.06208,-0.01294,-0.05721,-0.07449,-0.07556,-0.01761,-0.02697,0.05377,-0.04837,0.00232,0.029,0.04033,-0.00119,-0.03993,0.06401,0.0184,-0.00025,-0.0299,0.0437,-0.0152],"keywords":"Angular Version Compatibility Angular Version Compatibility Which Foblex Flow version to use with Angular 12 through Angular 20+, including legacy, transition, and current signal-based lines. Short notes - Angular 17.3+: use 18.x unless users report a concrete break in a newer Angular major. - Angular control flow with projected nodes or connections: prefer 18.0.0+. - For older pinned lines, manual installation is clearer than relying on ng add. - Angular already brings its own compatible @angular/core, @angular/common, and RxJS versions. The commands above focus on the extra Foblex companion packages you need to match manually. Rx JS","excerpt":"Short notes - Angular 17.3+: use 18.x unless users report a concrete break in a newer Angular major. - Angular control flow with projected nodes or connections: prefer 18.0.0+. - For older pinned lines, manual installation is clearer than relying on ng add. - Angular already brings its own compatible @angular/core, @angular/common, and RxJS versions. The commands above focus on the extra Foblex companion packages you need to match manually."},{"chunkId":"/docs/roadmap#0","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.03876,-0.00943,0.0061,-0.05492,0.0298,0.01908,-0.04288,0.03406,-0.02031,-0.01418,-0.05893,-0.04762,-0.1056,-0.01841,0.02422,-0.0203,-0.04939,-0.03656,0.02793,0.03487,0.00237,-0.03238,-0.00598,-0.00786,-0.07303,0.0872,-0.03002,-0.05024,-0.05625,-0.03952,0.03883,0.11285,0.03739,0.04459,-0.00548,-0.04376,0.02565,-0.03636,0.00005,-0.02912,0.00833,-0.02093,0.02141,0.05239,-0.01026,0.00806,0.03542,-0.03218,-0.07151,0.09601,-0.04057,-0.07787,-0.01371,0.09234,0.04466,0.08545,0.00417,-0.0651,-0.01614,0.03142,-0.03189,-0.05902,-0.0523,0.02967,0.01924,-0.01296,-0.01088,0.04075,0.02457,-0.07754,-0.02717,0.03338,0.01881,-0.10946,0.0343,0.03703,0.08264,0.06724,0.0045,-0.13765,0.02998,-0.02208,0.00472,-0.01495,-0.03385,0.01118,0.03545,-0.03604,-0.00748,0.04421,-0.0253,0.03828,0.05143,0.00843,-0.01787,0.00063,-0.01394,-0.05715,0.02621,0.0035,0.01488,-0.03609,0.05109,-0.00885,-0.01326,-0.01582,0.00437,0.04246,-0.00642,-0.0098,-0.03056,0.00735,0.04636,-0.0753,-0.03226,0.01317,-0.08876,0.03055,0.06837,0.01792,-0.02112,-0.05844,0.07593,-0.02301,0.00129,0.002,-0.06383,0,-0.03589,-0.01885,-0.01306,0.04,0.00961,-0.02023,0.04356,-0.05313,-0.04833,-0.02292,-0.03413,0.02597,-0.10537,0.0433,-0.04668,-0.12699,-0.09816,0.04244,0.01081,0.06768,0.11878,-0.07961,-0.02125,-0.05492,0.11782,0.05616,-0.01229,0.04237,-0.03145,0.0519,-0.06943,0.00904,0.00461,-0.02197,-0.01182,0.03816,-0.05681,-0.09437,-0.00867,-0.08138,0.0107,-0.03711,-0.13463,-0.08823,0.06179,-0.02266,-0.09131,-0.03435,0.12148,-0.02162,0.03028,-0.01187,-0.01299,0.01944,0.0501,-0.0657,-0.02219,-0.03154,0.03002,0.09489,0.06905,0.06798,-0.04888,-0.07583,0.01816,0.09337,0.06997,0.0606,-0.01507,-0.00875,-0.08683,0.05863,0.01248,-0.04132,0.08601,-0.00142,0.00351,-0.00596,-0.0104,0.01383,-0.06314,0.00038,0.01731,0.05647,0.13212,-0.00955,0.01355,0.00535,-0.07766,-0.00121,0.0955,-0.03645,-0.00694,0.06454,0.05684,0,0.01085,0.01911,-0.07557,0.06071,0.03901,-0.0831,0.03525,0.05858,0.07439,-0.00642,0.00031,0.03117,-0.01719,-0.038,0.03016,-0.06728,0.05731,-0.14298,0.00665,-0.01025,0.00885,-0.05608,-0.03087,-0.04912,-0.02532,-0.02023,0.08474,0.04525,-0.00931,-0.0761,-0.01546,-0.03893,-0.03847,-0.03103,0.0333,-0.03236,-0.01157,-0.01179,0.01807,-0.05044,0.04611,0.00649,-0.08151,0.00236,-0.04139,0.06094,-0.03918,0.03022,0.04862,0.00489,0.02593,0.0344,-0.01807,-0.02176,-0.02514,0.08209,0.0741,0.04589,-0.04498,0.04842,-0.02798,0.02513,0.0769,-0.05469,0.06442,-0.00418,0.00296,0.01105,-0.02651,0.10647,0.08696,0.02829,-0.13109,0.0604,0.06725,0.04467,0.02679,0.01408,0.04369,0.03828,0.0228,0.1183,0.03922,0.1272,0.07942,0.03285,-0.03305,-0.10634,0.05457,-0.00023,-0.04702,-0.02793,-0.016,0.04148,-0.02534,0,-0.05352,-0.00178,-0.03668,-0.0047,0.09365,0.10333,-0.05046,0.02102,-0.00118,-0.02528,0.03568,0.07335,0.00247,-0.00116,0.03527,-0.01093,-0.03218,-0.03909,-0.05057,-0.12025,-0.06371,-0.00146,0.05243,0.05659,0.01359,-0.05094,-0.02892,-0.00103,0.0375,-0.02375,0.00921,0.00052,0.02439,0.0089,0.00765,0.06163,-0.05145,0.07036,0.00713,0.00397,0.04138,0.02064,0.01735,0.00953,-0.05592,0.0347,-0.09293,-0.08648,-0.08763,-0.03422,-0.05191,0.04345,-0.02981,0.11612,0.03136,0.07158,-0.06392,-0.08463,0.06667,0.0269,-0.02522,-0.00535,0.03839,0.10257],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Foblex Flow Roadmap This page combines the current roadmap with the shipped release timeline, so you can see both what is next and what has already landed. It is synchronized with the published release history through v19.1.0 (2026-07-13).","excerpt":"Foblex Flow Roadmap This page combines the current roadmap with the shipped release timeline, so you can see both what is next and what has already landed. It is synchronized with the published release history through v19.1.0 (2026-07-13)."},{"chunkId":"/docs/roadmap#1","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.02199,0.00188,0.00048,-0.06236,0.00618,0.01754,-0.0482,0.04919,-0.04255,-0.00661,-0.0883,-0.04934,-0.09352,-0.04694,0.029,0.00503,-0.03798,-0.07271,0.00164,0.04603,-0.00608,-0.06888,-0.02629,0.00098,-0.07749,0.06071,-0.02938,-0.04158,-0.05152,-0.02368,0.028,0.14364,0.02568,0.02344,-0.00143,-0.01524,0.0391,-0.03308,-0.01462,-0.0343,0.00305,-0.05844,0.01129,0.04743,-0.0087,0.0235,0.05416,-0.01629,-0.07974,0.07441,-0.04703,-0.06897,-0.02605,0.08873,0.00072,0.0322,0.00345,-0.07589,-0.00498,0.03399,-0.03184,-0.07206,-0.02432,0.05006,-0.01481,-0.02907,-0.04927,0.02684,0.02461,-0.08379,-0.04917,0.00539,0.02063,-0.07882,0.04964,-0.00606,0.07023,0.06612,0.03131,-0.11898,0.05079,0.00144,-0.01101,-0.02191,-0.03312,0.03078,0.00997,-0.03076,-0.03045,0.03076,0.00529,0.05424,0.06635,-0.00283,0.03372,-0.014,-0.05717,-0.08266,0.02464,0.00407,0.02489,-0.02095,0.03813,-0.01143,-0.04277,-0.03327,0.02342,0.07488,-0.0018,-0.03028,-0.05564,-0.00623,0.04595,-0.09136,-0.01124,-0.03342,-0.08146,0.01508,0.06438,0.0323,-0.02615,-0.01159,0.03121,-0.03504,-0.00633,0.02701,-0.06211,0,-0.05511,0.0161,-0.02026,0.08028,-0.02866,-0.00422,0.04612,-0.05688,-0.01833,-0.01887,-0.01303,0.01782,-0.08158,0.02987,0.00198,-0.12854,-0.09768,0.02779,0.05068,0.07349,0.1494,-0.09153,-0.00516,-0.01812,0.12423,0.06936,-0.00358,0.0169,-0.00933,0.05109,-0.08281,-0.01237,0.01082,-0.03551,-0.03949,0.04331,-0.06547,-0.09062,-0.00597,-0.05455,-0.00873,-0.02469,-0.10907,-0.07146,0.07526,-0.01437,-0.08861,-0.01251,0.1086,-0.00004,0.0209,-0.00964,-0.00457,0.02299,0.06465,-0.0673,-0.01949,-0.01452,0.01635,0.06299,0.0795,0.08268,-0.05465,-0.08357,0.0459,0.09402,0.07029,0.063,-0.02349,-0.01542,-0.08216,0.03513,0.00485,-0.02406,0.07456,0.00468,0.00085,0.02015,0.01673,0.01308,-0.07196,0.03391,0.0336,0.06315,0.12168,-0.01225,0.01516,-0.00772,-0.0757,0.02779,0.13072,-0.05143,-0.00159,0.05967,0.06035,0,0.00564,0.03329,-0.06308,0.0546,0.03827,-0.0886,0.02326,0.06967,0.07829,-0.02094,-0.00316,0.04832,0.01743,-0.03035,0.00694,-0.07203,0.02415,-0.14397,-0.00685,-0.00908,0.00386,-0.01195,-0.03647,-0.06173,-0.02058,0.00933,0.0323,0.02071,0.02016,-0.06738,-0.04011,-0.03016,-0.04207,0.00052,0.01997,-0.04696,-0.02089,0.0078,0.00126,-0.03912,0.04174,0.0083,-0.03013,-0.0119,-0.05187,0.07939,-0.05709,0.00784,0.04368,-0.00141,0.0274,0.02525,-0.02525,-0.04027,-0.02485,0.06956,0.08782,0.04465,-0.07051,0.04055,-0.01125,0.0339,0.09137,-0.03842,0.06385,-0.00514,0.01574,0.04329,-0.03474,0.07521,0.09495,0.01224,-0.11039,0.03069,0.05113,0.0448,0.01983,-0.01937,0.01643,0.06221,-0.01578,0.1166,0.03704,0.1202,0.06438,-0.00214,-0.01802,-0.12054,0.05545,-0.01314,-0.06527,-0.04426,-0.04162,0.01709,-0.02347,0,-0.07087,-0.00438,-0.0496,0.00227,0.06526,0.08315,-0.07304,0.03207,0.03305,-0.01076,0.02795,0.0806,0.03813,-0.01261,0.03052,-0.00446,-0.05331,-0.01505,-0.03242,-0.13471,-0.06861,-0.00111,0.04751,0.05728,0.00827,-0.06179,-0.03364,-0.00725,0.04679,-0.03732,0.00133,0.01913,0.01815,0.03359,0.00828,0.0587,-0.061,0.07825,-0.0336,0.00804,0.04125,0.01319,-0.00193,-0.00235,-0.06597,0.01229,-0.08476,-0.06227,-0.08225,-0.01447,-0.04337,0.08416,-0.03095,0.11924,0.04255,0.05932,-0.07739,-0.06322,0.05059,0.03097,-0.04421,-0.01726,0.05146,0.09274],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Description Use this page when you want to answer one of these questions quickly: - What is currently being worked on? - Which release introduced a specific capability? - How has Foblex Flow evolved across 2024, 2025, and 2026? For migration details and breaking changes, always check the Changelog before upgrading.","excerpt":"Description Use this page when you want to answer one of these questions quickly: - What is currently being worked on? - Which release introduced a specific capability? - How has Foblex Flow evolved across 2024, 2025, and 2026? For migration details and breaking changes, always check the Changelog before upgrading."},{"chunkId":"/docs/roadmap#2","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.01963,-0.00368,-0.01302,-0.04113,0.00714,0.01008,-0.02973,0.05861,-0.04401,-0.0156,-0.09481,-0.05683,-0.09756,-0.02147,0.02834,-0.0129,-0.03472,-0.03618,0.02668,0.05445,-0.00578,-0.05869,-0.00203,-0.01376,-0.09904,0.08252,-0.0254,-0.03958,-0.07185,-0.06093,0.02692,0.11777,0.06605,0.01817,-0.00646,-0.01592,0.02271,-0.07292,-0.02747,-0.03052,0.00001,-0.03253,-0.00207,0.05029,-0.01774,0.01012,0.05436,-0.04382,-0.0477,0.08527,-0.02441,-0.09461,-0.01013,0.10015,0.01689,0.06238,0.00143,-0.07813,0.00375,0.01866,-0.02005,-0.05703,-0.03023,0.04993,0.00384,0.00243,-0.06277,0.04841,0.03653,-0.08778,-0.00949,0.02503,0.02126,-0.08167,0.05444,0.01339,0.06828,0.05828,0.02884,-0.09853,0.03572,-0.00631,0.01236,-0.00899,-0.0162,0.02087,0.01252,-0.02632,-0.02105,0.02616,-0.00777,0.07499,0.05219,-0.00147,0.01798,-0.01315,-0.02931,-0.07472,-0.01133,0.0145,0.02773,-0.04209,0.04459,-0.00393,-0.02727,-0.02117,0.01355,0.05664,-0.00941,-0.0352,-0.05144,-0.00056,0.04446,-0.08491,-0.01448,0.02047,-0.07158,0.0088,0.08662,0.01904,-0.02128,-0.03239,0.06473,-0.03408,0.02925,0.02207,-0.06657,0,-0.05134,0.02187,-0.01943,0.07189,0.01063,-0.01713,0.03973,-0.06008,-0.02915,-0.02392,-0.00885,0.03094,-0.08275,0.05627,-0.04545,-0.14119,-0.0937,0.03499,0.02397,0.04598,0.13485,-0.09125,-0.01497,-0.04326,0.1081,0.06816,-0.01054,0.04763,-0.01692,0.05521,-0.08507,-0.00731,0.01789,-0.03779,-0.02761,0.04373,-0.06488,-0.08244,-0.01508,-0.06513,-0.01382,-0.02485,-0.1182,-0.08328,0.04817,-0.00862,-0.09675,-0.02181,0.11001,-0.0067,0.03642,-0.00117,-0.00769,0.03958,0.04473,-0.03091,-0.02429,-0.01531,0.03648,0.06652,0.07597,0.07299,-0.04654,-0.06759,0.00995,0.11042,0.06702,0.06787,-0.02228,-0.01747,-0.0734,0.05024,0.03147,-0.0361,0.07812,-0.00027,-0.01038,0.0044,-0.01796,0.02666,-0.06413,0.00242,0.0283,0.0621,0.13353,-0.02517,0.02128,-0.00018,-0.10208,0.02235,0.11051,-0.03553,-0.00015,0.04532,0.05585,0,-0.01476,0.03547,-0.06983,0.05282,0.06303,-0.07722,0.03934,0.05842,0.07392,0.00018,-0.01243,0.05604,-0.01364,-0.04926,0.01802,-0.07562,0.04308,-0.13668,0.00862,-0.01841,-0.00971,-0.04191,-0.02339,-0.05166,-0.04088,0.00746,0.05707,0.01973,-0.0109,-0.07712,-0.02697,-0.02935,-0.04809,-0.00837,0.03595,-0.03914,-0.02092,0.01599,0.00383,-0.0641,0.04711,-0.00148,-0.07048,-0.00594,-0.0564,0.06666,-0.04688,-0.00363,0.03883,0.01591,-0.00293,0.01391,-0.03876,-0.02669,-0.02734,0.07655,0.06848,0.0404,-0.04471,0.05656,-0.03468,0.03173,0.06829,-0.03081,0.07869,-0.00111,0.00718,0.02543,-0.01682,0.0903,0.08568,0.03035,-0.1157,0.0677,0.06735,0.05225,0.01377,-0.00455,0.02044,0.05815,0.02663,0.09559,0.03653,0.13258,0.09321,0.0039,-0.03301,-0.10756,0.07021,0.00824,-0.04138,-0.02216,-0.00884,0.04655,-0.0214,0,-0.06859,-0.00894,-0.04803,-0.00769,0.05468,0.07265,-0.0609,0.00717,0.01259,-0.01987,0.03627,0.07319,-0.01111,-0.00857,0.03161,-0.02643,-0.03408,-0.01904,-0.03613,-0.12284,-0.06175,0.01048,0.04271,0.07623,0.02009,-0.04594,-0.03325,-0.01465,0.05177,-0.03488,-0.00126,0.02241,0.02326,0.04288,-0.0045,0.04142,-0.07382,0.08407,-0.03813,0.00701,0.02927,-0.00085,0.02446,-0.01556,-0.06653,0.04673,-0.09566,-0.07602,-0.07232,-0.03264,-0.0455,0.0736,-0.02359,0.12781,0.02801,0.06154,-0.07265,-0.0673,0.04231,-0.00012,-0.04322,-0.03118,0.04336,0.10895],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Current Status","excerpt":"Current Status"},{"chunkId":"/docs/roadmap#3","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.05095,0.00327,-0.05157,0.04858,0.00337,-0.01876,-0.01595,0.01853,0.01995,0.02843,0.0166,-0.01419,-0.04165,-0.06608,0.02556,0.01448,0.02732,0.01293,-0.05652,0.01322,-0.01821,-0.07589,-0.07004,-0.02898,-0.02386,0.06373,-0.05124,-0.04891,-0.00996,-0.05492,0.00641,0.09948,-0.05682,0.0415,-0.05544,0.00712,-0.001,-0.04809,-0.07823,-0.07806,0.00437,0.05666,-0.00838,-0.03979,-0.01862,-0.03669,-0.06304,-0.03287,-0.1029,0.02445,-0.06088,-0.05429,0.01509,0.09083,0.08122,0.04883,0.0291,-0.01245,-0.04293,0.06821,-0.05765,-0.01731,-0.0444,0.00632,-0.0032,0.02298,0.00133,-0.04481,0.01234,-0.06921,-0.03713,-0.01552,0.00626,-0.10046,-0.00291,-0.00414,0.02331,0.04508,-0.05707,-0.13649,0.0452,0.0275,-0.03968,-0.00499,-0.04299,0.0236,-0.01212,-0.06278,0.06412,0.00352,-0.06882,0.03165,-0.02873,-0.02336,0.03889,-0.02397,0.03597,0.04336,-0.02954,0.055,0.02157,-0.02149,0.00843,0.05486,-0.01954,0.03273,-0.0284,-0.0051,-0.04339,-0.03943,-0.03151,0.03865,0.0028,-0.08568,-0.01978,-0.0584,-0.02395,-0.05412,0.03885,0.04235,0.05735,-0.00858,0.0334,-0.03314,0.00984,-0.03997,0.00587,0,-0.03022,-0.09632,-0.06549,-0.03789,0.0766,0.01338,0.01363,-0.00615,-0.0162,-0.03295,-0.01676,0.06713,-0.06213,0.00398,0.02821,-0.11784,-0.01686,0.0985,-0.01019,0.04229,0.09146,0.02952,-0.06898,-0.01821,0.10049,0.05214,0.00464,0.03363,-0.06824,0.01377,-0.02112,0.00312,0.04301,0.00576,-0.02362,0.0236,-0.08882,-0.0987,0.0083,-0.09905,-0.03657,-0.02617,-0.10905,-0.09532,-0.0633,-0.07649,-0.11142,0.02819,0.06961,-0.0216,0.03674,0.03629,-0.03822,-0.03531,0.06696,-0.08056,-0.0211,0.09379,0.03204,0.17831,-0.02889,0.05925,-0.07856,-0.04913,0.03835,0.08136,0.00519,0.01003,0.04783,-0.04811,-0.11769,0.07485,0.02999,0.04136,0.05229,-0.07528,-0.01161,0.01194,-0.02749,-0.02852,-0.09794,-0.03033,-0.06828,0.04792,0.05305,-0.03725,0.01236,-0.01156,-0.09628,-0.046,0.05051,-0.02483,0.04979,-0.03441,0.02052,0,-0.02036,0.0042,-0.07529,0.09026,0.01788,-0.02758,0.04376,0.0088,-0.03164,-0.05297,-0.01189,0.04758,-0.05969,-0.04699,0.04765,0.02834,-0.00433,-0.1505,-0.04002,0.04526,0.00229,0.08918,-0.03009,-0.01004,-0.04701,-0.03697,0.0432,0.0596,-0.00215,-0.07179,-0.00205,0.00491,-0.14438,0.00987,0.03664,-0.09235,-0.00893,0.05184,-0.03236,-0.00773,0.04516,0.01267,-0.04185,0.06656,-0.02345,0.095,-0.06534,-0.01489,0.00099,-0.01879,0.00739,-0.00741,-0.02618,0.04954,-0.03986,0.00342,0.07783,-0.02322,-0.03597,-0.04959,0.05254,-0.03111,0.04361,-0.01547,0.0742,0.07215,-0.04535,-0.01818,-0.02388,0.06244,0.04869,-0.00936,-0.00289,0.00479,0.03952,0.05331,0.05627,-0.0548,0.02237,-0.00185,-0.08088,0.08529,0.06414,-0.01116,0.00526,0.02218,-0.15577,0.00114,0.05806,0.01137,-0.06328,-0.03012,-0.00709,-0.01515,-0.02063,0,-0.11051,-0.03061,-0.05012,-0.03046,0.0801,0.02709,0.02485,0.05013,-0.03109,0.00419,0.07664,0.07906,0.00803,-0.06661,0.06262,0.03104,0.05768,0.00856,-0.04535,-0.02671,-0.04831,0.01221,-0.01591,0.09278,-0.03453,-0.05377,0.03499,0.03918,0.0462,-0.01072,0.06507,0.03332,0.09378,0.02277,0.01591,0.06733,0.03746,0.07999,0.03117,0.00632,0.00117,-0.02424,-0.02484,0.00246,0.00186,0.03796,-0.08825,-0.0411,-0.00849,-0.04124,-0.10311,0.01531,-0.0925,0.07208,0.03402,0.00417,0.00845,-0.09573,0.08286,0.00143,0.00466,-0.0121,0.08048,0.08552],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Status Item Notes -------------------------- ------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ✅ Released in v19.1.0 Managed Flow State provideFFlow(withFlowState()) adds typed graph records, automatic updates from supported gestures, batched undo/redo, viewport history, and persistable snapshots. See examples/state. ✅ Released in v19.1.0 Large-Flow Runtime Performance Connection redraws are scoped to affected geometry, minimap and connector geometry are cached, registry work is batched, and drag hot paths no longer scan every node. ✅ Released in v19.1.0 Angular Elements / Shadow DOM Pointer gestures, connection targeting, and coordinate hit-testing now work when a flow is rendered in an open shadow root through Angular Elements or ViewEncapsulation.ShadowDom. ✅ Released in v19.0.0 Interaction Architecture provideFFlow(...) gained control schemes, click-to-connect, and opt-in keyboard accessibility, with runtime controllers and configurable provider features. ✅ Released in v19.0.0 Unified Connectors and AI Tooling One [fConnector] model replaced the input/output split, while diagnostics, bundled agent guidance, and validated LLM documentation made integration failures easier to diagnose. ✅ Released in v18.6.0 Resize Reflow and Layer Ordering withReflowOnResize shifts nearby nodes as dimensions change, and [fLayers] / withFCanvas({ layers }) configure the order of groups, connections, and nodes. 🧭 Planned Path Highlighting Trace and highlight upstream, downstream, or full connected paths from any node. Class-based - your CSS defines the look. 🧭 Planned Flow Execution Animation Animate execution along the graph from a predefined sequence or real runtime events. Ideal for AI pipelines and live workflows. 🧭 Planned Grid-Aware Resize Handles Resize handles snap to gridlines for more precise editing. Discussion #130 provide F Flow with Flow State View Encapsulation Shadow Dom f Connector with Reflow On Resize f Layers with F Canvas","excerpt":"Status Item Notes -------------------------- ------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ✅ Released in v19.1.0 Managed Flow State provideFFlow(withFlowState()) adds typed graph records, automatic updates from supported gestures, batched undo/redo, viewport history, and persistable snapshots. See examples/state. ✅ Released in v19.1.0 Large-Flow Runtime Performance Connection redraws are scoped to affected geometry, minimap and connector geometry are cached, registry work is batched, and drag hot paths no longer scan every node. ✅ Released in v19.1.0 Angular Elements / Shadow DOM Pointer gestures, connection targeting, and coordinate hit-testing now work when a flow is rendered in an open shadow root through Angular Elements or ViewEncapsulation.ShadowDom. ✅ Released in v19.0.0 Interaction Architecture provideFFlow(...) gained control schemes, click-to-connect, and opt-in keyboard accessibility, with runtime controllers and configurable provider features. ✅ Released in v19.0.0 Unified Connectors and AI Tooling One [fConnector] model replaced the input/output split, while diagnostics, bundled agent guidance, and validated LLM documentation made integration failures easier to diagnose. ✅ Released in v18.6.0 Resize Reflow and Layer Ordering withReflowOnResize shifts nearby nodes as dimensions change, and [fLayers] / withFCanvas({ layers }) configure the order of groups, connections, and nodes. 🧭 Planned Path Highlighting Trace and highlight upstream, downstream, or full connected paths from any node. Class-based - your CSS defines the look. 🧭 Planned Flow Execution Animation Animate execution along the graph from a predefined sequence or real runtime events. Ideal for AI pipelines and live workflows. 🧭 Planned Grid-Aware Resize Handles Resize handles snap to gridlines for more precise editing. Discussion #130"},{"chunkId":"/docs/roadmap#4","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.01728,-0.00453,0.01143,-0.04522,0.01402,0.01837,-0.04092,0.06795,-0.02101,-0.01505,-0.08368,-0.05819,-0.09249,-0.03579,0.02466,-0.01051,-0.03849,-0.0498,0.0244,0.04113,0.01703,-0.06196,0.00956,-0.00217,-0.0841,0.08712,-0.03141,-0.04557,-0.06437,-0.04373,0.02062,0.11278,0.06141,0.02024,-0.01215,-0.02586,0.02566,-0.0521,-0.00917,-0.02435,-0.00471,-0.02757,0.01187,0.05928,-0.01022,0.01246,0.05268,-0.03283,-0.06987,0.0927,-0.03507,-0.08574,-0.02381,0.09539,0.02823,0.06126,-0.00037,-0.07554,-0.00124,0.03079,-0.0372,-0.06116,-0.05366,0.03954,0.01307,-0.00224,-0.03604,0.05178,0.03362,-0.08584,-0.01654,0.03007,0.01707,-0.09311,0.05128,0.0094,0.08094,0.06072,0.02286,-0.11142,0.05515,-0.00523,0.00887,-0.01399,-0.03434,0.01627,0.02993,-0.03887,-0.02092,0.02669,-0.01936,0.0549,0.06502,0.0019,0.01571,-0.00133,-0.02901,-0.07504,0.01154,0.01259,0.03412,-0.04716,0.04266,-0.01255,-0.03437,-0.01422,0.01138,0.05065,-0.00497,-0.01992,-0.0398,-0.00358,0.0328,-0.08682,-0.01189,0.02472,-0.07522,0.02582,0.09237,0.02164,-0.03024,-0.03864,0.07662,-0.04166,-0.0064,0.01632,-0.06982,0,-0.05009,0.01999,-0.02465,0.07074,0.01222,-0.02139,0.02313,-0.05726,-0.02753,-0.02182,-0.00862,0.02418,-0.09734,0.05079,-0.03757,-0.12651,-0.08763,0.04966,0.02479,0.04561,0.12442,-0.0879,-0.01134,-0.0346,0.11943,0.03905,-0.00969,0.04189,-0.02203,0.0484,-0.08625,0.01287,0.018,-0.03835,-0.00931,0.04383,-0.05703,-0.08661,-0.00759,-0.06935,-0.00914,-0.02492,-0.13264,-0.07197,0.05418,0.00079,-0.08792,-0.04382,0.12354,-0.0191,0.03645,0.00441,0.00521,0.04459,0.0485,-0.03916,-0.01473,-0.04064,0.03624,0.08935,0.06658,0.07402,-0.03524,-0.07531,0.01022,0.10742,0.06833,0.06539,-0.01195,-0.02195,-0.08496,0.04812,0.03081,-0.03418,0.08225,0.00338,-0.0226,0.01236,-0.01234,0.02662,-0.07953,0.00985,0.03749,0.0691,0.12505,-0.02114,0.02855,0.01075,-0.09144,0.02487,0.09952,-0.02287,-0.01127,0.05049,0.06338,0,-0.01042,0.02742,-0.06457,0.04724,0.05609,-0.08845,0.01165,0.06084,0.08857,-0.00898,-0.02024,0.05038,-0.01309,-0.04586,0.01358,-0.08596,0.05516,-0.14787,0.0063,0.00055,0.01214,-0.05293,-0.03499,-0.05646,-0.03066,-0.00141,0.06704,0.02366,-0.00543,-0.07469,-0.03264,-0.03497,-0.04364,-0.03261,0.033,-0.02418,-0.02828,0.00107,-0.00797,-0.05722,0.04443,0.00506,-0.0682,-0.01232,-0.05099,0.07257,-0.03896,0.00743,0.0355,0.00703,0.00961,0.02035,-0.0229,-0.04921,-0.02995,0.06889,0.06932,0.02289,-0.02782,0.06557,-0.03294,0.03576,0.05439,-0.0451,0.06525,-0.00206,0.00337,0.00545,-0.0207,0.09268,0.0595,0.02085,-0.11428,0.05966,0.06083,0.04195,0.00675,0.00704,0.02217,0.03938,0.01464,0.11085,0.02462,0.1299,0.08113,0.02691,-0.01586,-0.11783,0.07309,-0.00129,-0.04142,-0.03171,-0.02113,0.05048,-0.01873,0,-0.05582,-0.00825,-0.03515,-0.01382,0.07055,0.08986,-0.05887,0.02712,0.02266,-0.01222,0.03601,0.07875,-0.01592,-0.00409,0.03402,-0.00931,-0.0438,-0.01184,-0.03812,-0.12293,-0.0582,0.00056,0.05449,0.0603,0.03349,-0.05931,-0.02584,-0.01043,0.03426,-0.02388,0.0069,0.01479,0.00917,0.03515,0.0012,0.04397,-0.0695,0.08076,-0.00943,0.00985,0.0325,0.01939,0.03679,0.00216,-0.07147,0.0326,-0.0997,-0.0826,-0.07241,-0.04879,-0.04734,0.06097,-0.02118,0.12509,0.04103,0.06857,-0.06005,-0.06441,0.04516,-0.00198,-0.03478,-0.03295,0.04259,0.10486],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Release Timeline","excerpt":"Release Timeline"},{"chunkId":"/docs/roadmap#5","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.09056,0.01971,-0.03797,0.02153,-0.00477,-0.00057,-0.03803,0.04796,-0.02169,0.03588,-0.08055,-0.02488,-0.06962,-0.01271,0.06471,0.02506,-0.02419,-0.02511,0.00243,0.04344,-0.00633,-0.08379,-0.0365,-0.02819,-0.04179,0.07442,-0.02358,-0.04434,0.0159,-0.06786,0.03693,0.1099,0.0028,0.04631,-0.0645,-0.00027,0.00222,-0.0471,-0.0469,-0.05686,0.05013,-0.00399,0.02013,0.03536,-0.00222,0.0159,0.0049,-0.01672,-0.07442,0.08189,-0.03535,-0.08515,-0.03581,0.07618,0.01335,0.04083,0.05305,-0.0658,-0.02701,0.03605,-0.02765,-0.05759,-0.0316,0.04809,0.01318,0.01686,-0.03271,-0.00056,0.02027,-0.06765,-0.02224,-0.01813,0.04634,-0.09255,0.03233,-0.02704,0.0126,0.01878,0.00305,-0.10632,0.03716,-0.01415,-0.01335,0.02419,-0.0097,0.06933,0.0161,-0.06345,0.02536,0.03591,0.00115,0.0548,0.03382,-0.01387,0.04258,-0.00516,0.01721,-0.0543,-0.03906,0.04567,0.03617,-0.02258,0.06674,0.01255,-0.03558,-0.00908,-0.00565,0.03106,-0.006,-0.02187,-0.04388,0.03723,0.03959,-0.08969,-0.02481,-0.03248,-0.06757,-0.0463,0.0747,0.02971,-0.00261,0.00572,0.03108,-0.03328,0.0236,0.0082,-0.02238,0,-0.03474,0.02447,-0.04867,0.0372,0.04164,0.02855,0.01831,-0.0496,-0.05494,-0.02673,0.02421,0.04573,-0.0534,0.0737,0.0353,-0.10723,-0.05355,0.06761,0.01162,0.0439,0.12026,-0.05474,-0.02889,-0.02649,0.08292,0.08822,-0.02258,0.04967,-0.04928,0.03018,-0.03814,-0.02086,0.0019,0.0294,-0.02404,0.03656,-0.06009,-0.11416,-0.00279,-0.10339,-0.00459,-0.00604,-0.1,-0.08152,-0.01283,-0.04568,-0.06966,-0.02438,0.07904,-0.04433,0.03342,0.02728,-0.00546,0.03258,0.08233,-0.06452,-0.00165,0.02636,0.03908,0.09926,0.06049,0.08414,-0.06602,-0.05618,-0.00506,0.06919,0.02661,0.04807,0.04171,-0.05928,-0.07252,0.07702,0.01288,-0.01236,0.07477,-0.02167,0.03008,-0.01228,0.01473,-0.02443,-0.04548,-0.05043,-0.00125,0.09094,0.12804,-0.05425,0.01381,-0.04259,-0.10393,0.02658,0.09943,-0.0659,0.03989,0.0251,0.04618,0,-0.02363,0.01828,-0.05365,0.09108,0.04839,-0.10573,0.02157,0.04816,0.04977,-0.01976,0.01464,0.03182,0.00968,-0.04845,0.05701,0.00125,-0.00189,-0.17354,-0.01743,-0.02898,0.01426,-0.02715,-0.03324,-0.01561,-0.04679,0.01715,0.02544,-0.0073,-0.00395,-0.04626,-0.04678,-0.02923,-0.06718,-0.01948,0.03028,-0.05048,0.01681,0.05367,0.00327,-0.03823,0.04504,0.02186,-0.07322,0.037,-0.045,0.09127,-0.11589,0.04392,-0.00432,0.01542,-0.04295,0.02928,-0.0197,-0.04817,-0.0593,0.01627,0.07309,0.04093,-0.08439,0.02676,-0.03012,0.00442,0.04598,-0.02174,0.07263,0.02748,-0.00789,0.03626,-0.0246,0.09535,0.11444,0.02234,-0.08576,0.02392,0.1101,0.04177,0.08346,-0.00389,0.05005,0.04843,-0.026,0.12494,0.03843,0.08617,0.08974,0.02533,-0.06786,-0.06255,0.0268,0.03358,-0.09435,0.01365,-0.02478,0.01766,0.00187,0,-0.15374,-0.04519,-0.0306,-0.01625,0.07542,0.07389,-0.0586,0.02991,0.01044,-0.00057,0.07432,0.06979,-0.02076,-0.03372,0.04095,-0.00361,-0.05224,-0.00576,-0.05252,-0.08677,-0.04803,0.02988,0.01785,0.10126,-0.00556,-0.05796,0.02639,0.02988,0.0424,0.02097,0.012,0.03455,0.06959,0.07655,-0.01493,0.05079,-0.04076,0.05917,-0.0101,-0.0104,0.03993,0.01028,-0.0038,-0.011,-0.05071,0.05895,-0.09765,-0.04864,-0.04224,-0.0789,-0.08322,0.04618,-0.07964,0.13442,0.04248,0.07404,-0.03322,-0.05076,0.0775,0.01399,-0.01572,-0.04183,0.02745,0.06121],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. 2026 - v19.1.0 - 2026-07-13 State, scale, and integration release: opt-in managed graph state with typed records and batched undo/redo, targeted connection redraw and geometry caching for large editors, and pointer plus hit-testing support for Angular Elements and open Shadow DOM. Example: Managed Flow State","excerpt":"2026 - v19.1.0 - 2026-07-13 State, scale, and integration release: opt-in managed graph state with typed records and batched undo/redo, targeted connection redraw and geometry caching for large editors, and pointer plus hit-testing support for Angular Elements and open Shadow DOM. Example: Managed Flow State"},{"chunkId":"/docs/roadmap#6","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.04511,-0.05087,-0.06219,-0.00971,-0.00734,0.02737,0.02896,0.0666,-0.00048,-0.02409,-0.05055,-0.04827,-0.05818,-0.03227,0.03698,0.02191,0.00166,-0.05785,0.00442,0.06312,-0.03676,-0.0529,-0.02113,-0.03185,-0.09492,-0.00233,-0.01612,-0.0755,-0.03254,-0.03687,0.0319,0.10001,0.04752,0.02653,-0.04305,-0.04406,0.04155,-0.05392,-0.0604,-0.03336,-0.003,-0.0425,0.01155,0.0108,0.00066,0.01295,-0.01217,-0.02128,-0.04416,0.11848,-0.0561,-0.06375,-0.00529,0.07393,0.02964,0.06007,0.04122,-0.02213,-0.01672,0.03608,-0.0186,-0.02084,-0.0245,0.05943,-0.01391,0.02917,-0.05756,0.00767,0.02496,-0.10318,-0.07487,-0.00091,0.01444,-0.07257,0.02684,-0.01731,0.01309,0.02017,0.04436,-0.11065,0.02146,0.011,-0.00068,0.00777,-0.00329,0.05908,0.04322,-0.01772,0.01547,0.06253,-0.00797,0.03939,0.03854,-0.00903,0.06327,-0.00138,-0.01428,-0.09686,-0.06111,0.0417,-0.01177,-0.01951,0.01927,-0.00575,-0.02681,-0.04235,0.03574,0.02705,0.0177,-0.04995,-0.04777,-0.04206,0.04745,-0.08669,-0.02123,0.01931,-0.06628,0.01419,0.14013,0.00651,0.00137,-0.06294,0.01923,-0.01118,0.06783,-0.00092,-0.05791,0,-0.0496,0.03191,-0.04971,0.03857,0.04901,-0.02266,0.05606,-0.06269,-0.07092,-0.01882,-0.00991,0.02995,-0.07045,0.02775,0.02965,-0.09675,-0.07234,0.0891,-0.0223,0.03855,0.13105,-0.07188,0.0169,-0.03602,0.1077,0.07877,-0.06645,0.06437,0.04527,0.04335,-0.0797,-0.00509,-0.00741,-0.01295,-0.04263,0.02246,-0.0726,-0.11866,-0.02826,-0.01195,-0.03779,-0.04501,-0.06491,-0.09431,0.01634,-0.042,-0.06124,-0.00608,0.05191,-0.01512,-0.00281,0.01786,-0.00392,0.00728,0.08205,-0.08849,-0.05503,0.03808,-0.00876,0.10125,0.05443,0.05463,-0.04119,-0.02918,0.03046,0.08562,0.05221,0.04633,0.04726,-0.04162,-0.10091,0.0792,-0.02113,-0.03176,0.01825,-0.03561,0.00158,-0.05224,0.0192,-0.00999,-0.03534,-0.01037,0.00376,0.11214,0.12376,-0.04532,-0.05139,-0.0098,-0.13091,0.03409,0.06814,-0.00831,-0.01199,0.06043,0.02139,0,-0.00515,0.00059,-0.05799,0.04046,0.01537,-0.05814,0.05857,0.01575,0.0861,0.00777,0.02509,0.05426,0.02766,-0.08394,0.01477,-0.03764,-0.00156,-0.13253,-0.00467,-0.00777,0.01588,-0.03108,-0.00258,-0.05599,-0.05256,0.00974,0.04062,0.0554,0.01577,-0.05932,-0.02095,0.02404,-0.07644,-0.02605,0.04709,-0.00155,0.00758,0.04733,-0.00734,-0.03299,0.09618,0.00036,-0.06949,0.01019,-0.01221,0.08646,-0.09929,-0.00538,-0.0029,0.02176,-0.01749,-0.01315,-0.02162,-0.05015,-0.10203,0.07148,0.10188,0.04383,-0.08378,0.04684,0.02139,-0.03285,0.06497,0.01951,0.06042,0.03562,0.02442,0.09814,0.04523,0.08336,0.14081,-0.01733,-0.06029,0.04637,0.07478,0.03205,0.01646,-0.05534,0.02782,0.03815,0.01008,0.10185,0.06261,0.09001,0.07017,0.04617,-0.05439,-0.02806,0.06292,0.01223,-0.07079,0.0261,0.0123,0.02905,-0.08585,0,-0.07762,-0.01981,-0.01477,-0.02657,0.04644,0.05848,-0.0852,-0.03543,-0.02058,0.00388,0.00024,0.04395,-0.00017,-0.00645,0.07465,-0.00592,-0.04429,-0.00029,-0.04302,-0.10395,-0.00602,0.02058,0.01681,0.08506,0.01607,-0.05501,-0.02659,0.06663,0.02026,0.01669,0.03189,0.02752,0.01258,0.0653,-0.02735,0.10641,-0.03898,0.00949,-0.03791,-0.00812,0.0567,-0.00252,-0.02307,-0.04916,-0.03192,0.05969,-0.04196,-0.08675,-0.03201,-0.03666,-0.05385,0.08203,-0.02777,0.1222,0.05449,0.06444,-0.01108,-0.07121,0.07881,0.07059,-0.03939,0.04261,0.04825,0.04552],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v19.0.0 - 2026-07-05 Interaction and integration release: provider-driven control schemes, click-to-connect, built-in ARIA semantics with opt-in keyboard editing, the unified [fConnector] API, stable diagnostics, and versioned AI-agent documentation. Examples: Control Schemes, Click to Connect, Accessibility f Connector","excerpt":"- v19.0.0 - 2026-07-05 Interaction and integration release: provider-driven control schemes, click-to-connect, built-in ARIA semantics with opt-in keyboard editing, the unified [fConnector] API, stable diagnostics, and versioned AI-agent documentation. Examples: Control Schemes, Click to Connect, Accessibility"},{"chunkId":"/docs/roadmap#7","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.01796,0.02197,-0.00964,-0.00822,-0.02442,0.01599,-0.04936,0.05195,0.00322,-0.03639,-0.05952,0.01056,-0.0767,-0.05882,0.00389,0.02648,-0.03126,-0.0038,0.00158,0.022,-0.02812,-0.08622,-0.02053,-0.02082,-0.06617,0.06288,-0.04438,-0.00947,0.00235,-0.06138,0.02532,0.10775,-0.01195,0.00122,-0.00971,0.03061,0.02884,-0.03561,-0.03332,0.01412,0.03311,0.01455,0.03554,0.03489,0.0141,0.03018,-0.02013,0.00045,-0.07686,0.04723,-0.04382,-0.07218,-0.03282,0.08102,0.05236,0.0607,0.04467,-0.08479,0.01728,0.01417,-0.00967,-0.03789,-0.02945,0.03508,-0.01585,0.04936,-0.0346,0.03902,0.02571,-0.00614,0.01574,0.00687,0.01848,-0.08897,0.07598,0.02715,0.04709,0.06324,0.0288,-0.1072,0.01869,-0.00097,0.00012,-0.0063,-0.04522,0.03737,0.01304,-0.07229,0.01731,0.02689,0.0079,0.06457,0.02272,-0.00854,0.00302,0.00188,-0.03525,-0.06901,-0.04145,0.04718,0.06859,-0.03484,0.0847,0.01978,-0.04713,-0.03443,0.00096,0.06348,-0.03494,-0.05968,-0.04191,-0.00593,0.06166,-0.03356,-0.03839,0.0163,-0.07115,-0.0186,0.07437,0.00198,-0.02163,-0.00446,0.03851,-0.02451,0.00918,-0.01262,-0.09865,0,-0.04532,0.00969,-0.01338,0.04251,0.05533,0.00252,0.02901,-0.09807,-0.02352,0.01645,0.00537,0.01931,-0.08991,0.05392,-0.02261,-0.14074,-0.0407,0.07479,-0.02335,0.03081,0.11098,-0.1057,-0.01157,-0.06379,0.09586,0.09182,-0.0301,0.07857,-0.04812,0.04954,-0.06106,0.01083,0.01603,-0.0047,-0.06231,0.00719,-0.05748,-0.10516,-0.00609,-0.04904,0.0232,0.01529,-0.11209,-0.05085,0.06726,-0.03949,-0.08309,-0.01277,0.06342,-0.01318,0.02129,0.02078,0.01132,-0.01656,0.0401,-0.06684,-0.00478,0.03965,0.00937,0.12187,0.05333,0.07569,-0.08091,-0.03587,0.04802,0.13278,0.00111,0.03607,0.02514,-0.05939,-0.11092,0.09447,0.04143,-0.04067,0.05027,-0.05828,-0.00411,0.01109,-0.01822,0.01941,-0.07647,-0.01104,0.0056,0.05606,0.1018,-0.05693,0.01758,0.01916,-0.10718,0.03067,0.12779,-0.0527,0.0061,0.03406,0.03676,0,-0.04013,0.01254,-0.03043,0.04449,0.05226,-0.08247,0.05695,0.04108,0.05368,-0.05509,0.02952,0.01998,-0.01317,-0.03673,0.05282,-0.05884,0.0322,-0.13148,0.02601,-0.02013,0.02823,-0.03013,-0.01382,-0.0315,-0.00765,-0.00596,0.0192,-0.00467,0.0153,-0.05086,-0.03016,-0.05902,-0.04742,-0.00893,0.03284,-0.05486,-0.02053,0.0362,0.03086,-0.03637,0.04894,0.02579,-0.12462,-0.00756,-0.03389,0.0998,-0.05933,-0.02965,-0.01776,0.00483,-0.04022,0.01421,-0.02367,-0.03703,-0.02565,0.07821,0.07614,0.07039,-0.04197,0.05356,-0.02531,-0.02657,0.07372,-0.04043,0.08203,0.02373,0.00902,0.00652,0.02809,0.08629,0.12401,0.07861,-0.09389,0.05465,0.08385,0.02064,-0.00592,-0.00269,0.03163,0.05758,-0.04939,0.11345,0.00297,0.1349,0.08331,-0.00995,-0.04466,-0.04736,0.05574,0.03987,-0.04151,-0.03457,0.02455,0.0645,-0.02679,0,-0.08948,-0.00394,-0.05152,-0.01742,0.08021,0.07,-0.06246,0.00527,-0.0235,0.0014,0.06533,0.08674,-0.00776,-0.03009,0.01837,-0.01791,-0.0235,-0.0308,-0.04675,-0.11314,-0.04448,0.01292,0.03099,0.09538,0.0133,-0.07279,-0.00069,0.01744,0.01716,-0.03518,-0.01809,-0.00917,0.02223,0.09524,0.0067,0.05186,-0.11959,0.07004,0.00364,0.02561,0.03366,0.00464,0.01327,-0.01457,-0.02082,0.07066,-0.0808,-0.07028,-0.08517,-0.03145,-0.08832,0.05125,-0.04447,0.08689,0.02924,0.05394,-0.03516,-0.06955,0.01829,0.03109,-0.08495,0.01837,0.01351,0.03036],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.6.1 - 2026-05-14 Stabilized large diagrams by removing synchronous connection-label measurements from redraw loops and preventing resize reflow from planning against partially applied node state.","excerpt":"- v18.6.1 - 2026-05-14 Stabilized large diagrams by removing synchronous connection-label measurements from redraw loops and preventing resize reflow from planning against partially applied node state."},{"chunkId":"/docs/roadmap#8","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.09504,-0.01442,-0.05292,0.01046,0.02768,0.02955,-0.0203,0.07304,-0.01693,-0.02824,-0.05862,0.014,-0.09038,-0.03433,-0.01688,-0.00212,-0.03037,0.04317,-0.03102,0.00934,-0.04521,-0.09938,-0.00233,-0.0221,-0.016,0.0326,-0.06105,-0.02756,0.04197,-0.06381,0.06457,0.16056,-0.02708,0.05082,-0.0755,0.04985,0.03843,-0.05212,-0.09371,-0.03933,0.00859,0.05574,0.03794,0.00038,-0.00706,0.00278,-0.00885,0.01146,-0.05292,0.03917,-0.00554,-0.09205,-0.02237,0.12572,0.04256,0.0522,0.01031,-0.03301,0.03283,0.07147,-0.01909,-0.01578,-0.01484,0.06644,-0.03564,0.0319,-0.05482,0.02358,0.01578,-0.03726,-0.01037,0.00519,0.03058,-0.03553,0.08315,-0.01705,-0.01879,0.04344,-0.02346,-0.08318,0.04379,0.00427,0.00739,0.00932,-0.0117,0.01102,-0.00359,-0.06905,-0.00474,0.06622,-0.0224,0.07691,-0.03088,0.01196,0.01649,-0.06044,-0.07264,-0.08874,-0.03889,0.04,0.02739,-0.02334,0.06972,0.04269,0.01142,-0.05952,-0.02693,0.06568,-0.03124,-0.01436,-0.00554,-0.00065,0.04806,-0.04077,-0.01578,-0.04838,-0.01841,-0.0567,0.05671,0.00953,-0.00644,0.03657,-0.01769,-0.04161,0.06629,0.0149,-0.07104,0,-0.03881,0.00443,-0.02585,0.08661,0.09479,-0.00349,0.03779,-0.06814,-0.03775,-0.04269,0.00874,0.04273,-0.06897,0.07243,0.03775,-0.17038,-0.03878,0.11564,-0.05083,-0.00301,0.07147,-0.05115,-0.02717,-0.02044,0.07199,0.02952,-0.05217,0.06327,-0.04476,0.03264,-0.07247,-0.02071,0.02204,-0.00109,-0.09228,0.05872,-0.05243,-0.11128,-0.03722,-0.04959,-0.00418,0.00997,-0.10125,-0.06238,0.02294,-0.04972,-0.06249,0.05233,0.0456,-0.03867,0.04635,0.03692,0.04822,0.01392,0.0567,-0.0635,-0.01091,0.04763,0.05697,0.08491,0.04016,0.06015,-0.12259,0.03127,0.04029,0.09208,0.05395,0.0053,-0.01025,-0.00855,-0.10615,0.11141,0.02622,0.02521,0.03137,-0.03428,-0.03781,-0.02893,-0.01945,-0.00202,-0.05578,0.05103,0.04237,0.05515,0.03031,-0.07035,0.03509,-0.01898,-0.06897,-0.00084,0.09521,-0.05407,0.08543,0.00084,0.03301,0,-0.02174,0.02378,-0.01758,0.05777,0.05505,-0.05092,0.03705,0.08291,0.05312,-0.09631,-0.00536,0.01098,0.00358,-0.05822,0.02602,-0.02219,-0.04391,-0.1484,0.00276,-0.04582,0.04259,-0.03879,-0.00247,-0.02894,-0.0189,0.00299,-0.00374,0.03627,0.02418,-0.03584,-0.02878,-0.04621,-0.07881,-0.02638,0.06348,-0.00769,-0.06032,0.08145,0.00199,-0.01491,0.03709,0.00617,-0.10797,0.01135,-0.03819,0.06361,-0.05404,-0.0322,-0.03004,-0.03348,-0.04048,0.04838,-0.02003,-0.02603,-0.00565,0.07212,0.05716,0.02685,-0.03654,-0.00724,0.03045,-0.08715,0.02847,-0.03717,0.0571,0.05476,-0.0037,0.02416,-0.01499,0.09788,0.12729,0.02516,-0.03915,0.03064,0.0316,0.00772,0.08467,-0.02192,0.03378,0.08657,-0.07895,0.10766,0.01774,0.11285,0.09095,0.05352,-0.05316,0.00497,0.07325,0.04128,-0.04269,-0.02121,0.04804,0.01074,-0.0112,0,-0.11839,0.00691,-0.05187,0.00812,0.02996,0.02229,0.04176,0.05062,-0.05689,0.00721,0.02683,0.07247,0.05043,-0.00801,0.05093,-0.01413,-0.03853,-0.02352,-0.05443,-0.09673,-0.05022,0.03424,0.03762,0.08583,-0.00094,-0.03227,-0.02568,0.05238,0.01773,-0.01093,-0.03085,0.02975,0.0302,0.10663,-0.01986,0.06947,-0.06584,0.08436,-0.07832,-0.01359,0.01138,-0.05483,0.03267,0.00463,-0.03794,0.02672,-0.02554,0.00984,-0.05463,-0.01851,-0.02365,0.05957,-0.04032,0.06928,0.07108,0.03887,-0.06352,-0.02151,0.05268,0.01218,-0.10096,0.02286,0.01128,0.05856],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.6.0 - 2026-04-26 Layout interaction release: the new withReflowOnResize plugin auto-shifts neighbouring nodes when a source resizes, with mode / scope / axis / delta source / collision knobs and a runtime FReflowController. Layer Ordering exposes the stacking of groups, connections, and nodes through [fLayers] and withFCanvas({ layers }). Examples: Reflow on Resize, Canvas Layers with Reflow On Resize F Reflow Controller f Layers with F Canvas","excerpt":"- v18.6.0 - 2026-04-26 Layout interaction release: the new withReflowOnResize plugin auto-shifts neighbouring nodes when a source resizes, with mode / scope / axis / delta source / collision knobs and a runtime FReflowController. Layer Ordering exposes the stacking of groups, connections, and nodes through [fLayers] and withFCanvas({ layers }). Examples: Reflow on Resize, Canvas Layers"},{"chunkId":"/docs/roadmap#9","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.08106,0.01611,-0.04473,-0.03501,0.00293,-0.00841,-0.0476,0.06155,-0.00763,-0.01341,-0.11938,-0.00886,-0.11574,-0.02979,0.02824,-0.03385,-0.01566,-0.02517,0.02449,0.02474,-0.0292,-0.04813,-0.03725,-0.03291,-0.05495,0.06501,-0.02301,-0.02705,-0.03363,-0.10175,0.07826,0.11365,0.07755,0.0563,-0.0401,0.00231,0.02669,-0.04643,-0.07364,-0.04602,-0.00484,0.01105,-0.00623,0.0403,-0.01415,-0.0436,-0.0523,-0.02583,-0.0494,0.09895,-0.05145,-0.09492,-0.0051,0.07161,0.00606,0.07191,0.02326,-0.05499,-0.0091,0.03507,0.01164,-0.03417,-0.0421,0.06943,-0.01733,0.02444,-0.03239,0.02459,0.0275,-0.06875,-0.06425,0.00454,0.01458,-0.0692,0.04256,-0.01494,0.03876,-0.0013,0.03982,-0.12287,0.00758,0.04585,0.00325,0.02612,-0.05689,0.02812,0.00333,-0.03234,0.01602,0.02532,-0.00409,0.0129,0.04535,-0.01133,0.00715,-0.00069,0.0107,-0.07862,-0.0362,0.0326,0.01176,-0.02578,0.06895,-0.006,-0.02416,-0.04796,0.00462,0.04022,-0.04821,-0.01793,-0.04726,0.01442,0.00863,-0.09557,-0.04107,-0.02449,-0.07097,-0.0502,0.13514,0.01125,0.00249,0.02369,0.03028,0.01178,0.0251,0.01661,-0.06401,0,-0.0381,0.02281,-0.0479,0.06985,0.06365,-0.05143,0.05939,-0.03156,-0.05694,-0.01641,0.02378,0.06381,-0.07148,0.07129,0.02789,-0.09983,-0.06531,0.09417,0.03299,0.02542,0.11404,-0.06692,-0.02148,0.00343,0.102,0.09327,-0.03235,0.05698,-0.04858,0.05633,-0.09359,-0.04975,0.04328,0.00007,-0.02983,0.04938,-0.08567,-0.08057,-0.02317,-0.03978,0.01709,0.00367,-0.06798,-0.0894,0.03039,0.02433,-0.07124,0.02415,0.11038,-0.01583,0.00677,0.01709,0.07519,0.07269,0.07411,-0.06783,-0.04285,-0.01014,0.05821,0.07503,0.04518,0.09063,-0.08032,-0.04766,-0.01039,0.04398,0.07297,0.02536,0.03293,-0.01487,-0.08057,0.0817,0.01487,0.00297,0.03079,-0.01364,-0.01849,-0.00906,-0.00784,0.01669,-0.07554,0.01887,0.04337,0.06426,0.10988,-0.00423,0.05462,0.00485,-0.11057,0.01437,0.08422,-0.05375,0.00403,0.04297,0.09096,0,-0.03215,-0.01891,-0.04311,0.05544,0.03082,-0.01903,0.03861,0.04002,0.09268,-0.00985,-0.01869,0.06456,-0.00052,-0.05341,0.03084,-0.04814,-0.00896,-0.1349,0.02226,-0.01339,0.01406,0.01844,-0.07244,-0.02651,0.0149,-0.02298,0.03652,0.01568,-0.04049,-0.03227,0.00286,-0.02165,-0.03194,-0.02361,0.01594,-0.05107,-0.05027,0.08939,-0.01553,-0.03554,0.01779,0.00518,-0.05604,0.04115,-0.05704,0.09815,-0.08068,0.01291,0.03405,-0.00459,-0.03919,0.00684,-0.02698,-0.05086,-0.04439,0.07758,0.06182,0.0633,-0.0746,0.05463,0.00398,0.00924,0.0733,-0.01788,0.07198,0.00764,-0.05513,0.02536,-0.08014,0.08975,0.06166,0.02483,-0.09201,0.04321,0.05495,0.0437,0.07896,0.01663,0.04477,0.05286,-0.04957,0.10381,0.03778,0.12858,0.0381,-0.01738,-0.0384,-0.05779,0.02893,0.04098,-0.06856,0.00391,-0.02057,0.02689,-0.03851,0,-0.05609,-0.01915,-0.06655,-0.02054,0.01663,0.07956,-0.03082,0.04079,-0.00916,0.02113,0.01344,0.06417,-0.03131,0.01689,0.00425,-0.00534,-0.02522,0.01925,-0.0672,-0.12419,-0.01595,0.04604,0.03989,0.01372,0.02664,-0.0328,-0.01677,0.00108,0.07325,-0.00548,-0.00765,0.04017,0.02615,0.06887,0.02586,0.04542,-0.07358,0.07886,-0.05535,0.00364,0.0377,-0.04909,0.02365,-0.02433,-0.04512,0.06376,-0.08137,-0.03397,-0.04818,-0.06227,-0.08482,0.04445,-0.04007,0.09394,0.04162,0.07855,-0.02416,-0.08501,0.10899,-0.00262,-0.03556,0.01734,0.03962,0.07554],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.5.0 - 2026-04-14 Platform and layout release: shared layout integration, published Dagre and ELK adapters, explicit fNodesRendered / fFullRendered, standalone reference apps, and a stronger portal/docs toolchain. Examples: Dagre Auto Layout, ELK.js Auto Layout, Schema Designer, Call Center Flow f Nodes Rendered f Full Rendered","excerpt":"- v18.5.0 - 2026-04-14 Platform and layout release: shared layout integration, published Dagre and ELK adapters, explicit fNodesRendered / fFullRendered, standalone reference apps, and a stronger portal/docs toolchain. Examples: Dagre Auto Layout, ELK.js Auto Layout, Schema Designer, Call Center Flow"},{"chunkId":"/docs/roadmap#10","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.04656,0.00364,-0.02112,-0.04162,0.00049,0.03527,0.03413,0.07525,-0.00224,-0.00102,-0.06519,-0.03447,-0.11559,-0.00874,0.01769,-0.04115,-0.01484,-0.04019,0.0004,0.07934,-0.02264,-0.07175,-0.00411,-0.00754,-0.09699,0.05009,-0.01156,-0.05151,-0.05178,-0.05661,-0.00463,0.15186,0.06874,0.02195,-0.03159,-0.0859,0.03138,-0.02147,-0.05496,-0.04002,-0.02021,-0.04286,0.05247,0.03224,0.03235,0.03452,0.03393,-0.0526,-0.02097,0.08982,-0.02848,-0.08104,0.00853,0.04787,0.01994,0.06943,0.01429,-0.04833,0.00924,0.0622,-0.03317,-0.00667,-0.02643,0.07084,0.03577,-0.00251,-0.04464,0.01203,0.04743,-0.04444,-0.04194,0.00204,0.04473,-0.10209,0.04696,-0.03793,0.01304,0.03267,0.01535,-0.11855,0.03912,-0.0063,0.0025,0.01523,-0.02801,0.06992,0.01017,-0.0685,0.00652,0.04307,-0.02239,0.04416,-0.02245,-0.01724,-0.00772,-0.04416,-0.03292,-0.11449,-0.02037,0.03547,0.01238,-0.04379,0.08025,0.03371,-0.01281,-0.01054,0.02276,0.02964,-0.02705,-0.01502,-0.04641,-0.0467,0.01002,-0.06994,-0.02697,-0.0131,-0.06057,-0.03001,0.10886,0.00277,-0.00459,-0.01779,0.01251,-0.04087,-0.00692,0.01756,-0.06538,0,-0.03473,0.03577,-0.02276,0.04451,0.02722,-0.03733,0.02749,-0.06434,-0.04757,0.00568,0.01438,0.01597,-0.092,0.06462,-0.00636,-0.11689,-0.07059,0.05877,-0.0006,0.0275,0.09254,-0.04967,-0.02831,-0.03628,0.10886,0.08422,-0.0099,0.05652,-0.04195,0.05876,-0.09218,-0.0077,0.01395,-0.04044,-0.05414,0.00165,-0.06114,-0.10955,0.00348,-0.03871,-0.02073,-0.01473,-0.05458,-0.06693,0.03261,0.01183,-0.05381,0.06055,0.08313,0.00077,0.03124,-0.01132,0.02962,0.02798,0.04581,-0.07488,-0.03225,0.01459,0.04905,0.07174,0.05294,0.09267,-0.11468,-0.08035,0.02262,0.10775,0.07955,0.03215,0.01083,-0.04379,-0.09117,0.03597,-0.00349,-0.00608,0.08337,-0.01849,0.01381,-0.03371,0.00891,0.00233,-0.04973,0.033,0.0524,0.0541,0.07287,-0.03902,0.05793,0.02164,-0.08205,-0.02323,0.09305,-0.05032,0.01413,0.03936,0.0241,0,0.01819,0.01502,-0.08704,0.09693,0.04103,-0.02294,0.05204,0.03207,0.09633,-0.04365,0.02892,0.05968,0.01168,-0.04784,0.03058,-0.00317,-0.03368,-0.10315,-0.00088,-0.03095,0.04986,-0.08244,-0.00127,-0.02061,-0.0682,-0.02762,0.05508,0.03409,-0.022,-0.05108,-0.01667,-0.03872,-0.03407,-0.0103,0.02341,-0.06376,-0.02076,0.03087,-0.00961,-0.02666,0.02932,0.01665,0.02022,0.04465,-0.0617,0.05357,-0.0665,0.02512,0.01361,0.02741,-0.04053,-0.01578,-0.01591,-0.08065,-0.05012,0.07481,0.08214,0.02724,-0.08994,0.07754,0.01351,-0.00623,0.05129,-0.01307,0.09525,0.02023,-0.01707,0.04891,-0.01543,0.10663,0.1255,-0.011,-0.08089,0.03192,0.0428,0.04259,0.09822,-0.0167,0.06748,0.04409,-0.00365,0.10108,0.06575,0.09087,0.01887,0.05263,-0.0909,-0.03231,0.06135,0.02184,-0.02769,-0.00394,0.04948,0.02411,-0.06107,0,-0.04823,0.01747,0.00296,-0.01285,0.00616,0.06355,-0.0324,0.00614,0.00445,-0.03392,-0.01486,0.08026,-0.00338,0.02615,0.03183,0.04297,-0.04661,0.03642,-0.07181,-0.12391,-0.0248,0.03015,0.0374,0.03363,-0.01349,-0.01567,-0.04782,0.03208,0.04546,0.00901,-0.00757,0.02838,0.00738,0.03006,-0.03633,0.06232,-0.11932,0.02597,-0.06674,0.0003,0.04343,-0.03818,0.00709,-0.04263,-0.06237,0.0369,-0.02609,-0.0815,-0.1097,-0.03953,-0.07845,0.07688,-0.04055,0.11311,0.02581,0.09829,-0.02811,-0.05644,0.11536,-0.00163,-0.06973,0.01514,0.00109,0.11733],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.4.0 - 2026-04-02 Interaction and styling release: f-auto-pan, the shipped default theme entrypoint, smoother trackpad pinch zoom, refreshed example controls, and additional connector-geometry hardening. Examples: Auto Pan, Zoom","excerpt":"- v18.4.0 - 2026-04-02 Interaction and styling release: f-auto-pan, the shipped default theme entrypoint, smoother trackpad pinch zoom, refreshed example controls, and additional connector-geometry hardening. Examples: Auto Pan, Zoom"},{"chunkId":"/docs/roadmap#11","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.06149,-0.02484,-0.02721,-0.01948,-0.01473,0.00396,-0.03927,0.03516,-0.02926,-0.01989,-0.06402,-0.02056,-0.10667,-0.04674,0.03656,0.01528,-0.00372,-0.02263,0.00163,0.01914,-0.0191,-0.07539,-0.03251,-0.00743,-0.06898,0.01918,-0.01475,-0.03708,-0.04602,-0.03934,0.00956,0.08827,-0.00387,0.01372,-0.02067,0.00718,0.0379,-0.05067,-0.03858,0.01438,0.01613,-0.02973,0.00287,0.05327,0.02872,-0.00654,0.03064,-0.01487,-0.07143,0.05466,-0.0166,-0.08826,-0.05667,0.10476,0.03973,0.07851,0.01433,-0.04254,-0.03431,0.06259,-0.0252,-0.06005,-0.03729,0.02429,0.00459,-0.02371,-0.01993,0.01354,0.0537,-0.03546,-0.06273,0.02963,-0.01969,-0.10479,0.02877,0.03703,0.10742,0.05504,0.02983,-0.16363,0.05055,0.00365,0.00294,-0.00383,-0.01134,-0.00532,0.03474,-0.07821,0.00582,0.05368,0.01166,0.05272,0.02195,0.01764,-0.01635,0.01742,-0.02326,-0.07972,0.00259,0.053,-0.00524,-0.01065,0.06945,0.02462,-0.02496,0.01661,0.00932,0.07387,-0.00798,0.0016,-0.04181,0.00832,0.01166,-0.10992,-0.03728,0.00587,-0.07149,-0.00399,0.084,0.05847,-0.02537,-0.04627,0.04135,-0.02468,-0.02779,-0.00258,-0.05442,0,-0.05429,0.03392,-0.03371,0.0541,0.04559,-0.01331,0.02965,-0.06704,-0.04713,-0.01745,-0.04379,0.03066,-0.08901,0.06514,0.02055,-0.10494,-0.05868,0.03509,0.04502,0.06463,0.14095,-0.12162,-0.03484,-0.05365,0.13975,0.05638,0.00499,0.04045,-0.03667,0.04833,-0.02178,-0.00474,0.01737,-0.02724,-0.0402,0.03051,-0.06962,-0.123,-0.02146,-0.02309,0.01307,-0.01583,-0.12374,-0.07249,0.01392,0.00022,-0.08156,-0.0158,0.09519,-0.00498,0.00653,0.02479,0.00311,0.00823,0.04304,-0.04913,-0.01492,0.00987,0.03158,0.08843,0.05986,0.06764,-0.0593,-0.05472,0.02956,0.10092,0.02997,0.05681,-0.02133,-0.01666,-0.09914,0.0833,0.01818,-0.05416,0.04431,-0.01031,-0.01565,0.0108,0.03586,0.01093,-0.06038,0.02077,0.02211,0.08205,0.09385,-0.01989,0.01831,-0.01724,-0.05831,0.03205,0.08767,-0.00894,0.01591,0.05453,0.02689,0,-0.02614,0.03418,-0.06882,0.07023,0.02939,-0.07314,0.06333,0.04492,0.06177,0.03952,0.01494,0.03652,-0.00711,-0.06389,0.05063,-0.07596,0.01607,-0.15813,0.00449,-0.00353,0.01017,-0.01474,-0.0543,-0.078,-0.01324,-0.0162,0.01963,-0.00904,-0.05746,-0.05393,-0.0275,-0.02201,-0.02863,-0.05419,0.01711,0.0003,-0.022,0.03979,0.03842,-0.02583,0.0565,0.01685,-0.04945,-0.00593,-0.03337,0.07816,-0.08595,-0.02497,0.00411,0.03249,0.01287,0.02997,-0.04566,-0.01186,-0.04401,0.07672,0.03595,0.03655,-0.04959,0.069,0.02228,-0.02578,0.05048,-0.00391,0.07437,-0.00317,0.00855,0.01829,0.03416,0.09926,0.10004,0.05211,-0.06559,0.07353,0.05059,-0.00682,0.04037,0.00711,0.02203,0.08523,-0.01856,0.12681,0.04556,0.11409,0.08076,-0.01089,-0.03532,-0.03917,0.07934,0.00605,-0.05476,-0.02761,-0.0382,0.02962,-0.0511,0,-0.05428,-0.00467,-0.05158,-0.00102,0.07349,0.07269,-0.05539,0.01893,0.02023,0.03183,0.0391,0.07153,-0.04279,0.01187,0.04389,0.01274,-0.00754,-0.00367,-0.0618,-0.118,-0.0642,0.07813,0.02964,0.08086,0.04557,-0.06037,0.02195,0.03229,0.02957,-0.02234,-0.02606,0.02712,0.01298,0.03691,-0.00337,0.10588,-0.10778,0.07947,-0.0383,0.06643,0.04135,-0.01909,0.06488,-0.00911,-0.0027,0.0518,-0.13375,-0.04224,-0.09823,-0.05442,-0.07103,0.0508,-0.05774,0.11139,0.04102,0.01883,-0.04321,-0.08299,0.0442,0.01219,-0.0538,-0.01878,0.02818,0.02537],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.3.0 - 2026-03-17 Connection-model release: projected f-connection-gradient, smarter redraw caching for unchanged routes and markers, production-safe blob worker loading, and a roadmap/docs refresh. Example: Connection Gradients","excerpt":"- v18.3.0 - 2026-03-17 Connection-model release: projected f-connection-gradient, smarter redraw caching for unchanged routes and markers, production-safe blob worker loading, and a roadmap/docs refresh. Example: Connection Gradients"},{"chunkId":"/docs/roadmap#12","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.02596,-0.00235,-0.03677,-0.02587,0.00617,-0.00644,-0.04106,0.05132,-0.01207,-0.00824,-0.05603,-0.02614,-0.12375,-0.03635,0.01145,-0.02756,0.0209,-0.02544,-0.02198,0.0335,-0.00667,-0.08219,-0.01093,-0.04072,-0.04489,0.02648,-0.0609,-0.05266,-0.02887,-0.06645,0.04378,0.11061,0.02706,0.01822,-0.01042,0.01036,0.03622,-0.05787,-0.03963,0.00849,-0.00856,-0.02101,0.00974,0.02685,0.01135,0.00324,0.04628,-0.01058,-0.05084,0.06579,-0.04436,-0.08239,-0.0383,0.10801,0.03911,0.04729,0.02965,-0.09032,-0.04484,0.04328,-0.0262,-0.04296,-0.03519,0.03523,-0.00214,-0.01888,0.00595,-0.032,0.05357,-0.06528,-0.05907,0.0068,0.00484,-0.08464,0.01706,-0.00706,0.06655,0.03388,0.05037,-0.13136,0.06034,-0.04408,0.00059,-0.01232,-0.04112,0.0265,0.01371,-0.05463,-0.03812,0.06061,-0.02518,0.09765,0.03342,0.01587,-0.01663,-0.0248,-0.02516,-0.04612,0.01661,0.03255,0.01115,-0.04068,0.0749,0.00775,-0.03224,-0.02523,0.03807,0.04219,-0.0101,-0.02083,-0.02116,0.02739,0.02755,-0.10279,0.01169,0.01937,-0.06164,0.01543,0.06866,0.06064,0.02174,-0.05024,0.01385,-0.0248,-0.00518,-0.0072,-0.07948,0,-0.06587,0.01708,-0.02416,0.04137,0.04095,-0.00263,0.03646,-0.0407,-0.05628,-0.00941,-0.02803,0.0152,-0.08858,0.06453,0.03031,-0.14005,-0.03881,0.07531,0.01004,0.0527,0.13575,-0.10611,-0.02036,-0.03086,0.13411,0.03204,-0.01125,0.03035,-0.01721,0.04609,-0.04632,-0.0015,0.00399,-0.0442,-0.03446,-0.0158,-0.07521,-0.08252,-0.0338,-0.05465,-0.01318,0.03225,-0.13011,-0.06884,0.02491,-0.02937,-0.10626,-0.00483,0.08519,0.01876,0.06067,0.00414,0.02082,0.05214,0.08158,-0.03142,0.02735,0.00613,0.02205,0.11113,0.02749,0.06784,-0.10042,-0.04977,0.04306,0.08639,0.09888,0.07042,-0.02723,-0.00914,-0.08831,0.08259,0.02638,-0.06018,0.07727,-0.01226,-0.01146,-0.01906,0.00433,0.0029,-0.06842,0.03615,0.03856,0.04452,0.07394,-0.02075,0.00495,0.01317,-0.04527,0.03397,0.09515,-0.04585,0.02145,0.0236,0.01511,0,0.00114,0.01899,-0.08715,0.07869,0.05856,-0.04512,0.01666,0.04816,0.04754,-0.03763,-0.01072,0.03949,-0.01351,-0.04297,0.03342,-0.05503,0.01943,-0.17523,0.00646,-0.00054,0.03589,-0.03769,0.0085,-0.04874,-0.04741,-0.01399,0.0177,0.01522,-0.03709,-0.09567,-0.00365,-0.03638,-0.01671,-0.03819,0.04037,-0.01796,0.00667,0.03008,0.01201,-0.02911,0.06575,0.0335,-0.07234,0.00056,-0.05554,0.07092,-0.10256,-0.036,0.02045,0.04183,-0.02961,0.03808,-0.07224,-0.01105,-0.02548,0.04688,0.04883,0.05296,-0.07088,0.07784,0.02413,-0.01966,0.02011,-0.02089,0.08028,0.01843,-0.00103,0.04012,0.01312,0.13365,0.09293,0.00537,-0.06818,0.07126,-0.00125,0.02873,0.05867,-0.0256,0.05788,0.09356,-0.00163,0.12514,0.0376,0.12,0.07083,0.032,-0.02334,-0.08261,0.07447,-0.00652,-0.01947,-0.02223,-0.02524,0.00342,-0.01272,0,-0.07086,-0.01349,-0.04132,-0.00032,0.06647,0.048,-0.06543,0.05151,0.00925,0.0151,0.04986,0.05651,0.00224,-0.00347,0.08177,-0.01347,0.01197,0.00635,-0.06012,-0.11198,-0.05663,0.08252,0.01407,0.03625,-0.01542,-0.06575,-0.01182,0.00201,0.02692,-0.02402,-0.01075,0.04146,0.01248,0.03277,-0.00954,0.05657,-0.10628,0.08396,-0.01698,0.02688,0.0741,-0.0069,0.02697,-0.00495,-0.02333,0.05333,-0.10423,-0.07695,-0.07124,-0.04527,-0.03829,0.05723,-0.05569,0.12103,0.01379,0.07408,-0.03383,-0.04216,0.06781,0.01988,-0.02378,-0.03435,0.03375,0.08137],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.2.0 - 2026-03-09 Performance and scale release: fCache, fVirtualFor, the first f-connection-worker release, fNodeRenderLimit, chunked redraws, and zoom during drag. Examples: Large Scene Performance, Connection Redraw Performance f Cache f Virtual For f Node Render Limit","excerpt":"- v18.2.0 - 2026-03-09 Performance and scale release: fCache, fVirtualFor, the first f-connection-worker release, fNodeRenderLimit, chunked redraws, and zoom during drag. Examples: Large Scene Performance, Connection Redraw Performance"},{"chunkId":"/docs/roadmap#13","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.08742,-0.00294,-0.02811,-0.06294,-0.01469,0.00146,-0.06301,0.10129,-0.02608,-0.02411,-0.06295,-0.02503,-0.08715,-0.0555,0.00677,0.01409,-0.04737,-0.03203,0.058,0.06498,-0.04038,-0.04282,-0.01422,-0.02213,-0.09855,0.0687,-0.01102,-0.04803,-0.07818,-0.08265,0.05147,0.15712,0.02799,0.02741,-0.02421,0.00088,0.02697,-0.04915,-0.01351,-0.0107,-0.04413,-0.02079,0.03496,0.00747,0.03633,0.02039,0.04535,-0.04809,-0.01565,0.06946,-0.03652,-0.05312,-0.01695,0.08432,0.06249,0.04407,0.0438,-0.07775,-0.01344,0.02933,0.02455,-0.03467,-0.04052,0.03333,0.01421,0.00377,-0.05692,0.01825,0.03671,-0.08575,-0.04748,0.02072,-0.00105,-0.05987,0.03167,0.057,0.08714,0.06967,0.05955,-0.1231,-0.0107,-0.01044,0.0079,-0.02902,-0.03505,0.0371,0.0005,-0.03737,0.01342,0.03873,0.02204,0.01706,0.05668,0.03532,0.04485,-0.01499,-0.04314,-0.05404,-0.04388,0.03175,0.02518,0.0003,0.02778,0.01905,-0.05949,-0.00933,0.05313,0.0188,-0.00738,-0.05961,-0.03924,-0.01009,-0.00026,-0.10605,-0.00384,-0.02613,-0.04728,0.03261,0.10225,0.021,-0.01301,-0.01377,-0.00139,-0.00183,0.01296,0.0257,-0.08179,0,-0.08661,0.06964,-0.01603,0.05762,0.01122,-0.04614,0.03232,-0.04228,-0.00084,0.03265,-0.03939,0.04778,-0.07656,0.03245,-0.02959,-0.16101,-0.05419,0.00314,-0.03133,0.04909,0.0776,-0.07182,0.00893,-0.06565,0.11257,0.04107,-0.01046,0.02135,-0.03234,0.04295,-0.0613,-0.03073,-0.00375,-0.03792,-0.03168,0.03172,-0.07167,-0.09573,-0.02873,-0.04758,0.05969,0.02998,-0.09222,-0.04498,0.10077,-0.01281,-0.06072,-0.02408,0.11909,-0.02066,-0.0085,0.02191,-0.02404,0.0222,0.06758,-0.08735,-0.02469,0.01037,0.0254,0.08091,0.03793,0.07724,-0.04918,-0.07475,0.00783,0.1008,0.08326,0.0385,0.01048,0.00027,-0.07206,0.0717,0.00318,-0.03686,0.05821,-0.02287,-0.00315,-0.0202,0.04547,-0.03862,-0.07982,0.05463,0.0314,0.06053,0.0905,-0.02487,0.00172,-0.02245,-0.0627,0.01008,0.08995,-0.02021,0.00773,0.0643,0.03516,0,-0.04768,0.00911,-0.02148,0.0226,-0.0005,-0.02483,0.06018,0.05144,0.0896,0.03762,-0.00273,0.01732,0.00567,-0.06497,0.08269,-0.05365,-0.04281,-0.12269,0.03028,-0.00996,0.02996,-0.01009,-0.00364,-0.02888,-0.02124,0.01303,0.02118,0.0137,0.02397,-0.06818,-0.01456,-0.01151,-0.0444,-0.0096,0.02119,-0.05445,0.01287,0.04612,0.01883,-0.07148,0.02733,0.06536,-0.01691,-0.01217,-0.07769,0.06498,-0.06397,0.03106,0.04381,0.02327,-0.04851,-0.00637,-0.04134,-0.05046,-0.06599,0.07819,0.05883,0.06347,-0.03535,0.0975,-0.00934,-0.04802,0.06686,-0.07355,0.06862,0.03071,0.01952,0.0705,0.00375,0.10397,0.12873,0.02702,-0.07473,0.02545,0.03823,0.05344,0.05722,-0.01545,0.01894,0.0288,0.01722,0.11462,-0.01332,0.13545,0.07274,-0.01691,-0.00482,-0.13719,0.02074,0.01157,-0.06042,-0.0285,0.00728,0.02225,-0.05312,0,-0.02328,-0.0099,-0.03096,-0.00267,0.04057,0.0765,-0.08217,-0.00523,-0.01216,-0.02953,0.01585,0.07656,-0.01708,0.00462,0.05435,0.01566,-0.08311,0.00702,-0.04468,-0.04442,-0.00157,0.05588,0.03292,0.04795,0.00881,-0.03103,-0.01889,0.01129,0.02747,-0.02142,0.00126,0.04613,0.09534,0.03,0.02387,0.04566,-0.07449,0.09308,-0.01459,0.0275,0.02021,-0.02606,0.01143,-0.04589,-0.05872,-0.00933,-0.10637,-0.06157,-0.09329,-0.02027,-0.04057,0.0742,-0.02476,0.08438,0.03391,0.08414,-0.06707,-0.12333,0.07277,0.01379,-0.0101,0.00044,0.00637,0.05544],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.1.0 - 2026-02-16 Alignment and adoption release: f-magnetic-lines, f-magnetic-rects, AI Low-Code Platform reference app, and a major docs refresh. Examples: Magnetic Lines, Magnetic Rects, AI Low-Code Platform","excerpt":"- v18.1.0 - 2026-02-16 Alignment and adoption release: f-magnetic-lines, f-magnetic-rects, AI Low-Code Platform reference app, and a major docs refresh. Examples: Magnetic Lines, Magnetic Rects, AI Low-Code Platform"},{"chunkId":"/docs/roadmap#14","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.0498,0.02332,-0.02621,-0.03928,0.00928,0.02453,-0.00968,0.05361,-0.00288,-0.00417,-0.07271,-0.02139,-0.0975,-0.02089,0.05632,-0.01327,-0.00087,-0.00793,-0.01053,0.07808,-0.02005,-0.07198,0.01756,-0.03141,-0.06397,0.05943,0.00375,-0.04331,0.00841,-0.05177,0.03011,0.12148,0.00799,0.01733,-0.07242,-0.01063,0.048,-0.02481,-0.0683,-0.01515,0.02667,-0.00216,0.0226,0.02539,-0.01101,0.00387,0.03341,-0.01565,-0.05205,0.08646,-0.05259,-0.14199,-0.03245,0.06815,0.01843,0.0465,0.00963,-0.06037,0.01704,0.04946,0.01037,-0.02592,-0.03971,0.05699,0.00968,-0.01964,-0.04327,0.01841,0.0251,-0.10612,-0.04599,-0.0116,0.04881,-0.11544,0.02481,-0.02662,0.03952,0.01917,-0.00693,-0.10781,0.06383,-0.01328,0.01276,0.03694,-0.05079,0.02886,0.01093,-0.04872,-0.02425,0.03101,-0.02716,0.05046,0.00107,-0.02866,0.02175,-0.02533,-0.05047,-0.10965,-0.01618,0.03333,0.01448,-0.05246,0.07334,0.00928,-0.02185,-0.0028,-0.00207,0.04072,-0.00355,-0.00068,-0.0428,-0.01802,0.01869,-0.10658,-0.01949,-0.02706,-0.06328,-0.01073,0.09594,0.01077,0.01092,-0.01404,0.03381,-0.03038,0.03708,0.01401,-0.06481,0,-0.01453,0.04788,-0.02162,0.0727,0.06042,0.0085,0.02228,-0.08061,-0.04348,-0.00324,0.03121,0.03296,-0.08699,0.0453,0.02756,-0.1306,-0.06058,0.06149,0.0024,0.07633,0.10547,-0.12802,-0.02328,-0.01396,0.10928,0.06493,-0.00608,0.05464,-0.03952,0.02612,-0.01607,0.00463,0.01411,-0.03164,-0.02555,0.00377,-0.06913,-0.11796,-0.00307,-0.05187,-0.01515,-0.02068,-0.13016,-0.04412,0.01808,-0.00337,-0.05477,0.0109,0.07504,0.0144,0.03181,0.00716,-0.01344,0.01652,0.04655,-0.07309,-0.0365,0.02019,0.02897,0.07329,0.06673,0.07056,-0.07701,-0.09322,0.03334,0.08632,0.04777,0.05548,0.0265,-0.04967,-0.1322,0.08535,0.02153,-0.0178,0.04428,-0.01679,-0.01418,0.01094,0.05174,0.0188,-0.07291,0.02436,0.05867,0.07092,0.10632,-0.03066,0.01302,-0.01877,-0.10583,-0.00465,0.07432,-0.00074,-0.00155,0.03126,0.02593,0,-0.0257,0.01783,-0.07397,0.0634,0.08181,-0.05339,0.06632,0.04316,0.0948,0.00559,0.02049,0.06296,0.00802,-0.03865,0.04206,-0.03721,0.01641,-0.13114,-0.01515,-0.02845,0.01828,-0.03771,-0.02453,-0.07456,-0.05857,0.00354,0.0467,-0.00925,-0.01562,-0.05582,-0.01745,-0.03434,-0.03901,-0.02315,0.01505,-0.02238,-0.03759,0.02135,-0.01265,-0.05236,0.03478,-0.00405,-0.04129,0.01545,-0.07276,0.06565,-0.07979,-0.00225,-0.02928,0.02643,-0.02578,0.04374,-0.04841,-0.03446,-0.03741,0.0586,0.0697,0.0478,-0.02165,0.0396,0.01208,0.02322,0.02198,-0.00708,0.07859,0.04804,-0.0162,0.03974,0.0094,0.10817,0.10142,-0.00185,-0.06024,0.02145,0.08071,0.06793,0.09906,-0.024,0.0584,0.0477,0.00122,0.12653,0.04076,0.09404,0.11111,0.04308,-0.07139,-0.06468,0.05478,0.03259,-0.06779,-0.00497,-0.00076,0.01348,0.00181,0,-0.10449,-0.00122,-0.04854,-0.0173,0.02357,0.06542,-0.05894,0.02947,0.02286,0.00894,0.00816,0.07715,0.00187,0.02365,0.08053,0.00825,-0.04403,-0.00204,-0.05444,-0.09505,-0.04156,0.03318,0.02786,0.07194,-0.0004,-0.02404,-0.02751,0.0333,0.01786,-0.01725,0.02598,0.02109,0.01339,0.04257,-0.02331,0.06322,-0.12149,0.0482,-0.04968,0.02759,0.04878,-0.03825,0.0207,0.00041,-0.0516,0.09415,-0.04402,-0.07696,-0.09459,-0.03039,-0.08974,0.04862,-0.0495,0.09206,0.05846,0.07219,-0.0148,-0.05669,0.07506,0.04041,-0.0752,0.01951,0.00345,0.08443],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v18.0.0 - 2026-01-26 Interaction release: connection waypoints, pinch-to-zoom, Angular control-flow/content-projection improvements, and richer custom backgrounds. Examples: Connection Waypoints, Zoom, Background","excerpt":"- v18.0.0 - 2026-01-26 Interaction release: connection waypoints, pinch-to-zoom, Angular control-flow/content-projection improvements, and richer custom backgrounds. Examples: Connection Waypoints, Zoom, Background"},{"chunkId":"/docs/roadmap#15","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.03813,-0.01205,-0.03447,-0.01526,0.01849,0.00234,-0.05075,0.06182,-0.05569,-0.00196,-0.07703,-0.03418,-0.10241,-0.04058,0.00594,-0.01087,0.00392,-0.05169,0.0381,0.03793,-0.02943,-0.07697,-0.01162,-0.0446,-0.06663,0.03941,-0.00922,-0.02058,-0.04915,-0.055,0.06208,0.10883,-0.02786,0.01143,-0.0686,-0.05027,-0.00057,-0.0135,-0.03029,-0.02712,0.00228,-0.02368,0.02068,0.03273,-0.00128,-0.00515,0.0068,-0.0359,-0.02264,0.07011,-0.01703,-0.10144,-0.03023,0.08321,0.03506,0.07969,-0.01535,-0.07181,-0.02112,0.02064,0.03186,-0.06799,0.00575,0.03585,-0.01078,-0.02838,-0.01939,-0.00649,0.01612,-0.03558,-0.04422,0.00715,0.03108,-0.08448,0.0709,0.01346,0.06756,0.05344,0.03561,-0.10326,0.00926,0.01698,-0.02832,0.00837,0.00347,-0.00417,0.01257,-0.04558,-0.00079,0.04314,0.01332,0.03865,0.00952,0.00871,0.00057,-0.03279,-0.03223,-0.08672,-0.04089,0.01432,-0.01334,-0.00147,0.06323,0.01873,-0.01575,-0.01469,0.0506,0.07368,-0.00386,-0.0319,-0.06269,-0.01508,0.03865,-0.08443,-0.0375,-0.01646,-0.07483,-0.02337,0.10038,0.00177,-0.02457,-0.03403,0.05844,0.00219,0.04757,-0.02917,-0.04959,0,-0.04338,0.05538,-0.04133,0.03012,0.05795,0.03027,0.03838,-0.03632,-0.02368,-0.00272,-0.06279,0.04924,-0.04878,0.05884,0.01641,-0.14691,-0.08825,0.03112,-0.00236,0.04205,0.12303,-0.11729,-0.01868,-0.09503,0.10594,0.07316,-0.00617,0.05381,-0.02303,0.04962,-0.04809,-0.00919,0.00631,-0.01094,-0.04206,0.01349,-0.0446,-0.08853,-0.01641,-0.00949,-0.01691,-0.00531,-0.08423,-0.10339,0.02682,0.00537,-0.06676,0.02938,0.07652,0.00338,0.02317,-0.01114,-0.01084,0.03767,0.05925,-0.05251,-0.04139,0.06074,0.03323,0.07686,0.06002,0.07281,-0.07057,-0.07063,0.02415,0.11647,0.07502,0.03363,-0.00726,-0.04614,-0.08196,0.0524,0.05543,-0.02222,0.07629,-0.00089,-0.0316,-0.0272,0.04234,-0.01154,-0.0836,0.04868,0.02805,0.0693,0.12982,-0.02364,0.00295,-0.01629,-0.08823,0.02917,0.08603,-0.06204,0.03987,0.06311,0.03487,0,-0.0057,0.01743,-0.05997,0.08265,0.04747,-0.04615,0.09229,0.06228,0.08212,-0.02407,0.02309,0.05111,0.01404,-0.04679,0.06556,-0.05999,-0.01798,-0.12598,-0.01835,-0.04095,0.01127,-0.03668,-0.03019,-0.07125,-0.00942,0.04765,0.07959,0.02104,-0.01913,-0.05775,-0.05652,-0.02642,-0.03379,-0.01771,0.03043,0.00324,-0.03655,0.04498,0.03255,-0.03727,0.05778,0.014,-0.04992,0.01563,-0.04575,0.06196,-0.06884,-0.00787,0.01457,0.04191,0.00088,0.03135,-0.05093,0.00347,-0.01165,0.10903,0.06643,0.06656,-0.04989,0.04825,0.0418,0.01111,0.07298,0.02115,0.09327,0.00954,-0.00999,0.03933,0.02176,0.10305,0.10313,0.00651,-0.07728,0.05462,0.10744,0.03793,0.09003,0.00037,0.02916,0.07167,-0.02353,0.08797,0.02728,0.09002,0.07612,-0.00526,-0.05883,-0.06141,0.07656,0.02427,-0.02416,-0.00732,0.00149,0.0095,-0.02579,0,-0.09928,-0.00638,-0.042,-0.02237,0.04381,0.05382,-0.04259,-0.01697,-0.0173,-0.02251,0.07068,0.05471,-0.02301,0.02728,0.04109,-0.00797,-0.03238,-0.02962,-0.05232,-0.10248,-0.10083,0.00884,0.00895,0.0651,-0.00779,-0.04808,-0.02857,0.00869,0.0389,-0.0021,-0.05119,0.04192,0.02834,0.08044,-0.02172,0.12129,-0.08059,0.06445,-0.06493,0.03675,0.03779,-0.03229,0.02437,-0.03642,0.01305,0.04522,-0.07981,-0.05158,-0.08126,-0.05278,-0.05044,0.07375,-0.03907,0.06976,0.05347,0.04347,-0.05779,-0.1016,0.0805,0.04358,-0.0737,-0.00876,-0.01558,0.06663],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. 2025 - v17.9.5 - 2025-10-27 Added connectable-side strategies, AdaptiveCurveBuilder, and additional rendering performance work. - 17.8.5 - 2025-10-05 Expanded EFConnectableSide with manual, calculated, axis-limited, and AUTO modes for smarter routing. Adaptive Curve Builder EF Connectable Side","excerpt":"2025 - v17.9.5 - 2025-10-27 Added connectable-side strategies, AdaptiveCurveBuilder, and additional rendering performance work. - 17.8.5 - 2025-10-05 Expanded EFConnectableSide with manual, calculated, axis-limited, and AUTO modes for smarter routing."},{"chunkId":"/docs/roadmap#16","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.04624,-0.0126,-0.0751,-0.01744,-0.00605,0.01708,-0.01927,0.0631,-0.00149,-0.03733,-0.06758,-0.05362,-0.08779,0.00029,0.02692,0.00956,-0.01297,-0.05216,-0.00601,0.03509,-0.03431,-0.05711,-0.02136,-0.0261,-0.0741,0.02446,-0.03025,-0.04576,-0.05713,-0.01399,0.02063,0.1139,-0.01036,0.01178,0.00961,-0.00772,0.08844,-0.05304,-0.02845,-0.00699,0.0206,-0.04704,0.00655,0.05257,-0.01954,0.01035,0.01224,-0.05558,-0.04976,0.11025,-0.06461,-0.04383,-0.02378,0.11208,0.03709,0.06967,0.01967,-0.03284,-0.04024,0.05899,0.01703,-0.04998,-0.03137,0.0478,-0.04991,-0.01756,-0.04009,0.01565,0.04005,-0.08009,-0.07194,0.04177,-0.04411,-0.06047,0.05805,0.04455,0.04203,0.02971,0.02523,-0.15211,0.04233,0.05784,0.00405,-0.00177,0.00365,0.05075,0.0038,-0.01364,-0.02747,0.07975,0.0179,0.01864,0.04345,0.00324,0.01647,0.00439,-0.03521,-0.08125,-0.00313,0.02425,-0.04094,-0.03159,0.01652,0.0185,-0.01302,-0.01808,0.01874,0.03996,0.02766,-0.03168,-0.03203,-0.01701,0.03906,-0.09508,-0.0219,0.03274,-0.04975,0.0082,0.09292,0.06221,-0.0436,-0.0547,0.03215,-0.00816,0.00233,-0.02001,-0.08511,0,-0.0414,0.02782,-0.01819,0.06795,0.01326,-0.02498,0.02172,-0.07141,-0.03663,-0.02946,-0.06599,0.01857,-0.06859,-0.00422,0.01324,-0.08977,-0.07832,0.03551,0.054,0.05926,0.12217,-0.09654,0.01472,-0.0496,0.12912,0.07844,-0.0454,0.04717,0.02288,0.0389,-0.06139,-0.03782,0.03735,-0.0161,-0.02429,0.01375,-0.04688,-0.09491,-0.05752,-0.03231,0.00039,-0.04353,-0.10602,-0.0489,0.05754,-0.02309,-0.07383,-0.0068,0.11075,-0.02204,0.01642,-0.01006,-0.00704,-0.00216,0.01115,-0.07851,-0.0684,0.02227,0.01441,0.05807,0.07999,0.06173,-0.0705,-0.06707,0.07938,0.09328,0.04995,0.00604,-0.02856,-0.05639,-0.092,0.07978,-0.05742,-0.0356,0.04715,-0.0426,-0.01183,-0.00267,0.05938,0.01751,-0.00604,-0.00755,-0.00778,0.09505,0.11543,-0.00646,0.00227,-0.04812,-0.06971,0.01983,0.08475,-0.01361,0.02602,0.03707,0.06249,0,-0.00838,-0.00826,-0.05707,0.04966,0.03295,-0.04915,0.03325,0.05323,0.06092,-0.00557,0.03015,0.03303,0.03365,-0.08373,0.00662,-0.06162,-0.0322,-0.13545,-0.01425,-0.00002,0.02355,0.00186,-0.03306,-0.06059,-0.02687,-0.03153,0.00786,0.01001,-0.02547,-0.05151,0.01171,-0.00203,-0.07068,-0.01709,-0.00195,-0.0093,0.01166,0.05456,0.01732,-0.0348,0.07015,0.02641,-0.08178,-0.00654,-0.05301,0.09092,-0.10057,-0.02864,-0.00466,0.03942,0.0027,0.01594,-0.03936,-0.04339,-0.03383,0.10451,0.08188,0.05253,-0.0494,0.03165,0.02363,-0.00947,0.07516,0.01981,0.11487,0.01936,0.01584,0.07778,-0.00838,0.06331,0.11242,0.01276,-0.11164,0.07515,0.06591,0.02471,0.04208,-0.02859,0.02309,0.10548,-0.00011,0.11558,0.03988,0.11643,0.10155,0.0175,0.00551,-0.04969,0.07552,0.03478,-0.06972,-0.00532,0.00301,0.00935,-0.06231,0,-0.10615,-0.01684,-0.09429,-0.00647,0.06915,0.10683,-0.08825,-0.00322,0.02422,0.01152,-0.02547,0.08096,-0.0289,-0.00313,0.02691,-0.01377,0.01072,-0.02454,-0.02284,-0.08781,-0.01963,0.02483,0.01779,0.0681,0.03033,-0.07882,-0.0106,0.03787,0.02033,-0.03084,-0.00117,0.01558,0.01578,0.04178,-0.03395,0.09914,-0.06871,0.06079,-0.05378,0.02841,0.07242,0.00837,0.01372,-0.03797,-0.01172,0.05645,-0.06369,-0.05165,-0.06845,-0.01659,-0.05065,0.0608,-0.03447,0.08008,0.0297,0.03104,-0.05767,-0.03074,0.07108,-0.00362,-0.05958,0.03131,0.06496,0.03442],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.8.0 - 2025-09-15 Added fConnectionContent, validation by input id and category, and the migration path away from deprecated connection text APIs. Examples: Connection Content, Connection Rules f Connection Content AP Is","excerpt":"- v17.8.0 - 2025-09-15 Added fConnectionContent, validation by input id and category, and the migration path away from deprecated connection text APIs. Examples: Connection Content, Connection Rules"},{"chunkId":"/docs/roadmap#17","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.07316,0.00037,-0.04908,-0.02763,0.01287,0.02613,-0.01545,0.05046,-0.02233,-0.01859,-0.06994,-0.05389,-0.10794,-0.02406,-0.00958,-0.04482,-0.07038,-0.00346,-0.00592,0.01938,0.00681,-0.06726,0.0096,-0.00412,-0.01969,0.09641,-0.04103,-0.04442,-0.02656,-0.07087,0.02135,0.14184,0.09607,0.02473,-0.00636,0.01473,0.02115,-0.02818,-0.03274,-0.02617,-0.01481,-0.00566,0.04595,0.04167,-0.01208,0.03098,0.03243,-0.02419,-0.05595,0.1082,-0.01561,-0.07916,-0.0334,0.13901,0.03402,0.03257,0.01895,-0.09017,-0.0024,0.01328,-0.02265,-0.04615,-0.0655,0.0523,-0.01707,0.00503,-0.0648,0.04442,0.02825,-0.06545,-0.02279,0.02263,0.02815,-0.03652,0.06308,0.03283,0.03156,0.04956,-0.01369,-0.11199,0.02387,-0.01617,0.01063,0.02063,0.00866,0.03554,0.03733,-0.03205,-0.02126,0.04825,-0.0231,0.08515,0.08246,-0.02848,0.03276,-0.00527,0.01299,-0.08829,0.00631,0.04424,0.03313,-0.00594,0.06087,0.01301,-0.02874,-0.06193,-0.00068,0.02859,-0.01352,-0.03823,-0.03537,0.00888,0.05367,-0.11484,-0.02368,-0.06117,-0.05935,-0.00832,0.08283,0.01592,0.01177,-0.01164,0.04652,0.01042,0.05597,0.01512,-0.07099,0,-0.03516,0.0098,-0.03248,0.058,0.04523,-0.0228,0.0171,-0.03425,-0.03859,-0.03344,-0.02429,0.01936,-0.06344,0.04192,-0.03005,-0.10709,-0.08784,0.06181,-0.00983,0.02035,0.11267,-0.05297,-0.02481,-0.03371,0.07494,0.08076,-0.02887,0.02875,-0.00589,0.06358,-0.05989,-0.02486,0.01009,-0.0059,-0.05308,0.06474,-0.05138,-0.10313,0.01758,-0.03785,-0.00586,-0.03738,-0.0932,-0.10335,0.06647,-0.03429,-0.0563,0.00454,0.09959,0.01313,0.02967,-0.0231,0.01009,0.03229,0.02249,-0.06692,-0.0458,0.02136,0.04715,0.06664,0.06512,0.12949,-0.06267,-0.05238,0.0339,0.07288,0.07999,0.04863,0.01802,-0.02366,-0.06948,0.05682,-0.01523,-0.03223,0.07611,0.00262,0.02945,0.0007,-0.03252,-0.01249,-0.07899,-0.01074,0.03087,0.00301,0.11291,-0.0094,0.04113,-0.02131,-0.10745,-0.00803,0.08374,-0.07043,0.01514,0.05895,0.05727,0,0.03363,0.02473,-0.03098,0.04894,0.05662,-0.06423,0.00952,0.05054,0.06959,-0.00056,-0.03014,0.02137,0.00643,-0.06718,0.0374,-0.05738,-0.00103,-0.12716,0.0109,-0.02095,0.02311,-0.05252,-0.02798,0.02537,-0.04201,-0.01904,0.02682,-0.00509,0.01503,-0.04065,-0.0183,-0.06266,-0.08104,-0.03106,-0.00385,-0.05418,-0.02457,0.10589,0.01444,-0.01021,0.04704,0.03114,-0.08115,-0.00316,-0.0376,0.05326,-0.06674,-0.00558,0.02413,0.01288,-0.03052,0.01595,-0.04904,-0.06718,-0.01622,0.11556,0.0943,0.02202,-0.05427,0.03658,-0.01325,-0.02439,0.0428,-0.03575,0.11193,0.00769,-0.01768,0.04176,-0.05623,0.09538,0.0845,0.0061,-0.10266,0.03363,0.07331,0.01398,0.04577,0.02337,0.02412,0.05857,0.01341,0.09767,0.04484,0.13925,0.01286,0.03083,-0.03286,-0.03193,0.05121,0.02348,-0.07803,0.00426,0.05415,0.01966,-0.0354,0,-0.07757,-0.02843,-0.02641,0.01268,0.0545,0.05772,-0.11971,0.04983,-0.00504,-0.02416,0.03067,0.0808,-0.02113,-0.01661,0.03121,-0.00256,-0.04561,-0.03428,-0.05315,-0.11447,-0.00895,0.00281,0.04451,0.05938,-0.00009,-0.04755,-0.03274,0.02641,0.0312,-0.05406,-0.00265,0.03521,0.02979,0.06443,-0.03129,0.04817,-0.07385,0.06724,-0.02857,-0.01903,0.05843,-0.00526,0.02357,-0.01588,-0.04523,0.0429,-0.0727,-0.08808,-0.06872,-0.06157,-0.03494,0.07224,-0.03229,0.14234,0.03684,0.06296,-0.06983,-0.06753,0.10463,-0.00834,-0.02228,0.03169,0.02064,0.06547],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.7.0 - 2025-08-24 Added smarter grouping, fAutoSizeToFitChildren, fAutoExpandOnChildHit, plus copy/paste and undo/redo reference patterns. Examples: Grouping, Drag to Group, Copy/Paste f Auto Size To Fit Children f Auto Expand On Child Hit","excerpt":"- v17.7.0 - 2025-08-24 Added smarter grouping, fAutoSizeToFitChildren, fAutoExpandOnChildHit, plus copy/paste and undo/redo reference patterns. Examples: Grouping, Drag to Group, Copy/Paste"},{"chunkId":"/docs/roadmap#18","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.06373,0.01521,-0.01698,-0.01736,0.0249,-0.00106,0.00475,0.04622,-0.00937,-0.01201,-0.03977,-0.03492,-0.11815,-0.04846,-0.02398,0.02342,-0.0263,-0.00067,-0.00317,0.08531,-0.02011,-0.08327,-0.03691,-0.00494,-0.06996,0.07994,-0.04508,-0.00947,-0.0197,-0.09487,0.02623,0.11131,-0.01804,0.00757,-0.02939,-0.01085,0.02551,-0.02226,-0.05765,-0.02796,-0.02552,-0.02192,0.00248,0.01728,-0.00744,0.01292,0.05943,-0.01425,-0.05003,0.05703,-0.02288,-0.05572,-0.03465,0.09896,0.02862,0.04317,0.03786,-0.08024,-0.00424,0.01797,0.0083,-0.01964,0.01109,0.05588,0.02361,-0.02784,-0.01815,-0.01834,0.05366,-0.06474,-0.02165,0.02218,0.01629,-0.1037,0.04593,0.01736,0.03351,0.04357,0.02646,-0.09381,0.07419,-0.03086,-0.00278,-0.0067,-0.03955,0.02099,0.03399,-0.0503,0.00323,0.08018,0.01187,0.10404,0.05349,0.02205,-0.02519,-0.03961,-0.0157,-0.07183,-0.04645,0.04004,0.02179,-0.03658,0.07777,0.02508,-0.00488,-0.05241,0.04196,0.00902,-0.04429,-0.02518,-0.02645,0.01157,0.02958,-0.04266,-0.04627,-0.00242,-0.10775,0.00746,0.08309,-0.00697,0.00047,-0.0087,0.04188,-0.05088,0.02643,-0.00074,-0.09697,0,-0.01842,-0.0002,-0.04422,0.04522,0.03365,-0.03961,0.04597,-0.0748,-0.06169,-0.03262,0.01061,-0.04366,-0.0756,0.04933,-0.02518,-0.14735,-0.06299,0.04702,-0.0004,0.0656,0.11249,-0.07313,-0.03287,-0.06072,0.07209,0.09954,-0.03355,0.05787,-0.01401,0.06835,-0.07703,0.00353,0.00033,-0.02563,-0.04028,0.00638,-0.03836,-0.11712,-0.02211,-0.06436,-0.0231,0.00272,-0.11766,-0.08043,0.07981,0.00601,-0.0738,0.03381,0.03505,-0.02856,0.01619,0.00903,-0.00687,0.01814,0.04255,-0.07058,-0.00925,0.02707,0.01315,0.07448,0.05836,0.09063,-0.09307,-0.07525,0.03862,0.10948,0.07801,0.05327,-0.03899,-0.04871,-0.12188,0.05606,0.07002,-0.03044,0.06961,-0.00593,0.02253,-0.025,-0.00477,-0.01736,-0.0512,0.03165,0.00688,0.04432,0.06255,-0.04442,0.01492,0.02664,-0.08658,0.02569,0.06802,-0.05951,0.03085,0.03605,0.02449,0,-0.00588,-0.01317,-0.07483,0.10491,0.05447,-0.03757,0.03452,0.06528,0.06083,-0.06068,0.02485,0.03727,-0.06599,-0.0176,0.05992,-0.0322,0.01731,-0.10093,-0.03178,-0.01406,0.03346,-0.03058,-0.02565,0.02015,-0.01952,0.01199,0.01829,0.01745,0.00405,-0.02893,-0.00171,-0.04579,-0.02471,-0.0218,0.00277,-0.04537,-0.04168,0.02066,0.02653,-0.02835,0.02698,0.04477,-0.04951,0.01442,-0.02341,0.07366,-0.04523,-0.04132,0.03136,0.01616,-0.02587,0.01135,-0.04031,-0.00904,0.01454,0.08206,0.10354,0.0697,-0.04646,0.04399,-0.00139,-0.0107,0.04916,-0.0502,0.09927,0.0263,0.01096,0.02407,0.02684,0.07295,0.12486,0.02341,-0.0532,0.04553,0.09666,0.03204,0.07345,-0.01386,0.05059,0.07483,-0.01036,0.08736,0.03418,0.12465,0.07591,0.01259,-0.04456,-0.0609,0.07659,-0.003,-0.03865,-0.00186,0.01349,0.01443,-0.02023,0,-0.0722,-0.02434,-0.03512,0.00451,0.04596,0.09735,-0.04574,-0.01226,0.00666,-0.04483,0.05374,0.06521,0.01155,-0.0163,0.029,-0.01104,-0.06105,0.00418,-0.06583,-0.12251,-0.05767,0.00454,0.04768,0.07397,-0.00689,-0.06689,-0.00321,-0.02677,0.05215,-0.03895,-0.04723,0.0238,0.05228,0.06874,-0.01557,0.10645,-0.07526,0.05769,0.01445,0.07098,0.04271,-0.01626,0.02065,-0.04401,-0.02978,0.06494,-0.07067,-0.06613,-0.1097,-0.0119,-0.04592,0.07521,-0.04861,0.15773,0.06538,0.07026,-0.07042,-0.0468,0.07651,0.00629,-0.04472,-0.02575,0.00914,0.07085],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.6.0 - 2025-07-23 Reworked connection reassignment, refreshed the minimap, added debounced fCanvasChange, and introduced fDragBlocker. - v17.5.5 - 2025-07-19 Stabilization release focused on rendering, drag handling, and example hardening. f Canvas Change f Drag Blocker","excerpt":"- v17.6.0 - 2025-07-23 Reworked connection reassignment, refreshed the minimap, added debounced fCanvasChange, and introduced fDragBlocker. - v17.5.5 - 2025-07-19 Stabilization release focused on rendering, drag handling, and example hardening."},{"chunkId":"/docs/roadmap#19","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.08156,0.04745,-0.05138,-0.01648,-0.00093,0.00158,-0.03248,0.06085,-0.03595,0.03546,-0.06808,-0.01544,-0.1091,0.00146,0.03727,0.00556,-0.05425,0.02932,-0.01211,0.05744,-0.01962,-0.02422,-0.00638,-0.01908,-0.08413,0.07472,-0.03331,-0.02822,-0.01111,-0.07517,0.06235,0.14096,0.00702,-0.00524,-0.08573,0.00779,0.0078,-0.01712,-0.03583,-0.03277,0.06958,0.00997,0.03697,-0.00771,-0.03208,0.00745,-0.01403,-0.01674,-0.0668,0.06439,-0.0693,-0.15021,-0.02951,0.10853,0.00535,-0.00609,0.00954,-0.07866,0.01192,0.01411,0.03227,-0.04717,-0.01126,0.03965,-0.00239,-0.0266,-0.08121,-0.04996,0.00675,-0.04881,-0.01932,-0.02153,0.00946,-0.07721,0.06137,-0.01484,0.0407,0.06714,0.02602,-0.07466,0.03646,0.0278,0.01508,0.02302,-0.03228,0.0752,0.00915,-0.03452,0.00789,0.02969,0.0109,0.05919,0.00437,-0.02105,0.0014,-0.00236,-0.046,-0.05006,-0.07898,0.02712,0.01308,-0.04052,0.06773,0.00053,-0.08089,-0.03392,0.00174,0.01074,-0.0265,-0.02861,-0.02933,0.0465,-0.00315,-0.12292,-0.0271,-0.03613,-0.06484,-0.02456,0.06633,0.05226,-0.00218,-0.02394,0.02934,-0.02013,0.04281,0.00875,-0.07703,0,-0.03348,0.04799,-0.02896,0.06894,0.04528,-0.00405,0.03169,-0.07166,-0.02086,-0.01173,0.03495,0.0612,-0.07687,0.01739,-0.01854,-0.14066,-0.08498,0.05004,0.03246,0.03799,0.13333,-0.08651,-0.03993,-0.00003,0.09417,0.07048,-0.01934,0.04331,-0.05758,0.04361,-0.00103,0.00315,-0.0187,-0.01582,-0.04134,0.03227,-0.06761,-0.10865,-0.04468,-0.08161,-0.00265,-0.01613,-0.12856,-0.03719,0.04466,-0.00016,-0.05525,0.00204,0.13118,0.00695,0.02978,0.02337,0.01898,0.0392,0.06474,-0.03607,-0.0243,0.03088,0.04106,0.06539,0.0457,0.07476,-0.05995,-0.06622,0.04098,0.0632,0.0803,0.01221,0.04288,-0.05188,-0.0784,0.05519,0.02266,0.02565,0.02686,-0.00827,0.03626,0.00856,0.0461,0.00344,-0.04081,0.00744,0.04229,0.06263,0.1145,-0.05975,0.00197,-0.03307,-0.07864,-0.00032,0.10093,-0.02841,0.00652,0.03411,0.04468,0,-0.02417,-0.00428,-0.07606,0.08549,0.00775,-0.08145,0.02952,0.0495,0.04121,-0.03036,0.04771,0.02602,-0.02431,0.00667,0.05198,-0.045,-0.00667,-0.1445,0.01977,-0.01722,0.04011,0.01694,-0.03349,-0.00397,-0.05397,0.02392,0.06688,-0.01197,0.00175,-0.04281,-0.04024,-0.0637,-0.03848,-0.01036,-0.01746,-0.08417,-0.04989,0.06604,0.03539,-0.04485,0.05429,0.03632,-0.02508,0.00097,-0.09487,0.0239,-0.02293,0.01321,0.04096,0.01284,-0.03418,0.02392,-0.04133,-0.03938,-0.0174,0.06125,0.10495,0.01988,-0.01323,0.02663,-0.00929,0.02299,0.06287,-0.04442,0.08228,0.05919,-0.01428,-0.03258,-0.01809,0.10621,0.06524,0.03271,-0.04879,0.01972,0.08191,0.06415,0.10338,-0.02977,0.03076,0.00742,-0.01386,0.09054,0.02129,0.06339,0.07905,-0.00288,-0.08904,-0.07899,0.08641,0.0616,-0.06562,0.01294,-0.01252,0.02088,0.01304,0,-0.11604,-0.0056,-0.03662,-0.00519,0.06316,0.07203,-0.02716,-0.00221,0.0258,0.01758,0.02654,0.10465,0.0285,-0.00114,0.08701,0.00002,-0.03955,0.00353,-0.0569,-0.10307,-0.02989,0.00906,0.06157,0.0525,0.01445,-0.06357,-0.04612,0.01966,0.01407,-0.02541,-0.00605,0.04287,0.06148,0.06148,-0.03454,0.03007,-0.1103,0.04415,-0.03753,0.01256,0.02394,-0.00025,0.00524,-0.01823,-0.07377,0.06268,-0.0997,-0.0442,-0.07633,-0.01657,-0.06426,0.05299,-0.03226,0.11811,0.03299,0.11031,-0.02574,-0.03719,0.03922,-0.01342,-0.06984,-0.02181,0.03165,0.05578],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.5.0 - 2025-05-11 Added Angular schematics (ng add / ng update), rotatable nodes, fMinimapClass, walkthrough support, and stronger resize handles. Example: Rotate Handle f Minimap Class","excerpt":"- v17.5.0 - 2025-05-11 Added Angular schematics (ng add / ng update), rotatable nodes, fMinimapClass, walkthrough support, and stronger resize handles. Example: Rotate Handle"},{"chunkId":"/docs/roadmap#20","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.02327,0.0213,-0.04023,-0.01799,0.00986,0.02561,0.01181,0.06726,-0.00232,0.02336,-0.03553,-0.03711,-0.10614,0.00813,-0.02116,-0.025,-0.0276,-0.00779,-0.03839,0.05367,-0.01435,-0.11694,-0.02552,-0.01736,-0.06722,0.04746,-0.02541,-0.01634,-0.00908,-0.06479,0.04603,0.11524,0.02247,-0.00613,0.00028,-0.04115,0.04745,-0.03567,-0.06919,-0.01726,0.021,-0.02519,0.03927,0.06537,-0.03714,0.03422,0.04933,-0.03798,-0.05965,0.10054,-0.04281,-0.0925,0.00291,0.07857,0.04617,0.00702,0.02232,-0.09075,0.03036,0.00028,-0.02609,-0.03019,-0.0506,0.04359,-0.05785,0.00336,-0.07571,0.00816,0.03074,-0.09375,-0.02112,0.00458,0.01506,-0.05075,0.04297,-0.02985,0.03102,0.06229,-0.00963,-0.0722,0.0428,0.01322,0.00121,0.02952,-0.01245,0.07325,0.00061,-0.042,-0.01057,0.04115,-0.00305,0.04562,0.01026,-0.00653,0.01926,-0.03024,-0.05394,-0.10982,0.01002,0.01408,0.01587,-0.01515,0.03809,0.04829,0.00625,-0.01511,-0.0104,-0.00619,-0.03091,-0.00508,-0.03129,-0.0261,0.03021,-0.10929,0.02979,0.01311,-0.1032,-0.00379,0.04611,-0.00896,0.00348,-0.02528,0.01204,-0.02305,0.05732,0.03072,-0.07766,0,-0.02727,0.01826,-0.04322,0.08177,0.05625,0.00746,0.03829,-0.04424,-0.03831,-0.02758,-0.00973,0.03178,-0.06717,0.02518,0.00274,-0.13844,-0.05865,0.06489,-0.00123,0.04021,0.11011,-0.10611,-0.01726,-0.002,0.12258,0.07376,-0.04856,0.07271,0.0182,0.0336,-0.08118,-0.01658,-0.00732,-0.02273,-0.05986,0.03263,-0.07934,-0.08921,0.01079,-0.03813,-0.01002,-0.03108,-0.10553,-0.09303,0.03125,-0.01642,-0.05075,0.00458,0.07027,-0.0421,0.06528,0.00706,0.05721,0.01923,0.07119,-0.06078,-0.03681,0.02748,0.02015,0.06298,0.01958,0.07623,-0.07941,-0.0402,0.09628,0.07613,0.08732,0.02182,0.02376,-0.03454,-0.08145,0.05371,0.03438,-0.05264,0.08187,-0.02843,0.00429,-0.01969,0.01953,-0.00403,-0.08835,0.00962,0.05285,0.05682,0.12504,-0.0605,0.01374,0.00228,-0.10463,-0.00896,0.07881,-0.04185,0.02446,0.04797,0.02331,0,0.00199,0.04241,-0.05956,0.06659,0.02673,-0.01614,0.03619,0.05256,0.04955,-0.05064,0.00496,-0.00171,-0.01525,-0.02408,0.02651,-0.02808,-0.03044,-0.13189,-0.04001,-0.06243,0.04136,-0.02211,-0.03531,-0.00895,-0.05938,-0.03705,0.04906,0.00543,-0.01045,-0.03915,-0.0461,-0.0428,-0.04619,-0.00506,0.03907,-0.06334,-0.01296,0.06243,0.05155,-0.00989,0.03346,0.00512,-0.01734,-0.00817,-0.05221,0.07932,-0.06013,0.01416,0.04575,0.00569,-0.07171,0.03502,-0.07154,-0.00271,0.00353,0.07416,0.10443,0.03257,-0.05241,0.02482,-0.00669,-0.05696,0.06224,-0.00842,0.09504,0.02552,-0.01533,-0.00592,-0.007,0.08411,0.10863,0.04037,-0.07777,0.01525,0.05293,0.02959,0.08599,-0.01637,0.05275,0.06434,-0.00178,0.09908,0.06894,0.081,0.03085,0.06425,-0.03807,-0.04034,0.07526,0.0309,-0.07722,-0.01073,0.03438,0.03636,-0.04486,0,-0.12254,0.0187,-0.03403,-0.00385,0.03471,0.085,-0.04657,0.03215,0.00961,-0.01875,0.03459,0.092,0.0175,0.02493,0.06305,-0.02715,-0.02361,-0.01142,-0.03718,-0.10818,0.01344,0.0281,0.01389,0.08549,-0.00901,-0.07589,-0.059,0.02918,0.04588,-0.0494,0.03758,0.02084,0.06729,0.0705,-0.03044,0.05291,-0.08619,0.06434,-0.01194,0.01644,0.07134,-0.01663,-0.0338,-0.03092,-0.08194,0.07685,-0.06469,-0.06116,-0.09096,0.00565,-0.0347,0.09415,-0.00478,0.11845,0.06189,0.10401,-0.05648,-0.04014,0.07808,0.00232,-0.06483,0.00078,-0.03039,0.075],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.4.0 - 2025-02-10 Added custom drag/zoom triggers, grid-based dragging, drag start/end data events, connection validation, and directional resize handles. Examples: Custom Event Triggers, Grid System, Drag Start / End Events, Resize Handle","excerpt":"- v17.4.0 - 2025-02-10 Added custom drag/zoom triggers, grid-based dragging, drag start/end data events, connection validation, and directional resize handles. Examples: Custom Event Triggers, Grid System, Drag Start / End Events, Resize Handle"},{"chunkId":"/docs/roadmap#21","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.07003,0.00768,-0.04467,0.01393,0.0328,0.00283,0.01133,0.05145,-0.00001,0.01339,-0.0612,-0.02733,-0.10924,-0.00675,-0.00107,-0.00102,-0.03109,-0.01394,-0.00851,0.07575,-0.01215,-0.13169,-0.01548,-0.04083,-0.04724,0.05867,-0.02972,-0.02136,-0.00164,-0.07216,0.01274,0.12854,0.00551,0.02514,-0.04691,0.00644,0.0598,-0.03776,-0.07876,-0.03319,0.04612,-0.02582,0.03082,0.03431,-0.00798,0.00479,0.04002,-0.01535,-0.05217,0.10785,-0.05775,-0.09908,-0.01274,0.08405,0.02575,0.06978,0.04357,-0.08995,0.02412,0.01498,-0.01515,-0.03339,-0.02936,0.06059,-0.02424,-0.00944,-0.04072,-0.00697,0.02712,-0.06626,-0.01809,-0.00014,0.01294,-0.07615,0.04368,0.00275,0.0346,0.05662,0.01059,-0.07861,0.05256,-0.01027,-0.0075,0.00824,-0.04474,0.05671,0.00485,-0.05183,-0.01534,0.05257,0.01507,0.05565,0.02633,-0.0017,-0.00585,-0.02088,-0.01774,-0.09898,-0.04119,0.02608,0.00191,-0.02067,0.06283,0.02388,-0.03722,-0.0492,0.00977,-0.00815,-0.05555,-0.01583,-0.04245,-0.03824,0.03971,-0.07054,-0.0257,0.00213,-0.06966,-0.0385,0.08843,-0.02953,0.00326,0.00998,0.01227,-0.01625,0.04893,0.00422,-0.08653,0,-0.01006,0.01236,-0.04092,0.08212,0.05453,-0.01476,0.04491,-0.07666,-0.03512,-0.01475,-0.01516,0.00982,-0.05365,0.06099,-0.01431,-0.12951,-0.05313,0.04882,-0.045,0.05216,0.09564,-0.10568,-0.029,-0.03843,0.10716,0.09691,-0.05157,0.07058,0.00899,0.03794,-0.05443,-0.02123,-0.00035,-0.00264,-0.06463,0.03831,-0.04514,-0.12026,0.01599,-0.04138,-0.00521,-0.0099,-0.08818,-0.0886,0.0499,-0.01717,-0.05491,0.02394,0.05474,-0.00767,0.05933,0.02188,0.02905,0.02635,0.04071,-0.04631,-0.02448,0.0337,0.03407,0.08527,0.03444,0.07659,-0.09059,-0.03995,0.08543,0.09678,0.06366,0.06788,0.00264,-0.06106,-0.09701,0.07069,0.02139,-0.04267,0.08435,-0.01622,-0.0084,-0.05955,0.03594,-0.00166,-0.05225,-0.00678,0.02433,0.0375,0.08854,-0.04931,0.02518,-0.00839,-0.09895,0.00661,0.08923,-0.03286,0.03609,0.03462,0.05376,0,-0.00591,0.01311,-0.03663,0.08411,0.0447,-0.04393,0.0628,0.00139,0.06865,-0.03317,-0.01825,0.03189,-0.02476,-0.02746,0.05521,0.00033,-0.04057,-0.11433,-0.01598,-0.04288,0.05432,-0.04458,0.00755,0.00584,-0.07101,-0.016,0.0634,0.01762,0.00025,-0.05102,-0.02891,-0.02977,-0.05286,-0.01128,0.04355,-0.03054,-0.01722,0.06191,0.06722,-0.02853,0.04704,0.00602,-0.07389,-0.01014,-0.04553,0.06854,-0.09697,0.01168,0.0128,0.00979,-0.09381,0.04651,-0.06419,-0.00033,-0.00529,0.0785,0.10667,0.05135,-0.03289,0.01273,-0.01012,-0.02594,0.04841,-0.0341,0.12114,0.03063,0.02236,0.00153,0.01138,0.08486,0.10991,0.02408,-0.04895,0.00905,0.09864,0.01772,0.09065,-0.00783,0.06383,0.03246,0.01647,0.09862,0.0386,0.08339,0.04088,0.0418,-0.03037,-0.01981,0.05716,0.00416,-0.06946,-0.01903,0.05214,0.03136,-0.03063,0,-0.10718,0.02074,-0.03232,-0.01936,0.03654,0.09562,-0.06873,0.02486,0.00182,-0.03378,0.04017,0.07776,0.02452,0.02383,0.0759,-0.0031,-0.04815,-0.03286,-0.04411,-0.10497,-0.02198,-0.00215,0.03384,0.1054,-0.02148,-0.05993,-0.05045,0.02155,0.04729,-0.0231,-0.0014,0.02392,0.05317,0.08503,-0.04024,0.06495,-0.06802,0.0405,-0.02138,0.04309,0.0753,0.01037,-0.00898,-0.0462,-0.05637,0.06256,-0.07146,-0.07316,-0.09259,-0.02126,-0.05409,0.0663,-0.03062,0.1086,0.0238,0.06341,-0.06703,-0.03784,0.11309,0.03199,-0.06164,0.00349,-0.00694,0.05845],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. - v17.2.1 - 2025-02-08 Early grid-dragging work plus a broader fDraggable refactor that prepared the later interaction stack updates. - v17.1.1 - 2025-01-25 Added attach-node-to-connection-on-drop, selection event improvements, line-alignment work, and zoom-trigger refinements. f Draggable","excerpt":"- v17.2.1 - 2025-02-08 Early grid-dragging work plus a broader fDraggable refactor that prepared the later interaction stack updates. - v17.1.1 - 2025-01-25 Added attach-node-to-connection-on-drop, selection event improvements, line-alignment work, and zoom-trigger refinements."},{"chunkId":"/docs/roadmap#22","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.06223,0.0078,-0.02979,-0.00408,0.04315,0.02204,-0.01429,0.10043,-0.04464,0.01554,-0.12555,0.0123,-0.02549,0.02069,0.00988,-0.0045,-0.01062,-0.01696,0.00516,0.01262,-0.02294,-0.11406,-0.00871,-0.06775,-0.01902,0.06679,-0.024,0.00788,0.0023,-0.06152,0.04549,0.10214,0.0146,0.04756,-0.04446,0.01629,0.03103,-0.02731,-0.09424,-0.02613,-0.00142,0.03068,0.01384,-0.00161,0.00997,-0.05265,-0.04474,-0.03032,-0.04778,0.08697,-0.0446,-0.1025,-0.04884,0.12999,0.02638,0.09352,-0.02732,-0.05505,-0.01196,0.04316,-0.00393,-0.08075,0.01634,0.04462,0.01225,0.04162,-0.05359,0.04327,0.0424,-0.03647,-0.02475,0.03203,0.0012,-0.07781,0.02677,0.01727,0.00791,0.03391,-0.01571,-0.08427,-0.02315,0.0353,-0.05553,0.05088,0.0039,0.05375,0.04559,-0.08794,-0.01785,0.03395,-0.04346,0.05654,0.01448,0.03515,0.03897,-0.05105,0.01529,-0.05402,-0.00448,0.03565,0.01912,-0.01871,0.06325,-0.00159,-0.02228,-0.07279,-0.02914,0.00137,-0.08323,-0.03635,-0.05051,0.05846,0.02267,-0.08263,-0.05324,-0.01542,-0.01503,-0.08555,0.05957,0.00801,0.03453,0.04128,-0.03088,0.02949,0.10531,0.06425,-0.05731,0,-0.04205,0.0239,-0.00073,0.0676,0.07679,0.03681,0.05149,-0.04786,-0.06047,0.01295,-0.05114,0.08783,-0.0497,0.00541,0.04277,-0.10994,-0.02455,0.07718,-0.03304,0.07096,0.05798,-0.08977,-0.03686,-0.02988,0.08557,0.07747,-0.0214,0.06695,-0.05278,0.04178,-0.0217,-0.04718,-0.00846,0.07028,-0.01749,0.01643,-0.05166,-0.06265,0.00524,0.00431,-0.02169,0.02257,-0.11831,-0.07872,0.05733,-0.04083,-0.06817,0.02026,0.0881,-0.02258,0.00805,0.02273,0.04152,0.00379,0.04399,-0.08671,-0.00435,0.01206,0.00618,0.05082,0.03027,0.0614,-0.08852,-0.02897,0.06585,0.06715,0.08733,0.02031,-0.01783,-0.0328,-0.05459,0.11729,0.06822,-0.00881,0.10065,-0.02726,0.00553,0.02938,0.01566,-0.02671,-0.02687,-0.00853,-0.02048,0.0465,0.04424,-0.04705,0.04548,0.03838,-0.10732,0.01355,0.06391,-0.04695,0.06053,0.03472,-0.01871,0,-0.00629,0.00994,-0.0371,0.0827,0.08739,-0.05551,0.09625,0.02508,0.05603,0.00516,0.0231,0.04356,-0.00191,-0.00125,0.04108,0.02577,-0.03661,-0.16989,-0.0232,-0.05927,0.02199,0.05802,-0.05289,0.0214,-0.0672,0.03213,0.00776,-0.00395,-0.03605,-0.05373,-0.06012,-0.0456,-0.06222,0.01398,0.00476,-0.0495,0.01945,0.07656,0.00946,-0.01869,-0.02257,0.02119,-0.09952,-0.00558,-0.01186,0.08018,-0.03349,0.0274,-0.06215,0.01928,-0.08141,0.03205,-0.05506,-0.03244,-0.01273,0.04113,0.05218,0.00444,-0.07409,0.04732,0.03687,-0.02292,0.05205,-0.02232,0.05256,-0.00933,-0.04366,0.03113,-0.02567,0.06303,0.08138,0.01745,-0.0117,0.02912,0.06337,0.01047,0.05827,0.01665,0.05776,0.07544,-0.07379,0.10634,0.03985,0.11949,0.08458,0.08203,-0.05439,-0.02119,0.05906,0.00348,-0.07207,-0.00815,-0.00834,0.04396,0.00096,0,-0.09144,-0.02846,-0.082,-0.02409,0.04573,-0.01484,-0.03402,0.07238,0.0607,0.02505,0.0371,0.06604,-0.01151,-0.00288,0.04212,-0.01039,-0.01764,-0.01773,-0.06725,-0.10861,-0.02819,0.01741,-0.00623,0.08581,0.02863,-0.05789,-0.01025,0.02873,0.06654,-0.01427,-0.06898,0.04092,0.03315,0.07101,-0.05478,0.033,-0.04419,0.10529,-0.04325,0.00423,0.04651,0.00934,0.0198,-0.01477,0.00699,0.0623,-0.02112,-0.09341,-0.00204,-0.06331,-0.05299,0.0184,-0.05162,0.08373,0.02616,0.06372,-0.06281,-0.0675,0.11313,-0.00974,-0.08873,0.02989,-0.02887,0.06318],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. 2024 Foundations - v17.0.0 - 2024-12-29 Removed the RxJS dependency, improved connection-text positioning, and expanded examples plus E2E coverage significantly. - v16.0.0 - 2024-09-24 Added SSR support, snap-connection helpers for create/reassign flows, centerNodeOrGroup, getFlowState, and a cleaner canvas API. - 12.6.0 - 2024-09-10 Added f-group, Dagre and ELK.js examples, the DB management reference example, and grouping-aware layer sorting. - v12.5.0 - 2024-08-11 Added minimap support and zoneless compatibility. - v12.4.0 - 2024-08-05 Added multi-layer canvas backgrounds and fixed fit-to-screen-related issues. - V12.2.0 - 2024-04-25 Added custom connection types and early resize-handle support. Rx JS center Node Or Group get Flow State","excerpt":"2024 Foundations - v17.0.0 - 2024-12-29 Removed the RxJS dependency, improved connection-text positioning, and expanded examples plus E2E coverage significantly. - v16.0.0 - 2024-09-24 Added SSR support, snap-connection helpers for create/reassign flows, centerNodeOrGroup, getFlowState, and a cleaner canvas API. - 12.6.0 - 2024-09-10 Added f-group, Dagre and ELK.js examples, the DB management reference example, and grouping-aware layer sorting. - v12.5.0 - 2024-08-11 Added minimap support and zoneless compatibility. - v12.4.0 - 2024-08-05 Added multi-layer canvas backgrounds and fixed fit-to-screen-related issues. - V12.2.0 - 2024-04-25 Added custom connection types and early resize-handle support."},{"chunkId":"/docs/roadmap#23","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.03314,0.0259,-0.04807,-0.05228,0.01988,-0.03491,-0.09191,0.0319,-0.06229,-0.03003,-0.05613,-0.03258,-0.08966,-0.04125,0.02182,0.0128,-0.00734,-0.04474,0.04729,0.05158,-0.00189,-0.01793,-0.04476,-0.04853,-0.05839,0.03868,-0.00857,0.01283,-0.04166,-0.0984,0.08903,0.08797,-0.03138,-0.01419,0.04382,0.01877,0.02391,-0.06089,-0.08581,-0.03947,0.05737,-0.01303,0.0253,0.03669,-0.01744,-0.03879,0.00593,-0.02602,-0.02446,0.03397,-0.01842,-0.05068,-0.00449,0.07594,0.06371,0.064,-0.02176,-0.02458,-0.03705,0.01503,-0.01561,-0.04396,-0.01765,0.03149,-0.01414,0.00857,0.01762,0.01055,0.07132,-0.05888,-0.07197,-0.01179,-0.03087,-0.07693,0.03139,0.05378,0.06209,0.03079,0.03056,-0.13643,0.04314,-0.00963,-0.05956,0.00416,-0.04371,-0.01378,0.02474,-0.06523,0.04632,0.0625,-0.02386,0.07462,0.07373,0.04545,0.0443,0.01484,0.03666,-0.04335,0.02507,0.07215,-0.00783,0.00486,-0.00065,0.00643,-0.02581,-0.00906,0.01782,0.04289,-0.01174,-0.02548,-0.01617,-0.02348,0.03362,-0.0772,0.00589,-0.01508,-0.08727,-0.00325,0.03224,0.01436,-0.0234,-0.05127,0.03265,0.00246,-0.01541,0.01023,-0.05477,0,-0.05207,0.0068,-0.0428,0.0169,0.06422,-0.0065,0.05052,-0.03504,-0.12306,-0.02764,-0.04521,0.04173,-0.08102,0.01037,0.03537,-0.15346,-0.05049,0.11104,0.03211,0.01264,0.10558,-0.08577,-0.05444,-0.08846,0.14841,0.03879,-0.01057,0.02204,-0.0063,0.02318,-0.00874,0.02418,-0.00729,0.00914,-0.04162,0.03776,-0.08893,-0.07766,-0.01505,-0.01109,-0.00034,0.00863,-0.09305,-0.08861,0.04498,-0.0368,-0.04079,-0.00254,0.05643,0.00161,0.00585,0.00209,-0.0112,0.00407,0.06362,-0.1069,-0.00181,0.02212,0.04829,0.1041,0.03383,0.11065,-0.06258,-0.01948,0.07668,0.09228,0.03692,0.01768,0.02247,-0.03158,-0.07444,0.03844,0.06467,-0.03596,0.07678,-0.00804,-0.00716,-0.00571,-0.00413,0.00024,-0.11225,-0.00085,-0.01903,0.0369,0.09029,-0.02868,-0.03366,0.00164,-0.05633,0.05439,0.03942,-0.03655,0.05987,0.07404,-0.00825,0,-0.02118,0.01028,-0.02884,0.05422,0.01832,-0.0433,0.06247,0.0289,0.0663,0.00819,0.01494,0.02953,0.02984,-0.06973,0.05548,-0.07277,0.00316,-0.12276,0.0164,-0.00582,0.01245,0.05867,-0.12698,-0.01751,-0.00113,0.01425,0.0647,0.00451,-0.04395,-0.02292,-0.01889,-0.03371,-0.06144,-0.02882,0.08047,-0.00381,0.01092,0.06163,0.0123,-0.05873,0.05899,0.00185,-0.11545,0.00343,-0.01576,0.09544,-0.03667,0.01393,0.00991,0.02189,0.00947,0.05979,-0.0298,-0.01327,-0.01232,0.08246,0.07889,0.08306,-0.07393,0.01719,0.09275,-0.0392,0.09406,-0.02303,0.0779,0.01222,-0.01675,0.03299,-0.01612,0.07308,0.07959,0.02755,-0.01048,0.0288,0.0893,0.00455,0.02821,-0.00377,0.01539,0.05095,-0.1193,0.13806,0.03126,0.08396,0.0299,0.01197,-0.03218,-0.01122,0.11129,0.02979,-0.0391,-0.00089,-0.04928,0.05193,-0.03538,0,-0.02847,-0.00258,-0.04857,0.03513,0.08001,0.08018,-0.0331,-0.02298,0.03829,0.00809,0.06457,0.0472,-0.04205,-0.02735,0.03988,-0.02777,-0.03472,-0.02348,-0.0792,-0.06926,-0.04296,0.03824,-0.01013,0.04939,-0.00981,-0.09327,0.03744,0.01913,0.02001,-0.00116,-0.01489,0.03872,0.00138,0.08009,-0.04917,0.08781,-0.06265,0.10002,0.00053,0.00378,0.02686,-0.01887,0.00064,-0.02897,-0.0048,0.01813,-0.12217,-0.01236,-0.03365,-0.04015,-0.11177,0.05063,-0.05409,0.11718,0.09418,0.03582,-0.08141,-0.08587,0.00755,0.03325,-0.01552,-0.02059,0.05816,0.03398],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Capability Map - State and persistence: v19.1.0, v17.7.0 - Performance and scale: v19.1.0, v18.6.1, v18.3.0, v18.2.0, v17.9.5, v12.5.0 - Connection authoring and routing: v19.1.0, v19.0.0, v18.3.0, v18.0.0, 17.8.5, v17.8.0, v16.0.0, V12.2.0 - Editor UX and interactions: v19.1.0, v19.0.0, v18.6.0, v18.4.0, v18.1.0, v17.7.0, v17.6.0, v17.5.0, v17.4.0, v17.1.1 - Platform and integration: v19.1.0, v19.0.0, v18.5.0, v18.4.0, v18.3.0, v16.0.0, v17.5.0, v18.1.0","excerpt":"Capability Map - State and persistence: v19.1.0, v17.7.0 - Performance and scale: v19.1.0, v18.6.1, v18.3.0, v18.2.0, v17.9.5, v12.5.0 - Connection authoring and routing: v19.1.0, v19.0.0, v18.3.0, v18.0.0, 17.8.5, v17.8.0, v16.0.0, V12.2.0 - Editor UX and interactions: v19.1.0, v19.0.0, v18.6.0, v18.4.0, v18.1.0, v17.7.0, v17.6.0, v17.5.0, v17.4.0, v17.1.1 - Platform and integration: v19.1.0, v19.0.0, v18.5.0, v18.4.0, v18.3.0, v16.0.0, v17.5.0, v18.1.0"},{"chunkId":"/docs/roadmap#24","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.02241,-0.00184,-0.01642,-0.034,0.01157,0.02025,-0.02531,0.06932,-0.02568,0.00445,-0.08103,-0.05093,-0.08519,-0.0313,0.03787,-0.00203,-0.04205,-0.01916,0.00863,0.03913,0.01169,-0.07038,0.00522,0.0048,-0.07809,0.06006,-0.02799,-0.05131,-0.0577,-0.04347,0.03854,0.13018,0.05611,0.03792,-0.01219,-0.01658,0.02919,-0.04696,-0.0292,-0.02887,0.00994,-0.01607,0.00681,0.04186,-0.01409,0.01752,0.04213,-0.04445,-0.07276,0.08552,-0.0333,-0.10093,-0.02785,0.09801,0.01821,0.04374,0.01443,-0.07254,-0.00309,0.01355,-0.00584,-0.04224,-0.05123,0.04815,-0.00448,-0.00829,-0.05434,0.0623,0.03534,-0.10119,-0.02883,0.03297,0.03045,-0.08504,0.03648,-0.01211,0.06385,0.07487,0.00397,-0.11197,0.0319,0.01296,0.01278,-0.00465,-0.02647,0.01816,0.02934,-0.01796,-0.02413,0.03218,-0.00572,0.06994,0.05448,-0.01965,0.03017,-0.00886,-0.02836,-0.07178,0.00692,0.01081,0.02787,-0.0454,0.06383,-0.00587,-0.03606,-0.02318,0.01351,0.05283,-0.00005,-0.02829,-0.05005,0.01041,0.04028,-0.11061,-0.01823,0.01337,-0.06204,0.02122,0.06423,0.03033,-0.02121,-0.02567,0.05899,-0.04285,0.02199,0.03069,-0.05999,0,-0.02543,0.01558,-0.04395,0.06618,0.03556,-0.02693,0.03403,-0.06795,-0.02343,-0.02881,0,0.03532,-0.07119,0.05102,-0.04264,-0.13598,-0.10996,0.0457,0.05338,0.06194,0.12462,-0.09054,-0.00685,-0.02382,0.11106,0.04773,-0.00267,0.02848,-0.01555,0.04865,-0.07358,-0.00415,0.01748,-0.03515,-0.02461,0.03097,-0.0744,-0.07929,-0.01138,-0.07494,-0.01241,-0.03717,-0.11841,-0.07949,0.05742,-0.00715,-0.09307,-0.03075,0.12941,-0.02753,0.05085,-0.00854,0.00922,0.02563,0.04477,-0.04946,-0.01492,-0.01818,0.02267,0.06412,0.07055,0.06847,-0.04402,-0.06861,0.01379,0.09333,0.05604,0.06147,-0.00368,-0.02409,-0.09319,0.07354,0.0126,-0.03035,0.05419,0.00581,-0.01886,0.00089,-0.0082,-0.00055,-0.07569,0.00994,0.02979,0.07601,0.11106,-0.02038,0.03138,-0.00591,-0.10758,0.00772,0.10462,-0.03809,0.00139,0.02798,0.06334,0,-0.00885,0.02327,-0.06161,0.06509,0.0638,-0.06337,0.01173,0.05903,0.09362,-0.01037,-0.04086,0.04628,-0.02745,-0.04767,0.01819,-0.07896,0.0297,-0.14042,-0.00777,-0.00917,-0.0013,-0.02783,-0.03185,-0.07269,-0.02946,-0.00387,0.05593,0.04318,0.01915,-0.08038,-0.02757,-0.02987,-0.06423,-0.02617,0.0237,-0.03138,-0.01189,0.02076,0.00814,-0.02431,0.05975,-0.0069,-0.06613,-0.01871,-0.06484,0.06373,-0.07267,-0.00223,0.01879,0.00238,-0.00495,0.00584,-0.03206,-0.0244,-0.01542,0.0726,0.06891,0.03398,-0.03816,0.057,-0.04579,0.02512,0.07376,-0.00679,0.04881,-0.0068,-0.01344,0.02895,-0.03233,0.08979,0.09901,0.02492,-0.10008,0.06163,0.06121,0.03524,0.0328,-0.00996,0.01455,0.06124,0.01313,0.10637,0.03888,0.1386,0.07742,0.02836,-0.02381,-0.09373,0.06823,-0.00863,-0.06131,-0.02491,0.00863,0.04176,-0.02458,0,-0.09865,-0.01942,-0.04711,0.01339,0.04785,0.07546,-0.06663,0.02772,0.00966,-0.01024,0.03915,0.0796,-0.00645,-0.00617,0.02871,-0.00101,-0.01624,-0.00283,-0.03351,-0.132,-0.05993,0.00863,0.05504,0.06422,0.01452,-0.05243,-0.02134,-0.00279,0.04,-0.03089,0.02044,0.03484,0.02298,0.03567,0.01409,0.05346,-0.072,0.06719,-0.01834,0.01186,0.0342,0.00329,0.02035,-0.00006,-0.07293,0.03972,-0.09182,-0.07349,-0.08384,-0.04508,-0.03621,0.07312,-0.02887,0.14315,0.04014,0.07637,-0.05764,-0.07098,0.09522,0.00821,-0.04456,0.00135,0.04701,0.09524],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Related Links - GitHub Releases - Changelog - Examples Overview - Articles Overview - GitHub Discussions Git Hub","excerpt":"Related Links - GitHub Releases - Changelog - Examples Overview - Articles Overview - GitHub Discussions"},{"chunkId":"/docs/roadmap#25","slug":"roadmap","route":"/docs/roadmap","section":"docs","title":"Foblex Flow Roadmap and Release Timeline","description":"Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability.","group":"Introduction","vector":[-0.02418,-0.00426,-0.0092,-0.05356,0.03425,0.01494,-0.06032,0.06104,-0.01009,0.02885,-0.03256,-0.00123,-0.10358,-0.0492,0.04583,-0.01717,-0.0561,-0.07166,0.01004,0.07329,0.00244,-0.02997,0.0054,-0.00298,-0.03901,0.07661,-0.04391,-0.05499,-0.05518,-0.01098,-0.00232,0.12336,0.03414,0.00851,0.03721,-0.01372,0.03986,-0.0259,0.02443,-0.01122,0.01635,-0.01792,0.00294,0.05433,-0.00709,0.01517,0.02968,-0.01148,-0.08253,0.10966,-0.05207,-0.06991,-0.04802,0.08025,0.03141,0.08367,0.01815,-0.04113,-0.03612,-0.0013,-0.00768,-0.04615,-0.05231,0.00395,-0.00402,-0.01207,-0.01073,0.01318,0.03783,-0.06764,-0.03403,0.04103,-0.00199,-0.08102,0.01471,-0.01588,0.08007,0.06655,0.01379,-0.13901,0.05089,-0.02666,-0.00078,-0.02111,-0.02739,-0.01558,0.03824,-0.04934,-0.02877,0.03186,0.01939,0.02677,0.06738,0.00759,-0.0184,-0.02036,-0.01316,-0.03854,0.05779,0.04506,0.04322,-0.03658,0.0493,-0.00333,-0.03616,-0.01282,0.00083,0.04118,-0.02835,-0.02081,-0.02313,0.03372,-0.00322,-0.08518,0.00362,-0.02342,-0.0783,0.04574,0.05434,0.04352,-0.00141,-0.0218,0.07464,-0.01616,-0.08432,-0.00001,-0.06383,0,-0.03454,-0.01251,-0.05347,0.04511,0.01476,-0.02008,0.03911,-0.06291,-0.00243,-0.04501,-0.01853,0.0087,-0.07978,0.02025,-0.02828,-0.09597,-0.07117,0.06974,0.0624,0.06206,0.15636,-0.09527,-0.01608,-0.03898,0.10991,0.03979,-0.02308,0.00427,-0.06028,0.03006,-0.07252,0.0168,0.04712,-0.06073,-0.02427,0.04046,-0.06497,-0.09186,0.00163,-0.10799,0.02131,-0.01904,-0.09901,-0.06619,0.10774,0.02748,-0.08403,-0.04402,0.16034,-0.03827,0.03386,-0.02194,-0.00905,0.03196,0.04088,-0.05938,0.00267,-0.03977,0.0259,0.03416,0.09984,0.06414,-0.03725,-0.05979,0.02707,0.12089,0.01566,0.05194,0.00191,-0.03854,-0.08885,0.06709,0.00039,-0.02783,0.08457,-0.0012,-0.0415,0.01802,0.02585,-0.00544,-0.02867,0.01984,-0.03061,0.06917,0.13126,0.00959,0.03113,0.01163,-0.05438,0.03463,0.09355,-0.01037,-0.05578,0.02798,0.06666,0,-0.0026,0.03687,-0.07468,0.02368,0.011,-0.06226,-0.03215,0.06914,0.09022,-0.01157,-0.02861,0.03691,-0.02443,-0.06629,-0.00996,-0.07644,0.01511,-0.11679,-0.00336,0.00081,-0.01121,-0.07141,-0.01829,-0.03233,0.00931,-0.02186,0.07259,0.03522,0.00868,-0.09502,0.00185,-0.03911,-0.06565,-0.0378,0.04291,-0.04028,-0.01177,-0.04526,0.00154,0.00291,0.04871,0.02921,-0.04776,0.00407,-0.04957,0.07883,-0.01956,0.02914,0.05342,0.00065,0.05296,0.00035,0.013,-0.04874,-0.02713,0.06384,0.05703,0.02858,-0.0682,0.0478,-0.03612,0.06003,0.07406,-0.04,0.05382,-0.01297,0.00705,0.04618,-0.01286,0.11149,0.05259,-0.01126,-0.12612,0.0172,0.05814,0.03281,0.01261,0.00518,0.04154,0.02212,-0.00472,0.10006,0.03193,0.13411,0.04453,-0.02913,0.00049,-0.11029,0.07047,-0.0336,-0.05349,-0.03706,-0.02373,0.01933,-0.01342,0,-0.05716,0.01846,-0.05213,0.00413,0.0954,0.08719,-0.07361,-0.01672,0.04169,-0.01447,0.01236,0.04985,-0.00703,-0.01594,0.00294,-0.01413,-0.00397,-0.0369,-0.03806,-0.13566,-0.0726,0.01194,0.0825,0.02835,0.03529,-0.06179,-0.0287,0.00479,0.05494,-0.00669,0.01801,0.03334,0.03804,0.01504,0.02956,0.03117,-0.00456,0.08847,0.01692,0.02652,0.05311,0.02644,0.01301,0.04332,-0.05728,0.00517,-0.07815,-0.07691,-0.09151,-0.05452,-0.05918,0.06816,-0.01503,0.09647,-0.00778,0.09821,-0.06796,-0.02189,0.07605,-0.00356,-0.00644,-0.02869,0.06292,0.10887],"keywords":"Foblex Flow Roadmap and Release Timeline Foblex Flow Roadmap and Release Timeline Track what is planned, what is already on the way, and which releases shipped each major Foblex Flow capability. Notes - Published releases appear in the timeline; unreleased work is confined to Current Status and labelled explicitly. - If you are planning an upgrade, prefer the changelog for migration guidance and this page for historical context. - For work not assigned to a version, use discussions and issues rather than the release timeline.","excerpt":"Notes - Published releases appear in the timeline; unreleased work is confined to Current Status and labelled explicitly. - If you are planning an upgrade, prefer the changelog for migration guidance and this page for historical context. - For work not assigned to a version, use discussions and issues rather than the release timeline."},{"chunkId":"/docs/errors#0","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[0.01754,-0.01208,-0.038,0.00134,0.01084,-0.05478,-0.02465,0.01631,-0.03419,-0.02834,-0.01381,-0.04512,-0.07542,-0.01962,-0.02519,0.00974,-0.09168,-0.02736,0.01825,0.07804,-0.02694,0.01936,-0.07635,0.04162,-0.07876,0.00191,-0.03576,0.0187,-0.00552,-0.01972,0.05088,0.13163,-0.04461,0.01746,0.07162,0.02229,0.05723,-0.07337,-0.06753,-0.0074,0.07836,-0.00798,0.05417,0.04504,-0.06485,0.00003,-0.02723,-0.10687,-0.03232,-0.02528,-0.02217,0.00257,-0.00828,0.04182,0.08004,0.00186,0.01542,-0.03393,0.02975,0.06511,0.02233,-0.02975,-0.02862,-0.00277,0.04407,0.029,-0.06282,-0.02043,-0.03464,0.03261,-0.06823,0.04565,-0.02591,0.01946,0.05996,0.08121,0.00557,-0.00591,-0.00646,-0.08898,-0.02585,-0.02096,0.02579,-0.01561,-0.0012,0.06561,0.01356,-0.03556,-0.01275,0.0658,-0.03603,-0.01054,0.01146,0.07033,0.01726,-0.01022,0.00983,-0.09682,-0.06608,0.00657,-0.03742,-0.05007,0.06256,0.08807,-0.03088,-0.00223,-0.01336,0.08269,-0.05219,-0.06485,-0.05395,-0.00841,0.05983,-0.09959,0.01945,-0.00443,-0.05926,-0.00467,0.02504,0.03365,-0.00716,-0.05198,0.02916,0.03207,0.03445,0.00855,-0.01037,0,0.05293,0.01253,-0.04312,0.07348,0.07004,0.03193,0.02238,-0.03648,-0.0424,-0.00548,0.0065,-0.00803,-0.03478,-0.02789,0.00184,-0.03582,0.02061,0.04771,-0.06197,0.04138,0.13147,-0.10233,0.00707,-0.04362,0.05989,0.09862,-0.06306,0.03636,0.0225,0.05536,-0.04714,-0.03765,0.08808,-0.04451,0.02428,-0.00471,-0.01628,-0.00572,-0.08372,-0.02632,-0.0247,-0.01433,-0.10718,-0.0371,0.09593,-0.06464,-0.05073,0.00993,0.0345,0.05592,-0.06011,0.03552,0.03109,0.04365,0.02121,-0.03638,0.00591,-0.00531,-0.06652,0.03281,0.05271,0.06267,-0.06868,-0.08637,0.06203,0.0045,0.04269,0.02992,0.00963,0.00217,-0.08292,0.03188,0.05829,0.02868,-0.00718,-0.03573,-0.0302,-0.01331,0.00718,-0.03026,-0.02573,-0.03559,-0.00025,0.02886,0.04636,-0.04192,-0.03852,-0.00294,-0.14402,0.10107,0.10756,-0.02482,0.04751,0.00301,-0.02399,0,-0.0259,0.01218,-0.05698,-0.00214,-0.02605,-0.05844,0.02956,0.07338,0.092,-0.00298,0.03216,0.05162,-0.0463,-0.06862,-0.02171,-0.04325,-0.06276,-0.11646,0.06265,0.02013,0.05097,0.01986,-0.00942,-0.03408,-0.04767,0.07142,0.03464,0.07226,-0.02823,-0.01852,0.08329,0.08553,-0.05296,0.03036,0.04047,-0.06019,0.00455,-0.00152,0.04441,-0.08952,0.07875,0.13802,-0.0246,-0.02573,-0.00818,0.02604,-0.01384,-0.07872,0.02863,-0.01226,-0.04639,-0.03412,-0.00937,0.03093,-0.08501,0.02569,0.03084,0.11023,-0.0809,0.07051,0.0665,-0.05802,0.03694,0.0105,0.03247,0.00378,0.02553,0.08337,0.08321,0.08315,0.05551,0.0537,-0.08471,0.02864,0.02049,0.016,-0.06115,0.01523,0.06902,0.10983,-0.00916,0.09824,-0.03286,0.13482,0.09363,-0.0611,0.00149,0.06214,0.00772,-0.05277,-0.04853,0.01716,-0.02572,0.01875,-0.00214,0,-0.07331,-0.07343,-0.15042,-0.0263,0.08874,0.02449,-0.06733,-0.07105,-0.01842,-0.00017,-0.02379,0.05864,-0.03429,0.00945,0.03196,-0.08657,-0.07282,-0.0096,-0.05791,-0.07064,-0.0652,0.06305,0.0173,0.00884,-0.03132,-0.08481,0.0609,0.01629,0.01952,-0.00938,-0.0038,0.01069,0.00392,0.03315,-0.03599,0.12523,0.02311,0.07285,-0.04745,0.00382,0.0521,0.01989,-0.01006,-0.04001,-0.01039,0.04844,-0.03001,0.04708,-0.04397,-0.07209,-0.0405,0.10543,-0.09841,0.0643,-0.026,-0.0205,-0.08213,-0.0283,0.0146,0.02249,-0.03609,0.01725,0.05254,0.01099],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. Errors and Warnings Foblex Flow reports misconfigurations with stable FFxxxx codes. Dev-mode warnings are emitted once per cause and stripped from production builds; errors keep their code in all builds. Each code below lists the cause and the fix. F Fxxxx","excerpt":"Errors and Warnings Foblex Flow reports misconfigurations with stable FFxxxx codes. Dev-mode warnings are emitted once per cause and stripped from production builds; errors keep their code in all builds. Each code below lists the cause and the fix."},{"chunkId":"/docs/errors#1","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.00149,-0.00367,-0.05364,0.02814,0.01662,-0.01613,-0.026,0.0496,0.01028,-0.0493,-0.02134,-0.05662,-0.04491,0.00219,-0.05076,-0.02866,-0.04389,-0.07774,-0.0221,0.08775,-0.04062,-0.02118,-0.04499,-0.02041,-0.0538,-0.01751,0.0022,0.00898,0.01375,-0.00802,0.02383,0.12645,-0.0842,0.02919,0.09769,0.02445,0.04679,-0.06089,-0.07305,-0.0053,0.08561,-0.05882,0.0136,0.01605,-0.03181,0.01468,-0.02654,-0.05554,-0.01667,-0.0025,-0.06885,0.07061,-0.02057,0.06968,0.04181,0.06993,0.00418,-0.0704,-0.0254,0.04939,0.00583,-0.06905,-0.00106,-0.01502,0.02524,0.02104,-0.03055,-0.04189,0.0022,0.01013,-0.04017,0.04161,-0.03454,-0.03031,0.06758,0.1119,0.0033,0.06188,0.00683,-0.11998,0.03428,-0.00692,0.03714,-0.04368,0.04247,0.09608,-0.04969,-0.04951,-0.05414,0.07928,-0.04115,-0.00059,-0.0233,0.00684,0.02588,-0.00587,0.035,-0.00981,-0.00855,0.03656,-0.05697,-0.02465,0.07966,0.0696,-0.01061,0.01592,-0.02474,0.08809,-0.05014,-0.06648,-0.02084,-0.01106,0.0911,-0.04157,-0.0009,0.01932,-0.03558,0.01224,0.04348,0.05315,-0.02518,-0.04257,0.04766,0.0689,-0.00564,0.00548,-0.03851,0,0.02246,0.00632,-0.0244,0.01279,0.02938,0.0239,0.0161,-0.02515,-0.05093,0.0256,-0.03055,0.01785,-0.02764,-0.03811,-0.05717,-0.04491,0.0381,0.053,-0.07794,0.00175,0.09998,-0.06424,0.03993,-0.09896,0.02544,0.08611,-0.10564,0.06554,0.01104,0.02961,-0.05134,-0.00399,0.093,-0.06196,0.00473,-0.0368,0.03718,-0.04856,-0.14024,-0.0169,-0.06625,0.00958,-0.05542,-0.03694,0.04901,-0.05657,-0.03762,0.01754,0.00046,0.04082,-0.04669,0.02051,0.00111,-0.01319,-0.00014,-0.07045,0.0004,0.0266,-0.05659,0.04099,0.0365,0.0549,-0.10677,-0.03721,0.05621,0.08167,0.04128,0.02944,-0.0127,0.02912,-0.04259,0.08931,0.04011,0.02158,0.04476,-0.01916,-0.05411,-0.02246,0.00919,-0.03447,-0.03518,0.00273,-0.04346,0.0649,0.02506,-0.0338,-0.0205,-0.06004,-0.11165,0.02464,0.12189,0.02574,0.04261,-0.01541,-0.00045,0,-0.03891,0.02605,-0.06696,-0.02402,0.01411,-0.02965,0.05272,0.02822,0.06687,-0.0314,0.07387,0.0559,-0.05714,-0.10868,-0.03798,-0.0256,-0.00307,-0.06942,0.01175,-0.00477,0.08453,0.03573,-0.00579,-0.04175,-0.03354,0.05633,0.03687,0.03811,-0.05688,-0.00932,0.08105,0.06639,-0.06256,0.03051,0.021,-0.03746,-0.04008,-0.00711,0.08764,-0.06569,0.04462,0.13467,-0.04737,0.01595,-0.0216,0.02836,-0.09186,-0.09642,0.04175,-0.01412,-0.04879,-0.00504,-0.00994,0.02707,-0.10168,0.03078,0.06397,0.0781,-0.07626,0.05944,0.09124,-0.0436,-0.00417,0.01064,0.08808,-0.00478,0.0086,0.06923,0.09313,0.08696,0.10562,0.02114,-0.06317,0.03585,0.03683,0.00447,-0.04292,-0.00045,0.05018,0.13171,-0.03548,0.08661,-0.02444,0.10127,0.09447,-0.03562,0.01374,0.03906,0.04352,-0.00156,-0.01111,0.00727,-0.06069,0.01612,-0.02278,0,-0.09451,-0.02652,-0.15525,-0.00969,0.07322,-0.01659,-0.09185,-0.07569,-0.05384,-0.01908,-0.06327,0.03906,-0.05047,-0.03662,0.07163,-0.07124,-0.01603,-0.03941,-0.06277,-0.05495,-0.07948,0.04019,-0.06866,0.02717,-0.05834,-0.08203,0.02371,0.03456,0.03533,-0.0039,-0.02176,0.00661,0.00667,0.07401,-0.08337,0.09802,-0.01058,0.05075,-0.08241,0.04666,0.0655,0.0104,-0.00281,-0.0293,0.00897,0.06444,0.0154,0.01026,-0.04284,-0.01136,-0.00879,0.06312,-0.07443,0.04134,-0.0214,-0.07064,-0.03625,0.05798,0.03587,0.02905,-0.02704,0.03286,0.04208,0.00339],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1001 Warning: connection endpoint not found. A <f-connection references an fSourceId / fTargetId that does not match any rendered connector, so the connection is not drawn. The warning lists the currently registered connector ids. Causes and fixes: - The id does not match a fConnectorId (or legacy fOutputId / fInputId) exactly — comparison is string-based, so a number 1 from one source and a string '1' from another do match after normalization, but out-1 vs out1 do not. - The connector's node is not rendered (wrong @for source, filtered out, or outside <f-canvas). - The connection is rendered before its connectors — during a progressive (fVirtualFor) render this is a normal transient state and is not reported. f Source Id f Target Id f Connector Id f Output Id f Input Id f Virtual For","excerpt":"FF1001 Warning: connection endpoint not found. A <f-connection references an fSourceId / fTargetId that does not match any rendered connector, so the connection is not drawn. The warning lists the currently registered connector ids. Causes and fixes: - The id does not match a fConnectorId (or legacy fOutputId / fInputId) exactly — comparison is string-based, so a number 1 from one source and a string '1' from another do match after normalization, but out-1 vs out1 do not. - The connector's node is not rendered (wrong @for source, filtered out, or outside <f-canvas). - The connection is rendered before its connectors — during a progressive (fVirtualFor) render this is a normal transient state and is not reported."},{"chunkId":"/docs/errors#2","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[0.0393,0.04121,-0.08241,0.01569,0.02547,-0.0133,-0.08599,0.08072,-0.02571,-0.03181,-0.03469,-0.01481,-0.07657,0.00019,0.02002,-0.00845,-0.04865,0.00052,0.02722,0.07112,-0.08316,-0.05727,0.00756,-0.0102,-0.08707,0.03067,-0.03591,0.05655,0.01826,-0.04717,0.08292,0.08918,-0.01473,0.04946,0.09308,0.01807,0.0652,-0.073,-0.12302,-0.01018,0.04935,0.00884,0.05413,-0.01557,-0.04178,0.0061,-0.01782,-0.0647,-0.0163,0.01597,-0.04366,-0.00086,0.0322,0.0757,0.03196,0.03607,0.01682,-0.06121,0.01223,0.0328,0.02045,-0.06539,-0.00562,0.01797,-0.01867,0.03932,-0.1178,-0.02261,-0.09168,0.04133,-0.00344,0.02912,-0.02158,-0.03937,0.07653,-0.02124,-0.00065,0.03443,0.0042,-0.00412,0.02846,-0.06384,-0.025,-0.00145,-0.03961,0.07704,0.00242,-0.05754,-0.07888,0.0944,-0.0326,0.04192,-0.06181,0.05583,0.00171,-0.02314,-0.00913,-0.10468,-0.09933,0.04408,-0.05041,-0.06537,0.1031,0.13788,-0.00517,0.04137,-0.01432,0.09641,-0.041,-0.0346,-0.01767,-0.00121,0.05165,0.0041,0.02233,-0.02876,-0.01021,-0.06325,0.00277,0.02724,0.0183,-0.016,0.01167,0.02811,0.02512,0.01323,0.00479,0,-0.00718,0.03865,-0.02558,0.05878,0.12824,0.03227,0.04594,-0.04641,-0.05285,0.00992,0.01093,0.01366,-0.02547,-0.02256,-0.05163,-0.07501,0.04011,0.06858,-0.071,0.02561,0.12702,-0.11819,0.01468,-0.01688,-0.00168,0.0763,-0.09344,0.03758,-0.0261,0.02911,-0.0495,-0.04722,0.08515,-0.02313,0.00205,-0.022,0.0262,-0.03363,-0.0915,-0.02273,-0.06865,-0.03599,-0.02075,-0.05195,0.00138,-0.05325,-0.00653,0.01445,0.01625,0.05442,-0.02719,0.05301,0.01824,-0.00736,0.04837,-0.07653,-0.03323,0.04708,-0.03433,0.03977,0.03128,0.06773,-0.10965,-0.07579,0.03415,0.0204,0.00401,0.02791,0.0088,-0.00861,-0.02322,0.04505,0.08408,0.04509,0.02411,0.00623,-0.03093,-0.06117,0.04226,0.02264,-0.03319,-0.02213,0.05868,0.04618,0.04035,-0.07265,0.00298,0.00017,-0.0897,0.02746,0.08403,-0.03767,0.07343,-0.04723,0.01784,0,-0.01269,0.02655,-0.07813,-0.02983,-0.02224,0.01504,0.04025,0.06669,0.04147,-0.02417,0.03598,0.05769,-0.07085,-0.05602,0.0138,-0.00039,-0.02642,-0.10635,0.0325,-0.02411,0.05585,0.04132,-0.04192,-0.01302,-0.02787,0.02933,0.07661,0.0532,-0.03096,-0.01126,0.07685,0.04035,-0.05373,-0.01324,0.07356,-0.05022,-0.03895,0.01031,0.04049,-0.10772,0.04536,0.10823,-0.06168,-0.00241,-0.01886,0.03767,-0.05503,-0.07368,0.07634,-0.03949,-0.10018,-0.02491,0.02471,0.00724,-0.03165,0.00073,0.01407,0.07786,-0.03405,-0.0071,0.07781,-0.0474,-0.00944,-0.00417,0.07943,0.04584,-0.02745,0.08057,0.05007,0.09512,0.03243,0.08406,-0.04098,0.03191,0.04208,0.05106,0.03276,0.07115,0.10899,0.0939,-0.01439,0.09933,-0.03851,0.06807,0.08639,-0.10236,-0.02627,0.05093,0.00572,0.00177,-0.03201,0.02771,-0.00778,0.00018,0.02451,0,-0.12764,-0.06031,-0.10245,-0.03009,0.01088,0.05759,0.01126,-0.08482,-0.04388,-0.02048,-0.07021,0.02754,0.02579,0.0058,0.05241,-0.07071,-0.04785,0.02893,-0.05267,-0.06147,-0.09082,0.04919,0.01744,0.04967,-0.02951,-0.08037,-0.013,-0.03492,0.08724,-0.02536,-0.05156,0.01266,0.01307,0.01987,-0.0298,0.07216,0.006,0.07129,-0.09947,-0.04506,0.00838,0.0253,0.00684,-0.08676,0.00926,0.03843,-0.01008,0.06034,-0.0153,-0.01848,-0.02595,0.09627,-0.06909,0.06264,0.00915,-0.01881,-0.0653,0.02274,0.0004,-0.01509,-0.04826,0.08118,-0.00668,0.02906],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1002 Warning: f-flow has zero height. Everything compiled and rendered, but the host element has clientHeight === 0, so the flow is invisible. Give the host a height: Any nonzero layout height works (flex/grid tracks included). See Get Started. client Height","excerpt":"FF1002 Warning: f-flow has zero height. Everything compiled and rendered, but the host element has clientHeight === 0, so the flow is invisible. Give the host a height: Any nonzero layout height works (flex/grid tracks included). See Get Started."},{"chunkId":"/docs/errors#3","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[0.01594,-0.00117,-0.0937,0.01061,0.00786,-0.02581,-0.01987,0.0441,-0.03361,-0.02316,-0.00199,-0.0275,-0.0952,-0.01557,-0.01956,-0.01948,-0.08235,-0.0109,0.04092,0.07277,-0.07676,-0.02635,-0.02357,-0.0046,-0.06995,-0.00305,-0.03101,0.0094,0.01337,-0.02837,0.03613,0.10063,-0.04097,0.03736,0.08942,0.06731,0.05367,-0.08823,-0.09632,-0.0037,0.12293,-0.01119,0.04716,-0.01533,-0.01248,0.03156,-0.03971,-0.05089,-0.01859,0.01381,-0.04198,0.01956,0.00081,0.08891,0.03265,0.03861,0.0309,-0.06358,-0.0002,0.07083,0.04242,-0.03706,0.00078,-0.00421,0.03628,0.04961,-0.0556,0.00408,-0.01004,0.03743,-0.02826,0.05122,-0.03079,-0.01385,0.05003,0.07861,0.02093,0.02942,0.00645,-0.07712,0.01737,0.0349,0.02161,-0.02866,0.01304,0.1104,-0.03455,-0.0499,-0.08403,0.07353,-0.02951,0.01303,-0.01353,0.0157,0.01267,0.00482,0.00093,-0.05346,-0.05649,0.01716,-0.0378,-0.02535,0.05864,0.07742,-0.04502,0.00434,-0.02543,0.04953,-0.03745,-0.05773,-0.03163,0.01511,0.04877,-0.07685,-0.00756,-0.054,-0.0296,-0.01995,0.06019,0.05762,-0.00851,-0.03298,0.02056,0.02507,0.00103,-0.02244,-0.04534,0,-0.00047,0.02758,-0.02442,0.05925,0.0947,0.01713,0.02248,-0.02433,-0.07344,-0.01393,-0.03785,-0.0453,-0.01766,-0.07949,-0.02109,-0.07699,-0.0136,0.04579,-0.03887,0.01695,0.13144,-0.10847,0.01718,-0.03574,0.04468,0.13026,-0.10487,0.02265,0.05189,0.04432,-0.0103,-0.00529,0.06559,-0.01866,0.00539,-0.03424,0.00924,-0.04806,-0.13542,-0.00837,-0.04127,-0.03262,-0.06313,-0.00871,0.08757,-0.06692,-0.01667,0.02549,0.07176,0.03691,-0.04848,-0.00866,0.01932,-0.01298,0.03425,-0.04696,-0.04916,0.03695,-0.05369,0.02641,0.04524,0.07674,-0.07748,-0.08047,0.0575,0.04631,0.03315,0.0216,0.01126,-0.01615,-0.03926,0.06999,0.04004,0.04637,0.00182,0.01245,-0.02285,-0.04522,-0.01199,-0.04254,-0.01304,-0.07299,-0.00701,0.03705,0.06849,-0.05708,0.00138,-0.02569,-0.08585,0.07705,0.11574,0.00009,0.03808,-0.0033,-0.01456,0,-0.0128,0.03258,-0.02926,-0.02008,-0.01218,-0.04913,-0.0029,0.00907,0.06129,0.04053,0.0187,0.04336,-0.00966,-0.11116,-0.03217,-0.02762,-0.05586,-0.1058,0.0522,0.02738,0.05119,0.04805,0.01796,0.00861,-0.02983,0.05886,0.03332,0.03663,-0.00236,-0.01953,0.05198,0.04084,-0.06765,0.02531,0.05404,-0.04363,-0.01115,0.01694,0.07628,-0.0961,0.07674,0.12556,-0.06819,-0.02159,-0.00536,0.00853,-0.07818,-0.058,0.01928,0.01617,-0.07004,-0.05251,-0.01952,0.03005,-0.08595,0.08521,0.07924,0.09405,-0.04769,0.05661,0.06721,-0.11051,0.01648,0.0325,0.07377,-0.01913,0.01637,0.10301,0.06288,0.09552,0.04166,0.07333,-0.03017,0.03912,0.02724,0.04464,-0.05128,0.00949,0.06372,0.08999,-0.02395,0.08326,-0.03355,0.09785,0.08053,-0.07094,0.06537,0.06901,-0.00419,-0.04832,-0.02547,0.02524,0.01284,0.00344,-0.03873,0,-0.07287,-0.02156,-0.13155,-0.03361,0.08492,-0.01289,-0.05403,-0.07419,-0.04968,0.02129,-0.06296,0.05799,-0.03681,0.01292,0.0579,-0.10173,-0.0625,-0.01842,-0.04493,-0.05406,-0.06017,0.05228,-0.00899,0.0258,-0.05771,-0.08131,0.0275,-0.00645,0.00892,-0.00704,-0.04706,0.01392,0.01053,0.0933,-0.07243,0.11332,0.00084,0.06127,-0.0947,-0.01723,0.07157,-0.00135,-0.01891,-0.04701,-0.01322,0.04728,-0.01026,0.05524,-0.03865,-0.01772,-0.00457,0.06368,-0.10345,0.04341,-0.04721,-0.02524,-0.05982,0.01455,0.00661,0.00692,-0.08437,0.06416,0.05375,0.01476],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1003 Error: connector used outside a node. [fConnector], [fNodeOutput], [fNodeInput], and [fNodeOutlet] must be placed on an element inside [fNode] or [fGroup] — the connector registers itself with its host node. Move the connector inside a node template: f Connector f Node Output f Node Input f Node Outlet f Node f Group","excerpt":"FF1003 Error: connector used outside a node. [fConnector], [fNodeOutput], [fNodeInput], and [fNodeOutlet] must be placed on an element inside [fNode] or [fGroup] — the connector registers itself with its host node. Move the connector inside a node template:"},{"chunkId":"/docs/errors#4","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.04102,0.04044,-0.04652,0.042,0.03842,0.01814,-0.05446,0.01243,0.02934,0.00365,-0.04963,-0.03131,-0.07363,0.03516,-0.00374,-0.01043,-0.07458,-0.04241,-0.00227,0.09171,-0.07184,0.00854,-0.01524,0.00114,0.00688,0.06155,-0.04428,-0.04671,0.0529,-0.00865,0.04324,0.06923,-0.06417,0.02606,0.07318,0.08205,0.04038,-0.05623,-0.0863,-0.03697,0.11478,0.07202,-0.00379,-0.04606,-0.03131,0.00677,-0.01395,-0.05115,-0.05717,0.02805,-0.08264,-0.04402,0.01678,0.06541,-0.00155,-0.03249,0.03335,-0.02745,0.02067,0.07148,0.01715,-0.06016,-0.00007,0.02325,0.06304,0.05348,-0.10764,0.0033,-0.06411,0.05089,0.00895,0.01396,0.02614,0.01875,0.06973,0.01368,-0.03703,0.02188,0.00368,-0.02904,0.02084,-0.01788,0.02596,-0.0144,0.01782,0.10129,0.03398,-0.06496,-0.05125,0.03483,-0.06782,0.01837,-0.00132,0.07855,0.07898,-0.02955,-0.00261,-0.05356,-0.07086,0.01021,-0.00719,-0.06116,0.10047,0.0537,-0.02806,0.00772,-0.0431,0.04099,-0.05149,-0.04221,-0.02227,0.02242,0.03792,-0.06868,-0.03994,-0.08915,-0.03703,-0.05228,-0.0015,0.09372,-0.00335,-0.00409,0.06852,0.0068,0.0395,-0.03151,0.00125,0,0.00526,0.01426,-0.06226,0.10841,0.0862,0.01653,0.01624,-0.03294,-0.02035,0.0143,0.02457,-0.00255,-0.03854,-0.02256,-0.01768,-0.05191,0.01664,0.03113,-0.06053,0.06153,0.10265,-0.09243,-0.02437,-0.04053,-0.00861,0.13766,-0.06506,0.01562,-0.09202,0.04784,-0.00894,-0.01931,0.06282,-0.0268,-0.0264,-0.01123,0.01162,-0.03736,-0.08453,-0.02327,-0.04199,-0.05588,-0.07017,-0.01601,0.04566,-0.08399,-0.02195,0.05382,0.03304,0.03652,-0.03504,0.05901,-0.0049,-0.00802,0.04933,-0.07345,-0.04417,0.02432,-0.04342,-0.00222,0.10911,0.07608,-0.12035,-0.08065,0.03835,-0.00712,0.02245,0.01928,0.00569,-0.07385,-0.06892,0.01668,0.04217,0.07394,0.06706,-0.00823,0.00621,0.0063,0.06423,-0.00098,-0.03255,-0.0635,0.04479,-0.00184,0.0185,-0.04088,0.02453,-0.01131,-0.12821,0.08775,0.1394,0.0118,0.02275,-0.00451,0.01581,0,-0.02481,0.04562,-0.06322,-0.00086,-0.00683,-0.04471,0.01976,0.06423,0.04531,0.01399,0.04175,0.06468,-0.02093,-0.00971,-0.05242,0.02611,-0.0432,-0.13869,0.04814,-0.04801,0.0709,0.0334,-0.0141,-0.01185,-0.0633,0.07362,0.05996,-0.01368,0.00715,0.01812,0.06171,0.04502,-0.07095,0.04732,0.03101,-0.05926,-0.01058,-0.0191,0.01291,-0.14574,0.05754,0.09311,-0.0766,-0.00743,-0.04561,-0.01671,-0.00287,-0.03621,0.0065,-0.01069,-0.07172,0.01468,0.02297,-0.00635,-0.06476,0.03644,0.06585,0.01888,-0.03744,0.01305,0.05544,0.00691,-0.01265,-0.00509,0.05271,0.02764,-0.06294,0.06179,0.09283,0.08168,0.05464,0.07873,-0.05805,-0.03126,0.05124,0.1147,0.01158,-0.01807,0.07747,0.02767,-0.0001,0.12326,-0.05245,0.04053,0.14585,-0.04259,-0.07186,-0.04221,-0.02094,-0.00293,-0.02243,0.02106,-0.03086,-0.00018,0.02949,0,-0.13288,-0.00886,-0.1149,-0.07753,0.04053,-0.03731,-0.00181,-0.05291,-0.00909,-0.00464,-0.06252,0.0545,-0.00618,-0.00541,0.07235,-0.08334,-0.05911,0.0276,-0.05219,-0.0775,-0.02034,0.01048,0.00656,0.04956,-0.05608,-0.05587,0.02045,0.0168,0.0188,-0.01874,-0.05444,0.02927,-0.00738,0.08632,-0.10058,0.0677,0.02243,0.03358,-0.07759,-0.0517,0.05662,0.01298,0.02557,-0.03241,-0.02058,0.05045,-0.02718,0.02325,-0.03523,-0.02234,-0.04399,0.06849,-0.07744,0.06969,-0.00526,-0.04005,-0.02643,0.00156,-0.00795,-0.00885,-0.08817,0.04079,0.04382,-0.00979],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1004 Warning: flow content is not projected into the canvas. A node, group, or connection is rendered inside a template block that Angular does not project into <f-canvas — typically nested control flow (@for inside @if, @for inside @for, @if inside @if) or a wrapper element. Angular still creates the instances (they register with the flow), but their elements never attach to the document: geometry collapses to 0×0 and nothing is visible. Without this warning the failure is completely silent — there is no Angular error.","excerpt":"FF1004 Warning: flow content is not projected into the canvas. A node, group, or connection is rendered inside a template block that Angular does not project into <f-canvas — typically nested control flow (@for inside @if, @for inside @for, @if inside @if) or a wrapper element. Angular still creates the instances (they register with the flow), but their elements never attach to the document: geometry collapses to 0×0 and nothing is visible. Without this warning the failure is completely silent — there is no Angular error."},{"chunkId":"/docs/errors#5","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.03422,0.05849,-0.0555,0.0058,0.03703,0.01378,-0.01979,0.00847,-0.03767,0.05445,-0.06313,-0.0309,-0.09699,0.05957,0.02202,-0.00923,-0.05988,-0.03635,0.00402,0.05166,-0.09436,0.01356,0.00085,-0.03528,-0.00629,0.05733,-0.05576,-0.03523,0.0578,-0.03313,0.07066,0.07268,-0.02156,0.02447,0.04269,0.05962,-0.01322,-0.06493,-0.02098,-0.03285,0.12609,0.05144,0.00542,-0.06187,-0.01608,-0.01032,-0.02643,-0.00419,0.00443,0.05142,-0.07693,-0.03045,-0.04651,0.08964,0.00427,-0.03979,0.0282,0.00913,0.06514,0.0895,0.02016,-0.05462,0.00144,0.00469,0.07947,0.03408,-0.15308,0.00225,-0.09304,0.06172,0.02512,0.02272,0.01997,0.0215,0.06521,0.00264,-0.07263,0.05937,-0.00849,-0.01929,0.00908,-0.00782,0.02884,0.01021,0.00842,0.05143,0.00894,-0.07085,-0.04993,-0.02899,-0.03141,0.03722,0.01593,0.12635,0.02455,-0.04004,-0.01868,-0.01892,-0.10469,0.02502,-0.00413,-0.06997,0.067,0.0853,-0.07696,-0.01819,-0.01137,0.07118,-0.0634,-0.048,-0.04887,0.05874,0.00668,-0.0566,-0.05058,-0.10198,-0.02607,-0.03653,0.02868,0.06391,-0.00398,-0.00689,0.04959,-0.00263,0.03536,-0.05186,0.03126,0,0.00235,0.04187,-0.07056,0.05397,0.09625,0.02252,-0.01869,-0.0587,-0.00303,0.06016,0.03062,-0.00847,-0.03584,-0.01606,-0.00195,-0.03602,-0.01573,0.00032,-0.01412,0.05079,0.11005,-0.08686,-0.02427,0.00871,0.02544,0.12279,-0.08136,-0.01975,-0.0582,0.06481,0.02763,-0.01718,0.07602,-0.06199,-0.01379,-0.00493,-0.00892,-0.01128,-0.10479,-0.05792,-0.02582,-0.0598,-0.11797,0.01232,0.05079,-0.04725,-0.03328,0.0162,0.03352,0.05378,-0.07072,0.01109,-0.01435,0.00708,0.00554,-0.0489,-0.02354,0.06047,-0.02256,-0.01796,0.13786,0.02598,-0.04771,-0.06527,0.05533,-0.00708,0.02434,0.01605,0.00965,-0.03517,-0.0706,0.02937,0.07686,0.09468,0.00912,-0.02441,-0.02713,0.02569,0.03754,-0.03537,0.00854,-0.08319,0.01143,-0.02476,-0.01822,-0.0584,0.02101,-0.00085,-0.113,0.08321,0.12858,0.03518,-0.00827,-0.03656,0.01894,0,0.0008,0.03747,-0.0258,0.00269,-0.00391,-0.10671,0.03216,0.07144,0.0707,0.07283,0.05471,0.03408,-0.01336,0.01929,-0.07807,0.06056,-0.02645,-0.12209,0.06704,-0.0599,-0.0045,0.03383,0.01398,0.00239,-0.06517,0.12265,0.07851,-0.00551,-0.0071,0.01125,0.01833,0.05528,-0.04639,0.03242,0.01649,-0.05067,0.03851,-0.01067,0.00511,-0.17699,0.08021,0.09337,-0.02958,-0.033,-0.04525,-0.0502,-0.03906,-0.02319,0.01825,-0.01387,-0.03294,0.00622,0.02735,-0.03908,-0.02784,0.02286,0.01267,0.05468,-0.04082,0.02274,0.06584,0.03593,0.0039,-0.01808,0.09629,0.03252,-0.03633,0.04095,0.0981,0.10251,0.03558,0.05944,-0.02714,0.03487,0.04035,0.1135,0.0314,0.03354,0.08285,0.04649,0.00702,0.05035,-0.0573,0.04455,0.08398,-0.01562,-0.06335,-0.02189,-0.01194,-0.04417,-0.0338,-0.01023,-0.0251,-0.01644,0.05065,0,-0.0889,-0.06346,-0.12864,-0.03704,0.05475,-0.0102,-0.04891,-0.09304,0.01039,-0.01298,-0.05992,0.08492,-0.0208,0.01597,0.03024,-0.05493,-0.07324,0.03818,-0.03429,-0.061,-0.04184,0.022,0.08042,0.0158,-0.02957,-0.05784,-0.00286,-0.00493,0.04117,0.00726,-0.03401,-0.00077,0.01891,-0.0097,-0.07611,0.02025,-0.03343,-0.01246,-0.087,-0.03473,0.07566,-0.01814,0.06393,-0.05144,-0.05966,0.02675,0.00402,0.06703,-0.0203,-0.04416,-0.03426,0.0361,-0.0596,0.03677,-0.01388,-0.04381,-0.03017,0.02634,0.03445,-0.03731,-0.07667,0.01238,0.02358,0.02447],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. Fix: wrap the block with an ng-container that tells Angular which canvas slot the content belongs to:","excerpt":"Fix: wrap the block with an ng-container that tells Angular which canvas slot the content belongs to:"},{"chunkId":"/docs/errors#6","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.02014,0.02483,-0.07154,0.01385,0.03256,-0.01642,0.01063,0.03335,-0.04342,0.04596,-0.04689,-0.06039,-0.08173,0.01535,0.05011,0.01092,-0.07286,-0.02116,0.02349,0.0387,-0.07559,0.00063,-0.00545,-0.02632,-0.0204,0.00057,-0.04645,-0.02452,0.02624,-0.01458,0.02709,0.08863,-0.04672,0.04042,0.09066,0.1219,0.01265,-0.05461,-0.0851,0.01308,0.11312,0.03649,0.02092,-0.07647,-0.03305,0.0033,-0.03785,-0.00777,0.00325,0.02725,-0.03427,-0.06009,-0.03796,0.05288,0.0181,-0.02425,0.0004,-0.03798,0.02976,0.08068,0.00906,-0.06968,-0.03407,-0.00344,0.07155,0.04049,-0.10587,0.02347,-0.04421,0.05762,-0.00693,0.02267,-0.00268,0.00971,0.05872,0.07144,-0.02697,0.0374,0.02834,-0.06335,-0.00206,0.00419,0.00793,0.02683,0.04158,0.10042,0.00771,-0.0443,-0.02878,0.04416,-0.06734,0.04954,-0.04524,0.05851,0.001,0.01776,0.0047,-0.06121,-0.09677,0.04019,-0.05302,-0.1026,0.07438,0.0339,-0.0615,0.00889,-0.01715,0.03287,-0.05118,-0.05173,-0.05379,0.05754,0.03942,-0.0774,-0.0346,-0.0957,-0.01148,-0.04143,0.0757,0.0567,-0.00759,-0.02179,0.02306,0.03423,0.0356,-0.03588,-0.01901,0,-0.00935,0.04758,-0.04148,0.06031,0.08697,0.00571,0.00744,-0.05688,-0.05625,0.02276,-0.03921,0.01373,-0.03744,-0.06508,0.01825,-0.0509,0.04626,0.01718,-0.00712,0.02542,0.1156,-0.1037,-0.01131,-0.0063,0.02914,0.09927,-0.08142,0.02283,0.00223,0.06113,0.03662,0.0012,0.05888,-0.05055,-0.03519,-0.01542,-0.00279,-0.01194,-0.12866,-0.0281,-0.04611,-0.01207,-0.10164,-0.00419,0.07945,-0.07413,-0.08416,0.02088,0.07589,0.07496,-0.03312,0.02821,-0.00792,-0.0005,0.02561,-0.01811,-0.02831,0.06288,-0.05919,0.00202,0.11397,0.05829,-0.04246,-0.06541,0.06051,0.01287,0.05041,0.05094,0.02314,-0.02833,-0.07238,0.05929,0.0595,0.05083,0.00831,-0.00357,-0.02434,0.00516,0.03138,-0.04186,0.00267,-0.05495,-0.02149,0.03194,0.04458,-0.07548,0.01834,-0.00176,-0.14091,0.0691,0.10423,0.01843,0.00538,-0.00867,-0.02973,0,0.01053,0.07987,-0.00167,-0.01515,-0.00794,-0.08595,0.0304,-0.01476,0.0782,0.09856,0.03549,0.01781,-0.03113,-0.03885,-0.04049,-0.02566,-0.03877,-0.15095,0.07696,-0.02411,0.00534,0.0751,0.02515,0.00098,-0.03543,0.04608,0.03655,0.02175,-0.02411,0.00068,0.04101,0.04637,-0.05856,0.0247,0.03516,-0.0674,0.0527,0.01209,0.06797,-0.12108,0.12166,0.09995,-0.06857,-0.02304,-0.04119,-0.01002,-0.02867,-0.05444,-0.00898,0.01358,-0.06884,-0.01606,0.00768,-0.00907,-0.0589,0.02238,0.06399,0.0312,-0.05426,0.02599,0.02741,-0.09313,0.00415,0.02469,0.04475,0.01777,-0.05426,0.05281,0.09424,0.09926,0.06337,0.05866,-0.06048,0.03694,-0.01847,0.09402,0.00689,0.01409,0.06952,0.1092,-0.01814,0.08363,-0.07195,0.09014,0.07119,-0.01305,-0.01197,0.01716,0.04242,-0.0019,-0.00764,-0.00047,0.02341,0.02156,-0.00605,0,-0.10832,0.00067,-0.12864,-0.00627,0.05026,0.0012,-0.07345,-0.09328,0.01393,0.03225,-0.07193,0.08809,0.00214,0.02592,0.05242,-0.10113,-0.02228,-0.01575,-0.04024,-0.00742,-0.05463,0.0491,0.00317,0.03676,-0.04929,-0.08948,-0.02266,-0.03335,-0.03318,0.02067,-0.01357,0.0127,-0.00066,0.07687,-0.09094,0.0613,-0.03207,0.04285,-0.06067,0.03119,0.08534,0.01204,0.00805,-0.04305,-0.03498,0.06637,0.00993,0.02812,-0.0136,-0.03831,-0.01642,0.0482,-0.10404,0.03183,-0.0399,-0.02162,-0.01655,0.02132,0.00544,-0.01621,-0.08842,0.03254,0.01497,-0.01727],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. Use ngProjectAs=\"[fNodes]\" for nodes, \"[fGroups]\" for groups, \"[fConnections]\" for connections. A single top-level @for / @if directly inside <f-canvas projects fine and needs no wrapper. ng Project As f Nodes f Groups f Connections","excerpt":"Use ngProjectAs=\"[fNodes]\" for nodes, \"[fGroups]\" for groups, \"[fConnections]\" for connections. A single top-level @for / @if directly inside <f-canvas projects fine and needs no wrapper."},{"chunkId":"/docs/errors#7","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[0.01328,-0.00294,-0.07341,0.03167,0.01198,-0.01919,-0.0055,0.05748,-0.01076,-0.03241,-0.02549,-0.05461,-0.09705,0.03259,-0.01929,-0.00154,-0.07977,-0.03629,-0.01244,0.07134,-0.03728,-0.06372,-0.00856,-0.01844,-0.07087,-0.00494,-0.04033,0.00237,0.01727,-0.02896,0.04839,0.12584,-0.04889,0.00299,0.02296,0.03455,0.05177,-0.09044,-0.09161,-0.05776,0.05734,-0.02574,0.06506,-0.02788,-0.04584,0.01823,0.00365,-0.02151,-0.02773,0.0454,-0.0563,0.03564,0.03348,0.0472,0.0712,0.03896,0.05158,-0.05468,0.02025,0.05495,-0.0204,-0.02122,-0.02331,0.0308,0.00084,0.061,-0.05026,-0.04035,-0.02876,0.05774,0.00174,0.01479,-0.0285,-0.02905,0.09107,0.02302,-0.03688,0.04503,-0.00406,-0.05707,0.0199,-0.01414,0.0085,-0.03533,0.01291,0.07156,-0.02021,-0.08262,-0.04262,0.08045,-0.01613,0.04109,-0.0765,0.01014,-0.01948,-0.03029,0.02153,-0.11506,-0.12156,0.02772,-0.06625,-0.02936,0.10394,0.10133,-0.0214,0.00581,-0.03106,-0.00698,-0.1388,-0.03801,-0.0473,-0.03972,0.09088,-0.03936,-0.01069,-0.00188,-0.0351,-0.0538,0.06054,0.008,-0.01009,-0.00172,0.00703,0.04844,0.00163,-0.02657,-0.0702,0,0.00726,-0.01978,-0.04112,0.03559,0.05556,-0.00697,0.04308,-0.04353,-0.03348,-0.00475,0.02108,-0.02441,0.01914,-0.03734,0.01379,-0.06478,0.02748,0.01566,-0.0883,0.01812,0.13321,-0.05828,0.01693,-0.04072,0.02533,0.14158,-0.04195,0.05517,0.04554,0.05522,-0.02819,-0.02368,0.05819,-0.05557,-0.01809,-0.00582,0.00539,-0.0807,-0.07968,-0.0031,-0.02624,-0.03367,-0.06057,-0.07003,0.0388,-0.0121,-0.02768,0.05306,-0.0036,0.05953,0.00648,0.01814,0.01879,-0.00359,0.02242,-0.06093,-0.04157,0.0288,-0.04846,0.07302,0.0018,0.05908,-0.06125,-0.06572,0.05354,0.05675,0.02096,0.07081,0.00166,-0.0355,-0.08404,0.05412,0.03045,0.01364,0.04363,0.00573,-0.0055,-0.07818,0.00197,-0.01917,0.00783,-0.06947,0.04021,0.02148,0.05778,-0.08187,-0.00266,-0.023,-0.10653,0.06253,0.08083,-0.00655,0.08366,0.02233,0.00369,0,-0.00179,0.00061,-0.01334,0.02349,-0.02823,0.00658,0.03061,-0.02863,0.08301,-0.02547,-0.00957,0.06498,-0.02664,-0.08177,0.02115,0.01057,-0.08626,-0.06591,0.00529,0.03059,0.03837,0.02626,0.03045,-0.02275,-0.04676,0.03572,0.06681,0.03859,0.00885,-0.02642,0.04533,0.04892,-0.07508,-0.00035,0.04588,-0.05758,0.01287,0.00426,0.05381,-0.06918,0.11743,0.13846,-0.04439,-0.01976,-0.02176,0.045,-0.08622,-0.05263,-0.00705,-0.01935,-0.08604,-0.01169,-0.03358,0.01108,-0.07087,0.0751,0.14261,0.07515,-0.0361,0.00805,0.04485,-0.07444,0.00347,0.00184,0.15465,0.00116,0.04501,0.0833,0.07746,0.06357,0.06688,0.03681,0.00495,0.01191,0.05484,0.08614,0.01314,-0.03206,0.09521,0.04508,0.00366,0.0825,0.00845,0.04959,0.07834,-0.01633,-0.06682,0.06225,0.05448,-0.03759,-0.04249,0.00885,0.04489,0.01374,0.04147,0,-0.06965,-0.01855,-0.10857,0.00238,0.08248,0.01781,-0.0596,-0.04963,-0.07883,0.00054,-0.05663,0.06234,-0.00977,0.00587,0.04351,-0.07069,-0.02321,-0.0176,-0.05449,-0.05035,-0.07868,-0.00059,0.00299,0.05983,-0.0743,-0.09072,0.00432,-0.00981,0.06245,-0.02164,-0.03119,0.02775,0.02149,0.05498,-0.11024,0.125,-0.00381,0.04351,-0.07607,-0.01862,0.05159,0.02573,-0.02237,-0.07663,-0.06232,0.05979,0.00324,0.03908,-0.03059,0.01446,-0.06196,0.11951,-0.04888,0.06974,-0.04585,-0.0039,-0.06958,0.00489,0.06313,0.01817,-0.01115,-0.01102,0.01381,0.02725],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1005 Warning: interaction feature without fDraggable. An interaction feature (<f-selection-area, <f-connection-for-create, <f-snap-connection, [fDragHandle], [fResizeHandle], [fRotateHandle]) is present, but <f-flow has no fDraggable directive — every pointer interaction is silently inert and no interaction events are emitted. Fix: add fDraggable to the root: f Draggable f Drag Handle f Resize Handle f Rotate Handle","excerpt":"FF1005 Warning: interaction feature without fDraggable. An interaction feature (<f-selection-area, <f-connection-for-create, <f-snap-connection, [fDragHandle], [fResizeHandle], [fRotateHandle]) is present, but <f-flow has no fDraggable directive — every pointer interaction is silently inert and no interaction events are emitted. Fix: add fDraggable to the root:"},{"chunkId":"/docs/errors#8","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.07627,0.05128,-0.06343,0.05555,0.01122,0.02017,-0.04147,0.00333,-0.00952,0.01885,-0.01401,-0.0212,-0.06345,-0.00546,-0.00593,-0.00848,-0.06599,-0.05985,-0.0146,0.06248,-0.1045,-0.01518,-0.00844,0.01767,-0.04063,0.05151,-0.01006,-0.00689,0.04056,-0.03575,0.04624,0.04195,-0.10086,0.01011,0.05781,0.03329,0.06631,-0.05041,-0.08334,-0.02007,0.16368,0.02295,0.04692,-0.05449,-0.04161,0.02632,-0.04186,-0.04801,-0.00523,-0.00623,-0.05372,-0.01193,-0.02591,0.07172,-0.00781,-0.03011,0.03411,-0.03702,0.02794,0.10827,0.04222,-0.07015,0.02066,0.00637,0.02091,0.04799,-0.08641,-0.01897,-0.03962,0.04473,-0.02087,0.03669,-0.04257,-0.03185,0.05264,0.05131,-0.01673,0.01654,-0.04176,-0.02809,0.07572,-0.01626,0.00277,0.03925,-0.00673,0.10832,-0.00377,-0.08708,-0.01694,-0.01559,-0.03486,0.00525,-0.00159,0.04952,0.01557,-0.0064,-0.0378,-0.05148,-0.09099,0.03748,-0.01807,-0.04983,0.11598,0.09919,-0.01545,0.06965,-0.04072,0.1076,-0.02438,-0.01971,0.01648,0.03207,0.02099,-0.03342,-0.03977,-0.05384,-0.04471,-0.05074,0.02797,0.09728,-0.00409,0.0202,0.04525,-0.00551,0.05813,0.00624,-0.00203,0,-0.01034,-0.01117,-0.02659,0.04177,0.115,0.05313,0.0339,-0.05803,-0.01821,0.03218,0.02523,-0.03899,-0.06969,-0.01885,-0.02373,-0.06647,0.02028,0.02116,-0.0471,0.03467,0.1035,-0.10048,0.00742,-0.04882,0.05022,0.09473,-0.09078,0.04167,0.00559,0.03268,0.01447,-0.00931,0.08477,-0.03699,-0.02757,-0.03123,-0.00617,-0.05728,-0.07685,-0.01536,-0.04198,-0.06279,-0.09852,0.01922,0.0351,-0.04695,0.0103,0.00219,0.02389,0.01253,-0.06463,0.05433,0.02488,-0.04125,0.01146,-0.07538,-0.02962,0.0582,-0.04188,-0.00305,0.06495,0.08167,-0.08911,-0.05763,0.04084,0.01522,0.01422,0.06095,0.02956,-0.06077,-0.0906,0.0706,0.04201,0.09552,-0.00488,-0.0237,-0.01573,-0.00084,0.0897,-0.03202,-0.0158,-0.06132,0.03784,0.07335,0.03783,-0.12072,0.02418,-0.02201,-0.12509,0.04424,0.09064,0.05547,0.02379,-0.01324,-0.01631,0,-0.00447,0.04351,-0.02383,-0.00847,-0.03736,-0.06018,0.05103,0.07957,0.05521,0.0091,0.07096,0.11997,-0.00571,-0.07421,-0.0187,0.02054,-0.03285,-0.10706,0.05213,-0.01225,0.06708,0.06704,-0.02314,-0.04013,-0.06286,0.04043,0.06653,-0.00539,-0.00767,0.02282,0.06232,0.03966,-0.06962,-0.01012,-0.00544,-0.07383,-0.02032,0.00099,0.06725,-0.13018,0.04347,0.0957,-0.07603,-0.03106,-0.04122,0.02697,-0.04353,-0.07285,0.0025,-0.03012,-0.08738,0.04265,0.02637,0.02453,-0.03667,0.00634,0.02394,0.03769,-0.04807,0.02309,0.06784,-0.01376,-0.0233,-0.05306,0.06982,0.06508,-0.04177,0.05469,0.09779,0.05268,0.07071,0.06217,-0.06694,-0.02375,0.06102,0.09136,-0.0031,0.01271,0.12279,0.08376,-0.00004,0.08454,-0.06303,-0.00608,0.1119,-0.01369,0.00128,0.02495,0.01402,-0.01069,-0.08691,-0.01992,-0.01083,0.01322,-0.0067,0,-0.07207,-0.02057,-0.08034,-0.03382,0.04769,-0.00905,-0.0545,-0.08104,-0.02252,0.00223,-0.04819,0.04145,-0.03289,0.03319,0.03176,-0.0893,-0.07852,0.03085,-0.05042,-0.04854,-0.05734,0.04525,0.02896,0.03004,-0.04504,-0.08025,-0.00289,-0.00694,0.02068,0.02533,-0.02182,-0.03236,-0.01073,0.06656,-0.05547,0.03165,-0.04183,0.04056,-0.06217,-0.01522,0.04364,-0.03619,0.03135,-0.04354,-0.02839,0.05008,0.02786,0.06447,-0.06938,0.00685,-0.02175,0.0615,-0.1052,0.05848,0.02778,-0.06117,-0.0083,0.02692,-0.05347,-0.00923,-0.08452,0.02725,0.01494,0.02353],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1006 Warning: connector hidden with CSS. A connector is registered but hidden (display: none), so its geometry is a 0×0 point: connections attach to the wrong place or nowhere, and viewport helpers compute wrong bounds. Hiding registered flow elements with CSS (including [hidden]) corrupts geometry silently. Fix: conditionally render the connector (or its node) from state instead of hiding it — wrapping control-flow blocks with ngProjectAs where needed (see FF1004). ng Project As","excerpt":"FF1006 Warning: connector hidden with CSS. A connector is registered but hidden (display: none), so its geometry is a 0×0 point: connections attach to the wrong place or nowhere, and viewport helpers compute wrong bounds. Hiding registered flow elements with CSS (including [hidden]) corrupts geometry silently. Fix: conditionally render the connector (or its node) from state instead of hiding it — wrapping control-flow blocks with ngProjectAs where needed (see FF1004)."},{"chunkId":"/docs/errors#9","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.00606,0.00951,-0.02154,0.06438,0.08769,-0.03408,0.00532,0.00061,0.01021,0.00033,-0.02484,-0.02736,-0.05987,0.01046,-0.02596,-0.01849,-0.0935,-0.01819,-0.00283,0.05165,-0.07336,-0.06945,0.00468,-0.02652,-0.04255,0.03932,-0.05703,-0.00776,0.04678,-0.04024,0.03481,0.1042,-0.016,0.04564,-0.00296,0.10483,0.02971,-0.06609,-0.08516,-0.01473,0.05318,0.03662,0.04315,-0.01014,-0.0216,0.0385,-0.02711,-0.0117,-0.03527,0.07831,-0.00564,0.00542,0.03006,0.11115,0.01726,0.0439,0.01545,-0.07415,0.04374,0.08767,0.02057,-0.03726,-0.01043,0.00403,0.09281,0.06297,-0.07747,-0.02001,-0.07818,0.02166,0.10386,0.02519,0.03269,0.0091,0.07111,0.03377,-0.05944,0.05229,0.00753,-0.06057,0.0245,0.03463,-0.00644,-0.00313,0.04322,0.146,-0.04531,-0.08559,-0.10419,0.07958,-0.08855,0.01284,0.00793,0.07419,0.02496,-0.02357,0.00358,-0.00932,-0.08491,0.00695,-0.01813,-0.00621,0.0303,0.04658,-0.04046,-0.02925,-0.01822,0.01172,-0.08057,-0.02604,-0.07242,0.03518,0.04276,-0.04129,-0.05855,-0.07926,-0.0038,-0.04649,0.08656,0.03529,0.02896,0.01922,0.02755,0.03849,0.0722,-0.06362,-0.08161,0,0.01774,0.01865,-0.03622,0.06446,0.09881,0.004,0.01312,-0.0531,-0.09957,-0.00794,-0.01728,-0.02609,-0.03885,-0.09364,0.05025,-0.07366,-0.00572,0.02978,-0.03357,-0.03086,0.05798,-0.05153,-0.02922,-0.04309,0.00165,0.13082,-0.11114,0.02472,0.02775,0.05343,-0.06235,-0.00001,0.05424,-0.01461,-0.05576,0.00496,0.02121,-0.05081,-0.11211,-0.03367,-0.07592,-0.05434,-0.04446,-0.02076,0.02048,-0.07663,-0.04828,0.03412,0.02097,0.03951,-0.04351,0.02262,0.0595,-0.03758,0.01307,-0.07444,-0.03592,0.0306,-0.05315,0.03696,0.11442,0.06522,-0.08803,-0.04536,0.02981,0.04267,0.02447,0.07524,0.02475,-0.03664,-0.04031,0.06099,0.06466,0.0204,0.07362,0.01515,-0.04041,-0.07403,0.01199,-0.03688,-0.0197,-0.04691,0.02725,0.01587,0.05115,-0.03981,0.01899,0.00885,-0.10932,0.08729,0.11881,-0.05242,0.05862,-0.00781,0.0176,0,-0.02521,0.04116,-0.00768,0.00566,0.01313,-0.06565,-0.05167,-0.00868,0.06979,0.03673,-0.00192,0.02225,-0.03064,-0.03054,-0.03352,0.0434,-0.03559,-0.10127,0.05733,-0.06538,0.07878,0.04902,-0.01452,0.08648,-0.04155,0.02601,0.02844,0.0642,0.00354,0.01201,0.01943,-0.01206,-0.04814,0.0327,0.0896,-0.07701,-0.00572,0.01583,0.06635,-0.111,0.01944,0.05839,-0.03327,-0.01036,0.00521,0.01804,-0.04746,-0.00221,0.02232,0.02258,-0.07814,-0.01483,-0.01988,0.00353,-0.03137,0.05558,0.03402,0.09412,-0.00755,0.00244,0.06176,-0.04908,-0.07432,0.05042,0.05632,-0.02717,-0.04545,0.06571,0.0872,0.09147,0.01523,0.05803,-0.02158,0.00358,0.0319,0.00849,0.07328,0.02013,0.07508,0.0434,-0.00156,0.06613,-0.03187,0.06666,0.05683,-0.01667,0.0341,0.04033,-0.02806,-0.03029,0.0211,0.0278,0.0148,-0.04835,-0.00859,0,-0.10645,-0.01039,-0.12177,-0.0682,0.06278,-0.03314,-0.01752,-0.0292,-0.04746,-0.01546,-0.02528,0.06883,0.00332,-0.03971,0.01986,-0.115,-0.04731,0.02297,-0.03861,-0.06438,-0.04934,0.00744,0.02953,0.04717,-0.11172,-0.1107,-0.01307,-0.03792,0.03031,-0.02538,-0.08007,0.02233,-0.01629,0.07574,-0.09844,0.07449,-0.01615,0.03209,-0.0624,-0.01095,0.09895,0.00924,0.00584,-0.02888,-0.05492,0.05339,-0.00508,0.02394,0.01922,-0.0069,-0.00713,0.04919,-0.06323,0.05491,0.00342,-0.06549,-0.06929,0.03337,0.05414,0.00352,-0.06029,0.05028,0.04908,0.03132],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1007 Warning: node nested inside another node. An [fNode] / [fGroup] element is a DOM descendant of another node element — usually a wrapper div with fNode fDragHandle around a component that also declares fNode. The outer node wins the drag and bindings on the inner one never fire. Fix: exactly one fNode per node, as siblings inside <f-canvas; hierarchy is id-based via fNodeParentId / fGroupParentId, not DOM-based. f Node f Group f Drag Handle f Node Parent Id f Group Parent Id","excerpt":"FF1007 Warning: node nested inside another node. An [fNode] / [fGroup] element is a DOM descendant of another node element — usually a wrapper div with fNode fDragHandle around a component that also declares fNode. The outer node wins the drag and bindings on the inner one never fire. Fix: exactly one fNode per node, as siblings inside <f-canvas; hierarchy is id-based via fNodeParentId / fGroupParentId, not DOM-based."},{"chunkId":"/docs/errors#10","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.01713,0.01571,-0.04906,0.06066,0.06483,-0.01268,-0.02981,-0.00478,0.00048,-0.03819,-0.00771,-0.07858,-0.06592,-0.01015,-0.04053,-0.02319,-0.09301,-0.03103,-0.01305,0.03063,-0.05428,-0.01838,0.00719,0.00782,-0.07948,0.01677,-0.05179,0.01667,0.01422,-0.05297,0.06562,0.14083,-0.00722,0.02904,0.07241,0.09534,0.07569,-0.08346,-0.06674,-0.01384,0.08686,0.03969,0.03685,0.01043,-0.0263,0.03521,-0.00474,-0.02691,-0.04168,0.05673,0.00109,-0.0075,0.02357,0.11018,0.02919,0.07385,-0.00148,-0.0928,0.01627,0.06219,0.03885,-0.0456,0.03418,-0.00379,0.02618,0.05756,-0.03251,-0.04735,-0.03317,0.00424,0.04528,0.05562,-0.01552,0.02168,0.04274,0.04665,0.01461,-0.01066,-0.0048,-0.10725,0.00606,0.03195,0.01881,-0.0202,0.02896,0.08914,-0.02469,-0.06375,-0.09979,0.109,-0.07931,0.00864,0.02172,0.02348,0.02567,-0.00555,0.01279,-0.05257,-0.04697,0.02547,-0.04521,0.00508,0.04068,0.09894,-0.06039,-0.0237,-0.0214,0.0819,-0.09819,-0.06187,-0.05505,0.04652,0.04853,-0.04437,-0.04352,-0.08561,-0.00908,-0.03478,0.05993,-0.00975,0.05688,-0.03605,0.04024,0.06412,0.06563,0.0309,-0.08226,0,0.01653,0.03086,-0.01737,0.04697,0.09794,-0.02018,0.0142,-0.03953,-0.10144,-0.00635,-0.06236,-0.02448,-0.03718,-0.08057,-0.00687,-0.04475,-0.01629,0.09767,-0.04583,-0.02876,0.04094,-0.00597,-0.00938,-0.07982,0.008,0.14449,-0.09046,0.00491,0.06322,0.03679,-0.04111,-0.01607,0.05318,-0.02416,-0.04723,0.01939,0.0213,-0.05753,-0.10724,-0.04194,-0.05462,-0.00821,-0.06039,-0.02681,0.0277,-0.04283,-0.03904,-0.0044,0.02157,0.06108,-0.04903,0.00038,0.04223,-0.04399,-0.01619,-0.08108,-0.05015,0.03443,-0.04205,0.01543,0.08639,0.06249,-0.11146,-0.0446,0.02473,0.03223,0.08209,0.03372,0.03917,-0.01741,-0.0189,0.0674,0.05687,0.04525,0.05977,-0.01948,-0.02873,-0.0436,-0.03068,-0.002,-0.01414,-0.05801,0.00564,0.00728,0.04455,-0.0347,0.01695,0.01612,-0.14051,0.07433,0.07586,-0.0426,0.08672,0.02732,-0.01438,0,-0.01244,0.01813,-0.0161,-0.0478,0.02051,-0.08622,-0.01093,0.03366,0.05948,0.01627,0.01074,0.03588,-0.02593,-0.06297,-0.0039,-0.0104,-0.03484,-0.09919,0.06355,-0.00983,0.03982,0.07369,-0.01711,0.06448,-0.04063,0.02982,0.0396,0.05692,0.00919,-0.02651,0.07653,-0.00348,-0.07716,0.02946,0.07771,-0.06114,-0.03432,0.02874,0.0078,-0.05862,0.01607,0.0997,-0.08004,0.03789,-0.00795,0.03365,0.01306,-0.02587,0.02575,0.04785,-0.06741,-0.01404,0.02617,-0.003,-0.02769,0.04997,0.07399,0.06708,-0.05312,0.03784,0.06227,-0.08066,-0.05419,0.00985,0.01805,-0.04112,-0.02702,0.07547,0.06464,0.11079,0.04271,0.03553,-0.03233,-0.00021,0.05761,-0.02225,-0.01352,0.0589,0.07519,0.08598,0.00112,0.0765,-0.01407,0.09135,0.05383,-0.08796,0.08169,0.09146,-0.03283,-0.0002,-0.0266,-0.01026,0.02499,-0.00287,-0.04312,0,-0.06543,-0.0028,-0.08963,-0.07205,0.09847,-0.04161,-0.0784,-0.01824,-0.04554,-0.00427,-0.05957,0.05275,0.02699,-0.03875,0.02415,-0.11912,-0.06508,-0.00909,-0.05372,-0.04698,-0.07451,0.02935,-0.02338,0.00268,-0.06567,-0.06799,0.02958,-0.06174,-0.00356,-0.02258,-0.05033,0.02785,-0.01698,0.11076,-0.05379,0.06753,-0.01642,0.07904,-0.04517,-0.03428,0.06416,0.01496,0.01852,-0.02535,-0.03967,0.05926,-0.02868,0.00576,0.00015,0.00458,-0.01062,-0.00176,-0.10218,0.09174,-0.0052,-0.059,-0.05541,0.04433,0.07143,0.00736,0.01877,0.05223,0.03918,0.01401],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1008 Warning: parent id not found. fNodeParentId / fGroupParentId references an id that no rendered node or group has, so hierarchy behaviors (containment, group drag, auto-size) silently do not apply. The warning lists the registered ids. Fix: reference an existing group id, and keep ids stable across re-renders. f Node Parent Id f Group Parent Id","excerpt":"FF1008 Warning: parent id not found. fNodeParentId / fGroupParentId references an id that no rendered node or group has, so hierarchy behaviors (containment, group drag, auto-size) silently do not apply. The warning lists the registered ids. Fix: reference an existing group id, and keep ids stable across re-renders."},{"chunkId":"/docs/errors#11","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.02862,-0.0124,-0.03899,0.02721,0.03913,0.0009,-0.03183,0.03795,-0.02486,-0.00095,-0.01828,-0.03653,-0.04692,-0.01513,-0.06727,-0.05383,-0.02513,-0.0122,-0.00321,0.06525,-0.08355,-0.00905,-0.02857,-0.01581,-0.03833,0.01425,-0.02843,-0.01121,0.05539,-0.01264,0.02426,0.09131,-0.0583,0.07125,-0.00433,0.04237,0.02625,-0.05687,-0.11357,0.03099,0.07918,0.01595,0.01644,-0.01469,-0.03403,-0.02017,-0.01482,-0.0587,-0.01195,-0.02977,-0.02905,0.03761,0.0101,0.04925,0.0123,0.01462,0.00739,-0.03111,0.00601,0.09411,0.03951,-0.0553,0.00178,0.01499,0.08358,0.06431,-0.03464,-0.08554,-0.02383,0.05339,-0.03168,0.02833,0.02143,-0.04757,0.02497,0.07457,-0.02793,-0.01038,-0.00328,-0.0557,0.05576,0.02017,0.03062,0.00343,0.01616,0.09733,-0.02594,-0.03634,-0.01187,0.06532,-0.07523,0.02797,-0.04971,0.05325,-0.00971,-0.01694,-0.004,-0.03837,-0.06918,0.01531,-0.00515,-0.03376,0.06676,0.09115,-0.05413,-0.01011,-0.00482,0.05218,-0.05173,0.00975,-0.0037,0.06737,0.01876,-0.05549,-0.0273,-0.0071,-0.0109,-0.02748,0.03023,0.06859,-0.03726,-0.02895,0.06181,0.03117,0.06542,-0.0017,-0.04972,0,-0.02926,-0.00185,-0.0468,0.00427,0.08947,0.0576,-0.00984,-0.02472,-0.00016,0.00081,-0.00147,-0.01205,-0.03667,-0.0855,-0.02159,-0.03743,-0.0383,0.04883,-0.10841,0.01376,0.10466,-0.13064,0.00273,-0.05433,0.00654,0.10994,-0.08303,0.05642,0.02114,0.0363,-0.04146,-0.00849,0.08072,-0.05561,-0.0454,-0.01716,0.01292,-0.0409,-0.0828,-0.05785,-0.09313,0.01113,-0.05914,-0.05217,0.04155,-0.06771,-0.06042,0.04604,0.03953,0.02376,-0.05607,-0.01782,0.00212,-0.03526,-0.00349,-0.03457,-0.0285,0.03712,-0.04157,0.05446,0.06547,-0.00004,-0.06969,-0.0387,0.04689,0.06096,0.06153,0.01017,-0.00907,-0.02706,-0.09499,0.09747,0.06208,0.05105,0.05069,0.00489,-0.03042,0.00218,0.00208,-0.03365,0.03471,-0.04001,0.03257,0.08216,0.05426,-0.09177,-0.01413,0.00419,-0.14208,0.07059,0.1117,-0.02461,0.06095,-0.00945,-0.03583,0,-0.00589,0.03544,-0.05806,-0.02913,0.00749,-0.07138,0.00865,0.05506,0.08347,-0.01385,0.06021,0.05689,-0.054,-0.05946,-0.0659,-0.02429,-0.02402,-0.10328,0.02136,-0.00063,0.10903,0.00478,-0.03763,-0.00931,-0.03437,0.0612,0.09612,0.04901,-0.06193,-0.02452,0.08151,0.06122,-0.05383,0.02923,0.0647,-0.02098,-0.00474,0.01705,0.0105,-0.07713,0.08834,0.1721,-0.08909,-0.01406,-0.02688,0.01724,-0.03552,-0.06329,0.0067,-0.02786,-0.07712,0.01327,0.01125,0.03596,-0.06337,0.06992,0.03935,0.06012,-0.02368,0.01503,0.05261,-0.0708,-0.04112,-0.02869,0.04543,0.03835,-0.03502,0.09326,0.13021,0.10716,0.07727,0.02711,-0.0577,0.0196,0.03303,0.06878,0.01037,-0.03154,0.0859,0.06884,-0.0168,0.06246,-0.04522,0.06292,0.13492,-0.00137,0.01814,0.02643,0.02949,-0.02649,-0.06531,0.01939,0.00648,0.00862,-0.00741,0,-0.12287,-0.01903,-0.11566,-0.00207,0.04248,-0.04611,-0.02854,-0.0401,-0.06459,-0.03126,-0.0388,0.07342,-0.00423,-0.00559,0.07959,-0.08418,-0.03821,-0.01124,-0.06539,-0.02434,-0.07196,0.02807,0.00261,0.04583,-0.04593,-0.05364,0.03091,0.04054,0.021,0.01518,-0.03865,0.0044,0.00041,0.07422,-0.11611,0.10138,-0.04091,0.03732,-0.00331,0.04613,0.05765,-0.00834,0.04199,-0.01069,-0.03108,0.06468,0.00504,0.05017,0.00772,-0.04239,-0.02684,0.07591,-0.13312,0.0311,-0.00088,-0.09709,-0.03142,-0.00592,0.00772,0.02297,-0.08085,0.04112,0.01249,0.01705],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. FF1009 Warning: viewport helper called before nodes were rendered. fitToScreen(), resetScaleAndCenter(), or centerGroupOrNode() was called before the nodes were rendered (e.g. from ngOnInit / ngAfterViewInit), so it computes against an incomplete node set and produces a wrong initial viewport. These helpers compute from the nodes bounding box, so (fNodesRendered) is the earliest safe moment — connections do not affect the result. (fFullRendered) also works: fit To Screen reset Scale And Center center Group Or Node ng On Init ng After View Init f Nodes Rendered f Full Rendered","excerpt":"FF1009 Warning: viewport helper called before nodes were rendered. fitToScreen(), resetScaleAndCenter(), or centerGroupOrNode() was called before the nodes were rendered (e.g. from ngOnInit / ngAfterViewInit), so it computes against an incomplete node set and produces a wrong initial viewport. These helpers compute from the nodes bounding box, so (fNodesRendered) is the earliest safe moment — connections do not affect the result. (fFullRendered) also works:"},{"chunkId":"/docs/errors#12","slug":"errors","route":"/docs/errors","section":"docs","title":"Foblex Flow Errors and Warnings - FF Diagnostic Codes","description":"Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes.","group":"Introduction","vector":[-0.00696,-0.0428,-0.03535,0.01082,-0.01982,-0.03446,-0.03857,0.042,-0.03289,-0.01774,-0.02917,-0.06539,-0.10334,-0.00114,-0.06145,-0.01419,-0.03833,-0.03691,0.01888,0.0291,-0.02877,-0.05007,-0.04717,0.00003,-0.06059,0.03871,-0.01012,-0.00305,0.008,-0.03157,0.04088,0.11249,-0.06099,0.01294,0.07747,0.02561,0.06897,-0.09093,-0.0718,0.00434,0.10235,-0.02516,0.0482,-0.00074,-0.03704,0.01449,-0.02102,-0.0778,-0.04432,-0.02062,-0.02825,0.03876,0.00291,0.07542,0.0635,0.0252,0.05682,-0.0561,0.00396,0.07326,0.00984,-0.0405,-0.00927,0.02353,0.02614,0.0768,-0.04645,-0.01042,-0.01055,0.006,-0.04392,0.04844,-0.0286,0.01277,0.04934,0.03138,0.02573,0.00659,-0.00491,-0.08638,-0.01379,0.02004,0.01668,0.00403,0.00196,0.08152,-0.00386,-0.04732,-0.04569,0.07052,-0.02892,0.01221,-0.03209,0.04333,0.05217,-0.00167,-0.00949,-0.11368,-0.08023,0.03139,-0.03534,-0.04389,0.06422,0.07444,-0.01049,0.05227,-0.02349,0.06103,-0.0552,-0.05086,-0.01918,-0.00609,0.08444,-0.03056,0.04543,-0.01095,-0.04439,0.0108,0.03713,0.0586,-0.00125,-0.02299,0.05293,0.02784,0.04069,0.03075,-0.02403,0,-0.0149,0.02043,-0.00565,0.0841,0.03788,0.0436,0.05891,-0.02602,-0.04522,0.01926,-0.03861,0.0365,-0.06016,-0.02863,-0.02797,-0.04376,-0.00899,0.03594,-0.07093,0.04298,0.14,-0.09547,0.01143,-0.08812,0.04617,0.04419,-0.07625,0.0325,0.01133,0.03991,-0.0648,-0.05275,0.05252,-0.02241,-0.02897,-0.0144,0.01355,-0.0255,-0.1015,-0.02176,-0.02735,-0.01894,-0.06608,-0.03918,0.03985,-0.05682,-0.07712,-0.005,0.00234,0.0483,-0.02624,0.0204,0.03507,-0.02385,0.03173,-0.05558,-0.02052,0.05384,-0.01864,0.05927,0.06231,0.06559,-0.12344,-0.02532,0.0302,0.07163,0.00364,0.01871,0.00643,-0.01778,-0.09118,0.07839,0.04501,0.02057,0.04758,-0.03436,-0.02721,-0.03069,-0.00097,-0.00971,-0.02734,-0.023,0.00997,0.05724,0.07804,-0.07702,-0.02324,-0.02879,-0.1195,0.07681,0.09967,-0.00459,0.06216,-0.00224,0.00495,0,-0.02189,0.02145,-0.02586,0.0197,-0.01165,-0.05787,0.0437,0.06111,0.07433,-0.01971,0.072,0.08159,-0.06459,-0.0734,0.02054,-0.05701,-0.06233,-0.12106,0.07403,0.00416,0.07182,0.06234,-0.06028,-0.05297,-0.04174,0.05833,0.01182,0.04104,-0.03009,-0.00728,0.10354,0.05811,-0.09263,0.03914,0.04222,-0.0039,0.03748,0.03731,0.03647,-0.04312,0.04456,0.08901,-0.0802,0.01156,-0.03199,0.03611,-0.07205,-0.08938,0.02302,-0.02038,-0.077,-0.0007,-0.00843,0.02311,-0.06788,0.02723,0.05106,0.09044,-0.06748,0.04243,0.05395,-0.08725,0.00774,-0.00346,0.0374,-0.01882,-0.01124,0.05424,0.10433,0.07782,0.07749,0.07145,-0.06511,0.0191,0.06062,0.03927,-0.04695,0.01315,0.11456,0.10892,-0.03274,0.10202,-0.01725,0.08832,0.08824,-0.02872,0.02511,0.03907,0.02626,-0.02139,-0.04283,0.00446,-0.02676,0.00394,-0.0407,0,-0.06797,-0.08124,-0.09624,-0.02487,0.05591,0.03695,-0.07301,-0.04968,-0.04332,-0.02196,-0.01987,0.06904,-0.01597,0.01342,0.0581,-0.0734,-0.03262,-0.00515,-0.06889,-0.05529,-0.06331,0.06328,-0.01517,0.05699,-0.05441,-0.10895,0.08093,0.01387,0.00165,0.02205,-0.00091,0.02391,-0.0014,0.06401,-0.05582,0.11814,-0.00927,0.09913,-0.04846,-0.02054,0.00565,0.00106,-0.0249,-0.06433,0.03224,0.0593,-0.03404,0.04034,-0.05562,-0.06027,-0.04337,0.10073,-0.11604,0.0871,-0.01918,-0.03876,-0.06146,-0.01933,-0.00965,0.00596,-0.05419,0.05907,0.04442,-0.00998],"keywords":"Foblex Flow Errors and Warnings - FF Diagnostic Codes Foblex Flow Errors and Warnings - FF Diagnostic Codes Reference for FFxxxx diagnostic codes: unresolved connection endpoints, zero-height hosts, connectors outside nodes — causes and fixes. Verifying a flow programmatically To assert a flow is fully wired (useful in tests and for AI agents): 1. Listen to (fFullRendered) on <f-flow. 2. Call flow.getState() and check every declared connection resolved to existing connectors. 3. In dev mode, an empty console (no FFxxxx warnings) after the first render means ids, hierarchy, and sizing are consistent. f Full Rendered get State F Fxxxx","excerpt":"Verifying a flow programmatically To assert a flow is fully wired (useful in tests and for AI agents): 1. Listen to (fFullRendered) on <f-flow. 2. Call flow.getState() and check every declared connection resolved to existing connectors. 3. In dev mode, an empty console (no FFxxxx warnings) after the first render means ids, hierarchy, and sizing are consistent."},{"chunkId":"/docs/ai#0","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[-0.01712,-0.03406,-0.07925,-0.03561,0.05078,-0.01616,0.01784,0.03185,-0.00939,0.03668,-0.07519,-0.0579,0.00164,0.01763,0.05432,0.05046,-0.02685,0.031,0.01779,-0.01303,0.01803,0.03929,-0.01809,-0.02463,-0.08173,0.07437,0.04402,-0.01364,0.03295,-0.04326,0.07313,0.06866,0.04319,0.07931,-0.03223,0.0319,-0.06458,-0.02851,-0.04297,0.02662,0.05086,0.0267,0.00254,-0.08273,-0.0005,0.0236,-0.02476,-0.01683,-0.05004,0.03263,-0.08328,-0.06937,-0.04463,0.07851,0.0031,-0.03871,0.0382,-0.03788,-0.0364,-0.01081,0.01148,-0.06733,0.00869,0.04891,0.04264,0.07579,-0.1286,0.06532,0.01187,-0.0868,-0.05787,-0.0439,0.01145,0.01072,-0.01676,-0.01001,0.0047,0.03871,0.09473,-0.05296,-0.05918,-0.02201,0.05376,0.0272,0.00263,0.07803,0.02234,0.02986,0.05272,0.02978,0.04873,-0.00679,0.00314,0.05405,0.09425,0.02796,-0.05996,-0.05885,-0.06687,0.04293,-0.03596,-0.03146,-0.03818,0.03834,-0.06111,0.00374,0.07234,0.00527,0.03861,-0.04923,-0.04633,0.09804,0.08923,-0.07981,0.03517,-0.02428,0.01108,0.03901,0.03861,0.0213,0.01749,-0.07797,0.01798,0.02882,0.14934,0.0296,-0.06015,0,-0.00566,0.04083,-0.03089,0.00777,0.06944,0.01457,0.06715,-0.02365,-0.00019,0.04647,-0.06991,0.06061,-0.0757,-0.0054,-0.04552,-0.04229,-0.0408,-0.0121,-0.00357,0.01506,0.09823,-0.06363,0.03316,0.00302,0.07882,0.13337,-0.00518,0.01439,0.08746,0.03645,-0.02141,-0.02569,-0.02225,-0.01103,-0.04253,0.02443,-0.1209,0.00954,-0.04073,-0.01812,0.0401,-0.01969,-0.03316,-0.06285,-0.04325,-0.0617,-0.10506,-0.03343,0.10698,0.0108,0.00961,-0.00116,-0.00141,-0.03172,0.06666,-0.03472,-0.05992,0.03813,-0.01736,0.02693,0.04394,0.00759,0.01933,0.03638,0.08085,0.00208,0.01153,0.03711,0.07982,-0.05495,-0.0382,0.06106,0.01005,0.02016,-0.02819,-0.11066,0.03976,-0.03758,0.02927,-0.087,-0.01229,0.01182,-0.03014,0.07104,0.04809,-0.07639,-0.0817,-0.07897,-0.09369,0.0378,0.00742,-0.05502,-0.03256,0.07658,-0.00167,0,-0.05121,-0.00318,-0.09108,0.0596,-0.0092,-0.09185,0.01811,0.05859,0.08761,0.04589,-0.00109,-0.02118,-0.03682,-0.04223,0.02546,-0.04664,-0.03304,-0.09086,0.07366,-0.04531,-0.00978,0.06589,-0.05225,-0.05561,-0.03511,0.06738,0.01887,0.08825,0.01499,-0.01713,0.0392,0.00352,-0.06318,-0.01364,-0.05414,-0.01747,0.03649,0.04747,0.00283,-0.01324,0.1033,0.03336,-0.06019,-0.01072,-0.05164,0.02353,0.00417,0.00678,0.08019,-0.02708,-0.02475,-0.06801,-0.04237,-0.0793,-0.11631,0.01504,0.08172,0.00657,-0.07824,0.00871,-0.02231,-0.05933,0.04845,-0.05678,-0.01419,0.05261,-0.04674,0.08346,0.0477,0.03974,0.08514,0.01734,-0.1117,0.07619,0.0814,0.04443,-0.04608,-0.02935,0.02018,0.00301,-0.00012,0.04231,-0.03797,0.12479,0.03255,0.05197,0.02436,-0.03869,0.02777,0.04051,-0.03725,0.05651,0.02317,-0.0081,-0.09334,0,-0.10671,-0.09391,-0.00334,-0.00392,0.02918,0.04594,-0.07678,0.00013,-0.0088,-0.07099,0.02729,0.01261,-0.00692,-0.01971,0.07675,-0.01873,-0.04892,0.0017,-0.05592,-0.08825,0.01822,0.02982,0.01951,0.03948,0.07174,-0.04763,-0.0047,0.03698,-0.0449,0.08943,0.01507,0.04076,0.08818,0.02354,-0.00681,0.0475,-0.02504,-0.05553,-0.02844,-0.03767,0.00941,0.01389,0.00262,-0.04034,-0.01534,0.00276,-0.04378,-0.11027,0.02732,-0.07614,-0.02452,0.03365,-0.07464,0.12361,0.05607,-0.01418,-0.00546,-0.06524,0.0838,0.02134,-0.05279,0.06776,0.02799,-0.04736],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. Using AI Agents with Foblex Flow Foblex Flow ships several channels that teach LLMs and AI coding agents the current API, so generated code matches the installed version instead of outdated training data or React Flow patterns. LL Ms","excerpt":"Using AI Agents with Foblex Flow Foblex Flow ships several channels that teach LLMs and AI coding agents the current API, so generated code matches the installed version instead of outdated training data or React Flow patterns."},{"chunkId":"/docs/ai#1","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[-0.08283,0.00754,-0.04702,0.0252,0.10746,-0.01842,-0.01188,0.00041,-0.0022,0.05067,-0.06862,-0.06368,-0.02348,-0.02222,0.08221,0.05764,-0.01666,0.02996,-0.01223,-0.02676,0.00871,0.02083,0.00306,-0.02078,-0.10798,0.0554,-0.01432,-0.02948,0.00213,-0.05181,0.02684,0.07045,0.00255,0.07052,0.03485,0.08862,-0.03406,-0.01069,-0.01391,-0.0129,0.07369,0.06053,-0.00525,-0.09821,-0.00786,-0.00675,-0.02479,-0.01925,-0.0497,0.01219,-0.08756,-0.07488,-0.04699,0.05313,0.03538,-0.04711,0.06942,-0.03401,0.00264,-0.00445,0.02393,-0.08017,0.00286,0.01084,0.02919,0.07344,-0.11575,-0.02466,0.00223,-0.02086,-0.0149,-0.05213,0.00737,0.01375,-0.01833,0.02665,0.0078,0.08121,0.0135,-0.09212,-0.05408,-0.00728,0.04354,0.05188,0.00115,0.0775,0.02202,-0.02538,0.11195,-0.00982,0.03424,-0.01041,-0.02446,0.03339,0.15783,0.02591,-0.02957,-0.0036,-0.07386,0.08173,-0.02103,-0.07784,-0.00758,0.02452,-0.00382,0.02642,0.05759,0.02328,0.01148,-0.05038,-0.03551,0.06376,0.0675,-0.05885,-0.00101,-0.06951,0.02301,0.02834,0.03409,0.07006,0.06911,-0.04572,0.02256,-0.00778,0.12356,0.05752,0.01195,0,0.01046,0.03021,-0.04645,0.03729,0.0994,0.0043,0.04308,-0.01984,-0.01733,0.06851,-0.00675,0.02843,-0.10408,-0.02223,-0.03471,-0.0605,-0.00893,-0.05148,-0.00766,0.02162,0.07865,-0.06473,-0.03168,-0.01663,0.05678,0.08113,-0.01172,0.00906,0.02357,0.03988,0.02169,-0.0339,0.03075,0.04138,-0.0955,0.01122,-0.12181,-0.01731,-0.03177,-0.04296,0.01834,0.01258,-0.04857,-0.04931,-0.00415,-0.08989,-0.10693,-0.02172,0.13226,0.00831,0.03628,0.06945,0.0253,-0.0268,0.0636,-0.05357,-0.05751,0.05425,0.01297,0.0127,0.06553,0.04227,-0.00307,0.04163,0.08124,-0.00294,-0.01016,0.05627,0.09485,-0.08034,-0.05007,0.06728,0.0026,0.035,0.00254,-0.12824,0.05937,0.01085,0.06712,-0.13004,-0.03372,-0.00357,-0.01862,0.06734,0.01761,-0.09265,-0.05049,-0.05825,-0.11171,-0.02277,0.07206,-0.03257,-0.07569,0.03891,-0.01668,0,-0.01859,-0.04341,-0.05218,0.06384,-0.02424,-0.10238,-0.0108,-0.01202,0.08629,0.01394,0.01426,0.02625,-0.01396,-0.02369,0.02966,0.00125,-0.08767,-0.09765,0.07711,-0.01878,0.00598,0.07704,-0.02277,-0.05086,-0.03806,0.06666,-0.01551,0.04977,0.0154,-0.04829,0.02743,0.04842,-0.1186,-0.00941,-0.01519,-0.06787,-0.00035,0.07829,0.00267,0.02272,0.10539,0.03717,-0.04786,-0.03811,-0.05463,0.02013,0.03631,-0.01087,0.04371,-0.01193,-0.03539,-0.02918,-0.03312,-0.03957,-0.09728,0.01878,0.08091,0.0213,-0.09152,0.03358,0.01429,-0.01155,0.01775,-0.04392,0.03452,0.05468,-0.09435,0.04902,0.11468,0.0447,0.02162,0.01877,-0.11526,-0.00331,0.08371,0.05648,0.02605,-0.06257,0.00688,-0.00174,-0.04588,0.06932,-0.04298,0.06692,-0.00651,0.01009,-0.06739,-0.02898,0.03864,0.07183,-0.03606,-0.00974,-0.01648,-0.01352,-0.06946,0,-0.10203,-0.01843,-0.03737,-0.0276,0.09046,0.02903,-0.04714,0.00313,-0.00717,-0.05763,0.01134,0.01497,0.0213,0.00463,0.02479,-0.05282,-0.05005,-0.00129,-0.08754,-0.05132,-0.01665,0.03214,0.00608,0.03212,-0.00596,-0.05193,-0.01549,0.0039,-0.03649,0.11066,-0.01088,0.04326,0.04782,0.00125,-0.03089,0.04106,-0.04205,-0.03191,0.01444,-0.00106,0.03313,0.0435,0.00795,-0.02395,0.01321,-0.03924,-0.03985,-0.07492,0.00778,-0.0343,-0.045,0.02978,-0.07798,0.14937,0.05109,-0.01922,0.02443,-0.03749,0.07533,-0.00366,-0.04654,0.01792,0.06607,-0.02981],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. In your project (recommended) ng add @foblex/flow writes a marker-delimited Foblex Flow section into your workspace AGENTS.md — the cross-tool rules file read by Cursor, GitHub Copilot, Claude Code, Codex, and others. The section points agents at the guide bundled inside the package: - nodemodules/@foblex/flow/AI.md — verified API surface, hard rules, a minimal working setup, and a checklist of common silent failures. - nodemodules/@foblex/flow/STYLING.md — runtime CSS classes and safe selector strategy. Because the guide ships inside the npm package, it always matches the installed version — agents do not need to guess or search. Re-running ng add refreshes only the managed block; pass --skip-agent-rules to opt out. Already installed? Add the section without re-running the full schematic by copying it from AGENTS.md on GitHub or re-run ng add @foblex/flow — the dependency steps are idempotent. Git Hub","excerpt":"In your project (recommended) ng add @foblex/flow writes a marker-delimited Foblex Flow section into your workspace AGENTS.md — the cross-tool rules file read by Cursor, GitHub Copilot, Claude Code, Codex, and others. The section points agents at the guide bundled inside the package: - nodemodules/@foblex/flow/AI.md — verified API surface, hard rules, a minimal working setup, and a checklist of common silent failures. - nodemodules/@foblex/flow/STYLING.md — runtime CSS classes and safe selector strategy. Because the guide ships inside the npm package, it always matches the installed version — agents do not need to guess or search. Re-running ng add refreshes only the managed block; pass --skip-agent-rules to opt out. Already installed? Add the section without re-running the full schematic by copying it from AGENTS.md on GitHub or re-run ng add @foblex/flow — the dependency steps are idempotent."},{"chunkId":"/docs/ai#2","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[-0.03183,0.00837,-0.07668,-0.02713,0.02943,-0.03188,-0.00172,0.05069,-0.01996,0.05414,-0.08959,-0.05634,-0.00585,0.00905,0.04709,0.05967,-0.00872,0.05907,0.00479,-0.02987,0.00964,0.06427,-0.03583,-0.02543,-0.08033,0.07541,0.0412,-0.01816,0.02401,-0.04805,0.06833,0.03687,0.02128,0.07065,0.00649,0.03247,-0.05415,-0.03729,-0.01468,0.0151,0.09496,0.00698,0.00312,-0.08743,-0.00269,-0.00362,-0.0596,0.00235,-0.0612,0.04561,-0.06611,-0.07755,-0.0536,0.06829,-0.00655,-0.0452,0.04489,-0.07895,-0.03234,-0.03832,0.00682,-0.0537,-0.00887,0.04903,0.04199,0.10683,-0.11739,0.08628,0.01149,-0.04661,-0.05332,-0.04852,-0.01596,0.0229,-0.05013,-0.00714,-0.01428,0.04587,0.04916,-0.04519,-0.03889,-0.00841,0.07331,0.04463,-0.00392,0.07681,0.02437,0.07057,0.06286,0.01006,0.03217,0.01509,-0.00236,0.02868,0.08736,0.05749,-0.05436,-0.0751,-0.02051,0.0588,-0.04627,-0.03972,-0.03429,0.02864,-0.06575,0.00766,0.04538,0.00628,0.00891,-0.04868,-0.02927,0.0898,0.08379,-0.10542,0.04868,-0.04433,0.0056,0.05257,0.03705,0.01351,0.02004,-0.05893,-0.00081,0.0191,0.1588,0.06592,-0.00813,0,-0.00223,0.02537,-0.03401,0.01097,0.0859,0.05047,0.05264,-0.0428,-0.00276,0.06072,-0.01857,0.05584,-0.07871,-0.0509,-0.0606,-0.04976,-0.01905,0.01666,0.00549,0.02404,0.05174,-0.05128,0.0099,0.04261,0.06406,0.10293,-0.01419,0.00216,0.05607,0.02739,0.03335,-0.04695,-0.01196,-0.00288,-0.05421,0.02158,-0.14106,0.01016,-0.0223,-0.0114,0.03453,-0.02889,-0.04722,-0.05993,-0.08427,-0.0389,-0.09879,-0.03443,0.11791,-0.01385,0.02513,0.02615,-0.00385,-0.01002,0.0656,-0.0436,-0.06908,0.02845,0.01002,0.03832,0.05206,0.04091,0.03419,0.01802,0.0675,-0.02903,-0.0018,0.02831,0.08841,-0.06623,-0.011,0.05694,0.02819,0.01376,-0.02141,-0.09844,0.06016,-0.0022,0.0383,-0.10047,-0.02282,0.00049,0.00203,0.05646,0.05232,-0.09563,-0.09606,-0.07474,-0.13903,0.01144,-0.0357,-0.02589,-0.04569,0.05175,0.01743,0,-0.01104,-0.02162,-0.04978,0.07186,-0.0192,-0.09235,0.00516,0.04647,0.10039,0.06363,-0.00148,0.00536,-0.06069,-0.07534,0.03457,-0.0428,-0.04562,-0.11216,0.07854,-0.04804,-0.01063,0.07658,-0.05424,-0.03853,-0.05249,0.0768,0.02559,0.03515,0.01272,-0.02498,0.01801,0.02198,-0.0558,-0.00515,-0.0635,-0.03924,0.04939,0.0918,0.02572,-0.00356,0.10862,0.04723,-0.0501,-0.02363,-0.06939,0.013,-0.00316,0.00657,0.07913,-0.01491,-0.04399,-0.0463,-0.03366,-0.04259,-0.10833,0.00291,0.08198,-0.05213,-0.12277,0.02888,-0.01849,-0.02967,0.05719,-0.04255,-0.01067,0.03741,-0.05525,0.02282,0.04227,0.02372,0.0646,-0.01023,-0.10429,0.07795,0.10184,0.01564,-0.0158,-0.04783,0.05277,0.01263,-0.00552,0.07327,-0.0423,0.08565,0.02007,0.03453,-0.00657,-0.02186,0.05876,0.05499,-0.05355,0.05585,0.02955,-0.02281,-0.0789,0,-0.09874,-0.09273,0.01222,0.00738,0.0029,0.03062,-0.05708,0.00593,0.00219,-0.07249,0.02528,-0.01215,-0.02128,-0.01198,0.07033,-0.03748,-0.0309,-0.00175,-0.08034,-0.08769,0.00784,0.04978,0.04839,0.01809,0.0603,-0.01805,-0.02039,0.02691,-0.02141,0.10546,0.02141,0.03004,0.06624,0.01557,-0.00457,0.02839,-0.03305,-0.05352,-0.01107,-0.03309,0.01734,0.02303,-0.00176,-0.01556,0.01574,-0.01492,-0.04817,-0.07612,0.03407,-0.04611,-0.02699,0.00098,-0.0639,0.13218,0.02354,0.00953,0.03502,-0.04631,0.10709,0.01067,-0.04841,0.04349,0.01719,-0.03074],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. Hosted LLM docs - llms.txt — docs index in the llms.txt format. - llms-full.txt — the complete LLM-readable reference: API tables, events, types, styling, and full code examples. Point a custom agent, GPT, or RAG pipeline here.","excerpt":"Hosted LLM docs - llms.txt — docs index in the llms.txt format. - llms-full.txt — the complete LLM-readable reference: API tables, events, types, styling, and full code examples. Point a custom agent, GPT, or RAG pipeline here."},{"chunkId":"/docs/ai#3","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[-0.03935,-0.01812,-0.06655,-0.01726,0.05366,-0.01497,0.00931,0.04214,-0.00197,0.0575,-0.08612,-0.05964,-0.02512,0.03644,0.05097,0.02965,-0.00589,0.04989,0.04734,0.00025,-0.00959,0.06427,-0.03327,-0.0259,-0.09786,0.08855,0.03156,-0.02101,0.02154,-0.02532,0.05895,0.10079,0.04779,0.05441,0.04573,0.04945,-0.02923,-0.04398,-0.03261,0.00358,0.07682,0.01869,0.04542,-0.06651,-0.01201,-0.00367,-0.02845,-0.01392,-0.05108,0.02768,-0.09814,-0.06391,-0.04265,0.07323,0.00627,-0.04693,0.01808,-0.08206,-0.03604,-0.01659,0.00778,-0.06933,-0.0088,0.04037,0.03641,0.09419,-0.10779,0.04939,0.03175,-0.08267,-0.02554,-0.0452,-0.00231,0.01317,-0.00478,0.02292,0.00986,0.03448,0.06999,-0.07568,-0.01705,0.00216,0.06382,0.01469,-0.01492,0.05883,0.03337,0.03958,0.05386,0.04856,0.05005,0.00026,-0.01815,-0.00028,0.10962,0.02951,-0.04933,-0.06348,-0.043,0.06064,-0.03889,-0.03817,-0.03081,0.02191,-0.03079,0.01202,0.03513,0.02003,0.03454,-0.0494,-0.04846,0.09079,0.07636,-0.0899,0.05673,-0.06248,0.04119,0.04592,0.05053,0.0368,-0.00825,-0.06812,0.01518,0.00178,0.12926,0.03735,-0.03479,0,0.00119,0.02396,0.00748,0.01882,0.04832,0.01313,0.0494,-0.05168,0.00665,0.02401,-0.04591,0.08789,-0.06286,-0.06741,-0.08104,-0.05691,-0.03628,0.02005,0.0265,0.02527,0.06934,-0.06906,0.00322,0.01028,0.07356,0.12302,-0.0133,-0.00272,0.08272,0.03627,-0.0153,-0.01534,-0.01564,0.02865,-0.06617,0.00809,-0.13514,-0.00592,-0.0378,-0.00824,0.00525,-0.01992,-0.04645,-0.05774,-0.07074,-0.07146,-0.12441,-0.03351,0.13399,0.00292,0.03873,-0.00057,-0.00439,-0.01041,0.07912,-0.05614,-0.06462,0.04092,0.0263,0.02308,0.07912,0.00719,-0.00717,0.00131,0.11123,-0.03049,-0.01368,0.03426,0.05383,-0.05946,-0.02854,0.04721,0.0432,0.0149,-0.02191,-0.09534,0.00874,-0.00359,0.00502,-0.04927,-0.04557,-0.00137,-0.00526,0.09643,0.06258,-0.04321,-0.0854,-0.07096,-0.10571,-0.01872,0.01801,-0.04123,-0.04414,0.05959,-0.00115,0,-0.02869,-0.0551,-0.06971,0.05369,-0.02785,-0.10254,0.02391,0.04568,0.07227,0.04067,0.01092,-0.02314,-0.03771,-0.07902,0.03295,-0.03382,-0.01704,-0.10482,0.06677,-0.01896,-0.03125,0.02152,-0.05173,-0.0375,-0.02971,0.04714,0.00488,0.0393,0.01127,-0.02648,0.03228,0.03361,-0.08322,0.00642,-0.05009,-0.04035,0.00019,0.07889,0.01514,-0.014,0.11421,0.05862,-0.0737,-0.01707,-0.05792,0.01919,0.01827,-0.01607,0.08567,-0.02323,-0.04869,-0.04253,-0.02221,-0.0784,-0.14029,0.04017,0.09965,-0.02839,-0.05382,0.03251,0.02236,-0.03073,0.02878,-0.03303,0.01878,0.06582,-0.04979,0.04169,0.04396,0.00265,0.06465,-0.02446,-0.10804,0.08188,0.13267,0.02913,-0.01374,-0.03186,0.02712,0.01359,0.00294,0.07664,-0.06172,0.10772,0.02973,0.02549,0.00427,-0.03997,0.06726,0.05172,-0.03822,0.04674,-0.00765,-0.01671,-0.08005,0,-0.12805,-0.10133,-0.00209,-0.01939,0.02395,0.07094,-0.08404,0.01138,0.01023,-0.04212,0.02252,-0.01089,-0.00318,-0.03325,0.05114,-0.02938,-0.00823,0.0032,-0.06618,-0.08375,0.0187,0.038,0.03653,0.02445,0.05222,-0.02942,-0.00587,0.03225,-0.03288,0.0186,0.00109,0.03165,0.05509,0.03016,-0.03977,0.06779,-0.01661,-0.05999,-0.04685,-0.04488,0.00199,0.0298,-0.02384,-0.03524,0.00091,0.01643,-0.02455,-0.05032,0.00812,-0.05603,-0.02927,0.04397,-0.06263,0.15294,0.04379,-0.00206,0.02593,-0.06443,0.09567,-0.00653,-0.05878,0.06041,0.02876,-0.0266],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. MCP / Context7 The repository ships a context7.json, so Context7 indexes the documentation — agents with the Context7 MCP server installed can resolve @foblex/flow docs on demand.","excerpt":"MCP / Context7 The repository ships a context7.json, so Context7 indexes the documentation — agents with the Context7 MCP server installed can resolve @foblex/flow docs on demand."},{"chunkId":"/docs/ai#4","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[0.00589,-0.02789,-0.07897,-0.01808,0.04868,-0.04486,-0.01144,0.02863,-0.01,0.04827,-0.04734,-0.05251,-0.01413,-0.00244,0.01529,0.04992,-0.04657,0.04052,0.02513,-0.00785,-0.02487,0.06894,-0.05632,0.00034,-0.09563,0.07653,-0.00659,-0.02879,0.00674,-0.05433,0.03939,0.07445,-0.02917,0.06034,0.05366,0.05814,-0.02342,-0.0575,-0.04309,0.00175,0.09343,0.01905,0.01748,-0.07238,-0.03293,0.01255,-0.0723,-0.01286,-0.03646,0.01385,-0.07047,-0.02875,-0.02348,0.05857,0.01786,-0.00905,0.03423,-0.02406,0.00419,0.02427,0.02388,-0.05358,-0.00194,0.02982,0.06821,0.10159,-0.07743,0.02139,-0.02282,-0.00834,-0.04631,-0.02475,-0.0214,0.01355,0.00097,0.03525,-0.01806,0.03682,0.08248,-0.03236,-0.03223,-0.01753,0.03197,0.05032,0.01126,0.09622,0.0032,0.02534,0.04248,0.03933,0.00969,-0.04506,0.02294,0.05149,0.08991,0.05235,-0.00362,-0.08234,-0.06904,0.06686,-0.04558,-0.02664,0.00821,0.02877,-0.05854,0.01651,0.04833,0.01768,0.01501,-0.07088,-0.0285,0.04845,0.0993,-0.06551,0.06536,-0.04729,0.00904,0.03199,0.01752,0.01419,0.00856,-0.05194,0.02729,0.04887,0.15761,0.03925,-0.02474,0,-0.00663,0.03272,-0.01776,0.03124,0.07909,0.02826,0.0374,-0.00582,-0.0071,0.05655,-0.02557,0.0234,-0.06355,-0.06102,-0.0335,-0.03401,0.00712,0.02786,-0.04177,0.04868,0.09855,-0.08606,0.03771,-0.03293,0.07925,0.12895,-0.05086,0.00519,0.09662,0.04008,-0.03072,-0.00801,0.0171,0.00532,-0.04509,-0.01049,-0.09737,-0.00388,-0.08257,0.00054,0.00967,-0.00147,-0.05944,-0.04037,-0.02555,-0.08143,-0.07917,-0.04053,0.06817,0.00497,-0.01921,0.03961,-0.00567,-0.00814,0.0633,-0.06281,-0.03981,0.02829,-0.02176,0.05724,0.09439,0.01956,-0.01634,-0.01286,0.10979,-0.01024,-0.00091,0.04435,0.05738,-0.03212,-0.05053,0.05435,0.03338,0.02293,-0.02359,-0.09697,-0.00658,-0.03876,0.02463,-0.08543,-0.0147,-0.00627,-0.02364,0.08106,0.02482,-0.11776,-0.09308,-0.04369,-0.12946,0.0471,0.01052,-0.01152,-0.01519,0.06121,-0.02191,0,-0.06094,-0.02335,-0.06008,0.05375,-0.03283,-0.09241,0.00506,0.05024,0.10577,0.03162,0.0059,0.01688,-0.05618,-0.05471,0.01961,-0.02131,-0.04696,-0.12347,0.08383,-0.02928,0.03027,0.04963,-0.02831,-0.04576,-0.01456,0.10148,0.03874,0.04114,0.00387,-0.01688,0.0748,0.06396,-0.07583,0.01052,-0.00158,-0.01414,0.01487,0.06808,0.02696,-0.04409,0.11085,0.08666,-0.09876,-0.01811,-0.02174,0.00646,-0.00868,-0.01045,0.08962,-0.0263,-0.04854,-0.06358,-0.02945,-0.0477,-0.12574,0.0164,0.05229,0.01972,-0.09306,0.01866,-0.00711,-0.06576,0.01781,-0.0341,-0.005,0.04602,-0.04151,0.06971,0.1003,0.02185,0.09757,0.00783,-0.09435,0.05702,0.09255,0.02118,-0.072,-0.07185,0.05066,0.03265,-0.0242,0.06871,-0.04718,0.11347,0.02354,0.00796,0.04614,0.00885,0.03281,0.00969,-0.02996,0.04832,-0.01656,0.00654,-0.07706,0,-0.09566,-0.09885,-0.05899,-0.02287,0.04484,0.02069,-0.06825,-0.01151,-0.01144,-0.04648,-0.00653,-0.00925,-0.0153,-0.02002,0.07305,-0.05562,-0.06256,0.01991,-0.0949,-0.09831,0.01126,0.04563,0.03017,0.01322,0.00906,-0.08637,0.00967,0.04275,-0.04533,0.06776,-0.00055,0.03416,0.04438,0.02868,-0.02342,0.07465,-0.00078,-0.01845,-0.01622,-0.05447,0.00361,0.03604,-0.03176,-0.03073,-0.01676,-0.0126,-0.02192,-0.04059,0.04108,-0.10533,-0.0198,0.05822,-0.09805,0.12484,0.04261,-0.04652,-0.02191,-0.08556,0.0568,0.02209,-0.05503,0.05216,0.04523,-0.0509],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. Diagnostics agents can act on In dev mode the library reports misconfigurations with stable FFxxxx codes — an unresolved connection endpoint, a zero-height host, a connector outside a node — each linking to the errors reference with the fix. An agent iterating on console output self-corrects instead of guessing. F Fxxxx","excerpt":"Diagnostics agents can act on In dev mode the library reports misconfigurations with stable FFxxxx codes — an unresolved connection endpoint, a zero-height host, a connector outside a node — each linking to the errors reference with the fix. An agent iterating on console output self-corrects instead of guessing."},{"chunkId":"/docs/ai#5","slug":"ai","route":"/docs/ai","section":"docs","title":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics","description":"Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes.","group":"Introduction","vector":[-0.01855,-0.02505,-0.04407,-0.00978,0.02414,-0.03277,-0.02325,0.0254,0.00249,0.04767,-0.04575,-0.08373,-0.05259,-0.0095,0.02569,-0.00822,0.00959,-0.00898,0.0035,-0.05436,-0.00853,-0.04923,-0.01926,-0.01875,-0.09248,0.06262,0.01738,0.00227,0.01151,-0.04467,0.08174,0.04246,-0.08425,0.0567,0.03064,0.00134,0.0187,-0.0608,-0.05747,-0.00093,0.07533,-0.0345,0.00811,-0.0565,-0.00584,0.00182,-0.03715,-0.03132,-0.08228,-0.01618,-0.01354,-0.00195,-0.00217,0.03389,0.03547,-0.02977,0.1034,-0.03916,-0.01636,0.04937,0.02043,-0.07455,-0.01567,0.04304,0.01729,0.10785,-0.03377,-0.01022,0.00245,-0.02222,-0.04408,-0.04798,-0.01416,0.01165,0.04075,0.02738,-0.0271,0.02812,0.04802,-0.03971,-0.01281,-0.0248,0.04944,-0.01164,-0.00147,0.08182,0.01971,0.01363,0.01982,0.05672,0.01411,0.01071,-0.00426,0.07819,0.0978,0.05584,-0.05081,-0.0423,-0.08054,0.03672,-0.05123,0.00099,-0.04617,0.0415,-0.02072,0.02708,0.09582,0.01687,0.00801,-0.06961,-0.00916,0.02308,0.1442,-0.03886,0.04997,0.01397,0.02196,0.06634,0.04664,0.04138,0.02537,-0.0248,0.03879,0.00977,0.09614,0.02949,-0.02013,0,-0.02303,0.04816,-0.00665,0.04698,0.01494,0.0591,0.04812,0.01024,0.00787,0.0267,-0.03517,0.07622,-0.07585,-0.00729,-0.03073,-0.05247,-0.01244,-0.022,0.00995,0.07097,0.14098,-0.12819,0.0533,-0.0353,0.04339,0.06786,-0.06366,0.01857,0.09888,0.05096,-0.03374,-0.07566,-0.00955,0.0178,-0.0265,-0.00113,-0.06892,0.03509,-0.03313,-0.01112,0.04784,-0.02125,-0.06075,-0.04053,-0.06054,-0.11599,-0.07816,-0.04453,0.09652,0.0234,0.01616,0.01983,-0.02919,-0.01064,0.06455,-0.01311,-0.02063,0.05797,0.00905,0.04865,0.03779,0.05644,-0.04667,-0.03073,0.06007,0.04675,-0.00708,-0.00658,0.00387,-0.02798,-0.03442,0.04444,0.06055,0.02041,0.03039,-0.09602,0.00362,0.00502,0.00867,-0.06076,-0.00115,-0.01702,-0.01718,0.07625,0.06065,-0.12288,-0.103,-0.05928,-0.10982,0.06953,0.02946,-0.0184,0.02153,0.06877,0.04929,0,-0.02859,-0.002,-0.03618,0.06097,-0.02609,-0.06933,0.01251,0.04331,0.08862,0.04252,0.09384,0.02413,-0.03558,-0.03218,0.04134,-0.11797,-0.03786,-0.08492,0.14035,-0.00387,0.0564,0.0538,-0.05278,-0.02902,-0.01761,0.08866,0.00146,0.01172,-0.00586,-0.03083,0.07288,0.06916,-0.08786,0.02842,-0.04521,-0.00185,0.05349,0.05198,0.0115,-0.01528,0.07053,0.0855,-0.09074,0.00129,-0.05846,0.04102,-0.02165,-0.0284,0.04809,-0.00416,-0.04637,0.00211,-0.04279,0.00076,-0.09941,0.01202,0.07182,0.00152,-0.09548,0.03321,0.03839,-0.06791,0.02886,-0.01847,0.02992,0.00488,-0.02953,0.07933,0.14033,0.07067,0.10222,-0.01585,-0.11443,0.05001,0.08793,0.04703,-0.06273,-0.0723,0.07157,0.02434,-0.03549,0.07637,-0.05215,0.07919,0.03745,-0.02035,-0.0152,-0.04051,0.02443,0.01536,-0.02916,0.01438,-0.02682,-0.00538,-0.04243,0,-0.08593,-0.13525,-0.0057,-0.00772,0.0444,0.00204,-0.09241,-0.03149,-0.02828,-0.0696,0.01681,0.01998,-0.0003,0.00201,0.06077,-0.03223,0.01173,0.01241,-0.05744,-0.06705,-0.04412,0.03165,0.0218,0.04462,-0.03307,-0.04545,0.06894,0.0415,-0.04459,0.08762,-0.02129,-0.00029,0.01056,0.00079,-0.09547,0.07485,-0.02286,-0.00917,-0.05403,-0.05409,0.00039,0.03918,-0.0157,-0.05399,0.04346,0.05199,-0.02041,-0.02424,-0.02526,-0.13291,-0.03724,0.02852,-0.09195,0.09942,-0.04406,-0.03066,-0.03897,-0.05014,0.07527,-0.00013,-0.04709,0.06405,0.03619,-0.06109],"keywords":"Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Using AI Agents with Foblex Flow - llms.txt, Bundled Rules and Diagnostics Set up LLMs and AI coding agents for Foblex Flow: AGENTS.md rules installed by ng add, the AI guide bundled in the npm package, llms.txt, Context7, and FF diagnostic codes. Verifying generated code A flow is fully wired when: 1. (fFullRendered) has fired on <f-flow. 2. flow.getState() shows every declared connection resolved. 3. The console contains no FFxxxx warnings. This three-step check is cheap enough to run in e2e tests and agent verification loops alike. f Full Rendered get State F Fxxxx","excerpt":"Verifying generated code A flow is fully wired when: 1. (fFullRendered) has fired on <f-flow. 2. flow.getState() shows every declared connection resolved. 3. The console contains no FFxxxx warnings. This three-step check is cheap enough to run in e2e tests and agent verification loops alike."},{"chunkId":"/docs/default-theme-and-styling#0","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.03048,0.02897,-0.06136,-0.01014,0.05185,0.07598,0.0393,0.05235,-0.01297,0.01237,-0.11515,-0.01248,-0.03534,-0.01367,0.05612,-0.05949,-0.0304,0.0196,0.08296,0.0528,-0.00335,-0.04579,-0.0214,0.01418,-0.08209,0.06462,0.01058,0.0295,0.02488,-0.07693,0.04185,0.11157,0.08285,0.04224,-0.08515,-0.03863,0.07917,0.01728,-0.04246,-0.01971,-0.0062,0.01879,-0.02079,0.00863,-0.00542,-0.00677,-0.0298,-0.05247,-0.05225,0.02412,-0.02588,-0.12346,-0.02912,0.07549,0.00301,0.05527,0.00822,-0.02581,0.05916,-0.0196,-0.02945,-0.01915,0.01781,0.07864,0.0784,-0.00503,-0.07786,0.10183,0.00311,-0.03237,-0.01395,-0.00569,0.04246,-0.00192,0.02858,0.02101,0.03172,0.01794,-0.07291,-0.06665,-0.05521,0.00679,-0.04121,0.04528,0.02328,0.10032,-0.04249,-0.08282,-0.00296,0.0511,0.02132,0.03398,-0.01252,-0.09099,0.00936,0.01406,-0.07642,-0.10939,-0.02333,0.04721,-0.03004,-0.08298,0.1218,0.00632,0.03444,-0.02033,0.00148,0.03869,-0.00258,-0.01561,-0.02929,-0.02194,-0.02102,-0.10402,0.01926,0.00121,-0.03458,-0.05808,0.08929,0.04461,0.06979,-0.01583,-0.02323,-0.01194,-0.02091,0.02597,-0.04054,0,-0.04311,0.03529,-0.01367,0.03603,0.03859,-0.02517,0.02416,-0.06543,-0.06148,0.05569,-0.01199,0.0728,-0.03299,0.098,-0.05961,-0.1055,-0.07448,0.0181,0.01631,-0.04951,0.02447,-0.07158,-0.02832,-0.00896,0.0462,0.01725,0.03196,0.07657,-0.05638,0.02637,0.00784,-0.01801,0.0502,0.02345,-0.04587,0.00846,-0.0021,-0.03989,0.03414,-0.02733,0.01401,-0.01143,-0.0536,0.01303,0.01955,0.05858,-0.02069,-0.05237,0.12976,0.00466,0.03256,0.00543,0.03469,0.07241,0.03852,-0.04957,0.00109,-0.01636,0.02834,-0.02625,0.02012,0.03584,-0.03081,-0.11345,0.04662,0.03434,0.02848,-0.01663,-0.01761,-0.11563,-0.10168,0.12385,0.0378,0.04786,-0.00626,-0.02624,0.05986,0.02783,0.04614,-0.00046,-0.07435,0.01204,-0.05464,0.04315,0.05721,-0.04117,0.04434,-0.03641,-0.07911,-0.07256,0.10525,-0.07342,0.01567,-0.00284,-0.01957,0,-0.0358,0.02021,-0.03737,0.10525,0.03198,0.0334,0.07612,0.04226,0.08307,0.03632,0.08589,0.0547,-0.03092,-0.0631,0.04018,0.02483,-0.02897,-0.03112,0.04476,-0.06484,-0.0158,-0.01159,-0.04518,-0.07368,-0.02976,0.04959,0.00478,0.07001,-0.00512,0.00935,0.01598,-0.04177,-0.08526,0.0033,-0.01197,-0.08029,-0.06134,0.06259,0.02003,-0.00963,0.03563,0.00366,-0.0046,0.07696,-0.03512,0.051,-0.03792,-0.02237,-0.00368,-0.00924,-0.01611,-0.01801,-0.03032,-0.0723,-0.04376,0.02034,0.03732,0.05722,-0.10017,0.05745,0.06563,0.01378,-0.028,-0.04946,0.02388,-0.03813,-0.04525,-0.00026,-0.02155,0.00818,0.03397,-0.00875,-0.07468,0.01287,0.05258,-0.00507,0.09926,0.01183,-0.00926,0.09104,-0.03087,0.09086,0.00447,0.10135,0.05771,0.06318,-0.11503,0.01204,0.07094,-0.01071,-0.1406,0.08938,0.0805,0.03756,-0.01842,0,-0.09667,-0.05967,0.06251,-0.00407,-0.0142,0.0796,-0.04901,-0.08461,-0.03028,-0.0444,-0.05414,0.04271,-0.0344,-0.01809,-0.02012,0.01992,-0.10606,0.01911,-0.05978,-0.11678,-0.00128,0.05598,0.01407,0.01083,-0.00496,0.03179,-0.02097,0.03665,0.02899,-0.00572,0.02967,0.04927,0.02772,0.0106,-0.04206,0.04436,-0.08553,0.05716,-0.04849,0.00235,0.0195,-0.03054,-0.00289,-0.02232,-0.0957,0.05471,-0.00309,-0.01871,-0.07444,-0.04329,-0.04698,0.03273,-0.08348,0.13726,0.01927,0.01814,-0.03641,0.01421,0.09218,-0.01903,-0.08317,0.04173,-0.02108,0.0783],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Default Theme and Styling Foblex Flow ships with a default SCSS theme and a selective SCSS API. Use the default entrypoint when you want the shipped visual system immediately, and switch to mixins when you need tighter control over feature styling, scope, or bundle shape.","excerpt":"Default Theme and Styling Foblex Flow ships with a default SCSS theme and a selective SCSS API. Use the default entrypoint when you want the shipped visual system immediately, and switch to mixins when you need tighter control over feature styling, scope, or bundle shape."},{"chunkId":"/docs/default-theme-and-styling#1","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.0734,0.02993,-0.06797,0.00967,0.03591,0.04474,0.06323,0.0433,0.0238,-0.00404,-0.09719,-0.0499,-0.00789,-0.07493,0.10461,-0.00454,-0.0201,0.03747,-0.00471,0.06755,0.03457,-0.01289,-0.03542,0.00231,-0.06643,0.06032,0.00858,-0.00028,0.03754,-0.06318,0.04617,0.15563,0.0606,0.02869,-0.03475,0.03183,0.06706,-0.0202,-0.0368,-0.01618,-0.01796,0.01398,-0.02681,-0.00248,-0.00851,-0.00763,0.00585,-0.05162,-0.09349,0.01162,-0.00246,-0.08941,-0.03519,0.04963,-0.00962,0.03492,0.00655,-0.03341,0.04574,0.01455,-0.05835,-0.01632,0.00233,0.08594,0.03411,-0.03727,-0.06417,0.07248,0.02863,-0.08327,-0.04352,0.00043,0.02926,0.02269,0.02152,0.04761,0.07072,0.04776,-0.07021,-0.16478,0.00797,0.0183,0.01706,0.07782,0.037,0.11188,0.00645,-0.06562,0.00494,0.08317,-0.00028,0.03017,0.01196,-0.07041,0.04449,0.00647,-0.03337,-0.06933,-0.02145,0.07287,-0.0627,-0.058,0.0932,0.01264,0.01714,-0.02294,-0.03455,0.04375,0.00054,-0.03963,-0.03582,-0.02252,-0.05519,-0.10824,0.01234,-0.03299,-0.01168,-0.07,0.1351,0.05202,0.06971,-0.01714,-0.02937,-0.01643,-0.02305,0.00383,-0.01979,0,-0.02518,0.02547,-0.0201,0.05693,0.06669,-0.01522,0.03081,-0.06484,-0.06765,0.05172,0.02404,0.06757,-0.04263,0.09947,-0.0396,-0.06441,-0.0648,-0.01229,0.02315,-0.03829,0.02245,-0.01671,-0.03292,0.0155,0.00448,0.0451,0.04594,0.03856,-0.02418,0.02633,0.03436,-0.03118,0.08698,0.04929,-0.04503,-0.00259,-0.0009,-0.05154,0.04134,-0.00583,-0.00164,-0.02311,-0.02835,0.02126,-0.00835,0.0006,-0.04027,-0.03377,0.09857,0.02284,0.00144,0.07007,0.0531,0.05948,0.03171,-0.09656,-0.01842,0.00736,0.00245,-0.02394,0.00796,0.10014,-0.0251,-0.06538,0.04179,0.04911,0.00286,-0.00658,0.02084,-0.12113,-0.07184,0.12971,0.02591,0.02601,0.02222,-0.04305,0.04965,0.02572,0.05477,-0.01344,-0.08729,0.01049,-0.07241,0.04789,0.01169,-0.04089,0.04177,-0.03952,-0.07725,-0.06485,0.09533,-0.06177,-0.00152,-0.03772,-0.04108,0,-0.01111,0.05287,-0.03307,0.1061,0.02191,0.02035,0.04395,0.03086,0.07046,-0.0163,0.02825,0.08854,-0.03677,-0.07118,0.03875,0.00694,-0.07979,-0.04421,0.02043,-0.04788,-0.03776,0.02587,-0.06171,-0.03962,-0.04405,0.02723,-0.01587,0.02124,-0.00953,0.02512,0.00754,-0.02619,-0.10483,-0.01663,-0.02921,-0.12039,-0.06132,0.0791,0.00142,-0.00508,0.02617,-0.04981,0.0024,0.04481,-0.04435,0.05112,-0.07851,-0.0528,0.0177,0.00062,0.01926,-0.03082,-0.05208,-0.04752,-0.05861,0.00037,0.05664,0.02677,-0.07689,0.07433,0.08112,0.0079,-0.00318,-0.05358,0.01389,-0.04261,-0.06217,0.00006,0.00962,0.00196,0.05251,-0.03294,-0.07552,0.00031,0.03857,0.01183,0.12383,-0.02583,0.00363,0.11785,-0.05276,0.08861,0.00609,0.07212,0.0504,0.00233,-0.09292,0.04139,0.06297,-0.01458,-0.09623,0.09801,0.05707,0.04532,-0.04282,0,-0.07714,-0.06365,0.01385,-0.00704,-0.04465,0.08021,-0.03176,-0.06267,-0.03993,-0.05253,-0.00547,0.05727,-0.03989,-0.03194,-0.0114,-0.00491,-0.09141,0.01191,-0.08668,-0.10881,-0.03729,0.07818,-0.00354,-0.0072,0.00159,0.02564,-0.00217,0.02956,-0.00773,-0.00692,0.01893,0.05864,0.01971,0.01652,-0.0654,0.02951,-0.08372,0.01979,-0.0102,0.02807,0.01058,-0.06321,-0.02292,-0.00786,-0.02062,0.03635,-0.00516,-0.00744,-0.08078,-0.02652,-0.0686,0.03804,-0.0973,0.1272,0.00058,0.01104,-0.0592,0.06307,0.10136,-0.00812,-0.11343,0.01642,-0.00798,0.06037],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. What ships in the package There are two public styling entry points: - @use '@foblex/flow/styles/default'; A ready-to-use default theme. - @use '@foblex/flow/styles' as flow-theme; A selective API built from domain mixins and CSS variables. The theme is layered like this: 1. Primitive tokens: palette, radii, fonts, shadows. 2. Semantic tokens: surfaces, borders, text, accents, helper colors. 3. --ff- alias tokens: the public variables consumed by runtime primitives. 4. Domain mixins: flow/canvas, nodes/groups, connectors, connections, external items, plugins. For application code, the public contract is: - the exported mixins from @foblex/flow/styles; - the --ff- alias tokens.","excerpt":"What ships in the package There are two public styling entry points: - @use '@foblex/flow/styles/default'; A ready-to-use default theme. - @use '@foblex/flow/styles' as flow-theme; A selective API built from domain mixins and CSS variables. The theme is layered like this: 1. Primitive tokens: palette, radii, fonts, shadows. 2. Semantic tokens: surfaces, borders, text, accents, helper colors. 3. --ff- alias tokens: the public variables consumed by runtime primitives. 4. Domain mixins: flow/canvas, nodes/groups, connectors, connections, external items, plugins. For application code, the public contract is: - the exported mixins from @foblex/flow/styles; - the --ff- alias tokens."},{"chunkId":"/docs/default-theme-and-styling#2","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.04094,0.04596,-0.0709,-0.0067,0.04189,0.08178,0.04734,0.04266,0.00175,0.01644,-0.12039,-0.02336,-0.04708,-0.04559,0.04375,-0.04368,-0.05054,0.03011,0.03097,0.05696,-0.02398,-0.05298,-0.00107,0.00798,-0.07913,0.08368,-0.00887,0.02123,0.00815,-0.07911,0.04811,0.11917,0.10626,0.03691,-0.05455,-0.02869,0.06306,0.0028,-0.04565,-0.01574,-0.00803,0.00399,-0.01514,0.01058,-0.02071,-0.00534,-0.01784,-0.05799,-0.05168,0.03931,-0.03839,-0.11799,-0.01516,0.0636,-0.01036,0.05987,0.03303,-0.04183,0.05539,-0.0125,-0.01998,-0.00547,0.01232,0.08582,0.05545,-0.01255,-0.07366,0.10132,-0.00373,-0.03754,-0.00483,-0.013,0.03691,0.0002,0.03604,0.01132,0.03937,0.01407,-0.06827,-0.08467,-0.04016,-0.00104,-0.02581,0.04702,0.01165,0.09652,-0.0156,-0.08431,-0.01257,0.0442,0.02059,0.05466,-0.00721,-0.08364,0.01168,0.0139,-0.05562,-0.11021,-0.02828,0.06091,-0.03696,-0.07218,0.11402,0.0037,0.0181,-0.02522,-0.0042,0.0572,0.00314,-0.02815,-0.01135,-0.03142,-0.02939,-0.09238,0.03035,-0.01897,-0.03615,-0.06167,0.10553,0.0395,0.08198,-0.01794,-0.04418,-0.01025,-0.0109,0.01054,-0.02824,0,-0.03135,0.03641,-0.01648,0.05053,0.07504,-0.01944,0.02783,-0.08194,-0.06726,0.05981,0.01008,0.05163,-0.0472,0.07502,-0.07468,-0.11501,-0.09327,-0.00341,0.00976,-0.04424,0.04015,-0.06591,-0.00657,-0.01927,0.04327,0.03397,0.0328,0.06189,-0.02743,0.03029,-0.00115,-0.02235,0.06228,0.00584,-0.05383,-0.01018,0.00335,-0.06333,0.02779,-0.02636,-0.03353,-0.0222,-0.0486,0.01073,0.01104,0.05327,-0.0214,-0.0468,0.12653,0.0206,0.0226,0.00693,0.03826,0.07337,0.04205,-0.05448,-0.02681,0.02468,0.01933,-0.01681,0.04626,0.06114,-0.02075,-0.11352,0.03487,0.06696,0.02651,-0.00209,0.00127,-0.1166,-0.09258,0.11487,0.05566,0.03999,-0.00398,-0.01805,0.05228,0.01616,0.02851,-0.00876,-0.08107,-0.00218,-0.04864,0.04622,0.06805,-0.03942,0.05078,-0.04976,-0.08918,-0.05291,0.10099,-0.05712,0.0232,-0.0277,-0.02027,0,-0.0363,0.02508,-0.04615,0.1131,0.05256,0.01487,0.0409,0.05787,0.07741,0.02693,0.06688,0.05884,-0.03955,-0.07933,0.0415,0.00543,-0.01344,-0.02313,0.03152,-0.05583,-0.02283,-0.00679,-0.04555,-0.06361,-0.04713,0.03893,0.02153,0.05588,0.00296,0.00074,0.02265,-0.0348,-0.09702,-0.00618,-0.00099,-0.0741,-0.06037,0.06598,-0.002,-0.02185,0.03931,-0.01347,-0.01037,0.05041,-0.04892,0.04647,-0.05646,-0.04057,0.01193,0.00556,0.0077,-0.03371,-0.04349,-0.06637,-0.04351,0.02004,0.06062,0.04355,-0.11019,0.06306,0.04872,0.012,-0.00344,-0.03084,0.05528,-0.02198,-0.03744,0.01058,-0.00338,0.03351,0.04946,-0.00375,-0.09321,0.04033,0.05215,0.01413,0.08676,0.02066,-0.01068,0.10047,-0.02395,0.09744,0.00326,0.10019,0.05775,0.05225,-0.09213,0.02365,0.07136,-0.02056,-0.11478,0.07996,0.09354,0.04449,-0.03075,0,-0.07842,-0.0755,0.03254,-0.01509,-0.00749,0.09333,-0.04993,-0.08958,-0.0432,-0.04138,-0.03249,0.05038,-0.02455,-0.0095,-0.02199,0.01614,-0.1222,0.01591,-0.05165,-0.12357,-0.00165,0.06181,0.0043,0.03841,-0.01518,0.03531,-0.03043,0.03208,0.00806,-0.02187,0.03016,0.04754,0.01841,0.0106,-0.02469,0.05068,-0.06848,0.03819,-0.07331,0.00097,0.02415,-0.0335,0.00657,-0.01981,-0.08289,0.04178,-0.01149,-0.01664,-0.09339,-0.03957,-0.04332,0.04468,-0.08058,0.12675,0.00109,0.02191,-0.04134,0.04411,0.09157,-0.00294,-0.07258,0.04954,0.00063,0.07186],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Fastest way to connect the theme","excerpt":"Fastest way to connect the theme"},{"chunkId":"/docs/default-theme-and-styling#3","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.04802,0.05001,-0.06602,0.01089,0.06676,0.08288,0.01028,0.02059,-0.01015,0.0438,-0.12696,-0.01407,-0.04197,-0.03759,0.08364,-0.02673,-0.0476,0.06133,0.07858,0.00914,-0.03024,0.0017,0.02195,0.00361,-0.04656,0.08033,-0.01814,0.00905,0.03816,-0.0531,0.0558,0.09733,0.06124,0.03465,-0.08269,-0.0001,0.05117,-0.0027,-0.02315,-0.02031,0.05101,0.02837,-0.00744,-0.03847,-0.03735,-0.02464,-0.04772,-0.03864,-0.05521,0.01813,-0.02435,-0.14272,-0.04542,0.05714,-0.02863,0.02084,-0.00444,-0.02307,0.07563,0.01965,-0.00779,-0.04132,0.04054,0.06715,0.07338,0.0187,-0.09672,0.08914,-0.00077,-0.01814,0.02646,-0.03776,0.01669,-0.00656,-0.01307,-0.00403,0.00996,0.06079,-0.09791,-0.04223,-0.02055,-0.0077,-0.01584,0.0609,0.00514,0.10853,-0.00798,-0.08386,0.01655,0.00958,0,0.04469,-0.04239,-0.07048,0.00539,0.01767,-0.06375,-0.06029,-0.05827,0.04537,-0.01657,-0.10081,0.08984,0.01309,0.0344,0.00294,0.00896,0.05478,-0.01471,-0.00719,-0.01089,-0.00363,-0.01809,-0.11613,0.01179,-0.03642,-0.02095,-0.07195,0.06835,0.07944,0.0581,-0.03698,-0.03329,-0.03677,0.01403,0.01114,-0.0187,0,-0.02058,0.05013,-0.02061,0.03074,0.08014,-0.03933,0.00688,-0.10802,-0.068,0.05249,0.0358,0.06358,-0.05829,0.06273,-0.07099,-0.0955,-0.05669,-0.0167,0.06112,-0.0581,0.01803,-0.07169,-0.04174,0.02743,0.05461,0.01415,0.041,0.03064,-0.06084,0.01464,0.0713,-0.00687,0.05853,-0.009,-0.05045,-0.00784,0.0041,-0.0236,0.03129,-0.03498,0.01591,-0.02476,-0.09266,0.03396,-0.00766,0.05092,-0.00097,-0.07986,0.146,0.00064,0.01529,0.01104,0.01574,0.09252,0.05351,-0.0397,-0.03252,0.00713,0.03398,-0.03897,0.07104,0.03004,-0.01759,-0.09639,0.05793,0.00548,0.01872,-0.00497,0.03736,-0.13073,-0.08493,0.09429,0.07004,0.07392,-0.02705,-0.02144,0.05238,0.02099,0.08899,0.00569,-0.04805,-0.02351,-0.03497,0.07743,0.0856,-0.06352,0.03772,-0.0739,-0.07665,-0.06337,0.10949,-0.01977,-0.00236,-0.03936,-0.03655,0,-0.01871,0.03202,-0.02709,0.10739,0.02621,-0.00698,0.05327,0.05201,0.11075,0.05702,0.06923,0.06339,-0.00097,-0.0421,0.01704,0.00196,-0.0412,-0.04419,0.06078,-0.05204,-0.01854,0.0167,0.00075,-0.07503,-0.03689,0.06473,0.0083,0.0362,-0.02528,-0.02775,0.02018,-0.01513,-0.08259,-0.00743,-0.01056,-0.08938,-0.05073,0.08106,0.01608,-0.04498,0.05738,0.01129,-0.00595,0.01903,-0.0578,0.03573,-0.00836,-0.03618,-0.00844,-0.02072,0.01301,-0.01441,-0.04356,-0.04693,-0.02737,0.00363,0.06297,0.04778,-0.09981,0.06791,0.06294,0.02622,-0.02839,-0.06225,0.03298,0.0024,-0.07806,-0.01265,0.01517,0.02146,0.00455,-0.00136,-0.07495,0.02226,0.05923,0.04237,0.11573,0.01675,-0.0137,0.05106,-0.04564,0.12447,-0.0469,0.03777,0.0677,0.05679,-0.13178,-0.02934,0.07839,0.0029,-0.13714,0.06904,0.05057,0.03716,-0.02646,0,-0.10735,-0.03871,0.02188,-0.00206,0.02941,0.05489,-0.0322,-0.08433,0.00715,-0.05342,-0.07204,0.03483,-0.00603,0.00426,-0.00038,0.00814,-0.0837,0.01686,-0.05272,-0.07506,-0.01742,0.06453,0.02259,0.04231,0.00155,0.03664,-0.03361,-0.00225,-0.00766,0.03345,0.01036,0.04209,0.02414,0.00194,-0.04312,0.02394,-0.09301,0.02111,-0.06803,-0.0165,0.00972,-0.03802,0.01388,-0.02727,-0.11482,0.03197,-0.00162,0.01189,-0.0612,-0.02098,-0.0364,0.03555,-0.09831,0.0981,0.02713,0.04102,-0.01052,0.02909,0.06923,-0.03565,-0.06718,0.01536,-0.00712,0.03121],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. ng add ng add installs the library and also adds nodemodules/@foblex/flow/styles/default.scss to the app styles when the entry is missing.","excerpt":"ng add ng add installs the library and also adds nodemodules/@foblex/flow/styles/default.scss to the app styles when the entry is missing."},{"chunkId":"/docs/default-theme-and-styling#4","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.07031,0.05691,-0.07404,0.0027,0.03556,0.08575,0.02452,0.04441,-0.01651,0.04136,-0.11143,-0.00439,-0.06003,-0.01935,0.06463,-0.02311,-0.04943,0.02534,0.01952,0.00973,-0.01361,-0.0254,0.02012,0.00298,-0.07039,0.09515,0.02356,0.02697,0.03437,-0.06421,0.05811,0.10054,0.09575,0.01898,-0.09922,0.00068,0.05899,0.00977,0.00003,-0.0261,0.03045,0.02435,-0.02804,-0.03958,-0.02923,-0.0192,-0.05271,-0.02866,-0.04819,0.05888,-0.04898,-0.13051,-0.03057,0.06805,-0.01391,0.0165,-0.0106,-0.04497,0.04701,-0.01706,-0.01245,-0.02285,0.01255,0.08313,0.06688,-0.02313,-0.09761,0.08685,-0.00868,-0.02058,-0.00026,-0.03797,0.0464,-0.00539,0.00432,-0.00358,0.01771,0.02718,-0.06484,-0.04884,-0.02404,0.00278,-0.0121,0.06566,-0.01379,0.1146,-0.00439,-0.08041,-0.01157,0.00032,0.01801,0.03247,-0.00489,-0.06001,0.02429,0.04497,-0.07075,-0.09201,-0.04762,0.03401,-0.01924,-0.09411,0.11983,0.01312,-0.01403,-0.02708,-0.01151,0.0426,0.0048,-0.02944,-0.01271,0.01842,-0.05777,-0.10288,0.00584,-0.01951,-0.02394,-0.06382,0.08812,0.04987,0.07443,-0.03678,-0.02701,-0.01709,0.02198,0.01959,-0.0023,0,-0.03341,0.05674,-0.04012,0.04817,0.07994,-0.04198,0.01946,-0.0868,-0.05421,0.0693,0.04644,0.08644,-0.04071,0.06857,-0.08136,-0.11853,-0.08118,-0.00346,0.02984,-0.02894,0.03532,-0.06812,-0.01652,0.02296,0.04557,0.01554,0.03796,0.05883,-0.07899,0.022,0.07183,-0.00231,0.03685,0.00239,-0.02819,0.00852,-0.0051,-0.05872,0.0264,-0.03556,-0.00533,-0.03482,-0.08344,0.04165,-0.00608,0.05511,-0.00653,-0.06419,0.15234,0.01536,0.01287,0.02355,0.02729,0.07623,0.06145,-0.05563,-0.01628,0.04087,0.03385,-0.03926,0.04098,0.04405,-0.01037,-0.11351,0.03093,0.02041,0.00262,-0.0256,0.02506,-0.10292,-0.07705,0.10244,0.05528,0.0634,0.00781,-0.0148,0.04718,0.04409,0.07585,-0.01335,-0.06478,-0.00261,-0.03774,0.08837,0.05721,-0.05962,0.03415,-0.0461,-0.08484,-0.05232,0.10989,-0.01818,0.02038,-0.03193,-0.02406,0,-0.02166,0.03529,-0.04108,0.12797,0.02966,-0.00313,0.04634,0.07576,0.10956,0.04146,0.08453,0.0552,-0.03316,-0.04441,0.02078,0.00899,-0.02932,-0.04091,0.07136,-0.0744,0.00596,0.00911,-0.04785,-0.06396,-0.07035,0.05905,0.01491,0.02766,-0.01405,-0.00618,0.00902,-0.02535,-0.06214,0.00658,-0.04253,-0.08456,-0.03511,0.0755,0.01129,-0.02349,0.03921,-0.00127,-0.00428,0.04053,-0.05777,-0.00244,-0.03816,-0.02113,0.00869,0.0041,-0.00002,-0.00784,-0.02842,-0.06293,-0.065,0.00037,0.0621,0.00583,-0.09176,0.07403,0.02855,0.02938,0.00158,-0.02609,0.04036,-0.03382,-0.06483,-0.01235,0.01556,0.01616,-0.01306,-0.02674,-0.06008,0.03313,0.06139,0.00393,0.10285,-0.01509,0.00339,0.07449,-0.02234,0.10371,-0.0389,0.09159,0.07278,0.06681,-0.10714,-0.01773,0.07507,0.00186,-0.10828,0.07207,0.06585,0.04048,0.00721,0,-0.12145,-0.05222,0.02149,-0.00742,0.01525,0.05747,-0.04322,-0.09127,-0.00562,-0.03894,-0.03567,0.07448,-0.04484,-0.01851,-0.00606,0.02387,-0.12116,0.02702,-0.05128,-0.08737,0.00823,0.05399,0.01607,0.01714,-0.00041,0.04602,-0.01633,0.02876,0.0015,-0.00694,-0.00051,0.05934,0.05262,0.00161,-0.05665,0.00589,-0.07131,0.00565,-0.05923,0.00404,0.03348,-0.0128,-0.00222,-0.02173,-0.0867,0.05587,-0.03359,-0.00385,-0.07473,-0.03518,-0.03185,0.02783,-0.08038,0.10704,0.01181,0.03149,-0.03141,0.03791,0.09849,-0.0371,-0.066,0.04812,-0.01633,0.04311],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Manual angular.json setup","excerpt":"Manual angular.json setup"},{"chunkId":"/docs/default-theme-and-styling#5","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.04116,0.04412,-0.07922,-0.00993,0.04921,0.08304,0.04843,0.04226,-0.0148,0.03627,-0.11885,-0.00228,-0.0173,-0.02195,0.02834,-0.05718,-0.06789,0.0118,0.04412,0.05297,0.01359,-0.05196,0.00984,0.00996,-0.07034,0.08703,0.00318,0.02273,0.01772,-0.05591,0.03477,0.10611,0.10565,0.03819,-0.05576,-0.02114,0.06499,0.01065,-0.03594,-0.02004,0.00529,0.01441,-0.01762,-0.0071,-0.02195,-0.01218,-0.04071,-0.0621,-0.05597,0.03252,-0.04735,-0.11512,-0.02655,0.05985,-0.00404,0.04576,0.00821,-0.04344,0.0627,-0.03009,-0.02836,-0.02237,0.02972,0.08067,0.0627,0.00076,-0.08579,0.10845,-0.00208,-0.0345,-0.02381,-0.01902,0.03873,-0.00999,0.03646,0.01738,0.03431,0.04084,-0.08204,-0.09135,-0.04692,-0.00965,-0.01491,0.07025,0.01832,0.10167,-0.02192,-0.10077,-0.00543,0.05459,0.00484,0.03212,-0.02019,-0.07404,-0.00468,0.00612,-0.07585,-0.07158,-0.00576,0.0286,-0.0295,-0.09145,0.13161,0.00634,0.01959,-0.00565,-0.00532,0.03932,0.00622,-0.0242,-0.02386,-0.01907,-0.02793,-0.09848,0.02701,-0.00085,-0.03828,-0.07748,0.08958,0.04154,0.07794,-0.02189,-0.04628,-0.01355,-0.02275,0.02508,-0.01869,0,-0.05451,0.03484,-0.0178,0.03001,0.04331,-0.03655,0.01656,-0.08166,-0.08051,0.04679,0.00293,0.05169,-0.02901,0.0857,-0.08099,-0.10008,-0.06257,0.00152,0.02353,-0.05405,0.02135,-0.06472,-0.01668,-0.02485,0.04801,0.01162,0.03892,0.04852,-0.0254,0.0222,0.03345,-0.01358,0.07301,0.01044,-0.04007,0.01127,0.01794,-0.03359,0.02895,-0.02555,0.00076,-0.02016,-0.02031,0.01247,0.00774,0.06262,-0.02421,-0.05362,0.13411,0.0071,0.02496,0.00688,0.04957,0.07312,0.04065,-0.04228,-0.00199,0.00123,0.01882,-0.03354,0.0409,0.05637,-0.01937,-0.1165,0.06466,0.04199,0.02351,-0.01025,-0.01885,-0.09497,-0.10049,0.11941,0.04215,0.06194,-0.01135,-0.0123,0.06208,0.01634,0.04016,-0.0035,-0.09497,-0.00471,-0.05953,0.0397,0.04692,-0.04473,0.04787,-0.04317,-0.05088,-0.07403,0.1023,-0.0802,-0.00014,-0.02004,-0.04325,0,-0.02819,0.0484,-0.03435,0.11355,0.03006,0.03921,0.06751,0.0727,0.09323,0.0368,0.07159,0.06009,-0.02,-0.07559,0.04193,0.00277,-0.02687,-0.0029,0.03106,-0.07413,-0.02731,-0.00297,-0.03078,-0.0496,-0.02609,0.04917,0.0259,0.06762,-0.0035,0.0073,0.00806,-0.03249,-0.09691,0.00064,-0.00799,-0.08345,-0.06054,0.0579,0.016,-0.02298,0.02562,0.01303,-0.00254,0.05475,-0.02796,0.05756,-0.03785,-0.01557,-0.00388,-0.00811,0.01452,-0.03277,-0.0293,-0.05161,-0.03164,0.01598,0.05097,0.05036,-0.09825,0.0372,0.04835,0.02337,-0.01355,-0.04157,0.03359,-0.03573,-0.05644,-0.00036,-0.01427,-0.00335,0.03207,-0.01053,-0.08888,0.03367,0.05183,-0.00052,0.07873,0.02878,-0.01623,0.10066,-0.00435,0.10955,0.01071,0.10985,0.04987,0.07719,-0.10225,0.03149,0.07949,-0.02733,-0.12997,0.08366,0.08005,0.03045,-0.03117,0,-0.09036,-0.07479,0.0472,-0.01081,-0.02165,0.08406,-0.05407,-0.10302,-0.03046,-0.04219,-0.0558,0.05126,-0.0266,-0.0445,-0.05658,0.02868,-0.11266,0.03942,-0.04511,-0.10572,-0.00927,0.05567,0.01853,0.04739,-0.01543,0.03254,-0.03457,0.01653,0.00846,-0.03306,0.03462,0.04487,0.0348,0.00239,-0.03139,0.03364,-0.07353,0.04944,-0.047,0.01173,0.00619,-0.03831,-0.00797,-0.02477,-0.08676,0.04912,-0.00541,-0.00488,-0.08986,-0.04315,-0.04378,0.03963,-0.08562,0.11727,0.00082,0.0058,-0.03302,0.03244,0.09193,-0.03229,-0.06797,0.04538,-0.01487,0.07364],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Import from a global SCSS file default.scss is the same as:","excerpt":"Import from a global SCSS file default.scss is the same as:"},{"chunkId":"/docs/default-theme-and-styling#6","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.03258,0.04137,-0.02895,0.05913,0.04317,0.11678,0.06326,0.02936,0.05011,0.01123,-0.0904,0.0064,-0.02755,-0.02653,0.04174,-0.08164,-0.03053,-0.00317,0.00795,0.04362,-0.01744,-0.09516,-0.00549,-0.00616,-0.05803,0.07858,-0.01688,0.00778,0.04134,-0.0557,0.03312,0.10654,0.01478,0.03511,-0.08181,0.00032,0.0631,0.02159,-0.09637,-0.03039,0.01933,0.01561,-0.02076,0.0065,-0.04122,-0.00433,0.0012,-0.04429,-0.06798,0.04493,-0.00951,-0.09495,-0.01521,0.07425,0.00603,0.06956,0.01978,-0.04491,0.04071,-0.01311,-0.02908,0.00596,0.02024,0.04579,0.02052,0.00144,-0.05324,0.12314,-0.0016,0.0299,0.06303,-0.01301,0.01789,0.02069,0.07287,0.00242,-0.00773,0.04072,-0.10242,-0.04893,0.02029,0.00785,-0.04813,0.04659,0.00013,0.11503,-0.00357,-0.0931,-0.07125,0.06308,-0.00873,0.05375,-0.01818,-0.12613,0.02624,-0.029,-0.0854,-0.05706,-0.03756,0.03795,-0.03735,-0.09446,0.10382,0.01359,0.04061,-0.00322,-0.01541,-0.03254,-0.05815,-0.01638,-0.00525,-0.02295,-0.03331,-0.05586,0.00557,-0.00399,-0.01894,-0.06385,0.04721,0.05895,0.07528,0.00744,-0.01753,0.00234,0.01286,0.03085,-0.02571,0,-0.00376,0.03004,-0.0271,0.0334,0.03373,-0.01633,0.03752,-0.05541,-0.09629,0.0631,-0.00924,0.05776,-0.04995,0.09916,-0.0618,-0.09716,-0.03457,0.00377,0.05123,-0.06007,-0.00312,-0.08554,-0.05936,-0.02655,0.05465,-0.01572,0.01579,0.04584,-0.00671,0.00435,-0.00535,0.0127,0.0462,0.02844,-0.06612,0.01625,-0.03061,-0.05156,0.06984,0.00429,-0.01442,-0.02104,-0.07907,0.00766,0.00796,0.07316,-0.00709,-0.03647,0.05709,-0.01513,0.02498,0.00216,0.07415,0.05465,0.04344,-0.05102,-0.02645,0.04017,0.02676,-0.0074,0.05006,0.07353,-0.07135,-0.09649,0.09321,0.09645,0.01798,0.04674,-0.00266,-0.14762,-0.08614,0.11873,0.0361,0.01515,0.04464,-0.02495,0.01865,-0.03754,0.05672,0.01678,-0.0695,-0.00238,-0.0074,0.04624,0.04559,-0.02836,0.05418,-0.01884,-0.06441,-0.03278,0.11937,-0.04623,0.04143,-0.02131,-0.03137,0,-0.0238,0.06693,0.00702,0.09586,0.0368,0.01585,0.03933,0.02606,0.07635,0.00644,0.07266,0.03236,-0.03666,-0.10098,0.00812,0.02795,-0.0648,-0.04266,0.05325,-0.07275,0.00972,-0.03157,-0.00561,-0.02691,-0.05989,-0.01198,-0.0034,0.03786,0.01414,-0.0026,0.03827,-0.03648,-0.05634,-0.01527,-0.00218,-0.07305,-0.07531,0.11717,0.04632,0.00328,-0.02317,-0.025,-0.01653,0.05427,0.00214,0.06519,-0.09279,-0.03713,-0.04966,0.01687,-0.03431,-0.01441,-0.08594,-0.04787,0.00473,0.04302,0.08556,0.00784,-0.07483,0.02342,0.09073,-0.02328,-0.03831,-0.06334,0.05391,-0.03418,-0.01332,0.00461,0.0346,0.03855,0.00944,-0.01209,-0.05703,-0.00754,0.07403,0.00923,0.08651,-0.00278,0.03116,0.11989,-0.05665,0.09275,0.00301,0.03464,0.02077,0.09591,-0.07459,0.03428,0.08501,0.00893,-0.10275,0.05745,0.10493,0.01689,-0.03448,0,-0.05799,-0.08573,0.03282,-0.03718,-0.01453,0.0447,-0.02293,-0.06045,-0.01276,-0.02306,-0.05396,0.05483,-0.04021,-0.00423,0.01402,0.02389,-0.05465,0.0308,-0.05216,-0.12264,0.03454,0.04307,0.00279,0.0774,-0.00944,-0.02247,-0.03851,-0.00693,-0.00381,0.02628,-0.01412,-0.0027,-0.00191,0.05717,-0.0564,0.05477,-0.06161,0.05241,-0.06296,0.02248,0.07539,-0.03707,-0.02149,-0.02012,-0.06231,0.03628,0.03281,-0.03322,-0.08493,-0.00444,-0.0079,0.0586,-0.06372,0.11955,0.00024,0.01941,-0.02715,0.03939,0.1045,-0.05548,-0.13203,0.01794,-0.00682,0.06146],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Selective setup with mixins If you want to compose the theme by feature: Add optional layers only when your editor needs them: Important details: - theme-all() includes flow/canvas, node/group, connector, connection-all, external-item-all, and plugins. - grouping() is opt-in and is not part of theme-all(). - connection-all() includes the base drag-handle styling, but not always-visible drag handles. Use connection-drag-handles-visible() for that behavior.","excerpt":"Selective setup with mixins If you want to compose the theme by feature: Add optional layers only when your editor needs them: Important details: - theme-all() includes flow/canvas, node/group, connector, connection-all, external-item-all, and plugins. - grouping() is opt-in and is not part of theme-all(). - connection-all() includes the base drag-handle styling, but not always-visible drag handles. Use connection-drag-handles-visible() for that behavior."},{"chunkId":"/docs/default-theme-and-styling#7","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.03925,0.05591,-0.0839,0.02561,0.05867,0.11547,0.00377,0.03062,0.04546,0.0733,-0.14427,0.00509,-0.07746,-0.0316,0.08335,-0.01666,-0.01322,0.02601,0.00593,0.07331,0.00221,0.00132,0.01741,-0.00154,-0.02455,0.10032,0.08655,0.00853,0.05255,-0.02252,0.08698,0.07783,0.04494,0.06686,-0.16193,0.04605,0.00801,0.00288,0.01431,-0.0569,0.04012,0.0759,-0.06782,-0.08956,-0.03908,-0.03904,-0.00258,-0.01841,-0.08804,0.00556,-0.03175,-0.09846,-0.03583,0.06103,-0.05476,0.00896,0.04506,-0.02063,0.05842,0.00099,-0.01907,0.00491,0.05185,0.06603,0.0668,0.02274,-0.07629,0.10452,-0.02369,-0.01799,0.04641,-0.05922,0.06834,-0.01794,0.00736,0.03249,-0.00631,0.05158,-0.04727,-0.06906,0.05142,0.02952,0.02871,0.04566,0.02544,0.09641,0.01198,-0.03752,0.01623,-0.0488,0.02075,0.06184,-0.00966,-0.05592,0.05074,0.01114,-0.10333,-0.05403,-0.03338,0.00284,-0.03837,-0.08612,0.09218,0.04704,-0.00832,0.01523,0.00211,0.0086,-0.00584,-0.05808,0.05351,0.06923,-0.04973,-0.07252,0.00319,-0.0227,0.00934,-0.0348,0.02852,0.09786,0.03132,-0.03379,0.01301,-0.00907,0.05392,0.0459,-0.00052,0,-0.02912,0.03414,-0.08332,0.02794,0.0401,-0.04669,0.03044,-0.09979,-0.00725,0.08797,0.08626,0.02881,-0.01443,0.02973,-0.06353,-0.03588,-0.07054,-0.03684,0.02672,-0.0385,0.01128,-0.07144,-0.05187,0.02878,0.01618,0.01971,0.03958,-0.00191,-0.10795,-0.00709,0.09444,-0.00338,0.04674,-0.00378,-0.02508,0.02043,-0.0169,-0.01218,0.03531,-0.00839,0.00262,-0.0249,-0.04834,0.04411,0.01877,0.048,0.01285,-0.03854,0.09875,0.03627,0.01001,-0.00795,0.04257,0.05457,0.05592,-0.01504,-0.02023,-0.01001,0.08704,-0.03193,0.01365,-0.01085,-0.01171,-0.10078,0.04325,0.02608,0.03194,-0.00648,-0.00022,-0.10706,-0.06457,0.04565,0.00867,0.07822,0.0012,-0.03713,0.06001,0.09364,0.08864,0.0067,-0.01929,0.00145,-0.0217,0.08635,0.04294,-0.07411,0.00368,-0.07511,-0.0595,-0.04336,0.11752,-0.02897,-0.01447,-0.06162,0.01194,0,0.01595,0.02805,-0.03476,0.06687,-0.03688,-0.03173,0.02717,0.0328,0.06406,0.00938,0.06612,0.08313,-0.01506,-0.05621,-0.0221,0.0269,-0.04067,-0.01014,0.07524,-0.08954,-0.00501,-0.06658,0.03933,-0.06518,-0.03866,0.06091,0.01923,0.00265,0.03883,-0.05309,0.00723,-0.00261,-0.05095,-0.02626,-0.06091,-0.05845,-0.05776,0.02005,-0.01317,-0.016,-0.00396,0.02717,0.02623,0.02925,-0.07255,0.01627,-0.04255,-0.03635,-0.01742,-0.01602,-0.01951,-0.00184,-0.03913,-0.02355,-0.05886,-0.00923,0.0629,0.01136,-0.10142,0.05149,0.07576,-0.00244,0.00014,-0.06972,-0.04285,0.01493,-0.05634,-0.00588,0.07013,0.03308,-0.0013,-0.0931,-0.06901,0.02134,0.01321,0.07827,0.13856,-0.02953,0.01705,0.01684,-0.02121,0.06842,-0.0816,-0.01617,0.02977,0.02076,-0.09523,-0.04562,0.07674,-0.04254,-0.12014,0.0425,0.0626,-0.03277,0.03611,0,-0.11342,-0.0032,0.06747,-0.04293,-0.0247,0.04979,-0.04538,-0.08335,-0.01425,-0.01411,-0.08474,0.06539,-0.03086,-0.04815,-0.0171,0.05493,-0.09191,-0.01653,-0.06071,-0.06421,-0.00358,0.04582,0.02959,0.02049,0.01569,0.0399,-0.00133,-0.00794,-0.01084,0.02888,-0.01966,0.05775,0.01933,0.01653,-0.04218,-0.02006,-0.0508,-0.01957,-0.00267,-0.01554,0.01494,-0.04461,0.03569,-0.01054,-0.11003,0.02575,-0.01927,0.03079,-0.04327,0.01511,-0.02327,0.01301,-0.15229,0.09212,-0.03143,0.02374,-0.03236,0.03177,0.06007,-0.07868,-0.13276,0.00735,-0.04344,-0.02112],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Where to place theme code in Angular The simplest option is a global stylesheet such as src/styles.scss. If you apply theme mixins from a component stylesheet, remember that Angular view encapsulation will scope selectors unless you deliberately pierce it. Typical options are: - place the theme in a global stylesheet; - use ::ng-deep for demo/example-level scoping; - switch that component to ViewEncapsulation.None. In real applications, theme-tokens() is usually connected once at the application level, while per-editor overrides are done with CSS variables on a wrapper element. View Encapsulation","excerpt":"Where to place theme code in Angular The simplest option is a global stylesheet such as src/styles.scss. If you apply theme mixins from a component stylesheet, remember that Angular view encapsulation will scope selectors unless you deliberately pierce it. Typical options are: - place the theme in a global stylesheet; - use ::ng-deep for demo/example-level scoping; - switch that component to ViewEncapsulation.None. In real applications, theme-tokens() is usually connected once at the application level, while per-editor overrides are done with CSS variables on a wrapper element."},{"chunkId":"/docs/default-theme-and-styling#8","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.0538,0.06098,-0.04761,-0.0183,0.03984,0.06143,0.05801,0.04984,0.00046,0.0154,-0.1228,-0.00996,-0.0239,-0.03767,0.05097,-0.04276,-0.05206,0.04132,0.02639,0.04061,-0.00714,-0.04033,0.01731,0.01599,-0.07669,0.08443,0.00465,0.0131,0.03483,-0.06037,0.04242,0.11859,0.08918,0.04218,-0.08123,-0.02577,0.05373,0.00622,-0.03536,-0.01958,-0.00324,0.01967,-0.02319,0.0136,-0.02196,-0.00667,-0.02484,-0.04302,-0.06609,0.04938,-0.02426,-0.12608,-0.01297,0.05625,-0.00477,0.07737,0.02892,-0.03525,0.0772,-0.00656,-0.01131,0.0007,0.01257,0.09531,0.04701,-0.00178,-0.07172,0.10008,0.01097,-0.03723,0.00307,-0.00939,0.05489,-0.00197,0.02225,0.02547,0.03366,0.03152,-0.07979,-0.08768,-0.04374,-0.01529,-0.00363,0.06161,0.02756,0.09106,-0.00808,-0.0914,0.00627,0.0548,0.01608,0.04336,-0.00695,-0.06918,0.00208,0.01571,-0.07041,-0.10125,-0.03306,0.0522,-0.0297,-0.09361,0.10606,0.0039,0.03918,-0.01654,-0.02942,0.01543,0.0061,-0.0295,-0.00309,-0.02067,-0.03511,-0.08107,0.01295,-0.00149,-0.0198,-0.05326,0.09402,0.05212,0.08586,-0.01909,-0.05894,-0.02628,0.00284,0.02249,-0.02812,0,-0.05386,0.03054,-0.0279,0.05192,0.04843,-0.03313,0.02096,-0.07761,-0.06348,0.03658,0.02416,0.06925,-0.04669,0.07543,-0.06573,-0.11414,-0.0814,-0.00063,0.01305,-0.03649,0.03676,-0.08585,-0.0331,-0.01743,0.0222,0.04508,0.04396,0.05877,-0.03758,0.02728,0.00813,-0.0335,0.04537,0.01422,-0.05531,0.00671,0.01631,-0.05268,0.038,-0.02973,-0.02434,-0.01442,-0.05276,0.00361,0.02367,0.02731,-0.01026,-0.05159,0.12421,0.00217,0.02666,0.01112,0.04381,0.06368,0.03308,-0.05634,-0.02508,0.00841,0.02393,-0.03087,0.0387,0.03946,-0.0295,-0.11292,0.02567,0.06113,0.04455,-0.00033,-0.01624,-0.09679,-0.07532,0.12302,0.03756,0.05046,-0.0059,-0.02094,0.06374,0.01815,0.02658,-0.01475,-0.06306,0.00316,-0.04033,0.05615,0.0476,-0.04425,0.04906,-0.03409,-0.08839,-0.0502,0.10672,-0.07059,0.02779,-0.02536,-0.03394,0,-0.03931,0.03899,-0.04358,0.1148,0.04452,0.01117,0.05005,0.06719,0.07942,0.01414,0.05203,0.06625,-0.04594,-0.0793,0.01882,0.01742,-0.03645,-0.0153,0.03594,-0.07781,-0.04341,-0.02038,-0.0318,-0.0515,-0.05216,0.03849,0.01822,0.05756,0.00853,-0.00614,0.01696,-0.0502,-0.0768,-0.00194,-0.00184,-0.08544,-0.07084,0.04978,0.01477,0.00131,0.03511,-0.01994,0.00185,0.06253,-0.05077,0.04955,-0.04249,-0.03339,-0.00012,-0.00664,0.03952,-0.01302,-0.03514,-0.05628,-0.04753,0.03193,0.05841,0.05176,-0.11482,0.05546,0.05465,0.00926,0.01778,-0.03606,0.03929,-0.02386,-0.05388,-0.00019,-0.00846,0.03368,0.05739,-0.00131,-0.10984,0.0428,0.04583,0.01287,0.11288,-0.00643,-0.00649,0.0825,-0.02141,0.0999,-0.00092,0.09207,0.04822,0.05397,-0.10251,0.04045,0.06051,-0.01594,-0.11874,0.09724,0.08547,0.03082,-0.03216,0,-0.09384,-0.07348,0.04243,-0.01285,-0.02738,0.10248,-0.05016,-0.08979,-0.0252,-0.05969,-0.05374,0.05314,-0.02757,-0.01794,-0.03875,0.02128,-0.09894,0.01822,-0.06565,-0.11072,-0.01736,0.07936,-0.00799,0.02576,0.0068,0.02455,-0.0305,0.0333,0.02082,-0.02097,0.03064,0.05759,0.03479,0.00113,-0.03561,0.05613,-0.05921,0.0331,-0.05306,0.01125,0.01912,-0.03668,0.00436,-0.01344,-0.09886,0.02877,0.02018,-0.03913,-0.07907,-0.02462,-0.03284,0.03619,-0.08825,0.1168,-0.01457,0.01841,-0.04895,0.03148,0.1075,-0.01177,-0.08572,0.03789,-0.00575,0.08138],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Read next - Styling Mixins and Scoping - Styling Tokens and Overrides - Styling Recipes That keeps your app aligned with future theme updates.","excerpt":"Read next - Styling Mixins and Scoping - Styling Tokens and Overrides - Styling Recipes That keeps your app aligned with future theme updates."},{"chunkId":"/docs/default-theme-and-styling#9","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.01835,0.03228,-0.08892,0.05683,0.02702,0.09704,0.07349,0.06448,0.04331,-0.04521,-0.07814,0.02251,-0.12247,-0.04949,0.01862,-0.01708,-0.07644,-0.01579,0.00011,0.01662,-0.04872,-0.07154,0.04301,0.02645,-0.04035,0.08633,-0.0097,0.00262,0.01551,-0.04662,0.04376,0.08452,-0.01175,0.07721,0.002,0.01527,0.05371,0.04964,-0.06308,-0.01036,0.03021,0.02256,0.02404,0.01519,-0.03325,0.06524,-0.02403,-0.10691,-0.03366,0.06185,-0.01889,-0.05901,0.0162,0.04946,-0.03174,0.01443,0.05335,-0.03612,-0.01265,0.08902,-0.01423,-0.03179,0.02458,0.06646,-0.03222,-0.00459,-0.00078,0.06931,-0.05363,0.00534,0.02052,0.00847,-0.00543,-0.01072,0.04857,0.04532,0.0516,0.04975,0.01045,-0.05836,0.00201,0.04888,0.01918,0.0173,0.00179,0.10976,0.00864,-0.14428,-0.02439,0.09715,0.01813,0.04843,-0.03852,-0.03287,-0.01444,-0.01327,-0.08542,-0.03996,-0.03594,0.03692,0.0164,-0.00278,0.0656,0.02734,0.03543,-0.0128,-0.07735,0.06244,0.01203,-0.02882,0.01119,0.01702,-0.01594,-0.0189,-0.04336,0.00041,0.01702,-0.01322,0.1045,0.04249,0.02783,0.02115,-0.05447,-0.03821,-0.00517,0.01182,-0.03228,0,-0.06044,0.02772,-0.04738,0.02472,0.02415,-0.03533,-0.02229,-0.07692,-0.04783,0.07246,-0.00961,-0.02423,-0.06391,0.03413,-0.0345,-0.09172,-0.04896,0.0072,-0.07215,-0.05587,-0.00589,-0.10123,0.02934,-0.10143,0.04792,-0.04226,-0.07312,0.07581,-0.02934,0.00462,-0.04665,-0.0512,0.11892,0.02754,-0.04606,-0.0238,-0.02923,-0.02481,-0.04151,0.05351,-0.0055,-0.01437,-0.02931,-0.01311,0.03869,0.05282,0.02738,-0.02306,0.0619,-0.03543,0.01225,0.02686,0.02603,-0.0104,0.08311,-0.04032,0.00358,0.01749,-0.01522,-0.02644,0.01241,0.05337,-0.03209,-0.06375,0.09821,0.0604,0.07353,0.01333,0.0021,-0.08699,-0.03801,0.10184,-0.01048,-0.00421,0.01268,-0.03991,0.02859,0.02461,0.06748,0.01896,-0.05388,-0.02968,0.02694,0.04316,0.03652,-0.0674,0.03696,-0.06365,-0.04275,-0.04031,0.08415,-0.01381,0.07489,-0.03986,-0.02997,0,-0.05695,0.06074,0.02351,0.04118,0.01551,0.05681,0.0535,0.1275,0.01618,0.00385,0.04854,0.0207,-0.05697,-0.08942,-0.00914,-0.03907,0.00411,0.00594,0.02118,-0.04213,0.01405,0.04139,0.00349,-0.02624,0.04662,-0.02401,0.02304,0.00199,0.00037,-0.03336,0.04058,-0.09528,-0.0201,-0.03008,0.03056,-0.08187,-0.02193,0.0699,0.02313,0.00369,-0.0287,0.01343,-0.07453,0.01381,-0.07273,0.02649,-0.09927,-0.06852,-0.04911,0.058,-0.0206,0.00105,-0.04854,-0.01392,-0.0632,0.02051,-0.03543,0.03257,-0.13804,0.02583,-0.00182,-0.03729,-0.01269,-0.06058,0.14074,0.00309,-0.02604,0.0015,0.02626,0.04043,0.05236,0.00726,-0.0871,0.05232,-0.01497,0.00471,0.08123,-0.02301,0.03587,0.14008,-0.00637,0.08542,-0.01439,0.15506,0.08098,-0.01914,-0.03396,-0.01703,0.06386,0.04134,-0.02705,0.02868,0.07114,0.04679,-0.03057,0,-0.02862,-0.04701,-0.06606,-0.00688,0.01645,0.02894,-0.06211,-0.11405,-0.10617,0.03025,-0.08203,0.08061,-0.0298,-0.00158,-0.04831,-0.07609,-0.07353,0.02646,-0.02556,-0.0567,-0.0339,0.0235,-0.02513,0.05887,-0.02437,-0.05726,-0.01126,0.04022,0.06789,-0.02302,-0.05363,0.0049,-0.00581,0.09269,-0.06958,0.01676,-0.07712,-0.06851,-0.04222,0.11078,0.05902,-0.01669,0.05499,-0.00095,-0.02326,0.04445,0.03603,-0.01821,-0.09432,-0.00005,0.01017,0.06816,-0.0605,0.09476,0.03825,-0.04242,-0.01652,0.10673,0.00443,0.02647,-0.16163,0.03925,0.02518,0.02675],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Styling fConnectionContent fConnectionContent renders as a normal HTML element with the .f-connection-content class. It is not part of the SVG stroke itself, so the safest customization path is to style .f-connection-content directly. The library base styles give it intrinsic width sizing (inline-size: max-content), which avoids the usual absolute-positioned shrink-to-fit behavior. If you want wrapped labels, set your own width or max-width. `scss @use '@foblex/flow/styles' as flow-theme; @include flow-theme.theme-tokens(); f Connection Content","excerpt":"Styling fConnectionContent fConnectionContent renders as a normal HTML element with the .f-connection-content class. It is not part of the SVG stroke itself, so the safest customization path is to style .f-connection-content directly. The library base styles give it intrinsic width sizing (inline-size: max-content), which avoids the usual absolute-positioned shrink-to-fit behavior. If you want wrapped labels, set your own width or max-width. `scss @use '@foblex/flow/styles' as flow-theme; @include flow-theme.theme-tokens();"},{"chunkId":"/docs/default-theme-and-styling#10","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.03161,0.08327,-0.05195,0.03782,0.04557,0.07903,0.0852,0.00944,0.03652,0.03113,-0.13067,0.00988,-0.05262,-0.01499,0.06623,-0.03874,-0.04533,0.00696,0.01271,-0.00253,-0.03468,-0.03181,-0.00915,-0.02789,-0.07178,0.08971,0.04393,0.01007,0.04753,-0.0518,0.03034,0.14569,0.04328,0.03893,-0.12121,-0.02191,0.04449,0.02968,0.00208,0.01083,0.09486,0.00727,-0.0125,-0.02414,-0.0499,0.00293,-0.02644,-0.00654,-0.06636,0.02698,-0.00134,-0.12945,-0.0427,0.08008,-0.00338,0.04979,-0.00486,-0.00538,0.05696,0.03191,-0.07362,-0.07096,0.04642,0.02872,0.04975,0.01426,-0.0744,0.05088,-0.04045,0.0346,0.0678,-0.00038,0.01736,-0.04745,0.03967,0.04137,0.00135,0.08575,-0.08475,-0.0632,0.0017,0.01248,-0.03956,0.03484,0.02574,0.11894,-0.04142,-0.12007,-0.00602,0.009,-0.03372,0.03712,-0.00926,-0.06286,-0.00251,0.00664,-0.07764,-0.08626,-0.02577,0.04001,-0.0193,-0.06773,0.06046,0.03167,0.00066,0.00009,0.00061,0.05036,0.00864,-0.01696,0.01607,-0.00344,-0.00349,-0.09896,-0.02145,-0.0214,-0.00572,-0.06773,0.08185,0.08355,0.0403,-0.02308,-0.09174,-0.03872,-0.01307,0.00613,0.00822,0,-0.00034,0.03947,-0.02911,0.00993,0.06787,0.00266,-0.01933,-0.10576,-0.07294,0.08118,0.01695,0.0266,-0.04092,0.03801,-0.07775,-0.09638,-0.03929,-0.03316,-0.00544,-0.02109,0.02437,-0.04002,-0.05255,-0.01264,0.06653,-0.03214,0.00261,0.0272,-0.01834,0.00861,0.02213,0.00572,0.08175,0.00933,-0.0465,0.02408,-0.02272,-0.00108,-0.00734,0.00768,0.03338,-0.02766,-0.0371,0.07501,-0.02429,0.04491,-0.00165,-0.07174,0.10653,-0.00971,-0.02382,0.01474,0.02192,0.02386,0.04501,-0.03883,-0.05209,0.09463,0.02192,0.01252,0.04347,0.03781,-0.04777,-0.05464,0.09674,0.05455,0.01039,0.03282,0.0346,-0.15516,-0.07761,0.12171,0.02395,0.03943,-0.01349,-0.02506,0.02609,0.07276,0.10857,-0.00679,-0.07978,-0.01226,-0.0593,0.07474,0.01823,-0.04018,0.02031,-0.05056,-0.06254,-0.0626,0.07938,0.02684,0.06558,-0.05101,-0.03021,0,-0.00437,0.04773,0.00138,0.13431,-0.00484,-0.00438,0.1258,0.05434,0.03907,0.05062,0.10078,0.09818,-0.00783,-0.06633,-0.00301,0.00526,-0.05444,-0.02888,0.06232,-0.03467,-0.02073,-0.03265,-0.02291,-0.06623,-0.06201,0.05171,0.03214,-0.00048,-0.01913,0.00541,0.00813,-0.00333,-0.09415,0.00264,-0.01739,-0.08669,-0.03032,0.05872,0.03015,-0.02763,0.00576,0.01046,0.00884,0.02321,-0.03985,0.04765,-0.02349,-0.03439,-0.04035,-0.01011,-0.04149,0.00544,-0.05663,-0.01623,-0.02498,-0.02594,0.03343,0.03106,-0.03605,0.07975,0.09639,0.00458,-0.026,-0.06232,0.05695,-0.02141,-0.06045,0.01463,0.07811,0.00765,0.02657,-0.00407,-0.05542,0.0155,0.04846,0.01155,0.11535,0.00335,-0.00621,0.13134,-0.04336,0.09342,-0.0701,0.02233,0.08571,0.05318,-0.11543,0.0294,0.09785,-0.03572,-0.13433,0.01991,0.02634,-0.03841,-0.02898,0,-0.09585,-0.05795,0.00583,-0.02862,0.04593,0.01672,-0.058,-0.07556,-0.02296,-0.03066,-0.08583,0.08662,-0.05514,-0.0366,0.01168,0.03681,-0.06558,0.01357,-0.02017,-0.02689,-0.03082,0.03543,-0.01749,0.03092,0.00807,-0.00994,-0.05215,0.0046,-0.00489,0.02511,-0.01103,0.01292,0.03909,-0.00641,-0.03062,-0.03134,-0.12272,0.00481,-0.02899,0.01447,0.05494,-0.05416,0.03951,-0.02274,-0.10056,0.04335,0.02476,0.05188,-0.05719,-0.0089,-0.00416,0.02525,-0.04846,0.06714,0.021,-0.03319,0.00436,0.05507,0.03128,-0.04921,-0.07796,0.02861,-0.02051,0.01698],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. ::ng-deep f-flow { @include flow-theme.connection($scoped: false); .f-connection-content { background: var(--ff-node-background-color); border: 1px solid var(--ff-node-border-color); border-radius: var(--ff-node-border-radius); } .f-connection.f-selected { .f-connection-content { border-color: var(--ff-connection-content-border-color-selected); } } } ` Available default aliases for this element:","excerpt":"::ng-deep f-flow { @include flow-theme.connection($scoped: false); .f-connection-content { background: var(--ff-node-background-color); border: 1px solid var(--ff-node-border-color); border-radius: var(--ff-node-border-radius); } .f-connection.f-selected { .f-connection-content { border-color: var(--ff-connection-content-border-color-selected); } } } ` Available default aliases for this element:"},{"chunkId":"/docs/default-theme-and-styling#11","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.0284,0.05117,-0.06216,-0.00908,0.04152,0.06811,0.08253,0.02678,0.00553,-0.00614,-0.0943,0.0174,-0.02971,-0.04518,0.0568,-0.06061,-0.03422,0.00568,0.02857,0.02266,-0.01954,-0.07054,0.0129,-0.02196,-0.09734,0.11122,0.00513,0.04655,0.0368,-0.05895,0.01349,0.11592,0.09028,0.02794,-0.06023,-0.06292,0.08568,0.02207,-0.03006,0.01452,0.01476,-0.0281,-0.00322,0.0291,-0.02328,0.00451,-0.06482,-0.05612,-0.02729,0.01981,-0.03046,-0.09864,-0.02802,0.07021,-0.00762,0.06038,-0.01176,-0.0307,0.06038,0.00248,-0.02602,0.00575,0.00922,0.09684,0.05515,-0.01868,-0.05424,0.0751,-0.0021,-0.00464,-0.01361,0.00683,0.00381,-0.02327,0.0234,0.014,0.0304,0.03121,-0.08266,-0.07497,-0.02583,0.00646,-0.01344,0.07733,-0.0035,0.08065,-0.00429,-0.11705,-0.04129,0.06882,-0.00602,0.04106,-0.0058,-0.06465,-0.02459,0.02962,-0.08305,-0.10032,-0.034,0.06595,-0.03867,-0.089,0.10462,0.01812,-0.00275,-0.01458,-0.033,0.06915,0.01278,-0.02271,-0.00806,-0.02918,-0.04801,-0.08957,0.01025,-0.00458,-0.01483,-0.05101,0.11105,0.05416,0.09051,-0.0116,-0.07894,-0.03324,-0.01805,-0.0041,-0.02873,0,-0.01997,0.03206,-0.02015,0.04376,0.09619,0.00506,-0.00368,-0.07771,-0.08108,0.09269,0.02129,0.05958,-0.06633,0.02484,-0.03829,-0.12494,-0.07223,-0.00115,-0.0174,-0.03605,0.01435,-0.04753,0.00822,0.0026,0.0491,0.00887,0.0092,0.03843,-0.04587,0.02213,-0.01802,-0.02751,0.05439,0.01503,-0.03406,0.02088,0.00865,-0.05338,0.01927,0.00378,-0.03838,-0.02162,-0.04926,0.01972,-0.00816,0.05021,0.00242,-0.08403,0.11655,0.0054,-0.00317,0.00153,0.03171,0.04048,0.04433,-0.07447,-0.01807,0.05493,0.0105,0.00035,0.04897,0.04285,-0.0299,-0.1123,0.05143,0.07504,0.00771,-0.00896,-0.00309,-0.13271,-0.10259,0.14059,0.07381,0.05999,-0.01783,-0.01028,0.01621,0.01635,0.03404,-0.01814,-0.06182,-0.01336,-0.04869,0.05813,0.03565,-0.03127,0.05041,-0.00725,-0.06308,-0.05478,0.08141,-0.03422,0.06359,-0.05739,-0.03387,0,-0.03132,0.03902,-0.03415,0.10323,0.0438,0.03518,0.0916,0.0871,0.10336,0.04792,0.07902,0.06811,-0.03726,-0.09077,-0.00335,0.01265,-0.02427,-0.01108,0.02924,-0.04117,-0.0163,0.00611,-0.05474,-0.0345,-0.0362,0.0336,0.02375,0.02497,0.00326,0.01239,0.01654,-0.04665,-0.06181,0.00927,0.00278,-0.09405,-0.04802,0.08188,0.00574,-0.01918,0.01485,-0.01229,-0.00444,0.04314,-0.02381,0.05968,-0.04141,-0.04648,-0.02279,0.01171,0.00176,0.0059,-0.04912,-0.04922,-0.05525,0.01588,0.03772,0.05534,-0.08973,0.06763,0.06488,0.01454,-0.02646,-0.03102,0.06342,-0.03778,-0.04601,0.02189,0.00862,0.01494,0.0086,-0.01975,-0.07124,0.02756,0.0572,-0.00017,0.09965,-0.00437,0.00021,0.14344,-0.05144,0.10525,-0.02264,0.09466,0.06753,0.06758,-0.07344,0.08053,0.07353,-0.03132,-0.10301,0.07632,0.04926,0.03302,-0.00784,0,-0.07235,-0.09102,0.01392,-0.00365,0.01602,0.06929,-0.03815,-0.09326,-0.04041,-0.03957,-0.0302,0.10251,-0.05211,-0.01032,-0.03578,0.02997,-0.10739,0.03598,-0.04179,-0.09517,-0.00203,0.05035,-0.00597,0.03067,-0.01109,0.02822,-0.03694,0.04059,0.00849,-0.01096,0.01509,0.00764,0.02281,-0.02569,-0.05773,0.01633,-0.08215,0.0327,-0.06328,0.01262,0.04096,-0.05381,0.01775,0.00413,-0.05018,0.05938,0.00715,0.00597,-0.08342,-0.04351,-0.01063,0.02425,-0.0549,0.07322,0.021,0.00459,-0.02206,0.07051,0.08399,-0.02958,-0.07378,0.09055,-0.00336,0.06072],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. - --ff-connection-content-color - --ff-connection-content-background-color - --ff-connection-content-border-color - --ff-connection-content-border-color-selected - --ff-connection-content-border-radius - --ff-connection-content-font-size - --ff-connection-content-padding-y - --ff-connection-content-padding-x","excerpt":"- --ff-connection-content-color - --ff-connection-content-background-color - --ff-connection-content-border-color - --ff-connection-content-border-color-selected - --ff-connection-content-border-radius - --ff-connection-content-font-size - --ff-connection-content-padding-y - --ff-connection-content-padding-x"},{"chunkId":"/docs/default-theme-and-styling#12","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.04577,0.04732,-0.04564,0.01933,0.02726,0.0737,0.01229,0.0458,0.0461,0.0213,-0.12329,0.0179,-0.06856,-0.04541,0.06522,-0.03813,-0.00185,0.03346,0.02919,0.03891,-0.01243,-0.05307,0.0166,-0.01761,-0.06091,0.07201,0.03967,0.0245,0.0659,-0.06057,0.04527,0.09897,0.00095,0.05211,-0.12138,0.03242,0.06011,0.00233,-0.06707,-0.00685,0.04198,0.03376,-0.03052,-0.03456,-0.00854,0.00471,-0.01192,-0.06409,-0.07851,0.01562,-0.03071,-0.11646,-0.01085,0.07081,-0.03395,0.02074,0.0495,0.00493,0.08406,0.0161,-0.01991,-0.03604,0.0178,0.05865,0.03666,-0.01127,-0.05937,0.12121,-0.03048,0.01213,0.00472,-0.01859,0.0214,-0.00113,0.01932,0.02925,0.03428,-0.00052,-0.05395,-0.09759,0.02047,0.03203,0.00198,0.03741,0.04887,0.10596,0.00994,-0.12271,0.0093,0.05429,0.03974,0.0196,-0.01154,-0.04922,0.01386,0.01362,-0.0793,-0.0679,0.00189,0.02924,-0.03012,-0.07965,0.10801,0.04111,0.02276,-0.00653,-0.02398,0.08164,-0.00794,-0.04123,0.01443,0.00955,-0.0558,-0.09956,0.01118,-0.01428,0.00992,-0.02279,0.05537,0.06394,0.02149,-0.02941,-0.01578,-0.02174,-0.00796,0.03004,-0.03049,0,-0.04051,0.03421,-0.08128,0.03621,0.05199,-0.03272,0.01035,-0.0849,-0.03958,0.04848,0.04436,0.04223,-0.06777,0.08099,-0.04129,-0.0708,-0.05826,-0.00891,0.00839,-0.02676,0.04068,-0.07819,-0.01758,-0.02088,0.07733,0.0099,0.0281,0.05028,-0.13011,-0.00779,0.05235,-0.03997,0.06801,0.04013,-0.03442,0.03038,0.00786,-0.02311,0.00268,0.00913,0.00761,-0.00278,-0.06382,0.02375,0.023,0.05672,0.00385,-0.07797,0.0912,-0.00445,0.00802,0.04225,0.04687,0.05203,0.06827,-0.02947,-0.00365,-0.00577,0.04538,-0.05706,0.04794,0.05133,-0.01379,-0.09856,0.05481,0.05299,0.03677,0.0281,-0.0033,-0.15581,-0.07532,0.10712,0.04132,0.05079,-0.02187,-0.0445,0.02009,0.05422,0.08026,0.02457,-0.08814,0.034,-0.03844,0.09913,0.04135,-0.03973,0.01619,-0.06658,-0.06274,-0.02159,0.11008,-0.0262,0.03171,-0.04531,-0.04998,0,-0.02804,0.04821,-0.00756,0.09459,0.0134,0.00036,0.02189,0.06273,0.04558,0.01229,0.07336,0.06969,-0.03408,-0.07167,-0.00523,0.0236,-0.06251,-0.02706,0.02848,-0.10574,-0.01202,0.01549,0.01433,-0.05408,-0.01328,0.02345,-0.01664,0.02056,-0.00808,-0.0257,0.00361,-0.02648,-0.05197,-0.021,-0.02624,-0.04559,-0.1108,0.06168,0.02113,-0.00629,0.02663,0.01762,-0.03541,0.06108,-0.06896,0.05359,-0.0615,-0.07017,-0.01529,-0.01031,0.00398,0.00092,-0.02895,-0.02753,-0.03893,0.00345,0.04598,0.05194,-0.12028,0.03411,0.06534,-0.00758,-0.00783,-0.04475,0.01276,0.00691,-0.05455,0.00275,0.06442,0.0072,0.00325,-0.01482,-0.08517,0.02468,0.03023,0.02255,0.12516,0.00906,0.0451,0.10036,-0.07688,0.10125,-0.05762,0.07789,0.0689,0.0668,-0.10341,0.0027,0.08331,0.00295,-0.1008,0.05852,0.029,0.02066,-0.02578,0,-0.08453,-0.05155,0.0371,-0.02185,-0.00855,0.04919,-0.06178,-0.09147,-0.04901,0.0017,-0.06513,0.06843,-0.00697,-0.01564,-0.03544,-0.00834,-0.09314,0.02288,-0.07151,-0.08608,-0.01811,0.06207,-0.00911,0.0683,0.04535,0.01047,-0.00452,0.03068,-0.00257,0.00009,-0.01826,0.0312,-0.01862,0.03749,-0.05038,0.03597,-0.07741,0.00162,-0.02363,0.03947,0.02131,-0.07729,0.03834,0.00848,-0.08155,0.06392,-0.02538,0.01983,-0.09015,-0.00153,-0.04808,0.02161,-0.11042,0.10428,0.02265,0.00148,-0.01215,0.06346,0.08638,-0.01856,-0.13411,0.01114,-0.04225,0.01548],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Where to place custom styles Use one of these strategies: - Global stylesheet for theme connection and app-wide token overrides. - Wrapper-scoped CSS variables for per-editor themes. - Component-local overrides only when you need a local variation. If you override connection internals from a component stylesheet, remember that projected SVG/content often requires global styles or ::ng-deep.","excerpt":"Where to place custom styles Use one of these strategies: - Global stylesheet for theme connection and app-wide token overrides. - Wrapper-scoped CSS variables for per-editor themes. - Component-local overrides only when you need a local variation. If you override connection internals from a component stylesheet, remember that projected SVG/content often requires global styles or ::ng-deep."},{"chunkId":"/docs/default-theme-and-styling#13","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.00853,0.06555,-0.04313,0.0187,0.05905,0.08452,0.01588,0.06247,0.03096,-0.00523,-0.15538,-0.0066,-0.01066,-0.06918,0.04752,-0.03156,-0.00415,0.05345,0.0184,0.00624,0.00054,-0.05612,0.00186,0.00938,-0.07059,0.12542,0.00674,0.04007,0.06004,-0.03271,0.07286,0.08381,0.06795,0.0324,-0.07509,0.03045,0.00573,0.00585,-0.03368,-0.04359,0.01797,0.0668,-0.00702,0.00168,-0.01022,-0.01246,-0.00013,-0.09097,-0.07267,0.04326,-0.00065,-0.12205,-0.00326,0.06499,-0.04069,0.04872,0.00319,-0.08271,0.05157,-0.00858,-0.00767,0.01118,0.05636,0.04482,0.04092,-0.00363,-0.06582,0.14968,-0.01121,0.02619,0.02806,0.01015,0.04035,-0.01248,0.04239,0.01638,0.04181,-0.01624,-0.08671,-0.08711,-0.01295,0.03205,-0.01058,-0.01249,-0.00787,0.08941,0.0065,-0.06761,0.00174,0.07273,-0.01882,0.00894,0.01259,-0.11576,0.06341,0.02832,-0.07708,-0.09202,-0.01547,0.05125,-0.02589,-0.04875,0.11276,0.01953,0.03667,0.00178,-0.00601,0.03725,-0.0116,-0.0209,-0.01758,0.02862,-0.03644,-0.06112,-0.01036,-0.0274,0.04241,-0.09477,0.05006,0.07127,0.07346,-0.01591,-0.02564,0.02102,0.02487,0.00733,-0.01956,0,-0.02379,0.02066,-0.04043,0.06085,0.05894,0.00828,0.05395,-0.06867,-0.06284,0.04919,0.03483,0.01582,-0.04271,0.05779,-0.09668,-0.0964,-0.08608,0.01946,0.0076,-0.05543,0.00433,-0.10077,-0.084,-0.01657,0.02473,-0.01054,0.01453,0.07224,-0.06935,-0.01264,0.00014,-0.01115,0.08789,0.03361,-0.04135,0.02839,0.00444,-0.0213,0.06403,-0.01134,0.01669,-0.01892,-0.01983,-0.01574,0.00497,0.03834,-0.03416,-0.0194,0.08364,-0.03518,0.02439,0.06055,0.04488,0.05053,0.04058,-0.04893,-0.05089,-0.00576,0.03395,-0.01206,0.02741,0.07988,-0.01527,-0.10757,0.04928,0.08015,0.02306,0.0263,0.00194,-0.13057,-0.10029,0.09989,0.04874,-0.00272,0.02068,0.0039,0.03927,0.00393,0.01329,0.021,-0.06174,-0.01652,-0.02373,0.08783,0.09462,-0.04149,0.03103,-0.05572,-0.07826,-0.02573,0.12819,-0.05826,0.04642,-0.06741,-0.00159,0,-0.03032,0.0641,-0.00877,0.08474,0.02622,0.01616,0.00093,0.02701,0.03994,-0.00308,0.0093,0.06164,-0.05442,-0.11497,-0.01313,0.03464,-0.01448,-0.01301,0.09479,-0.09111,-0.00526,0.01787,-0.00667,-0.02803,-0.05308,0.01848,0.00267,0.03993,-0.00813,-0.02097,-0.00576,-0.02915,-0.03483,-0.02096,-0.00065,-0.09526,-0.11332,0.05441,0.0335,0.04557,-0.00477,-0.00841,-0.0379,0.05135,-0.06108,0.05453,-0.06785,-0.03191,0.02,0.00452,-0.04794,-0.02462,-0.0745,-0.04929,-0.02232,0.0042,0.02078,0.04205,-0.05347,0.0249,0.04005,0.00634,-0.0037,-0.06873,0.01463,-0.05736,-0.06636,0.03213,0.00735,0.02223,0.01477,-0.01417,-0.07445,0.02138,0.07336,0.01309,0.14131,-0.00237,0.04055,0.08633,-0.05965,0.13376,-0.03148,0.03742,0.05721,0.00675,-0.08654,-0.00444,0.04116,-0.01573,-0.12485,0.084,0.0775,-0.00814,-0.0088,0,-0.09523,-0.0648,0.01563,-0.00788,-0.04463,0.06524,-0.05533,-0.0515,-0.03326,-0.0324,-0.01285,0.04357,-0.0139,-0.04408,-0.01852,-0.00439,-0.09567,0.01907,-0.06747,-0.09563,0.02756,0.07888,0.00085,0.03422,0.01109,0.01795,0.03424,-0.01018,0.00222,0.00662,0.00092,0.02889,-0.00908,0.07265,-0.03537,0.01274,-0.0489,0.03736,-0.05242,0.01534,0.03318,-0.0592,-0.00045,-0.01754,-0.09269,0.04265,-0.0157,0.01011,-0.03854,-0.02645,-0.01956,0.05429,-0.07867,0.10447,0.04809,-0.01991,-0.02157,0.04477,0.07693,-0.02405,-0.13093,0.04575,-0.0192,0.0551],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Notes and pitfalls - The shipped theme styles runtime primitives only. The inner layout of custom node content remains yours. - theme-tokens() should usually be included once per application theme root. - default.scss is best when you want the whole theme quickly. - Selective mixins are best when some features are lazy-loaded or not present in every editor. - External item previews/placeholders can be rendered outside the flow subtree. If you theme them, put shared variables high enough in the DOM tree.","excerpt":"Notes and pitfalls - The shipped theme styles runtime primitives only. The inner layout of custom node content remains yours. - theme-tokens() should usually be included once per application theme root. - default.scss is best when you want the whole theme quickly. - Selective mixins are best when some features are lazy-loaded or not present in every editor. - External item previews/placeholders can be rendered outside the flow subtree. If you theme them, put shared variables high enough in the DOM tree."},{"chunkId":"/docs/default-theme-and-styling#14","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.01045,0.04467,-0.0534,-0.01123,0.06372,0.08803,0.03914,0.08437,-0.01164,0.02051,-0.11012,-0.0185,-0.04551,-0.04814,0.05621,-0.04772,-0.01634,0.01782,0.03579,0.02914,-0.022,-0.05077,0.01622,-0.01616,-0.10347,0.11503,0.02837,0.04559,0.02432,-0.06731,0.02606,0.09419,0.13413,0.02766,-0.05918,-0.04452,0.06728,0.01886,-0.06959,-0.02943,0.01342,0.00992,-0.01885,0.00718,-0.02535,-0.01429,-0.0103,-0.06896,-0.05359,0.05054,-0.01537,-0.11171,-0.02505,0.08663,-0.01471,0.03963,0.00614,-0.05251,0.06035,-0.03519,-0.01009,-0.00302,0.02991,0.06439,0.06297,-0.01037,-0.06457,0.09234,0.0204,-0.04624,0.01387,-0.00967,0.03975,-0.01484,0.02873,-0.00864,0.06065,0.00437,-0.09502,-0.07582,-0.03734,0.02821,-0.02705,0.05817,-0.03312,0.0821,-0.01124,-0.09342,-0.02658,0.04501,0.00652,0.03575,-0.03506,-0.08617,0.03347,0.01368,-0.08846,-0.11357,-0.00414,0.03005,-0.01436,-0.09016,0.1244,0.00901,0.0274,-0.02492,-0.01444,0.02297,-0.00868,-0.01932,-0.015,-0.02427,-0.0327,-0.07084,0.01575,-0.01509,-0.01306,-0.07061,0.07831,0.0324,0.07495,-0.01097,-0.03037,-0.02801,0.00352,0.02721,-0.02678,0,-0.02643,0.02389,-0.02298,0.02565,0.0712,-0.01243,0.03917,-0.08185,-0.06044,0.05211,0.02146,0.05421,-0.03063,0.08629,-0.06413,-0.12491,-0.09104,0.00733,0.00643,-0.04633,0.00913,-0.07196,-0.03116,-0.0355,0.06576,0.03806,0.05144,0.07872,-0.03417,0.0092,-0.00389,-0.0113,0.04672,-0.00287,-0.03635,0.03096,-0.02501,-0.04068,0.03223,-0.0347,-0.03059,-0.01909,-0.05131,-0.00145,0.0268,0.03861,-0.02571,-0.03915,0.13848,-0.00347,0.03533,-0.01451,0.03852,0.06641,0.03245,-0.05047,-0.03413,0.01817,0.0183,-0.00441,0.04758,0.05508,-0.02878,-0.09493,0.03965,0.05789,0.03629,0.00839,0.00456,-0.13197,-0.09926,0.11942,0.10347,0.02896,0.01026,0.00288,0.06711,0.01746,0.01109,0.00172,-0.10725,-0.01441,-0.03703,0.05228,0.05502,-0.02007,0.0481,-0.01885,-0.07097,-0.0711,0.09001,-0.02438,0.01234,-0.00237,-0.01869,0,-0.04016,0.04343,-0.01998,0.09358,0.05115,0.02117,0.05648,0.04934,0.06441,0.03142,0.04315,0.07524,-0.01552,-0.09042,0.03291,0.01193,-0.02193,-0.00665,0.05373,-0.06105,-0.01604,-0.00031,-0.05401,-0.0697,-0.05428,0.02825,0.02935,0.04148,-0.00268,-0.02529,0.02783,-0.029,-0.0606,0.0008,0.00221,-0.08254,-0.07158,0.04419,0.01223,-0.00949,0.00186,0.01526,-0.01046,0.02438,-0.06666,0.04426,-0.0518,-0.03945,-0.00211,0.00191,-0.00167,-0.01321,-0.05924,-0.04945,-0.02667,0.02789,0.05497,0.07487,-0.08209,0.05649,0.02417,0.01408,0.01006,-0.03323,0.03773,-0.01938,-0.04563,0.01582,-0.02512,0.0194,0.02038,0.00881,-0.07117,0.04819,0.0658,0.00576,0.0945,0.03411,0.00776,0.10804,-0.00694,0.09777,-0.01367,0.0931,0.0528,0.06719,-0.09611,0.0056,0.0655,-0.02125,-0.12588,0.07551,0.09101,0.04462,-0.03433,0,-0.09062,-0.08086,0.0421,0.00318,-0.02798,0.07264,-0.05269,-0.06732,-0.03128,-0.03641,-0.03763,0.06056,-0.02606,-0.03521,-0.00313,0.02744,-0.09154,0.00193,-0.03403,-0.11208,-0.00509,0.05124,-0.00927,0.05023,0.002,0.03831,-0.00742,0.00823,0.01222,-0.02522,0.02236,0.04456,0.04294,0.01297,-0.02821,0.02537,-0.06703,0.04613,-0.09187,0.01425,0.02825,-0.05454,0.00581,-0.0441,-0.08498,0.06494,-0.01435,-0.01648,-0.10849,-0.03502,-0.04044,0.03076,-0.05398,0.09645,0.03041,0.02662,-0.03632,0.01925,0.09295,-0.02602,-0.08816,0.08537,-0.02282,0.08769],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Related docs - Installing and Rendering Your First Flow - External Item - Background - Minimap - Selection Area","excerpt":"Related docs - Installing and Rendering Your First Flow - External Item - Background - Minimap - Selection Area"},{"chunkId":"/docs/default-theme-and-styling#15","slug":"default-theme-and-styling","route":"/docs/default-theme-and-styling","section":"docs","title":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization","description":"Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow.","group":"Styling","vector":[-0.04561,0.03856,-0.06562,0.00358,0.03242,0.08328,0.03333,0.05495,-0.00786,0.02915,-0.12416,-0.01434,-0.0419,-0.03562,0.04156,-0.04778,-0.05938,0.02905,0.02562,0.05013,-0.00977,-0.05728,0.01807,0.00559,-0.07554,0.08724,0.00658,0.03677,0.00737,-0.06658,0.03141,0.09862,0.12613,0.04045,-0.04596,-0.01588,0.0651,0.00147,-0.03391,-0.02761,0.00189,0.0098,0.00628,0.01294,-0.00827,-0.00459,-0.00914,-0.07252,-0.06,0.04037,-0.02555,-0.11932,-0.01291,0.06328,-0.00353,0.04849,0.01628,-0.0417,0.06144,-0.0169,-0.01358,0.00232,0.0215,0.06682,0.04541,0.00889,-0.07428,0.10553,-0.00222,-0.03939,-0.01899,-0.0257,0.04425,-0.01056,0.024,0.00366,0.03114,0.03031,-0.07564,-0.07219,-0.03627,0.00123,-0.00459,0.04954,-0.00032,0.09764,-0.00577,-0.09612,0.00082,0.05887,0.02242,0.03743,-0.00929,-0.08947,0.00714,0.00464,-0.06186,-0.08622,-0.02452,0.04239,-0.03417,-0.09161,0.11391,0.00832,0.03445,-0.01616,0.00893,0.03775,-0.00429,-0.02272,-0.01773,-0.0239,-0.03137,-0.08715,0.03255,-0.00124,-0.01879,-0.06142,0.09044,0.0358,0.07467,-0.03668,-0.05822,-0.01411,-0.02188,0.01736,-0.03026,0,-0.01177,0.03824,-0.02597,0.03796,0.06401,-0.02607,0.01273,-0.08373,-0.07771,0.03373,0.02688,0.05127,-0.02748,0.07759,-0.10323,-0.10542,-0.09227,-0.00006,0.0208,-0.06171,0.02307,-0.07972,-0.03568,-0.02282,0.04417,0.03735,0.03635,0.05287,-0.02162,0.02025,-0.00628,-0.01602,0.05461,0.00309,-0.04901,0.01315,-0.00773,-0.02913,0.03943,-0.03113,-0.00746,-0.03574,-0.04404,-0.0189,0.0254,0.05794,-0.01605,-0.04239,0.14164,-0.00625,0.01996,0.00103,0.02826,0.07826,0.04208,-0.04096,-0.01862,0.02371,0.0218,-0.02091,0.03536,0.06483,-0.01766,-0.11681,0.03893,0.06213,0.01357,0.00703,-0.01373,-0.11329,-0.09572,0.0985,0.05625,0.05184,-0.00758,-0.01258,0.05772,0.0102,0.03417,-0.00459,-0.07975,-0.01151,-0.0355,0.04367,0.07533,-0.03554,0.05145,-0.02305,-0.07512,-0.07041,0.10888,-0.06356,0.02474,-0.02283,-0.02823,0,-0.01869,0.04506,-0.04644,0.10565,0.04179,0.02554,0.0529,0.06971,0.10093,0.02495,0.06205,0.05432,-0.04297,-0.0748,0.02098,-0.01481,-0.02202,-0.00903,0.04053,-0.07239,-0.02637,-0.03453,-0.02892,-0.04639,-0.03239,0.03308,0.02645,0.08581,0.01265,-0.0168,0.02099,-0.0383,-0.08112,-0.00545,0.00423,-0.08916,-0.06866,0.05419,0.0097,-0.00491,0.02984,-0.00598,-0.00341,0.05323,-0.04855,0.06466,-0.02783,-0.02115,0.00291,0.0033,0.0153,-0.03564,-0.03468,-0.0604,-0.04045,0.03491,0.06793,0.05362,-0.1001,0.05755,0.02111,0.01706,0.01791,-0.03613,0.04574,-0.02509,-0.043,0.02482,-0.01638,0.02465,0.04638,-0.01719,-0.09311,0.02926,0.06062,0.00066,0.09599,0.02039,-0.00374,0.09797,-0.02032,0.10951,0.00411,0.08845,0.05145,0.06686,-0.10272,0.02268,0.0713,-0.01469,-0.12824,0.08486,0.10066,0.03609,-0.02804,0,-0.09263,-0.07117,0.04913,-0.01063,-0.00136,0.09236,-0.04724,-0.09109,-0.03991,-0.04821,-0.03972,0.05125,-0.04906,-0.03122,-0.0385,0.01453,-0.09975,0.03008,-0.04782,-0.1195,-0.00055,0.05438,0.01953,0.02551,-0.00578,0.04449,-0.02736,0.01935,-0.00221,-0.02504,0.02856,0.05223,0.04023,0.0125,-0.04066,0.02719,-0.06621,0.03976,-0.08006,0.00723,0.02475,-0.02848,0.00153,-0.02268,-0.08966,0.05943,0.00874,-0.01215,-0.09064,-0.05575,-0.02951,0.04789,-0.06352,0.11133,-0.0119,0.03498,-0.03779,0.04038,0.10281,-0.02748,-0.09357,0.05041,-0.01623,0.0753],"keywords":"Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Foblex Flow Styling Overview - Default Theme, Mixins and Token-Based Customization Start with the shipped theme, understand the SCSS entrypoints, and navigate the styling and customization guides for Foblex Flow. Support Foblex Flow If this guide saved time in your editor setup, please ⭐ the repo on GitHub. Git Hub","excerpt":"Support Foblex Flow If this guide saved time in your editor setup, please ⭐ the repo on GitHub."},{"chunkId":"/docs/styling-mixins-and-scoping#0","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.04122,0.04463,-0.01333,0.04248,0.04325,0.03821,0.06765,-0.03605,0.01084,-0.0276,-0.07604,-0.04032,-0.0457,-0.02805,0.07151,-0.02299,-0.00204,0.01172,0.01213,0.04425,-0.00731,0.00546,-0.01191,-0.00124,-0.05211,0.03782,-0.00419,-0.01043,0.09885,-0.01583,0.05709,0.14215,-0.0277,0.04036,-0.10479,0.02875,0.09615,-0.00433,-0.06206,-0.02958,0.00436,0.06056,-0.02536,-0.04964,-0.03937,-0.03496,-0.03382,-0.00198,-0.11375,-0.01058,-0.04711,-0.13323,-0.00297,0.05731,0.00309,0.03325,-0.00503,-0.00325,0.06488,0.0356,-0.10053,-0.03042,-0.01654,0.0664,0.09398,-0.03525,-0.09613,0.0412,-0.03894,-0.00669,-0.01092,-0.03071,0.03197,-0.00176,0.06633,0.03586,-0.00191,-0.02939,-0.0491,-0.11928,0.00077,-0.00648,-0.03151,0.02197,0.03988,0.09262,-0.04448,-0.10838,-0.01025,0.05002,0.01677,0.04508,-0.03431,-0.03893,0.03851,-0.0256,-0.06046,-0.06866,-0.0525,0.05192,-0.07802,-0.03323,0.09192,0.01807,-0.01836,-0.00874,-0.03278,0.02631,-0.06164,-0.03406,-0.01442,-0.00619,-0.01636,-0.11705,-0.00167,0.00695,0.04304,-0.07913,0.09087,0.01886,0.04497,0.00583,-0.03583,0.0045,0.03361,-0.00444,-0.01471,0,0.01558,0.00089,-0.03419,0.07886,0.0388,0.02172,0.04575,-0.08601,-0.05797,0.08169,0.0124,0.08256,-0.04806,0.05465,0.02716,-0.06161,-0.00576,0.02186,0.00126,0.0075,0.02802,-0.02595,-0.02874,-0.00713,0.01592,0.0401,-0.00753,0.05253,-0.04374,0.01874,0.06021,0.01149,0.02979,0.02098,-0.04956,0.02036,-0.01088,-0.04825,0.00032,-0.00795,0.03549,-0.01091,-0.00761,0.04068,-0.02006,0.00135,-0.06238,0.01207,0.0798,0.0358,0.04404,0.07308,0.07852,0.03173,0.07436,0.00806,0.01199,-0.00584,0.03245,0.0121,0.04107,0.05319,-0.09191,-0.04138,0.05362,0.04493,0.02574,-0.01674,-0.00967,-0.10634,-0.04985,0.16324,0.05973,0.07198,0.04372,-0.05308,-0.02034,-0.02006,0.11633,0.00515,-0.02931,0.04282,-0.06604,0.04676,0.03952,0.00416,-0.02282,-0.0019,-0.06254,0.00677,0.0437,-0.07243,0.02322,-0.07011,-0.02578,0,-0.02054,0.03289,-0.02783,0.15217,0.00408,-0.0464,0.06318,0.04716,0.08567,0.02204,0.07876,0.06445,-0.0164,-0.06716,0.05073,0.05044,-0.10884,-0.06127,0.07068,-0.07239,-0.00649,0.00441,0.02273,-0.0359,-0.06222,0.00243,0.01373,0.05867,0.04246,0.03186,0.00846,-0.04795,-0.09741,0.01434,-0.03614,-0.06775,-0.09198,0.07976,0.02712,-0.05511,0.01157,-0.00298,-0.0496,0.08522,-0.0415,0.05435,-0.05571,0.01184,-0.00527,-0.0474,-0.00697,-0.00105,-0.06738,-0.057,-0.00689,0.02056,0.05593,-0.02183,-0.0616,0.03342,0.08078,0.01952,-0.00733,-0.08451,0.02309,-0.02406,-0.0562,0.0129,0.07531,0.00048,0.0712,-0.02005,-0.00324,-0.02541,0.01332,0.05608,0.10897,0.02543,0.06955,0.10356,-0.03113,0.07612,-0.04078,0.06495,0.08895,0.06121,-0.10075,0.02231,0.06607,-0.02079,-0.04418,0.05389,0.08619,0.01389,0.00065,0,-0.0404,-0.00833,-0.00254,-0.04945,-0.04804,0.04868,0.00963,-0.11872,-0.03679,0.01266,-0.0675,0.06519,0.03021,-0.01595,-0.02872,-0.00493,-0.06257,0.00584,-0.10165,-0.09787,-0.02415,0.06454,-0.01209,0.04272,-0.01412,-0.00136,-0.0547,0.0178,0.00831,-0.01658,0.00271,0.01917,-0.03523,0.04313,-0.08021,0.04398,-0.0683,0.00863,-0.00943,-0.04014,-0.00386,-0.11012,0.02509,-0.03227,-0.0904,0.02559,-0.02071,-0.04302,-0.04931,0.05201,-0.05922,0.03108,-0.10158,0.11423,0.02847,-0.02911,-0.01754,0.00908,0.0347,-0.004,-0.10913,0.01778,-0.03472,0.06729],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Styling Mixins and Scoping This page describes the public SCSS API exported from:","excerpt":"Styling Mixins and Scoping This page describes the public SCSS API exported from:"},{"chunkId":"/docs/styling-mixins-and-scoping#1","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.03807,0.03585,0.00783,0.04595,0.03853,0.0403,0.06742,-0.04011,0.02238,-0.03588,-0.07883,-0.04453,-0.05557,-0.05587,0.06877,-0.00422,0.02589,0.00591,0.00919,0.04988,-0.02394,0.00244,-0.01127,-0.00759,-0.06442,0.05967,-0.01382,-0.01091,0.09314,-0.02018,0.06666,0.14825,-0.00937,0.0425,-0.10372,0.02857,0.09973,0.00109,-0.08736,-0.01726,0.00971,0.07166,-0.03061,-0.04817,-0.03849,-0.0296,-0.02732,-0.01018,-0.10524,-0.01378,-0.03129,-0.11011,0.00091,0.06599,-0.00791,0.05108,0.01661,0.01241,0.06316,0.02853,-0.08955,-0.01606,-0.0231,0.05534,0.09737,-0.04238,-0.09107,0.05373,-0.03367,0.00509,0.00693,-0.03032,0.03059,0.01163,0.06793,0.02805,-0.00646,-0.04334,-0.05467,-0.12018,0.01161,-0.01033,-0.02792,-0.00616,0.03606,0.07392,-0.0466,-0.1077,-0.01181,0.05421,0.01198,0.04149,-0.02531,-0.04289,0.05634,-0.01926,-0.04752,-0.0834,-0.05005,0.05541,-0.07613,-0.03444,0.08364,0.01635,-0.03105,-0.01694,-0.03524,0.03503,-0.05906,-0.05228,-0.00517,-0.01797,-0.00683,-0.09564,0.0153,-0.0185,0.04941,-0.06776,0.08983,0.04135,0.02633,0.00403,-0.02854,0.01515,0.00727,-0.01189,-0.03824,0,0.02933,0.00472,-0.03732,0.07296,0.03455,0.02665,0.04306,-0.08691,-0.03368,0.09188,0.02269,0.06619,-0.04614,0.05811,0.03741,-0.06914,-0.0268,0.02103,0.00141,-0.00488,0.02559,-0.01457,-0.02596,-0.01022,0.0116,0.054,-0.00694,0.04758,-0.0433,0.01519,0.03997,0.01604,0.03533,0.0164,-0.05419,0.03344,0.00038,-0.05575,0.01869,-0.02022,0.002,-0.00966,-0.01336,0.03252,-0.02097,-0.00508,-0.0472,0.01985,0.07178,0.05158,0.03925,0.05246,0.08323,0.02962,0.0757,0.00995,-0.00742,-0.00452,0.05713,0.01361,0.06288,0.04839,-0.09338,-0.04255,0.04876,0.07754,0.02848,-0.03229,0.0087,-0.12199,-0.05808,0.14989,0.0623,0.07675,0.04921,-0.05225,-0.0245,-0.02747,0.08821,0.01281,-0.03853,0.05176,-0.05749,0.04912,0.0498,-0.00068,-0.01873,0.00293,-0.06575,-0.00117,0.04926,-0.05166,0.02979,-0.07464,0.0074,0,-0.00589,0.03786,-0.0356,0.14318,0.01654,-0.05117,0.03308,0.03356,0.08516,-0.00035,0.08069,0.06675,-0.02021,-0.08019,0.03003,0.04249,-0.08867,-0.0712,0.07275,-0.0742,-0.00789,-0.02322,-0.00177,-0.04786,-0.07298,0.0059,0.00322,0.03981,0.05602,0.02271,0.01129,-0.0141,-0.08924,0.00617,-0.02145,-0.05354,-0.0994,0.06157,0.00968,-0.06157,0.0046,0.00397,-0.03047,0.0913,-0.05326,0.05606,-0.04956,0.01193,0.00633,-0.04045,-0.01326,-0.03076,-0.07204,-0.06519,-0.01324,0.01153,0.064,-0.02158,-0.04853,0.0495,0.07967,0.0284,-0.00863,-0.09901,0.01475,-0.00311,-0.03524,0.02746,0.07752,0.00841,0.07648,-0.02154,-0.00038,-0.04418,0.01384,0.05493,0.09963,0.02633,0.06195,0.08495,-0.0362,0.07971,-0.06442,0.03896,0.08162,0.07929,-0.11227,0.02247,0.06034,-0.0205,-0.03054,0.04297,0.1237,0.02767,-0.01487,0,-0.03619,0.00732,-0.00058,-0.05577,-0.0476,0.05643,0.01309,-0.10315,-0.04449,0.00943,-0.05554,0.06286,0.03299,-0.0068,-0.00625,0.0039,-0.05456,0.00116,-0.10276,-0.10414,-0.0093,0.0748,-0.02146,0.02915,-0.01153,0.00863,-0.04152,0.00759,-0.0005,-0.00122,0.00269,0.04063,-0.0462,0.05164,-0.05823,0.06269,-0.06175,0.00311,-0.03372,-0.06808,-0.00507,-0.10722,0.03245,-0.03716,-0.0921,0.01734,-0.01259,-0.038,-0.06438,0.05001,-0.05895,0.04287,-0.09843,0.11214,0.03058,-0.01118,-0.01477,0.00131,0.02642,-0.00126,-0.11659,0.0191,-0.05083,0.06475],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Theme entrypoints","excerpt":"Theme entrypoints"},{"chunkId":"/docs/styling-mixins-and-scoping#2","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.04659,0.06013,0.01185,0.04148,0.03545,0.03707,0.0753,-0.01986,0.06651,-0.0318,-0.08248,-0.03088,-0.04487,-0.0403,0.08466,-0.00011,0.00544,0.04443,0.00248,0.0506,-0.00112,0.01595,-0.02332,-0.00413,-0.05545,0.06762,-0.01978,-0.04288,0.10924,-0.01173,0.0805,0.15699,-0.03616,0.03944,-0.08859,0.03904,0.10195,-0.00743,-0.03376,-0.0229,0.01856,0.05335,-0.05071,-0.03339,-0.02834,-0.00423,-0.00196,-0.0028,-0.12159,-0.01175,-0.02031,-0.10353,-0.0113,0.05905,-0.01863,0.03079,-0.00077,0.01877,0.07849,0.03353,-0.10443,-0.02357,-0.00702,0.0605,0.08303,-0.0442,-0.07334,0.03472,-0.00831,0.02533,-0.00551,-0.01512,0.02901,-0.00739,0.06043,0.05514,0.00756,-0.03705,-0.06045,-0.16601,0.03871,-0.01571,0.00549,-0.00018,0.05904,0.08127,-0.04235,-0.0967,-0.00801,0.0745,-0.00842,0.00324,0.01212,-0.04224,0.02784,-0.04144,-0.04373,-0.07618,-0.03709,0.08139,-0.08961,-0.03527,0.07757,0.03101,0.00028,0.00261,-0.03854,0.00978,-0.0406,-0.05884,-0.00073,-0.00372,-0.03515,-0.10289,-0.00695,-0.00846,0.02492,-0.07682,0.10416,0.07607,0.02933,-0.02377,-0.04032,0.0416,-0.02145,-0.0199,-0.01344,0,-0.01838,0.01083,-0.03848,0.0537,0.01857,0.00444,0.05457,-0.09882,-0.04535,0.07031,0.02439,0.06145,-0.04843,0.08333,0.00275,-0.06337,-0.02646,0.00834,0.00375,-0.00848,0.02457,-0.01471,-0.03718,-0.00789,-0.01141,0.03907,0.0091,0.0208,-0.02893,0.02098,0.0478,-0.00988,0.05311,0.03003,-0.04442,0.04848,-0.00106,-0.04797,0.00408,-0.03791,-0.01357,-0.00693,-0.02493,0.0322,-0.02418,-0.01275,-0.05304,0.00804,0.06769,0.02743,0.02549,0.06978,0.06421,0.00926,0.09354,-0.02471,-0.03964,-0.00872,0.04359,0.00808,0.05259,0.03113,-0.06553,-0.0441,0.05461,0.07203,0.0362,-0.01788,0.00665,-0.1088,-0.0703,0.17183,0.04771,0.03736,0.01491,-0.04158,-0.00088,-0.00918,0.05963,0.03141,-0.04114,0.0314,-0.06649,0.06767,0.03154,0.01885,-0.02077,-0.03022,-0.0835,-0.01941,0.06803,-0.06793,0.02806,-0.05803,-0.02552,0,-0.00625,0.03818,-0.03653,0.13799,-0.01905,-0.03974,0.04334,0.03194,0.03992,0.01651,0.03506,0.0693,-0.04393,-0.07698,0.00987,0.03747,-0.10663,-0.07005,0.07809,-0.07586,-0.02346,-0.02218,-0.00025,-0.00478,-0.06621,0.01683,-0.02494,0.02769,0.03294,0.02173,0.00623,-0.02722,-0.08236,0.00172,-0.01822,-0.08458,-0.09467,0.0939,0.00422,-0.04539,0.00163,0.00155,-0.01385,0.08345,-0.04314,0.07062,-0.02014,0.0148,0.00769,-0.02751,0.00725,-0.01038,-0.0849,-0.0646,-0.03195,0.00406,0.07009,-0.01479,-0.06367,0.04301,0.09203,0.0113,0.00617,-0.08703,0.02142,-0.01173,-0.04841,0.02695,0.06041,0.03543,0.11203,-0.01956,-0.03265,-0.03066,0.00122,0.04848,0.11238,-0.03951,0.03297,0.08593,-0.05308,0.06314,-0.06143,0.05833,0.08642,0.0473,-0.09525,0.03247,0.05218,-0.00747,-0.02976,0.05468,0.11587,0.0128,-0.00217,0,-0.04103,-0.02233,-0.01405,-0.06702,-0.05322,0.05817,0.00749,-0.09669,-0.06516,-0.02307,-0.04576,0.04305,0.01337,-0.02969,-0.01356,-0.00927,-0.04146,0.00032,-0.10525,-0.09963,-0.03041,0.1058,-0.02897,-0.00652,-0.01461,0.01949,-0.00531,0.01937,0.00604,-0.01025,0.00176,0.05164,-0.04556,0.01493,-0.07685,0.06197,-0.05793,-0.00362,-0.04182,-0.04971,0.01309,-0.07689,0.03305,-0.02407,-0.06215,0.03139,0.00569,-0.0315,-0.04332,0.04926,-0.04323,0.04668,-0.11629,0.14332,0.01918,-0.01203,-0.02465,0.0107,0.05007,-0.02146,-0.09534,0.01096,-0.02248,0.04157],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. theme-tokens() Emits the shipped token layers: - primitive tokens; - semantic tokens; - --ff- alias tokens. In a typical application, include this once per document or once per isolated theme scope.","excerpt":"theme-tokens() Emits the shipped token layers: - primitive tokens; - semantic tokens; - --ff- alias tokens. In a typical application, include this once per document or once per isolated theme scope."},{"chunkId":"/docs/styling-mixins-and-scoping#3","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.02593,0.03742,0.02338,0.06462,0.08048,0.04669,0.05801,-0.06881,0.06675,-0.02123,-0.03934,0.00299,-0.0719,-0.03153,0.06883,-0.01726,0.01941,-0.01419,0.00233,0.02443,-0.04666,-0.04084,0.01388,-0.03179,-0.05135,0.05713,-0.04598,-0.01117,0.09831,-0.04927,0.04303,0.14572,-0.01442,0.03203,-0.11011,0.03438,0.09112,-0.00407,-0.12356,-0.02562,0.01518,0.06602,-0.02238,-0.04506,-0.02963,-0.01803,-0.02134,-0.01433,-0.1134,-0.00684,-0.00646,-0.09624,-0.00597,0.0759,0.01378,0.06718,0.00528,0.01243,0.03867,0.03244,-0.09835,-0.00965,-0.04177,0.06014,0.0618,-0.00702,-0.04756,0.05363,-0.02795,0.01906,0.04413,-0.02578,0.00505,-0.00627,0.08801,0.03755,-0.01636,-0.04814,-0.09561,-0.0906,0.03916,0.02032,-0.0433,-0.01401,0.02694,0.10337,-0.04744,-0.10307,-0.05154,0.0529,-0.03981,0.03013,-0.02886,-0.0256,0.03643,-0.01815,-0.05697,-0.06842,-0.05403,0.03635,-0.05956,-0.04188,0.08309,0.01216,-0.03028,-0.01738,-0.03973,0.01446,-0.06547,-0.04199,-0.00253,-0.02197,0.0139,-0.06301,-0.02281,-0.04776,0.03349,-0.06694,0.08267,0.06966,0.0264,0.02278,-0.00194,0.01423,0.00954,-0.01561,-0.04999,0,0.01808,-0.02358,-0.01945,0.03773,0.04467,0.01136,0.05666,-0.07174,-0.06332,0.11208,-0.01259,0.075,-0.06005,0.08707,0.03303,-0.06036,0.01352,0.02358,-0.00599,-0.00934,0.00921,-0.02882,-0.07094,-0.01899,0.00329,0.04339,0.01458,0.05099,-0.03469,0.01097,0.02195,0.0145,0.03986,0.03185,-0.059,0.02658,-0.04352,-0.0635,0.03398,-0.02205,-0.01723,0.00565,-0.03656,0.04346,-0.00977,-0.00954,-0.03772,0.02954,0.04909,0.04198,-0.00352,0.05267,0.07517,0.01377,0.05527,-0.03869,-0.01821,0.04126,0.02645,0.01682,0.07152,0.04335,-0.11295,-0.06085,0.08526,0.10652,0.0038,-0.00833,-0.01331,-0.10974,-0.06592,0.15787,0.04229,0.07196,0.07154,-0.05452,-0.03508,-0.01343,0.10379,0.03227,-0.0663,0.0551,-0.04776,0.06322,0.02575,0.01661,0.00915,0.0154,-0.03277,0.01921,0.05013,-0.0104,0.05845,-0.06142,-0.01644,0,-0.01516,0.04818,-0.03042,0.10902,0.02735,-0.0443,0.03115,-0.00142,0.09491,0.02754,0.08255,0.06546,-0.01497,-0.08222,0.02999,0.04706,-0.10085,-0.09401,0.08469,-0.07691,0.00089,0.01943,-0.00653,-0.02879,-0.07381,-0.02914,0.0052,0.01117,0.05893,0.02631,0.02872,-0.01637,-0.09919,0.04298,-0.01982,-0.03131,-0.09864,0.09479,0.00095,-0.03479,-0.0318,-0.01266,-0.04855,0.07883,-0.02204,0.04651,-0.06401,-0.02008,-0.02504,-0.02656,-0.04475,0.01159,-0.03396,-0.04992,0.01629,0.02021,0.10596,-0.04746,-0.04606,0.00321,0.11036,0.00888,-0.02832,-0.09527,0.00851,0.00405,-0.0109,0.0217,0.08256,0.00444,0.07312,-0.01405,-0.00676,-0.06231,0.01021,0.05317,0.09184,0.01447,0.0494,0.07866,-0.04806,0.089,-0.05955,0.00844,0.07289,0.06199,-0.09677,0.03891,0.04809,0.01801,-0.0352,0.031,0.1066,0.02435,-0.00422,0,-0.04177,-0.01334,-0.01434,-0.06198,-0.01934,0.00831,0.02758,-0.03297,-0.04524,0.02786,-0.04326,0.05704,0.02577,-0.01161,0.04531,0.01205,-0.03598,0.00948,-0.09481,-0.08237,-0.01066,0.05766,-0.04468,0.01981,-0.0352,-0.01166,-0.02607,0.00114,-0.02286,0.01072,-0.02333,0.01306,-0.06796,0.04954,-0.0792,0.05794,-0.06953,0.02884,-0.0431,-0.06109,0.02275,-0.11206,0.03187,-0.0079,-0.05184,0.01013,-0.00932,-0.05686,-0.06032,0.05929,-0.0567,0.03015,-0.10076,0.10515,0.04352,-0.0097,0,-0.00039,0.05266,-0.02266,-0.09921,0.0141,-0.02581,0.04309],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. theme-all($scoped: true) Emits the main shipped theme stack: - flow-canvas() - node-group() - connector() - connection-all() - external-item-all() - plugins() Important: theme-all() does not include grouping() or connection-drag-handles-visible(). Those layers stay opt-in because they change interaction affordances.","excerpt":"theme-all($scoped: true) Emits the main shipped theme stack: - flow-canvas() - node-group() - connector() - connection-all() - external-item-all() - plugins() Important: theme-all() does not include grouping() or connection-drag-handles-visible(). Those layers stay opt-in because they change interaction affordances."},{"chunkId":"/docs/styling-mixins-and-scoping#4","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.02207,0.02973,0.01303,0.03122,0.06143,0.02927,0.05662,-0.04127,0.04451,-0.02989,-0.0564,-0.0427,-0.06488,0.00461,0.08117,-0.01368,-0.00817,0.00371,0.01461,0.03289,-0.03245,-0.04005,-0.01034,-0.02067,0.00086,0.05178,-0.02495,-0.00843,0.09688,-0.03302,0.07484,0.13682,-0.06088,0.03732,-0.09506,0.04284,0.08572,0.02624,-0.0911,-0.02672,0.02344,0.07442,-0.02576,-0.0743,-0.03322,-0.00187,-0.04054,0.02742,-0.08598,0.00721,-0.0295,-0.1155,-0.02831,0.08956,0.01297,0.04203,-0.00097,0.05228,0.05217,0.07413,-0.12061,-0.01116,-0.04013,0.05243,0.08413,-0.01722,-0.09949,0.04139,-0.06039,0.04063,0.02873,-0.02941,0.0427,-0.0207,0.06617,0.00132,-0.01745,-0.00511,-0.08092,-0.10081,0.0087,-0.00643,-0.048,-0.00848,0.02513,0.0824,-0.03604,-0.08951,-0.03305,0.03764,-0.02669,0.0701,-0.00987,-0.00369,0.07969,-0.0406,-0.06762,-0.03292,-0.05795,0.02259,-0.07322,-0.03114,0.07776,0.00283,0.00772,-0.02307,-0.0534,0.04031,-0.03543,-0.03201,-0.00775,0.00489,0.01252,-0.06103,0.03527,0.00357,0.04559,-0.04022,0.06346,0.07436,0.02069,0.01275,-0.00593,-0.02049,0.02587,-0.05832,-0.02477,0,0.0294,-0.00205,-0.04469,0.08115,0.03191,0.03617,0.01667,-0.06907,-0.05344,0.09454,-0.00429,0.06755,-0.07272,0.04347,0.02084,-0.04899,0.01096,-0.00419,0.00288,0.02715,0.02719,-0.02644,-0.06463,0.0125,0.02418,0.00781,-0.00825,0.04605,-0.07351,0.00541,0.01612,-0.01272,0.04317,0.00483,-0.06176,0.00691,-0.01768,-0.02078,-0.01965,-0.01414,0.0018,-0.00658,-0.0012,0.03879,-0.00054,-0.03935,-0.10128,0.03827,0.04406,0.04763,0.04246,0.07408,0.07634,0.02403,0.07989,-0.02415,-0.0143,0.00349,0.01042,-0.00723,0.08992,0.04195,-0.13781,-0.03728,0.06995,0.06103,-0.00669,-0.00172,-0.04562,-0.09125,-0.08482,0.13883,0.03104,0.06758,0.05982,-0.06129,-0.02317,-0.00569,0.1235,0.00325,-0.05143,0.073,-0.05782,0.04778,-0.0077,0.05262,-0.00559,0.02789,-0.05019,0.00794,0.03903,-0.03154,0.05951,-0.06911,0.00129,0,-0.03214,0.05846,-0.02843,0.1451,0.02903,-0.04943,0.07248,0.01134,0.0762,0.03165,0.06771,0.05367,-0.04529,-0.04074,0.05356,0.03535,-0.0957,-0.09705,0.09297,-0.08954,-0.04147,0.02955,0.007,-0.03835,-0.06923,-0.00229,-0.00694,0.0221,0.05332,0.05307,-0.01139,-0.03486,-0.08145,0.04316,-0.01491,-0.03102,-0.09537,0.04786,-0.01649,-0.05903,-0.02785,0.01214,-0.06373,0.08234,-0.04941,0.07017,-0.01923,0.00546,-0.02872,-0.03337,-0.02948,0.01193,-0.05023,-0.06532,0.00783,-0.01623,0.08515,-0.01636,-0.07008,0.00978,0.08261,0.03291,-0.04519,-0.1081,0.00077,-0.01098,-0.05531,0.01577,0.09091,-0.00371,0.0773,-0.00205,0.00831,-0.01486,-0.00383,0.05165,0.114,0.03713,0.07859,0.09193,-0.04611,0.08943,-0.06498,0.02947,0.06825,0.06303,-0.11542,-0.02817,0.06961,-0.02509,0.01476,0.04618,0.05945,-0.02018,0.00838,0,-0.02293,-0.00426,-0.0162,-0.06258,-0.0427,0.02053,0.0151,-0.05881,-0.01962,0.0031,-0.05762,0.06587,0.0552,-0.01073,-0.01366,0.00012,-0.02502,0.02589,-0.06472,-0.07506,-0.04314,0.04745,-0.05544,0.03859,-0.04753,-0.02178,-0.03729,0.01719,-0.03212,0.01168,-0.03648,0.0237,-0.05157,0.05674,-0.0851,0.01937,-0.07438,0.02736,-0.02934,-0.04819,0.02467,-0.07348,0.0508,-0.0318,-0.07507,0.00541,0.03298,-0.05724,-0.05525,0.04311,-0.04568,0.0304,-0.0395,0.10169,0.05736,-0.02048,-0.00992,-0.00759,0.02073,-0.0237,-0.14494,0.00506,-0.01082,0.03414],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Core mixins - flow($scoped: true) styles the root f-flow host. - canvas($scoped: true) styles .f-canvas. - flow-canvas($scoped: true) applies both. Use flow-canvas() unless you have a specific reason to split those two layers.","excerpt":"Core mixins - flow($scoped: true) styles the root f-flow host. - canvas($scoped: true) styles .f-canvas. - flow-canvas($scoped: true) applies both. Use flow-canvas() unless you have a specific reason to split those two layers."},{"chunkId":"/docs/styling-mixins-and-scoping#5","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.03284,0.05721,-0.01309,0.0913,0.09845,0.05152,0.07685,-0.05026,0.06829,-0.00569,-0.0223,-0.01805,-0.04083,-0.03127,0.03198,-0.03211,-0.05721,0.04056,-0.0506,0.00399,-0.00671,-0.05712,-0.02005,0.00671,-0.077,0.04488,-0.05228,0.00329,0.08873,-0.05809,0.04027,0.16602,-0.05509,0.04479,-0.10785,0.08304,0.08379,0.01489,-0.0839,-0.01438,0.05359,0.06302,0.01682,-0.06501,-0.05962,0.01305,-0.05514,0.03013,-0.12222,-0.00537,0.0097,-0.10927,0.00691,0.10543,-0.00049,0.0426,-0.00031,-0.01754,0.02957,-0.00782,-0.06487,-0.03078,-0.01204,0.03348,0.02729,-0.01043,-0.06024,0.01005,-0.05049,0.05207,0.04212,-0.04453,-0.01189,0.02168,0.08382,0.0316,-0.00689,0.01054,-0.07893,-0.05951,0.04594,-0.00943,-0.06306,0.01562,-0.00459,0.09768,-0.04353,-0.11385,-0.04087,0.02445,-0.03825,0.10562,-0.0253,-0.03468,0.03621,-0.04458,-0.05337,-0.03663,-0.05534,0.05386,-0.0293,-0.01599,0.05748,-0.01486,-0.03584,-0.03011,-0.04925,-0.02257,-0.08094,-0.02169,-0.02606,0.03653,-0.02138,-0.06075,-0.02736,-0.03164,0.04188,-0.06534,0.03342,0.05291,0.07675,0.04339,-0.03521,0.03372,0.06122,0.01954,-0.05563,0,-0.0093,-0.03139,-0.05479,0.04062,0.06022,-0.01179,0.04351,-0.04015,-0.07032,0.06722,-0.02644,0.06281,-0.04301,0.01753,-0.0048,-0.09148,0.02306,0.02069,-0.01076,-0.03621,-0.00425,-0.01793,-0.06861,-0.00691,0.03112,-0.00398,-0.03159,0.04603,-0.01785,-0.00041,0.02996,0.00911,-0.01106,0.00235,-0.06087,0.05163,-0.00195,-0.03353,0.01399,-0.00008,0.0096,-0.00301,-0.00277,0.02245,0.00294,-0.00816,-0.04282,-0.01886,0.02231,0.0291,0.01984,0.04468,0.0987,0.0166,0.08295,-0.02124,0.0089,0.05063,0.01291,0.02338,0.05293,0.03917,-0.10125,-0.03805,0.10855,0.03606,0.01685,0.03982,0.01041,-0.0876,-0.05622,0.16178,0.04329,0.07724,0.05295,-0.04963,-0.02658,-0.03547,0.07849,0.03038,-0.03481,0.04334,-0.02341,0.02415,0.00559,-0.00809,0.01422,0.017,-0.07394,-0.02186,0.03762,-0.0418,0.06998,-0.0437,-0.02386,0,-0.02067,0.07945,-0.00897,0.1436,0.03525,-0.03606,0.0581,0.02436,0.0591,-0.00508,0.0324,0.05301,-0.04585,-0.04171,0.05259,0.0099,-0.14147,-0.10632,0.08638,-0.04642,0.02779,0.0256,0.00284,0.02934,-0.09914,-0.03886,0.01562,0.02007,0.06859,0.0367,0.02126,-0.07242,-0.07727,0.04499,-0.02357,-0.07554,-0.11106,0.13865,0.0303,-0.00434,-0.04763,0.00521,-0.05815,0.04392,-0.01613,0.05344,0.02849,0.00173,-0.05098,-0.00528,-0.05254,0.02365,-0.06936,-0.00985,0.04403,0.00914,0.08775,-0.03498,-0.0771,0.0125,0.07586,-0.00767,-0.04528,-0.1368,0.00314,-0.02157,-0.04409,-0.0124,0.07095,0.05896,0.0185,-0.01714,-0.01358,-0.03851,-0.00348,0.01064,0.10016,0.01285,0.05535,0.09723,-0.0873,0.0464,-0.0607,0.03533,0.01958,0.06145,-0.09042,0.04836,0.06549,0.03471,-0.02494,0.00753,0.06838,0.00802,-0.02601,0,-0.04164,-0.00935,-0.00968,-0.03993,-0.00869,0.00826,0.04424,-0.06051,-0.01154,0.00422,-0.04567,0.06903,0.03161,-0.02426,0.01356,0.01139,-0.05885,-0.00391,-0.06469,-0.06851,-0.00564,0.04252,-0.05087,0.03306,-0.02384,-0.04461,-0.08687,0.00802,-0.02486,-0.01991,-0.02916,0.03828,-0.03828,0.06555,-0.06512,0.03345,-0.10292,0.05329,0.03659,-0.01763,0.03877,-0.04472,0.00567,-0.00173,-0.06916,0.02677,0.01121,-0.04806,-0.04187,0.03622,0.00034,0.01503,-0.08989,0.13957,0.04603,0.01791,-0.02539,0.0162,0.06619,-0.04494,-0.09079,-0.01311,-0.06174,0.04014],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Node and group mixins - node($scoped: true, $selectorless: false) - group($scoped: true, $selectorless: false) - grouping($scoped: true) - drag-handle($scoped: true) - resize-handle($scoped: true) - rotate-handle($scoped: true) - node-group($scoped: true) Notes: - node-group() includes node, group, drag-handle, resize-handle, and rotate-handle. - grouping() is separate on purpose. It styles the drop-target states used while dragging into nodes/groups: - .f-grouping-drop-active - .f-grouping-over-boundary - grouping() only becomes visible while the flow host is in .f-dragging.","excerpt":"Node and group mixins - node($scoped: true, $selectorless: false) - group($scoped: true, $selectorless: false) - grouping($scoped: true) - drag-handle($scoped: true) - resize-handle($scoped: true) - rotate-handle($scoped: true) - node-group($scoped: true) Notes: - node-group() includes node, group, drag-handle, resize-handle, and rotate-handle. - grouping() is separate on purpose. It styles the drop-target states used while dragging into nodes/groups: - .f-grouping-drop-active - .f-grouping-over-boundary - grouping() only becomes visible while the flow host is in .f-dragging."},{"chunkId":"/docs/styling-mixins-and-scoping#6","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.01648,0.0316,-0.02286,0.05711,0.01684,0.01731,0.06942,-0.05278,0.03583,-0.02143,-0.01811,-0.01572,-0.03836,-0.02416,0.06626,-0.01402,0.01324,-0.00534,0.01269,0.04222,-0.05402,-0.01407,-0.02795,-0.00465,-0.05029,0.01953,0.00276,0.01521,0.08301,-0.03511,0.04758,0.13696,-0.07546,0.02015,-0.06995,0.02351,0.11016,0.00971,-0.07951,-0.02416,0.05677,0.00541,-0.01811,-0.04223,-0.04288,-0.00631,-0.03057,-0.01415,-0.119,-0.04154,-0.0358,-0.12557,-0.01393,0.09606,0.03729,0.0557,-0.03646,0.02913,0.04569,0.05431,-0.08417,-0.00752,-0.02161,0.05109,0.06122,-0.04551,-0.08089,0.03358,-0.06315,0.02359,-0.02036,-0.04223,0.00093,-0.03154,0.06602,0.0524,0.02154,-0.04227,-0.06998,-0.08298,0.00871,0.02073,-0.04747,0.01976,0.03466,0.09879,-0.02571,-0.11322,-0.06823,0.00767,-0.00792,0.05693,-0.00805,-0.02677,0.02898,-0.01233,-0.04292,-0.0461,-0.0495,0.04164,-0.07022,-0.02371,0.06512,0.00879,-0.01838,-0.02767,-0.05536,0.03986,-0.05306,-0.05301,0.00086,-0.00805,-0.00469,-0.10867,-0.01809,0.00229,0.0307,-0.05078,0.10707,0.045,0.01733,0.00576,-0.00197,0.03048,0.02148,-0.02838,-0.00951,0,0.01263,-0.00134,-0.05542,0.04064,0.03955,0.03896,0.02499,-0.04807,-0.0295,0.10228,0.01912,0.068,-0.05907,0.05761,0.04173,-0.04308,-0.01361,0.0232,-0.00351,0.00422,-0.0021,-0.04032,-0.04565,0.01413,0.05355,0.04322,-0.01242,0.04033,-0.06251,0.00858,0.03227,-0.00519,0.05031,0.01609,-0.067,0.00694,-0.04088,-0.06256,-0.0413,0.02045,0.0214,-0.01545,-0.01178,0.04965,-0.00036,-0.00725,-0.06548,0.01045,0.06864,0.02098,0.02423,0.07667,0.10217,0.02876,0.06089,-0.01645,-0.0186,0.04038,0.02189,-0.01186,0.04142,0.02547,-0.10423,-0.05086,0.06086,0.07604,-0.00597,-0.01317,-0.01002,-0.10458,-0.07451,0.17519,0.01715,0.07644,0.03105,-0.06031,-0.03226,-0.01005,0.14706,-0.0182,-0.04752,0.05961,-0.04564,0.06172,0.05038,0.01242,-0.00351,0.00561,-0.06364,-0.00486,0.02211,-0.00887,0.02818,-0.07492,-0.00402,0,-0.01468,0.03617,-0.04365,0.1435,0.00627,-0.0408,0.06653,0.0107,0.08014,0.00723,0.10239,0.07229,-0.01953,-0.06093,0.02347,0.03883,-0.14697,-0.09494,0.07102,-0.03155,-0.01094,0.016,0.06033,-0.05301,-0.07525,-0.00673,0.01599,0.01884,0.02833,0.04543,0.01485,-0.01651,-0.09561,0.02157,-0.06795,-0.03091,-0.09963,0.08366,0.03118,-0.05442,0.00677,-0.00128,-0.04582,0.09518,-0.06303,0.01887,-0.05544,-0.04368,0.00041,-0.04517,-0.04003,0.02864,-0.0587,-0.01499,-0.01862,-0.00397,0.08327,-0.02523,-0.05532,0.02288,0.0897,0.00091,0.00796,-0.08691,0.0336,-0.01166,-0.03893,-0.00668,0.08704,0.00235,0.10207,-0.0055,-0.02278,-0.03308,-0.01921,0.05331,0.10249,0.02713,0.08026,0.1194,-0.05566,0.07892,-0.06885,0.01289,0.08372,0.03718,-0.09526,0.03432,0.05158,0.01016,-0.00992,0.06891,0.07949,-0.00249,-0.01532,0,-0.02196,-0.01816,-0.03104,-0.04382,-0.02644,0.00848,0.00248,-0.09804,-0.03872,0.01941,-0.03914,0.04958,0.00242,0.01117,0.02252,0.01939,-0.0535,-0.01137,-0.09564,-0.07475,-0.05003,0.07417,-0.03996,0.02814,-0.01216,-0.01389,-0.04327,0.02792,-0.0127,-0.00053,-0.0046,0.02791,-0.0327,0.05119,-0.08149,0.06532,-0.07693,0.03652,-0.04579,-0.05302,0.01224,-0.14718,0.00825,-0.02779,-0.04765,0.03323,0.01437,-0.04151,-0.07065,0.06908,-0.04641,0.01768,-0.06327,0.07499,0.02829,-0.01029,0.03025,0.03978,0.04255,-0.01934,-0.10863,0.015,-0.01498,0.03414],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Connector mixins - connector-sockets($scoped: true, $selectorless: false) - connector-outlet($scoped: true) - connector($scoped: true) connector() includes both socket and outlet styling.","excerpt":"Connector mixins - connector-sockets($scoped: true, $selectorless: false) - connector-outlet($scoped: true) - connector($scoped: true) connector() includes both socket and outlet styling."},{"chunkId":"/docs/styling-mixins-and-scoping#7","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.03826,0.03336,-0.05497,0.08219,0.0416,0.04564,0.09919,-0.06264,0.06987,-0.00941,0.01285,0.01001,-0.04892,-0.03907,0.06258,-0.00081,-0.00005,-0.05037,-0.02297,0.02681,-0.03593,-0.04675,-0.02016,-0.02459,-0.04633,0.01413,-0.01982,0.03286,0.09336,-0.02503,0.02648,0.11141,-0.1108,-0.01236,-0.10959,0.04195,0.13698,0.00247,-0.09467,-0.02329,0.05252,-0.01425,-0.00381,-0.02685,-0.05381,-0.01676,-0.04985,0.00093,-0.10362,-0.01577,-0.03287,-0.10901,-0.00923,0.0879,0.02306,0.06217,-0.03182,0.04673,-0.00729,0.05355,-0.08634,-0.01335,-0.03531,0.02899,0.01828,-0.01933,-0.08926,0.02156,-0.04107,0.0456,-0.01668,-0.04065,-0.02231,-0.02866,0.07129,0.00426,0.00003,-0.00664,-0.06948,-0.08622,0.05334,0.03632,-0.0416,0.01308,0.02682,0.0975,-0.01397,-0.11004,-0.06236,0.0284,0.00128,0.05993,-0.03803,-0.02019,0.02862,-0.02982,-0.03742,-0.01269,-0.06358,0.06466,-0.05731,-0.02109,0.05642,0.03727,-0.03351,0.00706,-0.03353,0.01626,-0.05653,-0.02093,-0.0362,0.00283,-0.0355,-0.0834,-0.00711,0.01032,0.01382,-0.03557,0.08956,0.04335,0.03018,0.0365,-0.02847,0.00658,0.04267,-0.03383,-0.01889,0,0.03582,-0.00754,-0.06122,0.04495,0.04258,0.03062,0.01723,-0.07727,-0.05775,0.10786,-0.01047,0.06612,-0.07914,0.05688,0.03188,-0.04807,0.04638,0.01251,0.02918,-0.01421,0.00954,-0.07029,-0.0384,0.00466,0.08793,0.03522,0.00401,0.0602,-0.02313,0.00051,0.04645,0.0142,0.04188,-0.02214,-0.05902,0.03364,-0.05325,-0.05621,-0.00554,0.00649,0.03427,-0.04304,-0.03022,0.03359,-0.01989,0.01889,-0.0557,0.002,0.0179,0.00438,-0.02194,0.04806,0.06424,0.02163,0.04831,-0.04096,-0.03972,0.04943,-0.01509,0.00432,0.03751,0.01859,-0.07612,-0.04201,0.08534,0.08074,-0.02428,0.01702,-0.00927,-0.09243,-0.1149,0.17106,0.03759,0.06656,0.07375,-0.07537,-0.06002,-0.06126,0.14752,0.03831,-0.01398,0.0343,-0.03252,0.07002,0.01463,-0.00414,-0.00179,-0.0115,-0.03771,-0.00043,0.02469,-0.01158,0.06528,-0.07517,-0.04365,0,0.0064,0.03201,-0.014,0.11206,0.01297,-0.00599,0.09402,0.0408,0.06151,-0.01242,0.11602,0.06961,-0.0248,-0.07036,0.02934,0.05597,-0.133,-0.10736,0.08636,-0.06916,-0.005,0.02711,0.03332,-0.03516,-0.07331,-0.06128,0.03098,-0.00861,0.03005,0.0411,0.02919,-0.03245,-0.08352,0.04373,-0.02908,-0.01771,-0.05668,0.07037,0.01508,-0.03093,-0.01647,0.00525,-0.03523,0.05218,-0.00747,0.0599,-0.07236,-0.03911,-0.0703,-0.03148,-0.02015,0.02517,-0.08612,-0.03925,0.01029,0.02398,0.05167,-0.03358,-0.05921,-0.00236,0.0954,-0.02072,-0.03193,-0.05974,0.00948,-0.03132,-0.03208,0.02456,0.12879,0.01767,0.05784,-0.01556,0.00035,-0.04467,0.02218,0.03483,0.1084,0.00834,0.06293,0.14198,-0.04872,0.06961,-0.03807,0.00513,0.05723,0.06509,-0.08347,0.03572,0.06466,-0.00622,-0.03611,0.04163,0.04239,0.02962,-0.01431,0,-0.02596,-0.04185,-0.02634,-0.08846,-0.01625,0.02116,0.02624,-0.05839,-0.05312,0.02068,-0.04787,0.05194,-0.04009,0.00622,-0.0069,0.01889,-0.02948,0.02401,-0.04774,-0.08431,-0.03231,0.07047,-0.028,0.06341,0.00598,-0.02245,-0.06434,0.03241,-0.01922,0.02059,-0.00268,-0.00953,-0.02099,0.0274,-0.07184,0.05107,-0.11239,0.02233,-0.00944,0.00864,0.07502,-0.09708,0.03801,0.00225,-0.00792,0.04029,0.02118,-0.03065,-0.07407,0.00624,-0.03736,0.02453,-0.06109,0.05866,0.03355,0.00166,0.01984,0.0438,0.0559,-0.03634,-0.1381,-0.00211,-0.03045,0.03285],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Connection mixins - connection($scoped: true) - connection-markers($scoped: true) - connection-waypoints($scoped: true) - connection-drag-handles($scoped: true) - connection-drag-handles-visible($scoped: true) - connection-all($scoped: true) Notes: - connection() also styles .f-connection-content, because connection labels/widgets are regular HTML attached to an edge. - connection-all() includes connection-drag-handles(), not connection-drag-handles-visible(). - connection-drag-handles-visible() is an opt-in UX layer for editors where drag handles should always be visible rather than only styled when rendered by interaction state.","excerpt":"Connection mixins - connection($scoped: true) - connection-markers($scoped: true) - connection-waypoints($scoped: true) - connection-drag-handles($scoped: true) - connection-drag-handles-visible($scoped: true) - connection-all($scoped: true) Notes: - connection() also styles .f-connection-content, because connection labels/widgets are regular HTML attached to an edge. - connection-all() includes connection-drag-handles(), not connection-drag-handles-visible(). - connection-drag-handles-visible() is an opt-in UX layer for editors where drag handles should always be visible rather than only styled when rendered by interaction state."},{"chunkId":"/docs/styling-mixins-and-scoping#8","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.04588,0.02862,0.00246,0.05319,0.05822,0.01991,0.07423,-0.03975,0.05752,-0.03613,-0.05377,-0.04441,-0.07004,-0.0466,0.10001,0.00514,0.04998,-0.00356,-0.03642,0.03888,-0.01909,0.01239,0.0052,-0.00651,-0.07267,0.05662,-0.00811,-0.00397,0.09578,-0.03912,0.056,0.13654,-0.03503,0.02957,-0.072,0.04293,0.09168,0.03105,-0.09688,-0.03283,0.03348,0.06297,-0.01215,-0.07469,-0.0624,-0.03501,-0.00433,-0.02555,-0.11278,-0.01675,-0.02854,-0.11918,-0.01379,0.08022,-0.0035,0.05977,0.01594,-0.00284,0.0338,0.04801,-0.09322,-0.00385,-0.00879,0.04148,0.04763,-0.02325,-0.07739,0.05202,-0.06941,0.00727,0.03025,-0.04154,0.0295,-0.01045,0.09053,0.03915,0.00996,-0.07252,-0.07176,-0.10318,0.02229,0.02751,-0.01705,-0.02996,0.01932,0.07612,-0.02123,-0.1037,-0.0115,0.05302,-0.01442,0.0225,-0.02957,-0.02104,0.07502,-0.02628,-0.05165,-0.06801,-0.04671,0.0462,-0.06216,-0.00557,0.07846,0.04497,0.00005,-0.0273,-0.00752,0.02836,-0.05676,-0.05624,0.01098,-0.02724,-0.01677,-0.11758,-0.02704,-0.02962,0.0421,-0.07815,0.06696,0.03183,0.006,0.01584,-0.01495,0.0164,0.04027,-0.02149,-0.0085,0,0.00089,-0.04118,-0.04583,0.02978,0.07435,0.02286,0.0417,-0.06676,-0.02801,0.08739,0.04302,0.08184,-0.05557,0.07345,0.00672,-0.03443,-0.02228,0.04811,0.00145,0.0152,0.03392,-0.03642,-0.0715,-0.02718,0.00576,0.05463,0.01995,0.05207,-0.03925,0.0019,0.05362,0.00049,0.05548,0.01595,-0.05333,0.05127,-0.05379,-0.01916,-0.00254,-0.02506,0.01542,-0.00732,-0.02867,0.03516,-0.02587,-0.03857,-0.05408,0.0232,0.04072,0.00427,0.02526,0.07941,0.05466,0.0264,0.0551,-0.02154,-0.02031,0.03212,0.0308,-0.01331,0.06552,0.063,-0.06791,-0.04297,0.06165,0.05719,0.02273,-0.01891,-0.00142,-0.10589,-0.05032,0.15878,0.02686,0.0688,0.08788,-0.06912,-0.02614,-0.01589,0.12007,0.00414,-0.03492,0.03685,-0.03238,0.09582,-0.00651,0.01576,-0.03343,0.01552,-0.05091,0.01606,0.0429,-0.04014,0.0345,-0.07031,-0.01948,0,0.00508,0.04637,-0.03785,0.1245,0.02519,-0.02797,0.0398,0.04584,0.07713,0.03649,0.0532,0.0758,-0.02406,-0.07815,0.04298,0.038,-0.13445,-0.07336,0.08864,-0.09102,-0.00324,0.03308,0.02039,-0.02045,-0.09072,-0.02013,-0.00329,0.02499,0.03171,0.01022,0.01692,0.00549,-0.07888,0.02348,-0.05245,-0.03903,-0.11385,0.05473,-0.00333,-0.01181,-0.02401,-0.00165,-0.06889,0.08456,-0.07261,0.02703,-0.05651,-0.03488,0.01982,-0.03089,-0.02599,0.01292,-0.0749,-0.02571,0.00123,0.0315,0.0389,-0.01488,-0.08266,0.03043,0.06095,0.00695,0.00867,-0.09686,0.00757,-0.00106,-0.02446,0.02055,0.1042,0.00729,0.11402,-0.01689,-0.03113,-0.03478,0.00986,0.05595,0.15786,0.01689,0.06652,0.109,-0.05176,0.05659,-0.06271,0.04392,0.05968,0.00532,-0.08752,0.02188,0.02349,0.00296,-0.04016,0.01765,0.05434,0.02009,-0.00768,0,-0.0375,-0.02662,-0.00254,-0.01508,-0.0807,0.01238,-0.0053,-0.05994,-0.05258,0.03028,-0.04552,0.05301,0.03527,-0.02466,-0.01231,-0.00952,-0.04824,-0.01319,-0.0921,-0.07137,-0.03199,0.08258,-0.01999,0.01025,-0.02992,0.02325,-0.04049,0.01719,0.00059,0.0034,0.02348,0.03764,-0.05638,0.02104,-0.08709,0.02863,-0.05948,0.02955,-0.02781,-0.04779,-0.00276,-0.14495,0.00478,-0.03577,-0.06577,0.00527,-0.04499,-0.04136,-0.06458,0.05829,-0.04977,0.04825,-0.08668,0.1033,0.05893,-0.02408,0.00184,0.00618,0.03646,0.00019,-0.08882,-0.01346,-0.02927,0.06711],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. External item mixins - external-item($scoped: true) - external-item-preview($scoped: true) - external-item-placeholder($scoped: true) - external-item-all($scoped: true) These classes are usually rendered outside the flow host, so in practice they behave like global utility styling.","excerpt":"External item mixins - external-item($scoped: true) - external-item-preview($scoped: true) - external-item-placeholder($scoped: true) - external-item-all($scoped: true) These classes are usually rendered outside the flow host, so in practice they behave like global utility styling."},{"chunkId":"/docs/styling-mixins-and-scoping#9","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.05291,0.03173,-0.00589,0.04351,0.03962,0.04291,0.0547,-0.02803,0.01231,-0.02795,-0.05512,-0.04187,-0.05523,-0.03412,0.06876,0.00266,0.00732,0.01682,0.01766,0.03486,-0.05858,-0.0012,0.00248,-0.00399,-0.06271,0.05252,0.0071,0.0248,0.07916,-0.05541,0.05303,0.15744,-0.0453,0.02414,-0.10686,0.04708,0.0813,0.00724,-0.08329,-0.03077,0.01132,0.04111,-0.01657,-0.05355,-0.04328,-0.02009,-0.00684,-0.01601,-0.09935,-0.02327,-0.01671,-0.12131,-0.01466,0.08502,0.02326,0.0477,-0.00281,-0.0176,0.0552,0.03283,-0.09453,-0.01096,-0.03271,0.03959,0.06874,-0.02636,-0.0898,0.02972,-0.03071,0.00262,-0.00251,-0.03058,-0.00647,-0.00344,0.05145,0.04987,0.01769,-0.04684,-0.07452,-0.12108,0.02364,0.01905,-0.03246,0.02686,0.01597,0.08311,-0.02321,-0.13071,-0.03123,0.0339,0.01901,0.03752,-0.03932,-0.03174,0.02741,-0.0258,-0.06947,-0.08632,-0.05725,0.04324,-0.06095,-0.04281,0.08013,-0.00156,-0.00418,-0.02256,-0.02621,0.02931,-0.06956,-0.0532,0.00286,-0.00841,0.00561,-0.11104,0.01213,-0.0038,0.04919,-0.06002,0.08024,0.04892,0.02325,0.03454,-0.02451,0.00558,0.019,-0.01921,-0.02418,0,0.03494,-0.0043,-0.03013,0.07799,0.04927,0.02678,0.02972,-0.08646,-0.03833,0.09305,0.0075,0.05637,-0.08008,0.05903,0.02532,-0.08124,-0.00246,0.00203,-0.0311,-0.00291,-0.00838,-0.00828,-0.03508,-0.01827,0.0347,0.03702,0.03072,0.04602,-0.05271,0.00265,0.04904,-0.00258,0.04044,0.02504,-0.0768,0.04284,-0.04357,-0.05304,-0.01089,0.00637,0.02373,-0.00259,-0.02902,0.03531,0.00397,0.00825,-0.03346,0.01799,0.07901,0.03821,0.03542,0.06551,0.06499,0.03156,0.07525,-0.01999,-0.00585,0.01756,0.04021,0.01072,0.07012,0.04136,-0.10404,-0.02824,0.0557,0.07127,0.00884,-0.00344,-0.00182,-0.11083,-0.05202,0.16715,0.05837,0.0665,0.06774,-0.06558,-0.01406,-0.01291,0.11125,-0.00444,-0.06507,0.07113,-0.07028,0.05712,0.0297,0.02759,-0.00247,0.03509,-0.0506,0.0103,0.0238,-0.02549,0.0304,-0.05138,-0.04554,0,-0.04007,0.02491,-0.01482,0.14092,0.01861,-0.04429,0.05454,0.04586,0.07373,0.04096,0.08003,0.07904,-0.00928,-0.09239,0.06031,0.04513,-0.14545,-0.07731,0.07876,-0.05682,-0.00117,0.01623,0.0111,-0.0243,-0.0694,-0.00018,-0.01392,0.03725,0.06022,0.01981,0.01292,-0.02966,-0.11641,0.02653,-0.04225,-0.05751,-0.08535,0.10398,-0.01031,-0.04398,-0.03163,0.00719,-0.03742,0.06857,-0.05303,0.01272,-0.05389,-0.03456,-0.00471,-0.04276,-0.04046,0.00018,-0.05402,-0.03719,-0.01109,0.01674,0.05042,-0.0085,-0.02543,0.04172,0.05775,-0.02159,-0.01945,-0.11242,0.01827,0.01517,-0.02319,0.01686,0.08912,0.01707,0.1024,0.00117,-0.01174,-0.04374,0.01671,0.048,0.11063,0.02583,0.06128,0.09765,-0.03794,0.06211,-0.06525,0.02744,0.06691,0.05542,-0.08598,0.0091,0.05378,-0.00238,-0.01876,0.06808,0.08551,0.01236,-0.00589,0,-0.01628,-0.01635,-0.00808,-0.04503,-0.03494,0.01221,0.01996,-0.07898,-0.04758,-0.00579,-0.05416,0.09801,0.03318,0.01161,0.00132,0.00333,-0.08066,0.00593,-0.07507,-0.07692,-0.01947,0.08223,-0.02886,0.03212,-0.02789,0.01865,-0.02927,0.02136,-0.0077,0.00133,0.00752,0.03402,-0.03031,0.04397,-0.0891,0.03952,-0.05617,0.01378,-0.06165,-0.04764,-0.0021,-0.14033,0.04566,-0.04401,-0.08135,-0.00021,-0.01379,-0.04535,-0.05424,0.04061,-0.04227,0.02777,-0.07107,0.10055,0.05312,-0.02107,-0.00374,0.00136,0.03263,-0.01245,-0.11546,0.01067,-0.03554,0.0553],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Plugin mixins - background($scoped: true) - selection-area($scoped: true) - minimap($scoped: true) - magnetic-lines($scoped: true) - magnetic-rects($scoped: true) - plugins($scoped: true) plugins() includes all shipped plugin styling layers.","excerpt":"Plugin mixins - background($scoped: true) - selection-area($scoped: true) - minimap($scoped: true) - magnetic-lines($scoped: true) - magnetic-rects($scoped: true) - plugins($scoped: true) plugins() includes all shipped plugin styling layers."},{"chunkId":"/docs/styling-mixins-and-scoping#10","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.03735,0.05437,0.02939,0.06208,0.07149,0.02403,0.0511,-0.05684,0.07517,-0.02436,-0.06355,-0.04009,-0.05988,-0.03177,0.05486,-0.01036,0.00242,0.02125,-0.01502,0.02962,-0.01399,0.00203,0.00082,-0.01067,-0.05624,0.05432,-0.01904,-0.02026,0.10171,-0.02056,0.07144,0.16011,-0.06089,0.04067,-0.1051,0.04489,0.09177,0.03048,-0.07134,-0.00866,0.02622,0.07083,-0.01679,-0.06455,-0.04004,-0.03507,-0.03317,-0.00268,-0.11854,-0.01457,-0.0304,-0.08902,-0.00758,0.0713,-0.00941,0.02392,0.01688,-0.0024,0.05836,0.06521,-0.10542,-0.01294,-0.03474,0.03895,0.0674,-0.01522,-0.07354,0.04339,-0.04178,0.02921,0.01216,-0.02675,0.02645,-0.01324,0.07239,0.01646,-0.03796,-0.0396,-0.0621,-0.11137,0.02704,-0.0089,-0.02928,-0.0276,0.04692,0.07944,-0.02505,-0.1254,-0.00664,0.0699,-0.0045,0.02474,0.02145,-0.02003,0.03239,-0.01326,-0.03996,-0.05767,-0.0267,0.03646,-0.09032,-0.02167,0.05818,0.02572,0.00162,-0.02971,-0.047,0.02839,-0.05156,-0.05915,0.02343,-0.01527,-0.00796,-0.09307,0.0067,-0.00753,0.06724,-0.06168,0.07965,0.06367,0.01698,0.00201,-0.03468,0.02277,0.04603,-0.02174,-0.04708,0,0.03915,-0.00892,-0.05601,0.0699,0.02939,0.02499,0.02704,-0.07945,-0.02488,0.08778,0.03615,0.04694,-0.07906,0.03373,0.03013,-0.04859,-0.02663,0.0063,-0.02641,0.00596,0.0236,-0.02765,-0.04946,-0.02984,0.00587,0.0292,-0.02883,0.03166,-0.04527,0.00594,0.04795,-0.01046,0.04792,0.03405,-0.05036,0.0415,-0.02254,-0.03781,0.01648,-0.00009,-0.01011,-0.00372,0.0065,0.02064,-0.00797,-0.00793,-0.08106,0.03547,0.05025,0.01401,0.04667,0.09433,0.10767,0.01529,0.08552,0.0074,-0.02083,0.0094,0.06024,0.02173,0.04553,0.04733,-0.11482,-0.02737,0.04334,0.06534,0.02607,-0.00814,-0.02494,-0.12867,-0.06402,0.13145,0.02265,0.05847,0.07366,-0.05659,-0.0234,0.00205,0.11989,-0.02549,-0.04343,0.04036,-0.05977,0.0793,0.03244,0.02657,-0.03442,0.0038,-0.05883,0.00303,0.05756,-0.03498,0.05402,-0.06967,0.01308,0,-0.00663,0.03153,-0.02809,0.14753,-0.00023,-0.03926,0.03649,0.03434,0.07648,0.00115,0.05991,0.08313,-0.0416,-0.06091,0.01252,0.04027,-0.09072,-0.08047,0.07662,-0.07734,-0.01124,-0.00077,0.00762,-0.03205,-0.04751,-0.02004,0.00255,0.0427,0.05625,0.00997,-0.00105,-0.02628,-0.08688,-0.00245,-0.02502,-0.05574,-0.1241,0.06557,0.00427,-0.00237,-0.0392,0.00356,-0.02627,0.08562,-0.04966,0.06391,-0.01578,0.00834,0.00942,-0.03611,-0.04925,-0.00143,-0.06228,-0.04636,-0.01368,0.01155,0.08381,-0.02132,-0.05726,0.01968,0.06588,0.01863,-0.0179,-0.11985,-0.00286,-0.00401,-0.04886,0.01483,0.09436,0.00212,0.09773,-0.05628,-0.01873,-0.06368,-0.00601,0.04239,0.12292,-0.00643,0.07653,0.09001,-0.06733,0.08828,-0.06943,0.00457,0.07109,0.04387,-0.10235,0.00607,0.06682,-0.00564,-0.02143,0.05009,0.06223,-0.02632,-0.01715,0,-0.04181,-0.0006,-0.03047,-0.06392,-0.02172,0.01704,0.02376,-0.07601,-0.05365,-0.00999,-0.03492,0.06957,0.04141,-0.02743,0.00113,-0.011,-0.03216,0.00688,-0.10211,-0.06883,-0.02561,0.07786,-0.03662,0.03169,-0.01963,-0.00321,-0.03326,0.00321,0.01501,0.00447,0.00026,0.04983,-0.04212,0.06271,-0.0895,0.04287,-0.05349,0.00135,-0.02373,-0.0684,0.01274,-0.12404,0.02863,-0.02029,-0.09022,0.02392,0.01329,-0.03911,-0.04248,0.07758,-0.03138,0.02902,-0.07125,0.11515,0.04302,-0.03359,0.00406,0.00416,0.03572,-0.02596,-0.11171,0.00026,-0.01538,0.0523],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. How $scoped works When $scoped: true: - selectors are emitted under f-flow, .f-flow; - the theme becomes self-scoped to flow roots. When $scoped: false: - raw selectors are emitted; - the mixin is meant to be nested under your own wrapper selector. Example: That pattern is especially useful in component-local stylesheets and in pages that host multiple visually different editors.","excerpt":"How $scoped works When $scoped: true: - selectors are emitted under f-flow, .f-flow; - the theme becomes self-scoped to flow roots. When $scoped: false: - raw selectors are emitted; - the mixin is meant to be nested under your own wrapper selector. Example: That pattern is especially useful in component-local stylesheets and in pages that host multiple visually different editors."},{"chunkId":"/docs/styling-mixins-and-scoping#11","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[0.00049,0.03791,-0.01831,0.09355,0.07464,0.02895,0.09013,-0.06468,0.04797,-0.04542,-0.04574,-0.03487,-0.08412,-0.02523,0.05884,-0.02162,0.08039,-0.02816,0.0351,0.00248,-0.06012,-0.03215,0.01795,0.01123,-0.09249,0.04054,-0.0432,-0.04631,0.08935,-0.0207,0.06755,0.13745,-0.03219,0.05279,-0.0696,0.05792,0.1028,-0.01459,-0.12131,-0.05453,0.07017,0.05496,-0.02332,-0.02658,-0.03833,-0.00784,-0.02593,-0.05577,-0.11058,-0.0134,-0.00686,-0.08337,0.03464,0.04472,0.01868,0.04978,-0.00423,0.02948,0.03195,0.05736,-0.09784,-0.06372,-0.01359,0.04151,0.08876,0.01591,-0.0583,-0.01456,-0.02984,0.01299,0.00895,-0.03565,0.01146,-0.03518,0.04959,0.06357,0.02636,-0.03769,-0.06282,-0.0771,-0.00114,0.00022,-0.06266,-0.00686,0.05029,0.10663,-0.06556,-0.09794,-0.05629,0.01189,-0.07252,0.04166,0.00165,-0.0166,0.04114,-0.01802,-0.05974,-0.03183,-0.08091,0.04969,-0.05174,-0.01186,0.04356,0.02251,-0.02422,-0.00649,-0.10196,0.02564,-0.09438,-0.0521,0.01048,0.00209,0.00977,-0.02779,0.00385,-0.00991,0.06716,-0.01987,0.0879,0.04914,0.05099,0.00544,-0.00908,0.02357,-0.01106,-0.04317,0.01169,0,0.01555,-0.03088,-0.00146,0.04057,0.05325,-0.01851,0.02924,-0.04558,0.00377,0.09233,-0.00537,0.05395,-0.01693,0.03416,0.03966,-0.08487,-0.02671,0.02869,0.03835,0.01365,-0.00118,0.00537,-0.06372,-0.02844,-0.00028,0.00918,-0.0264,0.01599,-0.0271,0.00751,-0.01122,-0.02086,0.0395,0.05367,-0.0732,0.03321,-0.02919,-0.02505,-0.04813,0.02593,0.01218,0.02345,-0.00963,0.03748,-0.0169,-0.03983,-0.04891,0.02286,0.07077,0.03187,0.03353,0.0294,0.09875,-0.04966,0.08198,-0.00801,0.0186,0.06731,0.08013,-0.01052,0.02684,0.02007,-0.11459,-0.03412,0.07722,0.09995,0.00419,-0.05666,-0.06505,-0.10264,-0.03839,0.17323,-0.00338,0.05764,0.08149,-0.01792,-0.06581,-0.01613,0.03564,0.01631,-0.03847,0.05502,-0.04902,0.04211,0.05742,0.00784,-0.02951,0.01042,-0.04839,-0.00405,0.05322,-0.01843,0.04414,-0.02626,0.0137,0,-0.01975,0.02305,-0.04959,0.13956,0.01515,-0.06392,0.05369,0.00216,0.0596,0.01545,0.05933,0.05059,-0.04426,-0.05878,-0.00753,0.04214,-0.118,-0.05138,0.06245,-0.02892,0.00537,0.04841,0.04492,-0.03068,-0.04728,0.00333,0.02549,0.04967,0.03631,-0.02209,-0.01898,-0.02135,-0.09463,0.01029,-0.01837,-0.01453,-0.1186,0.13311,0.02214,-0.05292,-0.0539,0.04517,-0.08328,0.11416,-0.01864,0.03998,-0.03172,-0.03118,-0.01382,0.00227,-0.04655,0.00932,-0.06243,0.0046,0.01525,0.00921,0.08361,-0.0252,-0.05825,0.00684,0.10212,-0.01395,-0.0041,-0.12709,0.04337,-0.00455,-0.05239,0.01602,0.1112,0.01694,0.08805,0.00605,-0.0107,-0.00071,-0.00501,0.04351,0.11861,-0.00177,0.06845,0.09974,-0.09605,0.06381,-0.04965,0.00506,0.08706,0.04797,-0.08448,0.02346,0.04356,0.00685,0.01417,0.04308,0.083,0.01258,-0.01375,0,-0.02007,-0.00655,-0.06906,-0.05993,-0.06115,0.00907,0.011,-0.09731,-0.021,-0.01888,-0.03129,0.02451,0.04331,-0.00362,0.0196,0.03127,-0.01548,0.00747,-0.08544,-0.05663,-0.00169,0.02644,-0.01936,0.03558,-0.04223,-0.0344,-0.02633,0.00796,0.00392,0.01128,-0.04402,0.00945,-0.03643,0.06915,-0.07829,0.04129,-0.06725,0.02671,0.02009,-0.02285,-0.01943,-0.10328,-0.03338,-0.02927,-0.04896,0.00077,-0.005,-0.03338,-0.03499,0.07461,-0.02326,0.00862,-0.08777,0.0896,0.06479,-0.01916,0.05407,-0.00332,0.04042,-0.02039,-0.10313,0.01232,-0.01452,0.01497],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. How $selectorless works $selectorless: true is available for: - node() - group() - connector-sockets() Use it when you already own the selector and want to inject the shipped frame styles directly into it. Example: Without $selectorless: true, the mixin would emit .f-node { ... }. With $selectorless: true, it applies the node frame to .task-card itself.","excerpt":"How $selectorless works $selectorless: true is available for: - node() - group() - connector-sockets() Use it when you already own the selector and want to inject the shipped frame styles directly into it. Example: Without $selectorless: true, the mixin would emit .f-node { ... }. With $selectorless: true, it applies the node frame to .task-card itself."},{"chunkId":"/docs/styling-mixins-and-scoping#12","slug":"styling-mixins-and-scoping","route":"/docs/styling-mixins-and-scoping","section":"docs","title":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly","description":"Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in.","group":"Styling","vector":[-0.07344,0.05788,-0.00214,0.03859,0.03349,0.06249,0.02561,-0.03073,0.05248,0.01322,-0.08662,-0.00501,-0.0946,-0.01896,0.07712,-0.01312,0.00059,0.00691,0.00085,0.06186,-0.04336,0.03238,0.01194,-0.02154,-0.00474,0.07586,0.03756,-0.02721,0.11399,-0.02077,0.08478,0.1246,-0.04215,0.04467,-0.15851,0.03769,0.05859,0.01256,-0.02644,-0.01837,0.04386,0.09482,-0.04052,-0.08676,-0.06954,-0.03237,-0.02412,0.00987,-0.08654,-0.02126,-0.06092,-0.10986,-0.03424,0.0787,-0.00094,0.00775,0.00633,0.01694,0.08073,0.04063,-0.07466,-0.00579,-0.00478,0.04949,0.08924,-0.0039,-0.10765,0.02951,-0.05169,0.0326,0.00235,-0.02542,0.04985,-0.00043,0.0425,0.02597,-0.03513,-0.03459,-0.03985,-0.08004,0.03358,0.02063,0.00328,0.01237,0.04058,0.08206,-0.01426,-0.10184,-0.01923,-0.0363,0.02464,0.03421,-0.00096,-0.00504,0.02532,0.00548,-0.07,-0.0416,-0.07776,0.03433,-0.04511,-0.05957,0.08218,0.05115,-0.03657,-0.00078,-0.00996,0.032,-0.06251,-0.06048,0.02818,0.02349,-0.04167,-0.11289,-0.01193,-0.05241,0.02429,-0.05019,0.03303,0.08427,-0.00889,-0.02677,0.00587,-0.00314,0.02573,0.00193,0.00651,0,0.00169,0.01462,-0.08301,0.04172,0.05215,0.01307,0.00741,-0.09565,-0.00932,0.10319,0.05132,0.04798,-0.06277,0.05478,0.02294,-0.03637,-0.02417,0.0252,0.01641,-0.00074,0.02467,-0.01899,-0.03519,-0.0071,0.01082,0.01845,0.0099,0.01229,-0.11296,-0.00183,0.09393,0.01721,0.03604,-0.00206,-0.05135,0.05294,-0.0279,-0.0243,0.01131,-0.03091,0.01106,-0.00238,-0.04258,0.06552,-0.01485,0.01312,-0.00202,0.01462,0.06157,0.02571,0.04454,0.03392,0.07655,0.02444,0.0709,0.01175,-0.00784,0.02399,0.0896,0.00599,0.05257,0.0122,-0.07763,-0.04492,0.03425,0.04138,0.0296,-0.0128,-0.00549,-0.12146,-0.03763,0.10531,0.0527,0.0788,0.04112,-0.04572,0.00118,0.01602,0.13471,-0.00772,-0.00958,0.05292,-0.03058,0.08822,0.03404,-0.02498,-0.04091,-0.0086,-0.03938,0.03807,0.0569,-0.04444,0.01014,-0.07933,0.02274,0,0.01502,0.02419,-0.0431,0.09878,-0.00671,-0.06578,0.04341,0.05308,0.06886,0.03101,0.11971,0.07842,-0.01636,-0.06287,0.0068,0.05296,-0.09199,-0.07958,0.06937,-0.11654,-0.00846,-0.02864,0.02571,-0.04436,-0.04446,0.04107,0.00908,0.02781,0.06053,0.00198,0.00165,-0.01273,-0.07571,-0.01787,-0.06643,-0.02575,-0.09799,0.04317,-0.00092,-0.05394,-0.01173,0.02049,-0.00688,0.07778,-0.0646,0.01872,-0.00224,-0.01898,0.00733,-0.03181,-0.02231,-0.00405,-0.03756,-0.05283,-0.03319,0.01045,0.05051,-0.00697,-0.05691,0.02763,0.08803,0.0461,-0.02004,-0.10981,0.02081,0.03024,-0.06382,-0.00168,0.11524,0.01303,0.07303,-0.06546,-0.01474,-0.03947,0.01555,0.07525,0.14288,0.0068,0.04532,0.04538,-0.03613,0.04857,-0.09056,0.00587,0.06825,0.05674,-0.12611,-0.01302,0.05545,-0.00065,-0.04854,0.01005,0.09004,-0.02172,0.01724,0,-0.07452,0.02174,0.02928,-0.06998,-0.02032,0.02138,0.00164,-0.08462,-0.01976,0.01326,-0.05021,0.06514,0.00654,-0.00685,0.00283,0.01307,-0.05245,-0.02041,-0.10162,-0.08175,-0.02098,0.06673,0.00017,0.04604,-0.00049,-0.00108,-0.03238,0.00856,0.00048,0.01959,-0.01767,0.05045,-0.03841,0.01171,-0.07647,0.03222,-0.04975,-0.02062,-0.0233,-0.08778,-0.0172,-0.09885,0.05667,-0.01357,-0.11446,0.01686,-0.01616,0.0031,-0.03232,0.05578,-0.05827,0.00412,-0.11996,0.10803,0.02088,-0.0302,-0.01636,0.00904,0.03207,-0.05088,-0.10496,0.005,-0.0421,0.01902],"keywords":"Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Foblex Flow Styling Mixins and Scoping - Compose Theme Layers Correctly Learn the public SCSS mixins, how `$scoped` and `$selectorless` work, and which interaction layers are opt-in. Angular component stylesheet pattern In Angular component styles with default view encapsulation, a practical pattern is: If you do not want ::ng-deep, move the theme to a global stylesheet or use ViewEncapsulation.None. View Encapsulation","excerpt":"Angular component stylesheet pattern In Angular component styles with default view encapsulation, a practical pattern is: If you do not want ::ng-deep, move the theme to a global stylesheet or use ViewEncapsulation.None."},{"chunkId":"/docs/styling-tokens-and-overrides#0","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.04563,0.02405,-0.02462,0.02468,0.01953,0.06103,0.03687,0.05074,0.02942,0.02325,-0.12614,-0.00576,-0.0537,-0.01024,0.09266,-0.04082,-0.00934,0.06534,0.01431,0.02254,0.02831,-0.02303,-0.00915,0.01046,-0.06795,0.05929,-0.00289,0.01288,0.03801,-0.03624,0.06052,0.12492,0.01525,0.02489,-0.05156,-0.00474,0.0383,0.01211,-0.00881,-0.0126,0.02515,-0.00484,-0.05819,-0.01793,-0.04151,-0.01668,0.01579,-0.05899,-0.10348,0.03204,0.02574,-0.1131,-0.00545,0.04215,-0.00752,0.01612,-0.0097,-0.02545,0.08437,-0.00465,-0.07202,-0.04006,0.0386,0.05323,0.05311,0.02225,-0.07494,0.05115,0.0211,0.03182,0.01549,-0.00298,0.05557,-0.01221,0.01442,0.03865,0.03315,0.05795,-0.06912,-0.0993,0.01956,-0.03353,0.02439,0.05884,0.04355,0.08548,-0.03246,-0.10022,-0.00662,0.07737,-0.02638,-0.00554,0.05215,-0.07258,-0.0379,-0.03649,-0.0985,-0.05002,-0.03773,0.04793,-0.05143,-0.06943,0.07703,0.02939,0.04445,0.01479,-0.03592,0.01231,-0.03144,-0.03875,-0.00545,-0.00414,-0.01716,-0.15089,-0.00012,0.01049,-0.01074,-0.03631,0.03771,0.07448,0.07438,-0.03042,-0.03892,-0.00651,-0.01059,0.02517,-0.03507,0,-0.05124,0.06898,-0.04159,-0.00814,0.05229,-0.05673,0.0406,-0.07852,-0.10031,0.00926,0.04473,0.0827,-0.01937,0.04773,-0.03069,-0.08854,-0.02978,-0.02942,0.03499,-0.05294,0.01501,-0.03845,-0.0243,-0.00814,0.01851,-0.02794,0.03686,0.03137,-0.03079,0.03579,0.02412,-0.01101,0.07764,0.02724,-0.02955,0.03078,0.03022,-0.02751,0.02825,-0.00891,-0.00179,-0.00639,-0.05397,0.02986,-0.0141,0.04331,0.00934,-0.05502,0.08404,-0.00592,0.03729,0.02283,0.04965,0.05246,0.07426,-0.03409,-0.03168,-0.01587,0.0334,-0.0462,0.02357,0.02891,-0.02843,-0.07116,0.05436,0.04626,0.08734,0.01128,-0.02234,-0.11296,-0.09753,0.13615,-0.00039,0.03332,-0.03011,-0.04114,0.07049,0.01627,0.04128,0.03774,-0.05388,0.01821,-0.07052,0.06036,0.06367,-0.06502,0.00481,-0.04663,-0.08086,-0.07212,0.10925,-0.11219,0.04129,-0.00715,-0.07782,0,-0.02327,0.02904,-0.06333,0.14253,-0.02214,0.01604,0.05813,0.02986,0.02041,0.03041,0.05309,0.07171,-0.05227,-0.08462,-0.00766,-0.01094,-0.06115,-0.01242,0.05624,-0.10128,-0.02832,-0.00912,-0.0281,-0.01146,-0.03583,0.06854,-0.03791,0.0455,0.01093,0.00152,0.00624,-0.03627,-0.04595,-0.03605,0.00391,-0.05997,-0.08947,0.08951,-0.00097,-0.00943,0.02847,-0.00454,0.03403,0.06095,-0.03092,0.05843,-0.06701,-0.03793,-0.00918,-0.0251,0.00965,0.0013,-0.07343,0.00221,-0.03955,-0.0229,0.04128,0.05251,-0.08318,0.07221,0.10484,-0.01801,0.00091,-0.03794,0.04471,-0.0451,-0.05686,0.02295,0.01695,0.00767,0.07351,-0.02841,-0.10672,0.03568,0.03905,-0.00099,0.08798,0.00292,-0.01144,0.12367,-0.04715,0.07335,-0.02085,0.10923,0.05591,0.03639,-0.09924,0.04078,0.07506,-0.02575,-0.07334,0.07709,0.0763,0.00455,-0.02898,0,-0.0623,-0.07932,0.04748,-0.00011,-0.0323,0.03998,-0.05169,-0.07059,-0.04028,-0.05652,-0.04506,0.07226,-0.00147,-0.03908,-0.0387,0.02427,-0.05524,0.046,-0.0614,-0.07726,-0.0603,0.09245,-0.00982,0.01248,0.0109,0.01077,0.00622,0.00909,0.04001,0.02226,0.01956,0.01883,0.03364,0.02301,-0.06892,-0.03289,-0.10734,0.02357,-0.02709,0.06579,0.02103,-0.05161,-0.01482,0.0085,-0.09507,0.05931,0.01415,-0.00828,-0.07837,-0.02827,-0.02359,0.08669,-0.11659,0.14853,-0.01801,0.00123,-0.01919,0.06728,0.04311,-0.03459,-0.07694,-0.02197,-0.01744,0.0495],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Styling Tokens and Overrides Foblex Flow styling is token-driven. The shipped SCSS creates three token layers, but for application-level customization you should usually touch only the final one: --ff- alias tokens.","excerpt":"Styling Tokens and Overrides Foblex Flow styling is token-driven. The shipped SCSS creates three token layers, but for application-level customization you should usually touch only the final one: --ff- alias tokens."},{"chunkId":"/docs/styling-tokens-and-overrides#1","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.04531,0.04828,-0.02818,0.04804,0.0078,0.06755,0.02342,0.03972,0.02233,0.01894,-0.11627,-0.02085,-0.05734,-0.00847,0.09125,-0.03545,0.00349,0.08766,0.01773,0.03818,0.02419,-0.0393,-0.00667,-0.00012,-0.05858,0.04831,-0.02453,-0.0077,0.01755,-0.04477,0.07014,0.107,0.01172,0.03902,-0.03785,-0.00037,0.03457,0.009,-0.01768,-0.01154,0.02198,0.01176,-0.04728,-0.02624,-0.05366,-0.00055,0.03498,-0.04687,-0.11155,0.02192,0.0322,-0.10286,-0.00402,0.03852,-0.01531,0.02434,-0.00727,-0.01867,0.09094,0.00651,-0.04845,-0.0284,0.02347,0.04483,0.03967,0.04453,-0.07652,0.07811,0.00951,0.05808,0.02053,-0.00361,0.05832,-0.01234,0.03634,0.04378,0.01743,0.03768,-0.07155,-0.11338,0.0257,-0.0481,0.01238,0.06023,0.06854,0.07275,-0.03063,-0.08432,0.00545,0.07467,-0.03204,-0.00481,0.05308,-0.05998,-0.02945,-0.03876,-0.08444,-0.07024,-0.04981,0.07188,-0.05149,-0.06829,0.08611,0.04313,0.04793,0.02078,-0.0193,0.01397,-0.04065,-0.04135,0.00952,-0.0039,-0.00768,-0.14616,0.02099,0.00222,0.00712,-0.02882,0.02702,0.0628,0.06816,-0.02054,-0.05188,0.02559,-0.01504,0.03188,-0.03317,0,-0.03372,0.0762,-0.0471,-0.00127,0.05177,-0.05387,0.05775,-0.07614,-0.09209,0.01069,0.04834,0.08143,-0.03556,0.04047,-0.03393,-0.083,-0.02122,-0.00649,0.05805,-0.06657,0.0018,-0.04477,-0.01837,-0.03309,0.01419,-0.02076,0.03565,0.0235,-0.02124,0.02942,0.01077,-0.00374,0.09859,0.05053,-0.03377,0.03023,0.01921,-0.03039,0.02111,-0.01412,-0.00457,0.01117,-0.06752,0.03251,-0.00618,0.04385,0.00056,-0.03303,0.07097,-0.01284,0.03623,0.02254,0.01566,0.03174,0.06744,-0.03362,-0.04563,0.0062,0.0431,-0.04155,0.04867,0.03349,-0.02737,-0.0622,0.05288,0.04732,0.08585,0.00488,-0.03141,-0.13349,-0.1066,0.12496,0.02046,0.0316,-0.03275,-0.01826,0.05398,0.00459,0.03609,0.026,-0.04862,0.02253,-0.06688,0.04315,0.07574,-0.0536,0.0155,-0.0418,-0.08068,-0.06755,0.1093,-0.10365,0.04808,-0.02079,-0.07834,0,-0.00617,0.00995,-0.05952,0.15543,0.00645,0.01035,0.04006,0.02334,0.02055,0.03562,0.06318,0.03925,-0.04853,-0.08653,0.01206,-0.00406,-0.05577,-0.00424,0.03323,-0.09454,-0.02771,-0.00425,-0.02938,0.00211,-0.02618,0.06809,-0.0371,0.05336,0.00875,-0.01413,-0.00688,-0.02019,-0.05682,-0.03545,0.02649,-0.03697,-0.07724,0.09247,-0.02756,-0.00006,0.03706,0.00684,0.00978,0.0515,-0.03486,0.06671,-0.05172,-0.03658,-0.01369,-0.02071,0.00042,-0.04403,-0.06409,-0.01686,-0.04567,-0.01789,0.06174,0.03816,-0.06559,0.07499,0.09788,-0.0218,-0.00326,-0.05049,0.04977,-0.02911,-0.06159,0.05761,0.01747,0.01677,0.10003,-0.04468,-0.09743,0.01696,0.04625,0.00621,0.09741,-0.00101,-0.00274,0.11062,-0.07502,0.07474,-0.01508,0.08621,0.07466,0.03748,-0.08317,0.06042,0.07167,-0.01229,-0.0849,0.06761,0.11345,-0.00654,-0.01229,0,-0.05905,-0.07635,0.01193,0.00973,-0.01931,0.03673,-0.05394,-0.0708,-0.03142,-0.05554,-0.03571,0.0643,0.01139,-0.04046,-0.05371,0.01794,-0.05042,0.05596,-0.06363,-0.07678,-0.03568,0.11126,-0.0004,0.00595,-0.0034,0.00614,-0.01998,-0.00614,0.04691,0.052,0.02304,0.01734,0.02535,0.01095,-0.07612,-0.02093,-0.10833,0.02688,-0.04529,0.05894,0.0076,-0.04138,-0.02494,0.00058,-0.10608,0.04402,0.00942,0.00614,-0.0832,-0.01468,-0.02642,0.09426,-0.11167,0.15301,-0.02335,-0.01505,-0.00258,0.07322,0.01229,-0.03243,-0.07955,-0.03553,-0.02156,0.04726],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Token layers","excerpt":"Token layers"},{"chunkId":"/docs/styling-tokens-and-overrides#2","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.02323,0.05408,-0.03943,0.02939,0.00414,0.04395,0.06024,0.04874,0.0246,0.01108,-0.09117,-0.02788,-0.04253,-0.00855,0.0746,-0.03584,0.00234,0.06931,-0.03597,0.03763,0.0464,-0.03165,-0.03364,-0.01847,-0.06711,0.0654,-0.01279,-0.00016,0.08526,-0.0412,0.05014,0.13179,0.05724,0.0136,-0.00941,-0.03134,0.04566,0.01794,-0.00556,0.00373,0.00336,-0.00639,-0.04781,-0.00247,-0.04385,0.02032,0.02124,-0.06009,-0.11054,0.01674,0.05614,-0.07303,-0.03056,0.06812,0.01428,0.0266,-0.01538,-0.03264,0.07767,-0.01127,-0.05842,-0.02516,0.00517,0.0578,0.03428,0.03633,-0.04482,-0.01203,0.00809,0.00267,-0.03268,-0.01764,0.04918,-0.00542,0.02917,0.07969,0.05014,0.03099,-0.06921,-0.14095,0.02347,-0.0338,0.03424,0.08093,0.10451,0.09164,-0.01631,-0.0519,0.01699,0.1006,-0.05495,0.02255,0.01284,-0.05856,-0.05189,-0.03203,-0.05717,-0.04346,-0.04412,0.06716,-0.0495,-0.05315,0.08594,0.04641,0.00814,-0.01597,-0.01051,0.00447,-0.01418,-0.03988,-0.025,-0.01412,-0.03215,-0.12476,-0.00059,-0.02557,-0.03879,-0.02173,0.05842,0.06037,0.05832,-0.02756,-0.02331,0.03577,-0.04234,0.00719,-0.07293,0,-0.04912,0.08218,-0.03442,-0.00525,0.042,-0.04306,0.04863,-0.07746,-0.08785,0.0119,0.04276,0.0932,-0.0357,0.05294,0.00007,-0.06677,-0.02126,-0.02278,0.00596,-0.04902,0.02545,0.01954,0.00211,-0.01233,0.02441,0.00125,0.0097,0.01519,-0.0355,0.04265,-0.01701,-0.02543,0.09673,0.024,-0.02758,0.05777,-0.0039,-0.02894,0.02068,-0.03393,-0.01573,0.01488,-0.06327,0.00635,-0.0125,0.01372,0.00235,-0.03983,0.05494,-0.01092,-0.00068,0.01995,0.01063,-0.0016,0.06173,-0.04866,-0.01306,0.01644,0.00097,-0.02069,0.02443,0.05788,-0.0068,-0.07893,0.04775,0.04867,0.05717,-0.00861,-0.00383,-0.08569,-0.09585,0.14127,0.02105,0.02916,-0.02998,-0.01457,0.07699,0.00403,0.0186,0.04322,-0.07167,0.03119,-0.07834,0.02797,0.03456,-0.07587,0.00508,-0.03276,-0.09413,-0.08266,0.10445,-0.10427,-0.00998,-0.04436,-0.08505,0,-0.01388,0.01863,-0.06794,0.1484,-0.00535,0.01149,0.05462,0.03049,0.03829,0.0159,0.08228,0.06999,-0.06469,-0.08062,0.01271,-0.00839,-0.08286,-0.02037,0.04076,-0.08252,-0.00854,0.01326,-0.0256,0.01394,-0.01547,0.08131,-0.01595,0.03451,-0.02249,-0.01791,-0.01392,-0.01654,-0.03458,-0.01595,-0.00226,-0.09207,-0.07025,0.07818,-0.02688,-0.00718,0.02349,0.02183,0.06277,0.0576,-0.05029,0.07558,-0.03502,-0.03982,0.02415,-0.03741,0.06144,-0.02714,-0.06828,0.00951,-0.06109,-0.02323,0.0641,0.06311,-0.0356,0.07846,0.09457,-0.0072,-0.00788,-0.03198,0.02265,-0.01574,-0.0536,0.02415,0.00212,0.02033,0.10235,-0.05387,-0.09771,0.01641,0.00112,-0.00826,0.09298,-0.01321,-0.00952,0.11238,-0.04563,0.0725,-0.01861,0.11307,0.05875,-0.01748,-0.1002,0.07797,0.05602,-0.02524,-0.07621,0.11125,0.06177,0.03321,-0.00547,0,-0.08271,-0.09531,0.00885,0.01257,-0.01242,0.0281,-0.05037,-0.08021,-0.05622,-0.05691,0.015,0.04803,0.00079,-0.04422,-0.03075,0.01678,-0.03944,0.04347,-0.05389,-0.06268,-0.05127,0.10547,-0.00053,-0.00958,-0.02631,0.01113,-0.00639,-0.00383,0.08353,0.03695,0.03841,0.04381,0.06556,-0.02518,-0.10066,0.01623,-0.11952,0.01535,-0.04564,0.05478,0.03218,-0.04898,-0.03256,0.00762,-0.08228,0.03722,0.01914,0.00979,-0.08955,-0.0091,-0.01134,0.09422,-0.11897,0.13605,-0.04042,-0.01867,-0.01441,0.05776,0.04651,-0.04046,-0.0372,-0.01085,-0.00336,0.06132],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Primitive tokens Defined in primitive-tokens(). These are the raw design values: grayscale, accent palette, radii, fonts, and shadows. Examples: - --ff-gray-800 - --ff-blue-500 - --ff-radius-4 - --ff-shadow-2","excerpt":"Primitive tokens Defined in primitive-tokens(). These are the raw design values: grayscale, accent palette, radii, fonts, and shadows. Examples: - --ff-gray-800 - --ff-blue-500 - --ff-radius-4 - --ff-shadow-2"},{"chunkId":"/docs/styling-tokens-and-overrides#3","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[0.00625,0.04326,-0.0168,0.01008,0.02507,0.05004,0.06999,0.04576,0.01698,-0.01,-0.07661,-0.04173,-0.02641,0.02715,0.10699,0.00445,0.02616,0.05026,-0.02004,0.04676,0.06319,-0.02449,-0.03139,-0.02963,-0.06109,0.11179,-0.00734,-0.02844,0.06025,-0.01128,0.0518,0.14352,0.02816,0.04962,-0.01739,-0.00021,0.058,-0.00497,0.0095,-0.03706,-0.01661,-0.01556,-0.03787,0.02624,-0.00449,0.0203,0.04042,-0.05947,-0.12582,0.04759,0.02293,-0.06779,-0.04191,0.05116,-0.00307,0.06218,-0.00899,-0.04066,0.05521,-0.00606,-0.06676,-0.03298,0.04583,0.07135,0.0552,0.01908,-0.04706,-0.00702,0.04429,-0.01157,0.01365,0.00135,0.07554,-0.02852,0.0535,0.04856,0.03783,0.03492,-0.04978,-0.16344,0.00602,-0.04002,0.02751,0.08858,0.08113,0.07428,-0.01648,-0.1016,0.00008,0.08368,-0.06034,-0.04513,0.0532,-0.02819,-0.03433,-0.05063,-0.05362,-0.09564,-0.06873,0.0477,-0.00322,-0.04242,0.06542,0.01925,0.02009,-0.00796,-0.05777,-0.0464,-0.04802,-0.02571,-0.00772,0.00313,-0.02182,-0.1186,-0.04506,0.00559,-0.04318,-0.04698,0.11799,0.04406,0.02103,-0.02752,-0.05618,0.02602,-0.03159,0.00064,-0.04734,0,-0.04581,0.0583,-0.03026,-0.0061,0.05611,-0.0414,0.04457,-0.09826,-0.07763,-0.01313,0.04883,0.09437,-0.05039,0.06204,0.00114,-0.07608,-0.06192,-0.01683,-0.04996,-0.04746,0.00731,0.0336,-0.02835,-0.00356,0.03673,0.03072,0.00692,0.01116,-0.01332,0.04134,-0.01423,-0.02352,0.07259,0.03634,-0.00174,0.0509,0.00841,-0.05298,0.006,-0.02481,-0.0402,-0.00013,-0.06926,-0.02636,-0.00873,0.01913,-0.00118,-0.025,0.04833,-0.02049,0.04105,-0.00752,0.02773,0.02149,0.06451,-0.06293,-0.04282,0.02613,0.0381,0.00279,0.00027,0.01602,0.02301,-0.03798,0.01536,0.06913,0.09702,0.01367,0.00648,-0.07928,-0.08705,0.13757,0.02577,0.01198,0.00558,-0.03815,0.06747,-0.03799,-0.00354,0.03521,-0.07243,-0.04506,-0.08079,0.03094,0.02503,-0.06832,0.01188,-0.06254,-0.08419,-0.07989,0.05294,-0.06528,-0.00553,-0.00452,-0.07681,0,-0.03184,-0.02683,-0.0334,0.13622,-0.03354,-0.04454,0.11534,0.0361,0.02887,0.04867,0.01931,0.06554,-0.05682,-0.07393,-0.02209,0.0111,-0.07574,0.01465,0.05708,-0.02482,-0.01669,0.012,-0.08493,0.01769,-0.01513,0.08141,-0.02241,-0.00503,-0.02589,-0.03046,0.022,-0.05327,-0.04662,-0.04425,0.00613,-0.08468,-0.01997,0.05965,-0.06386,0.01473,-0.01521,-0.0064,0.02557,0.0344,-0.04217,0.0867,-0.04014,-0.00316,-0.01848,-0.0062,0.03876,-0.02503,-0.07552,-0.02907,-0.0708,-0.03585,0.08056,0.04272,-0.07103,0.05673,0.05989,-0.03821,0.00367,-0.01093,0.05248,-0.02655,-0.05658,0.01796,0.04265,0.01332,0.11481,0.00117,-0.096,0.02371,0.05771,0.00824,0.11538,-0.03709,-0.00063,0.05252,-0.02877,0.0574,0.04928,0.11862,0.0603,0.03672,-0.07758,0.06357,0.05974,-0.03234,-0.07249,0.0931,0.08217,0.03471,-0.06848,0,-0.10106,-0.0535,0.00937,-0.01884,-0.03767,0.02003,-0.02392,-0.03891,-0.0329,-0.05031,0.00256,0.0704,-0.06382,-0.04861,-0.00331,0.00489,-0.01764,0.04058,-0.05457,-0.04607,-0.02868,0.10706,-0.03757,0.01312,0.00697,0.00819,0.00173,0.03862,0.086,0.00972,0.01912,0.01744,0.06891,0.00136,-0.08973,0.00987,-0.08777,-0.01671,-0.04359,0.04988,0.0278,-0.04551,-0.01591,-0.0258,-0.04064,0.08859,0.00043,0.00735,-0.06369,-0.00794,-0.06072,0.08183,-0.12605,0.14594,-0.0094,-0.00539,-0.04678,0.06625,0.0438,-0.0469,-0.01254,0.03611,-0.00246,0.04733],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Semantic tokens Defined in semantic-tokens(). These map primitives to UI intent: surfaces, borders, text, selection, minimap, magnetic helpers, and state colors. Examples: - --ff-color-surface-card - --ff-color-border-accent - --ff-color-connection-hover - --ff-color-minimap-view","excerpt":"Semantic tokens Defined in semantic-tokens(). These map primitives to UI intent: surfaces, borders, text, selection, minimap, magnetic helpers, and state colors. Examples: - --ff-color-surface-card - --ff-color-border-accent - --ff-color-connection-hover - --ff-color-minimap-view"},{"chunkId":"/docs/styling-tokens-and-overrides#4","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.04002,0.042,-0.00527,0.03109,0.0404,0.05769,0.08772,0.043,0.01756,-0.00786,-0.11102,0.01482,-0.04779,-0.01956,0.08769,-0.0285,0.0039,0.06161,-0.02271,0.02465,0.03266,-0.02784,-0.0228,0.01393,-0.09234,0.0487,0.00915,0.0241,0.05654,-0.03572,0.06339,0.16927,0.01488,0.03993,-0.06192,-0.0255,0.03447,0.00525,-0.01767,0.0187,0.03847,0.02108,-0.03594,0.01039,-0.04846,-0.04157,0.01432,-0.06501,-0.1037,0.01651,0.055,-0.09801,-0.03107,0.0508,-0.00966,0.02648,-0.01739,0.00358,0.07272,0.01884,-0.10174,-0.03729,0.03102,0.03457,0.03378,0.03765,-0.04258,0.01022,0.00227,0.0453,0.00994,0.00666,0.05642,-0.00467,0.01401,0.08331,0.0181,0.06055,-0.08042,-0.14126,0.01766,-0.05335,0.0017,0.06974,0.11148,0.10404,-0.05349,-0.09834,-0.02775,0.09098,-0.06566,-0.00146,0.0643,-0.05215,-0.04703,-0.009,-0.06489,-0.06766,-0.01412,0.05093,-0.07316,-0.0793,0.05136,0.06343,0.01814,-0.00868,-0.02683,-0.00074,-0.04925,-0.0586,0.0212,-0.00173,-0.0147,-0.13759,-0.00453,0.01769,0.02284,-0.04275,0.0689,0.05689,0.06165,-0.0011,-0.03854,0.0235,-0.00402,0.0064,-0.04752,0,-0.03091,0.07751,-0.03046,-0.02761,0.06455,-0.05626,0.05173,-0.05554,-0.1018,0.01773,0.05319,0.0922,-0.02666,0.01835,0.01072,-0.06401,-0.01036,-0.01632,-0.01386,-0.02521,0.01064,-0.01145,-0.0183,0.03378,0.00966,0.00965,0.00413,0.03179,0.00726,0.03578,0.02526,0.0121,0.06498,0.04145,-0.0131,0.05184,-0.01498,-0.01237,0.00632,0.01635,-0.01258,0.00925,-0.05827,0.01859,0.00958,0.0122,0.01497,-0.05975,0.06489,0.00926,0.00658,0.00626,0.07181,0.01678,0.03386,-0.02667,-0.01334,-0.00322,0.03345,-0.00674,0.00498,0.00697,-0.01995,-0.07018,0.02208,0.03361,0.08321,-0.00693,-0.01262,-0.09351,-0.02606,0.13836,-0.0074,0.03134,-0.01867,-0.02455,0.04646,0.02781,0.03203,0.02876,-0.06486,0.00862,-0.07736,0.0238,0.00865,-0.07313,0.0154,-0.01623,-0.09654,-0.04987,0.08247,-0.08328,0.04894,-0.02446,-0.09944,0,0.00446,0.04744,-0.03789,0.14171,-0.05011,0.00158,0.07914,0.01908,0.03866,0.03,0.05687,0.07969,-0.05202,-0.1108,-0.02847,-0.01224,-0.08179,-0.00988,0.05726,-0.06979,-0.0517,-0.02922,-0.0017,-0.00533,-0.04627,0.06352,-0.00331,0.01969,-0.02717,-0.00973,0.02029,-0.01601,-0.06185,-0.07366,-0.00308,-0.07508,-0.07879,0.07176,0.01551,-0.00066,0.01746,0.00223,0.03566,0.05786,-0.0301,0.04888,-0.0645,-0.00665,0.00858,-0.02726,0.00801,0.01722,-0.05588,0.01826,-0.0538,-0.02133,0.03947,0.0768,-0.04281,0.10828,0.11357,-0.01772,-0.02923,-0.02673,0.01748,-0.06437,-0.06296,0.03691,0.05897,0.01023,0.07188,-0.05069,-0.08841,0.04174,-0.01988,-0.02078,0.11103,0.00773,0.00422,0.14225,-0.06082,0.05815,-0.04093,0.08696,0.01684,0.03047,-0.09115,0.09594,0.06032,-0.06466,-0.07055,0.07621,0.05719,-0.0169,-0.05179,0,-0.04569,-0.05792,0.02512,0.00412,-0.01612,0.00086,-0.05463,-0.04348,-0.02733,-0.0328,-0.02183,0.06426,-0.01905,-0.01687,-0.02998,0.03117,-0.02345,0.04077,-0.06269,-0.03219,-0.08148,0.09826,-0.02526,-0.00807,-0.00788,-0.01257,-0.0065,0.01959,0.07812,0.05578,0.00633,0.03766,0.03842,-0.00942,-0.05994,-0.01452,-0.10314,0.00868,-0.00075,0.08228,0.00836,-0.05444,0.01064,-0.00378,-0.07076,0.04301,0.06028,-0.00055,-0.05776,0.00902,-0.01164,0.07239,-0.13856,0.13409,-0.03768,-0.05087,-0.02305,0.06611,0.03685,-0.03822,-0.0546,-0.03588,-0.02296,0.06852],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Alias tokens Defined in ff-aliases(). These are the variables actually consumed by styling mixins and runtime classes. Examples: - --ff-node-background-color - --ff-group-background-color - --ff-grouping-drop-target-border-color-active - --ff-connector-size - --ff-connection-selected-color - --ff-selection-area-color For app code, these alias tokens are the recommended override layer.","excerpt":"Alias tokens Defined in ff-aliases(). These are the variables actually consumed by styling mixins and runtime classes. Examples: - --ff-node-background-color - --ff-group-background-color - --ff-grouping-drop-target-border-color-active - --ff-connector-size - --ff-connection-selected-color - --ff-selection-area-color For app code, these alias tokens are the recommended override layer."},{"chunkId":"/docs/styling-tokens-and-overrides#5","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03892,0.05518,-0.03123,0.02908,0.01305,0.07163,0.0378,0.04081,0.00937,0.01678,-0.12675,-0.01273,-0.05151,-0.00522,0.06379,-0.04339,0.00762,0.0645,0.0213,0.04256,0.01111,-0.0498,0.00168,-0.01116,-0.07954,0.05471,-0.01104,0.0278,0.01013,-0.06075,0.07037,0.12233,0.03551,0.02001,-0.03582,-0.01855,0.03401,0.00164,-0.04216,0.00303,0.02263,0.01448,-0.03878,-0.01948,-0.05414,-0.01356,0.02379,-0.06027,-0.0895,0.02798,0.01585,-0.12108,-0.00239,0.05227,-0.00761,0.03447,-0.00153,-0.02838,0.08555,-0.01009,-0.05444,-0.01383,0.02418,0.0557,0.04162,0.04203,-0.0742,0.06197,-0.00007,0.04906,0.01231,-0.00478,0.05461,-0.0025,0.01083,0.03813,0.01303,0.03327,-0.07417,-0.10472,0.01403,-0.04643,-0.01016,0.06219,0.05882,0.08994,-0.02624,-0.09224,0.00607,0.0705,-0.01913,0.01047,0.04056,-0.06474,-0.02834,-0.01572,-0.06876,-0.07439,-0.03639,0.06064,-0.04127,-0.07507,0.10097,0.029,0.03536,0.01183,-0.00922,0.0276,-0.04065,-0.04312,-0.00216,-0.0023,-0.00703,-0.14202,0.02639,0.01029,0.00132,-0.03525,0.0301,0.05303,0.07568,-0.01951,-0.04495,0.01773,0.00864,0.03789,-0.05477,0,-0.0159,0.08466,-0.05286,-0.00991,0.07018,-0.04799,0.04563,-0.07265,-0.10584,0.0099,0.04681,0.07465,-0.03422,0.02265,-0.03348,-0.08136,-0.02083,0.003,0.03845,-0.0578,0.02037,-0.04207,-0.01929,-0.01847,0.00724,0.00066,0.03362,0.04431,-0.02937,0.02691,0.00305,-0.00531,0.08554,0.0347,-0.03134,0.01584,0.01263,-0.03269,0.02112,-0.00977,-0.00098,0.00528,-0.07321,0.02671,0.01255,0.06144,-0.00317,-0.04777,0.07556,-0.00258,0.03218,0.00866,0.04004,0.06745,0.05945,-0.02818,-0.04154,-0.00274,0.04143,-0.04475,0.03751,0.03604,-0.02402,-0.0802,0.0524,0.03178,0.07352,0.01861,-0.03149,-0.11665,-0.10617,0.10931,0.03539,0.04237,-0.01641,-0.02872,0.05173,0.00657,0.05479,0.01559,-0.0699,0.01802,-0.05702,0.03711,0.08058,-0.06589,0.03265,-0.03487,-0.09346,-0.05909,0.106,-0.09195,0.0393,-0.03484,-0.0809,0,-0.01071,0.01781,-0.05347,0.15911,0.01326,0.01637,0.05592,0.03469,0.05123,0.0113,0.07472,0.05205,-0.04962,-0.10228,0.02877,-0.01925,-0.04238,-0.00375,0.02941,-0.08492,-0.02131,-0.00834,-0.0394,-0.01878,-0.02296,0.0657,-0.00895,0.04134,-0.01361,0.00288,0.00149,-0.01132,-0.06754,-0.03147,0.01713,-0.04354,-0.08915,0.07481,-0.01394,0.00474,0.03824,0.00608,0.00587,0.04225,-0.04775,0.06054,-0.07327,-0.04024,0.00036,-0.02204,-0.0026,-0.04059,-0.06294,-0.01415,-0.04152,-0.02589,0.05772,0.0439,-0.07882,0.09076,0.08816,-0.02023,0.00309,-0.05207,0.03919,-0.04281,-0.05197,0.0501,0.03249,0.00432,0.0909,-0.03352,-0.10502,0.03748,0.04486,-0.0063,0.08932,0.02861,0.00091,0.12145,-0.05498,0.09539,-0.01959,0.0904,0.06039,0.03917,-0.09828,0.05287,0.07368,-0.02836,-0.09316,0.07622,0.08819,0.00918,-0.01709,0,-0.08286,-0.07578,0.02123,0.02772,-0.01506,0.03443,-0.06715,-0.06881,-0.02616,-0.05646,-0.01963,0.06029,0.02082,-0.02628,-0.04468,0.01272,-0.0593,0.05019,-0.06489,-0.08137,-0.04217,0.10165,-0.00066,0.01085,-0.01486,0.01015,-0.02041,-0.00734,0.04754,0.04083,0.0206,0.01267,0.01814,0.03401,-0.06859,-0.02208,-0.12143,0.03649,-0.04411,0.04711,0.01517,-0.0468,-0.02461,-0.00525,-0.11623,0.03796,0.01489,0.00112,-0.09289,-0.01941,-0.0143,0.09183,-0.10448,0.1391,0.00248,-0.01384,-0.00348,0.06544,0.01664,-0.02922,-0.07732,-0.0215,-0.0253,0.0568],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Recommended customization strategy","excerpt":"Recommended customization strategy"},{"chunkId":"/docs/styling-tokens-and-overrides#6","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03415,0.04516,-0.03525,0.0414,0.04001,0.05926,0.05445,0.00828,0.03391,0.0076,-0.10373,-0.0201,-0.0726,0.01041,0.06979,-0.05561,0.01491,0.06248,0.0001,0.05405,0.00401,-0.04792,-0.00283,0.01151,-0.11373,0.05809,-0.00091,0.02379,0.02201,-0.09164,0.07438,0.14459,0.04249,0.02932,-0.05095,-0.00918,0.05401,0.00312,-0.0434,-0.02524,0.02503,0.01348,-0.01836,-0.01295,-0.06224,-0.02972,0.01678,-0.05709,-0.09387,0.04429,0.01906,-0.10074,-0.01133,0.07358,0.0074,0.05727,0.00875,-0.01648,0.05408,-0.00505,-0.0527,-0.00835,0.00748,0.06427,0.04548,0.05397,-0.07294,0.03873,-0.024,0.04461,0.0167,0.00416,0.05631,-0.02212,0.04635,0.04578,-0.00012,0.01922,-0.05103,-0.08168,0.01383,-0.04887,-0.01942,0.03876,0.05205,0.07989,-0.019,-0.08518,-0.01674,0.06175,-0.04098,0.00024,0.04485,-0.05172,-0.03826,-0.01109,-0.06112,-0.05763,-0.01767,0.04786,-0.03086,-0.0626,0.08095,0.04543,-0.00406,-0.02165,-0.04209,0.0125,-0.06536,-0.03732,-0.0223,0.00074,0.00638,-0.12402,-0.01064,0.01269,0.00795,-0.02623,0.06236,0.01515,0.05428,-0.00935,-0.0066,0.03651,0.01614,0.02963,-0.03928,0,-0.04916,0.04064,-0.04826,-0.00805,0.0705,-0.03424,0.05771,-0.07119,-0.07655,0.01865,0.03572,0.10034,-0.02438,0.03282,-0.02649,-0.07891,-0.02604,0.00128,0.0244,-0.03615,0.02192,-0.02323,-0.03514,-0.01503,0.02998,0.0112,0.00936,0.0617,-0.03009,0.02886,0.00912,-0.01116,0.07193,0.04837,-0.03672,0.04329,-0.01937,-0.03745,0.01986,-0.00864,0.00001,-0.00187,-0.08186,0.02378,0.00318,0.05365,-0.01675,-0.04748,0.06902,-0.0172,0.03725,-0.00765,0.0356,0.03696,0.05073,-0.03401,-0.02718,-0.00595,0.03032,-0.03985,0.02544,0.04071,-0.02878,-0.06674,0.06824,0.05101,0.06661,-0.00583,-0.03554,-0.11302,-0.10985,0.12256,0.02607,0.03351,0.0159,-0.03101,0.03186,0.01664,0.05901,0.02267,-0.06726,0.02267,-0.04653,0.0703,0.09311,-0.06608,0.00105,-0.01449,-0.09666,-0.03155,0.10463,-0.09432,0.04209,-0.03337,-0.03343,0,-0.01021,0.02636,-0.04525,0.15303,-0.00363,0.00753,0.08296,0.00765,0.08256,0.00454,0.06552,0.04912,-0.0644,-0.11109,0.00628,-0.00411,-0.04537,-0.0105,0.04123,-0.08785,-0.02173,-0.02083,-0.01437,-0.02432,-0.03972,0.04109,0.02274,0.05899,0.00027,-0.01766,0.00024,-0.02377,-0.07034,-0.03542,-0.00088,-0.05544,-0.09349,0.09897,0.00936,0.02378,0.00653,0.01682,-0.01883,0.07791,-0.02861,0.06027,-0.07004,-0.05415,0.00636,-0.01066,-0.03042,-0.01585,-0.06335,-0.03137,-0.03201,0.00608,0.06221,0.05392,-0.07543,0.07776,0.09059,-0.00888,0.02343,-0.0606,0.0347,-0.02038,-0.05983,0.03196,0.0543,0.03524,0.11509,-0.05918,-0.08121,0.03965,0.05759,-0.03181,0.07547,0.02376,0.01061,0.11376,-0.03931,0.09086,-0.0125,0.0779,0.07189,0.03518,-0.1129,0.05242,0.07607,-0.0171,-0.08501,0.08648,0.08229,-0.02346,-0.03006,0,-0.08661,-0.07294,0.02752,0.00252,-0.01699,0.04414,-0.04199,-0.05476,-0.0319,-0.05384,-0.0123,0.0839,0.01592,-0.0169,-0.03648,0.02215,-0.04098,0.02525,-0.07511,-0.07176,-0.04457,0.09718,-0.00603,0.04856,0.00198,-0.00534,-0.01937,-0.02374,0.07429,0.04751,0.03539,0.01501,0.02452,0.04381,-0.08607,-0.03105,-0.11657,0.02333,-0.03509,0.04387,0.00892,-0.04003,-0.0331,-0.00351,-0.08477,0.04277,-0.00468,-0.0418,-0.0942,0.00101,-0.01771,0.08151,-0.11209,0.15573,0.0127,-0.02857,-0.0042,0.04577,0.05871,-0.03425,-0.10178,-0.02586,-0.00561,0.04845],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. 1. Keep the shipped structure Use the mixins as-is and change only --ff- values: This keeps all shipped selectors and interaction states, but changes the visual identity.","excerpt":"1. Keep the shipped structure Use the mixins as-is and change only --ff- values: This keeps all shipped selectors and interaction states, but changes the visual identity."},{"chunkId":"/docs/styling-tokens-and-overrides#7","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.02903,0.01527,-0.0321,0.05964,0.01459,0.08665,-0.01691,0.04268,0.0567,0.00963,-0.13955,-0.01092,-0.01606,-0.00203,0.11009,-0.05279,-0.03813,0.07803,-0.01406,0.04612,0.01964,-0.01471,0.01003,0.0168,-0.06848,0.04528,-0.02581,0.01681,0.02213,-0.0392,0.08433,0.11964,-0.0223,0.0462,-0.01427,0.05164,-0.00141,0.0513,-0.01416,-0.01461,0.03419,0.03676,-0.0513,-0.05532,-0.02069,-0.05129,0.01046,-0.03564,-0.09655,0.03482,0.03091,-0.16287,-0.02739,0.03414,-0.00734,0.04331,-0.01253,-0.02068,0.08237,0.01309,-0.07934,0.01493,0.03495,0.041,0.06693,0.05248,-0.05113,0.07593,-0.05305,0.03963,0.03993,-0.05843,0.06409,-0.00676,0.02418,0.00724,0.00135,0.05572,-0.0517,-0.1155,0.02915,-0.07699,-0.00887,0.02375,0.07295,0.06482,0.01605,-0.08862,0.05283,0.10861,0.00199,-0.00087,0.08587,-0.07483,-0.05445,-0.03025,-0.07623,-0.00245,-0.0065,0.04607,-0.06449,-0.1015,0.09502,0.06542,0.07538,-0.02084,0.01971,-0.02572,-0.04763,-0.07423,-0.00245,0.01439,0.00137,-0.1277,0.0357,-0.00065,0.04302,-0.03018,0.05513,0.06042,0.01748,-0.03691,-0.04142,0.01332,0.01913,0.02716,-0.03225,0,0.01767,0.07965,-0.04722,-0.01546,0.06226,-0.02483,0.02502,-0.03514,-0.11839,-0.00933,0.07541,0.06588,-0.02496,0.05342,-0.04266,-0.01307,-0.0268,-0.00586,0.03828,-0.07139,-0.01751,-0.05243,-0.04944,-0.00446,0.00717,-0.01943,0.04822,0.05137,-0.02365,0.01318,0.01357,-0.00306,0.08467,0.03951,-0.02716,0.00792,0.00427,-0.00393,0.03568,0.00538,0.00015,0.0143,-0.04557,-0.02129,-0.01454,0.06444,-0.0283,-0.00649,0.04618,-0.03109,0.02331,0.03606,0.05421,0.06867,0.06458,0.01063,-0.04106,-0.0169,0.05863,-0.04733,-0.00589,0.05468,-0.04701,-0.05247,0.07025,0.08369,0.07947,0.04515,-0.02913,-0.12148,-0.09381,0.07923,0.00513,0.00213,-0.01567,-0.03738,0.02226,0.01672,0.06636,0.03472,-0.0968,0.00821,-0.06621,0.06159,0.06954,-0.03453,0.00525,-0.02978,-0.06509,-0.07229,0.09569,-0.08189,0.0307,-0.03513,-0.05516,0,-0.02449,0.0166,-0.05163,0.14402,-0.00737,0.02271,0.02878,-0.00611,0.02704,0.01199,0.06626,0.0245,-0.05336,-0.09749,-0.03678,-0.00813,-0.04239,0.00028,0.05163,-0.08868,-0.00016,-0.06068,0.01393,-0.00211,0.00772,0.02681,-0.01761,0.08616,-0.01275,-0.0133,-0.017,-0.03251,-0.02653,-0.05445,-0.00015,-0.0568,-0.08052,0.04646,-0.0067,0.04653,0.01959,0.00631,0.0345,0.09097,-0.02167,0.09378,-0.05397,-0.02154,-0.02785,-0.03903,-0.0277,-0.03847,-0.07583,-0.02756,-0.0398,-0.05593,0.06166,0.04812,-0.10328,0.03833,0.07872,-0.02089,0.01134,-0.02559,0.03574,-0.02806,-0.03726,0.03739,0.02431,0.00259,0.08103,-0.06134,-0.0787,-0.00498,0.00104,0.01408,0.1039,-0.0218,0.00716,0.089,-0.05645,0.08321,-0.00933,0.0172,0.01328,0.04609,-0.05784,0.07372,0.07784,-0.01242,-0.09529,0.09051,0.10462,-0.02077,-0.03987,0,-0.06246,-0.05118,0.02579,0.00971,-0.02916,0.00307,-0.05624,-0.08903,-0.0018,-0.00363,-0.04175,0.04674,-0.00915,-0.02918,-0.05008,-0.00641,-0.04884,0.07285,-0.07145,-0.06854,-0.00389,0.11263,0.01463,0.01123,0.03666,-0.00525,-0.0365,-0.03306,0.02455,0.03339,-0.00539,0.00582,0.04491,0.05945,-0.06551,-0.07335,-0.07501,0.03935,-0.01486,0.03474,0.0258,-0.08812,-0.024,0.00302,-0.08812,0.06247,0.06359,0.00981,-0.02313,0.00583,-0.01174,0.0486,-0.07324,0.10503,-0.03703,-0.00882,0.00547,0.06556,0.02702,-0.05951,-0.08472,-0.05872,-0.00285,0.03404],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. 2. Scope tokens to one editor CSS variables cascade, so you can theme a single editor instance: This is the preferred way to support multiple branded editors on the same page.","excerpt":"2. Scope tokens to one editor CSS variables cascade, so you can theme a single editor instance: This is the preferred way to support multiple branded editors on the same page."},{"chunkId":"/docs/styling-tokens-and-overrides#8","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.01726,0.04364,0.00253,0.05295,0.00675,0.0491,0.03752,0.0172,0.02577,0.00982,-0.10782,-0.01067,-0.0434,-0.00621,0.07165,-0.03797,0.01949,0.06701,0.037,0.04374,0.05427,-0.02365,0.0041,-0.02705,-0.06001,0.04209,0.01162,0.02137,0.01109,-0.06335,0.09377,0.13201,0.02428,0.05846,-0.0255,-0.03893,0.02142,0.01969,-0.01446,0.04643,0.04433,0.03872,-0.03934,-0.03865,-0.08357,-0.01037,0.01907,-0.05723,-0.10493,0.01062,0.03354,-0.11476,0.00401,0.04587,-0.0078,0.05685,-0.00488,0.01339,0.06505,-0.0055,-0.04913,-0.01575,0.02396,0.00461,0.07517,0.06032,-0.07869,0.05901,-0.03228,0.08844,0.02197,0.00652,0.08209,-0.03294,-0.02106,0.0477,0.00924,0.04864,-0.07624,-0.09917,0.0209,-0.04125,-0.04018,0.04202,0.08596,0.07238,-0.07912,-0.06687,-0.01081,0.06259,-0.0203,-0.00051,0.03465,-0.03261,-0.05287,-0.03687,-0.05006,-0.06117,-0.02057,0.03287,-0.05226,-0.07073,0.07837,0.06509,0.05079,0.01011,-0.00631,-0.01811,-0.03851,-0.03918,0.01249,0.00415,0.0197,-0.14126,0.01865,0.02588,-0.00905,-0.02149,-0.00204,0.03663,0.04328,-0.01292,-0.04325,0.01773,0.01993,0.03418,-0.02435,0,-0.0041,0.06581,-0.04366,-0.02652,0.07419,-0.05957,0.02684,-0.06785,-0.12796,0.02488,0.05235,0.07887,-0.04047,0.0092,-0.04909,-0.02241,-0.0058,-0.00677,0.04351,-0.05557,0.02605,-0.03253,-0.02871,-0.03468,-0.01537,-0.01839,0.02777,0.03445,-0.00106,0.01575,-0.00158,0.02827,0.1284,0.07465,-0.03051,0.03948,0.00856,0.00055,0.00901,-0.00073,0.02028,0.03181,-0.04311,0.03206,0.00664,0.05713,0.02624,-0.0709,0.07262,-0.00794,0.02745,-0.02833,0.02144,0.03105,0.05707,-0.00702,-0.04796,0.00751,0.06062,-0.04846,0.0194,-0.00138,-0.03242,-0.09786,0.06908,0.04853,0.09052,0.00918,-0.03624,-0.136,-0.07496,0.08218,0.00038,0.04332,-0.02354,-0.00959,0.03609,0.0122,0.07123,0.01673,-0.05435,0.03856,-0.08012,0.0258,0.05881,-0.04955,0.02721,-0.0167,-0.06613,-0.04235,0.08425,-0.09343,0.0383,-0.02765,-0.05435,0,0.01907,0.02849,-0.08749,0.16271,-0.01001,0.01175,0.08771,0.01499,0.03595,0.03142,0.09646,0.0229,-0.05295,-0.10285,0.02811,-0.01023,-0.0296,0.03463,0.01337,-0.09034,-0.0382,-0.04258,-0.04476,-0.04031,-0.00554,0.05558,0.01123,0.05717,-0.02752,-0.01137,-0.00388,-0.00297,-0.06332,-0.04022,0.00944,-0.01204,-0.10159,0.04774,-0.01077,0.00404,0.02884,0.01699,0.00778,0.03908,-0.02733,0.05665,-0.06953,-0.02065,-0.01294,-0.03559,0.00536,-0.04981,-0.04893,-0.00028,-0.0244,-0.02535,0.07351,0.03335,-0.06431,0.11458,0.10432,-0.01783,-0.01787,-0.06119,0.00875,-0.04848,-0.06851,0.0531,0.05731,0.00144,0.08664,-0.03812,-0.07953,0.03832,0.03961,-0.03529,0.08456,0.05895,-0.01188,0.10588,-0.06191,0.06055,-0.01892,0.07226,0.0391,0.0252,-0.09206,0.0662,0.07321,-0.01883,-0.1177,0.02812,0.06784,-0.02411,-0.03285,0,-0.09261,-0.09163,0.04684,0.01948,-0.00435,0.00792,-0.04066,-0.04961,-0.01209,-0.04485,-0.02243,0.08,0.01795,-0.02689,-0.06325,0.04274,-0.02129,0.02738,-0.05153,-0.05412,-0.06137,0.08943,-0.0109,-0.00286,0.02677,-0.00308,-0.04437,-0.02454,0.06253,0.05418,0.02601,0.00986,0.04065,0.00611,-0.06203,-0.04511,-0.11336,0.03429,-0.01891,0.05345,-0.00308,-0.04258,-0.04199,-0.01936,-0.12086,0.03467,0.02858,0.01296,-0.07074,-0.00028,0.00553,0.0826,-0.10184,0.13689,-0.01403,-0.05587,0.00423,0.09139,-0.01303,-0.04503,-0.07058,-0.05991,-0.02912,0.03476],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. 3. Extend dark mode The shipped theme already defines defaults for .dark and [data-theme='dark']. Override the same alias layer there:","excerpt":"3. Extend dark mode The shipped theme already defines defaults for .dark and [data-theme='dark']. Override the same alias layer there:"},{"chunkId":"/docs/styling-tokens-and-overrides#9","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.01355,0.02077,-0.03983,0.01322,0.05769,0.05219,0.02385,0.06753,0.01522,-0.0102,-0.10788,0.04042,-0.06434,-0.02173,0.13412,-0.0466,-0.01534,0.0539,0.00808,0.04593,-0.0007,-0.05315,-0.01398,-0.00699,-0.06507,0.08046,-0.0261,0.01191,0.0354,-0.05508,0.06407,0.14341,0.01678,-0.01132,0.01726,-0.01388,0.06123,0.03349,-0.02722,0.01808,0.02292,-0.00387,-0.02635,0.00818,-0.09441,-0.03423,0.02324,-0.0603,-0.08072,0.02872,0.02406,-0.10775,-0.03299,0.04249,-0.00256,0.04316,-0.01491,-0.01056,0.08782,0.02461,-0.06351,-0.01014,0.01972,0.04577,0.05156,0.02674,-0.01256,-0.00367,0.04102,-0.0034,0.00942,-0.02036,0.05737,0.00746,0.02166,0.03808,0.00919,0.05523,-0.05279,-0.10495,0.04684,-0.02956,0.03394,0.05807,0.07485,0.10438,-0.01013,-0.10641,-0.03966,0.07905,-0.06446,-0.01474,0.05435,-0.0482,-0.05884,-0.00972,-0.04629,-0.0621,-0.04167,0.08219,-0.0535,-0.07961,0.083,0.05355,-0.00626,-0.00002,-0.03739,0.06431,-0.08718,-0.05465,0.02426,-0.00257,-0.02822,-0.17147,-0.00886,-0.00699,-0.0292,-0.05391,0.04426,0.0646,0.0675,0.0176,-0.00952,0.03067,-0.0098,0.0078,-0.06277,0,-0.03356,0.07725,-0.04621,-0.02659,0.0631,-0.05581,0.05042,-0.01586,-0.11491,0.02173,0.10561,0.08346,-0.03467,0.03531,0.03252,-0.09897,-0.01314,0.02418,0.01202,-0.03743,-0.01229,-0.01451,-0.01479,0.02783,0.00309,0.02883,0.02741,0.04226,-0.02228,0.03248,-0.00591,-0.03814,0.07025,-0.00047,-0.0093,0.00509,-0.0296,-0.05074,0.02051,-0.01961,-0.00652,0.00588,-0.08767,0.01578,-0.01135,0.05923,0.01392,-0.04908,0.06534,-0.06545,0.03364,0.02779,-0.02125,0.06276,0.04931,-0.05542,-0.03321,0.02636,0.05904,-0.05142,0.05741,0.03006,-0.02703,-0.06565,0.06226,0.04277,0.08087,-0.02888,0.00331,-0.10243,-0.07784,0.11646,0.03109,0.02958,0.03531,-0.01057,0.01855,0.03636,0.04746,-0.01349,-0.08385,-0.00866,-0.03685,0.04618,0.04731,-0.09889,0.03871,-0.02528,-0.11219,-0.08821,0.07276,-0.06582,0.02546,-0.00454,-0.09344,0,0.03006,0.01318,-0.02133,0.12307,-0.02895,0.05397,0.04716,-0.01613,0.07087,0.06849,0.05516,0.07092,-0.03333,-0.12522,-0.00803,-0.01898,-0.05441,-0.03734,0.02155,-0.06799,-0.04019,0.01037,-0.01312,0.00445,-0.0156,0.05849,-0.01693,0.00697,-0.02392,0.01644,-0.00555,-0.01666,-0.05605,-0.07072,0.00175,-0.04643,-0.06741,0.05875,-0.01421,-0.0065,0.00788,0.01418,0.04894,0.01346,-0.04221,0.03828,-0.05365,-0.01817,0.00842,-0.02415,-0.00417,0.00677,-0.06803,-0.02664,-0.06556,0.01464,0.06579,0.06687,-0.03233,0.07916,0.08172,-0.0247,-0.04994,-0.02427,0.03211,-0.03344,-0.08029,0.01109,0.03458,0.02533,0.04211,-0.05041,-0.06142,0.03571,0.00644,-0.00361,0.15314,0.00281,0.04691,0.0969,-0.05084,0.07766,-0.01353,0.07269,0.07986,-0.00528,-0.05858,0.02952,0.0431,-0.0527,-0.0692,0.07357,0.05721,0.00332,0.03685,0,-0.07312,-0.04861,0.00619,0.0294,0.00651,0.00576,-0.03142,-0.02948,-0.0256,-0.04449,0.00941,0.04473,-0.00593,-0.00331,-0.01813,0.00811,-0.03362,0.03542,-0.07121,-0.06736,-0.06051,0.09734,0.04071,0.00093,-0.05461,0.01202,0.0286,-0.0001,0.09256,0.05431,0.00581,0.01328,0.03351,0.0236,-0.08302,-0.0392,-0.13601,0.04008,-0.03556,0.09204,0.01962,-0.06327,-0.05394,0.01603,-0.06249,0.03003,0.00003,-0.00046,-0.09351,0.01272,-0.01713,0.07673,-0.11322,0.08962,-0.0011,-0.01652,-0.03011,0.0678,-0.00165,-0.05538,-0.05219,-0.00586,0.02271,0.06684],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Alias token families These families cover the main public customization surface: - --ff-flow- - --ff-canvas- - --ff-node- - --ff-group- - --ff-grouping-drop-target- - --ff-handle- - --ff-connector- - --ff-outlet- - --ff-connection- - --ff-marker- - --ff-waypoint- - --ff-background- - --ff-selection-area- - --ff-minimap- - --ff-magnetic- - --ff-external-item- If you stay within these families, you can usually upgrade the library without forking its internal styling files.","excerpt":"Alias token families These families cover the main public customization surface: - --ff-flow- - --ff-canvas- - --ff-node- - --ff-group- - --ff-grouping-drop-target- - --ff-handle- - --ff-connector- - --ff-outlet- - --ff-connection- - --ff-marker- - --ff-waypoint- - --ff-background- - --ff-selection-area- - --ff-minimap- - --ff-magnetic- - --ff-external-item- If you stay within these families, you can usually upgrade the library without forking its internal styling files."},{"chunkId":"/docs/styling-tokens-and-overrides#10","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.02542,0.02997,0.03929,0.00381,0.00711,0.06154,0.00646,0.09155,0.02808,-0.00454,-0.11637,-0.01424,-0.08319,-0.00335,0.08469,-0.04708,0.0637,0.0752,-0.01147,0.05569,0.02142,-0.00908,-0.02247,-0.00089,-0.06526,0.0405,-0.04712,0.02564,0.0648,-0.04118,0.09791,0.20335,-0.00539,0.03182,-0.05577,0.01204,0.01137,0.01049,-0.02317,-0.03662,0.0034,0.01063,-0.05616,0.00449,-0.04461,-0.02665,0.06602,-0.06874,-0.09739,0.04512,0.04719,-0.07938,-0.0221,0.04086,0.00153,0.0457,-0.00933,-0.00571,0.01348,0.00467,-0.09498,-0.04952,0.03753,0.00471,0.02023,0.01073,-0.05574,0.04385,0.05225,0.06417,0.03323,0.02571,0.05066,-0.00946,0.0247,0.03516,-0.00031,0.03513,-0.09438,-0.13881,0.03392,0.00619,0.00743,0.02092,0.05171,0.0609,-0.02265,-0.10233,0.00612,0.05622,0.01673,-0.02787,0.05809,-0.05048,-0.00134,-0.02847,-0.07518,-0.0608,-0.03563,0.04403,-0.04737,-0.05113,0.05223,0.04085,0.03209,0.00579,-0.04818,-0.01011,-0.07407,-0.09161,0.01327,0.01022,0.00403,-0.1444,-0.00376,0.01031,-0.0036,-0.05639,0.04362,0.00539,-0.01276,-0.01835,-0.00703,0.02129,-0.01293,0.02287,-0.06647,0,-0.02341,0.0964,-0.04864,0.00965,0.04366,-0.07016,0.08665,-0.09245,-0.06553,0.01315,0.02618,0.05525,-0.03835,0.04631,-0.02851,-0.05867,-0.04175,-0.01434,0.0097,-0.02665,0.04307,0.00478,-0.02722,0.00762,0.00882,-0.01229,0.00863,0.01437,-0.01843,0.02167,0.00037,0.01085,0.09938,0.04078,-0.03515,0.04183,0.03362,-0.02316,0.02203,-0.01818,-0.00818,0.02906,-0.03996,0.03411,0.02888,0.03038,-0.01083,-0.05311,0.0414,-0.04274,0.05773,0.0164,0.07297,0.04368,0.061,-0.03399,-0.02104,-0.01394,0.0515,-0.01455,0.04329,0.02371,-0.04394,-0.0264,0.06221,0.07886,0.10564,0.03004,-0.01571,-0.10213,-0.07247,0.11969,-0.02257,0.01975,0.03641,-0.04052,0.03203,-0.00164,0.04717,0.02974,-0.03801,0.09052,-0.06965,0.07746,0.05113,-0.06652,0.01054,-0.0349,-0.04796,0.01608,0.07861,-0.08268,0.04391,-0.021,-0.05707,0,-0.01562,0.01218,-0.05376,0.12983,-0.06555,-0.01355,0.0672,0.02722,-0.00337,0.01251,0.0286,0.05711,-0.03603,-0.12322,0.00167,-0.0036,-0.08033,-0.06172,0.07176,-0.07936,-0.00242,0.01489,-0.05733,-0.01282,-0.02197,0.03277,-0.07804,0.03684,0.01726,-0.05015,-0.01675,-0.02647,-0.04701,-0.06611,-0.00319,-0.01082,-0.11841,0.06846,-0.01811,-0.01447,-0.05153,-0.0162,-0.00886,0.04919,-0.003,0.01948,-0.10986,-0.03091,0.01422,-0.02846,0.00743,-0.00467,-0.04617,-0.02912,-0.0188,-0.01528,0.06715,0.02687,-0.04859,0.06903,0.10688,-0.02383,-0.0081,-0.07297,0.01174,-0.00389,-0.07038,0.03739,0.02472,0.02005,0.05978,-0.0621,-0.10737,0.00348,0.05952,-0.0141,0.09251,0.06057,-0.00324,0.11112,-0.08033,0.07236,-0.00778,0.09469,0.06651,0.06873,-0.09323,0.022,0.07221,-0.01788,-0.07384,0.02425,0.05509,0.0052,-0.04151,0,-0.0448,-0.04486,0.00704,-0.0072,-0.03969,-0.00331,-0.0731,0.00798,-0.0449,-0.03545,-0.02874,0.054,0.00818,-0.0164,-0.03584,0.02521,-0.02297,0.0431,-0.07345,-0.06891,-0.03042,0.12927,-0.02357,0.02115,0.03052,-0.01934,0.04583,-0.01721,0.06082,0.03465,0.01038,0.00775,0.0061,0.09364,-0.0241,-0.00534,-0.09513,0.01945,-0.01425,0.05876,0.01712,-0.07577,-0.00104,-0.00175,-0.0582,0.035,-0.00195,0.00262,-0.05989,0.02225,-0.03405,0.12224,-0.11065,0.15156,0.01724,-0.00577,-0.04321,0.0267,0.02253,-0.04134,-0.08875,-0.03312,-0.03868,0.02971],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. When to customize semantic or primitive layers instead Touch the lower layers only when you are building a broader design system around Foblex Flow, for example: - you want several alias families to inherit from a new shared semantic palette; - you maintain a library-level theme package; - you intentionally want to fork the shipped design tokens. For normal application work, overriding aliases is simpler, safer, and easier to reason about.","excerpt":"When to customize semantic or primitive layers instead Touch the lower layers only when you are building a broader design system around Foblex Flow, for example: - you want several alias families to inherit from a new shared semantic palette; - you maintain a library-level theme package; - you intentionally want to fork the shipped design tokens. For normal application work, overriding aliases is simpler, safer, and easier to reason about."},{"chunkId":"/docs/styling-tokens-and-overrides#11","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03999,0.04609,-0.03362,0.03139,0.01713,0.06632,0.04505,0.03614,0.02601,0.01337,-0.11573,-0.01229,-0.04593,-0.00179,0.0845,-0.02623,-0.00189,0.08314,0.01214,0.04033,0.0216,-0.0413,0.00239,-0.01173,-0.06658,0.05268,-0.00914,-0.00402,0.0154,-0.05319,0.07015,0.12262,0.03239,0.02216,-0.04082,-0.01044,0.03845,0.00122,-0.03422,-0.00188,0.01371,0.01044,-0.03598,-0.02457,-0.0456,-0.00467,0.03052,-0.05418,-0.11333,0.02347,0.03127,-0.12115,-0.0068,0.05213,0.00409,0.02702,-0.01049,-0.02423,0.09045,0.00217,-0.04641,-0.02505,0.00839,0.06621,0.04452,0.04273,-0.07078,0.0657,0.00154,0.05146,-0.00451,-0.00188,0.05764,-0.00879,0.02849,0.04202,0.02383,0.03279,-0.06678,-0.11299,0.00936,-0.04392,0.00327,0.06397,0.08209,0.08287,-0.02523,-0.07299,0.00649,0.0841,-0.03498,-0.0041,0.04673,-0.05949,-0.03583,-0.03391,-0.0675,-0.0686,-0.04231,0.06762,-0.04089,-0.06053,0.0944,0.03696,0.05044,0.01207,-0.02123,0.01612,-0.02703,-0.0395,-0.00199,-0.00657,-0.00444,-0.14486,0.01463,-0.00127,-0.00053,-0.0352,0.04974,0.05764,0.07694,-0.02939,-0.04869,0.02613,-0.00156,0.02977,-0.05401,0,-0.03555,0.0696,-0.0465,-0.00268,0.06783,-0.04918,0.04843,-0.07155,-0.09423,0.01248,0.04554,0.08168,-0.0343,0.0323,-0.0197,-0.08346,-0.02897,0.00389,0.04301,-0.05475,0.02461,-0.02268,-0.02275,-0.01688,0.01026,-0.01187,0.03148,0.03409,-0.02,0.0312,0.01206,-0.01297,0.09437,0.04829,-0.03636,0.02017,0.00916,-0.05245,0.02484,-0.0129,-0.01017,0.00872,-0.0767,0.01807,-0.00831,0.02865,-0.00868,-0.03223,0.08228,-0.00279,0.02554,0.02419,0.02835,0.04538,0.05668,-0.03563,-0.05581,0.00793,0.03579,-0.03068,0.03194,0.03362,-0.0156,-0.07264,0.05038,0.04128,0.08515,0.00108,-0.0215,-0.10489,-0.10641,0.12179,0.00808,0.02724,-0.02269,-0.0355,0.05797,0.0069,0.03905,0.02143,-0.06779,0.01879,-0.06002,0.04612,0.06998,-0.05696,0.02345,-0.04923,-0.09797,-0.07644,0.10616,-0.10545,0.03649,-0.03194,-0.07357,0,-0.01306,0.01269,-0.05913,0.16141,0.01027,0.01309,0.04241,0.0118,0.04015,0.01663,0.06648,0.05085,-0.0494,-0.08634,0.01548,-0.01854,-0.04688,-0.01595,0.02557,-0.08482,-0.01588,0.00077,-0.03314,-0.01373,-0.03199,0.06774,-0.022,0.05308,-0.01051,-0.00486,-0.00731,-0.00638,-0.06067,-0.03028,0.01477,-0.04725,-0.07847,0.09386,-0.0306,0.01361,0.0528,0.01074,0.02288,0.06049,-0.04318,0.07186,-0.06045,-0.03432,0.00496,-0.02138,0.00462,-0.04064,-0.07052,-0.00762,-0.04799,-0.02745,0.06551,0.03646,-0.07423,0.0742,0.09033,-0.02406,0.00638,-0.03773,0.04091,-0.029,-0.05931,0.05264,0.01806,0.01553,0.10136,-0.02936,-0.10704,0.03051,0.04247,0.00601,0.09403,0.00154,-0.0097,0.10833,-0.06011,0.08189,-0.00687,0.08968,0.05502,0.02084,-0.09568,0.06366,0.06938,-0.0171,-0.08582,0.08897,0.09439,0.00144,-0.02081,0,-0.08295,-0.07433,0.00446,0.0143,-0.01685,0.04348,-0.06232,-0.06849,-0.03334,-0.06191,-0.02023,0.06426,0.01451,-0.04053,-0.04693,0.00743,-0.05208,0.04761,-0.0723,-0.07305,-0.04328,0.11271,-0.00288,0.00942,-0.00746,0.02098,-0.01996,0.00124,0.05571,0.03523,0.03715,0.02493,0.0211,0.0097,-0.08096,-0.01076,-0.11815,0.02936,-0.04617,0.05688,0.02292,-0.05491,-0.01972,0.00433,-0.11624,0.04436,0.00843,-0.01056,-0.0824,-0.02846,-0.01673,0.08606,-0.1148,0.14304,-0.01367,-0.00734,-0.00435,0.06956,0.01957,-0.0283,-0.06649,-0.02304,-0.01117,0.05147],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Common token combinations","excerpt":"Common token combinations"},{"chunkId":"/docs/styling-tokens-and-overrides#12","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03114,0.03675,-0.01969,0.05673,0.02742,0.07151,0.00989,0.00777,0.02668,0.01446,-0.11201,-0.02062,-0.06203,-0.01221,0.09846,-0.03482,-0.00648,0.08038,0.02174,0.01149,0.01276,-0.05241,0.00214,0.0013,-0.06115,0.04673,-0.03111,0.00259,0.03723,-0.05552,0.05727,0.14653,0.04117,0.05038,-0.04562,0.0375,0.037,-0.02756,-0.05138,-0.00021,0.01917,0.04439,-0.02115,-0.04905,-0.03716,-0.01059,0.01029,-0.0444,-0.11996,0.02737,0.03313,-0.12416,-0.00415,0.04266,-0.00415,0.03642,0.01834,-0.02604,0.08471,0.0011,-0.06184,-0.02754,0.01896,0.05776,0.03908,0.06616,-0.06452,0.08365,-0.00461,0.04116,0.02979,-0.02129,0.05221,0.01747,0.01434,0.03863,0.01672,0.03221,-0.06727,-0.09475,0.02028,-0.03956,-0.00457,0.06559,0.06274,0.10344,-0.03974,-0.07106,-0.00846,0.07833,-0.0586,0.01404,0.04696,-0.06128,-0.03659,-0.01201,-0.0422,-0.06856,-0.0425,0.0524,-0.02931,-0.05171,0.0809,0.01905,0.01395,0.00384,-0.02333,0.01112,-0.04668,-0.04147,0.00225,0.00893,-0.02244,-0.15017,0.00927,-0.03425,0.03544,-0.04852,0.04456,0.06372,0.07099,-0.00779,-0.03122,0.03447,0.01778,0.041,-0.05292,0,-0.01475,0.07079,-0.03219,-0.00899,0.08326,-0.06364,0.05269,-0.06156,-0.12471,-0.02001,0.03987,0.0687,-0.03441,0.02297,-0.03543,-0.08813,-0.01295,-0.01212,0.05503,-0.06259,0.00464,-0.01641,-0.02703,-0.01124,-0.00365,-0.00974,0.02803,0.01551,-0.01646,0.02469,0.01968,-0.00247,0.08425,0.06611,-0.04621,0.02328,0.00961,-0.0344,0.03508,0.00379,-0.00666,0.02144,-0.07578,0.01251,0.01803,0.04025,0.00002,-0.04948,0.05563,-0.01709,0.01285,0.02554,0.03023,0.035,0.06058,-0.0173,-0.02263,0.01872,0.03471,-0.02624,0.04102,0.06014,-0.02457,-0.06594,0.06475,0.04555,0.07037,0.00552,-0.00256,-0.12021,-0.10192,0.10697,0.01508,0.06542,-0.01831,-0.02405,0.03736,-0.00334,0.04777,0.02407,-0.08122,0.00744,-0.05395,0.05182,0.07115,-0.06185,0.02869,-0.03137,-0.07211,-0.05898,0.10374,-0.09203,0.06818,-0.03031,-0.07138,0,-0.02628,0.02315,-0.06816,0.15364,0.00588,-0.01871,0.02864,-0.0042,0.05369,0.04114,0.06943,0.04464,-0.0301,-0.07827,0.00935,-0.03601,-0.04366,-0.01148,0.05007,-0.06942,-0.02364,-0.0223,-0.02379,-0.01367,-0.01705,0.05112,-0.03591,0.03564,-0.00243,-0.0141,0.01118,-0.00727,-0.06815,-0.02485,0.02464,-0.05028,-0.10387,0.10306,-0.01728,0.01226,0.03563,0.00797,-0.00578,0.0388,-0.0342,0.06826,-0.06115,-0.04087,-0.02943,-0.01849,-0.01451,-0.04132,-0.04085,-0.01826,-0.03294,-0.0394,0.08542,0.02793,-0.06695,0.06535,0.0953,-0.02002,-0.00923,-0.05352,0.03749,-0.03931,-0.06481,0.04748,0.02853,-0.00238,0.10193,-0.03704,-0.10719,0.04327,0.03067,-0.00508,0.08298,0.00627,-0.01655,0.10125,-0.06871,0.10111,-0.03544,0.08993,0.05675,0.01792,-0.09115,0.07927,0.07165,-0.00341,-0.09532,0.08326,0.06767,-0.01335,-0.03978,0,-0.10649,-0.07127,-0.00667,0.03064,0.00106,0.01243,-0.05802,-0.05812,-0.01145,-0.03706,-0.03183,0.06882,0.01796,-0.04996,-0.03379,0.02227,-0.04707,0.05201,-0.05805,-0.05788,-0.039,0.09548,-0.02457,0.01641,-0.0249,0.00799,-0.02764,-0.01494,0.05105,0.02751,0.01939,0.01842,0.00541,0.04329,-0.07695,-0.03545,-0.11714,0.03945,-0.02346,0.06768,0.02724,-0.02026,-0.02719,0.00324,-0.11205,0.02932,0.01606,-0.00412,-0.06354,-0.01221,-0.00418,0.06724,-0.12517,0.15098,-0.00364,-0.00449,-0.01305,0.06596,0.02376,-0.04213,-0.08659,-0.02464,-0.0021,0.04068],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Node + group language","excerpt":"Node + group language"},{"chunkId":"/docs/styling-tokens-and-overrides#13","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03796,0.02909,-0.04322,0.03939,0.00661,0.06988,0.02834,0.03339,0.02414,0.01337,-0.11249,-0.00354,-0.05273,-0.0074,0.08526,-0.03743,0.00118,0.05768,0.0273,0.04953,0.02561,-0.0517,-0.00335,-0.00992,-0.05835,0.04234,-0.00952,0.01576,0.0078,-0.04825,0.07609,0.13372,0.01751,0.01557,-0.03448,-0.00838,0.04822,-0.00325,-0.03896,-0.00557,0.03657,0.01535,-0.03256,-0.0313,-0.05364,-0.01319,0.02169,-0.05394,-0.10625,0.03091,0.01532,-0.12599,-0.00856,0.05343,0.00435,0.05111,-0.00706,-0.01199,0.08286,0.00655,-0.05401,-0.02623,0.01032,0.06054,0.04043,0.03861,-0.07158,0.06305,-0.00988,0.04966,0.00155,-0.00638,0.05852,-0.01162,0.03627,0.03664,0.02149,0.03186,-0.06856,-0.11657,0.01404,-0.04483,-0.00659,0.05944,0.07622,0.08755,-0.01709,-0.09382,0.00823,0.08194,-0.02456,-0.00303,0.03499,-0.06376,-0.03207,-0.02386,-0.06187,-0.0584,-0.03685,0.05859,-0.04536,-0.06314,0.08923,0.03836,0.03608,0.01646,-0.01558,0.03058,-0.04422,-0.04235,-0.00338,-0.00708,0.00387,-0.1515,0.0246,0.00331,0.00145,-0.0328,0.03926,0.0457,0.06344,-0.02325,-0.04563,0.03054,0.00386,0.03215,-0.04837,0,-0.0246,0.06668,-0.04261,-0.00847,0.06704,-0.05082,0.05372,-0.05522,-0.10723,0.01565,0.03714,0.07589,-0.02621,0.02682,-0.02659,-0.07308,-0.01681,0.00348,0.05375,-0.04702,0.01519,-0.03972,-0.02373,-0.02165,0.01174,-0.00837,0.03108,0.0411,-0.02489,0.02941,0.01672,0.00447,0.08837,0.05164,-0.04121,0.00864,0.00305,-0.03715,0.02081,-0.00211,0.00249,0.00576,-0.08317,0.0261,-0.0064,0.04848,-0.00338,-0.03682,0.07883,-0.01495,0.02046,0.02055,0.02877,0.06647,0.06106,-0.02118,-0.05455,0.00517,0.03391,-0.03437,0.02716,0.04201,-0.02888,-0.07864,0.06881,0.04807,0.08777,0.00042,-0.03589,-0.12149,-0.10773,0.11849,0.00879,0.02857,-0.01349,-0.02551,0.04019,0.01542,0.05847,0.01791,-0.06517,0.01885,-0.05202,0.0552,0.08446,-0.0616,0.01894,-0.04584,-0.08144,-0.06963,0.11686,-0.10268,0.04036,-0.03862,-0.07124,0,-0.00937,0.00639,-0.06282,0.16391,0.0011,0.01532,0.04893,0.01248,0.03785,0.01167,0.08651,0.05325,-0.04061,-0.09798,0.01366,-0.0154,-0.04603,-0.01948,0.02077,-0.08809,-0.0219,-0.01399,-0.01317,-0.03152,-0.01958,0.05541,-0.01316,0.0555,-0.01235,-0.00471,0.00224,-0.00761,-0.07873,-0.03301,0.00981,-0.03335,-0.08882,0.09079,-0.02071,-0.00343,0.04531,0.01059,0.00673,0.05489,-0.03631,0.06921,-0.07974,-0.04517,-0.01054,-0.01873,-0.00316,-0.04152,-0.0526,-0.01084,-0.04136,-0.0189,0.07172,0.03548,-0.06844,0.07456,0.10621,-0.02502,0.00155,-0.04333,0.04203,-0.03664,-0.06179,0.05939,0.04212,0.00031,0.10233,-0.03279,-0.10135,0.03231,0.03838,0.00841,0.09285,0.01138,-0.00502,0.11912,-0.04917,0.09678,-0.01536,0.07958,0.06283,0.03407,-0.08544,0.05721,0.07915,-0.01949,-0.0909,0.07719,0.08336,-0.00118,-0.02284,0,-0.09157,-0.07233,0.01275,0.01237,-0.01268,0.04174,-0.0547,-0.06021,-0.02665,-0.049,-0.02671,0.05489,0.02657,-0.02263,-0.042,0.01289,-0.0381,0.04677,-0.06961,-0.08186,-0.04323,0.09536,-0.00412,0.03123,0.00011,0.00436,-0.01754,-0.00001,0.04829,0.03259,0.01443,0.01045,0.01712,0.03125,-0.07482,-0.01501,-0.12552,0.03182,-0.04461,0.06064,0.01882,-0.04829,-0.02406,-0.00221,-0.10756,0.04363,0.0162,-0.00539,-0.08404,-0.01431,-0.02234,0.09202,-0.10677,0.12844,-0.01319,-0.02054,0.00223,0.07177,0.01122,-0.02348,-0.08712,-0.02335,-0.01665,0.04682],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Connection emphasis","excerpt":"Connection emphasis"},{"chunkId":"/docs/styling-tokens-and-overrides#14","slug":"styling-tokens-and-overrides","route":"/docs/styling-tokens-and-overrides","section":"docs","title":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables","description":"Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers.","group":"Styling","vector":[-0.03958,0.04459,-0.04394,0.04055,0.02185,0.09108,0.02477,0.01196,0.01853,0.002,-0.11396,-0.0268,-0.04,0.00629,0.07378,-0.05269,-0.01887,0.06606,0.00929,0.01874,0.03219,-0.05267,-0.00526,0.00165,-0.06492,0.07335,-0.02241,-0.00249,0.01897,-0.05161,0.06741,0.12408,0.03829,0.03058,-0.01479,-0.00813,0.03251,0.00909,-0.0451,-0.01683,0.02454,0.03284,-0.00985,-0.03368,-0.05149,-0.00178,0.02587,-0.03782,-0.10614,0.02545,0.03131,-0.10149,-0.00763,0.08683,0.00515,0.05334,-0.00476,-0.03073,0.05883,-0.01711,-0.04798,-0.03454,0.00976,0.06083,0.04886,0.06332,-0.05363,0.07501,-0.00761,0.03803,0.0168,-0.00321,0.071,-0.00536,0.0368,0.04388,0.01038,0.02406,-0.04679,-0.1132,-0.00384,-0.06259,-0.01709,0.05431,0.07718,0.06538,-0.03569,-0.09241,-0.00544,0.06551,-0.04469,0.01229,0.0605,-0.07484,-0.03819,-0.02924,-0.04561,-0.05636,-0.0222,0.07625,-0.03688,-0.06611,0.10361,0.01907,0.02427,0.01311,-0.0274,0.01451,-0.05132,-0.03854,-0.00165,0.00755,0.00814,-0.13649,0.01451,-0.01638,0.01183,-0.03313,0.04369,0.03354,0.08139,-0.02304,-0.02364,0.04027,0.01621,0.05011,-0.05368,0,-0.01623,0.04885,-0.04703,-0.00435,0.05653,-0.03338,0.04055,-0.0581,-0.11448,0.00538,0.03367,0.08683,-0.02259,0.01125,-0.01296,-0.09477,-0.01943,0.00795,0.02753,-0.0517,0.00972,-0.00598,-0.0287,-0.03095,0.00462,-0.0132,0.02306,0.03723,-0.03568,0.0322,0.02419,0.00139,0.07942,0.04016,-0.03344,0.03605,0.01824,-0.04302,0.04539,-0.01901,0.00258,0.00095,-0.05932,0.01444,0.01424,0.05157,-0.02537,-0.0237,0.06421,0.00854,0.04677,0.0055,0.03711,0.01924,0.0603,-0.02292,-0.03723,0.0201,0.0515,-0.03083,0.03473,0.03982,-0.04001,-0.0816,0.05159,0.04512,0.08812,0.02406,-0.01908,-0.12256,-0.10409,0.13485,0.02371,0.02806,0.01013,-0.0219,0.06505,0.00624,0.01383,0.0012,-0.06632,-0.00236,-0.07075,0.04301,0.08466,-0.05622,0.02374,-0.04253,-0.11416,-0.0642,0.09664,-0.10179,0.05748,-0.00735,-0.06201,0,-0.00137,0.01168,-0.04026,0.1405,0.02272,-0.00432,0.05531,0.01333,0.04018,0.02574,0.05774,0.04001,-0.03644,-0.09726,0.01679,-0.01636,-0.023,-0.01619,0.06404,-0.07347,-0.01258,-0.0249,-0.03485,-0.00128,-0.03785,0.06276,-0.01631,0.0297,-0.00046,0.00693,0.01165,-0.04525,-0.09253,-0.02174,-0.00829,-0.05431,-0.09145,0.07667,-0.02616,0.01646,0.02981,0.00913,-0.01802,0.05799,-0.03676,0.06204,-0.04496,-0.01627,-0.04622,-0.01513,-0.01847,-0.02973,-0.07171,-0.01146,-0.05425,-0.01667,0.07932,0.03979,-0.09024,0.07549,0.07408,-0.01158,-0.00301,-0.04222,0.04834,-0.04206,-0.06442,0.05646,0.03575,0.01563,0.09908,-0.04912,-0.1003,0.02152,0.05309,-0.00165,0.08703,0.02461,0.00368,0.10324,-0.07265,0.07409,-0.00857,0.08446,0.05518,0.04042,-0.08194,0.06055,0.08568,-0.00071,-0.10005,0.07347,0.12382,-0.00838,-0.01858,0,-0.08021,-0.06662,0.01973,0.01258,-0.01483,0.0224,-0.06904,-0.06101,-0.02676,-0.05063,-0.00617,0.06573,0.00559,-0.05578,-0.04078,0.02731,-0.05679,0.03196,-0.0781,-0.06094,-0.03285,0.07367,-0.01141,0.03176,-0.02715,0.00101,-0.0342,-0.00618,0.06303,0.04589,0.02404,0.019,0.01499,0.04461,-0.069,-0.03511,-0.13419,0.04942,-0.01022,0.04709,0.0157,-0.03913,-0.02795,0.01287,-0.09652,0.04559,0.01247,-0.01625,-0.07004,-0.00983,-0.02711,0.0844,-0.13295,0.16529,-0.02559,-0.01455,0.00503,0.07021,0.04182,-0.04048,-0.06268,-0.0279,-0.01735,0.05215],"keywords":"Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Foblex Flow Styling Tokens and Overrides - Customize `--ff-*` Theme Variables Override alias tokens, scope themes per editor, and extend light and dark defaults without forking the shipped SCSS layers. Grouping states","excerpt":"Grouping states"},{"chunkId":"/docs/styling-recipes#0","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.0701,0.05075,-0.04848,-0.01549,0.02964,0.03709,0.00357,0.01831,0.00223,0.02072,-0.11876,-0.01252,-0.03309,-0.06187,0.06422,-0.04797,-0.0515,0.0302,0.02341,0.03297,-0.0304,-0.03398,-0.00468,-0.00915,-0.06989,0.08137,-0.00301,0.00588,0.04866,-0.09898,0.06683,0.11955,0.0485,0.02794,-0.06174,0.01684,0.02701,0.02147,-0.07879,-0.01076,0.00042,0.02246,-0.01072,-0.0136,-0.01427,-0.02028,-0.02798,-0.04351,-0.07046,0.05023,-0.05524,-0.12736,-0.04528,0.05927,0.04052,0.05021,0.02897,-0.04372,0.04765,-0.00984,-0.00589,0.00387,-0.03299,0.06168,0.05082,0.00915,-0.07701,0.05695,0.01708,-0.04775,-0.02097,0.01429,0.0052,0.02654,0.04344,0.03408,0.01859,-0.0189,-0.06981,-0.08389,-0.05895,-0.01527,-0.01144,0.05402,0.03678,0.10155,-0.00356,-0.09656,-0.00807,0.04805,0.01332,0.06267,-0.00527,-0.09507,-0.02299,0.0187,-0.02799,-0.09106,-0.02354,0.07579,-0.01528,-0.08073,0.08972,-0.00078,0.04807,-0.05038,0.00318,0.05638,-0.024,-0.03714,-0.02899,0.02454,-0.06162,-0.11265,-0.0283,-0.03545,0.01277,-0.06646,0.08319,0.05704,0.07397,0.01837,-0.02428,0.00319,0.03297,0.01042,-0.04336,0,-0.0091,0.02656,-0.0051,0.05468,0.10166,-0.03084,0.02358,-0.06436,-0.05744,0.07495,0.01764,0.07668,-0.06866,0.08301,-0.01245,-0.10575,-0.02448,0.03498,0.00661,-0.00613,0.04428,-0.08666,0.01616,-0.02581,0.01039,0.0535,0.02196,0.03768,-0.05424,0.03357,0.0096,-0.02895,0.04732,-0.01128,-0.07506,0.02178,0.00234,-0.07004,0.05571,-0.01074,-0.01233,-0.01825,-0.0562,-0.01168,0.00516,0.03881,-0.02732,-0.00342,0.09066,0.01354,0.08094,0.03168,0.11679,0.0688,0.0654,-0.01116,0.00398,0.01406,0.02253,0.03788,0.03986,0.07059,-0.05983,-0.07683,0.02568,0.03954,0.03891,0.02385,-0.01519,-0.05348,-0.07216,0.11322,0.00837,-0.0207,0.03283,-0.01818,0.03358,-0.01142,0.03323,-0.00368,-0.07997,0.01466,-0.02803,0.02885,0.0254,-0.01564,0.02534,-0.00812,-0.11014,-0.01944,0.11465,-0.07931,0.02273,-0.04599,-0.02785,0,-0.07024,0.0363,-0.04754,0.11727,0.07552,-0.0195,0.01423,0.02361,0.05154,0.03679,0.04679,0.0476,-0.0329,-0.09317,0.01282,-0.00089,-0.04042,-0.04662,0.0354,-0.07506,-0.01572,0.01449,-0.01472,-0.0482,-0.05489,0.02858,0.0039,0.09255,-0.00217,-0.00698,-0.00999,-0.04472,-0.0179,-0.03352,-0.02128,-0.04708,-0.09236,0.09362,0.03989,-0.01013,0.02446,-0.00416,-0.02176,0.07336,-0.06073,0.03479,-0.08374,-0.02163,0.03175,0.01348,0.00685,-0.02144,-0.05912,-0.03008,-0.0437,0.04035,-0.00441,0.06548,-0.11845,0.07006,0.00653,-0.00067,0.00951,-0.05043,0.08047,-0.01638,-0.04162,-0.01664,-0.00311,0.05062,0.09689,0.04993,-0.10182,0.03576,0.04849,0.01116,0.09347,0.03293,0.00968,0.12954,-0.04824,0.09201,-0.01159,0.11762,0.05335,0.01789,-0.08375,0.01673,0.06004,-0.00004,-0.05761,0.09044,0.07914,0.04601,-0.02722,0,-0.07566,-0.08671,0.02451,0.01029,-0.03252,0.10373,-0.00776,-0.0883,-0.05276,-0.03987,0.00732,0.0576,-0.01154,-0.01376,0.02059,-0.00735,-0.06062,0.01235,-0.09527,-0.12582,-0.04349,0.08745,-0.00223,0.04717,-0.01674,0.02405,-0.02881,0.002,0.03782,0.00492,0.01079,0.02445,0.02155,0.04676,-0.05049,0.04748,-0.07815,0.03647,-0.07641,-0.0111,0.02953,-0.03163,-0.00298,-0.01199,-0.07769,0.05187,0.00594,-0.03551,-0.05135,0.00586,-0.04884,0.03451,-0.07756,0.12682,-0.00167,0.02486,-0.04935,0.00753,0.10672,-0.01019,-0.05657,0.06518,0.04388,0.05479],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Styling Recipes This page shows practical styling patterns built from the shipped SCSS API.","excerpt":"Styling Recipes This page shows practical styling patterns built from the shipped SCSS API."},{"chunkId":"/docs/styling-recipes#1","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.05536,0.03266,-0.03236,0.00627,0.00218,0.03564,-0.02335,0.02541,0.05987,-0.00028,-0.07757,-0.01096,-0.05107,-0.08808,0.07735,-0.03518,-0.0281,-0.00219,-0.00365,0.02046,-0.06615,-0.02921,-0.00429,-0.02916,-0.04459,0.08062,0.001,0.0193,0.0587,-0.08785,0.04048,0.11559,0.05362,0.02876,-0.06092,0.04123,0.04939,0.04439,-0.09795,-0.01787,0.00763,0.0068,0.02634,-0.01596,-0.03063,-0.00435,-0.0357,-0.08677,-0.06178,0.03904,-0.02429,-0.10835,-0.06015,0.05374,0.05445,0.05401,0.04594,-0.0143,0.04429,0.02841,-0.00561,0.04687,-0.0453,0.06105,0.02328,0.01236,-0.04911,0.07068,0.00785,-0.08921,-0.01187,0.00284,-0.01465,0.00666,0.03245,0.01272,0.02862,-0.02069,-0.09079,-0.0716,-0.03944,0.03104,0.00866,0.04895,0.01457,0.12912,0.01194,-0.09562,-0.01798,0.061,0.0054,0.0473,0.00805,-0.07421,-0.00418,0.02888,-0.00862,-0.07574,-0.05189,0.06441,-0.02373,-0.08752,0.09371,0.01553,0.05028,-0.05575,-0.0046,0.04437,0.00286,-0.04414,-0.02836,-0.01347,-0.05579,-0.10181,-0.0268,-0.07037,0.02256,-0.07712,0.07685,0.09715,0.04584,0.02362,-0.01322,-0.02508,0.01026,0.00094,-0.03963,0,0.03394,-0.01101,-0.01276,0.0475,0.12772,0.00502,-0.00087,-0.0597,-0.0404,0.05325,0.04792,0.02731,-0.10874,0.10003,-0.03859,-0.09174,-0.02819,0.04944,-0.02001,-0.03618,0.01918,-0.06383,-0.01072,-0.01073,0.00682,0.07137,0.03562,0.01797,-0.06519,0.0108,-0.02413,-0.07008,0.0895,-0.01183,-0.09829,0.0324,-0.01813,-0.07117,0.06277,-0.02562,-0.04353,-0.00594,-0.05357,-0.02357,0.02984,0.03052,-0.0124,0.00638,0.07854,0.00949,0.07627,0.02735,0.13333,0.06792,0.05881,-0.01013,-0.00948,0.05683,0.01477,0.04084,0.0546,0.11889,-0.08643,-0.05499,0.05638,0.09237,0.01572,0.02913,0.00588,-0.04808,-0.07795,0.08746,-0.01354,0.00456,0.05345,-0.03277,0.01234,-0.04157,0.03258,-0.00656,-0.08609,0.01926,-0.0264,0.03124,-0.01276,0.01536,0.05367,0.01311,-0.07109,-0.02173,0.09233,-0.03854,0.01842,-0.03152,-0.01059,0,-0.04137,0.018,-0.05849,0.06769,0.07545,-0.03161,0.0194,-0.01668,0.06638,0.01158,0.06253,0.05421,-0.02471,-0.10004,0.00141,0.00892,-0.06211,-0.06322,0.03128,-0.05762,-0.03135,-0.01155,-0.0063,-0.0417,-0.05148,-0.03848,-0.01007,0.07261,0.01188,-0.04536,0.00954,-0.03269,-0.01785,-0.03963,-0.01894,-0.0028,-0.11378,0.06299,0.01753,-0.01286,-0.02474,-0.01185,-0.02091,0.07811,-0.08383,0.06395,-0.07332,-0.06857,-0.00025,-0.00094,-0.00601,-0.03412,-0.0521,-0.01251,-0.04617,0.05635,0.03549,0.06127,-0.093,0.03297,0.01062,-0.00685,0.00746,-0.04393,0.05091,0.00546,-0.00952,-0.01096,0.01213,0.04901,0.09743,0.05128,-0.06531,0.00571,0.02747,-0.0042,0.11595,0.00042,0.01912,0.07738,-0.08506,0.10871,-0.02723,0.0407,0.02869,-0.00964,-0.05656,0.0569,0.04669,0.03603,-0.05443,0.09396,0.0836,0.06174,-0.06391,0,-0.06615,-0.09068,0.03143,-0.00863,-0.01402,0.07621,0.00555,-0.0359,-0.04425,-0.01168,0.02334,0.0775,-0.0543,-0.00769,0.04693,-0.00717,-0.05853,0.01224,-0.07781,-0.13056,-0.03081,0.09054,-0.03309,0.03098,-0.00021,0.02454,-0.00655,0.00625,-0.0152,0.0268,0.01045,0.05719,0.00808,0.04125,-0.05043,0.0907,-0.05228,0.0557,-0.11653,-0.02736,0.03303,-0.06683,-0.00341,-0.02153,-0.07103,0.03862,0.01725,0.0026,-0.04591,-0.01136,-0.0412,0.0497,-0.06188,0.08744,-0.01406,0.04876,-0.02626,0.0053,0.09449,-0.0384,-0.07548,0.08669,0.0889,0.02298],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: minimal editor styling Use this when your editor needs the standard flow shell, nodes, connectors, connections, and helper plugins: That is the same base stack used by the default theme, except that it is connected explicitly in your stylesheet.","excerpt":"Recipe: minimal editor styling Use this when your editor needs the standard flow shell, nodes, connectors, connections, and helper plugins: That is the same base stack used by the default theme, except that it is connected explicitly in your stylesheet."},{"chunkId":"/docs/styling-recipes#2","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.04006,0.01643,-0.01395,0.06447,0.07151,0.03964,0.04912,-0.01081,0.05761,-0.04312,-0.03272,-0.00657,-0.06396,-0.0097,0.07508,-0.08821,-0.07136,0.02292,-0.08315,0.03682,0.01171,-0.11002,0.04087,-0.02011,-0.06961,0.04051,0.01513,-0.04259,0.02996,-0.09822,0.00351,0.14875,0.02381,0.0378,-0.06461,0.05656,0.03832,0.05544,-0.07624,-0.01807,-0.01234,0.00428,0.04696,-0.0321,-0.07018,0.03941,0.03202,0.00998,-0.07026,0.09491,0.07609,-0.03037,0.0044,0.10954,0.04518,0.04277,0.05207,-0.05562,-0.01459,-0.03284,-0.02721,0.01234,-0.03969,0.01896,-0.03549,0.03457,0.03993,0.03258,0.00816,-0.01171,0.07907,-0.02693,0.07603,0.00192,0.07388,0.03189,0.00269,0.03619,-0.0752,-0.05748,0.05817,-0.0192,-0.00341,0.02635,0.0115,0.07559,-0.0358,-0.09047,-0.07874,0.02894,-0.0473,0.09359,-0.01403,-0.05702,-0.00352,-0.04405,-0.01168,-0.06087,-0.04364,0.0489,-0.00569,-0.0623,0.05379,0.01158,-0.00448,-0.08765,-0.00096,-0.04291,-0.05339,-0.02478,-0.00308,-0.00147,0.02512,-0.01115,-0.08193,-0.07054,0.01917,-0.05813,0.07042,0.02504,0.06589,0.06046,0.01256,0.03036,0.04583,0.03753,-0.11087,0,0.01719,-0.03821,-0.04036,-0.01983,0.09315,-0.06642,0.01792,-0.0456,-0.05465,0.01402,0.0001,-0.01746,-0.03558,0.04263,-0.00843,-0.08022,-0.00464,0.02919,-0.03396,-0.05439,-0.00952,-0.00397,-0.05839,-0.04331,-0.00247,0.09952,-0.0387,0.03063,0.03176,0.03021,-0.03278,-0.03993,0.00712,-0.00791,-0.06434,0.04669,-0.02025,-0.03861,0.07144,-0.00043,-0.02215,-0.01749,-0.04773,-0.06028,0.01895,0.04605,-0.00598,0.01554,0.00188,0.01151,0.05408,-0.00498,0.05764,-0.00595,0.06737,-0.07178,-0.01222,0.10503,0.04133,0.0461,0.04741,0.12793,-0.05776,-0.05013,0.03907,0.09707,0.02201,0.10534,0.00344,-0.07541,-0.05572,0.09921,-0.00126,0.0184,0.11635,-0.02129,0.05099,-0.07168,0.03049,-0.04193,-0.08063,-0.02158,0.00848,-0.0142,-0.01568,0.00167,0.0905,-0.02258,-0.12336,-0.04296,-0.00497,-0.00456,0.03728,-0.00921,0.01103,0,0.01307,0.10517,-0.01696,0.08699,0.0642,-0.01489,0.03115,-0.0033,0.04134,0.02948,-0.02596,0.02521,-0.07117,-0.08376,-0.02599,-0.02014,-0.05131,-0.01692,0.02664,-0.04146,0.03391,-0.03025,0.0025,0.03423,-0.1245,-0.03583,-0.01642,0.02984,0.06228,-0.01286,0.0557,-0.05282,-0.04218,-0.04733,-0.04459,-0.0719,-0.10265,0.08728,0.00759,0.04313,-0.03717,-0.01945,-0.03063,0.04822,-0.03404,0.05065,-0.00987,-0.01032,-0.02778,0.01834,-0.04528,-0.01352,-0.04784,-0.00991,0.00565,0.06107,0.15775,-0.00862,-0.11374,0.04849,-0.00228,-0.01327,-0.04278,-0.06713,0.10741,-0.00794,0.02825,0.03833,0.0689,0.0962,0.03582,-0.02054,-0.02309,-0.00936,0.03137,0.02619,0.10599,0.00271,0.04431,0.01012,-0.06896,0.00853,-0.01631,0.03653,-0.00403,0.03284,-0.05626,0.08504,0.04612,0.04577,-0.02661,0.00761,0.1555,0.01374,-0.04913,0,-0.04982,0.00195,0.00405,-0.00272,0.00701,0.01381,-0.05191,-0.00867,0.01531,-0.02161,-0.04335,0.06939,-0.0172,0.01783,0.0323,0.02791,-0.04014,0.00629,-0.07377,-0.04958,-0.01413,-0.00888,-0.05819,0.03079,-0.04615,-0.0425,-0.04369,-0.01683,0.00447,-0.0129,-0.03725,0.06537,-0.02656,0.05801,-0.07694,0.03312,-0.07924,0.05651,-0.02216,0.0438,0.06298,-0.03934,-0.04038,-0.01377,-0.0594,0.01126,0.03134,-0.0459,-0.05295,0.05306,-0.02591,0.05786,-0.06571,0.14827,-0.02367,0.04142,-0.09141,0.04316,0.1351,-0.06876,-0.00205,0.00401,-0.01771,0.04899],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: editor with drag-to-group highlighting grouping() is separate because not every editor supports drop-to-group UX. This adds styling for the runtime classes used during drag-to-group: - .f-grouping-drop-active - .f-grouping-over-boundary These highlight styles only apply while drop-to-group is enabled. In that mode the flow carries the f-drop-to-group host class (the default; set [fDropToGroup]=\"false\" on fDraggable to turn the gesture off), and grouping() scopes its rules to f-flow.f-drop-to-group.f-dragging. With the gesture off the class is absent and these styles do not apply. Customize them with: - --ff-grouping-drop-target-border-color - --ff-grouping-drop-target-border-style - --ff-grouping-drop-target-border-width - --ff-grouping-drop-target-border-color-active - --ff-grouping-drop-target-border-style-active - --ff-grouping-drop-target-border-width-active f Drop To Group f Draggable","excerpt":"Recipe: editor with drag-to-group highlighting grouping() is separate because not every editor supports drop-to-group UX. This adds styling for the runtime classes used during drag-to-group: - .f-grouping-drop-active - .f-grouping-over-boundary These highlight styles only apply while drop-to-group is enabled. In that mode the flow carries the f-drop-to-group host class (the default; set [fDropToGroup]=\"false\" on fDraggable to turn the gesture off), and grouping() scopes its rules to f-flow.f-drop-to-group.f-dragging. With the gesture off the class is absent and these styles do not apply. Customize them with: - --ff-grouping-drop-target-border-color - --ff-grouping-drop-target-border-style - --ff-grouping-drop-target-border-width - --ff-grouping-drop-target-border-color-active - --ff-grouping-drop-target-border-style-active - --ff-grouping-drop-target-border-width-active"},{"chunkId":"/docs/styling-recipes#3","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.05385,0.02144,-0.03536,0.0188,0.05188,0.04345,0.02929,0.02799,0.045,0.00179,-0.08312,-0.01269,-0.05892,-0.07879,0.10666,-0.02702,-0.01335,0.0078,-0.02921,0.04406,-0.00844,-0.03003,0.02353,-0.02764,-0.06308,0.08239,0.03037,0.00012,0.06149,-0.09335,0.0595,0.11261,0.05896,0.03062,-0.05181,-0.00117,0.02949,0.05402,-0.09722,-0.02818,-0.00061,0.02646,0.00601,-0.03282,-0.03062,-0.02643,0.00658,-0.06223,-0.06445,0.0706,-0.00511,-0.08808,-0.06911,0.08524,0.03042,0.07029,0.06356,-0.05776,0.00932,0.03711,0.00503,0.03502,-0.03629,0.04747,0.00765,0.02593,-0.04655,0.08108,0.00096,-0.06356,0.02928,-0.00516,0.02001,0.00089,0.07251,0.02583,0.04466,-0.03773,-0.12375,-0.07461,-0.01995,0.04705,0.02468,0.02173,0.01121,0.1099,0.01054,-0.09252,-0.02513,0.06695,-0.01528,0.02136,-0.0241,-0.08165,0.01262,0.02606,-0.01277,-0.07913,-0.0099,0.04955,-0.02476,-0.07656,0.06473,0.05862,0.03353,-0.04949,-0.00022,0.02889,-0.0263,-0.03563,-0.00413,-0.01481,-0.06302,-0.10593,-0.06154,-0.09819,0.02799,-0.06632,0.07496,0.06681,0.02642,0.02072,-0.01309,-0.01614,0.00977,0.00422,-0.04684,0,0.00867,-0.02606,0.00037,0.02447,0.13254,-0.00449,0.03167,-0.06089,-0.04601,0.06306,0.05998,0.04595,-0.08057,0.09507,-0.03728,-0.08423,-0.04038,0.06142,-0.01605,-0.01873,0.03681,-0.06873,-0.04461,-0.04548,-0.00163,0.10476,0.02969,0.02239,-0.04595,0.01706,0.00945,-0.03765,0.06449,0.00137,-0.07095,0.04372,-0.05993,-0.03557,0.07586,-0.03792,-0.01933,-0.00405,-0.05736,0.01517,-0.00175,-0.00232,-0.00358,0.01327,0.07378,0.00802,0.06342,0.03249,0.08546,0.04689,0.04941,-0.04872,-0.02446,0.04886,0.04637,0.02164,0.07537,0.11765,-0.05535,-0.05683,0.02897,0.0749,0.02528,0.00823,0.02196,-0.05027,-0.05821,0.10515,-0.00271,-0.02932,0.0719,-0.03541,0.02102,-0.04945,0.01839,-0.01164,-0.09455,-0.02272,-0.03154,0.0505,-0.02537,-0.00109,0.01814,0.00643,-0.04391,-0.03179,0.08785,-0.0398,0.00984,-0.05041,-0.00402,0,-0.01234,0.04854,-0.02853,0.05629,0.07943,-0.02602,-0.0087,0.02558,0.06159,0.05655,-0.01523,0.06491,-0.01462,-0.10837,-0.01352,0.01237,-0.07877,-0.02757,0.03412,-0.10595,-0.03677,0.0006,0.0071,-0.02575,-0.07151,-0.02483,0.01754,0.05636,-0.00936,-0.05496,0.02158,-0.01901,-0.0013,-0.03044,-0.02439,-0.0406,-0.09792,0.04859,0.00906,0.02739,-0.04144,-0.01466,-0.01783,0.08105,-0.09808,0.0309,-0.09092,-0.03259,0.05755,0.0197,0.00166,-0.02524,-0.08965,-0.0071,-0.04041,0.07155,0.02668,0.06535,-0.09629,0.07109,0.01173,-0.01545,0.01771,-0.07192,0.05916,-0.02011,-0.0068,-0.02069,0.02554,0.07098,0.09984,0.03416,-0.0632,0.01928,0.0494,0.00582,0.16145,0.00136,0.01652,0.09757,-0.05494,0.06863,-0.03619,0.08525,0.0131,-0.03347,-0.06393,0.04763,0.00342,-0.00111,-0.08927,0.06245,0.0796,0.04862,-0.05057,0,-0.05869,-0.07893,0.05918,0.02264,-0.05678,0.08584,-0.00548,-0.03136,-0.04942,-0.02401,0.00171,0.07296,-0.00186,-0.00816,0.02915,-0.0078,-0.0266,0.00047,-0.08834,-0.09927,-0.0406,0.08594,-0.00868,0.02042,-0.02884,0.0314,-0.01411,-0.00195,0.00165,0.03146,0.00611,0.04986,-0.00054,0.02493,-0.08058,0.06044,-0.05594,0.04386,-0.11194,-0.02272,0.02817,-0.08492,-0.02535,-0.02485,-0.05109,0.01234,-0.0228,-0.02061,-0.07564,0.02371,-0.05113,0.03039,-0.06675,0.09113,0.00394,0.03764,-0.0615,0.01252,0.10967,-0.01289,-0.06403,0.04838,0.05838,0.04732],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: palette / external-item styling If you use palette drag-and-drop or create nodes from external items, add: This covers: - .f-external-item - .f-external-item-preview - .f-external-item-placeholder The external-item classes are usually rendered outside f-flow, so this styling is often placed at the application level.","excerpt":"Recipe: palette / external-item styling If you use palette drag-and-drop or create nodes from external items, add: This covers: - .f-external-item - .f-external-item-preview - .f-external-item-placeholder The external-item classes are usually rendered outside f-flow, so this styling is often placed at the application level."},{"chunkId":"/docs/styling-recipes#4","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.02898,0.07552,-0.04289,0.01385,0.06166,0.00091,0.03091,-0.01685,0.05004,0.02314,-0.07594,-0.0281,-0.07394,-0.08593,0.11163,-0.04144,0.01285,0.03289,0.03738,0.02958,-0.06465,-0.01698,-0.00231,-0.03193,-0.09041,0.07995,0.00527,-0.01045,0.06092,-0.09306,0.07493,0.1509,0.03781,0.0304,-0.08025,0.0513,0.03185,0.0198,-0.0948,-0.03978,0.03274,0.02999,0.00683,-0.02272,-0.0266,-0.0163,-0.03397,-0.04313,-0.08051,0.04903,-0.02269,-0.10476,-0.05336,0.05909,0.01182,0.04546,0.02174,-0.03332,0.04316,0.00085,-0.0207,0.02392,-0.02993,0.04828,0.07809,0.01151,-0.08907,0.03384,0.02231,-0.03062,-0.00407,0.0052,0.02754,0.00653,0.01997,0.01173,0.01333,-0.02128,-0.08161,-0.04324,-0.07068,0.04635,0.00202,0.02535,0.0151,0.15109,-0.00104,-0.07451,-0.04195,0.0199,-0.0025,0.04709,0.01571,-0.07628,-0.01561,0.0432,-0.02599,-0.06561,-0.04563,0.04751,-0.00079,-0.08117,0.05882,0.0397,-0.0257,-0.03722,-0.03402,0.02804,-0.02395,-0.0489,-0.03418,0.02945,-0.0701,-0.10865,-0.05174,-0.06201,0.03807,-0.05488,0.09571,0.09138,0.04851,-0.00405,0.01083,-0.00323,0.01657,-0.00472,-0.00348,0,0.00935,0.02803,-0.01382,0.00164,0.1262,-0.01839,0.01941,-0.06998,-0.00432,0.07972,0.04849,0.0574,-0.05326,0.06559,0.01662,-0.09826,-0.0448,0.03877,0.04877,-0.01976,0.01195,-0.05458,-0.02816,0.01143,-0.01747,0.056,0.00153,0.01496,-0.08725,0.02539,0.04339,-0.04822,0.0719,0.02276,-0.06651,0.04796,-0.0559,-0.05931,0.04216,-0.00938,-0.03425,-0.04138,-0.03837,0.02792,0.00773,-0.01697,-0.02434,-0.03203,0.05761,0.02959,0.08045,0.02844,0.1204,0.01155,0.07037,-0.00361,-0.01839,0.04754,0.02555,0.03211,0.03199,0.06318,-0.05956,-0.07225,0.02376,0.06435,0.00957,-0.02335,-0.01765,-0.04626,-0.04373,0.09792,0.00592,0.02006,0.07657,-0.01821,0.01554,-0.00821,0.04413,-0.01452,-0.10044,0.05102,-0.01821,0.0375,0.0429,0.00688,0.0507,0.00545,-0.08716,-0.02674,0.11523,-0.04362,-0.00221,-0.05772,0.01397,0,-0.02967,0.02544,-0.04772,0.09539,0.04921,-0.05059,-0.0171,0.00004,0.04899,0.00874,0.02323,0.07637,-0.04545,-0.07476,-0.03155,0.03058,-0.07693,-0.07174,0.05078,-0.05865,-0.02515,0.0037,-0.02221,-0.03708,-0.08689,-0.00623,0.0103,0.05855,0.02184,-0.05972,-0.0414,0.00786,-0.00237,-0.0346,-0.02602,-0.02316,-0.10962,0.1069,0.02397,0.00894,-0.05174,0.01625,-0.03902,0.08159,-0.08919,0.00924,-0.04616,-0.00001,0.05669,0.02472,-0.02417,-0.02381,-0.04714,-0.01933,-0.0398,0.054,0.00742,0.06725,-0.06707,0.06433,0.04119,0.00475,0.02775,-0.04955,0.05606,-0.00972,-0.0255,-0.00033,0.02903,0.05898,0.09028,0.05362,-0.07713,0.00334,0.03145,0.00288,0.16799,0.00733,0.01543,0.10193,-0.05166,0.11276,-0.0598,0.04302,0.06609,-0.02415,-0.09441,0.01416,0.04694,0.03767,-0.02049,0.09076,0.0593,0.03184,-0.03019,0,-0.08751,-0.07319,0.00526,-0.03129,-0.04164,0.08437,0.02635,-0.08673,-0.05312,-0.05084,0.00081,0.05287,-0.03971,-0.01067,0.06066,0.03035,-0.03401,-0.00344,-0.10528,-0.08721,-0.03632,0.08562,-0.01669,0.04782,-0.02202,0.03668,0.01174,-0.05177,0.02235,0.02841,-0.01229,0.04694,0.02959,0.03391,-0.04257,0.05474,-0.0746,0.00314,-0.07411,-0.04037,0.026,-0.04856,-0.02972,-0.02101,-0.07534,0.0237,-0.00717,-0.02096,-0.05114,0.01781,-0.03312,0.00214,-0.10291,0.09049,0.0126,0.05419,-0.00903,-0.00072,0.11048,-0.02564,-0.0653,0.06493,0.05548,0.00765],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: custom node shell with shipped node frame Use $selectorless: true when you want the shipped node frame on a custom host selector: That pattern is useful when your node body is built from Angular Material, custom cards, or a more application-specific component shell.","excerpt":"Recipe: custom node shell with shipped node frame Use $selectorless: true when you want the shipped node frame on a custom host selector: That pattern is useful when your node body is built from Angular Material, custom cards, or a more application-specific component shell."},{"chunkId":"/docs/styling-recipes#5","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.04233,0.05294,-0.02131,-0.00364,-0.00602,0.02604,-0.00647,-0.00813,0.04092,0.00077,-0.09307,-0.04873,-0.03943,-0.08099,0.09252,-0.05565,-0.04346,0.03741,-0.01517,0.00562,-0.04733,-0.02905,0.00817,-0.02225,-0.07414,0.06167,0.01101,-0.01117,0.07353,-0.10311,0.06171,0.1594,0.07512,0.03567,-0.02566,0.0569,0.01565,0.02676,-0.08689,-0.01341,-0.0011,0.04835,0.00534,-0.02648,-0.03182,-0.00288,-0.02318,-0.04745,-0.06307,0.06169,-0.01132,-0.10009,-0.04252,0.0768,0.03793,0.0518,0.03001,-0.04596,0.03694,-0.00955,-0.01046,0.02283,-0.04993,0.05139,0.01729,0.02063,-0.05369,0.07097,0.01285,-0.05559,0.00093,-0.00014,0.02855,0.01806,0.04313,0.02992,0.00461,-0.04845,-0.10088,-0.0896,-0.05453,0.02213,0.00552,0.02383,0.04687,0.10651,0.00018,-0.0668,-0.04654,0.05198,-0.01206,0.06529,0.02304,-0.09396,-0.01296,0.03269,0.02103,-0.09401,-0.01513,0.07597,-0.02337,-0.07112,0.07313,0.0107,0.03802,-0.0432,-0.01633,0.03417,-0.00638,-0.03536,-0.03276,0.01676,-0.05679,-0.10209,-0.04243,-0.08701,0.0491,-0.07192,0.07995,0.08754,0.07957,0.00296,-0.02438,0.01551,0.03404,0.0436,-0.05881,0,0.01557,-0.00149,-0.00527,0.05779,0.12195,-0.01532,-0.00036,-0.03978,-0.04013,0.06247,0.03475,0.0299,-0.09368,0.08693,-0.01039,-0.10258,-0.04606,0.04559,-0.01063,-0.0205,0.00627,-0.04375,-0.02534,-0.02586,-0.03257,0.0941,0.02273,0.0121,-0.04003,0.03056,0.01693,-0.05143,0.06378,0.00389,-0.09963,0.04005,0.00253,-0.06307,0.07962,-0.01155,-0.04572,-0.00886,-0.05331,-0.02991,0.0302,0.0226,-0.02175,0.00308,0.06793,0.01058,0.0689,0.03483,0.1082,0.04035,0.06515,-0.02976,-0.02687,0.04992,0.03851,0.04952,0.05745,0.13167,-0.05829,-0.04747,0.03367,0.07415,0.03953,0.01805,0.0042,-0.03046,-0.04882,0.09129,-0.00959,-0.01067,0.05089,-0.01877,0.03527,-0.01923,0.00943,-0.01388,-0.08683,0.02704,-0.02176,0.00854,-0.00351,0.03253,0.0723,0.00193,-0.12544,-0.02466,0.08406,-0.04793,0.02892,-0.02821,-0.00558,0,-0.02964,0.04781,-0.04289,0.04917,0.12102,-0.04382,-0.01059,-0.01759,0.03488,0.02792,0.00076,0.05119,-0.03313,-0.07634,-0.02929,-0.02057,-0.02997,-0.0358,0.04706,-0.05448,-0.04236,-0.01016,-0.0326,0.01001,-0.05584,-0.01831,-0.00053,0.0576,0.0338,-0.03123,-0.02241,-0.05231,-0.00183,-0.04016,-0.01205,-0.02283,-0.12852,0.08499,-0.00559,0.01857,-0.01039,-0.02652,-0.02487,0.05955,-0.0778,0.03032,-0.03067,-0.04313,0.00592,0.02325,0.01288,-0.03826,-0.05132,-0.03189,-0.02925,0.06309,0.02638,0.03064,-0.11289,0.06645,0.00067,0.00601,0.04334,-0.04631,0.06807,-0.01412,-0.0176,-0.02011,0.00087,0.06845,0.0989,0.0339,-0.08719,0.02403,0.04586,0.00224,0.0968,0.01465,0.01335,0.11067,-0.08319,0.07128,-0.03379,0.10158,0.02583,-0.00285,-0.06083,0.07226,0.03971,0.03891,-0.04512,0.08158,0.09857,0.03389,-0.03943,0,-0.05867,-0.08198,0.03315,0.00921,-0.02348,0.06653,-0.00959,-0.08373,-0.05953,-0.01909,-0.00264,0.07762,-0.02779,-0.00975,0.02461,-0.00261,-0.07254,0.00281,-0.08432,-0.11998,-0.03945,0.08726,-0.02703,0.00087,-0.02851,0.03402,-0.044,-0.03168,0.00011,0.00873,0.01395,0.05375,-0.01736,0.0582,-0.04209,0.0231,-0.08658,0.04934,-0.07062,-0.03946,0.04983,-0.04831,0.00886,-0.00625,-0.0851,0.04458,0.01373,-0.03122,-0.04562,0.01862,-0.0324,0.02465,-0.08532,0.11123,-0.01444,0.04564,-0.03189,0.02089,0.12675,-0.05228,-0.0479,0.06725,0.04599,0.04428],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: custom group shell The same pattern works for groups:","excerpt":"Recipe: custom group shell The same pattern works for groups:"},{"chunkId":"/docs/styling-recipes#6","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.06887,0.04503,-0.0432,0.02647,0.02253,0.05182,-0.04283,-0.01622,0.05838,0.05114,-0.11699,-0.00015,-0.09151,-0.05736,0.12355,-0.02425,-0.01409,0.036,-0.01224,0.03833,-0.07302,0.02625,0.03433,-0.02595,-0.03243,0.08008,0.04896,0.00778,0.09072,-0.07619,0.07461,0.11747,0.02307,0.03896,-0.10833,0.07765,-0.01295,0.0406,-0.02803,-0.02057,0.04304,0.05081,-0.01484,-0.07924,-0.0377,-0.02764,-0.05339,-0.031,-0.07073,0.0242,-0.05592,-0.13191,-0.07296,0.07196,0.01478,-0.01066,0.04315,-0.01508,0.05206,0.00971,-0.03192,0.04154,-0.02405,0.03676,0.03655,0.04434,-0.09036,0.09018,-0.01647,-0.03736,0.01458,-0.02278,0.0205,0.01026,0.00795,0.00274,-0.04071,-0.00866,-0.06924,-0.06278,0.01335,0.03314,0.02627,0.05332,0.03172,0.1128,0.04014,-0.06669,0.0045,-0.0213,0.01922,0.05081,0.03593,-0.0512,-0.0066,0.04815,-0.02732,-0.04256,-0.05307,0.04939,-0.04116,-0.09497,0.07906,0.05613,-0.00357,-0.02942,0.00193,0.02303,0.00278,-0.06094,0.00934,0.05274,-0.05993,-0.13053,-0.03328,-0.1103,0.02616,-0.05904,0.04927,0.1303,0.02355,-0.00169,-0.00036,-0.00335,0.04026,0.0224,-0.0016,0,0.02833,0.03182,-0.05793,0.03981,0.13692,-0.01316,-0.01136,-0.09906,-0.02112,0.07092,0.06644,0.0384,-0.10007,0.09158,-0.01245,-0.05788,-0.02646,0.04222,0.02717,-0.02438,0.02344,-0.04606,-0.02783,0.00519,-0.00732,0.04021,0.04266,-0.00302,-0.10525,-0.00367,0.06574,-0.02575,0.04442,-0.01035,-0.08693,0.03127,-0.04929,-0.04956,0.04641,-0.02481,-0.02711,-0.01847,-0.08703,0.00874,0.01979,0.03384,0.01909,-0.01017,0.09646,0.0163,0.05981,0.04599,0.07897,0.04959,0.0614,0.00156,0.00584,0.0501,0.09713,0.00914,0.06266,0.05338,-0.05952,-0.06879,0.01058,0.04258,0.02705,0.01947,0.02485,-0.07711,-0.0424,0.03595,0.00338,0.02563,0.02815,-0.03617,0.0181,0.00981,0.08659,-0.02803,-0.07132,0.0194,-0.03293,0.07719,0.00775,-0.00294,0.01487,0.0099,-0.05684,-0.01696,0.08447,-0.0366,-0.0031,-0.07518,-0.0037,0,-0.01559,0.01067,-0.07834,0.06744,0.04908,-0.05119,-0.01702,0.03075,0.05858,0.03229,0.08897,0.05999,-0.01108,-0.08507,-0.04959,0.01158,-0.05117,-0.03198,0.06248,-0.09662,-0.01366,-0.05436,0.016,-0.0203,-0.02927,0.01795,0.00691,0.04895,0.0199,-0.06983,-0.02032,-0.00345,-0.01283,-0.06077,-0.07258,-0.03896,-0.07713,0.0362,-0.02801,0.00787,-0.01613,-0.01139,0.01242,0.08058,-0.09975,0.0123,-0.04463,-0.03291,0.01861,-0.00123,0.02129,-0.01852,-0.04183,-0.04867,-0.05548,0.00466,0.03008,0.02914,-0.08156,0.05444,0.00768,0.0222,0.01246,-0.04554,0.0481,0.04761,-0.04097,-0.00696,0.07714,0.06799,0.07916,-0.0189,-0.04979,0.01927,0.02719,0.03366,0.15262,-0.01103,0.04492,0.03913,-0.06666,0.06844,-0.07912,0.00713,0.00712,-0.00626,-0.09485,0.01311,0.0664,0.03023,-0.08807,0.06188,0.07912,-0.00569,-0.01821,0,-0.08249,-0.04876,0.02438,-0.01097,-0.01238,0.03747,0.00922,-0.06219,-0.01408,0.01345,0.00695,0.09053,-0.02355,-0.01014,0.02237,0.00163,-0.05166,0.02097,-0.08502,-0.10523,0.0101,0.10531,-0.00139,-0.00472,0.03686,0.02713,-0.02626,-0.0186,0.00261,0.04728,-0.02135,0.04877,0.02413,-0.00292,-0.06962,0.02732,-0.06508,-0.00385,-0.0918,-0.07486,-0.00005,-0.0563,0.02464,-0.02593,-0.10701,0.01542,0.00773,0.03233,-0.02374,0.01279,-0.03897,0.00699,-0.10185,0.09028,-0.03134,0.0347,-0.04709,0.01226,0.0999,-0.09076,-0.08968,0.02099,0.04193,-0.00648],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: component-local editor styles in Angular If you want an editor-specific theme inside a component stylesheet: If you would rather avoid ::ng-deep, move the mixins to a global stylesheet or use ViewEncapsulation.None. View Encapsulation","excerpt":"Recipe: component-local editor styles in Angular If you want an editor-specific theme inside a component stylesheet: If you would rather avoid ::ng-deep, move the mixins to a global stylesheet or use ViewEncapsulation.None."},{"chunkId":"/docs/styling-recipes#7","slug":"styling-recipes","route":"/docs/styling-recipes","section":"docs","title":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns","description":"Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows.","group":"Styling","vector":[-0.0533,0.02055,-0.02999,0.03196,0.01019,0.03054,0.02215,-0.00141,0.04974,-0.00516,-0.06605,-0.00051,-0.0661,-0.07322,0.07482,-0.01702,-0.02715,0.01532,-0.01434,0.05553,-0.03339,-0.06282,-0.00945,-0.0254,-0.03475,0.07383,-0.00863,0.00261,0.08056,-0.08995,0.0428,0.1052,-0.0149,0.02819,-0.05373,0.02868,0.04904,0.01681,-0.11715,-0.01457,0.01193,0.01185,0.02346,0.01773,-0.02093,0.01846,0.01009,-0.02604,-0.05877,0.05721,-0.03329,-0.10483,-0.06397,0.049,0.0462,0.06821,0.04021,-0.04075,0.01934,0.02603,-0.00678,0.05902,-0.05951,0.0523,0.00717,-0.00545,-0.06082,0.06681,0.02379,-0.06179,-0.00631,0.02291,-0.00549,0.00432,0.06469,0.02677,-0.01166,-0.02592,-0.10037,-0.09137,-0.00727,0.02675,0.00901,0.0561,0.02954,0.11579,0.01154,-0.0951,-0.03783,0.06695,0.00509,0.04,-0.02142,-0.09429,-0.00712,0.00105,-0.01838,-0.0816,-0.04449,0.06929,-0.02215,-0.08042,0.07138,0.03802,0.0414,-0.02142,-0.02578,0.00596,-0.03525,-0.02807,-0.03616,-0.01369,-0.03996,-0.08561,-0.0503,-0.07544,-0.00613,-0.07013,0.11362,0.05641,0.03221,0.01462,-0.01034,-0.00086,0.01551,-0.0047,-0.05787,0,0.01197,-0.00406,-0.01376,0.04609,0.11061,-0.00545,0.01166,-0.07451,-0.05083,0.06491,0.03606,0.03274,-0.09215,0.1338,0.00366,-0.09729,-0.00086,0.06848,0.00016,-0.00818,0.00897,-0.09077,-0.01761,-0.03549,0.01229,0.10035,0.00484,0.04189,-0.02653,0.0219,0.00155,-0.04055,0.06133,0.00089,-0.09277,0.04508,-0.03908,-0.09871,0.06444,-0.01746,-0.04729,-0.02276,-0.07364,-0.01503,-0.00876,0.0431,-0.02888,0.02437,0.0305,0.01261,0.06159,0.04043,0.11654,0.0388,0.05611,-0.04488,-0.02685,0.05773,0.01195,0.05031,0.03791,0.12003,-0.08559,-0.04903,0.04728,0.10758,0.02644,0.04256,0.01853,-0.02787,-0.09618,0.09716,-0.00306,-0.03774,0.04585,-0.03158,-0.00693,-0.06178,0.05391,0.00337,-0.087,0.00273,-0.00485,0.0411,-0.0028,-0.01155,0.04036,-0.00039,-0.09015,-0.01231,0.09835,-0.04213,0.02742,-0.02767,-0.03011,0,-0.03692,0.0348,-0.0399,0.07312,0.06956,-0.02591,0.00563,-0.02009,0.05422,0.01629,0.0357,0.04953,-0.031,-0.07992,-0.00787,-0.0015,-0.05546,-0.04724,0.02134,-0.07244,-0.01584,-0.00613,0.00192,-0.03929,-0.05605,-0.03556,-0.00466,0.04154,-0.00611,-0.04012,-0.00185,-0.04759,0.00048,-0.06638,-0.01369,-0.01901,-0.07445,0.08558,0.03826,0.00402,-0.00269,-0.03508,-0.00978,0.06802,-0.06227,0.06535,-0.12207,-0.0323,-0.00156,0.0205,-0.00952,-0.01193,-0.05758,-0.04203,-0.03525,0.07416,0.05092,0.03282,-0.07201,0.0388,0.01707,-0.02181,-0.00911,-0.0324,0.08459,0.00349,-0.00317,-0.03508,0.01001,0.07512,0.1123,0.06701,-0.05733,-0.01236,0.06174,0.00609,0.11029,0.00455,0.02081,0.10323,-0.06881,0.08032,0.00878,0.05782,0.04359,0.02889,-0.07215,0.04923,0.0457,0.0283,-0.04524,0.08704,0.09126,0.05163,-0.07054,0,-0.06039,-0.08278,0.0311,-0.03482,-0.02469,0.10471,0.02189,-0.00721,-0.05525,-0.00585,0.02198,0.0823,-0.04351,0.02706,0.05312,-0.0104,-0.03068,0.0064,-0.09822,-0.12859,-0.01873,0.09863,-0.01882,0.06259,-0.01441,-0.00714,-0.00562,0.0183,0.01202,0.02796,0.00195,0.0228,0.00075,0.05477,-0.04909,0.08871,-0.08958,0.03753,-0.09923,0.00218,0.03918,-0.03784,-0.00496,-0.0105,-0.02367,0.05678,0.00925,-0.0312,-0.08324,0.01029,-0.06205,0.04822,-0.06424,0.10325,0.00457,0.03649,-0.05373,0.02228,0.08852,-0.01496,-0.07308,0.0577,0.05811,0.037],"keywords":"Foblex Flow Styling Recipes - Practical Theme Composition Patterns Foblex Flow Styling Recipes - Practical Theme Composition Patterns Use ready-made styling patterns for minimal editors, grouping, external items, custom node shells, and plugin-heavy flows. Recipe: connections with markers, waypoints, and visible drag handles Use the connection layers independently when your editor needs more explicit edge affordances: This is more explicit than connection-all() and makes it obvious that always-visible drag handles are part of the intended UX.","excerpt":"Recipe: connections with markers, waypoints, and visible drag handles Use the connection layers independently when your editor needs more explicit edge affordances: This is more explicit than connection-all() and makes it obvious that always-visible drag handles are part of the intended UX."},{"chunkId":"/docs/event-system#0","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.03732,-0.04924,-0.05265,0.01711,0.02037,0.03381,0.11107,0.07217,0.09466,0.00729,-0.03277,-0.04417,-0.05873,-0.00215,-0.00352,-0.01837,-0.01356,-0.02401,-0.07582,0.08188,0.02175,-0.14361,-0.0488,-0.05441,-0.0525,0.01063,0.03146,-0.0867,0.02685,-0.06478,0.03521,0.03558,0.01694,-0.01856,-0.07843,0.01402,0.03294,-0.06868,-0.13345,-0.03542,0.02866,-0.0209,-0.00372,0.0612,-0.04641,0.03528,0.03305,0.03136,-0.04736,0.10322,-0.01421,-0.05723,-0.01818,0.10138,0.03928,0.09386,0.05048,-0.02765,0.02335,-0.02067,-0.05119,-0.0049,-0.06349,0.04498,-0.02043,0.02828,-0.0481,-0.03702,0.04883,-0.072,-0.02227,-0.01503,0.00347,-0.00991,0.05117,-0.06869,-0.02244,0.05454,-0.05034,-0.05825,0.06397,0.00931,0.01716,0.03386,0.05199,0.05179,0.00169,-0.01123,-0.0318,0.08968,-0.02943,0.09131,-0.0426,-0.03489,0.01447,-0.03948,0.00113,-0.03496,0.02745,0.02276,0.02411,-0.04483,-0.00129,0.07026,-0.00477,-0.06487,-0.08266,-0.04335,-0.08619,0.03032,-0.06561,-0.04443,0.04277,-0.03069,0.00228,0.05519,-0.03056,0.00805,0.01619,-0.00814,0.03437,0.03111,0.02595,-0.01251,0.04426,-0.02083,-0.05618,0,-0.0222,-0.06192,-0.04835,0.07071,0.00395,-0.01655,0.04326,-0.01806,-0.00029,-0.01675,-0.00385,0.08188,-0.00626,0.03173,0.00816,-0.08621,-0.04292,0.03382,0.00586,0.0397,0.05603,-0.07624,-0.04263,0.01028,0.08303,0.0734,-0.06357,0.0801,-0.02593,0.02599,-0.05672,-0.03767,-0.01541,-0.03117,-0.07899,0.0215,-0.0568,-0.04684,-0.00811,-0.04338,-0.0177,-0.04372,-0.12218,-0.06519,0.01616,-0.06271,-0.08913,0.03366,0.03249,-0.00568,0.09555,-0.01609,0.09328,0.03712,0.04943,-0.01005,-0.0476,0.04484,-0.04399,0.06256,0.05137,0.05869,-0.06033,-0.00515,0.0647,0.07447,0.01899,0.0045,0.01081,-0.0316,-0.06894,0.1038,0.049,-0.03896,0.05203,0.02424,-0.03712,-0.02289,-0.0412,0.02768,-0.02112,-0.03718,0.03825,0.02503,0.06956,-0.05423,0.0128,-0.03252,-0.18041,-0.00946,0.12654,-0.039,0.04699,0.07074,0.03161,0,0.03426,0.03268,-0.02913,0.07133,0.02644,0.0036,0.00948,-0.00256,0.02561,-0.06838,-0.03001,0.02584,0.00687,0.0252,0.01576,0.02268,0.00736,-0.09061,-0.08293,-0.05394,0.00686,-0.02846,-0.02584,-0.06208,-0.08919,-0.02079,0.05084,0.01478,-0.01336,-0.0103,-0.04191,-0.01411,-0.04629,0.00828,0.06986,-0.03254,-0.01132,0.04955,0.07313,-0.02667,0.06534,-0.00581,-0.01294,-0.00753,-0.01357,0.08624,-0.1331,0.02178,-0.02061,0.0099,-0.06428,0.0446,-0.07444,-0.014,-0.00769,0.08957,0.11094,0.01685,-0.03536,0.03192,-0.00455,-0.04764,0.0129,0.00287,0.05126,0.0234,-0.00256,0.00617,0.04651,0.06015,0.08179,0.03527,-0.04004,0.00721,0.04638,0.02806,0.09494,-0.05078,0.05882,0.03059,-0.02036,0.07103,0.06743,0.0595,-0.05123,0.12461,-0.0799,-0.02497,0.10028,-0.02017,-0.03797,0.00829,0.03521,-0.00181,-0.01051,0,-0.11493,-0.01648,-0.00506,0.02273,0.03434,0.07331,-0.03514,0.04487,-0.00479,-0.0557,-0.01952,0.04773,0.05296,-0.00994,0.08688,-0.01017,0.08567,-0.02818,-0.03263,-0.13998,0.00867,-0.01372,0.04775,0.09347,-0.03728,-0.09037,-0.01325,0.03897,0.02965,-0.02929,-0.00808,0.01437,-0.00516,0.06761,-0.07439,0.07398,-0.06218,-0.02576,0.00393,0.03544,0.0734,0.01777,-0.03143,-0.02768,-0.07007,0.06664,0.0087,-0.07388,-0.0286,0.02796,-0.03527,0.04201,-0.01481,0.08703,0.001,0.04346,-0.05083,-0.04467,0.11616,0.01784,-0.10818,0.03694,-0.02933,0.02439],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Event System Foblex Flow is built around user intent: users drag nodes, create/reassign connections, resize/rotate, select items, pan/zoom the canvas - and the library reports those actions through a consistent event layer. Important: Foblex Flow events are designed to be final-result events. During an active drag session the library updates positions internally for smooth UX, and then emits a single “result” event when the action is completed (plus start/end lifecycle events). This page summarizes what events exist, where to subscribe, and how to use triggers to control when interactions should start. What you get - Lifecycle events (e.g. fNodesRendered, fFullRendered, drag start/end). - Selection and transform events (canvas changes, node/group geometry changes). - Connection workflow events (create, reassign, waypoints). - External-drop events (create node from palette/toolbox, drop to group). - Trigger-based configuration: you can decide which gestures start which behaviors. f Nodes Rendered f Full Rendered","excerpt":"Event System Foblex Flow is built around user intent: users drag nodes, create/reassign connections, resize/rotate, select items, pan/zoom the canvas - and the library reports those actions through a consistent event layer. Important: Foblex Flow events are designed to be final-result events. During an active drag session the library updates positions internally for smooth UX, and then emits a single “result” event when the action is completed (plus start/end lifecycle events). This page summarizes what events exist, where to subscribe, and how to use triggers to control when interactions should start. What you get - Lifecycle events (e.g. fNodesRendered, fFullRendered, drag start/end). - Selection and transform events (canvas changes, node/group geometry changes). - Connection workflow events (create, reassign, waypoints). - External-drop events (create node from palette/toolbox, drop to group). - Trigger-based configuration: you can decide which gestures start which behaviors."},{"chunkId":"/docs/event-system#1","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.0284,-0.0017,-0.07448,0.0349,0.01993,0.03968,0.06468,0.10716,0.08945,0.01568,-0.04744,-0.04041,-0.04703,-0.04696,-0.03062,-0.04454,0.02716,-0.01751,-0.06394,0.05327,-0.04226,-0.15988,-0.04891,-0.02588,-0.02914,0.06228,0.03398,-0.0167,0.01983,-0.06529,0.01204,0.08923,-0.00684,0.00407,-0.07843,0.00835,0.00697,-0.07161,-0.1057,-0.05541,0.00156,-0.00796,-0.00402,0.05013,-0.01691,0.00348,0.01898,-0.00184,-0.04324,0.07008,-0.01811,-0.02873,-0.01744,0.0935,0.03431,0.09544,0.08756,-0.04108,-0.04418,0.01384,-0.00487,0.01525,-0.02854,0.04817,-0.0197,0.01948,-0.06723,-0.00856,0.05836,-0.08968,-0.02228,0.03385,-0.00864,-0.0524,0.0573,-0.08947,-0.01922,0.05862,-0.02435,-0.0698,0.06022,0.00043,0.02195,0.04465,0.05695,0.06537,0.00016,-0.03711,-0.05027,0.08746,0.02109,0.10773,-0.0233,-0.07483,0.00553,-0.02349,-0.03861,-0.03998,0.02303,0.01684,0.0423,-0.06968,0.01439,0.11495,-0.00417,-0.05904,-0.032,-0.01941,-0.06822,-0.00291,-0.04102,0.00649,0.02169,-0.0142,-0.0108,0.01467,-0.05758,0.00143,0.02857,0.04493,0.01834,0.01801,0.00398,0.01654,0.05361,0.00403,-0.02457,0,-0.01692,-0.00539,-0.03127,0.03348,0.0362,0.04532,0.0103,-0.03666,0.0571,-0.03325,-0.04177,0.05818,-0.01932,-0.00005,0.04665,-0.11001,-0.07198,0.0677,-0.00379,0.00146,0.08311,-0.05509,-0.02246,0.00837,0.08998,0.12714,-0.05459,0.08026,-0.05417,0.03097,-0.05765,-0.04399,-0.01655,-0.02192,-0.06497,0.04186,-0.02529,-0.08016,-0.01979,-0.03625,-0.03061,-0.02641,-0.07582,-0.06762,-0.01416,-0.0434,-0.07766,0.02484,0.01517,0.01136,0.06768,0.00708,0.08723,-0.00885,0.06919,0.00794,-0.0053,-0.00362,0.00224,0.08468,0.02874,0.07485,-0.08729,0.00654,0.03581,0.09472,0.03556,0.02893,0.01785,-0.02774,-0.07999,0.08048,0.0264,0.00332,0.04206,-0.00349,-0.03625,-0.02779,-0.04062,-0.02305,-0.05191,-0.0503,0.00203,0.00848,0.11798,-0.08301,0.0044,-0.02876,-0.12072,0.0323,0.12336,-0.03894,0.04987,0.03329,-0.00572,0,-0.02051,0.00633,-0.0092,0.03533,0.02361,-0.02854,-0.01533,0.01365,-0.00632,-0.07022,-0.03461,0.04236,-0.05837,-0.02359,-0.01747,0.0324,-0.02973,-0.10768,-0.06692,-0.06062,0.00341,-0.02124,-0.00856,-0.06133,-0.09385,-0.04365,0.03196,-0.00435,0.01332,-0.0531,-0.02134,-0.04828,-0.0618,-0.01974,0.07672,-0.03399,-0.00214,0.06279,0.05654,0.00257,0.04047,0.02385,-0.03326,0.02053,-0.02893,0.13264,-0.1662,0.00711,-0.0249,0.01526,-0.07272,0.01903,-0.06005,-0.00421,-0.02672,0.05706,0.11537,0.03453,-0.05843,0.02552,-0.00145,-0.08486,0.03182,0.00264,0.0747,0.04101,-0.00282,0.02556,0.03205,0.06229,0.08197,0.01403,-0.07613,0.00613,0.04015,0.00084,0.05996,-0.01245,0.07816,0.05502,-0.03777,0.07759,0.05781,0.01319,-0.02848,0.09511,-0.06554,-0.02509,0.09711,-0.02103,-0.06568,0.03381,0.0327,-0.00281,-0.03082,0,-0.1489,0.00068,0.00705,-0.00779,0.00572,0.02461,-0.03845,0.05092,-0.00998,-0.08003,-0.0165,0.06533,-0.00228,0.00768,0.06209,0.00649,0.04252,-0.03213,-0.02399,-0.08129,0.01068,0.01108,-0.00783,0.11399,0.00498,-0.07092,-0.00745,0.03694,0.06663,-0.01075,0.00919,0.0318,0.067,0.11589,-0.07839,0.03803,-0.05062,-0.01678,-0.00789,0.03927,0.05927,-0.01162,-0.02661,-0.0257,-0.01099,0.05624,0.01435,-0.041,-0.03577,0.00109,-0.06924,0.01593,-0.03228,0.09529,0.04095,0.04292,-0.00415,-0.01835,0.13238,0.01648,-0.12782,0.06747,-0.01934,0.01081],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Why / Use cases The event system is how you keep your application state and your backend in sync with what the user did in the editor. Typical scenarios: - Save positions when the user finishes moving nodes (fMoveNodes, fDragEnded). - Create edges when the user connects ports (fCreateConnection). - Reassign edges by dragging endpoints (fReassignConnection). - Persist geometry changes after resize/rotate (fNodeSizeChange, fNodeRotateChange, etc.). - Update UI panels when selection changes (fSelectionChange). - Track usage (analytics/telemetry) without coupling it to rendering code. f Move Nodes f Drag Ended f Create Connection f Reassign Connection f Node Size Change f Node Rotate Change f Selection Change","excerpt":"Why / Use cases The event system is how you keep your application state and your backend in sync with what the user did in the editor. Typical scenarios: - Save positions when the user finishes moving nodes (fMoveNodes, fDragEnded). - Create edges when the user connects ports (fCreateConnection). - Reassign edges by dragging endpoints (fReassignConnection). - Persist geometry changes after resize/rotate (fNodeSizeChange, fNodeRotateChange, etc.). - Update UI panels when selection changes (fSelectionChange). - Track usage (analytics/telemetry) without coupling it to rendering code."},{"chunkId":"/docs/event-system#2","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.05136,-0.00988,-0.08282,0.07053,0.00242,0.05661,0.02409,0.01576,0.09072,0.04302,-0.07881,-0.04085,-0.09627,0.01685,0.04001,0.01856,-0.00914,-0.07467,-0.05274,0.04243,-0.0104,-0.09086,-0.03889,-0.04218,-0.01829,0.03874,0.06548,-0.05854,0.06728,-0.07789,0.0203,0.05785,-0.05199,-0.02693,-0.08026,0.05896,0.01178,-0.08341,-0.0994,-0.0814,0.11006,-0.00286,-0.01692,-0.00731,-0.04196,0.01632,0.00484,0.02997,-0.06167,0.08491,-0.01792,-0.01001,-0.01606,0.10576,0.06134,0.05922,0.07695,-0.02403,-0.00996,-0.0143,-0.04436,-0.01333,-0.00402,0.05597,0.00393,0.04263,-0.06667,0.00461,0.03795,-0.06622,0.00784,-0.01833,-0.01173,-0.07058,0.08509,-0.05614,-0.03448,0.05177,0.01073,-0.04913,0.05855,-0.01172,0.01082,0.01736,0.00727,0.04423,-0.02513,-0.07114,-0.01229,0.02443,-0.01762,0.08645,0.02727,-0.02974,0.01865,-0.00725,0.00877,-0.00711,-0.05443,0.01775,0.01902,-0.02086,0.01786,0.09144,-0.05527,-0.07522,-0.02734,-0.01677,-0.08399,0.01149,-0.06416,0.02204,0.03532,-0.00449,-0.03625,-0.00683,-0.03987,-0.00908,0.03266,0.0203,-0.01688,0.01412,0.08181,-0.0361,0.05876,-0.01789,-0.01097,0,-0.02225,-0.01707,-0.07856,0.02871,0.00818,0.01935,0.04674,-0.07077,0.06113,0.00013,-0.00026,0.07067,-0.02671,0.06278,0.05249,-0.07958,-0.04731,0.01501,0.03822,0.04186,0.08336,0.05892,-0.06109,-0.0031,0.09097,0.09059,-0.04362,0.08236,-0.09298,0.02708,0.02157,0.00538,-0.02777,-0.02606,-0.04816,0.04201,-0.03774,-0.05334,-0.04214,-0.08643,0.01163,-0.06635,-0.10552,-0.02876,-0.01679,-0.07461,-0.08464,0.01758,0.01263,0.02153,0.04123,0.00915,0.04776,0.04193,0.02767,-0.03512,-0.05544,0.01799,0.02147,0.03488,0.06878,0.06009,-0.04027,0.01955,0.06517,0.0892,0.00327,-0.01846,0.04344,-0.05405,-0.05578,0.0998,0.01457,-0.02881,0.03825,-0.00878,-0.01978,-0.01611,-0.01595,-0.03254,0.03596,-0.09126,0.01059,0.07488,0.08773,-0.07354,-0.00497,-0.07965,-0.1234,0.02441,0.13448,-0.00749,0.07487,0.03036,0.04991,0,0.01816,0.02373,-0.01213,0.05812,0.00056,-0.0604,0.00991,0.03693,0.01689,-0.08057,-0.02864,0.04308,0.01284,0.02471,-0.0048,0.03645,-0.04147,-0.13535,-0.00312,-0.05463,-0.02235,-0.02309,-0.05338,-0.04435,-0.07684,0.02398,0.01273,-0.01635,0.01051,-0.0379,-0.00835,-0.0188,-0.10257,-0.01753,0.01915,-0.05647,0.01082,0.04134,0.02503,-0.05824,0.0444,0.01899,-0.0696,0.00965,-0.01745,0.06875,-0.14239,-0.00674,0.00708,0.01768,-0.05754,0.03968,-0.0506,-0.01672,-0.05518,0.04564,0.16513,0.02412,-0.04516,0.01057,-0.0031,-0.01758,0.02816,0.01933,0.05625,0.02168,0.0023,0.00753,0.09692,0.07285,0.07689,0.0329,-0.04855,-0.04021,0.12266,0.06121,0.04638,-0.05568,0.05312,0.01466,-0.01662,0.07227,0.0242,0.01188,0.0082,0.05582,-0.12021,-0.03715,0.07943,0.03984,-0.0451,0.01051,-0.02219,-0.0299,-0.03768,0,-0.10635,0.00095,-0.00221,-0.00252,0.05657,0.01596,-0.05681,-0.02399,0.00544,-0.03561,-0.05519,0.07073,-0.00026,-0.04824,0.07854,0.02862,0.06227,-0.05997,-0.03015,-0.08224,-0.00318,-0.01433,0.00707,0.13721,0.01058,-0.06341,0.0157,0.03219,0.03568,0.04223,0.01882,0.0673,0.05714,0.09695,-0.08688,0.01971,0.02139,-0.01206,-0.02385,-0.00526,0.05233,0.01677,-0.03807,-0.0365,-0.04823,0.04767,-0.00089,-0.06086,-0.02787,0.00706,-0.12234,0.03947,-0.07378,0.09715,0.02691,0.01848,-0.02676,0.02207,0.11854,0.00724,-0.06034,-0.00787,-0.00103,0.00175],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. How it works At a high level: 1. fDraggable orchestrates pointer interactions and runs the internal behavior pipeline. 2. When an interaction is completed (or its state changes), it emits typed events. 3. Your app handles those events and updates your model (nodes, connections, groups). 4. Angular re-renders based on your state. Foblex Flow does not “own” your persistence - it only helps users interact. In practice this gives you a clean separation: - Foblex Flow → UX + interaction signals - Your app → domain logic + state + persistence This is the default stateless contract. With the optional Managed Flow State plugin, supported events also update an explicit typed graph store automatically; the events still fire, and domain logic plus persistence remain in the application. f Draggable","excerpt":"How it works At a high level: 1. fDraggable orchestrates pointer interactions and runs the internal behavior pipeline. 2. When an interaction is completed (or its state changes), it emits typed events. 3. Your app handles those events and updates your model (nodes, connections, groups). 4. Angular re-renders based on your state. Foblex Flow does not “own” your persistence - it only helps users interact. In practice this gives you a clean separation: - Foblex Flow → UX + interaction signals - Your app → domain logic + state + persistence This is the default stateless contract. With the optional Managed Flow State plugin, supported events also update an explicit typed graph store automatically; the events still fire, and domain logic plus persistence remain in the application."},{"chunkId":"/docs/event-system#3","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.01282,-0.01288,-0.0842,0.02693,0.00222,0.05161,0.08915,0.07413,0.06749,0.00633,-0.01163,-0.06922,-0.04282,-0.01328,-0.05348,0.00044,-0.0419,-0.0378,-0.03509,0.05319,0.00251,-0.13255,-0.06574,-0.0461,-0.04289,0.02296,0.0228,-0.02882,0.02071,-0.0717,-0.01557,0.05322,0.01349,-0.00491,-0.02804,-0.02299,0.0344,-0.0868,-0.11278,-0.02521,0.03042,-0.03809,-0.0065,0.02745,-0.05233,0.0485,0.02115,0.00064,-0.04627,0.08026,-0.03487,-0.01633,-0.0195,0.11748,0.05596,0.0653,0.04155,-0.05475,0.00106,-0.03335,-0.04387,0.01328,-0.07707,0.07421,0.02495,0.00201,-0.08252,0.02969,-0.0078,-0.10025,-0.04021,0.01747,0.00271,-0.02745,0.09251,-0.05784,-0.01956,0.03909,-0.02809,-0.07753,0.0484,0.03328,-0.0168,0.03465,0.04807,0.09277,-0.02017,-0.0358,-0.04956,0.06665,-0.01332,0.01806,-0.00311,-0.0163,0.02094,-0.03195,0.001,-0.05381,0.00306,-0.01462,0.01248,-0.06179,0.03384,0.07199,-0.00312,-0.0701,-0.0403,-0.01877,-0.04547,-0.00825,-0.06638,-0.01942,0.04098,-0.02274,0.00569,0.03068,-0.0648,0.01759,0.06378,0.01151,-0.00398,-0.00769,0.02111,-0.01976,0.01275,-0.03918,-0.04643,0,-0.05981,-0.06976,-0.06038,0.0552,-0.00434,0.01532,0.01679,-0.03901,0.01742,0.02857,-0.05635,0.03646,0.00309,0.04635,0.02016,-0.09017,-0.06145,0.07632,0.0035,0.03557,0.08546,-0.01669,-0.0169,-0.0275,0.11138,0.10895,-0.05373,0.0467,-0.03994,0.0474,-0.03157,-0.01874,-0.01094,-0.01678,-0.06334,0.03129,-0.0152,-0.04439,-0.00995,-0.03602,-0.04506,-0.08966,-0.10393,-0.04324,-0.01017,-0.05141,-0.09789,0.00812,0.04323,0.01883,0.06066,-0.02692,0.08905,0.03274,0.0793,-0.03465,-0.03998,0.04096,-0.013,0.07803,0.04888,0.12457,-0.04071,-0.03117,0.05774,0.0852,0.00509,-0.0401,0.02745,-0.05312,-0.08569,0.06627,0.02735,-0.04392,0.03891,0.00016,-0.00594,-0.02235,-0.02145,-0.01654,-0.0839,-0.02051,0.02583,0.00193,0.0663,-0.04835,0.02157,-0.04107,-0.1262,-0.02346,0.11372,-0.02602,-0.00262,-0.00155,0.02491,0,0.00693,0.06674,-0.00241,0.05591,0.03358,-0.02385,0.03805,0.00729,0.03956,-0.0358,-0.02402,0.06328,-0.0445,-0.00458,0.02424,0.00576,-0.0383,-0.12419,-0.04988,-0.05934,0.0079,-0.00549,0.00802,-0.08546,-0.10618,-0.02426,0.04956,0.03359,-0.00909,-0.03242,-0.03456,0.00987,-0.07609,0.03607,0.04161,-0.04605,0.05727,0.07286,0.03947,-0.05441,0.06169,0.03159,-0.02843,0.05354,-0.01164,0.09681,-0.11741,-0.02848,0.04762,0.02007,-0.03383,-0.02722,-0.06455,0.02256,-0.01756,0.09874,0.12198,0.01593,-0.04164,0.03833,0.01184,-0.06057,0.02951,0.00046,0.06797,0.0143,0.00491,0.01264,0.04491,0.03778,0.0798,0.07374,-0.00207,-0.00881,0.03946,0.03428,0.03609,-0.00271,0.06984,0.05834,-0.03902,0.07997,0.04779,0.10089,0.00348,0.07161,-0.04142,-0.03887,0.08317,-0.02101,-0.0312,0.03941,0.08328,0.01008,-0.05224,0,-0.09887,-0.0563,-0.00845,-0.03429,0.01844,0.10274,-0.05396,0.03222,-0.01221,-0.05066,-0.0045,0.07591,0.03084,0.01012,0.08493,-0.01307,0.0287,-0.01669,-0.03135,-0.13712,0.06466,-0.0061,0.0404,0.13237,0.00901,-0.08342,-0.05427,0.02956,0.01799,-0.03041,0.00225,0.07265,0.00131,0.08429,-0.0378,0.08838,-0.06839,0.00955,-0.04496,0.02237,0.04899,-0.05578,-0.04156,-0.04129,-0.0205,0.08534,-0.00485,-0.03784,-0.07989,-0.00123,-0.07038,0.06461,-0.01404,0.10108,0.02037,0.02048,-0.04414,-0.03852,0.09162,0.02809,-0.11259,0.07366,0.0068,0.02267],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Configuration (Inputs/Outputs/Methods)","excerpt":"Configuration (Inputs/Outputs/Methods)"},{"chunkId":"/docs/event-system#4","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.03092,-0.01465,-0.05072,0.03032,0.06261,0.05252,0.10413,0.07439,0.07701,0.00347,-0.02435,-0.0721,-0.0875,-0.01648,-0.05472,-0.02292,-0.04105,-0.00644,-0.04603,0.05491,-0.01448,-0.14775,-0.03635,-0.03792,-0.02509,0.03733,-0.01753,-0.03223,0.00595,-0.09285,-0.00527,0.108,-0.00189,0.01586,-0.04767,0.0028,0.03398,-0.04707,-0.09668,-0.02449,0.01932,-0.04628,0.01867,-0.00179,-0.05111,0.08379,0.0333,0.03603,-0.08076,0.10493,0.00927,0.01671,-0.01141,0.1067,0.07101,0.04778,0.07462,-0.05422,-0.02015,0.01949,-0.04294,-0.00625,-0.05934,0.03843,-0.00096,0.01819,-0.05312,-0.01994,0.04506,-0.04365,0.01319,0.02175,0.02254,-0.05902,0.08476,-0.06637,-0.00531,0.07455,-0.00471,-0.07286,0.03955,0.03588,0.00898,-0.00543,0.05137,0.06533,-0.03322,-0.0255,-0.04209,0.09336,-0.05482,0.07955,-0.0394,-0.02048,0.01394,-0.0205,-0.01549,-0.04687,-0.01033,0.01834,0.00484,-0.0253,0.01415,0.0915,0.00133,-0.06839,-0.01647,-0.01209,-0.05271,-0.01564,-0.0496,-0.02068,0.07187,-0.01513,-0.02373,-0.00055,-0.05709,0.00979,0.06073,0.01139,0.01,0.00796,-0.0236,-0.02214,0.02038,-0.00204,-0.06777,0,-0.05016,-0.04149,-0.04009,0.02616,0.00943,-0.01097,0.02691,-0.04485,0.01866,0.0022,-0.05789,0.02151,-0.02591,0.01585,0.01371,-0.14742,-0.02355,0.01173,0.01567,0.00431,0.09242,-0.01508,-0.04516,-0.04027,0.08054,0.10646,-0.06497,0.08091,-0.01474,0.05205,-0.06116,-0.01464,0.00447,-0.03814,-0.06073,0.0105,-0.05315,-0.05763,-0.04036,-0.02999,-0.03621,-0.03247,-0.10845,-0.04578,-0.00888,-0.04312,-0.09402,0.03703,0.03125,0.02224,0.07753,-0.02558,0.05282,-0.0153,0.06584,-0.02383,-0.0563,0.0568,-0.03063,0.06692,0.03976,0.09159,-0.04043,-0.05559,0.0806,0.10163,0.05718,0.01377,0.00347,-0.05535,-0.07627,0.08716,0.03454,-0.02783,0.06035,0.01343,0.03936,-0.04776,-0.04354,-0.05925,-0.01693,-0.01829,0.03254,-0.0005,0.04764,-0.05973,0.03324,-0.05096,-0.13952,0.01843,0.09747,-0.04846,0.08103,0.00507,-0.00592,0,0.00611,0.02069,-0.02372,0.06857,0.02814,0.00424,0.01358,-0.01518,0.05525,-0.03276,-0.03776,0.0424,-0.09528,-0.046,0.02794,0.02913,-0.01395,-0.10584,-0.02728,-0.0206,-0.00299,0.02761,-0.01185,-0.00965,-0.06414,-0.01222,0.024,0.0458,0.0147,-0.02741,-0.01385,-0.03321,-0.08504,0.00005,0.07831,-0.06677,0.04345,0.06671,0.02964,0.00741,0.05139,0.05089,-0.01255,0.03991,0.00797,0.08233,-0.13921,-0.03164,-0.00247,0.03454,-0.05665,-0.02165,-0.088,0.03348,-0.03693,0.0978,0.14251,0.02919,-0.05727,0.02609,0.0107,-0.10328,-0.01064,-0.00948,0.10983,0.01746,0.00021,0.02615,0.07787,0.06904,0.08744,-0.00679,-0.02799,-0.00436,0.03915,0.01311,0.06436,-0.02668,0.04154,0.05197,-0.01498,0.06208,0.04981,0.06416,-0.01369,0.06632,-0.04622,-0.01582,0.10479,-0.0135,-0.01724,0.01391,0.07068,-0.01072,-0.05718,0,-0.08577,-0.03266,-0.03725,-0.00603,0.04396,0.03977,-0.07482,0.00514,-0.03854,-0.07005,-0.00369,0.07491,0.05972,-0.02307,0.07249,-0.0443,0.0397,-0.04435,-0.04485,-0.06987,-0.03094,0.02578,-0.0114,0.07367,-0.03647,-0.09313,-0.0042,-0.00199,0.03865,-0.0113,-0.02863,0.06516,0.03272,0.06635,-0.06118,0.07396,-0.0458,-0.00997,-0.02875,0.05051,0.07208,-0.0199,-0.04584,-0.03318,-0.05393,0.04,0.01676,-0.06077,-0.07799,0.03053,-0.03799,0.08983,-0.03388,0.12474,-0.00133,-0.01738,-0.04964,-0.01412,0.10814,-0.00403,-0.09363,0.06236,0.02995,0.02681],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Core outputs to use - fNodesRendered on f-flow - fFullRendered on f-flow - fLoaded on f-flow as a deprecated compatibility alias - fCanvasChange on f-canvas - fNodePositionChange, fNodeRotateChange, fNodeSizeChange on fNode - fGroupPositionChange, fGroupRotateChange, fGroupSizeChange on fGroup - fSelectionChange on f-flow[fDraggable] - fMoveNodes - fCreateConnection - fReassignConnection - fConnectionWaypointsChanged - fCreateNode - fDropToGroup - fDragStarted - fDragEnded Tip: If you persist data, prefer “final” events (for example, fDragEnded) instead of reacting to every tiny move. f Nodes Rendered f Full Rendered f Loaded f Canvas Change f Node Position Change f Node Rotate Change f Node Size Change f Node f Group Position Change f Group Rotate Change f Group Size Change f Group f Selection Change f Draggable f Move Nodes f Create Connection f Reassign Connection f Connection Waypoints Changed f Create Node f Drop To Group f Drag Started f Drag Ended","excerpt":"Core outputs to use - fNodesRendered on f-flow - fFullRendered on f-flow - fLoaded on f-flow as a deprecated compatibility alias - fCanvasChange on f-canvas - fNodePositionChange, fNodeRotateChange, fNodeSizeChange on fNode - fGroupPositionChange, fGroupRotateChange, fGroupSizeChange on fGroup - fSelectionChange on f-flow[fDraggable] - fMoveNodes - fCreateConnection - fReassignConnection - fConnectionWaypointsChanged - fCreateNode - fDropToGroup - fDragStarted - fDragEnded Tip: If you persist data, prefer “final” events (for example, fDragEnded) instead of reacting to every tiny move."},{"chunkId":"/docs/event-system#5","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.03698,-0.04215,-0.06382,0.06648,0.06683,0.03924,0.11584,0.0286,0.06759,0.0061,0.00814,-0.04488,-0.03407,-0.04174,-0.02678,0.01734,-0.02488,-0.05124,0.00656,0.06527,-0.01983,-0.14964,-0.02082,-0.01445,-0.08192,-0.01263,0.00352,-0.04008,0.07251,-0.04362,-0.01752,0.00384,-0.06383,-0.02651,-0.04341,-0.01776,0.0348,-0.07702,-0.09743,-0.00801,0.03723,-0.0591,0.00028,0.03013,-0.03418,0.03352,0.0232,0.04322,-0.06059,0.10021,-0.02657,0.01624,0.00757,0.03473,0.05964,0.02849,0.08594,-0.01554,0.04667,0.01263,-0.05418,-0.0256,-0.08449,0.01162,-0.02217,0.0539,-0.05596,-0.03292,0.0736,-0.0487,0.01012,-0.00813,0.00144,0.04084,0.07513,-0.07089,-0.01046,0.0835,-0.00984,-0.05265,0.0094,0.00875,0.02822,0.02012,0.02538,0.08014,-0.05506,-0.00576,-0.02056,0.10165,-0.03864,0.05547,-0.04228,-0.05125,0.06818,-0.01299,-0.01282,-0.06561,-0.00463,-0.00489,0.02358,-0.0175,-0.04739,0.09072,0.01325,-0.04456,-0.05416,-0.0834,-0.07548,0.01765,-0.0434,0.00158,0.03109,-0.01431,-0.01014,0.02474,-0.03834,0.03943,0.09253,0.01904,-0.00645,0.00338,-0.03313,-0.04526,0.03283,-0.01732,-0.06597,0,-0.00131,-0.07096,-0.05107,0.01026,0.01793,0.04307,0.04794,-0.00869,0.00829,0.01093,-0.03337,-0.04231,-0.03044,-0.03505,0.04984,-0.14775,-0.03867,-0.00481,-0.02039,0.00999,0.09145,-0.08824,-0.03577,-0.00759,0.07015,0.10033,-0.11814,0.06024,0.0466,0.05823,-0.08387,0.00199,-0.04199,-0.04318,-0.05582,-0.0033,-0.05885,-0.06922,-0.01877,-0.05827,-0.03172,-0.07828,-0.09114,-0.07421,-0.02263,-0.07179,-0.08691,0.01296,0.00952,-0.02395,0.08929,0.00455,0.06743,-0.03892,0.04285,-0.02964,-0.04637,0.03692,-0.04399,0.09495,0.00918,0.03838,-0.02138,0.00628,0.09395,0.08282,0.02974,-0.01693,0.01785,-0.01431,-0.05488,0.08388,0.01022,-0.05541,-0.00235,0.03126,-0.01881,-0.0104,-0.02528,-0.01713,-0.0041,-0.02983,0.04037,0.03548,0.07696,-0.06996,-0.05682,-0.04877,-0.13204,-0.00162,0.14014,-0.02513,0.0126,0.02265,-0.04492,0,-0.01457,0.04154,-0.0048,0.02014,-0.02397,0.00495,0.01042,-0.0575,0.0228,-0.02917,-0.01277,0.04126,-0.03842,0.00635,0.01561,0.02808,-0.00911,-0.05405,-0.01878,-0.02971,0.0019,-0.01439,-0.02646,-0.00996,-0.02228,-0.07354,0.01642,0.07806,-0.00727,-0.02032,-0.03272,0.02053,-0.02827,0.01968,0.09807,-0.0952,0.00213,0.08238,0.07532,-0.01584,0.08886,0.01341,0.00216,0.05063,0.01725,0.07595,-0.10977,0.00135,-0.04457,0.05424,-0.06924,-0.0015,-0.06918,-0.00252,-0.06887,0.06035,0.08716,0.00417,-0.01403,0.02061,0.0707,-0.05704,0.01346,0.05194,0.11343,0.00015,0.02528,0.01658,0.03387,0.04361,0.10051,0.06699,-0.00086,-0.02525,-0.00636,0.04847,0.06748,-0.05392,0.02338,0.04023,0.01617,0.05703,0.06718,0.01936,-0.04516,0.1147,-0.04327,0.00701,0.11256,0.02116,-0.05478,-0.00672,0.04092,0.00696,-0.05637,0,-0.10821,-0.01057,-0.04803,0.01102,0.03072,0.09637,-0.05352,-0.00599,-0.06719,-0.06386,-0.01527,0.05088,0.02491,0.01285,0.04785,-0.01225,0.03279,0.00359,-0.00398,-0.0649,0.015,-0.02131,0.01078,0.12036,-0.02573,-0.09241,-0.01637,0.03405,0.06581,-0.02334,-0.02902,0.00835,0.00794,0.0519,-0.11483,0.12639,-0.0356,-0.05878,0.00158,0.02252,0.08579,0.01843,-0.06313,-0.05884,-0.09417,0.06536,-0.00959,-0.02038,-0.03867,0.03575,-0.03931,0.04441,0.00572,0.08107,0.03999,0.04361,-0.04793,-0.04651,0.08192,0.01546,-0.08903,0.0702,0.06118,0.01714],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Trigger API Triggers let you control when a particular behavior should start. For example: only allow moving nodes via a drag-handle, or block connection creation while holding a modifier key. - FEventTrigger = (event: FTriggerEvent) = boolean - FTriggerEvent = MouseEvent TouchEvent WheelEvent Used in inputs such as: - fCreateConnectionTrigger - fReassignConnectionTrigger - fConnectionWaypointsTrigger - fNodeResizeTrigger - fNodeRotateTrigger - fNodeMoveTrigger - fCanvasMoveTrigger - fExternalItemTrigger Example: allow moving nodes only with left mouse button Keep trigger predicates deterministic and consistent across devices to avoid “random” UX. F Event Trigger F Trigger Event Mouse Event Touch Event Wheel Event f Create Connection Trigger f Reassign Connection Trigger f Connection Waypoints Trigger f Node Resize Trigger f Node Rotate Trigger f Node Move Trigger f Canvas Move Trigger f External Item Trigger","excerpt":"Trigger API Triggers let you control when a particular behavior should start. For example: only allow moving nodes via a drag-handle, or block connection creation while holding a modifier key. - FEventTrigger = (event: FTriggerEvent) = boolean - FTriggerEvent = MouseEvent TouchEvent WheelEvent Used in inputs such as: - fCreateConnectionTrigger - fReassignConnectionTrigger - fConnectionWaypointsTrigger - fNodeResizeTrigger - fNodeRotateTrigger - fNodeMoveTrigger - fCanvasMoveTrigger - fExternalItemTrigger Example: allow moving nodes only with left mouse button Keep trigger predicates deterministic and consistent across devices to avoid “random” UX."},{"chunkId":"/docs/event-system#6","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[0.00467,-0.00608,-0.06382,0.05474,0.00866,0.04981,0.09547,0.04717,0.09351,0.00457,-0.05135,-0.07357,-0.10982,-0.01168,-0.02115,0.00241,-0.02914,0.00238,-0.04883,0.03799,-0.03518,-0.12583,-0.05686,-0.02189,-0.04405,0.06102,0.02073,-0.03206,0.04814,-0.0479,0.00438,0.05643,-0.00163,-0.0039,-0.04813,-0.0277,0.00867,-0.06164,-0.09081,-0.0147,0.05007,-0.01152,-0.02009,0.01426,-0.06001,0.03535,0.01394,-0.00075,-0.06491,0.05601,-0.00254,0.00011,0.00681,0.09792,0.04964,0.03269,0.07437,-0.04415,-0.00132,-0.03503,-0.06477,-0.02745,-0.074,0.0668,0.01794,0.03561,-0.05033,-0.01291,0.0243,-0.0844,-0.02389,0.02724,0.02783,-0.01847,0.07219,-0.0576,-0.03251,0.04664,-0.00122,-0.03766,0.07085,0.00275,0.00205,0.00891,0.0452,0.08,-0.03869,-0.049,-0.05052,0.07066,-0.05877,0.06792,0.03697,-0.01155,0.02134,-0.02418,0.00305,-0.05515,-0.01932,-0.0168,0.0231,-0.05134,-0.01309,0.09358,-0.04696,-0.04114,-0.05521,-0.01699,-0.07711,0.00294,-0.06741,-0.02285,0.04255,-0.0302,-0.00816,0.02227,-0.05236,0.01105,0.02901,0.01195,0.01318,0.00425,0.0429,-0.00278,0.02814,-0.01679,-0.0364,0,-0.05718,-0.05293,-0.08468,0.03678,0.00808,0.02999,0.05166,-0.03147,0.02782,0.00175,-0.00155,0.03255,-0.0076,0.00645,0.02185,-0.10226,-0.06894,0.0505,-0.00023,0.04777,0.10703,-0.00839,-0.00882,0.00394,0.05535,0.08017,-0.08489,0.0613,-0.01191,0.05343,-0.04385,-0.03204,-0.02625,-0.03565,-0.05328,0.01736,-0.02175,-0.0298,-0.00896,-0.03721,-0.04071,-0.09034,-0.12164,-0.06434,-0.00544,-0.07688,-0.12326,0.02709,0.04131,0.01587,0.07829,-0.02848,0.06485,0.01181,0.07014,0.00307,-0.05073,0.04443,-0.0112,0.05982,0.04938,0.07825,-0.03405,-0.01427,0.07244,0.07459,0.02939,-0.02676,0.00301,-0.0476,-0.04934,0.09938,0.06054,-0.03195,0.0572,-0.0119,-0.00624,-0.00002,-0.0437,-0.00833,-0.04859,-0.05308,0.02203,0.01799,0.09289,-0.06643,-0.00917,-0.02518,-0.15081,-0.02107,0.1342,-0.04781,0.02511,0.01449,0.0445,0,0.03219,0.04439,0.00434,0.06871,0.02437,-0.00962,0.00801,0.0011,0.036,-0.04288,-0.01197,0.07578,-0.0552,-0.00155,0.00399,0.03184,-0.02978,-0.11787,-0.03716,-0.06123,-0.01936,-0.06155,-0.02065,-0.0675,-0.09927,-0.0218,0.03032,0.02036,0.0131,-0.02257,-0.01155,0.0155,-0.07792,-0.01457,0.05593,-0.04487,0.05484,0.053,0.04022,-0.04817,0.0401,0.03057,-0.02585,0.0103,-0.02366,0.10309,-0.10811,-0.02837,0.05438,0.01236,-0.036,-0.01435,-0.06195,0.04154,-0.01556,0.09264,0.09855,0.04267,-0.03787,0.0407,0.00497,-0.0407,0.06126,0.01108,0.0842,0.02027,-0.01914,0.04051,0.05848,0.04203,0.09923,0.06007,-0.02098,0.04319,0.05484,0.04946,0.04538,-0.00348,0.07506,0.08039,0.00752,0.08595,0.0137,0.05951,-0.01085,0.04731,-0.05883,-0.03811,0.0623,-0.05226,-0.05027,0.0166,0.10626,-0.01511,-0.01745,0,-0.1028,-0.06963,-0.01197,-0.01977,0.05091,0.08352,-0.09519,0.02329,-0.04321,-0.10307,-0.01041,0.08012,0.05192,0.0144,0.07176,-0.02617,0.03961,-0.03373,-0.0078,-0.13428,0.01127,-0.00635,0.03895,0.09887,-0.00716,-0.06719,-0.03496,-0.00149,0.0743,-0.01754,0.00708,0.04911,0.02197,0.0577,-0.06501,0.06664,-0.04759,-0.02543,-0.04505,0.01261,0.08515,-0.00896,-0.02806,-0.03958,-0.05266,0.08403,-0.02309,-0.06112,-0.06937,0.01249,-0.04927,0.09189,-0.05266,0.12478,0.00033,0.00571,-0.03978,-0.03638,0.09202,-0.00386,-0.10474,0.06076,0.00486,0.05764],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Methods - Use FFlowComponent methods (select, clearSelection, getState, etc.) to react to events with controlled updates. F Flow Component clear Selection get State","excerpt":"Methods - Use FFlowComponent methods (select, clearSelection, getState, etc.) to react to events with controlled updates."},{"chunkId":"/docs/event-system#7","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.02896,-0.00735,-0.05713,0.00393,0.02887,0.02157,0.07888,0.05565,0.0686,0.0032,-0.02257,-0.07853,-0.05285,-0.00402,-0.01849,-0.01818,-0.03437,-0.0341,-0.04587,0.07415,-0.00864,-0.13385,-0.0748,-0.04726,-0.04475,0.02044,0.03401,-0.02483,0.04194,-0.07043,-0.00069,0.06678,0.02465,-0.0032,-0.02348,-0.02599,0.01283,-0.07474,-0.11673,-0.02416,0.01815,-0.02933,0.00183,0.03787,-0.03453,0.04757,0.0208,0.01409,-0.04491,0.08055,-0.03742,-0.04434,-0.01862,0.11065,0.04403,0.07206,0.05918,-0.0619,0.02269,-0.01795,-0.02085,0.01967,-0.08153,0.07753,0.00548,0.01308,-0.09184,0.03235,0.03721,-0.1093,-0.03787,0.01843,0.01143,-0.02277,0.07946,-0.05562,-0.03635,0.02666,-0.03112,-0.07779,0.04071,0.00191,-0.01567,0.04066,0.06319,0.07573,-0.00796,-0.04095,-0.04122,0.08454,-0.02213,0.04886,0.00002,-0.01997,0.02434,-0.0314,0.00767,-0.07726,0.00978,0.00127,0.01865,-0.06481,0.01927,0.08223,0.00412,-0.06533,-0.0468,-0.02595,-0.04602,-0.00488,-0.07924,-0.02909,0.04505,-0.03012,-0.01707,0.01776,-0.06402,0.02043,0.05256,-0.00288,0.01635,-0.00754,0.03072,-0.01908,0.02942,-0.03868,-0.05226,0,-0.06454,-0.05925,-0.05747,0.05166,0.01677,-0.01491,0.01593,-0.03618,0.01826,0.03695,-0.04743,0.05585,-0.01192,0.05317,0.03345,-0.08609,-0.06022,0.05043,-0.01136,0.05054,0.07514,-0.03241,-0.0185,-0.0338,0.0983,0.12877,-0.04808,0.05265,-0.00897,0.0588,-0.02765,-0.01837,-0.0154,-0.01771,-0.05226,0.04341,-0.0175,-0.06925,-0.01173,-0.02614,-0.04096,-0.08459,-0.11048,-0.05532,-0.01209,-0.05791,-0.06748,0.01122,0.0278,0.01638,0.05856,-0.02382,0.07032,0.04173,0.07672,-0.02855,-0.0324,0.04064,-0.00345,0.0974,0.05004,0.11402,-0.01589,-0.01612,0.06022,0.07035,0.00996,-0.00993,0.00453,-0.02674,-0.05877,0.07215,0.03452,-0.06026,0.05274,0.00134,-0.00121,0.01098,-0.03036,-0.00045,-0.10301,-0.03189,0.03878,-0.0094,0.05314,-0.0367,0.03182,-0.04746,-0.15871,-0.02182,0.13522,-0.036,0.01143,0.01467,0.0313,0,-0.01248,0.05778,-0.00846,0.05577,0.04668,-0.02227,0.01803,0.01597,0.0316,-0.00609,-0.02467,0.07557,-0.0513,0.00985,0.03528,-0.00711,0.00337,-0.12437,-0.05433,-0.05395,0.01083,-0.01588,-0.0182,-0.09223,-0.09826,-0.00086,0.0304,0.02891,-0.01288,-0.03409,-0.05176,0.00668,-0.05664,0.01302,0.06162,-0.03946,0.04185,0.07214,0.02423,-0.0898,0.06905,0.01362,-0.03982,0.03354,-0.03118,0.08991,-0.11731,-0.00915,0.04661,0.02188,-0.03065,-0.00729,-0.04293,0.00904,-0.01011,0.11579,0.09175,0.0251,-0.0545,0.03963,0.01737,-0.05759,0.02214,0.00092,0.08852,0.01476,0.00979,0.02208,0.02183,0.02959,0.10916,0.08229,-0.0366,-0.00287,0.03294,0.02588,0.05245,0.01029,0.06248,0.06343,-0.02184,0.08346,0.04343,0.09649,0.00364,0.06486,-0.07093,-0.04163,0.08092,-0.01527,-0.02894,0.05077,0.07205,0.01111,-0.03273,0,-0.10074,-0.04162,0.00326,-0.04511,0.01964,0.08969,-0.05874,0.02513,-0.0294,-0.05514,-0.00291,0.05975,0.02319,0.02206,0.07283,-0.01092,0.02012,-0.02024,-0.03526,-0.11994,0.03262,0.01415,0.04322,0.12775,-0.02093,-0.05444,-0.05377,0.01377,0.0401,-0.0392,-0.00408,0.05734,0.00646,0.07866,-0.04404,0.10317,-0.07582,-0.00951,-0.05344,0.00831,0.05357,-0.05498,-0.03139,-0.02865,-0.01879,0.08487,-0.01306,-0.06359,-0.07189,0.00264,-0.06931,0.06735,-0.02264,0.11042,0.01623,0.02793,-0.04014,-0.05107,0.09456,0.0377,-0.09788,0.0504,-0.00195,0.05208],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Real-world patterns","excerpt":"Real-world patterns"},{"chunkId":"/docs/event-system#8","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.02503,0.00438,-0.0749,0.06539,0.03919,0.04615,0.04646,0.05008,0.09177,0.02895,-0.00031,-0.00282,-0.05866,-0.02172,-0.04396,-0.0072,-0.03276,0.0074,-0.02225,0.05471,-0.05074,-0.09828,-0.02534,-0.03142,-0.01194,0.03722,-0.00097,-0.04354,0.05717,-0.10588,0.03454,0.06571,-0.03407,-0.00004,-0.0493,0.06957,-0.00157,-0.11257,-0.11334,-0.0317,0.0733,0.00551,0.0026,0.00264,-0.04562,0.04127,0.03106,0.03061,-0.03673,0.07084,-0.03501,-0.06714,-0.01761,0.11574,0.02952,0.10403,0.03928,-0.06126,-0.00489,0.02174,0.0374,0.04625,-0.01423,0.03824,-0.00743,0.00148,-0.0582,0.03501,0.05078,-0.03815,0.01766,0.03459,-0.06332,0.00793,0.05709,-0.05201,0.00454,0.01734,-0.04515,-0.01683,0.01204,-0.01471,-0.00389,0.01866,0.01072,0.03638,-0.02244,-0.03166,-0.06586,0.06372,-0.00329,0.08119,0.02714,-0.05786,0.00916,-0.02763,0.01945,-0.00701,-0.00208,-0.0037,0.04654,-0.03031,-0.03338,0.109,-0.03018,-0.1058,-0.03931,-0.07116,-0.07567,0.01677,-0.05786,0.01947,-0.01199,-0.01181,-0.03598,-0.01714,-0.07799,0.01112,0.03305,0.02663,0.02102,-0.00693,0.03011,0.00806,0.03775,-0.03896,-0.02211,0,-0.02449,-0.04726,-0.03546,0.04126,0.01094,0.00166,0.02991,-0.0349,0.0142,-0.03822,-0.06444,0.03345,-0.03701,0.03742,0.02593,-0.11151,-0.0478,0.07003,0.03397,0.01956,0.10783,0.00283,-0.02983,-0.01817,0.10724,0.07543,-0.04187,0.02938,-0.06335,0.03565,-0.05569,-0.02498,-0.00075,-0.00986,-0.04305,0.05599,-0.06092,-0.05757,-0.02079,-0.0993,-0.01298,-0.01619,-0.07389,-0.05221,0.01938,-0.08137,-0.08628,0.02131,0.03662,0.01998,0.07576,-0.01164,0.05069,0.02576,0.04733,-0.03302,-0.03172,0.00546,-0.01051,0.09157,0.06417,0.08707,-0.05078,0.006,0.10813,0.1028,0.00268,0.00086,0.05117,-0.03518,-0.03612,0.04685,0.05311,-0.0409,-0.01566,-0.00894,-0.04188,-0.09075,-0.05603,-0.00894,-0.05025,-0.06795,-0.00728,0.04614,0.11115,-0.07689,0.02327,-0.04316,-0.11413,0.03378,0.14076,-0.03215,0.06281,-0.00285,0.01687,0,-0.00862,0.02605,-0.00776,0.06018,0.01382,-0.01518,-0.05681,-0.00159,-0.0171,-0.04425,-0.10881,0.04143,-0.06859,-0.00441,0.01959,-0.0125,-0.02337,-0.13592,-0.05843,-0.0547,-0.03628,-0.00239,0.01591,-0.03259,-0.05665,-0.03119,0.03206,0.0279,-0.03612,-0.04933,-0.0198,-0.03821,-0.0719,-0.04424,0.09366,-0.04942,0.00245,0.07016,0.0761,-0.0084,0.03983,-0.00683,-0.05293,-0.00395,0.01018,0.0915,-0.16288,0.01837,0.04661,0.04845,-0.045,0.01049,-0.08316,-0.00873,0.02323,0.06869,0.0537,0.0599,-0.00857,-0.03024,0.01099,-0.05231,0.01279,0.01439,0.05439,0.01382,0.00087,0.02107,-0.03885,0.06334,0.06929,0.08935,-0.06628,0.01859,0.02706,-0.00165,0.05788,-0.01142,0.06875,0.05566,-0.06281,0.10729,0.00891,0.04465,-0.01314,0.05272,-0.06981,-0.03944,0.09428,0.01852,-0.01888,0.03525,0.02886,-0.04435,-0.07532,0,-0.13182,-0.01012,0.01624,0.02062,0.008,0.02509,-0.01733,0.06014,0.03283,-0.02927,0.04191,0.05908,0.03913,-0.04399,0.0666,-0.01281,0.078,-0.04841,-0.02815,-0.07185,0.02272,0.03915,0.02356,0.11426,-0.01692,-0.09366,0.03215,0.0634,0.05882,0.00444,0.01871,0.03757,0.06242,0.116,-0.05722,0.045,-0.0409,0.02846,-0.06795,0.00957,0.0472,-0.00196,-0.03135,-0.01882,-0.03562,0.05479,-0.01171,-0.05384,-0.028,0.00521,-0.10026,0.02722,-0.03022,0.12813,0.05065,0.04452,-0.03839,-0.02922,0.1027,0.01607,-0.09354,0.04683,0.01415,0.0558],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. 1) Persist node positions (one write per action) Because move events are finalized, persistence becomes simple and efficient: - handle fMoveNodes, - update your node list in memory, - optionally persist to backend/local storage. You avoid noisy updates and keep drag silky-smooth. f Move Nodes","excerpt":"1) Persist node positions (one write per action) Because move events are finalized, persistence becomes simple and efficient: - handle fMoveNodes, - update your node list in memory, - optionally persist to backend/local storage. You avoid noisy updates and keep drag silky-smooth."},{"chunkId":"/docs/event-system#9","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.03351,-0.0321,-0.10798,0.00799,-0.03841,0.032,0.08267,0.05719,0.07363,-0.00806,-0.01078,-0.0698,-0.03059,0.02644,-0.02913,-0.01245,-0.01926,-0.05296,-0.03392,0.03296,-0.00988,-0.18642,-0.05642,-0.04892,-0.05649,-0.03628,0.04141,0.0048,0.05662,-0.04215,0.02697,0.03338,-0.03414,-0.0041,0.03081,-0.0267,0.05455,-0.04833,-0.08527,-0.0155,0.03322,-0.08015,0.00359,0.04329,-0.03139,0.0468,0.0257,0.01841,-0.02162,0.06904,-0.03863,0.02493,-0.01749,0.07088,0.04477,0.08215,0.04707,-0.02586,-0.03158,0.007,0.00187,-0.00951,-0.06299,0.03689,-0.04334,0.05093,-0.12834,0.02363,0.01022,-0.02347,-0.01479,0.02543,-0.04607,0.0293,0.04136,-0.02006,-0.02765,0.04374,-0.0091,-0.04434,0.01257,0.04693,-0.00163,0.0027,0.03708,0.09188,-0.00938,-0.03011,-0.05913,0.09021,0.01758,0.10768,-0.0407,-0.00941,0.03912,0.00946,-0.03908,-0.08038,0.01062,0.02581,-0.02979,-0.06497,-0.01671,0.08024,0.03417,-0.03918,-0.04605,-0.03734,-0.01195,0.02682,-0.02976,-0.00484,0.06738,-0.02912,-0.02233,0.07165,-0.03688,0.04504,0.04478,0.00423,-0.00283,-0.0047,0.06525,-0.03749,0.00744,-0.07277,-0.01942,0,-0.05611,-0.00995,-0.03943,0.07254,-0.01392,0.03295,0.00242,-0.03371,-0.02357,0.00947,-0.06937,0.00897,-0.02087,-0.00224,0.0137,-0.06065,-0.02697,0.02393,0.01143,0.04854,0.07982,-0.12503,0.00154,-0.00781,0.08497,0.07772,-0.06204,0.06204,0.02255,0.03662,-0.04914,-0.07237,0.01127,0.00574,-0.03689,0.04685,-0.04086,-0.03551,-0.03666,-0.04035,0.00246,-0.0957,-0.09148,0.00507,0.01292,-0.02789,-0.06002,-0.01138,0.04066,0.02311,0.04427,-0.01955,0.07183,0.02732,0.03146,-0.03692,-0.07352,0.04151,-0.02047,0.04467,0.05812,0.06419,-0.10162,-0.00543,0.07435,0.05921,-0.00858,-0.01432,-0.01306,-0.09246,-0.08186,0.07353,-0.01363,-0.03291,0.00699,-0.03547,-0.01396,0.04983,0.01172,-0.027,-0.024,-0.04075,0.03616,0.05416,0.06331,-0.05556,0.00144,-0.02744,-0.11004,0.04314,0.10312,0.00643,0.05343,0.05317,0.05401,0,-0.00749,0.04644,-0.00593,0.03381,0.01225,-0.00595,0.03522,-0.02431,0.00689,-0.03172,0.03242,0.05445,-0.03059,-0.03339,-0.01127,-0.04408,-0.05503,-0.09299,-0.03129,-0.0025,0.03169,0.0012,-0.00246,-0.07418,-0.07329,-0.0203,0.03552,0.00027,-0.04405,0.01008,0.01302,0.04359,-0.07603,0.02866,0.06665,-0.04731,0.04254,0.06413,0.08823,-0.02274,0.06433,0.04191,-0.09929,0.02792,-0.01611,0.06918,-0.08491,-0.05889,-0.01387,0.03727,-0.05613,-0.00097,-0.047,0.00914,-0.02626,0.0965,0.11625,0.01916,-0.0425,0.04464,0.01888,-0.07687,0.04223,0.04863,0.09066,0.00484,0.01286,0.05079,0.06733,0.05563,0.06191,0.08425,-0.03808,-0.00067,0.04373,0.00469,0.01649,-0.02709,0.0706,0.10471,-0.03089,0.10304,0.06067,0.0585,-0.00029,0.0495,-0.04372,-0.02703,0.0554,0.00864,-0.058,0.02561,0.04328,-0.02081,-0.07499,0,-0.1332,-0.06049,-0.01856,-0.05001,0.02233,0.08198,-0.10564,-0.05602,-0.02399,-0.0817,-0.0437,0.05357,-0.04572,0.04291,0.06182,-0.05471,0.07405,-0.02099,-0.02933,-0.09242,0.01689,0.016,0.04006,0.15399,0.00781,-0.09972,-0.03903,0.02764,0.00567,0.01381,0.0196,0.01596,0.01569,0.08071,-0.08013,0.12186,-0.07844,0.00687,-0.03847,0.00689,0.08644,0.02922,-0.03269,-0.05007,0.00896,0.09554,-0.00397,-0.0449,-0.08771,-0.00154,-0.04236,0.06071,-0.00959,0.06392,-0.01814,0.00346,-0.01996,0.00051,0.09694,0.00616,-0.12781,0.10006,0.05772,-0.00582],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. 2) Validate connection creation When the user creates a connection, you usually want to: - check business rules (allowed pairs, max degree, connector types, etc.), - either accept and add an edge, - or reject and show feedback. Keep validation in one place: the handler for fCreateConnection. f Create Connection","excerpt":"2) Validate connection creation When the user creates a connection, you usually want to: - check business rules (allowed pairs, max degree, connector types, etc.), - either accept and add an edge, - or reject and show feedback. Keep validation in one place: the handler for fCreateConnection."},{"chunkId":"/docs/event-system#10","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.03296,0.02078,-0.04404,0.07032,0.04017,0.03358,0.07846,0.04088,0.05917,0.0106,-0.07522,-0.08434,-0.06159,-0.06015,-0.06433,-0.00904,-0.03387,-0.02566,-0.02018,0.05503,-0.03885,-0.10277,-0.02941,-0.05137,-0.08259,0.06393,0.06619,-0.02288,0.00391,-0.07592,-0.00826,0.0241,0.01006,-0.03204,-0.05749,-0.02664,0.03017,-0.06025,-0.05395,-0.05012,0.05636,0.00809,-0.00924,0.02113,-0.01662,0.00854,0.02815,0.01748,-0.02587,0.06889,-0.01949,0.00151,0.00692,0.08759,0.01693,0.05111,0.07654,-0.06288,-0.01997,0.03201,-0.03276,0.03075,-0.02232,0.04208,0.01835,0.03836,-0.06329,0.02623,-0.02435,-0.06031,0.0084,0.01449,0.03191,-0.03602,0.09144,-0.07065,-0.04198,0.03033,0.0269,-0.08822,0.00182,0.01336,0.01087,0.04147,0.08024,0.08556,-0.02021,-0.06272,-0.0237,0.0751,-0.00383,0.02232,0.02916,-0.02532,0.03397,0.00495,0.02357,-0.01903,0.0128,0.01542,0.03129,-0.05686,0.00159,0.08731,-0.06253,-0.03996,-0.05039,-0.01351,-0.06677,-0.03079,-0.05404,0.00433,0.06037,-0.01381,-0.01086,-0.00174,-0.01991,0.01857,0.05111,0.00114,0.06064,0.01594,0.02252,-0.00326,0.04479,-0.01496,-0.00277,0,-0.00449,-0.06741,-0.06881,0.03978,-0.01933,0.03601,0.03987,-0.02189,-0.00775,0.0204,-0.018,0.03288,-0.03133,0.01798,0.01593,-0.05423,-0.09281,0.06564,0.01464,0.00405,0.04407,-0.08707,-0.03513,-0.03131,0.10105,0.13932,-0.07492,0.10427,-0.05788,0.03757,-0.02676,-0.00329,-0.01249,0.00268,-0.08337,0.0489,-0.04204,-0.04373,-0.0021,-0.0242,-0.00036,-0.09192,-0.0564,-0.04318,-0.02488,-0.02118,-0.11863,-0.00118,0.03388,-0.00597,0.04092,0.00019,0.03218,0.02594,0.04297,-0.00699,-0.05985,0.05738,0.02052,0.04537,0.03904,0.10748,-0.05451,0.01672,0.03761,0.08261,0.03461,0.03583,0.03858,-0.05264,-0.0535,0.05204,0.08161,-0.04032,0.05811,-0.04153,-0.03332,-0.02846,-0.02347,-0.04159,-0.03103,-0.08931,-0.01493,0.00647,0.13477,-0.04445,0.00765,-0.00452,-0.12035,-0.0127,0.13925,-0.03696,0.03001,-0.01592,-0.00081,0,0.01928,-0.01069,0.04145,0.05456,-0.00214,-0.04526,0.01544,0.01202,0.0142,-0.06018,0.0119,0.05761,-0.06876,-0.01751,0.03097,0.0991,-0.03406,-0.10061,-0.02503,-0.05239,0.0105,-0.06049,0.04129,-0.04925,-0.1331,-0.037,0.06838,0.02462,0.01824,-0.04995,-0.01007,0.01872,-0.09894,0.03743,0.0661,-0.04784,0.04411,0.01927,0.00548,0.01968,0.02073,0.03606,-0.01162,0.08065,-0.02179,0.07605,-0.12098,-0.00361,0.01634,0.01094,-0.04916,-0.00257,-0.05322,-0.00246,-0.03084,0.06744,0.07302,0.00933,-0.05832,0.08081,-0.04146,-0.02063,0.03338,0.00991,0.07161,-0.00595,-0.0207,0.06309,0.05206,0.01883,0.09056,-0.0078,-0.00871,-0.03556,0.04705,-0.02769,0.06729,0.02774,0.07061,0.06508,0.04063,0.07291,0.05555,0.0177,-0.04976,0.05284,-0.05531,0.01179,0.0703,-0.0374,-0.05713,0.04533,0.08409,-0.07911,-0.01702,0,-0.13017,-0.02156,0.00377,-0.06685,0.03064,0.02311,-0.161,0.06883,-0.07532,-0.09105,0.01997,0.05682,0.05963,0.00455,0.06861,-0.05883,0.03437,-0.00812,-0.02605,-0.11503,0.01907,0.02367,0.04697,0.12035,0.02297,-0.10775,-0.06391,-0.05965,0.05896,0.03894,-0.03527,0.07282,0.03801,0.08018,0.00943,0.02033,-0.05525,-0.05997,-0.02469,-0.00392,0.0859,-0.06254,-0.04893,-0.03579,-0.05912,0.04,-0.00912,-0.06336,-0.0283,-0.02015,-0.05307,0.02473,-0.00485,0.09298,0.02729,-0.01714,-0.03642,-0.00261,0.09352,0.05128,-0.09653,0.0381,-0.00471,0.02912],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. 3) Keep an inspector panel in sync with selection Selection drives inspectors and toolbars. - Use fSelectionChange to update selected ids in your state. - Render the inspector from that state (not from DOM queries). f Selection Change","excerpt":"3) Keep an inspector panel in sync with selection Selection drives inspectors and toolbars. - Use fSelectionChange to update selected ids in your state. - Render the inspector from that state (not from DOM queries)."},{"chunkId":"/docs/event-system#11","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.01077,-0.00883,-0.06681,0.05142,0.03518,0.04776,0.10625,0.03597,0.09136,0.01411,-0.03045,-0.06151,-0.06179,-0.00165,-0.01602,0.0043,-0.04284,-0.03254,-0.03827,0.07529,-0.02934,-0.14514,-0.05963,-0.05819,-0.02976,0.01892,0.01962,-0.01885,0.01899,-0.06781,-0.01733,0.05516,0.00889,-0.00489,-0.05357,-0.03297,0.02416,-0.07839,-0.10092,-0.01865,0.0384,-0.03368,0.02643,0.01382,-0.05744,0.03817,0.02864,0.00851,-0.0585,0.09024,-0.011,-0.01881,-0.01778,0.10433,0.04193,0.06619,0.07322,-0.06844,-0.01231,0.00131,-0.03997,0.01094,-0.07852,0.07733,0.00809,0.03375,-0.05981,0.00297,-0.00223,-0.08411,0.00617,0.00293,-0.00132,-0.0343,0.09882,-0.05762,-0.0273,0.04788,-0.01443,-0.06505,0.04155,0.00794,-0.01579,0.01996,0.04456,0.10093,-0.05149,-0.09345,-0.05684,0.09942,-0.03376,0.04635,-0.00256,-0.02388,0.00581,-0.03855,0.00667,-0.05183,-0.00832,0.0207,0.00693,-0.04769,0.00744,0.0681,-0.03127,-0.05654,-0.06342,-0.02211,-0.06783,0.00284,-0.05479,-0.02579,0.03978,-0.03461,-0.02184,0.01611,-0.06094,-0.00339,0.07573,0.01961,0.01587,0.00514,0.01213,0.00119,0.02869,-0.02688,-0.06787,0,-0.02813,-0.07113,-0.0558,0.05134,0.01524,0.01355,0.01487,-0.06221,-0.01518,0.00832,-0.03886,0.04471,-0.00007,0.02162,0.01025,-0.10522,-0.02395,0.05084,-0.01933,0.0132,0.08235,-0.02398,-0.01584,-0.02372,0.10616,0.0999,-0.06726,0.06212,-0.01899,0.05532,-0.02652,-0.02015,-0.01816,-0.02113,-0.05744,0.0419,0.00112,-0.06317,-0.01162,-0.03968,-0.03102,-0.08124,-0.10392,-0.03734,0.00556,-0.04104,-0.08697,0.00369,0.03421,0.02648,0.05665,-0.03653,0.0792,0.03748,0.08861,-0.01597,-0.04308,0.05922,-0.01846,0.07477,0.03463,0.0826,-0.04385,-0.04954,0.07585,0.09829,0.01255,0.00154,0.01576,-0.03272,-0.07907,0.08908,0.04605,-0.04821,0.04259,0.00508,-0.02852,-0.03676,-0.00076,0.00391,-0.0812,-0.07026,0.00821,0.00419,0.05902,-0.03987,-0.00281,-0.05918,-0.12627,-0.03408,0.1379,-0.002,0.01007,0.02362,0.02822,0,-0.02118,0.05963,0.01404,0.06417,0.04651,-0.02119,0.03682,-0.01225,0.03257,-0.00854,0.00706,0.05885,-0.04033,-0.00508,0.0203,0.01109,-0.03462,-0.10171,-0.02746,-0.02204,-0.00425,-0.02688,0.02248,-0.06006,-0.09722,-0.04895,0.03852,0.0275,0.0004,-0.01979,-0.02392,0.01361,-0.08827,0.00543,0.04912,-0.04167,0.03962,0.06703,0.05027,-0.06271,0.05159,0.01689,-0.02443,0.03505,-0.0265,0.09881,-0.12161,-0.02243,0.02694,0.02281,-0.04745,-0.01457,-0.06006,0.02459,-0.03925,0.09562,0.10917,0.03611,-0.0664,0.04,0.01636,-0.04966,0.02232,-0.01313,0.08769,-0.00893,0.00785,0.02781,0.06137,0.04344,0.11134,0.08119,-0.02408,0.007,0.04876,0.0053,0.05063,0.01436,0.05717,0.07273,0.00242,0.10006,0.03074,0.05595,-0.00249,0.06146,-0.06292,-0.0062,0.07379,-0.0338,-0.04096,0.04132,0.09516,-0.02565,-0.05039,0,-0.09916,-0.0251,-0.00671,-0.05304,0.03923,0.09477,-0.06521,0.01277,-0.0332,-0.04951,-0.02823,0.0923,0.02566,0.01013,0.0747,-0.02056,0.01693,-0.02951,-0.02927,-0.11532,0.03085,-0.00736,0.01445,0.14652,-0.02412,-0.08792,-0.0711,0.00691,0.02652,-0.01789,-0.03159,0.05897,-0.00707,0.04903,-0.05248,0.11932,-0.07269,-0.03125,-0.07354,0.01732,0.07022,-0.04478,-0.03749,-0.03072,-0.04197,0.08124,0.01562,-0.055,-0.07315,-0.00137,-0.03553,0.05331,-0.03819,0.09653,-0.00825,0.02496,-0.04251,-0.01394,0.09715,0.02663,-0.07643,0.04598,-0.00445,0.03411],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Styling - .f-dragging, .f-connections-dragging reflect active interaction states. - .f-selected reflects selected node/connection/group states.","excerpt":"Styling - .f-dragging, .f-connections-dragging reflect active interaction states. - .f-selected reflects selected node/connection/group states."},{"chunkId":"/docs/event-system#12","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.02249,-0.022,-0.0324,0.01527,0.04704,0.00804,0.08847,0.03039,0.08593,-0.00891,-0.02546,-0.06418,-0.06194,-0.01868,-0.0357,0.00186,0.02093,-0.0309,-0.0537,0.08065,-0.03843,-0.11761,-0.04122,-0.01175,-0.05748,0.01209,0.02636,-0.05585,0.02321,-0.07192,0.01566,-0.01383,-0.0376,-0.03915,-0.01967,-0.00159,0.03488,-0.10778,-0.12342,-0.02407,0.04049,-0.02952,0.00564,0.08867,-0.06343,0.03418,0.05087,0.02504,-0.0597,0.09139,-0.02085,-0.02027,-0.01034,0.093,0.03332,0.0494,0.07337,-0.05537,0.00116,-0.02283,-0.06058,0.00044,-0.03201,0.07103,0.0103,0.01441,-0.05102,0.01726,0.02503,-0.0527,-0.00154,0.0104,0.01045,0.00642,0.06458,-0.01748,-0.01642,0.03998,-0.06543,-0.05812,0.03278,0.00838,-0.00665,0.00264,0.04346,0.04933,-0.02014,-0.02587,-0.05076,0.06163,-0.0027,0.05018,0.04156,-0.00424,0.0448,-0.01131,-0.00119,-0.02249,-0.03139,-0.00435,0.02966,-0.03819,-0.0424,0.11697,-0.00294,-0.02132,-0.08285,-0.04416,-0.09635,-0.00134,-0.04036,-0.0127,0.03808,-0.00177,-0.0047,0.04925,-0.04018,0.01555,0.06349,-0.00735,-0.01035,-0.00827,0.02198,-0.01735,0.06149,-0.01714,-0.04889,0,-0.04514,-0.0344,-0.07218,0.01217,-0.02805,-0.01557,0.03355,-0.0277,0.00917,-0.00479,-0.02535,0.02211,-0.01607,0.01396,0.02285,-0.09952,-0.01352,0.03694,0.03908,0.0754,0.07222,-0.05924,-0.08469,-0.01624,0.07754,0.10544,-0.04894,0.05699,-0.02859,0.05678,-0.07369,-0.0424,-0.00398,-0.03566,-0.08147,0.00249,-0.0775,-0.05083,-0.0052,-0.04238,-0.02548,-0.0629,-0.14618,-0.05796,-0.02091,-0.07506,-0.08365,0.0241,0.01766,-0.04733,0.10803,-0.02639,0.10064,0.02001,0.06732,-0.01839,-0.03725,-0.00125,-0.00138,0.09893,0.03191,0.05236,-0.04398,-0.00848,0.06786,0.0856,0.03116,0.01182,-0.00613,-0.0172,-0.05456,0.0689,0.04539,-0.0419,0.04708,0.02633,-0.00534,-0.0127,0.00054,-0.0111,-0.02604,-0.04181,0.03669,0.04834,0.08751,-0.02431,-0.00823,-0.06426,-0.17092,0.06265,0.14016,-0.04235,0.05106,0.01033,-0.00787,0,0.01969,0.03995,-0.02467,0.06255,0.04278,-0.00981,-0.01343,0.00355,0.00678,-0.03992,-0.04233,0.03055,-0.06538,0.02264,0.0175,0.01417,0.03077,-0.13006,-0.01192,-0.06173,0.04804,-0.02826,0.01337,-0.0411,-0.06567,-0.05037,0.01514,0.01865,-0.03361,-0.03563,-0.0435,-0.00026,-0.03402,-0.00384,0.07191,-0.02919,0.01686,0.09194,0.07476,-0.05597,0.06329,0.00327,-0.04534,0.02244,-0.0284,0.07802,-0.16982,0.00702,0.02326,0.05564,-0.07504,0.01641,-0.05394,0.01422,-0.01214,0.10051,0.12691,-0.0054,-0.03642,0.03174,0.01153,-0.04739,0.03109,-0.00771,0.08488,-0.01266,0.03285,-0.01347,0.0146,0.08255,0.10506,0.06069,-0.04705,0.01824,0.03978,0.05285,0.05627,-0.04715,0.07535,0.09373,-0.01289,0.08002,0.06979,0.06247,-0.01411,0.10933,-0.03678,-0.01141,0.105,-0.00537,-0.04797,0.00397,0.07102,-0.03479,-0.02835,0,-0.07498,-0.01178,-0.02601,0.00538,-0.02273,0.08358,-0.10149,0.0038,0.0258,-0.04475,-0.00393,0.02333,0.03184,0.03335,0.01994,-0.01705,0.07048,-0.04708,-0.02961,-0.1348,0.05477,0.04114,0.04054,0.09331,-0.02182,-0.05481,0.00222,0.03423,0.03694,-0.04716,-0.02426,0.00272,-0.03781,0.05493,-0.05911,0.06361,-0.03765,-0.02826,0.00212,0.02018,0.06852,-0.00535,-0.03189,-0.03551,-0.04059,0.06361,-0.04231,-0.05269,-0.08196,0.02834,-0.02325,0.00737,-0.0433,0.12185,0.08438,0.015,-0.02962,-0.0508,0.1073,0.01069,-0.06888,0.02803,-0.004,0.0204],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Notes / Pitfalls - Don’t expect per-frame drag events: design your integration around finalized payloads. - Heavy synchronous handlers can still hurt UX (they run on the main thread). Keep handlers small and do persistence/IO asynchronously. - Triggers should be predictable and consistent across devices.","excerpt":"Notes / Pitfalls - Don’t expect per-frame drag events: design your integration around finalized payloads. - Heavy synchronous handlers can still hurt UX (they run on the main thread). Keep handlers small and do persistence/IO asynchronously. - Triggers should be predictable and consistent across devices."},{"chunkId":"/docs/event-system#13","slug":"event-system","route":"/docs/event-system","section":"docs","title":"Foblex Flow Event System - Drag, Selection and Connection Events","description":"Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow.","group":"Concepts","vector":[-0.07794,0.00504,-0.04735,0.08955,0.08397,0.10211,0.06423,0.05423,0.09732,0.02839,-0.00156,-0.02147,-0.0731,-0.00063,-0.04048,0.01878,-0.06369,-0.05627,-0.07968,0.05177,-0.00092,-0.10122,-0.01644,-0.03999,0.01287,0.03542,-0.00737,-0.04094,0.07098,-0.04464,0.02115,0.02404,-0.04722,-0.01434,-0.03488,0.05748,0.04517,-0.02819,-0.09342,-0.01725,0.13029,-0.02097,-0.00954,-0.02367,-0.03266,0.05528,-0.03092,0.03404,-0.05796,0.04944,-0.03355,-0.04011,-0.02001,0.09244,0.04065,0.02925,0.04973,-0.09218,0.03933,-0.02668,-0.07024,-0.01132,-0.0804,0.04224,0.05597,-0.02154,-0.11738,-0.00044,-0.04802,-0.0486,-0.016,-0.02616,-0.033,0.01617,0.05629,-0.06978,-0.06543,0.08762,-0.02036,-0.042,0.06457,-0.03508,-0.03499,0.03739,0.01948,0.13787,0.01073,-0.04463,-0.02582,0.05399,-0.02239,0.03558,-0.00282,0.05659,0.04575,0.01902,-0.05208,0.01365,-0.02158,0.01775,0.00685,-0.06595,0.02649,0.10875,0.00779,-0.08005,-0.05287,0.00349,-0.07008,-0.00334,-0.03205,-0.00757,0.05242,-0.02518,-0.00371,0.0262,-0.06359,0.01815,0.05731,0.03501,0.05499,0.02382,-0.04253,-0.0287,0.03184,-0.05134,0.0293,0,0.00137,-0.06231,-0.06274,0.04424,0.03952,-0.00025,-0.0368,-0.0539,-0.00562,0.08224,-0.07617,0.04036,0.00026,0.01662,0.00693,-0.1069,-0.02831,0.07089,-0.01563,0.02056,0.04194,-0.02076,-0.05903,-0.00305,0.10866,0.06363,-0.09235,0.06145,-0.05001,0.02904,0.00165,0.02759,0.0048,-0.03775,-0.05708,0.02184,-0.00025,-0.05683,-0.04778,-0.03968,-0.00436,-0.0559,-0.12441,0.01299,-0.06172,-0.09219,-0.06476,0.00197,0.05542,0.01271,0.02447,-0.00512,0.08662,0.02648,0.0965,-0.02522,-0.04096,0.07101,-0.04579,0.04757,0.03377,0.10522,-0.03621,-0.01318,0.08937,0.0419,-0.01197,-0.02704,0.06813,-0.08276,-0.06214,0.06936,0.05947,-0.00338,0.04409,0.00266,0.00046,0.02171,0.05782,-0.00622,-0.05284,-0.06761,0.00208,0.0201,0.03917,-0.07202,0.00856,-0.03531,-0.12088,-0.08142,0.12002,0.02367,-0.01149,0.00226,-0.01983,0,0.04711,0.05769,-0.00772,0.08541,-0.02148,-0.019,0.07566,0.03288,0.03075,0.02617,0.00557,0.03543,-0.0392,-0.00873,0.05584,-0.0027,-0.03677,-0.11212,0.01368,-0.06104,0.0629,0.02411,-0.04277,-0.04745,-0.08078,-0.00358,0.05424,0.02487,-0.02972,-0.04077,0.00158,-0.02523,-0.08921,0.06192,0.00058,-0.04795,0.03008,0.12488,0.08482,-0.06102,0.10435,0.02231,-0.03052,0.02622,0.00276,0.02452,-0.03295,-0.00919,0.04725,-0.04902,-0.04892,0.00644,-0.05844,0.05932,-0.00469,0.02168,0.11007,-0.04876,-0.0668,0.00919,0.06669,-0.02959,-0.01456,-0.00732,0.07159,0.02177,-0.05269,-0.01943,0.06167,-0.0249,0.01613,0.0252,0.04161,-0.04852,0.01466,0.04966,0.07453,-0.00075,0.09454,0.02494,-0.07082,0.07525,0.00374,0.03176,-0.00347,0.08195,-0.08904,-0.01486,0.08671,-0.0185,-0.07223,0.00148,0.05802,0.02278,0.00797,0,-0.11539,-0.03586,-0.01961,-0.06533,0.01832,0.04129,-0.03496,-0.01114,-0.01204,-0.03303,-0.02383,0.05631,0.06811,0.01665,0.07959,-0.01166,0.02543,-0.01356,-0.02643,-0.06503,0.03781,-0.0006,0.03436,0.06196,-0.02569,-0.09092,-0.08495,0.06987,0.01284,-0.02984,-0.01791,0.04618,0.01122,0.04061,-0.06434,0.05678,-0.10734,-0.04569,-0.01856,0.01431,0.09651,-0.08635,-0.00039,-0.00869,-0.0365,0.08464,0.01791,0.0036,-0.06236,-0.00697,-0.05443,0.02126,-0.04657,0.04302,0.05013,-0.02095,0.00055,0.00993,0.05568,0.00222,-0.06406,0.0433,-0.0253,0.01863],"keywords":"Foblex Flow Event System - Drag, Selection and Connection Events Foblex Flow Event System - Drag, Selection and Connection Events Understand how drag, selection, connection, and canvas events are emitted and handled in Foblex Flow. Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::","excerpt":"Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::"},{"chunkId":"/docs/selection-system#0","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.01654,-0.0328,-0.08629,0.0328,0.01231,0.01997,0.0758,0.06213,0.04982,-0.01514,-0.06918,-0.06153,-0.05444,-0.02116,0.05384,0.01823,-0.02751,-0.03597,0.03361,-0.02575,-0.01135,-0.0887,-0.02266,-0.06721,-0.05689,0.04754,0.0222,0.01743,-0.00832,-0.08434,0.02236,0.09329,0.03923,0.03329,-0.05723,0.00574,0.0046,-0.06556,-0.07449,-0.00222,0.01588,0.0288,0.00389,0.02554,-0.04209,0.02628,-0.07567,-0.00387,-0.01984,0.07937,-0.02961,-0.04777,0.03238,0.06348,0.03754,0.03423,0.06671,-0.07427,0.00419,-0.03783,-0.03188,-0.02966,-0.03457,0.04543,0.04507,0.05392,-0.08212,-0.05275,0.03067,-0.0854,-0.03939,-0.00184,0.01896,0.01709,0.07195,-0.04998,-0.00076,0.00514,0.00241,-0.07897,0.00965,0.0737,-0.0162,0.04794,0.0021,0.08412,-0.02819,-0.03198,0.02229,0.04674,-0.04509,0.01438,0.03342,-0.03905,0.03646,0.0043,-0.01501,-0.0824,-0.06466,0.00041,0.04847,-0.07057,0.05606,0.02082,-0.04541,-0.08238,-0.03668,0.01504,-0.02162,-0.06302,-0.10626,-0.03289,0.06021,0.00422,-0.07167,0.00196,-0.03217,-0.01885,0.05707,0.00206,0.03174,-0.01553,0.01829,0.01023,0.04955,-0.02521,-0.09563,0,-0.05093,-0.08482,0.00802,0.01828,0.00537,-0.01794,0.04743,-0.07798,-0.00101,0.00657,-0.03144,0.0113,-0.02463,0.0691,0.02409,-0.10473,-0.0712,0.07585,-0.00088,0.01458,0.08283,0.0332,-0.02078,-0.00115,0.06458,0.08924,-0.07673,0.07032,0.00933,0.04171,-0.05969,-0.00339,-0.03262,0.00181,-0.02798,0.0739,-0.07053,-0.04592,0.01608,0.00438,-0.00849,-0.08318,-0.01164,-0.03492,-0.00942,-0.03226,-0.15983,0.00854,-0.02656,0.00429,0.08658,0.01374,0.0332,-0.0316,0.08923,-0.0476,-0.08809,0.09084,0.00933,0.09796,0.02412,0.0662,-0.04232,-0.00102,0.03411,0.08164,0.01798,-0.02823,0.04635,0.02649,-0.07929,0.1243,0.06752,-0.03154,0.06043,-0.03377,0.03901,-0.01562,-0.02435,-0.03178,-0.09739,-0.07966,-0.02089,-0.03108,0.07302,-0.05527,0.02049,-0.03494,-0.07852,-0.05776,0.10174,-0.00442,-0.04483,0.03153,0.05624,0,0.02774,0.05376,0.04165,0.06284,0.00931,-0.0313,0.03169,-0.04225,-0.01118,-0.01733,-0.01164,0.06915,-0.00312,-0.05172,0.06053,0.04573,-0.04171,-0.10759,-0.02808,-0.0277,-0.03381,-0.02722,-0.02989,-0.03787,-0.08558,-0.03332,0.00025,0.02281,0.05159,-0.055,-0.00755,0.00466,-0.06701,0.00141,0.05274,-0.03235,0.01422,0.10534,0.02618,0.01876,-0.00444,0.01063,-0.04637,0.02958,-0.02727,0.10432,-0.06799,0.00257,-0.0031,-0.00589,-0.07298,-0.00029,-0.03529,-0.03612,-0.03039,0.08292,0.11214,0.01635,-0.00346,0.02453,-0.03407,-0.06696,0.10874,0.00308,0.07175,-0.0149,0.02948,0.02635,-0.00692,0.04675,0.1217,0.04036,0.02554,0.01719,0.06876,0.0259,0.01333,-0.00058,0.02604,0.08519,-0.0023,0.08104,0.0405,0.08418,-0.01886,0.04587,-0.07202,0.04182,0.07641,-0.02438,-0.02355,0.02157,0.11653,-0.00112,-0.0291,0,-0.10891,-0.05741,-0.01966,-0.00962,0.02704,0.05562,-0.09759,0.06567,-0.02711,-0.03697,-0.00805,0.09065,0.0134,-0.03226,0.08574,-0.00193,0.04322,0.02306,0.02103,-0.06797,-0.00226,-0.04473,0.02111,0.1323,0.00292,-0.04301,-0.05859,0.01403,0.04655,0.03333,0.01813,0.04521,0.05917,0.10645,-0.02607,0.01483,-0.08504,-0.00431,-0.0522,-0.00828,0.062,-0.03581,-0.03452,-0.05172,-0.09947,0.07871,-0.01139,-0.05942,-0.0416,-0.0161,-0.05354,0.04639,-0.01849,0.11612,0.00609,0.03241,-0.03895,-0.05821,0.08826,0.01204,-0.1089,0.07113,0.02345,0.03489],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Selection System Selection in Foblex Flow is the core UX mechanism for working with a diagram: it tells the user what is currently active and enables batch actions. Selection covers: - Nodes (and therefore groups that are associated with those nodes), - Connections, - and supports both user-driven and programmatic control. You can select by click, toggle items in multi-select mode, drag a selection rectangle, or manage selection via FFlowComponent APIs. F Flow Component AP Is","excerpt":"Selection System Selection in Foblex Flow is the core UX mechanism for working with a diagram: it tells the user what is currently active and enables batch actions. Selection covers: - Nodes (and therefore groups that are associated with those nodes), - Connections, - and supports both user-driven and programmatic control. You can select by click, toggle items in multi-select mode, drag a selection rectangle, or manage selection via FFlowComponent APIs."},{"chunkId":"/docs/selection-system#1","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[-0.01378,0.01431,-0.04549,0.04683,0.07095,0.01332,0.09836,0.07672,0.10283,0.06074,-0.04585,-0.02201,-0.02916,-0.0821,0.02103,-0.00881,-0.03932,-0.06812,-0.01158,0.01696,-0.0145,-0.03814,-0.01557,-0.05076,-0.04127,0.05986,0.00339,-0.03719,-0.01373,-0.07598,0.00249,0.12339,0.0545,0.01082,-0.09986,0.03496,0.01579,-0.09589,-0.07926,-0.05348,0.00749,0.0277,-0.0219,0.05506,-0.06002,-0.01383,-0.03664,-0.0356,0.00679,0.07579,-0.01242,0.00004,0.00842,0.08192,-0.00049,0.02974,0.07693,-0.03686,-0.03008,-0.01535,-0.01299,0.00458,-0.05052,0.04755,0.07177,0.05276,-0.06955,-0.09414,0.02496,-0.08782,-0.03874,-0.01549,0.03577,0.04652,0.04552,-0.08094,0.0152,-0.01993,-0.00065,-0.0456,-0.00197,0.0416,-0.0221,0.03863,0.02683,0.07492,-0.01381,-0.06078,0.0668,0.08261,0.01596,-0.01709,0.05582,-0.06277,0.04646,-0.01472,-0.03153,-0.01835,-0.02439,0.02252,0.05734,-0.04407,0.06449,0.05303,-0.07421,-0.08967,-0.02805,-0.06512,-0.0513,-0.03759,-0.09153,-0.01036,0.01421,-0.00771,-0.07131,0.00422,-0.0022,0.01597,0.04208,0.03751,0.01734,-0.0333,-0.0066,0.02451,0.00599,-0.00348,-0.06448,0,-0.05749,-0.09665,-0.0228,0.01619,0.02736,-0.02724,0.03353,-0.0177,-0.0015,0.00433,0.01626,0.01686,0.02521,0.08265,0.03856,-0.09681,-0.06917,0.09666,0.01758,-0.00009,0.09049,0.01824,-0.00253,-0.00756,0.03841,0.09169,-0.04675,0.04743,0.01198,0.02112,-0.07905,0.00534,-0.03424,0.02025,-0.01519,0.13111,-0.0744,-0.06677,0.03706,-0.02404,-0.01169,-0.07073,-0.00842,-0.01434,0.02041,-0.01524,-0.17629,0.01438,-0.03502,0.00275,0.09479,0.01107,0.03746,-0.01072,0.05503,-0.01996,-0.03356,0.0318,-0.01436,0.1029,0.00307,0.07147,-0.02352,0.03115,0.01767,0.1091,0.0053,-0.01233,0.08715,-0.03398,-0.06303,0.09521,0.05761,-0.01104,0.05317,-0.03337,0.04147,-0.06675,-0.01205,-0.06715,-0.09148,-0.05342,-0.05453,0.00843,0.05123,-0.05023,-0.0342,-0.02712,-0.04603,-0.03607,0.1033,0.02126,-0.03668,0.03097,0.02418,0,0.06079,-0.0053,0.03282,0.05821,-0.04117,-0.03158,-0.00827,-0.03543,0.01387,-0.05542,-0.03949,0.05282,0.02388,-0.06454,0.06258,0.07258,-0.04379,-0.132,-0.04452,-0.03211,-0.01211,-0.03472,-0.00267,0.00853,-0.1147,-0.07617,-0.0286,-0.02769,0.05928,-0.05228,-0.00259,0.03303,-0.07735,-0.00166,0.06129,-0.00982,0.00484,0.12421,0.04218,0.04803,-0.02199,0.02567,0.01566,0.04035,-0.02295,0.09208,-0.09181,0.02414,0.02558,-0.00535,-0.03672,-0.00495,-0.10676,-0.06832,-0.07109,0.08312,0.09074,-0.02116,0.01772,0.01547,-0.0019,0.0091,0.04906,0.00064,0.03833,-0.02186,0.01698,0.03155,0.00282,0.00902,0.06238,-0.01452,0.00577,-0.0287,0.03416,0.0106,0.06751,-0.04532,0.00294,0.09448,0.00635,0.08051,0.02797,0.0516,-0.09958,0.05359,-0.05563,0.01317,0.042,-0.04579,-0.02167,0.00747,0.06826,-0.01761,-0.05165,0,-0.09998,-0.0436,-0.01357,-0.03306,0.00716,0.01184,-0.10588,0.12457,0.02524,-0.05944,-0.05047,0.05349,-0.05135,-0.03362,0.08444,-0.00531,0.02773,0.02413,-0.00534,-0.02349,-0.01827,-0.05686,-0.00637,0.10984,0.00611,-0.06027,-0.04018,0.0305,0.03067,0.06357,0.02047,0.09926,0.07809,0.10656,-0.00263,0.01669,-0.02902,0.00269,-0.00891,-0.00929,0.01363,-0.05439,-0.02164,-0.04508,-0.13601,0.02063,-0.00057,-0.03764,0.00968,-0.0134,-0.02036,0.02595,-0.01783,0.10203,0.02534,0.05377,-0.0163,-0.05823,0.11232,-0.01065,-0.06816,0.04291,-0.00571,0.00595],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Why / Use cases Use the selection system whenever users need to inspect, move, or edit more than one item. Common scenarios: - Inspector panel: click a node → show its properties on the right. - Batch move: select several nodes → drag them together. - Batch actions: delete, group/ungroup, change settings for the selected set. - Keyboard workflows: Escape clears selection, Ctrl/Meta + A selects all, Delete removes items (in your app state). Selection is also a UX contract: the library adds .f-selected, but you decide how it looks.","excerpt":"Why / Use cases Use the selection system whenever users need to inspect, move, or edit more than one item. Common scenarios: - Inspector panel: click a node → show its properties on the right. - Batch move: select several nodes → drag them together. - Batch actions: delete, group/ungroup, change settings for the selected set. - Keyboard workflows: Escape clears selection, Ctrl/Meta + A selects all, Delete removes items (in your app state). Selection is also a UX contract: the library adds .f-selected, but you decide how it looks."},{"chunkId":"/docs/selection-system#2","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[-0.01882,-0.03939,-0.02262,0.07319,0.0326,0.02459,0.10006,0.03996,0.07689,0.00754,-0.05365,-0.08789,-0.10151,-0.04305,-0.01329,0.0213,-0.02037,-0.01632,0.02681,0.01097,-0.00166,-0.07534,-0.02144,-0.04726,-0.04719,0.01092,0.05275,0.01631,0.01611,-0.10047,0.03059,0.07548,-0.01486,0.00805,-0.0699,-0.02695,0.01929,-0.05804,-0.06531,-0.02468,0.00536,0.00339,0.00517,-0.01662,-0.06027,0.03028,0.00855,0.01408,-0.03739,0.06044,0.01477,0.01676,0.03492,0.06093,0.0333,0.01187,0.09861,-0.01906,-0.0293,-0.01267,-0.04803,-0.00066,-0.06487,0.01935,0.03007,0.04056,-0.05278,-0.07853,0.00063,-0.05348,-0.03834,0.01376,0.03747,-0.00082,0.08777,-0.06829,-0.01395,0.01843,0.02822,-0.06469,0.02159,0.03145,-0.04474,0.01906,0.05425,0.0569,-0.05941,-0.04628,0.02447,0.08521,-0.01724,-0.00146,0.0412,-0.02264,0.00967,-0.01183,-0.02782,-0.0359,-0.0267,-0.01313,0.02558,-0.03359,0.01,0.04575,-0.03327,-0.07062,-0.03488,-0.04728,-0.04837,-0.03563,-0.03696,-0.04626,0.07635,0.01802,-0.08151,0.03495,-0.0364,0.00303,0.06019,-0.0208,0.00683,-0.0082,0.04674,0.0277,0.01935,-0.04992,-0.05004,0,-0.0552,-0.08977,-0.04361,0.01826,-0.01135,-0.00118,0.03596,-0.03144,0.00899,-0.01179,0.02299,-0.02075,0.004,0.02601,0.06104,-0.0992,-0.08565,0.06947,-0.04655,0.03052,0.06836,0.02316,-0.05877,-0.04793,0.0266,0.08334,-0.07875,0.07459,0.02111,0.03718,-0.05462,0.0245,-0.01683,0.00261,-0.0397,0.08027,-0.07655,-0.06684,0.00929,0.01713,-0.0018,-0.08041,-0.00888,-0.02257,-0.01495,-0.03829,-0.14804,0.04072,-0.02038,-0.02307,0.08964,-0.00666,0.05414,-0.00693,0.11107,-0.03273,-0.10237,0.0775,0.06092,0.10825,0.02408,0.09347,-0.03447,-0.02379,0.02578,0.10808,0.04041,-0.02832,0.0176,-0.00226,-0.02966,0.09448,0.07041,-0.0477,0.03938,-0.02938,0.00514,-0.01536,0.02183,-0.0824,-0.07821,-0.03902,-0.01256,-0.04382,0.08308,-0.08462,-0.02781,-0.03927,-0.1001,-0.05627,0.13612,0.00039,-0.00687,0.00939,0.0186,0,0.03803,0.01526,0.04454,0.08268,-0.02976,-0.01333,0.00385,-0.0265,0.03906,-0.05553,-0.0417,0.05224,-0.01483,-0.02352,0.09238,0.05372,-0.04312,-0.11596,-0.04299,-0.03929,0.01411,-0.04264,-0.00078,-0.05341,-0.12941,-0.03693,0.0087,0.05256,0.04897,-0.04922,-0.01024,0.02617,-0.08518,0.00963,0.056,-0.02348,0.00815,0.07727,0.01637,0.039,-0.0065,0.02435,-0.00651,0.05832,0.00687,0.07812,-0.11563,0.03929,0.05505,-0.00716,-0.06226,-0.005,-0.0648,-0.01074,-0.03089,0.13497,0.09529,0.0044,0.01663,0.0437,-0.00923,-0.06127,0.06619,0.01957,0.09931,0.01195,0.02147,0.02469,0.04078,0.02914,0.09089,0.00053,0.03472,-0.06408,0.05421,0.03879,0.08638,-0.00617,0.05113,0.0634,-0.02276,0.0717,0.05266,0.02916,-0.0556,0.04721,-0.08326,0.02223,0.08391,-0.04638,-0.02451,0.01256,0.13771,-0.06101,-0.03455,0,-0.11826,-0.03627,-0.0154,-0.00254,0.03444,0.0427,-0.08822,0.04148,-0.03769,-0.04662,-0.04435,0.06903,0.04345,0.00284,0.10871,-0.0196,0.02303,-0.01088,-0.01851,-0.03337,0.02402,-0.0368,0.04874,0.1066,-0.02182,-0.04443,-0.04322,0.01942,0.0429,0.0409,-0.00178,0.06629,0.05314,0.10175,-0.03428,0.02327,-0.06774,-0.02489,-0.00863,0.01,0.04825,-0.08517,-0.03407,-0.04322,-0.09959,0.03616,0.01976,-0.05312,-0.05334,0.02985,-0.04749,0.04678,-0.01235,0.09955,0.04529,-0.0303,-0.04949,-0.02471,0.10261,0.03016,-0.05047,0.039,-0.0198,0.05056],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. How it works Internally, selection lives in the draggable interaction context (selectedItems) and is updated by two primary paths: - Pointer path - SelectByPointer Handles single select and multi-select toggle logic. - Box path - SelectionAreaHandler Handles rectangle selection based on intersection rules. After the selection logic is finalized, EmitSelectionChangeEvent emits FSelectionChangeEvent only when the selection actually changed. This keeps handlers predictable and avoids unnecessary re-renders. selected Items Select By Pointer Selection Area Handler Emit Selection Change Event F Selection Change Event","excerpt":"How it works Internally, selection lives in the draggable interaction context (selectedItems) and is updated by two primary paths: - Pointer path - SelectByPointer Handles single select and multi-select toggle logic. - Box path - SelectionAreaHandler Handles rectangle selection based on intersection rules. After the selection logic is finalized, EmitSelectionChangeEvent emits FSelectionChangeEvent only when the selection actually changed. This keeps handlers predictable and avoids unnecessary re-renders."},{"chunkId":"/docs/selection-system#3","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.01126,-0.02369,-0.08582,-0.00959,-0.01882,0.01571,0.08471,0.09147,0.00273,0.00484,-0.05577,-0.0672,-0.0498,-0.05258,-0.0053,0.00707,-0.07329,-0.01853,0.04763,0.01521,0.02137,-0.06054,-0.05105,-0.06152,-0.06824,0.03282,0.04193,0.0165,-0.02573,-0.07508,0.02604,0.10333,0.05913,0.01657,-0.0279,-0.01614,-0.01643,-0.08129,-0.0776,-0.02398,-0.03401,0.00354,0.01312,0.01583,-0.05221,0.02434,-0.03629,-0.03098,0.0073,0.06361,-0.05328,-0.00434,0.02196,0.07843,0.02811,0.02168,0.04605,-0.04221,0.00793,-0.02661,-0.03219,0.00078,-0.06738,0.05238,0.08129,0.03861,-0.09935,-0.03111,-0.01994,-0.08649,-0.09736,0.00613,0.0229,0.01816,0.05943,-0.06782,-0.00505,-0.0091,0.01173,-0.07376,-0.01444,0.05901,-0.039,0.05232,0.03335,0.08624,-0.03608,-0.00023,0.04316,0.06799,-0.00215,-0.01474,0.01545,-0.03577,0.03616,0.00435,-0.01655,-0.09953,-0.03458,0.00419,0.01314,-0.05136,0.06192,0.01519,-0.03268,-0.08716,-0.00548,-0.00101,-0.00884,-0.05953,-0.10574,-0.03171,0.05887,0.0071,-0.02119,0.02571,-0.02223,-0.01256,0.0791,-0.00344,0.02617,-0.04021,0.00448,0.01518,0.01353,-0.01706,-0.05019,0,-0.06463,-0.0896,-0.02552,0.03966,-0.00585,-0.00537,0.04823,-0.03117,-0.00833,0.02587,-0.03816,-0.03078,-0.00015,0.0519,0.01902,-0.09785,-0.08386,0.10679,-0.02303,0.01858,0.10851,0.03905,-0.01052,-0.04097,0.07362,0.08887,-0.05996,0.05233,-0.01817,0.03404,-0.05093,-0.03624,-0.01405,0.01507,-0.00153,0.06723,-0.04469,-0.03406,0.01632,0.0046,-0.02969,-0.10962,0.01322,-0.02676,0.00994,-0.02427,-0.16627,0.02655,0.0012,0.01617,0.07284,0.00715,0.02163,-0.00079,0.07779,-0.04104,-0.10398,0.07908,0.01086,0.10667,0.03138,0.09476,-0.04328,-0.05175,0.01653,0.09446,0.00866,-0.06331,0.06856,0.00475,-0.04979,0.06595,0.04763,-0.01073,0.04723,-0.00135,0.03961,-0.01547,-0.0113,-0.06097,-0.11828,-0.01434,-0.02888,-0.01055,0.09756,-0.04479,0.0116,-0.04958,-0.08214,-0.04037,0.06576,-0.01776,-0.06065,-0.00215,0.02322,0,0.05004,0.04191,0.03367,0.06148,-0.0019,0.00511,0.04819,-0.04082,0.04156,-0.01889,-0.03833,0.07751,0.01162,-0.04303,0.06471,0.0522,-0.06854,-0.09006,-0.01049,-0.01264,0.00269,-0.01605,-0.03107,-0.04188,-0.09583,-0.04376,0.01779,0.06065,0.02803,-0.02859,-0.00857,0.04656,-0.08607,0.0453,0.03497,-0.00649,0.03509,0.07223,0.00258,0.03065,0.03669,0.01097,-0.02723,0.04324,-0.01305,0.05092,-0.07903,0.02309,0.02707,-0.00598,-0.04883,-0.03428,-0.04811,-0.03347,-0.05867,0.11484,0.12788,-0.00119,0.0027,0.05363,-0.02169,-0.07384,0.09562,-0.01149,0.06473,-0.01686,0.03287,0.05711,-0.01448,0.0122,0.07464,0.02741,0.05141,-0.01818,0.03021,0.04644,0.01546,-0.00984,0.0426,0.08069,-0.02028,0.10492,0.04189,0.09802,-0.03126,0.04905,-0.03852,0.00095,0.07458,-0.05715,-0.03372,0.03827,0.12127,-0.01439,-0.05543,0,-0.10155,-0.0524,-0.00978,0.02308,0.02124,0.07368,-0.08654,0.05845,-0.04172,-0.06514,-0.01566,0.07228,0.00738,-0.02439,0.08809,-0.02966,-0.02418,0.00758,-0.01518,-0.06438,0.06832,-0.04158,0.04096,0.11836,0.00269,-0.0524,-0.04514,0.02429,0.03393,0.02406,0.04367,0.09177,0.03807,0.07762,-0.00914,0.0388,-0.07166,0.01977,-0.0645,0.00362,0.03027,-0.07046,-0.06022,-0.07983,-0.05849,0.05389,-0.01672,-0.04586,-0.03848,-0.03336,-0.04803,0.07839,0.0051,0.11444,0.05578,-0.0081,-0.05827,-0.05326,0.07035,0.04865,-0.0953,0.09556,0.0104,0.03902],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Configuration (Inputs/Outputs/Methods)","excerpt":"Configuration (Inputs/Outputs/Methods)"},{"chunkId":"/docs/selection-system#4","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.01848,-0.01892,-0.09368,0.06649,0.01327,0.03768,0.09377,0.07513,0.03584,-0.01485,-0.07852,-0.0643,-0.08381,-0.0413,0.01265,-0.01724,-0.07911,-0.03985,0.05065,0.00265,0.03218,-0.09598,-0.02159,-0.06794,-0.08419,0.01455,0.00718,0.00393,-0.03447,-0.0689,0.01335,0.06798,0.03502,0.01682,-0.02646,-0.05146,-0.00998,-0.04663,-0.04658,-0.01795,-0.04353,-0.0362,-0.00854,-0.0247,-0.072,0.0082,-0.03944,-0.00362,0.0076,0.09218,-0.0137,0.0171,0.02329,0.07404,0.05202,-0.01209,0.09084,-0.03867,-0.00631,-0.01122,-0.08113,0.02033,-0.07388,0.0517,0.05868,0.08675,-0.10007,-0.09616,0.00124,-0.05776,-0.04707,-0.00496,0.03795,-0.00139,0.08852,-0.09709,-0.00636,0.01798,0.03484,-0.04075,0.00796,0.06479,-0.01884,0.00508,0.02612,0.06825,-0.05604,-0.02242,0.04813,0.08032,-0.03528,0.01063,0.01912,0.01519,0.02792,-0.01029,-0.02831,-0.06928,-0.05143,-0.01231,-0.00215,-0.05034,0.07409,0.05935,-0.01777,-0.0764,0.01064,-0.01718,-0.03646,-0.07682,-0.07445,-0.00667,0.08226,0.03394,-0.05605,0.03628,-0.03163,-0.00506,0.07942,0.00486,0.03443,-0.02222,-0.01633,-0.00078,0.01836,-0.02567,-0.05355,0,-0.01251,-0.08023,-0.04029,0.01284,-0.00867,0.01889,0.05238,-0.03644,-0.03094,0.06157,-0.01165,-0.04548,0.00222,0.03177,0.02968,-0.09626,-0.05625,0.05589,-0.00371,-0.00368,0.1158,0.02253,-0.00647,-0.00925,0.07843,0.12398,-0.07787,0.06015,-0.0075,0.05843,-0.05142,-0.0436,-0.02692,-0.0184,0.00633,0.04756,-0.05536,-0.03936,-0.02585,0.03449,-0.02742,-0.10939,0.02689,-0.05884,0.00766,-0.01433,-0.14862,0.04109,-0.02765,0.00836,0.08328,0.01846,0.00217,-0.03375,0.08095,-0.01726,-0.10944,0.06487,0.02956,0.09699,0.01851,0.04966,-0.00878,-0.03489,0.03064,0.09373,0.02825,-0.03999,0.03378,0.01626,-0.06662,0.05033,0.06176,-0.03161,0.05239,0.00933,0.04827,-0.07127,0.00971,-0.0666,-0.04548,-0.04126,-0.02114,-0.01823,0.0716,-0.04346,-0.02936,-0.0477,-0.0671,-0.0474,0.08095,0.01038,-0.01754,-0.01555,0.00126,0,0.04718,0.01339,0.01566,0.04095,-0.04193,0.00159,0.04462,-0.07571,0.01297,0.00944,-0.00466,0.05087,-0.00643,-0.07363,0.03884,0.08671,-0.03276,-0.04727,-0.01047,0.01335,-0.02002,-0.0717,-0.0379,-0.0131,-0.09625,-0.03697,0.01358,0.06384,0.03937,-0.03194,0.01139,0.05971,-0.05473,0.01218,0.02537,-0.01388,0.02431,0.06878,0.01123,0.02842,0.01756,0.03981,0.01727,0.04041,-0.02767,0.08689,-0.08877,0.01314,0.02572,0.00027,-0.08429,-0.05837,-0.05232,-0.03483,-0.08569,0.10047,0.11625,0.00106,-0.0235,0.06141,0.03387,-0.06157,0.09606,0.03343,0.11939,-0.01547,0.03868,0.06686,0.00558,0.02486,0.11306,-0.01891,0.0341,-0.02678,0.01357,0.07276,0.03631,-0.00683,0.01034,0.08602,0.05484,0.04394,0.02769,0.04345,-0.06789,0.0436,-0.0519,0.03869,0.07974,-0.06495,-0.04137,0.0153,0.11338,-0.06423,-0.03017,0,-0.09988,-0.05883,-0.02392,-0.00013,0.01714,0.05528,-0.08941,0.03058,-0.06326,-0.06687,-0.04781,0.07409,0.02653,-0.03336,0.08491,-0.01647,0.00509,0.04049,0.00951,-0.04688,0.02512,-0.03745,0.013,0.0856,-0.00669,-0.05421,-0.05229,0.0208,0.08003,0.03529,0.01155,0.09201,0.04198,0.0398,-0.06164,0.03772,-0.04215,-0.00853,-0.04721,-0.00822,0.07577,-0.04749,-0.04732,-0.08306,-0.14618,0.03713,0.01237,-0.00958,-0.03996,0.00378,-0.02867,0.07516,0.02137,0.10646,0.03746,0.02392,-0.05128,-0.04864,0.0636,0.01304,-0.07157,0.04523,-0.00006,0.0125],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Inputs - fMultiSelectTrigger: FEventTrigger; on f-flow[fDraggable] Enables toggle multi-select mode. - fTrigger: FEventTrigger; on f-selection-area Controls when box selection starts (default: event.shiftKey). Recommended UX defaults: Shift for box selection, Ctrl/Meta for toggle multi-select. f Multi Select Trigger F Event Trigger f Draggable f Trigger shift Key","excerpt":"Inputs - fMultiSelectTrigger: FEventTrigger; on f-flow[fDraggable] Enables toggle multi-select mode. - fTrigger: FEventTrigger; on f-selection-area Controls when box selection starts (default: event.shiftKey). Recommended UX defaults: Shift for box selection, Ctrl/Meta for toggle multi-select."},{"chunkId":"/docs/selection-system#5","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.00334,-0.00231,-0.07663,0.04181,0.0102,0.03033,0.10238,0.04614,0.04888,0.01608,-0.06081,-0.09189,-0.07603,-0.07672,-0.02134,-0.00565,-0.08931,0.0087,0.00547,-0.01336,-0.01074,-0.06482,-0.02648,-0.05661,-0.07407,0.02828,0.01628,0.02162,-0.01671,-0.07733,0.01898,0.09892,0.04517,0.02733,-0.03784,0.0001,-0.00148,-0.05807,-0.05641,-0.00042,0.01609,-0.00973,0.03555,-0.01318,-0.04329,0.04383,-0.04313,0.02491,-0.01653,0.10984,0.01177,0.00671,0.00748,0.0832,0.04589,0.05649,0.05754,-0.07183,-0.01487,-0.00455,-0.02028,-0.02197,-0.04519,0.04292,0.01859,0.0562,-0.07582,-0.02541,-0.00367,-0.07451,-0.02661,0.03167,0.02457,-0.00281,0.07184,-0.06126,-0.01853,0.0157,0.01963,-0.0811,0.00645,0.04973,-0.01811,0.01303,0.05429,0.06059,-0.07474,-0.02554,-0.0086,0.10194,-0.07729,0.03987,0.01368,-0.0422,0.0281,0.0197,0.00822,-0.09038,-0.02329,0.0239,-0.00511,-0.01593,-0.00026,0.04175,-0.01887,-0.07119,-0.04699,-0.02084,-0.02324,-0.04351,-0.08775,-0.01598,0.04898,-0.01438,-0.04955,0.0115,-0.00613,0.00435,0.07819,-0.01906,0.05811,-0.02024,-0.00767,0.02483,0.00566,-0.00734,-0.04016,0,-0.01372,-0.08525,-0.02564,0.01839,0.00551,0.00373,0.02159,-0.04534,-0.03107,0.00882,-0.07965,-0.01439,-0.00508,0.00768,0.03451,-0.10141,-0.06218,0.06659,-0.01614,-0.01959,0.06953,0.02286,-0.01555,-0.03045,0.04729,0.09253,-0.0922,0.07754,0.02427,0.03636,-0.04541,-0.02531,0.00457,-0.00409,-0.01613,0.05968,-0.04832,-0.06529,-0.02147,-0.00311,0.0055,-0.09387,-0.01635,-0.07492,-0.01692,-0.01935,-0.15692,0.01476,0.01443,0.0002,0.07343,-0.00924,0.02433,-0.00737,0.06526,-0.01904,-0.11574,0.10561,0.01797,0.12727,0.01382,0.09907,-0.035,-0.03269,0.03262,0.11545,0.05888,-0.03762,0.04497,-0.00756,-0.03609,0.10548,0.03997,-0.02229,0.05175,0.02314,0.04316,-0.02986,-0.02405,-0.0249,-0.0974,-0.04862,-0.01946,-0.00052,0.09053,-0.04452,0.01547,-0.04768,-0.09715,-0.04911,0.08683,0.00683,0.023,-0.00381,0.01629,0,0.01153,0.03927,0.03723,0.04054,0.02066,-0.03007,0.02788,-0.05635,0.03138,0.03009,-0.03079,0.04093,-0.03571,-0.0867,0.08426,0.04181,-0.06017,-0.09964,-0.00458,0.00402,-0.01479,-0.00347,-0.00602,-0.03868,-0.06774,-0.06288,0.02482,0.03096,0.02416,-0.05026,0.00908,0.03119,-0.11141,0.03796,0.07999,-0.02638,0.02233,0.07037,0.02774,0.03216,0.02925,0.02875,-0.04167,0.05438,0.0083,0.06559,-0.09446,0.05977,0.02053,0.03885,-0.07719,-0.0332,-0.04776,0.00084,-0.04545,0.12401,0.13895,0.00461,0,0.02662,-0.01437,-0.10655,0.04998,0.0252,0.12028,-0.01664,0.01942,0.05691,-0.0172,0.04482,0.10831,-0.01386,-0.0103,-0.01337,0.03428,0.03162,0.0197,0.01241,0.03219,0.07926,0.00989,0.11362,0.05214,0.05592,-0.03738,0.02436,-0.03367,0.00944,0.08132,-0.03663,-0.06095,0.00532,0.09658,-0.04301,-0.06506,0,-0.12388,-0.0351,-0.04198,-0.01743,0.06798,0.03015,-0.12107,0.05633,-0.04797,-0.08066,-0.04074,0.06861,0.02035,-0.05196,0.07601,-0.03495,-0.01098,-0.00926,-0.01477,-0.04936,0.02464,-0.02493,-0.00244,0.08568,-0.02838,-0.08649,-0.04954,-0.00436,0.03026,0.01496,0.02356,0.05439,0.05431,0.10092,-0.0136,0.03769,-0.0705,-0.01171,-0.06061,0.01305,0.0535,-0.04965,-0.03334,-0.05041,-0.10478,0.05283,0.00768,-0.04935,-0.01631,-0.01785,-0.03666,0.05761,0.00516,0.09328,-0.00931,-0.00262,-0.04227,-0.03782,0.1019,0.01876,-0.09545,0.07835,0.01803,0.0327],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Outputs - fSelectionChange: EventEmitter<FSelectionChangeEvent; on f-flow[fDraggable]. FSelectionChangeEvent fields: - nodeIds, groupIds, connectionIds - legacy aliases: fNodeIds, fGroupIds, fConnectionIds groupIds are derived automatically from selected nodes. f Selection Change Event Emitter F Selection Change Event f Draggable node Ids group Ids connection Ids f Node Ids f Group Ids f Connection Ids","excerpt":"Outputs - fSelectionChange: EventEmitter<FSelectionChangeEvent; on f-flow[fDraggable]. FSelectionChangeEvent fields: - nodeIds, groupIds, connectionIds - legacy aliases: fNodeIds, fGroupIds, fConnectionIds groupIds are derived automatically from selected nodes."},{"chunkId":"/docs/selection-system#6","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.00865,-0.02547,-0.07189,0.05945,-0.01185,0.03011,0.10272,0.03998,0.04548,-0.009,-0.06371,-0.07983,-0.10102,-0.07784,-0.01059,-0.01396,-0.0492,-0.00507,0.01185,-0.01282,-0.02417,-0.05825,-0.04484,-0.05254,-0.04197,0.0608,0.01493,0.00417,0.02508,-0.04621,0.03446,0.11272,0.01333,0.02148,-0.05946,-0.00514,0.00443,-0.06111,-0.06388,-0.01864,0.01928,-0.00143,-0.00601,-0.03331,-0.05021,0.02303,-0.05934,0.00441,-0.01584,0.05769,-0.0143,0.00696,0.02761,0.06624,0.02938,-0.00094,0.07736,-0.04164,0.00925,0.00624,-0.03604,-0.03902,-0.06768,0.0409,0.05661,0.06799,-0.05287,-0.06103,0.01866,-0.06699,-0.03619,0.02622,0.01482,0.02158,0.07432,-0.06613,-0.00838,-0.00177,0.02069,-0.04898,0.05221,0.05672,-0.00843,0.03121,0.03319,0.10066,-0.07738,-0.03332,0.01506,0.09261,-0.05647,0.0363,0.0187,-0.03415,0.04855,0.02163,-0.0248,-0.08109,-0.06126,0.01496,0.023,-0.05034,0.0314,0.02846,-0.06347,-0.03947,-0.02927,-0.01484,-0.02882,-0.0439,-0.09716,-0.03951,0.05395,-0.00062,-0.05386,-0.01546,0.02724,-0.00446,0.06379,0.01054,0.01306,0.0034,0.0247,0.01536,0.01849,-0.00908,-0.04959,0,-0.04143,-0.09459,-0.0357,0.00893,-0.00054,0.00568,0.04777,-0.01698,0.00184,0.00187,-0.02399,-0.03313,-0.01407,0.00748,0.0319,-0.11246,-0.06304,0.07406,-0.02982,0.00701,0.10548,0.03275,0.00726,-0.01947,0.02341,0.05899,-0.08766,0.04685,0.02181,0.04342,-0.06123,-0.02693,-0.0063,0.01969,-0.03823,0.06642,-0.04242,-0.02914,0.00696,-0.01671,-0.02038,-0.10972,-0.00999,-0.06748,-0.0106,-0.03707,-0.18133,0.05098,-0.00529,0.00371,0.07803,0.01571,-0.01278,-0.01221,0.05988,-0.01958,-0.09769,0.13295,0.00364,0.10792,0.01942,0.09527,-0.04024,-0.01576,0.04814,0.09847,0.03848,-0.04043,0.03919,-0.04017,-0.05658,0.1009,0.05089,0.00458,0.08415,-0.01963,0.0203,-0.02418,-0.02387,-0.02832,-0.08929,-0.03555,-0.01673,0.01203,0.08543,-0.06744,0.00647,-0.04577,-0.07548,-0.03304,0.06789,-0.01488,-0.02814,0.02055,0.02944,0,0.06111,0.05433,0.05201,0.05083,0.00414,-0.01919,0.01056,-0.03558,0.03321,0.01264,0.00897,0.08576,0.01579,-0.06632,0.06282,0.06922,-0.05783,-0.10069,-0.01256,-0.00819,-0.00953,-0.04443,-0.04152,-0.03843,-0.09176,-0.06957,0.01844,0.01744,0.05821,-0.03044,0.02581,0.04344,-0.10382,-0.0029,0.04391,0.01148,0.01314,0.10641,0.00533,0.03691,0.00104,0.03485,-0.0509,0.00902,-0.01026,0.06626,-0.06811,0.01979,0.0005,0.01003,-0.03288,-0.01557,-0.05472,-0.00895,-0.03836,0.11149,0.1273,0.01405,0.02321,0.02209,-0.00876,-0.0785,0.07442,0.00289,0.09665,-0.01238,0.0188,0.0651,0.00637,0.01528,0.10153,0.00749,0.02757,0.00698,0.03657,0.0626,0.03257,-0.02233,0.03888,0.08424,0.02232,0.10767,0.02708,0.05082,-0.06213,0.00222,-0.02988,0.02756,0.05255,-0.0441,-0.03681,-0.00704,0.13831,-0.04213,-0.03985,0,-0.11741,-0.07491,-0.0487,0.01008,0.04158,0.05113,-0.11165,0.05676,-0.05951,-0.07667,-0.03238,0.08258,0.01744,-0.03064,0.06556,-0.05248,-0.00483,-0.00074,0.01389,-0.08735,0.02138,-0.05611,0.01247,0.08551,-0.01777,-0.06714,-0.05001,-0.00514,0.04884,0.0559,0.02773,0.06928,0.05635,0.07967,-0.06917,0.02432,-0.08109,0.01991,-0.04704,0.01133,0.05496,-0.03387,-0.04233,-0.06171,-0.0819,0.06058,-0.00285,-0.02197,-0.01951,-0.03425,-0.04015,0.05538,-0.01565,0.11062,0.01881,-0.00391,-0.06453,-0.03828,0.07501,-0.00753,-0.11872,0.10004,0.00375,0.0383],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Methods FFlowComponent Use these methods when selection is driven by external UI (toolbars, side panels, shortcuts): - getSelection(): ICurrentSelection - selectAll(): void - select(nodesAndGroups: string[], connections: string[], isSelectedChanged: boolean = true): void - clearSelection(): void F Flow Component get Selection I Current Selection select All nodes And Groups is Selected Changed clear Selection","excerpt":"Methods FFlowComponent Use these methods when selection is driven by external UI (toolbars, side panels, shortcuts): - getSelection(): ICurrentSelection - selectAll(): void - select(nodesAndGroups: string[], connections: string[], isSelectedChanged: boolean = true): void - clearSelection(): void"},{"chunkId":"/docs/selection-system#7","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.03566,0.00821,-0.07947,0.01512,0.03292,-0.02194,0.10114,0.06405,0.04076,0.00664,-0.07243,-0.05323,-0.05479,-0.04813,0.01426,-0.01752,-0.06452,-0.0409,0.05343,0.03516,-0.01892,-0.04262,-0.01515,-0.08551,-0.07936,0.01993,0.03667,0.04441,-0.01945,-0.08107,0.00785,0.14121,0.06158,0.02826,-0.05392,0.00136,-0.00113,-0.05678,-0.04823,0.02003,0.00525,0.0062,0.03107,0.02453,-0.07076,0.03295,-0.03459,-0.01319,-0.00199,0.06331,0.01509,-0.03386,-0.00697,0.09027,0.0285,0.02662,0.07083,-0.0514,-0.0268,-0.00997,-0.00557,-0.0116,-0.0648,0.05724,0.04764,0.04529,-0.09612,-0.04369,-0.03302,-0.06971,-0.0235,0.02162,0.02736,0.01199,0.0898,-0.04163,-0.00751,0.03806,0.04319,-0.07325,-0.00597,0.0642,-0.01979,0.03416,0.02369,0.10376,-0.03574,-0.05912,0.00341,0.08979,-0.03374,0.03374,-0.01248,-0.04586,0.00913,0.00703,-0.02353,-0.09228,-0.03539,0.0159,0.01506,-0.06327,0.06926,0.01566,-0.04454,-0.08568,-0.04753,0.02432,-0.02454,-0.06336,-0.10429,-0.01094,0.03819,-0.01516,-0.05229,-0.01054,-0.01078,-0.04484,0.07092,0.01001,0.04701,-0.02367,-0.02644,0.01723,0.01268,-0.02444,-0.06275,0,-0.05837,-0.08333,-0.00529,0.0271,0.02916,-0.00658,0.03803,-0.05818,-0.01871,0.01401,-0.04731,-0.04938,-0.00292,0.02815,0.04377,-0.09403,-0.05548,0.09934,-0.05159,0.00574,0.08266,0.0213,-0.00554,-0.02816,0.07555,0.08824,-0.07499,0.06155,-0.00908,0.03314,-0.04671,-0.03318,0.00028,-0.00521,-0.02231,0.06614,-0.0249,-0.03766,-0.015,0.00002,-0.01278,-0.07948,0.02085,-0.02913,0.02419,-0.01314,-0.16159,0.00123,-0.00738,0.0376,0.07565,-0.00344,0.05303,-0.01,0.09167,-0.00875,-0.085,0.10589,-0.01964,0.10677,0.02527,0.06883,-0.05469,-0.02783,0.01917,0.09024,0.03741,-0.03458,0.04327,0.00561,-0.02209,0.09343,0.05225,-0.00298,0.02411,-0.01039,0.02144,-0.01418,-0.00289,-0.04433,-0.12147,-0.066,-0.06374,-0.04043,0.03358,-0.04754,0.03331,-0.04573,-0.0627,-0.06145,0.08617,0.00972,-0.04494,-0.0017,0.00189,0,0.00478,0.04546,0.03275,0.06487,-0.00268,0.00121,0.05774,-0.03027,0.00295,0.01451,-0.01599,0.09508,-0.01013,-0.07976,0.05404,0.05337,-0.07101,-0.0976,-0.02661,-0.00465,-0.02849,-0.04507,0.01451,-0.04753,-0.08254,-0.04409,0.0083,0.04284,0.02638,-0.0443,-0.00379,0.02623,-0.08946,0.0319,0.05917,-0.03307,0.03275,0.08025,0.04348,0.02218,0.01959,0.01862,-0.0348,0.0498,-0.03984,0.05204,-0.06242,0.01908,0.02277,-0.00874,-0.06556,-0.03564,-0.03991,-0.02553,-0.06062,0.13375,0.09162,0.02753,-0.00857,0.0662,-0.00313,-0.08053,0.06923,0.00619,0.06429,-0.03624,0.01811,0.07258,-0.00965,0.06361,0.10236,0.06904,0.01216,0.00343,0.01545,0.02892,0.04986,0.04363,0.02189,0.13226,0.00648,0.1125,0.00073,0.07219,-0.01429,-0.00362,-0.04531,0.03355,0.05171,-0.09619,-0.03068,0.03136,0.08399,-0.02686,-0.04269,0,-0.1219,-0.05522,-0.0327,-0.03028,0.03236,0.0539,-0.09706,0.03007,-0.0371,-0.03505,-0.0567,0.07907,-0.0032,-0.02118,0.08347,-0.0275,-0.00597,-0.00167,-0.01924,-0.06527,0.01279,-0.04023,-0.00557,0.11505,0.00788,-0.06099,-0.07102,0.00713,0.03804,0.02714,-0.00345,0.0755,0.03079,0.06622,-0.01451,0.05529,-0.08247,0.01578,-0.07297,0.02092,0.03483,-0.07973,-0.00239,-0.07551,-0.08046,0.05349,0.00885,-0.00324,-0.01931,-0.03175,-0.0276,0.05397,-0.01513,0.08928,0.00056,0.00467,-0.05809,-0.03638,0.0887,0.01147,-0.10141,0.11347,-0.00142,0.04616],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Styling - .f-selected is applied to selected nodes/groups/connections. - .f-selection-area is the selection rectangle host class.","excerpt":"Styling - .f-selected is applied to selected nodes/groups/connections. - .f-selection-area is the selection rectangle host class."},{"chunkId":"/docs/selection-system#8","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[-0.00845,0.00171,-0.05637,0.03883,0.02786,0.01546,0.10862,0.06506,0.03608,-0.00216,-0.08656,-0.07983,-0.06245,-0.06485,-0.01116,-0.00214,-0.06294,-0.01771,0.03172,0.02518,-0.01861,-0.05555,-0.03618,-0.062,-0.0625,0.01957,0.02679,0.00717,-0.03733,-0.07263,0.03458,0.11524,0.04221,-0.0099,-0.01928,-0.05247,0.00132,-0.05051,-0.04127,-0.00957,-0.04044,-0.0061,0.00553,0.02665,-0.04115,0.01289,-0.05152,-0.00649,-0.01312,0.06978,-0.04637,-0.00022,0.02457,0.06647,0.03065,0.01053,0.04429,-0.05991,-0.02703,0.02129,-0.04584,-0.00073,-0.05066,0.04303,0.08972,0.06105,-0.08944,-0.08982,-0.02335,-0.05495,-0.05752,0.00255,0.02371,0.04506,0.06701,-0.04933,0.00688,-0.00303,0.01827,-0.08277,-0.01791,0.05911,-0.03183,0.02205,0.07554,0.0651,-0.04871,-0.03141,0.03917,0.11273,-0.01009,-0.01673,0.03785,-0.01966,0.05514,0.0265,-0.01882,-0.0759,-0.03742,0.01174,-0.01363,-0.04432,0.05654,0.0543,-0.04659,-0.08828,-0.00495,-0.01342,-0.01961,-0.0995,-0.08036,-0.01797,0.07641,0.00862,-0.04035,0.0269,-0.03039,-0.02489,0.08927,-0.00701,0.04066,-0.04627,-0.00829,0.02581,-0.01157,-0.00243,-0.05434,0,-0.03807,-0.08253,-0.01281,0.01894,-0.01296,-0.03154,0.01192,-0.06061,-0.01368,0.04586,-0.01664,-0.0387,0.00332,0.03681,0.00608,-0.06599,-0.0705,0.10736,-0.03179,0.01825,0.09613,0.03035,-0.01145,-0.04996,0.07875,0.13023,-0.06962,0.0557,-0.00232,0.04712,-0.07053,-0.05835,-0.01947,0.01452,-0.01864,0.10358,-0.06542,-0.05175,-0.01595,0.02664,-0.02092,-0.08543,0.01861,-0.0181,-0.0023,-0.00123,-0.15664,0.01393,-0.03135,0.01121,0.07514,0.01868,0.00541,0.00474,0.073,-0.04018,-0.11515,0.07538,0.02165,0.10238,0.0195,0.07113,-0.06489,-0.0338,0.03952,0.08813,0.01534,-0.06098,0.04548,-0.00291,-0.02557,0.0495,0.07096,-0.03713,0.05272,-0.02287,0.06751,-0.02402,0.02618,-0.06398,-0.04856,-0.0548,-0.05794,-0.03311,0.09471,-0.01467,0.00734,-0.06661,-0.1031,-0.02311,0.08353,0.01459,-0.0342,-0.00196,0.01569,0,0.03718,0.02311,0.02244,0.06246,-0.03163,0.00429,0.04292,-0.06364,0.00013,-0.03784,0.00613,0.04976,-0.01015,-0.04436,0.08367,0.0765,-0.04656,-0.08007,-0.02564,0.02447,0.01266,-0.02471,-0.04171,-0.02151,-0.09574,-0.0381,-0.00373,0.04315,0.02189,-0.04713,0.02958,0.06079,-0.10874,0.0205,0.06887,-0.00943,0.01866,0.04977,0.01146,0.06253,0.01915,0.01645,0.00269,0.06768,-0.02277,0.05829,-0.08576,0.04651,0.04856,0.00214,-0.05013,-0.04392,-0.05997,-0.03436,-0.06856,0.09475,0.10853,-0.0138,-0.00884,0.07067,-0.00789,-0.05119,0.08623,-0.0119,0.09227,-0.04105,0.04682,0.07365,-0.01691,0.01278,0.09311,-0.01497,0.03505,-0.02816,0.01473,0.03909,0.0349,0.02434,0.03183,0.09564,0.01808,0.09979,0.04696,0.03921,-0.05288,0.03442,-0.03688,0.05265,0.05718,-0.07225,-0.03477,0.02715,0.1124,-0.02844,-0.0553,0,-0.11112,-0.04438,-0.02998,-0.00531,0.04406,0.05556,-0.13422,0.04728,-0.04973,-0.06725,-0.02331,0.0732,0.0164,-0.01975,0.07774,-0.05633,-0.02861,0.01316,-0.01518,-0.03588,0.0166,-0.01911,0.00911,0.0805,-0.00983,-0.04455,-0.04328,0.01566,0.06744,0.05057,0.00928,0.10681,0.03519,0.05686,-0.0217,0.02529,-0.03193,-0.01686,-0.05932,0.0018,0.05103,-0.04613,-0.05231,-0.05574,-0.11867,0.02167,-0.01162,-0.05281,-0.04161,-0.0153,-0.03946,0.03219,0.02095,0.12431,0.05895,-0.00691,-0.04368,-0.0015,0.07765,0.03635,-0.05579,0.05197,-0.0165,0.04617],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Notes / Pitfalls - select(...) requires valid existing ids; unknown ids are ignored. - Multi-select behavior depends on fMultiSelectTrigger. - If .f-selected styling is too subtle, users won’t understand current selection state. f Multi Select Trigger","excerpt":"Notes / Pitfalls - select(...) requires valid existing ids; unknown ids are ignored. - Multi-select behavior depends on fMultiSelectTrigger. - If .f-selected styling is too subtle, users won’t understand current selection state."},{"chunkId":"/docs/selection-system#9","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[0.00458,-0.01848,-0.06206,-0.01463,-0.00209,-0.00341,0.09517,0.08526,0.01519,-0.00229,-0.07459,-0.07722,-0.04527,-0.04965,-0.0095,-0.0104,-0.07298,-0.01572,0.04404,0.01815,0.00768,-0.05336,-0.04107,-0.05078,-0.05494,0.04479,0.04342,0.01388,-0.0167,-0.06543,0.03473,0.11131,0.0704,0.01003,-0.02358,-0.0101,-0.03599,-0.06853,-0.07193,-0.01422,-0.04441,0.00799,0.00652,0.02171,-0.05123,0.00832,-0.04145,-0.01718,-0.00337,0.07297,-0.06339,-0.02384,0.01481,0.06204,0.01179,0.02046,0.05937,-0.0584,0.01323,-0.01853,-0.02868,0.00567,-0.07385,0.0565,0.08149,0.04524,-0.09963,-0.03896,-0.01318,-0.08507,-0.09157,0.01996,0.03542,0.03655,0.05027,-0.06895,-0.00852,-0.00495,0.01555,-0.07517,-0.01803,0.04776,-0.02682,0.04767,0.0335,0.07851,-0.02653,0.00058,0.04324,0.07105,0.00573,0.00452,0.02473,-0.03467,0.05051,0.00419,-0.02713,-0.10089,-0.03447,0.00565,0.01889,-0.05036,0.05491,0.01899,-0.03449,-0.0782,-0.00932,-0.01611,-0.00365,-0.06468,-0.11215,-0.03541,0.06142,-0.01249,-0.0264,0.01592,-0.03237,-0.02005,0.0742,-0.00476,0.04218,-0.04772,-0.00085,0.00304,0.01384,-0.02735,-0.05118,0,-0.05799,-0.08858,-0.01529,0.0382,0.00267,-0.02082,0.05031,-0.04308,-0.01061,0.02032,-0.04022,-0.03362,-0.01129,0.05843,0.02225,-0.09444,-0.08644,0.0921,-0.028,0.02592,0.11469,0.02801,-0.00626,-0.02687,0.06559,0.09595,-0.05711,0.05797,0.0163,0.03678,-0.06564,-0.04363,-0.02291,0.00972,-0.00243,0.07137,-0.04093,-0.04207,0.0193,0.00379,-0.02614,-0.10431,0.02051,-0.02027,0.01011,-0.0311,-0.17698,0.02504,-0.00871,0.01106,0.08426,0.01048,0.01716,0.00233,0.06828,-0.02763,-0.09877,0.08349,0.00793,0.11005,0.03905,0.10144,-0.02754,-0.03948,0.02504,0.0966,0.02123,-0.0491,0.05657,0.00808,-0.04456,0.06788,0.06968,-0.02066,0.05485,-0.00901,0.04654,-0.01471,-0.01087,-0.0705,-0.12548,-0.0449,-0.01689,-0.02296,0.07908,-0.05538,0.01819,-0.06281,-0.09705,-0.0332,0.08215,-0.01178,-0.07218,0.01261,0.02268,0,0.03925,0.04085,0.03154,0.06659,0.00408,0.00131,0.04206,-0.03477,0.02753,-0.01096,-0.04174,0.08232,-0.00161,-0.04845,0.08233,0.04917,-0.04283,-0.08087,-0.02489,-0.00498,-0.00835,-0.01242,-0.04796,-0.05304,-0.09683,-0.04045,0.01697,0.04416,0.03878,-0.0369,-0.00046,0.04019,-0.09437,0.0444,0.03981,-0.00293,0.02477,0.05851,0.00219,0.02507,0.03699,-0.00894,-0.02709,0.0313,-0.01708,0.04951,-0.08402,0.03558,0.03401,-0.00404,-0.03298,-0.02598,-0.04305,-0.03713,-0.0584,0.11466,0.11356,-0.01557,0.00752,0.05352,-0.02724,-0.07208,0.09106,-0.00792,0.07844,-0.01487,0.03268,0.05783,-0.02125,0.02135,0.08788,0.03851,0.03519,-0.01633,0.03798,0.05902,0.00635,0.00076,0.02122,0.07336,0.00487,0.10395,0.04305,0.09168,-0.03187,0.0397,-0.04995,-0.00343,0.065,-0.0565,-0.02718,0.02897,0.12135,-0.01834,-0.04951,0,-0.09663,-0.05146,-0.00976,0.01226,0.03386,0.06122,-0.09972,0.05805,-0.04329,-0.06364,-0.01019,0.06395,0.01056,-0.02076,0.07911,-0.02782,-0.02908,0.00863,-0.00003,-0.06279,0.05575,-0.0373,0.02716,0.11452,-0.0013,-0.05035,-0.05014,0.02916,0.0419,0.01826,0.0596,0.09305,0.04515,0.07085,0.0052,0.03967,-0.07325,0.01221,-0.06823,0.00629,0.03619,-0.05808,-0.04608,-0.0705,-0.06882,0.05076,-0.02645,-0.05001,-0.02454,-0.04105,-0.04681,0.07966,-0.01052,0.11749,0.04431,-0.00728,-0.05288,-0.05076,0.07071,0.04569,-0.09062,0.09511,0.0056,0.0508],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Example","excerpt":"Example"},{"chunkId":"/docs/selection-system#10","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[-0.03369,-0.00688,-0.04556,0.08362,0.12265,0.06526,0.04662,0.02846,0.02824,0.06086,-0.06983,-0.05737,-0.08522,-0.06623,0.01372,0.01954,-0.04127,-0.00561,0.01391,-0.02283,-0.02191,-0.02291,0.03003,-0.05057,-0.05952,0.03426,0.03315,-0.00543,0.00216,-0.04072,0.04854,0.07573,0.03021,0.00315,-0.08019,0.04936,0.01632,-0.03065,-0.04679,-0.02247,0.09794,0.03818,-0.04148,-0.08003,-0.03076,-0.01724,-0.08439,0.01798,-0.05579,0.05469,-0.03762,-0.06272,0.02383,0.03845,0.00737,-0.00335,0.03432,-0.08182,0.03712,-0.02751,-0.04066,-0.05166,-0.03322,0.01266,0.09556,0.05569,-0.10163,-0.03845,-0.06008,-0.03824,0.00422,-0.02442,0.00817,0.00814,0.07304,-0.09048,-0.0512,0.02661,-0.00584,-0.04179,-0.00283,0.03737,-0.03445,-0.00092,0.01148,0.10423,-0.03613,-0.01563,0.00986,0.02886,-0.03517,0.01309,0.00035,0.01106,0.05846,0.04849,-0.07822,-0.01098,-0.05797,0.01024,0.0202,-0.06684,0.00178,0.06747,-0.00841,-0.06558,-0.0414,0.01213,-0.02228,-0.00011,-0.05852,0.00922,0.0167,0.02121,-0.04286,-0.01457,0.01368,-0.02166,0.02843,0.04616,0.10297,-0.0259,-0.05214,-0.01265,0.03413,-0.00942,0.02263,0,-0.00872,-0.08785,-0.04598,0.01305,0.03287,0.00123,0.00262,-0.07462,-0.00056,0.05273,-0.07559,-0.00528,0.01217,-0.01436,0.01376,-0.11317,-0.06809,0.09083,0.00517,0.0062,0.02546,0.02676,-0.0681,0.01398,0.09098,0.06068,-0.08522,0.06501,-0.03389,0.0024,0.01212,0.03882,0.02938,-0.01936,-0.03435,0.04476,-0.05112,-0.03496,-0.06238,-0.02907,0.05571,-0.0801,-0.00624,0.04386,-0.04673,-0.02714,-0.13051,0.01371,0.02255,-0.0169,0.03375,0.05043,-0.00696,-0.02616,0.08848,0.02448,-0.08809,0.09307,0.03407,0.10466,0.01474,0.05849,0.00364,-0.02311,0.03787,0.08756,-0.00387,-0.06768,0.10061,-0.03843,-0.01045,0.10228,0.06423,0.03487,0.03774,-0.01342,-0.00134,0.01458,0.04798,-0.02418,-0.07594,-0.09476,-0.04281,0.03653,0.09435,-0.07817,-0.01003,-0.02985,-0.06141,-0.10389,0.12401,0.06786,-0.03149,-0.05154,0.00802,0,0.05616,0.05108,0.04106,0.10817,-0.05972,-0.02381,0.02564,0.00443,-0.01925,0.03844,0.01909,0.03737,-0.01173,-0.05714,0.06595,0.07923,-0.0706,-0.11283,0.08315,-0.01005,0.04182,0.03694,-0.00839,-0.02638,-0.10076,-0.04623,0.07253,0.04538,0.04182,-0.07868,-0.00037,0.05031,-0.1255,0.07345,0.04874,-0.03387,0.03926,0.10163,0.01078,0.02475,0.06462,0.0505,-0.05519,0.03521,-0.0231,-0.01438,-0.00429,0.08187,0.03074,-0.05035,-0.06946,-0.02716,-0.03787,0.02393,-0.02846,0.06234,0.10532,-0.02877,0.01063,0.00926,0.01239,-0.05431,0.03869,0.00217,0.09407,0.00055,-0.00623,0.01792,0.05285,0.0055,0.02845,-0.00596,0.08631,-0.04908,0.04086,0.06679,0.02414,0.00165,0.06686,0.03758,-0.03886,0.11274,0.00131,0.00308,-0.0244,0.03718,-0.082,0.03733,0.07315,-0.04767,-0.0651,-0.02262,0.06464,-0.04968,-0.01481,0,-0.14378,-0.00215,-0.03769,-0.0502,0.03568,-0.00502,-0.06421,-0.00953,-0.03334,-0.01735,-0.07878,0.03467,0.03841,-0.02592,0.09993,-0.02996,-0.00619,0.02654,-0.00255,0.02213,0.02023,-0.02396,0.03546,0.10874,-0.00928,-0.07363,-0.09299,0.03022,0.00988,0.03532,-0.01476,0.03416,0.06551,0.05678,0.00034,-0.03989,-0.11915,-0.05991,0.0062,0.0289,0.03391,-0.10864,-0.01908,-0.04609,-0.11123,0.02958,0.01069,-0.02101,0.0038,-0.01758,-0.0211,-0.00964,-0.01591,0.01961,0.09452,-0.01913,0.00923,-0.02436,0.06049,0.00003,-0.04926,0.05491,-0.05167,-0.00257],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Selection Events Listen to selection changes and show selected item ids in a side panel. ::: ng-component <node-selection</node-selection [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.scss :::","excerpt":"Selection Events Listen to selection changes and show selected item ids in a side panel. ::: ng-component <node-selection</node-selection [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.scss :::"},{"chunkId":"/docs/selection-system#11","slug":"selection-system","route":"/docs/selection-system","section":"docs","title":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection","description":"Learn how click selection, box selection, multi-select, and programmatic selection work together.","group":"Concepts","vector":[-0.02105,-0.03117,-0.06831,0.07028,0.06741,0.09393,0.07217,0.03461,0.02203,0.03715,-0.05044,-0.03836,-0.04779,-0.03956,0.01141,-0.02147,-0.08972,0.00628,0.01088,0.00454,0.0096,-0.04731,0.04752,-0.02808,-0.03972,-0.00963,0.03021,-0.00227,-0.00378,-0.04121,0.03722,0.07564,0.00479,0.01565,-0.06083,0.03255,-0.00154,0.03496,0.00027,0.00427,0.04653,0.00038,-0.00237,-0.05164,-0.03999,0.01279,-0.04937,0.06453,-0.03583,0.0399,-0.01598,-0.07236,0.01746,0.09735,-0.00732,-0.07153,0.07015,-0.07466,0.0476,-0.03683,-0.03683,-0.04178,-0.03343,0.01006,0.07624,0.04079,-0.12322,-0.07656,-0.07244,-0.00424,0.00041,-0.03829,0.04049,0.02245,0.05985,-0.08735,-0.05585,0.0837,0.00972,-0.00365,0.03768,0.03905,-0.0189,0.01402,-0.01332,0.09006,-0.02481,-0.02396,0.0304,-0.00808,-0.01494,0.02921,0.01038,-0.01458,0.03245,0.00972,-0.09279,-0.02876,-0.0889,-0.00645,0.01727,-0.07357,0.0113,0.04169,0.00291,-0.05576,-0.04028,-0.00247,-0.06703,-0.03144,-0.06618,0.00041,0.03512,0.00018,-0.0569,0.00742,-0.02197,-0.03781,0.02681,-0.00572,0.08783,-0.01263,-0.08881,-0.0044,0.0495,-0.01288,0.00731,0,0.02329,-0.04279,-0.06104,0.01604,0.02287,-0.01194,-0.01656,-0.04384,-0.02049,0.04865,-0.03015,-0.04302,0.00903,0.00793,0.01216,-0.13151,-0.06283,0.07391,-0.00938,0.04049,0.00251,-0.00452,-0.07864,0.01456,0.07287,0.07555,-0.11634,0.03493,-0.03345,0.01285,-0.00448,0.05249,-0.02219,-0.08392,-0.01975,0.02087,-0.0753,-0.01914,-0.03335,0.02009,0.09254,-0.07003,-0.01919,0.03376,0.01117,-0.01952,-0.11197,0.02014,-0.00007,0.00147,0.09265,0.04807,0.00303,-0.04593,0.10163,-0.01059,-0.09715,0.08029,0.03921,0.09276,-0.00778,0.03338,-0.01101,-0.0206,0.05967,0.02862,0.0086,0.00274,0.06831,-0.0061,-0.0333,0.07474,0.05935,0.0131,0.01203,-0.02146,0.03264,0.00052,0.07274,-0.06584,-0.06507,-0.09057,-0.03918,-0.01092,0.10644,-0.08196,-0.00054,-0.02261,-0.09923,-0.15428,0.08507,0.04032,-0.01978,-0.00726,0.02222,0,0.08414,0.03047,0.0554,0.13099,-0.06899,0.00234,0.08896,-0.00558,-0.0033,0.04072,-0.01595,0.03674,0.01587,-0.04042,0.04539,0.0631,-0.05348,-0.05265,0.03006,-0.02208,0.05674,-0.03775,-0.00071,0.02649,-0.09971,0.00662,0.04932,0.04416,-0.01755,-0.0221,-0.0348,0.00848,-0.07598,0.04484,0.00494,-0.0682,0.01402,0.13597,0.02528,0.04137,0.06264,0.06671,0.01242,0.03856,-0.03093,-0.0164,-0.01676,0.07222,-0.01658,-0.00809,-0.10191,-0.01236,-0.06298,-0.00397,-0.04123,0.07008,0.07188,-0.0625,0.01717,0.0448,0.01563,-0.0112,0.04323,0.01754,0.142,0.00341,-0.01584,-0.02043,0.01325,0.02969,0.06114,0.01379,0.08548,-0.04169,0.00732,0.07945,0.07311,0.01712,0.02431,0.06786,-0.01794,0.02764,0.01368,0.02658,-0.0372,0.08132,-0.09907,0.02869,0.08271,-0.06584,-0.0908,-0.02006,0.10014,-0.0927,0.02495,0,-0.1157,-0.00387,-0.03956,-0.02451,0.0419,0.02691,-0.08069,-0.00474,-0.02708,-0.06459,-0.08416,0.07251,0.03883,0.00066,0.08568,-0.00306,-0.00446,0.03965,-0.01705,-0.00455,0.06568,-0.03969,0.06922,0.09125,-0.01897,-0.0636,-0.10691,0.06542,0.04752,0.00007,0.00581,0.01325,0.04618,0.0452,-0.007,-0.04473,-0.09392,-0.04572,0.00007,0.02754,0.06009,-0.10827,-0.00191,-0.07857,-0.12172,0.05102,0.01879,-0.01676,-0.02121,0.02087,-0.01626,0.0277,0.00421,0.07861,0.04384,-0.01958,-0.02669,-0.01439,0.03185,-0.00292,-0.05975,0.04787,-0.03896,0.01076],"keywords":"Foblex Flow Selection System - Pointer, Box and Programmatic Selection Foblex Flow Selection System - Pointer, Box and Programmatic Selection Learn how click selection, box selection, multi-select, and programmatic selection work together. Box Selection Select multiple items by dragging a rectangle around them. By default, the trigger is Shift + pointer down, but you can customize it with the fTrigger input. ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss ::: f Trigger","excerpt":"Box Selection Select multiple items by dragging a rectangle around them. By default, the trigger is Shift + pointer down, but you can customize it with the fTrigger input. ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss :::"},{"chunkId":"/docs/f-flow-component#0","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[0.0037,0.00656,-0.08257,0.0213,0.0688,0.03189,-0.02146,0.05276,0.04797,0.00493,-0.05401,0.01196,-0.11222,0.03556,0.06307,-0.02672,-0.04728,0.05192,-0.00098,0.00319,-0.0386,-0.04575,0.02577,-0.0624,-0.03216,0.06161,-0.06123,0.0061,0.10418,-0.06878,0.05332,0.12345,-0.00495,0.07197,-0.06562,0.08648,0.05225,-0.03291,-0.05753,-0.00519,0.08202,0.04149,0.04067,-0.06138,-0.02806,-0.04188,-0.07208,-0.07516,-0.06339,0.06983,-0.0241,-0.07142,-0.02928,0.10412,0.00435,0.01137,0.04766,-0.04957,0.03793,0.04624,0.02389,-0.02539,-0.01744,0.04425,0.03281,0.03135,-0.03376,0.00996,-0.00877,-0.0416,0.01774,-0.02228,0.02687,-0.02924,0.04268,-0.07219,-0.03901,0.04559,-0.01942,-0.00937,0.09103,0.06143,0.03684,0.00652,-0.05484,0.09953,-0.01064,-0.03519,-0.03478,-0.01185,-0.08394,0.01346,0.04369,0.02537,0.03129,0.01872,-0.07365,-0.01619,-0.10331,0.00148,-0.03419,-0.06153,0.02993,0.03245,-0.00712,-0.02169,-0.07269,0.0494,-0.0336,-0.0194,-0.05159,-0.01066,-0.0091,-0.07823,-0.0336,-0.07951,-0.03139,-0.06268,0.05654,0.1049,-0.01134,0.03523,0.0393,-0.0161,0.05554,-0.06295,-0.09413,0,0.0025,0.02066,-0.00378,0.01687,0.08929,-0.00763,0.04352,-0.07799,-0.03225,0.02686,0.00293,0.01842,-0.10869,-0.00939,-0.02432,-0.11862,-0.042,0.00646,-0.0368,-0.04076,0.07881,0.00257,-0.06545,0,0.03704,0.03934,-0.03335,-0.01781,0.00022,0.04915,0.00872,0.00292,0.02555,-0.00414,0.01599,-0.04864,-0.05592,-0.05913,-0.04691,-0.04907,-0.01887,-0.04111,-0.04223,0.00072,0.00072,-0.01589,-0.08023,0.03486,0.09453,0.02232,0.01871,0.03811,0.03884,0.00001,0.05623,-0.04839,-0.05713,0.09318,0.02177,0.03485,-0.01689,0.00713,-0.09681,-0.01979,0.0232,0.05279,-0.02098,-0.03558,0.03928,-0.02823,-0.12509,0.07404,-0.0086,0.07131,0.0386,-0.00495,0.02246,0.03292,-0.03759,0.00149,-0.13965,-0.07,-0.01199,0.06982,0.03892,-0.10025,0.00802,-0.01605,0.00387,-0.05647,0.05084,-0.01478,0.02116,0.00851,0.01733,0,-0.00688,0.00354,-0.03802,0.10186,0.03869,-0.03093,0.02332,-0.02654,0.06074,0.04239,0.01384,0.09268,0.03046,-0.02796,-0.02613,0.02067,-0.04502,-0.1445,0.05981,-0.03928,-0.01918,-0.00035,0.02511,-0.02772,-0.04947,0.05455,0.056,-0.02058,-0.00075,-0.00391,0.00694,-0.0217,-0.04099,-0.04117,-0.04845,-0.06148,0.00057,0.02426,-0.03806,-0.06448,-0.0073,0.03633,-0.0062,0.01115,-0.0996,0.02669,0.05751,-0.03252,0.0311,-0.00595,-0.08522,0.00915,-0.02116,-0.00366,0.0026,0.03718,0.10077,0.05305,0.0051,-0.00368,0.06119,0.00977,0.00625,-0.02772,0.05483,0.00852,-0.07233,0.02221,0.03124,0.08532,0.06229,0.05648,0.02467,0.07253,0.05309,0.01519,0.13006,-0.04897,0.07982,0.0156,-0.03925,0.10502,-0.07127,0.02322,0.10128,-0.08915,-0.02922,-0.02707,0.05211,0.00779,-0.02697,0.06133,0.00402,-0.00847,0.03267,0,-0.11177,0.03092,-0.07935,-0.04386,0.08834,-0.0125,0.02478,0.01681,-0.04004,0.00391,0.01763,0.09609,-0.02496,-0.06476,0.09476,0.00061,0.00151,0.03754,-0.03718,-0.02583,-0.02883,0.01253,0.02361,0.04633,-0.06162,-0.00341,0.04461,-0.01487,0.05671,0.06322,-0.04001,0.07066,0.02679,0.02053,-0.10068,0.0593,-0.09149,-0.01597,-0.09565,0.00844,0.06767,-0.05559,0.04215,-0.04331,-0.07281,0.10633,-0.00641,0.00156,-0.03372,0.03377,-0.0293,0.01422,-0.07896,0.09937,0.02488,0.0694,-0.02343,-0.03321,0.04018,-0.0758,-0.08733,0.07226,0.1324,0.03784],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Flow Selector: f-flow Class: FFlowComponent f-flow is the required root container for every diagram in Foblex Flow. All primitives (f-canvas, nodes, connectors, connections, and extensions) must be placed under a single f-flow. F Flow Component","excerpt":"Flow Selector: f-flow Class: FFlowComponent f-flow is the required root container for every diagram in Foblex Flow. All primitives (f-canvas, nodes, connectors, connections, and extensions) must be placed under a single f-flow."},{"chunkId":"/docs/f-flow-component#1","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[0.00475,-0.01779,-0.06895,0.02196,0.07514,0.02468,-0.05044,0.07617,0.04255,0.00813,-0.05823,0.01788,-0.10285,0.02274,0.0601,-0.03314,-0.00926,0.04708,-0.00008,-0.03665,-0.04367,-0.05573,0.01059,-0.04405,-0.03046,0.08028,-0.05658,0.00107,0.09872,-0.07831,0.05222,0.13082,-0.00612,0.05993,-0.09316,0.11118,0.05248,-0.03892,-0.09286,-0.01747,0.07875,0.03167,0.01865,-0.07735,-0.03036,-0.05423,-0.06498,-0.07453,-0.07195,0.06999,-0.03536,-0.06675,-0.04534,0.08845,0.01132,0.00649,0.06013,-0.07362,0.01784,0.03639,-0.00224,-0.02158,-0.03754,0.05126,0.0466,0.00464,-0.02241,-0.0328,0.01674,-0.06747,0.00164,-0.03256,0.0054,-0.02571,0.00984,-0.08414,-0.03187,0.0552,-0.01947,-0.01954,0.11724,0.09833,0.01587,0.02221,-0.06449,0.11558,-0.01202,-0.02051,-0.02527,-0.00644,-0.09232,0.0257,0.02438,0.00376,0.02773,0.02655,-0.03244,-0.0155,-0.08314,0.01891,-0.02514,-0.07345,0.0438,0.02657,-0.00916,-0.05042,-0.04952,0.04987,-0.04035,-0.01721,-0.03302,-0.00721,0.00864,-0.08631,-0.02316,-0.07526,-0.02282,-0.04677,0.05728,0.10054,-0.01819,0.03727,0.05642,0.00329,0.08232,-0.03936,-0.0939,0,-0.00574,0.01996,0.00638,0.03892,0.08677,-0.00032,0.05354,-0.07792,-0.01051,0.03474,0.01885,0.05404,-0.09826,0.02907,-0.0222,-0.14506,-0.02718,0.01762,-0.05516,-0.0387,0.08596,0.00071,-0.03447,0.03273,0.04589,0.03307,-0.03618,0.00311,-0.00957,0.03719,0.03273,0.00256,-0.02308,-0.02707,-0.00177,-0.04039,-0.05094,-0.09379,-0.03813,-0.03606,-0.04195,-0.03309,-0.06119,-0.01768,-0.01354,-0.01284,-0.07143,0.02924,0.09904,0.01269,0.03408,0.04727,0.0615,-0.00024,0.06119,-0.01951,-0.04033,0.05616,0.02086,0.05041,-0.02036,0.00849,-0.10276,-0.00296,0.02743,0.03612,0.01596,-0.01496,0.06113,-0.02107,-0.10457,0.07608,0.01723,0.06177,0.06011,0.00356,0.00732,0.0168,-0.04316,0.00156,-0.12446,-0.0511,-0.01667,0.08074,0.05511,-0.09241,0.0033,-0.02411,-0.00553,-0.05007,0.03908,-0.00931,0.0198,0.03072,0.03108,0,0.0047,-0.01121,-0.0231,0.07611,0.0318,-0.03786,-0.00872,-0.03905,0.06732,0.04533,0.00481,0.08268,0.01925,-0.03571,-0.03074,0.00652,-0.03508,-0.13584,0.07119,-0.04238,-0.01606,0.00234,0.01518,-0.03433,-0.04652,0.04173,0.03607,-0.02632,-0.01195,-0.02483,0.03932,-0.01016,-0.02497,-0.05876,-0.06011,-0.04398,0.01119,0.03583,-0.03145,-0.06454,-0.00056,0.03863,0.01357,-0.02104,-0.11401,0.01323,-0.01095,-0.03756,0.0149,-0.00477,-0.10423,0.01736,-0.02914,-0.01305,-0.01046,0.02642,0.10262,0.05851,0.01049,0.00306,0.0676,-0.01854,0.00807,-0.02707,0.01024,0.01841,-0.07474,0.01565,0.0428,0.10735,0.04644,0.02416,0.01981,0.06811,0.05337,0.00031,0.12533,-0.05084,0.06961,0.00523,-0.01932,0.08773,-0.06667,0.03303,0.07252,-0.06709,-0.03629,-0.03773,0.05091,0.00529,-0.02106,0.05751,0.00233,0.01489,0.02686,0,-0.10745,0.02711,-0.06986,-0.03037,0.07359,-0.00449,0.01413,0.0269,-0.03372,0.00093,0.01759,0.06751,-0.02125,-0.07287,0.10476,0.01154,0.0225,0.03648,-0.02875,-0.03362,-0.04596,0.03879,0.01045,0.04144,-0.06007,0.01385,0.07253,0.00927,0.06546,0.0697,-0.04309,0.07457,0.0277,0.02491,-0.09028,0.03932,-0.08033,-0.01337,-0.06512,-0.00981,0.08324,-0.01537,0.0458,-0.05613,-0.0873,0.10137,-0.03027,-0.00233,-0.00999,0.02679,-0.02085,0.02449,-0.09575,0.09251,0.03567,0.05617,-0.03786,-0.05061,0.06864,-0.05904,-0.07963,0.06574,0.12531,0.01889],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Role in the hierarchy f-flow bootstraps the internal runtime and acts as the main integration point for: - registration of nodes/connectors/connections, - selection and utility APIs, - extension components/directives like fDraggable, fZoom, minimap, magnetic helpers, etc. If you render a diagram with Foblex Flow, you always start with f-flow. AP Is f Draggable f Zoom","excerpt":"Role in the hierarchy f-flow bootstraps the internal runtime and acts as the main integration point for: - registration of nodes/connectors/connections, - selection and utility APIs, - extension components/directives like fDraggable, fZoom, minimap, magnetic helpers, etc. If you render a diagram with Foblex Flow, you always start with f-flow."},{"chunkId":"/docs/f-flow-component#2","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.01731,-0.00564,-0.07288,0.04316,0.03884,0.03311,-0.03838,0.06294,0.00617,0.04765,-0.09085,0.01162,-0.09819,0.00765,0.06729,-0.01237,0.03974,-0.01467,0.00579,-0.00691,-0.04047,-0.06961,0.00927,-0.03824,-0.03322,0.11076,-0.04419,-0.03478,0.08944,-0.04874,0.04045,0.11136,-0.00303,0.06218,-0.12424,0.0807,0.04381,-0.06562,-0.10565,-0.04202,0.09038,0.0065,-0.00384,-0.05692,-0.03369,-0.04056,-0.0294,-0.0705,-0.06322,0.05009,0.00324,-0.0346,-0.02638,0.09599,0.03104,0.02138,0.04993,-0.01714,-0.02222,0.03255,-0.00724,-0.05265,-0.01733,0.0451,0.0558,0.05023,-0.01906,-0.04034,0.0603,-0.08344,-0.0072,-0.02253,0.03619,-0.08403,0.00902,-0.12541,-0.02769,0.03424,-0.02067,-0.00388,0.09092,0.04417,0.01631,0.03508,-0.07838,0.05384,-0.03494,-0.02201,0.01175,-0.00237,-0.08956,0.07172,0.00339,-0.02473,0.01729,0.02889,-0.02373,-0.0045,-0.11385,0.01889,0.01023,-0.04555,0.04441,0.05031,-0.01902,-0.06671,-0.03527,0.01657,-0.0948,0.01104,-0.02883,0.04938,0.01668,-0.07362,-0.01704,-0.05873,-0.03442,-0.02478,0.0202,0.12184,-0.00933,0.00779,0.0817,-0.00475,0.08486,0.00172,-0.049,0,-0.00964,0.00566,-0.01059,0.00705,0.09806,0.01865,0.05794,-0.09502,0.00533,-0.02313,0.05338,0.08391,-0.07664,0.03166,0.036,-0.12382,-0.02472,0.027,0.04194,-0.02482,0.10887,0.00222,-0.05022,0.01351,0.07223,0.02846,-0.02915,0.03881,-0.03793,0.02399,0.01178,0.00109,-0.01988,-0.04672,-0.00968,-0.00616,-0.06355,-0.05694,-0.01949,-0.07365,-0.02103,-0.01887,-0.08827,-0.03359,-0.02897,-0.04383,-0.05264,-0.00396,0.05855,0.03544,0.04097,0.0081,0.01356,-0.01192,0.03024,-0.03072,-0.02166,0.04084,0.02159,0.04182,0.00542,-0.01154,-0.06247,-0.01584,0.04143,0.05051,0.00461,-0.01222,0.04902,-0.03995,-0.1001,0.084,0.0094,0.04902,0.08371,0.00723,0.02575,-0.00746,-0.05471,-0.02496,-0.02155,-0.05089,-0.02649,0.12798,0.08818,-0.09733,-0.02947,-0.03678,-0.04279,-0.02932,0.07512,-0.01794,0.06493,0.02942,-0.01319,0,0.03124,-0.04105,-0.05744,0.09146,0.02652,-0.04129,0.01023,0.00661,0.06969,-0.00396,0.02707,0.0495,0.02483,-0.02102,-0.05606,0.03704,-0.06852,-0.15539,0.04199,-0.04324,-0.04581,0.0001,-0.01027,-0.01137,-0.07886,0.04295,0.00791,-0.04442,-0.00214,-0.04144,0.02559,-0.02448,-0.01822,-0.08646,-0.04384,-0.02839,-0.0053,0.0793,-0.02812,-0.04188,0.01961,0.04383,-0.04214,-0.00711,-0.07558,0.04811,-0.07537,-0.01395,-0.01614,0.00258,-0.07998,0.05222,-0.05045,-0.01515,-0.01518,0.02107,0.07095,0.06411,-0.01316,0.01007,0.04685,-0.02817,-0.01177,-0.02087,0.02813,0.04471,-0.05377,0.03974,0.08092,0.10523,0.07922,0.0052,0.00154,0.02893,0.09572,0.01863,0.11795,-0.0757,0.06745,0.02943,-0.0431,0.11971,-0.03092,0.01868,0.05733,-0.0224,-0.06095,-0.06379,0.05816,0.03583,-0.0336,0.04314,-0.03642,0.01549,0.01663,0,-0.1171,-0.01846,-0.05302,0.00488,0.07102,0.00016,0.0124,-0.0204,0.01578,-0.01062,-0.00078,0.04014,-0.05226,-0.06836,0.09515,0.05093,0.08648,0.01743,-0.04475,-0.00674,-0.03295,0.01919,-0.03489,0.06981,0.01382,-0.01053,0.08963,0.00921,0.06378,0.0863,-0.02543,0.05069,0.06842,0.05184,-0.11158,0.02262,-0.05139,-0.00157,-0.03772,-0.00768,0.04955,0.008,0.01116,-0.06415,-0.09636,0.05979,-0.0112,-0.03582,0.02629,0.00587,-0.03134,0.04431,-0.06979,0.10121,0.05136,0.07864,-0.02911,-0.01526,0.10029,-0.03927,-0.04797,0.01433,0.0523,0.03586],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. What it’s for Use f-flow when you need: - a predictable place to listen for “ready” (fNodesRendered / fFullRendered), - imperative APIs for selection, bounding boxes, and exporting the current flow state, - a host for extensions like fDraggable, minimap, magnetic helpers, etc. Foblex Flow is “interaction + rendering infrastructure”. Your application still owns the data model (nodes list, positions, connections, persistence). This describes the default stateless mode. The optional Managed Flow State plugin adds an explicit typed graph store, automatic updates for supported gestures, snapshots and undo/redo without changing the core behavior for applications that do not install it. f Nodes Rendered f Full Rendered AP Is f Draggable","excerpt":"What it’s for Use f-flow when you need: - a predictable place to listen for “ready” (fNodesRendered / fFullRendered), - imperative APIs for selection, bounding boxes, and exporting the current flow state, - a host for extensions like fDraggable, minimap, magnetic helpers, etc. Foblex Flow is “interaction + rendering infrastructure”. Your application still owns the data model (nodes list, positions, connections, persistence). This describes the default stateless mode. The optional Managed Flow State plugin adds an explicit typed graph store, automatic updates for supported gestures, snapshots and undo/redo without changing the core behavior for applications that do not install it."},{"chunkId":"/docs/f-flow-component#3","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.0327,0.00745,-0.06898,0.05617,0.06802,0.00469,-0.00357,0.01901,0.04876,0.00511,-0.04955,0.029,-0.14858,-0.01592,0.01188,-0.01713,-0.00847,0.04288,-0.02769,-0.04998,-0.03054,-0.04598,-0.01244,-0.02037,-0.01807,0.09008,-0.06494,-0.04454,0.13718,-0.07552,0.04846,0.12905,-0.03815,0.04345,-0.12128,0.08375,0.02066,-0.03505,-0.06436,-0.02696,0.09942,0.01203,-0.02377,-0.07996,-0.03804,-0.04708,-0.06713,-0.0424,-0.06901,0.03677,-0.00849,-0.0157,-0.01494,0.08959,-0.00503,-0.0106,0.07512,-0.03228,-0.00692,0.03052,0.00245,-0.07092,-0.04866,0.03715,0.0712,0.04321,0.00983,-0.03841,0.01628,-0.08696,0.00997,-0.0042,0.01853,-0.04252,0.02247,-0.08409,-0.06303,0.02218,-0.01592,0.03434,0.13891,0.0564,0.0131,-0.02312,-0.03163,0.08409,-0.03229,-0.00817,-0.00689,-0.01067,-0.12265,0.05662,0.06483,0.02096,-0.00623,0.05932,-0.04012,0.01045,-0.07281,0.01629,-0.0084,0.00081,-0.01518,0.04892,-0.02761,-0.04721,-0.06257,0.04309,-0.07441,0.00808,-0.02126,-0.00092,-0.00608,-0.06263,-0.03222,-0.05012,-0.00823,-0.0186,0.02489,0.09631,0.02227,0.03707,0.02196,-0.01484,0.08572,-0.02018,-0.04541,0,-0.02221,-0.00321,-0.0388,0.01789,0.08528,0.0267,0.06289,-0.07535,0.00267,0.01112,0.05207,0.04055,-0.07644,-0.01911,0.00456,-0.15361,-0.02998,0.03039,-0.00638,-0.0163,0.09344,0.03687,-0.05581,0.0171,0.02162,0.00065,-0.05726,0.00979,-0.00791,0.02554,0.05012,0.01275,-0.02228,0.00458,0.01383,-0.05807,-0.04207,-0.06731,-0.02583,-0.04751,-0.02809,-0.02139,-0.07872,0.00264,-0.04981,-0.05563,-0.07744,0.05897,0.07715,0.02041,0.04723,0.0423,0.01599,-0.03022,0.05164,-0.00991,-0.03392,0.05679,0.02119,0.06092,-0.02604,-0.01894,-0.08541,-0.0137,0.0159,0.03416,0.01221,-0.04426,0.03885,-0.03703,-0.08553,0.07327,0.01439,0.05984,0.06065,-0.01176,-0.00192,0.02815,-0.05435,-0.01962,-0.06272,-0.05677,-0.03978,0.11497,0.05691,-0.09018,-0.05515,-0.02519,-0.01529,-0.0561,0.02132,-0.00498,0.07876,0.01446,0.02894,0,0.00713,-0.03308,-0.06221,0.12426,0.01593,-0.01057,0.00738,0.01954,0.05175,0.02916,0.00919,0.099,0.02808,0.00743,-0.03396,0.04936,-0.01878,-0.13143,0.05965,-0.03621,-0.02126,-0.02223,-0.00627,0.00489,-0.06025,0.04791,0.0273,-0.0337,0.03522,-0.02281,0.01587,-0.00761,-0.03176,-0.05001,-0.04248,-0.03928,0.0242,0.06311,-0.04989,-0.04397,-0.00508,0.05349,0.00186,0.00859,-0.09985,0.00655,0.01315,-0.00991,0.01529,-0.01559,-0.06451,0.02985,-0.04239,0.01461,-0.01114,0.03217,0.08818,0.02156,0.02147,0.00304,0.08847,-0.01892,0.00762,-0.01414,0.04667,0.02491,-0.0681,0.00372,0.06515,0.0963,0.095,0.01072,0.05055,0.04461,0.06143,0.00202,0.12588,-0.11316,0.07426,0.03932,-0.0337,0.08444,-0.06803,-0.01811,0.06225,-0.0977,-0.04979,-0.02321,0.03964,-0.00067,-0.04316,0.04567,-0.018,-0.02167,0.03719,0,-0.06811,-0.02678,-0.05353,-0.02174,0.09765,-0.03853,0.02739,0.01188,-0.02092,-0.04519,0.00766,0.04549,0.00209,-0.08342,0.12612,0.01463,0.05354,0.04778,-0.05477,-0.01843,-0.03094,-0.0003,-0.00226,0.01886,-0.04233,-0.00423,0.11512,0.0258,0.09609,0.07024,-0.02993,0.07649,0.06864,-0.00012,-0.09485,0.02497,-0.05297,-0.01941,-0.02998,0.00595,0.04677,-0.01979,0.01339,-0.04106,-0.07824,0.07369,-0.03636,-0.01817,0.02469,0.04932,-0.00179,0.00034,-0.08984,0.11783,0.03233,0.02589,-0.0374,-0.03656,0.07743,-0.0757,-0.03943,0.05407,0.11991,0.03983],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. How it works f-flow registers itself in the internal store, watches data changes, redraws connection layers, and emits render lifecycle events as the flow stabilizes. Public methods like select, clearSelection, and getState call into that same store. clear Selection get State","excerpt":"How it works f-flow registers itself in the internal store, watches data changes, redraws connection layers, and emits render lifecycle events as the flow stabilizes. Public methods like select, clearSelection, and getState call into that same store."},{"chunkId":"/docs/f-flow-component#4","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.03407,0.02328,-0.06452,0.02694,0.06886,0.00216,-0.06545,0.0323,0.02804,0.01151,-0.07654,0.01307,-0.10649,-0.00826,0.06359,-0.02684,0.00415,0.05901,-0.01687,-0.0365,-0.03482,-0.02065,0.00467,-0.02205,-0.00795,0.07409,-0.07476,-0.01951,0.12632,-0.03261,0.0637,0.13805,-0.03979,0.04258,-0.09304,0.10612,0.03084,-0.04084,-0.06829,-0.02542,0.08875,0.02706,0.00099,-0.09257,-0.03447,-0.09151,-0.09011,-0.06699,-0.06952,0.0512,-0.03418,-0.05715,-0.02711,0.07513,-0.01854,-0.01319,0.04417,-0.02358,0.01797,0.04175,0.00337,-0.05567,-0.01907,0.04516,0.04176,0.03769,-0.00482,-0.0268,-0.00675,-0.0854,0.01247,-0.0328,0.01401,-0.03709,0.01344,-0.0796,-0.07602,0.02722,-0.0348,0.02287,0.14405,0.04371,0.01131,0.01962,-0.05669,0.10441,-0.00487,0.00835,-0.00497,-0.02561,-0.10553,0.02189,0.04929,0.02513,0.01348,0.04319,-0.07167,-0.00512,-0.09235,0.00985,-0.02964,-0.02885,-0.00543,0.01663,-0.00473,-0.02273,-0.05089,0.05431,-0.03448,0.00623,0.00432,0.01401,-0.02536,-0.09647,-0.00117,-0.05325,0.0011,-0.05289,0.04969,0.12419,0.00782,0.04262,0.00853,0.01373,0.10312,-0.0431,-0.04451,0,-0.00165,0.01709,0.00263,0.03065,0.13534,-0.00813,0.04722,-0.0786,-0.01731,0.00629,0.0402,0.04654,-0.07496,-0.0182,-0.02692,-0.143,-0.02712,0.01631,-0.02263,-0.02393,0.05136,-0.00352,-0.06223,0.02663,0.00466,0.01497,-0.02143,-0.01993,0.01654,0.024,0.04048,0.00432,-0.00555,-0.00938,0.00156,-0.06353,-0.05404,-0.06602,-0.03191,-0.0327,-0.05021,-0.0199,-0.06201,-0.00611,-0.0558,-0.01264,-0.04747,0.04287,0.09752,-0.00175,0.02242,0.07512,0.0254,0.01153,0.07514,-0.01576,-0.02442,0.07565,0.04455,0.05157,-0.02864,-0.02016,-0.07809,-0.01954,0.01561,-0.00219,0.01962,-0.02836,0.04472,-0.02676,-0.09821,0.03809,0.01422,0.09081,0.05089,-0.00075,0.01349,0.02928,-0.03371,-0.00486,-0.10984,-0.03414,-0.01228,0.10388,0.05057,-0.09849,-0.03269,-0.02633,-0.01701,-0.06393,0.02741,-0.00417,0.0454,0.01422,0.00174,0,-0.00188,-0.02154,-0.05318,0.08912,0.03838,-0.01493,-0.0116,0.00553,0.06881,0.04487,0.01922,0.08939,0.01959,-0.0048,-0.0684,0.0275,-0.03891,-0.12545,0.08526,-0.04289,-0.02113,-0.00539,0.01457,-0.00988,-0.07081,0.06154,0.06539,-0.04057,0.0064,-0.02788,0.0135,-0.00514,-0.02505,-0.05379,-0.03887,-0.02695,0.02678,0.06806,-0.06932,-0.0724,-0.00388,0.01861,0.01073,-0.01321,-0.11924,-0.01084,0.03305,-0.01941,0.01004,-0.00684,-0.06985,0.02306,-0.03327,-0.00981,-0.0036,0.00791,0.07439,0.02896,0.02619,-0.00108,0.08835,-0.00683,-0.00543,-0.01572,0.03257,0.04992,-0.08791,0.01059,0.0413,0.09935,0.04526,0.01265,0.04365,0.07303,0.04606,0.0025,0.14678,-0.11322,0.07273,0.01436,-0.02612,0.09837,-0.0763,-0.00494,0.06919,-0.08404,-0.0086,-0.02063,0.01986,0.00566,-0.0396,0.07403,-0.01727,-0.01132,0.04947,0,-0.08443,0.01455,-0.09208,-0.02454,0.06545,-0.03319,0.03319,0.00599,-0.02675,0.0024,0.01072,0.0275,-0.00756,-0.05475,0.1066,0.01792,0.03297,0.07005,-0.04584,-0.02305,-0.02189,0.04633,0.024,-0.02304,-0.03609,0.02235,0.08874,0.01581,0.07819,0.06478,-0.04269,0.07148,0.02661,-0.01985,-0.11027,0.00913,-0.07218,-0.0295,-0.05415,-0.00339,0.04445,-0.02023,0.02594,-0.05078,-0.05835,0.06129,-0.01153,0.01394,0.02734,0.05984,0.01291,-0.00132,-0.08988,0.08644,0.04457,0.04612,-0.05404,-0.0329,0.05577,-0.06783,-0.0526,0.06642,0.14202,0.04918],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. API","excerpt":"API"},{"chunkId":"/docs/f-flow-component#5","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.04,0.02114,-0.09319,0.02815,0.03646,0.05898,-0.02955,0.00876,0.07295,-0.00981,-0.08699,0.01001,-0.07937,0.00887,0.02697,-0.01525,-0.05253,0.05877,-0.03103,-0.07962,-0.03819,-0.00461,-0.00527,-0.03408,-0.02449,0.07328,-0.04212,-0.0036,0.1358,-0.03377,0.08615,0.12541,-0.01473,0.03695,-0.08282,0.08971,0.02386,-0.02258,-0.06605,-0.03429,0.09352,-0.0123,0.02292,-0.09413,-0.0406,-0.06601,-0.10644,-0.05219,-0.0659,0.05841,-0.00265,-0.04486,-0.01755,0.10613,0.00047,-0.01859,0.02058,-0.04815,0.02585,0.03751,-0.01848,-0.0531,0.01579,0.03972,0.04464,0.05427,-0.00404,-0.03027,-0.00401,-0.0753,0.04761,-0.01893,0.02483,-0.03501,0.03636,-0.06396,-0.06842,0.03554,-0.01939,0.023,0.12952,0.04499,0.01831,-0.01413,-0.029,0.10916,-0.03563,0.018,0.01334,-0.00695,-0.14024,0.00383,0.05476,0.0193,0.05371,0.05228,-0.07958,0.01563,-0.10119,-0.00373,-0.05696,-0.03396,-0.00442,0.05309,0.02643,-0.02547,-0.04074,0.02858,-0.0243,-0.03187,-0.01257,0.00684,-0.0024,-0.04845,-0.00282,-0.06495,0.00064,-0.04107,0.05687,0.12576,-0.00469,0.024,-0.01562,-0.00914,0.06567,-0.02197,-0.03826,0,0.00337,0.04813,-0.00917,0.00456,0.08765,0.00652,0.02198,-0.06147,-0.02552,0.03476,-0.0113,0.02177,-0.081,-0.01285,-0.04963,-0.11226,-0.00922,0.02306,-0.02738,-0.04928,0.05918,0.01774,-0.0722,0.00661,0.01799,0.00848,-0.01529,-0.01957,0.02944,0.01467,0.05935,-0.0348,0.0041,0.00483,-0.00469,-0.05178,-0.02706,-0.03586,-0.04065,-0.05059,-0.014,-0.02056,-0.0602,0.02348,-0.05096,-0.02097,-0.07682,0.03271,0.09384,-0.01087,-0.00082,0.08928,0.03517,-0.0204,0.05474,-0.06465,-0.04304,0.08595,0.02922,0.03024,-0.03873,0.02325,-0.08823,0.0083,0.02775,0.01033,0.02786,-0.04089,0.05884,-0.02948,-0.10805,0.00943,-0.03412,0.068,0.06687,-0.02849,0.02964,0.00685,-0.02505,0.01782,-0.1324,-0.0056,-0.02306,0.11915,0.02979,-0.06218,-0.04596,-0.04534,0.00245,-0.07657,0.05129,-0.00084,0.03786,0.01662,0.03601,0,-0.03558,-0.01008,-0.03528,0.08232,0.0416,-0.03054,0.02168,-0.00027,0.07477,0.02281,0.04738,0.0966,0.00983,-0.03232,-0.02495,0.01894,-0.0845,-0.11185,0.10597,-0.03694,-0.01047,0.00555,-0.00475,0.0034,-0.07309,0.06135,0.07256,-0.03923,0.01824,-0.0185,-0.00699,0.01911,-0.05336,-0.01683,-0.06579,-0.05906,0.03186,0.05859,-0.05098,-0.00152,-0.02991,0.03465,-0.00917,0.05097,-0.0885,0.00117,0.04956,-0.02904,0.02822,-0.01443,-0.06923,0.04011,-0.07403,-0.00736,0.01276,-0.00019,0.08991,0.03863,0.0367,0.00389,0.08129,0.00205,-0.01589,-0.00439,0.03643,0.04345,-0.0749,0.00072,0.03909,0.06241,0.08058,0.02026,0.01921,0.06868,0.04768,-0.02132,0.1219,-0.09126,0.06936,0.03333,-0.01573,0.11672,-0.06233,-0.0015,0.06552,-0.07327,0.00858,-0.03098,0.02257,0.02318,-0.03994,0.08639,-0.06504,-0.03439,0.00884,0,-0.10052,0.01476,-0.10505,-0.042,0.07477,-0.04319,0.00516,-0.00511,-0.01929,-0.03147,0.01239,0.04948,0.00724,-0.08179,0.09527,0.00462,0.0174,0.05202,-0.04745,0.00311,0.01514,0.06396,-0.01129,-0.03887,-0.04989,-0.02609,0.08259,0.01348,0.05483,0.07461,-0.03951,0.0675,0.02749,-0.01304,-0.09849,0.02321,-0.06529,-0.01886,-0.05852,-0.00253,0.03207,-0.03439,0.01418,-0.06189,-0.08962,0.08575,-0.00047,-0.01191,-0.00097,0.05393,0.00219,-0.00487,-0.05407,0.08694,0.04019,0.02188,-0.0504,-0.04365,0.06206,-0.08186,-0.04946,0.05614,0.14371,0.02791],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Inputs - fFlowId: InputSignal<string; The unique identifier for the flow instance. Default: f-flow-${uniqueId++} f Flow Id Input Signal unique Id","excerpt":"Inputs - fFlowId: InputSignal<string; The unique identifier for the flow instance. Default: f-flow-${uniqueId++}"},{"chunkId":"/docs/f-flow-component#6","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[0.00666,0.02069,-0.08545,0.03117,0.0403,0.01284,-0.00644,0.01379,0.04958,-0.01159,-0.07292,-0.01006,-0.11935,-0.0136,0.01384,-0.02819,0.0484,0.01926,-0.01655,-0.07952,0.00923,-0.06283,0.00219,-0.02946,0.00389,0.05367,-0.03876,-0.02034,0.13452,-0.01064,0.04161,0.10139,-0.08243,0.05453,-0.08949,0.07704,0.0543,-0.03352,-0.08605,-0.00136,0.12793,-0.00991,-0.02262,-0.08044,-0.03144,-0.02312,-0.09017,-0.03936,-0.10365,0.05699,0.01667,-0.04584,-0.01608,0.11666,0.00955,0.01734,0.02132,-0.02151,0.0027,0.02177,-0.05642,-0.0798,-0.01284,0.03797,0.08925,0.02371,0.01586,-0.06064,0.01925,-0.05124,0.0137,-0.01852,0.00882,-0.08611,0.00356,-0.05416,-0.04711,0.02788,-0.04078,-0.01888,0.11824,0.0555,0.01312,0.01041,-0.03813,0.10362,-0.06131,0.02013,-0.03084,0.03683,-0.14355,0.05441,-0.02092,0.02923,-0.01538,0.03176,-0.04504,-0.02064,-0.05933,0.01123,-0.01667,-0.03805,0.02843,0.03287,-0.01346,-0.04196,-0.06923,0.07519,-0.05244,0.006,-0.003,0.05181,0.02519,-0.06672,-0.00705,-0.02415,-0.02562,-0.00075,0.04199,0.12544,-0.00071,0.04542,0.02972,0.02923,0.08623,-0.05589,-0.03089,0,-0.02015,-0.02659,-0.01737,0.03649,0.06119,0.04989,0.02742,-0.04464,-0.00865,-0.01306,0.0297,0.02165,-0.06052,-0.00701,0.01736,-0.14365,0.00645,0.02529,-0.03964,0.02277,0.0546,-0.02585,-0.08454,0.04722,0.01284,0.01538,-0.07317,0.02187,-0.07206,0.04436,0.05504,0.00886,-0.00751,-0.02542,-0.03682,-0.05927,-0.03259,-0.02924,-0.07292,-0.04066,-0.05384,-0.01984,-0.07829,0.00699,-0.06627,-0.06779,-0.11305,0.04174,0.0736,0.0303,0.0565,0.02573,0.05496,-0.02207,0.07825,-0.0376,-0.0451,0.04045,-0.00375,0.06669,-0.01221,0.00123,-0.08733,-0.00418,0.04636,0.04373,0.02696,-0.04971,-0.00021,-0.04277,-0.10832,0.06757,0.00016,0.05995,0.09418,0.01351,0.01836,0.03824,-0.06598,0.01354,-0.03469,-0.0037,-0.02297,0.05671,0.04413,-0.06532,-0.02833,-0.05686,-0.05515,-0.02985,0.01683,-0.00588,0.06205,0.01017,-0.01569,0,0.04828,0.04332,-0.06963,0.08923,0.04218,-0.02361,0.03447,-0.0229,0.03613,0.0176,0.00637,0.05896,-0.04009,0.01956,-0.07696,0.02428,-0.05219,-0.14717,0.08819,-0.01463,-0.0133,-0.02603,0.01171,-0.02549,-0.06367,0.04943,0.04906,-0.03925,-0.03714,-0.02959,0.01563,-0.00617,-0.01681,-0.03889,-0.03884,-0.02222,0.06356,0.04985,-0.02521,-0.02774,0.0262,0.05469,-0.05768,0.01009,-0.09633,0.00869,0.00621,-0.03803,-0.01777,0.00187,-0.06384,0.071,-0.04401,0.0459,-0.00997,-0.01404,0.06584,0.03435,-0.00404,-0.006,0.10971,-0.03481,-0.00427,-0.02903,0.03217,0.01269,-0.06616,-0.00359,0.07851,0.11333,0.08022,0.00173,0.03298,0.07973,0.0333,0.01234,0.11564,-0.12246,0.07234,0.05727,-0.04836,0.081,-0.05206,0.0076,0.08207,-0.03106,-0.0253,-0.03493,0.01541,0.00747,-0.00021,0.0647,-0.02939,-0.0248,0.04869,0,-0.09649,-0.03243,-0.07672,-0.01848,0.05544,-0.01207,0.02455,-0.03546,-0.02426,-0.07672,0.01384,0.0277,0.01462,-0.0564,0.13382,0.00701,0.06096,-0.0161,-0.05461,-0.02115,-0.04891,0.02672,-0.04574,-0.00885,-0.06246,-0.00734,0.09697,0.04261,0.04296,0.04892,-0.04317,0.03387,-0.00233,0.00409,-0.09235,0.0282,-0.08695,-0.0372,0.01034,0.07253,0.05332,0.03132,0.03104,-0.02033,-0.0103,0.10817,-0.00816,-0.03243,-0.02545,0.06426,-0.00573,-0.01412,-0.07651,0.0786,0.02844,-0.02311,-0.00735,-0.03346,0.05418,-0.03418,-0.05782,0.0728,0.09825,-0.00405],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Outputs - fNodesRendered: OutputEmitterRef<string; Emits once when the current render cycle has finished rendering nodes and groups. Payload is the current flow id. Typical usage: run logic that only depends on node registration and measurement. - fFullRendered: OutputEmitterRef<string; Emits once when the current render cycle has finished the full render cycle for nodes and connections. Payload is the current flow id. Typical usage: center the canvas, apply initial zoom, or run logic that depends on final connection geometry. - fLoaded: OutputEmitterRef<string; Deprecated alias for fFullRendered. f Nodes Rendered Output Emitter Ref f Full Rendered f Loaded","excerpt":"Outputs - fNodesRendered: OutputEmitterRef<string; Emits once when the current render cycle has finished rendering nodes and groups. Payload is the current flow id. Typical usage: run logic that only depends on node registration and measurement. - fFullRendered: OutputEmitterRef<string; Emits once when the current render cycle has finished the full render cycle for nodes and connections. Payload is the current flow id. Typical usage: center the canvas, apply initial zoom, or run logic that depends on final connection geometry. - fLoaded: OutputEmitterRef<string; Deprecated alias for fFullRendered."},{"chunkId":"/docs/f-flow-component#7","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.03137,-0.00643,-0.05239,0.06417,0.03202,0.0659,0.00425,-0.00271,0.07043,-0.00169,-0.08194,-0.01894,-0.09583,-0.0591,0.01415,-0.02689,-0.00146,0.01407,-0.04021,-0.05474,-0.01658,-0.06807,-0.00178,-0.05751,-0.01967,0.09144,-0.02878,-0.02657,0.09546,-0.05025,-0.00354,0.11485,-0.08679,0.06528,-0.14008,0.08289,0.03501,-0.01035,-0.09784,-0.00994,0.09505,0.03888,0.02699,-0.07652,-0.00059,-0.01148,-0.09264,-0.0138,-0.06703,0.02762,0.01244,0.00042,0.04278,0.11316,0.00562,0.01354,0.07092,-0.0823,-0.01759,0.01547,0.00128,-0.08258,-0.03081,0.02212,0.01108,0.01513,0.01082,-0.0256,0.01183,-0.06555,0.00345,0.0056,0.0111,-0.06386,0.04745,-0.09988,-0.02718,0.0477,-0.03578,0.02342,0.14897,0.09474,0.01427,0.02072,-0.02034,0.07227,-0.06173,-0.03005,-0.00314,0.0471,-0.13243,0.03457,0.0013,-0.01667,0.0664,0.0514,-0.07733,-0.00652,-0.07074,0.00935,0.03934,-0.02601,-0.03344,-0.01221,-0.07617,-0.0346,-0.06803,0.04284,-0.04322,-0.00019,-0.01726,0.0084,0.00984,-0.04506,-0.0363,-0.04737,-0.00697,-0.03201,0.01774,0.09966,0.00039,0.07866,0.00106,0.02456,0.09989,-0.02143,-0.04575,0,-0.02022,-0.03835,-0.01636,0.04345,0.0952,0.05207,0.02275,-0.02612,0.00055,-0.01046,0.0085,0.01807,-0.05501,-0.02268,-0.00941,-0.12996,-0.01571,0.03738,-0.05526,-0.00159,0.04516,-0.0202,-0.08183,-0.00746,-0.00925,0.03966,-0.09636,0.04787,-0.04845,0.00408,0.00912,-0.00029,-0.00865,-0.00171,-0.02622,-0.0357,-0.04188,-0.0314,-0.01287,-0.04664,-0.04624,-0.0138,-0.09957,0.00818,-0.03302,-0.06224,-0.07646,0.072,0.0576,0.03825,0.00386,0.07091,0.01269,-0.07307,0.0469,-0.02852,-0.03964,0.14725,0.0155,0.0832,-0.01979,0.06451,-0.05869,-0.0239,0.05639,0.06509,-0.00043,-0.016,0.03326,-0.04198,-0.11441,0.05556,0.05076,0.06847,0.09629,-0.02323,-0.005,0.02611,-0.02597,-0.02146,-0.08261,-0.03778,-0.01151,0.06681,0.0339,-0.10404,0.02124,-0.04697,-0.01491,-0.05903,0.06397,-0.01901,0.0573,0.01085,0.02387,0,0.01673,0.02019,-0.04639,0.02833,0.02897,-0.05762,0.00455,0.0447,0.03353,-0.0038,0.01723,0.12227,-0.02206,-0.01011,-0.01987,0.03289,-0.04699,-0.10472,0.02092,-0.03898,-0.00238,0.01522,-0.02915,-0.02065,-0.10484,0.04421,0.06999,-0.03509,0.02117,-0.02418,0.03891,-0.03833,-0.09546,-0.01675,0.00277,-0.02836,0.02351,0.0549,-0.05247,0.00033,0.00751,0.02486,-0.01668,0.00569,-0.06554,0.03655,-0.02676,0.02328,-0.04109,-0.01173,-0.08546,0.05141,-0.04214,0.0357,0.00155,0.02283,0.04121,-0.01326,0.07668,-0.04787,0.00548,-0.05469,-0.01646,-0.00274,0.04954,0.03015,-0.05075,0.02109,0.06566,0.1029,0.03595,0.02714,0.04139,0.00102,0.07991,0.03757,0.14225,-0.10392,0.03814,0.04032,-0.02836,0.08965,-0.03445,-0.03822,0.07836,-0.04031,-0.03377,0.01233,0.02683,0.00707,-0.04178,0.00055,-0.02368,-0.02951,0.01789,0,-0.1293,-0.02202,-0.06458,-0.00832,0.0544,-0.02782,0.01406,0.04831,-0.05066,-0.02173,-0.00579,0.05929,0.02686,-0.09737,0.13936,0.0157,0.03841,0.00979,-0.03398,0.0008,-0.03483,-0.03788,-0.02598,0.05279,-0.04097,-0.02685,0.04293,-0.00719,0.06136,0.03867,-0.0125,0.05343,0.07515,0.05438,-0.08604,-0.00329,-0.08468,0.00441,-0.00273,0.02988,0.0233,-0.01132,0.01746,-0.00246,-0.06014,0.07297,-0.00167,-0.0041,0.02866,0.05822,-0.0621,0.01049,-0.07921,0.09306,0.03389,-0.00861,-0.07701,-0.02586,0.05936,-0.02735,-0.09007,0.09839,0.02767,0.03054],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Methods - redraw(): void; Forces a redraw of nodes and connections. - reset(): void; Resets internal loaded state. Next render will emit fNodesRendered and fFullRendered again. - getNodesBoundingBox(): IRect null; Returns a bounding rectangle that covers all nodes and groups in the current flow. - getSelection(): ICurrentSelection; Returns selected node/group/connection ids. - getPositionInFlow(position: IPoint): IRect; Converts a point from the viewport into flow coordinates (relative to the flow). - getState(): IFFlowState; Exports the full flow state: nodes, groups and connections (including their current transforms/positions). - selectAll(): void; Selects all selectable items. - select(nodesAndGroups: string[], connections: string[], isSelectedChanged: boolean = true): void; Selects the specified nodes, groups and connections. - clearSelection(): void; Clears current selection. These “imperative” APIs are meant for toolbars, keyboard shortcuts, and integration with external UI (side panels, inspectors, etc.). f Nodes Rendered f Full Rendered get Nodes Bounding Box I Rect get Selection I Current Selection get Position In Flow I Point get State IF Flow State select All nodes And Groups is Selected Changed clear Selection AP Is","excerpt":"Methods - redraw(): void; Forces a redraw of nodes and connections. - reset(): void; Resets internal loaded state. Next render will emit fNodesRendered and fFullRendered again. - getNodesBoundingBox(): IRect null; Returns a bounding rectangle that covers all nodes and groups in the current flow. - getSelection(): ICurrentSelection; Returns selected node/group/connection ids. - getPositionInFlow(position: IPoint): IRect; Converts a point from the viewport into flow coordinates (relative to the flow). - getState(): IFFlowState; Exports the full flow state: nodes, groups and connections (including their current transforms/positions). - selectAll(): void; Selects all selectable items. - select(nodesAndGroups: string[], connections: string[], isSelectedChanged: boolean = true): void; Selects the specified nodes, groups and connections. - clearSelection(): void; Clears current selection. These “imperative” APIs are meant for toolbars, keyboard shortcuts, and integration with external UI (side panels, inspectors, etc.)."},{"chunkId":"/docs/f-flow-component#8","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.03722,0.02215,-0.0443,0.01478,0.05375,0.03561,-0.01672,0.04044,0.04087,0.00489,-0.07447,-0.01362,-0.10788,-0.01675,0.0154,-0.0388,-0.00295,0.05742,-0.01561,-0.06347,-0.02149,-0.01698,0.00581,-0.02624,-0.03582,0.09866,-0.06448,-0.03018,0.15385,-0.04721,0.04447,0.15761,-0.03614,0.05756,-0.08909,0.10985,-0.00182,-0.02558,-0.08027,-0.03581,0.10687,0.02979,0.03855,-0.08629,-0.00317,-0.05393,-0.0804,-0.0563,-0.07116,0.07143,-0.03987,-0.03321,0.01137,0.09741,-0.01384,0.00678,0.04221,-0.05006,0.02188,0.03663,-0.00245,-0.05736,-0.03553,0.01665,0.02735,0.01831,-0.01071,-0.0099,0.00149,-0.05622,0.0206,-0.01332,0.01186,-0.02873,0.03573,-0.07774,-0.04498,0.02257,-0.02654,0.03117,0.14151,0.05155,0.03264,-0.01505,-0.04835,0.08799,-0.0332,0.00739,-0.02248,-0.02442,-0.11231,0.00963,0.03324,0.00416,0.03281,0.05155,-0.07425,-0.03366,-0.07058,0.00576,-0.00856,-0.01048,-0.04409,0.00301,-0.01526,-0.01385,-0.06559,0.04052,-0.03175,0.01292,-0.01337,-0.01565,-0.00435,-0.07693,-0.0111,-0.0753,-0.01483,-0.05828,0.03071,0.08686,-0.02097,0.03796,-0.01292,0.00592,0.08374,-0.07658,-0.05872,0,0.0135,0.02039,-0.02151,-0.00092,0.11316,0.00372,0.06196,-0.05154,-0.02957,0.01774,0.05905,0.02913,-0.08278,-0.00581,-0.03392,-0.16262,-0.03007,0.04563,-0.05938,-0.02255,0.04768,0.02181,-0.06612,-0.01829,-0.00715,0.01807,-0.02729,-0.0032,0.0431,0.02854,0.04747,0.0091,-0.02418,-0.00389,0.00365,-0.04957,-0.04361,-0.05545,-0.00985,-0.03896,-0.01956,-0.01153,-0.06222,-0.0323,-0.04222,-0.01887,-0.05054,0.06426,0.10499,-0.00243,0.0395,0.0712,0.00522,-0.02109,0.06556,-0.01408,-0.03065,0.12074,0.05912,0.05314,-0.05654,-0.00512,-0.08253,-0.00357,0.01585,0.02109,0.00799,-0.03009,0.04784,-0.02151,-0.09912,0.0435,0.01017,0.09759,0.06002,0.00806,-0.01384,0.01347,-0.05024,-0.00126,-0.12012,-0.01591,-0.00211,0.10972,0.05669,-0.103,-0.0127,-0.02005,-0.03783,-0.04492,0.02843,-0.00214,0.02812,0.0151,-0.00385,0,0.0178,0.00064,-0.07709,0.08534,0.03125,-0.03522,0.01076,0.03449,0.04687,0.01734,0.04418,0.08782,0.03209,-0.00078,-0.05799,0.00689,-0.03123,-0.13048,0.06789,-0.03722,-0.01451,-0.02527,0.01281,-0.00714,-0.09261,0.06537,0.07448,-0.02926,-0.00067,-0.01634,-0.00219,0.00554,-0.05596,-0.04329,-0.04056,-0.00825,0.01723,0.04145,-0.07807,-0.04345,0.00111,0.02871,-0.00328,-0.00408,-0.11775,-0.0186,0.02981,0.04196,0.0582,0.0078,-0.10187,0.02107,-0.02348,0.02807,-0.00811,0.03475,0.05676,-0.0171,0.03345,-0.0266,0.05884,-0.00393,-0.00439,-0.04816,0.0563,0.03323,-0.07768,-0.00005,0.0276,0.10261,0.09061,0.0181,0.0453,0.04624,0.04399,0.00773,0.16098,-0.10935,0.06065,-0.00649,-0.02485,0.10863,-0.06956,0.01073,0.08142,-0.04772,-0.00944,-0.00706,0.01204,0.04394,-0.03223,0.03263,-0.0044,-0.01183,0.04298,0,-0.10284,0.00804,-0.07554,-0.02696,0.04757,-0.03364,0.04202,0.01412,-0.03465,0.00281,0.00591,0.04425,-0.0231,-0.04377,0.11974,0.00613,0.0444,0.0596,-0.05531,-0.0282,-0.02154,0.00686,0.0203,-0.03537,-0.05777,0.03636,0.09746,-0.02607,0.0536,0.05595,-0.04241,0.07284,0.04145,-0.01064,-0.07552,0.03169,-0.05507,-0.01457,-0.0474,-0.03534,0.04108,0.00475,0.01076,-0.04598,-0.08337,0.05502,-0.00722,-0.00409,0.03301,0.03867,-0.03345,0.0052,-0.06583,0.09116,0.07643,0.07009,-0.04793,-0.02969,0.06535,-0.0296,-0.03677,0.06319,0.1089,0.04159],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Types IPoint IRect IFFlowState ICurrentSelection I Point I Rect IF Flow State I Current Selection","excerpt":"Types IPoint IRect IFFlowState ICurrentSelection"},{"chunkId":"/docs/f-flow-component#9","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.0311,0.03225,-0.07215,0.02711,0.0699,0.0135,-0.02678,0.0274,0.01706,0.01211,-0.06723,0.03261,-0.09718,-0.00113,0.05065,-0.03509,-0.02789,0.0638,-0.00381,-0.01416,-0.05341,-0.01457,0.02425,-0.02393,-0.01492,0.07795,-0.04922,-0.01073,0.11835,-0.0664,0.05382,0.15315,-0.02262,0.05368,-0.11611,0.08674,0.04269,0.00348,-0.06336,-0.02286,0.0668,0.01414,0.02492,-0.08084,-0.022,-0.06522,-0.0912,-0.06411,-0.07361,0.03231,-0.00256,-0.067,-0.03792,0.09769,-0.01594,-0.01951,0.04637,-0.03229,0.01315,0.04707,0.01176,-0.03763,-0.01458,0.04687,0.02467,0.02705,-0.00472,-0.00213,-0.00611,-0.06959,0.02588,-0.01776,0.01174,-0.03118,0.00919,-0.06388,-0.04774,0.04332,-0.03873,0.01813,0.11701,0.06403,0.02272,0.01296,-0.05281,0.11309,-0.01285,-0.0009,-0.01582,-0.01993,-0.09827,0.02589,0.04312,0.02026,0.01222,0.04851,-0.08627,0.00271,-0.08221,0.01728,-0.03184,-0.0395,0.00193,0.02024,0.00091,-0.02332,-0.04823,0.05228,-0.01622,-0.03334,0.00067,-0.01118,-0.05058,-0.11111,-0.02248,-0.0909,-0.0085,-0.04952,0.05359,0.12936,0.00473,0.04135,0.01284,-0.02857,0.08802,-0.0425,-0.0699,0,-0.00088,0.03381,-0.01989,0.03873,0.11992,0.00979,0.03554,-0.08092,-0.01343,0.02412,0.02472,0.02091,-0.10025,0.0017,-0.02622,-0.14792,-0.01184,0.02206,-0.03139,-0.05102,0.04772,0.01908,-0.06153,0.02115,0.02993,0.00465,-0.01245,-0.01927,-0.01368,0.02128,0.05043,-0.0127,0.01412,-0.00708,0.00078,-0.0603,-0.04526,-0.06815,-0.02634,-0.05056,-0.05144,-0.01608,-0.03089,0.00217,-0.04181,-0.00637,-0.03959,0.03904,0.10686,-0.00157,0.01532,0.05996,0.03585,0.01421,0.06963,-0.03052,-0.01923,0.10243,0.03129,0.05071,-0.03397,-0.00149,-0.09393,-0.0229,0.01256,0.03026,0.011,-0.0355,0.03592,-0.02798,-0.09176,0.0476,-0.02448,0.08961,0.05466,0.00217,0.02499,0.03548,-0.03368,-0.00036,-0.14046,-0.03808,-0.02676,0.09512,0.01363,-0.0918,-0.01325,-0.01464,0.0118,-0.06683,0.02891,-0.00125,0.0488,0.00788,0.00788,0,-0.01883,0.0104,-0.05973,0.08923,0.03055,-0.00734,0.01415,-0.0066,0.06064,0.05784,0.0195,0.10631,0.02838,-0.02242,-0.05281,0.02773,-0.04779,-0.12772,0.07618,-0.04333,-0.02561,0.00715,0.00461,-0.01684,-0.05594,0.05758,0.04778,-0.02888,0.00487,-0.01189,0.01516,-0.01512,-0.01021,-0.03069,-0.05787,-0.03188,0.016,0.05351,-0.0652,-0.06035,-0.01192,0.02234,0.02384,0.0198,-0.12162,-0.00302,0.04178,-0.03397,0.01913,-0.00122,-0.08594,0.01509,-0.035,0.00016,-0.00756,0.01176,0.06385,0.03303,0.00461,0.00665,0.09645,-0.00761,-0.01823,-0.01771,0.02149,0.0155,-0.09384,-0.0035,0.03598,0.08538,0.05749,0.01857,0.03093,0.06099,0.03222,-0.0146,0.15275,-0.06668,0.07749,0.02549,-0.02978,0.10074,-0.09372,0.00902,0.07197,-0.08701,-0.01404,-0.01937,0.03731,-0.00914,-0.04152,0.07185,-0.01977,-0.01519,0.02162,0,-0.08751,-0.0094,-0.06459,-0.04814,0.07748,-0.03066,0.03582,0.02114,-0.032,0.01589,0.00667,0.04883,-0.0123,-0.07384,0.09743,0.0109,-0.00003,0.0613,-0.05499,-0.02263,-0.01456,0.02986,-0.00433,0.01156,-0.05665,0.01042,0.09123,0.01399,0.08621,0.06872,-0.05418,0.07777,0.01813,-0.02746,-0.08199,0.04146,-0.08278,-0.00967,-0.06282,0.02257,0.02506,-0.05222,0.03449,-0.04638,-0.06282,0.06155,-0.02605,0.02028,-0.01016,0.037,0.01106,0.01509,-0.09429,0.10694,0.04105,0.04792,-0.05184,-0.03538,0.07354,-0.09391,-0.06517,0.07829,0.13017,0.03522],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Styling - .f-component Base class for flow primitives. - .f-flow Host class for the root container. - .f-node, .f-group, .f-connection Internal layout classes used by flow rendering.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-flow Host class for the root container. - .f-node, .f-group, .f-connection Internal layout classes used by flow rendering."},{"chunkId":"/docs/f-flow-component#10","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.04707,0.00113,-0.0236,0.08184,0.08857,0.00807,-0.01941,0.01008,0.06023,0.01181,-0.08093,0.02179,-0.13093,-0.02015,0.02265,0.00098,0.01463,0.02017,-0.01118,-0.05082,-0.05593,-0.02062,0.01349,-0.02428,0.00223,0.07522,-0.02485,-0.05137,0.09614,-0.02372,0.05698,0.1219,-0.06473,0.02773,-0.11593,0.04087,0.04913,0.01353,-0.07138,0.00941,0.10543,-0.00909,-0.0266,-0.09597,-0.04696,-0.06936,-0.08942,-0.0291,-0.09317,0.04962,0.03512,-0.02049,0.01615,0.06854,0.01555,0.00359,0.05449,-0.03482,-0.00231,0.05765,-0.0132,-0.05523,-0.01125,0.02151,0.09288,0.04331,-0.00161,-0.06648,0.0184,-0.03684,0.04633,0.01336,0.0424,-0.05558,0.00575,-0.07693,-0.06868,0.0096,-0.02077,0.00911,0.12199,0.06993,-0.00315,-0.03445,-0.01456,0.06028,-0.05147,0.02836,-0.00011,0.0096,-0.11764,0.03417,0.06372,0.04713,-0.03461,0.05535,-0.06511,0.01814,-0.05007,-0.00351,-0.04921,-0.04613,-0.02257,0.06254,-0.04553,-0.07516,-0.06065,0.05231,-0.06948,-0.01604,0.00689,0.02428,0.00074,-0.06155,-0.03973,-0.02388,-0.03671,-0.03667,0.00856,0.11131,0.01638,0.02691,0.03552,0.01678,0.08471,-0.01212,-0.0324,0,-0.00778,-0.01169,-0.03554,-0.00432,0.09947,-0.01593,0.04015,-0.06298,0.00447,-0.02283,0.08099,0.02681,-0.06678,-0.0546,0.00729,-0.12531,-0.01689,0.06024,-0.01597,-0.04162,0.03588,0.05193,-0.0684,0.01331,0.00935,0.01536,-0.06258,0.00345,0.03751,0.03592,0.05054,0.00744,0.00223,0.00678,-0.04225,-0.00611,-0.07932,-0.0542,-0.06448,-0.04824,-0.02341,0.00618,-0.05662,0.03987,-0.05517,-0.04747,-0.09675,0.05766,0.04624,-0.00954,0.0419,0.08562,0.00594,-0.01456,0.06122,-0.02063,-0.06641,0.03749,0.03794,0.03878,0.00178,-0.01314,-0.05323,-0.02624,0.02878,0.05557,0.06522,-0.0419,-0.00008,-0.02389,-0.08702,0.05338,-0.00212,0.05933,0.11226,-0.00899,0.04192,0.01856,-0.0618,-0.03149,-0.04797,-0.06167,-0.07997,0.09666,0.08218,-0.05867,-0.04464,0.00127,-0.01974,-0.01488,0.03228,-0.00591,0.10106,0.00546,0.02084,0,0.03285,-0.03598,-0.06891,0.1119,0.0208,-0.03385,-0.04029,0.02933,0.03738,0.01069,0.00862,0.05561,-0.0354,0.00108,-0.06439,0.05622,-0.05625,-0.12881,0.05699,-0.02571,-0.01346,0.01328,-0.00907,0.01139,-0.08268,0.061,0.02637,-0.04766,0.03652,-0.05374,-0.01154,0.00196,-0.04442,-0.0297,-0.02716,-0.00851,0.04569,0.04176,-0.08462,0.01979,-0.00727,0.05404,-0.02212,0.0331,-0.09075,-0.01603,-0.01336,-0.02714,0.03769,-0.00591,-0.07329,0.03316,-0.03163,0.02775,0.00664,-0.01525,0.08187,0.01631,0.00377,0.03156,0.06585,-0.05467,0.00274,-0.03695,0.05283,0.01879,-0.05556,0.01896,0.08309,0.0755,0.0771,-0.01498,0.01302,0.0635,0.06988,-0.01053,0.12042,-0.1229,0.06809,0.03501,-0.04685,0.06722,-0.04118,-0.04943,0.04218,-0.05379,0.01294,-0.0039,0.04375,-0.01652,-0.03584,0.05071,0.03202,-0.05448,0.01625,0,-0.0917,0.00794,-0.07824,-0.01153,0.10647,-0.05596,-0.01875,0.00721,-0.03465,-0.06512,-0.00778,0.06878,0.08918,-0.08017,0.1049,-0.03424,0.06869,-0.00071,-0.03706,0.02601,-0.06473,0.05568,-0.01923,-0.03401,-0.04785,0.01246,0.12258,0.0207,0.07991,0.09558,-0.05854,0.04374,0.05718,0.03512,-0.07752,-0.0413,-0.05436,-0.05438,-0.01459,0.01466,0.05241,-0.00727,-0.0102,-0.0238,-0.07511,0.03159,-0.00995,-0.0221,0.01176,0.0893,-0.02156,-0.0056,-0.07191,0.08906,0.07997,-0.01526,-0.03315,-0.01582,0.04847,-0.06896,-0.02159,0.00338,0.08043,0.03334],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Notes / Pitfalls - fNodesRendered and fFullRendered are one-time per internal render cycle; if you call reset(), a later render can emit again. - fLoaded still works for backward compatibility, but new code should prefer fFullRendered. - Programmatic select(...) runs after data-change notification, so call it when ids are already present in the flow. f Nodes Rendered f Full Rendered f Loaded","excerpt":"Notes / Pitfalls - fNodesRendered and fFullRendered are one-time per internal render cycle; if you call reset(), a later render can emit again. - fLoaded still works for backward compatibility, but new code should prefer fFullRendered. - Programmatic select(...) runs after data-change notification, so call it when ids are already present in the flow."},{"chunkId":"/docs/f-flow-component#11","slug":"f-flow-component","route":"/docs/f-flow-component","section":"docs","title":"FFlowComponent - Root Container for Angular Node Editors","description":"Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions.","group":"Containers","vector":[-0.03507,0.04493,-0.05906,0.05193,0.07259,0.06197,-0.06083,0.04481,0.00859,0.02508,-0.09425,0.0146,-0.07976,-0.00228,0.04008,-0.02107,-0.02354,0.0544,-0.01646,-0.02481,-0.03416,-0.02983,0.04452,-0.00916,-0.00894,0.05177,-0.08175,0.00962,0.11645,-0.00815,0.0799,0.14231,-0.01784,0.07128,-0.04258,0.09745,0.0137,0.00063,-0.07916,-0.02625,0.12858,0.03984,0.01594,-0.09612,-0.01301,-0.08685,-0.09082,-0.05091,-0.09042,0.04192,-0.02782,-0.08374,0.0075,0.04663,-0.00513,-0.00549,0.0143,-0.06928,0.0559,0.01792,0.00099,-0.07862,-0.01435,0.01253,0.06215,0.05671,-0.0493,-0.01369,-0.02383,0.0024,0.03421,-0.0099,0.01205,-0.00955,0.02767,-0.03549,-0.08336,0.05865,-0.05874,-0.00723,0.06555,0.0051,0.0038,-0.00496,-0.04833,0.13171,-0.02581,-0.03269,-0.01464,-0.00211,-0.08781,0.01985,-0.01461,0.00205,0.01138,0.05662,-0.08482,0.02677,-0.08062,0.02667,-0.00914,-0.05374,0.01487,0.04673,0.01012,-0.00525,-0.04846,0.05571,-0.06786,-0.00043,0.0004,0.0228,-0.01845,-0.09381,-0.02546,-0.07111,0.00011,-0.06941,0.02661,0.12553,0.03406,0.02212,-0.0304,0.00789,0.09281,-0.01626,-0.04596,0,0.00572,0.03267,0.01131,0.02612,0.12463,-0.01804,0.01975,-0.09343,-0.0411,0.0298,-0.00144,0.02728,-0.0555,-0.04943,-0.03497,-0.14037,-0.01032,0.01847,-0.04023,-0.05422,0.04866,-0.00381,-0.08056,0.03659,0.00451,-0.01428,-0.02666,-0.01016,-0.01917,0.01046,0.05605,0.01148,0.07395,-0.00274,0.00935,-0.0423,0.00102,-0.03612,-0.05863,-0.06104,0.00659,-0.01379,-0.02474,0.0332,-0.0574,-0.0362,-0.03766,0.00543,0.08533,-0.01133,0.02779,0.08041,0.00907,-0.01226,0.09679,-0.00379,0.0037,0.05965,0.03264,0.04625,-0.02868,0.0035,-0.02928,-0.03069,0.03689,0.03573,0.02187,-0.02322,0.03584,-0.05444,-0.08534,0.103,-0.01192,0.07721,0.04224,0.01022,0.00807,0.01857,-0.01444,0.0028,-0.09669,-0.039,-0.04141,0.12617,0.05219,-0.13723,-0.03452,-0.0245,-0.00331,-0.08656,0.0735,-0.02216,0.00435,-0.03249,-0.01237,0,0.01288,0.03035,-0.04639,0.102,0.02324,-0.03419,0.01689,0.02798,0.07396,0.06323,0.01898,0.06717,0.00045,-0.04122,-0.04294,0.00233,-0.05675,-0.11597,0.11075,-0.04965,-0.01205,0.04356,0.00306,0.01617,-0.05493,0.04889,0.03513,0.00828,-0.00378,-0.02272,0.0119,-0.02858,-0.05801,-0.01656,-0.00391,-0.05582,-0.02373,0.08416,-0.01958,-0.05392,0.02049,0.04501,-0.03303,-0.00026,-0.09895,-0.00501,0.07524,-0.04195,0.01764,-0.05065,-0.07736,0.0025,-0.04649,0.04377,0.00461,-0.01787,0.08436,0.0254,0.00054,-0.01912,0.10088,-0.01349,-0.02056,-0.02497,0.07147,0.02093,-0.1141,-0.01417,0.05408,0.06985,0.01651,0.0146,0.03067,0.05972,0.03745,0.00142,0.12137,-0.03302,0.08669,0.04699,-0.07069,0.12595,-0.08144,0.04543,0.08861,-0.04297,-0.07133,0.02149,0.03292,0.01027,-0.02902,0.04579,-0.03015,0.0042,0.05303,0,-0.12678,-0.00631,-0.0777,-0.00351,0.04542,-0.05736,0.03872,-0.02782,-0.04383,-0.02568,-0.01798,0.02186,0.01343,-0.08302,0.07717,-0.03952,-0.01169,0.0561,-0.05634,0.00757,-0.05155,0.04088,-0.00179,0.03904,-0.05607,-0.00588,0.01429,0.00957,0.08407,0.06262,-0.0156,0.02452,0.02132,0.01203,-0.09744,-0.002,-0.0983,-0.00021,-0.00037,0.03393,0.02531,-0.06549,0.01199,-0.02182,-0.06769,0.0738,-0.01663,0.01516,0.03516,0.03807,-0.01565,0.0134,-0.09069,0.08228,0.07458,-0.00296,-0.01625,-0.003,0.03441,-0.07922,-0.03451,0.0462,0.07256,0.041],"keywords":"FFlowComponent - Root Container for Angular Node Editors FFlowComponent - Root Container for Angular Node Editors Reference for `f-flow`, the root container that hosts flow context and orchestrates rendering and interactions. Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::","excerpt":"Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::"},{"chunkId":"/docs/f-canvas-component#0","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[0.00292,0.01071,-0.09383,-0.03845,0.05963,0.04151,0.06348,0.10983,0.06129,-0.02285,0.00648,-0.03871,-0.06044,0.06272,-0.01289,-0.08798,-0.04974,0.02652,-0.01933,0.05096,-0.06438,-0.12119,0.00539,-0.06126,-0.01882,0.01888,-0.01414,-0.03095,0.01043,-0.057,0.00722,0.11795,0.02964,0.04301,-0.07742,-0.01592,0.01543,-0.04659,-0.09222,-0.05449,-0.00461,0.05567,0.02816,-0.04939,0.04131,-0.02734,-0.00146,-0.01521,-0.01239,0.09757,-0.05169,-0.02143,-0.05788,0.122,0.05888,0.03698,0.05294,-0.06172,0.03564,0.04529,-0.02272,0.01303,-0.00092,0.07418,-0.02217,0.00417,-0.06073,-0.02889,-0.01529,-0.03983,-0.02845,-0.02914,0.12725,-0.08761,0.13367,-0.05992,-0.06182,0.05301,-0.00582,-0.06043,0.02725,0.04464,-0.0263,0.04422,0.00077,0.09792,-0.04494,-0.0797,-0.05255,0.0727,-0.06686,0.08443,-0.08182,0.0286,-0.01365,-0.10072,-0.07217,-0.0271,-0.02864,-0.00532,0.05675,-0.0257,0.104,0.03234,-0.02575,-0.03588,-0.03875,0.01998,-0.00562,-0.0433,-0.02533,-0.01928,0.02275,-0.01562,-0.03377,-0.01364,0.00057,-0.04414,0.0529,0.01581,0.02546,0.02516,-0.04234,-0.03028,0.00101,-0.00107,-0.01857,0,-0.03201,0.02539,-0.00322,0.06471,0.05918,-0.01771,0.0477,-0.03926,-0.04274,-0.01358,-0.04823,0.05611,-0.09096,0.0553,-0.0105,-0.09243,-0.04639,0.00052,-0.02148,-0.02782,0.10076,-0.06155,-0.0499,-0.02007,0.08735,0.09616,-0.06895,0.07942,-0.10024,0.06137,-0.06806,0.00002,-0.004,0.00352,-0.05437,-0.05197,-0.01776,-0.05824,-0.08684,-0.00088,-0.06946,-0.02325,-0.08403,-0.01447,0.02637,-0.04331,-0.07747,0.10198,0.04045,0.02538,0.02714,-0.03491,0.04265,-0.05228,0.06212,-0.04641,-0.01905,0.06169,-0.01833,0.06022,0.02754,0.04047,-0.14143,0.01622,0.04984,0.08679,0.01753,-0.0028,-0.03496,-0.03945,-0.03575,0.09251,0.046,0.04726,0.07256,-0.00627,-0.04499,-0.01067,-0.01801,0.02267,-0.07548,-0.02482,0.0256,0.01422,-0.04748,-0.01975,0.0567,0.01771,-0.06868,-0.0136,0.05287,-0.01582,0.06343,-0.01289,0.00315,0,-0.03427,0.02425,-0.02979,0.05071,0.01351,-0.03589,0.05389,0.02496,0.05156,-0.01039,-0.03471,0.00234,0.00899,-0.03511,-0.00966,0.04565,-0.02332,-0.1021,-0.0528,-0.02512,0.00741,-0.00469,0.00685,-0.0115,-0.07104,0.00929,0.06156,0.0207,-0.04536,0.00116,-0.0159,-0.08194,-0.00267,0.0058,0.05258,-0.03643,0.03759,-0.02206,-0.03333,-0.03385,-0.0206,0.03697,-0.01545,0.02449,-0.02863,0.09351,-0.00125,-0.00171,-0.01163,0.03872,-0.06829,0.0381,0.00045,-0.06509,-0.02247,0.09319,0.0688,0.04064,-0.04687,-0.02327,0.05593,-0.05421,-0.02812,0.01783,0.07994,0.05164,-0.01943,0.05812,0.04886,0.08203,0.12769,-0.01333,0.03737,0.02664,-0.03383,0.02239,0.12278,0.05094,0.0967,0.08984,0.03604,0.05297,0.03646,0.0657,0.03923,0.02819,-0.06803,-0.03461,0.04754,0.04619,-0.02595,0.04227,0.01506,-0.07148,0.04255,0,-0.09992,0.01092,-0.0674,-0.04697,-0.02336,0.02112,0.03461,0.02885,-0.05362,-0.0072,0.00704,0.08847,0.02335,-0.01073,0.05944,-0.0125,0.04846,0.02268,-0.022,-0.06981,-0.03819,0.02331,0.01971,0.08161,-0.043,-0.06759,-0.10281,0.02392,0.0669,-0.03396,-0.07266,0.01316,0.00783,0.0652,-0.0792,0.05643,-0.10117,0.02558,-0.04963,0.00415,0.05137,-0.05587,0.02456,-0.03474,-0.0158,0.08416,0.02914,-0.02403,-0.06605,0.02646,-0.05318,0.02156,-0.0072,0.0515,0.00791,0.02274,-0.00234,-0.01622,0.02146,-0.02633,-0.13348,0.10492,0.00411,0.04921],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Canvas Selector: f-canvas Class: FCanvasComponent f-canvas is the viewport layer inside f-flow. It is responsible for the transform of the whole diagram - pan (position) and zoom (scale). Everything that should move/scale together (nodes, groups, connections) must be placed inside f-canvas. F Canvas Component","excerpt":"Canvas Selector: f-canvas Class: FCanvasComponent f-canvas is the viewport layer inside f-flow. It is responsible for the transform of the whole diagram - pan (position) and zoom (scale). Everything that should move/scale together (nodes, groups, connections) must be placed inside f-canvas."},{"chunkId":"/docs/f-canvas-component#1","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.005,0.00082,-0.03384,-0.0323,0.07663,0.03524,0.03258,0.10079,0.04989,-0.03161,0.01511,-0.04585,-0.02907,0.05014,0.01476,-0.08155,-0.01675,0.02286,-0.04483,0.02015,-0.0475,-0.15171,-0.01479,-0.04211,-0.00761,0.02901,-0.02302,-0.04335,0.01676,-0.07041,-0.01791,0.10981,0.03369,0.01414,-0.08932,-0.00408,0.05425,-0.05473,-0.09655,-0.05724,-0.01653,0.04196,0.0519,-0.04108,0.04613,-0.02437,-0.01728,-0.01463,-0.05459,0.08948,-0.04436,-0.03509,-0.04072,0.1145,0.06745,0.0454,0.05877,-0.05779,0.04209,0.02996,-0.01738,0.00898,-0.0094,0.09918,-0.03155,0.0312,-0.03698,-0.04268,-0.00449,-0.03639,-0.046,-0.0382,0.11006,-0.07948,0.13017,-0.06802,-0.067,0.03371,-0.02908,-0.06124,0.03518,0.03714,-0.02936,0.05358,-0.00176,0.08393,-0.04245,-0.03713,-0.04244,0.0744,-0.07942,0.053,-0.06866,0.00374,-0.01056,-0.08154,-0.08421,-0.047,-0.02969,0.02748,0.06698,-0.01757,0.11323,0.0201,-0.0085,-0.05177,-0.038,0.0188,-0.00861,0.00872,-0.02315,-0.02318,0.05228,-0.02263,-0.02611,-0.00051,0.00556,-0.02519,0.06213,0.01229,0.05194,0.03514,-0.0417,-0.01917,0.01341,0.03,-0.05725,0,-0.04319,-0.00503,0.02248,0.08486,0.05894,-0.00759,0.03901,-0.04885,-0.01918,-0.00463,-0.03067,0.10001,-0.0996,0.04917,0.00231,-0.12297,-0.0252,0.02486,-0.03651,-0.02931,0.08552,-0.05958,-0.08077,-0.00927,0.09103,0.1027,-0.06867,0.11961,-0.08898,0.04701,-0.07912,0.00384,0.00323,-0.02515,-0.04905,-0.06066,-0.02017,-0.08593,-0.06127,-0.0158,-0.06552,-0.03322,-0.12548,-0.02455,0.02568,-0.03498,-0.04306,0.0891,0.03348,-0.00603,0.03158,-0.01396,0.02268,-0.06033,0.05553,-0.04106,-0.01639,0.03838,-0.0124,0.08363,0.0094,0.03313,-0.10852,-0.01244,0.05919,0.08488,-0.00272,-0.01408,-0.02975,-0.03825,-0.04439,0.11445,0.0093,0.05498,0.07065,-0.01118,-0.04678,-0.01748,-0.03902,0.01654,-0.06095,-0.03099,0.03471,0.02549,0.00765,-0.05595,0.0606,0.02311,-0.10901,-0.01,0.04325,-0.00849,0.08685,0.01432,0.00993,0,-0.04134,0.02531,-0.03071,0.04362,0.01311,-0.02306,0.0536,0.02522,0.0721,-0.04378,-0.04809,-0.01095,-0.01379,-0.03524,-0.02352,0.05152,-0.01183,-0.11147,-0.05876,-0.01262,0.02389,0.02853,-0.02656,0.0047,-0.06712,0.02689,0.03997,0.01756,-0.04671,-0.00946,-0.01099,-0.06826,-0.02207,0.00457,0.04491,-0.05172,0.00133,-0.00525,-0.0387,-0.02112,-0.02106,0.038,-0.01589,0.02714,-0.01447,0.09581,-0.00453,-0.01069,-0.06508,0.03641,-0.08491,0.02838,0.00212,-0.06273,-0.02979,0.0821,0.07452,0.03136,-0.03125,-0.03703,0.0313,-0.0782,-0.03378,-0.01921,0.03858,0.04922,0.00617,0.05118,0.06359,0.07743,0.12011,-0.02614,0.03078,-0.00232,-0.01113,0.01053,0.10296,-0.00156,0.07418,0.04699,0.00436,0.04148,0.05855,0.05341,0.00439,0.05505,-0.07014,-0.0228,0.0709,0.06558,-0.06428,0.06826,0.02218,-0.01397,0.03305,0,-0.10858,0.01909,-0.05761,-0.02225,-0.02296,0.01676,0.03964,0.03586,-0.04916,-0.02786,-0.01308,0.07602,0.02175,0.00768,0.08168,-0.00355,0.07859,0.04904,-0.02815,-0.07525,-0.03404,0.02751,0.01565,0.07449,-0.03602,-0.06893,-0.09037,0.05367,0.04391,-0.01885,-0.04789,0.0035,-0.00527,0.06747,-0.08184,0.0428,-0.08981,0.00798,-0.00363,0.02963,0.07246,-0.03508,-0.00264,-0.02318,-0.04332,0.09461,0.04814,-0.04791,-0.06144,0.02708,-0.03425,0.0165,-0.02184,0.06917,0.02308,0.02182,0.02368,-0.00139,0.05215,0.00393,-0.11332,0.08426,0.00439,0.03761],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Role in the flow structure A typical diagram structure is always: - f-flow is the root container and the integration point for plugins (drag, selection, zoom, helpers, minimap). - f-canvas is the viewport that applies position + scale to its content. - Nodes / groups / connections outside of f-canvas won’t participate in transforms and interaction logic. What you get - Pan/zoom transform state for the whole diagram. - Imperative viewport methods (fitToScreen, centerGroupOrNode, scale control). - Debounced fCanvasChange notifications for sync with external UI. fit To Screen center Group Or Node f Canvas Change","excerpt":"Role in the flow structure A typical diagram structure is always: - f-flow is the root container and the integration point for plugins (drag, selection, zoom, helpers, minimap). - f-canvas is the viewport that applies position + scale to its content. - Nodes / groups / connections outside of f-canvas won’t participate in transforms and interaction logic. What you get - Pan/zoom transform state for the whole diagram. - Imperative viewport methods (fitToScreen, centerGroupOrNode, scale control). - Debounced fCanvasChange notifications for sync with external UI."},{"chunkId":"/docs/f-canvas-component#2","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.01645,0.0064,-0.07909,-0.03633,0.03727,0.03339,0.05493,0.12753,0.02698,-0.01707,-0.03559,-0.06204,-0.05409,0.06536,-0.00987,-0.1007,-0.02683,0.03471,-0.01724,0.07234,-0.04862,-0.12828,-0.00124,-0.05685,-0.02076,0.01983,0.01976,-0.06934,0.01358,-0.0415,0.01324,0.13168,0.04631,0.01348,-0.05483,-0.03909,0.01098,-0.0548,-0.10788,-0.06519,-0.00409,0.03616,0.02127,-0.03926,0.03996,-0.04167,0.00557,-0.0185,-0.02769,0.10439,-0.05597,-0.03413,-0.04082,0.09833,0.05872,0.02869,0.05293,-0.03956,0.0322,0.04206,-0.02328,-0.00295,-0.00315,0.06447,-0.00858,0.01957,-0.06151,-0.02125,-0.00698,-0.04681,-0.06046,-0.0243,0.14721,-0.07659,0.11555,-0.05782,-0.08222,0.03734,-0.02796,-0.07413,0.01329,0.0254,-0.03038,0.0524,0.00876,0.09174,-0.00407,-0.03523,-0.02023,0.05229,-0.05014,0.09011,-0.06898,0.01756,-0.00987,-0.10128,-0.06357,-0.05248,-0.0208,-0.01994,0.06658,-0.01669,0.10426,0.0733,-0.01913,-0.04667,-0.00534,-0.00614,-0.01507,-0.01197,-0.01893,-0.01701,0.01835,-0.02681,-0.00174,0.0087,-0.00122,-0.05799,0.06299,-0.01378,0.05201,-0.01185,-0.03332,-0.03238,0.01085,0.00606,0.01866,0,-0.05065,0.02503,-0.0128,0.06628,0.06431,-0.01171,0.05808,-0.03196,-0.01705,-0.00558,-0.04543,0.09357,-0.06871,0.06233,0.00096,-0.09475,-0.07252,0.02511,-0.02486,0.00301,0.09971,-0.07128,-0.05006,-0.02383,0.07876,0.09868,-0.06603,0.08512,-0.10964,0.05296,-0.05998,-0.01895,0.01382,-0.01114,-0.07704,-0.0552,-0.03497,-0.06235,-0.06828,0.01435,-0.08026,-0.01618,-0.05971,-0.03665,0.00363,-0.04463,-0.06594,0.10236,0.03125,0.00192,0.03828,-0.01252,0.03516,-0.06212,0.07209,-0.04193,-0.02252,0.06321,0.01465,0.05005,0.02675,0.05263,-0.10507,0.00341,0.0132,0.09525,0.02959,0.00968,-0.04938,-0.0398,-0.02983,0.0826,0.0087,0.01933,0.08792,-0.01102,0.0044,0.00384,-0.01553,-0.0176,-0.05189,-0.01979,0.02718,0.0266,-0.02062,-0.02476,0.05346,-0.00873,-0.12983,-0.03293,0.04539,-0.02368,0.0687,-0.01818,0.00234,0,-0.00329,0.00744,-0.06503,0.05268,0.01832,-0.03618,0.05557,0.05558,0.04638,-0.04855,-0.03961,0.02581,-0.0117,-0.00032,-0.01303,0.05861,-0.01204,-0.09621,-0.04273,-0.04464,0.00438,-0.01992,0.00072,-0.02291,-0.0931,0.02531,0.07581,0.00518,-0.05751,-0.02771,-0.02609,-0.06049,0.00911,0.02005,0.05375,-0.03026,0.05912,-0.00469,-0.05856,-0.04568,-0.00245,0.02882,-0.00276,0.03726,-0.04061,0.07763,-0.03034,0.01372,-0.01445,0.03437,-0.05333,0.02766,0.0088,-0.07267,-0.04553,0.07652,0.04974,0.02675,-0.05174,-0.01129,0.03762,-0.05714,-0.02782,0.03449,0.08812,0.06967,-0.03097,0.07016,0.02808,0.08282,0.11643,-0.02105,0.01724,0.03976,-0.02851,0.05452,0.12658,0.01312,0.08617,0.07905,0.02839,0.04802,0.05932,0.05491,0.04092,0.0517,-0.10228,-0.05333,0.06187,0.04917,-0.04049,0.05247,0.02863,-0.03807,0.04746,0,-0.10948,0.00289,-0.05069,-0.03285,-0.04274,0.02026,0.00648,0.00112,-0.03558,-0.03851,-0.0027,0.05074,0.01488,0.01635,0.07764,-0.00154,0.04895,0.02562,-0.03266,-0.07819,-0.0177,0.04288,0.05078,0.05963,-0.03073,-0.03564,-0.08152,0.03762,0.09745,-0.05171,-0.03771,0.02171,0.02255,0.06829,-0.05348,0.05143,-0.08208,0.02027,-0.0446,-0.00152,0.0373,-0.05343,0.00503,-0.0519,0.00262,0.08858,0.01014,-0.02352,-0.03888,0.01937,-0.0765,0.03506,-0.00788,0.0712,0.03449,0.02078,-0.01231,-0.00347,0.05993,-0.00628,-0.10273,0.10117,-0.00817,0.07678],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. API","excerpt":"API"},{"chunkId":"/docs/f-canvas-component#3","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.00843,-0.00909,-0.08417,-0.03359,-0.00346,0.04438,0.05513,0.12073,0.06905,-0.03858,-0.01486,-0.04869,-0.05951,0.04804,-0.04894,-0.09604,-0.03274,0.018,-0.05065,0.03598,-0.04982,-0.13038,-0.02011,-0.05217,0.00686,0.01026,0.01549,-0.06557,0.03004,-0.0573,0.00125,0.11974,0.07017,-0.01887,-0.06181,-0.02418,-0.00957,-0.03369,-0.0878,-0.06482,0.00294,0.03004,0.00231,-0.06723,0.04112,-0.03824,-0.00779,0.02354,-0.02066,0.10565,-0.0336,0.00459,-0.04791,0.08898,0.0449,0.02461,0.07136,-0.00336,0.02628,0.03402,-0.03761,0.01491,-0.02427,0.05067,-0.01087,0.04099,-0.02795,-0.09153,-0.01809,0.00178,-0.02127,-0.03569,0.15232,-0.08987,0.10546,-0.04942,-0.08917,0.06044,-0.01312,-0.05383,0.03185,0.01738,-0.01224,0.02652,0.03925,0.08339,-0.01026,-0.04187,-0.01902,0.07083,-0.0622,0.10408,-0.08635,0.05158,-0.01442,-0.09229,-0.06224,0.0002,-0.01679,-0.01529,0.03926,-0.01057,0.06807,0.08046,-0.00819,-0.03925,-0.0115,-0.02955,-0.00779,-0.01035,-0.01796,-0.04135,0.04215,0.02076,-0.01478,0.02702,0.01572,-0.02935,0.02074,-0.0324,0.05396,0.00534,-0.06331,-0.07243,-0.01748,-0.00227,0.02697,0,-0.05003,0.00714,-0.0072,0.03895,0.05671,-0.01311,0.02553,-0.01146,-0.03358,-0.00319,-0.02331,0.08262,-0.06644,0.03621,-0.0052,-0.08766,-0.01588,0.01678,-0.03847,-0.00738,0.11486,-0.05931,-0.08585,-0.02226,0.07425,0.09865,-0.06629,0.09222,-0.12198,0.0378,-0.05758,-0.01713,-0.01075,-0.01474,-0.06962,-0.07001,0.0083,-0.02779,-0.06854,-0.0178,-0.09079,-0.02269,-0.09061,-0.02732,0.03412,-0.06233,-0.04552,0.10944,0.00997,0.0022,0.03102,-0.00056,0.03043,-0.06103,0.0539,-0.03285,0.01204,0.07331,-0.02204,0.04042,0.04062,0.04208,-0.09684,0.00173,0.03798,0.10971,0.01081,-0.00657,-0.05755,-0.06218,0.00216,0.07886,0.02208,0.04778,0.05788,-0.00448,0.00161,-0.01652,0.00208,-0.0021,-0.01547,-0.01162,0.01498,0.00338,-0.02678,-0.0504,0.04468,0.00912,-0.11434,-0.01295,0.04624,-0.00985,0.07615,-0.04525,0.0062,0,-0.01949,0.0246,-0.0754,0.07899,0.00268,-0.00142,0.05768,0.10697,0.05711,-0.04674,-0.00594,0.00672,-0.01778,-0.02012,-0.05966,0.09044,-0.03452,-0.06404,-0.05919,-0.05207,0.02635,-0.02701,-0.01737,0.01852,-0.07992,0.02991,0.08115,0.02124,-0.06485,-0.03131,-0.04906,-0.04293,-0.01538,0.0251,0.03377,-0.02568,0.04076,-0.03815,-0.06027,-0.02232,-0.00041,0.06676,0.01473,0.03695,0.00185,0.06711,-0.04766,0.01293,-0.00714,0.03233,-0.02276,0.04282,0.01793,-0.05576,-0.04979,0.0936,0.05338,0.02955,-0.02697,0.02258,0.06078,-0.06151,-0.0197,0.05135,0.08224,0.0738,-0.00622,0.07122,0.06134,0.06607,0.14936,-0.02528,0.01001,0.01913,-0.07258,0.01991,0.11294,0.00966,0.069,0.05074,0.06032,0.05064,0.06534,0.05229,0.00713,0.07225,-0.09395,-0.04888,0.06624,0.06325,-0.03177,0.04558,0.01062,-0.04909,0.05173,0,-0.09946,0.01318,-0.03934,-0.02337,-0.02116,-0.00928,0.02212,-0.00285,-0.05145,-0.0698,-0.00079,0.03187,0.02004,0.00657,0.06835,-0.00946,0.06913,0.01926,-0.01648,-0.09022,-0.01311,0.02427,0.02179,0.04063,-0.04589,-0.0753,-0.08123,0.06498,0.06965,-0.05227,-0.05234,0.04219,0.03177,0.06615,-0.0953,0.00571,-0.0913,0.02343,-0.03988,0.00314,0.02431,-0.0391,-0.01468,-0.05432,-0.04467,0.06262,0.05164,-0.03095,-0.0265,0.02156,-0.03499,0.04063,0.01053,0.0193,0.04021,0.01493,-0.0253,0.03384,0.0408,0.01371,-0.13938,0.06488,-0.01866,0.03659],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Inputs - position: InputSignal<IPoint; Canvas position (pan). When it changes, the canvas is redrawn. - scale: InputSignal<number; Canvas scale (zoom). When it changes, the canvas is redrawn. - debounceTime: InputSignal<number; Debounce time (ms) for fCanvasChange. Values below 0 are normalized to 0. Input Signal I Point debounce Time f Canvas Change","excerpt":"Inputs - position: InputSignal<IPoint; Canvas position (pan). When it changes, the canvas is redrawn. - scale: InputSignal<number; Canvas scale (zoom). When it changes, the canvas is redrawn. - debounceTime: InputSignal<number; Debounce time (ms) for fCanvasChange. Values below 0 are normalized to 0."},{"chunkId":"/docs/f-canvas-component#4","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.02678,0.0047,-0.09006,-0.03632,0.05035,0.04791,0.05982,0.11287,0.05283,-0.01656,-0.00573,-0.07672,-0.06582,0.03675,-0.01885,-0.0982,-0.03714,0.04263,-0.03963,0.03379,-0.04417,-0.11928,-0.02011,-0.04854,-0.01317,0.00453,0.00225,-0.06065,0.00655,-0.04679,0.01101,0.11332,0.05152,0.01627,-0.0745,-0.03966,0.04031,-0.05805,-0.07814,-0.06685,-0.00945,0.00372,0.02462,-0.0579,0.02183,-0.02735,0.00813,-0.0088,-0.0545,0.10741,-0.01445,-0.01918,-0.05797,0.10811,0.08548,0.0375,0.07593,-0.01309,0.02391,0.04742,-0.03964,0.01973,-0.01776,0.06053,-0.00709,0.02694,-0.05665,-0.03633,-0.01822,-0.05548,-0.05296,-0.03605,0.12652,-0.08033,0.11582,-0.08927,-0.07368,0.04383,-0.02154,-0.07299,0.02799,0.03576,-0.02304,0.03806,0.03222,0.08718,-0.00641,-0.02451,-0.02505,0.08375,-0.06505,0.09187,-0.06363,0.0253,-0.02456,-0.08683,-0.0501,-0.03092,0.00074,0.00109,0.06396,-0.00281,0.10128,0.05958,-0.02203,-0.05924,-0.02623,0.00459,-0.0072,-0.01121,-0.00933,-0.0256,0.00603,-0.02466,0.00935,-0.00746,0.00515,-0.02312,0.03558,-0.01208,0.05917,0.0066,-0.06346,-0.03202,-0.00284,0.0013,0.01626,0,-0.02964,-0.0012,-0.0146,0.05406,0.05841,-0.00191,0.03589,-0.03809,-0.00615,-0.0195,-0.02213,0.12151,-0.07371,0.06117,-0.00005,-0.116,-0.05385,0.01179,-0.0042,-0.01539,0.08633,-0.04494,-0.06077,-0.01301,0.08118,0.09803,-0.05651,0.09587,-0.12267,0.04472,-0.06096,-0.01671,0.00877,-0.03454,-0.0791,-0.06936,-0.0419,-0.07762,-0.08591,0.01652,-0.07048,-0.03768,-0.10602,-0.03041,0.03341,-0.0293,-0.06515,0.09364,0.06269,-0.01189,0.0224,-0.01669,0.04291,-0.04547,0.07138,-0.009,-0.02018,0.06443,-0.00133,0.0392,0.031,0.04283,-0.10124,-0.01223,0.01925,0.09153,0.03383,-0.00951,-0.04746,-0.02772,-0.04108,0.08711,0.00683,0.04034,0.07645,0.00948,-0.02288,0.00625,-0.05013,-0.01447,-0.04371,-0.01059,0.02026,0.01056,0.00841,-0.0302,0.0343,-0.00287,-0.12907,-0.01146,0.04329,-0.0164,0.07672,-0.00947,-0.00702,0,-0.00145,0.00896,-0.0774,0.04352,0.01101,-0.02704,0.03269,0.0478,0.02816,-0.03878,-0.03453,-0.0163,-0.02051,-0.00298,-0.04183,0.05369,-0.00783,-0.08042,-0.07292,-0.03245,0.00217,-0.02799,0.0314,-0.01322,-0.06732,0.01064,0.08047,0.01205,-0.07438,-0.04762,-0.02873,-0.05455,0.00536,0.02359,0.05899,-0.04936,0.07154,-0.04102,-0.04739,-0.01811,0.00417,0.05934,0.01876,0.05306,-0.04285,0.096,-0.04795,0.00877,-0.00845,0.04835,-0.02326,0.03091,-0.01337,-0.06294,-0.04405,0.0706,0.05837,0.03664,-0.05783,0.01315,0.03189,-0.06825,-0.01832,0.03102,0.09546,0.06211,-0.02171,0.06285,0.04483,0.10184,0.14679,-0.05283,0.01005,0.0199,-0.05148,0.02964,0.11582,-0.02317,0.05809,0.07232,0.04667,0.01563,0.0746,0.0449,-0.00541,0.04206,-0.09262,-0.03959,0.07196,0.03813,-0.04451,0.0688,0.00792,-0.03866,0.03798,0,-0.10895,-0.00616,-0.04917,-0.03082,-0.03398,0.03186,0.01396,-0.02215,-0.04372,-0.05332,-0.014,0.0353,0.02161,0.00931,0.08868,-0.01734,0.06099,0.01615,-0.02284,-0.08392,-0.02071,0.05273,0.0262,0.04671,-0.03159,-0.06885,-0.07266,0.06285,0.08287,-0.04695,-0.04308,0.0349,0.02041,0.02376,-0.05531,0.06594,-0.07516,-0.00328,-0.02334,0.00993,0.0569,-0.05528,-0.02475,-0.04006,-0.02646,0.0551,0.03692,-0.03058,-0.04454,0.01037,-0.03971,0.01448,0.01345,0.06302,0.02622,0.02118,-0.01724,0.01125,0.07678,0.01029,-0.0963,0.09135,0.02892,0.05934],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Outputs - fCanvasChange: OutputEmitterRef<FCanvasChangeEvent; Emits when the canvas transform changes (position/scale). Useful for syncing external UI (toolbar, status). f Canvas Change Output Emitter Ref F Canvas Change Event","excerpt":"Outputs - fCanvasChange: OutputEmitterRef<FCanvasChangeEvent; Emits when the canvas transform changes (position/scale). Useful for syncing external UI (toolbar, status)."},{"chunkId":"/docs/f-canvas-component#5","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.00197,-0.03363,-0.05699,0.00545,0.05029,0.07257,0.09066,0.08456,0.03882,-0.02842,0.00632,-0.07603,-0.03289,-0.00189,-0.03545,-0.07915,-0.02838,0.02886,-0.0773,0.03045,-0.02185,-0.14193,0.0132,-0.02969,0.01067,-0.00985,-0.01225,-0.06861,-0.00064,-0.07822,-0.00693,0.10435,0.01108,0.02357,-0.06633,-0.00967,-0.01039,-0.06275,-0.11774,-0.04207,-0.00378,0.06319,0.04699,-0.06369,0.02664,-0.00869,-0.00037,0.0315,0.00816,0.06408,-0.01239,-0.02677,-0.02938,0.08183,0.0698,0.05831,0.07914,-0.04112,0.05559,-0.00576,0.01099,0.00568,0.00339,0.05073,-0.03834,-0.01373,0.00339,-0.08941,-0.01233,0.0075,-0.03583,-0.02104,0.12011,-0.0466,0.0355,-0.05895,-0.06137,0.05118,-0.01777,-0.05035,0.02926,0.03272,-0.01318,0.06699,0.05594,0.0338,-0.02062,-0.07653,0.00228,0.10253,-0.06961,0.10647,-0.06656,0.02013,0.02271,-0.09352,-0.04465,-0.05313,0.01077,0.02694,0.07421,0.00713,0.03146,0.0449,-0.01804,-0.04166,-0.02567,-0.02821,-0.04558,0.00699,-0.01239,-0.01223,0.01147,0.00664,-0.03968,0.03014,0.03954,0.00244,0.02701,-0.01016,0.05696,0.01711,-0.05356,-0.02607,0.04224,0.01389,-0.01609,0,-0.04583,-0.04116,-0.04844,0.05125,0.04813,0.03082,0.00213,0.05952,-0.05195,-0.0423,-0.00372,0.05875,-0.03042,0.01367,0.04239,-0.12165,0.01222,0.02261,-0.05523,-0.00887,0.06512,-0.06668,-0.08912,-0.03202,0.01342,0.07028,-0.08746,0.10786,-0.11088,0.02879,-0.09434,0.0081,0.00449,-0.00557,-0.06898,-0.05971,-0.00972,-0.04158,-0.03554,0.01418,-0.06703,0.00208,-0.09537,-0.04306,0.01478,-0.03704,-0.04609,0.09856,0.00603,-0.00162,0.05394,-0.02025,0.01172,-0.11834,0.07636,-0.01372,-0.0271,0.03458,-0.03479,0.03118,-0.01477,0.02618,-0.07108,0.02398,0.03503,0.08119,0.03723,-0.0145,-0.04956,-0.07405,-0.02392,0.06295,0.03961,0.03227,0.0686,-0.01526,-0.02137,-0.01138,-0.02482,-0.02739,-0.03908,-0.00089,0.02752,0.00241,-0.01893,-0.09512,0.04831,0.04249,-0.12874,-0.02503,0.05168,-0.04483,0.07851,-0.0162,-0.04593,0,-0.01132,0.05041,-0.03709,0.03089,0.00698,0.00469,0.04897,0.03557,0.01714,-0.06242,-0.05095,0.02158,-0.06027,-0.0136,-0.0221,0.05468,-0.00849,-0.02933,-0.13053,0.00014,0.01149,-0.0175,-0.00952,0.0079,-0.04643,0.01726,0.087,0.03612,-0.03577,-0.00802,-0.03586,-0.047,-0.06779,0.01432,0.09581,-0.04696,0.0257,-0.02323,-0.07872,-0.0048,0.03469,0.05278,-0.00089,0.00562,0.00786,0.0943,0.00724,0.09093,-0.04958,0.06903,-0.06766,0.01218,0.03804,-0.01733,-0.03829,0.08025,0.03941,-0.02005,-0.00417,-0.0225,0.0607,-0.09383,-0.04264,0.02356,0.06404,0.05024,-0.03366,0.09227,0.0305,0.07838,0.07143,-0.06623,0.0306,-0.03222,-0.05515,0.07068,0.13659,-0.03372,0.06798,0.01679,0.04172,0.02858,0.05901,0.00393,0.02461,0.1192,-0.08662,-0.01543,0.07033,0.04809,-0.07186,0.00336,0.04797,-0.05513,0.038,0,-0.14886,0.01931,-0.01252,0.01982,0.00406,-0.02247,0.01661,0.00993,-0.02489,-0.06563,-0.02531,0.07954,0.07761,0.00974,0.07231,-0.01645,0.06322,-0.00847,-0.03407,0.01322,-0.05959,-0.02553,0.0165,0.04409,-0.03266,-0.07016,-0.06606,0.08756,0.08862,-0.06332,-0.01827,0.004,0.0312,0.1172,-0.09727,0.01246,-0.06576,0.0089,0.00919,0.01553,0.04096,-0.0308,0.02658,-0.00785,-0.04411,0.0532,0.06068,-0.05619,-0.00411,0.03679,-0.07078,-0.00516,-0.0009,0.0383,0.02545,-0.01482,0.01001,0.02008,0.00951,0.05521,-0.12417,0.09449,-0.08028,0.03945],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Methods - redraw(): void; Triggers an immediate redraw. - getPosition(): IPoint; Returns current canvas position. - setPosition(position: IPoint): void; Sets canvas position. - getScale(): number; Returns current scale. - setScale(scale: number, toPosition: IPoint = { x: 0, y: 0 }): void; Sets scale. Optionally zooms around a point (useful for “zoom to cursor” UX). - resetScale(): void; Resets scale to 1. - resetScaleAndCenter(animated: boolean = true, emitCanvasChange: boolean = true): void; Resets scale to 1 and centers the viewport. Pass false as the second argument for a programmatic move that must not emit fCanvasChange. - fitToScreen(padding: IPoint = { x: 0, y: 0 }, animated: boolean = true, emitCanvasChange: boolean = true): void; Fits all nodes/groups into the viewport. Padding adds extra space around content; the third argument controls fCanvasChange emission. - centerGroupOrNode(groupOrNodeId: string, animated: boolean = true, emitCanvasChange: boolean = true): void; Centers the viewport on a group or node by id. The third argument controls fCanvasChange emission. get Position I Point set Position get Scale set Scale to Position reset Scale reset Scale And Center emit Canvas Change f Canvas Change fit To Screen center Group Or Node group Or Node Id","excerpt":"Methods - redraw(): void; Triggers an immediate redraw. - getPosition(): IPoint; Returns current canvas position. - setPosition(position: IPoint): void; Sets canvas position. - getScale(): number; Returns current scale. - setScale(scale: number, toPosition: IPoint = { x: 0, y: 0 }): void; Sets scale. Optionally zooms around a point (useful for “zoom to cursor” UX). - resetScale(): void; Resets scale to 1. - resetScaleAndCenter(animated: boolean = true, emitCanvasChange: boolean = true): void; Resets scale to 1 and centers the viewport. Pass false as the second argument for a programmatic move that must not emit fCanvasChange. - fitToScreen(padding: IPoint = { x: 0, y: 0 }, animated: boolean = true, emitCanvasChange: boolean = true): void; Fits all nodes/groups into the viewport. Padding adds extra space around content; the third argument controls fCanvasChange emission. - centerGroupOrNode(groupOrNodeId: string, animated: boolean = true, emitCanvasChange: boolean = true): void; Centers the viewport on a group or node by id. The third argument controls fCanvasChange emission."},{"chunkId":"/docs/f-canvas-component#6","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.01799,0.00331,-0.07352,-0.05268,0.0292,0.0587,0.07297,0.13127,0.02474,-0.00844,-0.01477,-0.06268,-0.06207,0.06027,-0.03113,-0.10767,-0.04303,0.04267,-0.02179,0.06457,-0.04135,-0.11959,-0.01645,-0.04422,-0.01527,0.02423,0.00605,-0.07014,0.00969,-0.05435,-0.01047,0.12514,0.03749,0.02669,-0.0518,-0.04083,0.00386,-0.04003,-0.08768,-0.07016,0.00367,0.02483,0.02974,-0.044,0.04798,-0.0145,0.00711,-0.0101,-0.02438,0.09769,-0.05165,-0.00711,-0.0326,0.09096,0.06539,0.00872,0.07292,-0.03133,0.0276,0.04168,-0.02176,0.00822,-0.00785,0.05731,-0.01141,0.01735,-0.06469,-0.03408,-0.00964,-0.0378,-0.07269,-0.02223,0.14382,-0.0703,0.12094,-0.07299,-0.07947,0.04559,-0.02113,-0.07474,0.02129,0.04495,-0.03119,0.02738,0.01228,0.08207,-0.03206,-0.02751,-0.01723,0.07088,-0.04299,0.08341,-0.06853,0.00289,-0.00111,-0.11349,-0.05648,-0.05103,-0.0078,-0.01846,0.07348,-0.02409,0.09276,0.06369,-0.028,-0.05746,-0.01366,-0.03179,-0.01047,-0.00875,-0.02648,-0.02366,0.00994,-0.04552,-0.00931,-0.00988,-0.01543,-0.03812,0.0674,-0.03077,0.04002,-0.02298,-0.03064,-0.01117,-0.0143,-0.01613,0.01662,0,-0.05586,0.01974,-0.01862,0.06348,0.05465,-0.01098,0.05238,-0.01886,-0.01351,-0.00525,-0.03696,0.08083,-0.07656,0.07079,0.00178,-0.11943,-0.05878,0.01805,-0.02576,-0.01291,0.10883,-0.04239,-0.05748,-0.03395,0.07585,0.09858,-0.06593,0.0903,-0.1009,0.0627,-0.05295,-0.02322,0.00465,-0.03046,-0.06086,-0.06941,-0.02642,-0.06498,-0.06056,0.0052,-0.0715,-0.03124,-0.07529,-0.02822,0.02909,-0.01863,-0.04882,0.09598,0.03022,0.00571,0.03956,-0.02021,0.02082,-0.0672,0.06581,-0.01899,-0.02069,0.0756,0.00325,0.05595,0.01761,0.06552,-0.10112,-0.00566,0.0258,0.08173,0.03532,-0.02818,-0.04617,-0.02378,-0.03577,0.08561,-0.00898,0.03974,0.07433,0.00167,-0.01682,0.01819,-0.01641,-0.03559,-0.07659,-0.00187,0.03265,0.01069,-0.02603,-0.03535,0.06141,-0.00317,-0.11735,-0.02108,0.0565,-0.01459,0.06897,-0.00439,0.02318,0,-0.01563,0.00167,-0.06814,0.05028,-0.00327,-0.0419,0.05133,0.05644,0.04603,-0.04271,-0.04427,0.00205,-0.01153,0.00096,-0.02393,0.05206,-0.00322,-0.07616,-0.06912,-0.03082,0.00326,-0.02466,0.01042,-0.02037,-0.08245,0.02254,0.08694,0.02678,-0.05383,-0.01952,-0.03138,-0.05386,0.00231,0.01301,0.03937,-0.03931,0.05164,-0.01424,-0.06401,-0.03361,-0.00185,0.04215,0.01592,0.03921,-0.03984,0.08052,-0.043,0.04093,0.0106,0.04891,-0.05428,0.02043,0.01495,-0.06609,-0.0278,0.08664,0.06675,0.01626,-0.05658,-0.00034,0.03641,-0.06876,-0.01186,0.01303,0.10304,0.05219,-0.02347,0.03779,0.02704,0.09127,0.13049,-0.03536,0.0082,0.02463,-0.04177,0.04868,0.13527,0.02471,0.07771,0.06425,0.04541,0.0459,0.06367,0.05962,0.02629,0.06417,-0.07946,-0.06495,0.05111,0.05312,-0.04268,0.0569,0.03554,-0.03652,0.02289,0,-0.12526,0.00025,-0.03248,-0.03315,-0.0334,0.0291,0.00957,-0.00816,-0.0335,-0.05697,-0.02334,0.04743,0.02593,0.01505,0.07967,-0.02192,0.05372,0.01705,-0.02838,-0.0659,-0.01681,0.02302,0.04084,0.03669,-0.02955,-0.04456,-0.07275,0.03857,0.10754,-0.0407,-0.03909,0.01673,0.01843,0.06684,-0.06147,0.07389,-0.089,0.00621,-0.03628,0.00508,0.04361,-0.0479,0.00001,-0.04385,-0.01375,0.08958,0.02295,-0.02226,-0.05134,0.00264,-0.077,0.03229,-0.00654,0.08314,0.04784,0.02849,-0.00136,-0.00026,0.06933,0.00671,-0.10604,0.09505,-0.01454,0.0811],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Types IPoint FCanvasChangeEvent ITransformModel I Point F Canvas Change Event I Transform Model","excerpt":"Types IPoint FCanvasChangeEvent ITransformModel"},{"chunkId":"/docs/f-canvas-component#7","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.02467,0.0122,-0.07955,-0.01919,0.04065,0.04929,0.0736,0.1154,0.02732,-0.01582,-0.00387,-0.04395,-0.06907,0.06231,-0.01149,-0.09654,-0.04801,0.03178,-0.00916,0.09176,-0.04645,-0.13237,-0.01425,-0.06417,-0.00643,0.02334,0.01483,-0.04458,0.0291,-0.05713,-0.00332,0.13293,0.00935,0.02234,-0.07309,-0.0404,0.02862,-0.01913,-0.11102,-0.05884,-0.00123,0.02319,0.03659,-0.03611,0.00483,-0.04181,0.00233,-0.02337,-0.02494,0.10547,-0.0411,-0.04092,-0.05266,0.12836,0.06036,0.01647,0.06946,-0.01666,0.01507,0.05204,-0.03796,0.00561,-0.00709,0.04401,-0.01476,0.00158,-0.06119,-0.0245,-0.01095,-0.04668,-0.04365,-0.03766,0.12758,-0.0625,0.11012,-0.06598,-0.06214,0.07772,-0.02548,-0.03991,0.0348,0.02874,-0.0297,0.03486,-0.00317,0.10734,-0.01626,-0.06056,-0.04218,0.06255,-0.0571,0.09202,-0.05168,0.0139,-0.00975,-0.08887,-0.07012,-0.01236,-0.01528,-0.0085,0.04908,-0.01693,0.0951,0.05901,-0.02043,-0.04318,-0.01484,-0.00344,-0.02411,-0.03037,-0.0275,-0.02151,-0.00018,-0.04838,-0.00356,-0.01325,-0.02723,-0.06269,0.06822,0.00626,0.04556,0.02192,-0.02103,-0.03268,0.01214,-0.00722,-0.01554,0,-0.01281,0.02812,-0.02956,0.0732,0.06762,-0.02126,0.05351,-0.02751,-0.0208,0.00366,-0.04621,0.06493,-0.09242,0.05734,-0.01051,-0.10456,-0.03818,0.01174,-0.00598,-0.02802,0.09346,-0.07045,-0.04752,-0.03112,0.10272,0.09367,-0.06126,0.08686,-0.10435,0.05255,-0.05021,-0.019,0.00802,-0.0066,-0.06253,-0.04983,-0.04374,-0.0556,-0.06335,-0.00378,-0.08747,-0.02715,-0.07074,-0.0044,0.02185,-0.04541,-0.0519,0.08916,0.05037,0.00925,0.03053,-0.02238,0.05886,-0.02627,0.07911,-0.0473,-0.01691,0.09659,-0.01496,0.05234,0.0145,0.0602,-0.14019,-0.00109,0.03613,0.09705,0.01913,0.01616,-0.04094,-0.04559,-0.0344,0.06594,0.01211,0.03218,0.09548,-0.01263,-0.00908,-0.01657,-0.00155,-0.00998,-0.07352,-0.02137,0.00837,0.01576,-0.04991,-0.03321,0.06625,0.01067,-0.0894,-0.04589,0.04094,0.00388,0.05545,-0.0038,-0.00652,0,-0.01979,0.02311,-0.05863,0.06427,0.02364,-0.01877,0.07141,0.0303,0.03756,-0.03313,-0.02767,0.01927,-0.00077,-0.00204,-0.01821,0.06668,-0.03822,-0.10748,-0.0308,-0.05253,-0.00389,-0.01406,0.01011,-0.01674,-0.09418,-0.00023,0.07399,0.01625,-0.04081,0.00186,0.00379,-0.06957,0.0103,0.01028,0.03828,-0.05254,0.0493,0.0096,-0.03399,-0.05,-0.02522,0.01564,0.01123,0.0475,-0.04352,0.06912,-0.04395,0.00294,0.01434,0.04311,-0.05436,0.00394,-0.01305,-0.07595,-0.02199,0.05869,0.05592,0.03922,-0.04687,-0.00001,0.07433,-0.04731,-0.04466,0.01265,0.09267,0.04167,-0.04265,0.06279,0.03241,0.09285,0.09925,0.00082,0.01971,0.02339,-0.02252,0.00719,0.15617,0.0505,0.109,0.07697,0.04135,0.05718,0.04264,0.04177,0.01949,0.03658,-0.07328,-0.03256,0.0673,0.03278,-0.02528,0.0452,0.02262,-0.03975,0.02741,0,-0.09153,0.00403,-0.03905,-0.05273,-0.03202,0.03852,0.02202,0.00847,-0.02563,-0.0224,-0.00687,0.0663,0.0289,0.01403,0.07265,-0.02078,0.02711,0.03737,-0.02888,-0.08296,-0.02042,0.03235,0.02888,0.06747,-0.03178,-0.05425,-0.07785,0.02496,0.0929,-0.03692,-0.07954,0.03025,0.01315,0.03097,-0.05252,0.07611,-0.1096,0.01293,-0.05231,0.01528,0.05906,-0.05876,-0.0036,-0.06307,-0.00062,0.07221,0.01182,-0.0145,-0.06868,0.02239,-0.05579,0.03219,-0.01835,0.05719,0.03824,0.03154,-0.03687,0.01773,0.07826,-0.03238,-0.10641,0.10519,0.00333,0.0699],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Styling - .f-component Base class for flow primitives. - .f-canvas Host class for the canvas layer. - .f-connections-container Connection layer container. - .f-canvas-dragging Temporary host class used during drag transitions. - .canvas-dragging Deprecated compatibility alias for .f-canvas-dragging.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-canvas Host class for the canvas layer. - .f-connections-container Connection layer container. - .f-canvas-dragging Temporary host class used during drag transitions. - .canvas-dragging Deprecated compatibility alias for .f-canvas-dragging."},{"chunkId":"/docs/f-canvas-component#8","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.02905,-0.00478,-0.06992,-0.03846,0.01296,0.02945,0.03041,0.09995,0.015,-0.02719,-0.02764,-0.04295,-0.07353,0.02022,0.00516,-0.08819,-0.0019,0.05635,-0.0239,0.04878,-0.08836,-0.14632,-0.02985,-0.05083,-0.02258,0.02899,-0.00723,-0.05258,0.0139,-0.04669,0.01601,0.12795,-0.00525,0.02719,-0.06871,-0.03543,0.01791,-0.04271,-0.102,-0.0497,0.01205,0.04097,0.01836,-0.03859,0.02139,-0.05272,-0.00607,0.0094,-0.04211,0.08963,-0.01164,-0.01172,-0.04018,0.10941,0.05668,0.0317,0.07946,-0.00094,0.00551,0.08772,-0.01305,-0.01864,-0.01697,0.0508,0.00402,0.03474,-0.03705,-0.05541,-0.01334,-0.00808,-0.03865,-0.01724,0.12091,-0.09182,0.10967,-0.06257,-0.06281,0.03672,-0.0103,-0.04738,0.0483,0.04278,-0.01112,0.00489,0.00874,0.08019,-0.0307,-0.05738,-0.0465,0.08463,-0.06327,0.10184,-0.04937,0.01739,-0.01154,-0.07551,-0.06194,-0.03842,-0.02316,0.00852,0.05586,-0.02445,0.08669,0.0818,-0.03545,-0.04892,-0.01402,0.04406,-0.04824,0.00788,-0.03041,0.01211,0.03177,-0.02081,-0.02223,-0.01629,0.01281,-0.03969,0.03699,0.00198,0.02347,0.01766,-0.02183,-0.02598,0.02213,0.00315,-0.0128,0,-0.06362,0.02228,-0.00418,0.02354,0.05576,0.016,0.04933,-0.02687,-0.00319,-0.00997,-0.03416,0.07078,-0.07677,0.03574,0.00274,-0.11218,-0.03629,0.02716,-0.01633,-0.00874,0.13128,-0.10686,-0.05888,-0.0323,0.06819,0.074,-0.06931,0.11174,-0.09128,0.06242,-0.07287,-0.02678,0.00477,-0.04926,-0.06479,-0.06454,-0.03129,-0.05354,-0.0728,-0.00991,-0.08373,0.0016,-0.06991,-0.03208,0.03028,-0.0467,-0.04933,0.08525,-0.0021,0.00859,0.04296,-0.01801,-0.00618,-0.06295,0.06629,-0.01794,-0.01631,0.05549,-0.01439,0.07288,0.03794,0.02607,-0.12085,-0.02404,0.03207,0.08482,0.04377,0.00333,-0.08603,-0.04038,-0.03391,0.11454,0.01312,0.02807,0.06806,0.01136,-0.00351,0.01962,-0.01998,-0.00265,-0.03089,-0.02574,0.01994,0.03832,0.0234,-0.03611,0.02887,-0.01286,-0.10474,0.01437,0.07962,-0.01736,0.0921,-0.01683,0.00562,0,-0.02235,0.01325,-0.04712,0.04284,0.02929,-0.0293,0.02947,0.06337,0.05418,-0.04891,-0.04022,0.01936,-0.02168,-0.02945,-0.03114,0.04032,-0.01405,-0.11404,-0.05272,-0.03408,0.00913,-0.03129,-0.01131,-0.03188,-0.04154,-0.00039,0.0357,0.02467,-0.03396,-0.00365,-0.00456,-0.04409,0.00765,-0.01313,0.0714,-0.02336,0.04458,-0.00497,-0.04479,-0.0476,-0.00641,0.07609,-0.03315,0.03367,-0.02208,0.09408,-0.05874,-0.01371,-0.03052,0.06715,-0.06197,0.02954,-0.00091,-0.05548,-0.04871,0.06766,0.06859,0.04696,-0.06405,-0.00722,0.06017,-0.06359,-0.01878,0.00762,0.10675,0.04551,-0.02201,0.06307,0.05157,0.1096,0.14078,-0.03442,-0.01241,0.03868,-0.01773,0.03295,0.13044,0.00686,0.08112,0.09598,0.02141,0.08154,0.04283,0.06071,0.04908,0.03705,-0.07791,-0.0537,0.07175,0.04603,-0.04497,0.03855,0.01201,-0.03388,0.03401,0,-0.12037,-0.0023,-0.06779,-0.00706,-0.02714,0.00239,0.00214,-0.00609,-0.02826,-0.04104,-0.01827,0.06306,0.03012,-0.00167,0.07304,-0.02129,0.06738,0.01021,-0.03335,-0.06265,-0.06095,0.05896,0.01414,0.07756,-0.02956,-0.04756,-0.03252,0.04085,0.10371,-0.0225,-0.05958,0.01322,0.01737,0.07855,-0.09085,0.02398,-0.09837,0.0437,-0.05219,0.02479,0.05745,-0.02754,0.01123,-0.04234,-0.02418,0.07061,0.02553,-0.00887,-0.04329,0.02301,-0.05002,0.05105,-0.01658,0.05976,0.03068,0.00936,-0.01788,-0.00964,0.06361,0.00482,-0.12625,0.07043,0.00925,0.05521],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Notes / Pitfalls - f-canvas depends on a parent f-flow; using it alone is not supported. - High-frequency transform updates can flood consumers if debounceTime is 0; use debouncing when syncing external UI. - Prefer fitToScreen or resetScaleAndCenter after fFullRendered so nodes and connection geometry are already stable. debounce Time fit To Screen reset Scale And Center f Full Rendered","excerpt":"Notes / Pitfalls - f-canvas depends on a parent f-flow; using it alone is not supported. - High-frequency transform updates can flood consumers if debounceTime is 0; use debouncing when syncing external UI. - Prefer fitToScreen or resetScaleAndCenter after fFullRendered so nodes and connection geometry are already stable."},{"chunkId":"/docs/f-canvas-component#9","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[0.02185,-0.02184,-0.03052,0.04613,0.06604,0.07886,0.00482,0.05844,0.041,-0.0094,-0.02555,-0.05485,-0.06394,0.00118,-0.05075,-0.08708,0.00634,-0.00677,-0.04594,0.02233,-0.07811,-0.1379,0.03099,-0.0004,0.01251,0.01386,0.01622,-0.04557,0.02371,-0.02306,-0.00163,0.1015,0.02221,0.00969,-0.03349,-0.02045,-0.00568,-0.02063,-0.0864,-0.04001,-0.02486,0.00662,-0.02674,-0.06534,-0.01251,-0.03637,0.0475,-0.03297,-0.06175,0.0625,0.00189,0.03648,-0.04579,0.07133,0.04416,0.00624,0.0614,0.04124,0.01464,0.01693,-0.0391,-0.0343,-0.00465,0.04299,-0.03669,0.06546,0.02437,-0.11463,0.03725,-0.0173,-0.0186,0.00752,0.1198,-0.10299,0.06567,-0.08464,-0.0512,0.03374,-0.03698,-0.08146,0.07857,-0.01207,-0.02994,0.03411,0.01643,0.05217,-0.02867,-0.04877,-0.00936,0.1128,-0.08857,0.04951,-0.02188,0.00428,-0.03415,-0.07427,-0.04418,0.00181,-0.00442,-0.0184,0.06786,0.02176,0.05917,0.07622,0.00018,-0.05512,0.01052,-0.04411,-0.08487,0.03917,0.03328,0.02457,0.0306,0.02177,-0.01118,0.03681,0.0546,-0.01686,-0.03776,0.03416,0.04142,0.0277,0.043,-0.0251,-0.00101,-0.0137,0.01795,0,-0.00627,-0.00055,-0.03887,0.01062,0.04701,0.02251,0.07201,0.01131,0.01563,-0.04978,0.03727,0.12224,-0.02194,0.05143,0.02883,-0.08378,-0.05542,0.02363,-0.02998,-0.03358,0.03448,-0.03324,-0.0841,-0.04152,0.03458,0.06186,-0.06366,0.12684,-0.08217,0.02329,-0.08749,0.00702,0.0159,-0.03667,-0.0564,-0.02491,-0.00444,-0.06826,-0.03893,0.00009,-0.10472,-0.01159,-0.10688,-0.07313,0.02196,-0.07628,-0.04695,0.11418,0.0073,-0.01769,0.04331,0.01971,0.01827,-0.07134,0.02568,0.00836,-0.0207,-0.01955,-0.01473,0.0228,0.04865,-0.00528,-0.08089,0.05198,0.0023,0.1125,0.04636,0.00124,-0.07486,-0.05395,-0.03076,0.09347,0.00339,0.04453,0.12919,0.0277,-0.00429,-0.00459,-0.04738,-0.00594,0.01561,-0.02041,0.01484,0.01936,0.0246,-0.07426,0.04001,0.05264,-0.13058,0.00081,0.06578,-0.07325,0.10609,0.02056,0.00211,0,0.03174,0.04003,-0.06922,0.00121,-0.0116,-0.03771,-0.00934,0.06794,0.05386,-0.11567,-0.00861,-0.04958,-0.04698,0.01347,-0.11178,0.06878,0.01053,-0.0555,-0.05324,-0.0321,0.02126,-0.02787,-0.02048,0.02337,-0.07933,0.00721,0.04949,0.05118,-0.05497,-0.03559,0.01741,-0.01882,-0.02331,-0.0189,0.0503,-0.01375,0.00396,-0.00415,-0.07153,0.02422,0.03532,0.09089,-0.01791,0.06252,-0.02034,0.09132,-0.07135,-0.01983,-0.02503,0.04226,-0.07763,0.02241,-0.00631,-0.05753,-0.0213,0.04681,0.04329,0.04646,-0.05472,0.00095,0.06075,-0.03889,-0.04406,0.00267,0.05656,0.0903,-0.03019,0.08014,0.0985,0.05574,0.11837,-0.09467,-0.04045,0.00899,-0.03721,0.04951,0.10576,-0.02562,0.07707,0.04987,0.05354,0.00193,0.04824,-0.02428,-0.02939,0.06983,-0.10532,-0.05476,0.03509,0.04436,-0.05761,0.04545,0.07577,-0.04667,0.02187,0,-0.12916,0.00209,-0.03127,0.02615,0.01638,-0.02852,0.02676,0.00416,-0.0566,-0.09613,-0.04618,0.04188,0.02399,0.003,0.05008,0.00039,0.08825,-0.02836,-0.01631,-0.05763,-0.06162,0.02582,0.00518,0.0152,-0.02258,-0.03641,-0.00313,0.02777,0.09212,0.00764,-0.03266,0.02776,0.03371,0.05738,-0.157,0.01506,0.0236,-0.02068,0.0214,0.01975,0.06721,-0.01991,-0.00944,-0.05281,-0.08519,0.01785,0.05352,-0.01947,-0.0097,0.01012,-0.05773,0.02602,0.00498,0.0776,0.04345,-0.00509,0.00646,0.05782,0.06832,0.01029,-0.10436,0.02728,-0.02155,0.06561],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Programmatic viewport changes resetScaleAndCenter, fitToScreen, and centerGroupOrNode redraw the viewport and emit fCanvasChange by default. Keep that default for commands that should behave like a visible editor action and be observed by external state. For initialization or another application-driven view adjustment that must not enter managed history, pass false as emitCanvasChange: Suppressing fCanvasChange does not skip rendering: the canvas transform, background, minimap and viewport still update. It only prevents the public change event, so listeners such as FFlowState do not record that programmatic move. reset Scale And Center fit To Screen center Group Or Node f Canvas Change emit Canvas Change F Flow State","excerpt":"Programmatic viewport changes resetScaleAndCenter, fitToScreen, and centerGroupOrNode redraw the viewport and emit fCanvasChange by default. Keep that default for commands that should behave like a visible editor action and be observed by external state. For initialization or another application-driven view adjustment that must not enter managed history, pass false as emitCanvasChange: Suppressing fCanvasChange does not skip rendering: the canvas transform, background, minimap and viewport still update. It only prevents the public change event, so listeners such as FFlowState do not record that programmatic move."},{"chunkId":"/docs/f-canvas-component#10","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.01057,0.00578,-0.07719,-0.03469,0.0431,0.04447,0.06649,0.11398,0.01842,-0.01073,-0.02693,-0.06187,-0.06194,0.06236,-0.01492,-0.09719,-0.01962,0.04468,-0.01931,0.07581,-0.05949,-0.14194,0.00641,-0.0573,-0.013,0.02573,0.01201,-0.06054,0.01402,-0.05147,0.00049,0.13092,0.04312,0.02151,-0.05681,-0.03531,0.00359,-0.04526,-0.1094,-0.07619,-0.00156,0.0427,0.02561,-0.03088,0.0452,-0.04426,0.00283,-0.0251,-0.02634,0.09248,-0.06033,-0.03754,-0.03791,0.09828,0.0674,0.03205,0.06279,-0.04521,0.0399,0.04204,-0.02082,-0.00522,-0.01066,0.06361,-0.00312,0.01489,-0.0612,-0.02918,-0.01542,-0.03464,-0.06457,-0.02392,0.14164,-0.07813,0.11503,-0.06465,-0.08704,0.02414,-0.02675,-0.0629,0.01308,0.02952,-0.03757,0.05436,0.00932,0.08659,-0.00759,-0.03561,-0.02093,0.05714,-0.05403,0.0855,-0.05044,0.01622,-0.01683,-0.10783,-0.06213,-0.04292,-0.02152,-0.01631,0.07361,-0.01178,0.11463,0.06425,-0.02666,-0.04829,-0.01122,-0.00436,-0.01601,-0.01215,-0.02431,-0.02377,0.01112,-0.02714,0.00834,-0.00692,0.0072,-0.04792,0.06349,-0.01235,0.05684,-0.00665,-0.0227,-0.03668,-0.00113,-0.0034,0.01174,0,-0.03775,0.01396,-0.02013,0.06796,0.07206,-0.0138,0.04694,-0.01676,-0.00823,0.00746,-0.03554,0.08786,-0.07354,0.06515,0.00488,-0.09976,-0.06426,0.02994,-0.03254,-0.00532,0.09331,-0.07034,-0.0487,-0.02279,0.08548,0.09935,-0.06271,0.08255,-0.10908,0.0522,-0.05425,-0.00579,0.00296,-0.00912,-0.08135,-0.05545,-0.03526,-0.06297,-0.06093,0.01696,-0.09045,-0.02817,-0.0621,-0.03221,0.01397,-0.05446,-0.05176,0.11565,0.02995,0.02476,0.0343,-0.01726,0.03588,-0.05991,0.05581,-0.03426,-0.02714,0.05886,0.01507,0.05496,0.0293,0.05276,-0.10495,0.00084,0.0084,0.10004,0.02308,-0.00327,-0.04282,-0.0462,-0.03474,0.0695,0.0106,0.02724,0.0911,-0.01323,-0.01321,0.00408,-0.02253,-0.02654,-0.06291,-0.02385,0.02664,0.02747,-0.02254,-0.03266,0.0537,-0.01284,-0.12667,-0.03081,0.04088,-0.02533,0.06712,-0.02307,-0.00041,0,0.00506,-0.00004,-0.07953,0.05002,0.01723,-0.03791,0.04816,0.03716,0.04097,-0.05721,-0.0398,0.02119,-0.00842,0.00117,-0.01963,0.06086,-0.00384,-0.08277,-0.0424,-0.04319,0.00923,-0.02596,0.00344,-0.02198,-0.08245,0.02576,0.08745,0.00248,-0.05349,-0.02277,-0.02295,-0.05368,0.01796,0.01986,0.05021,-0.02561,0.05104,-0.0105,-0.0602,-0.04133,0.0085,0.03566,0.0017,0.05124,-0.04406,0.07329,-0.03582,0.02442,-0.01517,0.04902,-0.0578,0.02164,0.00891,-0.08219,-0.04545,0.07946,0.04809,0.01832,-0.05302,-0.00338,0.04619,-0.0453,-0.02841,0.03117,0.08968,0.06314,-0.03932,0.07104,0.02496,0.07632,0.11788,-0.01843,0.023,0.03104,-0.0338,0.05038,0.12458,0.01675,0.08895,0.07348,0.03015,0.03716,0.05889,0.04476,0.02777,0.05331,-0.10673,-0.0554,0.06173,0.04647,-0.03923,0.05659,0.02913,-0.02769,0.04154,0,-0.10721,0.01215,-0.0407,-0.03947,-0.0257,0.02892,0.01653,0.00566,-0.04019,-0.04221,0.00545,0.04665,0.02296,0.02335,0.09104,0.00283,0.05411,0.03459,-0.04471,-0.07081,-0.01683,0.03369,0.0448,0.06096,-0.03211,-0.03747,-0.0812,0.0449,0.09886,-0.04143,-0.03148,0.02772,0.01462,0.05968,-0.05652,0.06203,-0.09055,0.01108,-0.04466,0.00196,0.02777,-0.05702,-0.01076,-0.04547,-0.01016,0.08484,0.00713,-0.02898,-0.05217,0.01929,-0.07573,0.0379,-0.00506,0.07224,0.0436,0.02689,0.00098,-0.00352,0.06221,0.00699,-0.09914,0.09458,-0.01887,0.07921],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Common tasks","excerpt":"Common tasks"},{"chunkId":"/docs/f-canvas-component#11","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.01185,-0.0104,-0.06788,0.00489,0.02329,0.06424,0.0263,0.10527,0.02918,-0.02707,-0.04168,-0.06304,-0.08595,0.0483,-0.02061,-0.08453,-0.00712,0.0269,-0.01336,0.05331,-0.0532,-0.13179,0.00787,-0.05668,-0.01518,0.03544,-0.00515,-0.04066,0.031,-0.03464,0.02805,0.14073,0.02707,0.03035,-0.04647,-0.03206,0.02361,-0.03475,-0.11036,-0.02962,0.02735,0.02931,0.00926,-0.03995,0.0187,-0.04344,0.02343,-0.02549,-0.02029,0.08301,-0.04609,0.00069,-0.03428,0.10847,0.04689,0.02793,0.04741,-0.03175,0.03144,0.03268,-0.04211,-0.00465,0.00368,0.0459,0.00328,0.02694,-0.06014,-0.04528,-0.01706,-0.01446,-0.05164,-0.01158,0.11721,-0.09027,0.10399,-0.04502,-0.06268,0.02663,-0.02489,-0.06588,0.03677,0.04392,-0.0161,0.038,-0.01308,0.10458,-0.01334,-0.07058,-0.04734,0.07398,-0.07627,0.0843,-0.09605,0.02579,-0.04967,-0.08402,-0.04874,-0.04054,-0.02271,-0.0167,0.06713,-0.03058,0.10345,0.06234,-0.03394,-0.05706,-0.03619,0.04695,-0.02599,-0.01547,0.00791,0.00962,0.00766,-0.02386,-0.00539,-0.00422,0.01386,-0.05431,0.05883,0.01528,0.03142,0.00551,-0.01198,-0.00668,0.03079,-0.01977,0.01494,0,-0.03911,0.01307,-0.01855,0.04526,0.05301,-0.00971,0.05063,-0.02001,-0.03248,-0.02062,-0.01519,0.07793,-0.07078,0.03239,-0.03399,-0.10812,-0.07534,0.02369,-0.04768,-0.00225,0.09057,-0.06568,-0.03423,-0.02656,0.06484,0.0746,-0.08678,0.08944,-0.11197,0.05253,-0.04655,-0.00836,0.02496,-0.0326,-0.07432,-0.04434,-0.0164,-0.04333,-0.08102,0.00869,-0.09945,-0.00686,-0.06191,-0.02782,0.00429,-0.05533,-0.06082,0.10302,0.02063,0.0224,0.02994,-0.02799,0.04071,-0.04241,0.05809,-0.03258,-0.03996,0.06613,0.00892,0.04156,0.05041,0.03427,-0.13892,0.00439,0.01442,0.09816,0.05474,0.00012,-0.06425,-0.0248,-0.04238,0.09835,0.05351,0.03852,0.09217,0.0092,-0.04193,0.00142,-0.01987,0.01769,-0.04061,-0.02273,0.0252,0.03415,-0.00031,-0.04259,0.04352,-0.00945,-0.12058,-0.03873,0.06431,-0.03299,0.08835,-0.04471,0.00561,0,0.01875,-0.0014,-0.07092,0.05826,0.02887,-0.03822,0.03021,0.05135,0.05196,-0.04731,-0.01561,0.02199,-0.02445,-0.01781,-0.06461,0.0408,-0.00297,-0.093,-0.02347,-0.04699,0.01624,-0.04798,0.00917,-0.02247,-0.07874,0.02374,0.09092,0.01947,-0.06736,-0.00837,0.00633,-0.04912,0.00314,-0.01652,0.03515,-0.01478,0.03526,-0.00919,-0.04725,-0.02687,0.00435,0.03359,-0.02931,0.0286,-0.06344,0.05742,-0.03717,-0.02433,0.01215,0.04988,-0.06404,0.03525,0.00098,-0.04866,-0.04869,0.04844,0.03655,0.04129,-0.04624,0.00107,0.04745,-0.05436,-0.01941,0.02346,0.10918,0.05709,-0.04351,0.06598,0.06813,0.10577,0.12769,-0.02485,0.00324,0.06505,-0.00503,0.04636,0.13327,0.02684,0.11099,0.10589,0.04286,0.05276,0.02461,0.0589,0.06022,0.04486,-0.09437,-0.01838,0.03596,0.04677,-0.02432,0.04155,0.04088,-0.04341,0.0189,0,-0.12717,-0.023,-0.07041,-0.02155,-0.01908,0.01739,0.02089,-0.00348,-0.05895,-0.04576,0.00297,0.06626,0.04921,0.00356,0.09649,-0.01578,0.06313,-0.00599,-0.04576,-0.07303,-0.03789,0.04158,0.01805,0.05336,-0.02041,-0.03013,-0.05866,0.03454,0.08851,-0.01401,-0.04846,0.00883,-0.00917,0.05757,-0.07632,0.0435,-0.07616,0.0101,-0.06271,0.008,0.03702,-0.03146,0.02298,-0.04554,0.01156,0.09655,0.01745,0.00389,-0.04506,0.01697,-0.04172,0.03354,-0.02898,0.06736,0.03099,-0.01545,-0.01186,0.02336,0.06034,-0.01115,-0.11261,0.09152,0.01223,0.08073],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Fit content after the first render Call viewport helpers after fFullRendered, when nodes and connections are already fully rendered. f Full Rendered","excerpt":"Fit content after the first render Call viewport helpers after fFullRendered, when nodes and connections are already fully rendered."},{"chunkId":"/docs/f-canvas-component#12","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.02978,-0.00955,-0.12219,-0.0241,0.04999,0.06845,0.09027,0.13655,0.0248,0.01036,-0.03221,-0.03295,-0.06151,0.07582,0.00214,-0.08746,-0.0629,0.03349,0.02417,0.04488,-0.05119,-0.12269,0.0208,-0.05115,-0.0372,0.04813,0.01164,-0.04944,-0.00132,-0.04403,0.0172,0.11785,0.0621,0.02165,-0.05662,-0.03513,-0.01522,-0.03891,-0.09952,-0.04584,0.01432,0.04725,0.01936,-0.05819,0.0204,-0.03167,0.01221,0.01047,0.00392,0.09223,-0.05331,-0.04935,-0.02927,0.08706,0.03951,0.04694,0.04148,-0.03427,0.06236,0.01356,-0.00022,-0.01682,0.02129,0.077,0.01086,-0.0127,-0.06805,-0.00334,-0.0288,-0.05207,-0.02797,-0.02606,0.13442,-0.09221,0.1341,-0.06641,-0.07858,0.04679,-0.04878,-0.04666,0.01085,0.03811,0.00953,0.04588,-0.00043,0.10294,-0.02481,-0.03994,-0.02835,0.06112,-0.06489,0.08934,-0.08418,0.014,0.00083,-0.08187,-0.06364,-0.02965,-0.06383,-0.01852,0.08294,-0.01335,0.08005,0.0251,0.00744,-0.05482,-0.02854,-0.0167,-0.03649,-0.02565,-0.03904,0.00416,-0.01214,-0.02552,-0.01676,-0.04587,0.01682,-0.04549,0.07259,-0.03839,0.06904,0.00178,-0.04361,-0.05204,0.03667,0.01599,0.00573,0,-0.05744,0.00755,-0.01179,0.05089,0.05467,-0.00924,0.04599,0.00521,-0.01602,-0.02893,-0.01078,0.06279,-0.06007,0.05107,0.00415,-0.09738,-0.07645,0.02213,-0.03295,-0.02286,0.08217,-0.06339,-0.05449,-0.0324,0.05644,0.09815,-0.0948,0.07005,-0.13057,0.05595,-0.07282,-0.00091,0.01601,-0.01043,-0.0655,-0.02202,-0.03765,-0.05707,-0.07014,-0.00166,-0.08273,-0.02371,-0.06144,-0.02306,0.01821,-0.03044,-0.05604,0.08715,0.05418,0.00981,0.01262,-0.02014,0.03723,-0.05784,0.06283,-0.02085,-0.015,0.05648,-0.00263,0.03971,0.03513,0.05134,-0.10865,-0.02385,0.02463,0.07899,0.03043,-0.00953,-0.02083,-0.02663,-0.0177,0.09039,0.03537,0.0538,0.07865,0.0052,-0.01333,-0.00522,-0.00933,-0.039,-0.03621,-0.05582,0.02816,0.02935,-0.02558,-0.03055,0.06966,-0.00065,-0.12091,-0.039,0.0641,-0.01547,0.07306,0.00703,-0.01152,0,-0.00057,0.035,-0.03517,0.06674,0.02111,-0.03245,0.05612,0.01315,0.03371,-0.01175,-0.03061,0.01314,-0.01442,-0.00288,-0.02142,0.06977,0.00541,-0.06908,-0.04541,-0.07345,0.00563,-0.03676,0.01144,-0.01995,-0.08552,0.0005,0.06484,-0.00401,-0.04302,-0.0067,-0.03314,-0.05545,-0.01105,0.00441,0.07172,-0.06036,0.02181,0.01779,-0.03522,-0.02783,0.01094,0.03469,-0.02016,0.02171,-0.02779,0.06071,-0.0352,0.04765,-0.03006,0.07007,-0.05945,0.0302,0.02363,-0.07781,-0.05009,0.10383,0.04535,0.03257,-0.05164,0.00558,0.03188,-0.05599,-0.0282,0.0308,0.09097,0.06192,-0.03317,0.0839,0.02336,0.08637,0.12655,-0.01191,0.00573,0.02286,-0.04255,0.03447,0.13719,0.00234,0.07107,0.06211,0.04097,0.04614,0.03563,0.03315,0.02508,0.03532,-0.07463,-0.05956,0.06902,0.0505,-0.02591,0.02503,0.03155,-0.05566,0.03237,0,-0.15381,-0.01983,-0.03136,-0.02756,-0.0286,0.02072,0.00751,-0.01327,-0.03444,-0.01539,-0.01489,0.05666,0.02176,0.02264,0.08349,0.0295,0.02795,0.04383,-0.01808,-0.05426,0.00216,0.00929,0.02603,0.06331,-0.04645,-0.03546,-0.09666,0.04594,0.09805,-0.04159,-0.04248,0.01159,0.03558,0.0618,-0.07809,0.02982,-0.08013,-0.00041,-0.08592,-0.00215,0.04421,-0.052,0.01503,-0.04277,-0.0146,0.06036,0.0096,-0.00087,-0.01998,0.01353,-0.04641,0.03436,0.01342,0.04312,0.03997,0.01363,-0.01299,-0.00493,0.06006,-0.01874,-0.11464,0.12177,-0.00623,0.09661],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Center a node from a side panel When a user clicks an item in a list, center the canvas:","excerpt":"Center a node from a side panel When a user clicks an item in a list, center the canvas:"},{"chunkId":"/docs/f-canvas-component#13","slug":"f-canvas-component","route":"/docs/f-canvas-component","section":"docs","title":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow","description":"Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events.","group":"Containers","vector":[-0.02753,-0.00546,-0.08345,-0.04069,0.04651,0.01963,0.06001,0.12508,0.02443,-0.02645,-0.01293,-0.07384,-0.07417,0.03112,-0.00572,-0.10277,-0.01437,0.06299,-0.02363,0.05812,-0.07342,-0.12095,-0.00243,-0.04684,-0.02249,0.0057,0.00476,-0.06212,0.00005,-0.04327,0.01607,0.13293,0.03213,0.01271,-0.07567,-0.03661,0.02234,-0.0352,-0.08582,-0.08414,-0.01647,0.0444,0.02611,-0.0392,0.03413,-0.04074,0.02286,0.0048,-0.03012,0.1034,-0.04715,-0.03511,-0.05565,0.12114,0.05308,0.03877,0.07392,-0.02494,0.01977,0.06006,-0.01996,0.00399,-0.00253,0.06098,-0.01488,0.01707,-0.04974,-0.0364,-0.02562,-0.06283,-0.0487,-0.03007,0.14702,-0.09706,0.10999,-0.06025,-0.08084,0.03375,-0.02549,-0.07014,0.03004,0.02846,-0.02693,0.04895,0.01265,0.07827,-0.0015,-0.04642,-0.01804,0.05889,-0.04646,0.07503,-0.07938,0.01368,-0.01972,-0.10195,-0.05524,-0.03392,-0.02101,0.00211,0.06257,-0.00705,0.08536,0.05875,-0.01365,-0.05171,-0.00742,-0.00761,-0.00864,-0.00105,-0.00728,-0.0219,0.01922,-0.02199,0.00811,-0.00563,0.02543,-0.02831,0.05368,-0.02247,0.03965,0.01048,-0.03296,-0.03907,0.02698,0.00983,0.00483,0,-0.01871,0.01214,-0.00081,0.04202,0.05905,-0.02065,0.05701,-0.03628,-0.03146,-0.01296,-0.01647,0.11012,-0.06463,0.04919,0.00501,-0.10374,-0.07557,0.00798,-0.006,-0.00448,0.11048,-0.08851,-0.06375,-0.01674,0.08214,0.09624,-0.04997,0.09251,-0.07768,0.05822,-0.05719,-0.00142,0.00116,-0.02222,-0.06291,-0.059,-0.02825,-0.06954,-0.06121,0.00405,-0.0556,-0.03775,-0.08295,-0.03368,0.01001,-0.06271,-0.06303,0.12074,0.04,-0.009,0.03886,-0.04316,0.01794,-0.0497,0.05898,-0.02286,-0.03815,0.05713,0.01214,0.05412,0.0382,0.02398,-0.11429,0.00115,0.02362,0.09724,0.03267,0.00083,-0.04711,-0.04117,-0.03408,0.0914,0.00119,0.04098,0.07593,-0.01354,-0.02669,0.01686,-0.00168,-0.01276,-0.03131,0.00026,0.01045,0.04707,-0.00445,-0.02999,0.02414,0.00001,-0.13245,-0.02535,0.05187,-0.01867,0.06545,-0.03278,-0.01438,0,-0.00584,-0.00641,-0.05082,0.05132,0.02428,-0.02213,0.04982,0.04694,0.04462,-0.03317,-0.0367,-0.00093,-0.00154,0.00753,-0.04053,0.04942,-0.01787,-0.07454,-0.04733,-0.04038,0.00736,-0.05322,0.03535,-0.00038,-0.08549,0.01752,0.06167,0.0259,-0.08021,-0.03956,-0.0137,-0.04811,-0.00465,-0.01536,0.05178,-0.02554,0.03293,-0.03249,-0.05705,-0.02987,-0.01607,0.03666,0.01677,0.02007,-0.04314,0.0639,-0.05909,0.02339,-0.02659,0.05233,-0.05182,0.03444,-0.00284,-0.06754,-0.05035,0.08757,0.0566,0.05618,-0.04409,0.00996,0.05785,-0.07316,-0.01245,0.03784,0.08861,0.06431,-0.02067,0.07146,0.04333,0.10422,0.14612,-0.04349,0.0164,0.02277,-0.02167,0.0585,0.1251,-0.00651,0.07672,0.07309,0.06755,0.02824,0.05512,0.05583,0.02052,0.04335,-0.09124,-0.04938,0.05488,0.03464,-0.04646,0.03704,0.03096,-0.05809,0.05474,0,-0.09291,0.02353,-0.04164,-0.01757,-0.04731,0.02235,0.01283,-0.00398,-0.04767,-0.04242,-0.00944,0.03851,0.02447,0.03215,0.07431,-0.00205,0.07221,0.01418,-0.02592,-0.06923,-0.0249,0.04154,0.03147,0.05963,-0.01902,-0.0386,-0.08715,0.01448,0.08312,-0.02688,-0.02989,0.00368,0.01465,0.0405,-0.08952,0.05992,-0.09153,0.00608,-0.0525,0.01072,0.04541,-0.05909,-0.00494,-0.04707,-0.0289,0.06797,0.03691,-0.04073,-0.0572,0.02765,-0.04071,0.01624,0.01226,0.04524,0.03432,0.03762,-0.01621,0.00967,0.06295,0.02144,-0.13052,0.08758,-0.00562,0.08187],"keywords":"FCanvasComponent - Viewport, Pan and Scale for Foblex Flow FCanvasComponent - Viewport, Pan and Scale for Foblex Flow Reference for `f-canvas`: viewport container with pan/scale behavior, navigation methods, and canvas state events. Sync external UI Listen to fCanvasChange to reflect current pan/zoom outside the canvas. f Canvas Change","excerpt":"Sync external UI Listen to fCanvasChange to reflect current pan/zoom outside the canvas."},{"chunkId":"/docs/f-node-directive#0","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.01357,0.03123,-0.04805,0.0032,0.05252,-0.02453,0.06653,0.03076,0.02834,0.05705,-0.049,0.00665,-0.02878,-0.03837,-0.02252,0.00567,-0.04557,0.0471,0.08579,0.04418,-0.01715,-0.06829,-0.02286,-0.06916,-0.03944,0.01964,-0.00573,0.02885,0.00081,-0.0811,-0.01619,0.13084,-0.01305,0.05306,-0.10346,0.02788,-0.00263,-0.03264,-0.10668,0.02237,0.08349,0.00599,0.07151,-0.05778,0.04414,0.07082,-0.05529,0.02904,-0.05477,0.09713,-0.0059,-0.06218,-0.0105,0.11545,0.02568,0.05391,0.029,-0.0873,0.02546,0.06101,0.0685,-0.02459,-0.02679,0.01081,0.09086,0.03196,-0.05796,-0.00448,0.01079,-0.04781,0.06981,0.02468,0.0224,-0.09228,0.08323,-0.07083,0.02511,0.0514,-0.00197,-0.05398,0.05895,0.13083,0.00735,0.02533,-0.05119,0.1115,-0.08599,-0.02906,-0.06868,0.1195,-0.0629,0.01383,-0.09399,-0.03847,-0.00386,-0.03209,-0.01625,-0.0501,-0.03865,0.00879,0.02329,-0.0512,0.00625,-0.01122,-0.04525,-0.07415,-0.03468,-0.02169,-0.01771,-0.02961,-0.09362,-0.00975,0.02498,-0.03102,-0.03419,-0.0521,-0.04359,-0.03964,0.08722,0.00344,-0.01122,0.06366,-0.04028,0.00186,0.03528,-0.04254,-0.0521,0,-0.00563,0.01035,0.01047,0.05065,0.09798,0.01934,0.0559,-0.0612,-0.03759,-0.04291,-0.03962,-0.01357,-0.05203,-0.02057,-0.0023,-0.13122,-0.03308,0.06967,-0.04588,-0.01661,0.09369,-0.02011,-0.04021,-0.03596,0.01102,0.06955,-0.07771,0.01304,-0.04511,0.03996,-0.04736,0.00858,0.03628,0.01057,-0.02356,-0.04643,-0.06698,-0.06953,-0.09099,-0.04032,-0.05289,0.00577,-0.02071,0.01186,0.01754,-0.06057,-0.1089,-0.00592,0.09417,0.06267,0.03089,0.02223,0.0749,-0.06831,0.05082,-0.05657,-0.01666,0.07391,-0.0348,0.04886,0.00827,0.09214,-0.07607,-0.11445,0.00931,0.1043,-0.00742,-0.04459,0.04885,-0.04926,-0.04237,0.0709,0.02227,0.00452,0.02239,0.03499,-0.00374,-0.03704,-0.02623,-0.03967,-0.08067,-0.04288,0.00282,-0.01728,0.06106,-0.05376,0.05085,-0.04596,-0.02758,0.01766,0.07046,-0.008,0.02243,-0.01466,0.0581,0,-0.01741,0.03443,-0.02966,0.09338,-0.00338,-0.02574,-0.01986,-0.00583,0.0388,0.01092,-0.00967,0.05639,0.00648,-0.02407,0.04779,0.00598,-0.03378,-0.08491,-0.00847,0.01674,0.01008,0.03613,-0.0047,0.01401,-0.03692,0.02658,0.05598,0.05241,0.01711,-0.03562,-0.04184,-0.05646,-0.07918,0.01773,0.07189,-0.05237,-0.00803,0.07874,0.03004,-0.02684,0.01709,0.01769,-0.03232,0.01276,-0.03,0.03827,-0.06234,0.01174,0.04225,0.0303,-0.07039,0.01388,-0.06089,0.03764,-0.03588,0.04574,0.06857,0.10323,0.03816,-0.00227,0.02373,-0.11031,0.01294,-0.03483,0.04524,-0.01381,-0.02165,0.03613,0.05158,0.09008,0.06016,0.09224,0.04797,0.00538,0.02667,-0.00576,0.1136,0.01381,0.02666,0.07299,-0.04724,0.12381,-0.00307,0.06383,0.08275,-0.00823,0.01816,-0.01436,0.0432,0.01747,0.03388,0.04862,0.01096,-0.07402,-0.03239,0,-0.13842,-0.02822,-0.05121,0.01533,0.03566,-0.01956,0.02896,-0.00665,-0.02643,-0.04018,0.00877,0.07151,0.06728,-0.07577,0.11799,-0.05688,-0.01505,-0.01406,-0.0685,-0.01421,-0.05229,-0.01263,-0.06383,0.08501,-0.03007,-0.04741,-0.0264,-0.03661,0.00372,0.02578,-0.05402,0.04028,0.02215,0.07503,-0.03232,0.10392,-0.05799,0.02605,-0.08403,-0.0246,0.00827,-0.02176,-0.02948,-0.02012,-0.05947,0.05357,0.02038,-0.03505,-0.07438,0.02922,-0.02244,-0.00446,0.03129,0.05811,0.01235,0.00332,-0.00859,-0.06966,0.00033,0.02071,-0.10291,0.09824,0.07986,0.02362],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Node Selector: [fNode] Class: FNodeDirective FNodeDirective turns any element into a node inside a Foblex Flow diagram: it can be positioned on the canvas, selected, dragged (with fDraggable), and used as a host for connectors. Nodes must be placed inside f-canvas (which itself must be inside f-flow). f Node F Node Directive f Draggable","excerpt":"Node Selector: [fNode] Class: FNodeDirective FNodeDirective turns any element into a node inside a Foblex Flow diagram: it can be positioned on the canvas, selected, dragged (with fDraggable), and used as a host for connectors. Nodes must be placed inside f-canvas (which itself must be inside f-flow)."},{"chunkId":"/docs/f-node-directive#1","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.0054,0.04463,-0.02677,-0.03639,0.05769,-0.04234,0.00786,0.03963,0.01631,0.04336,-0.04309,0.0181,-0.01163,-0.05636,-0.03943,0.00993,-0.05186,0.07461,0.071,0.00863,-0.01805,-0.04985,-0.06183,-0.04979,-0.02451,0.0238,-0.01738,0.04558,-0.00348,-0.09981,-0.01073,0.15483,-0.02257,0.0491,-0.1193,0.00957,-0.00283,-0.01588,-0.08612,0.03646,0.04682,-0.01835,0.09248,-0.05104,0.05198,0.07501,-0.08833,0.03918,-0.05914,0.05441,0.00175,-0.0598,-0.01286,0.10357,0.02806,0.03575,0.01322,-0.10038,0.01502,0.05364,0.10615,-0.03238,-0.0496,0.01089,0.05939,0.01822,-0.02757,-0.01205,0.02674,-0.04749,0.04861,0.02877,-0.02362,-0.09289,0.06988,-0.05381,0.02839,0.02716,-0.02646,-0.03787,0.07955,0.13745,0.00143,0.00957,-0.04752,0.07027,-0.09085,0.00297,-0.01303,0.10424,-0.05938,0.01408,-0.09751,-0.04405,0.01716,0.01196,-0.04331,-0.06751,-0.002,0.03361,0.01674,-0.0386,-0.00397,-0.0143,-0.02058,-0.05491,-0.02544,0.0175,0.01838,-0.0542,-0.06787,-0.03041,0.00422,-0.04448,-0.04567,-0.05505,-0.04851,-0.05839,0.04916,0.00885,-0.00244,0.06345,-0.08295,0.01695,0.04093,-0.01085,-0.04698,0,-0.01797,0.04489,0.00647,0.06396,0.10853,0.03395,0.0463,-0.06517,-0.00461,-0.03654,-0.04628,-0.01063,-0.06928,-0.03363,-0.01854,-0.15155,0.00883,0.08997,-0.07292,-0.02857,0.08052,-0.00632,-0.03528,-0.03669,0.01544,0.04474,-0.06133,0.0211,-0.04668,0.02434,-0.03402,-0.01973,0.04562,0.00773,0.00116,-0.04742,-0.07518,-0.0982,-0.05287,-0.02682,-0.04618,0.05132,-0.04054,0.00826,-0.00703,-0.02127,-0.07951,0.02194,0.11073,0.05289,0.01585,0.0607,0.05495,-0.0468,0.06591,-0.05438,-0.01437,0.07911,-0.04265,0.1202,-0.04513,0.06986,-0.05711,-0.10611,0.01554,0.07956,-0.00315,-0.03314,0.09029,-0.03782,-0.02786,0.05384,0.02795,0.04183,0.00883,0.02115,0.01424,-0.02246,-0.03566,-0.00943,-0.11776,0.0227,0.0001,-0.00023,0.05837,-0.05181,0.05597,-0.06246,-0.03314,0.01335,0.02957,0.0211,0.06275,-0.00234,0.06921,0,-0.05763,0.03047,-0.01997,0.07997,-0.0141,0.00157,-0.0087,-0.00926,0.05324,0.01384,-0.03079,0.06265,0.0079,-0.03823,0.06091,-0.01804,-0.02723,-0.10419,-0.00144,0.05319,0.03341,0.05401,-0.05327,0.00923,-0.02325,0.03556,0.02883,-0.00367,0.01146,-0.02237,-0.05787,-0.0611,-0.053,0.03317,0.06661,-0.02849,-0.00704,0.13154,0.0105,-0.00747,0.00925,0.01513,-0.01216,-0.00667,-0.05782,0.02715,-0.02836,0.01839,0.0261,0.00416,-0.08304,0.04651,-0.07027,0.02537,-0.01691,0.00134,0.0402,0.09773,0.02616,-0.01323,0.01422,-0.12631,0.00674,-0.04036,0.02018,-0.02085,0.0076,0.02169,0.01419,0.06849,0.05261,0.07569,0.06591,0.00991,0.0195,-0.05332,0.10079,-0.02132,0.00385,0.09539,-0.08225,0.13467,-0.01603,0.04697,0.06476,0.00061,0.04037,-0.02484,0.06196,0.01876,0.00359,0.06793,-0.01367,-0.05609,-0.0263,0,-0.11187,-0.035,-0.04486,0.03377,0.02914,-0.0325,0.04898,0.03691,-0.03643,-0.02446,0.02299,0.0486,0.06212,-0.0941,0.12759,-0.06921,-0.0175,-0.00877,-0.08304,-0.01442,-0.03806,0.02903,-0.08359,0.04959,-0.02303,-0.03589,0.00602,-0.00813,-0.0054,-0.00252,-0.01058,0.04788,0.02005,0.06477,-0.01307,0.09667,-0.05969,0.06693,-0.07988,-0.00787,0.00354,-0.02644,-0.02107,-0.00452,-0.05206,0.08106,0.01431,-0.0238,-0.05357,0.0076,0.0083,-0.0155,0.04197,0.07318,0.03972,0.01014,-0.00435,-0.08282,0.02812,0.00011,-0.08111,0.10896,0.04716,-0.00141],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-node-directive#2","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.01325,0.04827,-0.01828,-0.0367,0.05016,-0.03807,-0.0014,0.03517,0.02867,0.05333,-0.036,0.02854,-0.01606,-0.05918,-0.02819,0.00001,-0.05415,0.08127,0.07135,0.02313,-0.03175,-0.04601,-0.05803,-0.04019,-0.03644,0.02646,-0.03502,0.04036,0.00741,-0.11224,-0.01729,0.15983,-0.02381,0.05899,-0.12075,0.02436,-0.00694,-0.0252,-0.08357,0.03818,0.04947,-0.01821,0.08423,-0.04857,0.05588,0.07363,-0.07194,0.03089,-0.07389,0.05079,0.00053,-0.06951,-0.00409,0.11721,0.02393,0.04737,0.03481,-0.10065,0.01917,0.05339,0.10851,-0.0273,-0.05728,0.03219,0.04814,0.01924,-0.044,-0.01706,0.01539,-0.03584,0.05872,0.02467,-0.02858,-0.07036,0.07432,-0.04635,0.03816,0.02216,-0.02352,-0.02269,0.07198,0.11302,-0.00892,0.00378,-0.04356,0.0608,-0.08153,0.0045,-0.01174,0.10166,-0.06469,0.00644,-0.07568,-0.04065,0.01736,0.00032,-0.03982,-0.06733,-0.01462,0.03526,0.02628,-0.02727,-0.01049,0.00266,-0.02211,-0.05943,-0.03672,0.01603,0.01763,-0.05185,-0.06475,-0.02395,0.00478,-0.03229,-0.06669,-0.06892,-0.05805,-0.06347,0.04406,0.01302,-0.01081,0.06263,-0.07141,0.01585,0.03513,-0.01031,-0.04426,0,-0.02167,0.03143,0.00201,0.07447,0.10731,0.02243,0.03781,-0.065,-0.00325,-0.03977,-0.03814,-0.01185,-0.05919,-0.02653,-0.00496,-0.15153,0.016,0.08834,-0.08465,-0.02553,0.07242,-0.01815,-0.03576,-0.03999,0.00635,0.05103,-0.06259,0.00902,-0.05949,0.02986,-0.05435,-0.01588,0.05485,0.00961,0.00424,-0.04292,-0.06368,-0.10751,-0.04897,-0.01495,-0.0538,0.05019,-0.04164,0.01124,0.01302,-0.01458,-0.07006,0.02478,0.0903,0.06425,0.01115,0.06336,0.06016,-0.05774,0.0676,-0.05313,-0.00828,0.07806,-0.04359,0.12504,-0.03694,0.06449,-0.06155,-0.1,0.02285,0.07955,-0.00037,-0.0297,0.0981,-0.04091,-0.0437,0.04378,0.02853,0.0476,0.00385,0.02003,-0.00036,-0.02576,-0.05161,0.00295,-0.12111,0.03219,-0.00762,0.00095,0.06376,-0.06446,0.05578,-0.05614,-0.0282,0.01572,0.03158,0.03187,0.05955,-0.00079,0.06322,0,-0.07001,0.0212,-0.03079,0.08307,-0.00146,-0.00455,-0.00347,-0.01404,0.0523,0.01265,-0.02634,0.05742,0.00713,-0.04129,0.06762,-0.0154,-0.0318,-0.09785,-0.00428,0.06446,0.039,0.04628,-0.0464,0.0167,-0.00912,0.04046,0.02588,-0.00923,0.00034,-0.03521,-0.05053,-0.06295,-0.05851,0.03686,0.06574,-0.0246,-0.02502,0.12473,0.01733,-0.00111,0.02374,0.01737,-0.01107,0.02463,-0.05571,0.01878,-0.03746,0.0048,0.02482,-0.00459,-0.09507,0.04273,-0.05848,0.02062,-0.0036,0.01201,0.02436,0.10057,0.03241,-0.01792,0.03271,-0.10857,0.00176,-0.04542,0.0222,-0.01004,0.00991,0.01823,0.00573,0.07309,0.0417,0.0838,0.05128,0.0061,0.00888,-0.04455,0.09161,-0.02685,-0.00405,0.09056,-0.1068,0.13151,-0.01987,0.03036,0.07263,-0.0045,0.02664,-0.03787,0.0523,0.01018,0.01222,0.07182,-0.01923,-0.06155,-0.02398,0,-0.1148,-0.0194,-0.05205,0.03392,0.04102,-0.02273,0.05719,0.02538,-0.0379,-0.01421,0.02251,0.04472,0.07802,-0.09375,0.12736,-0.06808,-0.03232,-0.00049,-0.09307,-0.01394,-0.03178,0.03554,-0.07506,0.04606,-0.02959,-0.04545,0.00188,-0.00372,-0.00865,-0.00177,-0.00457,0.04298,0.02225,0.05746,-0.00797,0.08346,-0.06116,0.06662,-0.0685,-0.01388,-0.00109,-0.01989,-0.03199,0.01442,-0.06065,0.08241,0.01463,-0.01705,-0.06096,-0.00459,0.01272,-0.01597,0.0368,0.08108,0.06385,0.01621,0.00146,-0.08539,0.00474,-0.00451,-0.08198,0.1001,0.04805,-0.01761],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. A node with a fixed position","excerpt":"A node with a fixed position"},{"chunkId":"/docs/f-node-directive#3","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00061,0.03701,-0.04684,0.02372,0.07492,-0.02222,0.04203,0.03105,0.00914,0.06256,-0.034,0.02206,-0.02691,-0.0361,-0.0526,-0.0106,-0.05521,0.07948,0.05561,0.02342,0.01273,-0.05613,-0.04976,-0.03069,-0.02828,0.01407,-0.04868,0.02729,0.01451,-0.09769,-0.00874,0.13305,-0.04715,0.06119,-0.13565,0.03539,0.00658,-0.01898,-0.0912,0.00898,0.06377,-0.02797,0.07785,-0.07629,0.02617,0.06913,-0.05817,0.05876,-0.06207,0.07958,-0.0046,-0.07406,0.00625,0.0892,0.02763,0.03516,0.02366,-0.10185,0.00521,0.05397,0.0775,-0.02932,-0.03517,0.00542,0.0508,0.01845,-0.0498,0.00433,0.0287,-0.05527,0.10311,0.02492,-0.01141,-0.06579,0.06852,-0.07367,0.0216,0.06506,-0.01688,-0.01103,0.08259,0.12213,0.00882,0.02574,-0.07266,0.10754,-0.09923,-0.00382,-0.05547,0.09924,-0.05553,0.04799,-0.12177,-0.06342,-0.01479,-0.0317,-0.02847,-0.0623,-0.03077,0.03367,0.0152,-0.0177,-0.0134,-0.00355,-0.04457,-0.0704,0.00206,-0.04524,-0.02153,-0.01335,-0.07012,-0.02578,0.00055,-0.0386,-0.03552,-0.05602,-0.06773,-0.05332,0.04567,-0.00349,-0.01385,0.07565,-0.07379,0.00254,0.06388,-0.01596,-0.03953,0,-0.00204,0.02683,0.00449,0.05116,0.09311,0.01519,0.05547,-0.06888,-0.01831,-0.06637,-0.03775,-0.02619,-0.06052,-0.00514,-0.02964,-0.18173,0.00807,0.06439,-0.03374,-0.03799,0.08951,-0.02281,-0.04229,-0.04402,0.01105,0.05345,-0.06278,0.03545,0.00249,0.03453,-0.02911,0.00846,0.02304,0.00525,-0.019,-0.04368,-0.09248,-0.07339,-0.04627,-0.03177,-0.03563,0.02572,-0.03728,0.02594,-0.01281,-0.01918,-0.05868,-0.0054,0.07385,0.0528,0.04208,0.03492,0.0794,-0.05944,0.05511,-0.06105,-0.01956,0.06631,-0.04041,0.08501,0.00089,0.07933,-0.06591,-0.11591,0.03688,0.09107,-0.00372,0.01039,0.0863,-0.03748,-0.03375,0.03988,0.04812,0.02174,0.02544,0.04556,0.01327,-0.06562,-0.03541,-0.02064,-0.10728,-0.02166,0.03037,-0.00372,0.06282,-0.06918,0.04201,-0.03344,0.00304,-0.00234,0.04508,-0.0089,0.05394,-0.01098,0.07646,0,-0.027,0.03886,-0.01999,0.08762,-0.01595,0.00147,-0.04585,-0.01131,0.0551,0.00117,-0.0663,0.0335,-0.00206,-0.02398,0.05074,-0.02737,-0.03558,-0.07685,-0.01695,0.02507,-0.00038,0.04684,-0.02874,0.02854,-0.02704,0.01032,0.04635,0.02868,0.01494,-0.03891,-0.02551,-0.08336,-0.05678,0.01616,0.06001,-0.06254,0.00461,0.12272,0.02806,0.00231,-0.00385,0.01141,-0.01668,-0.00521,-0.02174,0.04656,-0.0528,0.01047,0.04138,0.02518,-0.08158,0.03882,-0.08345,0.04499,0.00761,0.01241,0.0641,0.10179,0.03848,-0.02794,0.00331,-0.12929,-0.01356,-0.0408,0.04471,-0.02631,0.00906,0.02047,0.03884,0.09769,0.0255,0.08879,0.07072,0.01079,0.05601,-0.04253,0.11988,-0.00604,0.01264,0.06532,-0.025,0.10642,-0.02018,0.03073,0.06358,-0.00196,0.04011,-0.02275,0.04419,0.0068,0.02213,0.03998,0.00683,-0.06099,-0.03672,0,-0.08766,-0.03666,-0.03499,0.01631,0.02264,-0.01277,0.05568,0.03257,-0.02758,-0.03513,0.00795,0.05199,0.0791,-0.08807,0.1186,-0.06256,0.01321,0.01947,-0.07049,-0.01365,-0.02826,-0.00173,-0.06922,0.06154,-0.02591,-0.05323,-0.01046,-0.03977,0.00898,0.00078,-0.01693,0.05949,0.01543,0.05138,-0.01639,0.10057,-0.06756,0.0677,-0.0615,0.0055,0.0334,0.01617,-0.03249,-0.02569,-0.07587,0.0583,0.00789,-0.03894,-0.05054,0.03971,0.01674,0.02171,0.05608,0.08999,0.00596,0.01026,-0.02839,-0.07434,0.00187,-0.00934,-0.05663,0.07903,0.08671,0.01709],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Make it draggable To drag nodes, enable fDraggable on the flow and provide a drag handle inside the node: f Draggable","excerpt":"Make it draggable To drag nodes, enable fDraggable on the flow and provide a drag handle inside the node:"},{"chunkId":"/docs/f-node-directive#4","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.01901,0.03408,-0.0599,-0.00947,0.03781,-0.01508,0.01073,0.04565,0.00687,0.05279,-0.01379,0.02895,-0.01555,-0.03605,-0.02317,0.00356,-0.07378,0.08422,0.07502,0.00912,-0.02455,-0.06526,-0.02472,-0.05624,-0.04461,-0.01508,-0.01774,0.04824,0.0021,-0.07845,-0.01198,0.12852,-0.04407,0.0497,-0.12484,0.0165,0.01209,-0.03238,-0.09289,0.03974,0.08029,-0.04301,0.08982,-0.06558,0.03264,0.07132,-0.08602,0.03878,-0.05225,0.04967,0.00063,-0.06731,-0.01346,0.10511,0.03644,0.04676,0.00502,-0.08067,0.00642,0.07145,0.12619,-0.03534,-0.06244,0.00015,0.06292,0.02581,-0.03202,0.01016,0.00836,-0.02769,0.07443,0.02249,-0.02349,-0.0859,0.04748,-0.02768,0.02008,0.05157,-0.01695,-0.03703,0.0657,0.17402,0.02172,0.02292,-0.03059,0.09215,-0.08309,-0.01302,-0.06829,0.08975,-0.06169,0.01717,-0.12413,-0.05157,-0.03336,0.01403,-0.02867,-0.05495,-0.02235,0.02175,0.00726,-0.01243,-0.02537,-0.02242,-0.03137,-0.05684,-0.05926,0.01606,0.01549,-0.03925,-0.05447,-0.02122,0.00103,-0.06503,-0.05614,-0.03715,-0.03999,-0.03729,0.08009,0.0211,-0.01065,0.06944,-0.06708,0.0112,0.0511,-0.03183,-0.05016,0,-0.00185,0.04381,0.00853,0.05586,0.09223,0.03403,0.01775,-0.06528,-0.03316,-0.04038,-0.06259,-0.01374,-0.06229,-0.04901,-0.01916,-0.15881,0.00106,0.07474,-0.04037,-0.04236,0.07222,-0.0198,-0.01913,-0.02083,0.0553,0.04516,-0.059,0.01376,-0.03274,0.02597,-0.01634,-0.00015,0.04084,0.00311,0.00795,-0.07583,-0.07588,-0.08267,-0.08966,-0.00802,-0.02137,0.01445,-0.04834,0.03085,0.00304,-0.02278,-0.05583,-0.00297,0.11566,0.05094,0.01144,0.02726,0.05373,-0.06053,0.04867,-0.0447,-0.05257,0.0748,-0.05887,0.08134,-0.02979,0.04469,-0.06991,-0.10464,0.01723,0.08975,-0.00579,-0.05567,0.08973,-0.03992,-0.03219,0.07528,0.04151,0.03278,-0.01952,0.0289,-0.0087,-0.0235,-0.00548,-0.01405,-0.09389,-0.02663,-0.00104,0.0232,0.07892,-0.06394,0.04299,-0.05574,-0.00119,-0.00321,0.03452,0.03162,0.06024,-0.03159,0.07258,0,-0.03708,0.02094,-0.01456,0.07046,0.00495,0.00726,-0.00844,-0.04547,0.0529,0.0331,-0.02114,0.05394,0.03239,-0.05396,0.01714,-0.01871,-0.03749,-0.08517,0.00148,0.06978,0.01906,0.04246,0.00549,0.00119,0.00822,0.01381,0.04597,-0.00122,-0.00291,-0.01099,-0.02059,-0.06497,-0.07217,0.01915,0.0393,-0.03768,0.0051,0.11094,0.02512,-0.00824,0.02202,0.02203,-0.01468,-0.02159,-0.04514,0.00863,-0.06422,-0.00493,-0.00845,0.01227,-0.09014,0.03365,-0.08807,0.0444,-0.04091,-0.00595,0.04646,0.09776,0.01868,0.00692,0.04041,-0.14919,0.02435,-0.01995,0.03658,-0.01887,-0.00472,0.02398,0.02733,0.08752,0.04393,0.07161,0.08986,0.02446,0.0278,-0.04471,0.09537,-0.01405,0.02539,0.09221,-0.06534,0.12589,-0.03015,0.0315,0.08198,0.00035,0.05465,0.02418,0.04883,0.0087,0.00323,0.07265,0.00676,-0.04414,-0.03349,0,-0.09082,-0.02668,-0.06373,0.02021,0.03273,-0.03404,0.04234,0.02077,-0.04264,-0.00532,0.00521,0.06297,0.05448,-0.06956,0.11981,-0.07176,0.01987,-0.01575,-0.08422,-0.01231,-0.04765,0.01711,-0.07946,0.07467,-0.01403,-0.04526,-0.00752,-0.02157,-0.01759,0.02494,-0.01274,0.02835,0.00334,0.04906,-0.02891,0.11122,-0.06867,0.06831,-0.09001,0.0062,0.03122,-0.02203,-0.02304,-0.00053,-0.04213,0.06963,0.03246,-0.01639,-0.04846,0.03673,0.01732,-0.01191,0.03767,0.02533,0.01007,0.01083,0.02702,-0.04553,0.0006,0.00307,-0.09753,0.10263,0.08862,0.00492],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Add connectors (optional) Place connector directives inside the node and connect them using f-connection.","excerpt":"Add connectors (optional) Place connector directives inside the node and connect them using f-connection."},{"chunkId":"/docs/f-node-directive#5","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00271,-0.05229,0.02174,0.01926,0.05999,-0.03655,0.02899,0.01497,0.03756,0.03103,0.00103,0.05708,-0.03992,-0.04158,-0.0348,0.01244,-0.02504,0.07246,-0.02143,0.0216,0.00729,-0.07411,-0.02151,0.00414,-0.02096,0.03678,-0.02629,-0.00189,0.06298,-0.07477,-0.01105,0.13108,-0.01092,0.04791,-0.15771,0.03975,-0.0201,-0.0562,-0.14044,-0.00953,0.05724,-0.03465,0.05133,-0.02985,0.02042,0.08347,-0.02528,0.0576,-0.07857,0.0878,0.02144,-0.01432,0.04943,0.0898,0.0139,0.05951,0.06947,-0.00423,-0.0188,0.04533,0.03762,-0.01701,-0.02835,0.02124,0.036,0.03392,0.01296,-0.08325,0.0602,-0.06912,0.05078,0.01493,0.02658,-0.10947,0.06969,-0.12588,-0.02924,0.04654,-0.01976,-0.0105,0.10101,0.02189,0.03929,0.02668,-0.02502,0.07216,-0.07732,0.0052,-0.04481,0.09973,-0.05326,0.00717,-0.10895,-0.07729,-0.01386,-0.02286,-0.07063,-0.00215,-0.03345,0.01787,0.01588,0.03215,-0.01777,0.05228,-0.01778,-0.07038,-0.02052,-0.02809,-0.03807,0.048,0.01465,0.01527,0.03193,-0.00539,-0.03209,-0.024,-0.06145,-0.03345,-0.01985,0.02233,-0.00927,0.04871,-0.03909,-0.01333,0.01025,-0.01399,-0.05169,0,-0.04321,0.01152,0.00662,0.02645,0.02298,0.01432,0.04909,-0.04855,0.01237,-0.06418,-0.00041,0.07331,-0.03099,-0.03499,-0.04424,-0.13316,-0.03767,0.09965,-0.00891,0.00529,0.11959,0.01515,-0.04875,-0.03614,0.01156,0.04305,-0.05289,0.09092,-0.02946,-0.01443,-0.05219,-0.01316,-0.00687,-0.01374,-0.01104,-0.02142,-0.05576,-0.08761,-0.05516,-0.03742,0.00932,0.05177,-0.06958,-0.02594,-0.06486,-0.07611,-0.04328,-0.00235,0.06812,0.03261,0.07865,0.03649,0.00931,-0.07876,0.04789,-0.07648,0.00091,0.01665,-0.07858,0.07565,-0.01407,0.01728,-0.06474,-0.06319,0.01539,0.11604,-0.01496,0.01517,0.09372,-0.01945,-0.02941,0.07506,-0.00361,0.0468,0.0617,0.02582,-0.01941,-0.0211,-0.09073,-0.01789,-0.01928,-0.04409,0.02139,0.06853,0.05749,-0.05593,0.00783,-0.08978,-0.05517,0.03907,0.06056,-0.02253,0.06572,0.0586,0.03635,0,-0.04671,0.01206,-0.05634,0.10587,-0.04881,-0.01373,-0.04681,0.04763,0.03889,-0.08089,-0.0384,0.00384,0.00232,-0.00117,0.0106,0.00617,-0.01116,-0.07908,-0.01791,0.0372,0.00967,0.04662,-0.02344,0.03124,-0.0692,0.01324,0.04081,0.02277,0.0511,-0.04571,0.01442,-0.07635,-0.07555,0.0006,0.04102,-0.06401,-0.07145,0.09911,0.05526,0.06025,0.03863,0.03508,-0.02178,0.02222,-0.01402,0.04791,-0.09439,0.03319,-0.01908,-0.04484,-0.03669,0.07864,-0.10556,-0.00384,-0.01719,0.05666,0.1069,0.05428,0.0051,-0.01069,-0.02223,-0.09626,-0.04681,-0.05776,0.0196,0.05427,0.04004,-0.00447,0.06271,0.10481,0.04828,0.05727,0.04181,-0.01756,0.0476,-0.01956,0.09001,-0.08401,0.03974,0.01097,-0.08123,0.07667,0.03925,0.02707,0.03329,0.07229,-0.01843,-0.02094,0.03799,0.06245,0.01362,0.05931,-0.04172,-0.07412,-0.04115,0,-0.10338,0.02365,-0.04133,0.05608,0.01029,-0.01218,0.05395,0.05394,-0.01825,-0.03186,-0.02397,0.05481,0.07063,-0.08016,0.1404,-0.00989,0.06026,0.00345,-0.07208,-0.03068,-0.03503,-0.00558,-0.06339,0.07432,-0.03003,-0.07433,0.05325,0.04613,-0.02209,-0.00744,-0.00271,0.05105,0.04067,0.06964,-0.03556,0.03789,-0.02437,0.02847,0.01879,0.01798,-0.02338,0.0231,-0.07338,-0.01958,-0.11162,0.02043,0.04601,-0.06829,-0.01694,0.04111,0.03104,0.00774,-0.0054,0.09305,0.08194,0.0192,-0.02258,-0.05613,0.06323,0.00577,-0.07766,0.00665,0.0077,-0.00303],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. How it works - A node registers itself in the internal flow store and participates in rendering and hit-testing. - During interactions (drag/resize/rotate), the library updates the node internally for smooth UX. - Your app typically persists changes on “final” outputs (for example fNodePositionChange after a drag ends), keeping your data model as the source of truth. With the optional Managed Flow State plugin, completed move gestures update the node records automatically. User resize and rotation are not captured by managed state v1, so applications using those interactions still persist their final outputs themselves. f Node Position Change","excerpt":"How it works - A node registers itself in the internal flow store and participates in rendering and hit-testing. - During interactions (drag/resize/rotate), the library updates the node internally for smooth UX. - Your app typically persists changes on “final” outputs (for example fNodePositionChange after a drag ends), keeping your data model as the source of truth. With the optional Managed Flow State plugin, completed move gestures update the node records automatically. User resize and rotation are not captured by managed state v1, so applications using those interactions still persist their final outputs themselves."},{"chunkId":"/docs/f-node-directive#6","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[-0.00603,0.03224,-0.02575,-0.03419,0.05584,-0.05584,-0.02075,0.03619,0.01086,0.04662,-0.04824,0.01184,0.00065,-0.05292,-0.0201,0.00345,-0.04861,0.08318,0.07999,0.0036,-0.01851,-0.04607,-0.06063,-0.05832,-0.02842,0.01225,-0.02264,0.04434,0.00165,-0.09785,-0.0146,0.15872,-0.02444,0.06738,-0.11805,0.02669,-0.00348,-0.04005,-0.0822,0.03548,0.05368,-0.00338,0.07785,-0.05979,0.05281,0.07709,-0.09207,0.02762,-0.06205,0.05997,-0.00401,-0.05835,-0.0087,0.10972,0.04477,0.03481,0.02596,-0.09855,0.01052,0.06247,0.11284,-0.03705,-0.05424,0.01765,0.0494,0.02902,-0.03177,-0.01567,0.02433,-0.06056,0.04336,0.02368,-0.02048,-0.06553,0.06945,-0.04057,0.02279,0.02905,-0.03406,-0.04447,0.05908,0.13006,0.00623,0.02414,-0.04178,0.07724,-0.09874,0.02191,-0.00441,0.11461,-0.06137,0.00624,-0.09393,-0.05456,0.00367,0.01267,-0.04267,-0.08991,-0.02823,0.02058,0.01452,-0.03516,-0.01063,-0.00645,-0.01422,-0.06297,-0.03129,0.00693,0.01453,-0.04033,-0.05959,-0.01573,0.0007,-0.03748,-0.05013,-0.04469,-0.04808,-0.05892,0.07257,0.01954,0.00693,0.0578,-0.08025,0.02111,0.04374,-0.02,-0.04448,0,-0.01482,0.03375,0.02324,0.0658,0.11374,0.02789,0.04402,-0.06739,0.00033,-0.05061,-0.053,0.00675,-0.06101,-0.04511,-0.00482,-0.14426,0.01039,0.10362,-0.07087,-0.0215,0.0783,-0.02225,-0.02316,-0.02723,0.01827,0.04911,-0.06983,0.01769,-0.04103,0.02181,-0.04467,-0.01653,0.03691,0.00884,0.00009,-0.04696,-0.08038,-0.10039,-0.0543,-0.02083,-0.04322,0.04732,-0.03209,-0.00352,-0.02048,-0.02098,-0.07834,0.01184,0.10037,0.05256,0.01768,0.0705,0.05687,-0.05702,0.07006,-0.05852,-0.003,0.07634,-0.03658,0.13198,-0.0411,0.06261,-0.04449,-0.09086,0.02167,0.07284,-0.0033,-0.03544,0.08066,-0.02439,-0.01918,0.05716,0.0201,0.03186,0.0057,0.01247,0.00807,-0.0321,-0.04275,-0.01496,-0.09996,0.02015,-0.00088,-0.00474,0.06004,-0.05956,0.06412,-0.05882,-0.04067,0.01781,0.02882,0.0141,0.05108,-0.00219,0.05852,0,-0.0725,0.01632,-0.01113,0.07393,-0.01146,-0.01422,-0.02321,0.00336,0.0478,0.00775,-0.04126,0.05415,0.00387,-0.04467,0.05638,-0.01182,-0.04999,-0.11054,0.0068,0.04876,0.02474,0.06293,-0.05248,0.01581,-0.01776,0.02596,0.02653,-0.0022,0.00226,-0.02941,-0.06185,-0.06011,-0.06648,0.04068,0.06728,-0.03589,-0.0006,0.14022,0.01926,-0.01427,0.01624,0.01704,-0.02148,-0.00154,-0.06157,0.01795,-0.04224,0.04548,0.01785,-0.00196,-0.08393,0.0577,-0.06128,0.01039,-0.01893,0.00446,0.03213,0.09928,0.03605,-0.02218,0.00355,-0.12545,-0.00494,-0.02794,0.01519,-0.00797,0.01202,0.01754,-0.00428,0.08453,0.04062,0.07634,0.06301,0.00866,0.01606,-0.04737,0.10545,-0.02284,0.00008,0.09412,-0.09385,0.13898,-0.01186,0.06128,0.07789,0.00605,0.03955,-0.00862,0.05582,0.02673,-0.00251,0.06996,-0.01801,-0.0499,-0.02943,0,-0.11516,-0.01525,-0.05538,0.03218,0.0261,-0.02142,0.06061,0.04215,-0.03191,-0.00932,0.01373,0.03757,0.07005,-0.08063,0.12519,-0.06153,0.00121,-0.00124,-0.07799,-0.01136,-0.0362,0.02555,-0.07534,0.0537,-0.01781,-0.02943,-0.00361,-0.00135,-0.00367,-0.00288,-0.00994,0.04128,0.03563,0.06811,0.00058,0.07983,-0.06246,0.06059,-0.06955,-0.0032,-0.00048,-0.01573,-0.03051,-0.00089,-0.0548,0.07534,0.02059,-0.01896,-0.03319,-0.00202,0.0073,-0.03133,0.02765,0.06344,0.04339,0.02198,-0.00423,-0.08479,0.03422,0.00622,-0.07365,0.10491,0.04922,-0.00171],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. API","excerpt":"API"},{"chunkId":"/docs/f-node-directive#7","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[-0.01582,0.03558,-0.03972,-0.00496,0.08025,0.04623,-0.01359,0.02902,0.08891,0.01453,-0.04867,-0.00725,-0.02937,-0.0603,-0.04194,-0.0055,-0.04011,0.06168,0.0463,-0.02498,0.01839,-0.0409,-0.03422,-0.02786,-0.07532,0.0354,0.0019,0.06108,0.04799,-0.08607,-0.00368,0.10101,-0.00812,0.05102,-0.12331,0.04909,-0.00743,-0.07221,-0.07662,0.01035,0.05103,-0.05122,0.06941,-0.07212,0.08283,0.05372,-0.05178,0.03641,-0.05672,0.05512,0.03128,-0.02153,0.01552,0.12502,0.02087,0.06255,0.01504,-0.12062,-0.01033,0.06465,0.06316,-0.02169,-0.03146,0.00268,0.08221,0.0374,-0.02981,-0.03303,0.01436,-0.0261,0.08687,0.03961,0.00698,-0.11918,0.06044,-0.04465,0.01663,0.02534,-0.02434,-0.05113,0.06169,0.13014,0.01989,-0.02847,-0.01845,0.07366,-0.08295,-0.00275,0.00199,0.11685,-0.08019,-0.02347,-0.10195,-0.05389,0.04757,0.04146,-0.03901,-0.05649,-0.036,0.0117,-0.00241,-0.00845,0.00417,0.04388,-0.01405,-0.04729,-0.03565,0.03783,-0.01922,-0.0618,-0.06811,0.01785,-0.00434,-0.00099,-0.04889,-0.04916,-0.02327,-0.06749,0.05312,0.0141,-0.0106,0.04278,-0.07667,0.01244,0.03057,-0.02478,-0.0498,0,-0.00115,0.03099,0.02548,0.04469,0.06545,0.07435,0.03871,-0.06588,-0.02871,0.00169,-0.08367,-0.01939,-0.07827,-0.03857,-0.0127,-0.12497,-0.02556,0.07117,-0.04003,-0.0557,0.0747,0.01991,-0.07735,-0.05453,0.01985,0.05686,-0.08997,0.02909,-0.1148,0.00325,-0.01005,-0.02589,0.04865,-0.00191,-0.0077,0.00289,-0.05978,-0.04418,-0.0712,-0.03008,-0.01177,0.03825,-0.04021,0.03739,-0.02242,-0.03012,-0.08568,-0.02632,0.06186,0.05289,0.02978,0.06737,0.03933,-0.09263,0.03071,-0.07664,-0.02805,0.07244,-0.04416,0.08545,-0.02298,0.06594,-0.06,-0.05368,0.01471,0.11518,-0.01671,-0.06162,0.10935,-0.03612,-0.03481,0.07082,0.05536,0.03014,0.05538,0.01444,-0.02022,-0.07459,-0.04109,-0.01837,-0.09526,-0.00274,-0.00819,0.05138,0.04675,-0.054,0.01845,-0.0686,-0.00034,-0.01225,0.06208,-0.01323,0.05777,-0.0206,0.04958,0,-0.0182,-0.00968,-0.00156,0.04176,-0.03362,-0.04317,-0.01773,0.01551,0.02181,-0.01976,-0.01136,0.05984,0.00713,-0.0478,0.02978,0.02266,-0.07844,-0.09592,0.05308,0.04524,0.0141,0.05,-0.0454,0.05804,-0.01894,0.01675,0.03646,0.00977,0.01575,-0.05625,-0.04678,-0.07009,-0.05316,0.03363,0.01753,-0.0493,-0.01901,0.08184,0.00692,0.08665,0.01426,0.0519,-0.0398,0.05758,-0.05756,0.04176,-0.03137,0.02695,0.03162,-0.0351,-0.10596,0.02529,-0.09991,0.01759,-0.0259,0.03331,0.02013,0.10078,0.05264,0.02334,0.02494,-0.0979,-0.03414,-0.02801,0.02414,-0.03774,-0.01352,0.04254,0.06297,0.07387,0.03423,0.04931,0.06997,0.02615,0.02677,-0.08557,0.08364,-0.03066,0.03344,0.05104,-0.07312,0.11013,-0.0293,0.04397,0.06263,0.01469,0.05134,-0.00709,0.03696,-0.00845,0.03673,0.07546,-0.04617,-0.044,-0.04842,0,-0.09271,-0.0258,-0.03031,-0.01591,0.00326,-0.03511,0.08106,0.01542,-0.02997,-0.03846,0.00323,0.08097,0.0365,-0.14469,0.0929,-0.03879,-0.00635,0.0182,-0.06619,0.00923,-0.01011,0.01401,-0.08436,0.03747,-0.01435,-0.08091,0.03323,0.01722,-0.01259,0.05528,-0.00391,0.04465,0.03911,0.07811,0.00449,0.08074,-0.05913,0.04568,-0.0511,-0.01453,-0.00991,-0.03127,-0.05211,-0.03058,-0.05691,0.07397,0.0296,-0.04788,-0.00073,0.02397,-0.01372,-0.02362,0.0154,0.06668,0.04827,-0.00753,-0.00763,-0.04413,0.01404,-0.04244,-0.04722,0.08643,0.06378,-0.01164],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Inputs - fNodeId: InputSignal<string; Node identifier. Default: f-node-${uniqueId++}. Use a stable id if you want selection/state to survive rerenders. - fNodeParentId: InputSignal<string null undefined; Parent node/group id (logical hierarchy). Default: null. Enables container behaviors such as bounds restrictions and auto-size rules (when used). - fNodePosition: ModelSignal<IPoint; Node position in flow coordinates. This is the primary property that defines where the node is rendered. f Node Id Input Signal unique Id f Node Parent Id f Node Position Model Signal I Point","excerpt":"Inputs - fNodeId: InputSignal<string; Node identifier. Default: f-node-${uniqueId++}. Use a stable id if you want selection/state to survive rerenders. - fNodeParentId: InputSignal<string null undefined; Parent node/group id (logical hierarchy). Default: null. Enables container behaviors such as bounds restrictions and auto-size rules (when used). - fNodePosition: ModelSignal<IPoint; Node position in flow coordinates. This is the primary property that defines where the node is rendered."},{"chunkId":"/docs/f-node-directive#8","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.03007,0.03848,-0.07567,0.00479,0.03775,0.00894,-0.01667,0.07199,0.01354,0.00583,-0.01912,0.05462,-0.02216,-0.04568,-0.0373,0.00849,-0.0463,0.03905,0.0333,0.00744,-0.04499,-0.08197,-0.05421,-0.04962,-0.07319,0.01561,-0.0198,0.04085,0.00783,-0.06893,-0.0308,0.08376,-0.02301,0.05527,-0.09607,0.00981,0.02872,-0.06312,-0.09312,0.00513,0.02273,-0.05112,0.06314,-0.05639,0.02313,0.04748,-0.09379,0.01276,-0.0369,0.07166,-0.02896,-0.02055,-0.02221,0.09705,0.03658,0.06344,-0.00351,-0.0727,-0.00964,0.10182,0.06107,-0.03725,0.00706,0.00769,0.05713,0.02713,0.02347,-0.03751,0.01414,-0.00809,0.06641,0.02882,-0.01511,-0.07527,0.08845,-0.03877,0.00945,0.07374,0.00653,-0.04129,0.06633,0.1122,-0.00546,0.03665,-0.02939,0.05464,-0.1027,-0.03011,0.0003,0.08634,-0.05567,0.0339,-0.12483,-0.0114,-0.01958,0.00874,-0.06323,-0.07513,-0.07372,0.06071,-0.00745,-0.03136,0.02231,0.01219,0.00227,-0.05898,-0.01782,-0.00045,0.0099,-0.02348,-0.016,0.00563,-0.01818,-0.01835,-0.06308,-0.0123,0.01481,-0.04966,0.07156,0.06623,-0.02346,0.05795,-0.08943,-0.00824,0.04038,-0.03715,-0.03738,0,-0.01385,0.05827,0.03514,0.03751,0.08807,0.03915,0.04108,-0.07195,-0.04103,-0.03977,-0.07687,-0.02863,-0.06751,-0.06728,-0.00115,-0.10454,-0.00252,0.05379,-0.04712,-0.0315,0.07048,-0.05147,-0.0154,-0.06961,0.0494,0.07341,-0.07278,0.03325,-0.06857,0.01944,-0.02873,-0.04405,0.03088,0.00986,0.02267,-0.05568,-0.04032,-0.06491,-0.11166,0.0058,-0.05187,0.02792,-0.05272,0.00245,-0.00825,-0.00708,-0.0341,0.01331,0.08692,0.01939,0.00651,0.05521,0.00882,-0.06432,0.0608,-0.07851,-0.04819,0.07337,-0.03917,0.07676,-0.02725,0.0178,-0.03773,-0.06825,0.05265,0.10549,-0.01726,-0.04582,0.06729,-0.07752,-0.03601,0.06069,0.04362,0.02889,-0.01459,0.04077,-0.02744,-0.0594,-0.00301,-0.01939,-0.04331,-0.02287,0.03473,0.04179,0.03818,-0.06137,0.05426,-0.07015,-0.00376,0.02016,0.01067,0.03375,0.02691,-0.01258,0.04061,0,-0.05606,0.00005,-0.01258,0.08489,-0.02972,-0.00348,0.0498,0.03274,0.05156,0.03766,0.06305,0.06206,0.02872,-0.08794,0.01135,0.02517,-0.04491,-0.05946,0.05906,0.07307,0.0411,0.05861,-0.05025,0.01612,0.02095,0.02144,0.05561,-0.01237,-0.02889,-0.01635,-0.00475,-0.04163,-0.05745,-0.00506,0.06226,-0.03238,-0.02687,0.12151,0.03253,0.04998,0.02056,0.04499,-0.02695,-0.02737,-0.04698,0.01513,-0.06733,-0.01394,-0.0231,0.00811,-0.07356,0.01229,-0.08962,0.008,-0.04469,0.03356,0.01886,0.08893,0.04481,0.02463,0.03989,-0.16985,-0.01336,-0.03949,0.09741,0.0153,0.01336,0.01783,0.06408,0.07407,0.05972,0.08335,0.08489,0.05453,0.01413,-0.04063,0.10851,-0.01652,0.02914,0.05727,-0.06662,0.10571,0.00884,0.03469,0.0847,0.01947,0.0634,0.04363,0.0442,0.04159,-0.0063,0.11627,0.02228,-0.05938,-0.07553,0,-0.10915,-0.02917,-0.10011,0.0324,0.01308,-0.01392,0.05084,-0.01494,-0.03249,-0.00989,-0.01992,0.10633,0.01998,-0.06417,0.07372,-0.06147,0.00788,-0.02305,-0.0656,-0.02329,-0.03372,0.01394,-0.0789,0.06071,-0.02259,-0.07132,0.03103,0.05103,-0.01634,-0.01021,-0.06608,0.02381,-0.00291,0.09136,-0.10165,0.06931,-0.05693,0.06008,-0.10951,0.00905,0.01827,-0.01739,-0.05322,-0.03998,-0.01343,0.05927,0.05292,-0.02399,-0.03224,0.04897,0.0028,0.00094,0.01787,0.0183,0.04013,-0.04457,0.01604,-0.02283,-0.03215,0.006,-0.11647,0.09723,0.05807,-0.02889],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. - fNodeSize: InputSignal<ISize undefined; Optional fixed size. If omitted, the size is measured from content (content changes can affect connection routing). - fNodeRotate: ModelSignal<number; Default: 0. Rotation (degrees). Affects node geometry and connector placement. - fConnectOnNode: InputSignal<boolean; Default: true. Allows dropping a connection onto the node body (not directly on an input). The library will choose the first available connectable input. - fMinimapClass: InputSignal<string string[]; Extra CSS class(es) applied in the minimap only. f Node Size Input Signal I Size f Node Rotate Model Signal f Connect On Node f Minimap Class","excerpt":"- fNodeSize: InputSignal<ISize undefined; Optional fixed size. If omitted, the size is measured from content (content changes can affect connection routing). - fNodeRotate: ModelSignal<number; Default: 0. Rotation (degrees). Affects node geometry and connector placement. - fConnectOnNode: InputSignal<boolean; Default: true. Allows dropping a connection onto the node body (not directly on an input). The library will choose the first available connectable input. - fMinimapClass: InputSignal<string string[]; Extra CSS class(es) applied in the minimap only."},{"chunkId":"/docs/f-node-directive#9","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[-0.03735,0.05285,-0.05162,0.04647,0.12886,0.00083,0.04988,0.01137,0.07343,0.03351,0.0037,0.05972,-0.05043,-0.05752,-0.06013,-0.02316,-0.02934,0.06602,0.01712,0.03148,0.00643,-0.06657,0.02936,-0.01002,-0.03985,0.08367,-0.03189,-0.00549,0.018,-0.08741,-0.05307,0.05294,0.001,0.03588,-0.09518,0.04191,0.03003,-0.00657,-0.09394,-0.02567,-0.021,-0.01714,0.06219,-0.06493,0.02848,0.05471,-0.04818,0.022,-0.07734,0.07433,-0.00255,-0.04206,0.07412,0.11366,-0.01306,0.03242,0.05369,-0.07097,0.02362,0.07745,0.01478,0.00235,-0.05709,0.01732,0.00939,0.07948,-0.02164,-0.06321,-0.00849,0.01653,0.10019,0.00923,-0.0085,-0.00786,0.09338,-0.02883,-0.01985,0.04774,0.04697,-0.03351,0.02149,0.0352,0.00514,0.01149,-0.0557,0.13037,-0.04366,-0.02985,-0.0445,0.09849,-0.02213,-0.00041,-0.02401,-0.00704,-0.01692,-0.03659,-0.04922,-0.08212,-0.08837,-0.0018,0.03471,0.04124,0.04526,0.07316,-0.006,-0.07404,0.00255,-0.04646,-0.04509,0.02192,-0.04398,-0.02855,0.00998,0.00977,-0.13249,-0.06959,-0.02712,-0.06324,0.06342,0.00986,0.03481,0.0784,-0.07401,-0.02456,0.08784,-0.11654,-0.09254,0,-0.00811,0.01,-0.01698,0.04059,0.09879,0.0219,-0.03328,-0.06003,-0.04495,-0.01096,-0.00938,-0.06,-0.03797,-0.10742,0.0333,-0.09944,-0.02177,0.04771,0.0062,-0.05196,0.05295,0.00523,-0.00993,-0.04363,0.0144,0.02607,-0.09444,0.03877,-0.02172,0.03166,-0.10381,-0.02303,0.00922,-0.01215,-0.06598,0.02117,-0.03071,-0.10982,-0.03928,0.01957,-0.07216,-0.02693,-0.00222,0.01426,0.01108,-0.02856,-0.01056,-0.02392,0.02308,0.07974,0.01572,0.04674,0.05018,-0.0683,0.01425,-0.06467,-0.03742,0.07963,-0.0507,0.07194,0.02921,0.00074,-0.02078,-0.11352,-0.04119,0.04602,-0.01722,0.06063,0.08782,-0.07709,-0.05136,-0.00679,0.0464,0.02476,0.00012,0.02263,-0.00213,-0.09901,-0.02129,-0.08206,-0.04993,-0.02555,0.09016,0.04037,0.04135,-0.10106,-0.00088,0.02228,-0.03032,-0.00397,0.04255,-0.02791,0.05054,0.00059,0.03937,0,-0.04277,0.01972,-0.02812,0.07284,-0.03864,-0.02511,-0.05637,0.02116,0.03277,-0.07952,-0.04178,0.06818,0.01854,-0.05582,-0.01247,0.04908,-0.04946,-0.01019,0.03162,0.04894,0.06401,0.02462,-0.06002,0.07216,0.02303,-0.01024,-0.0025,0.03757,0.02573,-0.01259,-0.01073,-0.06845,-0.00949,0.00889,0.05025,-0.14227,-0.09631,0.15867,0.02476,0.04291,0.03136,-0.00143,0.00604,0.01926,-0.00357,0.07047,-0.05137,0.0262,0.01753,0.01902,-0.08174,0.02774,-0.03918,-0.01115,-0.01154,0.05827,0.03034,0.09871,0.00212,0.01124,0.05682,-0.07881,-0.04416,-0.01901,0.08851,0.03376,-0.05742,0.06088,0.00638,0.06205,0.06028,0.06831,0.03995,0.01043,0.03353,-0.05529,0.15209,-0.0461,0.03132,0.04993,-0.00973,0.09562,-0.0166,0.00459,-0.01633,0.01276,0.0008,-0.01999,-0.00604,0.02403,-0.00288,0.06425,0.02809,-0.08176,-0.01936,0,-0.06993,-0.01092,-0.03257,0.00982,0.05789,-0.00187,0.04108,0.01053,-0.05127,-0.02306,-0.04208,0.07708,0.05918,-0.05531,0.04976,-0.02102,-0.03176,0.02518,-0.05117,0.00678,-0.00238,0.0352,-0.01694,0.10204,-0.06567,-0.08801,-0.04512,-0.01971,0.03878,0.01816,-0.04064,0.02057,0.06935,0.03431,-0.07884,0.09105,-0.11132,0.02727,-0.03191,0.00333,0.03297,-0.0032,-0.00595,-0.01213,-0.08618,0.01873,0.0358,-0.00455,-0.03321,0.02048,0.01351,-0.01483,0.04081,0.07233,0.08156,0.01651,-0.02413,0.01509,0.02882,0.05559,-0.03353,0.07895,0.07538,0.0479],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. - fNodeDraggingDisabled: InputSignal<boolean; Default: false. Locks dragging for this node (useful for read-only/locked nodes). - fNodeSelectionDisabled: InputSignal<boolean; Default: false. Prevents selecting this node. - fIncludePadding: InputSignal<boolean; Default: true. When the node has a child, this controls whether the parent’s CSS padding is considered when restricting child movement. - fAutoExpandOnChildHit: InputSignal<boolean; Default: false. Container UX: auto-expand a collapsed parent when a child is dragged into it. f Node Dragging Disabled Input Signal f Node Selection Disabled f Include Padding f Auto Expand On Child Hit","excerpt":"- fNodeDraggingDisabled: InputSignal<boolean; Default: false. Locks dragging for this node (useful for read-only/locked nodes). - fNodeSelectionDisabled: InputSignal<boolean; Default: false. Prevents selecting this node. - fIncludePadding: InputSignal<boolean; Default: true. When the node has a child, this controls whether the parent’s CSS padding is considered when restricting child movement. - fAutoExpandOnChildHit: InputSignal<boolean; Default: false. Container UX: auto-expand a collapsed parent when a child is dragged into it."},{"chunkId":"/docs/f-node-directive#10","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00321,0.07396,-0.06103,0.00042,0.05997,-0.02028,0.01643,0.05004,0.00289,0.02758,-0.02687,0.02686,-0.01567,-0.06845,-0.04986,-0.00883,-0.07094,0.0795,0.05242,-0.01913,-0.01077,-0.04756,-0.03756,-0.03072,-0.05419,0.05858,-0.04249,0.02498,0.00204,-0.11615,-0.01207,0.13023,0.00728,0.06234,-0.08775,0.04127,0.00567,-0.01183,-0.0795,-0.00297,0.05283,-0.02385,0.07023,-0.06637,0.02988,0.0461,-0.09881,0.01659,-0.05813,0.06411,-0.00139,-0.05203,0.02714,0.11129,0.03445,0.02025,0.00928,-0.08256,0.01407,0.05367,0.05479,-0.02033,-0.04847,0.00693,0.04342,0.06161,-0.04689,-0.02195,0.00282,-0.01135,0.07998,0.03271,-0.00707,-0.05636,0.09018,-0.05779,-0.0136,0.03938,-0.00302,-0.01335,0.02868,0.12474,0.01728,-0.00536,-0.05479,0.1129,-0.07494,-0.02955,-0.03235,0.08962,-0.08948,-0.01018,-0.07462,-0.00835,0.00282,-0.01189,-0.07056,-0.10393,-0.03604,0.02571,0.03853,-0.0127,0.02393,0.03478,-0.02226,-0.07272,-0.03931,-0.00084,-0.00109,-0.04443,-0.05735,-0.02323,0.0308,-0.00856,-0.06454,-0.06664,0.00224,-0.08688,0.05118,0.01352,0.02928,0.09357,-0.11445,0.0191,0.05761,-0.06012,-0.03995,0,-0.04387,0.02257,0.01897,0.05221,0.09884,0.05185,0.05019,-0.05833,-0.02257,-0.03016,-0.05783,-0.01702,-0.06498,-0.04299,-0.01396,-0.12338,-0.023,0.11825,-0.03522,-0.07084,0.06404,-0.0001,-0.02936,-0.02629,0.01401,0.02003,-0.06997,0.02263,-0.05425,0.01905,-0.04539,-0.02345,0.05024,0.01372,-0.03113,-0.03806,-0.05154,-0.06463,-0.06933,0.01194,-0.04249,-0.00399,0.00318,0.0078,0.00629,-0.04147,-0.06088,0.00442,0.0698,0.05428,0.04852,0.05132,0.05627,-0.07204,0.02625,-0.06241,-0.04161,0.09416,-0.04349,0.08074,-0.02237,0.01488,-0.06425,-0.0659,-0.0274,0.09095,-0.00266,-0.0418,0.08432,-0.02893,-0.02467,0.05245,0.03285,0.04654,0.00278,0.02448,0.0084,-0.06268,-0.0571,-0.01103,-0.0721,0.00043,0.02455,0.01699,0.059,-0.09697,0.03478,-0.04362,0.00232,0.00937,0.02573,-0.0164,0.05891,-0.0262,0.06154,0,-0.02841,0.02305,-0.00528,0.06518,-0.02039,-0.00593,-0.01834,0.03736,0.05678,0.00194,-0.02609,0.06107,0.05117,-0.07648,-0.01042,0.0239,-0.03945,-0.07494,0.03497,0.04578,0.02469,0.02938,-0.0466,0.04806,0.00848,0.00265,0.02348,0.02844,0.01662,-0.00995,-0.03061,-0.06459,-0.04115,0.03805,0.04522,-0.07818,-0.01527,0.14933,0.01526,0.02621,0.009,-0.00209,-0.04408,0.02157,-0.04649,0.02943,-0.02559,-0.00337,0.02404,0.00159,-0.10091,0.03738,-0.05322,0.00475,-0.03589,0.04686,0.03462,0.1151,0.05008,0.00525,0.03145,-0.14862,0.00712,-0.02887,0.04491,-0.00318,-0.02628,0.05311,0.0002,0.09743,0.08042,0.076,0.04839,0.01866,0.01992,-0.04457,0.10789,-0.02654,0.02084,0.08821,-0.0715,0.10507,-0.01423,0.04021,0.05819,-0.00148,0.05191,0.00636,0.02878,0.03155,-0.0137,0.06784,0.01734,-0.08551,-0.01472,0,-0.08151,-0.03866,-0.05862,0.04443,0.01581,-0.04059,0.07193,0.04915,-0.05197,-0.00521,-0.01842,0.07769,0.06483,-0.11077,0.12695,-0.06371,-0.0155,0.01029,-0.07038,-0.02077,-0.00725,0.0315,-0.06579,0.07863,-0.02073,-0.06842,-0.00058,0.0073,0.01135,0.00309,-0.00849,0.03679,0.04106,0.06125,-0.04331,0.07876,-0.06289,0.08129,-0.08559,-0.02559,-0.01751,-0.01894,-0.01856,-0.04606,-0.08547,0.05548,0.02813,0.00724,-0.01631,0.00938,0.01191,0,0.04015,0.02744,0.05226,-0.00003,-0.00829,-0.05235,0.00152,0.01411,-0.07811,0.12649,0.08891,-0.00138],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. - fAutoSizeToFitChildren: InputSignal<boolean; Default: false. Container UX: resize the parent node so all children fit inside it. f Auto Size To Fit Children Input Signal","excerpt":"- fAutoSizeToFitChildren: InputSignal<boolean; Default: false. Container UX: resize the parent node so all children fit inside it."},{"chunkId":"/docs/f-node-directive#11","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00221,-0.00333,-0.04435,0.00505,0.08517,-0.01156,0.0539,0.01838,0.05047,0.0256,0.00369,-0.01806,-0.04652,-0.04253,-0.12031,0.00896,-0.03121,0.08063,0.00178,-0.01324,0.04173,-0.06676,-0.06137,-0.02226,-0.01616,0.02937,-0.0062,0.02516,-0.00219,-0.11794,-0.0219,0.0827,-0.03422,0.03155,-0.13299,0.01777,-0.00686,-0.07108,-0.10505,-0.01333,0.05245,-0.04425,0.10338,-0.04663,-0.0054,0.07565,-0.05222,0.03671,-0.07918,0.08057,0.01659,-0.00509,-0.02275,0.1322,0.03854,0.07847,0.04249,-0.07419,-0.02031,0.00634,0.01602,-0.01654,-0.06042,-0.01219,0.06538,-0.01971,-0.02271,-0.03166,0.00363,-0.01009,0.04106,0.01043,-0.02134,-0.10642,0.08859,-0.09172,0.0055,0.09341,0.00189,-0.01771,0.11977,0.07653,0.01315,0.02615,0.00162,0.08047,-0.08749,0.03813,-0.03927,0.1079,-0.08651,0.02986,-0.10089,-0.03723,-0.042,-0.0123,-0.01995,-0.05541,0.01096,0.01231,0.01378,0.00185,0.00581,0.00053,-0.04242,-0.05277,-0.03514,0.01917,-0.03613,0.00079,-0.02764,0.00711,0.01434,-0.01072,-0.00328,-0.00267,-0.08047,-0.01624,0.04435,-0.00379,0.01361,0.06559,-0.08448,0.03302,0.04856,-0.0259,-0.04453,0,-0.03819,-0.01319,-0.01451,0.05114,0.03325,0.06671,0.03292,-0.0376,0.02119,-0.04498,-0.05259,0.02814,-0.03657,-0.01409,-0.008,-0.16039,0.05276,0.09352,-0.06292,-0.023,0.08776,0.05212,-0.04957,-0.06386,0.02519,0.0358,-0.08851,0.02654,-0.0624,0.02171,-0.02662,0.03236,-0.00541,-0.03416,-0.00049,-0.04273,-0.05792,-0.07222,-0.05902,-0.01835,-0.04745,0.06025,-0.08193,-0.01621,-0.00247,-0.06554,-0.06052,0.00044,0.07589,0.07847,0.05244,0.01105,0.08153,-0.05312,0.08419,-0.05746,-0.00336,0.0685,-0.05323,0.06775,-0.01466,0.08644,-0.02267,-0.09916,0.01847,0.09198,-0.01127,0.008,0.07015,0.00261,-0.03333,0.07604,0.03844,-0.01706,0.03637,0.04674,-0.01686,-0.06941,-0.06176,-0.05602,-0.01738,0.01074,0.01433,-0.02889,0.04055,-0.05875,-0.01406,-0.04877,-0.03781,0.00905,0.04926,-0.03991,0.04681,-0.02754,0.00889,0,-0.01656,0.05035,-0.04263,0.05543,-0.05016,0.00032,-0.01498,0.01787,0.04821,-0.03596,-0.05231,0.01782,-0.04007,0.00805,0.04135,-0.01577,-0.05989,-0.07472,0.0111,-0.00988,0.03683,0.03466,0.0333,0.05885,-0.01595,0.00567,0.07326,0.048,0.03552,-0.0387,0.00979,-0.08907,-0.04349,0.02225,0.0746,-0.07546,0.03605,0.09015,0.04736,0.03257,0.03307,0.0322,0.00094,0.01181,-0.01111,0.02449,-0.08601,0.03766,0.05912,-0.01502,-0.05883,0.01652,-0.12726,0.01646,-0.03254,-0.00724,0.1004,0.07856,0.02741,-0.01623,-0.04821,-0.14393,-0.02385,-0.04763,0.03355,-0.00046,0.01257,0.0057,0.07502,0.10907,0.06535,0.08665,0.0652,-0.00958,0.01872,-0.03017,0.11356,-0.08962,0.0354,0.04442,-0.07282,0.05038,0.05305,0.02914,0.02778,0.00989,-0.0046,-0.01081,0.06343,0.00853,0.05089,0.0733,-0.00549,-0.05886,-0.00472,0,-0.0876,-0.04868,-0.05958,0.06841,-0.00952,0.01354,0.06338,-0.00928,-0.02319,-0.06694,0.01539,0.06016,0.08866,-0.07283,0.12757,-0.02722,0.03903,-0.05259,-0.05588,-0.00308,-0.02839,0.00554,-0.07498,0.05506,-0.06627,-0.07223,0.01602,0.02539,-0.02185,-0.04847,-0.00859,0.04904,0.02409,0.04188,-0.03804,0.0731,-0.04323,0.04333,-0.01716,0.03701,-0.01893,0.01772,-0.06318,-0.02285,-0.07751,0.04864,0.03325,-0.05926,-0.06856,0.01994,-0.00432,0.02504,0.01358,0.05588,0.01589,-0.02487,-0.0398,-0.02785,0.04558,0.00984,-0.02427,0.07552,0.04675,-0.00372],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Outputs Important: outputs are designed for state persistence. In typical drag flows, you react to the final result (not per-mousemove streaming). - fNodePositionChange: OutputEmitterRef<IPoint; Emits when the final node position is committed by an interaction (for example, after drag ends). - fNodeRotateChange: OutputEmitterRef<number; Emits when rotation is committed (after rotate interaction ends). - fNodeSizeChange: OutputEmitterRef<IRect; Emits when resize is committed (after resize ends). Payload is the resulting rect. f Node Position Change Output Emitter Ref I Point f Node Rotate Change f Node Size Change I Rect","excerpt":"Outputs Important: outputs are designed for state persistence. In typical drag flows, you react to the final result (not per-mousemove streaming). - fNodePositionChange: OutputEmitterRef<IPoint; Emits when the final node position is committed by an interaction (for example, after drag ends). - fNodeRotateChange: OutputEmitterRef<number; Emits when rotation is committed (after rotate interaction ends). - fNodeSizeChange: OutputEmitterRef<IRect; Emits when resize is committed (after resize ends). Payload is the resulting rect."},{"chunkId":"/docs/f-node-directive#12","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.01322,-0.00038,-0.02197,0.03477,0.03599,-0.05556,-0.01551,0.03088,0.0384,0.05957,-0.01486,0.08498,-0.02659,-0.07223,-0.05456,-0.00508,-0.02139,0.09008,0.03614,-0.0041,0.00121,-0.07082,-0.05714,-0.05356,-0.04341,-0.01081,-0.05259,0.03244,0.0504,-0.08625,-0.03267,0.15687,-0.06213,0.02429,-0.13337,0.08584,-0.01366,-0.01524,-0.0639,0.03338,0.04101,-0.03297,0.05797,-0.02687,0.09097,0.06031,-0.08167,0.05286,-0.07304,0.0459,0.02012,-0.03895,-0.02124,0.10877,0.03192,0.04011,0.02992,-0.05336,0.00401,0.06485,0.10233,-0.02757,-0.02103,0.02445,0.06995,0.04008,-0.02835,-0.04674,0.0443,-0.01511,0.09033,0.04899,-0.00015,-0.08441,0.06698,-0.0837,0.00178,0.06986,-0.02289,-0.03152,0.09004,0.10277,0.02353,-0.0173,0.00308,0.0779,-0.06131,-0.02942,-0.03932,0.10974,-0.03671,0.02766,-0.09348,-0.01611,-0.06358,0.00175,-0.05012,-0.04102,-0.01052,0.04193,0.02691,0.01065,-0.02719,0.00498,-0.04117,-0.07933,-0.02171,0.06066,-0.03363,-0.02348,-0.04654,-0.0156,-0.00778,-0.03703,-0.09061,-0.04467,-0.03343,-0.0751,0.06404,0.02256,0.03919,0.09621,-0.05949,-0.04668,0.04159,-0.02401,-0.01776,0,-0.0302,0.01783,-0.01127,0.07531,0.0917,0.04581,0.04463,-0.06521,0.01262,-0.06805,-0.00966,0.00759,-0.04533,-0.04232,0.0035,-0.13415,0.00156,0.09909,-0.05028,-0.02959,0.07018,0.00884,-0.03206,-0.02918,0.0112,0.06306,-0.07329,0.03668,-0.09424,0.02191,-0.03387,-0.00624,0.02409,0.00196,-0.01709,-0.0327,-0.06303,-0.09089,-0.08005,-0.0298,-0.0222,0.04958,-0.01897,0.00771,0.00082,-0.08123,-0.09307,0.03097,0.07969,0.05388,0.03499,0.08863,0.07327,-0.07649,0.01871,-0.05587,-0.04874,0.03143,-0.06997,0.09665,-0.00214,0.02955,-0.07113,-0.05758,0.01006,0.10649,0.02164,-0.04283,0.07481,-0.044,-0.00276,0.06224,0.03544,0.04126,-0.01777,0.00124,-0.03127,-0.05331,-0.02585,-0.03505,-0.03447,-0.0361,-0.00489,0.04909,0.04218,-0.07729,0.04646,-0.05327,-0.01236,-0.00092,0.05159,0.01338,0.06853,-0.02133,0.08095,0,-0.0135,-0.00737,-0.04091,0.08797,-0.05768,0.00109,-0.04895,0.02996,0.03185,-0.02731,-0.03661,0.02951,-0.00143,-0.02897,-0.00178,0.03878,-0.0379,-0.10687,-0.02275,0.05098,0.04313,0.00696,-0.01013,0.01483,-0.00229,0.02626,0.02161,0.00505,-0.0138,-0.03507,-0.02363,-0.09957,-0.07578,0.033,0.08885,-0.00353,-0.00146,0.09163,0.02685,0.04232,0.06222,0.05295,-0.00636,-0.01366,-0.02978,0.05333,-0.08027,0.00511,0.01521,-0.02678,-0.05553,0.03378,-0.0574,0.01144,-0.02542,0.0488,-0.01271,0.09904,0.02738,0.01451,0.0355,-0.15971,-0.00463,-0.03256,0.0189,-0.00016,-0.01631,-0.01279,0.02563,0.0616,0.03906,0.05888,0.04985,-0.01956,0.01549,-0.05187,0.12478,-0.06743,-0.01137,0.07065,-0.05284,0.09839,-0.02104,0.01169,0.04673,-0.00733,0.02427,0.00151,0.03638,-0.0227,0.00586,0.05438,-0.03449,-0.07147,-0.04191,0,-0.1005,-0.02206,-0.03212,0.01751,0.04695,-0.04435,0.047,0.03861,-0.072,-0.0549,0.00994,0.07251,0.09277,-0.09198,0.12237,-0.04171,0.016,-0.02518,-0.09742,-0.0311,-0.06847,0.01639,-0.0505,0.05223,-0.01171,-0.02877,0.04157,0.00603,0.01318,-0.03365,-0.00223,0.03989,0.05441,0.07347,-0.01689,0.0924,-0.0393,0.05785,-0.06754,0.00062,0.00684,-0.03652,-0.00278,0.02635,-0.0215,0.02006,0.01152,0.00304,-0.03559,-0.00489,-0.01109,-0.00708,0.01563,0.02274,0.04176,-0.01724,0.01594,-0.04218,0.00928,0.00431,-0.06883,0.11048,0.06499,-0.01453],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Methods - refresh(): void; Forces a node refresh for cases where geometry/connector placement must be recalculated (for example, after significant DOM/content changes that affect size/anchors).","excerpt":"Methods - refresh(): void; Forces a node refresh for cases where geometry/connector placement must be recalculated (for example, after significant DOM/content changes that affect size/anchors)."},{"chunkId":"/docs/f-node-directive#13","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.0185,0.03822,-0.01084,-0.02977,0.04178,-0.03347,0.01971,0.05956,0.01543,0.04191,-0.03961,0.02402,-0.04245,-0.06052,-0.05282,0.00097,-0.02583,0.06143,0.06577,0.00858,0.00173,-0.05157,-0.06383,-0.05179,-0.04568,0.00722,-0.0113,0.03456,0.01388,-0.11382,-0.04256,0.14181,-0.02584,0.06577,-0.11242,0.02743,-0.00745,-0.02472,-0.08456,0.03126,0.07199,-0.01965,0.10444,-0.05943,0.06584,0.07852,-0.077,0.03362,-0.0655,0.02682,-0.00565,-0.03266,0.00089,0.10655,0.05395,0.00289,0.02822,-0.10458,-0.00209,0.06439,0.09034,-0.02512,-0.05131,0.00273,0.04772,0.01688,-0.01866,-0.02838,0.01184,-0.04841,0.04642,0.03896,-0.01366,-0.07303,0.1024,-0.03134,0.01682,0.06271,-0.02383,-0.02955,0.0734,0.13291,0.0028,-0.02364,-0.01243,0.0646,-0.11885,0.01275,-0.00811,0.08961,-0.04061,0.01797,-0.13431,-0.04766,0.02635,-0.02122,-0.05977,-0.10048,-0.02396,0.01265,0.02261,-0.02226,-0.02806,0.00379,-0.04176,-0.03197,-0.03279,0.00258,0.03445,-0.03893,-0.06325,-0.07199,-0.01253,-0.04697,-0.05316,-0.05843,-0.0504,-0.04379,0.06651,-0.03031,-0.01862,0.05743,-0.07489,0.02887,0.03607,-0.02729,-0.04734,0,-0.02932,0.06354,-0.01281,0.03616,0.06927,0.0482,0.05055,-0.0308,-0.00866,-0.03312,-0.03312,-0.02106,-0.03231,-0.03356,0.03125,-0.14988,0.04565,0.1223,-0.10255,-0.04293,0.07569,0.02374,-0.03262,-0.04883,0.02468,0.02342,-0.06273,0.00699,-0.05635,0.01292,-0.02603,-0.01191,0.03521,0.00345,0.00813,-0.04311,-0.06402,-0.07723,-0.04629,-0.03726,-0.0239,0.06093,-0.02582,-0.01311,-0.00735,-0.01606,-0.06384,0.01821,0.08705,0.04192,0.02749,0.05768,0.0413,-0.06102,0.08896,-0.03395,-0.00494,0.10446,-0.03334,0.10537,-0.04612,0.04045,-0.04314,-0.08881,0.00209,0.08585,-0.0114,-0.04851,0.08741,-0.00505,-0.02271,0.06585,0.02469,0.03835,-0.00487,0.01421,-0.01756,-0.03114,-0.01493,-0.01178,-0.13422,0.03661,0.01075,-0.0042,0.02405,-0.07024,0.07359,-0.02952,-0.02411,0.01325,0.05006,0.03036,0.03299,-0.01362,0.05588,0,-0.06679,0.03606,-0.0445,0.04781,-0.04297,-0.01306,-0.00109,0.02399,0.01489,-0.01235,-0.00491,0.04868,0.03669,-0.03122,0.02899,-0.00725,-0.05362,-0.09243,-0.00696,0.03965,0.03879,0.04587,-0.00326,0.00028,-0.017,0.04127,0.03881,0.00238,0.00311,-0.0204,-0.05334,-0.04824,-0.07079,0.0254,0.05987,-0.01968,-0.00596,0.1101,0.00158,-0.00628,0.01399,0.03333,-0.01139,-0.00426,-0.05563,0.01639,-0.01643,0.05678,0.04871,-0.00435,-0.10666,0.0211,-0.04374,0.04159,-0.02361,0.01762,0.03307,0.0623,0.03206,-0.04277,0.02941,-0.13783,0.02389,-0.05006,0.03367,-0.00558,0.03916,0.00137,0.01177,0.0753,0.06225,0.09063,0.07756,0.00209,-0.00525,-0.03694,0.13316,-0.02501,-0.00778,0.06823,-0.07607,0.13156,-0.02507,0.0649,0.07438,0.02511,0.05551,-0.0123,0.03843,0.02984,0.00462,0.06589,-0.01362,-0.04113,-0.01977,0,-0.11858,-0.03153,-0.05051,0.00986,0.01723,-0.04868,0.07494,0.02451,-0.04101,-0.00946,-0.00445,0.04611,0.05853,-0.08325,0.1528,-0.06543,0.01147,-0.01258,-0.08945,-0.00497,-0.04159,-0.00149,-0.07228,0.0277,-0.02077,-0.03304,-0.01385,-0.01877,0.00185,0.00429,0.00079,0.04016,0.06853,0.0743,0.00129,0.09913,-0.06196,0.08936,-0.06683,-0.01369,0.00298,-0.0053,-0.02671,-0.00133,-0.05083,0.07756,0.01304,-0.01548,-0.05957,0.00973,-0.02508,-0.00273,0.04095,0.06782,0.05217,0.00104,-0.01536,-0.0654,0.01795,0.01474,-0.06019,0.08691,0.03174,0.01396],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Types IPoint ISize IRect I Point I Size I Rect","excerpt":"Types IPoint ISize IRect"},{"chunkId":"/docs/f-node-directive#14","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00884,0.05932,-0.04307,0.01502,0.06821,-0.0033,0.02678,0.0348,0.03732,0.03933,-0.03062,0.04605,-0.03469,-0.06414,-0.04303,-0.01638,-0.05188,0.06663,0.05444,0.0483,-0.00809,-0.04172,-0.02638,-0.02868,-0.0215,0.02547,-0.01251,0.05501,0.02731,-0.09819,-0.02634,0.1604,-0.01528,0.05542,-0.13817,0.0135,0.00039,-0.00733,-0.0923,0.02324,0.0437,-0.03517,0.0777,-0.0794,0.0222,0.07648,-0.06154,0.00704,-0.07669,0.06814,0.03495,-0.03492,0.00098,0.11305,0.03861,0.03059,0.07256,-0.07762,-0.00261,0.05264,0.06119,-0.0299,-0.04268,0.02107,0.02347,0.05042,-0.0228,-0.04505,0.02126,-0.03235,0.08127,0.01771,0.00008,-0.06836,0.08067,-0.06991,0.03899,0.06543,-0.02353,-0.02468,0.05166,0.09403,0.00937,0.01212,-0.05302,0.11362,-0.11097,0.00777,-0.02944,0.11643,-0.08454,0.03577,-0.08005,-0.06061,0.00617,0.00405,-0.06081,-0.04779,-0.03527,-0.00319,0.02165,-0.03207,-0.00708,0.02993,-0.02126,-0.06308,-0.02109,-0.02065,-0.01928,-0.04058,-0.03447,-0.01251,0.00044,-0.03355,-0.05233,-0.05957,-0.04216,-0.06728,0.04047,0.02517,0.01888,0.05353,-0.07243,-0.02411,0.04576,-0.01654,-0.04149,0,0.00066,0.00545,0.01855,0.04543,0.09364,0.03359,0.05162,-0.07814,0.00483,-0.0371,-0.02664,-0.00788,-0.06707,-0.04711,-0.03671,-0.1496,0.0141,0.08521,-0.05203,-0.03207,0.10854,0.00669,-0.03603,-0.0355,0.02524,0.02918,-0.05872,0.01801,-0.06312,0.02926,-0.04131,-0.02326,0.03188,-0.00921,-0.00561,-0.02391,-0.08953,-0.05918,-0.06416,-0.01867,-0.07117,0.03416,-0.01858,0.01779,-0.01438,-0.03181,-0.07473,-0.00695,0.10353,0.07635,0.04299,0.05253,0.08934,-0.06016,0.0866,-0.05584,0.00336,0.09522,-0.06913,0.09437,-0.04018,0.06625,-0.06343,-0.11119,0.03695,0.09067,0.00007,-0.02722,0.04209,-0.06255,-0.02293,0.03586,0.01887,0.03827,0.01532,0.01701,0.01627,-0.03407,-0.04046,-0.01236,-0.09759,-0.01264,-0.00049,-0.01372,0.04551,-0.0595,0.03748,-0.04738,-0.01525,-0.00568,0.05743,0.02024,0.05029,0.00368,0.04484,0,-0.06022,0.03308,-0.01594,0.102,-0.03171,0.01289,-0.03024,0.00961,0.01046,0.00132,-0.01831,0.05573,-0.03125,-0.04416,0.03112,0.01435,-0.06524,-0.08235,0.01238,0.06236,0.01463,0.0379,-0.0286,0.02108,-0.04059,0.0129,0.02381,0.03498,0.03257,-0.06273,-0.02602,-0.0693,-0.06703,0.00737,0.05351,-0.05991,-0.03788,0.12955,0.02138,0.03925,-0.00528,0.02749,0.00408,0.02976,-0.04032,0.03118,-0.04783,-0.00051,0.04021,0.01381,-0.09235,0.03264,-0.06549,0.05119,-0.00566,0.02479,0.04893,0.10262,0.01884,0.00538,0.05206,-0.11781,-0.01395,-0.0588,0.03527,-0.00331,-0.00112,0.01954,0.01853,0.08653,0.04372,0.07456,0.06329,-0.00693,0.02182,-0.04134,0.1353,-0.01303,0.0335,0.0845,-0.06618,0.12712,-0.02615,0.03232,0.04084,0.0016,0.00704,-0.01596,0.05635,-0.01038,0.01066,0.06236,-0.00199,-0.05549,-0.03831,0,-0.12008,-0.0433,-0.03383,-0.01112,0.03053,-0.01974,0.04631,0.01689,-0.0433,-0.01839,-0.00015,0.07475,0.0795,-0.09178,0.11844,-0.07075,-0.003,0.0122,-0.07846,-0.01095,-0.01859,-0.00678,-0.08008,0.08164,-0.02288,-0.05524,0.00722,-0.02618,0.01562,0.02412,-0.05836,0.04667,0.02706,0.01686,-0.01444,0.08747,-0.0703,0.03623,-0.05482,0.0016,0.00991,-0.01744,-0.04547,-0.00785,-0.06136,0.05141,0.01173,-0.01961,-0.06807,0.0229,0.00235,-0.0119,0.02919,0.08901,0.01626,0.02431,-0.01108,-0.05479,0.04224,-0.02188,-0.07533,0.08522,0.05103,0.01845],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Styling - .f-component Base class for flow primitives. - .f-node Node host class. - .f-node-dragging-disabled Applied when fNodeDraggingDisabled = true. - .f-node-selection-disabled Applied when fNodeSelectionDisabled = true. - .f-selected Applied when the node is selected. f Node Dragging Disabled f Node Selection Disabled","excerpt":"Styling - .f-component Base class for flow primitives. - .f-node Node host class. - .f-node-dragging-disabled Applied when fNodeDraggingDisabled = true. - .f-node-selection-disabled Applied when fNodeSelectionDisabled = true. - .f-selected Applied when the node is selected."},{"chunkId":"/docs/f-node-directive#15","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[0.00821,0.00779,-0.0089,0.00688,0.04371,-0.03263,-0.04713,0.01992,0.02849,0.01335,-0.05795,0.0562,-0.0259,-0.03206,-0.025,0.01495,-0.02625,0.04336,0.01942,0.02469,-0.0196,-0.07557,-0.00046,-0.02476,-0.04966,0.00088,-0.00076,0.04113,0.02032,-0.06467,0.01657,0.11685,-0.09343,0.0285,-0.08938,0.05557,0.02683,-0.03944,-0.07709,0.03157,0.12383,-0.01929,0.07535,-0.03538,0.02225,0.03867,-0.06953,0.04435,-0.07547,0.05075,-0.0028,-0.02564,0.01059,0.09191,0.01258,0.06168,-0.00853,-0.03797,0.00959,0.09929,0.08155,-0.03248,-0.00155,-0.01279,0.05821,0.0294,-0.01565,-0.03037,-0.00617,0.00915,0.09198,0.05464,-0.03215,-0.06613,0.04943,-0.00603,-0.01433,0.04919,-0.03325,-0.07442,0.09009,0.15317,0.00203,-0.00132,-0.00341,0.06497,-0.06722,-0.06609,-0.06487,0.11796,-0.03969,0.00363,-0.05068,-0.02966,-0.00185,0.03211,-0.0639,-0.05489,-0.00118,0.00291,-0.02286,0.03646,-0.00683,0.06063,-0.00541,-0.03534,-0.06716,0.05152,-0.0024,-0.01482,-0.01522,0.0274,0.02015,-0.02281,-0.08754,-0.0722,-0.00949,-0.06938,0.045,0.05779,-0.03119,0.0409,-0.003,0.01088,0.05473,-0.02259,-0.04586,0,-0.02879,0.00043,-0.00855,0.05614,0.11237,0.03693,0.01532,-0.06731,-0.02207,-0.03238,-0.0751,-0.01395,-0.05157,-0.07763,-0.02114,-0.09383,-0.01504,0.09065,-0.03776,-0.02609,0.04633,-0.07135,-0.033,-0.04198,0.05299,0.03326,-0.07017,0.0327,-0.02631,0.01199,-0.0286,-0.01673,0.07752,0.01532,-0.01321,-0.03123,-0.05407,-0.08571,-0.12488,0.00407,-0.06053,0.03526,-0.01417,0.02708,-0.02585,-0.02701,-0.03785,-0.00499,0.0641,0.02774,-0.01744,0.04204,0.11043,-0.06986,0.03157,-0.10206,-0.08024,0.04035,-0.03822,0.07218,0.00388,0.0301,-0.09872,-0.0468,0.0624,0.12171,-0.01669,-0.00145,0.08385,-0.04091,0.00761,0.06849,0.00068,0.02282,-0.00467,0.00128,-0.04904,-0.01455,0.01259,-0.01151,-0.0531,-0.00662,0.04632,0.06129,0.07505,-0.02939,0.04001,-0.08343,-0.00641,0.04961,0.08619,0.02875,0.0733,-0.01564,0.08637,0,-0.06602,0.02258,-0.0017,0.03557,-0.00625,-0.03311,-0.04529,-0.00809,0.06582,0.01415,0.00905,0.05484,-0.01243,-0.06717,0.00571,-0.00841,-0.01499,-0.07882,0.06381,0.05135,0.03338,0.02983,-0.01754,-0.02196,0.0417,0.01257,0.01882,-0.02236,-0.00843,-0.02081,0.02007,-0.04668,-0.05248,0.0112,0.05319,-0.01868,-0.08256,0.11986,0.07881,-0.01362,0.02532,0.03274,-0.03573,-0.00361,-0.02763,0.01939,-0.08003,-0.01936,-0.01639,0.00532,-0.10109,0.09374,-0.05666,0.02583,-0.01679,0.01725,0.03911,0.11496,-0.00431,-0.01536,0.091,-0.09863,-0.0235,-0.01856,0.05521,-0.02685,-0.01774,-0.00663,0.05463,0.06872,-0.00363,0.02012,0.02461,0.00623,0.03623,-0.07861,0.0899,-0.02243,0.02325,0.11743,-0.08919,0.12375,-0.05,-0.01034,0.06585,-0.00367,0.05906,0.04705,0.04138,0.07299,0.03049,0.02409,-0.05215,-0.06697,-0.07287,0,-0.06663,-0.00866,-0.09775,0.01558,0.0391,-0.04193,-0.00449,0.02398,-0.05099,0.03282,-0.00702,0.07487,0.02907,-0.07515,0.09207,-0.09439,0.01158,-0.04449,-0.10978,0.01116,-0.08899,0.04702,-0.10518,0.0973,-0.05227,-0.03871,0.02422,-0.02766,-0.02544,0.0113,-0.03919,0.032,-0.03008,0.09521,-0.06555,0.07373,-0.05158,0.07636,-0.07104,-0.00179,0.0263,-0.0453,0.0339,0.01811,-0.01166,0.069,0.01392,0.00388,-0.0186,0.05521,-0.01509,-0.00288,0.0131,0.00163,0.06448,-0.07682,0.01144,-0.00715,0.01751,-0.00677,-0.0589,0.04339,0.08231,-0.04091],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Notes and pitfalls - If you render multiple nodes at the same position, they will overlap. - If you rely on content-based sizing (no fNodeSize), dynamic content changes can cause re-measuring and affect connection routes — this is expected. - When using fNodeParentId, make sure the referenced parent id exists; otherwise hierarchy-based behaviors won’t apply. - Connector directives should normally live inside a node; “node-as-connector” patterns are only valid where explicitly documented by an example. f Node Size f Node Parent Id","excerpt":"Notes and pitfalls - If you render multiple nodes at the same position, they will overlap. - If you rely on content-based sizing (no fNodeSize), dynamic content changes can cause re-measuring and affect connection routes — this is expected. - When using fNodeParentId, make sure the referenced parent id exists; otherwise hierarchy-based behaviors won’t apply. - Connector directives should normally live inside a node; “node-as-connector” patterns are only valid where explicitly documented by an example."},{"chunkId":"/docs/f-node-directive#16","slug":"f-node-directive","route":"/docs/f-node-directive","section":"docs","title":"FNodeDirective - Position, Size, Rotate and Selection for Nodes","description":"Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts.","group":"Nodes","vector":[-0.0331,0.0638,-0.06708,-0.00202,0.07789,0.04676,-0.00117,0.06142,0.03399,0.06333,-0.04129,0.0293,-0.03162,-0.03559,-0.00093,0.00751,-0.08677,0.08427,0.02818,-0.01567,-0.02196,-0.03269,0.01818,-0.01714,-0.04254,0.03933,-0.01444,0.05024,0.0169,-0.06954,0.03397,0.1215,0.00762,0.05245,-0.12976,0.03523,-0.01703,0.02427,-0.0548,0.0115,0.11231,0.01494,0.06303,-0.12021,0.03019,0.03592,-0.08725,0.05515,-0.06949,0.05999,-0.01131,-0.09642,-0.01441,0.09812,0.00996,0.01556,0.01288,-0.11483,0.03161,0.02845,0.06776,-0.06362,-0.01642,0.00579,0.04868,0.03739,-0.08233,-0.00632,-0.02366,0.02122,0.05743,0.01167,-0.00343,-0.04538,0.06406,-0.06181,0.00172,0.07691,-0.03221,-0.03236,0.02672,0.09929,0.01666,0.02853,-0.04387,0.10703,-0.06347,-0.03156,-0.01028,0.05285,-0.05781,0.02768,-0.09249,-0.04709,0.0396,0.03028,-0.07169,-0.02358,-0.06,0.01824,0.00411,-0.06155,0.01954,0.03681,-0.02679,-0.0253,-0.05173,0.01928,-0.0234,-0.02191,-0.03477,0.02255,-0.01132,-0.05923,-0.04781,-0.06933,-0.01707,-0.04587,0.02006,0.06722,0.04402,0.02357,-0.09679,-0.02766,0.04695,0.03475,-0.0209,0,-0.01996,0.05361,0.00958,0.04271,0.08291,0.0145,0.01855,-0.10191,-0.0004,0.01176,-0.04801,-0.00929,-0.05535,-0.06826,-0.05736,-0.15578,-0.00427,0.0585,-0.03939,-0.04628,0.09073,-0.02358,-0.09008,-0.01075,0.03978,-0.00429,-0.06154,0.02236,-0.09649,-0.00948,0.01701,0.00325,0.08224,-0.01954,0.0106,-0.03762,-0.02325,-0.05952,-0.07553,-0.02784,0.00714,0.01716,-0.03183,0.05696,-0.01776,-0.01548,-0.05423,-0.01577,0.14386,0.0718,0.03234,0.06659,0.02671,-0.05662,0.10453,-0.03637,-0.02409,0.07154,-0.03478,0.08595,-0.01537,0.05885,-0.02912,-0.09069,0.04147,0.05161,0.01027,-0.0367,0.08702,-0.06454,-0.0347,0.07542,0.02853,0.04774,0.00969,0.02239,0.01114,0.00527,0.00402,-0.01211,-0.08243,-0.0267,-0.01882,0.05704,0.06395,-0.0841,0.04367,-0.0598,-0.021,-0.0554,0.04879,0.04104,0.01184,-0.0361,0.04137,0,-0.0293,0.02475,0.0097,0.1112,-0.01989,-0.02862,0.03043,0.05513,0.0347,0.04911,-0.02177,0.04659,-0.00954,-0.05746,0.07518,0.00888,-0.0598,-0.0841,0.05612,0.02578,0.03176,0.09512,-0.01731,0.0288,-0.03728,0.02776,0.04677,0.02906,0.03979,-0.03537,-0.0358,-0.07783,-0.06655,0.04581,0.02854,-0.06392,-0.05231,0.13556,0.03606,0.01939,0.01408,0.0402,-0.04099,-0.00002,-0.07331,-0.00846,0.04257,0.01003,0.01002,-0.03382,-0.09749,0.03151,-0.06444,0.05449,-0.03457,-0.01139,0.0657,0.03615,0.02103,-0.03198,0.03253,-0.07232,-0.00506,-0.05125,0.07798,0.01247,-0.04852,-0.02608,0.02564,0.08534,-0.01885,0.05173,0.07384,-0.00698,0.04009,-0.008,0.09823,0.02635,0.05384,0.0713,-0.11038,0.11987,-0.02195,0.05735,0.05539,0.00264,-0.04073,0.0094,0.07632,0.02777,-0.02161,0.02234,-0.00869,-0.06325,0.01014,0,-0.14388,-0.04382,-0.03605,0.01992,0.02509,-0.04903,0.03545,-0.00752,-0.03028,-0.00022,-0.00823,0.1016,0.06207,-0.09929,0.07375,-0.08148,-0.02261,0.03507,-0.06227,0.00357,-0.02361,0.01757,-0.05854,0.0573,-0.02869,-0.06525,-0.03523,-0.01308,-0.0016,0.01359,-0.01303,-0.00176,0.06718,0.04395,-0.02493,0.00045,-0.10945,0.02906,-0.03812,0.01662,-0.0061,-0.04934,0.00176,0.00128,-0.08001,0.05454,-0.01004,-0.01031,-0.02179,-0.01336,-0.00196,-0.03217,-0.00038,0.05484,0.06112,-0.00623,0.0239,-0.0188,0.01086,-0.02209,-0.07597,0.07698,0.03163,-0.02558],"keywords":"FNodeDirective - Position, Size, Rotate and Selection for Nodes FNodeDirective - Position, Size, Rotate and Selection for Nodes Reference for `fNode`: node identity, transforms, selection, and connector participation in flow layouts. Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::","excerpt":"Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss :::"},{"chunkId":"/docs/f-drag-handle-directive#0","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.0141,0.01994,-0.0317,0.08055,0.05276,0.03616,0.05186,-0.00258,0.03208,0.00091,-0.03666,-0.0322,-0.05679,-0.00657,-0.02812,-0.03826,-0.05493,0.01434,0.07491,0.08237,0.03103,-0.04762,0.02065,-0.01389,-0.06457,0.03873,-0.04921,0.041,0.0745,-0.07609,0.03443,0.04509,-0.08159,0.05812,-0.05944,0.0407,-0.03517,-0.03384,-0.09126,-0.02502,0.07815,0.02865,0.05085,-0.0478,-0.03705,0.07609,0.0383,0.08197,-0.06545,0.08885,0.03518,-0.09754,0.03822,0.0366,0.02709,0.02323,0.05023,-0.07078,0.04303,0.03235,-0.03074,-0.0074,-0.00662,-0.04024,-0.01913,0.02654,-0.09456,0.0055,-0.00024,-0.00952,0.09193,-0.01881,0.00525,0.00632,0.06629,-0.03286,-0.01173,0.0758,-0.01751,-0.03769,0.0145,0.00413,0.02069,0.02152,-0.06796,0.08244,-0.08586,-0.05495,-0.03867,0.08744,0.00587,0.09159,-0.08386,-0.04518,-0.02683,-0.06302,-0.0189,-0.07042,-0.07522,-0.0175,0.01086,-0.01797,0.02693,0.09872,0.02506,-0.06122,0.01879,-0.13061,-0.12019,0.03589,-0.0328,0.02963,0.05527,-0.03851,-0.03974,-0.06425,-0.05998,-0.02076,0.03326,-0.0252,-0.02916,0.06043,-0.01028,0.01475,0.021,-0.06597,-0.08879,0,-0.01943,-0.0154,-0.05504,0.02771,0.02127,-0.04481,0.0361,-0.03093,-0.01929,-0.00102,0.03083,-0.04826,-0.03302,0.03245,-0.00235,-0.13898,-0.02196,0.00665,-0.02052,-0.02154,0.06444,-0.09867,-0.04071,-0.10601,0.00725,0.04408,-0.05469,0.02233,0.07423,0.05884,-0.04691,-0.02461,-0.02504,-0.00786,-0.05702,0.01117,-0.03412,-0.06676,-0.01927,-0.03829,-0.02759,0.0002,-0.03297,-0.02608,-0.0094,-0.0004,-0.01424,0.00436,-0.01561,-0.0268,0.05035,-0.03073,0.11124,-0.04434,0.03704,-0.08784,-0.03876,0.09268,0.02065,0.05123,0.02981,0.04347,-0.06725,-0.08906,0.08552,0.08286,0.03334,0.06898,-0.01665,-0.09125,-0.0303,0.01052,0.08611,-0.01899,0.03066,0.04243,-0.00273,-0.07401,0.00191,-0.03264,-0.03175,-0.03153,0.07861,-0.03533,0.07227,-0.08538,0.05748,0.04149,-0.10316,-0.02307,0.05012,-0.03302,0.05873,0.04953,0.03911,0,0.00233,0.03474,0.05477,0.01684,-0.01797,-0.03117,0.0157,-0.0464,0.02556,-0.02664,-0.06109,0.00613,-0.03986,-0.01597,-0.00373,-0.0145,-0.0917,0.00578,-0.01047,-0.02623,-0.02547,-0.03259,-0.03369,0.06037,-0.03573,-0.0188,0.00357,0.06077,-0.01733,-0.0132,0.00207,-0.05286,0.00298,-0.01263,-0.01895,-0.08418,-0.05364,0.08959,0.08941,0.04042,0.03469,-0.01684,-0.02394,0.00116,0.01377,0.04021,-0.07364,0.0187,-0.01645,0.01322,-0.10588,0.03121,-0.06438,0.02564,0.03795,0.05093,0.1247,0.06312,0.03332,-0.06374,0.04852,-0.04523,-0.02217,-0.02614,0.10912,0.01101,0.01862,0.00838,0.07302,0.06402,0.02041,0.0916,0.00059,-0.03397,0.07099,0.04244,0.17854,0.01491,0.04234,0.00989,-0.01317,0.04342,-0.00167,0.04293,0.06236,0.00589,-0.04585,-0.06799,0.00004,0.00526,-0.0185,-0.0082,0.07973,-0.05569,-0.0596,0,-0.08673,-0.02846,0.0198,-0.01856,0.02656,0.08735,0.01271,0.012,-0.02316,-0.01778,-0.00978,0.03644,0.05081,-0.01023,0.03445,-0.02348,-0.00209,0.00916,-0.02037,-0.06852,0.00395,0.04772,0.00903,0.08463,-0.06132,-0.08837,-0.05303,-0.05866,0.06895,-0.0015,-0.02391,0.05822,0.03066,0.06538,-0.04316,0.13047,-0.05016,0.02063,-0.06464,0.04876,0.10453,0.02065,-0.02394,-0.08838,-0.0755,0.08242,0.03099,0.04708,-0.01958,0.06389,0.02653,0.07163,0.01056,0.11216,-0.00994,0.05037,-0.09594,-0.04962,0.01745,0.00715,-0.02821,0.01805,0.07476,0.04271],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Drag Handle Selector: [fDragHandle] Class: FDragHandleDirective FDragHandleDirective marks an element as the only valid drag start surface for moving a node. In Foblex Flow, node dragging is enabled by fDraggable on the parent f-flow, but a drag start area must be defined. The simplest option is to put fDragHandle on the node itself (the whole node becomes draggable). For more complex nodes, put it on a header or a dedicated grip. f Drag Handle F Drag Handle Directive f Draggable","excerpt":"Drag Handle Selector: [fDragHandle] Class: FDragHandleDirective FDragHandleDirective marks an element as the only valid drag start surface for moving a node. In Foblex Flow, node dragging is enabled by fDraggable on the parent f-flow, but a drag start area must be defined. The simplest option is to put fDragHandle on the node itself (the whole node becomes draggable). For more complex nodes, put it on a header or a dedicated grip."},{"chunkId":"/docs/f-drag-handle-directive#1","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.0172,-0.01035,-0.03558,0.10292,0.08778,-0.0085,0.04862,-0.00796,0.02275,0.00318,-0.01345,0.0299,-0.07668,-0.0083,-0.04636,-0.058,-0.03381,-0.04212,0.04954,0.01268,0.03181,-0.07733,0.02249,-0.03762,-0.05723,-0.00175,-0.05299,0.04323,0.07305,-0.09197,0.01312,0.03552,-0.04551,0.05394,-0.11232,0.05887,-0.03987,-0.01048,-0.08795,-0.04356,0.03573,-0.00571,0.04172,-0.04352,-0.025,0.04742,0.00189,0.07974,-0.04807,0.07002,0.03771,-0.08678,0.01745,0.02642,0.06073,0.00607,0.04936,-0.0586,0.03606,0.05524,-0.04669,0.01705,-0.03198,-0.0167,0.03923,0.05607,-0.05031,-0.02881,0.02394,-0.0292,0.10914,-0.00773,-0.03394,-0.00637,0.0662,-0.05489,-0.0515,0.05018,-0.00465,-0.01378,0.04394,0.01927,0.05118,0.0481,-0.04602,0.07039,-0.10454,-0.0232,-0.0126,0.05895,0.0133,0.07187,-0.0948,0.03311,-0.0614,-0.01143,0.00705,-0.06311,-0.08649,-0.00804,0.02279,-0.04435,0.03169,0.06506,0.0529,-0.07224,0.03463,-0.14966,-0.11844,0.03627,-0.04269,0.00528,0.03065,-0.04345,-0.0557,-0.06875,-0.03254,-0.01682,0.04607,-0.01294,-0.02508,0.12599,-0.05681,0.01269,0.04348,-0.07143,-0.08002,0,0.00676,-0.03256,-0.05575,0.01204,0.02715,-0.01813,0.04906,-0.02802,-0.02331,-0.01562,0.06026,-0.05818,-0.05518,0.03015,0.04434,-0.14131,0.00399,0.02204,-0.03633,-0.05783,0.02691,-0.08342,-0.03852,-0.04403,0.01743,0.0819,-0.05817,0.06147,0.05354,0.05811,-0.04888,-0.00943,-0.04313,-0.00292,-0.06467,0.03171,-0.05681,-0.06307,-0.02377,-0.00224,-0.05751,-0.01642,-0.02016,0.00161,-0.02588,0.02853,-0.04219,0.01089,-0.06365,-0.02022,0.02724,-0.01483,0.10575,-0.06796,0.03525,-0.08577,-0.01353,0.0527,0.0136,0.0712,0.01237,0.00763,-0.08816,-0.04913,0.03057,0.08115,0.04886,0.05664,0.00791,-0.07754,-0.05882,0.01229,0.09506,-0.04456,0.04324,0.02879,-0.04185,-0.13245,0.01511,-0.03262,-0.01387,-0.06184,0.03189,-0.0287,0.06058,-0.09203,0.06648,0.02104,-0.07411,-0.05503,0.02403,0.01252,0.04194,0.06098,0.04381,0,0.00936,0.03968,0.03369,0.04962,-0.05774,0.0229,-0.00042,-0.04715,0.03338,-0.01284,-0.05717,0.02128,-0.01013,-0.02383,-0.03836,0.03429,-0.10938,0.02353,-0.03957,-0.01793,-0.04363,-0.04739,-0.03178,0.07683,-0.03237,-0.01746,0.01285,0.05624,-0.0201,-0.022,0.02331,-0.05507,-0.00432,-0.00082,-0.01537,-0.03883,-0.00215,0.09596,0.0743,0.05309,0.04064,-0.02058,-0.01287,0.00066,-0.00958,0.04668,-0.08328,0.0621,-0.03973,0.0009,-0.11464,0.0511,-0.06499,0.00163,0.00542,0.01265,0.05465,0.09656,0.06607,-0.04585,0.039,-0.07154,-0.03538,0.00941,0.09541,0.00741,0.0343,0.02069,0.1153,0.07955,0.05202,0.06758,0.03104,-0.07224,0.05213,0.04058,0.17036,-0.01961,0.00734,-0.0277,0.03771,0.02849,0.02522,0.01532,0.03855,0.008,-0.03968,-0.02547,0.02155,-0.00725,-0.02234,0.0151,0.07209,-0.0306,-0.02196,0,-0.05675,0.00635,0.00313,-0.02107,0.04027,0.0329,0.05516,0.07134,-0.03391,0.02902,0.01034,0.03095,0.04656,-0.01236,0.06081,-0.00113,0.04298,0.0598,-0.01463,-0.02357,0.0112,0.02227,-0.04093,0.06217,-0.07096,-0.07412,-0.07245,-0.02234,0.07674,0.02151,-0.00768,0.04739,0.04153,0.06389,-0.06953,0.12807,-0.06172,-0.02283,-0.04391,0.02198,0.08243,-0.01232,0.00198,-0.07498,-0.10074,0.0586,0.09685,0.03028,0.02752,0.08152,0.01796,0.0453,0.04566,0.07509,-0.00713,0.04742,-0.06855,-0.00496,0.05072,0.0092,-0.03583,0.04347,0.05814,0.03692],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Why it exists Real nodes often contain interactive UI (buttons, inputs, selects). If the whole node starts dragging from any pixel, you can easily break UX: - clicking a button starts a drag, - selecting text becomes hard, - inputs lose focus. fDragHandle lets you choose exactly where dragging can start. f Drag Handle","excerpt":"Why it exists Real nodes often contain interactive UI (buttons, inputs, selects). If the whole node starts dragging from any pixel, you can easily break UX: - clicking a button starts a drag, - selecting text becomes hard, - inputs lose focus. fDragHandle lets you choose exactly where dragging can start."},{"chunkId":"/docs/f-drag-handle-directive#2","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.01224,0.02295,-0.00502,0.07703,0.10008,0.0146,0.03336,-0.02888,0.00469,0.00673,0.0081,0.02079,-0.05621,-0.0152,-0.04296,-0.03356,-0.05402,0.00608,0.04056,0.04188,0.02451,-0.05368,0.01798,-0.03409,-0.04529,0.0127,-0.06079,0.03568,0.09448,-0.08663,0.02333,0.06469,-0.08526,0.0566,-0.06935,0.02941,-0.04376,-0.01116,-0.08396,-0.00799,0.07494,0.00549,0.04174,-0.05276,-0.04218,0.08198,-0.00303,0.09472,-0.06245,0.07176,0.0524,-0.10222,0.01494,0.02478,0.07859,-0.00006,0.04511,-0.06268,0.06616,0.02297,-0.01607,0.0191,-0.04867,-0.03699,0.02795,0.02745,-0.08274,0.01506,0.02923,-0.00043,0.10313,-0.00307,-0.00523,-0.00503,0.05946,-0.01219,-0.06132,0.05353,-0.03125,-0.05822,0.04004,0.00907,0.05351,0.03145,-0.04609,0.05514,-0.11841,-0.04391,-0.00441,0.05997,0.02679,0.07212,-0.08729,-0.01358,-0.07968,-0.02471,-0.00788,-0.06814,-0.07995,0.00683,0.01408,-0.03236,0.03577,0.08306,0.06891,-0.05653,0.01716,-0.12169,-0.12084,0.06656,-0.02751,0.01367,0.05729,-0.06916,-0.05922,-0.07857,-0.03522,-0.02613,0.05716,0.00929,-0.01501,0.12435,-0.03372,0.01986,0.02483,-0.07473,-0.10276,0,0.00971,-0.01684,-0.07198,0.05006,0.05641,-0.04155,0.0103,-0.0331,-0.00783,0.01526,0.04983,-0.04796,-0.06417,0.04125,0.02051,-0.1233,0.01257,0.02537,-0.03828,-0.05436,-0.00837,-0.08944,-0.03584,-0.07647,-0.00339,0.05337,-0.04344,0.03731,0.05593,0.06107,0.0034,-0.02375,-0.02839,0.00325,-0.05434,0.02525,-0.02052,-0.07705,-0.03054,0.00501,-0.04695,-0.0117,-0.05818,0.00157,-0.04323,0.00224,0.02276,0.02554,-0.01979,-0.03812,0.02884,0.00016,0.10598,-0.09255,0.02529,-0.09959,-0.0391,0.07095,0.03665,0.08774,0.03396,0.02981,-0.07329,-0.08079,0.07547,0.05003,0.04171,0.06182,-0.00456,-0.07713,-0.02649,-0.0046,0.10042,-0.00417,0.03892,0.02723,-0.04877,-0.10092,0.01088,-0.05545,-0.03181,-0.04205,0.04812,-0.0423,0.04267,-0.07436,0.10193,0.04975,-0.1109,-0.04391,0.01216,-0.00014,0.08539,0.04645,0.03755,0,-0.0109,0.04648,0.03684,0.02156,-0.02511,-0.00254,0.00933,-0.03355,0.03216,0.01176,-0.06034,-0.00724,-0.01941,-0.02163,-0.03127,0.00552,-0.11579,0.01669,-0.02791,-0.02276,-0.04075,-0.04411,-0.03613,0.10496,-0.0729,0.00308,0.00715,0.03357,-0.03123,0.00501,-0.00743,-0.0757,0.01069,0.01615,-0.03804,-0.04872,-0.02452,0.11291,0.06276,0.04767,0.03493,-0.03741,-0.02429,-0.0028,-0.00936,0.00249,-0.05959,0.05043,-0.01585,-0.03471,-0.11787,0.03972,-0.05873,0.00738,0.0219,0.03722,0.07301,0.05139,0.05445,-0.04026,0.03548,-0.04842,-0.04506,-0.03406,0.11956,0.02779,0.0372,-0.0174,0.09004,0.04076,0.02012,0.08148,0.02325,-0.08206,0.05349,0.02608,0.20073,-0.00095,0.02445,-0.02684,-0.03256,-0.02141,0.00517,0.01944,0.04888,0.00531,-0.02844,-0.0193,0.01765,-0.00734,-0.01628,0.00509,0.06464,-0.02486,-0.0243,0,-0.04777,-0.00904,0.0044,-0.01823,0.03588,0.0568,0.05475,0.03129,-0.03733,0.0179,0.00226,0.02983,0.0245,-0.00855,0.0582,-0.02636,0.00812,0.05782,-0.0458,-0.04431,0.02127,0.0594,-0.0125,0.03621,-0.07837,-0.05521,-0.05943,-0.03081,0.08052,0.00023,-0.00664,0.05115,0.01198,0.03197,-0.05192,0.131,-0.04089,-0.00539,-0.04168,0.03108,0.09204,-0.00704,-0.00721,-0.07055,-0.07271,0.05937,0.10202,0.06906,0.01028,0.06534,0.01981,0.03204,0.04117,0.08805,-0.00736,0.01783,-0.05701,-0.02274,0.0337,0.0082,-0.00078,0.03184,0.06262,0.00942],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Common patterns","excerpt":"Common patterns"},{"chunkId":"/docs/f-drag-handle-directive#3","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[0.01968,0.02979,-0.01388,0.07929,0.08031,-0.01534,0.04141,-0.03239,-0.0032,0.02593,-0.02151,0.00868,-0.06312,-0.01114,-0.04258,-0.05908,-0.0749,0.01253,0.06139,0.03265,0.01799,-0.05357,0.01845,-0.03893,-0.02727,0.00995,-0.06408,0.03241,0.06669,-0.08575,0.01132,0.0475,-0.08461,0.06716,-0.08924,0.03557,-0.05793,0.00286,-0.0594,-0.0142,0.06621,0.00403,0.05558,-0.0538,-0.0377,0.07899,0.00032,0.08213,-0.04066,0.07026,0.06006,-0.09147,0.02721,0.02873,0.05815,0.01865,0.03312,-0.07263,0.02712,0.05319,-0.01908,0.00885,-0.03076,-0.04608,0.05962,0.04488,-0.06485,0.0135,0.01666,-0.02198,0.12798,0.00352,0.00855,-0.03339,0.07272,-0.05009,-0.03974,0.08,-0.00262,-0.02417,0.05042,0.03938,0.05503,0.03115,-0.04047,0.07359,-0.11868,-0.03146,-0.02466,0.0626,0.03177,0.07636,-0.10741,-0.0017,-0.07209,-0.04168,-0.01449,-0.0495,-0.08891,0.00153,0.01013,-0.01426,0.01999,0.06796,0.03375,-0.06341,0.04526,-0.14606,-0.11898,0.05889,-0.02624,0.03122,0.05371,-0.06804,-0.04067,-0.06478,-0.05485,-0.02462,0.03341,-0.02221,-0.04663,0.12146,-0.05729,0.06054,0.04013,-0.07479,-0.07074,0,0.0056,0.01578,-0.06528,0.02655,0.05847,-0.02108,0.0306,-0.02212,-0.03451,-0.01663,0.0531,-0.08068,-0.04399,0.01557,0.00074,-0.13075,0.02018,0.01761,-0.02827,-0.05653,0.01403,-0.08804,-0.04764,-0.08269,-0.00127,0.0549,-0.03951,0.03974,0.0443,0.05882,-0.00942,-0.01672,-0.01872,-0.00458,-0.05027,-0.01951,-0.04229,-0.04935,-0.04159,-0.00902,-0.05454,0.01492,-0.0399,0.01226,-0.03862,0.00517,0.00251,0.01494,0.00274,-0.0247,0.03925,-0.00775,0.08893,-0.10184,0.01263,-0.08971,-0.04373,0.05687,0.02526,0.05958,0.02432,0.02885,-0.08483,-0.0899,0.06867,0.0777,0.04556,0.05905,0.01665,-0.08479,-0.04135,-0.02917,0.10922,-0.01233,0.03359,0.04202,-0.01623,-0.10863,0.01155,-0.06569,-0.01188,-0.04718,0.06349,-0.0597,0.06678,-0.05789,0.08258,0.04342,-0.05435,-0.01065,0.01197,-0.02946,0.07813,0.03262,0.05274,0,0.00453,0.02289,0.02543,0.02464,-0.04104,0.00318,-0.01028,-0.05372,0.03286,0.01908,-0.05925,-0.00277,-0.01859,-0.023,-0.035,0.01374,-0.09319,0.04836,-0.02291,-0.01528,-0.05856,-0.03937,-0.00607,0.10344,-0.0484,0.00415,0.01874,0.06879,-0.00737,-0.02152,-0.00192,-0.09061,0.00113,-0.02527,-0.01415,-0.06157,0.00604,0.101,0.0585,0.06565,0.03002,-0.01715,-0.02667,-0.01382,-0.00823,0.00685,-0.08337,0.03454,-0.00078,-0.00795,-0.10182,0.03314,-0.07449,0.01576,0.02045,0.04278,0.07443,0.08892,0.0481,-0.06204,0.02103,-0.07473,-0.02437,-0.02747,0.13628,0.00682,0.0209,0.0183,0.09786,0.05817,-0.01693,0.07063,0.02555,-0.06241,0.06437,0.0215,0.19186,-0.00471,0.03035,-0.02917,0.00199,-0.0163,-0.01045,0.00959,0.06305,0.0021,0.02544,-0.03044,0.00257,-0.03039,0.00027,-0.00249,0.08587,-0.06332,-0.02925,0,-0.02906,-0.01226,0.00459,-0.00252,0.04521,0.03168,0.04837,0.02786,-0.04622,0.00926,-0.00938,0.04496,0.02505,-0.02217,0.06319,-0.06009,0.01857,0.03638,-0.04294,-0.03959,0.00759,0.04159,-0.02579,0.04441,-0.06954,-0.06827,-0.04499,-0.05274,0.05674,-0.00224,-0.02596,0.04782,0.0265,0.03837,-0.04732,0.12217,-0.02033,0.00309,-0.06601,0.0252,0.0883,-0.00302,0.01927,-0.05941,-0.08891,0.0399,0.08956,0.03876,0.0079,0.08509,0.04999,0.04019,0.04702,0.07755,-0.02594,0.00489,-0.05566,-0.03876,0.01666,0.01544,-0.00954,0.02806,0.07745,0.0132],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Drag the whole node Put fDragHandle on the same element as fNode. f Drag Handle f Node","excerpt":"Drag the whole node Put fDragHandle on the same element as fNode."},{"chunkId":"/docs/f-drag-handle-directive#4","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.01116,0.03573,-0.01577,0.09319,0.06881,-0.00637,0.03491,-0.02368,0.01386,0.01719,-0.0096,0.01012,-0.04254,-0.00435,-0.02865,-0.05214,-0.08056,0.00438,0.06285,0.02635,0.02177,-0.04338,0.02398,-0.01979,-0.04619,0.01379,-0.05818,0.03227,0.05346,-0.08414,0.00323,0.02868,-0.10296,0.05427,-0.07671,0.02451,-0.04725,0.03033,-0.05934,-0.03367,0.04678,-0.00016,0.06645,-0.06867,-0.04195,0.07267,0.0091,0.08849,-0.05559,0.07601,0.06212,-0.09698,0.02505,0.03191,0.06573,-0.00274,0.01684,-0.07531,0.02306,0.0555,-0.03789,0.01402,-0.045,-0.03871,0.02569,0.02896,-0.08428,0.01502,0.00409,0.00736,0.10577,-0.01231,0.00335,-0.02229,0.08945,-0.02698,-0.0511,0.09625,0.00844,-0.04743,0.02164,0.00846,0.06207,0.04491,-0.04038,0.05987,-0.11061,-0.03976,-0.03811,0.05404,0.02767,0.08823,-0.07164,0.01822,-0.07504,-0.03629,-0.01713,-0.07026,-0.10368,0.01993,0.00481,-0.01633,0.01676,0.07693,0.04965,-0.05516,0.02914,-0.15258,-0.13268,0.04282,-0.02557,0.01576,0.05533,-0.06463,-0.05676,-0.08333,-0.057,-0.01937,0.04579,-0.03051,-0.04691,0.11266,-0.02877,0.01923,0.02491,-0.07166,-0.07832,0,0.0028,0.0038,-0.07335,0.0298,0.03885,-0.04742,0.03444,-0.02785,-0.02861,0.01711,0.06846,-0.08237,-0.04079,0.05151,0.03256,-0.12344,0.00874,0.01547,-0.03161,-0.04596,-0.02075,-0.07795,-0.03026,-0.08503,0.01128,0.06819,-0.03301,0.03075,0.03544,0.07145,-0.00489,-0.02208,-0.03258,-0.01484,-0.05002,0.00453,-0.02489,-0.07874,-0.0325,-0.00742,-0.02971,-0.02337,-0.04854,-0.00116,-0.03956,0.02257,0.0111,0.03408,-0.03879,-0.03854,0.04977,-0.00058,0.0968,-0.07113,0.00736,-0.07976,-0.04971,0.0718,0.04579,0.06041,0.03059,0.02042,-0.07701,-0.07876,0.06225,0.05345,0.06232,0.066,-0.0177,-0.10468,-0.01772,-0.02973,0.10103,-0.01815,0.03398,0.0358,-0.00424,-0.10922,0.02538,-0.0371,-0.00029,-0.04533,0.06472,-0.0479,0.03332,-0.07468,0.08488,0.04655,-0.07963,-0.02128,-0.02614,-0.02046,0.07863,0.0612,0.03936,0,0.0151,0.0293,0.03737,0.01906,-0.03897,-0.00268,0.04023,-0.05731,0.02815,-0.01034,-0.04853,0.01484,-0.01504,-0.02425,-0.03716,0.02228,-0.11896,0.03781,-0.01872,-0.02586,-0.03718,-0.04069,-0.01032,0.10627,-0.03999,-0.00855,0.01406,0.05922,-0.02947,0.00227,0.0183,-0.05963,0.03171,-0.01193,-0.05207,-0.05702,0.00368,0.09293,0.05916,0.05372,0.03117,-0.01924,0.0035,-0.00569,0.02258,0.01388,-0.06261,0.04441,-0.02633,0.0074,-0.11087,0.03797,-0.05257,0.00357,0.03385,0.03089,0.08111,0.05034,0.06367,-0.0573,0.01623,-0.0471,-0.02772,0.00292,0.12211,0.00356,0.01032,-0.00972,0.0957,0.0418,0.00897,0.06104,0.03101,-0.06817,0.06803,0.04037,0.21497,-0.00403,0.01928,-0.0349,-0.01773,-0.01726,-0.0061,0.00517,0.0633,-0.00639,-0.0096,-0.04524,-0.00332,-0.02883,-0.02051,-0.00412,0.09342,-0.05664,-0.02787,0,-0.02265,-0.01431,0.02706,-0.02022,0.02747,0.07506,0.05394,0.01577,-0.04423,-0.00111,0.00721,0.02588,0.01918,-0.00936,0.0245,-0.02683,0.02359,0.06416,-0.05131,-0.05998,0.00218,0.04668,0.00918,0.04933,-0.07081,-0.07955,-0.05787,-0.06142,0.07086,-0.00515,-0.03697,0.07076,0.03508,0.01345,-0.02836,0.11627,-0.04602,-0.00059,-0.04465,0.02552,0.08014,0.01131,0.02045,-0.08163,-0.07786,0.06025,0.07552,0.07327,0.00606,0.07759,0.03736,0.04888,0.05129,0.07095,-0.02104,0.03827,-0.04625,-0.0314,0.03204,-0.01418,0.0022,0.02972,0.06247,0.02087],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Drag only a header / grip Put fDragHandle on a nested element. f Drag Handle","excerpt":"Drag only a header / grip Put fDragHandle on a nested element."},{"chunkId":"/docs/f-drag-handle-directive#5","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.01927,0.02593,-0.00723,0.10392,0.08691,0.00796,0.0452,-0.04374,0.023,-0.00968,-0.01261,0.01117,-0.05324,-0.03363,-0.06716,-0.06254,-0.0494,-0.01088,0.02716,0.02403,0.03191,-0.0536,0.0084,-0.00438,-0.04705,-0.00873,-0.04953,0.01863,0.07644,-0.08863,0.01925,0.01733,-0.08921,0.05618,-0.07479,0.01795,-0.04885,0.01548,-0.06628,-0.02726,0.04016,0.00601,0.03394,-0.06499,-0.0639,0.02762,0.03356,0.08153,-0.04205,0.06744,0.05009,-0.05949,0.01093,0.04709,0.06669,-0.0271,0.06804,-0.04628,0.03215,0.02788,-0.04916,0.02169,-0.02468,-0.0274,0.01381,0.03879,-0.06704,0.01547,0.02044,0.00309,0.12655,-0.01265,-0.02254,0.01278,0.09053,-0.04406,-0.05305,0.07884,0.00541,0.01717,0.03596,-0.00667,0.04077,0.02242,-0.05504,0.06877,-0.11014,-0.00903,0.00136,0.03914,0.01381,0.09807,-0.05509,-0.00062,-0.02885,-0.04439,-0.00158,-0.06802,-0.08163,-0.00536,0.02736,-0.02673,0.03003,0.09051,0.04898,-0.05619,0.02937,-0.15652,-0.13445,0.03491,-0.01453,0.02916,0.07166,-0.01841,-0.06468,-0.06162,-0.02879,0.00931,0.03144,-0.00515,-0.03737,0.13409,-0.01897,0.02966,0.04294,-0.0685,-0.0807,0,0.00125,-0.03892,-0.0732,0.00306,0.01548,-0.02545,0.04465,-0.01831,-0.00347,-0.00893,0.04762,-0.08885,-0.03012,0.03553,0.04814,-0.10194,0.00524,0.02101,-0.02666,-0.04317,0.01311,-0.08882,-0.04255,-0.06626,0.0031,0.02239,-0.04069,0.02511,0.07581,0.06215,-0.05093,-0.01078,-0.02853,0.0167,-0.05015,0.01156,-0.05392,-0.05961,-0.01165,-0.03212,-0.04443,-0.01642,-0.04484,-0.01404,-0.02042,-0.00199,0.00366,0.01944,-0.07033,-0.02644,0.03139,0.0022,0.0999,-0.08429,0.02727,-0.09807,-0.0248,0.07822,0.03106,0.04782,0.02091,0.03623,-0.05549,-0.05675,0.04851,0.06342,0.02833,0.065,-0.02069,-0.10066,-0.05097,-0.02702,0.11149,-0.02197,0.03787,0.00889,-0.0197,-0.12505,-0.00927,-0.04846,-0.02875,-0.03727,0.06974,-0.04899,0.04238,-0.06097,0.07532,0.08059,-0.06658,-0.04121,0.01106,-0.03136,0.05237,0.05657,0.06056,0,0.00603,0.03484,0.07674,0.03421,-0.03289,-0.00144,-0.0074,-0.05574,0.03862,-0.00981,-0.05461,0.01726,-0.0197,-0.01895,-0.01672,0.01885,-0.07902,0.03966,-0.05505,-0.02351,-0.04001,-0.0781,-0.02176,0.09834,-0.05722,-0.03024,-0.01371,0.06099,0.00122,-0.0098,0.03454,-0.0427,0.00144,-0.03856,-0.02596,-0.09381,0.00062,0.10748,0.09505,0.05884,0.00684,-0.0252,-0.02135,0.00253,0.01566,0.00477,-0.07908,0.01425,-0.02172,-0.00978,-0.12233,0.05424,-0.05746,0.01599,0.06462,0.01888,0.08519,0.07583,0.07519,-0.05945,0.01605,-0.05159,-0.02262,-0.01409,0.11615,0.01041,0.03146,0.01798,0.0826,0.08571,0.04326,0.09114,0.00986,-0.05081,0.04277,0.03369,0.17477,-0.03503,0.02485,-0.04037,0.02546,-0.00139,0.01675,0.00314,0.03564,0.01985,-0.03632,-0.02311,-0.00318,-0.01738,-0.03093,-0.02809,0.08899,-0.06149,-0.01769,0,-0.03274,-0.01256,0.0067,0.00193,0.02421,0.0691,0.03923,0.04973,-0.02314,0.0105,0.0195,0.00654,0.03926,-0.01413,0.03276,-0.04442,0.0385,0.04381,-0.02067,-0.05878,0.04041,0.03906,-0.00955,0.05581,-0.06398,-0.07776,-0.03979,-0.06207,0.09585,-0.02508,-0.04321,0.05176,0.0253,0.05408,-0.06502,0.12634,-0.01887,0.0242,-0.03407,0.04496,0.10561,-0.00731,0.00824,-0.08569,-0.08268,0.04371,0.08029,0.03043,-0.00588,0.09631,0.04288,0.05867,0.03132,0.1073,-0.01637,0.02906,-0.07681,-0.02991,0.0344,-0.00024,0.00223,0.02937,0.02624,0.04132],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Drag the whole node, but block dragging from specific inner elements Sometimes you want the whole node draggable, except for a specific area (for example, an input or a toolbar). For this use case, use fDragBlocker on the inner element(s) that must never start a drag. f Drag Blocker","excerpt":"Drag the whole node, but block dragging from specific inner elements Sometimes you want the whole node draggable, except for a specific area (for example, an input or a toolbar). For this use case, use fDragBlocker on the inner element(s) that must never start a drag."},{"chunkId":"/docs/f-drag-handle-directive#6","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.02472,0.04693,-0.02722,0.08761,0.0846,0.0238,0.03241,-0.01178,0.01153,0.00803,-0.01498,0.00549,-0.06493,-0.01319,-0.02941,-0.04522,-0.07438,0.00507,0.03371,0.01919,0.0246,-0.05135,0.02105,-0.01955,-0.04556,0.01296,-0.04011,0.02804,0.07846,-0.08655,0.03528,0.06282,-0.0974,0.05127,-0.09928,0.04873,-0.02617,-0.00267,-0.09782,-0.01708,0.07252,-0.00183,0.04863,-0.07656,-0.05005,0.06603,-0.00351,0.07229,-0.05816,0.06586,0.0543,-0.08291,0.03269,0.04577,0.06319,-0.03159,0.06176,-0.07152,0.04529,0.01447,-0.03909,-0.012,-0.02759,-0.03004,-0.00139,0.01707,-0.09129,0.04554,0.01657,-0.01911,0.10802,-0.01677,-0.00355,-0.01591,0.05127,-0.03951,-0.03802,0.09947,-0.03188,-0.04042,0.08638,0.00757,0.0529,0.03272,-0.06826,0.08959,-0.10322,-0.05197,-0.02034,0.05064,0.01815,0.07742,-0.07421,-0.01004,-0.03533,-0.00694,-0.0393,-0.06748,-0.07494,0.00988,0.02268,-0.02134,0.02305,0.08833,0.06624,-0.04833,0.02595,-0.09348,-0.09214,0.03835,-0.01047,0.02172,0.0574,-0.0961,-0.051,-0.06691,-0.04624,-0.02431,0.02417,0.01501,-0.0281,0.10584,-0.04224,0.00141,0.05691,-0.06771,-0.07309,0,0.00823,-0.02059,-0.09662,0.05535,0.05484,-0.03533,0.03636,-0.04749,-0.02086,0.0076,0.0452,-0.06736,-0.06789,0.02059,-0.02587,-0.13054,0.00953,0.0169,-0.01946,-0.04206,0.02861,-0.10012,-0.0443,-0.0663,0.03569,0.03389,-0.04892,0.03032,0.03382,0.04751,0.01254,-0.02647,-0.01315,0.00541,-0.04653,-0.00496,-0.03878,-0.05298,-0.02638,-0.0109,-0.05236,-0.0173,-0.08847,0.02089,-0.05045,0.01083,0.0077,0.00918,0.0007,-0.02724,0.03321,0.01288,0.10765,-0.06522,0.05402,-0.08456,-0.03905,0.07832,0.01995,0.06444,0.01689,0.05104,-0.11575,-0.08589,0.06697,0.05868,0.03872,0.06123,0.00315,-0.09656,-0.05568,-0.02962,0.06656,0.00721,0.03133,0.02824,-0.02716,-0.08774,0.03135,-0.04055,-0.06247,-0.05693,0.06956,-0.00561,0.06656,-0.07384,0.07481,0.02078,-0.06737,-0.0487,0.02257,0.00584,0.07836,0.04345,0.0476,0,-0.00889,0.05937,0.01382,0.03614,-0.0366,0.00244,0.02932,-0.03263,0.02643,-0.00015,-0.04879,0.03917,-0.02335,-0.02526,-0.00811,0.01036,-0.09969,0.01311,-0.01159,-0.01027,-0.04912,-0.03758,-0.03539,0.06815,-0.08046,0.00823,0.01986,0.03172,-0.01848,-0.01793,0.02476,-0.06265,-0.00033,0.00015,-0.0418,-0.07775,-0.02506,0.12571,0.05245,0.05871,0.0198,-0.01335,-0.01657,0.0059,-0.03884,0.01213,-0.06712,0.00793,-0.00517,-0.03067,-0.11387,0.03337,-0.05658,0.02464,0.04353,0.01538,0.09984,0.06543,0.06084,-0.04765,0.04808,-0.05613,-0.03202,-0.04347,0.09932,0.01223,0.00976,0.01842,0.10271,0.04179,0.00765,0.06682,0.01956,-0.05125,0.0634,0.01457,0.1894,0.01501,0.04868,-0.01638,-0.02399,0.0194,-0.00022,-0.00973,0.05845,-0.01378,-0.0273,-0.03948,0.03272,-0.00746,-0.02438,0.00264,0.06896,-0.03564,-0.03462,0,-0.07009,-0.03767,0.00141,-0.03583,0.0144,0.04417,0.04009,0.04983,-0.02188,0.02114,0.01264,0.06983,0.05264,-0.03674,0.06354,-0.02377,0.00725,0.06444,-0.04257,-0.05266,0.02679,0.03589,-0.02388,0.05869,-0.06123,-0.07448,-0.0237,-0.05214,0.07868,0.00756,-0.04549,0.05919,0.0071,0.00916,-0.04652,0.13107,-0.04621,-0.00853,-0.04676,0.02909,0.07914,0.01152,-0.00041,-0.08453,-0.08098,0.05841,0.07694,0.06039,-0.00619,0.07586,0.01678,0.06193,0.02502,0.11132,-0.00398,0.0224,-0.06772,-0.02458,0.0315,-0.02392,-0.034,0.04803,0.073,-0.00157],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Styling - .f-component Base class for flow primitives. - .f-drag-handle Host class added by the directive.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-drag-handle Host class added by the directive."},{"chunkId":"/docs/f-drag-handle-directive#7","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.01485,0.02541,-0.01327,0.10416,0.06711,0.00215,0.03515,-0.0222,0.02655,0.01463,-0.0263,0.01925,-0.06508,0.01176,-0.02275,-0.03578,-0.055,0.00558,0.05962,0.03577,0.04338,-0.05628,0.02949,-0.03577,-0.06191,0.0222,-0.06694,0.02583,0.08266,-0.0745,0.02818,0.04403,-0.10588,0.05439,-0.06362,0.07311,-0.03325,0.01524,-0.07469,-0.01865,0.09766,0.03694,0.06186,-0.07825,-0.02976,0.03892,0.00781,0.06754,-0.06722,0.08039,0.04233,-0.0892,0.05667,0.03518,0.04764,-0.00791,0.06126,-0.09189,0.03205,0.02826,-0.04389,0.00206,-0.03039,-0.04762,-0.00524,0.02844,-0.05867,0.01099,-0.0003,-0.0151,0.11609,-0.00836,-0.01328,-0.0031,0.06727,-0.02831,-0.04161,0.05782,-0.01245,-0.02913,0.05269,0.01859,0.03405,0.0074,-0.06346,0.06487,-0.11515,-0.04598,-0.00266,0.07112,-0.01239,0.07903,-0.08349,-0.01875,-0.03698,-0.04118,-0.00982,-0.0554,-0.09513,-0.01508,0.01896,0.00203,0.01774,0.09157,0.05598,-0.04581,0.00459,-0.156,-0.1243,0.03882,-0.02723,0.03521,0.07107,-0.03131,-0.02766,-0.08611,-0.03072,-0.02537,0.02384,-0.00763,-0.02087,0.09153,-0.02224,0.00617,0.03113,-0.06057,-0.07583,0,0.00758,-0.03867,-0.07043,0.03599,0.06275,-0.03013,0.03344,-0.02785,-0.03956,0.02551,0.06062,-0.07498,-0.05422,0.00775,0.0032,-0.10752,0.0113,0.00348,-0.03796,-0.02773,-0.00333,-0.11371,-0.06162,-0.0874,-0.00485,0.03821,-0.06365,0.04486,0.06697,0.04921,-0.0153,-0.02406,-0.02608,0.00672,-0.05112,0.00534,-0.03375,-0.06864,-0.04616,-0.02459,-0.04993,-0.00051,-0.02713,0.01264,-0.05217,-0.00749,0.00219,0.05021,-0.02329,-0.02579,0.04001,-0.00769,0.0825,-0.07377,0.02138,-0.08692,-0.04677,0.0512,0.03005,0.06958,0.02239,0.02149,-0.0858,-0.0811,0.07124,0.05476,0.04387,0.06111,-0.01016,-0.08207,-0.05295,-0.00676,0.07868,-0.01476,0.03786,0.05791,-0.00421,-0.09647,0.02704,-0.03349,0.00079,-0.05109,0.08704,-0.01352,0.04477,-0.06467,0.06026,0.03704,-0.08451,-0.02226,0.01178,-0.00987,0.10386,0.04887,0.06457,0,-0.00508,0.03313,0.06817,0.00554,-0.03426,-0.02026,0.00397,-0.08424,0.02625,-0.00213,-0.0903,0.00049,-0.01629,0.00125,-0.01295,0.00791,-0.10649,0.01736,-0.00536,-0.01452,-0.02057,-0.03114,-0.03325,0.0964,-0.05476,0.00379,-0.00189,0.04104,-0.02624,-0.00142,0.00667,-0.08117,0.03479,0.00794,-0.04089,-0.06416,-0.03497,0.08824,0.07946,0.05209,0.04394,-0.01208,-0.02159,0.01746,0.00221,0.02654,-0.06213,0.03378,-0.00253,-0.00505,-0.15108,0.04857,-0.05653,0.02041,0.04423,0.03888,0.1023,0.04627,0.06215,-0.07741,0.05354,-0.03721,-0.02754,-0.01228,0.09683,0.00209,0.01824,-0.01393,0.08526,0.04144,-0.0046,0.06857,0.04676,-0.07356,0.07745,0.05294,0.16791,-0.03986,0.02633,-0.02723,-0.0078,0.00611,-0.0082,-0.02468,0.06013,-0.01803,-0.02203,-0.03737,0.00915,0.00065,-0.0199,-0.00141,0.05817,-0.05177,-0.00907,0,-0.05613,-0.0167,0.0248,-0.03676,0.02415,0.05207,0.05895,0.0166,-0.04063,0.02571,-0.01418,0.02628,0.04671,-0.03892,0.04368,-0.03575,0.01996,0.03157,-0.03266,-0.03015,0.01233,0.04477,-0.00656,0.06579,-0.10113,-0.07015,-0.05429,-0.04729,0.06406,0.02187,-0.02522,0.05714,0.02587,0.05164,-0.07244,0.10145,-0.03795,0.00704,-0.03077,0.02026,0.09575,0.02469,-0.01829,-0.07472,-0.09573,0.07335,0.05061,0.06046,0.01559,0.11728,0.02533,0.04478,0.03313,0.08849,0.00265,0.0381,-0.04272,-0.03686,0.01984,0.00585,-0.02704,0.02084,0.09675,0.0188],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Notes / Pitfalls - fDragHandle works only when fDraggable is enabled on the parent f-flow. - A node must contain at least one fDragHandle to be movable. - You can place the handle on a nested element or on the node element itself. f Drag Handle f Draggable","excerpt":"Notes / Pitfalls - fDragHandle works only when fDraggable is enabled on the parent f-flow. - A node must contain at least one fDragHandle to be movable. - You can place the handle on a nested element or on the node element itself."},{"chunkId":"/docs/f-drag-handle-directive#8","slug":"f-drag-handle-directive","route":"/docs/f-drag-handle-directive","section":"docs","title":"FDragHandleDirective - Restrict Node Drag Start Areas","description":"Use `fDragHandle` to control where dragging starts inside a complex node template.","group":"Nodes","vector":[-0.05118,0.02935,-0.03337,0.10239,0.09141,0.06993,0.02377,-0.00263,0.03001,0.04674,-0.04472,0.02458,-0.04008,0.0338,-0.02927,-0.0581,-0.07205,0.00407,0.00404,0.01236,0.03593,-0.04697,0.0579,-0.00486,-0.03548,0.01658,-0.03889,-0.00919,0.0847,-0.06586,0.05077,0.0376,-0.05205,0.04062,-0.08836,0.06747,-0.03523,0.00885,-0.05553,-0.02527,0.0836,0.01919,0.03706,-0.10848,-0.032,0.04639,-0.03814,0.09647,-0.0835,0.06935,-0.00244,-0.10236,0.01036,0.07195,0.03943,-0.03559,0.07258,-0.09479,0.05787,0.00262,-0.05108,-0.03859,-0.00961,-0.03378,0.00996,0.02536,-0.12642,0.02828,-0.04094,0.01227,0.10999,-0.03095,-0.02254,0.00712,0.06323,-0.04903,-0.08003,0.13127,-0.01822,0.00891,0.10265,-0.01697,0.01066,-0.00756,-0.07701,0.10814,-0.06952,-0.03948,-0.00213,-0.03716,-0.00981,0.06124,-0.05166,0.00136,0.00763,0.0012,-0.05839,-0.00059,-0.07655,-0.01178,0.01251,-0.04647,0.03032,0.11399,0.05607,-0.03869,-0.00111,-0.06471,-0.0925,0.03359,0.00403,0.04917,0.05769,-0.02976,-0.04472,-0.06895,-0.01873,-0.00806,0.00994,0.03837,0.00895,0.05567,-0.06526,-0.01183,0.09229,-0.0122,-0.04165,0,0.013,-0.0177,-0.07106,0.03497,0.03275,-0.04752,0.00528,-0.06969,-0.01701,0.05782,0.0178,-0.02647,-0.05559,-0.00496,-0.03073,-0.13496,0.01895,0.03425,-0.03151,-0.02611,0.02303,-0.09417,-0.07665,-0.04199,0.08989,-0.01148,-0.08195,-0.00125,0.03201,0.02287,0.01327,0.02324,-0.01211,-0.03558,-0.0277,-0.01239,-0.04395,-0.02499,-0.03242,-0.03931,0.02922,-0.00442,-0.07754,0.06361,-0.04886,-0.01753,-0.0082,-0.00493,0.02072,-0.00425,0.00119,0.02913,0.0904,-0.04098,0.09414,-0.08711,-0.04435,0.08771,0.01265,0.06539,0.00778,0.04823,-0.05733,-0.06404,0.07611,-0.00026,0.04291,0.08351,0.03364,-0.0704,-0.06343,0.00613,0.04347,0.00646,0.02715,0.0023,-0.01109,-0.03657,0.03805,-0.04541,-0.01711,-0.07588,0.03371,0.03388,0.07929,-0.10132,0.02309,0.00866,-0.09505,-0.1211,0.05,0.0238,0.05569,0.02406,0.03022,0,0.0679,0.05192,0.05105,0.06965,-0.0708,-0.04145,0.04917,-0.00233,0.04266,0.0249,-0.03652,0.02384,0.00245,-0.00679,0.01481,0.01277,-0.06941,-0.01859,0.04479,-0.01694,0.02283,-0.03314,-0.0434,0.06805,-0.0921,0.02267,0.04175,0.03889,-0.0182,-0.01812,-0.00131,-0.06299,-0.00526,0.01227,-0.0617,-0.10436,-0.01064,0.16161,0.08751,0.03984,0.06342,0.02335,-0.01227,-0.00403,-0.02008,-0.02935,-0.01785,0.00264,-0.02567,-0.06091,-0.11745,0.03248,-0.07411,0.0234,0.04389,-0.01877,0.10476,0.00904,-0.01105,-0.04908,0.07034,-0.0004,-0.02563,-0.05469,0.081,0.04567,-0.03048,-0.02548,0.08161,0.04749,0.00315,0.05803,0.03144,-0.03233,0.05967,0.06311,0.11771,-0.00317,0.0654,0.00376,-0.02659,0.03291,-0.0197,0.02743,0.02015,0.06318,-0.08787,-0.04537,0.04197,0.013,-0.07479,-0.05225,0.06337,-0.06342,-0.01969,0,-0.09471,-0.02634,-0.00233,-0.01509,-0.00125,0.03616,0.01421,0.00805,-0.00134,0.01406,-0.03209,0.08832,0.06057,-0.01412,0.05198,-0.00693,0.00276,0.04618,-0.02366,-0.01544,0.07054,0.04684,0.04722,0.08533,-0.02521,-0.1059,-0.09044,-0.03766,0.04911,-0.02051,-0.02998,0.00169,0.00847,0.0241,-0.03316,0.04729,-0.05581,-0.02579,-0.03246,0.03092,0.0982,-0.02337,0.00521,-0.07331,-0.09303,0.06325,0.04994,0.02744,-0.00421,0.03545,0.00265,0.0485,-0.03089,0.12095,0.02324,0.01015,-0.05591,0.02338,0.00527,0.00017,0.00175,0.03064,0.03955,-0.00389],"keywords":"FDragHandleDirective - Restrict Node Drag Start Areas FDragHandleDirective - Restrict Node Drag Start Areas Use `fDragHandle` to control where dragging starts inside a complex node template. Example ::: ng-component <drag-handle</drag-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.scss :::","excerpt":"Example ::: ng-component <drag-handle</drag-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.scss :::"},{"chunkId":"/docs/f-group-directive#0","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.00956,0.01974,-0.0554,0.06541,0.02793,0.01589,0.02887,0.03333,0.04773,-0.00446,0.03036,-0.02947,-0.05592,0.02633,0.02145,-0.0309,-0.04375,-0.00686,-0.05578,-0.0459,-0.02438,-0.0935,0.05385,-0.02324,-0.0482,0.06032,-0.08894,-0.01947,0.04521,-0.09109,-0.02073,0.10038,0.09427,0.07058,-0.03355,0.08672,0.01893,0.01606,-0.07658,0.00998,0.03359,0.08008,0.04222,-0.0699,-0.02243,0.05448,-0.02714,-0.01249,-0.06582,0.0998,0.02726,-0.02855,0.00099,0.13979,0.01529,0.04752,0.04805,-0.09223,0.02715,-0.01749,-0.00129,0.00503,-0.04525,0.04329,0.00153,0.05574,-0.01717,0.02906,-0.0118,0.0169,0.09086,-0.01101,0.04607,0.01631,0.1309,-0.03515,-0.0227,-0.00357,0.01086,-0.06064,0.00555,0.08496,-0.00121,0.01857,-0.03697,0.09579,-0.02202,-0.08858,-0.0852,0.05631,-0.09643,0.04312,-0.01534,-0.00447,0.00534,-0.05996,-0.01807,-0.1054,-0.03642,-0.01894,0.06883,-0.03627,0.02777,0.0332,-0.03746,-0.08096,-0.06583,0.02973,-0.02941,-0.01717,-0.0874,-0.01531,0.05539,0.02276,-0.1013,-0.08963,0.00543,-0.0385,0.07563,-0.02251,0.09406,0.02219,0.0053,0.00579,0.10124,0.00273,-0.13169,0,-0.04978,-0.02466,-0.01347,0.07504,0.0723,-0.04699,0.01208,-0.02611,-0.04622,0.00497,-0.06488,0.03958,-0.05716,-0.00974,0.00022,-0.11034,-0.02947,0.10265,-0.03195,-0.04267,0.00282,0.07783,-0.0123,-0.05547,-0.01016,0.04987,-0.06725,0.03132,-0.00946,0.04751,-0.08731,-0.00231,-0.01744,-0.00682,-0.04886,0.03055,-0.0062,-0.06748,-0.01588,-0.02245,-0.01121,-0.05904,-0.005,-0.04756,0.05769,-0.0375,-0.07175,0.00421,-0.03702,0.06565,0.03915,0.01516,0.04731,-0.06286,0.03631,-0.05287,-0.03312,0.06381,0.0036,0.07693,0.02506,0.07107,-0.0781,-0.024,0.02291,0.01408,0.03709,0.01918,0.03198,-0.0335,0.00582,0.07483,0.01481,0.03746,0.04088,-0.00298,0.01397,-0.02397,-0.0839,-0.028,-0.09258,-0.06399,0.02095,-0.03053,-0.00767,-0.09339,0.08707,0.0087,-0.0927,-0.02645,-0.003,-0.02466,0.10225,0.05017,0.05,0,0.01362,0.05388,0.02413,0.01528,0.0461,-0.05375,-0.00118,0.0037,0.0388,0.04026,-0.07826,0.07174,0.0642,-0.06484,-0.02968,-0.00107,-0.00359,-0.11456,0.03762,-0.02079,0.01742,-0.00713,-0.00557,0.09397,-0.00514,-0.01293,-0.02727,0.04035,0.05921,0.0581,-0.02289,-0.08816,-0.03024,0.00962,0.02888,-0.09926,-0.02931,0.05175,0.00474,-0.02489,-0.01671,-0.0032,-0.05836,0.03565,0.01359,0.08289,0.0604,0.01725,-0.04986,0.04332,-0.05716,0.0031,0.02947,-0.00126,0.00409,0.1342,0.12245,0.01357,-0.03068,0.03227,-0.00226,-0.07411,-0.00169,-0.04039,-0.03382,-0.02625,-0.04232,0.00814,0.00754,0.11149,0.1096,0.06826,-0.01435,-0.00603,-0.00134,-0.00211,0.06278,0.03077,0.05765,0.06201,-0.07063,0.06933,0.00961,0.10293,-0.03292,-0.02688,0.00369,0.04286,0.0247,0.05385,0.01554,-0.00189,0.08452,-0.01261,-0.01056,0,-0.09533,0.01819,0.01792,-0.03532,0.0579,-0.04069,0.00576,0.05094,-0.02147,0.01771,-0.04643,0.09222,0.04262,-0.04867,0.02549,-0.01974,-0.01456,-0.0167,-0.03476,-0.0497,-0.01078,-0.05463,0.00726,0.05131,-0.06672,-0.09911,-0.08155,-0.05056,-0.03664,-0.00811,-0.03888,0.06457,-0.02511,0.11162,-0.03702,0.00438,-0.08544,0.04444,-0.06373,-0.03669,0.04757,-0.00188,0.01274,-0.02563,-0.06717,0.04842,0.01559,-0.04119,-0.0661,0.01579,0.01761,-0.01103,-0.04815,0.07296,0.01623,0.02407,-0.04011,-0.01155,0.06981,0.01069,-0.0696,0.12782,0.03407,0.01345],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Group Selector: [fGroup] Class: FGroupDirective FGroupDirective turns an element into a group container inside a Foblex Flow diagram. A group behaves like a node (position, size, rotation, selection, drag), but it’s intended to contain other nodes/groups and act as a bounded area for organizing the diagram. Groups must be placed inside f-canvas (which itself must be inside f-flow). f Group F Group Directive","excerpt":"Group Selector: [fGroup] Class: FGroupDirective FGroupDirective turns an element into a group container inside a Foblex Flow diagram. A group behaves like a node (position, size, rotation, selection, drag), but it’s intended to contain other nodes/groups and act as a bounded area for organizing the diagram. Groups must be placed inside f-canvas (which itself must be inside f-flow)."},{"chunkId":"/docs/f-group-directive#1","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.02364,-0.00991,-0.03549,0.06962,-0.00544,0.02431,-0.01754,0.04936,-0.01863,-0.00007,0.10196,-0.02254,-0.04334,0.02337,-0.01696,-0.01179,-0.0214,0.00529,-0.09349,-0.09417,0.00559,-0.07236,0.04062,0.0197,-0.00989,0.03834,-0.10395,-0.0638,0.03528,-0.05839,-0.04583,0.09258,0.14509,0.02281,-0.025,0.04627,0.02306,0.04578,-0.01015,-0.00983,-0.0107,0.01078,0.03365,-0.08776,-0.04752,0.03565,-0.03218,-0.00228,-0.08336,0.06912,0.05304,0.00001,-0.01637,0.13841,0.04427,0.02083,0.00704,-0.06364,-0.02362,0.02328,-0.0256,0.0297,-0.10974,0.02702,-0.008,0.07723,0.05221,-0.02347,-0.01423,0.03374,0.03619,-0.03523,0.05156,0.07481,0.11472,-0.02888,-0.03714,-0.04683,0.00091,-0.0594,-0.01652,0.10706,0.00751,-0.02252,-0.03241,0.05712,-0.02101,-0.06596,-0.04156,0.03829,-0.06404,-0.01778,-0.01909,0.02073,-0.06928,-0.07519,-0.00563,-0.10517,0.04143,-0.04718,0.06091,0.0238,0.03163,0.056,-0.04794,-0.07603,-0.05503,0.04434,-0.01773,-0.00522,-0.08783,0.00346,0.00318,-0.0214,-0.07501,-0.06455,0.03193,-0.02168,0.08025,-0.06541,0.10222,-0.01521,0.00224,0.02477,0.1109,0.02328,-0.12528,0,-0.06771,0.02327,-0.02846,0.09492,0.04566,-0.0307,-0.01647,0.00853,-0.04431,0.01172,0.00529,0.08905,-0.03346,-0.0657,0.00395,-0.06927,-0.00153,0.1361,-0.00633,-0.03416,-0.04179,0.16519,0.02981,-0.0074,0.02386,-0.00953,-0.01045,0.04094,-0.0025,0.02921,-0.05031,-0.03154,-0.05517,-0.05947,-0.0395,0.04165,0.0084,-0.07765,-0.00583,-0.00209,0.00047,-0.05795,0.00386,-0.04988,0.02699,0.00019,0.00464,0.01116,-0.05212,0.05867,0.01909,-0.0076,0.00967,-0.05704,-0.00082,0.002,-0.03873,0.0216,0.02518,0.07128,0.00963,-0.06639,-0.0272,-0.02858,-0.00283,-0.05152,0.09929,0.0013,0.05154,0.00129,0.06764,0.02891,-0.00918,0.04919,0.0263,0.00455,0.03809,-0.03925,-0.09823,-0.04601,-0.0937,0.03431,0.07321,-0.01503,-0.02271,-0.10788,0.07022,-0.00388,-0.10938,-0.0445,-0.06386,-0.01239,0.12735,0.06124,0.06739,0,0.05895,-0.00475,0.00622,-0.01964,0.01743,-0.03383,-0.02161,0.04751,0.02952,-0.00538,-0.06842,0.0337,0.08815,-0.09591,-0.08822,0.00463,-0.00758,-0.09306,0.05866,0.03381,0.00649,-0.00667,0.0047,0.10276,0.04272,-0.02818,-0.0606,0.05507,0.06377,0.0794,-0.00712,-0.09035,0.0371,0.02523,-0.02196,-0.06436,-0.01592,0.05925,-0.02006,0.02358,0.00702,-0.00752,0.02156,-0.00546,0.00666,0.0651,0.04444,0.05872,-0.05999,0.0411,0.00279,0.01218,0.00489,-0.01001,-0.01888,0.12152,0.10228,0.00048,-0.06496,0.03099,-0.02083,-0.09049,-0.00769,-0.01358,-0.09443,-0.02728,-0.04744,-0.02196,-0.00881,0.08643,0.04235,0.00144,-0.01362,-0.0143,-0.03191,-0.07623,0.03961,-0.02229,0.05484,0.02501,-0.0301,0.00572,0.03853,0.0871,-0.14057,-0.02875,0.06558,0.06146,0.03926,0.04834,-0.00411,-0.00563,0.08398,-0.00926,-0.04179,0,-0.0095,0.01264,0.05737,0.01101,0.07075,-0.06842,0.00206,0.09098,-0.02573,0.06678,-0.10072,0.04948,0.0333,-0.04044,0.01141,-0.05476,0.03902,-0.012,-0.04843,0.01607,-0.02494,-0.00757,-0.00285,-0.01761,-0.02052,-0.07142,-0.0598,-0.00707,-0.03284,-0.00614,0.02623,0.10607,-0.03093,0.04112,-0.01375,0.00042,-0.03367,0.0627,-0.04387,-0.0232,0.04359,-0.02827,0.0218,0.01392,-0.07324,0.0061,-0.02018,-0.02795,-0.01171,0.00048,0.06741,-0.0219,-0.05709,0.01722,0.01337,0.03645,0.00732,0.0439,0.11473,0.02761,0.03404,0.10466,0.01603,0.02785],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-group-directive#2","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.01567,0.0064,-0.0195,0.0641,-0.00308,0.01773,0.00047,0.05322,0.01928,0.01961,0.11462,-0.00065,-0.03693,0.04342,0.01939,-0.01972,-0.02153,-0.00278,-0.10415,-0.06709,-0.01744,-0.07222,0.05452,0.02295,-0.03423,0.03438,-0.12008,-0.06601,0.02841,-0.07978,-0.05428,0.08942,0.14077,0.02954,-0.02554,0.05784,0.02804,0.05251,-0.00766,0.00226,0.00091,0.01767,0.02882,-0.08171,-0.04681,0.04651,0.00459,-0.01194,-0.10073,0.05707,0.04139,-0.0007,-0.0079,0.15083,0.03644,0.03425,0.02701,-0.06302,-0.01467,0.01369,-0.00363,0.03293,-0.11095,0.04453,-0.01535,0.07304,0.03403,-0.02869,-0.01991,0.04256,0.05445,-0.03305,0.0414,0.09039,0.12203,-0.0318,-0.02588,-0.0561,0.01971,-0.04726,-0.01004,0.08565,0.00365,-0.02067,-0.04112,0.02817,-0.01841,-0.06187,-0.0537,0.04361,-0.07113,-0.00885,-0.00999,0.01567,-0.06937,-0.08004,-0.00122,-0.09291,0.02201,-0.03575,0.07533,0.04743,0.02611,0.06086,-0.04468,-0.08663,-0.06093,0.02637,-0.01123,-0.00691,-0.09026,-0.00551,-0.00512,-0.00361,-0.09223,-0.08067,0.02167,-0.01747,0.06229,-0.08347,0.10335,-0.01019,0.0126,0.02683,0.11884,0.02243,-0.12053,0,-0.07395,0.00557,-0.03828,0.0888,0.06461,-0.02044,-0.02179,0.01691,-0.03683,0.018,-0.00083,0.07204,-0.02252,-0.0507,0.03041,-0.04811,-0.00737,0.143,-0.0387,-0.02658,-0.04476,0.16514,0.01838,-0.00537,-0.00316,-0.00283,-0.01921,0.02762,-0.01901,0.02911,-0.07125,-0.02138,-0.05156,-0.05201,-0.03155,0.03763,0.01275,-0.08073,-0.0083,-0.00402,0.00094,-0.05121,-0.00011,-0.03581,0.03677,0.01177,0.01116,0.00693,-0.08875,0.07253,0.00373,0.00276,0.01693,-0.06856,0.01022,0.00375,-0.02456,0.01802,0.0169,0.0566,0.02185,-0.07239,-0.0267,-0.02415,0.01071,-0.05889,0.10046,-0.00313,0.07043,-0.00468,0.06421,0.03812,-0.02137,0.04232,0.01245,0.00868,0.03881,-0.04589,-0.10552,-0.03505,-0.07036,0.00508,0.06163,-0.01337,-0.01946,-0.11625,0.05703,-0.02359,-0.09686,-0.03004,-0.06795,-0.01282,0.11952,0.06532,0.04925,0,0.03664,0.00581,0.00422,-0.01744,0.03306,-0.02948,-0.00262,0.02077,0.02024,0.01648,-0.08466,0.01698,0.09929,-0.08209,-0.0805,0.00199,0.01388,-0.07873,0.06327,0.02643,0.02058,-0.00885,0.00442,0.13288,0.04993,-0.01016,-0.05592,0.05301,0.03275,0.0689,-0.00669,-0.0912,0.03446,0.02515,-0.01037,-0.06565,-0.03551,0.07384,-0.02765,0.03949,0.01531,-0.01599,0.00684,0.02367,0.01696,0.06331,0.04924,0.0415,-0.05662,0.04311,-0.01337,0.02123,0.00277,-0.0137,-0.01356,0.12282,0.08863,-0.00264,-0.06302,0.03145,-0.00502,-0.08071,-0.00766,-0.01616,-0.08838,-0.0202,-0.0464,-0.01833,-0.02768,0.08727,0.0548,-0.01374,-0.01939,-0.02106,-0.0445,-0.07207,0.02798,-0.03183,0.03675,0.03195,-0.06631,0.00468,0.03696,0.06704,-0.13988,-0.02407,0.05795,0.0493,0.02927,0.05276,0.01019,0.01333,0.06377,-0.01662,-0.03851,0,-0.0034,0.03457,0.04801,0.01851,0.07765,-0.05565,0.01529,0.07639,-0.03004,0.07405,-0.09795,0.04115,0.04333,-0.03534,0.02674,-0.04869,0.02844,-0.02483,-0.06276,0.01419,-0.01611,0.00693,-0.01076,-0.01296,-0.03299,-0.07757,-0.07711,-0.0063,-0.05197,0.00498,0.03412,0.09852,-0.03788,0.04906,-0.01949,-0.02471,-0.04903,0.05282,-0.04622,-0.03935,0.02948,-0.02813,0.02119,0.03915,-0.07967,0.0055,-0.01461,-0.04693,-0.0214,-0.00445,0.06807,-0.03406,-0.04435,0.02279,0.03136,0.03722,0.02061,0.0464,0.08125,0.02589,0.03507,0.0836,0.01899,0.01835],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. A group with a fixed position and size","excerpt":"A group with a fixed position and size"},{"chunkId":"/docs/f-group-directive#3","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.03497,0.01576,-0.06523,0.0902,0.03704,0.03047,0.01234,0.01872,0.0269,0.00005,0.05959,-0.03846,-0.07202,0.05276,-0.03011,-0.0485,-0.08246,-0.00258,-0.11042,-0.04791,0.01366,-0.09643,0.02626,0.0346,-0.01294,0.05019,-0.09152,-0.03786,0.03518,-0.08056,-0.03674,0.10231,0.03832,0.05293,-0.04742,0.05367,0.03476,0.04087,-0.05413,-0.01517,0.02102,0.00301,0.05238,-0.09864,-0.07368,0.06743,0.01583,0.0198,-0.06182,0.10038,0.0454,0.00804,0.00014,0.13819,0.0379,0.01022,0.04777,-0.10099,-0.00942,-0.01094,-0.03374,0.01719,-0.07958,0.04338,-0.03629,0.02657,0.00733,0.0307,0.00125,0.00529,0.09534,-0.01632,0.02002,0.0181,0.13114,-0.04756,-0.02582,0.00921,0.00742,-0.0079,0.04201,0.08471,-0.0031,0.02902,-0.04784,0.06514,-0.02766,-0.0639,-0.06686,0.02458,-0.06963,0.06419,-0.02261,-0.02099,-0.012,-0.07545,-0.02819,-0.1177,-0.0208,-0.01689,0.05317,0.0146,0.03384,0.06427,-0.01657,-0.07345,0.00065,0.00177,-0.05495,0.01009,-0.05711,-0.00727,0.07192,0.01807,-0.07818,-0.08845,-0.03058,-0.03281,0.04972,-0.03946,0.04548,0.03927,-0.00274,-0.00685,0.12597,0.03028,-0.10997,0,-0.0497,-0.01735,-0.02649,0.0755,0.04715,-0.02606,0.03017,-0.02313,-0.03713,-0.00766,-0.03721,0.00774,-0.045,0.03068,-0.05388,-0.12819,-0.0061,0.07538,-0.02567,-0.02536,-0.00619,0.08272,-0.00735,-0.06845,-0.0026,0.03168,-0.05328,0.05605,0.02729,0.05143,-0.05674,-0.02478,-0.05295,-0.04942,-0.07084,0.02962,-0.00911,-0.05293,0.0361,0.00879,-0.0001,-0.0567,-0.02126,-0.034,-0.00126,0.0211,0.00462,0.01185,-0.06795,0.06089,0.05643,-0.00032,0.0476,-0.04381,0.04019,-0.08291,-0.04567,0.06479,-0.00251,0.06741,0.0102,0.03877,-0.08845,-0.02558,0.06583,-0.00079,0.08597,0.08663,0.05911,-0.05209,0.00633,0.02451,-0.00207,0.02656,0.04905,0.00437,0.06442,-0.04406,-0.07118,-0.03094,-0.11569,-0.01363,0.08806,-0.03332,-0.0203,-0.08148,0.0721,0.00088,-0.08896,-0.04186,-0.0345,-0.02972,0.13468,0.05886,0.07914,0,0.03404,0.02338,0.03587,-0.00704,0.04482,-0.03416,0.01367,0.008,0.07038,0.01346,-0.1376,0.0581,0.03015,-0.0699,0.00503,-0.01965,-0.01572,-0.08426,0.04587,-0.01107,-0.01325,-0.00615,-0.00401,0.09912,-0.0108,-0.03214,-0.04149,0.02425,0.05769,0.06654,0.03746,-0.10953,-0.02286,0.02697,-0.00161,-0.08091,-0.01733,0.10651,-0.0072,0.02531,-0.02857,-0.00374,-0.02774,0.00621,0.04316,0.10165,0.02532,-0.01424,-0.04489,0.05287,-0.0679,0.03834,-0.01314,0.03553,0.02413,0.10307,0.15634,-0.005,-0.05443,-0.00676,-0.01605,-0.08251,-0.03874,-0.05499,-0.01432,-0.02515,-0.01237,-0.03982,0.00318,0.11496,0.03471,0.02254,-0.00842,-0.02368,0.02788,-0.03457,0.04934,0.01424,0.05142,0.02425,-0.0007,0.04048,0.02787,0.05216,-0.07454,-0.0317,0.04594,0.02298,0.03537,0.02961,-0.0032,-0.04487,0.08085,-0.02241,-0.02504,0,-0.01327,-0.01292,0.03576,-0.02293,0.01996,-0.01859,-0.0298,0.08801,-0.01825,0.04023,-0.05628,0.06863,0.04915,-0.01661,0.01405,-0.04565,0.01819,-0.00028,-0.04179,-0.04479,0.01239,-0.03672,-0.00487,0.04134,-0.06102,-0.10291,-0.05581,-0.05834,-0.02647,-0.04989,0.00869,0.08926,-0.02079,0.08015,-0.01807,-0.00414,-0.04237,0.0877,-0.03838,-0.02126,0.06107,0.00662,-0.00472,-0.04343,-0.06895,0.03058,0.00775,-0.04607,-0.06413,0.04717,0.04818,0.0401,-0.0217,0.10182,0.00975,0.00281,-0.06922,0.01085,0.08607,-0.02321,0.01322,0.11638,0.04117,-0.00358],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Make it draggable To drag groups, enable fDraggable on the flow and provide a drag handle on the group (or inside it): f Draggable","excerpt":"Make it draggable To drag groups, enable fDraggable on the flow and provide a drag handle on the group (or inside it):"},{"chunkId":"/docs/f-group-directive#4","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[0.00443,0.02956,-0.06033,0.09557,0.04445,0.00834,-0.01993,0.02032,-0.0321,0.02239,0.05288,-0.02382,-0.00416,-0.0036,-0.00818,-0.01086,-0.04368,0.0246,-0.0602,-0.06044,-0.04778,-0.02697,0.07354,-0.02911,-0.01418,-0.0029,-0.11128,-0.03363,0.06328,-0.04245,0.006,0.05855,0.07003,0.07538,-0.04756,0.14375,0.00741,-0.01877,-0.05002,-0.00408,0.07737,0.03566,0.0358,-0.0617,-0.02263,0.0142,-0.06215,0.0482,-0.06686,0.0826,0.04474,-0.05845,0.02743,0.10722,-0.03006,0.07395,-0.00372,-0.06024,-0.00499,0.04234,0.05488,-0.02358,0.00046,0.00266,0.04308,0.07538,0.05124,0.0172,-0.05097,0.01713,0.12162,-0.00076,0.01555,0.04433,0.07953,0.00624,-0.04349,-0.00521,-0.0291,-0.0182,0.00217,0.10247,0.02104,-0.01727,-0.085,0.08915,-0.04012,-0.06413,-0.12688,0.07333,-0.09009,0.02551,-0.04876,-0.03556,-0.00906,-0.04884,0.03134,-0.05989,-0.0005,-0.01058,0.06528,0.05496,-0.05876,0.01952,-0.04238,-0.0646,-0.07529,0.01713,-0.03783,-0.00251,-0.04857,0.06587,-0.00042,-0.03421,-0.12302,-0.10305,0.04964,-0.04361,0.08055,-0.0641,0.07984,0.0252,-0.01529,0.02175,0.09089,-0.02313,-0.12857,0,-0.05287,-0.00938,0.01633,0.0498,0.05369,-0.03533,-0.02901,-0.048,-0.10204,-0.0518,-0.08752,0.01699,0.00048,-0.06431,-0.00744,-0.09044,-0.02333,0.09729,0.00426,-0.07317,-0.04177,0.07167,-0.00085,-0.02865,0.02567,0.03462,-0.05067,0.02223,0.04935,0.00792,-0.04976,0.00278,0.02357,0.01651,-0.07042,0.00712,0.01142,-0.04503,-0.05187,-0.04417,0.03273,-0.001,0.0072,-0.00392,0.01885,-0.03779,-0.01081,-0.02526,-0.03807,0.06071,0.03817,-0.05198,0.00098,-0.07543,-0.02111,-0.01179,-0.04624,0.01989,-0.01508,0.05611,0.01343,-0.04979,-0.03221,-0.00742,0.02506,0.05934,0.05981,0.00906,0.04656,0.00332,0.03969,0.08231,-0.01167,0.05352,-0.02311,0.01936,-0.0016,-0.06299,-0.08698,0.03342,-0.0449,-0.04883,0.01821,-0.00583,-0.00052,-0.10813,0.03335,0.02335,-0.02083,-0.02713,0.01687,-0.01341,0.12112,0.02734,0.07367,0,0.03649,0.05436,0.02492,0.00375,0.06136,-0.08859,-0.07774,-0.05541,0.01541,0.05887,-0.10995,0.00174,0.05287,-0.0539,-0.10517,-0.01293,0.00476,-0.07304,0.05696,0.04816,0.01484,0.00232,0.09093,0.11423,0.07979,-0.04129,-0.01623,0.04055,0.01121,0.01274,0.01165,-0.0801,-0.00102,0.02023,0.05558,-0.03181,0.00366,0.07296,0.02102,-0.0225,0.00069,-0.00071,-0.08543,0.0184,0.00831,0.06029,0.04064,0.04552,-0.07579,0.05705,-0.0885,0.01056,0.01706,0.02824,0.01547,0.07378,0.08224,0.06439,-0.00938,-0.00095,0.02145,-0.1199,-0.02049,-0.00698,-0.04201,-0.06602,-0.02862,-0.01852,-0.04512,0.11634,0.04521,0.06346,0.00725,0.01675,-0.0065,-0.06695,0.03326,-0.00386,0.04759,0.02599,-0.06054,0.07347,-0.01899,0.0873,-0.03924,-0.05102,0.11528,0.10522,-0.03343,0.04137,-0.01529,0.02037,0.03963,-0.00058,-0.05066,0,-0.01938,0.05299,-0.04148,-0.01022,0.04115,-0.04638,-0.01516,0.06173,-0.00416,0.04203,-0.07123,0.0237,0.03871,-0.08283,0.0113,-0.08286,0.01014,-0.04758,-0.02504,0.01196,-0.02396,-0.02342,-0.00732,0.04853,-0.03383,-0.09319,-0.04541,-0.0139,-0.02304,-0.00252,-0.02328,0.0473,-0.05819,0.1114,-0.01939,-0.00838,-0.03015,0.09022,-0.02751,0.00334,0.04455,0.02006,-0.00441,-0.01302,-0.078,0.04716,0.00766,-0.00677,0.03908,0.03612,0.08759,-0.09385,-0.0187,-0.01309,0.01577,-0.00059,0.00238,0.04039,0.10704,0.02548,-0.037,0.10851,0.06699,-0.00665],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Put nodes inside the group Groups are “containers” via parent ids. To attach a node to a group, set the node’s fNodeParentId to the group’s fGroupId: f Node Parent Id f Group Id","excerpt":"Put nodes inside the group Groups are “containers” via parent ids. To attach a node to a group, set the node’s fNodeParentId to the group’s fGroupId:"},{"chunkId":"/docs/f-group-directive#5","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.05237,-0.04426,-0.03497,0.07243,0.039,0.0051,0.00256,0.02648,0.04237,-0.01716,0.07509,0.01725,-0.04961,-0.01438,0.01086,-0.00431,-0.00865,0.00975,-0.15616,-0.05518,0.00935,-0.11394,0.00059,0.03233,-0.0359,0.0548,-0.0561,-0.05586,0.0929,-0.08236,-0.02164,0.11405,0.05413,0.03637,-0.09697,0.0763,0.03988,-0.02226,-0.11368,-0.04084,0.00448,-0.00728,0.01967,-0.00402,-0.05001,0.04912,0.00346,0.03177,-0.108,0.11909,0.08203,0.02942,0.04406,0.13605,0.02013,0.05107,0.05503,-0.02329,-0.01374,0.00398,-0.01854,0.00339,-0.05896,0.04741,-0.03299,0.03594,0.04655,-0.05185,0.0547,-0.05674,0.05855,-0.01446,0.04961,-0.03903,0.11328,-0.06207,-0.04342,-0.01237,-0.00593,-0.01863,0.0722,0.03487,0.00719,0.02568,-0.00624,0.04828,-0.02389,-0.0186,-0.059,0.07165,-0.06817,0.0416,-0.03909,-0.04997,-0.01552,-0.04013,-0.03338,-0.07026,-0.01818,0.01409,0.05399,0.03081,0.00423,0.06306,-0.00842,-0.10232,-0.03762,0.01402,-0.06087,0.05368,0.02301,0.02991,0.04626,0.01882,-0.07194,-0.07898,0.00075,-0.03705,-0.00296,-0.02333,0.04198,0.03446,0.0246,0.01266,0.07699,0.04356,-0.13009,0,-0.08057,-0.02033,-0.00944,0.07185,-0.00807,-0.0348,0.03684,0.01085,-0.00887,-0.04022,-0.02365,0.12121,-0.00364,-0.00816,-0.0093,-0.10815,-0.04917,0.10622,0.00244,-0.01751,0.01748,0.10681,-0.01276,-0.03132,0.00274,0.04953,-0.04462,0.10055,-0.02266,0.00525,-0.0513,-0.01206,-0.05088,-0.02098,-0.03072,0.03309,-0.0004,-0.08701,0.00305,-0.00668,0.01951,-0.01972,-0.04755,-0.05354,-0.02385,-0.03411,0.00205,0.01232,-0.0615,0.02801,0.06655,0.04095,0.00987,-0.05877,0.03234,-0.0617,-0.00364,0.0114,-0.01354,0.05716,0.00153,-0.0043,-0.06079,-0.00131,-0.00636,0.05587,0.0591,0.01199,0.06817,0.00458,0.01325,0.07501,-0.01596,0.06094,0.04846,0.00895,0.00469,-0.02088,-0.11663,-0.01193,-0.00885,-0.01505,0.03188,0.02175,-0.01538,-0.10443,0.03643,-0.05204,-0.1109,-0.01199,-0.01436,-0.0347,0.13502,0.10724,0.05085,0,0.00426,-0.00106,-0.01474,0.0244,0.01633,-0.04976,-0.02495,0.04048,0.06665,-0.07201,-0.09214,0.03075,0.04676,-0.01776,-0.05225,0.00355,-0.00792,-0.11072,0.04071,-0.00619,0.00952,0.00713,0.0183,0.09784,-0.02675,-0.03109,-0.01463,0.00484,0.05917,0.03677,0.04698,-0.11143,-0.02276,0.00167,-0.0191,-0.07073,-0.08604,0.08858,0.03719,0.03541,-0.00018,0.00945,-0.02392,0.04146,0.00752,0.0882,-0.03021,0.02166,-0.08087,-0.01282,-0.0111,0.05315,-0.04683,-0.0013,-0.00846,0.10216,0.14663,-0.03039,-0.02378,0.027,-0.01672,-0.08922,-0.05074,-0.04401,-0.06784,0.01491,0.01138,-0.0654,0.03482,0.13463,0.04787,0.00735,-0.01227,-0.03427,0.01746,-0.02317,0.06483,-0.07521,0.05694,0.00033,-0.08518,0.00815,0.06532,0.05153,-0.07821,0.01345,0.00949,0.02924,0.04054,0.07828,-0.00385,0.02264,-0.01014,-0.0192,-0.04325,0,-0.04587,0.02862,0.01366,0.02186,0.01881,-0.02533,0.01557,0.08047,0.01537,0.01775,-0.06321,0.05081,0.02773,-0.04867,0.07807,0.02541,0.05893,-0.02404,-0.05411,-0.04144,-0.02382,-0.02301,-0.02739,0.02481,-0.02463,-0.0924,0.01725,0.03203,-0.04782,-0.0264,-0.00084,0.06877,-0.01966,0.10162,-0.03888,-0.00919,-0.03503,0.05932,0.04305,0.02091,0.01984,0.03353,-0.06113,-0.03298,-0.10496,0.01526,0.02545,-0.06242,-0.01744,0.06571,0.04968,-0.01011,-0.07932,0.07111,0.05243,0.0122,-0.05045,-0.00958,0.15115,-0.00405,-0.03672,0.04892,-0.01045,-0.0226],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. How it works - A group registers in the same internal store as nodes and participates in rendering and hit-testing. - During interactions (drag/resize/rotate), the library updates the group internally for smooth UX. - Children are associated to the group via fNodeParentId / fGroupParentId, which enables container behaviors (bounds restrictions, auto-size rules, auto-expand rules). - Your app typically persists changes on “final” outputs (for example fGroupPositionChange after a drag ends), keeping your data model as the source of truth. With the optional Managed Flow State plugin, completed move gestures update group records automatically. User resize and rotation are not captured by managed state v1, so applications using those interactions still persist their final outputs themselves. f Node Parent Id f Group Parent Id f Group Position Change","excerpt":"How it works - A group registers in the same internal store as nodes and participates in rendering and hit-testing. - During interactions (drag/resize/rotate), the library updates the group internally for smooth UX. - Children are associated to the group via fNodeParentId / fGroupParentId, which enables container behaviors (bounds restrictions, auto-size rules, auto-expand rules). - Your app typically persists changes on “final” outputs (for example fGroupPositionChange after a drag ends), keeping your data model as the source of truth. With the optional Managed Flow State plugin, completed move gestures update group records automatically. User resize and rotation are not captured by managed state v1, so applications using those interactions still persist their final outputs themselves."},{"chunkId":"/docs/f-group-directive#6","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.04222,-0.00404,-0.0371,0.07047,-0.00074,0.01197,-0.02285,0.04571,-0.01064,-0.00144,0.10569,-0.02567,-0.03783,0.03583,0.01744,-0.01247,-0.02279,0.00836,-0.09338,-0.09622,0.00635,-0.0671,0.03823,0.01194,-0.00309,0.02636,-0.10663,-0.06693,0.02853,-0.06342,-0.05266,0.08958,0.12702,0.03506,-0.03204,0.05089,0.02407,0.02578,-0.00208,-0.0046,-0.00614,0.02723,0.01231,-0.09826,-0.05195,0.0333,-0.02628,-0.00819,-0.09118,0.0895,0.04641,0,-0.01298,0.14207,0.04853,0.03044,0.00226,-0.05605,-0.03051,0.03063,-0.01303,0.01816,-0.10505,0.03298,-0.00712,0.08551,0.05055,-0.02893,-0.00869,0.02204,0.02999,-0.02717,0.05199,0.07825,0.13076,-0.03295,-0.03441,-0.04515,0.01025,-0.06269,-0.02156,0.09705,0.00578,0.00358,-0.02415,0.05946,-0.02845,-0.05021,-0.04584,0.03865,-0.07225,-0.02844,-0.01305,0.02207,-0.08028,-0.06878,-0.00989,-0.11997,0.01467,-0.04062,0.04753,0.03056,0.0263,0.06513,-0.02726,-0.08733,-0.05315,0.03229,-0.0331,0.00523,-0.07696,0.0158,0.00787,-0.01115,-0.08422,-0.05776,0.02973,-0.02657,0.08617,-0.05627,0.11659,-0.00995,0.00833,0.02933,0.09946,0.02468,-0.11688,0,-0.07005,0.0123,-0.00035,0.08412,0.0535,-0.03145,-0.01028,0.0056,-0.04402,-0.00008,-0.00993,0.0995,-0.03116,-0.07383,0.01964,-0.05128,-0.02086,0.15565,-0.02088,-0.02573,-0.03556,0.16036,0.01948,-0.00802,0.0161,0.00761,-0.02114,0.03766,-0.01049,0.03356,-0.05695,-0.03318,-0.04695,-0.05882,-0.03726,0.04121,-0.00472,-0.07928,-0.02374,-0.00048,0.01144,-0.05168,-0.0103,-0.05772,0.00881,0.00348,0.00145,0.01297,-0.0602,0.05225,0.0109,0.01604,0.00435,-0.06884,0.00975,-0.01123,-0.03379,0.02332,0.0216,0.0605,0.01628,-0.07343,-0.01972,-0.01746,0.00002,-0.04635,0.10286,-0.0018,0.0506,0.00145,0.07873,0.04982,-0.00805,0.03579,0.01648,-0.00972,0.05518,-0.04194,-0.09603,-0.05235,-0.05961,0.01615,0.05939,-0.00867,-0.0202,-0.10431,0.07344,-0.02295,-0.10622,-0.0418,-0.0632,-0.02171,0.12246,0.05188,0.05255,0,0.05493,-0.02716,0.01949,-0.01717,0.01426,-0.04227,-0.01115,0.0759,0.03435,0.01825,-0.06714,0.03336,0.07563,-0.08746,-0.07183,0.01529,-0.01746,-0.0903,0.06838,0.02332,0.00424,0.00705,-0.00553,0.1241,0.0407,-0.02394,-0.07153,0.05474,0.05078,0.0557,-0.01012,-0.08943,0.01857,0.02952,-0.01497,-0.06549,-0.01367,0.08443,-0.01985,0.03192,0.00618,-0.01702,0.00582,-0.00088,0.00719,0.04842,0.05218,0.05979,-0.06217,0.04555,0.01163,0.01031,0.00914,-0.02089,-0.01968,0.11918,0.09993,-0.00946,-0.05628,0.02932,-0.01879,-0.09473,-0.01812,-0.01431,-0.09432,-0.0371,-0.04542,-0.01938,-0.01496,0.08712,0.04555,-0.0152,-0.00908,-0.02021,-0.03347,-0.07307,0.05039,-0.02908,0.04638,0.0279,-0.05268,0.00019,0.05362,0.09819,-0.11935,-0.03288,0.05596,0.07175,0.0316,0.06387,-0.0112,0.0083,0.07138,-0.01322,-0.03484,0,-0.01373,0.03677,0.04107,0.02364,0.06589,-0.05872,0.00764,0.10073,-0.03198,0.06835,-0.09482,0.05498,0.03303,-0.02903,0.01411,-0.04975,0.03588,-0.00429,-0.05292,0.01937,-0.0361,0.00714,-0.00279,-0.02386,-0.0203,-0.07069,-0.06414,0.00631,-0.03113,-0.00911,0.01058,0.09787,-0.02345,0.04484,-0.0196,-0.01527,-0.03437,0.06326,-0.04746,-0.03035,0.05312,-0.02941,0.00963,0.02351,-0.05861,0.01132,-0.01272,-0.03446,0.00695,-0.00228,0.05876,-0.03403,-0.05661,0.02081,0.01117,0.03295,0.0067,0.0505,0.11801,0.03063,0.0481,0.09961,0.02297,0.02168],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. API","excerpt":"API"},{"chunkId":"/docs/f-group-directive#7","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[0.01456,0.06697,-0.07174,0.07958,0.04593,0.06396,-0.02873,0.06969,0.00801,-0.01331,0.0795,-0.03858,-0.00258,-0.02543,-0.0201,-0.015,-0.04176,0.02412,-0.10949,-0.0675,-0.0166,-0.1527,0.04878,-0.02311,-0.05406,0.02711,-0.05036,0.00467,0.02783,-0.06327,-0.06787,0.09284,0.06905,0.04139,-0.02444,0.05585,0.03511,0.00198,-0.04925,-0.04176,0.0112,0.02895,0.05858,-0.11312,0.03111,0.04824,-0.00947,0.03393,-0.0497,0.1082,0.05596,-0.00367,0.01024,0.1264,0.00128,0.04792,0.03445,-0.14483,-0.01488,0.02446,-0.01788,-0.01192,-0.05216,0.00256,-0.03229,0.01046,0.05391,-0.07937,0.00612,0.05779,0.05249,0.00353,0.03181,0.01588,0.10991,-0.00239,-0.0079,0.03468,0.04395,-0.08671,0.01879,0.06001,-0.00823,0.01785,-0.02018,0.01629,-0.05981,-0.05865,-0.00974,0.05405,-0.09804,0.0677,-0.04501,0.03276,-0.0423,-0.02865,-0.01049,-0.07362,-0.08367,0.01414,0.03956,-0.00997,0.0278,0.01335,-0.01582,-0.06638,-0.01638,-0.00615,-0.06855,-0.03128,-0.01878,0.04287,0.0072,-0.02075,-0.09528,-0.08434,0.07892,-0.03014,0.08373,-0.0384,0.09183,0.05566,-0.013,0.05654,0.12511,0.01704,-0.12819,0,-0.01711,0.05967,0.03553,0.04508,0.0674,-0.01475,-0.01155,0.01457,-0.06075,-0.01807,-0.05634,-0.00694,-0.01504,-0.1047,0.04907,-0.08214,0.00297,0.06407,-0.02575,-0.07103,-0.06726,0.05593,-0.00785,-0.07017,0.0303,0.07191,-0.02445,0.06433,-0.05463,0.02354,-0.02336,-0.012,-0.05412,-0.04237,-0.03826,0.01862,0.04981,-0.06383,-0.04371,0.0577,-0.01463,-0.0316,-0.018,-0.06396,-0.00329,0.00581,0.0346,0.03347,-0.00949,0.06694,0.02704,0.0111,-0.01617,-0.05856,0.01233,-0.01408,-0.03777,0.02806,-0.00662,0.06917,0.0112,-0.03599,-0.04138,0.01192,-0.00709,-0.00004,0.06623,0.00776,0.03439,-0.03275,0.01756,0.02977,0.07405,-0.00675,0.07037,0.00666,0.04353,-0.04365,-0.03067,-0.04044,-0.06224,0.00044,0.03735,-0.06865,-0.06092,-0.11048,0.07575,0.0284,-0.10243,-0.07135,-0.06041,-0.0028,0.09811,0.08064,0.01001,0,-0.02285,0.018,0.03103,-0.00343,0.03128,-0.0627,0.05701,0.0176,-0.00868,0.01822,-0.04693,0.01071,0.01551,-0.0615,-0.04265,0.03757,-0.02296,-0.05525,0.09017,0.03691,0.06239,0.05367,-0.00952,0.13384,0.03848,-0.03538,-0.01443,0.02248,0.02286,0.04073,0.03368,-0.1273,-0.00482,-0.01009,0.01929,-0.0893,-0.05044,0.08771,-0.00372,0.09106,-0.0214,-0.00691,-0.04691,-0.009,0.00513,0.08446,0.07505,0.03796,-0.06476,0.06778,-0.07627,-0.02433,-0.01053,0.03817,-0.0094,0.06999,0.04342,-0.00777,0.00127,-0.00283,0.01503,-0.15142,-0.06709,-0.03099,0.03636,0.00736,-0.00911,-0.01695,-0.00767,0.1549,0.0232,0.03689,0.02124,-0.00369,-0.00296,-0.02542,0.12048,0.01471,0.05253,-0.00326,-0.0502,-0.02676,0.01313,0.04917,-0.09231,-0.00823,0.05393,0.0582,0.02918,0.0886,-0.04713,0.04462,0.08631,-0.05091,-0.03529,0,-0.05722,0.02396,-0.02076,0.01361,0.04285,-0.07606,0.0221,0.03482,-0.01732,0.00085,-0.06377,0.0813,0.04732,-0.03717,0.0035,-0.04646,-0.00702,-0.02884,-0.01916,0.00616,-0.01266,0.00393,-0.01261,0.02484,-0.04095,-0.10502,-0.05679,-0.02225,-0.00868,-0.03322,-0.06426,0.01635,-0.00177,0.13267,-0.0913,-0.02703,-0.05847,0.06557,-0.03428,0.02399,0.03846,0.02175,-0.00505,-0.03206,-0.02172,0.04929,0.03207,-0.04924,0.00564,0.01744,0.00592,-0.0323,-0.04143,0.0266,0.01677,-0.01495,0.01234,0.03933,0.08043,0.03622,-0.02862,0.08891,-0.053,0.00208],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Inputs - fGroupId: string; Group identifier. Default: f-group-${uniqueId++}. - fGroupParentId: string null; Parent group or node ID. - fGroupPosition: IPoint; Model. Position of the group. - fGroupSize: ISize; Size of the group. - fGroupRotate: number; Model. Rotation angle in degrees. - fConnectOnNode: boolean; Default: true. Allows dropping connections on the group. - fMinimapClass: string string[]; CSS class for the minimap representation. - fGroupDraggingDisabled: boolean; Default: false. Disables dragging. - fGroupSelectionDisabled: boolean; Default: false. Disables selection. - fIncludePadding: boolean; Default: true. Include padding in bounds calculation. - fAutoExpandOnChildHit: boolean; Default: false. Expand group when child hits bounds. - fAutoSizeToFitChildren: boolean; Default: false. Auto-resize to fit children. f Group Id unique Id f Group Parent Id f Group Position I Point f Group Size I Size f Group Rotate f Connect On Node f Minimap Class f Group Dragging Disabled f Group Selection Disabled f Include Padding f Auto Expand On Child Hit f Auto Size To Fit Children","excerpt":"Inputs - fGroupId: string; Group identifier. Default: f-group-${uniqueId++}. - fGroupParentId: string null; Parent group or node ID. - fGroupPosition: IPoint; Model. Position of the group. - fGroupSize: ISize; Size of the group. - fGroupRotate: number; Model. Rotation angle in degrees. - fConnectOnNode: boolean; Default: true. Allows dropping connections on the group. - fMinimapClass: string string[]; CSS class for the minimap representation. - fGroupDraggingDisabled: boolean; Default: false. Disables dragging. - fGroupSelectionDisabled: boolean; Default: false. Disables selection. - fIncludePadding: boolean; Default: true. Include padding in bounds calculation. - fAutoExpandOnChildHit: boolean; Default: false. Expand group when child hits bounds. - fAutoSizeToFitChildren: boolean; Default: false. Auto-resize to fit children."},{"chunkId":"/docs/f-group-directive#8","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.00975,-0.00791,-0.06546,0.04818,0.01031,0.0358,-0.01526,0.02873,0.02608,-0.01514,0.09929,-0.01499,-0.05114,-0.01213,-0.03939,-0.02416,-0.0287,0.04634,-0.09627,-0.09261,0.03327,-0.05553,0.02987,0.02197,-0.01095,0.01713,-0.07806,-0.02425,0.03153,-0.09741,-0.06912,0.10902,0.13678,0.03424,-0.03902,0.02225,0.03526,0.01388,-0.02293,-0.01524,0.0228,0.00651,0.05994,-0.11557,-0.07413,0.06846,-0.02045,0.01082,-0.12179,0.08414,0.0807,0.04088,-0.02154,0.13652,0.03806,0.02498,0.07127,-0.05674,-0.02286,0.00407,-0.0248,0.03358,-0.10419,-0.01497,-0.00879,0.05376,0.06868,-0.04159,-0.01972,0.03588,0.02749,-0.0106,0.03969,0.02273,0.13081,-0.03041,-0.02937,-0.01967,0.00381,-0.07959,0.02613,0.09473,0.01292,-0.00541,0.01787,0.03156,-0.03931,-0.01841,-0.04238,0.04032,-0.11187,-0.0069,-0.01488,-0.01419,-0.06906,-0.05243,0.00815,-0.09541,0.03943,-0.03019,0.05475,0.0181,0.00384,0.04069,-0.03396,-0.06504,-0.06037,0.04153,-0.04262,-0.01994,-0.01527,0.02452,0.00079,-0.01828,-0.07199,-0.07263,0.03319,-0.00758,0.06096,-0.06914,0.11524,-0.02952,-0.02922,0.0659,0.09279,0.03867,-0.09671,0,-0.05379,-0.00956,-0.02098,0.05848,0.01647,-0.00173,-0.03526,0.0202,-0.00332,-0.00989,0.00204,0.09361,0.01536,-0.06582,0.01841,-0.08997,0.03349,0.13338,-0.014,-0.04579,-0.05658,0.17828,0.00231,-0.03058,0.01949,0.00384,-0.05806,0.0382,-0.06817,0.02265,-0.02476,-0.00186,-0.03895,-0.06939,-0.02851,0.01495,-0.00666,-0.0689,-0.02158,0.01968,-0.01057,-0.05102,-0.03559,-0.05987,0.03462,-0.00848,-0.03192,0.03636,-0.03965,0.06734,0.04,0.02291,0.03412,-0.06628,0.03199,-0.00811,-0.01959,0.02665,0.03179,0.06709,-0.01648,-0.00783,-0.01981,-0.03723,-0.02059,-0.04817,0.09413,-0.0328,0.0256,0.03076,0.04548,0.03866,-0.018,0.04108,0.0132,0.03717,0.01431,-0.03378,-0.12759,-0.04927,-0.04964,0.04799,0.05092,-0.05475,-0.01972,-0.09813,0.04932,-0.00982,-0.12215,-0.04951,-0.048,-0.03277,0.12322,0.05323,0.05888,0,0.0216,0.03779,-0.00555,-0.03538,-0.00746,-0.06092,0.02271,0.02839,0.0031,0.01021,-0.06314,0.01943,0.03211,-0.05026,-0.08801,0.01519,-0.02959,-0.07495,0.06027,0.03511,0.01241,-0.01897,0.08232,0.12429,0.03301,-0.02223,-0.01319,0.08018,0.05354,0.03011,-0.01255,-0.08715,0.0284,0.03235,-0.0264,-0.07697,-0.01973,0.03796,-0.00259,0.07333,-0.01784,0.02756,0.01342,0.03982,0.00483,0.06447,0.04684,0.074,-0.03818,0.02921,-0.00093,0.02901,-0.00038,0.03192,-0.01103,0.12278,0.10864,-0.00366,-0.0316,0.0509,-0.0148,-0.10518,0.00497,-0.03583,-0.06039,-0.01227,-0.02699,-0.0463,0.02255,0.12438,0.07841,-0.01144,-0.00453,-0.02226,-0.04585,-0.03516,0.04214,-0.04124,0.01852,0.02562,-0.06699,-0.01437,0.03508,0.06323,-0.12739,-0.02501,0.03291,0.0495,0.07326,0.03627,-0.01244,0.02877,0.05576,-0.03945,-0.02365,0,-0.03662,-0.0141,0.04637,0.03414,0.0429,-0.07697,0.03994,0.03826,-0.02378,0.03179,-0.09024,0.03837,0.04886,-0.06008,0.05183,-0.03571,0.04323,-0.04739,-0.06633,-0.00923,-0.0144,0.00717,-0.01394,-0.01751,-0.06248,-0.10994,-0.04741,-0.00286,-0.04007,-0.04223,0.02957,0.09462,-0.00943,0.06721,-0.01717,-0.01692,-0.05877,0.05441,-0.01249,-0.00053,0.01293,-0.00092,-0.04472,0.02363,-0.07716,0.00947,0.02144,-0.0436,-0.02168,-0.0089,0.05769,-0.01518,-0.04166,0.03088,-0.00417,0.0056,-0.00562,0.02175,0.11979,0.04264,0.00861,0.0929,0.01229,-0.01752],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Outputs - fGroupPositionChange: OutputEmitterRef<IPoint; Emits when position changes. - fGroupRotateChange: OutputEmitterRef<number; Emits when rotation changes. - fGroupSizeChange: OutputEmitterRef<IRect; Emits when size changes. f Group Position Change Output Emitter Ref I Point f Group Rotate Change f Group Size Change I Rect","excerpt":"Outputs - fGroupPositionChange: OutputEmitterRef<IPoint; Emits when position changes. - fGroupRotateChange: OutputEmitterRef<number; Emits when rotation changes. - fGroupSizeChange: OutputEmitterRef<IRect; Emits when size changes."},{"chunkId":"/docs/f-group-directive#9","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.01286,-0.02936,-0.03032,0.10935,-0.0067,0.01504,-0.02746,0.01314,0.01057,-0.00014,0.11525,-0.00897,-0.06943,-0.01272,-0.02932,-0.02815,-0.0376,0.01387,-0.11211,-0.09448,-0.01065,-0.07277,0.03815,0.00316,-0.00445,-0.00718,-0.11314,-0.04413,0.03192,-0.04899,-0.06532,0.10917,0.08092,0.01258,-0.03568,0.08791,0.01155,0.03466,0.01856,0.00648,-0.03406,0.02378,0.01525,-0.09756,-0.01941,0.04243,-0.02652,0.01169,-0.0578,0.07618,0.08501,0.01847,-0.02162,0.13011,0.06111,0.03436,0.03249,-0.02044,-0.01181,0.01155,-0.04299,0.02146,-0.06707,0.02257,-0.03172,0.08229,0.05381,-0.05307,-0.01146,0.03858,0.09185,0.01071,0.05443,0.06346,0.11035,-0.04579,-0.0366,-0.02616,0.01997,-0.0311,0.02091,0.06305,-0.00741,-0.04155,0.02498,0.04882,-0.01059,-0.09525,-0.05638,0.03642,-0.07094,0.02864,-0.00588,0.03326,-0.11075,-0.08621,0.00433,-0.0585,0.01241,-0.01743,0.06372,0.02519,-0.00004,0.05474,-0.07891,-0.08619,-0.03328,0.08838,-0.05869,0.01351,-0.06279,-0.006,-0.00625,0.00377,-0.09074,-0.0542,0.02365,-0.02605,0.03967,-0.05698,0.14704,0.01696,0.00217,0.0013,0.09688,0.02343,-0.07948,0,-0.08498,-0.00075,-0.02558,0.08808,0.03598,-0.02193,-0.0079,0.02485,-0.04458,-0.02555,0.01254,0.08283,-0.02712,-0.07257,-0.00047,-0.06575,0.01409,0.12246,-0.02429,-0.04136,-0.03731,0.18095,0.02016,-0.03924,-0.0191,0.0137,-0.01974,0.06331,-0.01991,0.03262,-0.05329,-0.00615,-0.04119,-0.04501,-0.09235,0.0479,0.02484,-0.0599,-0.02105,-0.00362,0.02922,-0.04623,0.0086,-0.07553,0.03726,-0.03741,-0.00725,0.03809,-0.07087,0.06164,0.02737,0.04133,-0.00493,-0.04916,-0.03758,0.0061,-0.05662,0.04456,-0.00627,0.05898,0.01917,-0.05202,-0.02092,0.01138,-0.00452,-0.00539,0.09548,0.00143,0.0444,-0.00109,0.08088,0.03345,0.01148,0.04262,0.00286,-0.00998,0.02686,-0.02583,-0.12014,-0.036,-0.04139,-0.01154,0.02692,-0.00487,-0.0321,-0.11506,0.05544,0.02641,-0.08719,-0.02247,-0.04461,-0.0105,0.14766,0.03836,0.07109,0,0.08179,0.00782,-0.00668,-0.03113,-0.00032,-0.04441,-0.01758,0.09105,-0.00925,-0.00905,-0.06593,0.01272,0.05647,-0.06972,-0.08146,0.02551,-0.00359,-0.06702,0.05058,0.02684,-0.0019,-0.02689,0.03817,0.10238,0.02483,-0.02247,-0.06134,0.06974,0.07156,0.06127,0.02538,-0.08988,0.00323,0.02541,0.03659,-0.05378,-0.00378,0.0186,-0.0149,0.07355,0.02311,0.02574,0.00866,0.00165,0.03472,0.07147,0.07225,0.01602,-0.04399,0.03033,0.02125,-0.03104,0.02334,-0.01272,-0.00654,0.14375,0.08063,-0.01004,-0.03798,0.023,-0.00166,-0.11473,-0.03,-0.03812,-0.06687,-0.02333,-0.04158,-0.01858,0.02554,0.07998,0.02426,0.01099,-0.02294,-0.0329,-0.02984,-0.04812,0.02521,-0.03605,0.04218,0.01828,-0.00395,-0.01739,0.03014,0.05962,-0.13422,-0.03821,0.03435,0.07568,0.01427,0.02176,-0.01043,-0.03523,0.1053,-0.0157,-0.04122,0,-0.00851,0.03326,0.06137,0.02264,0.09784,-0.08912,-0.01851,0.0667,-0.05074,0.02782,-0.11534,0.05307,0.06324,-0.04528,0.01665,-0.05898,-0.0004,-0.03903,-0.04092,-0.02017,-0.05056,-0.03506,0.00488,-0.01158,-0.02926,-0.06204,-0.03539,-0.03426,-0.03605,-0.03416,0.00062,0.09552,-0.00826,0.05528,-0.03266,-0.03342,-0.0212,0.06875,-0.02506,-0.00207,0.04212,-0.01971,0.0094,0.01971,-0.07541,-0.03178,0.00304,-0.01551,-0.01734,-0.0093,0.04659,-0.01221,-0.05895,-0.00888,0.00824,0.00862,-0.00939,0.06619,0.0873,0.02014,0.03935,0.11378,-0.00131,-0.01382],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Methods - refresh(): void; Force refresh of the group.","excerpt":"Methods - refresh(): void; Force refresh of the group."},{"chunkId":"/docs/f-group-directive#10","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.00175,-0.00578,-0.01832,0.07395,-0.0053,0.01728,0.01847,0.0701,0.01293,0.01368,0.08941,-0.00497,-0.07352,0.01436,-0.02659,-0.02581,-0.00178,0.00394,-0.08853,-0.09082,0.01327,-0.0727,0.0459,-0.00033,-0.03423,0.0175,-0.10182,-0.06097,0.03476,-0.10055,-0.07936,0.09868,0.11527,0.03408,-0.02832,0.05307,0.01306,0.02444,-0.02914,-0.01414,0.02012,-0.00307,0.03575,-0.08479,-0.03366,0.05135,-0.01828,0.02026,-0.08997,0.04808,0.03438,0.01443,0.00225,0.13193,0.0553,0.00185,0.00018,-0.0793,-0.02282,0.03086,-0.03855,0.03753,-0.08649,0.02419,0.0037,0.05998,0.05373,-0.04296,-0.01644,0.0275,0.04583,-0.00784,0.06169,0.07081,0.13398,-0.0181,-0.03874,-0.00766,0.00757,-0.05389,-0.00659,0.10933,0.0183,-0.04612,0.01262,0.05049,-0.03495,-0.04669,-0.0488,0.02843,-0.05922,-0.00353,-0.04783,0.00415,-0.0435,-0.09742,-0.0327,-0.13573,-0.01029,-0.03718,0.06829,0.03303,0.01474,0.0524,-0.05769,-0.06753,-0.05605,0.02104,-0.00733,-0.00715,-0.06986,-0.05872,-0.00406,-0.01608,-0.09452,-0.06485,0.02504,-0.03022,0.10131,-0.11705,0.0819,-0.0117,-0.01156,0.02897,0.0835,-0.00727,-0.11358,0,-0.06148,0.04007,-0.04872,0.05054,0.03151,0.00068,-0.00573,0.0265,-0.07199,0.00827,0.01109,0.04691,0.00186,-0.05419,0.05922,-0.07431,0.01736,0.18904,-0.07096,-0.06017,-0.03961,0.1803,0.01916,-0.0226,0.03385,-0.00413,-0.03124,0.03491,-0.00537,0.0247,-0.036,-0.01222,-0.04938,-0.06259,-0.03303,0.02798,0.00654,-0.07139,-0.00048,-0.00602,0.01824,-0.02499,-0.00009,-0.07557,0.0163,0.0195,0.02344,0.01497,-0.07904,0.03909,0.0408,0.00492,0.00015,-0.08419,0.02287,0.00971,-0.02545,0.0696,0.02314,0.05686,0.00501,-0.07634,-0.01337,-0.00615,-0.00603,-0.0278,0.06946,-0.00968,0.05534,0.03108,0.05756,0.05249,0.0019,0.04641,0.01264,-0.01044,0.00835,-0.04112,-0.07547,-0.04299,-0.10602,0.04972,0.06329,-0.00912,-0.04136,-0.14124,0.07878,0.01107,-0.10345,-0.02909,-0.02695,-0.00112,0.10477,0.02927,0.03827,0,0.02479,0.0083,-0.01611,-0.02493,-0.0259,-0.0483,0.01618,0.07536,0.00311,-0.01845,-0.04246,0.0387,0.09382,-0.08794,-0.10878,0.01337,-0.02493,-0.06944,0.03937,0.02571,0.02022,-0.01236,0.05903,0.08873,0.02454,-0.00469,-0.01306,0.05338,0.03917,0.04267,-0.01576,-0.05968,-0.0278,-0.00199,-0.01347,-0.05131,-0.02094,0.04111,-0.02745,0.04591,0.01414,0.00097,-0.00469,-0.0027,0.01352,0.03977,0.04996,0.0898,-0.01071,0.04055,-0.03579,0.0031,0.03722,0.01581,-0.03141,0.12454,0.08201,-0.03564,-0.05259,0.01685,0.00333,-0.11371,0.00785,-0.01462,-0.04515,-0.01754,-0.00839,-0.02824,-0.00839,0.09249,0.0973,0.00406,0.00532,-0.01508,-0.04839,-0.04834,0.08795,-0.02522,0.0294,0.02455,-0.04506,0.01668,0.03412,0.09813,-0.08265,0.01236,0.07058,0.08389,0.02988,0.06206,-0.01381,0.00351,0.06416,-0.00494,-0.0296,0,-0.04116,0.01703,0.02906,0.00636,0.03316,-0.06891,0.02182,0.07134,-0.03975,0.06726,-0.10512,0.07059,0.03219,-0.01918,0.07447,-0.05906,0.03815,-0.00073,-0.06901,0.00734,-0.02469,-0.03121,0.00412,-0.01502,-0.03243,-0.0663,-0.06192,-0.01296,-0.03638,-0.01188,0.04455,0.09771,0.02178,0.07166,-0.00362,0.00714,-0.04506,0.09667,-0.04965,-0.03148,0.03688,-0.00716,0.00742,0.02221,-0.06865,0.02161,-0.00035,-0.01909,-0.0246,-0.00096,0.03013,-0.00076,-0.04506,0.03229,0.03005,0.01195,-0.00897,0.05972,0.09168,0.04708,0.0494,0.07407,-0.01549,0.03271],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Types IPoint ISize IRect I Point I Size I Rect","excerpt":"Types IPoint ISize IRect"},{"chunkId":"/docs/f-group-directive#11","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.0225,0.03278,-0.06444,0.10943,0.02593,0.04947,0.00695,0.0191,0.02936,-0.01049,0.05428,-0.00456,-0.08248,0.01671,-0.02112,-0.06162,-0.05602,-0.01106,-0.10391,-0.04448,-0.00684,-0.11019,0.05601,0.01039,0.00188,0.04247,-0.06969,-0.02925,0.05464,-0.08595,-0.06038,0.12852,0.07132,0.04811,-0.03848,0.03205,0.02819,0.05773,-0.05866,-0.00913,-0.00083,-0.00802,0.03741,-0.11161,-0.06184,0.05025,-0.00103,-0.01213,-0.09117,0.11182,0.08775,0.03235,0.00037,0.14531,0.05506,0.00511,0.07901,-0.07429,-0.02102,-0.00952,-0.04801,-0.00089,-0.09311,0.036,-0.04577,0.05914,0.04956,-0.0079,0.00356,0.01415,0.0907,-0.00872,0.05448,0.02946,0.13999,-0.01444,-0.01845,0.0032,0.00652,-0.02819,0.02238,0.06451,-0.00363,0.00567,-0.0261,0.10611,-0.03754,-0.06879,-0.05193,0.04176,-0.10405,0.04289,0.01615,-0.00247,-0.01947,-0.03639,-0.0522,-0.11183,-0.01678,-0.0382,0.06725,0.01436,0.03276,0.07482,-0.01019,-0.0759,-0.02714,0.01521,-0.05877,-0.01993,-0.04121,0.00402,0.05735,-0.00201,-0.10069,-0.08977,0.02748,-0.04294,0.04861,-0.0213,0.08849,0.01619,-0.00852,-0.00302,0.11613,0.03014,-0.10789,0,-0.03175,-0.02773,-0.02701,0.06413,0.04194,-0.03835,0.00242,-0.03225,-0.03656,0.00494,-0.02102,0.02499,-0.03981,-0.02196,-0.03493,-0.10048,0.00835,0.09939,-0.03047,-0.03243,-0.00784,0.11952,-0.00469,-0.05429,0.01569,0.00635,-0.05499,0.06373,-0.02689,0.04051,-0.04669,-0.03919,-0.04011,-0.04001,-0.06264,0.03911,-0.02294,-0.05489,0.01883,0.01395,-0.02318,-0.03603,0.01201,-0.04701,0.00357,0.01584,-0.01741,0.01012,-0.04998,0.06597,0.0564,0.04494,0.0366,-0.05075,0.04753,-0.05501,-0.03324,0.06722,0.00548,0.08485,-0.00682,0.02684,-0.08881,-0.01897,0.03139,0.01909,0.09798,0.01954,0.00645,-0.06618,0.03333,0.01985,0.00619,0.03895,0.05732,-0.01083,0.07233,-0.04588,-0.05822,-0.03554,-0.10692,-0.02496,0.03871,-0.02399,-0.04175,-0.08493,0.06061,-0.02065,-0.09814,-0.06022,-0.02745,-0.01116,0.13631,0.05057,0.0357,0,0.02564,0.01855,0.03205,0.01779,0.02173,-0.02597,-0.00817,0.03285,0.04036,0.02776,-0.05248,0.08827,0.02146,-0.0966,-0.03998,0.02619,-0.0264,-0.08531,0.06898,0.02798,0.0036,-0.00572,0.01234,0.09288,-0.02143,-0.02417,-0.05064,0.02042,0.07158,0.03966,0.03187,-0.07776,-0.0317,0.00411,0.00215,-0.08985,-0.03089,0.0997,-0.01561,0.06863,-0.03452,-0.00185,-0.01128,0.03216,0.00815,0.05703,0.03991,0.01445,-0.03215,0.05565,-0.06153,0.01554,0.02409,0.0366,0.00464,0.11784,0.13391,-0.00254,-0.06776,0.04278,0.0284,-0.08386,-0.03722,-0.06533,-0.02189,-0.00538,-0.02931,0.00061,-0.00177,0.12384,0.06208,-0.00495,0.00126,-0.02873,0.00612,-0.03346,0.07669,0.00839,0.07521,0.04287,-0.04679,0.04611,0.00358,0.05901,-0.08686,-0.03596,0.02145,0.027,0.03281,0.02478,-0.01362,-0.03096,0.09725,-0.01552,-0.0192,0,-0.04738,-0.00746,0.03215,-0.04323,0.04611,-0.05224,-0.03599,0.07089,-0.0211,0.04049,-0.0664,0.09866,0.04189,-0.04046,0.02028,-0.04483,0.0002,0.01325,-0.0605,-0.03622,-0.00646,-0.03031,-0.02247,0.01978,-0.06026,-0.07075,-0.03063,-0.04685,-0.01464,0.00197,-0.03603,0.08048,-0.0166,0.06498,-0.02389,-0.01196,-0.05034,0.04833,-0.04357,-0.00631,0.0511,-0.01981,-0.00283,-0.01472,-0.07578,0.01801,0,-0.00838,-0.06255,0.02746,0.03035,0.02632,-0.06929,0.08457,0.0017,0.00549,-0.04012,0.03377,0.11762,-0.00607,-0.00403,0.10956,-0.00829,0.00788],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Styling - .f-component Base class for flow primitives. - .f-group Group host class. - .f-group-dragging-disabled Applied when fGroupDraggingDisabled = true. - .f-group-selection-disabled Applied when fGroupSelectionDisabled = true. - .f-selected Applied when the group is selected. f Group Dragging Disabled f Group Selection Disabled","excerpt":"Styling - .f-component Base class for flow primitives. - .f-group Group host class. - .f-group-dragging-disabled Applied when fGroupDraggingDisabled = true. - .f-group-selection-disabled Applied when fGroupSelectionDisabled = true. - .f-selected Applied when the group is selected."},{"chunkId":"/docs/f-group-directive#12","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.00779,0.01534,-0.00617,0.06716,0.06483,0.00169,-0.02151,-0.01051,0.01127,-0.02438,0.01782,0.04962,-0.05317,-0.01402,-0.00478,-0.01932,0.00546,0.02329,-0.0672,-0.04558,-0.03057,-0.11065,0.08293,0.0083,-0.06087,0.09092,0.02595,-0.03811,0.06139,-0.1025,-0.03623,0.06227,0.08178,0.01365,-0.08953,0.10145,0.02023,0.02837,-0.0502,-0.00515,-0.04676,0.00898,0.01521,-0.04958,-0.00813,0.04529,-0.04283,0.01075,-0.11047,0.07206,0.06704,-0.02857,0.06208,0.1398,0.00925,0.03252,0.00234,-0.02165,0.03244,-0.00163,0.01038,0.05274,-0.06317,0.00954,-0.02626,0.06837,0.03602,-0.02379,-0.00765,0.05929,0.10506,-0.00059,0.07606,0.06051,0.10129,-0.01833,-0.03652,-0.01629,0.04001,-0.06098,-0.01831,0.06148,-0.02229,-0.0184,0.02015,0.08264,-0.01883,-0.05661,-0.08185,0.05405,-0.04591,-0.00519,0.00494,0.00304,-0.02347,-0.03727,0.00315,-0.11264,-0.03867,-0.04808,0.07328,0.02239,-0.00324,0.07535,-0.02547,-0.09225,-0.02695,0.04711,-0.0459,0.0238,-0.03206,0.00487,-0.00937,0.02731,-0.13553,-0.11739,0.04664,-0.0285,0.07244,-0.03757,0.08449,0.02665,-0.01113,0.00363,0.11592,-0.02139,-0.11401,0,-0.04176,-0.00156,-0.06934,0.08177,0.04235,-0.02553,-0.03858,-0.02476,-0.05566,0.03784,0.00071,0.02017,-0.03052,-0.04181,0.05481,-0.09028,-0.0162,0.07524,-0.00184,-0.02917,-0.06707,0.11823,-0.004,-0.02931,-0.01208,0.00025,-0.06212,0.0468,-0.03423,0.01984,-0.08173,-0.02512,-0.06008,-0.00868,-0.05107,0.08273,0.00214,-0.10057,0.01565,0.03779,-0.01936,-0.04611,0.04104,-0.03649,0.05465,0.0256,0.02431,0.0156,-0.10714,0.06402,0.03807,0.04638,0.02248,-0.0887,0.02154,-0.04865,-0.03526,0.05431,0.01845,0.06911,0.06595,-0.06385,-0.04276,-0.02711,-0.0043,-0.01792,0.04315,0.06726,0.03087,-0.03351,0.05592,0.03931,0.04277,0.04862,0.00945,-0.00652,0.03542,-0.06236,-0.0614,-0.03438,-0.04159,0.0339,0.03021,0.01081,-0.00264,-0.06858,0.05815,0.01924,-0.06842,0.01281,-0.04094,-0.05333,0.14406,0.04797,0.05851,0,0.02722,0.00901,0.04113,-0.01805,-0.03136,-0.02386,-0.04009,0.0426,0.04043,-0.02773,-0.02675,0.06634,0.02779,-0.08158,-0.1,0.02009,-0.00163,-0.05057,0.09201,0.01501,0.03691,-0.03181,-0.01079,0.13268,0.05403,-0.01688,-0.05719,0.05681,0.02586,0.0527,0.0337,-0.07994,0.02904,0.02221,0.01687,-0.07436,-0.10629,0.11734,0.01036,0.04794,-0.04616,-0.0435,0.00879,0.02991,0.01939,0.05572,0.01676,0.0891,-0.0869,0.04428,-0.02945,0.03278,0.00611,-0.01764,-0.01477,0.10854,0.01359,0.00943,-0.00503,0.05477,-0.00924,-0.021,-0.03833,-0.01507,-0.04643,-0.04111,-0.09299,-0.00819,0.01742,0.08898,0.007,-0.01565,-0.03105,-0.00644,-0.02075,-0.10664,0.12104,-0.02606,0.04563,0.04994,-0.0176,0.00871,-0.0232,0.02826,-0.12995,0.04087,0.01198,0.01573,0.00895,0.01985,0.0191,0.00134,0.05512,-0.07447,-0.04084,0,-0.03806,0.02585,0.04897,-0.01863,0.0553,-0.03911,-0.01655,0.04616,-0.01467,0.03059,-0.09625,0.08834,0.03552,-0.02545,-0.02777,-0.03282,-0.01983,0.01092,-0.05319,-0.01115,-0.03372,-0.0309,-0.01897,0.02993,-0.02308,-0.09418,-0.0598,-0.03403,-0.03783,-0.00581,-0.0313,0.08085,-0.00825,0.06203,-0.02349,-0.03501,-0.06646,0.04603,-0.01307,-0.03196,0.05146,-0.03127,0.04207,0.00603,-0.11288,-0.01441,0.02969,-0.00456,0.01026,0.00049,0.06854,-0.04605,-0.02763,0.02631,0.04155,0.01535,-0.04868,0.07449,0.12301,-0.00707,-0.00929,0.09062,-0.01092,0.00671],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Notes and pitfalls - Groups don’t “contain” children by DOM nesting — hierarchy is controlled by fNodeParentId / fGroupParentId. - If you want strict bounded movement for children, ensure the parent id is set correctly and keep fIncludePadding in mind. - Auto-size/auto-expand features can change group bounds during child movement — handle fGroupSizeChange if you persist layout. - For consistent UX, style selected groups clearly (for example a stronger border or background). f Node Parent Id f Group Parent Id f Include Padding f Group Size Change","excerpt":"Notes and pitfalls - Groups don’t “contain” children by DOM nesting — hierarchy is controlled by fNodeParentId / fGroupParentId. - If you want strict bounded movement for children, ensure the parent id is set correctly and keep fIncludePadding in mind. - Auto-size/auto-expand features can change group bounds during child movement — handle fGroupSizeChange if you persist layout. - For consistent UX, style selected groups clearly (for example a stronger border or background)."},{"chunkId":"/docs/f-group-directive#13","slug":"f-group-directive","route":"/docs/f-group-directive","section":"docs","title":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors","description":"Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options.","group":"Nodes","vector":[-0.05798,0.04811,-0.06364,0.07331,0.0508,0.07508,-0.04822,0.03219,0.01595,0.02922,0.00102,-0.01466,-0.03992,0.04086,0.01677,-0.03035,-0.08308,0.03928,-0.06986,-0.10952,0.00602,-0.05458,0.07401,0.01214,-0.01458,0.05153,-0.07883,-0.02517,0.06614,-0.04771,0.0027,0.07679,0.08369,0.05689,-0.03576,0.08295,0.00524,0.06699,-0.01992,-0.03057,0.0695,0.06516,0.03116,-0.13381,-0.0086,0.02496,-0.08226,0.03557,-0.11711,0.03486,0.03461,-0.04081,-0.03149,0.14505,0.03224,-0.00867,-0.0129,-0.10724,0.01314,0.00731,-0.05196,-0.03416,-0.05269,0.00702,0.03294,0.05875,-0.02771,0.0266,-0.0597,0.07962,0.0823,-0.01013,0.02187,0.03843,0.08459,-0.01509,-0.07697,0.02969,-0.00608,-0.04172,0.00466,0.0516,-0.03269,-0.00033,-0.04019,0.07687,0.01381,-0.07043,-0.0476,-0.0083,-0.08172,0.04711,-0.01808,0.03847,-0.00407,-0.02141,-0.06069,-0.05783,-0.02009,0.00456,0.03274,-0.02781,0.06151,0.05449,-0.01691,-0.03337,-0.03275,0.08336,-0.03281,0.00966,-0.04319,0.03732,0.01597,-0.02787,-0.07307,-0.1102,0.05517,-0.05082,0.04284,0.03592,0.12171,-0.00156,-0.02757,-0.00432,0.11674,0.04253,-0.03492,0,-0.04646,0.00932,-0.02385,0.06103,0.05881,-0.02164,-0.03141,-0.06132,-0.04465,0.06831,-0.07499,0.0506,-0.03793,-0.05616,-0.02493,-0.11715,0.03174,0.09846,-0.04427,-0.04602,0.01333,0.07193,-0.02042,0.00636,0.05905,-0.0381,-0.04678,0.03548,-0.07668,-0.00276,0.02516,0.01454,0.00836,-0.04931,-0.03328,0.0022,0.06164,-0.05471,-0.0285,-0.03526,0.04598,-0.04278,-0.02564,0.02271,-0.01811,-0.01569,-0.00683,-0.02192,0.01266,0.06752,0.03488,0.04959,0.0243,-0.04423,0.06399,-0.01506,-0.01561,0.0597,0.0329,0.10448,0.0021,-0.02166,-0.04317,-0.01972,0.04806,-0.02704,0.0745,0.025,0.05958,-0.05979,0.00579,0.06887,-0.01878,0.05086,0.00396,-0.02198,0.03451,0.02951,-0.03756,-0.01477,-0.06391,-0.04364,-0.00231,0.04588,-0.00489,-0.11766,0.02995,-0.02822,-0.08925,-0.09956,0.00474,-0.01743,0.08325,0.01527,0.03746,0,0.05946,0.04261,0.0017,0.05113,0.00097,-0.06602,0.03752,0.06262,0.04986,0.09023,-0.02044,0.05868,0.04119,-0.11067,-0.0035,-0.00662,-0.0091,-0.11288,0.14866,0.00514,0.02775,0.03481,-0.01627,0.07312,0.00534,0.02675,-0.02538,0.04299,0.02231,0.04418,-0.00543,-0.08993,-0.02658,0.03925,-0.03694,-0.08805,-0.02109,0.12399,0.01228,0.03045,0.04806,0.05143,-0.05792,-0.00514,-0.00811,0.00925,0.10819,0.01759,-0.05122,-0.00492,-0.04874,0.01228,0.00073,0.04036,-0.0141,0.03139,0.09974,-0.02173,-0.08793,-0.00121,0.0426,-0.05895,-0.05385,-0.05651,0.00383,-0.00838,-0.1097,-0.06269,0.04859,0.08296,0.00254,-0.01349,0.0184,-0.00867,-0.0071,-0.01635,0.05115,0.02724,0.08623,0.01743,-0.09732,0.0661,-0.00786,0.0865,-0.05018,0.01139,-0.03754,0.03181,0.07168,0.07999,-0.05059,-0.04408,0.07055,-0.04826,-0.00792,0,-0.08345,-0.00376,-0.00982,-0.00745,0.05994,-0.0927,-0.01114,0.0376,-0.01232,0.05316,-0.05608,0.06881,0.03034,-0.07548,0.0157,-0.03992,-0.0284,0.00153,-0.06505,0.01286,-0.03086,0.00614,-0.02245,0.04425,-0.02013,-0.10363,-0.05751,0.00816,-0.03385,-0.01729,-0.0151,0.031,-0.02791,0.05001,-0.0217,-0.05137,-0.11651,0.05993,-0.01582,-0.00699,0.02384,-0.04765,0.02864,-0.00597,-0.07661,0.03964,-0.0487,-0.02103,0.00858,-0.02672,0.02818,-0.01456,-0.10353,0.04749,0.03315,-0.02485,0.01697,0.0497,0.09425,-0.02103,0.00663,0.06763,0.01023,-0.04351],"keywords":"FGroupDirective - Grouping, Parenting and Auto-Size Behaviors FGroupDirective - Grouping, Parenting and Auto-Size Behaviors Reference for `fGroup` parent-child hierarchy, group transforms, and auto-size/auto-expand options. Example ::: ng-component <grouping</grouping [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.scss :::","excerpt":"Example ::: ng-component <grouping</grouping [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.scss :::"},{"chunkId":"/docs/f-resize-handle-directive#0","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.01484,0.05979,-0.01459,0.09328,0.01843,-0.00776,0.05609,0.03976,-0.03886,0.02629,-0.03887,0.01531,-0.06034,0.009,0.00868,-0.04175,-0.03267,0.09147,-0.04499,0.00766,0.01649,-0.10996,0.04197,-0.04588,-0.04595,-0.02217,-0.09401,-0.03475,0.04568,-0.09045,-0.04187,0.11008,-0.07145,0.03372,-0.08877,0.0854,0.02593,-0.02363,-0.12076,-0.01925,0.02572,0.08823,0.06404,-0.03669,0.00081,0.02205,-0.07013,0.07998,-0.07658,0.02987,0.04067,-0.08063,0.01863,0.0463,0.03871,-0.0115,0.03031,-0.05003,0.05158,0.07709,-0.04018,-0.018,0.00709,0.01764,-0.04265,0.03463,0.00473,-0.05761,-0.02962,-0.02447,0.05638,-0.0163,-0.01515,-0.03051,0.11635,-0.00218,-0.06964,0.09421,-0.04005,-0.02524,-0.00595,0.04873,0.00376,0.02786,0.05871,0.10267,-0.04651,-0.07472,-0.00082,0.09804,-0.07733,0.07096,-0.11031,0.01738,-0.11334,-0.07818,-0.06918,-0.03883,-0.13957,0.01594,0.06101,-0.00136,0.0427,0.05099,0.01808,-0.03045,-0.04952,-0.01922,-0.09653,-0.00558,-0.01521,-0.00093,0.02041,0.02376,-0.02349,-0.07347,0.0089,-0.0779,0.10719,-0.04624,0.02442,0.07603,-0.04981,-0.05064,0.05497,0.00933,-0.03901,0,-0.04509,-0.00206,-0.0421,0.01287,0.097,-0.00237,-0.01779,0.00885,-0.09046,-0.05109,0.04119,0.00597,-0.03498,-0.0018,0.09318,-0.12496,-0.01071,0.11178,-0.04247,-0.05834,-0.01188,0.02348,0.01045,-0.03109,-0.00505,-0.02444,-0.05044,0.05498,-0.00737,0.00598,-0.02616,-0.0161,0.01948,-0.01112,-0.11632,-0.00352,-0.02367,-0.06027,-0.07936,-0.02176,0.00799,0.03023,-0.00812,-0.05151,-0.02868,-0.02936,-0.01441,0.05847,0.00448,-0.02898,0.02896,0.06924,0.06327,-0.05314,0.01727,-0.08457,0.00699,0.09652,-0.00345,0.01461,-0.0219,0.02831,-0.05441,0.01625,0.00896,0.04153,0.04606,0.01976,-0.02503,-0.0381,-0.00469,0.06159,0.07863,0.08822,0.02651,-0.02504,-0.01879,-0.01766,-0.02603,-0.00923,0.00546,0.00797,0.06537,0.01585,-0.02468,-0.15723,0.05076,-0.01043,-0.01951,-0.0025,-0.00305,-0.02945,0.09513,-0.00048,0.02432,0,-0.03939,0.0577,0.00774,0.03185,-0.00025,-0.03312,-0.02369,0.02114,0.0273,-0.08715,-0.05387,-0.01915,0.0167,-0.02355,-0.0424,-0.04684,-0.07119,-0.05233,0.00296,-0.02026,0.00375,-0.00023,0.01725,0.09291,0.03367,-0.02235,0.00619,0.05233,-0.03584,-0.02367,-0.01084,-0.06929,-0.02577,0.03752,0.01995,-0.12919,-0.04922,0.0896,0.07936,0.11143,0.06935,0.03131,-0.00993,0.01695,0.0166,0.05688,-0.00013,-0.02735,-0.03104,0.01208,-0.05836,0.04093,-0.00706,-0.01762,-0.01598,0.03049,0.12168,-0.03199,0.01122,-0.04931,0.06555,-0.1346,-0.03719,-0.01733,0.07466,0.0066,0.0074,-0.053,0.01583,0.08417,0.10342,0.03391,0.02526,-0.00145,0.03773,0.01048,0.11785,-0.04919,0.01775,0.05839,-0.03362,0.03698,0.02878,0.03507,0.06724,0.04924,-0.07501,0.07063,0.02356,0.0949,-0.02528,-0.00473,0.0375,-0.01117,0.0058,0,-0.08282,0.02674,-0.03025,0.03045,-0.00847,0.02063,0.05456,-0.00349,-0.05486,0.0213,-0.04094,0.04882,0.06096,-0.00404,0.07679,-0.06863,-0.00071,0.0489,-0.05527,-0.03503,-0.03301,-0.0079,0.00499,0.11597,-0.06391,-0.07535,-0.08957,0.04868,-0.02192,-0.00159,-0.04718,0.02044,0.07149,0.09376,-0.07341,0.01557,-0.08316,0.0724,-0.02125,0.05786,0.02123,0.00187,-0.03568,-0.01379,-0.02614,0.01302,0.04245,0.03146,-0.0157,0.0707,0.05461,-0.00125,-0.00196,0.03486,0.046,-0.00045,-0.02469,0.03752,-0.01947,0.00771,-0.02576,0.041,0.02498,0.03152],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Resize Handle Selector: [fResizeHandle] Class: FResizeHandleDirective FResizeHandleDirective marks an element as a resize handle for a fNode or fGroup. It works only when fDraggable is enabled on the parent f-flow. Resize handles let users change node/group size directly on the canvas - similar to design tools. f Resize Handle F Resize Handle Directive f Node f Group f Draggable","excerpt":"Resize Handle Selector: [fResizeHandle] Class: FResizeHandleDirective FResizeHandleDirective marks an element as a resize handle for a fNode or fGroup. It works only when fDraggable is enabled on the parent f-flow. Resize handles let users change node/group size directly on the canvas - similar to design tools."},{"chunkId":"/docs/f-resize-handle-directive#1","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.04746,0.01373,-0.01331,0.07603,-0.01514,0.00644,0.02147,0.0515,-0.08305,0.03913,0.00734,0.01558,-0.02913,-0.00401,-0.0123,-0.02397,-0.04619,0.08352,-0.08147,0.01045,0.01213,-0.05432,0.01578,-0.04238,-0.06049,-0.02367,-0.11005,-0.01272,0.04517,-0.07966,-0.0393,0.09705,-0.06499,0.01799,-0.06365,0.06902,0.02803,-0.05735,-0.11711,-0.01486,0.03584,0.07374,0.06634,0.00638,-0.02106,0.0126,-0.09924,0.06518,-0.045,-0.03927,0.01965,-0.09337,0.00971,0.01949,0.02379,-0.00719,-0.01236,-0.03433,0.0442,0.07134,0.00827,-0.02557,0.03159,0.00136,-0.07439,0.01874,0.03181,-0.0633,-0.02773,-0.0314,0.00195,-0.04774,-0.06495,0.01512,0.11164,0.05455,-0.05556,0.06662,-0.03563,-0.03971,-0.01155,0.04205,-0.0005,0.01639,0.06384,0.08642,-0.02871,-0.04856,0.03296,0.07899,-0.04385,0.03488,-0.13788,0.01369,-0.13999,-0.06721,-0.08014,-0.0302,-0.13897,0.034,0.05867,0.008,0.03952,0.05883,-0.00236,-0.03672,-0.06497,0.00744,-0.07712,-0.01495,0.01539,0.00851,-0.02333,-0.0007,-0.01662,-0.0508,0.01756,-0.07241,0.11815,-0.04451,0.02049,0.03516,-0.0561,-0.03013,0.03212,0.02985,-0.03847,0,-0.06046,0.02173,-0.02967,0.01616,0.07725,-0.02294,-0.06352,0.02234,-0.06984,-0.06127,0.05469,0.05011,-0.00468,0.00509,0.09271,-0.12181,-0.00757,0.15169,-0.05001,-0.08115,-0.01901,0.03481,0.0418,-0.00514,0.01411,-0.06869,-0.02235,0.03288,0.01581,-0.01362,-0.0005,-0.0252,-0.01613,-0.00545,-0.07129,-0.00645,0.00148,-0.06482,-0.05927,-0.03217,0.02497,0.04256,-0.00284,-0.05014,-0.02352,0.00082,0.02082,0.05417,0.02495,-0.08349,0.03703,0.04963,0.0778,-0.02142,0.02202,-0.05211,0.0302,0.10546,0.03374,0.00383,-0.04807,-0.00427,-0.00258,0.02389,0.01802,0.01117,-0.00534,-0.0137,0.01088,0.0181,0.03531,0.04454,0.10247,0.12389,-0.00974,-0.03067,-0.02364,-0.0201,-0.03582,0.03351,-0.00007,0.06207,0.05518,0.01741,-0.02153,-0.18427,0.02895,0.00628,0.01844,0.00147,-0.03367,-0.00653,0.06847,0.00167,-0.01344,0,-0.05546,0.05658,-0.01751,0.01561,-0.00542,-0.00515,-0.02995,0.05275,0.01617,-0.12364,-0.01542,-0.04392,0.04124,-0.02006,-0.05433,-0.07834,-0.06372,-0.03476,-0.0002,0.00599,0.02283,-0.03576,0.04227,0.09577,0.06679,-0.04066,0.02383,0.05891,-0.09134,-0.02082,-0.00883,-0.07465,-0.01172,0.04671,-0.01469,-0.11412,-0.05432,0.06441,0.0919,0.10432,0.08092,0.01849,-0.00966,0.00765,0.01204,0.0155,0.01131,-0.03762,-0.0135,0.00304,-0.022,0.0504,-0.01024,-0.03203,-0.02303,0.00902,0.10978,-0.05677,0.02734,-0.0502,0.04752,-0.13164,-0.01779,-0.01211,0.05848,-0.00323,0.05093,-0.08815,-0.03473,0.0444,0.06198,0.05464,0.01924,0.00085,0.03755,-0.00356,0.0994,-0.06086,0.00677,0.0411,-0.04667,-0.0095,0.02587,0.05019,0.05107,0.06028,-0.03976,0.10597,0.02547,0.10335,-0.02888,-0.01614,0.03606,0.04973,-0.00374,0,-0.05372,0.04134,-0.02113,0.07304,-0.01852,0.02589,0.08159,-0.00476,-0.03855,0.05067,-0.03218,0.01782,0.02042,0.03591,0.07457,-0.07657,-0.01776,0.04435,-0.04666,-0.01984,-0.00609,-0.00002,0.0557,0.09253,-0.01236,-0.05819,-0.08399,0.0865,-0.03258,-0.01242,-0.02788,0.01643,0.0598,0.07339,-0.07153,0.03038,-0.08921,0.11405,-0.01429,0.07129,-0.00527,0.01986,-0.05462,0.00013,0.01551,0.03553,0.02336,0.08343,0.02848,0.0473,0.06986,-0.0195,0.00556,0.00464,0.01112,0.03594,-0.02373,0.0297,-0.02424,0.0096,-0.0348,0.00014,-0.02962,0.03858],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-resize-handle-directive#2","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.04472,0.03,-0.02093,0.09421,-0.02249,-0.00064,0.01687,0.05927,-0.05508,0.0147,-0.03987,0.02603,-0.04963,0.0056,-0.01611,-0.04299,-0.05955,0.09019,-0.07266,0.00849,0.01738,-0.07978,-0.00271,-0.04007,-0.07621,-0.006,-0.08397,-0.02454,0.0634,-0.0884,-0.00988,0.10282,-0.08187,0.02974,-0.07628,0.0788,0.01115,-0.01949,-0.08189,-0.0177,0.03761,0.11043,0.0722,0.00998,0.01017,-0.02084,-0.08887,0.06431,-0.02724,-0.04545,0.05017,-0.10336,0.01407,0.02495,-0.01478,-0.03728,-0.0189,-0.05865,0.02675,0.0912,-0.003,-0.01156,0.05976,-0.00402,-0.06711,0.02343,0.00985,-0.0642,-0.06249,-0.0184,0.00946,-0.03754,-0.07097,-0.0103,0.10169,-0.00864,-0.04492,0.05025,-0.05738,-0.01039,-0.01507,0.03543,-0.01568,0.03791,0.04262,0.0915,-0.02823,-0.04078,0.01354,0.07529,-0.05952,0.051,-0.11954,0.01164,-0.14106,-0.05133,-0.05301,-0.03535,-0.15193,0.03672,0.06776,-0.01022,0.04387,0.03379,0.00425,-0.00949,-0.07098,-0.02089,-0.09556,-0.03448,0.01647,0.01697,-0.04484,-0.00171,0.00187,-0.09285,0.0143,-0.08269,0.11392,-0.03462,0.02232,0.0618,-0.03517,-0.02336,0.06239,0.0314,-0.0335,0,-0.06068,0.03263,-0.02515,0.02768,0.08365,-0.00581,-0.04025,0.01611,-0.08244,-0.03633,0.06074,0.03238,-0.01141,-0.0005,0.09475,-0.1115,-0.00353,0.13465,-0.06064,-0.06897,-0.04755,0.01177,0.0208,0.00912,0.00364,-0.05426,-0.02374,0.05591,0.00426,-0.03396,0.00414,-0.01004,-0.01713,0.00694,-0.05203,0.0073,0.00796,-0.04272,-0.05287,-0.02791,0.01901,0.05481,0.00104,-0.03502,-0.00924,0.0191,0.04611,0.05796,-0.00719,-0.0651,0.03634,0.05083,0.08818,-0.00031,0.02154,-0.05086,0.03945,0.07935,0.04825,0.02474,-0.0359,-0.03289,-0.04269,0.02075,-0.01666,0.02509,-0.00009,0.01724,0.01,0.0074,-0.00759,0.06834,0.11558,0.12002,-0.01619,-0.01067,-0.03306,-0.01075,-0.02068,0.04595,0.00225,0.03382,0.06493,0.00312,0.00128,-0.17177,0.01296,0.01712,0.03506,-0.01353,-0.06228,-0.01809,0.09263,-0.01103,-0.01271,0,-0.0661,0.04688,-0.02116,-0.01367,-0.00749,-0.01992,-0.04314,0.03385,-0.00581,-0.12277,-0.03555,-0.01509,0.07741,-0.01162,-0.07026,-0.06679,-0.05104,-0.01505,0.01329,-0.02697,-0.00288,-0.04212,0.05173,0.08685,0.04151,-0.01092,0.03044,0.04208,-0.05368,-0.00162,0.00597,-0.09379,0.01811,0.05431,-0.01395,-0.12196,-0.0466,0.05907,0.11343,0.10052,0.05561,-0.01792,0.00965,0.02978,-0.00159,0.02568,-0.0216,-0.01517,-0.04263,0.01523,-0.05964,0.04287,-0.03767,-0.01733,-0.00851,-0.02856,0.07911,-0.04172,0.09271,-0.046,0.05386,-0.13061,-0.03104,-0.01535,0.03855,-0.01329,0.01007,-0.11607,-0.03205,0.07943,0.07332,0.06792,-0.01805,-0.01746,0.04795,-0.00754,0.10558,-0.08075,0.0434,0.05853,-0.05466,-0.00021,0.02176,0.02818,0.05056,0.04338,-0.03739,0.10161,0.02093,0.1027,-0.03003,0.00626,0.04291,0.02055,0.00342,0,-0.06086,0.02522,-0.00108,0.03039,-0.04106,0.02256,0.07991,-0.00563,-0.04161,0.02787,-0.01974,0.01693,0.01145,0.04202,0.08857,-0.04599,-0.01171,0.03237,-0.03305,-0.02326,-0.00397,0.00082,0.04389,0.0784,-0.01631,-0.06185,-0.08782,0.08636,-0.03667,-0.00736,-0.02324,0.01065,0.04251,0.05927,-0.02817,0.00652,-0.10276,0.0965,0.00618,0.06978,0.00394,0.0056,-0.04074,0.00334,0.01296,0.04803,0.01926,0.04793,0.03843,0.06581,0.08161,-0.03371,0.00007,0.01498,0.01291,0.01721,-0.01434,0.03335,-0.01485,0.00953,-0.04524,0.02344,0.00285,0.04712],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Add a resize handle to a node Attach fResizeHandle to an element inside a node (or group) and specify the handle type. Tip: In real UIs you usually render 8 handles (corners + sides) for the best UX. f Resize Handle U Is","excerpt":"Add a resize handle to a node Attach fResizeHandle to an element inside a node (or group) and specify the handle type. Tip: In real UIs you usually render 8 handles (corners + sides) for the best UX."},{"chunkId":"/docs/f-resize-handle-directive#3","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[-0.00074,-0.01276,0.00032,0.11699,0.04401,0.02232,0.02586,0.03094,-0.0119,-0.01023,0.01571,-0.01031,-0.03869,-0.01006,-0.02168,-0.00227,0.014,0.05464,-0.12288,-0.0341,-0.00404,-0.08862,-0.02022,0.01646,-0.00601,0.01386,-0.05945,-0.02539,0.08963,-0.0971,-0.01751,0.12565,-0.07061,0.02073,-0.0964,0.03972,0.04409,-0.04617,-0.13778,-0.02631,0.0266,0.01679,0.04054,-0.01283,-0.03655,0.03363,-0.02348,0.06203,-0.08647,0.03349,0.01543,0.00375,0.04249,0.08263,0.02136,0.01638,0.05244,-0.02499,-0.00444,0.0229,-0.06795,-0.0226,0.00172,0.02918,-0.06748,0.03377,0.01598,-0.04357,0.02085,-0.05716,0.07162,-0.02226,-0.03039,-0.06909,0.12124,-0.04103,-0.06766,0.07496,-0.01337,0.01201,0.07731,0.00247,-0.03374,0.00948,-0.0033,0.04677,-0.02691,-0.07032,0.01694,0.07167,-0.00996,0.07704,-0.10766,-0.02745,-0.01503,-0.08035,-0.09607,-0.06421,-0.08796,0.02986,0.04499,0.04593,0.02805,0.09478,-0.00263,-0.06543,-0.04268,-0.00359,-0.06856,0.06569,0.05711,-0.01188,0.05386,0.04249,0.00088,-0.0497,-0.02828,-0.07389,0.0321,-0.04627,0.0005,0.06461,-0.02785,-0.032,0.05068,0.04139,-0.06246,0,-0.05798,-0.01615,-0.02788,0.03888,0.02105,0.01043,-0.00408,0.01969,-0.01736,-0.04275,-0.00262,0.08791,-0.0337,-0.00472,0.0227,-0.13213,-0.00468,0.13421,-0.07969,-0.03226,0.04004,0.04994,-0.0162,-0.03729,0.00529,-0.03564,-0.05167,0.07196,-0.0498,0.0006,-0.05064,-0.00869,-0.00936,-0.02361,-0.07142,0.02391,-0.04011,-0.05692,-0.01112,-0.02065,0.01214,0.05566,-0.02766,-0.03393,-0.0589,-0.05899,0.01942,0.00887,-0.03751,-0.01958,0.06437,0.04492,0.05009,-0.01954,0.02227,-0.08125,0.01643,0.06199,-0.01586,0.0283,-0.03944,0.00839,-0.06411,-0.00868,0.06553,0.07588,-0.04475,0.02174,0.03935,-0.0014,0.00301,0.08255,0.04926,0.08585,0.04827,-0.0462,-0.00801,-0.03966,-0.05511,-0.03227,0.01244,0.0145,0.04241,0.02376,0.02346,-0.13664,0.00794,-0.06785,-0.07546,0.01788,0.01634,-0.03929,0.12484,0.05751,0.03664,0,-0.03109,0.02758,0.00144,0.01588,0.0033,-0.01222,-0.02593,0.08911,0.05754,-0.14358,-0.06412,0.0114,0.02858,0.01178,0.01327,-0.02415,-0.02703,-0.11457,0.023,-0.00188,0.01206,-0.04345,-0.00135,0.08771,-0.01155,-0.03677,0.00958,0.02187,0.01964,-0.01697,0.01351,-0.08018,-0.06369,-0.00789,0.00088,-0.09791,-0.06208,0.09139,0.0957,0.11067,0.01904,0.03067,-0.05327,0.03278,0.06579,0.07454,-0.04878,-0.03833,-0.04295,-0.04748,-0.02236,0.09277,-0.0616,0.02178,-0.01356,0.04781,0.11968,-0.01783,-0.05399,-0.05181,0.02199,-0.10411,-0.06384,-0.05637,0.03072,0.03945,0.06252,-0.05884,0.02852,0.05537,0.06985,0.04371,-0.00829,-0.01144,0.04168,-0.01724,0.05891,-0.10299,0.04669,0.05334,-0.08061,0.04272,0.05165,0.01731,0.03164,0.05917,-0.0585,0.05754,0.05443,0.111,-0.01818,-0.02873,-0.0245,0.00384,-0.02859,0,-0.07979,0.00254,-0.03535,0.07646,-0.01214,0.02359,0.04484,0.01828,-0.0103,-0.00009,-0.0132,0.05764,0.02228,-0.01283,0.11451,-0.00643,0.00768,-0.01257,-0.04384,-0.04252,0.02922,-0.0134,-0.0233,0.08112,-0.04343,-0.08253,0.00315,0.09491,-0.04316,-0.00343,-0.00017,0.02207,0.04693,0.08916,-0.05021,0.01504,-0.02503,0.08941,0.02328,0.00951,0.0169,0.05827,-0.08229,-0.02828,-0.04812,0.04357,0.05394,-0.00295,-0.00727,0.04356,0.04109,0.04387,-0.04477,0.11923,0.06445,-0.03382,-0.08044,0.01528,0.04203,-0.00409,-0.0204,0.00585,-0.02929,0.01194],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. How it works - On pointer down, the drag pipeline detects fResizeHandle on the hit element. - fResizeHandleType defines the resize direction (left/right/top/bottom and corners). - During resize, the library updates the element internally for smooth interaction. - Your app typically persists the final result using: - fNodeSizeChange from fNode - fGroupSizeChange from fGroup This keeps your data model as the source of truth while interactions stay responsive. The optional Managed Flow State plugin does not capture user resize in v1, so this final-output persistence step still applies when managed state is enabled. f Resize Handle f Resize Handle Type f Node Size Change f Node f Group Size Change f Group","excerpt":"How it works - On pointer down, the drag pipeline detects fResizeHandle on the hit element. - fResizeHandleType defines the resize direction (left/right/top/bottom and corners). - During resize, the library updates the element internally for smooth interaction. - Your app typically persists the final result using: - fNodeSizeChange from fNode - fGroupSizeChange from fGroup This keeps your data model as the source of truth while interactions stay responsive. The optional Managed Flow State plugin does not capture user resize in v1, so this final-output persistence step still applies when managed state is enabled."},{"chunkId":"/docs/f-resize-handle-directive#4","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.03396,0.02318,-0.02008,0.07468,-0.01276,-0.01026,0.01126,0.04365,-0.07034,0.03155,0.00406,0.01263,-0.0247,-0.00248,0.00672,-0.01674,-0.05197,0.08983,-0.07638,0.00207,0.01736,-0.04202,0.00058,-0.03634,-0.05802,-0.02823,-0.11382,-0.02415,0.04443,-0.07812,-0.04498,0.10111,-0.07802,0.02543,-0.05766,0.08241,0.02844,-0.0619,-0.09639,-0.00267,0.039,0.08632,0.04621,-0.00327,-0.02946,0.01182,-0.09801,0.06084,-0.06303,-0.02491,0.01591,-0.08237,0.01187,0.02372,0.02969,-0.02613,-0.02067,-0.02185,0.02928,0.07711,0.02028,-0.03153,0.02486,0.00919,-0.0741,0.01834,0.02645,-0.06819,-0.01877,-0.04305,-0.0051,-0.04757,-0.06089,0.02024,0.11427,0.04312,-0.04763,0.06224,-0.04231,-0.04525,-0.01769,0.03508,-0.0066,0.03334,0.05899,0.0963,-0.03275,-0.03699,0.03347,0.07568,-0.05567,0.01921,-0.12951,0.01297,-0.13208,-0.06413,-0.07838,-0.03891,-0.14805,0.04538,0.04933,0.01506,0.02967,0.04867,0.00343,-0.03892,-0.07332,-0.0054,-0.07157,-0.01071,0.01557,0.01686,-0.02049,0.00208,-0.01782,-0.05016,0.02316,-0.07489,0.12659,-0.04447,0.03159,0.02853,-0.04424,-0.0191,0.03449,0.03114,-0.02288,0,-0.06571,0.00706,-0.01128,0.0173,0.08348,-0.01861,-0.05291,0.02317,-0.07741,-0.07308,0.05882,0.05911,0.00701,0.00363,0.10027,-0.11183,-0.00497,0.16478,-0.04592,-0.07268,-0.03114,0.03564,0.03531,-0.0059,0.00359,-0.06632,-0.02882,0.03,0.01076,-0.00984,-0.00388,-0.02296,-0.01425,0.00594,-0.06808,-0.00318,-0.0161,-0.06427,-0.06334,-0.03815,0.02045,0.05237,-0.01315,-0.04823,-0.02969,0.00233,0.00708,0.05465,0.0174,-0.08723,0.03235,0.06573,0.08637,-0.02946,0.0342,-0.0693,0.03579,0.10155,0.03244,0.00684,-0.04032,-0.00479,-0.00033,0.0264,0.02394,0.01073,0.00715,0.00042,0.01102,0.01806,0.0382,0.06396,0.09188,0.12492,-0.01885,-0.04373,-0.00681,-0.01579,-0.02309,0.02571,0.01805,0.04954,0.05427,0.01478,-0.03893,-0.16951,0.03727,0.00312,0.01646,0.00221,-0.05173,-0.00417,0.06388,0.00515,-0.01907,0,-0.05827,0.04225,-0.01986,0.01128,-0.00978,-0.01673,-0.0286,0.06039,0.01817,-0.11244,-0.01891,-0.04041,0.02825,-0.01063,-0.04212,-0.07041,-0.07136,-0.04324,0.00646,-0.00057,0.00534,-0.0242,0.03647,0.10357,0.06238,-0.04223,0.01253,0.06634,-0.09682,-0.02835,-0.00782,-0.08174,-0.02049,0.04959,-0.02089,-0.11063,-0.04966,0.09545,0.08751,0.09691,0.07898,0.0058,-0.01024,0.01152,0.02057,0.00595,0.00814,-0.02798,-0.02083,0.00056,-0.01787,0.05231,-0.00154,-0.03066,-0.0145,0.01985,0.10712,-0.05383,0.02534,-0.05303,0.03847,-0.13677,-0.01479,-0.00719,0.04771,-0.00768,0.04292,-0.0974,-0.04546,0.05413,0.06484,0.04726,0.0116,0.00472,0.02854,-0.00512,0.09417,-0.06156,-0.00031,0.05194,-0.06492,-0.00418,0.03939,0.06086,0.0569,0.0526,-0.03079,0.10989,0.01833,0.11832,-0.02673,-0.01141,0.03181,0.04358,0.0011,0,-0.05333,0.04192,-0.03009,0.07375,-0.0267,0.03536,0.07695,-0.00522,-0.03396,0.05372,-0.03479,0.01069,0.02023,0.04336,0.07415,-0.07569,-0.01278,0.03548,-0.04955,-0.01396,-0.01595,0.00878,0.04474,0.07752,-0.00707,-0.05835,-0.07659,0.09855,-0.03903,-0.02792,-0.03779,0.0251,0.0575,0.06608,-0.06884,0.01751,-0.09348,0.11195,-0.00829,0.06195,-0.00591,0.01534,-0.05129,0.00559,0.03435,0.04008,0.02462,0.07819,0.03377,0.04997,0.06101,-0.02138,0.00213,0.00402,0.00878,0.03097,-0.03658,0.02927,-0.02142,0.01134,-0.0264,0.00336,-0.01402,0.03874],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. API","excerpt":"API"},{"chunkId":"/docs/f-resize-handle-directive#5","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.03957,0.02244,-0.03702,0.06734,-0.01835,0.00997,0.03868,0.06025,-0.07855,0.01571,0.01462,0.00821,-0.02304,0.0068,-0.01218,-0.03648,-0.07243,0.07521,-0.0654,0.00594,0.00181,-0.06244,-0.00166,-0.04846,-0.09169,-0.01643,-0.0915,-0.00572,0.05357,-0.09726,-0.03749,0.09414,-0.05823,0.01249,-0.07217,0.04736,0.01707,-0.05226,-0.10817,-0.01962,0.01786,0.05784,0.0799,0.00222,-0.01476,0.01425,-0.10882,0.05392,-0.02934,-0.03266,0.03166,-0.09214,-0.00039,0.02604,0.02373,-0.02237,-0.00061,-0.02073,0.04959,0.07194,0.01485,-0.0294,0.0206,0.00724,-0.07697,0.01212,0.03809,-0.07431,-0.05434,-0.03729,-0.01062,-0.0446,-0.06721,-0.02989,0.12914,0.02566,-0.04833,0.07131,-0.03289,-0.02842,-0.01477,0.05459,-0.01817,0.02053,0.05858,0.08274,-0.04345,-0.0354,0.05328,0.07649,-0.04622,0.00664,-0.12305,0.02282,-0.13022,-0.05693,-0.0766,-0.03178,-0.15102,0.03748,0.03566,-0.00813,0.04717,0.05992,0.0261,-0.02648,-0.06702,-0.00812,-0.05431,-0.03134,-0.0038,-0.00842,-0.02244,0.00689,-0.00278,-0.05628,0.02514,-0.06327,0.1238,-0.04223,0.01852,0.04079,-0.0702,-0.03245,0.03175,0.02285,-0.02141,0,-0.04366,0.03021,-0.03557,0.01979,0.0727,0.01596,-0.05428,0.03929,-0.06834,-0.06257,0.04741,0.02972,-0.01066,0.01672,0.09819,-0.12119,-0.02545,0.1581,-0.07826,-0.08294,-0.01703,0.03786,0.02514,-0.00963,0.00399,-0.05708,-0.02474,0.03165,0.01971,-0.01427,0.0051,-0.03147,-0.03075,-0.00271,-0.05008,-0.00289,0.0079,-0.04449,-0.05241,-0.03543,0.01107,0.03455,-0.01805,-0.05054,-0.00774,-0.00978,0.03028,0.04812,0.01252,-0.08082,0.02205,0.04825,0.08374,-0.03086,0.01788,-0.04852,0.02794,0.1246,0.02479,0.00872,-0.04186,-0.00644,-0.00317,-0.00159,0.00647,0.01065,-0.00671,-0.04549,0.00206,-0.0109,0.01276,0.03859,0.10052,0.12603,-0.03764,-0.02167,-0.02743,0.00287,-0.02957,0.01923,-0.02298,0.07205,0.04809,0.00262,-0.01641,-0.17761,0.02041,-0.00532,0.01783,-0.01878,-0.06169,-0.00846,0.05347,0.00372,-0.01234,0,-0.06614,0.06269,-0.02869,0.00282,-0.01591,0.00669,0.00885,0.05897,0.01463,-0.10072,-0.0159,-0.03118,0.0538,-0.02662,-0.04907,-0.07042,-0.07632,-0.01875,-0.0025,0.01341,-0.00337,-0.03951,0.03087,0.11587,0.06318,-0.01231,0.03857,0.06021,-0.07651,-0.00926,-0.02449,-0.07256,-0.01581,0.05475,-0.03581,-0.13195,-0.05788,0.05898,0.08313,0.09616,0.08378,0.02264,0.01501,0.04966,0.01417,0.02394,0.02166,-0.01052,-0.01717,-0.00165,-0.03708,0.06975,-0.02541,-0.01785,-0.02206,0.00318,0.11586,-0.03954,0.03778,-0.03378,0.05371,-0.11939,-0.01168,-0.00933,0.05834,0.0008,0.03198,-0.08964,-0.0149,0.04672,0.0865,0.06992,0.01209,-0.01475,0.02992,0.01349,0.09292,-0.07838,0.01181,0.04498,-0.04991,-0.00201,0.043,0.05024,0.05301,0.05165,-0.0399,0.09189,0.02451,0.09302,-0.02316,-0.00124,0.03126,0.05469,0.02065,0,-0.05088,0.04411,-0.00625,0.0522,-0.03439,0.01787,0.10159,-0.03036,-0.03967,0.02025,-0.03033,0.0163,0.00993,0.05008,0.09176,-0.03757,-0.02169,0.06395,-0.04658,-0.00053,0.01737,-0.02494,0.04163,0.08306,-0.01415,-0.06059,-0.09145,0.10992,-0.03633,-0.0208,-0.0281,0.01943,0.05124,0.05032,-0.06162,0.04404,-0.08811,0.1026,-0.02183,0.07432,-0.00239,0.02008,-0.06128,-0.01299,0.01274,0.06101,0.04758,0.06933,0.02,0.03476,0.05973,-0.02155,0.02223,0.01114,-0.00098,0.04174,-0.03725,0.01789,-0.01469,0.01684,-0.04232,0.03046,-0.0109,0.05971],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Inputs - fResizeHandleType: EFResizeHandleType; Required. Defines which side/corner the handle represents. f Resize Handle Type EF Resize Handle Type","excerpt":"Inputs - fResizeHandleType: EFResizeHandleType; Required. Defines which side/corner the handle represents."},{"chunkId":"/docs/f-resize-handle-directive#6","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.05626,0.01144,-0.03493,0.08374,-0.01603,0.00356,0.00936,0.04106,-0.07144,0.03234,0.02131,0.01075,-0.02969,-0.00013,-0.02749,-0.00925,-0.06326,0.06941,-0.08187,-0.0065,0.02706,-0.04551,0.00147,-0.03801,-0.05428,-0.02679,-0.11899,-0.01104,0.02732,-0.09582,-0.04427,0.10037,-0.06881,0.01387,-0.04138,0.0785,0.03652,-0.07599,-0.0963,-0.02254,0.04477,0.06034,0.0742,-0.00123,-0.03365,0.01158,-0.11232,0.03945,-0.05393,-0.04275,0.02441,-0.06485,0.00274,0.02379,0.03482,-0.0223,-0.01602,-0.02658,0.03088,0.05279,-0.00572,-0.02262,0.01403,0.00448,-0.06089,0.00474,0.01556,-0.06101,-0.036,-0.02885,-0.01119,-0.04256,-0.0717,0.00707,0.12902,0.03326,-0.04167,0.05735,-0.03311,-0.0345,-0.0178,0.03349,-0.00182,0.03194,0.057,0.09083,-0.03378,-0.03186,0.03193,0.07449,-0.06598,0.01583,-0.1363,0.02521,-0.1448,-0.0654,-0.06938,-0.02904,-0.13772,0.04988,0.05307,0.0128,0.0739,0.04572,0.00088,-0.02713,-0.06204,0.00478,-0.07149,-0.03444,0.00982,0.00949,-0.01666,-0.00057,0.00399,-0.04936,0.01042,-0.06327,0.11021,-0.04056,0.03179,0.03017,-0.05638,-0.00375,0.03075,0.03123,-0.01329,0,-0.0557,-0.01095,-0.03247,0.00538,0.08251,0.01125,-0.0625,0.02354,-0.07244,-0.04559,0.03789,0.05214,0.00573,0.01725,0.10471,-0.10827,0.01743,0.17696,-0.05812,-0.07648,-0.02611,0.05814,0.03572,-0.01042,0.01603,-0.06402,-0.0213,0.03141,-0.00548,-0.01397,0.00067,-0.01756,-0.00533,-0.0168,-0.06691,-0.00975,-0.00786,-0.05826,-0.07304,-0.02507,0.00492,0.04248,-0.0124,-0.05071,-0.02186,0.00155,0.02483,0.06557,0.01028,-0.07384,0.03869,0.04826,0.09044,-0.01654,0.02858,-0.06036,0.03497,0.10585,0.0324,0.00118,-0.03925,0.00607,-0.01314,0.0108,0.01695,0.01239,0.00137,-0.01463,0.02804,0.02265,0.00689,0.04483,0.08875,0.12112,-0.00244,-0.02869,-0.01558,-0.04169,-0.0392,0.02983,0.00865,0.05483,0.05393,0.00174,-0.01093,-0.16684,0.02038,0.00256,0.02617,0.002,-0.07388,-0.00971,0.06258,-0.02221,-0.01338,0,-0.06625,0.0818,-0.05158,0.00029,-0.02806,-0.00156,-0.01619,0.05147,0.00541,-0.12789,-0.00898,-0.04247,0.04674,-0.01654,-0.04715,-0.08222,-0.06676,-0.02995,-0.00413,0.00227,0.01615,-0.0166,0.05074,0.10956,0.0618,-0.02866,0.02707,0.08134,-0.09063,-0.02132,0.00218,-0.07738,-0.01219,0.06471,-0.01676,-0.11923,-0.04393,0.0679,0.09654,0.10684,0.07723,0.02403,-0.00072,0.03651,0.01725,0.00762,0.00529,-0.04277,-0.00118,-0.01073,-0.02899,0.04256,-0.02339,-0.01912,-0.02541,-0.00168,0.11604,-0.04034,0.01633,-0.046,0.0454,-0.13651,-0.01062,-0.02499,0.05012,-0.00453,0.03139,-0.07566,-0.01246,0.06024,0.0682,0.05989,0.02752,-0.00328,0.03556,0.01575,0.05977,-0.07419,0.0074,0.05029,-0.0635,-0.00552,0.04981,0.0446,0.06835,0.05367,-0.0333,0.09094,0.03088,0.10263,-0.01666,0.00877,0.03685,0.06025,0.00173,0,-0.03874,0.0372,-0.02886,0.07438,-0.02898,0.03479,0.0951,-0.02281,-0.03719,0.04427,-0.03896,0.00436,0.00813,0.03063,0.10234,-0.07403,-0.00794,0.02373,-0.06364,-0.03647,0.01039,-0.00511,0.02475,0.09028,-0.01707,-0.06943,-0.0828,0.10545,-0.05415,-0.02198,-0.00616,0.02867,0.04657,0.06085,-0.05868,0.03636,-0.07515,0.1125,-0.00844,0.05669,-0.01835,0.02011,-0.06852,0.00394,0.01004,0.02904,0.02986,0.05591,0.01596,0.04939,0.07239,-0.01941,0.006,0.0106,0.01819,0.01863,-0.02528,0.0243,-0.03914,0.01846,-0.03066,0.00976,-0.00438,0.02256],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-resize-handle-directive#7","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.03908,0.04101,-0.01293,0.06287,-0.01769,0.00418,-0.01194,0.0607,-0.0815,0.0452,0.01379,0.02548,-0.05731,-0.00485,-0.00179,-0.01573,-0.05678,0.09721,-0.04934,0.01666,0.02602,-0.04287,-0.01744,-0.043,-0.06113,-0.03447,-0.09789,-0.01796,0.05207,-0.08701,-0.03156,0.09087,-0.08871,0.0216,-0.05565,0.07627,0.03952,-0.06477,-0.1057,0.00239,0.02281,0.08234,0.03706,-0.00794,0.00055,0.00594,-0.09542,0.05721,-0.06818,-0.05963,0.02182,-0.09533,0.02162,0.00802,0.02359,-0.03455,-0.00631,-0.03025,0.04437,0.06101,0.02994,-0.03075,0.00545,0.01161,-0.06424,0.02248,0.02844,-0.04386,0.00114,-0.03396,-0.02185,-0.04537,-0.06544,0.02656,0.10171,0.03547,-0.04351,0.05581,-0.04516,-0.05239,-0.00753,0.05228,-0.00637,0.01214,0.07586,0.07887,-0.03648,-0.01585,0.05205,0.06755,-0.0366,0.04173,-0.1296,-0.00676,-0.14986,-0.04286,-0.05108,-0.03847,-0.13088,0.05099,0.05234,-0.00038,0.03092,0.04036,0.0083,-0.03708,-0.05729,-0.00124,-0.05783,-0.00402,0.00291,0.01002,-0.04714,-0.02953,-0.01615,-0.07453,0.00714,-0.07602,0.13909,-0.02972,0.03543,0.02613,-0.02783,-0.0151,0.04028,0.03955,-0.03558,0,-0.05079,0.03279,-0.04606,0.03545,0.10444,-0.01802,-0.04296,0.02869,-0.07193,-0.05895,0.06812,0.06333,-0.00354,0.01695,0.09829,-0.10671,-0.01366,0.1665,-0.04204,-0.08033,-0.01235,0.0273,0.05765,0.00252,0.02075,-0.06175,-0.02163,0.02753,-0.00433,-0.00471,0.03482,-0.0441,-0.02815,-0.00728,-0.04796,-0.00292,-0.00884,-0.07565,-0.07535,-0.02549,0.01832,0.03615,-0.01689,-0.0505,-0.01267,-0.00163,0.0143,0.04763,0.02566,-0.10276,0.02627,0.05553,0.0658,-0.0271,0.02752,-0.0618,0.02309,0.09128,0.0432,0.00404,-0.04479,-0.01868,-0.00735,0.00291,0.02371,-0.02122,0.0045,-0.02346,0.03483,0.00575,0.03218,0.04611,0.10291,0.11954,-0.04056,-0.04116,-0.01337,-0.01082,-0.02086,0.02033,-0.01166,0.04968,0.05602,0.00634,-0.01799,-0.17428,0.04136,0.00872,0.01285,-0.01797,-0.06277,0.00334,0.06064,-0.00089,-0.00234,0,-0.05297,0.04388,-0.01796,0.0071,-0.02276,-0.01348,-0.02723,0.07396,0.00964,-0.1144,-0.0195,-0.06769,0.04814,0.00203,-0.04389,-0.06742,-0.08041,-0.05899,-0.01754,0.00631,-0.02646,-0.03377,0.05011,0.10465,0.06439,-0.02589,0.00286,0.05524,-0.09962,-0.0211,-0.01593,-0.07947,0.00044,0.04434,-0.03617,-0.08358,-0.06189,0.09074,0.09794,0.1115,0.09753,0.00378,0.00251,-0.00515,-0.00643,0.00234,-0.00724,-0.03426,-0.00434,-0.01263,-0.0165,0.03665,-0.02821,-0.02053,-0.00918,-0.00461,0.09486,-0.05733,0.02078,-0.02972,0.06644,-0.13161,-0.00073,-0.00306,0.06668,-0.01228,0.0177,-0.10456,-0.04522,0.06019,0.06371,0.0584,0.0145,-0.00121,0.02878,-0.00783,0.0993,-0.06385,-0.01046,0.02959,-0.05542,-0.0178,0.02629,0.04265,0.05666,0.03185,-0.02121,0.08671,0.00828,0.08676,-0.02897,0.00144,0.04615,0.07363,0.00803,0,-0.04268,0.03784,-0.01586,0.07452,-0.02517,0.03629,0.07833,-0.02069,-0.03219,0.04077,-0.03957,0.00429,0.00692,0.04584,0.08766,-0.08535,-0.03808,0.05816,-0.06869,-0.03498,-0.01398,0.01909,0.03059,0.07452,-0.00118,-0.0229,-0.06795,0.08929,-0.0007,-0.02082,-0.0309,0.02713,0.0604,0.07032,-0.05709,0.05847,-0.08457,0.09995,-0.03406,0.05817,0.01614,0.02036,-0.05994,0.00922,0.0346,0.04274,0.03663,0.07723,0.01959,0.06016,0.06594,-0.03511,0.00014,0.01439,0.00178,0.04053,-0.03612,0.02207,-0.01589,0.01022,-0.01836,-0.00171,-0.01157,0.03704],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-resize-handle-directive#8","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.04795,0.00924,-0.00468,0.07236,-0.01936,-0.00568,0.04134,0.0473,-0.08035,0.02971,0.01176,0.01106,-0.02969,0.00531,-0.00032,-0.01781,-0.03977,0.07557,-0.07793,0.02752,0.01309,-0.04965,0.00785,-0.03369,-0.06704,-0.03103,-0.1087,-0.01957,0.05483,-0.08407,-0.049,0.09974,-0.07532,0.0148,-0.05437,0.07054,0.02727,-0.0639,-0.11363,-0.0077,0.03964,0.06937,0.07004,0.01601,-0.02232,0.0238,-0.0892,0.0557,-0.05698,-0.04756,0.02463,-0.07855,0.01384,0.01809,0.01846,-0.02101,-0.01356,-0.02259,0.05289,0.07029,0.0101,-0.01156,0.02703,-0.00286,-0.07361,0.01608,0.02696,-0.06406,-0.02249,-0.02803,-0.00292,-0.04965,-0.07222,0.01516,0.11281,0.04869,-0.03735,0.06106,-0.04596,-0.04682,-0.01362,0.03028,-0.00115,0.01049,0.05975,0.08296,-0.02985,-0.0398,0.03271,0.08165,-0.04631,0.02123,-0.12944,0.02625,-0.13211,-0.05932,-0.08147,-0.02668,-0.13986,0.04311,0.05163,0.01521,0.04592,0.05823,-0.00056,-0.03418,-0.07181,0.00354,-0.07622,-0.00984,0.01006,0.00075,-0.02279,-0.01371,-0.02948,-0.05976,0.00655,-0.05785,0.12206,-0.03843,0.01732,0.0211,-0.04263,-0.02653,0.03849,0.01834,-0.03789,0,-0.05254,0.02406,-0.03018,0.01939,0.07807,-0.01844,-0.05842,0.02287,-0.06344,-0.05635,0.04996,0.05083,-0.01146,0.01662,0.10651,-0.11472,-0.00142,0.14305,-0.05654,-0.07751,-0.0193,0.05366,0.02983,-0.00625,0.01312,-0.07174,-0.01778,0.02899,0.01857,-0.01281,0.00012,-0.03481,-0.01023,0.00312,-0.06054,0.00017,-0.0057,-0.06662,-0.06623,-0.0449,0.01964,0.04428,-0.01219,-0.04264,-0.01354,-0.01374,0.02067,0.05797,0.00774,-0.08945,0.04007,0.04559,0.08196,-0.03149,0.03089,-0.05391,0.04272,0.12252,0.03256,0.00512,-0.04913,-0.00044,0.00918,0.00289,0.02002,0.01122,-0.00458,-0.02372,0.0089,0.00514,0.03969,0.05447,0.07672,0.13036,-0.01145,-0.03625,-0.02577,-0.01597,-0.02082,0.02973,0.00056,0.05643,0.05346,0.0205,-0.04052,-0.1846,0.02982,0.00458,0.02421,0.00814,-0.05562,-0.00014,0.05404,-0.00273,-0.01264,0,-0.07244,0.06437,-0.03562,0.01476,-0.01446,-0.0112,-0.0298,0.04223,0.00843,-0.12191,-0.01139,-0.05096,0.03867,-0.01402,-0.05863,-0.0918,-0.0657,-0.02859,-0.01254,0.01054,0.0148,-0.03351,0.03981,0.10875,0.06717,-0.03398,0.01889,0.08367,-0.09493,-0.02927,-0.00934,-0.07062,-0.00897,0.04578,-0.02308,-0.11721,-0.04562,0.07817,0.08103,0.09399,0.08954,0.01775,0.00208,0.01515,0.01037,0.01445,0.01275,-0.04181,0.00996,-0.0035,-0.02863,0.0387,-0.01978,-0.022,-0.01806,0.00853,0.11763,-0.05755,0.02222,-0.04691,0.05674,-0.13929,-0.00061,-0.00621,0.06295,-0.01781,0.04181,-0.10017,-0.0335,0.05037,0.06507,0.06371,0.01238,-0.00765,0.02736,-0.01302,0.10823,-0.05095,0.01656,0.036,-0.05184,0.00401,0.04039,0.05531,0.05103,0.06871,-0.03867,0.09367,0.02015,0.10733,-0.01478,-0.00904,0.02929,0.05834,-0.00715,0,-0.04808,0.04644,-0.02868,0.06188,-0.01915,0.02706,0.06308,-0.03543,-0.03237,0.04753,-0.04697,0.01697,0.01679,0.03545,0.09655,-0.07813,-0.01613,0.02348,-0.05387,-0.01375,0.00337,-0.00821,0.04621,0.09077,-0.01168,-0.04678,-0.07246,0.08618,-0.03106,-0.00082,-0.02999,0.02596,0.04346,0.05704,-0.07589,0.03977,-0.08635,0.10188,-0.01593,0.06937,-0.0025,0.01773,-0.06564,0.0039,0.02926,0.04688,0.02552,0.08695,0.01974,0.05689,0.05401,-0.02204,0.00348,0.01576,0.01301,0.03177,-0.02413,0.0306,-0.02011,0.00467,-0.02795,-0.01151,-0.0167,0.03994],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Types EFResizeHandleType EF Resize Handle Type","excerpt":"Types EFResizeHandleType"},{"chunkId":"/docs/f-resize-handle-directive#9","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.0222,0.07308,-0.02305,0.10138,0.01002,0.00261,0.01067,0.06164,-0.10111,0.03391,-0.01606,0.05596,-0.02385,-0.00512,0.01988,-0.04127,-0.04621,0.10032,-0.06646,0.03124,0.00423,-0.03704,0.02731,-0.01081,-0.06766,0.0017,-0.089,0.01806,0.0301,-0.11692,0.00046,0.09546,-0.0371,0.04836,-0.06927,0.04434,0.04299,-0.01259,-0.05089,-0.01846,0.01807,0.06519,0.05939,0.02158,-0.05145,0.03239,-0.07233,0.03564,-0.05678,-0.07903,0.05909,-0.08134,-0.00809,0.03876,0.02362,-0.01774,0.01269,-0.04514,0.05319,0.08952,-0.0121,0.02837,0.00038,0.00252,-0.05113,0.00183,0.01738,-0.03755,-0.04966,0.00407,0.01515,-0.04803,-0.02993,0.02672,0.07215,-0.00156,-0.02453,0.11166,-0.04546,-0.02398,-0.02969,0.02776,0.02686,0.06173,0.05481,0.07794,-0.03934,-0.06909,0.0115,0.05195,-0.04244,0.04667,-0.10745,0.02677,-0.13971,-0.01953,-0.07975,-0.02394,-0.13238,0.05384,0.01803,-0.01976,0.08773,0.02485,-0.00839,-0.00337,-0.09311,0.01872,-0.04525,-0.04822,0.03104,-0.02169,-0.07051,-0.03766,-0.02404,-0.039,0.02335,-0.07065,0.08935,-0.0064,0.05536,0.02956,-0.0247,-0.03915,0.03766,0.03267,-0.08853,0,-0.05015,0.04123,-0.04877,0.02769,0.09911,0.00025,-0.04891,0.00458,-0.07642,0.0152,0.11121,0.0473,-0.0586,-0.01959,0.05108,-0.11676,0.02031,0.14882,-0.09574,-0.09585,-0.02926,0.0708,0.02428,0.01836,0.03735,-0.06389,0.00892,0.00358,-0.02547,-0.02293,0.01744,-0.02923,-0.00587,-0.03113,-0.04475,-0.00002,0.01975,-0.03073,-0.06426,-0.07167,0.0193,0.04775,0.03151,-0.0211,-0.02506,0.0262,0.04732,0.03837,0.02312,-0.05099,0.04064,0.04651,0.09955,-0.0064,0.03062,-0.04615,0.00801,0.13126,0.03767,-0.0191,-0.0136,-0.01044,-0.05244,0.02781,0.00414,-0.02054,-0.00648,-0.00878,0.02244,0.03104,0.04411,0.07242,0.08478,0.10629,0.0102,-0.03477,-0.00381,-0.04013,-0.01137,-0.02132,-0.00395,0.03792,0.04778,0.03116,-0.01895,-0.15801,0.04186,0.04113,0.06581,-0.04052,-0.08601,-0.0564,0.0745,-0.04887,-0.025,0,-0.00844,0.06166,-0.00634,0.03354,-0.02042,-0.00215,-0.00761,0.07154,-0.00234,-0.0556,0.01221,-0.02184,0.03263,-0.05721,-0.06306,-0.06285,-0.09494,-0.04736,0.03231,-0.00609,0.01979,0.00326,0.01317,0.07338,0.03165,-0.01786,-0.01744,0.06154,-0.04565,0.00107,-0.01131,-0.09159,0.01944,0.03504,-0.06744,-0.11849,-0.08376,0.10005,0.09115,0.09663,0.04342,0.0067,0.04836,0.00593,-0.02751,-0.02703,0.01509,-0.01204,-0.03874,-0.01382,-0.04891,0.03068,-0.05133,-0.02459,-0.04313,0.00535,0.08529,-0.03686,-0.02432,0.02182,0.05024,-0.09317,-0.04477,-0.04325,0.03257,-0.00277,-0.01673,-0.10013,-0.0275,0.0391,0.04391,0.0313,0.01158,-0.012,0.02366,-0.02726,0.13972,-0.03213,0.04385,0.04526,-0.06305,-0.02173,-0.01737,0.03297,0.0313,0.05635,-0.04163,0.11989,0.03493,0.08356,-0.04331,0.00753,0.06771,0.03605,0.01208,0,-0.08942,0.01694,-0.00811,0.0566,-0.02809,0.017,0.09224,0.01047,-0.04629,0.0225,-0.06398,0.07648,0.01488,0.01653,0.04118,-0.01333,-0.0151,0.05856,-0.06478,0.00057,-0.0163,0.00477,0.03661,0.11384,-0.0675,-0.03874,-0.09073,0.06075,0.01179,0.04165,-0.04669,0.0351,0.04298,0.01938,-0.05904,0.00646,-0.11156,0.07121,-0.02852,0.03893,-0.00751,-0.02666,-0.02162,0.01816,0.00927,-0.00312,0.01958,0.0737,0.02772,0.06962,0.08409,-0.00088,-0.01267,0.00161,-0.02107,0.04679,0.01198,0.07398,-0.01408,-0.01552,0.00621,-0.03248,-0.00692,0.04779],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Styling The directive adds the base class .f-resize-handle and a type-specific class you can target: - .f-resize-handle - .f-resize-handle-left - .f-resize-handle-left-top - .f-resize-handle-top - .f-resize-handle-right-top - .f-resize-handle-right - .f-resize-handle-right-bottom - .f-resize-handle-bottom - .f-resize-handle-left-bottom Minimal example styles:","excerpt":"Styling The directive adds the base class .f-resize-handle and a type-specific class you can target: - .f-resize-handle - .f-resize-handle-left - .f-resize-handle-left-top - .f-resize-handle-top - .f-resize-handle-right-top - .f-resize-handle-right - .f-resize-handle-right-bottom - .f-resize-handle-bottom - .f-resize-handle-left-bottom Minimal example styles:"},{"chunkId":"/docs/f-resize-handle-directive#10","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[0.06823,0.06574,-0.0048,0.07168,0.01797,0.02449,0.00344,0.08662,-0.07487,0.03283,-0.04357,0.02039,-0.02755,-0.01075,0.00441,-0.04091,-0.00676,0.09784,-0.07563,-0.02314,-0.00759,-0.06577,-0.00087,-0.00987,-0.04332,0.00082,-0.10412,-0.0136,0.04376,-0.0905,0.01674,0.10092,-0.04107,0.04076,-0.06985,0.0652,-0.01155,-0.067,-0.12624,-0.02151,0.03251,0.07585,0.02813,0.01,-0.01942,0.01284,-0.07669,0.08447,-0.06367,0.007,0.04885,-0.05126,0.00368,0.05776,0.00584,-0.02463,0.00527,-0.02842,0.02938,0.05916,0.02608,-0.03169,0.05139,0.00698,-0.06607,0.02858,0.0027,-0.04839,0.00193,0.01258,0.07429,0.00666,-0.03811,0.01696,0.09141,-0.02929,-0.04934,0.07056,-0.09569,-0.00293,-0.02321,0.07242,0.00307,-0.00318,0.00826,0.06461,-0.05157,-0.05009,0.01472,0.09069,-0.05952,0.07067,-0.09105,-0.0073,-0.06564,-0.0645,-0.09894,-0.11513,-0.12383,0.0119,0.06583,0.01609,0.05138,0.05112,0.06043,-0.03487,-0.05763,0.01616,-0.0512,0.01281,0.03713,0.05126,0.02189,0.00479,-0.02851,-0.07432,0.05922,-0.08572,0.05772,-0.00531,0.02267,0.07481,-0.0646,-0.06097,0.07815,0.02745,-0.05327,0,-0.08815,-0.00138,-0.02652,0.06721,0.08089,0.00371,-0.01469,-0.01949,-0.04567,-0.06307,0.02604,0.02934,-0.03914,0.00608,0.0808,-0.12108,-0.01509,0.12005,-0.04227,-0.0834,-0.01394,-0.04023,0.01643,-0.00731,0.00024,-0.04993,-0.0447,0.04618,-0.04756,-0.02077,-0.03973,-0.03343,0.03786,0.0136,-0.07391,-0.0007,-0.01376,-0.0646,-0.05029,-0.01009,0.00079,0.06983,0.00812,-0.04991,-0.02821,0.00527,0.02346,0.03375,-0.02879,-0.06856,0.06923,0.06043,0.08882,-0.04752,0.03368,-0.08964,-0.00438,0.04839,0.00889,0.0198,-0.01202,-0.00492,-0.04324,0.04206,0.04002,0.05871,0.01755,-0.00373,0.00639,-0.04478,0.00442,0.07023,0.08981,0.0889,-0.02021,-0.02938,-0.01119,-0.02884,-0.02136,0.02576,0.00922,0.01516,0.072,0.04072,-0.02402,-0.14019,0.06557,-0.01404,-0.00065,0.00427,0.01961,0.00456,0.11377,0.00075,0.03366,0,-0.07972,0.05312,-0.01396,0.00494,0.01167,-0.01913,-0.04269,0.03855,0.02474,-0.12889,-0.09209,-0.02557,0.00282,-0.06346,-0.07573,-0.05862,-0.04496,-0.08409,0.02185,0.00274,0.00233,-0.01121,0.00111,0.06033,0.06951,-0.0385,-0.01591,0.0378,-0.06073,-0.03056,0.0223,-0.05511,-0.00354,-0.01653,0.02681,-0.14395,-0.06445,0.10227,0.0979,0.13231,0.07558,0.00973,-0.02979,-0.01123,-0.00886,0.04546,-0.0105,-0.02804,-0.02233,-0.00676,-0.04793,0.04766,-0.02582,-0.01013,-0.00236,0.02791,0.08368,0.01336,0.01746,-0.06471,0.02172,-0.12646,-0.02173,-0.01302,0.04601,0.01203,0.02069,-0.06746,-0.01865,0.0808,0.03468,0.03647,0.01765,-0.00101,0.02376,0.00471,0.08858,-0.02143,0.03861,0.06311,-0.04771,0.06786,0.00434,0.064,0.10083,0.04535,-0.05634,0.0469,0.01268,0.11111,-0.03386,-0.03281,0.00444,0.0074,-0.03138,0,-0.1058,0.0113,-0.07375,0.07233,-0.0171,0.02367,0.06904,0.03681,0.00628,0.05013,-0.04589,0.03739,0.05635,-0.00303,0.08214,-0.08303,-0.00245,-0.00965,-0.05183,-0.03874,-0.02238,0.00395,-0.02486,0.11694,0.00927,-0.06031,-0.04035,0.06692,0.00941,-0.01012,0.00043,0.02269,0.04188,0.10851,-0.02932,0.01651,-0.05426,0.10991,-0.0222,0.03413,0.01148,0.01587,-0.00912,-0.01752,-0.04307,0.01352,0.04142,0.07293,0.0184,0.03639,0.0761,0.00569,-0.0207,0.01118,0.05004,0.01122,-0.02639,0.04685,-0.0096,-0.02215,-0.03031,0.03328,-0.02846,0.00299],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Notes and pitfalls - Resize works only with fDraggable enabled on f-flow. - If handles are too small, users will miss them. Make the hit area generous. - If your nodes can become too small visually, enforce minimum sizes in your app logic (or via your node template/layout constraints). - When using content-based sizing elsewhere, remember that manual resizing is an explicit user override - treat it as a persisted property. f Draggable","excerpt":"Notes and pitfalls - Resize works only with fDraggable enabled on f-flow. - If handles are too small, users will miss them. Make the hit area generous. - If your nodes can become too small visually, enforce minimum sizes in your app logic (or via your node template/layout constraints). - When using content-based sizing elsewhere, remember that manual resizing is an explicit user override - treat it as a persisted property."},{"chunkId":"/docs/f-resize-handle-directive#11","slug":"f-resize-handle-directive","route":"/docs/f-resize-handle-directive","section":"docs","title":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups","description":"Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`.","group":"Nodes","vector":[-0.03317,0.05991,-0.07166,0.07303,0.01378,0.06123,-0.01093,0.07431,-0.04859,0.06765,-0.04287,0.03349,-0.04273,0.00487,-0.00008,-0.01132,-0.08693,0.10325,-0.07996,-0.00601,0.02689,-0.03641,0.04076,-0.01908,-0.03373,-0.01539,-0.08525,0.00733,0.04805,-0.07397,0.03619,0.10805,-0.05305,0.02682,-0.06351,0.11963,0.00728,-0.01349,-0.06293,-0.03074,0.08507,0.09586,0.04664,-0.0814,0.0039,-0.00655,-0.10739,0.07947,-0.07915,-0.01603,-0.0075,-0.09815,-0.01465,0.06509,0.00636,-0.0437,-0.0099,-0.07445,0.05829,0.04666,-0.04063,-0.0523,0.03148,-0.00669,-0.02617,0.01193,-0.06604,-0.03956,-0.07761,0.01756,0.01041,-0.0329,-0.03872,-0.00896,0.09641,-0.02504,-0.07124,0.10607,-0.01672,-0.00165,0.00627,0.0307,-0.01145,0.02364,0.00479,0.09908,-0.0157,-0.06676,0.0231,0.00098,-0.01643,0.06982,-0.10288,0.03257,-0.04326,-0.01866,-0.11535,0.00724,-0.11847,0.04353,0.03789,-0.04638,0.05256,0.06722,-0.0014,-0.02753,-0.05047,0.06586,-0.05641,-0.01945,0.02067,0.03001,0.00294,-0.02444,-0.0082,-0.07783,0.02029,-0.09978,0.0598,0.0406,0.04655,0.03045,-0.05705,-0.03883,0.0542,0.03932,0.01613,0,-0.06627,0.02198,-0.03167,0.02227,0.0814,-0.02493,-0.04341,-0.0302,-0.07506,0.02394,0.01778,0.04439,-0.04611,-0.04856,-0.01063,-0.13949,0.02625,0.13239,-0.05788,-0.0428,0.03061,-0.00294,-0.00902,0.02103,0.06739,-0.07507,-0.04176,0.03906,-0.03987,-0.0318,0.06907,0.01104,0.0108,-0.03144,-0.04816,-0.01775,0.01759,-0.02169,-0.10375,-0.04169,0.0646,0.02676,-0.02731,0.03676,-0.0322,-0.03122,0.02757,0.02035,0.07194,-0.01359,0.00476,0.08446,0.06157,-0.01895,0.07626,-0.04549,0.00101,0.08686,0.0129,0.01388,-0.037,0.01141,-0.02765,0.01647,0.04208,-0.00434,0.02536,0.02787,0.05196,-0.01962,-0.01154,0.0628,0.07629,0.10316,-0.02227,-0.0282,-0.00588,0.04153,0.00522,0.00605,0.00361,-0.00433,0.0039,0.08814,0.01954,-0.17105,-0.00149,-0.00999,0.01746,-0.07574,0.03106,-0.00438,0.03123,-0.04923,-0.00511,0,-0.00298,0.05447,-0.01983,0.05042,-0.03969,-0.03077,0.03225,0.05521,0.03477,-0.04493,-0.00741,-0.00642,0.02756,-0.04501,-0.02957,-0.04056,-0.07197,-0.06511,0.07216,-0.00634,0.03129,0.05199,0.00194,0.05324,-0.00674,0.01918,0.03147,0.05019,-0.03693,-0.02744,-0.0183,-0.07234,-0.04613,0.06455,-0.04826,-0.1367,-0.04334,0.12491,0.0796,0.06905,0.11492,0.06804,-0.01683,-0.00195,-0.03091,-0.02622,0.07969,-0.04584,-0.01466,-0.0348,-0.05033,0.02781,-0.03624,-0.00044,-0.02198,-0.02859,0.09646,-0.07762,-0.02364,-0.04253,0.05635,-0.08911,-0.02199,-0.05728,0.06183,0.03048,-0.03213,-0.08873,0.03294,0.05933,0.02168,0.02063,0.06509,-0.01021,0.04787,0.02218,0.07587,-0.03678,0.06163,0.04363,-0.07538,0.02895,-0.01388,0.04618,0.06097,0.06243,-0.10574,0.05289,0.04076,0.08821,-0.06445,-0.04427,0.02801,0.01818,0.02895,0,-0.07946,0.01562,-0.04523,0.03482,-0.0034,-0.02571,0.04873,-0.02239,-0.05352,0.03484,-0.04537,0.05989,0.0568,-0.00903,0.06334,-0.07809,-0.00212,0.0609,-0.04754,-0.02281,-0.01813,0.02351,0.04049,0.09104,-0.00443,-0.0825,-0.1142,0.04774,-0.03035,-0.0128,-0.03212,0.00626,0.04632,0.03561,-0.0435,-0.04924,-0.11428,0.06859,-0.0105,0.04675,0.01539,-0.01058,-0.00942,0.00345,-0.0408,0.03453,0.00285,0.04302,0.01473,0.031,0.04308,0.0036,-0.04802,0.02638,0.04747,0.01099,0.01183,0.07725,-0.04483,-0.00998,-0.0306,0.01155,-0.01034,-0.0351],"keywords":"FResizeHandleDirective - Directional Resize Handles for Nodes and Groups FResizeHandleDirective - Directional Resize Handles for Nodes and Groups Add and configure directional resize handles with `fResizeHandle` and `EFResizeHandleType`. Example ::: ng-component <resize-handle</resize-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.scss :::","excerpt":"Example ::: ng-component <resize-handle</resize-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.scss :::"},{"chunkId":"/docs/f-rotate-handle-directive#0","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.06982,0.04298,-0.06415,0.06603,0.06365,0.00842,0.04073,-0.02642,0.07726,-0.02283,0.01923,-0.00517,-0.03154,-0.03294,0.01644,-0.01419,-0.05333,0.08505,-0.03586,0.00248,0.02575,-0.02029,0.02672,-0.00561,-0.10568,0.03706,-0.0674,-0.05229,0.08073,-0.04463,-0.06668,0.14974,-0.06607,0.02845,-0.17334,0.10134,0.03521,-0.04585,-0.11461,-0.04145,0.0414,0.08384,0.10724,-0.01851,-0.01518,0.0353,-0.03579,0.03371,-0.06912,0.10441,0.00118,-0.0952,-0.00229,0.04178,-0.01936,0.05938,0.0853,-0.10447,0.043,0.03725,0.00257,-0.03212,-0.01342,0.03752,-0.03869,0.01784,0.02679,-0.05429,0.00001,-0.05341,0.03024,-0.02818,-0.02572,-0.02656,0.0854,0.01834,-0.05077,0.02925,-0.01405,-0.0757,0.09154,0.02579,0.04666,0.03075,0.03807,0.02234,-0.05923,-0.01251,0.01315,0.13329,-0.03461,0.07277,-0.05606,-0.07939,-0.10901,0.04167,0.00567,0.0037,-0.12265,0.0264,0.04482,-0.01828,-0.03896,0.00851,-0.02001,-0.06412,-0.03146,-0.10323,-0.16282,-0.02892,-0.01753,-0.00764,-0.00441,-0.02097,-0.03725,-0.06305,0.00726,-0.07903,0.0629,-0.00513,0.03432,0.03698,0.02276,0.02403,0.04996,0.00578,-0.0854,0,0.05203,0.0254,-0.02616,-0.01042,0.01089,-0.0377,-0.00997,0.01257,-0.05141,-0.04439,0.07215,-0.02577,0.01422,-0.05559,-0.00193,-0.08716,-0.02058,0.05168,-0.05141,-0.06217,0.01465,0.02942,-0.02134,-0.06482,-0.06018,0.03939,-0.04536,0.01052,0.03171,0.0263,0.03612,-0.02935,-0.02564,0.01431,-0.05423,0.02774,-0.00455,-0.08943,-0.06558,0.00499,-0.00042,0.03283,-0.04305,-0.05172,0.01774,-0.01921,-0.05939,0.0594,0.04282,0.02236,0.01473,0.07181,0.0584,-0.00987,0.00827,-0.031,0.02845,0.05035,-0.06005,0.02471,-0.02868,0.10352,-0.06666,-0.04375,-0.02362,0.05688,0.0125,0.05123,0.03147,-0.03872,-0.02049,0.0207,-0.02213,0.06897,0.02842,0.02936,-0.03257,-0.02903,-0.01887,0.01729,0.01864,-0.00509,0.03075,0.00224,-0.06571,-0.10376,0.02439,-0.0295,-0.03269,0.03213,-0.00344,0.0132,0.06585,0.03914,0.04247,0,-0.05303,0.03337,0.01538,0.06314,-0.00421,-0.0362,-0.00806,-0.03244,0.0776,-0.05156,-0.05121,-0.00337,0.02207,0.025,0.05026,-0.06045,-0.12991,-0.04109,0.03168,0.02392,0.03704,-0.027,0.06605,0.14465,0.00923,-0.00872,0.03887,-0.01195,0.0356,-0.00908,0.02339,-0.08951,0.01201,-0.00669,-0.04699,-0.09744,-0.07838,0.09878,0.00075,0.08366,0.05649,0.05007,-0.03956,0.05811,-0.02895,0.03702,-0.02615,0.00571,0.01558,0.01211,-0.10845,0.00773,-0.03757,-0.01965,0.02515,0.02726,0.12035,-0.01222,0.01957,-0.05066,0.01967,-0.08143,-0.01809,-0.0467,0.09222,-0.00245,0.07236,-0.05883,0.02815,0.1105,0.06263,0.0522,0.03828,-0.05905,0.08071,0.03703,0.13142,-0.10068,-0.02334,0.01442,-0.02137,0.02211,0.03124,0.02302,0.0196,-0.03834,-0.04679,0.05822,0.06608,0.05983,-0.03397,0.02382,0.01629,-0.01085,0.04622,0,-0.08321,-0.00646,0.00041,0.0113,0.00984,0.03175,0.02598,-0.02998,-0.04655,0.00244,-0.03907,0.03417,0.02423,-0.08389,0.06525,-0.00742,0.00752,-0.01535,-0.05423,-0.01561,-0.01754,-0.03009,-0.01298,0.03802,-0.08099,-0.02674,-0.02323,-0.00563,-0.00979,-0.01939,-0.06357,0.00398,0.03177,0.0445,-0.10085,0.04489,-0.05381,0.00378,0.05922,0.06605,0.01199,0.0648,-0.09684,-0.01,-0.02348,0.05175,0.05079,0.01427,-0.02217,0.0466,-0.02679,-0.04897,-0.04082,0.12471,0.01605,0.04547,-0.00433,-0.00756,0.03145,-0.02061,-0.00549,0.03086,0.06118,-0.01374],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Rotate Handle Selector: [fRotateHandle] Class: FRotateHandleDirective FRotateHandleDirective marks an element as a rotation handle for a node or a group. When the user drags this handle, the library performs a rotate interaction and commits the final angle through node/group outputs. This directive is usually used together with: - f-flow + fDraggable (enables interactions) - fNode / fGroup (the element being rotated) f Rotate Handle F Rotate Handle Directive f Draggable f Node f Group","excerpt":"Rotate Handle Selector: [fRotateHandle] Class: FRotateHandleDirective FRotateHandleDirective marks an element as a rotation handle for a node or a group. When the user drags this handle, the library performs a rotate interaction and commits the final angle through node/group outputs. This directive is usually used together with: - f-flow + fDraggable (enables interactions) - fNode / fGroup (the element being rotated)"},{"chunkId":"/docs/f-rotate-handle-directive#1","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.05823,0.007,-0.04298,0.0573,0.03983,0.03313,-0.02192,-0.04699,0.04737,0.01308,0.03745,-0.00675,0.0075,-0.06534,0.01616,0.01064,-0.05743,0.09954,-0.0313,-0.00515,0.00299,-0.01901,0.0401,0.0086,-0.09044,0.00797,-0.0636,-0.03254,0.08666,-0.02485,-0.09482,0.14324,-0.05597,0.04193,-0.14169,0.11122,0.02475,-0.04712,-0.11089,-0.04897,0.05008,0.07903,0.08953,-0.02752,0.02424,0.03338,-0.0566,0.03292,-0.05363,0.10708,-0.03312,-0.13509,-0.00732,0.02786,-0.05135,0.07549,0.06878,-0.07048,0.03948,0.00923,0.06018,-0.03325,0.01541,0.01471,-0.0611,0.04748,0.03985,-0.03397,-0.00911,-0.06536,0.02058,-0.04291,-0.02298,-0.01315,0.05566,0.01168,-0.07223,-0.01036,-0.02388,-0.078,0.10386,0.02215,0.04134,0.06236,0.03576,0.00474,-0.02414,0.03352,-0.00496,0.12035,-0.04914,0.04613,-0.07226,-0.09941,-0.13318,0.05145,-0.00389,0.01605,-0.10688,0.02973,0.05387,-0.04902,-0.0731,0.00346,-0.00599,-0.05694,-0.02049,-0.11688,-0.12236,-0.0082,-0.0234,0.01042,-0.03916,-0.01532,-0.06383,-0.05594,0.04684,-0.08792,0.05081,-0.02267,0.05214,0.01403,0.02396,0.0373,0.05121,0.00397,-0.08461,0,0.07926,0.05755,0.01143,-0.01845,0.01093,-0.06155,-0.06965,-0.00071,-0.04755,-0.07582,0.04923,-0.02243,0.04733,-0.06511,-0.02174,-0.09517,-0.02889,0.06261,-0.03757,-0.09161,-0.0156,0.02748,-0.03347,-0.05578,-0.06164,0.04638,-0.02846,0.03237,0.04883,0.00754,0.0464,-0.04411,-0.03416,0.00746,-0.04891,0.01818,0.02967,-0.09786,-0.04775,0.02174,0.0195,0.01987,-0.03105,-0.07584,0.03284,0.00353,-0.06651,0.07007,0.05965,0.00936,-0.01066,0.07537,0.03283,-0.00705,-0.02259,0.00256,0.03061,0.02241,-0.05467,0.03417,-0.05739,0.05873,-0.04143,-0.04449,-0.05289,0.04903,0.00651,0.03889,0.03506,-0.02438,-0.0011,0.00071,0.00242,0.0983,-0.00562,0.02049,-0.06226,-0.01477,-0.04384,0.07727,0.02283,0.00095,0.00978,0.02038,-0.04728,-0.12625,0.0301,-0.00596,-0.02095,0.04615,0.00752,0.04703,0.06381,0.03442,0.02215,0,-0.07779,0.02993,-0.00475,0.07156,0.0268,-0.03433,-0.00346,-0.00311,0.06399,-0.04371,-0.02452,-0.02023,0.00975,0.04581,0.00021,-0.05829,-0.11237,0.02018,0.04495,0.03068,0.06305,-0.02721,0.03771,0.14244,0.02688,0.00344,0.04127,0.00304,0.00442,0.00262,0.01593,-0.06634,0.01873,0.0187,-0.03132,-0.06368,-0.11327,0.07103,-0.02583,0.0905,0.06812,0.03589,-0.06966,0.03286,-0.02563,0.03054,-0.01189,0.02624,-0.03278,0.03996,-0.10071,0.00629,-0.00339,-0.05253,0.02491,-0.001,0.08821,-0.02279,0.03567,-0.02741,0.01594,-0.08281,0.00038,-0.00865,0.10214,-0.00313,0.10243,-0.02352,0.00748,0.07658,0.0573,0.06882,0.04137,-0.03464,0.09878,0.02646,0.09132,-0.08537,-0.01917,-0.03461,-0.03637,-0.00805,0.01756,0.04222,-0.00561,0.01273,-0.03171,0.08778,0.04755,0.05942,-0.0587,0.01974,0.03079,0.02599,0.01578,0,-0.07171,0.03276,0.01585,0.04318,0.00265,0.01262,0.05795,-0.02545,-0.02697,0.0405,-0.05394,-0.00749,0.0093,-0.06677,0.06902,-0.00812,-0.01644,0.00309,-0.04773,-0.00795,0.01348,-0.00989,-0.00305,0.03413,-0.00867,-0.0128,-0.04514,0.02669,-0.01452,-0.01494,-0.06653,-0.00777,0.02891,0.05102,-0.11781,0.02597,-0.05363,0.02616,0.05687,0.06684,0.00617,0.0872,-0.0959,-0.01182,-0.00805,0.04718,0.09078,0.0114,0.00948,-0.00108,-0.00946,-0.08187,-0.00035,0.08998,-0.0016,0.08329,0.01889,0.02218,0.04435,-0.02466,-0.01289,0.04047,0.01306,-0.01917],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-rotate-handle-directive#2","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.0514,0.03857,-0.01871,0.07918,0.05831,0.06014,0.01946,-0.03969,0.07233,0.00417,0.01224,0.02892,-0.02161,-0.04274,-0.01217,-0.01119,-0.06226,0.09286,0.00042,0.01101,-0.00439,-0.04863,0.05018,0.02246,-0.06905,0.03964,-0.06164,-0.01936,0.0884,-0.03754,-0.0652,0.11855,-0.08112,0.03021,-0.15142,0.09213,0.02527,-0.05103,-0.10495,-0.03472,0.07057,0.09216,0.10245,-0.02007,-0.00185,0.03675,-0.03801,0.03038,-0.0329,0.102,0.00044,-0.14948,0.0255,0.00599,-0.07252,0.08356,0.10495,-0.0915,0.03073,0.01659,0.05293,-0.02547,0.04369,0.01045,-0.05332,0.05822,0.01611,-0.00161,-0.00753,-0.01421,0.06913,-0.0365,-0.03618,0.02293,0.05528,-0.01444,-0.06745,0.00919,-0.0148,-0.01091,0.06689,0.02752,0.01807,0.04594,0.04871,0.02214,-0.03314,0.00199,-0.00312,0.0942,-0.04373,0.07201,-0.05466,-0.10206,-0.12106,0.04969,-0.00317,0.01695,-0.10207,0.02172,0.0791,-0.01912,-0.03851,0.01505,0.00171,-0.04024,-0.03633,-0.15796,-0.14535,0.03809,-0.01142,0.02934,-0.05789,-0.00801,-0.0709,-0.09031,-0.00004,-0.07868,0.01863,0.01149,0.04909,0.00517,-0.00067,0.02492,0.08041,0.02212,-0.09599,0,0.03934,0.0321,-0.02217,-0.00799,0.03477,-0.04473,-0.04072,0.01898,-0.07158,-0.0679,0.09438,-0.02947,0.03121,-0.05427,-0.03182,-0.12085,-0.02213,0.02921,-0.00293,-0.09883,0.01116,-0.0281,-0.05262,-0.07816,-0.05915,0.0216,-0.05138,0.01821,0.03953,0.01111,0.03475,-0.01252,-0.01602,0.01573,-0.04596,0.01214,0.01384,-0.07659,-0.03783,0.00895,0.0056,0.01467,-0.04538,-0.04389,0.04168,0.00557,-0.00871,0.02314,0.04154,-0.03314,-0.00143,0.02192,0.01778,0.00041,0.00363,-0.0442,0.01951,0.01083,-0.05378,-0.01955,-0.03492,0.0509,-0.04103,-0.06026,-0.00923,0.04337,0.0193,0.07118,0.04839,-0.04411,-0.0058,-0.01566,0.01233,0.06257,-0.02806,0.01577,-0.07253,-0.05317,-0.03921,0.0716,0.01423,-0.03105,0.04796,0.01935,-0.00164,-0.12613,0.03643,0.00591,-0.02821,0.0257,0.03361,0.02063,0.0666,0.03711,0.01709,0,-0.08401,0.03875,0.05484,0.06316,0.02704,-0.03192,-0.0045,-0.00716,0.06236,-0.02912,-0.05907,-0.04443,-0.00536,0.06127,0.02632,-0.03404,-0.1267,0.01005,0.02207,0.01612,0.04507,-0.05479,0.04249,0.16554,0.0159,-0.02413,0.0402,-0.03257,0.01772,-0.01066,0.00301,-0.09771,0.02903,-0.01287,-0.01342,-0.07766,-0.10878,0.09917,-0.0058,0.11027,0.02411,0.01827,-0.04659,0.02245,-0.02161,0.03195,-0.03063,0.00958,-0.00615,0.02384,-0.10324,0.02498,-0.03582,-0.02923,0.03295,-0.01099,0.0718,-0.01852,0.06872,-0.03879,0.05966,-0.07303,-0.03117,-0.00824,0.09802,-0.00395,0.05879,-0.03666,-0.01503,0.10742,0.03676,0.10116,0.02256,-0.04972,0.09884,0.00746,0.118,-0.08345,-0.02073,-0.02868,-0.01299,-0.01302,-0.00753,0.0181,-0.0162,-0.0321,-0.02252,0.05675,0.01627,0.05747,-0.05315,0.01553,0.00532,-0.01183,0.01785,0,-0.08437,0.01333,0.04609,0.02142,0.01485,0.01321,0.06148,-0.0092,-0.00557,0.03956,-0.03171,0.0105,0.01805,-0.05539,0.06578,-0.00091,-0.04878,0.03255,-0.03396,-0.02126,0.03191,0.01582,-0.00028,0.03429,-0.05455,-0.01718,-0.0492,0.01642,0.00223,-0.02975,-0.08694,-0.01543,0.03783,0.04898,-0.09082,0.04001,-0.04589,0.00876,0.04462,0.05855,0.03181,0.08253,-0.09324,0.00159,-0.03743,0.05441,0.08233,0.02781,-0.00397,0.02925,0.04626,-0.07438,-0.01139,0.08588,0.01757,0.05815,0.00116,-0.00669,0.00651,-0.02669,-0.02327,0.04103,0.05355,-0.01405],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Add a rotate handle to a node Place any element with fRotateHandle inside your node template. Often it’s a small “knob” in a corner. Tip: Make the rotate handle visually different from the drag handle (cursor, icon, placement) so users don’t accidentally move instead of rotate. f Rotate Handle","excerpt":"Add a rotate handle to a node Place any element with fRotateHandle inside your node template. Often it’s a small “knob” in a corner. Tip: Make the rotate handle visually different from the drag handle (cursor, icon, placement) so users don’t accidentally move instead of rotate."},{"chunkId":"/docs/f-rotate-handle-directive#3","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.04714,-0.01828,-0.03368,0.04378,0.03138,0.05386,0.01025,0.00407,0.10177,-0.04348,0.00362,-0.0091,-0.04707,-0.00941,-0.00552,-0.00325,-0.04007,0.04439,-0.07526,0.01907,-0.00008,-0.07979,-0.00986,0.01203,-0.04192,0.05269,-0.01835,-0.03635,0.10186,-0.05345,-0.01777,0.11302,-0.08464,0.01428,-0.09649,0.06655,0.03301,-0.08916,-0.13569,-0.02264,0.07166,0.05057,0.06471,0.01355,-0.01638,0.05919,0.01211,0.02773,-0.07705,0.15031,-0.02377,-0.05771,0.04039,0.0605,-0.01892,0.11107,0.09458,-0.07692,0.04034,-0.02833,-0.01021,-0.01824,0.02113,0.0487,-0.06304,0.0179,-0.00531,-0.03105,0.05248,-0.06927,0.03591,-0.03321,0.00061,-0.02052,0.08097,-0.0325,-0.02934,0.04072,-0.02666,-0.07362,0.11221,-0.02051,0.03919,0.04318,-0.00252,0.0194,-0.02707,-0.0123,0.00106,0.11159,-0.01243,0.068,-0.07356,-0.0968,-0.02864,-0.03428,-0.00291,-0.02442,-0.10007,0.02865,0.04197,-0.02546,-0.01883,0.03878,-0.01578,-0.07133,-0.02703,-0.07885,-0.12801,0.0402,-0.02477,-0.01477,0.03969,0.03592,-0.03574,-0.01599,-0.03789,-0.06963,0.0257,-0.02359,0.04203,0.04497,0.04023,0.0291,0.04412,0.00387,-0.07958,0,0.00052,-0.01789,0.00011,0.0087,-0.00262,-0.04694,0.02229,-0.00194,-0.03453,-0.07298,0.01856,0.03117,-0.01308,-0.02289,-0.04238,-0.10373,-0.02563,0.06451,-0.0382,-0.01177,0.06601,0.0381,-0.05745,-0.07831,-0.04736,0.07203,-0.073,0.06174,-0.03117,0.02603,-0.01037,-0.01672,-0.057,-0.04081,-0.06907,0.02109,-0.01692,-0.08184,-0.03437,-0.0078,-0.00909,0.01334,-0.07904,-0.06237,0.01236,-0.05865,-0.04995,0.03904,0.0058,0.01311,0.04466,0.04291,0.03795,0.00923,0.03601,-0.04329,0.004,0.01884,-0.05415,0.00233,0.02272,0.11171,-0.09493,-0.04241,-0.00988,0.08462,-0.00117,0.06297,0.05536,-0.00053,-0.04289,0.06771,0.00005,0.02516,0.0551,0.03672,-0.04949,-0.02984,-0.04478,0.02248,-0.01154,-0.03517,0.03574,-0.00548,0.03533,-0.09219,0.03569,-0.03894,-0.11959,0.05245,0.06863,-0.01422,0.0739,0.07214,0.05,0,-0.04892,0.02762,0.01002,0.08039,0.009,-0.04796,0.00771,0.03727,0.05224,-0.09869,-0.05104,0.00653,-0.01102,0.05018,0.07194,-0.02449,-0.06633,-0.05486,0.02427,-0.00468,0.05277,-0.04743,-0.00398,0.08881,-0.0469,0.00126,0.05322,0.00155,0.04255,-0.02657,0.03671,-0.08559,-0.04313,-0.01603,-0.0139,-0.07422,-0.12208,0.06318,0.03099,0.04223,0.03616,0.02658,-0.06105,0.05643,-0.01703,0.08355,-0.0713,-0.00556,0.01364,-0.00439,-0.08098,0.04498,-0.03842,-0.00238,0.01793,0.07058,0.12459,0.02782,-0.04306,-0.0239,-0.01933,-0.04446,-0.01863,-0.06541,0.07349,0.02314,0.07214,-0.01869,0.03047,0.11295,0.07181,0.07178,-0.00936,-0.01861,0.08683,0.05543,0.08914,-0.05545,0.02111,-0.01543,-0.06699,0.03798,0.03498,0.06414,0,0.01925,-0.07956,0.02541,0.08027,0.09421,0.01137,-0.01267,0.01349,-0.01487,-0.00041,0,-0.10812,0.01288,-0.01843,0.02278,-0.0027,0.0082,0.01237,-0.01764,-0.01429,-0.02666,-0.03012,0.05184,0.02735,-0.05231,0.07354,0.00985,0.00714,-0.03855,-0.02439,-0.07002,-0.00523,-0.04384,0.00608,0.07415,-0.0791,-0.044,0.00338,0.03989,-0.01409,-0.0298,-0.0269,0.00932,0.02688,0.10801,-0.09349,0.03015,-0.04604,-0.00099,0.06221,0.02555,0.02917,0.05882,-0.08178,-0.04834,-0.02062,0.06741,0.05332,-0.03263,-0.04888,0.02738,-0.06949,0.01132,-0.06732,0.15195,0.05508,0.04701,-0.04695,-0.02794,0.07474,-0.00793,-0.03743,0.02432,0.01038,0.00147],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. How it works - During pointer down, the drag pipeline checks whether the event started on an element marked with fRotateHandle. - If yes, the interaction is routed into rotation logic (instead of move/resize). - For smooth UX, the library rotates internally while dragging. - Your app typically persists the final angle when the interaction finishes via: - fNodeRotateChange (for nodes) - fGroupRotateChange (for groups) This matches the overall model of Foblex Flow: the library handles interactive rendering, and your app owns the persisted diagram state. The optional Managed Flow State plugin does not capture rotation in v1, so this final-output persistence step still applies when managed state is enabled. f Rotate Handle f Node Rotate Change f Group Rotate Change","excerpt":"How it works - During pointer down, the drag pipeline checks whether the event started on an element marked with fRotateHandle. - If yes, the interaction is routed into rotation logic (instead of move/resize). - For smooth UX, the library rotates internally while dragging. - Your app typically persists the final angle when the interaction finishes via: - fNodeRotateChange (for nodes) - fGroupRotateChange (for groups) This matches the overall model of Foblex Flow: the library handles interactive rendering, and your app owns the persisted diagram state. The optional Managed Flow State plugin does not capture rotation in v1, so this final-output persistence step still applies when managed state is enabled."},{"chunkId":"/docs/f-rotate-handle-directive#4","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.07435,0.00717,-0.0409,0.06232,0.04616,0.02758,-0.03621,-0.04383,0.05607,0.00794,0.03113,-0.00762,0.01155,-0.04419,0.03717,0.01164,-0.05784,0.08503,-0.02734,-0.00635,0.01158,-0.00695,0.03802,0.00175,-0.07639,-0.00273,-0.07479,-0.04494,0.08622,-0.01209,-0.10989,0.1491,-0.07231,0.04402,-0.12755,0.11488,0.02321,-0.0506,-0.09315,-0.03454,0.05,0.0789,0.06967,-0.0299,0.01888,0.0289,-0.05598,0.01716,-0.07054,0.12548,-0.03136,-0.12463,-0.0073,0.0325,-0.03459,0.07292,0.05784,-0.05698,0.03393,0.01584,0.06039,-0.04815,0.01186,0.02608,-0.05381,0.0454,0.02283,-0.04162,0.00017,-0.08596,0.01931,-0.0351,-0.00491,-0.01028,0.06459,0.01851,-0.06364,0.00182,-0.02305,-0.09097,0.09632,0.01837,0.0445,0.06366,0.03833,0.015,-0.02358,0.03891,0.01029,0.1256,-0.0516,0.03457,-0.06524,-0.08982,-0.13534,0.05842,-0.01151,0.01828,-0.12717,0.02993,0.05378,-0.043,-0.08229,0.00767,0.008,-0.06733,-0.031,-0.10831,-0.14554,-0.01031,-0.01482,0.0101,-0.02198,-0.01499,-0.05927,-0.04975,0.03034,-0.08574,0.06624,-0.01999,0.05816,0.01584,0.01975,0.03453,0.04448,0.00049,-0.07642,0,0.08422,0.04752,0.02689,-0.02419,0.02748,-0.05385,-0.06349,0.00484,-0.04529,-0.09205,0.06359,-0.01452,0.04991,-0.06646,-0.0058,-0.0813,-0.0413,0.07081,-0.04158,-0.08056,-0.01166,0.02657,-0.02862,-0.06167,-0.06465,0.04324,-0.03609,0.02098,0.04941,0.01544,0.03663,-0.04092,-0.03074,0.00478,-0.04859,0.01216,0.01099,-0.10501,-0.05826,0.01456,0.00991,0.03393,-0.04035,-0.0755,0.02646,-0.00931,-0.06568,0.07177,0.05572,-0.00813,-0.01701,0.08605,0.03369,-0.01691,-0.0148,-0.0141,0.03014,0.02204,-0.04956,0.01805,-0.05185,0.05067,-0.03462,-0.03807,-0.04437,0.06231,0.01828,0.03876,0.03595,-0.0219,0.00633,0.01911,-0.0145,0.0957,-0.01159,-0.00309,-0.04878,-0.01362,-0.03743,0.06626,0.03446,-0.01218,0.0069,0.02641,-0.05228,-0.11767,0.03659,-0.00586,-0.01544,0.04126,0.00292,0.03149,0.05002,0.03078,0.00991,0,-0.06997,0.01235,-0.00992,0.07049,0.02135,-0.04582,-0.00525,0.01563,0.07187,-0.0396,-0.03168,-0.02043,0.00401,0.04515,-0.00287,-0.05844,-0.12385,0.00134,0.04825,0.02301,0.05887,-0.03009,0.04318,0.14901,0.03045,-0.00008,0.01604,-0.00075,-0.00946,-0.0098,0.0141,-0.07525,0.00583,0.01985,-0.04063,-0.07611,-0.08479,0.08282,-0.03946,0.09576,0.07635,0.01923,-0.05991,0.0336,-0.02305,0.02217,-0.01503,0.02591,-0.03035,0.03133,-0.08595,0.00422,-0.00811,-0.05427,0.02916,-0.00162,0.0989,-0.03464,0.03119,-0.03616,0.01007,-0.07903,-0.00238,-0.00471,0.10893,-0.00104,0.08717,-0.0225,0.00349,0.08302,0.06835,0.05042,0.02894,-0.04034,0.08999,0.03439,0.10335,-0.09068,-0.02785,-0.01996,-0.05372,-0.01706,0.03661,0.06202,0.01124,0.00643,-0.01029,0.09173,0.04017,0.0678,-0.06013,0.0182,0.02892,0.02319,0.02078,0,-0.08049,0.04041,-0.01241,0.05197,0.00048,0.00898,0.05197,-0.01673,-0.02923,0.05085,-0.05559,-0.00365,0.00458,-0.0616,0.07162,-0.01391,-0.00365,0.0164,-0.0468,-0.00517,0.00377,-0.00148,-0.01102,0.01206,-0.00898,-0.00798,-0.03795,0.03769,-0.02013,-0.03417,-0.06981,-0.0101,0.05362,0.035,-0.10765,0.01623,-0.03819,0.02327,0.06126,0.0689,0.0162,0.08792,-0.08642,-0.00949,0.01308,0.0421,0.0953,0.01913,0.0228,-0.00608,-0.01746,-0.0729,-0.00565,0.07941,0.00073,0.07681,0.00655,0.02022,0.0436,-0.02777,0.00612,0.04179,0.03256,-0.0184],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. API","excerpt":"API"},{"chunkId":"/docs/f-rotate-handle-directive#5","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.04983,-0.00239,-0.0595,0.05233,0.03086,0.03619,-0.00712,-0.04582,0.05118,-0.0103,0.04416,-0.01562,0.01528,-0.05257,0.01715,0.01564,-0.06846,0.07782,-0.02851,-0.01188,0.00365,-0.03096,0.02444,-0.01081,-0.11298,0.00163,-0.07721,-0.03112,0.08302,-0.03033,-0.10458,0.14588,-0.05431,0.03071,-0.13121,0.09883,0.03343,-0.05557,-0.12347,-0.03974,0.04031,0.05258,0.08829,-0.01952,0.025,0.02726,-0.05489,0.00923,-0.04635,0.10023,-0.03256,-0.11746,-0.00026,0.04832,-0.03031,0.07086,0.05877,-0.05665,0.04571,0.01258,0.05045,-0.03587,0.00829,0.02523,-0.04356,0.04582,0.02427,-0.0373,-0.01044,-0.07783,0.00648,-0.03075,-0.00981,-0.02832,0.07712,0.02635,-0.07607,-0.01263,0.00063,-0.06407,0.09841,0.01772,0.03688,0.06523,0.02404,0.02248,-0.02902,0.04081,0.0167,0.11466,-0.05918,0.02884,-0.07504,-0.07659,-0.14263,0.06098,-0.00508,0.01847,-0.13524,0.04433,0.05484,-0.05097,-0.05374,0.00386,-0.00322,-0.06781,-0.02877,-0.10688,-0.1231,-0.03222,-0.02533,-0.01073,-0.01941,-0.00067,-0.05228,-0.05219,0.04994,-0.08748,0.05613,-0.01777,0.0483,0.03332,-0.00259,0.0359,0.03857,-0.00019,-0.07279,0,0.07225,0.03995,0.01725,-0.02559,0.00556,-0.05053,-0.07145,0.00415,-0.03805,-0.06342,0.04881,-0.02708,0.04843,-0.05728,0.02262,-0.08287,-0.0322,0.07871,-0.03511,-0.10526,0.00477,0.03396,-0.02451,-0.06259,-0.05302,0.05405,-0.0364,0.0345,0.05574,0.00615,0.04554,-0.04259,-0.03184,-0.00211,-0.0456,0.00665,0.0324,-0.07961,-0.06055,0.00899,0.01094,0.00008,-0.03251,-0.06789,0.04376,-0.01347,-0.06673,0.06412,0.04234,0.00493,-0.02268,0.07581,0.04454,-0.01558,-0.02736,-0.00586,0.02263,0.03206,-0.0611,0.01641,-0.06318,0.05189,-0.04072,-0.0425,-0.06202,0.05696,0.00448,0.0201,0.04895,-0.01849,-0.01871,0.00076,-0.00883,0.09616,-0.00902,0.00607,-0.06442,-0.0219,-0.05698,0.06773,0.03982,-0.00154,0.00915,0.0372,-0.02961,-0.11888,0.02176,-0.02308,-0.00202,0.03196,-0.01059,0.03984,0.03592,-0.00145,0.01434,0,-0.07955,0.04905,-0.02525,0.06876,0.01864,-0.01519,0.00667,0.0168,0.07786,-0.05842,-0.01781,-0.00699,0.03047,0.0276,-0.00601,-0.04481,-0.13685,0.01932,0.045,0.04055,0.04674,-0.03962,0.03262,0.15916,0.01605,0.01557,0.04349,0.01555,0.00191,0.00797,0.0133,-0.0635,0.01303,0.026,-0.05509,-0.06933,-0.08586,0.07157,-0.03324,0.10196,0.08727,0.03766,-0.05735,0.05327,-0.02895,0.03795,-0.01888,0.01514,-0.01569,0.03009,-0.09496,-0.00166,-0.02554,-0.0507,0.01654,0.00379,0.10942,-0.01572,0.02877,-0.02519,0.01936,-0.0938,0.00123,-0.01757,0.1134,0.0028,0.08508,-0.01137,0.01474,0.07333,0.0776,0.07518,0.05005,-0.04126,0.08878,0.04517,0.06617,-0.09531,-0.03899,-0.02325,-0.03458,-0.00779,0.03637,0.05283,0.02945,0.01477,-0.01976,0.07955,0.05362,0.05458,-0.04534,0.04718,0.03336,0.04291,0.022,0,-0.06165,0.04209,0.00643,0.04406,-0.00355,0.02042,0.07203,-0.04502,-0.02457,0.03694,-0.05387,-0.00725,-0.00188,-0.05679,0.09181,-0.00617,-0.00756,0.00791,-0.06211,-0.02751,0.02359,-0.01623,-0.01552,0.0402,-0.00351,-0.01728,-0.04799,0.03788,-0.02333,-0.01719,-0.05758,0.0009,0.04458,0.03002,-0.11632,0.0471,-0.05468,0.02816,0.04294,0.05962,-0.00298,0.08727,-0.11067,-0.02589,-0.00931,0.05228,0.09521,-0.00081,0.00411,0.00623,-0.0117,-0.06991,0.01278,0.07625,0.01238,0.07257,0.00045,0.02174,0.02119,-0.02021,-0.02105,0.05372,0.02202,-0.01792],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Inputs - No inputs.","excerpt":"Inputs - No inputs."},{"chunkId":"/docs/f-rotate-handle-directive#6","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.04336,0.01116,-0.06506,0.05692,0.04164,0.02255,-0.01246,-0.05024,0.06085,0.00108,0.05214,-0.01915,0.0078,-0.06138,-0.00276,0.00968,-0.06512,0.07993,-0.0197,-0.03125,0.03023,-0.0111,0.03157,0.0027,-0.08596,0.00568,-0.09039,-0.01588,0.07354,-0.04086,-0.1034,0.1549,-0.04934,0.03559,-0.12146,0.10457,0.04528,-0.0592,-0.1022,-0.03819,0.05515,0.06508,0.09665,-0.02941,0.01398,0.02589,-0.08506,0.00604,-0.06073,0.10363,-0.01786,-0.11347,-0.00943,0.03774,-0.0231,0.0774,0.04876,-0.06076,0.03006,-0.00164,0.04103,-0.0417,-0.0022,0.02126,-0.0307,0.03666,0.01558,-0.01582,-0.01593,-0.06249,-0.00717,-0.0351,-0.01595,-0.02466,0.07703,0.01918,-0.06036,-0.0094,-0.01346,-0.07015,0.09162,0.01246,0.0405,0.07401,0.02474,0.01673,-0.02622,0.04008,0.0116,0.12835,-0.06189,0.0398,-0.07565,-0.07668,-0.15606,0.05861,0.0064,0.02065,-0.10947,0.04743,0.0609,-0.04089,-0.02946,-0.01232,-0.00439,-0.05911,-0.03347,-0.08994,-0.1253,-0.03774,-0.01609,0.00353,-0.02449,-0.02027,-0.03482,-0.06146,0.03249,-0.0792,0.05789,-0.01649,0.05773,0.02664,-0.00041,0.05911,0.04001,0.01714,-0.06426,0,0.07367,0.02683,0.0169,-0.04181,0.01686,-0.03616,-0.08796,-0.00551,-0.03964,-0.05305,0.04882,-0.01776,0.06017,-0.06111,0.00687,-0.08974,-0.01237,0.07918,-0.05109,-0.08653,-0.00972,0.04209,-0.02918,-0.06153,-0.04762,0.05337,-0.04033,0.01817,0.02709,0.00739,0.04651,-0.03519,-0.00955,-0.01086,-0.05193,-0.00067,0.02037,-0.08761,-0.06267,0.01601,-0.01156,0.01988,-0.04072,-0.06711,0.04465,-0.00659,-0.05613,0.08432,0.05954,0.0135,-0.01498,0.07057,0.04402,-0.00004,-0.0279,-0.01166,0.03235,0.03653,-0.05489,0.01732,-0.04656,0.07174,-0.04568,-0.07576,-0.06514,0.04845,0.00703,0.02133,0.04367,-0.00742,-0.02936,-0.00081,-0.01,0.10425,0.00724,0.01409,-0.05041,-0.04426,-0.06665,0.05479,0.03584,0.01367,0.00252,0.00691,-0.01919,-0.12018,0.02209,-0.01988,0.00811,0.04207,-0.03152,0.03058,0.04465,0.00604,0.00612,0,-0.07355,0.05398,-0.04279,0.05783,0.00336,-0.02752,0.01324,0.01005,0.06066,-0.0599,-0.01856,-0.01834,0.01084,0.03786,0.01896,-0.06622,-0.13067,0.0146,0.03435,0.03722,0.05634,-0.02218,0.05374,0.16003,0.02686,0.01326,0.0505,0.01349,-0.00983,-0.0082,0.0388,-0.07869,0.01765,0.02729,-0.04388,-0.08245,-0.07732,0.0619,-0.02034,0.09945,0.07024,0.03432,-0.05838,0.05057,-0.02938,0.03066,-0.01288,0.01133,-0.00795,0.02043,-0.08057,-0.00085,-0.02054,-0.03644,0.01381,-0.02131,0.09431,-0.01295,0.01831,-0.03743,0.01509,-0.10378,0.00628,-0.02686,0.11308,-0.00681,0.08795,-0.01082,0.02746,0.08934,0.07256,0.06586,0.02806,-0.03436,0.09043,0.05947,0.05561,-0.09216,-0.04253,-0.00395,-0.03762,-0.01136,0.04363,0.05849,0.03458,-0.0092,-0.01578,0.0748,0.05385,0.0686,-0.0482,0.0448,0.02835,0.04802,0.02722,0,-0.07368,0.006,0.00328,0.05447,-0.01407,0.02829,0.07159,-0.05886,-0.03611,0.0301,-0.04848,-0.01862,-0.01526,-0.07396,0.10268,-0.01546,-0.00352,0.00062,-0.06462,-0.03236,0.00548,-0.01054,-0.02753,0.0333,-0.01948,-0.02338,-0.03703,0.04064,-0.02266,-0.02608,-0.04283,-0.00027,0.04862,0.02193,-0.09224,0.04429,-0.05801,0.03575,0.05852,0.08936,-0.01453,0.0882,-0.10552,-0.00762,-0.00561,0.03513,0.10316,-0.00655,0.00323,-0.00181,0.00385,-0.08029,-0.00392,0.08292,0.00408,0.05567,0.01849,0.02029,0.02433,-0.00554,-0.0134,0.0507,0.03061,-0.02965],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-rotate-handle-directive#7","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.06167,0.02508,-0.05038,0.05489,0.02804,0.03774,-0.0315,-0.02274,0.04273,0.01419,0.03791,0.00434,-0.01376,-0.04828,0.03366,0.01133,-0.05987,0.09687,-0.01789,0.00661,0.02722,-0.01844,0.02264,-0.00454,-0.08647,-0.00943,-0.06588,-0.03339,0.09451,-0.03507,-0.09752,0.13833,-0.06929,0.03854,-0.11879,0.10205,0.05073,-0.04603,-0.10258,-0.0321,0.02269,0.07971,0.05763,-0.03389,0.03996,0.02245,-0.06858,0.02405,-0.06775,0.08619,-0.03223,-0.13468,0.01132,0.01719,-0.03257,0.05588,0.05335,-0.06547,0.03954,0.01169,0.06986,-0.03559,-0.01055,0.03282,-0.05267,0.0413,0.03316,-0.03266,0.0135,-0.06801,-0.01624,-0.03252,-0.00827,0.00379,0.05335,0.00946,-0.06234,0.00017,-0.01944,-0.08814,0.08627,0.02922,0.03846,0.05032,0.06237,0.02064,-0.02731,0.04805,0.02637,0.12561,-0.05059,0.06126,-0.06894,-0.10944,-0.15488,0.07007,0.0049,0.0128,-0.11117,0.05662,0.05013,-0.04715,-0.04744,-0.01062,0.01457,-0.05782,-0.03752,-0.11727,-0.12202,-0.00478,-0.01746,0.01397,-0.05498,-0.04897,-0.04176,-0.08155,0.02809,-0.08934,0.07792,0.00164,0.06655,0.00991,0.02493,0.03422,0.04711,0.01356,-0.09272,0,0.08083,0.06223,-0.00843,0.00411,0.04115,-0.05032,-0.06244,0.01313,-0.04891,-0.07197,0.08917,-0.01391,0.0547,-0.05092,0.00774,-0.07649,-0.04566,0.07928,-0.03739,-0.09773,0.00777,0.01525,-0.00473,-0.04438,-0.05091,0.04662,-0.02761,0.02415,0.03589,0.0173,0.06367,-0.05836,-0.04317,0.00786,-0.0382,0.00816,0.02014,-0.11188,-0.06109,0.00895,0.00714,0.00912,-0.04051,-0.0694,0.03864,-0.00979,-0.05383,0.07631,0.06849,-0.02626,-0.00821,0.07774,0.03245,-0.01956,-0.0208,-0.01613,0.01442,0.02063,-0.04424,0.00705,-0.05306,0.03408,-0.0447,-0.04556,-0.03921,0.03032,0.0246,0.02797,0.05723,-0.02132,0.00874,-0.00493,-0.0024,0.09754,-0.02316,-0.0093,-0.03533,-0.01657,-0.03243,0.06461,0.01207,-0.00218,0.01633,0.01737,-0.04258,-0.12028,0.04606,-0.00376,-0.00392,0.02491,-0.02599,0.03115,0.04051,0.02325,0.01262,0,-0.06936,0.02122,-0.01215,0.06226,0.0051,-0.03642,-0.00736,0.01419,0.06106,-0.05514,-0.02245,-0.04078,0.01394,0.04976,0.014,-0.04593,-0.14346,-0.01555,0.01985,0.02739,0.02416,-0.04164,0.0523,0.15123,0.02544,0.00193,0.01408,-0.00919,-0.00924,-0.00679,0.01131,-0.07963,0.03287,0.02288,-0.04779,-0.05903,-0.08887,0.07975,-0.02057,0.119,0.07839,0.02222,-0.04269,0.02326,-0.04412,0.02337,-0.03235,0.01992,-0.01533,0.01768,-0.07475,-0.00899,-0.02605,-0.05612,0.02071,-0.00928,0.08405,-0.0379,0.01293,-0.0159,0.03343,-0.0813,0.01138,0.00035,0.12433,-0.00863,0.05514,-0.05058,-0.02585,0.08657,0.06728,0.06062,0.03461,-0.04365,0.0762,0.03518,0.09549,-0.08743,-0.04851,-0.03067,-0.03092,-0.03777,0.0335,0.04164,0.00295,-0.01981,-0.00313,0.08314,0.03386,0.06417,-0.05664,0.03714,0.04711,0.06162,0.03256,0,-0.07288,0.03223,0.01949,0.03151,-0.00679,0.0345,0.05937,-0.03221,-0.03561,0.03157,-0.05201,-0.00297,-0.00495,-0.04711,0.07931,-0.0328,-0.02203,0.03484,-0.06485,-0.03415,-0.00768,0.01314,-0.0147,0.01547,-0.00654,0.01772,-0.0376,0.0432,0.00523,-0.02686,-0.06287,0.00882,0.06552,0.03648,-0.09556,0.0542,-0.04686,0.02329,0.03316,0.07791,0.02094,0.09062,-0.09591,-0.00294,0.02151,0.04831,0.08639,0.02111,0.01228,0.00437,-0.00471,-0.06861,-0.01546,0.08407,-0.02171,0.0907,0.00259,0.01916,0.04032,-0.02122,-0.00108,0.0436,0.03752,-0.01103],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-rotate-handle-directive#8","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.07122,0.04203,-0.05869,0.04104,0.05204,0.03275,0.01478,-0.01182,0.05735,0.00484,-0.00375,0.00537,-0.03045,-0.04702,0.03613,-0.00489,-0.07974,0.05383,0.00126,-0.00342,-0.00692,-0.02085,0.03021,0.00837,-0.11303,0.07042,-0.0312,-0.02395,0.07702,-0.05514,-0.04973,0.1655,-0.08497,0.04486,-0.18811,0.07997,0.01181,-0.02348,-0.1009,-0.01851,0.06349,0.0486,0.08868,-0.04504,0.01208,0.01261,-0.06246,0.01895,-0.01287,0.09917,-0.01875,-0.13081,0.01548,0.07639,-0.04811,0.05712,0.1391,-0.08661,0.05379,0.02491,0.0316,-0.03877,-0.00079,0.02833,-0.06921,0.0071,-0.00891,-0.01629,-0.02603,-0.05857,0.02916,-0.03256,-0.01102,-0.01644,0.06628,-0.01722,-0.07812,0.00775,-0.01525,-0.08042,0.11633,0.0424,0.02771,0.0652,0.03837,0.04554,-0.0347,-0.00076,0.0174,0.11438,-0.05543,0.05027,-0.05728,-0.09717,-0.08455,0.07163,-0.03734,-0.01443,-0.10262,0.03098,0.07695,-0.04384,-0.03161,0.00996,-0.00518,-0.02824,-0.05116,-0.07806,-0.11909,-0.05187,-0.02653,0.00903,-0.04249,-0.05803,-0.045,-0.08796,0.03091,-0.10168,0.03979,0.0142,0.07257,0.02195,-0.03475,-0.01141,0.0789,0.02568,-0.06305,0,0.06967,0.04157,-0.05236,0.00225,0.03267,-0.00712,-0.0131,-0.00505,-0.05083,-0.02934,0.07691,-0.05471,-0.02969,-0.06727,-0.04853,-0.13691,-0.01575,0.04966,-0.0427,-0.06566,0.01909,0.01207,-0.04774,-0.05536,-0.03083,0.04596,-0.05477,0.02798,-0.02516,0.01034,0.05333,-0.03517,-0.0195,-0.00194,-0.04805,0.00674,-0.00885,-0.0715,-0.03364,0.00474,-0.01699,0.00579,-0.03103,-0.04784,0.03744,0.03253,-0.07534,0.04231,0.07217,0.01299,0.03557,0.07208,0.05122,0.00461,0.04924,-0.0023,-0.00082,0.05342,-0.05397,0.04219,-0.04052,0.08146,-0.09724,-0.03157,-0.02756,0.03214,0.03317,0.04278,0.03468,-0.04956,-0.01654,0.00651,-0.01777,0.08406,0.00924,0.01858,-0.04946,-0.0175,-0.01345,0.0465,-0.02685,-0.01821,0.02552,0.04281,-0.0482,-0.09975,0.0241,-0.03981,-0.01406,-0.00574,0.01805,0.02494,0.07134,0.00491,0.03095,0,-0.06905,0.04519,0.00583,0.09078,-0.00914,0.00175,0.03448,0.00367,0.04819,-0.02209,-0.01987,0.05164,-0.00182,0.00376,0.03917,0.00129,-0.11369,0.00136,0.04345,0.01668,0.03956,-0.03739,0.04001,0.09558,-0.01393,-0.00692,0.04309,-0.0236,0.0321,-0.00879,0.01486,-0.05209,0.03075,0.01675,-0.04048,-0.08307,-0.08928,0.08544,-0.01614,0.12444,0.05628,0.04338,-0.01662,0.06087,-0.07974,0.02709,-0.05264,0.01535,-0.01481,0.03719,-0.12882,-0.00239,-0.03544,-0.05555,0.01613,0.00488,0.08894,-0.01342,0.00248,-0.02075,0.05126,-0.06023,-0.02082,-0.02274,0.07651,-0.01515,0.03912,-0.01801,0.01072,0.08821,0.05017,0.06508,0.03712,-0.0432,0.09793,0.02317,0.12759,-0.06461,0.00169,0.02424,-0.02003,0.03162,-0.01434,0.00207,0.00431,-0.02534,-0.06412,0.03223,0.0728,0.0243,-0.07396,0.04143,0.01448,-0.02612,0.03228,0,-0.11069,-0.0351,0.04049,-0.0225,-0.00639,0.00721,0.04102,-0.00309,-0.02363,0.037,-0.04017,0.05948,0.03352,-0.08667,0.07306,0.01589,-0.01597,0.0418,-0.05037,-0.0228,0.02066,-0.00079,-0.02997,0.04788,-0.04635,-0.02376,-0.03701,0.01178,-0.00452,-0.00724,-0.06891,0.0115,0.00767,0.00478,-0.07812,0.0485,-0.04997,-0.01841,0.03652,0.04498,-0.00377,0.06468,-0.07247,-0.03625,-0.04124,0.06108,0.05853,0.0064,-0.00327,0.01537,-0.0344,-0.03397,-0.01038,0.11696,0.02184,0.06795,0.01259,-0.00572,0.02554,-0.05003,-0.04816,0.10314,0.05932,-0.00394],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Styling - .f-component Base class for flow primitives. - .f-rotate-handle Class added to the host element by the directive. Common patterns: - Use cursor: grab / cursor: crosshair for the rotate handle. - Place the handle outside the main content area (corner/edge) to avoid conflicting with clicks and text selection.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-rotate-handle Class added to the host element by the directive. Common patterns: - Use cursor: grab / cursor: crosshair for the rotate handle. - Place the handle outside the main content area (corner/edge) to avoid conflicting with clicks and text selection."},{"chunkId":"/docs/f-rotate-handle-directive#9","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.03945,0.00954,-0.05281,0.03256,0.02877,-0.00294,-0.01786,0.02902,0.06176,-0.03142,0.01375,0.0018,-0.03836,-0.03944,0.00243,-0.04984,-0.04599,0.08307,-0.02739,-0.00354,-0.0214,-0.05114,0.03155,0.02486,-0.10535,0.02497,-0.0897,-0.00521,0.05551,-0.05826,-0.01704,0.16564,-0.07681,0.03382,-0.12027,0.07953,-0.02175,-0.01118,-0.07378,-0.07381,0.01512,0.05084,0.11201,-0.02857,0.03759,0.04799,-0.00341,0.05448,-0.05058,0.07989,-0.01211,-0.11618,0.01131,0.0184,0.00153,0.03285,0.08251,-0.07122,0.01557,0.05348,0.03427,-0.02881,-0.01173,0.03101,-0.04098,0.0356,0.01755,-0.03858,0.02008,-0.01656,0.03932,0.02884,0.0042,-0.01391,0.10226,-0.00696,-0.07057,0.02536,0.00247,-0.07489,0.06713,0.02143,0.07308,0.03062,0.05396,-0.00123,-0.01667,0.00224,0.00393,0.12383,0.03131,0.09938,-0.12122,-0.04145,-0.09874,0.02825,-0.05204,-0.01346,-0.14129,0.05494,0.04494,-0.05292,-0.01984,0.0477,0.01629,-0.03709,-0.01303,-0.11241,-0.1437,-0.04652,0.00347,-0.00452,-0.0004,0.03437,-0.04997,-0.08854,0.00866,-0.07898,0.02314,-0.04196,0.02082,0.04163,0.00182,0.00056,0.00676,0.0377,-0.06181,0,0.01133,0.04859,-0.04366,0.00659,0.00723,-0.02043,-0.02429,0.02376,-0.01962,-0.03545,0.06651,-0.06478,-0.00043,-0.04964,0.03266,-0.09746,-0.04733,0.047,-0.08852,-0.0317,0.03392,-0.02306,-0.04431,-0.06223,-0.05255,0.04857,-0.05112,0.06916,-0.03023,0.01821,-0.00137,-0.06616,-0.03476,0.0224,-0.04377,-0.0098,-0.00582,-0.09903,-0.09377,0.00086,-0.03126,0.06642,-0.02906,-0.05288,0.03033,-0.01277,-0.08729,0.08577,0.06092,0.01147,0.01493,0.07174,0.07875,-0.00482,-0.01007,-0.02913,0.02026,0.02076,-0.02426,0.06793,-0.04692,0.01788,-0.0687,-0.03304,-0.01047,0.10601,0.02355,0.04337,0.03041,-0.05769,-0.00048,-0.01765,-0.00082,0.08221,0.0283,0.00318,0.00469,-0.01762,-0.05013,0.01735,0.04432,-0.01112,0.0428,0.01916,-0.05826,-0.12526,0.05415,-0.05281,-0.02077,0.07695,-0.01095,0.0105,0.08248,0.03712,0.08209,0,-0.09255,0.04702,0.00726,0.06108,-0.01231,-0.01803,0.00936,-0.00529,0.06767,-0.05987,-0.08813,-0.01921,-0.03304,0.0053,-0.00307,-0.04898,-0.10862,-0.00789,0.04647,-0.01154,0.04973,0.0066,0.02676,0.13204,0.00828,0.01659,0.0008,-0.01032,-0.0118,0.00874,0.03018,-0.08634,0.02603,0.0211,-0.02308,-0.08761,-0.03799,0.08299,0.00311,0.1312,0.08343,0.07226,-0.04715,0.05117,-0.03021,0.0721,-0.0417,0.01401,-0.01633,0.02028,-0.11577,0.05005,-0.02598,-0.03225,0.01925,0.03412,0.11609,-0.01904,-0.01634,-0.06017,-0.0116,-0.09204,-0.01713,0.00323,0.12481,-0.00905,0.07008,-0.01463,0.03834,0.12863,-0.00503,0.04021,0.0341,-0.03339,0.08997,0.04324,0.11422,-0.08253,0.00477,0.01752,-0.03466,-0.02849,0.02486,0.02289,0.01661,0.01559,-0.00929,0.02511,0.05997,0.04825,0.00408,0.03161,0.04123,-0.03332,0.03573,0,-0.04488,-0.00729,-0.00256,0.03583,-0.02139,0.02204,0.04456,0.00154,-0.07694,0.0097,-0.05495,0.04975,0.00894,-0.07297,0.03607,-0.06644,-0.00528,0.00004,-0.09409,-0.01503,-0.02837,0.01585,-0.00662,0.03323,-0.06158,-0.01982,0.00755,0.03439,-0.00929,-0.02707,-0.01862,0.00939,0.06248,0.05768,-0.10381,0.05363,-0.05015,0.04678,0.04186,0.08713,-0.03872,0.05762,-0.03669,-0.02339,-0.02784,0.02416,0.04806,0.01965,0.00211,0.00559,-0.00522,0.01215,-0.02933,0.09886,0.00761,0.05566,-0.01283,0.00298,0.04002,-0.04233,-0.01219,0.02541,0.04646,-0.02596],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Notes and pitfalls - Requires fDraggable on the parent f-flow; without it, the handle is inert. - If you have both fDragHandle and fRotateHandle in a small area, hit-testing can feel inconsistent - increase handle size or spacing. - If you persist layout state, remember to save rotation together with position/size (e.g., on fNodeRotateChange). f Draggable f Drag Handle f Rotate Handle f Node Rotate Change","excerpt":"Notes and pitfalls - Requires fDraggable on the parent f-flow; without it, the handle is inert. - If you have both fDragHandle and fRotateHandle in a small area, hit-testing can feel inconsistent - increase handle size or spacing. - If you persist layout state, remember to save rotation together with position/size (e.g., on fNodeRotateChange)."},{"chunkId":"/docs/f-rotate-handle-directive#10","slug":"f-rotate-handle-directive","route":"/docs/f-rotate-handle-directive","section":"docs","title":"FRotateHandleDirective - Rotation Handle for Node and Group Editing","description":"Use `fRotateHandle` to enable direct rotation interactions for nodes and groups.","group":"Nodes","vector":[-0.07255,0.05261,-0.07233,0.05944,0.05158,0.09586,-0.03182,0.00043,0.0456,0.04551,-0.02443,0.0308,-0.02266,-0.01533,0.03972,-0.00746,-0.08883,0.09522,-0.03554,-0.03255,0.00783,-0.01217,0.06502,0.02981,-0.07662,0.02977,-0.05178,-0.02187,0.06484,-0.01233,-0.01274,0.12861,-0.04647,0.03616,-0.14552,0.10682,-0.00928,-0.00015,-0.06224,-0.04976,0.09781,0.08874,0.08331,-0.09567,0.03055,0.01214,-0.07654,0.05278,-0.07986,0.08668,-0.04673,-0.12524,-0.00708,0.06268,-0.02132,-0.01029,0.08375,-0.09445,0.05171,0.00255,-0.00996,-0.07496,0.02006,0.00391,-0.03734,0.03338,-0.06888,-0.03191,-0.07571,0.0117,0.04267,-0.04634,-0.0255,-0.01731,0.0803,-0.03307,-0.06557,0.06309,-0.00367,-0.04177,0.10137,0.01545,0.03238,0.03132,0.00016,0.03624,-0.023,0.00531,0.03081,0.03898,-0.03847,0.07478,-0.05897,-0.05849,-0.04853,0.03351,-0.07396,0.03246,-0.12085,0.02715,0.03286,-0.06923,-0.0157,0.04904,-0.01897,-0.03084,-0.00501,-0.04457,-0.11463,-0.00322,-0.01376,0.05451,-0.00558,-0.03719,-0.0377,-0.09739,0.02269,-0.08607,0.00206,0.06119,0.05736,-0.02272,-0.02479,-0.01045,0.07088,0.02737,-0.028,0,0.04384,0.07349,-0.02659,0.00794,0.01195,-0.03442,-0.02431,-0.04681,-0.03889,0.03554,0.02983,0.01931,-0.00322,-0.08248,-0.06763,-0.1092,0.00078,0.0314,-0.01705,-0.04696,0.05974,-0.01056,-0.06595,-0.02742,0.01119,-0.03954,-0.04817,0.02031,-0.02308,-0.00919,0.08432,-0.00104,0.00629,-0.04043,-0.04652,-0.02413,0.00783,-0.05028,-0.07622,-0.00134,0.04145,-0.00058,-0.07318,0.00918,-0.00643,-0.00581,-0.04381,0.03348,0.10322,0.05473,0.00225,0.07878,0.00366,-0.01586,0.07419,-0.00712,0.01131,0.05353,-0.04246,0.04509,-0.02928,0.05595,-0.0209,-0.04448,-0.00043,0.00191,0.04857,0.04354,0.04354,-0.0649,-0.04441,0.02148,-0.02747,0.0661,-0.00889,0.00367,-0.00748,0.04111,0.00602,0.04171,0.01867,-0.04581,-0.00988,0.08584,-0.00297,-0.11534,-0.00031,-0.02708,-0.03551,-0.05167,0.04486,0.02704,0.03308,0.01106,0.02134,0,-0.02738,0.02155,-0.00096,0.10957,-0.04092,-0.06199,0.06821,0.02888,0.04746,0.00829,0.00059,0.00522,0.0219,0.01004,0.04265,-0.05456,-0.0963,0.00157,0.09712,0.02664,0.06149,0.02143,0.01879,0.10317,-0.02668,0.03431,0.05531,0.0253,0.02504,-0.01371,-0.00991,-0.08026,0.00068,0.04237,-0.06205,-0.10556,-0.07802,0.09906,-0.02973,0.0709,0.09056,0.08202,-0.04758,0.02939,-0.05957,-0.02093,0.04015,-0.00953,-0.01012,-0.0028,-0.09714,0.00326,-0.03958,0.00855,0.0101,-0.03704,0.10959,-0.05344,0.00577,-0.02392,0.045,-0.04415,-0.01615,-0.04439,0.08661,0.0122,0.01984,-0.07107,0.08047,0.10088,0.00604,0.03419,0.07514,-0.01658,0.09645,0.0722,0.08175,-0.05844,0.00809,-0.0148,-0.04914,0.02203,-0.00546,0.06169,0.00218,0.02634,-0.12582,0.00919,0.08791,0.05894,-0.07257,-0.00849,0.02424,-0.03764,0.04342,0,-0.09313,-0.00752,0.01811,0.01809,0.00234,-0.03948,0.03952,-0.08291,-0.0109,0.04103,-0.06446,0.05643,0.048,-0.10785,0.05239,-0.02039,0.01213,0.04085,-0.03427,0.01316,-0.01202,0.00631,0.00818,0.04153,-0.0046,-0.07157,-0.08272,-0.00217,-0.03128,-0.01824,-0.06255,-0.03839,0.0493,0.00168,-0.08201,-0.04153,-0.08137,-0.00753,0.04679,0.05052,0.00827,0.03486,-0.05611,-0.02398,-0.08177,0.06015,0.03255,0.00009,-0.00598,0.0008,-0.01122,-0.02385,-0.05856,0.11045,0.01036,0.05675,0.04927,0.03851,0.00987,-0.05536,-0.02131,0.02528,0.03051,-0.07276],"keywords":"FRotateHandleDirective - Rotation Handle for Node and Group Editing FRotateHandleDirective - Rotation Handle for Node and Group Editing Use `fRotateHandle` to enable direct rotation interactions for nodes and groups. Example ::: ng-component <rotate-handle</rotate-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.scss :::","excerpt":"Example ::: ng-component <rotate-handle</rotate-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.scss :::"},{"chunkId":"/docs/f-connector-directive#0","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00593,-0.04221,-0.05511,0.06518,0.03991,0.04411,0.01475,-0.01704,0.01059,-0.03265,0.01038,-0.01935,-0.00081,-0.00994,0.03304,0.03725,-0.04043,-0.02957,0.01154,0.03033,-0.05567,-0.10052,0.01144,-0.07673,-0.02886,-0.08421,0.02531,-0.02521,-0.00741,-0.05387,0.01236,0.06099,-0.12462,0.02101,-0.04304,0.03319,0.08326,-0.01424,-0.05497,0.04113,0.09756,-0.02844,0.02668,-0.03147,0.01279,0.01288,-0.07597,-0.00605,-0.04522,0.02841,-0.00744,-0.00254,-0.02613,0.08583,0.07914,0.08583,0.01254,0.02696,0.00568,0.06831,0.01295,-0.03355,-0.01694,-0.03852,0.03134,-0.02433,-0.01708,0.00199,-0.03366,-0.03675,0.00316,0.00923,-0.01908,-0.0931,0.08367,0.05376,-0.0279,0.07804,0.00092,-0.102,0.08129,0.16717,-0.02454,-0.0046,0.0237,0.12422,-0.04277,-0.02396,-0.07511,0.07396,0.00036,-0.01604,0.00577,-0.01853,0.00399,0.01252,0.00102,0.01864,-0.0126,-0.0056,-0.05204,-0.01912,-0.01355,0.0437,0.00756,-0.02828,-0.07951,0.04126,-0.00114,-0.03775,0.02747,-0.01583,0.0025,-0.04232,-0.03755,0.01344,-0.01987,0.00771,0.13602,0.03877,-0.04187,0.03041,0.0524,0.01078,-0.01058,-0.02967,-0.05916,0,-0.01072,-0.00272,-0.08011,0.05315,0.04747,-0.0063,0.0157,-0.00526,-0.05334,0.03392,-0.08506,-0.00471,-0.07457,0.00996,-0.02977,-0.06404,-0.02037,0.04846,-0.02269,-0.02842,0.02526,0.00222,-0.03642,-0.04003,0.07592,0.0592,-0.09184,0.04152,-0.02051,0.02509,-0.0066,0.03137,0.09231,0.03238,-0.05159,-0.04197,-0.06253,-0.06208,-0.14874,0.00213,-0.05305,-0.01704,-0.03522,0.01886,0.01329,-0.07291,-0.02531,0.00794,0.07655,0.01062,-0.04115,0.0049,0.05792,-0.08973,0.04296,-0.0926,-0.09443,0.08946,-0.02256,0.01344,-0.02471,0.04638,-0.11165,0.01243,0.03171,0.12964,-0.01746,-0.06816,0.04918,-0.03027,-0.06051,0.07391,-0.07834,0.0001,-0.01976,-0.0347,-0.04167,0.02447,0.07567,-0.01086,-0.09671,-0.02134,-0.009,0.0624,0.09295,-0.05784,-0.01761,-0.05681,-0.00796,-0.01636,0.05537,0.07287,0.05736,-0.00999,0.07897,0,0.0034,0.02002,0.00568,-0.02058,-0.02792,-0.00162,-0.004,-0.09393,0.05747,0.02571,0.03664,0.05217,0.02939,-0.05752,-0.03042,0.00095,-0.06935,-0.06223,-0.01472,0.07143,0.02049,-0.01246,0.06298,-0.02732,-0.00285,-0.02299,0.03212,-0.00241,-0.00355,-0.00093,0.04664,-0.02377,-0.08967,-0.00413,-0.04104,-0.03057,-0.05525,0.07664,-0.00085,-0.03525,0.04471,0.03681,-0.04013,0.03849,-0.05005,0.02043,-0.04827,-0.05489,-0.04525,0.0339,-0.08103,-0.01686,-0.00815,0.02381,-0.04823,0.02912,0.12197,0.04943,0.01148,0.01543,0.14208,-0.08292,-0.00651,0.0442,0.06041,-0.00372,-0.03307,0.05262,0.02541,0.05014,0.08051,-0.00393,0.00818,0.00554,-0.00191,0.00121,0.00111,-0.05854,0.02195,0.08993,-0.01848,0.07606,-0.04165,0.00277,0.05033,0.01464,0.05805,0.05637,0.10545,0.03883,-0.0028,0.0435,0.00173,-0.00562,-0.10277,0,-0.08893,0.031,-0.09723,-0.0765,0.04046,-0.04796,-0.02623,-0.02727,-0.00991,0.05268,-0.04123,0.06148,-0.00977,-0.03179,0.12583,-0.06667,-0.00042,-0.02543,-0.05609,0.03769,-0.05262,-0.02272,-0.05314,0.08951,-0.01098,-0.0952,0.01738,0.06072,0.00758,0.06707,-0.04242,0.00965,-0.05623,0.06919,-0.09722,0.10165,0.00259,-0.01241,-0.0734,0.02459,0.05321,-0.07259,-0.04289,-0.02511,0.01442,0.0509,0.03036,-0.03586,-0.0178,0.10363,-0.04657,-0.02373,0.00406,-0.04253,0.02284,-0.03845,0.0115,0.07398,0.03965,-0.0457,-0.05881,0.09658,0.14598,-0.04346],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Connector Selector: [fConnector] Class: FConnectorDirective FConnectorDirective is the unified connector for nodes. One directive covers all connector roles that previously required three separate directives: - fNodeOutput → fConnectorType=\"source\" - fNodeInput → fConnectorType=\"target\" - fNodeOutlet → fConnectorType=\"outlet\" A connector has exactly one id (fConnectorId); its behavior is controlled by fConnectorType. Connectors must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow. f Connector F Connector Directive f Node Output f Connector Type f Node Input f Node Outlet f Connector Id f Node","excerpt":"Connector Selector: [fConnector] Class: FConnectorDirective FConnectorDirective is the unified connector for nodes. One directive covers all connector roles that previously required three separate directives: - fNodeOutput → fConnectorType=\"source\" - fNodeInput → fConnectorType=\"target\" - fNodeOutlet → fConnectorType=\"outlet\" A connector has exactly one id (fConnectorId); its behavior is controlled by fConnectorType. Connectors must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow."},{"chunkId":"/docs/f-connector-directive#1","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.04966,-0.09157,-0.09199,0.08871,0.06101,0.0439,0.02644,0.00882,0.05285,-0.05336,0.03374,-0.00737,0.00026,-0.00614,0.02373,0.02035,0.01318,-0.06631,0.00976,0.05602,-0.05174,-0.08303,-0.03061,-0.07944,-0.00945,-0.10022,-0.00899,-0.02794,0.03025,-0.05265,0.05326,0.05317,-0.14083,-0.01688,-0.00401,0.02606,0.06977,0.01307,-0.0554,0.0426,0.05325,-0.0772,0.02598,0.01852,-0.0548,0.00668,-0.04027,0.05733,-0.02489,0.03517,-0.0066,0.04067,-0.01055,0.09104,0.08532,0.11258,0.03655,0.00707,-0.02208,0.02995,0.01668,-0.02449,-0.00543,-0.01478,0.01285,-0.01023,-0.00287,-0.00809,-0.00533,-0.07139,-0.00401,0.00689,-0.04934,-0.02902,0.09959,0.03782,-0.01672,0.07368,-0.02641,-0.08361,0.07879,0.10845,-0.04007,-0.04411,-0.02555,0.09885,-0.02433,0.01166,-0.06123,0.07395,-0.01456,0.03665,0.01003,-0.02931,0.01828,0.02656,-0.01571,-0.00173,-0.00497,-0.01254,-0.04184,0.01184,-0.02793,0.08954,-0.01346,-0.08426,-0.06803,0.00018,0.00449,0.00023,0.04326,-0.02549,0.02867,-0.05463,-0.04265,0.05353,-0.09229,0.00035,0.12211,-0.01486,-0.03297,0.0273,0.05777,0.01762,-0.03886,-0.01333,-0.05071,0,0.00136,-0.00043,-0.09277,0.01125,0.03122,-0.03782,0.01797,0.00668,-0.04957,0.05172,-0.0992,0.03401,-0.05427,0.00779,0.00052,-0.06691,-0.00928,0.06567,-0.02651,-0.03057,0.01955,-0.02102,-0.02714,-0.04343,0.09711,0.04218,-0.08025,0.07753,0.05572,0.0321,-0.0296,0.00326,0.02791,0.00945,-0.03046,-0.04459,-0.0571,-0.07687,-0.12785,-0.03329,-0.02298,0.00598,-0.09623,0.00439,-0.03121,-0.09218,-0.01904,-0.02496,0.03199,0.00665,-0.00922,-0.00822,0.09196,-0.04133,0.04567,-0.08696,-0.10508,0.04952,-0.0017,0.04266,-0.02003,0.03707,-0.09161,0.02214,0.08485,0.10836,-0.02399,-0.02475,0.03599,-0.00166,-0.02969,0.07007,-0.05974,-0.04253,0.02379,-0.02543,-0.06413,-0.00335,0.03439,0.0062,-0.05252,0.00667,-0.02523,0.04905,0.02819,0.01514,-0.06133,-0.04459,-0.09124,-0.02777,0.07617,0.07153,0.06795,0.03057,0.07708,0,-0.04519,0.00261,0.00392,-0.00735,0.00948,0.02177,0.00938,-0.07987,0.00865,0.02705,-0.0227,0.02307,-0.01442,-0.04768,0.00295,-0.01845,-0.04016,-0.07736,-0.04322,0.06419,0.05008,-0.01776,0.03438,-0.02365,-0.0311,-0.01849,0.04528,-0.00984,-0.04727,-0.00333,0.07487,0.00324,-0.07139,0.00942,-0.04423,0.00381,-0.03829,0.11863,0.01828,-0.05159,0.04741,0.03309,-0.0312,0.03626,-0.02764,0.05652,-0.05862,-0.05657,-0.02668,0.03321,-0.09883,0.00175,-0.01746,0.00093,-0.0078,0.01325,0.15863,0.06708,-0.00987,0.01028,0.14022,-0.09302,-0.00123,0.04457,0.07598,0.00145,-0.00011,0.08164,0.00221,0.07523,0.08516,0.02401,0.02141,-0.01588,-0.01906,-0.02137,0.03251,-0.08317,-0.00743,0.08779,-0.05008,0.05652,-0.01473,-0.00011,0.04125,0.00555,0.04348,0.05588,0.09799,0.0585,-0.06055,0.03045,0.01437,-0.0059,-0.11542,0,-0.07023,0.05686,-0.0647,-0.03095,0.01917,0.01666,-0.02862,-0.0336,0.00627,-0.00344,-0.09018,0.05072,0.00245,0.04331,0.08626,-0.05014,0.07177,-0.05431,-0.03347,-0.00665,-0.00402,-0.0056,-0.04067,0.04286,0.00057,-0.08497,0.04284,0.07061,0.03526,0.01661,-0.05331,0.02308,-0.0652,0.04984,-0.10474,0.11488,-0.01881,-0.0032,-0.07909,0.01076,0.10176,-0.01879,-0.05523,-0.02767,-0.02206,0.07895,-0.03816,-0.05149,-0.0245,0.09796,-0.04284,-0.03133,0.02061,0.02465,0.07225,-0.00189,-0.02759,0.02528,0.10141,-0.03099,-0.02353,0.08335,0.10628,-0.00658],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Connector types - source — can start a connection. Its id is referenced by fSourceId on f-connection. - target — can accept a connection (drop-only; the user cannot start a drag from it). Its id is referenced by fTargetId. - source-target (default) — one id supports both behaviors: users can drag from it and drop onto it. - outlet — a shared start surface for a node with multiple source connectors. It can start a drag-to-connect, but the persisted connection uses the id of a real source connector resolved inside the same node — the emitted FCreateConnectionEvent.sourceId is never the outlet id. f Source Id f Target Id F Create Connection Event source Id","excerpt":"Connector types - source — can start a connection. Its id is referenced by fSourceId on f-connection. - target — can accept a connection (drop-only; the user cannot start a drag from it). Its id is referenced by fTargetId. - source-target (default) — one id supports both behaviors: users can drag from it and drop onto it. - outlet — a shared start surface for a node with multiple source connectors. It can start a drag-to-connect, but the persisted connection uses the id of a real source connector resolved inside the same node — the emitted FCreateConnectionEvent.sourceId is never the outlet id."},{"chunkId":"/docs/f-connector-directive#2","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00094,-0.07822,-0.11346,0.04172,0.01289,0.06351,0.00168,0.0355,-0.01921,-0.04882,0.04686,-0.02067,0.01409,-0.04296,0.05535,0.05265,-0.00908,-0.03339,0.03476,0.03157,-0.05416,-0.09805,-0.01084,-0.0672,-0.0104,-0.10004,0.04156,-0.00703,-0.05049,-0.05609,-0.01409,0.06116,-0.11237,0.00003,0.00903,-0.01589,0.08682,0.00645,-0.01938,0.03533,0.03146,-0.07574,0.0305,-0.01471,-0.03779,-0.0089,-0.03909,-0.01659,-0.02222,0.00747,-0.02431,-0.00618,-0.05997,0.05937,0.12046,0.08802,0.05027,0.03748,-0.03933,0.02498,0.03261,0.01219,-0.03339,0.00326,-0.02355,-0.0323,0.00591,0.0503,-0.01631,-0.05754,-0.08649,-0.02196,-0.02013,-0.10296,0.10258,0.06974,-0.00847,0.03951,0.04257,-0.09898,0.06088,0.12121,-0.04154,-0.0461,0.03732,0.09318,0.02519,-0.03923,-0.03004,0.03613,0.01202,-0.04942,0.03949,-0.00679,-0.0223,0.0229,-0.00678,-0.0166,-0.00832,0.00375,-0.02772,-0.0195,-0.01911,0.03691,-0.01236,-0.01928,-0.06317,0.07274,0.06393,-0.05121,0.03292,-0.029,-0.02166,-0.09278,-0.04174,0.04902,-0.04323,0.00928,0.11849,-0.02861,-0.04713,0.00851,0.02946,0.0163,-0.0282,-0.03129,-0.05941,0,-0.01772,0.03661,-0.08181,0.02839,0.02879,-0.01718,0.0117,0.01431,-0.03171,0.03914,-0.05314,0.03539,-0.06686,0.02882,-0.02752,-0.10048,-0.03499,0.05309,-0.00418,0.00428,0.00908,0.00115,0.00618,-0.03969,0.12121,0.04793,-0.07397,0.04657,-0.00362,0.03682,-0.00826,0.02077,0.06509,0.00895,-0.01679,-0.05916,-0.07739,-0.08598,-0.13326,0.03564,-0.02143,-0.0195,-0.06959,-0.01359,0.04338,-0.02297,-0.00064,0.00304,0.11259,0.00499,-0.0442,-0.02019,0.03909,-0.0323,0.0528,-0.05405,-0.11221,0.07074,0.0264,0.05926,-0.05682,0.01169,-0.07547,-0.00896,0.01608,0.10301,-0.01143,-0.07839,0.0268,-0.01894,-0.03713,0.06207,-0.06003,0.01373,-0.0367,-0.02254,-0.06213,0.05586,0.0509,-0.01051,-0.08003,0.00284,-0.03032,0.08492,0.05693,-0.03439,-0.05161,-0.03552,-0.0481,-0.01537,0.00197,0.11033,0.05457,0.02513,0.09133,0,0.01117,-0.01114,0.00166,-0.00969,-0.0203,0.0377,-0.00006,-0.07267,0.05475,0.04833,-0.0109,0.0151,0.05021,-0.08774,-0.0655,-0.01503,-0.05167,-0.07308,-0.06358,0.08845,0.02336,-0.0404,0.064,-0.05884,0.0282,-0.0099,0.04268,-0.00881,-0.02993,0.00866,0.04666,0.00006,-0.07446,-0.0057,-0.07736,0.0336,0.01678,0.08192,-0.02436,-0.06724,0.06393,0.04368,-0.04116,0.03236,-0.05576,0.02658,-0.04963,-0.06742,-0.04358,0.03189,-0.07267,-0.07762,-0.01996,0.00503,-0.06298,0.05741,0.11724,0.05384,0.01606,0.02998,0.11632,-0.08419,0.0529,0.03041,0.06513,0.01296,0.02837,0.10642,0.0131,0.05726,0.08621,0.01842,0.01302,0.041,-0.04213,0.00221,-0.00538,-0.07735,0.00231,0.09135,-0.00939,0.02896,-0.06128,-0.00666,0.04455,0.01511,0.08149,0.05358,0.10563,0.00405,-0.06453,0.0498,0.04682,0.02091,-0.10834,0,-0.04021,0.03333,-0.08316,-0.03913,0.02682,0.00321,-0.00642,-0.05051,0.00272,0.05023,-0.02738,0.04791,-0.02097,0.04847,0.08273,-0.04877,0.00488,-0.0031,-0.05649,0.02377,-0.01457,0.01805,-0.00692,0.05883,0.06461,-0.0659,0.02661,0.11926,0.02459,0.01776,-0.03009,0.02099,-0.07929,0.00477,-0.09525,0.12355,-0.00147,-0.02203,-0.08033,0.02559,0.0518,-0.08606,-0.03134,-0.03443,0.01949,0.03807,-0.03228,-0.0297,-0.03144,0.05833,-0.03306,-0.00927,-0.0101,0.00075,0.05583,0.01466,-0.02859,0.05245,0.06374,-0.03271,-0.04919,0.11473,0.10556,-0.02653],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-connector-directive#3","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.02083,-0.07514,-0.10681,0.03376,-0.00046,0.05207,0.00204,0.02622,-0.02483,-0.05148,0.05844,-0.01492,0.01692,-0.02994,0.06576,0.04155,-0.00827,-0.03557,0.02711,0.05763,-0.06405,-0.09391,-0.01108,-0.06791,-0.02373,-0.08403,0.05041,-0.02844,-0.03892,-0.05399,-0.02147,0.07365,-0.11641,0.00601,-0.00488,0.0031,0.09377,-0.01375,-0.03171,0.04276,0.04569,-0.07293,0.03596,-0.00135,-0.04148,-0.0037,-0.0221,-0.03941,-0.04867,0.00334,-0.03171,0.00727,-0.04645,0.05606,0.11295,0.07729,0.05364,0.02868,-0.03606,0.03187,0.03319,0.00748,-0.03472,0.00673,-0.01548,-0.04975,-0.00355,0.03541,-0.03328,-0.04135,-0.08872,-0.02269,-0.01617,-0.08681,0.09967,0.07638,-0.00158,0.03421,0.03131,-0.09181,0.04047,0.12663,-0.04793,-0.0387,0.02968,0.10004,0.01087,-0.04234,-0.03603,0.01894,0.00747,-0.04719,0.04557,-0.01049,-0.02403,0.02422,-0.00985,-0.01032,-0.01074,-0.00774,-0.01101,0.00115,-0.01854,0.04565,-0.02625,-0.03164,-0.08247,0.05534,0.06015,-0.0512,0.03284,-0.0209,-0.01738,-0.09579,-0.05059,0.03582,-0.03321,-0.01244,0.13601,-0.03648,-0.04575,0.01918,0.02994,0.02372,-0.0254,-0.0286,-0.04976,0,-0.01989,0.02616,-0.07248,0.02813,0.03815,-0.01566,0.01368,0.01151,-0.01976,0.03174,-0.06025,0.04857,-0.07085,0.03232,-0.02095,-0.07718,-0.04019,0.05082,-0.00059,-0.00064,0.01312,-0.00037,0.00352,-0.04897,0.08849,0.04853,-0.05966,0.03173,-0.01229,0.03757,-0.00267,0.03542,0.07103,0.0269,-0.00731,-0.05919,-0.07546,-0.0891,-0.13823,0.02872,-0.02761,-0.02278,-0.06555,-0.00298,0.05724,-0.02982,-0.0039,0.00036,0.11893,-0.0007,-0.0362,-0.02473,0.06591,-0.03804,0.0475,-0.05013,-0.11035,0.08221,0.00417,0.05833,-0.06405,0.02257,-0.07529,0.00038,0.01905,0.10925,-0.01242,-0.06485,0.035,-0.01787,-0.02679,0.07184,-0.07532,0.02796,-0.0395,-0.01852,-0.04896,0.04992,0.06058,-0.01184,-0.08841,0.0123,-0.03732,0.08285,0.06365,-0.04085,-0.04662,-0.03855,-0.04651,-0.02114,-0.00765,0.09374,0.05792,0.00885,0.08137,0,0.00227,-0.01512,-0.01505,-0.00295,-0.01968,0.02403,0.00241,-0.07582,0.06451,0.02361,-0.02261,0.02398,0.0773,-0.08048,-0.06552,-0.01581,-0.06697,-0.07082,-0.04997,0.07594,0.02842,-0.04346,0.07072,-0.0419,0.01416,-0.01794,0.05293,-0.0261,-0.03403,0.00493,0.06077,0.00434,-0.07344,0.0026,-0.09004,0.0215,0.01062,0.0769,-0.01621,-0.0763,0.05667,0.03386,-0.03113,0.04649,-0.05775,0.03172,-0.06785,-0.07144,-0.03809,0.02439,-0.07951,-0.07045,-0.01175,0.00728,-0.06197,0.05092,0.1111,0.05415,0.02113,0.04317,0.11156,-0.06882,0.04634,0.02006,0.06,0.01743,0.01338,0.10645,0.01205,0.04954,0.08567,0.02309,-0.01008,0.05596,-0.04824,-0.00116,-0.00039,-0.07482,0.00695,0.1064,-0.02734,0.03854,-0.06765,0.0066,0.04949,0.00626,0.07013,0.04358,0.104,0.00037,-0.04812,0.04802,0.03426,0.02919,-0.11014,0,-0.02343,0.04389,-0.08283,-0.03407,0.01976,-0.00055,-0.01061,-0.05406,0.00315,0.05234,-0.02154,0.04017,-0.0295,0.04147,0.09002,-0.039,0.00103,-0.01149,-0.05968,0.03259,-0.00005,0.00944,-0.00472,0.059,0.04277,-0.06258,0.03251,0.11186,0.02713,0.01063,-0.02863,0.02314,-0.07849,0.00748,-0.10514,0.11143,-0.00196,-0.03512,-0.05799,0.01332,0.05432,-0.09258,-0.04176,-0.02717,0.02242,0.05239,-0.03584,-0.01324,-0.0332,0.07544,-0.04838,-0.00549,-0.01037,0.00943,0.06865,0.01574,-0.03612,0.05547,0.05265,-0.04535,-0.03328,0.13582,0.11942,-0.01561],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Connector as a port element","excerpt":"Connector as a port element"},{"chunkId":"/docs/f-connector-directive#4","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.0009,-0.08802,-0.09297,0.06743,0.02111,0.05809,-0.00139,0.0194,0.01743,-0.04643,0.03935,0.00221,0.00012,-0.04309,0.04386,0.04725,-0.032,-0.02234,0.04923,0.02801,-0.08256,-0.11641,-0.01426,-0.06763,-0.00663,-0.10105,0.03008,-0.01136,-0.04017,-0.04683,0.00803,0.05823,-0.10097,0.0269,-0.03958,0.01262,0.08784,0.0089,-0.05246,0.07218,0.07803,-0.06487,0.03686,-0.03629,-0.04878,0.00835,-0.0675,0.00685,-0.02187,0.01409,-0.01081,-0.00732,-0.04817,0.06286,0.10613,0.10754,0.04336,0.02271,-0.0322,0.04447,0.04781,0.00586,-0.02847,-0.00424,0.01644,-0.03461,0.00424,0.03706,-0.01276,-0.06634,-0.05231,-0.02874,-0.0308,-0.07212,0.06653,0.05008,0.01304,0.03386,0.01713,-0.04328,0.04344,0.13506,-0.03769,-0.03775,-0.0056,0.1045,0.0031,-0.02809,-0.02923,0.03739,0.00018,-0.01002,0.03364,-0.01558,-0.04025,0.03624,-0.00419,-0.00543,0.0076,-0.00198,-0.01906,-0.01325,-0.01443,0.02112,-0.01211,-0.05077,-0.08204,0.03834,0.07114,-0.03034,0.02116,-0.03911,-0.00861,-0.06942,-0.05014,0.03768,-0.03189,0.00714,0.12558,0.00671,-0.05261,0.02108,0.03424,0.01028,-0.03902,-0.04858,-0.07505,0,-0.00335,0.01887,-0.04973,0.0223,0.04372,-0.0193,-0.0056,0.00344,-0.06022,0.01974,-0.06643,0.03356,-0.04785,0.03897,-0.03145,-0.09715,-0.03477,0.0382,-0.01118,-0.00919,0.00558,-0.00879,-0.00487,-0.00306,0.11904,0.01636,-0.05674,0.05576,0.02451,0.01856,-0.02281,0.02032,0.04292,0.01755,-0.01261,-0.04694,-0.05938,-0.06731,-0.14929,0.01605,-0.03645,0.00571,-0.06232,-0.01109,0.04075,-0.04562,-0.00635,-0.01506,0.08473,0.00719,-0.03116,-0.03782,0.07856,-0.02559,0.03556,-0.03541,-0.08501,0.04056,-0.01184,0.04417,-0.03737,-0.01804,-0.09391,-0.01901,0.05474,0.11918,-0.01046,-0.0625,0.022,0.00285,-0.05332,0.0808,-0.06345,-0.00776,-0.05978,0.00393,-0.07215,0.02979,0.06973,0.02116,-0.0787,-0.01872,-0.02859,0.05732,0.04871,-0.02594,-0.05245,-0.03402,-0.01349,-0.02777,0.02204,0.11219,0.04332,0.01521,0.11068,0,-0.03483,0.00264,-0.01494,0.01813,0.01361,0.03828,0.00427,-0.09233,0.05007,0.04814,-0.01457,0.01761,0.05278,-0.08659,-0.05248,-0.03414,-0.03622,-0.06184,-0.06255,0.08956,0.01601,-0.05599,0.08651,-0.08151,0.01598,-0.02194,0.06358,-0.00944,-0.05145,0.01621,0.06217,0.0181,-0.06927,-0.0037,-0.06498,0.04306,-0.01578,0.08039,0.00587,-0.07016,0.04453,0.03139,-0.04472,0.0267,-0.03894,0.04583,-0.07251,-0.04864,-0.04506,0.02434,-0.10487,-0.05429,-0.02998,0.02828,-0.06459,0.01661,0.10898,0.09413,0.01688,0.02535,0.12139,-0.09081,0.02464,0.04036,0.04202,-0.00974,0.01091,0.09545,-0.02925,0.07556,0.08421,0.0466,0.0155,0.03011,-0.0495,-0.01949,-0.02152,-0.08359,0.00293,0.08752,-0.01424,0.05612,-0.04948,0.01558,0.04746,-0.00171,0.07626,0.07345,0.10126,0.01298,-0.04138,0.05286,0.03283,0.01051,-0.14075,0,-0.03964,0.02162,-0.08314,-0.03449,0.02331,0.01204,-0.02008,-0.02794,0.02268,0.06541,-0.03388,0.05532,-0.01869,0.04416,0.12361,-0.0564,0.03735,-0.02523,-0.04165,0.03016,-0.00919,0.00878,-0.01632,0.05751,0.04749,-0.07205,0.03949,0.12729,-0.01115,0.01273,-0.04006,0.0216,-0.05548,0.00796,-0.07553,0.13014,-0.01898,0.00347,-0.0712,0.03341,0.06891,-0.05556,-0.03889,-0.02656,-0.01804,0.05599,-0.01505,-0.02827,-0.01537,0.07385,-0.01887,-0.01641,-0.00524,-0.02237,0.0336,0.0095,-0.0217,0.06094,0.05146,-0.03626,-0.04561,0.11595,0.13468,-0.03051],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Connector on the node itself With the default source-target type, one connector on the node host lets users both start a connection from the node and drop a connection onto it.","excerpt":"Connector on the node itself With the default source-target type, one connector on the node host lets users both start a connection from the node and drop a connection onto it."},{"chunkId":"/docs/f-connector-directive#5","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.02268,-0.08129,-0.14849,0.08094,-0.01584,0.07388,-0.01128,0.01261,0.02425,-0.0656,0.00599,-0.00778,0.00126,-0.03295,0.00965,0.03998,-0.01245,0.00325,0.00804,0.02129,-0.09156,-0.05196,-0.03846,-0.05712,-0.05299,-0.07561,0.04839,-0.01572,-0.01974,-0.0251,0.04316,0.06777,-0.15223,-0.03678,-0.00986,0.01472,0.09563,0.00127,-0.04556,0.02348,0.05314,-0.10072,0.03875,-0.01351,0.00397,-0.03547,-0.04176,0.02565,0.0015,0.03717,-0.0195,0.02124,-0.04693,0.09189,0.09104,0.09478,0.04907,0.01748,-0.05921,0.07441,0.07272,0.00922,0.00224,-0.01586,-0.05206,-0.0042,0.00264,0.05776,0.02989,-0.05423,-0.03512,0.01645,-0.05494,-0.10388,0.08396,0.04599,0.01025,0.00127,0.03441,-0.08547,0.05525,0.12311,-0.00641,-0.05876,0.01953,0.05643,-0.00037,-0.0163,-0.07068,0.05894,0.01312,-0.00695,0.02432,-0.0531,-0.01042,0.03912,-0.0077,-0.0048,0.01519,0.00009,-0.08358,0.02357,-0.04211,0.06152,-0.03397,-0.04094,-0.05512,0.07076,0.00135,-0.04543,0.02603,0.00026,-0.02182,-0.03887,-0.01824,0.01515,-0.0794,0.00146,0.0943,-0.00682,-0.02503,0.02414,0.02356,0.02629,-0.01841,-0.01829,-0.05752,0,0.01775,0.03959,-0.04725,0.01688,0.01069,-0.03561,0.01714,0.00234,-0.03358,0.05967,-0.09286,0.05237,-0.07735,0.00986,-0.0389,-0.07727,-0.03816,0.07266,0.03299,-0.03926,-0.0108,0.03039,0.01976,-0.02597,0.14657,0.04563,-0.07033,0.07831,-0.01761,0.02456,0.02107,0.0077,0.06883,-0.00549,-0.02969,-0.05209,-0.06741,-0.06227,-0.15725,0.01326,0.03157,0.00976,-0.07649,0.02058,-0.00731,-0.03075,0.01161,0.00674,0.08478,-0.00183,-0.00613,-0.02292,0.00457,-0.03037,-0.00481,-0.0896,-0.13411,0.03653,0.0031,0.03629,-0.04694,0.00781,-0.07938,0.01661,0.08621,0.11061,-0.00541,-0.07229,0.00751,-0.01159,-0.0235,0.0741,-0.04771,-0.03111,-0.0019,-0.05571,-0.05543,0.00535,0.01833,0.01493,-0.00913,-0.01628,-0.06832,0.08178,0.05269,0.00585,-0.06585,-0.06833,-0.02753,-0.04187,0.02263,0.07668,0.09577,-0.00581,0.1015,0,0.00063,-0.02726,0.00449,-0.01836,-0.0106,0.01361,-0.01447,-0.06385,0.02431,-0.00721,-0.00205,0.00702,0.02696,-0.09166,-0.03174,-0.01375,-0.05328,-0.10898,-0.04965,0.07076,-0.00545,-0.03068,0.0643,-0.06139,0.01706,-0.02216,0.00592,-0.04403,-0.04104,0.01784,0.06909,-0.0106,-0.06602,-0.02254,-0.07178,0.0353,0.01676,0.05684,0.00431,-0.02856,0.04824,0.0764,-0.07134,0.01658,-0.03656,0.04206,-0.10185,-0.03848,-0.03206,0.03546,-0.07412,-0.04035,-0.07624,-0.02199,-0.03119,0.03428,0.07759,0.06419,0.00622,0.03764,0.09397,-0.1107,0.04822,0.05767,0.06712,-0.0096,0.01391,0.07456,-0.02215,0.09032,0.09977,0.01838,0.02913,0.06404,0.0021,-0.05856,-0.02316,-0.05253,0.01455,0.13591,0.00034,0.0456,-0.01092,0.00681,0.03483,-0.00116,0.0816,0.0609,0.12764,0.02469,-0.0366,0.02291,0.02758,-0.02285,-0.09499,0,-0.04985,0.02867,-0.0742,-0.01514,0.00652,0.01099,-0.04251,-0.01798,0.00077,0.0363,-0.03534,0.046,-0.00369,-0.00852,0.05652,-0.06286,0.09781,-0.03327,-0.03677,0.00771,-0.02767,0.02298,-0.00312,0.05404,0.07133,-0.07525,0.07211,0.07101,0.0236,0.05001,-0.01879,-0.02528,-0.0446,0.03064,-0.04343,0.08092,0.0151,0.0043,-0.08684,0.02833,0.0494,-0.04494,-0.04326,-0.03351,0.02565,0.04659,-0.02809,-0.01891,-0.02272,0.07344,-0.04965,-0.02946,-0.00588,0.00606,0.03209,-0.01851,-0.03934,0.08512,0.05453,-0.05735,-0.04186,0.12082,0.0783,-0.04682],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Connect it using f-connection A persisted connection references connectors by their ids via fSourceId / fTargetId: Tip: use stable ids (from your data model) if you want connections to survive rerenders and persistence. f Source Id f Target Id","excerpt":"Connect it using f-connection A persisted connection references connectors by their ids via fSourceId / fTargetId: Tip: use stable ids (from your data model) if you want connections to survive rerenders and persistence."},{"chunkId":"/docs/f-connector-directive#6","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.0319,-0.04964,-0.08237,0.11665,0.03399,0.06275,0.01875,-0.02113,0.01147,-0.05639,0.015,0.0435,0.00947,-0.04538,0.01065,0.00782,-0.00721,-0.02585,-0.01651,0.02989,-0.04462,-0.14981,-0.01173,-0.0923,-0.02822,-0.03064,0.00987,-0.03664,0.00666,-0.10131,-0.01497,0.04228,-0.13169,-0.02901,-0.02439,-0.01158,0.10623,-0.02779,-0.06699,0.00789,0.06155,-0.05706,0.04993,-0.02143,-0.02489,0.0079,-0.0711,-0.00284,-0.04088,0.0669,0.00386,-0.00261,0.00604,0.05877,0.08565,0.13637,0.08065,0.02738,-0.02076,0.03901,0.04202,-0.01104,0.0324,-0.01586,-0.0006,0.01805,0.00426,0.03775,-0.03996,-0.03049,-0.01333,0.00308,-0.02796,-0.06206,0.10342,0.08004,-0.00134,0.07103,-0.04324,-0.04762,0.06933,0.11324,-0.04182,-0.01668,0.02492,0.11737,-0.0287,-0.03524,-0.09936,0.04012,0.01745,-0.00047,0.02399,-0.04241,-0.05139,0.00522,-0.03113,-0.00969,-0.01214,0.00748,-0.02144,0.01052,0.03105,0.04055,-0.01528,-0.01161,-0.08641,0.07254,-0.0001,-0.02587,0.05095,-0.03059,-0.03059,-0.03867,-0.04823,-0.00545,-0.01759,-0.02829,0.1512,-0.03158,-0.02021,0.04372,0.0314,-0.02659,0.03041,-0.04027,-0.05677,0,-0.01318,0.00915,-0.06169,0.0335,0.04775,-0.02649,0.01658,-0.02211,-0.06567,0.03279,0.00615,0.04503,-0.07117,0.01904,0.00571,-0.11412,-0.0094,-0.00254,-0.04701,-0.0114,-0.02403,0.00946,-0.0043,-0.07452,0.10277,0.02833,-0.06207,0.10192,-0.01758,0.01323,-0.02727,0.01977,0.06417,0.04172,-0.05012,-0.05046,-0.03512,-0.07278,-0.08242,0.04987,-0.01589,-0.00629,-0.0545,0.05652,0.02844,0.0262,0.03439,-0.0467,0.04195,-0.03606,-0.03382,0.0187,0.06089,-0.0638,0.02659,-0.09273,-0.09273,0.07999,0.00405,0.03257,0.01749,0.02062,-0.09009,-0.03771,0.01348,0.11624,-0.03591,0.00843,0.0071,-0.081,-0.0421,0.0941,-0.04732,0.00161,-0.0106,-0.04877,-0.07614,0.02177,0.10221,-0.05348,-0.03792,-0.01016,0.01079,0.0729,0.05582,-0.09906,-0.00533,-0.02705,-0.05275,0.01805,0.02143,0.12925,0.08523,0.01849,0.08414,0,0.02267,-0.00437,0.03388,0.03385,-0.03932,0.0287,-0.00879,-0.01724,0.03919,-0.00043,0.02427,0.077,0.00951,-0.09461,-0.08479,0.03903,-0.0783,-0.03075,-0.04985,0.04377,0.04883,-0.03338,0.04775,-0.03612,-0.01083,-0.01468,0.02768,-0.03874,-0.02071,0.00785,0.04173,-0.02438,-0.0583,-0.00919,-0.03298,-0.02622,-0.07073,0.10238,0.04296,-0.04653,-0.00377,0.02109,-0.07256,0.0028,-0.03056,0.04714,-0.11865,-0.08064,-0.08274,0.0421,-0.09023,-0.02032,-0.03814,0.02987,-0.03749,0.0456,0.07124,0.05042,0.013,0.057,0.09959,-0.05504,-0.00009,0.01338,0.08143,-0.00147,0.01713,0.00375,0.07139,0.04691,0.08176,0.037,-0.00711,-0.01735,0.03207,-0.00535,0.06286,-0.09283,0.01402,0.06973,-0.03451,0.06408,-0.05359,-0.03619,0.01388,0.03154,0.05758,0.06081,0.0781,0.01277,-0.05894,0.04647,0.04683,-0.02621,-0.10504,0,-0.04903,0.00045,-0.05143,-0.04833,-0.01836,0.00733,-0.02834,-0.04156,-0.01301,0.04689,-0.05289,0.02703,-0.04212,0.0399,0.03074,-0.0131,0.02362,0.02096,-0.04237,0.02649,-0.01701,0.01969,0.01194,0.15256,-0.02046,-0.06346,-0.01213,0.08601,0.02742,0.04204,-0.05827,-0.02081,-0.06341,0.0405,-0.08009,0.05094,-0.04801,0.01564,-0.04022,0.03081,0.06562,-0.06229,-0.06519,-0.01085,0.04619,0.00954,0.00808,-0.01685,-0.09148,0.0795,-0.00544,-0.03886,-0.04992,-0.01949,0.03996,-0.01139,-0.00369,0.10116,0.04751,-0.02226,-0.04997,0.08616,0.08522,-0.00331],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. How it works - The connector registers itself in the internal store together with its parent node. - During drag-to-connect and reassignment, the library evaluates connectability rules such as fConnectorDisabled, fConnectorMultiple, fConnectorCategory, fCanBeConnectedTo, and fConnectorConnectableSide. - The directive toggles CSS state classes (connected / connectable / not-connectable) so you can provide clear UX feedback with CSS. - An outlet connector delegates to the source connectors of the same node: it is connectable only while at least one of them is. f Connector Disabled f Connector Multiple f Connector Category f Can Be Connected To f Connector Connectable Side","excerpt":"How it works - The connector registers itself in the internal store together with its parent node. - During drag-to-connect and reassignment, the library evaluates connectability rules such as fConnectorDisabled, fConnectorMultiple, fConnectorCategory, fCanBeConnectedTo, and fConnectorConnectableSide. - The directive toggles CSS state classes (connected / connectable / not-connectable) so you can provide clear UX feedback with CSS. - An outlet connector delegates to the source connectors of the same node: it is connectable only while at least one of them is."},{"chunkId":"/docs/f-connector-directive#7","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.01765,-0.07602,-0.11836,0.03325,0.00707,0.03347,-0.00395,0.02668,-0.00483,-0.04764,0.04502,-0.01951,0.02284,-0.02712,0.0783,0.04631,-0.00091,-0.03204,0.0278,0.02834,-0.05789,-0.08762,-0.03025,-0.06846,-0.01608,-0.10656,0.0312,-0.01694,-0.05917,-0.0519,-0.01029,0.06524,-0.12822,0.0038,0.01505,-0.00541,0.09283,-0.00494,-0.01564,0.04579,0.04034,-0.06504,0.03204,-0.02119,-0.03896,-0.0074,-0.03315,-0.0138,-0.03804,0.02026,-0.02736,0.00574,-0.05342,0.06608,0.11549,0.08486,0.0587,0.04426,-0.05307,0.03348,0.04266,0.00177,-0.0361,0.00419,-0.02599,-0.03851,0.00233,0.04204,-0.00674,-0.06699,-0.09393,-0.01135,-0.02979,-0.08912,0.10049,0.06092,-0.00731,0.03774,0.03721,-0.11,0.06089,0.11859,-0.04111,-0.03093,0.02755,0.09037,0.01864,-0.01817,-0.01681,0.02806,0.01465,-0.0557,0.04112,-0.00956,-0.03072,0.02675,-0.00687,-0.02689,-0.01836,0.00727,-0.02514,-0.01731,-0.03302,0.0408,-0.00182,-0.02217,-0.06936,0.06118,0.05941,-0.03828,0.02381,-0.0175,-0.00819,-0.08487,-0.04551,0.05872,-0.04682,0.00672,0.13693,-0.03395,-0.04187,0.0021,0.03692,0.02205,-0.02527,-0.03351,-0.03938,0,-0.02515,0.02584,-0.05799,0.03534,0.04206,-0.01982,0.01789,0.00765,-0.03042,0.02406,-0.05469,0.06092,-0.05901,0.01603,-0.02201,-0.08519,-0.04106,0.07117,-0.00029,0.01398,0.00344,-0.00823,0.01085,-0.03309,0.11894,0.05123,-0.07215,0.04966,0.00581,0.04024,0.00289,0.01851,0.07228,0.01886,-0.01738,-0.05094,-0.08094,-0.09356,-0.14261,0.02749,-0.02354,-0.01935,-0.07867,-0.00235,0.01514,-0.01989,-0.01313,-0.00085,0.09687,-0.00006,-0.04706,-0.00946,0.05222,-0.04354,0.06069,-0.05947,-0.09732,0.06376,0.01642,0.05272,-0.05144,0.00748,-0.07464,-0.00833,0.02134,0.08905,-0.00327,-0.06966,0.02758,-0.02232,-0.03434,0.073,-0.0734,0.01826,-0.04211,-0.0317,-0.05339,0.06577,0.05202,-0.02397,-0.06773,-0.00387,-0.03109,0.08788,0.06202,-0.03106,-0.04896,-0.03498,-0.06111,-0.00801,-0.00657,0.1016,0.05854,0.03097,0.08375,0,0.00529,-0.01959,0.0033,-0.01095,-0.02225,0.03074,0.00647,-0.0632,0.05894,0.04716,-0.02116,0.02491,0.0507,-0.07967,-0.04622,-0.01564,-0.06671,-0.07802,-0.052,0.08221,0.01512,-0.03688,0.05575,-0.0519,0.01369,-0.00817,0.02997,-0.01352,-0.04311,-0.00095,0.05096,-0.00538,-0.08498,0.00139,-0.08537,0.02528,0.01433,0.09538,-0.01964,-0.06949,0.06145,0.0383,-0.05232,0.03439,-0.05641,0.02246,-0.05921,-0.06048,-0.04464,0.02799,-0.07236,-0.07482,-0.00816,0.00823,-0.06218,0.06738,0.11583,0.05719,0.01719,0.03822,0.11776,-0.08345,0.04533,0.03349,0.05249,0.01069,0.02858,0.09736,0.01354,0.06108,0.09715,0.01155,0.00815,0.03707,-0.04539,0.00212,-0.00206,-0.08639,-0.0137,0.10548,-0.03701,0.03873,-0.05107,0.01367,0.05537,0.01445,0.0865,0.05069,0.11214,0.00569,-0.06283,0.06018,0.03583,0.02356,-0.10043,0,-0.04841,0.04607,-0.09266,-0.03066,0.01318,0.00995,-0.0079,-0.05449,0.00315,0.0489,-0.03043,0.03681,-0.02431,0.04893,0.07149,-0.05103,0.01542,-0.00651,-0.06136,0.0275,-0.01184,0.02645,-0.00035,0.05195,0.05502,-0.05475,0.04254,0.11479,0.03058,0.01315,-0.0383,0.0229,-0.07643,0.00439,-0.09834,0.11998,-0.00652,-0.02114,-0.07121,0.01982,0.05533,-0.08803,-0.03793,-0.02073,0.03557,0.0459,-0.03488,-0.02563,-0.01414,0.04963,-0.0449,-0.01092,-0.01044,0.00806,0.05875,0.00931,-0.03854,0.05143,0.05506,-0.02247,-0.04408,0.11621,0.10367,-0.02198],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. API","excerpt":"API"},{"chunkId":"/docs/f-connector-directive#8","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.04527,-0.04219,-0.10953,0.07802,-0.01487,0.10221,-0.02274,-0.00291,0.01825,-0.02306,0.03738,-0.01051,0.01134,0.02722,0.03414,0.05305,-0.01022,-0.06683,0.0115,-0.02513,-0.04652,-0.11765,-0.02058,-0.05758,-0.02002,-0.0616,0.01715,0.00703,0.00338,-0.04555,0.0226,0.03793,-0.13405,-0.03467,0.0005,0.0011,0.08003,-0.01345,-0.01697,0.02105,0.07712,-0.10167,0.02039,-0.0529,0.0236,-0.02147,-0.06312,-0.00765,-0.01303,0.06538,0.00943,0.04012,-0.02119,0.04519,0.10853,0.11202,0.02489,0.0335,-0.01427,0.03364,0.02652,-0.00966,0.0062,-0.02986,-0.03966,0.0298,-0.00546,0.01656,-0.01546,0.00659,0.00989,-0.00293,-0.03327,-0.14129,0.10205,0.05508,-0.00513,0.01562,-0.0149,-0.07767,0.0672,0.09365,-0.05242,-0.03389,0.03151,0.0942,-0.03042,-0.05367,-0.02555,0.04148,-0.04466,-0.01661,0.02646,-0.00911,0.00858,0.05579,-0.01727,0.03039,-0.04993,0.0044,-0.03291,-0.01624,0.0014,0.07928,0.01371,-0.01384,-0.09557,0.06306,-0.02273,-0.0445,0.02806,0.01756,0.03116,0.01954,-0.02522,0.05466,-0.02345,-0.01292,0.09473,0.00303,-0.01416,0.03464,-0.02646,0.01303,-0.04826,-0.0246,-0.01083,0,0.01456,0.01806,-0.05686,-0.00359,-0.00527,0.00801,-0.02472,-0.02449,-0.03912,0.05987,-0.08806,0.04291,-0.04614,0.03393,-0.01929,-0.07222,0.00706,0.02367,0.00847,-0.07753,-0.00119,0.00916,-0.04455,-0.04311,0.10734,0.07191,-0.08132,0.08198,0.00667,0.00108,0.01548,0.02132,0.08089,0.03503,-0.03697,-0.03941,-0.04806,-0.03347,-0.16005,-0.00706,0.04741,-0.01183,-0.08167,0.04765,0.01572,-0.0087,0.00057,-0.05753,0.05209,-0.05916,-0.08693,0.04823,0.02561,-0.05104,0.0504,-0.12872,-0.08718,0.07976,-0.02403,0.00966,-0.03092,0.0194,-0.06404,0.01097,0.00559,0.12777,-0.02792,-0.06157,0.0115,-0.06433,-0.05688,0.11455,-0.05279,-0.01735,0.02886,-0.07079,-0.05799,-0.01787,0.04109,-0.02452,-0.0399,-0.08346,-0.05407,0.13765,0.07075,-0.08704,-0.04528,-0.05859,0.00653,-0.02297,0.02033,0.04878,0.082,0.00861,0.06089,0,-0.0012,0.02051,0.04524,-0.00079,-0.01588,-0.00706,0.03975,-0.02087,0.02704,0.00813,0.00943,-0.00577,0.04325,-0.09611,-0.0529,0.03164,-0.10734,-0.04194,-0.02461,0.05127,-0.00583,-0.00785,0.01835,-0.00311,0.04384,0.01547,0.02324,-0.05961,-0.02127,-0.00166,0.02446,-0.03248,-0.10322,0.00329,-0.04765,0.01679,0.01238,0.05823,-0.02795,0.01688,0.00541,0.07085,-0.08591,0.07738,-0.02919,0.04534,-0.07236,-0.02096,-0.07385,0.03036,-0.08934,-0.03043,-0.00441,-0.01231,-0.05497,0.00601,0.12031,0.07558,-0.00506,0.02621,0.07213,-0.12701,0.00157,0.01648,0.07723,-0.03308,0.01205,0.05634,0.08943,0.06544,0.15319,0.03139,0.02437,0.02343,0.05477,-0.02107,-0.02049,-0.04893,0.02208,0.08715,-0.01401,0.05177,0.00444,0.01231,0.03352,0.04125,0.05936,0.0734,0.08915,0.04579,-0.01946,0.04625,0.00019,0.02536,-0.06909,0,-0.05998,0.02899,-0.0929,-0.06662,0.02281,0.00497,0.01897,-0.05589,-0.01463,0.04171,-0.02727,0.07359,-0.0414,-0.02438,0.02863,-0.05985,0.01704,0.00458,-0.0187,0.02658,-0.00901,0.01218,-0.05503,0.07089,0.015,-0.12996,0.03531,0.08515,-0.02449,0.08073,-0.03854,-0.00098,-0.00416,0.05149,-0.09097,0.07625,0.02288,0.02628,-0.07269,0.01685,0.03352,-0.03385,-0.08195,-0.04531,0.00795,0.03727,0.02092,-0.00765,0.01237,0.0552,-0.05249,-0.03884,-0.01419,-0.05652,0.04023,-0.03145,-0.0215,0.08114,0.04044,-0.0651,-0.0183,0.07247,0.05156,-0.06558],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Inputs - fConnectorId: InputSignal<string; Connector identifier. Default: f-connector-${uniqueId++}. Use a stable id if you store graph state and want connections to survive rerenders. - fConnectorType: InputSignal<FConnectorType; Default: 'source-target'. Controls the connector role (see “Connector types” above). - fConnectorDisabled: InputSignal<boolean; Default: false. When true, the connector is not connectable. f Connector Id Input Signal unique Id f Connector Type F Connector Type f Connector Disabled","excerpt":"Inputs - fConnectorId: InputSignal<string; Connector identifier. Default: f-connector-${uniqueId++}. Use a stable id if you store graph state and want connections to survive rerenders. - fConnectorType: InputSignal<FConnectorType; Default: 'source-target'. Controls the connector role (see “Connector types” above). - fConnectorDisabled: InputSignal<boolean; Default: false. When true, the connector is not connectable."},{"chunkId":"/docs/f-connector-directive#9","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.0203,-0.05685,-0.09699,0.05186,-0.00858,0.05331,-0.01375,0.05544,0.00384,-0.03097,0.04109,-0.03395,-0.00786,-0.02346,0.01164,0.03246,-0.00832,-0.09667,0.04354,0.00855,-0.09176,-0.11507,0.01259,-0.0698,-0.0654,-0.09302,0.03033,-0.01205,-0.05276,-0.07756,-0.00276,0.04887,-0.10299,-0.01306,0.00775,-0.06509,0.04275,-0.02128,-0.04054,-0.01906,0.01773,-0.1028,0.03224,-0.03822,0.00134,-0.02729,-0.08124,-0.02556,0.0452,0.06229,0.03305,0.03058,-0.05761,0.06966,0.07582,0.14151,0.03445,0.0167,-0.04364,0.02546,0.05982,-0.01681,-0.00124,-0.00066,-0.05935,-0.00353,0.01541,-0.00502,0.02001,0.01483,-0.07473,0.01143,-0.01153,-0.10303,0.11344,0.04348,-0.02744,0.03869,0.00276,-0.057,0.04576,0.12734,-0.02264,-0.00032,0.02642,0.08985,-0.01575,-0.03174,-0.04951,0.01695,0.06486,-0.02518,0.00037,-0.00979,0.00257,0.02581,-0.02729,-0.02069,-0.04077,-0.0055,-0.02066,-0.02536,0.00278,0.04704,0.06329,-0.00506,-0.03506,-0.00259,0.02027,-0.04749,0.01814,-0.05315,0.01901,-0.04526,-0.05755,0.08067,-0.01663,0.01342,0.07689,-0.00213,-0.04744,0.01474,0.03937,-0.02345,-0.00138,-0.02155,-0.05401,0,-0.00571,0.00577,-0.05357,0.0231,0.00642,-0.00093,0.01129,0.07109,-0.03485,0.07825,-0.07366,0.02974,-0.05071,-0.02074,-0.0422,-0.07513,-0.06093,0.00296,-0.04463,-0.01179,0.01286,-0.04855,-0.02084,-0.06395,0.08071,0.06094,-0.0587,0.08311,-0.00861,0.02245,-0.03501,-0.00667,0.04272,0.02916,-0.0261,-0.05392,-0.05944,-0.03703,-0.11182,0.07876,-0.05055,-0.0337,-0.05621,0.01699,0.0441,-0.00701,0.03678,-0.00846,0.11517,0.00434,-0.05018,-0.03101,0.0264,0.02081,0.00293,-0.06523,-0.12605,0.08005,-0.02749,0.06501,-0.05711,-0.02396,-0.09574,-0.01814,-0.00739,0.15409,-0.01841,-0.07787,0.01255,-0.02378,-0.03717,0.03176,-0.02648,0.00333,-0.01904,-0.00061,-0.06618,0.03893,0.0338,-0.04292,-0.01652,0.01171,-0.0136,0.11632,0.0627,-0.09662,-0.03317,-0.05262,-0.01859,0.03607,0.01176,0.12532,0.09804,0.04209,0.04419,0,0.00292,-0.00163,-0.03068,-0.00315,-0.02508,0.05095,0.04652,-0.02,0.05627,0.00458,0.03694,0.07274,0.04812,-0.09534,-0.08931,-0.0009,-0.09384,-0.06093,-0.03359,0.09016,0.01447,-0.01931,0.02858,-0.0549,0.00599,0.02423,0.07039,-0.04991,-0.0397,0.0223,0.03824,0.02833,-0.03483,0.02084,-0.02355,0.02449,0.01426,0.0602,0.0078,-0.02376,0.05415,0.05808,-0.04005,0.00318,-0.01412,0.04883,-0.08261,-0.03894,-0.08235,0.0458,-0.0787,-0.06491,-0.0426,0.03746,-0.03291,0.07961,0.1134,0.01416,0.00507,0.09952,0.11274,-0.04131,0.03554,0.04704,0.06,-0.01386,0.03974,0.071,0.0509,0.06213,0.04284,0.00352,0.00158,0.03092,0.0074,0.04009,0.01041,-0.14641,0.04643,0.05574,-0.00857,0.0125,-0.00489,0,-0.03741,0.03222,0.06379,0.0563,0.10156,0.06737,-0.01255,0.02697,0.02145,0.02259,-0.08897,0,-0.02227,0.00099,-0.05421,-0.03793,-0.03746,-0.0328,0.01703,-0.03408,-0.03588,0.00298,-0.07968,0.07698,-0.08928,0.06828,0.06869,-0.00731,0.00875,0.01526,-0.03707,0.00095,-0.01427,-0.00479,-0.0029,0.04579,0.04407,-0.06322,0.02268,0.12544,-0.01782,0.01836,-0.059,-0.03239,-0.05647,0.04212,-0.09375,0.1387,0.00241,-0.02989,-0.06409,0.02792,0.04574,-0.04897,-0.04266,-0.10062,0.01753,0.03001,0.01779,0.00197,-0.00139,0.06482,-0.03961,-0.01241,0.00305,-0.04632,0.03471,0.0141,-0.0365,0.04699,0.06357,-0.05179,-0.04154,0.10233,0.07117,-0.02817],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. - fConnectorMultiple: InputSignal<boolean; Default: true. When false, only one active connection can be attached to this connector. - fConnectorCategory: InputSignal<string undefined; Optional category used for connection validation rules (for example, “data”, “error”, “trigger”). Categories are just strings — keep them consistent across your app. - fConnectorConnectableSide: EFConnectableSide; Default: AUTO. Controls the preferred docking side for routing/hit-testing (left/right/top/bottom/auto). Use a fixed side when you have explicit port placement. f Connector Multiple Input Signal f Connector Category f Connector Connectable Side EF Connectable Side","excerpt":"- fConnectorMultiple: InputSignal<boolean; Default: true. When false, only one active connection can be attached to this connector. - fConnectorCategory: InputSignal<string undefined; Optional category used for connection validation rules (for example, “data”, “error”, “trigger”). Categories are just strings — keep them consistent across your app. - fConnectorConnectableSide: EFConnectableSide; Default: AUTO. Controls the preferred docking side for routing/hit-testing (left/right/top/bottom/auto). Use a fixed side when you have explicit port placement."},{"chunkId":"/docs/f-connector-directive#10","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00932,-0.08974,-0.11947,0.03664,0.01747,0.04732,-0.02122,-0.0111,0.01957,-0.06652,0.03353,0.00278,0.00461,-0.0249,0.0224,0.03254,-0.00587,-0.04999,0.03045,0.01419,-0.05557,-0.09905,-0.02359,-0.06386,-0.04015,-0.11151,0.02868,-0.02319,-0.03715,-0.03635,-0.00885,0.09046,-0.09682,-0.00793,-0.00762,-0.02329,0.07658,-0.01838,-0.03692,0.00624,0.04775,-0.0902,0.04451,-0.0536,-0.03336,-0.01573,-0.07191,-0.04113,-0.01768,0.02975,-0.02054,0.02325,-0.02823,0.06968,0.11276,0.08879,0.01615,0.01886,-0.03402,0.03683,0.01623,0.00515,-0.00886,-0.01965,-0.04515,-0.01578,-0.00757,0.01731,-0.00861,-0.03347,-0.03053,0.01278,-0.02753,-0.10194,0.08443,0.08729,-0.00579,0.03212,0.02178,-0.10716,0.05374,0.11721,-0.02684,-0.05041,0.01145,0.10359,-0.02589,-0.02614,-0.05367,0.0652,0.01378,-0.03167,0.02723,-0.00117,-0.01758,0.01778,0.0021,-0.01752,-0.01016,-0.00872,-0.03474,-0.006,-0.01106,0.03523,0.00621,-0.02592,-0.05402,0.03941,0.06584,-0.05357,0.05034,-0.04624,0.01985,-0.04786,-0.07326,0.05186,-0.0058,0.0083,0.10384,-0.00006,-0.0583,0.01139,0.00299,-0.00135,-0.02018,-0.03944,-0.07344,0,0.00554,0.0234,-0.03308,-0.01801,0.02368,-0.02471,-0.01808,-0.00701,-0.02649,0.03169,-0.08217,0.03047,-0.06772,0.01103,-0.03083,-0.06078,-0.0311,0.02522,-0.00626,-0.00016,0.02196,-0.0201,-0.00856,-0.04701,0.09636,0.04961,-0.0799,0.05829,0.01739,0.03197,-0.01644,0.01436,0.06884,0.03641,-0.02305,-0.04309,-0.04707,-0.07236,-0.15533,0.03622,-0.0078,-0.02336,-0.08,0.03026,0.04811,-0.01142,0.00743,0.00181,0.08951,0.00906,-0.05127,0.00056,0.05541,-0.04791,0.04293,-0.0696,-0.10396,0.07337,0.00596,0.05483,-0.02287,-0.00773,-0.06031,-0.00981,0.0352,0.14624,-0.01307,-0.06918,0.01517,-0.02062,-0.04376,0.07943,-0.10326,0.00271,-0.02272,-0.03883,-0.05754,0.01226,0.07301,-0.00841,-0.02993,-0.00138,-0.03092,0.08216,0.05437,-0.02112,-0.06516,-0.04128,-0.01503,-0.00676,0.03702,0.09073,0.0574,0.03173,0.07976,0,-0.00564,0.0112,0.00237,-0.00303,-0.02338,0.01172,-0.00169,-0.04335,0.05604,0.01023,0.03213,0.02999,0.04407,-0.11921,-0.0684,-0.01138,-0.05456,-0.03196,-0.06877,0.07958,0.00614,-0.01921,0.06247,-0.03475,0.02862,0.00905,0.03682,-0.03196,-0.03107,-0.01637,0.05615,0.01674,-0.08627,-0.00871,-0.06111,-0.0009,-0.00198,0.0779,-0.00604,-0.05158,0.0349,0.0683,-0.05168,0.04518,-0.04055,0.02688,-0.05842,-0.05558,-0.0186,0.03883,-0.07006,-0.05965,-0.00674,0.02942,-0.04459,0.06028,0.1205,0.06862,0.00886,0.02948,0.09602,-0.11033,0.05849,0.0549,0.08922,0.00296,0.04084,0.09751,0.05732,0.05257,0.11549,0.01843,0.00433,0.05807,-0.03316,0.01417,-0.01469,-0.09058,-0.00166,0.09229,-0.02442,0.05287,-0.02347,0.00374,0.04581,0.02362,0.09453,0.0533,0.09665,0.04125,-0.0365,0.05229,0.03167,-0.00164,-0.12331,0,-0.03553,0.00484,-0.13539,-0.04885,0.0156,0.00957,-0.01246,-0.05566,-0.00922,0.04146,-0.05781,0.05775,-0.03068,0.02757,0.09466,-0.04952,0.03521,-0.0283,-0.03926,0.01899,-0.02378,-0.01829,-0.051,0.08674,0.0238,-0.08203,0.01486,0.11974,0.00807,0.02043,-0.04928,0.0074,-0.07693,0.04203,-0.1222,0.1176,-0.01502,-0.0011,-0.08843,0.00156,0.05171,-0.0635,-0.03964,-0.04168,-0.00453,0.02882,0.02176,0.00265,-0.03058,0.08341,-0.01827,-0.01337,0.00343,-0.04098,0.04785,-0.00144,-0.02192,0.0765,0.05202,-0.04081,-0.03034,0.07893,0.11889,-0.03855],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. - fConnectorSelfConnectable: boolean; Default: true. Allows connecting to target connectors on the same node. Applies when the connector can act as a source. - fCanBeConnectedTo: InputSignal<string[]; Default: [] (no restriction). Allow-list of target connector ids or categories this connector may connect to. Applies when the connector can act as a source. Replaces the legacy fCanBeConnectedInputs — see Connection Rules. f Connector Self Connectable f Can Be Connected To Input Signal f Can Be Connected Inputs","excerpt":"- fConnectorSelfConnectable: boolean; Default: true. Allows connecting to target connectors on the same node. Applies when the connector can act as a source. - fCanBeConnectedTo: InputSignal<string[]; Default: [] (no restriction). Allow-list of target connector ids or categories this connector may connect to. Applies when the connector can act as a source. Replaces the legacy fCanBeConnectedInputs — see Connection Rules."},{"chunkId":"/docs/f-connector-directive#11","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.02298,-0.08388,-0.10675,0.06344,0.00696,0.07032,0.00171,-0.00427,0.03967,-0.07286,0.0468,-0.02597,0.0102,-0.04018,-0.00314,0.02474,0.01644,-0.02566,0.0368,0.01709,-0.05644,-0.08949,-0.02199,-0.0614,0.01271,-0.10207,0.05843,-0.0183,0.00153,-0.05029,0.01069,0.06654,-0.11084,-0.03012,0.02133,-0.01651,0.09236,0.01149,-0.01068,0.04539,0.04194,-0.08755,0.03023,-0.0238,-0.02306,-0.00188,-0.03547,-0.00813,-0.03874,0.01736,-0.01091,0.02792,-0.04642,0.05435,0.12138,0.09586,0.0439,0.03543,-0.03717,0.04404,0.01621,0.01256,-0.02152,-0.00364,-0.03561,0.00399,0.008,0.02049,-0.00316,-0.0826,-0.07427,0.00613,-0.02701,-0.11451,0.10637,0.05922,-0.00796,0.02739,0.02522,-0.09337,0.08595,0.12255,-0.01488,-0.04352,0.04628,0.06771,0.0046,-0.01794,-0.02953,0.05857,-0.00619,-0.0358,0.01775,-0.00943,-0.004,0.04587,-0.01463,-0.01686,0.00561,-0.01086,-0.03828,-0.00319,-0.03166,0.06829,0.02701,-0.03531,-0.06295,0.06128,0.05101,-0.03652,0.05723,-0.05169,0.00726,-0.08225,-0.01956,0.06097,-0.02455,0.01612,0.10499,-0.05121,-0.03017,0.03305,0.00498,0.00588,-0.03333,-0.0268,-0.02289,0,-0.01096,0.03423,-0.07442,0.00988,0.02153,-0.02881,-0.00043,0.02241,-0.00854,0.03748,-0.06366,0.04854,-0.06227,-0.00141,-0.06235,-0.0625,-0.05578,0.07685,-0.02091,-0.00342,-0.02054,-0.02291,0.00756,-0.04505,0.09205,0.04276,-0.07977,0.06465,-0.00739,0.01509,0.00068,0.01555,0.06972,0.00747,-0.04499,-0.0487,-0.08119,-0.072,-0.12289,0.06089,-0.01745,-0.0134,-0.09847,0.00033,0.03775,-0.0503,-0.00829,-0.00933,0.1151,-0.00406,-0.03778,0.00174,0.05835,-0.04532,0.04079,-0.05987,-0.0942,0.08416,0.00969,0.03469,-0.05965,0.01129,-0.06572,-0.00159,0.00795,0.10745,-0.01326,-0.08609,0.00994,-0.0142,-0.03223,0.0593,-0.07592,-0.02685,-0.004,-0.03486,-0.05301,0.05926,0.03976,-0.01256,-0.04578,0.00776,-0.01269,0.0762,0.05852,-0.01907,-0.06852,-0.02604,-0.03368,-0.017,0.03056,0.0972,0.0444,0.03332,0.09062,0,-0.01373,0.00575,-0.03331,-0.02962,-0.04326,0.01141,-0.0116,-0.03409,0.04789,0.02826,0.04388,0.0089,0.01119,-0.0879,-0.06046,-0.01427,-0.04216,-0.05983,-0.06806,0.09007,0.02571,-0.0414,0.05618,-0.0617,0.01069,0.00511,0.05394,0.00098,-0.03161,-0.01232,0.0454,0.01401,-0.09595,-0.00345,-0.07688,0.01893,0.01865,0.06956,-0.0251,-0.03236,0.05654,0.07425,-0.05151,0.06612,-0.04777,0.0341,-0.03594,-0.07005,-0.01671,0.0242,-0.07631,-0.04049,-0.00969,0.00588,-0.07115,0.04961,0.10192,0.06686,0.03368,0.0414,0.10368,-0.08679,0.03103,0.02165,0.07622,0.01763,0.01837,0.12731,0.04884,0.05728,0.11154,0.02485,-0.01526,0.02444,-0.0461,0.02427,0.01076,-0.09775,-0.00487,0.10105,-0.01041,0.03806,-0.03285,-0.01233,0.03969,0.01365,0.06021,0.04521,0.10529,0.04081,-0.06157,0.04694,0.01943,0.01135,-0.09566,0,-0.05505,0.04764,-0.08055,-0.04865,0.04823,0.00434,-0.00815,-0.0535,-0.03367,0.01097,-0.05149,0.03644,0.00184,0.03769,0.09238,-0.0496,0.02001,-0.02029,-0.05212,0.0151,-0.00081,0.01184,-0.02775,0.02861,0.0438,-0.08691,0.05798,0.10698,0.01128,0.00621,-0.05718,0.02484,-0.07278,-0.00817,-0.10003,0.13175,0.03242,-0.03183,-0.09011,0.00438,0.02277,-0.08379,-0.03832,-0.04219,-0.02629,0.05571,-0.0042,-0.0431,0.00237,0.07515,-0.04468,-0.03361,-0.00622,-0.03548,0.04354,-0.01808,-0.02309,0.06728,0.07291,-0.04654,-0.03879,0.11818,0.11954,-0.03166],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. - fConnectionFromOutlet: InputSignal<boolean; Default: false. Outlet only: when true, the connection preview starts visually from the outlet rect. The emitted FCreateConnectionEvent.sourceId is always the resolved real source connector id. f Connection From Outlet Input Signal F Create Connection Event source Id","excerpt":"- fConnectionFromOutlet: InputSignal<boolean; Default: false. Outlet only: when true, the connection preview starts visually from the outlet rect. The emitted FCreateConnectionEvent.sourceId is always the resolved real source connector id."},{"chunkId":"/docs/f-connector-directive#12","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00444,-0.07203,-0.08247,0.04739,0.03486,0.07301,0.01378,0.04122,-0.03476,-0.04776,0.06005,-0.02369,-0.00785,-0.05421,0.04184,0.02,0.00388,-0.04725,0.03757,0.04842,-0.07345,-0.08815,-0.02595,-0.04889,-0.02868,-0.08634,0.01794,-0.01302,-0.04891,-0.06415,-0.02268,0.06006,-0.1296,-0.00739,0.00163,-0.01213,0.06782,0.02226,-0.01831,0.01947,0.03261,-0.0698,0.04624,-0.02312,-0.00824,-0.00509,-0.0561,-0.02906,-0.03075,-0.00633,0.02322,0.02714,-0.06047,0.06985,0.12468,0.08747,0.06635,0.03705,-0.04278,0.04251,0.04223,0.01669,-0.03881,-0.02924,-0.02726,-0.01548,0.01189,0.01033,-0.0071,-0.04365,-0.08586,-0.02065,-0.02481,-0.0758,0.12598,0.06182,-0.00487,0.05269,0.02288,-0.09338,0.02977,0.11039,-0.02709,-0.04492,0.0353,0.08069,0.00764,-0.02864,-0.01691,0.05215,0.01603,-0.06111,0.05405,-0.00514,-0.00819,0.00355,-0.0173,0.01021,-0.01477,-0.00197,-0.0141,0.01132,-0.00694,0.03514,-0.00584,-0.00735,-0.03441,0.06257,0.04741,-0.07199,0.01696,-0.05103,-0.02184,-0.12127,-0.04957,0.0153,-0.05833,-0.01661,0.11675,-0.0505,-0.02273,0.00929,0.05166,-0.01,-0.02714,-0.04707,-0.04703,0,-0.01337,0.0304,-0.08488,0.02428,0.03969,0.01012,0.0198,0.03033,-0.01943,0.04819,-0.04307,0.06198,-0.08043,0.04593,-0.01915,-0.08301,-0.03623,0.04417,-0.03235,-0.0068,0.01992,0.01895,0.00918,-0.05729,0.10331,0.02712,-0.06024,0.04905,0.01273,0.0335,0.00039,0.01168,0.07587,0.01834,-0.01301,-0.06344,-0.08701,-0.08985,-0.09291,0.022,-0.01064,-0.00281,-0.05131,-0.00875,0.04467,-0.02459,0.02004,0.00784,0.10458,-0.00776,-0.03155,-0.01158,0.0429,-0.01554,0.04449,-0.04444,-0.08918,0.12181,0.02433,0.04249,-0.03822,0.03772,-0.05956,-0.03406,0.01112,0.10255,-0.01767,-0.09431,-0.00544,-0.0416,-0.02769,0.04559,-0.0673,0.02058,-0.02788,-0.04236,-0.07268,0.06491,0.04968,-0.02806,-0.08807,0.00366,-0.03504,0.08657,0.04215,-0.04219,-0.05951,-0.02948,-0.02384,-0.02228,-0.00127,0.10001,0.05473,0.04584,0.09711,0,0.00385,0.00157,-0.01687,-0.01955,-0.0177,0.06338,-0.01146,-0.05217,0.05866,0.04353,0.00286,0.02154,0.04247,-0.09189,-0.07261,-0.03189,-0.07997,-0.06569,-0.0605,0.09041,0.01394,-0.05617,0.06317,-0.03538,0.01801,0.00862,0.05258,0.00091,-0.0338,-0.00796,0.02136,0.01937,-0.07821,-0.00522,-0.09775,0.0104,-0.00094,0.06195,-0.04029,-0.07017,0.0478,0.0629,-0.02086,0.03406,-0.05446,0.03786,-0.06404,-0.05107,-0.0121,0.05454,-0.07466,-0.06929,-0.03623,0.02526,-0.06929,0.0705,0.12188,0.04495,0.00974,0.04729,0.12193,-0.07242,0.06728,0.02677,0.07198,-0.00655,0.01706,0.08156,0.02486,0.05763,0.08678,0.00482,0.0016,0.01187,-0.02977,0.02891,0.02252,-0.07919,0.00705,0.09361,-0.00296,0.02589,-0.05084,0.01439,0.02691,-0.00586,0.03736,0.03148,0.08547,0.02407,-0.03576,0.03266,0.04759,0.0582,-0.10067,0,-0.03376,0.03047,-0.07214,-0.05767,0.00774,-0.02557,0.00846,-0.06487,-0.01153,0.03745,-0.03028,0.02638,-0.01843,0.04364,0.10468,-0.07063,0.00895,0.01543,-0.07231,0.03193,-0.01085,-0.02135,0.00364,0.05673,0.04774,-0.05933,0.04251,0.11761,0.00956,0.05104,-0.05107,0.02526,-0.06164,0.00074,-0.08479,0.14703,-0.00285,-0.03712,-0.09799,0.01313,0.04888,-0.09527,-0.04359,-0.03749,0.04535,0.05299,0.0029,-0.01066,-0.02548,0.06035,-0.05183,-0.02366,-0.01466,-0.01346,0.03091,0.01355,-0.03616,0.04399,0.0942,-0.04926,-0.04348,0.09601,0.11691,-0.00413],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Types FConnectorType EFConnectableSide F Connector Type EF Connectable Side","excerpt":"Types FConnectorType EFConnectableSide"},{"chunkId":"/docs/f-connector-directive#13","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00157,-0.05803,-0.09807,0.0885,0.03549,0.0622,0.01081,0.00358,-0.00575,-0.03029,0.04493,0.02883,-0.0201,-0.00956,0.01912,0.01019,-0.032,-0.05826,-0.00161,0.04934,-0.03185,-0.11183,0.01428,-0.04431,-0.04992,-0.07663,-0.00674,-0.01442,-0.04811,-0.0698,-0.02053,0.06988,-0.10366,0.0189,-0.02791,-0.0415,0.07086,0.00911,-0.05904,0.03451,0.04007,-0.11042,0.05597,-0.08892,-0.03761,-0.00119,-0.03606,-0.05745,-0.02628,0.02726,0.00464,0.07014,-0.04427,0.10317,0.11926,0.08522,0.07038,0.02224,-0.06554,0.04019,0.00199,-0.03203,-0.03094,-0.00229,-0.04373,0.01767,-0.03226,0.00547,-0.01104,-0.00002,-0.02181,0.01026,-0.0213,-0.07897,0.1308,0.03815,0.00191,0.08641,0.03356,-0.08646,0.0596,0.06876,-0.04614,-0.03627,0.01435,0.1006,-0.05402,-0.03744,-0.05708,0.03454,-0.01753,0.00816,0.03976,-0.00666,-0.00611,0.02954,-0.04069,-0.00083,-0.01246,0.00629,-0.03499,-0.02131,0.03503,0.06439,0.00356,-0.03012,-0.04374,0.04284,-0.00285,-0.05395,0.05978,-0.00314,0.05309,-0.06413,-0.07605,0.04312,-0.0443,-0.00063,0.1131,0.03303,-0.01043,0.02222,0.07713,-0.00392,-0.01687,-0.01194,-0.09028,0,0.02228,0.00925,-0.05903,0.03091,0.0222,-0.01534,0.04066,-0.0135,-0.04138,0.06831,-0.03514,0.0252,-0.07324,-0.00062,-0.01941,-0.09363,0.01939,0.0331,-0.01539,-0.00137,0.08216,-0.01312,-0.01049,-0.04326,0.11143,0.04962,-0.10067,0.08043,-0.03048,0.04689,-0.01946,0.01471,0.03064,0.01256,-0.00354,-0.07322,-0.068,-0.05686,-0.1202,0.02113,-0.00656,-0.03516,-0.06198,0.00953,0.01071,-0.01154,0.01041,-0.01967,0.05708,0.04012,-0.0072,0.0041,0.05266,-0.03746,0.03744,-0.06803,-0.08909,0.07242,-0.02062,0.04607,-0.04284,0.00414,-0.10336,-0.02903,0.02429,0.11805,0.00271,-0.03122,0.00115,-0.03851,-0.02704,0.07904,-0.09224,-0.04218,0.01739,-0.02715,-0.00642,-0.0154,0.05052,-0.02879,-0.04791,-0.02635,-0.05014,0.06243,0.02427,-0.0384,-0.03432,-0.04901,-0.02833,-0.06338,0.05573,0.08061,0.04695,-0.0158,0.03186,0,0.0066,0.00391,0.00518,0.01534,-0.00846,0.01248,0.01522,-0.02269,0.05978,-0.0094,0.03151,0.01052,0.03059,-0.13922,-0.05711,0.03427,-0.08678,-0.06091,-0.0081,0.07679,0.00298,-0.00041,0.05111,-0.02078,-0.03153,0.00097,0.02475,-0.01921,0.01626,-0.01272,0.07533,0.00047,-0.06859,-0.02285,-0.05982,-0.0176,-0.01843,0.10079,-0.01026,-0.02551,0.04913,0.05307,-0.02385,0.05024,-0.04619,0.05224,-0.06375,-0.05109,-0.01972,0.05039,-0.08709,-0.07557,-0.02297,0.02036,-0.05747,0.02148,0.13632,0.03024,-0.05888,0.0696,0.12633,-0.10877,0.0254,0.03648,0.07499,0.0009,-0.01822,0.06498,0.04324,0.08533,0.08587,0.02043,0.03839,0.02181,0.00683,-0.01418,-0.01489,-0.05106,0.045,0.12115,-0.04137,0.03565,-0.03875,0.0058,0.02853,-0.02411,0.04911,0.06915,0.11044,0.00868,-0.05096,0.03933,0.02752,0.01329,-0.096,0,-0.01752,-0.0137,-0.0961,-0.05112,0.00977,0.01511,-0.02302,-0.03306,-0.01885,0.0138,-0.0572,0.10676,-0.03748,0.03491,0.08421,-0.03519,0.02783,0.00612,-0.0626,0.01343,-0.0348,-0.01089,-0.04542,0.09867,0.01657,-0.06864,0.02725,0.06078,0.05114,0.04219,-0.0732,0.00831,-0.06045,0.02499,-0.11209,0.12454,-0.03709,-0.00292,-0.07071,0.03664,0.07262,-0.04324,-0.05785,-0.03955,0.03621,0.05006,-0.01137,-0.01316,-0.05185,0.0527,-0.06451,0.02449,-0.04047,0.01751,-0.00532,0.01654,-0.00308,0.07175,0.08288,-0.07228,-0.03074,0.06527,0.0949,-0.03078],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Styling Host classes: - .f-component Base class for flow primitives. - .f-connector Host class. - .f-connector-source / .f-connector-target / .f-connector-source-target / .f-connector-outlet Applied by fConnectorType. - .f-connector-multiple Applied when multiple connections are allowed. - .f-connector-disabled Applied when disabled. State classes (toggled at runtime): - .f-connector-connected Applied when the connector currently has one or more connections. - .f-connector-connectable Applied to valid targets during drag-to-connect. - .f-connector-not-connectable Applied when the connector is currently blocked from connection. Data attributes on the host element: - data-f-connector-id The connector id. - data-f-connector-type The connector type. f Connector Type","excerpt":"Styling Host classes: - .f-component Base class for flow primitives. - .f-connector Host class. - .f-connector-source / .f-connector-target / .f-connector-source-target / .f-connector-outlet Applied by fConnectorType. - .f-connector-multiple Applied when multiple connections are allowed. - .f-connector-disabled Applied when disabled. State classes (toggled at runtime): - .f-connector-connected Applied when the connector currently has one or more connections. - .f-connector-connectable Applied to valid targets during drag-to-connect. - .f-connector-not-connectable Applied when the connector is currently blocked from connection. Data attributes on the host element: - data-f-connector-id The connector id. - data-f-connector-type The connector type."},{"chunkId":"/docs/f-connector-directive#14","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.00503,-0.07166,-0.09337,0.03367,0.02251,0.05374,0.00009,0.01845,-0.03516,-0.04441,0.04928,-0.00829,0.00704,-0.023,0.07759,0.04773,-0.00894,-0.03368,0.00773,0.04395,-0.07099,-0.08095,-0.01609,-0.05953,-0.01642,-0.09051,0.01304,-0.01471,-0.03999,-0.06498,-0.01178,0.07989,-0.13065,0.00182,0.01395,0.01261,0.1104,-0.01409,-0.01247,0.02581,0.04771,-0.06694,0.02604,-0.01657,-0.03605,-0.00709,-0.02143,-0.03623,-0.03881,0.02537,-0.01974,0.00094,-0.04335,0.06032,0.12021,0.0844,0.06727,0.03507,-0.02991,0.03783,0.02181,0.01142,-0.04041,0.00901,-0.04327,-0.05219,0.00799,0.02548,-0.02884,-0.03361,-0.10135,-0.00953,-0.0329,-0.08393,0.08851,0.06493,-0.02089,0.04139,0.04109,-0.11998,0.08298,0.11089,-0.04336,-0.03724,0.03034,0.08719,0.01994,-0.05793,-0.01452,0.01862,0.0329,-0.05342,0.05144,0.0093,-0.02684,0.01471,-0.00376,-0.00502,-0.00851,0.01508,-0.02139,-0.0016,-0.01933,0.04031,-0.03057,-0.01016,-0.07876,0.08622,0.05085,-0.03298,0.03706,-0.02644,-0.01941,-0.11956,-0.03793,0.02853,-0.04357,-0.01044,0.12753,-0.01509,-0.04888,0.00842,0.02799,0.02085,-0.02435,-0.02853,-0.06042,0,-0.0228,0.03433,-0.08011,0.03704,0.04164,-0.02288,0.01498,0.00103,-0.0342,0.02228,-0.03945,0.04262,-0.05617,0.0104,-0.00825,-0.08757,-0.02404,0.04639,0.02494,0.00474,0.01692,0.00896,0.00939,-0.03385,0.12125,0.06839,-0.05106,0.04283,-0.00091,0.03673,0.00192,0.02902,0.08215,0.01524,-0.02162,-0.0463,-0.05685,-0.10657,-0.13327,0.03102,-0.00857,-0.01499,-0.06569,0.00406,0.05005,-0.02102,0.0187,0.00827,0.12461,-0.00718,-0.05843,-0.0194,0.04891,-0.0323,0.05285,-0.05809,-0.11526,0.07971,0.01655,0.04677,-0.04661,0.01579,-0.0793,0.00743,0.02459,0.0899,-0.01908,-0.06057,0.02802,-0.0238,-0.04651,0.05602,-0.07608,0.03641,-0.03641,-0.04225,-0.06847,0.057,0.08379,-0.02944,-0.07676,0.01966,-0.03963,0.09628,0.07987,-0.04487,-0.03747,-0.04061,-0.03864,0.00156,0.00874,0.08941,0.06639,0.01108,0.06955,0,0.00493,-0.01929,-0.00472,0.00954,-0.02765,0.0281,0.00974,-0.06368,0.05393,0.03644,0.00272,0.02557,0.06527,-0.08746,-0.05546,-0.01705,-0.07433,-0.09443,-0.05264,0.07986,0.03844,-0.03318,0.05332,-0.03936,0.01898,-0.0097,0.03361,-0.02194,-0.01885,-0.00947,0.03949,-0.0048,-0.08875,0.00502,-0.07846,0.02832,0.00214,0.08892,-0.0298,-0.06929,0.06319,0.03818,-0.03785,0.02681,-0.07167,0.01944,-0.06171,-0.07692,-0.03296,0.01903,-0.07276,-0.07659,-0.00832,-0.01073,-0.06876,0.0521,0.1069,0.03656,0.00512,0.02552,0.13054,-0.06574,0.05161,0.03046,0.0735,0.02136,0.01814,0.09162,0.01136,0.04496,0.07444,-0.00834,-0.01687,0.03351,-0.03882,-0.00587,0.01238,-0.07377,-0.01742,0.09812,-0.02348,0.0289,-0.07164,-0.0054,0.06357,0.0094,0.06748,0.05073,0.10461,0.00998,-0.07539,0.03547,0.03338,0.02346,-0.09688,0,-0.04598,0.06245,-0.09523,-0.04624,0.03629,0.00155,-0.00534,-0.05637,-0.00109,0.07348,-0.02592,0.05144,-0.02097,0.03078,0.0833,-0.0426,-0.00232,-0.01363,-0.06303,0.02723,-0.02825,0.02931,-0.00368,0.04397,0.03727,-0.04511,0.02667,0.106,0.04036,0.02035,-0.03953,0.02046,-0.07798,0.00918,-0.10193,0.09651,-0.01193,-0.01824,-0.06859,0.01251,0.04857,-0.09351,-0.03593,-0.02275,0.01602,0.04031,-0.03337,-0.00851,-0.01792,0.06556,-0.04901,-0.00859,-0.02081,0.00476,0.067,0.00979,-0.03306,0.07018,0.05213,-0.02814,-0.03434,0.07841,0.10961,-0.03289],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Migration from legacy directives","excerpt":"Migration from legacy directives"},{"chunkId":"/docs/f-connector-directive#15","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.02403,-0.08061,-0.11283,0.03216,0.0414,0.09013,0.01272,0.02941,-0.0509,-0.06064,0.03796,0.00056,0.02072,-0.0456,0.07582,0.02864,-0.03172,-0.01691,-0.00718,0.04637,-0.03646,-0.03505,0.00666,-0.09104,-0.00991,-0.06283,0.05415,-0.0518,-0.07578,-0.08279,-0.05415,0.10941,-0.06657,-0.01383,-0.00119,0.00413,0.05409,-0.02605,0.00677,0.02754,0.0044,-0.05993,0.05956,-0.00403,-0.01046,-0.00987,-0.08053,-0.04122,0.02448,0.00835,-0.00208,0.05835,-0.03412,0.07928,0.10298,0.0907,0.0015,0.06249,-0.03036,0.0195,0.00539,-0.00622,-0.01431,-0.01767,-0.07337,-0.0483,0.00699,0.00389,-0.0122,-0.00049,-0.12611,-0.01436,-0.01535,-0.05902,0.08566,0.05424,0.00328,0.09035,0.02343,-0.14267,0.0499,0.08144,-0.03404,-0.03138,0.04849,0.0484,-0.02167,-0.03679,0.0017,0.03205,0.02636,-0.03128,0.01042,-0.05139,0.04301,-0.00901,-0.00301,0.01625,-0.02824,0.03421,-0.05065,-0.01918,-0.02844,0.04437,-0.01025,0.00928,-0.04266,0.10571,0.07047,-0.06361,0.01971,-0.01705,-0.00438,-0.07524,-0.00538,0.00759,-0.03508,-0.01137,0.11903,0.03717,-0.01104,0.01249,0.00577,0.01558,-0.06243,-0.03963,-0.06697,0,0.00435,0.00343,-0.0653,-0.0059,0.02709,0.01089,0.0322,0.04485,-0.00082,0.06838,-0.09579,0.01777,-0.09552,0.02947,-0.01136,-0.09707,-0.05365,0.08501,-0.00909,-0.02624,0.05601,0.00947,-0.01107,-0.03973,0.07618,0.0361,-0.06321,0.0482,-0.07124,0.02341,-0.00793,0.01662,0.04926,-0.01813,-0.05627,-0.05089,-0.02852,-0.07014,-0.10376,-0.0022,-0.05388,-0.0022,-0.06898,-0.03459,0.02962,-0.0299,0.01576,0.01556,0.11121,-0.00629,-0.05498,-0.02287,0.03118,-0.05279,0.04685,-0.05139,-0.11083,0.15867,0.02329,0.04128,-0.06832,0.00379,-0.07883,0.00899,0.01761,0.16187,-0.01353,-0.0976,0.02901,0.00113,-0.03304,0.03544,-0.06037,-0.00559,-0.0071,-0.02275,-0.00157,-0.01082,-0.01726,-0.02776,-0.08591,0.06389,-0.0459,0.0682,0.05534,0.0205,0.01161,-0.06746,0.00914,-0.00905,-0.00568,0.03939,0.04656,-0.03595,0.01896,0,-0.0232,0.01597,-0.00757,-0.02716,0.00664,0.02128,0.0099,-0.06899,0.02932,0.01502,0.04387,0.01076,0.01551,-0.13168,-0.08071,0.01919,-0.05658,-0.069,-0.05195,0.08129,-0.02977,0.01441,0.03505,-0.00925,0.06793,0.01706,0.03886,0.07605,0.01285,0.01652,0.04673,0.00012,-0.09529,0.00028,-0.03672,-0.02233,-0.03969,0.09665,-0.03184,0.02047,0.06819,-0.00125,-0.01643,0.05068,-0.03916,0.0028,0.00824,-0.05568,-0.04877,0.00835,-0.00295,-0.07322,-0.01657,0.04446,-0.01964,0.07595,0.13032,0.05474,0.00293,-0.00799,0.09808,-0.04942,0.04445,0.03946,0.15627,0.00472,-0.02331,0.1078,-0.01296,0.07496,-0.03766,0.00703,0.04773,0.0281,0.04128,0.05663,-0.03596,-0.08459,-0.0194,0.05861,-0.05666,0.00504,-0.05975,-0.01935,0.01161,0.00033,0.04348,0.07311,0.1161,0.02628,-0.04679,-0.00296,0.04148,0.00465,-0.0936,0,-0.06234,0.03308,-0.07474,-0.04016,0.07801,0.00241,0.0197,-0.00105,-0.03014,-0.00427,-0.05846,0.06352,-0.00914,-0.00567,0.09727,-0.05262,0.01142,-0.00184,-0.05674,0.00974,-0.0271,-0.01533,-0.06753,0.03164,0.05086,-0.06856,0.02629,0.09276,0.05321,0.0469,-0.02445,-0.02608,-0.05784,-0.02844,-0.05792,0.07993,0.02667,-0.05007,-0.06132,0.03652,-0.00075,-0.05084,-0.02247,-0.01922,0.03069,0.0113,-0.03715,0.01035,0.01389,0.00749,-0.09843,-0.01042,-0.02238,-0.05034,0.03099,0.00117,-0.05065,0.07409,0.04873,-0.0497,-0.0161,0.08027,0.14467,-0.0254],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Legacy Unified -------------------------------------------------------- ----------------------------------------------------- fNodeOutput / fOutputId fConnector fConnectorType=\"source\" / fConnectorId fNodeInput / fInputId fConnector fConnectorType=\"target\" / fConnectorId fNodeOutlet / fOutletId fConnector fConnectorType=\"outlet\" / fConnectorId fOutputMultiple / fInputMultiple fConnectorMultiple (default true) fOutputDisabled / fInputDisabled / fOutletDisabled fConnectorDisabled fInputCategory fConnectorCategory fOutputConnectableSide / fInputConnectableSide fConnectorConnectableSide isSelfConnectable fConnectorSelfConnectable fCanBeConnectedInputs fCanBeConnectedTo isConnectionFromOutlet fConnectionFromOutlet f-connection fOutputId / fInputId f-connection fSourceId / fTargetId f Node Output f Output Id f Connector f Connector Type f Connector Id f Node Input f Input Id f Node Outlet f Outlet Id f Output Multiple f Input Multiple f Connector Multiple f Output Disabled f Input Disabled f Outlet Disabled f Connector Disabled f Input Category f Connector Category f Output Connectable Side f Input Connectable Side f Connector Connectable Side is Self Connectable f Connector Self Connectable f Can Be Connected Inputs f Can Be Connected To is Connection From Outlet f Connection From Outlet f Source Id f Target Id","excerpt":"Legacy Unified -------------------------------------------------------- ----------------------------------------------------- fNodeOutput / fOutputId fConnector fConnectorType=\"source\" / fConnectorId fNodeInput / fInputId fConnector fConnectorType=\"target\" / fConnectorId fNodeOutlet / fOutletId fConnector fConnectorType=\"outlet\" / fConnectorId fOutputMultiple / fInputMultiple fConnectorMultiple (default true) fOutputDisabled / fInputDisabled / fOutletDisabled fConnectorDisabled fInputCategory fConnectorCategory fOutputConnectableSide / fInputConnectableSide fConnectorConnectableSide isSelfConnectable fConnectorSelfConnectable fCanBeConnectedInputs fCanBeConnectedTo isConnectionFromOutlet fConnectionFromOutlet f-connection fOutputId / fInputId f-connection fSourceId / fTargetId"},{"chunkId":"/docs/f-connector-directive#16","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[0.00911,-0.10143,-0.08758,0.0535,-0.03269,0.06466,-0.00768,-0.00655,0.00911,-0.07052,0.00483,-0.00855,-0.00056,-0.02052,0.03469,0.03867,-0.02294,-0.0485,0.02887,0.04137,-0.06741,-0.09381,-0.00573,-0.04808,-0.01504,-0.12876,0.02423,-0.01751,-0.02796,-0.01557,0.00748,0.08066,-0.11494,-0.04064,0.02785,-0.03966,0.06828,0.03075,-0.01712,0.03141,0.0591,-0.07578,0.03945,-0.01194,-0.03731,0.00396,-0.05268,-0.03229,-0.01505,0.03559,0.01422,0.05805,-0.01353,0.06339,0.11213,0.09323,0.03237,0.05892,-0.03223,0.04662,0.00626,-0.01166,-0.01429,-0.05274,-0.03072,0.03642,0.01828,0.0154,0.00995,-0.01392,-0.05737,0.03482,0.00565,-0.07908,0.11144,0.08567,-0.02258,0.04217,0.01531,-0.12132,0.05336,0.11553,-0.02485,-0.05369,0.04917,0.07134,-0.0475,-0.03401,-0.02156,0.04657,0.00286,-0.02846,0.05244,-0.04202,0.03474,0.02076,-0.02351,-0.00027,-0.01762,-0.01347,-0.06953,-0.02335,-0.02241,0.09043,0.03201,-0.01676,-0.07084,0.03757,0.03918,-0.05015,0.04772,-0.00393,0.05162,-0.04239,-0.05139,0.07852,-0.05168,0.00952,0.09371,0.01784,-0.05087,-0.01218,0.04079,0.01167,-0.02424,-0.00376,-0.04965,0,-0.02095,0.03255,-0.0428,0.00217,0.03376,-0.0365,-0.00332,0.00861,-0.04393,0.03299,-0.0684,-0.00357,-0.07092,-0.01389,-0.04542,-0.04781,-0.03457,0.08691,-0.00224,-0.01588,0.0121,0.00792,0.01279,-0.08447,0.06561,0.05835,-0.07951,0.05869,0.03416,0.03033,0.00056,0.01279,0.07555,0.01245,-0.02691,-0.05638,-0.06211,-0.06192,-0.13496,0.03805,-0.0331,0.01505,-0.06124,0.005,0.04582,-0.06329,-0.00688,-0.01939,0.09046,-0.01817,-0.02333,0.01386,-0.0064,-0.04743,0.0187,-0.12268,-0.11445,0.0817,0.02599,0.02987,-0.03353,0.02989,-0.07902,0.01048,0.05898,0.12201,0.00635,-0.02414,-0.01397,-0.00121,0.00894,0.04302,-0.12967,-0.03314,-0.00928,-0.03501,-0.01708,0.03362,0.04124,-0.0261,-0.01255,0.02276,-0.06072,0.05885,0.05369,-0.01364,-0.04822,-0.0544,-0.03271,0.01393,0.04203,0.0946,0.05803,0.02135,0.05568,0,-0.00259,-0.00471,-0.00793,-0.03099,-0.02079,0.00478,-0.00967,-0.05888,0.03897,0.01128,0.03467,0.01113,0.03139,-0.09494,-0.03553,-0.03642,-0.05027,-0.02683,-0.0367,0.08511,0.03846,-0.03036,0.02492,-0.02358,0.01318,-0.00325,0.00041,0.0104,-0.01108,-0.0086,0.03445,0.02452,-0.09569,-0.03824,-0.0597,0.03393,-0.0348,0.07265,-0.01712,-0.01707,0.02817,0.04988,-0.04898,0.03658,-0.01042,0.00901,-0.06409,-0.05132,-0.01387,0.04531,-0.05541,-0.05366,-0.01491,-0.00677,-0.06242,0.04882,0.12081,0.0502,-0.006,0.03971,0.12686,-0.09667,0.01535,0.04406,0.12495,0.00293,0.0418,0.12172,0.0213,0.04556,0.11379,0.00341,-0.00584,0.02048,-0.02935,0.02608,-0.03204,-0.07944,-0.00726,0.1096,-0.03754,0.03264,-0.00343,0.0056,0.01214,0.01952,0.11679,0.08409,0.08775,0.03128,-0.03809,0.00869,0.04654,-0.00015,-0.09885,0,-0.02276,0.0417,-0.10172,-0.00602,0.03825,-0.03786,-0.09422,-0.03588,-0.05563,0.02653,-0.09185,0.07694,-0.01461,0.05628,0.09015,-0.09498,-0.00192,-0.04624,-0.05641,0.0195,-0.03855,0.00172,-0.03123,0.02998,-0.01264,-0.08027,0.06416,0.08311,0.0164,0.01977,-0.04297,-0.01787,-0.08073,0.05669,-0.11046,0.07971,0.00264,0.01912,-0.08945,-0.00288,0.04491,-0.06827,-0.04609,-0.01522,-0.01997,0.05017,-0.01733,-0.0123,-0.01178,0.09196,-0.03968,-0.02634,0.02989,-0.02213,0.04122,-0.02793,-0.03721,0.08672,0.06809,-0.03297,-0.04469,0.04888,0.10559,-0.04122],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Note: fOutputMultiple defaulted to false; fConnectorMultiple defaults to true. Set [fConnectorMultiple]=\"false\" explicitly if you rely on single-connection sources — for example, an outlet advances to the next free source connector only when already-connected sources stop being connectable. Note: unlike the legacy registries, all fConnector ids live in a single registry. The legacy pattern of reusing the same id for a separate fNodeOutput and fNodeInput is not allowed for two fConnector elements — use one connector with the default source-target type instead. f Output Multiple f Connector Multiple f Connector f Node Output f Node Input","excerpt":"Note: fOutputMultiple defaulted to false; fConnectorMultiple defaults to true. Set [fConnectorMultiple]=\"false\" explicitly if you rely on single-connection sources — for example, an outlet advances to the next free source connector only when already-connected sources stop being connectable. Note: unlike the legacy registries, all fConnector ids live in a single registry. The legacy pattern of reusing the same id for a separate fNodeOutput and fNodeInput is not allowed for two fConnector elements — use one connector with the default source-target type instead."},{"chunkId":"/docs/f-connector-directive#17","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.02768,-0.07884,-0.0935,0.01509,0.03268,0.02783,-0.03582,0.02572,-0.01003,-0.07355,0.03733,-0.0079,0.0028,-0.0147,0.07348,0.0503,-0.02539,-0.01985,0.01149,0.04024,-0.06828,-0.08367,-0.03216,-0.04367,-0.02181,-0.07829,0.00431,-0.02287,-0.03118,-0.04672,-0.00109,0.0753,-0.1497,0.00724,-0.02682,0.00493,0.08298,-0.00752,-0.02694,0.03815,0.04129,-0.04325,0.027,-0.03395,-0.04671,-0.01328,-0.04355,-0.03574,-0.04262,0.05232,-0.02073,-0.01527,-0.02883,0.06656,0.11849,0.06538,0.0379,0.02833,-0.03381,0.03669,0.02457,-0.00675,-0.02964,0.00734,-0.02576,-0.05869,-0.01014,0.05038,-0.01197,-0.07059,-0.08027,-0.01336,-0.02751,-0.08545,0.09746,0.07016,-0.02027,0.05028,0.01416,-0.10243,0.0637,0.12326,-0.03822,-0.04523,0.03612,0.09262,-0.00448,-0.03651,-0.01572,0.02533,0.01075,-0.04201,0.07022,-0.01507,0.00877,0.02487,-0.02906,-0.02402,-0.02128,0.00608,-0.04025,0.001,-0.02395,0.04769,0.01596,-0.03094,-0.07461,0.07701,0.05582,-0.04561,0.03207,-0.04556,0.02036,-0.10553,-0.04224,0.02266,-0.05435,-0.00339,0.11842,-0.00104,-0.05524,0.00277,0.02788,-0.00243,0.00151,-0.0304,-0.03164,0,-0.02267,0.00339,-0.07163,0.0472,0.04083,-0.00534,0.03765,0.01997,-0.04088,0.00023,-0.0382,0.0575,-0.07086,0.02729,-0.03341,-0.08171,-0.04382,0.05282,0.01912,0.01164,0.01811,0.00538,-0.01857,-0.05519,0.10181,0.0531,-0.04367,0.07439,-0.01838,0.03808,-0.01654,0.01247,0.07544,0.03154,-0.02557,-0.05745,-0.07855,-0.07955,-0.1241,0.02204,-0.02545,-0.00353,-0.07847,-0.02313,0.04174,-0.04458,-0.00936,0.01021,0.09243,-0.01272,-0.03111,-0.0005,0.04313,-0.0356,0.05558,-0.08343,-0.10644,0.07312,0.00215,0.03713,-0.04978,0.02011,-0.10327,-0.00767,0.05255,0.11373,-0.00165,-0.03593,0.02505,-0.01108,-0.03714,0.05821,-0.08006,0.03038,-0.02864,-0.04518,-0.03138,0.06985,0.09383,-0.01182,-0.11096,0.00348,-0.02281,0.10451,0.06508,-0.02279,-0.03668,-0.04518,-0.0472,0.00818,0.01814,0.08522,0.07098,0.01862,0.09684,0,0.00245,0.00761,0.00213,0.00996,-0.01666,0.03179,0.02078,-0.07246,0.06532,0.04428,0.0024,0.04562,0.04712,-0.07993,-0.02283,-0.01455,-0.07159,-0.08673,-0.04481,0.07506,0.0291,-0.01446,0.03106,-0.05618,0.01139,-0.00812,0.00916,0.00064,-0.01689,0.00655,0.05527,-0.00733,-0.07117,-0.00884,-0.07481,0.00202,-0.00828,0.08568,-0.0186,-0.08655,0.05926,0.03457,-0.03867,0.0292,-0.05199,0.03811,-0.06491,-0.06946,-0.04031,0.01566,-0.08514,-0.05862,-0.02092,0.01599,-0.06583,0.03648,0.14249,0.05661,-0.02586,0.01253,0.131,-0.07038,0.06376,0.02829,0.0678,0.02106,0.00384,0.07803,-0.01328,0.05923,0.10373,0.015,0.00735,0.0295,-0.02095,0.01404,0.01749,-0.0765,0.00637,0.10142,-0.0344,0.04982,-0.03501,0.01871,0.07779,0.01461,0.04493,0.05638,0.09661,0.01474,-0.06448,0.04005,0.0313,0.01618,-0.08427,0,-0.0577,0.04533,-0.08808,-0.05669,-0.00183,0.00569,-0.02681,-0.02969,0.00193,0.07424,-0.02858,0.04564,-0.01502,0.01754,0.07706,-0.04877,0.01411,-0.01628,-0.06622,0.01676,-0.02631,0.02663,0.00046,0.04922,0.02381,-0.05994,0.05201,0.11649,0.01936,-0.01389,-0.03111,0.01476,-0.05365,0.02857,-0.07635,0.08663,-0.0011,0.00233,-0.06902,0.01782,0.06495,-0.08577,-0.04919,-0.03167,0.02698,0.05628,-0.02068,-0.041,-0.04841,0.08598,-0.03928,0.01713,-0.00477,0.01564,0.07505,-0.01344,-0.03671,0.04375,0.0462,-0.03365,-0.01885,0.10108,0.14484,-0.01208],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. The legacy directives keep working but are deprecated. A legacy connector and a unified connector can coexist in one flow, but do not mix both APIs on the same element. AP Is","excerpt":"The legacy directives keep working but are deprecated. A legacy connector and a unified connector can coexist in one flow, but do not mix both APIs on the same element."},{"chunkId":"/docs/f-connector-directive#18","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.00068,-0.08474,-0.08964,0.05621,0.0261,0.02427,-0.01586,0.0315,0.03587,-0.05802,0.06709,-0.04688,-0.01717,0.01327,0.04516,0.01006,-0.01385,-0.09969,0.0064,0.05074,-0.07326,-0.0821,-0.00684,-0.06572,-0.02946,-0.0975,0.01441,-0.05607,-0.06181,-0.03091,0.02037,0.10272,-0.14352,-0.02086,0.05678,0.02457,0.07343,-0.00165,-0.01494,0.01754,0.04023,-0.08257,0.05344,-0.01576,-0.04003,-0.02925,-0.03383,0.00634,-0.003,0.03544,-0.03631,0.06126,-0.02346,0.0712,0.08656,0.09288,0.03808,0.01447,-0.03291,0.02202,0.03665,-0.0044,0.00377,-0.05557,-0.06689,-0.00964,0.02156,-0.02724,-0.01089,0.00097,-0.02018,0.01988,-0.06107,-0.042,0.08542,0.07602,0.01825,0.05693,0.01639,-0.09537,0.08185,0.08261,-0.0342,-0.0316,0.00011,0.10176,-0.03948,-0.01308,-0.07846,0.04878,0.02609,0.03746,0.03375,-0.04453,0.0363,0.00397,-0.00219,0.018,-0.01441,0.01048,-0.04145,-0.00096,-0.01464,0.07369,-0.00925,-0.01771,-0.05202,0.00042,0.00724,-0.0544,0.06102,-0.01736,0.03059,-0.03594,-0.08888,0.07658,-0.05568,-0.01978,0.08358,0.03531,-0.04485,0.0234,0.06373,0.05386,-0.02582,-0.00613,-0.02398,0,-0.0121,-0.00598,-0.05292,0.00565,0.02002,-0.04484,0.02333,0.00342,-0.03693,0.05781,-0.09178,0.00386,-0.07784,-0.02259,-0.04236,-0.05613,0.00316,0.02379,-0.03113,-0.0071,0.02895,-0.02687,-0.00044,-0.07719,0.05814,0.06216,-0.08954,0.05973,0.05364,0.03383,-0.01684,-0.00864,0.08701,0.00825,-0.02841,-0.09336,-0.02543,-0.07146,-0.15051,0.02508,-0.04706,0.01151,-0.04874,0.01386,0.04037,-0.02362,0.01421,0.0029,0.05103,0.03871,-0.04817,-0.00605,0.0509,-0.05448,-0.00772,-0.08223,-0.11448,0.07301,-0.01696,0.02072,-0.03251,0.01995,-0.08376,-0.02273,0.09874,0.10288,-0.01468,-0.01141,0.02066,0.0113,-0.01426,0.04648,-0.05153,-0.0057,0.03266,-0.03014,-0.03632,0.00828,0.0227,-0.01804,-0.02015,-0.00304,-0.01907,0.04535,0.04179,0.00512,-0.03791,-0.05906,-0.05784,-0.00536,0.05957,0.10441,0.03966,0.0205,0.1123,0,-0.03825,-0.00108,-0.01856,-0.04102,0.00476,-0.00087,-0.00777,-0.06681,0.03706,-0.00893,0,0.03907,-0.03169,-0.10396,-0.07353,0.01821,-0.05882,-0.02794,-0.03588,0.09094,0.06588,0.00092,0.0404,-0.02177,-0.00233,0.0157,0.02093,-0.02373,-0.03633,0.00553,0.09372,0.00327,-0.05731,0.01356,-0.0563,0.00975,-0.03377,0.0835,0.00041,-0.01981,0.02116,0.05907,-0.04702,0.00549,-0.02694,0.03839,-0.06133,-0.08179,-0.01112,0.04648,-0.06172,-0.01734,-0.01367,0.02359,-0.01826,0.03406,0.14494,0.03905,-0.03065,0.04864,0.10087,-0.09438,0.03591,0.01375,0.12532,-0.00398,0.02069,0.09623,0.03027,0.06611,0.0678,0.03904,0.00883,0.01203,0.00745,0.04069,-0.04701,-0.05645,0.0118,0.12505,-0.01941,0.03161,-0.05481,0.00251,0.03016,0.00879,0.08982,0.07887,0.08739,0.03852,-0.03422,0.02237,0.03046,0.01312,-0.08631,0,-0.03691,0.05244,-0.14665,-0.0219,0.02115,-0.00515,-0.05475,-0.06085,-0.02992,0.00931,-0.12911,0.06911,-0.04111,0.0603,0.0758,-0.08733,0.03046,-0.04436,-0.04415,0.02079,-0.02097,-0.01012,-0.06602,0.04708,-0.02592,-0.07644,0.01846,0.06167,0.02613,0.02616,-0.05348,-0.00215,-0.08462,0.03773,-0.1144,0.08784,-0.00512,-0.00652,-0.09775,0.02626,0.06889,-0.03163,-0.05181,-0.04803,0.02837,0.0348,0.00295,-0.00755,-0.01563,0.10901,-0.03303,-0.03564,-0.02058,0.00247,0.04824,-0.04023,-0.02132,0.09105,0.05676,-0.05408,-0.00847,0.07844,0.08737,-0.03231],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Notes and pitfalls - fConnectorId must match connection fSourceId / fTargetId values exactly (case-sensitive). A typo silently results in “no connection rendered”. - target connectors are drop-only: users cannot start a drag from them. Use source-target if the same port should work in both directions. - With fConnectorMultiple=\"false\", the connector becomes unavailable after one active connection is attached. - If you use fConnectorCategory, make sure fCanBeConnectedTo references the same category strings. Mismatched strings are the most common reason a connector becomes “not connectable”. - An outlet needs at least one source connector inside the same node — otherwise there is nothing to resolve the created connection to. - fConnectorId values are unique across all connector types: the same id cannot belong to both a source and a target connector (that was possible with legacy fOutputId/fInputId). One source-target connector covers that case. f Connector Id f Source Id f Target Id f Connector Multiple f Connector Category f Can Be Connected To f Output Id f Input Id","excerpt":"Notes and pitfalls - fConnectorId must match connection fSourceId / fTargetId values exactly (case-sensitive). A typo silently results in “no connection rendered”. - target connectors are drop-only: users cannot start a drag from them. Use source-target if the same port should work in both directions. - With fConnectorMultiple=\"false\", the connector becomes unavailable after one active connection is attached. - If you use fConnectorCategory, make sure fCanBeConnectedTo references the same category strings. Mismatched strings are the most common reason a connector becomes “not connectable”. - An outlet needs at least one source connector inside the same node — otherwise there is nothing to resolve the created connection to. - fConnectorId values are unique across all connector types: the same id cannot belong to both a source and a target connector (that was possible with legacy fOutputId/fInputId). One source-target connector covers that case."},{"chunkId":"/docs/f-connector-directive#19","slug":"f-connector-directive","route":"/docs/f-connector-directive","section":"docs","title":"FConnectorDirective - Unified Source, Target and Outlet Connectors","description":"Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes.","group":"Connectors","vector":[-0.04194,-0.02344,-0.10545,0.04351,0.04457,0.07418,-0.01406,0.05278,-0.01909,0.00616,0.00041,-0.00259,-0.02091,0.00828,0.05319,0.02003,-0.06758,-0.00233,-0.02946,0.03839,-0.04586,-0.04796,0.04435,-0.03589,-0.00914,-0.08563,0.01109,-0.02216,0.01525,-0.03983,0.02624,0.06486,-0.09864,0.02339,-0.00369,0.04177,0.05682,0.00363,-0.01627,0.02851,0.11973,-0.01965,0.05742,-0.08495,-0.01348,-0.01165,-0.07015,0.01217,-0.0534,0.0233,-0.04456,-0.04159,-0.06645,0.07193,0.09211,0.03475,0.0024,-0.0058,0.01111,0.02529,-0.0103,-0.06205,-0.02121,-0.03399,0.02352,-0.03105,-0.08124,0.0334,-0.05958,0.00809,-0.04671,-0.02185,-0.02157,-0.09235,0.07721,0.03708,-0.05353,0.11457,0.01396,-0.07216,0.06737,0.06149,-0.02974,-0.0246,0.0263,0.10647,0.01127,-0.04472,-0.02276,-0.02,0.04025,0.00701,0.02042,0.00477,0.00764,0.02493,-0.07408,0.01802,-0.04223,0.02608,-0.03808,-0.03322,0.04488,0.0914,0.01743,0.00482,-0.04151,0.11542,-0.00014,-0.04019,0.04447,0.00722,0.02156,-0.08178,-0.03677,-0.04252,-0.01168,-0.01826,0.086,0.03289,-0.00872,-0.00478,-0.01524,0.00358,-0.0021,-0.01766,0.0081,0,-0.00065,0.04081,-0.06686,0.02977,0.04632,-0.04133,0.00293,-0.0262,-0.02279,0.09465,-0.0704,0.02406,-0.08327,-0.01778,-0.05908,-0.10115,-0.01961,0.06323,-0.02719,0.0117,0.04668,-0.01118,-0.04002,-0.0147,0.11614,0.01364,-0.06963,0.03476,-0.05224,0.01229,0.05497,0.05136,0.0911,-0.00706,-0.02828,-0.07979,-0.0243,-0.04733,-0.14806,0.01409,0.03792,-0.00151,-0.05984,0.0485,0.01988,-0.0351,-0.00799,0.00003,0.14634,0.02224,-0.04509,0.01523,0.03108,-0.04366,0.07387,-0.04092,-0.10823,0.0982,-0.00205,0.03565,-0.0459,0.02926,-0.07045,-0.01514,0.02924,0.07718,-0.01067,-0.02978,0.04608,-0.04567,-0.05052,0.07206,-0.05539,0.03417,-0.02041,-0.0451,0.00056,0.07629,0.1274,-0.04395,-0.07134,-0.02332,-0.04265,0.11078,0.06426,-0.08179,-0.03091,-0.05766,-0.05091,-0.07015,0.0427,0.08192,0.01428,-0.03163,0.04932,0,0.06764,0.00724,0.01449,0.04178,-0.02967,0.00699,0.07285,-0.02463,0.08308,0.07407,0.03075,0.04621,0.04492,-0.10458,-0.02359,-0.01152,-0.06706,-0.08866,0.00429,0.04079,0.03323,0.01443,0.04068,-0.04079,-0.00098,0.01907,0.04926,0.00406,-0.01851,-0.01749,0.01154,0.00118,-0.10473,-0.00094,-0.1074,-0.04794,-0.02174,0.13218,0.02589,-0.05022,0.10144,0.07329,-0.04941,0.01655,-0.08535,-0.02807,0.0156,-0.06797,-0.02869,-0.00013,-0.05921,-0.04481,-0.01434,0.02644,-0.07183,0.00665,0.11838,-0.02337,-0.03265,0.01687,0.11748,-0.05779,0.03444,-0.00912,0.08855,0.02986,-0.04857,0.04112,0.05891,0.05016,0.05849,-0.02263,0.03449,0.01967,0.00585,0.04341,0.04016,-0.04873,0.07048,0.06077,-0.05192,0.0568,-0.06726,0.02715,0.05665,0.02688,-0.0084,0.04184,0.10566,0.03893,-0.07744,-0.00573,0.04961,-0.00784,-0.04254,0,-0.0687,0.02492,-0.08875,-0.03688,0.01646,-0.03689,-0.03395,-0.06769,-0.01856,0.04011,-0.05958,0.08352,-0.01025,0.01041,0.06251,-0.07335,0.00244,-0.00092,-0.08252,0.02876,-0.04827,0.02489,0.02326,0.05456,0.02644,-0.08086,-0.03922,0.06699,0.02507,0.01959,-0.03535,-0.00066,-0.04959,0.00403,-0.07498,0.0382,-0.0572,-0.02323,-0.0639,0.02097,0.0515,-0.08635,0.02031,-0.03034,-0.00324,0.06188,-0.01357,0.00074,-0.03074,0.06023,-0.04676,0.0021,-0.05917,-0.01955,0.04392,-0.03001,0.01749,0.07941,0.0379,-0.07903,-0.01018,0.07481,0.07431,-0.04134],"keywords":"FConnectorDirective - Unified Source, Target and Outlet Connectors FConnectorDirective - Unified Source, Target and Outlet Connectors Reference for `fConnector`: one directive for source, target, source-target, and outlet connector roles, with connection rules and state classes. Example ::: ng-component <unified-connector</unified-connector [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.scss :::","excerpt":"Example ::: ng-component <unified-connector</unified-connector [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/unified-connector/example.scss :::"},{"chunkId":"/docs/f-node-output-directive#0","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.02562,-0.03354,-0.05938,0.04994,-0.00488,-0.00172,-0.00027,0.00512,0.04036,-0.00949,-0.00883,-0.01267,-0.03,-0.03358,-0.03213,0.02839,-0.00779,-0.06101,0.0756,-0.00565,-0.05162,-0.1019,0.01852,-0.05744,-0.02167,-0.0599,-0.00896,-0.04265,-0.01556,-0.00559,-0.01413,0.08048,-0.04515,0.02476,-0.07984,0.02162,0.07635,-0.01418,-0.10646,0.01787,0.04096,-0.04371,0.04246,-0.06356,-0.029,0.01122,-0.07061,-0.05278,-0.06384,0.09099,0.02067,0.05467,0.02654,0.06167,0.09344,0.06216,0.01019,0.02368,-0.05677,0.08316,-0.01641,-0.04158,-0.06637,-0.06522,0.06376,0.05137,0.03284,0.04709,-0.00545,-0.02679,0.02263,0.07467,-0.02341,-0.12274,0.06639,0.02477,-0.04394,0.04395,-0.00019,-0.04262,0.08683,0.12236,-0.0275,0.01301,0.01098,0.12083,-0.03645,-0.02072,-0.07627,0.05415,-0.08015,-0.02012,-0.06156,0.03259,-0.01602,-0.01314,0.00967,0.01204,-0.01011,-0.0064,-0.03256,-0.00437,-0.002,-0.01245,0.04002,-0.00748,-0.03027,0.03811,0.00643,-0.04065,-0.01128,0.0123,0.01765,-0.00668,0.00397,0.05242,-0.02282,-0.00433,0.08813,0.06374,-0.0244,0.03897,-0.0696,0.0251,0.02312,-0.09889,-0.02076,0,0.00624,0.01078,0.00942,0.01733,0.10339,0.01059,0.03545,-0.03818,-0.04252,-0.00937,-0.09795,-0.05597,-0.03403,-0.04374,0.00592,-0.0938,-0.00435,0.01969,-0.00678,-0.01561,0.09178,-0.02533,0.01625,-0.05449,0.04859,0.06558,-0.08282,0.0489,0.00124,0.02437,0.00274,0.04306,0.0789,-0.03132,-0.0723,-0.08674,-0.0457,-0.04711,-0.10278,0.00277,-0.0439,-0.00642,-0.07059,0.03352,0.03264,-0.07415,-0.0236,-0.01908,0.0743,0.02399,-0.03165,0.02999,0.01345,-0.05967,0.02927,-0.12519,-0.06698,0.06472,-0.02614,0.08153,0.02274,0.08424,-0.04672,-0.04908,0.02866,0.11123,-0.01793,-0.04123,0.02403,-0.02515,-0.04925,0.10321,-0.07583,-0.00821,0.04392,0.02265,-0.05071,-0.06867,-0.00396,-0.05923,0.00106,-0.01013,-0.04853,0.03,0.08649,-0.01189,-0.0336,-0.03714,0.00896,0.04187,0.05691,0.00621,0.06827,-0.03694,0.02763,0,0.01136,0.07334,-0.07894,0.01003,-0.00067,0.00466,-0.00922,-0.01046,0.06204,0.02913,-0.02773,0.04993,0.03862,-0.02497,-0.05505,-0.03331,-0.02224,-0.05965,0.00562,0.01216,0.01343,-0.0014,0.02131,-0.04106,-0.01719,0.01656,0.01067,0.01724,-0.00103,-0.03725,0.00766,-0.0007,-0.07074,-0.0545,0.02791,-0.05294,-0.00092,0.06655,0.04782,0.00328,0.03241,0.0456,-0.03546,0.01401,0.00476,0.00375,-0.13004,-0.0435,-0.00289,0.01704,-0.03157,-0.01985,-0.05351,0.02101,-0.05273,0.05728,0.08366,0.07904,-0.0154,0.05502,0.08148,-0.15454,-0.00418,-0.00726,0.09112,-0.009,-0.01405,0.11449,0.11871,0.05584,0.04311,0.04898,0.03911,0.06781,0.02759,0.05269,-0.0208,-0.08517,0.03024,0.13728,-0.01827,0.09551,0.0109,0.04572,0.10194,0.02201,0.06962,0.0305,0.05909,-0.0016,0.0296,0.05321,0.01384,-0.01252,-0.04361,0,-0.03861,0.0079,-0.12515,0.03476,0.0198,-0.02012,-0.00383,-0.0396,-0.03792,0.00575,-0.08929,0.03711,-0.00238,-0.02753,0.12488,-0.05335,0.0412,-0.05372,-0.06123,-0.01114,-0.01705,-0.03545,-0.11289,0.09206,-0.06131,-0.10164,0.02924,0.03644,-0.06662,0.02527,-0.03882,0.0122,-0.04797,0.05344,-0.10061,0.08929,-0.00179,-0.00726,-0.06326,0.02599,0.04387,-0.03908,-0.06971,-0.02941,-0.02022,0.04446,0.0426,0.00611,-0.05715,0.0987,-0.01129,-0.00967,0.0233,-0.02894,0.04679,-0.06713,-0.02848,0.01831,0.01173,0.00884,-0.09315,0.08831,0.10294,-0.00353],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Output Selector: [fNodeOutput] Class: FNodeOutputDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"source\" instead. fNodeOutput keeps working, but new code should use fConnector. Note the default difference: fOutputMultiple defaults to false, while fConnectorMultiple defaults to true. FNodeOutputDirective marks an element inside a node as an output connector - a place where users can start creating outgoing connections. Outputs must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow. In most editors, outputs represent ports: “this node can send data/control flow to something else”. f Node Output F Node Output Directive f Connector f Connector Type f Output Multiple f Connector Multiple f Node","excerpt":"Output Selector: [fNodeOutput] Class: FNodeOutputDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"source\" instead. fNodeOutput keeps working, but new code should use fConnector. Note the default difference: fOutputMultiple defaults to false, while fConnectorMultiple defaults to true. FNodeOutputDirective marks an element inside a node as an output connector - a place where users can start creating outgoing connections. Outputs must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow. In most editors, outputs represent ports: “this node can send data/control flow to something else”."},{"chunkId":"/docs/f-node-output-directive#1","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.00141,-0.02419,-0.06612,0.0047,0.02994,-0.03099,0.00343,0.00013,-0.01769,0.02393,0.00112,0.03271,0.00796,-0.07925,-0.05801,0.02726,0.01774,-0.00396,0.06944,0.01539,-0.04397,-0.0804,-0.05791,-0.06349,-0.03391,-0.06713,0.0144,-0.00839,-0.03726,-0.02552,-0.0502,0.03743,-0.02449,0.00334,-0.10152,-0.00329,0.10803,-0.02494,-0.09053,0.06275,0.06446,-0.06647,0.06663,-0.02687,-0.05606,0.02643,-0.05616,-0.02044,-0.09334,0.02748,0.02275,0.02776,-0.04352,0.11709,0.10236,0.04421,-0.02233,0.00743,-0.04344,0.10107,0.0612,-0.04268,-0.09639,-0.01927,0.07001,0.03046,0.04697,0.05388,-0.03065,-0.05209,-0.00696,0.03045,-0.05447,-0.08101,0.06213,0.07148,-0.00691,0.02335,-0.00738,0.01198,0.09985,0.13292,-0.04708,-0.02388,0.00256,0.06243,-0.03478,0.00954,-0.04252,0.03657,-0.07701,-0.00951,-0.03767,0.00136,-0.03419,0.03855,-0.00797,-0.0692,0.01876,-0.00046,-0.01565,0.00361,-0.0278,-0.052,0.00178,-0.03818,-0.04094,0.0542,0.02151,0.00049,-0.02304,-0.01234,0.03048,-0.03282,0.00177,0.01801,-0.03703,-0.00199,0.09715,-0.00247,-0.08298,0.08332,-0.00385,0.02901,0.01182,-0.04931,-0.03132,0,-0.00122,0.05223,0.00418,-0.015,0.08509,0.02597,-0.00503,-0.0395,0.02778,-0.03261,-0.07516,-0.02935,-0.02536,-0.04535,0.02255,-0.07032,-0.00551,0.06848,0.01222,-0.00183,0.05116,-0.05947,0.01619,-0.00511,0.11199,0.01786,-0.05943,0.03759,0.02679,0.00874,0.04544,0.03412,0.05299,-0.02341,-0.01877,-0.06773,-0.10992,-0.05995,-0.04243,0.00708,-0.0221,-0.0183,-0.08535,0.02982,-0.00776,-0.04726,-0.05499,-0.04874,0.04996,0.01161,-0.03924,0.0188,0.05912,0.00881,0.00563,-0.0598,-0.03794,0.08572,0.00015,0.14082,-0.0425,0.04712,-0.02141,-0.10222,0.02459,0.1025,-0.01444,-0.05834,0.01944,-0.01984,0.01548,0.09574,-0.03044,0.02249,-0.01199,-0.00624,-0.07418,-0.06398,-0.00741,-0.04527,-0.06637,0.0097,-0.02176,0.04618,0.05927,-0.00098,-0.02163,-0.0343,-0.0136,0.03128,0.0268,0.03406,0.02161,-0.04238,0.0584,0,-0.03168,0.04753,-0.05842,0.02579,0.03708,0.00803,-0.04161,0.01818,0.10235,0.04311,-0.0047,0.05143,0.0733,-0.02699,-0.02034,-0.06173,-0.03792,-0.07387,0.01994,0.01472,0.0422,-0.01407,0.04573,-0.06871,0.01375,0.02517,-0.03419,0.00332,-0.03378,-0.00045,0.00147,0.04149,-0.09787,-0.02116,0.02118,-0.01443,-0.01277,0.12002,0.06174,-0.00598,0.03975,0.08164,-0.01191,-0.01234,-0.01188,-0.03599,-0.10477,-0.03801,0.00322,-0.01767,-0.08137,0.00696,-0.04097,0.07623,-0.03116,0.04231,0.06544,0.12684,-0.02225,0.07952,0.07553,-0.14449,0.01079,0.01435,0.04888,0.01006,0.0507,0.04603,0.0892,0.07674,0.05883,0.07178,0.08504,0.05797,0.01317,-0.01318,-0.01377,-0.05706,-0.0133,0.09596,-0.06504,0.10461,-0.01976,0.01989,0.08327,-0.01806,0.12038,0.0115,0.06458,-0.0309,-0.02711,0.06835,-0.02125,0.01038,-0.05923,0,-0.01671,-0.00392,-0.10388,0.07021,0.02451,0.03481,-0.00823,-0.02662,-0.00025,-0.01343,-0.02721,-0.01199,-0.00328,0.00733,0.13933,-0.03532,0.01726,-0.05487,-0.08882,-0.01233,-0.03072,0.0001,-0.07501,0.06976,0.00866,-0.0493,0.06288,0.03633,-0.08866,0.03126,-0.0293,0.04665,-0.0877,0.00874,-0.06622,0.12049,-0.05902,0.03608,-0.0757,0.02966,0.02652,-0.06631,-0.04375,0.00391,-0.01159,0.04191,0.01614,0.04592,-0.07267,0.05476,0.00926,0.00325,0.03494,-0.06708,0.0337,-0.06572,-0.03238,0.01691,0.00469,0.03498,-0.07946,0.11286,0.11984,0.01966],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-node-output-directive#2","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.02224,0.01947,-0.09077,0.00777,0.04178,-0.03972,0.00319,-0.01754,0.01366,0.02584,-0.02998,0.02703,-0.01152,-0.07449,-0.06281,0.00336,0.00295,0.03392,0.0833,-0.01514,-0.02168,-0.04209,-0.04653,-0.06653,-0.04285,-0.03458,0.00123,0.00185,-0.01325,-0.02902,-0.03605,0.04394,-0.00643,0.02855,-0.11811,0.04308,0.0544,-0.01667,-0.0781,0.05969,0.07217,-0.05729,0.08848,-0.0462,-0.05703,0.00574,-0.06714,-0.02756,-0.06873,0.03256,0.0175,-0.00218,-0.01914,0.13086,0.07261,0.04352,-0.01532,-0.02793,-0.06899,0.09745,0.05146,-0.04012,-0.06844,-0.03457,0.14836,0.02426,0.02179,0.03303,-0.03705,-0.03691,0.03795,0.02941,-0.01516,-0.0884,0.06121,0.02633,-0.01244,0.02744,0.00538,0.02326,0.05745,0.11916,-0.03115,-0.02267,-0.01411,0.09085,-0.04815,0.01621,-0.04596,0.02438,-0.09924,0.00094,-0.06774,-0.00173,-0.04196,0.01831,0.01565,-0.05095,-0.00568,-0.00202,-0.00757,0.00831,-0.0117,-0.07131,-0.0239,-0.05243,-0.03673,0.05314,0.01014,-0.04081,-0.04016,0.02112,0.00396,-0.01967,-0.00245,-0.00053,-0.00198,-0.02067,0.0847,0.02303,-0.05856,0.05862,-0.03159,0.03123,0.04094,-0.05141,-0.01325,0,0.01318,0.04841,0.02237,-0.02109,0.10193,0.04401,-0.00073,-0.03567,0.00584,-0.05061,-0.07599,-0.0318,-0.0128,-0.03633,0.03198,-0.08217,0.02801,0.07147,0.02413,-0.0116,0.08299,-0.05058,-0.01717,-0.00466,0.07916,0.05557,-0.05312,0.00883,-0.02431,0.02417,0.01218,0.06509,0.0454,-0.00503,-0.00295,-0.07345,-0.0926,-0.02387,-0.07699,-0.02409,-0.02822,-0.00023,-0.04905,0.0232,0.01488,-0.05092,-0.06208,-0.08175,0.06521,0.03153,-0.00613,-0.00178,0.06853,-0.0124,0.01227,-0.06274,-0.04601,0.04824,0.00268,0.09513,-0.03651,0.04474,-0.03129,-0.08533,0.00392,0.1175,0.00333,-0.05634,0.06042,0.00627,-0.01695,0.10971,0.00092,0.02071,-0.00904,0.04116,-0.04726,-0.09738,-0.03258,-0.03798,-0.05127,-0.00769,-0.02909,0.01133,0.09366,-0.0067,-0.04138,-0.0189,0.03013,0.02108,0.00877,0.02176,0.00418,-0.09509,0.03759,0,-0.03319,0.04017,-0.09393,0.0154,0.02043,0.00207,-0.04035,-0.03633,0.05957,0.05785,-0.04242,0.02482,0.07608,-0.02135,-0.07731,-0.04503,-0.0242,-0.0574,0.04736,0.02775,0.02067,-0.01414,0.1015,-0.02365,0.02758,0.0173,-0.01183,0.02234,-0.03173,-0.02011,0.00555,-0.00733,-0.05624,-0.04935,0.01126,-0.0158,-0.01034,0.11136,0.06547,0.03789,0.03624,0.04762,-0.02864,0.02741,-0.01455,-0.02663,-0.10822,-0.02889,0.01091,0.00152,-0.07043,0.00891,-0.06916,0.0824,-0.0337,0.03474,0.06228,0.14835,-0.00665,0.07771,0.05547,-0.16533,-0.02776,0.00981,0.06447,0.01677,0.0062,0.06346,0.08308,0.10714,0.02265,0.07248,0.06445,0.06953,0.02585,0.01232,-0.01333,-0.08098,-0.01591,0.11067,-0.0438,0.0782,-0.0117,0.02643,0.10033,-0.05786,0.10059,0.01338,0.03233,-0.06588,0.01794,0.09969,-0.055,-0.03058,-0.04733,0,-0.02147,-0.01121,-0.06954,0.0502,0.01973,-0.01788,0.012,-0.02697,-0.00075,-0.01964,-0.03915,-0.01189,0.01048,-0.03747,0.17186,-0.02309,0.0347,-0.05746,-0.08989,-0.00133,-0.00864,0.0021,-0.10513,0.06472,-0.01418,-0.07328,0.05281,0.0201,-0.08095,0.01449,-0.01154,0.03874,-0.03619,0.01213,-0.02413,0.09787,-0.05522,0.03999,-0.05744,0.02822,0.01472,-0.05079,-0.05937,0.02124,-0.02097,0.04404,-0.00104,-0.00522,-0.04743,0.05712,0.00703,-0.01364,0.05163,-0.04944,0.03227,-0.0405,-0.01871,-0.00741,-0.01688,0.03226,-0.04645,0.13309,0.15045,0.03334],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. A node with an output connector You can place fNodeOutput on a dedicated element inside the node (classic “port”), or directly on the node host element (simple “whole-node output”). Output as a port element (recommended for multi-port nodes) Output on the node host (recommended for simple nodes) f Node Output","excerpt":"A node with an output connector You can place fNodeOutput on a dedicated element inside the node (classic “port”), or directly on the node host element (simple “whole-node output”). Output as a port element (recommended for multi-port nodes) Output on the node host (recommended for simple nodes)"},{"chunkId":"/docs/f-node-output-directive#3","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.02572,0.00172,-0.06151,0.03262,0.04978,-0.01196,0.02097,-0.00154,0.02346,-0.00146,-0.02605,0.04242,0.00595,-0.08062,-0.06103,0.03327,-0.03566,0.00728,0.06069,-0.01171,-0.02355,-0.08991,-0.04563,-0.0612,-0.03477,-0.05157,0.01218,-0.01223,-0.01007,-0.02287,-0.01318,0.06425,-0.04124,0.00875,-0.12114,0.03276,0.08203,-0.00684,-0.08166,0.0769,0.06275,-0.05802,0.0692,-0.0196,-0.0369,0.02429,-0.09334,-0.00955,-0.0477,0.04113,0.03014,0.02877,-0.02438,0.11864,0.10202,0.04727,-0.02515,-0.02139,-0.08283,0.10239,0.05808,-0.0407,-0.06501,-0.03317,0.11345,0.03396,0.01723,-0.00949,-0.00241,-0.01401,0.00927,0.04273,-0.02909,-0.07253,0.04224,0.03407,-0.0023,0.0272,-0.01409,-0.0129,0.08021,0.13516,-0.04054,-0.03781,-0.022,0.08785,-0.04858,-0.01985,-0.04702,0.06066,-0.05803,0.03214,-0.03927,-0.00891,-0.02491,0.02215,0.00574,-0.03438,-0.00822,0.0083,-0.0341,-0.01764,-0.03827,-0.03685,-0.00664,-0.0639,-0.03242,0.02373,0.01877,-0.02286,-0.01802,0.03578,-0.02328,0.00326,-0.02159,0.05238,0.02687,-0.00876,0.08278,0.03147,-0.0769,0.05325,-0.03174,0.04259,0.00014,-0.06473,-0.04575,0,-0.01988,0.0212,-0.00705,-0.03037,0.12478,-0.00389,-0.0044,-0.0722,-0.01443,-0.00363,-0.10927,-0.0525,-0.019,-0.03495,0.02632,-0.0777,0.03717,0.04938,0.03023,-0.02405,0.07758,-0.05538,-0.00241,0.00909,0.08041,0.04909,-0.07479,0.02966,0.02216,0.01281,-0.01151,0.04393,0.03652,-0.01724,-0.00762,-0.05609,-0.06708,-0.04731,-0.09996,-0.0123,-0.0484,0.01755,-0.0704,0.03926,0.01713,-0.05564,-0.05695,-0.07764,0.06466,0.00202,0.00102,0.00742,0.08388,-0.0438,0.00138,-0.06204,-0.06384,0.02214,-0.01829,0.10057,-0.01903,0.02273,-0.04614,-0.07173,0.03613,0.13543,0.00432,-0.04033,0.02974,-0.01586,-0.03747,0.11583,-0.03207,0.00389,-0.01325,0.03552,-0.03924,-0.08789,0.01429,-0.03824,-0.0052,0.0211,-0.03201,0.04357,0.07979,0.0092,-0.01995,-0.0273,0.02123,0.02488,0.00543,0.02968,0.03176,-0.08248,0.04641,0,-0.05491,0.04373,-0.08649,0.0119,0.01919,0.02243,-0.03251,-0.0179,0.04601,0.0503,-0.00908,0.0192,0.01128,-0.04159,-0.07211,-0.05261,-0.03311,-0.07662,0.00917,0.03546,0.00189,-0.00728,0.0574,-0.0474,0.00655,0.01135,-0.01777,0.01664,-0.05196,-0.02113,-0.00459,0.00432,-0.05666,-0.0443,0.01349,-0.00782,-0.02,0.13335,0.07274,0.03806,0.01111,0.06227,-0.03299,0.03437,-0.00868,0.01303,-0.11938,-0.00212,-0.01308,0.04158,-0.07217,-0.00843,-0.06187,0.05913,-0.04349,0.0267,0.05421,0.12267,-0.00214,0.06472,0.06581,-0.14202,-0.05042,0.0372,0.08988,-0.00813,0.01218,0.08856,0.06839,0.07928,0.03236,0.07586,0.04391,0.07253,0.02555,-0.00017,-0.02076,-0.09109,-0.01175,0.13217,-0.05104,0.07228,-0.01923,0.0359,0.06197,-0.03087,0.10235,0.03686,0.07639,-0.02214,0.01968,0.0819,-0.01692,-0.01417,-0.09503,0,-0.00586,-0.00679,-0.098,0.02684,-0.00259,0.00918,-0.02381,-0.01404,0.00508,-0.01456,-0.05757,0.01012,-0.02542,-0.01211,0.12048,-0.07572,0.06235,-0.03943,-0.06989,0.00992,-0.0309,0.00471,-0.10814,0.07404,0.00812,-0.08044,0.08911,0.04477,-0.09182,0.02463,-0.02203,0.04445,-0.04254,0.06334,-0.04464,0.11625,-0.06161,0.02639,-0.06444,0.04996,0.03724,-0.03436,-0.04092,0.01309,-0.01501,0.03805,0.03015,0.00184,0.00297,0.08893,0.01023,-0.02034,0.03686,-0.05186,0.03795,-0.03647,-0.03675,0.01625,0.00688,-0.00083,-0.09067,0.09667,0.13443,-0.00305],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Notes - Putting fNodeOutput on the node host is great when you want one output for the whole node. - For nodes with multiple outputs, prefer separate port elements - it’s clearer for UX and keeps ids/rules per port. - Don’t confuse this with dropping a connection onto a node (fConnectOnNode) - that one affects where you can drop a connection, not where you start it. f Node Output f Connect On Node","excerpt":"Notes - Putting fNodeOutput on the node host is great when you want one output for the whole node. - For nodes with multiple outputs, prefer separate port elements - it’s clearer for UX and keeps ids/rules per port. - Don’t confuse this with dropping a connection onto a node (fConnectOnNode) - that one affects where you can drop a connection, not where you start it."},{"chunkId":"/docs/f-node-output-directive#4","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.01725,-0.02352,-0.13275,0.06069,0.01003,0.05257,-0.00038,-0.02515,0.04464,-0.01972,-0.02239,0.03466,-0.00648,-0.07523,-0.10075,0.04599,-0.00095,0.00942,0.02441,-0.03605,-0.04014,-0.03794,-0.06815,-0.04471,-0.06474,-0.03285,0.04257,-0.01057,0.0111,-0.01883,-0.0182,0.05786,-0.08089,-0.03028,-0.1186,0.0359,0.06996,-0.04039,-0.07913,0.02583,0.06328,-0.11067,0.03153,-0.04221,-0.01293,0.00597,-0.06957,-0.00653,-0.0562,0.04994,0.00605,0.05938,-0.02347,0.12999,0.08366,0.07423,0.00453,0.00181,-0.07728,0.09609,0.04155,-0.00951,-0.05281,-0.00102,0.07944,0.05469,0.02089,0.03099,0.01477,-0.0484,0.03045,0.05088,-0.04326,-0.12061,0.07878,0.01262,-0.00809,-0.01144,0.04455,-0.02523,0.08303,0.14169,-0.0198,-0.04737,0.01544,0.05368,-0.03262,-0.02935,-0.06375,0.05396,-0.0528,-0.01073,-0.01948,-0.02384,-0.02705,0.03698,0.00736,-0.02643,0.03568,0.00116,-0.06216,0.01826,-0.02891,0.01893,-0.00205,-0.07933,-0.03309,0.05523,-0.02019,-0.03605,-0.01606,0.00832,0.00161,0.0239,0.02989,0.00017,-0.04754,-0.00685,0.06941,-0.00067,-0.04654,0.04724,-0.02801,0.00941,0.01109,-0.04691,-0.05887,0,0.00152,0.01354,0.00615,-0.00217,0.03706,0.00886,0.0042,-0.0513,0.00958,-0.00209,-0.10727,-0.00334,-0.04238,-0.01454,0.01336,-0.07324,0.00575,0.09632,0.0428,-0.03745,0.05694,0.02551,0.01387,-0.03539,0.10399,0.0628,-0.05672,0.06228,-0.02845,0.01739,0.0374,0.04645,0.03667,-0.03386,-0.03128,-0.04614,-0.05038,-0.04123,-0.08603,-0.03402,0.03699,0.0025,-0.07215,0.05326,-0.00933,-0.05686,-0.03542,-0.04312,0.02541,0.0284,-0.02367,0.01336,0.01102,-0.03116,-0.04392,-0.09598,-0.08652,0.04541,-0.00213,0.09656,-0.03624,0.03079,-0.05931,-0.02285,0.05933,0.12913,0.0026,-0.08867,0.03253,-0.0214,-0.00651,0.09856,-0.00759,-0.02723,0.0161,-0.03329,-0.0684,-0.07897,-0.05261,-0.0168,0.00207,-0.01985,-0.09541,0.06875,0.05567,0.01908,-0.04872,-0.06624,0.00924,0.01379,0.02474,0.04479,0.06683,-0.0473,0.07648,0,-0.00245,0.02837,-0.04437,0.00907,0.02313,0.00635,-0.03396,-0.02113,0.04428,-0.00942,0.00407,0.03159,0.03591,-0.02887,-0.02657,-0.02795,-0.05956,-0.1137,0.00106,0.04742,0.00306,-0.00787,0.02493,-0.05141,0.02384,0.00099,-0.02571,-0.00416,-0.01664,-0.00029,0.01156,-0.01992,-0.10136,-0.02621,-0.00875,-0.02182,0.02331,0.05974,0.04001,0.04811,0.03971,0.09253,-0.06401,0.03386,-0.00227,-0.01752,-0.123,0.00107,0.01298,-0.0017,-0.04866,0.00122,-0.11004,0.02968,-0.04282,0.04425,0.05642,0.10369,-0.02378,0.06683,0.06311,-0.15278,0.00331,0.01202,0.06039,-0.02922,0.03561,0.05115,0.09152,0.08114,0.07242,0.06747,0.12712,0.06526,0.05467,-0.06322,-0.06118,-0.08064,0.01642,0.14113,-0.05838,0.07251,0.00632,0.02947,0.05733,-0.01578,0.10767,0.04482,0.08013,-0.04244,0.00092,0.05766,-0.03834,-0.01758,-0.07527,0,-0.02327,-0.00891,-0.05891,0.03752,0.03607,0.00248,-0.02236,-0.02489,-0.00243,-0.01405,-0.029,0.03848,0.0066,-0.05172,0.11087,-0.04279,0.09059,-0.04524,-0.06309,-0.01326,-0.01102,-0.00663,-0.08833,0.08154,0.03692,-0.0656,0.08667,0.04588,-0.07951,0.0712,0.003,0.02006,-0.00543,0.03108,-0.00282,0.08299,-0.00907,0.02662,-0.06591,0.0166,0.02008,-0.03309,-0.05884,0.0023,-0.01255,0.05527,0.02107,-0.00543,-0.03279,0.06756,-0.04626,-0.04783,0.03033,-0.03294,0.05412,-0.08119,-0.02243,0.02964,0.02128,-0.00157,-0.04248,0.12025,0.09614,-0.01773],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Connect it using f-connection A persisted connection references the output and input by their ids: Tip: use stable ids (from your data model) if you want selection/state to survive rerenders and persistence.","excerpt":"Connect it using f-connection A persisted connection references the output and input by their ids: Tip: use stable ids (from your data model) if you want selection/state to survive rerenders and persistence."},{"chunkId":"/docs/f-node-output-directive#5","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.01776,-0.02642,-0.10417,0.03493,0.04076,0.00384,0.02815,-0.03289,0.04356,-0.00764,0.0027,0.08162,-0.01181,-0.05337,-0.07551,0.01007,0.01429,-0.0273,0.00267,0.00819,-0.00109,-0.09198,-0.05782,-0.06326,-0.04403,-0.03906,-0.00368,-0.01575,0.00491,-0.03236,-0.03884,0.06374,-0.03245,0.00507,-0.11125,0.00857,0.10844,-0.02396,-0.09232,0.01437,0.02928,-0.1115,0.03884,-0.0607,-0.04326,0.02818,-0.08392,-0.03618,-0.10646,0.03888,0.02465,0.04458,-0.02611,0.09492,0.11174,0.09515,0.01182,0.04525,-0.05313,0.09285,0.02422,-0.03713,-0.07033,0.00783,0.10073,0.07195,0.03899,-0.00986,-0.00851,-0.07236,0.02377,0.03068,-0.02171,-0.10167,0.06755,0.02118,-0.04231,0.02828,0.02205,-0.03338,0.06685,0.10744,-0.00458,0.00345,0.02904,0.11136,-0.04898,-0.0177,-0.03409,0.05728,-0.06376,-0.00202,-0.03698,-0.02506,-0.07643,0.03848,0.00023,-0.04008,0.006,0.02654,-0.02316,0.00933,0.01727,-0.02023,0.00335,-0.08959,-0.03694,0.0568,-0.0373,0.00193,0.00926,-0.0145,0.03325,-0.0345,-0.03318,0.04147,-0.0216,0.00114,0.09877,-0.00039,-0.05431,0.05814,0.01691,-0.02271,-0.01279,-0.07197,-0.02919,0,0.00717,0.00325,0.00313,-0.02599,0.09538,0.00659,0.01037,-0.05832,-0.00963,-0.01406,0.00466,0.02664,-0.01975,-0.01188,0.05308,-0.04239,0.00784,0.07047,0.00089,0.02553,0.07932,0.00104,0.01646,0.00002,0.0803,0.08951,-0.06869,0.06239,0.0184,0.01551,0.02232,0.03065,0.03013,-0.0216,0.00283,-0.06661,-0.09302,-0.08095,-0.04971,-0.00232,0.00344,-0.02511,-0.08779,0.02959,-0.00542,-0.02315,-0.03442,-0.06026,0.02754,0.0032,-0.02669,0.04876,0.04602,-0.04582,-0.0114,-0.10012,-0.06478,0.04763,-0.02855,0.07393,0.01801,0.02536,-0.04287,-0.05595,0.0247,0.11938,-0.01871,-0.02987,0.04619,-0.06044,-0.04326,0.1046,-0.0368,0.01761,0.01139,-0.01005,-0.05412,-0.04316,0.01933,-0.04318,-0.03006,-0.01375,-0.01624,0.07066,0.04783,-0.02778,-0.05384,-0.049,-0.01634,0.00983,0.06659,0.04169,0.00447,-0.02455,0.06589,0,0.01985,0.00794,-0.05502,0.00833,-0.03585,0.01032,-0.03938,-0.00745,0.08854,0.02064,0.03609,0.0514,0.06124,-0.04534,-0.05759,-0.02386,-0.06489,-0.0522,-0.00955,0.02978,0.04067,-0.00377,0.05327,-0.02529,-0.01916,-0.00198,-0.03747,-0.0126,-0.00197,0.00505,0.02812,0.00728,-0.1068,-0.02507,0.00206,-0.03914,-0.03419,0.09036,0.0515,0.0225,0.04373,0.08064,-0.03871,0.01869,-0.01469,0.0035,-0.12329,-0.03304,-0.01523,-0.05396,-0.02235,0.02755,-0.0574,0.03783,-0.05923,0.05077,0.07624,0.07996,-0.02655,0.09369,0.06799,-0.15106,-0.01398,0.02833,0.04351,0.02151,0.01074,0.04139,0.13825,0.06654,0.08968,0.04004,0.09543,0.00192,0.03479,-0.04347,-0.01381,-0.11221,-0.03404,0.08955,-0.06223,0.0982,-0.01256,0.01188,0.06892,-0.00991,0.06168,0.06454,0.04641,-0.03669,-0.00453,0.0879,-0.05116,0.04082,-0.0987,0,-0.03222,-0.03609,-0.07544,0.01588,0.04454,0.02172,-0.00515,-0.04071,-0.02679,-0.00711,-0.03457,0.0201,-0.03874,-0.00495,0.12737,-0.00194,0.05815,-0.03202,-0.09668,-0.01449,-0.02676,-0.02965,-0.08272,0.11868,-0.02724,-0.04905,0.07511,0.04925,-0.06206,0.03662,-0.00383,0.03679,-0.04071,0.05481,-0.07768,0.11874,-0.0453,0.0357,-0.04588,0.01075,0.02115,-0.06754,-0.07319,0.04026,-0.00653,0.03515,0.00713,-0.00638,-0.07031,0.07164,-0.02128,0.02111,0.01314,-0.02792,0.02788,-0.062,0.00018,0.02575,0.02746,0.03481,-0.03272,0.07108,0.15286,-0.01594],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. How it works - The output connector registers itself in the internal store (together with its parent node). - During interaction (create/reassign connection), the library uses output metadata (disabled/multiple/self-connect rules) to decide whether a target is valid. - The connector also updates CSS state classes so you can style “connected / disabled / not connectable” states.","excerpt":"How it works - The output connector registers itself in the internal store (together with its parent node). - During interaction (create/reassign connection), the library uses output metadata (disabled/multiple/self-connect rules) to decide whether a target is valid. - The connector also updates CSS state classes so you can style “connected / disabled / not connectable” states."},{"chunkId":"/docs/f-node-output-directive#6","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.02849,-0.01817,-0.06254,-0.00174,0.02197,-0.05718,-0.00884,-0.00257,-0.00667,0.01146,-0.02384,0.02149,0.01466,-0.06674,-0.03062,0.02623,0.02893,-0.00963,0.06181,0.00928,-0.04062,-0.0628,-0.05826,-0.05592,-0.02966,-0.07308,0.0069,-0.01919,-0.04268,-0.00905,-0.06409,0.03895,-0.03857,0.02212,-0.09514,0.00478,0.10605,-0.03504,-0.08866,0.0646,0.07194,-0.04622,0.04434,-0.03565,-0.04915,0.01498,-0.05911,-0.02226,-0.10544,0.05961,0.01659,0.03549,-0.03928,0.11662,0.11036,0.03585,-0.015,0.01105,-0.05597,0.10492,0.06273,-0.0587,-0.10227,-0.01893,0.05884,0.03773,0.03421,0.04914,-0.01457,-0.05592,-0.02318,0.02754,-0.06529,-0.07072,0.05352,0.06195,-0.00588,0.02392,-0.01971,0,0.08445,0.11275,-0.05077,0.00128,-0.00203,0.07346,-0.03324,0.01851,-0.02793,0.0389,-0.06976,-0.01296,-0.02716,-0.00101,-0.03072,0.04314,-0.0003,-0.08123,0.00434,0.00934,-0.01727,0.00132,-0.02603,-0.05038,0.01715,-0.03952,-0.04168,0.04699,0.01496,0.00722,-0.02071,-0.01419,0.03917,-0.03001,-0.00161,0.04077,-0.04135,-0.00396,0.10844,-0.00085,-0.06758,0.06649,0.00168,0.03166,0.01145,-0.05158,-0.02229,0,-0.01788,0.03396,0.03357,-0.01527,0.09598,0.02546,0.01371,-0.04607,0.02591,-0.04764,-0.08915,-0.00953,-0.01076,-0.05617,0.01998,-0.05446,-0.00779,0.09228,0.01718,0.0065,0.05166,-0.07286,0.0155,-0.00041,0.10549,0.02387,-0.05655,0.03352,0.03241,0.01045,0.04629,0.03745,0.06841,-0.01578,-0.02012,-0.06035,-0.11278,-0.06195,-0.04865,0.01015,-0.02321,-0.00204,-0.09188,0.02765,-0.01971,-0.04093,-0.06548,-0.05459,0.04647,-0.0011,-0.04713,0.03044,0.06226,-0.01291,0.00787,-0.07402,-0.02757,0.0794,-0.01248,0.1347,-0.0284,0.03932,-0.0196,-0.09813,0.02895,0.09119,-0.02445,-0.04249,0.01755,-0.02016,0.0196,0.10458,-0.03727,0.02421,-0.0243,-0.02059,-0.05532,-0.05585,-0.00911,-0.05015,-0.05314,0.00558,-0.02049,0.04785,0.04838,0.0048,-0.01212,-0.03885,-0.02255,0.03878,0.01224,0.02645,0.02184,-0.03243,0.05198,0,-0.04152,0.03558,-0.05383,0.02962,0.03544,-0.0079,-0.04123,0.03999,0.11564,0.05625,-0.01165,0.05681,0.06965,-0.03431,-0.01262,-0.06517,-0.05644,-0.07813,0.02509,0.0131,0.02718,-0.0088,0.03894,-0.06099,-0.00126,0.02107,-0.04413,-0.00112,-0.04749,-0.00899,-0.00466,0.03529,-0.10095,-0.01101,0.012,-0.03267,0.00351,0.13714,0.0759,-0.00708,0.03984,0.06649,-0.01267,-0.01245,-0.00197,-0.04307,-0.10195,-0.02846,-0.01639,-0.02422,-0.06237,0.00996,-0.03044,0.07189,-0.03593,0.05151,0.08126,0.115,-0.01619,0.07093,0.05893,-0.14114,0.01042,0.02387,0.05438,0.00675,0.0443,0.03928,0.08552,0.07844,0.0589,0.05156,0.0621,0.07213,0.02326,-0.01964,-0.01617,-0.06594,-0.01983,0.10862,-0.08934,0.11509,-0.00933,0.046,0.09787,-0.02287,0.13118,0.01149,0.06737,-0.01207,-0.0382,0.07036,-0.03778,0.01288,-0.05558,0,-0.01708,-0.00313,-0.11234,0.07983,0.01925,0.05511,-0.02055,-0.02277,-0.00079,-0.00262,-0.03918,-0.01283,-0.00647,0.0082,0.12433,-0.03758,0.02748,-0.05185,-0.09059,-0.02014,-0.04059,0.01258,-0.06677,0.05795,0.00294,-0.0486,0.07051,0.04873,-0.08131,0.02005,-0.03939,0.03537,-0.06743,-0.00113,-0.06088,0.10639,-0.06175,0.03212,-0.0757,0.03775,0.03282,-0.06448,-0.04489,0.01164,0.01816,0.04776,0.01954,0.03884,-0.05524,0.05987,0.01097,-0.00217,0.02477,-0.06258,0.02312,-0.06983,-0.04586,0.01216,0.00506,0.03124,-0.05885,0.1136,0.12443,0.01434],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. API","excerpt":"API"},{"chunkId":"/docs/f-node-output-directive#7","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.02204,-0.00378,-0.11348,0.03898,0.02251,0.02311,0.02784,-0.02531,0.00024,-0.02414,-0.01024,0.01049,0.00025,-0.08406,-0.04626,-0.00949,-0.01112,-0.03824,0.04294,-0.04719,-0.04507,-0.05136,-0.02907,-0.05021,-0.0632,-0.05527,-0.00925,-0.00596,-0.02535,-0.0546,0.00445,0.06023,-0.01962,0.00684,-0.07417,-0.00806,0.07531,-0.04459,-0.07238,-0.01981,0.03371,-0.07319,0.02386,-0.07977,-0.03013,-0.00611,-0.14985,-0.03276,-0.02587,0.02221,0.07255,0.05019,-0.01953,0.11249,0.12428,0.08324,-0.02286,0.01079,-0.05441,0.07667,0.01155,-0.05096,-0.05263,-0.00794,0.01534,0.06621,-0.00154,-0.00536,-0.00982,0.02012,0.01079,0.05414,-0.03663,-0.08216,0.09898,0.04921,-0.04602,0.04032,-0.01582,-0.02654,0.04817,0.06325,-0.04265,-0.00734,-0.02957,0.08487,-0.07015,-0.01721,-0.02637,0.07586,-0.07395,-0.03222,-0.01027,0.00429,0.00629,0.04459,-0.02818,-0.03865,-0.01555,0.02442,-0.06878,0.01719,0.02425,0.00541,0.03231,-0.02615,-0.00414,0.02215,0.01793,-0.04255,-0.02242,-0.0166,0.02517,-0.02531,-0.0269,0.02896,0.0419,0.01671,0.09782,0.02207,-0.02388,0.02114,-0.02085,0.0035,-0.00749,-0.08341,-0.02728,0,0.01937,0.01441,0.00464,-0.04332,0.07968,0.03697,-0.005,-0.0223,-0.01339,0.04186,-0.08861,-0.01215,-0.01082,-0.02799,0.00842,-0.05358,0.02568,0.05075,0.03521,-0.02144,0.08321,-0.04945,0.00258,-0.04081,0.08288,0.02311,-0.07037,0.03484,0.05036,0.00966,0.02863,0.03142,0.04335,0.00802,-0.01365,-0.06333,-0.05215,-0.03576,-0.06729,-0.00978,-0.013,-0.02491,-0.08374,0.02786,0.01624,-0.02292,-0.08257,-0.06931,0.06381,0.02261,-0.03834,0.05869,0.01287,-0.04106,0.03097,-0.09652,-0.06282,0.12201,-0.00103,0.10401,0.00415,0.05722,-0.0402,-0.0663,0.02758,0.11815,-0.03927,-0.07213,0.00761,-0.04606,-0.05483,0.06626,-0.04983,-0.0284,-0.00805,-0.035,-0.06704,-0.07903,-0.00561,-0.03219,-0.02344,0.01949,-0.06175,0.09708,0.04337,0.00419,-0.05527,-0.03724,0.00675,0.02868,0.02631,0.0632,0.05015,-0.03991,0.01388,0,-0.03914,0.06043,-0.06228,0.0061,0.00134,0.0007,-0.01173,0.04709,0.0711,0.03855,0.03633,0.05492,0.04491,-0.11193,-0.03523,-0.01166,-0.08627,-0.04963,0.01057,0.05815,0.00703,0.01746,0.04065,-0.01647,-0.00299,0.03579,-0.01027,0.01892,-0.04443,-0.02891,0.00121,0.03368,-0.0894,-0.01201,-0.00427,-0.06869,0.00744,0.13224,0.0325,0.03024,0.03532,0.0509,-0.04838,0.03383,0.00716,-0.02747,-0.07427,0.00853,-0.04043,0.01073,-0.05163,-0.01956,-0.06091,0.06413,-0.01248,0.03703,0.12876,0.05985,0.02288,0.06336,0.1067,-0.14838,0.00357,0.06327,0.10354,-0.00871,0.00365,0.05193,0.10529,0.06145,0.06074,0.02731,0.02761,0.04774,0.0397,0.03512,-0.03393,-0.10992,-0.02903,0.13663,-0.06699,0.09542,-0.02891,0.03433,0.06294,-0.03433,0.06156,0.01996,0.0746,0.05038,-0.02298,0.0694,-0.03531,0.00899,-0.07253,0,-0.05999,-0.03832,-0.13591,0.02116,0.02277,0.0005,0.02516,-0.06166,-0.02862,-0.04822,-0.07439,0.05338,-0.03277,0.0047,0.10648,-0.03564,0.02858,-0.03976,-0.06588,0.01253,-0.00387,-0.03197,-0.09326,0.08337,-0.00986,-0.08741,0.05603,0.0537,-0.05017,0.05994,-0.04673,0.00333,-0.03343,0.03055,-0.08065,0.121,-0.07089,0.01091,-0.11236,0.02229,0.03425,-0.05177,-0.05627,-0.00386,0.00886,0.03919,0.06873,0.03706,-0.01578,0.0541,-0.01619,-0.01698,0.03947,-0.05619,-0.0012,-0.03792,-0.01848,0.00062,0.05417,0.02412,-0.06544,0.06244,0.10439,0.01235],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Inputs - fOutputId: string; Output identifier. Default: f-node-output-${uniqueId++}. - fOutputMultiple: boolean; Default: false. Allows multiple outgoing connections. - fOutputDisabled: boolean; Default: false. Disables connection from this output. - fOutputConnectableSide: EFConnectableSide; Default: AUTO. Preferred side for outgoing connection. - isSelfConnectable: boolean; Default: true. Allows connecting to inputs on the same node. - fCanBeConnectedInputs: string[]; List of allowed input IDs or categories. f Output Id unique Id f Output Multiple f Output Disabled f Output Connectable Side EF Connectable Side is Self Connectable f Can Be Connected Inputs I Ds","excerpt":"Inputs - fOutputId: string; Output identifier. Default: f-node-output-${uniqueId++}. - fOutputMultiple: boolean; Default: false. Allows multiple outgoing connections. - fOutputDisabled: boolean; Default: false. Disables connection from this output. - fOutputConnectableSide: EFConnectableSide; Default: AUTO. Preferred side for outgoing connection. - isSelfConnectable: boolean; Default: true. Allows connecting to inputs on the same node. - fCanBeConnectedInputs: string[]; List of allowed input IDs or categories."},{"chunkId":"/docs/f-node-output-directive#8","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.00272,-0.01166,-0.09003,0.00841,0.01867,-0.04419,0.00302,-0.01245,0.00108,0.02878,0.01055,0.0099,-0.00684,-0.06549,-0.07965,0.01955,0.00159,0.00646,0.08185,0.00722,-0.02917,-0.07718,-0.0624,-0.05967,-0.02506,-0.06509,0.01348,-0.00834,-0.051,-0.03826,-0.04707,0.03798,-0.01663,0.00458,-0.0891,0.00449,0.09154,-0.03197,-0.08603,0.04953,0.05495,-0.06393,0.07498,-0.03677,-0.06135,0.02406,-0.06868,-0.03022,-0.10366,0.02849,0.02103,0.03476,-0.04851,0.1117,0.10714,0.03156,-0.04047,0.01849,-0.05022,0.08963,0.04308,-0.03395,-0.09274,-0.0252,0.08057,0.03253,0.03407,0.04763,-0.02559,-0.04448,0.0001,0.0352,-0.04692,-0.08884,0.07249,0.04725,0.00437,0.03815,0.00532,0.01512,0.08753,0.12124,-0.03656,-0.00587,-0.0032,0.07221,-0.04693,0.01794,-0.04555,0.01928,-0.0999,-0.02429,-0.04366,0.00843,-0.05336,0.01966,0.01191,-0.06466,0.00817,0.01769,-0.01536,0.00618,-0.00888,-0.06212,0.00181,-0.04226,-0.03562,0.05256,0.00627,-0.01854,-0.0255,-0.01628,0.02313,-0.03686,0.01381,0.00386,-0.03799,0.00122,0.08937,-0.00348,-0.062,0.07142,-0.01976,0.04552,0.0178,-0.05413,-0.01866,0,0.00701,0.04527,0.02243,-0.0127,0.0762,0.03913,0.00071,-0.02928,0.02336,-0.02344,-0.07279,-0.03043,-0.01618,-0.03107,0.03879,-0.07702,0.01454,0.07802,0.00378,-0.00694,0.05984,-0.02934,0.01264,-0.03085,0.09656,0.02992,-0.06108,0.00988,0.02055,0.01354,0.02543,0.04938,0.05989,-0.02341,-0.01627,-0.08381,-0.10667,-0.05137,-0.04915,0.00953,-0.01676,-0.01628,-0.08551,0.02292,0.00492,-0.04716,-0.05867,-0.0436,0.04409,0.0262,-0.03659,0.02353,0.06083,-0.0049,0.0132,-0.07911,-0.02718,0.0926,0.00817,0.13319,-0.02908,0.06066,-0.03803,-0.12306,-0.00156,0.0878,-0.00901,-0.05881,0.02548,-0.02069,-0.00983,0.10177,-0.0231,0.01223,-0.00382,0.00836,-0.06509,-0.07362,-0.01465,-0.04945,-0.04757,-0.00936,-0.03191,0.01815,0.08486,0.01338,-0.04621,-0.02734,0.00234,0.02168,-0.00007,0.0227,0.00351,-0.06872,0.06505,0,-0.02904,0.05589,-0.08959,0.01415,0.01786,0.01248,-0.0302,0.00553,0.08893,0.03287,-0.00975,0.03788,0.07673,-0.02014,-0.0181,-0.05854,-0.04114,-0.06649,0.02074,0.02025,0.03292,0.01049,0.05496,-0.04035,0.01692,0.03446,-0.01695,0.033,-0.02718,0.01195,0.0063,0.01475,-0.09503,-0.02119,0.01315,-0.02859,0.00552,0.12277,0.05276,0.00896,0.03536,0.07987,0.00414,0.01485,-0.00545,-0.04424,-0.11306,-0.03962,0.02938,-0.01395,-0.0606,-0.00713,-0.056,0.07649,-0.03872,0.024,0.06736,0.12941,-0.02228,0.07717,0.05915,-0.15917,0.00351,-0.01178,0.05064,0.01843,0.02749,0.05809,0.1,0.07621,0.06847,0.07328,0.08269,0.04939,0.0185,0.00935,-0.037,-0.06781,-0.00654,0.10186,-0.05252,0.09686,0.00932,0.02639,0.09082,-0.02855,0.11157,0.00955,0.06039,-0.03819,-0.00988,0.09264,-0.0036,0.01111,-0.04702,0,-0.00442,-0.00407,-0.10402,0.0799,0.02653,0.00597,0.00608,-0.04264,0.00102,-0.03812,-0.03777,-0.01281,-0.00758,-0.00472,0.16207,-0.04137,0.03025,-0.03895,-0.08874,-0.02088,-0.02083,0.0014,-0.09241,0.06529,-0.0035,-0.06889,0.05985,0.02785,-0.08233,0.01945,-0.02289,0.04963,-0.06993,0.00037,-0.04085,0.11647,-0.05696,0.05082,-0.08116,0.01389,0.01902,-0.04977,-0.05974,0.00641,-0.01156,0.03843,0.0219,0.00741,-0.06969,0.05122,0.01688,0.01479,0.04579,-0.04931,0.02034,-0.06359,-0.02828,0.0121,-0.01454,0.04627,-0.05126,0.11251,0.13847,0.02513],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Outputs - No direct outputs.","excerpt":"Outputs - No direct outputs."},{"chunkId":"/docs/f-node-output-directive#9","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.02922,0.00912,-0.08069,-0.00543,0.02386,-0.0407,-0.00936,0.01793,-0.01188,0.01699,-0.00966,0.02101,-0.02005,-0.06157,-0.04797,0.01686,0.01681,0.0259,0.09167,0.00211,-0.02668,-0.05559,-0.05172,-0.05402,-0.02413,-0.06575,0.01093,-0.01925,-0.01418,-0.01942,-0.03891,0.04091,-0.04457,0.01728,-0.08553,0.01465,0.10436,-0.02227,-0.09388,0.05347,0.05412,-0.05199,0.0425,-0.04546,-0.03167,0.00945,-0.06118,-0.02133,-0.10321,0.02895,0.01323,0.01261,-0.02748,0.10323,0.10824,0.00528,-0.01031,0.01183,-0.04161,0.10755,0.06534,-0.05139,-0.12308,-0.01173,0.06326,0.04982,0.04718,0.05236,0.00576,-0.04225,-0.01809,0.04476,-0.04819,-0.07342,0.05258,0.05787,-0.00338,0.03493,-0.00662,-0.02227,0.08541,0.12482,-0.03388,-0.01728,0.01706,0.08469,-0.04431,0.0261,-0.02424,0.02577,-0.07815,0.00531,-0.04971,-0.01894,-0.0519,0.04297,0.0037,-0.07494,0.01565,0.03269,-0.02492,-0.00014,-0.02829,-0.07062,0.01038,-0.03333,-0.03113,0.0438,0.02479,0.00599,-0.02165,-0.00803,0.00111,-0.04447,0.00565,0.01764,-0.04075,-0.01385,0.10092,0.02441,-0.03916,0.063,-0.00725,0.03363,0.01827,-0.05768,-0.02351,0,0.01168,0.07697,0.00781,0.00472,0.10677,0.03344,0.02616,-0.03651,0.02277,-0.04389,-0.06807,-0.01335,-0.03752,-0.04096,0.02673,-0.07169,-0.00057,0.10542,0.026,-0.00693,0.08347,-0.06954,0.02896,0.00016,0.10705,0.03654,-0.06483,0.03451,0.01442,0.02213,0.05866,0.03175,0.03583,-0.01035,-0.01931,-0.08011,-0.10996,-0.06349,-0.0759,0.0012,-0.01142,-0.00636,-0.08921,0.02047,-0.00909,-0.06577,-0.07034,-0.05285,0.07432,-0.01104,-0.03375,0.03426,0.05847,-0.03344,0.01185,-0.08086,-0.04308,0.07067,0.00593,0.12445,-0.03889,0.03232,-0.02413,-0.10536,0.03212,0.07733,-0.02142,-0.05928,0.041,-0.01931,0.01216,0.10579,-0.0253,0.02611,-0.03506,-0.013,-0.05265,-0.06048,-0.01476,-0.05781,-0.07065,0.00167,-0.02428,0.03795,0.06316,0.00818,-0.015,-0.02127,-0.01852,0.02041,0.00311,0.03009,0.0058,-0.05649,0.05669,0,-0.03036,0.04338,-0.04201,0.02973,0.02228,0.00111,-0.02434,0.02801,0.10365,0.04586,-0.00927,0.02462,0.06384,-0.03232,-0.01133,-0.05289,-0.06634,-0.09875,0.0171,0.02254,-0.00791,-0.00856,0.05222,-0.04922,0.02242,0.02555,-0.03616,0.00664,-0.03246,-0.00143,-0.01671,0.02026,-0.10843,-0.0266,0.00879,-0.00328,-0.0054,0.15018,0.07509,0.02073,0.05177,0.05837,-0.02109,-0.01249,-0.02689,-0.05113,-0.114,-0.02234,0.0066,-0.02425,-0.04457,-0.0069,-0.06272,0.06984,-0.03401,0.05064,0.0737,0.10658,-0.03634,0.07957,0.04814,-0.15796,0.01186,0.02472,0.07442,0.01566,0.02218,0.03874,0.06378,0.08413,0.06651,0.06794,0.07826,0.06699,0.02533,-0.0224,-0.01021,-0.05065,-0.02105,0.10095,-0.04847,0.08879,-0.00682,0.02655,0.09633,-0.04378,0.12894,0.02499,0.04995,-0.02972,-0.03034,0.08859,-0.00414,0.03804,-0.03371,0,-0.02567,-0.00837,-0.08872,0.07144,0.02766,0.03319,-0.02317,-0.02938,-0.016,-0.02695,-0.04819,-0.00462,0.00261,0.00684,0.11878,-0.05989,0.02466,-0.02388,-0.10202,-0.03688,-0.03626,0.01241,-0.08394,0.04916,0.00908,-0.0382,0.06708,0.0447,-0.05207,0.01504,-0.02432,0.03893,-0.05948,0.00785,-0.04708,0.12441,-0.05581,0.03106,-0.09542,0.02644,0.03621,-0.05717,-0.05592,0.0037,0.01283,0.04326,0.02016,0.02559,-0.06257,0.06136,0.0078,-0.00964,0.03426,-0.03915,0.00996,-0.05352,-0.03644,-0.00835,0.00566,0.02602,-0.05847,0.10511,0.13539,0.01859],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-node-output-directive#10","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.00639,-0.02936,-0.06314,0.01423,0.0449,0.00011,0.00789,0.02774,-0.03745,0.01589,0.01581,0.02391,-0.03898,-0.08061,-0.0677,0.00862,0.02873,-0.01434,0.09139,0.03114,-0.06002,-0.07543,-0.05175,-0.054,-0.04801,-0.05611,0.01507,-0.00679,-0.04574,-0.04431,-0.06367,0.0412,-0.06113,-0.00399,-0.09502,-0.00017,0.07667,-0.00448,-0.08955,0.02392,0.05621,-0.06868,0.08415,-0.03911,-0.0208,0.01563,-0.10507,-0.03015,-0.06858,-0.00029,0.07119,0.02718,-0.04614,0.1037,0.11234,0.05518,-0.00914,0.00656,-0.05265,0.08632,0.0675,-0.03484,-0.07785,-0.04209,0.05876,0.03331,0.05141,0.02482,-0.02116,-0.02769,-0.03994,0.01694,-0.03556,-0.07984,0.099,0.07319,-0.00664,0.03942,-0.00345,0.01516,0.06356,0.12553,-0.04288,-0.03958,0.01366,0.0763,-0.04835,-0.00271,-0.04076,0.03268,-0.06083,-0.0232,-0.02622,0.00951,-0.02852,0.00739,-0.01751,-0.05098,-0.0151,-0.00173,-0.02321,0.033,-0.01983,-0.06162,0.01154,-0.02139,-0.02008,0.0545,0.01901,-0.03276,-0.03107,-0.04676,0.00557,-0.06395,-0.00147,-0.0135,-0.04538,-0.01415,0.1012,-0.02812,-0.05091,0.07513,0.00486,-0.01366,0.00584,-0.06256,-0.0218,0,0.01009,0.06122,-0.00763,-0.01249,0.086,0.05036,0.00065,-0.01281,0.02993,0.00007,-0.07867,0.01563,-0.03986,-0.02262,0.02297,-0.06972,-0.02536,0.05466,-0.00908,-0.00898,0.05258,-0.02511,0.04008,-0.04024,0.09961,-0.01679,-0.05001,0.03141,0.04274,0.01797,0.03394,0.04557,0.05701,-0.014,-0.0221,-0.09264,-0.1027,-0.07626,-0.01014,0.01408,-0.00195,-0.00889,-0.05656,0.03447,0.01546,-0.0481,-0.00669,-0.03499,0.0708,-0.00375,-0.02042,0.00834,0.04811,0.02432,-0.00461,-0.0575,-0.03504,0.12361,0.01105,0.12253,-0.02875,0.0652,-0.00453,-0.11698,0.02237,0.10801,-0.00139,-0.07363,-0.02576,-0.06097,0.00895,0.06329,-0.03449,0.01979,-0.0331,-0.0337,-0.07468,-0.0275,0.01244,-0.05476,-0.06376,0.00559,-0.03683,0.043,0.06125,-0.00657,-0.04433,-0.03648,-0.00081,0.01365,0.0312,0.0402,0.04777,-0.00694,0.0766,0,-0.02849,0.03341,-0.05232,0.01959,0.04279,0.02482,-0.05315,0.01532,0.10629,0.0493,0.02451,0.05709,0.06811,-0.05081,-0.03247,-0.07155,-0.05744,-0.06913,0.00725,0.02931,0.04933,-0.03832,0.04544,-0.05315,0.01616,0.04595,0.00651,0.00348,-0.02541,0.00138,-0.0147,0.04568,-0.08463,-0.01247,-0.00677,-0.00885,-0.00205,0.08756,0.02849,-0.03135,0.02449,0.08971,0.0155,-0.01195,-0.00935,-0.02529,-0.14212,-0.01933,0.01361,0.0233,-0.07032,0.00274,-0.06731,0.08282,-0.04988,0.05979,0.07598,0.09996,-0.02548,0.07839,0.0988,-0.12632,0.0315,0.02894,0.07836,0.01284,0.05191,0.0234,0.07537,0.08006,0.06895,0.0478,0.0725,0.03177,0.03744,0.01272,0.00882,-0.08289,-0.00185,0.09226,-0.04221,0.07801,-0.02478,0.03182,0.07304,-0.0517,0.08639,0.00199,0.05313,-0.00292,-0.00912,0.02501,-0.01542,0.03941,-0.0512,0,-0.00797,0.00256,-0.0843,0.01507,-0.0062,-0.00987,0.0136,-0.04218,-0.00553,-0.01932,-0.01809,-0.01411,-0.0059,0.0206,0.15833,-0.05534,0.00594,-0.03405,-0.09734,0.0013,-0.02824,-0.0396,-0.03756,0.06402,0.01686,-0.05434,0.05462,0.07146,-0.0981,0.04791,-0.05545,0.03531,-0.05459,0.0358,-0.05335,0.1471,-0.06471,0.0113,-0.1014,0.03688,0.03755,-0.07902,-0.03772,-0.01104,0.01864,0.05233,0.05297,0.05609,-0.07164,0.05814,-0.01316,-0.0135,0.02566,-0.08564,-0.00994,-0.0417,-0.03756,0.01294,0.03692,0.02123,-0.06875,0.09594,0.11897,0.04347],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Types EFConnectableSide EF Connectable Side","excerpt":"Types EFConnectableSide"},{"chunkId":"/docs/f-node-output-directive#11","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.00887,-0.00818,-0.09252,0.05007,0.01087,-0.0106,0.01016,-0.04881,0.0111,0.0075,-0.00886,0.03265,-0.01985,-0.06627,-0.06924,0.01814,-0.01245,-0.03644,0.04775,-0.02406,-0.00213,-0.05654,-0.00885,-0.02632,-0.02997,-0.02966,-0.03031,-0.03443,0.0145,-0.03993,-0.0396,0.07413,-0.06471,0.00551,-0.04944,-0.00398,0.05757,0.02089,-0.10336,0.02533,0.05905,-0.07038,0.03777,-0.11118,-0.06001,0.00133,-0.09542,-0.06489,-0.06586,0.02713,0.00285,0.07254,-0.02698,0.08636,0.13072,0.04043,0.03281,0.01354,-0.07537,0.06445,-0.01405,-0.04271,-0.06462,-0.00657,0.03192,0.07466,-0.00957,0.03795,-0.02284,0.03592,0.04586,0.05422,-0.05514,-0.09241,0.1046,0.03943,-0.02482,0.04957,0.00697,-0.03149,0.06565,0.05501,-0.04957,-0.01933,-0.03922,0.08465,-0.05155,-0.0267,-0.02597,0.06721,-0.08227,0.0242,-0.01213,0.0357,0.01546,0.01491,-0.00601,-0.02827,-0.01197,0.01802,-0.01268,-0.01064,0.02441,0.00813,0.0282,-0.0233,-0.0048,0.04155,-0.01285,-0.03341,0.00796,-0.00761,0.04368,-0.03295,-0.0381,0.0371,0.02593,-0.01269,0.07198,0.05242,-0.03031,0.0566,0.01395,-0.02049,0.01656,-0.04914,-0.01568,0,-0.0089,-0.02938,-0.0106,-0.01006,0.09236,0.02769,0.00626,-0.048,0.01677,0.02022,-0.0795,-0.05724,-0.02347,-0.04585,-0.01252,-0.08267,0.08308,0.05754,-0.02262,0.0182,0.12047,-0.03349,-0.0088,-0.04818,0.0472,0.01453,-0.06914,0.02291,-0.0188,0.0264,0.02543,0.05327,0.07849,-0.00665,-0.02631,-0.06162,-0.04828,-0.03077,-0.04457,-0.00379,-0.06728,-0.02079,-0.06455,0.03859,0.02742,-0.0349,-0.04294,-0.04276,0.01851,0.04858,-0.00173,0.07668,0.01763,-0.036,0.02368,-0.07832,-0.04472,0.10184,-0.02024,0.0952,-0.00354,0.06504,-0.05796,-0.08528,0.03262,0.12886,-0.01581,-0.04549,0.00712,-0.05776,-0.04562,0.07859,-0.06772,-0.01902,0.01947,-0.04672,-0.02277,-0.06193,-0.0052,-0.0328,-0.01779,-0.02054,-0.04384,0.04789,0.04047,-0.00104,-0.04133,-0.03075,-0.00723,0.02884,0.04958,0.04548,0.05591,-0.0474,0.03999,0,-0.03444,0.06073,-0.06572,0.01778,0.02598,0.00443,-0.01565,0.03331,0.06151,0.04243,0.03133,0.06185,0.02134,-0.06294,-0.07596,-0.03177,-0.03271,-0.03728,0.02481,0.05383,0.01579,0.02881,0.02507,-0.02813,-0.01931,0.03299,-0.03982,0.02193,0.00756,-0.03051,0.03231,0.01672,-0.09625,-0.03022,0.01788,-0.04204,-0.03711,0.11242,0.03804,0.02176,0.03327,0.0701,-0.03113,0.0444,-0.00569,-0.01692,-0.08135,-0.04762,-0.02009,0.00779,-0.07437,-0.01042,-0.03765,0.0648,-0.03042,0.04324,0.0969,0.07313,-0.02366,0.069,0.11859,-0.15722,-0.00207,0.00274,0.1092,0.00562,-0.0061,0.08726,0.13961,0.06493,0.08685,0.08918,0.04102,0.04344,0.0335,0.0303,-0.03646,-0.07401,0.01505,0.12628,-0.08524,0.10498,-0.02973,0.01812,0.07698,-0.04169,0.0385,0.01444,0.07512,0.01065,-0.02936,0.04238,-0.04978,-0.01036,-0.06987,0,-0.02411,-0.06311,-0.10833,0.01827,0.03933,0.01956,0.00427,-0.05864,-0.02759,-0.02043,-0.07897,0.06176,-0.01429,-0.01697,0.11912,-0.05083,0.02912,-0.03256,-0.07731,-0.03791,-0.04587,-0.03644,-0.10679,0.133,-0.06278,-0.08008,0.07333,0.00549,-0.04202,0.04784,-0.06874,0.02602,-0.05212,0.03334,-0.06299,0.13383,-0.08543,0.03549,-0.10143,0.04165,0.03111,-0.02509,-0.02418,0.00311,0.0324,0.04955,0.02983,0.02683,-0.05561,0.05878,-0.02181,0.01339,-0.00371,-0.0251,0.00468,-0.06689,-0.00038,0.01711,0.03057,0.01414,-0.0588,0.05936,0.10969,0.00528],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Styling - .f-component Base class for flow primitives. - .f-node-output Output host class. - .f-node-output-multiple Applied when fOutputMultiple = true. - .f-node-output-disabled Applied when fOutputDisabled = true. - .f-node-output-self-connectable Applied when isSelfConnectable = true. - .f-node-output-connected Applied when the output currently has one or more connections. - .f-node-output-not-connectable Applied when creating a connection from this output is currently blocked. f Output Multiple f Output Disabled is Self Connectable","excerpt":"Styling - .f-component Base class for flow primitives. - .f-node-output Output host class. - .f-node-output-multiple Applied when fOutputMultiple = true. - .f-node-output-disabled Applied when fOutputDisabled = true. - .f-node-output-self-connectable Applied when isSelfConnectable = true. - .f-node-output-connected Applied when the output currently has one or more connections. - .f-node-output-not-connectable Applied when creating a connection from this output is currently blocked."},{"chunkId":"/docs/f-node-output-directive#12","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[0.01661,-0.03297,-0.06591,0.01153,0.03272,-0.00617,-0.02314,-0.03405,0.01219,-0.02039,-0.00841,-0.01283,0.00739,-0.03142,-0.04887,0.01663,-0.00494,-0.07201,0.02928,-0.02932,-0.04432,-0.03934,-0.03891,-0.05835,-0.059,-0.06428,0.02801,-0.00964,-0.02888,-0.01183,0.00154,0.08534,-0.03463,-0.00901,-0.0299,-0.01554,0.11071,-0.00912,-0.08118,0.01426,0.04109,-0.09779,0.06957,-0.03585,-0.00926,-0.04011,-0.09508,-0.03489,-0.04526,0.05072,0.02376,0.06904,-0.00324,0.09921,0.11323,0.02382,-0.04253,-0.01233,-0.06073,0.08347,0.03382,-0.04219,-0.04272,-0.04842,0.02586,0.05114,0.01123,-0.03472,-0.01491,0.0285,0.00452,0.06222,-0.05954,-0.07397,0.03878,0.07123,-0.01492,-0.00429,0.02645,-0.06007,0.04662,0.07913,-0.05483,-0.00477,-0.00549,0.08284,-0.07868,0.00725,-0.05886,0.06767,-0.04374,0.00838,-0.01014,0.00957,0.00095,0.02696,0.01331,-0.05063,0.00575,0.02554,-0.06687,-0.00503,0.00959,0.00578,0.02254,-0.02786,0.01214,0.02666,0.00925,-0.05759,-0.00264,0.01123,0.03761,-0.01217,-0.02174,0.04377,-0.00533,-0.01887,0.04418,0.01152,-0.06735,0.02767,0.0112,0.04466,0.03332,-0.06227,-0.01264,0,0.01712,0.03854,0.0161,-0.05214,0.10073,0.00937,-0.00527,-0.07143,0.02099,0.01578,-0.10212,-0.03462,-0.05128,-0.0467,0.0077,-0.00963,0.03703,0.06493,0.02233,0.00004,0.06486,-0.07791,0.00399,-0.05795,0.07099,0.08232,-0.07742,0.05247,0.0399,0.03312,0.01244,0.00943,0.05959,-0.01399,-0.02211,-0.07751,-0.05381,-0.0559,-0.09546,0.0217,-0.06108,0.00697,-0.09619,0.05744,0.02002,-0.03068,-0.02966,-0.02374,0.04831,0.03566,-0.06498,0.05602,0.04873,-0.04332,-0.02479,-0.11574,-0.05493,0.06893,0.00156,0.07647,-0.01973,0.02391,-0.07118,-0.06134,0.03731,0.11333,-0.01524,-0.05919,0.03238,-0.0136,-0.01018,0.08937,-0.04584,0.00997,0.03796,-0.0224,-0.02636,-0.06423,-0.02051,-0.02075,0.0182,0.00901,-0.04411,0.07794,0.04038,0.03846,-0.02343,-0.02015,-0.04388,0.05534,0.00507,0.04833,0.0541,-0.04508,0.06395,0,-0.0705,0.06633,-0.05749,-0.00824,0.012,-0.02249,-0.00318,0.02,0.09745,0.02344,0.04272,0.02476,0.02913,-0.05547,-0.07595,-0.01669,-0.04796,-0.04032,0.02463,0.06906,0.0258,0.01954,0.02227,-0.01615,-0.01471,0.05997,-0.04523,-0.02444,-0.08891,-0.01457,0.03762,0.03337,-0.06022,-0.01371,-0.0085,-0.05128,-0.00547,0.1144,0.05842,0.04434,0.03564,0.08732,-0.06147,0.04772,-0.03365,-0.01667,-0.07341,-0.02129,-0.01202,0.01059,-0.06334,0.03827,-0.03011,0.05019,-0.01081,0.02643,0.10762,0.08736,-0.0194,0.1027,0.03637,-0.15258,-0.00487,0.03617,0.12694,-0.03018,0.05009,0.10073,0.14817,0.05334,0.08609,0.04598,0.03935,0.0786,0.04971,0.02094,-0.07414,-0.0794,0.00413,0.1582,-0.04038,0.08141,-0.00859,0.01309,0.08678,-0.00381,0.11138,0.02479,0.04995,0.00229,-0.00739,0.067,-0.05036,-0.00075,-0.07439,0,-0.02252,-0.01915,-0.1065,0.01641,0.01807,0.00663,-0.03533,-0.06068,-0.0183,-0.01799,-0.08658,0.02539,-0.04753,-0.00733,0.10944,-0.06411,0.0393,-0.03629,-0.09171,0.01113,-0.01708,0.00544,-0.12707,0.06656,-0.03986,-0.08397,0.03221,0.03872,-0.04764,0.02651,-0.03486,-0.00121,-0.05732,0.0244,-0.07679,0.11236,-0.04074,0.0131,-0.09137,0.02015,0.0289,-0.03507,-0.056,-0.02676,-0.0073,0.05448,0.02426,-0.00923,-0.03391,0.08483,-0.01521,-0.043,0.02582,-0.03458,0.03943,-0.06661,-0.0356,0.03624,0.03017,0.00202,-0.01991,0.09862,0.08954,-0.01443],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Notes and pitfalls - fOutputId must match connection fOutputId values exactly. A typo silently results in “no connection rendered”. - If fOutputMultiple = false, the output may become unavailable after the first active connection — that’s expected for “single port” UX. - Restrictions like fCanBeConnectedInputs are easy to misconfigure. If you rely on rules heavily, validate ids/categories in your own data model so you can show user-friendly errors. f Output Id f Output Multiple f Can Be Connected Inputs","excerpt":"Notes and pitfalls - fOutputId must match connection fOutputId values exactly. A typo silently results in “no connection rendered”. - If fOutputMultiple = false, the output may become unavailable after the first active connection — that’s expected for “single port” UX. - Restrictions like fCanBeConnectedInputs are easy to misconfigure. If you rely on rules heavily, validate ids/categories in your own data model so you can show user-friendly errors."},{"chunkId":"/docs/f-node-output-directive#13","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.024,-0.02801,-0.06685,-0.0018,0.02679,-0.03495,-0.00124,0.00741,-0.02402,0.02,-0.00715,0.02726,0.0139,-0.07463,-0.05617,0.03473,0.02345,0.00712,0.06846,0.00813,-0.03847,-0.08084,-0.05879,-0.056,-0.02904,-0.05974,0.00604,-0.01222,-0.03056,-0.02731,-0.05282,0.03805,-0.01668,0.00827,-0.09003,0.01284,0.10307,-0.02755,-0.10164,0.0694,0.06192,-0.05167,0.06402,-0.04224,-0.04917,0.01161,-0.05855,-0.02051,-0.10776,0.01981,0.01322,0.01505,-0.03948,0.1159,0.11107,0.04006,-0.019,0.00392,-0.04465,0.10153,0.06777,-0.042,-0.10518,-0.02384,0.07312,0.03977,0.03321,0.06808,-0.03065,-0.03956,-0.02108,0.02496,-0.06826,-0.07667,0.06006,0.0619,-0.00085,0.03331,-0.02285,0.00049,0.07527,0.12281,-0.05477,-0.02204,-0.00036,0.06821,-0.03814,0.0093,-0.02824,0.03852,-0.07161,-0.00055,-0.02778,0.00066,-0.02679,0.03984,0.00061,-0.07069,0.0229,0.00043,-0.01818,0.0101,-0.02618,-0.06372,0.00595,-0.03175,-0.04748,0.06053,0.02741,0.00322,-0.02124,-0.01288,0.0191,-0.03966,0.00736,0.01169,-0.03693,-0.00739,0.10436,0.00257,-0.06123,0.07483,-0.0076,0.0258,0.00885,-0.04923,-0.03242,0,-0.0088,0.04213,0.01459,-0.00536,0.10455,0.02348,0.00059,-0.03813,0.0265,-0.03164,-0.08584,-0.01753,-0.02899,-0.04528,0.03058,-0.06511,-0.00844,0.07308,0.01214,-0.00041,0.06582,-0.05754,0.00317,0.00437,0.11368,0.01147,-0.05326,0.03091,0.03594,0.01097,0.04535,0.03843,0.06613,-0.00961,-0.0234,-0.06257,-0.0976,-0.06545,-0.05007,0.00126,-0.03132,-0.0076,-0.07428,0.03228,-0.01037,-0.0443,-0.04691,-0.0497,0.06056,-0.00044,-0.0429,0.02332,0.06571,-0.01154,0.00832,-0.06006,-0.03814,0.08852,-0.01098,0.14796,-0.03133,0.05677,-0.02001,-0.11089,0.03077,0.09182,-0.03139,-0.07359,0.03647,-0.02831,0.0045,0.09917,-0.03385,0.02068,-0.01123,-0.02092,-0.06994,-0.05563,-0.01139,-0.04131,-0.08275,0.00482,-0.0154,0.03814,0.05579,-0.00179,-0.00725,-0.03422,-0.0196,0.02381,0.0196,0.03512,0.02252,-0.0398,0.07102,0,-0.03743,0.04627,-0.05939,0.03687,0.05077,0.00337,-0.05005,0.01613,0.11541,0.04209,-0.01995,0.04085,0.07182,-0.02896,-0.02821,-0.0679,-0.05192,-0.08436,0.01809,0.0119,0.0378,0.00045,0.04135,-0.0668,0.01044,0.01293,-0.03761,-0.00836,-0.03578,0.00234,-0.00545,0.0309,-0.09825,-0.00432,0.00284,-0.02201,-0.00781,0.13016,0.07305,-0.01211,0.03764,0.06376,-0.00539,-0.01541,-0.01212,-0.0364,-0.1125,-0.03072,0.00212,-0.01596,-0.06943,0.0029,-0.04008,0.07086,-0.03582,0.04731,0.08058,0.12047,-0.01696,0.06892,0.0605,-0.13827,0.01618,0.01975,0.04821,0.01767,0.03125,0.03966,0.086,0.06335,0.04941,0.07017,0.0685,0.0626,0.01579,-0.02277,-0.02056,-0.05466,-0.01652,0.099,-0.06828,0.11556,-0.01608,0.03434,0.08001,-0.01795,0.12875,0.01922,0.0674,-0.02384,-0.02274,0.06044,-0.02813,0.00944,-0.05598,0,-0.01829,-0.0085,-0.10757,0.0636,0.02778,0.04367,-0.01116,-0.02834,0.0038,-0.00263,-0.03251,-0.00174,-0.01205,0.00734,0.12439,-0.04164,0.02311,-0.04908,-0.09031,-0.0111,-0.0282,0.00205,-0.07881,0.07662,0.00122,-0.0518,0.05845,0.04084,-0.08077,0.01945,-0.01706,0.04588,-0.07539,0.00825,-0.05195,0.11749,-0.07197,0.03599,-0.08464,0.03752,0.03552,-0.05864,-0.04085,0.00986,0.00996,0.04668,0.0054,0.03923,-0.06761,0.06615,0.01012,0.00094,0.01873,-0.06415,0.03094,-0.06569,-0.02983,0.00684,0.00061,0.03098,-0.06443,0.12271,0.12291,0.02471],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Example","excerpt":"Example"},{"chunkId":"/docs/f-node-output-directive#14","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.07119,0.01757,-0.09815,0.01716,0.0741,0.01111,-0.0082,0.0471,-0.00308,0.03853,-0.04288,0.03282,-0.02463,-0.00831,0.00171,0.00121,-0.05818,0.02688,-0.00909,0.00577,-0.02666,-0.03403,0.01647,-0.03929,-0.02454,-0.02462,-0.02179,-0.01151,0.02795,-0.01774,0.00932,0.07924,-0.05206,0.03878,-0.04524,0.04384,0.05873,-0.0026,-0.06776,-0.0005,0.16191,-0.00276,0.05378,-0.11284,-0.00846,-0.01567,-0.10966,-0.01001,-0.07733,0.04608,-0.03816,-0.05736,-0.06273,0.12948,0.06761,0.03036,-0.00495,-0.04138,0.01519,0.0367,0.0289,-0.10025,-0.03984,-0.02441,0.06482,0.03391,-0.08121,0.06294,-0.07358,0.02717,0.02531,0.01064,-0.05152,-0.06515,0.0462,0.01706,-0.04169,0.07367,-0.03024,-0.00835,0.05565,0.05822,-0.05614,0.00631,-0.01514,0.14212,0.00898,-0.04984,-0.03222,0.00739,-0.03486,0.01059,-0.0305,0.00788,-0.00524,0.02694,-0.07123,-0.02337,-0.00876,0.03956,-0.01583,-0.0402,0.04862,0.04272,0.01605,-0.02056,-0.04729,0.09722,-0.01838,-0.0063,-0.00825,0.02753,0.0442,-0.05384,-0.02091,-0.06875,0.00663,-0.03387,0.09235,0.09147,0.00134,0.04443,-0.0438,-0.0025,0.02532,-0.02873,0.0046,0,-0.02319,0.01846,0.00666,0.02714,0.08896,-0.00204,-0.01708,-0.07178,-0.01166,0.05926,-0.11273,-0.01131,-0.04254,-0.05106,-0.01001,-0.07467,0.00978,0.0447,-0.02526,0.01578,0.05814,-0.08439,-0.04538,0.01005,0.11572,-0.00532,-0.06351,0.01616,-0.02997,0.00365,0.08281,0.05938,0.08857,0.00949,-0.011,-0.05478,-0.00943,-0.03645,-0.09958,-0.00972,0.0339,-0.02012,-0.07077,0.10004,-0.00742,-0.02985,-0.01368,-0.05877,0.11134,0.01653,-0.04314,0.0474,0.05563,-0.03868,0.06196,-0.05431,-0.03992,0.06761,-0.02305,0.07559,-0.02134,0.04824,-0.02115,-0.06161,0.03634,0.0805,-0.03602,-0.03509,0.06219,-0.08383,-0.04521,0.10137,-0.02613,0.0569,-0.01857,-0.02377,-0.02354,0.00126,0.05931,-0.03709,-0.05967,-0.02884,-0.04066,0.10151,0.05813,-0.06594,-0.00445,-0.05973,-0.01952,-0.04321,0.05566,0.02936,-0.03409,-0.06192,0.01616,0,0.01697,0.04648,-0.02682,0.04212,-0.00956,-0.0139,0.05234,0.04598,0.11558,0.09796,0.0189,0.06333,0.05349,-0.09533,0.00572,-0.01256,-0.0645,-0.09593,0.06666,-0.01542,0.04642,0.023,0.02095,-0.01414,-0.03069,0.03814,0.01905,0.01316,-0.04209,-0.01924,-0.02096,0.0082,-0.10931,0.03575,-0.04857,-0.09338,-0.0084,0.11206,0.08424,-0.05554,0.07712,0.08904,-0.03868,0.0042,-0.06031,-0.06507,-0.01811,-0.04738,-0.02133,-0.04177,-0.07733,-0.00185,-0.02787,0.06985,-0.04189,0.01215,0.09005,0.02207,-0.01344,0.03003,0.09408,-0.08995,-0.02279,-0.00167,0.08416,0.01893,-0.0406,-0.00592,0.10939,0.04199,0.02716,0.03585,0.04798,0.01647,0.04021,0.02715,0.01736,-0.03187,0.05891,0.0739,-0.09564,0.11588,-0.051,0.05113,0.10474,-0.01298,0.00981,0.0253,0.07023,0.00399,-0.07026,0.00724,-0.00906,-0.03199,-0.03683,0,-0.07837,-0.01654,-0.09586,0.03448,0.03422,-0.00619,-0.00797,-0.05526,0.00066,0.01568,-0.05174,0.03895,0.0054,-0.01199,0.08342,-0.0747,-0.0033,-0.00802,-0.08251,0.00911,-0.02208,0.02504,-0.0212,0.08712,-0.01076,-0.08499,-0.02744,0.01842,-0.02366,0.02463,-0.0491,0.01375,-0.02676,0.02921,-0.07187,0.0515,-0.0913,0.02274,-0.06469,0.03923,0.04867,-0.11139,0.00291,-0.0161,-0.00123,0.06633,0.03139,0.02883,-0.04457,0.05164,-0.01403,0.00738,-0.05057,-0.03906,0.02009,-0.08512,0.01604,0.03049,-0.01422,-0.04315,-0.04886,0.07804,0.07559,-0.0171],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Connectors inside node ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::","excerpt":"Connectors inside node ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::"},{"chunkId":"/docs/f-node-output-directive#15","slug":"f-node-output-directive","route":"/docs/f-node-output-directive","section":"docs","title":"FNodeOutputDirective - Source Connectors for Outgoing Connections","description":"Reference for node output connectors, outgoing rules, and connectability behavior.","group":"Connectors","vector":[-0.07232,-0.00556,-0.11823,0.03378,0.06992,0.0363,-0.02789,0.03524,-0.02387,0.03633,-0.04023,0.06169,-0.02898,0.00154,-0.0093,-0.01339,-0.05252,-0.00031,-0.0188,0.02132,-0.0305,-0.03527,0.00899,-0.03799,-0.02078,-0.0309,-0.01633,-0.0206,0.02411,-0.02235,0.00829,0.08169,-0.05264,0.02167,-0.07477,0.04823,0.05819,0.00455,-0.05346,-0.00892,0.12147,-0.01665,0.05321,-0.11137,-0.02498,-0.02374,-0.0916,-0.00793,-0.09248,0.05023,-0.01011,-0.01444,-0.06875,0.13152,0.0783,0.02317,-0.01683,-0.01361,-0.01737,0.05049,0.00079,-0.08153,-0.04848,-0.03558,0.05491,0.03094,-0.05599,0.05614,-0.06671,0.03444,0.02251,0.02049,-0.04615,-0.08035,0.0757,0.02019,-0.03356,0.08444,-0.0154,-0.00441,0.04065,0.0496,-0.03854,0.01603,-0.01787,0.09359,0.00956,-0.0113,-0.01782,-0.00105,-0.03742,0.04008,-0.00971,0.00149,0.00272,0.02822,-0.06471,-0.01919,-0.03569,0.03064,-0.04288,-0.02807,0.06231,0.03696,0.01856,-0.01874,-0.02821,0.08324,-0.0137,-0.02125,-0.00727,0.03368,0.06549,-0.04978,-0.01785,-0.06521,-0.02491,-0.03392,0.08842,0.04225,-0.0007,0.02794,-0.02323,-0.00096,0.0486,-0.03162,0.0252,0,-0.00558,0.04285,-0.00024,0.02343,0.10255,-0.00554,-0.01709,-0.08074,-0.00317,0.06529,-0.10622,0.0034,-0.05241,-0.0436,0.00144,-0.08174,0.02211,0.05041,-0.02342,0.02295,0.07962,-0.06275,-0.0222,-0.00715,0.11281,0.00398,-0.03914,0.05083,-0.01903,0.00254,0.0713,0.05546,0.08621,-0.02488,-0.00927,-0.0758,-0.04394,-0.04202,-0.08012,0.00147,0.04898,-0.0093,-0.0934,0.07552,-0.0258,-0.0084,-0.02254,-0.03771,0.11351,0.03661,-0.05326,0.0602,0.03098,-0.02795,0.05003,-0.05976,-0.0485,0.09274,-0.01602,0.10583,-0.0051,0.05565,0.00064,-0.08476,0.03619,0.07976,-0.03414,-0.02658,0.05235,-0.09829,-0.04728,0.09269,-0.01304,0.05781,-0.0126,-0.03571,-0.00549,-0.00641,0.067,-0.04853,-0.06167,-0.03124,-0.06125,0.09614,0.04678,-0.07573,-0.02548,-0.07832,-0.03471,-0.03996,0.05944,0.04261,0.00565,-0.06024,0.01092,0,0.00468,0.02553,-0.03948,0.06292,-0.00941,-0.00504,0.05242,0.06442,0.12454,0.10251,0.0104,0.04893,0.04003,-0.09914,-0.01384,-0.02365,-0.0628,-0.09278,0.06874,-0.00832,0.03161,0.02931,0.01467,-0.02267,-0.01863,0.07078,0.00867,0.0305,-0.01371,-0.01796,-0.01342,0.0103,-0.12425,-0.00428,-0.05018,-0.06,0.00001,0.1392,0.06825,-0.03295,0.09834,0.08774,-0.02267,0.00983,-0.03688,-0.0515,-0.00895,-0.06275,-0.01764,-0.04205,-0.03854,0.01214,-0.04109,0.05661,-0.04173,0.01048,0.09465,0.01395,-0.03177,0.03726,0.08175,-0.10595,-0.00796,-0.00214,0.08606,0.03188,-0.03119,-0.0071,0.13562,0.06296,0.03858,0.01661,0.06859,0.0291,0.07916,0.05221,-0.00276,-0.03301,0.05198,0.07579,-0.08362,0.10432,-0.04267,0.03169,0.09836,-0.01299,-0.01259,0.00556,0.08892,0.00058,-0.06816,0.00115,0.00297,0.00871,-0.01075,0,-0.06634,-0.03268,-0.10102,0.01043,0.00933,-0.00816,-0.00443,-0.08323,-0.01109,0.00277,-0.07848,0.04354,-0.01555,0.00153,0.06288,-0.05372,-0.00631,0.00907,-0.08909,0.01412,-0.04172,0.00539,-0.03546,0.08279,-0.0089,-0.07922,-0.02293,0.03341,-0.04595,0.01639,-0.03386,0.0023,-0.03145,0.02572,-0.0569,0.0355,-0.12812,0.01834,-0.08096,0.03477,0.05634,-0.07925,-0.02292,-0.00209,0.02052,0.05497,0.01362,0.03275,-0.05973,0.02536,-0.02679,0.01119,-0.04238,-0.06228,0.02085,-0.06765,0.0085,0.03153,0.03122,-0.03979,-0.04517,0.0836,0.07048,-0.01359],"keywords":"FNodeOutputDirective - Source Connectors for Outgoing Connections FNodeOutputDirective - Source Connectors for Outgoing Connections Reference for node output connectors, outgoing rules, and connectability behavior. Connectable side (using fOutputConnectableSide) ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss ::: f Output Connectable Side","excerpt":"Connectable side (using fOutputConnectableSide) ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss :::"},{"chunkId":"/docs/f-node-input-directive#0","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.00101,-0.04815,-0.04027,0.05747,0.03623,0.04675,0.0254,-0.02523,0.04139,-0.01219,-0.03475,-0.01346,-0.03476,0.03269,-0.05672,0.01373,-0.03593,-0.05587,0.04517,0.02171,-0.07168,-0.1346,-0.01246,-0.05395,-0.0243,-0.03677,-0.0046,-0.05968,-0.00753,-0.01408,-0.04009,0.06023,-0.04975,0.02526,-0.09296,0.01148,0.02031,-0.05537,-0.11896,-0.01183,0.03265,-0.05058,0.0393,-0.0526,0.00368,0.02557,-0.03481,0.013,-0.04906,0.12387,-0.01161,0.02904,0.03551,0.1011,0.03824,0.05032,0.03017,-0.0102,0.00627,0.06067,-0.03667,-0.03984,-0.02084,-0.05911,0.06476,0.04308,0.00041,0.03776,-0.03663,-0.00697,0.09867,0.07384,-0.02819,-0.13045,0.09708,0.01329,-0.06892,0.07333,-0.00258,-0.0292,0.12143,0.0925,-0.03241,0.0037,0.03457,0.16328,-0.0913,-0.03378,-0.09643,0.02786,-0.02078,-0.03353,-0.06768,0.03489,-0.04274,-0.04903,-0.00515,0.02518,-0.05505,-0.02958,-0.03794,-0.03324,-0.01979,0.01249,0.04756,-0.00439,-0.03505,-0.00194,-0.02474,-0.04613,-0.03081,-0.02462,0.01593,0.04638,-0.03701,0.03256,-0.02772,-0.0411,0.09893,0.07529,-0.03334,0.07393,-0.09112,0.01718,0.03268,-0.10428,-0.04214,0,0.00213,0.03685,-0.00175,-0.01454,0.02305,-0.00538,0.02199,-0.02743,-0.05977,-0.01303,-0.08391,-0.00933,-0.04098,-0.03452,0.02447,-0.10965,0.00786,0.04553,-0.03255,-0.01236,0.0513,-0.01079,-0.05336,-0.08792,0.01259,0.09692,-0.09942,0.08113,0.03347,0.03167,-0.01953,0.04656,0.05587,-0.00617,-0.09941,-0.07002,0.00457,-0.02132,-0.10075,-0.02094,-0.00621,-0.01774,-0.02531,0.04176,0.01069,-0.06469,-0.01339,0.01427,0.01985,0.01998,-0.03652,0.01724,0.01228,-0.09452,0.00533,-0.107,-0.07457,0.0751,-0.01084,0.03546,0.03636,0.0354,-0.048,-0.04797,0.01965,0.10103,-0.00961,-0.02154,0.03178,-0.03159,-0.03045,0.0883,-0.01236,-0.01677,0.07138,0.01503,-0.06606,-0.08508,0.012,-0.03948,-0.02399,-0.0369,-0.01569,0.04414,0.08899,-0.02433,-0.00391,-0.02973,-0.01943,0.02802,0.07369,-0.0003,0.03597,-0.05368,0.06289,0,0.01955,0.09103,-0.00705,0.0341,0.00522,0.00434,0.00423,0.01178,0.06327,0.015,-0.01866,0.03308,-0.00316,-0.00661,-0.06892,0.03585,-0.06094,-0.04316,0.03806,-0.03796,0.03081,-0.04051,-0.01724,0.02916,-0.04546,0.01371,0.07355,0.01645,0.01065,0.0011,-0.0447,-0.0158,-0.11369,-0.00714,0.04269,-0.05645,0.02362,0.05712,0.04786,-0.01365,0.03507,0.03342,-0.03913,0.04667,0.02651,0.0005,-0.09878,-0.00663,0.03488,0.01995,-0.06108,-0.01491,-0.08182,0.01345,-0.04583,0.06188,0.10151,0.04136,0.00439,0.0187,0.07344,-0.08256,-0.05156,-0.00702,0.08894,-0.00447,0.0025,0.06609,0.13768,0.06327,0.04288,0.09716,0.09218,0.04142,0.03591,0.00402,0.04492,-0.04173,0.0768,0.09965,-0.00168,0.07916,0.00618,0.03706,0.09532,0.08596,0.05458,0.02636,0.0179,-0.0035,0.03385,0.03941,0.03742,-0.04647,-0.06611,0,-0.04704,0.02075,-0.09646,-0.03321,0.01919,0.00694,0.0153,-0.02068,-0.02178,-0.00426,-0.07285,0.04296,0.02147,-0.0129,0.1063,-0.03977,0.02394,-0.02736,-0.05783,-0.01292,0.03909,-0.00149,-0.05274,0.09909,-0.07223,-0.115,-0.011,0.03642,-0.01971,0.01863,-0.05381,0.01398,-0.03852,0.03274,-0.10194,0.06021,-0.01067,-0.00556,-0.06575,0.02929,0.05451,-0.01634,-0.07349,-0.07706,0.0101,0.04489,0.08706,-0.00938,-0.0673,0.09243,-0.02052,0.00799,0.02094,-0.0056,0.06662,-0.08781,-0.03582,0.02479,-0.0193,-0.00511,-0.03929,0.05878,0.0761,0.01261],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Input Selector: [fNodeInput] Class: FNodeInputDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"target\" instead. fNodeInput keeps working, but new code should use fConnector. FNodeInputDirective marks an element as an incoming connector for a node. Inputs are the targets that connections can attach to during “drag to connect” and when rendering persisted connections. Inputs must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow. f Node Input F Node Input Directive f Connector f Connector Type f Node","excerpt":"Input Selector: [fNodeInput] Class: FNodeInputDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"target\" instead. fNodeInput keeps working, but new code should use fConnector. FNodeInputDirective marks an element as an incoming connector for a node. Inputs are the targets that connections can attach to during “drag to connect” and when rendering persisted connections. Inputs must live inside a node ([fNode]) which is rendered inside f-canvas and f-flow."},{"chunkId":"/docs/f-node-input-directive#1","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[0.00533,-0.04392,-0.07473,0.00099,0.03116,-0.00187,0.02894,0.01026,-0.03069,0.01249,-0.0064,0.0033,0.00032,-0.03098,-0.06978,-0.00248,0.02073,-0.00857,0.06149,0.03143,-0.03395,-0.0873,-0.05856,-0.06988,-0.08611,-0.0666,0.04148,-0.01329,-0.04315,-0.02549,-0.0552,0.05565,-0.03489,0.04737,-0.10212,-0.00888,0.04918,-0.06292,-0.08615,0.02741,0.03597,-0.09093,0.05912,-0.01379,-0.01916,-0.00298,-0.09923,0.00098,-0.07804,0.03345,0.00325,-0.00742,-0.04252,0.14117,0.081,0.03295,-0.02228,-0.02535,-0.0171,0.07539,0.02834,-0.05049,-0.04048,-0.02433,0.06522,0.02887,0.03464,0.02282,-0.00977,-0.01612,0.02629,0.04113,-0.05828,-0.08796,0.09726,0.03491,-0.03507,0.03178,-0.00722,-0.03141,0.10924,0.12803,-0.04068,-0.00208,0.02392,0.1133,-0.08732,-0.00152,-0.02977,0.01918,-0.04893,-0.05846,-0.05026,-0.00206,-0.06021,0.00638,-0.00777,-0.06836,-0.00838,0.01352,-0.03635,-0.01141,-0.03189,-0.03026,0.00789,-0.03993,-0.0556,0.02407,-0.00072,-0.05655,-0.01783,-0.03594,0.02669,-0.01786,-0.02107,0.02626,-0.01333,0.00007,0.13108,0.02561,-0.07937,0.05377,-0.01844,0.0459,0.00448,-0.05395,-0.0739,0,0.00115,0.04382,-0.00165,-0.0065,0.04234,0.01978,0.00704,-0.00699,0.01628,-0.01458,-0.07328,0.00861,-0.03265,-0.03286,0.0489,-0.10209,-0.03169,0.11288,-0.01956,-0.00696,0.04415,-0.03003,-0.01939,-0.02546,0.11059,0.04903,-0.09686,0.05598,0.05733,0.01508,0.00725,0.03366,0.02641,0.00333,-0.0139,-0.05017,-0.08219,-0.0611,-0.04465,-0.00163,-0.01659,-0.0325,-0.05383,0.00406,0.0005,-0.059,-0.04121,-0.03023,0.02716,0.01147,-0.03224,-0.00218,0.05797,-0.03175,-0.02099,-0.08917,-0.06993,0.08656,0.00475,0.12365,-0.04005,-0.02138,-0.02531,-0.08847,0.02359,0.09205,0.00985,-0.09768,0.03761,-0.0177,-0.02478,0.09465,-0.00153,0.0008,0.01079,0.04057,-0.05123,-0.03227,0.00285,-0.05165,-0.04876,-0.00348,-0.02652,0.08661,0.0664,0.00162,-0.03387,-0.08229,-0.05979,0.0116,0.032,0.05809,-0.01303,-0.01821,0.06182,0,-0.01291,0.03723,-0.01254,0.01995,0.00083,0.0178,-0.02053,-0.02036,0.08492,0.00401,0.03079,0.03081,0.04873,-0.02975,-0.04861,0.0147,-0.08116,-0.06304,0.03938,0.05429,0.03761,-0.01563,0.03037,-0.0155,0.03263,0.01704,0.01859,-0.00345,-0.00955,0.01876,-0.05159,0.00875,-0.11099,-0.00337,0.01388,-0.00744,0.03117,0.13114,0.08105,-0.00078,0.0744,0.07522,-0.01823,0.02199,-0.0108,-0.02723,-0.0932,-0.00782,0.00558,0.0015,-0.10132,0.007,-0.04687,0.05425,-0.06532,0.04686,0.09257,0.06029,0.00304,0.06198,0.08047,-0.13747,0.02461,0.00047,0.03667,-0.00378,0.03686,0.04967,0.08462,0.06885,0.0887,0.07357,0.1248,0.04819,0.00315,-0.07063,0.02912,-0.08829,0.01555,0.08396,-0.05196,0.10491,-0.03839,0.01828,0.04946,0.03663,0.12496,0.06329,0.05677,-0.05264,-0.03269,0.07274,0.01799,-0.01147,-0.09285,0,-0.01239,-0.00084,-0.09407,0.02127,0.05892,0.00966,-0.01867,-0.03115,-0.01655,-0.01752,-0.01473,0.04134,0.00642,0.02563,0.12692,-0.00535,0.02302,-0.03063,-0.08146,0.01864,0.02675,0.02858,-0.06303,0.08146,0.02242,-0.06719,0.04631,0.06946,-0.0415,0.01046,-0.03387,0.03632,-0.04492,0.02532,-0.05139,0.14706,-0.07021,0.03465,-0.07437,0.02272,0.02796,-0.03705,-0.06319,-0.01703,-0.00448,0.03599,0.04854,0.02442,-0.0722,0.05638,-0.00938,0.03067,0.04203,-0.04574,0.00732,-0.02493,-0.00284,-0.00254,-0.00629,0.03064,-0.02419,0.1123,0.09609,0.03171],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-node-input-directive#2","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[0.01199,-0.04025,-0.09823,-0.01539,0.02971,-0.0215,0.03163,-0.0009,0.00247,-0.00803,-0.01728,0.0047,-0.00037,-0.01995,-0.04807,-0.0149,-0.02796,-0.00296,0.07001,0.00074,-0.02434,-0.05814,-0.04148,-0.08233,-0.10923,-0.02518,0.02507,0.00013,-0.00165,-0.03551,-0.04754,0.06928,-0.01519,0.05425,-0.14609,0.02783,0.04482,-0.05154,-0.10283,0.04391,0.02614,-0.08767,0.07727,-0.02557,-0.01611,-0.01231,-0.09158,-0.03131,-0.05705,0.03729,-0.02175,-0.02401,0.00213,0.13704,0.06385,0.01181,-0.00073,-0.01519,-0.00895,0.04084,0.04373,-0.02852,-0.03277,-0.0345,0.11651,0.00642,0.00744,-0.01033,-0.03072,-0.0302,0.05887,0.0377,-0.02624,-0.07287,0.08217,0.03865,-0.04125,0.03022,0.01578,-0.01623,0.07267,0.1269,-0.04691,-0.01669,0.02523,0.13848,-0.1094,-0.02279,-0.06179,-0.00066,-0.01838,-0.02229,-0.08499,0.00591,-0.03873,0.02598,-0.00093,-0.04722,-0.02442,0.01754,-0.01404,-0.01905,-0.04211,-0.02765,-0.02355,-0.06904,-0.04436,-0.00305,-0.00707,-0.08791,-0.0374,-0.0232,-0.0243,0.02109,-0.05661,-0.00343,0.00319,-0.01595,0.09483,0.04223,-0.08487,0.04459,-0.04367,0.06303,0.03306,-0.07053,-0.04023,0,0.01943,0.07137,-0.00191,-0.01089,0.04297,0.03506,-0.00293,0.00958,0.00474,-0.04679,-0.07293,0.00774,-0.03298,-0.01932,0.0653,-0.10062,-0.02551,0.09135,-0.01172,-0.0464,0.08112,-0.03462,-0.03089,-0.03067,0.06627,0.08395,-0.08024,0.0405,0.017,0.01685,-0.00094,0.0503,0.0046,0.02716,-0.01983,-0.03503,-0.05684,-0.04641,-0.08263,-0.0468,-0.02532,-0.04036,-0.00401,0.00754,0.0424,-0.0624,-0.07973,-0.05986,0.0048,0.02776,-0.01187,0.00133,0.06307,-0.04888,-0.00686,-0.05249,-0.05946,0.06191,0.00542,0.07285,-0.03224,0.00246,-0.03057,-0.04121,-0.00574,0.13017,0.01943,-0.06341,0.0923,0.00486,-0.02169,0.10541,-0.00297,0.02067,0.00943,0.0483,-0.06575,-0.0829,0.00164,-0.03425,-0.06196,0.00381,-0.03795,0.08421,0.07111,0.01044,-0.03983,-0.07053,0.00234,0.00154,0.03341,0.03823,-0.03963,-0.08017,0.04619,0,-0.01243,0.05724,-0.03246,0.01833,-0.0125,-0.00462,-0.03848,-0.06439,0.08178,-0.0061,0.00506,0.03462,0.07785,-0.03995,-0.08226,0.02045,-0.08907,-0.0672,0.07206,0.01965,0.01562,-0.02904,0.06157,0.01586,-0.00068,-0.00389,0.019,-0.01493,-0.00326,0.02069,-0.02632,-0.02272,-0.04875,-0.0151,0.01758,-0.01559,0.02828,0.11581,0.07343,0.01826,0.0583,0.06307,-0.01662,0.04461,-0.03851,-0.01084,-0.07753,0.00916,0.01363,0.00682,-0.10223,-0.005,-0.06424,0.03443,-0.05558,0.0682,0.06661,0.0943,0.01285,0.06175,0.0566,-0.11508,-0.01677,0.01566,0.04589,0.00069,0.01266,0.05443,0.09177,0.07449,0.06933,0.07666,0.10515,0.0628,-0.00813,-0.06561,0.0254,-0.05452,0.00321,0.10068,-0.04724,0.08268,-0.04111,0.03405,0.056,0.0202,0.11914,0.0456,0.02561,-0.08284,0.02905,0.10916,0.01316,-0.00734,-0.06801,0,-0.01548,0.01154,-0.07652,0.01835,0.02274,-0.04068,0.02835,-0.01027,-0.01566,-0.02017,-0.02083,0.02908,-0.01925,-0.02457,0.16089,0.00458,0.02874,-0.0458,-0.07708,0.01536,0.04812,0.00355,-0.08801,0.07534,0.00411,-0.06162,0.04544,0.05704,-0.03327,0.0065,-0.00976,0.04341,-0.01972,0.05187,-0.05256,0.12121,-0.06181,0.03325,-0.03508,0.00954,0.02431,-0.03175,-0.08073,-0.02562,-0.02128,0.0382,0.02374,-0.00275,-0.04191,0.06424,-0.03493,0.02516,0.08004,-0.00851,0.04467,-0.01714,-0.00921,-0.00995,-0.00833,0.01022,-0.02684,0.13456,0.10954,0.04],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Input as a port element (recommended for multi-port nodes) Use a dedicated element when your node has multiple inputs or when each port matters visually.","excerpt":"Input as a port element (recommended for multi-port nodes) Use a dedicated element when your node has multiple inputs or when each port matters visually."},{"chunkId":"/docs/f-node-input-directive#3","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[0.03127,-0.01315,-0.08428,0.01231,0.0272,-0.02786,0.01578,-0.02913,-0.01328,0.01703,-0.04035,-0.01582,-0.00671,-0.02977,-0.03903,-0.02463,-0.01391,0.02864,0.0902,0.0025,-0.03439,-0.05432,-0.04345,-0.07519,-0.1086,-0.04822,0.0044,-0.01246,-0.01462,-0.02272,-0.04951,0.0505,-0.02245,0.08186,-0.11701,0.05427,0.02341,-0.0495,-0.10787,0.03706,0.04889,-0.09305,0.07333,-0.0503,-0.00383,0.01811,-0.11547,0.03016,-0.04143,0.03809,0.00645,-0.01721,0.00944,0.14689,0.06655,0.06766,0.00383,-0.02898,-0.035,0.0555,0.03411,-0.04726,-0.01344,-0.04273,0.11513,0.03316,0.0223,0.02078,-0.05022,-0.02387,0.09195,0.02851,-0.01294,-0.09094,0.08113,0.02207,-0.06755,0.03534,0.01052,0.00591,0.07999,0.12587,-0.01951,-0.0136,-0.02358,0.13647,-0.08757,0.02235,-0.04682,0.02714,-0.04031,-0.05568,-0.08643,-0.03206,-0.05503,0.01459,-0.00991,-0.02886,-0.0274,0.01038,-0.05749,-0.01303,-0.0287,-0.02428,0.00267,-0.01964,-0.03235,0.01432,0.01807,-0.07225,-0.03756,-0.03442,0.02497,-0.00034,-0.02782,-0.00018,0.03106,-0.01692,0.09853,0.02505,-0.03179,0.04417,-0.045,0.02184,0.03144,-0.09223,-0.05329,0,0.02277,0.04317,0.03695,-0.03316,0.0385,0.03479,0.01244,-0.02867,-0.02172,-0.03972,-0.06926,-0.03656,0.01187,-0.07764,0.03586,-0.09205,-0.01129,0.07128,0.005,-0.02349,0.06802,-0.06137,-0.01926,-0.014,0.06981,0.06098,-0.09549,0.02524,0.0379,0.00221,0.00832,0.04505,0.01251,0.02518,-0.03939,-0.05824,-0.01451,-0.03703,-0.07718,-0.03834,0.03076,-0.0545,-0.00283,0.00028,0.0119,-0.049,-0.06291,-0.05512,0.0307,0.04255,0.01563,-0.01491,0.04928,-0.08728,0.00155,-0.03715,-0.08334,0.05792,-0.00536,0.06666,-0.01776,-0.02695,-0.02766,-0.06844,0.01759,0.12469,-0.00389,-0.08459,0.05724,-0.01201,-0.03424,0.10818,-0.04023,-0.00405,-0.00653,0.06182,-0.0497,-0.08861,-0.01174,-0.03173,-0.01619,-0.02369,-0.01104,0.08461,0.06944,0.00782,-0.03256,-0.05364,-0.00434,-0.01269,0.04728,0.02026,-0.03083,-0.05372,0.05691,0,-0.01106,0.01764,-0.0225,0.03473,0.0127,0.01719,-0.03083,-0.06099,0.04348,0.02483,0.03132,0.04179,0.03168,-0.03578,-0.05704,0.041,-0.07148,-0.04231,0.05138,0.05729,-0.01199,-0.02791,0.05878,-0.00595,0.01832,0.00713,0.04798,0.01788,-0.021,-0.02841,-0.03763,0.00414,-0.09188,-0.0196,0.01964,0.00341,0.01153,0.09534,0.07112,0.02219,0.07359,0.06159,-0.04862,0.04236,-0.02028,-0.01669,-0.10223,0.02007,0.00081,0.01366,-0.09359,0.01069,-0.0577,0.03884,-0.07045,0.07617,0.07691,0.11111,0.03026,0.03502,0.06483,-0.14961,-0.00564,0.04938,0.05014,0.00234,0.02359,0.06,0.09137,0.10643,0.06289,0.09146,0.09088,0.07095,0.03034,-0.06234,0.02882,-0.08994,0.00586,0.06551,-0.01922,0.09252,-0.03124,0.0251,0.07716,0.03434,0.09892,0.0779,0.0268,-0.0443,-0.01269,0.09955,0.01027,-0.06575,-0.0847,0,-0.01728,-0.01095,-0.07138,0.00502,0.03749,0.02268,0.00549,-0.04368,-0.02898,-0.00151,-0.05038,0.0421,0.0131,-0.0167,0.13553,-0.00863,0.04218,-0.03698,-0.07097,0.00443,0.02467,0.01898,-0.0679,0.10314,0.01501,-0.08479,0.03783,0.03029,-0.03697,0.00737,-0.02227,0.02305,-0.01936,0.03406,-0.03909,0.11897,-0.04946,0.04111,-0.07199,-0.00193,0.03453,0.00538,-0.06402,-0.02995,-0.04553,0.0489,0.06134,-0.03502,-0.00722,0.04995,0.0076,0.00227,0.0348,-0.05004,-0.02552,-0.01451,0.00087,-0.0044,-0.01191,0.02575,-0.03745,0.12458,0.10564,0.01534],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Input on the node itself (simple nodes) If your node has one input and you want “connect to the node body”, you can apply fNodeInput on the host element. f Node Input","excerpt":"Input on the node itself (simple nodes) If your node has one input and you want “connect to the node body”, you can apply fNodeInput on the host element."},{"chunkId":"/docs/f-node-input-directive#4","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.04427,-0.03112,-0.07791,0.06295,0.06178,0.03261,0.02709,-0.04175,-0.00278,-0.01485,-0.01207,0.0779,-0.02662,-0.0155,-0.06756,-0.00215,-0.00366,-0.03136,0.00185,0.01673,0.0104,-0.09786,-0.06265,-0.06826,-0.07003,-0.02101,0.01154,-0.03988,0.02213,-0.06473,-0.07409,0.04598,-0.09111,0.02093,-0.11091,0.00867,0.0732,-0.04448,-0.10005,0.01458,0.03829,-0.09819,0.05964,-0.03569,-0.02592,0.03188,-0.08864,-0.00122,-0.07502,0.05626,0.00714,0.01291,0.01366,0.12222,0.0683,0.0801,0.02614,0.00534,-0.02793,0.07007,0.00309,-0.03211,-0.04768,-0.01362,0.09099,0.03246,0.01117,-0.02017,-0.04046,-0.00828,0.04968,0.04112,-0.03659,-0.06252,0.10822,0.02513,-0.04401,0.06007,-0.00229,-0.04046,0.10134,0.11064,-0.03736,0.01604,0.01928,0.13617,-0.08346,-0.04028,-0.06276,0.02577,0.00691,-0.04135,-0.04658,-0.01045,-0.06933,0.00064,0.01028,-0.04139,-0.0339,0.03486,-0.03248,-0.00662,0.01857,0.02524,-0.01807,-0.06831,-0.02602,-0.00079,-0.03508,-0.02318,0.01312,-0.04484,0.0126,-0.03232,-0.09181,0.00325,-0.02201,-0.03009,0.10739,-0.00317,-0.0723,0.05581,-0.00823,0.00422,0.04017,-0.09354,-0.07214,0,0.00689,-0.02281,-0.0362,-0.02266,0.06207,0.00154,-0.00528,-0.04666,-0.04509,0.00015,-0.00574,0.00486,-0.03597,-0.01007,0.04688,-0.08743,0.02167,0.07845,-0.02411,0.00916,0.03013,-0.00866,-0.02134,-0.04173,0.07164,0.0805,-0.08942,0.06388,0.02625,0.02784,0.00274,0.04494,0.00226,-0.00251,-0.03495,-0.03904,-0.06818,-0.0585,-0.02812,-0.00483,0.01401,-0.0301,-0.05432,0.04585,-0.00285,-0.01959,0.02374,-0.06096,-0.01511,-0.01648,-0.02257,0.02524,0.05523,-0.06365,-0.00721,-0.08908,-0.08836,0.0896,-0.01796,0.06065,0.02554,0.01126,-0.05971,-0.0866,0.02755,0.09544,-0.02601,-0.01721,0.07351,-0.05534,-0.05046,0.08466,-0.00623,0.02185,0.02506,0.00376,-0.04807,-0.04134,0.06762,-0.06378,-0.04307,-0.02367,0.02452,0.08122,0.05922,-0.0502,-0.02443,-0.07827,-0.056,0.01024,0.06245,0.04409,0.00776,-0.01824,0.09135,0,-0.00981,0.01605,-0.01016,0.04826,-0.04208,0.03536,-0.00844,0.00069,0.07671,0.01485,0.0621,0.07147,0.01804,-0.03451,-0.057,0.04458,-0.11195,-0.0535,0.01651,0.02749,0.07924,-0.00388,0.04635,0.00686,-0.01679,-0.02034,0.00626,-0.01012,0.01673,0.00606,-0.00642,-0.0044,-0.12953,0.00713,0.00375,-0.02936,-0.01723,0.13641,0.05717,0.01131,0.02948,0.04956,-0.0444,0.02686,0.00524,0.00302,-0.08036,-0.00722,-0.01939,-0.00976,-0.08308,0.03905,-0.05049,0.03878,-0.04486,0.0532,0.08526,0.0442,-0.01237,0.07628,0.07445,-0.09534,-0.02461,-0.00474,0.06258,0.01087,-0.00819,0.02069,0.13958,0.06251,0.05075,0.07238,0.10028,-0.01448,0.04484,-0.05611,0.07734,-0.08528,0.00342,0.06482,-0.0493,0.09198,-0.06613,-0.01222,0.06181,0.04527,0.08666,0.08098,0.0413,-0.01742,-0.02099,0.0657,0.02161,0.0081,-0.12329,0,-0.03608,-0.01629,-0.06893,-0.03101,0.03594,0.02218,0.00962,-0.00567,-0.03712,0.0121,-0.0414,0.05537,-0.02453,0.02172,0.10852,-0.00121,0.02389,0.00443,-0.08009,0.00442,0.04876,-0.01346,-0.06029,0.16002,-0.0288,-0.06801,0.03198,0.06187,-0.02971,0.01993,-0.02788,0.04207,-0.05594,0.04571,-0.04913,0.11199,-0.08604,0.0325,-0.03426,0.01256,0.06306,-0.0236,-0.07209,0.00857,-0.00626,0.04505,0.05413,0.00402,-0.07041,0.06938,-0.01552,0.02758,0.0184,-0.0246,0.04057,-0.04743,0.00338,0.00582,0.0046,0.01518,-0.01387,0.06909,0.09983,0.00862],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. How it works - The input connector registers under its parent node and becomes a valid drop target during connection creation and reassignment. - During connection drag, the library evaluates connectability rules such as disabled, multiple, category, and connectableSide. - The directive toggles state classes (for example connected / not-connectable) so you can provide clear UX feedback with CSS. connectable Side","excerpt":"How it works - The input connector registers under its parent node and becomes a valid drop target during connection creation and reassignment. - During connection drag, the library evaluates connectability rules such as disabled, multiple, category, and connectableSide. - The directive toggles state classes (for example connected / not-connectable) so you can provide clear UX feedback with CSS."},{"chunkId":"/docs/f-node-input-directive#5","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.00762,-0.02545,-0.07629,0.00658,0.02289,-0.01492,0.00479,-0.00833,-0.02334,0.00699,-0.02828,-0.00991,0.00204,-0.01867,-0.03198,-0.01034,0.02917,-0.00619,0.05948,0.0256,-0.02933,-0.06021,-0.05101,-0.06461,-0.09111,-0.08691,0.0378,-0.02165,-0.04011,-0.01599,-0.06263,0.05709,-0.04873,0.06337,-0.08844,-0.0074,0.04666,-0.07415,-0.08508,0.0334,0.055,-0.06894,0.03908,-0.02509,-0.01923,-0.00767,-0.10171,0.01128,-0.08886,0.05787,0.00495,-0.00023,-0.03982,0.14397,0.08012,0.03153,-0.01582,-0.01666,-0.03008,0.08721,0.02417,-0.06704,-0.03767,-0.02804,0.05301,0.02656,0.02454,0.01824,-0.01105,-0.02612,0.02593,0.04396,-0.06694,-0.09321,0.08645,0.0303,-0.03299,0.02571,-0.01066,-0.03384,0.10341,0.11483,-0.04897,0.015,0.02344,0.10933,-0.09097,0.00292,-0.02461,0.02699,-0.04903,-0.07138,-0.03565,-0.00366,-0.05431,0.01599,-0.0035,-0.07713,-0.02824,0.00201,-0.04074,-0.01335,-0.04441,-0.02637,0.02782,-0.03902,-0.04831,0.02043,0.00245,-0.03854,-0.01162,-0.02316,0.03485,-0.02544,-0.03791,0.04918,-0.02173,-0.00362,0.13801,0.02523,-0.07227,0.05074,-0.01572,0.04339,0.00519,-0.07101,-0.07034,0,-0.00348,0.02575,0.0137,-0.01995,0.05891,0.01465,0.02794,-0.02136,0.01816,-0.03585,-0.08834,0.02221,-0.01942,-0.0473,0.03825,-0.08822,-0.03518,0.13352,-0.01994,0.00529,0.04233,-0.03491,-0.00973,-0.03125,0.09927,0.06229,-0.097,0.05164,0.06734,0.02173,0.00837,0.04167,0.03674,0.01265,-0.02002,-0.06115,-0.07907,-0.06068,-0.05923,-0.00218,-0.01291,-0.0182,-0.06589,-0.00754,-0.02132,-0.06179,-0.03946,-0.03557,0.01872,0.01265,-0.0393,0.01514,0.05326,-0.05578,-0.01594,-0.10796,-0.05606,0.07361,0.00814,0.11778,-0.03908,-0.034,-0.00959,-0.07976,0.03103,0.09138,0.01773,-0.08101,0.02923,-0.00901,-0.0101,0.10811,-0.00459,0.00952,-0.00373,0.02452,-0.03058,-0.03237,-0.00524,-0.05849,-0.02941,-0.01183,-0.02901,0.09069,0.05896,0.00015,-0.03371,-0.07599,-0.0609,0.0191,0.0226,0.04703,-0.02286,-0.01254,0.06132,0,-0.01583,0.02971,-0.02446,0.00909,0.00089,-0.00725,-0.01511,-0.00296,0.08397,0.02253,0.01745,0.02878,0.04025,-0.02837,-0.03997,0.00648,-0.09859,-0.06129,0.05484,0.04969,0.01782,-0.00468,0.01722,-0.01784,0.02541,0.01195,0.00401,0.00479,-0.00883,0.00085,-0.04809,-0.0108,-0.12494,-0.00279,0.01597,-0.01196,0.02822,0.14967,0.09292,0.00259,0.07951,0.05055,-0.03643,0.02634,0.0028,-0.03965,-0.0824,0.00808,-0.00675,-0.00882,-0.08675,0.01374,-0.03198,0.05585,-0.07322,0.05085,0.10159,0.05482,0.0046,0.05255,0.0644,-0.13482,0.01921,0.01598,0.04087,-0.00307,0.04497,0.03691,0.07433,0.06877,0.08646,0.05774,0.11758,0.06047,0.00822,-0.06346,0.02197,-0.08972,0.01551,0.08916,-0.06879,0.11324,-0.02864,0.03374,0.07073,0.04239,0.13415,0.07991,0.05384,-0.02591,-0.04326,0.07515,0.00582,0.00213,-0.08964,0,-0.0179,0.01604,-0.10789,0.03801,0.04936,0.02104,-0.02688,-0.02373,-0.01598,0.01068,-0.02545,0.03767,0.0048,0.02928,0.11614,-0.00707,0.02914,-0.02744,-0.07474,0.01845,0.02309,0.04003,-0.06019,0.06649,0.01669,-0.05843,0.05078,0.07045,-0.03881,-0.00572,-0.04026,0.0271,-0.03732,0.01058,-0.05144,0.13392,-0.06843,0.03112,-0.07268,0.02466,0.03301,-0.04803,-0.06539,-0.01369,0.00302,0.03818,0.04103,0.02285,-0.04763,0.06852,-0.01224,0.01757,0.04018,-0.04103,0.01037,-0.03043,-0.01149,-0.01597,0.00798,0.03459,0.01291,0.10751,0.09623,0.03549],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. API","excerpt":"API"},{"chunkId":"/docs/f-node-input-directive#6","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.00941,-0.01065,-0.0928,0.03615,-0.02982,0.05303,0.00882,0.01356,-0.00348,0.00391,-0.03158,-0.02481,-0.01784,0.00224,-0.00319,-0.01709,0.01272,-0.09541,0.02887,-0.01866,0.00484,-0.07603,0.0173,-0.06144,-0.12768,-0.02153,0.01709,-0.00257,-0.01151,-0.04884,-0.04695,0.0238,-0.10315,-0.00059,-0.06621,-0.00954,0.02604,-0.04848,-0.1065,-0.05715,0.0254,-0.09142,0.01963,0.01516,0.03004,-0.04851,-0.14297,0.00004,0.00653,0.07252,0.04144,-0.01083,0.00165,0.07255,0.07066,0.13468,-0.00936,-0.04711,0.00605,0.01269,0.04079,-0.02643,-0.00809,-0.01068,0.02057,0.05765,0.0281,-0.01281,0.01254,0.05089,0.01603,0.02348,-0.0316,-0.07199,0.06902,0.03537,-0.0248,0.01217,0.00351,-0.02938,0.07579,0.07839,-0.04188,0.02732,0.03715,0.0727,-0.06148,-0.04479,-0.0153,0.02713,-0.02733,-0.01718,-0.01706,-0.02748,0.01434,0.011,-0.04333,-0.0015,-0.07151,0.02,-0.04816,-0.03082,-0.01284,0.02996,0.06821,0.0121,-0.03331,-0.00139,-0.00906,-0.03127,-0.0373,0.00256,0.00782,0.02654,-0.03141,0.04541,-0.00114,-0.03518,0.07489,0.08016,-0.02207,0.03187,-0.04623,-0.00258,0.01264,-0.04443,-0.02705,0,0.04616,0.01772,-0.04408,-0.04521,0.05567,0.0693,0.00957,0.02095,-0.04224,0.05005,-0.11577,0.02365,-0.02126,-0.04531,0.03036,-0.08462,0.02352,0.04861,0.00988,-0.05643,0.03342,-0.0524,-0.00198,-0.0546,0.10578,0.04738,-0.09022,0.08808,0.06838,0.01187,0.02269,0.02056,0.03332,0.01783,-0.03081,-0.05096,-0.02745,-0.02665,-0.04985,-0.00552,0.01865,-0.01719,-0.04675,0.02018,-0.00221,-0.02364,-0.01995,-0.02888,0.02892,-0.02298,-0.08132,0.02027,-0.02654,-0.0431,-0.023,-0.11475,-0.0824,0.08332,-0.03862,0.05835,-0.0554,0.00216,-0.05045,0.01127,0.00636,0.14138,-0.01298,-0.07552,0.02602,-0.05097,-0.07966,0.06939,0.01667,0.01619,0.02365,0.00463,-0.10231,-0.0842,-0.07882,-0.01313,-0.03257,0.00492,-0.03349,0.1961,0.09563,-0.06356,-0.01754,-0.07306,0.01004,0.02946,0.00634,0.04521,0.08574,-0.03897,0.02849,0,-0.0279,0.03869,-0.05355,0.02258,-0.01338,-0.00954,0.06132,-0.01727,0.05563,-0.01831,0.02451,0.03684,0.05918,-0.08599,-0.07387,0.0473,-0.15718,-0.03691,0.05176,0.01621,0.01741,0.00303,-0.01687,-0.01253,0.04671,0.01027,0.02878,-0.05489,-0.04839,0.01868,-0.0316,0.00728,-0.04899,0.02275,-0.00849,0.00087,0.03773,0.05803,0.06703,0.08042,0.08301,0.02197,-0.07251,0.02573,0.00827,-0.0012,-0.06876,0.04118,-0.0913,-0.00565,-0.07594,-0.01564,-0.04411,0.03203,-0.03358,0.06211,0.13037,0.02269,0.00722,0.08062,0.0931,-0.08471,0.01796,0.03326,0.106,-0.03851,0.03838,0.02618,0.12653,0.04925,0.05029,0.04867,0.07748,0.07036,0.09843,-0.03732,0.00314,-0.11813,0.00904,0.0738,-0.03978,0.09413,-0.01576,0.01948,0.01419,0.03177,0.09573,0.08049,0.04923,0.05846,-0.03979,0.0318,-0.02066,0.00229,-0.07977,0,-0.00953,0.05393,-0.09459,0.01368,0.00083,-0.00853,0.02336,-0.03942,-0.02881,-0.0209,-0.05074,0.09269,-0.06509,-0.01124,0.04911,-0.00676,0.04676,0.01171,-0.04452,0.02392,0.00506,0.00193,-0.06155,0.08777,-0.005,-0.10499,0.03437,0.08057,-0.04979,0.07533,-0.04957,-0.0281,0.03895,0.07711,-0.06356,0.10078,-0.06564,0.02175,-0.03378,0.05319,0.02418,0.01189,-0.04516,-0.0586,-0.00187,0.03158,0.03045,0.02066,0.0395,0.04858,-0.0777,-0.00194,0.02978,-0.04137,0.04989,0.00405,-0.03004,-0.05493,0.01673,-0.0119,-0.01494,0.0679,0.03716,-0.05004],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Inputs - fInputId: InputSignal<string; Input identifier. Default: f-node-input-${uniqueId++}. Use a stable id if you store graph state and want connections to survive rerenders. - fInputCategory: InputSignal<string undefined; Optional category used for connection validation rules (for example, “data”, “error”, “trigger”). Categories are just strings — keep them consistent across your app. - fInputMultiple: InputSignal<boolean; Default: true. When false, only one active connection can be attached to this input. - fInputDisabled: InputSignal<boolean; Default: false. When true, the input is not connectable. - fInputConnectableSide: EFConnectableSide; Default: auto. Controls preferred docking side for routing/hit-testing (left/right/top/bottom/auto). Use a fixed side when you have explicit port placement. f Input Id Input Signal unique Id f Input Category f Input Multiple f Input Disabled f Input Connectable Side EF Connectable Side","excerpt":"Inputs - fInputId: InputSignal<string; Input identifier. Default: f-node-input-${uniqueId++}. Use a stable id if you store graph state and want connections to survive rerenders. - fInputCategory: InputSignal<string undefined; Optional category used for connection validation rules (for example, “data”, “error”, “trigger”). Categories are just strings — keep them consistent across your app. - fInputMultiple: InputSignal<boolean; Default: true. When false, only one active connection can be attached to this input. - fInputDisabled: InputSignal<boolean; Default: false. When true, the input is not connectable. - fInputConnectableSide: EFConnectableSide; Default: auto. Controls preferred docking side for routing/hit-testing (left/right/top/bottom/auto). Use a fixed side when you have explicit port placement."},{"chunkId":"/docs/f-node-input-directive#7","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.01126,-0.00841,-0.09832,0.01609,0.03882,0.02043,0.04128,-0.01526,-0.01662,-0.00464,-0.01934,0.03369,0.00514,-0.02464,-0.04933,0.00949,-0.03149,0.00327,0.05238,0.01723,-0.01059,-0.06033,-0.03232,-0.05055,-0.10154,-0.04961,0.01142,-0.01403,0.00268,-0.04454,-0.04974,0.07737,-0.04552,0.04144,-0.12356,-0.01015,0.04012,-0.00192,-0.1057,0.02378,0.00776,-0.09665,0.05717,-0.08406,-0.02071,0.00558,-0.10067,-0.03965,-0.07142,0.03468,0.00328,0.01224,-0.02319,0.13592,0.10129,0.00963,0.03275,-0.02057,-0.02143,0.06671,0.00978,-0.04523,-0.04129,-0.00645,0.03536,0.0536,-0.01756,0.03003,-0.00536,-0.00317,0.05581,0.03418,-0.02536,-0.07228,0.09104,0.03015,-0.04263,0.05997,0.00214,-0.0393,0.07506,0.08316,-0.03762,-0.02345,0.01116,0.14134,-0.08597,-0.02003,-0.03677,0.03564,-0.05596,-0.02156,-0.02345,0.0012,-0.01963,-0.00205,-0.02977,-0.0441,-0.03306,0.02441,-0.03278,-0.02908,0.00577,0.00853,0.02802,-0.04018,-0.02023,0.03219,0.00018,-0.09131,-0.03112,-0.05316,0.00771,-0.04665,-0.06217,-0.00996,0.01741,-0.02629,0.12417,0.05648,-0.02431,0.04137,-0.02461,-0.01113,0.02233,-0.06697,-0.06737,0,0.0287,0.04191,-0.02356,-0.02268,0.08936,0.02053,0.01207,-0.03524,-0.00019,0.00499,-0.05548,-0.00176,-0.03181,-0.03588,0.03368,-0.11841,0.02588,0.08584,-0.02491,-0.02366,0.09098,-0.03,-0.00927,-0.01731,0.07768,0.06229,-0.07989,0.03757,0.02327,0.02669,0.02056,0.03813,0.03571,0.02087,-0.01782,-0.05794,-0.06544,-0.04545,-0.04776,-0.03297,-0.03074,-0.0514,-0.02951,0.01943,0.01761,-0.03708,-0.04504,-0.04106,0.00732,0.03663,-0.00794,0.04974,0.04004,-0.06877,0.01068,-0.08348,-0.08292,0.09858,-0.01667,0.09305,-0.04092,0.00899,-0.0498,-0.07935,0.00737,0.10641,0.009,-0.07117,0.04094,-0.05033,-0.03922,0.08407,-0.0327,0.00841,0.0059,0.00608,-0.03901,-0.05555,-0.00645,-0.03571,-0.07253,-0.03347,-0.02925,0.09049,0.0511,-0.00603,-0.04437,-0.05414,-0.03618,-0.01911,0.04606,0.05127,0.00399,-0.03676,0.05363,0,-0.00727,0.06792,-0.02395,0.04494,0.00702,0.02099,-0.00104,-0.00505,0.0704,0.04461,0.04421,0.04787,0.04467,-0.0786,-0.06349,0.01019,-0.08267,-0.0433,0.04058,0.05528,0.01662,0.00203,0.02893,-0.01199,-0.00686,0.02422,0.01048,-0.00095,0.02796,0.00667,-0.03806,-0.00041,-0.08589,-0.01716,0.01638,-0.02985,0.01323,0.1332,0.03994,0.00267,0.08371,0.07163,0.00244,0.06825,-0.01359,-0.02128,-0.08371,-0.01472,-0.00952,0.00347,-0.10928,-0.03437,-0.05019,0.02749,-0.06178,0.05207,0.11044,0.06519,-0.01822,0.06631,0.11068,-0.15097,-0.00966,0.02987,0.07706,0.00152,-0.00426,0.06791,0.08568,0.07411,0.10147,0.08728,0.09345,0.03783,0.00872,-0.06919,0.03325,-0.05118,0.01341,0.0947,-0.03906,0.09484,-0.03262,0.02084,0.06501,0.00885,0.06672,0.05948,0.0438,-0.04929,-0.03091,0.09088,0.00694,0.01207,-0.09352,0,-0.01589,-0.02187,-0.08517,-0.02519,0.04791,0.01525,-0.0171,-0.03732,-0.02477,-0.01042,-0.03951,0.08407,0.00599,-0.00751,0.10405,-0.01959,0.00405,0.00181,-0.08019,0.0155,0.01707,0.00544,-0.08426,0.13029,-0.00443,-0.06841,0.05368,0.03948,-0.0008,0.02262,-0.0582,0.0389,-0.04039,0.00631,-0.05642,0.15042,-0.08805,0.01482,-0.08703,0.0154,0.03471,-0.03407,-0.05347,-0.0291,0.01777,0.04501,0.00827,-0.00562,-0.07931,0.07724,-0.04012,0.05047,0.02963,-0.00381,0.02104,-0.01028,0.00866,-0.0325,0.01488,-0.00214,-0.02981,0.09685,0.10524,0.0353],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Styling - .f-component Base class for flow primitives. - .f-node-input Host class. - .f-node-input-multiple Applied when multiple incoming links are allowed. - .f-node-input-disabled Applied when disabled. - .f-node-input-connected Applied when connected. - .f-node-input-not-connectable Applied when blocked from connection.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-node-input Host class. - .f-node-input-multiple Applied when multiple incoming links are allowed. - .f-node-input-disabled Applied when disabled. - .f-node-input-connected Applied when connected. - .f-node-input-not-connectable Applied when blocked from connection."},{"chunkId":"/docs/f-node-input-directive#8","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[0.04497,-0.00481,-0.05643,0.01204,0.02801,0.00057,-0.01234,-0.02197,-0.00459,-0.01732,-0.04107,0.0316,-0.03361,0.01661,-0.07393,-0.05098,0.00535,-0.07932,0.04752,0.04095,-0.04814,-0.04338,0.0035,-0.07035,-0.12519,-0.0382,0.01834,-0.04605,-0.02515,-0.01316,-0.07468,0.09615,-0.02678,-0.01328,-0.04903,-0.00068,-0.01221,-0.01751,-0.11247,-0.04211,0.04036,-0.10493,0.03924,-0.02835,0.01638,-0.07125,-0.1345,-0.02707,0.00368,0.07859,-0.02614,0.01509,0.02647,0.08499,0.02403,0.13628,0.01236,0.02434,-0.01178,-0.04421,0.00334,-0.03853,-0.03597,-0.06258,0.07507,0.04542,0.0527,-0.0257,0.03094,0.04728,0.05746,0.0652,-0.06777,-0.07574,0.08247,0.0419,-0.03378,0.04198,0.03605,-0.02557,0.0584,0.05255,-0.02909,-0.00495,0.012,0.07329,-0.08009,-0.01397,-0.03021,-0.04596,-0.00718,0.00744,-0.06533,-0.06237,-0.01882,-0.00198,-0.02912,-0.00129,-0.05676,-0.00285,-0.02933,0.01645,-0.02717,0.00899,0.081,0.0333,-0.00573,-0.02792,-0.01321,-0.02409,-0.00981,-0.01611,0.06109,0.02382,-0.05543,0.0454,-0.0357,-0.05433,0.02898,0.05753,-0.04113,0.05593,-0.00313,-0.01976,-0.01748,-0.01668,-0.08201,0,0.01,-0.03455,-0.03091,-0.04889,0.09934,0.02043,0.03276,-0.00326,-0.01061,0.03603,-0.12048,-0.04702,0.0166,-0.0805,0.0249,-0.05789,0.02175,0.06347,-0.01733,-0.02729,0.0855,-0.02047,0.00741,-0.09046,0.05605,0.0601,-0.09128,0.03172,0.08869,0.0328,0.02902,0.0167,0.04072,-0.01308,-0.02317,-0.07583,-0.01854,-0.04866,-0.05656,0.01228,-0.01461,-0.03153,0.01268,0.02332,-0.02321,-0.0252,0.01576,0.02569,0.00341,0.0432,-0.06789,-0.00604,-0.03377,-0.04563,-0.0535,-0.10385,-0.06823,0.05902,-0.03642,0.08896,-0.04889,-0.01789,-0.04263,-0.04572,0.01315,0.12307,-0.00981,-0.01889,0.03897,0.00183,-0.01045,0.07195,0.00356,0.03546,0.01204,0.00075,-0.05909,-0.09078,0.0015,-0.02759,-0.01784,0.05008,0.00288,0.11288,0.0599,-0.02828,-0.01044,-0.07811,-0.01977,0.04061,0.06926,0.07387,0.03128,-0.04126,0.06759,0,-0.07169,0.04283,-0.07238,-0.00692,-0.00137,0.00612,0.04874,-0.02337,0.08704,-0.01743,0.03308,0.03294,0.00203,-0.04218,-0.08518,0.04734,-0.08048,-0.02696,0.06528,0.03254,0.05302,-0.00728,-0.00929,0.04036,0.00806,0.00836,0.03318,-0.01352,-0.02115,0.03784,-0.01194,0.04701,-0.07157,0.05911,0.01169,0.03167,-0.01165,0.08392,0.05755,0.03292,0.06302,0.03099,-0.04686,0.0306,0.02946,-0.07754,-0.06742,0.00794,-0.04574,-0.01983,-0.07929,-0.04671,0.00963,0.07465,-0.04414,0.05638,0.11258,0.03425,-0.01927,0.08821,0.12938,-0.06465,0.01958,0.0396,0.11601,-0.00318,0.05308,0.06725,0.13285,0.05752,0.03558,0.05974,0.12149,0.07863,0.04857,0.00307,-0.01935,-0.08085,-0.00637,0.05619,-0.06995,0.09719,-0.03369,-0.04894,0.02969,0.02572,0.11421,0.0746,0.0286,0.03966,-0.0347,0.0097,-0.04294,0.01694,-0.06293,0,0.01578,0.05079,-0.1061,0.04124,0.02319,-0.00639,-0.01327,-0.03397,-0.0615,0.00222,-0.10243,0.0498,-0.06387,-0.00272,0.09054,0.00561,0.01187,-0.00403,-0.07993,-0.04664,-0.02599,0.03903,-0.09722,0.08036,-0.03931,-0.0427,0.01402,0.05993,-0.03795,0.0243,-0.05196,-0.01598,-0.04547,0.08872,-0.06843,0.09796,-0.04862,0.04743,-0.06815,0.04137,0.02634,-0.01626,-0.05531,-0.05144,0.01166,0.01621,0.04814,0.06792,0.04477,0.08472,-0.00859,0.00156,0.04692,-0.07171,0.069,-0.02355,-0.02579,-0.02911,0.03667,0.00846,-0.03622,0.03832,0.0715,-0.00649],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Notes and pitfalls - fInputId must match connection fInputId values exactly (case-sensitive). - With fInputMultiple=\"false\", the input becomes unavailable after one active connection is attached. - If you use fInputCategory, make sure your connection rules reference the same category strings. Mismatched strings are the most common reason an input becomes “not connectable”. - Side settings (fInputConnectableSide) affect docking and routing behavior; test with your chosen connection behavior and node template. f Input Id f Input Multiple f Input Category f Input Connectable Side","excerpt":"Notes and pitfalls - fInputId must match connection fInputId values exactly (case-sensitive). - With fInputMultiple=\"false\", the input becomes unavailable after one active connection is attached. - If you use fInputCategory, make sure your connection rules reference the same category strings. Mismatched strings are the most common reason an input becomes “not connectable”. - Side settings (fInputConnectableSide) affect docking and routing behavior; test with your chosen connection behavior and node template."},{"chunkId":"/docs/f-node-input-directive#9","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.00986,-0.03437,-0.06321,0.00801,0.0343,-0.00137,0.02682,0.00658,-0.03586,0.01843,-0.01978,0.00652,0.00164,-0.03427,-0.05479,0.00953,0.01969,0.00107,0.05166,0.03427,-0.03445,-0.08332,-0.06067,-0.06266,-0.08795,-0.07784,0.03616,-0.01933,-0.03541,-0.02282,-0.0679,0.05661,-0.04165,0.04534,-0.09634,-0.00292,0.05022,-0.06238,-0.09762,0.03757,0.06082,-0.07734,0.05111,-0.0158,-0.01557,0.00202,-0.09219,0.00712,-0.09108,0.03977,-0.00037,0.00031,-0.04835,0.14756,0.07525,0.03265,-0.01445,-0.0325,-0.01156,0.0677,0.02442,-0.05816,-0.04669,-0.02698,0.06173,0.02737,0.03073,0.04177,-0.01361,-0.00859,0.0252,0.04485,-0.06627,-0.08592,0.0959,0.04025,-0.02975,0.02998,-0.01518,-0.02599,0.10777,0.12545,-0.04818,-0.00726,0.02041,0.1058,-0.0899,-0.00774,-0.02971,0.01704,-0.04432,-0.06636,-0.02751,0.00216,-0.05502,0.00701,-0.00533,-0.07752,-0.00553,0.00527,-0.03191,-0.01199,-0.02999,-0.02717,0.0155,-0.04444,-0.05861,0.02761,0.00537,-0.04507,-0.02468,-0.04104,0.03276,-0.03219,-0.02847,0.02183,-0.02002,-0.00177,0.13052,0.01899,-0.07535,0.06111,-0.0127,0.03612,-0.00823,-0.05827,-0.07786,0,-0.00107,0.03077,-0.00691,-0.00987,0.0474,0.02144,0.00479,-0.01413,0.01988,-0.02158,-0.08826,0.01252,-0.02571,-0.02252,0.04093,-0.09694,-0.03097,0.11522,-0.01655,-0.00717,0.0392,-0.02223,-0.01985,-0.02729,0.11689,0.04878,-0.08163,0.05709,0.05724,0.01324,0.01017,0.03708,0.04288,0.01484,-0.02141,-0.05075,-0.08153,-0.07088,-0.04865,-0.00685,-0.0176,-0.02949,-0.05395,0.00463,0.00684,-0.06368,-0.02969,-0.03554,0.02205,0.00272,-0.03366,0.00908,0.05577,-0.03426,-0.01882,-0.09162,-0.06666,0.08125,0.00459,0.11797,-0.04047,-0.022,-0.0167,-0.08838,0.02806,0.09801,0.00007,-0.09261,0.03474,-0.02174,-0.02087,0.09806,-0.0029,0.00792,0.00759,0.02119,-0.05045,-0.03155,-0.00401,-0.05501,-0.06441,-0.01417,-0.02742,0.086,0.06174,-0.004,-0.02435,-0.07965,-0.05798,0.01328,0.02876,0.05661,-0.02138,-0.00991,0.06555,0,-0.02304,0.03799,-0.02504,0.02473,0.01006,0.01384,-0.02404,-0.01324,0.08584,0.00464,0.01954,0.03189,0.04742,-0.03197,-0.0518,0.00445,-0.08286,-0.06939,0.04002,0.0484,0.0421,-0.01495,0.02652,-0.02329,0.03425,0.0006,0.02151,-0.01035,-0.00822,0.01436,-0.05183,-0.00192,-0.11842,0.00794,0.01619,-0.00509,0.03283,0.13314,0.08585,-0.00448,0.07291,0.06348,-0.02134,0.02532,-0.00193,-0.0306,-0.09938,-0.00007,0.00819,-0.00408,-0.10635,0.00588,-0.03156,0.06318,-0.06889,0.04809,0.09576,0.05897,0.0052,0.06005,0.07777,-0.13776,0.0244,0.00684,0.03864,0.00289,0.03753,0.03385,0.08762,0.06576,0.07867,0.07169,0.11009,0.04579,0.00533,-0.06631,0.01818,-0.08446,0.01387,0.07237,-0.05639,0.10894,-0.03175,0.02557,0.05851,0.03135,0.1316,0.06881,0.05394,-0.04371,-0.03764,0.05731,0.00517,0.00313,-0.09592,0,-0.00661,0.0104,-0.09015,0.01805,0.0658,0.01987,-0.02407,-0.03209,-0.02042,-0.00043,-0.01858,0.04284,-0.00169,0.02747,0.13059,-0.01275,0.02818,-0.03484,-0.07943,0.0159,0.02726,0.03869,-0.05782,0.08454,0.0242,-0.05963,0.04657,0.06896,-0.04344,0.00576,-0.03046,0.03513,-0.04347,0.01932,-0.04746,0.15231,-0.06848,0.03063,-0.06814,0.0185,0.03762,-0.04088,-0.05033,-0.01172,0.00108,0.03804,0.03652,0.03123,-0.06948,0.0734,-0.00766,0.02718,0.03472,-0.04216,0.01563,-0.03647,-0.00272,-0.00835,-0.00051,0.03788,-0.00578,0.11799,0.0922,0.04121],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Example","excerpt":"Example"},{"chunkId":"/docs/f-node-input-directive#10","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.05728,0.01503,-0.09345,0.03138,0.05878,0.03653,-0.00841,0.03046,-0.00782,0.03406,-0.05145,0.00387,-0.03003,0.02086,0.00769,-0.01427,-0.04937,0.01692,-0.01072,0.0224,-0.02513,-0.05178,0.01794,-0.04075,-0.06906,-0.02326,0.00157,-0.02626,0.01701,-0.01902,-0.00765,0.07117,-0.06333,0.06336,-0.04307,0.04093,0.02037,-0.011,-0.06297,-0.01432,0.14468,0.00352,0.05315,-0.09422,-0.00306,-0.01885,-0.11913,0.00441,-0.07537,0.04917,-0.04275,-0.0577,-0.05813,0.13886,0.02969,0.0314,-0.00445,-0.07154,0.02674,0.04787,0.0259,-0.0851,-0.01406,-0.02615,0.04954,0.0181,-0.06547,0.05865,-0.05116,0.03026,0.05868,0.01447,-0.05625,-0.0877,0.07892,0.00877,-0.02715,0.07599,-0.01622,-0.00838,0.0749,0.08245,-0.05946,-0.00293,-0.00227,0.14815,-0.03833,-0.05965,-0.03237,-0.00755,-0.02015,-0.03283,-0.03199,0.00751,0.00903,0.00277,-0.06449,-0.01554,-0.02641,0.0283,-0.03308,-0.02725,0.04556,0.03998,0.0209,-0.01317,-0.06047,0.06412,-0.03145,-0.02768,0.00239,0.01096,0.04652,-0.05022,-0.05863,-0.06335,0.0195,-0.03749,0.09506,0.10429,-0.01446,0.03402,-0.0452,0.0003,0.03272,-0.02284,-0.05669,0,-0.00256,0.00415,-0.00418,0.02283,0.04382,0.01239,-0.01136,-0.06724,-0.02291,0.05717,-0.09506,-0.01152,-0.04713,-0.05496,0.00647,-0.10107,-0.01059,0.06828,-0.0637,0.01499,0.03515,-0.07896,-0.07621,-0.0155,0.10864,0.00736,-0.08151,0.01928,0.00313,0.00902,0.0571,0.04785,0.06809,0.01412,-0.01099,-0.05603,-0.01219,-0.03031,-0.09439,-0.02329,0.03303,-0.01982,-0.03885,0.08265,0.0039,-0.03184,0.00188,-0.03463,0.08575,0.01283,-0.04405,0.03886,0.04734,-0.04726,0.03884,-0.06525,-0.05644,0.06801,-0.01432,0.08407,-0.03729,0.01921,-0.0246,-0.05059,0.0523,0.08569,-0.014,-0.04763,0.07715,-0.05771,-0.06344,0.08518,-0.01561,0.03984,-0.00873,-0.00862,-0.01726,0.00977,0.06214,-0.0507,-0.06411,-0.04342,-0.01813,0.1267,0.066,-0.08308,-0.01852,-0.08342,-0.02866,-0.05477,0.05634,0.05764,-0.04049,-0.04464,0.04554,0,0.03522,0.03341,0.01367,0.02464,-0.0153,-0.0206,0.0455,0.01703,0.09815,0.08449,0.02012,0.06033,0.04308,-0.09067,-0.01244,0.0218,-0.07832,-0.06841,0.09453,0.0127,0.06541,0.01521,0.01903,-0.00462,0.00143,0.02462,0.04764,0.01115,-0.01525,-0.01702,-0.03466,-0.01663,-0.11742,0.0327,-0.05146,-0.07649,-0.00399,0.11917,0.09104,-0.03393,0.08246,0.08126,-0.05092,0.01909,-0.05208,-0.06721,-0.0159,-0.01989,-0.02361,-0.02956,-0.10631,-0.00039,-0.02962,0.06075,-0.05788,0.00737,0.09406,-0.01042,-0.00155,0.01262,0.08867,-0.07604,0.00086,-0.01386,0.08682,0.00042,-0.02475,-0.02055,0.09242,0.04221,0.05416,0.05345,0.06352,0.01197,0.05499,-0.00385,0.02477,-0.04897,0.09016,0.04883,-0.08266,0.09981,-0.03859,0.04707,0.08666,0.0183,0.03146,0.067,0.04616,0.01842,-0.07151,-0.01025,0.03649,-0.04058,-0.05843,0,-0.07079,-0.0113,-0.11928,0.0115,0.03554,-0.0079,-0.03192,-0.03771,-0.02427,0.04062,-0.04196,0.08626,0.01046,0.00387,0.08558,-0.04548,0.0084,0.00554,-0.07695,0.04098,0.01457,0.03619,-0.01318,0.10961,-0.01139,-0.0907,-0.02323,0.02998,0.00109,0.02741,-0.04642,0.00048,-0.00767,0.04668,-0.06796,0.05215,-0.10524,0.01882,-0.06579,0.03955,0.05764,-0.08609,-0.0116,-0.02348,-0.00305,0.05927,0.03951,0.03656,-0.0487,0.06689,-0.04578,0.02721,-0.0439,-0.04077,0.01119,-0.0645,0.02408,0.02793,-0.01103,-0.03813,-0.01377,0.08142,0.07092,-0.00303],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Connectors inside node ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::","excerpt":"Connectors inside node ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::"},{"chunkId":"/docs/f-node-input-directive#11","slug":"f-node-input-directive","route":"/docs/f-node-input-directive","section":"docs","title":"FNodeInputDirective - Target Connectors for Incoming Connections","description":"Reference for node input connectors, categories, side constraints, and incoming connection states.","group":"Connectors","vector":[-0.06158,0.00008,-0.11145,0.04223,0.05062,0.07235,-0.02195,0.02796,-0.0354,0.02973,-0.05687,0.03144,-0.03303,0.04359,0.00389,-0.02526,-0.06136,-0.00539,-0.01918,0.03534,-0.0315,-0.04636,0.03314,-0.04216,-0.05985,-0.0267,0.02242,-0.04153,0.00626,-0.01966,-0.01299,0.07827,-0.07398,0.04179,-0.06458,0.03966,0.01984,-0.00515,-0.05661,-0.02836,0.10787,-0.0129,0.04579,-0.09941,-0.02357,-0.03157,-0.10601,0.01232,-0.0764,0.0508,-0.03377,-0.04049,-0.06118,0.13953,0.05025,0.02769,-0.01465,-0.05166,-0.00421,0.03337,-0.00035,-0.07463,-0.01199,-0.03651,0.03926,0.01213,-0.05503,0.04701,-0.05639,0.04242,0.0402,0.01327,-0.04742,-0.10306,0.09662,0.00547,-0.02661,0.0873,-0.00484,-0.0075,0.05051,0.06856,-0.04678,0.01022,-0.00616,0.1067,-0.03655,-0.02376,-0.01377,-0.03545,-0.01513,0.00215,-0.01129,-0.00128,0.01919,0.00501,-0.06401,-0.00616,-0.06366,0.02347,-0.04564,-0.04356,0.05646,0.05506,0.03194,-0.00341,-0.03186,0.06429,-0.01535,-0.04485,-0.00043,0.01674,0.05549,-0.03952,-0.05898,-0.06268,-0.01435,-0.03663,0.08647,0.06264,-0.01743,0.01415,-0.03058,-0.00605,0.04986,-0.02863,-0.01683,0,0.00609,0.03357,-0.02097,0.01511,0.06177,0.00518,-0.01842,-0.06341,-0.01389,0.06697,-0.09052,0.00504,-0.06979,-0.03782,0.01854,-0.121,0.00459,0.07575,-0.04774,0.02157,0.0521,-0.04569,-0.04883,-0.02938,0.10604,0.00118,-0.06846,0.04157,0.00017,0.00731,0.06184,0.05152,0.06679,-0.01968,-0.01178,-0.07632,-0.03037,-0.04035,-0.08437,-0.0128,0.05905,-0.01283,-0.06214,0.0631,-0.01222,-0.01687,0.01284,-0.00561,0.08747,0.02674,-0.06814,0.05298,0.01574,-0.05355,0.02963,-0.05924,-0.06249,0.10558,-0.00703,0.09159,-0.03549,0.03187,0.00427,-0.07445,0.03498,0.07645,-0.00067,-0.03942,0.0729,-0.07951,-0.06869,0.07929,-0.00791,0.0555,-0.00559,-0.02425,-0.00104,0.02209,0.08578,-0.0609,-0.05392,-0.04987,-0.03947,0.12872,0.05502,-0.08448,-0.02715,-0.09859,-0.05259,-0.06285,0.0552,0.07995,0.00263,-0.05413,0.04388,0,0.01539,0.006,-0.00233,0.03662,-0.0174,-0.01623,0.07571,0.02918,0.09451,0.08751,0.01837,0.04288,0.03396,-0.09887,-0.02987,0.02172,-0.0848,-0.07479,0.09119,0.00285,0.04986,0.02868,0.00081,-0.00518,-0.00256,0.05171,0.04401,0.01292,0.01199,-0.01008,-0.04205,-0.00638,-0.13066,0.00899,-0.05932,-0.05166,-0.0023,0.12908,0.06659,-0.02427,0.10321,0.07842,-0.03779,0.02598,-0.04064,-0.05926,0.01472,-0.03393,-0.02026,-0.04662,-0.07948,0.01347,-0.03388,0.04711,-0.04528,0.00704,0.10397,-0.03043,-0.01345,0.01771,0.08163,-0.07038,0.02059,-0.01433,0.08975,0.02307,-0.03285,-0.02462,0.11938,0.05197,0.06363,0.03393,0.09009,0.01439,0.08593,0.02396,0.02448,-0.04619,0.08406,0.04755,-0.06672,0.09524,-0.04829,0.01903,0.08514,0.01336,0.00131,0.0508,0.0566,0.0289,-0.07643,-0.01638,0.04633,0.00559,-0.02341,0,-0.06188,-0.01944,-0.09436,-0.02125,0.01903,-0.01878,-0.02899,-0.06023,-0.02817,0.01792,-0.06545,0.0843,-0.01026,0.0263,0.05954,-0.02731,0.00048,0.03035,-0.07854,0.04167,-0.00826,0.01097,-0.01723,0.09704,-0.00545,-0.07932,-0.03235,0.0421,-0.02044,0.01794,-0.03849,-0.01561,-0.00312,0.03779,-0.04272,0.03351,-0.1461,0.02345,-0.08153,0.03329,0.05407,-0.05448,-0.0196,-0.00894,0.02355,0.05968,0.01517,0.04046,-0.06585,0.04998,-0.05416,0.02118,-0.03691,-0.0569,0.01952,-0.03812,0.01473,0.01996,0.01918,-0.04927,-0.00368,0.08599,0.05406,-0.01531],"keywords":"FNodeInputDirective - Target Connectors for Incoming Connections FNodeInputDirective - Target Connectors for Incoming Connections Reference for node input connectors, categories, side constraints, and incoming connection states. Connectable side (using fInputConnectableSide) ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss ::: f Input Connectable Side","excerpt":"Connectable side (using fInputConnectableSide) ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss :::"},{"chunkId":"/docs/f-node-outlet-directive#0","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.00837,-0.05304,-0.07055,0.04551,-0.01061,0.01267,0.01659,-0.01726,0.01292,-0.02965,0.00896,0.00346,-0.05919,-0.01256,-0.03184,0.03085,-0.00595,-0.04687,0.05119,0.00977,-0.01057,-0.0536,0.02156,-0.07724,-0.01172,-0.06786,-0.0019,-0.0058,0.04976,-0.02799,0.06088,0.07967,-0.10022,0.00289,-0.03489,0.01691,-0.02104,0.0079,-0.0409,0.0138,0.03931,-0.07005,0.03139,-0.02044,-0.0061,-0.00362,-0.06967,0.01593,0.02548,0.01294,0.07743,0.01353,0.03354,0.012,0.09118,0.10848,0.00274,0.01685,-0.03859,0.05579,0.01077,-0.02491,0.0032,-0.04508,0.01777,0.01279,0.03572,0.01629,-0.02552,-0.00517,-0.00865,0.06148,-0.00306,-0.10176,0.09624,0.08522,-0.02129,0.03128,-0.02486,-0.0786,0.07752,0.1751,-0.0195,-0.04537,0.03021,0.05016,-0.04829,-0.01222,-0.07875,0.06757,-0.03641,0.04338,-0.03895,0.00128,-0.03947,-0.00633,-0.04012,0.00719,-0.03225,-0.00626,-0.05762,0.00775,0.00507,0.05224,0.04644,-0.0394,0.00049,0.00694,0.00559,-0.05832,-0.01331,-0.00939,-0.03463,-0.01102,-0.02087,0.03125,-0.01044,-0.00996,0.12529,0.01329,-0.0407,0.01233,-0.0032,0.01805,0.01569,-0.0859,0.00696,0,-0.01866,0.00952,-0.06718,-0.00859,0.0576,0.01062,-0.02093,0.03099,-0.03254,0.00735,-0.12278,-0.02811,-0.06449,-0.05874,0.00008,-0.08778,0.00824,0.03396,-0.00972,-0.01254,0.06334,-0.04312,0.01231,-0.09895,0.03858,0.0593,-0.09946,0.0246,0.01237,0.03219,0.0023,0.03635,0.06037,0.01298,-0.10635,-0.06814,-0.03763,-0.06528,-0.11694,0.00873,-0.07633,0.03256,-0.0345,0.00066,0.03515,-0.04986,-0.02859,0.04034,0.07865,0.02029,-0.03384,0.01956,0.04397,-0.0628,0.0345,-0.05915,-0.10223,0.06121,0.02677,0.01861,-0.05475,0.06962,-0.09086,-0.02526,0.02028,0.14482,0.05318,-0.01334,0.00066,-0.03848,-0.03274,0.10981,-0.06701,-0.07676,0.01747,0.01813,-0.02523,-0.05082,0.02222,-0.04878,-0.00366,-0.00665,-0.02695,-0.00541,0.08084,0.01622,-0.00638,-0.02569,-0.00149,0.07692,0.02674,0.02871,0.08314,-0.00719,0.07623,0,-0.00946,0.0447,-0.06419,-0.0139,0.01706,0.00631,-0.02861,-0.06987,-0.03324,0.03893,-0.02921,0.02785,0.02593,-0.04847,-0.07876,0.00524,-0.0522,-0.02867,0.01446,0.08075,0.01809,0.05745,0.0261,-0.02921,-0.00597,0.03402,0.02792,-0.01564,-0.03827,0.00858,0.01314,-0.01894,0.0098,-0.06595,0.00539,0.00349,-0.01961,0.0867,0.02462,0.00587,0.08411,0.00815,-0.06706,-0.00025,-0.01583,0.02185,-0.08188,-0.01785,-0.03631,0.06162,-0.10216,-0.01213,-0.08748,0.02746,-0.02298,0.03075,0.11906,0.07911,-0.02835,0.01266,0.09463,-0.13079,-0.00565,0.07778,0.13137,-0.02062,-0.01421,0.0876,0.07706,0.09797,0.00711,0.02662,0.02459,-0.01924,-0.01186,0.07371,0.01201,-0.11396,0.01766,0.12114,-0.06992,0.06656,0.01687,0.00598,0.06356,-0.04526,0.07692,0.07333,0.07341,0.05115,0.00757,0.05366,0.00097,-0.03449,-0.08969,0,-0.03839,0.06058,-0.07176,-0.00919,0.0551,-0.06646,0.00512,-0.01786,-0.05966,0.02951,-0.09378,0.0439,-0.02432,0.02404,0.10036,-0.03848,0.03073,-0.07647,-0.07413,-0.02536,-0.05081,-0.01199,-0.07188,0.0676,-0.04455,-0.07492,0.01998,0.03124,-0.01761,-0.00084,-0.0641,0.01588,-0.0554,0.08474,-0.0664,0.108,-0.02527,0.00586,-0.06554,0.02137,0.03885,-0.02951,-0.04962,-0.01671,0.04323,0.09813,0.0257,0.01215,-0.03602,0.07265,-0.07169,-0.05398,-0.01785,-0.00488,0.0716,-0.05229,-0.03547,0.0462,0.09256,-0.01567,-0.10423,0.05091,0.08354,-0.03762],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Outlet Selector: [fNodeOutlet] Class: FNodeOutletDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"outlet\" instead (isConnectionFromOutlet becomes fConnectionFromOutlet, fCanBeConnectedInputs becomes fCanBeConnectedTo). fNodeOutlet keeps working, but new code should use fConnector. FNodeOutletDirective adds a single shared “start connection” point for a node. It is a UX helper for creating connections — it lets users begin a drag from one place even if the node has multiple outputs. Important: Outlet is not the final source of a persisted connection. After creation, the connection still must be assigned to a specific fNodeOutput (i.e. a real output id is used in fOutputId). f Node Outlet F Node Outlet Directive f Connector f Connector Type is Connection From Outlet f Connection From Outlet f Can Be Connected Inputs f Can Be Connected To f Node Output f Output Id","excerpt":"Outlet Selector: [fNodeOutlet] Class: FNodeOutletDirective Deprecated since v19. Use the unified fConnector directive with fConnectorType=\"outlet\" instead (isConnectionFromOutlet becomes fConnectionFromOutlet, fCanBeConnectedInputs becomes fCanBeConnectedTo). fNodeOutlet keeps working, but new code should use fConnector. FNodeOutletDirective adds a single shared “start connection” point for a node. It is a UX helper for creating connections — it lets users begin a drag from one place even if the node has multiple outputs. Important: Outlet is not the final source of a persisted connection. After creation, the connection still must be assigned to a specific fNodeOutput (i.e. a real output id is used in fOutputId)."},{"chunkId":"/docs/f-node-outlet-directive#1","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.00564,-0.03032,-0.05092,0.03095,0.02837,-0.03904,0.02292,-0.09008,0.03953,-0.05299,-0.00768,-0.00174,-0.03841,-0.03566,-0.10628,0.00791,0.0172,-0.02632,0.05631,-0.02123,0.04208,-0.0439,-0.03248,-0.06543,0.0262,0.01882,-0.01583,0.02125,0.06048,-0.06751,0.04909,0.09368,-0.09977,0.01174,-0.0572,-0.04491,-0.00821,-0.02685,-0.03728,0.00357,0.05191,-0.03161,0.06729,-0.03999,-0.08941,-0.02496,-0.07381,-0.01716,0.02531,0.00058,0.02005,-0.03848,-0.01063,0.03878,0.07902,0.02602,-0.02174,-0.04144,-0.01579,0.06623,0.00279,-0.01049,0.01207,-0.01555,0.06293,-0.00485,0.03072,0.05998,-0.02367,-0.0083,0.04328,0.04047,-0.01981,-0.08785,0.10707,0.04256,-0.04224,0.01616,-0.03176,-0.02761,0.07609,0.10894,-0.04312,-0.03179,0.00069,0.08931,-0.07933,-0.03957,-0.09921,0.02906,-0.06451,0.00834,-0.03738,0.01621,-0.05543,-0.02165,-0.02398,-0.03272,-0.00828,0.02209,-0.02749,-0.00013,0.07513,0.02515,0.01616,-0.05327,0.00577,-0.00036,-0.02341,-0.01455,-0.05102,0.02078,-0.02013,0.00379,-0.04221,-0.00564,-0.01416,-0.02986,0.07666,0.00826,-0.07021,0.03962,-0.05124,0.03173,0.08628,-0.03821,-0.02551,0,0.00671,-0.01485,-0.04787,-0.04253,0.08166,0.04667,-0.0332,-0.01378,0.04347,-0.00472,-0.06568,-0.03184,-0.06292,-0.01828,0.00182,-0.10686,0.02526,0.09142,-0.03129,-0.00448,0.03698,-0.07037,-0.03877,-0.11006,0.02832,0.09761,-0.07491,0.01996,0.042,0.04466,0.0133,0.07088,0.04721,0.02477,-0.07272,-0.06509,-0.04199,-0.01575,-0.05208,0.01577,-0.06086,-0.01383,-0.04914,0.02402,0.02582,0.01705,-0.05623,-0.00695,0.00682,0.00248,-0.02604,0.01107,0.07129,0.02444,0.06145,-0.10708,-0.04751,0.01114,0.03484,0.03686,-0.08864,0.11315,-0.07996,-0.05412,0.03868,0.14738,0.04359,0.02987,0.02012,-0.02457,-0.02934,0.09559,-0.01955,-0.07644,0.03091,0.00383,-0.03676,-0.08205,0.03439,-0.06916,-0.0345,-0.02646,0.01584,-0.00296,0.07949,0.00539,-0.01607,-0.05714,-0.04909,0.08146,0.00687,0.04184,0.01347,-0.05963,0.05784,0,-0.04096,0.09113,-0.04093,-0.02386,-0.00635,0.00483,-0.03257,-0.02815,0.03619,0.0646,-0.08097,0.0272,0.00378,-0.03121,-0.06523,-0.00981,-0.01282,-0.05763,0.04821,0.01886,0.03364,0.07633,0.04915,0.03442,-0.00904,0.01878,-0.00242,-0.01112,0.0285,0.01536,0.01293,-0.04183,0.01401,-0.0772,0.04425,-0.01111,-0.01396,0.15823,0.09528,0.02471,0.01204,-0.00049,-0.04867,-0.00875,-0.01794,0.00289,-0.11165,-0.00146,-0.01826,0.02593,-0.08677,0.05952,-0.10501,0.05484,-0.00768,-0.01848,0.09101,0.1038,0.00325,0.04597,0.05809,-0.10607,-0.09108,-0.01851,0.10635,-0.00371,0.01246,0.0271,0.12988,0.09887,0.0347,0.03135,0.04455,-0.00365,0.05291,0.02987,-0.00355,-0.10619,0.05276,0.10269,-0.07197,0.05269,0.05597,0.01655,0.06099,-0.06515,0.09114,0.048,0.08546,0.01529,0.05093,0.05293,-0.01382,-0.00763,-0.06097,0,-0.01742,-0.009,-0.05242,0.00304,0.01256,-0.06767,0.01076,0.04256,-0.01312,-0.00542,-0.03127,0.0244,-0.04577,0.04252,0.14791,-0.01465,-0.02752,-0.02236,-0.07924,-0.04095,0.0007,-0.0068,-0.06784,0.05418,-0.05997,-0.07639,0.02225,-0.00058,-0.03628,-0.00256,-0.02556,0.03563,-0.0914,0.07351,-0.03804,0.08951,-0.04941,0.00887,-0.03691,0.03168,-0.01746,-0.06122,-0.07586,-0.00408,0.00254,0.07484,0.04894,-0.05129,-0.04791,0.05807,-0.02426,-0.0045,0.03076,-0.01342,0.05935,-0.07942,-0.04017,0.02092,0.07684,0.02333,-0.05414,0.0883,0.10858,0.03203],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Why it exists Some nodes can have many outputs (or outputs that appear dynamically). Showing a separate draggable “port” for each output can make the UI noisy. fNodeOutlet solves this by providing: - one clean place to start drag-to-connect, - optional preview behavior (draw from the outlet), - optional target filtering (allow-list of inputs/categories). f Node Outlet","excerpt":"Why it exists Some nodes can have many outputs (or outputs that appear dynamically). Showing a separate draggable “port” for each output can make the UI noisy. fNodeOutlet solves this by providing: - one clean place to start drag-to-connect, - optional preview behavior (draw from the outlet), - optional target filtering (allow-list of inputs/categories)."},{"chunkId":"/docs/f-node-outlet-directive#2","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.0292,-0.0427,-0.09345,0.03295,-0.00853,0.00037,0.04615,-0.01446,0.06101,-0.03524,0.03165,0.01931,-0.03244,-0.01886,-0.08901,0.0093,-0.01778,-0.03762,0.01752,0.0115,0.05743,-0.04482,-0.03425,-0.07934,-0.02611,-0.04143,0.00375,-0.00451,0.06181,-0.0439,0.06637,0.06535,-0.10865,-0.03624,-0.05926,0.01252,0.00226,-0.01101,-0.0492,-0.02728,0.02657,-0.06985,0.05197,-0.00006,-0.0648,0.02609,-0.04712,0.04379,-0.01241,0.00479,0.01558,0.02071,0.01113,0.06414,0.05378,0.08018,-0.00898,-0.023,-0.04349,0.0926,-0.02908,-0.0104,-0.02881,0.00323,0.06678,0.00232,0.04952,0.00735,-0.04902,-0.04453,0.01038,0.01909,-0.04388,-0.10126,0.11335,0.00727,-0.03091,0.04786,-0.03896,-0.04353,0.11699,0.15176,-0.02628,-0.05506,0.0071,0.07489,-0.07487,0.00917,-0.02375,0.0539,-0.04657,0.00597,-0.02592,-0.0104,-0.03846,-0.00297,-0.01436,-0.00526,-0.03075,-0.00087,-0.05745,0.02095,0.01025,0.05802,0.07088,-0.042,-0.01588,-0.01693,-0.02376,-0.02648,-0.00507,-0.02019,-0.00148,0.01037,0.00504,0.02891,-0.03518,-0.01382,0.08024,-0.02831,-0.06461,0.03205,0.00999,0.04166,0.00129,-0.03487,-0.01868,0,-0.00403,-0.01832,-0.06567,-0.02553,0.04153,0.03603,-0.02284,0.01407,0.02028,0.03675,-0.09703,-0.03921,-0.03872,-0.01338,-0.02478,-0.04774,-0.00666,0.12252,-0.01649,0.03485,0.0533,-0.04212,-0.02144,-0.0723,0.0482,0.08188,-0.07876,0.01005,0.01815,0.02807,0.01067,0.01166,0.00726,0.00671,-0.06196,-0.02893,-0.05981,-0.04642,-0.06786,0.01822,-0.0608,0.01241,-0.06304,0.03263,-0.00763,-0.06409,-0.04505,0.01711,0.0087,0.01106,-0.0207,0.03221,0.09638,-0.02227,0.05949,-0.09191,-0.07551,0.04552,0.05713,0.03149,-0.06982,0.09676,-0.1125,-0.02772,0.0344,0.12734,0.04685,-0.00629,0.02269,-0.04384,-0.04048,0.08823,-0.0365,-0.05779,0.04066,0.02614,-0.02158,-0.07245,0.04925,-0.04462,0.00185,0.00581,-0.00322,-0.01731,0.06118,0.03445,-0.02594,-0.07061,-0.04803,0.02456,0.02329,0.04329,0.01183,-0.01466,0.12589,0,-0.0212,0.04669,-0.04595,-0.02093,-0.00317,0.0079,-0.00595,-0.06778,0.01636,0.04968,-0.07457,0.02223,-0.00596,0.00014,-0.0146,-0.02235,-0.04707,-0.06199,-0.00459,0.03622,0.02217,0.08307,0.05548,0.03348,-0.03161,0.0025,0.01863,0.00212,-0.01128,0.03443,0.0101,-0.05392,-0.02373,-0.04612,-0.02171,-0.00465,-0.0286,0.13507,0.06035,0.0176,0.05415,0.0195,-0.0316,0.06932,-0.02565,-0.00654,-0.10529,-0.02699,0.00762,0.02003,-0.09831,0.04022,-0.10539,-0.00002,-0.00183,-0.01464,0.15526,0.06954,-0.07655,0.03422,0.07496,-0.11614,-0.02098,0.01589,0.09431,0.00213,0.00545,0.04581,0.11775,0.10873,0.0219,0.03595,0.07817,-0.03017,0.08478,0.03439,-0.00221,-0.10752,0.01631,0.11612,-0.07623,0.04986,0.06405,0.00466,0.0442,-0.06895,0.07039,0.0474,0.06025,0.00595,0.02862,0.0862,-0.02589,-0.0364,-0.0563,0,0.00978,0.05181,-0.02492,-0.00444,0.00862,-0.02076,-0.032,-0.02129,-0.03889,-0.01342,-0.09292,0.04484,-0.01393,0.06336,0.11529,-0.03268,0.04192,-0.08063,-0.10037,-0.04135,0.00454,-0.0095,-0.0555,0.04734,-0.05099,-0.09394,0.03898,0.02045,-0.04385,0.00238,-0.03604,0.03629,-0.11689,0.08412,-0.03833,0.08599,-0.00588,0.01438,-0.05734,0.01661,0.00117,-0.02257,-0.07239,-0.00871,0.01358,0.11351,0.02501,-0.043,-0.05065,0.07926,-0.04611,-0.02923,0.0205,0.03695,0.0866,-0.06164,-0.04054,0.00652,0.11099,0.0041,-0.05738,0.07703,0.11264,-0.01784],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. How it works - The outlet provides a single interaction surface to start creating a connection. - During the drag, the library treats it as a create handle, not as a real output connector. - When the user drops the connection on a target input: - the system must resolve which output this connection belongs to, - and the resulting connection is created with fOutputId = output id, not outlet id. In other words: Outlet starts the action; Output owns the connection. f Output Id","excerpt":"How it works - The outlet provides a single interaction surface to start creating a connection. - During the drag, the library treats it as a create handle, not as a real output connector. - When the user drops the connection on a target input: - the system must resolve which output this connection belongs to, - and the resulting connection is created with fOutputId = output id, not outlet id. In other words: Outlet starts the action; Output owns the connection."},{"chunkId":"/docs/f-node-outlet-directive#3","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.00586,-0.06672,-0.09467,0.01075,-0.01679,-0.02047,0.01767,-0.01751,-0.01606,-0.03211,-0.00088,-0.01086,-0.02376,-0.03375,-0.06565,0.03892,-0.03332,-0.00403,0.06028,-0.02357,0.04797,-0.0654,-0.01562,-0.06928,0.00308,-0.03104,0.02325,0.01006,0.04556,-0.01037,0.0562,0.04336,-0.1258,0.00068,-0.04892,-0.02085,-0.03209,0.00614,-0.01845,-0.00916,0.04433,-0.03302,0.04406,-0.06673,-0.05989,-0.00516,-0.07753,0.02077,0.02468,0.008,0.04799,-0.01313,-0.03412,0.02987,0.07324,0.07897,-0.04058,0.01698,-0.05883,0.05391,-0.03665,-0.02131,-0.00739,-0.03188,0.07897,0.01308,0.04957,0.06956,-0.06138,0.02504,0.0063,0.04337,0.00088,-0.13615,0.08633,0.05712,-0.00264,0.02768,-0.04231,-0.03693,0.06648,0.18889,-0.02553,-0.05176,0.00604,0.02179,-0.07067,0.01311,-0.03659,0.03013,-0.06334,0.00819,-0.02774,0.01378,-0.07647,-0.00791,-0.06038,-0.05043,0.02224,-0.00463,-0.0619,-0.0143,0.02139,0.03973,0.06576,-0.00641,-0.00364,0.02898,-0.00906,-0.0222,-0.0267,0.01023,-0.00911,0.0128,-0.01648,0.03338,-0.00481,-0.00505,0.06968,0.00146,-0.0895,0.0094,0.02409,0.0457,0.01526,-0.04882,0.01215,0,-0.00479,0.01003,-0.04524,-0.02209,0.04772,0.08815,-0.03935,-0.00171,0.0157,-0.02519,-0.10782,-0.02379,-0.06766,-0.08157,-0.05449,-0.08372,0.02537,0.08512,-0.01834,0.03061,0.02475,-0.05477,-0.00616,-0.08322,0.05269,0.04221,-0.05518,0.01961,-0.01221,0.03825,0.05616,0.03779,0.03322,-0.00043,-0.07335,-0.06549,-0.08135,-0.00596,-0.06315,0.06581,-0.03747,-0.02569,-0.0162,-0.03231,0.00121,-0.02075,-0.08544,0.04977,0.02033,-0.00857,-0.02584,0.03349,0.05995,-0.00842,0.0459,-0.06267,-0.10256,0.01695,0.06678,0.03238,-0.08746,0.07131,-0.07887,-0.05791,-0.00237,0.12161,0.05414,-0.02321,-0.00655,-0.04563,-0.00669,0.11293,-0.01932,-0.02947,0.00283,0.01241,-0.01873,-0.05537,0.05098,-0.02071,-0.02265,0.02811,-0.00876,-0.02448,0.0626,0.03265,-0.02256,-0.07426,-0.06909,0.08618,-0.01217,0.03338,0.06348,-0.05573,0.07415,0,-0.01159,0.05357,-0.03817,-0.03408,0.03373,0.00815,-0.00196,-0.04112,0.01072,0.09696,-0.05351,0.02361,0.03718,-0.032,-0.07137,-0.01504,0.02808,-0.02301,0.05542,0.04795,0.01214,0.05532,0.02842,-0.01608,0.0209,0.04315,0.0067,-0.01002,-0.04151,0.06809,-0.01407,-0.00782,0.03229,-0.08458,-0.00138,0.03605,-0.00933,0.09507,0.06017,0.00031,0.05311,0.01283,-0.03021,-0.0115,-0.02411,-0.01787,-0.10227,-0.01897,-0.07708,0.04436,-0.10822,0.0326,-0.12379,0.02148,-0.00767,-0.02163,0.07579,0.09947,-0.07074,0.06119,0.08406,-0.13995,-0.00734,0.04906,0.1089,-0.01664,0.01661,0.02757,0.10818,0.11636,0.03189,0.04689,0.08395,0.01139,0.05834,0.03539,-0.01642,-0.0803,0.03479,0.11369,-0.09842,0.0189,0.05224,0.03153,0.05512,-0.07119,0.11459,0.06172,0.07234,-0.00221,0.01403,0.04842,-0.00643,-0.03965,-0.024,0,0.03095,0.00406,-0.05602,0.03192,-0.0135,-0.03214,-0.02916,-0.02279,-0.03986,-0.00536,-0.0923,0.05123,-0.01218,0.0637,0.10219,-0.01615,0.01407,-0.06479,-0.09684,-0.05636,-0.02472,0.0079,-0.02866,0.07717,-0.03155,-0.02706,0.02671,-0.00072,-0.04963,0.00194,-0.05854,0.01357,-0.12802,0.07368,0.00171,0.07819,-0.02238,0.04987,-0.04043,0.05836,0.01876,-0.01026,-0.03825,0.00985,0.06397,0.09765,0.03601,0.01978,-0.07844,0.04623,-0.01248,-0.00962,0.01413,-0.01885,0.0753,-0.11006,-0.04052,0.00872,0.08553,0.0031,-0.07694,0.08522,0.05652,-0.02511],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/f-node-outlet-directive#4","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.00491,-0.04106,-0.09475,0.02842,-0.00722,-0.01329,0.01188,-0.02603,-0.02088,-0.01899,-0.00185,-0.00092,-0.01616,-0.03785,-0.05059,0.01769,-0.03411,0.01231,0.08574,-0.01976,0.02008,-0.04847,-0.00929,-0.07932,0.01138,-0.02409,0.0017,0.02356,0.05005,-0.02367,0.05818,0.04072,-0.10113,0.00568,-0.05177,-0.00009,-0.0312,-0.00585,-0.01229,0.01418,0.05626,-0.04088,0.05081,-0.04307,-0.05063,-0.01635,-0.09024,0.0252,0.00429,-0.01563,0.05457,-0.04714,-0.02906,0.03943,0.08375,0.0701,-0.0348,-0.01338,-0.03942,0.07269,-0.00893,-0.02842,-0.00079,-0.02198,0.06648,0.01514,0.03251,0.05797,-0.07681,0.00686,0.00864,0.02479,-0.00878,-0.1301,0.07765,0.04659,0.00278,0.02224,-0.06028,-0.03089,0.06463,0.17233,-0.05916,-0.05763,-0.02234,0.0431,-0.07729,-0.00767,-0.04986,0.02863,-0.07147,0.02704,-0.02869,-0.00315,-0.06555,0.00497,-0.04799,-0.03881,-0.00583,-0.00606,-0.04171,0.01079,0.01259,0.00657,0.06855,0.00244,-0.01186,0.03457,0.00353,-0.02397,-0.01965,0.02747,-0.0402,0.00542,-0.01061,0.01095,0.00973,-0.03479,0.08754,0.00827,-0.0667,0.02569,0.02026,0.0526,0.01109,-0.05591,0.0273,0,-0.01037,-0.00162,-0.06587,-0.02839,0.08358,0.07395,-0.06135,0.00905,0.01709,-0.02855,-0.11875,-0.03462,-0.06038,-0.05124,-0.0155,-0.08771,0.00973,0.09135,0.00944,0.01936,0.05516,-0.07112,-0.0095,-0.05792,0.05304,0.01904,-0.05853,-0.02243,-0.00453,0.02699,0.03167,0.05501,0.0564,0.02659,-0.09197,-0.04559,-0.05986,-0.02068,-0.08596,0.05354,-0.05758,0.00296,-0.02038,-0.01441,0.01364,-0.01689,-0.0724,0.02524,0.04659,0.00049,-0.0385,0.02424,0.07203,-0.03246,0.04821,-0.03104,-0.084,0.03591,0.06473,0.03213,-0.07992,0.07884,-0.0772,-0.06479,-0.01704,0.13262,0.0293,-0.02215,0.0152,-0.03037,-0.02482,0.11298,-0.02613,-0.02285,0.00915,0.01562,-0.02253,-0.05195,0.04398,-0.03322,-0.02802,0.00157,-0.0039,-0.01982,0.09799,0.02562,-0.01126,-0.04316,-0.04533,0.07483,0.00098,0.06515,0.04515,-0.06455,0.08585,0,-0.03101,0.08151,-0.06668,-0.02478,0.0353,-0.01034,-0.03241,-0.0694,0.01876,0.09809,-0.06544,0.02487,0.04579,-0.04469,-0.06955,-0.03601,-0.01406,-0.03967,0.0388,0.05996,0.00498,0.0678,0.04729,-0.01644,0.03108,0.04737,0.01018,-0.00641,-0.04024,0.03445,-0.01881,-0.02455,0.03678,-0.05824,-0.00797,0.03538,-0.04497,0.11525,0.07306,0.00712,0.06159,-0.01297,-0.05952,0.01603,-0.03911,-0.02483,-0.10373,-0.013,-0.04066,0.03773,-0.13231,0.02737,-0.12489,0.02882,-0.01321,-0.02369,0.10564,0.11983,-0.03966,0.03986,0.06858,-0.12358,-0.00798,0.0489,0.10597,-0.02049,-0.00687,0.00689,0.09342,0.11511,0.03154,0.05729,0.05556,-0.00678,0.04514,0.04489,-0.00929,-0.07006,0.00667,0.10397,-0.11837,0.05966,0.02789,0.01134,0.0612,-0.09614,0.09707,0.05322,0.07294,0.02234,0.00095,0.07332,-0.03889,-0.07072,-0.03024,0,0.00106,0.03696,-0.0723,0.03875,0.01615,-0.04502,-0.00198,-0.02281,-0.03255,0.01098,-0.07226,0.04035,-0.02149,0.04325,0.09284,-0.00999,0.02025,-0.06062,-0.09961,-0.025,-0.03751,0.01079,-0.04775,0.08477,-0.03645,-0.03578,0.01881,0.00473,-0.02879,0.02269,-0.03981,0.02676,-0.11419,0.06856,0.00749,0.07825,-0.03379,0.03999,-0.06024,0.05951,-0.00247,-0.03104,-0.03638,0.01118,0.03988,0.0999,0.01939,0.01285,-0.03771,0.06699,-0.01128,-0.04564,0.01975,-0.01933,0.08037,-0.08469,-0.03314,0.01026,0.08304,-0.00512,-0.06713,0.08446,0.09645,-0.02756],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. A node with outlet + outputs","excerpt":"A node with outlet + outputs"},{"chunkId":"/docs/f-node-outlet-directive#5","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.03317,-0.0542,-0.0897,0.00814,-0.00653,-0.04275,0.01064,-0.02212,-0.00588,-0.02559,-0.02398,0.00792,-0.02226,-0.03164,-0.04196,0.03333,-0.02017,-0.00152,0.05474,-0.02457,0.05685,-0.03828,-0.01362,-0.06051,0.0054,-0.04629,0.01359,0.00106,0.05821,-0.00029,0.04796,0.05513,-0.14692,0.00518,-0.04671,-0.01043,-0.0397,-0.00475,-0.01525,0.01706,0.05616,-0.02957,0.03398,-0.06107,-0.06289,-0.001,-0.07282,0.02097,-0.00942,0.03045,0.04637,-0.01406,-0.03399,0.03993,0.08922,0.07225,-0.04507,0.01654,-0.06065,0.08147,-0.02783,-0.03927,-0.01944,-0.02469,0.07802,0.01195,0.04475,0.04862,-0.04019,0.00028,0.00318,0.0408,0.00258,-0.12628,0.09637,0.05924,-0.00406,0.03569,-0.03629,-0.05155,0.06437,0.17293,-0.01736,-0.04462,0.01017,0.03004,-0.06914,0.01103,-0.03095,0.03266,-0.0651,-0.00776,-0.03219,0.00974,-0.08119,-0.00447,-0.05315,-0.04349,-0.0054,-0.00987,-0.05926,-0.01151,0.00241,0.03813,0.06534,-0.01796,0.00543,0.03574,-0.00692,-0.00576,-0.01429,0.00962,0.00094,0.00394,-0.01894,0.03986,-0.01415,-0.01227,0.08533,0.00533,-0.08539,-0.00224,0.02169,0.03021,0.00355,-0.05587,0.01873,0,0.00753,0.00888,-0.02675,-0.03873,0.05805,0.07459,-0.04616,-0.00844,0.0244,-0.03614,-0.12586,-0.01221,-0.06239,-0.07831,-0.04011,-0.06793,0.01217,0.10183,-0.01225,0.03334,0.04061,-0.05868,-0.0021,-0.0822,0.05113,0.04128,-0.06089,0.00199,-0.02184,0.05034,0.04272,0.04719,0.03012,0.0074,-0.07072,-0.0632,-0.08506,-0.01678,-0.09273,0.04877,-0.02921,-0.0018,-0.03343,-0.01715,-0.01192,-0.03928,-0.09667,0.03064,0.0259,-0.01771,-0.02483,0.04987,0.06962,-0.02251,0.07065,-0.05935,-0.08366,0.01285,0.07493,0.03664,-0.085,0.06329,-0.06968,-0.04915,0.01061,0.12639,0.06645,-0.00726,-0.01066,-0.04429,-0.001,0.11789,-0.03196,-0.02975,-0.0064,0.00144,-0.00565,-0.05302,0.05236,-0.032,-0.01989,0.01162,-0.01344,-0.02552,0.05135,0.03552,-0.00958,-0.08546,-0.06676,0.08245,-0.00181,0.02154,0.04881,-0.04992,0.05987,0,-0.01837,0.04113,-0.03774,-0.02352,0.01516,-0.00596,-0.00421,-0.01258,0.01863,0.10179,-0.05576,0.01981,0.03153,-0.03806,-0.06205,-0.02465,0.00949,-0.04296,0.05517,0.04427,0.00115,0.04939,0.02876,-0.01768,0.01743,0.03666,-0.0039,-0.00193,-0.04574,0.0454,-0.01259,-0.01983,0.0109,-0.08522,-0.01774,0.03008,-0.00924,0.11405,0.05598,0.00196,0.05986,-0.00031,-0.03162,0.00346,-0.01842,-0.02981,-0.10717,-0.0117,-0.07613,0.03798,-0.08869,0.03368,-0.11308,0.02993,-0.01571,-0.00584,0.08589,0.09848,-0.07145,0.0554,0.07365,-0.1425,-0.00898,0.05783,0.11238,-0.01257,0.01151,0.02445,0.10617,0.12508,0.04454,0.02974,0.06907,0.02366,0.06245,0.03151,0.00252,-0.08395,0.01109,0.11563,-0.1221,0.03227,0.05366,0.04609,0.08385,-0.07086,0.11436,0.05695,0.06679,0.01356,0.01887,0.05656,-0.02883,-0.0307,-0.02397,0,0.00913,0.02393,-0.06694,0.03244,0.0012,-0.0294,-0.02932,-0.00162,-0.04566,0.01068,-0.08886,0.05065,-0.01516,0.07051,0.10005,-0.01168,0.02897,-0.05707,-0.10492,-0.05888,-0.04304,0.01117,-0.03685,0.0564,-0.03183,-0.02814,0.04794,0.00483,-0.04358,-0.00419,-0.08052,0.01852,-0.10772,0.06,-0.01013,0.0867,-0.02716,0.04365,-0.04857,0.05167,0.02669,-0.01851,-0.02275,0.01801,0.07722,0.10021,0.04297,0.03186,-0.06228,0.04281,-0.02438,-0.02343,0.01301,-0.01405,0.07158,-0.09977,-0.04934,0.00209,0.08578,-0.00508,-0.05852,0.07703,0.07717,-0.02343],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. API","excerpt":"API"},{"chunkId":"/docs/f-node-outlet-directive#6","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.01783,-0.02704,-0.14148,0.04475,-0.00877,0.01418,0.00401,-0.04383,-0.00158,-0.04445,-0.00547,0.0078,-0.01146,-0.02731,-0.03568,0.00714,-0.01863,-0.02333,0.05636,-0.06169,0.0133,-0.02518,0.00305,-0.07237,-0.02268,-0.02552,0.00477,0.01565,0.04887,-0.04267,0.09213,0.06679,-0.08538,0.01012,-0.01376,-0.01221,-0.01625,-0.02022,0.00714,-0.00035,0.0553,-0.05582,0.02189,-0.06909,-0.02961,-0.02985,-0.11902,0.02588,0.02435,-0.00577,0.05696,-0.03237,-0.00936,0.06074,0.09324,0.07389,-0.01844,-0.0237,-0.0227,0.08056,-0.00472,-0.05038,0.01102,0.00825,-0.00722,0.03445,0.00159,0.05041,-0.04106,0.00734,0.0348,0.03599,-0.0427,-0.11461,0.10792,0.05576,-0.01502,0.00519,-0.04957,-0.05583,0.06038,0.10461,-0.03682,-0.0523,-0.00793,0.0718,-0.08409,0.00415,-0.05051,0.04636,-0.05506,0.02347,-0.00912,-0.01442,-0.00547,0.0237,-0.05653,-0.04001,-0.02532,0.00671,-0.07762,-0.0212,0.01818,0.061,0.07995,-0.00543,0.00982,0.01678,0.02347,-0.03917,-0.00847,0.01833,0.00415,0.00684,-0.03893,0.02115,0.04872,-0.01713,0.10019,0.02865,-0.03605,-0.00557,0.00055,0.04087,-0.01398,-0.05611,0.00754,0,0.01283,0.00244,-0.0634,-0.05277,0.06767,0.04804,-0.04632,0.006,0.00432,0.03973,-0.12671,-0.01121,-0.06392,-0.04249,-0.01019,-0.06553,0.01225,0.06559,0.0014,-0.00575,0.05789,-0.09022,-0.0263,-0.04932,0.06343,0.04396,-0.09605,-0.01604,0.04745,0.02325,0.02094,0.02296,0.0653,0.03399,-0.08126,-0.00605,-0.03747,-0.01706,-0.11087,0.01519,-0.04974,0.00559,-0.02403,0.02665,0.0138,-0.00255,-0.07666,0.0017,0.04148,0.02372,-0.05638,0.04878,0.06123,-0.05831,0.06791,-0.07919,-0.08668,0.05872,0.04638,0.03928,-0.07642,0.06207,-0.08023,-0.02516,0.00099,0.14412,0.0128,-0.0109,0.01113,-0.03663,-0.05524,0.09472,-0.06433,-0.05045,0.00805,0.00073,-0.03853,-0.04919,0.04479,-0.03575,-0.01639,0.00592,-0.03261,0.03469,0.06396,0.04686,-0.02017,-0.06041,-0.01773,0.07175,0.02023,0.0995,0.04444,-0.04941,0.07598,0,-0.05682,0.08803,-0.04583,-0.02211,0.01239,-0.02518,-0.01526,-0.03526,0.012,0.07193,-0.03348,0.03127,0.01735,-0.10275,-0.05518,-0.01598,-0.05813,-0.02462,0.03344,0.07448,-0.01651,0.07229,0.04632,-0.00611,0.00405,0.04713,0.00062,-0.03588,-0.02033,0.0157,-0.00585,-0.02353,0.00563,-0.02452,-0.02429,0.00342,-0.03568,0.14149,0.04542,0.02631,0.05049,0.02692,-0.09934,0.04319,-0.05144,-0.02711,-0.05831,0.00227,-0.04209,0.02506,-0.13605,0.02007,-0.07639,0.02688,-0.00917,-0.01307,0.13188,0.09077,-0.0267,0.01598,0.08637,-0.12563,-0.00673,0.07553,0.11369,-0.03669,-0.01018,0.03966,0.09028,0.09612,0.02949,0.04428,0.01643,-0.00272,0.02217,0.03402,-0.02499,-0.08765,-0.00797,0.13223,-0.0923,0.08761,0.01245,0.01156,0.06571,-0.0769,0.09867,0.04735,0.07496,0.04905,-0.02266,0.07047,-0.04329,-0.04942,-0.07207,0,-0.04229,0.03102,-0.09291,0.00114,0.02615,-0.0436,-0.00183,-0.04037,-0.04949,0.00614,-0.08533,0.08232,-0.02975,0.04721,0.07978,-0.02626,0.03795,-0.07022,-0.06229,0.00771,-0.01511,0.00295,-0.06426,0.04999,-0.02935,-0.06543,0.01777,0.02092,-0.00233,0.05054,-0.05053,0.00707,-0.08619,0.06778,-0.04037,0.06842,-0.03584,0.02522,-0.08347,0.02316,0.00987,-0.03789,-0.04108,-0.01287,0.01158,0.06999,0.04785,0.01483,-0.00607,0.07496,-0.04055,-0.05559,0.00726,-0.03147,0.06428,-0.07806,-0.02088,0.0282,0.08251,-0.03468,-0.07454,0.04921,0.08664,-0.03406],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Inputs - fOutletId: string; Outlet identifier. Default: f-node-outlet-${uniqueId++}. - fOutletDisabled: boolean; Default: false. Disables interactions with the outlet. - isConnectionFromOutlet: boolean; Default: false. If true, connections start from the outlet's edge. - fCanBeConnectedInputs: string[]; List of allowed input IDs or categories. f Outlet Id unique Id f Outlet Disabled is Connection From Outlet f Can Be Connected Inputs I Ds","excerpt":"Inputs - fOutletId: string; Outlet identifier. Default: f-node-outlet-${uniqueId++}. - fOutletDisabled: boolean; Default: false. Disables interactions with the outlet. - isConnectionFromOutlet: boolean; Default: false. If true, connections start from the outlet's edge. - fCanBeConnectedInputs: string[]; List of allowed input IDs or categories."},{"chunkId":"/docs/f-node-outlet-directive#7","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.0202,-0.05796,-0.12111,0.00553,-0.00112,-0.03253,0.00233,-0.04,-0.00676,-0.00926,0.01538,-0.00606,-0.03541,-0.03974,-0.07056,0.02465,-0.03439,-0.01683,0.06665,-0.03481,0.05604,-0.04586,-0.01932,-0.05749,0.01579,-0.04294,0.00201,0.02356,0.02933,-0.02646,0.04121,0.05509,-0.10624,-0.00973,-0.04156,0.00157,-0.02596,-0.00574,-0.03019,-0.00746,0.04099,-0.04471,0.04918,-0.05226,-0.0773,0.00945,-0.08088,0.00312,-0.0081,0.0001,0.04749,0.00041,-0.03383,0.04609,0.08439,0.05488,-0.05709,0.00918,-0.05633,0.05219,-0.04015,-0.02451,-0.01767,-0.03091,0.0976,0.01201,0.04323,0.05476,-0.0541,-0.0057,0.00698,0.04766,-0.00393,-0.11854,0.09973,0.03955,0.0044,0.03057,-0.01018,-0.0449,0.05332,0.17315,-0.00782,-0.04054,0.01555,0.0318,-0.07481,0.02554,-0.03898,0.0335,-0.0859,-0.00044,-0.02,0.02155,-0.0914,-0.0135,-0.03405,-0.02275,-0.01555,0.00206,-0.05087,-0.00093,0.01487,0.01633,0.05183,-0.01217,0.0181,0.02828,0.01264,-0.03328,-0.03774,0.00668,-0.00006,-0.0135,-0.00481,0.01183,-0.02363,-0.00429,0.06949,0.00354,-0.08855,0.00932,0.01868,0.04866,0.02044,-0.04507,0.02256,0,0.01633,0.00219,-0.03845,-0.02867,0.04939,0.07114,-0.05425,-0.00507,0.00693,-0.01298,-0.09588,-0.03502,-0.04326,-0.06067,-0.02348,-0.07614,0.04758,0.09209,0.00929,0.02901,0.03336,-0.03274,0.00428,-0.09564,0.04594,0.06504,-0.05624,-0.00751,-0.01576,0.04381,0.04021,0.04601,0.04764,-0.00121,-0.06222,-0.06186,-0.08965,-0.00609,-0.08481,0.05031,-0.04442,-0.03109,-0.05064,-0.03039,0.0148,-0.03321,-0.07527,0.03525,0.02504,0.01712,-0.03384,0.03226,0.06404,-0.00711,0.05774,-0.05547,-0.07639,0.02608,0.06164,0.03062,-0.0683,0.10267,-0.08129,-0.05962,-0.00103,0.11338,0.04624,-0.03096,0.0171,-0.03664,-0.0314,0.09452,-0.01224,-0.01816,0.02489,0.02089,-0.02289,-0.07686,0.02541,-0.02295,-0.0053,0.00865,-0.02126,-0.02921,0.07426,0.04622,-0.03645,-0.06366,-0.03026,0.07835,-0.01478,0.02498,0.03185,-0.07091,0.06913,0,-0.02293,0.07289,-0.08158,-0.04856,0.0061,0.00739,-0.0143,-0.05289,0.02388,0.10022,-0.04615,0.00485,0.03928,-0.03193,-0.06299,-0.0462,0.02818,-0.03276,0.04022,0.04274,-0.00584,0.07397,0.04183,0.00193,0.02384,0.05677,0.0007,0.02943,-0.03627,0.04266,0.01406,-0.02296,0.01262,-0.08764,0.00773,0.0229,-0.01331,0.10507,0.05298,0.01809,0.05106,0.02709,-0.01919,0.01908,-0.01528,-0.03157,-0.10705,-0.03049,-0.04574,0.04346,-0.0919,0.01564,-0.12216,0.02351,-0.00153,-0.01671,0.08023,0.12831,-0.04757,0.05829,0.08081,-0.14593,-0.02816,0.03368,0.10671,-0.01074,-0.00124,0.05646,0.13537,0.11884,0.02669,0.04855,0.08523,0.00254,0.05551,0.06606,-0.04076,-0.0917,0.00638,0.10315,-0.08965,0.0164,0.05257,0.03313,0.07619,-0.07525,0.11924,0.04275,0.06257,-0.01682,0.02282,0.08108,-0.00535,-0.02625,-0.0264,0,0.02468,0.01482,-0.05755,0.03906,0.00701,-0.02725,-0.00379,-0.03634,-0.04806,-0.00376,-0.099,0.02843,-0.03301,0.04626,0.13581,-0.03868,0.01865,-0.05668,-0.10992,-0.06643,-0.0427,0.00349,-0.06556,0.06721,-0.03674,-0.04855,0.04623,-0.01076,-0.05102,-0.00225,-0.04154,0.04335,-0.1059,0.04952,-0.00373,0.10106,-0.01376,0.0627,-0.05215,0.02782,-0.00119,-0.00288,-0.04089,0.01866,0.03291,0.09613,0.03241,-0.00676,-0.06677,0.02887,-0.00523,-0.01399,0.02694,-0.01186,0.06787,-0.09923,-0.03551,-0.00078,0.0789,0.00992,-0.05077,0.08021,0.08569,-0.02385],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Outputs - No direct outputs.","excerpt":"Outputs - No direct outputs."},{"chunkId":"/docs/f-node-outlet-directive#8","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.0169,-0.02429,-0.09362,-0.00518,-0.01234,-0.02644,-0.01065,0.00325,-0.0137,-0.01841,-0.01138,0.00751,-0.04927,-0.03929,-0.04627,0.03497,-0.03216,0.02215,0.06423,-0.0224,0.07038,-0.04053,-0.03176,-0.0645,0.00277,-0.03255,0.02392,0.00853,0.06954,-0.0196,0.05876,0.06468,-0.13613,0.0142,-0.04199,0.00027,-0.01211,-0.01486,-0.03035,0.01027,0.05116,-0.03383,0.01222,-0.05668,-0.04499,0.00137,-0.07884,0.02876,-0.01773,0.0003,0.04579,-0.02356,-0.01548,0.03694,0.08489,0.03718,-0.03773,0.00914,-0.04198,0.0673,-0.00885,-0.03719,-0.04053,-0.0159,0.08823,0.02326,0.05247,0.05747,-0.00939,0.00551,-0.00794,0.05269,-0.0032,-0.09596,0.07311,0.03694,0.01044,0.02243,-0.02823,-0.06166,0.08333,0.18605,-0.01763,-0.05296,0.04185,0.04675,-0.07318,0.0368,-0.0263,0.03953,-0.06873,0.0189,-0.03155,-0.01065,-0.08655,0.01287,-0.02863,-0.05454,0.004,0.02589,-0.05445,-0.00204,0.01154,0.00829,0.06076,-0.02652,0.01093,0.02948,0.02216,0.00061,-0.02633,0.00608,-0.02592,-0.02764,-0.01993,-0.00892,-0.01348,-0.02622,0.09142,0.01424,-0.06303,-0.00153,0.01699,0.03944,0.00747,-0.05518,-0.0053,0,0.00999,0.03829,-0.05738,-0.0033,0.07884,0.08501,-0.03276,-0.00379,0.00866,-0.02632,-0.10018,-0.02744,-0.06274,-0.05088,-0.0219,-0.07863,0.01032,0.1142,0.0153,0.02456,0.05033,-0.06516,0.0212,-0.06959,0.0641,0.06883,-0.05271,0.00546,-0.02721,0.04915,0.0693,0.03019,0.02666,0.01839,-0.04545,-0.07164,-0.07339,-0.04459,-0.09828,0.04299,-0.04462,-0.00626,-0.0388,-0.02017,0.0035,-0.03509,-0.09868,0.03317,0.03701,-0.02105,-0.02159,0.05467,0.06333,-0.03743,0.06295,-0.06906,-0.0928,0.00694,0.0714,0.04247,-0.0874,0.072,-0.06984,-0.06172,0.02401,0.10788,0.04568,-0.02509,0.01915,-0.05155,-0.00632,0.1009,-0.02681,-0.02577,-0.01922,0.00664,-0.00909,-0.06002,0.04222,-0.03045,-0.05058,0.0119,-0.01297,-0.02929,0.05701,0.02795,-0.00007,-0.06148,-0.05554,0.05723,-0.02338,0.01433,0.03897,-0.06489,0.07934,0,-0.01672,0.05613,-0.03139,-0.02912,0.00264,-0.00757,-0.00507,-0.01991,0.02368,0.11257,-0.05711,-0.00214,0.04005,-0.03987,-0.0507,-0.01697,-0.00469,-0.0654,0.02906,0.04281,-0.03675,0.04062,0.0441,-0.00639,0.02322,0.04831,-0.0012,-0.01397,-0.04959,0.03277,-0.02113,-0.03076,0.02065,-0.10059,-0.01178,0.04594,-0.00627,0.12287,0.06556,0.0141,0.06173,0.01001,-0.03412,-0.01049,-0.05931,-0.02869,-0.11516,0.00379,-0.04068,0.02483,-0.08224,0.02153,-0.12907,0.01685,-0.00957,-0.01378,0.07013,0.10157,-0.05745,0.05397,0.07035,-0.14972,-0.01107,0.05903,0.11592,-0.01553,-0.00774,0.01444,0.07138,0.11902,0.0356,0.04066,0.0785,0.02173,0.06025,0.01125,-0.00145,-0.0801,0.00446,0.09681,-0.09482,0.015,0.03796,0.03451,0.0883,-0.09898,0.13634,0.0436,0.04685,-0.00308,0.01224,0.08555,-0.01064,0.01782,-0.00931,0,0.01192,0.00605,-0.05079,0.01281,0.00686,-0.01971,-0.0271,-0.01627,-0.03918,-0.00256,-0.08733,0.04202,-0.02898,0.04678,0.11022,-0.03039,0.00165,-0.05048,-0.12348,-0.07685,-0.04925,0.02683,-0.04827,0.04898,-0.01679,-0.00745,0.05807,0.00681,-0.02004,0.00698,-0.06104,0.03721,-0.10133,0.07036,0.00539,0.1221,-0.01938,0.04806,-0.07453,0.04669,0.03201,-0.01599,-0.0342,0.01554,0.06419,0.09672,0.02676,0.01959,-0.06162,0.05919,-0.00917,-0.03079,0.01043,0.00171,0.04444,-0.08987,-0.04428,-0.01249,0.08639,0.01434,-0.06606,0.0759,0.10121,-0.02696],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-node-outlet-directive#9","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[0.01055,-0.02698,-0.09608,0.03151,-0.003,0.00101,0.00042,-0.00941,-0.01883,-0.03667,-0.00773,0.02114,-0.05921,-0.02609,-0.03587,-0.02137,-0.0453,-0.01165,0.06622,-0.02213,0.02098,-0.05161,0.01899,-0.06053,-0.00343,-0.00274,0.02341,0.01892,0.06409,-0.03668,0.05919,0.07858,-0.10985,0.01998,-0.06841,-0.00888,-0.01674,0.0241,-0.03033,-0.01161,0.03886,-0.05318,0.0438,-0.10364,-0.03659,-0.01889,-0.06607,-0.01594,0.01156,0.01159,0.06101,-0.02751,-0.01233,0.05046,0.08403,0.06544,0.01766,-0.00565,-0.0349,0.05075,-0.03618,-0.03981,0.00429,-0.00972,0.01115,0.03266,0.01966,0.06313,-0.04302,0.00116,0.03506,0.03771,-0.00811,-0.11581,0.10426,0.04326,0.00701,0.04082,-0.04358,-0.02821,0.0681,0.12478,-0.01543,-0.03777,-0.02177,0.07093,-0.08074,-0.00433,-0.07175,0.03554,-0.06274,0.05105,-0.00625,-0.00897,-0.03323,-0.00765,-0.07817,-0.03595,-0.01367,-0.00445,-0.04815,-0.02292,0.03082,0.06051,0.07971,-0.00411,0.01474,0.04067,-0.00745,-0.05226,0.00558,0.01414,-0.01764,-0.00042,-0.01699,-0.02852,0.00672,-0.0444,0.0553,0.0234,-0.04665,0.02316,0.00699,0.01012,0.01308,-0.05117,0.0195,0,-0.00992,0.00045,-0.06699,-0.00772,0.08035,0.05626,-0.01836,-0.01599,0.02,0.00212,-0.068,-0.03119,-0.08326,-0.04918,-0.05447,-0.09565,0.02681,0.06578,-0.01283,0.02497,0.07517,-0.06902,-0.00672,-0.07835,0.04973,0.04301,-0.07875,0.01956,-0.02401,0.03348,0.04315,0.02086,0.06624,0.02088,-0.0793,-0.06921,-0.05927,-0.01161,-0.07491,0.05614,-0.0651,-0.00988,-0.01416,-0.00089,0.00401,0.00919,-0.06633,0.03133,0.06476,0.01202,-0.01864,0.04661,0.06451,-0.02803,0.08249,-0.05055,-0.08143,0.05619,0.04428,0.02222,-0.07358,0.08995,-0.10088,-0.06624,0.00891,0.14339,0.03892,-0.00059,-0.01421,-0.0721,-0.03097,0.08681,-0.04148,-0.03474,0.01674,-0.00004,0.00434,-0.04086,0.04348,-0.02036,-0.05871,-0.00234,-0.01511,-0.00022,0.07935,0.01782,-0.00956,-0.05024,-0.01651,0.05835,0.03998,0.04846,0.06191,-0.06034,0.07974,0,-0.04456,0.09762,-0.05586,-0.01126,0.02148,0.00455,-0.00402,-0.01615,0.00681,0.0857,-0.0457,0.06304,0.00008,-0.07679,-0.08875,-0.00395,-0.0136,-0.02036,0.0397,0.04183,-0.01823,0.06206,0.03815,-0.02694,-0.01214,0.05566,-0.01801,-0.00511,-0.01102,0.01612,-0.00159,0.00194,0.03896,-0.07727,-0.01728,-0.00422,-0.05694,0.1187,0.05459,0.01271,0.03971,0.00504,-0.05373,0.03615,-0.06701,-0.00746,-0.09621,-0.0411,-0.023,0.05396,-0.13651,0.01971,-0.09421,0.03408,-0.01159,-0.00873,0.11494,0.10628,-0.05251,0.04628,0.10112,-0.13964,-0.01185,0.03514,0.11142,-0.02872,-0.02046,0.05893,0.11255,0.11624,0.02039,0.06226,0.06693,0.00024,0.06147,0.03319,-0.00526,-0.05358,0.04181,0.12354,-0.08834,0.06413,-0.01231,0.02094,0.07169,-0.09839,0.06663,0.03108,0.06964,0.00028,0.0076,0.06956,-0.01106,-0.03749,-0.03172,0,-0.01498,-0.00308,-0.04679,-0.00885,0.00197,-0.03696,-0.01302,-0.02006,-0.04141,0.00943,-0.10099,0.08826,0.00172,0.01784,0.08789,-0.03218,0.0022,-0.04242,-0.09729,-0.04821,-0.04506,-0.01521,-0.04832,0.10077,-0.04368,-0.05157,0.03213,-0.01336,-0.02088,0.0337,-0.08046,0.02016,-0.09613,0.06602,-0.01008,0.06469,-0.01996,0.02585,-0.07045,0.03952,0.01261,-0.03164,-0.0373,-0.01467,0.04325,0.08579,0.02382,0.01648,-0.06337,0.06701,-0.03228,-0.00706,-0.01855,0.00808,0.06284,-0.07932,-0.03504,0.03227,0.10292,-0.02803,-0.10654,0.08059,0.08525,-0.04264],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Styling - .f-component Base class for flow primitives. - .f-node-outlet Outlet host class. - .f-node-outlet-disabled Applied when fOutletDisabled = true. f Outlet Disabled","excerpt":"Styling - .f-component Base class for flow primitives. - .f-node-outlet Outlet host class. - .f-node-outlet-disabled Applied when fOutletDisabled = true."},{"chunkId":"/docs/f-node-outlet-directive#10","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.00577,-0.05355,-0.12129,0.00364,-0.00276,0.01895,-0.02443,-0.04698,0.03947,-0.05615,-0.01339,0.01422,-0.01144,-0.04298,-0.06349,0.01116,0.01109,-0.03634,0.03397,-0.04595,0.03898,-0.03629,-0.02035,-0.05722,-0.01773,-0.05384,0.03925,0.02773,0.02758,-0.03358,0.07656,0.07236,-0.0878,-0.04601,-0.05365,-0.01768,0.02008,0.01615,-0.0018,-0.01538,0.04831,-0.11609,0.02965,-0.03123,-0.0373,-0.01905,-0.08301,0.00207,-0.00018,0.00518,0.08598,0.00631,-0.00884,0.08258,0.08827,0.07736,-0.01492,-0.00861,-0.05504,0.06184,-0.03982,-0.02081,-0.00762,-0.00655,0.03423,0.00512,0.04348,0.01292,-0.03333,-0.01887,-0.02481,0.04633,-0.0098,-0.11106,0.09444,0.06984,-0.0278,0.01973,0.00227,-0.07452,0.08711,0.15823,0.0017,-0.06448,0.01721,0.05262,-0.05829,-0.00629,-0.0527,0.05243,-0.01738,0.02001,0.03805,-0.00653,-0.0336,0.02661,-0.04703,-0.01499,-0.01249,-0.01568,-0.07975,0.00605,0.00059,0.03381,0.07271,-0.0319,-0.00226,0.03791,0.07309,-0.04887,0.03044,-0.01434,-0.00111,-0.00904,0.00439,0.03063,0.00246,0.00516,0.07168,-0.02131,-0.10011,-0.00533,0.01169,0.01524,0.02541,-0.02959,0.01639,0,-0.01073,0.0323,-0.07151,-0.0534,0.04251,0.06021,-0.04204,0.00312,0.02217,0.00788,-0.09006,-0.02224,-0.05761,-0.0112,0.0023,-0.04306,0.00331,0.06899,0.0398,0.02856,-0.00287,-0.04617,-0.01027,-0.04981,0.06586,0.05877,-0.07897,0.02036,-0.02839,0.02828,0.0186,0.01169,0.04608,0.02865,-0.08385,-0.03154,-0.03726,-0.0439,-0.08283,0.04455,-0.03955,0.02192,-0.05591,0.00949,0.01982,-0.01671,-0.0224,0.0169,0.03845,0.01513,-0.03833,0.04597,0.08757,-0.05524,0.03291,-0.05345,-0.08792,0.0289,0.07821,-0.00634,-0.08223,0.06274,-0.10091,-0.00208,0.02379,0.1281,0.04611,-0.05911,0.0132,-0.04481,-0.0355,0.09264,-0.0837,-0.04481,0.02419,0.03206,-0.02545,-0.02332,0.01032,-0.02726,0.01993,0.05198,-0.04207,0.01633,0.11046,0.07348,-0.02339,-0.07788,-0.04229,0.06868,0.02433,0.06818,0.03508,0.0082,0.10192,0,-0.04371,0.05747,-0.07209,-0.01848,0.00982,0.00615,-0.0067,-0.06135,0.01446,0.02992,-0.00546,0.00459,-0.00486,-0.06314,-0.06999,-0.03267,-0.04343,-0.03907,0.01348,0.05012,0.02723,0.04847,0.03477,-0.0009,0.01679,0.05596,-0.02062,-0.01585,-0.0445,0.03204,0.01179,-0.04146,0.00626,-0.06902,-0.0367,0.01069,-0.02379,0.12118,0.05382,0.06534,0.03206,0.05609,-0.06105,0.03537,-0.0495,-0.01206,-0.07764,-0.0237,-0.01583,0.05978,-0.10723,0.04089,-0.08835,0.01992,-0.02386,-0.02624,0.11185,0.0992,-0.03205,0.0375,0.0745,-0.09285,-0.00089,0.05712,0.1038,-0.00231,0.02828,0.0755,0.10863,0.09737,0.0037,-0.00555,0.024,-0.00617,0.02636,0.04671,-0.03178,-0.11706,-0.03224,0.13051,-0.09933,0.03502,0.00285,-0.02768,0.05658,-0.05493,0.12832,0.0301,0.07569,0.00837,0.00741,0.09762,-0.06941,-0.05778,-0.07159,0,-0.01501,0.00897,-0.04677,0.00616,0.01546,-0.03665,-0.02869,-0.06481,-0.04458,-0.00292,-0.05666,0.04398,-0.04041,0.04454,0.11034,-0.04474,0.05281,-0.08122,-0.09614,-0.02455,-0.02595,-0.00328,-0.08021,0.02133,-0.01486,-0.0687,0.0603,0.03242,-0.04683,0.0377,-0.03505,0.02917,-0.09352,0.06877,-0.03456,0.04343,-0.01106,-0.00083,-0.06369,0.02369,0.00582,-0.03732,-0.02854,0.00082,0.003,0.04599,0.03689,-0.03469,-0.03712,0.05631,-0.05559,-0.0491,0.01715,-0.03134,0.11281,-0.1132,-0.01526,0.05225,0.0915,0.0013,-0.07706,0.06466,0.10015,-0.06406],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Notes and pitfalls - Outlet does not replace outputs. You still need at least one fNodeOutput if you want a created connection to be attached to something real. - fCanBeConnectedInputs affects which targets can be chosen during creation. It does not change your domain rules automatically - you still own validation/persistence. - If isConnectionFromOutlet is enabled, users will see the line starting from the outlet visually - but the final connection still uses an output id. f Node Output f Can Be Connected Inputs is Connection From Outlet","excerpt":"Notes and pitfalls - Outlet does not replace outputs. You still need at least one fNodeOutput if you want a created connection to be attached to something real. - fCanBeConnectedInputs affects which targets can be chosen during creation. It does not change your domain rules automatically - you still own validation/persistence. - If isConnectionFromOutlet is enabled, users will see the line starting from the outlet visually - but the final connection still uses an output id."},{"chunkId":"/docs/f-node-outlet-directive#11","slug":"f-node-outlet-directive","route":"/docs/f-node-outlet-directive","section":"docs","title":"FNodeOutletDirective - Shared Output Surface for Multiple Sources","description":"Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs.","group":"Connectors","vector":[-0.05157,-0.01012,-0.09146,0.01976,0.04526,0.00586,-0.00204,0.00228,-0.01877,0.04097,-0.03546,0.00195,-0.06223,0.03441,-0.01012,-0.00135,-0.07539,0.00824,0.02084,0.01811,0.01794,-0.01937,0.03825,-0.05151,0.00516,-0.03367,0.01647,-0.00214,0.08443,-0.01221,0.06955,0.06576,-0.10221,0.02272,-0.0382,0.02084,-0.04108,0.04198,-0.01903,-0.00681,0.10659,-0.02132,0.04944,-0.10818,-0.00293,-0.0308,-0.08859,0.03237,-0.00899,0.00102,-0.00857,-0.075,-0.04818,0.07547,0.02845,0.05102,-0.02952,-0.03419,0.00899,0.04891,-0.01598,-0.0929,-0.00829,-0.02684,0.07972,-0.00555,-0.04368,0.05443,-0.08516,0.06497,0.02211,0.00549,0.00256,-0.10643,0.09947,0.04332,-0.03548,0.07274,-0.04459,-0.03863,0.08376,0.09043,-0.04294,-0.03748,0.01554,0.0837,-0.03082,-0.02104,-0.04491,-0.02796,-0.01055,0.04628,-0.0237,0.01031,-0.0318,0.01793,-0.1038,0.00361,-0.03944,0.01889,-0.05947,-0.03511,0.05478,0.11053,0.06184,-0.02706,0.01234,0.0765,-0.03583,-0.00884,0.02415,0.05867,0.00566,-0.01524,-0.02294,-0.02935,-0.01362,-0.02304,0.03631,0.06271,-0.03239,0.00644,-0.02421,0.01519,0.0263,-0.03954,0.04905,0,0.00001,0.02356,-0.05983,-0.00996,0.08071,0.03964,-0.03773,-0.00928,0.02637,0.07001,-0.12947,-0.01252,-0.06685,-0.06821,-0.04736,-0.08484,0.01334,0.06335,-0.04235,0.04292,0.08416,-0.07802,-0.04434,-0.03961,0.08616,0.03285,-0.07889,-0.00738,-0.05258,0.02156,0.07454,0.0563,0.06952,-0.0159,-0.06298,-0.07016,-0.01324,-0.02356,-0.11201,0.01825,-0.01163,0.00486,-0.02519,0.06648,-0.00407,-0.02665,-0.04696,0.01622,0.10374,0.01994,-0.03463,0.07191,0.03269,-0.02139,0.09866,-0.047,-0.07792,0.02796,0.03214,0.01985,-0.06,0.06371,-0.0714,-0.05328,0.01002,0.10402,0.05207,0.04369,0.02836,-0.06821,-0.03925,0.09701,-0.04132,0.00181,-0.0126,-0.00055,0.02209,0.00459,0.10532,-0.05898,-0.03168,-0.00763,-0.04618,0.03877,0.06405,-0.0052,-0.01648,-0.07558,-0.02732,0.00068,0.03773,0.05323,-0.00927,-0.08129,0.04608,0,0.01669,0.04652,-0.0409,0.03174,-0.00745,-0.0222,0.04402,0.00497,0.03184,0.10026,-0.02369,0.05731,0.0409,-0.07057,-0.0284,0.01415,-0.05362,-0.05994,0.08369,0.0223,0.02052,0.08481,0.02942,-0.00175,-0.01439,0.06489,0.02425,0.01147,-0.0148,0.03349,0.00323,-0.0154,-0.02321,-0.04467,-0.04709,-0.01071,-0.03329,0.14383,0.05482,-0.01789,0.11215,0.02422,-0.04377,0.00189,-0.09767,-0.05769,-0.01366,-0.0554,-0.03817,0.00926,-0.09438,0.01711,-0.10093,0.03508,-0.03015,-0.02441,0.0971,0.01332,-0.08697,0.01249,0.09251,-0.08178,-0.01896,0.01421,0.10945,0.02907,-0.03945,0.00838,0.13139,0.08861,-0.00565,0.00509,0.06116,-0.01272,0.04313,0.05635,0.01446,-0.04893,0.05578,0.08965,-0.08563,0.06977,-0.00013,0.0487,0.07611,-0.06056,-0.00521,0.01552,0.09017,0.01545,-0.01176,0.01076,-0.00774,-0.04415,-0.0183,0,-0.01455,0.02763,-0.04482,0.00938,0.00807,-0.07584,-0.03403,-0.0589,-0.04571,-0.00785,-0.09496,0.07997,0.00481,0.05204,0.08765,-0.0389,0.00759,-0.05438,-0.10334,-0.02937,-0.0657,0.00502,-0.00795,0.06013,-0.01998,-0.04828,-0.03961,0.00369,-0.01805,0.00497,-0.03902,-0.00259,-0.08567,0.09063,-0.03962,0.00319,-0.05732,-0.0113,-0.05463,0.03626,0.03254,-0.06645,0.00903,-0.00769,0.01835,0.08744,0.00055,0.00854,-0.02313,0.05823,-0.07041,-0.03988,-0.03829,0.00338,0.08955,-0.08855,-0.00197,0.05044,0.07001,-0.04893,-0.07371,0.04246,0.06054,-0.05568],"keywords":"FNodeOutletDirective - Shared Output Surface for Multiple Sources FNodeOutletDirective - Shared Output Surface for Multiple Sources Use `fNodeOutlet` when one shared connector surface should route connection creation across outputs. Example ::: ng-component <connector-outlet</connector-outlet [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.scss :::","excerpt":"Example ::: ng-component <connector-outlet</connector-outlet [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.scss :::"},{"chunkId":"/docs/connection-rules#0","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.05173,-0.02355,-0.07883,0.00376,0.011,0.03602,0.00157,-0.00468,-0.01495,-0.04132,0.02263,0.02655,0.01763,0.07973,0.00781,0.02756,0.02382,-0.03467,-0.00694,0.00274,0.04771,-0.08988,-0.07342,-0.01283,-0.04106,-0.08312,-0.01927,-0.06838,0.02592,-0.0166,-0.00571,0.02014,-0.15057,-0.01288,-0.0227,-0.04815,0.05317,-0.05953,-0.06253,0.02241,0.01106,-0.08536,0.00424,0.01304,-0.07197,0.01026,-0.03094,-0.01587,-0.02575,0.11473,-0.01893,0.05806,0.00921,0.04564,0.11093,0.0179,0.00066,0.00375,-0.025,0.01866,0.01147,-0.056,-0.02036,-0.04913,-0.06685,0.03052,-0.08257,-0.0132,0.03984,0.0108,0.03749,0.03403,-0.02693,-0.06822,0.09044,0.06011,-0.05223,0.05888,0.01006,-0.12636,0.0743,0.06172,-0.02367,-0.02339,-0.00345,0.14702,-0.07037,-0.00983,-0.01829,0.05208,0.03004,0.00512,0.02935,-0.01454,0.05332,-0.02686,0.00299,-0.02972,-0.06361,0.02262,-0.04034,-0.04156,-0.05819,0.08892,0.06581,-0.04268,-0.03102,-0.06015,-0.02959,0.0328,0.04921,0.00824,0.06087,-0.01387,-0.03906,0.06335,-0.01304,-0.00108,0.07574,0.03696,-0.10476,0.03768,0.02922,-0.03243,0.054,-0.03562,-0.06531,0,-0.02142,-0.01484,-0.00991,-0.03869,-0.0212,-0.00992,-0.02073,-0.01285,-0.03392,0.01214,-0.08562,-0.0001,-0.02279,0.00827,0.05885,-0.04988,0.04858,0.01475,0.03425,0.0127,0.02692,-0.10898,-0.01154,-0.03629,0.0286,0.08081,-0.08074,0.06756,0.09177,0.05962,-0.06928,0.01863,0.0481,0.01617,-0.02586,-0.045,-0.06686,-0.03666,-0.07461,-0.02938,0.0169,-0.0194,-0.13229,0.07794,0.01304,0.0148,0.00823,-0.05403,-0.02396,-0.00842,-0.06655,0.04374,-0.00296,-0.05647,0.02832,-0.14305,-0.08129,0.08859,-0.0376,0.00964,0.05846,0.03362,-0.05546,-0.02249,0.08706,0.11541,-0.04694,-0.00353,0.00818,-0.04735,-0.05725,0.08182,-0.03023,-0.02544,-0.03495,-0.07707,0.00072,0.01723,0.02012,-0.0832,0.01874,-0.05802,-0.00185,0.0656,0.01918,-0.05888,-0.00424,-0.01954,-0.05322,0.02683,0.04069,0.03594,0.0617,0.05224,0.02281,0,0.0325,0.03523,0.05531,-0.00769,0.01164,-0.00434,0.03115,-0.02185,0.05204,0.00006,-0.00738,0.00376,0.02625,-0.04762,-0.04922,-0.03804,-0.10112,-0.02036,-0.04895,0.02492,0.00573,-0.02938,-0.02028,0.02818,0.01056,-0.00333,-0.02845,-0.05059,-0.03019,-0.0204,0.04373,-0.01132,-0.0636,-0.05092,-0.00674,-0.07642,0.02382,0.13486,0.0452,-0.01388,0.03236,0.04508,-0.04292,0.03014,0.00629,0.03062,-0.09191,-0.02282,-0.10225,0.00599,-0.04807,-0.00948,-0.0135,0.02382,-0.00771,0.04293,0.16332,0.03877,0.00368,0.0387,0.05588,-0.09313,-0.01776,0.05152,0.10345,-0.00994,0.00913,0.04535,0.09416,0.11874,0.06378,0.0427,0.04202,0.02349,0.07393,-0.0023,-0.00811,-0.08379,0.01912,0.08965,-0.08233,0.07285,0.05176,0.06775,0.07043,0.08303,0.05296,0.02576,0.05815,0.0622,-0.01887,0.01006,-0.01959,-0.01966,-0.07112,0,-0.05503,-0.01978,-0.10622,-0.03877,-0.00571,0.06739,-0.01044,-0.03641,0.02899,0.04597,-0.05285,0.02995,-0.07046,0.03817,0.04147,-0.03633,0.0649,-0.01176,-0.02358,0.03249,-0.00744,-0.0306,-0.02434,0.12118,-0.02605,-0.11003,0.02663,0.04503,-0.01609,0.04271,-0.05608,-0.02645,-0.0078,0.03894,-0.10583,0.09759,-0.02804,0.02313,-0.05201,0.05394,0.08019,0.01467,-0.05545,-0.05153,0.03964,0.04783,0.06092,-0.02663,-0.04179,0.07753,-0.03932,0.0333,0.00171,0.01076,0.02464,-0.02258,-0.07462,-0.0057,0.04485,-0.02174,0.02773,0.04943,0.11035,0.00351],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Connection Rules Connection rules let you restrict which inputs can accept a connection from a specific output or outlet. Instead of letting users connect anything to anything, you can declare an allow‑list directly on the source connector and the library will: - highlight only valid targets during drag, - block invalid targets from being connected, - reduce “invalid graph” states caused by user mistakes. Connection rules are a UX guardrail. Your app should still validate and persist the final graph state. API note (v19+). On the unified fConnector directive the allow-list input is called fCanBeConnectedTo, and targets are matched by fConnectorId / fConnectorCategory. The legacy fCanBeConnectedInputs input on fNodeOutput / fNodeOutlet is deprecated but keeps working. The matching semantics below are the same for both APIs. f Connector f Can Be Connected To f Connector Id f Connector Category f Can Be Connected Inputs f Node Output f Node Outlet AP Is","excerpt":"Connection Rules Connection rules let you restrict which inputs can accept a connection from a specific output or outlet. Instead of letting users connect anything to anything, you can declare an allow‑list directly on the source connector and the library will: - highlight only valid targets during drag, - block invalid targets from being connected, - reduce “invalid graph” states caused by user mistakes. Connection rules are a UX guardrail. Your app should still validate and persist the final graph state. API note (v19+). On the unified fConnector directive the allow-list input is called fCanBeConnectedTo, and targets are matched by fConnectorId / fConnectorCategory. The legacy fCanBeConnectedInputs input on fNodeOutput / fNodeOutlet is deprecated but keeps working. The matching semantics below are the same for both APIs."},{"chunkId":"/docs/connection-rules#1","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[0.00521,-0.04085,-0.09494,0.02266,0.04892,0.05359,0.01708,-0.02785,0.03641,-0.07089,0.02673,-0.02248,-0.03007,0.03592,-0.02152,0.00967,-0.01787,-0.02738,-0.03439,0.02244,0.02629,-0.09122,-0.01309,-0.05479,-0.06148,-0.08508,-0.00915,-0.04688,-0.00875,-0.05095,0.00083,0.09696,-0.13868,0.00118,-0.00172,-0.025,0.05646,-0.06141,-0.06563,-0.00042,0.03401,-0.07806,0.05295,-0.00529,-0.05481,0.01375,-0.05228,0.01322,-0.04848,0.06926,-0.02305,0.02653,-0.00889,0.10585,0.07946,0.07479,-0.01455,-0.05657,0.00145,0.0296,0.01102,-0.00978,-0.02047,-0.03042,-0.07253,-0.02188,-0.0598,0.00192,0.02283,0.02032,0.03603,0.02674,-0.08069,-0.0408,0.08628,0.08563,-0.00636,0.05687,0.02201,-0.10649,0.05773,0.05886,-0.03489,-0.03054,0.04121,0.1355,-0.07928,-0.00575,-0.08589,0.072,0.03335,-0.03983,0.06378,-0.0149,0.01751,-0.05114,-0.015,-0.01274,-0.0227,0.0076,-0.06493,-0.00105,-0.02484,0.07195,0.01699,-0.05134,0.00575,-0.00307,0.02549,0.00307,0.03212,-0.03204,0.0649,-0.05252,-0.09916,0.05311,-0.08672,0.00623,0.09739,0.02136,-0.06236,0.04087,-0.00316,-0.02809,0.00083,-0.03099,-0.1132,0,0.01816,-0.02546,-0.0348,-0.01269,0.00011,-0.02196,-0.00416,-0.03165,-0.05345,0.04357,-0.10024,-0.01901,-0.0821,0.01972,0.04225,-0.0461,-0.00118,0.05352,-0.02337,0.02911,0.03049,-0.04114,-0.02149,-0.0892,0.05618,0.0699,-0.10198,0.02786,0.10035,0.07356,-0.05041,-0.00529,0.0519,0.01447,-0.00872,-0.03496,-0.03602,-0.05801,-0.0831,0.02396,0.00214,-0.04544,-0.11576,0.08079,0.0031,0.00904,0.0516,0.00608,-0.00254,0.01548,-0.04242,0.00156,0.04319,-0.04201,0.0162,-0.1169,-0.09541,0.07425,-0.03468,0.04591,0.01341,0.07619,-0.04605,-0.0127,0.11023,0.11035,-0.0098,-0.02011,0.03176,-0.04446,-0.02912,0.05564,-0.08049,-0.00273,0.01701,-0.06968,-0.03777,0.00183,0.03971,-0.0421,-0.01075,0.0046,0.01002,0.03231,0.02888,-0.02016,-0.00874,-0.05097,-0.06082,-0.00732,0.0255,0.04468,0.0293,0.01705,0.07881,0,-0.01126,0.02161,0.04504,-0.001,-0.01914,0.00328,-0.0047,-0.04387,0.06133,-0.00425,-0.02503,0.02942,0.00551,-0.09516,-0.00695,-0.03606,-0.09777,-0.03693,-0.05081,0.03093,0.04494,-0.00297,0.00354,0.0593,-0.01516,-0.02944,0.02179,-0.03941,-0.01495,-0.04575,0.05831,-0.00411,-0.07375,-0.01378,-0.01821,-0.03839,0.01926,0.10621,0.06866,-0.00774,0.01448,0.03379,-0.06356,0.05465,0.01209,-0.01028,-0.06575,-0.02829,0.02205,0.00407,-0.05591,-0.03768,-0.00388,0.01924,0.02036,0.05632,0.12935,0.00407,-0.03123,0.04569,0.07158,-0.08058,0.01898,0.01993,0.11393,-0.02111,0.03893,0.02821,0.05642,0.0457,0.03416,0.05991,0.05817,0.03472,0.02408,-0.04537,-0.01974,-0.05329,0.04384,0.08775,-0.05396,0.04834,0.02837,0.03556,0.09301,0.02663,0.0971,0.05404,0.03474,0.0332,-0.00149,-0.00763,0.02966,0.01248,-0.12844,0,-0.02468,0.01665,-0.14406,-0.04287,0.01028,0.07257,-0.06508,-0.04994,-0.00108,0.02231,-0.0729,0.06712,-0.03636,0.07489,0.0788,-0.07537,0.06256,-0.02673,-0.03631,0.02039,0.008,-0.02261,-0.03575,0.07986,-0.04373,-0.11092,0.03115,0.05541,0.02579,0.04217,-0.0529,0.00064,-0.09233,0.04605,-0.09991,0.10402,-0.03718,0.01633,-0.0568,0.049,0.11538,-0.02002,-0.05737,-0.03553,0.00172,0.03291,0.01831,-0.00501,-0.09227,0.09356,-0.02941,0.03101,-0.00884,0.03076,0.02994,-0.04016,-0.03823,0.03322,0.03045,-0.02913,0.04273,0.05467,0.11014,0.00944],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. How it works Rules are defined on source connectors: - fConnector with type source, source-target, or outlet — via fCanBeConnectedTo: string[] - fNodeOutput / fNodeOutlet (deprecated) — via fCanBeConnectedInputs: string[] During drag-to-connect, the library checks each candidate target connector and considers it connectable when either matches: - the target id (fConnectorId, legacy fInputId) - the target category (fConnectorCategory, legacy fInputCategory) — if you use categories f Connector f Can Be Connected To f Node Output f Node Outlet f Can Be Connected Inputs f Connector Id f Input Id f Connector Category f Input Category","excerpt":"How it works Rules are defined on source connectors: - fConnector with type source, source-target, or outlet — via fCanBeConnectedTo: string[] - fNodeOutput / fNodeOutlet (deprecated) — via fCanBeConnectedInputs: string[] During drag-to-connect, the library checks each candidate target connector and considers it connectable when either matches: - the target id (fConnectorId, legacy fInputId) - the target category (fConnectorCategory, legacy fInputCategory) — if you use categories"},{"chunkId":"/docs/connection-rules#2","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.04378,-0.02936,-0.0891,0.01844,0.04374,0.06764,0.02316,-0.06928,-0.00837,-0.01685,0.04985,0.01199,0.01706,0.07422,-0.0505,0.02179,0.00462,-0.00105,-0.04501,0.05701,0.03758,-0.10999,-0.05059,-0.00971,-0.06368,-0.07162,0.02667,-0.02372,0.01118,-0.05366,-0.02544,0.01508,-0.12753,0.02178,-0.01819,-0.07064,0.0767,-0.02922,-0.10697,-0.01462,0.0638,-0.09446,0.00306,0.02915,-0.05468,0.03637,-0.03655,0.00681,-0.0585,0.07679,-0.04441,-0.00068,-0.05038,0.0837,0.0311,0.02079,-0.03129,-0.025,0.02339,0.02181,0.01362,-0.03003,-0.0002,-0.01417,-0.06742,-0.01407,-0.06853,0.0526,-0.03039,0.02444,0.03415,0.02705,-0.09686,-0.02224,0.07412,0.06729,-0.04138,-0.00204,-0.00831,-0.06889,0.06005,0.05637,-0.04997,0.0307,0.01137,0.14761,-0.05782,-0.00342,-0.07243,0.01622,-0.00362,-0.04875,0.07582,-0.00463,0.0302,-0.04706,-0.01555,-0.05061,-0.02501,0.01779,-0.03294,-0.02922,-0.03085,0.06636,0.05428,-0.04658,0.0313,-0.032,0.00098,0.05484,0.00135,0.01136,0.04413,-0.08148,-0.07772,0.05224,-0.0818,0.00602,0.07018,-0.00572,-0.06352,0.05414,0.03125,-0.03201,0.04545,-0.00016,-0.10486,0,0.01165,-0.02908,-0.05523,0.00184,-0.015,-0.02231,-0.03909,-0.0292,-0.0681,0.03547,-0.05206,-0.03233,-0.02235,0.03857,0.05944,-0.02618,0.03148,0.09104,-0.00603,0.05312,-0.05396,-0.11002,-0.02129,-0.0359,0.0641,0.08475,-0.09878,0.04252,0.1537,0.05546,-0.02385,-0.00917,0.03716,0.02623,0.01184,-0.01987,-0.06167,-0.04268,0.00677,0.01709,0.02531,-0.09824,-0.12061,0.07107,-0.03653,0.0251,0.04651,-0.01309,-0.05236,-0.00011,-0.03966,-0.01078,0.02387,-0.01471,-0.01146,-0.12698,-0.11878,0.07078,-0.0202,0.0316,0.00632,0.08152,-0.06269,0.00739,0.08162,0.03644,-0.0126,-0.02308,0.03166,-0.08861,-0.06023,0.05569,-0.01038,-0.01217,-0.04255,-0.07042,-0.02609,0.05195,0.07064,-0.01459,-0.02436,-0.01716,0.048,0.02182,0.00828,-0.05407,-0.01087,-0.05322,-0.09494,0.00355,0.03537,0.04914,0.00412,0.01815,0.05253,0,0.00193,0.04217,0.06369,0.02467,0.01519,0.0074,0.05846,-0.00885,0.05387,-0.03793,0.00585,0.04711,0.00987,-0.06988,0.02654,-0.02697,-0.09677,-0.01689,-0.02643,-0.00372,0.06855,-0.02203,-0.02245,0.02098,-0.02671,-0.01763,0.00523,-0.04803,-0.00376,0.00876,0.06381,0.03417,-0.07662,-0.02157,0.00129,-0.00956,0.02232,0.12105,0.07659,-0.02876,0.02756,0.00471,-0.05638,0.04294,0.02814,0.00049,-0.03224,-0.01249,-0.05086,0.00908,-0.08145,-0.00756,0.0056,-0.01509,0.03215,0.03387,0.0803,-0.03422,0.02669,0.02354,0.11673,-0.07424,-0.04441,0.00422,0.07139,-0.01368,0.02107,0.01046,0.02037,0.02659,0.01831,0.07735,0.0932,0.0164,0.0492,-0.10911,-0.01769,-0.02069,0.04479,0.06108,-0.03565,0.07474,0.01822,0.00784,0.10695,0.0848,0.06872,0.09003,0.0239,0.01652,-0.06366,-0.00459,0.02891,0.05405,-0.13919,0,-0.0228,-0.00448,-0.06649,-0.04038,-0.0123,0.12226,-0.06819,0.00062,0.06624,0.04645,-0.0215,0.03271,-0.04423,0.09438,0.07411,-0.02861,-0.0075,-0.00783,-0.03147,0.01805,0.04246,0.01559,0.00102,0.11625,0.00338,-0.08753,-0.00473,0.05169,-0.01563,0.04235,-0.03219,0.00185,-0.07526,0.0583,-0.06425,0.11605,-0.07502,0.04113,-0.0364,0.03908,0.09039,-0.00297,-0.03833,-0.03849,0.02014,0.08018,0.03112,-0.02854,-0.09716,0.06876,-0.04134,0.04228,0.01848,0.02108,0.03596,-0.01765,0.0074,-0.0108,0.04061,-0.00688,0.02937,0.10179,0.06672,0.03934],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Quick start","excerpt":"Quick start"},{"chunkId":"/docs/connection-rules#3","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.06,0.00567,-0.06042,-0.00097,0.04511,0.04438,0.02944,-0.08133,-0.00091,-0.00929,0.03099,0.02563,0.0291,0.05606,-0.03045,0.05185,0.0297,-0.0107,-0.08089,0.04205,0.0364,-0.07356,-0.04632,0.00171,-0.09667,-0.0926,0.01785,0.00372,0.02376,-0.06897,0.02114,0.01121,-0.10521,0.00136,-0.04255,-0.07607,0.06955,-0.02155,-0.0656,-0.01884,0.06183,-0.09116,-0.04272,0.03619,-0.04073,0.00819,-0.0326,-0.02595,-0.06934,0.08034,-0.01504,0.0022,-0.03982,0.0551,0.00401,-0.00353,-0.02006,-0.0281,0.0349,0.01379,0.02525,-0.05226,-0.02417,-0.01283,-0.01883,-0.00987,-0.07685,0.0128,-0.00908,0.02575,0.07078,0.01419,-0.06334,-0.0239,0.06407,0.04496,-0.05024,-0.0118,0.03525,-0.08187,0.01551,0.0628,-0.02453,-0.02932,-0.00939,0.13144,-0.06453,-0.01943,-0.01472,0.0333,0.03066,-0.00984,0.06995,-0.0545,0.06486,-0.06173,0.00006,-0.0723,-0.04204,0.02998,-0.0254,-0.04567,-0.04398,0.08589,0.04132,-0.06265,0.02845,-0.03645,0.03976,0.0605,-0.0169,-0.00571,0.07436,-0.04214,-0.09121,0.05735,-0.02055,0.0053,0.06143,-0.01237,-0.08789,0.01719,0.03911,-0.05608,0.02703,-0.0006,-0.09354,0,-0.00218,-0.00658,-0.06259,-0.02316,-0.02039,0.027,-0.05057,-0.03625,-0.07978,0.03982,-0.06499,-0.02032,0.01323,0.03684,0.08645,-0.01786,0.03775,0.10513,0.02569,0.07603,-0.00266,-0.11368,-0.03427,-0.01679,0.01829,0.03559,-0.08447,0.04795,0.16244,0.05087,-0.0335,-0.01445,0.0388,0.03103,0.01782,0.01325,-0.07278,-0.03316,-0.0023,0.00028,0.03612,-0.06166,-0.10138,0.08115,-0.02184,0.0498,0.00629,-0.02858,-0.06071,0.00077,-0.04161,-0.00379,-0.01164,-0.01786,-0.01038,-0.12162,-0.1061,0.06732,-0.01871,0.00923,0.0306,0.05812,-0.10221,0.00323,0.06184,0.03179,-0.03241,-0.00869,0.06006,-0.08267,-0.09291,0.02869,-0.02922,0.01173,-0.05687,-0.10467,-0.02292,0.06816,0.08989,-0.02448,-0.05414,0.01318,0.02451,0.02698,0.02463,-0.02981,-0.00592,-0.01413,-0.08735,-0.04766,0.03135,0.07093,0.00513,0.01153,0.07609,0,-0.03109,0.01939,0.05716,0.0143,0.0096,0.03714,0.03421,-0.0508,0.09652,-0.06302,0.0228,0.02388,0.0521,-0.06855,0.01902,-0.08361,-0.12285,0.00134,-0.01418,0.02066,0.05434,-0.01402,0.00165,0.03477,-0.00555,-0.02045,-0.03044,-0.02619,0.00758,0.01149,0.02932,0.03072,-0.07291,0.0047,-0.03971,-0.06445,-0.00245,0.10603,0.05593,-0.00631,0.034,0.00113,-0.02119,0.09124,-0.00519,0.02079,-0.01376,-0.0336,-0.06532,-0.01074,-0.10634,0.00956,-0.00957,0.00764,0.02616,0.04334,0.11777,-0.0127,0.0579,0.01561,0.1116,-0.00472,0.00881,0.03485,0.08341,-0.04309,0.0307,0.01696,0.04999,0.04223,0.02338,0.04111,0.07531,0.0502,0.06512,-0.10411,-0.02246,-0.04096,0.00586,0.0467,-0.0546,0.08047,0.029,0.0032,0.10848,0.04782,0.06863,0.03867,0.02851,0.00182,-0.02469,-0.04294,0.01569,0.04459,-0.11777,0,0.02022,-0.04596,-0.06096,-0.05106,-0.01597,0.08321,-0.07568,-0.03269,0.06524,0.03624,0.02283,0.03886,-0.0802,0.01861,0.0781,-0.02928,0.01438,0.01458,-0.05461,0.02249,-0.01502,0.00455,-0.03931,0.10184,-0.00992,-0.08517,0.01389,0.05469,-0.03653,0.07394,-0.02221,-0.01631,-0.02935,0.06531,-0.06487,0.0794,-0.07234,0.03922,-0.03061,0.04253,0.08832,-0.00789,-0.01592,-0.03549,0.00571,0.10175,0.01739,-0.07098,-0.0797,0.0958,-0.03215,0.02625,0.06484,0.02201,0.03871,-0.01388,-0.02817,-0.01547,0.00829,-0.02949,0.05871,0.09902,0.11447,0.00163],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Allow only one specific target (by id) Only input-approve can be targeted.","excerpt":"Allow only one specific target (by id) Only input-approve can be targeted."},{"chunkId":"/docs/connection-rules#4","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.00665,-0.04693,-0.1019,0.02571,0.01361,0.07522,0.02835,-0.06255,0.00942,-0.01516,0.04415,-0.0175,-0.0085,0.06428,0.02008,0.0399,-0.01817,0.0059,-0.06068,0.03178,0.0097,-0.0965,-0.03706,-0.00807,-0.09059,-0.1008,0.01775,-0.02404,0.00178,-0.06465,-0.0131,0.03921,-0.15169,0.01344,0.0089,-0.05194,0.06721,-0.02999,-0.06014,0.03762,0.04646,-0.06344,0.04128,0.00161,-0.06737,0.02472,-0.04119,-0.00749,-0.03407,0.08152,-0.03522,0.01453,-0.05297,0.06457,0.05042,0.0416,-0.00892,-0.01902,-0.02571,0.02146,-0.00382,-0.00259,0.01418,-0.01193,-0.06546,-0.01693,-0.09142,0.04266,0.00626,0.05694,0.04123,0.01885,-0.04677,-0.01677,0.0892,0.08707,-0.01392,0.02696,0.03143,-0.0783,0.03775,0.0541,-0.03312,-0.01799,0.03842,0.13144,-0.06583,-0.02907,-0.0816,0.06181,0.01937,-0.02355,0.06859,-0.01224,0.02823,-0.06553,0.00069,-0.07223,-0.03968,0.00966,-0.05798,-0.02101,-0.03275,0.08691,0.02919,-0.04296,0.0063,-0.02274,0.01281,0.02368,0.02965,-0.01077,0.05688,-0.08996,-0.09363,0.03816,-0.05536,0.01049,0.09406,0.00978,-0.06151,0.03077,0.03946,-0.0163,0.03116,-0.0472,-0.14385,0,-0.00815,-0.01484,-0.02844,-0.00024,-0.02852,-0.02182,-0.02161,-0.03667,-0.06726,0.0448,-0.07626,-0.01721,-0.03238,0.03218,0.08272,-0.0179,0.04071,0.06583,-0.03796,0.02731,-0.01278,-0.08312,-0.03459,-0.06809,0.04208,0.07914,-0.09359,0.03632,0.11885,0.07466,-0.04835,0.00518,0.0331,0.02171,0.01009,-0.02043,-0.05221,-0.02706,-0.05409,0.00827,0.02047,-0.05808,-0.10617,0.08539,0.00026,0.02451,0.0601,-0.00447,-0.03256,-0.00125,-0.02059,-0.02544,0.01373,-0.02576,0.01428,-0.12036,-0.1335,0.04925,-0.04701,0.05271,0.02425,0.04053,-0.07738,0.00344,0.07068,0.05914,0.00325,-0.03871,0.03755,-0.07008,-0.0426,0.04194,-0.04906,-0.01939,-0.04441,-0.0864,-0.0115,0.0559,0.06169,-0.01567,-0.00595,-0.01781,0.01973,0.04094,-0.00707,-0.05469,-0.01088,-0.01246,-0.07534,0.00117,0.01822,0.0547,0.02665,0.02107,0.06218,0,-0.01078,0.0367,0.04638,-0.01366,-0.01122,0.02477,0.04247,-0.04458,0.03413,-0.00714,-0.02771,0.02578,-0.00121,-0.10087,0.00378,-0.07061,-0.08703,-0.02697,-0.0379,0.02271,0.03351,-0.02041,-0.00855,0.01125,0.01092,-0.0283,-0.02562,-0.01623,-0.02217,-0.01028,0.07756,0.02482,-0.07363,-0.04321,-0.01377,-0.04218,0.02659,0.07858,0.04038,-0.00709,0.02225,0.02406,-0.05356,0.06498,0.02908,0.01625,-0.02446,-0.0368,-0.00854,0.03323,-0.08139,-0.05355,-0.0054,-0.01172,0.01286,0.0491,0.08999,-0.01851,0.00687,0.03631,0.11934,-0.05793,-0.01136,0.03896,0.09885,-0.02384,0.02354,0.02973,0.04234,0.02914,0.03186,0.0902,0.05743,0.03942,0.02011,-0.07971,-0.01192,-0.04308,0.05472,0.07446,-0.06185,0.04599,0.03333,0.04327,0.10245,0.04733,0.08899,0.05963,0.00479,0.02023,-0.00386,-0.01555,0.06098,0.04984,-0.14617,0,-0.03191,0.01164,-0.08923,-0.04534,-0.03118,0.1031,-0.06755,-0.04354,0.03873,0.07043,-0.06218,0.0579,-0.04079,0.09084,0.06722,-0.07006,0.02793,-0.01778,-0.04162,0.03094,0.02127,0.0039,-0.01724,0.11923,-0.0108,-0.09681,-0.00577,0.05028,0.02477,0.07563,-0.04688,-0.01476,-0.06785,0.05851,-0.07661,0.10264,-0.01473,0.01564,-0.079,0.06623,0.11174,-0.01179,-0.03557,-0.02579,0.03806,0.06388,0.01499,-0.06182,-0.10104,0.1088,-0.0302,0.05163,-0.00672,0.03732,0.0116,-0.04055,-0.01006,0.00946,0.02538,-0.01623,0.04076,0.08281,0.08328,0.03992],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Allow a whole class of targets (by category) Only targets with fConnectorCategory=\"A\" are valid. f Connector Category","excerpt":"Allow a whole class of targets (by category) Only targets with fConnectorCategory=\"A\" are valid."},{"chunkId":"/docs/connection-rules#5","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[0.00822,-0.04539,-0.10443,0.00148,0.00815,0.05516,0.01307,-0.00569,0.01929,-0.08128,0.02844,-0.00524,-0.03451,0.04302,-0.02715,0.01574,-0.01444,-0.03859,-0.04204,-0.01146,0.01579,-0.06178,-0.03389,-0.05,-0.09698,-0.07794,0.00561,-0.02348,-0.01719,-0.05387,-0.00567,0.07332,-0.10666,-0.01834,0.02109,-0.05169,0.05037,-0.03432,-0.05881,-0.00828,0.03107,-0.08824,0.07052,-0.00116,-0.03396,0.01547,-0.07789,-0.01363,-0.0085,0.06927,-0.0225,0.0078,-0.03124,0.10804,0.08315,0.06443,-0.01956,-0.04727,-0.02863,0.02434,0.02583,0.01299,0.0038,-0.02138,-0.07609,-0.02822,-0.07156,0.02805,0.02799,0.04086,0.0139,0.05207,-0.07694,-0.01737,0.06193,0.10965,-0.0154,0.04067,0.01972,-0.12862,0.0359,0.07983,-0.01217,-0.05322,0.03974,0.13832,-0.05197,-0.00934,-0.08015,0.08137,0.01805,-0.04879,0.09919,-0.00872,0.00282,-0.02225,-0.00363,-0.05002,-0.03215,0.0081,-0.0719,-0.00796,-0.03009,0.05906,0.02284,-0.02024,0.00476,-0.00367,0.04905,-0.03221,0.0149,0.0003,0.02967,-0.06014,-0.11034,0.0251,-0.06135,0.01929,0.10852,0.0188,-0.03596,-0.00344,-0.00737,-0.04567,0.00033,-0.0308,-0.13016,0,0.0113,-0.01646,-0.01466,-0.02897,0.02582,-0.03339,-0.02952,-0.02304,-0.07303,0.05865,-0.09674,-0.01789,-0.07155,-0.00037,0.06786,-0.02368,0.01276,0.04426,-0.01306,0.00489,-0.00475,-0.02944,-0.01143,-0.06714,0.08833,0.07952,-0.08846,0.04058,0.10892,0.0721,-0.03056,-0.03262,0.05966,0.02019,0.00625,-0.02598,-0.00898,-0.08274,-0.09855,0.03696,0.01869,-0.03047,-0.12816,0.09954,0.03034,0.03506,0.05225,0.0005,0.00165,0.02172,-0.06365,-0.00267,0.02006,-0.05057,-0.00182,-0.11915,-0.10378,0.05504,-0.03868,0.049,0.01369,0.04178,-0.04654,0.02754,0.09697,0.08954,0.01886,-0.03349,0.02729,-0.04493,-0.04088,0.04056,-0.06367,0.01712,-0.01434,-0.07281,-0.04581,0.01624,0.02324,-0.01494,-0.00906,0.00697,-0.01508,0.06967,-0.00338,0.0022,-0.01078,-0.0213,-0.04531,0.00232,-0.00142,0.07513,0.04639,0.03077,0.03775,0,0.00289,0.02891,0.04363,-0.01179,-0.00384,-0.00718,0.01867,-0.04591,0.0633,-0.01249,0.01618,0.02112,-0.00705,-0.12585,0.00664,-0.0613,-0.08387,-0.01996,-0.05392,0.03482,0.03137,-0.0037,-0.00477,0.02993,0.01624,-0.01567,-0.00316,-0.0491,-0.04615,-0.02019,0.04212,0.00875,-0.02597,0.0091,-0.0416,-0.04196,0.03276,0.04835,0.0507,-0.01706,0.03404,0.04406,-0.06169,0.08437,-0.00866,-0.02712,-0.07751,-0.03131,0.02939,0.03363,-0.07056,-0.06722,-0.00477,0.00808,0.02463,0.05613,0.11516,-0.00339,-0.01719,0.042,0.07654,-0.06814,0.03402,0.07031,0.11533,-0.04488,0.03444,0.01152,0.05159,0.01037,0.04418,0.0474,0.02505,0.03815,-0.01202,-0.07632,-0.01868,-0.04608,0.02747,0.11116,-0.05482,0.05707,0.03085,0.05209,0.08537,0.01491,0.09586,0.07167,0.02759,0.04984,0.00354,0.00321,0.04384,0.03265,-0.13502,0,-0.01764,-0.00769,-0.14167,-0.05118,0.00984,0.07925,-0.11418,-0.05571,0.00592,0.05079,-0.04701,0.06353,-0.04854,0.06929,0.06266,-0.06233,0.04627,-0.00671,-0.04566,0.07858,-0.01276,0.01157,-0.03051,0.06741,-0.02452,-0.10824,0.01886,0.0658,0.01701,0.05465,-0.04967,-0.01294,-0.06932,0.07078,-0.08365,0.095,-0.04417,0.01769,-0.04416,0.05805,0.12033,-0.03064,-0.00538,-0.01338,0.03332,0.02937,-0.00298,-0.00333,-0.07832,0.07281,-0.04514,0.01663,0.01344,0.01901,0.03811,-0.01009,-0.02373,0.03697,0.02377,-0.01947,0.03351,0.06838,0.09202,0.01892],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Naming conventions for the allow-list fCanBeConnectedTo (legacy fCanBeConnectedInputs) is a simple allow-list of strings. Each string can be interpreted as either: - a concrete target id (fConnectorId, legacy fInputId) - or a target category (fConnectorCategory, legacy fInputCategory) Because both are plain strings, you should adopt a convention to avoid accidental collisions (when some target id equals a category name). f Can Be Connected To f Can Be Connected Inputs f Connector Id f Input Id f Connector Category f Input Category","excerpt":"Naming conventions for the allow-list fCanBeConnectedTo (legacy fCanBeConnectedInputs) is a simple allow-list of strings. Each string can be interpreted as either: - a concrete target id (fConnectorId, legacy fInputId) - or a target category (fConnectorCategory, legacy fInputCategory) Because both are plain strings, you should adopt a convention to avoid accidental collisions (when some target id equals a category name)."},{"chunkId":"/docs/connection-rules#6","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.04177,-0.02557,-0.09228,0.02034,0.00378,0.05213,0.01048,-0.0624,0.01609,-0.0502,0.0432,0.00094,0.01355,0.06783,-0.02723,0.03452,-0.02125,0.00101,-0.05139,0.02223,0.04009,-0.04648,-0.05347,-0.03272,-0.08975,-0.06277,0.01805,-0.02522,0.03614,-0.04606,-0.01841,0.01513,-0.12837,0.00644,-0.01388,-0.04547,0.09541,-0.03348,-0.09599,-0.00563,0.07536,-0.09873,0.0062,0.02669,-0.07746,0.02031,-0.06242,-0.01982,-0.0576,0.07977,-0.04156,-0.0261,-0.02607,0.10116,0.02129,0.02343,-0.0519,-0.02853,0.02354,0.01643,0.00864,-0.01166,-0.00009,0.00535,-0.04867,-0.02662,-0.06542,0.05276,-0.01845,0.04857,0.03626,0.02561,-0.09485,-0.03659,0.04484,0.05614,-0.01516,-0.01686,0.01541,-0.08285,0.03991,0.06144,-0.0484,0.01015,0.03457,0.16757,-0.07576,-0.00968,-0.06444,0.03342,0.0074,-0.07752,0.07195,-0.01498,0.03873,-0.04144,0.01304,-0.03667,-0.03218,0.01944,-0.05007,-0.02361,-0.05102,0.07217,0.06605,-0.04585,0.02329,-0.01939,0.03174,0.02982,0.0092,-0.00755,0.03547,-0.0688,-0.07289,0.03006,-0.03907,-0.00486,0.09968,0.00033,-0.0701,0.02818,-0.02303,-0.0281,0.0307,-0.01556,-0.09112,0,0.02197,-0.02279,-0.05946,-0.01278,-0.0087,-0.00014,-0.05627,-0.03423,-0.08876,0.05561,-0.06502,-0.04671,-0.04014,0.03083,0.06226,-0.00235,0.04496,0.08366,-0.02837,0.03459,-0.04924,-0.07655,-0.03465,-0.02291,0.05996,0.07417,-0.09083,0.02824,0.1352,0.0472,0.01297,-0.03175,0.04229,0.02561,-0.01974,-0.01248,-0.05001,-0.01638,-0.02128,0.01053,0.05368,-0.07426,-0.11805,0.09872,-0.00641,0.0199,0.056,-0.02107,-0.04928,-0.02221,-0.0406,0.0124,0.03547,-0.0384,-0.00286,-0.13456,-0.11308,0.05689,-0.03462,0.03048,0.00446,0.08663,-0.03488,0.02096,0.09424,0.04054,-0.01594,-0.03085,0.04579,-0.07017,-0.07949,0.0447,-0.0495,0.01533,-0.0437,-0.10926,-0.03659,0.03534,0.05288,0.01203,-0.02377,0.0056,0.00675,0.0469,0.01089,-0.03482,-0.00838,-0.03939,-0.08344,-0.01124,0.01797,0.06368,-0.00782,-0.0196,0.0645,0,-0.01013,0.04183,0.05027,0.03275,-0.0135,0.01714,0.0681,-0.0367,0.0677,-0.0307,-0.00349,0.063,0.01114,-0.09053,0.03161,-0.04098,-0.14429,-0.03635,-0.00506,-0.00353,0.03652,-0.01889,-0.01748,0.04961,-0.01845,-0.04635,0.00598,-0.03469,-0.02708,-0.02482,0.03554,0.05191,-0.06195,0.00059,-0.04372,-0.02536,0.01764,0.09878,0.07407,-0.0008,0.02113,0.03588,-0.05371,0.09923,-0.00566,-0.00781,-0.03766,-0.02984,-0.03619,0.00742,-0.08816,-0.02503,-0.00767,-0.01374,0.05275,0.04725,0.06419,-0.01856,0.00896,0.02474,0.09874,-0.04496,-0.03585,0.01646,0.04861,-0.0345,0.00774,-0.01616,0.05882,-0.00316,0.02429,0.09513,0.05744,0.01755,0.02272,-0.11429,0.01666,-0.01268,0.04828,0.06862,-0.05272,0.08503,0.01989,0.03379,0.12131,0.08165,0.07077,0.10176,0.00128,0.04973,-0.03827,0.00969,0.02369,0.04125,-0.13395,0,-0.0204,0.01487,-0.06275,-0.04736,-0.01611,0.11092,-0.06781,-0.03717,0.05033,0.05086,-0.0204,0.04515,-0.05863,0.06561,0.07097,-0.04281,0.01559,-0.00089,-0.03288,0.04518,0.03136,0.02202,-0.03892,0.0929,0.01978,-0.10424,0.00911,0.05369,-0.02423,0.0298,-0.02226,-0.00419,-0.04764,0.03456,-0.04652,0.08622,-0.06452,0.03614,-0.01973,0.04174,0.11682,-0.02809,-0.02508,-0.04441,-0.01625,0.08827,0.04693,-0.04486,-0.10182,0.07846,-0.04249,0.01842,0.02724,0.01293,0.0586,-0.01734,-0.00146,-0.01891,0.03002,-0.01188,0.05538,0.09487,0.06021,0.02381],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Recommended convention Use prefixes: - id:<inputId — for a specific input - cat:<category — for a category Example: And on the targets: input Id","excerpt":"Recommended convention Use prefixes: - id:<inputId — for a specific input - cat:<category — for a category Example: And on the targets:"},{"chunkId":"/docs/connection-rules#7","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.03716,-0.00998,-0.09419,0.0126,-0.01056,0.04322,0.00232,-0.09062,-0.00668,-0.05223,0.02694,0.0267,0.02941,0.03219,-0.03394,0.03173,-0.01656,-0.00548,-0.04748,-0.00207,0.05086,-0.0535,-0.03501,-0.00093,-0.09647,-0.04205,0.02205,-0.01239,0.02014,-0.04995,-0.0232,0.02393,-0.11499,0.01273,-0.01378,-0.07158,0.03437,0.01366,-0.0818,0.00988,0.04006,-0.06635,0.01486,0.00965,-0.09225,0.03449,-0.07365,-0.01253,-0.05735,0.04774,-0.02071,-0.01045,-0.04146,0.0549,0.04291,0.00067,-0.06598,-0.06737,-0.03451,0.04753,0.00581,0.00392,0.00112,-0.00643,-0.05621,-0.00698,-0.07786,0.10679,-0.00633,0.09435,0.05508,0.04082,-0.12147,-0.00935,0.05801,0.06863,-0.02228,-0.00933,-0.00525,-0.0589,-0.00241,0.06101,-0.01861,-0.0011,0.00871,0.12075,-0.06105,-0.01838,-0.0767,0.02172,-0.00352,-0.09195,0.12176,-0.00591,0.0659,-0.04687,0.04193,-0.03369,-0.03607,-0.0032,-0.06859,-0.02885,-0.03234,0.08041,0.05366,-0.02624,0.03308,-0.01902,0.02407,0.00626,0.03408,0.00081,0.01255,-0.07247,-0.09992,0.00395,-0.00276,0.00418,0.11367,-0.02591,-0.05685,0.00198,0.03231,-0.00796,0.035,-0.00019,-0.08719,0,-0.01553,-0.03959,-0.04231,-0.0175,0.0164,0.00181,-0.07994,-0.03992,-0.07647,0.04852,-0.03634,-0.0172,-0.03017,0.00906,0.05457,0.01631,0.07761,0.09187,-0.0488,0.02058,-0.04042,-0.09006,-0.03425,-0.01974,0.05173,0.0459,-0.10318,-0.00158,0.14644,0.04219,0.00071,-0.00382,0.07064,0.06988,-0.01414,0.03824,-0.05627,-0.02847,-0.00687,0.02039,0.04137,-0.04745,-0.09866,0.08305,0.02273,0.05394,0.05283,-0.0223,-0.044,-0.0151,-0.02115,0.05099,0.01376,-0.03469,-0.04203,-0.15925,-0.10438,0.03249,-0.02074,0.06736,-0.03305,0.05093,-0.03317,0.03644,0.08801,0.03785,-0.0086,0.01525,0.05872,-0.04473,-0.07664,-0.00292,-0.04929,0.0042,-0.05951,-0.09535,-0.03175,0.04654,0.03802,0.02295,-0.00741,-0.01,0.02775,0.03671,0.01512,-0.04476,-0.01266,-0.03472,-0.05911,0.01554,-0.01004,0.07492,0.00634,-0.00121,0.05792,0,0.01915,0.02041,0.06101,-0.01436,-0.02092,-0.00209,0.05183,-0.03467,0.05432,-0.05706,0.00863,0.0564,0.02347,-0.12674,0.018,-0.05819,-0.11031,0.01449,-0.01236,0.00636,0.04412,-0.03684,-0.02155,0.04873,0.01232,-0.04506,-0.06169,-0.0478,0.00759,-0.01112,0.03199,0.01315,-0.0342,-0.06776,-0.04599,-0.03181,-0.00988,0.1198,0.07718,0.0253,0.00319,0.02352,-0.08384,0.06624,0.01408,-0.03976,-0.04658,-0.02389,-0.04329,-0.00772,-0.07538,0.00837,0.0007,-0.04375,0.06948,0.01416,0.05269,-0.00414,0.04002,0.02104,0.109,-0.03821,-0.01943,0.01979,0.07159,-0.07506,-0.00947,-0.02574,0.05202,-0.03738,0.00302,0.06012,-0.0006,0.00303,-0.00489,-0.11512,0.0179,-0.02885,0.05202,0.08456,-0.06586,0.08425,0.03158,0.05061,0.08889,0.05259,0.07324,0.11286,0.01231,0.05783,-0.01925,-0.00477,0.013,0.04898,-0.13553,0,-0.01745,-0.02456,-0.07915,-0.02769,-0.01803,0.07528,-0.10768,-0.01203,0.05118,0.06142,0.01675,0.07425,-0.07972,0.06779,0.09142,-0.0584,0.00626,-0.00112,-0.05918,0.08431,-0.01056,0.00047,-0.04283,0.09963,-0.01363,-0.09345,0.01746,0.01829,0.00469,0.05718,-0.02351,-0.01476,-0.03414,0.08384,-0.01086,0.06992,-0.06161,0.03466,-0.03997,0.02703,0.09163,-0.03813,0.02192,0.00048,0.03243,0.05559,0.02393,-0.04733,-0.07812,0.09169,-0.04287,0.03239,0.02853,0.00416,0.05345,-0.02784,-0.00658,0.03047,0.05696,-0.01524,0.0697,0.03224,0.07874,0.01912],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. If you don't want prefixes You can also enforce “no overlap” by policy: - target ids are always like input:<name or in-<number - categories are always like CAT<name or type:<name The key point is: make ids and categories visually distinct so allow-lists are readable and safe.","excerpt":"If you don't want prefixes You can also enforce “no overlap” by policy: - target ids are always like input:<name or in-<number - categories are always like CAT<name or type:<name The key point is: make ids and categories visually distinct so allow-lists are readable and safe."},{"chunkId":"/docs/connection-rules#8","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.07469,-0.00257,-0.09082,0.02899,0.04444,0.04645,0.01508,-0.07284,0.01235,-0.03017,0.03241,-0.00648,0.03505,0.08488,-0.01537,0.03373,0.01524,0.017,-0.0674,0.04407,0.04274,-0.05997,-0.04339,-0.00409,-0.04905,-0.08473,0.00676,-0.06471,0.0164,-0.03376,-0.0342,0.01967,-0.16715,0.03024,-0.03143,-0.05453,0.06979,-0.05133,-0.07803,-0.00052,0.06742,-0.05842,-0.00678,0.00406,-0.07039,0.02298,-0.03619,0.01176,-0.07497,0.09617,-0.04794,-0.01193,-0.03851,0.07844,0.02906,0.01462,-0.02899,-0.02446,0.00103,0.02313,0.02987,-0.04921,-0.01375,-0.0086,-0.06101,-0.01822,-0.08671,0.04903,-0.01799,-0.00239,0.04397,0.01778,-0.07526,-0.02091,0.08756,0.05101,-0.03532,0.00891,0.00066,-0.07829,0.05743,0.03878,-0.04576,0.04448,0.01132,0.14878,-0.06777,0.01869,-0.07562,0.02278,0.00467,-0.06502,0.06536,-0.01349,0.04211,-0.04455,-0.01653,-0.05067,-0.04659,0.02678,-0.04589,-0.02434,-0.061,0.0721,0.06294,-0.04832,0.02032,-0.04751,-0.00335,0.07443,0.00719,-0.00373,0.05012,-0.07669,-0.07834,0.06714,-0.07761,0.00074,0.09293,-0.01063,-0.04835,0.0512,0.04071,-0.03576,0.03962,-0.02003,-0.08135,0,0.02209,-0.02997,-0.01467,0.00082,-0.01654,-0.01399,-0.02997,-0.03295,-0.04856,-0.00238,-0.06892,0.00148,-0.01378,0.03604,0.06562,-0.01782,0.03015,0.11673,-0.00664,0.05533,-0.04824,-0.1058,-0.02621,-0.03276,0.04699,0.06597,-0.09958,0.03733,0.13371,0.0574,-0.02582,-0.00534,0.03377,0.02283,0.00398,-0.00523,-0.06844,-0.04571,-0.01283,0.00353,0.03935,-0.0787,-0.12493,0.09281,-0.05594,0.0251,0.02686,-0.03141,-0.05589,-0.00631,-0.04992,0.02402,0.03172,-0.05048,0.00608,-0.14358,-0.09994,0.05057,-0.01779,0.00952,0.02443,0.05381,-0.05665,0.01056,0.08873,0.04286,-0.01411,-0.01037,0.03277,-0.07746,-0.04653,0.06886,-0.033,-0.01435,-0.05962,-0.10825,-0.00068,0.04313,0.05707,-0.02771,-0.0033,-0.02504,0.03339,0.01907,-0.00775,-0.02907,-0.00457,-0.04479,-0.0885,0.00652,0.02369,0.03903,-0.01648,0.00998,0.05513,0,0.00273,0.01922,0.06004,0.00867,0.01781,-0.00894,0.04595,0.0187,0.07074,-0.03029,-0.01579,0.0436,0.0165,-0.05887,0.02808,-0.03813,-0.12327,-0.03095,-0.00354,-0.01918,0.06556,-0.00621,-0.02701,0.03151,-0.04262,-0.04296,-0.02429,-0.04126,-0.00837,-0.00362,0.05616,0.0097,-0.07609,0.00593,-0.02698,-0.02295,0.02662,0.14657,0.06912,-0.03197,0.01382,-0.0054,-0.05928,0.05779,0.04455,-0.01169,-0.03784,0.0022,-0.04613,-0.01463,-0.05195,-0.00919,0.00083,-0.00756,0.04781,0.04858,0.08868,-0.03513,0.04281,0.00918,0.07894,-0.05191,-0.04077,0.00791,0.06389,-0.01608,0.00424,-0.00176,0.0315,0.03642,0.01698,0.06141,0.08859,0.01595,0.04723,-0.10792,-0.00995,-0.023,0.02719,0.05822,-0.06303,0.07242,0.04891,0.04324,0.13342,0.08131,0.07951,0.08882,0.00215,0.03991,-0.06273,0.01046,0.01242,0.04664,-0.1173,0,-0.03131,0.01285,-0.08547,-0.02612,-0.03402,0.12221,-0.05343,-0.00059,0.07472,0.0518,-0.03825,0.02703,-0.04618,0.08716,0.05303,-0.03232,0.00941,0.00703,-0.02894,0.02483,0.03775,0.01623,0.01741,0.07824,0.0028,-0.08824,0.00651,0.06025,-0.0001,0.02853,-0.04579,-0.01008,-0.04871,0.02702,-0.04215,0.09182,-0.07168,0.02697,-0.03272,0.04461,0.10651,-0.00828,-0.03607,-0.03219,0.0465,0.07608,0.04652,-0.04421,-0.08375,0.07573,-0.05241,0.02638,0.00627,0.03531,0.03862,-0.03677,-0.02496,-0.01257,0.04648,0.00855,0.06778,0.09098,0.08607,0.04288],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. API","excerpt":"API"},{"chunkId":"/docs/connection-rules#9","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.00149,-0.02136,-0.12451,0.02896,0.02704,0.08119,0.03322,-0.01845,0.01051,-0.0615,0.04742,0.00553,-0.00411,0.02891,-0.03893,0.00536,-0.02094,-0.0314,-0.00574,0.01048,0.01052,-0.09607,-0.04996,-0.02836,-0.05568,-0.07426,0.02621,-0.04152,0.00814,-0.04659,-0.01675,0.07208,-0.12379,-0.017,-0.02669,-0.04034,0.06843,-0.04217,-0.05789,-0.02751,0.05248,-0.11704,0.0418,-0.01889,-0.05371,0.00067,-0.05241,-0.00264,-0.03131,0.06839,-0.03941,0.01416,-0.02153,0.10477,0.08039,0.04897,0.0009,-0.00964,0.00218,0.03158,0.00568,-0.01547,-0.01603,-0.02008,-0.06766,-0.00347,-0.04937,0.02747,-0.00632,0.01485,0.03493,0.02992,-0.05373,-0.07162,0.08589,0.08007,-0.02729,0.05265,0.02697,-0.09461,0.08886,0.0799,-0.02837,-0.00599,0.0145,0.16009,-0.06961,0.0184,-0.05998,0.04605,0.01507,-0.02222,0.04704,0.00061,0.00875,-0.04626,-0.03784,-0.02479,-0.03334,0.01841,-0.07158,-0.00084,-0.02175,0.07174,0.03531,-0.03135,0.01951,-0.03984,0.03296,-0.01401,0.01111,-0.02295,0.01904,-0.04962,-0.06392,0.04374,-0.03171,-0.00163,0.09185,0.01058,-0.05959,0.01554,-0.03006,-0.0275,0.02762,-0.03851,-0.07764,0,0.0119,0.00295,-0.04138,-0.01434,0.00589,-0.01433,-0.01071,-0.01494,-0.04819,0.01717,-0.09176,-0.05024,-0.07483,0.0089,0.03945,-0.06766,0.03321,0.03616,0.01133,0.01117,0.03162,-0.07146,-0.03862,-0.07915,0.06713,0.08882,-0.11422,0.02862,0.08295,0.06052,-0.0192,-0.01184,0.05921,0.02926,-0.01966,-0.05092,-0.05414,-0.02702,-0.08442,0.02571,0.01926,-0.05955,-0.11068,0.06641,0.02841,0.0118,0.00984,-0.01217,0.0023,0.00469,-0.05676,0.00516,0.04153,-0.06174,0.02644,-0.11777,-0.13297,0.09721,-0.01119,0.04166,-0.0114,0.08042,-0.05124,-0.02479,0.08009,0.09678,-0.02761,-0.05502,0.02688,-0.07033,-0.07056,0.07216,-0.06955,-0.01475,-0.02612,-0.05107,-0.05582,-0.00647,0.03625,-0.03663,-0.01149,-0.01114,0.01173,0.04381,0.05722,-0.03548,-0.036,-0.04919,-0.04608,0.01941,0.03414,0.06137,0.00932,-0.00632,0.07234,0,-0.00782,0.04485,0.0384,0.01167,-0.02484,0.0203,0.02857,-0.01517,0.04149,0.00852,-0.00653,0.0308,-0.00204,-0.10595,-0.01328,-0.02478,-0.096,-0.01908,-0.02744,0.03193,0.02785,-0.02783,0.0361,0.03511,-0.00956,0.00911,0.04439,-0.01511,-0.0139,-0.00831,0.03634,0.01364,-0.08532,-0.01489,-0.02968,-0.02934,0.019,0.13771,0.05351,-0.01561,0.04454,0.04503,-0.06207,0.07059,0.00778,-0.022,-0.05825,-0.03823,-0.0194,0.02273,-0.0772,-0.04241,-0.04134,0.001,0.0143,0.05255,0.13446,0.02469,0.00553,0.03799,0.08924,-0.12121,-0.00598,0.03687,0.13055,-0.01621,0.0399,0.06608,0.07241,0.06268,0.04469,0.07663,0.05889,0.04551,0.00477,-0.03849,-0.01295,-0.05485,0.03172,0.08795,-0.02123,0.05709,0.01934,0.02247,0.08762,0.03467,0.08138,0.04714,0.03886,0.01388,-0.02861,0.05161,0.02885,0.01696,-0.12868,0,-0.03417,-0.01194,-0.10964,-0.03249,0.01225,0.06057,-0.04796,-0.06067,0.02513,0.04269,-0.07722,0.04998,-0.02344,0.06808,0.08226,-0.07136,0.04348,-0.02096,-0.03885,0.0268,0.0378,-0.00849,-0.04395,0.09534,0.00978,-0.12163,0.00813,0.06411,0.02129,0.04391,-0.04419,0.01188,-0.06233,0.03853,-0.10968,0.09892,-0.0368,0.03163,-0.06961,0.01534,0.08662,-0.01694,-0.06645,-0.05985,0.02514,0.03684,0.04891,-0.00839,-0.08268,0.06673,-0.04484,0.02059,0.02625,0.01952,0.0414,-0.03805,-0.03325,0.01784,0.03152,-0.03782,-0.0234,0.07505,0.10197,0.01377],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Source-side input - fCanBeConnectedTo: string[]; Declared on [fConnector] (types source, source-target, outlet). - fCanBeConnectedInputs: string[]; (deprecated) Declared on [fNodeOutput] and [fNodeOutlet]. f Can Be Connected To f Connector f Can Be Connected Inputs f Node Output f Node Outlet","excerpt":"Source-side input - fCanBeConnectedTo: string[]; Declared on [fConnector] (types source, source-target, outlet). - fCanBeConnectedInputs: string[]; (deprecated) Declared on [fNodeOutput] and [fNodeOutlet]."},{"chunkId":"/docs/connection-rules#10","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.00794,-0.02827,-0.10735,0.05164,0.04319,0.08683,0.00774,-0.03872,0.03499,-0.05875,0.01612,-0.0075,-0.03295,0.06124,-0.05992,-0.0203,-0.02466,-0.00438,-0.03518,0.01367,0.0148,-0.10741,-0.03761,-0.03933,-0.11101,-0.06338,0.02176,-0.0519,-0.00371,-0.07334,-0.04734,0.04828,-0.12121,0.01767,-0.0391,-0.03775,0.0529,-0.05936,-0.08029,-0.03573,0.03285,-0.10774,0.04257,0.00469,-0.03955,-0.00804,-0.06515,0.00024,-0.03394,0.11584,-0.04678,-0.00728,0.00525,0.09917,0.0474,0.06233,-0.02017,-0.04837,-0.00993,0.03324,0.00973,-0.00717,-0.00243,-0.03321,-0.02854,-0.00164,-0.03605,0.00279,-0.00153,0.01778,0.05315,0.04046,-0.06807,-0.05193,0.10119,0.04156,-0.05402,0.04648,0.04122,-0.08677,0.09313,0.07266,-0.04229,-0.00025,0.04248,0.16389,-0.08482,0.01185,-0.06526,0.0189,0.01073,-0.06121,0.03267,-0.01076,0.0039,-0.05841,-0.03224,-0.03624,-0.0467,-0.00008,-0.09682,0.0085,-0.01443,0.06477,0.05486,-0.02194,0.03236,-0.03407,0.00298,0.00147,0.01921,-0.00428,0.05954,-0.0249,-0.06587,0.04299,-0.05895,-0.00678,0.09154,0.0248,-0.02824,0.04108,-0.05228,-0.00312,0.02647,-0.05068,-0.1009,0,0.02977,0.01916,-0.02409,-0.00726,-0.00437,-0.00263,0.00818,-0.02874,-0.07866,0.04328,-0.092,-0.02313,-0.0424,-0.00431,0.07879,-0.05462,0.02778,0.07166,0.00588,0.01339,0.01592,-0.04692,-0.028,-0.0823,0.06983,0.08638,-0.11514,0.04187,0.11872,0.04935,-0.03029,-0.0022,0.03322,0.00808,-0.01265,-0.05575,-0.03226,-0.03757,-0.07026,0.04966,0.03911,-0.05963,-0.10108,0.05198,-0.02303,0.02082,0.04373,-0.00982,0.02352,-0.01961,-0.0608,-0.00289,0.00849,-0.06835,0.01748,-0.14272,-0.12888,0.04973,-0.04095,0.02763,0.02248,0.03832,-0.06051,-0.01749,0.033,0.06001,-0.00643,-0.04134,0.06466,-0.07569,-0.06545,0.05048,-0.02182,0.00013,-0.01461,-0.05987,-0.04605,-0.03896,0.04966,-0.03815,-0.00594,-0.01237,0.02132,0.06417,0.07623,-0.02138,-0.03857,-0.04793,-0.06281,-0.0004,0.00342,0.04173,0.02731,-0.02513,0.055,0,-0.01623,0.01086,0.02077,0.01921,-0.02003,0.03064,0.03662,-0.01535,0.04871,-0.03332,-0.01678,0.03997,0.02169,-0.10227,-0.00541,0.00191,-0.13415,-0.00728,0.00341,-0.00598,0.04812,-0.01768,-0.00503,0.06961,-0.01194,-0.00476,0.02542,-0.02652,-0.02627,-0.0053,0.02951,-0.00478,-0.07168,-0.00547,-0.01475,-0.03339,0.03195,0.11106,0.06203,0.02682,0.03369,0.01579,-0.04748,0.06412,0.01978,-0.0256,-0.05866,-0.01717,0.0081,0.00331,-0.06234,-0.04878,-0.04153,-0.02451,-0.01081,0.06124,0.1125,0.00916,0.00861,0.05924,0.0769,-0.08424,-0.00002,0.02066,0.11232,-0.01055,0.03424,0.06798,0.05814,0.04221,0.03785,0.08308,0.09549,0.07146,0.04164,-0.06944,0.01043,-0.0499,0.05093,0.09116,-0.02065,0.0484,0.01296,0.02693,0.08837,0.05054,0.10705,0.0554,0.01139,0.00766,-0.01893,0.00881,0.04162,0.00586,-0.11739,0,-0.01057,0.02932,-0.10267,-0.05147,-0.01511,0.05756,-0.04714,-0.03445,0.01268,0.01985,-0.06021,0.07172,-0.02413,0.06419,0.07305,-0.03529,0.01854,0.0145,-0.03818,0.00359,0.03757,0.02483,-0.05131,0.06289,-0.02209,-0.12359,-0.01057,0.06465,0.02109,0.03025,-0.04424,-0.01498,-0.03851,0.05821,-0.07804,0.08364,-0.05473,0.02721,-0.07035,0.05024,0.11994,0.00657,-0.04309,-0.06009,0.00934,0.05241,0.04015,-0.02393,-0.07038,0.069,-0.04844,0.04017,0.01104,0.05385,0.03714,-0.02315,-0.03765,0.0067,0.01855,-0.02813,0.03284,0.06936,0.09763,0.03905],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Target-side inputs - fConnectorId: InputSignal<string; - fConnectorCategory: InputSignal<string undefined; (optional) - Legacy: fInputId / fInputCategory on [fNodeInput] (deprecated) f Connector Id Input Signal f Connector Category f Input Id f Input Category f Node Input","excerpt":"Target-side inputs - fConnectorId: InputSignal<string; - fConnectorCategory: InputSignal<string undefined; (optional) - Legacy: fInputId / fInputCategory on [fNodeInput] (deprecated)"},{"chunkId":"/docs/connection-rules#11","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.06784,-0.02246,-0.12895,0.03234,0.00112,0.06823,0.02458,-0.01772,0.0313,-0.03766,0.02164,0.02366,-0.00596,0.03232,-0.0408,-0.00698,0.00486,-0.02705,-0.04955,-0.00916,0.02608,-0.08404,-0.05498,-0.01697,-0.04228,-0.06277,-0.01007,-0.02001,0.04192,-0.04544,0.01002,0.06167,-0.13594,0.04043,-0.0418,-0.04352,0.05982,-0.02767,-0.09886,-0.04467,0.088,-0.09055,0.01179,0.00591,-0.06735,0.02316,-0.01361,0.00728,-0.01803,0.10163,-0.02026,0.06689,-0.03988,0.07953,0.07684,0.05767,0.05641,-0.00984,-0.05964,0.05946,0.03627,-0.02915,-0.0082,0.01828,-0.05727,0.01173,-0.07653,0.06146,0.06807,-0.03973,0.0284,0.06192,-0.074,-0.08267,0.08156,0.01451,-0.02797,0.03081,-0.00415,-0.05851,0.08083,0.0777,-0.00618,-0.02375,-0.01514,0.08005,-0.03273,-0.05317,-0.0319,0.05477,-0.00087,0.04392,-0.03279,-0.04572,0.00142,-0.01455,-0.01907,-0.06503,-0.00715,0.02582,-0.0325,0.00181,0.02143,0.10332,0.05045,-0.05726,0.00409,-0.01666,-0.02909,0.05102,0.01989,0.01326,0.10052,-0.03718,-0.03174,0.05614,-0.07224,0.03632,0.0324,0.04198,-0.05896,0.03108,0.02073,-0.06938,-0.00472,-0.00509,-0.09622,0,-0.01757,-0.02612,-0.03079,0.01525,-0.00424,-0.02235,0.01535,-0.04697,-0.02374,0.02739,-0.09386,0.0101,-0.05076,0.05645,0.00624,-0.07023,0.02649,0.01634,0.07182,0.03757,0.01202,-0.06489,-0.00157,-0.07968,0.07402,0.07513,-0.05905,0.08189,0.04417,0.04249,-0.01951,-0.00642,0.03644,0.00625,-0.0134,-0.02205,-0.05406,-0.03847,-0.04582,0.02039,0.05518,-0.05287,-0.12937,0.08513,-0.01876,0.0075,-0.02221,-0.00687,-0.03519,0.03827,-0.02574,-0.00608,0.00618,-0.04699,-0.03228,-0.12837,-0.11141,0.00761,-0.00921,0.03147,0.02111,0.05046,-0.11487,0.02903,0.08954,0.09441,0.0214,-0.01228,0.01641,-0.06552,-0.0895,0.06553,-0.03683,-0.02492,-0.00962,-0.06282,-0.03585,-0.00067,0.01851,-0.06217,0.02566,-0.02869,-0.01522,0.0765,0.00817,-0.03082,-0.02856,-0.08443,-0.05372,0.02389,0.04098,0.03534,0.10918,0.03465,0.07787,0,-0.01612,-0.02012,0.00383,-0.00736,0.00692,0.01642,0.05558,0.01623,0.0245,-0.05095,-0.04073,0.0497,0.02986,-0.06613,0.00073,-0.03864,-0.06032,-0.04992,-0.03873,0.04937,-0.00297,-0.00995,-0.0152,-0.04555,-0.01612,-0.02814,-0.01702,-0.03007,-0.05042,-0.02311,0.06682,-0.01195,-0.07437,-0.02817,-0.03336,-0.03746,0.04446,0.0639,0.06484,0.00294,0.02719,0.03984,-0.08035,0.04021,0.01467,0.04906,-0.10171,-0.07444,-0.0419,0.01656,-0.05622,0.01943,-0.06174,-0.00877,-0.00602,0.07572,0.13135,0.01163,-0.00374,0.00975,0.10633,-0.10375,-0.06508,0.02325,0.08885,-0.01516,0.04363,0.02835,0.06586,0.09446,0.0306,0.05407,0.0331,0.01599,0.06413,-0.04957,-0.00748,-0.0487,0.01385,0.12294,-0.06413,0.08737,0.0116,0.00063,0.10652,-0.00393,0.01312,0.02154,0.07347,0.02512,-0.04531,0.01055,-0.08414,0.0125,-0.10581,0,-0.04046,-0.04017,-0.08395,-0.0009,0.00531,0.09581,-0.06449,-0.01121,0.02253,-0.01227,-0.0761,0.07094,-0.04186,0.04751,0.06038,-0.02924,0.09302,-0.02052,-0.03658,-0.02948,-0.01504,0.02639,-0.01373,0.13501,-0.01392,-0.08484,0.07317,0.0471,0.00132,0.05927,0.00206,0.00203,-0.00772,0.06015,-0.06431,0.11325,-0.05455,0.04281,-0.04512,0.05514,0.07339,0.0275,-0.01048,-0.04345,0.00666,0.05138,0.04294,-0.01581,-0.04752,0.06702,-0.04664,0.05217,-0.02292,0.05121,0.04624,-0.02628,-0.02714,-0.00661,0.05903,-0.01641,-0.02241,0.065,0.09831,-0.02228],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Related outputs (where you persist results) - fCreateConnection from f-flow[fDraggable] This is where your app typically adds the new connection to its state/store. f Create Connection f Draggable","excerpt":"Related outputs (where you persist results) - fCreateConnection from f-flow[fDraggable] This is where your app typically adds the new connection to its state/store."},{"chunkId":"/docs/connection-rules#12","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.03794,-0.00854,-0.08066,0.04457,0.08098,0.066,0.01331,-0.05822,-0.01309,-0.01544,0.02371,0.04122,-0.0111,0.0405,-0.02269,0.00041,-0.03467,-0.01623,-0.04044,0.03717,0.0256,-0.07687,-0.03679,-0.03994,-0.0613,-0.01792,0.00421,-0.02488,0.02276,-0.0808,-0.03689,0.03324,-0.11055,0.02039,-0.04782,-0.03467,0.11331,-0.06361,-0.12125,-0.00651,0.03345,-0.0936,0.02809,-0.0192,-0.08049,0.04271,-0.02353,-0.01247,-0.05934,0.08918,-0.02547,0.01396,-0.02106,0.06933,0.09156,0.07225,0.02281,-0.04288,-0.00344,0.01962,-0.00186,-0.02214,-0.02892,-0.00151,-0.0366,0.03624,-0.04678,0.04047,-0.00794,0.03461,0.0636,0.01399,-0.03775,-0.02591,0.06122,0.06977,-0.03637,0.06938,-0.01009,-0.0463,0.01915,0.02307,-0.0554,0.0265,-0.00316,0.15191,-0.10856,-0.0466,-0.08364,0.05813,0.01139,-0.00745,0.02166,-0.02708,-0.04516,-0.03195,-0.00338,-0.04642,-0.03939,0.03952,-0.04754,-0.01556,-0.00081,0.04112,0.04129,-0.06014,-0.01125,-0.04015,-0.04305,0.04605,0.05398,0.00205,0.04239,-0.06623,-0.06639,0.02596,-0.04606,-0.01654,0.10512,0.02402,-0.05538,0.0763,0.04197,0.00879,0.04086,-0.04289,-0.10778,0,0.03752,-0.01595,-0.03931,0.01291,0.02138,-0.02666,-0.02171,-0.06392,-0.06144,0.04212,-0.03766,-0.00308,-0.03751,0.00369,0.04275,-0.05484,0.04777,0.01307,-0.0139,0.0308,0.01008,-0.07694,-0.01003,-0.04051,0.04983,0.0593,-0.06546,0.02924,0.10453,0.04976,-0.03389,-0.01739,0.05528,0.00022,-0.0081,-0.03248,-0.07135,-0.03725,-0.02267,0.00108,0.03569,-0.06928,-0.10874,0.08023,-0.00715,0.06297,0.07503,-0.05171,-0.03751,0.01695,-0.00789,0.00616,0.05004,-0.03308,0.02108,-0.11009,-0.06806,0.10535,-0.03236,0.02052,0.05965,0.06398,-0.04413,-0.02356,0.06749,0.09974,-0.07227,0.01867,0.04674,-0.08075,-0.05764,0.08716,-0.04004,0.00508,0.00027,-0.06021,-0.02234,-0.02333,0.08129,-0.0669,-0.02398,-0.01102,0.01815,0.03159,0.01301,-0.07651,0.00325,-0.01316,-0.05989,-0.02773,0.06225,0.0394,0.03326,-0.00286,0.04779,0,-0.00395,0.04268,0.07599,0.04821,-0.01385,0.0019,0.01561,-0.01001,0.11268,0.00116,0.00596,0.04352,0.01515,-0.08996,-0.00568,-0.03229,-0.12594,-0.03009,-0.00891,0.00298,0.00741,-0.02854,0.02157,0.02295,-0.06455,-0.02079,0.00234,-0.05482,-0.01457,-0.01111,0.08053,0.02603,-0.0527,-0.02001,-0.02175,-0.05769,0.00839,0.11974,0.08598,-0.03687,0.00693,0.02938,-0.04262,0.03031,-0.00327,0.02306,-0.07027,-0.04234,-0.0342,-0.01738,-0.0636,-0.01119,-0.04784,0.01099,0.00215,0.03898,0.07082,0.02316,0.00755,0.07069,0.06879,-0.08397,-0.07687,-0.01233,0.05997,-0.02552,-0.00506,-0.01768,0.09056,0.06581,0.03723,0.07628,0.0727,0.04012,0.06412,-0.08392,0.06126,-0.01315,0.04187,0.08948,-0.05166,0.09578,-0.00851,0.0451,0.08063,0.06328,0.04863,0.0337,0.02012,-0.00714,-0.0226,0.03458,0.00464,0.03082,-0.10574,0,-0.02182,-0.0398,-0.06688,-0.05124,-0.01523,0.11155,-0.02273,-0.04687,0.03506,0.03755,-0.05987,0.06032,-0.07001,0.05372,0.0357,-0.00991,0.02853,0.0017,-0.05214,0.03347,0.02,-0.01355,-0.01233,0.15322,-0.05862,-0.09264,0.00415,0.02963,0.02135,0.06731,-0.05444,0.00911,-0.06131,0.03906,-0.0868,0.09231,-0.08897,0.03264,-0.03924,0.10583,0.08776,0.00488,-0.08173,-0.04643,0.00493,0.04601,0.05409,-0.0133,-0.12491,0.08628,0.00379,0.04215,-0.02227,0.03011,-0.00238,-0.00676,-0.02801,0.0042,0.03752,-0.04297,0.01987,0.04438,0.09415,0.01526],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Styling During drag-to-connect, the library applies state classes so you can clearly communicate rules: - .f-connector-connectable - marks valid targets during drag - .f-connector-not-connectable - blocked ports (legacy: .f-node-input-not-connectable / .f-node-output-not-connectable) (Exact styling is up to you; the library keeps defaults minimal.)","excerpt":"Styling During drag-to-connect, the library applies state classes so you can clearly communicate rules: - .f-connector-connectable - marks valid targets during drag - .f-connector-not-connectable - blocked ports (legacy: .f-node-input-not-connectable / .f-node-output-not-connectable) (Exact styling is up to you; the library keeps defaults minimal.)"},{"chunkId":"/docs/connection-rules#13","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.02531,-0.03511,-0.11126,0.01367,0.06018,0.04806,-0.02113,-0.0691,-0.01585,-0.05134,0.022,0.03319,0.02447,0.07655,-0.04971,0.03967,0.00253,0.0055,-0.03503,-0.01396,0.05914,-0.05197,-0.07129,-0.01547,-0.08197,-0.09713,0.02133,-0.03857,0.01468,-0.07587,0.02788,0.04491,-0.15806,-0.05088,0.02024,-0.05289,0.05801,-0.0611,-0.02628,-0.01543,0.02247,-0.08689,0.03055,-0.01493,-0.04256,-0.00415,-0.04654,-0.03313,-0.03692,0.05898,-0.05158,0.03732,0.00287,0.07715,0.05565,0.01334,-0.04995,-0.03047,-0.01989,0.03443,0.04324,-0.03745,-0.00243,-0.03317,-0.08765,-0.00613,-0.11075,0.03066,0.01338,0.05559,0.04483,0.04328,-0.06882,0.00229,0.05755,0.09344,-0.04867,0.0084,0.02886,-0.12182,0.05361,0.075,0.00015,-0.05134,-0.00504,0.16228,-0.06328,0.0163,-0.06421,0.04845,0.07014,-0.01336,0.10809,0.0047,0.0685,-0.04656,0.00494,-0.03568,-0.02767,-0.00429,-0.05011,-0.01376,-0.0246,0.07213,0.02649,-0.04897,0.0431,0.01369,0.0255,0.01862,0.02385,0.00637,0.02529,-0.08388,-0.07532,-0.01364,0.0054,0.00435,0.06472,-0.02294,-0.06523,0.02611,0.07556,-0.0566,0.02795,-0.05392,-0.10838,0,0.03068,0.00015,-0.02623,-0.08101,-0.01338,-0.01274,-0.05368,-0.04077,-0.05584,0.03632,-0.0589,0.00929,-0.04748,0.00834,0.10217,0.00611,0.0606,0.05691,0.02725,-0.00241,-0.0127,-0.07069,-0.03295,-0.02595,0.03805,0.07515,-0.06065,0.05246,0.1061,0.05737,-0.05642,0.00807,0.05911,0.05757,0.01636,0.02331,-0.03239,-0.04846,-0.04874,0.00396,0.03648,-0.04514,-0.08653,0.11652,0.01409,0.03349,0.05274,-0.01783,-0.02519,0.04114,-0.08575,0.02003,0.00589,-0.0388,0.00056,-0.12194,-0.14036,0.04849,0.01278,0.04431,0.02464,0.02401,-0.05291,-0.00242,0.05178,0.07158,-0.04508,-0.02794,0.02119,-0.05738,-0.02872,0.03691,-0.02566,-0.00204,-0.03368,-0.1051,-0.04718,0.00412,0.05334,-0.04544,0.0094,-0.06803,-0.00857,0.1042,0.03605,-0.03055,-0.03035,0.00009,-0.0772,0.02025,0.01612,0.05085,0.05822,0.0307,0.04322,0,0.03828,0.04537,0.06451,-0.0014,-0.0056,0.00834,0.02801,-0.01484,0.02288,-0.05236,0.02102,0.01732,0.00309,-0.10397,-0.03135,-0.07214,-0.09676,-0.013,-0.03339,0.03006,0.04764,-0.01311,-0.01503,0.05079,0.0103,0.00279,-0.00076,-0.08197,-0.03783,-0.00513,0.08624,0.02274,-0.0636,-0.00311,0.00102,-0.05097,0.00771,0.10586,0.05531,-0.01887,0.03422,0.02555,-0.06323,0.05729,0.01376,-0.03392,-0.06814,-0.01498,-0.00625,0.00933,-0.07023,-0.03969,0.01624,-0.00787,0.04855,0.0209,0.09619,-0.0108,0.0422,0.04021,0.06107,-0.06766,-0.00037,0.08579,0.10238,-0.03757,0.03754,0.03415,0.05256,0.02809,0.04012,0.02584,0.02939,-0.01199,0.01614,-0.08824,-0.02849,-0.04211,0.05285,0.06353,-0.06213,0.0413,0.06426,-0.01705,0.06608,0.02897,0.05546,0.03756,0.0249,0.05454,-0.0169,-0.01619,0.01432,-0.00207,-0.14254,0,-0.03165,-0.01726,-0.09588,-0.07173,0.00355,0.06775,-0.04759,-0.04137,0.04553,0.0882,-0.00592,0.04571,-0.06888,0.05954,0.05817,-0.05865,0.05835,-0.0006,-0.03713,0.06289,-0.02137,-0.0144,-0.00613,0.08339,0.01357,-0.08991,-0.00841,0.03885,0.03731,0.07251,-0.02154,-0.02426,-0.05054,0.05925,-0.06758,0.07273,-0.06973,0.01737,-0.08597,-0.0094,0.08985,-0.01213,-0.01107,-0.02099,0.03925,0.00824,0.0045,-0.02341,-0.08914,0.0556,-0.08301,0.04522,0.01347,0.00868,0.06155,-0.0255,-0.01244,0.02848,0.0352,-0.02,0.07876,0.03528,0.09195,0.05464],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Notes and pitfalls - If the allow-list (fCanBeConnectedTo / legacy fCanBeConnectedInputs) is empty or undefined, there is no allow-list restriction. - If you use both ids and categories in one array, make them distinguishable (see conventions above). - UX restrictions prevent most invalid links, but you should still validate at persistence time (domain rules can evolve). f Can Be Connected To f Can Be Connected Inputs","excerpt":"Notes and pitfalls - If the allow-list (fCanBeConnectedTo / legacy fCanBeConnectedInputs) is empty or undefined, there is no allow-list restriction. - If you use both ids and categories in one array, make them distinguishable (see conventions above). - UX restrictions prevent most invalid links, but you should still validate at persistence time (domain rules can evolve)."},{"chunkId":"/docs/connection-rules#14","slug":"connection-rules","route":"/docs/connection-rules","section":"docs","title":"Connection Rules - Restrict and Validate Allowed Connector Targets","description":"Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect.","group":"Connectors","vector":[-0.072,0.03529,-0.10205,0.03551,0.06827,0.07149,0.00185,-0.02364,0.00574,0.04762,-0.03411,0.00157,0.0015,0.09366,-0.01356,0.00265,-0.06374,0.03667,-0.0502,0.02143,0.02026,-0.04276,0.00477,0.00481,-0.04468,-0.03747,0.00015,-0.05339,0.04243,-0.03145,0.02989,0.02849,-0.12086,0.01303,-0.00744,-0.00157,0.04419,-0.00761,-0.04089,-0.00631,0.12297,-0.02716,0.0321,-0.07064,-0.03259,0.01688,-0.04958,0.02968,-0.08329,0.05757,-0.05803,-0.03887,-0.07241,0.09772,0.02931,-0.03545,-0.01183,-0.08158,0.03332,-0.00099,-0.01498,-0.09819,-0.01923,-0.02452,-0.00795,0.01608,-0.15915,0.02858,-0.06975,0.09233,0.0637,-0.00385,-0.06065,-0.03145,0.05766,0.01796,-0.09008,0.06898,0.00748,-0.04457,0.07959,0.02231,-0.0262,0.00424,-0.00425,0.13998,-0.03614,-0.01261,-0.0116,-0.04233,0.0216,0.01786,0.06552,0.03516,0.05709,-0.02379,-0.0837,0.00922,-0.03889,0.0244,-0.03041,-0.05721,0.0134,0.09963,0.05747,-0.02452,0.02677,0.03581,-0.02869,0.04521,0.02733,0.05956,0.07399,-0.05378,-0.05385,-0.01787,-0.02732,0.00751,0.02686,0.03817,-0.03917,-0.00267,0.0025,-0.04323,0.08101,0.00083,-0.02466,0,-0.00065,0.0264,-0.06072,0.0023,0.00316,-0.01497,-0.04199,-0.09188,-0.02664,0.10448,-0.07335,-0.03119,-0.04967,-0.01982,0.01657,-0.05205,0.04966,0.06603,-0.01091,0.04086,0.03365,-0.09979,-0.05901,-0.02556,0.08019,0.00429,-0.10215,0.00408,0.03216,0.02631,0.04129,0.03707,0.07321,-0.01515,0.00292,-0.04649,-0.02116,-0.01315,-0.04215,-0.0201,0.07184,-0.04643,-0.11594,0.14238,-0.02245,0.01271,0.01043,-0.03678,0.04477,0.02012,-0.05515,0.02328,0.01033,-0.03159,0.06292,-0.08516,-0.1094,0.09428,-0.02047,0.0464,-0.00221,0.04704,-0.04283,-0.01801,0.0749,-0.00031,-0.0057,0.00547,0.04262,-0.10644,-0.06263,0.0342,-0.03925,0.01638,-0.02695,-0.08237,0.0269,0.09005,0.09882,-0.05772,-0.01031,-0.05856,-0.03011,0.09224,0.03495,-0.08703,-0.04163,-0.06227,-0.09718,-0.07473,0.05629,0.05289,-0.00968,-0.02613,0.04093,0,0.04562,0.03074,0.0442,0.06678,-0.03868,-0.03236,0.07971,0.02757,0.07622,0.02516,0.00726,0.03647,0.02177,-0.05293,0.00619,-0.03813,-0.08363,-0.04228,0.04882,-0.02457,0.0715,0.02577,-0.03377,0.03832,-0.02478,0.03657,0.00493,-0.011,-0.00875,0.00616,0.00598,0.02051,-0.07939,-0.01179,-0.06077,-0.08494,0.01509,0.15206,0.05927,-0.00128,0.06745,0.08998,-0.04617,0.00831,-0.01723,-0.04804,0.04595,-0.03669,-0.02535,-0.02355,-0.07705,-0.01674,-0.00581,0.01219,0.02327,-0.02215,0.0939,-0.05906,-0.02122,0.00712,0.11621,-0.02598,-0.0052,-0.02676,0.09099,0.01414,-0.04041,-0.01139,0.09738,0.04329,0.02618,0.02887,0.06658,0.02152,0.0782,-0.0111,0.01444,-0.02,0.07854,0.04899,-0.06388,0.0798,-0.0153,0.04551,0.06712,0.07228,-0.01759,-0.00045,0.03587,0.04871,-0.06875,-0.05404,0.0328,-0.01558,-0.07616,0,-0.0657,-0.01123,-0.07723,-0.04253,0.00651,0.02935,-0.04833,-0.1026,0.05171,0.00422,-0.06269,0.06491,-0.00576,0.02592,0.04892,-0.04406,0.00927,0.00236,-0.05834,0.05459,0.01518,0.02328,0.04044,0.09982,0.00482,-0.09725,-0.04773,-0.01045,-0.00004,0.05118,-0.01985,-0.01815,-0.01664,0.02355,-0.0556,0.03485,-0.10352,0.00787,-0.02609,0.02221,0.07769,-0.03118,0.02051,-0.03487,-0.02214,0.07237,0.01342,-0.0195,-0.07595,0.04132,-0.05326,0.03104,-0.04867,0.03298,0.03789,-0.05676,0.00576,0.03641,0.01954,-0.05091,0.02735,0.06154,0.0693,-0.02496],"keywords":"Connection Rules - Restrict and Validate Allowed Connector Targets Connection Rules - Restrict and Validate Allowed Connector Targets Define target restrictions using allowed input IDs/categories and expose valid targets during drag-to-connect. Example ::: ng-component <connection-rules</connection-rules [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.scss :::","excerpt":"Example ::: ng-component <connection-rules</connection-rules [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.scss :::"},{"chunkId":"/docs/f-connection-component#0","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.0427,-0.02851,-0.09168,0.03011,-0.00893,0.05438,-0.02465,0.08086,0.02886,-0.04166,-0.0404,0.0194,-0.08215,0.01366,0.03134,-0.007,0.00271,-0.11527,0.03009,0.01269,-0.04165,-0.08764,0.0004,-0.08401,-0.02101,-0.00949,0.02334,-0.02051,0.01,-0.02437,0.00473,0.0721,-0.11812,0.01208,-0.05118,0.01668,0.03605,-0.00116,-0.05464,-0.02353,0.0255,-0.05633,0.01006,-0.01875,0.01166,-0.00124,-0.06681,-0.01924,0.03104,0.10753,-0.00977,0.04194,-0.02778,0.0498,0.06431,0.06438,0.06478,0.0238,-0.02949,0.10082,0.04448,-0.04928,-0.02931,0.00132,-0.04449,0.04151,0.0015,-0.00474,0.05295,-0.04658,-0.00399,0.04646,-0.02161,-0.13451,0.10425,0.015,-0.01138,0.09461,-0.0301,-0.11416,0.09539,0.04964,-0.001,0.03813,0.02362,0.07356,-0.05067,-0.06252,-0.03342,0.08498,-0.03863,0.02905,-0.06146,-0.03499,-0.00299,-0.01001,-0.05953,-0.0264,-0.06768,0.00924,-0.04715,-0.07128,0.00976,0.0505,0.06949,-0.00098,-0.05609,0.06868,-0.05707,-0.0542,0.0113,0.00639,0.03542,0.0407,-0.0045,0.00104,-0.04122,-0.01047,0.10258,0.06098,-0.00238,0.05137,-0.04672,-0.00667,-0.00933,-0.05107,-0.03405,0,0.01691,0.01004,-0.00501,-0.00585,0.04644,0.01538,0.02058,-0.02664,-0.03283,0.04766,-0.08144,-0.00167,-0.07394,0.01292,-0.00593,-0.09474,0.02026,0.03329,-0.03741,-0.03393,0.03234,-0.00211,0.01605,-0.07378,0.05768,0.13332,-0.07507,0.10676,-0.016,0.01518,-0.01727,0.03517,0.07141,-0.0052,-0.05537,-0.07916,-0.02902,-0.07026,-0.12289,-0.02757,0.01965,0.02461,-0.06482,0.01592,-0.01615,-0.03852,-0.03857,0.06308,0.04923,0.0276,-0.06908,0.05137,-0.01168,-0.04641,0.03586,-0.13404,-0.07668,0.09913,-0.01316,0.03091,0.02785,0.02672,-0.09045,0.01023,0.03828,0.12298,0.00002,-0.01984,-0.01506,-0.03315,-0.06186,0.10346,0.02927,0.0351,0.01544,-0.01266,-0.10175,-0.04191,-0.0078,-0.01707,-0.01638,-0.02499,-0.05726,0.04851,0.05769,-0.03693,0.01411,-0.10051,0.01083,-0.00398,0.00507,0.01747,0.07956,0.02754,0.01298,0,-0.03384,0.0282,-0.035,0.00275,0.00693,0.00161,0.06514,0.02426,0.01956,0.05774,0.03024,0.05181,0.00001,-0.0766,-0.07311,0.02045,-0.01761,-0.07376,-0.02141,-0.04946,-0.04734,-0.01019,0.01407,-0.04474,0.01001,0.02155,0.05939,-0.01942,-0.06639,0.00265,0.0095,-0.0184,-0.04919,-0.03958,0.01544,-0.00296,0.03391,0.02197,0.01189,0.01285,0.03158,0.03182,0.00222,0.04382,-0.01758,0.06538,-0.11312,-0.03718,-0.09245,0.02081,-0.04444,0.01621,-0.03307,-0.01971,-0.06719,0.0231,0.13451,0.06914,-0.02672,0.02592,0.10556,-0.0992,-0.02167,0.01368,0.11535,0.01975,-0.02318,0.00261,0.08177,0.13365,0.09456,0.01326,0.00732,0.01933,0.08162,0.02998,0.04171,-0.07042,0.01492,0.12508,-0.0325,0.04271,0.02697,0.05856,0.05661,-0.01212,-0.03555,0.0579,0.05269,0.05764,-0.02512,0.02949,-0.02391,0.00345,-0.00972,0,-0.09331,0.01717,-0.05951,-0.06179,0.00226,0.00722,0.01799,0.01493,-0.05609,-0.02697,-0.10122,0.07913,-0.02625,-0.0196,0.05702,-0.02256,0.08886,0.01002,-0.0196,-0.06068,-0.05685,-0.03731,-0.04766,0.07762,-0.03061,-0.09459,0.02997,0.08075,0.00187,0.04596,-0.05192,-0.01192,0.05903,0.04341,-0.07302,0.08111,-0.04223,-0.00089,-0.04657,0.09696,0.03687,-0.00711,-0.04341,-0.02998,0.05101,0.05859,0.07356,0.03012,-0.04988,0.03922,-0.0652,-0.00301,-0.04345,-0.03587,0.02593,-0.02187,-0.01867,0.00767,0.04524,-0.01106,-0.09497,0.0752,0.05105,-0.04063],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Connection Selector: f-connection Class: FConnectionComponent FConnectionComponent renders a connection (edge) between a source connector (fSourceId) and a target connector (fTargetId). In most apps, connections are persisted in your own state (array/map) and rendered from that state on each change. API note (v19+). The endpoint inputs are now fSourceId / fTargetId and the side hints are fSourceSide / fTargetSide. The legacy names fOutputId / fInputId / fOutputSide / fInputSide are deprecated but keep working. Connections must be placed inside f-canvas (which itself must be inside f-flow). F Connection Component f Source Id f Target Id f Source Side f Target Side f Output Id f Input Id f Output Side f Input Side","excerpt":"Connection Selector: f-connection Class: FConnectionComponent FConnectionComponent renders a connection (edge) between a source connector (fSourceId) and a target connector (fTargetId). In most apps, connections are persisted in your own state (array/map) and rendered from that state on each change. API note (v19+). The endpoint inputs are now fSourceId / fTargetId and the side hints are fSourceSide / fTargetSide. The legacy names fOutputId / fInputId / fOutputSide / fInputSide are deprecated but keep working. Connections must be placed inside f-canvas (which itself must be inside f-flow)."},{"chunkId":"/docs/f-connection-component#1","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.01689,-0.08631,-0.0749,0.08232,0.03765,0.08325,-0.00854,0.04765,0.03481,-0.0142,0.04592,0.0575,-0.05737,0.02508,0.00317,0.03979,0.01203,-0.05084,-0.00055,0.00927,-0.03743,-0.15859,-0.02618,-0.06711,0.0425,-0.05699,-0.01631,0.0622,0.09106,-0.0573,0.04415,0.04585,-0.13409,0.01302,-0.06226,0.00876,0.07211,-0.01468,-0.04913,0.00936,0.02953,-0.03845,0.0073,-0.03079,0.00318,0.0456,-0.06438,0.00693,0.00063,0.11356,-0.07042,0.01225,-0.03545,-0.00051,0.08864,0.07712,0.03721,-0.01733,-0.04069,0.02623,0.01029,0.0097,0.01778,0.0157,-0.03009,0.04654,-0.04742,0.01375,0.05516,-0.01997,-0.00641,-0.01097,-0.03213,-0.06482,0.0906,0.01411,0.02673,0.10478,-0.04584,-0.06557,0.07917,0.0791,-0.03379,-0.00891,-0.01603,0.12171,-0.02218,-0.12361,-0.05411,0.05388,0.00584,0.05746,-0.03949,-0.01602,-0.02081,-0.00938,-0.0195,0.0023,-0.04733,0.03587,0.01224,-0.0864,0.02676,0.04024,0.00581,-0.05004,-0.06583,0.05085,-0.0397,-0.02861,0.03225,0.0043,-0.02818,-0.02718,-0.06335,-0.03528,-0.06252,-0.03735,0.13082,0.01768,-0.00713,0.07054,0.01483,-0.02262,-0.00417,-0.06585,-0.05844,0,0.03965,0.02012,0.01555,-0.01885,0.04949,-0.00951,-0.01821,-0.06885,-0.04159,-0.03101,-0.08264,0.01994,-0.05705,0.02859,-0.05664,-0.101,0.02157,0.01066,-0.01892,-0.03897,-0.01463,0.01411,0.00507,-0.00859,0.07303,0.11809,-0.03257,0.09442,-0.00899,0.02754,-0.04788,0.09266,0.00133,-0.00653,-0.04811,-0.00276,-0.06134,-0.07223,-0.11112,-0.01989,0.03803,-0.01116,-0.04197,0.01285,-0.02284,-0.00176,0.01783,0.02143,-0.02723,0.00733,-0.00774,-0.00499,0.08643,0.00126,0.03735,-0.10789,-0.06073,0.02697,0.03748,0.01928,0.0299,-0.0102,-0.06436,0.01016,0.03862,0.1193,-0.01531,-0.00913,0.02919,-0.03835,-0.06292,0.08734,-0.00075,-0.02343,0.01146,-0.07383,-0.14597,-0.05808,0.05897,0.02024,-0.0504,-0.10981,-0.03175,0.02724,0.02645,-0.13049,-0.01204,-0.01102,0.00359,-0.04946,0.00903,0.0234,0.05606,0.05211,0.10148,0,0.01621,0.04877,0.03842,0.07757,-0.01624,-0.00013,0.02064,-0.00552,-0.0374,0.02127,0.00468,-0.01791,-0.03098,-0.05866,-0.07362,-0.003,-0.01361,-0.08698,-0.07019,-0.00489,0.01649,-0.05376,0.01694,-0.04817,0.00758,0.01591,0.10327,-0.02515,-0.0324,-0.024,0.06152,-0.04551,-0.05239,-0.08364,0.0601,0.01075,0.05187,0.03789,0.03903,-0.02181,-0.01667,0.04559,-0.0449,0.04959,0.02596,0.09668,-0.09903,-0.04713,-0.0718,0.0379,-0.06735,0.01713,0.01114,-0.06201,-0.05452,-0.01805,0.05268,0.07312,-0.04813,0.04991,0.04526,-0.11923,-0.04809,-0.03479,0.06409,-0.0188,0.01756,-0.02769,0.0678,0.11076,0.03132,0.0572,0.02008,-0.01214,0.09027,-0.02816,0.056,0.02867,0.08481,0.08714,-0.04253,-0.01361,0.04167,0.04677,-0.00469,-0.00419,-0.03402,0.06948,0.03526,0.01893,-0.01816,0.02619,-0.00008,0.06918,-0.05824,0,-0.05139,0.01575,-0.00372,-0.08753,-0.00173,0.0479,0.01335,0.00892,-0.05123,0.00942,0.01418,0.0902,-0.03913,0.03787,0.04912,-0.04625,0.07913,-0.01865,-0.01222,0.00831,-0.0063,-0.02016,0.01975,0.10768,0.012,-0.09498,0.00586,0.09517,-0.00902,0.06856,-0.06381,-0.00189,0.04962,0.03836,-0.10353,0.08045,-0.02856,-0.00411,-0.01458,0.04396,0.10745,0.02923,-0.01645,-0.03852,0.0421,0.07703,0.05365,-0.02468,-0.07214,0.03974,-0.05754,0.0017,-0.0606,0.00484,0.02269,-0.03585,0.00952,0.05522,0.06658,-0.02519,-0.02844,0.021,0.03477,-0.00354],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. When to use it Use f-connection for existing (persisted) links in the diagram: - render edges from your graph model - style edges (type, behavior, colors, markers) - allow users to select and/or reassign edges (if enabled) For the drag preview while the user is creating a new link, use f-connection-for-create and optionally f-snap-connection.","excerpt":"When to use it Use f-connection for existing (persisted) links in the diagram: - render edges from your graph model - style edges (type, behavior, colors, markers) - allow users to select and/or reassign edges (if enabled) For the drag preview while the user is creating a new link, use f-connection-for-create and optionally f-snap-connection."},{"chunkId":"/docs/f-connection-component#2","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.05659,-0.11201,-0.05064,0.04918,-0.0377,0.04247,-0.03152,0.04268,0.02682,-0.02048,-0.01728,0.07431,-0.09284,-0.01944,0.06186,0.04608,0.01545,-0.04921,0.00979,0.03043,-0.03015,-0.11913,0.00205,-0.04943,0.02097,-0.02187,0.01046,-0.01952,0.09498,-0.05001,-0.01634,0.05194,-0.12313,0.01528,-0.09392,0.04009,0.09396,0.00204,-0.14238,-0.01215,0.0184,-0.06214,-0.01302,-0.03216,0.01912,0.03759,-0.04551,-0.00999,-0.04711,0.08733,-0.03077,-0.00743,-0.02586,0.02556,0.05661,0.06662,0.10358,0.0667,-0.04935,0.06173,0.04839,-0.00551,-0.01121,0.04034,-0.08553,0.00162,0.03823,-0.01701,0.08313,-0.09979,-0.06706,0.00112,-0.0405,-0.10751,0.03026,0.00418,-0.01642,0.0401,-0.00763,-0.1129,0.14828,0.0719,-0.0277,0.06064,0.00823,0.03893,-0.01924,-0.07521,0.00352,0.12984,-0.00907,0.04469,-0.0432,-0.08494,-0.02375,0.00226,-0.04612,-0.02597,-0.008,0.02099,-0.01397,-0.03215,-0.03228,0.03625,0.05972,-0.00379,-0.04649,0.03968,-0.02916,0.02725,0.02761,-0.05612,0.0186,-0.0325,-0.02732,0.02893,-0.0042,0.03721,0.08512,0.04983,-0.00979,0.02871,0.01658,-0.02742,-0.03216,-0.0447,-0.05783,0,0.01309,0.01976,-0.01149,-0.00169,0.02509,-0.01713,-0.00019,-0.04054,-0.03496,-0.01082,-0.02696,0.01256,-0.06588,0.05221,0.02646,-0.11861,-0.02217,0.07096,-0.029,0.00134,0.00487,-0.02071,0.00682,-0.04846,0.0801,0.08227,-0.0257,0.11778,-0.00856,-0.03017,0.00557,0.01107,-0.0005,0.00333,-0.05322,-0.04275,-0.03996,-0.11087,-0.07751,-0.00974,0.0002,-0.00549,-0.11109,-0.01955,-0.04113,-0.00253,-0.00848,0.07621,0.02963,-0.04466,-0.01278,0.07226,-0.00796,-0.00762,0.02522,-0.07732,-0.04738,0.03091,-0.02098,0.0261,0.03555,0.01726,-0.07604,-0.00888,0.05668,0.08658,0.02348,-0.03115,0.02867,-0.05858,-0.08822,0.10886,-0.0233,0.00347,-0.00506,-0.05429,-0.08921,0.01215,0.02502,0.02552,-0.05894,-0.04772,-0.02352,0.08718,0.05494,-0.05585,0.00608,-0.0662,-0.04424,-0.01236,0.0284,0.03826,0.08523,0.07301,0.02298,0,-0.02829,0.00078,0.00979,0.07186,-0.0107,0.00062,-0.039,0.0352,0.02305,0.01206,0.02513,0.02816,0.02347,-0.05281,-0.04579,0.00239,-0.00593,-0.07897,-0.07034,-0.02659,0.00339,-0.02707,0.0387,-0.08339,-0.00113,0.00527,0.04674,-0.0274,-0.05063,-0.0243,0.03335,-0.01366,-0.04145,-0.0626,0.04395,0.02642,0.0235,0.01227,0.00263,-0.00936,0.05386,0.05328,-0.01142,0.07127,0.01029,0.09177,-0.15993,-0.02403,-0.10232,0.00433,-0.0365,0.0688,-0.05531,-0.03414,-0.02145,0.07197,0.08349,0.04046,-0.0339,0.00649,0.05381,-0.06967,-0.02718,0.01946,0.09175,0.06853,0.01515,-0.0188,0.05653,0.0801,0.08326,0.01723,-0.00908,-0.03349,0.06959,-0.0088,0.08965,-0.08063,0.01811,0.04804,-0.03885,0.04403,0.06324,0.00098,0.01521,0.06107,-0.02175,0.0406,0.0656,0.07557,-0.06417,0.06388,-0.01245,0.05299,-0.07456,0,-0.07745,-0.00098,-0.03497,-0.05526,0.01802,0.03826,0.00219,0.04785,-0.04342,0.0015,-0.09334,0.06777,-0.01696,0.02968,0.08101,0.00999,0.08266,0.04775,-0.04759,-0.05622,-0.00604,-0.00454,-0.03009,0.10608,0.00966,-0.07208,0.06173,0.12739,0.00101,0.02062,-0.01782,0.03487,0.05125,0.08442,-0.06137,0.08314,-0.02844,0.00559,-0.00694,0.08754,0.04419,-0.00211,-0.02188,-0.01291,0.00325,0.03744,0.05752,-0.04321,-0.05443,0.03421,-0.05039,0.042,-0.0579,-0.01632,0.0407,0.02212,-0.00106,0.00792,0.09317,0.02194,-0.1049,0.02782,0.05422,-0.02055],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. How it works - The connection resolves its endpoints by fSourceId and fTargetId. - It builds an SVG path using the chosen fType and fBehavior. - During interactions the library updates visuals smoothly internally. - Your app typically persists changes on final events (for example after a reassign drag ends). With the optional Managed Flow State plugin, supported connection creation and endpoint reassignment gestures update the plugin records automatically. Connection waypoint editing remains application-managed in v1. f Source Id f Target Id f Type f Behavior","excerpt":"How it works - The connection resolves its endpoints by fSourceId and fTargetId. - It builds an SVG path using the chosen fType and fBehavior. - During interactions the library updates visuals smoothly internally. - Your app typically persists changes on final events (for example after a reassign drag ends). With the optional Managed Flow State plugin, supported connection creation and endpoint reassignment gestures update the plugin records automatically. Connection waypoint editing remains application-managed in v1."},{"chunkId":"/docs/f-connection-component#3","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.05599,-0.06707,-0.08287,0.03971,-0.01517,0.02841,-0.04389,0.04807,-0.02361,-0.02472,-0.0235,0.03053,-0.03924,-0.02798,0.03945,0.05741,0.06808,-0.06658,0.02058,0.01449,-0.07044,-0.14048,-0.02757,-0.07472,0.04348,0.0001,0.02293,0.00898,0.07965,-0.0602,-0.00054,0.08471,-0.1154,0.01804,-0.05307,0.00116,0.06033,0.00036,-0.05224,-0.00568,0.01561,0.00292,-0.03524,-0.05335,0.02202,0.02378,-0.10686,-0.03123,-0.04224,0.06732,-0.04723,0.00278,-0.04264,0.01196,0.09104,0.08302,0.0558,0.05436,-0.02807,0.07959,0.03775,-0.01724,0.00416,0.03658,-0.05734,0.08383,-0.00194,0.00749,0.06052,-0.04163,-0.05795,0.00236,-0.05729,-0.08346,0.0766,0.03828,0.00318,0.0127,-0.04751,-0.10522,0.06043,0.09374,-0.0659,-0.00463,0.01179,0.06732,-0.01301,-0.06331,0.00685,0.09335,-0.03718,0.04806,-0.0204,0.00146,-0.08557,-0.00367,-0.00476,-0.04933,-0.03159,0.02915,0.00829,-0.0782,0.0018,0.05464,0.01892,-0.03392,-0.05358,0.05317,-0.03087,-0.00972,0.02845,0.00795,-0.08002,-0.01825,-0.00991,-0.03681,0.02173,-0.03787,0.18317,0.01168,0.00709,0.0214,0.00376,-0.02235,0.01342,-0.05442,-0.02204,0,0.02163,0.00361,0.00821,0.02109,0.09483,0.01636,-0.03476,-0.04212,-0.03578,-0.01753,-0.05175,0.03349,-0.06925,0.03013,0.02263,-0.09226,0.04047,0.05294,-0.03311,-0.00945,-0.0324,-0.00036,0.02547,0.00187,0.06449,0.10836,-0.0346,0.08229,-0.04972,0.00266,-0.01605,0.03794,0.05239,0.01139,-0.06657,-0.01926,-0.06383,-0.10521,-0.07488,0.0108,-0.0212,0.02128,-0.01406,-0.00047,-0.04368,0.00459,0.01446,0.07022,0.00797,-0.00677,-0.07468,0.06333,0.05435,-0.00508,0.05912,-0.11472,-0.0245,0.0697,0.07321,0.06057,0.04216,-0.00975,-0.07441,0.00503,0.03773,0.13732,-0.00807,-0.04443,-0.02198,-0.07194,-0.04033,0.1108,0.00772,-0.01392,-0.01594,-0.05499,-0.15247,-0.02398,0.0373,0.03093,-0.03961,-0.02589,-0.05319,0.04404,0.01605,-0.09454,0.0286,-0.02468,-0.03582,0.02185,-0.03112,0.02834,0.06901,0.03715,0.03241,0,-0.00725,0.00257,0.01136,0.06223,0.03633,0.01023,0.01248,0.05036,-0.01583,0.02883,0.05727,0.01591,-0.01446,-0.03056,-0.07777,0.01021,-0.0592,-0.07802,-0.02692,-0.02337,0.01183,-0.05209,-0.02075,-0.06973,0.00485,0.03539,0.04055,-0.0253,-0.06201,-0.02152,0.0258,-0.02326,-0.05035,-0.07287,0.05007,0.02968,0.04861,0.06701,-0.02165,-0.03759,-0.00107,0.05293,-0.0644,0.02088,-0.02129,0.04881,-0.11809,-0.0059,-0.10141,0.05836,-0.02868,0.03265,0.02667,-0.0583,-0.05763,-0.03085,0.03447,0.08317,-0.01963,0.01596,0.09703,-0.11404,-0.06759,-0.00226,0.08625,0.04906,0.01994,-0.02941,0.06927,0.09688,0.09105,0.01956,-0.00504,0.00727,0.09627,-0.02189,0.08136,-0.01511,0.06026,0.1197,-0.03557,0.0297,0.03918,0.03925,0.04158,0.02853,-0.06129,0.0804,0.05748,0.03512,-0.04406,0.04901,-0.0266,0.03402,-0.0402,0,-0.086,-0.01526,-0.022,-0.07407,0.02116,0.03042,0.075,-0.02639,-0.05872,0.00958,-0.00758,0.03021,-0.0214,0.01595,0.06822,-0.02827,0.04718,-0.01338,-0.02867,-0.00616,-0.02525,-0.005,-0.0129,0.06931,0.03664,-0.03035,0.01572,0.13065,-0.01434,0.0734,-0.06346,-0.01374,0.07502,0.01185,-0.04964,0.07661,-0.02746,-0.00451,-0.06114,0.05112,0.01317,-0.03413,-0.01952,-0.01071,0.12413,0.06849,0.03428,0.00232,-0.02802,0.03213,-0.06927,-0.03836,-0.0769,0.00021,0.02992,-0.04471,0.02462,0.06913,0.09143,0.01364,-0.05822,0.04009,0.01935,-0.01763],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. API","excerpt":"API"},{"chunkId":"/docs/f-connection-component#4","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.03771,-0.04576,-0.09497,0.07111,-0.00155,0.089,0.00543,0.02141,0.02787,-0.03877,-0.05085,0.00606,-0.05835,-0.02489,-0.00315,0.05068,0.0033,-0.04917,0.02233,-0.03597,-0.05068,-0.10893,-0.02592,-0.06909,-0.0147,0.00431,0.06545,0.01305,0.05097,-0.04827,0.00573,0.06631,-0.10194,-0.02166,-0.09668,0.02062,0.03725,-0.0151,-0.06266,0.0039,0.04939,-0.07401,-0.01058,-0.04825,0.02595,-0.00895,-0.10426,-0.00515,-0.01082,0.0802,0.00538,0.032,-0.02438,0.06048,0.08022,0.08776,0.03749,0.00632,-0.02662,0.06976,0.01031,-0.02176,0.00043,-0.01275,0.00312,0.07358,0.00737,0.00177,0.03423,-0.01772,-0.00127,0.02292,-0.02953,-0.11715,0.10593,0.02131,-0.00613,0.02611,-0.00114,-0.08438,0.08447,0.10837,-0.05494,-0.03173,0.04696,0.09501,-0.05065,-0.06628,-0.00137,0.07939,-0.05999,0.02342,-0.00258,0.00437,-0.03465,0.03542,-0.03779,-0.01839,-0.0462,0.0186,-0.0522,-0.04896,0.00027,0.06356,-0.01598,-0.04584,-0.06881,0.05985,-0.04132,-0.06563,0.00869,-0.01193,-0.00879,0.05085,-0.02892,0.01436,0.00267,-0.01139,0.12511,0.03506,0.01443,0.01111,-0.05146,-0.0114,-0.01045,-0.06072,-0.01919,0,0.03943,0.00946,-0.00842,-0.02003,0.02626,0.03323,-0.00965,-0.05034,-0.04502,0.03744,-0.09465,-0.00147,-0.05808,0.0192,0.02004,-0.12291,0.02498,0.06079,-0.00821,-0.06146,-0.02268,0.05649,-0.01658,-0.05568,0.07587,0.08237,-0.08495,0.07989,-0.02672,-0.01182,-0.00222,0.03866,0.0648,0.00509,-0.05418,-0.01129,-0.05335,-0.05407,-0.12618,0.01178,0.04075,0.00672,-0.02747,0.03678,0.00463,-0.02469,-0.03217,0.00201,-0.0109,-0.02258,-0.04186,0.07807,0.0039,-0.05136,0.04232,-0.11515,-0.08844,0.11214,0.03107,0.06922,0.01099,0.01734,-0.06361,0.0375,0.03177,0.15249,0.00488,-0.06187,0.00326,-0.06728,-0.04473,0.1112,0.00177,-0.03317,0.04288,-0.04551,-0.09497,-0.04162,0.01701,-0.03206,-0.03728,-0.04967,-0.07883,0.0805,0.07332,-0.04126,-0.02227,-0.07613,0.01655,-0.02961,-0.01077,0.02281,0.05634,-0.01324,0.05351,0,0.0371,0.01032,0.03835,0.03991,-0.00463,-0.01684,0.0165,0.01868,-0.02402,-0.00489,0.05953,0.01993,0.02093,-0.09154,-0.0743,0.05925,-0.0724,-0.07325,-0.00467,-0.00617,0.01777,-0.04992,0.00319,-0.01789,0.00784,0.012,0.07294,-0.02569,-0.01481,-0.02405,0.01158,-0.03538,-0.07248,-0.02569,0.01147,0.02927,0.05286,0.06546,-0.01023,0.05125,-0.00486,0.07785,-0.05255,0.08815,-0.0244,0.01534,-0.11404,0.01251,-0.04918,0.02336,-0.06513,-0.01302,-0.05801,-0.06277,-0.06681,0.00382,0.05883,0.09074,0.00322,0.04683,0.0664,-0.13215,-0.01563,0.01551,0.12763,0.00125,0.0296,0.02022,0.08874,0.09628,0.14193,0.02625,0.04616,0.01319,0.08765,-0.05438,0.04591,-0.02595,0.05607,0.12652,-0.00058,0.0293,0.0426,0.01327,0.03581,0.03708,0.01332,0.07985,0.08822,0.00167,0.00039,0.03454,0.01785,-0.01146,-0.02306,0,-0.08496,-0.01605,-0.05706,-0.0847,0.03466,0.00639,0.01363,-0.049,-0.07549,-0.02456,-0.03637,0.0803,-0.01005,-0.03378,0.07072,-0.0272,0.06386,0.0044,-0.0293,0.001,-0.02003,-0.00893,-0.05172,0.07066,0.01028,-0.10162,0.02119,0.07787,-0.00675,0.10042,-0.05198,-0.00285,0.06616,0.04063,-0.04396,0.04649,-0.04491,-0.0009,-0.06565,0.03029,0.0289,-0.03136,-0.05183,-0.04486,0.02666,0.03734,0.04826,-0.00708,-0.01523,0.03704,-0.0408,-0.04374,-0.02988,-0.04531,0.04705,-0.06109,-0.0054,0.08789,0.04556,-0.02788,-0.06581,0.0397,0.03374,-0.02647],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Inputs - fConnectionId: InputSignal<string; Connection identifier. Default: f-connection-${uniqueId++}. Use a stable id if you want selection state to survive rerenders. - fSourceId: InputSignal<string; Source connector id (from [fConnector], or legacy [fNodeOutput]). - fTargetId: InputSignal<string; Target connector id (from [fConnector], or legacy [fNodeInput]). f Connection Id Input Signal unique Id f Source Id f Connector f Node Output f Target Id f Node Input","excerpt":"Inputs - fConnectionId: InputSignal<string; Connection identifier. Default: f-connection-${uniqueId++}. Use a stable id if you want selection state to survive rerenders. - fSourceId: InputSignal<string; Source connector id (from [fConnector], or legacy [fNodeOutput]). - fTargetId: InputSignal<string; Target connector id (from [fConnector], or legacy [fNodeInput])."},{"chunkId":"/docs/f-connection-component#5","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.01612,-0.04269,-0.11836,0.0517,-0.01487,0.06378,-0.04115,0.09761,-0.0074,-0.02683,-0.02302,0.04118,-0.05081,-0.03442,0.00835,-0.02955,0.03048,-0.1069,0.04176,0.01632,-0.07934,-0.12929,0.00571,-0.11579,-0.04094,-0.00464,0.02688,0.00853,0.00793,-0.04726,-0.00692,0.04412,-0.09583,-0.00488,-0.07064,-0.03046,0.03525,-0.02889,-0.0601,-0.04862,0.01553,-0.07028,0.01538,-0.02282,-0.00119,-0.05615,-0.11832,-0.02782,0.03797,0.05052,-0.00471,0.01861,-0.02075,0.05664,0.04596,0.09502,0.03499,0.03306,-0.0402,0.09215,0.03212,-0.04173,-0.02069,-0.01096,-0.05612,0.03923,0.02459,-0.0053,-0.00327,0.00137,-0.03548,0.03695,-0.05414,-0.12964,0.13985,0.01402,-0.01182,0.10058,-0.01874,-0.09515,0.0918,0.09288,-0.02748,0.00349,0.01329,0.06069,-0.02172,-0.065,-0.01968,0.05746,-0.01974,0.02256,-0.05855,0.00534,-0.02465,-0.00389,-0.06245,-0.00609,-0.05071,0.00955,-0.06406,-0.03364,0.02179,0.05914,0.04781,0.00043,-0.06222,0.06286,-0.04669,-0.0698,0.01364,-0.0215,-0.02332,0.02016,-0.01589,-0.00642,-0.008,-0.0211,0.10652,0.01308,-0.01444,0.0571,-0.05445,-0.00254,0.01036,-0.07109,-0.00263,0,0.01453,0.00713,-0.01946,-0.04286,0.06983,0.03656,-0.01026,0.01833,-0.01581,0.05532,-0.07611,0.00228,-0.0602,-0.00806,-0.02792,-0.09009,0.00412,0.06485,-0.04546,-0.03941,0.0135,-0.00646,0.02642,-0.06944,0.0539,0.10017,-0.06304,0.09609,-0.01927,0.00234,-0.01497,0.02335,0.07326,0.00969,-0.05072,-0.07989,-0.02644,-0.04401,-0.0771,0.04307,-0.00852,0.00726,-0.02142,-0.017,-0.01132,-0.01738,-0.00052,0.026,0.06058,0.00348,-0.06356,0.0425,-0.00965,0.01601,0.04649,-0.09524,-0.08489,0.14975,0.03955,0.04794,0.00156,0.00859,-0.05458,-0.0363,0.03518,0.13205,-0.01833,-0.03638,-0.02024,-0.07463,-0.04832,0.07556,0.02285,0.02681,0.00897,-0.00933,-0.11427,-0.0282,0.03555,0.0024,-0.04474,0.01639,-0.02235,0.08474,0.07832,-0.05496,-0.00886,-0.0702,0.01971,-0.01829,0.00367,0.03353,0.05824,0.00211,0.02615,0,-0.01135,0.04404,-0.02703,0.01226,0.0165,0.03281,0.07805,0.03271,0.00488,0.058,0.09048,0.04943,0.00291,-0.09378,-0.0778,0.02692,-0.04811,-0.04312,-0.02963,-0.00494,-0.0063,-0.04885,0.01861,-0.01792,0.0325,0.01023,0.07928,-0.01305,-0.03684,0.00552,0.01661,0.02434,-0.04104,-0.04521,0.02917,0.01292,0.00787,0.06697,0.01687,0.01976,0.0084,0.04991,-0.03006,0.01384,-0.00069,0.03945,-0.1133,-0.03992,-0.11382,0.04487,-0.06004,0.02821,-0.0204,-0.01926,-0.07131,-0.00875,0.11735,0.07935,-0.02072,0.06588,0.12268,-0.09231,0.00252,0.00677,0.10939,0.06039,0.01226,0.01876,0.08945,0.11536,0.07002,0.02272,-0.01797,-0.00705,0.10729,0.04918,0.05659,-0.06917,0.02937,0.11299,-0.03824,0.04058,0.01633,0.00906,-0.00201,-0.00822,-0.03613,0.06096,0.06484,0.04766,-0.03342,0.01823,0.00067,0.02684,-0.00059,0,-0.09473,-0.01034,-0.03791,-0.04349,-0.01407,-0.00454,0.06769,-0.00961,-0.07848,-0.03113,-0.06179,0.05277,-0.04075,0.00219,0.05327,-0.00873,0.0587,0.01144,-0.01331,-0.0591,0.01381,-0.03993,-0.00606,0.08192,0.00914,-0.08897,-0.01917,0.0891,-0.00876,0.03907,-0.04643,-0.03222,0.02586,0.04653,-0.05906,0.05869,-0.05221,0.00191,-0.0984,0.05704,0.04,-0.01687,-0.05703,-0.05051,0.07916,0.08502,0.0694,0.06506,-0.02461,-0.01069,-0.04783,-0.00888,-0.01872,-0.07094,0.00409,0.00817,-0.00784,0.03436,0.04724,-0.02517,-0.11761,0.07372,0.01696,-0.02353],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. - fSourceSide: InputSignal<EFConnectionConnectableSide; Default: DEFAULT. Per-connection override for the side the connection docks to at the source connector (default/top/right/bottom/left). - fTargetSide: InputSignal<EFConnectionConnectableSide; Default: DEFAULT. Per-connection override for the side the connection docks to at the target connector. - fOutputId: InputSignal<string; (deprecated — use fSourceId) - fInputId: InputSignal<string; (deprecated — use fTargetId) - fOutputSide / fInputSide (deprecated — use fSourceSide / fTargetSide) f Source Side Input Signal EF Connection Connectable Side f Target Side f Output Id f Source Id f Input Id f Target Id f Output Side f Input Side","excerpt":"- fSourceSide: InputSignal<EFConnectionConnectableSide; Default: DEFAULT. Per-connection override for the side the connection docks to at the source connector (default/top/right/bottom/left). - fTargetSide: InputSignal<EFConnectionConnectableSide; Default: DEFAULT. Per-connection override for the side the connection docks to at the target connector. - fOutputId: InputSignal<string; (deprecated — use fSourceId) - fInputId: InputSignal<string; (deprecated — use fTargetId) - fOutputSide / fInputSide (deprecated — use fSourceSide / fTargetSide)"},{"chunkId":"/docs/f-connection-component#6","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.03218,-0.04665,-0.09178,0.07927,-0.05728,0.0781,-0.0479,0.04109,0.03129,-0.03172,0.00405,0.03257,-0.07538,-0.06118,-0.01879,0.01763,0.03577,-0.09966,-0.01566,-0.00503,-0.03121,-0.12869,0.0028,-0.03469,-0.01356,0.0058,0.03717,0.01116,0.069,-0.07038,-0.02972,0.04769,-0.12525,0.01392,-0.05955,-0.01834,0.05643,0.00409,-0.06256,-0.02913,0.03641,-0.04647,-0.006,-0.05372,0.03293,0.01974,-0.08665,-0.04277,-0.03825,0.04531,0.00054,0.04121,-0.01983,0.00948,0.0822,0.07484,0.06348,0.05356,-0.0254,0.08261,0.00963,-0.00194,0.01026,0.01365,-0.03543,0.0702,0.00241,-0.02181,0.0461,0.01538,-0.01797,0.02527,-0.06617,-0.10304,0.11627,0.04303,-0.03858,0.06228,-0.01855,-0.04507,0.07575,0.05489,-0.04317,-0.01124,0.01206,0.0428,0.00311,-0.12409,0.05159,0.11139,-0.00723,0.00167,-0.03749,0.06781,-0.0585,-0.00394,-0.02465,-0.03212,-0.03176,-0.01735,0.01848,-0.03984,0.00434,0.10295,0.05251,-0.00497,-0.01313,0.03727,-0.06562,-0.04882,0.02699,-0.06767,-0.03182,0.00427,-0.05441,-0.01757,0.05399,-0.0253,0.08134,-0.0058,-0.01698,0.02992,-0.0047,-0.02022,0.02524,-0.06019,0.00376,0,0.00925,-0.04328,-0.00256,-0.04415,0.07718,0.03475,-0.08845,0.00485,0.00834,0.04015,-0.03769,-0.00119,-0.03076,0.03005,0.00135,-0.096,0.03617,0.022,-0.07682,0.00703,-0.03049,-0.0075,0.00093,-0.07238,0.05862,0.07437,-0.09519,0.0895,-0.06704,0.01097,-0.05317,0.01622,0.06065,0.01427,-0.07849,0.03147,-0.03115,-0.04844,-0.04124,0.02952,-0.03066,0.00506,-0.00696,0.02344,0.01386,-0.03811,0.02327,0.0528,-0.01055,-0.01368,-0.04504,0.08178,0.01697,-0.02554,0.0538,-0.08649,-0.04524,0.0635,0.00125,0.0556,0.00147,-0.00474,-0.08641,-0.01865,0.0215,0.12936,-0.00079,-0.03486,-0.02381,-0.08469,-0.08441,0.07564,-0.0181,0.00583,-0.0368,-0.03966,-0.13082,-0.01047,0.10485,-0.00028,0.02042,0.01487,-0.03341,0.03172,0.03247,-0.08979,-0.01644,-0.05255,0.00018,-0.01255,0.00766,0.03321,0.10482,0.06494,0.04279,0,0.01874,0.03174,0.00158,0.07072,0.005,0.04872,0.03465,0.07733,0.00843,0.02636,0.09495,0.01935,-0.01948,-0.02828,-0.06652,-0.00002,-0.05448,-0.04256,-0.00744,-0.01988,0.05593,-0.10957,-0.00143,-0.04697,0.03782,0.02279,0.02597,-0.03082,-0.05966,-0.02759,0.02264,-0.00902,-0.05694,-0.10125,0.00897,0.03485,-0.01971,0.06834,0.02788,-0.01867,0.00268,0.09763,-0.03495,0.04761,-0.02222,0.06651,-0.11337,-0.00014,-0.09106,0.04825,-0.08363,0.05234,0.01307,-0.0002,-0.08201,0.00576,0.02515,0.04644,-0.02948,0.0206,0.11921,-0.10432,-0.02954,-0.00666,0.1102,0.03915,0.0454,0.01946,0.11824,0.04571,0.1056,-0.00223,-0.042,-0.02771,0.05885,0.01515,0.06981,-0.08047,0.04188,0.09929,-0.02815,0.03696,0.0192,0.00086,-0.0279,0.01423,-0.07485,0.04543,0.05968,0.07605,-0.02442,0.00705,-0.02627,-0.00374,-0.04293,0,-0.098,-0.05096,0.01197,-0.06638,0.0298,0.0077,0.05739,-0.01618,-0.06595,-0.03552,-0.03222,0.0814,-0.03691,0.00532,0.05114,-0.00972,0.02737,-0.03153,-0.02847,-0.01319,-0.04915,-0.04621,-0.01627,0.07863,-0.00025,-0.05354,0.01008,0.15219,-0.02398,0.07033,-0.05648,-0.02448,0.05617,0.0737,-0.08629,0.06186,-0.01404,-0.00231,-0.08811,0.04924,0.01686,-0.01784,0.00165,-0.02455,0.06406,0.06969,0.07769,0.06762,-0.04603,-0.00179,-0.05553,0.02826,-0.0491,-0.03866,-0.00624,-0.05087,0.03321,0.06432,0.04309,0.01627,-0.08424,0.01232,-0.01222,-0.01799],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. - fReassignDisabled: InputSignal<boolean; Default: false. Disables reassign interaction for this connection. - fSelectionDisabled: InputSignal<boolean; Default: false. Disables selecting this connection. - fBehavior: InputSignal<EFConnectionBehavior; Default: EFConnectionBehavior.FIXED. Controls how the line behaves relative to endpoints (fixed/floating/etc.). See the example section for behavior presets. f Reassign Disabled Input Signal f Selection Disabled f Behavior EF Connection Behavior","excerpt":"- fReassignDisabled: InputSignal<boolean; Default: false. Disables reassign interaction for this connection. - fSelectionDisabled: InputSignal<boolean; Default: false. Disables selecting this connection. - fBehavior: InputSignal<EFConnectionBehavior; Default: EFConnectionBehavior.FIXED. Controls how the line behaves relative to endpoints (fixed/floating/etc.). See the example section for behavior presets."},{"chunkId":"/docs/f-connection-component#7","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.00615,-0.06713,-0.13904,0.03765,-0.0484,0.05028,-0.04126,0.14902,-0.01222,-0.0215,0.00488,0.02779,-0.0633,-0.03473,0.01108,0.02929,-0.00798,-0.05162,0.03287,-0.00947,-0.02337,-0.12908,0.02185,-0.07285,-0.0307,-0.03901,0.05103,0.0126,0.05201,-0.07102,-0.01176,0.04902,-0.06188,0.00407,-0.03917,-0.02797,0.05418,0.00992,-0.06463,-0.01785,0.01613,-0.03268,0.04865,-0.04883,0.03495,0.01383,-0.11603,-0.01138,-0.05061,0.07956,-0.00997,-0.02888,-0.07638,0.01706,0.08071,0.07785,0.00205,0.0479,-0.02913,0.05178,0.03035,-0.0316,-0.01238,0.01484,-0.10367,0.06672,-0.01557,-0.02576,0.04804,-0.03333,-0.06139,-0.00425,-0.04993,-0.12651,0.08296,0.01132,-0.00777,0.09974,-0.03755,-0.09346,0.0226,0.09061,-0.05045,0.0287,0.04451,0.07546,-0.00055,-0.06545,0.05437,0.11733,-0.00197,0.04056,-0.0539,0.00495,-0.05735,0.0018,-0.00955,-0.0163,-0.06363,0.00913,-0.01792,-0.07987,-0.01116,0.05198,0.0503,0.00729,-0.05181,0.04163,-0.00439,-0.04098,-0.00039,-0.06409,-0.04096,-0.02182,0.02149,-0.05163,0.00005,-0.04522,0.11017,0.02281,-0.02251,0.03342,-0.03292,-0.02957,-0.01662,-0.05037,-0.02635,0,-0.00045,0.0642,-0.019,-0.01387,0.07589,0.02964,-0.05593,-0.01917,-0.01441,0.03614,-0.07046,-0.00537,-0.09181,0.05135,0.04273,-0.13659,0.05059,0.03278,-0.05977,-0.04597,-0.0089,0.00381,0.02578,-0.04594,0.08912,0.0706,-0.04754,0.10668,-0.01477,-0.00939,-0.03025,0.00806,0.02939,0.00071,-0.0624,0.00391,-0.047,-0.08191,-0.10956,0.02443,-0.0237,-0.01339,0.00171,-0.0035,0.00384,-0.00184,0.02396,0.05201,0.02891,0.00722,-0.09454,0.06095,0.0592,-0.01705,0.0611,-0.09191,-0.05775,0.07434,-0.00548,0.05469,0.03256,0.01361,-0.04195,-0.0314,-0.01965,0.10707,-0.01304,-0.06244,0.01979,-0.05086,-0.06774,0.09259,-0.03865,0.02985,-0.0056,-0.03418,-0.13951,-0.00209,0.04885,-0.00804,-0.07902,0.00429,-0.03474,0.03243,0.06463,-0.09243,-0.00129,-0.00378,0.00672,-0.03987,-0.01847,0.03179,0.04531,0.07475,0.02137,0,-0.01016,0.03274,0.02432,0.06683,0.01721,0.05118,0.01143,0.01293,0.03676,0.02618,0.05642,0.03972,0.04705,-0.0624,-0.06096,-0.01568,-0.07712,-0.07089,-0.03289,-0.04664,-0.02277,-0.07397,-0.03096,-0.0462,0.00868,0.05681,0.0449,-0.03379,-0.0517,-0.00151,-0.02186,-0.00743,-0.0556,-0.08723,0.00553,0.01114,0.05753,0.04502,0.00443,-0.0353,0.02385,0.06852,0.01735,0.04485,-0.05066,0.07028,-0.06387,0.02954,-0.11122,0.07163,-0.03408,0.02209,0.0158,-0.02382,-0.06593,0.00939,0.01737,0.04252,0.0008,0.02528,0.06335,-0.10474,-0.02099,0.0147,0.08887,0.02838,0.02173,0.01319,0.03533,0.09712,0.09508,0.03968,-0.01821,0.00913,0.06617,-0.0508,0.07574,-0.0101,0.06243,0.10722,0.02884,0.02566,0.03939,0.03307,-0.00511,-0.00687,-0.03707,0.05786,0.07009,0.08226,0.00053,0.06923,-0.00892,0.07652,-0.05534,0,-0.08602,-0.01528,-0.0242,-0.08909,0.01743,0.00114,0.0856,-0.01392,-0.08065,-0.04097,0.0234,0.06204,-0.03808,0.02854,0.04867,-0.03017,0.02062,0.05512,-0.012,0.00391,-0.01823,-0.04012,-0.02982,0.04151,0.02794,-0.06417,-0.01122,0.12489,-0.0102,0.07789,-0.03973,0.00924,0.08385,0.04731,-0.09113,0.0817,-0.0317,-0.00282,-0.05769,0.10347,0.0412,0.01116,0.00453,-0.04365,0.04044,0.05256,0.08071,0.01296,-0.06153,0.0175,-0.04981,0.01785,-0.02954,-0.03983,0.032,-0.02176,0.01656,0.03371,0.03738,-0.0047,-0.10257,0.04111,0.04777,-0.01337],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. - fType: InputSignal<EFConnectionType string; Default: EFConnectionType.STRAIGHT. Controls which path builder is used (straight/bezier/segment/adaptive-curve or custom key). - fOffset: InputSignal<number; Default: 12. Minimum “straight” length before a curve/turn may appear (depends on type). - fRadius: InputSignal<number; Default: 8. Radius used for rounded corners (depends on type). f Type Input Signal EF Connection Type f Offset f Radius","excerpt":"- fType: InputSignal<EFConnectionType string; Default: EFConnectionType.STRAIGHT. Controls which path builder is used (straight/bezier/segment/adaptive-curve or custom key). - fOffset: InputSignal<number; Default: 12. Minimum “straight” length before a curve/turn may appear (depends on type). - fRadius: InputSignal<number; Default: 8. Radius used for rounded corners (depends on type)."},{"chunkId":"/docs/f-connection-component#8","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.01866,-0.06377,-0.11027,0.07616,-0.0326,0.08538,-0.0164,0.02008,0.01734,-0.02695,0.0037,0.08436,-0.0672,-0.02771,-0.0016,0.00725,-0.00226,-0.06466,0.03425,-0.01861,-0.02988,-0.11154,-0.03399,-0.05285,0.02765,-0.01215,0.01613,0.00425,0.06527,-0.08436,-0.02914,0.07119,-0.11213,-0.00208,-0.05338,0.00461,0.0614,0.0019,-0.04836,-0.01898,0.05152,-0.07114,-0.02899,-0.05923,-0.01165,0.02452,-0.10406,-0.04824,-0.01323,0.0827,-0.00532,0.00824,-0.03951,0.01351,0.1153,0.07608,0.05095,0.0635,-0.03579,0.06617,0.02054,-0.0047,-0.01194,0.02862,-0.027,0.05902,-0.00827,-0.02034,0.04898,-0.01009,-0.01797,0.00209,-0.07833,-0.09765,0.09912,0.04026,-0.00465,0.06141,-0.0257,-0.0443,0.07185,0.06706,-0.05691,0.01946,0.00934,0.06405,-0.03237,-0.08677,0.03027,0.08562,-0.05246,0.0266,-0.019,0.0346,-0.07632,-0.00188,-0.02273,-0.02862,-0.00773,0.01071,-0.01084,-0.08532,0.03496,0.06311,0.06085,-0.05714,-0.04751,0.03062,-0.04621,-0.05093,0.01544,-0.03748,-0.01201,-0.02067,-0.00787,0.00399,0.00779,0.0052,0.09969,-0.00817,-0.00888,0.03623,-0.03191,-0.02022,0.01231,-0.07668,0.00937,0,0.01771,-0.00521,-0.00125,-0.01943,0.05101,0.02012,-0.04676,-0.00805,-0.02828,0.02969,-0.02944,0.03418,-0.05408,0.01327,-0.00629,-0.10922,0.04479,0.04467,-0.06614,-0.04856,-0.02232,0.01373,0.00988,-0.04829,0.07779,0.0749,-0.05791,0.0689,-0.05737,0.00672,-0.03228,0.04275,0.03631,0.02811,-0.09343,-0.0125,-0.04177,-0.06816,-0.09386,0.03043,-0.03129,-0.00953,-0.05929,0.0241,0.00295,-0.02394,0.0036,0.05121,0.03801,-0.04697,-0.04652,0.08467,0.04425,-0.02033,0.02053,-0.10441,-0.06366,0.08261,-0.02274,0.03262,0.00607,-0.00392,-0.09044,-0.01262,0.02373,0.10946,0.00093,-0.04323,-0.0097,-0.07811,-0.09915,0.0643,-0.00562,0.0035,-0.02632,-0.02025,-0.12072,0.00032,0.07584,-0.01616,-0.00121,-0.01173,-0.03993,0.03892,0.05,-0.09614,0.00357,-0.05585,0.0181,-0.01906,-0.03062,0.04758,0.09093,0.08498,0.01485,0,0.01252,0.01318,0.00621,0.05069,-0.02012,0.02931,0.06351,0.06411,-0.03604,0.03084,0.10069,-0.00378,0.04086,-0.04216,-0.09883,0.02451,-0.05076,-0.03187,-0.05543,-0.00176,0.01058,-0.0993,-0.00832,-0.09031,0.03581,0.03069,0.03964,-0.02369,-0.0597,-0.02267,0.04787,-0.00657,-0.03388,-0.10113,0.01276,0.0447,0.01991,0.06754,0.01608,0.03108,0.00798,0.07728,-0.03374,0.06964,-0.00831,0.06006,-0.09841,-0.02338,-0.09848,0.03365,-0.05464,0.04393,0.01014,-0.04037,-0.07021,-0.00013,0.04126,0.08726,-0.00393,0.01131,0.12907,-0.10863,-0.02782,-0.00816,0.1104,0.03,0.03188,0.02007,0.06912,0.04921,0.10554,0.05066,-0.02241,-0.00527,0.05416,0.01487,0.06718,-0.07704,0.00635,0.10552,-0.03058,0.00086,0.03561,0.00937,0.00052,0.00283,-0.05932,0.07199,0.06907,0.05721,-0.06794,0.04257,0.01111,0.02699,-0.04895,0,-0.11765,-0.05432,-0.00645,-0.05924,0.04038,0.03927,0.06468,0.0071,-0.05616,-0.02819,-0.04333,0.07753,-0.02937,-0.01008,0.05209,0.00746,0.03844,-0.01758,0.00558,-0.02776,-0.00055,-0.01197,-0.03456,0.07394,0.0073,-0.06979,0.00415,0.14796,0.00863,0.03337,-0.05467,-0.00507,0.10638,0.04512,-0.07631,0.11759,-0.00931,0.02812,-0.09801,0.04607,0.05148,0.00209,-0.04297,-0.00331,0.02764,0.04693,0.07803,0.05573,-0.03137,-0.00189,-0.03801,0.00989,-0.03995,-0.06571,0.01032,-0.01635,0.01766,0.0573,0.01964,0.02071,-0.08982,0.07005,0.03765,-0.04318],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. - fReassignableStart: InputSignal<boolean; Default: false. Enables reassigning the start endpoint of the connection (output-side) by dragging it, just like end reassign. This feature is available in the library, but disabled by default. f Reassignable Start Input Signal","excerpt":"- fReassignableStart: InputSignal<boolean; Default: false. Enables reassigning the start endpoint of the connection (output-side) by dragging it, just like end reassign. This feature is available in the library, but disabled by default."},{"chunkId":"/docs/f-connection-component#9","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[0.01192,-0.06771,-0.10517,0.07199,-0.00128,0.05775,0.00892,0.0323,0.07069,-0.01969,-0.01168,0.0042,-0.0904,-0.01631,-0.00444,0.0013,-0.01006,-0.06424,-0.02468,-0.05151,-0.02875,-0.14244,-0.0352,-0.03991,0.00942,-0.03458,0.00825,0.02443,0.0386,-0.07673,0.01655,0.0671,-0.06721,0.01007,-0.03357,0.00662,0.04806,-0.00625,-0.04726,-0.00392,0.02673,-0.06608,0.00938,-0.06383,-0.00772,0.04142,-0.06821,-0.03643,-0.06454,0.08494,0.01367,0.06819,-0.02522,0.00808,0.12895,0.0679,0.0688,0.00386,-0.0706,0.04251,-0.0305,-0.02086,-0.04812,0.03079,-0.03153,0.05492,-0.04635,0.00816,0.06427,-0.03348,-0.01258,0.04033,-0.04989,-0.11015,0.1167,0.01519,-0.01741,0.08627,-0.02688,-0.08153,0.08341,0.07319,-0.01645,-0.02305,0.03621,0.04772,-0.02696,-0.08183,-0.02587,0.12132,-0.07399,0.06905,-0.0332,0.03225,-0.06433,0.0004,-0.00878,-0.03628,0.00527,0.02668,-0.03162,-0.02459,0.00969,0.05943,0.0528,-0.0137,-0.06516,0.0569,-0.04508,-0.0482,0.03383,-0.01546,0.00933,-0.03968,0.00869,0.02494,-0.01166,0.01883,0.0869,0.03038,0.00437,0.02264,-0.02391,0.00035,0.00835,-0.06667,-0.01447,0,0.00377,-0.02006,-0.03787,0.01241,0.08509,0.0403,0.00308,-0.06304,0.0178,0.01595,-0.08097,0.02346,-0.03689,-0.00303,0.00554,-0.10503,0.05754,0.01922,-0.05363,-0.00689,0.01497,0.04176,0.01592,-0.05463,0.08233,0.10081,-0.04419,0.11447,-0.06432,0.01163,-0.02111,0.05071,0.04454,-0.02646,-0.05128,-0.054,-0.03217,-0.09574,-0.12492,0.03492,-0.02416,0.00044,-0.09722,-0.03084,-0.03333,-0.02299,-0.02116,0.08768,0.06169,0.04054,-0.00475,0.04872,0.07957,-0.01271,0.07094,-0.05445,-0.05541,0.0321,0.03613,0.09245,0.03137,0.03159,-0.08533,-0.00062,0.01075,0.11932,0.05523,-0.01373,0.0145,-0.05522,-0.07194,0.12752,-0.0246,-0.05879,0.04313,-0.00227,-0.08435,-0.04188,0.01794,0.0278,-0.00573,-0.03742,-0.0285,0.05246,0.03873,-0.05785,-0.04113,-0.03535,-0.01135,-0.00755,0.00704,0.01725,0.11754,0.03174,0.01144,0,-0.01327,0.0393,-0.01709,0.02331,0.00513,0.00056,0.02468,-0.00601,-0.01592,0.04705,0.021,0.01919,-0.05001,-0.0606,-0.06384,-0.02219,-0.01165,-0.05546,-0.03748,-0.00693,-0.00213,-0.01453,0.02874,-0.10594,0.00395,0.03346,0.05895,0.00054,-0.02676,-0.03374,0.04374,-0.00379,-0.05347,-0.04238,0.04793,-0.02903,0.08275,0.02106,0.01267,-0.04762,0.03519,0.0978,-0.04075,0.05394,-0.04409,0.07626,-0.10789,-0.02018,-0.00635,0.05316,-0.06643,-0.01848,-0.04132,-0.00787,-0.09509,0.01864,0.09225,0.06217,-0.03944,0.04687,0.06039,-0.12877,-0.02592,-0.00205,0.13075,0.03274,-0.00281,0.04027,0.10798,0.1126,0.1056,-0.00366,-0.04379,0.01377,0.04297,0.04875,0.03282,-0.06254,0.02356,0.13418,-0.02149,0.01668,0.03961,0.0331,0.04553,-0.02114,-0.06212,0.02369,0.08272,0.04027,-0.01817,0.04931,0.00293,0.04554,-0.01572,0,-0.07204,-0.0165,-0.05635,-0.05795,0.02866,0.00772,0.02964,-0.04913,-0.0836,-0.03207,-0.06911,0.0591,-0.02528,-0.01991,0.08453,-0.05233,0.08293,-0.03796,-0.03894,-0.06334,-0.02489,-0.00932,-0.05083,0.07377,-0.05643,-0.09088,0.01117,0.10874,-0.0064,0.011,-0.04188,0.02379,0.06358,0.03338,-0.05041,0.0825,-0.01971,-0.03331,-0.05837,0.03113,0.02512,-0.01568,-0.00073,-0.0117,0.01969,0.05322,0.01587,-0.01209,-0.01635,0.03157,-0.02931,0.02765,-0.05531,0.00079,0.00883,-0.02587,0.02356,0.03218,0.08976,-0.00979,-0.05539,0.03525,0.0568,-0.06841],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Outputs f-connection does not emit its own outputs. Creation/reassign events are emitted from f-flow[fDraggable] (see Event System). f Draggable","excerpt":"Outputs f-connection does not emit its own outputs. Creation/reassign events are emitted from f-flow[fDraggable] (see Event System)."},{"chunkId":"/docs/f-connection-component#10","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.03089,-0.06437,-0.0908,0.05133,-0.01769,0.06402,-0.01702,0.0719,-0.0377,-0.01611,-0.00575,0.01487,-0.06602,-0.03275,0.01658,0.03349,0.05882,-0.08434,0.03039,0.00695,-0.06947,-0.12764,-0.01622,-0.07107,0.01837,0.00588,0.02249,0.0051,0.05749,-0.06664,-0.01742,0.07054,-0.12854,0.00849,-0.04311,-0.01871,0.05751,0.01552,-0.05967,-0.02185,0.03203,-0.03348,-0.00502,-0.04294,0.04773,0.01829,-0.11996,-0.02376,-0.02469,0.01097,0.02647,0.00741,-0.04814,0.01784,0.09327,0.08865,0.04956,0.04661,-0.03251,0.08782,0.04298,-0.00511,-0.01891,-0.001,-0.06033,0.07444,0.00419,0.00142,0.05246,-0.0238,-0.07141,0.01044,-0.05376,-0.08722,0.10128,0.02948,0.01525,0.03561,-0.02417,-0.10506,0.04958,0.10692,-0.06068,-0.0032,0.02165,0.04699,0.00396,-0.07363,0.01246,0.09882,-0.02449,0.02826,-0.02526,0.01845,-0.05423,-0.02536,-0.00578,-0.01356,-0.03954,0.0215,0.01056,-0.05406,0.00908,0.03905,0.0224,-0.00829,-0.03688,0.05204,-0.01277,-0.03677,-0.00629,-0.03314,-0.07897,-0.07057,0.00125,-0.05915,-0.0047,-0.04304,0.15337,-0.00987,-0.00144,0.01565,0.00938,-0.05454,0.00804,-0.07236,-0.01399,0,0.02382,0.0041,-0.03201,0.02522,0.10081,0.05583,-0.02773,-0.01211,-0.00871,0.01379,-0.06286,0.04393,-0.08855,0.069,0.02263,-0.10078,0.02977,0.02714,-0.03625,-0.02604,-0.029,0.02477,0.0417,-0.02079,0.08747,0.05048,-0.02886,0.07553,-0.03547,0.01011,-0.00195,0.03835,0.04522,0.01183,-0.05876,-0.02796,-0.0558,-0.09653,-0.04318,0.00095,-0.02654,0.01242,-0.03143,-0.00526,-0.00725,-0.01587,0.04938,0.06406,0.03095,-0.01463,-0.04747,0.03323,0.02466,0.00484,0.04661,-0.07845,-0.03356,0.12209,0.061,0.04874,0.02345,0.01281,-0.05135,-0.00817,0.03664,0.13678,-0.02108,-0.07607,-0.04953,-0.10252,-0.0521,0.07954,-0.01316,0.003,-0.02982,-0.04263,-0.14199,0.01221,0.02028,0.0237,-0.05911,-0.00589,-0.03527,0.04296,0.00517,-0.08071,0.00438,-0.02009,0.00733,0.00956,-0.0359,0.0323,0.08768,0.05582,0.04657,0,-0.01224,0.02021,-0.01761,0.04546,0.03227,0.02173,0.00963,0.04092,-0.00603,0.03817,0.08554,0.01218,0.01375,-0.04203,-0.0847,-0.02181,-0.05571,-0.07196,-0.04836,0.01034,0.01487,-0.08044,-0.01659,-0.07617,0.02415,0.03956,0.05634,-0.02672,-0.03654,-0.02344,0.00971,-0.01176,-0.03408,-0.04621,0.02486,0.02172,0.07119,0.02405,-0.04787,-0.05254,-0.00744,0.06806,-0.0373,0.0125,-0.01419,0.05712,-0.12676,-0.0131,-0.09297,0.07494,-0.03443,0.02937,-0.00642,-0.01688,-0.06099,-0.01022,0.05987,0.06651,-0.01391,0.03238,0.12825,-0.10995,-0.022,0.01477,0.1137,0.0389,0.01458,-0.02643,0.06216,0.08161,0.08548,0.0081,-0.02323,-0.03515,0.09322,-0.00063,0.0836,-0.03784,0.04935,0.11476,-0.03102,0.02686,0.01481,0.01937,0.01228,-0.00413,-0.0551,0.05656,0.05815,0.0476,-0.0366,0.01324,-0.02695,0.06455,-0.03631,0,-0.07956,-0.02789,0.00311,-0.10917,0.01385,0.00575,0.07082,-0.03808,-0.0562,0.00781,-0.0045,0.02736,-0.03978,0.0147,0.09922,-0.05509,0.04238,-0.01573,-0.02787,-0.00502,-0.02188,-0.03827,-0.0007,0.07555,0.02928,-0.04249,0.03101,0.13734,-0.0396,0.10018,-0.05891,-0.00096,0.0757,-0.00171,-0.04701,0.12475,-0.03405,-0.01783,-0.0826,0.04111,0.02461,-0.03153,-0.01747,-0.01951,0.12969,0.07315,0.04691,0.03328,-0.03289,0.02089,-0.07074,-0.02151,-0.06419,-0.03308,-0.0103,-0.01464,0.0245,0.02484,0.09702,-0.00269,-0.07258,0.02388,0.02049,-0.00059],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide EF Connection Behavior EF Connection Type EF Connection Connectable Side","excerpt":"Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide"},{"chunkId":"/docs/f-connection-component#11","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.01194,0.03123,-0.09066,0.09574,0.0395,0.03181,0.04101,0.06018,0.02836,-0.0087,-0.01562,0.06481,-0.11238,-0.02116,0.03789,-0.03037,-0.00934,-0.05485,-0.01945,0.01504,-0.04325,-0.13719,0.05216,-0.04739,-0.03362,0.04722,0.01785,0.0312,0.08188,-0.10289,-0.00731,0.06992,-0.05918,0.07389,-0.07971,0.03857,0.0761,0.03145,-0.12531,-0.04513,-0.00021,-0.04074,0.04553,-0.01308,0.00798,0.05139,-0.06701,-0.08783,-0.00229,0.04795,-0.0192,-0.03503,-0.03006,0.04815,0.01395,0.02166,0.09397,0.03245,-0.03167,0.07355,-0.00031,-0.05832,-0.0131,0.03834,-0.04774,0.00096,0.0285,0.02434,-0.03598,0.00128,0.00099,0.00477,-0.05417,-0.06707,0.08089,0.05161,0.02676,0.05715,0.03132,-0.03735,0.06167,0.08175,0.0077,0.03491,-0.00496,0.0925,-0.01338,-0.12566,-0.04448,0.1266,-0.01009,0.03673,-0.0439,-0.03624,-0.0882,-0.00182,-0.07572,-0.06636,-0.00334,0.04357,0.00359,-0.01768,0.06362,0.01625,0.02207,-0.02563,-0.07168,0.04034,-0.02413,-0.01705,0.02921,0.00471,-0.06447,-0.02951,-0.05649,-0.01288,0.02738,0.01094,0.14343,0.02344,0.00981,0.05855,-0.00098,-0.00541,-0.00429,-0.00594,-0.07494,0,-0.03035,0.00877,-0.05537,0.0445,0.05075,-0.01123,-0.01581,-0.03452,-0.02908,0.07512,-0.02662,-0.0303,-0.07178,0.0292,0.07683,-0.09872,0.02532,0.05279,-0.1017,-0.07385,-0.00725,-0.05719,0.04636,-0.08335,0.1475,0.03217,-0.0516,0.09371,-0.07659,-0.0239,-0.02739,-0.01805,0.07433,0.03813,-0.01274,0.00185,-0.06308,-0.04141,-0.05371,0.03493,-0.00099,-0.02951,-0.02387,0.00412,0.03251,0.06775,0.0384,-0.01853,-0.00185,0.00265,0.00214,0.0393,0.02615,-0.04778,0.06836,-0.05706,0.03716,0.04751,-0.00192,0.01222,-0.01802,0.01966,-0.06347,0.00348,0.05044,0.09508,0.02526,-0.02175,0.0117,-0.03912,-0.0184,0.0733,-0.00981,-0.0139,0.00688,-0.02455,-0.0853,-0.03332,0.07219,0.04465,-0.07737,-0.02187,0.0035,0.01873,-0.03715,-0.08091,0.04341,-0.03884,0.04564,-0.05914,0.02287,0.04692,0.07565,0.02659,-0.03167,0,-0.01669,0.05843,0.03349,0.02365,-0.00323,0.04467,0.014,0.03818,-0.00196,0.01859,0.03459,-0.00852,-0.02649,-0.07825,-0.04498,0.0188,-0.0524,-0.03769,-0.03311,-0.0161,-0.00596,0.01752,0.03945,-0.0187,0.06283,-0.05659,0.05408,-0.02016,-0.01414,0.0024,0.01619,-0.10934,0.02426,-0.04987,0.03088,-0.06422,0.02253,0.05295,0.0365,0.01247,-0.03576,0.03232,-0.07106,0.06672,-0.07816,0.01929,-0.0985,-0.02891,-0.07141,0.01649,-0.03115,-0.00306,-0.03929,-0.02288,-0.04643,0.01106,-0.01722,0.0376,-0.10433,0.03093,0.03762,-0.0955,-0.05436,0.0264,0.10168,0.00663,-0.01143,-0.04128,0.01588,0.09932,0.04901,0.04334,0.00041,0.0013,0.01907,-0.02292,0.12277,0.01113,0.08087,0.10369,-0.01765,0.05375,-0.01403,0.11382,-0.01789,-0.00229,-0.00933,0.05691,0.03199,0.04048,-0.01193,0.04045,0.03145,0.08436,-0.02528,0,-0.04851,-0.03401,-0.05863,-0.05416,-0.00404,0.00249,-0.0023,-0.05978,-0.09706,0.06903,-0.11664,0.12068,-0.06439,0.02887,0.00113,-0.04734,0.01881,0.04949,-0.01799,0.00279,-0.01743,-0.02544,-0.02781,0.10448,-0.00961,-0.05755,-0.03192,0.05956,0.09688,0.04763,-0.08082,0.00477,-0.02075,0.0555,-0.04616,0.05649,-0.04019,-0.06958,-0.03459,0.15022,0.0675,-0.01432,0.04289,-0.01697,0.01393,0.06082,0.02969,-0.03987,-0.10739,0.01432,-0.0178,0.007,-0.06682,-0.00852,0.00887,-0.01804,0.03364,0.08303,0.05235,0.01069,-0.06854,0.04206,0.01477,-0.00668],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Styling These classes are useful when styling the SVG and interaction affordances: - .f-connection host class - .f-selected applied when selected - .f-connection-selection-disabled applied when fSelectionDisabled = true - .f-connection-reassign-disabled applied when fReassignDisabled = true - .f-connection-path main SVG path - .f-connection-selection invisible hit-path (easier selection) - .f-connection-drag-handle endpoint drag handle circles - .f-connection-content projected content container (if you project content) f-connection-content is positioned absolutely and defaults to intrinsic width sizing, so label-like content keeps its natural width. If you need wrapping, set width or max-width explicitly in your own styles. f Selection Disabled f Reassign Disabled","excerpt":"Styling These classes are useful when styling the SVG and interaction affordances: - .f-connection host class - .f-selected applied when selected - .f-connection-selection-disabled applied when fSelectionDisabled = true - .f-connection-reassign-disabled applied when fReassignDisabled = true - .f-connection-path main SVG path - .f-connection-selection invisible hit-path (easier selection) - .f-connection-drag-handle endpoint drag handle circles - .f-connection-content projected content container (if you project content) f-connection-content is positioned absolutely and defaults to intrinsic width sizing, so label-like content keeps its natural width. If you need wrapping, set width or max-width explicitly in your own styles."},{"chunkId":"/docs/f-connection-component#12","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.04982,-0.08528,-0.08257,0.01487,-0.01324,0.04597,0.01355,0.00987,0.02941,-0.00747,-0.02568,0.06242,-0.0639,-0.05056,0.03286,0.07619,-0.00439,-0.03859,-0.01124,-0.02851,-0.10096,-0.13836,-0.04212,-0.05155,-0.00188,-0.01577,0.03467,0.01507,0.06706,-0.04349,-0.02745,0.03619,-0.102,0.04493,-0.09912,0.05639,0.07397,0.02402,-0.10034,0.02733,0.01363,0.00546,-0.01512,-0.042,0.05447,0.05198,-0.04428,-0.07708,-0.06502,0.033,-0.03172,-0.06434,-0.00555,0.00375,0.04084,0.08051,0.08242,0.06902,-0.05095,0.05199,-0.01883,-0.07728,-0.00832,0.01514,-0.04919,-0.0422,-0.00214,-0.01712,0.04855,-0.04835,-0.04419,0.0272,-0.01239,-0.06789,0.03315,0.08261,0.11416,0.08211,0.06188,-0.15544,0.10417,0.12087,-0.00933,0.02394,0.05213,0.07752,-0.02095,-0.11745,-0.01066,0.15507,0.00396,0.06029,-0.10514,-0.02666,-0.05841,-0.00325,-0.04512,-0.03924,-0.0043,0.02092,-0.00633,-0.0513,-0.00517,0.04632,0.00231,0.00101,-0.05212,0.07647,0.00226,-0.02893,0.02137,0.00618,0.00136,-0.05846,-0.03259,-0.03731,0.00806,-0.00163,0.13341,0.08494,-0.02073,0.01526,-0.0017,-0.01711,-0.0708,-0.03527,-0.01572,0,-0.01587,0.00162,-0.03673,-0.00648,0.03313,-0.01617,-0.0095,-0.0229,-0.0567,-0.03701,-0.04255,-0.02468,-0.09158,0.08783,-0.00053,-0.08179,0.04806,-0.03586,-0.03585,-0.02162,0.03067,0.00202,0.00994,-0.06652,0.09159,0.02316,0.02756,0.08351,-0.07365,0.00157,-0.01276,0.00507,0.00385,0.04078,-0.0522,0.00675,-0.01504,-0.09314,-0.08866,0.07933,-0.00074,0.01792,-0.041,0.00702,-0.02348,0.01872,0.0125,0.02803,0.04997,-0.01542,-0.07741,0.0651,0.03929,-0.0366,0.06591,-0.01804,-0.01985,0.02911,0.03059,-0.03065,0.04208,0.02561,-0.04988,-0.02129,0.04306,0.07833,0.02756,-0.02518,-0.04474,-0.02216,-0.0088,0.09621,-0.04175,-0.05848,0.01183,-0.03203,-0.05626,0.0231,0.07542,0.00433,-0.06512,0.01411,-0.0283,0.07757,-0.03335,-0.01128,0.01216,-0.03006,0.03324,-0.03053,-0.0098,-0.01251,0.01676,0.05126,-0.01486,0,-0.04483,0.079,0.01103,0.02685,0.0155,0.02722,0.00435,-0.01326,-0.03692,0.09765,0.04698,0.03365,-0.03544,-0.00893,-0.08271,-0.02182,-0.09436,0.00197,-0.07852,-0.05009,0.00042,0.0309,0.02996,-0.02884,0.0472,-0.01511,0.0306,0.01814,-0.07935,-0.01693,0.02759,-0.00468,-0.01515,-0.09274,-0.03416,0.04334,0.03305,-0.01141,-0.01764,0.00984,-0.0006,0.0406,0.04054,0.00783,-0.03627,0.05021,-0.11597,-0.04861,-0.01351,0.04191,-0.01367,0.03432,-0.02858,0.04615,-0.0711,-0.01157,0.02864,0.07826,-0.00751,0.04633,0.0456,-0.09652,-0.06043,0.0139,0.09915,0.02457,0.02677,-0.02768,0.0822,0.06232,0.07741,0.08056,0.02486,0.03755,0.04702,-0.02883,0.10532,-0.01148,0.02313,0.11542,0.0357,0.00259,0.07765,0.08924,0.04907,-0.02629,-0.04431,0.03707,0.0466,-0.02242,0.01325,0.00005,-0.02189,-0.04078,-0.03437,0,-0.00035,-0.0068,-0.02567,-0.07583,0.00639,-0.03261,0.04049,-0.02205,-0.0594,0.06911,-0.07922,0.06718,-0.04912,-0.0057,0.01044,0.01162,0.02287,0.01239,-0.00964,-0.00258,-0.0511,0.0232,-0.06784,0.11876,0.03254,-0.08648,0.01605,0.11457,0.06359,0.00631,-0.11606,0.03957,0.05622,-0.00678,-0.04007,0.11247,-0.07381,-0.01213,-0.06531,0.09032,-0.00562,-0.01689,0.07712,-0.01363,0.03842,0.0373,-0.03454,-0.0379,-0.08246,0.03533,-0.00687,-0.01064,-0.04343,0.03513,0.01569,-0.08174,-0.00923,0.04253,0.02804,-0.01147,-0.06126,0.01958,0.0808,-0.08013],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Projected Gradient If you want a gradient stroke, project f-connection-gradient into the connection. The gradient config owns its own colors, while the actual SVG linearGradient is created internally by the connection. f-connection itself no longer owns gradient colors. If no gradient is projected, the connection path uses the normal single-color stroke styling. Migration from the old API: linear Gradient","excerpt":"Projected Gradient If you want a gradient stroke, project f-connection-gradient into the connection. The gradient config owns its own colors, while the actual SVG linearGradient is created internally by the connection. f-connection itself no longer owns gradient colors. If no gradient is projected, the connection path uses the normal single-color stroke styling. Migration from the old API:"},{"chunkId":"/docs/f-connection-component#13","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.01738,-0.08365,-0.08077,0.06085,-0.0284,0.02151,-0.01085,0.06592,-0.01834,-0.037,-0.01322,0.01196,-0.06597,0.00894,0.01387,0.00403,0.03444,-0.07438,0.00596,0.04663,-0.05921,-0.09814,-0.01151,-0.06975,-0.03294,-0.06586,0.01074,0.02671,0.06712,-0.04858,0.05055,0.09173,-0.12022,-0.001,-0.0244,0.01535,0.05172,-0.01885,-0.02908,0.01131,0.03765,-0.0499,0.03485,0.01655,0.00354,-0.01616,-0.087,0.0216,-0.00651,0.07466,-0.02337,0.03178,-0.08163,0.04771,0.07408,0.03715,0.021,0.02187,-0.02834,0.06934,0.04607,-0.0426,-0.00545,-0.00714,-0.03194,0.05594,-0.01464,-0.002,0.05484,0.00581,-0.02932,0.0231,-0.08351,-0.0711,0.09332,0.06532,0.01464,0.05299,-0.01586,-0.09619,0.06352,0.10893,-0.0149,-0.04342,0.05496,0.04092,-0.05462,-0.06045,-0.0376,0.09335,-0.03892,0.08634,-0.06023,-0.02533,0.00331,0.03508,0.0383,-0.03008,-0.00736,0.05421,-0.04424,-0.05628,-0.01992,0.0656,-0.00541,-0.02378,-0.06482,0.06536,-0.0554,-0.06783,0.01355,-0.00333,-0.01822,-0.01714,-0.03362,-0.01055,-0.02791,-0.0415,0.12759,0.01182,-0.06562,0.04291,0.03376,0.01991,-0.00483,-0.0214,-0.03027,0,0.00204,0.01568,-0.02618,-0.01881,0.04257,0.0194,-0.02892,-0.02868,-0.0397,0.04965,-0.0514,0.03954,-0.0652,0.02999,0.02387,-0.06938,0.02365,0.05256,0.00217,-0.03521,0.01146,-0.00352,0.04336,-0.02809,0.08243,0.09529,-0.03941,0.11235,0.02023,0.01537,-0.03495,0.01758,0.08139,0.00192,-0.01635,-0.03891,-0.08739,-0.08253,-0.16796,0.01103,0.03468,0.03105,-0.05622,-0.00356,0.00678,0.00484,-0.02521,0.02681,0.01762,0.0038,-0.06263,0.00808,0.04097,-0.01484,0.01968,-0.07848,-0.06682,0.04435,0.00109,0.02942,0.0092,-0.03132,-0.05548,-0.01383,0.04217,0.09315,0.00151,-0.00726,0.00085,-0.05738,-0.03894,0.08014,0.01604,0.01778,-0.00934,-0.04955,-0.09605,-0.00318,0.04481,0.01242,-0.02388,-0.00938,-0.07323,0.0622,0.00979,-0.02915,-0.01463,-0.02618,-0.00339,-0.01365,0.0128,0.02568,0.07061,0.03332,0.06628,0,-0.029,0.01406,0.01099,0.02795,0.02507,-0.00117,0.02377,-0.01927,0.01983,0.05719,0.06383,-0.01166,-0.01397,-0.09521,-0.0958,0.00396,-0.01399,-0.08066,-0.02548,0.02051,0.01751,-0.04647,0.02028,-0.06923,0.06739,0.01363,-0.02947,-0.04721,-0.08251,0.00632,0.02711,-0.00053,-0.0737,-0.07094,0.01055,0.01619,0.03163,0.06225,0.02386,-0.02005,0.00861,0.06391,-0.08529,0.05014,0.00704,0.07127,-0.13071,-0.06874,-0.07726,0.06183,-0.09365,0.03976,0.00132,-0.04217,-0.05713,-0.00836,0.09757,0.07334,-0.0458,0.03975,0.10566,-0.12699,0.00328,0.0247,0.11113,-0.00586,-0.00808,-0.02441,0.02965,0.15571,0.0997,0.01109,-0.02566,-0.00282,0.11337,-0.01265,0.0585,0.01317,0.01885,0.15632,-0.02288,0.05877,0.03489,0.05494,0.02312,-0.00271,-0.00015,0.08291,0.07068,0.03388,-0.03396,0.00932,-0.02664,0.00645,-0.03084,0,-0.10932,-0.00729,-0.0887,-0.07091,0.0269,0.01513,-0.05625,-0.00746,-0.04873,0.04898,-0.05901,0.04318,-0.04362,0.01588,0.03169,-0.09859,0.06786,0.00174,-0.04216,-0.03295,-0.05652,0.01757,-0.02733,0.07642,0.01717,-0.06649,0.04517,0.06223,-0.02231,0.08167,-0.05494,-0.02552,0.0132,0.04034,-0.09349,0.10916,-0.02444,0.04928,-0.08864,0.06503,0.05142,0.02861,-0.01323,-0.01474,0.08616,0.08615,0.01841,0.019,-0.04027,0.05938,-0.04776,-0.01181,-0.04059,-0.03977,0.00453,-0.02779,-0.00283,0.05883,0.06356,-0.03857,-0.08302,0.03477,0.017,-0.05197],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Notes and pitfalls - fSourceId / fTargetId must point to existing connectors; otherwise the connection cannot resolve endpoints. - If you use a custom fType, ensure the corresponding connection type is registered (see the custom type example). - Keep fSelectionDisabled and fReassignDisabled explicit per connection for predictable UX in mixed graphs. f Source Id f Target Id f Type f Selection Disabled f Reassign Disabled","excerpt":"Notes and pitfalls - fSourceId / fTargetId must point to existing connectors; otherwise the connection cannot resolve endpoints. - If you use a custom fType, ensure the corresponding connection type is registered (see the custom type example). - Keep fSelectionDisabled and fReassignDisabled explicit per connection for predictable UX in mixed graphs."},{"chunkId":"/docs/f-connection-component#14","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.05349,-0.06732,-0.09137,0.03259,-0.03066,0.04936,-0.02712,0.06901,-0.03586,-0.01673,-0.00942,0.04426,-0.03838,-0.02587,0.01813,0.06429,0.06765,-0.04873,0.0233,0.0202,-0.06909,-0.13023,-0.01666,-0.07421,0.04308,-0.00113,0.02563,0.01019,0.07807,-0.06277,-0.01168,0.08772,-0.10812,0.01522,-0.05364,0.00215,0.06032,0.0144,-0.0705,-0.01528,0.01923,0.00282,-0.02351,-0.04293,0.01264,0.0152,-0.10516,-0.03136,-0.05244,0.04677,-0.04666,0.00127,-0.04474,0.0307,0.08633,0.07517,0.05017,0.04841,-0.02336,0.07203,0.03982,-0.00135,-0.00708,0.0296,-0.05681,0.07859,0.006,0.03199,0.05099,-0.02366,-0.06475,0.00342,-0.06063,-0.08089,0.06893,0.03767,0.00908,0.01324,-0.05478,-0.09843,0.05427,0.10103,-0.06837,-0.01226,0.01434,0.05465,-0.01513,-0.06743,0.00169,0.08035,-0.02909,0.06417,-0.01816,-0.00003,-0.06751,-0.02634,-0.00182,-0.0419,-0.01503,0.02734,0.02158,-0.07794,0.00474,0.04844,0.01741,-0.02959,-0.0535,0.04295,-0.02254,-0.01646,0.02267,-0.01269,-0.08851,-0.04,0.00196,-0.05108,0.02088,-0.02961,0.17645,0.00838,-0.00585,0.01665,0.00589,-0.03103,0.0155,-0.04437,-0.02824,0,0.01892,0.00478,-0.01881,0.03809,0.10121,0.018,-0.04105,-0.03238,-0.02155,-0.00384,-0.0486,0.02883,-0.0751,0.04879,0.02509,-0.10613,0.03624,0.05521,-0.02274,-0.0092,-0.02512,0.01817,0.02884,-0.00071,0.07576,0.09265,-0.02832,0.07106,-0.03975,0.00478,-0.00803,0.0398,0.0614,0.00972,-0.06521,-0.00915,-0.07335,-0.10431,-0.06465,0.00029,-0.02736,0.01755,0.00043,0.0022,-0.02208,-0.01178,0.02695,0.08157,0.01004,-0.01083,-0.06696,0.04798,0.04031,0.0027,0.04944,-0.09956,-0.0313,0.08825,0.06477,0.07485,0.02526,0.00333,-0.07424,-0.00836,0.03652,0.12928,-0.01917,-0.07395,-0.02506,-0.08819,-0.05627,0.10115,0.00585,-0.00437,-0.01825,-0.04493,-0.15431,-0.01983,0.03229,0.02921,-0.0576,-0.02627,-0.05894,0.04835,0.01692,-0.09358,0.02313,-0.03389,-0.0345,0.02196,-0.0363,0.03528,0.07676,0.02968,0.03607,0,-0.01371,0.00855,0.01126,0.07389,0.04731,0.01962,0.00996,0.03947,-0.01584,0.01518,0.04614,0.00427,0.00702,-0.02036,-0.08525,0.00813,-0.05217,-0.08758,-0.05154,-0.02584,0.02389,-0.0429,-0.01346,-0.07465,0.02375,0.03079,0.04104,-0.02597,-0.0454,-0.01566,0.02391,-0.02045,-0.0398,-0.08245,0.04709,0.04705,0.05719,0.06176,-0.0275,-0.03356,0.00246,0.05678,-0.05306,0.02023,-0.02016,0.04543,-0.13045,-0.00918,-0.10008,0.06503,-0.04294,0.01987,0.02656,-0.05763,-0.05561,-0.0326,0.03272,0.07549,-0.02388,0.02103,0.10503,-0.11852,-0.05536,-0.00117,0.08954,0.04285,0.02044,-0.02547,0.06467,0.08946,0.08068,0.03228,-0.00911,-0.00062,0.10794,-0.0197,0.08759,-0.01278,0.06315,0.11571,-0.02893,0.04288,0.02761,0.03241,0.03515,0.0238,-0.05583,0.07518,0.05919,0.02394,-0.04723,0.0339,-0.02047,0.03044,-0.0488,0,-0.07998,-0.01418,-0.00617,-0.08489,0.02815,0.02977,0.06782,-0.04328,-0.0599,0.01324,-0.00716,0.03591,-0.02761,0.01128,0.06308,-0.03702,0.03591,-0.02461,-0.03036,-0.00926,-0.02153,0.00519,-0.01273,0.08507,0.03292,-0.02681,0.02367,0.12882,-0.00824,0.08343,-0.05346,-0.00116,0.07083,0.01177,-0.04988,0.08961,-0.04219,0.00281,-0.06896,0.05691,0.01309,-0.03442,-0.02631,-0.00414,0.12377,0.07496,0.02372,0.01783,-0.04873,0.03656,-0.07281,-0.02728,-0.07514,-0.01269,0.03017,-0.04009,0.04147,0.06243,0.08973,0.00529,-0.07684,0.05237,-0.00144,-0.01049],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Examples","excerpt":"Examples"},{"chunkId":"/docs/f-connection-component#15","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.05089,-0.0195,-0.1314,0.05611,0.02222,0.09249,0.0001,0.05023,-0.00779,0.02612,-0.0393,0.02724,-0.06265,0.01355,0.03855,0.01045,-0.02145,-0.04576,0.00456,-0.00771,-0.02176,-0.09589,0.02433,-0.03255,0.0033,0.00562,0.00359,-0.0051,0.08621,-0.04071,0.02509,0.06947,-0.09853,0.02481,-0.06274,0.02851,0.04145,0.0397,-0.0276,-0.00625,0.08734,0.0242,0.02583,-0.10598,0.02038,0.01329,-0.11576,0.00502,-0.05242,0.02967,-0.05446,-0.04184,-0.05288,0.0402,0.07089,0.01902,0.0139,-0.01571,-0.01172,0.06761,-0.02332,-0.0636,-0.01103,0.00845,-0.00845,0.04296,-0.08264,0.02212,0.00767,0.03129,0.0023,-0.00525,-0.04472,-0.09852,0.07166,-0.01851,-0.03264,0.09343,-0.03854,-0.06766,0.05889,0.04716,-0.04847,0.0097,0.00006,0.07639,0.00234,-0.09625,0.0017,0.04067,-0.01812,0.08149,-0.03485,0.02759,-0.004,0.01849,-0.05141,0.00654,-0.05688,0.03849,-0.02577,-0.09256,0.04371,0.08565,0.03444,0.0016,-0.02841,0.08859,-0.04634,-0.04117,0.00101,0.04339,-0.01495,-0.03572,-0.01552,-0.08982,0.01385,-0.04693,0.07983,0.0542,0.02218,-0.00699,-0.02976,-0.0367,0.03716,-0.0306,0.01675,0,0.02789,0.03454,-0.02704,0.02198,0.07213,0.02977,-0.04603,-0.09283,-0.02436,0.08866,-0.07589,0.02593,-0.09027,0.0068,-0.00976,-0.10986,0.06051,0.01855,-0.03941,-0.01026,0.03197,-0.00123,-0.04036,0.0109,0.12688,0.0281,-0.05315,0.05402,-0.06837,-0.00519,0.04018,0.06281,0.06063,-0.02509,-0.0304,-0.02433,-0.03548,-0.04988,-0.09702,-0.01803,0.04778,0.00032,-0.05561,0.06811,-0.04302,-0.00438,-0.01449,0.03327,0.0615,0.02375,-0.04936,0.05291,0.0105,0.00652,0.09607,-0.05627,-0.03092,0.07434,0.00858,0.06462,0.03036,-0.00589,-0.0542,-0.0322,0.05251,0.08905,-0.00502,-0.02428,0.02621,-0.09848,-0.08866,0.13205,-0.01715,0.0281,-0.00421,-0.03768,-0.08085,0.03194,0.07503,0.01784,-0.03094,-0.05675,-0.078,0.10467,0.02437,-0.11301,-0.00442,-0.05605,-0.02094,-0.05702,0.01889,0.02572,0.04601,-0.01592,-0.00227,0,0.01668,0.02359,0.02775,0.09162,-0.00707,-0.02156,0.09571,0.07328,0.01803,0.09891,0.06991,0.03146,0.0157,-0.06042,-0.02064,-0.00004,-0.04042,-0.07712,0.02659,-0.03699,-0.01314,0.02387,0.01061,-0.04011,-0.00224,0.06723,0.04852,-0.00538,-0.03156,-0.02308,0.00732,-0.0378,-0.0755,-0.04365,-0.01224,-0.01665,0.04303,0.09616,-0.0049,-0.03924,0.04454,0.08893,-0.05554,0.04677,-0.04687,0.03801,-0.01828,-0.03884,-0.0832,0.01748,-0.06102,-0.01973,-0.02228,-0.009,-0.05181,-0.05144,0.06583,0.01656,-0.04848,-0.00047,0.10494,-0.09815,-0.056,-0.00779,0.10346,0.02271,-0.04878,-0.04805,0.11662,0.09882,0.06488,0.00697,0.01895,-0.01008,0.10302,0.01301,0.06716,0.01543,0.07589,0.09283,-0.04203,0.06525,0.01107,0.0571,0.06092,0.02231,-0.11704,0.01449,0.08173,0.04338,-0.07002,-0.01593,-0.01516,-0.00769,-0.00217,0,-0.09274,-0.03399,-0.02538,-0.09284,0.02615,-0.01403,0.01699,-0.06627,-0.05345,0.01808,-0.0476,0.08712,-0.00016,-0.03623,0.04453,-0.0416,0.02619,0.00479,-0.04439,0.01022,-0.04599,-0.00264,-0.02565,0.11355,0.02073,-0.09876,-0.02084,0.06444,0.00262,0.05616,-0.04356,-0.01863,0.07137,0.01068,-0.0554,0.02392,-0.1061,-0.01388,-0.04518,0.05533,0.02324,-0.04235,0.02039,-0.00154,0.03414,0.08079,0.01457,0.02408,-0.0315,0.00705,-0.08249,0.01297,-0.09354,0.01519,0.0122,-0.05547,0.03049,0.06096,0.05406,-0.04255,-0.06364,0.0233,0.00574,-0.03738],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Connection types ::: ng-component <connection-types</connection-types [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.scss :::","excerpt":"Connection types ::: ng-component <connection-types</connection-types [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.scss :::"},{"chunkId":"/docs/f-connection-component#16","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.06453,0.00269,-0.11294,0.0455,0.00406,0.07625,-0.00983,0.04364,-0.00172,0.0274,-0.03318,0.02799,-0.06227,0.01211,0.03754,0.02146,-0.0279,-0.03886,-0.01238,-0.01339,-0.02507,-0.08777,0.02671,-0.03194,0.01335,0.01239,0.01102,-0.00991,0.09514,-0.04433,0.04139,0.07005,-0.08483,0.03481,-0.06516,0.0229,0.03349,0.03387,-0.02625,0.0067,0.09672,0.02705,0.01106,-0.11359,0.01858,0.01121,-0.11732,0.01851,-0.06273,0.02141,-0.06014,-0.04401,-0.05268,0.03633,0.06146,0.02353,0.01256,-0.00786,0.00567,0.0535,-0.0222,-0.06921,-0.00818,0.01105,-0.00222,0.05253,-0.08648,0.01408,-0.00348,0.04112,0.00358,-0.00854,-0.04965,-0.09723,0.07043,-0.01588,-0.0485,0.10344,-0.03363,-0.0756,0.05679,0.03384,-0.04842,0.0012,-0.00536,0.06586,0.00533,-0.10265,-0.00226,0.02285,-0.00347,0.08333,-0.04447,0.0449,-0.01543,0.02428,-0.05513,0.00652,-0.0545,0.03269,-0.01364,-0.09132,0.0255,0.09908,0.02251,0.00328,-0.03352,0.08252,-0.0472,-0.03265,0.00727,0.04892,-0.00357,-0.03586,-0.02773,-0.09284,0.0169,-0.02869,0.08654,0.0565,0.02084,-0.01196,-0.03612,-0.05833,0.04011,-0.03579,0.03344,0,0.02518,0.01911,-0.03357,0.01281,0.0917,0.02569,-0.06016,-0.08853,-0.00738,0.09494,-0.0766,0.0201,-0.07484,-0.01179,-0.01833,-0.10212,0.06791,0.02278,-0.04247,0.0008,0.02985,-0.00788,-0.0283,0.01261,0.12324,0.03082,-0.05526,0.03989,-0.07187,-0.00165,0.04136,0.07356,0.05111,-0.00994,-0.0408,-0.01595,-0.02537,-0.05226,-0.10572,-0.01848,0.03712,0.00021,-0.04674,0.05798,-0.05242,-0.01402,-0.01125,0.02676,0.07145,0.03092,-0.05448,0.05555,0.01284,0.00081,0.10774,-0.05471,-0.02939,0.08528,0.0108,0.06751,0.0284,-0.00952,-0.0535,-0.03142,0.04769,0.0865,-0.00222,-0.01295,0.02422,-0.09307,-0.0762,0.14275,-0.02415,0.01722,-0.00417,-0.04712,-0.08331,0.03491,0.08274,0.00713,-0.01209,-0.07285,-0.06184,0.09756,0.02346,-0.09693,0.00688,-0.05579,-0.03723,-0.04821,0.02492,0.01583,0.05253,-0.0039,0.00988,0,0.02168,0.02743,0.01834,0.08956,-0.00851,-0.02989,0.08017,0.08672,0.00679,0.10189,0.06321,0.02728,0.01143,-0.04441,-0.01779,-0.001,-0.02648,-0.08854,0.02246,-0.04296,0.00084,0.0226,-0.01372,-0.03306,-0.00368,0.06172,0.04189,-0.00696,-0.02187,-0.02538,0.00145,-0.04099,-0.08691,-0.03766,-0.01598,-0.02368,0.03911,0.09899,0.00924,-0.04618,0.0402,0.0931,-0.05053,0.03482,-0.04303,0.02643,-0.01291,-0.03427,-0.09135,0.01116,-0.05277,0.00514,-0.00062,0.00551,-0.06225,-0.04949,0.0649,0.00021,-0.05238,-0.00605,0.10852,-0.09959,-0.05013,-0.01084,0.09564,0.04274,-0.0515,-0.05222,0.14013,0.08993,0.07883,-0.00461,0.00537,-0.00535,0.1064,0.02327,0.06754,-0.00171,0.07688,0.08457,-0.05253,0.05528,0.00276,0.03848,0.03658,0.01398,-0.1094,0.02196,0.08208,0.05739,-0.06315,-0.01652,-0.02601,-0.00138,0.00767,0,-0.10389,-0.03854,-0.02852,-0.08716,0.03703,-0.01027,0.03871,-0.05712,-0.05085,0.00927,-0.04241,0.08633,-0.00641,-0.03321,0.04404,-0.03518,0.01464,-0.00914,-0.04721,0.01182,-0.05432,-0.00172,-0.01682,0.11007,0.00484,-0.09218,-0.025,0.06526,-0.00045,0.05865,-0.06302,-0.02327,0.08091,0.00654,-0.06241,0.02324,-0.09899,-0.01804,-0.041,0.04644,0.02873,-0.05261,0.03121,0.00802,0.02557,0.07149,0.00637,0.02551,-0.01805,0.00276,-0.06592,0.00476,-0.10687,0.00804,0.01714,-0.05552,0.03319,0.06474,0.05434,-0.03405,-0.06251,0.02308,-0.00439,-0.04312],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Connection behaviors ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.scss :::","excerpt":"Connection behaviors ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.scss :::"},{"chunkId":"/docs/f-connection-component#17","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.05861,-0.0006,-0.10773,0.05245,-0.0049,0.08901,-0.00383,0.05558,-0.00672,0.02117,-0.04269,0.02772,-0.06817,0.02255,0.05027,0.01749,-0.0222,-0.04627,0.00287,-0.01189,-0.0274,-0.08844,0.02118,-0.02762,0.00099,-0.00117,0.00994,0.01057,0.08862,-0.0332,0.02655,0.07626,-0.09111,0.02846,-0.05269,0.00783,0.03213,0.05659,-0.03516,0.00345,0.09714,0.02562,0.03699,-0.0937,0.01371,0.01272,-0.1055,0.0098,-0.04833,0.0195,-0.05279,-0.06083,-0.05208,0.03046,0.06713,0.01201,0.00544,-0.01643,0.00721,0.05807,-0.00302,-0.06732,-0.01285,0.0043,-0.01637,0.05735,-0.08949,0.04546,-0.00546,0.03536,-0.00243,-0.00802,-0.04646,-0.09038,0.05987,-0.01533,-0.03269,0.09661,-0.05553,-0.0696,0.05082,0.05317,-0.04312,0.01228,0.00472,0.08045,0.00392,-0.10445,0.00591,0.02789,-0.0242,0.077,-0.0546,0.02834,0.00427,0.03017,-0.07026,0.00001,-0.05713,0.03783,-0.01291,-0.09893,0.02806,0.08544,0.03305,0.0119,-0.02977,0.08707,-0.04383,-0.01918,-0.00082,0.03675,-0.01819,-0.05004,-0.01028,-0.06996,0.00083,-0.02559,0.07943,0.06042,0.02159,-0.00287,-0.03875,-0.06029,0.03671,-0.01903,0.02396,0,0.02155,0.03974,-0.0341,0.03093,0.08594,0.01731,-0.05806,-0.07772,-0.01122,0.07676,-0.0688,0.00196,-0.08407,0.00659,-0.01661,-0.1024,0.04421,0.02389,-0.03532,-0.00484,0.02771,-0.0151,-0.04957,0.00684,0.11891,0.01416,-0.04441,0.05659,-0.07415,-0.01155,0.05523,0.04607,0.08241,-0.00031,-0.03111,-0.03176,-0.02448,-0.04021,-0.09173,-0.00629,0.05215,-0.00109,-0.05859,0.07057,-0.05551,-0.0152,-0.00082,0.0253,0.06123,0.01806,-0.05588,0.06735,-0.00152,-0.0028,0.10878,-0.06627,-0.03177,0.09165,0.00959,0.0587,0.01467,0.01336,-0.04687,-0.0433,0.06503,0.08695,-0.01738,-0.03598,0.02771,-0.11853,-0.08213,0.12391,-0.01838,0.02948,0.01336,-0.04857,-0.07706,0.04416,0.08973,0.01413,-0.05124,-0.06231,-0.05822,0.10802,0.01831,-0.10002,0.01476,-0.05898,-0.02094,-0.0545,0.01647,0.03235,0.03792,-0.01693,0.01091,0,0.01382,0.03832,0.02039,0.084,0.0219,-0.01331,0.10572,0.07923,0.01268,0.09777,0.05988,0.02781,0.012,-0.04344,-0.01373,-0.00775,-0.05597,-0.09169,0.02584,-0.03445,0.01543,0.04011,-0.0147,-0.04609,-0.00433,0.06085,0.02526,-0.00405,-0.02741,-0.0074,-0.0102,-0.03583,-0.08187,-0.03921,-0.01001,-0.01549,0.02675,0.09693,-0.00603,-0.04121,0.03245,0.07205,-0.05907,0.03367,-0.05452,0.03214,-0.00874,-0.04586,-0.08392,0.00674,-0.07237,0.00028,-0.0125,0.01036,-0.04384,-0.04971,0.06531,0.00513,-0.04447,-0.00911,0.11157,-0.1083,-0.04682,-0.01435,0.1185,0.02285,-0.05189,-0.05755,0.10444,0.08871,0.04488,0.00935,0.01513,-0.00827,0.1007,0.00878,0.08648,0.02006,0.07605,0.10135,-0.06038,0.08278,0.00969,0.03963,0.06005,0.03173,-0.1162,0.03594,0.07862,0.05738,-0.06461,-0.01663,-0.02499,-0.00306,0.00484,0,-0.0994,-0.03729,-0.02291,-0.08847,0.02625,-0.0255,0.01576,-0.05496,-0.0456,0.00672,-0.04975,0.09244,-0.00156,-0.01285,0.03085,-0.05077,0.00329,0.00347,-0.04039,0.00402,-0.04873,-0.00521,-0.0239,0.09931,0.01237,-0.07413,-0.009,0.05902,-0.00908,0.06247,-0.04208,-0.03144,0.07641,0.01633,-0.06137,0.02289,-0.11256,0.00215,-0.03961,0.05101,0.03126,-0.04921,0.02492,0.01467,0.04913,0.08551,0.00663,0.03134,-0.03069,0.00636,-0.08704,0.00689,-0.08566,-0.00462,0.03402,-0.05156,0.03719,0.05327,0.03911,-0.03659,-0.06895,0.03243,-0.00562,-0.0389],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Custom connection type ::: ng-component <custom-connection-type</custom-connection-type [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.scss :::","excerpt":"Custom connection type ::: ng-component <custom-connection-type</custom-connection-type [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.scss :::"},{"chunkId":"/docs/f-connection-component#18","slug":"f-connection-component","route":"/docs/f-connection-component","section":"docs","title":"FConnectionComponent - Render and Control Graph Edges","description":"Reference for persisted connections, line types, styles, content projection, and interaction options.","group":"Connections","vector":[-0.07964,-0.01513,-0.08166,0.09422,0.02202,0.10963,-0.01583,0.03494,0.01382,0.03183,-0.03541,0.06279,-0.06606,0.02802,-0.00498,0.00465,-0.04316,0.01864,-0.03624,0.01025,-0.01445,-0.11342,0.02376,-0.03055,0.05467,0.0133,0.00096,0.02686,0.07455,-0.07707,0.01852,0.06176,-0.12966,-0.01021,-0.08409,0.0676,0.0229,0.04705,-0.04983,-0.00556,0.06517,0.00552,0.0056,-0.0873,0.00988,0.02365,-0.08159,0.03584,-0.03662,0.07208,-0.0387,-0.04504,-0.07052,0.06181,0.06084,0.03914,0.04219,-0.016,0.04063,0.04628,-0.02012,-0.03407,0.03163,0.01636,-0.02391,0.0368,-0.10571,0.02062,-0.00772,0.03582,0.02208,-0.02397,-0.05976,-0.08355,0.0897,-0.02634,-0.04944,0.1285,-0.04125,-0.02607,0.10418,0.02874,-0.05824,0.03167,0.0126,0.10022,-0.0177,-0.09051,0.00311,0.02271,-0.00417,0.05721,0.00083,0.02184,-0.02333,-0.00146,-0.08873,0.01603,-0.06335,0.03001,-0.01448,-0.08213,0.01743,0.08042,0.02008,-0.0138,-0.0263,0.04923,-0.07081,-0.01846,0.01789,0.02815,-0.02311,-0.02944,-0.02469,-0.06715,-0.04337,-0.03907,0.0654,0.04278,0.0178,0.04588,-0.02912,-0.05592,0.05699,-0.02256,0.01134,0,0.01649,0.03384,-0.0445,0.05205,0.07503,-0.0208,-0.04268,-0.06718,-0.01131,0.05894,-0.03371,0.0249,-0.06766,0.00837,-0.04881,-0.12896,0.03768,0.06811,-0.05185,0.00679,0.00053,0.02217,-0.04369,-0.03729,0.10943,0.03479,-0.05309,0.05785,-0.04842,-0.00388,0.01319,0.05321,0.03732,0.00162,-0.0683,-0.01314,-0.03338,-0.05869,-0.05898,-0.02728,0.05808,0.00757,-0.09266,0.04292,-0.01929,-0.0298,0.04102,0.04359,0.0624,-0.0044,-0.02218,0.07144,0.03135,-0.00168,0.07736,-0.11101,-0.04395,0.10062,0.01746,0.04908,0.02872,0.05614,-0.07098,-0.02228,0.07388,0.07519,0.00174,0.01838,0.04024,-0.10275,-0.07115,0.10664,-0.00147,-0.00204,0.02153,-0.04578,-0.07283,-0.01454,0.08469,-0.01126,-0.04441,-0.06383,-0.03171,0.08,0.04232,-0.15131,0.02293,-0.04535,-0.01395,-0.0792,0.04326,0.01312,0.03574,-0.00539,0.03008,0,0.04227,0.04308,0.04702,0.11078,-0.01022,0.00284,0.05579,0.08681,-0.00216,0.01776,0.00558,-0.00563,-0.01188,-0.04135,-0.02452,0.0097,-0.08709,-0.08444,-0.0321,-0.07382,0.02475,0.00193,-0.01502,-0.00654,-0.03408,0.05439,0.06247,0.00626,-0.0047,-0.03888,0.00787,-0.07643,-0.09027,-0.03367,0.02427,-0.02181,0.03473,0.14618,0.02879,-0.00458,0.01426,0.06381,-0.05594,0.03411,-0.02806,0.0364,-0.03377,-0.01899,-0.02617,0.00384,-0.07113,-0.01105,-0.03708,-0.03053,-0.02856,-0.03707,0.06381,-0.01491,-0.03716,-0.00672,0.07141,-0.08179,-0.05394,-0.03323,0.10227,0.03572,-0.02101,-0.07679,0.06586,0.08169,0.04222,0.02475,0.0346,-0.02839,0.13098,-0.00643,0.12528,0.00923,0.07846,0.05085,-0.02158,0.02918,-0.01188,0.03187,0.0228,0.0427,-0.12268,0.02661,0.06893,0.02106,-0.07546,-0.02375,0.0191,-0.00138,-0.0012,0,-0.10193,-0.00777,0.01731,-0.06398,0.01307,0.00842,0.0389,0.00494,-0.04337,-0.02995,-0.02616,0.09033,0.03135,0.00398,0.01133,-0.05216,0.02549,0.01912,-0.02677,-0.0356,-0.00572,-0.00299,0.01557,0.10805,-0.01755,-0.10338,-0.05044,0.07202,0.00128,0.03105,-0.06994,-0.01733,0.09782,0.02089,-0.06264,-0.00307,-0.07502,0.00088,-0.05673,0.0475,0.05733,0.00015,0.01084,-0.00583,0.02606,0.04161,0.02698,0.01453,-0.04732,-0.00552,-0.05168,0.00702,-0.09071,0.01228,0.04012,-0.01416,-0.01646,0.07137,0.05362,-0.03539,-0.04907,0.04558,-0.00374,-0.04183],"keywords":"FConnectionComponent - Render and Control Graph Edges FConnectionComponent - Render and Control Graph Edges Reference for persisted connections, line types, styles, content projection, and interaction options. Reassign example ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.scss :::","excerpt":"Reassign example ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.scss :::"},{"chunkId":"/docs/f-connection-for-create-component#0","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.03675,-0.10327,-0.09635,0.13682,0.00188,0.06365,0.03365,-0.0154,0.0647,-0.00843,0.04079,0.01578,-0.0493,-0.0082,-0.06827,0.00264,-0.02494,-0.06006,-0.00146,0.0624,-0.01379,-0.17133,-0.01653,-0.05205,0.0383,-0.13892,-0.00089,-0.00159,0.06112,-0.01931,0.03803,0.02269,-0.15591,-0.03997,-0.02193,-0.01027,0.06246,0.02319,-0.05272,-0.0306,0.0628,-0.06965,0.0191,0.02095,-0.02013,0.04455,-0.03771,-0.01399,0.04669,0.07226,-0.06014,0.0457,-0.0142,-0.01786,0.07232,0.09186,0.04032,0.01024,-0.07467,0.05354,0.00377,0.00478,0.03177,-0.08367,-0.01439,0.02604,-0.02275,0.0328,0.03035,-0.03884,-0.03327,0.01381,-0.02832,-0.03027,0.06569,0.03412,0.01937,0.08447,-0.02309,-0.02628,0.11151,0.14061,0.00574,-0.03561,0.00742,0.10106,0.03586,-0.07224,-0.06711,0.03303,0.02451,0.07723,-0.04346,-0.03952,-0.05785,-0.01434,-0.02187,0.00352,-0.02029,0.01082,-0.01589,-0.00265,0.01588,0.07132,-0.03008,-0.04715,-0.02687,-0.01815,-0.00486,0.02707,0.03952,-0.0446,0.01177,-0.04276,-0.04504,0.06928,-0.09843,0.01943,0.12737,0.0602,0.03006,0.02127,-0.02285,-0.06236,0.01407,-0.06465,0.00442,0,0.04044,-0.0093,-0.02515,0.04706,0.02383,-0.05816,0.04296,-0.01584,-0.06125,-0.04709,-0.09813,-0.02458,-0.02283,0.01267,-0.09172,-0.11999,-0.0002,0.05445,-0.01958,0.00825,-0.06651,-0.03214,0.03993,-0.08397,0.0789,0.04858,-0.03626,0.07843,0.01134,0.02962,-0.06196,0.06206,-0.02273,-0.01589,-0.04129,-0.01743,-0.0559,0.00589,-0.05483,0.00451,0.02958,-0.09732,-0.06589,0.04225,-0.02571,-0.01789,0.05099,0.00762,0.02512,-0.02956,0.01737,-0.0191,-0.01122,-0.01145,0.01062,-0.07236,-0.09564,0.05024,0.01512,-0.01367,-0.02766,0.03934,-0.0781,0.0127,0.05089,0.03812,0.02294,0.01727,0.04119,-0.06551,-0.03184,0.02055,-0.03882,-0.09104,0.0077,-0.04791,-0.06758,-0.02397,0.06011,0.02152,0.04715,-0.09978,0.00496,0.02136,0.03109,-0.09186,-0.03247,-0.03643,-0.06685,-0.04619,-0.02547,0.06733,0.09974,0.00595,0.08093,0,0.05322,-0.00954,-0.0037,0.0241,-0.0147,0.05627,0.03106,-0.01559,-0.06384,0.01099,0.02561,0.01552,-0.02234,-0.05548,-0.06156,0.01505,0.005,-0.04859,-0.04372,0.0299,0.0528,-0.0529,0.03559,-0.04038,-0.00862,-0.03495,0.16214,0.03531,-0.06024,-0.0216,0.06067,0.00358,-0.06357,-0.0036,0.05105,0.04748,0.08973,0.05855,0.04272,0.00638,0.01703,0.02228,0.00892,0.02923,0.03256,0.04283,-0.06014,-0.07707,-0.04706,0.09194,-0.04189,-0.01328,-0.07271,-0.04497,-0.05628,0.04104,-0.01323,0.00231,-0.0154,0.06378,0.08277,-0.09939,-0.03989,-0.00152,0.07319,-0.03681,0.03703,0.01626,0.04925,0.07973,0.00994,0.05025,0.05324,-0.0173,0.03751,-0.01606,0.05093,-0.02419,0.06999,0.08238,0.01135,0.02333,0.02726,-0.0741,-0.01204,0.0088,0.0306,0.08366,0.04432,0.00326,-0.05207,0.00578,0.06819,-0.01447,-0.08643,0,-0.0329,0.00433,-0.00398,-0.07756,0.03842,0.03248,-0.07135,0.03423,-0.04904,-0.00481,-0.04288,0.02532,-0.01822,0.12096,0.04846,-0.06676,0.05703,-0.03008,-0.04107,-0.05108,0.01053,-0.0036,0.03994,0.05795,-0.02738,-0.09043,0.03804,0.05791,-0.00584,0.01485,-0.05763,0.03441,-0.04245,0.01118,-0.10885,0.12318,-0.01676,0.00979,-0.04366,0.01216,0.13948,0.04411,-0.01959,-0.06356,0.01086,0.01061,0.00256,-0.01394,-0.05047,0.01651,-0.04602,-0.00355,-0.01231,0.00193,0.02739,-0.05284,0.01813,0.07244,0.08128,0.00889,-0.04889,0.03298,0.06806,-0.00026],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Create Connection Selector: f-connection-for-create Class: FConnectionForCreateComponent FConnectionForCreateComponent is the temporary preview link used while the user drags to create a connection. F Connection For Create Component","excerpt":"Create Connection Selector: f-connection-for-create Class: FConnectionForCreateComponent FConnectionForCreateComponent is the temporary preview link used while the user drags to create a connection."},{"chunkId":"/docs/f-connection-for-create-component#1","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.05935,-0.08282,-0.07816,0.12126,-0.03445,0.07038,0.04956,-0.00121,0.12085,0.0042,0.02195,0.02855,-0.03632,0.00663,-0.02571,0.00997,0.00728,-0.10225,-0.01768,0.01534,-0.00815,-0.18697,-0.02217,-0.0523,-0.01259,-0.08409,0.00094,-0.03607,0.09494,0.01404,0.03061,0.04662,-0.12335,-0.04982,-0.07003,0.00774,0.04445,-0.00216,-0.08635,-0.03187,0.07797,-0.07019,0.04309,0.00394,-0.00606,0.03892,-0.0164,-0.02528,-0.01143,0.06538,-0.03532,0.08371,0.03063,0.01533,0.0886,0.05457,0.07989,-0.01559,-0.1121,0.0623,-0.02248,-0.02452,0.00532,-0.06819,-0.0478,0.06609,-0.00336,0.03407,0.05016,-0.05251,-0.03897,0.01948,-0.03547,-0.05732,0.04974,-0.00842,-0.02493,0.05614,-0.04778,-0.02055,0.12655,0.10049,0.00797,-0.04086,-0.04601,0.09796,0.00784,-0.10955,-0.02246,0.0747,-0.02396,0.08887,-0.07622,-0.04289,-0.0088,0.00915,-0.02693,0.01462,-0.02406,-0.01081,0.01256,0.02895,0.0138,0.07926,0.00607,-0.02916,-0.06805,-0.00436,-0.01608,0.04117,0.04304,-0.01386,0.06424,-0.05435,-0.03872,0.04316,-0.05165,0.00645,0.12275,0.08084,0.00479,0.03465,-0.0239,-0.03226,0.00801,-0.04198,-0.00584,0,0.03704,-0.01075,-0.00795,0.05074,0.02212,-0.01954,0.01704,-0.04507,-0.00108,-0.03519,-0.07675,-0.01336,-0.01941,0.01432,-0.06884,-0.11766,-0.02209,0.02661,-0.00763,0.02404,0.01886,-0.03602,0.04288,-0.0668,0.08497,0.04151,-0.04876,0.10969,0.0087,-0.00065,-0.04397,-0.00778,-0.01049,-0.03154,-0.03672,-0.01805,-0.04813,-0.02908,-0.06145,-0.00864,0.0111,-0.03062,-0.09899,0.03212,-0.03295,-0.0256,-0.02442,0.00825,0.04544,0.00973,0.02091,0.02097,0.02864,-0.01441,0.01752,-0.06033,-0.0553,-0.00265,-0.01488,0.0319,-0.03837,0.05164,-0.11035,0.02783,0.03234,0.08885,0.0394,0.02911,0.01563,-0.09482,-0.02959,0.04773,-0.08326,-0.07802,0.05546,-0.04085,-0.02469,-0.0201,0.04224,0.01434,0.04249,-0.07318,-0.00585,0.09427,0.06495,-0.06071,-0.04606,-0.07762,-0.07059,-0.02839,0.03458,0.06547,0.13368,0.05419,0.04743,0,0.0447,-0.02496,-0.01263,0.0386,-0.02101,0.01638,0.01158,-0.02913,0.01019,-0.01205,-0.01856,0.04261,-0.01848,-0.03365,-0.03963,-0.02044,-0.01586,-0.06772,-0.02622,0.03578,0.07907,0.01166,0.00998,-0.04263,-0.05956,-0.02156,0.07581,0.03108,-0.06565,-0.01277,0.04575,-0.02058,-0.05609,-0.02383,-0.01529,-0.00312,0.0298,0.08771,0.06958,0.0145,0.00931,0.04234,-0.02704,0.05296,-0.0325,0.05609,-0.12335,-0.09062,-0.02945,0.07995,-0.08767,0.03598,-0.09013,-0.01095,-0.07874,0.00233,0.03223,0.0134,-0.02408,0.03774,0.05371,-0.08062,-0.02624,-0.01048,0.07928,0.00637,0.05361,0.03344,0.11497,0.05335,0.04437,0.03845,-0.00547,-0.00234,0.04963,0.03708,0.0448,-0.07851,0.05554,0.09278,-0.05897,0.04978,0.0221,-0.02834,0.00592,0.03484,-0.01137,0.00767,0.0661,0.04612,-0.04061,-0.00258,0.01667,0.00758,-0.05956,0,-0.04015,0.00797,-0.04363,-0.03697,0.01728,-0.00438,-0.05525,0.01817,-0.03376,-0.00941,-0.05346,0.04776,-0.05896,0.05466,0.06081,-0.01098,0.08616,-0.02332,-0.06357,-0.02069,0.00222,0.00652,-0.03441,0.0825,-0.04993,-0.08334,0.08068,0.05734,-0.02026,0.0433,-0.03216,0.03265,-0.01606,0.06502,-0.12748,0.09282,-0.00252,-0.01149,-0.03688,-0.0236,0.07054,0.01777,-0.02265,-0.05995,-0.01871,0.05949,-0.02199,0.00309,-0.00625,0.06061,-0.03939,0.01847,-0.02695,0.0447,0.06516,-0.03384,0.02923,0.06755,0.13696,0.00861,-0.06624,0.0256,0.06698,-0.01416],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Why / Use cases Use f-connection-for-create in interactive editors where users draw connections by dragging from outputs/outlets. Typical use cases: - Drag-to-connect interfaces. - Visual node editors where connection creation should feel immediate. - Editors that apply custom preview style before committing real connections. Do not persist business state from this component directly; use fCreateConnection output from fDraggable to create real f-connection entries. In the default stateless mode your event handler creates that record. With the optional Managed Flow State plugin, a valid finished gesture creates it in the plugin store automatically, subject to connectionFactory. f Create Connection f Draggable connection Factory","excerpt":"Why / Use cases Use f-connection-for-create in interactive editors where users draw connections by dragging from outputs/outlets. Typical use cases: - Drag-to-connect interfaces. - Visual node editors where connection creation should feel immediate. - Editors that apply custom preview style before committing real connections. Do not persist business state from this component directly; use fCreateConnection output from fDraggable to create real f-connection entries. In the default stateless mode your event handler creates that record. With the optional Managed Flow State plugin, a valid finished gesture creates it in the plugin store automatically, subject to connectionFactory."},{"chunkId":"/docs/f-connection-for-create-component#2","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.05609,-0.07553,-0.08226,0.14372,0.01713,0.09506,0.04012,-0.01493,0.09378,-0.02127,0.04676,0.02867,-0.05864,-0.01698,-0.08321,-0.02733,-0.01482,-0.05375,-0.03663,0.01964,0.00794,-0.16296,-0.00131,-0.06294,0.03463,-0.09977,0.01854,-0.03886,0.08847,-0.03274,0.02346,0.01924,-0.1393,-0.05807,-0.04109,0.00575,0.04488,-0.01108,-0.0566,-0.03448,0.05397,-0.04813,-0.00136,0.01143,-0.01451,0.05689,-0.02467,-0.0067,0.00833,0.07866,-0.06655,0.03112,0.03101,0.03313,0.07066,0.07404,0.04997,0.00517,-0.07349,0.0518,-0.03384,-0.00911,0.05433,-0.08098,0.00981,-0.00161,-0.01254,-0.01781,0.03178,-0.08638,0.01298,0.00462,0.00656,-0.03695,0.08269,0.04884,-0.04409,0.08125,-0.00637,-0.03251,0.13864,0.08887,-0.00442,-0.0269,0.01735,0.11897,0.02123,-0.07142,-0.07228,0.03445,0.02228,0.02987,-0.04552,-0.02827,-0.03561,-0.05042,-0.02336,0.01707,-0.03816,0.01941,-0.00121,0.01191,0.04881,0.09399,-0.03001,-0.02237,-0.03151,-0.03581,-0.04012,0.02521,0.04327,-0.022,0.02835,-0.01489,-0.03945,0.05316,-0.06305,0.02907,0.08678,0.03344,0.00835,0.03538,-0.00125,-0.02417,-0.00551,-0.03915,-0.00273,0,0.00977,-0.00585,-0.03932,0.01562,0.01546,-0.05206,0.06633,-0.03059,-0.02959,-0.06418,-0.07898,-0.02943,-0.00012,0.02943,-0.07744,-0.13371,-0.0098,0.09973,-0.04564,0.01266,-0.01838,-0.00437,0.01346,-0.08634,0.07496,0.06212,-0.049,0.0649,0.02096,0.02782,-0.0732,0.08808,-0.02153,-0.00213,-0.06851,-0.01789,-0.05396,-0.03234,-0.02957,-0.00149,0.04586,-0.07792,-0.07542,0.02975,-0.07628,-0.03786,0.0239,0.03756,0.00829,-0.06181,0.02354,0.01887,0.00492,-0.04263,0.04274,-0.09735,-0.05973,0.03954,0.02751,0.00745,0.00085,0.09344,-0.07446,0.01669,0.0015,0.07338,0.02017,-0.00724,0.06084,-0.04753,-0.02846,0.02539,-0.02698,-0.05515,0.00748,-0.03832,-0.08391,-0.06051,0.06305,0.00103,0.027,-0.08617,0.02225,0.05806,0.0677,-0.12421,-0.04311,-0.04539,-0.08585,-0.06088,0.00055,0.02528,0.08477,0.01401,0.06651,0,0.02098,0.0154,-0.03619,0.02598,-0.06342,0.03028,-0.00513,-0.01441,-0.04896,-0.01782,0.01354,0.0119,-0.03583,-0.03125,-0.05651,0.05285,0.00007,-0.03028,-0.04773,-0.01921,0.07346,-0.05537,0.0276,0.01974,-0.0376,-0.03409,0.17414,0.02812,-0.02206,-0.04425,0.05631,-0.01952,-0.07188,-0.01518,0.04052,-0.00297,0.05709,0.03243,0.05775,0.02569,0.01061,0.03159,0.04662,0.06601,0.01052,0.02347,-0.08558,-0.04297,-0.00244,0.06242,-0.02906,-0.00244,-0.03581,-0.04739,-0.0738,0.0404,0.03306,0.02429,-0.00656,0.04747,0.08923,-0.08141,-0.05341,-0.00401,0.09815,0.00101,0.03735,0.02208,0.07345,0.05944,0.05526,0.05188,0.08027,-0.00586,0.08243,0.02447,0.04499,-0.03969,0.09707,0.03681,0.00848,-0.0117,0.03189,-0.06053,0.01422,0.02279,-0.00758,0.05028,0.02315,0.0095,-0.05698,0.00718,0.04779,-0.0089,-0.06385,0,-0.03916,0.00642,-0.006,-0.07097,0.0473,-0.0278,-0.07216,0.03812,-0.05015,-0.04848,-0.02933,0.00421,0.01655,0.07146,0.09568,-0.03505,0.04624,0.00752,-0.048,-0.07883,0.01591,0.00492,0.03355,0.03362,-0.03043,-0.10968,0.06711,0.07652,0.01726,0.00479,-0.04918,0.03989,-0.02999,0.03198,-0.1162,0.14289,0.02385,0.01877,-0.02849,0.04144,0.09674,0.01598,-0.02011,-0.0624,-0.01263,0.0158,-0.00751,-0.00873,-0.0626,0.02804,-0.06427,0.02341,-0.01685,0.03169,0.02361,-0.05723,-0.01804,0.08091,0.09287,0.02685,-0.04166,0.01629,0.05937,0.04016],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. How it works The component is registered as a special connection instance and controlled by drag logic. During a drag session, internal fOutputId/fInputId signals update from pointer context; after finalize, the preview is hidden again. f Output Id f Input Id","excerpt":"How it works The component is registered as a special connection instance and controlled by drag logic. During a drag session, internal fOutputId/fInputId signals update from pointer context; after finalize, the preview is hidden again."},{"chunkId":"/docs/f-connection-for-create-component#3","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.07453,-0.11979,-0.07742,0.14716,0.03268,0.06426,-0.01649,-0.03129,0.06382,0.01685,0.03092,0.03776,-0.01951,0.00771,-0.05563,0.01297,-0.00306,-0.06006,-0.00342,0.06358,-0.00882,-0.17167,-0.01223,-0.05092,0.07538,-0.14747,-0.03071,-0.02452,0.0738,0.0009,0.05091,0.02445,-0.1693,-0.05005,-0.00117,-0.00051,0.03941,-0.00157,-0.02439,-0.03767,0.06696,-0.04608,0.00524,0.01805,-0.02423,0.04814,-0.01149,-0.00722,0.02862,0.10936,-0.06909,0.04189,-0.01075,-0.03897,0.06866,0.07298,0.0166,0.00347,-0.07562,0.05384,0.01465,-0.0224,0.04821,-0.09013,-0.0084,0.03737,-0.04406,0.02319,0.02391,-0.04789,-0.02202,0.01667,-0.02922,-0.02015,0.07083,0.03855,-0.00247,0.09098,-0.03962,-0.02196,0.10086,0.11403,-0.00066,-0.04183,-0.00812,0.10507,0.04284,-0.03187,-0.0593,0.02414,0.0222,0.0714,-0.03286,-0.02901,-0.0527,-0.01844,-0.01856,-0.00123,-0.03587,0.00167,-0.01036,0.00649,0.02492,0.08901,-0.01021,-0.04906,-0.0151,-0.01534,-0.03493,0.05222,0.04486,-0.01603,0.02813,-0.02504,-0.05098,0.07779,-0.10157,0.01751,0.11318,0.05406,0.04448,0.02639,-0.0119,-0.04497,0.0191,-0.06761,0.02364,0,0.0355,0.01076,0.00906,0.031,0.0353,-0.08015,0.05286,-0.01531,-0.04939,-0.08919,-0.08762,-0.00944,0.00394,0.01498,-0.09408,-0.12123,-0.01343,0.06949,-0.01818,0.02703,-0.06931,-0.03313,0.03284,-0.08871,0.04347,0.04635,-0.01954,0.07337,-0.00051,0.02797,-0.08764,0.06592,-0.01738,-0.00027,-0.06443,-0.01957,-0.06231,-0.00031,-0.04717,-0.00308,0.04672,-0.083,-0.08046,0.05368,-0.05096,-0.01441,0.04235,0.01078,0.00684,-0.04539,0.009,0.00157,-0.02196,-0.03413,0.01425,-0.09638,-0.08941,0.02061,0.0252,-0.02858,-0.00024,0.04056,-0.06282,0.0184,0.02187,0.03443,0.04134,0.05041,0.03955,-0.05912,-0.00478,0.02336,-0.03447,-0.08421,0.00476,-0.07121,-0.0426,-0.02799,0.07949,0.02414,0.05724,-0.10069,0.00178,0.00599,0.03368,-0.09446,-0.02503,-0.02624,-0.08686,-0.03968,-0.01216,0.05007,0.09364,0.01026,0.07921,0,0.05095,-0.03921,-0.0119,0.03793,-0.01517,0.04964,0.01262,0.02812,-0.04428,-0.00182,0.0033,0.00609,-0.04715,-0.04373,-0.07512,0.00143,-0.00369,-0.05067,-0.03302,0.00501,0.06997,-0.04187,0.01681,-0.00242,-0.00675,-0.01404,0.16113,0.04436,-0.05034,-0.02995,0.06467,-0.00049,-0.0753,-0.007,0.06918,0.0425,0.07486,0.08176,0.05949,0.00809,0.00512,-0.01372,0.01956,0.01748,0.03553,0.00666,-0.05985,-0.08017,-0.04218,0.08881,-0.01856,0.00411,-0.06517,-0.07241,-0.06306,0.01328,-0.0064,-0.0207,0.00579,0.05654,0.05449,-0.08478,-0.05834,0.00143,0.05314,-0.03926,0.03072,0.02581,0.04897,0.0749,0.0112,0.04218,0.04902,-0.02505,0.0649,-0.02726,0.06512,-0.02238,0.07354,0.03816,-0.01312,0.02132,0.03955,-0.05037,0.00605,0.00968,0.01545,0.07594,0.03067,0.02193,-0.05921,-0.0115,0.05948,-0.00612,-0.06772,0,-0.02288,0.04302,-0.01807,-0.03705,0.01555,0.01127,-0.06959,0.04861,-0.02894,-0.00821,-0.04069,0.01482,-0.02793,0.13572,0.02208,-0.06039,0.06029,-0.01193,-0.04038,-0.06755,0.01197,0.00706,0.06517,0.0043,-0.03207,-0.07105,0.04546,0.0553,0.00872,0.00605,-0.07005,0.02609,-0.03619,0.01134,-0.11809,0.09011,0.00815,0.0045,-0.05364,-0.0099,0.14472,0.06015,-0.01372,-0.08279,-0.00424,-0.00429,-0.00218,-0.00983,-0.01375,0.00741,-0.02703,0.00089,-0.00474,0.01454,0.04509,-0.04281,0.01502,0.07638,0.11441,0.00927,0.0152,0.02715,0.07821,0.03623],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. API","excerpt":"API"},{"chunkId":"/docs/f-connection-for-create-component#4","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.01388,-0.06179,-0.11669,0.07357,-0.01302,0.07848,-0.0281,0.08154,0.01308,-0.04261,0.05601,0.00845,-0.07377,-0.02715,-0.04272,-0.02367,-0.05863,-0.10529,0.01457,0.04084,-0.01464,-0.15424,0.0255,-0.07896,-0.04239,-0.08211,0.04388,0.00279,-0.01796,-0.0642,-0.00746,0.03618,-0.13228,-0.03657,-0.01111,-0.05113,0.05564,0.00281,-0.08128,-0.08013,0.06407,-0.07785,0.0645,-0.0021,0.00874,0.00464,-0.09217,0.00864,0.07742,0.04708,0.00861,0.01007,-0.0186,0.03998,0.08743,0.14516,0.00948,0.00321,-0.01969,0.04152,0.06222,-0.04472,0.00001,-0.0361,-0.05643,-0.00121,0.02942,0.01218,-0.04136,-0.00481,-0.06131,0.01871,-0.04005,-0.0506,0.13013,0.06919,-0.03794,0.12159,-0.01072,-0.00399,0.05263,0.08849,-0.00099,0.02844,0.03703,0.07184,0.00563,-0.07742,-0.01959,0.04314,0.02338,-0.00271,-0.039,-0.00214,-0.04953,-0.00949,-0.04542,-0.00868,-0.08212,0.00099,-0.06217,0.0355,0.02442,0.04982,0.02252,0.00158,-0.04111,0.03718,0.01436,-0.01958,0.00531,-0.07072,0.00649,-0.04208,-0.02745,0.02295,-0.04985,-0.02269,0.08128,0.01959,0.01517,0.06309,-0.05384,-0.03946,-0.00664,-0.02358,-0.0123,0,0.03772,0.00928,-0.03302,0.00883,0.05813,0.01565,-0.00321,0.02525,-0.0263,0.03183,-0.1007,-0.02016,-0.02649,-0.02515,-0.08182,-0.12747,-0.00684,0.06213,-0.09191,0.01188,-0.03502,-0.03915,0.04959,-0.1236,0.0712,0.051,-0.08565,0.10983,0.06251,0.02606,-0.04573,0.02509,-0.0181,0.01016,-0.03614,-0.05269,-0.0233,-0.04297,-0.03727,0.04329,0.00656,-0.04741,-0.04845,0.01358,0.01138,-0.01202,0.07107,-0.02179,0.0596,-0.01197,-0.04229,0.01262,-0.02285,0.00593,0.0266,-0.06845,-0.11705,0.12021,0.01426,0.03245,-0.02653,0.07353,-0.04307,-0.03459,0.04191,0.08717,-0.01575,-0.02548,-0.00724,-0.08309,-0.03036,0.03796,-0.03093,-0.0243,-0.02864,-0.0237,-0.0687,0.00627,0.06196,-0.03157,-0.01219,-0.00942,0.01017,0.04685,0.0949,-0.08883,-0.01221,-0.06874,-0.0139,-0.05179,-0.00273,0.05607,0.07218,-0.00561,0.04764,0,0.01633,0.01654,-0.0042,-0.00166,-0.00764,0.06307,0.06776,0.02475,0.02546,0.02411,0.05919,0.05906,-0.01997,-0.09873,-0.01179,0.01439,-0.02163,-0.03877,-0.01261,0.01622,0.0579,-0.07752,0.00172,-0.02369,0.0128,0.00726,0.14208,-0.02057,-0.03628,-0.00689,0.0387,0.01376,-0.0836,0.02822,0.02651,0.02209,0.02396,0.07367,0.08782,-0.04131,0.05437,0.02993,-0.01544,-0.00286,0.00002,-0.00227,-0.0558,-0.03001,-0.10625,0.06646,-0.04949,0.01561,-0.03121,0.02114,-0.05804,0.02401,0.08353,-0.0191,-0.01834,0.0701,0.10124,-0.08232,-0.01041,0.00451,0.09037,0.00709,0.04854,0.02554,0.04113,0.04238,0.03462,0.02551,0.04262,-0.01396,0.07596,0.00542,0.03281,-0.09981,0.04473,0.06348,-0.01238,0.01407,0.00708,-0.05175,-0.02409,-0.03876,0.05206,0.07364,0.07731,0.04567,-0.05901,-0.02546,0.06276,0.0744,-0.05121,0,-0.06742,0.00577,-0.03133,-0.03854,0.02101,0.01056,-0.01912,0.00988,-0.07622,-0.04303,-0.03856,0.06921,-0.02525,0.1221,0.06674,-0.03784,0.02221,-0.01466,-0.02934,-0.01163,-0.00024,-0.04234,0.04887,0.04319,-0.01649,-0.1074,-0.01292,0.07727,-0.03336,0.01612,-0.06604,0.00859,-0.02107,0.0511,-0.11419,0.08341,-0.04594,0.01298,-0.09482,0.04264,0.09219,-0.00571,-0.00891,-0.05929,0.0386,0.03179,0.06391,0.06544,-0.05438,-0.02057,-0.04064,0.02202,0.02492,-0.06902,-0.00865,-0.04505,-0.00872,0.0234,0.03578,-0.01322,-0.08723,0.05615,0.05686,0.01331],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Inputs - fRadius: number; Default: 8. Connection corner radius. - fOffset: number; Default: 12. Distance from connector to first bend. - fBehavior: EFConnectionBehavior; Default: FIXED. Defines how the connection handles connector positions. - fType: EFConnectionType; Default: STRAIGHT. Type of the path (segment, straight, bezier). - fInputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for target connection. - fOutputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for source connection. f Radius f Offset f Behavior EF Connection Behavior f Type EF Connection Type f Input Side EF Connection Connectable Side f Output Side","excerpt":"Inputs - fRadius: number; Default: 8. Connection corner radius. - fOffset: number; Default: 12. Distance from connector to first bend. - fBehavior: EFConnectionBehavior; Default: FIXED. Defines how the connection handles connector positions. - fType: EFConnectionType; Default: STRAIGHT. Type of the path (segment, straight, bezier). - fInputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for target connection. - fOutputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for source connection."},{"chunkId":"/docs/f-connection-for-create-component#5","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.04464,-0.11503,-0.07732,0.13651,0.0174,0.08527,0.00805,-0.01683,0.01871,0.00838,0.04456,0.01132,-0.04329,-0.0276,-0.06307,0.00973,-0.00833,-0.06653,0.00075,0.06977,-0.03656,-0.15829,-0.00835,-0.04932,0.04509,-0.12407,-0.01805,-0.0206,0.05809,-0.02434,0.04585,0.01481,-0.1731,-0.06034,-0.00346,-0.02116,0.04094,0.02564,-0.04925,-0.06697,0.06045,-0.06094,0.02897,0.01479,0.00523,0.0446,-0.04343,-0.00052,0.04929,0.05732,-0.00751,0.04705,-0.01619,-0.02268,0.06948,0.10977,0.02185,0.0038,-0.06793,0.06018,0.01745,0.00632,0.02608,-0.10616,-0.01218,0.03563,-0.01023,0.0153,0.0029,-0.02379,-0.05444,0.01027,-0.02618,-0.01799,0.09797,0.06544,-0.0174,0.09172,-0.02634,-0.03665,0.08843,0.12467,0.00251,-0.03639,0.00732,0.08258,0.03863,-0.05398,-0.04757,0.05564,0.03971,0.03486,-0.02667,-0.03598,-0.03706,-0.04472,-0.02126,0.02663,-0.03064,0.00123,-0.01277,0.01773,0.04173,0.06889,-0.00886,-0.02536,-0.00349,-0.01125,-0.01207,0.02673,0.02653,-0.05475,-0.00084,-0.07766,-0.03692,0.0351,-0.09693,-0.00654,0.09573,0.01196,0.02919,0.02584,-0.00744,-0.06799,0.00221,-0.07443,0.00984,0,0.04022,0.00937,-0.03152,0.03011,0.0308,-0.02722,0.03191,0.00809,-0.03133,-0.05949,-0.09694,-0.00283,0.00263,0.0277,-0.09186,-0.12194,-0.01219,0.06642,-0.02945,0.01839,-0.07355,-0.00183,0.04558,-0.1141,0.05226,0.0247,-0.02027,0.07251,0.02224,0.02435,-0.06818,0.07473,-0.0059,0.01352,-0.06243,-0.02575,-0.04086,-0.01179,0.00724,0.00547,0.04042,-0.08904,-0.0691,0.03581,-0.02019,-0.02325,0.08133,0.00195,0.01977,-0.05283,0.01696,-0.01491,-0.04266,-0.00074,0.0091,-0.0674,-0.10647,0.07087,0.03471,-0.02182,-0.00609,0.07521,-0.0496,0.00807,0.03778,0.04999,0.036,0.00115,0.00196,-0.10251,-0.00769,-0.00772,-0.04682,-0.08755,-0.0153,-0.06209,-0.06512,-0.00314,0.06518,0.00645,0.01628,-0.06675,0.01952,0.0215,0.05585,-0.10359,-0.04762,-0.03458,-0.07556,-0.05442,-0.0127,0.04798,0.11168,0.03205,0.10533,0,0.05013,-0.01654,-0.02192,0.02532,-0.01082,0.07141,0.01349,0.00524,-0.04556,0.01143,0.04688,0.01884,-0.02903,-0.0545,-0.0683,-0.01884,0.00406,-0.03303,-0.03944,0.02649,0.08649,-0.06957,0.01417,-0.00851,0.00824,-0.01087,0.18126,0.02349,-0.03605,-0.04548,0.04717,0.01778,-0.05606,0.00595,0.06024,0.03794,0.06443,0.03636,0.02959,-0.01614,0.01383,0.00813,0.01954,0.01898,0.04725,0.01592,-0.08273,-0.05833,-0.04574,0.10331,-0.01999,0.00038,-0.07916,-0.04936,-0.07019,0.03807,0.03106,-0.0214,0.00379,0.06725,0.09595,-0.07159,-0.02629,0.01665,0.08017,-0.01455,0.03542,0.01223,0.03911,0.06198,0.00205,0.02424,0.03407,-0.04897,0.05778,-0.00647,0.06986,-0.05356,0.06564,0.04209,-0.01063,0.00111,0.02319,-0.0678,-0.01618,-0.00919,-0.0056,0.06577,0.03072,0.0249,-0.05113,-0.03411,0.06282,0.03143,-0.08382,0,-0.03151,0.02587,0.01063,-0.0752,0.00872,-0.00122,-0.03969,0.04188,-0.03924,-0.00747,-0.03188,0.01203,-0.01944,0.13396,0.07171,-0.06738,0.04962,-0.01901,-0.04482,-0.07107,0.01697,-0.03043,0.07345,0.03216,-0.02963,-0.08525,0.05292,0.07388,-0.02001,0.044,-0.06416,0.01939,-0.0413,0.02127,-0.10865,0.11683,-0.00712,-0.01082,-0.06949,-0.01161,0.1219,0.06073,-0.022,-0.07895,0.02733,0.00956,0.02873,0.02961,-0.0366,-0.01513,-0.04299,0.00929,0.00743,-0.03011,0.01649,-0.03044,0.00983,0.04907,0.12602,0.00294,-0.02701,0.00251,0.04768,0.03259],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide EF Connection Behavior EF Connection Type EF Connection Connectable Side","excerpt":"Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide"},{"chunkId":"/docs/f-connection-for-create-component#6","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.02461,-0.09599,-0.07777,0.14707,0.00945,0.06901,0.00075,-0.01896,0.03084,-0.00163,0.0103,0.02895,-0.02747,-0.00587,-0.04295,-0.0128,-0.01647,-0.05495,0.02645,0.08261,0.00723,-0.17488,-0.00695,-0.07221,0.0353,-0.11276,-0.00628,-0.00938,0.0555,-0.03252,0.05186,-0.00088,-0.16587,-0.03063,0.00041,-0.00397,0.07276,0.00168,-0.04627,-0.01056,0.08472,-0.04168,0.04478,-0.00143,-0.0036,0.00814,-0.0199,-0.03829,0.04963,0.05512,-0.05712,0.01482,-0.00715,-0.03003,0.0761,0.08706,0.0322,-0.00944,-0.08762,0.05393,-0.0052,-0.01921,0.03914,-0.07969,-0.01109,0.01604,-0.02224,0.04557,0.02822,-0.04636,-0.04368,0.00143,-0.02749,-0.03081,0.06818,0.07107,0.01671,0.11257,-0.00513,-0.04301,0.11719,0.09605,0.01409,-0.02837,-0.00495,0.10299,0.03562,-0.09128,-0.05248,0.04869,0.02804,0.04262,-0.05445,-0.02682,-0.03171,-0.01578,-0.02982,-0.01469,-0.01551,0.01011,-0.01362,-0.03505,0.05358,0.06355,-0.02405,-0.00998,-0.00916,0.00977,-0.03191,0.0224,0.04021,-0.02669,0.00497,-0.06593,-0.03553,0.03915,-0.06733,0.01233,0.07811,0.0477,0.0357,0.02453,0.0032,-0.03653,0.02866,-0.04785,0.01424,0,0.03437,0.00737,-0.02056,0.03546,0.05537,-0.06167,0.04319,-0.00091,-0.05777,-0.05954,-0.0753,-0.0462,-0.01346,-0.01607,-0.0883,-0.11141,-0.0107,0.08688,-0.03345,0.0271,-0.07767,-0.05501,0.01078,-0.10087,0.05649,0.03171,-0.04615,0.09364,-0.01707,0.02053,-0.05485,0.07863,0.01428,0.01081,-0.05708,-0.01384,-0.05217,0.01361,-0.0452,-0.00265,0.03897,-0.08282,-0.06229,0.0639,-0.0397,-0.00592,0.04756,-0.00073,0.02207,-0.06986,-0.00609,-0.00142,-0.01894,-0.00924,0.03228,-0.07323,-0.06407,0.08016,0.04486,-0.01908,-0.03798,0.06935,-0.08576,0.00454,0.04312,0.04065,0.04609,0.01234,0.02839,-0.03657,-0.0071,0.01363,-0.03115,-0.08159,0.01437,-0.06012,-0.06115,-0.01048,0.11911,0.0263,0.0261,-0.11086,-0.0017,0.02837,0.04002,-0.10078,-0.01785,-0.04336,-0.05118,-0.08716,0.00815,0.05424,0.10793,-0.00874,0.08053,0,0.05511,0.01288,-0.00884,0.03614,-0.02712,0.05075,0.03027,-0.00731,-0.05838,0.0136,0.03998,0.00504,-0.01346,-0.05762,-0.07504,0.00172,0.02072,-0.06698,-0.03191,-0.00294,0.05426,-0.04265,0.0162,-0.03637,-0.01869,-0.02037,0.16447,0.04426,-0.06479,-0.02096,0.0643,-0.01476,-0.0406,0.00618,0.05925,0.03981,0.0707,0.07598,0.07422,0.01509,-0.00931,-0.01153,0.0392,0.04161,0.03032,0.02302,-0.04988,-0.06976,-0.03424,0.07256,-0.0511,-0.00925,-0.07938,-0.04387,-0.06014,0.02058,-0.02427,-0.02141,-0.02919,0.07156,0.07983,-0.07064,-0.05122,0.00799,0.06242,-0.06353,-0.0011,0.00786,0.03373,0.04505,0.00382,0.04153,0.05395,-0.00921,0.07562,-0.01394,0.09031,-0.00627,0.09777,0.05687,-0.01571,0.02472,0.01672,-0.09115,-0.01534,0.00886,0.00918,0.08949,0.02451,0.01769,-0.07921,0.00718,0.08581,-0.02201,-0.05967,0,-0.05637,-0.00064,0.01572,-0.08637,0.00311,0.02599,-0.05742,0.05016,-0.01322,0.01494,-0.06836,0.03502,-0.01753,0.1272,0.05141,-0.04845,0.05594,0.01071,-0.05106,-0.05424,0.00647,-0.01072,0.07802,0.01962,-0.0344,-0.07644,0.03261,0.05162,0.01758,0.0267,-0.06077,0.01732,-0.05387,0.02753,-0.10872,0.10484,0.00685,0.02172,-0.0364,0.04549,0.13211,0.04394,-0.01309,-0.05811,-0.00312,0.01629,-0.00043,0.0051,-0.04021,0.01216,-0.03501,-0.00096,-0.03916,-0.02404,0.01458,-0.04219,0.01898,0.08431,0.09333,0.03658,-0.03814,-0.00863,0.06523,0.05063],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Styling - .f-connection Base connection class. - .f-connection-for-create Preview host class. - .f-connection-path Preview path element. - .f-connection-drag-handle Preview endpoint handle element.","excerpt":"Styling - .f-connection Base connection class. - .f-connection-for-create Preview host class. - .f-connection-path Preview path element. - .f-connection-drag-handle Preview endpoint handle element."},{"chunkId":"/docs/f-connection-for-create-component#7","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.06325,-0.1239,-0.07984,0.09505,0.02147,0.10974,0.00808,-0.05723,0.01353,-0.01558,-0.02782,0.03987,-0.00897,-0.02227,-0.02083,0.07599,-0.00086,-0.00149,-0.0496,-0.01883,-0.06367,-0.18554,-0.04918,-0.03348,0.01904,-0.06867,0.03059,-0.014,0.06631,-0.01115,0.00206,-0.0021,-0.1338,0.00663,-0.05862,0.01513,0.03994,0.03316,-0.07089,-0.00609,0.04995,-0.0072,0.00114,-0.03037,0.01487,0.01132,0.03749,0.00787,-0.00745,0.06149,-0.0332,-0.06033,-0.00313,-0.02866,0.03258,0.12462,0.05072,-0.00153,-0.05816,0.00473,-0.03897,-0.02369,0.06473,-0.06202,0.00891,0.00424,-0.01843,0.01877,0.06332,-0.02791,-0.0439,0.01473,0.02185,-0.03626,0.07758,0.08521,0.07525,0.12132,-0.0107,-0.12375,0.10586,0.11547,0.01133,0.01001,0.02998,0.08932,0.01979,-0.0995,-0.07151,0.08195,0.04641,0.07147,-0.11905,-0.02231,-0.05558,-0.04267,-0.0611,-0.07922,-0.01146,0.01798,-0.03553,-0.04942,0.04592,0.06654,-0.04526,-0.03889,-0.01877,0.06048,-0.0471,0.03034,0.07973,-0.00942,0.0491,-0.0558,-0.03046,0.00848,-0.06561,-0.01109,0.0902,0.07552,0.02448,0.02113,-0.06691,-0.02365,-0.05095,-0.04926,0.02852,0,0.04379,0.0035,-0.00748,0.04679,0.04833,-0.02682,0.02445,-0.04017,-0.08108,-0.11027,-0.04983,0.00026,-0.05521,0.05289,-0.10246,-0.12736,0.02521,0.01937,-0.02849,0.02442,-0.04346,-0.03134,-0.02102,-0.10682,0.02131,0.03858,0.04082,0.0719,-0.03366,0.02776,-0.06689,0.02247,-0.009,0.02134,-0.09482,0.00335,-0.02584,-0.02618,-0.02601,0.07007,0.00695,0.00551,-0.03704,0.04318,-0.04395,0.04654,0.05264,0.01726,0.03988,-0.02862,-0.02263,0.04021,0.00307,-0.04472,0.04709,-0.06576,-0.05204,0.02987,0.06808,-0.06108,0.05066,0.06528,-0.0553,-0.00699,0.03992,0.06073,0.00191,0.02542,-0.0247,-0.00248,0.00096,0.06419,-0.0421,-0.07967,0.0392,-0.0143,0.00746,0.00707,0.12273,-0.02608,-0.00895,-0.02569,-0.032,0.01105,-0.00851,-0.05822,-0.00915,-0.03623,-0.04131,-0.0703,-0.03886,0.00246,0.05759,0.02484,0.06491,0,0.02139,0.04739,0.00021,0.05349,-0.01794,0.03728,0.02301,0.00844,-0.05652,0.07153,0.00688,0.02198,-0.05811,-0.01051,-0.09418,-0.02621,-0.02702,0.04343,-0.04181,-0.00906,-0.00105,-0.00696,-0.00137,-0.01207,-0.00859,-0.00271,0.13893,0.05036,-0.0873,-0.01525,0.04613,-0.00527,-0.04057,-0.0453,-0.04207,0.02927,0.04825,-0.00714,0.02845,0.03631,-0.00364,-0.02307,0.05108,-0.00854,0.01626,0.01343,-0.08314,-0.06759,-0.01441,0.0659,-0.01786,0.02105,-0.04103,0.00126,-0.08877,-0.01341,-0.01694,0.02803,0.03501,0.08678,-0.00551,-0.06214,-0.0652,-0.00361,0.07223,-0.02467,0.05904,-0.02305,0.11004,0.0613,0.04858,0.06719,0.05799,0.02656,0.08037,-0.06091,0.12361,0.00499,0.03045,0.06223,0.04169,-0.0164,0.08333,-0.02098,0.02664,-0.00255,-0.00675,0.07726,0.0635,-0.02914,-0.02488,-0.03079,0.03743,-0.09772,-0.07344,0,0.00097,0.02518,0.02859,-0.0227,-0.01329,-0.01216,-0.03464,0.01446,-0.01666,0.02562,-0.04,0.03314,-0.01014,0.08979,0.01858,0.01964,0.02562,0.02613,-0.04365,-0.0186,-0.05605,0.04637,0.0251,0.07087,-0.01275,-0.09229,0.03019,0.04828,0.05753,-0.0029,-0.09503,0.03514,0.02383,-0.03254,-0.10559,0.08734,-0.0682,0.04873,-0.05581,0.03899,0.0129,0.02636,0.01608,-0.06438,0.02378,-0.02514,-0.06711,-0.01987,-0.09039,0.04157,-0.02901,-0.02121,-0.01735,0.04572,0.04255,-0.11446,-0.03514,0.07065,0.05868,-0.00158,-0.01846,0.00892,0.06112,-0.03284],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Projected Gradient If you want a gradient preview stroke, project f-connection-gradient into f-connection-for-create and set the colors on the gradient config itself: Migration from the old API:","excerpt":"Projected Gradient If you want a gradient preview stroke, project f-connection-gradient into f-connection-for-create and set the colors on the gradient config itself: Migration from the old API:"},{"chunkId":"/docs/f-connection-for-create-component#8","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.06403,-0.10413,-0.09589,0.10874,0.01009,0.05633,0.01665,0.00155,0.03156,0.00159,0.04234,0.04492,-0.0351,-0.0034,-0.0257,0.02055,-0.03445,-0.04402,-0.02161,0.04613,-0.0356,-0.18061,-0.02035,-0.04855,0.01818,-0.10006,-0.01985,-0.02188,0.06309,-0.04383,0.08442,0.06579,-0.11295,-0.02945,-0.03039,0.01234,0.04363,0.00782,-0.04573,-0.05287,0.04523,-0.06912,0.01803,-0.01331,-0.0142,0.04726,-0.0153,0.01758,0.01982,0.10469,-0.05116,0.02828,-0.02691,0.00645,0.08929,0.09834,0.05477,0.01244,-0.08621,0.05302,0.01441,-0.00727,0.01485,-0.04178,-0.01497,0.05075,-0.02795,0.00538,0.04779,-0.01636,-0.00632,0.0302,-0.02835,-0.02863,0.09691,0.01426,0.00527,0.09236,-0.0473,0.00114,0.06058,0.08253,-0.03221,-0.05766,-0.00726,0.08221,0.00375,-0.07394,-0.03353,0.06336,-0.00293,0.08033,-0.01335,-0.04572,-0.04698,-0.01171,-0.03064,-0.0231,-0.05623,0.03441,-0.02642,-0.0059,0.01406,0.07099,0.00811,-0.04389,-0.05537,-0.013,-0.02244,0.01687,0.03414,-0.03484,0.04821,-0.04099,-0.0651,0.02751,-0.06331,-0.00866,0.1314,0.008,0.03679,0.0256,-0.00689,-0.02544,-0.00086,-0.05816,-0.02586,0,0.03582,0.01827,-0.01256,0.04136,0.02312,-0.0208,0.04633,-0.07767,-0.04633,-0.03492,-0.0944,0.00983,-0.00317,0.03638,-0.04185,-0.16905,-0.00395,0.03164,-0.01748,0.01808,-0.01903,-0.00204,0.01638,-0.07652,0.06949,0.06021,-0.03177,0.09155,0.00579,0.0367,-0.09645,0.04918,-0.00895,0.00233,-0.05431,0.00207,-0.0641,-0.04792,-0.06659,-0.03508,0.04981,-0.03372,-0.06072,0.03241,-0.0131,-0.05229,0.01093,0.03083,0.01431,0.01331,0.0489,0.01037,0.0282,-0.03957,-0.01522,-0.10359,-0.08897,0.02526,0.03077,0.04556,0.00758,-0.02047,-0.08325,0.02547,0.03264,0.09307,0.04261,0.02567,0.0286,-0.07721,-0.04311,0.04683,-0.0394,-0.06037,0.01332,-0.05414,-0.05989,-0.03504,0.06416,0.00139,0.03604,-0.08307,-0.04091,0.04442,0.07253,-0.08989,-0.03468,-0.04959,-0.09632,-0.00097,-0.01947,0.03161,0.12326,0.06335,0.11399,0,0.04293,-0.03223,-0.0138,0.05078,-0.03037,0.04576,0.02557,-0.01441,-0.05222,-0.01974,-0.04476,0.01755,-0.01842,-0.05501,-0.0724,0.00646,0.01577,-0.07539,-0.06249,0.04816,0.05465,-0.0454,0.00073,0.00595,-0.01425,-0.00437,0.11884,0.03854,-0.04573,-0.02779,0.04997,-0.04216,-0.08612,-0.04007,0.05009,0.02523,0.06432,0.07125,0.05202,0.00357,0.03833,0.03217,-0.01395,0.05669,0.02073,0.08582,-0.07712,-0.06105,-0.10541,0.09642,-0.08093,0.02448,-0.07373,-0.05979,-0.07116,0.01169,0.03525,0.02158,-0.03087,0.04364,0.06374,-0.09424,-0.03083,-0.01532,0.07703,-0.02089,0.02278,0.038,0.03289,0.11091,0.03543,0.04237,0.03376,-0.03531,0.06082,-0.04059,0.06871,-0.0643,0.06415,0.08203,-0.02441,0.01896,0.02889,-0.04547,-0.00625,0.01026,-0.01418,0.04804,0.04654,0.00989,-0.06243,-0.00159,0.03911,-0.00888,-0.07383,0,-0.03925,0.05162,-0.01298,-0.02333,0.03116,0.03523,-0.06001,0.02003,-0.03592,-0.04635,-0.03009,0.05491,-0.01386,0.06691,0.02696,-0.06209,0.08227,-0.02683,-0.05837,-0.03808,-0.01734,0.01549,0.01324,0.10418,-0.03093,-0.07801,0.05108,0.06798,0.03403,0.04402,-0.03495,0.0176,0.00761,0.0481,-0.12144,0.09437,-0.01917,0.02704,-0.03789,-0.00541,0.10638,0.06471,-0.0216,-0.06508,-0.036,0.04333,-0.00498,-0.03481,-0.02857,0.02155,-0.02349,0.02219,-0.02525,0.03601,0.04373,-0.01815,0.01065,0.04826,0.14476,0.00369,-0.02663,0.01132,0.04649,0.02318],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Notes / Pitfalls - Requires fDraggable on the parent f-flow to become active. - Usually paired with fCreateConnection handling; without state update logic, user actions will not create persisted edges. - Pair with f-snap-connection for stronger UX when targets are close. f Draggable f Create Connection","excerpt":"Notes / Pitfalls - Requires fDraggable on the parent f-flow to become active. - Usually paired with fCreateConnection handling; without state update logic, user actions will not create persisted edges. - Pair with f-snap-connection for stronger UX when targets are close."},{"chunkId":"/docs/f-connection-for-create-component#9","slug":"f-connection-for-create-component","route":"/docs/f-connection-for-create-component","section":"docs","title":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview","description":"Use `f-connection-for-create` as the temporary preview while users drag to create new links.","group":"Connections","vector":[-0.08249,-0.06117,-0.10784,0.14654,0.0373,0.0961,-0.00529,-0.00303,0.0696,0.04349,-0.00144,0.02917,-0.0442,0.02689,-0.03128,-0.00256,-0.07314,-0.02822,-0.03529,0.02834,0.00199,-0.11658,0.01573,-0.03054,0.05717,-0.08404,-0.02254,-0.03467,0.06957,-0.00622,0.05352,0.03216,-0.12096,-0.01674,-0.0449,0.04245,0.0359,0.02842,-0.05152,-0.03393,0.10694,-0.03245,0.03387,-0.06341,-0.04327,0.03092,-0.02701,0.02354,-0.01556,0.07764,-0.09012,-0.01326,-0.03012,0.04004,0.04237,0.03952,0.02626,-0.04056,-0.02108,0.02155,-0.04333,-0.04401,0.01921,-0.05396,0.01705,0.01208,-0.11134,0.05614,-0.04753,0.00802,0.01659,-0.00094,-0.03119,-0.03763,0.05557,0.00327,-0.05108,0.12122,-0.01728,-0.00436,0.1258,0.06607,-0.02538,-0.02412,-0.01304,0.12474,0.04045,-0.05728,-0.05002,-0.03331,0.01188,0.10811,-0.01004,-0.00131,0.014,-0.00538,-0.06512,0.03967,-0.04672,0.0244,-0.03672,-0.01509,0.03286,0.09133,-0.0056,-0.03501,0.00653,0.0129,-0.01715,0.03939,0.04059,0.02981,0.03359,-0.04206,-0.04074,-0.0212,-0.09819,0.00044,0.07719,0.08101,0.03868,0.00344,-0.04446,-0.03211,0.06381,-0.02359,0.02207,0,0.04503,0.02297,-0.02394,0.05548,0.05278,-0.04815,0.01653,-0.07347,-0.04004,0.02102,-0.07877,-0.00156,-0.00611,-0.00929,-0.09777,-0.13867,0.00825,0.05898,-0.01882,0.02195,-0.01106,-0.03905,-0.01608,-0.06248,0.1179,0.00916,-0.0543,0.05772,0.00028,0.0139,-0.00192,0.06794,-0.00821,-0.02125,-0.04986,-0.04995,-0.04558,-0.00386,-0.05277,-0.01632,0.08452,-0.07274,-0.11408,0.08316,-0.05958,-0.02381,0.02952,-0.00178,0.05641,-0.01508,-0.00873,0.01365,-0.02902,-0.00748,0.08352,-0.07681,-0.08011,0.07125,0.00727,0.02272,-0.01701,0.07768,-0.04423,-0.02632,0.07565,0.0229,0.02877,0.05447,0.06975,-0.09287,-0.04053,0.03019,-0.04444,-0.04813,0.02666,-0.06799,-0.02411,-0.01356,0.10912,-0.00926,-0.00257,-0.12512,-0.01233,0.06531,0.06327,-0.11303,-0.04242,-0.03703,-0.09329,-0.09421,0.04671,0.06093,0.06479,-0.022,0.05878,0,0.06957,0.01423,0.02656,0.08737,-0.019,0.0016,0.06523,0.01169,0.02494,0.03737,0.00091,0.02657,-0.01666,-0.05848,-0.01353,0.01219,-0.01874,-0.0841,0.01883,-0.03473,0.07878,-0.00028,0.00785,0.00781,-0.05189,0.01812,0.14672,0.03822,-0.0213,-0.02218,0.02869,-0.01399,-0.1034,0.01752,0.00919,-0.0044,0.07467,0.12126,0.06554,-0.0056,0.05494,0.02873,-0.01594,0.01572,-0.00714,-0.00121,-0.00585,-0.06562,-0.02193,0.02481,-0.03002,-0.011,-0.08287,-0.01567,-0.03282,-0.00937,0.05265,-0.04681,-0.04806,0.02415,0.0792,-0.07201,-0.03264,-0.04202,0.06566,-0.01143,-0.02478,-0.01241,0.09287,0.07444,0.00257,0.03817,0.06957,-0.00851,0.08577,0.02724,0.08722,-0.02117,0.09791,0.0258,-0.03311,0.06967,0.00181,-0.03875,0.01699,0.04777,-0.04937,0.03696,0.05935,0.01131,-0.0889,-0.0414,0.07685,-0.0263,-0.05021,0,-0.05115,0.00941,-0.01248,-0.05909,0.00861,0.00722,-0.0523,-0.00472,-0.00739,-0.00161,-0.05693,0.06251,0.03386,0.09098,0.04111,-0.05797,0.04575,-0.02449,-0.03226,-0.04198,0.02336,0.0165,0.05893,0.06342,-0.03737,-0.11205,-0.02689,0.01303,-0.01165,0.00778,-0.05626,0.01277,-0.01764,0.00849,-0.07721,0.01704,-0.06186,-0.00787,-0.03811,0.01305,0.12797,0.02559,0.00347,-0.05564,-0.04305,0.03952,-0.00207,-0.00397,-0.0471,0.00345,-0.02312,0.02571,-0.05581,0.00408,0.02967,-0.03821,0.00498,0.07678,0.07872,-0.02614,-0.02532,0.01104,0.02595,-0.01498],"keywords":"FConnectionForCreateComponent - Temporary Drag-to-Connect Preview FConnectionForCreateComponent - Temporary Drag-to-Connect Preview Use `f-connection-for-create` as the temporary preview while users drag to create new links. Example ::: ng-component <drag-to-connect</drag-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.scss :::","excerpt":"Example ::: ng-component <drag-to-connect</drag-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.scss :::"},{"chunkId":"/docs/f-connection-marker-directive#0","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.00846,-0.05431,-0.0446,0.06833,-0.00229,0.0038,0.03418,0.05652,0.04206,-0.06197,-0.00517,0.04708,-0.12738,0.0078,0.05912,0.02228,-0.04585,-0.05248,0.05266,-0.01065,-0.05552,-0.11825,-0.00438,-0.02812,-0.05095,0.00489,0.01766,0.01072,0.02844,-0.03137,-0.00621,-0.01841,-0.07937,0.02492,-0.01416,0.0255,0.13218,0.02944,-0.09127,-0.01377,0.06742,-0.05307,0.01759,0.02987,-0.00076,0.06486,-0.03907,-0.05737,-0.00497,0.08273,0.00642,-0.04504,-0.06089,-0.01242,0.11498,0.04507,0.07344,0.00909,-0.04147,0.03643,-0.00366,-0.00954,-0.01521,-0.0179,-0.03152,-0.01251,0.01766,0.01811,0.00405,0.02677,-0.04305,0.00379,-0.02119,-0.05461,-0.00815,0.08756,0.03426,0.05415,0.04671,-0.12293,0.0369,0.04779,0.00734,0.05308,0.04883,0.07044,-0.05448,-0.10615,-0.00786,0.10697,-0.01171,0.01789,-0.02806,-0.05626,-0.04264,0.03764,0.00319,-0.04231,0.02964,0.02895,0.01374,-0.03804,0.0085,-0.02253,0.06515,0.02111,-0.08867,0.01238,-0.015,-0.02992,0.01719,-0.03559,0.02618,-0.06287,-0.05028,0.06442,-0.05788,0.05399,0.15479,0.05198,0.01938,-0.02173,-0.04866,0.00562,-0.01598,0.02263,-0.07123,0,-0.02826,0.03268,-0.05552,-0.0242,-0.01792,-0.03021,-0.01453,-0.06846,-0.03045,0.04105,-0.0311,-0.05963,-0.07307,0.05256,0.04439,-0.03488,0.03762,-0.04426,-0.11417,-0.05623,0.00588,-0.04852,-0.03855,-0.04985,0.1269,0.0888,-0.07051,0.06511,-0.06041,-0.00989,0.03428,-0.02275,0.04412,0.02184,0.00109,-0.02425,-0.02696,-0.05444,-0.13877,-0.01077,0.05424,-0.05766,-0.15616,0.01896,0.00487,0.01777,-0.01097,-0.00086,0.0399,-0.05544,-0.03406,0.05143,-0.04492,-0.08077,0.02031,-0.03298,-0.07417,0.00442,-0.04462,-0.00597,-0.07284,0.00002,-0.00588,-0.03372,0.04746,0.05107,0.04474,-0.00238,-0.02612,-0.04702,0.00423,0.04115,0.00301,-0.04139,-0.03993,0.01445,-0.04889,0.02979,0.0607,0.02196,-0.00797,-0.06167,0.00103,0.0001,0.05966,-0.06831,0.03581,-0.06786,-0.06905,-0.06055,0.02148,0.07656,0.07943,0.06452,-0.07683,0,-0.01207,0.02916,0.02947,0.02377,-0.01347,0.01795,0.0451,0.03032,-0.07109,0.06507,0.01096,-0.0239,-0.0177,-0.04581,-0.0614,0.00788,-0.00899,0.01508,0.01157,0.02594,-0.00658,-0.02358,0.04957,-0.03691,0.0671,-0.0176,0.06034,-0.076,-0.09881,-0.00357,0.02973,-0.04486,0.08995,-0.06656,0.03448,-0.01322,0.024,-0.03364,0.01204,0.01047,0.0334,0.0386,0.05189,0.03974,-0.03194,0.04317,-0.08782,0.01557,-0.12133,0.04545,-0.03695,-0.00397,-0.04918,-0.00089,-0.06291,0.07219,0.02563,0.0507,-0.06631,0.01387,0.00586,-0.1501,0.02035,0.05675,0.14287,-0.03712,0.03789,-0.00265,-0.01705,0.02203,0.04073,0.05493,-0.01101,0.00236,0.02156,-0.01134,0.07879,-0.01932,0.04764,0.0685,-0.06986,0.02608,0.03189,0.09512,0.05272,0.02906,-0.03501,0.05727,0.03431,0.0271,-0.01219,0.08802,0.05798,0.02787,-0.01727,0,-0.04374,-0.04398,-0.06907,-0.09113,0.0645,0.00159,-0.06525,-0.0262,-0.11718,0.06376,-0.06503,0.08404,-0.10623,0.01682,-0.00425,-0.05688,0.03049,0.03726,-0.02362,0.02409,-0.04784,0.06241,-0.06829,0.06389,-0.02139,-0.01947,0.04052,0.08898,0.07825,0.00033,-0.05095,0.03276,-0.01341,0.05581,-0.06313,0.06726,-0.04655,-0.01309,-0.02658,0.12089,0.10162,-0.02704,0.03466,-0.00512,0.04208,0.06888,0.02557,-0.01631,-0.09926,0.01914,-0.03738,-0.05096,-0.03515,-0.02569,0.01046,-0.01625,0.05217,0.08597,-0.00078,0.02693,-0.04099,0.03916,0.03745,-0.01079],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Connection Marker Selectors: svg[fMarker], f-connection-marker-circle, f-connection-marker-arrow Classes: FConnectionMarker, FConnectionMarkerCircle, FConnectionMarkerArrow Connection markers let you define reusable visuals for connection starts and ends. There are now two ways to use them: - Built-in marker components for the common cases. - svg[fMarker] for fully custom SVG geometry. f Marker F Connection Marker F Connection Marker Circle F Connection Marker Arrow","excerpt":"Connection Marker Selectors: svg[fMarker], f-connection-marker-circle, f-connection-marker-arrow Classes: FConnectionMarker, FConnectionMarkerCircle, FConnectionMarkerArrow Connection markers let you define reusable visuals for connection starts and ends. There are now two ways to use them: - Built-in marker components for the common cases. - svg[fMarker] for fully custom SVG geometry."},{"chunkId":"/docs/f-connection-marker-directive#1","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.01342,-0.02453,-0.01845,0.033,0.02999,-0.0056,0.05165,0.07833,0.01985,-0.06681,0.02161,0.02317,-0.11209,0.0114,0.07748,0.03338,-0.00898,-0.05136,0.05488,-0.0248,-0.0553,-0.14991,-0.03185,-0.03432,-0.02965,-0.01285,0.02433,0.0378,0.05826,-0.03172,0.01682,0.01935,-0.06763,0.0223,0.01837,-0.00332,0.11767,0.02075,-0.08556,-0.01162,0.04805,-0.0853,0.00375,0.03996,0.01535,0.04751,-0.02107,-0.02179,-0.01119,0.07401,-0.00299,-0.02836,-0.08153,-0.04124,0.07992,0.04307,0.06568,0.0312,-0.05389,0.0453,-0.0067,-0.02802,-0.00597,0.01019,-0.014,-0.00353,0.02997,0.00143,-0.00617,0.02727,-0.01898,0.00185,-0.00333,-0.03202,-0.0308,0.06121,0.03361,0.04305,0.01908,-0.11557,-0.01345,0.03298,-0.02666,0.04384,0.07116,0.05585,-0.06679,-0.10283,0.01187,0.10541,-0.01688,0.01766,-0.01676,-0.05865,-0.01226,0.04429,0.01003,-0.0384,0.0362,0.04639,0.02924,-0.06415,-0.01035,-0.00278,0.06844,0.00867,-0.11134,0.00556,0.01802,-0.02616,0.00256,-0.00646,0.03686,-0.04236,-0.08313,0.02494,-0.07015,0.03538,0.16736,0.01527,-0.00473,-0.02503,-0.04167,-0.01432,-0.02263,0.03533,-0.05856,0,-0.0475,0.02054,-0.05274,-0.03547,-0.02859,0.00492,-0.03277,-0.08711,-0.05162,0.02326,-0.02047,-0.05943,-0.05524,0.09389,0.06651,-0.00553,0.00069,-0.03111,-0.10868,-0.04995,0.01263,-0.04552,-0.03466,-0.02498,0.09448,0.09517,-0.06458,0.0518,-0.05242,-0.00182,0.03113,-0.05122,0.05564,0.02731,0.01688,0.03756,-0.01528,-0.09125,-0.10906,-0.0148,0.06374,-0.03959,-0.12378,0.02765,0.02041,0.02484,-0.03239,-0.00847,0.00082,-0.04195,-0.03874,0.05539,-0.01759,-0.08459,0.03429,-0.03761,-0.07144,-0.01608,-0.03408,0.01799,-0.07609,-0.00421,0.00712,-0.03707,0.03989,0.06197,0.05796,-0.00989,-0.0181,-0.05085,0.02132,0.06881,0.01647,-0.02092,-0.04184,-0.01007,-0.04779,0.06132,0.05473,-0.00541,-0.02296,-0.03262,-0.01594,-0.00025,0.04507,-0.0804,0.01801,-0.06935,-0.10009,-0.02175,0.03679,0.08739,0.05063,0.09444,-0.07695,0,-0.05948,0.03736,0.03345,0.04601,-0.01491,0.0091,0.05469,0.00447,-0.06843,0.04626,0.00728,-0.01057,-0.03516,-0.04771,-0.06246,0.00023,-0.03556,0.02096,0.01556,0.01942,0.00356,0.01475,0.00504,0.00703,0.05551,-0.02517,-0.01041,-0.07755,-0.09467,-0.01551,0.03355,-0.03309,0.04088,-0.06654,0.05331,-0.00926,0.03147,-0.03133,0.00719,0.0372,0.01179,0.03848,0.00354,0.03052,-0.03772,0.05905,-0.08628,-0.01293,-0.10929,0.05228,-0.04447,0.01788,-0.02608,-0.02519,-0.08647,0.05561,0.00432,0.03875,-0.09418,0.043,0.03825,-0.14551,0.03161,0.04459,0.13811,-0.05119,0.05119,-0.01015,-0.00752,0.01266,0.04996,0.04355,-0.0081,-0.00223,0.01481,-0.02279,0.07342,0.00345,0.03154,0.05169,-0.09939,0.01756,0.03296,0.10812,0.04142,0.05016,-0.0467,0.04872,0.02021,0.02854,-0.02087,0.10311,0.03251,0.0687,-0.03064,0,-0.05067,-0.04226,-0.05217,-0.0668,0.03764,0.0212,-0.03708,-0.03013,-0.09689,0.04001,-0.07224,0.04122,-0.15392,0.03702,0.01427,-0.0779,0.01501,0.05336,-0.03556,0.03854,-0.04764,0.07162,-0.09248,0.07603,-0.0148,-0.00742,0.05761,0.11399,0.0748,0.04558,-0.06954,0.03019,0.02244,0.08203,-0.06321,0.06114,-0.03414,0.00509,-0.01365,0.11633,0.07428,-0.01426,0.02467,-0.01127,0.06088,0.07561,0.02556,-0.0323,-0.1074,0.03439,-0.01635,-0.06167,-0.03592,-0.01298,0.05928,-0.02884,0.0527,0.089,0.03712,0.04068,-0.02637,0.02878,0.01652,-0.00126],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Why / Use cases Use connection markers when edge semantics should be visually explicit. Typical use cases: - Distinguish direction or type of edge. - Show selected-state marker variants. - Match product branding with custom SVG marker geometry. - Reuse the same marker for both normal and selected states. Use built-in markers when the default shapes are enough. Use svg[fMarker] when geometry, sizing, or branding must be custom. f Marker","excerpt":"Why / Use cases Use connection markers when edge semantics should be visually explicit. Typical use cases: - Distinguish direction or type of edge. - Show selected-state marker variants. - Match product branding with custom SVG marker geometry. - Reuse the same marker for both normal and selected states. Use built-in markers when the default shapes are enough. Use svg[fMarker] when geometry, sizing, or branding must be custom."},{"chunkId":"/docs/f-connection-marker-directive#2","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.03943,-0.04591,-0.05441,0.09513,0.01254,0.00127,0.03879,0.0657,0.03155,-0.08128,-0.00272,0.03793,-0.12048,-0.00826,0.06101,0.01884,-0.05526,-0.05235,0.04235,-0.02561,-0.03675,-0.10492,-0.01585,-0.03076,-0.02589,-0.04634,-0.00203,0.01492,0.04,-0.03595,0.03128,-0.02513,-0.07506,0.04108,0.0344,0.06693,0.14988,-0.00378,-0.0879,0.00413,0.05611,-0.04766,-0.00245,0.00919,0.00512,0.05896,-0.02018,-0.04965,-0.01972,0.06585,0.00052,-0.01322,-0.06251,-0.01957,0.09843,0.0423,0.09638,0.01058,-0.05083,0.03507,-0.03501,-0.01818,-0.00664,0.00238,-0.03869,-0.01164,0.02189,0.00664,0.0167,0.01525,-0.05613,0.00241,-0.02293,-0.0491,-0.01737,0.06717,0.02873,0.06439,0.05292,-0.13824,0.03755,0.0403,0.02138,0.02619,0.06136,0.05381,-0.06026,-0.11219,0.01533,0.11443,-0.0144,0.0013,-0.03193,-0.03766,-0.07059,0.04515,0.01572,-0.03666,0.03625,0.04679,0.01413,-0.01913,0.03378,0.01043,0.06742,-0.00538,-0.07528,0.02359,-0.02057,-0.03011,0.03836,-0.00382,0.04671,-0.06261,-0.06359,0.06233,-0.04904,0.05368,0.12389,0.05385,0.02448,-0.03356,-0.01649,0.00548,-0.00095,-0.03975,-0.06203,0,-0.03609,0.0137,-0.07078,-0.03168,0.00479,-0.02854,0.00012,-0.06645,-0.05856,0.0482,-0.0093,-0.04844,-0.05373,0.06312,0.01829,-0.03178,0.00692,-0.02846,-0.09401,-0.03769,0.0175,-0.0461,-0.01687,-0.05563,0.11996,0.12039,-0.09322,0.05748,-0.05751,0.00139,0.04443,-0.03648,0.04321,0.03802,0.01491,-0.03498,-0.02712,-0.08164,-0.12727,0.00922,0.06457,-0.065,-0.17634,0.01863,-0.00115,0.01095,-0.00437,-0.00056,0.04682,-0.05488,-0.02187,0.05069,-0.03073,-0.06908,0.03349,-0.05563,-0.08218,-0.01509,-0.0345,-0.00825,-0.03303,0.03647,-0.01136,-0.03948,0.04719,0.03793,0.07819,-0.00717,-0.00888,-0.02262,0.015,0.05933,0.02733,-0.0363,-0.03122,-0.01042,-0.0524,0.04079,0.02733,0.02506,-0.02117,-0.05149,-0.02956,0.03216,0.05717,-0.07285,0.04527,-0.05674,-0.0764,-0.07525,0.04122,0.04407,0.06467,0.03613,-0.06517,0,-0.01515,0.05276,0.00976,0.02956,-0.03145,0.00401,0.06134,0.04186,-0.05605,0.07419,0.01027,-0.00673,-0.03468,-0.04186,-0.0559,0.00691,-0.03015,0.02035,-0.0239,0.03277,-0.03921,-0.00607,0.07405,0.01205,0.04851,-0.01919,0.03835,-0.05028,-0.09561,-0.02886,0.04115,-0.00042,0.04277,-0.0784,0.0431,-0.00862,0.03265,-0.0032,0.00754,0.00532,0.06875,0.06342,0.00059,0.04755,-0.0438,0.05914,-0.08529,-0.00959,-0.08756,0.02081,-0.01636,-0.00443,-0.039,0.00982,-0.07094,0.05908,0.01363,0.04413,-0.08603,0.05702,0.03237,-0.15489,0.01583,0.06089,0.14217,-0.04644,0.02459,0.02292,0.01527,0.03473,0.05827,0.04119,0.01586,0.02032,0.01596,-0.02539,0.06017,-0.02102,0.02612,0.06751,-0.04328,0.01052,0.01292,0.08647,0.05661,-0.00208,-0.04892,0.07784,0.00903,0.00803,0.00328,0.09754,0.06119,0.05998,-0.03586,0,-0.02175,-0.04136,-0.07122,-0.09492,0.05233,0.02508,-0.05951,-0.0585,-0.13161,0.07002,-0.06635,0.03275,-0.08882,0.00941,0.00597,-0.0569,0.01167,0.06065,-0.03469,0.00115,-0.02025,0.06204,-0.10104,0.08687,0.00232,-0.01313,0.04534,0.05693,0.08161,-0.00434,-0.04683,0.03595,-0.01582,0.08091,-0.06434,0.07437,-0.01718,-0.02053,-0.03755,0.12682,0.07105,-0.02942,0.03064,-0.00605,-0.00069,0.05467,-0.00281,-0.04056,-0.0577,0.03619,-0.00592,-0.054,-0.04191,-0.01177,0.00751,-0.04256,0.04165,0.08729,0.02509,0.05263,-0.05118,0.02611,0.06126,-0.0086],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. How it works Marker definitions are declared inside f-connection. During connection redraw, the library clones those definitions into the connection <defs block and applies them to the rendered path. Built-in markers hide the SVG boilerplate from the template, while svg[fMarker] gives you full control over the shape. f Marker","excerpt":"How it works Marker definitions are declared inside f-connection. During connection redraw, the library clones those definitions into the connection <defs block and applies them to the rendered path. Built-in markers hide the SVG boilerplate from the template, while svg[fMarker] gives you full control over the shape."},{"chunkId":"/docs/f-connection-marker-directive#3","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.01567,-0.06662,-0.0338,0.06048,0.03428,0.02567,0.06021,0.03276,0.0135,-0.0612,0.00635,0.03294,-0.09998,-0.00005,0.04037,0.04704,-0.02957,-0.05765,0.07406,-0.02342,-0.05974,-0.13365,-0.02083,-0.01719,-0.00725,-0.00171,0.01295,0.02258,0.01833,-0.01748,-0.01184,-0.05921,-0.07241,0.0203,0.04144,0.02045,0.14878,0.04256,-0.06983,-0.00157,0.06394,-0.08793,0.00952,0.05201,0.00161,0.02734,-0.03381,-0.05862,0.00125,0.08658,0.01475,-0.03583,-0.05018,-0.04076,0.10946,0.04043,0.05389,0.02166,-0.03817,0.02635,-0.01645,-0.01157,-0.00434,0.0139,-0.0176,0.01379,0.01765,0.00771,-0.02649,-0.01192,-0.0952,0.02098,-0.01358,-0.02533,-0.02613,0.07003,-0.00668,0.01645,0.04055,-0.12317,0.00557,0.02475,-0.00962,0.0591,0.07222,0.08016,-0.0466,-0.06432,-0.00156,0.08618,-0.05164,0.02474,-0.00305,-0.0202,-0.06145,0.05033,0.01178,-0.03046,0.02083,0.03814,0.02138,-0.02451,-0.01258,-0.01314,0.06822,-0.00232,-0.08815,0.01568,0.00889,-0.01768,-0.01074,-0.02565,0.02608,-0.04879,-0.05456,0.06035,-0.05597,0.04559,0.15035,0.02527,0.03465,-0.03632,-0.05921,-0.02642,-0.02164,0.00616,-0.02798,0,-0.02021,0.01828,-0.04936,-0.00545,0.00557,-0.02846,-0.04462,-0.07349,-0.07612,0.02345,-0.01596,-0.03563,-0.0381,0.09146,0.06648,-0.03618,0.04477,-0.04306,-0.06029,-0.07244,-0.0204,-0.06449,-0.02478,-0.03977,0.11774,0.10319,-0.07456,0.08366,-0.01801,-0.0076,0.04001,-0.03957,0.02049,0.00082,0.01082,-0.0139,-0.02358,-0.06904,-0.10611,0.0106,0.04948,-0.08661,-0.1688,0.00627,-0.00471,-0.0012,-0.01757,-0.00403,0.04488,-0.05834,-0.06102,0.04977,-0.0505,-0.08985,0.02438,-0.03099,-0.08031,0.00099,-0.04823,-0.00279,-0.06319,-0.00068,-0.00579,-0.05792,0.04732,0.03096,0.0605,-0.00577,-0.02671,-0.04766,0.00435,0.04547,0.0541,-0.03431,-0.04785,0.01466,-0.05549,0.06719,0.03022,0.00788,-0.01687,-0.08183,-0.00261,0.01806,0.08215,-0.05687,0.01761,-0.0639,-0.11001,-0.02528,0.01031,0.08276,0.06048,0.05475,-0.10962,0,0.00708,0.04032,0.02175,0.04933,0.00568,0.01374,0.07571,0.04959,-0.05305,0.06274,0.05435,-0.02713,-0.0233,-0.03316,-0.04911,0.02053,-0.02861,0.05018,0.01216,0.00755,-0.01126,-0.00553,0.02516,-0.01795,0.05355,-0.0114,0.02067,-0.06722,-0.13233,-0.00467,0.03737,-0.02502,0.0615,-0.04716,0.03039,0.02011,0.05705,-0.01496,-0.02258,0.04251,0.03782,0.01782,0.00758,0.01783,-0.02289,0.03805,-0.09216,-0.00864,-0.13559,0.07647,-0.01587,-0.00301,-0.03844,-0.01285,-0.06321,0.07706,0.01404,0.04984,-0.06164,0.0165,0.01934,-0.13693,0.01247,0.0736,0.15459,-0.03548,0.01538,0.02081,-0.00485,0.00883,0.06034,0.03279,0.00238,0.00775,0.00068,-0.03644,0.06376,-0.01782,0.01562,0.0685,-0.05886,0.02134,0.00579,0.08337,0.04245,0.04442,-0.0365,0.06959,0.02358,0.00525,-0.03826,0.12335,0.05236,0.04573,-0.0401,0,-0.048,-0.01517,-0.07342,-0.09638,0.07318,0.03022,-0.0487,-0.04316,-0.08007,0.06259,-0.05065,0.01717,-0.09014,0.03102,0.00263,-0.0594,-0.00216,0.05828,-0.01899,0.01677,-0.02849,0.08507,-0.07383,0.07908,0.00496,-0.01048,0.03413,0.10841,0.05833,0.01505,-0.05021,0.03679,0.00682,0.00394,-0.05342,0.10584,-0.04553,-0.02751,-0.02655,0.11993,0.09832,-0.04733,0.02999,-0.01021,0.05854,0.06214,0.01452,-0.0194,-0.07919,-0.01445,-0.02308,-0.05767,-0.02245,-0.00844,0.04712,-0.03954,0.05306,0.08574,0.02182,0.05668,-0.01235,0.04133,0.02536,-0.00436],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Built-in markers","excerpt":"Built-in markers"},{"chunkId":"/docs/f-connection-marker-directive#4","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.01638,-0.05068,-0.07069,0.03961,0.03704,0.02422,0.04199,0.061,0.03344,-0.06467,0.00947,0.03454,-0.0803,0.00234,0.0645,0.01653,-0.05296,-0.07325,0.083,-0.04118,-0.03627,-0.11276,-0.01267,-0.00115,-0.05088,-0.0189,0.03865,0.01792,0.01514,-0.0409,-0.01509,-0.03075,-0.0646,0.03323,0.01461,0.02152,0.1293,0.04028,-0.05636,-0.00623,0.07324,-0.089,0.03656,0.02353,0.00578,0.03337,-0.04946,-0.03203,0.01228,0.09836,0.02515,-0.02072,-0.05842,-0.03598,0.1184,0.05913,0.06527,0.0246,-0.01752,0.02134,-0.00866,-0.04314,-0.00961,0.01534,-0.01823,-0.00233,0.01463,-0.01809,-0.0177,-0.01217,-0.06573,0.01804,-0.01274,-0.04482,-0.00729,0.09046,-0.01623,0.06603,0.02262,-0.12428,0.01792,0.02697,0.03334,0.05245,0.05176,0.07531,-0.05141,-0.09257,-0.01272,0.10071,-0.04988,0.02914,-0.03816,-0.01659,-0.07585,0.05023,-0.00362,-0.0414,0.01194,0.03597,0.01408,-0.01575,0.00969,0.00053,0.06027,-0.01044,-0.07403,0.00897,-0.01131,-0.02902,-0.00003,-0.02222,0.04084,-0.06199,-0.05346,0.0561,-0.0472,0.05349,0.13071,0.02531,0.03891,-0.03614,-0.06946,-0.01357,-0.03963,0.01775,-0.0372,0,-0.01508,0.03036,-0.04663,-0.04003,-0.03461,-0.05438,-0.02243,-0.05102,-0.04517,0.02775,-0.00522,-0.03596,-0.05071,0.05832,0.05186,-0.05179,0.04474,-0.05034,-0.07646,-0.0956,-0.00947,-0.05385,-0.04575,-0.05684,0.09674,0.12211,-0.06906,0.07056,-0.04353,0.0053,0.0434,-0.04339,0.01715,0.01402,0.0129,-0.02383,-0.01594,-0.04803,-0.12861,-0.00568,0.06334,-0.06574,-0.15578,0.00687,0.00176,-0.00041,-0.03202,-0.00027,0.05631,-0.04476,-0.04354,0.04575,-0.04711,-0.09033,0.02765,-0.03003,-0.1057,-0.01853,-0.06412,-0.01402,-0.05947,-0.0077,-0.02767,-0.03503,0.03663,0.05236,0.04957,-0.03458,-0.01099,-0.04144,0.01269,0.05068,0.03404,-0.01362,-0.0359,0.03703,-0.04906,0.05702,0.0223,-0.00586,0.0017,-0.06206,-0.00398,0.01828,0.08254,-0.07271,0.02901,-0.0609,-0.08398,-0.04549,0.02742,0.09024,0.07158,0.10157,-0.10417,0,0.00834,0.03962,0.03553,0.04303,-0.00283,0.0271,0.09381,0.02444,-0.05704,0.07727,0.03506,-0.03116,-0.0138,-0.04084,-0.03834,0.00902,0.00202,0.04659,-0.00032,0.02884,-0.02226,-0.02885,0.03442,-0.01502,0.06972,0.00073,0.03133,-0.06757,-0.1219,0.0092,0.03297,-0.02301,0.07571,-0.05057,0.0198,-0.00603,0.03465,0.00107,-0.01809,0.03402,0.03402,0.02889,0.00036,0.02958,-0.02877,0.02658,-0.02957,-0.02042,-0.13399,0.07983,-0.03396,-0.01531,-0.00825,-0.01968,-0.07045,0.0923,0.04116,0.06112,-0.04732,0.02101,0.04125,-0.14969,0.0163,0.0699,0.14417,-0.04885,0.01436,0.03063,-0.01821,0.04194,0.05593,0.03574,0.01856,0.02,-0.01038,-0.02658,0.07375,-0.04263,-0.00376,0.07639,-0.05878,0.02045,-0.00046,0.07234,0.02054,0.00284,-0.01965,0.06284,0.0139,0.02411,-0.03567,0.11341,0.07455,0.04145,-0.03242,0,-0.06906,-0.04807,-0.05093,-0.06612,0.0595,0.01586,-0.04055,-0.04772,-0.09864,0.01059,-0.06995,0.0683,-0.06712,0.02124,-0.01234,-0.05539,0.03869,0.03732,-0.01473,0.02356,-0.06114,0.05324,-0.07687,0.04656,-0.00327,-0.02798,0.02717,0.11059,0.06708,0.02125,-0.05974,0.03181,0.00901,0.01116,-0.09238,0.09937,-0.03756,-0.01059,-0.038,0.11022,0.10723,-0.02216,0.01751,-0.02394,0.02376,0.04987,0.02412,-0.01249,-0.0751,-0.02451,-0.02639,-0.05869,-0.00762,-0.02355,0.04133,-0.02587,0.06727,0.07095,0.00663,0.03444,-0.03673,0.07033,0.05516,-0.01028],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. f-connection-marker-circle Use it when you want the default circular start marker. By default it targets STARTALLSTATES.","excerpt":"f-connection-marker-circle Use it when you want the default circular start marker. By default it targets STARTALLSTATES."},{"chunkId":"/docs/f-connection-marker-directive#5","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.01631,-0.07853,-0.02534,0.06964,-0.01736,0.05482,0.03297,0.05411,0.01728,-0.04194,-0.00144,0.03454,-0.102,0.0276,0.04721,0.04511,-0.03907,-0.08006,0.09351,-0.01657,-0.01303,-0.11343,-0.02944,-0.02454,-0.02186,0.00111,0.01109,0.02423,0.01636,-0.02723,-0.0094,-0.03197,-0.07829,0.03569,-0.00574,0.02656,0.12506,0.01726,-0.07735,-0.00117,0.08346,-0.07377,0.03193,0.02912,0.01685,0.04115,-0.02019,-0.06381,-0.00104,0.11047,0.0206,-0.00473,-0.0522,-0.01661,0.12441,0.05463,0.06061,0.03042,-0.04474,0.0305,-0.01503,-0.02713,-0.0052,-0.0064,0.00337,0.02955,0.01835,0.00907,-0.01997,0.00555,-0.05252,0.00052,-0.00208,-0.05582,-0.00401,0.06197,-0.01046,0.06067,0.05661,-0.10697,0.002,0.01733,-0.00776,0.03605,0.05135,0.08277,-0.08635,-0.10824,0.0081,0.08835,-0.03926,-0.01308,-0.00029,-0.0051,-0.01886,0.04272,0.01564,-0.02786,0.02167,0.02548,0.01613,-0.01579,0.01154,-0.00257,0.07644,-0.00005,-0.07756,0.00799,-0.03334,-0.03137,-0.00229,-0.04318,0.04957,-0.06486,-0.05874,0.06576,-0.06007,0.05959,0.12536,0.02966,-0.00307,-0.05499,-0.06112,-0.00165,-0.05022,0.00233,-0.07617,0,-0.01219,-0.0057,-0.02349,-0.03326,-0.01493,-0.02217,-0.02371,-0.08505,-0.06857,0.02137,0.00996,-0.03541,-0.06268,0.08231,0.03484,-0.03351,0.03645,-0.03063,-0.06495,-0.08786,0.00944,-0.02106,-0.06131,-0.07245,0.11285,0.09526,-0.07592,0.08764,-0.06754,-0.00415,0.03519,-0.02959,0.03876,0.00715,0.00562,-0.02638,-0.00898,-0.03798,-0.13192,-0.02146,0.08376,-0.05325,-0.15101,0.03889,-0.00384,-0.02679,-0.02924,-0.00472,0.04523,-0.05587,-0.03994,0.02616,-0.04349,-0.09231,0.03453,-0.03906,-0.11295,0.01504,-0.0564,-0.01143,-0.08289,-0.01752,-0.00086,-0.04016,0.03244,0.07078,0.05877,-0.01482,-0.01846,-0.05637,-0.00559,0.04766,0.0165,-0.03177,-0.02977,0.00621,-0.04913,0.02685,0.06372,-0.02045,0.00102,-0.05968,-0.03564,0.05975,0.08305,-0.06172,-0.00284,-0.0826,-0.05847,-0.02495,0.02476,0.08025,0.06169,0.09188,-0.07753,0,0.01969,0.03641,0.00165,0.04323,-0.01846,0.0042,0.11535,0.01034,-0.02775,0.06897,0.05137,-0.03422,-0.00497,-0.04785,-0.04406,0.00933,0.00402,0.02417,0.0316,0.00057,-0.00819,-0.03579,0.03506,-0.02517,0.07805,-0.01512,0.01014,-0.04085,-0.12241,-0.0091,0.06026,-0.03868,0.05232,-0.04868,-0.00156,-0.00432,0.01811,-0.0015,0.01002,0.04281,0.02653,0.01064,0.01625,0.04872,-0.00166,0.05616,-0.04976,-0.02968,-0.1056,0.04614,-0.02599,-0.0079,-0.04813,-0.01155,-0.08031,0.05188,0.04272,0.0738,-0.07403,-0.0005,0.02944,-0.15468,0.03875,0.05818,0.13687,-0.07242,0.0002,0.00904,0.01078,0.00445,0.06799,0.03319,0.00983,0.01577,0.03549,-0.0439,0.06552,-0.01545,0.0334,0.06047,-0.09279,0.01946,0.01935,0.09016,0.02847,0.04549,-0.02232,0.07176,0.01843,0.0457,-0.04833,0.08202,0.04059,0.00409,-0.05873,0,-0.0748,-0.02872,-0.05957,-0.08648,0.0362,0.01591,-0.04651,-0.02542,-0.08233,0.03856,-0.06007,0.0896,-0.07454,0.003,-0.0009,-0.06446,0.04635,0.02727,-0.02037,0.02191,-0.04468,0.05279,-0.09613,0.08312,-0.00446,-0.02899,0.04111,0.12204,0.06212,0.04685,-0.03243,0.01785,0.00187,0.03357,-0.08504,0.07673,-0.01373,-0.00983,-0.01916,0.1151,0.09868,-0.0237,0.00433,-0.01535,0.01454,0.06851,0.04391,-0.00262,-0.07403,-0.00046,-0.01191,-0.04959,-0.03275,-0.01163,0.0303,-0.02501,0.06278,0.08831,0.01782,0.05495,-0.01264,0.04109,0.03406,-0.00846],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. f-connection-marker-arrow Use it when you want the default arrow end marker. By default it targets ENDALLSTATES. Both built-in markers accept the same type input as custom markers, so you can override the default state mapping when needed.","excerpt":"f-connection-marker-arrow Use it when you want the default arrow end marker. By default it targets ENDALLSTATES. Both built-in markers accept the same type input as custom markers, so you can override the default state mapping when needed."},{"chunkId":"/docs/f-connection-marker-directive#6","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.00772,-0.06227,-0.04759,0.0768,0.02753,0.01475,0.03574,0.0671,0.01632,-0.05709,-0.00395,0.04013,-0.1163,0.01832,0.05126,0.01735,-0.02503,-0.06382,0.06578,-0.00926,-0.04713,-0.15431,-0.0037,-0.04862,-0.02384,-0.05276,0.0081,0.02986,0.03419,-0.0327,0.01539,-0.00926,-0.07317,0.02137,0.02644,0.01711,0.14133,0.00921,-0.06548,0.00231,0.02926,-0.05004,0.01727,0.03641,0.00252,0.03782,0.00325,-0.06983,0.00028,0.09298,0.00802,-0.03048,-0.06313,-0.01249,0.10542,0.04671,0.05805,0.00654,-0.03424,0.02797,-0.01335,-0.00375,0.02081,-0.01222,-0.03603,0.01624,0.00099,0.0072,0.00851,-0.02035,-0.0688,0.00281,-0.00028,-0.03476,-0.01657,0.06086,0.00299,0.02464,0.06007,-0.11574,0.02,0.03148,0.00334,0.04271,0.0817,0.06453,-0.05625,-0.07503,0.00816,0.11142,-0.01634,0.02841,-0.02312,-0.04241,-0.06599,0.03221,0.00043,-0.03027,0.03254,0.03239,0.03974,-0.01916,0.00292,0.00239,0.07847,-0.00247,-0.06724,0.01686,-0.00241,-0.01306,0.00661,-0.02056,0.01699,-0.05818,-0.06789,0.0662,-0.07762,0.03311,0.13235,0.02471,0.03253,-0.02551,-0.05395,-0.0018,0.00172,0.03163,-0.05299,0,-0.04559,0.04276,-0.07105,-0.03341,0.00028,-0.04167,-0.01053,-0.0575,-0.05129,-0.00236,-0.0148,-0.05043,-0.05102,0.08561,0.0444,-0.0288,-0.00842,-0.03847,-0.10282,-0.06798,-0.01272,-0.05051,-0.03906,-0.03793,0.10481,0.11453,-0.08061,0.08503,-0.05495,-0.01259,0.041,-0.04414,0.02705,0.01714,0.00441,-0.02452,-0.03609,-0.07012,-0.11705,0.02676,0.04957,-0.07328,-0.16228,0.01253,0.0232,0.00783,-0.00671,0.00366,0.04685,-0.08079,-0.05326,0.04151,-0.05767,-0.08068,0.02602,-0.03087,-0.08356,-0.00785,-0.02784,-0.00549,-0.07154,-0.00873,0.00256,-0.04638,0.04602,0.04862,0.077,-0.02004,-0.01394,-0.03685,0.04167,0.05274,0.04677,-0.01956,-0.05453,0.00568,-0.04845,0.03643,0.0183,0.01724,-0.02523,-0.06751,-0.0029,0.03145,0.05934,-0.08758,0.03243,-0.05226,-0.07792,-0.05202,0.0252,0.07233,0.04861,0.04998,-0.09453,0,-0.02581,0.04746,0.00684,0.03353,-0.02462,0.03556,0.06146,0.05042,-0.05335,0.0424,0.00046,-0.0414,-0.02409,-0.02764,-0.07375,0.01641,-0.03488,0.03729,-0.00754,0.00496,-0.00483,0.00621,0.05846,0.0261,0.06044,-0.0192,0.02992,-0.07484,-0.10649,-0.01043,0.0398,-0.03337,0.0795,-0.06542,0.09341,-0.01597,0.04175,-0.01994,-0.01335,0.04245,0.03231,0.02685,0.0265,0.03729,-0.0313,0.0456,-0.09632,-0.00984,-0.08242,0.05102,-0.03144,-0.03652,-0.0435,-0.01915,-0.06698,0.0787,0.02073,0.05496,-0.0273,0.02945,0.04201,-0.16348,0.03142,0.04992,0.15009,-0.03255,0.02432,0.02258,-0.00312,0.0289,0.06625,0.02748,0.02057,0.01964,0.01423,-0.01944,0.08434,0.00634,0.04313,0.05946,-0.05272,0.03173,0.02472,0.09288,0.04188,0.01469,-0.03977,0.07198,0.00956,0.01148,-0.03191,0.11721,0.07515,0.03867,-0.03424,0,-0.04612,-0.02466,-0.05668,-0.07021,0.03484,0.01091,-0.05498,-0.04527,-0.11306,0.04486,-0.05956,0.01825,-0.10896,0.02207,0.00271,-0.07488,0.00415,0.06388,-0.03053,-0.00007,-0.04157,0.07297,-0.06088,0.05935,-0.00366,0.01049,0.0433,0.08984,0.07046,-0.00114,-0.06007,0.03121,0.01074,0.03245,-0.08007,0.08454,-0.02934,-0.02285,-0.03701,0.10799,0.0999,-0.06864,0.02266,-0.01832,0.04164,0.03469,0.02044,-0.05061,-0.07531,0.00521,-0.00383,-0.07165,-0.0241,-0.01274,0.03465,-0.03513,0.04641,0.09398,0.04111,0.03605,-0.01785,0.08598,0.02398,0.0101],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Custom SVG markers Use svg[fMarker] when the marker geometry, viewBox, refX, refY, or size should be fully custom. f Marker view Box ref X ref Y","excerpt":"Custom SVG markers Use svg[fMarker] when the marker geometry, viewBox, refX, refY, or size should be fully custom."},{"chunkId":"/docs/f-connection-marker-directive#7","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.01351,-0.06251,-0.04279,0.05867,0.02697,0.02324,0.04114,0.02477,0.02738,-0.05291,-0.0076,0.03162,-0.09386,0.00664,0.05194,0.0395,-0.03302,-0.07069,0.07579,-0.03137,-0.04709,-0.12317,-0.02659,-0.03553,-0.01143,-0.00861,0.02351,0.01135,0.02479,-0.01676,-0.01173,-0.05848,-0.07282,0.03138,0.02763,0.01549,0.13667,0.03925,-0.06223,0.00669,0.06361,-0.07557,0.00523,0.03871,0.00358,0.0251,-0.04183,-0.06376,0.01032,0.0925,0.0082,-0.03336,-0.04223,-0.03917,0.10971,0.0402,0.04987,0.03253,-0.04709,0.02598,-0.01159,-0.02374,0.00029,0.00596,-0.02411,0.01824,0.0114,0.00624,-0.01901,-0.02741,-0.09479,0.01809,-0.00178,-0.04163,-0.02432,0.05911,0.00175,0.03119,0.03303,-0.11655,0.00983,0.02438,-0.01433,0.06768,0.07546,0.08628,-0.06311,-0.06615,0.00051,0.09051,-0.05278,0.02183,-0.01088,-0.03371,-0.0644,0.05285,0.00422,-0.03542,0.01961,0.03687,0.0114,-0.02569,-0.01119,-0.00356,0.07251,-0.00108,-0.08005,0.01951,0.00922,-0.00134,-0.00326,-0.01855,0.0247,-0.05259,-0.051,0.07342,-0.05279,0.04659,0.15583,0.02304,0.03998,-0.0382,-0.06458,-0.02411,-0.01964,-0.00269,-0.02105,0,-0.00903,0.01317,-0.04388,-0.02373,0.00702,-0.03806,-0.03243,-0.09013,-0.06951,0.01359,-0.02206,-0.03251,-0.03962,0.07652,0.05786,-0.04072,0.03734,-0.02633,-0.06054,-0.0612,-0.0232,-0.07526,-0.02591,-0.04608,0.10644,0.10697,-0.06399,0.0846,-0.03376,-0.00896,0.04357,-0.03204,0.00732,0.00791,0.01647,-0.02443,-0.02324,-0.057,-0.10309,0.01122,0.04933,-0.07791,-0.16394,0.02125,-0.01986,0.00296,-0.0231,0.00158,0.05469,-0.06493,-0.05564,0.05406,-0.04651,-0.11084,0.02895,-0.03961,-0.08494,0.00874,-0.04818,-0.0046,-0.05635,-0.00615,-0.00559,-0.05624,0.05685,0.03274,0.05533,-0.00154,-0.02319,-0.05043,0.0191,0.05499,0.04878,-0.03362,-0.04785,0.00588,-0.04257,0.06802,0.03389,0.00583,0.00157,-0.08737,-0.01041,0.01882,0.08415,-0.04958,0.02203,-0.06487,-0.10821,-0.02278,-0.00623,0.07438,0.07273,0.05903,-0.10344,0,0.01184,0.03128,0.02043,0.03904,0.00314,0.01254,0.0843,0.06943,-0.06297,0.06826,0.05103,-0.01899,-0.02865,-0.02601,-0.05523,0.03285,-0.02862,0.04615,0.00449,0.00582,-0.0218,-0.00319,0.03158,-0.02515,0.04957,-0.01443,0.03229,-0.05325,-0.13844,-0.01121,0.04374,-0.03155,0.053,-0.03095,0.02688,0.01905,0.05478,0.004,-0.01842,0.0457,0.0402,0.0041,0.00472,0.02193,-0.02442,0.04244,-0.08812,-0.00179,-0.15013,0.07065,-0.00558,0.00129,-0.03351,-0.00568,-0.05776,0.07327,0.01957,0.04894,-0.05706,0.00993,0.01538,-0.14435,0.01357,0.06846,0.16018,-0.03638,0.00957,0.01573,-0.00964,0.00667,0.06517,0.01737,0.00779,0.01223,0.00824,-0.03708,0.07123,-0.02115,0.00814,0.07576,-0.07099,0.02457,0.01071,0.08354,0.04497,0.05903,-0.0263,0.0782,0.02624,0.02244,-0.04947,0.1233,0.05278,0.03475,-0.03795,0,-0.05332,-0.01621,-0.07466,-0.09588,0.05531,0.03469,-0.05486,-0.04533,-0.07897,0.04937,-0.06383,0.02709,-0.08517,0.02623,0.00018,-0.04718,0.00808,0.05842,-0.009,0.01284,-0.03445,0.06913,-0.07068,0.07985,0.00512,-0.00456,0.02656,0.11182,0.06029,0.00109,-0.06283,0.03542,0.01631,-0.00527,-0.04718,0.09057,-0.04541,-0.0386,-0.02632,0.11619,0.10722,-0.05269,0.02696,-0.00357,0.05463,0.06158,0.02569,-0.01965,-0.05872,-0.00384,-0.02337,-0.06657,-0.02105,-0.00636,0.02909,-0.04059,0.05444,0.07771,0.02867,0.07048,-0.01117,0.05705,0.03006,0.00462],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. API","excerpt":"API"},{"chunkId":"/docs/f-connection-marker-directive#8","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.00577,-0.04952,-0.04215,0.07999,0.00568,0.02694,0.04092,0.09409,0.02494,-0.07459,0.0023,0.00293,-0.12921,0.0064,0.04923,0.01044,-0.04182,-0.07086,0.04598,-0.00625,-0.02348,-0.15431,0.0132,-0.02143,-0.03155,-0.01212,0.00109,0.02106,0.03813,-0.03044,-0.00537,-0.01578,-0.0246,0.0363,0.01522,0.00319,0.14836,-0.00252,-0.08426,-0.00874,0.03091,-0.07873,0.02837,0.01753,-0.01366,0.06566,-0.02495,-0.05487,-0.0289,0.09692,0.01458,-0.03183,-0.04225,-0.02131,0.09745,0.03005,0.04917,0.01462,-0.0138,0.02438,-0.02867,-0.02067,0.01885,-0.00586,-0.03232,-0.01449,0.01461,-0.01283,-0.00699,-0.01551,-0.03061,-0.02214,-0.01103,-0.04619,-0.0061,0.0675,0.01077,0.02905,0.05045,-0.12318,0.02285,0.01706,0.00941,0.07318,0.08711,0.07992,-0.06457,-0.05947,0.02011,0.12443,-0.04667,0.00857,-0.05898,-0.01852,-0.03239,0.03022,0.01117,-0.03258,0.01639,0.05735,0.03214,-0.01348,0.02168,0.02253,0.06092,0.00978,-0.06678,0.00701,-0.00093,-0.04511,0.03077,-0.0369,0.02536,-0.03613,-0.07341,0.01978,-0.0525,0.02852,0.14053,0.03796,0.04109,-0.01634,-0.0809,-0.00619,-0.02199,0.04821,-0.03501,0,-0.04232,0.0153,-0.03302,-0.0439,-0.03906,-0.02001,-0.04558,-0.04266,-0.04058,0.02709,0.00625,-0.04581,-0.04394,0.09637,0.04694,-0.0011,0.01547,-0.02729,-0.10452,-0.07377,0.0056,-0.02965,-0.04863,-0.07363,0.09697,0.10716,-0.08802,0.09388,-0.07645,-0.01649,0.0218,-0.07908,0.04482,-0.01002,0.02467,-0.01186,-0.01918,-0.03269,-0.12374,-0.00276,0.05647,-0.05854,-0.14298,-0.00524,-0.01739,0.04696,-0.00873,-0.02057,0.02742,-0.09228,-0.04454,0.05674,-0.05149,-0.07564,0.04516,-0.0257,-0.05146,0.00042,-0.05017,-0.02776,-0.06654,0.03161,0.01773,-0.07032,0.03323,0.02911,0.0705,-0.01827,-0.02054,-0.02016,0.02141,0.04233,0.02269,-0.01628,-0.03884,0.02502,-0.04739,0.01842,0.02805,0.0317,-0.05452,-0.04288,0.01198,0.01163,0.05422,-0.10138,0.03304,-0.05803,-0.05643,-0.08608,0.03453,0.04819,0.05252,0.01474,-0.11619,0,-0.03159,0.09533,-0.01104,0.0355,-0.04072,0.02018,0.06833,0.07,-0.05138,0.0509,0.01691,-0.01493,-0.04223,-0.04537,-0.0384,0.03429,-0.08165,0.09356,0.0197,-0.01265,0.00183,-0.01812,0.04733,0.0507,0.06272,-0.02287,0.05413,-0.06953,-0.11034,-0.03547,0.02809,-0.0575,0.05588,-0.04259,0.04038,-0.06698,0.03218,-0.01901,0.00272,0.0491,0.02788,0.02126,0.02456,0.0307,-0.05095,0.06872,-0.07105,0.03016,-0.07667,0.03832,-0.0288,-0.01177,-0.0253,-0.02133,-0.05984,0.06266,0.00567,0.0264,-0.06907,0.0416,-0.01008,-0.1594,-0.01047,0.06446,0.12877,-0.02692,0.02653,-0.00661,-0.01438,0.00609,0.03649,0.0349,0.01736,-0.01341,0.0038,-0.00272,0.08576,0.00083,0.05563,0.01673,-0.03503,0.00729,0.05032,0.10367,0.05759,0.07073,-0.04513,0.05899,0.0242,0.02709,-0.02161,0.11858,0.07532,0.0459,-0.03421,0,-0.05983,-0.05028,-0.08037,-0.07958,0.02841,0.00696,-0.04432,-0.0489,-0.11311,0.05703,-0.07265,0.03582,-0.10005,0.01292,0.02675,-0.08211,0.01272,0.06522,-0.04125,-0.00487,-0.01606,0.05321,-0.07959,0.0348,-0.01772,-0.02733,0.02051,0.09979,0.07534,0.01326,-0.04461,0.05221,0.00515,0.02281,-0.07711,0.03959,-0.04386,-0.02417,-0.03063,0.08753,0.07406,-0.00418,0.01382,-0.02498,0.04771,0.03902,0.05524,-0.02915,-0.09956,-0.00399,-0.01401,-0.044,-0.01885,-0.00029,0.02322,-0.03521,0.02159,0.11949,0.01007,0.02384,-0.00501,0.03581,0.02404,-0.00055],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Inputs - type: EFMarkerType string; Default depends on the marker. - width: number; Default: 0 for svg[fMarker]. - height: number; Default: 0 for svg[fMarker]. - refX: number; Default: 0 for svg[fMarker]. - refY: number; Default: 0 for svg[fMarker]. - orient: string; Default: auto. - markerUnits: string; Default: strokeWidth. Built-in markers expose only type, because their SVG geometry and marker metrics are already preconfigured. EF Marker Type f Marker ref X ref Y marker Units stroke Width","excerpt":"Inputs - type: EFMarkerType string; Default depends on the marker. - width: number; Default: 0 for svg[fMarker]. - height: number; Default: 0 for svg[fMarker]. - refX: number; Default: 0 for svg[fMarker]. - refY: number; Default: 0 for svg[fMarker]. - orient: string; Default: auto. - markerUnits: string; Default: strokeWidth. Built-in markers expose only type, because their SVG geometry and marker metrics are already preconfigured."},{"chunkId":"/docs/f-connection-marker-directive#9","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.01483,-0.06856,-0.03265,0.0402,0.02949,0.04873,0.06903,0.04928,0.00289,-0.04802,-0.0008,-0.01383,-0.08277,-0.00059,0.04972,0.04612,-0.05279,-0.07422,0.08209,-0.02576,0.00599,-0.08579,-0.05606,-0.02724,-0.02515,0.02042,0.02311,0.00458,0.02595,-0.03211,-0.01217,-0.05274,-0.05841,0.02596,0.05996,0.02229,0.13078,0.02784,-0.07097,-0.00405,0.09581,-0.08082,0.00682,0.03962,-0.00897,0.01262,-0.02533,-0.06566,0.00082,0.08681,0.05843,-0.02736,-0.0514,-0.03231,0.11956,0.02394,0.05307,0.01746,-0.05571,0.03425,-0.02645,-0.04317,-0.02924,-0.02292,0.00203,0.01919,0.02298,0.00279,-0.03767,-0.00602,-0.06545,-0.00737,-0.02493,-0.0179,-0.04823,0.08166,0.01972,0.04235,0.03845,-0.12373,0.00325,0.01611,-0.0098,0.04672,0.05836,0.09341,-0.06264,-0.07389,0.03091,0.11138,-0.06488,-0.00028,0.00807,-0.04167,-0.01686,0.062,0.00888,-0.0325,0.05974,0.02529,0.00892,-0.02054,0.01511,-0.01701,0.04976,-0.02053,-0.07463,0.00139,-0.01585,-0.02262,-0.00968,-0.04003,0.05852,-0.0629,-0.03832,0.04853,-0.03294,0.04485,0.13227,0.00262,0.02812,-0.0436,-0.06102,0.00479,-0.05173,0.02095,-0.02551,0,-0.00173,-0.01695,-0.03003,0.00148,-0.03193,-0.00227,-0.02886,-0.06885,-0.07255,0.04272,-0.00808,-0.01878,-0.03789,0.07029,0.04654,-0.02764,0.04282,-0.0359,-0.09438,-0.07226,-0.02022,-0.04266,-0.05588,-0.05611,0.10552,0.06144,-0.07842,0.0612,-0.01833,-0.01991,0.05403,-0.0464,0.00572,0.03373,0.03197,-0.00432,0.00584,-0.01526,-0.10988,-0.03465,0.06587,-0.05418,-0.12114,0.0165,-0.00776,-0.02555,-0.02487,-0.00457,0.06805,-0.09039,-0.01904,0.04188,-0.03582,-0.11671,0.02966,-0.0234,-0.07775,0.02921,-0.06667,-0.00567,-0.09382,-0.00339,0.00083,-0.04757,0.05206,0.04155,0.04483,-0.03774,-0.01678,-0.06308,0.00027,0.03385,0.04782,-0.01868,-0.01629,0.02068,-0.05396,0.05836,0.01678,0.00335,-0.02541,-0.08273,-0.02802,0.03427,0.07906,-0.05841,-0.00493,-0.0552,-0.0883,-0.06663,0.00158,0.09089,0.06321,0.08852,-0.09015,0,0.03328,0.02587,0.04281,0.02949,0.00809,0.02107,0.09258,0.04076,-0.05829,0.0679,0.05954,-0.01836,0.01727,-0.05052,-0.04591,0.018,-0.02863,0.0415,0.02426,0.00104,-0.02188,-0.03422,0.03049,-0.0263,0.0593,0.00524,0.02175,-0.05447,-0.13649,-0.01176,0.04278,-0.03073,0.0581,-0.01729,-0.01512,-0.00051,0.04728,-0.01003,0.00209,0.06197,0.0147,0.00869,0.04024,0.04521,-0.02725,0.01558,-0.06017,0.01208,-0.15157,0.07044,-0.01598,-0.00674,-0.05659,-0.01061,-0.04622,0.04217,0.01606,0.04829,-0.06786,0.01292,0.02436,-0.12753,0.04017,0.05976,0.14041,-0.07412,0.00913,0.01053,-0.02705,-0.0355,0.07422,0.01975,-0.01051,0.00693,0.01523,-0.05835,0.07077,-0.01748,0.04972,0.04861,-0.07281,0.01855,-0.00318,0.07697,0.04126,0.04378,-0.02543,0.07269,0.02626,0.02067,-0.05914,0.1071,0.09354,0.05831,-0.0433,0,-0.06925,-0.05092,-0.06758,-0.09211,0.03945,0.02712,-0.0679,-0.02959,-0.04994,0.0323,-0.0568,0.06466,-0.08787,0.00438,0.00461,-0.06675,0.05922,0.04751,-0.01118,0.02692,-0.01924,0.05532,-0.11609,0.052,0.00869,-0.02123,0.02049,0.0999,0.08037,0.05858,-0.03008,0.02254,0.01152,0.01645,-0.07481,0.10362,-0.02639,-0.01933,-0.02642,0.11724,0.12793,-0.03068,0.00657,-0.01218,0.00421,0.05889,0.02645,-0.00102,-0.05947,0.00104,-0.0167,-0.08644,0.01373,-0.02801,-0.00838,-0.03491,0.05271,0.08783,0.05734,0.05905,-0.02077,0.0302,0.02438,0.03548],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Marker types You can pass the enum or the short string aliases: - START or start - END or end - SELECTEDSTART or selected-start - SELECTEDEND or selected-end - STARTALLSTATES or start-all-states - ENDALLSTATES or end-all-states","excerpt":"Marker types You can pass the enum or the short string aliases: - START or start - END or end - SELECTEDSTART or selected-start - SELECTEDEND or selected-end - STARTALLSTATES or start-all-states - ENDALLSTATES or end-all-states"},{"chunkId":"/docs/f-connection-marker-directive#10","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.01131,-0.05345,-0.03613,0.05959,0.02236,0.04872,0.07101,0.06332,0.01542,-0.03156,0.00768,0.00777,-0.09974,0.00105,0.05405,0.03752,-0.04108,-0.08318,0.05275,-0.04616,-0.02524,-0.11983,-0.01738,-0.05042,-0.01336,-0.02305,0.00944,0.01605,0.01855,-0.04288,0.00364,-0.07235,-0.04593,0.02555,0.04267,0.02889,0.13134,0.01433,-0.10773,0.01218,0.07704,-0.06994,0.01769,0.04195,0.00051,0.02396,-0.02542,-0.0614,-0.012,0.09117,0.03997,-0.02179,-0.03594,-0.05798,0.11587,0.02066,0.07493,0.01717,-0.03415,0.01146,-0.00696,-0.05102,-0.03355,-0.02687,-0.01393,0.0218,0.05242,-0.01254,-0.01857,-0.01637,-0.08734,0.00285,-0.00927,0.01838,-0.02402,0.09945,0.00378,0.0457,0.0609,-0.13243,0.01433,0.03445,0.0041,0.01072,0.05711,0.08882,-0.07883,-0.07882,0.02716,0.1177,-0.04315,-0.00591,-0.0304,-0.01409,-0.04169,0.05155,-0.00073,-0.06019,0.03565,0.01273,0.00901,0.00638,-0.00648,0.00464,0.06643,-0.02166,-0.07433,0.01256,-0.01111,-0.03679,-0.00685,-0.0521,0.04743,-0.07563,-0.03857,0.08315,-0.04362,0.0521,0.13425,0.02185,0.04426,-0.02191,-0.05576,0.00562,-0.04306,-0.00727,-0.03249,0,-0.0295,-0.01642,-0.06565,-0.00843,-0.01794,-0.00218,-0.03306,-0.0467,-0.07431,0.02152,-0.0316,-0.01677,-0.02298,0.06826,0.0479,-0.06388,0.01298,0.001,-0.06341,-0.06376,-0.04015,-0.04043,-0.02732,-0.08454,0.08752,0.10087,-0.08412,0.07927,-0.00375,-0.00156,0.02687,-0.04518,-0.01314,0.03674,0.01553,-0.02464,-0.00834,-0.04342,-0.07756,-0.02702,0.05857,-0.07596,-0.13996,0.01505,-0.01105,-0.02396,-0.02873,-0.01026,0.07893,-0.08155,-0.02047,0.04661,-0.04,-0.09693,0.01412,-0.00348,-0.10077,0.01443,-0.04683,-0.01803,-0.0736,0.02893,-0.00624,-0.06194,0.06114,0.04051,0.08783,-0.04437,-0.03535,-0.03804,0.03908,0.0264,0.06294,-0.02095,-0.03826,0.01433,-0.05011,0.08119,0.01001,0.00049,-0.02071,-0.06701,-0.03223,0.00525,0.07781,-0.04389,0.01502,-0.04132,-0.07548,-0.05094,0.02678,0.07149,0.05873,0.08194,-0.08681,0,0.02725,0.05498,0.03472,0.02372,-0.00063,0.029,0.08067,0.03371,-0.07648,0.08266,0.08183,-0.03332,-0.01396,-0.04943,-0.03549,0.00726,-0.03124,0.04699,0.02422,0.00488,-0.00888,-0.05182,0.01136,0.01597,0.06888,-0.00217,0.02657,-0.0647,-0.13177,-0.03407,0.04605,-0.02518,0.03207,-0.0366,0.02742,0.00678,0.045,-0.00188,-0.01133,0.02865,0.04153,0.01651,0.0141,0.04214,-0.0125,0.04631,-0.05034,0.01418,-0.10538,0.05323,-0.02033,0.01386,-0.02276,0.00091,-0.06305,0.07799,0.05441,0.02787,-0.07861,0.00852,0.04884,-0.13241,0.04153,0.06002,0.14365,-0.06291,0.01068,0.01493,-0.02023,0.0002,0.08083,0.00331,0.01133,-0.01324,-0.00874,-0.02204,0.07691,-0.04041,0.01518,0.04064,-0.04827,0.01904,0.0227,0.07726,0.02624,0.0058,-0.01197,0.08367,0.02108,0.01834,-0.05439,0.09751,0.08785,0.05782,-0.02327,0,-0.08058,-0.03306,-0.05146,-0.09706,0.05934,0.01703,-0.05557,-0.01281,-0.08862,0.04227,-0.07308,0.02262,-0.07419,0.02912,0.002,-0.06501,0.03112,0.04683,0.00189,0.01332,-0.04321,0.04411,-0.07468,0.04671,0.0054,-0.00765,0.0209,0.11889,0.07136,0.0272,-0.04486,0.01758,-0.00232,0.03583,-0.09186,0.10749,-0.03087,-0.0406,-0.05857,0.08794,0.09182,-0.04513,0.03046,0.00159,0.00859,0.06222,0.02869,-0.01884,-0.06006,-0.00523,-0.01721,-0.07167,0.00084,-0.04007,-0.00527,-0.04632,0.03698,0.09035,0.05271,0.08904,-0.02909,0.03531,0.03374,0.01614],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. EFMarkerType STARTALLSTATES expands to START and SELECTEDSTART. ENDALLSTATES expands to END and SELECTEDEND. EF Marker Type","excerpt":"EFMarkerType STARTALLSTATES expands to START and SELECTEDSTART. ENDALLSTATES expands to END and SELECTEDEND."},{"chunkId":"/docs/f-connection-marker-directive#11","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[0.0086,-0.04879,-0.04747,0.05892,-0.01039,0.00525,0.02712,0.08339,0.01306,-0.05471,-0.00312,0.02982,-0.1031,0.01328,0.07049,0.01326,-0.04398,-0.07472,0.07042,-0.02315,-0.041,-0.13329,-0.00726,-0.05371,-0.04068,-0.00765,0.02274,0.02647,0.034,-0.04806,-0.00106,-0.02866,-0.07867,0.02302,0.01931,-0.00125,0.11657,0.01655,-0.08503,-0.01079,0.07562,-0.05042,0.04129,-0.0006,-0.01164,0.0444,-0.04094,-0.05056,0.01859,0.0732,-0.01019,-0.04675,-0.0654,-0.03064,0.09214,0.05383,0.0701,0.0158,-0.04965,0.00648,-0.01329,-0.0166,-0.00248,-0.01443,-0.01584,0.00143,0.0059,0.00706,0.00487,0.01681,-0.05541,0.0042,-0.03942,-0.05782,-0.01223,0.06628,0.0262,0.07396,0.04802,-0.12473,0.0199,0.05547,0.00209,0.04097,0.03733,0.06417,-0.07559,-0.1009,-0.00678,0.09991,-0.01712,0.05117,-0.03528,-0.05631,-0.03541,0.0516,-0.00358,-0.0544,0.04612,0.05342,0.02701,-0.0598,0.03155,0.00939,0.05694,0.00867,-0.09059,0.01383,-0.01773,-0.02026,0.02024,-0.01885,0.03547,-0.04215,-0.05831,0.05598,-0.04375,0.05119,0.12145,0.04053,0.02183,-0.02872,-0.03503,0.01574,-0.02381,0.01876,-0.05674,0,-0.03034,0.00227,-0.04015,-0.02265,-0.03153,-0.00215,-0.00574,-0.06574,-0.02625,0.04505,-0.03012,-0.06733,-0.0709,0.02903,0.04031,-0.05837,0.01081,-0.01431,-0.10528,-0.04372,0.01015,-0.04377,-0.05301,-0.06027,0.11879,0.08602,-0.09187,0.06725,-0.07641,-0.00344,0.03392,-0.03764,0.0307,0.04621,0.01215,-0.01828,-0.03387,-0.0534,-0.13794,-0.02103,0.07806,-0.07184,-0.12902,0.02103,-0.00047,0.03554,-0.02753,-0.00782,0.03772,-0.06835,-0.02571,0.04812,-0.04137,-0.08847,0.04507,-0.02713,-0.10266,0.01096,-0.02577,0.01707,-0.07215,0.01167,-0.00069,-0.03873,0.0496,0.0497,0.0501,-0.0175,-0.02047,-0.04143,0.02335,0.04391,0.05924,-0.02904,-0.03154,0.01147,-0.04263,0.03792,0.03334,0.01526,-0.00914,-0.05976,-0.01704,0.00108,0.08883,-0.0599,0.05896,-0.05703,-0.07956,-0.04086,0.02138,0.07874,0.08158,0.06575,-0.05036,0,-0.02748,0.0325,0.05084,0.01789,0.00424,0.03125,0.0568,0.00877,-0.07726,0.07624,0.00182,-0.01337,-0.00724,-0.06533,-0.06169,0.03121,-0.00517,0.03295,0.01644,0.04555,-0.00258,-0.00733,0.02583,-0.00611,0.07117,-0.01665,0.02681,-0.0638,-0.09313,0.00514,0.02174,-0.03542,0.06065,-0.05784,0.05096,-0.03163,0.02536,-0.01054,0.02277,0.02139,0.01656,0.02709,0.02423,0.05437,-0.04136,0.04888,-0.07047,-0.00475,-0.14215,0.04869,-0.06667,-0.00917,-0.03719,-0.00266,-0.04703,0.0804,0.03253,0.05246,-0.06806,0.02522,0.01817,-0.15456,0.03185,0.05923,0.15523,-0.05093,0.04854,0.005,-0.04022,0.04277,0.04563,0.0445,0.02365,-0.00327,0.03831,-0.03047,0.09162,-0.00265,0.04883,0.05088,-0.07064,0.02386,0.02966,0.06393,0.03653,0.03089,-0.03413,0.09267,0.03669,0.03673,-0.03631,0.09509,0.07789,0.02749,-0.0085,0,-0.04355,-0.06735,-0.0627,-0.06384,0.03237,0.00905,-0.07001,-0.03147,-0.12125,0.03973,-0.06909,0.08093,-0.10408,0.01994,-0.01454,-0.07423,0.02372,0.06791,-0.01395,0.00432,-0.03284,0.05625,-0.05946,0.06213,-0.01405,-0.0084,0.02939,0.07877,0.08546,0.00984,-0.04559,0.01239,-0.01325,0.07404,-0.08926,0.03491,-0.02875,0.00144,-0.0509,0.09645,0.11233,-0.00406,0.04015,-0.01081,0.03402,0.07254,0.02479,-0.02281,-0.06835,0.03799,-0.03237,-0.04721,-0.01072,-0.02361,0.0196,-0.01948,0.06496,0.08725,0.02549,0.04271,-0.05787,0.05693,0.01244,0.00256],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Recommended usage - Use <f-connection-marker-circle / and <f-connection-marker-arrow / when the built-in shapes are enough. - Use STARTALLSTATES and ENDALLSTATES when the same marker should appear in both normal and selected states. - Use separate START / SELECTEDSTART or END / SELECTEDEND markers only when the selected connection must look different. - Use svg[fMarker] when you need fully custom geometry. f Marker","excerpt":"Recommended usage - Use <f-connection-marker-circle / and <f-connection-marker-arrow / when the built-in shapes are enough. - Use STARTALLSTATES and ENDALLSTATES when the same marker should appear in both normal and selected states. - Use separate START / SELECTEDSTART or END / SELECTEDEND markers only when the selected connection must look different. - Use svg[fMarker] when you need fully custom geometry."},{"chunkId":"/docs/f-connection-marker-directive#12","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.01961,-0.04811,-0.05242,0.06199,0.03367,0.02083,0.06198,0.05048,0.02219,-0.06468,0.03088,0.04528,-0.09342,-0.01904,0.06363,0.03969,-0.04372,-0.06131,0.05551,-0.01445,-0.03125,-0.12258,-0.02386,-0.00668,-0.00465,-0.01314,0.02726,0.02252,0.03348,-0.03074,-0.01698,-0.04568,-0.0824,0.03941,0.03144,0.02811,0.16346,0.04383,-0.06564,-0.00919,0.03948,-0.08741,0.0052,0.03905,0.03479,0.05187,-0.03256,-0.05223,-0.02922,0.06746,0.0104,-0.05006,-0.05927,-0.0222,0.0817,0.03514,0.05654,0.02427,-0.04005,0.02405,-0.00049,-0.00996,0.01783,0.01692,-0.03609,-0.02224,0.01849,0.00704,0.01205,-0.0204,-0.06453,0.00699,-0.0015,-0.04637,-0.01417,0.06205,0.00548,0.03378,0.03562,-0.12167,0.01307,0.03924,0.00221,0.05037,0.06925,0.08283,-0.04852,-0.07499,-0.01938,0.09468,-0.04379,0.04175,-0.03593,-0.02486,-0.05325,0.02494,0.00829,-0.02442,0.03176,0.04422,0.01847,-0.01151,-0.00074,-0.02159,0.05674,-0.00155,-0.08845,-0.00482,0.0109,-0.03008,-0.00145,-0.03688,0.00062,-0.06051,-0.06898,0.0376,-0.06682,0.02689,0.13776,0.04571,0.0381,-0.02354,-0.04965,-0.03844,-0.0372,-0.00575,-0.05708,0,-0.02033,0.03263,-0.05495,-0.015,0.02357,-0.02647,-0.04392,-0.05055,-0.06826,0.02877,-0.0112,-0.07912,-0.05089,0.12,0.0762,-0.02639,0.0452,-0.03272,-0.08835,-0.06988,-0.01939,-0.05539,-0.03514,-0.04049,0.11136,0.13423,-0.06798,0.08355,-0.03563,-0.00432,0.04424,-0.04196,0.02227,0.00095,0.02074,-0.01327,-0.00997,-0.06683,-0.11086,-0.00202,0.03705,-0.08361,-0.14325,0.01021,0.00225,0.0048,-0.00835,0.01497,0.03327,-0.06668,-0.0576,0.03732,-0.04106,-0.07689,0.03289,-0.03298,-0.08757,0.00011,-0.06947,-0.00406,-0.05659,0.01227,-0.014,-0.03302,0.02739,0.02691,0.05383,-0.0331,-0.00323,-0.02847,0.01158,0.07962,0.01396,-0.02211,-0.04,0.00201,-0.07285,0.05411,0.04549,0.02229,-0.06309,-0.06752,-0.01202,0.01018,0.03316,-0.06572,0.0362,-0.06061,-0.07494,-0.04887,0.019,0.06884,0.03898,0.04505,-0.10319,0,-0.00802,0.06234,0.00402,0.04428,-0.01066,0.0327,0.06422,0.03069,-0.06577,0.07369,0.02735,-0.02283,-0.02783,-0.03229,-0.03768,0.014,-0.0502,0.04031,-0.00507,-0.009,-0.00279,-0.00827,0.04919,-0.02435,0.0378,-0.02859,0.01188,-0.06774,-0.10476,0.01039,0.0334,-0.02151,0.07078,-0.04644,0.01801,-0.00259,0.05106,-0.031,-0.00304,0.0252,0.03024,0.02287,0.01069,0.02945,-0.04087,0.05314,-0.06946,-0.01452,-0.09017,0.06175,0.00113,-0.01589,-0.03331,-0.00981,-0.05861,0.08809,-0.01101,0.04233,-0.0696,0.03387,0.04008,-0.12884,0.02071,0.08509,0.15743,-0.04614,0.00309,0.0159,0.00003,0.02077,0.06129,0.04743,0.00744,0.03588,-0.00275,-0.05022,0.06148,0.01501,0.02023,0.07622,-0.05285,0.00306,0.01361,0.10532,0.04408,0.00808,-0.0188,0.06125,0.00296,0.01042,-0.02051,0.12947,0.04346,0.06719,-0.05567,0,-0.05444,-0.04102,-0.05261,-0.11,0.04414,0.02892,-0.02974,-0.03439,-0.08888,0.05742,-0.06638,0.01477,-0.09636,0.01869,0.01112,-0.07031,-0.00036,0.05226,-0.03219,0.01081,-0.04364,0.05628,-0.09742,0.06324,0.00481,-0.01777,0.04656,0.12439,0.06625,0.02718,-0.05313,0.05084,0.02585,0.00861,-0.06186,0.09992,-0.03384,-0.0133,-0.02471,0.15429,0.0876,-0.042,0.0369,-0.01168,0.08282,0.05258,0.01854,-0.03453,-0.10584,0.00888,-0.02747,-0.03636,-0.03465,-0.00333,0.01986,-0.02074,0.04327,0.09099,0.02825,0.03014,-0.0219,0.05262,0.04932,-0.00268],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Styling - .connection-marker is the shape class used inside examples and built-in marker templates. - Visible marker rendering happens on the connection path; marker declarations remain hidden source definitions.","excerpt":"Styling - .connection-marker is the shape class used inside examples and built-in marker templates. - Visible marker rendering happens on the connection path; marker declarations remain hidden source definitions."},{"chunkId":"/docs/f-connection-marker-directive#13","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.00434,-0.05964,-0.02353,0.05434,0.0123,0.0203,0.03121,0.06811,0.02777,-0.04731,0.02172,0.05718,-0.11267,0.00748,0.03073,0.03013,-0.04603,-0.05907,0.08225,-0.01481,-0.05752,-0.13207,-0.0046,-0.01231,-0.02061,-0.02564,0.02659,0.03949,0.02511,-0.03771,-0.01085,-0.03631,-0.08925,0.03391,0.00201,0.03923,0.13678,0.02521,-0.08438,0.00611,0.0897,-0.06153,0.03391,0.04399,0.02755,0.05887,-0.01425,-0.04425,0.00478,0.10632,-0.00031,-0.05971,-0.05804,-0.0478,0.08584,0.0463,0.06292,0.01821,-0.01506,0.00169,0.01801,-0.02755,-0.00145,0.00961,-0.0454,-0.01554,0.01671,0.03485,-0.03172,0.01982,-0.05485,-0.00848,-0.02009,-0.01303,-0.02634,0.06358,0.00626,0.03758,0.04378,-0.12191,-0.00048,0.02629,-0.02469,0.09289,0.05636,0.08556,-0.05114,-0.07695,0.01316,0.07555,-0.01946,-0.00151,0.0112,-0.04466,-0.02836,0.05309,0.03417,-0.02896,0.01618,0.01741,0.03866,-0.00959,-0.02791,0.00432,0.10154,0.01669,-0.09451,0.01137,-0.00471,-0.03873,-0.01645,-0.03299,0.02532,-0.03793,-0.07199,0.05417,-0.06993,0.03079,0.13531,0.01378,0.01905,-0.01375,-0.06206,-0.01543,-0.01937,0.03274,-0.03768,0,-0.04714,0.03684,-0.03987,-0.02409,-0.01627,-0.03751,-0.03819,-0.05678,-0.04805,0.03474,-0.00117,-0.06189,-0.05475,0.10884,0.04441,-0.01892,0.03894,-0.06883,-0.11235,-0.07377,-0.01335,-0.04658,-0.0662,-0.06876,0.08478,0.07727,-0.08193,0.09127,-0.07605,-0.02114,0.04274,-0.05306,0.03915,0.00987,-0.00822,-0.00405,-0.03025,-0.06615,-0.11349,0.02281,0.0604,-0.05991,-0.16397,0.00629,0.03619,0.02019,0.00287,-0.02567,0.03855,-0.04927,-0.05511,0.06648,-0.03242,-0.07477,0.00508,-0.022,-0.08156,-0.00464,-0.06678,-0.01883,-0.07806,0.00448,-0.00233,-0.04304,0.0453,0.01939,0.06396,-0.02009,-0.0317,-0.04002,0.02607,0.03787,0.03668,-0.01037,-0.04389,0.02099,-0.06157,0.05611,0.0602,0.00636,-0.04278,-0.04482,0.0054,0.00256,0.08647,-0.0886,0.04462,-0.05676,-0.05643,-0.02911,0.04394,0.09512,0.04942,0.07449,-0.09138,0,-0.00686,0.04668,0.03242,0.04893,-0.03654,0.04766,0.08851,0.03501,-0.06922,0.0326,0.00633,-0.00973,-0.03531,-0.02565,-0.04077,0.00725,-0.03221,0.05445,0.00946,-0.0101,-0.00246,-0.00233,0.0419,0.00097,0.07678,-0.01577,0.05348,-0.0449,-0.12796,-0.01684,0.05522,-0.02735,0.09071,-0.06859,0.03949,-0.00706,0.01677,-0.01437,0.01478,0.05866,0.01332,0.01809,0.01649,0.02996,-0.01958,0.05958,-0.0774,-0.02969,-0.09639,0.05889,-0.02977,0.00332,-0.02922,-0.03073,-0.03471,0.06199,0.00739,0.06048,-0.05611,0.00779,0.02182,-0.1419,0.04036,0.03991,0.12912,-0.05643,0.00982,0.00498,-0.01776,0.01021,0.04613,0.06069,0.00436,0.00063,-0.00476,-0.0508,0.09729,0.00469,0.03865,0.03052,-0.0814,0.02346,-0.0033,0.10292,0.01305,0.0281,-0.04795,0.05514,0.01143,0.01775,-0.01741,0.10061,0.06213,0.0422,-0.01904,0,-0.04668,-0.01327,-0.04876,-0.05238,0.0195,0.00988,-0.05358,-0.05469,-0.09526,0.04676,-0.06401,0.0468,-0.10184,0.02639,-0.01037,-0.07086,0.01056,0.04446,-0.02405,0.02967,-0.05001,0.08195,-0.10398,0.0792,-0.00271,-0.01623,0.03536,0.10157,0.07112,0.01254,-0.05617,0.01598,0.01528,0.04129,-0.06269,0.06274,-0.04223,-0.00196,0.00406,0.09982,0.09929,-0.01454,0.03758,-0.02708,0.02098,0.05102,0.03316,-0.03294,-0.09964,-0.02708,-0.00182,-0.05985,-0.01436,-0.01445,0.05956,-0.02636,0.04898,0.08187,0.0288,0.04714,-0.01322,0.05091,0.00593,-0.00311],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Notes / Pitfalls - Marker dimensions and refX/refY must match your SVG path geometry; wrong values make markers look offset. - orient=\"auto\" is usually the correct choice for arrow-like markers. - Built-in markers remove the need to write <svg manually, but custom SVG markers remain the best option when branding matters. ref X ref Y","excerpt":"Notes / Pitfalls - Marker dimensions and refX/refY must match your SVG path geometry; wrong values make markers look offset. - orient=\"auto\" is usually the correct choice for arrow-like markers. - Built-in markers remove the need to write <svg manually, but custom SVG markers remain the best option when branding matters."},{"chunkId":"/docs/f-connection-marker-directive#14","slug":"f-connection-marker-directive","route":"/docs/f-connection-marker-directive","section":"docs","title":"FConnectionMarker - Custom SVG Markers for Connection Start and End","description":"Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals.","group":"Connections","vector":[-0.0416,-0.02403,-0.08232,0.08088,0.05548,0.08174,0.02665,0.05013,0.0195,-0.00232,-0.03534,0.02758,-0.11409,0.01287,0.06119,0.01968,-0.05215,-0.02876,0.06428,-0.00755,-0.03315,-0.0925,0.0227,-0.01003,-0.00225,0.00317,0.01371,0.00102,0.04582,-0.00319,0.0289,-0.0122,-0.0635,0.03747,-0.00235,0.06683,0.10995,0.04829,-0.0768,-0.03528,0.0993,-0.02042,0.00994,-0.0368,0.01344,0.0215,-0.04622,-0.04231,-0.04086,0.05053,-0.01208,-0.08105,-0.0564,0.00587,0.06648,-0.0002,0.04,-0.0084,-0.00532,0.03961,-0.03195,-0.07533,0.01301,-0.01385,0.0153,0.01459,-0.0515,0.01393,-0.05524,0.02046,-0.04377,-0.0108,0.00244,-0.05375,0.00069,0.03916,-0.04093,0.06503,0.04647,-0.09911,0.03674,0.02722,-0.01509,0.06196,0.04796,0.10286,-0.00402,-0.0947,-0.00234,0.03433,-0.01633,0.04206,-0.02664,-0.00873,0.00579,0.03514,-0.05819,0.01248,-0.01348,0.04074,-0.0024,-0.04575,0.02539,0.0385,0.05365,0.00902,-0.05069,0.04461,-0.01785,-0.02333,-0.00287,0.01443,0.0366,-0.06763,-0.04643,-0.02118,-0.02466,0.0158,0.09299,0.07045,0.03547,-0.03564,-0.06891,-0.04006,0.00685,0.0161,0.01105,0,0.00095,0.03364,-0.06836,0.00732,0.01668,-0.03791,-0.04599,-0.1024,-0.04503,0.08638,-0.02391,-0.04163,-0.03824,0.05407,0.01597,-0.05671,0.03875,-0.01121,-0.06377,-0.04746,0.00826,-0.08335,-0.05305,-0.02759,0.1598,0.03746,-0.06984,0.07898,-0.06302,-0.01613,0.07637,0.00425,0.0554,-0.01839,0.00333,-0.03557,-0.01796,-0.02101,-0.11039,0.00596,0.08891,-0.06351,-0.16974,0.06222,-0.03496,-0.00257,-0.03149,-0.00524,0.09248,-0.03261,-0.06318,0.06686,-0.06688,-0.08025,0.0578,-0.03095,-0.08928,0.03156,-0.04767,-0.00377,-0.05117,0.01641,-0.01474,-0.05341,0.05817,0.01121,0.05481,-0.00096,0.00174,-0.08516,-0.0394,0.06132,0.02222,-0.02387,-0.01612,-0.02079,-0.03274,0.10918,0.0878,-0.00577,-0.02192,-0.08671,-0.04419,0.06691,0.07173,-0.10241,0.00457,-0.09271,-0.07978,-0.0985,0.06436,0.05926,0.04148,0.00023,-0.09439,0,0.06511,0.03514,0.02073,0.06523,-0.03065,0.00166,0.11634,0.06529,-0.0011,0.09863,0.06672,0.00384,-0.01182,-0.04748,-0.01632,0.03276,-0.04505,0.00904,0.08176,-0.02709,0.01983,0.03156,0.02968,-0.02964,0.03737,0.01023,0.04539,-0.02104,-0.09949,-0.04396,0.01194,-0.03005,0.00893,-0.04241,-0.01799,-0.03821,0.02971,0.03436,-0.00869,0.04239,0.06467,0.0541,-0.01614,0.02358,-0.05383,-0.00003,-0.0086,-0.02387,-0.11635,0.02501,-0.02534,-0.02887,-0.04314,-0.01177,-0.0494,0.02276,0.03586,-0.00037,-0.08598,0.01249,0.06293,-0.09022,-0.00187,0.04001,0.13871,-0.0116,-0.05362,-0.01691,0.05273,0.00543,0.01329,0.012,0.04427,-0.00191,0.03709,0.00884,0.07078,-0.00189,0.07163,0.05298,-0.08002,0.04645,-0.00472,0.07325,0.07179,0.08398,-0.10131,0.03877,0.0624,0.02687,-0.10101,0.04771,0.05907,0.00016,-0.012,0,-0.07043,-0.01499,-0.06782,-0.08984,0.03444,-0.00393,-0.03456,-0.04047,-0.08073,0.05902,-0.08261,0.06587,-0.05311,-0.00263,0.01166,-0.05996,-0.0048,0.04804,-0.04614,0.03228,-0.03525,0.0736,-0.03463,0.09327,0.01306,-0.03622,0.00519,0.06741,0.03356,0.00858,-0.03292,0.01927,0.02154,0.00359,-0.05419,0.03358,-0.09448,-0.02926,0.00261,0.11366,0.08261,-0.04616,0.05055,-0.00331,0.00885,0.06794,-0.00181,-0.00424,-0.07031,-0.01921,-0.04048,-0.0253,-0.08408,0.02967,0.03138,-0.06539,0.05771,0.10637,0.01877,0.01589,-0.02397,0.02654,0.03606,-0.02979],"keywords":"FConnectionMarker - Custom SVG Markers for Connection Start and End FConnectionMarker - Custom SVG Markers for Connection Start and End Use built-in or custom SVG connection markers for start, end, selected, and all-state connection visuals. Example ::: ng-component <connection-markers</connection-markers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.scss :::","excerpt":"Example ::: ng-component <connection-markers</connection-markers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.scss :::"},{"chunkId":"/docs/f-snap-connection-component#0","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.05305,-0.0401,-0.08557,0.00359,-0.01546,-0.01385,0.01942,-0.00669,-0.00207,0.01696,0.00409,0.03215,-0.06043,0.02575,-0.06679,-0.03584,-0.03681,-0.04217,0.01443,0.08422,-0.09484,-0.07493,-0.02346,-0.01803,0.01228,-0.0897,0.04633,-0.02665,-0.00401,0.00481,-0.02341,0.05397,-0.05417,0.04527,-0.04228,-0.00883,0.00917,0.03468,-0.07982,-0.00709,0.00386,-0.06881,0.02234,0.01091,-0.04677,0.04605,-0.03174,0.03216,-0.00221,0.0479,-0.05159,0.00151,-0.07793,0.05691,0.06018,0.10604,0.05379,-0.00292,-0.00189,0.04994,0.05105,-0.02402,-0.03827,0.00621,0.0263,0.05575,0.05698,0.0321,0.01601,-0.03514,-0.00692,0.0244,-0.03689,-0.01697,0.08866,-0.01203,0.02591,0.01776,-0.01821,-0.02043,0.03802,0.03336,-0.06592,0.03483,0.02304,0.11233,-0.03106,-0.10036,0.0032,0.03323,-0.01601,-0.01607,-0.05023,-0.05722,-0.09134,-0.03016,0.03642,-0.02142,-0.08601,0.00399,-0.02259,-0.00812,0.00902,-0.01445,0.00463,-0.07151,-0.00785,-0.07604,-0.03503,0.03935,0.01206,-0.01144,-0.0541,-0.07141,-0.06453,-0.00272,-0.02095,0.00699,0.15435,-0.03107,-0.00551,0.05502,-0.00207,-0.01506,0.03437,-0.00481,-0.08286,0,0.01006,-0.00592,-0.04,0.01183,0.05314,-0.02854,0.01857,-0.05901,-0.03072,0.01565,-0.08251,0.00088,0.01023,-0.06031,-0.04244,-0.0994,-0.039,0.01704,-0.02585,0.03106,-0.00871,-0.01648,0.04762,-0.02804,0.1146,0.03928,-0.04583,0.05235,0.0279,0.03233,-0.03523,0.02966,-0.03213,-0.04716,0.04623,-0.07023,-0.01805,-0.08801,-0.0698,-0.00721,-0.0206,-0.03784,-0.07867,-0.0512,0.00971,-0.07049,-0.01446,0.05946,0.01075,0.05161,0.06366,-0.05329,0.04854,-0.03068,-0.05787,-0.11387,0.00179,0.01549,-0.00232,0.06276,-0.07022,-0.09244,0.02132,-0.0316,0.1234,0.0885,0.03885,0.06323,0.07299,-0.01938,-0.06629,0.0612,-0.00147,-0.06838,-0.03841,-0.01145,-0.09176,-0.00316,0.04059,0.04967,0.06688,-0.10166,-0.01683,0.01416,0.01538,-0.03194,-0.02226,-0.09454,-0.071,0.00353,-0.01846,0.09151,0.03021,0.06201,0.0491,0,-0.00495,-0.05302,0.02244,0.07225,0.01349,-0.00115,0.03009,-0.03333,0.00228,-0.00842,0.00802,0.0186,0.01867,-0.04151,-0.06211,0.09677,-0.02002,-0.10009,-0.03341,0.04091,0.02529,-0.084,0.08855,-0.03119,0.01548,-0.03395,0.13186,0.02037,-0.0263,-0.06049,0.06727,-0.0147,-0.01382,-0.03896,-0.00909,0.05193,0.09499,0.11759,-0.00907,-0.04777,0.05644,0.07482,0.02047,0.05496,-0.03686,0.09298,-0.01771,0.00913,-0.15033,0.044,-0.0156,-0.02353,-0.04165,0.03919,-0.03377,0.07883,0.01494,0.00525,-0.02861,0.00392,0.10672,-0.11528,-0.05158,0.03097,0.0943,-0.00416,0.01408,0.00397,-0.02214,0.09117,0.08662,-0.02636,0.07882,-0.03823,-0.01139,-0.03067,0.09531,-0.07953,0.06936,0.05155,-0.01377,0.02618,-0.01166,0.00581,-0.03485,0.00937,0.04572,0.14584,0.03592,-0.02478,-0.07148,0.07,0.04329,-0.04263,-0.0133,0,-0.05138,0.01717,-0.07558,-0.04201,0.05671,0.02895,-0.0337,0.06508,-0.00917,0.02823,0.0083,0.06726,-0.02626,0.06591,0.09117,-0.08334,0.04504,0.01486,-0.08161,-0.00205,0.001,0.02674,-0.01716,0.056,-0.04816,-0.04908,-0.04008,0.0709,0.03183,-0.03899,-0.05488,-0.01063,0.03902,-0.03601,-0.09368,0.17964,-0.04803,-0.02632,-0.00312,0.01458,0.04425,0.00208,-0.05692,0.00312,-0.09275,0.03234,0.03877,0.01919,-0.0465,0.0127,0.01067,-0.01157,-0.00465,-0.01459,0.00308,0.00122,0.01156,-0.01629,0.11076,0.05236,-0.00981,0.04726,-0.02452,0.04453],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Snap Connection Selector: f-snap-connection Class: FSnapConnectionComponent FSnapConnectionComponent renders a temporary snapping helper while a connection is being created or reassigned. F Snap Connection Component","excerpt":"Snap Connection Selector: f-snap-connection Class: FSnapConnectionComponent FSnapConnectionComponent renders a temporary snapping helper while a connection is being created or reassigned."},{"chunkId":"/docs/f-snap-connection-component#1","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.03037,-0.05791,-0.04876,0.00796,-0.0155,-0.036,-0.01368,0.06167,0.04734,0.03246,-0.00821,0.07806,-0.05283,0.01382,-0.02305,-0.02429,-0.01519,-0.04705,-0.00353,0.04872,-0.13003,-0.10939,-0.00875,-0.02782,0.00019,-0.06723,-0.04421,-0.02673,0.0221,-0.0251,-0.02973,0.07672,-0.0463,0.0546,-0.06987,0.04297,0.01201,0.0128,-0.10999,-0.02492,0.01696,-0.04143,0.04338,0.00594,-0.01044,-0.00123,-0.04867,0.0174,-0.00595,0.05498,-0.08465,-0.03021,-0.07395,0.05606,0.03358,0.10402,0.05866,0.00607,0.02027,0.0696,0.05913,-0.02105,-0.04729,0.01415,0.05175,0.03463,0.06158,0.02442,0.02727,-0.00316,-0.0073,0.0133,-0.05983,0.02171,0.0457,-0.02325,-0.01183,0.0112,-0.03547,-0.0126,0.05548,0.02363,-0.06049,0.05051,0.01246,0.10706,-0.02193,-0.11129,0.00423,0.04721,0.04603,0.00422,-0.05229,-0.05897,-0.04981,-0.02464,0.04372,-0.01677,-0.11228,0.036,0.00563,-0.02015,0.02301,-0.01192,0.00284,-0.05697,-0.0192,-0.06837,-0.06457,0.02603,-0.00229,0.00936,-0.03878,-0.07559,-0.08558,-0.02943,0.00376,-0.02665,0.11052,0.02301,-0.02998,0.05952,-0.02457,0.00631,0.01115,-0.02471,-0.08258,0,0.0132,0.02659,-0.01601,0.01492,0.06948,-0.04715,-0.00673,-0.05681,-0.01667,-0.01733,-0.04796,0.00912,0.00144,-0.00463,0.00664,-0.07835,-0.03537,0.05818,-0.0496,0.03422,0.01407,-0.08332,0.02531,0.00392,0.1009,0.05175,-0.01971,0.08386,0.0466,0.02044,-0.07166,-0.0076,0.00713,-0.01856,0.03477,-0.03348,-0.0406,-0.13289,-0.03816,-0.03491,-0.02051,0.01717,-0.04941,-0.04544,0.04852,-0.03606,-0.03029,0.0703,0.00595,0.04776,0.06402,-0.00336,0.04208,0.00088,-0.03264,-0.07497,0.03432,-0.01709,0.00514,0.14412,-0.05773,-0.04314,-0.01416,0.00019,0.09855,0.09936,0.0213,0.07305,0.09187,-0.02796,-0.07776,0.03885,-0.00207,-0.05061,-0.0316,-0.01018,-0.11674,-0.05126,0.06124,0.03922,0.0273,-0.07946,-0.0328,0.06146,0.0265,-0.05715,-0.01821,-0.07555,-0.05704,0.01336,0.03505,0.07513,0.06938,0.07261,0.04881,0,-0.02431,-0.05839,0.02788,0.10105,0.00349,-0.00288,0.00364,-0.10971,0.05334,0.00927,-0.01402,0.01575,0.00597,-0.06009,-0.03202,0.06349,-0.01459,-0.12968,-0.03348,-0.0087,0.0577,-0.05837,0.09294,-0.00991,0.02966,-0.05374,0.04492,-0.00967,-0.02337,-0.0569,0.03343,-0.00455,-0.01661,-0.05488,0.03444,0.04627,0.04956,0.139,0.04339,-0.02171,0.08171,0.06432,-0.00872,0.02257,-0.0329,0.1143,-0.1009,0.01673,-0.13042,0.04244,-0.07087,0.00049,-0.02277,-0.0195,-0.04255,0.0661,0.02025,-0.00374,-0.04819,0.01012,0.06882,-0.11435,-0.0257,0.01537,0.07135,0.00181,0.02806,0.00028,-0.04357,0.08191,0.06626,-0.01705,0.08539,-0.01934,0.00236,-0.02112,0.10433,-0.0932,0.06383,0.06453,-0.06301,0.07777,-0.01034,0.0212,-0.068,0.06009,0.02625,0.09029,0.02155,-0.02001,-0.0598,0.04506,0.04745,-0.0083,-0.0244,0,-0.06007,0.02492,-0.05307,-0.00989,0.04069,0.00927,-0.03094,0.09427,0.0167,0.08471,0.01422,0.03315,-0.05778,0.0345,0.08179,-0.06173,0.05123,0.03051,-0.0964,-0.02022,0.00234,0.04763,-0.02046,0.05675,-0.02832,-0.05495,0.01321,0.10266,0.00962,-0.01833,-0.04547,-0.00404,0.05076,0.03499,-0.10964,0.12862,-0.02982,0.01424,-0.01158,0.02328,0.05467,0.0149,-0.01891,-0.01019,-0.09319,0.0342,0.03191,0.03583,-0.01203,0.00886,-0.00216,-0.01174,0.00405,-0.02607,0.01387,0.01864,0.00597,-0.03567,0.11889,0.05091,-0.03947,0.03668,-0.03128,0.04863],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Why / Use cases Use f-snap-connection when your editor has many potential targets and users need faster, more forgiving connection interactions. Typical use cases: - Dense node graphs where precise pointer placement is difficult. - Touch-heavy interactions. - Reassign workflows where endpoints frequently change. Skip it for strict/manual connection placement UX.","excerpt":"Why / Use cases Use f-snap-connection when your editor has many potential targets and users need faster, more forgiving connection interactions. Typical use cases: - Dense node graphs where precise pointer placement is difficult. - Touch-heavy interactions. - Reassign workflows where endpoints frequently change. Skip it for strict/manual connection placement UX."},{"chunkId":"/docs/f-snap-connection-component#2","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.05647,-0.06263,-0.10676,0.02748,0.03483,-0.01734,-0.00003,0.00803,-0.00942,0.01916,0.00801,0.04138,-0.06016,0.03009,-0.05839,-0.02923,-0.01205,-0.06263,0.03235,0.06394,-0.07752,-0.0908,-0.01392,-0.01942,0.02626,-0.0651,0.0017,-0.01499,0.01457,-0.01776,0.01029,0.02952,-0.05182,0.05956,-0.02867,0.01462,-0.00033,0.02075,-0.06386,0.01377,-0.0035,-0.03794,0.00103,0.01083,-0.03902,0.03665,-0.0409,0.06642,-0.01215,0.09013,-0.0722,-0.01763,-0.0743,0.03007,0.07679,0.14414,0.04653,0.00191,0.01677,0.05525,0.07349,-0.03377,-0.04058,0.0046,0.05427,0.04139,0.02234,0.03227,0.03937,-0.02239,0.03292,0.01426,-0.06744,-0.00297,0.10132,0.02681,-0.00544,0.03435,-0.04227,-0.02507,0.05095,-0.01765,-0.06764,0.04279,0.03759,0.10889,-0.04009,-0.10454,0.02427,0.04526,-0.00838,-0.00844,-0.06454,-0.05194,-0.08402,-0.04015,0.02996,0.0111,-0.11217,0.03819,-0.02218,-0.04686,0.00216,0.00419,0.00655,-0.05761,-0.02094,-0.05011,-0.07451,0.04147,0.00644,0.01506,0.00415,-0.04103,-0.04152,-0.05174,-0.04511,-0.01439,0.12798,-0.03476,-0.00402,0.08617,-0.00557,-0.00589,0.01336,-0.01176,-0.07287,0,0.02309,0.0095,-0.04285,-0.00783,0.04119,-0.02818,-0.00856,-0.04687,-0.02893,0.02071,-0.06587,0.00194,0.01751,0.00254,-0.01552,-0.09925,-0.01224,0.04143,-0.04675,0.01985,0.01098,0.00814,0.01798,-0.0212,0.10496,0.07988,-0.03645,0.07417,0.03051,0.04517,-0.0622,0.0544,-0.02386,-0.03539,0.01758,-0.03206,-0.0075,-0.11952,-0.06755,-0.04211,-0.00114,-0.00462,-0.09005,-0.05591,-0.00699,-0.06658,-0.02766,0.09144,-0.01623,0.04166,0.04321,-0.0343,0.05841,-0.00856,-0.04312,-0.117,-0.0015,-0.0187,0.02561,0.08079,-0.01134,-0.06433,-0.01802,-0.03793,0.09606,0.11032,0.03665,0.06585,0.08706,0.0009,-0.06134,0.08931,0.01541,-0.03885,-0.0197,-0.02972,-0.11944,-0.02224,0.03011,0.02847,0.03499,-0.11564,-0.01567,0.01327,0.03763,-0.05978,0.0026,-0.09771,-0.08604,-0.00168,0.00851,0.02931,0.03351,0.06957,0.05071,0,-0.00959,-0.02318,0.03153,0.09505,0.00221,0.00214,-0.00016,-0.03624,-0.01992,0.00532,-0.03303,-0.00976,-0.00849,-0.02759,-0.03456,0.05257,-0.01471,-0.10317,-0.04984,-0.03171,0.05533,-0.09083,0.05117,-0.01394,0.04682,-0.02599,0.11856,0.0037,-0.00953,-0.05344,0.0324,-0.04247,-0.03512,-0.07383,0.01828,0.06135,0.05319,0.12848,0.02457,-0.04496,0.06418,0.06992,-0.02557,0.03831,-0.03361,0.09875,-0.06028,0.05359,-0.11345,0.03098,-0.03303,0.00635,-0.01282,-0.00303,-0.03557,0.03633,0.04604,0.01047,-0.0282,-0.01543,0.06973,-0.12292,-0.0564,0.03646,0.12432,-0.0013,0.02008,-0.01415,-0.02117,0.11717,0.09553,-0.00376,0.09503,-0.0265,0.01698,-0.03222,0.09327,-0.04432,0.05952,0.03632,-0.03524,-0.00141,0.02852,0.03569,-0.012,0.02719,-0.00043,0.14254,0.02108,0.00723,-0.0489,0.04366,0.03817,-0.01975,-0.02049,0,-0.06508,0.0507,-0.07097,0.01378,0.06179,0.05747,0.01194,0.07074,-0.01166,0.03276,0.00564,0.06266,-0.01633,0.05784,0.05259,-0.09195,0.05319,0.01348,-0.07562,-0.01641,-0.01375,0.02956,-0.01602,0.07355,-0.04472,-0.06033,-0.03476,0.10605,0.04113,0.00294,-0.05745,-0.01521,0.07209,-0.02499,-0.10426,0.15861,-0.05751,0.00236,-0.00677,0.0065,0.02616,0.0255,-0.03184,-0.00922,-0.07274,0.04061,0.03508,-0.00022,-0.04416,-0.00703,-0.01895,-0.01217,0.00534,0.00015,0.01411,0.01675,0.00508,-0.03867,0.12533,0.04144,0.0172,0.02363,-0.04583,0.04631],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. How it works During drag/create/reassign interactions, the helper tracks candidate targets and renders a temporary line that snaps when within fSnapThreshold. It is not a persisted graph edge. f Snap Threshold","excerpt":"How it works During drag/create/reassign interactions, the helper tracks candidate targets and renders a temporary line that snaps when within fSnapThreshold. It is not a persisted graph edge."},{"chunkId":"/docs/f-snap-connection-component#3","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.0358,-0.07078,-0.07214,0.00224,0.00122,-0.0187,-0.00245,-0.0064,-0.02743,0.03149,-0.00782,0.0485,-0.05614,0.02282,-0.04506,-0.03281,-0.00833,-0.03979,0.02288,0.07389,-0.09586,-0.10003,-0.01683,-0.0171,0.03542,-0.09886,0.02936,-0.04099,-0.00126,0.01989,-0.02828,0.04933,-0.06043,0.0473,-0.03117,-0.03724,0.00852,0.01454,-0.09038,0.00741,0.02978,-0.03319,0.04222,0.00699,-0.06636,0.03917,-0.04385,0.06152,0.00825,0.07011,-0.06425,-0.02434,-0.05464,0.03933,0.04903,0.10538,0.02726,0.00951,0.01881,0.0308,0.06337,-0.03479,-0.0318,-0.01262,0.00113,0.04587,0.04187,0.03437,-0.00075,-0.0282,-0.01323,0.03419,-0.04798,0.00795,0.09731,0.01625,-0.00839,0.02548,-0.02124,-0.03082,0.03427,0.01017,-0.07402,0.04279,0.00973,0.101,-0.03222,-0.08185,0.01061,0.03693,0.0003,-0.01666,-0.08067,-0.05184,-0.09233,-0.04002,0.03,-0.04984,-0.08692,0.00906,-0.01012,-0.00886,-0.00188,0.00319,0.01995,-0.05061,0.00871,-0.07207,-0.03178,0.07557,0.00506,0.01646,-0.01811,-0.05032,-0.08482,-0.00834,-0.02305,0.00356,0.14184,-0.03884,-0.01713,0.05005,-0.00203,-0.01281,0.04701,-0.0089,-0.07174,0,0.00201,0.01062,-0.03192,0.00405,0.04077,-0.05345,0.02096,-0.05741,-0.02934,-0.00437,-0.08228,0.01377,0.0366,-0.0603,-0.0463,-0.09304,-0.03837,0.0387,-0.05901,0.07824,-0.01476,-0.07474,0.02088,-0.04175,0.09189,0.0548,-0.05673,0.08594,0.05144,0.03866,-0.04415,0.03831,-0.02275,-0.04908,0.01763,-0.04887,-0.01934,-0.08657,-0.03663,-0.00075,-0.00952,-0.0316,-0.09304,-0.04491,-0.02777,-0.04178,-0.01429,0.04131,-0.00955,0.03602,0.04793,-0.03607,0.00306,-0.02049,-0.04132,-0.11225,0.00418,0.02214,0.00711,0.0654,-0.02349,-0.06908,0.02151,-0.04677,0.12119,0.07915,0.03884,0.07936,0.06564,-0.01339,-0.0168,0.07175,0.0089,-0.0616,-0.0499,-0.02635,-0.07944,0.00888,0.06571,0.05262,0.08155,-0.08782,-0.01211,0.01271,0.0328,-0.0371,-0.00978,-0.10522,-0.12347,0.02172,0.01411,0.07693,0.03905,0.05611,0.02362,0,0.00528,-0.021,0.06326,0.06299,0.00068,-0.00541,0.04457,-0.01739,0.01748,-0.00285,-0.01476,0.01515,-0.00366,-0.01304,-0.04807,0.07963,0.00817,-0.09437,-0.01841,-0.01468,0.05042,-0.08211,0.06429,-0.00692,0.01607,-0.03613,0.12485,0.01152,-0.05083,-0.07883,0.07095,-0.0071,-0.00687,-0.06113,0.03887,0.05821,0.07041,0.17107,0.01132,-0.04069,0.05981,0.04579,-0.00807,0.02209,-0.01503,0.07247,-0.02911,0.04365,-0.17401,0.05026,-0.01619,-0.00977,-0.02195,0.01952,-0.04037,0.0837,0.02394,-0.01168,-0.0055,0.01471,0.09047,-0.11256,-0.07993,0.0387,0.08276,0.03144,0.02794,0.02089,-0.01243,0.10657,0.03118,-0.01387,0.1079,-0.02381,0.01103,-0.0412,0.08962,-0.06643,0.0806,0.02626,-0.03093,0.04378,0.00524,0.00246,-0.00903,0.05471,0.03777,0.1276,0.00811,0.00722,-0.07583,0.04297,0.05029,-0.05907,-0.02481,0,-0.06723,0.06373,-0.07315,-0.00537,0.02727,0.05486,-0.01956,0.05214,-0.0068,0.03234,-0.02192,0.03987,-0.01452,0.09537,0.08794,-0.07079,0.03827,0.01833,-0.08354,0.0059,0.00283,0.04265,0.01709,0.03326,-0.04179,-0.03542,-0.03574,0.09918,0.04307,-0.04486,-0.06502,-0.01541,0.02017,-0.01255,-0.08707,0.14475,-0.04231,-0.02169,0.00352,0.01219,0.0457,0.01809,-0.04556,-0.00547,-0.07574,0.05002,0.0527,0.02393,-0.02542,-0.0049,0.02707,-0.02195,0.00801,-0.0284,0.02569,-0.02108,-0.00813,-0.02497,0.11903,0.0667,-0.01708,0.0615,-0.06901,0.06989],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. API","excerpt":"API"},{"chunkId":"/docs/f-snap-connection-component#4","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.00951,-0.05051,-0.11425,-0.01844,-0.03204,0.00975,-0.02603,0.08907,-0.00819,-0.01071,0.03544,0.02298,-0.06031,-0.01315,-0.08338,-0.06047,-0.06039,-0.08727,0.00343,0.08328,-0.04136,-0.14774,0.03444,-0.05166,-0.03115,-0.08105,0.07238,-0.02218,-0.04305,-0.02933,-0.01815,0.0277,-0.05832,0.01345,-0.01783,-0.04718,0.02417,0.00109,-0.10906,-0.03362,0.02225,-0.06523,0.0668,-0.01337,0.01131,0.04836,-0.0613,0.04341,0.04275,0.04597,-0.0239,0.00181,-0.0751,0.07537,0.05756,0.14325,0.02706,-0.02568,0.02624,0.04153,0.07281,-0.05663,-0.04046,0.00559,-0.04102,0.01271,0.05968,0.00441,-0.02243,-0.01205,-0.02279,0.01379,-0.04091,-0.0388,0.11797,0.00909,0.00628,0.08846,-0.01561,0.01211,0.03772,0.00521,-0.03923,0.05924,0.04138,0.08287,-0.02113,-0.08183,0.00043,0.04698,0.02256,-0.0117,-0.07941,-0.01688,-0.0602,-0.05032,0.00475,-0.02301,-0.10182,0.00695,-0.06186,0.01886,-0.00056,0.00076,0.03431,-0.01546,-0.0369,-0.02562,-0.0159,0.01436,0.00739,-0.03854,-0.0254,-0.03977,-0.02597,-0.01646,-0.02465,-0.02503,0.09486,-0.03029,-0.02518,0.10078,-0.04955,-0.00494,0.00892,0.01696,-0.05671,0,0.00455,0.01675,-0.02039,-0.00093,0.04023,0.03375,-0.01632,0.00152,-0.01413,0.05068,-0.07699,-0.04259,-0.00756,-0.05231,-0.04211,-0.10279,-0.02103,0.02466,-0.11041,0.06753,-0.00649,-0.06797,0.03536,-0.07424,0.08727,0.05037,-0.09066,0.12651,0.04859,0.0348,-0.04671,0.0146,-0.01437,-0.03283,0.00396,-0.08547,0.01541,-0.08185,-0.03325,0.03275,-0.02624,0.00599,-0.05738,-0.04873,-0.00087,-0.0324,0.03887,0.03509,0.02829,0.04876,0.01501,-0.02753,0.02186,-0.0044,-0.01905,-0.10943,-0.0528,0.06343,0.01682,0.07817,-0.04895,-0.02021,0.01527,-0.04391,0.09819,0.10461,0.01811,0.045,0.05449,-0.03899,-0.05991,0.04317,-0.01615,-0.05702,-0.04902,-0.00564,-0.06797,0.04014,0.07385,0.00587,0.02536,-0.01493,0.01902,0.00668,0.07308,-0.05518,-0.00924,-0.08656,-0.05233,-0.01011,-0.0015,0.05554,0.02733,0.02909,0.0442,0,0.01698,-0.00126,0.02016,0.04016,-0.00296,0.03007,0.07996,-0.01641,0.04656,0.00173,0.01311,0.04092,0.00013,-0.06153,-0.02856,0.06381,-0.00775,-0.07562,-0.04075,-0.00631,0.04944,-0.10942,0.04185,-0.01337,0.03089,0.00665,0.11771,-0.01847,-0.02614,-0.05389,0.05308,-0.01303,-0.04497,-0.00945,0.00749,0.02366,0.02583,0.12746,0.07782,-0.04388,0.07508,0.0641,0.0102,0.00078,-0.03139,0.0689,-0.04136,0.02313,-0.15264,0.06224,-0.04683,0.04897,-0.05,0.05995,-0.04159,0.037,0.07029,-0.04885,-0.0433,0.01924,0.11444,-0.09303,-0.04,0.00927,0.11026,0.02936,0.02593,0.01888,0.00465,0.07067,0.04765,-0.03354,0.0994,-0.0388,0.01816,-0.00351,0.0591,-0.10683,0.08937,0.05459,-0.00509,0.01698,0.0166,0.00796,-0.04159,0.01241,0.06262,0.09713,0.06875,0.01405,-0.06879,0.02841,0.04898,-0.00241,0.00323,0,-0.07577,0.02582,-0.05977,0.00285,0.00806,0.02905,-0.0115,0.04081,-0.05709,-0.0103,-0.03039,0.09021,-0.01747,0.09426,0.06407,-0.07548,0.03138,0.00317,-0.04634,0.02829,-0.01607,-0.02317,0.01682,0.04499,-0.05402,-0.08772,-0.07609,0.07475,0.00024,-0.02876,-0.05574,-0.03593,0.02895,0.03591,-0.12261,0.10662,-0.05878,0.00463,-0.03348,0.04109,0.0615,-0.0309,-0.02748,-0.0334,-0.05206,0.03968,0.09293,0.05725,-0.05876,0.02621,-0.01257,0.02662,0.02465,-0.08198,-0.00423,-0.02666,-0.01622,-0.02345,0.07892,0.02634,-0.06401,0.05226,-0.0263,0.04965],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Inputs - fSnapThreshold: number; Default: 20. Distance in pixels to snap to a connector. - fRadius: number; Default: 8. Connection corner radius. - fOffset: number; Default: 12. Distance from connector to first bend. - fBehavior: EFConnectionBehavior; Default: FIXED. Defines how the connection handles connector positions. - fType: EFConnectionType; Default: STRAIGHT. Type of the path (segment, straight, bezier). - fInputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for target connection. - fOutputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for source connection. f Snap Threshold f Radius f Offset f Behavior EF Connection Behavior f Type EF Connection Type f Input Side EF Connection Connectable Side f Output Side","excerpt":"Inputs - fSnapThreshold: number; Default: 20. Distance in pixels to snap to a connector. - fRadius: number; Default: 8. Connection corner radius. - fOffset: number; Default: 12. Distance from connector to first bend. - fBehavior: EFConnectionBehavior; Default: FIXED. Defines how the connection handles connector positions. - fType: EFConnectionType; Default: STRAIGHT. Type of the path (segment, straight, bezier). - fInputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for target connection. - fOutputSide: EFConnectionConnectableSide; Default: DEFAULT. Preferred side for source connection."},{"chunkId":"/docs/f-snap-connection-component#5","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.01849,-0.07396,-0.09856,0.00276,-0.01274,-0.02377,-0.01744,-0.01018,-0.02095,0.02632,0.00078,0.037,-0.05861,0.00038,-0.08461,-0.03713,-0.02511,-0.03594,0.04053,0.06517,-0.08092,-0.09331,-0.02568,-0.02585,0.02851,-0.09142,0.04327,-0.02793,-0.02351,-0.01038,-0.02465,0.03824,-0.04192,0.03704,-0.02835,-0.0342,0.0274,0.00297,-0.08625,-0.00886,0.02543,-0.05008,0.04414,0.00703,-0.06977,0.03588,-0.05513,0.04179,-0.00169,0.0684,-0.06198,-0.00764,-0.0675,0.062,0.05738,0.09919,0.02096,0.0086,0.00772,0.01698,0.04327,-0.04167,-0.03768,-0.00464,0.02999,0.03389,0.05238,0.04056,-0.00097,-0.01608,-0.02687,0.02554,-0.03563,-0.00239,0.10831,0.00831,0.00201,0.02727,-0.01971,-0.01712,0.04796,-0.00088,-0.07064,0.05442,0.01773,0.10523,-0.04196,-0.0531,-0.01576,0.03067,-0.01984,-0.01245,-0.06464,-0.05904,-0.09796,-0.05034,0.04415,-0.05256,-0.09457,0.02869,-0.01332,-0.01172,0.01757,-0.02322,0.00364,-0.05842,0.00296,-0.06185,-0.04769,0.04992,0.00737,0.02418,-0.02761,-0.07215,-0.04181,-0.01227,-0.02927,0.00647,0.13161,-0.03917,-0.01895,0.0591,-0.02539,0.01742,0.03797,0.00185,-0.06131,0,0.00781,0.01105,-0.04173,-0.0142,0.03727,-0.02274,0.03031,-0.05963,-0.0063,0.02964,-0.08388,0.00506,0.02349,-0.05416,-0.03214,-0.09616,-0.02596,0.04427,-0.05561,0.0705,-0.01288,-0.04654,0.03316,-0.05473,0.1081,0.05406,-0.07234,0.08017,0.03065,0.0367,-0.04283,0.03681,-0.02347,-0.06446,0.02704,-0.07327,-0.0269,-0.09382,-0.04167,0.00257,-0.02006,-0.03725,-0.10094,-0.05749,-0.01449,-0.04929,-0.01791,0.06406,-0.00799,0.05256,0.05796,-0.04791,0.0159,-0.01558,-0.0371,-0.12465,0.0101,0.0194,0.01254,0.09074,-0.02676,-0.05332,0.01926,-0.0577,0.10363,0.08899,0.0414,0.06791,0.08082,-0.02054,-0.03967,0.0762,0.00721,-0.07913,-0.03254,0.00162,-0.0922,-0.01682,0.0532,0.05838,0.07787,-0.07846,-0.00959,0.00852,0.05644,-0.01839,-0.02582,-0.09451,-0.09646,0.027,-0.02303,0.05913,0.03427,0.03255,0.03277,0,-0.00381,-0.00374,0.03696,0.06653,-0.00905,0.00145,0.04165,-0.03848,0.01256,-0.00263,0.0116,0.01863,-0.00282,-0.03092,-0.04384,0.06993,0.00585,-0.09335,-0.0195,-0.0084,0.06232,-0.07071,0.08581,0.00842,0.01174,-0.02079,0.13951,0.02984,-0.03262,-0.06247,0.08939,-0.01016,0.00168,-0.04432,0.03041,0.04254,0.09477,0.15579,0.02828,-0.04075,0.06056,0.07627,-0.0131,0.04679,-0.01259,0.05672,-0.05167,0.03641,-0.14253,0.03982,-0.02929,-0.00644,-0.04158,0.02545,-0.04205,0.06279,0.03272,0.01444,-0.02033,0.02712,0.09238,-0.11857,-0.08037,0.00766,0.10088,0.03256,0.02781,0.02793,-0.00504,0.12336,0.0425,-0.00972,0.13111,-0.0274,0.02014,-0.01231,0.06453,-0.08571,0.08753,0.03401,-0.0286,0.02242,0.01073,0.0238,0.00768,0.04254,0.04523,0.10191,0.03214,-0.0186,-0.07175,0.06558,0.06121,-0.0417,0.00297,0,-0.05596,0.04301,-0.07553,0.00033,0.0216,0.04939,-0.01991,0.01917,0.00305,0.00607,-0.0133,0.02769,-0.0197,0.08238,0.10745,-0.07762,0.03846,0.01744,-0.08152,-0.02133,0.01157,0.03869,-0.01149,0.0348,-0.04881,-0.05516,-0.03126,0.09282,0.03161,-0.04771,-0.04072,-0.01263,0.01358,-0.02446,-0.0918,0.14079,-0.0397,-0.00468,-0.00094,0.01894,0.02949,0.0234,-0.05738,-0.0149,-0.09887,0.04863,0.05328,0.02175,-0.04662,0.00574,0.03759,-0.00292,0.01722,-0.03276,0.0253,-0.02072,0.00172,-0.02557,0.10261,0.07923,-0.00684,0.06467,-0.05634,0.05608],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Outputs - No direct outputs.","excerpt":"Outputs - No direct outputs."},{"chunkId":"/docs/f-snap-connection-component#6","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.04509,-0.04843,-0.0864,-0.01353,-0.01715,-0.02567,-0.02096,0.02809,-0.02796,0.03712,-0.00374,0.05023,-0.06244,0.01522,-0.05274,-0.03032,-0.01644,-0.01535,0.04238,0.06835,-0.0745,-0.07265,-0.0192,-0.0266,0.0186,-0.09888,0.04284,-0.04144,-0.0001,0.00655,-0.01301,0.03744,-0.05938,0.04772,-0.02933,-0.01995,0.02724,0.00649,-0.088,0.00064,0.00095,-0.0342,0.02138,0.01482,-0.04237,0.04037,-0.0442,0.06964,-0.01512,0.04501,-0.06209,-0.03141,-0.05774,0.03657,0.0614,0.06716,0.01223,0.00518,0.02759,0.02785,0.07522,-0.03502,-0.04954,0.00652,0.01556,0.02852,0.04966,0.03696,0.02572,-0.02299,-0.02548,0.02599,-0.02955,0.02072,0.08328,0.00009,0.0085,0.02823,-0.02141,-0.0381,0.04058,0.01675,-0.06121,0.04376,0.03317,0.11346,-0.04099,-0.05138,0.00528,0.02816,-0.00868,0.00231,-0.09374,-0.08328,-0.10519,-0.04667,0.03052,-0.06712,-0.09429,0.039,-0.01929,-0.02582,0.0102,-0.02369,0.01345,-0.05976,-0.00262,-0.06364,-0.02434,0.08279,-0.00781,0.02324,-0.05021,-0.08678,-0.05304,-0.02499,-0.01824,-0.00093,0.14403,-0.02089,0.00787,0.04674,-0.00672,-0.01051,0.03716,-0.01816,-0.06265,0,0.01256,0.04465,-0.05143,0.01565,0.06785,-0.03692,0.03863,-0.05705,-0.02936,0.00858,-0.06599,0.02029,0.00766,-0.04799,-0.02951,-0.0862,-0.04954,0.04906,-0.04272,0.06396,0.00944,-0.07225,0.05534,-0.01897,0.10067,0.0619,-0.05142,0.0783,0.03969,0.04233,-0.02817,0.0248,-0.04868,-0.04439,0.03374,-0.06727,-0.029,-0.11373,-0.06013,0.007,-0.02418,-0.03706,-0.10005,-0.05954,-0.0093,-0.05274,-0.02866,0.05866,0.00342,0.03102,0.06109,-0.03834,0.01308,-0.03808,-0.03623,-0.11335,0.00313,0.01114,0.01247,0.08255,-0.03069,-0.08488,0.02734,-0.06422,0.11018,0.06717,0.03892,0.06412,0.08564,-0.02567,-0.00955,0.07656,0.02061,-0.07044,-0.06382,-0.01664,-0.0802,-0.00408,0.05578,0.05216,0.04521,-0.08483,-0.00707,0.01696,0.03132,-0.02589,-0.00159,-0.06943,-0.10665,0.01688,-0.02369,0.07509,0.04113,0.04291,0.038,0,-0.00306,-0.02531,0.05559,0.07189,-0.01297,-0.018,0.02849,-0.01386,0.02206,0.00267,0.00611,-0.00208,0.00028,-0.02349,-0.04271,0.07603,-0.01094,-0.1163,-0.02534,-0.00126,0.028,-0.07064,0.0692,-0.00207,0.0177,-0.02955,0.11842,0.01672,-0.03434,-0.07456,0.06149,-0.01801,0.00257,-0.05274,0.02662,0.06246,0.09712,0.16279,0.01245,-0.04301,0.082,0.0653,-0.0022,0.02166,-0.02805,0.05747,-0.04384,0.05014,-0.15067,0.0278,-0.00404,-0.02346,-0.04498,0.01245,-0.03866,0.07583,0.01907,-0.0021,-0.00113,0.02584,0.09416,-0.12386,-0.07748,0.04906,0.11341,0.02544,0.0093,0.0044,-0.03027,0.11228,0.05244,-0.0063,0.11151,-0.01954,0.01915,-0.04218,0.09243,-0.06571,0.07077,0.02489,-0.02519,0.02245,0.0055,0.01574,0.00322,0.02311,0.05073,0.11545,0.00906,-0.00925,-0.08062,0.06406,0.06271,-0.01524,-0.0024,0,-0.06629,0.03308,-0.06986,-0.0182,0.01597,0.05104,-0.0221,0.03159,-0.00397,0.01176,-0.02108,0.04584,-0.01371,0.07447,0.09039,-0.08159,0.03432,0.03774,-0.09041,-0.02062,-0.00908,0.05405,-0.00634,0.01173,-0.03458,-0.01789,-0.02731,0.105,0.04603,-0.04697,-0.05657,-0.00935,0.03352,-0.02211,-0.08863,0.16517,-0.04153,-0.01684,0.00414,0.01244,0.05088,0.01319,-0.04515,-0.00692,-0.07205,0.0611,0.04781,0.02038,-0.04122,0.0189,0.02214,-0.0065,0.01596,-0.0255,-0.00199,-0.00277,0.00824,-0.04334,0.11429,0.06409,-0.00526,0.06788,-0.04092,0.06629],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-snap-connection-component#7","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.03056,-0.08047,-0.07832,0.00408,-0.00852,0.01032,0.0194,0.01248,-0.03939,0.02372,0.00653,0.0175,-0.06963,-0.00416,-0.04796,-0.03633,0.00251,-0.05201,0.01914,0.07134,-0.1126,-0.08611,-0.01312,-0.01979,0.00916,-0.09784,0.04019,-0.05361,-0.01312,-0.00342,-0.01963,0.04005,-0.07795,0.03211,-0.03423,-0.04011,0.00725,0.0279,-0.10004,-0.01653,0.01913,-0.05907,0.0528,-0.00272,-0.01922,0.02924,-0.06923,0.04406,0.01841,0.02689,-0.00215,-0.00999,-0.06999,0.04905,0.06424,0.10747,0.03663,-0.00663,0.00721,0.04519,0.05362,-0.01455,-0.05088,-0.03415,-0.00181,0.0636,0.07548,0.0142,0.01463,-0.02873,-0.05291,0.01847,-0.0334,0.00377,0.11972,0.02586,0.00673,0.02357,-0.00526,-0.04969,0.02879,0.02626,-0.06406,0.02561,0.03015,0.0869,-0.03432,-0.0768,0.02759,0.06147,0.00073,-0.02962,-0.0631,-0.04402,-0.06743,-0.05548,0.02848,-0.02283,-0.08943,0.01452,-0.01525,0.00864,-0.00122,-0.01387,0.00253,-0.05225,0.01602,-0.06681,-0.01682,0.04164,-0.00305,-0.032,-0.04128,-0.10571,-0.06327,-0.02684,-0.02421,0.00006,0.1319,-0.06536,-0.02869,0.04228,0.00128,-0.03747,0.03039,-0.02644,-0.05798,0,0.00104,0.00084,-0.03713,0.00884,0.04792,-0.0082,0.01928,-0.03231,-0.00439,0.0192,-0.08584,0.03335,0.0047,-0.02498,-0.03828,-0.10402,-0.05378,0.03067,-0.06095,0.0624,-0.00881,-0.02991,0.03474,-0.05425,0.1192,0.02949,-0.0452,0.07866,0.0612,0.04032,-0.04287,0.04843,-0.02395,-0.04234,0.02225,-0.05947,-0.0264,-0.08887,-0.01617,-0.00768,0.00052,-0.02893,-0.09335,-0.0622,-0.00408,-0.06844,0.00797,0.04998,0.01792,0.01318,0.06177,-0.0539,-0.0111,-0.01244,-0.03995,-0.09259,-0.01546,0.05973,0.02987,0.06415,-0.032,-0.04692,0.03222,-0.05203,0.11923,0.10632,0.02953,0.0199,0.03417,-0.04395,-0.02802,0.03402,-0.00409,-0.06886,-0.05203,-0.02904,-0.09681,0.03248,0.05117,0.04967,0.04632,-0.05845,0.00345,0.02282,0.02716,-0.04481,-0.03666,-0.09489,-0.1043,0.00456,0.01298,0.08692,0.04798,0.07818,0.04611,0,0.0033,-0.02359,0.01759,0.04878,0.00199,0.01417,0.03284,-0.02644,0.02553,0.00154,0.02915,0.01202,0.01554,-0.03497,-0.04565,0.043,-0.00624,-0.08386,-0.03328,0.02472,0.06204,-0.11936,0.06898,-0.01814,0.02319,-0.02492,0.12763,0.01873,-0.03782,-0.09244,0.03781,-0.00205,-0.00469,-0.03345,-0.00035,0.04189,0.09539,0.10832,-0.02032,-0.05499,0.05863,0.06061,-0.00896,0.02806,-0.01364,0.07394,-0.05096,0.03706,-0.14462,0.06524,-0.02306,-0.00013,-0.06842,0.04314,-0.05396,0.09949,0.04929,-0.01893,-0.00953,0.03621,0.11556,-0.09827,-0.03148,0.04745,0.11023,0.03054,0.03671,0.0089,-0.01264,0.09325,0.05624,-0.02856,0.10348,-0.05556,0.00833,-0.01809,0.09037,-0.10363,0.07281,0.04062,-0.0298,0.01878,-0.01298,0.0129,-0.02569,0.02814,0.03284,0.09911,0.02493,0.00878,-0.06995,0.01798,0.05873,-0.00452,-0.0214,0,-0.06377,0.04558,-0.05293,-0.04126,0.01392,0.02564,-0.02044,0.04198,-0.01136,0.02352,0.00436,0.03018,-0.01785,0.08743,0.11877,-0.09176,0.04239,0.01989,-0.08807,0.0161,0.00672,0.00664,0.01357,0.03884,-0.03209,-0.033,-0.02087,0.12344,0.00864,-0.01204,-0.05938,-0.016,0.02941,-0.01343,-0.09844,0.17986,-0.02406,-0.03461,-0.02518,0.01427,0.0461,0.00675,-0.0554,-0.02099,-0.04431,0.06601,0.05825,0.0386,-0.03268,-0.00313,0.02003,-0.00219,0.0115,-0.05194,-0.00402,-0.00928,-0.00134,-0.04577,0.14165,0.05898,-0.01487,0.03028,-0.04619,0.07577],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide EF Connection Behavior EF Connection Type EF Connection Connectable Side","excerpt":"Types EFConnectionBehavior EFConnectionType EFConnectionConnectableSide"},{"chunkId":"/docs/f-snap-connection-component#8","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.02626,-0.04583,-0.0834,0.01052,-0.02206,-0.02193,0.00766,0.01716,-0.02322,0.0189,0.00513,0.05516,-0.05049,0.01915,-0.0462,-0.01979,-0.05761,-0.03387,0.02033,0.08489,-0.08583,-0.09601,0.00074,-0.03852,0.00641,-0.09048,0.04013,-0.0131,-0.00851,-0.00263,0.0006,0.05181,-0.05175,0.04324,-0.01905,-0.01442,0.02342,0.03982,-0.08201,0.0204,0.03075,-0.05801,0.07015,-0.00662,-0.05245,0.037,-0.0376,0.02479,-0.00173,0.05052,-0.05185,-0.02134,-0.07294,0.04681,0.05949,0.09861,0.051,0.01101,0.00458,0.04231,0.05119,-0.02178,-0.05357,0.0052,0.01848,0.04917,0.04626,0.0357,-0.00203,-0.03204,-0.00638,0.01492,-0.04185,-0.01392,0.09689,0.00849,0.01119,0.06492,-0.01943,-0.03759,0.03445,0.01081,-0.06696,0.04003,0.02241,0.11607,-0.02899,-0.101,0.0003,0.04002,-0.0004,-0.01957,-0.06628,-0.05519,-0.09257,-0.02635,0.01924,-0.04172,-0.08602,0.02531,-0.02959,-0.0265,0.02588,-0.01136,0.01745,-0.03071,-0.00328,-0.05091,-0.03316,0.04814,-0.00413,0.00751,-0.05203,-0.08171,-0.0623,-0.0358,-0.01486,-0.00289,0.13751,-0.02767,-0.00458,0.04072,-0.0046,-0.00382,0.04652,-0.0141,-0.08378,0,0.01524,0.00704,-0.02728,0.00347,0.07259,-0.03076,0.01767,-0.07897,-0.03685,0.03221,-0.05481,0.00065,0.00185,-0.07664,-0.04425,-0.10319,-0.02725,0.02636,-0.05168,0.05803,-0.00682,-0.05343,0.03789,-0.04041,0.11258,0.03315,-0.0492,0.0777,0.02718,0.03196,-0.02367,0.02992,-0.0148,-0.04881,0.0241,-0.05508,-0.01762,-0.08203,-0.06942,0.01091,0.00066,-0.03543,-0.07941,-0.04166,0.00126,-0.04476,-0.01001,0.04539,0.01819,0.05607,0.04368,-0.04262,0.03404,-0.01562,-0.02445,-0.10856,-0.02178,0.03888,0.00802,0.0693,-0.04746,-0.07919,0.00213,-0.04962,0.11625,0.08629,0.03008,0.06403,0.07772,0.00228,-0.04353,0.0638,-0.01774,-0.06792,-0.04853,-0.02354,-0.10631,-0.00014,0.07571,0.05808,0.05533,-0.0994,-0.02391,0.02154,0.01499,-0.02963,-0.00811,-0.10237,-0.08271,-0.02752,-0.00361,0.0824,0.04188,0.052,0.03602,0,0.00361,-0.02063,0.04691,0.07389,-0.00011,0.0099,0.05416,-0.03885,0.01038,0.01973,0.01476,0.02709,0.00064,-0.04495,-0.04583,0.08335,0.00982,-0.10459,-0.02598,0.01423,0.02089,-0.06818,0.0734,-0.02488,0.00417,-0.03212,0.11302,0.02469,-0.02868,-0.05728,0.07072,-0.01252,-0.00621,-0.0512,0.00569,0.04768,0.06156,0.15403,0.01959,-0.03773,0.0537,0.05297,0.00875,0.04942,-0.034,0.08436,-0.02898,0.01576,-0.16169,0.04431,-0.0231,-0.01547,-0.04093,0.02666,-0.04755,0.08868,0.01074,-0.00684,-0.04835,0.02897,0.10338,-0.11261,-0.07228,0.02188,0.08131,-0.00454,-0.00107,0.0173,-0.0183,0.09443,0.05964,-0.02199,0.09531,-0.0258,0.00715,-0.0498,0.11572,-0.06353,0.08068,0.05677,-0.02162,0.04136,-0.02212,0.00199,-0.03963,0.02669,0.03665,0.13182,0.0308,-0.02586,-0.07128,0.07447,0.06343,-0.02804,-0.01864,0,-0.06542,0.02393,-0.07054,-0.02709,0.02938,0.04838,-0.02136,0.04941,-0.0112,0.05068,-0.02222,0.07841,-0.02806,0.08675,0.07275,-0.07907,0.04216,0.03836,-0.08916,0.01048,-0.01673,0.03061,-0.00567,0.05416,-0.05182,-0.04312,-0.05801,0.07385,0.04019,-0.01206,-0.06011,-0.0067,0.0281,-0.03116,-0.09727,0.17342,-0.04047,-0.02232,-0.01045,0.03275,0.05846,0.00967,-0.02646,-0.0045,-0.07596,0.04227,0.03913,0.02335,-0.04942,0.00277,0.01852,0.01822,-0.01402,-0.04148,0.00972,-0.00567,0.00145,-0.01671,0.12337,0.05458,-0.03009,0.04522,-0.04141,0.06249],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Styling - .f-connection Base connection class. - .f-snap-connection Snap-helper host class. - .f-connection-path Helper path element.","excerpt":"Styling - .f-connection Base connection class. - .f-snap-connection Snap-helper host class. - .f-connection-path Helper path element."},{"chunkId":"/docs/f-snap-connection-component#9","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.05928,-0.07303,-0.08205,-0.04814,-0.04383,0.02038,-0.00733,0.01598,0.00411,0.00129,-0.0615,0.04794,-0.03405,0.01015,-0.05735,0.0201,-0.02862,-0.02801,0.02459,0.02841,-0.15433,-0.13621,-0.02193,-0.01357,-0.01152,-0.02864,0.05742,0.00256,0.01488,0.01303,0.03462,0.02582,-0.0522,0.0484,-0.07544,-0.03719,-0.00063,0.03852,-0.09685,0.03339,0.02747,-0.03496,0.01115,-0.02588,-0.00828,0.04641,0.02561,0.04542,-0.02315,0.06229,-0.00913,-0.04197,-0.07082,0.00973,0.04056,0.13398,0.05641,0.02973,0.02745,0.0241,0.00193,-0.04809,-0.01412,-0.00405,0.03375,0.00841,0.03056,0.01626,0.00674,0.00868,0.04175,0.02901,0.02581,-0.06633,0.09295,0.05084,0.08008,0.10062,-0.02621,-0.05006,0.06026,0.02348,-0.03416,0.07497,0.03943,0.08425,-0.029,-0.16379,-0.03637,0.10804,0.03797,0.03517,-0.15548,-0.02604,-0.07609,-0.06702,-0.00381,-0.07471,-0.07989,0.03572,-0.07193,-0.06262,0.04749,-0.0077,0.00202,-0.02038,-0.00276,-0.00035,-0.08064,0.0398,0.02994,0.03342,-0.0037,-0.06767,-0.03823,-0.04044,-0.01456,-0.02247,0.10432,-0.01412,-0.01391,0.02813,-0.0459,0.03984,-0.0232,-0.02418,-0.04513,0,0.03028,0.03619,-0.03625,-0.0266,0.02096,-0.01001,0.00972,-0.04225,-0.05311,0.00759,-0.01191,-0.0093,-0.04224,-0.01768,-0.03983,-0.10176,0.00349,-0.02763,-0.10228,0.05368,0.01984,-0.03171,-0.01229,-0.05974,0.05005,0.04366,0.02875,0.06956,0.00085,0.02877,-0.01673,-0.00941,-0.00738,-0.04098,0.00371,-0.04556,0.05335,-0.0797,-0.08262,0.05841,0.00626,0.0291,-0.05099,-0.01498,0.0008,-0.00912,0.02178,0.05323,0.03293,0.06631,0.02648,-0.01437,0.02525,-0.03651,0.00228,-0.09114,-0.04176,0.00346,0.03677,-0.00417,-0.01527,-0.08359,0.02331,-0.06487,0.10987,0.09291,0.00047,0.10567,0.03592,-0.00185,-0.0344,0.10979,0.02274,-0.07946,0.004,0.03152,-0.00267,0.03386,0.11863,-0.01337,0.02881,-0.03461,-0.03817,0.01543,-0.05093,0.01403,-0.00727,-0.06246,-0.05982,0.01504,-0.04178,0.00544,0.00299,0.06902,-0.01343,0,-0.03589,-0.00154,0.00974,0.0601,0.02984,0.021,0.03916,-0.00315,-0.02016,0.10494,0.03005,0.058,-0.05327,-0.02355,-0.08377,0.03804,-0.03148,-0.00711,-0.02497,0.00818,0.00165,-0.01662,0.03833,-0.0241,0.01955,0.00577,0.07795,0.0407,-0.04446,0.0035,0.06069,-0.00161,-0.02744,-0.07627,-0.06537,0.04831,0.03137,0.04964,-0.00917,-0.04828,0.04284,0.05575,0.03051,0.01354,-0.00834,0.05166,-0.03523,-0.01152,-0.09762,0.07784,-0.01774,0.02618,-0.02952,0.05729,-0.09079,0.00882,0.04145,-0.02303,-0.02709,0.07826,0.06981,-0.0771,-0.09935,-0.03455,0.1337,-0.0208,0.05333,-0.00697,0.07033,0.06945,0.09158,0.00964,0.11218,0.00031,0.06076,-0.06629,0.16458,-0.05965,0.03584,0.0986,-0.00123,-0.00949,0.05712,0.0501,-0.0044,0.00833,0.00886,0.09648,0.05606,-0.0639,-0.01497,0.03929,0.07059,-0.11711,0.01261,0,-0.01269,0.05134,-0.04941,0.02827,-0.00327,-0.01754,-0.04341,-0.01796,-0.06059,0.02801,-0.02061,0.0754,-0.05787,0.0336,0.05192,-0.05102,0.01432,0.03258,-0.06738,0.03446,-0.05944,0.05901,-0.00149,0.04818,-0.08143,-0.071,-0.03953,0.04401,0.03296,-0.01346,-0.07792,0.02709,0.08575,-0.04912,-0.10819,0.12906,-0.07846,0.02617,-0.01924,0.03823,-0.01385,0.01016,0.00914,-0.02757,-0.09673,0.01333,-0.00416,0.00268,-0.08686,0.03038,0.01377,0.02533,-0.01778,-0.00833,-0.01138,-0.06771,-0.03423,0.0152,0.06773,-0.00014,-0.01462,-0.00941,-0.0394,0.02254],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Projected Gradient If you want the snap helper itself to use a gradient stroke, project f-connection-gradient into f-snap-connection: As with regular connections, the gradient colors belong to f-connection-gradient, not to f-snap-connection. If you previously set fStartColor / fEndColor directly on f-snap-connection, move those colors into the projected f-connection-gradient. f Start Color f End Color","excerpt":"Projected Gradient If you want the snap helper itself to use a gradient stroke, project f-connection-gradient into f-snap-connection: As with regular connections, the gradient colors belong to f-connection-gradient, not to f-snap-connection. If you previously set fStartColor / fEndColor directly on f-snap-connection, move those colors into the projected f-connection-gradient."},{"chunkId":"/docs/f-snap-connection-component#10","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.06794,-0.07749,-0.1038,0.02188,-0.03291,-0.01367,0.03404,0.04169,-0.00884,0.00401,0.01366,0.05744,-0.0491,0.01625,-0.04948,-0.0172,-0.01812,-0.05818,-0.01786,0.06636,-0.09236,-0.11874,-0.02601,-0.0337,0.02053,-0.1179,0.01359,-0.02776,0.01858,-0.00127,-0.01305,0.06877,-0.07005,0.03247,-0.03748,-0.00376,0.0161,0.03013,-0.08378,-0.00979,-0.00952,-0.05931,0.03977,-0.00782,-0.04216,0.02842,-0.02037,0.04503,0.00534,0.04606,-0.05279,0.02147,-0.06068,0.03314,0.08025,0.09717,0.0232,0.00496,-0.02665,0.05359,0.06278,-0.02975,-0.03475,-0.00086,0.03488,0.03865,0.03295,0.02349,0.03655,-0.00643,-0.03816,0.0273,-0.04291,0.02573,0.09896,0.01318,-0.00274,0.04782,0.00952,-0.0145,0.04936,0.0522,-0.05148,0.00995,0.01335,0.09186,-0.01832,-0.07883,-0.00251,0.05485,0.01538,0.03759,-0.07235,-0.04648,-0.09715,-0.02393,0.03141,-0.05647,-0.11154,0.02475,-0.0257,-0.01924,0.03381,0.00522,-0.01502,-0.0595,-0.01079,-0.04496,-0.04766,0.03427,-0.0218,-0.00662,-0.03186,-0.08018,-0.083,-0.00459,-0.0163,-0.01645,0.14993,-0.03027,-0.01969,0.05347,-0.00898,-0.00947,0.01957,-0.02784,-0.08818,0,0.0218,0.03209,-0.04528,-0.00475,0.05566,-0.02378,0.01136,-0.0435,-0.03173,0.0335,-0.08506,0.00472,0.01089,-0.02423,-0.02272,-0.12822,-0.02399,0.00973,-0.04706,0.01359,0.0057,-0.03758,0.0757,-0.02893,0.11831,0.04222,-0.04677,0.07405,0.04424,0.03505,-0.05755,0.02958,-0.03192,-0.05992,0.04177,-0.01616,-0.03356,-0.10776,-0.07255,0.00916,-0.01422,-0.00766,-0.079,-0.03183,0.00332,-0.03889,-0.00916,0.0563,-0.01928,0.07379,0.03733,-0.02572,0.04628,0.00192,-0.03831,-0.0968,-0.01497,-0.00586,0.00999,0.09284,-0.02833,-0.0993,-0.0122,-0.03706,0.10687,0.08551,0.05426,0.08724,0.0456,-0.01658,-0.04886,0.05874,-0.01257,-0.06085,-0.03799,0.00042,-0.08785,-0.03027,0.04161,0.01473,0.06403,-0.077,0.0001,0.03747,0.01847,-0.02076,-0.01907,-0.10065,-0.07509,-0.00086,0.00598,0.06195,0.08143,0.06227,0.05091,0,-0.00269,-0.03864,0.01554,0.0658,-0.00167,0.02565,0.03065,-0.0544,0.01686,-0.00641,-0.0102,0.01856,0.00789,-0.06105,-0.04482,0.02216,-0.01262,-0.09981,-0.01808,0.01983,0.04476,-0.05528,0.07441,-0.02582,0.03776,-0.02565,0.09394,0.02671,-0.04838,-0.03236,0.064,0.00604,-0.01638,-0.06355,0.00583,0.03551,0.08841,0.13502,0.02886,-0.05082,0.07906,0.08425,-0.01703,0.04117,-0.01999,0.09067,-0.07732,-0.02003,-0.12811,0.05508,-0.04474,-0.02598,-0.03615,0.00639,-0.05582,0.07258,0.04052,0.01831,-0.0113,0.01005,0.07442,-0.12555,-0.06038,0.02929,0.11289,0.00151,0.03668,0.02067,0.00242,0.10502,0.07488,-0.02635,0.08517,-0.01947,-0.00771,-0.03524,0.09692,-0.10125,0.05568,0.07182,-0.00302,0.03122,0.01802,0.01864,-0.02854,-0.00208,0.0177,0.10261,0.04229,-0.01444,-0.06097,0.03662,0.04348,-0.00203,-0.01497,0,-0.04766,0.02292,-0.09493,0.00845,0.03728,0.04554,-0.04087,0.04433,-0.02074,0.01547,-0.01879,0.05557,-0.04706,0.062,0.07761,-0.07908,0.06299,0.02415,-0.08788,-0.0235,-0.02803,0.04209,-0.00315,0.06723,-0.03744,-0.04958,-0.01345,0.10741,0.02431,-0.03079,-0.05819,0.00477,0.05482,-0.01015,-0.11238,0.18036,-0.06466,-0.01544,-0.02752,-0.00982,0.05684,0.037,-0.00962,-0.01082,-0.07528,0.02569,0.01897,0.02417,-0.01596,-0.00137,0.02698,0.05138,0.01913,-0.02424,-0.00308,-0.01065,-0.007,0.01029,0.11142,0.03617,-0.02121,0.04383,-0.01806,0.0354],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Notes / Pitfalls - Requires fDraggable and is typically used together with f-connection-for-create. - Very high threshold values can make snapping feel jumpy or surprising. - This helper does not create connections by itself; persist links from fCreateConnection/fReassignConnection handlers. f Draggable f Create Connection f Reassign Connection","excerpt":"Notes / Pitfalls - Requires fDraggable and is typically used together with f-connection-for-create. - Very high threshold values can make snapping feel jumpy or surprising. - This helper does not create connections by itself; persist links from fCreateConnection/fReassignConnection handlers."},{"chunkId":"/docs/f-snap-connection-component#11","slug":"f-snap-connection-component","route":"/docs/f-snap-connection-component","section":"docs","title":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging","description":"Reference for snapping preview behavior that helps users connect to nearby valid targets.","group":"Connections","vector":[-0.07196,-0.02166,-0.09409,0.01062,0.0086,0.02641,-0.00354,0.03519,-0.01399,0.03772,0.00067,0.04052,-0.04372,0.04132,-0.03772,-0.02165,-0.06898,-0.02027,-0.01038,0.04987,-0.07343,-0.08527,0.04143,0.00097,0.03142,-0.07749,0.00219,-0.03254,0.04385,0.01069,0.04471,0.05743,-0.05585,0.05614,-0.03017,0.04568,-0.01352,0.04482,-0.08015,-0.00757,0.09603,-0.02746,0.04881,-0.07123,-0.02348,0.03341,-0.04639,0.06232,-0.04057,0.05375,-0.0969,-0.02829,-0.06915,0.06406,0.02031,0.03819,0.0379,-0.02571,0.04357,0.02173,0.01953,-0.06608,-0.01959,-0.0176,0.03636,0.05541,-0.03977,0.02013,-0.03537,0.03125,0.04127,-0.01717,-0.04375,-0.01946,0.09304,-0.02426,-0.07553,0.05073,-0.03131,0.00434,0.03991,-0.02378,-0.06622,0.04355,-0.00334,0.13033,0.00244,-0.07836,0.02323,-0.01103,0.0067,0.0238,-0.04939,-0.01703,-0.01796,-0.01952,-0.03139,-0.00692,-0.10848,0.02271,-0.02101,-0.01994,0.0345,0.03593,0.01051,-0.01889,0.01417,-0.02384,-0.0385,0.05137,-0.00347,0.07735,-0.01263,-0.06517,-0.06969,-0.05806,0.00219,-0.01859,0.05315,0.00271,-0.01139,0.02458,-0.0375,-0.02307,0.07678,0.0038,-0.01659,0,0.02142,0.03743,-0.04414,0.01284,0.04577,-0.04445,-0.00926,-0.09951,-0.01914,0.06843,-0.0592,0.00902,0.02216,-0.06809,-0.07677,-0.12597,-0.01097,0.03009,-0.05211,0.07683,0.04689,-0.06356,-0.01063,-0.02458,0.10379,0.01325,-0.05505,0.08794,0.01347,0.02201,0.01646,0.04704,0.00448,-0.07631,-0.00391,-0.06365,-0.01338,-0.05608,-0.07468,-0.01465,0.05147,-0.01157,-0.09453,0.01265,-0.02539,-0.06738,0.00473,0.02232,0.04566,0.04678,0.04206,-0.02395,-0.00213,-0.01719,0.01853,-0.08498,-0.02351,0.04659,0.00723,0.06762,-0.0323,-0.05239,0.01278,-0.06114,0.12781,0.03834,0.01726,0.04892,0.10561,-0.05205,-0.061,0.06216,-0.02715,-0.01986,-0.02804,-0.03589,-0.05026,0.04011,0.10223,0.02138,0.05748,-0.09172,-0.01794,0.07344,0.03977,-0.0867,-0.02683,-0.10853,-0.12832,-0.04089,0.03564,0.06266,0.04907,0.02535,0.02845,0,0.04874,-0.00614,0.03166,0.1068,-0.01064,-0.01009,0.08322,0.01299,0.02513,0.04384,0.00518,0.00553,0.00994,0.00011,-0.00922,0.07816,0.02238,-0.09816,0.03154,0.01111,0.06806,-0.02447,0.04465,0.03545,0.00518,0.0259,0.10302,0.02594,-0.03004,-0.07588,0.04272,-0.01968,-0.05138,-0.03976,-0.02326,-0.00042,0.02728,0.19188,0.02845,-0.04232,0.12069,0.08925,-0.01759,0.02926,-0.06359,0.02641,0.04652,-0.00637,-0.14598,0.02693,-0.05395,0.00338,-0.02431,0.03036,-0.01182,0.03514,0.07341,-0.06553,-0.06153,-0.00461,0.1074,-0.09943,-0.03851,-0.01454,0.09257,0.02581,-0.05097,-0.00518,0.02366,0.05548,0.03382,-0.01471,0.10514,-0.03837,0.02484,-0.00084,0.10536,-0.0633,0.1166,-0.00446,-0.05449,0.06262,-0.03212,0.01967,-0.03831,0.07258,-0.03291,0.04732,0.04569,0.02945,-0.1077,0.0199,0.05892,-0.06612,0.00968,0,-0.08416,0.04148,-0.0609,-0.00039,0.01109,0.00368,-0.02627,-0.00951,-0.01937,0.03026,-0.04237,0.07198,0.0218,0.03982,0.05542,-0.0846,0.01492,0.02474,-0.07928,0.02706,-0.00307,0.02393,0.03538,0.06548,-0.04849,-0.0684,-0.0799,0.03291,0.01615,-0.01703,-0.06421,-0.0172,0.0328,-0.02745,-0.1046,0.08098,-0.06656,-0.03608,-0.01634,-0.00664,0.06937,-0.00298,-0.04284,-0.01447,-0.09859,0.05095,0.03387,0.00552,-0.03304,0.0114,-0.01121,0.00391,-0.03344,-0.01438,0.03654,-0.02911,-0.01143,0.00153,0.11172,0.02469,-0.03795,0.0438,-0.05789,0.0328],"keywords":"FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging FSnapConnectionComponent - Auto-Snap Helper for Connection Dragging Reference for snapping preview behavior that helps users connect to nearby valid targets. Example ::: ng-component <auto-snap</auto-snap [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.scss :::","excerpt":"Example ::: ng-component <auto-snap</auto-snap [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.scss :::"},{"chunkId":"/docs/f-connection-waypoints-component#0","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.05173,-0.05428,-0.07362,0.05016,-0.06176,0.0469,0.00731,-0.01551,0.05392,-0.01782,0.00815,0.06388,-0.04404,0.00803,0.05869,0.00689,-0.06252,-0.01705,0.05719,0.00946,-0.04603,-0.10201,0.01428,0.00767,-0.04357,-0.0804,0.00312,0.02388,-0.02759,-0.04809,-0.00868,0.0669,-0.13168,-0.01387,-0.00695,-0.03809,0.07103,0.04998,0.03287,0.0003,0.05884,-0.05116,0.07309,-0.0421,0.02752,0.01058,-0.05923,-0.05903,0.00616,0.0389,-0.02547,0.03784,-0.0959,0.03941,0.06395,0.09323,0.08623,0.03558,-0.0576,0.03293,0.08117,-0.02279,0.00238,-0.01362,-0.09976,-0.02646,0.00692,-0.0025,0.06967,0.00148,-0.01966,0.02359,0.00506,-0.08968,0.11238,0.03968,0.00879,0.06749,-0.00615,-0.08485,0.03011,0.05334,0.04755,0.05197,0.04223,-0.02938,-0.07251,-0.08674,-0.02096,0.13684,-0.00138,0.03189,-0.0481,-0.03764,-0.02479,-0.01454,-0.04186,-0.04044,0.00071,0.01792,-0.05339,-0.03537,-0.00799,0.02255,0.05578,0.05819,-0.03524,0.01618,-0.04328,-0.00747,-0.02818,-0.0616,0.03346,-0.026,-0.04708,0.06431,-0.03876,0.0321,0.04297,0.04243,-0.02716,-0.05862,0.02325,0.04122,-0.0501,-0.03572,-0.04509,0,0.02359,0.05617,0.05514,-0.08284,0.06629,-0.00804,-0.05462,-0.04166,-0.04693,0.02931,-0.05288,-0.04487,-0.03057,-0.04681,0.0542,-0.12244,0.01822,0.01574,-0.04046,-0.03444,0.05524,-0.06224,-0.01248,-0.1187,0.08436,0.01661,-0.05088,0.05896,-0.01066,0.02174,0.00797,-0.00331,-0.00385,0.01437,-0.01566,-0.06864,0.00326,-0.06609,-0.12732,-0.00215,0.01219,-0.04215,-0.10421,0.04151,0.00254,0.04611,-0.03692,0.06068,0.04306,0.01794,-0.02639,0.03246,-0.0024,-0.08113,-0.02425,-0.0756,-0.11822,0.01016,-0.05365,-0.00139,0.03287,0.00515,-0.08548,-0.0121,0.00846,0.04265,-0.02156,-0.0252,0.07149,-0.00814,-0.03835,0.08696,-0.0098,-0.00207,-0.07109,-0.04265,-0.08529,-0.01721,0.10489,-0.01812,-0.01512,-0.03274,-0.06242,0.03728,0.07202,-0.04004,-0.01136,-0.04599,-0.0149,-0.0509,-0.0248,0.05751,0.05163,0.10058,-0.01208,0,-0.01447,-0.00712,0.03163,0.01462,-0.04446,0.04177,0.0495,-0.04783,0.07698,0.08319,0.00172,0.01554,0.0104,-0.10279,-0.01432,-0.05785,-0.01084,-0.0645,-0.05156,0.05905,-0.04287,-0.05359,-0.01112,-0.08903,0.06748,0.03806,0.02303,0.01768,-0.04427,0.04355,0.01843,-0.01923,0.04295,-0.09649,0.05355,0.03786,-0.00708,0.0284,-0.0075,-0.00107,0.06274,0.02831,-0.03692,0.06591,0.03434,0.11404,-0.04823,-0.01728,-0.1259,0.05788,-0.03143,0.004,-0.09191,-0.00776,-0.04023,0.11026,0.01856,0.00458,0.03168,-0.03206,0.07632,-0.06287,-0.00169,0.09477,0.13534,-0.02088,0.02213,0.04407,-0.04311,0.02156,0.02426,0.04666,0.01993,0.00856,0.0614,-0.02958,0.07183,-0.02188,0.02959,0.0582,0.01255,0.01319,0.03033,-0.01181,-0.00694,0.01479,-0.00387,0.06849,0.04889,0.06933,0.00534,0.06377,0.09486,-0.01671,-0.06438,0,-0.09575,-0.02477,-0.05631,0.0082,0.02782,0.02141,-0.04322,0.04856,0.00694,0.02283,-0.08261,0.08848,-0.02853,0.03024,0.01267,-0.04795,0.06623,0.01685,-0.04293,0.01372,-0.12113,0.00749,-0.032,0.08371,-0.02816,-0.06598,-0.02111,0.02163,0.04049,0.02292,-0.05863,-0.01865,-0.00253,0.10479,-0.08308,0.10191,-0.04473,0.04731,-0.10342,0.08999,0.04749,-0.06379,-0.03337,-0.01132,0.05208,0.02316,0.05394,0.02004,-0.05509,0.05257,-0.04447,0.04416,-0.0369,-0.05591,-0.03024,0.05418,0.01172,0.02001,-0.03665,0.02449,-0.06788,0.03918,0.04087,-0.04342],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Connection Waypoints Selector: f-connection-waypoints Class: FConnectionWaypoints FConnectionWaypoints adds editable intermediate points to a connection path. F Connection Waypoints","excerpt":"Connection Waypoints Selector: f-connection-waypoints Class: FConnectionWaypoints FConnectionWaypoints adds editable intermediate points to a connection path."},{"chunkId":"/docs/f-connection-waypoints-component#1","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.027,-0.05542,-0.0305,0.01706,-0.04103,0.0178,-0.02682,0.03674,0.06769,-0.0261,0.03651,0.09585,-0.02813,0.03162,0.06114,0.02186,-0.02654,-0.00715,0.04551,-0.00027,-0.03066,-0.12845,-0.02392,-0.00641,-0.02847,-0.05514,0.00769,0.00383,-0.00048,-0.06103,-0.02086,0.06773,-0.16831,-0.03167,-0.03098,-0.0181,0.04712,0.04945,-0.03209,0.00894,0.03913,-0.05973,0.08335,-0.01722,0.03755,-0.00309,-0.07239,-0.03071,-0.01455,0.04855,-0.03838,0.00934,-0.08874,0.02863,0.04842,0.04847,0.04115,0.02866,-0.04661,0.01901,0.09811,-0.02691,-0.01015,0.01463,-0.04747,-0.04868,0.02291,0.01753,0.07476,0.00549,-0.02426,-0.00645,-0.04088,-0.0476,0.08447,0.00383,0.00262,0.02917,-0.0513,-0.08604,0.0341,0.06527,0.00584,0.05157,0.02724,0.02464,-0.05907,-0.08642,0.00671,0.09449,0.04439,0.04547,-0.02276,-0.04904,0.03729,-0.01327,-0.05947,-0.03065,-0.01245,0.04152,0.00465,-0.02727,0.01531,-0.00002,0.07725,0.04456,-0.03365,0.03142,0.02391,-0.00263,-0.0427,-0.05558,0.06671,-0.04617,-0.06393,0.00567,-0.03183,-0.00083,0.03292,0.02469,-0.05069,-0.02937,0.04359,0.02343,-0.03362,-0.01616,-0.07215,0,-0.00447,0.06905,0.02763,-0.05505,0.06689,-0.01287,-0.07856,-0.05815,-0.00857,0.01235,-0.06102,-0.03716,-0.03109,-0.00441,0.09275,-0.10549,0.01899,0.06406,-0.07321,-0.00335,0.04763,-0.103,0.00254,-0.03543,0.07647,0.03917,-0.02896,0.06389,-0.00712,0.01825,0.02131,-0.01746,0.00013,0.03425,-0.00637,-0.01431,-0.0005,-0.105,-0.08326,-0.0126,-0.0329,-0.02165,-0.083,0.03545,0.01058,0.05265,-0.05151,0.08095,-0.00808,0.01493,-0.00821,0.06907,0.04619,-0.04924,0.01537,-0.06274,-0.08806,-0.0371,-0.03109,0.06121,0.03417,0.02649,-0.08279,-0.03668,-0.0222,0.01967,-0.01071,-0.01627,0.0785,-0.03009,-0.05592,0.07394,-0.04119,0.05305,-0.07531,-0.08372,-0.10044,0.00124,0.10901,-0.01948,-0.0564,-0.03374,-0.0505,0.04043,0.06547,-0.04126,0.01408,-0.08049,-0.06157,-0.03852,0.00718,0.07408,0.03594,0.14591,0.01699,0,-0.05029,0.00764,0.00299,0.02024,-0.03981,0.01434,0.03984,-0.09141,0.12609,0.04263,-0.03242,0.04084,-0.01691,-0.08487,0.03064,-0.09324,0.01172,-0.11248,-0.06694,0.03315,0.01918,-0.03365,-0.0785,-0.09034,0.0766,0.06324,-0.03874,-0.04587,-0.04927,0.05998,0.03416,-0.01502,0.03325,-0.08413,0.04978,0.07391,-0.028,0.05605,0.04758,-0.01819,0.05492,0.04807,-0.0034,0.04859,0.00373,0.1182,-0.07808,-0.04057,-0.12453,0.03396,-0.04974,0.02559,-0.02407,-0.01742,-0.03913,0.1015,0.00351,0.01755,0.00842,-0.03471,0.03805,-0.05383,-0.01566,0.07137,0.05464,-0.01298,0.03005,-0.02236,-0.03551,-0.00013,0.00137,0.0387,0.00497,-0.01328,0.0532,-0.03179,0.08842,-0.00152,0.00022,0.03399,-0.06126,0.02384,0.03305,-0.00729,-0.01385,0.02321,-0.0129,0.03421,0.05126,0.0873,0.00353,0.05443,0.04963,0.05763,-0.05158,0,-0.10341,-0.0252,-0.02077,0.00587,-0.00416,0.04938,-0.028,0.08058,0.01345,0.02843,-0.04648,0.06838,-0.08404,0.0387,0.05471,-0.02262,0.03265,0.02426,-0.07944,0.00643,-0.12312,0.01298,-0.07749,0.0846,-0.02368,-0.00855,0.00586,0.08421,0.00666,0.02908,-0.03148,0.02292,-0.01109,0.15266,-0.06661,0.10249,-0.06618,0.07176,-0.07345,0.06796,0.02945,-0.03896,0.01765,0.01133,0.08709,0.0296,0.02269,0.04435,-0.07489,0.05549,-0.08308,0.02204,-0.04385,-0.01617,0.04733,0.03473,0.03392,-0.01064,-0.01555,0.04634,-0.07821,0.05723,0.0229,-0.03342],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Why / Use cases Use waypoints when automatic routing is not enough and users must shape links manually. Typical use cases: - Diagram editors where readability depends on custom bends. - Dense flows with overlapping links. - Cases where connection paths should avoid specific visual areas.","excerpt":"Why / Use cases Use waypoints when automatic routing is not enough and users must shape links manually. Typical use cases: - Diagram editors where readability depends on custom bends. - Dense flows with overlapping links. - Cases where connection paths should avoid specific visual areas."},{"chunkId":"/docs/f-connection-waypoints-component#2","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.02701,-0.04317,-0.10237,0.05131,-0.04609,0.02226,0.01365,-0.00922,0.04036,-0.04,-0.00609,0.08231,-0.04897,-0.01942,0.04307,0.0029,-0.06235,-0.01423,0.03406,-0.0018,-0.03184,-0.12619,-0.00622,0.02763,-0.02443,-0.05217,0.02726,0.01921,-0.01109,-0.07205,-0.0279,0.07061,-0.12682,0.00111,-0.03452,-0.02258,0.03285,0.03833,0.00307,-0.02972,0.06535,-0.04754,0.05471,-0.03831,0.00678,0.02408,-0.05856,-0.00993,-0.02805,0.06298,-0.0197,0.02028,-0.09841,0.04561,0.07225,0.08615,0.08194,0.01868,-0.05111,0.03966,0.08625,-0.01306,-0.00382,0.01803,-0.09539,-0.03607,0.01972,-0.02595,0.07616,-0.041,-0.03167,0.03599,0.0042,-0.09325,0.11112,0.04444,-0.01792,0.06153,-0.01375,-0.10727,0.05086,0.06587,0.05675,0.05424,0.03555,-0.02544,-0.06513,-0.09226,-0.0072,0.12176,0.00586,0.03409,-0.07596,-0.04301,-0.06333,-0.02461,-0.02308,-0.03604,-0.00896,0.06244,-0.05045,-0.01256,0.00407,0.01995,0.05755,0.05098,-0.02046,0.02089,-0.04455,0.01236,-0.02065,-0.04389,0.04937,-0.02656,-0.05808,0.04485,-0.03968,0.04815,0.02392,0.00414,-0.00128,-0.04446,0.04026,0.04068,-0.06164,-0.01743,-0.08404,0,0.02884,0.05368,0.03289,-0.04203,0.04076,-0.01348,-0.03075,-0.05394,0.00522,0.02509,-0.0511,-0.01711,-0.01,-0.01455,0.07744,-0.12475,0.03271,0.02891,-0.05955,-0.01628,0.03902,-0.04264,-0.03049,-0.08227,0.09949,0.04821,-0.06989,0.09731,-0.03678,0.01171,0.03352,-0.00918,-0.01029,0.00336,0.00899,-0.07884,-0.00404,-0.09908,-0.1186,-0.01178,0.02968,-0.03753,-0.10723,0.01722,-0.03502,0.05848,-0.05158,0.10224,0.04251,0.00236,-0.02109,0.06008,-0.02654,-0.07608,-0.01327,-0.07409,-0.12032,-0.01933,-0.01419,0.02991,0.04636,0.01656,-0.0637,-0.01559,0.00365,0.04712,0.01295,-0.04035,0.06968,-0.01125,-0.05314,0.0973,0.01158,0.0359,-0.05982,-0.04072,-0.07066,-0.01839,0.08119,-0.02559,-0.00513,-0.02794,-0.04621,0.03193,0.06403,-0.0831,0.01043,-0.06112,-0.04159,-0.05818,0.00226,0.04647,0.04972,0.07655,-0.0208,0,-0.01938,-0.01808,0.01364,0.02409,-0.04423,0.02644,0.04143,-0.00684,0.07069,0.06663,-0.04933,0.02337,-0.01063,-0.08973,0.03132,-0.04462,0.00092,-0.07004,-0.07775,0.03074,-0.04624,-0.04282,-0.02827,-0.09099,0.05816,0.04027,0.01149,0.00811,-0.07168,0.03307,0.01578,-0.03926,0.02394,-0.05019,0.06148,0.00351,0.01009,0.01139,0.00043,-0.0078,0.07942,0.03673,-0.02456,0.06907,0.03805,0.10709,-0.08304,0.00122,-0.12654,0.04021,-0.01444,0.02501,-0.06536,-0.01762,-0.02776,0.12059,0.02037,0.01443,0.0486,-0.02814,0.02985,-0.09843,0.01493,0.10597,0.11872,-0.00482,0.03893,-0.00328,-0.02942,0.05338,0.06218,0.01176,0.00675,0.00015,0.06035,-0.04094,0.09105,-0.03258,0.01379,0.0387,0.01367,0.0139,0.03443,-0.00935,0.00902,0.0347,-0.00926,0.06618,0.05844,0.08053,-0.00386,0.06722,0.06335,-0.00453,-0.03993,0,-0.10368,-0.0097,-0.0663,0.03385,0.02173,0.02311,-0.0313,0.06329,-0.02238,-0.00088,-0.05609,0.08337,-0.02103,0.01722,0.03606,-0.027,0.07494,0.01811,-0.06916,0.01127,-0.11601,0.03043,-0.0325,0.08763,-0.01275,-0.07911,0.00853,0.06826,0.034,0.01369,-0.01198,-0.00348,0.02295,0.12262,-0.06581,0.07819,-0.06953,0.05421,-0.06493,0.12412,0.01793,-0.03931,-0.016,-0.00544,0.05048,0.01657,0.0339,0.00621,-0.0545,0.02745,-0.06114,0.06124,-0.03982,-0.04108,-0.03489,0.01822,0.01521,0.03166,0.00801,0.03431,-0.09843,0.03157,0.04476,-0.05151],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. How it works Place f-connection-waypoints inside a connection. It stores waypoint coordinates in waypoints, renders candidate/active waypoint circles, and updates the bound array during edits. Changes are also emitted through fConnectionWaypointsChanged on fDraggable. f Connection Waypoints Changed f Draggable","excerpt":"How it works Place f-connection-waypoints inside a connection. It stores waypoint coordinates in waypoints, renders candidate/active waypoint circles, and updates the bound array during edits. Changes are also emitted through fConnectionWaypointsChanged on fDraggable."},{"chunkId":"/docs/f-connection-waypoints-component#3","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.02644,-0.03967,-0.03486,0.03639,-0.06099,0.01853,-0.01387,-0.02972,0.03705,-0.02601,0.00422,0.05268,-0.01821,0.01283,0.0651,0.01819,-0.03795,-0.01261,0.07545,0.00806,-0.04065,-0.07756,0.00889,0.03811,0.01421,-0.07192,0.01821,-0.01675,-0.00341,-0.04039,-0.0144,0.05218,-0.1694,-0.0073,0.01054,-0.033,0.05423,0.03553,0.05073,-0.00474,0.08928,-0.01552,0.06088,-0.0558,0.0296,0.01363,-0.07561,-0.04597,0.00889,0.05189,-0.02828,0.01618,-0.08616,0.01252,0.04727,0.07623,0.02944,0.06046,-0.05912,0.01504,0.09567,-0.05521,0.02362,-0.00993,-0.10777,-0.02447,0.0123,-0.01575,0.05484,-0.00136,-0.02535,0.01381,-0.00322,-0.08541,0.11912,0.04856,-0.00858,0.06395,-0.01969,-0.07483,0.03677,0.05529,0.03276,0.08442,0.03881,-0.02506,-0.06483,-0.07677,-0.01515,0.11368,-0.00762,0.02047,-0.05507,-0.04624,-0.0073,-0.00539,-0.07277,-0.03672,-0.01196,0.02989,-0.0367,-0.03387,0.00431,0.03846,0.07591,0.07236,-0.02658,0.00215,-0.03894,0.0393,-0.02592,-0.02093,0.05961,-0.01292,-0.04451,0.08145,-0.03686,0.02649,0.03918,0.01664,-0.03845,-0.06984,0.03023,0.03821,-0.06592,-0.04355,-0.01862,0,-0.00631,0.0648,0.07545,-0.08239,0.04516,0.00548,-0.06011,-0.0453,-0.01347,0.00799,-0.07446,-0.05306,-0.01845,-0.06847,0.05071,-0.1092,0.01843,0.04627,-0.04749,-0.00366,0.03253,-0.07986,-0.02993,-0.0961,0.05102,0.01553,-0.06533,0.04709,-0.02909,0.02278,0.00005,0.01087,-0.00489,0.02923,-0.02877,-0.06532,0.00662,-0.07164,-0.11267,-0.00879,0.01413,-0.01175,-0.12309,0.04323,-0.03573,0.04921,-0.03558,0.09458,0.05376,-0.01209,-0.03936,0.06477,-0.00554,-0.09873,-0.00149,-0.10242,-0.10216,-0.00301,-0.03676,0.00494,0.05184,0.00283,-0.0721,-0.02355,0.00406,0.03233,-0.02099,-0.00633,0.04775,-0.01409,0.00434,0.10308,-0.01535,0.02106,-0.07876,-0.08085,-0.05319,-0.00677,0.11333,-0.01259,-0.0004,-0.01083,-0.05659,0.01872,0.06273,-0.01865,0.02288,-0.05854,-0.02845,0.00654,-0.02326,0.026,0.03528,0.10351,-0.03183,0,-0.01613,-0.01956,0.03347,0.00017,-0.0293,0.0277,0.05297,-0.00204,0.08131,0.07438,-0.00004,0.01683,-0.00153,-0.07662,0.01197,-0.04673,0.00239,-0.07327,-0.02224,0.04183,-0.02642,-0.0185,-0.06916,-0.09429,0.07254,0.06844,-0.01921,0.0112,-0.05943,0.0508,0.01231,-0.01925,0.05007,-0.06555,0.03809,0.04996,-0.02965,0.06822,0.02511,-0.02778,0.05784,-0.01133,-0.03907,0.07251,0.03913,0.07536,-0.04518,-0.00296,-0.1573,0.04699,-0.01373,0.04528,-0.0713,-0.01136,-0.03448,0.11377,0.00383,-0.00841,0.03484,-0.06452,0.06141,-0.04685,-0.00262,0.10523,0.13672,-0.01157,0.02629,0.00719,-0.03692,-0.00336,0.01138,0.0582,0.02042,0.01419,0.08016,-0.04695,0.07164,-0.01908,0.01819,0.03773,-0.03464,0.01622,0.04998,0.00736,0.01303,0.04524,-0.01099,0.06627,0.02352,0.13309,-0.01053,0.0582,0.07791,0.00101,-0.03657,0,-0.09941,-0.01358,-0.06357,0.01458,0.00564,0.0429,-0.0368,0.07868,-0.00163,0.00982,-0.09099,0.07054,-0.03508,0.04256,0.00643,-0.04759,0.04523,0.02928,-0.05191,-0.00476,-0.14131,0.02827,-0.01182,0.05673,-0.03305,-0.03672,0.01532,0.04785,0.04175,0.00096,-0.07899,-0.03675,-0.01149,0.11272,-0.09289,0.08246,-0.04804,0.08493,-0.0881,0.1004,0.02625,-0.02627,-0.01461,-0.00267,0.08197,0.03264,0.04685,0.04545,-0.00674,0.05001,-0.06124,0.05305,-0.05229,-0.04245,-0.02312,0.03013,-0.016,0.02265,-0.03668,0.03604,-0.06579,0.01979,0.02744,-0.04806],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. API","excerpt":"API"},{"chunkId":"/docs/f-connection-waypoints-component#4","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.04276,-0.05409,-0.11272,0.03849,-0.05581,0.02017,0.00714,0.00983,0.05066,-0.05778,0.02642,0.05303,-0.02419,-0.01161,0.05708,0.0062,-0.06689,-0.02103,0.06696,-0.03013,-0.00582,-0.11681,0.01027,0.04215,-0.03892,-0.03832,0.05314,-0.016,-0.00719,-0.05696,-0.01748,0.05954,-0.15724,-0.00867,-0.01168,-0.04355,0.05492,0.05683,-0.01092,-0.0274,0.08196,-0.03819,0.07918,-0.06165,-0.00336,-0.00084,-0.07527,-0.00214,0.02732,0.03421,-0.0378,-0.01482,-0.07549,-0.00149,0.07008,0.06893,0.03491,0.01611,-0.05509,0.02398,0.09242,-0.03982,0.01534,0.00703,-0.08596,-0.04103,-0.00061,-0.01792,0.02453,-0.01014,-0.0193,0.01605,0.01327,-0.08805,0.10346,0.05375,-0.02453,0.05108,-0.03595,-0.05985,0.05832,0.0658,0.05996,0.11409,0.00996,-0.00699,-0.06567,-0.1095,-0.01104,0.09548,-0.00562,0.05447,-0.09556,-0.03531,-0.03277,-0.04127,-0.05246,-0.05228,-0.01289,0.04133,-0.04073,-0.01787,-0.0085,-0.02092,0.07631,0.07959,-0.01322,-0.00844,-0.00274,0.05309,-0.02121,-0.06119,0.04225,-0.01467,-0.03856,0.05888,-0.0079,0.03852,0.01367,0.00988,-0.0429,-0.02143,-0.0087,0.02138,-0.0396,-0.02355,-0.04323,0,0.0127,0.07345,0.03806,-0.07364,0.02011,-0.01227,-0.02321,-0.03727,-0.02025,0.04112,-0.05568,-0.0642,-0.01259,-0.07227,0.04844,-0.10715,0.05465,0.00585,-0.06115,-0.03116,0.01688,-0.07755,-0.04664,-0.07816,0.0614,0.03909,-0.05777,0.04835,-0.00757,0.01393,0.05751,-0.00098,0.00247,0.02725,-0.01488,-0.07173,-0.01055,-0.03884,-0.09973,-0.00162,0.00009,-0.05713,-0.11339,0.03683,-0.02629,0.08474,-0.03577,0.07535,0.03252,-0.0221,-0.06471,0.0646,-0.02673,-0.08427,0.00466,-0.07843,-0.12467,0.02427,-0.04081,0.02105,0.01354,0.00903,-0.05453,-0.05285,-0.03637,0.04508,-0.05708,-0.05495,0.07572,-0.00905,-0.01517,0.07482,0.02186,0.05667,-0.05239,-0.03464,-0.08416,0.00017,0.13491,-0.02359,-0.03191,0.0057,-0.03879,0.06059,0.10125,-0.0723,0.00079,-0.02321,-0.03784,-0.00946,-0.01165,0.04981,0.04618,0.06423,-0.04383,0,-0.02902,0.03216,-0.00302,-0.005,-0.05025,0.02484,0.03894,-0.0017,0.05941,0.08294,-0.01043,0.04358,0.01481,-0.05864,0.02247,-0.03996,0.03628,-0.03178,-0.05187,0.05281,-0.02757,-0.04548,-0.05598,-0.08957,0.05239,0.07644,0.0296,-0.01469,-0.06155,0.06952,0.00303,-0.01105,0.05694,-0.06008,0.07366,0.00999,-0.02082,0.01309,-0.00405,-0.03127,0.04649,0.00647,-0.01972,0.04867,0.02585,0.08729,-0.01867,0.00652,-0.15073,0.05023,-0.02516,0.02555,-0.06816,0.02639,-0.02427,0.12951,-0.01421,0.00444,0.07026,-0.02449,0.04767,-0.12513,-0.00227,0.12985,0.11796,-0.00845,0.04805,0.03924,-0.02997,0.01113,0.00697,0.07064,0.03542,0.01747,0.04826,-0.0235,0.0778,-0.03194,0.00639,0.04323,-0.00261,0.01447,0.0301,-0.0414,0.0528,0.03045,0.02986,0.04902,0.04167,0.11512,0.00271,0.0681,0.0471,0.00207,-0.01483,0,-0.10109,-0.02616,-0.04471,0.02646,-0.01317,0.03479,-0.02371,0.03175,-0.00995,0.00316,-0.06529,0.07816,-0.04583,0.03908,0.04171,-0.04748,0.05088,0.00792,-0.03906,0.00843,-0.10264,-0.01645,-0.02197,0.09022,-0.01303,-0.0592,-0.02615,0.03602,0.03322,0.00703,-0.03541,-0.02454,-0.03011,0.0971,-0.09177,0.06481,-0.06286,0.07785,-0.05375,0.10109,0.0196,-0.04018,-0.03119,-0.00721,0.0619,0.05009,0.07151,0.01744,-0.04849,0.03163,-0.05126,0.03312,0.00143,-0.06755,0.01455,0.00138,0.01602,0.02996,-0.06949,0.04264,-0.09845,0.03239,0.03463,-0.0484],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Inputs - radius: number; Default: 4. Radius of the waypoint circle. - waypoints: IPoint[]; Two-way binding for waypoint coordinates (x, y). - visibility: boolean; Default: true. Toggles visibility of waypoints. I Point","excerpt":"Inputs - radius: number; Default: 4. Radius of the waypoint circle. - waypoints: IPoint[]; Two-way binding for waypoint coordinates (x, y). - visibility: boolean; Default: true. Toggles visibility of waypoints."},{"chunkId":"/docs/f-connection-waypoints-component#5","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.04191,-0.06821,-0.04285,0.04969,-0.08341,0.05023,0.03541,-0.01571,0.07081,-0.03346,0.01186,0.03491,-0.04051,-0.0103,0.04687,0.03405,-0.04293,-0.00343,0.04812,-0.00326,-0.02252,-0.12583,-0.00945,0.02285,-0.03469,-0.03136,0.03031,-0.0082,0.00724,-0.04104,-0.02974,0.03556,-0.17551,-0.0213,-0.01045,-0.04581,0.06004,0.04722,0.01096,0.00262,0.09314,-0.03813,0.07091,-0.0586,0.01707,0.03064,-0.05465,-0.01309,-0.00768,0.05564,-0.01115,0.02144,-0.04865,-0.01468,0.07307,0.09168,0.06524,0.05263,-0.05016,0.00426,0.07205,-0.0197,-0.00325,-0.00272,-0.09027,-0.02253,0.00736,-0.0064,0.04867,-0.00138,-0.02426,0.02076,0.01284,-0.07607,0.11215,0.02308,-0.0194,0.05934,-0.02303,-0.08996,0.04844,0.05428,0.04989,0.074,0.06545,-0.0385,-0.092,-0.0824,-0.027,0.12054,-0.03543,0.04417,-0.06327,-0.04322,-0.0075,-0.02246,-0.06757,-0.03422,0.01207,0.03424,-0.05106,0.01263,-0.03768,0.01824,0.08692,0.06598,-0.06816,-0.00452,-0.01817,0.05794,-0.0107,-0.04846,0.06098,-0.02047,-0.03726,0.06399,-0.01714,0.06084,0.01529,0.01904,-0.0407,-0.07684,0.00111,0.03711,-0.04594,-0.03237,-0.00776,0,0.01382,0.01824,0.043,-0.07951,0.04551,0.01729,-0.05911,-0.04689,-0.02762,0.01703,-0.04805,-0.05118,-0.00082,-0.0688,0.0659,-0.11609,0.02898,0.02067,-0.04263,-0.00176,0.01442,-0.06051,-0.0339,-0.09814,0.06509,0.02687,-0.05507,0.07211,-0.01765,0.00786,0.04749,0.0168,-0.001,0.0029,-0.04221,-0.09876,-0.00721,-0.0649,-0.10156,-0.01379,-0.01599,-0.05911,-0.14318,0.01118,-0.03503,0.04798,-0.03401,0.07847,0.04663,-0.04776,-0.03515,0.03913,-0.00931,-0.06488,-0.00579,-0.07066,-0.13424,0.02975,-0.03496,0.02968,0.03354,0.02201,-0.05271,-0.03133,0.01806,0.04918,-0.03088,-0.04463,0.05147,-0.0081,-0.01384,0.09681,-0.00931,0.0143,-0.06685,-0.04326,-0.09592,-0.01947,0.09658,-0.00547,-0.02176,-0.00245,-0.02747,0.05289,0.09335,-0.06595,-0.01795,-0.04214,-0.0643,-0.00922,-0.0109,0.04563,0.05916,0.08846,-0.01888,0,-0.03214,0.01052,0.00392,0.0026,-0.03454,0.02442,0.03106,-0.0207,0.06249,0.09099,0.01772,0.02463,-0.01047,-0.05623,0.01198,-0.0321,0.02664,-0.04146,-0.03282,0.04677,-0.01066,-0.04503,-0.04939,-0.09486,0.06206,0.05573,0.0429,0.01942,-0.06884,0.03221,0.00444,0.00781,0.04513,-0.05984,0.06942,0.03835,-0.02703,0.00384,-0.0007,0.00038,0.06627,0.01957,-0.02367,0.05003,0.04175,0.10122,-0.07385,0.01598,-0.12283,0.04422,-0.03051,0.02406,-0.06431,0.0236,-0.03161,0.14731,-0.01337,-0.01654,0.04906,-0.02551,0.04501,-0.08956,0.01229,0.11918,0.12972,0.00399,0.03958,0.01766,-0.01347,0.00376,0.03187,0.05165,0.01608,0.0045,0.06268,-0.02991,0.08586,-0.03352,0.00925,0.01324,-0.00868,-0.00009,0.06299,-0.03489,0.01527,0.06669,0.0001,0.07121,0.05275,0.11909,-0.01453,0.05877,0.08137,-0.01003,-0.05133,0,-0.11829,-0.01941,-0.02818,0.01514,-0.01557,0.03218,-0.0295,0.04116,-0.02162,-0.00146,-0.09578,0.09062,-0.01686,0.03893,0.03928,-0.05809,0.0603,-0.01317,-0.05004,-0.01724,-0.09916,-0.00471,-0.01463,0.09001,-0.03937,-0.07079,0.00419,0.04311,0.02804,-0.00481,-0.03986,-0.02863,-0.0059,0.09826,-0.07668,0.08678,-0.04535,0.04272,-0.03771,0.08162,0.02644,-0.03216,-0.04418,0.01359,0.05884,0.04089,0.07552,0.01958,-0.02277,0.04504,-0.04752,0.05129,-0.03768,-0.07081,-0.00264,0.02265,-0.01615,0.01116,-0.01387,0.05657,-0.09672,0.0237,0.008,-0.0604],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Outputs - waypointsChange: EventEmitter<IPoint[]; Emitted when waypoints change (two-way binding). waypoints Change Event Emitter I Point","excerpt":"Outputs - waypointsChange: EventEmitter<IPoint[]; Emitted when waypoints change (two-way binding)."},{"chunkId":"/docs/f-connection-waypoints-component#6","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.02093,-0.02788,-0.06139,0.03512,-0.0453,0.04603,0.00582,-0.00138,0.02233,-0.02767,-0.01177,0.05765,-0.04177,0.0031,0.06545,0.0131,-0.08207,-0.00328,0.07178,0.021,-0.03881,-0.10182,0.0199,0.01588,-0.03234,-0.02979,0.03799,0.003,0.00396,-0.06342,0.02069,0.07748,-0.16216,-0.00704,-0.01001,-0.02783,0.05024,0.05482,-0.01029,0.00901,0.07571,-0.04154,0.07705,-0.07803,0.02831,0.00272,-0.06444,-0.05041,0.01912,0.02979,-0.03721,0.00426,-0.06671,0.02159,0.04968,0.06565,0.06407,0.0017,-0.04748,0.01891,0.07536,-0.04097,0.00682,0.00719,-0.10794,-0.02872,0.00157,0.0127,0.04425,-0.0139,-0.01443,0.00002,0.00701,-0.07438,0.11697,0.02905,0.00904,0.07001,-0.02424,-0.08293,0.04766,0.04241,0.04397,0.05457,0.02851,-0.01195,-0.07952,-0.09904,-0.02663,0.11845,-0.01736,0.0466,-0.06461,-0.04198,0.02119,-0.00747,-0.0897,-0.04013,-0.00308,0.04254,-0.06658,-0.02587,0.01656,0.01095,0.0654,0.08079,-0.02471,0.04596,-0.02034,-0.00148,-0.03542,-0.04838,0.0476,-0.04573,-0.03002,0.0136,-0.03611,-0.00902,-0.00734,0.02845,-0.00691,-0.04578,0.01183,0.02877,-0.02872,-0.02617,-0.04151,0,0.01041,0.07146,0.03334,-0.0331,0.06484,0.01374,-0.0265,-0.05886,-0.03644,0.03926,-0.08153,-0.07095,-0.05852,-0.04004,0.02304,-0.1551,0.03355,0.03034,-0.05829,-0.012,0.07336,-0.08199,-0.02713,-0.10332,0.07793,0.02125,-0.06781,0.05619,-0.0613,0.01397,0.03746,-0.0294,0.0128,0.01263,-0.03122,-0.0777,0.00495,-0.06448,-0.08533,-0.01261,-0.01395,-0.0269,-0.09455,0.03195,-0.02064,0.07511,-0.02511,0.08794,0.05731,0.01512,-0.01512,0.05811,0.0011,-0.05963,0.02241,-0.079,-0.11377,0.05019,-0.03296,0.02896,0.02599,0.02694,-0.11619,-0.05023,0.00855,0.02995,-0.00795,-0.02919,0.06976,-0.02584,-0.02003,0.08748,-0.01892,0.02293,-0.04444,-0.06491,-0.05447,-0.01412,0.112,-0.01247,-0.07612,-0.03064,-0.051,0.04029,0.07731,-0.03692,0.02416,-0.06695,-0.03124,-0.03174,-0.01487,0.04206,0.04359,0.07923,-0.00256,0,-0.03972,0.03037,0.00172,0.01999,-0.02815,0.03936,0.05968,-0.01112,0.07267,0.10563,0.00649,0.04349,0.00184,-0.0996,0.0322,-0.04468,0.00752,-0.07152,-0.0166,0.03484,-0.03682,0.00207,-0.07635,-0.11132,0.05697,0.07031,0.00191,0.01021,-0.03123,0.05534,0.02575,-0.01811,0.04731,-0.06475,0.06086,0.03667,-0.02789,0.06188,0.0181,-0.01549,0.0621,0.00456,-0.03835,0.07222,0.0051,0.0837,-0.04421,-0.02229,-0.11895,0.04438,-0.04328,0.0109,-0.06789,-0.00727,-0.04389,0.11641,0.01973,0.00973,0.00219,-0.0343,0.08345,-0.06012,0.0024,0.08059,0.12648,-0.01893,0.00827,0.02037,-0.03602,0.00795,0.01577,0.07812,0.01072,0.02517,0.05886,-0.05281,0.0806,0.02355,0.05039,0.06347,-0.02067,0.03172,0.02265,-0.00891,0.02224,0.00705,0.0089,0.05,0.05304,0.08401,-0.02136,0.05353,0.08255,-0.01138,-0.03947,0,-0.11861,-0.04362,-0.0331,-0.0048,-0.00944,0.04189,-0.0422,0.05448,-0.00119,0.00732,-0.07599,0.10918,-0.02148,0.01725,0.05241,-0.05373,0.02907,0.02744,-0.06729,-0.02371,-0.11077,0.0077,-0.03631,0.09473,-0.05037,-0.0555,0.01781,0.02634,0.06248,0.02541,-0.0588,-0.01913,-0.01398,0.09384,-0.07165,0.09264,-0.06767,0.05279,-0.08313,0.09266,0.01083,-0.03568,-0.01572,-0.0196,0.06066,0.0567,0.02254,0.02703,-0.04426,0.05091,-0.06679,0.05939,-0.05081,-0.01918,-0.01893,0.02614,-0.01599,0.01198,0.00396,0.01135,-0.10009,0.05075,0.03525,-0.03394],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Styling - .f-component Base class for flow primitives. - .f-connection-waypoints Host class. - .f-candidate Candidate waypoint class. - .f-waypoint Active waypoint class.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-connection-waypoints Host class. - .f-candidate Candidate waypoint class. - .f-waypoint Active waypoint class."},{"chunkId":"/docs/f-connection-waypoints-component#7","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[0.01924,-0.03142,-0.06313,0.04408,-0.06334,0.06069,-0.00583,-0.02169,0.04593,-0.03533,0.01166,0.07133,-0.04512,0.02186,0.0625,0.02464,-0.04779,-0.02028,0.07444,0.03421,-0.02846,-0.10517,-0.00386,0.0067,0.01919,-0.05344,0.05584,-0.02991,0.01752,-0.0322,0.01514,0.07172,-0.18055,-0.02688,-0.02566,-0.04035,0.03993,0.04011,-0.00763,-0.03548,0.11238,0.0004,0.03247,-0.06621,0.03619,-0.01129,-0.05536,-0.04999,-0.01479,0.0299,-0.04017,0.02754,-0.07934,0.04707,0.02839,0.08987,0.0538,0.05834,-0.01652,0.04254,0.09797,-0.03116,0.01783,-0.01259,-0.06426,-0.0183,0.01136,0.00093,0.07224,-0.00083,-0.03102,-0.00271,0.0274,-0.09691,0.11502,0.02607,-0.02325,0.02364,-0.01008,-0.08159,0.05194,0.06893,0.02924,0.06863,0.0478,-0.01219,-0.03695,-0.08991,-0.00625,0.086,0.02152,0.02934,-0.00899,-0.03893,0.00817,-0.01231,-0.08216,-0.03252,-0.00823,0.01768,-0.00396,-0.02394,-0.0106,0.03719,0.04006,0.06213,-0.04442,0.01026,-0.05045,0.04443,-0.01479,-0.01082,0.03909,-0.02817,-0.04538,0.028,-0.00765,0.04227,0.0182,0.03588,-0.04864,-0.06376,0.03565,0.04052,-0.03169,-0.02752,-0.04807,0,-0.00754,0.04361,0.02453,-0.07174,0.07425,-0.0149,-0.04187,-0.0159,-0.00332,0.02573,-0.04327,-0.04093,-0.03307,-0.03547,0.06863,-0.13186,0.023,0.04866,-0.04203,-0.02269,0.05208,-0.06641,-0.026,-0.10487,0.08659,0.01509,-0.0436,0.05706,-0.07395,0.0044,0.05444,0.0096,-0.019,0.03883,-0.0218,-0.06313,-0.01719,-0.07105,-0.1034,-0.00671,-0.01537,-0.0438,-0.1232,0.04172,0.0013,0.02106,-0.00125,0.08336,0.03112,-0.02435,-0.03211,0.06155,0.00662,-0.09078,-0.01918,-0.06416,-0.10917,-0.00359,-0.01324,-0.00975,0.02232,-0.00347,-0.10544,-0.01266,-0.02277,0.03374,-0.03472,-0.06063,0.06236,-0.02644,-0.02202,0.08795,0.00643,0.01434,-0.07458,-0.07194,-0.09196,-0.00674,0.09511,-0.0097,-0.02137,-0.03914,-0.06681,0.0685,0.10973,-0.07238,-0.00648,-0.09151,-0.02904,-0.00689,-0.00358,0.04285,0.0424,0.09763,-0.00641,0,0.00336,0.0129,0.02409,-0.01209,-0.0467,0.01869,0.03186,0.00673,0.0593,0.07633,0.01369,0.03921,0.02866,-0.06548,-0.00612,-0.00425,0.00941,-0.0762,-0.04463,0.01569,-0.02928,-0.04215,-0.0408,-0.08276,0.05223,0.05962,0.03649,-0.00449,-0.0271,0.03781,0.01882,-0.0008,0.04884,-0.10865,0.062,0.06153,-0.04725,0.03036,0.00979,-0.02825,0.05676,0.00917,-0.01089,0.0509,0.01366,0.08378,-0.04676,0.02683,-0.12268,0.04568,-0.03091,0.03455,-0.07324,-0.0341,-0.02358,0.11174,0.01576,-0.01527,0.04321,-0.05177,0.09904,-0.04101,0.0028,0.08278,0.14346,-0.01207,0.00665,0.01731,-0.0355,0.00191,-0.00148,0.06052,0.0201,-0.01257,0.054,-0.04069,0.08297,-0.05408,0.05176,0.00277,0.00979,-0.00626,0.01834,-0.04817,0.00961,0.01094,-0.02934,0.03651,0.04439,0.11884,-0.02887,0.04767,0.09086,-0.01274,-0.06924,0,-0.10329,-0.01977,-0.03965,-0.01784,-0.0146,0.01102,-0.04184,0.09494,0.0341,0.02199,-0.06684,0.06412,-0.05442,0.05093,0.06552,-0.04031,0.03723,0.01606,-0.0621,-0.02588,-0.10884,0.02042,-0.03101,0.10571,-0.00071,-0.03905,0.02094,0.08186,0.06642,0.00207,-0.04651,-0.02178,0.00774,0.13489,-0.0902,0.1238,-0.01559,0.05818,-0.0649,0.06881,0.02409,-0.0525,-0.02203,0.00756,0.03567,0.03175,0.04244,0.04026,-0.01751,0.05712,-0.07818,0.04359,-0.08302,-0.04779,-0.01668,0.02561,0.00242,0.00262,0.01467,0.05036,-0.07497,0.03785,0.01216,-0.03993],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Notes / Pitfalls - Waypoints are meaningful only for connection types that render path segments through intermediate points. - Keep waypoint arrays in app state if you need persistence. - Right-click removes a waypoint (context menu action inside the component template).","excerpt":"Notes / Pitfalls - Waypoints are meaningful only for connection types that render path segments through intermediate points. - Keep waypoint arrays in app state if you need persistence. - Right-click removes a waypoint (context menu action inside the component template)."},{"chunkId":"/docs/f-connection-waypoints-component#8","slug":"f-connection-waypoints-component","route":"/docs/f-connection-waypoints-component","section":"docs","title":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths","description":"Add, move, and remove intermediate waypoint points to shape connection routing explicitly.","group":"Connections","vector":[-0.01327,0.00412,-0.05112,0.05522,-0.00376,0.06763,-0.01173,-0.01422,0.03572,0.03928,-0.05286,0.05116,-0.05554,0.03473,0.05953,-0.00427,-0.09543,0.0082,0.04526,0.00697,-0.04393,-0.06193,0.05246,0.0506,0.01279,-0.0084,0.01727,-0.03655,0.03352,-0.04362,0.0381,0.07195,-0.15128,-0.00355,-0.03008,0.04022,0.02759,0.05783,0.01716,-0.01498,0.13129,0.01279,0.0779,-0.13369,0.02977,0.02109,-0.0592,0.00628,-0.01107,0.02851,-0.06993,-0.04722,-0.08696,0.04354,0.03181,0.0023,0.02393,-0.0259,0.00017,0.0131,0.03619,-0.0844,0.02526,-0.03358,-0.02848,-0.01835,-0.07313,0.012,-0.01517,0.06512,0.04184,-0.01935,-0.01094,-0.0715,0.09831,-0.00441,-0.06225,0.09745,-0.02232,-0.04644,0.05951,0.01788,0.03314,0.0542,-0.00566,0.01197,-0.03388,-0.09229,-0.01506,0.00729,0.01406,0.0647,-0.03589,0.00664,0.06563,-0.02227,-0.13027,0.00676,-0.02367,0.03341,-0.02555,-0.05993,0.04377,0.06089,0.06373,0.07703,-0.00476,0.09109,-0.02186,0.02427,-0.02012,0.01971,0.06699,-0.02457,-0.06387,-0.03834,-0.04817,0.01099,-0.03084,0.07717,-0.00453,-0.06621,-0.024,-0.0017,0.01321,-0.01696,0.02683,0,0.01288,0.0733,-0.0012,-0.03671,0.06339,-0.01247,-0.07432,-0.10111,-0.01004,0.09878,-0.06272,-0.0565,-0.06938,-0.06529,0.00682,-0.12667,0.0401,0.01848,-0.06309,0.01015,0.09866,-0.0724,-0.0503,-0.06409,0.09044,-0.00682,-0.07073,0.00257,-0.07005,-0.00255,0.07695,0.02941,0.03839,-0.0401,-0.02573,-0.07023,0.03266,-0.03566,-0.09321,-0.0432,0.04193,-0.03391,-0.1327,0.08014,-0.03493,0.04583,-0.0069,0.05485,0.07542,0.02793,-0.03821,0.06436,-0.01726,-0.06,0.0468,-0.06878,-0.09997,0.05335,-0.0397,0.03196,0.04218,0.01669,-0.05574,-0.05921,0.02978,-0.01488,-0.00141,0.0398,0.06278,-0.06061,-0.0561,0.08651,-0.02705,0.03791,-0.05126,-0.09246,-0.02182,0.02696,0.14221,-0.02929,-0.0349,-0.06111,-0.06547,0.06314,0.07552,-0.04069,-0.00689,-0.07378,-0.05708,-0.05618,0.03175,0.04078,0.02,0.00938,-0.00665,0,0.02163,-0.00196,0.00811,0.04763,-0.04312,-0.02011,0.08098,0.04693,0.08803,0.10306,-0.00021,0.04693,0.02545,-0.07678,0.03181,-0.03787,0.02129,-0.0765,0.02998,-0.01106,-0.01525,0.01582,-0.05367,-0.06303,0.03695,0.11165,0.01563,0.0328,0.00832,0.01867,-0.00424,-0.02886,0.00462,-0.0516,0.00947,0.00072,-0.01886,0.09286,0.02093,-0.01944,0.09342,0.04861,-0.03766,0.01809,-0.00697,0.02741,0.02482,-0.03459,-0.10085,-0.00644,-0.02331,0.04542,-0.06718,0.00077,-0.02698,0.04366,0.03508,-0.04801,-0.00405,-0.06746,0.07284,-0.00801,0.02185,0.02787,0.12274,0.02557,-0.05048,-0.02317,0.03441,0.01639,-0.00058,0.05284,0.0241,0.00719,0.09895,0.00161,0.06525,0.0113,0.07065,0.00789,-0.0357,0.04895,0.00585,0.02312,0.03339,0.05374,-0.07299,0.01073,0.04017,0.11632,-0.05081,-0.04115,0.09979,-0.02779,-0.01425,0,-0.11666,-0.03995,-0.04202,0.01566,0.00635,0.00552,-0.02639,0.02942,0.0127,-0.00615,-0.07066,0.10818,-0.00787,0.00482,0.0553,-0.06313,0.0123,0.03862,-0.06706,0.00561,-0.10666,0.00935,0.02012,0.09795,-0.02387,-0.07735,-0.02359,0.00218,0.03605,-0.00114,-0.0647,-0.03983,0.00351,0.07411,-0.06109,0.00613,-0.07988,0.05164,-0.0613,0.0623,0.00864,-0.0364,0.0382,-0.00092,-0.01347,0.04789,0.03396,0.02805,-0.02308,0.02148,-0.04945,0.05873,-0.07892,0.01098,0.01623,0.00294,0.00903,0.03763,-0.01634,-0.00925,-0.07088,0.03632,0.0189,-0.07375],"keywords":"FConnectionWaypoints - Edit Intermediate Points on Connection Paths FConnectionWaypoints - Edit Intermediate Points on Connection Paths Add, move, and remove intermediate waypoint points to shape connection routing explicitly. Example ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.scss :::","excerpt":"Example ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.scss :::"},{"chunkId":"/docs/f-draggable-directive#0","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.02791,0.01231,-0.06901,0.07061,0.05654,0.03142,0.07038,-0.00976,0.00513,0.01391,-0.00808,0.02372,-0.0799,0.0117,-0.01386,-0.02721,0.01487,-0.02942,-0.021,0.03997,0.009,-0.09357,-0.0734,-0.03046,-0.01685,0.00686,-0.01256,0.00454,0.00542,-0.07792,-0.01395,0.06851,-0.05805,0.022,-0.1623,0.00911,0.04154,-0.01236,-0.11507,-0.06967,0.01097,-0.057,0.05184,-0.0806,-0.02795,0.03313,-0.01056,0.02441,-0.05386,0.08841,0.03845,-0.02333,0.00499,0.0526,0.10088,0.01666,0.06293,-0.0456,0.01168,0.0453,-0.0332,0.02439,-0.04561,0.05821,0.03481,-0.00275,-0.02862,-0.0147,0.03743,-0.03174,0.05762,-0.01462,-0.03535,-0.07373,0.1145,-0.06763,-0.05099,0.02456,0.01045,-0.04148,0.09259,0.05984,-0.01411,0.02879,-0.06067,0.07647,-0.07684,-0.04521,-0.02701,0.04862,-0.01862,0.07178,-0.06222,-0.0215,-0.06003,-0.05797,-0.01964,-0.10683,-0.07735,0.02998,-0.03134,-0.03482,0.02183,0.03279,-0.02173,-0.08826,0.00595,-0.04047,-0.09164,0.02022,-0.07082,-0.07447,0.04175,-0.01026,-0.01199,-0.00652,-0.0527,-0.04303,0.06599,-0.02427,-0.02024,0.07502,0.03046,-0.03573,-0.00153,-0.04086,-0.08721,0,0.03481,-0.02731,-0.06182,0.05866,0.0527,-0.03743,0.03,-0.05179,-0.03184,0.00812,0.02183,0.04088,-0.03715,0.08901,0.02214,-0.12302,0.0173,0.03532,-0.03009,-0.03778,0.02376,0.01201,-0.02662,-0.03056,0.07216,0.09894,-0.0411,0.09621,0.04479,0.04868,-0.04165,0.0179,-0.02603,-0.02723,-0.0423,0.00267,-0.05152,-0.09276,-0.0114,0.00176,-0.01086,-0.06471,-0.06635,-0.01156,0.0209,0.02151,-0.04335,0.02893,-0.04419,0.03512,0.02101,0.02493,0.08673,-0.02108,0.01539,-0.08362,-0.03191,0.09292,0.02612,0.08595,0.00031,0.06292,-0.11712,-0.0516,0.05201,0.04854,0.01262,0.05618,0.00797,-0.08212,-0.10355,0.05534,0.0244,-0.00216,0.06745,-0.02711,-0.03049,-0.09655,0.01442,-0.03244,-0.08665,-0.02193,0.03841,-0.00396,0.01514,-0.07241,0.00205,-0.02182,-0.0291,-0.05335,-0.00415,0.01977,0.08799,0.01112,0.07946,0,0.04208,0.02075,-0.00119,0.0911,0.01822,0.02796,0.0356,-0.0378,0.09428,-0.0275,-0.03325,0.05699,0.034,-0.03647,0.04627,0.01371,-0.13265,-0.06719,-0.06252,0.00884,0.00237,-0.04494,0.00796,-0.02875,-0.07456,-0.03923,0.02362,0.04742,0.02126,0.01027,0.00761,-0.04723,-0.05304,-0.00842,0.0017,-0.04035,0.04737,0.08298,-0.02205,-0.03644,0.01353,0.04851,-0.03725,0.0251,0.02783,0.07155,-0.08267,-0.02745,-0.01031,0.00168,-0.09407,0.0095,-0.07012,0.01049,0.00144,0.03243,0.14016,0.06897,0.02511,-0.0211,0.04968,-0.06272,-0.02374,-0.00344,0.1042,-0.0008,0.03239,-0.02211,0.07074,0.06906,0.06228,0.00646,0.06644,-0.05535,0.08859,-0.03532,0.14924,-0.00521,0.03842,0.03134,0.07199,0.07206,0.04326,-0.00884,0.05136,0.00777,-0.09112,0.02295,0.0551,0.00043,-0.04363,0.02298,0.07348,-0.02599,-0.04875,0,-0.0482,-0.0101,0.00655,-0.04099,0.02817,0.06013,-0.00308,0.04304,-0.01057,-0.02706,-0.02431,0.03744,0.05303,-0.02548,0.08696,0.02277,0.01414,0.041,-0.05871,-0.01134,-0.018,-0.00152,-0.02893,0.1265,-0.03794,-0.03962,-0.03019,-0.00183,0.04191,0.02813,-0.04858,0.07985,0.02994,0.03575,-0.05646,0.10929,-0.05188,-0.00134,-0.0591,-0.00051,0.06943,-0.01189,-0.04026,-0.07888,-0.0171,0.05865,0.03899,-0.05157,-0.08981,0.05209,-0.0876,0.08529,0.01636,0.09394,0.00122,0.03346,-0.04087,-0.04067,0.06438,-0.02559,0.01258,0.03916,0.06311,0.0104],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Drag and Drop Selector: f-flow[fDraggable] Class: FDraggableDirective FDraggableDirective enables user interactions on a flow surface: node drag, canvas pan, connection create/reassign, selection, and drag plugins. f Draggable F Draggable Directive","excerpt":"Drag and Drop Selector: f-flow[fDraggable] Class: FDraggableDirective FDraggableDirective enables user interactions on a flow surface: node drag, canvas pan, connection create/reassign, selection, and drag plugins."},{"chunkId":"/docs/f-draggable-directive#1","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[0.02355,0.01989,-0.03975,0.0587,0.06591,0.0268,0.04061,0.05428,0.06779,0.01157,-0.00446,0.0764,-0.03069,0.04318,0.00502,-0.03155,0.03668,-0.05182,-0.04691,0.0125,-0.01513,-0.11346,-0.0685,-0.05343,-0.0183,-0.03049,-0.06248,-0.00414,0.03502,-0.08652,-0.06179,0.05624,-0.06702,-0.01347,-0.13988,0.036,0.05037,-0.02768,-0.12963,-0.04749,0.00037,-0.03766,0.04699,-0.02252,-0.01774,-0.01223,-0.00389,0.02708,-0.07074,0.12502,0.0096,-0.03382,-0.01746,0.03666,0.11395,0.02143,0.0715,-0.04685,0.00862,-0.0097,-0.06495,0.0491,-0.02578,0.0337,0.04005,-0.0034,0.00611,-0.00512,0.05262,0.01773,0.05157,-0.02452,-0.04582,-0.04046,0.08258,-0.06072,-0.04382,0.02485,-0.00493,-0.076,0.06961,0.05263,-0.03175,0.02935,-0.06545,0.08148,-0.07613,-0.07584,0.01668,0.00728,0.04366,0.07461,-0.03005,-0.02777,-0.03666,-0.05738,0.00327,-0.04467,-0.08615,0.04603,0.01007,-0.03017,0.0742,0.03001,-0.00659,-0.09689,0.01873,-0.06231,-0.11707,0.01272,-0.05609,-0.07278,0.06746,0.0051,-0.05062,-0.02157,-0.07217,-0.0353,0.06965,-0.0225,-0.01205,0.09547,0.03942,-0.00405,0.0177,-0.06041,-0.08739,0,0.03292,-0.02545,-0.02673,0.06001,0.06347,-0.06976,0.01224,-0.07027,0.02166,-0.00089,0.0385,0.03447,-0.02917,0.09397,0.04199,-0.04636,0.0079,0.04392,-0.05868,-0.02736,0.01896,-0.02472,-0.01381,0.02686,0.03791,0.13208,-0.01238,0.10719,0.07061,0.05102,-0.01635,0.01767,-0.04267,-0.02787,-0.03334,0.0368,-0.04399,-0.11973,0.0263,-0.00411,0.00335,-0.05147,-0.04316,-0.02351,0.03456,0.0261,-0.05079,0.01115,-0.07701,0.02542,0.03798,0.05963,0.11033,-0.02111,0.01907,-0.09198,-0.01791,0.03654,0.02004,0.11552,-0.02422,0.08419,-0.05197,0.02495,0.02404,0.0665,-0.00948,0.04266,0.01342,-0.08866,-0.10496,0.04676,0.01241,0.00748,0.05672,-0.06817,-0.02988,-0.13443,0.00623,-0.06609,-0.08112,-0.03747,0.00268,-0.00514,-0.00398,-0.09177,0.01619,-0.00855,-0.06011,-0.02512,0.01479,0.01238,0.05777,0.05574,0.09413,0,0.00231,0.01632,0.0308,0.07475,-0.01058,-0.02856,-0.00079,-0.07657,0.0864,-0.02415,-0.06997,0.00914,-0.02545,-0.03927,0.05706,0.01201,-0.09005,-0.10851,-0.10878,-0.0308,0.01802,-0.03359,-0.01239,0.00277,-0.04611,0.00326,-0.03427,0.00736,0.02515,-0.03179,-0.01358,-0.06297,-0.04812,-0.04448,0.00207,-0.0537,0.03859,0.08619,0.03465,-0.02373,0.02349,0.06512,-0.03355,0.01589,0.04655,0.11669,-0.09009,-0.04835,0.03715,-0.01767,-0.08049,0.01439,0.00522,-0.02456,0.00548,0.04547,0.13961,0.05054,0.00714,-0.02131,0.00457,-0.06259,0.00533,-0.02122,0.0544,-0.00261,0.07443,-0.04826,0.07655,0.06911,0.05243,0.0213,0.04916,-0.03094,0.09036,-0.00764,0.12616,0.00478,0.00496,-0.00902,0.02019,0.01981,0.05198,0.01181,0.0207,0.04079,-0.08981,0.00765,0.04599,-0.00209,-0.0336,-0.00665,0.0602,0.06254,-0.0095,0,-0.04294,0.03168,0.00607,-0.03095,0.01168,0.05394,-0.01138,0.05402,-0.00458,0.01846,-0.00975,0.01354,-0.02954,-0.0143,0.04823,0.0485,0.03647,0.01645,-0.08128,-0.0027,-0.04714,0.00209,-0.05234,0.10875,-0.05467,-0.02527,-0.00289,0.0273,0.02205,0.01926,-0.01907,0.07128,0.0575,0.10588,-0.08025,0.04853,-0.0321,0.01318,-0.02298,0.00049,0.07997,0.01257,0.0019,-0.04968,-0.04856,0.02301,0.02054,-0.03936,-0.0931,0.05664,-0.10609,0.03054,0.00183,0.07729,-0.00081,0.04227,0.01594,-0.01613,0.0672,0.00999,0.01881,0.02405,0.03962,-0.0047],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Why / Use cases Use fDraggable when users need to manipulate the diagram directly. Typical use cases: - Workflow editors with drag-to-connect and reassign. - Canvas navigation by drag and touch gestures. - Advanced editors that react to drag lifecycle events (fDragStarted/fDragEnded). Skip fDraggable for strictly read-only diagrams. f Draggable f Drag Started f Drag Ended","excerpt":"Why / Use cases Use fDraggable when users need to manipulate the diagram directly. Typical use cases: - Workflow editors with drag-to-connect and reassign. - Canvas navigation by drag and touch gestures. - Advanced editors that react to drag lifecycle events (fDragStarted/fDragEnded). Skip fDraggable for strictly read-only diagrams."},{"chunkId":"/docs/f-draggable-directive#2","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.03783,0.00678,-0.04385,0.07303,0.04556,0.01817,0.05871,0.01144,-0.02178,0.02551,0.01564,0.06175,-0.07801,0.00561,-0.03936,0.0095,0.01964,-0.01397,-0.05882,0.02509,0.00986,-0.05532,-0.07191,-0.02226,-0.01131,-0.00465,-0.04926,-0.03529,0.05091,-0.1053,0.00591,0.05483,-0.06844,0.02367,-0.1475,0.06054,0.0515,-0.06684,-0.09369,-0.04921,0.05461,-0.03621,0.0355,-0.07624,-0.04093,0.04049,-0.01291,0.04347,-0.07587,0.05109,0.00387,-0.02998,-0.0113,0.04508,0.10786,0.0295,0.08013,-0.02525,0.02406,0.05577,-0.03314,0.028,-0.07041,0.04877,0.04525,-0.0374,-0.02216,-0.05759,0.03362,-0.02848,0.03316,-0.01949,-0.06593,-0.05448,0.08091,-0.04596,-0.05892,0.02927,0.01645,-0.08277,0.11594,0.03831,0.00475,0.01992,-0.01391,0.07185,-0.085,-0.04851,-0.00907,0.06813,0.011,0.03636,-0.06194,-0.01186,-0.06173,-0.02437,-0.00364,-0.10653,-0.07824,0.07589,-0.02234,0.00782,0.01589,0.01629,-0.04437,-0.0774,-0.00726,-0.04146,-0.11858,0.02551,-0.04043,-0.05704,0.02308,-0.05421,-0.04787,-0.00045,-0.03405,-0.02161,0.07025,-0.04138,-0.0131,0.05201,0.03523,0.00522,-0.00798,-0.04155,-0.08593,0,0.00395,-0.02566,-0.06937,0.06824,0.02806,-0.03846,0.02895,-0.04631,-0.0133,-0.00956,0.0694,0.03714,-0.00999,0.08234,0.02601,-0.12935,0.03648,0.08767,-0.03152,-0.02084,0.0512,0.05058,-0.03089,-0.01427,0.06809,0.09401,-0.04769,0.05521,0.02658,0.03869,-0.03026,0.03354,-0.04854,-0.02665,-0.01082,0.01939,-0.06169,-0.12774,-0.03443,-0.0203,0.00052,-0.04225,-0.12239,-0.02607,0.00242,0.02,-0.04604,0.01723,-0.01271,0.01376,0.03355,0.02393,0.08877,-0.026,0.02082,-0.05621,-0.04578,0.05271,0.02418,0.09781,0.01608,0.04001,-0.11677,-0.0252,0.03736,0.05104,-0.01045,0.04821,0.04746,-0.04303,-0.0968,0.07048,0.04416,-0.00658,0.02707,-0.02396,-0.04755,-0.08576,0.02107,-0.03604,-0.08549,-0.01322,0.07147,-0.00037,0.04716,-0.10574,-0.0241,-0.01787,-0.04121,-0.06041,0.049,0.02439,0.07106,0.00404,0.06535,0,0.05798,0.0122,-0.00252,0.10157,-0.0195,0.02238,-0.00031,-0.04316,0.06897,-0.0396,-0.04652,0.05403,0.0403,-0.04378,0.06172,-0.0071,-0.123,-0.06486,-0.05921,0.02041,0.04126,-0.03661,0.02971,-0.00169,-0.05834,-0.04592,0.00302,0.03404,0.0351,0.003,0.02737,-0.05896,-0.05235,-0.01543,-0.01322,-0.04989,0.02689,0.10774,0.01166,-0.03596,0.05812,0.0579,-0.02256,0.02764,0.01769,0.03622,-0.07923,-0.0192,-0.01904,-0.01394,-0.08269,0.0151,-0.07635,0.00402,-0.01517,0.04192,0.13883,0.04347,0.02095,-0.0122,0.03668,-0.05518,-0.01867,0.00492,0.07369,0.00743,0.03825,-0.05246,0.06462,0.05988,0.06185,0.02483,0.06228,-0.06042,0.06613,-0.01736,0.16604,-0.05076,0.02727,0.01576,0.02981,0.07976,0.02973,0.0041,0.05541,0.02247,-0.08899,0.04343,0.05815,0.00879,-0.04915,0.01645,0.07511,0.01665,-0.02442,0,-0.08344,0.00809,-0.01895,-0.03201,0.04472,0.04148,0.01647,0.04958,-0.02378,-0.02065,-0.02469,0.03549,0.03881,-0.03765,0.09427,0.01754,0.02361,0.01726,-0.07941,-0.00127,-0.03612,0.0025,-0.02239,0.11008,-0.05659,-0.04356,0.00356,0.04299,0.03808,0.00543,-0.01782,0.08664,0.0153,0.04108,-0.09861,0.10647,-0.0272,-0.01604,-0.03108,-0.01939,0.05246,0.01799,-0.01649,-0.05636,-0.03179,0.07051,-0.00256,-0.03262,-0.06672,0.06164,-0.06588,0.0967,-0.00845,0.09869,0.01631,0.0355,-0.02327,-0.04387,0.06118,-0.00675,0.03826,0.00681,0.06805,0.01438],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. How it works The directive attaches to f-flow, initializes a drag sequence on pointer down, dispatches operation-specific handlers (selection, node move, connection create/reassign, resize/rotate plugins), and finalizes with event emission and cleanup.","excerpt":"How it works The directive attaches to f-flow, initializes a drag sequence on pointer down, dispatches operation-specific handlers (selection, node move, connection create/reassign, resize/rotate plugins), and finalizes with event emission and cleanup."},{"chunkId":"/docs/f-draggable-directive#3","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.03271,-0.02584,-0.06021,0.09475,0.04225,0.01271,0.01799,-0.01746,-0.02216,0.04468,0.01503,0.04871,-0.05821,-0.00394,-0.00849,0.01017,0.02433,-0.03141,-0.03278,0.04678,0.001,-0.08282,-0.06158,-0.05422,-0.00293,-0.02927,-0.03323,-0.01889,0.03892,-0.09703,-0.0251,0.06408,-0.10742,0.02015,-0.12521,0.02954,0.03299,-0.05982,-0.10169,-0.07469,0.05182,-0.04505,0.04033,-0.06704,-0.0478,0.01937,-0.01955,0.05569,-0.03417,0.08952,0.01913,-0.04302,0.00254,0.0385,0.0958,0.04578,0.05016,-0.01631,0.02483,0.04814,0.02388,0.0563,-0.04971,0.04111,0.03729,0.00492,-0.021,-0.05196,0.01922,-0.0327,0.03688,-0.01519,-0.0644,-0.06051,0.1122,-0.04917,-0.05864,0.0337,0.01411,-0.04566,0.10953,0.04593,-0.02576,0.0413,-0.03903,0.05773,-0.0993,-0.02672,-0.01228,0.03725,0.01255,0.03336,-0.05937,-0.00147,-0.08482,-0.0367,-0.02067,-0.10127,-0.08676,0.05263,-0.0374,-0.01318,-0.00035,0.05114,-0.01187,-0.08223,0.0122,-0.05192,-0.12026,0.05556,-0.05142,-0.05237,0.02992,-0.00636,-0.04074,0.01865,-0.06759,-0.01394,0.08711,-0.05248,-0.01455,0.05912,0.03155,-0.00939,0.01175,-0.05995,-0.09776,0,0.01431,-0.02152,-0.04415,0.05551,0.07223,-0.03821,0.02705,-0.05446,-0.00706,-0.01422,0.01803,0.05516,-0.00827,0.05361,0.02307,-0.13415,0.02452,0.08868,-0.0321,-0.02773,0.00567,0.00818,-0.0084,-0.02552,0.06735,0.13707,-0.04245,0.08353,0.05214,0.04472,-0.02791,0.03083,-0.04345,-0.0257,-0.04207,0.00843,-0.04522,-0.1195,-0.0347,0.01004,0.00296,-0.04838,-0.11355,-0.02442,0.00114,0.02215,-0.01089,0.02777,-0.05679,0.02816,-0.0002,0.0456,0.05967,-0.03404,0.00574,-0.10552,-0.04591,0.09372,0.05173,0.09419,0.00099,0.03826,-0.08881,-0.01697,0.0507,0.06747,0.01356,0.0715,0.00922,-0.06039,-0.06303,0.07158,0.02338,-0.02116,0.0397,-0.04949,-0.05655,-0.11083,0.01525,-0.04879,-0.04939,-0.01102,0.04085,0.00407,0.03681,-0.09848,0.00958,-0.02371,-0.04859,-0.023,-0.00073,0.03136,0.06083,0.01821,0.07399,0,0.05678,0.00279,0.03211,0.07112,0.01918,0.02401,0.03716,-0.02161,0.0821,-0.0355,-0.04084,0.03898,0.01202,-0.03124,0.03411,0.02084,-0.13229,-0.06461,-0.06299,0.00906,0.02899,-0.02964,0.01811,-0.00856,-0.05203,-0.03938,0.02176,0.05032,0.00918,-0.00298,0.02459,-0.06023,-0.05527,-0.01436,0.02676,-0.0037,0.04545,0.13379,0.01709,-0.04523,0.04839,0.04621,-0.06707,-0.00398,0.0486,0.03048,-0.10693,-0.00917,-0.05635,-0.01977,-0.07565,0.01028,-0.06832,-0.02844,0.00452,0.05403,0.12267,0.05725,0.0381,-0.04174,0.03731,-0.07314,-0.02803,0.00485,0.09652,0.00258,0.08765,-0.038,0.07358,0.05825,0.04587,0.01238,0.06864,-0.05593,0.09868,-0.03834,0.1674,-0.02927,0.04184,0.00078,0.03114,0.06406,0.06473,0.00695,0.05616,0.04213,-0.05976,0.0567,0.05644,0.03053,-0.05632,0.01072,0.09306,0.007,-0.01802,0,-0.06386,0.04559,-0.02242,-0.0136,0.0222,0.07114,0.01014,0.05585,-0.02433,-0.00777,-0.02318,0.01897,0.02644,0.02734,0.0665,0.00357,0.01975,0.01847,-0.06569,-0.00226,-0.01519,-0.00285,0.00961,0.11325,-0.04607,-0.04291,-0.03674,0.00918,0.03094,-0.00356,-0.0634,0.06383,0.03604,0.04309,-0.08097,0.07333,-0.02902,0.0034,-0.04414,-0.00133,0.06639,0.00736,-0.02891,-0.07605,-0.01583,0.06038,0.01985,-0.0312,-0.05555,0.03982,-0.06777,0.05298,0.00377,0.06492,0.0198,0.02189,-0.03538,-0.00161,0.06171,-0.002,0.03661,0.02628,0.03184,-0.00116],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. API","excerpt":"API"},{"chunkId":"/docs/f-draggable-directive#4","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.01756,-0.02457,-0.04192,0.07947,0.03917,0.03142,0.03256,-0.01572,-0.02107,0.04317,0.01886,0.0467,-0.05388,-0.02103,-0.01527,0.02194,0.04066,-0.03636,-0.03717,0.05149,-0.01077,-0.09179,-0.06293,-0.05771,-0.00635,-0.00874,-0.04263,-0.01278,0.0463,-0.11163,-0.01425,0.06659,-0.0854,0.01395,-0.12901,0.03066,0.0384,-0.05601,-0.11787,-0.07689,0.04339,-0.05706,0.04652,-0.05994,-0.03878,0.02233,-0.02161,0.04453,-0.04384,0.06169,0.01432,-0.05427,0.00365,0.05233,0.10184,0.057,0.04786,-0.01336,0.0348,0.03731,0.00559,0.05736,-0.04841,0.03961,0.05383,-0.01886,0.00011,-0.03955,0.01296,-0.01376,0.04224,-0.02203,-0.06853,-0.07294,0.11961,-0.02576,-0.06007,0.01398,0.02239,-0.05573,0.10175,0.06242,-0.04228,0.02397,-0.05233,0.0572,-0.08917,-0.03061,-0.01365,0.02632,0.00766,0.02313,-0.05649,0.00222,-0.0876,-0.03265,-0.01791,-0.09712,-0.07584,0.05791,-0.02862,-0.01465,0.01258,0.02771,-0.03107,-0.08789,0.00515,-0.05343,-0.10868,0.03605,-0.05897,-0.07554,0.02407,0.00225,-0.03453,0.00865,-0.04137,-0.01286,0.08152,-0.04586,-0.02027,0.05325,0.03507,-0.0087,-0.00662,-0.06352,-0.10384,0,0.01841,-0.02148,-0.06374,0.05525,0.06511,-0.04582,0.00321,-0.04351,-0.00781,0.00821,0.0137,0.04792,-0.00696,0.05986,0.04218,-0.13745,0.01518,0.09563,-0.04008,-0.03011,0.00814,0.02475,-0.02065,-0.02488,0.06392,0.11331,-0.04269,0.06882,0.04842,0.03227,-0.01971,0.04131,-0.03166,-0.02578,-0.03664,0.01861,-0.01022,-0.12164,-0.02158,0.00332,-0.00254,-0.0621,-0.10505,-0.02054,0.03172,0.02362,0.00138,0.01627,-0.06477,0.02216,-0.00532,0.03888,0.06879,-0.02918,0.00197,-0.08077,-0.03892,0.09517,0.05388,0.10609,-0.01028,0.0388,-0.09394,-0.01805,0.04383,0.06738,0.0047,0.05723,0.02409,-0.06372,-0.08395,0.06656,0.02235,-0.01534,0.04282,-0.04721,-0.07679,-0.1089,0.00769,-0.04047,-0.07169,0.02009,0.03409,0.02061,0.04699,-0.10184,-0.01046,-0.02033,-0.04805,-0.02698,0.00123,0.03969,0.06764,-0.00363,0.07192,0,0.05116,0.01695,0.02005,0.08028,0.02484,0.03583,0.03181,-0.04237,0.0851,-0.04168,-0.0287,0.042,0.03883,-0.04395,0.02588,0.00862,-0.12545,-0.06282,-0.04415,0.01751,0.05808,-0.03309,0.01037,-0.00954,-0.04967,-0.03107,0.02975,0.04375,0.02673,0.0117,0.00933,-0.05935,-0.05432,-0.00598,0.01236,-0.00052,0.03945,0.12406,-0.00209,-0.04775,0.04366,0.05336,-0.06247,0.00853,0.04653,0.02578,-0.11413,-0.01423,-0.05372,-0.01762,-0.08244,0.0111,-0.07997,-0.04499,-0.01364,0.0559,0.12326,0.05217,0.05255,-0.03643,0.05027,-0.06602,-0.01976,0.00452,0.091,0.01525,0.08232,-0.03266,0.078,0.03746,0.05215,0.02149,0.07732,-0.05971,0.09744,-0.04305,0.154,-0.03631,0.04714,-0.00467,0.02304,0.07501,0.05105,0.00342,0.05918,0.05764,-0.08288,0.05856,0.0551,0.01151,-0.05353,0.01593,0.09954,0.01627,-0.03356,0,-0.05176,0.0458,-0.01622,-0.01556,0.04426,0.05738,0.01705,0.04328,-0.01718,0.00422,-0.01976,0.02533,0.02007,0.02218,0.08345,0.01765,0.00221,0.00976,-0.07592,-0.00172,0.00749,0.00659,0.00061,0.12029,-0.04117,-0.03802,-0.0364,0.01318,0.03286,0.01854,-0.04689,0.06903,0.02649,0.04937,-0.08496,0.08385,-0.02831,0.00495,-0.04447,-0.00406,0.05219,-0.00447,-0.03152,-0.07648,-0.02551,0.06101,0.00935,-0.03326,-0.06059,0.03238,-0.06895,0.05432,0.00305,0.05667,0.0401,0.03246,-0.02338,-0.01357,0.05763,-0.00136,0.03115,0.02795,0.02446,0.00581],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Inputs","excerpt":"Inputs"},{"chunkId":"/docs/f-draggable-directive#5","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.0364,-0.06914,-0.05535,0.10308,0.04773,0.02172,0.06601,0.01902,0.05267,-0.02766,0.02638,0.00514,-0.0493,-0.07131,-0.04054,-0.05921,-0.03384,-0.00866,-0.07951,0.05109,-0.01877,-0.16999,0.05117,-0.04327,0.00133,0.00236,-0.04832,-0.05324,0.00015,-0.0741,-0.06254,0.07624,-0.06227,0.03377,-0.07427,0.02767,0.03923,-0.00006,-0.13059,-0.05889,0.01675,0.01573,0.03649,-0.03573,-0.01396,0.03762,-0.02837,0.04844,-0.03309,0.11292,0.02077,0.01165,0.01289,0.08048,0.04253,0.0818,0.09934,-0.01714,0.03629,0.04847,0.01673,0.01187,-0.04712,0.02001,-0.01934,0.05009,0.02513,-0.03249,0.00617,-0.00184,0.06674,-0.0135,-0.02517,0.00741,0.06226,-0.0442,-0.00493,0.04477,-0.0288,-0.02143,0.08313,0.01842,-0.00274,0.038,0.00632,0.03963,-0.07984,-0.05083,-0.00797,0.06212,-0.06611,0.07162,-0.05162,-0.03982,0.00615,-0.02335,-0.05225,-0.02703,-0.05755,0.03155,0.03759,-0.02756,0.00469,0.03644,-0.00064,-0.06324,-0.00349,-0.07764,-0.10304,0.03573,-0.01097,-0.0195,0.00734,-0.00504,-0.06284,-0.00716,-0.0237,-0.02037,0.04602,0.00337,0.03569,0.0626,-0.01809,-0.02806,0.04047,-0.00857,-0.1132,0,-0.0239,-0.07245,-0.01749,0.0191,0.06887,-0.03301,0.00725,0.02067,-0.03279,-0.00461,-0.02008,-0.03858,-0.00946,-0.0209,0.01267,-0.15828,0.00968,0.05674,-0.02585,-0.0558,0.04215,-0.05527,-0.07686,-0.05531,0.05102,0.1236,-0.08318,0.10066,0.02536,0.03483,-0.08314,0.0077,-0.01756,-0.02202,-0.05156,-0.01559,-0.02348,-0.03594,0.03513,0.00192,-0.0512,-0.0556,-0.10237,-0.08578,-0.01709,-0.04923,-0.02771,0.04215,-0.01643,-0.00611,0.05589,0.01341,-0.00199,-0.04139,0.01711,-0.04574,-0.03914,0.11516,-0.00164,0.11009,0.01303,0.05567,-0.06744,-0.00145,0.06761,0.07592,0.01039,0.05805,0.01754,-0.08063,-0.07457,0.0772,0.04131,-0.02931,0.0797,-0.01836,-0.0492,-0.05029,-0.04269,-0.0181,-0.01674,-0.0323,0.02874,-0.03738,0.00951,-0.08326,0.0527,-0.04658,-0.10114,-0.02114,0.07292,-0.00999,0.06481,0.02048,0.01433,0,-0.02958,0.09355,-0.01769,0.03456,0.01919,0.02453,0.05102,-0.02374,-0.00957,-0.03849,-0.02937,0.03902,-0.04743,-0.00547,0.01563,0.04696,-0.04239,-0.01843,-0.01972,-0.0121,0.03281,-0.02643,-0.0203,0.04108,-0.06392,-0.03934,0.03449,0.06199,0.05747,0.00649,0.03571,-0.00839,-0.08393,-0.01196,0.08246,-0.07362,-0.03748,0.10099,-0.00612,0.02165,0.03706,0.0023,-0.00911,0.03665,0.01969,0.07334,-0.02405,0.0258,-0.06358,0.05424,-0.07197,-0.02292,-0.05395,-0.00812,0.00564,0.06645,0.11623,-0.00647,-0.0307,-0.01096,0.06367,-0.10839,-0.03979,-0.02467,0.16587,0.02698,0.03879,0.02411,0.02618,0.06417,0.04074,0.03434,-0.00033,-0.06627,0.03783,0.05192,0.13984,-0.07065,-0.01496,-0.02989,-0.02201,0.0359,0.03113,-0.01113,-0.0609,0.01609,-0.07346,0.07193,0.02945,0.06619,-0.09561,-0.03134,0.08909,0.00674,-0.05871,0,-0.11155,0.03838,-0.03049,0.03877,0.05385,0.03742,0.0264,0.0435,-0.03749,-0.07132,-0.053,0.06852,0.05605,0.0142,0.10266,-0.05252,0.01211,-0.02572,-0.05445,-0.03905,0.0192,-0.05621,0.00787,0.08187,-0.0644,-0.06349,-0.03525,0.03864,0.04432,-0.01099,-0.0506,-0.00135,0.00041,0.08625,-0.1016,0.08532,-0.04209,0.03655,0.03986,0.03348,0.05127,-0.01038,-0.05498,-0.02478,-0.06596,0.04654,0.0014,-0.01163,0.0096,0.04554,-0.08783,0.01341,0.00344,0.06622,0.03958,0.01616,-0.03888,0.00617,0.09592,0.02247,-0.0486,0.0231,-0.02512,0.00967],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. - fDraggableDisabled: boolean; Default: false. Disables all drag interactions. - fDropToGroup: boolean; Default: true. Enables the drop-to-group gesture. While on, the flow carries the f-drop-to-group CSS class so the grouping styles apply, dragging a node onto a group reparents it, and a dropped external item nests into the container under the pointer. Set it to false and none of that happens — no fDropToGroup event is emitted. - fMultiSelectTrigger: FEventTrigger; Default: (event) = isMac ? event.metaKey : event.ctrlKey. Trigger for multi-selection. - fReassignConnectionTrigger: FEventTrigger; Default: the active control scheme's reassignConnection (always). Trigger for reassigning connections. - fCreateConnectionTrigger: FEventTrigger; Default: the active control scheme's createConnection (always). Trigger for creating connections. - fConnectionWaypointsTrigger: FEventTrigger; Default: always. Trigger for moving connection waypoints. - fMoveControlPointTrigger: FEventTrigger; Default: always. Trigger for moving control points (bezier). - fNodeResizeTrigger: FEventTrigger; Default: the active control scheme's nodeResize (always). Trigger for resizing nodes. - fNodeRotateTrigger: FEventTrigger; Default: the active control scheme's nodeRotate (always). Trigger for rotating nodes. - fNodeMoveTrigger: FEventTrigger; Default: the active control scheme's nodeMove (always). Trigger for moving nodes. - fCanvasMoveTrigger: FEventTrigger; Default: the active control scheme's canvasMove (primary button). Trigger for panning the canvas. - fExternalItemTrigger: FEventTrigger; Default: always. Trigger for dragging external items. - fEmitOnNodeIntersect: boolean; Default: false. Whether to emit node intersection events. - vCellSize: number; Default: 1. Vertical grid snapping size. - hCellSize: number; Default: 1. Horizontal grid snapping size. - fCellSizeWhileDragging: boolean; Default: false. Apply grid snapping during drag. f Draggable Disabled f Drop To Group f Multi Select Trigger F Event Trigger is Mac meta Key ctrl Key f Reassign Connection Trigger reassign Connection f Create Connection Trigger create Connection f Connection Waypoints Trigger f Move Control Point Trigger f Node Resize Trigger node Resize f Node Rotate Trigger node Rotate f Node Move Trigger node Move f Canvas Move Trigger canvas Move f External Item Trigger f Emit On Node Intersect v Cell Size h Cell Size f Cell Size While Dragging","excerpt":"- fDraggableDisabled: boolean; Default: false. Disables all drag interactions. - fDropToGroup: boolean; Default: true. Enables the drop-to-group gesture. While on, the flow carries the f-drop-to-group CSS class so the grouping styles apply, dragging a node onto a group reparents it, and a dropped external item nests into the container under the pointer. Set it to false and none of that happens — no fDropToGroup event is emitted. - fMultiSelectTrigger: FEventTrigger; Default: (event) = isMac ? event.metaKey : event.ctrlKey. Trigger for multi-selection. - fReassignConnectionTrigger: FEventTrigger; Default: the active control scheme's reassignConnection (always). Trigger for reassigning connections. - fCreateConnectionTrigger: FEventTrigger; Default: the active control scheme's createConnection (always). Trigger for creating connections. - fConnectionWaypointsTrigger: FEventTrigger; Default: always. Trigger for moving connection waypoints. - fMoveControlPointTrigger: FEventTrigger; Default: always. Trigger for moving control points (bezier). - fNodeResizeTrigger: FEventTrigger; Default: the active control scheme's nodeResize (always). Trigger for resizing nodes. - fNodeRotateTrigger: FEventTrigger; Default: the active control scheme's nodeRotate (always). Trigger for rotating nodes. - fNodeMoveTrigger: FEventTrigger; Default: the active control scheme's nodeMove (always). Trigger for moving nodes. - fCanvasMoveTrigger: FEventTrigger; Default: the active control scheme's canvasMove (primary button). Trigger for panning the canvas. - fExternalItemTrigger: FEventTrigger; Default: always. Trigger for dragging external items. - fEmitOnNodeIntersect: boolean; Default: false. Whether to emit node intersection events. - vCellSize: number; Default: 1. Vertical grid snapping size. - hCellSize: number; Default: 1. Horizontal grid snapping size. - fCellSizeWhileDragging: boolean; Default: false. Apply grid snapping during drag."},{"chunkId":"/docs/f-draggable-directive#6","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.02527,-0.01896,-0.05318,0.09202,0.04477,0.03199,0.02947,-0.01921,-0.02832,0.04028,0.03117,0.04308,-0.05425,-0.02232,-0.03228,0.02315,0.03933,-0.04194,-0.03406,0.04927,-0.00288,-0.09262,-0.06592,-0.05114,0.00375,-0.0065,-0.04376,-0.00723,0.03509,-0.11203,-0.01657,0.0662,-0.08387,0.01473,-0.12545,0.01737,0.05333,-0.06179,-0.1084,-0.08549,0.05582,-0.06288,0.06495,-0.05947,-0.04664,0.02347,-0.02294,0.04116,-0.03513,0.05923,0.02649,-0.04486,-0.00757,0.04382,0.09923,0.06415,0.04773,-0.0182,0.02723,0.04117,0.00989,0.05559,-0.05795,0.04152,0.04728,-0.02237,-0.00475,-0.03129,0.00741,-0.01812,0.03439,-0.01131,-0.06529,-0.06874,0.12317,-0.03426,-0.06032,0.01739,0.02174,-0.05151,0.10518,0.06145,-0.03627,0.03893,-0.04498,0.05356,-0.08308,-0.03857,-0.02482,0.03007,0.01075,0.03647,-0.0574,-0.00033,-0.0884,-0.03521,-0.01314,-0.09892,-0.07021,0.06444,-0.02484,-0.004,0.02435,0.0307,-0.0345,-0.08542,0.00425,-0.04115,-0.11711,0.0353,-0.04809,-0.05528,0.01802,-0.01817,-0.02476,0.00595,-0.05751,-0.01334,0.08366,-0.0534,-0.02401,0.05777,0.03004,-0.00021,0.00485,-0.0478,-0.10298,0,0.01977,-0.02264,-0.06347,0.05521,0.06438,-0.02748,-0.00339,-0.04279,-0.00116,0.01488,0.01138,0.04383,-0.01345,0.06033,0.03489,-0.14349,0.02937,0.08428,-0.03369,-0.03508,-0.00666,0.02105,-0.0185,-0.03595,0.07825,0.12752,-0.04183,0.07408,0.04878,0.03805,-0.02826,0.04359,-0.02577,-0.02282,-0.0356,0.0071,-0.02175,-0.12285,-0.02063,0.01273,-0.00968,-0.05527,-0.10978,-0.03057,0.0221,0.03696,0.0005,0.01611,-0.05161,0.03073,0.00118,0.02917,0.06616,-0.00976,0.0005,-0.10177,-0.04137,0.09522,0.05614,0.10304,0.00049,0.04384,-0.09664,-0.02125,0.05115,0.06641,0.00398,0.05486,0.02441,-0.05636,-0.08483,0.06234,0.02755,-0.02133,0.04284,-0.03783,-0.07244,-0.11395,0.00722,-0.03813,-0.06785,0.0161,0.04021,0.00969,0.04364,-0.09989,-0.00848,-0.02652,-0.04272,-0.03164,-0.01015,0.0309,0.07707,0.00331,0.06262,0,0.05954,0.02329,0.02229,0.07134,0.02381,0.03646,0.04445,-0.04591,0.09199,-0.03934,-0.01452,0.04609,0.02841,-0.03911,0.03261,0.01281,-0.12364,-0.06522,-0.05709,0.01543,0.05631,-0.02395,0.02455,-0.00744,-0.04962,-0.03229,0.03445,0.04091,0.01969,0.0151,0.02975,-0.06445,-0.04358,-0.00232,0.01995,-0.00864,0.04598,0.12283,0.00606,-0.04688,0.03626,0.05919,-0.06532,0.00113,0.04297,0.02442,-0.1023,-0.0243,-0.05318,-0.01535,-0.08883,0.00069,-0.08341,-0.02976,-0.00535,0.04354,0.119,0.06157,0.04275,-0.03732,0.04671,-0.06496,-0.02844,-0.00464,0.08963,0.01094,0.09198,-0.03413,0.08182,0.05498,0.0394,0.02106,0.07508,-0.05851,0.09101,-0.03635,0.14733,-0.03147,0.05435,0.0057,0.02358,0.06095,0.04939,-0.00536,0.05509,0.03468,-0.07083,0.05112,0.06197,0.0174,-0.06024,0.01639,0.09411,0.02745,-0.02663,0,-0.04801,0.03327,-0.0254,-0.01953,0.04029,0.05992,0.01118,0.03977,-0.01932,-0.00332,-0.01391,0.01138,0.01081,0.01774,0.08667,0.00735,-0.00188,0.00847,-0.07469,-0.01291,0.00558,0.0066,0.00763,0.11406,-0.05177,-0.04022,-0.03789,0.01452,0.03534,0.01411,-0.0435,0.07515,0.01379,0.04903,-0.08092,0.08587,-0.04434,0.01071,-0.03856,0.01126,0.05779,0.0017,-0.03214,-0.0698,-0.01921,0.06045,0.01687,-0.0351,-0.07582,0.03032,-0.06719,0.06986,-0.00047,0.06252,0.02737,0.01793,-0.02277,-0.00909,0.05509,0.0019,0.02569,0.02212,0.02379,-0.00828],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Outputs","excerpt":"Outputs"},{"chunkId":"/docs/f-draggable-directive#7","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.02161,-0.0509,-0.0286,0.12493,0.07009,0.03575,0.06509,-0.00405,0.05918,0.02323,0.02467,-0.02399,-0.03935,-0.06894,-0.05017,-0.00743,0.01723,-0.02664,-0.07203,0.04733,0.0074,-0.11371,0.00844,-0.05481,-0.00831,-0.02496,-0.00922,-0.03385,0.03206,-0.08259,-0.0332,0.02432,-0.07264,0.01463,-0.08506,-0.02367,0.01939,-0.03052,-0.15803,-0.06427,0.0148,-0.02489,0.01287,-0.05259,-0.04432,0.0219,-0.0376,0.02358,-0.04587,0.11003,0.03058,0.01443,-0.00237,0.10961,0.05621,0.07151,0.0815,-0.02495,-0.03215,0.02262,0.01615,-0.00073,-0.0492,-0.02408,-0.01839,0.05143,0.01738,-0.02272,0.01914,-0.00391,0.03404,-0.01835,-0.07996,-0.04175,0.10775,-0.04877,-0.03178,0.04512,-0.01751,-0.04592,0.08828,0.03793,-0.02762,-0.00109,0.00086,0.01742,-0.08315,-0.01361,-0.0179,0.06913,-0.04572,0.07188,-0.05835,-0.02877,0.01052,-0.0188,0.00441,-0.00869,0.01555,0.00901,0.02117,0.01484,-0.0512,0.10205,-0.00369,-0.06031,-0.00426,-0.08068,-0.10289,0.01799,-0.0141,-0.04491,0.00554,-0.02632,-0.0587,0.02632,-0.04203,0.0195,0.03376,0.00883,-0.01574,0.04363,0.00046,0.0154,0.05645,-0.03758,-0.08743,0,0.01296,-0.07719,-0.07457,-0.00156,0.04833,0.00779,0.01958,0.00414,0.01167,-0.0151,-0.04218,0.01471,0.03078,-0.03605,0.04441,-0.16679,0.00105,0.05786,-0.01389,-0.04152,0.04608,-0.03073,-0.03844,-0.03657,0.07929,0.12214,-0.05338,0.10266,0.02813,0.02633,-0.05126,0.0168,-0.02134,-0.04249,-0.0475,0.00395,-0.05696,-0.07028,0.01763,-0.00233,-0.00486,-0.05781,-0.10611,-0.04579,-0.03845,-0.07046,0.00045,0.02455,0.01071,-0.00546,0.04755,-0.00838,0.04186,-0.05908,0.02934,-0.04739,-0.05599,0.08625,0.00179,0.11523,-0.0006,0.06752,-0.03368,-0.01791,0.04959,0.09877,-0.01681,0.01337,0.00559,-0.12026,-0.05241,0.08314,0.04993,-0.0523,0.04864,-0.01062,-0.04271,-0.06079,-0.08776,-0.02765,-0.01157,-0.03753,0.03387,-0.00738,0.03096,-0.12137,-0.00185,-0.04641,-0.10389,-0.01517,0.04463,0.02555,0.07214,0.03082,0.01863,0,0.01675,0.06112,0.0033,0.03681,0.02909,0.0364,-0.00747,-0.02678,0.02985,-0.05946,-0.04144,0.02383,-0.03106,-0.03836,-0.00061,0.03876,-0.0682,-0.05527,-0.06695,0.02059,-0.00305,0.0044,0.00726,-0.01113,-0.071,-0.04183,0.07785,0.061,-0.00781,-0.04132,0.04036,-0.0119,-0.06302,-0.01531,0.08704,-0.07249,0.02178,0.06836,0.01867,0.00136,0.06727,0.04848,-0.0374,0.0346,0.02724,0.06095,-0.14741,0.01898,-0.0139,0.03689,-0.06483,-0.01893,-0.11212,0.01202,-0.00495,0.07069,0.12189,0.06847,0.00454,-0.01232,0.06441,-0.08525,0.01135,0.0035,0.15347,0.03794,0.06544,0.02507,0.09259,0.05333,0.00458,0.05958,0.01646,-0.03428,0.08088,0.03575,0.12804,-0.08728,0.02663,0.0002,-0.01618,0.04334,0.03791,-0.02117,-0.02311,0.05785,-0.09116,0.05709,0.05526,0.03326,-0.07189,-0.04202,0.07724,0.02515,-0.04051,0,-0.08522,0.02435,-0.01471,0.04531,0.0329,0.02116,0.01543,0.03343,-0.03957,-0.05126,-0.0335,0.0358,0.042,0.00348,0.08782,-0.033,0.07344,-0.04586,-0.04172,-0.02286,0.001,-0.02772,0.00299,0.11019,-0.01437,-0.0668,0.00736,0.01866,0.04222,-0.02111,-0.04017,-0.00006,0.02038,0.05354,-0.09703,0.0675,0.00701,-0.00524,-0.01451,0.05464,0.08101,0.0258,-0.075,-0.0644,-0.04047,0.01834,-0.00213,-0.03188,0.0049,0.0846,-0.06481,-0.00459,-0.00528,0.05727,0.02853,-0.00008,-0.02154,0.02891,0.11259,0.01455,-0.00525,0.02196,-0.02841,0.00292],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. - fSelectionChange: EventEmitter<FSelectionChangeEvent; Emits when selection changes. - fNodeConnectionsIntersection: OutputEmitterRef<FNodeConnectionsIntersectionEvent; Emits when a node intersects with connections. - fCreateNode: EventEmitter<FCreateNodeEvent; Emits when a new node is created (e.g. from external item). - fMoveNodes: EventEmitter<FMoveNodesEvent; Emits when nodes are moved. - fReassignConnection: EventEmitter<FReassignConnectionEvent; Emits when a connection is reassigned. - fCreateConnection: EventEmitter<FCreateConnectionEvent; Emits when a new connection is created. - fConnectionWaypointsChanged: OutputEmitterRef<FConnectionWaypointsChangedEvent; Emits when connection waypoints change. - fDropToGroup: EventEmitter<FDropToGroupEvent; Emits when items are dropped into a group. - fDeleteSelected: EventEmitter<FDeleteSelectedEvent; Emits when the user requests removal of the current selection (keyboard Delete/Backspace). In the default stateless mode, remove the items from your data. The optional Managed Flow State plugin handles this supported gesture automatically while the event still fires. - fDragStarted: EventEmitter<FDragStartedEvent; Emits when a drag sequence starts. - fDragEnded: EventEmitter<void; Emits when a drag sequence ends. f Selection Change Event Emitter F Selection Change Event f Node Connections Intersection Output Emitter Ref F Node Connections Intersection Event f Create Node F Create Node Event f Move Nodes F Move Nodes Event f Reassign Connection F Reassign Connection Event f Create Connection F Create Connection Event f Connection Waypoints Changed F Connection Waypoints Changed Event f Drop To Group F Drop To Group Event f Delete Selected F Delete Selected Event f Drag Started F Drag Started Event f Drag Ended","excerpt":"- fSelectionChange: EventEmitter<FSelectionChangeEvent; Emits when selection changes. - fNodeConnectionsIntersection: OutputEmitterRef<FNodeConnectionsIntersectionEvent; Emits when a node intersects with connections. - fCreateNode: EventEmitter<FCreateNodeEvent; Emits when a new node is created (e.g. from external item). - fMoveNodes: EventEmitter<FMoveNodesEvent; Emits when nodes are moved. - fReassignConnection: EventEmitter<FReassignConnectionEvent; Emits when a connection is reassigned. - fCreateConnection: EventEmitter<FCreateConnectionEvent; Emits when a new connection is created. - fConnectionWaypointsChanged: OutputEmitterRef<FConnectionWaypointsChangedEvent; Emits when connection waypoints change. - fDropToGroup: EventEmitter<FDropToGroupEvent; Emits when items are dropped into a group. - fDeleteSelected: EventEmitter<FDeleteSelectedEvent; Emits when the user requests removal of the current selection (keyboard Delete/Backspace). In the default stateless mode, remove the items from your data. The optional Managed Flow State plugin handles this supported gesture automatically while the event still fires. - fDragStarted: EventEmitter<FDragStartedEvent; Emits when a drag sequence starts. - fDragEnded: EventEmitter<void; Emits when a drag sequence ends."},{"chunkId":"/docs/f-draggable-directive#8","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.02121,0.01428,-0.0706,0.06937,0.04204,0.02475,0.01386,0.01349,-0.03187,0.04929,0.01617,0.04274,-0.07906,0.00348,-0.01754,0.0036,0.01641,-0.00739,-0.02476,0.05024,0.02861,-0.0614,-0.06277,-0.05102,-0.00589,-0.03192,-0.02725,-0.02155,0.04674,-0.10682,-0.00809,0.04955,-0.08785,0.0247,-0.1131,0.03028,0.05222,-0.06149,-0.10936,-0.0748,0.02449,-0.04082,0.02246,-0.07609,-0.03276,0.01682,-0.01173,0.04972,-0.07285,0.05796,0.01602,-0.06762,0.01329,0.03178,0.09839,0.0166,0.04841,-0.03278,0.04225,0.02255,0.01318,0.06245,-0.06829,0.04309,0.0447,-0.0183,-0.01531,-0.03197,0.04368,-0.00582,0.0343,-0.01855,-0.05084,-0.05088,0.09616,-0.05566,-0.04581,0.03629,0.01822,-0.07192,0.0936,0.0567,-0.01748,0.02974,-0.01842,0.05124,-0.08615,-0.00753,-0.00795,0.03613,0.00458,0.05837,-0.06492,-0.01382,-0.09623,-0.02689,0.0115,-0.11447,-0.06976,0.07078,-0.0314,-0.02398,0.01827,0.03876,-0.00982,-0.08923,0.03021,-0.05623,-0.10317,0.04269,-0.05764,-0.06374,0.01195,-0.03724,-0.03389,-0.01373,-0.051,-0.014,0.08939,-0.05804,0.00531,0.05156,0.04789,0.0028,0.00629,-0.05245,-0.0948,0,0.03448,0.00585,-0.07736,0.07473,0.07829,-0.03204,0.02482,-0.03644,-0.01189,0.00664,0.04298,0.03591,-0.00918,0.07906,0.04579,-0.12411,0.00661,0.09783,-0.02396,-0.03259,0.02567,0.00998,-0.00173,-0.01233,0.06143,0.14074,-0.03885,0.07328,0.0354,0.05113,-0.0047,0.02042,-0.04336,-0.02451,-0.02414,0.00568,-0.03874,-0.13304,-0.04486,0.01487,-0.00415,-0.06353,-0.1018,-0.04078,0.0228,0.02491,-0.01173,0.02278,-0.05039,0.01243,0.00565,0.04144,0.07572,-0.039,0.00747,-0.08415,-0.04875,0.08578,0.05633,0.08824,-0.01107,0.03116,-0.08209,-0.03176,0.03469,0.0448,0.01143,0.05057,0.03343,-0.0814,-0.07714,0.0644,0.02739,-0.02283,0.01459,-0.05031,-0.04202,-0.10165,0.02157,-0.05125,-0.08783,-0.00626,0.04535,-0.00933,0.03241,-0.0957,0.01495,0.01038,-0.05998,-0.04611,-0.04376,0.02902,0.05287,-0.00697,0.07616,0,0.07295,0.00436,0.02649,0.08016,0.0121,0.03035,0.04508,-0.03758,0.07698,-0.03609,-0.04327,0.02617,0.0208,-0.03105,0.05019,0.0187,-0.13721,-0.07834,-0.0642,0.01097,0.00889,-0.04936,0.02425,0.00545,-0.05061,-0.02844,0.01684,0.04154,0.0129,0.00057,0.02758,-0.05885,-0.04971,-0.01696,0.00085,-0.01409,0.0364,0.11625,0.01506,-0.019,0.05677,0.0491,-0.0567,0.00125,0.02884,0.02717,-0.10431,-0.02312,-0.02896,-0.02127,-0.07103,-0.00284,-0.07735,-0.01872,0.00262,0.02366,0.11298,0.04904,0.03635,-0.02345,0.04159,-0.0719,-0.01404,0.01862,0.1115,-0.00207,0.04658,-0.03968,0.0678,0.06494,0.05389,0.01976,0.06984,-0.05613,0.08757,-0.03849,0.17509,-0.01363,0.04733,-0.01226,0.04367,0.04843,0.05997,-0.01369,0.06139,0.02451,-0.0672,0.06022,0.04083,0.01202,-0.05618,0.02331,0.11132,0.04317,-0.01007,0,-0.06156,0.03054,-0.00398,-0.026,0.01004,0.0669,0.00964,0.02161,-0.01557,-0.02394,-0.02489,0.01069,0.02546,0.02004,0.07459,-0.00715,-0.01144,0.03425,-0.08926,-0.00848,-0.02962,0.0247,-0.0317,0.09891,-0.03719,-0.02074,-0.03063,0.00551,0.05441,0.01236,-0.04189,0.08442,0.03239,0.05474,-0.07233,0.10277,-0.03479,0.00394,-0.05837,-0.0069,0.0781,0.01194,-0.0338,-0.08001,-0.00556,0.07164,0.0114,-0.03506,-0.06998,0.05663,-0.06849,0.07027,-0.00342,0.07761,0.00861,0.03657,-0.02531,-0.02391,0.07884,-0.00848,0.04128,0.01574,0.03814,0.00625],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-draggable-directive#9","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.00862,0.00196,-0.04242,0.10897,0.06275,0.04757,0.06844,0.02418,-0.01103,0.02306,-0.01337,0.01157,-0.08229,-0.01497,-0.03501,-0.0104,-0.00042,-0.03411,-0.03646,0.04298,0.00165,-0.11583,-0.02779,-0.03238,-0.03071,-0.00514,-0.02986,-0.01246,0.0494,-0.09252,-0.04194,0.049,-0.06404,0.00885,-0.09581,0.00345,0.04627,-0.04457,-0.06843,-0.06363,0.04685,-0.06056,0.03685,-0.06642,-0.04376,0.0216,0.0026,0.05319,-0.06943,0.10338,0.03283,-0.01017,0.00843,0.00725,0.12685,0.03294,0.1003,-0.02431,0.02465,0.03743,-0.036,0.04387,-0.08558,0.01553,0.03239,0.01488,-0.02709,-0.04892,0.04623,-0.01957,0.04537,-0.00403,-0.04523,-0.04296,0.11283,-0.06523,-0.04968,0.04291,0.02353,-0.0658,0.08634,0.03431,0.00107,-0.00136,0.01246,0.0552,-0.10142,-0.04919,-0.01653,0.07922,-0.02235,0.04152,-0.04826,0.00756,-0.06723,-0.00654,-0.0137,-0.09928,-0.03369,0.0264,-0.01114,-0.00321,0.01946,0.06874,-0.0043,-0.07179,-0.01225,-0.04343,-0.10695,0.01794,-0.02767,-0.07858,0.06787,-0.02526,-0.0262,-0.00805,-0.07153,-0.00199,0.08457,-0.06544,0.02161,0.06762,0.04494,-0.01951,0.00979,-0.05127,-0.08875,0,0.02941,-0.03451,-0.08792,0.06532,0.05434,-0.00913,0.00089,-0.03912,-0.01728,0.0025,0.03098,0.02756,-0.00808,0.04039,0.06211,-0.15012,0.01988,0.05215,-0.03944,-0.04643,0.01086,0.00848,0.00513,-0.02174,0.08311,0.12932,-0.05173,0.10634,0.03118,0.04992,-0.01355,0.02384,-0.03427,-0.03396,-0.03192,-0.01383,-0.03707,-0.14391,-0.02366,0.00674,-0.00857,-0.06185,-0.07178,-0.05824,0.0177,0.00304,-0.02283,0.04855,-0.00956,0.00816,0.02574,0.01728,0.09942,-0.03982,0.01169,-0.03527,-0.06214,0.08201,0.05211,0.09143,0.00084,0.05263,-0.05612,-0.01496,0.04571,0.06269,0.0185,0.02998,-0.00398,-0.03996,-0.05268,0.06891,0.02525,-0.02442,0.04658,-0.02054,-0.04839,-0.11211,-0.00233,-0.06334,-0.03052,-0.01837,0.04892,-0.01401,0.04082,-0.0837,-0.0234,-0.01244,-0.04256,-0.02954,0.01769,0.00845,0.06333,0.01596,0.02676,0,0.04271,0.01996,0.01818,0.06277,0.00772,0.01353,0.00865,-0.08379,0.06398,-0.02788,-0.02853,0.03442,0.01254,-0.05128,0.01051,0.03771,-0.11046,-0.06065,-0.04828,-0.00546,0.02898,-0.09013,0.01807,-0.00965,-0.05911,-0.04161,0.04378,0.0425,-0.00298,-0.02462,0.01716,-0.01827,-0.05796,-0.02322,0.021,-0.03293,0.07159,0.07217,0.01762,-0.02077,0.05887,0.07392,-0.02252,-0.01101,0.02862,0.06992,-0.09987,-0.0024,-0.0072,0.01763,-0.10173,-0.01663,-0.06487,0.00419,-0.0353,0.06173,0.13242,0.05929,0.02205,-0.00481,0.03835,-0.07155,0.0181,0.02442,0.12964,0.00657,0.05432,-0.00823,0.07811,0.05533,0.07679,-0.00264,0.01712,-0.06628,0.04566,-0.01381,0.17206,-0.02399,0.02551,0.00827,0.07226,0.03184,0.04346,-0.00491,-0.00241,0.04892,-0.08488,0.06594,0.05898,0.00565,-0.07318,-0.01388,0.10026,0.00122,-0.02486,0,-0.07942,0.03452,-0.03207,-0.03459,0.07006,0.05117,-0.03207,0.01298,-0.06073,-0.03794,-0.04677,0.03119,0.03737,-0.00711,0.0771,-0.02586,0.01817,0.02161,-0.07434,-0.00389,-0.00277,0.01085,-0.01797,0.10676,-0.06143,-0.04056,-0.03136,0.01932,0.06847,0.02032,-0.05057,0.08643,0.03703,0.00566,-0.08436,0.09516,-0.02144,-0.03146,-0.02609,-0.01279,0.09611,-0.01712,-0.01988,-0.06547,-0.07076,0.04369,0.01085,-0.02487,-0.04562,0.04393,-0.0708,0.07333,0.01091,0.08572,0.00626,0.02575,-0.01819,-0.03159,0.09377,-0.0029,0.0507,0.002,0.05097,-0.00827],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Types FEventTrigger FSelectionChangeEvent FDragStartedEvent F Event Trigger F Selection Change Event F Drag Started Event","excerpt":"Types FEventTrigger FSelectionChangeEvent FDragStartedEvent"},{"chunkId":"/docs/f-draggable-directive#10","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.01807,-0.00904,-0.07872,0.0904,0.04204,0.04351,0.04913,0.00233,-0.0237,0.03691,0.03749,0.06539,-0.05766,0.01727,-0.0235,-0.00947,-0.0177,-0.03193,-0.05712,0.0685,0.00146,-0.09333,-0.0643,-0.033,0.00363,-0.01575,-0.01253,-0.01585,0.02208,-0.09396,-0.03975,0.06316,-0.08734,0.01195,-0.11603,0.00244,0.0715,-0.03481,-0.10229,-0.06657,0.04142,-0.09843,0.07105,-0.0701,-0.04307,0.02139,-0.00599,0.01031,-0.05569,0.06704,0.01848,-0.01932,-0.02832,0.05409,0.11148,0.04902,0.07737,-0.02916,0.00848,0.04795,-0.0096,0.0279,-0.05903,0.04293,0.02497,-0.00361,-0.00099,-0.02249,0.01738,-0.00247,0.03358,-0.01707,-0.05824,-0.07588,0.11317,-0.02965,-0.04302,0.05925,0.01545,-0.05018,0.08498,0.05464,-0.02093,0.02667,-0.00817,0.09482,-0.08928,-0.06816,-0.04636,0.03789,-0.00854,0.03349,-0.03106,-0.01174,-0.09339,-0.02642,-0.0047,-0.07604,-0.06054,0.05803,-0.03518,-0.0034,0.02602,0.02529,-0.0429,-0.07047,-0.02207,-0.03737,-0.10727,0.00743,-0.03211,-0.07603,0.02741,-0.05973,-0.04008,-0.00495,-0.06885,-0.02333,0.09455,-0.02813,-0.02213,0.05856,0.04222,-0.0013,0.01044,-0.03281,-0.10617,0,0.03244,-0.00842,-0.06529,0.06387,0.02316,-0.03035,0.01522,-0.04539,-0.00961,0.01967,0.03347,0.0585,-0.02316,0.05498,0.02533,-0.14011,0.02707,0.07471,-0.03818,-0.02482,0.02135,0.03582,-0.00249,-0.04423,0.1069,0.10339,-0.0417,0.08897,0.01675,0.04295,-0.01149,0.03096,-0.03384,-0.01183,-0.02148,-0.00571,-0.04843,-0.10176,-0.03484,0.00267,0.01498,-0.0636,-0.10206,0.00999,0.05102,0.03789,-0.01542,0.00404,-0.03303,0.02165,0.00207,0.02465,0.08097,-0.01955,0.01289,-0.09227,-0.06195,0.09228,0.01462,0.07127,-0.01866,0.03178,-0.10953,-0.01902,0.0417,0.07039,-0.01213,0.04944,0.03419,-0.05681,-0.07828,0.07314,0.0142,-0.02199,0.02705,-0.0407,-0.0416,-0.0913,0.02189,-0.05329,-0.0711,-0.02908,0.02285,0.01192,0.03221,-0.10131,-0.01912,-0.03626,-0.04009,-0.07506,0.00073,0.04522,0.0475,0.01092,0.06042,0,0.05757,0.02367,0.03064,0.08459,0.01272,0.03081,0.04188,-0.04147,0.07991,-0.04094,-0.01149,0.03481,0.03272,-0.06289,0.00985,0.01472,-0.13089,-0.06886,-0.04277,0.02358,0.02862,-0.04257,0.03872,0.00224,-0.0491,-0.04931,0.01967,0.00773,0.00464,0.01399,0.04995,-0.0569,-0.06144,-0.01752,-0.02171,-0.02709,0.05476,0.10557,0.02015,-0.02492,0.03252,0.05501,-0.03259,0.01518,0.01339,0.03942,-0.10369,-0.04648,-0.03822,0.00358,-0.08568,-0.00657,-0.08405,-0.00725,-0.01686,0.03756,0.11402,0.0507,-0.00602,0.01334,0.06133,-0.06707,-0.00864,-0.00676,0.0796,-0.01458,0.04306,-0.02386,0.06326,0.07674,0.06378,0.0366,0.06682,-0.03924,0.08228,-0.06826,0.135,-0.02657,0.04944,0.03258,0.04661,0.05867,0.02405,0.00182,0.03058,0.03426,-0.04316,0.06917,0.05746,-0.00841,-0.05939,0.03459,0.09341,0.02692,-0.06126,0,-0.04957,0.0216,-0.01701,-0.04251,0.03377,0.06888,-0.01997,0.02013,-0.01824,-0.02259,-0.02804,0.06147,-0.00187,0.01814,0.07985,-0.00804,0.01073,0.0317,-0.07315,0.00123,-0.0029,0.018,-0.01587,0.13562,-0.03883,-0.05689,-0.04379,0.0205,0.04101,0.04762,-0.05299,0.06778,0.01634,0.02321,-0.09404,0.1214,-0.03025,0.00456,-0.05716,0.02107,0.08757,-0.00297,-0.0407,-0.06449,-0.00356,0.04842,0.01982,-0.03335,-0.09955,0.0351,-0.06375,0.09007,-0.02482,0.06005,-0.00381,0.02487,-0.02309,0.00003,0.07194,-0.02033,0.03043,0.03108,0.05051,0.01021],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Styling - .f-dragging Active drag state class. - .f-connections-dragging Active connection drag/reassign state class. - .f-connector-connectable Marks connectors that are valid current targets.","excerpt":"Styling - .f-dragging Active drag state class. - .f-connections-dragging Active connection drag/reassign state class. - .f-connector-connectable Marks connectors that are valid current targets."},{"chunkId":"/docs/f-draggable-directive#11","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.03893,-0.00602,-0.02158,0.04611,0.03516,0.03531,0.08385,0.0527,-0.01051,0.0275,-0.03791,0.00475,-0.07004,0.03676,-0.03802,-0.02681,0.02886,-0.02644,-0.05518,0.04292,-0.03255,-0.09439,-0.0412,-0.02094,-0.0172,-0.01927,-0.01706,-0.05282,0.02655,-0.05245,-0.0217,0.07271,-0.04721,0.03669,-0.15745,-0.03485,0.01599,-0.0271,-0.12376,-0.07625,0.00802,-0.02752,0.06154,-0.03024,-0.00542,-0.0083,0.02462,0.0495,-0.02206,0.13506,0.00418,0.00613,0.0046,0.05136,0.06746,0.01318,0.07909,-0.0157,0.01082,0.07443,-0.02674,0.01303,-0.0294,0.0308,0.02458,0.02257,-0.01573,0.00281,0.03249,0.01779,0.0515,-0.00668,0.02207,-0.06809,0.10153,-0.08705,-0.10041,0.04339,-0.00281,-0.04251,0.09863,0.01987,-0.00214,0.05482,-0.01899,0.05751,-0.08967,-0.03182,-0.01783,0.07556,-0.00682,0.05419,-0.06189,-0.01386,-0.03449,-0.02303,-0.03168,-0.0971,-0.09482,0.0125,0.02186,-0.0308,0.0113,0.03867,0.01046,-0.03519,0.00341,-0.07568,-0.1434,0.05089,-0.04366,-0.04354,0.05148,-0.02636,-0.03979,0.0234,-0.02827,-0.0256,0.053,-0.01728,-0.00113,0.0885,-0.00057,-0.0343,0.03348,-0.03952,-0.09226,0,-0.00585,0.02922,-0.04403,0.04404,-0.00743,-0.06951,0.05057,-0.0405,0.00455,-0.01583,0.01314,0.04041,-0.03015,0.0475,0.01949,-0.11861,0.01497,0.01738,0.01505,-0.0226,0.02652,-0.08059,-0.09121,-0.05606,0.06231,0.12527,-0.03336,0.11861,0.00743,0.05377,-0.06119,0.02017,-0.04203,-0.04011,-0.04069,-0.02778,-0.05081,-0.06405,-0.00077,0.02021,-0.03985,-0.02037,-0.09423,0.01695,0.0388,-0.00462,-0.054,0.06048,-0.0614,0.02901,0.02383,0.0047,0.07457,0.01035,0.03588,-0.06744,-0.02438,0.03197,0.0177,0.08935,0.02113,0.0086,-0.15468,-0.00728,0.02002,0.09331,0.0025,0.05648,-0.04139,-0.04311,-0.05767,0.05183,0.02848,-0.02533,0.06781,0.00739,-0.02863,-0.07132,-0.01907,-0.06078,-0.01125,-0.02138,0.03706,0.02874,0.00417,-0.07078,0.01243,0.0166,-0.10247,-0.01859,0.06626,0.01207,0.13239,0.01975,0.04634,0,0.02095,0.03768,0.004,0.08586,0.02087,-0.01396,0.04284,-0.01694,0.09283,-0.06559,-0.06763,0.04411,0.03855,-0.00234,-0.00446,0.05005,-0.06722,-0.03834,-0.00996,-0.02482,0.02675,-0.04823,0.01576,0.00359,-0.08865,-0.03062,0.00498,0.01213,-0.00682,0.03801,0.01135,-0.04094,-0.01728,-0.02027,0.02981,-0.03078,0.06901,0.06451,0.00341,-0.0446,0.03545,0.01639,0.01159,0.01775,0.03009,0.08883,-0.14754,0.0138,-0.03622,0.00911,-0.11212,0.03857,-0.0849,-0.05821,0.01269,0.01701,0.12261,0.02866,0.00164,-0.00187,0.02253,-0.0464,-0.05243,-0.01248,0.08955,0.01104,-0.00395,-0.01008,0.09346,0.11229,0.03289,0.00127,0.02795,-0.01853,0.02238,0.02643,0.18804,-0.02824,0.0718,0.05522,0.05098,0.06625,0.06901,-0.01672,-0.02777,0.09456,-0.11411,-0.00195,0.06381,0.02086,-0.02787,0.00927,0.03636,-0.03511,-0.02157,0,-0.04672,0.0162,0.00872,-0.03273,-0.01819,0.03771,0.01287,0.05842,0.02678,-0.03784,-0.07724,0.04692,0.04714,0.03461,0.03966,0.01621,0.05983,0.04034,-0.05904,-0.04394,0.01641,0.03396,0.00702,0.097,-0.03582,-0.0605,-0.01718,0.00911,0.04838,0.0226,-0.04806,0.02254,-0.00607,0.04352,-0.088,0.08312,-0.03832,-0.04037,-0.01267,0.01972,0.06072,0.03251,-0.0185,-0.09777,-0.04288,0.0475,0.08046,-0.08143,-0.04768,0.02548,-0.03765,0.0669,0.01018,0.05786,0.01746,0.03181,-0.05307,-0.01925,0.0995,-0.00614,-0.02115,0.00676,0.00145,0.03577],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Notes / Pitfalls - The directive must be applied on f-flow, not on f-canvas. - Aggressive custom trigger functions can block expected interactions; test mouse and touch. - If you emit large state updates on every drag event, UI can stutter; debounce heavy side effects in your app layer. - Use f-auto-pan to add edge-based viewport scrolling for supported drags. - See the Auto Pan example for a dedicated configuration playground.","excerpt":"Notes / Pitfalls - The directive must be applied on f-flow, not on f-canvas. - Aggressive custom trigger functions can block expected interactions; test mouse and touch. - If you emit large state updates on every drag event, UI can stutter; debounce heavy side effects in your app layer. - Use f-auto-pan to add edge-based viewport scrolling for supported drags. - See the Auto Pan example for a dedicated configuration playground."},{"chunkId":"/docs/f-draggable-directive#12","slug":"f-draggable-directive","route":"/docs/f-draggable-directive","section":"docs","title":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions","description":"Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections.","group":"Interaction","vector":[-0.06854,-0.02982,-0.07503,0.12829,0.04238,0.09666,-0.00918,0.00342,0.05599,0.06171,-0.03298,0.03967,-0.07282,0.02791,-0.00821,-0.02257,-0.06013,-0.01078,-0.04061,0.02316,-0.00189,-0.09087,-0.00199,-0.04506,0.00124,-0.01929,-0.02562,-0.03726,0.04949,-0.07591,0.02499,0.01823,-0.08385,0.00738,-0.11258,0.08944,0.0332,-0.00903,-0.09022,-0.04844,0.12322,-0.03059,0.03032,-0.0704,-0.03247,0.0204,-0.04326,0.05693,-0.02341,0.07912,-0.01225,-0.04893,-0.03448,0.07725,0.05746,0.01704,0.06606,-0.07035,0.03082,0.0267,-0.02367,-0.01062,-0.02948,0.00067,0.0165,0.01268,-0.08911,0.04434,-0.02342,0.00001,0.05254,-0.0285,-0.08246,-0.02995,0.06666,-0.05878,-0.07939,0.11767,-0.002,0.01722,0.1035,0.01491,-0.02476,0.02209,-0.02678,0.10878,-0.03522,-0.0428,-0.00774,-0.02089,-0.00494,0.07499,-0.02104,0.03231,0.00765,0.00707,-0.08746,-0.01512,-0.03934,0.02242,-0.01632,-0.04548,0.01404,0.09474,-0.00018,-0.05438,-0.01117,-0.01229,-0.0997,0.04182,-0.00605,-0.00852,0.03548,-0.03998,-0.02827,0.00152,-0.06307,0.02238,0.0313,0.0397,0.01614,0.03172,-0.0257,-0.0275,0.06272,-0.02893,-0.04035,0,0.02968,-0.01667,-0.05358,0.06567,0.06199,-0.01853,-0.0164,-0.07349,0.01547,0.04737,-0.04608,0.03132,-0.03161,-0.02555,-0.03144,-0.15447,0.01358,0.06331,-0.0182,-0.00468,0.01722,-0.03288,-0.04882,-0.01373,0.14121,0.04891,-0.07158,0.05267,0.02266,0.00641,0.02963,0.01532,-0.01125,-0.03979,-0.06236,-0.01003,-0.02562,-0.04548,-0.03766,-0.03231,0.05892,-0.05678,-0.14245,0.03291,-0.02645,-0.04622,-0.00935,0.01088,0.04797,0.00804,-0.00492,0.0104,0.03408,-0.0254,0.06125,-0.06796,-0.08411,0.10865,0.00541,0.07847,0.00359,0.06205,-0.07427,-0.01616,0.1003,0.05061,-0.01797,0.0397,0.05675,-0.08972,-0.08217,0.05762,0.02197,-0.01244,0.04358,-0.01148,-0.0285,-0.03462,0.05347,-0.0255,-0.01733,-0.06431,0.00868,0.06734,0.07,-0.1074,-0.01207,-0.04137,-0.06395,-0.09036,0.07052,0.05892,0.03986,0.01867,0.0412,0,0.07357,0.02571,0.04112,0.08833,0.00394,0.00215,0.08679,-0.00525,0.04311,0.01349,-0.02507,0.03071,0.02279,-0.03359,0.01253,0.01378,-0.06402,-0.05965,0.01507,-0.01211,0.06153,0.00751,-0.0259,-0.02312,-0.05311,-0.00116,0.07563,0.0301,-0.0238,-0.02451,0.02688,-0.06053,-0.04946,0.02927,-0.02935,-0.01491,0.02951,0.17324,0.06667,-0.01521,0.08396,0.03899,-0.03524,-0.00707,-0.00628,-0.00503,-0.05182,-0.01991,-0.03842,-0.03889,-0.10406,0.01243,-0.10982,-0.01212,0.01355,0.01711,0.12929,0.00246,-0.00686,-0.0286,0.04314,-0.04822,-0.0168,-0.02185,0.09824,0.0034,-0.00316,-0.02602,0.07518,0.01586,0.01386,0.05098,0.06595,-0.04344,0.08273,0.01978,0.11217,-0.04207,0.07927,0.01314,-0.02476,0.06346,0.00901,-0.0198,0.01506,0.07939,-0.08046,0.02293,0.0878,0.02731,-0.11204,-0.03706,0.10131,-0.03101,-0.01092,0,-0.09743,0.01181,-0.00421,-0.02191,0.01815,0.00447,-0.01458,0.02608,-0.01917,-0.0184,-0.06194,0.09635,0.0506,0.03198,0.05302,0.00035,0.05347,0.00759,-0.0203,-0.01859,0.0319,0.01373,0.04287,0.10426,-0.03843,-0.09862,-0.08259,-0.00153,0.02298,-0.01039,-0.04165,0.00524,0.05232,0.04097,-0.07529,0.01843,-0.10229,0.00108,-0.04965,0.02323,0.11392,-0.01336,0.00492,-0.05005,-0.04962,0.0696,-0.00409,0.01453,-0.05897,-0.00172,-0.03462,0.03989,-0.04003,0.01009,0.03619,0.0212,-0.01773,0.03413,0.05721,-0.01425,-0.03206,0.02373,-0.0002,-0.02851],"keywords":"FDraggableDirective - Drag, Move, Connect and Reassign Interactions FDraggableDirective - Drag, Move, Connect and Reassign Interactions Core interaction directive that enables dragging nodes, box selection, creating connections, and reassigning existing connections. Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::","excerpt":"Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::"},{"chunkId":"/docs/f-auto-pan-component#0","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.0599,-0.04299,-0.09985,0.01559,0.09228,0.02595,0.09216,0.03934,0.01001,-0.01483,0.01831,-0.00545,-0.11017,0.03094,-0.07455,-0.08597,0.01238,-0.0007,0.00067,0.06752,-0.02428,-0.09579,0.01003,-0.00397,0.00794,0.0204,0.0058,-0.05566,0.00533,-0.04756,-0.04919,0.08787,-0.02884,0.06318,-0.15826,-0.05546,-0.02533,0.05499,-0.05588,-0.04967,0.0143,-0.02257,0.09298,-0.01674,0.01941,0.03198,0.01645,0.01564,-0.00758,0.07478,-0.02868,-0.00236,0.03111,0.07797,-0.01798,0.0447,0.05071,-0.00642,0.0005,0.09993,-0.04273,-0.01893,-0.00826,0.00157,-0.06738,-0.02505,-0.01617,-0.00301,-0.02922,0.02847,0.02062,-0.02884,0.02827,-0.07522,0.11081,-0.00858,-0.04873,0.02577,0.01454,0.03031,0.04682,0.02615,-0.01985,0.07843,0.01293,0.06841,-0.05064,-0.05034,-0.05019,0.01285,-0.02235,0.04162,-0.04642,-0.04868,-0.10945,-0.00651,-0.01226,0.0024,-0.06086,-0.00468,0.06486,-0.02765,0.01549,0.05917,-0.03041,-0.04002,-0.01805,-0.02237,-0.06795,0.02272,-0.00255,-0.02558,0.00201,-0.06133,-0.0524,-0.02117,-0.05812,-0.05194,0.1258,-0.00204,-0.02489,0.11557,-0.03511,-0.02562,0.07816,-0.03445,-0.03495,0,-0.0048,-0.00625,-0.04848,-0.04991,0.03976,-0.02125,-0.0323,-0.03596,0.02658,-0.03619,-0.03047,-0.00157,-0.06384,-0.00467,-0.0479,-0.07861,-0.05539,-0.01697,0.02644,-0.06832,0.05562,-0.07348,-0.06078,-0.05518,0.03677,0.05945,-0.05668,0.03402,-0.00831,0.08421,-0.07069,0.06429,-0.02774,-0.01959,-0.09754,0.02906,-0.08349,-0.05588,0.01051,0.00471,-0.03664,0.00622,-0.03168,0.0116,-0.0102,-0.05521,0.00416,0.11004,0.01861,0.05495,0.00279,-0.07466,0.09828,0.02436,0.03196,-0.0391,-0.03583,0.11689,0.04479,0.05083,0.00086,0.03824,-0.12831,-0.00281,-0.01995,0.05466,0.0416,0.07832,0.02146,-0.04437,0.00828,0.01914,0.05124,0.02502,0.0662,-0.00879,-0.08102,-0.01072,-0.01215,-0.0107,-0.02458,-0.05339,0.07246,0.00293,0.01907,-0.04159,0.03193,0.02233,-0.06417,-0.06327,0.07789,-0.05631,0.09195,0.03338,0.02679,0,-0.00898,0.04017,0.01074,0.0777,-0.01642,-0.01909,0.01435,-0.01021,0.0256,-0.08423,-0.03746,0.01785,0.01783,0.01621,0.00849,0.0281,-0.08622,-0.04301,0.01796,-0.0058,0.04946,-0.08527,0.00184,0.00406,-0.01957,-0.09136,0.08361,0.04719,0.00074,-0.02035,0.02803,-0.03886,-0.03117,-0.05357,0.02724,-0.0651,0.00351,0.07346,-0.03108,0.03599,-0.00117,-0.00336,0.06667,0.04351,0.00765,0.08251,-0.09944,0.05643,0.02348,-0.02088,-0.11781,0.04045,-0.01143,-0.07941,0.03422,0.07922,0.05443,0.08316,-0.06603,-0.01561,0.02823,-0.06076,-0.05968,0.00143,0.13349,0.06501,-0.0484,0.02126,-0.02326,0.14133,0.03043,0.02132,0.00034,0.01271,0.02169,0.00601,0.16099,0.02547,0.11078,0.09945,0.04349,0.00636,0.02972,-0.01395,-0.05781,0.01116,-0.09088,-0.0016,0.00217,0.02894,-0.05665,0.03132,0.01903,-0.08609,-0.01099,0,-0.03706,-0.00451,0.01144,-0.05892,0.01634,0.03461,0.02859,0.09124,-0.04872,-0.02457,-0.02582,0.05817,0.05538,0.05833,0.06919,0.04504,0.10241,0.04887,0.00229,-0.05226,0.03525,0.00405,0.07181,0.03188,-0.06013,-0.03448,-0.02633,0.02916,0.04812,-0.02081,-0.09188,0.02958,0.04516,-0.00509,-0.04535,0.09484,-0.10384,-0.05175,-0.02034,0.03921,0.0664,-0.0015,0.0023,-0.05185,0.0099,0.06895,0.07504,0.00405,-0.05027,-0.01385,0.0079,0.00615,0.03632,0.03396,0.02864,0.01564,-0.03328,-0.02868,0.07391,-0.02044,-0.0603,0.07577,-0.01073,0.08917],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Auto Pan Selector: f-auto-pan Class: FAutoPanComponent FAutoPanComponent adds edge-based viewport scrolling to supported drag sessions inside f-flow. F Auto Pan Component","excerpt":"Auto Pan Selector: f-auto-pan Class: FAutoPanComponent FAutoPanComponent adds edge-based viewport scrolling to supported drag sessions inside f-flow."},{"chunkId":"/docs/f-auto-pan-component#1","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.06569,-0.05669,-0.05518,0.02834,0.10088,0.06008,0.1196,0.0231,0.02541,-0.03041,0.00824,0.01432,-0.08276,0.04998,-0.08089,-0.06733,0.04095,-0.01531,-0.00697,0.05172,-0.05424,-0.11079,0.00058,0.00273,0.02643,0.01105,0.0027,-0.06005,0.01796,-0.03509,-0.0584,0.08352,-0.0688,0.02695,-0.15911,-0.04496,-0.02904,0.04843,-0.1191,-0.05766,0.04069,0.0136,0.07973,-0.01108,-0.00643,0.03327,0.01452,0.00477,-0.00912,0.06152,-0.03598,-0.00908,0.0268,0.08838,-0.02614,0.01651,0.07678,-0.0292,-0.00534,0.07964,-0.03552,-0.0199,-0.00853,-0.0226,-0.04843,-0.0317,-0.00889,0.00497,-0.02129,0.04468,-0.00128,-0.0176,0.01551,-0.05915,0.09836,-0.03179,-0.05622,-0.00767,-0.0172,0.03361,0.06558,0.02902,-0.03135,0.07528,-0.01239,0.07377,-0.04405,-0.04253,-0.01216,0.00953,-0.01888,0.05166,-0.01981,-0.04959,-0.05348,-0.0466,-0.04494,0.01597,-0.0505,-0.01454,0.08466,-0.00193,0.01479,0.05352,-0.0115,-0.03808,-0.01876,-0.04187,-0.04831,0.03482,-0.00299,0.00561,0.02395,-0.02785,-0.08343,-0.00165,-0.05329,-0.0475,0.07526,0.00635,-0.04108,0.11238,-0.00787,-0.01901,0.09517,-0.02752,-0.02145,0,-0.01885,-0.02554,-0.03296,-0.01069,0.03093,-0.04571,-0.00828,-0.00867,0.04614,-0.03048,-0.0143,0.00786,-0.058,0.02276,-0.04764,-0.08312,-0.0252,0.01693,-0.00409,-0.01979,0.06343,-0.11499,-0.09613,-0.06857,0.03111,0.05446,-0.06823,0.06672,0.00471,0.06152,-0.07281,0.04949,-0.01776,0.00247,-0.09718,0.01482,-0.08131,-0.06831,0.07749,0.00437,-0.06502,0.00922,-0.03976,0.02394,0.00256,-0.07326,-0.02146,0.12056,-0.03815,0.03366,0.01842,-0.05151,0.0718,0.01755,0.0195,-0.04487,-0.06256,0.07832,0.03652,0.0614,-0.00248,0.08121,-0.12194,0.00126,0.00304,0.06467,0.03598,0.0896,-0.0053,-0.05979,-0.00164,0.01622,0.035,0.00489,0.09092,-0.04767,-0.03546,-0.00792,0.01926,-0.01456,-0.02883,-0.02793,0.07253,0.01162,0.01556,-0.03186,0.02242,-0.01109,-0.1211,-0.03707,0.10752,-0.02426,0.08354,0.0357,0.03428,0,-0.00071,0.03644,0.03622,0.05235,0.01958,-0.03655,0.01513,-0.00745,0.04151,-0.08426,-0.08858,0.04381,-0.00057,0.02374,0.03283,0.04087,-0.07578,-0.05998,-0.01166,-0.04094,0.07273,-0.05579,-0.03276,0.01476,-0.0544,-0.07761,0.05814,0.0275,-0.00833,0.00336,0.0313,-0.04682,-0.04449,-0.05619,0.04091,-0.04117,-0.01334,0.11662,-0.02889,0.04826,-0.04059,-0.00859,0.02893,0.02295,0.00814,0.08122,-0.11446,0.03488,0.01873,0.01233,-0.13993,0.06362,-0.0144,-0.08497,0.03299,0.06276,0.04639,0.04655,-0.04173,-0.04949,0.06711,-0.03742,-0.0457,-0.01841,0.09596,0.07665,-0.04095,0.0505,0.00593,0.08897,0.0229,0.01854,0.01749,0.00904,0.01335,0.03137,0.17078,0.03148,0.09737,0.09822,0.01078,0.02389,0.03072,-0.02005,-0.05701,0.04899,-0.06905,-0.0258,0.00313,0.02213,-0.04936,-0.01846,0.02371,-0.07736,-0.0043,0,-0.0525,0.01346,0.01601,-0.03783,-0.0455,0.02973,0.01466,0.09885,-0.00923,-0.01425,-0.03265,0.04306,0.0807,0.0676,0.05363,0.04022,0.0809,0.01926,-0.01852,-0.02855,0.03622,0.00976,0.04563,0.05573,-0.06698,-0.02458,-0.01115,0.05411,0.03348,-0.01288,-0.07908,0.03037,0.0026,0.07504,-0.03911,0.07553,-0.06952,-0.04683,-0.03471,0.01759,0.05123,-0.02849,0.01751,-0.03123,-0.00696,0.07822,0.07218,0.00212,-0.04699,0.02005,0.01687,0.00531,0.03361,0.04185,0.08631,-0.00539,-0.03522,-0.04061,0.06228,-0.00811,-0.09551,0.08967,-0.03444,0.09124],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Why / Use cases Use f-auto-pan when dragged items or targets can move outside the visible viewport and users should be able to continue the same drag session without manually panning first. Typical use cases: - Connect to off-screen inputs. - Reassign connections to distant targets. - Drag nodes across large canvases. - Extend a selection rectangle beyond the current viewport. If your flow always fits on screen, this plugin may be unnecessary.","excerpt":"Why / Use cases Use f-auto-pan when dragged items or targets can move outside the visible viewport and users should be able to continue the same drag session without manually panning first. Typical use cases: - Connect to off-screen inputs. - Reassign connections to distant targets. - Drag nodes across large canvases. - Extend a selection rectangle beyond the current viewport. If your flow always fits on screen, this plugin may be unnecessary."},{"chunkId":"/docs/f-auto-pan-component#2","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.07654,-0.05353,-0.10121,0.01497,0.08035,0.0273,0.13161,0.02914,0.02879,-0.02183,-0.00639,0.00251,-0.10892,0.04958,-0.09895,-0.07194,0.03001,-0.01972,-0.00358,0.04861,-0.02032,-0.11984,0.01249,-0.01543,0.0494,0.01018,0.00962,-0.08431,0.05913,-0.03223,-0.0637,0.05506,-0.04142,0.03852,-0.13891,-0.02668,-0.01762,0.0535,-0.08218,-0.03723,0.03922,0.03036,0.05114,-0.03331,0.05039,0.06612,0.01282,0.0162,-0.04475,0.05938,-0.03674,-0.00873,0.04723,0.07951,-0.02762,0.03663,0.06883,0.01132,0.02091,0.07482,-0.05902,-0.04871,-0.01056,-0.02127,-0.04158,-0.04579,-0.03752,-0.02164,-0.02798,-0.00977,0.02312,-0.0252,0.01361,-0.06078,0.07633,-0.01793,-0.06697,0.01985,0.01752,0.03515,0.07613,0.00983,-0.0172,0.07589,0.01398,0.08223,-0.02892,-0.0513,-0.05752,0.02122,-0.00056,0.0501,-0.04875,-0.04023,-0.07025,0.00944,-0.00381,0.0096,-0.05211,0.00816,0.07691,-0.04189,0.00434,0.05145,-0.01776,-0.03659,-0.01466,-0.02637,-0.05801,0.05743,-0.0214,-0.00596,0.01284,-0.04165,-0.04902,-0.03971,-0.03665,-0.03544,0.09314,-0.00696,-0.03463,0.10419,-0.00317,-0.02844,0.09277,-0.06397,-0.00815,0,-0.02536,-0.02755,-0.03958,-0.03195,0.0102,-0.01901,-0.02885,-0.02278,0.04687,-0.02427,-0.02139,-0.0045,-0.05441,0.02489,-0.03278,-0.09975,-0.03022,-0.03117,0.0281,-0.02955,0.09183,-0.08161,-0.0731,-0.03385,0.01526,0.03092,-0.06321,0.0371,-0.03003,0.05958,-0.06457,0.06359,-0.03669,-0.00366,-0.09986,0.02942,-0.09294,-0.0513,0.01644,-0.00397,-0.04667,-0.00641,-0.07191,0.02828,-0.00708,-0.08148,0.00082,0.13749,-0.01333,0.05332,0.0146,-0.04547,0.10585,0.0459,0.03919,-0.02139,-0.01328,0.06532,0.03296,0.03251,0.0381,0.04796,-0.13911,-0.01339,-0.0277,0.0642,0.03207,0.07262,0.00658,-0.04906,0.00398,0.01951,0.03761,0.03027,0.06266,-0.01118,-0.08673,0.01274,-0.00567,-0.01946,-0.03758,-0.04999,0.08543,0.03125,0.02886,-0.04529,0.04441,0.01597,-0.08204,-0.04568,0.11835,-0.06312,0.06562,0.05733,0.02915,0,-0.01012,0.02243,0.0271,0.08069,-0.00302,-0.03992,-0.02493,0.0131,0.02955,-0.06305,-0.03012,0.03021,-0.00812,0.05945,0.01175,0.04211,-0.09208,-0.03697,0.01186,-0.04277,0.03783,-0.06492,-0.01697,0.01489,-0.03229,-0.06035,0.07255,0.02985,-0.0144,-0.00176,-0.00452,-0.04846,-0.04619,-0.02524,0.03342,-0.07586,0.00877,0.06047,-0.0237,0.02929,0.00214,-0.01153,0.04165,0.07713,0.01041,0.05571,-0.12749,0.07241,0.03188,-0.02028,-0.10487,0.05,0.02368,-0.05941,0.05404,0.06851,0.04546,0.05524,-0.03191,-0.02083,0.06171,-0.0512,-0.06329,0.02376,0.12241,0.07139,-0.04454,-0.00999,0.00392,0.12554,0.04811,0.02511,0.02582,0.01308,0.02264,0.00351,0.15291,0.02127,0.11346,0.05658,0.02884,-0.01125,0.03232,-0.00921,-0.07138,0.02516,-0.09759,-0.03014,0.00039,0.04023,-0.03731,0.02172,0.00146,-0.07002,-0.01109,0,-0.04331,-0.00376,0.01429,-0.07764,0.01467,0.04235,0.02923,0.06015,-0.0366,-0.04375,0.00217,0.03379,0.05859,0.02949,0.09308,0.04615,0.0989,0.05518,-0.0123,-0.06046,0.01265,-0.00037,0.06958,0.04035,-0.05327,-0.05321,0.01912,0.08939,0.03655,-0.02475,-0.08285,0.03736,0.03654,0.02562,-0.06378,0.11335,-0.08426,-0.07925,-0.00463,0.01997,0.04329,0.01195,0.00315,-0.04853,0.01135,0.07762,0.0602,-0.02356,-0.02815,-0.0072,0.00764,0.01323,0.02237,0.04785,0.0394,-0.00674,-0.04583,-0.012,0.07752,0.00656,-0.08839,0.07309,0.00725,0.08143],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. How it works The component registers itself as a flow plugin. During supported drag sessions, the drag runtime checks whether the pointer is inside the configured edge threshold. If it is, the canvas is panned with requestAnimationFrame while the active drag handler keeps receiving move updates. request Animation Frame","excerpt":"How it works The component registers itself as a flow plugin. During supported drag sessions, the drag runtime checks whether the pointer is inside the configured edge threshold. If it is, the canvas is panned with requestAnimationFrame while the active drag handler keeps receiving move updates."},{"chunkId":"/docs/f-auto-pan-component#3","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.07953,-0.05834,-0.09361,0.02031,0.0728,0.02463,0.09288,0.0334,0.00617,-0.01222,0.01849,-0.00389,-0.10492,0.04359,-0.08634,-0.06964,0.0249,-0.00631,0.01493,0.06696,-0.02405,-0.10795,0.01402,-0.00908,0.03407,-0.00462,0.00069,-0.07176,0.02006,-0.04638,-0.07768,0.07553,-0.0513,0.04446,-0.13599,-0.04679,-0.03338,0.04082,-0.05746,-0.03497,0.03604,0.00305,0.07978,-0.02934,0.02291,0.04397,0.01466,0.01724,-0.00326,0.08135,-0.03886,0.00532,0.05078,0.05854,-0.01924,0.05265,0.0574,0.01711,0.00274,0.10629,-0.03902,-0.01541,-0.02369,-0.01668,-0.05188,0.00141,-0.02039,-0.02117,-0.03127,0.0237,-0.00868,-0.03897,0.00936,-0.05941,0.10132,0.01199,-0.06196,0.01649,0.00727,0.02423,0.04633,0.0248,-0.04257,0.0775,0.02358,0.06482,-0.03556,-0.03157,-0.03549,-0.0036,-0.01467,0.03186,-0.05965,-0.04578,-0.1126,-0.00518,0.00742,0.00795,-0.06399,-0.00406,0.06583,-0.0156,0.00065,0.06915,-0.0402,-0.03663,-0.01706,-0.04378,-0.07438,0.0537,-0.00519,-0.00484,-0.0129,-0.04196,-0.05306,-0.0069,-0.06454,-0.0444,0.12925,-0.01272,-0.01871,0.10448,-0.03007,-0.00535,0.08432,-0.03913,-0.02534,0,-0.02587,-0.01152,-0.03135,-0.04219,0.04058,-0.04051,-0.03822,-0.01467,0.0418,-0.04586,-0.01747,0.01419,-0.05405,-0.02052,-0.04353,-0.0869,-0.0491,0.00919,0.0222,-0.05629,0.04586,-0.06712,-0.06487,-0.05569,0.02372,0.05745,-0.06508,0.04317,-0.00342,0.07539,-0.05718,0.07649,-0.04072,-0.02667,-0.09892,0.02087,-0.08593,-0.05769,0.02331,0.00201,-0.04187,0.00286,-0.03795,0.01894,-0.01268,-0.07652,-0.0044,0.11192,0.00158,0.02977,-0.01363,-0.06834,0.09058,0.02522,0.02917,-0.04676,-0.03436,0.103,0.0552,0.05069,0.01459,0.04737,-0.11227,-0.00801,-0.02336,0.04925,0.02669,0.0803,0.00986,-0.03921,0.03288,0.02452,0.05846,0.01274,0.05293,-0.02509,-0.09628,-0.01974,-0.02653,-0.01836,-0.00518,-0.05196,0.0823,-0.00507,0.03193,-0.06349,0.0476,0.01496,-0.09387,-0.04655,0.08083,-0.05476,0.08574,0.03973,0.02216,0,0.00562,0.02709,0.02402,0.08136,-0.01205,-0.02061,0.00418,0.02933,0.01152,-0.07471,-0.02739,0.01429,0.00253,0.03718,0.01182,0.04509,-0.09326,-0.03543,0.01101,-0.01836,0.0581,-0.07037,-0.00637,0.02537,-0.03083,-0.08984,0.07554,0.03705,-0.01791,-0.01921,0.01496,-0.03071,-0.04151,-0.04253,0.04306,-0.0637,-0.00133,0.0874,-0.01945,0.0422,0.00084,-0.01642,0.06304,0.02473,0.0302,0.0501,-0.12286,0.07238,0.01237,-0.01399,-0.10282,0.03938,-0.00374,-0.09625,0.04334,0.07891,0.05821,0.07044,-0.05265,-0.0098,0.03674,-0.06945,-0.05998,0.02112,0.13089,0.08455,-0.02169,0.02772,-0.00643,0.13332,0.03134,0.03604,0.01796,0.00367,0.01622,0.00382,0.15347,0.02248,0.11239,0.06925,0.03622,-0.00445,0.03367,-0.01465,-0.07115,0.03864,-0.08218,0.02023,-0.00701,0.03848,-0.06276,0.01361,0.02248,-0.0737,-0.00245,0,-0.03827,0.02223,0.00878,-0.0472,0.00716,0.0285,0.03485,0.085,-0.03973,-0.01561,-0.03373,0.02464,0.05326,0.08508,0.06797,0.04183,0.10797,0.06627,0.00414,-0.04546,0.04957,0.01284,0.09282,0.02212,-0.05187,-0.04692,-0.03429,0.06563,0.04515,-0.02572,-0.10162,0.02071,0.05016,0.00354,-0.04778,0.09307,-0.08931,-0.06523,-0.00299,0.0391,0.06226,0.00864,-0.00142,-0.04327,0.02836,0.07063,0.08292,0.01796,-0.01448,0.00072,0.01173,0.00087,0.03687,0.00904,0.02639,0.01573,-0.05404,-0.01245,0.0789,-0.00289,-0.05373,0.07468,-0.02201,0.10414],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. API","excerpt":"API"},{"chunkId":"/docs/f-auto-pan-component#4","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.06413,-0.06862,-0.10345,0.02436,0.09512,0.03362,0.09931,0.00884,0.00639,-0.03956,0.03351,-0.0203,-0.09568,0.03428,-0.10803,-0.08225,0.0662,-0.01832,-0.00188,0.04301,-0.01713,-0.14016,0.02038,-0.00423,0.03042,0.01212,-0.02618,-0.0591,0.02477,-0.07907,-0.06007,0.05638,0.00659,0.03712,-0.13439,-0.03783,-0.01333,0.03846,-0.07113,-0.05104,0.02653,-0.01178,0.0853,-0.02194,0.03933,0.03569,0.02206,0.03881,0.00588,0.08514,-0.04463,0.00346,0.04039,0.06351,0.01464,0.0611,0.08243,0.01254,0.00959,0.05972,-0.05856,-0.02778,-0.02424,-0.00712,-0.02889,-0.0273,-0.01558,-0.03423,-0.01218,0.02158,0.01934,-0.02235,0.01587,-0.05491,0.09652,-0.00053,-0.05836,0.0132,0.0233,0.01758,0.04341,-0.00263,-0.0359,0.08458,0.01692,0.05692,-0.03442,-0.03381,-0.03684,0.00108,-0.00493,0.06782,-0.0697,-0.02253,-0.10244,-0.00555,-0.01215,-0.01271,-0.08009,0.01045,0.06019,-0.03861,0.00125,0.07224,-0.03162,-0.04598,-0.03973,-0.01465,-0.08914,0.05083,0.01817,0.01036,0.0073,-0.01054,-0.04236,-0.02197,-0.04829,-0.04719,0.11612,-0.03192,-0.04565,0.11925,-0.06215,-0.02649,0.07019,-0.06707,-0.00735,0,-0.02088,-0.00026,-0.04598,-0.07621,0.02967,-0.04056,-0.02425,-0.00743,0.037,-0.01427,-0.0118,-0.04192,-0.05627,0.02197,-0.0183,-0.10021,-0.01052,-0.00454,0.03215,-0.0649,0.05572,-0.07389,-0.09049,-0.05585,0.02689,0.05313,-0.05966,0.05679,0.00035,0.07821,-0.05671,0.06202,-0.03334,-0.02122,-0.0998,0.01332,-0.05648,-0.05964,0.00451,0.00636,-0.05909,0.00872,-0.0515,0.02051,-0.01208,-0.04232,-0.01715,0.10622,-0.00192,0.04707,-0.01303,-0.06269,0.12164,0.0095,0.03719,-0.0614,-0.02706,0.08994,0.04924,0.05718,0.03231,0.03517,-0.12957,-0.00515,-0.03077,0.06862,0.01487,0.08029,0.01,-0.01494,0.00829,0.03417,0.04695,0.05446,0.05667,-0.02174,-0.08548,-0.03008,-0.02412,-0.02476,-0.02014,-0.00735,0.0778,0.01813,0.02681,-0.05542,0.03503,0.02781,-0.05911,-0.04614,0.08563,-0.0526,0.06872,0.01334,-0.01064,0,-0.01518,0.04005,-0.00736,0.09036,-0.04518,-0.02878,-0.00302,0.02246,0.03126,-0.08149,-0.02556,0.01006,-0.00973,0.00101,0.01711,0.03187,-0.09733,-0.04991,-0.01316,-0.04509,0.05086,-0.08237,-0.019,0.05221,-0.02023,-0.08123,0.06303,0.05446,-0.03866,-0.01089,0.01088,-0.02565,-0.05499,-0.0385,0.02707,-0.04567,-0.01512,0.07557,-0.01036,0.06379,0.00767,0.01092,0.05567,0.04921,0.03669,0.04076,-0.11929,0.02723,0.03391,-0.00852,-0.11687,0.05142,0.0133,-0.07897,0.03432,0.07073,0.05161,0.06008,-0.00993,-0.01906,0.04532,-0.07414,-0.08483,0.01348,0.13295,0.07059,-0.00899,0.02068,0.03517,0.13688,0.04046,0.03695,0.05761,0.01593,-0.02502,-0.01456,0.15872,0.07421,0.09596,0.10111,0.07565,0.01226,0.06264,-0.01555,-0.07328,0.05301,-0.07963,-0.00091,0.02496,0.0356,-0.04779,0.00786,0.03963,-0.06406,0.00285,0,-0.0342,0.01266,-0.01487,-0.03011,0.00528,0.05874,0.02605,0.04773,-0.02982,-0.03903,-0.02839,0.04852,0.03218,0.06284,0.07499,0.0264,0.08395,0.04666,0.00578,-0.04433,0.0439,0.01528,0.05341,0.02051,-0.06157,-0.04489,-0.01359,0.05981,0.05608,-0.00939,-0.0943,0.01411,0.02091,0.00635,-0.05812,0.10334,-0.10492,-0.03353,0.01333,0.04091,0.04489,-0.00006,-0.00131,-0.06265,0.00377,0.03874,0.05485,0.00938,-0.03352,0.00165,-0.00316,0.02878,0.02433,0.02104,0.05767,0.00304,-0.05312,-0.03455,0.03988,-0.00224,-0.03889,0.04069,-0.01175,0.069],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Inputs - fEdgeThreshold: number; Default: 20. Edge activation zone in viewport pixels. - fSpeed: number; Default: 8. Maximum per-frame canvas delta in viewport pixels. - fAcceleration: boolean; Default: false. When enabled, speed scales linearly as the pointer approaches the edge. f Edge Threshold f Speed f Acceleration","excerpt":"Inputs - fEdgeThreshold: number; Default: 20. Edge activation zone in viewport pixels. - fSpeed: number; Default: 8. Maximum per-frame canvas delta in viewport pixels. - fAcceleration: boolean; Default: false. When enabled, speed scales linearly as the pointer approaches the edge."},{"chunkId":"/docs/f-auto-pan-component#5","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.0451,-0.05341,-0.1125,0.02391,0.07471,0.04031,0.09048,0.02236,0.01727,-0.01271,0.03868,-0.01016,-0.10317,0.04011,-0.11728,-0.07754,0.02231,-0.01025,0.01576,0.05632,-0.01834,-0.10579,0.01693,-0.01104,0.03923,0.02212,-0.00806,-0.06327,0.01023,-0.05974,-0.08302,0.07457,-0.03295,0.05298,-0.14316,-0.04488,-0.02963,0.04568,-0.05954,-0.05138,0.03514,-0.01676,0.0819,-0.03187,0.0135,0.03377,0.00292,-0.00191,-0.0112,0.06557,-0.02414,0.00302,0.04325,0.07348,-0.01263,0.05747,0.05547,0.01603,0.00646,0.07983,-0.04754,-0.02762,-0.0083,-0.01372,-0.0363,-0.03041,-0.0263,-0.01499,-0.04467,0.02607,-0.00935,-0.03598,0.01493,-0.07063,0.11101,0.00638,-0.05974,0.02796,0.01792,0.03266,0.04857,0.01868,-0.03687,0.10046,0.02183,0.07133,-0.02797,-0.02639,-0.03917,-0.01436,-0.02551,0.03644,-0.04672,-0.04278,-0.11898,-0.00442,0.00551,0.01112,-0.05579,0.00465,0.08183,-0.01443,0.03165,0.05342,-0.04416,-0.03814,-0.01574,-0.03184,-0.07892,0.04584,0.00134,-0.00133,-0.01589,-0.05241,-0.03922,-0.02662,-0.05641,-0.03811,0.11632,-0.00839,-0.02637,0.11146,-0.04047,0.00214,0.07915,-0.02443,-0.00844,0,-0.00646,-0.03275,-0.04282,-0.05344,0.0466,-0.02146,-0.04108,-0.01711,0.05489,-0.03267,-0.02181,-0.001,-0.05063,0.00095,-0.03419,-0.08383,-0.02383,0.00152,0.02287,-0.06223,0.05164,-0.06208,-0.07078,-0.06664,0.02301,0.06811,-0.05838,0.04016,-0.02312,0.0662,-0.05943,0.08421,-0.02934,-0.03381,-0.10545,0.01515,-0.07966,-0.04644,0.02116,0.0002,-0.07067,-0.00134,-0.052,0.01236,0.00117,-0.06953,0.02796,0.12022,0.0001,0.04503,-0.01014,-0.07197,0.09695,0.03055,0.01796,-0.03867,-0.02499,0.10896,0.0513,0.04387,0.01684,0.06279,-0.12196,-0.00714,-0.03138,0.05416,0.03875,0.07194,0.02482,-0.04706,0.01844,0.01095,0.04918,0.01486,0.06102,-0.01485,-0.1134,-0.04681,-0.0412,-0.02646,-0.00091,-0.05007,0.07558,0.004,0.04873,-0.05411,0.03128,0.02469,-0.05517,-0.05072,0.04635,-0.0735,0.07475,0.01924,0.01794,0,0.00778,0.03671,-0.00082,0.0572,-0.01994,-0.02134,0.00331,-0.00103,0.01341,-0.08444,-0.03509,0.00867,0.00488,0.02924,-0.00426,0.03932,-0.08879,-0.02926,0.00813,-0.03004,0.06625,-0.07921,0.00038,0.03137,-0.03089,-0.08182,0.11457,0.04888,-0.02131,-0.01599,0.02668,-0.03424,-0.02665,-0.04012,0.03734,-0.0861,0.0021,0.06579,-0.01773,0.04221,-0.01297,0.00106,0.07164,0.04984,0.02566,0.04074,-0.11969,0.06139,0.04262,-0.01614,-0.10515,0.03715,-0.01002,-0.09008,0.05172,0.06574,0.04975,0.07791,-0.05324,-0.01512,0.02894,-0.05618,-0.06404,0.00163,0.12427,0.0799,-0.04727,0.03,0.00342,0.14112,0.02085,0.04231,0.01861,-0.00041,0.02596,0.02406,0.13886,0.03282,0.12508,0.07137,0.05261,-0.02013,0.04187,-0.02286,-0.06109,0.01625,-0.07953,-0.00128,-0.00791,0.02876,-0.05154,0.02745,0.01851,-0.05857,-0.00343,0,-0.03257,0.00587,0.01347,-0.04651,0.00621,0.03255,0.0491,0.07054,-0.03722,-0.02179,-0.03563,0.01553,0.04708,0.08113,0.09863,0.05047,0.10961,0.04915,-0.00499,-0.06755,0.05342,-0.00163,0.07216,0.01923,-0.05335,-0.05406,-0.01948,0.06385,0.03415,-0.03197,-0.08347,0.03102,0.0336,-0.01013,-0.03903,0.0934,-0.08101,-0.05671,0.0039,0.03929,0.04153,0.02241,-0.0049,-0.05049,0.0011,0.06483,0.07931,-0.00266,-0.03094,0.00255,0.01184,-0.00223,0.03548,0.00661,0.03559,0.00661,-0.04345,-0.02088,0.06852,0.00882,-0.0495,0.08068,-0.01437,0.08572],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-auto-pan-component#6","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.07325,-0.03172,-0.1036,0.00593,0.07313,0.03428,0.07325,0.06223,-0.00226,-0.00933,0.02756,0.00397,-0.11901,0.02721,-0.09056,-0.08042,0.01913,0.00819,0.00742,0.07333,-0.00436,-0.10014,0.01027,-0.01223,0.03762,0.00482,0.00678,-0.06676,0.03768,-0.04187,-0.07696,0.07027,-0.04818,0.05517,-0.14256,-0.03452,-0.01776,0.0529,-0.0642,-0.04895,0.02824,0.00866,0.05323,-0.03787,0.03725,0.02863,-0.00295,0.01873,-0.02958,0.06405,-0.04399,-0.0096,0.0529,0.04944,-0.01477,0.0438,0.05013,0.01237,0.02879,0.08393,-0.02501,-0.02336,-0.02831,-0.0007,-0.04727,-0.01742,-0.03689,-0.01514,-0.01259,0.03736,-0.01135,-0.03998,0.03302,-0.04584,0.09512,-0.00933,-0.05144,0.01739,0.00806,0.02434,0.05739,0.03453,-0.03284,0.0831,0.03522,0.07519,-0.03259,-0.01604,-0.02907,-0.01659,-0.00702,0.05065,-0.05871,-0.05921,-0.12661,0.01328,0.01472,-0.00174,-0.05658,0.01681,0.07328,-0.02988,0.01077,0.05906,-0.03764,-0.04487,-0.00858,-0.04283,-0.06129,0.06555,0.00266,-0.00993,-0.03961,-0.07664,-0.05516,-0.03078,-0.05628,-0.04906,0.13001,-0.00951,-0.01157,0.10822,-0.02004,-0.00423,0.10633,-0.0407,-0.03206,0,-0.01314,0.012,-0.05396,-0.02882,0.07282,-0.02956,-0.03433,0.00069,0.03978,-0.03967,0.00236,0.01743,-0.0613,-0.00765,-0.03272,-0.07757,-0.04523,0.00194,0.03047,-0.06864,0.06472,-0.08998,-0.04894,-0.03949,0.01583,0.0676,-0.05293,0.051,-0.02681,0.07391,-0.04034,0.05787,-0.04927,-0.02173,-0.10299,0.01523,-0.08138,-0.08321,0.00027,0.01642,-0.05717,-0.00791,-0.04471,0.00976,0.01171,-0.07733,0.01536,0.12419,0.00594,0.03052,-0.02009,-0.05713,0.09243,0.01929,0.0086,-0.0378,-0.04315,0.09706,0.0626,0.04505,0.0124,0.03741,-0.11136,0.00252,-0.03808,0.04427,0.03658,0.07046,0.03444,-0.0421,0.03326,0.00734,0.05425,0.02311,0.0565,-0.02345,-0.09638,-0.03238,-0.0284,-0.01566,-0.02366,-0.05753,0.08865,-0.00011,0.03327,-0.05862,0.05984,0.03438,-0.06696,-0.05797,0.0435,-0.0633,0.07333,0.03048,0.02938,0,0.0115,0.02965,0.02934,0.06279,-0.01079,-0.02627,-0.00785,0.01554,0.01222,-0.07804,-0.03401,-0.00591,0.00031,0.04047,0.00683,0.05813,-0.11209,-0.0425,0.0126,-0.02292,0.0411,-0.08841,0.00244,0.03381,-0.04211,-0.08209,0.08686,0.03638,-0.02504,-0.01131,0.00082,-0.03615,-0.02194,-0.03167,0.03073,-0.05464,0.00463,0.09152,-0.01159,0.04279,0.00018,-0.01871,0.05413,0.02653,0.00077,0.02902,-0.1121,0.06989,0.03305,-0.02833,-0.09205,0.02351,-0.01531,-0.09002,0.04786,0.07479,0.04827,0.05038,-0.04953,-0.00704,0.03538,-0.07942,-0.05531,0.02752,0.13832,0.07242,-0.04554,0.01486,-0.02495,0.14076,0.01861,0.04751,0.00754,0.01495,0.01277,0.01244,0.16619,0.03748,0.11165,0.0589,0.05248,-0.02627,0.02974,-0.02226,-0.07641,0.00953,-0.06915,0.0178,-0.02903,0.034,-0.06046,0.04809,0.04499,-0.03436,0.01366,0,-0.02972,0.01688,0.01736,-0.05444,-0.0002,0.03057,0.02596,0.06195,-0.04499,-0.02808,-0.05481,0.01969,0.04849,0.09058,0.07202,0.03487,0.08595,0.06998,-0.01317,-0.05368,0.03803,0.02356,0.07315,0.01101,-0.04924,-0.0214,-0.02706,0.06816,0.05563,-0.03065,-0.09598,0.0244,0.05195,0.00991,-0.0461,0.09316,-0.07773,-0.07653,-0.02405,0.03121,0.07143,0.01281,-0.00191,-0.0458,0.02618,0.0727,0.07178,-0.00901,-0.01654,0.02069,0.01605,-0.00931,0.03668,0.00954,0.02485,0.02624,-0.04778,-0.02732,0.0824,0.00096,-0.04433,0.08174,-0.00384,0.08846],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-auto-pan-component#7","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.05947,-0.04419,-0.10405,0.02265,0.07347,0.04381,0.09314,0.03797,0.00996,-0.01797,0.01045,-0.00601,-0.10842,0.02822,-0.08201,-0.08391,-0.01445,0.00494,-0.0014,0.05777,-0.02472,-0.10366,0.02965,-0.00391,0.00104,0.03216,0.02862,-0.04692,0.02155,-0.06031,-0.06651,0.08702,-0.0462,0.05364,-0.1655,-0.05617,-0.02878,0.06743,-0.07352,-0.03924,0.03357,-0.00628,0.09161,-0.05344,0.02726,0.04446,0.00631,0.0036,-0.00217,0.06385,-0.02486,-0.00841,0.05562,0.08983,-0.01987,0.03332,0.07211,0.00087,0.00876,0.07922,-0.04238,-0.02675,-0.00293,0.00478,-0.06857,-0.02406,-0.02348,0.00899,-0.03217,0.01817,0.01532,-0.04785,0.02183,-0.06435,0.09354,-0.00511,-0.05178,0.04307,0.01667,0.03474,0.07461,0.0272,-0.03005,0.09194,0.01311,0.07495,-0.02999,-0.05378,-0.06163,-0.00506,-0.00276,0.04818,-0.04399,-0.05417,-0.09064,-0.00083,-0.02699,0.00178,-0.05958,0.00366,0.06116,-0.02167,0.00613,0.07419,-0.03594,-0.02911,-0.02472,-0.0165,-0.05406,0.03147,-0.00038,-0.00934,-0.02285,-0.05369,-0.04653,-0.02471,-0.05958,-0.04539,0.09764,0.00222,-0.01283,0.09865,-0.03404,-0.0303,0.07757,-0.03169,-0.0318,0,-0.0072,-0.00916,-0.05015,-0.02853,0.04429,-0.03527,-0.01746,-0.02011,0.03829,-0.0185,-0.02918,-0.00301,-0.08602,-0.01153,-0.06167,-0.11177,-0.03079,-0.00844,0.00285,-0.05635,0.06904,-0.07486,-0.06684,-0.07224,0.05223,0.05521,-0.06245,0.04479,-0.03045,0.06198,-0.04955,0.05589,-0.01952,-0.01313,-0.09756,0.00684,-0.07433,-0.0462,0.02995,-0.00466,-0.05472,-0.00384,-0.04592,0.02788,-0.00451,-0.0498,0.00879,0.10532,0.02399,0.05542,0.00028,-0.04802,0.08318,0.0254,0.04515,-0.03907,-0.02554,0.12126,0.0463,0.04952,-0.00725,0.05296,-0.14449,-0.00829,-0.016,0.06767,0.03554,0.06964,0.00682,-0.05713,0.01703,0.01679,0.02236,0.01486,0.06143,-0.0098,-0.0833,-0.02041,-0.01517,-0.01288,-0.03106,-0.06126,0.07133,0.02565,0.02262,-0.05258,0.04001,0.01081,-0.05641,-0.0572,0.07611,-0.05185,0.10649,0.0305,0.02749,0,-0.01686,0.03613,0.01449,0.0828,-0.00135,-0.01041,0.01283,0.01448,0.01502,-0.05764,-0.02083,0.04274,0.00791,0.01105,0.00847,0.05814,-0.06816,-0.03765,0.015,-0.03249,0.04744,-0.0553,-0.01406,-0.0008,-0.03517,-0.06704,0.09938,0.03689,0.00248,-0.00887,0.01854,-0.02852,-0.03161,-0.03713,0.03019,-0.07506,-0.01319,0.08054,-0.02857,0.04135,-0.03172,0.00187,0.0706,0.04781,-0.00492,0.03805,-0.11584,0.05349,0.0233,-0.0011,-0.1197,0.03153,-0.00513,-0.08749,0.0517,0.07887,0.05641,0.06674,-0.06418,-0.01609,0.05523,-0.06163,-0.05764,-0.00445,0.11902,0.06895,-0.0493,0.01918,0.00997,0.12834,0.03085,0.02656,0.01008,0.01456,0.02738,-0.01205,0.16271,0.0482,0.13228,0.07666,0.04208,0.00696,0.02131,-0.03868,-0.08305,0.00635,-0.0811,-0.00453,0.01114,0.03569,-0.04901,0.01658,0.02489,-0.07079,-0.0084,0,-0.04758,-0.01848,0.01635,-0.06654,0.01204,0.02995,0.02977,0.07501,-0.03915,-0.0305,-0.01745,0.06372,0.0616,0.05895,0.07206,0.03966,0.07626,0.06086,-0.00736,-0.05534,0.04383,0.00594,0.06131,0.03769,-0.05731,-0.04712,-0.01167,0.04944,0.03779,-0.01271,-0.11355,0.02211,0.03285,-0.00378,-0.05407,0.09177,-0.08856,-0.06498,-0.02029,0.03906,0.0546,0.01006,-0.00061,-0.05581,0.00109,0.05981,0.06254,0.01223,-0.03194,0.00444,-0.00532,0.01393,0.01615,0.03157,0.02859,0.01865,-0.04687,-0.00572,0.07346,-0.02425,-0.09123,0.08398,-0.00635,0.08567],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Styling - .f-component Base class for flow primitives. - .f-auto-pan Host class for the plugin element.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-auto-pan Host class for the plugin element."},{"chunkId":"/docs/f-auto-pan-component#8","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.04114,-0.05671,-0.10186,0.01528,0.10031,0.02001,0.09338,0.03918,0.01626,-0.03255,0.01836,-0.02075,-0.11253,0.03051,-0.10218,-0.10377,0.01724,-0.01222,0.00112,0.05327,-0.00704,-0.13862,0.02224,-0.00014,0.01154,0.01574,-0.02636,-0.03786,-0.00544,-0.06511,-0.06113,0.07435,-0.01924,0.05333,-0.13531,-0.05066,-0.02199,0.04661,-0.07576,-0.04631,0.01423,-0.00923,0.09721,-0.03635,0.03607,0.05069,0.02417,0.02655,-0.03719,0.08577,-0.04748,0.00092,0.03218,0.08905,0.00579,0.05592,0.09179,-0.02206,-0.00657,0.07743,-0.05478,-0.03415,-0.03883,0.00547,-0.05048,-0.03898,-0.03995,-0.02636,-0.00371,0.01446,0.01208,-0.00588,0.02686,-0.06971,0.092,-0.00299,-0.04866,0.02864,0.02434,0.00969,0.06275,0.03875,-0.01902,0.08182,0.02812,0.06125,-0.03218,-0.03419,-0.03534,0.012,-0.02172,0.0869,-0.07734,-0.02327,-0.08638,-0.01731,-0.02143,-0.0376,-0.08045,0.00131,0.05127,-0.02691,0.02059,0.09217,-0.02028,-0.03301,-0.02316,0.02303,-0.05696,0.03008,0.01262,0.00524,0.03083,-0.03496,-0.05085,-0.01175,-0.07084,-0.05163,0.0915,-0.00744,-0.04191,0.10269,-0.0482,-0.02597,0.08077,-0.04351,-0.02973,0,-0.02884,-0.01269,-0.03776,-0.03483,0.02874,-0.02251,-0.00118,-0.02169,0.0567,-0.00897,-0.01896,-0.03257,-0.09298,0.01634,-0.04138,-0.10402,-0.00838,0.01301,0.0024,-0.04432,0.08922,-0.0704,-0.07536,-0.07329,0.0392,0.05577,-0.06342,0.06784,-0.01565,0.08783,-0.05126,0.03002,-0.03586,-0.01904,-0.08916,-0.0105,-0.068,-0.07265,0.00919,0.02184,-0.06351,0.01818,-0.04595,-0.0099,-0.01854,-0.04686,-0.00943,0.10429,0.00753,0.06753,0.00966,-0.05749,0.09538,0.00884,0.04573,-0.03519,-0.04788,0.0881,0.04585,0.08367,0.00052,0.06252,-0.12987,-0.03461,-0.0059,0.06224,0.06297,0.07806,-0.00694,-0.01616,-0.00116,0.01747,0.03107,0.05006,0.07133,-0.00791,-0.05135,-0.01096,-0.02915,-0.00905,-0.02793,-0.01892,0.07633,0.02504,0.00237,-0.04172,0.04521,0.00547,-0.05722,-0.04872,0.0834,-0.04837,0.08705,0.02172,0.0081,0,-0.02746,0.0288,-0.01124,0.07321,-0.03987,-0.02063,0.02757,0.00112,0.03656,-0.06518,-0.05301,0.02489,-0.03833,-0.00855,0.01207,0.03826,-0.07928,-0.05581,-0.00791,-0.01669,0.04142,-0.05901,-0.01751,0.01532,-0.02356,-0.06355,0.06367,0.04464,-0.03768,-0.02199,0.02911,-0.03092,-0.04454,-0.02965,0.0317,-0.07046,-0.02167,0.07788,-0.01258,0.05946,0.01171,0.02572,0.07378,0.03565,0.02009,0.05367,-0.10007,0.03089,0.05316,0.00601,-0.12786,0.04219,-0.00882,-0.063,0.0352,0.09111,0.0898,0.06191,-0.05492,-0.02217,0.05073,-0.07478,-0.05981,0.00387,0.12307,0.06696,-0.0048,0.03169,0.02879,0.13891,0.05274,0.01828,0.05032,0.00099,0.00318,0.01104,0.15208,0.06074,0.09756,0.10026,0.06756,0.00953,0.04811,-0.01698,-0.047,0.00598,-0.09182,-0.02759,0.02123,0.02351,-0.04693,0.01944,0.04663,-0.06604,0.0102,0,-0.03526,0.00069,-0.00963,-0.02772,-0.0083,0.03788,0.01471,0.06985,-0.05323,-0.02925,-0.03607,0.05586,0.04834,0.05045,0.06697,-0.00008,0.08616,0.04872,-0.01076,-0.04908,0.01682,0.02082,0.03401,0.04398,-0.05802,-0.03927,-0.0037,0.03899,0.05878,-0.01168,-0.07845,0.01827,0.04154,0.01975,-0.04941,0.11409,-0.11314,-0.0168,-0.0123,0.04601,0.05651,0.00562,0.01093,-0.05603,-0.00606,0.04771,0.04523,-0.00215,-0.04879,0.01479,0.00048,0.03055,0.03785,0.04278,0.03151,0.02178,-0.03809,-0.04193,0.06423,-0.01272,-0.05738,0.06514,0.00008,0.0665],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Notes / Pitfalls - Requires fDraggable on the parent f-flow. - Auto-pan is enabled by the presence of <f-auto-pan /. - Supported drag kinds are drag-node, create-connection, reassign-connection, and selection-area. - fEdgeThreshold and fSpeed are measured in viewport pixels, not in flow coordinates. f Draggable f Edge Threshold f Speed","excerpt":"Notes / Pitfalls - Requires fDraggable on the parent f-flow. - Auto-pan is enabled by the presence of <f-auto-pan /. - Supported drag kinds are drag-node, create-connection, reassign-connection, and selection-area. - fEdgeThreshold and fSpeed are measured in viewport pixels, not in flow coordinates."},{"chunkId":"/docs/f-auto-pan-component#9","slug":"f-auto-pan-component","route":"/docs/f-auto-pan-component","section":"docs","title":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag","description":"Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection.","group":"Interaction","vector":[-0.08293,-0.02706,-0.0912,0.04944,0.0934,0.09286,0.06795,0.03697,0.04057,0.02514,-0.03049,0.01266,-0.10606,0.05291,-0.05789,-0.06247,-0.02374,0.01244,-0.00094,0.05296,-0.02835,-0.07352,0.07168,0.02759,-0.00641,-0.00994,-0.00078,-0.0735,0.02025,-0.04678,-0.02632,0.08717,-0.03043,0.03608,-0.12238,-0.01194,-0.04256,0.05651,-0.07055,-0.05004,0.06699,0.01108,0.06969,-0.08766,0.03413,0.05101,-0.0215,0.03424,-0.03344,0.07789,-0.03903,-0.00965,0.02889,0.0738,-0.01198,0.01196,0.06201,-0.03115,0.02311,0.10578,-0.07523,-0.03703,0.00259,0.00072,-0.0092,0.01206,-0.05199,0.0065,-0.06099,0.08685,0.02674,-0.06161,0.00786,-0.06108,0.11048,-0.03454,-0.08232,0.06984,0.00631,0.01716,0.05981,-0.00398,-0.03681,0.07794,-0.00981,0.07192,-0.02124,-0.04157,-0.03704,-0.03516,-0.0213,0.04641,-0.0585,0.0032,-0.03788,-0.01773,-0.089,0.02592,-0.08191,-0.01234,0.03054,-0.01422,0.03552,0.11591,-0.00621,-0.00476,0.01077,0.00472,-0.06748,0.01688,0.00177,0.04254,0.01862,-0.02653,-0.07081,-0.01019,-0.06365,-0.04634,0.05615,0.0355,0.01636,0.04622,-0.05742,-0.0378,0.06764,-0.00869,0.02622,0,-0.02864,0.02171,-0.06412,-0.01613,0.03841,-0.06257,-0.02812,-0.05843,0.01256,0.03204,-0.03641,0.00105,-0.03677,-0.02015,-0.07127,-0.11428,-0.01594,0.02616,0.00095,-0.02905,0.06906,-0.0473,-0.07793,-0.06676,0.10437,0.02263,-0.07395,0.02301,-0.02467,0.04502,-0.00362,0.0781,-0.00192,-0.06462,-0.05586,-0.00708,-0.04779,-0.03948,0.0035,-0.00147,0.0159,-0.00106,-0.05471,0.06752,-0.04721,-0.05646,-0.01314,0.10284,0.04081,0.06692,-0.00168,-0.03749,0.02902,0.0176,0.07194,-0.0414,-0.05008,0.08268,0.02832,0.08993,-0.00995,0.01757,-0.10777,-0.03574,0.01342,0.03257,0.03296,0.07221,0.02757,-0.07928,-0.01174,0.02355,0.02147,0.02397,0.05988,-0.03245,-0.05131,0.01614,0.03051,-0.00481,0.03541,-0.07383,0.05168,0.05566,0.04254,-0.08178,0.01025,-0.01067,-0.09006,-0.07342,0.09797,-0.01622,0.09828,0.0202,0.0088,0,0.03913,0.04943,-0.00385,0.11908,-0.04425,-0.03093,0.0763,0.04944,0.00491,-0.03559,-0.01867,0.02537,-0.00344,0.01325,0.00215,0.03272,-0.07522,-0.04794,0.04981,0.0006,0.07098,-0.03515,-0.01915,0.01526,-0.02779,-0.0175,0.08455,0.06051,-0.00798,-0.02625,0.01009,-0.03271,-0.07686,-0.04604,0.0033,-0.05388,-0.0016,0.12353,-0.02905,0.02907,0.04411,0.03976,0.04731,-0.01248,0.00303,0.03141,-0.06199,0.0438,-0.0207,-0.01609,-0.11787,0.02251,-0.01753,-0.05914,0.01868,0.0259,0.0798,-0.00857,-0.08274,-0.02434,0.08418,-0.04896,-0.03745,-0.02964,0.12065,0.07918,-0.05721,0.0132,0.0526,0.10243,-0.01086,-0.00208,0.02692,0.00688,0.02068,0.04207,0.15777,-0.01122,0.12858,0.04559,-0.00236,0.0176,0.00887,-0.01854,-0.07255,0.07853,-0.13466,-0.02238,0.02584,0.03403,-0.06783,-0.03723,0.01552,-0.08155,0.01259,0,-0.0864,0.02258,0.01849,-0.02487,0.00151,0.01147,0.02147,0.0222,-0.02972,-0.02974,-0.07401,0.07128,0.09299,0.03069,0.02661,0.02115,0.07321,0.05095,-0.01726,-0.02685,0.02153,0.02727,0.08153,0.04807,-0.05446,-0.07492,-0.07187,0.03565,0.03203,-0.01845,-0.08967,0.00345,0.01719,-0.0008,-0.05155,0.02657,-0.12389,-0.07617,-0.02108,0.0319,0.07602,0.00299,0.01992,-0.0494,-0.04594,0.06482,0.07287,0.01963,-0.0156,0.00969,0.00759,0.00394,-0.01765,0.03485,0.03834,0.00755,-0.01289,-0.00302,0.06698,-0.01671,-0.07619,0.02858,-0.02822,0.04075],"keywords":"FAutoPanComponent - Edge-Based Viewport Scrolling During Drag FAutoPanComponent - Edge-Based Viewport Scrolling During Drag Add `f-auto-pan` to keep drag sessions moving when the pointer reaches the viewport edge during node drag, connection drag, or selection. Example ::: ng-component <auto-pan</auto-pan [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.scss :::","excerpt":"Example ::: ng-component <auto-pan</auto-pan [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.scss :::"},{"chunkId":"/docs/f-external-item-directive#0","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.02408,-0.01543,-0.05233,0.08478,0.11929,0.03031,0.12794,0.01315,-0.01393,-0.04328,-0.04077,-0.0225,-0.00262,-0.0007,0.03283,-0.04099,-0.01122,0.01538,0.0125,0.04397,0.02403,-0.11415,0.02637,-0.05017,0.0058,0.03204,0.01055,-0.07664,0.05584,-0.06425,0.00267,0.06716,-0.04639,0.04562,-0.13798,0.03677,0.04017,0.03294,-0.09216,-0.03206,0.01291,0.0477,-0.07779,-0.03342,-0.05913,-0.08077,0.04103,0.00096,-0.04249,0.12769,0.01467,-0.02439,-0.01769,0.07364,-0.00341,0.0722,0.04368,-0.08095,0.06428,0.04643,0.0546,-0.00724,-0.06462,0.00726,0.04593,0.01738,0.00606,0.10311,-0.02113,-0.08443,0.07489,-0.01521,-0.01615,0.02908,0.05346,-0.00814,0.04862,-0.01457,-0.09263,0.06915,0.04664,0.09345,-0.03168,0.05813,0.00503,0.15089,-0.0444,0.00847,-0.07098,0.01856,-0.00671,0.04883,-0.03249,-0.01797,0.0482,-0.08159,0.01311,-0.00865,0.01426,-0.00399,0.06024,-0.01749,-0.02732,0.06239,0.00403,-0.07308,-0.02818,-0.07039,-0.06647,0.08103,-0.02489,0.0078,-0.02417,-0.00857,-0.07441,-0.0405,-0.05555,-0.02458,0.01332,0.05376,0.02217,0.1179,-0.0459,0.02219,0.01431,-0.02312,-0.10581,0,0.03351,-0.05694,0.02492,0.00231,0.07102,-0.01533,0.01293,-0.0622,-0.07481,0.02119,-0.01321,0.00035,-0.03199,0.06089,0.01694,-0.11713,-0.02012,-0.01946,0.0516,-0.05544,-0.01933,-0.02414,-0.06359,-0.01818,0.04178,0.07356,-0.06398,0.0953,0.04893,0.02873,-0.06503,-0.01689,0.05223,0.03245,-0.00494,0.01835,-0.04121,-0.01258,0.03363,-0.05273,0.00116,0.00113,-0.04151,0.01719,-0.03484,-0.07851,0.00998,0.03322,0.03944,0.0041,-0.033,0.00004,0.00652,-0.03671,0.0129,-0.03206,-0.03828,0.04839,0.04888,0.03371,0.05314,0.081,-0.00988,0.02642,0.10115,0.04451,-0.02457,0.03919,0.01888,-0.06585,-0.10173,0.10653,0.04371,0.01652,0.11383,-0.03814,-0.04468,-0.10231,0.018,-0.02319,-0.06989,-0.07223,0.02498,-0.05178,0.02683,-0.02605,0.02767,0.02811,-0.0442,-0.09044,0.03332,-0.04151,-0.01776,-0.07376,0.0103,0,-0.02924,0.03732,0.0571,0.05304,0.05861,-0.00202,0.00946,0.01012,-0.00135,0.09357,-0.08024,0.08934,0.024,-0.04764,0.00593,0.04061,-0.02997,-0.08084,-0.05721,-0.10654,-0.0312,-0.03752,-0.014,-0.03651,-0.12209,-0.02808,0.08599,0.00714,-0.04134,-0.02569,0.01173,-0.02349,-0.00893,-0.00081,0.05084,-0.06496,0.06474,0.06075,-0.01625,-0.00025,-0.12295,-0.00968,-0.05811,0.04791,-0.03493,0.02246,-0.0675,0.06951,0.06173,0.05298,-0.00253,-0.004,-0.05624,0.00083,0.0456,-0.06817,0.0687,0.05689,0.03816,-0.01905,0.0308,-0.02834,-0.0661,-0.05661,0.1122,-0.02393,-0.06597,0.00585,0.00138,0.10889,0.05047,0.08005,0.01226,-0.08378,0.07351,-0.03586,0.0976,0.00572,-0.01994,0.00823,0.0655,0.03537,-0.00977,0.01438,0.05722,-0.06554,-0.03873,0.03668,0.0159,0.00881,-0.09016,-0.03274,0.05921,-0.01435,-0.01907,0,-0.05216,-0.02219,-0.04425,-0.01004,-0.04131,0.03959,-0.01002,0.04021,-0.00079,-0.00478,0.01334,0.02912,0.01607,-0.004,0.08901,-0.06194,0.0788,0.07701,0.00064,-0.02956,0.00171,0.03978,0.02454,0.08293,-0.0422,-0.02534,-0.03611,-0.01865,0.02355,0.02092,-0.05722,0.02127,-0.02144,0.03552,-0.07623,0.01194,-0.10935,0.04839,-0.04541,0.01856,0.07112,-0.05283,-0.0626,-0.00845,-0.07829,0.01962,-0.03995,-0.00734,0.00383,0.04374,-0.00873,-0.01754,0.04216,0.00296,0.06049,0.02246,-0.04014,-0.00381,0.02806,-0.0236,-0.10088,0.02325,0.08195,-0.01341],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. External Item Selector: [fExternalItem] Class: FExternalItem<TData External item directives let you drag items from outside the canvas and create nodes on drop. f External Item F External Item T Data","excerpt":"External Item Selector: [fExternalItem] Class: FExternalItem<TData External item directives let you drag items from outside the canvas and create nodes on drop."},{"chunkId":"/docs/f-external-item-directive#1","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.04832,-0.01485,-0.05104,0.08055,0.11987,0.00509,0.08857,0.06615,0.05307,-0.04085,-0.01565,0.00456,0.00194,-0.02252,0.05105,-0.01073,0.02657,0.00455,-0.02151,0.02599,0.00555,-0.11015,-0.00386,-0.05113,-0.00914,0.02651,-0.04367,-0.05789,0.06892,-0.07367,-0.01624,0.08775,-0.0355,0.02335,-0.10059,0.07436,0.04185,0.04646,-0.1287,-0.05983,0.00135,0.05683,-0.05485,-0.02222,-0.03755,-0.11887,0.03015,-0.03297,-0.06513,0.09957,-0.00774,-0.06242,-0.04403,0.05585,0.01965,0.07807,0.06165,-0.06272,0.03883,0.0369,0.044,0.01046,-0.06016,0.01923,0.04843,0.00213,0.02604,0.10433,-0.01188,-0.09114,0.05086,-0.02116,-0.0557,0.05271,0.06235,-0.02044,0.02191,-0.03476,-0.09079,0.01036,0.05,0.08687,-0.05806,0.05801,0.02102,0.16598,0.01772,-0.01527,-0.02473,0.03694,0.02826,0.01567,0.00706,-0.03518,0.06787,-0.08136,0.01368,0.00558,0.00666,0.01988,0.06169,-0.02781,0.01752,0.05967,0.00411,-0.07427,-0.00421,-0.06229,-0.06021,0.06984,-0.02251,-0.00296,-0.02969,-0.05432,-0.06636,-0.05781,-0.04481,-0.04235,0.00788,0.07126,-0.00004,0.10291,-0.04027,0.01382,0.01415,-0.02005,-0.09376,0,0.03952,-0.06258,0.00189,0.0212,0.09648,-0.01212,0.01337,-0.04551,-0.0554,0.00542,0.00722,0.0403,-0.02595,0.13114,0.03277,-0.064,-0.01606,0.04126,0.00791,-0.04855,-0.0015,-0.06008,-0.05998,0.01899,0.02734,0.09854,-0.01861,0.07469,0.06245,0.0222,-0.04725,-0.03203,0.046,0.06469,-0.01195,0.08041,-0.05929,-0.06998,0.07565,-0.04338,-0.00484,0.00707,-0.03736,0.01724,0.00466,-0.09071,-0.00237,0.05341,0.01898,-0.01356,0.0134,0.05713,0.05338,-0.02176,0.02205,-0.02888,-0.00835,0.00009,0.04938,0.06952,0.0008,0.11058,-0.00149,0.05753,0.10304,0.06637,-0.00731,0.02842,0.0209,-0.07886,-0.10208,0.06972,-0.01175,0.01421,0.10379,-0.08929,-0.0608,-0.1161,0.0236,-0.02846,-0.0613,-0.06694,-0.00829,-0.03144,-0.01121,-0.01853,0.00797,0.01144,-0.04197,-0.05381,0.05822,-0.03385,-0.04048,-0.01375,-0.00161,0,-0.03701,-0.00081,0.05355,0.04815,0.03318,0.00333,-0.03055,-0.02162,0.01104,0.06829,-0.06645,0.07454,0.02194,-0.03717,0.01431,0.02809,-0.07136,-0.11301,-0.04466,-0.13794,-0.00353,-0.0188,-0.01216,-0.00328,-0.12196,-0.04701,-0.00705,-0.02681,-0.03969,-0.03551,0.02372,-0.04677,-0.02759,-0.03662,0.05182,-0.04916,0.04958,0.05196,-0.00547,0.01728,-0.12558,0.01737,-0.04027,0.05623,-0.06345,0.04625,-0.09046,0.04318,0.09563,0.02972,-0.00013,-0.0008,-0.00644,-0.03664,0.02273,-0.0412,0.0286,0.04566,0.03313,-0.01584,0.01643,-0.0322,-0.03043,-0.05955,0.06912,-0.01464,-0.03427,0.00636,-0.01076,0.04806,0.0825,0.06287,0.00107,-0.07512,0.04581,-0.01762,0.1254,-0.02135,-0.01857,0.02674,-0.00863,0.01913,0.03709,0.0066,0.00651,-0.06378,-0.01902,0.03936,0.00247,-0.00567,-0.10112,-0.00195,0.06054,0.05401,-0.00056,0,-0.0534,0.00701,-0.02086,0.00687,-0.07351,0.02714,0.0032,0.07994,0.00434,0.02355,0.0322,-0.01914,-0.04376,0.00406,0.10527,-0.04947,0.06235,0.0621,-0.0337,-0.07036,-0.00322,0.05325,0.01164,0.0615,-0.05318,-0.00455,0.02325,0.01427,-0.00398,0.05656,-0.02721,0.04892,-0.00848,0.06933,-0.08523,0.01881,-0.0983,0.04628,-0.02686,-0.01999,0.07331,-0.06168,-0.07307,-0.00952,-0.07262,0.00169,-0.03664,-0.00797,-0.02571,0.05104,-0.02243,-0.03361,0.03173,0.00907,0.05086,0.01703,-0.0046,-0.01648,0.06874,-0.00165,-0.10134,0.01668,0.07684,-0.00278],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Why / Use cases Use external items when your editor has a toolbox/palette and users should create nodes by dragging from it. Typical use cases: - Low-code builders with component palettes. - Visual workflow editors with draggable block templates. - Diagram tools that create nodes from external catalog items.","excerpt":"Why / Use cases Use external items when your editor has a toolbox/palette and users should create nodes by dragging from it. Typical use cases: - Low-code builders with component palettes. - Visual workflow editors with draggable block templates. - Diagram tools that create nodes from external catalog items."},{"chunkId":"/docs/f-external-item-directive#2","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.03017,-0.03406,-0.05127,0.09509,0.1171,0.00691,0.13043,0.02771,0.03021,-0.08675,-0.04837,-0.01133,-0.00969,-0.01794,0.014,-0.0446,0.01025,-0.00639,0.01564,0.03998,0.03178,-0.15775,0.037,-0.06558,-0.01464,0.00802,-0.02254,-0.06008,0.07483,-0.12118,0.0333,0.07157,-0.03071,0.00854,-0.11268,0.04305,0.02322,0.03026,-0.11078,-0.03325,-0.00571,0.03873,-0.07945,-0.04747,-0.04681,-0.06967,0.05476,-0.00485,-0.05413,0.13683,0.01115,-0.03411,-0.00623,0.06069,0.03144,0.05696,0.03682,-0.09601,0.04271,0.03302,0.0378,-0.00064,-0.06037,0.0166,0.05621,0.02139,0.00559,0.04279,-0.00569,-0.10441,0.06391,-0.00622,-0.00928,0.01737,0.07668,0.02354,0.01793,-0.00044,-0.0676,0.0421,0.07013,0.0752,-0.0119,0.03466,0.01123,0.13884,-0.03881,0.00116,-0.06744,0.05376,-0.00606,0.04537,-0.05478,-0.00412,0.02776,-0.05659,0.00248,0.00106,0.00434,0.01489,0.05709,-0.01532,-0.00333,0.06321,0.0143,-0.07746,-0.02997,-0.06374,-0.06497,0.05367,-0.00272,-0.00812,-0.0123,-0.02105,-0.06115,-0.00998,-0.03456,-0.02337,0.03116,0.01409,0.04233,0.11757,-0.03265,-0.00128,0.01459,-0.03094,-0.08521,0,0.00947,-0.05503,0.0024,0.03355,0.07568,-0.0323,0.01209,-0.0467,-0.07977,0.00321,0.00656,-0.00081,-0.01072,0.06743,0.02229,-0.11733,-0.02698,-0.01671,0.02482,-0.06291,0.00202,0.00259,-0.06392,-0.03342,0.02051,0.09425,-0.0447,0.11324,0.04522,0.02969,-0.06179,-0.00425,0.02923,0.04839,-0.01215,0.02811,-0.04673,-0.06394,0.00666,-0.0348,0.00077,0.00086,-0.06002,0.00422,-0.04845,-0.07979,0.01504,0.06821,0.05351,0.01942,-0.01499,0.01784,0.02219,-0.0396,0.02311,-0.03473,-0.03767,0.03434,0.05747,0.03838,0.0486,0.06647,-0.00096,0.02021,0.08396,0.04959,0.02118,0.03857,0.00958,-0.061,-0.08418,0.08975,0.02188,0.00603,0.11413,-0.06864,-0.04107,-0.11901,0.02478,-0.01382,-0.03571,-0.07076,0.02756,-0.02691,0.00027,-0.02889,0.03624,0.01073,-0.04635,-0.06366,0.03335,-0.05057,0.00687,-0.04377,0.00376,0,-0.03037,0.0133,0.02182,0.05964,0.01582,0.00904,-0.01222,0.03935,-0.01247,0.0771,-0.08136,0.07501,0.01511,-0.04226,-0.03612,0.03834,-0.03923,-0.08822,-0.06026,-0.10243,-0.02314,-0.01091,-0.01223,-0.01084,-0.1223,0.00324,0.0887,0.01461,-0.03725,-0.06583,0.01688,-0.04333,-0.02251,-0.00975,0.0456,-0.07278,0.07985,0.06022,-0.00912,-0.00261,-0.10177,0.01057,-0.05849,0.06117,-0.03282,0.03241,-0.09336,0.03514,0.10949,0.05813,-0.03029,-0.012,-0.05411,0.01292,0.02252,-0.04896,0.06911,0.06161,0.0086,0.0288,0.02602,-0.05686,-0.02429,-0.05015,0.13887,-0.00965,-0.04312,0.02299,0.02095,0.10403,0.08947,0.06953,-0.00567,-0.08774,0.06998,-0.01008,0.13262,-0.02309,-0.01826,0.02234,0.04516,0.01155,0.01482,0.01079,0.02657,-0.06686,-0.02796,0.05395,0.01032,0.01721,-0.07075,0.0025,0.0545,-0.0048,-0.01002,0,-0.06997,-0.02249,-0.06395,-0.01965,-0.03546,0.03073,-0.01105,-0.01379,-0.03739,-0.02868,0.0154,0.00891,0.00309,-0.0015,0.08694,-0.06428,0.076,0.09515,-0.03459,-0.01644,-0.03727,0.06177,0.02507,0.04976,-0.03314,-0.01491,0.00423,0.01519,0.03977,0.02677,-0.0593,0.04036,-0.00583,0.01318,-0.1196,0.04892,-0.08451,0.02598,-0.02973,0.00529,0.10028,-0.04729,-0.06608,-0.01518,-0.08337,0.00989,-0.05651,-0.02433,0.00059,0.05102,-0.01368,-0.00228,0.03405,0.03909,0.05055,0.00144,-0.01925,0.01358,0.07786,0.00077,-0.06444,0.01102,0.11676,0.00789],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. How it works An element with fExternalItem is registered in FExternalItemService. During drag, the external-item handler creates preview/placeholder visuals and, on valid drop, emits fCreateNode from fDraggable with FCreateNodeEvent. f External Item F External Item Service f Create Node f Draggable F Create Node Event","excerpt":"How it works An element with fExternalItem is registered in FExternalItemService. During drag, the external-item handler creates preview/placeholder visuals and, on valid drop, emits fCreateNode from fDraggable with FCreateNodeEvent."},{"chunkId":"/docs/f-external-item-directive#3","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.03462,-0.01566,-0.03631,0.07961,0.12579,0.02522,0.11877,0.02011,0.00382,-0.05776,-0.05797,-0.0143,0.00159,-0.00315,0.02485,-0.01352,-0.01376,0.03777,0.01336,0.03356,0.00101,-0.13078,0.02649,-0.05439,0.02203,0.02882,-0.02673,-0.08274,0.04681,-0.0734,-0.00497,0.09118,-0.01846,0.03359,-0.12215,0.04812,0.04228,0.02954,-0.11427,-0.00673,-0.01223,0.06519,-0.07462,-0.04254,-0.0478,-0.08468,0.04084,0.00319,-0.03542,0.1372,0.00121,-0.06109,-0.04268,0.04808,0.01265,0.07094,0.02416,-0.08407,0.06189,0.05532,0.06428,-0.01358,-0.08137,0.03277,0.05073,0.03148,0.0093,0.09727,-0.00002,-0.09212,0.04861,-0.00875,-0.02156,0.03084,0.06978,-0.00488,0.03643,-0.0042,-0.0915,0.03736,0.03449,0.0649,-0.02924,0.07715,0.03036,0.13705,-0.04909,0.01277,-0.05414,0.03106,-0.03032,0.04616,-0.02537,-0.0124,0.03336,-0.07038,0.00137,-0.02527,0.00233,0.02423,0.057,-0.02493,-0.00138,0.03875,0.03067,-0.04987,-0.02888,-0.03628,-0.05574,0.08556,-0.01776,0.0008,-0.00606,-0.0094,-0.04432,-0.01818,-0.05201,-0.02579,0.02835,0.0662,0.03985,0.1176,-0.04854,-0.00226,0.01013,-0.03749,-0.1044,0,0.04031,-0.05578,0.03997,0.0332,0.07742,-0.01782,0.01027,-0.07592,-0.09371,0.01389,-0.02292,0.02489,-0.03515,0.09207,0.02193,-0.11656,-0.02723,0.00019,0.04413,-0.06047,-0.01219,-0.01016,-0.06708,-0.0234,0.01659,0.07387,-0.0359,0.10533,0.04154,0.03052,-0.06275,-0.01545,0.04439,0.04818,-0.02121,0.00793,-0.03976,-0.05101,0.04329,-0.03049,-0.01626,-0.00382,-0.05597,0.01618,-0.04474,-0.06494,0.00514,0.06538,0.04942,0.01877,-0.03509,0.03246,-0.00053,-0.02361,-0.00573,-0.04718,-0.02764,0.05158,0.02784,0.03644,0.06084,0.0806,-0.00206,0.02006,0.10569,0.03971,-0.01937,0.05414,-0.00307,-0.05132,-0.0994,0.1068,0.03675,0.00647,0.12199,-0.07147,-0.03201,-0.08991,0.01403,-0.00976,-0.06149,-0.06953,0.01879,-0.05249,0.01079,0.00359,0.06457,0.02267,-0.05725,-0.07105,0.0267,-0.03616,-0.00504,-0.0566,-0.01037,0,-0.04336,0.01248,0.03979,0.07722,0.06915,-0.00423,0.01099,0.04414,-0.0086,0.0884,-0.04909,0.08664,0.018,-0.037,-0.001,0.02034,-0.02471,-0.0874,-0.04552,-0.11902,-0.05036,-0.00944,-0.04153,-0.04641,-0.14384,-0.01251,0.05553,-0.02404,-0.04789,-0.021,0.0059,-0.03655,-0.02163,0.00434,0.04698,-0.03984,0.06903,0.04837,-0.03831,-0.00091,-0.12214,-0.02678,-0.0535,0.03438,-0.02448,0.02609,-0.08271,0.07327,0.05088,0.05614,-0.00055,0.01022,-0.03063,-0.02103,0.04307,-0.06143,0.05526,0.04087,0.03763,0.00644,-0.00176,-0.04167,-0.0584,-0.05368,0.1109,0.00053,-0.05706,0.01145,0.00145,0.10061,0.09023,0.06933,0.00972,-0.07626,0.07302,-0.02727,0.1088,0.01049,-0.03768,0.01089,0.03853,0.02379,0.02315,0.03055,0.04524,-0.07623,-0.02821,0.05234,0.02334,0.02261,-0.0801,-0.00899,0.05544,0.00398,0.00307,0,-0.04224,-0.00722,-0.06952,-0.00755,-0.02853,0.04032,-0.00412,0.04524,-0.02092,0.00624,0.0393,0.01987,0.00127,0.00844,0.07395,-0.07381,0.08003,0.10729,-0.00908,-0.04644,-0.0116,0.06422,0.02341,0.05415,-0.04798,-0.02182,-0.0208,0.01434,0.02582,0.00345,-0.06752,0.02609,-0.01765,0.01591,-0.08746,0.01943,-0.12363,0.04077,-0.04726,0.00806,0.08067,-0.03386,-0.03722,0.00254,-0.07028,0.01945,-0.02071,-0.0075,0.00747,0.03209,-0.01829,-0.01318,0.04753,0.0058,0.06099,0.01956,-0.05371,-0.01312,0.03786,-0.00651,-0.09799,0.03209,0.06799,-0.02283],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. API","excerpt":"API"},{"chunkId":"/docs/f-external-item-directive#4","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.03571,0.01779,-0.02755,0.09779,0.12435,0.08295,0.11873,0.04934,0.03808,-0.07195,-0.06877,-0.03338,-0.03279,-0.0202,-0.03885,-0.05151,-0.01571,-0.00338,-0.03594,0.08145,0.0301,-0.13835,0.02029,-0.04032,0.00882,0.03618,-0.01622,-0.04313,0.04494,-0.06602,0.01216,0.04754,-0.01108,0.03653,-0.07231,-0.00702,0.02363,0.03992,-0.07311,-0.01587,-0.01159,0.04157,-0.06302,-0.039,-0.0444,-0.04231,0.05655,0.0036,-0.05093,0.12217,0.00253,-0.01849,-0.01134,0.08804,0.02904,0.08121,0.03866,-0.10829,0.03522,0.05002,0.0131,-0.01476,-0.02308,0.00822,0.01275,0.03716,-0.00432,0.05678,-0.00744,-0.05379,0.08273,0.00013,0.01603,0.01486,0.08426,-0.00312,0.02319,0.02935,-0.07669,0.04135,0.09001,0.09078,0.00813,0.02604,0.00731,0.11437,-0.03275,0.00555,-0.03656,0.02787,-0.0286,0.03406,-0.07729,-0.01406,0.0586,-0.05955,-0.01371,-0.05015,-0.0056,-0.00165,0.05207,-0.03378,0.01358,0.07743,0.00853,-0.05452,-0.03217,-0.07683,-0.06314,0.06178,0.02624,0.0008,0.00849,0.01549,-0.05819,-0.04382,-0.03525,-0.03267,-0.00504,0.02205,0.02365,0.115,-0.05124,0.02121,0.00137,-0.00232,-0.08249,0,0.00639,-0.02315,0.013,0.02197,0.07776,-0.04754,0.02444,-0.0213,-0.05937,0.00481,0.00088,0.01376,-0.03022,0.04932,-0.0455,-0.09441,-0.03342,0.03786,0.01152,-0.0837,0.00791,-0.06267,-0.0979,-0.05376,0.02212,0.07843,-0.06087,0.12728,0.01222,0.01999,-0.10398,-0.02349,0.07367,0.01195,-0.01968,-0.00755,-0.0655,-0.01658,0.0002,-0.02362,0.02771,0.01629,-0.0468,0.0072,-0.03865,-0.06827,0.00443,0.04271,0.05001,-0.03265,-0.01568,-0.0037,0.01238,-0.02277,0.01831,-0.08077,-0.0454,0.05695,0.04996,0.03654,0.03608,0.09958,-0.00503,0.01775,0.08207,0.05882,0.00921,0.02661,0.0351,-0.04509,-0.06613,0.06352,0.03442,-0.012,0.12802,-0.08138,-0.02432,-0.10935,0.01541,0.0111,-0.08002,-0.07089,0.05451,-0.03164,0.0122,-0.04923,0.06042,0.00891,-0.06905,-0.09803,0.03593,-0.05746,0.00873,-0.07198,0.02322,0,-0.00138,0.02164,0.07042,0.06478,0.04075,0.00976,0.00964,0.07768,0.03529,0.04272,-0.07778,0.04733,-0.0159,-0.07177,-0.01994,0.05655,-0.07236,-0.09669,-0.06546,-0.10593,0.00663,-0.05273,-0.01377,0.0369,-0.14546,0.01272,0.1163,-0.00816,-0.02146,-0.02795,0.00285,-0.02382,-0.0388,0.02217,0.05322,-0.08848,0.0504,0.06773,-0.00134,0.06556,-0.11758,-0.0045,-0.04355,0.03971,-0.03914,0.01506,-0.01505,0.03341,0.10199,0.01451,-0.03075,0.01066,-0.10824,0.04205,0.00428,-0.04615,0.0453,0.03444,0.01073,0.03757,0.04711,-0.07741,-0.0735,-0.06362,0.12568,-0.01073,-0.04602,-0.00399,0.01686,0.11702,0.03744,0.04735,0.01544,-0.08115,0.05262,0.00025,0.1101,-0.01208,0.04114,0.02926,0.04802,0.01521,0.01677,0.01966,0.03761,-0.03387,-0.02964,0.02334,-0.00092,0.01718,-0.09868,-0.02159,0.07666,0.00472,-0.0081,0,-0.05488,-0.00529,-0.04004,-0.01009,-0.03434,0.03122,-0.0391,0.01115,-0.01789,-0.04544,-0.00039,0.04527,-0.00135,0.01998,0.06148,-0.08838,0.0374,0.07909,-0.03536,-0.037,0.00695,0.07076,0.01498,-0.00577,-0.04159,-0.04061,-0.03024,0.01778,0.04672,0.03409,-0.04211,0.01451,-0.01744,0.05181,-0.10065,0.02825,-0.06922,0.01566,-0.04317,0.01313,0.10486,-0.05355,-0.06764,-0.03233,-0.08008,0.03,-0.01238,-0.0103,-0.04299,0.05734,0.02392,-0.01235,0.01941,0.04329,0.04463,-0.01753,-0.05205,0.02944,0.06154,-0.01203,-0.05646,-0.00216,0.06707,0.0141],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Inputs - fExternalItemId: string; Unique identifier for the item. Default: Auto-generated f-external-item-{id}. - fData: TData; Data payload associated with the item, passed to fCreateNode event on drop. - fDisabled: boolean; Default: false. Disables dragging of this item. - fPreview: TemplateRef<unknown; Custom template for the drag preview. - fPreviewMatchSize: boolean; Default: true. If true, the preview element matches the size of the source element. - fPlaceholder: TemplateRef<unknown; Custom template for the placeholder shown in the list while dragging. f External Item Id f Data T Data f Create Node f Disabled f Preview Template Ref f Preview Match Size f Placeholder","excerpt":"Inputs - fExternalItemId: string; Unique identifier for the item. Default: Auto-generated f-external-item-{id}. - fData: TData; Data payload associated with the item, passed to fCreateNode event on drop. - fDisabled: boolean; Default: false. Disables dragging of this item. - fPreview: TemplateRef<unknown; Custom template for the drag preview. - fPreviewMatchSize: boolean; Default: true. If true, the preview element matches the size of the source element. - fPlaceholder: TemplateRef<unknown; Custom template for the placeholder shown in the list while dragging."},{"chunkId":"/docs/f-external-item-directive#5","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.00411,0.01372,-0.07635,0.09874,0.12304,0.03298,0.11717,0.01766,0.0403,-0.05754,-0.04153,-0.04158,-0.03635,-0.00313,-0.00286,-0.0487,-0.02738,0.01135,0.00893,-0.00025,0.03877,-0.12411,0.00954,-0.0391,-0.00329,0.02746,-0.04229,-0.065,0.0534,-0.09653,0.04386,0.07933,-0.02485,0.03312,-0.09491,0.04939,0.05006,0.01018,-0.09186,-0.03319,0.02648,0.01949,-0.03368,-0.06189,-0.07249,-0.04933,0.00958,0.00604,-0.05393,0.15098,0.0062,-0.02528,-0.02099,0.06611,0.06204,0.03083,0.06363,-0.09335,0.03826,0.02669,-0.0065,-0.01629,-0.08091,0.02767,0.03545,0.00387,-0.0342,0.08912,0.00147,-0.05854,0.07795,-0.00291,-0.0209,0.00329,0.07637,-0.01693,0.00946,0.03907,-0.08732,0.03418,0.05099,0.0928,-0.00954,0.03902,0.00514,0.12256,-0.0804,0.02713,-0.06218,0.03926,-0.05924,0.10096,-0.04098,0.011,0.03134,-0.04942,0.02365,-0.05077,0.00833,0.02672,0.02883,0.01886,0.00593,0.05801,0.01908,-0.05235,-0.05762,-0.02237,-0.06819,0.03654,-0.01509,0.00377,0.03173,-0.02457,-0.03298,-0.01869,-0.0521,-0.01108,0.01676,0.06298,0.02935,0.10586,-0.0601,0.00779,0.02308,-0.03735,-0.06051,0,0.0175,-0.06558,-0.01948,0.04612,0.07258,0.00497,0.01927,-0.07545,-0.03825,0.01524,-0.01975,-0.01207,-0.05152,0.05886,0.01637,-0.14371,-0.00363,-0.01464,0.01808,-0.04459,0.00226,-0.00935,-0.04718,-0.03348,0.05563,0.08879,-0.05195,0.10768,0.0121,0.03953,-0.04599,-0.0184,0.04466,-0.00127,-0.02552,-0.01111,-0.04647,-0.04297,-0.01973,-0.02861,-0.01812,-0.00742,-0.07416,-0.00928,-0.05282,-0.0392,-0.02063,0.05266,0.07518,0.0295,0.00441,0.0221,0.03388,-0.04248,0.03497,-0.04965,-0.0576,0.05986,0.04727,0.04999,0.073,0.10042,-0.04208,-0.00768,0.07515,0.03327,0.00347,0.02734,0.01973,-0.05738,-0.11275,0.08732,0.02095,0.0099,0.12105,-0.03977,-0.03498,-0.11139,0.00736,-0.0277,-0.06162,-0.06343,0.02885,-0.03538,0.03905,-0.01226,0.02881,0.0054,-0.04911,-0.05726,0.01552,-0.04771,0.04419,-0.0675,0.00292,0,-0.02063,0.02333,0.02776,0.06553,0.02376,-0.00241,0.00287,0.00068,0.00604,0.08448,-0.09049,0.09234,-0.02911,-0.04105,0.0269,0.02443,-0.03169,-0.09006,-0.04677,-0.07168,-0.04912,-0.00228,-0.00873,-0.04723,-0.10493,0.00677,0.08209,0.00416,-0.022,-0.05777,0.01618,-0.04483,-0.04169,-0.00305,0.05884,-0.07563,0.07821,0.07811,-0.01865,0.00487,-0.06772,0.02936,-0.08617,0.04428,-0.05528,0.03614,-0.0675,0.0198,0.07881,0.06919,-0.02765,-0.00003,-0.07286,0.0127,0.01167,-0.06133,0.107,0.04642,-0.00108,0.00149,-0.02077,-0.04776,-0.0568,-0.06259,0.12576,-0.00464,-0.05177,0.03746,0.04493,0.11666,0.07998,0.06393,-0.01411,-0.06458,0.05588,0.02695,0.10443,-0.00057,-0.00748,0.02994,0.05048,0.05299,0.0259,0.01373,0.06143,-0.07336,-0.05129,0.00422,0.04519,0.03276,-0.06194,-0.00883,0.05372,0.00519,0.00891,0,-0.09837,-0.01827,-0.06615,0.01059,-0.0259,0.01693,-0.01922,0.00744,-0.02615,-0.03033,0.01034,0.03765,0.03157,-0.02473,0.08235,-0.06273,0.07903,0.08467,-0.02938,-0.01669,-0.01331,0.04728,-0.01189,0.06882,-0.07487,-0.06012,-0.02289,-0.01037,0.05122,0.00886,-0.03867,0.04642,-0.0151,0.0384,-0.08203,0.01496,-0.0911,0.0186,-0.03151,0.00572,0.08537,-0.03264,-0.05008,-0.02995,-0.09669,0.01326,-0.0418,-0.02901,-0.01966,0.06652,-0.01707,0.02857,0.02962,0.0462,0.05201,-0.01045,-0.02039,-0.01155,0.04448,-0.03666,-0.06135,0.03319,0.10881,-0.035],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Outputs - No outputs on the directive itself. - Consume on f-flow[fDraggable]: fCreateNode: EventEmitter<FCreateNodeEvent;. f Draggable f Create Node Event Emitter F Create Node Event","excerpt":"Outputs - No outputs on the directive itself. - Consume on f-flow[fDraggable]: fCreateNode: EventEmitter<FCreateNodeEvent;."},{"chunkId":"/docs/f-external-item-directive#6","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.03101,0.00499,-0.04721,0.07871,0.10928,0.02818,0.09869,0.02951,-0.00017,-0.06088,-0.04979,0.00448,-0.00664,-0.00387,0.00483,-0.02383,-0.02292,0.05407,0.03582,0.04533,0.01296,-0.13153,0.02173,-0.04831,0.01943,0.02704,-0.03301,-0.08553,0.05137,-0.08702,-0.00137,0.1018,-0.03551,0.02734,-0.11372,0.04695,0.04565,0.02056,-0.11421,-0.01103,-0.01553,0.06369,-0.08637,-0.03353,-0.04194,-0.08527,0.0251,-0.01389,-0.04365,0.12331,-0.00361,-0.0665,-0.03014,0.03229,0.01695,0.04724,0.02839,-0.08377,0.079,0.03319,0.07415,-0.00151,-0.10253,0.0485,0.05512,0.02147,0.01163,0.09711,0.0047,-0.08875,0.04883,0.00722,-0.0231,0.02782,0.06417,-0.01348,0.04464,-0.01706,-0.10555,0.03884,0.0368,0.0723,-0.03114,0.07529,0.04579,0.14958,-0.04442,0.02542,-0.04599,0.02615,-0.0267,0.06566,-0.02111,-0.02879,0.02288,-0.05804,0.00588,-0.01684,0.00621,0.04605,0.06168,-0.01479,0.00253,0.0365,0.04105,-0.05578,-0.02623,-0.02924,-0.04461,0.09781,-0.01958,0.01285,-0.0255,-0.04115,-0.04217,-0.0185,-0.05071,-0.0246,0.02946,0.07523,0.06,0.1145,-0.03537,-0.00202,0.02188,-0.03439,-0.10369,0,0.03158,-0.04013,0.00883,0.04544,0.0862,-0.01247,0.01097,-0.07815,-0.08861,0.0147,-0.00617,0.03573,-0.03355,0.10721,0.03323,-0.11525,-0.027,0.00208,0.05541,-0.06389,0.00016,-0.01897,-0.04127,-0.00826,0.02194,0.07948,-0.04507,0.10292,0.01999,0.03642,-0.04948,-0.03103,0.03216,0.04384,-0.00522,0.01608,-0.02544,-0.07499,0.02974,-0.04508,-0.02838,-0.0083,-0.05759,0.00751,-0.01752,-0.07557,0.01846,0.05282,0.04627,0.01292,-0.02024,0.03374,-0.00791,-0.04045,-0.00566,-0.04958,-0.03378,0.02708,0.02613,0.04359,0.05971,0.07089,0.00623,0.01374,0.10171,0.04127,-0.01881,0.05451,0.01784,-0.05273,-0.10364,0.09332,0.0215,0.01819,0.10681,-0.06891,-0.0348,-0.09803,0.02495,-0.01299,-0.07336,-0.07593,0.02027,-0.03818,0.01813,-0.00556,0.07171,0.02788,-0.05916,-0.07406,0.01681,-0.02792,-0.0118,-0.06007,-0.01743,0,-0.04006,0.01113,0.04717,0.06561,0.03309,-0.00089,0.00225,0.03778,-0.01449,0.08543,-0.04978,0.0703,0.0107,-0.04745,0.00475,0.02948,-0.03066,-0.09842,-0.06516,-0.11477,-0.06918,-0.0034,-0.03335,-0.04541,-0.12949,-0.01201,0.04524,-0.03201,-0.04275,-0.01509,0.01092,-0.05109,-0.01711,-0.00373,0.04769,-0.02116,0.07709,0.05573,-0.02754,0.00364,-0.11144,-0.00969,-0.05359,0.03351,-0.04146,0.02422,-0.08587,0.06954,0.06424,0.0332,0.00003,0.00457,-0.02735,-0.02355,0.04587,-0.05545,0.04797,0.0347,0.02743,0.01939,0.01359,-0.03059,-0.05554,-0.05083,0.11392,-0.00817,-0.07548,0.01147,-0.01721,0.10224,0.09332,0.08163,0.00568,-0.0802,0.04952,-0.03135,0.11164,0.02582,-0.03326,0.01959,0.04081,0.02,0.01739,0.02125,0.04778,-0.08512,-0.01395,0.05268,0.01409,0.01342,-0.06769,0.0032,0.06148,0.02298,0.00457,0,-0.05467,-0.01641,-0.06109,-0.016,-0.03825,0.04209,-0.00793,0.02909,-0.03415,0.01345,0.03627,0.02184,-0.01119,0.01266,0.07511,-0.07667,0.07169,0.10531,-0.02705,-0.04513,-0.02154,0.07024,-0.00367,0.03885,-0.03647,-0.01733,-0.01154,0.03165,0.04936,0.01974,-0.06297,0.03251,-0.02101,0.01535,-0.08232,0.01735,-0.111,0.04368,-0.04288,0.01357,0.0901,-0.03226,-0.04759,0.00992,-0.06939,0.02423,-0.01682,-0.02279,-0.00357,0.03879,0.00456,-0.01295,0.04947,0.01248,0.05747,0.02212,-0.03099,-0.01694,0.05092,-0.01849,-0.08677,0.02207,0.08564,-0.01928],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-external-item-directive#7","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.04072,0.00187,-0.05206,0.07305,0.11306,0.04823,0.10478,0.03247,0.02113,-0.05703,-0.06025,0.01033,-0.02372,-0.01295,0.03613,-0.02811,-0.0184,0.02255,0.00592,0.04617,0.01334,-0.13198,0.03564,-0.0562,-0.00014,0.04982,-0.01277,-0.05696,0.0659,-0.07117,0.00362,0.09017,-0.013,0.03795,-0.11132,0.03235,0.0564,0.07197,-0.13058,-0.01213,0.00454,0.05336,-0.05118,-0.06206,-0.02963,-0.07702,0.0206,-0.01882,-0.04298,0.10857,0.01196,-0.06095,-0.03404,0.07452,0.01681,0.06074,0.06314,-0.09637,0.03964,0.05307,0.03337,-0.00718,-0.05525,0.04076,0.01723,0.02145,0.0059,0.10493,0.00353,-0.07395,0.06545,-0.00798,-0.01972,0.01902,0.06575,0.00018,0.04874,0.00555,-0.10667,0.04163,0.04957,0.08368,-0.01569,0.04877,-0.01238,0.14507,-0.02478,-0.0044,-0.04896,0.038,-0.03675,0.03478,-0.02774,-0.0246,0.0664,-0.0521,-0.02502,-0.01797,-0.00388,0.01122,0.06056,-0.03073,0.00809,0.04651,0.02671,-0.04396,-0.01604,-0.02467,-0.04397,0.04629,-0.0144,0.00116,-0.01756,-0.04164,-0.06878,-0.0515,-0.04611,-0.0532,0.01447,0.06719,0.02612,0.10602,-0.0463,-0.02053,0.02089,-0.02218,-0.09105,0,0.0345,-0.03671,0.00611,0.03157,0.08988,-0.00424,0.02092,-0.06901,-0.07454,0.03053,-0.0073,0.00647,-0.04424,0.08961,-0.02396,-0.12107,-0.00783,0.0113,0.02967,-0.05426,0.03113,-0.05558,-0.08048,-0.03112,0.04259,0.09022,-0.04189,0.09959,0.00376,0.01976,-0.04748,-0.03107,0.06199,0.03637,-0.03056,0.00776,-0.0736,-0.03194,0.05814,-0.04266,-0.02375,-0.00557,-0.06703,0.02526,-0.02961,-0.07083,-0.00172,0.05024,0.06284,-0.00977,-0.01156,0.03627,-0.01053,-0.02129,0.01322,-0.05976,-0.03056,0.06074,0.02275,0.03408,0.06598,0.11386,-0.03654,0.00989,0.0989,0.05262,0.00125,0.02644,0.01349,-0.07333,-0.09921,0.08391,0.00305,-0.00575,0.11418,-0.07489,-0.02387,-0.07095,0.02412,0.00379,-0.11049,-0.08898,0.02567,-0.00381,0.003,-0.02317,0.04839,0.01176,-0.0218,-0.08624,0.04793,-0.0367,0.00317,-0.06955,0.00584,0,-0.03585,0.03797,0.04182,0.08405,0.04859,-0.00168,0.01888,0.03847,0.00591,0.08478,-0.06722,0.10777,0.03051,-0.05188,0.01005,0.03081,-0.06175,-0.08495,-0.03103,-0.1184,-0.04187,-0.01091,-0.02393,-0.03034,-0.13275,-0.00358,0.0667,-0.0318,-0.04598,-0.0213,0.03377,-0.01691,-0.01424,0.00681,0.0416,-0.05938,0.02417,0.06662,-0.02603,0.02168,-0.12164,-0.00322,-0.05349,0.06044,-0.0733,0.02464,-0.06838,0.02947,0.07529,0.03811,-0.02651,0.00827,-0.06674,-0.00478,0.01532,-0.04073,0.04721,0.03801,0.01432,0.00168,0.02656,-0.04625,-0.06455,-0.06071,0.09295,-0.00873,-0.05516,0.01592,0.00667,0.07598,0.07977,0.07157,0.00347,-0.05234,0.06878,-0.01313,0.12019,0.03011,-0.00211,0.03393,0.01748,0.04756,-0.01461,0.01946,0.03615,-0.08581,-0.04114,0.01937,0.00767,0.00056,-0.10186,0.00131,0.04531,0.02602,-0.01019,0,-0.05452,-0.02201,-0.02381,-0.00669,-0.05554,0.02544,-0.0107,0.04838,-0.01587,0.01487,0.01863,0.0375,0.02218,-0.03231,0.09239,-0.0478,0.0513,0.0931,-0.03279,-0.04409,0.00756,0.05477,0.00183,0.06126,-0.05583,-0.01537,0.01563,0.00572,0.02987,0.03077,-0.0548,0.03214,-0.01346,0.01604,-0.07961,0.03058,-0.10723,0.03448,-0.05758,0.01397,0.07136,-0.05654,-0.04901,-0.02763,-0.06999,0.01882,-0.04126,-0.00374,-0.02129,0.04428,-0.01294,0.00665,0.01911,0.02982,0.06578,0.00761,-0.04997,-0.02594,0.06412,-0.01708,-0.11259,0.04194,0.0767,-0.01697],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Styling - .f-component Base class for flow primitives. - .f-external-item Host class. - .f-external-item-disabled Disabled class. - .f-external-item-preview Preview-template class. - .f-external-item-placeholder Placeholder-template class.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-external-item Host class. - .f-external-item-disabled Disabled class. - .f-external-item-preview Preview-template class. - .f-external-item-placeholder Placeholder-template class."},{"chunkId":"/docs/f-external-item-directive#8","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.02757,-0.0248,-0.04066,0.07985,0.11571,0.03166,0.09861,0.03491,0.02042,-0.04232,-0.05082,-0.01689,-0.02973,0.00292,0.00753,-0.03674,-0.02156,0.03253,-0.01328,0.02698,0.0251,-0.13245,0.00082,-0.03996,0.00916,0.02096,-0.03681,-0.08656,0.05584,-0.09597,0.00734,0.07636,-0.05507,0.03184,-0.10857,0.04368,0.05543,0.0217,-0.11255,-0.03704,0.02668,0.04388,-0.06525,-0.05056,-0.03486,-0.07286,0.0432,-0.01563,-0.06743,0.14829,-0.02037,-0.03472,-0.02213,0.07705,0.02827,0.07421,0.05113,-0.0916,0.05042,0.04522,0.0308,-0.01581,-0.05944,0.0203,0.04173,0.01025,0.00672,0.07739,0.02373,-0.07223,0.08802,-0.00455,-0.03017,0.02107,0.07945,-0.00106,0.01373,0.00438,-0.08744,0.03931,0.05729,0.08254,-0.02124,0.04286,-0.0166,0.14934,-0.05516,0.00768,-0.07482,0.03942,-0.02154,0.04577,-0.03586,-0.01995,0.03917,-0.08364,-0.00513,-0.04486,0.00691,0.00827,0.06083,-0.00558,-0.00133,0.07407,0.00759,-0.06476,-0.02641,-0.06433,-0.09419,0.07383,-0.01378,0.00666,0.00918,-0.0105,-0.05992,-0.01545,-0.06489,-0.04042,-0.00385,0.06368,0.01093,0.11067,-0.04297,0.01153,0.00743,-0.04822,-0.09512,0,0.02231,-0.06133,0.01325,0.01256,0.07779,-0.00512,0.03372,-0.06802,-0.07021,0.00713,-0.01827,-0.00055,-0.02428,0.0875,0.00946,-0.14293,-0.01221,-0.00655,0.03824,-0.03206,0.01906,-0.01338,-0.07512,-0.03205,0.0527,0.07446,-0.05777,0.11108,0.04216,0.03842,-0.07747,-0.00902,0.0387,0.01788,-0.01247,0.00795,-0.04743,-0.05227,0.02132,-0.03969,-0.00783,0.0053,-0.07014,0.02426,-0.04478,-0.06124,-0.00386,0.04736,0.0243,0.01136,0.00658,0.02574,0.0143,-0.04445,0.03717,-0.04769,-0.04019,0.02053,0.03154,0.05475,0.06598,0.07791,-0.04147,0.01951,0.08505,0.06849,-0.00638,0.05844,0.02781,-0.06684,-0.11105,0.09646,0.01531,-0.00465,0.11631,-0.03282,-0.03353,-0.10403,0.00376,-0.01994,-0.07321,-0.06708,0.02821,-0.02143,0.02892,-0.02078,0.03411,0.00329,-0.05731,-0.04232,0.0579,-0.04456,0.01247,-0.03188,0.01383,0,-0.02476,0.02147,0.04031,0.07301,0.04056,-0.00118,-0.00663,-0.00243,0.01106,0.05418,-0.10795,0.09015,0.00462,-0.04106,0.00393,0.0174,-0.05537,-0.09497,-0.04498,-0.09819,-0.03396,-0.01507,-0.02652,-0.01561,-0.11602,-0.01328,0.03025,-0.02259,-0.03674,-0.03319,0.01137,-0.04511,-0.02822,-0.01339,0.04606,-0.05706,0.06408,0.05658,-0.01046,-0.00857,-0.09726,0.01441,-0.06387,0.04708,-0.04343,0.04742,-0.08296,0.04467,0.06094,0.06745,-0.02958,0.02631,-0.05947,0.00131,0.03165,-0.03726,0.09224,0.04677,0.01763,-0.00095,0.01117,-0.05173,-0.0645,-0.06098,0.11216,-0.02736,-0.04522,0.01543,0.0268,0.10663,0.07216,0.08687,0.0141,-0.05717,0.07339,-0.01905,0.09087,-0.02473,-0.01189,0.03424,0.04896,0.04426,0.01595,0.02412,0.04838,-0.05321,-0.02362,0.01162,0.01891,0.02227,-0.06406,-0.02287,0.03709,0.00501,-0.01159,0,-0.06097,-0.00963,-0.04763,0.01414,-0.04832,0.01922,-0.00118,0.05844,-0.00885,-0.01137,0.0139,0.03625,0.02268,-0.00781,0.09313,-0.06502,0.10219,0.07951,-0.01685,-0.0411,-0.01429,0.05987,-0.00024,0.07988,-0.07084,-0.04275,0.00844,0.01044,0.02974,0.03616,-0.04192,0.01951,-0.0137,0.05325,-0.08232,0.02278,-0.09261,0.04264,-0.04169,0.00402,0.09066,-0.01307,-0.05616,-0.01925,-0.0885,0.0135,-0.04219,-0.02135,-0.00767,0.06864,-0.00648,0.01083,0.02974,0.03385,0.06734,0.02067,-0.03994,-0.01757,0.04185,-0.01756,-0.0716,0.02957,0.10771,-0.01796],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Notes / Pitfalls - Requires fDraggable on f-flow so drag pipeline can emit fCreateNode. - Child pointer events of external item are disabled by the directive to keep dragging reliable. - Keep fData serializable/predictable if you persist created node state. f Draggable f Create Node f Data","excerpt":"Notes / Pitfalls - Requires fDraggable on f-flow so drag pipeline can emit fCreateNode. - Child pointer events of external item are disabled by the directive to keep dragging reliable. - Keep fData serializable/predictable if you persist created node state."},{"chunkId":"/docs/f-external-item-directive#9","slug":"f-external-item-directive","route":"/docs/f-external-item-directive","section":"docs","title":"FExternalItem - Drag Items from a Palette into the Canvas","description":"Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries.","group":"Interaction","vector":[-0.0497,0.01415,-0.04896,0.08247,0.11187,0.10728,0.06504,0.05313,-0.00453,0.03297,-0.08531,-0.00145,-0.01107,-0.00439,0.02976,-0.01706,-0.03494,0.04671,-0.02465,0.0012,0.03879,-0.11454,0.03117,-0.03577,0.01541,0.03373,-0.0441,-0.07007,0.05432,-0.01698,0.03239,0.07505,-0.00401,0.04651,-0.11447,0.05901,0.02338,0.05626,-0.09236,-0.02465,0.06491,0.08237,-0.06944,-0.11679,-0.00873,-0.09806,0.00624,0.04249,-0.06377,0.08297,0.00325,-0.07825,-0.04514,0.1005,-0.00005,0.05591,0.00737,-0.09407,0.09757,0.06037,-0.00764,-0.03709,-0.03649,0.02338,0.07322,0.03031,-0.05573,0.09988,-0.01314,0.00047,0.05349,-0.04051,-0.0321,0.0132,0.06477,-0.03216,0.00991,0.07603,-0.08718,0.01848,0.04286,0.06329,0.00469,0.07265,-0.00011,0.1542,-0.02194,0.00191,-0.04713,-0.04095,-0.0188,0.04268,-0.02448,0.00639,0.07993,-0.06689,-0.05291,-0.01027,-0.03103,0.01278,0.02697,-0.0669,0.03417,0.05059,0.03167,-0.00472,-0.03235,-0.01376,-0.08332,0.03534,-0.0187,0.02861,0.01317,-0.02951,-0.04469,-0.06773,-0.04556,-0.04078,0.00594,0.09593,0.04465,0.0782,-0.05004,-0.01214,0.04642,0.01062,-0.04157,0,0.02818,-0.02627,-0.0075,0.04797,0.07803,-0.00994,0.00499,-0.08049,-0.08871,0.06464,-0.02705,0.04543,-0.06148,0.06588,-0.04078,-0.10932,-0.02498,-0.0013,0.01311,-0.03038,-0.03201,-0.04796,-0.09818,0.0125,0.06641,0.01183,-0.0355,0.05957,0.01303,0.00869,-0.01022,0.0072,0.07693,-0.00415,-0.03879,-0.01404,-0.04436,-0.01431,0.02422,-0.02288,0.04019,-0.00612,-0.05652,0.07064,-0.05501,-0.04709,-0.00476,0.02323,0.10275,0.01256,-0.03448,0.04864,-0.00154,-0.0131,0.03413,-0.03636,-0.03458,0.06051,0.05535,0.04743,0.03042,0.07533,-0.02944,-0.00567,0.11998,0.04244,-0.01335,0.02299,0.02594,-0.10208,-0.08703,0.10932,0.02257,0.01089,0.10711,-0.06123,-0.00441,-0.02755,0.02108,0.00756,-0.0629,-0.09748,0.00108,0.01415,0.02981,-0.05828,0.03889,-0.01315,-0.04538,-0.13239,0.05928,-0.03097,-0.01319,-0.0771,0.00631,0,0.02862,0.03665,0.05523,0.13448,0.03588,-0.00664,0.04001,0.05357,0.04249,0.08267,-0.01723,0.08674,0.00657,-0.04336,0.01671,0.02601,-0.06107,-0.06844,0.02273,-0.1104,0.00765,0.00463,-0.02276,-0.02716,-0.13664,0.03069,0.07887,0.00965,-0.04416,-0.03156,0.01489,-0.01186,-0.06752,0.02346,0.02705,-0.07269,0.03082,0.11005,-0.0294,0.01464,-0.0528,-0.00587,-0.03814,-0.0111,-0.02948,-0.00636,-0.00581,0.03529,0.01715,-0.00979,-0.01124,-0.0052,-0.05559,0.01409,0.0265,-0.08143,0.0615,-0.00984,0.01384,0.00033,0.0499,-0.03799,-0.07967,-0.09113,0.08318,0.00143,-0.07477,-0.03836,0.03221,0.06616,0.03477,0.02754,0.06163,-0.04911,0.07619,0.02839,0.07908,-0.00614,0.03295,-0.02024,-0.00115,0.05221,-0.00097,0.01475,0.04681,-0.00989,-0.08417,-0.01475,0.06161,-0.00682,-0.12509,-0.03812,0.05254,0.00424,0.03554,0,-0.0374,0.0104,-0.024,-0.00108,-0.03135,0.01733,0.00117,0.02865,-0.01051,-0.01007,0.0016,0.04982,0.04312,-0.01422,0.07301,-0.04623,0.04745,0.08347,-0.02791,-0.01505,0.02879,0.06662,0.07036,0.07156,-0.05834,-0.04483,-0.02816,0.01128,-0.00068,0.0084,-0.05051,-0.00514,0.00337,0.03348,-0.07043,-0.02461,-0.16426,0.00219,-0.03383,0.00088,0.05346,-0.0855,-0.00742,-0.01791,-0.04832,0.00638,-0.01632,0.0248,-0.0175,0.03618,-0.0174,-0.01293,-0.02291,0.01305,0.03533,-0.0414,-0.03349,0.0287,0.03198,-0.02642,-0.10256,0.02055,0.01945,-0.04197],"keywords":"FExternalItem - Drag Items from a Palette into the Canvas FExternalItem - Drag Items from a Palette into the Canvas Drag external palette items into the flow to create nodes on drop. Useful for toolboxes, sidebars, and node libraries. Example ::: ng-component <add-node-from-palette</add-node-from-palette [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.scss :::","excerpt":"Example ::: ng-component <add-node-from-palette</add-node-from-palette [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.scss :::"},{"chunkId":"/docs/f-zoom-directive#0","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.02669,-0.01572,-0.02546,-0.02564,0.0099,-0.02689,0.04547,0.11248,-0.03233,0.04181,0.06537,0.03916,-0.00727,0.03519,0.01048,-0.00451,0.00001,0.03278,-0.0518,-0.01061,0.029,-0.09703,-0.01996,-0.03363,0.0001,-0.04224,-0.03834,0.00033,-0.00088,-0.04465,-0.0644,0.11656,0.04081,0.01068,-0.07996,-0.00351,-0.00021,-0.02996,-0.04094,-0.01323,-0.04901,0.04811,0.04327,0.01757,-0.02866,-0.03288,-0.00932,0.03177,-0.01332,0.13311,-0.03952,-0.0758,-0.03021,-0.06001,0.06468,0.02207,-0.00997,-0.03613,0.0213,0.02087,-0.03988,0.04349,-0.03664,0.06887,0.02094,0.06057,0.04865,-0.12098,-0.01642,-0.04328,-0.01114,-0.04015,0.07756,-0.03443,0.05769,-0.15243,-0.06871,0.01813,-0.00379,-0.03821,-0.01198,0.00447,0.00807,0.06336,0.00601,0.04515,-0.0887,-0.05593,0.03181,0.0038,-0.07602,-0.06577,-0.08203,0.00153,-0.092,-0.0724,-0.01138,-0.10938,-0.06458,0.01791,0.02764,-0.05615,0.07027,-0.03769,0.06026,0.002,0.00252,-0.03385,-0.05534,0.05626,-0.0091,-0.0043,0.028,-0.02877,-0.0333,0.03467,-0.02156,-0.03574,0.11473,-0.00753,0.01538,0.07034,-0.03612,-0.01647,0.04167,-0.00891,-0.09602,0,0.00202,-0.01947,0.03275,0.03371,0.05371,0.00596,-0.00106,-0.05601,-0.07425,-0.02624,0.0584,0.12624,-0.04501,0.05622,0.06055,-0.06009,0.05498,0.06536,-0.04309,-0.03134,0.00083,-0.03308,-0.00101,0.05862,0.06377,0.12535,-0.02806,0.12253,0.0756,0.07022,-0.06588,0.04748,-0.08323,-0.05151,-0.02309,-0.01777,-0.1206,-0.04723,-0.02428,0.00054,-0.00738,-0.05808,-0.07764,-0.05467,-0.02731,-0.02222,-0.09173,0.05445,-0.02516,-0.0204,0.05277,-0.00816,0.0267,-0.04065,0.04224,-0.10079,-0.00563,0.01774,-0.05915,0.08102,-0.00895,-0.04367,-0.03892,0.03527,0.03937,0.01666,0.00912,0.02837,-0.00158,0.00363,-0.0206,0.0675,0.08411,0.041,0.00244,-0.03446,-0.04868,-0.04099,0.00222,0.01712,-0.08558,-0.05871,0.01083,-0.04366,-0.0302,-0.09242,0.0286,0.03103,-0.05461,-0.06114,-0.07286,-0.00415,-0.01091,-0.01957,-0.01353,0,-0.02493,0.05016,0.00134,0.09386,-0.07344,0.01374,0.09622,0.00583,-0.00776,-0.03604,-0.01825,-0.01242,-0.0171,-0.03149,0.00347,0.02387,-0.01097,-0.04318,-0.00583,-0.00915,0.00038,-0.07777,0.00979,0.00606,-0.03029,-0.02645,-0.02551,0.01892,-0.04706,0.00271,0.01114,-0.06463,0.04029,-0.02046,0.04183,-0.04751,0.04694,-0.05883,0.0079,-0.01931,0.03408,-0.06831,0.07328,-0.01584,0.00668,0.06209,0.00795,0.07026,0.00675,-0.01644,-0.04179,0.01841,0.0393,-0.08297,-0.03792,0.04856,0.02406,0.03279,0.04813,0.00468,0.00953,-0.09437,-0.03959,0.02609,-0.04388,-0.01688,-0.01071,-0.01596,0.03533,0.10555,0.1071,-0.00077,0.09713,-0.01898,-0.05219,0.02731,0.13488,0.03321,0.08425,-0.00349,0.08779,0.03478,0.07345,0.13249,-0.0076,0.04339,-0.06199,0.04168,0.05166,0.06402,0.00522,0.03489,0.01995,0.04756,0.03349,0,-0.00813,0.10356,-0.04368,-0.00309,0.02364,0.03198,0.06222,0.08378,-0.06717,0.0462,-0.0044,0.0691,-0.0031,0.0317,0.08136,0.00126,0.09287,0.04575,-0.02513,-0.0137,-0.05894,0.00744,0.00349,0.04535,-0.06208,-0.03869,-0.13525,0.07649,0.01755,-0.05416,-0.01894,0.02939,-0.03906,0.01321,-0.07054,-0.02527,-0.11605,-0.01293,0.07234,-0.00535,0.07458,0.00565,-0.00154,0.0109,-0.05214,0.07364,0.10285,-0.09611,-0.07058,0.06058,-0.0754,0.04213,0.04275,0.04251,-0.03143,0.08078,0.01952,-0.01655,-0.01423,0.03753,-0.03996,0.05336,-0.03865,0.0139],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Zoom Selector: f-canvas[fZoom] Class: FZoomDirective FZoomDirective adds wheel, double-click, and pinch-to-zoom (multitouch) capabilities, and exposes a small imperative zoom API. f Zoom F Zoom Directive","excerpt":"Zoom Selector: f-canvas[fZoom] Class: FZoomDirective FZoomDirective adds wheel, double-click, and pinch-to-zoom (multitouch) capabilities, and exposes a small imperative zoom API."},{"chunkId":"/docs/f-zoom-directive#1","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.05849,0.00301,0.00373,-0.03393,0.04418,-0.01351,-0.00265,0.136,-0.02872,0.05256,0.08035,0.06417,0.00722,0.02696,0.01003,-0.00185,0.06646,0.01212,-0.04983,-0.03332,-0.00558,-0.09697,-0.01682,-0.03473,-0.02306,-0.0598,-0.05622,0.00591,0.02479,-0.06796,-0.06044,0.10784,0.01845,-0.00065,-0.09855,-0.00242,0.02203,-0.04303,-0.06187,-0.03134,-0.04343,0.08616,0.0722,0.02339,0.00311,-0.05244,-0.02302,0.0321,-0.0232,0.10591,-0.06519,-0.05725,-0.04315,-0.07406,0.05048,0.00388,-0.01808,-0.05207,0.03456,-0.00149,-0.02904,0.03303,-0.01628,0.04947,0.00893,0.04613,0.06121,-0.10736,-0.0042,0.02729,-0.00146,-0.0419,0.03219,0.01688,0.03948,-0.14492,-0.06333,0.01206,-0.01071,-0.02776,-0.02378,0.01399,-0.01133,0.04651,-0.01689,0.04381,-0.07985,-0.07872,0.02595,-0.01044,-0.0319,-0.0287,-0.04977,-0.0121,-0.05704,-0.06914,-0.00393,-0.09623,-0.06329,0.03889,0.06553,-0.03679,0.08747,0.00115,0.05774,0.02486,0.02802,-0.02635,-0.05768,0.07251,-0.00068,0.02432,0.01562,-0.04064,-0.06342,0.00648,0.00425,-0.04558,0.07804,0.00774,-0.00906,0.06756,-0.03313,-0.00326,0.04589,0.02531,-0.10137,0,-0.02523,-0.01558,0.01275,0.03699,0.06604,0.02223,0.00333,-0.04357,-0.03663,-0.01751,0.03356,0.10255,-0.05614,0.02792,0.08113,-0.05082,0.04605,0.06806,-0.0657,-0.05225,0.01948,-0.11394,0.00296,0.08683,0.0628,0.10228,-0.02129,0.12176,0.07811,0.04638,-0.04613,0.02748,-0.04601,-0.02428,-0.00836,-0.00961,-0.10045,-0.09077,0.01302,0.00162,-0.03553,-0.03093,-0.05352,-0.04714,-0.03492,-0.00726,-0.07144,0.057,-0.07695,-0.02823,0.06891,0.03404,0.0399,-0.02404,0.07756,-0.0761,0.01493,-0.01806,-0.04227,0.10519,-0.03356,-0.0409,-0.01667,0.06475,0.05104,0.06129,-0.00357,0.03949,0.02118,-0.02943,-0.00979,0.04783,0.07247,0.0437,0.02076,-0.06388,-0.06605,-0.07234,-0.01279,0.02264,-0.06865,-0.04875,0.00351,-0.00003,0.01029,-0.11843,0.01952,0.03431,-0.05736,-0.02627,-0.03212,-0.00682,0.01562,0.00725,0.01193,0,-0.05132,0.0151,0.03677,0.08905,-0.05359,-0.02791,0.06439,-0.01107,-0.00785,-0.0489,-0.03306,-0.02484,-0.01202,-0.04189,0.0144,0.02785,-0.00333,-0.07603,0.00186,-0.01061,0.02259,-0.03224,-0.01865,0.01779,-0.01035,-0.02427,-0.07733,-0.00173,-0.05483,-0.02298,0.00775,-0.0578,0.03866,-0.05479,0.056,-0.042,-0.00054,-0.01959,0.02464,0.0293,0.02528,-0.03815,0.0475,-0.0394,0.0292,0.07953,-0.00764,0.04612,-0.01243,-0.00376,-0.06059,0.02866,0.06257,-0.11208,-0.03115,0.02084,0.0009,0.05443,0.04162,-0.01559,0.01822,-0.10926,-0.04036,0.0346,-0.04634,-0.00707,0.00874,0.00479,0.04251,0.09886,0.08728,-0.00411,0.09265,-0.01174,-0.04183,0.03194,0.11183,0.03219,0.08676,-0.02167,0.03703,0.04668,0.06589,0.09178,-0.03621,0.05308,-0.07219,0.03138,0.04309,0.09832,0.00665,-0.00529,0.02555,0.06125,0.02908,0,-0.0326,0.12464,-0.04298,-0.00879,0.02104,0.05664,0.06958,0.09761,-0.05853,0.07959,0.02493,0.07665,-0.04979,0.04889,0.06144,-0.00532,0.07115,0.01929,-0.02849,-0.01398,-0.07847,0.03577,-0.02791,0.06861,-0.04666,-0.03642,-0.09823,0.08202,0.01364,-0.04917,-0.03628,0.00047,-0.04876,0.07864,-0.05746,-0.05286,-0.13065,0.01938,0.07491,-0.03121,0.07558,0.02607,0.00174,0.00366,-0.09364,0.09221,0.06885,-0.06923,-0.0503,0.0702,-0.07462,0.00928,0.01389,0.00515,-0.01021,0.07903,0.05208,-0.02102,-0.01692,0.01335,-0.06287,0.03657,-0.05311,-0.00014],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Why / Use cases Use fZoom when your diagram can exceed viewport size and users need fast navigation. Typical use cases: - Large node graphs where pan-only navigation is slow. - Editors that provide toolbar zoom buttons. - UX with custom wheel/double-click trigger rules. - Mobile/touch capabilities with pinch-to-zoom. Skip zoom in constrained UIs where a fixed 1:1 scale is required. f Zoom U Is","excerpt":"Why / Use cases Use fZoom when your diagram can exceed viewport size and users need fast navigation. Typical use cases: - Large node graphs where pan-only navigation is slow. - Editors that provide toolbar zoom buttons. - UX with custom wheel/double-click trigger rules. - Mobile/touch capabilities with pinch-to-zoom. Skip zoom in constrained UIs where a fixed 1:1 scale is required."},{"chunkId":"/docs/f-zoom-directive#2","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.00759,-0.02902,-0.014,-0.03143,0.02821,-0.00976,0.0716,0.0976,-0.04801,0.02205,0.08636,0.02707,-0.00995,0.04437,0.00324,0.01593,0.01451,0.03543,-0.08723,-0.01141,0.02212,-0.09732,-0.01106,-0.02273,0.02592,-0.04014,-0.03412,-0.01863,0.03449,-0.04469,-0.06485,0.09345,0.02005,-0.00058,-0.07755,-0.01949,0.01301,-0.04919,-0.07121,-0.04221,-0.04089,0.01701,0.06004,0.00459,-0.01867,-0.01723,0.00515,0.07024,-0.0539,0.12818,-0.03539,-0.08068,-0.02606,-0.04538,0.06268,0.01689,0.01724,-0.03345,0.04971,0.01784,-0.0409,0.02386,-0.03967,0.05374,0.001,0.01442,0.07392,-0.13066,-0.01628,-0.0253,-0.04126,-0.04634,0.04592,-0.0236,0.04415,-0.11691,-0.07283,0.01194,-0.00654,-0.04314,0.00335,-0.01177,0.0043,0.07383,-0.00563,0.00973,-0.08525,-0.04393,0.03615,0.02054,-0.06812,-0.04253,-0.09518,-0.01537,-0.0983,-0.07383,0.00443,-0.09923,-0.06974,0.04157,0.0266,-0.04234,0.04922,-0.02418,0.06639,-0.00968,-0.00309,-0.04993,-0.05978,0.06534,0.00993,-0.01119,0.03618,-0.04815,-0.03855,0.00827,-0.00326,-0.01737,0.09846,-0.02124,-0.00163,0.10185,-0.03904,-0.00698,0.05014,0.0096,-0.10417,0,-0.00294,-0.04407,0.01183,0.03234,0.05118,-0.01051,-0.01366,-0.05855,-0.04969,-0.02961,0.07982,0.09197,-0.0435,0.03233,0.05228,-0.06725,0.05536,0.05233,-0.05169,-0.01029,0.01358,-0.04569,0.00359,0.05391,0.05747,0.1098,-0.04033,0.11772,0.08568,0.0544,-0.04395,0.04293,-0.06185,-0.06387,-0.01062,-0.01075,-0.08718,-0.08633,-0.00815,0.00065,0.01486,-0.06381,-0.06821,-0.07336,-0.04532,-0.00621,-0.04221,0.07369,-0.02188,-0.03809,0.0776,-0.00764,0.03229,-0.03877,0.07054,-0.08623,-0.02604,0.00761,-0.0382,0.07271,-0.0233,-0.02995,-0.0514,0.0163,0.05065,0.00402,0.02465,0.03881,-0.00801,-0.0262,-0.03475,0.0662,0.06801,0.03758,0.00331,-0.02901,-0.04104,-0.03007,0.02397,-0.01037,-0.07174,-0.03543,0.03585,-0.01856,-0.00607,-0.12007,0.01557,0.00281,-0.08465,-0.05533,-0.05738,-0.01034,-0.00438,-0.0252,0.00929,0,-0.02328,0.05008,-0.00366,0.13119,-0.06764,0.00496,0.07618,-0.0138,0.00167,-0.0548,-0.02429,-0.0161,-0.03249,-0.01821,0.01916,0.0274,-0.03003,-0.04941,-0.0145,-0.00324,0.01211,-0.0441,0.02082,0.02436,-0.05042,-0.02392,-0.02729,-0.00173,-0.04715,-0.014,0.02067,-0.03715,-0.00665,-0.04486,0.03308,-0.05817,0.00633,-0.03128,0.02472,-0.01164,0.06041,-0.04042,0.06946,-0.02696,0.01361,0.04025,0.00197,0.06162,-0.02254,-0.01646,-0.04493,0.02107,0.03553,-0.07919,-0.05894,0.04376,0.03181,-0.00116,0.06635,-0.01012,0.02039,-0.07955,-0.04145,0.01065,-0.03395,0.02215,0.005,-0.0073,0.04315,0.09583,0.12515,-0.02201,0.10851,-0.04082,-0.03259,0.03804,0.142,-0.0015,0.07829,-0.04939,0.08727,0.0334,0.06449,0.07973,-0.00146,0.06558,-0.07138,0.03076,0.05583,0.08891,-0.01929,0.02943,0.02903,0.05179,0.01784,0,-0.03835,0.13069,-0.06949,-0.01344,0.02692,0.04098,0.0643,0.07469,-0.04859,0.04705,0.03018,0.04128,0.00826,0.05727,0.08225,0.02437,0.09574,0.05136,-0.04573,-0.00165,-0.07455,0.03496,-0.0084,0.05774,-0.05522,-0.04658,-0.09873,0.11479,0.01994,-0.0397,-0.00337,0.03497,-0.03912,0.03874,-0.09463,-0.00878,-0.10476,-0.03266,0.09063,-0.005,0.07026,0.01892,-0.02078,-0.00326,-0.09735,0.06574,0.10628,-0.09395,-0.0683,0.07763,-0.07412,0.05276,0.03584,0.04369,0.00286,0.07572,0.03935,0.01055,-0.00364,0.03843,-0.03879,0.03303,-0.0258,0.00806],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. How it works The directive registers as a plugin, conditionally attaches wheel/dblclick listeners when fZoom is enabled, and delegates scale changes to canvas transform commands. Pinch to Zoom: When used in conjunction with fDraggable, fZoom automatically enables pinch-to-zoom gestures on touch devices. The zoom level is constrained by fZoomMinimum and fZoomMaximum. f Zoom f Draggable f Zoom Minimum f Zoom Maximum","excerpt":"How it works The directive registers as a plugin, conditionally attaches wheel/dblclick listeners when fZoom is enabled, and delegates scale changes to canvas transform commands. Pinch to Zoom: When used in conjunction with fDraggable, fZoom automatically enables pinch-to-zoom gestures on touch devices. The zoom level is constrained by fZoomMinimum and fZoomMaximum."},{"chunkId":"/docs/f-zoom-directive#3","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.04249,-0.01603,0.00475,-0.03408,0.00747,-0.01709,0.01231,0.09701,-0.04406,0.05376,0.06913,0.05787,0.0094,0.01694,-0.00162,0.01396,0.02053,0.03907,-0.06499,-0.02387,0.01305,-0.09448,-0.03337,0.00511,0.00573,-0.03515,-0.0539,0.00933,0.00373,-0.05923,-0.08331,0.10192,0.02413,0.00439,-0.06271,-0.00769,0.00058,-0.03641,-0.04546,-0.02117,-0.05088,0.06334,0.05307,0.01242,-0.01678,-0.02394,-0.01005,0.02286,-0.02045,0.12633,-0.06139,-0.0726,-0.03523,-0.08669,0.04311,0.0191,-0.01203,-0.03875,0.03643,-0.00456,-0.00575,0.03516,-0.03808,0.07006,-0.00892,0.06721,0.05043,-0.11068,-0.00628,-0.05373,-0.02268,-0.0332,0.04176,-0.01197,0.05638,-0.13309,-0.05143,0.01124,0.0058,-0.05098,-0.01381,0.01707,-0.00065,0.07238,-0.00177,0.02511,-0.0625,-0.04326,0.04441,0.00463,-0.06941,-0.07392,-0.06391,-0.00415,-0.07775,-0.06706,-0.0052,-0.13588,-0.04241,0.03472,0.03757,-0.05346,0.08462,-0.01182,0.06637,0.02476,0.03046,-0.02011,-0.03809,0.07178,-0.00665,0.00197,0.02592,-0.027,-0.04388,0.05934,-0.01646,-0.0272,0.09581,-0.01149,0.02534,0.07547,-0.01371,-0.00806,0.04528,0.01332,-0.09633,0,-0.02358,-0.03551,0.05165,0.0467,0.07381,0.00548,0.00601,-0.05197,-0.05496,-0.02182,0.04606,0.1255,-0.05526,0.02719,0.05631,-0.05028,0.05263,0.08106,-0.08659,-0.03839,-0.0041,-0.05308,0.00759,0.05509,0.05848,0.11142,-0.04379,0.12691,0.05687,0.05983,-0.05524,0.03921,-0.0674,-0.04314,-0.01822,-0.0232,-0.11392,-0.08246,0.00562,0.01681,-0.00129,-0.04234,-0.10693,-0.05491,-0.03635,-0.00101,-0.06897,0.05578,-0.03468,-0.01985,0.04225,0.02659,0.01372,-0.04888,0.04474,-0.10536,-0.00416,0.00463,-0.05164,0.07308,-0.00356,-0.02351,-0.00754,0.02549,0.06397,0.0233,0.00555,0.03986,0.00643,-0.02558,0.00128,0.06089,0.09271,0.04688,-0.01707,-0.0641,-0.06502,-0.04058,-0.01034,0.01613,-0.08011,-0.032,0.00088,-0.03953,-0.01186,-0.09069,0.03804,0.02658,-0.05736,-0.03749,-0.05717,-0.01214,0.00227,-0.00407,-0.0106,0,-0.03952,0.01759,0.02896,0.07932,-0.08087,0.00767,0.09414,0.03157,0.01649,-0.03885,-0.01348,-0.01761,-0.04833,-0.03737,0.02434,-0.00316,0.02358,-0.02596,0.0157,-0.00712,0.01163,-0.04906,-0.02878,0.01661,-0.00795,-0.02316,-0.03761,0.01855,-0.05314,-0.01779,0.02948,-0.0614,0.04262,-0.02478,0.04709,-0.04613,0.02385,-0.04766,-0.00865,-0.0161,0.03398,-0.07688,0.06578,-0.0385,0.02704,0.02873,-0.0168,0.05848,-0.00695,-0.03157,-0.02504,0.0066,0.04994,-0.11604,-0.03638,0.05903,0.01054,0.05525,0.06264,-0.01841,-0.00279,-0.09529,-0.03366,0.03508,-0.07811,-0.00407,-0.00249,-0.00303,0.0399,0.0894,0.0848,-0.01528,0.08877,-0.03088,-0.03533,0.02131,0.13164,0.03822,0.08651,-0.03659,0.06027,0.026,0.09208,0.12618,-0.01068,0.04962,-0.06741,0.04457,0.04235,0.09724,0.00757,0.00719,0.02336,0.06629,0.03748,0,0.00115,0.13281,-0.06074,0.02237,0.01224,0.04385,0.08711,0.08143,-0.08558,0.06162,0.0201,0.07717,-0.00412,0.0489,0.07489,0.0013,0.05485,0.04342,-0.02276,-0.02266,-0.08536,0.02654,0.02082,0.03643,-0.05481,-0.02526,-0.11984,0.09969,0.00999,-0.06184,-0.01199,0.01666,-0.03315,0.02636,-0.04147,-0.07096,-0.11704,0.00074,0.08948,-0.0235,0.07926,0.02484,0.00585,0.00446,-0.05299,0.09257,0.09128,-0.06301,-0.05929,0.04473,-0.08034,0.0328,0.01346,0.03432,-0.01197,0.07207,0.03491,-0.02217,-0.01809,0.02241,-0.03305,0.05383,-0.04786,0.00191],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. API","excerpt":"API"},{"chunkId":"/docs/f-zoom-directive#4","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.00632,-0.04668,-0.02737,-0.00698,0.01383,-0.00215,0.04431,0.11957,-0.05032,0.02284,0.06652,0.03732,-0.0131,0.00355,-0.01005,0.0064,0.01501,0.02336,-0.06976,-0.00322,0.05387,-0.11266,0.03116,0.00639,-0.03572,-0.04151,-0.05521,0.0103,0.02885,-0.02914,-0.05354,0.09528,0.0167,-0.00125,-0.06526,-0.02165,0.02176,-0.03135,-0.04933,-0.04741,-0.05251,0.0438,0.04087,-0.01905,-0.01705,-0.03763,0.01329,0.04575,-0.03245,0.12898,-0.02988,-0.0391,-0.00456,-0.05097,0.07015,0.06755,0.02476,-0.03195,0.01311,0.04038,-0.06746,0.01154,-0.05415,0.04139,-0.01954,0.05734,0.04563,-0.12825,0.00622,0.04022,-0.01648,-0.04668,0.03919,-0.00951,0.03959,-0.12463,-0.04532,0.02252,0.01378,-0.01015,-0.00328,-0.03532,0.03415,0.03621,0.05199,-0.00744,-0.08093,-0.07247,0.04282,0.02325,-0.07651,-0.02462,-0.06153,0.03795,-0.04056,-0.05949,-0.02414,-0.07972,-0.02932,0.01701,0.01749,-0.03739,0.06878,-0.0031,0.0771,0.0275,0.04442,-0.02336,-0.07191,0.06441,0.02081,-0.01227,0.06386,-0.0101,-0.06214,0.03205,-0.00747,0.00248,0.08056,-0.0115,0.00882,0.08257,-0.03014,-0.02397,0.03087,0.00586,-0.08974,0,0.00406,-0.02175,0.02344,0.00037,0.06026,0.04838,-0.00767,-0.03135,-0.07112,0.01881,0.0616,0.04925,-0.04928,-0.01462,0.0296,-0.08559,0.07384,0.05604,-0.03762,-0.03246,0.04078,-0.05212,-0.01533,0.00939,0.10221,0.09243,-0.07159,0.11857,0.03268,0.06511,-0.06289,0.03992,-0.10448,-0.04175,-0.00575,-0.01663,-0.09519,-0.06996,-0.01382,0.00252,-0.03527,-0.04839,-0.04101,-0.10616,-0.04786,-0.03513,-0.0631,0.0833,-0.00409,-0.01428,0.05796,0.00287,0.00664,-0.04373,0.06558,-0.07876,-0.003,0.01584,-0.02023,0.14358,-0.04441,-0.03945,-0.02742,0.0239,0.05653,0.04097,0.01014,0.03856,0.01448,-0.04629,0.00003,0.05249,0.08427,0.02585,0.04358,-0.03901,-0.05391,-0.05384,0.02049,-0.01527,-0.06291,-0.04291,0.0092,-0.00202,-0.0067,-0.06837,-0.00548,0.03296,-0.06029,-0.05661,-0.03318,-0.02769,0.01377,-0.03586,-0.03816,0,-0.00119,0.06615,0.0133,0.09747,-0.07883,0.00774,0.10067,-0.0379,0.02197,-0.06955,-0.01875,-0.02744,-0.02575,-0.05739,0.00408,0.02956,-0.01377,-0.02889,0.01686,-0.01884,0.03081,-0.07016,-0.03933,0.04223,-0.02352,-0.05815,-0.00377,0.00944,-0.01,-0.01014,0.02369,-0.04279,0.02106,-0.08213,0.05892,-0.07789,0.00216,-0.01036,0.02138,0.01338,0.05833,-0.04734,0.06356,-0.03349,-0.00522,0.03129,0.00734,0.07956,-0.01027,-0.01484,-0.06939,0.019,-0.00164,-0.06052,-0.07613,0.04993,0.02385,0.02997,0.0039,-0.00405,0.03747,-0.0933,-0.03134,0.08073,0.03285,-0.01741,-0.009,0.0467,0.03717,0.08988,0.0662,-0.0268,0.10261,-0.03709,-0.03171,0.03549,0.14109,-0.02994,0.13436,-0.01567,0.09678,0.0143,0.08668,0.08504,-0.05266,0.04237,-0.06881,0.05944,0.05366,0.07615,-0.00926,0.00005,0.04514,0.02196,0.02156,0,-0.03294,0.12792,-0.07808,0.02617,0.03402,0.03221,0.04841,0.09311,-0.09639,0.02316,-0.01912,0.12963,-0.01943,0.04432,0.04172,-0.01791,0.07289,0.02636,-0.028,0.00891,-0.08411,0.01925,-0.02515,0.0511,-0.08659,-0.05135,-0.11072,0.08023,0.05803,-0.03918,-0.03531,0.00882,-0.04483,0.05061,-0.11641,-0.01929,-0.12399,-0.00935,0.06447,-0.00406,0.06168,-0.00556,0.02013,-0.01133,-0.06859,0.07878,0.06839,-0.05053,-0.06395,0.05263,-0.06105,0.05745,0.03295,0.03712,-0.00744,0.07641,0.00184,-0.00364,0.00807,0.04314,-0.04259,0.00046,-0.02552,0.00347],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Inputs - fZoom: boolean; Default: false. Enables/disables zoom functionality. - fWheelTrigger: FEventTrigger; Default: the active control scheme's zoom (Always). Predicate for mouse wheel zoom; when set it also overrides the scheme's scrollPan routing. - fDblClickTrigger: FEventTrigger; Default: Always. Predicate for double-click zoom. - fZoomMinimum: number; Default: 0.1. Minimum zoom scale. - fZoomMaximum: number; Default: 4. Maximum zoom scale. - fZoomStep: number; Default: 0.1. Zoom step for wheel interaction. - fPinchStep: number; Default: 0. Separate zoom step for trackpad pinch; falls back to fZoomStep when 0. - fZoomDblClickStep: number; Default: 0.5. Zoom step for double-click interaction. f Zoom f Wheel Trigger F Event Trigger scroll Pan f Dbl Click Trigger f Zoom Minimum f Zoom Maximum f Zoom Step f Pinch Step f Zoom Dbl Click Step","excerpt":"Inputs - fZoom: boolean; Default: false. Enables/disables zoom functionality. - fWheelTrigger: FEventTrigger; Default: the active control scheme's zoom (Always). Predicate for mouse wheel zoom; when set it also overrides the scheme's scrollPan routing. - fDblClickTrigger: FEventTrigger; Default: Always. Predicate for double-click zoom. - fZoomMinimum: number; Default: 0.1. Minimum zoom scale. - fZoomMaximum: number; Default: 4. Maximum zoom scale. - fZoomStep: number; Default: 0.1. Zoom step for wheel interaction. - fPinchStep: number; Default: 0. Separate zoom step for trackpad pinch; falls back to fZoomStep when 0. - fZoomDblClickStep: number; Default: 0.5. Zoom step for double-click interaction."},{"chunkId":"/docs/f-zoom-directive#5","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.05494,-0.01268,-0.01788,-0.03395,0.00034,-0.01592,0.01654,0.08803,-0.03977,0.0593,0.08396,0.04063,0.00222,0.02271,-0.01319,0.00914,0.00957,0.02569,-0.06392,-0.02445,0.01889,-0.09078,-0.02271,-0.00838,0.00124,-0.03506,-0.04901,0.01575,0.00652,-0.06874,-0.08544,0.10872,0.04365,-0.00192,-0.0555,-0.00315,0.00306,-0.03937,-0.05518,-0.03362,-0.05021,0.05713,0.07772,0.01003,-0.03686,-0.01865,-0.01348,0.00531,-0.0288,0.11943,-0.04144,-0.05809,-0.03764,-0.07565,0.04985,0.03148,0.00088,-0.03895,0.02178,-0.01486,-0.03337,0.03904,-0.04634,0.04929,-0.00181,0.04704,0.04386,-0.11783,-0.02693,-0.02633,-0.01812,-0.03952,0.04196,-0.02655,0.04723,-0.129,-0.0517,0.00269,0.02413,-0.03224,-0.01263,0.01138,0.00838,0.0737,0.0038,0.02509,-0.07749,-0.05365,0.03635,0.00332,-0.08091,-0.07309,-0.06374,0.00547,-0.08205,-0.07034,-0.00076,-0.12313,-0.03481,0.02686,0.04619,-0.04346,0.10305,-0.02893,0.0644,0.02867,0.03673,-0.02074,-0.05079,0.04868,-0.01095,-0.00538,0.04171,-0.035,-0.04492,0.0521,-0.02806,-0.02603,0.08422,-0.00907,0.02385,0.07159,-0.02783,0.0189,0.05689,0.01867,-0.08283,0,-0.0114,-0.05259,0.03654,0.044,0.06709,0.02423,0.00748,-0.04521,-0.04421,-0.0059,0.04744,0.11833,-0.05488,0.03771,0.06875,-0.06069,0.08082,0.08454,-0.09238,-0.03359,0.00968,-0.04642,-0.00572,0.0403,0.05645,0.11933,-0.04204,0.13153,0.054,0.05704,-0.061,0.05099,-0.07007,-0.04418,-0.02153,-0.02797,-0.10538,-0.06565,-0.00866,0.01925,-0.01072,-0.04364,-0.10894,-0.05841,-0.02398,-0.0119,-0.0623,0.05885,-0.04042,-0.00882,0.05478,0.00967,0.01789,-0.04794,0.05262,-0.09726,-0.00794,0.01268,-0.05345,0.07504,-0.01181,-0.01338,-0.02492,0.02895,0.06027,0.03329,0.01165,0.02273,0.01603,-0.01272,-0.01645,0.05502,0.09191,0.04046,0.00068,-0.047,-0.07746,-0.04937,-0.01784,0.01593,-0.06984,-0.02604,-0.01074,-0.03744,0.00465,-0.08973,0.01851,0.04253,-0.04495,-0.03799,-0.06676,-0.01962,-0.00305,-0.01446,-0.01738,0,-0.0506,0.03337,0.00971,0.07921,-0.08009,0.01788,0.10449,0.00597,0.00902,-0.05367,-0.02004,-0.01724,-0.03653,-0.04615,0.01561,0.00169,0.00262,-0.01762,0.01093,-0.01499,0.02055,-0.05446,-0.0176,0.02019,-0.00924,-0.02331,-0.02543,0.02547,-0.0536,-0.00269,0.03068,-0.05979,0.05087,-0.01692,0.05002,-0.06598,0.01738,-0.05383,-0.00985,-0.00298,0.02759,-0.05917,0.07011,-0.01447,0.02189,0.02616,-0.01743,0.04055,0.02047,-0.03102,-0.0416,0.01112,0.03783,-0.10349,-0.04734,0.04544,0.01058,0.05686,0.05489,-0.00273,-0.00227,-0.10175,-0.02122,0.02711,-0.07001,0.00455,0.00439,0.0102,0.06068,0.10006,0.08978,-0.00635,0.10453,-0.03165,-0.02332,0.04372,0.10591,0.02787,0.09956,-0.0175,0.06646,0.02564,0.09278,0.12483,-0.00981,0.03943,-0.07654,0.03925,0.05242,0.07484,0.01388,0.0047,0.02729,0.05729,0.04581,0,-0.0017,0.11813,-0.05016,0.01474,0.01087,0.03824,0.08544,0.05976,-0.08397,0.05353,0.01086,0.0835,-0.00874,0.0465,0.09993,-0.00185,0.07955,0.01954,-0.02397,-0.01943,-0.07234,0.01357,-0.00052,0.04806,-0.07867,-0.03968,-0.13043,0.08592,0.00714,-0.05073,0.00948,0.02903,-0.03254,0.03502,-0.04347,-0.06774,-0.11754,0.00653,0.0766,-0.02199,0.07174,0.01706,0.00148,-0.00274,-0.07618,0.09312,0.10424,-0.07737,-0.08686,0.04914,-0.06729,0.03932,0.01417,0.0296,-0.01961,0.07142,0.04598,-0.02685,-0.02958,0.02506,-0.04724,0.0561,-0.05466,-0.006],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-zoom-directive#6","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.04014,-0.02857,-0.00673,-0.04241,0.01679,0.01615,0.03297,0.10964,0.00252,0.02227,0.06749,0.02062,-0.02645,0.01637,-0.02354,-0.0279,-0.03255,0.04197,-0.06982,-0.03188,0.0343,-0.09685,0.0132,0.00982,-0.01794,-0.00497,-0.04387,0.01376,0.04332,-0.09047,-0.04026,0.10779,0.00035,0.01756,-0.05389,0.00243,0.00297,-0.03377,-0.0752,-0.01602,0.00347,0.06436,0.06736,-0.03656,-0.0071,0.03608,-0.01731,0.02553,-0.00028,0.10044,-0.05762,-0.07049,-0.00944,-0.03679,0.05748,0.04663,0.02483,-0.09784,0.05067,-0.01995,-0.02681,0.02017,-0.0086,0.08088,-0.03174,0.0373,0.06069,-0.09986,-0.02271,-0.01724,-0.02435,-0.05091,0.05636,-0.03278,0.05004,-0.071,-0.05775,0.02662,-0.00921,-0.0128,0.0003,0.00145,0.03316,0.07764,-0.00364,0.01694,-0.07044,-0.08581,0.05253,0.03257,-0.08581,-0.04355,-0.10227,0.00398,-0.03583,-0.07154,-0.06642,-0.13862,-0.06533,0.02967,0.02766,-0.00847,0.08364,-0.01634,0.09129,0.02891,0.02047,0.02471,-0.0378,0.052,-0.02914,-0.0272,0.0568,-0.00307,-0.02375,0.03509,-0.02537,-0.00595,0.07257,-0.01091,0.02254,0.08573,-0.04509,-0.00884,0.03598,0.04827,-0.05636,0,-0.00559,-0.05073,0.05727,0.06993,0.03657,0.06191,0.01442,-0.02053,-0.04666,-0.03938,0.03723,0.06385,-0.05389,0.03995,-0.00288,-0.10532,0.06852,0.05199,-0.07312,-0.00933,0.05978,-0.03281,-0.0401,-0.01422,0.0302,0.08606,-0.07605,0.12505,-0.00736,0.05252,-0.04213,0.02515,-0.08268,-0.01782,-0.01565,-0.01348,-0.07132,-0.03413,0.00473,-0.01418,-0.03263,-0.0377,-0.11201,-0.07226,-0.05218,-0.03569,-0.06399,0.05672,0.00503,-0.00993,0.06407,0.04152,0.02123,-0.06707,0.06878,-0.08972,0.0166,0.0283,-0.06232,0.05595,-0.03116,0.02747,-0.07165,0.0052,0.11191,0.03709,-0.01744,0.01161,-0.0044,-0.05492,-0.00743,0.05558,0.07245,0.02211,0.00582,-0.04145,-0.08272,-0.02899,0.00423,0.01857,-0.09401,-0.0017,0.01172,-0.02443,-0.0116,-0.08972,0.04104,0.04927,-0.04866,-0.04604,-0.00264,-0.03279,0.04738,0.00326,-0.01974,0,-0.03755,0.04969,0.03152,0.11854,-0.05592,0.01481,0.12129,0.02309,0.01417,-0.03148,-0.02742,0.02801,-0.04019,-0.07346,0.06047,-0.00649,-0.00335,-0.02768,0.01712,-0.0051,0.03846,-0.06208,-0.06548,0.01463,-0.00994,-0.00418,0.01249,-0.00247,-0.05048,-0.03308,0.03983,-0.04413,-0.01379,-0.01425,0.03475,-0.06174,-0.03415,-0.03229,-0.02935,0.00087,0.01912,-0.04448,0.03052,-0.04775,0.03472,0.06228,0.00964,0.0674,-0.01689,-0.00306,-0.08231,0.04706,0.03558,-0.06194,-0.02824,0.08933,0.03356,-0.0007,0.02377,-0.0137,0.02517,-0.09068,-0.04241,0.00089,-0.0664,0.00578,-0.01327,0.0223,0.03547,0.06151,0.10446,-0.01091,0.0924,-0.04036,-0.02927,0.00997,0.13336,0.00576,0.09335,-0.02554,0.06209,0.04152,0.04313,0.08355,-0.02478,0.03631,-0.03953,-0.00966,0.05606,0.08862,0.00075,-0.03776,0.00409,0.03767,0.04288,0,-0.07605,0.09805,-0.01881,0.00302,0.00385,0.02207,0.09451,0.09387,-0.07305,0.033,0.00814,0.12554,0.03625,0.04166,0.07485,-0.00206,0.05913,0.02338,-0.01753,0.01151,-0.07957,-0.03742,-0.01227,0.02485,-0.10243,-0.06506,-0.09014,0.08593,-0.02294,-0.05963,-0.03501,0.0243,-0.01403,0.05812,-0.10167,-0.03408,-0.13051,0.0148,0.06585,-0.01466,0.07153,0.01348,0.0259,-0.0118,-0.05993,0.10201,0.08358,-0.03297,-0.08818,0.03597,-0.07816,0.06998,-0.01722,0.05236,0.00137,0.03948,0.02119,-0.06291,-0.04942,0.01991,-0.08198,0.0544,-0.07042,-0.00244],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Methods - zoomIn(position?: IPoint): void; Zooms in, optionally centering on a specific position. - zoomOut(position?: IPoint): void; Zooms out, optionally centering on a specific position. - setZoom(position: IPoint, step: number, direction: EFZoomDirection, animated: boolean): void; Sets zoom level manually. - reset(): void; Resets zoom to default (1) and centers the flow. - getZoomValue(): number; Returns current zoom scale. zoom In I Point zoom Out set Zoom EF Zoom Direction get Zoom Value","excerpt":"Methods - zoomIn(position?: IPoint): void; Zooms in, optionally centering on a specific position. - zoomOut(position?: IPoint): void; Zooms out, optionally centering on a specific position. - setZoom(position: IPoint, step: number, direction: EFZoomDirection, animated: boolean): void; Sets zoom level manually. - reset(): void; Resets zoom to default (1) and centers the flow. - getZoomValue(): number; Returns current zoom scale."},{"chunkId":"/docs/f-zoom-directive#7","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.07466,-0.03087,0.00028,-0.04913,0.01602,-0.01603,0.02138,0.09866,-0.05511,0.06631,0.0841,0.04227,-0.00589,0.02385,-0.0026,-0.0004,0.02605,0.02714,-0.07008,-0.02428,0.00936,-0.10129,-0.01633,-0.00429,-0.00429,-0.04934,-0.05718,0.0094,0.00389,-0.07424,-0.06422,0.09823,0.03208,0.00881,-0.05572,-0.00677,0.00497,-0.03666,-0.07125,-0.02745,-0.05566,0.05586,0.05843,0.02558,-0.01204,-0.01909,-0.01389,0.02381,-0.01546,0.1096,-0.06004,-0.06441,-0.04317,-0.08142,0.05782,0.02573,0.00465,-0.06023,0.04129,0.01016,-0.02921,0.02348,-0.02552,0.05215,-0.00938,0.07387,0.05225,-0.12021,-0.01936,-0.03848,-0.03456,-0.05332,0.0251,-0.0227,0.05352,-0.10093,-0.05034,0.01167,0.01375,-0.03567,-0.01583,0.0077,-0.00291,0.04357,0.00464,0.02863,-0.06225,-0.06529,0.05177,0.00611,-0.05313,-0.07888,-0.05535,0.02173,-0.07981,-0.08645,-0.01092,-0.12244,-0.03403,0.02668,0.04511,-0.04272,0.10233,-0.01051,0.06885,0.02029,0.05317,-0.001,-0.0392,0.05127,-0.02396,-0.00554,0.02038,-0.03463,-0.03977,0.04708,-0.01871,-0.02369,0.09076,-0.01132,0.03261,0.07275,-0.03126,-0.0097,0.03773,0.00646,-0.0957,0,-0.01328,-0.02393,0.05141,0.05845,0.06597,0.03631,-0.00424,-0.02938,-0.04538,-0.03111,0.04688,0.12985,-0.0508,0.05582,0.05901,-0.07554,0.06219,0.07866,-0.0693,-0.03736,0.00405,-0.04703,-0.00754,0.04479,0.06171,0.10718,-0.04534,0.12356,0.06323,0.06076,-0.06434,0.02193,-0.06958,-0.03216,-0.00604,-0.02481,-0.08694,-0.06815,0.01509,0.0149,0.00174,-0.03944,-0.1125,-0.05374,-0.03619,-0.0171,-0.05383,0.04414,-0.03609,-0.01512,0.06233,0.01311,0.02094,-0.051,0.05962,-0.08403,-0.00406,0.00133,-0.03874,0.06277,-0.01535,-0.00677,-0.01028,0.02157,0.07127,0.02857,-0.01474,0.00647,0.00235,-0.03036,0.00008,0.06118,0.0944,0.03306,-0.02011,-0.06096,-0.09089,-0.02723,-0.01235,0.02995,-0.10113,-0.02085,-0.00441,-0.03601,-0.00211,-0.08805,0.01633,0.03982,-0.04893,-0.04649,-0.04104,-0.01913,0.00358,-0.00993,0.00699,0,-0.03813,0.02626,0.01693,0.08359,-0.06297,0.0113,0.1008,0.02857,0.0162,-0.04922,-0.01493,-0.02971,-0.02841,-0.06289,0.02499,-0.01862,0.03189,-0.02335,0.02016,0.00039,0.02649,-0.07599,-0.02491,0.01787,-0.01031,-0.00645,-0.03124,0.01,-0.0689,-0.03021,0.02592,-0.07121,0.04209,-0.01744,0.04999,-0.05875,0.02158,-0.05853,-0.01366,-0.01384,0.02782,-0.06545,0.05987,-0.04551,0.01709,0.04615,-0.02144,0.05195,0.02277,-0.01765,-0.05166,0.01851,0.02946,-0.10342,-0.04442,0.0469,0.02062,0.04634,0.04107,-0.00075,0.01198,-0.07918,-0.03564,0.03204,-0.0685,-0.0205,-0.00578,-0.00602,0.0475,0.08998,0.08652,-0.01574,0.09429,-0.02685,-0.02832,0.02013,0.12434,0.04078,0.10454,-0.03236,0.07313,0.02657,0.08329,0.13598,-0.02763,0.04053,-0.06744,0.02748,0.03823,0.08727,0.00754,-0.01317,0.01756,0.07972,0.04877,0,-0.0032,0.1328,-0.04361,-0.00194,0.01692,0.02369,0.08533,0.077,-0.06465,0.06551,0.01791,0.09198,0.00516,0.05405,0.08952,-0.00359,0.06738,0.0157,-0.01401,-0.0046,-0.08239,0.00478,0.01315,0.04231,-0.07043,-0.02602,-0.12071,0.09511,-0.0028,-0.03946,-0.00913,0.01776,-0.04667,0.03737,-0.06054,-0.07645,-0.11773,-0.0078,0.06697,-0.01796,0.08106,0.01673,0.01858,-0.00419,-0.04479,0.10832,0.10006,-0.06686,-0.06762,0.03666,-0.09136,0.04693,0.00824,0.0365,-0.0191,0.06468,0.04606,-0.0205,-0.01088,0.0222,-0.02801,0.03686,-0.06025,0.00928],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Types EFZoomDirection EF Zoom Direction","excerpt":"Types EFZoomDirection"},{"chunkId":"/docs/f-zoom-directive#8","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.05263,0.00104,-0.01663,-0.04449,0.0248,-0.00357,0.02395,0.10358,-0.04856,0.04794,0.07489,0.06115,-0.01741,0.02867,0.00468,-0.01467,-0.01202,0.03816,-0.06546,-0.01302,0.01847,-0.09235,-0.00873,-0.01667,-0.03097,-0.01225,-0.03144,0.02256,0.02807,-0.09359,-0.05478,0.12162,0.01861,0.01357,-0.0801,-0.00156,0.01927,-0.02132,-0.05721,-0.00749,-0.05546,0.04758,0.0604,0.00109,-0.02157,-0.01698,-0.00992,-0.00035,-0.01883,0.10503,-0.04809,-0.06915,-0.03831,-0.05517,0.04765,0.01117,0.02758,-0.0529,0.03551,0.00589,-0.04379,0.0381,-0.03332,0.06185,-0.00851,0.02935,0.0279,-0.08726,-0.02059,-0.01002,-0.004,-0.03492,0.06168,-0.01807,0.03743,-0.11731,-0.07494,0.04261,0.01862,-0.03045,0.01108,0.02525,0.01448,0.06869,-0.00087,0.03258,-0.06623,-0.07844,0.02115,0.00688,-0.06618,-0.04154,-0.06101,-0.00098,-0.06823,-0.05202,-0.01869,-0.12249,-0.03824,0.04006,0.02441,-0.04525,0.10752,-0.00709,0.05539,0.03634,0.01516,0.00883,-0.03396,0.03445,-0.00616,-0.00672,0.01565,-0.06648,-0.03837,0.02094,-0.02138,-0.04549,0.08286,0.01702,0.0263,0.07461,-0.01429,0.00082,0.07495,0.01293,-0.1018,0,-0.00461,-0.02116,-0.00523,0.07725,0.08734,0.02212,0.0136,-0.05897,-0.05412,-0.00207,0.04324,0.09916,-0.07626,0.02937,0.0387,-0.07827,0.0853,0.0725,-0.08327,-0.04472,0.03488,-0.06318,0.00966,0.05534,0.08437,0.12268,-0.04301,0.12538,0.03919,0.05282,-0.02748,0.02757,-0.07284,-0.03395,-0.01208,-0.02838,-0.09836,-0.06921,-0.007,-0.00497,0.00218,-0.03976,-0.10505,-0.05331,-0.0306,-0.00358,-0.07086,0.04865,0.00272,-0.00633,0.065,0.02037,0.02184,-0.04666,0.08148,-0.09464,-0.01705,0.03455,-0.04902,0.083,-0.02753,-0.01117,-0.06282,0.03874,0.05796,0.03386,-0.00158,0.01345,0.02481,-0.03043,-0.02206,0.06497,0.07413,0.04731,-0.0051,-0.04924,-0.08146,-0.05115,-0.00061,0.01817,-0.10952,-0.04348,0.00978,-0.01101,-0.00896,-0.10181,0.02682,0.03261,-0.05112,-0.0565,-0.04433,-0.0177,0.0278,-0.03065,-0.00384,0,-0.06799,0.05312,0.01595,0.10224,-0.05677,0.0275,0.10256,0.01453,0.01002,-0.02537,-0.00495,-0.00266,-0.04044,-0.06088,0.01928,0.01314,-0.00921,-0.05271,0.02671,-0.00867,0.00659,-0.05954,-0.01198,-0.00021,-0.00732,-0.01103,-0.02981,0.00921,-0.04526,-0.0082,0.03101,-0.06213,0.04198,-0.0318,0.04252,-0.0823,0.01097,-0.02765,-0.01141,-0.0018,0.02635,-0.04678,0.05565,-0.0276,-0.01786,0.01918,-0.00328,0.04101,0.02432,-0.03145,-0.06567,-0.00265,0.03202,-0.10619,-0.03816,0.04923,0.03356,0.05835,0.03528,-0.00022,0.0318,-0.08544,-0.02731,0.01678,-0.05576,-0.01322,-0.02548,0.00842,0.05192,0.09909,0.09338,-0.00088,0.08866,-0.01422,-0.01705,0.00315,0.15115,0.04965,0.1179,-0.00019,0.06195,0.05751,0.04278,0.10398,0.00132,0.03193,-0.07222,0.03078,0.05101,0.0725,0.01007,0.01676,0.02408,0.05007,0.03862,0,-0.04255,0.10817,-0.05896,-0.00363,0.01237,0.03206,0.07467,0.06485,-0.08508,0.06019,0.0226,0.11857,0.00594,0.02921,0.07871,-0.01263,0.05899,0.03116,-0.04646,-0.02183,-0.06967,0.01763,-0.00426,0.07722,-0.08083,-0.03365,-0.10956,0.05851,0.02006,-0.03851,-0.03036,0.02891,-0.02817,0.02268,-0.05008,-0.0505,-0.14286,-0.00453,0.05568,-0.00251,0.06922,0.01091,0.01613,-0.02051,-0.06584,0.09635,0.06703,-0.06549,-0.08857,0.05855,-0.08671,0.06003,-0.01867,0.03661,-0.02299,0.07431,0.04404,-0.02145,-0.01314,-0.00833,-0.07826,0.06713,-0.04176,-0.00833],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Styling - .f-component Base class for flow primitives. - .f-zoom Host class for the directive.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-zoom Host class for the directive."},{"chunkId":"/docs/f-zoom-directive#9","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[0.02976,-0.03071,-0.00562,-0.03651,0.04574,-0.02401,0.03733,0.09401,-0.02633,0.02506,0.06087,0.02481,-0.03152,0.01704,-0.02708,-0.01989,0.01375,0.03687,-0.07031,-0.00324,-0.00077,-0.09409,-0.00797,0.0117,-0.00887,0.00638,-0.04692,-0.00518,0.01944,-0.04427,-0.0624,0.14428,0.01097,0.00579,-0.05359,0.00613,0.00595,-0.01697,-0.0686,-0.03341,-0.02998,0.0645,0.07577,-0.02238,0.00099,-0.04545,0.02357,0.03115,-0.0271,0.1057,-0.07348,-0.05934,0.00168,-0.03244,0.03892,0.01937,0.04759,-0.02429,0.02854,0.02215,-0.02579,0.02448,-0.00307,0.05783,-0.01071,0.05372,0.03568,-0.10152,-0.0037,-0.01264,0.01558,-0.03835,0.0205,-0.02374,0.05522,-0.10489,-0.09025,-0.01576,0.01246,0.00187,-0.02031,-0.02135,0.03004,0.03539,-0.00716,0.0284,-0.06675,-0.0643,0.01729,0.0475,-0.09749,-0.01155,-0.06521,-0.03509,-0.03755,-0.08402,-0.02826,-0.11716,-0.06347,0.00859,0.04768,-0.02724,0.07876,0.01244,0.08544,0.05069,0.03519,-0.0246,-0.07818,0.07534,-0.03526,0.02045,0.09099,-0.00324,-0.05859,-0.00148,-0.02609,-0.03101,0.04902,0.05585,0.01326,0.05445,-0.04953,-0.02795,0.09088,0.02856,-0.08619,0,-0.02511,-0.05409,0.01237,0.04661,0.06773,0.00717,0.01633,-0.07378,-0.04294,0.00575,0.04941,0.0673,-0.04889,0.01023,0.03768,-0.10404,0.05892,0.04503,-0.08332,-0.00578,0.05927,-0.06569,-0.02613,0.01787,0.0468,0.08459,-0.06217,0.12807,0.09066,0.07549,-0.0825,0.02671,-0.0519,-0.02364,-0.02752,-0.00648,-0.09092,-0.08441,-0.01099,0.00389,-0.00512,-0.04145,-0.07645,-0.05267,-0.0204,-0.01275,-0.05113,0.0715,-0.05394,-0.00814,0.08136,0.00009,0.01426,-0.02712,0.08272,-0.07463,0.02238,-0.00392,-0.07829,0.09618,-0.03481,-0.00671,-0.07358,0.00028,0.10463,0.03571,0.00451,0.04111,-0.03883,-0.05289,-0.02323,0.06236,0.05272,0.05236,0.00687,-0.04732,-0.03118,-0.04225,0.00926,-0.01116,-0.05413,-0.05264,0.00482,-0.0194,-0.01661,-0.07045,0.00309,0.02916,-0.09775,-0.05281,-0.01258,-0.01948,0.03482,-0.01282,-0.00627,0,-0.07041,0.04388,0.0244,0.10173,-0.03362,0.03481,0.10532,0.0007,0.03324,-0.06836,-0.06238,-0.01381,-0.05064,-0.02659,0.02352,-0.01986,0.03232,-0.05248,0.04079,0.00208,0.01158,-0.06883,-0.02424,0.0307,-0.01639,-0.00756,-0.06568,-0.00767,-0.04062,0.01668,0.04311,-0.03595,0.00214,-0.0403,0.05896,-0.05419,-0.00185,-0.04851,-0.00217,-0.01707,0.02307,-0.03647,0.03341,-0.0201,0.00886,0.04082,-0.00516,0.03762,-0.03331,0.02405,-0.08406,0.0269,0.03465,-0.08308,-0.03222,0.04975,0.0595,0.01708,0.04122,-0.03888,0.02548,-0.05665,-0.06888,0.02792,-0.01139,0.00109,-0.01035,0.02744,0.0756,0.09597,0.12571,-0.00225,0.1069,0.00349,0.00219,0.03745,0.11593,0.01521,0.11879,-0.01727,0.08226,0.0872,0.05258,0.09634,-0.00919,0.0405,-0.07418,-0.00267,0.04626,0.09702,0.01708,-0.02507,0.03885,0.01548,0.05507,0,-0.02087,0.11255,-0.05472,-0.00108,0.02515,0.02723,0.04532,0.05642,-0.06875,0.05484,-0.00098,0.08431,0.00421,0.04226,0.07257,-0.01899,0.06897,0.03529,-0.04201,-0.02424,-0.07282,0.01712,-0.04582,0.06618,-0.07643,-0.04833,-0.11254,0.0398,-0.01267,-0.04097,-0.03869,-0.00117,-0.04023,0.04806,-0.07461,-0.02103,-0.11908,0.00397,0.07977,-0.01393,0.06551,0.05412,0.0223,-0.02807,-0.08194,0.09882,0.09728,-0.08521,-0.06828,0.05035,-0.0435,0.05649,0.0101,0.04517,-0.01137,0.04939,0.03593,-0.01915,0.01141,0.00157,-0.09804,0.07235,-0.04694,-0.00582],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Notes / Pitfalls - fZoom only works on f-canvas under a valid f-flow. - Pinch-to-zoom requires the flow to be fDraggable. - If your flow contains locked UI zones ([fLockedContext]), wheel/dblclick zoom intentionally ignores them. - Very small fZoomStep can make wheel zoom feel unresponsive. f Zoom f Draggable f Locked Context f Zoom Step","excerpt":"Notes / Pitfalls - fZoom only works on f-canvas under a valid f-flow. - Pinch-to-zoom requires the flow to be fDraggable. - If your flow contains locked UI zones ([fLockedContext]), wheel/dblclick zoom intentionally ignores them. - Very small fZoomStep can make wheel zoom feel unresponsive."},{"chunkId":"/docs/f-zoom-directive#10","slug":"f-zoom-directive","route":"/docs/f-zoom-directive","section":"docs","title":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods","description":"Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults.","group":"Interaction","vector":[-0.01564,0.00479,-0.04393,0.00749,0.04827,0.05454,0.01946,0.1197,-0.05155,0.06827,0.03827,0.06775,-0.01586,0.01999,0.0124,-0.01594,-0.02189,0.0393,-0.07043,-0.00883,0.0232,-0.08382,0.03319,0.01655,-0.02557,-0.02014,-0.04687,-0.0103,0.05181,-0.04444,-0.01814,0.10478,0.01213,0.00805,-0.08227,0.03786,0.01734,0.00469,-0.04671,-0.04385,0.00678,0.08935,0.0265,-0.06645,-0.01733,-0.02952,-0.01962,0.03181,-0.06137,0.10764,-0.06778,-0.07461,-0.03776,-0.02487,0.05833,-0.01589,0.00616,-0.06089,0.04846,0.01231,-0.05661,0.00348,-0.02017,0.04597,0.02254,0.04767,-0.01635,-0.09648,-0.04296,0.01618,0.00495,-0.06435,0.05831,-0.01641,0.04773,-0.1098,-0.08895,0.08172,0.03243,-0.00675,0.01862,-0.01634,0.01205,0.06172,0.01237,0.05789,-0.0529,-0.09009,0.02496,-0.0316,-0.04294,-0.00739,-0.06569,0.02267,-0.01756,-0.05002,-0.07047,-0.06578,-0.05899,0.02452,0.00461,-0.03955,0.08537,0.02775,0.05489,0.0368,0.02471,-0.00013,-0.04423,0.0472,-0.00569,0.03522,0.03626,-0.04853,-0.04533,-0.01776,-0.02135,-0.03516,0.07644,0.03561,0.03787,0.04737,-0.03524,-0.02059,0.093,0.04439,-0.0427,0,-0.00773,0.00065,-0.00913,0.04318,0.0587,0.02075,-0.00775,-0.10105,-0.07872,0.04701,0.03809,0.09455,-0.05391,0.00117,0.00502,-0.11158,0.06368,0.05036,-0.06208,-0.01482,0.05285,-0.05723,-0.01317,0.05722,0.11629,0.04006,-0.04184,0.1109,0.01429,0.03494,0.01794,0.06336,-0.05511,-0.06625,-0.02677,-0.01959,-0.07166,-0.04663,-0.05009,-0.01691,0.04089,-0.05282,-0.11767,-0.00566,-0.06607,-0.04979,-0.08016,0.04149,0.06518,-0.00432,0.04534,0.02353,0.00828,-0.02436,0.0959,-0.06,-0.00057,0.01872,-0.02587,0.09181,-0.02688,-0.03921,-0.03373,0.02135,0.09251,0.0124,0.00462,0.04646,0.04003,-0.07835,-0.01059,0.09088,0.04015,0.0384,0.00266,-0.05229,-0.05077,-0.00333,0.04863,0.01372,-0.02898,-0.05432,-0.02497,0.05608,0.01472,-0.13066,-0.02171,0.00285,-0.05581,-0.10441,-0.00381,-0.00209,0.00276,-0.04242,-0.02616,0,-0.00867,0.03634,0.02021,0.12738,-0.0844,-0.00709,0.12446,0.05045,0.03398,-0.01062,0.00804,-0.01404,-0.01382,-0.06784,0.01633,0.00568,-0.01365,-0.07042,0.08464,-0.0128,0.0413,-0.02091,-0.00927,0.0173,-0.02849,0.01839,-0.00429,0.04966,-0.03653,-0.04106,0.02525,-0.0439,-0.00036,-0.04085,-0.00111,-0.06469,0.00288,0.02334,0.00594,-0.01635,0.06612,0.01366,0.05013,-0.04966,-0.00567,-0.0065,0.02408,0.03806,0.00984,-0.04553,-0.07452,-0.00825,-0.01694,-0.05423,-0.0434,0.01249,0.04168,0.00488,-0.00605,-0.00186,0.06646,-0.06185,-0.04446,0.02746,-0.00567,0.02837,-0.04756,-0.02141,0.09421,0.10252,0.06484,-0.03405,0.10388,-0.01125,-0.00606,0.04389,0.11681,0.04689,0.11913,-0.01862,0.04542,0.06269,0.02378,0.10776,-0.00347,0.06641,-0.11188,-0.01221,0.0657,0.07119,-0.03314,-0.05821,0.01392,0.01784,0.06342,0,-0.06547,0.10686,-0.07648,-0.00069,0.0087,-0.00064,0.04082,0.0119,-0.07504,0.02957,-0.01515,0.10689,0.01586,0.0113,0.04389,-0.01548,0.03784,0.04254,-0.03175,0.00181,-0.07208,0.03099,0.01817,0.0757,-0.0604,-0.05203,-0.1423,0.05979,0.01344,-0.05694,-0.03921,0.00947,-0.00096,0.01951,-0.06239,-0.08237,-0.16652,-0.02177,0.06543,0.01929,0.06221,-0.01004,0.01916,-0.01281,-0.0814,0.08198,0.04899,-0.03668,-0.06484,0.02568,-0.07767,0.05123,-0.05209,0.03544,-0.00474,0.0378,0.04464,0.0303,-0.01476,-0.01845,-0.06718,0.02591,-0.06248,-0.021],"keywords":"FZoomDirective - Wheel Zoom, Zoom Controls and API Methods FZoomDirective - Wheel Zoom, Zoom Controls and API Methods Configure zoom behavior for large diagrams: mouse wheel zoom, programmatic scale changes, and navigation-friendly defaults. Example ::: ng-component <zoom</zoom [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.scss :::","excerpt":"Example ::: ng-component <zoom</zoom [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.scss :::"},{"chunkId":"/docs/f-selection-area-component#0","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.0501,-0.02111,-0.01811,0.02894,0.00401,0.0042,0.04134,-0.00992,0.06893,-0.02454,-0.01605,-0.02168,-0.04252,-0.00296,0.00678,-0.01465,-0.0073,-0.01245,0.03148,-0.00809,-0.03308,-0.0967,0.02635,-0.07875,-0.00421,0.00783,-0.00913,0.07798,0.00172,-0.10525,-0.02988,0.07639,-0.02219,0.05037,-0.10317,-0.01536,0.02468,0.02935,-0.05257,0.01005,-0.01497,-0.00145,0.02524,0.01806,-0.04754,-0.00276,-0.1116,0.02595,0.03092,0.04449,0.00605,-0.0494,0.02266,0.09133,0.04882,0.00405,0.03859,-0.08756,-0.0193,0.01971,-0.0054,0.00459,-0.03183,0.01807,0.0178,0.05315,-0.06483,0.00447,-0.03437,-0.02219,0.04976,-0.00898,0.04066,-0.0275,0.10827,-0.06727,-0.04519,0.04792,0.00514,-0.00527,0.01353,0.12946,-0.07718,0.04627,-0.03152,0.06875,-0.0829,-0.07327,0.03034,0.01087,-0.05989,0.0393,-0.01024,-0.03461,0.01457,-0.02399,-0.02155,-0.04426,-0.02869,-0.01617,0.07965,-0.08124,0.03214,-0.0422,-0.06268,-0.07429,-0.05382,0.00135,0.01271,-0.03453,-0.05519,-0.03671,0.04495,0.01395,-0.08498,0.0083,-0.03282,-0.0819,0.08087,-0.02093,0.00415,0.06248,-0.03474,-0.01812,0.05375,-0.03723,-0.06502,0,0.04443,-0.07124,-0.00126,0.04037,0.03546,0.01892,-0.03225,-0.06232,-0.0115,0.0109,-0.04839,-0.02886,-0.05943,0.01534,0.06149,-0.05837,-0.00898,0.09532,-0.02751,0.00403,-0.00487,-0.0458,-0.01051,-0.01059,0.05329,0.10506,-0.06782,0.08471,0.04129,0.03879,-0.08789,0.02216,-0.00025,-0.01317,-0.02071,0.04569,-0.09815,0.00367,0.03514,0.05345,0.01573,-0.05732,0.02201,-0.01921,0.02155,-0.00471,-0.10128,0.00584,-0.03089,0.00447,0.0724,0.0049,0.02135,-0.04886,0.0711,-0.05755,-0.06885,0.1299,0.02542,0.11541,-0.02204,0.07392,-0.0732,0.00896,0.02373,0.03698,0.00167,0.02441,0.0484,-0.00113,-0.07059,0.03887,0.05147,-0.03286,0.02563,-0.06658,-0.00048,-0.04383,0.05308,-0.01165,-0.11744,-0.08297,-0.0425,-0.07346,0.06307,-0.00604,0.07995,0.00051,-0.00615,-0.10143,0.0488,0.05316,0.00982,-0.04286,0.05375,0,-0.0209,0.02464,0.06106,0.0669,0.00062,-0.05022,0.01662,-0.02818,0.0214,-0.01022,-0.01664,0.03934,0.03016,-0.05741,0.06405,0.07917,-0.06132,-0.10299,-0.05415,-0.02667,-0.00755,-0.08753,0.01744,-0.02267,-0.07396,-0.00966,-0.02834,-0.01257,0.03494,-0.02092,0.00454,-0.06924,-0.0195,0.02506,0.06455,-0.10199,0.05687,0.08957,0.04273,0.02092,-0.03738,-0.00347,-0.00715,0.09644,-0.03062,0.07636,-0.06942,0.06122,0.00305,-0.00112,-0.11817,0.0204,-0.0444,-0.0073,0.00721,0.07406,0.04658,0.04354,0.047,0.01298,-0.03734,-0.06605,0.02024,0.03256,0.13089,-0.00955,0.04305,-0.01524,-0.04986,0.0704,0.06038,0.08863,0.01051,-0.06405,0.05452,0.00648,0.05446,0.06001,-0.00473,0.09152,-0.0328,0.07337,0.02259,0.01815,0.01239,0.00649,-0.02615,0.08736,0.05531,-0.06423,-0.00509,0.00496,0.09557,-0.04003,-0.01487,0,-0.08128,-0.00193,-0.05783,-0.09459,0.04673,0.02207,-0.06586,0.11014,-0.01655,0.01378,-0.03184,0.09257,-0.02097,-0.00839,0.09233,-0.03843,0.06178,0.05517,-0.01263,-0.07588,0.05156,-0.04534,0.02505,0.12208,-0.02482,-0.03265,-0.13258,0.00632,0.0227,0.04346,-0.01723,-0.00595,0.10324,0.06445,0.04004,-0.02065,-0.08503,0.05296,-0.04398,-0.03343,0.06821,-0.08577,-0.00139,-0.04179,-0.05695,0.06605,0.06652,-0.04451,-0.00747,0.03276,-0.04659,-0.00885,0.0713,0.03002,-0.02634,0.01619,-0.03542,-0.05282,0.06668,-0.07246,-0.03494,0.08111,-0.0463,0.01634],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Selection Area Selector: f-selection-area Class: FSelectionArea FSelectionArea enables rectangle-based multi-select in a flow. F Selection Area","excerpt":"Selection Area Selector: f-selection-area Class: FSelectionArea FSelectionArea enables rectangle-based multi-select in a flow."},{"chunkId":"/docs/f-selection-area-component#1","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.05984,-0.03542,-0.0341,0.04771,0.02644,0.00087,0.0159,0.04122,0.09612,0.0251,0.00429,0.02953,-0.03293,0.00109,0.04231,-0.02273,0.02383,-0.03946,-0.01792,-0.03603,-0.05982,-0.08475,0.02554,-0.07692,0.01133,-0.00573,-0.03228,0.0328,0.00099,-0.12158,-0.03743,0.069,-0.00761,0.0428,-0.10134,0.04929,-0.00359,0.01449,-0.05667,-0.02942,-0.00988,0.006,0.03491,0.01014,-0.04124,-0.0403,-0.12675,0.01983,0.03731,0.0601,-0.01865,-0.05954,-0.00355,0.08599,0.03171,0.02908,0.03915,-0.09361,-0.02166,0.01072,-0.01889,0.00636,-0.00577,-0.00802,0.03375,0.05002,-0.02923,-0.00707,-0.04338,-0.00087,0.04028,-0.01538,0.00086,0.0221,0.08969,-0.07968,-0.0396,0.03141,-0.00357,-0.03521,0.04709,0.09542,-0.09376,0.02613,-0.04302,0.09096,-0.07024,-0.07666,0.01993,0.02607,0.00375,0.02371,0.01964,-0.03798,-0.00229,-0.02842,0.00384,0.00536,-0.02844,-0.00919,0.07973,-0.061,0.04466,-0.03104,-0.10483,-0.1032,-0.0129,-0.01958,-0.03833,-0.04292,-0.04872,-0.01712,0.01436,-0.01629,-0.10665,0.00029,-0.00306,-0.05713,0.06262,0.02587,-0.00086,0.06617,-0.02013,0.02027,0.01431,-0.04338,-0.08268,0,0.07256,-0.06263,0.00864,0.04136,0.06113,-0.005,-0.04873,-0.03266,-0.02386,-0.00424,-0.0168,-0.01283,-0.05098,0.04216,0.07018,-0.04215,0.02026,0.11809,-0.01023,-0.02527,0.01185,-0.06642,-0.01363,0.02273,0.06396,0.1164,-0.04076,0.08536,0.04807,0.02373,-0.11492,0.04426,-0.02504,-0.00483,-0.00094,0.07717,-0.12581,-0.02668,0.0578,0.01394,0.0136,-0.04872,0.00543,-0.0053,0.03933,0.02925,-0.11309,0.01669,-0.01811,0.00671,0.09721,0.02333,0.03939,-0.01785,0.04453,-0.0289,-0.03104,0.06469,0.03762,0.13498,-0.01536,0.07824,-0.06131,0.05695,0.02789,0.05598,-0.01307,0.04503,0.0552,-0.00028,-0.0536,0.03292,0.04294,-0.02753,0.03603,-0.06624,-0.02434,-0.11473,0.02556,-0.04905,-0.09784,-0.07145,-0.06334,-0.06077,0.06914,0.00303,0.03281,0.02488,0.00938,-0.07018,0.04421,0.05286,-0.01315,-0.00963,0.04414,0,-0.02068,0.00882,0.06941,0.07832,0.00501,-0.06479,-0.02975,-0.03238,0.02906,-0.01287,-0.03404,-0.00721,0.0113,-0.08725,0.04019,0.08059,-0.05027,-0.13275,-0.05934,-0.02806,0.01541,-0.09364,0.0326,0.0218,-0.05767,-0.03456,-0.0567,-0.00587,0.04546,-0.01947,-0.00632,-0.06408,-0.02212,-0.01489,0.06329,-0.08075,0.05266,0.11913,0.07146,0.04758,-0.05462,0.00903,-0.00366,0.0734,-0.01196,0.09348,-0.08597,0.04701,0.02413,0.0207,-0.10066,0.00495,-0.05121,-0.0303,0.02655,0.04068,0.03167,0.02836,0.02226,-0.01258,-0.05556,-0.04438,0.04377,0.02365,0.09984,-0.00012,0.03669,-0.02655,-0.05609,0.08635,0.05683,0.06217,0.00713,-0.03695,0.03912,-0.0144,0.06649,0.03213,0.01185,0.08008,-0.02677,0.049,0.01367,-0.00717,-0.06131,0.04169,-0.00822,0.09048,0.04447,-0.0335,-0.02404,-0.00995,0.1157,-0.01945,-0.03368,0,-0.07379,0.00595,-0.04924,-0.06811,0.05159,-0.0113,-0.04304,0.1392,0.00048,0.0205,-0.03973,0.07663,-0.04171,-0.00451,0.07139,-0.0357,0.08593,0.0529,-0.00118,-0.06365,0.04502,-0.02662,0.03689,0.09881,0.00277,-0.04466,-0.11325,0.0276,0.03243,0.04614,-0.01946,0.00375,0.09755,0.08203,0.01322,-0.04765,-0.05402,0.03925,-0.04712,-0.04359,0.06639,-0.05992,0.00926,-0.04553,-0.09325,0.03706,0.03834,-0.03643,0.01284,0.02543,-0.0565,-0.03321,0.05983,0.04184,-0.0391,0.04505,0.01246,-0.04525,0.09328,-0.07771,-0.03637,0.02609,-0.03125,0.01933],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Why / Use cases Use f-selection-area when users need to select many items quickly. Typical use cases: - Bulk move operations. - Batch edit/delete workflows. - Diagram tools with large, dense node sets. If your editor is single-select only, this plugin may be unnecessary.","excerpt":"Why / Use cases Use f-selection-area when users need to select many items quickly. Typical use cases: - Bulk move operations. - Batch edit/delete workflows. - Diagram tools with large, dense node sets. If your editor is single-select only, this plugin may be unnecessary."},{"chunkId":"/docs/f-selection-area-component#2","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.04062,-0.05813,-0.02868,0.03946,0.02081,-0.02458,0.06575,0.01693,0.04208,-0.00553,-0.02591,0.00292,-0.04642,-0.00294,-0.02859,-0.01645,0.02277,-0.03161,0.07776,0.00508,-0.05306,-0.11438,0.0233,-0.07186,-0.00856,-0.00072,0.0102,0.03657,0.01298,-0.09817,-0.05547,0.04144,-0.04261,0.02071,-0.0669,0.0213,0.02105,-0.01658,-0.03065,-0.00291,0.03005,-0.01115,0.05894,0.02477,-0.04615,-0.02768,-0.10399,0.06207,0.01779,0.03656,-0.00194,-0.03597,0.01009,0.06509,0.05841,0.0119,0.05402,-0.07241,-0.02786,0.02054,-0.02516,-0.0141,-0.04937,-0.01771,0.0362,0.03977,-0.03151,-0.01614,-0.04731,0.00319,0.00258,0.00165,0.03407,0.00793,0.11358,-0.03352,-0.03902,0.05712,0.02128,-0.06717,0.03355,0.08828,-0.06077,0.04083,-0.01282,0.05396,-0.10956,-0.06915,0.03966,0.02371,-0.00931,0.03508,-0.0345,-0.03772,-0.00465,-0.00321,-0.00442,-0.03765,-0.01539,0.02646,0.04404,-0.02391,0.02705,-0.05426,-0.10709,-0.04936,-0.04365,-0.01679,-0.04363,-0.05526,-0.02974,-0.0309,0.02911,0.01171,-0.09426,0.04999,-0.02789,-0.06171,0.08966,-0.05524,-0.03199,0.06524,0.01004,0.03377,0.02417,-0.0654,-0.04896,0,0.04348,-0.07283,-0.01533,0.01559,0.02133,-0.00458,-0.0504,-0.04263,-0.03145,0.00938,0.00678,-0.05972,-0.00288,-0.00482,0.0925,-0.07034,0.01138,0.09979,-0.04859,0.01996,0.01139,-0.02501,-0.0383,-0.01875,0.05238,0.12113,-0.12399,0.06678,0.04635,0.03326,-0.09258,0.05189,-0.02231,-0.00232,0.00462,0.04462,-0.1229,-0.03108,0.02218,0.00385,0.04294,-0.07043,-0.02171,-0.01372,0.00958,-0.02291,-0.10828,0.02731,-0.02575,0.00448,0.08279,0.01796,-0.02124,-0.03929,0.02924,-0.03807,-0.07847,0.09451,0.04569,0.13064,0.02635,0.06245,-0.06853,0.00652,0.01523,0.03876,-0.02033,0.03356,0.08875,0.05549,-0.04283,0.02996,0.08872,-0.01498,0.01848,-0.02779,-0.0418,-0.06096,0.02981,-0.03645,-0.06626,-0.06443,-0.04066,-0.10108,0.07694,-0.0319,0.03445,-0.00874,-0.00953,-0.09686,0.09035,0.04703,-0.00336,-0.03673,0.02454,0,0.0024,0.00386,0.07084,0.04572,-0.05828,-0.07463,0.00166,-0.07937,-0.01726,-0.01375,-0.00247,0.03089,0.00165,-0.06016,0.06343,0.09849,-0.05654,-0.10252,-0.04657,-0.04731,-0.00526,-0.07973,0.04596,-0.02159,-0.06535,-0.02998,0.00345,0.01501,0.02186,-0.0004,0.00736,-0.04244,-0.04064,0.03,0.07824,-0.06737,0.0207,0.09778,0.08111,0.02403,0.01056,0.02426,-0.00119,0.09178,0.0124,0.06924,-0.10601,0.08109,-0.0117,0.00192,-0.09246,0.02276,0.00291,-0.06035,-0.00806,0.08864,0.05148,0.04722,0.06789,0.02629,-0.02252,-0.06867,0.0632,0.07478,0.13185,0.00275,0.04143,-0.00889,-0.06522,0.09148,0.07029,0.07557,-0.01069,-0.06272,0.04561,0.02851,0.09882,0.07706,-0.01275,0.05186,-0.02305,0.05948,0.001,-0.00448,-0.02924,0.04098,-0.0522,0.10461,0.03979,-0.04654,-0.00717,-0.00802,0.09896,-0.04603,-0.01319,0,-0.11872,0.00493,-0.06687,-0.05059,0.06922,0.02417,-0.05409,0.0753,-0.03601,-0.00339,-0.04252,0.04627,-0.01437,0.01708,0.10608,-0.03522,0.06795,0.03848,-0.02724,-0.04568,0.00121,-0.04247,0.04477,0.12755,-0.04552,-0.03874,-0.10849,0.03651,0.04446,0.03358,0.0192,0.03729,0.08019,0.0486,0.04494,-0.00334,-0.07329,0.02968,-0.04204,0.00095,0.04416,-0.03647,0.00959,-0.04488,-0.05688,0.06603,0.05061,-0.04564,0.0104,0.03034,-0.05366,-0.02296,0.05436,0.02096,-0.05109,0.01756,-0.03682,-0.01352,0.07118,-0.04618,-0.05746,0.06514,-0.03001,0.0397],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. How it works On pointer down, the plugin checks fTrigger. If allowed, it shows the selection rectangle host, updates its bounds on move, computes intersections, marks matching elements selected, then finalizes selection on pointer up. f Trigger","excerpt":"How it works On pointer down, the plugin checks fTrigger. If allowed, it shows the selection rectangle host, updates its bounds on move, computes intersections, marks matching elements selected, then finalizes selection on pointer up."},{"chunkId":"/docs/f-selection-area-component#3","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.06643,-0.05509,-0.01609,0.04233,0.00296,-0.00739,0.0101,0.00831,0.0691,0.00995,-0.00131,-0.00379,-0.01594,0.00802,0.01837,0.00282,0.00721,-0.0505,0.03116,-0.01011,-0.03762,-0.09943,0.03072,-0.10943,0.01756,-0.00492,-0.01362,0.04719,0.00409,-0.11082,-0.05208,0.06366,-0.03871,0.04005,-0.08673,-0.01789,0.03408,0.02091,-0.03798,0.00953,0.00597,0.00694,0.01969,0.01788,-0.06205,-0.01909,-0.14337,0.03318,0.03992,0.05051,-0.01824,-0.05587,0.01949,0.06782,0.05118,0.01405,-0.00067,-0.08051,-0.02124,0.01807,-0.00511,0.00344,-0.02757,-0.00287,0.03227,0.06206,-0.05292,0.00792,-0.0413,-0.01561,0.03222,-0.01699,0.02959,-0.0181,0.11795,-0.05219,-0.05233,0.04317,0.00275,-0.03681,0.01742,0.14358,-0.10334,0.05897,-0.04118,0.0657,-0.08556,-0.06475,0.00552,0.00679,-0.03886,0.02217,-0.00968,-0.00553,-0.01784,-0.01921,0.01965,-0.01984,-0.02326,-0.00585,0.06917,-0.08406,0.03567,-0.05708,-0.10899,-0.08397,-0.04713,-0.00745,-0.0056,-0.03092,-0.05205,-0.0136,0.01034,0.00874,-0.09675,0.02172,-0.03697,-0.08121,0.10066,-0.04082,-0.00704,0.06344,-0.01813,0.01952,0.03514,-0.05959,-0.06406,0,0.05818,-0.05028,0.01824,0.03311,0.0617,-0.00669,-0.05858,-0.04719,-0.03134,0.01146,-0.03705,-0.0064,-0.05394,0.01631,0.07412,-0.04435,0.00293,0.10757,-0.0196,-0.00341,-0.03033,-0.03802,-0.01844,0.01023,0.07022,0.11386,-0.07361,0.09072,0.03888,0.02931,-0.07832,0.03439,0.00438,-0.01235,-0.02619,0.04398,-0.09586,-0.00862,0.03938,0.04048,0.03296,-0.04832,0.02129,0.00542,0.03041,0.02617,-0.09207,-0.00197,-0.02946,-0.02001,0.0538,0.00658,0.01925,-0.02584,0.05853,-0.05861,-0.06136,0.09475,0.04358,0.12172,0.00196,0.06999,-0.05771,0.03043,0.01061,0.04936,-0.02413,0.01876,0.06547,0.014,-0.05302,0.04195,0.05199,-0.04859,0.01546,-0.06379,-0.03237,-0.08178,0.06349,-0.00779,-0.08193,-0.0808,-0.0579,-0.08207,0.05086,-0.0015,0.07645,0.01806,0.00486,-0.08069,0.04875,0.05677,0.00258,-0.04301,0.04584,0,-0.03914,0.02212,0.07568,0.05715,0.01508,-0.05047,-0.00702,-0.03269,0.00776,-0.0072,0.01112,0.00957,0.01846,-0.0554,0.04028,0.09089,-0.04544,-0.10301,-0.05256,-0.03598,0.01156,-0.07681,0.02571,-0.0076,-0.05081,-0.00783,-0.01861,-0.0103,0.04056,-0.0001,0.00876,-0.08023,-0.00652,0.02558,0.07108,-0.08876,0.05778,0.08504,0.05855,-0.00369,-0.04957,-0.00756,-0.01458,0.08025,-0.0062,0.07232,-0.07779,0.07727,-0.01084,0.00104,-0.09755,0.01142,-0.02937,-0.03732,0.00883,0.05436,0.03149,0.0559,0.06397,-0.00016,-0.04526,-0.06369,0.03292,0.04414,0.1086,-0.01163,0.06225,-0.02611,-0.05977,0.06882,0.02885,0.08673,0.01036,-0.06992,0.077,-0.01163,0.04809,0.06244,-0.00432,0.06387,-0.05055,0.06325,0.0233,0.01807,0.00308,0.01421,0.00417,0.11633,0.0485,-0.03509,-0.00864,-0.00711,0.10535,-0.00333,0.00142,0,-0.07914,0.02327,-0.06943,-0.08309,0.05443,0.00439,-0.03722,0.11195,-0.00892,0.04058,-0.03737,0.06908,-0.04724,0.01533,0.09519,-0.02694,0.0585,0.06114,0.00658,-0.06266,0.04904,-0.03288,0.05025,0.11253,-0.00523,-0.02138,-0.16267,0.01359,0.01214,0.04569,-0.02808,-0.00885,0.09553,0.06247,0.03046,-0.05404,-0.08742,0.0408,-0.03964,-0.03425,0.07,-0.06643,0.00883,-0.02315,-0.04666,0.06872,0.06812,-0.04117,0.01536,0.03093,-0.06024,-0.04895,0.0753,-0.00709,-0.04001,0.03219,-0.02749,-0.03242,0.08296,-0.06786,-0.02948,0.05273,-0.0722,0.02396],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. API","excerpt":"API"},{"chunkId":"/docs/f-selection-area-component#4","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.04527,-0.05475,-0.04404,0.08563,0.01235,0.03418,0.04743,0.01515,0.06599,0.00676,-0.00369,-0.01758,-0.02905,-0.01746,0.00993,-0.00095,0.00441,-0.0393,0.03909,-0.01067,-0.01629,-0.1064,0.02088,-0.07611,-0.01821,-0.02257,-0.01288,0.03552,0.01576,-0.08841,-0.0487,0.04433,-0.00242,0.03924,-0.08579,-0.01217,0.02079,0.00387,-0.05226,-0.00774,0.00127,-0.03759,0.01916,0.00145,-0.06127,-0.02865,-0.13419,0.04402,0.03001,0.07198,-0.03044,-0.0331,0.01385,0.06298,0.06847,-0.00148,0.027,-0.08941,-0.0067,-0.00647,-0.04423,-0.00107,-0.06286,0.01092,0.0413,0.07096,-0.03803,-0.00607,-0.00529,0.00103,0.02393,-0.01143,0.0353,-0.00002,0.1033,-0.0606,-0.02773,0.05165,0.01113,-0.03348,0.01637,0.11437,-0.0745,0.03972,-0.01494,0.07508,-0.11655,-0.0619,0.02412,0.01664,-0.05494,0.01597,0.00345,0.00736,0.00179,-0.00397,0.00238,-0.02867,-0.01251,-0.00985,0.05432,-0.04991,0.02117,-0.03798,-0.09084,-0.0895,-0.04573,-0.01673,-0.01906,-0.05178,-0.02961,-0.04481,0.03227,0.00058,-0.07795,0.03298,-0.03529,-0.06538,0.09109,-0.0231,0.00212,0.06301,-0.04425,0.00979,0.04776,-0.06437,-0.06559,0,0.06359,-0.05685,-0.00419,0.02074,0.01828,0.0347,-0.05588,-0.03646,-0.03518,0.05397,-0.02738,-0.03016,-0.05589,0.01087,0.08155,-0.08074,-0.00751,0.10685,-0.02191,-0.00702,-0.01003,-0.03861,-0.01289,0.0007,0.06697,0.11159,-0.09155,0.09894,0.03787,0.03816,-0.08269,0.02761,-0.02069,-0.02123,-0.01796,0.04588,-0.10884,-0.01535,0.00857,0.04026,0.00896,-0.06388,0.0227,-0.02094,0.0252,-0.02248,-0.11365,0.01724,-0.02116,-0.00645,0.0778,0.00712,0.01107,-0.04648,0.05372,-0.03228,-0.07077,0.11261,0.04207,0.12657,-0.00548,0.04294,-0.05081,0.02743,0.02748,0.04548,-0.01331,-0.00097,0.06102,0.01763,-0.06002,0.02148,0.06391,-0.03423,0.04183,-0.03659,-0.0408,-0.09342,0.02645,-0.02826,-0.08015,-0.06536,-0.06064,-0.05365,0.08465,0.00573,0.05175,0.01766,-0.00929,-0.10366,0.05003,0.04485,0.00275,-0.0356,0.03154,0,0.00485,0.02524,0.05629,0.04979,-0.01891,-0.04557,0.0149,-0.05855,-0.00629,-0.01799,0.02167,0.0116,0.02806,-0.07421,0.02224,0.11071,-0.04517,-0.09238,-0.04858,-0.02767,0.00228,-0.10456,-0.00198,0.00594,-0.0642,-0.03014,0.00249,0.02581,0.00919,-0.00839,-0.01594,-0.05276,-0.02089,0.01324,0.05229,-0.07654,0.05893,0.09985,0.06107,0.04051,-0.02071,0.00315,-0.01671,0.0837,-0.00715,0.07917,-0.07439,0.07395,-0.00486,0.02373,-0.1018,0.00581,-0.03426,-0.03238,-0.02185,0.04325,0.04762,0.05065,0.0493,0.02635,-0.02936,-0.05589,0.06655,0.05818,0.12887,-0.01126,0.04028,0.01617,-0.05104,0.05807,0.06101,0.07683,-0.0093,-0.06496,0.03685,0.00379,0.05407,0.04559,-0.01248,0.06847,-0.01167,0.05127,0.04383,0.01778,-0.03929,0.06139,-0.00327,0.11026,0.06981,-0.02674,-0.0338,-0.00057,0.1285,-0.04344,-0.02318,0,-0.11512,0.02225,-0.03878,-0.07429,0.06344,0.01503,-0.04057,0.08457,-0.04021,-0.00636,-0.0501,0.0955,-0.01698,-0.00314,0.09919,-0.047,0.0839,0.06539,-0.00678,-0.06587,0.07969,-0.03332,0.03687,0.10664,-0.01528,-0.04464,-0.12848,0.0175,0.06738,0.06287,-0.01775,0.01785,0.08138,0.03361,0.00099,-0.0153,-0.07845,0.01082,-0.04199,-0.04287,0.08132,-0.06113,-0.03411,-0.05575,-0.09714,0.06591,0.07367,-0.05715,0.01155,0.03391,-0.04335,-0.02106,0.07596,0.02611,-0.02412,0.03762,-0.01298,-0.0253,0.07297,-0.06562,-0.03816,0.04804,-0.0351,0.02089],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Inputs - fTrigger: FEventTrigger; Selection-start predicate. Default: the active control scheme's selection (event.shiftKey). f Trigger F Event Trigger shift Key","excerpt":"Inputs - fTrigger: FEventTrigger; Selection-start predicate. Default: the active control scheme's selection (event.shiftKey)."},{"chunkId":"/docs/f-selection-area-component#5","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.0358,-0.03486,-0.04365,0.06611,0.02166,0.01951,0.05055,0.00756,0.05291,0.00087,0.00606,-0.02844,-0.04863,-0.00565,-0.00764,-0.01786,0.00929,-0.0249,0.01166,0.00386,-0.00446,-0.10714,0.02741,-0.08625,0.00601,-0.00375,0.00315,0.04728,-0.00087,-0.13431,-0.02798,0.08165,-0.01979,0.04309,-0.11586,-0.02273,0.01992,0.00883,-0.04914,-0.00893,-0.0025,-0.0138,0.01631,-0.01384,-0.07387,-0.01873,-0.09734,0.03048,0.01548,0.07318,0.00235,-0.02584,0.03348,0.08919,0.05985,0.02172,0.03478,-0.08204,-0.03318,0.00131,-0.02668,-0.00204,-0.04988,0.0057,0.05151,0.0516,-0.06466,-0.02645,-0.05073,-0.01503,0.04185,-0.00945,0.05972,-0.04582,0.1416,-0.06669,-0.05304,0.06507,0.03244,-0.02314,0.03557,0.11855,-0.07259,0.05539,-0.01238,0.06789,-0.09871,-0.06258,0.00301,0.00638,-0.04677,0.03711,-0.00556,-0.00808,-0.04095,-0.01527,0.01603,-0.04251,-0.0134,0.00441,0.05929,-0.07689,0.03906,-0.03224,-0.10076,-0.09825,-0.0427,-0.02021,-0.02398,-0.03307,-0.0442,-0.02834,0.0237,0.00019,-0.06955,0.00644,-0.02948,-0.06522,0.09478,-0.06062,0.01132,0.06408,-0.01931,0.02949,0.04914,-0.03596,-0.06669,0,0.0647,-0.07616,-0.01414,0.02803,0.0329,0.00642,-0.02582,-0.05861,-0.01033,0.00621,-0.03709,0.00228,-0.03525,0.01682,0.08832,-0.08194,0.00315,0.09346,-0.01651,-0.00131,-0.00238,-0.00234,-0.00294,-0.02262,0.05992,0.11511,-0.08508,0.09591,0.01616,0.03586,-0.06957,0.05431,-0.00777,-0.0214,-0.02223,0.03662,-0.1147,-0.01375,0.00947,0.05072,0.04585,-0.06518,0.00762,-0.02006,0.02098,0.0318,-0.08975,0.01789,-0.02004,0.02584,0.06616,-0.00621,0.02257,-0.037,0.07426,-0.03925,-0.07371,0.11103,0.05872,0.10672,-0.00643,0.06926,-0.0516,0.02054,0.00436,0.05814,0.00726,0.01283,0.05718,0.00829,-0.05216,0.04915,0.05014,-0.03771,0.03249,-0.05047,-0.01847,-0.1039,0.04959,-0.03565,-0.07474,-0.06192,-0.06005,-0.07384,0.07138,-0.01709,0.05091,-0.00001,-0.0034,-0.08286,0.02112,0.02796,0.01072,-0.05674,0.03868,0,0.00001,0.00795,0.06564,0.08302,0.0011,-0.039,0.0052,-0.02389,0.01842,-0.00497,-0.00721,0.01459,0.0128,-0.05764,0.02669,0.10836,-0.06306,-0.09365,-0.05135,-0.03673,-0.00449,-0.07571,0.02827,-0.00295,-0.07429,-0.01411,0.01546,0.02017,0.03571,-0.03383,0.01406,-0.05199,-0.04137,0.02898,0.05442,-0.09493,0.0637,0.08832,0.05317,0.02527,-0.03774,0.01102,0.00645,0.07846,0.00194,0.06711,-0.08398,0.06869,0.00566,0.0086,-0.10783,-0.00443,-0.05729,-0.00025,-0.01102,0.05239,0.07173,0.05384,0.06886,0.01928,-0.04308,-0.07757,0.0287,0.03214,0.13664,-0.00839,0.05279,0.00111,-0.02288,0.088,0.05062,0.04099,0.01874,-0.07341,0.06775,0.00313,0.05573,0.04061,0.0215,0.05132,-0.00576,0.03561,0.03383,0.00498,-0.00983,0.0094,-0.01691,0.07942,0.06656,-0.05932,-0.00956,-0.00021,0.11493,-0.04487,0.01408,0,-0.0793,0.00064,-0.06365,-0.09019,0.06156,-0.00645,-0.03887,0.08775,-0.02598,-0.00335,-0.04025,0.07387,-0.01805,0.02041,0.10214,-0.02864,0.06844,0.06474,-0.01194,-0.07727,0.03233,-0.02839,0.04765,0.10358,-0.02103,-0.03985,-0.14219,0.01087,0.04702,0.03775,-0.01907,0.0255,0.1099,0.02569,0.01777,-0.02303,-0.09067,0.01352,-0.03229,-0.02018,0.05532,-0.06233,-0.01209,-0.04159,-0.09829,0.05117,0.06639,-0.06828,-0.00703,0.02322,-0.04854,-0.01467,0.0636,0.02943,-0.03638,0.01363,-0.04189,-0.02468,0.10081,-0.05861,-0.01409,0.04095,-0.05062,0.01987],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Outputs - No direct outputs from this component. Selection changes are emitted by fDraggable through fSelectionChange. f Draggable f Selection Change","excerpt":"Outputs - No direct outputs from this component. Selection changes are emitted by fDraggable through fSelectionChange."},{"chunkId":"/docs/f-selection-area-component#6","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.04029,-0.0286,-0.02537,0.02623,-0.00183,-0.00043,0.01637,0.02485,0.06255,0.01097,0.00319,-0.00205,-0.04462,-0.00803,0.01263,-0.00388,-0.00097,-0.02025,0.03666,0.00881,-0.02048,-0.09405,0.02828,-0.09712,0.0071,-0.00479,-0.01103,0.05203,0.01228,-0.12155,-0.04431,0.05952,-0.02565,0.05773,-0.07644,-0.01116,0.02183,0.01102,-0.03814,0.00879,-0.01544,-0.00184,0.00113,0.00278,-0.05243,-0.02245,-0.14106,0.04391,0.03109,0.0433,-0.02474,-0.06343,0.03458,0.06582,0.05158,0.0159,-0.00184,-0.09047,-0.01402,0.02139,0.00014,0.00958,-0.04933,0.01892,0.04326,0.05334,-0.05954,-0.01038,-0.04346,-0.00894,0.02764,-0.00524,0.04934,-0.01497,0.11776,-0.05812,-0.05401,0.04712,-0.0027,-0.04592,0.01321,0.136,-0.09489,0.04968,0.00483,0.06289,-0.10074,-0.04574,0.03002,0.00642,-0.038,0.04249,-0.01474,-0.00555,-0.02403,0.00582,0.03304,-0.02989,-0.02232,0.01476,0.06354,-0.07122,0.03455,-0.04672,-0.10638,-0.07983,-0.03997,-0.00601,-0.00236,-0.02291,-0.05279,-0.01181,0.00098,-0.00664,-0.10058,0.00315,-0.02653,-0.08172,0.10992,-0.04988,0.01754,0.04531,-0.01656,0.0128,0.03157,-0.05497,-0.06263,0,0.06815,-0.04232,0.00878,0.04176,0.06408,0.00955,-0.05847,-0.04424,-0.03647,0.01396,-0.02549,-0.00634,-0.04957,0.01103,0.08655,-0.04024,-0.00639,0.1104,-0.0074,-0.00421,0.00207,-0.04242,-0.0016,0.01727,0.06149,0.13303,-0.0717,0.08335,0.01694,0.04343,-0.06994,0.01567,-0.00527,-0.00893,-0.01442,0.04421,-0.10392,-0.02858,0.01016,0.05155,0.03237,-0.06139,0.01992,-0.00373,0.03222,0.01413,-0.09247,0.00337,-0.01032,-0.0187,0.06395,0.00505,-0.00247,-0.03961,0.06317,-0.0639,-0.08575,0.1046,0.04515,0.11297,0.00016,0.05963,-0.05264,0.0161,0.00144,0.02495,-0.01664,0.02137,0.08141,0.0147,-0.04105,0.05274,0.05498,-0.04052,0.01037,-0.06021,-0.01601,-0.08181,0.08312,-0.01891,-0.07996,-0.07258,-0.06408,-0.07445,0.06874,0.00803,0.07914,0.02175,0.00198,-0.09026,0.01729,0.04436,0.00471,-0.06042,0.03894,0,-0.01094,0.00978,0.08226,0.05579,-0.00046,-0.05514,0.00686,-0.01192,-0.00166,-0.00989,0.00219,-0.00308,0.03177,-0.05598,0.0479,0.10437,-0.06121,-0.10939,-0.06738,-0.02975,-0.00987,-0.07871,0.02877,0.00725,-0.06569,-0.01032,-0.01995,-0.00731,0.02685,-0.00362,0.00773,-0.06945,-0.00866,0.03622,0.05427,-0.07755,0.04519,0.09982,0.06432,0.02081,-0.03867,-0.01516,-0.00857,0.07083,-0.03672,0.06088,-0.07659,0.08009,-0.0025,-0.00849,-0.09115,0.00517,-0.05414,-0.02779,0.00889,0.04686,0.02149,0.04451,0.04712,0.02344,-0.03298,-0.05942,0.03343,0.04547,0.15048,-0.01753,0.03625,-0.01995,-0.07316,0.07491,0.03806,0.0661,0.00756,-0.06629,0.06843,-0.00793,0.06121,0.0669,-0.00517,0.06314,-0.04001,0.04025,0.02334,0.00834,-0.01048,-0.00258,0.01934,0.11102,0.03732,-0.04703,-0.01154,0.01759,0.11788,-0.00641,0.01886,0,-0.07395,0.01746,-0.05808,-0.09115,0.05646,0.00358,-0.04172,0.10095,-0.02472,0.01847,-0.04165,0.07182,-0.03699,0.0174,0.09475,-0.03862,0.04104,0.07948,-0.0109,-0.08334,0.03289,-0.0149,0.03961,0.08553,-0.02295,-0.0126,-0.16377,0.01732,0.03942,0.0351,-0.03089,0.00841,0.1107,0.04587,0.02838,-0.03696,-0.08667,0.02835,-0.05904,-0.04928,0.09245,-0.0625,-0.00006,-0.02857,-0.04886,0.07147,0.07157,-0.03565,0.01446,0.03483,-0.05877,-0.05189,0.08401,0.01269,-0.0428,0.02895,-0.01582,-0.02565,0.10032,-0.06495,-0.0248,0.03804,-0.05922,0.03145],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-selection-area-component#7","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.04886,-0.04848,-0.00859,0.06845,0.00943,-0.00331,0.03568,-0.00498,0.05457,0.00445,-0.01824,-0.00291,-0.03859,-0.00157,0.00681,0.01844,0.01495,-0.04598,0.03417,-0.01031,-0.03954,-0.12257,0.03236,-0.07692,0.01027,-0.00007,-0.02454,0.04115,0.01697,-0.1056,-0.0512,0.04279,-0.02147,0.03059,-0.07747,-0.0111,0.04241,0.02149,-0.0363,0.00233,0.00199,-0.01099,0.01588,0.02199,-0.05866,-0.02858,-0.13991,0.03389,0.03057,0.06385,-0.02187,-0.04171,0.01971,0.03582,0.06882,0.00846,0.02675,-0.06761,0.00017,0.01505,-0.02751,0.00541,-0.04949,0.0071,0.04237,0.06399,-0.06001,-0.00522,-0.01728,0.00047,0.02272,-0.01286,0.03278,0.00892,0.10959,-0.04765,-0.04327,0.0481,0.00584,-0.027,0.01653,0.1234,-0.09235,0.04711,-0.00421,0.07514,-0.08486,-0.06562,0.04077,0.01328,-0.04962,0.00773,0.01125,0.0028,-0.00487,-0.00268,0.0122,-0.02565,-0.0302,-0.00663,0.07409,-0.07315,0.05366,-0.04201,-0.09187,-0.09299,-0.0461,-0.01463,-0.01605,-0.03964,-0.04374,-0.01815,0.03867,0.00595,-0.09118,0.01779,-0.05127,-0.08548,0.1113,-0.03021,0.01204,0.05391,-0.03069,-0.01394,0.03723,-0.05129,-0.06193,0,0.0596,-0.06844,0.00168,0.04612,0.0584,0.0104,-0.06637,-0.04311,-0.03808,0.02713,-0.01203,-0.03023,-0.04066,0.02014,0.08712,-0.06899,0.00381,0.08941,-0.03251,-0.00824,-0.00883,-0.04863,-0.02694,0.01526,0.07669,0.12823,-0.07207,0.09077,0.03091,0.04236,-0.08544,0.03051,-0.01268,-0.00051,-0.02936,0.02437,-0.09779,-0.02502,0.03387,0.04187,0.00515,-0.06127,0.01098,-0.01054,0.01615,-0.00537,-0.09765,0.02639,-0.02094,-0.0271,0.06107,0.00486,0.02114,-0.03303,0.04992,-0.04628,-0.06893,0.10823,0.05323,0.12896,-0.00179,0.07466,-0.0406,0.03248,0.02416,0.03102,-0.0256,0.01108,0.06528,0.01337,-0.05457,0.03598,0.05411,-0.03716,0.02229,-0.06179,-0.02703,-0.09091,0.05596,-0.02242,-0.06362,-0.08426,-0.05605,-0.08847,0.05427,-0.01182,0.05598,0.01403,0.01115,-0.0819,0.03905,0.04657,0.0033,-0.03776,0.02048,0,-0.02326,0.01169,0.06226,0.05006,-0.00289,-0.0447,-0.00706,-0.06167,-0.0041,-0.00699,0.018,0.00869,0.02785,-0.04521,0.03967,0.11275,-0.05386,-0.10411,-0.05459,-0.02729,0.01292,-0.10467,0.00397,0.00161,-0.05592,-0.01409,-0.00744,-0.00157,0.03545,-0.02069,0.00304,-0.04878,-0.01107,0.03228,0.07251,-0.07885,0.06418,0.09933,0.05314,-0.00186,-0.02563,0.00384,-0.00086,0.08493,-0.00487,0.09479,-0.07683,0.06922,-0.0073,0.0078,-0.10764,0.0002,-0.04256,-0.01828,-0.0143,0.05158,0.04292,0.0322,0.06185,0.01177,-0.0388,-0.0738,0.06053,0.05827,0.1265,-0.02515,0.0544,0.00012,-0.06907,0.05671,0.04181,0.09002,0.00013,-0.0801,0.04981,0.0067,0.0555,0.03831,-0.01201,0.0615,-0.0183,0.0461,0.0346,0.00445,-0.03199,0.02928,-0.00308,0.13893,0.0485,-0.04445,-0.024,-0.01717,0.09445,-0.00592,-0.01566,0,-0.08889,0.01056,-0.0716,-0.08535,0.06407,0.01266,-0.06495,0.09096,-0.01815,0.01857,-0.03061,0.06552,-0.02759,0.01377,0.10497,-0.04662,0.06769,0.07972,0.002,-0.06246,0.05991,-0.0382,0.04941,0.11506,-0.01949,-0.02386,-0.14868,0.02962,0.04164,0.05147,-0.03049,0.01763,0.09289,0.04233,0.01871,-0.01641,-0.08339,0.01994,-0.02052,-0.04052,0.0795,-0.06989,-0.01258,-0.03243,-0.08288,0.0613,0.04928,-0.04895,0.00665,0.03132,-0.05485,-0.03784,0.08757,0.00666,-0.02253,0.03959,-0.02742,-0.04533,0.08188,-0.06276,-0.01,0.03709,-0.0528,0.0145],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Types FEventTrigger F Event Trigger","excerpt":"Types FEventTrigger"},{"chunkId":"/docs/f-selection-area-component#8","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.03283,-0.01377,-0.02579,0.02515,0.01943,0.00162,0.05288,0.01646,0.05556,-0.0141,-0.02092,-0.0167,-0.04791,-0.00621,0.01681,-0.02297,-0.01577,-0.02092,0.02405,0.00401,-0.03681,-0.08646,0.02951,-0.0737,-0.00939,0.02346,0.01179,0.07468,0.01766,-0.11749,-0.0192,0.09028,-0.01879,0.05251,-0.11065,-0.00914,0.02425,0.03423,-0.05662,0.01808,-0.02046,-0.00868,0.03804,0.00511,-0.04411,-0.00773,-0.10743,0.01819,0.02267,0.03262,0.01857,-0.03799,0.02444,0.09754,0.04682,0.01256,0.05334,-0.08759,-0.04282,0.01205,-0.01653,-0.0093,-0.03914,0.01888,0.01374,0.03845,-0.07713,-0.00701,-0.03472,-0.02435,0.04501,0.00709,0.05178,-0.02086,0.11596,-0.0566,-0.03337,0.07078,0.0146,-0.0095,0.02192,0.12141,-0.06549,0.02812,-0.01986,0.07338,-0.07802,-0.067,0.01577,0.02649,-0.04963,0.04206,0.00522,-0.02443,0.00928,0.00677,-0.03347,-0.04613,-0.02872,0.00041,0.07502,-0.07304,0.02588,-0.03271,-0.08452,-0.0734,-0.06065,0.01256,-0.00472,-0.04775,-0.05411,-0.02852,0.0323,-0.00041,-0.08916,-0.01207,-0.03725,-0.08803,0.07826,-0.0399,0.01943,0.06188,-0.03833,-0.00271,0.05645,-0.04601,-0.06187,0,0.03527,-0.06649,-0.01416,0.04795,0.03798,0.02701,-0.0189,-0.0628,-0.00523,0.01218,-0.04461,-0.02735,-0.05821,-0.00231,0.06615,-0.08551,-0.00579,0.10274,-0.02895,0.00405,0.01492,-0.04171,-0.02045,-0.01271,0.06419,0.10802,-0.07972,0.06649,-0.00606,0.02885,-0.07834,0.02119,-0.00323,0.00841,-0.01737,0.02721,-0.09258,-0.00899,0.02043,0.02852,0.0267,-0.05254,-0.0018,-0.00904,0.03744,-0.01,-0.09756,0.01357,0.00294,0.01267,0.07533,0.02239,0.03545,-0.04171,0.07914,-0.04854,-0.06211,0.12904,0.03109,0.11447,-0.01232,0.08541,-0.07939,0.00487,0.00953,0.0461,0.00437,0.0249,0.04738,-0.00847,-0.03813,0.04351,0.03325,-0.02899,0.02524,-0.06143,0.00148,-0.05646,0.0537,-0.02182,-0.12164,-0.0774,-0.05038,-0.05962,0.05406,-0.01669,0.07021,-0.00497,0.01447,-0.10259,0.04815,0.03543,0.01577,-0.04786,0.04812,0,-0.03065,0.03037,0.05532,0.06681,0.0096,-0.03946,0.01949,-0.01306,0.0083,0.00071,-0.00762,0.04388,0.01399,-0.06342,0.05037,0.10413,-0.0712,-0.11093,-0.04407,-0.03761,-0.01668,-0.06376,0.01448,-0.02253,-0.09005,-0.0025,-0.01413,-0.00113,0.04158,-0.02062,0.00741,-0.05289,-0.01973,0.02118,0.06554,-0.1047,0.06075,0.10524,0.05029,0.01485,-0.03961,0.01235,-0.00949,0.09105,-0.04861,0.05729,-0.06626,0.04251,0.0098,-0.00504,-0.1189,-0.00148,-0.04738,-0.02095,-0.01249,0.06828,0.04424,0.04755,0.05585,0.01884,-0.01704,-0.06288,0.02134,0.02445,0.1255,-0.02464,0.03574,0.00307,-0.04495,0.08043,0.06022,0.08885,0.02416,-0.05128,0.07053,-0.00184,0.07027,0.07456,0.01886,0.0963,-0.02808,0.07462,0.00301,-0.00436,0.00088,-0.01589,-0.01989,0.07585,0.0429,-0.0661,-0.01914,0.00742,0.09829,-0.03105,0.00593,0,-0.09367,-0.01504,-0.0603,-0.10585,0.05529,0.01382,-0.05594,0.0965,-0.01427,0.00024,-0.03567,0.09446,-0.01258,-0.00254,0.09817,-0.02685,0.04753,0.06043,-0.01864,-0.09086,0.04763,-0.04191,0.02475,0.10874,-0.01808,-0.03567,-0.13078,0.01287,0.0482,0.04784,-0.0392,0.01229,0.115,0.03553,0.0416,-0.00904,-0.08904,0.02801,-0.05747,-0.03359,0.0535,-0.07232,0.01256,-0.05362,-0.05602,0.07165,0.0372,-0.04528,-0.01109,0.02176,-0.03987,-0.00293,0.04025,0.03548,-0.01593,0.02625,-0.04214,-0.04374,0.09919,-0.08233,-0.06284,0.09194,-0.03286,0.01571],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Styling - .f-component Base class for flow primitives. - .f-selection-area Host class of selection rectangle element.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-selection-area Host class of selection rectangle element."},{"chunkId":"/docs/f-selection-area-component#9","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[0.03332,-0.04888,-0.03717,0.06769,0.04435,0.01406,0.0525,0.02811,0.08634,-0.00902,-0.00067,0.00282,-0.05697,0.00659,0.01908,-0.05282,-0.00552,-0.03175,0.01474,0.00603,-0.0345,-0.10864,0.02679,-0.06672,-0.02381,-0.00435,-0.01163,0.04366,-0.00288,-0.10533,-0.00743,0.05244,-0.04156,0.04151,-0.1035,-0.02148,0.03355,-0.00088,-0.05404,-0.01701,-0.02213,-0.02707,0.05643,0.01517,-0.07235,-0.03072,-0.07999,0.05984,0.0229,0.07793,0.0156,-0.04661,0.02337,0.11045,0.05094,-0.01106,0.05642,-0.08018,-0.03702,0.02605,-0.034,0.00245,-0.04915,0.01916,0.03012,0.05417,-0.03125,-0.00588,-0.00517,0.01004,0.07831,-0.00811,0.03022,-0.02875,0.13621,-0.06717,-0.04237,0.08294,-0.01167,-0.02536,0.04988,0.08755,-0.04633,0.04458,-0.01435,0.0823,-0.09491,-0.06,0.0035,0.03193,-0.06162,0.0533,0.00657,-0.02348,0.00052,-0.00573,-0.0365,-0.05271,-0.05232,-0.00674,0.04411,-0.07246,0.04135,0.01154,-0.05727,-0.06418,-0.0402,-0.03671,-0.05271,-0.0376,-0.02347,-0.03265,0.05308,0.03091,-0.08055,0.01648,-0.04004,-0.06526,0.06942,-0.01138,-0.00783,0.06699,-0.02561,-0.00165,0.05547,-0.06694,-0.08118,0,0.03571,-0.06862,-0.01876,0.01589,0.03444,0.00636,-0.01546,-0.05131,-0.0215,0.02877,-0.02888,-0.02825,-0.03451,-0.00054,0.05993,-0.08072,-0.01945,0.08697,-0.03167,0.00199,0.00748,-0.04672,-0.03733,-0.01982,0.05929,0.14114,-0.0875,0.08936,0.04511,0.04904,-0.09831,0.03882,-0.0146,-0.004,-0.01634,0.03242,-0.12469,-0.03668,0.0075,0.05316,0.01403,-0.07362,-0.04038,-0.01146,0.02238,-0.01722,-0.08615,-0.00247,-0.0516,0.00865,0.07382,0.00666,0.02518,-0.05114,0.07525,-0.07705,-0.07806,0.08934,0.03528,0.1137,0.00208,0.04205,-0.06648,-0.00604,0.01603,0.05261,-0.00537,0.02357,0.05056,0.00322,-0.06271,0.03787,0.06129,-0.0338,0.03456,-0.03085,-0.03494,-0.06978,0.03523,-0.02545,-0.08085,-0.09359,-0.03078,-0.05252,0.0461,-0.01216,0.05202,-0.00599,-0.02441,-0.092,0.05578,0.04605,0.03727,-0.02694,0.06281,0,-0.00737,0.02021,0.04665,0.0593,-0.0265,-0.03385,0.01824,-0.03245,0.01653,-0.00417,-0.0232,0.03262,-0.01474,-0.06125,0.03698,0.09514,-0.02036,-0.0849,-0.05462,-0.04357,-0.0053,-0.09422,0.01539,0.00205,-0.05556,-0.02114,-0.0034,-0.00588,0.03068,-0.00728,0.018,-0.04927,-0.02963,0.00066,0.06052,-0.09246,0.03833,0.09853,0.07046,0.00933,-0.02625,0.03259,0.00585,0.08254,-0.01587,0.07185,-0.08994,0.05674,0.02403,0.00745,-0.11657,0.00026,-0.04724,-0.03722,-0.00552,0.0694,0.10414,0.05207,0.04316,0.01902,-0.00327,-0.05619,0.01996,0.04117,0.13135,-0.00482,0.02846,0.01197,-0.02487,0.12046,0.04672,0.07657,0.0147,-0.05956,0.05791,0.04018,0.09551,0.03297,-0.00718,0.06936,0.00102,0.05884,0.01272,-0.01492,-0.01372,0.02115,-0.03183,0.07349,0.05411,-0.05995,-0.02802,-0.00632,0.0988,-0.05395,-0.00696,0,-0.09878,0.01413,-0.05866,-0.07545,0.02896,0.02557,-0.06792,0.07653,-0.02326,-0.006,-0.05529,0.06949,-0.00315,0.03002,0.08515,-0.03363,0.08212,0.05747,-0.02395,-0.0718,0.02921,-0.03646,0.02916,0.1276,-0.04735,-0.03219,-0.11643,0.021,0.04643,0.03039,-0.03703,0.02011,0.07909,0.03321,-0.00457,0.00999,-0.07585,0.03091,-0.03862,-0.01562,0.09667,-0.03674,0.01344,-0.04761,-0.08181,0.04611,0.08798,-0.06801,-0.02757,0.06729,-0.03673,-0.00374,0.0589,0.04795,-0.02081,0.02958,-0.03909,-0.03775,0.07517,-0.05898,-0.02495,0.0474,-0.03231,0.03775],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Notes / Pitfalls - Requires fDraggable on parent f-flow. - Selection rectangle is hidden by default; style .f-selection-area in your app/theme so users can see it. - Trigger collisions can happen if fTrigger overlaps with other drag gestures. f Draggable f Trigger","excerpt":"Notes / Pitfalls - Requires fDraggable on parent f-flow. - Selection rectangle is hidden by default; style .f-selection-area in your app/theme so users can see it. - Trigger collisions can happen if fTrigger overlaps with other drag gestures."},{"chunkId":"/docs/f-selection-area-component#10","slug":"f-selection-area-component","route":"/docs/f-selection-area-component","section":"docs","title":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections","description":"Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors.","group":"Interaction","vector":[-0.00127,-0.01516,-0.05094,0.07458,0.04302,0.03658,0.00225,0.02246,0.04791,0.04314,-0.02822,-0.03431,-0.0558,0.02396,0.03116,-0.0449,-0.04138,-0.01428,0.01205,-0.00709,-0.01581,-0.06361,0.07042,-0.077,-0.00659,0.01041,0.02194,0.05509,0.02163,-0.08989,0.00679,0.07714,-0.01864,0.02525,-0.09804,0.02213,0.01275,0.03873,-0.02136,0.00354,0.05256,0.03241,0.0131,-0.03801,-0.03819,-0.00256,-0.1146,0.0782,-0.00061,0.03285,-0.00146,-0.0627,0.0089,0.11107,0.00181,-0.02644,0.02546,-0.08767,-0.00852,0.01388,-0.02158,-0.05492,-0.01302,-0.00177,0.05503,0.05931,-0.11104,0.00062,-0.06099,0.01612,0.04363,-0.0282,0.02199,-0.05253,0.10638,-0.0541,-0.07594,0.10514,0.01042,-0.01692,0.05506,0.10263,-0.06041,0.03102,-0.03182,0.08264,-0.05409,-0.08701,0.00869,-0.0364,-0.03055,0.0626,-0.00437,0.01468,0.01641,0.01571,-0.05396,0.00445,-0.05381,-0.01494,0.03858,-0.10404,0.05499,0.01999,-0.07229,-0.05959,-0.04443,0.02535,-0.01897,-0.04699,-0.03232,0.02133,0.03772,-0.00365,-0.08349,-0.03931,-0.01104,-0.06773,0.04569,0.02631,0.01327,0.03699,-0.03174,-0.00483,0.0901,-0.03089,-0.04085,0,0.02581,-0.02926,-0.03416,0.03345,0.03108,0.00828,-0.04247,-0.10568,0.01484,0.0639,-0.05297,0.00476,-0.05722,-0.02619,0.04487,-0.09112,-0.0048,0.09085,-0.02481,0.01442,0.02047,-0.03173,-0.04996,-0.00579,0.12479,0.07042,-0.07924,0.04449,-0.01807,0.00984,-0.01427,0.05427,0.0091,-0.04495,-0.01927,0.01611,-0.08838,-0.00867,-0.03027,0.02865,0.08046,-0.04885,-0.01662,0.05328,0.00324,0.00099,-0.08544,-0.01818,0.0373,0.01909,0.0512,0.02749,-0.00264,-0.04358,0.10318,-0.03496,-0.06891,0.11396,0.02715,0.12566,-0.01492,0.05587,-0.0531,0.00112,0.02338,0.01333,-0.00105,0.01264,0.06058,-0.02334,-0.04378,0.07782,0.04738,-0.00325,0.02191,-0.0678,-0.00656,-0.00337,0.07962,-0.03419,-0.07157,-0.09785,-0.088,-0.01684,0.07981,-0.04224,0.03482,-0.02486,-0.02001,-0.13982,0.04012,0.07433,0.01441,-0.0561,0.05282,0,0.03096,0.01949,0.07054,0.09777,-0.03633,-0.05175,0.04615,0.02709,-0.00137,0.04049,-0.01027,0.05553,0.03093,-0.0552,0.03481,0.07692,-0.05058,-0.11505,0.02074,-0.02329,0.02128,-0.04547,0.02274,0.00015,-0.07534,0.04039,0.02494,0.00161,0.01675,-0.02202,-0.00475,-0.05138,-0.04194,0.01183,0.01128,-0.09476,0.04721,0.13034,0.0545,-0.00266,0.00366,0.03801,-0.00505,0.04391,-0.04017,-0.00364,-0.01617,0.03359,-0.02926,-0.03049,-0.11425,-0.00606,-0.05703,0.01211,-0.01351,0.02589,0.07557,-0.00483,0.03698,0.00525,-0.00001,-0.0367,0.00025,0.01292,0.13916,-0.00873,0.00868,-0.03245,0.02046,0.08425,0.02355,0.05749,0.04127,-0.02938,0.0904,0.04596,0.06485,0.05073,0.06509,0.04889,-0.04474,0.07204,-0.02657,-0.00632,0.00634,0.02218,-0.04189,0.05623,0.07525,-0.03018,-0.03671,-0.04721,0.08663,-0.06721,0.02954,0,-0.10655,-0.00648,-0.06409,-0.09841,0.05532,-0.04293,-0.06692,0.03767,-0.00627,0.02202,-0.06493,0.11189,-0.00152,0.01637,0.08164,-0.02003,0.04871,0.05358,-0.01735,-0.04707,0.03209,-0.02979,0.03929,0.12068,0.00585,-0.06392,-0.15109,-0.00828,0.01596,0.03568,-0.05809,-0.01516,0.10562,0.04151,0.01441,-0.06735,-0.12457,-0.00664,-0.03575,-0.00821,0.05823,-0.06866,0.05122,-0.04642,-0.04844,0.05482,0.03409,-0.0181,0.00312,0.02128,-0.05081,-0.033,0.01298,0.00961,-0.0168,-0.00356,-0.031,0.01209,0.07503,-0.0591,-0.04961,0.04019,-0.06578,-0.01543],"keywords":"FSelectionArea - Rectangle Multi-Select for Nodes and Connections FSelectionArea - Rectangle Multi-Select for Nodes and Connections Enable drag-to-select with a rectangular selection area. Supports multi-select UX for complex diagrams and editors. Example ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss :::","excerpt":"Example ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss :::"},{"chunkId":"/docs/control-scheme#0","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[0.01399,-0.07002,-0.04086,-0.01074,0.07594,0.06436,0.13371,0.06822,-0.03064,0.07397,0.04882,-0.02315,-0.03789,0.00987,0.04486,0.02642,0.02064,-0.03792,-0.03932,0.06748,0.02144,-0.09714,0.04024,-0.04298,-0.05887,-0.0217,-0.00039,-0.0443,-0.0121,-0.04667,0.00078,0.10456,0.03746,-0.02461,-0.11228,0.03453,0.02447,-0.08198,-0.09164,-0.06367,-0.03363,0.02998,0.02219,-0.00385,0.04806,0.06192,0.03423,0.06953,-0.0536,0.09435,-0.00589,-0.02909,0.0159,-0.0148,0.06472,0.00194,0.0058,0.00157,0.04612,-0.01542,-0.04867,-0.02818,-0.02308,0.02048,0.02344,0.03236,0.02864,-0.10641,0.04469,-0.02603,-0.01267,-0.05267,0.08306,-0.02931,0.06087,-0.03523,-0.04104,0.04762,-0.03259,-0.10557,0.01377,0.03996,0.03816,0.05774,-0.03417,0.02683,-0.0984,-0.01152,0.0736,0.04556,-0.13172,-0.02342,-0.06003,-0.03477,-0.0524,-0.07191,-0.02156,-0.07282,-0.07753,-0.00147,-0.0034,-0.04077,0.03307,-0.00773,0.05779,-0.07904,-0.02419,-0.0574,-0.07329,0.06324,-0.02276,-0.04968,0.01888,0.03427,-0.01393,0.00087,-0.00388,0.00156,0.0802,-0.01434,0.01285,0.01626,-0.0205,-0.03403,-0.00863,-0.03857,-0.10399,0,0.0107,-0.01689,0.02853,0.00781,0.0189,-0.01321,0.0053,-0.07632,-0.04352,0.01754,0.03695,0.00595,-0.05438,0.11992,0.06052,-0.07248,-0.01076,0.01272,-0.01846,-0.03479,-0.00875,0.05154,-0.07909,-0.03036,0.06277,0.1279,-0.04915,0.1226,0.05454,0.01879,-0.00341,0.03251,-0.03194,-0.06145,0.0166,0.0387,-0.05816,-0.06472,-0.04965,0.02323,0.01933,-0.05769,-0.06101,-0.03475,-0.03196,-0.07045,-0.06926,0.06345,-0.00636,0.05028,0.01428,-0.00135,0.02137,-0.02752,0.05616,-0.11383,-0.05489,0.03947,-0.02923,0.10372,-0.04143,-0.10037,-0.06011,0.00103,-0.00126,0.03744,0.03083,-0.00661,-0.00603,-0.02186,-0.05836,0.07494,-0.00146,0.08562,-0.01164,-0.0314,-0.02331,-0.00498,-0.04167,0.0125,-0.05755,-0.01721,-0.02721,0.01285,-0.05839,-0.08662,0.06796,0.01017,-0.07381,-0.02951,-0.03327,0.01532,0.02147,0.03577,0.00394,0,0.02722,0.04217,-0.05616,0.13696,-0.06461,0.00977,0.07789,-0.03459,0.00848,-0.03177,-0.06685,-0.05876,0.03594,-0.03152,-0.00328,0.03768,-0.00913,-0.03537,-0.0085,-0.02358,-0.00149,-0.03308,0.03918,-0.00025,-0.09251,0.01847,-0.01433,0.04518,-0.07785,0.02512,-0.03556,-0.04691,-0.00537,-0.00886,0.01693,-0.06462,-0.00209,0.05822,-0.0249,0.0376,0.04669,-0.02198,0.03038,0.05278,-0.00487,0.05044,-0.00926,0.06785,-0.01937,0.0461,-0.05911,-0.00803,-0.02056,-0.12455,-0.05331,0.01764,0.12273,-0.01331,0.0009,-0.00558,0.05054,-0.0646,-0.01764,0.0748,0.08558,0.06558,0.06038,0.00842,0.09304,0.04733,0.09911,-0.04985,0.08437,-0.01435,0.01837,0.00043,0.08287,-0.00068,0.0567,-0.05924,0.0606,0.00434,0.08881,0.05982,0.00126,0.14859,-0.10683,0.01228,0.03842,0.0539,-0.00255,0.0689,0.05438,0.03185,-0.00159,0,-0.05192,0.05499,0.00649,-0.03304,-0.03295,0.02401,0.0218,0.01551,-0.02286,0.02517,-0.02256,0.06055,-0.02232,-0.04186,0.08524,-0.02761,0.05261,0.08621,-0.05079,0.00074,-0.04031,-0.00216,-0.03174,0.02285,0.00613,-0.01947,-0.03539,0.09311,0.04354,0.04926,0.01706,-0.0252,0.02596,0.03577,-0.10779,0.00612,-0.05747,-0.07691,0.01263,0.02945,0.02463,0.00625,-0.02148,-0.0678,-0.12347,0.04789,0.07036,-0.09786,-0.01212,0.05334,-0.05779,0.02835,0.07337,0.06645,0.01205,0.06614,0.02609,-0.02881,0.07915,0.05241,-0.05767,0.0113,-0.04162,0.02225],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Control Scheme Provider: provideFFlow(withControlScheme(...)) Controller: FControlSchemeController A control scheme is the complete mapping between input gestures and canvas actions: which button pans, what the wheel does, how selection starts. One provided object drives fDraggable, fZoom and f-selection-area together instead of configuring their triggers one by one. provide F Flow with Control Scheme F Control Scheme Controller f Draggable f Zoom","excerpt":"Control Scheme Provider: provideFFlow(withControlScheme(...)) Controller: FControlSchemeController A control scheme is the complete mapping between input gestures and canvas actions: which button pans, what the wheel does, how selection starts. One provided object drives fDraggable, fZoom and f-selection-area together instead of configuring their triggers one by one."},{"chunkId":"/docs/control-scheme#1","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.01985,-0.05281,0.00384,0.00797,0.02723,0.04432,0.07211,0.08972,-0.01875,0.09175,0.02979,0.0119,-0.00615,0.02677,0.04254,0.04002,0.045,-0.04796,-0.02738,0.09895,0.02046,-0.09555,0.00416,-0.04436,-0.03341,0.00483,0.03043,-0.0538,0.00376,-0.03317,-0.0311,0.10139,0.02116,-0.03315,-0.1053,0.04154,0.01153,-0.04346,-0.13732,-0.06728,-0.01081,0.00703,0.06178,0.03225,0.04161,0.01045,0.00645,0.01405,-0.01932,0.10876,-0.04885,-0.06222,0.0047,-0.01218,0.0155,0.0357,-0.00064,0.02755,0.03724,-0.00359,-0.04719,-0.02821,0.02133,0.02274,0.03013,0.06993,0.04492,-0.04557,0.04403,-0.03832,0.02289,-0.07854,0.02398,-0.0109,0.01217,-0.06068,-0.01039,0.01581,-0.0424,-0.0941,0.02916,0.0141,-0.04198,0.07991,-0.02071,0.10336,-0.03275,-0.06987,0.08241,0.05475,-0.0425,-0.05932,-0.02514,-0.09043,-0.01694,-0.10491,-0.02932,-0.00085,-0.04961,0.01494,0.08558,-0.03221,0.01479,0.0112,0.07099,-0.06996,0.05223,-0.12018,-0.0998,0.08544,0.00075,-0.00515,-0.01702,-0.04206,-0.02841,-0.02492,0.04142,0.03067,0.02715,0.05479,0.00408,0.01536,-0.06961,-0.06451,-0.0056,0.00133,-0.10194,0,0.00682,-0.03527,0.02555,-0.01711,0.03184,-0.05323,-0.02303,-0.06656,-0.06353,-0.0142,0.02585,0.02259,-0.03701,0.11285,0.04201,-0.02698,-0.03081,0.00492,-0.01601,-0.04669,-0.04121,-0.03964,-0.10697,0.02386,0.00503,0.13814,0.00456,0.07896,0.04148,0.02133,-0.01754,0.04496,-0.05431,-0.01175,-0.02709,0.07748,-0.07698,-0.00907,0.07604,0.02076,-0.03234,-0.04828,-0.04777,0.0019,-0.04423,-0.06585,-0.03849,0.02752,-0.03122,0.00867,0.04403,-0.00802,0.02773,0.03131,0.0709,-0.13103,-0.03423,0.02454,-0.01321,0.08222,-0.02499,-0.02178,-0.0225,0.03565,-0.02224,0.07526,-0.01472,-0.04582,-0.01278,-0.066,-0.02775,0.05155,-0.02472,0.07178,-0.02246,-0.07,-0.02383,-0.04372,-0.00498,0.00576,-0.07835,0.00138,0.00684,0.05043,-0.02649,-0.07397,0.05275,0.00485,-0.10328,-0.03628,0.01357,0.00624,0.01063,0.05898,-0.01502,0,0.0124,0.04291,-0.04936,0.09511,-0.10457,-0.04016,0.0657,-0.03103,0.0384,-0.05269,-0.03259,-0.02728,0.0275,-0.00455,0.02815,0.05705,0.00165,-0.0467,0.01134,-0.05572,0.02028,-0.03655,-0.01081,0.01049,-0.10002,-0.03713,-0.00374,0.01486,-0.04927,-0.03934,-0.00524,-0.07546,-0.01917,-0.0409,0.03996,-0.02033,-0.0019,0.0533,-0.00727,0.05761,-0.01425,-0.06124,0.04817,0.07764,-0.01928,0.08332,-0.04467,0.05801,0.00149,0.02159,-0.02044,-0.01267,0.0496,-0.11835,-0.06028,0.00216,0.07669,-0.0164,-0.00106,-0.01404,0.05378,-0.03975,-0.04298,0.01024,0.03408,0.09629,0.03465,-0.01594,-0.00085,0.00497,0.03332,-0.04405,0.06953,-0.04384,0.02467,-0.01716,0.12575,0.01241,0.06225,-0.08475,0.00765,0.0259,0.08189,0.02604,-0.05407,0.20346,-0.09863,0.00924,-0.00079,0.07351,0.0017,0.06217,0.02901,0.02775,-0.04878,0,-0.03363,0.00171,0.0466,-0.02145,-0.03508,0.0548,0.03214,0.07946,0.03717,0.03139,-0.0175,0.05722,-0.04596,-0.01134,0.11341,0.02085,0.06067,0.11382,-0.04886,-0.00893,-0.00293,0.00091,-0.02514,0.01577,0.0186,0.00162,0.00061,0.05342,-0.01402,0.03241,0.01592,0.01919,0.01502,0.0692,-0.11002,0.00879,-0.03209,-0.03992,-0.01072,0.0223,0.00965,-0.0051,-0.01941,-0.04034,-0.11994,0.05858,0.11136,-0.06965,0.02338,0.08672,-0.06428,0.00686,0.08531,0.0733,0.04323,0.05928,0.07832,-0.04686,0.08145,0.07001,-0.04395,0.01235,-0.08364,0.04951],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Why / Use cases Use a control scheme when your editor should feel like a specific tool family or let users pick their own navigation style. Typical use cases: - Miro/Figma-style navigation: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects. - draw.io-style navigation: wheel zooms, drag on empty canvas selects, middle-mouse drag pans. - A user-facing \"controls\" setting that switches gesture mappings at runtime. Skip the feature when the default behavior (drag pans, wheel zooms, Shift+drag selects) fits your app — it applies without any setup.","excerpt":"Why / Use cases Use a control scheme when your editor should feel like a specific tool family or let users pick their own navigation style. Typical use cases: - Miro/Figma-style navigation: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects. - draw.io-style navigation: wheel zooms, drag on empty canvas selects, middle-mouse drag pans. - A user-facing \"controls\" setting that switches gesture mappings at runtime. Skip the feature when the default behavior (drag pans, wheel zooms, Shift+drag selects) fits your app — it applies without any setup."},{"chunkId":"/docs/control-scheme#2","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.00798,-0.07095,-0.01226,0.02291,0.06391,0.08954,0.11193,0.07772,-0.00779,0.07005,0.02242,0.00806,-0.04872,0.00013,0.01143,0.05543,0.02874,-0.04473,-0.04781,0.08669,0.0531,-0.13088,0.02668,-0.02705,-0.05266,-0.04099,-0.01361,-0.04102,0.02488,-0.02075,-0.00817,0.09452,-0.02057,-0.01381,-0.12151,0.02931,0.02735,-0.06788,-0.08312,-0.05479,-0.00071,-0.01228,0.02063,-0.0047,0.04662,0.0816,0.06334,0.04165,-0.08087,0.08699,-0.00822,-0.02572,0.03993,0.00621,0.04298,0.01425,0.02293,0.01127,0.04342,-0.02031,-0.08378,-0.05003,-0.0185,-0.00156,0.01182,0.02739,0.04105,-0.06346,0.06664,-0.03658,0.04422,-0.05403,0.05532,-0.04161,0.08207,-0.00134,-0.03048,0.0769,-0.02174,-0.13886,0.04546,0.01745,0.04897,0.02537,-0.00493,0.06019,-0.07454,-0.02978,0.0448,0.0631,-0.09594,-0.01589,-0.10447,-0.03951,-0.00437,-0.08186,-0.01888,-0.03067,-0.06487,0.01638,0.02758,0.02115,-0.01598,0.02523,0.05398,-0.06402,-0.00771,-0.05608,-0.07308,0.05908,-0.00045,-0.03485,0.05755,0.0294,-0.01384,0.00337,-0.00738,0.01736,0.05656,-0.01038,-0.00511,0.01215,-0.02202,-0.03171,-0.00485,-0.00697,-0.09005,0,0.00494,0.00021,0.00719,-0.01474,-0.00984,-0.05391,0.01514,-0.03388,-0.04323,0.02486,0.03346,0.01371,-0.03125,0.09591,-0.04196,-0.09001,-0.00659,0.00365,-0.02879,-0.04156,0.02099,0.03805,-0.09207,-0.07607,0.02502,0.10909,-0.05445,0.11968,0.01769,0.04614,-0.00704,0.03718,-0.01875,-0.04512,-0.0244,0.03407,-0.01562,-0.06717,-0.00481,0.00932,0.01413,-0.02714,-0.04487,-0.0212,-0.05297,-0.11298,-0.06047,0.06912,0.01979,0.02917,0.01369,-0.01496,0.03227,0.00621,0.05656,-0.10778,-0.05461,0.02208,0.01619,0.07502,-0.03279,-0.06635,-0.0746,-0.00793,-0.00776,0.06168,0.01143,0.00558,0.00097,-0.00162,-0.05056,0.08861,-0.04365,0.05147,0.00116,-0.01345,-0.01692,-0.02448,-0.02014,0.01487,-0.01065,0.01281,-0.00212,0.03721,-0.0065,-0.08641,0.06418,-0.0238,-0.07047,-0.05551,0.04299,-0.03111,0.04935,0.068,-0.01157,0,0.03565,0.06705,-0.06088,0.13533,-0.05647,0.0093,0.08437,-0.04269,0.0209,-0.05117,-0.02206,-0.07815,0.02732,0.00498,0.00808,0.01949,-0.0201,-0.05196,0.01003,-0.02634,0.06382,-0.05962,-0.00103,0.04499,-0.08914,-0.00718,-0.0263,0.02525,-0.07276,0.00282,-0.00496,-0.08153,-0.00159,-0.06065,0.00504,-0.06731,-0.0507,0.10219,-0.01475,0.05192,0.05173,-0.00982,0.01939,0.08016,-0.00286,0.05256,-0.04992,0.03097,0.03277,0.07105,-0.04886,-0.02729,0.00626,-0.08491,-0.03669,-0.01528,0.11609,-0.00588,-0.04565,0.01465,0.06614,-0.05696,0.0014,0.0021,0.10739,0.08341,0.05209,0.01936,0.09195,0.03077,0.07607,-0.03234,0.05731,-0.03407,0.02075,0.0074,0.11713,-0.0494,0.05428,-0.03325,0.01915,-0.01361,0.07474,0.02081,-0.03481,0.16454,-0.10232,0.0269,0.03648,0.05087,-0.00976,0.05661,0.08448,-0.00676,-0.02937,0,-0.08108,0.03237,0.00412,0.01879,-0.02542,0.02318,0.0282,0.00842,-0.04893,-0.02599,-0.02706,0.08702,0.00622,-0.05748,0.08744,-0.00737,0.04978,0.04347,-0.05589,-0.02001,-0.05105,0.00526,-0.00263,0.00965,-0.01333,-0.02946,0.01251,0.08232,0.04746,0.05967,-0.0232,-0.01265,-0.01284,0.02361,-0.16583,0.0739,-0.05061,-0.0347,0.00863,0.04509,0.08378,0.0046,-0.04424,-0.08001,-0.11317,0.06212,0.05619,-0.06573,-0.02867,0.05185,-0.04453,0.03405,0.02912,0.10339,0.01457,0.02299,-0.00596,-0.00553,0.10837,0.03077,-0.03963,-0.05006,-0.00382,0.024],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. How it works withControlScheme(...) binds the resolved scheme to an injection token and provides FControlSchemeController at the component that calls provideFFlow(...). The interaction directives read the active scheme through the controller; without the feature they fall back to FDEFAULTCONTROLSCHEME. Per-instance trigger inputs (fNodeMoveTrigger, fWheelTrigger, fTrigger, …) override the scheme when set. The middle mouse button reaches the drag pipeline only when the active scheme's canvasMove gesture accepts it, so with the default scheme a middle-drag stays inert. with Control Scheme F Control Scheme Controller provide F Flow f Node Move Trigger f Wheel Trigger f Trigger canvas Move","excerpt":"How it works withControlScheme(...) binds the resolved scheme to an injection token and provides FControlSchemeController at the component that calls provideFFlow(...). The interaction directives read the active scheme through the controller; without the feature they fall back to FDEFAULTCONTROLSCHEME. Per-instance trigger inputs (fNodeMoveTrigger, fWheelTrigger, fTrigger, …) override the scheme when set. The middle mouse button reaches the drag pipeline only when the active scheme's canvasMove gesture accepts it, so with the default scheme a middle-drag stays inert."},{"chunkId":"/docs/control-scheme#3","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.00217,-0.08707,0.0216,-0.01362,0.04258,0.05332,0.09755,0.02952,-0.0527,0.06699,0.02924,-0.02778,-0.02485,0.01755,0.05635,0.04484,0.05313,-0.0173,-0.03524,0.06793,0.03513,-0.07631,0.01677,-0.04015,0.00858,-0.00536,-0.00292,-0.07323,-0.01233,-0.00799,-0.03547,0.07316,0.03391,-0.00787,-0.10866,0.06236,0.02994,-0.08083,-0.09357,-0.07907,-0.02684,0.01846,0.03857,0.01509,0.06471,0.05606,-0.01676,0.0218,-0.0662,0.10517,-0.02115,-0.07781,0.01678,-0.04772,0.0539,-0.01147,-0.02675,0.00428,0.06887,-0.0138,0.00908,-0.02937,0.01616,0.02756,0.01637,0.0469,0.04497,-0.07178,0.05506,-0.07047,-0.03074,-0.07077,0.07807,-0.03916,0.04499,-0.02458,-0.04231,0.0104,-0.05408,-0.1245,0.0257,0.00379,-0.026,0.07903,-0.03278,0.05423,-0.08083,0.00435,0.08958,0.03068,-0.14066,-0.05682,-0.06126,-0.05843,-0.04776,-0.10016,-0.01921,-0.0597,-0.07727,0.02932,0.04773,0.00599,-0.01565,-0.0054,0.05054,-0.08874,-0.02917,-0.0583,-0.05026,0.1003,0.00317,-0.04629,-0.00497,-0.00334,-0.01384,0.00009,0.00301,0.0036,0.0803,-0.01645,0.01492,-0.00181,-0.03979,-0.06532,-0.00787,-0.03183,-0.08844,0,0.03928,-0.01318,0.05398,-0.02854,0.01883,-0.03954,-0.02767,-0.08932,-0.08043,-0.01055,0.05507,0.02849,-0.03104,0.13011,0.04624,-0.02175,-0.01134,0.01077,-0.00368,-0.01369,-0.05763,0.00637,-0.07918,-0.01126,0.0502,0.10144,-0.04873,0.09969,0.03818,0.0016,0.02686,0.02251,-0.00485,-0.06048,0.00689,0.01115,-0.04559,-0.0382,0.00766,0.02669,0.02232,-0.04726,-0.06766,-0.00721,-0.04144,-0.06633,-0.03047,0.06855,-0.01261,0.0251,0.00452,-0.01179,0.00291,-0.01547,0.03541,-0.12919,-0.04098,0.04709,-0.00824,0.09871,-0.02473,-0.08713,-0.01379,0.01067,-0.0289,0.02162,0.00649,-0.00976,-0.01106,-0.00234,-0.0569,0.06167,-0.02355,0.06509,-0.04976,-0.04253,-0.02066,-0.00431,-0.03613,0.03681,-0.07483,-0.01431,0.0135,0.02532,-0.02116,-0.09012,0.08195,-0.00909,-0.10999,-0.00725,-0.04348,0.02757,-0.01529,0.04499,0.00491,0,0.01767,0.05517,-0.08067,0.11408,-0.07204,-0.02063,0.10308,-0.00645,0.00398,0.00269,-0.00384,-0.03106,0.0403,-0.01763,0.0204,0.04327,0.00552,-0.0115,0.01268,-0.02092,-0.00233,-0.02423,0.04299,0.00957,-0.1151,0.01786,-0.00186,0.01536,-0.08655,-0.00505,-0.02458,-0.06414,0.00618,-0.00032,0.0224,-0.03202,0.0117,0.05864,-0.00493,0.02193,0.02725,-0.05296,-0.00556,0.04461,-0.01171,0.06932,-0.02494,0.08958,-0.04827,0.03301,0.00726,-0.00356,0.02135,-0.147,-0.0183,0.00379,0.05576,-0.02256,0.01567,-0.03423,0.02718,-0.04618,-0.02118,0.0745,0.06141,0.11332,0.02282,-0.00407,0.03505,0.02478,0.06608,-0.03269,0.06092,0.00759,0.02209,-0.04727,0.06872,0.0192,0.06462,-0.07868,0.01967,0.03935,0.10315,0.06033,0.03898,0.18463,-0.11648,0.03909,0.00392,0.09135,-0.02393,0.12124,0.01581,0.03087,-0.04357,0,-0.04881,0.05674,0.04803,-0.02597,-0.06249,0.02948,0.07583,0.042,0.04385,0.05168,-0.0072,0.01481,-0.00633,-0.03555,0.08238,-0.02909,0.03959,0.09584,-0.05119,0.00308,-0.02324,0.01333,-0.01371,-0.01407,0.04693,-0.02032,0.00479,0.10505,0.00148,0.0438,0.02347,-0.05723,0.01571,0.02208,-0.07383,-0.01,-0.05825,-0.07636,-0.00424,0.04163,-0.0138,0.00295,-0.03137,-0.04294,-0.07811,0.06511,0.08283,-0.11187,0.03087,0.04318,-0.06201,0.01368,0.06275,0.07005,0.03898,0.06166,0.03449,-0.00749,0.08321,0.09604,-0.02313,0.02752,-0.08206,0.02612],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. API","excerpt":"API"},{"chunkId":"/docs/control-scheme#4","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.01245,-0.07611,-0.02447,0.0458,0.05685,0.02913,0.09643,0.075,-0.01076,0.03024,0.00291,-0.00537,-0.01326,-0.00424,-0.00592,0.02153,0.00371,-0.01727,-0.05727,0.07867,0.05408,-0.12981,0.0565,-0.07328,-0.0398,0.00899,-0.0009,-0.03171,0.035,-0.0374,-0.04945,0.09659,-0.00778,-0.02025,-0.08785,0.06542,0.03478,-0.04451,-0.11949,-0.07767,0.02184,0.03124,0.00495,-0.00267,0.07027,-0.0022,-0.00326,0.03003,-0.04467,0.08508,-0.02156,-0.06021,0.03916,0.00038,0.04058,0.03743,0.05262,-0.01278,0.05166,-0.00344,-0.0219,-0.027,-0.01741,0.035,-0.00745,0.06121,0.05955,-0.09343,0.03531,-0.02137,-0.02734,-0.04905,-0.03059,0.02764,0.0148,-0.05622,0.02547,0.02678,-0.0312,-0.03989,0.00997,-0.01308,0.01521,0.06426,0.03731,0.0448,-0.11822,-0.03116,0.04405,0.06868,-0.11654,0.00076,-0.06329,-0.0396,0.03076,-0.05541,-0.03179,-0.0242,-0.03811,0.00692,0.03119,0.02383,-0.03313,-0.01518,0.06471,-0.04217,-0.03342,-0.08123,-0.09394,0.07562,0.00675,-0.0367,0.01977,0.0014,0.00572,0.00036,0.00432,0.02127,0.086,0.04543,0.0572,0.06262,-0.08762,-0.04701,0.02967,-0.02892,-0.09938,0,0.00842,-0.02454,0.00024,0.04393,0.04558,0.02865,-0.00149,-0.03681,-0.06473,0.00186,0.01014,-0.00244,0.00004,0.01923,0.07274,-0.09279,0.00891,0.01114,-0.02644,-0.05378,0.00776,-0.0196,-0.08721,-0.02213,0.06178,0.09766,-0.0654,0.13091,0.02328,0.00981,-0.01942,0.03025,-0.05134,-0.02174,-0.01796,-0.0283,-0.04891,-0.08151,-0.00243,-0.0078,-0.07436,-0.02501,-0.05362,-0.06966,-0.03442,-0.14545,-0.0505,0.07444,0.04765,0.03019,0.0307,0.002,0.02321,-0.04083,0.02323,-0.08254,-0.02941,0.0564,-0.0433,0.14306,-0.04226,-0.032,-0.02814,0.04694,0.04089,0.05317,-0.02577,0.00263,-0.01307,0.00555,-0.03938,0.091,0.042,0.03028,0.00959,-0.04968,-0.07097,-0.01377,-0.04684,0.00723,-0.00646,-0.02504,-0.00274,0.00661,-0.01197,-0.09486,0.03728,-0.01407,-0.0777,-0.05183,0.05954,0.00328,0.02543,-0.00722,-0.0691,0,-0.03625,0.09727,-0.04681,0.09508,-0.09555,-0.00491,0.06623,-0.08354,-0.04763,-0.08921,-0.04859,0.00195,0.04952,-0.02129,0.00989,0.07592,-0.03671,-0.02457,0.00982,-0.05322,0.02989,-0.0406,-0.01139,0.00108,-0.09125,-0.03049,0.024,0.02587,-0.01846,-0.00598,0.01473,-0.05167,-0.04578,-0.02054,0.07035,-0.0674,0.00748,0.02156,0.0344,0.02334,0.07658,-0.0432,0.038,0.05301,-0.02697,0.05532,-0.04466,0.09303,-0.00503,0.03935,-0.08403,-0.01403,-0.01595,-0.0756,-0.05005,0.01859,0.09191,-0.00623,0.01145,-0.03335,0.0582,-0.06576,0.00316,0.04946,0.11366,0.07185,0.01976,0.03531,0.01245,0.05193,0.04586,0.02797,0.04915,-0.07442,-0.0064,0.03821,0.12475,-0.07065,0.03338,-0.04526,0.02465,0.0288,0.06996,-0.00972,-0.06185,0.11155,-0.12979,0.08665,0.03794,0.05971,-0.06063,0.03801,0.0289,0.02818,0.00743,0,-0.07133,0.04597,-0.02765,0.00929,0.0103,0.03057,0.04526,0.02297,-0.03327,0.01433,-0.00124,0.05896,0.00694,-0.02433,0.11316,-0.01194,0.06524,0.04391,-0.02446,-0.01056,-0.00939,-0.02823,-0.04158,0.06126,-0.03337,-0.06103,-0.05002,0.12054,0.02078,-0.01213,-0.00687,-0.02805,0.0223,0.06195,-0.12941,0.02416,-0.07703,-0.05426,0.03546,0.02278,0.04306,0.02269,-0.02358,-0.00864,-0.10101,0.02652,0.04078,-0.06063,0.03074,0.07599,-0.06262,0.00225,0.06799,0.04173,0.04466,0.07656,0.00523,-0.02904,0.10736,0.09709,-0.07312,-0.00571,-0.04694,-0.00418],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. IFControlScheme Every gesture is an FEventTrigger predicate (event: MouseEvent TouchEvent WheelEvent) = boolean evaluated when the interaction is about to start. - nodeMove: FEventTrigger; Starts dragging a node. - canvasMove: FEventTrigger; Starts panning the canvas by dragging; also decides whether the middle mouse button participates. - selection: FEventTrigger; Activates the f-selection-area rectangle. - createConnection: FEventTrigger; Starts creating a connection from a connector. - reassignConnection: FEventTrigger; Starts reassigning an existing connection endpoint. - nodeResize: FEventTrigger; Starts resizing a node from a resize handle. - nodeRotate: FEventTrigger; Starts rotating a node from a rotate handle. - scrollPan: boolean; When true, a plain wheel / two-finger scroll pans and Ctrl/Cmd+wheel or pinch zooms. - zoom: FEventTrigger; Gates wheel zoom (applies while scrollPan is off, or with Ctrl/Cmd). Multi-select, double-click zoom, external items and connection waypoints stay on their dedicated inputs and are not part of the scheme. IF Control Scheme F Event Trigger Mouse Event Touch Event Wheel Event node Move canvas Move create Connection reassign Connection node Resize node Rotate scroll Pan","excerpt":"IFControlScheme Every gesture is an FEventTrigger predicate (event: MouseEvent TouchEvent WheelEvent) = boolean evaluated when the interaction is about to start. - nodeMove: FEventTrigger; Starts dragging a node. - canvasMove: FEventTrigger; Starts panning the canvas by dragging; also decides whether the middle mouse button participates. - selection: FEventTrigger; Activates the f-selection-area rectangle. - createConnection: FEventTrigger; Starts creating a connection from a connector. - reassignConnection: FEventTrigger; Starts reassigning an existing connection endpoint. - nodeResize: FEventTrigger; Starts resizing a node from a resize handle. - nodeRotate: FEventTrigger; Starts rotating a node from a rotate handle. - scrollPan: boolean; When true, a plain wheel / two-finger scroll pans and Ctrl/Cmd+wheel or pinch zooms. - zoom: FEventTrigger; Gates wheel zoom (applies while scrollPan is off, or with Ctrl/Cmd). Multi-select, double-click zoom, external items and connection waypoints stay on their dedicated inputs and are not part of the scheme."},{"chunkId":"/docs/control-scheme#5","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[0.00182,-0.08168,-0.02916,0.01445,0.06169,0.04277,0.10895,0.04187,-0.01779,0.07964,0.03155,-0.01461,-0.05404,0.03239,0.00609,0.00913,0.01702,-0.03485,-0.05461,0.09922,0.02228,-0.10595,0.03882,-0.04279,0.00353,-0.00342,-0.008,-0.04427,0.00018,-0.03777,-0.02671,0.11162,0.03206,-0.01028,-0.09572,0.03196,0.02341,-0.05522,-0.11143,-0.09007,-0.03592,-0.00565,0.07982,0.0118,0.049,0.05834,0.04233,0.01837,-0.03114,0.10032,-0.01298,-0.05353,0.01265,0.01273,0.03649,0.04399,-0.00556,-0.01859,0.03963,0.02261,-0.02383,-0.03187,0.00938,0.02152,0.00445,0.06507,0.03301,-0.09238,0.05051,-0.02727,-0.02386,-0.06568,0.04656,-0.0451,0.07418,-0.02938,-0.03549,0.01435,-0.03075,-0.09632,-0.00253,-0.00722,-0.00182,0.07912,0.00782,0.07452,-0.08657,-0.02985,0.04898,0.04402,-0.11375,-0.03416,-0.0588,-0.05673,-0.07452,-0.08203,-0.01831,-0.04937,-0.06782,0.01571,0.04702,0.00776,0.01701,0.02395,0.05216,-0.04581,0.00782,-0.08683,-0.10055,0.07863,-0.01162,-0.03909,0.02393,-0.01844,-0.01484,-0.02039,-0.00999,-0.00559,0.07676,0.0077,0.00696,0.03304,-0.05346,-0.0474,-0.01259,-0.00651,-0.11391,0,0.02069,-0.01322,0.03093,0.00432,0.04593,-0.03578,-0.01144,-0.07907,-0.04022,-0.01132,0.03449,0.00934,-0.04022,0.10136,0.03217,-0.09497,-0.01016,0.0052,0.00156,-0.04185,-0.01613,0.00144,-0.06552,-0.05371,0.06342,0.11654,-0.05348,0.10924,0.03892,0.02548,-0.04647,0.05021,-0.03361,-0.05221,-0.02441,0.03024,-0.06324,-0.04866,0.01103,0.01952,-0.00535,-0.05835,-0.07601,-0.03093,-0.0319,-0.06644,-0.02242,0.08311,0.02152,0.04351,0.01995,-0.02268,0.01118,-0.00733,0.07208,-0.13017,-0.03113,0.05517,-0.00455,0.11657,-0.04073,-0.03219,-0.05782,0.00491,-0.00253,0.04545,-0.01557,0.01763,-0.01346,-0.02669,-0.02277,0.06312,0.01317,0.05036,0.00042,-0.03122,-0.02501,-0.05577,-0.02985,0.01148,-0.04592,-0.0345,-0.01035,0.00393,-0.01761,-0.09012,0.06392,-0.00718,-0.09562,-0.04275,-0.04045,-0.01518,0.03098,0.02096,-0.03384,0,0.00187,0.06587,-0.06744,0.12089,-0.07927,-0.00352,0.09527,-0.02706,0.02411,-0.05302,-0.01304,-0.04532,0.02707,-0.02682,0.00973,0.05536,-0.008,-0.03449,0.02667,-0.01913,0.02232,-0.02872,-0.00985,0.05441,-0.09565,-0.02298,0.01151,0.00621,-0.0828,-0.00589,-0.0038,-0.06702,-0.01382,-0.04054,0.02942,-0.06559,-0.00511,0.04626,-0.00662,0.02994,0.02526,-0.03766,0.04612,0.05037,-0.01476,0.06807,-0.06236,0.07428,-0.01457,0.04748,-0.0345,-0.01758,-0.02444,-0.13693,-0.03856,0.01938,0.0799,0.00913,-0.00646,-0.01076,0.043,-0.05943,-0.03872,0.01755,0.10174,0.09379,0.03686,0.01652,0.04027,0.04878,0.08899,-0.0209,0.05231,-0.04091,0.03813,-0.0198,0.12757,0.00085,0.07628,-0.06181,0.04234,0.01393,0.08182,0.0353,-0.03459,0.15371,-0.15089,0.0311,0.04481,0.06358,-0.00921,0.08493,0.05573,-0.00225,-0.02107,0,-0.05857,0.0333,0.00677,-0.03666,-0.01371,0.03614,0.04359,0.04685,-0.00654,-0.00865,0.01431,0.05623,-0.01605,-0.0075,0.10502,-0.01532,0.06416,0.12341,-0.04046,-0.02885,-0.00537,0.02049,-0.0111,0.02365,-0.00637,-0.04459,-0.04034,0.05941,0.03174,0.01731,0.01498,-0.01817,0.04409,0.0283,-0.09364,0.02558,-0.07184,-0.05868,-0.05178,0.0672,0.03673,0.01534,-0.02528,-0.04293,-0.11495,0.06421,0.0678,-0.09283,-0.01116,0.02424,-0.04255,0.03948,0.0675,0.09381,0.00766,0.06866,0.02997,0.02297,0.0854,0.07321,-0.0143,0.02265,-0.06907,0.05099],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Presets - FDEFAULTCONTROLSCHEME — drag pans, wheel zooms, Shift+drag selects. Applied when the feature is absent. - FSCROLLPANCONTROLSCHEME — Miro-like: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects, middle-drag pans. - FDRAGSELECTCONTROLSCHEME — draw.io-like: wheel zooms, drag on empty canvas selects, middle-drag pans.","excerpt":"Presets - FDEFAULTCONTROLSCHEME — drag pans, wheel zooms, Shift+drag selects. Applied when the feature is absent. - FSCROLLPANCONTROLSCHEME — Miro-like: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects, middle-drag pans. - FDRAGSELECTCONTROLSCHEME — draw.io-like: wheel zooms, drag on empty canvas selects, middle-drag pans."},{"chunkId":"/docs/control-scheme#6","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[0.0226,-0.08477,-0.01622,-0.03258,0.0552,0.0706,0.12941,0.05054,-0.0538,0.05693,0.05877,-0.02876,-0.04011,0.0104,0.05467,0.04373,0.03614,-0.02152,-0.01927,0.08795,0.03211,-0.10125,0.02854,-0.05781,-0.01829,-0.02963,0.02687,-0.0563,-0.00123,-0.01845,-0.01243,0.11127,0.04575,-0.01588,-0.09025,0.04933,0.03319,-0.09178,-0.10231,-0.04785,-0.0404,0.01785,0.05629,-0.01006,0.08871,0.07686,0.00841,0.04967,-0.04513,0.07972,0.00606,-0.03395,0.03185,-0.0205,0.0586,0.00928,-0.02308,0.00586,0.0493,-0.00019,-0.0025,-0.02018,0.00117,0.00879,-0.00649,0.03554,0.03647,-0.06836,0.07441,-0.0343,-0.03076,-0.07393,0.07572,-0.06555,0.04568,-0.00892,-0.00734,0.02473,-0.05715,-0.13602,0.00678,-0.00075,-0.00489,0.04592,-0.02549,0.04239,-0.09463,-0.01739,0.07446,0.06465,-0.15157,-0.03206,-0.05548,-0.05084,-0.03893,-0.07457,-0.02274,-0.03004,-0.05282,0.04012,0.02746,0.00898,-0.00889,-0.00562,0.0561,-0.07898,-0.02819,-0.03918,-0.05176,0.05848,0.01452,-0.04456,0.03244,0.02318,-0.00389,-0.01021,0.01023,0.02678,0.06004,-0.00042,0.01889,-0.0084,-0.03064,-0.04583,-0.0157,-0.02472,-0.1017,0,0.03275,0.00999,0.04075,-0.0146,0.01472,-0.0378,-0.01767,-0.10311,-0.06551,0.02228,0.04682,0.01085,-0.04698,0.13935,0.00727,-0.04781,-0.01031,-0.00125,-0.00601,-0.02023,-0.02652,0.03175,-0.08541,-0.04165,0.06977,0.10718,-0.06203,0.11602,0.02955,-0.00407,0.01352,0.01559,-0.01162,-0.05311,0.01633,0.0181,-0.02651,-0.0487,-0.02387,0.0144,0.01011,-0.04915,-0.05559,-0.02803,-0.02163,-0.08632,-0.05447,0.08855,0.03954,0.02726,0.00015,-0.02517,0.00259,-0.02493,0.03126,-0.13136,-0.07538,0.05771,-0.02547,0.1026,-0.02928,-0.08496,-0.03201,0.01229,-0.03751,0.04547,-0.01218,-0.03039,-0.01405,-0.02498,-0.05217,0.07666,-0.0307,0.07203,-0.02981,-0.02039,-0.04548,0.01868,-0.0459,0.02575,-0.04486,0.00772,-0.00519,0.02701,-0.02429,-0.08621,0.05669,-0.01229,-0.08972,-0.01382,-0.03705,0.02184,0.02496,0.04335,0.00337,0,0.01468,0.0788,-0.07974,0.10839,-0.08142,-0.01864,0.10415,-0.00858,-0.01288,-0.02679,0.00607,-0.07153,0.03557,-0.04223,-0.01144,0.04219,-0.00095,-0.03093,-0.00821,-0.00862,-0.00315,-0.02069,0.04935,0.01896,-0.0957,0.02131,-0.0084,0.018,-0.09792,0.00733,-0.02615,-0.06165,-0.00769,-0.02932,0.02979,-0.04775,0.0004,0.05586,-0.01673,0.03643,0.03483,-0.01149,0.01613,0.05361,-0.01111,0.07725,-0.01786,0.05072,-0.028,0.0536,-0.00206,-0.02941,0.02354,-0.11956,-0.03372,0.00558,0.05802,-0.02329,-0.00172,-0.02115,0.03664,-0.08221,-0.01948,0.04685,0.0831,0.11598,0.02016,0.03018,0.0578,0.01007,0.10655,-0.04082,0.03026,0.00446,-0.00036,-0.02284,0.07049,-0.00415,0.05712,-0.05141,0.00553,-0.00127,0.0674,0.04398,0.00019,0.19512,-0.12347,0.01608,0.01541,0.08523,-0.0082,0.11702,0.0585,0.00621,-0.04988,0,-0.0574,0.04161,0.02399,-0.05273,-0.07318,0.01549,0.0555,-0.00212,0.01418,0.02241,-0.03263,0.04885,-0.01573,-0.04636,0.08893,-0.04147,0.03889,0.09214,-0.05414,0.01538,-0.01784,0.00525,-0.02452,0.01291,0.03069,-0.02111,0.00285,0.08429,0.0097,0.0548,0.0197,-0.03893,-0.01108,0.03636,-0.09931,0.0159,-0.05308,-0.07673,-0.01168,0.05714,-0.00468,-0.00818,-0.03478,-0.05011,-0.09108,0.03681,0.0885,-0.10286,0.01205,0.03279,-0.05697,0.03015,0.05495,0.04368,0.02882,0.05916,0.03452,0.02934,0.07418,0.09274,-0.05694,-0.00775,-0.08313,0.01816],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. FControlSchemeController - scheme: Signal<IFControlScheme; The active scheme. - getScheme(): IFControlScheme; Returns the active scheme. - setScheme(scheme: IFControlSchemeConfig): void; Merges the given gestures over the current scheme; a full preset replaces it. F Control Scheme Controller IF Control Scheme get Scheme set Scheme IF Control Scheme Config","excerpt":"FControlSchemeController - scheme: Signal<IFControlScheme; The active scheme. - getScheme(): IFControlScheme; Returns the active scheme. - setScheme(scheme: IFControlSchemeConfig): void; Merges the given gestures over the current scheme; a full preset replaces it."},{"chunkId":"/docs/control-scheme#7","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.00432,-0.09938,0.00613,-0.02422,0.06686,0.08523,0.10714,0.03464,-0.04368,0.04867,0.04322,-0.01134,-0.02971,0.01361,0.02706,0.05546,0.0247,-0.01087,-0.03861,0.06491,-0.00137,-0.12748,0.02672,-0.0306,-0.05028,-0.02301,0.00357,-0.06202,0.0245,-0.00611,-0.04723,0.0562,0.06463,-0.0337,-0.10336,0.035,0.02946,-0.03584,-0.11492,-0.04419,-0.03478,-0.01209,0.02527,0.01059,0.06389,0.05846,0.00435,0.02512,-0.06432,0.0961,0.01422,-0.07021,0.03366,-0.0213,0.04388,-0.00293,0.0034,0.01678,0.07461,-0.02932,-0.00583,-0.02722,-0.05652,0.02936,0.04199,0.04604,0.05638,-0.0577,0.04421,-0.05736,-0.0148,-0.05536,0.03915,-0.03438,0.0491,-0.02358,-0.04345,0.0349,-0.08561,-0.09725,0.02254,0.02358,-0.01352,0.07275,-0.02388,0.04156,-0.10233,0.0046,0.05004,0.05507,-0.15679,-0.05838,-0.04116,-0.07345,-0.02414,-0.04211,-0.01924,-0.02502,-0.04499,0.01119,0.0417,-0.03987,-0.04134,-0.03628,0.0857,-0.08043,-0.03401,-0.09602,-0.05682,0.07821,-0.0264,-0.0557,0.00177,0.00302,0.01546,-0.00957,0.02416,0.01704,0.10191,-0.03402,0.00255,0.01707,-0.00607,-0.06151,0.01163,-0.04085,-0.08315,0,0.03999,-0.02265,0.01955,-0.02304,0.02349,-0.00508,-0.00337,-0.08693,-0.03039,0.0219,0.04305,-0.00969,-0.03075,0.07689,0.05373,-0.04236,-0.02173,0.02002,-0.03808,-0.02424,-0.03057,0.01321,-0.08459,0.03663,0.03824,0.10963,-0.03941,0.09188,0.03442,0.00441,-0.00729,0.03534,-0.00957,-0.05091,-0.01029,0.02247,-0.04572,-0.0625,0.02436,-0.01111,-0.03878,-0.05484,-0.05701,-0.04045,-0.01113,-0.08467,-0.03993,0.03774,0.00072,0.02177,-0.0001,-0.00907,0.03754,-0.03952,0.05061,-0.08385,-0.02225,0.05187,-0.04788,0.10495,-0.02307,-0.06367,-0.01837,0.01046,-0.01463,0.05198,-0.00878,-0.05133,-0.00439,-0.03664,-0.07805,0.07506,-0.02689,0.07316,-0.03574,-0.00923,-0.05325,-0.00021,-0.02671,0.04435,-0.10624,0.00441,-0.00743,0.03411,-0.03209,-0.07305,0.05427,-0.01248,-0.10911,-0.02163,0.00094,0.00831,-0.01357,0.06826,-0.00876,0,-0.01545,0.10009,-0.08237,0.12402,-0.06478,-0.00498,0.07582,-0.02967,0.0089,0.03155,-0.0003,-0.01659,0.01133,0.02069,0.0009,0.05219,0.01464,0.00654,-0.00235,-0.04623,0.02634,-0.02513,0.01588,0.00726,-0.08966,-0.01132,0.01751,0.0439,-0.07897,0.00035,-0.0204,-0.02452,0.01984,0.02947,0.0289,-0.04661,-0.00812,0.02851,-0.03204,0.00236,0.03138,-0.01882,0.03249,0.05699,-0.02824,0.09243,-0.04435,0.05686,-0.05458,0.05024,-0.02292,-0.0237,0.02905,-0.11015,-0.026,0.03154,0.07565,-0.02509,0.01474,-0.03456,0.04919,-0.03215,-0.01317,0.07642,0.06671,0.09911,0.02624,0.00033,0.01339,0.02165,0.11082,-0.00772,0.06616,-0.01033,0.01096,-0.00995,0.07932,-0.02767,0.01369,-0.10124,0.01192,0.00561,0.08468,0.02856,0.01279,0.18763,-0.11238,0.03571,0.02286,0.07806,-0.024,0.11471,0.03256,0.04246,-0.03073,0,-0.07474,0.05861,0.03319,-0.05901,-0.0342,0.0403,0.04414,0.03001,0.00513,0.03252,-0.00903,0.04426,-0.00849,-0.03174,0.09664,-0.02299,0.05606,0.09688,-0.06305,0.01027,0.01088,-0.01184,-0.04491,0.02642,0.03445,-0.01462,0.01543,0.16372,0.03484,0.00982,0.04525,-0.0456,-0.00188,0.03657,-0.1174,0.05077,-0.03925,-0.07743,0.02725,0.04672,0.0007,-0.02967,-0.04792,-0.03876,-0.11426,0.04897,0.03523,-0.0927,-0.0097,0.04408,-0.06334,0.00245,0.07217,0.05828,0.07536,0.06088,0.02866,-0.01488,0.10073,0.06002,-0.03785,0.03656,-0.07072,0.03769],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Trigger helpers - primaryButtonEventTrigger — passes for touch input and the primary (left) mouse button. - middleButtonEventTrigger — passes while the middle (wheel) mouse button is pressed. - isOnFlowBackground(event) — true when the event started over the empty canvas rather than a node, group or connection. primary Button Event Trigger middle Button Event Trigger is On Flow Background","excerpt":"Trigger helpers - primaryButtonEventTrigger — passes for touch input and the primary (left) mouse button. - middleButtonEventTrigger — passes while the middle (wheel) mouse button is pressed. - isOnFlowBackground(event) — true when the event started over the empty canvas rather than a node, group or connection."},{"chunkId":"/docs/control-scheme#8","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.00258,-0.07761,0.02092,0.01699,0.05393,0.0827,0.08869,0.00561,-0.00596,0.06031,0.04416,0.0222,-0.04499,-0.02106,0.05249,0.03648,0.05334,-0.03821,-0.0203,0.10203,0.00916,-0.0929,0.00247,-0.03948,-0.00576,-0.00519,0.01147,-0.05206,0.00846,-0.00557,-0.02001,0.12049,0.02202,-0.03051,-0.10782,0.01985,0.01021,-0.04322,-0.07874,-0.04238,0.01027,0.00059,0.02891,0.03315,0.04501,0.07602,0.02427,0.02397,-0.05474,0.08436,-0.03215,-0.06356,0.03759,0.01101,0.03169,0.00058,-0.01666,0.00373,0.05252,-0.02449,0.02091,-0.01338,-0.02419,0.00035,0.01057,0.00633,0.0381,-0.05302,0.07995,0.01613,-0.01971,-0.06092,0.06114,0.00672,0.07727,-0.01012,-0.02974,-0.01298,-0.05781,-0.12477,-0.01504,-0.01242,-0.02297,0.06951,-0.02607,0.06492,-0.0833,-0.01202,0.092,0.03095,-0.14617,-0.05479,-0.05934,-0.08967,-0.05922,-0.07274,-0.02392,0.00153,-0.07251,0.02283,0.05313,0.01307,-0.01331,-0.00232,0.03227,-0.03778,-0.04132,-0.07759,-0.06206,0.09056,-0.00343,-0.03741,0.01075,0.00721,-0.00881,-0.01873,-0.03173,-0.00545,0.0675,-0.01149,-0.0033,-0.00699,-0.00558,-0.04723,-0.0243,-0.00895,-0.10878,0,0.02352,-0.01792,0.04084,-0.03476,0.00861,-0.05269,-0.02926,-0.08623,-0.03547,0.02762,0.06725,0.00585,-0.03224,0.13427,0.00447,-0.0354,-0.02449,0.02204,0.02028,-0.00462,-0.04537,0.04957,-0.09792,-0.02612,0.01873,0.1058,-0.0511,0.11076,0.04132,0.02561,-0.00694,0.0417,-0.01632,-0.04442,-0.00604,0.06471,-0.0388,-0.06814,0.02397,0.01564,0.00933,-0.04591,-0.02961,-0.0136,-0.03758,-0.09164,-0.01296,0.06145,0.01658,0.03276,0.00568,-0.02106,-0.00717,0.00015,-0.01159,-0.10936,-0.03091,0.03838,-0.01748,0.06713,-0.04443,-0.04656,-0.02896,-0.00839,0.00056,0.05883,-0.00832,-0.01645,-0.00865,-0.03309,-0.06266,0.06699,-0.05661,0.06356,0.00804,-0.03203,-0.00927,-0.01073,0.00173,0.02777,-0.06619,-0.00032,0.0154,0.02639,-0.02514,-0.09607,0.09991,-0.00648,-0.10318,-0.02569,-0.01108,0.00119,-0.00044,0.06925,0.01094,0,0.01632,0.07047,-0.06078,0.17401,-0.0886,-0.01581,0.08972,-0.02611,-0.00735,-0.07509,0.03445,-0.06989,0.05702,0.01,0.01799,0.02521,0.00082,-0.06642,0.00582,-0.03081,0.06755,-0.03725,0.05168,0.03309,-0.12299,-0.00086,-0.01081,0.01022,-0.08916,0.0193,0.00929,-0.04593,-0.0043,-0.05523,0.03584,-0.03766,-0.05605,0.07478,0.00159,0.0375,0.01287,-0.05597,0.02928,0.09528,-0.01198,0.05721,-0.03766,0.06872,0.01685,0.04491,0.00725,0.00216,0.00644,-0.12865,-0.02247,0.02167,0.09237,-0.01431,0.04067,-0.04018,0.03515,-0.00391,-0.02701,-0.01719,0.07531,0.10928,0.0276,-0.00076,0.0423,0.00181,0.06809,0.00843,0.05206,-0.0277,0.05048,-0.03327,0.09721,0.00439,0.04812,-0.03943,-0.01392,0.00381,0.07628,0.01128,-0.0059,0.16975,-0.18486,0.03793,0.00935,0.08387,-0.00008,0.11322,0.06482,0.00103,-0.061,0,-0.08835,0.05525,0.07235,-0.04161,-0.03723,0.02203,0.03322,0.0264,0.01778,0.03021,-0.00431,0.04067,-0.00873,-0.03162,0.08753,-0.0284,0.04919,0.06312,-0.07917,-0.00811,-0.022,-0.00146,-0.01909,-0.00852,0.04318,-0.01729,0.01163,0.08084,0.02666,0.05955,0.02562,-0.03177,0.00693,0.0366,-0.08129,0.04098,-0.04886,-0.05609,0.0002,0.05662,0.01965,-0.00822,-0.05904,-0.04447,-0.11044,0.04426,0.08136,-0.08789,-0.04022,0.03567,-0.05739,-0.00933,0.04884,0.06402,0.03709,0.02789,0.0287,0.01106,0.07597,0.04708,-0.03695,-0.00522,-0.09547,0.04929],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Custom schemes Pass a partial object to withControlScheme(...) — missing gestures fall back to the default scheme: Or start from a preset and override individual gestures: Under a scheme that binds selection to a plain drag, clicking the empty canvas clears the selection and a marquee replaces it; Shift+drag keeps the current selection, so the marquee stays additive. with Control Scheme","excerpt":"Custom schemes Pass a partial object to withControlScheme(...) — missing gestures fall back to the default scheme: Or start from a preset and override individual gestures: Under a scheme that binds selection to a plain drag, clicking the empty canvas clears the selection and a marquee replaces it; Shift+drag keeps the current selection, so the marquee stays additive."},{"chunkId":"/docs/control-scheme#9","slug":"control-scheme","route":"/docs/control-scheme","section":"docs","title":"Control Scheme - Configurable Gesture-to-Action Mapping","description":"Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets.","group":"Interaction","vector":[-0.00308,-0.09348,-0.01437,-0.0161,0.02015,0.07827,0.106,0.0382,-0.04957,0.07018,0.03957,-0.01151,-0.03901,-0.00158,0.04823,0.06494,0.05901,-0.01848,-0.03227,0.06998,0.0554,-0.08545,0.00103,-0.04524,-0.02008,0.00645,0.00918,-0.04537,-0.00657,-0.01993,-0.0216,0.06464,0.05657,-0.01051,-0.12641,0.05816,0.01932,-0.06905,-0.10743,-0.05702,-0.0206,0.01104,0.02331,0.00215,0.04532,0.06878,-0.02339,0.02454,-0.08064,0.0803,-0.01492,-0.0721,0.03169,-0.03541,0.07566,-0.00626,-0.00859,0.01784,0.06569,-0.03363,-0.01866,-0.01837,0.00341,0.01696,0.03148,0.05206,0.02586,-0.05329,0.06508,-0.06752,-0.01837,-0.06909,0.05751,-0.06121,0.03815,-0.03167,-0.02788,0.0171,-0.06813,-0.12388,0.04808,0.02183,-0.01676,0.06634,-0.04289,0.05242,-0.07589,-0.01279,0.0952,0.034,-0.13066,-0.04041,-0.06055,-0.05305,-0.03648,-0.11383,-0.01742,-0.0449,-0.04499,0.03376,0.05783,-0.00753,-0.00451,-0.01764,0.06284,-0.10711,-0.00024,-0.06177,-0.05447,0.07843,0.00773,-0.03295,-0.00822,0.0002,-0.00625,-0.02246,0.02678,0.01215,0.06506,-0.01002,0.02264,-0.01845,-0.02984,-0.06339,-0.01927,-0.01822,-0.08935,0,0.04506,-0.02944,0.03962,-0.03089,0.02025,-0.0209,-0.01902,-0.0873,-0.06609,0.00509,0.0468,0.01725,-0.03071,0.14726,0.04545,-0.04136,-0.0101,0.00651,0.02225,-0.02493,-0.03446,0.03038,-0.08586,-0.01115,0.05361,0.09905,-0.04595,0.08591,0.04232,0.00099,0.02341,0.04088,-0.02963,-0.04725,0.01252,0.03661,-0.05592,-0.03897,0.01535,0.01507,0.00333,-0.06837,-0.03206,0.00595,-0.0259,-0.08476,-0.05498,0.06338,-0.03708,0.03257,0.01388,-0.01703,-0.01182,-0.00115,0.05159,-0.12428,-0.05312,0.05233,0.0011,0.10927,-0.03106,-0.06918,-0.04048,0.01626,-0.02073,0.04031,0.00857,-0.05015,-0.01468,-0.00388,-0.06746,0.05312,-0.02934,0.07017,-0.05002,-0.02178,-0.03853,-0.01619,-0.04815,0.04712,-0.08271,-0.01259,0.01232,0.01933,-0.02463,-0.07813,0.0843,-0.01101,-0.10156,-0.03931,-0.02679,0.0251,-0.00538,0.05871,0.02228,0,0.02371,0.05248,-0.06217,0.13516,-0.05881,-0.02366,0.08733,-0.03529,-0.01931,0.00064,-0.00583,-0.05367,0.04547,-0.00677,0.00949,0.01937,0.02533,-0.01919,0.02181,-0.01691,0.00528,-0.02268,0.03077,-0.00106,-0.11307,0.00487,0.01231,0.02481,-0.08024,0.00225,-0.03345,-0.06142,0.01057,0.01991,0.02236,-0.00796,0.00253,0.05158,-0.00997,0.03033,0.0098,-0.05797,-0.00018,0.05756,-0.0179,0.08656,-0.04261,0.08783,-0.04297,0.03809,-0.00258,0.00252,0.02819,-0.11566,-0.02324,-0.02449,0.06656,-0.02565,0.00598,-0.01868,0.04294,-0.0675,-0.00209,0.06404,0.06773,0.11291,0.03284,-0.02181,0.04388,0.0167,0.07799,-0.01961,0.05022,-0.01592,0.02487,-0.04601,0.04343,0.02314,0.03973,-0.05482,0.02853,0.01528,0.10207,0.05013,0.00377,0.19575,-0.12275,0.04054,0.0129,0.07629,-0.01308,0.10409,0.03585,0.03091,-0.0409,0,-0.04291,0.04102,0.08291,-0.04968,-0.0697,0.03295,0.06814,0.00416,0.01413,0.05029,-0.01976,0.05754,0.00921,-0.04152,0.08855,-0.01252,0.05553,0.08344,-0.04033,-0.00556,-0.01307,0.01007,-0.01856,0.01967,0.03607,-0.01488,0.01652,0.10286,0.01569,0.04589,0.05104,-0.03444,0.01825,0.03192,-0.07557,0.01112,-0.0671,-0.05918,-0.00445,0.04687,-0.01305,-0.02074,-0.05795,-0.03913,-0.09112,0.05453,0.07334,-0.11122,0.01078,0.05514,-0.05585,0.03062,0.05793,0.06877,0.03013,0.06069,0.04752,-0.01946,0.071,0.0909,-0.05177,0.02433,-0.07458,0.02814],"keywords":"Control Scheme - Configurable Gesture-to-Action Mapping Control Scheme - Configurable Gesture-to-Action Mapping Provide a control scheme through provideFFlow to map gestures to canvas actions: pan, zoom, selection and node interactions, with Miro-like and draw.io-like presets. Example See the Control Schemes example for a runtime switch between the three presets.","excerpt":"Example See the Control Schemes example for a runtime switch between the three presets."},{"chunkId":"/docs/accessibility#0","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.03786,-0.11756,-0.01877,-0.00038,0.00497,0.05501,0.06529,-0.01405,-0.00149,-0.03575,0.08659,0.02369,0.02483,-0.00015,0.02505,-0.03557,0.0809,-0.09111,-0.0175,0.01109,-0.03703,-0.024,-0.01534,-0.03639,-0.01463,-0.02014,-0.07657,-0.0287,0.06153,-0.04183,-0.04104,-0.02197,-0.00933,-0.00165,-0.06599,0.00301,0.06557,-0.02822,-0.13913,-0.06615,-0.12005,-0.05615,-0.01401,0.05461,0.03358,-0.09176,-0.0512,-0.04133,-0.0167,0.07225,-0.03402,0.02957,0.01199,0.01459,0.01505,0.07117,0.00834,0.01841,-0.02823,0.03343,-0.0807,0.01886,0.01458,0.0145,0.03319,0.06816,0.02969,-0.12211,0.01939,-0.07998,-0.01612,-0.02823,0.08875,-0.04864,0.00405,-0.01125,-0.01615,-0.02228,0.06509,-0.05181,0.01135,0.04064,-0.04057,0.07353,-0.03405,0.06435,-0.06801,-0.00261,0.01225,0.07528,0.01568,-0.0541,-0.00194,-0.0112,0.05223,-0.05015,0.05857,-0.0364,-0.10273,0.02565,0.00904,-0.0126,-0.01432,0.0021,-0.03319,-0.02212,0.02555,-0.09227,-0.09117,-0.02612,-0.01467,-0.069,-0.00045,-0.01454,-0.08726,0.04014,-0.01672,-0.05492,0.1719,0.02967,-0.05275,0.03754,-0.05241,-0.02912,0.01455,-0.00452,-0.05818,0,0.02067,0.04135,-0.06719,-0.00728,0.02531,-0.01797,-0.00778,-0.03464,-0.04925,-0.07161,0.00438,0.02377,-0.04664,0.01828,0.09457,-0.04887,0.00183,0.10994,-0.08639,-0.009,0.00685,-0.0055,0.02569,0.02807,0.02767,0.08236,-0.09631,0.01937,0.08003,0.06341,-0.08054,-0.01976,-0.10527,-0.06889,-0.05008,-0.05923,0.02377,-0.08261,0.0598,-0.02773,-0.08708,0.00914,0.00787,-0.11104,-0.0323,0.02351,-0.0003,0.07331,0.02382,-0.022,-0.02121,0.01441,-0.03415,-0.07385,0.02006,-0.04985,-0.01702,0.07654,0.08116,0.10357,-0.00105,0.07051,0.09463,0.03342,0.05063,0.04215,0.02708,0.00638,0.03847,-0.06632,-0.08705,-0.0076,-0.00575,0.09477,-0.02689,-0.03273,-0.009,-0.10336,0.04673,0.0235,-0.0307,0.0183,0.00915,0.07904,-0.01001,-0.02815,-0.00859,-0.02561,-0.02751,-0.04137,0.02555,0.03107,-0.01971,-0.08586,-0.04663,0,-0.01393,-0.04391,-0.0036,-0.01505,-0.09067,0.01719,-0.0064,-0.01503,0.12377,0.03771,-0.03527,0.09447,0.05179,-0.09078,-0.00855,0.03149,-0.03752,0.00226,-0.0104,0.0378,0.04598,-0.04376,-0.05524,0.06938,-0.01513,0.00292,-0.05187,0.05372,-0.06692,-0.05888,-0.01827,0.07673,-0.07378,-0.06985,0.06104,-0.00838,-0.02609,0.0363,-0.11133,0.02478,0.07464,0.05488,0.02745,0.05723,0.03242,0.13154,-0.07096,-0.07073,-0.00167,0.0033,0.02983,-0.00843,0.04287,-0.0423,-0.09542,0.0833,0.05048,0.01571,-0.00784,0.01015,0.07414,-0.04039,-0.04537,0.02152,0.03944,-0.00517,0.03491,-0.02004,0.0023,-0.00365,0.13516,-0.01455,0.07386,-0.01758,0.02474,0.09853,0.04727,-0.03254,-0.03429,-0.02614,0.02378,0.10062,0.06716,-0.00209,0.09853,0.05723,0.01567,0.01062,0.03758,-0.03297,-0.03692,0.04338,-0.04407,0.09539,-0.01934,0,0.01189,0.02544,0.00471,-0.04064,-0.02897,-0.04106,0.04466,0.0218,-0.00648,0.03125,-0.02384,-0.04617,-0.03333,-0.0063,0.0761,0.11172,0.04358,0.09781,-0.0761,-0.06065,0.05292,0.03742,-0.0003,0.03307,0.01792,-0.01202,-0.04087,0.0345,0.05669,-0.01532,0.03439,-0.01103,0.03428,0.00866,-0.07464,0.07148,0.03691,0.02352,-0.01661,0.00405,0.03787,-0.07832,-0.04483,-0.03523,-0.07083,0.05549,-0.00054,-0.06861,-0.03791,0.01985,-0.03867,0.04312,0.05331,0.03242,0.02575,0.0677,-0.00322,-0.01458,0.03142,-0.00414,0.03405,0.05054,0.04649,0.01381],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Accessibility Provider: provideFFlow(withA11y(...)) Events: (fDeleteSelected), (fMoveNodes), (fCreateConnection) Every flow ships with two accessibility layers. The SEMANTIC layer is always on and needs no setup: it describes the graph to assistive technology. The KEYBOARD layer is opt-in — installing withA11y() makes the whole editor operable without a mouse, including creating connections entirely from the keyboard. provide F Flow with A11y f Delete Selected f Move Nodes f Create Connection","excerpt":"Accessibility Provider: provideFFlow(withA11y(...)) Events: (fDeleteSelected), (fMoveNodes), (fCreateConnection) Every flow ships with two accessibility layers. The SEMANTIC layer is always on and needs no setup: it describes the graph to assistive technology. The KEYBOARD layer is opt-in — installing withA11y() makes the whole editor operable without a mouse, including creating connections entirely from the keyboard."},{"chunkId":"/docs/accessibility#1","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.00548,-0.10732,-0.00477,-0.04268,-0.01523,0.07915,0.0537,0.00067,0.03268,-0.00743,0.07236,0.07207,0.04875,0.01835,0.01281,-0.07351,0.1046,-0.08767,0.03517,-0.00147,-0.02228,-0.0555,-0.01119,-0.03892,0.00295,-0.00699,-0.06542,-0.04062,0.03838,-0.05543,-0.08456,-0.03325,0.03057,0.00892,-0.07492,-0.00169,0.08254,-0.04485,-0.13729,-0.03629,-0.0755,-0.0501,0.02391,0.09002,0.03876,-0.0734,-0.06302,-0.01734,-0.06936,0.09382,-0.06871,-0.04126,0.02068,0.02452,0.02742,0.00644,0.04627,0.01228,0.03355,0.02132,-0.04973,0.00736,0.02448,0.04388,0.02873,0.09556,0.03428,-0.0853,0.01261,-0.05105,-0.03369,-0.03189,0.02811,-0.06035,-0.05075,-0.01583,-0.01005,-0.06052,0.04584,-0.0761,-0.01595,0.04283,-0.0724,0.05649,-0.01647,0.09983,-0.08281,-0.02211,-0.02487,0.02723,-0.00705,-0.04555,0.00965,-0.01677,-0.00829,-0.04887,0.08667,0.0039,-0.07148,0.05854,0.02658,0.01213,0.05584,-0.00641,-0.01272,-0.05507,0.03064,-0.0475,-0.09314,-0.01598,-0.02436,-0.02165,-0.02803,0.00276,-0.07504,-0.02934,-0.00068,-0.02668,0.1713,0.06388,-0.01636,0.01972,-0.04319,-0.02434,0.02643,-0.02033,-0.04515,0,0.00014,0.02964,-0.03352,0.0303,0.02826,-0.02973,-0.04801,-0.05398,-0.01177,-0.04022,0.04778,0.05929,-0.00806,-0.00068,0.12552,0.00239,0.0113,0.10265,-0.10101,-0.01947,0.01605,-0.05781,0.0124,0.03858,0.00806,0.11601,-0.06366,0.03587,0.06024,0.05279,-0.04572,-0.00423,-0.03953,-0.055,-0.02552,-0.07337,0.02545,-0.10429,0.06921,-0.03076,-0.08938,-0.01632,0.0015,-0.09617,-0.00079,0.03798,-0.02258,0.0186,-0.00666,-0.02505,-0.05016,0.03803,-0.03873,-0.07525,0.01733,-0.05518,-0.02722,0.04656,0.06239,0.10237,-0.01395,0.12888,0.12205,0.03081,-0.02848,0.01583,-0.02248,-0.02942,0.0138,-0.11026,-0.07162,0.00122,0.0016,0.07276,-0.013,-0.03964,-0.0361,-0.07372,0.04726,0.0001,-0.02892,-0.00982,0.01674,0.06058,0.05218,-0.03667,-0.01742,-0.04926,-0.09752,-0.01443,-0.00765,0.03455,-0.01209,-0.02173,-0.04225,0,-0.03199,-0.02651,-0.02,-0.0167,-0.10506,-0.04258,-0.00224,-0.04273,0.08974,0.02184,-0.0277,0.06378,-0.00288,-0.02415,0.02464,0.01282,-0.00145,-0.03071,-0.03959,0.03652,0.07136,-0.04564,-0.11684,0.05848,-0.01289,0.0419,-0.0255,0.01407,-0.05477,-0.05891,-0.027,0.02898,-0.03181,-0.02012,0.0353,-0.0286,-0.00183,0.03445,-0.09441,0.06765,0.10762,0.06401,0.02651,0.0122,0.0326,0.10772,-0.03435,-0.05923,-0.04898,0.0015,0.03167,-0.026,0.06416,-0.05512,-0.10094,0.08571,0.02343,0.01862,-0.00019,-0.023,0.08033,-0.03408,-0.0396,0.02782,0.02546,-0.02405,0.04343,-0.01843,0.02301,-0.04291,0.10238,-0.04358,0.01324,-0.04115,0.05727,0.08711,0.02026,-0.01006,-0.06833,-0.04533,-0.02561,0.08032,0.0409,0.01761,0.11815,0.0915,-0.00417,0.01476,0.01025,-0.00123,-0.06693,0.05472,-0.03309,0.10393,0.00619,0,-0.04102,0.06629,0.01917,-0.0476,-0.02683,-0.02537,0.01436,-0.05363,0.01755,0.04728,-0.01347,-0.04456,-0.05336,-0.01916,0.08175,0.12173,0.00535,0.05058,-0.07424,0.00406,0.04796,0.0177,0.02992,0.03467,-0.01873,0.0234,-0.03167,0.05532,0.01774,-0.00522,0.01364,0.00818,0.03718,0.05627,-0.03829,0.01447,0.01875,0.02928,0.06746,0.06114,0.01888,-0.102,-0.03942,0.03616,-0.02584,0.08316,0.03132,-0.05777,-0.04284,0.03889,-0.07192,-0.06242,0.01884,-0.00161,0.04023,0.07238,0.1212,0.00464,0.02029,0.03384,0.06431,0.03599,-0.04004,0.00733],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Why / Use cases - WCAG compliance: keyboard operability (2.1.1), status announcements (4.1.3), name/role/value on items (4.1.2) — the requirements a diagram editor usually fails first. - Keyboard-first power users: selecting, moving and wiring nodes without leaving the keyboard. - Screen-reader users: the graph topology is readable (each connection has an accessible name), and every action is announced through a live region. - Read-only viewers: even without the keyboard layer, a rendered diagram is no longer silent for assistive technology.","excerpt":"Why / Use cases - WCAG compliance: keyboard operability (2.1.1), status announcements (4.1.3), name/role/value on items (4.1.2) — the requirements a diagram editor usually fails first. - Keyboard-first power users: selecting, moving and wiring nodes without leaving the keyboard. - Screen-reader users: the graph topology is readable (each connection has an accessible name), and every action is announced through a live region. - Read-only viewers: even without the keyboard layer, a rendered diagram is no longer silent for assistive technology."},{"chunkId":"/docs/accessibility#2","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[0.0025,-0.08175,-0.03092,0.04251,-0.00644,0.08097,0.09525,-0.09541,-0.02052,-0.10013,0.06886,-0.00484,0.02252,-0.04474,0.00565,-0.02539,0.06297,-0.06528,-0.02838,0.00558,-0.00924,-0.06135,-0.0251,-0.00328,-0.03335,0.03183,-0.03979,-0.02279,0.10445,-0.05937,0.02007,-0.01401,0.00119,-0.01324,-0.09602,0.07661,0.0758,-0.05292,-0.1221,0.00798,-0.03635,-0.05757,-0.03641,0.05152,0.0184,-0.0515,-0.03311,-0.04392,-0.09532,0.08532,-0.0267,-0.02249,-0.00465,0.05028,-0.01671,0.06074,0.0672,0.02872,0.00078,0.06598,-0.06059,-0.00654,0.06134,0.02342,0.03176,0.08095,0.04595,-0.11446,0.00756,-0.06255,0.04141,-0.02768,0.08561,-0.05033,-0.01016,-0.00009,0.01755,-0.02411,0.00741,-0.04979,0.00742,0.07584,-0.09639,0.05559,-0.0251,0.04159,-0.07984,-0.03468,-0.02875,0.08776,-0.04172,-0.00808,-0.02394,-0.01323,0.06012,0.01024,0.05176,-0.00971,-0.01631,0.03658,0.01736,-0.00293,-0.05125,-0.01762,-0.03256,-0.09409,0.00904,-0.05973,-0.09035,0.02374,0.01002,-0.01367,-0.05913,0.0112,-0.08709,0.0218,0.02652,-0.01953,0.16051,0.03067,-0.02998,-0.00086,0.02296,-0.01119,0.0444,0.03895,-0.08552,0,0.03192,0.01931,-0.07456,0.02923,0.01661,-0.03888,0.01316,-0.03771,-0.06017,-0.07719,0.02754,0.06467,-0.047,-0.03721,0.08362,-0.07211,-0.01461,0.07126,-0.07404,-0.04533,-0.05728,0.04524,0.00252,-0.03483,0.00931,0.07621,-0.13269,0.02669,-0.05329,0.05043,-0.01702,0.02998,-0.02537,-0.00611,-0.03289,-0.04656,-0.00145,-0.03618,0.01955,0.00359,-0.04444,-0.03156,-0.00197,-0.12171,-0.02165,-0.07003,-0.00927,0.06717,0.03716,-0.03289,-0.02908,-0.00149,-0.0473,-0.14487,-0.03657,-0.03338,-0.10056,0.07115,0.0068,0.06032,0.01154,0.04951,0.10432,0.0709,0.035,0.04227,0.07587,-0.02436,0.0787,-0.12985,-0.05153,0.04013,0.06854,0.07299,-0.03271,-0.02466,-0.02152,-0.03322,0.03961,0.05284,0.02121,0.0186,0.03565,0.08069,0.01425,-0.03468,0.01386,-0.06996,-0.07052,-0.00504,0.00072,0.02681,-0.00299,-0.04895,-0.03101,0,0.01797,-0.06027,0.005,-0.01926,-0.06371,-0.03099,0.04051,0.01223,0.05917,0.05493,0.01576,0.08038,0.0094,-0.07415,-0.0466,0.02911,0.00334,-0.01963,0.0331,0.01636,0.0719,-0.00494,-0.091,0.07334,0.04749,-0.05555,0.01629,-0.00015,-0.04258,-0.07737,0.02416,0.03367,-0.05678,-0.03226,0.03985,-0.02668,-0.06107,0.0132,-0.07496,0.06693,0.0798,0.05511,0.03311,-0.04611,0.03173,0.12157,-0.02031,-0.03816,-0.05763,0.04925,0.04551,-0.04006,0.0215,0.01334,-0.08318,0.08611,-0.03344,-0.03778,0.01403,0.00835,0.10056,-0.04786,-0.07203,0.03563,0.01922,-0.01389,-0.00276,-0.0583,0.0034,-0.065,0.10325,-0.10574,0.02519,-0.0251,-0.01056,0.00295,-0.00996,-0.03962,-0.08346,-0.06616,0.01233,0.08964,-0.01571,0.01047,0.08885,0.09376,-0.02716,0.0715,0.02286,0.01574,-0.0618,0.05813,-0.08476,0.04183,-0.03603,0,-0.05009,0.04198,-0.01951,-0.02579,-0.00865,-0.0122,0.00339,-0.02096,0.03204,0.0311,-0.0089,-0.05168,-0.01837,-0.0645,0.04095,0.06797,0.03637,0.01475,-0.02313,-0.04395,0.00896,-0.03827,0.05749,0.02386,-0.01091,-0.00448,-0.00143,0.07109,0.04177,-0.0118,0.00617,-0.01865,-0.02452,0.0788,-0.06632,0.06158,0.01194,-0.01056,0.04707,0.12454,0.05733,-0.06084,-0.03932,0.00111,-0.036,0.11596,-0.02969,-0.01943,0.01671,0.0437,-0.01017,-0.02166,0.00511,0.01315,0.07399,0.02043,0.06802,0.02037,0.06464,0.03017,0.0244,0.08343,0.00669,0.00248],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Semantics layer (always on) Applied automatically as items register; an attribute you set yourself is never overridden: - Nodes and groups get role=\"group\" and an aria-roledescription (\"node\" / \"group\"). Their accessible name comes from your content — set aria-label on the element for an explicit one. - Connections get role=\"group\", aria-roledescription=\"connection\" and a generated aria-label — \"Connection from A to B\" — that tracks endpoint changes. A label you set yourself stays untouched. - Items receive a DOM id when they have none (needed for aria-activedescendant). - The minimap and the connection previews (f-connection-for-create, f-snap-connection) are aria-hidden — they are visual helpers, not content. - A visually-hidden live region announces selection, movement, connection and deletion (WCAG 4.1.3). It is created once per flow and auto-clears.","excerpt":"Semantics layer (always on) Applied automatically as items register; an attribute you set yourself is never overridden: - Nodes and groups get role=\"group\" and an aria-roledescription (\"node\" / \"group\"). Their accessible name comes from your content — set aria-label on the element for an explicit one. - Connections get role=\"group\", aria-roledescription=\"connection\" and a generated aria-label — \"Connection from A to B\" — that tracks endpoint changes. A label you set yourself stays untouched. - Items receive a DOM id when they have none (needed for aria-activedescendant). - The minimap and the connection previews (f-connection-for-create, f-snap-connection) are aria-hidden — they are visual helpers, not content. - A visually-hidden live region announces selection, movement, connection and deletion (WCAG 4.1.3). It is created once per flow and auto-clears."},{"chunkId":"/docs/accessibility#3","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.03787,-0.0884,0.00161,-0.05417,-0.0162,0.05574,0.1112,-0.04039,-0.00041,-0.03543,0.08588,0.04883,0.04814,0.00581,-0.00596,-0.08094,0.05668,-0.02961,0.01048,0.021,-0.01315,-0.00767,-0.05059,-0.01513,0.01413,0.01614,-0.02353,0.00731,0.02886,-0.04316,-0.05657,-0.016,0.02855,0.00354,-0.13277,-0.01728,0.04984,-0.06027,-0.12757,-0.0272,-0.11796,-0.06041,-0.01617,0.08024,0.03369,-0.0752,-0.066,-0.0186,-0.02189,0.04598,-0.05242,0.01948,-0.01489,0.00632,0.00267,0.04151,0.02493,0.03185,0.03012,0.04872,-0.0464,0.03478,0.03647,0.02889,0.05082,0.08365,0.03194,-0.12981,-0.01474,-0.06289,-0.02328,-0.03779,0.09442,-0.05902,-0.04187,-0.01996,0.0061,-0.06956,0.03359,-0.02711,-0.03722,0.00222,-0.06356,0.06448,-0.00726,0.02992,-0.08634,0.00285,0.02937,0.04179,0.00294,-0.07283,-0.02301,0.00074,0.02335,-0.06988,0.04528,-0.02573,-0.08084,0.05534,0.0233,0.02518,-0.01595,-0.03606,-0.0472,-0.03832,0.05368,-0.06611,-0.09449,-0.01314,-0.01357,-0.04059,-0.031,0.00361,-0.07071,0.02484,-0.02951,-0.05151,0.17697,0.02473,-0.06965,-0.01005,-0.07384,-0.02803,0.01099,-0.01739,-0.07183,0,-0.02566,0.03899,-0.04903,-0.01604,-0.01847,-0.04252,-0.02052,-0.02623,-0.02254,-0.10038,0.02855,0.03127,-0.00524,-0.00905,0.12313,-0.03377,-0.01774,0.13263,-0.09095,0.01015,0.01421,-0.01157,0.0495,0.02424,-0.0011,0.0846,-0.10492,-0.00242,0.01888,0.06076,-0.03409,-0.00573,-0.09708,-0.06037,-0.03736,-0.07895,0.04376,-0.04325,0.05452,-0.00387,-0.0914,0.00201,0.01327,-0.07439,-0.03301,0.01311,0.00528,0.06272,0.03006,-0.02522,-0.04529,-0.013,-0.06575,-0.09809,0.03837,-0.02583,-0.04479,0.08532,0.07291,0.07863,0.01474,0.04721,0.12394,0.01722,0.01912,0.01932,0.0187,-0.01017,0.02379,-0.08763,-0.05166,0.00002,0.02,0.08983,-0.04983,-0.01471,0.02103,-0.05882,0.06638,-0.01724,-0.00932,0.03021,0.04014,0.04076,0.01818,-0.0027,-0.0024,-0.07779,-0.04855,-0.01358,-0.05727,0.02757,-0.05831,-0.12112,-0.02825,0,0.00114,-0.04942,-0.01936,-0.00054,-0.10223,-0.00673,0.00456,-0.02788,0.07649,0.02503,-0.05209,0.0953,0.06568,-0.06902,-0.01633,0.00836,0.01384,-0.01035,-0.01053,0.03426,0.01737,-0.07801,-0.06856,0.07848,-0.00748,0.01257,-0.02976,0.05325,-0.0433,-0.0498,-0.02653,0.06403,-0.04225,-0.0124,0.05234,0.00948,-0.00975,0.01397,-0.09264,0.06099,0.09629,0.03387,0.07834,0.01958,0.04141,0.10539,-0.02835,-0.02347,-0.00565,-0.02788,0.09486,-0.01041,0.0389,-0.0637,-0.09299,0.10654,-0.01943,0.02468,0.01056,0.01896,0.06275,-0.03852,-0.03243,-0.01366,0.01263,-0.00299,0.05384,-0.0524,-0.00128,-0.03752,0.12356,-0.07471,0.04994,0.01487,-0.01201,0.07246,0.05686,0.01828,-0.0766,-0.02154,0.03979,0.08557,0.02204,0.01953,0.09728,0.07941,-0.00764,0.00695,0.02522,-0.06221,-0.0261,0.05985,-0.03445,0.06426,0.02406,0,0.009,0.03185,0.03306,-0.02126,-0.02564,-0.03355,0.04464,-0.03082,0.02048,0.00103,-0.03196,-0.0703,0.0036,-0.00836,0.07315,0.11695,0.0453,0.07214,-0.07003,-0.03158,0.0633,0.02553,0.05233,0.01827,-0.01488,0.04005,-0.0424,0.03368,0.0674,-0.04882,0.04901,0.0134,0.00782,-0.01307,-0.0209,0.04173,0.03866,0.03102,0.04284,0.01594,0.01902,-0.10311,-0.05095,-0.0074,-0.07431,0.09394,0.01486,-0.04959,-0.04682,0.04035,-0.01162,0.01436,0.0398,0.03183,0.04012,0.08066,0.06249,-0.06924,0.02367,0.0431,0.0799,0.05266,-0.00968,0.02828],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Keyboard layer (opt-in)","excerpt":"Keyboard layer (opt-in)"},{"chunkId":"/docs/accessibility#4","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[0.03191,-0.09077,-0.0093,0.01576,0.05959,0.03103,0.13552,-0.03633,0.052,0.00121,0.0242,0.03033,-0.01036,-0.04411,-0.02353,0.0011,0.03512,-0.05963,0.01024,0.0161,-0.0068,-0.07221,0.00816,-0.03852,-0.07364,0.06946,-0.02377,-0.02663,0.00836,-0.07953,-0.05882,-0.00518,0.03433,0.03322,-0.18101,-0.01786,0.00633,-0.04177,-0.13295,-0.01364,-0.0792,-0.06697,0.01169,0.01532,0.00357,-0.03422,-0.02453,-0.01778,-0.01822,0.05855,-0.06308,-0.00044,0.01482,0.06951,-0.00929,0.06708,0.03348,-0.02289,0.018,0.04726,-0.06183,0.02197,0.00345,0.05485,0.04724,0.08721,0.02071,-0.12242,-0.01968,-0.10777,0.03719,-0.01672,0.0663,-0.12112,0.03602,-0.03416,-0.00198,-0.02342,0.03073,-0.00646,0.0188,0.00847,-0.05046,0.04471,0.03389,0.10679,-0.09049,-0.03922,-0.02867,0.05283,-0.04714,-0.06687,-0.00058,-0.01886,0.03702,-0.04307,0.05286,-0.02942,-0.08321,0.02177,0.04984,0.0158,0.0184,-0.02238,-0.03823,-0.06148,0.06489,-0.00132,-0.0837,-0.04358,-0.00773,-0.07855,0.02033,-0.00455,-0.08504,0.01781,-0.03631,-0.03941,0.16139,0.05259,-0.0144,-0.00738,-0.07608,-0.04611,-0.003,-0.01145,-0.09664,0,0.00592,0.0042,-0.04936,-0.00254,0.03001,-0.03075,0.01442,-0.05437,-0.01068,-0.05786,0.06174,0.03452,-0.05579,0.03074,0.0947,-0.09904,0.00651,0.12009,-0.07433,-0.01709,0.00713,0.00897,0.00978,-0.02305,0.04535,0.08664,-0.14718,0.05242,-0.03175,0.07011,-0.04665,0.02058,-0.08868,-0.03419,-0.06613,0.01088,-0.03832,-0.06456,0.06375,0.00589,-0.08022,-0.01603,-0.00708,-0.02461,-0.02908,-0.02225,-0.03937,0.05394,0.02171,0.06606,0.02457,-0.03164,-0.0207,-0.07966,0.03628,-0.06257,-0.04049,0.08156,0.03319,0.12231,-0.02365,0.00483,0.05065,0.03215,-0.00113,0.0284,-0.00152,0.02098,0.00589,-0.05604,-0.02964,0.0604,0.02643,0.05412,0.00035,-0.0352,0.00821,-0.14166,0.03661,-0.01735,-0.02455,0.00824,-0.02282,0.03244,-0.04039,0.01131,-0.00178,-0.07703,-0.05607,-0.02666,0.02873,0.0381,-0.03124,-0.06778,-0.03075,0,-0.03129,-0.05384,-0.02635,0.04294,-0.07937,0.04964,0.07225,0.00932,0.06957,0.00299,0.02488,0.10698,0.01682,-0.05277,0.0126,0.03994,0.02324,0.01271,0.00477,-0.00149,0.02117,-0.04359,-0.06612,0.04188,-0.04377,0.01248,-0.02073,0.01102,-0.02089,-0.0908,0.01342,0.06813,-0.05214,-0.00558,0.04544,0.02482,-0.03553,0.03921,-0.07271,0.07168,0.03501,0.0437,0.0575,0.03769,0.00077,0.15641,-0.02491,-0.04291,0.01659,0.00641,0.06043,-0.05172,0.0102,-0.05193,-0.09222,0.07958,-0.01027,0.07266,-0.028,-0.01668,0.07983,-0.00159,-0.00227,0.01072,0.01838,0.00315,0.04234,0.00611,0.04561,-0.00036,0.10533,-0.02856,0.01911,0.00473,0.01092,0.01916,0.11963,-0.04076,-0.08532,-0.01929,0.03213,0.11526,0.02244,-0.03189,0.04796,0.06197,-0.03798,-0.0343,-0.00608,-0.01665,-0.01412,0.0769,-0.0744,-0.01303,0.00141,0,-0.04697,0.02655,0.00164,-0.03964,-0.02283,-0.02586,0.05594,-0.0085,0.00308,-0.03133,-0.03107,0.0174,0.03523,-0.04213,0.11282,0.109,0.02242,0.07329,-0.04855,-0.04408,0.01976,0.01332,0.02332,0.04646,-0.0444,-0.00172,-0.0305,0.06569,0.09175,-0.01197,0.03073,0.0287,0.01611,-0.00263,-0.06355,0.04307,-0.03688,0.00222,-0.02318,0.04926,0.04135,-0.08832,-0.04249,-0.01046,-0.11393,0.09682,-0.00836,-0.01576,-0.03874,0.05021,-0.01385,0.03682,0.04859,0.07911,0.00286,0.03354,0.05547,0.00951,0.02696,-0.00924,0.08676,0.07375,-0.0146,0.05356],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. With the feature installed, the f-flow host becomes the single tab stop (tabindex=\"0\", role=\"application\", keyboard instructions attached via aria-describedby). DOM focus never moves to the items — arrows drive the SELECTION directly, and the active item is exposed to assistive technology through aria-activedescendant. The selected style is the only visual state; the host's own focus ring is transparent (it is repainted by Windows High Contrast, so forced-colors users keep an indicator). Keyboard map:","excerpt":"With the feature installed, the f-flow host becomes the single tab stop (tabindex=\"0\", role=\"application\", keyboard instructions attached via aria-describedby). DOM focus never moves to the items — arrows drive the SELECTION directly, and the active item is exposed to assistive technology through aria-activedescendant. The selected style is the only visual state; the host's own focus ring is transparent (it is repainted by Windows High Contrast, so forced-colors users keep an indicator). Keyboard map:"},{"chunkId":"/docs/accessibility#5","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.019,-0.09312,-0.01497,0.0513,0.00003,0.03035,0.06885,-0.06708,0.06153,-0.00364,0.07064,-0.00028,0.01554,-0.06559,-0.05009,-0.01538,-0.04607,0.00438,-0.03928,-0.00258,0.02569,-0.06698,0.01267,-0.00768,0.01338,0.02162,-0.00069,-0.04674,-0.0097,-0.07187,-0.03946,0.07723,-0.04016,0.03625,-0.10624,-0.0059,-0.02011,-0.04052,-0.10829,-0.05314,-0.01143,0.01702,0.00187,-0.02542,0.00379,-0.00133,-0.12083,-0.01747,-0.00059,0.07019,-0.04063,0.01062,-0.02385,0.10915,0.01893,0.07737,0.03612,-0.03262,0.03426,0.03943,0.03898,-0.02445,-0.01954,0.01934,0.01191,0.06297,-0.01294,-0.07881,0.0402,-0.02127,0.04516,-0.06687,0.00285,-0.07369,0.02614,-0.02612,0.01569,0.01785,-0.0269,-0.00405,0.00708,0.02732,-0.02903,0.08772,0.0019,0.05549,-0.09761,-0.05381,0.05698,0.04386,-0.05378,0.00218,-0.03732,-0.04636,0.04806,-0.08132,0.0284,-0.02699,-0.07207,0.04143,0.00091,0.04219,-0.02913,0.02027,-0.01381,-0.01814,0.00173,-0.0653,-0.06509,0.0064,-0.01261,-0.02128,0.00248,0.02496,-0.0875,0.04615,0.00032,0.02318,0.10365,0.08515,-0.06546,-0.02083,-0.12826,-0.02599,0.01528,-0.00189,-0.05787,0,0.00342,-0.03581,-0.04561,-0.05162,0.10354,0.00525,0.00941,-0.0105,-0.03262,-0.02094,-0.02993,-0.00834,-0.03092,-0.00276,0.02336,-0.13509,0.01528,0.06897,-0.06666,-0.02141,0.07286,0.02217,-0.04781,-0.04815,0.07201,0.09432,-0.0777,0.07042,0.03179,0.05787,-0.06798,0.05234,-0.07479,-0.04849,-0.03621,-0.01691,-0.02067,-0.03802,0.03445,0.00338,-0.05275,-0.04764,-0.04442,-0.08101,-0.04712,-0.07192,-0.02844,0.03267,0.0436,0.03227,0.07588,-0.03161,-0.02968,-0.08911,-0.00648,-0.09659,-0.06486,0.12079,0.01579,0.18369,-0.02501,0.06872,0.00182,0.0756,0.08825,0.05185,-0.03997,0.00438,0.05568,-0.10999,-0.08148,0.0567,0.06224,0.00959,-0.01104,-0.06378,-0.04193,-0.06308,0.02074,-0.02372,-0.04977,-0.00132,0.0006,0.05382,0.0629,-0.06459,0.03107,-0.09243,-0.06322,-0.01445,0.03075,0.0142,0.04616,-0.04548,-0.02412,0,0.00151,0.027,-0.00883,0.04606,-0.05424,0.00269,0.04719,0.02054,0.03938,-0.05761,-0.02767,0.10587,0.02692,-0.05509,0.0444,0.07624,0.0088,-0.04959,-0.10932,0.03052,0.02009,-0.04194,-0.05943,0.02644,-0.05557,-0.03427,0.07901,0.07874,0.01675,-0.06173,0.0075,0.05338,-0.07891,-0.00659,0.0524,-0.03147,-0.02498,0.08167,-0.03634,0.02203,0.06493,0.03552,0.01017,0.01747,0.02406,0.11684,-0.03271,0.03361,-0.04798,0.02981,0.00351,-0.03145,-0.05254,-0.00845,-0.0736,0.09833,0.07262,0.00939,0.01898,-0.06715,0.07372,-0.05451,0.01526,0.01434,0.13297,-0.0075,0.01067,-0.00612,-0.04181,-0.00655,0.03281,0.05547,0.06417,-0.02532,0.07501,0.00312,0.03873,-0.04278,-0.0147,-0.03973,0.02169,0.08205,0.02904,-0.02155,0.0368,0.08942,-0.07263,0.02723,0.04114,0.05897,-0.06164,-0.05374,0.0236,-0.0077,-0.01561,0,-0.05731,0.02375,-0.07134,0.00419,0.04952,-0.0026,0.01625,0.12266,-0.01078,-0.0563,-0.00777,0.07841,-0.02679,-0.00645,0.07018,0.05179,0.05739,0.00063,-0.04393,-0.00791,-0.03095,-0.03897,0.00366,0.10999,-0.02573,-0.05284,-0.01786,0.07274,0.03668,-0.06789,0.02838,-0.02478,0.02836,0.08415,-0.08393,0.05159,0.02352,0.02799,0.00157,0.08515,0.0149,-0.00633,-0.0603,-0.05348,-0.12929,0.05094,0.02928,-0.0054,-0.01422,0.07937,-0.04361,0.01519,-0.03355,0.00385,0.0007,0.01299,0.02678,-0.07341,-0.01062,0.0207,0.02195,0.08917,-0.00613,0.00181],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. - Tab — enters the flow; Tab again leaves it. Clicking inside the flow also activates the keyboard layer from the clicked item. - Arrow keys — move the selection to the nearest item in that direction. Navigation is spatial (edge-based, so wide and tall nodes resolve correctly) and travels over nodes AND connections — walking a chain reads node → connection → node. The opposite arrow returns to where you came from. - Shift + arrow — extends the selection instead of replacing it. - Ctrl/Cmd + arrow — topology walk: the connection leading that way is selected first, the next press lands on the node at its other end. - Home / End — first / last node. - Ctrl/Cmd + A — select all; Escape — clear the selection (or cancel the active mode). - Space — move the selection: hold it and use arrows (release to drop), or tap to grab and tap again to drop — the second form is for users who cannot hold two keys at once. Shift + arrow moves in coarse steps; Escape reverts. The drop emits fMoveNodes with every moved node; a pointer drag and a keyboard move produce the same event. - C — start a connection. Requires exactly one selected node; the proposal defaults to the nearest connector on another node that is not already connected to the source. Arrows move between connectable targets spatially with the usual preview and snapping, Enter emits fCreateConnection, Escape cancels. Connection rules (fConnectorDisabled, fCanBeConnectedTo, categories, multiplicity) apply exactly as in the drag gesture. - Delete / Backspace — emits fDeleteSelected: FDeleteSelectedEvent (nodeIds, groupIds, connectionIds). In the default stateless mode, remove the items from your data and the flow follows. The optional Managed Flow State plugin handles the removal automatically. Requires fDraggable. - + / - / 0 — zoom in, out and reset (when fZoom is present); the level is announced. f Move Nodes f Create Connection f Connector Disabled f Can Be Connected To f Delete Selected F Delete Selected Event node Ids group Ids connection Ids f Draggable f Zoom","excerpt":"- Tab — enters the flow; Tab again leaves it. Clicking inside the flow also activates the keyboard layer from the clicked item. - Arrow keys — move the selection to the nearest item in that direction. Navigation is spatial (edge-based, so wide and tall nodes resolve correctly) and travels over nodes AND connections — walking a chain reads node → connection → node. The opposite arrow returns to where you came from. - Shift + arrow — extends the selection instead of replacing it. - Ctrl/Cmd + arrow — topology walk: the connection leading that way is selected first, the next press lands on the node at its other end. - Home / End — first / last node. - Ctrl/Cmd + A — select all; Escape — clear the selection (or cancel the active mode). - Space — move the selection: hold it and use arrows (release to drop), or tap to grab and tap again to drop — the second form is for users who cannot hold two keys at once. Shift + arrow moves in coarse steps; Escape reverts. The drop emits fMoveNodes with every moved node; a pointer drag and a keyboard move produce the same event. - C — start a connection. Requires exactly one selected node; the proposal defaults to the nearest connector on another node that is not already connected to the source. Arrows move between connectable targets spatially with the usual preview and snapping, Enter emits fCreateConnection, Escape cancels. Connection rules (fConnectorDisabled, fCanBeConnectedTo, categories, multiplicity) apply exactly as in the drag gesture. - Delete / Backspace — emits fDeleteSelected: FDeleteSelectedEvent (nodeIds, groupIds, connectionIds). In the default stateless mode, remove the items from your data and the flow follows. The optional Managed Flow State plugin handles the removal automatically. Requires fDraggable. - + / - / 0 — zoom in, out and reset (when fZoom is present); the level is announced."},{"chunkId":"/docs/accessibility#6","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.0367,-0.09519,0.00595,-0.07515,-0.02247,0.04226,0.08146,-0.06201,-0.00345,-0.03094,0.0649,0.05992,0.04871,0.00123,-0.01266,-0.08895,0.04958,-0.02294,0.00823,0.02014,-0.02019,-0.0038,-0.03318,0.00185,0.02745,0.01122,-0.01234,-0.01749,0.02783,-0.06326,-0.03998,-0.01512,0.03283,-0.00147,-0.1103,-0.02138,0.05827,-0.04276,-0.11844,-0.02359,-0.10886,-0.04729,0.00154,0.0884,0.02135,-0.09512,-0.06627,-0.01077,-0.01363,0.05816,-0.05278,0.02767,-0.00323,0.00111,0.00689,0.04629,0.02319,0.04034,0.0296,0.04884,-0.02768,0.02122,0.02893,0.03096,0.04182,0.07152,0.01583,-0.14823,-0.01606,-0.07653,-0.02192,-0.03233,0.10494,-0.05667,-0.05895,-0.00411,-0.00388,-0.06126,0.0295,-0.0285,-0.03428,-0.01642,-0.0529,0.04595,0.00052,0.03897,-0.09509,0.00757,0.03311,0.05653,0.01618,-0.06598,-0.01039,0.00186,0.01282,-0.06647,0.07038,-0.04302,-0.06011,0.05857,0.0222,0.06459,-0.0029,-0.01825,-0.03817,-0.03954,0.04825,-0.07676,-0.09522,0.00657,-0.00282,-0.03936,-0.02599,0.01628,-0.0715,0.00497,-0.03543,-0.05497,0.15602,0.00423,-0.04901,-0.0152,-0.07524,-0.01772,0.01642,-0.00455,-0.06487,0,-0.01499,0.0405,-0.0513,-0.01146,-0.00611,-0.02891,-0.04175,-0.02304,-0.00734,-0.10289,0.0322,0.04652,0.00376,-0.01133,0.10188,-0.02774,-0.00907,0.13306,-0.09931,0.00286,0.00057,-0.00774,0.03036,0.03267,-0.00215,0.08415,-0.11245,0.01267,0.03237,0.06212,-0.04539,-0.00871,-0.09364,-0.08269,-0.04668,-0.08606,0.04504,-0.06816,0.04926,0.00112,-0.09441,0.00038,0.0033,-0.07965,-0.0385,0.00858,0.0007,0.06357,0.0388,-0.01605,-0.06063,-0.00787,-0.07082,-0.11264,0.03044,-0.03388,-0.03711,0.06574,0.07341,0.06706,0.01258,0.05036,0.13788,0.00718,0.00167,0.00557,0.02566,0.02144,0.01859,-0.06739,-0.03905,0.00538,0.00822,0.11054,-0.04399,-0.01789,0.03431,-0.07185,0.08199,-0.03272,-0.00845,0.02594,0.05934,0.04573,0.02751,0.00511,-0.00879,-0.07822,-0.05057,-0.01379,-0.04128,0.02749,-0.0629,-0.10188,-0.03748,0,-0.00249,-0.04208,-0.01802,-0.01863,-0.10705,-0.00749,0.00249,-0.01232,0.08564,0.00587,-0.05542,0.09923,0.04976,-0.05787,0.00562,-0.00487,0.0258,0.0072,-0.03732,0.03417,0.01506,-0.07989,-0.07683,0.06308,-0.00944,0.00893,-0.03499,0.04215,-0.04337,-0.03989,-0.00691,0.07372,-0.04027,0.00257,0.04466,0.00113,-0.00696,0.01702,-0.08833,0.06143,0.09598,0.04591,0.06059,0.00728,0.0443,0.11226,-0.01882,-0.01098,0.00195,-0.0229,0.10107,-0.01116,0.04486,-0.05444,-0.08914,0.10576,-0.02003,0.03903,-0.00811,0.01221,0.05348,-0.02893,-0.04262,-0.00815,0.02093,-0.01449,0.03969,-0.0489,-0.00586,-0.02385,0.11914,-0.08,0.04989,0.02376,0.00613,0.07921,0.05054,-0.00013,-0.07425,-0.03011,0.04466,0.10134,0.0208,0.02039,0.09545,0.08971,-0.00348,-0.00415,0.01128,-0.05061,-0.03213,0.05712,-0.04241,0.07012,0.02088,0,0.00934,0.03513,0.02116,-0.02266,-0.02434,-0.02487,0.02938,-0.02915,0.01828,-0.01441,-0.035,-0.07369,-0.00149,0.0041,0.06145,0.11679,0.05962,0.03604,-0.07545,-0.02481,0.05479,0.03524,0.05975,0.02096,-0.02576,0.03748,-0.07045,0.06117,0.07068,-0.0652,0.06238,0.00147,0.01029,-0.0053,-0.00977,0.03253,0.0335,0.03043,0.04864,0.03493,0.02928,-0.11525,-0.05125,0.00505,-0.0823,0.09224,0.01225,-0.04958,-0.05204,0.0309,-0.03795,0.00214,0.03409,0.01503,0.04221,0.07031,0.05407,-0.04049,0.02937,0.03309,0.09212,0.04807,-0.01458,0.01641],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Behavior notes:","excerpt":"Behavior notes:"},{"chunkId":"/docs/accessibility#7","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.00558,-0.07981,0.0027,0.04602,0.03785,0.02575,0.10022,-0.03475,0.01028,0.0098,0.07552,0.05611,0.03172,-0.04994,-0.0323,-0.03299,0.02064,-0.02351,-0.04787,0.00649,0.00096,-0.04199,-0.02731,0.02053,-0.0481,0.04094,-0.02994,-0.07822,0.04439,-0.08241,-0.0982,-0.00093,0.01176,0.02418,-0.14495,0.0125,0.07652,-0.09777,-0.10847,-0.0391,-0.05412,-0.03562,-0.04582,0.05495,0.03531,-0.08423,-0.03736,-0.00874,-0.05509,0.09687,-0.06711,0.03122,-0.00742,0.07236,0.00406,0.04272,-0.02094,0.00835,0.05688,0.02791,-0.01093,-0.01534,-0.00246,0.02347,0.01515,0.07006,0.01325,-0.09777,0.02681,-0.01614,0.05502,-0.07821,0.03216,-0.0306,0.03692,-0.02269,-0.02021,-0.06593,-0.02246,-0.03174,0.01059,0.01539,-0.03364,0.05412,0.01252,0.07285,-0.08867,0.02687,-0.01961,0.06175,-0.03368,-0.01467,0.01545,-0.05766,0.03063,-0.06277,0.06842,-0.02666,-0.03388,0.05564,-0.00161,0.11031,-0.01561,0.0006,-0.06282,-0.0552,0.0698,-0.09325,-0.11285,0.06072,-0.01695,-0.00024,-0.02906,0.01418,-0.0831,-0.02749,-0.00685,-0.04654,0.12732,0.05872,-0.04704,-0.01741,-0.02034,0.02754,0.0221,0.01742,-0.08068,0,-0.0026,-0.00259,-0.05921,0.00493,0.01304,-0.03855,-0.00002,-0.03433,-0.03668,-0.06713,0.01471,0.03425,0.01586,0.02827,0.12786,-0.05792,0.03379,0.05901,-0.06289,-0.05128,0.0254,0.0356,-0.00422,0.0393,0.05397,0.06687,-0.14998,0.02053,0.03729,0.05443,-0.06886,0.0176,-0.05233,-0.04445,-0.03847,0.03482,0.01738,-0.08176,0.05794,-0.04461,-0.09096,-0.03076,0.04637,-0.0879,-0.05003,-0.06777,-0.02999,0.03741,-0.05791,0.00527,-0.00381,-0.01697,-0.02874,-0.09614,-0.04492,-0.03599,-0.06057,0.02451,0.03115,0.14009,0.00066,0.04882,0.10012,0.05292,0.00199,0.06818,-0.01515,0.00354,0.04578,-0.09598,-0.023,-0.00678,0.01461,0.05978,-0.02246,-0.00169,-0.05506,-0.1405,0.07663,0.00311,0.02217,-0.02538,0.02035,0.02257,0.00808,-0.03982,-0.00699,-0.08546,-0.04483,0.00543,0.00494,0.0643,-0.00426,-0.08094,-0.02503,0,0.03958,0.013,-0.03497,0.04753,-0.09187,0.03752,-0.05213,-0.00696,0.06305,-0.095,-0.0673,0.09318,0.06705,-0.04686,-0.02209,0.02489,0.03957,-0.01286,-0.0278,-0.00584,0.0501,-0.09754,-0.04686,0.07015,-0.00939,-0.00837,-0.04115,0.03481,-0.01803,-0.03786,0.05137,0.09009,-0.03843,-0.03956,0.02964,0.02444,-0.05604,0.07418,-0.06359,0.04099,0.10682,0.03964,0.07715,0.01331,0.04187,0.11992,-0.02565,0.01392,-0.04712,0.02678,0.0648,-0.03004,-0.00296,-0.04532,-0.08135,0.10042,0.00253,0.01712,0.00386,-0.02778,0.07689,-0.06637,-0.04388,0.06365,0.02715,-0.07938,0.05676,-0.0052,-0.00704,-0.00514,0.11015,-0.01396,0.05327,-0.05464,0.00097,0.02466,0.02242,-0.02029,-0.05562,-0.04218,0.07017,0.11218,-0.00575,-0.01344,0.02893,0.12038,-0.02395,-0.01476,-0.01532,-0.00323,-0.02513,-0.02688,-0.06889,0.04551,-0.00178,0,0.00228,0.02507,-0.04209,0.01803,0.01962,-0.03554,-0.01133,0.01953,0.03028,-0.00303,0.00507,-0.0189,-0.02676,-0.06007,0.04586,0.12051,0.08172,-0.019,-0.05182,0.0005,0.02195,-0.00627,-0.0232,0.06122,-0.01519,0.00793,-0.02816,0.04351,0.07459,0.01334,0.03855,-0.00232,-0.00638,0.06895,-0.05708,0.00352,0.04919,0.02471,0.02013,0.02454,0.0598,-0.04185,-0.03098,0.00333,-0.1511,0.07435,-0.00181,-0.00125,-0.003,0.0255,0.00334,-0.00423,0.0276,0.04953,0.00954,0.03264,0.0648,0.0194,0.0721,-0.01596,0.0897,-0.00427,-0.0539,0.02606],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. - Native interactive content inside nodes — input, textarea, select, button, links, [contenteditable], and anything with a non-negative tabindex — is never hijacked: keys typed there stay typing, and clicking such content does not steal its focus. - Single-character keys yield to OS shortcuts: Ctrl/Cmd+C stays copy. - Groups are not arrow-navigation stops (their bounding rect would swallow the navigation); they stay pointer-reachable. - fSelectionDisabled nodes are skipped by navigation; fDraggingDisabled nodes cannot be grabbed. - If an item disappears from your data mid-mode (collaboration, refresh), the mode drops it and cancels itself when nothing is left. f Selection Disabled f Dragging Disabled","excerpt":"- Native interactive content inside nodes — input, textarea, select, button, links, [contenteditable], and anything with a non-negative tabindex — is never hijacked: keys typed there stay typing, and clicking such content does not steal its focus. - Single-character keys yield to OS shortcuts: Ctrl/Cmd+C stays copy. - Groups are not arrow-navigation stops (their bounding rect would swallow the navigation); they stay pointer-reachable. - fSelectionDisabled nodes are skipped by navigation; fDraggingDisabled nodes cannot be grabbed. - If an item disappears from your data mid-mode (collaboration, refresh), the mode drops it and cancels itself when nothing is left."},{"chunkId":"/docs/accessibility#8","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.05801,-0.07695,0.0103,-0.02601,-0.01905,0.05743,0.12397,-0.00509,0.03767,-0.02248,0.08666,0.01788,0.05246,-0.01108,-0.05251,-0.02274,0.04879,-0.05423,-0.03549,0.0355,0.01526,-0.01978,-0.00908,0.00413,0.01388,0.01869,-0.01263,-0.0293,0.02073,-0.04453,-0.0831,-0.02467,0.03151,0.00493,-0.0759,0.05193,0.05637,-0.06629,-0.10362,-0.01542,-0.0876,-0.03442,-0.01194,0.04756,0.04398,-0.03261,-0.0679,0.00181,-0.03452,0.08723,-0.03287,-0.0031,-0.01107,0.03544,0.04188,0.03077,-0.01965,0.02206,0.08244,0.02811,-0.01044,0.00191,-0.00374,0.03405,0.02866,0.09912,-0.0105,-0.14095,-0.02189,-0.00621,-0.04062,-0.06243,0.03674,-0.02189,-0.03714,-0.02888,-0.01523,-0.03016,0.02087,-0.0244,-0.04216,-0.01356,-0.01396,0.08999,0.01823,0.08784,-0.0783,0.01244,0.03366,0.0607,-0.02601,-0.11289,0.00809,0.02892,0.00388,-0.04328,0.01042,-0.05258,-0.071,0.04692,0.01103,0.06223,0.03273,-0.04663,-0.03015,-0.01375,0.03,-0.08622,-0.10038,0.02772,-0.04293,-0.03468,0.03543,-0.00167,-0.04691,-0.00041,-0.00734,-0.01847,0.12829,0.0273,-0.00325,-0.03306,-0.07093,0.00942,-0.00751,-0.0053,-0.07571,0,0.03268,0.04732,-0.06296,0.0288,0.02348,0.00309,-0.03733,-0.02063,-0.03485,-0.04644,0.04536,0.04163,0.00271,0.0054,0.08695,-0.05108,0.05925,0.0967,-0.01271,-0.00795,-0.01237,0.0019,0.00002,0.02004,0.06158,0.08666,-0.10771,0.03894,0.01206,0.03862,-0.0351,-0.02109,-0.0925,-0.06152,-0.0403,-0.06116,0.00897,-0.06944,0.0193,-0.01434,-0.09635,-0.03818,-0.05009,-0.09672,-0.00138,-0.05705,-0.04723,0.05534,0.02421,-0.04304,0.01574,0.00256,-0.04074,-0.10992,-0.02497,-0.06877,-0.04872,0.04512,0.00481,0.08302,-0.02841,0.02668,0.14777,0.03573,0.02552,0.00045,-0.05826,-0.02884,-0.01446,-0.09495,-0.06577,-0.03595,0.07903,0.08551,-0.04163,-0.04596,-0.01017,-0.10335,0.07544,-0.03027,-0.04565,0.02381,0.03405,0.07191,0.04598,-0.06643,0.01064,-0.05841,-0.05457,0.00503,-0.05598,-0.00353,-0.04928,-0.05981,-0.04421,0,0.04694,0.01692,-0.06073,0.00174,-0.10803,0.02427,0.03489,0.04456,0.1264,-0.07025,-0.01675,0.09124,0.0322,-0.056,-0.00606,0.04206,-0.00165,0.02558,-0.02242,-0.02008,0.0504,-0.07314,-0.10239,0.09397,-0.06397,0.01941,0.00869,0.04027,-0.07214,-0.03412,-0.01156,0.08423,-0.03788,0.02052,-0.01617,-0.02626,0.00907,-0.00374,-0.03884,0.08283,0.15292,0.05335,0.04832,0.02597,0.01324,0.11383,0.00696,-0.01295,-0.00204,0.00076,0.07958,-0.01218,0.02363,-0.01785,-0.10346,0.08385,-0.01125,-0.00939,0.01278,-0.02073,0.06243,-0.04342,-0.02615,0.03282,0.0356,-0.04512,-0.00798,-0.01927,0.02807,-0.04619,0.12925,-0.09111,0.04854,0.00332,0.03593,0.00472,0.05711,-0.06905,-0.04569,-0.01887,0.03984,0.07657,0.035,0.02955,0.04639,0.1359,-0.03116,0.06391,0.01469,-0.02294,-0.03974,0.04676,0.00291,0.05623,0.01384,0,-0.02307,0.03946,-0.00821,-0.06305,-0.01779,0.01012,-0.00494,-0.00211,0.01446,-0.06253,0.00896,0.00546,-0.07397,-0.05672,0.04361,0.09381,0.02964,0.03798,-0.07123,-0.03527,0.06401,0.02713,0.0094,0.02168,-0.05321,-0.03489,-0.05719,0.08237,0.02839,-0.00933,0.04246,0.0173,0.02446,0.00256,-0.07973,0.05352,0.04313,-0.01991,0.06898,0.06742,0.06368,-0.06885,-0.06969,-0.00847,-0.14232,0.093,0.05701,-0.05946,-0.0495,0.03196,-0.04479,0.01027,0.014,0.02309,0.00456,0.05919,0.03445,0.00005,0.02331,0.04074,0.04484,0.04334,-0.03531,-0.02551],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Configuration - keyboard: false — keeps the keyboard layer off while still customizing messages. - moveStep / coarseMoveStep — the arrow and Shift+arrow movement steps in canvas units. - keys: IFA11yKeys — bindings per action: grab, connect, deleteSelected, selectAll (always with Ctrl/Cmd), zoomIn, zoomOut, zoomReset. Values are KeyboardEvent.key strings; single characters match case-insensitively; an empty array disables the action. Arrows, Enter and Escape are structural and stay fixed. - messages: Partial<IFA11yMessages — every announcement and attached string as a keyed catalog (plain strings and functions), for localization or rewording. The defaults are exported as FDEFAULTA11YMESSAGES. move Step coarse Move Step IFA11y Keys delete Selected select All zoom In zoom Out zoom Reset Keyboard Event IFA11y Messages","excerpt":"Configuration - keyboard: false — keeps the keyboard layer off while still customizing messages. - moveStep / coarseMoveStep — the arrow and Shift+arrow movement steps in canvas units. - keys: IFA11yKeys — bindings per action: grab, connect, deleteSelected, selectAll (always with Ctrl/Cmd), zoomIn, zoomOut, zoomReset. Values are KeyboardEvent.key strings; single characters match case-insensitively; an empty array disables the action. Arrows, Enter and Escape are structural and stay fixed. - messages: Partial<IFA11yMessages — every announcement and attached string as a keyed catalog (plain strings and functions), for localization or rewording. The defaults are exported as FDEFAULTA11YMESSAGES."},{"chunkId":"/docs/accessibility#9","slug":"accessibility","route":"/docs/accessibility","section":"docs","title":"Accessibility - Keyboard Operation and Screen Reader Support","description":"Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y.","group":"Interaction","vector":[-0.05294,-0.12302,-0.00272,-0.04081,-0.01798,0.05423,0.06114,-0.0469,-0.00404,-0.01831,0.06386,0.05146,0.02943,-0.0244,-0.00723,-0.07022,0.06033,-0.04001,-0.01785,0.00269,-0.04039,-0.00805,-0.03416,0.01204,0.0261,0.01904,-0.01026,-0.00565,0.0438,-0.05399,-0.05135,-0.04472,0.0312,-0.01263,-0.11391,0.04375,0.05527,-0.05574,-0.10966,-0.04071,-0.09689,-0.04803,0.00189,0.06697,0.02855,-0.0806,-0.07466,-0.02445,-0.0431,0.05298,-0.04319,0.00882,0.00066,0.0204,-0.00413,0.04627,0.01785,0.0214,0.03758,0.01934,-0.02684,0.03869,0.0311,0.01048,0.02518,0.06908,0.03454,-0.11888,-0.00524,-0.09786,-0.01219,-0.07179,0.09036,-0.05353,-0.05491,-0.04132,-0.00628,-0.03483,0.02796,-0.01661,-0.02433,-0.01491,-0.0606,0.05381,-0.01761,0.06623,-0.08676,0.01438,0.03848,0.07018,0.02767,-0.0515,-0.00479,-0.0216,0.01436,-0.07189,0.0663,-0.00083,-0.04741,0.04871,0.00823,0.06975,-0.03199,-0.01707,-0.03557,-0.04219,0.05771,-0.10904,-0.1017,0.00361,-0.00739,-0.07507,-0.02657,0.03625,-0.05661,0.01198,-0.02729,-0.03168,0.14518,0.03448,-0.05882,-0.02322,-0.05932,0.00246,-0.01772,0.0075,-0.07425,0,0.02554,0.05629,-0.06448,-0.00008,0.02322,-0.02767,-0.04136,-0.00251,-0.0073,-0.09921,0.04245,0.06346,0.00591,0.00677,0.0799,-0.0453,0.01084,0.11403,-0.07728,-0.02646,-0.00519,-0.00085,0.00995,0.05705,0.0239,0.09507,-0.11546,0.01861,0.05629,0.04002,-0.04171,0.0056,-0.11685,-0.08595,-0.03361,-0.06994,0.02627,-0.07129,0.05118,0.01293,-0.08415,-0.01932,-0.01128,-0.11439,-0.02092,-0.00337,0.01475,0.07961,0.03206,-0.02179,-0.02486,-0.00391,-0.07557,-0.11972,0.02315,-0.00831,-0.0159,0.04474,0.0709,0.10918,0.00863,0.05972,0.12264,0.04176,0.01004,0.0266,-0.0073,0.0056,0.01485,-0.06867,-0.05128,-0.0031,0.00473,0.10728,-0.03686,-0.01118,-0.00656,-0.07927,0.06615,-0.01177,-0.03276,0.0132,0.0576,0.06512,0.04366,-0.00842,-0.03719,-0.05093,-0.0303,-0.02635,-0.02395,0.03179,-0.06576,-0.09663,-0.01222,0,-0.01271,-0.03267,-0.03085,-0.01374,-0.09016,-0.00223,0.00029,-0.01384,0.11733,0.00402,-0.03273,0.08057,0.06911,-0.0672,-0.04561,-0.00989,0.02765,-0.00687,-0.04176,0.02923,0.04685,-0.07781,-0.03792,0.0596,-0.01072,-0.00499,-0.05172,0.04767,-0.04779,-0.04563,-0.02441,0.06724,-0.02452,-0.02835,0.04475,0.00875,-0.03541,0.03901,-0.07569,0.05139,0.09065,0.05178,0.08138,0.0212,0.04376,0.16083,-0.05698,-0.0126,-0.00381,-0.01069,0.0981,-0.00493,0.04194,-0.03674,-0.07678,0.10007,-0.00189,0.0336,-0.00197,-0.00693,0.06418,-0.03876,-0.01795,0.0311,0.03772,0.01208,0.01241,-0.07269,0.00038,-0.02419,0.11907,-0.06676,0.05458,0.01087,-0.00598,0.04381,0.04574,-0.02833,-0.04677,-0.04679,0.05476,0.10161,0.03363,-0.01543,0.04289,0.12838,0.00006,-0.00191,0.01928,-0.03812,-0.04264,0.04476,-0.03424,0.05317,0.01242,0,0.00962,0.03424,0.02849,-0.04631,-0.01693,-0.01793,0.03059,-0.01411,0.03671,0.00844,-0.04343,-0.05409,-0.0027,-0.01954,0.07179,0.10033,0.06953,0.06443,-0.06828,-0.02844,0.04727,0.0316,0.06647,0.03859,0.00524,0.0174,-0.05076,0.06445,0.0607,-0.05905,0.05569,-0.02125,0.05608,0.00675,-0.03193,0.03448,0.03518,0.02131,0.0161,0.06431,0.02474,-0.07386,-0.07025,-0.00966,-0.11488,0.08662,0.01704,-0.05673,-0.03742,0.04385,-0.00273,0.0082,0.05235,0.00121,0.00317,0.08581,0.05069,-0.02875,0.00781,0.0042,0.06633,0.0637,-0.00735,0.00173],"keywords":"Accessibility - Keyboard Operation and Screen Reader Support Accessibility - Keyboard Operation and Screen Reader Support Built-in ARIA semantics and an opt-in keyboard layer: spatial navigation, grab-and-move, keyboard connection creation, localizable announcements, and remappable keys via withA11y. Example See the Accessibility example for a working editor with the full keyboard map, custom moveStep, and the delete/move/connect events wired to signals. move Step","excerpt":"Example See the Accessibility example for a working editor with the full keyboard map, custom moveStep, and the delete/move/connect events wired to signals."},{"chunkId":"/docs/f-background-component#0","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.04169,0.05895,-0.0575,-0.04221,0.04823,0.04279,0.04312,0.02786,0.00118,-0.02798,-0.07485,0.0328,-0.06424,-0.00048,0.04759,-0.05864,-0.01034,0.04928,-0.05823,0.04814,-0.08113,-0.09859,0.01522,-0.0757,-0.03691,0.02695,0.07676,-0.03164,0.08043,-0.01626,0.0044,0.0572,0.03852,0.05774,-0.15066,0.0347,-0.00333,0.05122,-0.08645,-0.02482,-0.01844,0.05045,-0.01957,-0.02196,-0.01182,-0.01354,0.03272,-0.02532,0.00841,0.02959,0.04374,-0.13114,-0.04911,0.0467,-0.00006,0.00092,0.08879,0.01109,0.02515,-0.02069,0.01104,0.01916,-0.05558,-0.00086,0.04221,-0.00214,-0.02821,-0.06768,0.02484,-0.05618,-0.00275,-0.00029,0.07951,-0.04164,0.04379,-0.00949,-0.07311,-0.00919,0.02634,-0.04947,0.07108,-0.02215,0.00624,0.07935,0.0108,0.05747,-0.02995,-0.0477,-0.08695,0.05267,-0.05195,0.02257,-0.03785,-0.0813,-0.11267,-0.01034,-0.02244,-0.04283,0.07987,0.00396,0.06986,-0.0627,0.06218,0.01478,0.08191,-0.0167,-0.05276,0.01034,0.00815,-0.03294,-0.05842,0.01408,-0.01089,0.00851,-0.02357,-0.05577,0.05027,-0.04242,0.04485,-0.04689,0.10056,0.10599,0.0343,-0.04473,0.03959,-0.00268,-0.02046,0,0.03005,0.07058,-0.03135,-0.05442,0.0552,-0.03244,0.02239,-0.03727,-0.01109,0.05421,-0.02352,0.02503,-0.05843,0.05821,0.06507,-0.09273,0.04275,-0.03296,0.00128,-0.00976,0.04316,0.01078,0.00232,-0.01563,0.03364,0.0658,-0.00328,0.04389,-0.07014,-0.0096,0.0464,0.04473,0.00151,-0.02013,-0.03043,-0.0288,-0.05579,-0.05737,0.00912,0.0185,-0.01337,-0.06382,-0.06807,0.02294,0.09232,-0.04656,0.03545,0.04174,0.01596,0.05816,0.02453,-0.01635,0.02226,-0.08725,0.02473,0.00294,0.05535,0.02318,0.00419,0.04474,0.06271,-0.00895,-0.05094,0.0544,-0.04308,-0.04704,0.02702,0.01671,-0.12358,0.01433,0.07343,0.05028,0.01235,-0.04006,0.07155,0.00652,-0.03185,-0.01277,-0.0845,-0.05141,-0.12571,0.01193,0.02529,-0.05285,-0.03758,0.08146,0.0511,0.00867,0.00185,-0.08595,-0.0001,-0.05572,-0.00027,-0.03088,0.0025,0,-0.03387,0.06145,-0.03879,0.02943,0.05245,-0.00074,-0.02004,0.02415,-0.01734,0.1086,-0.05668,0.02081,0.07073,-0.00515,-0.0846,0.04755,-0.04412,0.01514,-0.07879,-0.04713,-0.04903,-0.03652,-0.02144,0.03037,-0.02161,-0.01309,0.02978,0.05949,-0.01741,-0.02466,-0.06452,-0.084,0.12162,-0.05497,0.00757,-0.03806,0.02235,-0.01042,-0.06473,-0.05635,-0.07948,0.03651,0.00764,0.03918,-0.05092,0.04158,-0.06892,0.06636,0.0124,0.02513,-0.00278,0.03291,-0.00431,-0.00749,-0.00679,0.03276,0.00429,0.06112,-0.0481,0.04991,0.02833,-0.04455,-0.02977,-0.01482,0.12551,0.06325,-0.10794,-0.0361,0.03704,0.08955,0.11055,0.03657,0.00864,0.07601,0.02973,-0.01903,0.13145,0.01807,0.07804,0.12982,0.03188,-0.04863,0.00613,0.07531,-0.0065,0.01036,-0.08913,0.04753,-0.00836,-0.00192,-0.00506,0.1022,-0.01224,-0.05593,0.0984,0,-0.02541,-0.00163,-0.01824,-0.03979,-0.02368,-0.03557,0.01819,-0.11371,-0.06861,-0.08576,-0.09128,0.00617,-0.0062,-0.00993,0.05096,0.04304,0.00744,0.03095,-0.04245,0.02401,-0.08712,0.03956,-0.10239,0.10874,-0.01106,0.02229,-0.05135,0.03416,0.08425,0.04953,-0.02069,0.04259,-0.01355,-0.03514,-0.0621,0.08343,-0.0375,-0.04933,-0.0612,0.02584,0.07206,-0.07749,0.05819,0.01042,-0.03245,0.04794,0.02243,-0.12243,-0.03617,-0.01994,0.00973,-0.09983,-0.00369,0.07736,0.02018,-0.00905,-0.01072,0.00309,0.04871,-0.00542,-0.03046,0.05504,0.06896,0.05326],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Background Selector: f-background Class: FBackgroundComponent FBackgroundComponent renders an SVG background layer that follows canvas transform. You can plug built-in patterns or provide a custom pattern implementation. F Background Component","excerpt":"Background Selector: f-background Class: FBackgroundComponent FBackgroundComponent renders an SVG background layer that follows canvas transform. You can plug built-in patterns or provide a custom pattern implementation."},{"chunkId":"/docs/f-background-component#1","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.0198,0.0425,-0.04474,-0.03696,0.07927,0.03633,0.00545,0.07793,0.03479,0.00894,-0.05707,0.08467,-0.05775,-0.00137,0.06457,-0.06002,0.02251,0.03949,-0.04867,0.03261,-0.10893,-0.10741,0.03054,-0.07285,-0.03722,0.01522,0.02835,-0.01928,0.11177,-0.03388,-0.02564,0.12344,0.0913,0.0435,-0.1532,0.04304,-0.01,0.03852,-0.11487,-0.03744,-0.04209,0.02646,0.00051,-0.00522,0.00395,-0.04356,0.00523,-0.05243,0.00763,0.04865,0.0137,-0.13049,-0.07588,0.04307,0.01556,0.02308,0.08966,0.01267,0.02692,-0.01095,0.01323,0.01172,-0.0749,0.02044,0.05319,-0.0138,-0.02468,-0.05802,0.00984,-0.06681,-0.00651,0.01775,0.02383,-0.04154,0.03278,0.02422,-0.04751,-0.02346,-0.01156,-0.08399,0.08418,0.00743,-0.02483,0.06183,-0.00251,0.05755,-0.0293,-0.06891,-0.06492,0.04375,-0.00951,0.03503,-0.0505,-0.07857,-0.0998,0.00824,0.00145,-0.03588,0.04111,0.0302,0.07626,-0.0808,0.06826,0.03008,0.06927,-0.0444,-0.02253,0.00432,-0.01492,-0.03175,-0.05562,0.00063,-0.02733,0.01143,-0.04356,-0.07588,0.04534,-0.06319,0.09541,-0.04664,0.07632,0.07628,0.03119,-0.02012,0.03741,-0.03779,-0.04837,0,0.03674,0.10291,-0.03186,-0.03034,0.09001,-0.03509,0.00235,-0.05666,0.04367,0.0591,-0.01502,0.04803,-0.06752,0.07256,0.08971,-0.06991,0.02929,0.03276,-0.03778,0.02148,0.07296,-0.0259,0.02211,-0.00006,0.03764,0.09275,0.01343,0.05434,-0.07391,-0.00235,0.01762,0.0229,-0.01145,0.00319,-0.00952,0.01222,-0.07251,-0.12083,0.00421,0.01641,-0.06029,-0.00094,-0.04106,0.00659,0.10388,-0.03262,-0.00401,0.02725,-0.01269,0.08785,0.03262,0.04659,0.01442,-0.07325,0.0246,-0.01047,0.07109,-0.03561,0.00746,0.08049,0.04323,0.02263,-0.03928,0.045,-0.05642,-0.00585,0.06019,0.02188,-0.08266,-0.00398,0.03206,0.05244,-0.03205,-0.02298,0.04401,-0.03703,-0.01947,-0.055,-0.05532,-0.04252,-0.13963,0.04025,-0.0511,-0.05466,-0.07297,0.03055,0.03989,0.00458,-0.00857,-0.06987,0.02451,-0.03953,0.0175,-0.01468,-0.02747,0,-0.08272,0.03332,-0.05383,0.04402,0.02657,-0.01159,0.00402,-0.00984,-0.00462,0.07289,-0.05208,0.03186,0.05079,0.00895,-0.06798,0.05,-0.04759,-0.01806,-0.08112,-0.07391,-0.00073,-0.0039,-0.01024,0.05307,-0.02744,-0.01619,-0.04044,0.0209,-0.02872,-0.02315,-0.05323,-0.06939,0.08499,-0.06141,0.0199,-0.05331,0.02954,0.02663,-0.05612,-0.03986,-0.03339,0.04389,0.01254,0.03907,-0.08336,0.07118,-0.10159,0.04693,0.04607,0.03629,-0.01446,0.02721,0.01989,-0.04786,-0.01302,0.0041,-0.00429,0.06592,-0.05331,0.04637,0.02001,-0.05195,-0.02385,-0.00806,0.09581,0.0715,-0.06035,-0.0347,0.04718,0.07504,0.10766,0.04939,-0.01156,0.08657,0.0048,0.00857,0.15082,0.01381,0.0482,0.13088,-0.00724,-0.01181,-0.01621,0.0824,-0.03091,0.01487,-0.0783,0.03796,-0.00876,-0.01742,0.00363,0.11248,-0.0037,0.02773,0.05717,0,-0.05138,-0.00391,-0.00534,-0.02618,-0.04598,-0.05981,0.03242,-0.08496,-0.05523,-0.04416,-0.08714,-0.00033,-0.04694,-0.02557,0.07912,0.04487,0.00569,0.02883,-0.05528,0.02645,-0.06387,0.05241,-0.12049,0.0698,-0.00176,0.03343,0.00156,0.06067,0.07445,0.04796,-0.0092,0.0533,0.01598,0.0232,-0.06326,0.03822,-0.00933,-0.03573,-0.05431,0.01845,0.03804,-0.0538,0.04871,-0.00969,-0.03877,0.04106,0.03533,-0.07751,-0.04963,-0.01428,-0.03718,-0.0777,0.00517,0.05321,0.03687,0.01293,0.01646,0.00096,0.0815,0.00342,-0.04015,0.04648,0.05729,0.04128],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Why / Use cases Use f-background to improve spatial orientation in editing surfaces. Typical use cases: - Node alignment with visible grid rhythm. - Visual depth for large canvases. - Branded or domain-specific pattern overlays. Skip it for print-like diagrams where a plain background is preferred.","excerpt":"Why / Use cases Use f-background to improve spatial orientation in editing surfaces. Typical use cases: - Node alignment with visible grid rhythm. - Visual depth for large canvases. - Branded or domain-specific pattern overlays. Skip it for print-like diagrams where a plain background is preferred."},{"chunkId":"/docs/f-background-component#2","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.06189,0.0416,-0.06121,-0.02841,0.04449,0.05836,0.02396,0.03702,-0.01209,-0.03497,-0.05494,0.0448,-0.05803,0.00658,0.04714,-0.04556,-0.00174,0.06865,-0.0479,0.02578,-0.06439,-0.09239,0.0282,-0.06747,-0.00486,0.00612,0.06856,-0.03197,0.10086,-0.02302,0.00463,0.08723,0.04782,0.03475,-0.12695,0.03793,0.00612,0.04638,-0.10311,-0.01618,-0.01298,0.0614,-0.02046,-0.01298,-0.00207,-0.00903,0.03939,-0.01292,-0.02458,0.00403,0.04911,-0.13149,-0.0343,0.07504,0.00042,0.02198,0.0827,0.02778,0.03402,-0.00623,0.003,0.00307,-0.07024,0.00072,0.04306,-0.00449,-0.02894,-0.08038,-0.00181,-0.07061,-0.04535,0.01204,0.07228,-0.05924,0.05221,0.00275,-0.06108,-0.01486,0.03751,-0.05485,0.08836,-0.00052,-0.00094,0.06674,0.02785,0.054,-0.02455,-0.0409,-0.07481,0.05854,-0.04529,-0.0016,-0.05692,-0.0629,-0.10793,-0.00021,-0.0119,-0.03943,0.07941,0.02383,0.06765,-0.06066,0.0768,0.01664,0.06384,-0.02434,-0.04519,0.04564,0.00215,-0.01638,-0.04168,0.00852,0.00521,0.012,-0.01985,-0.04982,0.05054,-0.02922,0.06307,-0.05866,0.08109,0.0977,0.04868,-0.02921,0.03328,-0.01566,-0.03741,0,0.00601,0.07538,-0.02944,-0.02179,0.04761,-0.03646,0.01655,-0.03191,0.02131,0.03593,-0.01898,0.04614,-0.0599,0.06958,0.06714,-0.10182,0.02334,0.03131,-0.0299,0.02645,0.07352,0.02524,0.00884,-0.03658,0.0403,0.08213,0.01043,0.06516,-0.0815,-0.01405,0.03787,0.04681,-0.0113,0.00469,-0.01269,-0.02392,-0.05828,-0.09234,0.00405,0.02858,0.01522,-0.03324,-0.06768,-0.01303,0.05511,-0.04892,0.04161,0.05359,0.0251,0.05307,0.03113,0.01948,-0.00317,-0.08541,0.03225,-0.00876,0.02263,-0.01647,0.02387,0.04748,0.06314,0.01532,-0.05755,0.02376,-0.08318,-0.05215,0.04175,0.01617,-0.1065,0.03347,0.06456,0.06311,-0.01522,-0.05157,0.07173,-0.00781,-0.04468,-0.00004,-0.08002,-0.03511,-0.13711,0.04389,0.00536,-0.05469,-0.03771,0.05099,0.04751,0.00582,-0.02094,-0.08464,0.01536,-0.06569,-0.02726,-0.02802,-0.01737,0,-0.06088,0.05339,-0.04965,0.0173,0.01618,-0.02721,-0.02745,0.03045,-0.02567,0.08503,-0.06827,0.02558,0.05979,0.01563,-0.07229,0.04851,-0.03569,-0.0047,-0.10002,-0.08624,-0.01932,0.00689,-0.01306,0.01947,-0.04574,-0.00402,0.02348,0.07644,0.00187,-0.02111,-0.06145,-0.10215,0.0689,-0.05925,-0.00486,-0.04509,-0.00016,0.01945,-0.05304,-0.06082,-0.04896,0.03576,-0.00793,0.0534,-0.05431,0.02466,-0.04215,0.06019,0.02845,0.01911,0.00023,0.03939,0.0156,-0.00496,-0.04123,0.01913,-0.00246,0.04456,-0.05148,0.05856,0.01239,-0.0573,-0.0035,0.00832,0.13537,0.08452,-0.07985,-0.05245,0.05935,0.09362,0.13791,0.05271,0.02093,0.08097,0.02673,-0.021,0.12934,0.03895,0.07006,0.12089,0.01856,-0.04641,0.01205,0.07288,-0.00567,-0.00375,-0.07277,0.06317,-0.00699,0.00915,-0.01092,0.12233,-0.02718,-0.01359,0.09053,0,-0.04826,-0.01496,-0.03807,-0.03756,-0.05213,-0.05605,0.02121,-0.1043,-0.07555,-0.07857,-0.06992,-0.01619,0.00224,-0.00484,0.05856,0.03084,0.02006,0.05944,-0.05831,0.01522,-0.07567,0.0457,-0.08889,0.09931,0.0077,0.01497,-0.03537,0.06156,0.08953,0.05605,-0.00715,0.05352,-0.00966,-0.04034,-0.07855,0.06836,-0.02464,-0.04382,-0.03867,0.02514,0.05776,-0.07922,0.05831,0.01523,-0.02133,0.05406,0.02412,-0.10992,-0.033,-0.01611,0.02382,-0.08325,-0.00676,0.06873,0.02425,-0.01548,0.0109,-0.00591,0.08023,0.00811,-0.04169,0.04695,0.06989,0.05024],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. How it works f-background registers as a plugin and receives canvas transform updates. The projected pattern component recalculates SVG pattern attributes (x/y/width/height and shape geometry) from that transform.","excerpt":"How it works f-background registers as a plugin and receives canvas transform updates. The projected pattern component recalculates SVG pattern attributes (x/y/width/height and shape geometry) from that transform."},{"chunkId":"/docs/f-background-component#3","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.05359,0.02917,-0.04845,-0.02865,0.06081,0.04107,0.02178,0.04841,-0.02083,-0.02115,-0.06675,0.04329,-0.05555,0.00174,0.03503,-0.03343,0.00496,0.06458,-0.05308,0.05549,-0.09456,-0.11184,0.02279,-0.07454,-0.00373,0.01359,0.04975,-0.04413,0.10088,-0.01607,-0.00034,0.07359,0.05884,0.04796,-0.13014,0.0432,-0.00807,0.02879,-0.10762,-0.01036,-0.02542,0.07723,-0.01424,-0.02626,-0.00882,-0.03403,0.02732,-0.03326,0.00585,0.03283,0.02061,-0.15029,-0.05862,0.04197,0.00846,0.00342,0.07288,0.01053,0.02815,-0.01071,0.03797,0.00233,-0.06436,0.01503,0.05076,-0.00319,-0.02278,-0.08146,0.02036,-0.07245,-0.03867,-0.0037,0.07884,-0.04301,0.04305,0.01172,-0.04596,-0.02752,0.01142,-0.06777,0.05994,-0.02597,-0.02767,0.08623,0.01276,0.06384,-0.01825,-0.01715,-0.06465,0.0383,-0.04692,0.0223,-0.05024,-0.06591,-0.11711,-0.01042,-0.00994,-0.0543,0.04934,0.02443,0.07173,-0.07514,0.06318,0.02267,0.09278,-0.01718,-0.02203,0.01949,0.01369,-0.00292,-0.05651,0.01288,-0.00996,0.01266,-0.02221,-0.04492,0.05498,-0.04622,0.099,-0.04969,0.10144,0.09456,0.05339,-0.05158,0.04888,-0.02782,-0.02778,0,0.02443,0.07373,-0.01667,-0.03645,0.06887,-0.04676,0.00569,-0.04771,-0.01012,0.02187,-0.01951,0.04272,-0.0631,0.0787,0.0771,-0.10202,0.00704,0.0051,0.013,0.01392,0.051,-0.01684,0.0127,-0.01504,0.02177,0.0798,0.00848,0.05391,-0.06298,-0.00057,0.0363,0.04861,-0.01705,0.00606,-0.01659,-0.03082,-0.07731,-0.09525,0.00035,0.02692,-0.02503,-0.03672,-0.07323,-0.00038,0.0716,-0.04538,0.03246,0.06467,0.00718,0.05351,0.01446,0.01708,0.02044,-0.09661,0.01379,-0.02677,0.04977,0.01309,0.01465,0.05936,0.05906,0.01086,-0.03525,0.04406,-0.04553,-0.03504,0.03238,0.03001,-0.10986,0.01697,0.06611,0.05711,0.01269,-0.04341,0.05471,-0.02391,-0.02379,-0.01688,-0.07617,-0.05613,-0.15103,0.01017,0.00108,-0.05264,-0.0564,0.06054,0.05976,0.00221,-0.01769,-0.08043,-0.0162,-0.06425,0.00873,-0.03811,-0.03404,0,-0.04931,0.0368,-0.05496,0.03677,0.05665,-0.00617,-0.0159,0.0563,-0.015,0.09399,-0.05067,0.03052,0.0554,0.01329,-0.06856,0.04516,-0.02011,-0.00678,-0.07239,-0.06818,-0.02846,-0.00196,-0.02667,0.03827,-0.04298,-0.00079,0.00786,0.04628,-0.05486,-0.03361,-0.06053,-0.08259,0.08595,-0.06177,0.00133,-0.01525,0.02725,0.01577,-0.08225,-0.05078,-0.03785,0.0253,0.00377,0.03362,-0.04846,0.03351,-0.09539,0.06913,0.01185,0.03365,0.00139,0.0417,0.02125,-0.02334,-0.00831,0.02435,0.01794,0.05237,-0.04333,0.0482,0.0129,-0.05894,-0.04114,-0.00255,0.12233,0.0939,-0.11095,-0.04348,0.02706,0.08828,0.11344,0.03495,0.01941,0.07968,0.02192,-0.00764,0.13559,0.02676,0.07383,0.11084,0.02857,-0.04606,0.02304,0.07788,0.01212,0.00958,-0.08231,0.04216,-0.00768,0.01834,-0.01076,0.12233,-0.02405,-0.01481,0.09705,0,-0.02369,0.01616,-0.04101,-0.03736,-0.03776,-0.0465,0.01673,-0.09542,-0.05129,-0.06446,-0.05949,-0.02397,-0.01085,0.01542,0.06836,0.03436,0.00258,0.05013,-0.05534,0.02552,-0.07955,0.05639,-0.08895,0.07948,-0.00303,0.03013,-0.02804,0.0524,0.09523,0.03508,-0.01535,0.05629,-0.00023,-0.03526,-0.06499,0.08134,-0.03582,-0.03858,-0.05369,0.03651,0.06412,-0.06423,0.05523,0.00235,-0.00404,0.06155,0.01529,-0.11741,-0.01385,-0.01005,0.00036,-0.08978,-0.01008,0.06242,0.03308,-0.01745,-0.00634,0.01693,0.05397,0.00704,-0.02165,0.04058,0.07386,0.07372],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. API","excerpt":"API"},{"chunkId":"/docs/f-background-component#4","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.02415,0.03587,-0.08788,-0.01412,0.06081,0.03997,0.02215,0.01118,0.00629,-0.04952,-0.04713,0.02658,-0.04923,-0.00828,0.01216,-0.04178,0.00453,0.02186,-0.03573,0.05263,-0.09617,-0.11448,0.0324,-0.06954,-0.00679,0.03032,0.04352,-0.04388,0.08992,-0.03323,-0.0016,0.08778,0.07025,0.06241,-0.1251,0.02019,0.00168,0.04984,-0.11063,-0.0189,-0.04341,0.05161,-0.01113,-0.04571,-0.0202,-0.01516,0.01759,-0.0593,0.00272,0.01907,0.03578,-0.10842,-0.06995,0.06446,0.00837,-0.00372,0.08184,0.01087,0.01555,-0.02335,0.00663,0.01106,-0.04883,0.0115,0.0603,0.00673,-0.03091,-0.0797,0.00363,-0.04498,-0.02336,-0.00008,0.06055,-0.06487,0.07587,-0.00102,-0.05479,-0.02408,0.02021,-0.03002,0.05513,-0.03528,-0.02947,0.08996,0.01258,0.07256,-0.0298,-0.02331,-0.05928,0.05377,-0.08618,0.0356,-0.04521,-0.05638,-0.12297,-0.01037,-0.02246,-0.04965,0.03996,0.02749,0.07506,-0.07666,0.08029,0.04283,0.09137,0.00201,-0.02802,0.01373,0.01097,-0.02786,-0.04504,0.00393,-0.00365,0.03437,-0.05048,-0.04543,0.07218,-0.0413,0.07815,-0.03077,0.10523,0.08,0.03457,-0.03691,0.02783,-0.017,-0.01663,0,0.02679,0.06664,-0.01738,-0.07077,0.0807,-0.02768,0.00376,-0.04328,0.00989,0.04311,-0.02456,0.03986,-0.0492,0.04918,0.09872,-0.08129,0.03566,0.00346,-0.01326,-0.01041,0.06648,-0.00057,-0.01145,-0.0324,0.0345,0.06179,0.00033,0.03906,-0.0865,-0.01394,0.01898,0.06096,0.01388,-0.00339,-0.017,-0.04172,-0.07223,-0.06951,-0.00176,0.02081,-0.05204,-0.06936,-0.06921,-0.00506,0.07798,-0.04666,0.03534,0.05794,-0.01117,0.06615,0.01399,0.01681,0.02667,-0.09574,0.00595,-0.01917,0.05688,0.01973,-0.0016,0.03826,0.0511,0.0086,-0.05304,0.03422,-0.07201,-0.02757,0.02728,0.00101,-0.09787,0.00898,0.05943,0.06012,0.01493,-0.04921,0.0573,-0.01975,-0.04321,-0.03672,-0.06346,-0.04241,-0.10991,0.02331,0.00693,-0.03821,-0.0232,0.06594,0.04823,-0.00431,0.00632,-0.09072,-0.02069,-0.06253,-0.00494,-0.06072,-0.02344,0,-0.03955,0.06035,-0.05313,0.03864,0.04501,0.00866,0.00469,0.05225,0.01466,0.08977,-0.02757,0.03453,0.05431,-0.00547,-0.05952,0.04566,-0.05166,0.0123,-0.08819,-0.03998,-0.01029,-0.00868,-0.0418,0.06614,-0.04743,-0.01054,0.03104,0.0657,-0.03957,-0.02511,-0.05144,-0.06218,0.09548,-0.08889,0.0036,-0.02367,0.02625,0.0289,-0.0739,-0.04883,-0.05154,0.05933,0.0061,0.03795,-0.06462,0.04388,-0.0924,0.06322,0.02119,0.01836,-0.01424,0.03335,-0.0017,-0.01437,-0.02115,0.01727,0.0129,0.06131,-0.02665,0.05657,0.0412,-0.05462,-0.06146,-0.00168,0.11847,0.08737,-0.10085,-0.00435,0.05337,0.08964,0.12544,0.03505,0.023,0.05752,0.00979,0.00775,0.12557,0.00216,0.06542,0.10993,0.03457,-0.03073,0.00918,0.08666,0.01162,-0.00372,-0.09031,0.04025,-0.00521,0.01782,-0.02244,0.11945,0.00117,-0.03165,0.08914,0,-0.02405,0.00527,-0.04806,-0.02725,-0.03174,-0.03411,0.03301,-0.12535,-0.04722,-0.07965,-0.07423,-0.00683,-0.02327,-0.0033,0.07227,0.04579,0.00763,0.02811,-0.05915,0.01807,-0.07326,0.05135,-0.10484,0.09342,-0.01353,0.01314,-0.02713,0.04873,0.1081,0.03942,-0.02098,0.0594,-0.01003,-0.03206,-0.07599,0.09858,-0.03133,-0.02826,-0.06955,0.01871,0.05141,-0.05897,0.04111,-0.01004,-0.03692,0.05241,0.02081,-0.1252,-0.02579,-0.00567,0.01613,-0.06222,-0.03302,0.07025,0.03942,-0.03481,0.01145,0.02695,0.04272,0.00961,-0.00634,0.0324,0.07701,0.06489],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. FBackgroundComponent (f-background) - Inputs: none - Outputs: none F Background Component","excerpt":"FBackgroundComponent (f-background) - Inputs: none - Outputs: none"},{"chunkId":"/docs/f-background-component#5","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.02741,0.0432,-0.08488,-0.0261,0.06488,0.04896,0.05721,0.04471,0.01734,-0.06659,-0.07808,0.0321,-0.03006,-0.00202,0.05644,-0.03113,-0.02945,0.03901,-0.04544,0.01166,-0.08481,-0.1328,0.03251,-0.05792,-0.06825,0.03739,0.06434,-0.04093,0.07719,-0.05311,0.01124,0.09626,0.08387,0.02417,-0.11478,0.00182,-0.01241,0.04309,-0.08364,-0.02978,-0.01868,0.04454,0.01479,-0.02655,-0.00742,-0.02933,0.00411,0.00674,0.00637,0.04905,0.02621,-0.11927,-0.05132,0.04964,0.0492,0.00984,0.07877,0.00535,0.06295,-0.01215,0.04716,-0.0092,-0.0286,-0.00125,0.03319,-0.01203,-0.01135,-0.10254,0.03127,-0.06361,-0.00811,0.00817,0.07326,-0.07194,0.06204,0.05027,-0.08515,0.00364,-0.01858,-0.06336,0.05488,-0.02518,0.004,0.06062,0.05572,0.08239,-0.03231,-0.05457,-0.07268,0.06773,-0.05788,0.05777,-0.06666,-0.0706,-0.12933,-0.01873,-0.03082,-0.07295,0.04007,0.04071,0.05319,-0.07643,0.05568,0.04133,0.06914,-0.01465,-0.03609,0.01296,0.01406,-0.0311,-0.04,0.00628,0.00046,0.04969,-0.02692,-0.00726,0.06622,-0.01282,0.09032,-0.02009,0.10709,0.07861,-0.02532,-0.0451,0.01728,-0.01815,-0.03709,0,0.02405,0.10096,-0.02506,-0.07015,0.03103,-0.06436,-0.0037,-0.03344,0.01873,0.03181,-0.03262,0.0368,-0.06531,0.03676,0.07174,-0.08491,0.01293,-0.01753,-0.03792,-0.02133,0.02755,-0.00778,-0.01346,-0.02196,0.02367,0.09546,0.00914,0.05289,-0.03294,-0.00455,0.03399,0.01552,0.00942,0.02555,-0.02584,-0.01622,-0.0506,-0.05335,-0.02605,0.03014,-0.01146,-0.03681,-0.07261,0.04171,0.07351,-0.02739,0.03505,0.02681,0.02022,0.04168,-0.01643,0.01751,-0.0054,-0.12162,0.03447,-0.04668,0.04044,0.0193,0.00885,0.05128,0.07431,0.0195,-0.04256,0.02555,-0.03786,-0.01449,-0.00426,0.00116,-0.10086,-0.00414,0.08182,0.07974,0.01808,-0.03518,0.0556,-0.00354,-0.03492,-0.03099,-0.0548,-0.04515,-0.14189,0.03209,0.00411,-0.04918,-0.04188,0.06305,0.05554,-0.01125,-0.01676,-0.08741,-0.00566,-0.04471,0.03184,-0.0272,-0.03335,0,-0.04228,0.04559,-0.03019,0.04104,0.07515,-0.00015,-0.02253,0.05481,-0.03241,0.0702,-0.05881,0.03223,0.04411,0.01073,-0.05942,0.0432,-0.04006,0.01534,-0.06725,-0.02459,-0.0463,0.01838,-0.02363,0.06946,-0.05049,0.02183,0.03807,0.02241,-0.03383,-0.01015,-0.11197,-0.0843,0.09306,-0.04069,0.03337,-0.05782,0.02839,-0.00843,-0.0796,-0.01431,-0.07791,0.03154,-0.01543,0.03926,-0.05293,0.0209,-0.03977,0.06509,-0.00634,0.04317,0.00745,0.03022,0.00529,-0.02795,0.00595,0.04764,0.00627,0.08494,-0.02726,0.0725,-0.00635,-0.05071,-0.06183,0.0137,0.14137,0.08763,-0.05377,-0.01957,0.03443,0.09371,0.10661,0.04751,0.01469,0.07694,0.00051,-0.02374,0.14424,0.01546,0.06905,0.11417,0.00177,-0.00143,0.01996,0.06089,0.0115,0.00154,-0.06022,0.02219,0.00816,0.02967,0.003,0.12412,-0.00047,-0.04503,0.11565,0,-0.01966,0.01964,-0.05329,-0.01863,0.00972,-0.0723,-0.00184,-0.12188,-0.06478,-0.0956,-0.07652,0.01535,-0.01193,-0.00602,0.04,0.01985,0.01276,0.05073,-0.05095,0.04592,-0.06747,0.05284,-0.09315,0.03532,-0.05,0.00874,-0.0479,0.03595,0.08863,0.01875,-0.02364,0.03111,-0.01405,-0.02001,-0.07965,0.02941,-0.04819,-0.03901,-0.07425,0.01685,0.05379,-0.06093,0.03807,-0.01466,-0.01059,0.03956,0.01791,-0.11657,-0.04936,0.0013,-0.0208,-0.09431,0.00538,0.06066,0.04451,-0.02927,0.01431,0.05072,0.00664,0.01108,-0.02833,0.02922,0.07318,0.04028],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. FCirclePatternComponent (f-circle-pattern) Selector: f-circle-pattern - id: InputSignal<string; Default: f-pattern-${uniqueId++}. - color: InputSignal<string; Default: rgba(0,0,0,0.1). - radius: InputSignal<number; Default: 20. F Circle Pattern Component Input Signal unique Id","excerpt":"FCirclePatternComponent (f-circle-pattern) Selector: f-circle-pattern - id: InputSignal<string; Default: f-pattern-${uniqueId++}. - color: InputSignal<string; Default: rgba(0,0,0,0.1). - radius: InputSignal<number; Default: 20."},{"chunkId":"/docs/f-background-component#6","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.0402,0.01555,-0.04116,-0.05195,0.05017,0.06763,0.03143,0.03263,0.034,-0.06474,-0.0678,0.01959,-0.04999,-0.02808,0.01496,-0.0446,-0.00716,0.0472,-0.04601,0.02138,-0.07167,-0.13159,0.03445,-0.06546,-0.04718,0.05616,0.06675,-0.02014,0.10701,-0.04676,0.01389,0.08865,0.08869,0.03663,-0.15185,-0.00006,0.00293,-0.00049,-0.13565,-0.01263,-0.02883,0.05788,-0.01499,-0.00146,0.02148,-0.0294,0.01924,-0.01944,-0.01158,0.01519,0.02955,-0.10771,-0.03036,0.07904,-0.02027,0.03807,0.07102,0.01268,0.09161,-0.00963,0.03429,0.02189,-0.0424,-0.01838,0.02222,0.00791,0.00256,-0.09151,0.0274,-0.03396,-0.03725,-0.00607,0.07974,-0.07159,0.04934,0.00904,-0.08042,-0.02703,-0.00261,-0.04629,0.08461,-0.03517,-0.02636,0.08818,0.05658,0.07698,-0.0047,-0.05547,-0.03542,0.05573,-0.07714,0.0292,-0.06715,-0.07,-0.1089,-0.03213,-0.02258,-0.05929,0.06753,0.01976,0.06705,-0.08556,0.05708,0.03811,0.06817,0.00691,-0.04014,0.03242,0.03401,-0.0352,-0.04089,0.01308,-0.00245,0.03351,0.00326,-0.00384,0.05492,-0.02983,0.09948,-0.03347,0.08956,0.07476,-0.03843,-0.06702,0.00867,-0.03428,-0.03316,0,0.02938,0.08128,-0.02718,-0.05751,0.04331,-0.01651,-0.03033,-0.01481,-0.0092,0.03456,-0.00381,0.02002,-0.07648,0.05118,0.08261,-0.08518,0.01124,0.01245,-0.07597,-0.02445,0.0128,-0.00363,-0.02425,-0.00823,0.00725,0.05809,0.00378,0.07475,-0.04234,-0.03804,0.04607,0.0435,0.00998,0.00044,-0.04928,0.00696,-0.02322,-0.03294,0.00415,0.03518,-0.02373,0.01068,-0.05619,0.01511,0.08959,-0.03693,0.03211,0.02336,0.01014,0.02577,-0.0185,0.03449,-0.02011,-0.11775,0.0105,-0.04862,0.05066,0.05875,0.00888,0.04239,0.03952,0.01818,-0.01029,0.04142,-0.04417,-0.01787,0.00839,0.01356,-0.11718,0.01075,0.05769,0.09694,0.02841,-0.07221,0.0733,-0.03799,-0.05613,-0.02365,-0.05739,-0.052,-0.14841,0.05045,0.04607,-0.04561,-0.05342,0.06131,0.04897,-0.02419,-0.02007,-0.0848,-0.02237,-0.06961,0.04036,-0.07298,-0.0382,0,-0.02355,0.06683,-0.02214,0.04957,0.03914,0.00143,-0.01635,0.09158,-0.00121,0.02506,-0.00795,0.05097,0.03856,-0.00733,-0.0544,0.04985,-0.06551,0.0064,-0.07882,-0.05598,0.00729,-0.0019,-0.02482,0.06429,-0.05131,0.00227,0.05527,0.0614,-0.01797,-0.04771,-0.07419,-0.07123,0.06711,-0.02964,0.02753,-0.04916,-0.00269,0.0027,-0.07439,0.0238,-0.05091,0.03135,-0.019,0.03562,-0.05593,0.02727,-0.03753,0.06568,0.01741,0.00917,0.00373,0.03024,-0.01482,-0.01809,-0.00512,0.05034,-0.03662,0.0568,-0.02547,0.05128,0.02851,-0.02478,-0.0734,-0.01804,0.11526,0.09192,-0.06327,-0.03481,0.06169,0.05955,0.09872,0.03668,0.02998,0.06133,-0.01112,-0.05327,0.14119,-0.00274,0.054,0.10242,-0.01351,-0.02215,0.05386,0.05909,0.02445,0.0584,-0.08235,0.0353,0.0305,0.04754,-0.0187,0.11015,0.018,-0.05944,0.10994,0,-0.02271,0.0112,-0.07381,-0.01994,-0.03396,-0.04713,0.02224,-0.1126,-0.05599,-0.09025,-0.07838,-0.0003,-0.02624,0.00543,0.08009,0.04452,0.00873,0.03372,-0.06046,0.03493,-0.05415,0.05276,-0.0634,0.06289,-0.05309,0.03408,-0.0565,0.05563,0.07876,0.0279,-0.0088,0.04449,0.02216,-0.00729,-0.05176,0.04146,-0.04448,-0.01151,-0.04458,-0.01004,0.0549,-0.11007,0.02472,0.01236,-0.02595,0.03514,0.05021,-0.11046,-0.02721,0.00829,-0.01143,-0.08067,-0.01255,0.05894,0.05064,-0.05304,-0.00461,0.04828,0.01878,0.00053,-0.0315,0.0104,0.03228,0.04094],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. FRectPatternComponent (f-rect-pattern) Selector: f-rect-pattern - id: InputSignal<string; Default: f-pattern-${uniqueId++}. - vColor: InputSignal<string; Default: rgba(0,0,0,0.1). - hColor: InputSignal<string; Default: rgba(0,0,0,0.1). - vSize: InputSignal<number; Default: 20. - hSize: InputSignal<number; Default: 20. F Rect Pattern Component Input Signal unique Id v Color h Color v Size h Size","excerpt":"FRectPatternComponent (f-rect-pattern) Selector: f-rect-pattern - id: InputSignal<string; Default: f-pattern-${uniqueId++}. - vColor: InputSignal<string; Default: rgba(0,0,0,0.1). - hColor: InputSignal<string; Default: rgba(0,0,0,0.1). - vSize: InputSignal<number; Default: 20. - hSize: InputSignal<number; Default: 20."},{"chunkId":"/docs/f-background-component#7","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.05949,0.04136,-0.05169,-0.04585,0.03002,0.04499,0.02573,0.06081,-0.03337,-0.01798,-0.044,0.01214,-0.05181,0.0037,0.05108,-0.06047,0.014,0.07387,-0.0529,0.04449,-0.06499,-0.09844,0.01278,-0.068,-0.00397,0.01472,0.05206,-0.0669,0.09174,-0.03807,-0.0025,0.07948,0.06133,0.04148,-0.11447,0.05317,-0.00667,0.0126,-0.08798,-0.02601,-0.02043,0.05547,-0.0105,-0.01723,0.00712,-0.0252,0.03477,-0.01915,-0.00443,0.00822,0.04201,-0.12374,-0.05762,0.05665,-0.01286,-0.00128,0.07008,0.01037,0.03745,-0.0217,0.04409,0.01092,-0.06274,0.00208,0.03943,0.00446,-0.02292,-0.07385,0.03118,-0.05543,-0.05645,-0.01407,0.0786,-0.06442,0.04524,-0.01607,-0.06519,-0.03099,0.01144,-0.08658,0.08335,-0.00843,-0.0074,0.08157,0.00708,0.05514,-0.03242,-0.0256,-0.0607,0.05238,-0.04356,0.0114,-0.04499,-0.08666,-0.10899,-0.02678,-0.04127,-0.06404,0.06942,0.04644,0.05638,-0.08168,0.06578,0.0288,0.0694,-0.01637,-0.01416,0.01188,0.02508,-0.01086,-0.06107,0.00695,0.00288,-0.01166,-0.00158,-0.03094,0.06514,-0.04873,0.07372,-0.03238,0.0979,0.07729,0.03644,-0.03792,0.03066,-0.01661,-0.00912,0,0.02205,0.07741,-0.0375,-0.03676,0.06912,-0.03349,-0.00875,-0.03004,-0.01877,0.02394,-0.01382,0.03313,-0.06704,0.08772,0.06167,-0.09692,0.0217,0.0026,0.02773,0.00025,0.04598,0.00357,-0.00073,-0.00833,0.03531,0.06369,0.0231,0.04423,-0.05602,-0.00469,0.04104,0.02939,0.00451,-0.01235,-0.01624,-0.03638,-0.05881,-0.08689,-0.00207,0.01174,-0.03199,-0.04012,-0.09983,0.01021,0.09442,-0.02503,0.05894,0.04927,0.01195,0.0528,0.00648,0.02449,-0.01651,-0.10601,0.01322,-0.01957,0.04205,0.02223,0.02587,0.05343,0.06289,0.00205,-0.03923,0.04246,-0.03934,-0.06092,0.0112,0.01192,-0.11054,0.0038,0.0425,0.07383,0.00331,-0.02765,0.04627,-0.00376,-0.03109,-0.01049,-0.09468,-0.07161,-0.15085,0.04223,0.02076,-0.0495,-0.05382,0.07773,0.07981,-0.0176,-0.01996,-0.07121,-0.01753,-0.06704,-0.01031,-0.0284,0.00075,0,-0.03138,0.04165,-0.06549,0.02708,0.05017,-0.00703,-0.00622,0.05348,-0.00453,0.11199,-0.05747,0.03283,0.05259,0.00019,-0.06522,0.03018,-0.03578,-0.02186,-0.08671,-0.03324,-0.03728,0.00151,-0.04137,0.03812,-0.05066,0.00862,-0.01498,0.06605,-0.04187,-0.02272,-0.08313,-0.09555,0.09212,-0.0524,-0.00934,-0.01333,0.00619,0.01963,-0.11037,-0.04292,-0.04349,0.02456,-0.01228,0.02798,-0.0359,0.03154,-0.0875,0.04885,0.00236,0.02109,0.02573,0.04687,-0.00503,-0.01448,0.00781,0.03701,0.02061,0.05901,-0.04667,0.05233,0.01964,-0.06959,-0.02641,-0.01024,0.13901,0.07077,-0.10105,-0.05273,0.03329,0.0981,0.11773,0.01232,0.00855,0.08539,0.02904,-0.02326,0.14468,0.00438,0.07274,0.11705,0.00787,-0.05931,0.03147,0.06968,0.00494,0.00483,-0.04972,0.05252,0.0043,0.02588,-0.03233,0.11127,-0.02067,-0.03862,0.08818,0,-0.05236,-0.0036,-0.02766,-0.03577,-0.03848,-0.04186,0.02445,-0.08632,-0.0473,-0.07045,-0.07768,-0.029,-0.0161,0.01723,0.06249,0.02599,-0.0011,0.04084,-0.06122,0.02058,-0.1032,0.06126,-0.09081,0.05607,-0.00103,0.02711,-0.03189,0.07413,0.09269,0.05528,0.01066,0.06336,-0.00186,-0.0452,-0.10107,0.08237,-0.02018,-0.01762,-0.02851,0.03349,0.05493,-0.06703,0.03852,0.01042,-0.00476,0.06234,0.03312,-0.10958,-0.01267,-0.01805,-0.00632,-0.09237,-0.032,0.08566,0.04281,-0.02589,0.01724,0.01067,0.05452,0.01758,-0.02651,0.01409,0.04305,0.04601],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Custom pattern contract - Token: FBACKGROUNDPATTERN - Interface: IFBackgroundPattern - Required API: hostElement and setTransform(transform: ITransformModel): void IF Background Pattern host Element set Transform I Transform Model","excerpt":"Custom pattern contract - Token: FBACKGROUNDPATTERN - Interface: IFBackgroundPattern - Required API: hostElement and setTransform(transform: ITransformModel): void"},{"chunkId":"/docs/f-background-component#8","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.05085,0.04208,-0.05094,-0.04147,0.06202,0.05289,0.04705,0.04467,-0.02808,-0.03293,-0.05431,0.03711,-0.05538,-0.00105,0.00367,-0.0568,0.0054,0.06883,-0.06211,0.04335,-0.08784,-0.10154,0.00923,-0.0657,0.00783,0.02692,0.04478,-0.04885,0.09404,-0.03469,0.00042,0.07338,0.06072,0.05199,-0.12566,0.03388,0.00257,0.0511,-0.09707,-0.01741,-0.01799,0.0733,-0.00959,-0.03027,-0.00242,-0.02039,0.02372,-0.02832,-0.00879,0.01219,0.04224,-0.11985,-0.05864,0.05292,-0.00925,-0.00225,0.09599,0.01499,0.03225,-0.01157,0.03646,0.00671,-0.07219,0.00485,0.04816,-0.00157,-0.01706,-0.08219,0.01865,-0.05762,-0.04519,-0.00026,0.06617,-0.04429,0.05855,0.00838,-0.04967,-0.02626,0.01192,-0.04921,0.05964,-0.00806,-0.02748,0.07426,0.00392,0.0578,-0.03508,-0.01511,-0.06398,0.05395,-0.05328,0.01667,-0.05609,-0.06402,-0.09692,-0.01783,-0.0195,-0.0573,0.08286,0.02245,0.09088,-0.08733,0.06516,0.02097,0.08146,-0.01735,-0.00566,0.00553,0.03248,-0.01998,-0.05268,0.01474,-0.00378,0.00632,-0.01515,-0.05031,0.05364,-0.04019,0.06835,-0.06574,0.074,0.07715,0.05217,-0.03497,0.04128,-0.03049,-0.01659,0,0.01328,0.08024,-0.02292,-0.04469,0.06018,-0.03416,0.00697,-0.04089,0.00119,0.02445,-0.01813,0.02676,-0.07467,0.06557,0.07822,-0.10832,0.01413,0.00319,0.00066,0.00771,0.06308,0.00171,-0.00912,-0.01562,0.02156,0.07328,0.01579,0.04475,-0.0524,-0.00059,0.03825,0.04763,-0.00801,-0.0029,-0.02365,-0.0297,-0.06973,-0.07487,0.01924,0.02679,-0.02651,-0.03643,-0.07607,0.00571,0.09015,-0.03836,0.05318,0.0579,-0.00195,0.05304,0.01751,0.00233,0.01254,-0.10124,0.01611,0.00243,0.06259,0.03359,0.02692,0.06157,0.06654,0.01163,-0.03029,0.03684,-0.035,-0.05727,0.02129,-0.00709,-0.1216,0.01408,0.05553,0.05422,-0.01194,-0.01908,0.05101,-0.00411,-0.04419,-0.01319,-0.07545,-0.07473,-0.16756,0.04886,0.0178,-0.07135,-0.06701,0.06571,0.05678,-0.01254,-0.00943,-0.07852,-0.01313,-0.07055,-0.004,-0.03806,-0.00799,0,-0.05324,0.04334,-0.0588,0.03694,0.05502,0.00041,-0.01891,0.06847,-0.01743,0.09046,-0.0425,0.03273,0.04997,0.01592,-0.06513,0.04904,-0.00791,-0.00023,-0.08831,-0.05017,-0.0181,-0.01698,-0.02725,0.04129,-0.05492,-0.00118,0.00753,0.06542,-0.02265,-0.02104,-0.05645,-0.081,0.08685,-0.06072,-0.01626,-0.02848,0.00024,0.00418,-0.09944,-0.04262,-0.06247,0.04109,-0.00732,0.02319,-0.05665,0.03682,-0.09055,0.06267,0.0332,0.04138,0.00697,0.03839,0.02396,0.00201,-0.00631,0.02388,0.03694,0.04756,-0.05321,0.04049,0.0102,-0.06843,-0.02441,-0.02479,0.12527,0.08109,-0.08949,-0.05491,0.02596,0.09565,0.12597,0.03312,0.01441,0.07807,0.02671,-0.0116,0.13698,0.0207,0.07399,0.09807,0.01349,-0.04173,0.01705,0.08215,0.00427,-0.00433,-0.05973,0.04651,-0.0079,0.02364,-0.01688,0.10735,-0.01601,-0.02757,0.08636,0,-0.0474,0.0007,-0.03444,-0.02235,-0.04352,-0.04768,0.03014,-0.11072,-0.04728,-0.08758,-0.07991,-0.031,-0.00166,0.0174,0.08198,0.01799,0.00513,0.0479,-0.05072,0.03957,-0.07188,0.03836,-0.0863,0.08133,0.00775,0.03613,-0.03697,0.0503,0.10396,0.04773,-0.00851,0.05854,-0.02405,-0.02664,-0.07785,0.09826,-0.03201,-0.0357,-0.04396,0.03571,0.05809,-0.06886,0.04227,0.01263,-0.00368,0.05977,0.02043,-0.11017,-0.02894,-0.01766,-0.00357,-0.08643,-0.01308,0.06123,0.039,-0.0288,0.00841,0.01794,0.05706,0.00463,-0.03098,0.02699,0.05713,0.07093],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Types IFBackgroundPattern ITransformModel IF Background Pattern I Transform Model","excerpt":"Types IFBackgroundPattern ITransformModel"},{"chunkId":"/docs/f-background-component#9","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.03944,0.03572,-0.05308,-0.03092,0.0691,0.04281,0.03568,0.04431,-0.00279,-0.03401,-0.07941,0.04092,-0.07568,-0.01827,0.03846,-0.04683,-0.02893,0.05026,-0.05128,0.03785,-0.08798,-0.09011,0.02478,-0.04823,-0.03153,0.04437,0.05475,-0.02811,0.10935,-0.03842,0.01266,0.10087,0.04066,0.05736,-0.13609,0.03725,0.00843,0.05453,-0.11582,0.00495,-0.02073,0.05217,-0.00804,-0.03145,-0.00041,-0.00603,0.02215,-0.05945,-0.00172,0.03034,0.03128,-0.13365,-0.04607,0.0717,0.01857,-0.00938,0.0947,0.00025,0.02669,-0.01076,0.00822,-0.01475,-0.06171,0.01751,0.04022,-0.00884,-0.041,-0.02162,0.03166,-0.0723,-0.00296,0.01574,0.05844,-0.04604,0.02569,0.01098,-0.0391,0.00132,-0.00114,-0.05165,0.07894,-0.01279,-0.01467,0.05345,0.00007,0.08115,-0.01717,-0.04156,-0.07439,0.05442,-0.06138,0.04262,-0.03826,-0.07524,-0.07835,0.01204,-0.03206,-0.06148,0.05717,0.03485,0.06167,-0.07201,0.07191,0.02888,0.08519,-0.01852,-0.03165,0.04776,0.02262,-0.04215,-0.05321,0.00845,0.01313,-0.01534,-0.01545,-0.072,0.04433,-0.0577,0.07559,-0.02038,0.09027,0.10586,0.04382,-0.06307,0.05477,-0.03358,-0.03793,0,0.03306,0.06315,-0.04367,-0.01295,0.05645,-0.02342,0.03611,-0.06115,-0.0012,0.04482,-0.04128,0.01163,-0.08482,0.0766,0.04891,-0.10931,0.01794,-0.00749,-0.00881,0.00361,0.07772,-0.02305,-0.00524,-0.0267,0.048,0.06743,0.00586,0.0609,-0.07801,-0.00093,0.02876,0.03906,0.00016,0.00537,-0.03164,-0.02884,-0.07084,-0.07366,0.01558,0.01102,-0.04363,-0.03023,-0.07242,0.00809,0.07243,-0.05055,0.01277,0.04621,0.02675,0.0707,0.01796,0.02675,0.0321,-0.07304,0.04239,-0.01971,0.03365,0.02408,0.00842,0.07281,0.06457,0.03902,-0.08364,0.03443,-0.04796,-0.00488,0.03534,0.02818,-0.09137,-0.01845,0.03674,0.04539,-0.0182,-0.03982,0.05124,-0.02145,-0.02028,-0.00704,-0.06605,-0.03734,-0.17849,0.02569,-0.00045,-0.03041,-0.05031,0.06292,0.06103,-0.00997,-0.01621,-0.081,-0.00125,-0.06361,0.02583,-0.03358,-0.02654,0,-0.07203,0.06386,-0.066,0.05315,0.06106,0.0046,-0.00874,0.03074,-0.01152,0.09991,-0.05248,0.06668,0.04826,-0.00699,-0.04276,0.04508,-0.0343,-0.01551,-0.06089,-0.06422,-0.03971,0.00173,-0.03596,0.00418,-0.04809,0.00133,0.01183,0.03841,-0.02091,-0.02511,-0.04725,-0.07714,0.06146,-0.04975,0.0071,-0.04009,0.02323,0.02242,-0.0771,-0.03834,-0.04781,0.02973,-0.00352,0.04332,-0.08579,0.04325,-0.08079,0.02067,0.02352,0.02157,-0.01509,0.02591,0.01209,-0.00145,-0.01568,0.01902,0.03295,0.07825,-0.05414,0.05203,0.02327,-0.0657,-0.02547,-0.01535,0.11924,0.05743,-0.11658,-0.02342,0.03534,0.08604,0.10922,0.05225,0.00885,0.08278,0.03124,-0.02214,0.13048,0.03199,0.08603,0.13359,0.00864,0.00284,-0.00127,0.07108,0.01848,-0.0167,-0.07881,0.01621,-0.00076,-0.01248,-0.00308,0.10189,-0.00392,-0.0201,0.07351,0,-0.03586,-0.01529,-0.03651,-0.0421,-0.03556,-0.04336,-0.00268,-0.09108,-0.05621,-0.05385,-0.05801,0.02593,0.00875,-0.03406,0.06412,0.02581,-0.00088,0.0464,-0.05989,0.00247,-0.05839,0.05126,-0.10494,0.09798,-0.00835,0.01659,0.0088,0.04538,0.09319,0.03948,-0.02769,0.04998,-0.01026,-0.03795,-0.05327,0.09365,-0.0351,-0.03916,-0.07412,0.0352,0.03259,-0.07975,0.06182,-0.01273,-0.02068,0.05888,-0.00417,-0.10678,-0.04788,-0.00621,-0.00746,-0.05075,-0.02097,0.09864,0.04055,-0.01651,-0.01599,-0.01362,0.06183,-0.01791,-0.06096,0.08043,0.08259,0.05519],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Styling - .f-component Base class for flow primitives. - .f-background Host class for background layer.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-background Host class for background layer."},{"chunkId":"/docs/f-background-component#10","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.03884,0.03445,-0.07078,-0.06784,0.05556,0.0283,-0.01052,0.04491,0.02192,-0.04343,-0.06878,0.05357,-0.0609,-0.00608,0.01639,-0.0557,-0.00896,0.0808,-0.07849,0.0306,-0.10334,-0.14804,0.01397,-0.05575,0.02381,0.0439,0.01495,-0.05741,0.06971,-0.02858,-0.02599,0.07083,0.00713,0.02752,-0.13833,0.05383,-0.00345,0.01637,-0.08074,-0.03732,-0.01224,0.06809,-0.00894,-0.03567,0.00461,0.00365,0.06224,0.01162,-0.01983,0.02513,0.01445,-0.09866,-0.06859,0.08936,-0.00888,0.03248,0.09718,-0.00307,0.01662,0.01,-0.02644,0.04979,-0.04089,0.01818,0.03075,-0.01327,0.00688,-0.07523,-0.02835,-0.04249,0.00068,0.00089,0.10776,-0.05066,0.07769,-0.02364,-0.05694,-0.00244,0.01102,-0.02845,0.1067,0.00194,-0.02836,0.06064,-0.00019,0.02661,-0.03376,-0.04431,-0.07455,0.05215,-0.03922,0.02932,-0.03485,-0.03068,-0.06367,-0.02115,-0.0072,0.01368,0.07472,-0.00014,0.09191,-0.0426,0.09851,0.01847,0.04547,-0.01803,-0.04781,0.04671,-0.00487,-0.03907,-0.00738,0.0141,0.00722,0.03044,-0.03283,-0.05089,0.05904,-0.03499,0.01421,-0.036,0.05413,0.08541,0.0405,-0.01884,0.02891,-0.00047,-0.01838,0,-0.00411,0.0946,-0.01961,-0.01907,0.06416,0.00463,0.0075,-0.0566,0.00555,0.05022,-0.01566,0.04072,-0.04157,0.0527,0.01077,-0.11127,0.07193,-0.00506,-0.00906,0.03484,0.11126,-0.01143,-0.03145,-0.01875,0.01238,0.06093,-0.01599,0.10552,-0.09864,-0.02047,-0.0334,0.02518,-0.00956,-0.03385,-0.02939,-0.06657,-0.04382,-0.11352,-0.02478,0.03684,-0.0273,-0.00895,-0.09838,0.00429,0.0986,-0.01833,0.01137,0.07983,0.03168,0.08101,0.02216,-0.00357,-0.02094,-0.0902,0.04653,0.00259,0.07655,-0.01584,-0.00243,0.06226,0.05319,-0.02885,-0.0829,0.01932,-0.00628,-0.04452,0.05788,0.02066,-0.12444,0.00667,0.04275,0.05839,0.01836,-0.02213,0.08411,0.00817,-0.01518,0.01086,-0.05833,-0.04768,-0.14493,0.04053,0.00583,-0.01937,-0.04591,0.05599,0.00825,0.01035,-0.01394,-0.03153,0.03082,-0.05201,0.02656,-0.0584,0.00271,0,-0.04315,0.03075,-0.02223,0.05377,0.03664,-0.01118,-0.01574,0.03032,0.00138,0.08051,-0.05933,-0.03259,0.02178,0.00752,-0.07317,0.03089,0.03708,-0.00942,-0.09763,-0.06063,-0.0049,-0.00719,-0.0049,0.0613,-0.02209,0.00242,-0.01662,0.04578,0.00952,-0.00098,-0.02951,-0.08796,0.09164,-0.06739,-0.00406,-0.02491,0.00164,0.00286,-0.04239,-0.03971,-0.07325,0.04247,-0.01302,0.05415,-0.0476,0.05476,-0.09921,0.05657,0.03245,0.0534,-0.00514,0.06513,-0.01099,-0.03773,-0.00463,-0.00021,-0.00006,0.00775,-0.06018,0.01132,0.0308,-0.06206,-0.00845,-0.03865,0.08446,0.09085,-0.07121,-0.00342,0.07852,0.14384,0.10301,-0.00217,0.02638,0.07856,0.01276,-0.03265,0.13872,0.01829,0.13201,0.12704,0.02395,-0.02142,0.0082,0.06896,-0.0134,0.02636,-0.06804,0.00151,0.025,0.01705,0.02361,0.09278,-0.0411,-0.04593,0.10827,0,-0.05513,0.03887,-0.06032,-0.00401,-0.07664,-0.04781,0.0116,-0.07249,-0.03736,-0.04386,-0.10458,-0.00856,0.0218,-0.0237,0.06783,0.02589,0.03716,0.02503,-0.04522,0.02365,-0.08907,0.06764,-0.10149,0.08584,-0.02271,-0.00091,-0.01617,0.07563,0.0686,0.01296,-0.03985,0.03034,-0.03061,-0.00077,-0.06804,0.026,-0.01245,-0.02109,-0.0362,0.03631,0.06991,-0.03764,0.05618,0.0108,-0.04901,0.0215,0.00712,-0.08493,-0.0432,-0.02414,0.04758,-0.0756,-0.00996,0.06025,0.03354,-0.01772,0.00587,0.00721,0.08479,0.03809,-0.05792,0.03442,0.05367,0.03939],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Notes / Pitfalls - Place f-background as a sibling of f-canvas under the same f-flow so transform sync works correctly. - Large, dense SVG patterns can impact rendering on very big canvases. - If you provide a custom pattern, ensure setTransform(...) handles both scale and translated positions. set Transform","excerpt":"Notes / Pitfalls - Place f-background as a sibling of f-canvas under the same f-flow so transform sync works correctly. - Large, dense SVG patterns can impact rendering on very big canvases. - If you provide a custom pattern, ensure setTransform(...) handles both scale and translated positions."},{"chunkId":"/docs/f-background-component#11","slug":"f-background-component","route":"/docs/f-background-component","section":"docs","title":"FBackgroundComponent - Scalable Pattern Background for the Canvas","description":"Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport.","group":"Helpers","vector":[-0.07098,0.04789,-0.05256,-0.01174,0.10117,0.05631,-0.00574,0.04876,-0.0319,0.00183,-0.08473,0.04318,-0.05743,0.02641,0.06719,-0.02552,-0.02456,0.0802,-0.066,0.04458,-0.07072,-0.0999,0.06397,-0.03693,-0.02075,0.0232,0.05074,-0.05988,0.11222,-0.02816,0.04437,0.09288,0.02664,0.05121,-0.09378,0.06524,-0.0027,0.06598,-0.10864,-0.02672,0.05108,0.09534,-0.02796,-0.09176,0.00745,-0.04952,-0.00106,-0.00527,-0.03298,-0.01048,-0.02124,-0.15676,-0.04304,0.06697,0.01813,-0.01825,0.06478,-0.0243,0.07039,0.00531,-0.0163,-0.01917,-0.04155,-0.00154,0.06989,0.00076,-0.06757,-0.04466,-0.00758,0.00727,-0.00618,-0.0228,0.05026,-0.05223,0.03787,-0.00001,-0.0858,0.03035,0.0032,-0.0621,0.04956,-0.06537,-0.0196,0.05644,0.01455,0.10481,-0.01542,-0.06727,-0.05412,0.00897,-0.02923,0.055,-0.07557,-0.03365,-0.05001,-0.00696,-0.09485,-0.02872,0.01075,0.0492,0.04778,-0.06582,0.0822,0.08022,0.08426,-0.00289,-0.0246,0.08502,-0.00311,-0.02629,-0.02664,0.03331,0.02513,-0.01872,-0.03314,-0.10094,0.06111,-0.06851,0.04405,0.03208,0.12195,0.07014,-0.00048,-0.06121,0.0742,0.0065,-0.00687,0,0.02557,0.07904,-0.03227,-0.03756,0.07607,-0.04013,-0.01924,-0.07559,-0.036,0.08987,-0.03727,0.03825,-0.06462,0.02158,0.03253,-0.11,0.03175,0.01783,-0.03167,0.02625,0.04781,-0.01556,-0.04811,-0.0128,0.05487,0.01029,0.00608,0.03847,-0.08377,-0.01082,0.07933,0.04854,0.02658,-0.01893,-0.02532,-0.02861,-0.02331,-0.03873,-0.02815,-0.01862,0.02066,-0.02982,-0.07092,0.07598,0.04551,-0.07353,0.03086,0.03101,0.0612,0.03687,0.01994,0.03915,0.00509,-0.07997,0.08588,-0.02881,0.04708,0.01285,0.02702,0.07729,0.02572,0.00876,-0.05013,0.03754,0.00392,-0.05205,0.00638,0.0406,-0.08597,-0.02818,0.02229,0.10722,-0.00867,-0.02433,0.02569,-0.03693,-0.02556,0.04274,-0.00349,-0.02328,-0.09251,-0.00586,0.00415,0.04064,-0.02648,0.01258,0.0361,-0.02121,-0.04193,-0.1136,0.02066,-0.04116,-0.00406,-0.0685,-0.02773,0,0.01155,0.04676,-0.03828,0.0847,0.03667,-0.0125,0.02218,0.07127,-0.00811,0.08246,-0.02661,0.05751,0.04274,-0.01186,-0.01812,0.01316,-0.05463,-0.05205,0.00455,-0.0382,-0.00509,0.04473,-0.02416,0.04085,-0.0311,0.03443,0.02249,0.07042,-0.03557,-0.0165,-0.06608,-0.08614,0.01459,-0.0429,0.00361,-0.02947,0.01061,0.04536,-0.04954,-0.05291,0.00143,0.05938,-0.03425,-0.00451,-0.07223,-0.00697,0.00644,0.00361,-0.01787,0.00076,-0.03754,0.01315,-0.01161,0.02587,-0.00138,-0.00876,0.01689,0.03044,-0.08316,0.04178,0.05531,-0.01838,-0.06198,-0.04035,0.11066,0.07456,-0.1199,-0.05074,0.05515,0.0574,0.04418,0.00809,0.02034,0.05879,0.00316,0.00659,0.14067,0.02744,0.10441,0.09695,-0.0202,0.00816,-0.02117,0.066,0.03219,0.04184,-0.13084,0.01908,0.04274,0.01962,-0.03966,0.02486,-0.01051,-0.05378,0.10701,0,-0.08251,0.02658,-0.0428,-0.01039,-0.0234,-0.05514,0.0102,-0.11071,-0.07424,-0.06164,-0.06507,0.03021,0.03094,-0.00661,0.05756,0.0088,-0.00905,0.02258,-0.07429,0.04719,-0.08411,0.07608,-0.05607,0.07697,-0.03102,-0.01041,-0.07573,0.04084,0.07399,0.00132,-0.03007,0.01993,-0.02035,-0.01513,-0.04198,-0.00627,-0.09578,-0.03203,-0.02533,0.02106,0.06102,-0.08788,0.07313,0.00762,-0.01799,0.06016,0.00654,-0.08684,-0.0119,0.00438,0.00625,-0.0699,-0.06864,0.09313,0.07359,-0.05332,0.01744,0.04869,0.03026,-0.0138,-0.01073,0.018,0.02094,0.03473],"keywords":"FBackgroundComponent - Scalable Pattern Background for the Canvas FBackgroundComponent - Scalable Pattern Background for the Canvas Render an SVG background behind the canvas with built-in patterns or a custom pattern provider. Scales and moves with the viewport. Example ::: ng-component <background-example</background-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.scss :::","excerpt":"Example ::: ng-component <background-example</background-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.scss :::"},{"chunkId":"/docs/f-magnetic-lines-component#0","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.08596,0.01246,-0.08264,-0.02468,0.02715,0.03658,-0.03349,-0.01243,-0.04788,-0.06465,0.00938,0.04984,-0.01829,-0.05103,-0.06275,0.04517,-0.10141,-0.03747,0.06038,0.04743,-0.04511,-0.05412,-0.01925,-0.05085,-0.05765,0.01722,0.01507,0.01191,-0.04967,-0.1127,0.00962,0.08376,-0.0651,0.05611,-0.05103,0.01505,0.0518,0.05444,-0.03519,-0.00313,0.01368,-0.04142,0.02839,-0.0677,0.00081,0.03394,0.00915,-0.07024,0.03002,0.02433,-0.09875,-0.02188,-0.09034,0.0629,0.07407,0.07157,0.10219,-0.08601,0.01289,0.04158,0.0746,-0.00443,-0.02755,-0.01808,0.07323,0.03289,-0.02953,0.01864,0.05605,-0.0433,0.01497,-0.01778,-0.05286,0.033,0.0611,0.09068,0.00057,0.06047,0.0122,-0.04096,-0.14358,0.02308,-0.02833,0.03775,-0.01332,0.10073,-0.08423,-0.0925,0.02537,0.0815,0.05666,0.01004,-0.10247,-0.01998,-0.03099,-0.03622,0.00008,-0.057,-0.07576,0.01928,0.04217,-0.03087,-0.00873,-0.0042,-0.07472,-0.04661,0.0176,-0.03828,-0.09173,-0.02239,0.03323,-0.00333,-0.10752,-0.06612,-0.0045,-0.08298,0.02011,0.02863,0.07346,0.07869,0.03455,0.07195,-0.03361,0.05801,0.04198,0.02209,-0.05922,0,0.00339,0.0599,0.04896,0.02714,0.01286,0.01671,-0.0703,-0.01125,0.04123,0.08992,-0.06299,-0.00141,0.01387,-0.014,-0.07473,-0.19494,-0.00261,-0.06262,-0.09153,-0.02532,-0.02642,0.00263,0.04637,-0.03907,0.06944,0.03504,-0.02427,0.0323,0.02103,0.01975,0.02777,-0.0378,0.00296,0.00738,-0.05083,0.07582,-0.02597,-0.06003,-0.01572,-0.05428,0.07702,-0.02052,0.02447,0.04296,0.03796,0.03862,0.01496,-0.00946,0.03556,0.00329,-0.00348,-0.04602,0.05306,-0.06136,0.0731,-0.06046,0.0085,0.05348,-0.05514,0.03233,0.00889,-0.00499,-0.0202,-0.00291,0.08447,0.02218,0.03942,0.02834,0.11632,-0.00952,-0.06124,0.06808,0.06735,0.03677,-0.03587,-0.02718,-0.08975,-0.04767,0.07711,-0.03774,-0.03406,-0.0311,0.0133,-0.03384,0.02478,-0.02779,0.01792,-0.05308,-0.013,-0.02148,-0.01582,0.08491,0.02067,0.03286,0.0054,0,-0.07242,-0.01644,0.07543,0.03954,-0.0168,0.05067,-0.03241,-0.02784,0.00928,0.10612,-0.02939,0.00773,-0.02092,-0.04349,-0.01706,-0.01904,-0.08616,-0.04118,0.08428,0.03015,-0.04291,-0.01759,0.05072,0.04023,-0.02417,-0.0084,0.05697,-0.01008,0.00068,0.01434,0.02528,-0.02843,-0.01597,-0.06259,0.03698,-0.05199,-0.0051,0.08508,0.07288,-0.03756,-0.05113,0.12816,0.04046,-0.07896,-0.05572,0.02359,0.00167,0.07079,-0.06771,0.10881,-0.09837,0.01817,-0.04002,-0.02328,-0.07801,0.03039,-0.00998,-0.00151,0.07509,0.02421,0.00073,-0.07879,-0.05557,-0.08209,0.06847,0.03769,0.1144,0.00582,-0.00441,0.09712,0.12287,0.08301,0.01979,-0.08676,0.03344,-0.01362,0.09483,0.03598,-0.01812,-0.00616,0.06707,0.01868,-0.0525,0.05087,-0.04709,0.0244,0.01762,0.03095,0.04284,0.00535,-0.00322,0.03926,0.04361,-0.0208,-0.06286,0,-0.02513,0.00903,0.02179,-0.0003,0.05379,0.05073,0.02655,0.02172,-0.02392,-0.01662,0.00627,0.07096,-0.04466,-0.00171,0.06376,-0.04618,-0.04336,0.06813,-0.01642,0.05956,0.01867,-0.00504,0.03173,0.08115,-0.04578,-0.00166,-0.05539,0.02111,0.06305,0.00002,-0.01234,-0.00769,0.13162,-0.04092,-0.03406,0.03027,-0.08053,0.01502,0.01201,0.07848,0.02606,-0.00074,0.00956,-0.08025,-0.08424,-0.06209,-0.02758,-0.01309,-0.05803,0.03921,-0.01938,0.01749,0.02394,-0.06561,-0.05244,0.02257,0.00125,-0.06048,0.03553,-0.00289,-0.03055,0.05068,-0.05943,0.01139],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Magnetic Lines Selector: f-magnetic-lines Class: FMagneticLines FMagneticLines displays guide lines while dragging nodes to help visual alignment. F Magnetic Lines","excerpt":"Magnetic Lines Selector: f-magnetic-lines Class: FMagneticLines FMagneticLines displays guide lines while dragging nodes to help visual alignment."},{"chunkId":"/docs/f-magnetic-lines-component#1","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.09992,0.02076,-0.0719,-0.04393,0.02523,0.01027,-0.0501,0.03445,0.03047,-0.02125,0.00865,0.07953,-0.03754,0.00166,-0.04704,-0.00196,-0.09118,-0.0086,0.03969,0.073,-0.07934,-0.11505,-0.04021,-0.02447,-0.01143,0.03656,-0.02235,0.03329,0.00233,-0.08437,-0.00052,0.13499,-0.01801,0.08133,-0.07122,0.03125,0.0106,0.04651,-0.06494,-0.05277,0.02304,-0.04024,-0.003,-0.05384,0.0238,-0.00077,-0.0121,-0.03131,0.00507,0.072,-0.11906,-0.03531,-0.06883,0.03453,0.05709,0.07919,0.08801,-0.08259,0.05417,0.01744,0.11293,-0.0178,-0.03715,0.05269,0.03546,0.03407,-0.01193,0.02292,0.02332,-0.05277,0.02168,-0.009,-0.03519,0.01948,0.03273,0.02999,-0.02072,0.02786,-0.03584,-0.00901,-0.07772,0.06191,-0.0326,0.06905,-0.0142,0.10155,-0.04834,-0.08459,0.01449,0.00747,0.06814,-0.00431,-0.04128,-0.00314,-0.029,-0.04381,0.02449,-0.04748,-0.12343,0.01648,0.04055,0.01328,0.01545,-0.02895,0.00547,-0.05054,-0.01036,-0.10148,-0.07491,-0.0145,0.01173,-0.00847,-0.10043,-0.04639,-0.04133,-0.10696,0.04135,-0.01687,0.07558,0.02,0.01486,0.07371,-0.06345,0.059,0.02621,0.04174,-0.03689,0,0.00286,0.06754,0.05445,0.05784,0.0708,-0.04064,-0.07041,-0.04376,0.07958,0.0641,-0.04178,0.03407,0.0105,0.01426,-0.02961,-0.1435,-0.03134,-0.01621,-0.08493,0.01273,-0.01906,-0.06851,0.04958,-0.01389,0.04758,0.06006,-0.00799,0.03952,0.02937,0.00932,-0.00622,-0.05867,0.01646,0.00443,-0.04647,0.0613,-0.039,-0.11268,0.02112,-0.02356,0.02484,0.03436,0.0097,-0.02792,0.06873,0.0323,0.01862,0.02089,0.02705,-0.00171,0.00512,0.0171,0.07859,-0.0611,0.0593,-0.10187,0.03728,-0.00557,-0.04022,0.07969,-0.0371,-0.0391,-0.05131,0.00916,0.06079,0.05122,0.01862,0.0598,0.09839,-0.01218,-0.06331,0.03268,-0.01435,0.02662,-0.02837,-0.02181,-0.07593,-0.05759,0.07634,-0.03917,-0.04316,0.01472,0.00299,-0.01132,0.01149,-0.07326,0.04121,-0.03097,-0.04173,-0.02033,-0.00482,0.07892,0.06581,0.07239,0.0341,0,-0.0913,-0.05901,0.05896,0.06504,-0.00892,0.04277,-0.00261,-0.04764,0.02648,0.08687,-0.06383,0.00415,-0.04923,-0.00679,-0.0076,0.03262,-0.08472,-0.05951,0.036,-0.01835,0.02959,-0.01945,0.02381,0.08062,0.01682,-0.00663,0.00976,-0.06532,-0.01154,-0.00228,0.02709,-0.05548,-0.03092,-0.06086,0.05033,-0.0346,-0.02319,0.14219,0.10104,-0.03544,-0.04436,0.07408,0.01822,-0.04129,-0.036,0.03841,-0.00273,0.06821,-0.08538,0.10347,-0.11041,0.05879,-0.02043,-0.04856,-0.06761,0.00651,-0.02562,0.00333,0.01495,-0.04102,-0.02033,-0.07797,-0.0407,-0.06626,0.07057,0.06063,0.08653,-0.02338,-0.05139,0.06746,0.09541,0.05768,-0.00389,-0.06604,0.01987,-0.02093,0.13978,-0.01013,0.01643,-0.00403,0.00513,0.02391,-0.04473,0.05135,-0.08662,0.03982,0.03653,-0.02498,0.01409,0.00401,-0.02797,0.03065,0.02581,0.0062,-0.04262,0,-0.04714,0.03211,-0.01066,-0.0306,-0.00875,0.03518,0.03731,0.04626,0.00287,-0.00011,0.03986,0.05825,-0.05351,0.0172,0.05841,-0.02046,-0.05279,0.06552,-0.04241,0.04082,0.03105,0.02226,0.00644,0.09748,-0.05091,-0.01022,-0.05979,0.0329,0.09241,-0.01918,-0.00539,-0.0082,0.1898,0.0359,-0.02848,0.01631,-0.04692,0.0481,0.0271,0.03979,0.00387,0.0083,0.01775,-0.08441,-0.06516,-0.04597,-0.02291,0.03541,-0.04284,0.01239,-0.03575,-0.00595,0.03708,-0.05118,-0.01948,0.03129,-0.00004,-0.05967,0.12675,-0.01066,-0.02439,0.04289,-0.06708,0.01964],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Why / Use cases Use f-magnetic-lines when precise alignment matters but you do not want a full grid snap workflow. Typical use cases: - Canvas editors with manual but assisted placement. - UIs where users align cards/components by visual guides. - Replacing deprecated f-line-alignment with the current API. U Is","excerpt":"Why / Use cases Use f-magnetic-lines when precise alignment matters but you do not want a full grid snap workflow. Typical use cases: - Canvas editors with manual but assisted placement. - UIs where users align cards/components by visual guides. - Replacing deprecated f-line-alignment with the current API."},{"chunkId":"/docs/f-magnetic-lines-component#2","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.1199,-0.01847,-0.04793,-0.01292,0.05447,0.01644,-0.0284,-0.02889,-0.01925,-0.03534,0.05471,0.04291,-0.01856,-0.02652,-0.09201,0.03194,-0.10091,0.01513,0.02411,0.02293,-0.02459,-0.10134,-0.04429,-0.00147,0.02304,0.027,-0.00771,0.04802,0.03927,-0.12031,0.02751,0.06075,-0.10312,0.04901,-0.07334,0.05727,0.04214,0.01603,-0.07006,0.00063,0.06427,-0.02324,0.03574,-0.05579,-0.00323,0.04169,-0.01468,-0.01529,-0.00723,0.02289,-0.11073,-0.06303,-0.03623,0.04287,0.05071,0.09474,0.06193,-0.08643,0.07077,0.0101,0.127,-0.0019,-0.02711,0.01539,0.01081,0.00061,-0.0239,0.02006,0.01791,-0.06011,0.01354,-0.02941,-0.08065,0.04005,0.03318,0.06816,-0.00902,0.04215,-0.05478,-0.02446,-0.05981,0.02204,-0.05105,0.08848,-0.02873,0.12878,-0.05505,-0.07593,-0.00601,0.03202,0.04443,-0.02744,-0.10456,-0.03873,-0.04393,-0.03711,0.00391,-0.04623,-0.08399,0.04136,0.03208,0.01468,-0.02061,-0.02727,-0.02264,-0.03968,-0.0114,-0.08758,-0.07302,0.03736,0.01555,0.0103,-0.08632,-0.03951,-0.02586,-0.08539,-0.0056,-0.0008,0.06504,0.02226,0.01884,0.10011,-0.05106,0.06166,0.04232,0.01136,-0.04091,0,0.02474,0.00117,0.03733,0.03915,0.01339,-0.02886,-0.06558,-0.01753,0.02319,0.04037,-0.06653,-0.00959,0.01655,0.02488,-0.0578,-0.19101,0.01934,-0.02254,-0.08834,-0.02099,-0.03287,-0.02832,-0.00199,-0.04642,0.03654,0.04756,-0.02805,0.02868,0.07982,0.01718,-0.00428,-0.00164,-0.00751,0.03574,-0.05742,0.06852,-0.02115,-0.08816,0.04311,-0.05126,0.05657,-0.01799,-0.02439,-0.00548,0.00516,0.04239,0.0435,-0.00718,0.03155,-0.04848,0.00174,-0.00881,0.08101,-0.03702,0.07341,-0.08014,0.01926,0.03543,-0.03041,0.06148,-0.00155,0.00166,-0.06211,-0.03928,0.09743,0.03305,-0.0225,0.05362,0.13497,-0.00581,-0.0823,0.06477,0.03747,0.04153,-0.03528,-0.00841,-0.09639,-0.07184,0.08913,-0.00723,-0.07539,0.00275,0.03377,-0.05436,0.0747,-0.0731,0.02308,-0.02495,-0.04483,-0.03718,0.00064,0.06146,0.03657,0.0387,0.00214,0,-0.07739,-0.00077,0.08382,0.09013,-0.00621,0.03367,-0.0353,-0.01285,0.01494,0.05536,-0.07692,0.00256,-0.01977,-0.00113,0.07098,-0.00506,-0.105,-0.07408,0.03845,-0.00784,0.00814,0.0169,0.03019,0.05974,-0.00124,-0.03588,0.04787,-0.0025,-0.01522,-0.00745,0.0373,-0.05993,-0.06546,-0.03583,0.03745,-0.04183,-0.02649,0.13678,0.09484,-0.05433,-0.04303,0.04972,-0.01954,-0.0192,0.00926,0.03996,-0.02054,0.06432,-0.07972,0.08006,-0.10109,0.05068,-0.01107,-0.0149,-0.02712,0.0291,-0.03815,0.00222,0.06906,-0.04615,-0.00977,-0.08837,-0.05986,-0.06324,0.06859,0.06558,0.07907,-0.04555,-0.06346,0.0753,0.0811,0.10867,0.02408,-0.10291,0.06858,-0.05658,0.0861,0.01684,0.01546,-0.02395,0.01932,0.04325,-0.03222,0.00926,-0.05556,0.04816,0.00492,0.02271,0.0211,0.01635,-0.02451,0.02229,0.05287,-0.00456,-0.07379,0,-0.03689,0.01264,0.01797,-0.01718,0.01957,0.07754,0.0596,0.07166,0.00117,0.0011,0.05984,0.03912,-0.0123,0.05569,0.03321,-0.03111,-0.02471,0.06213,-0.0197,0.01928,0.06011,0.02397,0.0509,0.10544,-0.04992,-0.04859,-0.06392,0.04722,0.06084,-0.02608,0.00043,-0.00829,0.1291,0.02615,-0.03264,0.06669,-0.07878,0.06734,0.0338,0.06081,0.04528,0.02451,-0.00578,-0.06183,-0.05745,-0.01449,-0.01252,-0.00969,-0.05154,0.01154,-0.02505,0.01155,0.03849,-0.01559,0.01274,0.00562,-0.02359,-0.05823,0.07521,-0.00417,-0.03846,0.04542,-0.03942,0.02429],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. How it works The plugin registers in the drag subsystem, computes candidate guide axes against nearby nodes, and renders temporary guide elements during node drag.","excerpt":"How it works The plugin registers in the drag subsystem, computes candidate guide axes against nearby nodes, and renders temporary guide elements during node drag."},{"chunkId":"/docs/f-magnetic-lines-component#3","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.10709,-0.01004,-0.02371,-0.03294,0.0413,-0.00458,-0.05507,-0.03747,-0.04009,-0.03891,0.02509,0.0307,0.00356,-0.02394,-0.06034,0.06074,-0.10351,0.02515,0.04591,0.03529,-0.03878,-0.06413,-0.0633,-0.01363,0.04112,0.03088,-0.00685,0.00764,-0.00783,-0.10246,-0.00187,0.07391,-0.07235,0.08518,-0.0514,0.03941,-0.00014,0.02137,-0.02524,-0.00258,0.05833,-0.034,0.01982,-0.08929,-0.01114,0.02924,-0.03219,-0.00164,0.01993,0.03292,-0.12475,-0.07321,-0.06979,0.01317,0.03983,0.07132,0.05267,-0.08467,0.06944,0.02325,0.17359,-0.02152,-0.01818,0.03346,0.03613,0.02649,-0.01704,0.02924,0.03784,-0.08273,0.00432,-0.02529,-0.06603,0.04886,0.0461,0.05277,0.02231,0.04435,-0.04158,-0.01421,-0.11125,0.02827,-0.05015,0.09904,-0.04306,0.11816,-0.05767,-0.04486,0.00548,0.03006,0.01246,-0.02441,-0.09551,-0.03832,-0.04639,-0.04993,0.00784,-0.08815,-0.10315,0.04081,0.03255,-0.00267,-0.04509,-0.02035,-0.02306,-0.03337,-0.0245,-0.08971,-0.06655,0.04958,0.02002,0.00722,-0.10494,-0.03314,-0.04114,-0.06867,0.005,0.01371,0.07734,0.0302,0.03143,0.07665,-0.06702,0.03983,0.03398,0.01978,-0.01375,0,0.0208,0.03569,0.0797,0.02378,0.04728,-0.01964,-0.06799,-0.02742,0.04901,0.01311,-0.0809,0.01391,0.03955,0.00044,-0.04836,-0.18347,-0.00058,-0.02291,-0.0672,-0.00042,-0.07231,-0.04771,0.0178,-0.02884,0.03597,0.01858,-0.02973,0.02776,0.05617,0.01322,0.01961,-0.0065,0.00544,0.02483,-0.06689,0.06662,-0.03596,-0.09971,0.03564,-0.05258,0.06088,0.01163,-0.00794,-0.01144,0.03115,0.04825,0.02095,0.00374,0.01527,-0.02719,-0.01769,0.00638,0.06512,-0.06622,0.07242,-0.07405,0.03245,0.02118,-0.04391,0.07521,0.01011,-0.02222,-0.01293,-0.02581,0.08887,0.02124,0.00174,0.06287,0.1169,-0.00798,-0.05191,0.05668,0.0429,0.02515,-0.06654,-0.01798,-0.08087,-0.04723,0.07584,-0.00817,-0.04472,-0.00815,0.03068,-0.07014,0.04939,-0.05179,0.01404,-0.02517,-0.04576,0.00527,-0.01636,0.08144,0.03856,0.03505,-0.00144,0,-0.08091,-0.02273,0.08275,0.06685,0.00672,0.03105,-0.02218,-0.00683,-0.00414,0.09914,-0.07582,0.00305,-0.01609,-0.01607,0.02079,-0.00579,-0.06442,-0.04017,0.04623,0.00737,0.00283,0.033,0.0199,0.05631,-0.00051,-0.0192,0.00905,-0.01991,-0.0379,-0.0038,0.0292,-0.05855,-0.03367,-0.04035,0.03763,-0.0443,-0.01609,0.11803,0.09218,-0.06479,-0.03277,0.05381,-0.01353,-0.05522,-0.00857,0.02606,-0.00767,0.10534,-0.1318,0.09132,-0.086,0.06965,-0.01344,-0.02387,-0.04477,0.02925,-0.02145,0.02575,0.0655,-0.051,-0.04328,-0.09592,-0.07785,-0.04951,0.06729,0.06958,0.1029,-0.02261,-0.09144,0.07002,0.09278,0.08365,0.01922,-0.09492,0.05528,-0.04622,0.07885,0.01925,-0.01294,-0.03049,0.01942,0.03007,-0.02203,0.04919,-0.02396,0.0327,0.02271,0.0083,0.03402,0.0497,-0.0358,0.02653,0.01615,-0.00716,-0.04206,0,-0.02481,0.02139,0.01128,0.00436,0.03388,0.0843,0.07241,0.09456,0.01121,-0.0034,0.03053,0.03013,-0.0316,0.05589,0.05333,-0.03762,-0.03391,0.05537,-0.00935,0.0437,0.03367,0.01387,0.06107,0.08989,-0.04018,-0.02177,-0.06035,0.05168,0.07306,-0.04157,-0.02648,-0.03511,0.14538,-0.01631,-0.02739,0.03704,-0.07826,0.05453,0.03385,0.06953,0.03193,0.03812,0.0077,-0.05925,-0.04249,-0.02575,-0.01438,-0.00362,-0.00553,0.01352,-0.03527,-0.01079,0.04004,-0.06376,-0.01953,0.01585,-0.03657,-0.07625,0.0757,0.03748,-0.00278,0.05732,-0.05884,0.00856],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. API","excerpt":"API"},{"chunkId":"/docs/f-magnetic-lines-component#4","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.09962,-0.02041,-0.05335,-0.05809,0.0259,0.03509,-0.03233,-0.03518,-0.01515,-0.06877,0.02791,0.05208,0.00002,-0.03137,-0.10608,0.03945,-0.10769,0.02171,0.02371,0.0426,-0.02275,-0.09782,-0.03647,-0.00231,0.00928,0.04033,0.02615,0.01772,-0.00106,-0.10957,0.02193,0.07073,-0.01764,0.07347,-0.04847,0.01967,-0.0077,0.02933,-0.03953,-0.00649,0.05185,-0.06446,0.03186,-0.07781,0.01734,0.036,-0.00174,-0.01835,0.01003,0.01409,-0.12934,-0.02931,-0.07527,0.03936,0.03381,0.07468,0.07023,-0.08345,0.09016,0.01436,0.14811,-0.00505,-0.00832,0.02311,0.06216,0.03626,-0.01601,0.00506,0.01465,-0.02696,0.03566,-0.00083,-0.07037,0.02614,0.02722,0.06672,-0.00486,0.03884,-0.02342,-0.01065,-0.10462,0.02672,-0.0141,0.093,-0.04441,0.11248,-0.04519,-0.05289,0.02825,0.04602,0.01767,-0.00902,-0.11164,0.00093,-0.04598,-0.04362,0.03476,-0.06571,-0.07393,0.02717,0.05311,-0.00787,-0.03821,-0.02347,-0.0315,-0.03547,0.01406,-0.08959,-0.04954,0.01421,0.04152,-0.02693,-0.10802,-0.03143,-0.03729,-0.08398,0.03369,0.02224,0.03485,0.01796,0.01176,0.0852,-0.09944,0.03117,0.02254,0.04984,-0.04383,0,0.01857,0.03096,0.05383,0.01482,0.01962,-0.00442,-0.09717,-0.02483,0.03899,0.06012,-0.07158,-0.02289,0.02008,-0.0033,-0.05944,-0.17427,-0.00667,-0.05031,-0.10154,-0.01142,-0.06449,-0.03763,-0.0075,-0.01466,0.0131,0.03856,-0.03386,0.02911,0.04659,0.00592,0.02194,-0.01578,0.01535,0.01044,-0.05587,0.07111,-0.01713,-0.06504,0.04555,-0.05618,0.07672,0.01122,0.02695,0.00835,0.04404,0.05875,0.05227,-0.01023,0.02292,-0.02832,-0.01685,-0.01197,0.05637,-0.06388,0.04824,-0.06437,0.02178,0.01215,-0.07585,0.05002,0.0012,-0.05427,-0.01599,-0.03198,0.09581,0.03793,0.00532,0.06029,0.13652,-0.02407,-0.08895,0.05254,0.01104,0.02099,-0.06449,0.01147,-0.06018,-0.04796,0.08464,0.00678,-0.05093,0.01495,0.05049,-0.06844,0.04482,-0.06428,0.01599,-0.03569,-0.03522,-0.00044,-0.01335,0.04984,0.04574,0.02889,-0.00027,0,-0.06792,-0.00806,0.07555,0.06938,-0.01285,0.07254,-0.00408,-0.00655,0.00286,0.09458,-0.05291,0.0078,-0.01784,-0.0359,-0.01375,-0.01383,-0.06248,-0.00109,0.05981,0.01848,0.01809,-0.01115,0.0162,0.07437,0.03022,-0.0092,0.06409,-0.02537,-0.01928,-0.00144,0.02818,-0.06172,-0.05746,-0.03456,0.02226,-0.06339,-0.01641,0.07905,0.096,-0.04428,-0.03571,0.07358,-0.03912,-0.04424,-0.02029,0.02674,0.00811,0.0849,-0.13075,0.12006,-0.08598,0.07326,-0.01522,0.00499,-0.06438,0.02513,-0.0515,0.02986,0.08199,-0.01892,-0.01592,-0.07089,-0.07269,-0.0491,0.06695,0.08323,0.09824,-0.00079,-0.08092,0.06208,0.09368,0.07032,0.03168,-0.0777,0.01988,-0.08078,0.06995,0.00885,-0.00247,-0.04889,0.04814,0.02711,-0.03569,0.04407,-0.04421,0.04994,0.03393,-0.0014,0.04775,0.01996,-0.05219,0.01646,0.03167,-0.04123,-0.06914,0,-0.02934,-0.00751,0.00507,-0.00161,0.03655,0.08115,0.06363,0.07239,0.00781,-0.00972,0.03949,0.04789,-0.05642,0.03978,0.04944,-0.0453,-0.05543,0.04915,-0.01459,0.04925,0.02757,0.00797,0.04421,0.08801,-0.04538,-0.01291,-0.07446,0.0503,0.0458,-0.03854,-0.00717,-0.03463,0.15019,-0.02863,-0.04023,0.05577,-0.09073,0.05709,0.04446,0.0204,0.01757,0.02424,0.02656,-0.07051,-0.07322,-0.03955,-0.00274,0.0047,-0.03029,0.0057,-0.01814,0.02462,0.0526,-0.07292,-0.0255,-0.02999,-0.00523,-0.06033,0.03817,0.02286,0.00618,0.06616,-0.06362,0.00191],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Inputs - threshold: number; Default: 10. Distance in pixels within which nodes will snap to the alignment lines.","excerpt":"Inputs - threshold: number; Default: 10. Distance in pixels within which nodes will snap to the alignment lines."},{"chunkId":"/docs/f-magnetic-lines-component#5","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.08924,-0.00397,-0.04844,-0.02392,0.03597,0.00863,-0.05508,-0.03028,-0.04318,-0.04398,0.04671,0.03667,-0.00665,-0.04789,-0.10607,0.06057,-0.11908,0.00606,0.05661,0.02631,-0.0268,-0.08127,-0.04888,-0.01583,0.03417,0.05468,-0.01164,0.02443,-0.02607,-0.12774,0.01604,0.07581,-0.05836,0.07015,-0.03583,0.02692,0.00728,0.02845,-0.03321,-0.00647,0.06234,-0.06147,0.0505,-0.06803,-0.01501,0.02338,-0.03405,-0.01879,0.0286,0.01345,-0.11932,-0.05827,-0.07062,0.02043,0.05405,0.07231,0.05351,-0.08148,0.06805,0.01034,0.15345,-0.01954,-0.03102,0.02259,0.07014,0.01785,-0.02582,0.02812,0.01504,-0.05506,0.02254,-0.02065,-0.09266,0.02558,0.05976,0.0622,0.01828,0.04418,-0.03071,-0.01507,-0.1213,0.02575,-0.04542,0.09032,-0.04774,0.12428,-0.06171,-0.05625,0.00571,0.0417,0.01715,-0.00692,-0.12209,-0.02599,-0.05392,-0.03645,0.01281,-0.07082,-0.07684,0.04996,0.05778,0.00126,-0.01698,-0.04719,-0.05306,-0.02674,-0.00013,-0.06171,-0.06226,0.02685,0.01761,0.0092,-0.10309,-0.04732,-0.01457,-0.07982,0.00724,0.01863,0.04612,0.04105,0.02424,0.09588,-0.08233,0.06127,0.01811,0.02423,-0.01968,0,0.01844,0.025,0.0542,0.02394,0.03697,0.00476,-0.09065,-0.02756,0.03879,0.06219,-0.08278,-0.0028,0.03599,-0.0012,-0.05953,-0.19688,0.01157,-0.04331,-0.07798,-0.023,-0.05505,-0.01528,0.01026,-0.03164,0.03294,0.0268,-0.02084,0.01365,0.05468,0.01679,0.02701,-0.00927,0.02158,0.01418,-0.06676,0.05401,-0.01211,-0.0738,0.02724,-0.06146,0.05717,-0.01521,0.01022,0.01127,0.03883,0.05515,0.04024,-0.00201,0.02977,-0.01377,-0.0098,-0.01442,0.07285,-0.04426,0.05937,-0.05725,0.02702,0.02926,-0.06141,0.0677,0.02845,0.01511,-0.03038,-0.04072,0.08008,0.02986,-0.00378,0.04535,0.15348,-0.00852,-0.08603,0.04848,0.04513,0.02821,-0.05815,-0.00029,-0.1027,-0.05447,0.0725,-0.00391,-0.05311,0.00288,0.04115,-0.07177,0.0696,-0.04818,0.00612,-0.02754,-0.01448,0.00524,-0.0421,0.07255,0.04244,0.01928,0.0001,0,-0.08598,0.00994,0.06005,0.05981,-0.0101,0.04741,-0.01882,-0.01737,0.00696,0.07825,-0.06311,-0.00651,-0.01349,-0.02759,0.02275,-0.02901,-0.06762,-0.03361,0.05025,0.02312,0.00101,0.02654,0.02394,0.06657,0.01503,-0.0048,0.04907,-0.02184,-0.02586,0.01079,0.04303,-0.05695,-0.0398,-0.03185,0.02389,-0.05116,-0.01135,0.09287,0.09061,-0.07022,-0.03851,0.08293,-0.02102,-0.04893,-0.01038,0.0233,0.00556,0.07996,-0.11694,0.10381,-0.0921,0.05084,-0.02472,-0.01062,-0.05434,0.0061,-0.02858,0.00826,0.06681,-0.03062,-0.03204,-0.09542,-0.06243,-0.06484,0.06802,0.0626,0.10246,-0.01201,-0.07115,0.07922,0.0929,0.09718,0.02286,-0.10262,0.06946,-0.03168,0.05081,0.02104,-0.00643,-0.02675,0.01846,0.02166,-0.02726,0.04243,-0.02385,0.0263,0.02185,0.00197,0.03726,0.02982,-0.02392,0.02602,0.03574,-0.00244,-0.04652,0,-0.01605,0.00096,0.01218,-0.00212,0.0446,0.07662,0.07767,0.06133,-0.00837,-0.00459,0.03355,0.03033,-0.04338,0.03774,0.05859,-0.02986,-0.05022,0.05595,-0.01148,0.02383,0.0532,0.00169,0.04536,0.09025,-0.04823,-0.02424,-0.07789,0.03,0.05157,-0.03868,-0.0051,-0.01947,0.12917,-0.0204,-0.02265,0.04644,-0.07552,0.07339,0.04065,0.06553,0.00902,0.03765,0.01103,-0.07153,-0.06484,-0.02789,-0.00902,0.00388,-0.03286,0.00088,-0.01489,0.00481,0.05406,-0.07015,-0.0152,-0.0065,-0.00718,-0.06715,0.0431,0.01652,-0.00709,0.0647,-0.06485,-0.00087],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-magnetic-lines-component#6","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.11565,0.01458,-0.02668,-0.03117,0.03012,0.01441,-0.06502,-0.0219,-0.05253,-0.03562,0.02371,0.0413,-0.00329,-0.0331,-0.06225,0.06643,-0.11464,0.04646,0.0603,0.03662,-0.02483,-0.06854,-0.05478,-0.01236,0.02853,0.04263,-0.00087,0.01703,0.00866,-0.1156,0.00477,0.06397,-0.06861,0.09208,-0.03369,0.03243,0.01575,0.03281,-0.0392,0.0012,0.04596,-0.03296,0.00231,-0.074,0.01268,0.02528,-0.03821,-0.01418,0.00818,0.01324,-0.12064,-0.07785,-0.04957,-0.0005,0.04359,0.05824,0.06049,-0.07839,0.07326,0.01411,0.1703,-0.00946,-0.02762,0.03194,0.04322,0.03486,-0.02096,0.03866,0.04088,-0.06236,0.00709,-0.01822,-0.07046,0.05241,0.03391,0.05548,0.01044,0.04426,-0.04826,-0.02563,-0.11897,0.03952,-0.04445,0.08132,-0.02614,0.12603,-0.06024,-0.04326,0.01364,0.03945,0.02131,-0.00341,-0.0987,-0.04788,-0.05207,-0.02985,0.02136,-0.09295,-0.08181,0.05224,0.03815,-0.0059,-0.03542,-0.03017,-0.01412,-0.03066,-0.01066,-0.09094,-0.05253,0.05228,0.02491,-0.00055,-0.11929,-0.06475,-0.03091,-0.08917,0.01293,0.00748,0.07426,0.03372,0.0376,0.07428,-0.06162,0.0459,0.03493,0.01582,-0.03005,0,0.03777,0.0495,0.06206,0.04229,0.06045,-0.01352,-0.07192,-0.03002,0.04268,0.03902,-0.06724,0.00046,0.03064,-0.00117,-0.05521,-0.17694,-0.00769,-0.02369,-0.07321,-0.00985,-0.05626,-0.05676,0.02546,-0.02158,0.02746,0.02935,-0.02012,0.02084,0.04461,0.01757,0.03458,-0.03855,0.00104,0.03747,-0.06373,0.0572,-0.01973,-0.10009,0.02419,-0.05431,0.0608,-0.01465,0.00393,0.00131,0.04144,0.0499,0.03364,0.00388,0.03609,-0.04871,-0.01001,0.01131,0.05187,-0.0688,0.06179,-0.07021,0.01488,0.01934,-0.04148,0.0697,0.00626,-0.01803,-0.02181,-0.0315,0.08133,0.00827,-0.00713,0.03279,0.12596,-0.02531,-0.05626,0.05612,0.02637,0.02152,-0.0786,-0.01303,-0.07731,-0.04869,0.0827,-0.00848,-0.06499,-0.00182,0.04882,-0.06164,0.07371,-0.05914,0.03358,-0.01444,-0.04137,-0.00734,-0.03807,0.08101,0.04202,0.02069,0.01661,0,-0.0804,-0.01367,0.0925,0.06522,0.00042,0.03233,-0.0338,-0.00073,-0.00715,0.08101,-0.07765,-0.01114,-0.01812,-0.01081,0.02582,-0.00495,-0.08793,-0.03982,0.03975,0.02466,-0.0168,0.01826,0.01495,0.06543,0.00608,-0.01675,0.01898,-0.01642,-0.02347,0.00574,0.01891,-0.05278,-0.0369,-0.04416,0.02141,-0.04217,-0.02393,0.12592,0.09212,-0.04773,-0.03245,0.05289,-0.00655,-0.07223,-0.03041,0.01668,-0.00472,0.10595,-0.11752,0.10181,-0.07445,0.05865,-0.02573,-0.01947,-0.04204,0.00858,-0.03947,0.00666,0.06676,-0.03259,-0.0293,-0.09529,-0.06547,-0.04086,0.08927,0.05497,0.08599,-0.04033,-0.10628,0.06192,0.09157,0.09849,0.01549,-0.08936,0.06607,-0.04769,0.08458,0.02915,-0.01386,-0.03958,0.02294,0.02626,-0.02532,0.03284,-0.02572,0.01749,0.0369,0.00715,0.02186,0.03963,-0.05318,0.03656,0.02464,0.0342,-0.038,0,-0.02366,0.01304,0.02035,-0.0137,0.04129,0.08703,0.06922,0.06882,-0.00711,-0.0129,0.02166,0.03533,-0.03234,0.06032,0.04472,-0.04456,-0.0507,0.06694,-0.01913,0.02017,0.03171,0.02495,0.03969,0.08682,-0.03703,0.00285,-0.06739,0.03625,0.08749,-0.03375,-0.02131,-0.01891,0.14325,-0.0057,-0.02287,0.0487,-0.07406,0.06044,0.01122,0.06221,0.03137,0.04558,0.00631,-0.06878,-0.0327,-0.01214,-0.01451,0.00196,-0.01996,0.02526,-0.02592,-0.01452,0.05096,-0.06584,-0.03218,0.02701,-0.01192,-0.06477,0.06275,0.02446,-0.00769,0.05249,-0.04777,0.00501],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-magnetic-lines-component#7","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.1216,0.02702,-0.05899,-0.02996,0.02755,0.04112,-0.04286,0.00368,-0.03635,-0.04625,-0.00962,0.03752,-0.03234,-0.04352,-0.05562,0.04631,-0.13282,0.01116,0.02645,0.05862,-0.033,-0.08952,-0.02661,-0.00206,-0.02526,0.07288,0.02274,0.04566,-0.01735,-0.12883,0.00095,0.09257,-0.06204,0.0843,-0.05384,0.01566,0.03976,0.08464,-0.08018,-0.01724,0.01916,-0.05069,0.01732,-0.08328,0.02725,0.00914,-0.01852,-0.07611,0.02146,0.031,-0.08806,-0.0482,-0.0552,0.04901,0.04775,0.07076,0.08883,-0.09237,0.04308,0.01388,0.09445,0.00078,-0.00652,0.02013,0.01501,0.01573,-0.042,0.04818,0.02366,-0.0611,0.00698,-0.013,-0.05671,0.01781,0.04168,0.06448,0.00816,0.07107,-0.04037,-0.01634,-0.08292,0.0317,-0.0386,0.05215,-0.03189,0.14332,-0.05266,-0.08604,0.00051,0.05038,-0.00102,0.01062,-0.0634,-0.02131,-0.01475,-0.0022,-0.0163,-0.08093,-0.08949,0.02984,0.03173,-0.00646,-0.01045,-0.00384,-0.01887,-0.02338,-0.00704,-0.03715,-0.0699,-0.02012,0.03043,-0.0159,-0.12067,-0.06915,-0.01269,-0.11751,0.01069,-0.03074,0.06484,0.03108,0.03876,0.09295,-0.05739,0.04503,0.05591,0.02007,-0.01941,0,0.02377,0.03127,0.05103,0.05603,0.05939,-0.00557,-0.06536,-0.01851,0.02944,0.07357,-0.04222,-0.0536,-0.0072,-0.01343,-0.08549,-0.18425,-0.00721,-0.04806,-0.10692,-0.01356,-0.05836,-0.0206,0.01553,-0.0488,0.04723,0.0277,-0.02645,0.03151,0.00635,0.00134,0.03039,-0.05912,0.04048,0.0249,-0.07191,0.04087,-0.00871,-0.06653,0.01788,-0.06141,0.04277,0.00061,0.01881,0.01424,0.02463,0.05403,0.02064,0.01905,0.05597,-0.01328,-0.01769,0.02398,0.08239,-0.05497,0.09103,-0.09004,0.01585,0.08653,-0.05486,0.04665,-0.00837,0.02244,-0.0741,-0.02507,0.07732,0.04323,0.01205,0.03751,0.11179,-0.03825,-0.07294,0.05365,0.02026,0.04473,-0.03029,-0.01742,-0.0739,-0.05423,0.0831,-0.00058,-0.07889,-0.01551,0.03748,-0.01774,0.03392,-0.06963,0.04849,-0.04594,-0.01636,-0.0146,-0.01811,0.0564,0.05098,0.0387,0.0119,0,-0.07035,0.01545,0.05849,0.06985,0.02382,0.06223,-0.00805,-0.00362,0.00702,0.11533,-0.03391,0.03635,-0.03397,-0.04286,0.03697,-0.00141,-0.08693,-0.04964,0.07478,0.00915,0.00336,0.00636,0.00932,0.03223,-0.01496,-0.01213,0.03286,-0.00181,-0.01204,0.00813,0.05059,-0.04595,-0.02786,-0.04889,0.00796,-0.06604,-0.02075,0.12832,0.07826,-0.03288,-0.04977,0.05867,0.01536,-0.04176,-0.05691,0.02172,-0.00336,0.04538,-0.09695,0.09941,-0.10995,0.02904,-0.01568,-0.01118,-0.03985,0.02325,0.0025,-0.00387,0.0365,-0.01248,0.01114,-0.09588,-0.07033,-0.07255,0.08535,0.05048,0.06316,-0.01123,-0.04889,0.06591,0.11139,0.09689,0.00104,-0.06458,0.07173,-0.05536,0.11508,0.05038,0.03532,0.00405,0.02219,0.04898,-0.04607,0.03662,-0.02192,0.01146,0.03199,0.01792,0.03894,-0.00008,-0.04313,0.03728,0.02461,0.00057,-0.06338,0,-0.05612,-0.01562,0.01199,-0.03038,0.03694,0.0607,0.04291,0.05109,-0.01384,-0.01853,0.02891,0.08699,-0.02604,0.01395,0.06819,-0.04818,-0.07915,0.07322,-0.03005,0.01659,0.03659,0.00225,0.02653,0.0866,-0.05799,-0.0092,-0.02779,0.03232,0.07609,-0.00691,-0.03408,-0.00597,0.13907,-0.02717,-0.001,0.03714,-0.07924,0.02553,-0.00612,0.06278,0.0102,0.01836,0.0216,-0.08001,-0.02089,-0.02509,-0.06692,-0.00823,-0.06337,0.00092,-0.03606,0.03534,0.00296,-0.04104,-0.01897,-0.00215,-0.01178,-0.05173,0.06615,-0.01831,-0.02964,0.07609,-0.04459,0.00312],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Styling - .f-component Base class for flow primitives. - .f-magnetic-lines Host class. - .f-line Rendered helper line element class.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-magnetic-lines Host class. - .f-line Rendered helper line element class."},{"chunkId":"/docs/f-magnetic-lines-component#8","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.07692,-0.03314,-0.03819,0.00372,0.05828,0.02502,-0.00002,-0.01392,-0.00631,-0.02502,0.0477,0.0596,-0.02055,-0.00841,-0.08173,0.03351,-0.0765,0.013,0.00801,0.03045,0.00298,-0.09971,-0.025,0.00441,0.00803,0.03123,-0.03851,0.00156,0.02792,-0.12478,-0.01354,0.06515,-0.07546,0.03691,-0.06381,0.04065,0.01435,0.02674,-0.06395,-0.02336,0.06423,-0.03007,0.03256,-0.05749,-0.02026,0.0128,-0.00465,-0.00015,-0.01881,0.03621,-0.09186,-0.07002,-0.03843,0.02306,0.04367,0.0818,0.07302,-0.05756,0.06674,0.01208,0.14737,-0.00326,-0.02516,0.00848,0.03728,0.01952,-0.01852,0.01209,0.04198,-0.03862,0.02761,-0.0236,-0.07143,0.04092,0.06692,0.0432,-0.01648,0.05166,-0.0409,0.00731,-0.08216,0.03161,-0.0268,0.07397,-0.04573,0.09225,-0.05248,-0.08025,0.00981,0.07151,0.04697,0.02219,-0.0904,-0.03939,-0.05335,-0.05363,0.00069,-0.06515,-0.09355,0.03652,0.04606,0.00965,-0.0285,-0.00182,-0.02864,-0.04393,-0.00157,-0.08394,-0.07971,0.0355,0.00482,0.00867,-0.08075,-0.01817,-0.05565,-0.08875,0.01859,-0.00478,0.03831,0.02326,0.00114,0.07189,-0.0386,0.05951,0.05322,0.04136,-0.06988,0,0.03901,0.0228,0.01938,0.01035,0.01609,-0.02186,-0.07239,-0.02131,0.02528,0.03282,-0.03914,-0.01518,0.02788,0.03575,-0.03942,-0.18482,0.03252,-0.02772,-0.06798,-0.02819,-0.03375,-0.04956,0.0074,-0.0424,0.05635,0.03601,-0.04989,0.04884,0.06001,0.01506,-0.00633,-0.0189,-0.00015,0.0033,-0.0647,0.09174,-0.0271,-0.08606,0.05466,-0.0761,0.05306,0.01167,0.00577,0.00826,0.05017,0.06707,0.04626,-0.03515,-0.03413,-0.01536,0.00614,-0.0103,0.09058,-0.04069,0.05573,-0.07082,0.01989,0.02655,-0.0609,0.06081,0.0188,-0.01427,-0.0511,-0.04885,0.09614,0.04262,-0.02191,0.07999,0.11261,-0.03402,-0.10555,0.06482,0.04785,0.0302,-0.0562,-0.01203,-0.09865,-0.09032,0.07996,-0.02297,-0.0524,-0.00933,0.05908,-0.04857,0.05229,-0.07746,0.02816,-0.03154,-0.04313,0.01466,-0.00008,0.06799,0.03952,0.06635,0.00541,0,-0.08169,-0.00203,0.08246,0.07298,-0.01613,0.04635,-0.05186,-0.04003,0.01465,0.0347,-0.07217,0.00965,-0.04086,0.0061,-0.01387,-0.01915,-0.08803,-0.03336,0.0507,-0.00953,0.00303,0.00427,0.02287,0.06588,0.01261,-0.03236,0.03611,-0.02375,-0.03465,-0.01693,0.03588,-0.05127,-0.02985,-0.06538,0.03539,-0.05287,-0.04354,0.1141,0.1103,-0.02735,-0.0346,0.07078,-0.01943,-0.08343,-0.00945,0.06035,-0.01142,0.08135,-0.12239,0.10385,-0.09577,0.05401,-0.03082,-0.01444,-0.04338,0.04045,-0.01963,0.01723,0.09219,-0.05125,-0.02248,-0.0573,-0.08003,-0.06143,0.07056,0.04009,0.10674,-0.02154,-0.03955,0.07965,0.07322,0.09406,0.01763,-0.08276,0.07243,-0.04901,0.0858,-0.03431,-0.00291,-0.05802,0.02452,0.04104,-0.01616,0.00671,-0.05434,0.06094,0.01606,0.00797,0.02523,0.01965,-0.02509,-0.00331,0.04639,-0.02692,-0.05337,0,-0.04635,0.02059,0.01548,-0.01107,0.03037,0.10318,0.06329,0.08549,0.00308,-0.00233,0.03235,0.03531,-0.03801,0.03269,0.07078,-0.05128,-0.02749,0.08429,-0.03375,0.0107,0.03074,0.0026,0.04065,0.10229,-0.03263,-0.04614,-0.04069,0.04748,0.05967,-0.02692,0.0059,-0.01936,0.1352,0.0269,-0.0173,0.06953,-0.09877,0.04116,0.03252,0.0772,0.05673,0.0365,-0.00361,-0.04938,-0.08306,-0.02072,0.02525,-0.00564,-0.04676,0.00109,0.00549,0.01143,0.04349,-0.02477,-0.01849,0.00355,-0.00985,-0.05391,0.04638,-0.00506,-0.00664,0.04872,-0.0806,0.00662],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Notes / Pitfalls - This helper affects UX feedback only; it does not persist node positions. - Very small thresholds can make guides feel inconsistent; very large thresholds can feel sticky. - Requires active dragging (fDraggable) to be useful. f Draggable","excerpt":"Notes / Pitfalls - This helper affects UX feedback only; it does not persist node positions. - Very small thresholds can make guides feel inconsistent; very large thresholds can feel sticky. - Requires active dragging (fDraggable) to be useful."},{"chunkId":"/docs/f-magnetic-lines-component#9","slug":"f-magnetic-lines-component","route":"/docs/f-magnetic-lines-component","section":"docs","title":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes","description":"Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes.","group":"Helpers","vector":[-0.12911,0.02213,-0.08246,-0.02584,0.05637,0.07169,-0.05679,0.00258,-0.04231,-0.00395,-0.02553,0.05797,-0.01497,-0.00703,-0.04766,0.03281,-0.13865,0.01886,0.00507,0.05613,-0.03695,-0.09198,0.0277,0.00279,0.01029,0.0437,0.02428,0.03426,0.01938,-0.04472,0.06066,0.0861,-0.06863,0.07811,-0.03595,0.06231,-0.01691,0.08634,-0.04727,-0.03397,0.08317,-0.0045,0.01328,-0.1321,0.01865,0.01497,-0.03929,0.01013,-0.01481,0.03935,-0.09552,-0.08424,-0.06805,0.05022,0.04049,0.03102,0.02327,-0.11474,0.0748,0.00431,0.09755,-0.02263,-0.00108,0.00924,0.07116,0.02827,-0.06066,0.02618,-0.00792,0.0044,0.00712,-0.03198,-0.04035,0.02064,0.03215,0.04645,-0.03957,0.10275,-0.04144,-0.00055,-0.06467,0.01122,-0.0278,0.05414,-0.0648,0.12436,-0.03902,-0.08579,0.01616,-0.00477,0.03277,0.02093,-0.08447,-0.01598,0.00287,0.00382,-0.04609,-0.01014,-0.1105,0.03629,0.03379,-0.02213,-0.00652,0.00596,-0.0105,-0.00912,-0.0139,-0.03061,-0.08143,-0.01186,0.03177,0.03313,-0.06066,-0.06637,-0.05231,-0.11082,0.02792,-0.02392,0.05441,0.04871,0.05072,0.07078,-0.05379,0.03027,0.05677,0.0423,0.01135,0,0.01452,0.06217,0.04727,0.01802,0.02829,-0.02718,-0.09916,-0.05645,0.0229,0.0899,-0.0775,-0.00445,0.00082,-0.04345,-0.09111,-0.15879,0.01518,-0.02595,-0.09933,0.01552,-0.03,-0.02782,-0.01382,-0.01463,0.03558,-0.01125,-0.03204,0.02209,0.00168,-0.0065,0.06433,0.00327,0.02217,-0.03823,-0.02701,0.06112,0.00127,-0.06367,-0.00718,-0.04261,0.12556,-0.01616,-0.00829,0.06944,0.00919,0.03832,0.02791,-0.02258,0.0761,-0.01471,-0.0228,0.01736,0.07718,-0.05063,0.0884,-0.06268,0.02645,0.03061,-0.04224,0.04995,-0.00943,-0.01646,-0.02602,-0.01875,0.08101,-0.01181,0.00286,0.0839,0.12634,-0.04164,-0.06567,0.0806,0.01648,0.0564,-0.02785,-0.00449,-0.05963,0.0108,0.11957,-0.01372,-0.0141,-0.02764,0.02689,0.01047,0.06065,-0.06177,-0.00524,-0.05348,-0.02786,-0.04379,0.00645,0.08348,0.00955,0.00703,0.00681,0,-0.03719,0.00449,0.06938,0.08944,-0.03754,0.04074,0.03134,0.03594,-0.01321,0.11595,0.00285,-0.00849,-0.01872,-0.04294,0.03093,0.00105,-0.07459,-0.04701,0.10157,0.01287,0.00994,0.03257,0.01424,0.04445,-0.01553,0.02905,0.0441,0.00948,-0.02195,-0.01155,0.04208,-0.05088,-0.07239,-0.04174,-0.00288,-0.06857,-0.01748,0.14202,0.07712,-0.07001,-0.00847,0.09241,-0.00326,-0.07009,-0.01585,0.0042,0.02833,0.05782,-0.10465,0.06443,-0.10324,0.05266,-0.02904,0.01189,-0.06249,-0.02596,-0.00637,-0.0547,0.03017,-0.02159,0.03385,-0.0596,-0.08532,-0.08006,0.0962,0.09813,0.03111,-0.04592,-0.01224,0.05016,0.06127,0.05743,0.0271,-0.08029,0.07452,-0.00028,0.11226,0.01428,0.04653,-0.03519,0.00402,0.03298,-0.04815,0.05878,-0.02378,0.05971,-0.0278,-0.01386,0.04352,0.01801,-0.07985,-0.0443,0.00312,-0.03873,-0.01657,0,-0.07921,0.00584,-0.01044,-0.0047,0.01864,0.03086,0.0322,-0.00775,0.00228,-0.03332,0.00566,0.06925,-0.03312,0.00659,0.01951,-0.05151,-0.07513,0.07819,-0.02857,0.06668,0.02829,0.01383,0.05333,0.09937,-0.02847,-0.02613,-0.08454,0.02751,0.05896,-0.03101,-0.04026,-0.03918,0.13674,-0.01495,-0.03438,-0.02022,-0.08893,0.02029,0.05273,0.05271,0.03096,0.00837,0.05333,-0.05621,-0.06176,-0.03851,-0.03044,0.01404,-0.02912,0.00493,-0.02605,0.02613,-0.00479,-0.03312,-0.00212,-0.04389,-0.00732,-0.00541,0.01601,-0.02026,-0.01355,0.01706,-0.0612,-0.01319],"keywords":"Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Magnetic Lines - Snap Lines and Alignment Guides While Dragging Nodes Show horizontal and vertical alignment guides and optionally snap dragged nodes to edges and centers of nearby nodes. Example ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.scss :::","excerpt":"Example ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.scss :::"},{"chunkId":"/docs/f-magnetic-rects-component#0","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.05187,-0.01739,-0.06176,-0.03274,-0.00751,0.03977,-0.02274,0.02101,-0.04519,-0.05962,0.03288,0.01618,0.02271,0.00902,-0.03916,0.0188,-0.02847,0.02271,0.11473,0.0456,-0.09611,-0.06234,0.03069,-0.03131,-0.05282,0.01947,0.00637,0.00657,-0.07259,-0.14845,0.05784,0.06752,-0.04539,0.05648,-0.0896,0.07341,0.01713,0.05102,-0.03095,-0.02439,-0.04897,0.04862,0.09437,-0.02718,0.03221,0.03909,0.00042,-0.01533,0.0193,-0.00159,-0.02631,-0.00135,-0.0402,0.05714,0.12761,0.06102,0.12022,-0.04318,-0.02004,0.00442,0.07714,-0.01525,-0.04012,-0.02283,0.09141,0.04938,-0.03768,0.00693,-0.01951,-0.04419,0.01664,-0.00287,-0.04761,0.01041,0.03552,0.08455,-0.00247,0.05043,-0.01482,0.01189,-0.09613,0.11063,0.00927,0.02025,0.01988,-0.0077,-0.04955,-0.04023,0.01266,0.05404,0.02816,-0.01438,-0.10098,0.03591,-0.06654,-0.0594,-0.00819,0.02276,-0.08038,0.01485,0.07816,-0.04709,0.00678,-0.05234,-0.07314,-0.08988,0.0036,-0.03306,-0.04101,-0.0382,0.00884,0.00406,-0.13269,-0.00022,-0.04117,-0.05432,0.01972,0.00289,0.11571,-0.00515,0.07861,0.09009,-0.04375,0.02807,0.06818,-0.01694,-0.10942,0,-0.01463,0.0365,0.02258,0.09092,0.02363,0.02529,-0.08133,-0.03333,0.08671,0.00082,-0.0395,0.09636,-0.01398,-0.02876,-0.05153,-0.15756,-0.02995,0.03285,-0.14905,-0.08297,-0.0582,0.02158,-0.00315,-0.0059,0.04528,0.01732,-0.01241,0.00506,-0.02534,-0.00815,-0.00071,0.04057,0.01722,0.01432,0.01823,-0.00338,-0.02914,-0.04937,-0.04034,-0.04946,0.0409,0.00784,-0.00254,0.01411,0.08456,-0.04013,0.01029,-0.02638,0.04753,0.03204,0.0302,-0.04151,0.02781,-0.03877,0.03421,-0.10426,0.00559,0.05347,-0.02389,0.05347,0.05567,-0.02094,0.04315,-0.04937,0.00257,0.0533,0.03793,0.0025,0.07509,0.0631,-0.00296,0.06779,0.07747,0.0094,-0.04985,-0.04979,-0.03048,-0.04019,-0.01629,-0.0279,-0.04628,-0.07025,0.00752,-0.06889,-0.06408,-0.08686,0.04297,0.02026,0.00721,-0.04891,0.00931,0.08193,0.00887,0.01013,0.02176,0,-0.09406,0.00655,0.05167,0.0238,-0.01337,-0.0293,-0.01081,0.00896,0.02751,0.06653,-0.07095,-0.08458,0.01294,-0.08622,-0.02709,0.0339,-0.06666,-0.05296,0.01485,0.02187,0.00058,0.0414,0.02982,0.02281,-0.02362,0.05594,-0.00276,-0.01838,0.02924,0.00667,0.01399,-0.08571,0.00632,-0.01484,0.04197,-0.07657,-0.0054,0.08289,0.04588,-0.02677,-0.03001,0.08669,-0.019,0.04642,-0.04692,0.01048,-0.01826,0.04962,0.00768,0.06664,-0.0615,-0.01989,0.00573,-0.05829,-0.06382,0.00087,-0.04532,-0.01014,0.10187,0.0307,-0.01513,-0.10908,0.00201,-0.04682,0.03611,0.00616,0.08419,-0.01472,-0.00529,0.12445,0.11034,0.10845,0.03061,-0.06209,0.00143,0.02564,0.1332,-0.01116,-0.01121,-0.03199,0.00509,0.03541,-0.05112,0.02412,-0.03181,0.00029,0.01099,0.04716,-0.01026,0.01361,-0.00936,0.00614,0.10227,0.03574,-0.00648,0,-0.01542,-0.01743,-0.06099,0.00747,-0.02131,0.00652,0.01229,0.04466,-0.02791,-0.0245,0.03443,0.03763,-0.00293,-0.01345,0.08088,-0.00732,-0.04612,0.06902,-0.04887,0.08979,0.03131,0.00631,0.00626,0.07172,-0.08623,0.05326,-0.08814,0.0463,0.07795,-0.04823,0.03877,-0.00138,0.14193,-0.02011,-0.08281,0.05264,-0.06751,0.06577,0.00314,0.06924,-0.02846,-0.10403,0.04217,-0.02593,-0.11314,-0.06246,-0.02375,-0.00279,-0.0097,0.0278,0.01253,0.03841,0.01302,-0.06654,-0.03994,0.05096,0.00351,-0.03634,0.08677,0.0072,-0.04879,0.02047,-0.02941,0.02492],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Magnetic Rects Selector: f-magnetic-rects Class: FMagneticRects FMagneticRects shows spacing and alignment helper rectangles while dragging nodes. F Magnetic Rects","excerpt":"Magnetic Rects Selector: f-magnetic-rects Class: FMagneticRects FMagneticRects shows spacing and alignment helper rectangles while dragging nodes."},{"chunkId":"/docs/f-magnetic-rects-component#1","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.0823,-0.01671,-0.01499,-0.0401,-0.04294,0.00421,-0.05843,0.04478,0.03303,-0.05655,0.01006,0.02577,0.0445,0.00105,0.00369,0.00647,-0.0185,0.0475,0.09357,0.02126,-0.11252,-0.0813,0.00909,-0.00888,-0.0448,0.04535,-0.01264,0.01119,-0.03795,-0.15121,0.04213,0.07747,-0.00876,0.04008,-0.10815,0.08243,0.00468,0.09263,-0.07989,-0.06002,-0.09216,0.03311,0.0854,-0.00959,0.06356,0.00436,-0.04439,-0.01216,0.01242,0.0026,-0.03963,-0.00412,-0.04549,0.00894,0.11846,0.0715,0.10342,-0.03548,-0.01521,-0.00799,0.08357,0.00882,-0.06006,0.02322,0.07149,0.03965,-0.02496,0.04569,0.00312,-0.02034,0.0087,0.00563,-0.0632,0.03302,-0.00066,0.06914,-0.00299,0.01022,-0.03186,0.03531,-0.06173,0.10973,-0.01656,0.0455,0.04225,0.00458,0.00482,-0.05158,0.0066,0.01512,0.01962,-0.00476,-0.04085,0.04206,-0.03884,-0.02627,-0.01245,0.01247,-0.09828,0.03879,0.07462,-0.00955,0.0111,-0.06039,-0.02398,-0.10581,0.02371,-0.01426,-0.04116,-0.05032,0.00327,-0.03061,-0.11793,-0.00491,-0.03479,-0.05865,0.01713,-0.01534,0.13599,0.01761,0.05298,0.07865,-0.06738,0.00673,0.05731,-0.04058,-0.0325,0,-0.01202,0.03272,0.02344,0.12106,0.07682,0.02485,-0.1029,-0.02675,0.10843,0.03414,0.00641,0.05316,-0.02246,0.0423,-0.01339,-0.10529,-0.02505,0.04471,-0.15912,-0.06459,-0.07889,-0.01111,0.02469,-0.00037,0.05118,0.02312,0.02073,0.0314,-0.03225,-0.01616,-0.03097,0.00398,0.04733,0.01772,0.00579,0.01649,-0.01013,-0.09357,-0.01832,-0.02344,0.00058,0.04606,-0.01531,-0.00877,0.08501,-0.01814,0.01546,-0.00377,0.00806,0.04571,0.01447,0.04987,0.05277,-0.02128,0.0242,-0.14,0.02333,-0.00362,-0.04156,0.06031,0.04046,-0.01788,0.00746,-0.00399,-0.03738,0.09767,0.02765,0.0138,0.06205,0.02457,-0.04874,0.05259,0.00623,0.00517,-0.05663,-0.07187,-0.02642,-0.01299,0.01222,-0.03628,-0.04913,-0.05066,-0.00082,-0.03378,-0.05863,-0.08517,0.04953,0.03643,-0.01129,-0.04125,0.01198,0.06766,0.05173,0.01987,0.04098,0,-0.11191,-0.00665,0.02804,0.03309,0.00389,-0.02995,0.00682,-0.01029,0.07858,0.04785,-0.09088,-0.05157,0.01427,-0.09272,-0.00797,0.04324,-0.04337,-0.07736,0.00616,0.00128,0.05127,0.03769,-0.0057,0.01723,0.01272,0.06193,-0.08736,-0.04077,-0.0012,-0.00199,0.03157,-0.1103,0.01033,-0.0429,0.00816,-0.0612,-0.01506,0.12618,0.0415,0.00452,-0.02786,0.06539,-0.02347,0.02091,-0.03848,0.03479,-0.04773,0.00595,-0.01676,0.0573,-0.05653,-0.00934,0.00739,-0.08795,-0.0589,-0.02496,-0.06234,0.01083,0.06429,0.04241,-0.04013,-0.12328,0.02528,-0.04505,0.01422,0.01609,0.06009,-0.01726,-0.02498,0.08448,0.07961,0.0885,-0.01615,-0.0125,-0.01282,0.01608,0.13576,-0.05408,-0.01455,-0.01819,-0.04348,0.01856,-0.03524,0.03229,-0.03929,0.0225,0.00386,-0.00984,-0.01252,0.02306,-0.0161,0.02111,0.05959,0.06628,-0.01093,0,-0.0051,-0.02374,-0.06206,0.01844,-0.04478,-0.01091,0.02894,0.03392,-0.0104,-0.01651,0.0797,0.04666,-0.02228,-0.02175,0.0812,0.00683,-0.04209,0.0637,-0.07298,0.06479,0.04855,0.03683,-0.04258,0.05807,-0.07374,0.07113,-0.06403,0.07293,0.04753,-0.07094,0.05682,0.01126,0.19316,0.02212,-0.05898,0.03199,-0.05386,0.09009,0.00813,0.04929,-0.05716,-0.08585,0.06896,-0.02363,-0.08371,-0.06074,-0.02414,0.00763,-0.03368,0.02007,-0.01528,0.03112,0.00244,-0.0762,0.01829,0.03311,0.04528,-0.03667,0.09608,0.00041,-0.02286,0.01855,-0.03836,0.00257],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Why / Use cases Use f-magnetic-rects when users need consistent visual rhythm (equal gaps) in addition to plain line alignment. Typical use cases: - Builder tools where spacing consistency is part of UX quality. - Diagram editors with card-like blocks. - Flows that should look hand-organized but still precise.","excerpt":"Why / Use cases Use f-magnetic-rects when users need consistent visual rhythm (equal gaps) in addition to plain line alignment. Typical use cases: - Builder tools where spacing consistency is part of UX quality. - Diagram editors with card-like blocks. - Flows that should look hand-organized but still precise."},{"chunkId":"/docs/f-magnetic-rects-component#2","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.08848,-0.01355,-0.01213,-0.03876,-0.00903,0.02969,-0.05633,0.02486,-0.00757,-0.05154,0.02831,0.02018,0.04652,0.01561,-0.04145,0.02645,-0.02412,0.05478,0.07963,0.02261,-0.08453,-0.11275,-0.00105,-0.01612,-0.00298,0.05163,-0.0058,0.02413,-0.03227,-0.14624,0.05466,0.05584,-0.01849,0.06658,-0.1009,0.07537,0.00218,0.07523,-0.0634,-0.05114,-0.08342,0.03384,0.07506,-0.01689,0.04376,0.02488,-0.00541,0.00008,-0.0013,-0.00391,-0.04001,-0.01459,-0.01568,0.00509,0.10424,0.08045,0.11337,-0.03051,0.00704,0.01093,0.09495,-0.01449,-0.02124,0.00403,0.07185,0.03722,-0.03641,0.02738,-0.02151,-0.06249,0.02256,0.00027,-0.03801,0.01528,0.00106,0.05074,-0.00434,0.02955,-0.03001,0.01413,-0.05063,0.12023,0.00765,0.05658,0.01962,0.00768,-0.01068,-0.04047,0.001,0.01611,0.03626,-0.0324,-0.11697,0.05339,-0.0659,-0.04877,-0.01841,0.0244,-0.07414,0.03709,0.08201,-0.01959,-0.00075,-0.07033,-0.04559,-0.08974,0.00815,-0.05313,-0.04046,-0.01589,0.01997,-0.01121,-0.14491,0.03132,-0.06311,-0.04242,0.02033,-0.01608,0.12192,-0.04545,0.06741,0.10506,-0.04152,0.0177,0.06109,-0.02661,-0.0688,0,-0.01564,-0.00028,-0.00483,0.1088,0.03846,0.01433,-0.09938,-0.01058,0.08392,-0.00821,-0.01485,0.07424,-0.00333,0.02344,-0.02732,-0.11243,-0.036,0.06301,-0.16527,-0.06714,-0.08809,-0.01505,-0.02181,0.00752,0.03422,0.03981,-0.00844,0.01306,-0.01663,-0.02256,-0.02311,0.03885,0.02457,0.02305,0.01294,-0.00705,-0.01853,-0.06357,-0.01006,-0.04381,0.01146,0.04098,-0.00839,-0.00006,0.06,-0.03624,0.01715,-0.00382,0.02401,0.02564,0.01449,-0.01299,0.04903,-0.01623,0.02539,-0.11977,-0.00725,0.01069,-0.01702,0.06446,0.04754,-0.04536,0.01232,-0.03645,-0.00909,0.07361,0.01711,0.00956,0.08488,0.05457,-0.03976,0.0669,0.05192,0.01759,-0.06196,-0.05986,-0.0408,-0.0204,-0.00712,-0.00129,-0.05311,-0.06582,0.0451,-0.06894,-0.06964,-0.09744,0.061,0.03067,-0.01459,-0.06955,0.00129,0.06318,0.01479,0.01603,0.04023,0,-0.08272,0.02933,0.05154,0.025,0.00228,-0.02519,-0.00912,-0.00934,0.05459,0.05583,-0.10184,-0.06452,0.01741,-0.06494,-0.01649,0.05724,-0.06799,-0.04378,-0.01813,-0.02376,0.03628,0.06505,-0.00981,0.01579,-0.00143,0.05807,-0.01213,-0.03403,0.00228,0.0146,0.02489,-0.12804,0.01477,0.00418,0.03933,-0.06669,-0.01316,0.09528,0.04814,-0.02036,-0.03754,0.0408,-0.05722,0.05478,-0.03548,0.03182,-0.03605,0.03896,-0.00448,0.0354,-0.04442,-0.00239,0.03672,-0.05854,-0.02438,-0.01187,-0.06861,0.00444,0.07949,0.01848,-0.00711,-0.12158,0.0201,-0.01529,0.01937,0.01886,0.06522,-0.06067,-0.05885,0.09727,0.09433,0.11701,0.02329,-0.03637,0.01725,0.00388,0.13675,-0.02758,-0.00106,-0.03444,-0.03921,0.01792,-0.03883,0.01259,-0.02801,0.03004,0.01013,0.05059,-0.02351,0.0086,-0.02874,0.01482,0.07289,0.05362,0.0002,0,0.00299,-0.02301,-0.06273,-0.01561,-0.04748,0.02693,0.04414,0.08065,-0.01662,-0.01093,0.07843,0.03148,-0.01007,-0.00827,0.0819,-0.0005,-0.02416,0.04961,-0.07199,0.06602,0.06659,0.01584,0.00634,0.06847,-0.09002,0.05628,-0.08454,0.09771,0.05556,-0.08568,0.06691,-0.00621,0.16935,0.00611,-0.05271,0.06586,-0.05591,0.08509,0.00169,0.07343,-0.05553,-0.11491,0.05571,-0.01717,-0.05236,-0.03197,-0.01095,-0.00262,-0.01831,0.01703,0.01081,0.02885,-0.00596,-0.05082,-0.0185,0.03786,0.01547,-0.02976,0.11123,0.0135,-0.01858,0.01476,-0.03585,0.01009],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. How it works During drag, helper calculations detect candidate spacing/alignment relationships and render temporary rectangle overlays to show potential placement matches.","excerpt":"How it works During drag, helper calculations detect candidate spacing/alignment relationships and render temporary rectangle overlays to show potential placement matches."},{"chunkId":"/docs/f-magnetic-rects-component#3","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.08385,-0.01417,-0.01815,-0.03642,-0.03299,0.01158,-0.05814,0.01841,-0.0487,-0.05745,0.02389,0.02285,0.06409,0.00595,-0.00825,0.0305,-0.02787,0.06074,0.09435,0.03162,-0.1049,-0.07971,0.01599,-0.01425,-0.01491,0.04041,0.01048,0.0285,-0.05148,-0.12957,0.06941,0.04227,-0.01121,0.07458,-0.07632,0.06375,-0.01281,0.07669,-0.04818,-0.04338,-0.08415,0.05887,0.07011,-0.02132,0.04049,0.02917,-0.03845,-0.01001,0.01498,-0.01408,-0.04471,-0.03027,-0.01251,-0.01067,0.11205,0.06928,0.08897,-0.01009,0.0073,0.01587,0.10366,-0.01226,-0.0232,0.01235,0.07285,0.07411,-0.03201,0.02071,-0.02981,-0.05698,0.00121,0.00968,-0.03972,0.0214,-0.00252,0.05776,0.01379,0.01314,-0.03172,0.01772,-0.09901,0.1287,-0.00037,0.05854,0.00923,-0.01108,-0.01006,-0.02273,0.00336,0.01355,0.01345,-0.03282,-0.10687,0.05155,-0.07413,-0.03746,0.00354,-0.0075,-0.10178,0.02955,0.06402,-0.02836,-0.0063,-0.07814,-0.04172,-0.08119,-0.00384,-0.03116,-0.0299,0.00037,0.02493,-0.00424,-0.15434,0.02353,-0.05385,-0.05131,0.03989,-0.01361,0.138,-0.03201,0.08528,0.10273,-0.0576,0.00848,0.05454,-0.0421,-0.04075,0,-0.0113,0.01482,0.02977,0.09549,0.07091,0.0157,-0.08817,-0.00549,0.0793,0.00176,-0.02775,0.08257,-0.00654,-0.00001,-0.02097,-0.12627,-0.03223,0.06391,-0.14352,-0.06649,-0.09505,-0.01229,-0.00863,0.01445,0.01577,0.01401,0.00241,0.02878,-0.03517,-0.02497,-0.01811,0.04639,0.02742,0.02591,0.00219,-0.02792,-0.02509,-0.05166,-0.02749,-0.04692,0.01907,0.03975,0.01596,0.00119,0.06431,-0.02101,0.0126,-0.00491,0.04696,0.01898,0.00097,0.00913,0.04456,-0.02478,0.02779,-0.14037,0.00356,0.02942,-0.01532,0.07337,0.05858,-0.05556,0.04231,-0.0451,-0.02125,0.07826,0.0074,-0.00958,0.0586,0.05485,-0.02677,0.06481,0.05479,0.01697,-0.08198,-0.05211,-0.02795,-0.01296,-0.00281,-0.01618,-0.04548,-0.05368,0.0338,-0.06425,-0.04579,-0.08852,0.06881,0.04773,-0.00863,-0.04395,0.00109,0.06451,0.0309,-0.00444,0.03383,0,-0.08601,0.01495,0.02879,0.0269,0.00944,-0.02367,-0.01819,0.02727,0.03768,0.06645,-0.08001,-0.08307,0.01905,-0.07179,-0.01557,0.05396,-0.0621,-0.03179,-0.00231,0.00456,0.0127,0.07963,-0.00891,0.01517,0.01944,0.05318,-0.05039,-0.00926,0.00397,0.02282,0.01209,-0.10914,0.01078,0.0051,0.03483,-0.07506,-0.02848,0.09759,0.04435,-0.02086,-0.01781,0.02104,-0.04466,0.04545,-0.04055,0.01154,-0.02459,0.05146,-0.04014,0.04102,-0.04195,-0.00373,0.04911,-0.07953,-0.04021,-0.02459,-0.07431,0.00927,0.0879,0.00492,-0.01924,-0.12231,0.02168,0.00802,0.02647,0.03025,0.06048,-0.04163,-0.06808,0.09138,0.08818,0.09915,0.01735,-0.0406,0.01722,0.00847,0.13151,-0.03145,-0.01007,-0.03566,-0.02339,0.02987,-0.03728,0.0213,-0.02191,0.01359,0.00702,0.04205,-0.01435,0.03148,-0.03934,0.01033,0.07357,0.05931,0.00765,0,-0.00267,-0.00946,-0.08351,0.01329,-0.02667,0.02297,0.04996,0.06215,-0.02257,-0.00131,0.06508,0.02043,-0.00422,0.00308,0.06545,-0.00454,-0.05359,0.05595,-0.04742,0.08664,0.03629,0.01829,0.00122,0.04895,-0.06855,0.06629,-0.09181,0.08092,0.06584,-0.09028,0.05082,-0.02132,0.17969,-0.01137,-0.0573,0.04043,-0.067,0.08293,0.00594,0.06471,-0.06173,-0.10866,0.06306,-0.01757,-0.0694,-0.04328,-0.00019,0.01625,0.01502,0.01326,0.00634,0.01717,0.01082,-0.09377,-0.01654,0.03789,0.00733,-0.03016,0.11122,0.03495,-0.03059,0.02181,-0.03371,0.01207],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. API","excerpt":"API"},{"chunkId":"/docs/f-magnetic-rects-component#4","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.07308,-0.03042,-0.04921,-0.05534,-0.04161,0.02946,-0.04105,0.01984,-0.02055,-0.05619,0.02169,0.01199,0.04795,0.00825,-0.04033,0.0216,-0.04579,0.06182,0.0912,0.00755,-0.07152,-0.09249,0.00731,-0.01469,-0.02849,0.03981,0.00723,0.03464,-0.04099,-0.12317,0.04952,0.03233,0.02097,0.06393,-0.09336,0.0639,-0.0084,0.06797,-0.04112,-0.02995,-0.05021,0.02845,0.08489,-0.02669,0.0596,0.03922,-0.05243,0.01036,0.01722,-0.00459,-0.05324,-0.02106,-0.04952,0.01249,0.11307,0.07186,0.08343,-0.01466,0.02875,0.00397,0.1258,-0.0207,-0.01032,0.00378,0.06803,0.05784,-0.02028,0.00253,-0.03653,-0.03889,0.01592,0.01889,-0.04428,-0.0109,-0.0184,0.05724,0.01196,0.03829,-0.0319,0.0099,-0.07629,0.13143,0.01444,0.06291,-0.00609,-0.01193,0.00071,-0.03729,0.02191,0.0249,0.00326,-0.03026,-0.14919,0.06816,-0.08793,-0.02946,0.002,0.02776,-0.10007,0.03426,0.07462,-0.03289,-0.03593,-0.0906,-0.03821,-0.06973,0.00361,-0.02086,-0.01265,-0.02879,0.0241,-0.00415,-0.16164,0.04088,-0.05096,-0.06664,0.05126,-0.00683,0.12423,-0.03491,0.06571,0.09461,-0.09374,-0.00941,0.05477,-0.02766,-0.05918,0,-0.01121,0.02452,0.02599,0.09046,0.03359,0.03646,-0.11193,-0.019,0.07456,-0.00397,-0.04236,0.07162,-0.01021,-0.01143,-0.05037,-0.10423,-0.01704,0.04424,-0.13632,-0.08664,-0.08373,0.00005,-0.02755,0.00856,0.03908,0.00867,-0.00682,0.00763,-0.02226,-0.03587,0.00324,0.04974,0.0514,0.02034,-0.00467,-0.00039,0.00349,-0.04319,-0.00683,-0.04798,0.01658,0.04192,0.02351,0.0007,0.0725,-0.01108,-0.00088,-0.02628,0.04943,0.02133,-0.00303,-0.00085,0.04289,-0.04153,0.0061,-0.1225,0.00672,0.0324,-0.04248,0.061,0.0621,-0.07351,0.03941,-0.04458,-0.03428,0.07806,0.01173,-0.00123,0.07203,0.04257,-0.05398,0.07891,0.03292,0.03258,-0.08681,-0.04174,-0.01726,-0.02433,-0.0074,0.01191,-0.04837,-0.05342,0.04443,-0.05899,-0.05235,-0.10669,0.05058,0.04785,0.0251,-0.05502,0.00972,0.06542,0.02678,0.00506,0.02723,0,-0.06695,0.04104,0.026,0.05021,-0.00088,-0.00808,-0.00071,0.03782,0.02577,0.05488,-0.05488,-0.07293,0.01802,-0.0752,-0.05948,0.04951,-0.05719,-0.02542,0.0024,0.00202,0.02251,0.05968,-0.00741,0.00921,0.02427,0.0518,-0.00764,-0.01723,-0.00659,-0.00029,0.02722,-0.11482,0.00521,-0.00822,0.02772,-0.06564,-0.00789,0.05982,0.05188,0.00752,-0.00734,0.0464,-0.0583,0.04507,-0.02378,0.03543,0.01545,0.03158,-0.04275,0.05381,-0.02503,0.00097,0.03634,-0.05123,-0.05,-0.02484,-0.09013,0.03531,0.09312,0.01923,-0.00299,-0.13518,0.00521,0.00414,0.02089,0.04459,0.06493,-0.02755,-0.05115,0.07832,0.06892,0.09615,0.01413,-0.04864,-0.00329,-0.03415,0.10852,-0.0308,0.00588,-0.03227,-0.00667,0.04747,-0.0495,0.02643,-0.01994,0.04031,0.03015,0.05176,-0.01135,0.01528,-0.0443,0.00594,0.05742,0.0231,-0.00523,0,-0.02081,-0.00895,-0.06813,-0.00421,-0.02191,0.02629,0.06597,0.06104,-0.01891,0.00151,0.05383,0.04078,-0.01507,-0.01493,0.07339,0.00379,-0.0535,0.04165,-0.03298,0.10383,0.04052,0.01061,-0.02011,0.07321,-0.07219,0.04339,-0.08228,0.08627,0.06231,-0.07655,0.04591,-0.02359,0.18436,-0.01457,-0.06585,0.05468,-0.07924,0.09538,0.02504,0.05282,-0.05958,-0.11175,0.07075,-0.02898,-0.073,-0.04881,0.00314,0.02189,-0.01781,-0.01158,0.02349,0.02988,0.01658,-0.11667,-0.02211,0.00879,0.0119,-0.01532,0.08229,0.02334,-0.02704,0.01869,-0.05475,0.00383],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Inputs - alignThreshold: number; Default: 100. Distance in pixels to show alignment guides for node edges/centers. - spacingThreshold: number; Default: 100. Distance in pixels to show equal spacing guides between nodes. align Threshold spacing Threshold","excerpt":"Inputs - alignThreshold: number; Default: 100. Distance in pixels to show alignment guides for node edges/centers. - spacingThreshold: number; Default: 100. Distance in pixels to show equal spacing guides between nodes."},{"chunkId":"/docs/f-magnetic-rects-component#5","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.07543,-0.01747,-0.04601,-0.03909,-0.05233,0.00471,-0.04265,0.02272,-0.03583,-0.05376,0.03525,0.01454,0.06369,-0.00414,-0.0464,0.04006,-0.03173,0.0484,0.11071,0.00992,-0.08464,-0.08887,0.01068,-0.0146,-0.01982,0.05134,-0.00046,0.02377,-0.0708,-0.15604,0.06165,0.04728,-0.00139,0.05509,-0.09212,0.06304,0.00591,0.077,-0.03856,-0.0339,-0.07349,0.02743,0.10125,-0.01485,0.03408,0.02507,-0.04386,-0.02072,0.01605,-0.02547,-0.03134,-0.01781,-0.02352,0.00375,0.11911,0.06009,0.0784,-0.0161,-0.00448,-0.00863,0.09739,-0.00801,-0.05168,0.02034,0.09905,0.04842,-0.02884,0.0229,-0.03818,-0.04352,0.00955,0.01373,-0.05942,0.00494,0.01459,0.06264,0.02293,0.00995,-0.03309,0.02537,-0.09045,0.12053,-0.01134,0.06308,0.0143,-0.0018,-0.01056,-0.03009,-0.00197,0.01303,0.01591,-0.03277,-0.11828,0.05653,-0.07845,-0.04025,-0.0026,-0.00076,-0.08003,0.04332,0.07505,-0.0137,0.00238,-0.09223,-0.05001,-0.0885,0.01319,-0.02211,-0.02922,-0.01926,0.01896,0.00363,-0.1463,0.01054,-0.02977,-0.04891,0.0316,0.00506,0.12508,-0.02084,0.08337,0.09227,-0.0789,0.01283,0.03835,-0.03527,-0.04476,0,-0.01943,0.00304,0.01581,0.08804,0.05308,0.03666,-0.10465,-0.02288,0.09197,0.02557,-0.03092,0.08841,0.01464,0.01273,-0.01588,-0.13854,-0.00591,0.05237,-0.13977,-0.08717,-0.10344,0.01976,-0.00849,0.00366,0.03874,0.02283,-0.00311,0.01022,-0.03553,-0.01754,-0.02269,0.06395,0.03545,0.01944,0.00047,-0.0168,-0.02878,-0.07342,-0.01276,-0.04711,0.00667,0.01863,0.00987,0.01027,0.07443,-0.01734,0.01845,-0.01838,0.03871,0.03495,0.01761,0.00776,0.03526,-0.01809,0.02021,-0.11705,0.00876,0.00579,-0.02985,0.07666,0.05766,-0.02342,0.03588,-0.04928,-0.04717,0.08288,0.01473,-0.00881,0.09161,0.0562,-0.04223,0.07037,0.04458,0.0039,-0.06652,-0.03648,-0.02223,-0.02237,-0.0033,-0.02318,-0.04908,-0.05837,0.0236,-0.07849,-0.0264,-0.0663,0.04137,0.0375,0.00134,-0.04682,-0.03313,0.06771,0.02324,-0.0197,0.02192,0,-0.0881,0.03688,0.00335,0.0256,-0.00939,-0.02439,0.00078,0.01233,0.02927,0.0627,-0.08639,-0.07231,0.03142,-0.06815,-0.00213,0.03513,-0.05815,-0.04372,-0.01538,0.01079,0.03051,0.08966,0.00686,0.01905,0.01535,0.05947,-0.04278,-0.01868,0.01039,0.02002,0.02523,-0.11492,0.02428,-0.00739,0.02349,-0.07694,0.01158,0.0782,0.04209,-0.0234,-0.01401,0.04601,-0.03305,0.0611,-0.04353,0.01538,-0.01922,0.043,-0.02464,0.04883,-0.04649,-0.0113,0.02645,-0.05737,-0.04574,-0.04025,-0.07702,0.00552,0.08411,0.02753,-0.02266,-0.13897,0.02412,-0.01171,0.02202,0.025,0.05621,-0.02837,-0.04487,0.10538,0.0925,0.11822,0.02747,-0.05529,-0.00065,0.01883,0.10174,-0.04653,-0.01779,-0.02263,-0.02843,0.02422,-0.03129,0.01901,-0.01226,0.00045,0.02077,0.01695,-0.02041,0.02536,-0.02578,0.0193,0.08356,0.05114,0.0037,0,0.0071,-0.02145,-0.06704,0.01451,-0.02538,0.01338,0.05591,0.03106,-0.0237,-0.00509,0.06752,0.02449,-0.01609,-0.00733,0.08964,0.01006,-0.03926,0.04125,-0.05564,0.07929,0.04691,0.01096,-0.01807,0.05746,-0.07406,0.05977,-0.08631,0.07717,0.05265,-0.08267,0.06048,-0.00536,0.17307,-0.01142,-0.04842,0.05697,-0.05953,0.08996,0.01381,0.06252,-0.07572,-0.10049,0.05403,-0.01126,-0.08865,-0.05055,-0.01488,0.00493,-0.00227,0.01475,0.00909,0.02773,0.02506,-0.09714,-0.01004,0.02238,0.0188,-0.02776,0.0892,0.04069,-0.02424,0.02504,-0.03332,0.00398],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-magnetic-rects-component#6","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.08933,0.00339,-0.02914,-0.03456,-0.03896,0.00962,-0.05251,0.0321,-0.04978,-0.05207,0.02566,0.02322,0.05434,0.00949,-0.01254,0.04117,-0.04038,0.06718,0.10395,0.02625,-0.08569,-0.08736,0.00718,-0.00642,-0.01383,0.04561,0.01067,0.02095,-0.0474,-0.13844,0.06508,0.03176,-0.01669,0.0688,-0.07925,0.0663,0.00003,0.07772,-0.04943,-0.03924,-0.08834,0.05358,0.06722,-0.01959,0.0596,0.03384,-0.03637,-0.00504,0.00542,-0.03069,-0.04327,-0.02278,-0.01505,-0.0179,0.12372,0.04333,0.08989,-0.0215,0.01481,0.00388,0.10201,-0.01655,-0.04576,0.01459,0.08272,0.0537,-0.02309,0.0281,-0.01218,-0.05183,0.00598,0.00757,-0.05083,0.04007,-0.00931,0.05671,0.01661,0.02018,-0.03965,0.01406,-0.102,0.13008,0.00375,0.04356,0.03426,0.00928,-0.02219,-0.02504,0.01256,0.0212,0.03087,-0.01625,-0.11221,0.04963,-0.07596,-0.03717,0.01375,-0.00567,-0.08995,0.04472,0.07252,-0.02744,-0.01202,-0.07892,-0.03709,-0.08942,0.02039,-0.03969,-0.02292,0.00288,0.02186,-0.00281,-0.16746,-0.00577,-0.04536,-0.04965,0.03958,-0.00453,0.12915,-0.017,0.0889,0.09034,-0.05993,0.00151,0.04471,-0.03863,-0.06097,0,-0.01045,0.02415,0.01268,0.10011,0.06226,0.02067,-0.09236,-0.00748,0.08412,0.00837,-0.01038,0.08659,-0.00741,0.01044,-0.0214,-0.12612,-0.0253,0.06342,-0.13653,-0.09084,-0.08295,-0.00564,-0.00207,0.02714,0.02158,0.02651,0.00954,0.01301,-0.02926,-0.01274,0.00376,0.03314,0.0195,0.03075,0.00487,-0.01717,-0.02529,-0.06715,-0.02629,-0.03544,0.02215,0.00821,0.01358,0.00433,0.07511,-0.02204,0.02083,-0.01304,0.04324,0.00288,0.01648,0.00849,0.0276,-0.03017,0.02971,-0.11932,-0.00468,0.01045,-0.01542,0.06179,0.04545,-0.05208,0.04525,-0.0468,-0.02673,0.06918,0.00899,-0.01817,0.07284,0.0485,-0.0199,0.0784,0.04243,0.00351,-0.09145,-0.05044,-0.01332,-0.00563,0.00439,-0.01855,-0.0693,-0.05903,0.03281,-0.0732,-0.03751,-0.07641,0.06611,0.03981,-0.01411,-0.05727,-0.01894,0.06658,0.02195,-0.01222,0.02977,0,-0.08283,0.01657,0.03028,0.03868,-0.0095,-0.03579,-0.01651,0.01764,0.03203,0.06013,-0.08752,-0.08536,0.0221,-0.07257,0.00414,0.04711,-0.06495,-0.04224,-0.01061,0.0203,-0.00609,0.07377,-0.00341,0.01314,0.01215,0.05755,-0.05972,-0.02854,0.019,0.01872,0.00995,-0.10289,0.01686,-0.0065,0.01927,-0.05843,-0.0027,0.09083,0.03764,-0.00853,-0.01068,0.0335,-0.03521,0.03822,-0.05627,0.00496,-0.02861,0.05547,-0.01318,0.05321,-0.02499,-0.02487,0.03247,-0.05551,-0.04574,-0.03328,-0.07629,-0.00881,0.08904,0.02714,-0.01399,-0.13178,0.01934,-0.00514,0.03385,0.02344,0.04995,-0.0374,-0.06694,0.0947,0.0988,0.1128,0.02428,-0.04803,0.00337,0.01011,0.12767,-0.02717,-0.02671,-0.03982,-0.02051,0.02605,-0.03803,0.01316,-0.01956,-0.0055,0.0183,0.0267,-0.02963,0.02132,-0.04383,0.01944,0.08758,0.07296,0.00881,0,0.00446,-0.01986,-0.06721,0.00685,-0.01995,0.02687,0.0366,0.05046,-0.02704,-0.00051,0.0588,0.03129,-0.00417,-0.00716,0.08256,-0.0136,-0.05985,0.05355,-0.05574,0.0807,0.03754,0.02415,-0.01559,0.04322,-0.06381,0.0797,-0.08674,0.08281,0.07779,-0.07759,0.04845,-0.00827,0.18975,0.0006,-0.0586,0.05939,-0.05282,0.07922,-0.0063,0.05479,-0.04819,-0.10644,0.05591,-0.01965,-0.07019,-0.04222,-0.01371,0.01391,0.00125,0.02414,0.01133,0.02414,0.02179,-0.08392,-0.0225,0.04308,0.02105,-0.02867,0.098,0.03614,-0.0232,0.01691,-0.03141,0.02072],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-magnetic-rects-component#7","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.08041,0.00763,-0.0403,-0.04852,-0.0285,0.03233,-0.03215,0.04502,-0.03398,-0.05591,0.0006,0.00095,0.03354,-0.00639,-0.01509,0.02796,-0.05428,0.04447,0.0879,0.02831,-0.08537,-0.09263,0.01167,-0.00992,-0.03351,0.06629,0.02398,0.04375,-0.03939,-0.15062,0.07667,0.06388,-0.02224,0.07551,-0.11532,0.06377,0.01605,0.10897,-0.07179,-0.03551,-0.08476,0.02464,0.08094,-0.03873,0.05992,0.02758,-0.03712,-0.03677,0.00989,-0.02631,-0.0185,-0.0321,-0.02906,0.0371,0.11562,0.05409,0.10881,-0.03375,-0.0119,-0.00211,0.07016,-0.01329,-0.02634,0.01369,0.04996,0.03277,-0.03733,0.04774,-0.01243,-0.06156,0.00264,0.01619,-0.0379,-0.00367,-0.00431,0.04571,0.02071,0.04037,-0.04499,0.01821,-0.06014,0.13085,0.00828,0.03606,0.01275,0.02288,-0.01333,-0.04336,-0.00574,0.03096,-0.00269,-0.00225,-0.07994,0.04119,-0.03636,-0.02228,-0.03264,-0.00542,-0.08851,0.04105,0.06802,-0.03756,-0.00229,-0.06994,-0.01761,-0.07935,-0.00541,0.0094,-0.01901,-0.04928,0.00913,-0.01864,-0.14418,-0.01381,-0.03607,-0.0732,0.02514,-0.04204,0.09805,-0.02307,0.08441,0.10031,-0.06832,-0.0029,0.06371,-0.04595,-0.068,0,0.00835,0.01357,-0.00464,0.1109,0.07596,0.03867,-0.06728,-0.03636,0.07751,0.02654,-0.01667,0.06051,-0.04335,0,-0.06196,-0.14487,-0.03043,0.04638,-0.1648,-0.0789,-0.0723,0.00812,-0.00715,-0.00215,0.04556,0.0258,0.00007,0.03461,-0.05044,-0.02223,0.00251,0.02098,0.04349,0.01364,-0.00127,-0.03806,-0.01675,-0.0467,-0.02163,-0.05625,0.00571,0.03053,0.01103,0.01025,0.0618,-0.02236,0.00773,0.00644,0.05758,0.03273,0.01873,0.0262,0.05222,-0.02229,0.04667,-0.1389,0.00669,0.07486,-0.03088,0.0707,0.03153,-0.00638,-0.00438,-0.04676,-0.02387,0.0877,0.0222,-0.00563,0.0654,0.02602,-0.04254,0.07458,0.02594,0.01891,-0.0462,-0.05347,-0.0148,-0.01792,-0.00693,-0.00865,-0.08646,-0.06201,0.02199,-0.03704,-0.06388,-0.08972,0.06629,0.02377,-0.00187,-0.07676,-0.00251,0.0594,0.04628,-0.00247,0.04691,0,-0.07446,0.03571,0.00609,0.0436,0.02548,-0.00219,0.01541,0.024,0.0396,0.07665,-0.06542,-0.04427,0.01451,-0.09023,0.00579,0.04823,-0.06459,-0.05311,-0.00621,0.00345,-0.00119,0.08819,-0.00303,-0.01599,-0.00503,0.06478,-0.04432,-0.01251,0.02612,0.00994,0.02757,-0.1111,0.00763,-0.01531,0.00919,-0.08213,-0.00386,0.09503,0.03031,0.00572,-0.02593,0.03094,-0.02851,0.06728,-0.06951,0.02171,-0.02353,0.02029,-0.01263,0.03632,-0.06454,-0.03401,0.02388,-0.05914,-0.03367,-0.01545,-0.03829,0.00571,0.062,0.02896,-0.00065,-0.13365,0.01197,-0.02605,0.02434,0.0186,0.02943,-0.02777,-0.025,0.08984,0.10902,0.11514,0.01605,-0.03639,0.03521,-0.00532,0.1361,-0.01336,0.01309,-0.00628,-0.03558,0.04492,-0.037,0.00966,-0.0075,-0.01674,0.02089,0.0179,-0.005,0.0001,-0.0492,0.02849,0.09235,0.05225,-0.00363,0,-0.01677,-0.04348,-0.07364,-0.0118,-0.02704,0.01725,0.01761,0.05256,-0.02896,-0.0041,0.05836,0.07265,0.01113,-0.03063,0.08074,-0.01501,-0.06332,0.06468,-0.06777,0.06432,0.04846,0.00285,-0.02249,0.06796,-0.06569,0.04825,-0.05967,0.07425,0.06761,-0.05931,0.03062,0.00522,0.15275,-0.01415,-0.04557,0.06838,-0.0724,0.08056,-0.01729,0.0759,-0.05642,-0.11343,0.04962,-0.02151,-0.05898,-0.03403,-0.03775,-0.01029,-0.02433,0.01881,0.00266,0.05424,-0.01007,-0.05682,-0.00343,0.03316,-0.00194,-0.03655,0.11425,-0.00665,-0.05646,0.06155,-0.02068,0.00475],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Styling - .f-component Base class for flow primitives. - .f-magnetic-rects Host class. - .f-rect Rendered helper rectangle class.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-magnetic-rects Host class. - .f-rect Rendered helper rectangle class."},{"chunkId":"/docs/f-magnetic-rects-component#8","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.05011,-0.02523,-0.02149,-0.03794,-0.02051,0.02164,-0.04107,0.05024,-0.01653,-0.04756,0.02308,0.02087,0.04245,0.043,-0.01912,0.02189,-0.01249,0.03717,0.06745,0.01201,-0.06169,-0.12257,0.00247,-0.00488,-0.01248,0.01397,-0.00642,0.01851,-0.04961,-0.15428,0.03384,0.02509,-0.00801,0.03864,-0.0911,0.06278,0.00776,0.09558,-0.06563,-0.04795,-0.09959,0.04649,0.07123,-0.01327,0.04412,0.01958,-0.03156,-0.00743,-0.00023,-0.01439,-0.04026,-0.01864,-0.02878,-0.01423,0.12158,0.05524,0.11031,-0.04296,0.02146,-0.00631,0.07656,0.00676,-0.0285,0.00429,0.07836,0.04508,-0.01751,0.02617,-0.01624,-0.00722,0.01168,0.00908,-0.05997,0.00441,0.02146,0.05136,-0.00899,0.03907,-0.03212,-0.01492,-0.05665,0.13913,0.0022,0.06099,-0.00895,-0.00571,-0.02175,-0.04868,0.02037,0.01959,0.03064,-0.00845,-0.11014,0.07631,-0.075,-0.05125,0.00692,-0.0207,-0.09788,0.04114,0.0754,-0.05142,0.03022,-0.08063,-0.01586,-0.09406,0.02726,-0.03215,-0.05145,-0.02626,-0.00805,-0.01683,-0.12741,0.02008,-0.06785,-0.01579,0.01873,-0.0354,0.12214,-0.03043,0.06954,0.09611,-0.03442,0.02381,0.07991,-0.03894,-0.08323,0,0.00954,0.01374,-0.00467,0.08792,0.07438,0.02111,-0.08117,-0.02443,0.08491,0.03119,-0.01033,0.04382,-0.00642,0.02787,-0.00699,-0.12023,0.00025,0.04613,-0.17031,-0.09271,-0.08582,-0.00864,-0.01815,0.00485,0.04765,0.04589,-0.01146,0.02966,-0.02126,-0.00745,-0.03033,0.0449,0.03416,-0.00635,0.01121,0.00868,-0.03719,-0.06373,-0.00517,-0.04854,0.01596,0.02744,0.00346,0.00748,0.07807,0.01615,0.01595,-0.01402,-0.00582,0.03816,0.01713,0.01389,0.05188,-0.02274,0.02852,-0.12861,-0.00235,0.00388,-0.01791,0.05672,0.05386,-0.0431,0.02277,-0.03662,-0.01664,0.07846,0.00659,0.00753,0.08266,0.03319,-0.07094,0.08065,0.06381,0.01882,-0.06847,-0.04288,-0.02592,-0.05145,-0.01439,-0.02434,-0.05873,-0.07694,0.03613,-0.09856,-0.05684,-0.09542,0.06931,0.06802,-0.01412,-0.05373,-0.00556,0.05578,0.02866,0.02371,0.03534,0,-0.08638,0.04627,0.04907,0.04288,-0.00358,-0.02099,-0.00339,-0.00561,0.05831,0.05889,-0.11476,-0.06962,0.0059,-0.06987,0.00518,0.03088,-0.06159,-0.02955,-0.01206,0.00022,0.01241,0.05612,-0.01392,-0.00297,0.03134,0.06587,-0.05162,-0.01112,0.00566,0.01008,0.02517,-0.10958,0.02457,-0.03329,0.02556,-0.08677,-0.00165,0.0746,0.04004,0.0026,-0.02486,0.05498,-0.04828,0.0334,-0.02941,0.06286,-0.03044,0.00993,-0.01869,0.03206,-0.053,-0.01007,0.06692,-0.06091,-0.02219,-0.02532,-0.04554,0.01937,0.07497,0.0043,-0.02276,-0.10991,0.0248,-0.02433,0.0141,0.00737,0.05335,-0.03724,-0.01205,0.09639,0.07174,0.10103,0.0119,-0.03287,0.01538,0.0104,0.12807,-0.04726,-0.01033,-0.05221,-0.01646,0.01484,-0.02249,0.02205,-0.03184,0.01729,-0.0073,0.04103,-0.00215,0.01032,-0.02607,-0.01647,0.10773,0.06848,0.01044,0,0.00929,-0.00964,-0.05727,-0.00723,-0.02103,0.03185,0.03781,0.07773,-0.04031,0.00999,0.06631,0.06673,-0.01474,-0.00555,0.07633,-0.00107,-0.01585,0.05821,-0.06337,0.07154,0.03353,0.02145,-0.02007,0.05639,-0.08004,0.06271,-0.06314,0.09535,0.04772,-0.09107,0.05594,-0.00986,0.17407,0.02341,-0.03147,0.06838,-0.08931,0.08056,0.00109,0.07111,-0.02813,-0.10007,0.08443,-0.01893,-0.08685,-0.03965,-0.00428,-0.00768,-0.0324,0.0096,-0.00878,0.04924,-0.00603,-0.06561,-0.02255,0.03805,0.02652,-0.02124,0.08074,0.01486,-0.00585,0.02277,-0.04352,0.00196],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Notes / Pitfalls - High thresholds increase helper noise on dense diagrams. - This helper is visual guidance, not automatic layout. - Use with fDraggable; no drag means no helper rendering. f Draggable","excerpt":"Notes / Pitfalls - High thresholds increase helper noise on dense diagrams. - This helper is visual guidance, not automatic layout. - Use with fDraggable; no drag means no helper rendering."},{"chunkId":"/docs/f-magnetic-rects-component#9","slug":"f-magnetic-rects-component","route":"/docs/f-magnetic-rects-component","section":"docs","title":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout","description":"Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts.","group":"Helpers","vector":[-0.09862,0.02071,-0.05396,-0.0459,-0.01029,0.03403,-0.06409,0.06988,-0.04808,-0.01182,0.00121,0.00949,0.03516,0.01655,-0.01042,0.0203,-0.09246,0.03654,0.05852,0.04663,-0.07362,-0.08728,0.08294,-0.01812,-0.01241,0.05229,0.05378,0.05402,-0.0279,-0.08258,0.09552,0.03786,-0.0255,0.06928,-0.06618,0.09053,-0.01484,0.09639,-0.03018,-0.0385,-0.00611,0.05626,0.08812,-0.0934,0.07325,0.0384,-0.043,0.02992,-0.00678,0.00705,-0.06451,-0.04641,-0.04145,0.05833,0.07686,0.03939,0.05577,-0.07706,0.02938,-0.02821,0.07404,-0.02199,-0.02291,-0.00963,0.10401,0.0426,-0.05663,0.01334,-0.06386,0.01675,-0.00336,0.01039,-0.03814,-0.02002,0.00246,0.04164,-0.03485,0.08317,-0.04429,0.02392,-0.03522,0.10793,0.00299,0.03688,-0.0268,0.00767,0.00026,-0.05528,0.00369,-0.01866,0.05521,-0.00323,-0.09896,0.08824,-0.02438,0.00131,-0.04602,0.03179,-0.10565,0.0489,0.05413,-0.05921,0.00246,-0.01014,-0.03181,-0.03081,-0.00148,0.00613,-0.04949,-0.03545,0.0242,0.01606,-0.08635,-0.0185,-0.07066,-0.06751,0.03726,-0.04679,0.09186,-0.0033,0.08398,0.08142,-0.08771,-0.00003,0.05179,0.00499,-0.01777,0,-0.00183,0.05293,0.01408,0.05435,0.046,0.01505,-0.11454,-0.06747,0.08756,0.06974,-0.04854,0.06487,-0.02678,-0.04827,-0.07927,-0.13661,-0.0032,0.03931,-0.15597,-0.02496,-0.06095,-0.00847,-0.03815,0.01171,0.03734,0.00703,-0.00962,0.01371,-0.06828,-0.02187,0.0597,0.06658,0.02433,-0.02024,0.02505,-0.01793,-0.00678,-0.03577,-0.06583,-0.03856,0.07477,-0.00048,-0.00675,0.06922,0.04244,-0.05599,0.00982,-0.03526,0.08899,0.02922,0.00894,0.02525,0.03182,-0.03246,0.03768,-0.1147,0.01736,0.02598,-0.03902,0.05602,0.0347,-0.0085,0.06125,-0.04378,-0.02035,0.05273,0.00963,0.0364,0.08424,0.02497,-0.02644,0.07872,0.0291,0.0033,-0.03478,-0.0249,-0.00597,0.04278,0.05219,-0.04201,-0.00656,-0.08611,0.03402,-0.0142,-0.02718,-0.0944,0.01598,0.00241,0.00023,-0.07808,-0.00951,0.08582,-0.00085,-0.0183,0.03496,0,-0.0103,0.02297,0.04223,0.07316,-0.03696,-0.00949,0.05543,0.09261,-0.00702,0.08453,-0.02322,-0.07832,0.0012,-0.08235,0.01436,0.05287,-0.0649,-0.0591,0.03369,0.02284,0.01787,0.08624,0.00942,0.03459,-0.01537,0.08697,-0.00033,-0.0135,0.01874,-0.03777,-0.00121,-0.08635,-0.03983,-0.01501,-0.01653,-0.08724,0.00218,0.10487,0.04809,-0.04397,0.02407,0.07884,-0.02286,0.00627,-0.0497,-0.01344,0.04343,0.03265,-0.03357,0.03597,-0.05711,0.0062,0.02767,-0.01707,-0.05062,-0.05633,-0.03467,-0.08588,0.03891,0.00944,-0.00282,-0.09676,-0.01007,-0.03835,0.08702,0.05055,0.01094,-0.04997,0.01885,0.09426,0.05183,0.06299,0.06811,-0.07483,0.0477,0.03972,0.13681,-0.02592,0.04094,-0.03515,-0.04178,0.01317,-0.05132,0.05379,-0.00765,0.02538,-0.05099,-0.00287,0.01031,0.01901,-0.05292,-0.04775,0.04939,-0.00094,0.0495,0,-0.04062,-0.01793,-0.08041,0.02873,-0.01147,-0.01425,0.03297,0.00165,-0.04066,-0.02485,0.02075,0.06406,0.00658,-0.01164,0.03557,-0.0283,-0.08524,0.07477,-0.04527,0.11384,0.03632,-0.00106,0.01661,0.07419,-0.05938,0.02007,-0.12572,0.03097,0.05011,-0.08135,-0.00452,-0.02883,0.14454,-0.00672,-0.06934,-0.00394,-0.08824,0.04116,0.00192,0.06079,-0.02984,-0.07574,0.0881,-0.01917,-0.07726,-0.0451,-0.01283,0.03595,0.019,0.03389,-0.00855,0.03375,0.00038,-0.07496,0.01788,-0.00254,0.02595,0.02651,0.06804,0.00082,-0.01622,-0.02527,-0.07185,-0.01821],"keywords":"Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Magnetic Rects - Equal Spacing Helpers (Figma-Like) for Node Layout Visualize and snap to equal spacing between aligned nodes using helper rectangles. Ideal for clean, consistent layouts. Example ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.scss :::","excerpt":"Example ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.scss :::"},{"chunkId":"/docs/f-line-alignment-component#0","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.13932,-0.04149,-0.07419,-0.04505,0.01734,0.06865,-0.10245,0.02679,-0.04521,-0.08617,0.02208,0.073,-0.07881,0.00181,-0.07846,0.01873,-0.11182,0.00348,0.04032,0.04902,-0.09287,-0.00902,0.01269,0.00125,-0.06083,0.03178,0.0124,-0.00462,-0.0558,-0.11078,-0.0082,0.10272,-0.027,0.07548,-0.06051,-0.00207,0.03842,0.0643,-0.03546,-0.06353,-0.03506,0.01193,0.02207,-0.07098,0.05118,-0.02552,-0.01528,-0.06715,0.07359,0.11128,-0.04687,0.01155,-0.05359,0.0193,0.09218,0.09103,0.09149,-0.02605,-0.00115,0.02984,0.09274,0.01757,-0.01954,0.00347,-0.02075,0.03296,0.00519,-0.01087,0.01121,-0.07587,-0.08627,-0.02774,-0.02211,-0.00239,0.03611,0.11652,-0.01367,0.07614,-0.00313,-0.02629,-0.03671,0.0388,0.02314,0.04527,0.03426,0.05767,-0.04996,-0.1107,0.09533,0.05634,0.01615,-0.05722,-0.00476,0.04324,-0.05512,0.00624,-0.01575,0.00049,-0.08548,-0.0078,0.0026,0.00181,-0.00472,0.00872,-0.03074,-0.03384,0.04529,-0.01969,-0.06807,-0.04308,0.06205,-0.0385,-0.08768,-0.05883,-0.02998,-0.08238,-0.02828,-0.024,0.08485,0.01339,0.00847,0.06008,-0.0455,0.06161,0.06,0.00059,-0.03756,0,0.00889,0.06,0.05603,0.04545,0.03068,0.01956,-0.07031,0.00505,-0.01247,0.04142,0.0005,-0.02107,-0.02332,-0.07777,-0.06064,-0.13045,-0.04499,-0.03239,-0.11035,-0.03347,-0.04896,0.03789,0.03561,-0.04326,0.0742,0.02864,0.00889,0.04848,-0.00283,-0.0071,0.01945,-0.0764,0.03106,-0.00897,-0.07219,0.03271,-0.07849,-0.1154,-0.00886,-0.01504,0.05045,0.04865,0.00691,0.02178,0.0522,0.03464,0.05786,0.07333,0.09159,-0.02851,-0.07382,0.0076,0.00902,-0.02281,-0.00658,-0.07427,-0.01347,0.09688,-0.05865,0.01378,0.02508,-0.00853,-0.00677,-0.00607,0.06849,0.01286,0.02557,0.01515,0.06885,0.01469,-0.02437,0.00605,0.04156,0.07227,0.01923,-0.05299,-0.02631,-0.05968,0.09163,-0.10828,-0.04998,0.03516,0.01064,0.03433,0.02271,-0.07198,0.04295,-0.00243,0.06135,0.03449,0.01416,0.01757,0.00982,0.05582,-0.0076,0,-0.04076,-0.01283,0.08023,0.0496,-0.03767,0.02425,0.01356,0.01424,0.05049,0.06906,0.03503,-0.03293,-0.01592,-0.05345,0.01086,0.06076,-0.11527,-0.02491,0.05687,-0.0112,0.04124,-0.03354,0.00113,0.03316,-0.02884,0.00079,0.07334,0.01251,-0.02631,-0.03092,0.0095,-0.00543,-0.01223,-0.07115,-0.03885,-0.0606,0.02547,0.05826,0.03122,-0.0394,-0.02365,0.12756,0.01,-0.05875,-0.03019,0.0257,-0.03441,0.00431,-0.00887,0.08609,-0.0607,0.00542,-0.01377,-0.00883,-0.08271,0.03536,-0.01666,0.01848,-0.01816,0.03468,0.05741,-0.06792,-0.0041,-0.07125,0.11682,0.0526,0.09438,0.02238,-0.02384,0.08573,0.13891,0.0313,-0.04903,0.00133,0.03888,-0.01075,0.11307,-0.02709,0.00375,-0.00299,0.06369,-0.01055,-0.03069,0.07809,-0.00469,0.02696,0.05355,0.05134,0.02594,0.02573,-0.05621,-0.05875,0.00953,-0.03624,-0.07487,0,-0.04691,0.01168,-0.03147,-0.01107,-0.00821,0.04349,0.02274,0.05588,-0.04889,-0.04858,-0.0135,0.03553,-0.00709,0.0065,0.0889,-0.02126,-0.07408,0.04263,-0.07231,0.05493,-0.0166,0.03013,0.00196,0.06568,-0.05169,0.02614,-0.02491,0.12911,0.07171,-0.04329,-0.00352,0.00924,0.15777,-0.06626,-0.03168,0.00229,-0.02786,0.03,0.02437,0.12443,-0.0188,0.01193,-0.02027,-0.03987,-0.00265,-0.07639,-0.03761,0.02963,-0.0913,-0.04827,0.01079,0.04365,-0.00312,-0.07512,-0.03903,-0.00582,0.01649,-0.01385,0.07334,-0.00903,0.01097,-0.00404,-0.00548,-0.0257],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Line Alignment Selector: f-line-alignment Class: FLineAlignmentComponent FLineAlignmentComponent is a legacy alignment helper that shows guide lines while dragging nodes. [!WARNING] This component is deprecated and will be removed in v19.0.0. Use f-magnetic-lines instead. F Line Alignment Component","excerpt":"Line Alignment Selector: f-line-alignment Class: FLineAlignmentComponent FLineAlignmentComponent is a legacy alignment helper that shows guide lines while dragging nodes. [!WARNING] This component is deprecated and will be removed in v19.0.0. Use f-magnetic-lines instead."},{"chunkId":"/docs/f-line-alignment-component#1","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.17069,-0.01068,-0.05221,-0.10704,-0.0303,-0.00488,-0.10708,0.10082,0.02122,-0.06579,-0.00066,0.06796,-0.04956,0.0148,-0.02705,0.01024,-0.08736,0.00277,0.04248,0.03671,-0.11667,-0.02242,-0.05018,0.00848,-0.06942,0.03023,-0.00209,0.00902,-0.04988,-0.12284,-0.01129,0.12479,-0.03699,0.06826,-0.11224,0.02706,0.00043,0.05634,-0.03665,-0.06762,-0.08375,-0.02762,0.01952,-0.03708,0.04655,-0.01499,0.02158,-0.06009,0.06958,0.07871,-0.03153,0.04654,-0.05865,0.06704,0.08327,0.0719,0.09582,-0.03039,-0.03767,0.01455,0.05179,0.00873,-0.0317,0.02993,-0.01257,-0.01895,0.00155,-0.00188,0.01003,-0.05542,-0.08347,-0.00141,-0.07427,0.00145,0.00829,0.09312,0.03125,0.04059,-0.0156,-0.03618,-0.0148,0.07988,-0.00108,0.00004,0.05077,0.05015,-0.07056,-0.12538,0.08046,-0.00415,0.07624,-0.04517,0.02992,0.02425,0.02065,0.01274,-0.03293,-0.004,-0.06176,0.01853,0.03476,0.00937,-0.01837,0.03642,0.01054,-0.0462,0.05134,-0.0107,-0.02699,-0.08719,0.03766,-0.04638,-0.07325,-0.06032,-0.04248,-0.09539,-0.02732,0.00659,0.06437,0.00764,-0.01591,0.0461,-0.06861,0.0272,0.04603,0.03103,-0.00562,0,-0.04546,0.06185,0.05474,0.05986,-0.00857,0.01661,-0.07034,0.01779,0.04946,0.06032,-0.02243,0.02562,-0.00742,-0.03647,-0.04792,-0.10821,-0.0528,0.00063,-0.11249,0.0001,-0.0041,0.0278,0.04022,-0.02439,0.07378,0.02415,0.05294,0.04726,-0.04107,-0.00696,-0.00685,-0.10016,0.03339,0.00265,-0.006,0.06048,-0.04962,-0.12848,0.00287,-0.01225,0.0408,0.08029,-0.02006,0.00095,0.08643,0.01823,-0.00887,0.05186,0.04685,-0.00793,-0.01637,0.03341,-0.01085,0.00528,0.03084,-0.06172,0.01013,0.01496,-0.05802,0.04472,-0.01603,-0.02866,-0.0142,0.00386,0.03904,0.04938,0.06669,0.03962,0.03361,0.02058,-0.01044,0.04463,-0.00925,0.06573,0.01786,-0.0827,0.00724,-0.00334,0.12503,-0.10473,-0.05026,0.0675,-0.0454,0.04497,-0.01665,-0.0404,0.04311,-0.04535,0.03112,0.02805,0.02099,0.06378,0.04403,0.07599,0.00557,0,-0.07243,-0.06264,0.04861,0.02992,-0.06271,0.01001,0.07042,-0.01424,0.03251,0.06401,-0.01705,0.00513,-0.03121,-0.04463,0.05733,0.03637,-0.1491,-0.08073,0.00127,0.00659,0.06569,0.03883,-0.0316,0.02885,-0.00786,0.02333,-0.05727,0.00615,0.00436,0.00262,-0.00688,-0.01415,-0.01055,-0.04443,-0.06475,-0.02817,0.02762,0.07771,0.0406,-0.05729,-0.01042,0.1418,0.05517,-0.02477,-0.03797,0.03985,-0.06664,-0.0025,0.01939,0.04238,-0.07199,-0.00019,-0.01587,0.00221,-0.08238,0.03268,0.00026,-0.02988,-0.0893,0.03657,0.03534,-0.07847,0.04978,-0.06547,0.0481,0.05078,0.10934,0.00062,-0.02837,0.05584,0.15909,0.00251,-0.05411,0.00201,0.01475,0.01254,0.10687,-0.05622,-0.03911,0.04532,-0.03616,0.01501,-0.03899,0.09925,-0.01493,0.01101,0.03574,-0.03099,0.01045,-0.01335,-0.03909,-0.04066,-0.01913,0.01321,-0.04379,0,-0.02217,0.00422,-0.01135,-0.00875,-0.05848,0.01335,-0.02505,0.02538,-0.00628,-0.05911,-0.02108,0.04672,-0.0507,0.00147,0.10273,0.04029,-0.05315,-0.01894,-0.07876,0.06721,-0.04531,0.0632,-0.05832,0.05721,-0.02897,0.06466,0.0276,0.13799,0.04287,-0.04144,-0.00249,0.03334,0.13337,-0.00018,0.00212,0.0123,0.00835,0.06575,0.00936,0.06646,-0.00444,0.00644,-0.00017,-0.03666,0.00467,-0.04673,-0.08072,0.02386,-0.08049,-0.00078,-0.02155,0.03168,0.01329,-0.01761,-0.00292,0.01964,0.00651,-0.05174,0.09498,0.01181,0.03116,0.00761,0.01874,-0.02382],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Why / Use cases Use this only when maintaining existing flows that already depend on f-line-alignment. For new implementations, prefer f-magnetic-lines because it is the current API surface.","excerpt":"Why / Use cases Use this only when maintaining existing flows that already depend on f-line-alignment. For new implementations, prefer f-magnetic-lines because it is the current API surface."},{"chunkId":"/docs/f-line-alignment-component#2","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.16923,-0.04008,-0.07165,-0.09471,-0.066,0.03396,-0.1231,0.06988,-0.04555,-0.09249,0.00702,0.04983,-0.05497,-0.01085,-0.05193,0.04112,-0.10966,0.01416,0.04856,0.03559,-0.08496,-0.03028,-0.04824,0.00299,-0.05591,0.04022,0.04748,0.01511,-0.04477,-0.15648,0.00132,0.1058,-0.00292,0.04628,-0.08929,0.01763,0.02675,0.04287,-0.00731,-0.09614,-0.0597,-0.00921,-0.0011,-0.04189,0.07077,-0.0083,-0.01222,-0.06219,0.0625,0.07316,-0.0334,0.00236,-0.04423,0.07199,0.08168,0.07307,0.05913,-0.02813,0.00038,-0.0061,0.04831,0.02604,-0.00448,0.01115,-0.03392,-0.01597,0.00277,0.00578,-0.00272,-0.08829,-0.13109,-0.04294,-0.0716,0.01044,-0.00736,0.12695,0.00433,0.0304,0.01225,-0.0709,-0.03968,0.07356,0.01101,0.03145,0.08373,0.04585,-0.03874,-0.08991,0.09232,-0.02565,0.0405,-0.07429,0.04304,0.02032,-0.00158,0.03374,0.00161,0.01423,-0.03343,0.02203,0.02938,0.02545,-0.06141,0.01855,-0.00463,-0.03887,0.05237,-0.00022,-0.01948,-0.07736,0.04364,-0.05058,-0.10375,-0.05579,0.00975,-0.08375,-0.00448,0.01447,0.0698,-0.00452,-0.01484,0.05134,-0.07817,0.03113,0.04969,0.02831,0.01484,0,-0.01321,0.0495,0.04444,0.05657,-0.0023,0.03163,-0.09742,0.05248,-0.00556,0.07827,-0.00056,0.0115,0.01578,-0.00744,-0.04064,-0.11562,-0.07489,-0.00286,-0.08909,0.01125,-0.0666,0.06579,0.00757,-0.01981,0.10111,0.06285,0.05928,0.06102,-0.02616,-0.02517,0.02226,-0.06606,0.02338,-0.02955,-0.02471,0.04763,-0.04584,-0.10993,0.01812,0.02307,0.08322,0.03268,-0.0229,-0.01069,0.03727,0.03091,0.05507,0.05885,0.07793,-0.02741,-0.05026,0.00928,-0.00765,0.01336,0.00721,-0.04715,-0.02813,0.04001,-0.02229,0.02379,0.01123,-0.02269,-0.03206,0.01651,0.02336,0.0056,0.04751,0.00001,0.04763,0.05353,0.00005,-0.00228,0.00706,0.06872,-0.0205,-0.06551,-0.04662,0.01744,0.08318,-0.07982,-0.06046,0.06761,-0.00561,0.03136,0.03992,-0.0429,0.05467,-0.03567,0.0394,0.0176,0.00875,0.04784,0.02762,0.05981,-0.01172,0,-0.04799,-0.026,0.05175,0.03397,-0.09689,0.02941,0.03634,-0.00336,0.0186,0.07275,0.03025,0.01476,0.02491,-0.03101,0.02528,0.04609,-0.15881,-0.02827,0.02615,-0.00363,0.06966,0.00511,-0.01685,0.04416,0.01256,0.04781,0.01088,0.04154,0.01044,-0.00436,-0.01641,-0.01085,-0.01634,-0.04457,-0.0581,-0.03765,0.00028,0.04502,0.05458,-0.08544,-0.0177,0.12983,0.04272,-0.00632,-0.01622,-0.00933,-0.06444,0.04704,-0.00249,0.04449,-0.09088,-0.01082,0.01031,0.03134,-0.08161,0.02562,-0.01244,-0.02416,-0.01834,0.02817,0.04572,-0.08504,0.06576,-0.06468,0.05706,0.05622,0.11455,-0.02001,-0.0353,0.04621,0.17042,0.01406,-0.05109,-0.01826,0.02453,-0.0057,0.0691,-0.03986,-0.02617,-0.01485,0.00814,-0.01885,-0.02692,0.05745,-0.03238,0.0454,0.03162,0.02511,0.00861,-0.01366,-0.0677,-0.03135,-0.02163,-0.00292,-0.07898,0,0.01293,-0.00589,-0.00154,-0.01634,-0.03035,-0.00459,0.00256,0.02646,-0.0222,-0.03453,0.03047,0.00101,-0.02326,0.00785,0.11304,0.06779,-0.05927,0.01845,-0.07554,0.05963,-0.02074,0.06786,0.00301,0.03028,-0.01358,0.05361,0.01418,0.16503,0.03864,-0.07806,0.02359,0.0247,0.14537,-0.04796,0.01012,-0.00805,0.00859,0.04667,0.06144,0.06685,-0.01457,-0.00553,-0.01941,-0.04442,-0.0167,-0.08174,-0.05737,-0.00325,-0.08041,-0.02683,0.00188,0.04947,0.02235,-0.06334,-0.03992,0.00763,0.00025,-0.01899,0.09312,0.0323,0.04102,0.00388,0.0163,-0.03348],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. How it works The component extends magnetic-lines base behavior and registers under the same internal plugin slot (MAGNETICLINES) with a legacy input alias.","excerpt":"How it works The component extends magnetic-lines base behavior and registers under the same internal plugin slot (MAGNETICLINES) with a legacy input alias."},{"chunkId":"/docs/f-line-alignment-component#3","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.18437,-0.01276,-0.05373,-0.09972,-0.05075,0.00241,-0.14693,0.06348,-0.05845,-0.08344,0.00484,0.06608,-0.03888,-0.0047,-0.06804,0.04667,-0.11021,0.01621,0.04845,0.01422,-0.11451,0.00052,-0.02247,0.00329,-0.0378,0.03057,0.02612,-0.00581,-0.07106,-0.1283,-0.03116,0.08243,-0.0053,0.06412,-0.06442,0.03139,0.02582,0.0478,0.01163,-0.06166,-0.07079,-0.01552,0.00694,-0.05278,0.0552,0.0072,-0.01661,-0.04368,0.09206,0.09105,-0.04914,0.01529,-0.05829,0.02395,0.08598,0.0674,0.06473,0.00102,-0.01872,-0.01414,0.06777,0.02011,-0.03208,0.05234,-0.02948,0.00252,0.01828,0.00336,-0.01533,-0.10745,-0.12697,-0.02861,-0.06907,0.01981,0.00769,0.13449,0.02807,0.03427,-0.01249,-0.05641,-0.05215,0.06239,-0.00015,0.04394,0.04889,0.02968,-0.0304,-0.06911,0.11024,-0.00843,0.04475,-0.09231,0.01624,0.04632,-0.00213,0.03791,-0.01553,-0.01123,-0.07055,0.01842,0.01707,-0.0009,-0.05332,0.01114,-0.0093,-0.04244,0.06747,0.00924,-0.00801,-0.05697,0.05647,-0.0509,-0.10769,-0.03844,-0.00833,-0.06482,-0.03896,0.00886,0.07491,-0.0098,-0.00486,0.0484,-0.06772,0.00664,0.03856,0.025,0.01937,0,-0.02127,0.06629,0.08177,0.0639,-0.0032,0.03277,-0.08862,0.03201,0.01257,0.04945,-0.02173,0.03073,-0.00144,-0.06045,-0.06434,-0.09821,-0.06809,-0.00755,-0.09407,0.00593,-0.07027,0.04952,0.01899,-0.02648,0.08167,0.02196,0.05234,0.04193,-0.02695,-0.02657,0.01934,-0.07273,0.02011,-0.01244,-0.03334,0.03524,-0.04754,-0.12633,0.01833,0.02576,0.08016,0.07067,-0.01455,-0.01203,0.04776,0.01745,0.04745,0.05021,0.06725,-0.01275,-0.07582,0.02688,-0.01977,-0.01215,-0.00794,-0.05836,-0.00121,0.04033,-0.03742,0.01365,0.03825,-0.03225,0.02296,-0.00678,0.03957,-0.01118,0.01144,0.00364,0.01712,0.06314,0.00105,-0.00072,0.05009,0.06385,0.00324,-0.06176,-0.01302,0.03467,0.0957,-0.10517,-0.04609,0.06049,-0.01287,-0.00233,0.01931,-0.03829,0.05659,-0.0306,0.04442,0.06323,0.01078,0.06795,0.01382,0.05954,-0.01926,0,-0.06535,-0.02953,0.06865,0.02341,-0.07531,0.00614,0.03724,0.03137,0.01878,0.06058,0.04586,-0.00071,-0.00441,-0.03793,0.04885,0.04841,-0.13375,-0.00703,0.01128,0.01085,0.06003,0.04689,-0.03576,0.04448,0.01324,0.04499,-0.00893,0.02554,-0.01385,-0.01294,-0.01856,-0.01038,-0.01502,0.00769,-0.07222,-0.04297,0.02975,0.05378,0.03966,-0.08128,0.00035,0.11877,0.03277,-0.0327,-0.02676,0.00183,-0.06709,0.03219,-0.02054,0.06479,-0.04817,0.00303,0.0212,0.00346,-0.07516,0.01919,-0.02519,-0.01353,-0.04179,0.01409,0.01739,-0.06763,0.04971,-0.0499,0.05568,0.05949,0.12018,-0.0031,-0.06071,0.07061,0.14731,0.00001,-0.06513,-0.01535,0.01926,-0.00925,0.06436,-0.05409,-0.05464,-0.01347,0.01341,-0.00023,-0.03752,0.08322,-0.00368,0.04411,0.05529,0.01583,0.00866,0.00807,-0.0812,-0.0514,-0.02691,0.00699,-0.06179,0,-0.00606,0.00087,-0.03956,0.00713,-0.03379,0.01335,-0.01719,0.03759,-0.02012,-0.03756,0.01765,-0.00997,-0.01794,0.02528,0.09186,0.03274,-0.08394,0.00342,-0.06401,0.07275,-0.01536,0.06312,0.00849,0.04983,-0.00216,0.07081,0.00206,0.15745,0.05488,-0.08311,0.00547,0.00735,0.1446,-0.07182,0.01104,-0.00451,0.00537,0.05334,0.05325,0.09262,-0.00809,0.00873,-0.01651,-0.02493,0.01458,-0.08472,-0.05133,0.0195,-0.07236,-0.03296,0.01291,0.04341,0.03611,-0.0681,-0.03399,0.00477,0.00008,-0.02804,0.08721,0.03865,0.05852,0.00723,-0.00565,-0.02004],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. API","excerpt":"API"},{"chunkId":"/docs/f-line-alignment-component#4","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.15244,-0.03571,-0.06885,-0.12901,-0.06263,0.0077,-0.09927,0.06529,-0.02155,-0.0908,0.02807,0.07314,-0.04181,0.0055,-0.10851,0.0308,-0.09683,0.0098,0.02786,0.01962,-0.07945,-0.04356,-0.02242,-0.00018,-0.03007,0.03447,0.04044,0.00792,-0.04026,-0.1127,-0.0193,0.09982,0.06645,0.04831,-0.07286,0.01986,0.02952,0.03695,0.01467,-0.07404,-0.04383,-0.05312,0.01379,-0.06095,0.06777,0.01758,-0.00516,-0.04484,0.0753,0.08521,-0.03579,0.0244,-0.07149,0.05611,0.06636,0.07255,0.04881,-0.00558,0.03737,-0.01471,0.05309,0.01815,0.00181,0.03182,-0.0157,0.01476,0.00703,-0.03908,-0.0223,-0.04645,-0.10335,-0.01635,-0.05973,-0.01402,-0.01012,0.09194,0.01379,0.02848,0.01323,-0.03774,-0.03615,0.05915,0.01842,0.05185,0.0677,0.04397,-0.01465,-0.08292,0.10955,-0.01708,0.01225,-0.083,-0.01823,0.07351,-0.03945,0.01023,0.02967,0.00541,-0.06871,0.02877,0.01614,-0.01719,-0.05283,0.00784,0.00021,-0.04459,0.0666,0.00099,-0.00228,-0.06429,0.04728,-0.06847,-0.11062,-0.03879,-0.01413,-0.07661,-0.01021,-0.02087,0.09489,-0.04264,-0.02959,0.0366,-0.13139,0.00138,0.06178,0.03495,-0.00066,0,-0.01174,0.07722,0.05939,0.01974,-0.01164,0.04526,-0.11416,0.01372,-0.01437,0.08025,-0.00945,0.0034,0.00024,-0.04166,-0.03606,-0.07123,-0.06107,-0.02783,-0.08817,-0.02301,-0.06103,0.02734,-0.00346,0.00157,0.04067,0.04205,0.05098,0.06363,-0.01393,-0.02388,0.02692,-0.0548,0.04885,-0.04603,-0.03189,0.04791,-0.03949,-0.10505,0.02057,0.02175,0.07196,0.07844,0.00046,-0.03267,0.06718,0.01296,0.05486,0.05309,0.06075,-0.02192,-0.0523,-0.00719,-0.01122,-0.02236,-0.04297,-0.06695,0.01162,0.0421,-0.03707,0.01559,0.00459,-0.0957,0.03411,0.00303,0.03742,0.01859,0.03888,0.00847,0.02241,0.07524,-0.03374,-0.00279,0.00813,0.05363,-0.00908,-0.05791,-0.00386,0.01945,0.10054,-0.0372,-0.05124,0.05961,-0.02515,0.01911,0.00847,-0.06183,0.04711,-0.03515,0.03292,0.04316,-0.01807,0.02296,0.02029,0.05358,-0.02142,0,-0.02364,0.00041,0.05601,0.07334,-0.09582,0.03566,0.05731,0.06076,0.02242,0.02992,0.06847,0.03973,-0.00504,-0.04026,-0.00947,0.06085,-0.12183,-0.01725,-0.00232,-0.00705,0.07302,-0.00287,-0.04405,0.0608,0.01064,0.03677,0.03671,0.03962,-0.03278,-0.02565,-0.03769,-0.00576,-0.03004,0.00049,-0.06381,-0.03655,0.0192,0.03272,0.03463,-0.04659,0.00118,0.13237,0.0177,-0.0051,-0.04143,0.03117,-0.05206,0.02523,-0.01623,0.06893,-0.0551,0.03362,0.02162,0.03593,-0.08131,0.02517,-0.07469,0.00329,-0.01069,0.02031,0.04933,-0.07682,0.03459,-0.05158,0.04668,0.06976,0.08506,0.02409,-0.05895,0.06409,0.13487,0.00814,-0.03847,-0.00756,-0.01383,-0.06784,0.05481,-0.0379,-0.01338,0.01088,0.0456,0.00973,-0.02603,0.09974,-0.02588,0.09217,0.04088,0.05032,0.04219,-0.01457,-0.08529,-0.0353,-0.03117,-0.03504,-0.08965,0,-0.03089,-0.00129,-0.01889,-0.03037,-0.0305,0.02745,-0.0186,0.03825,-0.00217,-0.04869,0.03398,-0.00406,-0.0564,-0.0024,0.10323,0.03035,-0.0633,0.0153,-0.07842,0.08085,-0.04684,0.05367,0.03254,0.04086,-0.01562,0.03428,-0.00987,0.15378,0.03452,-0.08904,0.01603,0.03446,0.17756,-0.07404,0.00003,0.03252,-0.0201,0.07254,0.04601,0.04937,-0.0115,-0.02827,-0.02082,-0.0496,-0.04721,-0.06747,0.01633,0.01046,-0.09269,-0.05925,0.03929,0.06271,0.01904,-0.07538,-0.04154,-0.03885,0.00073,-0.02048,0.06477,0.0341,0.06706,0.0161,-0.00166,-0.01915],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Inputs - fAlignThreshold: number; Default: 10. Snap distance in pixels. Alias for threshold. f Align Threshold","excerpt":"Inputs - fAlignThreshold: number; Default: 10. Snap distance in pixels. Alias for threshold."},{"chunkId":"/docs/f-line-alignment-component#5","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.13923,-0.01881,-0.08004,-0.08865,-0.05755,0.01762,-0.14429,0.03448,-0.0434,-0.08899,0.03537,0.04399,-0.04884,-0.01665,-0.12949,0.03973,-0.09334,0.00148,0.0629,-0.00477,-0.07247,-0.00674,-0.03991,0.00338,-0.02979,0.02914,0.01568,0.01094,-0.07985,-0.13944,-0.03704,0.09103,0.02644,0.05429,-0.06332,0.0161,0.06106,0.02595,0.00453,-0.08377,-0.05519,-0.03574,0.0183,-0.05445,0.02823,-0.02768,-0.0228,-0.07678,0.05393,0.06692,-0.00825,0.0411,-0.04772,0.03962,0.09089,0.05214,0.05111,0.01837,-0.03586,-0.0436,0.03439,0.02297,-0.0345,0.02997,-0.01798,-0.01439,-0.00522,0.00437,-0.03894,-0.07576,-0.15277,-0.04674,-0.08538,-0.01713,0.04156,0.09596,0.03575,0.02492,0.00349,-0.03752,-0.04206,0.07208,-0.01361,0.04938,0.05576,0.04038,-0.03325,-0.07193,0.0975,-0.02588,-0.00743,-0.10209,0.01889,0.05341,-0.00956,0.02001,0.0057,-0.01399,-0.03628,0.0274,0.03636,0.00722,-0.00256,-0.01056,-0.00081,-0.03736,0.05431,0.04995,-0.01005,-0.06989,0.05583,-0.03087,-0.1009,-0.04035,0.00655,-0.07986,-0.04379,0.01856,0.05809,-0.00451,-0.00677,0.04008,-0.08666,0.04154,0.0529,0.03787,0.01858,0,-0.00872,0.02778,0.0553,0.04507,-0.01672,0.09058,-0.11213,0.03067,0.0329,0.09367,-0.01698,0.02994,0.02833,-0.02577,-0.02435,-0.09206,-0.05076,0.00364,-0.08479,0.01164,-0.07635,0.06891,0.02322,-0.05319,0.09715,0.03597,0.05836,0.04508,-0.06715,-0.03136,0.02104,-0.04433,0.07303,-0.04289,-0.03395,0.02591,-0.04492,-0.11903,0.00783,0.02338,0.03308,0.05621,-0.03062,-0.01329,0.07798,0.01605,0.0557,0.06198,0.05365,0.00713,-0.0686,0.00767,0.00701,0.00447,-0.0296,-0.05728,-0.00495,0.05262,-0.03761,0.01259,0.04056,-0.00009,0.00102,-0.03231,0.00782,0.00708,0.02219,-0.01473,0.0457,0.06221,-0.04135,0.00285,0.02593,0.05264,0.01327,-0.05153,-0.03493,0.00998,0.08684,-0.0777,-0.02229,0.06488,-0.02475,0.00062,0.06774,-0.00743,0.02482,-0.02533,0.07967,0.05277,-0.02064,0.05113,-0.00276,0.02644,-0.00833,0,-0.05165,0.01319,0.01825,-0.00018,-0.07739,0.00031,0.04602,0.00448,0.02693,0.03548,0.06136,0.01136,-0.01425,-0.00771,0.02563,0.03404,-0.14383,-0.02276,-0.00067,0.01292,0.09207,0.0522,-0.01605,0.04355,0.00918,0.0371,0.01464,0.06419,-0.02242,-0.00532,0.00731,-0.01005,0.0085,0.00428,-0.06866,-0.03093,0.0493,0.03449,0.05122,-0.05147,-0.0163,0.15143,0.0374,0.00724,-0.04408,0.00705,-0.06265,0.00029,0.00621,0.02911,-0.05986,-0.00427,-0.002,0.03442,-0.07256,-0.01468,-0.02674,-0.00162,-0.05471,0.02607,0.03503,-0.0698,0.06838,-0.07439,0.04877,0.05441,0.09669,0.01088,-0.03048,0.09088,0.1341,0.00886,-0.0578,-0.02131,0.03986,0.02493,-0.00676,-0.05926,-0.04238,-0.00406,-0.00377,-0.02525,-0.01961,0.08445,0.01182,0.03095,0.03879,-0.00384,0.03622,-0.00452,-0.06297,-0.04349,-0.04683,0.02385,-0.07969,0,0.00622,-0.02169,-0.02547,-0.01067,-0.05104,0.01968,0.01983,-0.00846,-0.01667,-0.05151,-0.00194,-0.01746,-0.03319,0.00195,0.15902,0.05235,-0.06302,-0.00639,-0.08673,0.04731,-0.01602,0.04418,-0.01221,0.06685,-0.00379,0.03741,0.00811,0.17196,0.01632,-0.07827,0.03993,0.04664,0.11695,-0.06426,0.03218,0.01744,0.00864,0.07311,0.06082,0.08832,-0.03939,-0.00054,-0.04147,-0.01796,-0.00236,-0.07373,-0.02699,-0.00478,-0.09733,-0.056,0.03073,0.06099,0.02988,-0.06831,-0.0267,-0.03083,0.00916,-0.02809,0.07239,0.06391,0.06206,0.03145,0.04199,-0.04801],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Outputs - No outputs.","excerpt":"Outputs - No outputs."},{"chunkId":"/docs/f-line-alignment-component#6","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.17569,0.0094,-0.04586,-0.11399,-0.06282,0.00848,-0.16511,0.06915,-0.06432,-0.06472,0.00681,0.06447,-0.06045,0.0034,-0.0679,0.03619,-0.10975,0.0452,0.04931,0.03097,-0.08196,0.0088,-0.03398,0.01143,-0.04131,0.03616,0.0275,0.00755,-0.03818,-0.11334,-0.02677,0.08372,0.00173,0.06593,-0.04043,0.03371,0.03158,0.02963,0.00733,-0.06698,-0.07857,-0.0062,-0.02549,-0.04703,0.08016,0.00347,-0.02728,-0.04145,0.05503,0.07717,-0.04233,0.01018,-0.02808,0.01495,0.10217,0.04242,0.06335,0.00131,-0.01189,-0.0251,0.06342,0.02926,-0.04069,0.03516,-0.03802,0.003,0.01751,0.01853,-0.00015,-0.07631,-0.14778,-0.03394,-0.06672,0.0336,-0.00931,0.1024,0.02638,0.03797,-0.02703,-0.07544,-0.04047,0.0819,0.01218,0.02685,0.06594,0.02589,-0.04748,-0.08001,0.12074,0.00043,0.03291,-0.08811,0.01918,0.02282,-0.01373,0.04439,0.00357,-0.02051,-0.03396,0.0352,0.01366,-0.00575,-0.04209,-0.00717,0.00098,-0.03435,0.06975,0.02222,0.01688,-0.04197,0.04996,-0.04552,-0.12852,-0.06028,-0.00693,-0.10654,-0.04722,-0.00788,0.07574,0.00076,-0.00134,0.03099,-0.05974,0.02043,0.03976,0.02519,-0.00205,0,-0.01413,0.08291,0.04713,0.07707,-0.00127,0.04022,-0.08745,0.0483,-0.00867,0.05554,0.00707,0.01668,-0.00596,-0.03287,-0.03656,-0.07372,-0.07968,0.01132,-0.07854,0.01713,-0.04299,0.04559,0.03927,-0.02008,0.08429,0.04156,0.06126,0.03299,-0.06114,-0.02399,0.03537,-0.10315,0.0233,-0.02747,-0.01881,0.03695,-0.03137,-0.13603,-0.00303,0.02116,0.05741,0.06342,-0.01409,-0.00686,0.07383,0.02096,0.05496,0.04592,0.06939,-0.03819,-0.06565,0.01857,-0.02669,-0.00881,-0.01273,-0.05047,0.00037,0.04072,-0.03331,0.00158,0.03903,-0.05351,0.01265,-0.00004,0.05062,-0.01851,0.0116,-0.00155,0.04392,0.03666,0.00253,-0.00478,0.03448,0.07883,-0.0103,-0.06949,-0.01461,0.02081,0.11343,-0.08822,-0.07895,0.07769,-0.01407,-0.00279,0.02052,-0.02983,0.0822,-0.01666,0.04895,0.0606,-0.00427,0.04422,-0.00056,0.05257,0.00737,0,-0.05044,-0.01021,0.07198,0.0196,-0.09403,0.00097,0.01323,0.00962,0.02,0.056,0.05439,-0.00773,-0.01952,-0.00883,0.03999,0.04996,-0.15814,-0.03724,-0.00667,0.00875,0.04467,0.02501,-0.04015,0.0401,0.02665,0.03466,-0.00658,0.03862,-0.00801,-0.00762,-0.03424,-0.00715,0.00046,-0.00386,-0.07908,-0.01123,0.01018,0.04528,0.04877,-0.05729,-0.00007,0.11853,0.02956,-0.03815,-0.04726,0.01004,-0.08268,0.02283,0.00839,0.02606,-0.03219,-0.01002,-0.00294,0.01071,-0.06337,-0.00062,-0.03953,-0.02826,-0.06701,0.01522,0.0393,-0.04744,0.06658,-0.03505,0.07015,0.03384,0.08583,-0.03233,-0.09379,0.05568,0.12888,0.01053,-0.07275,0.00606,0.01624,-0.01151,0.05637,-0.03958,-0.04218,-0.02903,0.00527,-0.01971,-0.03889,0.09424,-0.00543,0.03327,0.05844,0.02556,-0.0004,0.00497,-0.07741,-0.04336,-0.02101,0.03664,-0.05925,0,-0.02052,-0.01059,-0.01492,-0.0149,-0.04173,0.03656,-0.02408,0.01845,-0.02093,-0.05233,0.00222,-0.01577,-0.01286,0.01399,0.10181,0.02966,-0.08967,-0.0001,-0.08284,0.05863,-0.04281,0.06626,-0.01437,0.04163,-0.01327,0.07618,0.01398,0.15909,0.06028,-0.0698,0.01737,0.02594,0.13873,-0.04422,0.02996,0.02003,0.03463,0.05583,0.03722,0.09043,-0.00088,0.01013,-0.03145,-0.02216,0.03975,-0.05194,-0.03631,0.01807,-0.09832,-0.0439,0.03313,0.03363,0.0283,-0.05861,-0.05836,0.013,0.00512,-0.01828,0.09327,0.04157,0.07842,-0.00115,0.02396,-0.01502],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Methods - No public template API methods.","excerpt":"Methods - No public template API methods."},{"chunkId":"/docs/f-line-alignment-component#7","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.16348,0.00098,-0.06658,-0.10323,-0.0282,0.02288,-0.11603,0.06392,-0.04227,-0.072,-0.01126,0.05253,-0.06082,-0.01233,-0.04948,0.02699,-0.13195,0.0268,0.02477,0.02832,-0.11138,-0.00939,-0.00869,0.02149,-0.06823,0.06114,0.0149,0.01947,-0.03304,-0.12896,-0.01584,0.1251,0.0178,0.07899,-0.07571,0.02822,0.04133,0.059,-0.02517,-0.05655,-0.08174,-0.02284,0.0105,-0.06422,0.06234,0.00473,-0.03355,-0.08575,0.05574,0.07772,-0.02606,0.00784,-0.03236,0.06305,0.10855,0.05683,0.10072,-0.02892,-0.01164,0.00088,0.03552,0.0152,-0.02042,0.04001,-0.05235,-0.01591,-0.00644,0.03561,0.00925,-0.08015,-0.1056,-0.02603,-0.06546,0.00681,0.01286,0.11674,0.0284,0.06199,-0.033,-0.06585,-0.02045,0.06024,0.01221,0.01722,0.05003,0.05919,-0.04497,-0.112,0.08872,0.01242,0.00305,-0.06271,0.03291,0.03448,0.02035,0.04925,-0.03403,-0.04282,-0.04619,0.03607,0.01062,0.00283,-0.01898,0.00574,0,-0.03308,0.04667,0.06088,0.00527,-0.07869,0.04144,-0.06536,-0.10258,-0.06245,0.00113,-0.11236,-0.05187,-0.02428,0.05925,0.0214,0.00297,0.03942,-0.0886,-0.00902,0.05463,0.02127,-0.0078,0,0.00703,0.05955,0.04358,0.08705,0.0027,0.04894,-0.06246,0.01685,-0.00616,0.0753,-0.01227,-0.00398,-0.04416,-0.02953,-0.06171,-0.11841,-0.07142,-0.00529,-0.08922,0.00887,-0.03046,0.05096,0.01415,-0.05697,0.0989,0.0445,0.051,0.04437,-0.07049,-0.02029,0.01981,-0.09751,0.04453,-0.02199,-0.03299,0.00411,-0.0444,-0.10923,0.01431,0.00443,0.02901,0.07487,-0.01909,0.00359,0.05852,0.0318,0.0316,0.05478,0.08687,-0.00328,-0.04367,0.02861,-0.01171,-0.00188,0.01837,-0.05763,0.00213,0.094,-0.04174,0.01239,0.03003,-0.00599,-0.0339,-0.00623,0.05993,0.01821,0.02096,0.00326,0.03846,0.02423,-0.03162,0.00598,0.00088,0.07393,0.01288,-0.05789,0.0017,0.02085,0.09915,-0.07333,-0.10033,0.06099,-0.03677,0.02599,-0.00646,-0.04187,0.07528,-0.04912,0.03665,0.05066,0.02855,0.0341,0.0303,0.045,-0.01124,0,-0.04963,0.01587,0.04387,0.03939,-0.0512,0.02257,0.03425,0.00776,0.01376,0.07411,0.06469,0.04236,-0.02259,-0.05069,0.04033,0.04217,-0.13918,-0.05763,0.01256,0.00188,0.04143,0.04003,-0.05651,0.01517,-0.00316,0.02914,-0.00436,0.03523,-0.00785,-0.00844,-0.01524,-0.02143,-0.01299,-0.00222,-0.06978,-0.04097,0.02363,0.05387,0.02343,-0.05012,-0.01435,0.11985,0.00788,0.00579,-0.05974,0.01656,-0.06439,-0.00545,0.00868,0.02213,-0.06608,-0.00821,-0.00001,0.01051,-0.06829,0.02661,-0.01159,-0.0106,-0.09197,0.03065,0.04678,-0.07046,0.05182,-0.06179,0.06124,0.03736,0.0698,-0.00388,-0.04641,0.05554,0.15539,0.02592,-0.06842,0.02029,0.02659,-0.02763,0.05694,-0.01584,-0.00222,0.0224,-0.01611,0.02989,-0.05811,0.09471,-0.0027,0.02109,0.03632,0.02078,0.04364,-0.01806,-0.08299,-0.03867,-0.02454,0.0037,-0.0689,0,-0.02879,-0.03078,-0.02429,-0.02532,-0.0345,0.025,-0.01746,0.02483,-0.01579,-0.02627,0.01864,0.04909,-0.00952,-0.03033,0.09639,0.01978,-0.08456,0.01159,-0.08857,0.05592,-0.02732,0.04647,-0.01245,0.06718,-0.03446,0.03501,0.03531,0.13997,0.04996,-0.05027,0.0054,0.03304,0.12664,-0.06682,0.02853,0.02969,-0.01134,0.04519,0.0129,0.08515,-0.02215,-0.00849,-0.02653,-0.04224,0.01867,-0.03802,-0.05376,0.01719,-0.12197,-0.0461,-0.00201,0.06584,-0.01267,-0.01001,-0.03493,0.0003,-0.011,-0.02359,0.09553,-0.00243,0.03281,0.03551,0.04333,-0.02135],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Styling - .f-component Base class for flow primitives. - .f-line-alignment Host class.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-line-alignment Host class."},{"chunkId":"/docs/f-line-alignment-component#8","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.14954,-0.01882,-0.0508,-0.10261,-0.03145,0.01137,-0.13175,0.06589,-0.03507,-0.08986,-0.00267,0.06971,-0.05428,0.00598,-0.0497,0.00967,-0.10418,0.01805,0.02547,0.0477,-0.11362,-0.02264,-0.02732,0.00395,-0.06248,0.02296,-0.00226,0.0253,-0.08058,-0.1398,-0.01223,0.11341,-0.00834,0.06179,-0.07654,0.03165,0.00387,0.06262,-0.00513,-0.07213,-0.08263,-0.02479,0.01065,-0.06035,0.05592,-0.00109,0.00564,-0.05305,0.07976,0.09322,-0.03327,0.03137,-0.07974,0.06446,0.0876,0.08026,0.09416,-0.0353,-0.03952,0.02162,0.04179,0.00828,-0.0326,0.03461,-0.01564,-0.00406,-0.00749,0.00252,0.00266,-0.04721,-0.1017,-0.0146,-0.06752,-0.00392,0.01343,0.12186,0.01509,0.06101,-0.00795,-0.06005,-0.01986,0.06414,0.01522,-0.01707,0.04654,0.02365,-0.06498,-0.12298,0.08668,0.01663,0.03043,-0.05768,0.05852,0.03174,0.01205,0.02559,-0.02066,-0.00356,-0.04088,0.02767,0.00743,0.00351,-0.02696,0.0142,-0.00892,-0.04498,0.05959,0.02155,-0.03598,-0.08782,0.05581,-0.05302,-0.07768,-0.05639,-0.01157,-0.0908,-0.02558,0.00476,0.05616,0.01917,-0.01768,0.04146,-0.04725,0.04281,0.03993,0.03256,-0.02253,0,-0.02571,0.07433,0.04657,0.06672,0.00532,0.04524,-0.0589,0.01565,0.02759,0.08603,-0.01534,0.01551,-0.01997,-0.04834,-0.05657,-0.10329,-0.04827,-0.01539,-0.11012,0.00045,-0.01303,0.04124,0.01899,-0.04705,0.10486,0.00575,0.04685,0.04796,-0.04864,-0.01628,-0.01246,-0.08723,0.03464,-0.04017,-0.01009,0.0335,-0.03511,-0.11856,-0.02115,0.00631,0.06715,0.09781,-0.02013,-0.00025,0.10385,0.03123,0.03234,0.05884,0.05292,0.00378,-0.05469,0.00304,-0.01237,-0.0023,-0.01052,-0.06096,0.00601,0.0249,-0.05451,0.01402,0.03454,-0.04461,-0.01313,0.00366,0.04027,0.01918,0.04202,0.0336,0.03283,0.03884,-0.01074,0.02284,0.0329,0.0634,0.0183,-0.04309,-0.02322,0.01557,0.1144,-0.09774,-0.03629,0.07301,-0.05027,0.04917,0.00792,-0.02047,0.05164,-0.03349,0.04781,0.06199,0.02371,0.06096,0.03151,0.05628,0.00329,0,-0.07343,-0.02112,0.07355,0.03425,-0.05207,0.03464,0.03226,-0.01295,0.04472,0.07168,0.00954,-0.00125,-0.02202,-0.07667,0.02009,0.02597,-0.12804,-0.03552,-0.00054,0.03395,0.06092,0.02304,-0.01227,0.02838,0.02321,0.03938,-0.00556,0.0256,-0.00205,-0.0021,-0.00885,-0.00004,0.00302,-0.0519,-0.05926,-0.04346,0.0293,0.03876,0.04098,-0.07336,-0.00132,0.13859,0.03904,-0.03958,-0.04485,0.00906,-0.06234,-0.01794,0.0107,0.05023,-0.08971,-0.00167,-0.03648,-0.00526,-0.08368,0.02212,0.00877,-0.01596,-0.08152,0.04219,0.0441,-0.07063,0.0676,-0.07105,0.05956,0.02152,0.10696,0.02792,-0.03026,0.09485,0.16094,-0.00208,-0.0447,0.01147,0.03619,-0.02463,0.09383,-0.04446,-0.01549,0.0254,0.00478,0.00631,-0.06032,0.09343,-0.0088,0.01628,0.0342,-0.01664,0.0161,-0.03046,-0.06277,-0.05476,-0.00668,-0.02186,-0.07158,0,0.00207,-0.00064,-0.02656,0.01802,-0.04614,0.0047,-0.05139,0.01501,-0.02197,-0.05969,-0.00787,0.05738,-0.01585,-0.00779,0.08274,0.0102,-0.04146,-0.01064,-0.07938,0.07401,-0.04663,0.07623,-0.0169,0.05112,-0.01892,0.05616,0.02008,0.149,0.04048,-0.05049,-0.00016,0.02192,0.11667,-0.02158,0.00895,-0.02102,-0.00316,0.06961,0.0049,0.09281,0.01194,0.00521,0.01341,-0.02251,-0.013,-0.06792,-0.04946,-0.00282,-0.09003,-0.03632,0.01689,0.07511,0.01604,-0.02113,-0.03617,0.01419,0.00302,-0.02339,0.08283,0.01285,0.05413,-0.01437,0.00572,-0.03794],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Notes / Pitfalls - Do not mix f-line-alignment and f-magnetic-lines in the same flow; they target the same helper responsibility. - Migrate to f-magnetic-lines early to avoid future major-version removal risk.","excerpt":"Notes / Pitfalls - Do not mix f-line-alignment and f-magnetic-lines in the same flow; they target the same helper responsibility. - Migrate to f-magnetic-lines early to avoid future major-version removal risk."},{"chunkId":"/docs/f-line-alignment-component#9","slug":"f-line-alignment-component","route":"/docs/f-line-alignment-component","section":"docs","title":"Line Alignment (Legacy) - Older Alignment Helper","description":"Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects.","group":"Helpers","vector":[-0.16361,0.02667,-0.09695,-0.04516,0.02281,0.10077,-0.10398,0.07391,-0.04235,0.00598,-0.01046,0.07403,-0.03306,0.05533,-0.00265,0.02052,-0.10308,0.06662,0.00061,0.04385,-0.06535,-0.02958,0.08878,0.02215,-0.03613,0.02913,0.01156,0.00683,0.00131,-0.09178,0.0231,0.07365,0.01217,0.06837,-0.04293,0.07174,-0.01686,0.09406,-0.03637,-0.07331,0.01121,0.01877,-0.00349,-0.13212,0.05518,-0.02156,-0.02583,-0.02578,0.00265,0.01529,-0.06718,-0.03369,-0.03802,0.07908,0.06975,0.02477,0.03859,-0.08544,0.05496,0.01615,0.05063,0.00013,-0.00618,0.03138,0.048,0.02928,-0.07206,0.01318,-0.07071,-0.0145,-0.03644,-0.02722,-0.04718,0.01136,0.03202,0.0622,-0.0297,0.08498,-0.01138,-0.01926,-0.00721,0.0407,0.01366,0.05052,0.00787,0.05332,-0.01259,-0.08319,0.07612,-0.05019,0.04745,-0.02174,-0.04428,0.07555,0.00584,0.02437,-0.05691,0.02451,-0.11149,0.03316,0.02348,-0.01542,0.02787,0.02298,0.01945,-0.04237,0.03436,0.03455,-0.05136,-0.0761,0.02292,-0.02184,-0.07794,-0.03083,-0.03914,-0.10951,0.01452,-0.03085,0.06585,0.00729,0.04782,0.01961,-0.07437,-0.01802,0.0657,0.0768,0.00807,0,0.0002,0.08454,0.0374,0.07405,0.0614,-0.02362,-0.09489,-0.02032,0.00763,0.13631,-0.00783,0.00057,-0.03387,-0.08218,-0.09835,-0.11569,-0.01402,0.01533,-0.13582,0.01315,0.00041,0.00918,-0.02449,-0.0009,0.07255,0.01374,0.00849,0.01213,-0.07711,-0.02851,0.05612,-0.07336,0.03382,-0.04367,0.01248,-0.00983,-0.00294,-0.09361,-0.06854,-0.01845,0.09403,0.03809,-0.03165,0.05665,0.01431,0.02643,0.0364,-0.02208,0.13543,0.01758,-0.04865,0.06132,-0.01181,-0.02836,0.0625,-0.06301,0.00249,0.06869,-0.02076,0.00456,0.01148,-0.02353,-0.01157,-0.04565,0.05777,-0.05461,0.00353,0.0194,0.07468,-0.02986,-0.04391,0.05947,0.02661,0.07667,0.00126,-0.02784,-0.01885,-0.01941,0.10421,-0.06863,-0.00874,-0.00813,0.00042,0.08782,0.00229,-0.11805,0.02604,-0.05733,0.00948,-0.04437,0.01715,0.08528,0.00143,-0.00774,-0.01021,0,-0.00169,-0.01787,0.06695,0.034,-0.04023,0.01848,0.09829,0.04916,0.05142,0.06593,0.03165,-0.00619,0.00104,-0.07242,0.04489,0.06131,-0.12115,-0.02112,0.08503,0.01283,0.05166,0.05015,-0.03503,0.03678,-0.0126,0.07734,0.07938,0.03534,-0.00841,-0.01176,-0.00521,-0.0349,-0.06554,-0.00571,-0.08595,-0.06511,-0.01857,0.12071,0.0376,-0.04484,0.02453,0.12483,0.02083,-0.04844,-0.02762,-0.00217,0.03063,-0.0156,-0.0236,0.04198,-0.0605,-0.00919,-0.03482,0.00934,-0.0615,-0.00745,-0.00962,-0.05651,-0.0565,-0.00027,0.0526,-0.03602,-0.00149,-0.05472,0.07234,0.08766,0.01533,-0.01918,0.01817,0.04361,0.08521,-0.0274,-0.0005,0.01454,0.02346,0.0378,0.12351,-0.02746,0.04467,-0.02321,-0.00432,0.02808,-0.07887,0.07252,-0.00953,0.05871,-0.01725,0.01723,0.04302,0.00382,-0.10198,-0.01225,-0.00833,-0.00272,-0.0154,0,-0.07458,-0.03339,-0.04925,0.00276,-0.0372,-0.01744,0.00252,-0.04554,-0.01545,-0.00963,-0.02842,0.07711,0.0068,-0.03657,0.03483,-0.01842,-0.09009,0.07349,-0.07438,0.06001,0.01037,0.07028,0.0092,0.03826,-0.03102,0.01302,-0.08501,0.10578,0.03612,-0.0731,0.01093,-0.0049,0.14024,-0.03516,-0.01167,-0.02783,-0.09621,-0.00466,0.01898,0.04801,0.01403,-0.027,0.04947,-0.02702,-0.02589,-0.02903,-0.04586,0.02087,-0.05425,-0.04173,-0.00967,0.01998,-0.03178,-0.03824,0.00575,0.01367,0.04726,0.00227,0.05195,-0.02407,0.00828,0.00098,-0.03812,-0.02473],"keywords":"Line Alignment (Legacy) - Older Alignment Helper Line Alignment (Legacy) - Older Alignment Helper Legacy alignment helper kept for compatibility. For modern alignment UX, use Magnetic Lines and Magnetic Rects. Example ::: ng-component <help-in-positioning</help-in-positioning [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.scss :::","excerpt":"Example ::: ng-component <help-in-positioning</help-in-positioning [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.scss :::"},{"chunkId":"/docs/f-minimap-component#0","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.04635,0.05282,-0.00438,-0.01319,0.08247,0.03911,0.00313,0.04619,-0.04932,0.015,0.01624,0.00526,-0.01295,0.05094,-0.07481,-0.00777,0.01452,0.02121,0.07911,0.03671,-0.05063,-0.05774,-0.00178,-0.08632,-0.06576,0.04487,-0.02741,0.04958,0.00231,-0.05996,-0.0225,0.06822,-0.00252,0.04441,-0.03612,-0.01472,0.03439,0.01893,-0.0499,0.02458,-0.06701,0.04392,0.02244,0.0402,-0.00992,-0.01578,-0.02325,-0.07644,0.03766,0.10822,-0.09904,-0.04101,-0.04002,0.02992,0.0666,0.04791,-0.03908,-0.12003,0.03073,0.04702,-0.01718,0.03743,0.06674,-0.02518,0.11487,-0.01953,-0.02635,-0.05665,0.01943,-0.03234,-0.00256,-0.03756,0.07816,-0.08964,0.0497,-0.01898,-0.01947,0.00601,-0.02289,-0.08388,0.06154,0.05379,-0.05467,0.09097,-0.03878,0.00356,-0.06676,-0.09275,0.02854,0.00019,-0.03834,-0.02082,-0.00766,-0.04158,-0.02152,-0.07475,-0.01428,-0.06215,-0.07084,0.05716,0.06708,-0.06866,0.06592,-0.04513,-0.04824,-0.05701,0.04196,0.00612,-0.08331,0.03046,-0.00516,-0.00915,-0.03967,-0.03772,-0.05958,-0.01165,-0.04496,-0.01075,0.11268,0.08447,-0.02311,0.02747,-0.0108,0.07024,0.05832,-0.03973,-0.05438,0,0.0267,0.03985,0.00627,0.05316,0.03435,-0.05171,0.0571,-0.08732,-0.06046,-0.03174,-0.00918,0.05808,-0.10564,0.07302,-0.01314,-0.10105,-0.05563,0.01935,-0.11199,-0.01999,-0.03272,0.01216,0.01933,-0.10582,0.11245,0.12309,-0.08442,0.08372,-0.03418,0.05946,-0.06149,0.02695,-0.02934,-0.03947,-0.01364,-0.01923,-0.05517,-0.04298,-0.0383,0.0042,-0.10105,-0.02697,-0.07781,-0.03491,-0.02519,0.02697,-0.01284,0.08086,0.04717,0.03576,0.03554,-0.00879,-0.06034,-0.05955,-0.00263,-0.09786,-0.05467,0.05338,0.03486,0.08279,-0.01365,0.01391,-0.05484,0.02226,0.04035,0.05708,0.03559,0.0278,0.04694,-0.01831,-0.05792,0.02097,0.15572,0.01874,0.04835,0.01251,-0.03946,-0.0566,-0.04795,-0.01767,-0.09646,-0.10401,-0.02836,-0.00952,0.02591,-0.06629,0.07315,0.01378,-0.05922,-0.05523,-0.0661,-0.00541,-0.00296,-0.0015,0.04191,0,0.0212,-0.01677,-0.01817,0.02863,-0.07199,-0.05605,0.04382,0.03758,-0.03116,0.07233,-0.03251,0.00372,-0.00911,-0.0247,-0.01695,0.01819,0.09758,-0.03219,0.03333,0.00391,0.01372,0.00606,-0.00549,-0.00045,-0.02722,0.06375,0.164,0.03199,-0.03972,-0.02966,-0.00376,-0.04943,0.03366,-0.07818,0.06753,-0.00406,0.00409,-0.02252,-0.04838,0.00097,-0.02327,0.02188,0.0672,-0.03699,-0.0257,0.05404,0.03007,0.03306,0.00363,-0.01381,-0.01386,-0.0234,-0.01994,-0.08518,-0.01291,0.01196,-0.0267,0.05188,0.03311,-0.00955,0.03331,-0.07889,-0.09435,-0.04659,0.04516,0.04473,-0.00289,-0.05721,0.01264,0.10169,0.06302,0.00926,0.06694,-0.00061,0.03385,0.01299,0.12373,0.14461,0.08699,-0.04112,0.05026,-0.00449,0.02611,0.00189,0.08145,0.06481,-0.0777,-0.00017,0.03879,0.00067,0.02804,0.06953,0.03574,-0.01101,-0.04962,0,-0.04101,0.01379,-0.00053,-0.03754,0.0002,0.00629,0.05518,0.04924,-0.04659,0.01178,0.0922,0.04376,-0.00986,0.01608,0.09681,0.03321,0.02274,0.05304,-0.04649,-0.03134,-0.04305,0.03741,0.02158,0.03514,-0.10959,0.02218,0.01581,0.00478,0.0412,-0.09809,-0.04752,0.05173,-0.04637,0.03583,-0.07829,0.00022,-0.02739,-0.00408,-0.05013,-0.01332,-0.01702,0.00188,-0.01778,-0.0495,-0.02161,0.07084,0.02697,-0.07291,-0.07427,-0.00321,-0.10838,-0.01936,-0.00653,0.05218,0.03661,-0.01119,0.01432,-0.02049,-0.05758,0.00391,-0.03556,0.08844,-0.00253,0.05187],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Minimap Selector: f-minimap Class: FMinimapComponent FMinimapComponent renders a compact overview of the current flow and supports drag-based viewport navigation. F Minimap Component","excerpt":"Minimap Selector: f-minimap Class: FMinimapComponent FMinimapComponent renders a compact overview of the current flow and supports drag-based viewport navigation."},{"chunkId":"/docs/f-minimap-component#1","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.09876,0.05167,0.00854,-0.02736,0.07255,0.01348,-0.03767,0.09678,-0.00277,0.01361,0.00987,0.01338,-0.01547,0.0481,-0.05011,-0.024,0.03635,0.0017,0.0533,-0.02892,-0.06407,-0.07182,-0.03053,-0.05412,-0.06979,0.03908,-0.10159,0.03511,0.02586,-0.05035,-0.0007,0.12854,0.00487,0.02752,-0.00644,0.04001,-0.00115,0.02346,-0.05762,0.01398,-0.04984,0.07094,0.03317,0.02151,0.00657,0.0157,-0.04649,-0.06214,0.00251,0.07955,-0.14233,-0.02399,-0.0707,0.03896,0.04686,0.02564,-0.0009,-0.12405,0.00175,0.06841,-0.03351,-0.01564,0.036,-0.01661,0.10712,0.00406,-0.01708,-0.02959,0.05376,0.00844,0.02686,-0.0176,0.00704,-0.06949,0.03048,-0.03146,-0.03717,0.02096,-0.03082,-0.10478,0.06737,0.05381,-0.04576,0.04814,-0.03379,-0.00239,-0.05089,-0.10973,0.0722,0.0241,-0.02293,0.02723,-0.02226,-0.05305,0.02733,-0.08108,-0.01954,-0.07113,-0.03485,0.05438,0.08184,-0.06876,0.08516,-0.04591,-0.02508,-0.06548,0.03739,0.02718,-0.05225,0.02257,-0.02314,0.00558,-0.00179,-0.02442,-0.07582,-0.02846,0.01047,-0.02559,0.0683,0.10323,-0.03237,-0.01803,-0.01626,0.05459,0.04185,-0.02713,-0.07462,0,0.00019,0.01164,0.02562,0.03157,0.05184,-0.03641,0.05275,-0.1228,-0.02893,-0.04083,-0.01849,0.07051,-0.08357,0.06413,0.01494,-0.0883,-0.01912,0.0791,-0.13998,-0.02049,0.02385,-0.0169,0.00798,-0.06834,0.0902,0.0952,-0.05383,0.04254,-0.03742,0.05043,-0.06805,0.00326,-0.05622,-0.00061,0.01755,-0.00581,-0.05562,-0.06559,-0.02679,-0.0145,-0.11453,0.00447,-0.0476,-0.05196,0.01041,0.03413,-0.04193,0.09001,0.02735,0.02637,0.06702,0.04717,-0.03209,-0.05195,0.0198,-0.06134,-0.01344,-0.00845,0.0217,0.12038,-0.06712,0.02004,-0.04401,0.01907,0.05114,0.04326,0.02259,0.04183,0.05829,-0.01886,-0.05065,0.0103,0.12796,0.02035,0.04289,-0.00256,-0.02234,-0.04227,-0.06167,0,-0.09639,-0.10662,-0.05398,-0.01053,0.01821,-0.04521,0.05941,0.01689,-0.07528,-0.01126,-0.02561,0.01692,0.0245,0.07498,0.02127,0,-0.0277,-0.04816,0.0129,0.04182,-0.04954,-0.03779,0.03431,-0.00364,-0.04007,0.07256,-0.08875,-0.01366,-0.01089,-0.02232,-0.00197,0.0018,0.1434,-0.0678,0.0396,0.03992,0.01219,0.03886,-0.0283,0.00688,0.01622,0.05512,0.05819,-0.02059,-0.05033,-0.04987,-0.03994,-0.05702,-0.00796,-0.11585,0.08288,-0.01598,-0.00516,-0.01714,-0.02932,0.03887,-0.00317,0.02701,0.04602,-0.03824,-0.02214,0.10027,0.00178,-0.00229,-0.02548,0.02046,-0.04561,-0.00131,-0.00777,-0.08502,-0.01678,0.00814,-0.00576,0.04512,-0.01404,-0.03512,0.03368,-0.13773,-0.05168,-0.03626,0.02798,0.03015,0.03172,-0.04756,0.00293,0.08312,0.06264,0.01662,0.02813,0.03082,0.00819,0.03519,0.10395,0.0761,0.04431,-0.01979,-0.026,0.03727,0.03762,0.0178,0.04454,0.04727,-0.06542,-0.01666,0.05244,0.0368,0.03931,0.0397,0.01929,0.00855,-0.04009,0,-0.05744,0.00919,0.01482,-0.00453,0.01564,-0.00229,0.05643,0.12961,-0.02778,0.06851,0.07424,0.05441,-0.01515,-0.0285,0.09531,-0.00472,0.04518,0.02738,-0.05221,-0.01654,-0.05302,0.0457,-0.02454,0.05593,-0.09226,-0.00506,0.05349,0.02351,0.01897,-0.09998,-0.0481,0.05146,-0.03796,0.11326,-0.09303,-0.00737,-0.0137,0.04779,-0.06884,-0.03383,-0.03448,0.05145,-0.00361,-0.05389,-0.03866,0.08454,0.00532,-0.06484,-0.03988,0.02707,-0.11013,-0.0144,0.00941,0.08587,0.06162,0.00802,0.01778,-0.06865,-0.0085,0.00778,-0.05536,0.08987,-0.02312,0.012],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Why / Use cases Use f-minimap when flow size exceeds the visible viewport and users need fast spatial navigation. Typical use cases: - Large process maps. - Multi-cluster graphs where users jump between distant regions. - Editors that need persistent orientation context. A minimap can be unnecessary for very small, fixed-size flows.","excerpt":"Why / Use cases Use f-minimap when flow size exceeds the visible viewport and users need fast spatial navigation. Typical use cases: - Large process maps. - Multi-cluster graphs where users jump between distant regions. - Editors that need persistent orientation context. A minimap can be unnecessary for very small, fixed-size flows."},{"chunkId":"/docs/f-minimap-component#2","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.04161,0.02524,-0.0248,-0.00584,0.07034,0.0533,0.00088,0.05896,-0.02627,0.01095,0.00626,0.01728,-0.02824,0.05243,-0.08202,-0.0044,0.00811,0.02471,0.04046,0.01283,-0.06114,-0.09463,-0.00319,-0.09482,-0.01869,0.03209,-0.04531,0.01744,0.01171,-0.07707,0.01773,0.05065,-0.01476,0.01421,-0.08812,0.02735,0.02291,0.01325,-0.06642,-0.00828,-0.04019,0.07284,-0.00177,0.0096,0.01072,0.0052,-0.02863,-0.05133,0.03497,0.07573,-0.11111,-0.06219,-0.04395,0.06169,0.05381,0.05942,-0.0142,-0.09017,0.04386,0.03294,-0.0497,0.03797,0.08225,-0.02925,0.14556,-0.05068,-0.02797,-0.05352,-0.00088,-0.02904,0.00386,-0.04455,0.07446,-0.06817,0.06987,-0.02606,-0.06302,0.04849,0.00364,-0.06917,0.08587,0.04482,-0.03442,0.0993,-0.02443,0.03867,-0.04877,-0.08191,0.00651,0.01248,0.01869,-0.01638,-0.02081,-0.03075,-0.02204,-0.09457,-0.01718,-0.04145,-0.06118,0.06646,0.09023,-0.07619,0.05075,-0.07855,-0.06865,-0.07369,0.01498,-0.03276,-0.09093,0.05208,-0.01207,-0.00324,-0.03751,-0.03933,-0.03406,-0.0482,-0.02025,0.02031,0.07554,0.04018,-0.00052,0.03959,-0.00559,0.06489,0.04097,-0.04061,-0.08757,0,0.03609,0.01967,0.00187,0.07226,0.03289,-0.0613,0.05593,-0.06157,-0.0441,-0.0595,-0.00524,0.04292,-0.07813,0.08745,-0.00122,-0.12516,-0.04541,0.02258,-0.10679,-0.03014,-0.00141,0.02883,-0.00042,-0.06514,0.13031,0.12581,-0.06344,0.05365,-0.05301,0.03836,-0.08048,0.04487,-0.055,-0.01168,-0.01175,-0.03792,-0.0586,-0.07288,-0.04481,-0.01444,-0.08548,-0.05401,-0.12047,-0.04515,0.01825,0.03648,0.01268,0.09791,0.05869,-0.00279,0.04172,0.01383,-0.06113,-0.03411,0.02331,-0.03602,-0.01442,0.02268,0.06514,0.06175,-0.01635,0.04412,-0.03566,0.01855,0.03607,0.06956,0.01551,0.0117,0.03359,-0.01035,-0.02856,0.03478,0.14887,0.01813,0.02603,0.01673,-0.05157,-0.08615,-0.04956,-0.01935,-0.0854,-0.12134,-0.00968,-0.01474,0.04255,-0.05086,0.06912,0.01425,-0.06265,-0.03705,0.00321,-0.02473,-0.03752,0.01396,0.04058,0,-0.00843,-0.02803,0.00473,0.066,-0.05134,-0.04928,-0.01574,0.02397,-0.00653,0.08662,-0.06358,-0.02158,-0.01799,-0.0072,-0.01831,0.04567,0.06937,-0.03884,0.0015,-0.02269,0.01041,0.02187,0.00846,0.00084,-0.0201,0.04099,0.13475,0.0221,-0.02399,-0.03326,-0.0177,-0.07278,-0.01886,-0.09222,0.06671,-0.00229,0.00805,-0.03227,-0.03658,-0.01275,-0.01571,0.01404,0.08469,-0.03026,-0.01989,0.032,-0.0305,0.0498,0.00991,0.01666,-0.00781,-0.00847,0.01388,-0.09245,-0.02211,0.01993,0.01269,0.0262,0.03997,-0.00526,0.02021,-0.10091,-0.04371,-0.02122,0.05114,0.05416,0.02395,-0.05806,0.0409,0.09242,0.09302,0.0185,0.08213,-0.0059,0.0588,0.01282,0.10007,0.10267,0.06738,-0.08119,0.03606,-0.01644,0.04704,-0.01322,0.03633,0.06723,-0.06974,0.01763,0.03376,0.01807,0.04372,0.09375,0.05325,-0.01629,-0.04163,0,-0.04566,0.01146,-0.01751,-0.02775,0.03115,-0.03397,0.06519,0.06481,-0.0478,0.04097,0.08358,0.04534,-0.00006,0.01093,0.11542,0.02132,0.04521,0.06611,-0.03503,-0.06178,-0.0172,0.03985,0.02883,0.04779,-0.08587,0.00892,0.03664,0.05968,0.03814,-0.0807,-0.06244,0.06046,-0.04179,0.05195,-0.11032,0.01424,-0.0204,-0.02579,-0.07786,-0.00467,-0.00113,0.0203,-0.00352,-0.0412,-0.07061,0.06839,-0.00445,-0.08276,-0.02523,-0.01416,-0.0896,0.00359,-0.01017,0.05636,0.03117,0.01811,0.02158,-0.01221,-0.00772,0.01746,-0.07299,0.06929,0.00898,0.04779],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. How it works The component listens to transform changes, redraws minimap nodes and view box, and participates as a drag plugin (FBEFOREMAINPLUGIN) so pointer interaction in minimap can move the main canvas.","excerpt":"How it works The component listens to transform changes, redraws minimap nodes and view box, and participates as a drag plugin (FBEFOREMAINPLUGIN) so pointer interaction in minimap can move the main canvas."},{"chunkId":"/docs/f-minimap-component#3","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.06764,0.02778,0.01531,0.00615,0.0619,0.02801,-0.0423,0.04489,-0.05323,0.02305,-0.00333,0.01879,0.02988,0.06058,-0.04882,0.00851,0.02781,0.02284,0.06989,-0.01313,-0.06455,-0.08489,0.00072,-0.08207,-0.01486,0.02055,-0.07222,0.03555,0.00433,-0.02851,-0.02746,0.04335,0.00995,0.0389,-0.00983,0.01755,-0.00074,0.02705,-0.02061,0.0283,-0.04905,0.10033,0.00374,0.03043,0.04675,0.01352,-0.05361,-0.06876,0.04975,0.10681,-0.12425,-0.04845,-0.04755,-0.00811,0.05163,0.0452,-0.03958,-0.11662,0.03063,0.04493,-0.04718,0.02857,0.0708,-0.01769,0.13834,0.00614,-0.03021,-0.03898,0.02997,-0.02245,-0.00316,-0.04685,0.08377,-0.05801,0.04113,-0.02622,-0.03185,0.01844,-0.01983,-0.11419,0.04567,0.04957,-0.0267,0.08953,-0.03071,0.01328,-0.04541,-0.06451,0.02604,-0.00137,-0.02952,-0.05971,-0.01762,-0.01123,-0.00819,-0.06306,0.0024,-0.08602,-0.07096,0.03932,0.08683,-0.08914,0.06098,-0.08658,-0.05996,-0.02562,0.05033,0.01367,-0.06778,0.03676,-0.01654,0.00606,-0.01225,-0.02401,-0.06918,-0.01761,-0.02311,0.00318,0.12731,0.06093,-0.00989,0.03265,0.00431,0.07788,0.01762,-0.06097,-0.06208,0,0.02099,0.03225,0.05546,0.05113,0.02605,-0.06215,0.04415,-0.10192,-0.08602,-0.04344,-0.00174,0.05421,-0.07936,0.07008,-0.00268,-0.06179,-0.05966,0.03077,-0.12251,0.00372,-0.07039,0.01825,0.01958,-0.06482,0.07323,0.09958,-0.0744,0.07164,-0.05223,0.0441,-0.07958,0.05178,-0.02912,-0.05171,-0.01471,-0.03118,-0.0594,-0.04454,-0.04363,0.009,-0.0877,-0.0262,-0.0706,-0.03498,-0.02651,0.05316,-0.0383,0.09411,0.03444,0.01696,0.02638,0.03503,-0.09273,-0.05699,-0.01514,-0.07635,-0.02871,0.0111,0.03581,0.06351,0.00278,0.00705,-0.01409,0.03979,0.02648,0.03134,0.01481,0.0211,0.00447,0.02485,-0.01614,-0.00182,0.14442,-0.00214,0.05005,-0.00461,-0.02039,-0.05301,-0.05137,-0.007,-0.07032,-0.13177,-0.03075,-0.05569,0.01522,-0.04943,0.09541,0.02813,-0.03467,-0.04531,-0.0627,-0.00905,-0.00624,0.00744,0.02302,0,0.0191,-0.01727,0.00873,0.02653,-0.06775,-0.05978,-0.00324,0.04926,-0.05908,0.08503,-0.04055,-0.02029,-0.03623,-0.01815,-0.03385,0.01513,0.14276,-0.02228,0.01069,0.00437,-0.00277,0.0092,-0.01478,0.01187,-0.02681,0.08177,0.1192,0.0359,-0.05164,-0.03558,-0.02691,-0.05115,0.02654,-0.07154,0.06917,0.02368,0.03079,-0.06577,-0.03797,-0.01456,-0.01616,0.00634,0.07715,-0.05444,0.00687,0.05115,0.01057,0.06768,-0.03927,0.01084,0.02288,-0.01552,0.03312,-0.11011,0.00446,-0.00004,-0.0507,0.02503,0.04351,-0.01956,0.00194,-0.07995,-0.09028,-0.02362,0.00577,0.02138,0.0095,-0.08569,0.01362,0.07423,0.03478,0.0005,0.05731,0.00548,0.03095,0.03382,0.09958,0.14582,0.07117,-0.10092,0.04276,-0.014,0.05158,0.01666,0.09233,0.0863,-0.07475,0.0084,0.04601,0.04158,0.04439,0.05592,0.0555,0.01372,-0.0075,0,-0.00986,0.04443,-0.02628,-0.03644,0.00864,-0.01964,0.06017,0.07485,-0.04698,0.03681,0.0849,0.0202,-0.0297,0.02029,0.0992,0.04056,0.04053,0.04934,-0.02558,0.00597,-0.04966,0.03706,0.01019,0.00726,-0.10614,0.04715,0.02435,0.04862,0.00861,-0.10302,-0.071,0.02757,-0.056,0.04885,-0.07068,-0.03915,-0.00169,-0.02544,-0.04931,-0.02822,-0.01282,0.03406,0.04487,-0.02196,-0.02614,0.06823,0.03302,-0.08775,-0.02185,0.00226,-0.11483,-0.05542,0.01781,0.02934,0.03436,-0.00824,0.01746,-0.0109,-0.03807,0.03403,-0.03195,0.07402,-0.01284,0.03803],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. API","excerpt":"API"},{"chunkId":"/docs/f-minimap-component#4","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.0697,0.05995,-0.02809,-0.03271,0.02084,0.02436,-0.00863,0.10069,-0.05379,0.0007,0.02343,0.00098,0.00169,0.06241,-0.09313,-0.00298,0.00066,0.0301,0.05258,-0.02009,-0.05777,-0.07081,-0.00967,-0.07412,-0.061,0.02627,-0.06994,0.06493,0.0122,-0.04063,-0.0108,0.06574,0.07144,0.02421,-0.00269,-0.0039,0.03205,0.02169,-0.043,0.01907,-0.05022,0.05796,0.03874,0.02133,0.0145,0.04519,-0.05757,-0.07542,0.01881,0.07617,-0.10107,-0.02667,-0.05312,0.07226,0.05593,0.01699,-0.04386,-0.10677,0.03287,0.04095,-0.05375,0.02429,0.05498,-0.0352,0.14847,-0.00432,-0.04618,-0.04677,0.01657,0.01097,0.03303,-0.03845,0.03054,-0.07923,0.05627,-0.01114,-0.03744,0.03122,-0.02573,-0.08059,0.05887,0.06448,-0.02766,0.09825,-0.04361,0.01105,-0.03783,-0.07399,0.07566,0.00566,-0.02525,-0.01522,-0.05783,-0.01971,0.02829,-0.07085,-0.01936,-0.08822,-0.07747,0.07265,0.08971,-0.10931,0.06006,-0.05434,-0.04734,-0.04937,0.03912,0.04468,-0.01957,0.01392,-0.01725,-0.00592,-0.01719,-0.04281,-0.02884,-0.02849,-0.00133,0.01786,0.09416,0.0813,-0.03181,0.02785,-0.0542,0.05829,0.02789,-0.00625,-0.06742,0,-0.00389,0.06606,0.02626,0.04471,0.00336,-0.03111,0.05541,-0.10785,-0.0586,-0.02205,-0.0409,0.04603,-0.10433,0.06081,-0.01412,-0.09913,-0.04371,0.04203,-0.10227,-0.02072,0.00191,0.01531,0.02237,-0.07327,0.1159,0.08454,-0.08495,0.04774,-0.07885,0.036,-0.06648,0.01093,-0.02914,-0.01709,0.00988,-0.0394,-0.05334,-0.01737,-0.05722,-0.01297,-0.09042,-0.02212,-0.0823,-0.03875,0.00538,0.03996,-0.01547,0.08071,0.07107,0.00676,0.02681,0.04931,-0.07889,-0.06278,0.01446,-0.06072,-0.01858,0.00364,0.02058,0.07045,-0.02622,0.01306,-0.00953,0.00848,0.04263,0.03537,-0.01301,-0.02196,0.03929,-0.01428,-0.05122,-0.00275,0.15016,0.04939,0.01214,0.02879,-0.00759,-0.05511,-0.06616,0.01794,-0.11216,-0.10758,-0.02127,-0.00467,0.00359,-0.05034,0.07656,0.00845,-0.03545,-0.04959,-0.03445,-0.00841,-0.02961,0.00983,0.01534,0,-0.0235,-0.00074,-0.02471,0.0359,-0.08085,-0.02795,0.02585,0.06437,-0.01933,0.10251,-0.01223,0.00961,-0.01833,-0.04702,-0.0179,0.00525,0.09407,-0.02453,0.03933,0.02091,0.01869,0.01838,-0.03846,0.01097,0.00193,0.06228,0.1261,0.02152,-0.03136,-0.01369,-0.05654,-0.05779,-0.01594,-0.06663,0.07326,-0.03374,0.01961,-0.04652,-0.05101,0.00371,-0.01019,0.04208,0.07296,-0.02399,-0.02872,0.07069,0.03902,0.03155,-0.00644,-0.01308,-0.0082,-0.00871,0.00433,-0.08099,-0.01225,0.00948,-0.00976,0.04719,0.02432,-0.01856,0.01452,-0.12463,-0.07241,-0.03929,0.01519,0.03308,0.01512,-0.05201,0.01106,0.07546,0.06393,0.0144,0.08179,0.00245,-0.00725,0.00838,0.08728,0.1367,0.08253,-0.07543,0.03158,0.01753,0.04188,0.03033,0.10069,0.07262,-0.05448,0.00732,0.0633,0.04441,0.03734,0.08599,0.04565,-0.00679,-0.04343,0,-0.03322,-0.01419,-0.03778,-0.01899,0.01706,-0.01086,0.0658,0.07251,-0.03643,0.04055,0.07042,0.06029,-0.01958,-0.02142,0.09893,0.01181,0.03988,0.05486,-0.04633,-0.03031,-0.0474,0.03752,-0.01247,0.01364,-0.09869,-0.00464,0.04498,0.05389,0.00396,-0.09677,-0.04148,0.06046,-0.05291,0.03786,-0.10431,-0.00043,-0.036,0.0184,-0.09124,-0.05427,-0.0449,0.01769,0.00352,-0.05678,-0.01938,0.08226,0.03398,-0.07805,-0.05505,0.01299,-0.06348,0.01708,0.02096,0.05065,0.05543,-0.013,0.02015,-0.03101,-0.06817,-0.00014,-0.07659,0.11482,0.00113,0.00778],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Inputs - fMinSize: number; Default: 1000. Minimum size (width/height) of the minimap coordinate system unless flow content is larger. f Min Size","excerpt":"Inputs - fMinSize: number; Default: 1000. Minimum size (width/height) of the minimap coordinate system unless flow content is larger."},{"chunkId":"/docs/f-minimap-component#5","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.0644,0.06376,0.00048,-0.00319,0.07131,0.04069,-0.01876,0.05805,-0.04165,-0.00028,0.00397,-0.0111,-0.01022,0.02821,-0.04582,-0.01709,0.00062,0.04278,0.07984,-0.00844,-0.06923,-0.09114,0.00322,-0.08108,-0.0559,0.03436,-0.05993,0.0578,0.01555,-0.0593,-0.0255,0.08931,0.01842,0.05377,-0.02938,0.03739,0.03589,0.02961,-0.05544,0.03635,-0.05351,0.08676,0.01898,-0.00269,0.03113,0.00322,-0.03513,-0.09703,0.01867,0.08555,-0.09826,-0.04708,-0.05311,0.03388,0.04797,0.02423,-0.02092,-0.12395,0.02873,0.037,-0.03825,0.00654,0.05157,-0.0102,0.10609,-0.00348,-0.03144,-0.02665,0.04519,-0.00366,0.02569,-0.03694,0.05653,-0.08322,0.03475,-0.02329,-0.02592,0.02785,-0.03535,-0.09996,0.04712,0.05475,-0.03765,0.07911,-0.05675,0.02642,-0.06225,-0.0909,0.02313,0.01416,-0.05861,-0.01461,-0.03731,-0.03478,-0.00158,-0.0539,-0.01973,-0.06904,-0.04298,0.06401,0.08855,-0.09268,0.06857,-0.07831,-0.04924,-0.04599,0.03344,0.03773,-0.05161,0.01883,-0.03,0.00954,-0.03903,-0.05403,-0.08025,-0.06276,-0.00508,-0.01388,0.0895,0.0856,-0.00165,0.02079,0.00311,0.06934,0.05719,-0.04067,-0.07904,0,0.02921,0.02327,0.01895,0.05513,0.05644,-0.03904,0.0553,-0.12326,-0.07082,-0.0226,-0.01502,0.02395,-0.10512,0.0474,-0.01681,-0.11623,-0.04853,0.02427,-0.14738,-0.02735,-0.03223,0.02735,0.00075,-0.07499,0.10211,0.10568,-0.06508,0.06036,-0.0699,0.03964,-0.03689,0.03164,-0.01246,-0.00087,-0.00085,-0.01882,-0.04349,-0.02507,-0.04482,-0.00741,-0.10652,-0.02471,-0.06659,-0.04197,0.00005,0.03323,-0.03759,0.10056,0.0701,0.00938,0.02537,0.03576,-0.07939,-0.05277,0.021,-0.07858,-0.03631,0.04171,0.02684,0.09523,-0.02153,0.03118,-0.04334,0.00695,0.02748,0.06761,0.01236,-0.00535,0.03758,-0.01408,-0.03088,0.01813,0.143,0.01659,0.06451,0.01881,-0.02545,-0.03865,-0.05786,0.01467,-0.11466,-0.12117,-0.02782,-0.01208,0.01126,-0.04846,0.08132,0.02844,-0.03591,-0.03409,-0.04847,0.01681,0.01253,0.01439,0.03708,0,-0.01903,0.01793,0.00745,0.04156,-0.04084,-0.04555,0.03101,0.02249,-0.04496,0.13725,-0.03763,-0.00009,-0.01808,-0.03927,-0.03092,0.01505,0.10437,-0.05003,0.04382,0.00869,0.00446,0.03458,-0.02366,0.00608,-0.0041,0.07406,0.10493,0.02382,-0.03693,-0.03598,-0.00972,-0.05705,-0.00653,-0.07511,0.06814,-0.01656,-0.00257,-0.0159,-0.0434,0.01783,-0.02898,0.01368,0.06304,-0.02428,-0.02666,0.04673,0.03509,0.02351,-0.01214,-0.00137,-0.03335,-0.04431,0.00912,-0.08159,-0.01258,0.01539,-0.01017,0.04666,0.01943,-0.01223,0.02871,-0.1262,-0.07112,-0.02921,0.03459,0.01437,-0.00245,-0.04031,0.01675,0.08697,0.04274,0.02234,0.06002,0.00918,0.04958,0.01198,0.09206,0.15306,0.09075,-0.04759,0.02819,0.01989,0.01102,0.01281,0.0762,0.03915,-0.0765,0.01841,0.03461,0.03038,0.03384,0.04262,0.05606,-0.0054,-0.03618,0,-0.04253,-0.00035,-0.01804,-0.05158,0.01944,-0.01227,0.05041,0.08716,-0.04189,0.04183,0.07437,0.06808,0.00749,-0.02426,0.10961,0.01122,0.0156,0.05089,-0.04034,-0.02778,-0.03303,0.02197,-0.0091,0.04968,-0.1111,0.01396,0.0413,0.01326,0.00071,-0.09104,-0.08599,0.05857,-0.0625,0.05275,-0.08705,-0.0105,-0.03703,0.00937,-0.07736,0.00694,-0.02721,0.01388,0.02233,-0.04169,-0.02633,0.07786,0.00871,-0.06846,-0.04542,0.01053,-0.09145,-0.01249,-0.01416,0.05215,0.03232,-0.01969,0.0186,-0.02873,-0.02429,-0.00379,-0.05789,0.11096,-0.01018,0.00872],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Styling - .f-component Base class for flow primitives. - .f-minimap Host class. - .f-minimap-view Viewport rectangle class. - .f-minimap-node Rendered node class. - .f-minimap-group Rendered group class. - .f-selected Applied to selected minimap nodes/groups.","excerpt":"Styling - .f-component Base class for flow primitives. - .f-minimap Host class. - .f-minimap-view Viewport rectangle class. - .f-minimap-node Rendered node class. - .f-minimap-group Rendered group class. - .f-selected Applied to selected minimap nodes/groups."},{"chunkId":"/docs/f-minimap-component#6","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.0759,0.09952,0.00686,0.01974,0.0939,0.0309,-0.01838,0.08855,-0.05988,0.0268,0.00181,0.01202,-0.0137,0.0387,-0.06093,-0.00242,0.03678,0.05781,0.02972,-0.00121,-0.06537,-0.0973,-0.02002,-0.08097,-0.06699,0.01567,-0.09352,0.06931,0.00985,-0.06054,-0.01977,0.08548,0.01096,0.03189,-0.04842,0.03762,0.04039,0.01426,-0.05172,0.00872,-0.05534,0.07744,0.01354,0.01981,0.0204,-0.00164,-0.0339,-0.05597,-0.0084,0.08083,-0.09872,-0.05193,-0.05238,0.01935,0.03852,0.03414,-0.02592,-0.12328,0.02689,0.05384,-0.0676,0.0332,0.08257,-0.04338,0.1448,-0.00262,-0.01924,-0.05134,0.04522,0.00176,0.05967,-0.04943,0.02411,-0.04259,0.0475,-0.03214,-0.0429,0.04733,-0.04802,-0.06044,0.04339,0.05459,-0.02691,0.08509,-0.06407,0.01453,-0.06045,-0.11301,0.02343,0.03287,-0.01382,0.00003,-0.06049,-0.02096,0.00708,-0.09499,-0.02631,-0.09929,-0.06389,0.04798,0.07653,-0.07289,0.05411,-0.07643,-0.04448,-0.0296,0.03202,-0.01333,-0.05954,0.03078,-0.00681,0.01634,-0.03213,-0.04815,-0.04724,-0.03267,-0.00397,-0.01358,0.07549,0.08893,-0.02764,0.03344,-0.01697,0.05002,0.04448,-0.03751,-0.10436,0,0.0217,0.04363,0.00516,0.05574,0.05898,-0.05029,0.07882,-0.1244,-0.07775,-0.05352,0.00742,0.04149,-0.08076,0.07162,0.01114,-0.10011,-0.0319,0.01294,-0.11599,-0.01996,-0.03082,0.0105,0.01671,-0.08518,0.11619,0.10095,-0.05374,0.08226,-0.04573,0.04439,-0.06306,0.03013,-0.01579,-0.04392,0.00839,-0.01508,-0.03512,-0.03995,-0.06603,-0.02745,-0.07825,-0.00205,-0.06983,-0.01358,-0.00004,0.04002,0.01472,0.0696,0.02991,-0.00717,0.05388,0.0058,-0.06301,-0.04842,0.00508,-0.05752,-0.01146,-0.00812,0.01868,0.08413,-0.0142,-0.01106,-0.03156,0.03033,0.05727,0.06806,-0.00632,0.00409,0.03085,-0.02793,-0.02399,0.03963,0.15424,0.01233,0.04515,0.02604,-0.00833,-0.08516,-0.04291,0.02319,-0.08273,-0.11318,0.00401,-0.01593,-0.00935,-0.05574,0.09169,0.03694,-0.03927,-0.02047,-0.03836,0.01106,0.00102,0.02456,0.04392,0,-0.02693,-0.00283,0.00359,0.04883,-0.05209,-0.02495,-0.00908,0.00856,-0.06094,0.10076,-0.05185,-0.00623,-0.04848,-0.03283,-0.02922,0.00673,0.09038,-0.04579,0.03642,0.01331,0.03031,0.02657,-0.00126,0.02382,0.0001,0.03511,0.06302,0.01492,-0.03085,-0.05386,-0.00424,-0.06587,0.00577,-0.09313,0.06499,-0.00574,-0.01124,-0.05569,-0.00899,0.01792,-0.02889,0.01614,0.05524,-0.07583,-0.01506,0.03872,0.01848,0.03318,0.01066,0.00894,-0.03599,-0.01285,-0.0028,-0.06631,0.00083,-0.01236,0.00121,0.04655,0.0412,-0.01449,0.02376,-0.13185,-0.08996,-0.04723,0.00722,0.02024,0.02172,-0.05474,0.0393,0.08839,0.0283,0.03048,0.07776,0.00008,0.02474,-0.00577,0.09696,0.14485,0.09742,-0.06691,0.02895,0.01479,0.00161,0.00422,0.07495,0.07188,-0.05481,0.01595,0.04706,0.03396,0.0374,0.04409,0.05635,-0.0121,-0.06306,0,-0.04706,0.01952,-0.00124,-0.00007,0.00993,-0.00349,0.05633,0.07899,-0.03831,0.06628,0.04268,0.0439,-0.00409,-0.00903,0.09073,0.0083,0.04673,0.04371,-0.02553,-0.02004,-0.06714,0.05168,-0.02245,0.06428,-0.11851,0.01592,0.0558,0.05542,0.02139,-0.08011,-0.07021,0.06515,-0.06836,0.05872,-0.09312,-0.00906,-0.01881,0.01603,-0.07679,-0.02001,-0.01372,0.02087,0.00767,-0.03946,-0.04117,0.07431,0.00968,-0.09129,-0.04334,0.0181,-0.05344,-0.01303,-0.01556,0.07258,0.04973,0.00005,0.0103,-0.00543,-0.03978,0.00904,-0.03139,0.06476,-0.02892,0.02795],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Notes / Pitfalls - Drag interaction in minimap requires fDraggable on parent f-flow. - fMinSize affects perceived scale; too small can clip context, too large can reduce useful detail. - If custom node classes are sent to minimap via fMinimapClass, ensure corresponding CSS exists in minimap scope. f Draggable f Min Size f Minimap Class","excerpt":"Notes / Pitfalls - Drag interaction in minimap requires fDraggable on parent f-flow. - fMinSize affects perceived scale; too small can clip context, too large can reduce useful detail. - If custom node classes are sent to minimap via fMinimapClass, ensure corresponding CSS exists in minimap scope."},{"chunkId":"/docs/f-minimap-component#7","slug":"f-minimap-component","route":"/docs/f-minimap-component","section":"docs","title":"FMinimapComponent - Overview Map and Quick Navigation","description":"Render a minimap preview of the entire diagram and navigate quickly across large canvases.","group":"Helpers","vector":[0.04118,0.05141,0.00817,0.02131,0.08076,0.07252,-0.05515,0.07643,-0.04595,0.0356,-0.01525,0.0097,-0.0126,0.03745,-0.0178,0.00151,0.00695,0.05113,0.02805,-0.00829,-0.04499,-0.08928,0.02832,-0.05161,-0.04044,0.03654,-0.04735,0.03629,0.03909,-0.04242,0.01883,0.05698,-0.01706,0.03128,-0.01627,0.08497,0.00861,0.04411,-0.03072,-0.00136,-0.00258,0.10698,-0.00661,-0.05789,0.02842,-0.02445,-0.03372,-0.04145,-0.00631,0.07265,-0.11105,-0.05285,-0.04787,0.03907,0.03843,0.00695,-0.06401,-0.11011,0.05495,0.03845,-0.0621,-0.0079,0.07283,-0.02797,0.14157,-0.00882,-0.06032,-0.0223,0.01802,0.06707,0.02171,-0.04714,0.04259,-0.0668,0.03116,-0.04537,-0.04201,0.06899,-0.0176,-0.10156,0.05878,0.01323,-0.04092,0.06169,-0.04273,0.01678,-0.03795,-0.0916,0.03765,-0.05483,-0.0085,-0.02828,-0.04361,0.02996,0.02268,-0.05873,-0.0561,-0.0192,-0.07497,0.0538,0.06167,-0.0764,0.07823,-0.01077,-0.02458,-0.03326,0.05034,0.03388,-0.07428,0.03167,-0.01308,0.06297,-0.01899,-0.03289,-0.08281,-0.06286,-0.0146,-0.02866,0.06787,0.08589,-0.00738,-0.0141,-0.01778,0.04349,0.08392,-0.01246,-0.02433,0,0.02615,0.05759,-0.00691,0.01382,0.06754,-0.03773,0.02278,-0.14585,-0.06722,0.03517,-0.00684,0.03847,-0.08547,0.02245,-0.01148,-0.13909,-0.04295,0.02343,-0.13722,-0.00025,-0.03385,0.01967,-0.00114,-0.06257,0.1262,0.06391,-0.01625,0.04908,-0.06681,0.0273,0.02116,0.05211,-0.01132,-0.0352,0.0187,-0.03069,-0.01908,-0.01052,-0.09493,-0.00082,-0.03922,-0.04358,-0.06925,-0.01553,-0.03316,-0.00476,-0.02607,0.09178,0.09249,-0.00533,0.02862,0.04705,-0.11186,-0.04496,0.04972,-0.04852,-0.03074,-0.00064,0.03825,0.08225,-0.03664,-0.01374,-0.00031,0.01539,0.03151,0.02293,0.00638,0.00982,0.05864,-0.04452,-0.03896,0.05688,0.10683,0.01317,0.04806,0.00296,-0.01901,-0.00542,0.02359,-0.01091,-0.05983,-0.12954,-0.02979,0.05028,0.03805,-0.06474,0.02767,-0.01146,-0.06457,-0.0704,-0.03763,0.03554,-0.0368,-0.02088,0.0255,0,0.02816,-0.0044,0.01356,0.09115,-0.08009,-0.05028,0.09159,0.07242,-0.02605,0.11523,-0.02427,-0.00803,-0.02378,-0.0483,-0.00606,0.01368,0.09676,-0.05806,0.11293,0.00082,0.04074,0.06886,-0.02345,0.02614,0.01235,0.08045,0.10285,0.03843,-0.03895,-0.04828,-0.00382,-0.03278,-0.03272,-0.09473,0.03003,0.00354,-0.00621,0.01993,-0.02583,0.00366,0.01744,0.04113,0.03736,-0.07557,-0.02688,0.0147,0.04638,0.01412,-0.01786,-0.01718,-0.01868,-0.04273,-0.02461,-0.06101,-0.01744,-0.05501,-0.01552,-0.02667,-0.0041,-0.01436,0.04089,-0.09865,-0.06237,-0.04691,0.07466,0.0466,-0.03721,-0.10539,0.06537,0.08578,0.01905,-0.0163,0.06882,0.03382,0.07929,0.03821,0.0817,0.12107,0.09999,-0.08536,0.01585,-0.00249,0.00798,0.03194,0.06238,0.07728,-0.12609,-0.00766,0.06028,0.07039,0.02333,0.00287,0.04827,-0.01116,-0.01425,0,-0.05507,0.00762,-0.02291,-0.02092,-0.00662,-0.0466,0.04834,0.02705,-0.04021,-0.01491,0.01943,0.07407,0.00754,-0.01077,0.07709,-0.00246,0.00275,0.03921,-0.04885,0.01227,-0.06343,0.05709,0.00234,0.05413,-0.0732,-0.00166,-0.00898,0.01516,-0.0082,-0.11993,-0.07607,0.04264,-0.04361,0.05848,-0.10701,-0.0376,-0.03698,-0.01593,-0.05574,0.00626,-0.01916,0.00656,0.03435,-0.04508,-0.04036,0.06544,-0.00531,-0.06577,-0.00493,0.00002,-0.08975,-0.01914,-0.03616,0.02194,0.05591,-0.0343,0.04715,-0.00128,-0.03688,0.00329,-0.03418,0.06814,-0.04753,-0.00165],"keywords":"FMinimapComponent - Overview Map and Quick Navigation FMinimapComponent - Overview Map and Quick Navigation Render a minimap preview of the entire diagram and navigate quickly across large canvases. Example ::: ng-component <minimap-example</minimap-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.scss :::","excerpt":"Example ::: ng-component <minimap-example</minimap-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.scss :::"},{"chunkId":"/docs/angular-node-based-ui-library#0","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.09871,0.01884,-0.08372,0.01921,0.04179,0.02295,-0.03202,0.04906,0.03726,0.04382,-0.11529,-0.00805,-0.08594,0.0256,0.07154,-0.00432,-0.00863,0.00892,0.03653,-0.05326,-0.06576,-0.03065,-0.01228,-0.06538,-0.00541,0.04316,-0.02171,-0.02209,0.01565,-0.05378,0.02407,0.06666,-0.00106,0.06881,-0.13641,0.1001,0.02629,-0.00645,-0.05836,-0.06071,-0.00034,0.0557,-0.00894,-0.05506,-0.04899,-0.00778,-0.06439,-0.01563,-0.03194,0.09453,-0.04909,-0.16142,-0.05599,0.08203,0.04959,0.04554,0.0242,-0.0511,0.02944,0.06075,0.03319,-0.03809,0.02526,0.06509,0.02831,0.03856,-0.07982,0.01775,-0.01489,-0.11667,0.02251,-0.04811,0.01121,-0.01595,0.01429,-0.02346,-0.03071,0.03786,0.02986,-0.02137,-0.00638,0.06578,-0.0226,0.08558,-0.04705,0.11283,0.03069,-0.03942,0.00075,0.00657,-0.04721,0.11705,-0.01639,-0.02202,0.01489,0.01209,0.02676,-0.04302,-0.11692,0.03008,-0.01089,-0.08354,0.07957,-0.01585,-0.03494,-0.06105,0.01223,0.00998,-0.03446,0.01866,-0.04746,0.03801,-0.05962,-0.09476,-0.02615,-0.07505,-0.01078,-0.02275,0.0562,0.05416,0.0257,0.04594,0.02278,-0.00162,0.09614,-0.02412,-0.0374,0,0.02061,0.04871,-0.01775,0.04286,0.10415,-0.00867,0.03264,-0.08214,-0.053,-0.00972,-0.03109,0.07348,-0.05067,0.05083,0.05654,-0.12333,-0.04032,0.01194,-0.00775,-0.00536,0.05527,-0.08552,0.00014,0.05296,0.05378,0.06133,-0.00566,0.03019,-0.02414,0.0209,-0.00355,0.01349,-0.002,-0.02229,-0.06597,-0.00502,-0.04119,-0.10459,-0.02736,0.00333,-0.02456,-0.0224,-0.1005,-0.04011,-0.00434,-0.01299,-0.05658,-0.02779,0.0609,0.01824,-0.00584,0.02814,0.05557,0.03895,0.06499,-0.04232,0.01974,0.06291,0.023,0.04063,0.04692,0.05085,-0.05908,0.0032,0.01964,0.05005,0.03375,0.00783,0.10108,-0.07134,-0.10257,0.07317,0.08616,0.03916,0.03283,-0.00719,-0.0426,0.02714,0.04898,-0.03162,-0.06766,-0.09528,-0.02203,0.05481,0.09801,-0.077,-0.00984,0.0204,-0.09823,0.0006,0.09414,0.03273,0.00385,0.05096,-0.00857,0,-0.02139,-0.03659,-0.00873,0.07003,0.09885,-0.06352,0.01923,-0.00721,0.07674,0.07898,0.01913,0.02464,0.04172,-0.02052,0.01772,0.00552,-0.0196,-0.13221,0.0501,-0.06429,0.01975,0.00297,0.02512,-0.0713,-0.04447,0.02803,-0.005,-0.04026,-0.00467,-0.01703,0.01099,-0.0311,-0.05066,-0.07117,0.04361,-0.02473,-0.00455,0.04201,0.00472,-0.07793,0.02089,-0.00882,-0.03107,0.00166,-0.0861,0.04675,-0.06428,0.00378,-0.07364,-0.00318,-0.03562,0.03598,-0.01891,-0.09176,-0.0595,0.00161,0.09015,0.04211,-0.00046,0.01272,-0.00481,-0.01724,0.01254,0.01895,0.00672,0.05327,-0.05802,0.01071,0.01877,0.10193,0.09515,0.03642,-0.03543,0.0125,0.06018,0.03254,0.11545,-0.02523,0.0382,0.03665,-0.03112,0.12815,0.00507,0.04579,0.09788,-0.0032,-0.09325,-0.00627,0.03742,0.06449,-0.0789,0.03683,-0.0159,0.02971,0.00369,0,-0.12659,0.02238,-0.05512,-0.03859,0.03784,0.00572,-0.01481,0.07965,0.05496,-0.00531,0.03094,0.04764,-0.01703,0.00184,0.06641,0.0167,-0.02028,0.01351,-0.0011,-0.06445,0.01798,0.01549,-0.01811,0.05337,-0.01285,-0.04812,-0.01145,0.00565,-0.03523,-0.01098,-0.02162,0.07869,0.07364,0.08438,-0.01465,0.01705,-0.07347,-0.00154,-0.09348,0.00745,0.04051,0.00486,0.01414,-0.03688,-0.06702,0.03543,-0.04505,-0.05095,-0.03948,-0.07177,-0.04387,0.00387,-0.08699,0.06174,0.00617,0.06936,-0.02668,-0.0473,0.08776,-0.00955,-0.07567,0.04965,0.06471,0.01148],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for building interfaces where users edit connected entities visually. It gives you the rendering and interaction layer for node editors, workflow builders, visual automation tools, AI pipeline builders, and other graph-style product surfaces. The starting path is small: f-flow, f-canvas, nodes, connectors, and connections. Most teams add helpers like minimap, selection area, snapping, caching, or virtualization only later.","excerpt":"Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for building interfaces where users edit connected entities visually. It gives you the rendering and interaction layer for node editors, workflow builders, visual automation tools, AI pipeline builders, and other graph-style product surfaces. The starting path is small: f-flow, f-canvas, nodes, connectors, and connections. Most teams add helpers like minimap, selection area, snapping, caching, or virtualization only later."},{"chunkId":"/docs/angular-node-based-ui-library#1","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.089,0.02371,-0.1007,-0.00978,0.01808,0.02082,0.00373,0.0644,0.05619,0.05845,-0.09865,0.00778,-0.05546,0.03712,0.07304,0.00518,-0.02701,0.00918,0.03162,-0.03126,-0.06575,-0.02317,-0.00432,-0.04774,0.0181,0.04717,-0.00123,-0.01141,0.04136,-0.0444,0.04556,0.07175,-0.01111,0.05759,-0.17147,0.07882,-0.00466,-0.03596,-0.03216,-0.03139,0.03816,0.08615,0.00364,-0.06267,-0.04309,-0.00026,-0.08632,0.0195,-0.03174,0.09733,-0.05575,-0.13995,-0.05105,0.06695,0.04451,0.03301,0.00253,-0.07968,0.05378,0.05454,0.02551,-0.01449,0.03154,0.09325,0.05125,0.02936,-0.11845,0.03244,0.00199,-0.06174,0.01041,-0.06028,0.02528,-0.02269,0.01569,-0.054,-0.03733,0.05899,0.00456,-0.02127,-0.00211,0.04708,0.00077,0.0633,-0.03131,0.10104,0.02817,-0.06854,-0.0206,-0.02904,-0.02952,0.10765,-0.00082,0.00764,0.0321,0.00579,0.01655,-0.02633,-0.13225,0.05939,0.0249,-0.07361,0.06972,-0.01,-0.0609,-0.07213,0.00631,0.00859,-0.02612,0.0015,-0.06502,0.04452,-0.03601,-0.08738,-0.04651,-0.05652,-0.04325,-0.02898,0.04219,0.05347,0.00684,0.03246,-0.0043,-0.01889,0.09541,-0.01831,-0.02788,0,-0.00093,0.03375,-0.02642,0.04225,0.08733,0.0091,-0.02977,-0.10194,-0.01354,-0.00696,-0.01002,0.08278,-0.04319,0.04115,0.01862,-0.08742,-0.04977,0.01598,0.04016,-0.01346,0.08744,-0.10387,-0.01499,0.07709,0.03802,0.08396,-0.00738,0.02661,-0.05093,0.03848,0.01859,0.01105,-0.01241,-0.03343,-0.03975,-0.02198,-0.04897,-0.09667,-0.00265,-0.02894,-0.021,-0.05714,-0.10312,-0.01629,-0.01036,-0.00019,-0.06465,-0.03489,0.04566,0.03346,0.01478,0.01945,0.04464,0.0273,0.06733,-0.04316,0.00732,0.06519,0.01401,0.02937,0.07109,0.04167,-0.05396,-0.02472,0.01912,0.05457,-0.01219,-0.00093,0.08316,-0.05647,-0.09186,0.07031,0.0463,0.04744,0.02307,-0.02308,-0.02651,0.03395,0.0348,-0.02824,-0.07952,-0.11028,-0.00253,0.04323,0.08994,-0.08549,0.01128,-0.01802,-0.08761,0.02953,0.11212,0.0246,-0.01505,0.00842,0.03262,0,-0.04943,0.02901,-0.02318,0.07663,0.08144,-0.07915,0.02884,0.01558,0.05462,0.07581,0.0264,0.02556,0.01502,-0.02905,0.0413,-0.01381,-0.02756,-0.12636,0.0133,-0.07778,0.01008,0.00079,0.00244,-0.06499,-0.04211,0.05033,-0.01778,-0.02984,0.01065,-0.02428,-0.02003,-0.02599,-0.04801,-0.05159,0.01605,-0.05138,0.03312,0.03666,0.00321,-0.08167,0.00768,-0.00531,-0.04866,-0.00401,-0.08152,0.05106,-0.03901,0.02814,-0.03887,0.00166,-0.04323,0.05955,0.01362,-0.09235,-0.04236,-0.0033,0.0931,0.04679,-0.01451,0.00498,-0.02248,-0.01802,0.04744,0.0102,0.03817,0.04422,-0.05955,0.01581,0.04984,0.11915,0.10029,0.06426,-0.0543,0.03815,0.06447,0.0457,0.10525,0.00043,0.01426,0.0271,-0.01848,0.10978,0.01462,0.04443,0.07799,-0.01874,-0.10387,-0.04257,0.02912,0.06726,-0.06641,0.02235,-0.02143,0.01356,0.01643,0,-0.1688,0.00532,-0.04869,-0.04227,0.03013,0.01403,-0.01534,0.03025,0.03428,-0.00583,0.02623,0.08,-0.02462,-0.01458,0.05297,0.00307,-0.01641,0.01554,-0.00243,-0.0382,0.01545,0.00878,0.0022,0.0984,0.00312,-0.03619,-0.0197,0.00299,-0.00774,-0.00367,-0.03324,0.04884,0.08841,0.07833,-0.0486,0.00962,-0.09778,-0.0103,-0.0897,-0.00504,0.03708,0.01239,0.02266,-0.02537,-0.07121,0.07127,-0.01376,-0.03087,0.00027,-0.04369,-0.07526,0.02916,-0.08478,0.04693,-0.00629,0.05159,-0.04481,-0.04228,0.05049,-0.01962,-0.09627,0.05635,0.06031,-0.01343],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. When to use it Use Foblex Flow when your Angular application needs users to: - place and move nodes on a canvas, - create or reassign connections, - zoom, pan, select, and align elements, - apply domain rules while keeping the graph model in app state, - build a custom editor instead of embedding a generic diagram widget.","excerpt":"When to use it Use Foblex Flow when your Angular application needs users to: - place and move nodes on a canvas, - create or reassign connections, - zoom, pan, select, and align elements, - apply domain rules while keeping the graph model in app state, - build a custom editor instead of embedding a generic diagram widget."},{"chunkId":"/docs/angular-node-based-ui-library#2","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.12154,0.01674,-0.08579,0.02725,0.00991,0.04045,-0.07118,0.05808,0.04457,0.05645,-0.10441,-0.00478,-0.03502,0.03868,0.10965,-0.01001,-0.00522,-0.03849,0.03179,-0.02171,-0.02931,-0.06609,-0.01869,-0.0243,-0.00207,0.08195,-0.02953,-0.04063,0.05812,-0.03527,0.04745,0.04709,-0.02077,0.03668,-0.15221,0.07964,0.0183,-0.04019,-0.05135,-0.0631,0.04934,0.05441,-0.03323,-0.06769,-0.06354,-0.0103,-0.02963,-0.01508,-0.06997,0.06974,-0.04364,-0.10673,-0.03811,0.09715,0.03901,0.04677,0.01831,-0.0626,-0.00604,0.03536,-0.00994,-0.06293,0.0354,0.06245,0.01318,0.06107,-0.09515,0.01449,0.03411,-0.10135,-0.01774,-0.05592,0.03325,-0.04363,-0.01358,-0.0772,-0.00245,0.04464,-0.00848,-0.0335,0.01782,0.04355,-0.01863,0.06765,-0.05174,0.08319,0.03509,-0.04594,0.00884,0.00675,-0.02949,0.11279,0.04247,-0.05149,0.04182,0.0166,0.02685,0.03322,-0.07057,0.01498,0.03631,-0.06436,0.09303,0.00711,-0.03932,-0.07575,-0.01197,0.01151,-0.04752,0.03058,-0.03382,0.08109,-0.00894,-0.08006,-0.0214,-0.05554,-0.06114,-0.04401,0.04005,0.08342,0.00432,0.01452,0.02902,0.00104,0.11612,0.0505,-0.00087,0,-0.0303,0.06042,-0.06477,0.00074,0.07674,0.02462,0.02778,-0.07064,-0.00325,-0.02233,0.00221,0.12609,-0.03491,0.04895,0.05531,-0.0665,-0.04039,0.00771,0.06137,-0.0165,0.09561,-0.03662,-0.01741,0.07558,0.05252,0.03723,-0.01393,0.05761,-0.07206,-0.00103,0.04186,0.00109,0.00235,0.00663,-0.03425,-0.00309,-0.05545,-0.08541,-0.0063,-0.05677,-0.02797,-0.00017,-0.10845,-0.01217,-0.00236,-0.04298,-0.07152,-0.05322,0.04516,0.01288,0.01555,0.02026,0.03169,0.0441,0.06681,-0.02872,0.03018,0.03403,0.01128,0.01193,0.03133,0.02588,-0.02337,-0.00767,0.03647,0.05915,0.04175,-0.00355,0.05734,-0.07134,-0.07746,0.06189,0.02896,0.0267,0.06417,-0.0321,-0.00338,0.02994,0.0307,-0.03509,-0.03128,-0.07504,-0.01613,0.13886,0.1201,-0.08052,0.00791,-0.00192,-0.09335,0.04446,0.09183,-0.019,0.04055,0.05279,0.00891,0,0.01477,-0.02982,-0.02576,0.07601,0.03286,-0.06595,0.00594,0.00647,0.06755,0.02621,0.01019,0.00965,0.02587,0.01494,-0.02502,-0.01373,-0.01268,-0.14691,-0.00091,-0.08934,-0.00339,0.01166,-0.0217,-0.01749,-0.0578,0.04002,-0.02524,-0.04183,0.00009,-0.05591,-0.02679,-0.02002,-0.03634,-0.07997,0.00159,-0.05771,-0.0222,0.05061,0.00443,-0.03069,0.00223,0.00725,-0.05655,0.01537,-0.0825,0.06321,-0.08595,0.0299,-0.05188,0.002,-0.06906,0.04893,-0.01074,-0.08253,-0.06463,-0.03826,0.10475,0.0335,-0.0381,0.01764,0.00044,-0.02048,0.01412,0.0196,-0.02138,0.05285,-0.04162,0.03554,0.06258,0.10343,0.1022,0.01416,-0.0522,-0.01412,0.0876,0.06548,0.06754,-0.04903,0.007,0.00806,-0.04769,0.12087,0.0106,0.02087,0.05387,0.02064,-0.0877,-0.0854,0.04875,0.04755,-0.08467,0.01963,-0.05209,0.02139,0.03289,0,-0.13392,0.02624,-0.01316,0.00272,0.0522,0.01909,-0.01094,0.02063,0.06349,0.03741,0.03722,0.02577,-0.0552,-0.05779,0.03805,0.02767,0.00418,-0.00724,-0.00032,-0.02391,0.01106,-0.00624,-0.02796,0.08747,0.03251,-0.04514,0.05276,-0.00894,-0.01087,0.05265,-0.00955,0.06096,0.10245,0.09717,-0.02993,-0.02661,-0.04223,0.02274,-0.03497,-0.00456,0.03029,0.03033,-0.04734,-0.03303,-0.09851,0.03132,-0.03641,-0.06287,0.02564,-0.06568,-0.0376,-0.00654,-0.10554,0.07376,0.01724,0.0563,-0.02118,-0.03749,0.1001,-0.02454,-0.05415,-0.01088,0.0451,-0.01262],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. Why Angular-first matters Many graph UI tools are React-first, or they bring their own store and conventions. Foblex Flow takes a different approach: - the rendering primitives are built for Angular templates and Angular change detection, - the library stays compatible with SSR-friendly setups, - your application keeps ownership of data, validation, permissions, and persistence, - you can compose the editor with your own services, signals, RxJS streams, or NgRx state. This stateless model remains the default. Teams that do not need an existing store can opt into Managed Flow State for typed graph records, supported gesture writeback, snapshots and undo/redo; business meaning and persistence stay application-owned. Rx JS Ng Rx","excerpt":"Why Angular-first matters Many graph UI tools are React-first, or they bring their own store and conventions. Foblex Flow takes a different approach: - the rendering primitives are built for Angular templates and Angular change detection, - the library stays compatible with SSR-friendly setups, - your application keeps ownership of data, validation, permissions, and persistence, - you can compose the editor with your own services, signals, RxJS streams, or NgRx state. This stateless model remains the default. Teams that do not need an existing store can opt into Managed Flow State for typed graph records, supported gesture writeback, snapshots and undo/redo; business meaning and persistence stay application-owned."},{"chunkId":"/docs/angular-node-based-ui-library#3","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.11311,0.03135,-0.09032,0.0179,0.0557,0.03287,-0.01165,0.04403,0.01649,0.05989,-0.0955,0.00424,-0.05625,0.03077,0.06978,-0.00905,-0.03611,0.00406,0.03505,-0.01111,-0.0757,-0.04123,0.00207,-0.04266,0.01827,0.06733,0.00373,-0.05243,0.03231,-0.0724,0.03418,0.06848,-0.02373,0.04624,-0.15978,0.0769,0.03252,-0.02001,-0.06598,-0.0568,-0.01621,0.06448,0.00988,-0.05386,-0.04427,0.0079,-0.06113,-0.01513,-0.04276,0.0887,-0.06406,-0.13885,-0.04949,0.07262,0.05558,0.04503,0.02747,-0.06345,0.01274,0.05381,0.035,-0.0215,-0.01314,0.08328,0.02204,0.05002,-0.0879,0.03345,-0.00095,-0.10013,0.00034,-0.06224,0.0384,-0.01786,0.02506,-0.0421,-0.04806,0.03728,-0.02023,-0.01824,0.00549,0.07283,-0.04036,0.08038,-0.02186,0.09479,0.02314,-0.04896,-0.01193,-0.00074,-0.0133,0.10083,0.01049,-0.02375,0.02656,0.00983,0.02484,-0.04282,-0.11013,0.06055,-0.00336,-0.05769,0.06319,-0.00396,-0.05171,-0.06267,-0.01476,-0.00734,-0.03112,0.03458,-0.03762,0.03405,-0.06341,-0.08593,0.00391,-0.08116,-0.04014,-0.04195,0.05403,0.05938,0.01397,0.04993,0.01587,-0.01465,0.09127,0.00953,-0.01004,0,0.02533,0.03931,-0.03007,0.06208,0.09782,0.00364,0.00091,-0.0617,-0.01176,0.02288,-0.00603,0.10739,-0.06487,0.03888,0.04538,-0.10749,-0.04015,0.02607,0.0107,-0.00237,0.05285,-0.0902,-0.01184,0.05308,0.07385,0.07501,0.0136,0.04902,-0.05185,0.01529,0.01275,-0.0158,-0.012,-0.00762,-0.05379,-0.01819,-0.07401,-0.11393,-0.00494,-0.02563,-0.02883,-0.04392,-0.11311,-0.02923,0.0033,0.00059,-0.03556,-0.02257,0.05494,0.01532,0.00641,0.03077,0.01874,0.03053,0.06687,-0.05084,0.0031,0.09358,0.01527,0.05772,0.06081,0.04354,-0.06045,-0.0428,0.02833,0.06272,-0.0158,-0.00188,0.10719,-0.08466,-0.10968,0.04748,0.04903,0.05807,0.03903,-0.01498,-0.01938,0.0408,0.04383,-0.03518,-0.08238,-0.07716,0.00061,0.07926,0.09727,-0.08471,0.02639,-0.00517,-0.09589,0.0117,0.08709,0.03571,0.0234,0.03371,0.00604,0,-0.0249,-0.0181,-0.005,0.05093,0.084,-0.05634,0.00518,0.00566,0.0549,0.06416,0.02797,0.0202,0.04641,-0.03034,0.02294,0.01891,-0.04246,-0.1448,0.02325,-0.06943,0.01338,0.03778,0.00637,-0.06269,-0.04886,0.0316,-0.01013,-0.04535,0.02178,0.00348,-0.00128,-0.04266,-0.0335,-0.05972,0.01333,-0.05271,0.02174,0.05481,-0.03104,-0.05091,-0.00011,-0.0003,-0.03493,-0.00381,-0.08791,0.02475,-0.09105,0.04268,-0.06102,-0.00123,-0.04694,0.03325,0.00077,-0.11078,-0.05025,-0.01288,0.10411,0.02549,0.01014,0.00103,-0.02493,-0.01891,-0.01624,0.01819,0.02671,0.04059,-0.04451,-0.01106,0.0168,0.10941,0.08319,0.0435,-0.01253,-0.00041,0.08495,0.03977,0.10692,-0.04461,0.03313,0.01911,-0.01689,0.12155,0.01719,0.01967,0.08067,0.00025,-0.09588,-0.05116,0.04683,0.04651,-0.08719,0.02763,-0.02875,0.02104,0.02538,0,-0.14381,0.02475,-0.03311,-0.0428,0.04441,0.0091,-0.01407,0.06445,0.03104,-0.00878,0.04486,0.06842,-0.02857,-0.00537,0.07674,-0.00182,-0.0165,0.04662,-0.0183,-0.0478,0.04009,-0.00199,-0.00625,0.06954,-0.00675,-0.02603,0.01232,0.02398,-0.00082,0.03662,-0.01853,0.04558,0.10502,0.0524,-0.0509,0.0085,-0.08053,-0.0151,-0.07331,0.00686,0.02717,-0.00561,-0.02773,-0.03166,-0.07494,0.04776,-0.03212,-0.04542,-0.02382,-0.0539,-0.05657,-0.00576,-0.06686,0.06809,0.02364,0.06344,-0.02452,-0.03668,0.08778,-0.02839,-0.0793,0.04629,0.04655,0.01134],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. Key capabilities - f-flow and f-canvas as the editor root and viewport. - Nodes, connectors, groups, and persisted connections. - Drag-to-connect, drag-to-reassign, box selection, zoom, minimap, snapping, and waypoints. - Helper plugins such as Magnetic Lines and Magnetic Rects for cleaner layouts. - Optional Managed Flow State for library-managed graph records and interaction history. - A UI-agnostic foundation that works with Angular Material or your own design system.","excerpt":"Key capabilities - f-flow and f-canvas as the editor root and viewport. - Nodes, connectors, groups, and persisted connections. - Drag-to-connect, drag-to-reassign, box selection, zoom, minimap, snapping, and waypoints. - Helper plugins such as Magnetic Lines and Magnetic Rects for cleaner layouts. - Optional Managed Flow State for library-managed graph records and interaction history. - A UI-agnostic foundation that works with Angular Material or your own design system."},{"chunkId":"/docs/angular-node-based-ui-library#4","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.10449,0.02389,-0.08837,0.01219,0.05215,0.01272,-0.00589,0.03014,0.05271,0.03924,-0.06413,-0.01017,-0.05654,0.02745,0.07723,0.01555,-0.03456,0.02182,0.03135,-0.02762,-0.02778,-0.03417,-0.02275,-0.05198,0.01347,0.04584,-0.01137,-0.0199,0.04488,-0.0861,0.0615,0.04984,0.01857,0.06803,-0.17512,0.07912,0.03465,-0.05621,-0.04637,-0.01337,-0.00166,0.07177,0.00782,-0.05901,-0.06314,-0.00317,-0.09351,0.01643,-0.04248,0.06751,-0.05996,-0.13619,-0.03426,0.04903,0.01734,0.0061,0.0058,-0.07539,0.05626,0.04783,0.02188,-0.0241,0.01419,0.07708,0.02905,0.03373,-0.12212,0.0146,0.00694,-0.10528,-0.00864,-0.09664,0.03752,0.01071,0.01063,-0.03714,-0.02312,0.07616,0.01458,-0.01067,-0.00038,0.06651,-0.05044,0.07088,-0.04843,0.10575,0.00485,-0.03559,-0.03383,-0.0294,-0.01541,0.118,-0.01008,0.01697,0.0602,0.00211,0.04087,-0.04325,-0.132,0.05614,0.00506,-0.06223,0.06203,-0.00121,-0.06852,-0.08771,0.01928,-0.01269,-0.03608,0.0044,-0.04446,0.03179,-0.06559,-0.07701,-0.03841,-0.07285,-0.04204,-0.03829,0.04859,0.04747,-0.00684,0.04062,-0.02154,0.00666,0.09377,-0.00189,-0.01837,0,-0.00473,0.02523,-0.03701,0.01652,0.10229,-0.03715,0.01161,-0.09947,-0.00696,0.01218,-0.00329,0.08519,-0.06846,0.03008,0.02352,-0.11474,-0.02777,0.00406,0.05452,-0.00843,0.08629,-0.06894,0.00809,0.06342,0.05465,0.08867,-0.0246,0.00091,-0.00921,0.0413,0.03105,0.00588,-0.01781,-0.02974,-0.06951,-0.00856,-0.07791,-0.07505,0.0055,-0.00881,-0.02392,-0.05181,-0.10919,-0.01769,-0.01098,-0.0191,-0.08167,-0.02988,0.06527,0.02599,-0.00524,0.0029,0.02321,0.04031,0.08002,-0.0494,-0.0153,0.10874,0.00845,0.03605,0.04065,0.05491,-0.05321,-0.03605,0.02346,0.02004,-0.01264,0.00524,0.09635,-0.03599,-0.08761,0.06176,0.06018,0.05754,0.03203,-0.01663,-0.03336,0.02836,0.0671,-0.02731,-0.08438,-0.07743,0.02067,0.04812,0.10581,-0.06692,0.01528,-0.00418,-0.1004,0.031,0.08495,0.01689,0.0044,0.03077,0.04414,0,-0.01349,0.00876,-0.00673,0.07797,0.08271,-0.05606,0.02521,0.03259,0.04641,0.11316,0.0178,0.01279,0.01432,-0.00233,0.06868,-0.01724,-0.02883,-0.12546,0.03637,-0.03066,0.02161,0.02889,0.00319,-0.08405,-0.04536,0.03471,-0.01052,-0.02966,0.01428,-0.03708,0.00761,-0.00632,-0.03381,-0.05511,0.02202,-0.07531,0.0301,0.06983,-0.02178,-0.06788,0.01614,-0.01517,-0.05954,-0.03771,-0.07564,0.0393,-0.04775,0.02803,-0.0298,-0.0232,-0.02449,0.03631,0.0164,-0.07493,-0.04003,-0.01728,0.10578,0.04409,-0.00666,-0.00235,-0.03319,-0.04312,0.00908,-0.00495,0.0377,0.04215,-0.06798,0.02063,0.00744,0.10201,0.07222,0.04659,-0.02796,0.01505,0.05445,0.05967,0.10026,-0.01518,0.02977,0.00674,-0.01978,0.11098,-0.01405,0.05085,0.07692,0.02136,-0.07925,-0.03043,0.03644,0.09253,-0.08374,0.03548,0.01154,0.0287,0.02785,0,-0.14647,0.02173,-0.04137,-0.02423,0.03614,0.03562,-0.01788,0.0427,0.04744,-0.01803,0.02518,0.08072,-0.00428,-0.00083,0.05101,0.01145,-0.01809,0.02725,0.04535,-0.0312,0.02947,0.00609,0.02041,0.08842,-0.01747,-0.0307,-0.0018,0.01146,-0.03207,-0.00562,-0.0265,0.05086,0.07147,0.05161,-0.00717,0.02349,-0.0923,-0.03062,-0.07859,-0.00537,0.04774,0.03076,-0.00811,-0.04897,-0.05649,0.05556,-0.03122,-0.04854,-0.01433,-0.04574,-0.07516,-0.0085,-0.10159,0.06694,0.00283,0.05431,-0.04418,-0.06333,0.04207,-0.00952,-0.05889,0.04934,0.06448,0.00016],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. Related docs and examples - Get Started - Flow - Drag and Drop - AI Low-Code Platform Example - UML Diagram Example","excerpt":"Related docs and examples - Get Started - Flow - Drag and Drop - AI Low-Code Platform Example - UML Diagram Example"},{"chunkId":"/docs/angular-node-based-ui-library#5","slug":"angular-node-based-ui-library","route":"/docs/angular-node-based-ui-library","section":"docs","title":"Angular Node-Based UI Library","description":"Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later.","group":"Use Cases","vector":[-0.11054,0.01978,-0.0965,0.01232,0.00213,0.01825,-0.02064,0.01737,0.01904,0.04245,-0.09733,-0.02145,-0.07854,0.02291,0.08302,0.00918,-0.03735,0.02171,0.07291,-0.04212,-0.03537,-0.00972,0.00005,-0.06812,0.01208,0.07211,-0.00648,-0.02741,0.03825,-0.06898,0.07416,0.07117,0.02082,0.0441,-0.11513,0.08764,0.02671,-0.03105,-0.06287,-0.01877,0.01879,0.08545,0.01906,-0.06088,-0.04594,-0.01406,-0.07571,-0.00857,-0.01646,0.07253,-0.0639,-0.1854,-0.00127,0.08795,0.08349,0.0262,-0.00245,-0.07051,0.02743,0.00932,0.06867,-0.02966,0.00178,0.07507,0.04459,0.04647,-0.12129,0.03441,-0.02089,-0.10272,-0.01518,-0.06423,0.01437,-0.02614,-0.014,-0.02545,-0.00813,0.04359,0.04178,-0.02215,0.00436,0.06174,-0.00691,0.09349,-0.03336,0.099,0.03378,-0.00826,-0.01438,-0.03759,-0.03957,0.11349,-0.00257,0.0077,0.03544,-0.01052,0.01556,0.00815,-0.11033,0.05357,-0.00025,-0.07693,0.08572,0.01261,-0.08085,-0.03647,0.02706,0.02524,-0.01365,0.00967,-0.06482,0.0541,-0.06172,-0.10522,-0.02978,-0.05494,-0.03068,-0.03138,0.05631,0.06731,0.02931,-0.00335,-0.02351,0.01077,0.11496,0.02807,-0.00616,0,0.01034,0.02774,-0.03588,0.05515,0.11514,-0.02941,0.01294,-0.08978,-0.03933,-0.01889,-0.0068,0.09544,-0.05518,0.04144,-0.00244,-0.10233,-0.03632,0.02377,0.04262,-0.00085,0.07413,-0.0804,-0.0164,0.05486,0.00185,0.04665,0.01238,-0.00564,-0.02029,0.01765,0.01629,0.00628,0.00037,-0.00257,-0.04819,0.0115,-0.07298,-0.06535,-0.00523,-0.02339,-0.04459,-0.01963,-0.0732,-0.0528,-0.00354,-0.00651,-0.07187,-0.07174,0.10826,0.0256,0.01806,0.02069,0.01127,0.05168,0.09963,-0.03522,0.00194,0.11535,0.01283,0.03635,0.03726,0.03026,-0.03018,-0.04424,0.03415,0.04634,-0.00199,0.01038,0.08276,-0.03808,-0.10126,0.06604,0.05594,0.06293,0.02306,-0.00755,-0.01875,0.03578,0.03373,-0.04184,-0.07054,-0.07291,0.00103,0.0537,0.09362,-0.06711,-0.00096,0.00936,-0.09145,0.02021,0.10634,0.00309,-0.01064,0.0219,-0.00686,0,-0.03128,-0.00425,-0.06331,0.06954,0.0853,-0.04111,0.00833,0.01193,0.06916,0.10191,0.04821,0.03313,0.04065,0.00025,0.04372,-0.01916,-0.00543,-0.1161,0.01221,-0.08122,0.02174,0.01462,-0.00947,-0.09956,-0.02688,0.04452,0.00653,-0.0085,0.02686,-0.03539,-0.01893,0.00567,-0.09891,-0.04484,0.0342,-0.02687,-0.00415,0.08997,-0.00442,-0.0628,0.02004,-0.00163,-0.06415,-0.02189,-0.08306,0.02268,-0.04679,0.01559,-0.05933,0.01343,-0.02549,0.03171,-0.00646,-0.06281,-0.05364,0.01665,0.09431,0.03573,-0.02254,0.02285,-0.03976,-0.02207,0.00982,0.0021,-0.00322,0.02717,-0.10329,0.02615,0.00602,0.12495,0.04654,0.0717,-0.04504,0.01616,0.0312,0.06587,0.10985,-0.02458,0.01651,0.02517,-0.01365,0.1115,0.01805,0.06135,0.06657,0.00795,-0.05501,-0.04656,0.01984,0.05152,-0.05681,-0.01371,-0.03609,0.01644,0.03512,0,-0.16067,-0.00495,-0.07181,-0.06021,0.04355,0.02606,-0.01463,0.00563,0.04402,0.02078,0.05364,0.05257,-0.0023,-0.01311,0.01047,0.01053,-0.03049,0.01931,-0.00955,-0.05423,0.02746,-0.00533,0.00906,0.06799,-0.02253,-0.04348,0.008,-0.00073,0.00467,-0.02634,-0.03778,0.08158,0.05704,0.01275,-0.00402,0.01028,-0.07421,0.0079,-0.05366,-0.01401,0.02235,0.01917,0.00964,-0.03277,-0.07067,0.04487,-0.05741,-0.03606,-0.00981,-0.06588,-0.04331,0.00496,-0.09851,0.05348,0.00136,0.07719,-0.04201,-0.03179,0.05802,-0.0215,-0.07562,0.04638,0.063,0.00261],"keywords":"Angular Node-Based UI Library Angular Node-Based UI Library Foblex Flow is an Angular-native node-based UI library for teams that want to start simple in Angular and grow into richer graph interfaces later. GitHub and install Start with: For Nx workspaces: Or install it manually with the required companion packages: Then explore the GitHub repository for source code, examples, and release notes. Git Hub","excerpt":"GitHub and install Start with: For Nx workspaces: Or install it manually with the required companion packages: Then explore the GitHub repository for source code, examples, and release notes."},{"chunkId":"/docs/angular-node-editor-library#0","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.05513,0.00263,-0.08889,0.03273,0.02153,0.05886,-0.11127,0.07599,0.06441,0.08269,-0.1175,-0.00138,-0.05065,0.02699,0.1096,0.02285,-0.00477,-0.0032,0.02122,-0.03979,-0.08525,-0.02326,0.02205,-0.03103,-0.02211,0.04305,0.01102,-0.00742,0.06555,-0.04901,0.02289,0.03489,0.02618,0.04887,-0.1318,0.1401,0.01477,0.01615,-0.04105,-0.0943,0.03954,0.04788,-0.01702,-0.08302,-0.01726,-0.08368,-0.081,0.01626,-0.03769,0.06698,-0.05072,-0.17448,-0.08833,0.01861,0.02207,0.0299,0.00574,-0.06822,0.02272,0.00965,0.00265,-0.01349,0.00179,0.03219,0.02639,0.0522,-0.03146,0.08575,0.00693,-0.06137,0.02917,-0.07745,-0.02805,-0.01524,-0.03394,-0.03956,-0.05499,0.03416,-0.01206,-0.01943,0.02328,0.0486,-0.01164,0.08688,-0.05467,0.09397,0.05594,-0.0565,0.01467,0.01543,-0.01547,0.09185,0.02781,-0.05346,0.01583,0.05624,0.0386,-0.01103,-0.06965,0.03443,-0.00947,-0.10106,0.04899,-0.03284,-0.02701,-0.05007,-0.00369,-0.04761,-0.04132,0.028,-0.0003,0.04714,-0.07347,-0.08056,-0.02564,-0.09753,0.01929,-0.03916,0.03749,0.12435,-0.00693,0.0385,0.02872,0.01551,0.0941,-0.00727,-0.00941,0,0.05453,0.08239,-0.03485,0.05493,0.10329,0.02262,-0.01481,-0.07216,-0.04446,-0.03521,0.02093,0.05361,-0.01573,0.06418,0.03026,-0.0717,-0.02416,0.0235,0.00204,-0.0443,-0.01942,-0.08327,-0.04825,0.11219,0.04064,0.06429,0.02762,0.01221,-0.03558,-0.00427,0.04426,0.00548,0.00716,0.02608,-0.0394,0.0255,-0.04265,-0.09515,0.05152,-0.01752,-0.03658,-0.03943,-0.08214,-0.02815,0.00717,0.01532,-0.01368,0.00214,0.06644,-0.00723,0.00679,0.0422,0.07002,0.06819,0.06448,-0.01766,0.04645,0.00135,0.0452,0.02613,0.03966,0.06371,-0.01778,-0.01121,0.03853,0.04417,-0.00746,-0.04055,0.09836,-0.07511,-0.07878,0.01353,0.05115,0.02865,0.00878,0.00589,-0.05007,0.01163,0.05148,-0.00682,-0.07087,-0.07098,0.01629,0.05695,0.0642,-0.08017,-0.01322,0.02629,-0.07583,-0.01833,0.10333,0.0332,0.01135,0.04743,0.04097,0,-0.01373,-0.00002,0.02363,0.05201,0.07274,-0.06269,-0.02468,-0.04316,0.08163,0.07816,0.04929,-0.00769,0.01679,-0.046,-0.0261,-0.03424,-0.01108,-0.12506,0.10098,-0.06953,0.06434,-0.05842,0.04439,-0.02088,-0.01795,0.00994,-0.02374,-0.03896,-0.00954,-0.03331,-0.04602,-0.04021,0.01327,-0.0946,-0.02983,-0.03519,-0.00299,0.03086,0.01078,-0.05048,0.01441,0.02213,-0.04682,0.01308,-0.05916,0.00278,-0.0908,0.02835,-0.05074,-0.03509,-0.05602,0.05301,-0.00889,-0.09798,-0.06448,-0.03073,0.09128,0.01819,-0.00864,-0.01123,-0.04305,-0.02295,0.02243,0.02729,0.00362,0.07809,-0.03281,0.00363,0.01469,0.07355,0.03344,0.0361,-0.01181,0.00297,0.07236,0.02156,0.09655,-0.04122,0.06784,-0.01318,-0.05951,0.12934,0.00042,-0.00496,0.00637,0.02789,-0.07195,-0.01204,0.03983,0.09778,-0.07749,0.056,0.03136,0.01928,-0.0018,0,-0.14219,0.02385,-0.03345,-0.01059,0.03382,-0.00818,-0.01801,0.0273,0.08828,0.07727,0.00984,0.01948,-0.06858,-0.01536,0.08459,0.0228,-0.0028,0.0093,-0.03262,-0.04485,0.05403,0.06086,-0.02059,0.04948,0.04741,-0.03386,0.00533,-0.01117,-0.06236,0.01797,-0.05831,0.0455,0.07058,0.11153,-0.07586,-0.01519,-0.04278,0.00219,-0.08128,0.02915,0.02592,0.02389,-0.01149,-0.04649,-0.07177,0.02031,0.01178,-0.02317,0.01014,-0.03486,-0.04349,-0.01224,-0.07993,-0.01292,-0.03157,0.05893,-0.03688,-0.04132,0.07213,-0.024,-0.08806,-0.00052,0.0246,-0.03117],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. Angular Node Editor Library If your product needs a node editor in Angular, Foblex Flow gives you the low-level editor primitives without locking you into a fixed domain model. You render the node templates, define the graph semantics, and keep business logic in your application while the library handles interaction and drawing. The core setup is small, so it is a practical default choice for Angular teams. Most editors start with nodes, connectors, and connections, then add minimap, grouping, alignment, or performance helpers later.","excerpt":"Angular Node Editor Library If your product needs a node editor in Angular, Foblex Flow gives you the low-level editor primitives without locking you into a fixed domain model. You render the node templates, define the graph semantics, and keep business logic in your application while the library handles interaction and drawing. The core setup is small, so it is a practical default choice for Angular teams. Most editors start with nodes, connectors, and connections, then add minimap, grouping, alignment, or performance helpers later."},{"chunkId":"/docs/angular-node-editor-library#1","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.07122,-0.01319,-0.08647,0.03956,0.01616,0.01312,-0.07469,0.06019,0.03458,0.0801,-0.14707,-0.02194,-0.08034,-0.01295,0.11207,0.04224,-0.05017,0.0498,0.02452,-0.01705,-0.04796,0.01665,0.03529,-0.05308,-0.04418,0.02682,0.02067,-0.03863,0.06762,-0.03861,0.05495,0.07533,0.00915,0.05049,-0.12496,0.14395,-0.00097,-0.03237,-0.06144,-0.089,0.06772,0.07857,0.00785,-0.12479,-0.02048,-0.10571,-0.06449,-0.00929,-0.0413,0.06791,-0.05602,-0.17054,-0.0793,0.02574,0.03325,0.04181,0.00655,-0.03069,0.02553,-0.0032,0.00489,-0.0121,-0.00049,0.01193,0.02064,0.09626,-0.08771,0.05442,0.0176,-0.05184,-0.00284,-0.06999,-0.05357,-0.00867,-0.02467,-0.0404,-0.06377,0.03461,-0.02636,-0.01437,0.01816,-0.00011,0.0128,0.08934,-0.01021,0.11329,0.06127,-0.06489,0.03471,0.03002,0.00301,0.05926,-0.01009,-0.06534,0.01534,0.02809,-0.00305,-0.01801,-0.05074,0.01847,-0.04254,-0.09025,0.02434,-0.00479,-0.02073,-0.02404,0.02181,-0.0308,-0.04895,0.02488,-0.03526,0.04104,-0.01836,-0.12072,-0.01184,-0.06121,0.02757,-0.02677,0.03503,0.12494,0.01749,0.01124,-0.00592,0.01891,0.09281,-0.03701,0.00464,0,0.05132,0.06307,-0.03673,0.02675,0.11555,0.00788,0.01299,-0.0944,-0.04434,-0.02317,0.03516,0.05311,-0.04518,0.03769,0.01303,-0.07823,-0.00384,0.01507,0.01427,-0.01711,0.04589,-0.08358,-0.05507,0.07333,0.05023,0.04083,0.06074,-0.00095,-0.01625,0.00061,0.04937,-0.00514,0.02797,0.03326,-0.02935,0.04963,-0.05404,-0.0662,0.02351,-0.00015,-0.04184,-0.04575,-0.09067,-0.01965,-0.01211,-0.03052,-0.0251,-0.0094,0.09291,0.00714,0.01757,0.0521,0.06799,0.03817,0.08161,-0.03649,0.00363,0.04152,0.05304,0.07816,0.05926,0.05328,-0.03196,-0.00422,0.02373,0.03962,-0.02365,0.00042,0.08289,-0.03664,-0.0649,0.02276,0.01779,0.02937,0.01611,-0.00378,-0.05344,-0.00737,0.04726,-0.05054,-0.06853,-0.05634,0.03267,0.07911,0.12631,-0.08981,-0.04011,0.00167,-0.06947,-0.04706,0.10525,-0.00121,-0.00335,0.02436,0.02725,0,-0.01582,-0.00247,-0.04607,0.04966,0.00053,-0.04903,-0.00955,-0.05332,0.10287,0.04021,0.01823,0.03819,0.03768,-0.04783,-0.02649,-0.05188,-0.0414,-0.11488,0.07737,-0.06357,0.01504,-0.05249,0.05465,-0.03772,-0.05317,-0.00375,0.01556,0.02654,-0.0208,-0.05328,-0.07329,-0.00328,0.01118,-0.07267,-0.02604,-0.02797,0.01051,0.05651,0.02567,-0.02929,0.04657,0.00399,-0.02212,0.01009,-0.07354,-0.001,-0.08022,0.04537,-0.03204,-0.01693,-0.01924,0.0392,-0.03946,-0.045,-0.0453,0.01844,0.06663,0.00422,-0.00605,0.00773,-0.04365,-0.01165,0.04421,0.01795,0.04355,0.06161,-0.04675,0.00623,0.03,0.04504,0.06027,0.01454,-0.03176,0.05109,0.08482,0.00796,0.11097,-0.06336,0.06496,0.04334,-0.03875,0.13336,-0.01814,-0.01265,0.00451,0.044,-0.0968,-0.01359,0.05162,0.09022,-0.07474,0.05262,0.0439,-0.04063,-0.038,0,-0.14376,0.00584,-0.02556,0.00658,0.04379,0.01445,-0.02064,0.02446,0.04277,0.007,-0.0113,0.05253,-0.03839,-0.03131,0.07483,-0.01937,0.02367,-0.00036,-0.04048,-0.0352,0.02327,0.04634,-0.01314,0.08418,0.02764,-0.00816,0.00046,-0.0465,-0.01824,0.05377,-0.0502,0.03731,0.07363,0.0599,-0.09496,0.02206,-0.04301,0.0052,-0.09952,-0.00316,0.05267,0.00044,0.03192,-0.05161,-0.07283,0.0466,0.01352,-0.05186,0.03522,-0.03002,-0.03551,-0.02166,-0.06264,0.0306,-0.01864,0.0597,-0.03725,-0.05095,0.07151,-0.00031,-0.07258,0.01438,0.07072,-0.00598],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. When to use it Choose Foblex Flow for node editors such as: - rules and condition builders, - internal operations tools, - call routing editors, - AI pipeline or agent builders, - visual back-office configuration tools.","excerpt":"When to use it Choose Foblex Flow for node editors such as: - rules and condition builders, - internal operations tools, - call routing editors, - AI pipeline or agent builders, - visual back-office configuration tools."},{"chunkId":"/docs/angular-node-editor-library#2","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.0814,0.00556,-0.07259,0.04245,0.01421,0.04549,-0.0845,0.06468,0.04257,0.09095,-0.14089,-0.0045,-0.05371,0.01432,0.09754,0.00381,-0.01573,-0.00716,0.00312,-0.00892,-0.09266,-0.0149,0.03053,-0.02743,-0.0206,0.04299,0.01471,-0.02657,0.0656,-0.04315,0.04601,0.08328,0.03671,0.02378,-0.15592,0.12376,0.02651,0.02471,-0.06195,-0.10775,0.00865,0.04948,0.01087,-0.07109,-0.03928,-0.09461,-0.04791,-0.004,-0.03249,0.06988,-0.0625,-0.19261,-0.07601,0.04417,0.00376,0.01852,-0.00195,-0.07616,0.01067,-0.01847,-0.00245,-0.00048,-0.01147,0.04111,0.02386,0.05075,-0.04411,0.05783,0.01119,-0.07489,0.00006,-0.0668,-0.017,0.00903,-0.03182,-0.06837,-0.06768,0.01763,-0.00392,-0.00678,0.0276,0.0433,-0.01208,0.09316,-0.02526,0.08393,0.07379,-0.04863,0.0058,0.00551,0.01335,0.08499,0.01561,-0.08192,0.00856,0.03738,-0.00692,-0.04545,-0.05751,0.03344,0.00375,-0.07681,0.04706,-0.01377,-0.03501,-0.04178,0.00545,-0.0413,-0.03272,0.03869,-0.00554,0.0186,-0.06946,-0.10077,-0.01752,-0.06511,-0.00135,-0.03633,0.03159,0.11583,0.00454,0.0441,0.00018,0.01965,0.12052,0.0222,-0.0311,0,0.07035,0.10373,-0.03136,0.07208,0.10281,0.0102,-0.0114,-0.08364,-0.03723,-0.02342,0.04695,0.07692,-0.0161,0.0508,0.0552,-0.09546,-0.04916,0.02581,-0.0062,-0.01615,0.00124,-0.09273,-0.03404,0.07932,0.0448,0.03953,0.03845,0.04104,-0.05112,-0.01381,0.03998,-0.01315,0.01215,0.02808,-0.02324,0.01206,-0.03298,-0.11379,0.06888,0.00077,-0.0275,-0.04709,-0.08526,-0.00861,0.00882,0.01092,-0.00516,0.00861,0.07717,0.00987,0.03512,0.04476,0.05331,0.03927,0.06362,-0.00836,0.02255,0.04018,0.06227,0.04432,0.03758,0.04671,-0.03275,-0.00834,0.03347,0.04715,0.01002,0.00226,0.0959,-0.06861,-0.07724,0.00728,0.04212,0.01314,0.03506,-0.00581,-0.02358,-0.01553,0.07312,0.00258,-0.07454,-0.04479,0.00359,0.08364,0.06632,-0.08528,-0.01838,0.01591,-0.1136,-0.02217,0.10391,0.0317,0.02421,0.01963,0.042,0,-0.01923,-0.0032,-0.00903,0.05055,0.05852,-0.04104,-0.02392,-0.02149,0.08356,0.05041,0.04574,0.03641,0.01352,-0.03591,-0.0676,-0.02229,-0.00254,-0.09738,0.10351,-0.07772,0.0965,-0.04449,0.02375,-0.0112,-0.05961,0.00633,0.00496,-0.01676,0.00516,-0.03787,-0.04064,-0.03999,0.02028,-0.08643,-0.03902,-0.01858,-0.00704,0.03994,0.00231,-0.02696,0.02105,0.00695,-0.01759,0.01427,-0.0793,-0.00469,-0.0835,0.03017,-0.05593,-0.03883,-0.04778,0.03052,-0.04374,-0.08213,-0.06007,-0.03043,0.05602,0.00423,0.00101,0.00978,-0.03792,0.00229,0.01367,0.03641,0.02594,0.0682,-0.02818,0.01142,0.01685,0.08241,0.03778,0.01111,-0.01706,-0.02416,0.08439,0.04136,0.09999,-0.08011,0.05669,0.01564,-0.0487,0.12435,-0.0074,-0.02766,0.00877,0.0526,-0.08425,-0.00566,0.04027,0.08673,-0.08679,0.04581,0.06485,0.00028,-0.00748,0,-0.11181,0.01691,-0.03057,-0.00683,0.03304,-0.00814,-0.02493,0.01854,0.06398,0.05106,0.00548,0.02158,-0.06558,0.0037,0.09637,0.02017,-0.02723,0.0377,-0.04666,-0.05857,0.05999,0.04561,-0.02717,0.05573,0.02789,-0.00422,-0.01501,-0.01196,-0.03149,0.04335,-0.03318,0.0348,0.05444,0.08224,-0.09541,-0.03141,-0.0752,-0.02842,-0.0569,0.01084,0.04173,0.02649,-0.0054,-0.03662,-0.09785,0.03981,-0.01147,-0.04528,-0.01777,-0.0363,-0.0185,-0.02097,-0.08235,0.01013,-0.01062,0.08398,-0.02499,-0.01855,0.08374,-0.02235,-0.07561,0.0247,0.02879,-0.00192],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. Why teams choose Foblex Flow - Simple first step: build a working editor with a small set of Angular-native primitives. - Custom nodes: render anything inside a node, from forms to metrics to action toolbars. - Editable connections: create, reassign, validate, and decorate edges. - Editor UX: selection, zoom, minimap, guides, snapping, grouping, and drag handles. - Angular fit: standalone components, template-driven composition, and SSR-aware setups.","excerpt":"Why teams choose Foblex Flow - Simple first step: build a working editor with a small set of Angular-native primitives. - Custom nodes: render anything inside a node, from forms to metrics to action toolbars. - Editable connections: create, reassign, validate, and decorate edges. - Editor UX: selection, zoom, minimap, guides, snapping, grouping, and drag handles. - Angular fit: standalone components, template-driven composition, and SSR-aware setups."},{"chunkId":"/docs/angular-node-editor-library#3","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.09779,0.00831,-0.06204,0.01719,0.02094,0.03724,-0.08786,0.06413,0.03244,0.05764,-0.11647,-0.02545,-0.08314,0.01246,0.15773,0.06974,-0.04786,0.00264,-0.01773,0.00604,-0.09465,0.01832,0.04329,-0.01748,-0.03454,0.06023,0.0192,-0.01425,0.05435,-0.02372,0.08549,0.08209,0.02657,0.01833,-0.09427,0.11438,0.00933,-0.03459,-0.04132,-0.09613,0.0847,0.07323,-0.01006,-0.09399,-0.05528,-0.08335,-0.0138,-0.02851,-0.00171,0.08961,-0.02453,-0.09002,-0.06413,0.04784,0.03247,0.03497,-0.02851,-0.01693,0.02145,0.05044,0.0205,0.02201,-0.02356,0.03471,0.01889,0.0557,-0.11559,0.02829,-0.0024,-0.07734,0.06353,-0.06603,-0.02394,-0.03801,-0.0205,-0.04233,-0.06089,0.03093,-0.02189,0.01519,0.00968,-0.01011,-0.00501,0.07635,-0.04911,0.12306,0.06567,-0.07333,0.02564,0.03807,0.01955,0.01914,0.05935,-0.06346,0.04559,0.01243,-0.03028,0.01025,-0.09541,0.03113,-0.04029,-0.09111,0.06533,0.00538,-0.00094,-0.05903,-0.00857,-0.02761,-0.03423,0.04761,-0.03062,0.03691,-0.02404,-0.08099,-0.02632,-0.05631,-0.01108,-0.04743,0.02707,0.14224,-0.00506,-0.01427,0.05015,0.00748,0.08726,-0.00794,-0.0315,0,-0.00661,0.04711,0.00023,0.0285,0.09948,-0.01299,0.01856,-0.05171,-0.03589,-0.01702,0.05096,0.07422,-0.05696,0.04886,-0.00377,-0.03833,-0.02857,-0.00027,0.04932,-0.03317,0.02536,-0.05908,-0.05729,0.06585,0.00188,0.01396,0.06864,0.03826,-0.05141,0.017,0.03935,0.01019,0.03769,0.03314,-0.04053,0.02874,-0.03412,-0.07871,0.01924,0.01427,-0.04849,-0.04846,-0.10258,-0.02269,-0.02498,-0.03201,0.00144,-0.02448,0.068,0.02339,-0.00184,0.06971,0.0703,0.04138,0.04511,-0.0579,0.0136,0.04509,0.06525,0.00208,0.0105,0.06435,-0.02515,0.00747,0.00514,0.06014,0.00468,-0.01844,0.04646,-0.02118,-0.06474,0.00545,0.01346,-0.02216,0.04593,-0.02616,0.0009,0.02955,0.07524,-0.00639,-0.01714,-0.02408,0.03547,0.1034,0.06318,-0.06001,-0.04044,-0.03353,-0.08897,-0.00804,0.15043,0.00388,-0.00651,0.01285,0.03339,0,-0.03579,-0.03307,-0.03224,-0.03162,0.06046,-0.08216,-0.03642,0.02659,0.09849,0.06957,0.06897,0.01061,0.01723,-0.02748,-0.04489,-0.01153,-0.00397,-0.08415,0.11975,-0.07925,0.02449,-0.01955,0.04039,-0.00966,-0.08124,-0.03728,-0.00322,-0.00673,0.02744,-0.04329,-0.05857,-0.04539,-0.03085,-0.08725,-0.06445,-0.06882,-0.03935,0.04906,0.05092,-0.10914,0.00566,0.00888,-0.01373,0.02588,-0.05667,-0.0279,-0.06757,-0.01788,0.00179,-0.03838,-0.00518,0.07765,0.00949,-0.06024,-0.04265,-0.00038,0.12145,0.03879,-0.05025,0.02026,-0.00471,0.01483,0.02336,-0.01148,0.08907,0.06146,-0.03249,-0.00128,0.02751,0.04004,0.03062,-0.00402,-0.06677,0.04161,0.04445,0.02347,0.09051,-0.08623,0.043,0.01819,-0.0545,0.08908,0.01404,-0.02051,0.00671,-0.04245,-0.12372,-0.03258,0.05144,0.09224,-0.04446,0.06822,0.01256,0.01208,-0.03145,0,-0.12247,-0.00047,-0.06973,0.00872,0.04094,-0.01867,-0.02855,-0.00174,0.08888,0.02251,-0.03537,0.05634,-0.11225,-0.0229,0.06007,-0.04206,-0.02145,0.03212,-0.03327,-0.02043,0.05611,0.06743,0.00882,0.06492,0.0351,-0.00437,0.01531,-0.02304,-0.02529,0.042,-0.03592,0.02055,0.07953,0.07524,-0.11118,-0.02902,-0.00722,0.0209,-0.09603,-0.02695,0.02951,-0.02059,0.01629,-0.03008,-0.07653,0.0705,0.01576,-0.02513,0.03041,-0.0051,-0.01008,0.02682,-0.06796,-0.02421,-0.00904,0.06596,-0.03199,-0.03886,0.08929,-0.05591,-0.01876,-0.00888,0.06125,0.01893],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. What you still own Foblex Flow is not a full application builder. Your Angular app still owns: - node metadata and connection rules, - persistence and backend sync, - role-based permissions, - schema validation, - custom actions and side panels. That split is intentional. It keeps the editor flexible and avoids forcing a generic JSON format onto real product logic.","excerpt":"What you still own Foblex Flow is not a full application builder. Your Angular app still owns: - node metadata and connection rules, - persistence and backend sync, - role-based permissions, - schema validation, - custom actions and side panels. That split is intentional. It keeps the editor flexible and avoids forcing a generic JSON format onto real product logic."},{"chunkId":"/docs/angular-node-editor-library#4","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.06694,-0.00921,-0.07386,0.04808,-0.00793,0.03512,-0.05875,0.01885,0.01057,0.06627,-0.11229,0.00624,-0.06259,0.01462,0.10723,0.05318,-0.04475,0.02708,0.00171,-0.03215,-0.06128,-0.00803,0.00778,-0.0549,-0.0573,0.01403,0.03473,-0.04531,0.0987,-0.02068,0.0594,0.05822,-0.0215,0.02283,-0.15018,0.08644,0.05196,0.00499,-0.07314,-0.06611,0.1045,0.03924,0.04244,-0.09879,-0.03341,-0.06046,-0.08386,0.03974,-0.04244,0.0304,-0.0704,-0.16327,-0.05222,0.04272,0.0431,-0.01733,0.00685,-0.02951,-0.00316,0.00132,-0.00192,-0.02702,-0.0351,-0.01735,0.00329,0.07245,-0.07107,0.11127,0.01744,-0.0134,-0.00853,-0.04662,-0.04357,-0.03917,-0.04105,-0.00263,-0.10402,0.05429,-0.03508,-0.03036,0.02798,0.04512,-0.00037,0.04565,-0.02897,0.10447,0.03015,-0.06448,-0.00467,0.00381,0.01197,0.08382,-0.05001,-0.08008,-0.00696,0.04287,0.00817,-0.03869,-0.04848,0.02331,-0.02097,-0.0416,-0.00574,-0.0148,-0.0233,-0.01655,-0.03507,-0.01516,-0.00372,0.05077,-0.0058,0.02198,-0.07096,-0.11368,-0.03553,-0.06444,0.05179,0.00065,0.02284,0.12879,-0.03101,0.02711,-0.00303,-0.01571,0.0908,-0.01332,-0.02367,0,0.04936,0.04504,-0.06624,0.01186,0.11484,-0.0041,-0.01047,-0.09685,-0.00239,0.00167,0.03817,0.03995,-0.03147,0.00942,-0.02094,-0.08866,-0.00453,-0.00022,0.02926,0.00048,-0.00427,-0.09634,-0.03587,0.04985,0.07239,0.03229,0.04754,0.00004,0.02558,-0.0081,0.10451,0.03093,0.03664,-0.00258,-0.02244,0.02467,-0.03949,-0.07479,0.05603,-0.02885,-0.02049,-0.08088,-0.06827,0.01652,-0.00696,0.00855,0.02531,-0.02547,0.09498,-0.01982,0.00512,0.01837,0.02019,-0.01414,0.06035,-0.02433,-0.05442,0.09148,0.0291,0.06413,0.03486,0.04471,-0.02138,-0.01577,0.05044,0.02084,-0.03995,-0.01419,0.0555,-0.03954,-0.06447,0.02711,-0.02535,0.00524,-0.015,-0.01264,-0.03988,0.00739,0.07281,-0.01519,-0.06126,-0.07981,0.04868,0.09403,0.0944,-0.06462,-0.00918,-0.00459,-0.06117,-0.07198,0.13347,0.05007,0.05387,-0.0005,0.07179,0,0.00534,0.00696,-0.00081,0.03441,0.05763,-0.03683,-0.01465,-0.02017,0.0902,0.06926,0.05043,0.06727,0.04734,-0.01615,-0.0389,-0.0349,-0.02866,-0.07188,0.10824,-0.02459,0.0412,-0.04754,0.04669,-0.07786,-0.03737,-0.02779,0.01085,-0.01682,-0.00209,-0.01356,-0.06008,-0.00588,0.01466,-0.05632,-0.03014,-0.01548,0.03119,0.05336,0.01813,-0.0826,0.03062,0.02043,-0.03282,-0.02505,-0.07011,-0.03868,-0.07826,0.02162,-0.08943,0.00652,-0.05073,0.05967,-0.06217,-0.05178,-0.04276,0.0108,0.08275,-0.0055,0.0004,-0.01525,-0.00964,-0.01554,0.01833,0.01127,0.08695,0.05118,-0.04564,-0.02759,0.05333,0.04339,0.01153,0.03173,-0.00301,0.02216,0.11201,0.00037,0.11336,-0.08392,0.04235,0.02465,-0.04158,0.15635,-0.03209,-0.03078,0.05756,0.08141,-0.08086,0.02139,0.06168,0.12151,-0.08968,0.05558,0.05839,-0.0183,-0.01681,0,-0.13221,-0.01498,-0.02539,-0.02332,0.06429,0.00766,-0.04531,0.02275,0.00977,0.05632,-0.02348,0.07169,-0.03887,-0.02374,0.0917,0.0148,0.03356,-0.0141,-0.04782,0.00723,0.00862,0.04076,-0.00378,0.12431,0.02557,0.00187,0.01266,-0.03593,-0.03346,0.01979,-0.03669,-0.01342,0.04141,0.03127,-0.08768,0.03342,-0.08654,-0.01637,-0.0847,0.00091,0.0543,-0.0159,0.03946,-0.02557,-0.04124,0.07971,0.01967,-0.04112,0.00531,0.03269,-0.03256,-0.01187,-0.04864,-0.0258,-0.00378,0.02739,-0.03725,0.0009,0.04406,-0.01217,-0.05978,0.06149,0.07314,-0.00389],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. Related docs and examples - Custom Nodes Example - Drag to Connect Example - Connection Rules Example - Node Directive Docs - Connection Component Docs","excerpt":"Related docs and examples - Custom Nodes Example - Drag to Connect Example - Connection Rules Example - Node Directive Docs - Connection Component Docs"},{"chunkId":"/docs/angular-node-editor-library#5","slug":"angular-node-editor-library","route":"/docs/angular-node-editor-library","section":"docs","title":"Angular Node Editor Library","description":"Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them.","group":"Use Cases","vector":[-0.09691,-0.01529,-0.04435,0.02741,-0.0011,0.03941,-0.07572,-0.01164,-0.00344,0.03633,-0.13279,-0.01922,-0.06969,0.01834,0.11743,0.03206,-0.0188,0.04698,0.02996,-0.00856,-0.03149,0.01134,0.06694,-0.07738,-0.04799,0.069,0.04252,-0.02688,0.105,-0.03528,0.07617,0.11778,0.02669,0.00871,-0.08475,0.10751,-0.00355,0.0198,-0.0427,-0.07359,0.0657,0.0949,0.03367,-0.10263,-0.01374,-0.11715,-0.08637,-0.01985,-0.00313,0.02126,-0.07079,-0.17563,-0.02014,0.02048,0.05704,0.01536,0.01717,-0.04138,0.02422,-0.07601,0.03753,-0.00827,-0.01568,0.01677,0.04131,0.11993,-0.06183,0.07505,0.0138,-0.03896,-0.04119,-0.05839,-0.03617,0.00072,-0.04873,-0.01386,-0.09381,0.01799,-0.0051,-0.02615,0.02661,0.00321,0.02778,0.11147,-0.01782,0.11384,0.05823,-0.03637,0.02788,-0.02453,0.01032,0.03494,-0.0174,-0.0828,0.0116,0.00001,-0.01997,0.0156,-0.04331,0.03325,-0.01619,-0.07517,0.03049,0.01275,-0.02202,0.01339,0.00102,-0.04871,-0.0395,0.02815,-0.0317,0.05033,-0.06232,-0.06271,-0.01605,-0.04576,0.06329,-0.03628,0.05352,0.15268,0.04796,-0.008,-0.00889,0.0237,0.10422,0.02908,-0.01558,0,0.05212,0.04353,-0.03762,0.03704,0.1175,-0.02446,-0.00998,-0.05664,-0.0166,-0.00446,0.06725,0.10997,-0.06777,0.01408,-0.00085,-0.0562,-0.00128,0.03451,-0.013,0.00169,-0.01558,-0.0625,-0.07332,0.02551,0.00574,0.019,0.05439,-0.01734,-0.01286,-0.03022,0.09279,0.004,0.01449,0.05499,-0.01195,0.05768,-0.05236,-0.03016,0.04213,-0.04215,-0.06128,-0.04285,-0.04779,-0.03187,0.00266,-0.01585,0.00586,-0.05651,0.13686,-0.00669,0.04493,0.04336,-0.00135,0.00578,0.08513,-0.0286,0.00089,0.08648,0.07972,0.07984,-0.00232,0.00602,-0.00038,-0.02372,0.06237,0.01884,-0.04053,-0.01969,0.04113,-0.00305,-0.03653,0.00919,-0.01005,0.02931,0.04307,-0.00777,-0.03372,-0.00444,0.01825,-0.03102,-0.0014,-0.05777,0.03758,0.0337,0.05137,-0.08525,0.00006,0.02023,-0.06634,-0.07203,0.14447,0.01291,0.00282,0.00237,0.03961,0,-0.00281,0.00851,-0.02195,0.03867,0.00937,-0.03539,-0.04627,-0.00955,0.0718,0.07805,0.05967,0.0275,0.06065,-0.0223,-0.05875,-0.02399,-0.00953,-0.05903,0.10194,-0.06622,0.06307,-0.03679,0.00435,-0.06123,-0.06377,0.03494,0.04923,0.01808,0.00387,-0.05934,-0.08674,-0.0006,-0.01607,-0.04684,-0.01875,-0.02203,-0.00421,0.08994,-0.00594,-0.02592,0.01671,0.02122,-0.03821,-0.02929,-0.07262,-0.0666,-0.09241,0.05844,-0.03556,-0.02004,-0.02553,0.02965,-0.0481,-0.0617,-0.04321,0.03723,0.10354,-0.02779,-0.03109,0.00378,-0.05386,0.01515,-0.0074,0.0094,0.02642,0.02572,-0.09148,-0.00019,0.01957,0.05533,-0.00222,0.02824,-0.0158,-0.01641,0.0596,0.01926,0.17114,-0.08606,0.08344,-0.00803,-0.05414,0.08382,-0.01791,-0.02714,-0.04578,0.11322,-0.07229,-0.00198,0.04873,0.08918,-0.08724,0.02789,0.01433,-0.03496,0.00699,0,-0.14089,-0.04482,-0.02208,-0.02587,0.03809,-0.01296,-0.03417,-0.01225,0.03357,0.05005,-0.02466,0.04662,-0.05081,-0.04059,0.05224,0.02165,0.03186,-0.00416,-0.06131,-0.00099,0.04783,0.05623,0.01097,0.0585,-0.00646,0.01409,0.02048,-0.0151,0.00177,0.01644,-0.05741,0.03262,0.0385,-0.03656,-0.08498,-0.01475,-0.03171,-0.03276,-0.03864,-0.00463,0.03697,-0.0299,0.01863,-0.03327,-0.07067,0.03624,0.05288,-0.04986,0.0374,-0.01126,-0.04316,-0.04348,-0.09416,-0.00297,-0.05484,0.07562,-0.0359,-0.00192,0.06737,-0.00206,-0.0468,0.00187,0.07271,0.0156],"keywords":"Angular Node Editor Library Angular Node Editor Library Build Angular node editors with Foblex Flow using a small starting path, then add richer interaction patterns only when you need them. GitHub and install For Nx workspaces: Or install it manually with the required companion packages: Use the examples overview to compare patterns and start from the closest editor use case. Git Hub","excerpt":"GitHub and install For Nx workspaces: Or install it manually with the required companion packages: Use the examples overview to compare patterns and start from the closest editor use case."},{"chunkId":"/docs/angular-workflow-builder#0","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.08356,0.0183,-0.03622,-0.00836,-0.00041,0.00444,-0.09986,0.05436,0.02734,0.02183,-0.15006,-0.03994,-0.0404,0.02905,0.06459,0.01353,-0.02178,0.00633,-0.00854,-0.07196,-0.09462,-0.01442,-0.00408,-0.03383,-0.00104,0.09045,0.01652,-0.01417,0.05762,-0.03499,0.05216,0.04712,0.03009,0.02882,-0.08669,0.10642,0.00763,0.0543,-0.0323,-0.0813,-0.00819,0.04404,-0.00496,-0.06352,-0.09496,-0.07568,0.01409,-0.03184,-0.05688,0.03311,-0.06249,-0.1231,-0.07698,0.04468,0.03493,0.0226,-0.00313,-0.09846,-0.01251,-0.04157,-0.00838,-0.02617,0.00641,0.00329,0.05625,0.02251,-0.07694,0.03974,0.06259,-0.06764,-0.00074,-0.04349,0.00361,0.01348,-0.0498,-0.05691,-0.0351,0.00292,0.03724,0.00055,0.02204,0.10457,-0.00854,0.09654,-0.00272,0.05807,0.04633,0.00129,0.03852,-0.06147,0.03653,0.06581,-0.00004,-0.00845,0.08748,-0.00247,-0.00643,-0.00993,-0.07586,0.02042,0.00556,-0.06887,0.11857,-0.00816,-0.00909,-0.04635,-0.0043,-0.01453,-0.03065,0.00605,0.01041,0.04093,0.03603,-0.05378,-0.00941,-0.01127,0.00705,-0.00812,-0.05542,0.15306,-0.02815,0.03223,0.04826,-0.03046,0.04967,-0.01402,0.00266,0,0.02407,0.09895,-0.05613,0.07872,0.09695,-0.02017,0.03698,-0.04374,0.05442,-0.02049,0.05228,0.05749,-0.09828,0.12592,0.03018,-0.11362,-0.05215,0.02097,0.02943,0.03714,-0.00075,-0.11311,-0.01566,0.09895,0.06866,0.00657,0.08352,0.05351,-0.0787,0.01122,0.0255,-0.06214,0.01069,0.02199,-0.02327,0.00803,-0.08677,-0.09543,0.04832,-0.04602,-0.02954,-0.04687,-0.09138,0.01266,0.02556,-0.01497,-0.03333,0.04253,0.12704,0.01438,0.06645,0.01048,0.03122,0.01892,0.00476,-0.02413,-0.01192,0.02467,0.07125,0.06253,-0.02851,-0.0058,-0.06991,0.01828,0.04314,0.01768,0.01045,-0.02674,0.06358,-0.07519,-0.04471,0.01659,0.0555,0.05318,0.04304,-0.00741,0.04668,0.05373,0.01012,-0.00454,-0.03859,0.00939,-0.00869,0.03873,0.10423,-0.05891,-0.00305,0.01832,-0.14918,-0.02088,0.04868,0.04502,0.04821,0.04978,0.047,0,-0.02922,-0.05972,-0.02818,0.04655,0.04709,-0.04624,-0.03232,-0.03122,0.0627,0.06161,0.01718,0.03596,0.06033,-0.02906,-0.0404,-0.03571,0.00776,-0.09966,0.07251,-0.03691,0.04577,0.0234,-0.03592,-0.04851,-0.06879,0.07578,-0.03522,-0.05171,0.00548,0.01581,-0.01528,-0.00982,-0.0081,-0.06284,-0.03864,-0.02577,-0.00813,0.02308,0.01446,-0.05989,0.00956,0.05685,0.02182,-0.06956,-0.10302,-0.00701,-0.01832,0.00374,-0.04397,-0.07848,-0.01189,0.05743,-0.0447,-0.04446,-0.02469,0.00608,0.09931,-0.00201,0.00914,0.01835,-0.10576,0.02495,0.07849,0.03236,-0.05178,0.06387,-0.05188,-0.0308,-0.03806,0.07547,0.02981,-0.00295,-0.02679,0.06018,0.01976,0.03206,0.11773,-0.01438,0.06524,-0.00629,-0.03248,0.08039,0.01493,-0.01212,0.03904,-0.01628,-0.09235,-0.11348,0.06577,0.07498,-0.03447,0.02003,0.0113,-0.03589,0.01694,0,-0.09228,0.00274,-0.0081,-0.05276,-0.00177,-0.05523,0.02637,0.0247,0.10174,-0.022,0.06036,-0.02957,-0.07466,-0.03954,0.07505,0.02843,0.04734,0.03626,-0.04611,-0.10631,0.03673,0.00465,0.03622,0.04577,0.02414,-0.00675,0.04972,-0.02509,-0.02739,0.00182,-0.01619,0.06493,0.06191,0.04442,-0.04554,-0.0153,-0.05663,-0.03361,-0.07949,0.01916,0.03153,0.01228,0.00204,-0.0879,-0.04932,0.02723,-0.08318,-0.04208,-0.02431,0.01138,-0.02779,0.02653,-0.02055,0.02977,-0.0221,0.05224,-0.03353,-0.03171,0.08487,-0.06428,-0.06021,0.07053,0.05066,-0.00258],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. Angular Workflow Builder Foblex Flow works well as the foundation for an Angular workflow builder because it separates editor UX from workflow logic. The library renders and manages the interactive canvas; your application decides which nodes exist, which connections are valid, and how the workflow is stored or executed. That does not mean you need a huge setup on day one. Most workflow builders start with a small flow surface and add history, minimap, layout helpers, or performance modules later.","excerpt":"Angular Workflow Builder Foblex Flow works well as the foundation for an Angular workflow builder because it separates editor UX from workflow logic. The library renders and manages the interactive canvas; your application decides which nodes exist, which connections are valid, and how the workflow is stored or executed. That does not mean you need a huge setup on day one. Most workflow builders start with a small flow surface and add history, minimap, layout helpers, or performance modules later."},{"chunkId":"/docs/angular-workflow-builder#1","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.11128,0.03417,-0.06268,-0.0204,-0.02888,-0.00423,-0.06145,0.04777,0.05738,0.03987,-0.14419,-0.07094,-0.03323,0.00527,0.08487,0.02889,-0.02413,0.00715,-0.03836,-0.05595,-0.0611,0.03237,-0.03362,-0.02699,-0.01806,0.04056,0.01801,-0.0155,0.04225,-0.05363,0.06147,0.05482,0.04903,0.04603,-0.0635,0.10261,-0.02098,0.02442,0.00192,-0.07473,0.02968,0.00197,-0.02459,-0.09979,-0.07379,-0.06912,-0.04873,-0.06051,-0.0686,0.07116,-0.11548,-0.11822,-0.09388,0.07925,0.03238,0.01753,0.02524,-0.09376,-0.01102,-0.04392,0.01043,-0.03168,0.01321,0.03514,0.00193,0.02948,-0.1213,0.00961,-0.00196,-0.072,0.00428,-0.06869,-0.02821,-0.01326,-0.04381,-0.03862,-0.04048,0.00304,0.03964,-0.01626,-0.0097,0.08594,-0.01914,0.06897,-0.00101,0.08295,0.05817,-0.02126,0.03946,-0.03576,0.02276,0.05582,0.02107,-0.00316,0.10164,-0.00015,-0.03889,-0.03681,-0.07054,0.02025,-0.03745,-0.0228,0.06896,-0.03476,-0.05395,-0.06428,0.05234,-0.02906,-0.03821,-0.02365,-0.01431,0.02149,0.04081,-0.08163,0.00907,-0.0249,-0.00134,0.00582,-0.03009,0.10583,-0.00601,0.03413,0.0129,0.02078,0.08121,-0.01499,0.01346,0,-0.00989,0.06662,-0.03651,0.04369,0.11848,-0.01458,0.0272,-0.07015,0.03625,-0.00256,0.00702,0.07861,-0.06926,0.07956,-0.00368,-0.08547,-0.03094,0.04782,0.03435,0.02792,0.08516,-0.11685,-0.02484,0.08688,0.06797,0.0132,0.04864,0.02701,-0.04523,0.01508,0.00641,-0.03889,0.0046,0.03483,-0.06784,0.02104,-0.07351,-0.06082,0.04602,0.00249,-0.01956,-0.04907,-0.09911,0.03764,-0.00318,-0.00805,-0.06512,0.01846,0.15677,0.0213,0.05778,0.0086,0.06144,0.01658,0.049,-0.02609,-0.00661,0.05739,0.03161,0.05605,-0.03437,0.03876,-0.06453,0.01729,0.05444,-0.01845,0.0421,-0.02601,0.07335,-0.05702,-0.05867,0.0339,0.0505,0.07216,0.02898,-0.04563,0.01259,0.01512,0.05703,-0.05374,-0.04843,0.01538,-0.00307,0.04372,0.11771,-0.07025,-0.05453,-0.00227,-0.12109,-0.00623,0.04993,0.01863,0.01122,0.05484,0.01726,0,-0.04593,-0.03782,-0.05782,0.06804,0.00964,-0.04288,0.02898,-0.00966,0.05931,0.04857,0.03405,0.02515,0.03611,-0.0483,-0.00392,-0.0384,-0.01741,-0.09514,0.06193,-0.04087,0.05211,0.02657,-0.01004,-0.02161,-0.05608,0.05688,-0.021,-0.00471,0.05725,-0.01431,-0.02149,-0.00688,-0.01196,-0.04656,-0.02759,-0.03716,0.02342,0.03655,0.02786,-0.03556,0.02953,0.03008,0.02189,-0.01378,-0.07255,-0.00252,0.00826,-0.01358,-0.03863,-0.0664,-0.0134,0.0348,-0.06429,-0.03525,-0.05636,0.01358,0.11829,-0.05381,-0.04304,0.0356,-0.07093,0.02711,0.16364,0.00631,-0.0034,0.07912,-0.0271,-0.01753,-0.02254,0.05575,0.11575,-0.01718,-0.06291,0.07644,0.05548,-0.01711,0.08488,-0.06068,0.05434,0.00935,-0.01138,0.08539,0.01914,-0.00174,-0.01372,-0.01077,-0.06939,-0.07891,0.06422,0.0583,-0.10363,0.03817,0.02725,-0.039,-0.03742,0,-0.1076,-0.00941,0.00631,-0.01017,0.01179,-0.04013,-0.01437,0.00391,0.07952,-0.05192,0.02199,-0.01133,-0.05564,-0.01687,0.08261,0.01329,0.03412,0.03605,-0.00807,-0.11017,0.04279,0.01932,0.03465,0.02005,0.05157,-0.01563,-0.00605,-0.03585,0.00915,0.01558,-0.00668,0.05495,0.11814,0.074,-0.04361,-0.02252,-0.00778,-0.01682,-0.09484,-0.00471,0.03581,0.02686,-0.01311,-0.08991,-0.04663,0.03517,-0.05866,-0.08675,0.00447,-0.02414,-0.0241,0.01039,-0.0334,0.06389,-0.03372,0.01914,-0.0202,-0.05001,0.10288,-0.03933,-0.04365,0.05527,0.0754,0.01005],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. When to use it This approach fits products such as: - business process editors, - marketing or operations automation tools, - AI workflow and agent orchestration builders, - call flow or IVR editors, - data transformation and ETL-style interfaces.","excerpt":"When to use it This approach fits products such as: - business process editors, - marketing or operations automation tools, - AI workflow and agent orchestration builders, - call flow or IVR editors, - data transformation and ETL-style interfaces."},{"chunkId":"/docs/angular-workflow-builder#2","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.1189,0.06117,-0.03425,0.01943,0.00836,0.01439,-0.09746,0.00691,0.03705,0.04553,-0.15339,-0.02599,-0.04785,0.0251,0.0658,0.00507,0.01332,-0.00742,-0.03567,-0.0572,-0.08511,0.00355,-0.02246,-0.0312,0.00546,0.05986,-0.00407,0.00346,0.06935,-0.0538,0.03999,0.03874,0.01477,0.01868,-0.09122,0.10306,0.00586,0.07284,-0.03898,-0.05624,-0.0224,0.02387,-0.02174,-0.05569,-0.08605,-0.06797,-0.0215,-0.0329,-0.09286,0.02167,-0.0523,-0.11493,-0.08077,0.0626,0.06822,0.02817,0.02829,-0.09566,-0.02467,-0.0449,-0.00382,-0.05075,-0.01074,0.00821,0.04799,0.03589,-0.08114,-0.00456,0.02299,-0.01137,0.01049,-0.01839,0.00006,-0.00743,-0.03787,-0.02268,-0.03754,0.00098,0.00753,0.00151,0.03888,0.07663,-0.0243,0.09596,-0.00629,0.04739,0.01715,-0.03351,0.08049,-0.06883,0.01219,0.0827,0.0518,-0.00388,0.07807,0.0017,-0.02296,-0.02262,-0.07885,0.03994,-0.00035,-0.07211,0.07417,-0.0198,-0.00956,-0.03252,-0.01326,-0.02665,-0.00955,0.01837,0.02289,0.05068,0.02008,-0.04899,-0.01529,-0.02095,0.01873,-0.03013,-0.07604,0.13788,-0.03489,0.02796,0.0291,-0.03132,0.06628,-0.01376,0.00546,0,0.05176,0.09759,-0.084,0.04989,0.12922,0.02596,-0.0097,-0.06466,0.05424,-0.00082,0.03113,0.07092,-0.08734,0.06703,0.05605,-0.11126,-0.04209,0.04533,0.0313,0.01369,0.01526,-0.11018,-0.02825,0.10024,0.06938,0.03114,0.05865,0.04101,-0.04783,-0.00835,0.00832,-0.03822,0.03515,0.029,-0.0419,0.0079,-0.07169,-0.08844,0.05561,-0.05538,-0.02015,-0.04184,-0.09031,0.02073,0.01339,-0.02711,-0.05696,0.03504,0.1346,-0.00162,0.03686,0.01975,0.04882,0.008,0.02948,-0.04095,0.00042,0.05401,0.06854,0.09601,-0.01533,0.00568,-0.05487,0.00801,0.03831,0.01153,-0.0169,-0.00949,0.07489,-0.09813,-0.08746,0.02639,0.02354,0.05673,0.03589,-0.01333,0.04477,0.03609,0.0479,-0.04561,-0.06373,0.01287,-0.01376,0.07384,0.08665,-0.09298,-0.02189,0.02012,-0.10586,-0.0156,0.05946,0.02243,0.03151,0.04511,0.07147,0,-0.04072,-0.03521,-0.02143,0.07798,0.05513,-0.04285,-0.00999,-0.00716,0.0431,0.05833,0.01613,0.02849,0.04161,-0.02853,-0.0332,-0.02663,-0.06295,-0.07204,0.06532,-0.06406,0.07986,0.03458,-0.07278,-0.01332,-0.06459,0.06977,-0.04693,-0.05301,0.03443,0.01877,-0.03039,-0.02615,-0.02587,-0.05884,0.01101,-0.02475,-0.00121,0.05203,0.03248,-0.05007,0.01299,0.04773,0.00911,-0.03614,-0.08896,0.03298,-0.01647,-0.00858,-0.05393,-0.06788,-0.01398,0.03889,-0.01016,-0.04725,-0.04333,-0.02788,0.08428,-0.0301,0.02565,0.04267,-0.07915,0.03429,0.08983,0.03645,-0.02071,0.07556,-0.01714,-0.03508,-0.01824,0.07558,0.05298,-0.012,-0.03276,0.05894,0.09812,0.00876,0.08059,-0.04721,0.04942,-0.01875,-0.03758,0.06905,0.02974,-0.01039,0.00784,0.01848,-0.08942,-0.04909,0.0863,0.0818,-0.09985,0.02562,0.03096,-0.03609,-0.00551,0,-0.11595,0.0039,0.00862,-0.04586,0.02563,-0.03761,0.02557,0.01899,0.10069,0.00508,0.05686,-0.0036,-0.06507,-0.06302,0.04102,0.04612,0.01765,0.04566,-0.02609,-0.09702,0.03268,0.01101,0.03016,0.04571,0.04561,-0.03662,0.01584,0.01289,-0.00326,0.03076,-0.01794,0.03759,0.11737,0.08091,-0.06664,-0.0038,-0.06079,-0.03575,-0.06335,0.00808,0.0448,0.0155,-0.02077,-0.06954,-0.07644,0.02037,-0.09027,-0.04952,-0.02862,-0.01809,-0.03146,0.01025,-0.05959,0.02104,-0.03922,0.02969,-0.0141,-0.03157,0.0815,-0.05575,-0.03179,0.07309,0.05369,-0.0299],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. Why Angular-first workflow teams use it - You can reuse Angular forms, validators, dialogs, and Material components inside nodes. - The graph stays in your own state layer, which makes persistence and execution easier. - You can express workflow constraints with connection rules and custom event handlers instead of patching a black-box editor. - It scales from a simple prototype to a richer builder with undo/redo, minimap, layout helpers, and optional performance tooling.","excerpt":"Why Angular-first workflow teams use it - You can reuse Angular forms, validators, dialogs, and Material components inside nodes. - The graph stays in your own state layer, which makes persistence and execution easier. - You can express workflow constraints with connection rules and custom event handlers instead of patching a black-box editor. - It scales from a simple prototype to a richer builder with undo/redo, minimap, layout helpers, and optional performance tooling."},{"chunkId":"/docs/angular-workflow-builder#3","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.0586,0.0137,-0.01313,0.01981,0.01836,0.02054,-0.02775,0.04082,0.02163,0.01117,-0.13586,-0.04618,-0.03249,0.0192,0.0673,0.01833,-0.02702,0.02278,0.0129,-0.02655,-0.04486,-0.04601,0.02195,-0.03944,-0.02053,0.05141,-0.01149,-0.00181,0.05068,-0.10159,0.02298,0.08837,-0.0137,0.03871,-0.08168,0.07246,0.04022,0.07228,-0.04625,-0.0476,0.00993,0.01922,-0.00271,-0.04771,-0.06092,-0.04653,0.0108,-0.0292,-0.05958,0.09108,-0.07439,-0.12717,-0.08165,0.05001,0.05366,0.05149,0.0244,-0.13453,0.02148,-0.03097,0.0284,-0.02729,-0.00854,0.0153,0.03424,0.01972,-0.1039,0.03738,0.02556,-0.03658,0.00846,-0.02979,-0.00802,-0.02284,-0.01819,0.006,0.00214,-0.01422,-0.00102,-0.00013,-0.01653,0.11438,-0.04564,0.07902,-0.0089,0.09059,0.01601,-0.05067,0.01887,-0.05841,0.00797,0.04483,-0.00483,-0.01913,0.08182,-0.02288,-0.0215,-0.03563,-0.10002,0.02554,0.01258,-0.04862,0.0981,-0.02285,-0.03291,-0.04771,-0.0026,0.00992,-0.03934,-0.01296,-0.00233,0.01752,0.02544,-0.06799,-0.03386,-0.01712,-0.03744,-0.03231,-0.02494,0.12249,0.0102,0.05978,0.01433,-0.03966,0.03685,-0.04699,-0.00699,0,0.02909,0.08528,-0.03212,0.08001,0.13325,-0.00927,0.00287,-0.08829,0.03813,0.04532,0.00289,0.0596,-0.07943,0.06647,-0.0397,-0.12654,-0.03779,0.01404,-0.02059,0.0191,0.02154,-0.11455,-0.04995,0.03634,0.05765,0.02511,0.02301,0.08506,-0.04599,0.02344,0.00653,-0.02683,0.04404,0.02947,-0.05743,0.02885,-0.061,-0.11268,0.06319,-0.03986,0.00268,-0.04057,-0.09436,0.0584,0.01975,-0.02997,-0.0311,0.03914,0.13945,0.03932,0.03592,-0.00393,0.03127,-0.00935,0.01833,-0.05829,-0.05151,0.09705,0.03205,0.0679,-0.01223,0.03313,-0.07942,-0.00436,0.06104,0.02643,-0.01368,0.00353,0.11774,-0.09043,-0.09837,0.07837,0.06962,0.0749,0.03123,-0.05403,0.00652,-0.01065,0.06416,-0.00906,-0.08128,0.00152,-0.01266,0.04725,0.11553,-0.05251,-0.00424,0.00954,-0.13665,-0.01359,0.06192,0.04527,0.0565,-0.00008,0.03284,0,-0.08423,-0.00785,-0.01947,0.07654,0.03344,-0.05129,0.03261,-0.00074,0.01938,0.06629,0.03492,0.03797,0.04351,-0.07694,0.01167,-0.02706,-0.03701,-0.09214,0.0576,-0.02785,0.04693,0.02055,-0.06001,-0.02969,-0.08169,0.10325,-0.01644,-0.05425,0.04189,-0.00579,0.00587,-0.04343,-0.02157,-0.03636,0.01745,-0.09905,0.01193,0.0422,0.03204,-0.0258,-0.01214,0.03188,0.02721,-0.02008,-0.06988,0.02025,0.00629,-0.02335,-0.01189,-0.03744,-0.02468,0.0011,-0.05457,-0.04719,-0.01362,0.00845,0.10126,-0.01018,0.03267,0.02031,-0.04935,0.01607,0.09017,0.02623,0.03836,0.04288,-0.02874,-0.02358,-0.00077,0.08782,0.04637,0.04523,-0.02914,0.01259,0.10168,-0.00205,0.10856,-0.04332,0.04843,0.00453,-0.0232,0.07644,-0.00082,0.00799,0.04649,-0.02646,-0.10291,-0.04117,0.05176,0.06824,-0.09416,0.00448,0.02267,-0.04355,-0.01731,0,-0.09451,0.0153,-0.03678,-0.03748,0.00655,-0.0176,-0.00664,0.01108,0.04242,-0.0231,0.05142,0.04788,-0.0522,-0.031,0.113,-0.00268,0.03805,0.07159,-0.04465,-0.11247,0.0214,0.03209,0.02567,0.07858,0.00315,0.0092,-0.01652,0.0006,0.00944,0.01306,0.00402,0.00102,0.08697,0.05413,-0.07883,-0.01557,-0.09345,-0.01478,-0.05271,0.0479,0.06972,0.01959,0.00416,-0.05285,-0.09844,0.04176,-0.07226,-0.04337,-0.07011,0.00116,-0.05638,0.00637,-0.01774,0.01318,-0.01873,0.04514,-0.01077,-0.02163,0.06756,-0.04277,-0.04831,0.08435,0.0529,-0.01563],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. Key capabilities for workflow builders - Palette-driven node creation with fExternalItem - Drag-to-connect with validation and reassign flows - Connection content, markers, and waypoints for more expressive edges - Multi-select, zoom, and viewport navigation for larger diagrams - Layout helpers such as Magnetic Lines and Magnetic Rects f External Item","excerpt":"Key capabilities for workflow builders - Palette-driven node creation with fExternalItem - Drag-to-connect with validation and reassign flows - Connection content, markers, and waypoints for more expressive edges - Multi-select, zoom, and viewport navigation for larger diagrams - Layout helpers such as Magnetic Lines and Magnetic Rects"},{"chunkId":"/docs/angular-workflow-builder#4","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.08344,0.0443,-0.05762,-0.01165,-0.00635,-0.00541,-0.05453,0.06273,0.00673,0.06302,-0.14049,-0.08177,-0.0461,0.01138,0.06899,0.03761,-0.05166,0.01961,-0.03602,-0.06905,-0.03009,0.01238,-0.02277,-0.03821,-0.02362,0.0666,0.01642,-0.00956,0.04614,-0.03796,0.04331,0.05237,0.05031,0.03423,-0.03747,0.076,0.00264,0.04585,-0.00183,-0.05083,0.0032,0.01303,-0.01255,-0.07322,-0.0812,-0.05043,-0.02243,-0.03325,-0.07984,0.03174,-0.10074,-0.12665,-0.0825,0.07817,0.05753,0.00494,0.01273,-0.10833,-0.00931,-0.05758,0.01619,-0.05998,0.00362,0.00055,0.04442,0.01187,-0.12341,0.02124,0.02141,-0.02416,-0.00846,-0.02166,-0.00581,-0.01298,-0.05532,-0.03873,-0.03325,0.01744,0.03506,-0.01497,-0.02293,0.08571,-0.0128,0.07835,-0.01725,0.06563,0.04451,-0.02894,0.04924,-0.05681,0.03958,0.06254,0.00305,-0.00753,0.07046,-0.02026,-0.01603,-0.06027,-0.09351,0.04038,-0.02702,-0.0614,0.0791,-0.04536,-0.00121,-0.02681,0.04061,-0.03972,-0.00118,0.01289,-0.01895,0.04333,0.0162,-0.06318,-0.01258,0.00512,0.03088,-0.00027,-0.05715,0.11846,-0.03409,0.01644,0.01971,-0.01583,0.06434,-0.01157,0.02013,0,0.03864,0.07545,-0.06427,0.02785,0.11226,-0.0257,0.02172,-0.09044,0.05003,0.02064,0.01886,0.03604,-0.08179,0.06171,-0.00434,-0.10437,-0.04888,0.01057,0.04603,0.05592,0.03245,-0.13657,-0.02462,0.05775,0.07195,0.01007,0.04558,0.01383,-0.02419,0.0265,0.02638,-0.04842,0.02827,0.01426,-0.03954,0.02553,-0.0853,-0.0568,0.04061,-0.02477,-0.01597,-0.06583,-0.09652,0.02815,0.03955,-0.02464,-0.05168,0.03269,0.1579,0.02458,0.05173,-0.00788,0.02015,-0.00564,0.02332,-0.0237,-0.06264,0.07577,0.02633,0.06809,-0.0148,0.01488,-0.0566,-0.00223,0.03489,-0.01659,-0.00202,-0.02158,0.08043,-0.08459,-0.07058,0.02826,0.05746,0.07489,0.01334,-0.02106,0.07223,0.02764,0.03564,-0.07156,-0.06498,-0.01297,-0.02357,0.05504,0.12133,-0.05348,-0.02601,0.00281,-0.15063,-0.03048,0.03599,0.04448,0.03773,0.02686,0.05009,0,-0.03008,-0.02813,-0.04126,0.0958,0.03447,-0.02999,0.04588,-0.00451,0.04963,0.06731,0.0101,0.03423,0.03,-0.04403,0.00608,-0.0426,-0.04964,-0.07342,0.1002,-0.01326,0.05894,0.02759,-0.04471,-0.02796,-0.05928,0.05562,-0.03582,-0.03657,0.0346,-0.01661,-0.02497,0.01414,-0.02014,-0.02885,-0.0133,-0.06248,0.03382,0.04277,0.0324,-0.01769,0.03152,0.03012,0.03008,-0.06366,-0.09293,-0.00693,0.01219,-0.01031,-0.06247,-0.05706,-0.00517,0.00529,-0.07522,-0.01627,-0.04158,0.0251,0.11221,-0.03806,0.0015,0.05825,-0.07687,-0.00147,0.10984,0.0372,0.01326,0.06723,-0.04353,-0.00475,-0.01388,0.0508,0.05303,-0.00051,-0.01035,0.08593,0.08387,0.002,0.07088,-0.03475,0.07069,0.00149,0.00294,0.1025,0.00116,0.00389,0.02759,0.03434,-0.07468,-0.09024,0.04998,0.0886,-0.08864,0.04943,0.07476,-0.0673,-0.04925,0,-0.09881,-0.03685,0.02513,-0.02002,0.02798,-0.01952,-0.01883,-0.02221,0.08725,-0.04488,-0.00332,0.02731,-0.05064,-0.03885,0.07777,0.03499,0.04873,0.03518,-0.02271,-0.0797,0.01974,0.00096,0.03394,0.05473,0.04107,-0.01719,0.01863,-0.01933,-0.01993,-0.00344,0.00526,0.04123,0.09771,0.04768,-0.03721,-0.00095,-0.0607,-0.04129,-0.11252,0.02849,0.04407,0.01766,0.00748,-0.11454,-0.04455,0.05547,-0.06233,-0.07257,-0.0456,-0.0033,-0.01667,0.01419,-0.01708,0.04961,-0.04018,0.03034,-0.01404,-0.03232,0.07205,-0.06165,-0.03664,0.13122,0.0448,0.00839],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. Related docs and examples - AI Low-Code Platform Example - Call Workflow Tutorial - Connection Rules Docs - Selection Area Docs - Minimap Docs","excerpt":"Related docs and examples - AI Low-Code Platform Example - Call Workflow Tutorial - Connection Rules Docs - Selection Area Docs - Minimap Docs"},{"chunkId":"/docs/angular-workflow-builder#5","slug":"angular-workflow-builder","route":"/docs/angular-workflow-builder","section":"docs","title":"Angular Workflow Builder","description":"Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later.","group":"Use Cases","vector":[-0.0815,0.02276,-0.049,-0.02583,-0.01433,0.00815,-0.07342,0.02287,0.00623,0.02926,-0.14817,-0.07516,-0.04675,0.03174,0.05068,0.02077,-0.02764,0.03524,-0.01777,-0.0581,-0.0179,0.03197,0.01014,-0.05495,-0.03154,0.07932,0.02293,-0.01875,0.05189,-0.05928,0.08911,0.05104,0.04188,0.02339,-0.0057,0.06983,-0.0074,0.0326,-0.01569,-0.05762,0.00827,0.01786,-0.00148,-0.0625,-0.07102,-0.082,-0.02675,-0.04674,-0.04953,0.02856,-0.08511,-0.13691,-0.04016,0.09158,0.06139,0.00689,-0.0166,-0.14227,-0.03282,-0.08547,0.0401,-0.05386,0.00554,0.01461,0.05001,0.05319,-0.1187,0.01821,0.01571,-0.05015,-0.00739,-0.04331,-0.00209,-0.01068,-0.07146,-0.03371,-0.01337,0.02361,0.03828,-0.00679,0.01928,0.10153,0.00861,0.0931,0.00922,0.07442,0.02862,0.01583,0.04605,-0.09046,0.02828,0.06653,0.01025,-0.00184,0.09112,-0.02201,-0.02752,-0.02034,-0.09161,0.03396,-0.01822,-0.06721,0.08229,-0.02775,-0.01709,0.01154,0.03211,-0.01977,-0.02977,-0.00301,-0.03906,0.05438,0.01114,-0.03934,-0.0047,0.0045,0.00498,-0.01224,-0.05206,0.11492,-0.02325,-0.00708,0.00737,-0.01199,0.07594,0.02544,0.02016,0,0.00921,0.10008,-0.06216,0.03632,0.09319,-0.04191,0.02311,-0.07576,0.04568,-0.01334,0.06012,0.05745,-0.08805,0.045,-0.01299,-0.0966,-0.05285,0.03537,0.06527,0.04419,0.02207,-0.09313,-0.03294,0.06713,0.02914,-0.00051,0.0473,0.01256,-0.05484,0.01018,0.04382,-0.02049,0.00747,0.00624,-0.02425,0.01726,-0.07548,-0.02741,0.04547,-0.03572,-0.02849,-0.03354,-0.07122,0.01585,0.03474,-0.02379,-0.05124,0.01891,0.18551,0.03555,0.09134,-0.01055,0.00296,0.01157,0.04588,-0.01904,-0.03584,0.08542,0.05278,0.06897,-0.02772,-0.02186,-0.04784,-0.03249,0.04459,-0.0183,-0.01936,-0.01151,0.08227,-0.06454,-0.06976,0.01768,0.04332,0.08563,0.0231,-0.0448,0.06664,0.03284,0.02947,-0.04188,-0.0365,0.01775,-0.01012,0.02902,0.11892,-0.07848,-0.0211,0.02791,-0.13171,-0.03336,0.07796,0.03549,0.01737,0.02544,0.05182,0,-0.01465,-0.01678,-0.07354,0.09391,0.00989,-0.05317,-0.00266,-0.00451,0.04323,0.05478,0.02818,0.03358,0.06273,-0.01746,-0.01368,-0.04202,-0.00887,-0.08758,0.08184,-0.0508,0.0615,0.02673,-0.03302,-0.04344,-0.06417,0.09647,0.00133,-0.02929,0.05158,-0.02049,-0.01827,0.02552,-0.03827,-0.02564,0.0051,-0.05263,0.0203,0.06106,0.04766,-0.04481,0.02728,0.0651,0.01942,-0.05459,-0.09481,-0.02082,0.00978,-0.00743,-0.0408,-0.06182,-0.01241,0.01202,-0.0753,-0.01539,-0.02385,0.04565,0.11639,-0.04694,-0.00097,0.03414,-0.08341,0.02897,0.09244,0.01935,-0.01738,0.02693,-0.08313,-0.01108,-0.04069,0.09339,0.01158,0.02351,-0.04227,0.05717,0.06161,0.00594,0.12819,-0.04808,0.08774,-0.02468,-0.02397,0.072,0.00841,0.00405,-0.00125,0.04143,-0.052,-0.11902,0.04351,0.06925,-0.06693,0.00022,0.01764,-0.06833,0.00168,0,-0.10902,-0.03583,0.0074,-0.04939,0.0328,-0.0394,-0.01443,-0.03257,0.09962,-0.03527,0.03394,0.02616,-0.05725,-0.04647,0.03537,0.04151,0.05858,0.03842,-0.03482,-0.08231,0.0226,0.01441,0.04738,0.03434,0.01342,-0.00409,0.03722,-0.03318,0.01697,-0.02418,-0.01787,0.05475,0.09066,-0.0061,-0.01829,-0.02084,-0.02965,-0.02316,-0.04151,0.00697,0.02679,0.0226,0.00102,-0.09901,-0.0537,0.04418,-0.05886,-0.06891,-0.06052,-0.00596,-0.0274,-0.00794,-0.04831,0.04212,-0.07636,0.04279,-0.03237,-0.02524,0.07226,-0.05854,-0.04757,0.08776,0.06262,0.00641],"keywords":"Angular Workflow Builder Angular Workflow Builder Build an Angular workflow builder with Foblex Flow using a simple core flow surface first, then add validation, minimaps, and richer editor features later. GitHub and install For Nx workspaces: Or install it manually with the required companion packages: If you are evaluating architecture first, start with Introducing Foblex Flow and then inspect the workflow-oriented examples. Git Hub","excerpt":"GitHub and install For Nx workspaces: Or install it manually with the required companion packages: If you are evaluating architecture first, start with Introducing Foblex Flow and then inspect the workflow-oriented examples."},{"chunkId":"/docs/angular-diagram-library#0","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[-0.00745,-0.03014,-0.06541,0.00331,0.01472,0.05854,-0.09845,0.09559,0.07508,0.04363,-0.05542,0.02871,-0.07758,0.07932,0.08349,0.02305,-0.01655,-0.00651,0.04453,-0.04479,-0.09016,-0.03703,-0.00432,-0.04014,0.01476,0.03824,-0.00457,0.0293,0.04039,-0.03336,0.01537,0.00854,-0.00264,0.0366,-0.13111,0.09591,0.0685,0.02802,-0.08223,-0.04506,-0.00613,0.0909,0.01803,-0.0336,-0.05456,0.02627,-0.09449,-0.05332,-0.04898,0.09052,-0.07107,-0.095,-0.05677,0.00705,0.07808,-0.00705,0.00105,-0.10469,0.03384,0.01888,-0.02009,0.0178,0.05674,0.06482,0.00926,-0.00605,-0.01997,0.06044,0.03198,-0.03309,-0.02928,-0.0552,-0.00638,0.02547,-0.00978,-0.04092,-0.0222,0.03705,0.00393,-0.09496,0.00021,0.07823,-0.01637,0.06734,-0.06645,0.07705,0.01918,-0.0896,0.02349,-0.03004,0.02601,0.09021,0.03223,-0.02756,0.05408,0.01546,0.03971,-0.03743,-0.12105,0.02342,0.00939,-0.07829,0.09533,-0.01348,-0.01953,-0.03829,0.00519,-0.00511,-0.03161,-0.04368,-0.05217,0.02161,-0.00791,-0.03838,-0.05089,-0.02179,-0.05747,-0.07716,0.04958,0.08288,-0.00431,0.04773,0.0557,0.0153,0.04618,-0.0425,-0.04257,0,0.02065,0.06825,-0.02783,0.02612,0.05193,-0.03578,-0.03267,-0.07463,0.0182,0.01773,0.00415,0.05916,-0.06145,0.09101,0.00882,-0.01531,0.00747,0.02566,-0.03552,-0.03548,0.03007,-0.05487,0.0037,0.07531,0.06349,0.09862,0.02151,0.06702,-0.06724,0.00134,0.01873,-0.00062,-0.02284,-0.02505,-0.01393,-0.0324,-0.06553,-0.08344,0.00449,-0.05495,0.0093,-0.04749,-0.12527,-0.02343,0.01408,0.03387,-0.05197,-0.02773,0.02431,0.02032,0.01664,0.08802,0.02423,0.03629,0.04505,-0.03704,-0.0041,0.02279,-0.00296,0.01739,0.01674,0.07692,-0.01672,-0.04481,0.02107,0.04566,-0.02827,0.00477,0.07429,-0.03429,-0.06949,0.05188,0.0502,-0.01137,0.04903,-0.01652,-0.0233,-0.004,0.00871,-0.00768,-0.08359,-0.13162,0.02336,0.0274,0.05407,-0.09812,0.04442,0.04335,-0.05751,0.00659,0.10527,0.04189,-0.02926,0.05902,0.0428,0,-0.06565,0.06078,0.0414,0.05681,0.01757,-0.04321,0.01719,-0.01602,0.01829,0.04118,0.03193,-0.02166,-0.00109,-0.0499,0.07421,0.00318,-0.01875,-0.11457,0.0388,-0.05276,0.02028,0.02713,-0.02469,-0.05792,0.01926,0.06772,-0.01719,-0.04206,-0.01192,-0.02719,-0.00588,-0.05136,-0.01406,-0.13367,0.00709,-0.07468,0.02205,-0.03115,-0.01932,-0.05214,-0.00857,0.04846,-0.01168,-0.01322,-0.0773,0.07354,-0.02923,0.01445,-0.02196,-0.04273,-0.05345,0.0215,0.03753,-0.13027,-0.00376,0.02375,0.10704,0.07928,-0.00661,-0.03017,-0.08694,-0.01512,0.02721,-0.03955,-0.0163,0.02114,-0.01409,-0.05873,0.0428,0.05451,0.07607,0.07561,-0.01139,0.01801,0.05891,0.04564,0.10159,0.02052,0.06041,-0.03565,-0.02543,0.07177,0.04024,0.03978,0.07233,0.0147,-0.11795,-0.05605,0.02978,0.09481,-0.04229,0.03818,0.0423,0.0888,0.02692,0,-0.11085,0.01578,-0.03018,-0.06776,0.04437,0.00982,-0.00413,0.06722,-0.01212,0.07921,0.03987,0.09143,-0.05033,-0.00579,0.03846,0.00128,0.04017,-0.0168,-0.00017,-0.02302,0.00334,0.02421,-0.03752,0.09221,-0.01454,-0.05596,0.01946,0.01776,-0.00203,-0.05588,-0.04699,0.03635,0.08316,0.10874,-0.00983,0.00056,-0.09645,0.00153,-0.1129,0.01244,0.06282,0.04313,0.02704,-0.03498,-0.07436,0.08143,-0.00282,-0.07356,-0.07653,-0.0192,-0.099,-0.00152,-0.06664,0.00662,-0.03611,0.06138,-0.00881,-0.04495,0.02909,-0.01512,-0.09181,0.03612,0.03203,-0.04679],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. Angular Diagram Library Foblex Flow is not a charting package or a static SVG helper. It is an Angular diagram library for interactive, editable graph UIs. That matters when your users are not just viewing relationships, but actively creating, connecting, moving, and organizing diagram elements. You can still start small. A simple diagram editor only needs the core flow primitives, while features like minimap, waypoints, alignment, caching, or virtualization stay optional. U Is","excerpt":"Angular Diagram Library Foblex Flow is not a charting package or a static SVG helper. It is an Angular diagram library for interactive, editable graph UIs. That matters when your users are not just viewing relationships, but actively creating, connecting, moving, and organizing diagram elements. You can still start small. A simple diagram editor only needs the core flow primitives, while features like minimap, waypoints, alignment, caching, or virtualization stay optional."},{"chunkId":"/docs/angular-diagram-library#1","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[-0.04568,-0.0224,-0.08915,-0.01758,-0.00463,0.02232,-0.03239,0.08582,0.09254,0.0301,-0.05234,0.01781,-0.04147,0.06896,0.09026,0.02077,-0.02379,0.02387,0.02103,-0.035,-0.03055,-0.00873,-0.01392,-0.05307,-0.01445,0.00639,0.01976,-0.00324,0.03344,-0.05534,0.03697,0.01878,-0.00496,0.01118,-0.12505,0.05498,0.04628,-0.02604,-0.0676,-0.04058,0.01619,0.07993,0.0246,-0.03956,-0.0624,-0.01551,-0.09473,-0.01843,-0.05267,0.08785,-0.08694,-0.09295,-0.04246,0.02418,0.05028,-0.00903,-0.01974,-0.0991,0.02869,0.01144,-0.02415,0.02806,0.02672,0.08254,0.0111,0.01549,-0.08028,0.05059,0.05025,-0.02895,-0.02809,-0.07844,0.02692,-0.00721,0.03243,-0.03004,-0.0165,0.09949,0.00642,-0.08004,-0.00467,0.08715,-0.02038,0.05844,-0.04727,0.08313,0.00328,-0.07284,0.00943,-0.05159,0.03525,0.05555,0.02743,0.01251,0.06015,0.00272,0.05577,-0.03293,-0.10772,0.0398,-0.0091,-0.07809,0.08885,-0.01414,-0.08274,-0.05193,-0.01103,0.01377,-0.04673,-0.05366,-0.04966,-0.0042,-0.0017,-0.05849,-0.04032,-0.057,-0.06088,-0.06693,0.06089,0.0523,-0.03814,0.0137,0.0406,0.02922,0.06481,-0.03208,-0.07278,0,-0.01164,0.04442,-0.03764,0.04051,0.05608,-0.04507,-0.02243,-0.08152,0.04574,0.03311,0.01416,0.08958,-0.05713,0.06868,0.00448,-0.03802,-0.00279,0.04027,0.00736,0.01653,0.07515,-0.05041,0.01092,0.0965,0.07655,0.13247,0.00956,0.03217,-0.06777,0.03714,0.05808,0.01252,-0.01882,-0.02556,-0.01804,-0.00558,-0.07894,-0.06805,-0.0042,-0.03635,0.0122,-0.07196,-0.13436,0.02115,-0.00028,-0.02196,-0.07488,-0.01242,0.04376,0.03341,0.03729,0.04741,0.0242,0.01649,0.06232,-0.0529,-0.04472,0.0582,0.02251,0.04309,0.01969,0.06585,-0.02823,-0.05734,0.01736,0.02842,-0.03859,-0.01474,0.08105,-0.01482,-0.08005,0.04353,0.01716,0.03266,0.03493,-0.03719,-0.0444,0.01607,0.0403,0.00656,-0.07932,-0.1125,0.00207,0.0026,0.09509,-0.08876,0.03059,0.00112,-0.08898,0.01227,0.10815,0.0407,-0.04636,0.0635,0.0708,0,-0.0292,0.02688,0.01806,0.06062,0.01896,-0.0797,0.02689,-0.02817,0.02188,0.03661,0.03389,0.03171,0.00736,-0.01485,0.07628,-0.02504,-0.00965,-0.154,0.02635,-0.04014,-0.01109,0.03201,-0.01371,-0.08697,-0.0511,0.06991,-0.02908,-0.05001,0.00923,0.00261,-0.0002,-0.02009,-0.00699,-0.07994,-0.02364,-0.08983,0.04191,-0.0005,-0.00066,-0.1045,0.02448,0.00748,-0.02526,-0.02839,-0.07678,0.04735,-0.04991,0.01444,0.00377,-0.03474,-0.02354,0.01422,0.04835,-0.11406,-0.00529,0.01994,0.09921,0.03294,-0.00383,-0.01686,-0.07412,-0.02103,0.05922,-0.03252,-0.01457,0.03844,-0.03652,-0.0636,0.03856,0.06984,0.0697,0.08679,-0.04196,0.04906,0.05672,0.0526,0.08586,0.01518,0.04121,-0.01909,-0.05379,0.06874,0.02472,0.03456,0.05248,0.00418,-0.11438,-0.05153,0.04623,0.05934,-0.02782,0.01989,0.0118,0.06777,0.03947,0,-0.13052,0.02928,-0.02123,-0.05223,0.0089,0.03222,-0.00952,0.05127,0.01122,0.03705,0.0276,0.1232,-0.01719,0.00529,0.07483,0.01432,0.04352,-0.02003,0.01201,-0.0397,-0.00753,0.00861,0.03424,0.10729,-0.00444,-0.03612,0.01114,0.00266,-0.02979,-0.02298,-0.03041,0.00958,0.05628,0.10351,-0.00164,-0.03009,-0.09773,-0.04097,-0.08273,-0.01462,0.06074,0.03836,0.01234,-0.03495,-0.0258,0.08503,-0.00798,-0.028,-0.08047,0.01902,-0.13431,0.01736,-0.11464,0.02267,-0.04718,0.03602,-0.0029,-0.05303,0.00076,0.00104,-0.08339,0.03355,0.03924,-0.05089],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. When to use it Use it for Angular diagram interfaces such as: - custom architecture diagrams, - UML or domain-specific modeling tools, - relationship editors, - interactive system maps, - large canvases with draggable connected elements.","excerpt":"When to use it Use it for Angular diagram interfaces such as: - custom architecture diagrams, - UML or domain-specific modeling tools, - relationship editors, - interactive system maps, - large canvases with draggable connected elements."},{"chunkId":"/docs/angular-diagram-library#2","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[-0.01386,-0.03961,-0.06108,-0.02205,0.00858,0.02791,-0.06254,0.09436,0.04251,0.04947,-0.0404,0.0474,-0.02469,0.06866,0.13054,0.03326,0.01379,-0.01398,0.03227,-0.06511,-0.03694,-0.01346,0.00122,-0.0643,0.00086,0.03496,0.00787,0.00265,0.0548,-0.02121,0.00248,-0.00056,-0.03393,0.02293,-0.15536,0.06401,0.04915,-0.00461,-0.062,-0.03563,0.02533,0.066,-0.01306,-0.03473,-0.04096,-0.01882,-0.12492,0.01064,-0.09198,0.08987,-0.09633,-0.09389,-0.07662,0.00861,0.05465,-0.01511,-0.01877,-0.0675,0.04131,0.01364,-0.01339,0.00471,0.03449,0.04855,0.02047,0.01431,-0.04192,0.03855,0.05192,-0.00443,-0.01789,-0.07722,0.03037,0.00182,-0.01456,-0.0603,-0.0199,0.06044,-0.01212,-0.05202,-0.00067,0.09746,-0.00994,0.06033,-0.04509,0.08139,0.00324,-0.08112,-0.01081,-0.03902,0.01734,0.02488,0.04946,-0.00689,0.03486,0.00745,0.04058,-0.02598,-0.1008,0.03324,-0.00564,-0.08509,0.08501,-0.02881,-0.06621,-0.01646,-0.01585,-0.00281,-0.02826,-0.00875,-0.04636,0.01765,-0.02902,-0.07718,-0.06404,-0.04874,-0.06638,-0.06363,0.05392,0.06762,-0.03987,0.04528,0.06953,-0.00142,0.07095,-0.01333,-0.05862,0,-0.00389,0.05536,-0.02712,0.01304,0.04895,-0.00598,-0.07276,-0.07755,0.06124,0.04113,0.0393,0.06518,-0.06251,0.04925,0.03492,-0.04319,0.03232,-0.00166,0.01148,-0.00702,0.02072,-0.06991,-0.00273,0.11306,0.07316,0.07987,0.0305,0.07309,-0.02834,0.01535,0.07012,-0.00237,0.03798,-0.00756,-0.03054,-0.04291,-0.07022,-0.10217,0.02789,-0.04692,0.01271,-0.06211,-0.1266,0.04696,-0.00173,0.04039,-0.07642,-0.01918,0.0182,0.01475,0.00949,0.0597,0.03902,0.00167,0.05067,-0.06757,-0.03796,0.04891,0.01399,0.04281,0.02562,0.04879,-0.00298,-0.04475,-0.01195,0.05423,-0.05054,-0.02327,0.08588,-0.0319,-0.06582,0.04171,0.01912,0.04693,0.04604,-0.02125,-0.04307,0.00946,0.01861,0.0253,-0.07925,-0.10727,0.00346,0.0596,0.07736,-0.11444,0.0251,0.00224,-0.02718,-0.00661,0.09328,0.03783,-0.04066,0.08965,0.08926,0,-0.04911,0.05018,0.01725,0.06228,0.02071,-0.07447,0.0161,-0.04527,0.03005,0.04654,0.0394,0.01711,-0.00497,-0.03792,0.0318,-0.0142,-0.00725,-0.11978,0.05332,-0.03525,0.01966,0.0288,-0.06161,-0.07426,-0.02825,0.0896,-0.03628,-0.05482,0.00642,0.02184,-0.00187,-0.03817,0.04767,-0.07047,-0.01528,-0.06736,0.03983,-0.02601,-0.02806,-0.09974,0.01124,0.00417,0.00621,-0.01613,-0.07044,0.04624,-0.02632,0.02697,-0.04138,-0.02814,-0.03473,0.03873,0.04717,-0.1297,-0.02275,-0.00516,0.09966,0.04684,0.01458,-0.01419,-0.04786,-0.0103,0.03438,-0.00996,-0.02435,0.01734,0.00233,-0.06227,0.06751,0.03416,0.05315,0.09058,-0.02201,0.02585,0.08116,0.05776,0.08541,0.01,0.02059,-0.02982,-0.02531,0.08654,0.02345,0.02271,0.05374,0.04337,-0.12028,-0.05063,0.04934,0.09867,-0.02726,0.01332,0.00419,0.09092,0.01971,0,-0.13404,0.03994,-0.00591,-0.05251,0.03693,0.0106,-0.00129,0.04382,0.01819,0.09172,0.00327,0.11739,-0.07095,-0.0085,0.07608,0.02006,0.02812,0.00351,0.00398,-0.00486,-0.00056,-0.00616,0.0094,0.1157,-0.0101,-0.0476,-0.00374,0.00323,-0.02716,0.00744,-0.06428,-0.00978,0.07305,0.08681,-0.03774,-0.05601,-0.1012,-0.03807,-0.0735,0.02382,0.07172,-0.00824,0.03879,-0.02034,-0.05806,0.09006,-0.01338,-0.04237,-0.04543,0.02281,-0.103,-0.01071,-0.09025,-0.03265,-0.03871,0.03781,-0.00249,-0.03013,0.00587,-0.00329,-0.08791,0.03457,0.04201,-0.07101],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. Why it differs from generic diagram widgets - The core path is small enough for normal Angular product screens, not only advanced graph tools. - Nodes can contain real Angular UI, not only labels and icons. - Connections are first-class and support markers, content, and editable routing. - Users get editor behaviors such as zoom, selection, minimap, and snapping. - You can define domain-specific rules instead of accepting a fixed diagram grammar.","excerpt":"Why it differs from generic diagram widgets - The core path is small enough for normal Angular product screens, not only advanced graph tools. - Nodes can contain real Angular UI, not only labels and icons. - Connections are first-class and support markers, content, and editable routing. - Users get editor behaviors such as zoom, selection, minimap, and snapping. - You can define domain-specific rules instead of accepting a fixed diagram grammar."},{"chunkId":"/docs/angular-diagram-library#3","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[0.00075,-0.04858,-0.09836,0.01041,-0.04319,0.03869,-0.04926,0.09126,0.01562,0.05974,-0.02198,0.04473,-0.03974,0.0702,0.07638,0.04449,-0.0267,0.01213,0.03243,-0.04995,-0.02965,-0.05035,0.01987,-0.07436,-0.01817,-0.01844,0.02571,-0.01524,0.03839,-0.0534,0.01906,-0.01772,-0.03081,0.00996,-0.10845,0.01876,0.05366,-0.00726,-0.0347,-0.01124,0.02107,0.07775,0.01793,-0.04393,-0.04504,0.00896,-0.10863,0.02406,-0.04063,0.08892,-0.09293,-0.0939,-0.05568,-0.00789,0.07319,-0.01139,-0.02771,-0.07412,0.03683,0.01267,0.01803,-0.00094,0.01695,0.04189,-0.01539,0.015,-0.03029,0.05878,0.03584,-0.00479,-0.04599,-0.06967,0.00426,-0.01528,0.00687,-0.02174,-0.01337,0.07048,-0.01743,-0.06741,-0.01019,0.11952,-0.01168,0.10002,-0.0594,0.05226,-0.00651,-0.07178,0.025,-0.04996,0.0245,0.01606,0.01633,0.01022,0.04069,0.0187,0.02255,-0.04077,-0.11535,0.01376,-0.00159,-0.08097,0.07205,-0.03216,-0.07489,-0.00596,-0.02952,0.02184,-0.04607,-0.03201,-0.05108,0.00933,-0.02807,-0.0617,-0.04894,-0.02194,-0.07828,-0.04541,0.08121,0.07434,-0.02627,0.01176,0.07544,0.01993,0.05945,-0.04134,-0.04606,0,-0.01434,0.07971,-0.03543,0.0533,0.0769,-0.01822,-0.03901,-0.05991,0.04201,0.06045,-0.02208,0.06255,-0.07911,0.04191,-0.00424,-0.07822,0.01869,0.03145,-0.01506,-0.00046,0.0392,-0.05355,-0.003,0.07814,0.10892,0.10239,0.01696,0.05375,-0.053,0.01622,0.06496,0.00422,-0.03457,-0.00099,-0.03074,-0.00969,-0.06902,-0.09891,-0.00157,-0.01233,0.00775,-0.07879,-0.13402,0.03193,-0.02368,0.01612,-0.07377,-0.00424,0.0276,0.05042,-0.02663,0.0734,0.01963,0.00484,0.05717,-0.10057,-0.07295,0.07031,0.02137,0.05896,0.02904,0.04845,-0.03027,-0.04099,-0.00323,-0.00384,-0.05318,-0.02745,0.11177,-0.01632,-0.08472,0.05436,0.05706,0.04662,0.00356,-0.03693,-0.07273,0.00891,0.03248,-0.0042,-0.10474,-0.09332,0.02886,0.02324,0.07942,-0.11535,0.02384,0.00001,-0.07504,-0.00099,0.08894,0.05613,-0.00636,0.06098,0.07326,0,-0.02632,0.05789,0.03244,0.0445,0.00662,-0.075,0.05717,-0.04569,0.0363,0.04649,0.02613,0.03037,0.03887,-0.03115,0.04871,-0.02647,-0.00153,-0.11243,0.05599,-0.02615,0.00278,0.04127,-0.04172,-0.08974,-0.00826,0.09214,0.01296,-0.05482,0.00875,0.05881,-0.00523,-0.03642,0.03921,-0.05097,-0.02842,-0.06421,0.02914,0.03212,0.0041,-0.09059,0.03386,0.00313,0.00452,-0.02586,-0.0565,0.03164,-0.03909,0.02433,-0.05013,-0.03036,-0.03767,0.01596,0.04501,-0.11373,-0.0134,0.03433,0.08281,0.02727,-0.00163,-0.00283,-0.04866,-0.02594,0.05302,0.00106,-0.01952,0.00959,-0.00157,-0.09678,0.03858,0.04956,0.02603,0.0761,0.00337,0.03837,0.09115,0.04081,0.06514,0.01827,0.04943,-0.01018,-0.02161,0.0635,0.00125,0.01624,0.03365,0.04718,-0.1146,-0.01243,0.05014,0.10011,-0.019,0.00664,0.01783,0.06163,0.0249,0,-0.12543,0.05187,-0.01995,-0.03762,0.0455,0.02757,0.01612,0.06801,-0.01439,0.06563,0.03321,0.14317,-0.03434,0.01933,0.09242,0.02052,0.02716,-0.02009,-0.00233,-0.02027,-0.01011,-0.01871,0.03507,0.12659,-0.01605,-0.03931,-0.03602,0.02635,-0.0136,-0.01436,-0.03573,-0.01886,0.07137,0.08926,-0.02581,-0.00063,-0.13144,-0.00847,-0.05155,0.04344,0.05294,0.02347,0.02448,-0.01622,-0.04188,0.07028,-0.03049,-0.00128,-0.09336,0.00567,-0.12338,0.01108,-0.0878,-0.01482,-0.03726,0.05276,-0.00105,-0.04643,-0.00213,0.02197,-0.10107,0.05593,-0.00501,-0.0682],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. Key capabilities - Node, group, connector, and connection primitives - Multiple connection types and explicit routing controls - Magnetic alignment and spacing helpers - Connection waypoints for manual path shaping - Programmatic viewport controls for large diagrams","excerpt":"Key capabilities - Node, group, connector, and connection primitives - Multiple connection types and explicit routing controls - Magnetic alignment and spacing helpers - Connection waypoints for manual path shaping - Programmatic viewport controls for large diagrams"},{"chunkId":"/docs/angular-diagram-library#4","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[-0.0305,-0.02787,-0.09427,0.01619,-0.0171,0.00262,-0.06907,0.05521,0.05476,0.0293,-0.05467,0.04576,-0.05552,0.06994,0.11279,0.04599,-0.00731,0.01933,0.04436,-0.05642,-0.02984,-0.04367,0.01798,-0.04802,-0.02544,0.01605,0.05958,0.02875,0.05596,-0.08316,0.06315,-0.02275,0.00589,0.01069,-0.12261,0.05015,0.05247,0.002,-0.07805,-0.01297,0.03518,0.08553,0.01938,-0.04474,-0.04009,-0.03019,-0.16171,0.00463,-0.01809,0.08208,-0.07975,-0.09218,-0.04261,-0.0099,0.02157,-0.02738,-0.02484,-0.07571,0.01388,-0.01034,0.0105,0.00193,0.01662,0.04062,-0.02421,0.02654,-0.05186,0.06979,0.05805,-0.00797,-0.02645,-0.09104,0.03054,-0.03225,0.01753,-0.02215,-0.01008,0.08926,-0.0026,-0.08959,-0.00377,0.07393,-0.02201,0.07494,-0.07323,0.04797,-0.01282,-0.07614,-0.00821,-0.05366,0.00353,0.03122,-0.03386,-0.01493,0.07786,0.0352,0.03759,-0.04476,-0.08568,0.02541,-0.01016,-0.05616,0.07378,-0.0271,-0.05002,-0.0151,-0.04141,0.02179,-0.04655,-0.02103,-0.02439,0.02128,-0.00152,-0.02407,-0.03824,-0.07329,-0.0382,-0.0894,0.06204,0.06357,0.00324,0.04293,0.05001,0.04087,0.05406,-0.04021,-0.00934,0,0.02604,0.03495,-0.0434,0.01335,0.08269,-0.04211,-0.03005,-0.05235,0.02181,0.07053,0.00935,0.05891,-0.06273,0.03177,-0.01315,-0.09714,0.02792,0.03921,0.00553,-0.00301,0.03586,-0.04046,-0.00764,0.09866,0.08213,0.11627,0.01088,0.03521,-0.05384,0.02293,0.09113,0.0023,-0.02911,-0.00288,-0.05548,0.01458,-0.10744,-0.03559,0.0142,-0.04062,0.05361,-0.08117,-0.0956,0.02849,-0.02416,0.02281,-0.08352,0.01861,0.06475,0.04007,-0.0231,0.04296,0.03193,0.03241,0.06906,-0.08354,-0.07614,0.06591,0.00215,0.02806,0.02459,0.07243,-0.04953,-0.04979,-0.03993,-0.04311,-0.07574,-0.03257,0.0537,0.00668,-0.03545,0.08677,0.03347,0.03289,-0.02103,-0.03321,-0.05811,0.02918,0.02975,0.01147,-0.08417,-0.11939,0.00633,0.02676,0.08536,-0.05288,0.05856,0.00924,-0.08651,-0.00837,0.08128,0.0557,-0.00022,0.04275,0.11181,0,-0.01626,0.02686,0.0377,0.05732,0.01392,-0.03823,0.03674,0.00941,0.01637,0.07854,0.00186,0.03451,0.00724,-0.03169,0.07824,-0.03529,0.00992,-0.08184,0.07368,0.01455,-0.01727,0.0544,-0.06625,-0.09716,0.00756,0.08683,-0.00596,-0.03104,-0.02665,0.02588,0.00375,-0.00715,0.02087,-0.05046,-0.0407,-0.06907,0.03551,0.04682,-0.04116,-0.10881,0.01909,0.00848,-0.02608,-0.03088,-0.0378,0.0721,-0.06556,0.02769,-0.0482,-0.05006,-0.03961,0.01025,0.04117,-0.08844,-0.02706,0.02485,0.0918,0.01461,-0.00764,-0.01472,-0.0548,-0.01809,0.05105,-0.02038,-0.02061,-0.01073,-0.05309,-0.06369,-0.01399,0.04035,0.00729,0.08803,-0.03064,0.031,0.11185,0.05659,0.08156,0.01482,0.04178,-0.0226,-0.05766,0.04709,-0.01157,0.05474,0.04906,0.06569,-0.10002,-0.01316,0.02369,0.13344,-0.05684,0.02151,0.01819,0.05474,0.0468,0,-0.1176,0.01755,-0.01186,-0.03885,-0.00997,0.03962,0.00179,0.05948,-0.0109,0.03333,-0.00042,0.14243,-0.02228,0.02533,0.04523,0.03951,0.04894,-0.01506,0.0193,-0.02978,-0.02303,-0.00019,0.03453,0.12658,0.00117,-0.00475,0.0058,0.01359,-0.00827,-0.04642,-0.05236,-0.02052,0.07565,0.08062,0.0102,-0.04132,-0.07273,-0.014,-0.08145,0.01033,0.0431,0.01157,0.01517,-0.03082,-0.00972,0.08937,-0.01194,-0.02141,-0.07233,-0.00509,-0.13412,-0.02575,-0.09578,-0.00502,-0.03365,0.03666,-0.00604,-0.05989,0.00357,0.02075,-0.06048,0.08138,0.00948,-0.04463],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. Related docs and examples - UML Diagram Example - Dagre Layout Example - ELK.js Layout Example - Connection Waypoints Example - Background Docs","excerpt":"Related docs and examples - UML Diagram Example - Dagre Layout Example - ELK.js Layout Example - Connection Waypoints Example - Background Docs"},{"chunkId":"/docs/angular-diagram-library#5","slug":"angular-diagram-library","route":"/docs/angular-diagram-library","section":"docs","title":"Angular Diagram Library","description":"Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior.","group":"Use Cases","vector":[-0.0651,-0.02953,-0.01041,-0.01625,-0.00101,0.01822,-0.07052,0.07235,0.03366,0.00017,-0.10594,-0.01576,-0.03477,0.08768,0.06827,0.03218,0.06757,-0.01513,0.06854,-0.04494,-0.02585,-0.03097,0.01202,-0.08505,0.01499,0.07092,0.0673,0.02475,0.09632,-0.07941,0.06533,0.01451,-0.02233,0.03703,-0.07332,0.00847,0.03695,0.02703,-0.10842,-0.01004,0.00188,0.12215,0.00584,-0.05459,-0.0198,-0.04292,-0.08119,-0.03397,-0.02756,0.09747,-0.07279,-0.12995,-0.00874,-0.00932,0.03578,0.01742,0.00611,-0.1169,0.02717,0.00253,0.03523,0.03376,0.07343,0.0578,0.03084,0.03988,-0.04377,0.05833,0.04747,0.00921,-0.02001,-0.06098,0.02843,-0.08174,-0.0347,-0.02692,0.00392,-0.00131,-0.01388,-0.09844,0.00269,0.07494,-0.03866,0.07993,-0.06665,0.046,-0.01925,-0.05154,-0.02691,-0.03746,0.0016,0.02717,-0.00416,-0.02286,0.07558,0.00977,0.01392,-0.03551,-0.13892,0.01989,0.01563,-0.07807,0.08756,0.00808,-0.06496,-0.0225,0.01198,0.02947,-0.05656,-0.01551,-0.02852,0.03037,-0.02372,-0.00345,-0.08079,-0.03765,-0.04992,-0.10111,0.0466,0.09044,0.02496,0.05359,0.04443,0.0573,0.10245,-0.00912,-0.04212,0,0.02173,0.06105,-0.0431,0.0194,0.0455,-0.02388,-0.00647,-0.05671,0.03051,0.061,-0.01354,0.04832,-0.07536,0.06417,-0.02894,-0.07303,0.04507,0.01486,-0.07065,0.009,0.00213,-0.04976,-0.05058,0.05309,0.01599,0.10791,-0.00227,0.08657,-0.09387,0.00917,0.02481,0.00779,0.01038,0.01002,-0.05346,-0.01379,-0.07864,-0.08534,0.05548,-0.01248,-0.05022,0.0108,-0.02498,0.02041,0.01166,0.03596,-0.09065,-0.02219,0.04587,0.02394,0.02568,0.09011,0.07956,0.00857,0.04866,-0.09808,-0.03356,0.01113,0.06267,0.04506,0.01136,0.049,-0.08196,-0.0614,-0.02655,0.05769,-0.01833,0.0025,-0.00756,0.00117,-0.05182,0.08809,0.07281,0.03401,0.02666,-0.02594,-0.01184,-0.00031,-0.01966,-0.0109,-0.06555,-0.0578,0.01069,-0.02833,0.06349,-0.09571,0.01982,0.05384,-0.05669,0.04956,0.07699,-0.00133,0.01815,0.03072,0.07068,0,-0.05184,0.02763,-0.00532,0.04742,0.03348,-0.05444,0.00656,0.01562,0.03002,0.00884,-0.00063,0.05176,0.02555,-0.03575,0.05049,0.0162,-0.01331,-0.08278,0.06086,-0.08252,0.04012,0.07032,-0.08016,-0.10074,-0.02442,0.09654,-0.05647,-0.02348,-0.01319,0.03305,0.00438,-0.03313,0.00089,-0.07736,-0.02951,-0.04325,-0.01097,0.03016,-0.05102,-0.07127,-0.02581,0.03082,-0.01045,0.02158,-0.05122,0.09412,-0.06462,-0.02406,-0.00356,-0.03842,-0.07778,0.01136,0.03147,-0.08292,-0.01193,0.02694,0.06298,0.04146,-0.01922,-0.01253,-0.05172,0.0083,0.00015,-0.0682,-0.05512,-0.00693,-0.06442,-0.07582,0.04641,0.08761,0.01243,0.09572,-0.03054,0.04923,0.06928,0.06994,0.12849,0.03965,0.07192,-0.02958,-0.03886,0.06626,-0.00386,0.06013,0.0834,0.03637,-0.11097,-0.06186,0.03055,0.07597,-0.00639,-0.0355,-0.00776,0.04726,0.03309,0,-0.06931,0.00052,0.01486,-0.0725,0.00409,0.01328,0.02963,0.02588,0.00045,-0.01082,0.02749,0.06591,-0.03294,0.00289,0.03995,0.06137,0.04812,-0.01103,-0.01475,-0.05955,0.00142,0.01967,0.01884,0.10869,-0.05091,-0.00848,0.06818,0.00136,0.01316,-0.0381,-0.09662,0.03423,0.05252,0.08263,0.01123,-0.05511,-0.09334,-0.0111,-0.06462,0.02694,0.03998,0.05017,0.03157,-0.05117,0.0043,0.0587,0.00554,-0.0666,-0.06134,0.04206,-0.11431,-0.01936,-0.1211,0.03598,0.00969,0.00314,-0.02339,-0.04933,0.00988,0.01292,-0.04525,0.02169,0.01425,-0.03947],"keywords":"Angular Diagram Library Angular Diagram Library Use Foblex Flow as an Angular diagram library when you need interactive diagrams with a simple starting path and room for richer graph behavior. GitHub and install For Nx workspaces: Or install it manually with the required companion packages: If you want layout engines on top of the core diagram surface: or: If your app already owns Flow styling, both layout packages also support --skipTheme. Use Dagre for lighter hierarchical layouts and ELK.js when you need a richer algorithm set and more tuning options. If you need a diagram surface that still behaves like an Angular product screen, Foblex Flow is a better fit than a static renderer. Git Hub skip Theme","excerpt":"GitHub and install For Nx workspaces: Or install it manually with the required companion packages: If you want layout engines on top of the core diagram surface: or: If your app already owns Flow styling, both layout packages also support --skipTheme. Use Dagre for lighter hierarchical layouts and ELK.js when you need a richer algorithm set and more tuning options. If you need a diagram surface that still behaves like an Angular product screen, Foblex Flow is a better fit than a static renderer."},{"chunkId":"/docs/angular-ai-agent-builder#0","slug":"angular-ai-agent-builder","route":"/docs/angular-ai-agent-builder","section":"docs","title":"Angular AI Agent Builder","description":"Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo.","group":"Use Cases","vector":[-0.09031,-0.01208,-0.07002,0.02604,0.05048,0.00551,-0.08434,0.0289,0.0153,0.04847,-0.10723,-0.05732,-0.0038,-0.01614,0.10485,0.09178,0.01695,0.04108,0.01092,-0.05341,-0.02149,0.00984,0.00632,-0.04978,-0.01841,0.03833,0.0342,-0.03803,0.07324,-0.03719,0.01863,0.05131,0.00416,0.0595,-0.07683,0.13867,-0.0461,0.01694,-0.01568,-0.05249,0.03604,0.04539,-0.02252,-0.1298,-0.0144,-0.04352,-0.07819,-0.05167,-0.07529,0.05386,-0.13071,-0.13762,-0.07673,0.01632,-0.02197,0.00142,0.05107,-0.05906,-0.00972,0.00152,0.02956,-0.02476,0.01838,0.05096,0.04398,0.0607,-0.10054,0.07112,-0.01911,-0.09801,-0.00641,-0.05812,-0.01025,-0.03537,-0.00103,-0.01882,-0.04833,0.03166,0.06032,-0.03848,-0.04005,0.03025,-0.00214,0.1156,-0.01376,0.13487,0.05716,-0.02537,0.04399,0.00281,0.00185,0.00753,0.0487,0.04315,0.09435,0.0461,-0.01716,-0.05332,-0.0904,0.04237,-0.07422,-0.05907,0.05588,-0.02626,-0.06627,-0.00879,0.05196,-0.03257,-0.00699,-0.02677,0.00032,0.02952,0.0219,-0.0997,0.02507,-0.04682,0.02402,0.00413,0.03917,0.09759,0.03291,0.00036,0.01082,0.01884,0.12801,0.00385,-0.01232,0,0.04809,0.05175,-0.03043,0.04688,0.11728,-0.00664,0.07679,-0.0668,-0.03336,0.02483,0.00039,0.05424,-0.06854,0.06873,0.01446,-0.12955,-0.01246,0.01072,-0.0296,-0.00035,0.03306,-0.06222,-0.00654,0.04945,0.07478,0.07602,0.01907,-0.01958,-0.02339,0.02682,0.02245,0.04203,-0.01438,0.04605,-0.07221,0.02734,-0.12163,-0.05868,-0.01644,0.02074,-0.00599,-0.03972,-0.07305,-0.03587,-0.02399,-0.07364,-0.05667,0.00372,0.09698,0.0307,0.03221,0.07473,0.01937,0.01575,0.05205,-0.05521,-0.01589,0.05829,0.02674,0.03763,0.01453,0.03694,-0.01106,0.02974,0.05244,0.02077,0.02642,-0.01157,0.10129,-0.04182,-0.04244,0.03168,-0.00787,0.04656,-0.01863,-0.08142,-0.02754,-0.02195,0.08298,-0.05718,-0.02829,-0.00645,-0.03267,0.02892,0.09546,-0.05393,-0.08796,-0.06697,-0.0807,0.01432,0.02174,0.00029,-0.01891,0.04229,-0.01282,0,-0.0191,-0.01942,-0.05865,0.0881,0.01883,-0.07297,-0.01187,-0.01149,0.0537,0.08916,0.05186,0.04198,-0.01294,-0.00156,0.01272,-0.03584,0.01338,-0.12721,0.09146,-0.0282,0.07033,0.04286,0.00229,-0.03503,-0.05483,0.03127,0.0042,0.0332,0.03754,-0.01408,0.0142,-0.00434,-0.05248,-0.05314,-0.0552,0.01682,0.05866,0.06154,-0.02787,-0.05692,0.05391,-0.04526,0.00082,-0.02246,-0.0921,-0.00413,-0.04822,0.01456,-0.0473,-0.02836,-0.02125,0.03387,-0.00997,-0.07919,-0.11784,-0.00447,0.0853,-0.01233,-0.03153,0.01118,-0.01965,-0.00393,0.03686,-0.02234,0.00208,0.05329,-0.07736,0.01837,-0.02281,0.00174,0.0586,-0.0007,-0.04552,0.03244,0.05779,0.01438,0.0429,-0.0699,0.05469,-0.02953,-0.01419,0.06494,-0.0128,0.02434,0.02235,0.04117,-0.10402,-0.00083,0.06062,0.0677,-0.08632,0.05402,-0.00391,-0.01961,-0.05772,0,-0.08421,0.01385,-0.00048,-0.0095,0.02833,-0.02049,-0.03699,0.03084,0.02778,-0.0124,0.04675,0.02629,-0.05955,0.01451,0.1072,-0.00046,-0.05501,0.02813,-0.03453,-0.10156,0.05868,0.03765,0.00957,0.0353,0.04568,-0.05555,-0.03169,0.01429,-0.05404,0.06307,0.00413,0.07674,0.0877,0.02026,-0.02567,0.04954,-0.02184,-0.06936,-0.03732,-0.01639,0.04588,0.03197,0.00835,-0.0545,-0.03791,0.03328,-0.03014,-0.11696,0.03778,-0.04983,-0.06696,-0.01255,-0.07837,0.07852,0.02908,0.02211,0.0072,-0.05805,0.08013,0.02857,-0.0279,0.01781,0.06933,-0.02927],"keywords":"Angular AI Agent Builder Angular AI Agent Builder Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo. Angular AI Agent Builder Visual AI builders — agent pipelines, RAG flows, prompt chains, low-code LLM tools — are node editors underneath: steps with configuration, wires with meaning, validation on what may connect to what. Foblex Flow gives Angular teams that editor layer, while your application keeps the semantics: which node is a model call, what flows through an edge, and what happens on run.","excerpt":"Angular AI Agent Builder Visual AI builders — agent pipelines, RAG flows, prompt chains, low-code LLM tools — are node editors underneath: steps with configuration, wires with meaning, validation on what may connect to what. Foblex Flow gives Angular teams that editor layer, while your application keeps the semantics: which node is a model call, what flows through an edge, and what happens on run."},{"chunkId":"/docs/angular-ai-agent-builder#1","slug":"angular-ai-agent-builder","route":"/docs/angular-ai-agent-builder","section":"docs","title":"Angular AI Agent Builder","description":"Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo.","group":"Use Cases","vector":[-0.09782,-0.04866,-0.08366,0.05433,0.04791,0.07957,-0.05943,0.0325,-0.00226,0.05913,-0.07587,-0.078,-0.01447,-0.0285,0.09201,0.09173,0.05716,-0.03226,-0.07536,-0.04196,-0.01338,-0.04143,0.00258,-0.03521,-0.02079,0.0186,0.02614,-0.04612,0.05488,-0.04595,-0.01136,-0.01649,-0.01172,0.03008,-0.08779,0.08896,0.00942,-0.0247,-0.04936,-0.07925,0.06127,-0.01639,-0.01668,-0.0889,0.00592,-0.01421,-0.05612,-0.06426,-0.07479,0.08622,-0.10474,-0.07212,-0.03395,0.0544,-0.00038,0.05429,0.05739,-0.03327,-0.02804,-0.00918,-0.01842,-0.05285,0.05172,0.01902,0.04003,0.06332,-0.09825,-0.02775,0.02767,-0.06886,-0.02324,-0.05566,0.02897,-0.04874,-0.0027,-0.01776,-0.05243,0.03567,0.07327,-0.0128,-0.01015,0.07296,-0.02182,0.08743,-0.02191,0.11227,0.03824,-0.02126,0.03003,0.01214,0.01585,-0.00887,0.03846,0.0387,0.0882,0.03228,-0.03097,-0.04592,-0.04111,0.03933,-0.02735,-0.01277,0.06671,-0.01106,-0.07737,-0.04046,-0.0001,0.00186,0.00225,-0.02718,0.00205,0.00658,0.03753,-0.07436,0.04564,-0.00152,0.00492,-0.01289,0.11244,0.0996,0.0158,-0.00906,-0.00256,0.00544,0.1308,0.011,-0.00961,0,0.04603,0.04626,-0.06269,0.03909,0.07385,0.00013,0.06987,-0.01812,-0.04099,-0.00969,-0.01313,0.05693,-0.07938,0.05611,0.06204,-0.14024,0.0181,0.01884,-0.01733,0.01005,0.05366,-0.07829,-0.01533,0.01917,0.10201,0.07183,0.00793,0.04679,-0.04823,0.01076,0.00734,0.01687,-0.01642,0.00609,-0.06761,-0.02707,-0.11834,-0.04975,-0.06163,-0.00446,0.01716,-0.03335,-0.07111,-0.01985,-0.0045,-0.08176,-0.03209,0.03247,0.08561,-0.00623,0.03455,0.05511,-0.00364,-0.03584,0.04166,-0.03989,-0.04824,0.07952,0.03161,0.03277,-0.01647,0.00829,0.00215,0.04223,0.04419,0.06182,-0.00121,-0.03253,0.09558,-0.06118,-0.03575,0.01746,-0.03609,-0.00013,0.00889,-0.04881,-0.01156,-0.05738,0.02803,-0.06603,-0.01185,-0.02026,-0.0727,0.09085,0.10922,-0.09231,-0.06358,-0.06344,-0.08015,0.01771,0.03497,0.03071,0.0144,0.03998,-0.02675,0,0.00244,-0.02888,-0.10131,0.09295,-0.00361,-0.06005,-0.03061,-0.01146,0.05798,-0.00262,0.00807,0.04159,0.03549,-0.00192,-0.08714,0.00246,-0.01392,-0.13199,0.08585,-0.01493,0.06142,0.06719,-0.01051,-0.00027,-0.07985,0.0659,-0.00236,0.03593,0.01171,0.00268,0.00179,0.02389,-0.0653,-0.027,-0.03166,-0.01324,0.05396,0.02597,-0.01199,-0.00653,0.08228,-0.00119,-0.00402,-0.00498,-0.07003,0.02082,-0.06452,0.00685,-0.03997,0.01613,-0.03322,0.02229,-0.04337,-0.03289,-0.13774,-0.0073,0.09658,-0.03499,-0.03401,0.02953,-0.02016,-0.02071,0.04405,0.00093,0.02484,0.02773,-0.02152,0.01129,0.05012,-0.00393,0.06927,-0.01273,-0.00768,0.03803,0.03884,0.00165,0.05096,-0.08746,0.05713,-0.02619,-0.03803,0.07409,0.00835,0.00057,0.04446,0.06021,-0.06286,0.0201,0.06829,0.07768,-0.06654,0.07226,-0.03687,-0.00935,-0.07288,0,-0.08502,0.03964,-0.03187,0.01408,0.04943,-0.05355,-0.00828,-0.0029,0.02581,-0.03465,0.01751,0.01086,-0.08553,-0.00069,0.15513,-0.00599,0.0149,0.05321,-0.05397,-0.06915,0.05778,-0.00213,-0.01105,0.04574,0.04414,-0.06843,0.00895,0.05485,-0.01482,0.08906,0.0065,0.05681,0.09747,0.02291,-0.06477,0.06154,0.01088,-0.08228,-0.02645,0.00874,0.08124,0.02583,-0.03631,-0.0892,-0.05758,0.0184,-0.04481,-0.13003,0.03746,0.01659,-0.07239,-0.02978,-0.04987,0.08808,0.06258,-0.02155,0.03387,-0.04366,0.1045,0.03392,0.02641,0.023,0.04996,-0.0332],"keywords":"Angular AI Agent Builder Angular AI Agent Builder Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo. What an AI builder needs from the canvas - Nodes that are real forms: model pickers, prompt textareas, parameter sliders — any Angular component becomes a node with fNode, with your validation and your state management inside. - Typed wiring: fCanBeConnectedTo and connector categories express \"an LLM output feeds a parser, not a trigger\" — the library enforces connectability, your app owns the schema. - Live feedback: connection markers, gradients and labels for streaming state; node classes for running/failed states; auto-pan and minimap for large pipelines. - Editing at production quality: drag/click/keyboard connection creation, reassign, undo-friendly events, multi-select, copy-paste patterns — all emitted as events (fCreateConnection, fMoveNodes, fDeleteSelected) so persistence and history stay in your store. - Scale and a11y: virtualization for hundred-node pipelines and an opt-in keyboard layer, so the builder passes enterprise accessibility review. f Node f Can Be Connected To f Create Connection f Move Nodes f Delete Selected","excerpt":"What an AI builder needs from the canvas - Nodes that are real forms: model pickers, prompt textareas, parameter sliders — any Angular component becomes a node with fNode, with your validation and your state management inside. - Typed wiring: fCanBeConnectedTo and connector categories express \"an LLM output feeds a parser, not a trigger\" — the library enforces connectability, your app owns the schema. - Live feedback: connection markers, gradients and labels for streaming state; node classes for running/failed states; auto-pan and minimap for large pipelines. - Editing at production quality: drag/click/keyboard connection creation, reassign, undo-friendly events, multi-select, copy-paste patterns — all emitted as events (fCreateConnection, fMoveNodes, fDeleteSelected) so persistence and history stay in your store. - Scale and a11y: virtualization for hundred-node pipelines and an opt-in keyboard layer, so the builder passes enterprise accessibility review."},{"chunkId":"/docs/angular-ai-agent-builder#2","slug":"angular-ai-agent-builder","route":"/docs/angular-ai-agent-builder","section":"docs","title":"Angular AI Agent Builder","description":"Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo.","group":"Use Cases","vector":[-0.11418,-0.02167,-0.05169,0.02909,0.01803,-0.01203,-0.04759,0.0482,-0.03409,0.05412,-0.11174,-0.03517,0.00261,-0.02873,0.11485,0.11602,0.02074,0.03703,-0.0005,-0.05843,-0.04182,0.01353,-0.01849,-0.06776,-0.00484,0.03527,0.06417,-0.04578,0.07505,-0.02973,0.03243,0.00623,0.02826,0.02912,-0.097,0.12993,-0.01168,-0.02902,-0.01131,-0.05,0.03073,0.08175,-0.01596,-0.11204,-0.01539,-0.02847,-0.08594,-0.04487,-0.05046,-0.0132,-0.11964,-0.11731,-0.04156,-0.0229,-0.03451,-0.02046,0.04115,-0.05233,-0.00398,0.01251,0.08079,-0.01135,0.05133,0.00936,0.02383,0.04508,-0.08174,0.05609,0.00911,-0.11428,-0.01589,-0.07414,-0.00261,-0.01908,-0.03444,-0.02507,-0.03575,0.03447,0.08135,-0.00295,-0.03365,0.04113,0.0006,0.10941,-0.01336,0.10032,0.03656,0.02487,0.03065,0.00271,0.04286,-0.00253,0.05654,0.01496,0.12307,0.03605,-0.01302,-0.06155,-0.09511,0.05449,-0.09234,-0.00414,0.03843,-0.00321,-0.08159,0.01881,0.07731,-0.02391,0.00737,-0.02058,-0.00562,0.0111,0.02538,-0.08337,0.02294,-0.02099,0.02035,0.00863,0.04426,0.07864,0.006,-0.01749,0.01293,0.0359,0.15004,0.04517,-0.02903,0,0.05308,0.08818,-0.0165,0.01676,0.09434,-0.05552,0.04559,-0.05051,-0.0215,0.04202,0.04781,0.04703,-0.08752,0.07752,0.02895,-0.13809,0.00505,0.00813,0.01113,-0.02116,0.00036,-0.07533,0.00811,0.07482,0.10452,0.04693,0.04445,-0.0213,-0.01083,0.00054,0.03104,0.02224,-0.02653,0.0644,-0.07876,-0.00386,-0.13693,-0.02997,-0.02283,0.07105,0.00364,-0.01334,-0.04511,-0.04927,-0.02124,-0.05838,-0.02788,-0.02095,0.11179,-0.01311,-0.00057,0.07291,-0.02871,0.03792,0.05032,-0.06792,-0.03363,0.07539,0.05771,0.03545,-0.00355,0.01226,-0.00562,0.02071,0.01717,-0.01034,-0.00952,-0.01992,0.08804,-0.02117,0.02102,-0.00736,-0.01832,0.03695,-0.02895,-0.04186,-0.03125,-0.01362,0.06349,-0.07278,-0.00943,0.0464,-0.00952,0.08038,0.12414,-0.05686,-0.07551,-0.02806,-0.08437,0.00014,0.00666,0.02684,-0.02765,0.00185,-0.02614,0,-0.04431,-0.01865,-0.05747,0.05946,0.0253,-0.0659,0.00641,0.00496,0.06205,0.07987,0.02652,0.01622,0.04857,0.01273,0.00131,-0.03076,-0.03313,-0.09757,0.09277,-0.01565,0.06073,0.07743,0.0072,-0.04765,-0.03951,0.03195,-0.05121,0.03867,0.01104,-0.00613,0.00851,0.01324,-0.02601,-0.06309,-0.05735,0.01426,0.04969,0.06223,-0.06261,-0.04542,0.06464,-0.04826,0.03119,-0.04473,-0.06969,0.00323,-0.06877,0.02689,-0.03018,-0.03794,-0.03221,0.01455,0.00288,-0.08608,-0.1216,-0.05342,0.0929,0.01775,-0.03007,0.05257,-0.02722,-0.03183,0.0532,-0.0154,-0.01877,0.02414,-0.06983,0.04028,-0.03868,-0.03197,0.03486,-0.02588,-0.02306,0.05146,0.03654,0.01049,0.0504,-0.03262,0.0917,-0.03708,-0.00418,0.06003,-0.0188,-0.00048,0.04758,0.05686,-0.06699,-0.04377,0.04915,0.11199,-0.10642,0.09204,0.00234,-0.00141,-0.05191,0,-0.04808,-0.0006,0.00933,0.00278,0.02242,-0.01809,-0.01913,-0.02185,0.02271,-0.01102,0.02927,-0.01221,-0.03124,0.00563,0.08129,0.00636,-0.03748,0.03687,-0.01809,-0.06906,0.09027,0.03132,0.02138,0.01958,0.03447,-0.0692,0.00748,0.00101,-0.0594,0.0591,-0.00153,0.09886,0.09993,0.00796,0.00611,0.00862,-0.04253,-0.06011,-0.04532,-0.04256,0.02877,0.03969,-0.00829,-0.08048,-0.00823,0.0202,-0.06783,-0.115,0.04615,-0.02133,-0.04518,-0.03847,-0.0475,0.0698,0.06471,0.00825,0.01686,-0.01899,0.07377,0.01706,-0.00224,0.02963,0.05741,-0.03905],"keywords":"Angular AI Agent Builder Angular AI Agent Builder Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo. Proof it works: the AI Low-Code Platform demo The flagship AI Low-Code Platform example is a front-end-only AI IDE built on these primitives: custom node types with config panels and validation, JSON import/export, themes, undo/redo, persistence, animated connections. It is open source — read it as a reference architecture for your own builder. There is also a step-by-step article series: Building an AI Low-Code Platform in Angular.","excerpt":"Proof it works: the AI Low-Code Platform demo The flagship AI Low-Code Platform example is a front-end-only AI IDE built on these primitives: custom node types with config panels and validation, JSON import/export, themes, undo/redo, persistence, animated connections. It is open source — read it as a reference architecture for your own builder. There is also a step-by-step article series: Building an AI Low-Code Platform in Angular."},{"chunkId":"/docs/angular-ai-agent-builder#3","slug":"angular-ai-agent-builder","route":"/docs/angular-ai-agent-builder","section":"docs","title":"Angular AI Agent Builder","description":"Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo.","group":"Use Cases","vector":[-0.11731,-0.01878,-0.05077,-0.01881,0.07239,0.00622,-0.02387,0.04828,-0.01268,0.04949,-0.10611,-0.06563,-0.01513,0.02214,0.11106,0.07585,0.03777,-0.00131,-0.01113,-0.02112,-0.02637,-0.03517,-0.00156,-0.06846,0.01363,0.05787,0.03367,-0.08315,0.10033,-0.04962,0.02475,0.05287,0.0164,0.0325,-0.09541,0.09499,-0.06558,-0.00282,-0.01407,-0.09536,0.02083,0.05996,-0.04653,-0.09834,0.0121,-0.03492,-0.0493,-0.03659,-0.0138,0.03297,-0.13455,-0.13749,-0.06611,0.02439,-0.03339,0.00464,0.05218,-0.02741,0.02401,0.03048,0.04706,-0.04188,0.04254,0.056,0.07459,0.03483,-0.11679,0.02233,-0.01825,-0.08115,0.00736,-0.03941,0.03627,-0.03899,0.01203,-0.04111,-0.06388,0.02376,0.07792,-0.02293,-0.01952,0.05013,-0.01623,0.11156,0.01601,0.1141,0.04587,-0.03579,0.0251,-0.01858,0.01512,0.00176,0.0398,0.03986,0.071,0.00154,-0.0151,-0.01428,-0.11941,0.0288,-0.04348,-0.05512,0.05747,0.00158,-0.09999,-0.02482,0.01522,-0.03489,-0.00108,0.02383,-0.04555,0.02288,0.01513,-0.05717,0.01741,-0.04986,-0.01533,-0.01124,0.0595,0.05254,0.02252,0.02179,0.02748,0.01267,0.124,0.04086,-0.02403,0,-0.00388,0.06626,-0.02714,0.0461,0.09266,-0.03604,0.05005,-0.03079,0.00179,0.05097,0.00276,0.09037,-0.05916,0.10542,0.0708,-0.10492,0.00143,-0.02177,-0.0059,0.00769,0.04293,-0.07956,-0.01075,0.05972,0.08861,0.06833,0.01291,0.03235,-0.07477,0.03046,-0.00984,0.0369,-0.03143,0.05704,-0.08,-0.02467,-0.10562,-0.08101,-0.01568,0.04915,-0.01968,-0.01499,-0.07505,0.00095,-0.00254,-0.05858,-0.04231,0.01433,0.09688,0.03209,-0.00699,0.06752,0.01948,-0.00876,0.0591,-0.07608,-0.01529,0.02102,0.0464,0.01454,0.00525,0.01648,-0.01108,0.05569,-0.00869,0.02062,0.03041,0.00465,0.05111,-0.02331,-0.0316,0.02925,-0.00589,0.02611,-0.00475,-0.07077,-0.01575,0.01534,0.07716,-0.05961,-0.03089,0.00897,-0.02815,0.04877,0.09905,-0.06726,-0.05604,-0.06826,-0.08729,0.02822,0.01686,-0.01145,-0.01366,0.03446,-0.04098,0,-0.035,-0.04946,-0.04711,0.05774,0.01515,-0.04871,-0.01789,-0.01446,0.07483,0.07452,0.02444,0.05698,0.03324,0.02535,-0.02326,0.02499,-0.00443,-0.11416,0.06127,-0.06963,0.08486,0.05167,-0.0089,-0.03098,-0.07719,0.05942,-0.0233,0.02478,0.01202,0.01799,0.00815,-0.01455,-0.06714,-0.02933,-0.03458,0.00918,0.05474,0.01098,-0.04502,-0.07061,0.04569,-0.05181,0.01204,0.00516,-0.09321,-0.02258,-0.0496,0.01476,-0.04632,-0.0305,-0.00442,0.03371,0.00296,-0.10457,-0.13041,-0.01529,0.09747,0.01324,-0.01107,0.03139,0.03359,0.00221,0.00202,-0.01418,-0.02333,0.0628,-0.05146,0.03815,0.02008,0.00477,0.09135,0.00125,-0.06841,0.05273,0.0182,0.05832,0.08843,-0.04247,0.04466,-0.05473,0.00262,0.05157,0.02293,-0.01662,0.05958,0.05465,-0.12897,-0.06286,0.06289,0.07135,-0.08247,0.06885,-0.04129,0.02488,-0.00363,0,-0.06282,0.01921,0.02001,-0.01219,0.03076,-0.03829,-0.03487,0.00583,0.00626,-0.01596,0.03175,-0.00829,-0.0142,0.0317,0.11504,0.03408,-0.04338,0.04826,-0.04982,-0.08907,0.07453,0.03603,0.02328,0.0203,0.01329,-0.06694,-0.02254,0.01018,-0.03104,0.09098,-0.03079,0.07919,0.05453,0.03703,-0.01067,0.00992,-0.01266,-0.08696,-0.06932,-0.02674,0.00898,0.03918,-0.00063,-0.05537,-0.02604,0.02214,-0.04614,-0.12801,0.04613,-0.02526,-0.05492,-0.02632,-0.07601,0.08074,0.0666,-0.00331,-0.01032,-0.03996,0.07179,0.04368,-0.03796,-0.00969,0.06591,-0.02993],"keywords":"Angular AI Agent Builder Angular AI Agent Builder Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo. Why Angular-native matters here AI builders live inside products — admin panels, internal tools, SaaS dashboards — that in the Angular world already have DI, forms, guards and design systems. A React-based canvas forces a framework island exactly where the deepest product integration happens. Foblex Flow keeps the canvas inside your Angular architecture: signals, SSR, zoneless, ng add and done. Saa S","excerpt":"Why Angular-native matters here AI builders live inside products — admin panels, internal tools, SaaS dashboards — that in the Angular world already have DI, forms, guards and design systems. A React-based canvas forces a framework island exactly where the deepest product integration happens. Foblex Flow keeps the canvas inside your Angular architecture: signals, SSR, zoneless, ng add and done."},{"chunkId":"/docs/angular-ai-agent-builder#4","slug":"angular-ai-agent-builder","route":"/docs/angular-ai-agent-builder","section":"docs","title":"Angular AI Agent Builder","description":"Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo.","group":"Use Cases","vector":[-0.09403,-0.01361,-0.0855,0.00768,0.02251,0.02524,-0.04548,0.02804,-0.01342,0.07159,-0.08736,-0.05548,-0.00372,0.01163,0.10079,0.10918,0.01101,0.04939,-0.01273,-0.05577,-0.02866,0.02455,0.00696,-0.06538,-0.01404,0.03571,0.06629,-0.07362,0.06579,-0.03445,0.02493,0.00505,0.02329,0.03181,-0.09178,0.10643,-0.06056,0.02064,0.00506,-0.04678,0.04126,0.06058,-0.01066,-0.13531,-0.02111,-0.01179,-0.07622,-0.02585,-0.0439,0.05651,-0.14009,-0.12323,-0.0657,0.01066,-0.02829,-0.03921,0.0445,-0.06368,0.00271,-0.01622,0.04442,-0.0368,0.04853,0.02548,0.04168,0.04936,-0.0945,0.05364,-0.00616,-0.09391,-0.01148,-0.07352,0.0054,-0.04979,-0.02399,-0.02159,-0.05573,0.03434,0.08482,-0.00258,-0.03088,0.03003,0.01314,0.11528,-0.00059,0.10635,0.03208,-0.00933,0.0497,-0.03374,0.03389,0.01699,0.03716,0.04577,0.11347,0.05158,-0.03326,-0.06495,-0.10178,0.0381,-0.07638,-0.04446,0.04288,-0.00035,-0.0728,-0.01047,0.06593,-0.03544,-0.01425,-0.0426,0.01646,0.01071,0.02995,-0.08428,0.04612,-0.02599,0.00654,0.01864,0.02019,0.08085,0.04663,-0.01159,-0.00483,0.01974,0.1591,0.03912,0.01467,0,0.04172,0.06886,-0.03098,0.03878,0.0935,-0.03126,0.05182,-0.05183,-0.00519,0.03417,0.03541,0.04885,-0.07313,0.05542,-0.00919,-0.1274,0.00762,0.02785,-0.02679,0.00002,0.02696,-0.05694,0.00057,0.04571,0.06898,0.08392,0.01871,-0.0072,-0.01187,0.00582,0.04103,0.05943,-0.05474,0.03906,-0.06719,-0.00619,-0.1188,-0.03842,-0.01292,0.04053,-0.01001,-0.03523,-0.05004,-0.04071,-0.04789,-0.05433,-0.0499,0.01995,0.12294,0.02594,0.01463,0.06804,-0.0071,0.02634,0.06704,-0.04281,-0.05271,0.09939,0.04271,0.0158,-0.0082,0.02429,0.03399,0.03305,0.02128,-0.02881,0.02435,0.00364,0.09909,-0.02467,-0.00963,0.01272,-0.00486,0.03553,-0.01027,-0.0582,0.00945,-0.00775,0.06481,-0.06279,-0.03375,0.00967,-0.01456,0.03109,0.10946,-0.06078,-0.0761,-0.07706,-0.06712,-0.02412,0.00534,0.02726,-0.03327,0.0199,-0.0149,0,-0.00929,-0.02466,-0.05596,0.06886,0.01104,-0.08054,0.00486,0.00033,0.05623,0.07556,0.05698,0.06393,-0.00294,0.01176,0.02147,-0.0266,0.02178,-0.10438,0.08916,-0.04405,0.07697,0.02927,-0.00395,-0.04598,-0.05562,0.07102,0.00634,0.0405,0.03046,0.01457,0.01809,0.01349,-0.03707,-0.03924,-0.06595,0.01897,0.07447,0.05618,-0.05535,-0.01758,0.06817,-0.0524,0.03387,-0.03117,-0.08926,-0.0328,-0.01711,0.01582,-0.03819,-0.01345,-0.01499,0.01519,-0.01322,-0.08213,-0.12302,-0.02526,0.08912,-0.01689,-0.01968,0.01887,-0.037,-0.00011,0.04568,-0.01844,-0.03359,0.04173,-0.06713,0.00307,-0.00974,-0.01372,0.06332,-0.02513,-0.03406,0.06516,0.0686,0.03272,0.06818,-0.03752,0.06585,-0.04398,0.02598,0.05264,-0.01296,-0.00365,0.032,0.0522,-0.09772,-0.04132,0.05995,0.06965,-0.09987,0.05325,0.01177,-0.01887,-0.04564,0,-0.09749,0.00905,0.03237,-0.00356,0.03484,-0.01659,-0.05582,0.00421,0.00262,-0.02067,0.04952,0.01857,-0.02251,0.0043,0.10261,0.00045,-0.05277,0.00349,-0.02982,-0.07897,0.06944,0.02167,0.0216,0.01799,0.01773,-0.04248,-0.04073,-0.02111,-0.04433,0.07657,0.01185,0.08671,0.1077,0.00153,-0.01085,0.0298,-0.03475,-0.08918,-0.07277,-0.02446,0.03472,0.03584,0.02094,-0.06419,-0.02668,0.02933,-0.04522,-0.11394,0.03809,-0.03865,-0.07995,-0.02203,-0.07313,0.07672,0.02879,-0.01035,0.03292,-0.04624,0.06824,0.03165,-0.03664,0.02946,0.04163,-0.0389],"keywords":"Angular AI Agent Builder Angular AI Agent Builder Build visual AI agent pipelines, RAG flows and low-code LLM tools in Angular with Foblex Flow: typed connections, form-rich nodes, keyboard accessibility, and an open-source reference IDE demo. Start Get Started covers the first editor in minutes; the examples gallery covers the rest.","excerpt":"Start Get Started covers the first editor in minutes; the examples gallery covers the rest."},{"chunkId":"/docs/angular-flowchart-library#0","slug":"angular-flowchart-library","route":"/docs/angular-flowchart-library","section":"docs","title":"Angular Flowchart Library","description":"Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained.","group":"Use Cases","vector":[-0.07271,0.01451,-0.09188,0.00346,0.02817,0.05477,-0.03645,0.0407,0.05505,-0.01922,-0.08659,-0.02794,-0.06821,0.02472,0.05059,0.01436,-0.08793,0.01748,0.04319,-0.03322,0.02645,0.01897,0.00339,0.00596,0.02241,0.09541,-0.0189,0.00608,0.05535,-0.05153,0.02968,0.05392,0.01829,0.03063,-0.12758,0.0367,0.04652,0.01763,-0.02184,0.02164,0.01932,0.05276,0.02472,-0.02738,-0.08611,0.02104,-0.11318,-0.03711,-0.0494,0.14852,-0.10217,-0.11779,-0.05149,0.05789,0.05838,-0.00347,0.00832,-0.08155,0.06872,0.00331,0.00312,0.03763,0.04167,0.07643,0.0152,-0.00055,-0.06288,0.06826,0.01244,-0.07011,-0.0367,-0.07797,0.08051,-0.00703,-0.03903,-0.01383,-0.02144,0.00265,-0.01546,-0.00233,-0.01164,0.04192,0.00196,0.06481,-0.02286,0.09138,0.05072,-0.05607,-0.00865,-0.0282,-0.01676,0.05368,0.0452,-0.03983,0.02081,0.03493,0.00828,-0.05981,-0.05065,0.00914,0.0013,-0.08593,0.07637,0.03386,-0.04194,-0.07005,0.02781,0.00821,0.03955,-0.00776,-0.04513,0.0067,0.0047,-0.061,-0.05153,-0.02144,-0.12354,-0.07698,0.04815,0.07083,0.01208,0.03496,0.04429,0.01219,0.05779,-0.02022,0.02615,0,0.01447,0.02809,-0.01666,0.033,0.09473,-0.03498,-0.06036,-0.10453,-0.00439,0.02208,0.01442,0.09052,-0.0948,0.07787,-0.024,-0.06578,-0.00492,-0.00782,0.00745,0.00974,0.0396,-0.07612,0.02227,0.01503,-0.00447,0.08185,0.03448,0.05661,-0.04284,0.03672,0.05035,-0.04911,-0.02886,-0.04365,0.00202,-0.03761,-0.07935,-0.07075,-0.01677,-0.01151,-0.01921,-0.08319,-0.08937,0.01386,-0.04196,0.02183,-0.06433,-0.01065,0.04969,0.01067,0.01491,0.06061,-0.01759,-0.00247,0.05475,-0.04886,-0.01112,0.07883,-0.00731,0.04469,0.00507,0.11889,-0.01393,-0.09862,0.0412,0.03867,-0.004,0.0077,0.06878,-0.04171,-0.08121,0.00019,0.05018,0.02349,0.04284,-0.0002,0.02074,0.02136,0.03266,-0.06757,-0.07592,-0.10465,0.06719,0.02376,0.06516,-0.09563,-0.00705,-0.02272,-0.10332,0.00267,0.08695,0.00493,0.01335,-0.02206,0.05182,0,-0.05396,0.04742,0.00055,0.09107,0.07773,-0.02511,0.04371,0.08186,0.0693,0.03824,-0.00017,0.02898,-0.02829,-0.04514,0.08393,0.0035,0.00205,-0.08236,0.04265,-0.07945,0.00219,0.02986,-0.05273,-0.01904,-0.05566,0.07022,0.02004,-0.04025,0.00747,-0.05969,0.0006,0.00738,-0.06442,-0.07895,-0.04779,-0.08991,0.09616,0.02672,-0.04191,-0.04095,0.03197,-0.01525,-0.03085,-0.0226,-0.07773,0.0476,-0.06035,-0.00191,0.05563,0.02184,-0.01388,0.04251,0.01011,-0.07788,-0.03194,-0.00617,0.06612,0.04636,0.02194,0.00145,-0.07627,-0.00085,0.04521,-0.03149,0.04021,0.00598,-0.04251,-0.06362,0.00816,0.06577,0.08086,0.05603,-0.00253,0.0425,0.06192,0.01814,0.09081,-0.00828,0.03767,-0.00266,0.08984,0.09377,0.05074,0.05272,0.08923,-0.03357,-0.10209,-0.07531,0.03171,0.05933,-0.05701,0.04663,-0.05579,0.03117,0.06839,0,-0.08176,-0.04672,-0.07805,-0.05439,0.03247,0.03015,-0.06601,0.02858,0.01827,-0.06495,0.04724,0.05912,-0.00553,-0.02649,0.01178,0.00538,0.02609,0.00848,-0.00521,-0.01716,0.03254,0.03275,0.00359,0.06411,-0.06686,-0.0388,-0.00664,0.01491,0.01215,-0.0674,-0.00988,0.06348,0.06425,0.06027,-0.01902,0.01473,-0.11668,-0.03182,-0.09916,0.03447,0.04283,0.05586,-0.02161,-0.03434,-0.07345,0.02979,-0.01853,-0.07264,-0.05405,0.0058,-0.06489,0.00748,-0.05584,0.06752,-0.01375,0.02955,-0.03459,-0.04846,0.00735,-0.0135,-0.05785,0.01181,0.13237,-0.0508],"keywords":"Angular Flowchart Library Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained. Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: users drag steps, wire them together, and your application decides what the chart means. If you only need to render a static flowchart from text, a generator like Mermaid is the simpler tool — this library is for flowcharts that behave like a product feature.","excerpt":"Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: users drag steps, wire them together, and your application decides what the chart means. If you only need to render a static flowchart from text, a generator like Mermaid is the simpler tool — this library is for flowcharts that behave like a product feature."},{"chunkId":"/docs/angular-flowchart-library#1","slug":"angular-flowchart-library","route":"/docs/angular-flowchart-library","section":"docs","title":"Angular Flowchart Library","description":"Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained.","group":"Use Cases","vector":[-0.05494,-0.01759,-0.0805,0.00327,0.02492,-0.00038,-0.02693,0.03702,0.06696,0.04567,-0.09446,-0.00111,-0.09219,0.04276,0.0361,-0.02059,-0.06725,-0.02816,0.02891,-0.02629,-0.01469,0.01999,0.01702,-0.0091,0.02539,0.06418,-0.03637,-0.02151,0.04446,-0.09637,0.02115,0.04877,0.03663,0.0334,-0.12254,0.01822,0.05313,0.01347,-0.00112,0.0038,0.01107,0.01688,0.01946,-0.03026,-0.07614,0.00566,-0.12903,-0.04897,-0.06849,0.14228,-0.09388,-0.11826,-0.05036,0.08384,0.04052,0.00182,0.00661,-0.07965,0.07572,0.04507,-0.00411,0.01335,0.0001,0.09967,0.02173,0.04244,-0.09057,0.02109,0.02962,-0.08463,-0.00684,-0.03052,0.03257,-0.03531,-0.00139,-0.06057,-0.00332,0.02228,0.00666,-0.02101,-0.02903,0.07052,-0.02365,0.05977,-0.02725,0.07965,0.02767,-0.01967,0.01817,-0.02313,-0.01555,0.06901,0.05435,-0.00541,0.02909,0.01714,-0.00762,-0.0598,-0.07269,0.02884,0.00543,-0.09548,0.07004,0.01694,-0.03723,-0.06265,0.00025,-0.01251,0.03166,-0.01316,-0.04935,-0.02361,0.0128,-0.05042,-0.0282,-0.00721,-0.09822,-0.06129,0.03289,0.06026,0.00514,0.03067,0.02876,-0.05069,0.06901,-0.03916,-0.00642,0,-0.00796,0.02342,-0.03603,0.03691,0.07531,-0.0063,-0.05589,-0.1042,-0.00821,0.02616,0.01507,0.10093,-0.08989,0.05721,0.01999,-0.0801,-0.01556,0.04462,0.00264,0.0389,0.04794,-0.09048,-0.0075,0.05958,0.03863,0.08372,0.03494,0.05336,-0.02345,0.03858,0.02216,-0.04197,-0.01896,-0.03281,0.01215,-0.03443,-0.07315,-0.08165,-0.01729,-0.00266,-0.01945,-0.10195,-0.14247,0.02388,-0.03505,0.00449,-0.07798,-0.01635,0.08611,0.03074,0.0292,0.05686,-0.01304,-0.00584,0.04551,-0.07058,-0.01885,0.11133,0.0134,0.0336,0.03523,0.07061,-0.04754,-0.07863,0.02308,0.02177,-0.04294,-0.00399,0.09895,-0.05928,-0.10904,0.01203,0.03656,0.04171,0.05687,-0.00625,0.00626,0.05944,0.02625,-0.02492,-0.09541,-0.08355,0.02171,0.03052,0.11548,-0.10003,0.00818,-0.01915,-0.10455,0.01791,0.05635,0.04625,0.00667,0.03725,0.05614,0,-0.0572,0.02919,0.00095,0.08322,0.04633,-0.01285,0.0251,0.04723,0.09587,0.02074,-0.00417,0.0286,-0.01757,-0.0342,0.08815,-0.00824,-0.01863,-0.08778,0.03076,-0.06155,0.02612,0.06569,-0.0783,-0.00696,-0.06622,0.0749,0.01364,-0.04993,0.03984,-0.03543,-0.03709,-0.04706,-0.07563,-0.03463,-0.0337,-0.0722,0.09434,0.03675,-0.02921,-0.04728,0.02845,0.00269,-0.04753,-0.02125,-0.07684,0.00559,-0.04381,0.00133,-0.01044,-0.00052,-0.02179,0.05768,0.01688,-0.0711,-0.03016,0.02663,0.08694,0.04765,0.03789,-0.01205,-0.06644,0.02805,0.07563,-0.03219,0.03664,0.01119,-0.01278,-0.0448,0.00842,0.034,0.07456,0.04141,-0.02941,0.03497,0.1002,0.024,0.07756,-0.0336,0.02873,0.01513,0.0284,0.09182,0.06069,0.05218,0.09542,-0.0104,-0.07588,-0.07529,0.04832,0.06212,-0.05509,0.05372,-0.00889,0.01506,0.04552,0,-0.10561,-0.01137,-0.05508,-0.05025,0.05514,0.01206,-0.03816,0.04652,0.01871,-0.01396,0.06064,0.06022,-0.03558,-0.02884,0.03552,-0.00382,0.00857,0.0517,-0.00622,-0.01161,0.043,-0.00507,0.02806,0.06799,-0.08034,-0.06838,-0.0012,0.03255,-0.03648,-0.00337,-0.02249,0.07911,0.10286,0.0424,-0.00015,-0.0319,-0.08284,-0.01275,-0.0713,0.03228,0.03614,0.01808,-0.01806,-0.04141,-0.088,0.06166,-0.04876,-0.06108,-0.05672,-0.02636,-0.06144,-0.00039,-0.04938,0.08399,-0.00811,0.0537,-0.01532,-0.05315,0.02328,-0.02332,-0.04899,0.03274,0.10147,-0.04025],"keywords":"Angular Flowchart Library Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained. When to use it - Process and approval flows users assemble themselves - Decision trees and branching logic editors - Automation and pipeline charts with live state - Call flows, chatbot flows, onboarding flows - Any flowchart where boxes are real UI, not just labeled shapes","excerpt":"When to use it - Process and approval flows users assemble themselves - Decision trees and branching logic editors - Automation and pipeline charts with live state - Call flows, chatbot flows, onboarding flows - Any flowchart where boxes are real UI, not just labeled shapes"},{"chunkId":"/docs/angular-flowchart-library#2","slug":"angular-flowchart-library","route":"/docs/angular-flowchart-library","section":"docs","title":"Angular Flowchart Library","description":"Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained.","group":"Use Cases","vector":[-0.04516,-0.01737,-0.10218,0.00536,-0.01103,0.06788,-0.03781,0.02553,0.04008,0.07273,-0.04863,0.00766,-0.04551,0.04048,0.02135,-0.01351,-0.07703,-0.0406,0.004,-0.0093,-0.03222,-0.06235,-0.01345,-0.02167,0.03225,0.06362,-0.01589,-0.00388,0.04717,-0.05043,-0.00852,0.01071,-0.01029,0.02819,-0.18351,0.01028,0.10357,0.02041,-0.05361,0.01163,0.04652,-0.00706,0.02988,-0.0462,-0.04161,0.02318,-0.1489,-0.03211,-0.07462,0.14054,-0.10903,-0.08489,-0.04843,0.10018,0.03675,0.00879,-0.00982,-0.07356,0.04522,0.03692,-0.00578,-0.02401,0.00126,0.07066,0.02681,-0.0031,-0.05675,0.01344,-0.01067,-0.00411,-0.00145,-0.06711,0.05107,-0.03338,-0.04507,-0.03219,-0.01165,0.02299,0.00475,0.00246,0.01625,0.12605,-0.01959,0.10127,-0.03153,0.07791,-0.00458,-0.04915,-0.01854,-0.06235,-0.0204,0.06973,-0.00872,-0.01965,0.10446,0.03069,-0.02111,-0.04646,-0.06403,0.01428,0.02367,-0.06534,0.02841,-0.00326,-0.03039,-0.04619,-0.02272,-0.01932,0.01933,0.00103,-0.02318,0.00258,0.01235,-0.07669,-0.05921,0.0028,-0.11418,-0.06926,0.06227,0.09477,-0.02577,0.04893,0.01501,-0.0266,0.08913,-0.01063,0.00383,0,-0.00272,0.07437,-0.03444,0.0308,0.06048,0.02199,-0.09021,-0.1086,0.01044,0.04153,0.04578,0.07385,-0.09077,0.04818,0.0231,-0.06238,0.05503,0.01965,-0.04252,-0.00305,0.06333,-0.12906,-0.00044,0.03594,0.04967,0.08819,0.02781,0.0677,-0.04028,0.01151,0.05653,-0.02988,-0.03681,-0.05303,0.00382,-0.06768,-0.06922,-0.06594,-0.01473,-0.0044,-0.02823,-0.09104,-0.1339,0.03451,-0.03533,0.01143,-0.0301,-0.01894,0.09203,0.0254,-0.01177,0.05527,-0.05032,-0.01761,0.0409,-0.04862,-0.04108,0.09186,-0.0249,0.03349,0.0218,0.0423,-0.01015,-0.07634,0.03094,0.01101,-0.03113,-0.00028,0.08728,-0.07278,-0.08403,-0.00145,0.03209,0.03288,0.03701,0.02983,0.02819,0.04738,0.05082,-0.03554,-0.06154,-0.09028,0.03026,0.0692,0.07364,-0.12307,-0.00209,-0.01668,-0.08913,-0.01484,0.07796,0.0593,0.02013,0.0178,0.02903,0,-0.05548,0.04746,0.01142,0.08273,0.0391,-0.02966,0.05796,0.0275,0.08665,0.04988,0.03695,0.06324,-0.00767,-0.06249,0.04641,0.01843,-0.04373,-0.04825,0.05652,-0.08057,0.0347,0.03165,-0.07807,0.01556,-0.03381,0.07848,0.05133,-0.09031,0.0001,-0.01894,-0.00121,-0.01879,-0.05951,-0.05018,-0.00189,-0.02652,0.1098,0.03735,-0.05096,-0.01419,0.01582,0.0223,0.00262,-0.05403,-0.05354,0.03375,-0.05933,-0.00774,-0.04428,0.01842,-0.00114,0.04806,0.02339,-0.06371,-0.04413,-0.0015,0.05453,0.03562,0.02411,-0.01202,-0.02099,-0.02669,0.02486,-0.01738,0.00892,0.0241,-0.01705,-0.06182,0.03409,0.05769,0.00412,0.02182,0.04621,0.00308,0.08118,0.03301,0.10785,-0.04708,0.04824,-0.02213,0.03912,0.08261,0.03082,0.024,0.08121,0.03881,-0.06897,-0.08545,0.03071,0.08911,-0.0591,0.03121,-0.02492,-0.01032,0.02533,0,-0.10047,-0.00463,-0.06905,-0.03827,0.04798,-0.01227,-0.01803,0.0347,0.05004,0.02453,0.0393,0.06627,-0.03509,-0.05098,0.06055,0.00146,0.02718,0.03101,-0.00376,-0.01968,0.04982,-0.01006,-0.0052,0.08418,-0.05852,-0.07256,0.01576,0.07296,-0.01696,-0.01524,-0.04005,0.0393,0.08395,0.04214,-0.05527,-0.01148,-0.10271,-0.00492,-0.05662,0.03206,0.05237,0.04835,-0.01139,-0.03425,-0.10855,0.08294,-0.03416,-0.04612,-0.06648,-0.00057,-0.05104,-0.00261,-0.0166,0.02906,-0.00105,0.03946,0.0041,-0.02954,0.05544,-0.01754,-0.05183,0.05451,0.04452,-0.06245],"keywords":"Angular Flowchart Library Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained. What a flowchart needs, covered - Steps: any Angular component becomes a flowchart node with fNode — forms, icons, status badges, menus inside. - Arrows: <f-connection with straight/segment/bezier paths, markers, labels and editable waypoints. - Wiring: users create connections by drag, by click-to-connect, or entirely from the keyboard; your validation rules decide what is allowed to connect. - Reading order: minimap, zoom, fit-to-screen, auto-pan at the edges. - Tidiness: snapping, alignment guides, grid, and automatic layout via the Dagre/ELK packages for one-click arrangement. - Scale: virtualization and caching when charts grow into hundreds of steps. - Accessibility: ARIA semantics by default; an opt-in keyboard layer makes the whole chart operable without a mouse. f Node","excerpt":"What a flowchart needs, covered - Steps: any Angular component becomes a flowchart node with fNode — forms, icons, status badges, menus inside. - Arrows: <f-connection with straight/segment/bezier paths, markers, labels and editable waypoints. - Wiring: users create connections by drag, by click-to-connect, or entirely from the keyboard; your validation rules decide what is allowed to connect. - Reading order: minimap, zoom, fit-to-screen, auto-pan at the edges. - Tidiness: snapping, alignment guides, grid, and automatic layout via the Dagre/ELK packages for one-click arrangement. - Scale: virtualization and caching when charts grow into hundreds of steps. - Accessibility: ARIA semantics by default; an opt-in keyboard layer makes the whole chart operable without a mouse."},{"chunkId":"/docs/angular-flowchart-library#3","slug":"angular-flowchart-library","route":"/docs/angular-flowchart-library","section":"docs","title":"Angular Flowchart Library","description":"Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained.","group":"Use Cases","vector":[-0.04943,-0.02776,-0.02695,-0.0023,0.02707,0.04008,-0.06845,0.01597,0.08169,0.01893,-0.04079,0.01084,-0.06794,0.01962,0.06298,0.00037,-0.05212,-0.0199,0.01341,-0.05844,-0.07069,-0.01542,0.0022,0.0059,0.05256,0.07793,-0.0157,-0.01731,0.05344,-0.0679,-0.0094,0.02284,0.01432,0.01324,-0.10397,0.00549,0.07127,0.01791,-0.03046,0.03623,0.02484,0.03605,0.04633,-0.03668,-0.06837,0.00362,-0.1174,-0.06127,-0.06724,0.14946,-0.07214,-0.10375,-0.035,0.10241,0.07467,-0.00717,-0.01638,-0.07608,0.05938,0.02908,-0.04267,0.01138,0.00096,0.08998,-0.0111,0.03273,-0.07261,0.05705,0.05359,-0.05349,-0.00424,-0.06392,0.03084,0.01129,-0.00391,-0.02958,-0.00831,0.03724,-0.01792,-0.06364,0.01157,0.05108,-0.02412,0.07351,-0.0427,0.07854,0.03812,-0.00351,0.00158,-0.01458,-0.0184,0.07932,0.0452,-0.01538,0.04242,0.04605,-0.01875,-0.04244,-0.05723,0.02217,0.01077,-0.06203,0.03343,0.04233,-0.03463,-0.07231,0.00925,0.01789,-0.0059,0.02629,-0.03285,0.00516,0.01127,-0.09654,-0.04294,-0.00986,-0.1127,-0.05791,0.02366,0.08088,0.00749,0.06929,0.02127,-0.0254,0.04837,-0.03155,-0.02322,0,-0.0051,0.03656,-0.01904,0.04116,0.0536,-0.01443,-0.07457,-0.09445,-0.00999,0.02749,0.03687,0.11223,-0.09272,0.07955,0.01243,-0.04261,0.01228,0.02191,0.02491,0.0172,0.03193,-0.06771,0.00813,0.04522,0.04352,0.12073,0.02564,0.06781,-0.02351,0.03499,0.02647,-0.01249,-0.02769,-0.05866,-0.00568,-0.02553,-0.10202,-0.10937,-0.00159,-0.00687,-0.02327,-0.06353,-0.17026,0.00419,-0.02613,-0.00487,-0.05289,-0.06255,0.09703,-0.02753,0.01872,0.06063,0.00482,0.00466,0.05085,-0.03219,0.02725,0.04679,-0.03341,0.02754,0.04099,0.08526,-0.01315,-0.07294,0.05762,0.04052,-0.06017,-0.02007,0.06946,-0.02848,-0.09589,0.03066,0.03717,0.0275,0.04649,-0.00955,-0.02379,0.03095,0.0467,-0.00141,-0.06163,-0.14147,0.05237,0.01914,0.09327,-0.0743,0.0059,0.02111,-0.0981,0.02376,0.08402,0.02335,-0.04791,0.06004,0.02394,0,-0.08323,0.08006,0.00658,0.08009,0.03408,-0.02692,0.00677,0.07601,0.09968,0.04546,0.03385,-0.00734,-0.04708,-0.02651,0.09674,-0.02221,-0.01565,-0.11494,-0.0075,-0.09019,0.00713,0.06339,-0.04652,-0.01001,-0.04796,0.06822,-0.00009,-0.04788,0.00349,-0.0526,-0.02186,-0.03261,-0.07759,-0.07205,-0.01999,-0.06709,0.08901,0.02187,-0.03455,-0.07141,0.02505,0.02062,-0.02719,-0.03643,-0.05955,0.03636,-0.05133,0.00568,0.04905,-0.02662,-0.0425,0.04316,0.04065,-0.08869,0.00188,0.0118,0.08264,0.0478,0.03763,-0.019,-0.06273,0.01955,0.04885,-0.02309,-0.00824,0.04317,-0.02502,-0.06519,0.00122,0.04153,0.06284,0.05329,-0.02987,-0.0213,0.05579,0.05711,0.09457,-0.00942,0.01531,-0.02376,0.04078,0.05755,0.05783,0.05964,0.10508,0.0166,-0.08637,-0.12582,0.05826,0.07929,-0.07877,0.01642,-0.05813,0.04721,0.02792,0,-0.10392,0.02417,-0.07356,-0.04584,0.06053,0.00355,-0.03404,0.06508,0.03968,0.01273,0.04299,0.05673,-0.03002,-0.02372,0.01735,-0.01097,0.03244,0.00644,0.00436,-0.03082,0.01876,0.02688,0.04266,0.03279,-0.05179,-0.05986,0.03425,0.0517,-0.02028,-0.02939,-0.02981,0.01644,0.08944,0.04608,0.00736,-0.03241,-0.09561,-0.01928,-0.05177,0.04842,0.03436,0.02227,-0.03062,-0.00558,-0.07733,0.06083,-0.0364,-0.05894,-0.03454,0.00522,-0.05866,-0.00383,-0.07013,0.03494,-0.00567,0.04467,-0.01038,-0.06136,0.02103,-0.0423,-0.03881,-0.05144,0.05922,-0.04292],"keywords":"Angular Flowchart Library Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained. Compared to the usual suspects - Abandoned Angular flowchart packages (ng-flowchart, ngx-flowchart) stopped receiving updates years ago; Foblex Flow ships frequent releases and targets current Angular. - Chart libraries (ngx-charts and friends) draw data, not editors — no dragging, no wiring, no editing events. - Big commercial diagram suites bring their own data model and licensing; here the chart stays your data, the library only emits events, and everything is MIT.","excerpt":"Compared to the usual suspects - Abandoned Angular flowchart packages (ng-flowchart, ngx-flowchart) stopped receiving updates years ago; Foblex Flow ships frequent releases and targets current Angular. - Chart libraries (ngx-charts and friends) draw data, not editors — no dragging, no wiring, no editing events. - Big commercial diagram suites bring their own data model and licensing; here the chart stays your data, the library only emits events, and everything is MIT."},{"chunkId":"/docs/angular-flowchart-library#4","slug":"angular-flowchart-library","route":"/docs/angular-flowchart-library","section":"docs","title":"Angular Flowchart Library","description":"Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained.","group":"Use Cases","vector":[-0.06822,0.01229,-0.11838,-0.00447,0.01138,0.02151,-0.02537,0.05042,0.06169,0.03167,-0.09534,-0.00371,-0.09791,0.03117,0.03418,-0.00854,-0.09368,0.01295,0.03578,-0.00773,-0.02005,0.01832,0.01749,-0.0174,0.01709,0.07385,-0.00212,-0.01008,0.03334,-0.07381,0.05195,0.04598,0.04587,0.03553,-0.12414,0.02718,0.02906,0.00263,-0.00825,0.02882,0.02442,0.05558,0.0355,-0.04566,-0.09706,0.02696,-0.11766,-0.0338,-0.04024,0.14776,-0.08159,-0.12273,-0.06992,0.10201,0.04136,-0.01885,-0.00757,-0.07852,0.06739,0.01496,0.00331,0.01558,0.01219,0.09953,0.01507,0.01508,-0.09139,0.04233,0.00865,-0.08716,-0.02382,-0.05122,0.05928,-0.01629,-0.00268,-0.03409,-0.00521,0.03625,0.00589,-0.01676,0.00754,0.03917,-0.00461,0.07375,-0.0244,0.08171,0.04396,-0.03429,0.0156,-0.03474,-0.01464,0.10452,0.02389,-0.01775,0.04465,0.0088,0.00464,-0.06547,-0.07762,0.03471,0.00866,-0.08539,0.06957,0.02712,-0.04699,-0.07621,0.02107,0.01187,0.03008,-0.03051,-0.04201,0.00797,0.02152,-0.09388,-0.02716,-0.01096,-0.09197,-0.04921,0.03683,0.05215,0.00679,0.01221,0.01494,-0.0307,0.0557,-0.03318,-0.01106,0,0.01252,0.05353,-0.03358,0.01685,0.08227,-0.03212,-0.04838,-0.11349,-0.00605,0.02428,0.01834,0.0818,-0.08258,0.06526,-0.00426,-0.04999,-0.01918,0.03011,0.01369,0.02888,0.07602,-0.09568,0.01921,0.03886,0.03004,0.0795,0.03931,0.04518,-0.02732,0.03067,0.03248,-0.02562,-0.04636,-0.05446,0.00806,-0.04699,-0.07991,-0.07461,-0.02673,-0.02248,-0.01373,-0.08486,-0.13267,-0.00663,-0.02097,-0.01028,-0.08515,-0.02568,0.0912,0.03961,0.02681,0.03554,-0.0175,0.02011,0.05807,-0.05336,-0.01758,0.08557,-0.01018,0.02637,0.05194,0.08034,-0.01316,-0.09223,0.02745,0.01528,-0.01632,0.0135,0.08073,-0.03659,-0.0924,0.0113,0.05421,0.03012,0.03896,0.01687,0.02933,0.05603,0.03452,-0.04669,-0.08865,-0.09244,0.05219,0.0342,0.08314,-0.0823,-0.00442,-0.03364,-0.10507,0.01696,0.07836,0.02616,-0.00983,0.02054,0.0368,0,-0.06142,0.03533,-0.0182,0.0768,0.05362,-0.0315,0.05291,0.07031,0.08164,0.05748,0.03045,0.01967,-0.01525,-0.05115,0.09768,-0.01858,-0.0055,-0.08717,0.0124,-0.07802,0.02564,0.03916,-0.02943,-0.03236,-0.04897,0.06531,0.02022,-0.0273,0.01628,-0.04308,-0.02021,-0.01003,-0.06834,-0.05579,-0.0231,-0.05643,0.09119,0.02495,-0.0212,-0.05354,0.04562,0.00821,-0.02806,-0.02274,-0.07634,0.02122,-0.0474,0.00761,0.01729,0.01413,-0.00889,0.03843,0.01937,-0.06569,-0.02368,0.01615,0.08108,0.03818,-0.00266,-0.01195,-0.07113,0.0038,0.05448,-0.04038,0.03625,0.0271,-0.02214,-0.04268,0.00262,0.07768,0.08387,0.0342,-0.01196,0.04017,0.06926,0.04398,0.07976,-0.00416,0.02635,0.02437,0.05959,0.09664,0.03475,0.06459,0.10452,-0.00747,-0.09686,-0.10868,0.03438,0.05847,-0.04763,0.05455,-0.01418,-0.00262,0.04874,0,-0.1164,-0.02848,-0.07327,-0.05272,0.0424,0.00857,-0.05194,0.02946,0.01956,-0.0279,0.04589,0.06426,-0.00521,-0.03539,0.01432,-0.0062,0.00806,0.01287,-0.00049,-0.03175,0.04501,0.01074,0.03182,0.05777,-0.06269,-0.05261,0.0081,0.01031,-0.01032,-0.04985,-0.02067,0.08352,0.0988,0.03004,-0.02819,0.01014,-0.0782,-0.0013,-0.12135,0.01039,0.04641,0.02473,-0.01141,-0.04051,-0.09173,0.03611,-0.03261,-0.04466,-0.05087,-0.02125,-0.07215,0.0362,-0.07384,0.08494,-0.02395,0.04206,-0.03779,-0.05047,0.02623,-0.0037,-0.06721,0.02992,0.09353,-0.02999],"keywords":"Angular Flowchart Library Angular Flowchart Library Foblex Flow is an Angular-native flowchart library for editable flowcharts: draggable steps, wired connections, validation rules, auto-layout, and accessibility — MIT licensed and actively maintained. Minimal flowchart Continue with Get Started, or open the Call Center and AI Low-Code Platform demos — both are flowchart editors underneath.","excerpt":"Minimal flowchart Continue with Get Started, or open the Call Center and AI Low-Code Platform demos — both are flowchart editors underneath."},{"chunkId":"/docs/react-flow-alternative-for-angular#0","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.0921,-0.02886,-0.02508,0.01174,0.05219,0.04117,-0.08259,0.09109,0.02805,0.0348,-0.14482,-0.02157,-0.09486,0.04234,0.09549,0.01474,-0.03588,0.04567,0.07048,-0.02044,-0.04928,-0.04077,0.03101,0.00616,0.02146,0.08653,0.02633,-0.03632,0.04239,-0.0476,-0.0016,0.10125,-0.05095,0.05146,-0.16828,0.08716,-0.03167,0.02545,-0.07469,-0.08059,0.02016,0.09127,-0.02105,-0.07427,0.00973,-0.06379,-0.07069,-0.06293,-0.06928,0.03959,-0.09311,-0.13181,-0.07074,0.06006,0.03946,-0.04572,0.06121,-0.10425,0.01246,0.02038,-0.00035,-0.01625,0.02299,0.04188,-0.01929,0.03862,-0.05069,0.11593,0.06653,-0.09535,-0.03559,-0.02285,0.04661,-0.02857,0.00318,-0.08611,0.02765,0.04,-0.01939,0.02549,-0.0176,0.05428,-0.04622,0.02037,-0.04469,0.12902,0.03956,-0.02111,0.00377,-0.03141,-0.03064,0.0344,0.07161,-0.04396,0.04628,-0.00383,-0.00431,0.01325,-0.08004,-0.01971,0.00913,-0.03556,0.01942,-0.03219,-0.05837,-0.04195,0.00661,-0.03658,0.03756,0.02739,-0.02648,0.01628,-0.04161,-0.08423,-0.05647,-0.04707,-0.01884,-0.05619,0.07744,0.1441,-0.02996,0.05328,0.00926,-0.0336,0.07371,0.01663,-0.04839,0,0.01529,0.0259,-0.0117,0.03582,0.10511,-0.02651,0.03073,-0.10048,0.01375,-0.02206,-0.00013,0.09152,-0.0647,0.09568,-0.03954,-0.09564,-0.05522,-0.00984,0.04414,-0.00084,0.00875,-0.05211,-0.03145,0.0638,0.07243,-0.00709,-0.00885,0.06967,-0.06259,-0.0088,0.04496,0.00318,0.02568,0.05179,-0.04116,-0.03452,-0.08994,-0.07743,0.04483,-0.0494,-0.02428,-0.03371,-0.07305,0.07561,0.05029,-0.01205,-0.0376,-0.03296,0.07407,0.01298,0.01317,0.04936,0.03851,-0.02935,0.03894,-0.05756,0.03478,0.04982,0.04787,0.07184,-0.00268,0.09912,-0.0294,-0.04914,0.01187,0.05856,-0.03127,-0.02758,0.03282,-0.02362,-0.07465,0.02201,0.01942,0.05443,-0.00407,-0.02693,0.02159,0.0205,0.07272,-0.03798,-0.07576,-0.05436,0.00282,0.09344,0.07306,-0.06671,-0.02209,-0.01851,-0.04127,0.00949,0.07026,0.00619,0.04297,0.00021,0.05389,0,-0.03847,-0.0227,-0.01799,0.08174,0.02195,-0.03716,-0.01801,0.00518,0.08669,0.01654,0.02273,0.05275,0.07363,0.00112,-0.00868,-0.00918,-0.01607,-0.09289,0.06521,-0.04197,0.05075,0.05674,-0.04019,-0.03075,-0.04378,0.02469,-0.01174,-0.02663,-0.0076,-0.05986,0.00835,-0.05426,-0.00379,-0.04931,-0.0596,-0.04343,0.03227,0.01744,-0.00794,-0.04186,-0.04196,-0.01353,0.02716,0.00127,-0.12599,0.02581,-0.06469,0.02866,-0.01149,-0.03381,-0.05622,0.02498,-0.00172,-0.10012,-0.03735,-0.01537,0.07341,0.00933,0.02861,-0.0096,0.00401,-0.02287,0.03155,-0.03002,-0.0269,0.06746,-0.06843,-0.03929,0.01153,0.08152,0.04489,0.08781,-0.02766,0.00637,0.06901,0.03516,0.10342,-0.03868,0.03432,-0.00533,0.00246,0.11761,0.01285,0.00874,0.06898,-0.01788,-0.10277,-0.05193,0.04933,0.06033,-0.08958,0.02091,-0.03552,0.00704,-0.00037,0,-0.03581,0.00121,0.00138,-0.03815,0.04048,0.02934,-0.03667,0.00939,0.02703,0.05016,-0.00537,0.07859,-0.01645,-0.03987,0.07615,0.02038,0.00937,0.04388,-0.01797,-0.01985,0.02797,0.04434,-0.02033,0.07405,0.0316,-0.00162,0.06954,0.01224,0.00131,-0.02536,-0.07396,0.03586,0.05841,0.00759,0.01396,-0.02859,-0.00222,-0.01981,-0.09813,0.04039,0.04069,-0.00567,-0.01394,-0.04194,-0.08207,0.02318,-0.03123,-0.0736,-0.01172,0.0145,0.02358,-0.00213,-0.12439,0.05276,0.00862,0.05911,-0.07896,-0.06066,0.01902,-0.02643,-0.03517,0.01228,0.10207,0.01975],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. React Flow Alternative for Angular If you searched for this page, you probably know React Flow, like React Flow, and need the same class of node-based editor inside an Angular application. The direct options are wrapping React inside Angular or picking an Angular-native library. Foblex Flow is the Angular-native answer: the same product category — node editors, workflow builders, interactive diagrams — built on Angular's own primitives.","excerpt":"React Flow Alternative for Angular If you searched for this page, you probably know React Flow, like React Flow, and need the same class of node-based editor inside an Angular application. The direct options are wrapping React inside Angular or picking an Angular-native library. Foblex Flow is the Angular-native answer: the same product category — node editors, workflow builders, interactive diagrams — built on Angular's own primitives."},{"chunkId":"/docs/react-flow-alternative-for-angular#1","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.10752,0.01776,0.02456,0.02223,0.08677,0.04251,-0.04,0.0804,0.01942,0.04473,-0.14716,-0.04711,-0.06258,0.07177,0.05448,0.00225,-0.02303,0.02194,0.0169,0.00717,-0.07055,-0.07045,0.01682,-0.00117,0.01686,0.09286,0.01839,-0.06883,0.0578,-0.02378,0.02646,0.11598,-0.09443,0.04493,-0.13035,0.09114,-0.01697,0.00615,-0.09637,-0.09227,0.07255,0.08137,-0.03159,-0.07465,0.02668,-0.03468,-0.01133,-0.01562,-0.05747,0.02818,-0.05049,-0.11431,-0.04031,0.07339,0.02699,-0.03772,0.0783,-0.06575,0.00051,0.04765,0.00845,-0.05776,-0.01953,0.02656,0.03814,0.07287,-0.07403,0.10218,0.02816,-0.01313,-0.03615,0.01211,0.08835,-0.04168,0.01001,-0.05578,-0.03627,0.07267,-0.01542,0.01323,-0.03105,0.0038,-0.02219,0.0217,-0.0157,0.11447,0.03489,-0.07559,0.02454,-0.0365,-0.01563,0.03148,0.06638,-0.01357,0.01306,-0.01225,-0.04025,0.03332,-0.04094,0.01466,0.04279,-0.02649,0.019,-0.00533,-0.02379,-0.0377,-0.01777,-0.03111,0.00183,0.05628,-0.00946,0.03904,0.01959,-0.05641,-0.04749,-0.03333,-0.00723,-0.01268,0.07127,0.10656,-0.04567,0.03187,-0.00044,-0.01484,0.09815,0.05495,-0.04012,0,-0.00843,0.01677,-0.02303,0.05095,0.06075,0.02371,0.02754,-0.09977,0.03444,0.0098,0.01839,0.08752,-0.03206,0.05001,0.00198,-0.08043,-0.04111,-0.04204,0.02532,0.04131,0.02521,-0.11406,-0.05781,-0.01797,0.02572,-0.0246,-0.01763,0.07609,-0.09029,-0.00596,0.01996,-0.00528,0.02361,0.12615,-0.0721,-0.05066,-0.05307,-0.05264,-0.01983,-0.03897,-0.05173,-0.00833,-0.06362,0.06373,0.06758,-0.04229,-0.05334,-0.00405,0.04075,-0.01659,0.03003,0.07221,0.01397,-0.05413,0.01093,-0.03987,0.03261,0.02262,0.04244,0.03954,-0.0083,0.06737,-0.03636,-0.00999,0.02083,0.10748,-0.03374,0.01225,-0.0155,-0.04892,-0.09906,0.0343,-0.01987,0.06597,0.02549,-0.04988,0.03377,0.04997,0.09399,-0.06532,-0.0617,-0.01958,0.03012,0.12933,0.07778,-0.10409,-0.01392,-0.03826,-0.0999,0.04947,0.07132,0.01438,0.10629,-0.0291,0.05896,0,0.00662,0.0142,0.00237,0.06468,0.01682,-0.06296,-0.0256,0.02596,0.07549,-0.00468,0.00622,0.04921,0.02862,0.03371,-0.06098,0.04798,-0.02318,-0.10774,0.05883,-0.10081,0.04831,0.06109,-0.05895,-0.01426,-0.10147,0.01496,0.00275,-0.02826,-0.00945,-0.01939,-0.0233,0.00588,-0.03159,-0.05124,-0.04318,-0.03255,-0.00106,0.0093,0.00867,-0.03378,-0.04842,-0.01227,-0.00601,0.00077,-0.12126,0.01212,-0.0826,-0.0097,-0.09511,-0.01296,-0.06059,0.05259,-0.03277,-0.07282,-0.07035,-0.0168,0.06279,-0.01819,-0.02623,0.00129,0.04798,0.00742,-0.02182,-0.03975,0.00334,0.02345,-0.05597,-0.02816,0.06836,0.0753,0.05578,0.04287,-0.03809,0.01661,0.0901,0.02662,0.09456,-0.03874,0.02754,0.03999,-0.04187,0.11148,-0.0172,-0.03465,0.06776,0.01318,-0.09325,-0.07168,0.08522,0.07295,-0.05132,0.00035,-0.06784,-0.0197,0.03659,0,-0.03834,-0.00845,-0.04751,-0.01425,-0.00866,0.01568,-0.02597,0.02412,0.00776,-0.00224,-0.02525,0.07844,-0.0425,-0.01721,0.03333,0.00555,-0.01428,0.02636,-0.08016,-0.01634,0.0014,0.01417,-0.01563,0.10322,0.0212,-0.04415,0.08311,-0.01672,0.02511,0.01227,-0.06171,0.00978,-0.0127,0.0653,-0.01912,0.00506,0.00344,-0.04097,-0.06005,0.07813,0.03659,0.01006,-0.04613,-0.0233,-0.0791,0.00622,-0.02203,-0.05248,0.0018,0.00835,0.05364,0.02056,-0.09266,0.0491,0.03282,0.01631,-0.05464,-0.01518,0.01434,-0.00073,-0.07398,-0.04647,0.0898,-0.0417],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. Why not just wrap React Flow? Wrapping works, but you pay for it permanently: - two frameworks in one bundle — React, ReactDOM and React Flow ship alongside Angular; - two change-detection worlds — React state and Angular signals/zones must be bridged by hand; - custom nodes become React components, so your Angular components, pipes, directives and DI don't work inside the canvas; - SSR/hydration and testing get two sets of rules. An Angular-native library removes the seam: nodes are your Angular components with your bindings, and the editor participates in change detection like any other part of the app. React DOM","excerpt":"Why not just wrap React Flow? Wrapping works, but you pay for it permanently: - two frameworks in one bundle — React, ReactDOM and React Flow ship alongside Angular; - two change-detection worlds — React state and Angular signals/zones must be bridged by hand; - custom nodes become React components, so your Angular components, pipes, directives and DI don't work inside the canvas; - SSR/hydration and testing get two sets of rules. An Angular-native library removes the seam: nodes are your Angular components with your bindings, and the editor participates in change detection like any other part of the app."},{"chunkId":"/docs/react-flow-alternative-for-angular#2","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.06697,-0.00315,-0.03801,-0.01685,0.05614,0.04632,-0.0436,0.07982,0.03937,0.0335,-0.10317,-0.033,-0.06925,0.05148,0.05777,0.01306,-0.02154,0.02773,0.08621,-0.00415,0.00128,-0.06674,-0.0177,-0.01073,0.07312,0.13285,0.01896,-0.0448,0.06139,-0.02592,0.03579,0.10765,-0.08186,0.07803,-0.1464,0.07396,-0.03009,0.01776,-0.04301,-0.03536,0.05526,0.10807,-0.01145,-0.04342,0.00273,0.01997,-0.06897,-0.02846,-0.08409,0.01924,-0.11015,-0.08909,-0.05296,0.04977,0.04728,-0.00291,0.06568,-0.10795,0.01479,0.0649,0.00582,-0.04449,0.00961,0.03543,0.01009,0.01751,-0.04928,0.07546,0.05459,-0.04314,-0.0121,0.01234,0.03833,-0.06267,0.03152,-0.06786,0.06768,0.07074,-0.04102,-0.00997,-0.02815,0.04866,-0.0313,-0.01408,-0.04385,0.08973,-0.00725,-0.03454,-0.02425,-0.01164,-0.04462,0.04821,0.02091,-0.02539,0.04605,0.0159,0.01743,0.00652,-0.04561,-0.02078,0.05358,-0.02794,0.00066,0.00774,-0.03895,-0.02231,0.00002,-0.0336,-0.01173,0.02609,-0.03727,0.06778,-0.01843,-0.04787,-0.07497,-0.10804,-0.06971,-0.06733,0.0739,0.13353,-0.02103,0.0245,0.03636,-0.02579,0.03801,0.02027,-0.04485,0,-0.01691,0.03014,-0.02018,-0.01394,0.06863,0.00096,-0.00602,-0.10607,0.08003,-0.01615,-0.07481,0.075,-0.02913,0.11729,-0.06592,-0.07878,-0.03614,-0.0091,0.05135,0.00882,0.06047,-0.01528,-0.0068,0.0524,0.07728,0.02212,-0.0599,0.05351,-0.06603,-0.00457,0.01547,0.01795,0.03879,0.05067,-0.0308,-0.00203,-0.0524,-0.09701,0.00607,-0.07742,0.00288,-0.00753,-0.06097,0.04939,0.01758,-0.00846,-0.05006,-0.07313,0.05293,0.01402,-0.0044,-0.00763,0.0289,-0.0486,0.05085,-0.07086,0.04325,0.05602,0.04368,0.07741,-0.00481,0.06927,0.00104,-0.0546,0.04321,0.08142,-0.05558,-0.01033,0.02501,-0.01083,-0.08256,0.09404,-0.01002,0.04687,-0.01869,-0.03973,-0.02543,-0.00099,0.03491,-0.01655,-0.10786,-0.05653,0.00282,0.04834,0.08277,-0.06258,-0.0022,-0.05174,-0.01563,0.00709,0.06724,-0.01889,0.02689,-0.00578,0.06001,0,-0.0248,0.03862,0.02744,0.10252,0.00769,-0.06516,0.02226,0.05111,0.03876,0.04344,0.00313,0.02019,0.05032,-0.02744,0.02289,-0.02019,-0.00051,-0.11885,0.01767,-0.0827,0.03062,0.05455,-0.07469,-0.03618,-0.01793,0.04429,-0.01204,-0.04663,0.01795,-0.02236,0.02453,-0.04636,-0.03556,-0.04291,-0.01957,0.01892,0.00717,0.02509,0.00107,-0.02822,-0.07102,0.00319,-0.01825,0.01274,-0.10861,0.04066,-0.08495,0.01648,-0.02017,-0.04228,-0.03778,0.05725,-0.00935,-0.09945,-0.05315,-0.0564,0.08601,0.02693,0.03137,-0.04754,0.00288,-0.0717,-0.01898,-0.05151,-0.01764,0.0393,-0.05395,-0.08795,0.03356,0.10656,0.06254,0.10055,-0.05786,0.01379,0.12283,-0.00681,0.06935,0.04273,0.00713,0.01997,0.0045,0.10701,0.03347,0.06158,0.09546,-0.01151,-0.1092,-0.06113,0.03399,0.05055,-0.08615,-0.01588,-0.05154,0.01022,0.0103,0,-0.08008,-0.03844,0.02938,-0.03207,0.02415,0.03604,-0.03457,0.01971,-0.00974,0.0366,-0.00257,0.09333,-0.03511,-0.03479,0.05534,0.03143,0.0181,-0.00349,0.00487,-0.00598,-0.03612,0.02254,-0.05699,0.10442,0.05846,-0.03583,0.05199,0.01422,0.0215,-0.0271,-0.05941,0.02826,0.06095,0.03253,0.01859,0.00048,0.03303,-0.00689,-0.09396,0.0448,0.02521,0.02634,-0.0491,-0.02017,-0.0542,0.06235,-0.04195,-0.02044,-0.01237,-0.02391,0.04479,-0.00175,-0.13058,0.05145,0.00963,0.00483,-0.09744,-0.05083,0.06223,-0.02008,-0.01933,0.00923,0.07695,-0.04602],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. How the React Flow mental model maps The paradigm differs by design. React Flow describes the graph as data (nodes[], edges[]) rendered by the library; Foblex Flow describes the graph as an Angular template rendered by you. What you know transfers directly:","excerpt":"How the React Flow mental model maps The paradigm differs by design. React Flow describes the graph as data (nodes[], edges[]) rendered by the library; Foblex Flow describes the graph as an Angular template rendered by you. What you know transfers directly:"},{"chunkId":"/docs/react-flow-alternative-for-angular#3","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.04949,0.016,-0.04201,0.03011,0.07432,0.08148,0.00817,0.10805,0.03219,0.01618,-0.11502,-0.06055,-0.08382,-0.01071,0.06443,0.01299,0.00143,0.03113,-0.01148,-0.00703,-0.02883,-0.11176,0.00076,-0.01536,-0.01062,0.10411,0.02256,-0.05159,0.01498,-0.07102,0.04746,0.11646,-0.02172,0.05412,-0.10631,0.08112,-0.03544,0.00501,-0.07087,-0.03456,0.0402,0.09725,0.00068,-0.05565,-0.00828,-0.00903,-0.00705,-0.0192,-0.05407,0.06194,-0.06436,-0.0606,-0.03699,0.06616,0.05448,0.02686,0.0626,-0.10154,0.00786,0.07018,0.0275,-0.06458,0.02104,0.03974,-0.02933,0.01574,-0.06604,0.00846,0.05413,-0.05157,0.00686,0.03088,0.08203,-0.10255,0.05456,-0.1101,0.06814,0.1097,-0.00256,-0.00895,0.00067,0.01483,-0.02947,-0.00915,-0.03499,0.07789,0.01336,-0.05959,-0.00212,0.01091,-0.07627,0.07146,-0.05177,-0.02068,0.0834,0.00838,-0.02325,-0.03465,-0.0605,0.0143,0.0569,-0.00712,0.00922,0.02171,-0.00395,-0.05126,-0.02675,0.0082,-0.01462,0.01884,-0.02516,0.04579,0.01546,-0.0324,-0.06198,-0.07896,-0.00217,-0.07819,0.10923,0.09443,0.0206,0.05829,-0.01178,-0.02359,0.08288,0.00321,-0.0469,0,-0.01607,0.02269,-0.01799,0.01898,0.09483,0.01078,0.05541,-0.08855,0.02492,-0.00913,-0.07857,0.02824,-0.07775,0.04832,-0.02631,-0.12564,-0.03511,-0.03338,0.01873,0.02867,0.06309,-0.09524,-0.08157,-0.02455,0.05601,0.04042,-0.04426,0.08653,-0.10124,-0.00239,-0.00465,-0.00624,0.0351,0.0298,-0.0349,-0.03842,-0.06331,-0.04381,-0.07191,-0.05735,-0.00502,0.02625,-0.10494,0.00711,0.00827,-0.04033,-0.03095,0.01753,0.08168,0.04066,0.03463,0.0037,0.05975,-0.07177,0.0289,-0.05469,-0.03218,0.02661,0.01419,0.08911,0.01053,0.03594,-0.02857,-0.03128,0.06282,0.09965,-0.00581,0.02001,0.01753,-0.05805,-0.08497,0.08566,0.03424,0.0205,0.03031,-0.01555,0.00057,0.00984,0.03283,-0.04299,-0.02675,-0.04264,0.01641,0.0813,0.07358,-0.05249,-0.00061,-0.05434,-0.08323,0.03556,0.04874,-0.01384,0.027,-0.00448,0.01375,0,-0.03727,-0.02279,0.00956,0.06606,0.03703,-0.01999,0.03694,0.02706,0.04958,-0.00443,-0.03402,0.05854,0.02141,-0.06169,0.00186,0.02041,0.00474,-0.10836,0.02586,-0.01909,0.01199,0.06057,-0.07171,-0.05707,-0.03467,0.03328,0.04107,0.02606,-0.01605,-0.03714,0.00385,-0.03399,-0.07546,-0.05959,0.00055,-0.02558,0.01588,0.02864,-0.00134,-0.00903,-0.04055,-0.0018,-0.0341,-0.00896,-0.07283,0.05777,-0.07072,-0.0196,-0.05837,0.03368,-0.09773,-0.00153,-0.07124,-0.04338,-0.06447,0.01157,0.05196,0.02589,0.04107,-0.02881,0.0095,-0.05991,-0.02753,-0.03272,0.06466,0.06538,-0.09107,-0.00349,0.03216,0.1436,0.05475,0.06457,-0.02665,0.00921,0.08498,0.0318,0.09754,-0.0126,0.05223,0.03958,0.00212,0.10167,0.02596,0.03902,0.08158,-0.02809,-0.1074,-0.05179,0.045,0.06114,-0.07978,-0.01018,-0.03568,-0.03224,-0.02161,0,-0.07959,0.00367,-0.0602,-0.02954,0.03105,0.02796,-0.03211,0.00954,-0.02464,-0.01057,-0.02173,0.10987,-0.0057,-0.00989,0.0509,0.00977,0.02855,-0.02663,-0.02787,-0.01842,-0.04487,0.03029,-0.04953,0.08978,0.05078,-0.04863,0.06138,0.00353,0.06769,-0.02597,-0.06869,0.01967,0.04845,0.04701,-0.04732,0.00273,-0.01337,-0.01845,-0.08419,0.08386,0.0544,0.02162,-0.00563,-0.05228,-0.04835,0.08591,-0.04546,-0.08643,-0.01633,0.02251,-0.00417,0.0251,-0.10859,0.09568,0.02778,-0.01192,-0.06248,-0.0401,0.03903,-0.01173,-0.07746,0.07365,0.04373,-0.00999],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. - <ReactFlow nodes={nodes} edges={edges} → <f-flow fDraggable<f-canvas with @for over your own model; - a node object with position and data → any element with fNode and [fNodePosition], containing real Angular UI; - <Handle type=\"source\" / → <div fConnector fConnectorType=\"source\" fConnectorId=\"...\"; - an edge object → <f-connection fSourceId fTargetId with behaviors, types, markers and labels; - onConnect → (fCreateConnection) — the library emits intent, your app updates the model; - <MiniMap /, <Controls /, <Background / → <f-minimap, fZoom + public zoom API, <f-background; - dagre/elkjs layout recipes → the @foblex/f-dagre-layout and @foblex/f-elkjs-layout packages; - fitView, viewport helpers → fitToScreen(), resetScaleAndCenter(), centerGroupOrNode(). React Flow f Draggable f Node f Node Position f Connector f Connector Type f Connector Id f Source Id f Target Id on Connect f Create Connection Mini Map f Zoom fit View fit To Screen reset Scale And Center center Group Or Node","excerpt":"- <ReactFlow nodes={nodes} edges={edges} → <f-flow fDraggable<f-canvas with @for over your own model; - a node object with position and data → any element with fNode and [fNodePosition], containing real Angular UI; - <Handle type=\"source\" / → <div fConnector fConnectorType=\"source\" fConnectorId=\"...\"; - an edge object → <f-connection fSourceId fTargetId with behaviors, types, markers and labels; - onConnect → (fCreateConnection) — the library emits intent, your app updates the model; - <MiniMap /, <Controls /, <Background / → <f-minimap, fZoom + public zoom API, <f-background; - dagre/elkjs layout recipes → the @foblex/f-dagre-layout and @foblex/f-elkjs-layout packages; - fitView, viewport helpers → fitToScreen(), resetScaleAndCenter(), centerGroupOrNode()."},{"chunkId":"/docs/react-flow-alternative-for-angular#4","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.09671,-0.01144,-0.01175,0.01011,0.03255,0.03557,-0.03909,0.0494,0.01512,0.03746,-0.09332,-0.00748,-0.06262,0.0551,0.06944,0.02208,-0.04371,0.02163,0.06349,0.00092,-0.02929,-0.08269,0.00719,0.01869,0.04909,0.12122,-0.00969,-0.0653,0.05547,-0.03609,0.02668,0.08282,-0.04483,0.04364,-0.13079,0.04787,-0.04078,0.00913,-0.07537,-0.03068,0.04854,0.0782,-0.01301,-0.03774,-0.01378,0.01694,-0.02655,-0.04546,-0.06826,0.05396,-0.0474,-0.05379,-0.01638,0.05007,0.08862,-0.00483,0.07048,-0.06873,-0.0153,0.03593,0.0283,-0.06777,-0.01019,0.02612,-0.00776,0.08686,-0.01871,0.04153,0.04398,-0.04323,-0.03191,-0.00081,0.07153,-0.06795,-0.00158,-0.09555,0.02837,0.05641,-0.0436,0.01537,-0.01443,-0.01855,-0.04294,0.00959,-0.03825,0.06226,-0.01777,-0.06425,0.03691,-0.00878,-0.06486,0.04323,0.07995,-0.06062,0.04755,0.00237,0.00933,0.01781,-0.08821,0.00539,0.04864,0.01124,0.00171,0.04644,-0.01586,-0.03684,-0.04443,-0.04262,-0.02718,0.04212,-0.00556,0.06711,0.03905,-0.0365,-0.05312,-0.0731,-0.06885,-0.0486,0.04212,0.09615,-0.02965,0.01757,0.02256,-0.02338,0.02859,0.03044,0.01324,0,0.00992,0.03274,-0.03605,-0.04458,0.0836,0.0073,-0.00207,-0.11241,0.04618,-0.03524,-0.00015,0.10138,-0.04386,0.06833,-0.03961,-0.05079,-0.0564,0.00564,0.07368,0.0218,0.04408,-0.01298,-0.06285,0.01111,0.07266,0.00877,-0.0206,0.08373,-0.04735,-0.01789,0.01622,-0.02835,0.02242,0.02034,-0.01486,-0.02322,-0.07926,-0.0755,0.01396,-0.08721,0.00859,0.00987,-0.12249,0.02094,-0.00448,-0.04478,-0.0416,-0.05059,0.06261,0.00262,0.02071,0.03907,-0.00314,-0.06696,0.01293,-0.07386,0.01807,0.03908,0.01598,0.07602,0.00476,0.05038,-0.02851,-0.05485,-0.00201,0.09301,-0.07499,-0.00379,0.03293,-0.05944,-0.06207,0.07511,-0.02219,0.0255,0.02635,-0.04388,0.01867,0.03912,0.02579,-0.06511,-0.03567,-0.08977,0.0046,0.13217,0.11435,-0.06369,-0.02263,-0.08807,-0.08124,0.038,0.06741,-0.04247,0.1001,0.02733,0.0239,0,-0.00957,-0.04261,-0.00716,0.12325,-0.01681,-0.0252,0.01719,0.06005,0.05481,-0.01725,-0.00027,0.03577,0.06548,-0.0098,0.03387,0.02478,-0.00143,-0.11449,-0.00778,-0.03495,0.01479,0.04725,-0.06729,-0.00129,-0.07002,0.05432,-0.02511,-0.03997,-0.00563,-0.06803,0.00073,-0.04373,-0.04582,-0.09406,-0.06038,-0.0438,-0.00747,0.05903,-0.02156,-0.00679,-0.03967,0.03969,-0.03746,0.04705,-0.08869,0.05374,-0.09581,0.04257,-0.04079,-0.00728,-0.08173,0.0421,-0.00168,-0.08799,-0.05991,-0.01283,0.10548,0.01714,0.00653,-0.01391,-0.01815,-0.05151,-0.02277,-0.02564,-0.00599,0.05845,-0.05502,-0.00706,0.04609,0.08792,0.07809,0.08952,-0.03897,-0.02449,0.14233,0.05294,0.0665,-0.01991,0.02021,-0.01135,-0.02878,0.12426,0.04268,0.00297,0.07414,0.02873,-0.11225,-0.08497,0.04129,0.0852,-0.10117,0.01341,-0.05541,-0.00364,0.04067,0,-0.08636,-0.00381,0.02153,-0.00466,0.05076,0.02411,-0.01523,0.04059,0.00462,-0.00345,0.00704,0.06985,-0.06392,-0.0318,0.03328,0.05328,0.04342,0.00223,-0.04812,0.02922,-0.01118,0.01382,-0.03645,0.11526,0.03905,-0.03919,0.10736,0.01701,0.02867,-0.01613,-0.05582,0.01862,0.07624,0.028,0.0036,-0.02155,0.0357,0.01377,-0.05844,0.02344,0.00305,0.03413,-0.06242,-0.01257,-0.10706,0.04414,-0.0536,-0.06113,0.00966,-0.01772,0.02157,-0.00197,-0.10522,0.09315,0.05528,0.0394,-0.0668,-0.01946,0.06158,-0.00411,0.02164,-0.0162,0.03199,-0.01144],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. The golden rule in the default stateless mode is the same one React Flow users already respect: the library never mutates your application-owned data — it emits events, you decide. If you prefer library-managed graph records, the optional Managed Flow State plugin applies supported gestures to an explicit typed store and includes snapshots and undo/redo.","excerpt":"The golden rule in the default stateless mode is the same one React Flow users already respect: the library never mutates your application-owned data — it emits events, you decide. If you prefer library-managed graph records, the optional Managed Flow State plugin applies supported gestures to an explicit typed store and includes snapshots and undo/redo."},{"chunkId":"/docs/react-flow-alternative-for-angular#5","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.08247,-0.0933,-0.00086,0.01523,0.00929,0.0811,0.02356,0.0722,-0.00943,0.03582,-0.06797,-0.01242,-0.07312,0.0454,0.07426,0.01496,0.02533,-0.0112,0.03558,0.02528,-0.03978,-0.09343,0.04872,-0.01405,0.00348,0.04827,0.03759,-0.08169,0.03404,-0.02695,0.00808,0.07809,-0.04007,-0.00045,-0.17212,0.04254,0.02304,-0.02042,-0.11762,-0.0698,0.01439,0.02471,0.02559,-0.04846,0.00626,-0.01819,-0.02132,-0.0056,-0.04094,0.03365,-0.08263,-0.10177,-0.00199,0.03306,0.0425,-0.00867,0.03627,-0.0865,-0.02666,0.01074,0.02945,-0.05684,0.02087,0.01342,-0.03193,0.04421,-0.03703,0.04218,0.062,-0.04358,-0.05706,-0.01741,0.08914,-0.03919,-0.01719,-0.07131,0.02851,0.03237,0.02338,0.03142,-0.0058,0.02849,-0.05736,0.04115,-0.04817,0.0912,0.00259,-0.02112,-0.01493,-0.0436,-0.03901,0.03429,0.03705,-0.04091,0.08667,-0.01939,-0.01814,-0.01687,-0.09657,0.00055,0.03669,0.02238,0.0002,0.00644,-0.05704,-0.0157,-0.01092,-0.03856,-0.01326,0.03633,-0.02284,-0.01206,0.00363,-0.05437,-0.06977,-0.03902,-0.04036,-0.03674,0.13524,0.13142,-0.01702,0.02361,-0.02761,-0.03453,0.09565,0.06065,-0.04323,0,-0.00638,0.08367,-0.03244,-0.0175,0.07615,-0.00564,0.01841,-0.14119,0.03028,0.0009,-0.02627,0.05355,-0.0428,0.07905,-0.00927,-0.12496,-0.02911,0.00439,0.04038,0.00332,0.04157,-0.07015,-0.02722,0.03091,0.10357,0.01822,-0.05083,0.07132,-0.02708,-0.01095,0.02774,-0.00445,-0.01881,-0.00153,-0.0348,-0.06202,-0.07342,-0.09686,0.02482,-0.03214,-0.02617,-0.02828,-0.09138,0.03416,-0.00547,-0.00612,-0.04418,-0.03855,0.07545,0.02596,-0.00218,0.00989,-0.02757,-0.06175,0.02341,-0.10633,-0.04202,0.08583,0.04274,0.06643,-0.02772,0.06743,0.00705,-0.05542,0.04207,0.04312,-0.03275,0.01682,0.0418,-0.06121,-0.07065,0.0558,0.00234,0.03665,-0.01489,-0.02433,0.0163,-0.01791,0.09094,-0.03402,-0.0315,-0.02849,0.02641,0.14639,0.1138,-0.06828,-0.06213,-0.07033,-0.10314,0.03721,0.05181,0.00958,0.05609,0.00662,-0.01725,0,-0.02258,-0.00193,-0.01696,0.08725,-0.03051,-0.02774,0.0406,0.01672,0.07163,-0.0259,-0.01051,0.11233,0.12346,-0.00952,-0.0075,0.01982,0.02029,-0.07625,0.05016,-0.03332,0.08334,0.02903,-0.06943,-0.01851,-0.08077,0.05488,0.01365,-0.03561,-0.03199,-0.02381,0.02795,-0.00492,0.00381,-0.05238,-0.02302,-0.01707,0.01269,0.04025,-0.02128,-0.03339,0.00836,-0.00229,0.03948,0.01324,-0.07372,0.05417,-0.10229,0.00974,-0.07333,0.02127,-0.0676,0.01566,-0.04222,-0.11164,-0.07709,-0.00375,0.05978,-0.00598,0.03178,-0.01375,0.04231,-0.05256,-0.00474,-0.00792,0.02509,0.07388,-0.03749,0.01241,0.09263,0.07521,0.07254,0.08106,0.01633,-0.01336,0.10536,0.07523,0.10321,-0.03081,0.03073,0.00041,-0.00615,0.12561,0.02701,-0.02036,0.09401,0.08258,-0.1,-0.05978,0.06431,0.07574,-0.07955,0.01933,-0.03046,0.00606,0.00178,0,-0.02133,0.00089,0.00064,-0.04466,0.02184,0.02524,-0.02504,-0.02071,0.0123,0.0435,-0.02412,0.06869,-0.03488,0.01651,0.08017,0.06176,-0.0003,0.03605,-0.05096,-0.03777,0.02021,0.01718,-0.03737,0.10913,0.0483,-0.02753,0.05713,0.01575,0.03118,-0.02553,-0.01765,-0.00699,0.02784,0.01477,-0.04921,0.00279,-0.023,-0.02069,-0.08128,0.04638,0.03154,0.02105,-0.03305,-0.04011,-0.1141,0.03986,-0.05536,-0.09891,-0.0316,0.00893,0.00642,0.0258,-0.08018,0.05966,0.05412,0.05028,-0.03344,0.00738,0.04952,0.03405,-0.01905,0.00528,0.00498,0.00773],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. What you get that React Flow doesn't ship - Keyboard-driven connection creation and a full accessibility layer (opt-in withA11y()): spatial arrow navigation, selection, movement, deletion and connecting without a mouse, with screen-reader announcements. - Configurable control schemes with Miro-like and draw.io-like presets, switchable at runtime. - Click-to-connect alongside drag, on a gesture-independent connection engine you can extend with custom gestures. - An Angular-grade integration story: signals-friendly, SSR-safe, zoneless-ready, ng add setup. with A11y","excerpt":"What you get that React Flow doesn't ship - Keyboard-driven connection creation and a full accessibility layer (opt-in withA11y()): spatial arrow navigation, selection, movement, deletion and connecting without a mouse, with screen-reader announcements. - Configurable control schemes with Miro-like and draw.io-like presets, switchable at runtime. - Click-to-connect alongside drag, on a gesture-independent connection engine you can extend with custom gestures. - An Angular-grade integration story: signals-friendly, SSR-safe, zoneless-ready, ng add setup."},{"chunkId":"/docs/react-flow-alternative-for-angular#6","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.09659,-0.0034,0.01415,-0.00015,0.07501,0.04368,-0.06312,0.10816,0.0066,0.02976,-0.13911,-0.03487,-0.08124,0.05666,0.08597,-0.00822,0.01203,0.0128,0.059,-0.03376,-0.04802,-0.0925,0.02998,0.01755,0.01362,0.10029,0.02681,-0.03398,0.00905,-0.05577,0.01949,0.10963,-0.05565,0.02741,-0.14628,0.08899,-0.03108,0.00461,-0.04955,-0.05008,0.01385,0.09246,-0.01695,-0.06002,0.00131,-0.02148,0.00168,-0.06018,-0.07069,0.02319,-0.073,-0.11586,-0.05584,0.06041,0.02129,-0.04764,0.06278,-0.10943,-0.01878,0.02565,0.01175,-0.08421,0.00193,0.04051,-0.02481,0.001,-0.05796,0.12259,0.04222,-0.07419,-0.03887,0.00024,0.07902,-0.01825,0.00201,-0.074,0.04066,0.05257,0.01175,0.03245,-0.03232,0.04489,-0.05896,0.00762,-0.03806,0.05817,0.0242,-0.01976,-0.01448,-0.03229,0.01636,0.06514,0.09264,-0.00132,0.08672,0.05289,-0.04469,-0.03202,-0.06671,0.00023,0.02685,0.01597,0.01878,-0.00666,-0.04165,-0.01913,-0.02402,-0.00881,0.04808,0.05096,-0.00044,0.06384,-0.01564,-0.03794,-0.02285,-0.08835,-0.01616,-0.04104,0.05859,0.12944,-0.02485,0.01911,0.05595,-0.01782,0.09026,0.06482,-0.05691,0,-0.01519,0.07111,-0.03184,0.07336,0.08041,-0.00739,0.06135,-0.05276,0.02054,0.02811,-0.04308,0.08785,-0.03625,0.08889,-0.04098,-0.11801,-0.08938,-0.00665,-0.00809,0.01975,0.01848,-0.05722,-0.00801,0.03114,0.09905,-0.02976,-0.017,0.07478,-0.07071,-0.01125,0.03354,-0.02822,0.01983,0.06184,-0.02383,-0.01775,-0.07535,-0.08326,0.00641,-0.05815,-0.03408,0,-0.09321,0.02282,0.05634,-0.01322,-0.0273,-0.04359,0.07432,-0.00811,0.02361,0.01179,0.04197,-0.02936,0.04235,-0.03755,0.04818,0.05974,0.03027,0.0385,0.00131,0.04607,-0.01149,-0.04718,0.03428,0.06702,-0.02542,0.01381,0.01585,-0.04973,-0.04363,0.05759,0.01441,0.04913,0.00183,-0.05949,0.03794,0.07768,0.07616,-0.03774,-0.02224,-0.01249,0.00496,0.06251,0.07119,-0.04719,-0.02783,-0.04848,-0.06498,0.09516,0.05374,-0.00316,0.06543,0.01422,0.03242,0,-0.01717,-0.02818,-0.00123,0.08011,0.04249,-0.04791,-0.01177,0.03771,0.07459,-0.00936,-0.00419,0.05422,0.07021,-0.01018,-0.01442,-0.00608,0.0085,-0.14487,0.09126,-0.06561,0.02472,0.07831,-0.07814,-0.03589,-0.05649,0.04442,-0.02579,-0.05494,0.0196,-0.02703,0.03551,-0.07499,-0.00523,-0.05238,-0.06253,0.01533,-0.03099,0.04975,-0.00451,-0.01424,-0.03431,-0.02704,-0.00399,-0.03493,-0.12742,-0.00729,-0.10002,-0.00989,0.01118,0.00169,-0.06529,0.0508,-0.02852,-0.11224,-0.04564,-0.0398,0.05546,0.01438,0.00667,-0.01223,0.01451,-0.00968,0.0134,-0.02364,-0.04189,0.04453,-0.09453,-0.01484,0.00026,0.09417,0.01917,0.06751,-0.05896,0.00614,0.06664,0.05763,0.06121,-0.02051,0.0235,0.04383,-0.01693,0.09105,-0.01366,0.06943,0.0488,0.05205,-0.04574,-0.07231,0.02552,0.03223,-0.08502,-0.02444,-0.0143,-0.03553,0.03164,0,-0.01632,-0.00237,0.01155,-0.02206,0.01036,0.03017,-0.0931,-0.00348,0.02318,0.07143,0.0101,0.09291,-0.05325,0.00426,0.04085,0.02514,-0.03917,0.01771,-0.03528,-0.04254,-0.00793,0.05622,-0.03578,0.04753,0.07034,-0.00438,0.03986,0.03741,0.0236,-0.04808,-0.06012,0.00961,0.01749,0.02212,0.0456,-0.02443,-0.00603,-0.02124,-0.0576,0.0634,0.0328,0.02058,-0.00057,-0.01235,-0.08918,0.03255,-0.05439,-0.07637,-0.04615,-0.0191,0.04131,-0.01441,-0.14107,0.08558,0.03419,0.05202,-0.08616,-0.01784,0.07153,-0.00736,-0.04407,0.00409,0.02592,0.02116],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. What React Flow has that we don't pretend to match - A much larger ecosystem: more third-party examples, templates, tutorials and StackOverflow answers. - A React-shaped API that LLMs know from training data. - A commercial Pro example library. If those outweigh framework fit for your team, React Flow with a wrapper is a legitimate choice. For a deeper side-by-side — bundle size, SSR, migration notes — read React Flow vs Foblex Flow for Angular teams. Stack Overflow LL Ms","excerpt":"What React Flow has that we don't pretend to match - A much larger ecosystem: more third-party examples, templates, tutorials and StackOverflow answers. - A React-shaped API that LLMs know from training data. - A commercial Pro example library. If those outweigh framework fit for your team, React Flow with a wrapper is a legitimate choice. For a deeper side-by-side — bundle size, SSR, migration notes — read React Flow vs Foblex Flow for Angular teams."},{"chunkId":"/docs/react-flow-alternative-for-angular#7","slug":"react-flow-alternative-for-angular","route":"/docs/react-flow-alternative-for-angular","section":"docs","title":"React Flow Alternative for Angular","description":"Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not.","group":"Use Cases","vector":[-0.09364,-0.01393,-0.01682,-0.00213,0.05376,0.03912,-0.05756,0.09636,0.01371,0.02994,-0.12504,-0.05839,-0.09392,0.03661,0.06061,-0.00081,-0.02131,0.05827,0.03811,0.00702,-0.02975,-0.07325,0.00365,0.01165,0.01597,0.10309,0.04067,-0.057,0.05241,-0.04974,0.04326,0.1175,-0.036,0.04679,-0.15464,0.07647,-0.05348,-0.00548,-0.06036,-0.06139,0.0354,0.09858,-0.00728,-0.06771,0.01577,-0.02499,-0.04412,-0.04406,-0.05043,0.01332,-0.08687,-0.1225,-0.05764,0.03754,0.05569,-0.03296,0.07323,-0.09667,0.01223,0.03243,0.02217,-0.06669,-0.00116,0.04041,0.00528,0.03909,-0.06541,0.05912,0.05579,-0.07065,-0.02912,0.00291,0.06706,-0.0493,0.00885,-0.08676,0.04179,0.05273,-0.01071,0.02176,-0.05343,0.01291,-0.04634,0.01509,-0.033,0.09632,0.02714,-0.04109,0.00673,-0.0238,-0.00985,0.05806,0.03312,-0.02379,0.08393,0.02224,-0.02156,-0.03354,-0.07826,0.00248,0.04024,-0.00455,0.0098,-0.00408,-0.04803,-0.02041,0.02199,-0.03148,0.03001,0.01871,-0.0208,0.02004,-0.00266,-0.07327,-0.046,-0.08547,-0.00907,-0.05207,0.08785,0.11988,-0.00575,0.02788,0.00915,-0.04026,0.07166,0.05225,-0.02588,0,-0.01951,0.04599,-0.01334,0.00128,0.08949,-0.02469,0.03068,-0.1047,0.04875,-0.00554,-0.04908,0.08944,-0.0607,0.07392,-0.05071,-0.13218,-0.05319,-0.02062,0.04127,0.01994,0.05496,-0.06969,-0.02273,0.01815,0.08166,-0.00588,-0.01849,0.04135,-0.09165,-0.00364,0.03196,-0.00047,-0.01622,0.05951,-0.04521,-0.02173,-0.07086,-0.05322,0.00736,-0.07367,-0.02507,-0.00538,-0.07852,0.04788,0.04506,-0.03294,-0.03072,-0.05173,0.06332,0.00873,0.02649,0.03713,0.01278,-0.06179,0.05072,-0.06007,0.02389,0.06609,0.05393,0.09521,-0.00388,0.05206,-0.0228,-0.04353,0.01643,0.08877,-0.04306,0.00271,0.02354,-0.01879,-0.0539,0.05023,0.01924,0.0298,-0.02288,-0.02476,0.02497,-0.00919,0.0618,-0.04562,-0.08524,-0.0381,0.02234,0.09794,0.10544,-0.06839,-0.03936,-0.07013,-0.06441,0.03421,0.04194,-0.02101,0.07167,-0.00753,0.02152,0,-0.03124,-0.02481,-0.01986,0.1046,0.02044,-0.04616,0.00301,0.04162,0.05336,0.01061,0.00171,0.06539,0.07671,-0.00521,0.03753,-0.00604,0.00344,-0.10474,0.07771,-0.04092,0.06219,0.05577,-0.09063,-0.05141,-0.03918,0.03481,-0.00559,-0.01599,-0.00164,-0.04183,0.01754,-0.04678,-0.02011,-0.03998,-0.04773,0.01029,0.01972,0.02816,-0.03297,-0.02427,-0.03159,-0.01444,0.00931,-0.0133,-0.1171,0.01121,-0.07858,0.00719,-0.03548,-0.01309,-0.05649,0.04484,-0.02486,-0.09023,-0.08866,-0.0262,0.07232,0.03035,0.03023,-0.01334,0.01705,-0.06914,0.00986,-0.03681,-0.00373,0.05597,-0.0705,-0.01027,0.01632,0.10264,0.04584,0.0713,-0.03932,0.02036,0.06331,0.01763,0.08747,-0.02036,0.04467,0.00529,0.03369,0.12818,0.0085,0.02153,0.08739,0.01131,-0.0951,-0.0592,0.04788,0.09212,-0.103,0.00403,-0.00865,-0.00341,-0.01195,0,-0.05042,-0.02656,0.04186,-0.00651,0.04954,0.04538,-0.06381,-0.00286,0.00047,0.0214,0.0037,0.07942,-0.01209,-0.00745,0.06839,0.04511,-0.00701,0.01116,-0.02773,-0.03169,-0.00657,0.05961,-0.03861,0.07926,0.05618,-0.02038,0.05042,0.02184,0.01861,-0.02915,-0.04947,0.05149,0.04368,0.00519,0.03351,0.00626,-0.01481,-0.00372,-0.09914,0.0252,0.01385,0.02051,-0.01639,-0.03776,-0.06796,0.0439,-0.06272,-0.08633,0.00323,-0.01215,0.04832,0.01616,-0.14329,0.09868,0.04998,0.03323,-0.08204,-0.04546,0.02952,0.00013,-0.01969,0.0262,0.06355,0.01342],"keywords":"React Flow Alternative for Angular React Flow Alternative for Angular Angular-native alternative to React Flow: how the nodes/edges mental model maps to Foblex Flow templates, what wrapping React costs, and what Foblex Flow ships that React Flow does not. Start in five minutes Continue with Get Started, browse the examples, or open the flagship AI Low-Code Platform demo to see how far the same primitives scale.","excerpt":"Start in five minutes Continue with Get Started, browse the examples, or open the flagship AI Low-Code Platform demo to see how far the same primitives scale."},{"chunkId":"/docs/ngx-graph-alternative#0","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.09006,0.01214,-0.03497,0.02114,0.02643,0.00563,-0.12291,0.03482,-0.00187,0.09992,-0.08509,0.0014,-0.07804,0.06522,0.10312,0.00384,-0.00555,0.00886,0.05952,-0.0374,-0.09488,-0.04501,-0.00276,-0.02767,0.09517,0.08617,-0.0359,-0.01374,0.05798,-0.05774,0.0108,0.05728,-0.0261,0.0395,-0.14491,0.0684,0.02021,0.01112,-0.01543,-0.04718,0.02262,0.05181,-0.04223,-0.04554,-0.06621,-0.04274,-0.09417,-0.02471,-0.04382,0.10372,-0.05459,-0.16095,-0.08596,0.04479,0.0535,-0.00058,-0.01223,-0.07879,0.04834,0.02373,0.02313,-0.00834,0.01036,0.08401,-0.0106,0.03903,-0.04028,0.00339,0.05117,-0.03952,-0.00213,-0.03258,-0.02744,-0.01324,-0.02737,-0.01831,-0.02007,0.0416,-0.03516,-0.07566,0.079,0.06439,-0.02972,0.07785,-0.02009,0.07183,0.023,-0.04783,-0.00018,-0.03484,-0.01934,0.10325,0.05511,-0.01354,0.01201,0.02529,0.04184,0.03325,-0.09345,0.0245,0.01796,-0.10371,0.05523,-0.00581,-0.02844,-0.02953,0.02045,-0.00398,-0.03095,0.01538,-0.01816,0.06048,-0.05266,-0.06807,-0.04718,-0.05639,-0.04461,-0.06512,0.04069,0.1163,-0.00906,0.03761,0.03283,-0.00878,0.10088,0.03448,-0.01852,0,0.03859,0.04438,-0.02779,-0.04546,0.09728,0.00235,-0.06336,-0.07827,-0.0178,-0.0208,0.00071,0.08913,-0.01193,0.10343,0.04327,-0.0622,0.01348,-0.0044,0.05074,-0.02167,0.04047,-0.03839,-0.00695,0.10103,0.04374,0.06657,-0.00717,0.02916,-0.01654,0.00802,0.01494,0.01919,0.01778,-0.01858,-0.07448,-0.02803,-0.08115,-0.10841,-0.00372,-0.04476,-0.02678,-0.02532,-0.08357,-0.02462,-0.01065,0.01345,-0.06946,-0.05623,0.02936,-0.03137,-0.01841,0.03172,0.00763,0.09636,0.04929,-0.02612,0.06185,0.04658,0.02021,0.02104,0.07483,0.055,-0.01259,-0.02115,0.01145,0.05607,0.01321,0.00486,0.05358,-0.04278,-0.10637,0.05917,0.05909,0.00525,-0.01187,-0.04109,-0.0291,0.0184,0.05409,-0.03947,-0.04592,-0.1281,-0.01213,0.06773,0.08364,-0.09519,0.01631,0.01773,-0.02823,-0.00098,0.06293,0.0087,-0.01684,0.0319,0.02912,0,0.00647,0.0448,0.0333,0.11648,0.03597,-0.03747,0.03709,0.00352,0.01763,0.03489,0.01056,-0.00509,0.00917,-0.01193,0.00318,-0.01665,-0.03956,-0.11705,-0.01491,-0.07422,0.00722,0.00427,-0.00673,-0.03983,0.0394,0.03736,0.01448,-0.07305,-0.0164,-0.05471,-0.00937,-0.00389,-0.02875,-0.13951,0.007,0.01665,0.04651,0.0527,-0.02668,-0.04178,0.00055,0.02588,-0.00172,0.01831,-0.04907,0.07875,-0.08012,0.03262,-0.06021,-0.01303,-0.03396,0.03742,0.03592,-0.08872,-0.01954,-0.05681,0.09241,0.04481,-0.02094,-0.0144,-0.03338,-0.02541,0.02778,-0.02437,-0.03263,0.06167,-0.05323,-0.0215,0.00805,0.13143,0.07612,0.00474,-0.09858,-0.00273,0.10083,0.07634,0.09638,0.01605,0.02786,-0.0015,0.01587,0.07943,0.01099,0.03999,0.06356,0.04288,-0.11282,-0.03071,0.05383,0.0737,-0.06766,-0.00477,-0.09694,0.02536,0.03566,0,-0.10053,0.01958,-0.01286,-0.02917,0.07139,0.00717,0.05892,0.0499,0.06352,0.05829,0.01911,0.0036,-0.0241,-0.02293,0.0129,-0.00028,0.0083,-0.00549,0.01808,-0.00201,-0.0377,0.01575,-0.02953,0.06389,0.03254,-0.0479,-0.00859,0.00806,-0.06027,0.01258,-0.04683,0.06385,0.08788,0.04707,0.00531,-0.04881,-0.06696,0.01323,-0.08185,0.01263,0.0578,0.05237,0.0088,-0.03237,-0.06902,0.01246,0.01102,-0.05258,0.00998,-0.07037,-0.04193,-0.03856,-0.10959,0.00088,0.01936,0.07146,-0.05764,-0.06372,0.07329,-0.01127,-0.00571,-0.04729,0.00205,-0.02746],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. ngx-graph Alternative ngx-graph served Angular teams well as a graph visualization library, but its last release was years ago and the repository is effectively unmaintained, while tens of thousands of projects still install it weekly. If you are choosing today — or maintaining an app stuck on it — Foblex Flow is the actively maintained Angular-native option, and it covers a wider job: not just rendering a graph, but letting users edit it.","excerpt":"ngx-graph Alternative ngx-graph served Angular teams well as a graph visualization library, but its last release was years ago and the repository is effectively unmaintained, while tens of thousands of projects still install it weekly. If you are choosing today — or maintaining an app stuck on it — Foblex Flow is the actively maintained Angular-native option, and it covers a wider job: not just rendering a graph, but letting users edit it."},{"chunkId":"/docs/ngx-graph-alternative#1","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.09589,0.02507,-0.03147,0.03423,0.0123,0.00464,-0.08694,0.02687,0.01696,0.11207,-0.08417,0.03551,-0.07914,0.04193,0.08145,-0.01149,0.01596,-0.01309,0.01855,-0.0109,-0.07235,-0.02902,-0.01837,-0.04367,0.05486,0.06606,-0.02367,0.00397,0.07241,-0.0727,0.02609,0.08085,-0.01893,0.00456,-0.13424,0.08316,0.00349,0.02314,-0.01094,-0.03916,0.08124,0.06886,0.00263,-0.09025,-0.05453,-0.03959,-0.13099,-0.0043,-0.03801,0.0905,-0.08393,-0.12912,-0.09311,0.03859,0.03893,0.02966,-0.00633,-0.06864,0.0514,0.01679,0.02682,0.00488,-0.00099,0.05658,-0.00294,0.04964,-0.0321,-0.04074,0.00739,0.02012,-0.00012,-0.04405,-0.03906,0.00344,0.03416,-0.03138,-0.05172,0.02746,-0.00445,-0.08482,0.07502,0.07345,0.01357,0.08992,-0.02042,0.04562,0.03398,-0.06135,0.01825,-0.05303,-0.00961,0.06113,0.01777,-0.00107,0.03665,0.01542,0.03235,0.02834,-0.06641,0.04644,0.03013,-0.07548,0.07395,0.01664,-0.03505,-0.05353,-0.03509,-0.02706,-0.06742,0.00617,-0.01263,0.08095,-0.03989,-0.06205,-0.07502,-0.04702,-0.05779,-0.09089,0.05312,0.09186,0.01986,0.01016,0.01363,0.03605,0.10305,0.0151,0.01561,0,0.00202,0.03165,-0.05293,-0.00135,0.09213,0.0183,-0.09473,-0.05848,-0.00967,0.01861,0.03338,0.09524,0.00202,0.09544,0.06123,-0.05649,0.05474,0.01193,0.03614,-0.03497,0.0451,-0.03617,-0.0296,0.08496,0.08134,0.09309,-0.01505,0.0529,-0.06345,-0.00252,0.00849,-0.00867,0.0359,-0.02239,-0.06843,-0.00083,-0.09918,-0.0913,-0.03742,-0.06063,0.02362,-0.00194,-0.07984,-0.01567,0.01225,0.03534,-0.04145,-0.03376,0.03103,-0.02573,-0.01118,0.04469,0.02914,0.09577,0.05516,-0.02417,0.03096,0.01798,0.01333,0.03003,0.07553,0.02332,-0.01604,0.01341,0.06097,0.04838,0.03609,0.01995,0.07004,-0.02992,-0.10265,0.06719,0.0187,0.0195,-0.00325,-0.03712,-0.04684,-0.01822,0.04312,-0.02038,-0.03207,-0.10036,0.00359,0.08164,0.05524,-0.11202,0.04136,0.05026,-0.01827,-0.02873,0.08153,0.009,-0.02127,0.03198,0.05829,0,0.01467,0.03837,0.03571,0.11722,-0.011,-0.02977,0.04209,0.00112,0.01984,0.01495,0.01674,-0.01269,0.0091,-0.02427,-0.00504,0.0023,-0.11331,-0.09527,-0.02521,-0.05818,0.03848,0.00342,0.00416,-0.03204,0.02048,0.03982,0.03472,-0.04126,-0.03431,-0.03431,-0.03705,-0.00706,-0.04269,-0.09199,-0.00309,-0.00041,0.02914,0.06334,-0.00919,-0.02941,-0.00209,0.05955,0.01056,0.00799,-0.03811,0.07228,-0.07235,0.05372,-0.05497,-0.02117,-0.07714,0.05337,0.02194,-0.08812,-0.0378,-0.03206,0.07664,0.02348,-0.02127,-0.01682,-0.03311,-0.02684,0.04273,-0.0286,-0.00793,0.05028,-0.07423,-0.06317,0.0052,0.12771,0.04821,0.01886,-0.08543,-0.01506,0.09907,0.05996,0.12003,0.01217,0.05842,-0.03309,-0.00665,0.06173,-0.00951,0.03216,-0.02374,0.07119,-0.11464,-0.01271,0.0793,0.08888,-0.0774,-0.01718,-0.05021,-0.00188,0.01791,0,-0.11314,0.0283,-0.02253,-0.00519,0.05627,-0.00208,0.07186,0.04455,0.02121,0.06308,-0.01021,0.02802,-0.03769,-0.02458,-0.03408,-0.01196,-0.01366,-0.01348,-0.01193,-0.0254,-0.03901,0.01465,0.00301,0.06572,0.04261,-0.06994,-0.0164,-0.00209,-0.01666,0.0187,-0.05928,0.04017,0.11889,0.06075,-0.054,-0.05851,-0.07428,0.00928,-0.04824,-0.03651,0.05151,0.02121,-0.01834,-0.02905,-0.09178,0.02397,0.05509,-0.03596,0.02286,-0.04802,-0.05917,-0.0366,-0.04428,-0.03066,0.0121,0.07817,-0.02798,-0.05076,0.117,-0.0021,-0.04101,-0.04498,-0.02845,-0.06592],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. The honest difference in scope - ngx-graph renders a graph from data with automatic layouts. Interaction is mostly viewing: pan, zoom, click. - Foblex Flow is an editor toolkit: dragging nodes, creating and reassigning connections, selection, resize/rotate, minimap, snapping, undo-friendly events — plus optional auto-layout via the Dagre and ELK packages when you want ngx-graph-style automatic arrangement. If all you need is a static, auto-laid-out visualization and you never touch it again, a dead-but-working dependency may hold for a while. The moment users need to change the graph — or you need Angular 17+ support, signals, SSR, or bug fixes — you need a maintained editor library.","excerpt":"The honest difference in scope - ngx-graph renders a graph from data with automatic layouts. Interaction is mostly viewing: pan, zoom, click. - Foblex Flow is an editor toolkit: dragging nodes, creating and reassigning connections, selection, resize/rotate, minimap, snapping, undo-friendly events — plus optional auto-layout via the Dagre and ELK packages when you want ngx-graph-style automatic arrangement. If all you need is a static, auto-laid-out visualization and you never touch it again, a dead-but-working dependency may hold for a while. The moment users need to change the graph — or you need Angular 17+ support, signals, SSR, or bug fixes — you need a maintained editor library."},{"chunkId":"/docs/ngx-graph-alternative#2","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.0807,-0.01307,-0.0166,0.01324,0.03129,-0.02238,-0.12056,0.04626,-0.01843,0.11202,-0.05791,-0.00158,-0.04569,0.04309,0.11277,0.009,-0.00001,0.04069,0.02943,0.00277,-0.07862,0.00201,0.00159,-0.04057,0.08463,0.06407,-0.04212,-0.01505,0.06729,-0.06795,0.01995,0.059,-0.05066,0.02,-0.08383,0.08751,0.01052,-0.02115,0.0156,-0.04541,0.06285,0.04497,-0.02387,-0.04722,-0.04866,-0.05053,-0.12071,-0.01358,-0.03285,0.09544,-0.08405,-0.15645,-0.10628,0.07093,0.02573,0.01481,-0.00374,-0.06828,0.05966,0.03491,0.06029,0.01687,-0.0082,0.07845,-0.0201,0.03839,-0.05283,-0.01398,0.03332,-0.01252,-0.01964,-0.03177,-0.0623,0.0012,-0.00429,-0.05553,-0.01944,0.04505,-0.03523,-0.07229,0.07403,0.05508,-0.02021,0.05882,-0.01262,0.05614,0.03454,-0.07028,0.01859,-0.05896,-0.00257,0.06663,0.05236,0.00378,0.01084,0.00453,0.02978,0.05831,-0.07861,0.02732,0.01497,-0.07446,0.0606,-0.01213,-0.02579,-0.01366,-0.01068,-0.01321,-0.03162,0.0265,-0.01262,0.06897,-0.04227,-0.07712,-0.04923,-0.07509,-0.07075,-0.07727,0.04573,0.11966,-0.02501,0.00976,0.01169,-0.00004,0.07226,0.02629,-0.021,0,-0.00433,0.03289,-0.03919,-0.05608,0.08021,-0.00323,-0.08466,-0.07203,-0.00151,-0.02886,-0.01248,0.10023,-0.02884,0.07586,0.07419,-0.04702,0.04276,-0.01894,0.1024,-0.02361,0.05996,-0.04176,-0.01395,0.10946,0.07607,0.09195,0.02294,-0.00401,-0.04281,0.00822,0.01591,-0.00159,0.03812,-0.00731,-0.07918,-0.01661,-0.06686,-0.07934,-0.02551,-0.06642,-0.00788,-0.02853,-0.08272,-0.00849,0.00063,0.01336,-0.03403,-0.07855,0.04794,-0.05544,-0.0145,-0.00444,0.008,0.09526,0.02089,-0.04217,0.03303,0.05384,0.01989,0.03958,0.08262,0.00295,0.02515,-0.00586,0.04776,0.02859,0.00458,0.00907,0.05484,0.00426,-0.09538,0.03434,0.03136,0.05634,-0.02082,-0.05844,-0.05706,-0.01837,0.07127,-0.06205,-0.0469,-0.08355,-0.04262,0.08248,0.0961,-0.10205,0.02152,-0.02228,-0.01564,0.00043,0.06761,0.01301,-0.04351,0.02742,0.05079,0,0.00324,0.04074,0.03189,0.12822,-0.01143,-0.0505,0.06984,0.02286,0.01133,0.04628,-0.00176,0.00143,0.03837,-0.02717,-0.00751,-0.01976,-0.06429,-0.10862,-0.02284,-0.05068,0.02327,0.0298,-0.01252,-0.05163,0.04047,0.03024,0.01879,-0.03435,-0.03666,-0.06687,-0.03117,0.01236,-0.00395,-0.097,-0.015,0.05686,0.05327,0.0624,-0.0052,-0.06712,0.0145,0.02049,0.03312,-0.00368,-0.06102,0.07035,-0.08811,0.0454,-0.06136,-0.0423,-0.00413,0.03671,0.04365,-0.08907,-0.01923,-0.02521,0.06446,0.02801,-0.0302,-0.03709,-0.01193,-0.00918,0.05661,-0.01916,-0.00129,0.05258,-0.07433,-0.04038,-0.04341,0.10466,0.05741,0.02424,-0.10991,0.02192,0.06336,0.04697,0.10307,0.01396,0.02542,-0.03097,0.00376,0.06695,-0.00767,0.01467,0.00523,0.03809,-0.09012,-0.03766,0.05667,0.07392,-0.09102,-0.00627,-0.05408,-0.01712,0.00216,0,-0.10854,0.03355,-0.00406,-0.00779,0.06068,0.02448,0.06457,0.06079,0.07535,0.07067,-0.02582,0.0156,-0.01637,0.01622,-0.02753,-0.01252,0.02035,0.00918,0.02533,-0.01575,-0.06777,0.03729,0.01936,0.08442,0.0679,-0.05095,-0.02138,-0.01224,-0.00053,0.00833,-0.04429,0.04114,0.10428,0.03421,-0.01332,-0.01593,-0.06873,0.03902,-0.09448,-0.02572,0.07197,-0.00116,-0.00802,-0.04008,-0.07977,0.00997,0.03246,-0.03721,0.04883,-0.05029,-0.03019,-0.06611,-0.10332,-0.06749,0.00778,0.07343,-0.04999,-0.05813,0.08204,-0.00685,0.00096,-0.04916,0.01001,-0.03549],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. Migrating from ngx-graph The models are close enough that migration is mechanical for most apps:","excerpt":"Migrating from ngx-graph The models are close enough that migration is mechanical for most apps:"},{"chunkId":"/docs/ngx-graph-alternative#3","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.0441,0.0281,-0.02267,0.031,0.06319,0.01505,-0.04543,0.05866,0.02863,0.07813,-0.1025,0.03773,-0.05913,0.02624,0.08958,0.00517,-0.00655,0.01585,0.02733,0.0101,-0.07415,-0.0643,0.00556,-0.01919,0.06254,0.08919,0.04771,-0.01662,0.07151,-0.07472,0.06957,0.03506,-0.00196,0.0687,-0.13631,0.12474,0.02158,0.0184,-0.07484,-0.04608,0.03209,0.09877,-0.03779,-0.09145,-0.02685,0.02132,-0.07905,-0.04867,-0.04384,0.0779,-0.11507,-0.14566,-0.05515,0.05641,-0.02398,-0.02219,0.02768,-0.05615,0.03875,0.03002,0.0001,-0.04724,0.04335,0.02387,0.02785,-0.01763,-0.0287,-0.03132,-0.05978,0.04242,0.00224,-0.04976,0.01337,0.0297,-0.03238,-0.02971,-0.00483,0.02508,0.0364,-0.03188,0.0843,0.0678,-0.00388,0.04892,-0.04275,0.03908,-0.00238,-0.04857,-0.03877,-0.05228,-0.0362,0.12575,-0.0028,-0.03245,0.06801,0.0521,0.00536,0.01752,-0.01861,0.00209,0.05126,-0.03498,0.01392,0.0063,0.00957,-0.02432,-0.0423,0.00821,-0.00923,-0.01287,0.00028,0.08547,-0.03724,-0.02964,-0.09207,-0.07932,-0.00677,-0.04578,0.03571,0.10826,0.00655,0.03405,0.03294,0.04815,0.08101,0.03833,-0.00634,0,-0.02874,0.06006,-0.08661,-0.04294,0.04785,-0.00741,-0.05347,-0.06775,0.02841,0.05809,-0.00468,0.0324,-0.02268,0.08634,0.0585,-0.059,0.0463,-0.0348,-0.00431,-0.05775,0.08995,-0.04544,-0.01666,0.07724,0.10151,0.06757,-0.0572,0.07002,-0.14443,-0.04208,0.05941,0.02424,0.00722,-0.03983,-0.00211,-0.04661,-0.0802,-0.03248,-0.04971,-0.01329,0.04676,-0.05817,-0.06126,-0.03978,-0.00746,0.00832,-0.07581,-0.04412,0.05967,-0.01341,-0.00728,0.02756,0.02297,0.00417,0.02576,0.01776,0.02327,-0.02795,0.00746,-0.00053,0.00475,0.01501,0.01535,-0.06509,-0.0315,-0.00269,0.06248,0.02849,0.0239,-0.02894,-0.03694,0.04576,0.03961,-0.0102,-0.00233,-0.03903,-0.05336,0.02315,0.06037,-0.00863,-0.03214,-0.08204,0.03268,0.05239,0.13732,-0.07778,0.03781,-0.05337,-0.03096,-0.01892,0.06427,-0.01067,-0.04734,-0.03216,0.01148,0,0.01589,0.0999,0.02729,0.07424,-0.00649,-0.01768,0.00549,0.04918,-0.03555,0.01414,-0.01291,-0.02327,0.00618,-0.01801,-0.05006,0.04216,-0.04602,-0.04709,-0.01412,-0.05322,-0.02124,0.02939,0.04419,-0.01026,0.04838,0.04647,0.05952,-0.02416,-0.00554,-0.05445,-0.0423,-0.00102,0.07783,-0.12027,0.02171,-0.02651,0.04084,0.00436,0.01418,-0.0582,0.01353,0.04912,0.02178,0.02507,-0.09293,0.02891,-0.05073,0.04849,-0.06728,0.0232,-0.03694,0.02667,-0.03217,-0.02594,-0.04082,-0.06366,-0.00402,0.03099,-0.05433,-0.00764,-0.06414,-0.02604,0.01349,0.01244,0.06936,0.05146,-0.0924,-0.0405,0.01881,0.13094,0.02159,0.01503,-0.01542,-0.01746,0.09397,0.06424,0.08571,0.05148,0.07201,-0.05081,0.02413,0.03959,-0.05007,0.08344,0.05599,0.04272,-0.13639,-0.07262,0.03704,0.06662,-0.07022,-0.00494,-0.00845,0.00493,0.09156,0,-0.04495,0.00964,-0.08212,0.00075,0.08141,-0.02931,-0.00043,-0.00322,-0.04372,0.06943,-0.05751,0.04677,-0.06066,-0.04759,-0.00812,-0.00183,-0.01643,-0.00088,0.0252,0.05452,-0.02679,0.01887,-0.04287,0.11205,0.07054,-0.03489,-0.02908,-0.01912,0.05735,0.0135,-0.09502,0.01667,0.04398,0.09085,-0.02922,-0.05807,-0.05619,-0.0589,-0.07337,0.00168,0.07704,0.03131,0.05699,-0.05592,-0.13372,0.06424,-0.0194,-0.06424,0.01401,-0.00785,-0.02777,-0.03367,-0.09836,0.01322,0.02821,0.01663,-0.00344,0.01058,0.09443,0.00368,-0.01583,-0.01735,-0.00751,-0.08434],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. - In the default stateless mode, ngx-graph nodes / links arrays stay your source of truth — Foblex Flow never owns your data. Render them with @for instead of passing them to a component input. - A node template (ng-template #nodeTemplate) becomes a plain element with fNode and [fNodePosition] — with your full Angular component inside, not an SVG fragment. HTML instead of SVG is the biggest quality-of-life change: real inputs, buttons, pipes and directives inside nodes. - A link becomes <f-connection fSourceId fTargetId with built-in path types (straight, segment, bezier), markers and labels. - Automatic layout (dagre in ngx-graph) maps to @foblex/f-dagre-layout or @foblex/f-elkjs-layout — run it on init or on demand, then keep user-made positions. - (select)-style events map to fSelectionChange; panning/zooming to f-canvas + fZoom. node Template f Node f Node Position f Source Id f Target Id f Selection Change f Zoom","excerpt":"- In the default stateless mode, ngx-graph nodes / links arrays stay your source of truth — Foblex Flow never owns your data. Render them with @for instead of passing them to a component input. - A node template (ng-template #nodeTemplate) becomes a plain element with fNode and [fNodePosition] — with your full Angular component inside, not an SVG fragment. HTML instead of SVG is the biggest quality-of-life change: real inputs, buttons, pipes and directives inside nodes. - A link becomes <f-connection fSourceId fTargetId with built-in path types (straight, segment, bezier), markers and labels. - Automatic layout (dagre in ngx-graph) maps to @foblex/f-dagre-layout or @foblex/f-elkjs-layout — run it on init or on demand, then keep user-made positions. - (select)-style events map to fSelectionChange; panning/zooming to f-canvas + fZoom."},{"chunkId":"/docs/ngx-graph-alternative#4","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.08093,-0.01645,-0.03628,0.0413,0.01474,-0.00913,-0.1168,0.02531,-0.02437,0.11512,-0.05984,0.00159,-0.06395,0.0471,0.09411,0.00652,-0.00107,0.03541,0.03157,0.00966,-0.08209,-0.02329,0.00715,-0.05542,0.07772,0.04744,-0.05845,-0.02676,0.05813,-0.08191,0.01412,0.05838,-0.04607,0.02162,-0.08762,0.11259,0.01558,-0.03298,-0.01606,-0.04521,0.06331,0.05348,-0.03479,-0.058,-0.04297,-0.04187,-0.13454,-0.01789,-0.03145,0.09092,-0.08794,-0.16646,-0.09596,0.05301,0.0316,0.01708,-0.00276,-0.05952,0.05033,0.04618,0.04017,0.01369,0.00403,0.0549,-0.02113,0.05364,-0.04813,-0.02195,0.02635,-0.02818,-0.0229,-0.04386,-0.05525,0.02508,0.00256,-0.0511,-0.03606,0.03377,-0.02242,-0.04439,0.08274,0.05278,-0.02661,0.07668,-0.01573,0.07695,0.04334,-0.06215,-0.01043,-0.05811,-0.01384,0.0668,0.03646,0.00606,0.02221,-0.00484,0.03556,0.05217,-0.07964,0.02471,0.00747,-0.07609,0.05293,-0.00271,-0.03306,-0.01991,0.00049,-0.02012,-0.05274,0.00269,-0.00878,0.05668,-0.05408,-0.07231,-0.04548,-0.0686,-0.06152,-0.07161,0.05975,0.11917,-0.0159,0.0165,-0.00731,0.00233,0.06651,0.01271,-0.00393,0,0.00839,0.04476,-0.04656,-0.04882,0.11285,-0.00819,-0.08023,-0.06609,-0.03316,-0.03526,0.00585,0.07255,-0.02591,0.08192,0.0659,-0.0454,0.04257,0.01045,0.08586,-0.02525,0.04879,-0.04202,-0.02256,0.11565,0.08261,0.07419,0.01351,-0.00681,-0.00218,-0.00277,0.00381,-0.00293,0.03601,-0.03495,-0.08105,-0.01966,-0.08028,-0.07578,-0.02911,-0.05675,-0.01405,-0.00758,-0.07907,-0.02798,-0.02473,0.01861,-0.02582,-0.05503,0.05366,-0.04476,-0.02096,0.00119,0.016,0.08133,0.04403,-0.03734,0.04313,0.07832,0.01944,0.0417,0.07816,0.03277,0.01045,0.01692,0.06272,0.03007,0.02186,0.01744,0.07268,-0.03013,-0.10461,0.03375,0.03509,0.0482,-0.01846,-0.05975,-0.06138,-0.0257,0.08375,-0.03963,-0.05938,-0.08633,-0.01245,0.10001,0.08995,-0.12672,0.01496,0.01605,-0.01119,-0.01621,0.06569,0.00986,-0.03984,0.0055,0.0265,0,0.00479,0.04542,0.03358,0.11104,-0.0062,-0.03111,0.05959,0.00174,0.01337,0.04577,0.02051,0.00103,0.05048,-0.03722,-0.01652,-0.01497,-0.07947,-0.0982,-0.03302,-0.04726,0.04457,0.00415,0.0113,-0.02642,0.04551,0.02794,0.0261,-0.0161,-0.04841,-0.0683,-0.01615,-0.00412,-0.01878,-0.11075,0.00604,0.02922,0.06735,0.07562,-0.02163,-0.05939,0.01613,0.02692,0.01419,0.00586,-0.03739,0.07116,-0.08952,0.04563,-0.06482,-0.02581,-0.02575,0.03674,0.03341,-0.09325,-0.01531,-0.0321,0.06457,0.02616,-0.0169,-0.04208,0.00075,-0.03011,0.04236,-0.0105,0.00336,0.05108,-0.07462,-0.02457,-0.02111,0.11011,0.0766,0.02913,-0.08065,0.01059,0.06394,0.05907,0.10121,0.01575,0.0512,-0.01566,0.00421,0.07466,-0.00842,0.01884,0.04103,0.07739,-0.07862,-0.02207,0.05883,0.0893,-0.08685,-0.00157,-0.05917,0.00315,-0.00405,0,-0.10916,0.04212,-0.01844,-0.00289,0.05709,0.01226,0.06751,0.05931,0.06286,0.10048,-0.01947,0.00463,-0.01444,0.0193,-0.02338,-0.02136,0.01545,0.02433,0.01972,-0.00897,-0.03004,0.03334,0.02019,0.07919,0.05305,-0.05964,-0.01573,-0.00821,-0.02423,-0.0028,-0.04378,0.03741,0.08575,0.02985,-0.02547,-0.02556,-0.08232,0.04776,-0.10067,-0.0228,0.07238,0.011,0.00454,-0.03702,-0.0689,0.01035,0.03343,-0.03827,0.03957,-0.05361,-0.03075,-0.07528,-0.08521,-0.05141,0.0127,0.08504,-0.0346,-0.02469,0.09025,0.00169,-0.0045,-0.04425,0.00332,-0.0289],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. What has no ngx-graph equivalent — and therefore needs no migration — is everything editors need: connection creation by drag/click/keyboard, groups, resize handles, alignment guides, virtualization for large scenes, and an accessibility layer.","excerpt":"What has no ngx-graph equivalent — and therefore needs no migration — is everything editors need: connection creation by drag/click/keyboard, groups, resize handles, alignment guides, virtualization for large scenes, and an accessibility layer."},{"chunkId":"/docs/ngx-graph-alternative#5","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.08601,0.02216,-0.02048,0.03564,0.0286,-0.00455,-0.09615,0.05218,-0.00343,0.10442,-0.06146,0.00579,-0.07155,0.03186,0.10597,0.02287,0.00643,-0.03555,0.01155,-0.02299,-0.08555,-0.087,-0.02237,-0.01346,0.05134,0.10145,-0.05016,-0.02912,0.08064,-0.0452,0.01654,0.05886,-0.0155,0.02223,-0.11795,0.09627,0.03435,-0.03976,-0.04263,-0.04309,0.08441,0.03319,-0.0424,-0.04905,-0.05444,-0.01816,-0.02941,-0.02699,-0.05939,0.07118,-0.05051,-0.10601,-0.07855,0.06482,0.03298,0.0257,0.02296,-0.05888,0.0083,0.00413,0.01421,-0.0378,0.00538,0.03654,0.00072,0.02044,-0.00922,-0.00356,0.01638,-0.01836,-0.02165,-0.02391,-0.04757,-0.01089,-0.00725,-0.07297,-0.00633,-0.00276,-0.0204,-0.05383,0.0673,0.05654,-0.00895,0.06525,-0.05494,0.043,0.02561,-0.05506,0.00183,-0.03603,-0.02604,0.10324,0.05963,-0.0507,0.05814,0.04505,0.01639,0.05303,-0.04548,0.01671,0.03857,-0.04179,0.07595,0.00656,-0.03885,-0.03664,-0.01963,0.02198,-0.04871,0.03648,-0.03022,0.07862,0.00471,-0.04316,-0.0283,-0.07499,-0.05262,-0.05286,0.02104,0.13793,0.01585,0.00448,0.0511,0.00637,0.06847,0.06436,0.00401,0,-0.02881,0.04667,-0.06212,-0.027,0.04282,0.02581,-0.04097,-0.06194,-0.02085,-0.01638,0.00645,0.11497,-0.02825,0.07783,0.0812,-0.08156,-0.0079,-0.02207,0.10718,-0.01938,0.09603,-0.00785,-0.02155,0.09545,0.09718,0.03503,-0.0034,0.05673,-0.07166,-0.02221,0.01693,-0.01064,0.0292,-0.01164,-0.07235,0.0181,-0.07296,-0.09059,-0.03354,-0.1039,-0.01805,0.0117,-0.09383,-0.01411,0.01038,-0.00836,-0.07204,-0.08898,0.02561,-0.02521,0.0162,0.02198,0.00038,0.05275,0.00763,-0.0423,0.03377,-0.00013,-0.0015,0.01285,0.0589,0.00785,-0.00877,-0.00157,0.04217,0.03273,0.04504,0.02759,0.04551,-0.05905,-0.06413,0.05896,0.01119,0.00548,0.01263,-0.05075,-0.03182,-0.00537,0.01645,-0.0559,-0.00258,-0.08107,-0.0222,0.12195,0.11888,-0.09708,0.02081,-0.01067,-0.03309,0.02536,0.06828,-0.00202,0.0241,0.02632,0.02076,0,0.02531,-0.00678,-0.00148,0.13688,0.00503,-0.05361,0.03167,0.02021,0.03122,-0.02385,-0.00416,-0.02022,0.03642,-0.00292,-0.01777,-0.01332,-0.05912,-0.15471,-0.02062,-0.06506,0.01489,0.04642,-0.05296,0.00769,-0.00587,0.05264,-0.04153,-0.06292,-0.02635,-0.05743,-0.04059,-0.04334,0.01275,-0.11432,-0.00758,0.00179,-0.00628,0.0769,-0.02286,-0.01419,0.00717,0.04726,-0.00495,0.00077,-0.06284,0.09618,-0.10815,0.03261,-0.03738,-0.00299,-0.05142,0.05584,0.00614,-0.09312,-0.03063,-0.0395,0.08223,0.04168,-0.05977,-0.00215,-0.00649,-0.01178,0.05067,0.00068,-0.01105,0.05504,-0.03808,-0.01016,-0.00448,0.09636,0.06229,0.01461,-0.09473,-0.03003,0.08884,0.05946,0.07359,0.00378,0.0377,-0.01978,-0.04111,0.09322,-0.01093,0.01861,0.03978,0.0477,-0.10118,-0.07831,0.05666,0.06465,-0.08256,-0.01251,-0.10456,0.0024,0.02221,0,-0.1108,0.02683,0.00345,0.02722,0.10164,0.00233,0.05184,0.06338,0.07922,0.06704,0.00277,0.01437,-0.06539,-0.03106,0.02194,0.04136,0.00885,-0.01858,0.00303,-0.01905,-0.05986,0.02785,-0.03777,0.08809,0.0581,-0.07081,0.03283,-0.01045,0.01235,0.06757,-0.02293,0.04038,0.09919,0.05515,-0.0197,-0.03233,-0.03527,0.03647,-0.0498,-0.02263,0.054,0.04971,-0.01492,-0.04383,-0.08957,-0.00092,-0.01859,-0.03269,0.01861,-0.06429,-0.03473,-0.05233,-0.07859,0.04268,0.05343,0.06893,-0.01856,-0.01455,0.12529,-0.0139,0.00522,-0.08165,-0.00239,-0.01167],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. Why teams pick Foblex Flow after ngx-graph - Actively maintained: frequent releases, issues answered, Angular 17.3+ targeted, strict SemVer. - HTML nodes with real Angular content instead of SVG templates. - Interaction out of the box instead of view-only rendering. - Scaling tools (virtualization, caching, background workers) when graphs grow. - The stateless core never mutates your application-owned data — events in, your decisions out, same philosophy ngx-graph users already have. - If you do want a ready-made store after migrating, the optional Managed Flow State plugin provides typed records, supported gesture writeback, snapshots and undo/redo without becoming mandatory. Sem Ver","excerpt":"Why teams pick Foblex Flow after ngx-graph - Actively maintained: frequent releases, issues answered, Angular 17.3+ targeted, strict SemVer. - HTML nodes with real Angular content instead of SVG templates. - Interaction out of the box instead of view-only rendering. - Scaling tools (virtualization, caching, background workers) when graphs grow. - The stateless core never mutates your application-owned data — events in, your decisions out, same philosophy ngx-graph users already have. - If you do want a ready-made store after migrating, the optional Managed Flow State plugin provides typed records, supported gesture writeback, snapshots and undo/redo without becoming mandatory."},{"chunkId":"/docs/ngx-graph-alternative#6","slug":"ngx-graph-alternative","route":"/docs/ngx-graph-alternative","section":"docs","title":"ngx-graph Alternative — Maintained Angular Graph Editor","description":"ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links.","group":"Use Cases","vector":[-0.08071,0.00398,-0.03496,0.03426,-0.02226,0.00419,-0.11888,0.03885,-0.00671,0.10921,-0.08241,0.03876,-0.05703,0.04912,0.0867,0.00979,-0.01892,0.01416,0.05383,-0.0052,-0.07489,-0.00993,0.01304,-0.04821,0.05022,0.07877,0.00136,0.00045,0.08989,-0.06917,0.07384,0.06212,0.02202,0.03562,-0.11435,0.07069,-0.00168,0.00653,-0.01156,-0.03946,0.06021,0.08369,0.01501,-0.07761,-0.05146,-0.05188,-0.18091,0.01716,-0.02694,0.06958,-0.09427,-0.12909,-0.06567,0.05927,0.01782,0.00698,-0.01767,-0.08108,0.04369,0.02056,0.08477,0.00807,-0.00868,0.05362,-0.03161,0.06693,-0.04346,0.01789,0.02843,-0.00035,0.00863,-0.05571,-0.055,-0.00339,0.01189,-0.03558,-0.05014,0.0216,-0.01765,-0.06618,0.09472,0.05531,0.0019,0.06219,-0.05403,0.02484,0.0092,-0.07287,-0.00683,-0.05362,-0.03129,0.08271,-0.01457,-0.00814,0.03301,0.01403,0.03773,0.03462,-0.07745,0.0236,0.02093,-0.07426,0.0423,0.01535,-0.03751,-0.04084,-0.04636,-0.03815,-0.06761,0.0099,-0.00665,0.05495,-0.04067,-0.03233,-0.10964,-0.06799,-0.05833,-0.09915,0.0488,0.08338,-0.00642,0.0119,-0.00418,-0.00389,0.07053,0.01903,-0.00467,0,0.01227,0.02546,-0.0621,-0.02134,0.08668,0.00002,-0.0932,-0.06339,0.0117,0.01088,0.04413,0.07139,-0.01058,0.09791,0.00917,-0.06831,0.05932,0.01073,0.04375,-0.05571,0.03908,-0.01748,-0.02019,0.10069,0.07905,0.09778,-0.02021,0.01461,-0.03599,-0.00073,0.01227,-0.0083,0.04456,-0.01075,-0.06186,-0.00826,-0.08802,-0.05573,0.00777,-0.0436,0.01364,-0.02724,-0.04452,-0.02675,-0.02522,0.0475,-0.04429,-0.04625,0.05789,-0.00374,-0.02922,0.00162,0.00768,0.12375,0.06531,-0.04287,0.01453,0.05091,0.02641,0.05669,0.05873,0.02802,-0.00804,-0.01381,0.04106,-0.00375,0.00183,0.00424,0.08273,-0.017,-0.09719,0.05675,0.02886,0.03853,-0.02854,-0.01246,-0.05536,0.01162,0.02526,-0.01637,-0.03953,-0.11077,0.01782,0.10256,0.06247,-0.0942,0.05045,0.04233,-0.00275,-0.02252,0.04388,0.02279,-0.00589,0.03083,0.12312,0,0.02413,0.06079,0.06356,0.06354,0.03147,-0.02468,0.05641,-0.00002,0.04492,0.0654,-0.01056,0.00405,0.04563,-0.00989,0.00477,-0.00501,-0.05854,-0.06254,-0.00376,-0.04346,0.03927,0.01179,0.00984,-0.06553,0.02097,0.04267,0.09355,-0.03715,-0.02574,-0.00113,-0.01846,-0.00304,0.00366,-0.03772,-0.00626,0.02922,0.03,0.06961,0.00429,-0.08015,-0.01314,0.03526,-0.01778,0.00163,-0.05119,0.05571,-0.07645,0.03847,-0.06865,-0.0488,-0.06045,0.0584,0.02036,-0.09058,-0.02452,-0.03489,0.08697,0.0364,-0.00312,-0.03396,-0.01737,-0.00428,0.0478,-0.05657,-0.00102,0.06757,-0.06925,-0.08249,-0.02706,0.11341,0.03413,0.0407,-0.08106,0.02202,0.12387,0.06241,0.07571,0.0205,0.064,-0.04364,-0.0211,0.0599,-0.02077,0.03696,0.00156,0.0612,-0.1011,0.00399,0.04647,0.09997,-0.08498,-0.02628,-0.02597,0.00523,0.02817,0,-0.08777,-0.00808,0.01868,0.008,0.03596,0.00361,0.08956,0.04352,0.02829,0.06709,-0.02938,0.05745,-0.01959,-0.01774,-0.04696,-0.03582,-0.01528,-0.01116,0.00524,-0.00829,-0.01395,-0.00503,0.02693,0.07554,0.05653,-0.03054,-0.02493,-0.03216,-0.02786,-0.01051,-0.04461,0.04843,0.09269,0.02873,-0.01291,-0.04954,-0.05811,0.02227,-0.08514,-0.08072,0.03398,-0.00913,0.01661,-0.05167,-0.07556,0.047,0.04739,-0.00422,0.0357,-0.05061,-0.06858,-0.05925,-0.07838,-0.06784,-0.02269,0.06586,-0.05538,-0.05543,0.09679,-0.03091,-0.03803,-0.00713,-0.01371,-0.05838],"keywords":"ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph Alternative — Maintained Angular Graph Editor ngx-graph is unmaintained; Foblex Flow is the actively maintained Angular-native alternative with editing, auto-layout via Dagre/ELK, and a mechanical migration path from ngx-graph nodes and links. Try it Start with Get Started, see automatic arrangement in the Dagre layout example, and browse the examples gallery for the interactions ngx-graph never had.","excerpt":"Try it Start with Get Started, see automatic arrangement in the Dagre layout example, and browse the examples gallery for the interactions ngx-graph never had."},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#0","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.09641,-0.05793,-0.03908,-0.01518,0.04293,0.05361,-0.07467,0.11437,0.0426,0.0236,-0.11538,-0.05052,-0.07381,0.07998,0.08574,-0.00896,0.02042,-0.03062,0.06519,-0.00233,-0.04419,-0.11518,-0.00366,-0.02277,0.01861,0.09929,-0.00729,0.01197,0.01139,-0.05225,0.02865,0.08916,-0.03908,0.02711,-0.0981,0.06452,-0.02557,-0.01499,-0.05852,-0.02051,-0.00013,0.07607,-0.00372,-0.05516,-0.01957,-0.01924,-0.00778,-0.01794,-0.0736,0.05637,-0.06739,-0.1136,-0.05034,0.05457,0.02845,-0.00776,0.0192,-0.10497,0.01269,0.04014,-0.00763,-0.07325,0.02201,0.05018,0.02286,0.0127,-0.08005,0.04099,0.03692,-0.07082,-0.02272,-0.00555,0.06705,-0.05248,0.00638,-0.03625,0.04911,0.0445,0.01327,-0.02433,0.00496,0.02046,-0.03052,-0.00681,-0.06035,0.07684,0.04508,-0.06597,-0.03734,-0.02493,0.00117,0.09837,0.06954,0.00858,0.07734,0.03068,-0.0345,0.01966,-0.06573,-0.0193,0.03314,-0.03826,0.03977,0.01212,-0.04217,-0.03724,-0.0229,0.00464,-0.00087,0.03108,-0.02923,0.06912,0.02986,-0.03508,-0.01605,-0.07595,-0.05147,-0.05015,0.04011,0.10102,-0.00451,0.02847,0.07707,-0.02363,0.06536,0.05188,-0.03791,0,-0.04351,0.04519,-0.02805,0.03541,0.05123,0.00896,0.00883,-0.04511,0.0099,-0.0106,-0.04797,0.0704,-0.02559,0.09731,-0.05031,-0.08356,-0.05475,-0.02212,-0.03614,0.00663,0.05508,-0.06741,-0.022,0.03904,0.08146,-0.03773,-0.01423,0.08847,-0.10975,-0.0099,-0.01107,-0.02853,-0.01548,0.03449,-0.04505,-0.02976,-0.03346,-0.07885,0.00639,-0.05452,-0.04212,0.02787,-0.08854,-0.01079,0.04237,-0.00395,-0.05288,-0.02815,0.08438,0.02927,0.01218,0.02363,0.03469,0.03398,0.0807,-0.03547,0.06722,0.04179,0.0527,0.03461,-0.00618,0.06951,-0.05853,-0.0657,0.02039,0.09319,0.03079,0.02913,0.02639,-0.04498,-0.05292,0.05368,0.04806,0.0261,0.04022,-0.03454,0.00971,0.09089,0.04069,-0.01421,-0.09149,-0.02777,0.0073,0.06736,0.04318,-0.04708,-0.02076,-0.04503,-0.04191,0.07333,0.08931,-0.00429,0.06472,0.02893,0.04066,0,-0.03563,0.00782,0.0339,0.08593,0.06586,-0.03608,0.0428,-0.00167,0.08973,0.04015,0.03369,0.04969,0.03672,-0.03234,0.00678,0.00367,-0.00395,-0.15749,0.07416,-0.07623,0.03788,0.0217,-0.05959,-0.05019,-0.03176,0.05448,-0.01199,-0.07604,0.00962,-0.0414,0.05637,-0.02842,-0.05077,-0.04295,-0.01985,-0.02049,-0.02105,0.02602,0.00581,-0.02757,-0.02513,0.00352,-0.04135,0.00347,-0.09756,0.03245,-0.0598,-0.04911,0.01886,0.01128,-0.07821,0.07564,-0.01013,-0.09812,-0.04608,-0.03956,0.11764,0.00025,-0.05349,-0.00964,0.02257,-0.00346,0.02276,-0.05309,-0.01956,0.04868,-0.07155,0.02397,0.0399,0.12043,0.05276,0.05249,-0.03715,0.01129,0.09101,0.05989,0.08598,0.04679,0.02725,0.04633,-0.0222,0.11725,-0.00329,0.054,0.03047,0.04234,-0.08706,-0.11351,0.02965,0.05651,-0.05628,-0.02287,-0.00254,-0.03349,0.03683,0,-0.05312,-0.0229,0.0167,-0.04436,-0.01459,0.02632,-0.07225,-0.0032,0.01983,0.07208,0.01904,0.10372,-0.04681,0.0037,0.00603,0.00852,-0.05737,-0.01625,-0.0111,-0.04855,0.00614,0.04201,-0.03821,0.07289,0.01202,-0.03587,0.01372,-0.01873,-0.02651,-0.01562,-0.05933,0.05723,0.01893,0.03611,0.03142,-0.04405,0.00116,0.02057,-0.0903,0.06852,0.05061,0.05417,-0.01141,-0.03238,-0.07383,0.01172,-0.05335,-0.09623,-0.02896,-0.04775,-0.00431,0.02971,-0.145,0.0826,0.02289,0.06176,-0.10947,-0.03758,0.0722,-0.01139,-0.04769,-0.02094,0.07954,-0.01406],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. React Flow vs Foblex Flow for Angular Teams If your product is already built in Angular, the main question is usually not whether React Flow is capable. It is whether you want to embed a React-first graph tool into an Angular application, or use an Angular-native library that follows your existing stack and rendering model.","excerpt":"React Flow vs Foblex Flow for Angular Teams If your product is already built in Angular, the main question is usually not whether React Flow is capable. It is whether you want to embed a React-first graph tool into an Angular application, or use an Angular-native library that follows your existing stack and rendering model."},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#1","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.08646,-0.0082,-0.02539,-0.00639,0.06669,0.06022,-0.07234,0.13442,0.07073,0.02777,-0.13152,-0.06425,-0.09694,0.03577,0.09374,-0.0136,0.02688,-0.04282,0.01993,-0.00583,-0.07529,-0.11242,0.01599,-0.00695,-0.01689,0.09115,-0.0022,0.01403,0.00828,-0.02788,0.01781,0.09974,-0.00601,0.01599,-0.1217,0.0898,-0.01597,0.00287,-0.08814,-0.05321,-0.002,0.05911,0.01243,-0.03756,-0.01469,-0.0306,0.0282,-0.04928,-0.06094,0.0622,-0.05451,-0.10779,-0.07869,0.07177,0.0253,0.01612,0.04794,-0.09671,0.0101,-0.00221,-0.01683,-0.05767,0.01173,0.02853,-0.00287,0.01131,-0.05426,0.03341,0.03489,-0.06278,-0.01095,-0.01315,0.04995,-0.04887,0.00493,-0.05494,0.03316,0.01666,0.00405,-0.01829,0.01758,0.04456,-0.03788,0.00801,-0.05105,0.07031,0.05065,-0.05588,0.0138,0.00966,0.02751,0.10494,0.06012,-0.02058,0.08934,0.03839,-0.00934,0.02836,-0.06143,-0.02713,0.0332,-0.0711,0.04166,0.01943,-0.00763,-0.048,-0.01191,-0.02482,0.00451,0.02666,-0.02717,0.0516,0.02004,-0.02948,-0.02311,-0.05169,0.00111,-0.03292,0.03017,0.1062,-0.02774,0.03548,0.07304,0.00852,0.05036,0.03572,-0.03609,0,-0.0326,0.0591,-0.01861,0.05173,0.04531,0.00346,0.04364,-0.05358,0.02047,-0.01662,-0.03012,0.05985,-0.02015,0.08754,-0.02429,-0.06962,-0.07469,-0.00799,-0.03453,-0.01493,0.06112,-0.08166,-0.03398,0.06228,0.09128,-0.04607,-0.00145,0.08091,-0.10237,-0.02071,-0.02655,-0.04593,0.01491,0.04575,-0.03859,-0.00104,-0.03646,-0.08902,0.02215,-0.06904,-0.05497,0.02018,-0.08855,-0.02491,0.08768,-0.01634,-0.07057,-0.00479,0.09003,0.02509,0.02859,0.01158,0.08125,0.04531,0.05066,-0.01827,0.06724,0.00855,0.02802,0.03909,-0.00624,0.06984,-0.02343,-0.03116,0.03831,0.10884,0.02556,0.02332,0.03009,-0.07628,-0.07537,0.04118,0.04534,0.02917,0.031,-0.0315,0.00841,0.06504,0.04957,-0.02177,-0.05976,0.00175,-0.01179,0.09979,0.03522,-0.03605,-0.02834,-0.00975,-0.0505,0.05052,0.09555,-0.00622,0.05975,0.04265,0.02855,0,-0.02937,-0.03534,0.02539,0.06707,0.05015,-0.02567,-0.00095,-0.0419,0.12736,0.01375,0.035,0.03305,0.03683,-0.0619,-0.02885,0.00692,-0.01009,-0.15939,0.07854,-0.0787,0.06372,-0.01063,-0.02256,-0.03914,-0.04015,0.00243,-0.01479,-0.03771,0.00847,-0.06369,0.00369,-0.01561,-0.03849,-0.07288,0.00041,-0.00869,-0.0503,0.03142,0.01248,0.00306,-0.03012,0.01929,-0.01632,0.03013,-0.11255,0.05335,-0.08992,-0.0435,0.00819,0.00797,-0.08062,0.05103,-0.03236,-0.09458,-0.06181,-0.00292,0.10958,0.01337,-0.06053,-0.01809,0.00027,0.01231,0.04012,-0.03019,-0.05249,0.06604,-0.04912,0.04064,0.02657,0.0976,0.05288,0.02932,-0.04363,0.00072,0.07031,0.05787,0.09663,-0.00047,0.03356,0.05711,-0.03988,0.12647,0.0148,0.0451,-0.008,0.05239,-0.0699,-0.09819,0.04155,0.02369,-0.06186,-0.02824,0.02855,-0.0169,0.01917,0,-0.04908,0.00164,0.01893,-0.037,0.0005,0.02216,-0.10068,0.01489,0.04795,0.07606,0.03226,0.07752,-0.06572,-0.01903,0.0107,0.00317,-0.05004,-0.01083,-0.00928,-0.06938,0.0176,0.03091,-0.04635,0.04744,0.05887,-0.02466,0.04886,-0.00346,-0.03814,0.0029,-0.04446,0.04337,0.01802,0.07331,-0.02253,-0.01854,0.00896,0.00363,-0.07606,0.06953,0.04698,0.03932,-0.01236,-0.05716,-0.10388,0.00517,-0.02574,-0.08704,-0.0267,-0.04268,-0.00729,0.00396,-0.11706,0.07584,0.01764,0.07888,-0.08413,-0.03466,0.09749,-0.02752,-0.08056,-0.00861,0.04009,0.00343],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. Short answer - Choose React Flow when your editor is already React-based or your team is comfortable owning a cross-framework integration layer. - Choose Foblex Flow when your product is Angular-first and you want graph interactions, custom nodes, and workflow builder UX without introducing a React runtime into the editor surface. Foblex Flow is not only an advanced-case choice. Most Angular teams start with the core flow primitives and add optional helpers such as minimap, selection, caching, or virtualization later.","excerpt":"Short answer - Choose React Flow when your editor is already React-based or your team is comfortable owning a cross-framework integration layer. - Choose Foblex Flow when your product is Angular-first and you want graph interactions, custom nodes, and workflow builder UX without introducing a React runtime into the editor surface. Foblex Flow is not only an advanced-case choice. Most Angular teams start with the core flow primitives and add optional helpers such as minimap, selection, caching, or virtualization later."},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#2","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.07448,-0.00361,-0.0527,-0.01057,0.06839,0.03355,-0.04762,0.1144,0.08365,0.05079,-0.12914,-0.00621,-0.06081,0.05676,0.10125,-0.03363,0.03225,-0.06544,0.02676,0.01974,-0.05742,-0.08061,-0.00666,-0.01133,0.00238,0.08121,-0.00548,0.00359,0.03576,-0.0423,0.0292,0.13481,-0.07177,0.00209,-0.13185,0.08984,-0.01081,-0.01847,-0.06492,-0.07362,-0.00915,0.07447,-0.00152,-0.0811,-0.00795,-0.02847,-0.00924,-0.04704,-0.0597,0.02641,-0.08824,-0.11446,-0.03687,0.09736,-0.01551,0.01894,0.03721,-0.08662,-0.00269,0.04436,-0.01841,-0.06867,-0.00782,0.06921,0.01293,0.01543,-0.06921,0.04768,0.0154,-0.06061,-0.00527,-0.01572,0.04985,-0.07968,0.0242,-0.05251,0.01252,0.01356,0.04124,-0.00033,0.02466,0.06515,-0.02159,0.03825,-0.02793,0.04457,0.05108,-0.0614,-0.02895,-0.02666,0.01814,0.10288,0.10237,0.01568,0.03736,0.03438,-0.04647,0.0186,-0.04192,0.00453,0.0389,-0.04264,0.04951,0.00915,-0.04656,-0.01123,-0.01357,0.01037,0.00566,0.05737,-0.03091,0.05817,0.01239,-0.03156,-0.02946,-0.09612,-0.02751,-0.03525,0.03829,0.11276,-0.02647,0.00866,0.07375,-0.00097,0.09805,0.05024,-0.0381,0,-0.05347,0.05099,-0.02138,0.06385,0.07084,0.0379,0.02598,-0.05522,0.04423,0.0012,-0.03527,0.08906,-0.00528,0.04364,0.02161,-0.09802,-0.06693,0.00035,-0.04699,-0.00039,0.06823,-0.05573,0.00523,0.0492,0.10621,-0.01597,0.00559,0.07876,-0.14694,0.00803,0.022,-0.0121,-0.00252,0.09213,-0.03617,0.01219,-0.02601,-0.10328,-0.00635,-0.04155,-0.06449,-0.00728,-0.06912,0.02302,0.05059,-0.03235,-0.05458,-0.00994,0.03735,0.04113,-0.00309,0.0393,0.0495,0.03893,0.06067,-0.02278,0.03863,0.02251,0.03623,0.01157,-0.00597,0.02413,-0.03733,-0.0582,0.02839,0.09133,0.00415,-0.00075,0.02718,-0.06528,-0.06007,0.02921,0.04718,0.05857,0.02946,-0.05728,-0.0296,0.06586,0.05311,0.02045,-0.06101,-0.00968,-0.02149,0.10792,0.06391,-0.06058,-0.01587,-0.05547,-0.07263,0.0933,0.0903,-0.01407,0.08509,0.04686,0.03818,0,-0.01406,-0.00169,0.00136,0.04711,0.06169,-0.05003,0.00034,-0.00052,0.07326,0.04253,0.03112,0.07135,0.01927,-0.02866,-0.03722,0.01622,0.03393,-0.16432,0.05657,-0.08483,0.06689,0.03016,-0.07004,-0.02069,-0.05845,0.03404,-0.03966,-0.07738,0.05188,-0.01746,0.01114,-0.02148,-0.04597,-0.05483,0.00792,-0.00587,-0.04583,0.00349,-0.01102,-0.02854,-0.02105,-0.00916,-0.02011,0.01141,-0.0891,0.01649,-0.09672,-0.05789,-0.01872,-0.00046,-0.06355,0.06689,-0.01979,-0.07306,-0.06187,-0.04638,0.06974,0.0242,-0.07057,0.03011,0.05848,0.01595,0.00853,0.00243,-0.02763,0.0627,-0.08617,0.01955,0.05154,0.09273,0.03169,0.01945,-0.05185,0.01976,0.09596,0.06613,0.08758,-0.02528,0.00529,0.02675,-0.03863,0.10149,-0.01379,0.0201,0.01541,-0.00099,-0.07079,-0.11129,0.02351,0.0304,-0.03793,-0.03111,-0.00351,-0.02816,0.04046,0,-0.06017,0.01927,0.02048,-0.04675,-0.02561,0.00647,-0.02701,-0.01324,0.02795,0.09015,0.02945,0.06647,-0.05069,-0.00585,0.01137,0.04202,-0.08634,-0.0203,-0.02096,-0.0471,0.0188,0.00683,-0.05608,0.09503,0.01988,-0.02399,-0.01231,-0.00051,-0.01762,0.03409,-0.06405,0.06566,-0.00669,0.0673,-0.03048,-0.00211,0.02524,-0.0289,-0.05922,0.04981,0.02937,0.03705,-0.02337,-0.03665,-0.05541,0.02534,-0.03478,-0.05158,-0.0287,-0.03004,0.00254,0.02502,-0.13598,0.0616,0.01745,0.03972,-0.04066,-0.04115,0.08523,-0.0043,-0.0736,-0.01268,0.04441,-0.02125],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. Why Angular teams often prefer Foblex Flow - The simplest path stays inside Angular instead of inside a framework bridge. - Templates, components, and services stay in Angular. - SSR-aware rendering is simpler to reason about in one framework. - Your graph model stays in application state without bridging frameworks. - Angular Material, forms, validators, and dialogs can live directly inside nodes and panels.","excerpt":"Why Angular teams often prefer Foblex Flow - The simplest path stays inside Angular instead of inside a framework bridge. - Templates, components, and services stay in Angular. - SSR-aware rendering is simpler to reason about in one framework. - Your graph model stays in application state without bridging frameworks. - Angular Material, forms, validators, and dialogs can live directly inside nodes and panels."},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#3","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.07786,0.00547,-0.03361,-0.00759,0.06665,0.02856,-0.03526,0.11276,0.06457,0.01285,-0.12743,-0.05231,-0.07899,0.0328,0.09412,-0.02518,0.01428,-0.04227,0.01325,-0.00758,-0.06173,-0.0861,0.00555,-0.00039,-0.0366,0.07292,-0.01673,-0.00094,0.00227,-0.07388,0.00342,0.12608,-0.02683,0.02832,-0.11548,0.06574,-0.02456,-0.00992,-0.07055,-0.05847,-0.0016,0.06463,0.01046,-0.05268,-0.03019,-0.03284,0.00745,-0.04047,-0.06285,0.0597,-0.07746,-0.12187,-0.06602,0.1048,0.02629,0.0221,0.03483,-0.08981,0.01126,0.01763,-0.01731,-0.04889,0.02532,0.05368,0.0188,0.02182,-0.07485,0.04393,0.01243,-0.07873,-0.02375,-0.00328,0.03826,-0.04565,0.02666,-0.06904,0.01468,0.026,0.01423,-0.01727,0.00301,0.03075,-0.04983,0.04179,-0.0432,0.05849,0.03434,-0.07748,0.0123,-0.00463,0.0148,0.09338,0.09076,0.00818,0.05397,0.01356,-0.04822,-0.00248,-0.06926,0.0089,0.04165,-0.0243,0.05701,0.00488,-0.03732,-0.04102,0.0129,0.00089,-0.00006,0.02859,-0.02991,0.05994,0.03656,-0.06065,-0.02185,-0.05736,-0.03603,-0.00532,0.05491,0.10657,0.02287,0.01516,0.0511,-0.00534,0.06312,0.02314,-0.04704,0,-0.04886,0.05607,-0.02373,0.06866,0.08936,0.00036,0.05023,-0.06749,0.00031,-0.01257,-0.03588,0.10204,-0.0454,0.07592,-0.00676,-0.11145,-0.08712,0.03535,-0.02089,0.02891,0.07884,-0.0725,-0.03014,0.03406,0.10929,-0.01293,-0.01147,0.10335,-0.09217,0.00448,0.00445,-0.03112,0.0298,0.05645,-0.03802,-0.00984,-0.04266,-0.09935,0.01064,-0.05818,-0.06333,0.00873,-0.09145,0.01422,0.07108,-0.02309,-0.04909,-0.01499,0.09094,0.03405,0.02135,0.02093,0.07566,0.00663,0.06742,-0.05692,0.03722,0.04639,0.02431,0.06924,0.0079,0.07288,-0.04811,-0.03834,0.0273,0.08738,0.00971,0.01505,0.02876,-0.07363,-0.0694,0.0606,0.05973,0.05291,0.02369,-0.06741,0.00133,0.06918,0.03929,-0.0547,-0.07168,-0.01244,-0.01951,0.07941,0.05911,-0.03699,-0.02257,-0.02903,-0.09774,0.07373,0.0877,-0.00203,0.07998,0.03941,0.04982,0,-0.04109,-0.02597,-0.00771,0.08197,0.05579,-0.03534,0.027,-0.00683,0.11366,0.01875,0.02243,0.04034,0.00701,-0.04248,-0.0064,-0.01566,0.02726,-0.16427,0.06108,-0.06307,0.06166,0.03801,-0.0447,-0.03022,-0.07171,0.04723,-0.03497,-0.04248,0.01131,-0.04996,0.00462,-0.0363,-0.05344,-0.03937,-0.00839,-0.04695,-0.04696,0.02882,0.01569,-0.02399,-0.01013,-0.00524,-0.01439,0.01144,-0.09757,0.05743,-0.0675,-0.05687,0.03452,0.00258,-0.06519,0.03638,-0.0358,-0.1009,-0.06892,-0.0015,0.08051,0.01263,-0.04901,0.01367,0.01065,0.00729,0.04716,0.00038,-0.0196,0.05649,-0.04497,0.04306,0.03995,0.07896,0.04586,0.02847,-0.04805,0.01794,0.06246,0.05222,0.10346,-0.01751,0.0164,0.06678,-0.03561,0.1013,-0.00237,0.04546,0.01293,0.05063,-0.0817,-0.09652,0.03868,0.04282,-0.08166,-0.02866,0.02794,-0.03775,0.01654,0,-0.0437,0.00214,-0.00164,-0.03201,-0.00756,0.02184,-0.09455,-0.00104,0.01428,0.04208,0.0216,0.10206,-0.06068,0.00741,0.02848,0.00519,-0.07818,0.01251,-0.02851,-0.06778,0.01307,0.04642,-0.03777,0.06002,0.0161,-0.00391,0.01751,0.00614,0.00172,0.00557,-0.02086,0.0489,0.00935,0.05188,-0.01082,-0.0285,-0.02876,0.00957,-0.05986,0.06167,0.04869,0.0219,-0.00329,-0.02992,-0.09328,0.01143,-0.04627,-0.07666,-0.03374,-0.0478,-0.00611,0.01554,-0.12456,0.09897,0.02131,0.0407,-0.06195,-0.03916,0.06549,-0.00245,-0.05881,-0.00617,0.05811,0.03456],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. What Foblex Flow is optimized for - Node editors and workflow builders - Interactive diagram interfaces - Domain-specific visual tools with custom business rules - Apps where UI state and business state should remain separate","excerpt":"What Foblex Flow is optimized for - Node editors and workflow builders - Interactive diagram interfaces - Domain-specific visual tools with custom business rules - Apps where UI state and business state should remain separate"},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#4","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.10617,0.00426,-0.04154,0.00463,0.06281,0.03969,-0.05075,0.11251,0.05496,0.02441,-0.12416,-0.02891,-0.07726,0.0264,0.08707,-0.02408,0.00246,-0.03908,0.01389,-0.01004,-0.06296,-0.09523,0.00804,0.01995,-0.01666,0.07757,-0.01605,-0.00885,0.00444,-0.05811,0.00802,0.13527,-0.03234,0.01181,-0.12784,0.08512,-0.02055,-0.0123,-0.07151,-0.03771,0.00398,0.06653,0.00648,-0.06825,-0.04973,-0.02656,0.0012,-0.04189,-0.08092,0.0357,-0.07932,-0.11798,-0.05904,0.10528,0.0259,-0.01723,0.04702,-0.08908,0.00575,0.01047,-0.01511,-0.05685,0.00017,0.04471,0.01503,0.00846,-0.0758,0.06074,0.01769,-0.07778,-0.01972,-0.00776,0.03435,-0.03616,0.00632,-0.07219,0.0214,0.02245,0.01368,0.01202,0.00609,0.02198,-0.04646,0.02659,-0.04592,0.06692,0.04639,-0.06782,-0.0074,-0.02696,0.01875,0.10603,0.09846,0.01085,0.06723,0.0247,-0.05158,0.01788,-0.05875,0.0032,0.0378,-0.01919,0.03939,0.0077,-0.01757,-0.03186,0.01051,-0.03071,0.01966,0.03286,-0.02572,0.05753,0.02081,-0.05342,-0.02405,-0.05476,-0.02895,0.00717,0.01839,0.12041,0.00326,0.01581,0.06402,0.00153,0.05838,0.03745,-0.02683,0,-0.0397,0.03427,-0.02217,0.05703,0.09901,-0.01668,0.03732,-0.05586,0.00771,-0.00413,-0.02571,0.08992,-0.03506,0.08063,-0.03748,-0.11992,-0.08684,0.02271,-0.00938,0.04074,0.07157,-0.08222,-0.02265,0.03907,0.09753,-0.05897,-0.00467,0.07102,-0.07502,-0.00602,0.00653,-0.03282,0.03116,0.0536,-0.04413,-0.01816,-0.05275,-0.08649,0.00823,-0.0662,-0.05936,-0.00072,-0.10148,0.02541,0.08988,-0.01783,-0.04795,-0.01264,0.11481,0.03117,0.01927,0.02146,0.06312,0.01658,0.06658,-0.04548,0.03595,0.06912,0.0112,0.06894,-0.0005,0.06765,-0.03997,-0.0747,0.05303,0.06909,0.01445,0.01013,0.04046,-0.06988,-0.06084,0.04568,0.04713,0.06851,0.02708,-0.05619,0.003,0.08113,0.04087,-0.04614,-0.06797,-0.00121,-0.00117,0.08247,0.042,-0.0351,-0.0357,-0.03524,-0.08166,0.0651,0.1032,0.01315,0.09037,0.02752,0.05903,0,-0.03614,-0.0223,-0.0093,0.10033,0.06181,-0.02312,0.02242,-0.00487,0.12974,0.0395,0.0326,0.0482,0.00243,-0.04235,0.00214,-0.02443,0.00309,-0.15845,0.06823,-0.06676,0.06225,0.04035,-0.03244,-0.04353,-0.06121,0.02587,-0.03412,-0.04598,0.03398,-0.05524,0.03309,-0.00736,-0.06264,-0.03181,-0.02037,-0.03156,-0.04113,0.05883,0.01566,-0.0144,-0.01485,0.00199,0.00011,-0.00047,-0.09764,0.03113,-0.07191,-0.04632,0.02831,-0.00341,-0.06296,0.03685,-0.0431,-0.07549,-0.0525,-0.01166,0.08167,-0.00959,-0.05452,0.01007,0.01766,0.02095,0.03569,-0.00717,-0.03376,0.0509,-0.06366,0.03191,0.01784,0.08895,0.02202,0.02698,-0.03669,0.02122,0.05641,0.0644,0.08456,-0.01647,0.0198,0.04961,-0.03039,0.1224,-0.02283,0.02746,0.01025,0.05276,-0.05641,-0.11383,0.03041,0.0402,-0.06054,-0.04148,0.03049,-0.06453,0.01564,0,-0.02214,-0.00239,-0.00261,-0.03615,0.00353,0.02372,-0.09563,0.01151,0.03516,0.06177,0.02022,0.0912,-0.06253,0.00888,0.02433,-0.00318,-0.06728,0.01696,-0.02101,-0.06917,0.02135,0.0304,-0.04519,0.05434,0.01039,-0.00407,0.03342,0.01813,-0.0198,-0.01656,-0.02518,0.04508,0.01042,0.01713,0.01002,-0.02235,-0.01607,0.00035,-0.07547,0.0692,0.0455,0.02474,-0.00755,-0.04464,-0.07798,0.0046,-0.0353,-0.07471,-0.04058,-0.03359,0.01704,0.00899,-0.1137,0.09024,0.03265,0.05496,-0.08335,-0.04235,0.07473,-0.02486,-0.04218,0.02459,0.06398,0.02915],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. Related docs and examples - Angular Node Editor Library - Angular Workflow Builder - AI Low-Code Platform Example - Connection Rules Example - Drag and Drop Docs","excerpt":"Related docs and examples - Angular Node Editor Library - Angular Workflow Builder - AI Low-Code Platform Example - Connection Rules Example - Drag and Drop Docs"},{"chunkId":"/docs/react-flow-vs-foblex-flow-for-angular-teams#5","slug":"react-flow-vs-foblex-flow-for-angular-teams","route":"/docs/react-flow-vs-foblex-flow-for-angular-teams","section":"docs","title":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams","description":"Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice.","group":"Use Cases","vector":[-0.10449,-0.02645,-0.03431,0.00615,0.0296,0.04288,-0.07437,0.08735,0.04848,0.01097,-0.12512,-0.03635,-0.07741,0.04965,0.0698,-0.02657,0.01303,-0.04056,0.0351,-0.00739,-0.04799,-0.06617,0.03854,-0.01183,-0.01318,0.08879,-0.00385,-0.0115,0.00189,-0.07201,0.03196,0.13054,-0.01583,-0.01205,-0.07092,0.08944,-0.02734,0.0098,-0.07896,-0.04502,-0.00793,0.08212,0.03938,-0.05057,-0.0324,-0.04844,-0.01407,-0.06894,-0.04125,0.0511,-0.08398,-0.14997,-0.02655,0.08353,0.04,-0.00271,0.01546,-0.09656,-0.00776,-0.03011,0.026,-0.05027,0.00024,0.05678,0.01793,0.03952,-0.06685,0.06543,-0.00541,-0.09429,-0.0217,-0.00574,0.04665,-0.0504,-0.00175,-0.05423,0.02562,0.02438,0.05031,-0.01129,0.02647,0.03021,-0.0284,0.0596,-0.03313,0.08079,0.07136,-0.04176,0.00342,-0.02791,0.02155,0.09633,0.11121,-0.00596,0.0618,-0.00335,-0.04219,0.05453,-0.06539,0.01231,0.03554,-0.03559,0.06098,0.01171,-0.03728,-0.00505,0.03839,-0.01723,0.00972,0.03084,-0.04672,0.05841,-0.02033,-0.05071,-0.01418,-0.04485,-0.02537,-0.01563,0.03025,0.10388,0.02175,-0.02142,0.036,0.00809,0.08408,0.08017,-0.02324,0,-0.02473,0.06135,-0.03281,0.06815,0.09066,-0.01282,0.0209,-0.0373,-0.01953,-0.02502,-0.00602,0.09728,-0.04861,0.0806,-0.04735,-0.09731,-0.06965,0.03973,-0.02692,0.03242,0.03679,-0.06354,-0.04927,0.02714,0.04704,-0.06171,-0.00543,0.06543,-0.08041,-0.0276,0.0048,-0.034,0.02061,0.04107,-0.03099,-0.01504,-0.07052,-0.05931,0.02123,-0.0494,-0.06149,0.03362,-0.07951,-0.01922,0.07819,-0.00623,-0.04177,-0.03167,0.14295,0.02887,0.05787,0.03515,0.03039,0.03809,0.08278,-0.03224,0.04589,0.06661,0.03939,0.03873,-0.00323,0.04223,-0.02691,-0.08119,0.05883,0.09171,0.01867,0.0227,0.04389,-0.05958,-0.0796,0.02207,0.03016,0.06197,0.03402,-0.06078,0.00964,0.07993,0.04552,-0.04548,-0.04806,-0.01459,-0.01123,0.06254,0.02465,-0.04042,-0.02486,-0.00447,-0.06304,0.04725,0.12251,-0.01256,0.04676,0.01839,0.0389,0,-0.03418,-0.03428,-0.02675,0.08564,0.04101,-0.00476,-0.00744,-0.01485,0.12101,0.0358,0.0562,0.06206,0.03083,-0.02994,-0.00372,-0.00617,0.03743,-0.14092,0.06243,-0.09079,0.07945,0.01646,-0.02665,-0.04155,-0.05051,0.05579,-0.00138,-0.03731,0.03766,-0.06944,0.01219,-0.00638,-0.08925,-0.03592,-0.01137,-0.01738,-0.04183,0.06899,-0.02242,-0.02026,-0.00534,0.01616,-0.00245,0.00513,-0.10626,0.0222,-0.07389,-0.0467,0.01201,0.01312,-0.06931,0.03231,-0.04919,-0.06816,-0.05597,0.01506,0.09229,-0.02069,-0.04621,0.00153,-0.0036,0.01983,0.00787,-0.01502,-0.06621,0.03307,-0.09898,0.05234,0.00977,0.11021,0.0039,0.04011,-0.03367,-0.00971,0.03292,0.06501,0.11838,-0.02382,0.04087,0.03067,-0.0374,0.10472,-0.0037,0.02781,-0.01871,0.07343,-0.03394,-0.10616,0.02548,0.02971,-0.04496,-0.06233,0.00391,-0.04989,0.04384,0,-0.03112,-0.00096,-0.00157,-0.05047,0.00033,-0.00126,-0.08622,-0.01893,0.04266,0.0923,0.03575,0.08905,-0.07109,-0.00485,-0.01388,0.00962,-0.07001,0.02323,-0.04167,-0.07798,0.01961,0.04118,-0.01667,0.04459,0.00503,-0.00096,0.04283,0.01093,0.00105,-0.03429,-0.03669,0.05637,0.00938,-0.02787,0.01854,-0.0479,-0.0014,0.00966,-0.0206,0.0559,0.02774,0.02369,-0.00605,-0.03248,-0.08412,-0.00598,-0.01632,-0.08657,-0.0415,-0.03587,-0.00226,0.00266,-0.13931,0.07239,-0.00314,0.07164,-0.09312,-0.02038,0.07026,-0.0235,-0.06475,-0.0044,0.05113,0.02046],"keywords":"React Flow vs Foblex Flow — Honest Comparison for Angular Teams React Flow vs Foblex Flow — Honest Comparison for Angular Teams Side-by-side comparison of React Flow (with Angular wrapper) and Foblex Flow. Framework fit, bundle size, SSR, migration notes, and when each is the right choice. GitHub and install For Nx workspaces: Or install it manually with the required companion packages: Review the GitHub repository, then compare the examples against the type of editor your Angular team actually needs to ship. Git Hub","excerpt":"GitHub and install For Nx workspaces: Or install it manually with the required companion packages: Review the GitHub repository, then compare the examples against the type of editor your Angular team actually needs to ship."},{"chunkId":"/examples/overview#0","slug":"overview","route":"/examples/overview","section":"examples","title":"Foblex Flow Examples for Angular Node Editors and Workflow Builders","description":"Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams.","group":"Introduction","vector":[-0.11651,0.00576,-0.05044,0.0343,0.02785,0.0219,-0.0813,0.07556,-0.01381,0.0189,-0.14304,-0.05539,-0.05287,-0.01224,0.0999,0.00641,0.00611,-0.00976,-0.00789,-0.02735,-0.02172,-0.03995,-0.01149,-0.03504,-0.00339,0.01,0.00393,0.00877,0.07076,-0.03392,-0.01174,0.07798,0.00671,0.0174,-0.0523,0.13536,0.04287,0.03299,-0.0434,-0.06389,0.01849,0.04502,-0.03191,-0.05793,-0.05159,-0.0724,-0.0287,-0.04801,-0.08508,0.06785,-0.07649,-0.14869,-0.05895,0.04879,0.0375,-0.02532,0.02489,-0.09321,0.00403,-0.03161,0.01415,-0.02568,-0.01145,0.02228,-0.00879,0.01351,-0.05906,0.08804,0.04315,-0.10347,-0.04031,-0.05504,-0.00367,-0.04637,-0.00164,-0.02836,-0.04256,0.03097,-0.02615,-0.06317,0.04599,0.03907,0.0053,0.08825,-0.05254,0.1254,0.04745,-0.0107,0.02518,0.01203,-0.0026,0.06038,0.00959,-0.0638,0.13138,0.04874,-0.00235,-0.05227,-0.07199,0.05518,-0.00734,-0.04519,0.09864,-0.04976,-0.05645,-0.02516,-0.00419,-0.00033,-0.00843,0.01263,-0.0008,0.05445,-0.03066,-0.10129,-0.00457,-0.05179,-0.01976,-0.06963,0.02263,0.10504,0.01737,0.04944,0.00989,0.02527,0.09488,-0.00511,-0.04831,0,0.07151,0.0691,-0.0508,0.10209,0.13069,-0.05176,0.05465,-0.04568,-0.02124,-0.00297,0.03984,0.07782,-0.04525,0.05616,-0.06417,-0.1047,-0.06797,0.03244,-0.01829,0.02093,0.00352,-0.10222,-0.03383,0.05349,0.07677,0.04831,0.00622,0.03641,-0.0301,0.01161,-0.00228,-0.02032,-0.00794,0.02885,-0.05272,0.00759,-0.08004,-0.09439,0.03358,-0.0256,-0.01919,-0.03209,-0.11388,-0.0182,0.02926,-0.02626,-0.0186,-0.0086,0.14364,-0.00555,0.04938,0.04497,0.03513,0.02003,0.07805,-0.0611,-0.01522,0.03612,0.03125,0.06472,-0.00236,0.08131,-0.05569,0.00308,0.02821,0.03656,-0.01351,-0.00281,0.10013,-0.07861,-0.07831,0.0402,0.01544,0.00241,0.03628,-0.00236,0.02967,0.00097,0.04868,-0.01518,-0.02865,-0.01445,0.00941,0.05402,0.05643,-0.07496,0.01835,-0.01871,-0.10913,-0.03345,0.08462,0.01981,-0.01689,0.00829,0.05181,0,0.00976,-0.01669,-0.03061,0.04795,0.04126,-0.03911,0.00361,-0.01352,0.11924,0.02513,0.02275,0.04211,-0.0098,-0.01868,-0.01624,-0.0569,-0.05152,-0.12196,0.09231,-0.02399,0.04097,0.04611,-0.00761,-0.04905,-0.07584,0.02295,-0.03986,-0.02805,0.03202,-0.05593,-0.00289,-0.04642,-0.01973,-0.04489,-0.0251,-0.027,-0.0211,0.05844,0.05624,-0.02454,0.06075,-0.01949,-0.00298,-0.0382,-0.09571,0.00188,-0.04746,-0.01554,-0.00784,-0.04696,-0.04004,0.03898,-0.06139,-0.06996,-0.04683,-0.00349,0.12731,0.00041,-0.00442,0.0272,-0.04694,0.01483,0.05311,0.0232,0.00915,0.01358,-0.06842,-0.02615,-0.03152,0.09711,-0.01098,0.01068,-0.03564,-0.0097,0.07015,0.02332,0.10247,-0.04863,0.06109,-0.0215,-0.03971,0.11823,-0.00037,0.04167,0.03796,0.03896,-0.05981,-0.02454,0.04629,0.05883,-0.0912,0.02446,0.06299,0.0279,0.01172,0,-0.10447,0.07426,-0.04022,-0.00524,-0.01454,0.00765,-0.03891,0.04207,0.04912,0.02204,-0.00683,0.0186,-0.04753,0.0029,0.06688,0.02866,-0.02421,0.02367,-0.05537,-0.11012,0.01651,0.04875,0.00135,0.03398,0.02061,-0.00236,0.02327,0.00293,-0.02465,-0.01899,-0.01979,0.06684,0.04632,0.04249,-0.00791,-0.02559,-0.05137,0.00419,-0.05079,0.01697,0.03495,0.02389,-0.02395,-0.05338,-0.03185,0.05117,-0.03909,-0.06788,-0.05395,0.00659,-0.04809,0.00734,-0.05571,0.04612,-0.02237,0.0997,-0.0573,-0.00413,0.08982,-0.02408,-0.06626,0.10493,0.04885,0.0051],"keywords":"Foblex Flow Examples for Angular Node Editors and Workflow Builders Foblex Flow Examples for Angular Node Editors and Workflow Builders Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams. Examples This page collects the strongest Foblex Flow examples for Angular so you can evaluate the library by concrete interaction patterns, not only by API reference. The examples cover node editors, workflow builders, interactive diagrams, layout helpers, and richer production-style demos. Most teams should start with a small example, not the largest reference app. The point is to learn the core flow primitives first and add advanced features only when you actually need them. Use this section when you want to answer one of these questions quickly: - Can I build custom nodes and connectors with Angular templates? - How does drag-to-connect or connection reassignment work? - Which examples cover workflow builders, minimaps, undo/redo, and auto layout plugins? - What should I start from if I need a production-style editor rather than a tiny demo? For lower-level APIs, combine these pages with the documentation. For full source code, open the GitHub repository. AP Is Git Hub","excerpt":"Examples This page collects the strongest Foblex Flow examples for Angular so you can evaluate the library by concrete interaction patterns, not only by API reference. The examples cover node editors, workflow builders, interactive diagrams, layout helpers, and richer production-style demos. Most teams should start with a small example, not the largest reference app. The point is to learn the core flow primitives first and add advanced features only when you actually need them. Use this section when you want to answer one of these questions quickly: - Can I build custom nodes and connectors with Angular templates? - How does drag-to-connect or connection reassignment work? - Which examples cover workflow builders, minimaps, undo/redo, and auto layout plugins? - What should I start from if I need a production-style editor rather than a tiny demo? For lower-level APIs, combine these pages with the documentation. For full source code, open the GitHub repository."},{"chunkId":"/examples/overview#1","slug":"overview","route":"/examples/overview","section":"examples","title":"Foblex Flow Examples for Angular Node Editors and Workflow Builders","description":"Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams.","group":"Introduction","vector":[-0.07949,0.00312,-0.09029,0.02685,0.02362,0.03522,-0.07267,0.05976,0.03448,0.03466,-0.13784,-0.00651,-0.08103,0.02748,0.09669,-0.02677,-0.02626,-0.02698,-0.00089,-0.05829,-0.061,-0.06664,-0.00068,-0.03415,0.00325,0.01465,0.0219,-0.0017,0.05979,-0.05322,0.00095,0.03937,0.03797,0.05195,-0.11047,0.14614,0.00337,0.02266,-0.08397,-0.08066,0.03551,0.06295,0.00126,-0.07122,-0.03254,-0.08305,-0.09144,-0.0127,-0.03807,0.1028,-0.09032,-0.15047,-0.04943,0.0706,0.02225,0.02975,0.02684,-0.06335,0.02239,-0.04008,0.01499,-0.03456,0.00017,0.04172,-0.02416,0.05673,-0.05611,0.10366,-0.0037,-0.08037,-0.00313,-0.07215,-0.02133,-0.04429,-0.01463,-0.05887,-0.05521,0.02765,-0.0233,-0.03726,0.02299,0.0493,-0.01944,0.11507,-0.027,0.1039,0.03817,-0.02016,0.0008,-0.0061,-0.00976,0.09592,-0.00215,-0.03355,0.07569,0.0363,0.02193,-0.02576,-0.06922,0.03744,0.01635,-0.07723,0.065,-0.03305,-0.04488,-0.03269,0.01127,-0.01506,-0.04037,0.03914,-0.02102,0.04672,-0.03988,-0.0854,-0.02408,-0.06391,-0.03241,-0.04993,0.01009,0.11049,0.03168,0.04576,0.00991,0.01932,0.0856,-0.01115,-0.01691,0,0.06776,0.02441,-0.06568,0.08769,0.10665,-0.03143,0.03224,-0.04363,-0.03139,-0.01306,0.03678,0.09293,-0.04549,0.07276,-0.01363,-0.1328,-0.05346,0.03756,0.02479,-0.00326,0.02528,-0.10707,-0.05685,0.07685,0.0764,0.07844,-0.00207,0.05493,-0.04541,0.01239,0.02598,-0.02261,-0.01782,0.03093,-0.06514,0.03506,-0.07855,-0.05156,0.02848,-0.01188,-0.01814,-0.07757,-0.09221,-0.03654,0.01942,-0.02934,-0.046,0.03183,0.1119,0.00672,0.02768,0.02366,0.05374,0.05152,0.08991,-0.03665,-0.00913,0.04121,0.01011,0.04867,0.04444,0.08504,-0.07827,-0.0015,0.02127,0.04115,-0.01973,-0.0247,0.08217,-0.0898,-0.0734,0.0287,0.03696,0.04301,0.03396,-0.01028,-0.03502,0.02391,0.02398,0.00368,-0.07281,-0.05329,0.01814,0.05858,0.06332,-0.05443,0.0356,0.00724,-0.1148,-0.01789,0.08449,0.03511,0.02974,0.03735,0.0797,0,-0.02149,0.02662,-0.01577,0.04485,0.0799,-0.03639,-0.00708,-0.01707,0.10511,0.02613,0.01118,0.04833,-0.00344,-0.00525,-0.02882,-0.03517,-0.00564,-0.0997,0.07194,-0.0732,0.04187,0.00519,0.00853,-0.0451,-0.06791,0.02014,0.02894,-0.02401,-0.00721,-0.02589,-0.02173,-0.01677,-0.00021,-0.01074,-0.00932,-0.01285,0.00079,0.03976,0.03056,-0.04215,0.04633,-0.01873,-0.00461,0.00249,-0.08779,0.02955,-0.08015,0.03206,-0.02592,-0.02788,-0.04606,0.04355,-0.02268,-0.0712,-0.02578,0.02483,0.1123,-0.01618,-0.01378,-0.00507,-0.047,0.01109,0.04327,0.04905,-0.02333,0.01234,-0.07825,-0.02504,-0.03071,0.10491,-0.03116,0.05046,-0.0191,0.01109,0.0644,0.02162,0.08657,-0.027,0.07507,-0.01325,-0.01297,0.12259,-0.00079,0.01792,-0.00976,0.06448,-0.069,-0.02953,0.03632,0.05105,-0.09088,0.00563,0.05053,0.01733,-0.0063,0,-0.1034,0.03582,-0.00793,-0.03797,-0.018,0.0166,-0.03681,0.03504,0.07011,0.01455,-0.02375,0.03962,-0.0342,-0.00905,0.06332,0.01334,0.00871,0.03146,-0.01393,-0.11228,0.03342,-0.00563,0.00425,0.06109,0.01507,0.00085,-0.01032,0.01486,-0.01717,-0.00111,-0.03782,0.05568,0.06848,0.06792,-0.03204,-0.02999,-0.04818,-0.01723,-0.03352,0.01994,0.031,0.02899,0.00236,-0.05699,-0.05456,0.06636,-0.01523,-0.04024,-0.04162,-0.01732,-0.05347,-0.01161,-0.04905,0.01106,-0.02595,0.09612,-0.02135,-0.04133,0.09291,-0.01632,-0.10654,0.1138,0.00869,0.01514],"keywords":"Foblex Flow Examples for Angular Node Editors and Workflow Builders Foblex Flow Examples for Angular Node Editors and Workflow Builders Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams. How to use this section - Start with Custom Nodes, Drag to Connect, or Get Started if you want the fastest path into the library. - Open Reference Apps after the basics if you want complete, product-like editors. - Open Connections and Extensions if you are comparing specific interaction features on the canvas. - Open Plugins when you want Dagre or ELK-based layout examples, including auto-layout flows. - Use Advanced when you need history, drag lifecycle events, larger-scene performance tools, or more complex editor behavior.","excerpt":"How to use this section - Start with Custom Nodes, Drag to Connect, or Get Started if you want the fastest path into the library. - Open Reference Apps after the basics if you want complete, product-like editors. - Open Connections and Extensions if you are comparing specific interaction features on the canvas. - Open Plugins when you want Dagre or ELK-based layout examples, including auto-layout flows. - Use Advanced when you need history, drag lifecycle events, larger-scene performance tools, or more complex editor behavior."},{"chunkId":"/examples/overview#2","slug":"overview","route":"/examples/overview","section":"examples","title":"Foblex Flow Examples for Angular Node Editors and Workflow Builders","description":"Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams.","group":"Introduction","vector":[-0.0699,0.03942,-0.09193,0.01734,0.01826,0.00288,-0.04288,0.04103,0.04052,0.04572,-0.12802,-0.05746,-0.05839,0.01687,0.09345,-0.00095,-0.08103,-0.00328,0.0057,-0.04659,-0.02899,-0.03353,0.01391,-0.01575,-0.01882,-0.01436,-0.01699,0.00523,0.05089,-0.06694,-0.00194,0.07699,0.03439,0.06569,-0.05731,0.12202,0.0036,0.01475,-0.04359,-0.05452,0.04324,0.0606,0.00635,-0.07223,-0.06695,-0.06932,-0.04678,-0.01625,-0.07486,0.08508,-0.07545,-0.14765,-0.07363,0.09628,0.04529,0.01269,0.02522,-0.08907,0.02474,-0.02253,0.00139,-0.02711,0.00316,0.03457,0.00736,0.05384,-0.09014,0.08553,-0.0161,-0.05913,-0.00853,-0.05396,-0.01095,-0.05362,-0.01304,-0.02598,-0.03903,0.03837,-0.01926,-0.03796,-0.01691,0.02269,0.00026,0.08529,-0.02529,0.08565,0.0313,-0.03761,0.02829,-0.02587,-0.02602,0.10587,0.03947,-0.00853,0.06038,-0.00389,0.0247,-0.02891,-0.09604,0.0501,0.01221,-0.07863,0.0849,-0.02513,-0.04,-0.03533,0.04155,-0.01249,-0.02464,-0.01322,-0.0508,0.06148,-0.00914,-0.11635,-0.03632,-0.07234,-0.04836,-0.01625,0.01605,0.09045,0.05416,0.00128,-0.00725,0.0083,0.09322,0.00093,0.00601,0,0.03974,0.02902,-0.03823,0.06688,0.12512,-0.02734,0.02301,-0.06935,-0.0232,-0.01763,0.01446,0.10444,-0.03248,0.01774,-0.05128,-0.12447,-0.07498,0.049,0.03406,0.01792,0.06073,-0.0778,-0.04565,0.04736,0.06213,0.07666,-0.01546,0.00983,-0.01646,0.03967,0.04636,0.0006,-0.0029,0.0228,-0.04281,0.02089,-0.06139,-0.06252,0.02764,-0.02754,-0.01332,-0.0707,-0.10182,-0.02808,0.0143,-0.05434,-0.05931,0.00136,0.12803,0.02627,0.0226,0.02795,0.02086,0.00025,0.09026,-0.0409,0.00197,0.07183,0.01816,0.06223,0.01822,0.08285,-0.04401,-0.03801,-0.01111,0.0235,-0.0265,-0.03993,0.10734,-0.05715,-0.09374,0.05629,0.03524,0.04906,0.00151,-0.03591,-0.01114,0.01502,0.0206,-0.03438,-0.05626,-0.07456,-0.00192,0.03831,0.07287,-0.06338,-0.00365,-0.03942,-0.1343,-0.01707,0.08746,0.01641,0.03921,0.01137,0.05746,0,-0.03161,-0.00109,-0.07985,0.08409,0.08317,-0.0716,0.03643,-0.00646,0.08919,0.05276,0.02741,0.03374,-0.02565,-0.02274,-0.00295,-0.06776,0.01609,-0.12464,0.07246,-0.0381,0.0224,0.00755,0.01976,-0.02243,-0.06666,0.0493,0.01663,-0.01346,0.03205,-0.07875,-0.02592,-0.01549,-0.04482,-0.03827,-0.00307,-0.06689,0.01361,0.06283,0.03634,-0.03896,0.08703,-0.00333,0.00721,-0.00233,-0.0808,0.01605,-0.01961,-0.01593,0.00844,-0.00547,-0.02819,0.01737,-0.04006,-0.05562,-0.0581,0.02595,0.10754,-0.01502,-0.02306,0.04087,-0.05366,-0.00457,0.07831,0.03481,0.03772,0.0192,-0.05013,0.00824,-0.01173,0.11755,0.04423,0.01352,-0.07243,0.02956,0.07786,0.0513,0.0686,-0.06022,0.03919,0.01408,-0.00703,0.12715,0.00786,0.05889,0.01524,0.01044,-0.07372,-0.01665,0.01914,0.06128,-0.08312,-0.00108,0.03918,-0.00693,0.01001,0,-0.13013,0.02645,-0.02452,-0.00211,0.04786,-0.0071,-0.0697,-0.00324,0.05999,-0.00479,-0.01007,0.04892,-0.01945,-0.03351,0.07858,0.01596,-0.01921,0.01311,-0.03467,-0.10002,-0.00887,0.03045,0.00376,0.06635,0.0072,-0.00284,-0.04308,0.00665,0.00622,-0.00995,-0.00739,0.06038,0.07667,0.03955,-0.01316,0.0154,-0.06379,0.01136,-0.05062,0.02849,0.03949,0.02542,0.00486,-0.04112,-0.06008,0.07592,-0.04482,-0.05683,-0.04928,-0.03905,-0.03526,0.00279,-0.07082,0.07478,-0.03207,0.08166,-0.01502,-0.03304,0.0915,-0.01268,-0.0506,0.08236,0.02743,0.03839],"keywords":"Foblex Flow Examples for Angular Node Editors and Workflow Builders Foblex Flow Examples for Angular Node Editors and Workflow Builders Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams. Reference Apps Production-ready examples that show the full power of Foblex Flow. ::: preview-group [Reference Apps] :::","excerpt":"Reference Apps Production-ready examples that show the full power of Foblex Flow. ::: preview-group [Reference Apps] :::"},{"chunkId":"/examples/overview#3","slug":"overview","route":"/examples/overview","section":"examples","title":"Foblex Flow Examples for Angular Node Editors and Workflow Builders","description":"Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams.","group":"Introduction","vector":[-0.08536,0.01685,-0.09626,0.04782,0.00099,0.01581,-0.03127,0.02251,0.03131,0.05671,-0.11288,-0.00975,-0.05993,0.01903,0.08923,0.008,-0.05011,-0.00783,0.01525,-0.05779,-0.0388,-0.03853,0.00668,-0.02391,-0.00572,-0.0137,-0.01564,-0.01413,0.05134,-0.05564,-0.0081,0.06751,-0.01227,0.05857,-0.07171,0.11609,0.02696,0.02569,-0.051,-0.05593,0.06622,0.05027,-0.00748,-0.08018,-0.0505,-0.09351,-0.07275,-0.0414,-0.06535,0.07381,-0.09066,-0.15358,-0.07344,0.07112,0.05991,0.01159,0.00759,-0.08747,0.01334,-0.02079,0.01611,-0.03036,-0.00398,0.04129,-0.01839,0.04785,-0.06161,0.08574,-0.0121,-0.06642,-0.02171,-0.05976,-0.02134,-0.0409,-0.00842,-0.02257,-0.02466,0.02617,-0.01633,-0.05004,0.01279,0.03449,-0.0013,0.09178,-0.02129,0.08836,0.01868,-0.0529,0.04554,-0.01594,-0.0435,0.09398,0.04033,-0.01928,0.03512,0.01267,0.00432,-0.03374,-0.09249,0.06132,0.00573,-0.06642,0.06475,-0.01387,-0.05492,-0.01992,0.02934,-0.0129,-0.0384,-0.00237,-0.03419,0.0478,-0.01662,-0.12055,-0.05144,-0.06252,-0.04394,-0.01872,0.03878,0.12688,0.0322,0.00796,0.00115,0.00737,0.08959,-0.00282,0.0203,0,0.04908,0.01907,-0.04726,0.06316,0.15104,-0.00797,0.00695,-0.08009,-0.02839,-0.01378,0.0079,0.07718,-0.03157,0.02492,-0.03215,-0.12398,-0.04455,0.07332,0.0164,0.01281,0.0199,-0.09451,-0.05698,0.05745,0.08717,0.06081,-0.01212,0.00875,0.00745,0.02402,0.05493,0.01522,0.01922,0.01769,-0.04603,0.01588,-0.07836,-0.07715,0.01811,-0.0346,-0.03096,-0.07158,-0.10605,-0.02252,-0.01054,-0.04053,-0.06548,0.03345,0.11942,0.00688,0.01746,0.04764,0.02913,0.00434,0.08867,-0.0415,0.00313,0.11366,0.01251,0.07224,-0.00632,0.08592,-0.05882,-0.02652,0.01219,0.02359,-0.03703,-0.04607,0.10203,-0.05493,-0.11521,0.07044,0.01603,0.06234,0.01398,-0.04697,-0.0343,0.01504,0.03326,-0.02611,-0.07264,-0.07863,-0.02379,0.06906,0.08648,-0.08309,-0.01153,-0.0338,-0.09997,-0.02496,0.06548,0.03982,0.04952,0.00943,0.04517,0,-0.0236,0.00131,-0.06558,0.07443,0.05139,-0.07622,0.04789,-0.01267,0.0925,0.03643,0.05159,0.05151,0.01045,-0.04724,-0.01659,-0.04959,-0.00784,-0.14168,0.08154,-0.02856,0.04072,0.01579,0.01897,-0.0246,-0.05583,0.03492,0.02807,-0.004,0.00206,-0.06162,-0.02615,-0.01848,-0.03007,-0.02136,-0.0132,-0.0184,0.0398,0.06811,0.03141,-0.0381,0.07402,0.00247,0.01523,0.01974,-0.08065,0.02121,-0.03746,-0.02394,-0.02919,-0.00842,-0.0483,0.01981,-0.04264,-0.04131,-0.04462,0.02846,0.08956,-0.03316,0.00475,0.0229,-0.03068,-0.00392,0.05438,0.0579,0.03556,0.01414,-0.05735,-0.01147,-0.00299,0.08908,0.05949,0.01827,-0.05523,0.02577,0.07303,0.0263,0.09735,-0.06373,0.03863,0.02685,-0.02226,0.11933,0.0046,0.01773,0.0268,0.02466,-0.06196,0.02162,0.03988,0.06983,-0.09711,0.002,0.05124,-0.01797,-0.00078,0,-0.132,0.0245,-0.02004,-0.02945,0.05238,-0.01434,-0.04859,0.01383,0.04316,0.0071,0.00614,0.06251,-0.0418,-0.01827,0.10212,0.01076,0.01039,0.02013,-0.05014,-0.08195,-0.00377,0.04005,0.00594,0.0735,0.00753,-0.01464,-0.0206,-0.00262,-0.00949,0.00001,-0.02549,0.05131,0.0953,0.04122,-0.02749,0.02209,-0.07355,0.0087,-0.0388,0.03215,0.05162,0.00739,0.0044,-0.02467,-0.04056,0.07866,-0.03645,-0.03539,-0.03367,-0.04909,-0.04557,-0.02022,-0.0766,0.03299,-0.03971,0.06177,0.01121,-0.02272,0.07939,-0.01469,-0.05043,0.09103,0.02791,0.01758],"keywords":"Foblex Flow Examples for Angular Node Editors and Workflow Builders Foblex Flow Examples for Angular Node Editors and Workflow Builders Explore Foblex Flow examples for Angular teams, from simple starting points to full reference apps for node editors, workflow builders, and interactive diagrams. All Examples ::: preview-group [Nodes] [Connectors] [Connections - Editing] [Connections - Appearance] [Connections - Routing] [Viewport] [Editor Helpers] [Layout Engines] [Reflow] [Editor State] [Events] [Performance] :::","excerpt":"All Examples ::: preview-group [Nodes] [Connectors] [Connections - Editing] [Connections - Appearance] [Connections - Routing] [Viewport] [Editor Helpers] [Layout Engines] [Reflow] [Editor State] [Events] [Performance] :::"},{"chunkId":"/examples/custom-nodes#0","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.01885,0.02783,-0.04982,0.01447,-0.038,0.05605,-0.06845,0.01152,0.00895,0.07959,-0.04901,0.00148,-0.04281,0.0253,0.0612,-0.00183,-0.04429,-0.01252,0.05034,-0.04961,-0.03662,-0.03795,-0.02477,-0.01541,0.00682,0.05064,0.06114,0.0335,0.08886,-0.01513,0.02944,-0.00384,-0.00844,0.02262,-0.17044,0.04863,0.03889,0.06042,-0.03726,0.02108,0.06839,-0.00498,0.03263,-0.04616,0.00564,-0.05603,-0.13626,-0.02576,-0.08579,0.07646,-0.05759,-0.12379,-0.02992,0.01553,0.08504,-0.07505,-0.03308,-0.07456,0.03549,-0.01424,0.06917,-0.0167,-0.00091,0.01107,0.01198,0.00918,-0.05159,0.16225,0.03362,-0.01765,0.01978,-0.02963,0.02708,-0.00021,-0.05771,-0.00771,-0.03678,0.04903,-0.12188,0.03023,-0.03362,0.06944,-0.02936,0.03974,-0.05907,0.11312,-0.03292,-0.02901,-0.02506,-0.07423,-0.08106,0.0626,-0.01443,-0.09787,0.05387,0.05138,-0.01592,-0.04676,0.00758,-0.05631,0.0543,-0.05484,-0.04678,-0.00003,-0.02201,-0.03013,-0.07039,-0.01533,0.02794,0.02306,0.00784,0.02517,-0.08053,-0.12522,-0.04244,0.03261,-0.10302,-0.04797,-0.01133,0.12269,-0.02167,0.04145,-0.03634,-0.07133,0.0486,0.02827,0.04266,0,0.03076,0.02494,-0.10567,0.03686,0.13643,0.01379,-0.0488,-0.08805,0.06261,-0.00486,0.06967,0.04775,-0.06169,0.03751,-0.03654,-0.04637,0.01454,-0.00903,0.01727,-0.05228,-0.03576,-0.07,-0.0556,0.07304,0.03319,0.06791,0.04113,0.04885,-0.05139,-0.02542,0.13313,0.01366,0.0385,0.00608,0.01846,-0.02757,-0.02369,0.00953,0.02764,-0.01161,-0.00446,-0.07354,-0.1121,0.06241,-0.00287,-0.00758,-0.02403,-0.09145,0.12047,-0.05667,0.01398,0.05407,-0.02427,-0.02949,0.08713,0.00175,-0.02618,0.08965,-0.0059,0.02579,-0.01367,0.05714,0.03279,-0.07381,0.01751,0.0138,0.0098,-0.06412,0.06206,-0.05173,-0.03194,0.0084,-0.0091,0.02184,0.00574,0.05286,0.02236,0.07923,0.00055,-0.00239,-0.13168,-0.07792,0.03615,0.09975,0.07112,-0.07041,0.02702,-0.04655,-0.02929,-0.01973,0.02223,0.08076,0.02689,-0.06608,0.07026,0,-0.08689,0.0719,0.00253,0.04208,0.03535,-0.04106,-0.0154,0.03385,0.02946,0.04765,-0.03072,0.0448,-0.01328,-0.00888,-0.03524,-0.02634,-0.05658,-0.02938,0.05274,-0.0664,-0.01654,0.10287,-0.02574,-0.0281,-0.05637,0.03867,-0.03208,-0.13035,0.0057,-0.05051,-0.04003,-0.05255,0.02216,0.01313,-0.01692,-0.00794,0.07468,0.0401,-0.01696,-0.06882,-0.01352,-0.04389,-0.00487,-0.02861,-0.11128,-0.01813,-0.03796,-0.02396,-0.01096,-0.00895,-0.03006,0.05542,-0.00696,0.00542,-0.03511,-0.05029,0.08157,0.02429,0.09754,0.00413,-0.02123,-0.04205,0.02192,-0.0309,0.03012,0.01482,-0.07781,-0.08639,-0.03521,0.03504,-0.05104,0.06581,-0.00704,0.04683,0.05899,0.02635,0.05062,-0.00999,0.00533,0.02938,-0.00324,0.11722,-0.02645,0.01961,0.08656,0.04475,-0.05342,-0.06147,0.02128,0.06592,-0.0525,0.0281,-0.04858,0.0433,0.05196,0,-0.09727,0.021,0.00903,-0.00519,0.007,-0.00956,-0.00245,0.04961,0.05201,0.02003,-0.03973,0.05921,0.00444,-0.04418,0.08128,-0.01828,-0.00147,0.02195,0.00537,-0.00193,0.02065,0.00783,-0.0003,0.0758,-0.02187,-0.01383,0.03297,0.00617,-0.03172,0.01141,-0.02301,0.00217,0.09839,0.04081,-0.00093,-0.05006,-0.10089,0.0075,-0.00562,0.02325,0.01809,-0.0022,-0.06262,0.01703,-0.05041,0.03734,-0.04607,-0.03083,0.01114,0.08465,-0.05334,-0.01407,-0.01209,-0.02643,0.03847,0.05884,0.0084,0.0024,0.00915,-0.04012,-0.04617,0.08073,0.05621,-0.05128],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. Custom Nodes","excerpt":"Custom Nodes"},{"chunkId":"/examples/custom-nodes#1","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.04055,-0.01063,-0.05383,0.00344,-0.00952,0.0613,-0.05096,0.03336,0.04346,0.07036,-0.07942,0.00377,-0.04074,0.02477,0.08907,-0.03654,0.0082,-0.02223,0.05334,-0.03498,-0.04142,-0.0251,-0.01172,-0.03577,-0.01929,0.05764,0.06224,0.04265,0.06584,-0.0265,0.04805,0.04489,-0.02474,0.03435,-0.18237,0.06935,0.02528,0.02065,-0.06132,-0.01617,0.07259,0.01935,-0.00034,-0.0324,-0.0205,-0.0353,-0.11687,-0.03421,-0.08157,0.10614,-0.06265,-0.11858,-0.01476,0.03961,0.05172,-0.04987,-0.0196,-0.08892,0.02489,-0.00162,0.04255,-0.00831,0.04413,-0.00001,0.02569,0.03387,-0.09017,0.13181,0.03716,-0.04596,0.04538,-0.05396,0.04236,0.00768,-0.03128,-0.04745,-0.02728,0.05009,-0.07413,0.02683,-0.0255,0.11689,-0.02113,0.0198,-0.08126,0.13048,-0.00464,-0.05398,-0.03967,-0.05997,-0.08045,0.07805,-0.00034,-0.10591,0.06964,0.02744,-0.00117,-0.03525,-0.0259,-0.04221,0.05013,-0.05315,0.00241,-0.00715,-0.03999,-0.03438,-0.04259,-0.01489,0.01808,0.00572,-0.0171,0.01587,-0.05609,-0.11216,-0.03458,-0.0421,-0.08583,-0.04338,-0.00591,0.09988,-0.01102,0.02885,0.01701,-0.06218,0.08911,0.03448,-0.01037,0,0.00141,0.02402,-0.05803,0.0434,0.11469,0.03764,-0.02084,-0.09019,0.06478,-0.02007,0.04964,0.05868,-0.0736,0.05309,0.00165,-0.06501,-0.03048,-0.01696,0.02106,-0.0518,0.00971,-0.09096,-0.05404,0.07554,0.02843,0.0424,0.00383,0.06956,-0.07201,-0.01169,0.07935,0.02279,0.03533,0.015,-0.02806,-0.04651,-0.05176,-0.04229,0.01363,-0.02995,-0.01699,-0.06719,-0.09662,0.05144,-0.02494,0.00864,-0.04946,-0.07749,0.07093,-0.03544,0.03985,0.04345,0.04289,-0.03015,0.08477,-0.01767,-0.03988,0.06312,0.03596,0.01597,-0.00318,0.06707,0.00409,-0.05122,-0.00721,0.06788,0.01499,-0.03493,0.0489,-0.04002,-0.04953,0.03998,-0.00053,-0.01364,0.05293,0.02365,0.01408,0.04663,0.01522,0.00926,-0.10405,-0.08131,0.03272,0.08684,0.10506,-0.08955,0.03218,-0.03856,-0.05247,-0.01041,0.05474,0.05848,-0.00988,-0.03066,0.0857,0,-0.09099,0.06783,0.00476,0.0296,0.07511,-0.07667,-0.03491,0.01935,0.02701,0.04921,0.0024,0.04917,-0.01597,-0.03437,-0.0395,0.02731,-0.0327,-0.06523,0.0644,-0.08061,0.0058,0.05519,-0.03096,-0.0558,-0.08548,0.04175,-0.02487,-0.08365,0.03176,-0.03905,0.00157,-0.03762,0.01447,-0.01583,0.01552,-0.04921,0.03059,0.01123,-0.01749,-0.10385,-0.01748,-0.04746,-0.01629,0.01111,-0.11062,-0.00117,-0.05237,-0.03476,-0.00397,-0.00809,-0.03254,0.07017,-0.00187,-0.01176,-0.04406,-0.03235,0.10249,0.06572,0.07357,-0.01801,0.01015,-0.03396,0.02016,-0.01184,0.0281,0.01092,-0.04612,-0.03578,0.02755,0.05372,0.0175,0.06668,-0.01859,0.03668,0.0808,0.03523,0.08779,-0.00299,0.01456,0.05587,-0.01087,0.12225,0.00268,0.01671,0.07301,0.02904,-0.09524,-0.03963,0.03679,0.06887,-0.03798,0.02299,-0.05371,0.05124,0.05422,0,-0.13131,0.01117,-0.00183,-0.03232,-0.01701,-0.01761,-0.03863,0.02565,0.04527,0.03373,0.01184,0.05344,-0.02296,-0.03269,0.09218,0.0049,-0.05257,0.01972,0.01125,-0.01873,0.03234,0.01702,0.01255,0.1037,-0.0352,-0.00585,0.00696,-0.00673,-0.03299,0.00946,-0.00671,-0.0081,0.07928,0.09126,-0.04557,-0.03555,-0.10959,0.00567,-0.02672,0.00983,0.02308,-0.04121,-0.04007,0.00754,-0.07312,0.06277,-0.05532,-0.03096,-0.00843,0.05885,-0.06577,0.00658,-0.04704,0.01625,0.04795,0.05249,-0.02203,-0.01089,0.02994,-0.0514,-0.08208,0.07734,0.06782,-0.0322],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. Description This guide shows how to create custom nodes for flow components with different content, styles, and behaviors. You can render any Angular UI inside a node: forms, buttons, metrics, menus, or domain-specific panels. In practice, custom nodes are one of the biggest reasons teams adopt Foblex Flow instead of a generic diagram widget. Your node can look like a real product component while still participating in drag, selection, and connection logic.","excerpt":"Description This guide shows how to create custom nodes for flow components with different content, styles, and behaviors. You can render any Angular UI inside a node: forms, buttons, metrics, menus, or domain-specific panels. In practice, custom nodes are one of the biggest reasons teams adopt Foblex Flow instead of a generic diagram widget. Your node can look like a real product component while still participating in drag, selection, and connection logic."},{"chunkId":"/examples/custom-nodes#2","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.03785,0.01913,-0.0584,0.02955,0.01394,0.0895,-0.03451,0.02218,0.02193,0.08897,-0.0777,0.02934,-0.0301,0.01772,0.06172,-0.02264,-0.05826,-0.01703,0.02291,-0.03645,-0.01586,-0.04063,-0.0089,-0.02187,0.01136,0.05029,0.00846,0.0111,0.11396,0.02217,0.05365,0.03683,-0.0181,0.02801,-0.12441,0.05649,-0.0048,0.07354,-0.05514,0.03239,0.09637,0.03909,0.02392,-0.07051,0.02457,-0.05382,-0.12885,-0.01794,-0.07766,0.07954,-0.0414,-0.1149,-0.02793,0.04563,0.06119,-0.0517,-0.01552,-0.09136,0.0562,0.00727,0.03647,-0.07259,0.00779,-0.01336,0.0443,0.02305,-0.08256,0.12558,-0.02397,0.0201,0.043,0.00068,0.00283,0.02414,-0.01411,0.00851,-0.03624,0.06906,-0.11482,0.01312,-0.04999,0.03246,-0.01115,0.02047,-0.07471,0.14959,-0.0393,-0.05085,-0.04079,-0.04832,-0.07845,0.08524,-0.06498,-0.06172,0.04354,0.04598,-0.06044,-0.00735,-0.00689,-0.01553,0.06645,-0.07905,-0.03134,0.00717,-0.01256,-0.01928,-0.07563,0.02524,-0.01417,0.03542,-0.02125,0.03528,-0.04606,-0.11517,-0.05893,0.00301,-0.05411,-0.05372,-0.00914,0.12592,0.03003,0.04905,-0.06303,-0.04405,0.06827,-0.01934,0.04447,0,0.01329,0.00897,-0.0664,0.04334,0.09019,0.0011,-0.04826,-0.10355,0.02917,0.03417,-0.00803,0.05861,-0.06936,-0.00454,-0.04323,-0.08722,0.01369,-0.0096,0.00283,-0.05533,-0.00482,-0.07961,-0.03739,0.05044,0.0488,-0.00429,0.00772,0.04103,-0.07742,-0.02821,0.10937,0.04443,0.06332,0.00933,0.03071,-0.03757,0.00871,0.01434,-0.03668,-0.0134,0.01433,-0.04119,-0.03365,0.09116,-0.04982,-0.04289,-0.01489,-0.0711,0.09146,-0.03278,0.02887,0.09995,-0.00405,-0.04718,0.07718,0.01509,0.01556,0.04104,-0.00895,0.03568,0.00212,0.03512,0.03905,-0.05367,0.03306,0.03585,0.03101,-0.03947,0.0517,-0.07775,-0.03217,0.06532,0.00484,0.03045,0.01845,0.03786,0.02806,0.0603,0.0274,0.00953,-0.10072,-0.07665,-0.00902,0.07988,0.06836,-0.09888,0.00123,-0.02859,-0.0031,-0.08361,0.05986,0.02423,-0.00026,-0.08321,0.02783,0,-0.06412,0.06204,-0.00154,0.09468,0.05732,-0.0459,0.02316,0.04389,0.04144,0.08131,-0.01099,0.06409,-0.0104,-0.02043,-0.02688,-0.01603,-0.07239,-0.04545,0.0824,-0.07445,-0.01383,0.10707,-0.0134,-0.02067,-0.04341,0.03782,-0.02348,-0.04818,0.00862,-0.04359,-0.00999,-0.08072,-0.04402,-0.00871,-0.00367,-0.05086,0.05672,0.07319,-0.0098,-0.04893,0.03868,-0.02169,-0.0496,0.00434,-0.12418,-0.00168,-0.00497,-0.01938,-0.0015,-0.02223,-0.03239,0.01887,0.00663,0.06657,0.00613,-0.05463,0.04261,0.02843,0.03286,-0.01483,0.03896,-0.01271,-0.01586,-0.05805,0.08976,0.01972,-0.09264,-0.10209,-0.00647,0.02559,-0.05315,0.06654,0.03346,0.01184,0.08087,0.03954,0.056,0.00526,0.02352,0.04233,-0.04749,0.12651,-0.04479,0.06507,0.10901,0.04503,-0.10176,-0.02583,0.03717,0.0217,-0.0498,0,-0.01976,0.03367,0.03879,0,-0.11785,0.00944,-0.03787,-0.02757,0.01237,-0.0577,0.02768,0.03769,0.01406,0.00397,-0.03173,0.04299,0.04074,-0.10142,0.06713,-0.04539,-0.0219,0.01981,-0.03166,-0.00543,0.02217,0.00044,-0.00739,0.0965,-0.01298,-0.05299,0.00746,0.0344,-0.01761,-0.00086,-0.0263,-0.03973,0.05257,0.04701,-0.02529,-0.06164,-0.09286,-0.01903,0.0253,0.04878,0.01565,-0.06541,-0.01273,0.02632,-0.06147,0.05616,-0.06541,0.00881,0.03121,0.05426,-0.05965,-0.03724,-0.03252,-0.00502,0.07062,-0.00351,0.02342,0.03797,0.01897,-0.02693,-0.05976,0.06743,0.06017,-0.05929],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss ::: This example uses Angular Material components to fill the custom nodes with content.","excerpt":"Example ::: ng-component <custom-nodes</custom-nodes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/custom-nodes/example.scss ::: This example uses Angular Material components to fill the custom nodes with content."},{"chunkId":"/examples/custom-nodes#3","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.05382,0.02633,-0.04265,0.02895,-0.01786,0.01809,-0.10469,0.00682,0.01967,0.08137,-0.06573,0.00043,-0.03475,0.04118,0.08923,-0.00465,-0.01207,-0.0044,0.04735,-0.05377,-0.05777,-0.02221,-0.02735,-0.00224,0.00977,0.05486,0.03682,0.03316,0.11285,-0.02031,0.05079,0.04057,-0.02036,0.03685,-0.16232,0.10079,0.01583,0.06692,-0.00533,-0.02052,0.05509,-0.00547,0.00153,-0.05755,0.00064,-0.09429,-0.11917,-0.04032,-0.1068,0.08752,-0.05506,-0.12894,-0.03737,0.00528,0.08442,-0.05546,-0.00719,-0.08121,0.03101,-0.00839,0.03895,0.00803,0.02391,0.00203,0.01138,0.04477,-0.05642,0.1491,0.02509,-0.00966,0.0589,-0.03769,0.00189,0.00619,-0.05636,-0.01192,-0.05183,0.03644,-0.11118,0.01417,-0.01851,0.07158,-0.02439,0.03599,-0.06446,0.12113,0.01114,-0.03172,0.00044,-0.06314,-0.10292,0.04966,0.01396,-0.09361,0.08158,0.0505,-0.02233,-0.02031,-0.01915,-0.03458,0.04181,-0.04427,-0.0183,-0.02526,-0.00453,-0.00347,-0.06649,-0.02886,0.02306,0.02172,0.00604,0.01394,-0.06864,-0.10231,-0.03426,0.0122,-0.05992,-0.05164,-0.0191,0.12233,-0.02335,0.05664,-0.03085,-0.06021,0.06249,0.03743,0.03286,0,0.01586,0.04516,-0.08771,0.03352,0.16058,0.02192,-0.03878,-0.08302,0.06498,-0.01119,0.05625,0.07634,-0.06881,0.05189,-0.00518,-0.04548,-0.00567,-0.02999,0.02778,-0.04551,-0.04754,-0.08685,-0.06415,0.11073,0.04895,0.05312,0.04113,0.07331,-0.03642,-0.03275,0.10036,0.00601,0.03822,0.04914,-0.02692,-0.03513,-0.04633,-0.00501,0.05745,0.00914,0.00687,-0.05758,-0.10256,0.048,-0.00242,0.02357,-0.0456,-0.05843,0.09541,-0.0842,0.02153,0.05741,0.00488,-0.013,0.06454,-0.04788,-0.01505,0.06532,0.04518,0.03616,-0.02357,0.02875,0.00541,0.00081,0.02896,0.02315,0.00726,-0.03809,0.05196,-0.06873,-0.03724,0.02063,-0.04217,0.02617,0.03307,0.0059,0.01058,0.07334,0.01469,0.01305,-0.12146,-0.05187,0.0276,0.09091,0.08043,-0.09761,0.00356,-0.01886,-0.03718,-0.0291,0.03147,0.06313,0.0064,-0.01548,0.0775,0,-0.0789,0.08263,0.02586,0.05332,0.03266,-0.04172,-0.03352,-0.00025,0.03882,0.05647,-0.01679,0.04034,-0.01941,-0.03362,-0.03251,-0.02253,-0.07526,-0.0308,0.06187,-0.07327,0.01564,0.06651,-0.04097,-0.02005,-0.03001,0.0441,-0.04088,-0.10111,0.02942,-0.03344,-0.02679,-0.05795,0.0316,-0.0227,-0.00712,0.00064,0.08109,0.02807,-0.00412,-0.05875,-0.02593,-0.03208,-0.03965,0.00859,-0.09661,-0.01049,-0.0687,-0.01018,-0.03606,-0.03316,-0.03693,0.07825,-0.00739,-0.04397,-0.05872,-0.06192,0.09468,0.04755,0.06033,-0.02165,-0.00885,-0.03548,0.02451,-0.03558,-0.00561,0.01081,-0.03975,-0.07976,-0.01959,0.03302,0.00725,0.03994,-0.02974,0.02661,0.05878,0.01111,0.06654,-0.04286,0.0179,0.01575,-0.00235,0.11198,0.00097,0.00662,0.05739,0.03868,-0.08375,-0.02517,0.0423,0.07006,-0.06871,0.02898,-0.04678,0.04878,0.03888,0,-0.11731,0.03407,0.02142,-0.00321,-0.00322,-0.00539,-0.01045,0.05471,0.07021,0.03749,-0.03463,0.03757,-0.04904,-0.02881,0.05723,-0.01438,-0.03291,0.0359,-0.0001,-0.00887,0.03798,0.01572,-0.0008,0.08512,-0.023,-0.02805,0.04653,-0.02417,-0.04558,0.04953,-0.02757,-0.00544,0.10352,0.06531,-0.02172,-0.08569,-0.07628,0.00269,-0.00817,0.01833,0.01298,-0.0219,-0.07034,-0.02141,-0.06634,0.02792,-0.05838,-0.04312,0.02046,0.04535,-0.0335,-0.0285,-0.02637,-0.03168,0.04794,0.0351,-0.00354,-0.00164,0.0589,-0.05576,-0.0698,0.04098,0.07088,-0.05782],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. What this solves - Build branded nodes instead of plain boxes. - Mix graph interactions with real Angular UI. - Reuse the same editor primitives across workflow, AI, CRM, or internal-tool use cases.","excerpt":"What this solves - Build branded nodes instead of plain boxes. - Mix graph interactions with real Angular UI. - Reuse the same editor primitives across workflow, AI, CRM, or internal-tool use cases."},{"chunkId":"/examples/custom-nodes#4","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.05615,0.0338,-0.05344,0.02605,-0.00087,0.02276,-0.04854,0.01857,0.05326,0.08131,-0.03032,0.00166,-0.03258,0.05252,0.05652,0.0101,-0.04943,0.00532,0.06491,-0.07632,-0.04253,-0.07387,-0.02328,-0.0033,0.02884,0.02323,0.08216,0.04324,0.09263,-0.03735,0.01815,-0.01379,-0.03277,0.01928,-0.18405,0.07015,0.03963,0.0648,-0.02577,-0.00025,0.07061,-0.01284,0.01445,-0.04949,-0.00857,-0.05588,-0.11793,-0.00409,-0.09457,0.07067,-0.06023,-0.10472,-0.06056,-0.00238,0.0725,-0.05438,-0.01989,-0.07873,0.0403,0.00584,0.0749,-0.00318,0.01255,0.01602,0.03275,0.03685,-0.01976,0.13735,0.03319,-0.00223,0.05366,-0.02694,0.00576,0.00897,-0.05792,0.00969,-0.03636,0.07485,-0.11997,0.00497,-0.03778,0.10094,-0.03584,0.04584,-0.03124,0.1098,-0.04416,-0.05159,-0.03091,-0.04628,-0.09567,0.05762,0.01545,-0.09928,0.10146,0.03385,0.00062,-0.02498,0.02656,-0.05252,0.04445,-0.06389,-0.04128,-0.00364,0.0168,-0.01167,-0.0559,-0.05326,0.01982,0.00486,0.0142,0.01099,-0.07523,-0.09664,-0.03932,0.02261,-0.07209,-0.04218,0.01498,0.12168,-0.00909,0.02647,-0.02446,-0.06228,0.05484,0.04824,0.04066,0,0.01085,0.03293,-0.07731,0.01871,0.12172,0.00442,-0.08109,-0.09665,0.03504,0.02505,0.03886,0.07148,-0.04268,0.04582,-0.03194,-0.05568,0.02245,-0.00415,-0.00177,-0.05202,-0.03599,-0.07741,-0.0462,0.07797,0.05496,0.08189,0.00904,0.07643,-0.05284,-0.02481,0.11866,0.03188,0.01874,0.03036,0.01066,-0.00373,-0.01772,-0.01667,0.04355,-0.0176,-0.01561,-0.06525,-0.11026,0.07751,-0.02179,0.02468,-0.02204,-0.0845,0.08444,-0.03929,-0.00755,0.04814,-0.03794,-0.02616,0.06638,-0.01534,-0.02584,0.06791,-0.02091,0.01976,-0.02291,0.03627,0.0108,-0.0589,0.00775,0.02706,0.0024,-0.05793,0.06423,-0.04056,-0.03684,0.03821,-0.03445,-0.00111,0.00538,0.02348,0.00331,0.07076,-0.01212,0.0315,-0.11816,-0.07238,0.0475,0.06754,0.0548,-0.0837,0.04233,-0.05136,-0.04549,-0.03329,0.04503,0.10316,0.04958,-0.02651,0.05875,0,-0.10076,0.077,0.03817,0.05306,0.01585,-0.04745,-0.0004,0.02601,0.00011,0.06402,-0.00655,0.01935,-0.04254,-0.0069,0.00597,-0.03495,-0.05746,-0.0348,0.05782,-0.04468,0.01446,0.09796,-0.04121,-0.03956,-0.01529,0.05138,-0.03082,-0.12176,-0.00942,-0.05322,-0.01597,-0.0333,0.0157,-0.04537,-0.00276,-0.01307,0.07256,0.02719,0.01902,-0.02726,-0.02783,-0.04648,0.00881,-0.00036,-0.10392,-0.04927,-0.03979,-0.0064,-0.01512,0.01622,-0.03723,0.06352,0.02855,-0.01924,-0.02934,-0.08592,0.08345,0.04499,0.06601,-0.00037,-0.01923,-0.04137,-0.00323,-0.01682,-0.00621,0.00997,-0.04744,-0.11949,-0.02151,0.04458,-0.00925,0.03308,-0.05612,0.02017,0.06867,0.00107,0.06377,0.00113,-0.02241,0.04241,0.00971,0.09761,-0.00242,0.01502,0.05678,0.04702,-0.08232,-0.03649,0.03372,0.09236,-0.07582,0.01957,-0.11619,0.03496,0.04818,0,-0.12667,0.02939,0.03922,-0.03047,0.00866,-0.01971,-0.00062,0.0354,0.02621,0.01552,-0.03158,0.05025,-0.00431,-0.06661,0.07988,-0.02843,0.00207,-0.01554,0.01363,0.03462,-0.03398,0.01189,-0.04089,0.06503,-0.04176,-0.03783,0.03028,0.01084,-0.0508,0.0314,-0.02604,0.02929,0.11238,0.064,0.00629,-0.03243,-0.07314,0.00805,-0.01444,0.03915,0.01887,0.01556,-0.03616,0.02534,-0.07787,0.05826,-0.03096,-0.02644,-0.00383,0.06597,-0.04558,-0.05892,-0.04034,-0.02881,0.04893,0.03625,0.00221,0.01724,0.03505,-0.001,-0.04333,0.07392,0.03799,-0.09867],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. When to use it Start from this example whenever the visual identity of a node matters as much as the graph behavior around it.","excerpt":"When to use it Start from this example whenever the visual identity of a node matters as much as the graph behavior around it."},{"chunkId":"/examples/custom-nodes#5","slug":"custom-nodes","route":"/examples/custom-nodes","section":"examples","title":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events","description":"Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code.","group":"Nodes","vector":[-0.02255,0.0085,-0.04378,0.04452,-0.01091,0.05893,-0.06718,0.01478,0.03062,0.10104,-0.03656,0.01751,-0.05169,0.02991,0.05689,0.00046,-0.05477,-0.00008,0.03818,-0.03581,-0.03781,-0.02989,-0.03467,-0.00609,0.02449,0.03941,0.02344,0.01662,0.08846,-0.01865,0.03015,-0.00781,-0.02515,0.02457,-0.18466,0.0744,0.05218,0.0409,-0.04983,0.01499,0.07602,-0.01214,0.03778,-0.046,-0.02049,-0.04195,-0.13277,-0.00639,-0.09384,0.0883,-0.04566,-0.12501,-0.02633,0.01847,0.0682,-0.071,-0.00977,-0.08268,0.04831,-0.00795,0.04941,0.00917,0.00307,-0.00989,0.00875,-0.00319,-0.0484,0.16576,0.02788,-0.02271,0.03243,-0.05076,0.00503,0.01722,-0.05121,-0.01717,-0.04297,0.06868,-0.1257,0.03292,0.00064,0.06715,-0.03754,0.04586,-0.0776,0.11777,-0.03041,-0.02163,-0.02235,-0.08256,-0.06712,0.07161,-0.01683,-0.08903,0.03894,0.0382,-0.00704,-0.02463,-0.00654,-0.04483,0.0673,-0.04108,-0.05605,-0.00042,-0.02569,-0.03163,-0.0702,-0.05919,0.00682,0.03117,0.01962,0.03038,-0.09044,-0.12715,-0.0369,0.02173,-0.1116,-0.03513,-0.01089,0.12419,-0.03364,0.04954,-0.01639,-0.04882,0.06621,0.02935,0.03522,0,0.04206,0.02912,-0.10141,0.02972,0.13081,0.00411,-0.04962,-0.09168,0.04934,-0.01134,0.07574,0.05143,-0.0505,0.05055,-0.03817,-0.05668,0.03109,-0.00571,0.03294,-0.0527,-0.05254,-0.08359,-0.05607,0.06582,0.0472,0.05772,0.03079,0.02995,-0.00979,-0.0222,0.11489,0.02706,0.02345,-0.02313,0.00306,-0.03832,-0.04282,0.01257,0.03467,-0.02085,-0.0043,-0.08002,-0.11546,0.05757,-0.01161,0.00383,-0.01132,-0.086,0.09672,-0.0667,0.01843,0.02935,0.00078,-0.02383,0.09539,0.01214,-0.02576,0.08427,0.01018,0.01456,0.01298,0.0631,0.0128,-0.06156,0.03886,0.00173,-0.0018,-0.03924,0.07156,-0.02952,-0.05256,-0.00979,-0.00027,0.02277,0.01148,0.04622,0.01432,0.05381,0.02252,-0.00511,-0.12988,-0.08215,0.05279,0.06599,0.08882,-0.09374,0.01168,-0.02546,-0.03613,-0.04118,0.04313,0.06744,0.02382,-0.05515,0.08333,0,-0.08283,0.08157,0.02892,0.04706,0.03776,-0.04218,-0.03567,0.02406,0.03113,0.04327,-0.0459,0.03559,-0.01141,0.00106,-0.01657,-0.01802,-0.07963,-0.02574,0.04267,-0.07333,0.00598,0.04828,-0.00041,-0.00019,-0.06911,0.01738,-0.01655,-0.11889,0.01148,-0.0643,-0.0336,-0.05394,0.02128,0.01247,-0.02036,-0.03026,0.09001,0.06459,-0.01451,-0.05762,-0.02218,-0.03031,0.0005,-0.02516,-0.10704,-0.00155,-0.06184,-0.01351,0.0096,-0.02309,-0.03645,0.05178,-0.00957,-0.00224,-0.01533,-0.05182,0.08532,0.02932,0.09433,-0.01208,-0.03399,-0.0445,-0.00555,-0.03911,0.01724,0.02454,-0.06687,-0.09451,-0.03672,0.03933,-0.05697,0.06643,0.00241,0.01189,0.06706,0.03241,0.06793,-0.01917,0.00658,0.00834,0.01827,0.11065,-0.02581,-0.00356,0.07007,0.05755,-0.04485,-0.04208,0.03837,0.05427,-0.06206,0.03146,-0.02916,0.04105,0.04436,0,-0.08867,0.013,0.01716,-0.02089,-0.00521,0.00456,0.00498,0.06576,0.05555,0.03551,-0.03802,0.05484,-0.00783,-0.03682,0.07541,-0.017,0.00774,0.02245,0.01725,0.00317,0.06311,0.014,0.03358,0.08696,-0.0346,-0.02669,0.01593,0.00013,-0.03759,0.01667,-0.02502,0.00004,0.08584,0.0411,-0.00992,-0.04911,-0.10071,-0.00902,-0.00508,0.02887,0.0408,0.01027,-0.0735,0.00118,-0.05956,0.02989,-0.03439,-0.03473,0.00429,0.08387,-0.04137,-0.01513,-0.01334,-0.0105,0.02636,0.07448,-0.0164,-0.00043,0.00812,-0.04757,-0.04993,0.06208,0.06803,-0.06042],"keywords":"Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Angular Flowchart Example – Custom Nodes with Ports, Styles & Events Create custom nodes in Angular flowcharts: ports, styles, templates and events. Practical example with reusable code. Related docs - Node Directive - Drag Handle - Angular Node Editor Library","excerpt":"Related docs - Node Directive - Drag Handle - Angular Node Editor Library"},{"chunkId":"/examples/drag-handle#0","slug":"drag-handle","route":"/examples/drag-handle","section":"examples","title":"Angular Diagram Example – Node Drag Handle for Precise Movement","description":"Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse.","group":"Nodes","vector":[-0.02558,-0.02984,-0.02536,0.04454,0.0095,0.05407,-0.01954,-0.01352,-0.00527,0.09227,0.02862,0.0634,-0.06077,0.03403,-0.0161,-0.02647,-0.02038,0.03524,-0.00235,-0.004,-0.00269,-0.02847,0.00677,0.00921,0.01781,0.01174,-0.0115,-0.02949,0.10011,-0.08115,0.00204,0.04478,-0.13573,-0.02761,-0.17909,0.07064,0.03148,0.00564,-0.02463,-0.00969,0.1044,0.08105,0.067,-0.03683,-0.01869,0.03091,-0.11832,0.0843,-0.01223,0.07816,-0.04549,-0.12299,0.02864,-0.02905,0.02212,-0.04284,0.01249,-0.04522,0.02592,-0.02757,0.02681,0.05247,0.04087,0.00552,0.02217,-0.02066,-0.0962,0.03772,-0.02321,0.00961,0.04979,-0.10477,-0.03164,0.07427,0.03039,-0.04532,-0.07866,0.07761,-0.05375,0.07962,0.04834,0.05186,-0.02993,0.05176,-0.05626,0.14742,-0.04104,-0.02189,-0.03688,-0.08054,0.04047,0.01136,0.01008,-0.03459,-0.00848,-0.03432,-0.00098,0.01231,-0.11997,-0.00836,0.06549,-0.04705,-0.03811,0.03384,-0.06039,-0.00369,-0.01925,-0.04757,-0.03125,0.06668,0.00789,0.01705,-0.10937,-0.04914,-0.08224,-0.0502,-0.10112,-0.02461,-0.01095,0.01944,-0.07312,0.05988,-0.03246,0.00823,0.05135,-0.0136,0.0064,0,-0.02086,0.01968,-0.0106,0.04971,-0.01048,-0.02044,-0.06402,-0.0629,0.05445,0.05755,0.1059,0.01838,-0.06293,0.03547,-0.02456,-0.11136,0.05173,0.0133,-0.00765,0.02399,-0.00697,-0.06244,-0.07553,-0.00868,0.05729,0.03167,-0.02109,0.04982,0.02087,0.01572,0.07196,0.04972,-0.02126,0.0113,0.00322,0.00561,-0.06509,-0.01274,0.04281,-0.04899,0.01404,-0.07332,-0.11901,0.08305,0.02592,-0.01291,0.02365,-0.04485,-0.01402,0.00994,0.01742,0.04345,-0.00508,-0.0492,0.05955,-0.04889,0.0206,0.07343,0.00209,0.08917,0.00504,-0.04677,-0.04973,-0.02261,0.03372,-0.0179,-0.09405,-0.00194,0.07543,0.00489,-0.06435,-0.04426,0.07021,0.059,-0.0301,-0.03978,-0.02526,-0.05768,0.04671,-0.02416,-0.05043,-0.04065,0.06925,-0.00064,0.03677,-0.10169,-0.01552,0.05441,-0.01252,-0.00885,0.03302,0.02465,0.03087,0.02126,0.07777,0,-0.02391,0.09545,0.0526,0.04432,-0.06143,-0.07227,0.00192,0.00922,0.00193,0.03018,0.02471,0.0045,-0.02449,0.04993,0.00679,0.00706,0.01762,-0.05812,-0.00699,-0.01056,0.07157,-0.02421,0.0128,-0.01162,0.00872,0.02187,-0.01102,-0.00476,0.0245,-0.0253,0.00118,-0.09541,0.07656,-0.04713,-0.02072,-0.10686,0.01438,0.10385,0.07741,-0.03939,-0.05196,-0.02048,0.00456,0.00024,0.00001,-0.04731,-0.08662,0.03976,-0.00967,-0.01513,-0.06314,0.00385,-0.00818,-0.02049,0.04514,0.01897,0.0319,-0.02345,0.08435,-0.07927,-0.01978,0.01001,-0.01725,-0.0318,0.02603,0.02353,0.02106,-0.13386,0.03186,0.05881,-0.04714,0.09543,0.02785,-0.04599,0.07833,-0.05049,0.10334,-0.04924,0.04188,-0.0508,0.02268,0.02199,-0.01339,0.02234,0.00773,0.10359,-0.09648,-0.00846,0.0251,0.10456,-0.05816,-0.06395,0.03769,-0.0495,-0.00111,0,-0.12176,0.02766,0.05313,-0.00787,0.01959,0.01048,0.02016,0.01337,0.04798,0.00794,-0.03981,0.08791,-0.02022,-0.01517,0.14447,-0.01576,0.02087,0.06585,0.00008,0.01213,0.02611,-0.00391,0.11669,0.10459,-0.04301,-0.04283,-0.08357,0.05925,0.02417,-0.01261,-0.04028,-0.0623,0.03674,0.003,-0.03291,-0.04115,-0.08628,-0.00729,0.00684,0.03094,0.08352,0.09272,0.01322,0.02494,-0.04357,0.03722,0.02508,-0.05942,-0.04595,0.02094,-0.0518,0.00579,-0.07143,0.03556,0.00108,0.04085,-0.0076,-0.06081,-0.07956,-0.01609,-0.04019,0.04486,-0.02121,-0.01905],"keywords":"Angular Diagram Example – Node Drag Handle for Precise Movement Angular Diagram Example – Node Drag Handle for Precise Movement Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse. --- toc: false wideContent: true --- Drag Handle wide Content","excerpt":"--- toc: false wideContent: true --- Drag Handle"},{"chunkId":"/examples/drag-handle#1","slug":"drag-handle","route":"/examples/drag-handle","section":"examples","title":"Angular Diagram Example – Node Drag Handle for Precise Movement","description":"Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse.","group":"Nodes","vector":[-0.02579,-0.02712,-0.02513,0.05485,0.02774,0.06024,-0.02976,-0.04072,0.00534,0.09553,-0.00293,0.08845,-0.01676,0.05899,0.01195,-0.03093,-0.01887,0.04114,0.01473,-0.0057,0.0043,-0.01684,-0.00707,-0.0185,0.01615,-0.00424,-0.00681,-0.00809,0.13129,-0.06898,0.03651,-0.02052,-0.0812,-0.00798,-0.22031,0.10222,-0.01405,-0.01469,-0.02948,-0.00217,0.0852,0.04771,0.0329,-0.0238,-0.0266,0.01632,-0.0869,0.1017,-0.03644,0.06958,-0.05231,-0.13744,0.02288,-0.00954,0.00613,-0.02467,0.0262,-0.07837,0.03307,-0.02389,0.01386,0.02548,0.06347,-0.02087,0.02346,0.00908,-0.06625,0.06794,-0.02416,-0.005,0.07774,-0.09201,-0.04773,0.08341,-0.00129,-0.04109,-0.08318,0.07801,-0.05831,0.09563,0.04402,0.02919,-0.04428,0.05418,-0.08861,0.16233,-0.04805,-0.02745,-0.04835,-0.11786,-0.00431,0.03759,0.01785,-0.05941,0.02523,-0.00993,0.00326,-0.00215,-0.09989,-0.01269,0.05122,-0.04145,-0.03895,0.01924,-0.04526,-0.02141,-0.0343,-0.09563,-0.07353,0.05771,-0.00218,0.04137,-0.08569,-0.02341,-0.04427,-0.03335,-0.07185,-0.03437,0.00547,0.0581,-0.04619,0.04337,-0.01706,-0.01073,0.08654,-0.00765,-0.02662,0,0.01579,0.00038,-0.0318,0.00276,-0.00615,-0.01546,-0.0478,-0.08699,0.04854,0.03633,0.07936,0.00131,-0.02046,0.03153,-0.0169,-0.12791,0.06541,0.0209,0.00962,-0.01612,0.00325,-0.06498,-0.08635,0.02424,0.04253,0.06008,-0.00004,0.00599,0.06692,-0.00796,0.07272,0.06015,-0.07462,0.00627,-0.0029,-0.01013,-0.06918,-0.01688,0.06976,-0.07411,0.02003,-0.04975,-0.08736,0.08749,-0.00206,0.00646,-0.00124,-0.07507,-0.00944,0.00614,0.01316,0.02563,0.03639,-0.03491,0.06413,-0.06592,-0.01217,0.05312,-0.00092,0.05931,0.00457,-0.04426,-0.04679,-0.02755,0.03688,0.00886,-0.06133,0.01345,0.08969,-0.02323,-0.03273,-0.02665,0.0406,-0.00479,-0.02011,-0.02151,-0.03293,-0.05194,0.04778,0.03065,-0.03543,-0.0566,0.0371,0.00565,0.06844,-0.08905,-0.01613,0.0235,-0.02803,-0.0374,0.04909,0.04475,0.0075,0.02273,0.07993,0,-0.01177,0.09914,0.08671,0.06115,-0.0331,-0.04931,-0.0406,-0.01656,0.01141,0.03501,-0.03293,0.01959,-0.00482,0.02496,-0.02859,0.02103,-0.02324,-0.04103,0.01331,-0.0142,0.0708,-0.01672,-0.00802,0.00516,-0.01071,0.02573,0.00647,0.01571,0.01835,-0.01844,0.00938,-0.0693,0.06942,-0.03,-0.04399,-0.09446,0.01066,0.10399,0.05271,-0.03594,-0.03022,-0.03792,0.03156,0.00993,-0.00564,-0.03588,-0.0976,0.02214,-0.0457,-0.02074,-0.08382,0.03853,-0.04556,-0.03353,0.04592,0.01128,0.07334,0.00833,0.11298,-0.08023,0.00267,0.00947,-0.02643,-0.03708,-0.00348,0.01478,0.05508,-0.12641,0.02684,0.08078,-0.04181,0.10442,0.0727,-0.0543,0.11168,-0.00288,0.08703,-0.04395,0.04131,-0.07755,0.0395,0.0321,-0.03808,0.00199,-0.00458,0.09592,-0.07438,-0.03825,0.00861,0.06987,-0.08592,-0.03201,0.05222,-0.01747,-0.00053,0,-0.08537,0.02885,0.05845,-0.00238,0.00955,0.02017,0.02485,0.04469,0.0617,0.04055,-0.0114,0.08655,0.00833,-0.00143,0.10073,0.0241,0.04633,0.04575,0.00804,0.01472,0.07834,0.01368,0.11673,0.10932,-0.03111,-0.0425,-0.04753,0.03831,0.0313,0.00591,-0.0495,-0.04244,0.04898,0.03781,-0.05031,-0.02673,-0.09878,-0.00564,-0.01047,0.00765,0.09572,0.05315,0.0051,0.00153,-0.08034,0.03924,-0.01137,-0.06063,-0.02388,0.05704,-0.02842,-0.01301,-0.05244,0.038,-0.00261,0.04285,-0.03801,-0.02689,-0.03955,0.00872,-0.01964,0.04942,0.02512,-0.02165],"keywords":"Angular Diagram Example – Node Drag Handle for Precise Movement Angular Diagram Example – Node Drag Handle for Precise Movement Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse. Description Attach a dedicated drag area inside a node instead of making the whole node draggable. Use this when your nodes contain buttons, inputs, or rich content and drag should start only from a specific handle.","excerpt":"Description Attach a dedicated drag area inside a node instead of making the whole node draggable. Use this when your nodes contain buttons, inputs, or rich content and drag should start only from a specific handle."},{"chunkId":"/examples/drag-handle#2","slug":"drag-handle","route":"/examples/drag-handle","section":"examples","title":"Angular Diagram Example – Node Drag Handle for Precise Movement","description":"Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse.","group":"Nodes","vector":[-0.03271,-0.00306,-0.04869,0.04144,0.02033,0.10796,-0.01327,0.03158,0.02686,0.06845,-0.01937,0.06194,-0.02666,0.05289,-0.00313,-0.0203,-0.07141,0.07253,-0.02389,0.01494,0.01722,-0.0571,0.03873,0.01797,-0.00008,-0.00899,-0.02287,-0.01236,0.08745,-0.04484,0.02403,0.04372,-0.07195,0.00619,-0.15291,0.08592,0.0006,0.02715,-0.04183,-0.02412,0.09409,0.06134,0.04218,-0.08574,-0.00651,0.0298,-0.09435,0.08683,-0.05446,0.05262,-0.06414,-0.11537,0.01816,0.02535,0.05005,-0.04276,0.04146,-0.11472,0.04771,-0.03552,-0.02166,0.00605,0.02913,-0.00623,0.02561,0.01593,-0.11676,0.01993,-0.02991,0.04161,0.05089,-0.06912,-0.02579,0.05329,0.01589,-0.05434,-0.09768,0.13722,-0.03662,0.04922,0.05911,-0.00146,-0.03902,0.04275,-0.05875,0.14297,-0.01645,-0.02487,-0.03293,-0.07439,-0.00449,0.05419,-0.02503,-0.02087,0.00526,0.00083,-0.03575,0.02693,-0.10629,0.00724,0.03689,-0.06058,-0.01717,0.07222,-0.0217,-0.01079,-0.01321,-0.00892,-0.07289,0.05321,-0.01111,0.01647,-0.02716,-0.01845,-0.04995,-0.04516,-0.08446,-0.04578,0.01318,0.06409,-0.00628,0.04563,-0.05038,-0.04904,0.10095,0.02451,0.00644,0,-0.02082,0.0348,-0.00749,0.0126,0.01416,-0.06818,-0.06129,-0.09007,0.02072,0.06191,0.02125,0.02866,-0.0557,0.00863,-0.06167,-0.14276,0.06621,0.03985,0.01069,0.00314,0.02974,-0.08631,-0.07483,-0.00062,0.10849,-0.00015,-0.04846,0.03141,0.00276,-0.00629,0.06672,0.07228,-0.01257,-0.05665,0.00109,-0.01374,-0.01937,-0.00591,-0.00543,-0.0397,0.061,-0.03664,-0.09923,0.10351,0.00014,-0.02093,-0.00067,-0.05074,0.03943,0.0348,0.0245,0.04586,0.03969,-0.02875,0.09278,-0.06483,0.01169,0.06426,-0.0179,0.09506,-0.02981,0.00116,-0.03473,-0.02388,0.05944,-0.04143,-0.04867,0.04386,0.06514,-0.01445,-0.05446,0.01211,0.03077,0.01551,-0.0228,-0.02152,0.00572,-0.03375,0.02425,0.00933,-0.02837,-0.06676,0.02946,0.04507,0.08181,-0.12932,-0.02459,0.0078,-0.03492,-0.08225,0.07254,0.0005,0.00304,-0.00638,0.03716,0,0.0217,0.06553,0.05408,0.10254,-0.06616,-0.05415,0.03395,0.0298,0.01943,0.0321,-0.01728,0.0238,-0.00296,0.00983,0.04204,-0.00854,-0.02054,-0.07637,0.06331,-0.01335,0.07036,0.01512,-0.02014,0.00282,-0.01494,0.0431,0.04328,0.04469,-0.016,-0.04281,-0.00133,-0.11007,0.01091,-0.0217,-0.01641,-0.10465,0.01152,0.14426,0.06698,0.00131,0.02408,0.03352,-0.01007,-0.01087,0.01035,-0.02089,-0.03198,-0.00608,-0.00755,-0.0322,-0.07084,0.01258,-0.04476,0.02166,0.05502,-0.02539,0.07551,-0.04068,0.02777,-0.05664,0.01355,-0.00026,-0.0346,-0.03817,0.05346,0.04429,-0.03184,-0.11643,0.02112,0.06161,-0.03232,0.0663,0.02549,-0.00511,0.07938,-0.00674,0.08457,0.00687,0.04817,0.00403,0.00906,0.06416,-0.0185,0.03479,-0.02624,0.10675,-0.13003,-0.03413,0.053,0.06317,-0.07078,-0.04621,0.015,-0.03848,0.0104,0,-0.12756,0.02146,0.03356,-0.0036,0.02851,0.00703,0.00992,-0.01158,0.03302,-0.0059,-0.02697,0.07592,0.0542,-0.03605,0.10363,-0.0352,0.0292,0.05699,-0.02907,0.00255,0.0328,0.03494,0.10091,0.13258,-0.024,-0.10623,-0.07952,0.01604,0.01723,-0.02535,-0.05585,-0.04129,0.05774,0.01887,-0.00482,-0.04457,-0.1315,-0.02019,0.01328,0.0337,0.08139,-0.00016,0.01056,-0.02146,-0.06436,0.05275,-0.00122,-0.05064,-0.01791,0.00308,-0.05081,0.02811,-0.08421,0.08056,0.0089,0.0279,-0.02792,0.00483,-0.04172,-0.02468,-0.0097,0.02673,0.01402,-0.04371],"keywords":"Angular Diagram Example – Node Drag Handle for Precise Movement Angular Diagram Example – Node Drag Handle for Precise Movement Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse. Example ::: ng-component <drag-handle</drag-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.scss :::","excerpt":"Example ::: ng-component <drag-handle</drag-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-handle/example.scss :::"},{"chunkId":"/examples/drag-handle#3","slug":"drag-handle","route":"/examples/drag-handle","section":"examples","title":"Angular Diagram Example – Node Drag Handle for Precise Movement","description":"Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse.","group":"Nodes","vector":[-0.04459,0.00992,-0.01474,0.05245,0.04833,0.03739,-0.03091,-0.01031,0.0178,0.0783,0.02092,0.09076,-0.03262,0.04624,0.05444,-0.03402,0.00786,0.05338,0.01269,-0.03272,-0.02064,-0.02312,-0.01795,-0.02412,0.02689,-0.00158,-0.0091,0.0155,0.13821,-0.07939,0.00902,-0.01328,-0.08581,0.01107,-0.20168,0.10239,0.04195,-0.00161,-0.07243,-0.04298,0.02739,0.06141,0.00861,-0.02598,-0.01212,0.00467,-0.09681,0.05985,-0.06348,0.05227,-0.05476,-0.11253,-0.01047,-0.021,0.04271,-0.05003,0.01198,-0.06743,0.02921,-0.02255,0.01352,0.04317,0.07396,0.0094,0.03075,0.0216,-0.08988,0.06632,0.03739,0.0126,0.0639,-0.10655,-0.04502,0.05004,0.00632,-0.0424,-0.07451,0.04098,-0.04781,0.0609,0.00289,0.05912,-0.05763,0.07213,-0.0943,0.15593,-0.01479,-0.01737,-0.02448,-0.08709,-0.00871,0.01339,0.04997,-0.03578,0.02416,-0.04888,0.01234,-0.01964,-0.10593,-0.00504,0.06041,-0.04933,0.00321,-0.00094,-0.077,-0.03409,-0.01733,-0.07999,-0.05554,0.07133,-0.02352,0.02299,-0.13044,-0.0451,-0.07643,-0.0575,-0.08284,-0.05425,0.01796,0.07223,-0.01872,0.06415,0.04197,-0.01506,0.07564,-0.02569,-0.0518,0,0.01383,0.01616,-0.04207,0.00829,0.04224,-0.02635,-0.00829,-0.0812,0.04364,0.06091,0.07181,0.03287,-0.04098,0.07823,0.04838,-0.10703,0.0509,0.0044,0.03126,-0.01547,-0.00819,-0.0608,-0.061,0.06757,0.06486,0.06855,0.00045,0.04505,0.00094,0.00821,0.0594,0.07277,-0.04767,0.00968,0.00327,0.01305,-0.07357,-0.06582,0.06959,-0.03372,0.01046,-0.06952,-0.11204,0.08862,0.0411,-0.00491,-0.01907,-0.04468,-0.03254,0.00533,0.02866,0.05581,0.022,-0.05926,0.05367,-0.08626,-0.01895,0.01129,0.03456,0.0625,0.00116,-0.01691,-0.03237,-0.02836,-0.00216,0.0014,-0.05628,-0.03834,0.05382,-0.01436,-0.07355,-0.01087,0.03542,0.0131,-0.04156,-0.04963,-0.05447,-0.02759,0.02675,0.0182,-0.06074,-0.0536,0.02506,-0.00231,0.06904,-0.11682,0.01304,0.0468,-0.00736,-0.01381,0.04449,0.04092,-0.02926,0.02947,0.07272,0,-0.05902,0.0506,0.02382,0.03819,-0.03867,-0.09165,-0.05965,-0.029,-0.00448,0.01651,-0.01823,0.01282,0.01619,0.01646,-0.01918,0.01537,-0.025,-0.05018,0.01941,-0.01418,0.0526,0.03657,-0.01442,0.01385,-0.03195,0.02935,-0.0385,-0.02838,0.04205,-0.02367,0.00879,-0.09037,0.05566,-0.06219,-0.02607,-0.08875,0.02552,0.08008,0.03798,-0.08768,-0.01788,-0.02318,0.00839,0.00618,-0.01282,0.00557,-0.05979,0.03441,-0.0423,-0.04539,-0.03896,0.02156,0.01437,-0.07938,0.04748,-0.00194,0.07164,0.02038,0.13395,-0.03679,0.0174,-0.00823,-0.0184,-0.02649,-0.0181,0.01079,0.02634,-0.11844,0.02323,0.05922,-0.02933,0.10243,0.04142,-0.04712,0.07721,-0.02243,0.09199,-0.03003,0.02741,-0.05813,0.03391,0.05166,-0.01771,0.00686,0.02893,0.07682,-0.1387,-0.0161,0.02569,0.07239,-0.06918,-0.00829,-0.01156,0.05756,0.00029,0,-0.07903,0.05421,0.0587,-0.03534,-0.01037,0.00668,0.02247,0.03421,0.06135,0.01396,0.01319,0.06283,-0.02416,0.01002,0.12307,0.04249,0.03374,0.05587,0.00067,-0.00041,0.02744,0.01075,0.08324,0.12473,-0.0318,-0.01445,0.00929,0.01864,0.01056,0.03923,-0.04275,-0.02712,0.0745,0.05531,-0.01775,-0.02995,-0.1279,-0.01271,-0.00918,0.01714,0.07952,0.03828,-0.00385,0.01338,-0.04557,0.0539,-0.00681,-0.10433,-0.05238,0.05054,-0.06036,-0.02855,-0.07126,0.05518,0.00079,0.05881,0.01462,-0.05464,0.00553,-0.01039,-0.0214,0.02013,0.05286,-0.01287],"keywords":"Angular Diagram Example – Node Drag Handle for Precise Movement Angular Diagram Example – Node Drag Handle for Precise Movement Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse. What this pattern enables - Make only part of the node draggable. - Protect buttons, images, forms, or other interactive content inside the node. - Build node UIs that feel closer to real product surfaces instead of generic diagram blocks. U Is","excerpt":"What this pattern enables - Make only part of the node draggable. - Protect buttons, images, forms, or other interactive content inside the node. - Build node UIs that feel closer to real product surfaces instead of generic diagram blocks."},{"chunkId":"/examples/drag-handle#4","slug":"drag-handle","route":"/examples/drag-handle","section":"examples","title":"Angular Diagram Example – Node Drag Handle for Precise Movement","description":"Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse.","group":"Nodes","vector":[0.01557,-0.05027,-0.03982,0.00959,-0.00208,0.05944,-0.03294,-0.0446,0.04844,0.06221,0.04952,0.09673,-0.03171,0.02006,0.0273,-0.01316,-0.04398,0.09073,0.0048,-0.04779,-0.06146,-0.04548,0.01046,0.00961,0.03221,0.01303,0.00109,-0.01082,0.09589,-0.09334,0.00091,0.04925,-0.05735,0.00887,-0.20372,0.1142,-0.00718,0.0154,-0.03967,-0.00662,0.08901,0.02781,0.05623,-0.07225,-0.02924,0.06959,-0.10108,0.09216,-0.04058,0.07996,-0.05428,-0.12199,-0.02304,0.04264,0.0457,0.01141,0.06307,-0.07387,0.00309,-0.02956,0.04922,0.04357,0.04922,0.00945,0.00394,-0.02388,-0.05571,0.06313,0.04379,0.04181,0.04932,-0.04876,0.00969,-0.00103,-0.02946,-0.04038,-0.0348,0.07743,-0.04729,0.05593,0.04862,0.03781,-0.00368,0.04219,-0.05775,0.07382,-0.06906,-0.02633,-0.03558,-0.03889,-0.01473,0.04748,0.03808,-0.07418,0.02592,0.00759,0.01799,0.02774,-0.06953,0.01041,0.06526,-0.03217,-0.02968,0.0102,-0.06571,-0.02052,-0.02079,-0.04985,-0.04222,0.03181,-0.00413,0.01412,-0.07902,-0.02003,-0.11081,-0.0509,-0.07931,-0.01677,-0.01675,0.04189,-0.02216,0.03715,0.00276,-0.0108,0.04013,0.0095,-0.01907,0,-0.00764,0.04498,-0.02151,0.03119,0.02149,-0.01948,-0.05073,-0.0711,0.07475,0.00098,0.03928,0.04133,-0.05741,0.03189,-0.06267,-0.1757,0.0463,0.03638,0.02253,0.01979,0.05487,-0.02754,-0.08707,0.01044,0.03634,0.0544,-0.03355,0.02705,-0.03876,-0.0115,0.07351,0.05853,-0.07712,-0.00771,-0.00602,-0.02125,-0.04426,-0.04631,0.04209,-0.05898,0.061,-0.02798,-0.12652,0.04447,0.02536,-0.00179,-0.07442,-0.012,0.05172,0.02964,0.02696,0.05313,-0.02927,-0.07836,0.02947,-0.07382,-0.02669,0.04608,0.00039,0.09231,0.00127,0.00764,-0.02754,-0.02764,0.07059,-0.00176,-0.04099,0.00258,0.07909,-0.00041,-0.056,-0.00388,0.0393,0.04291,-0.0265,-0.02298,-0.02532,-0.069,-0.03381,-0.02103,-0.03712,-0.03407,-0.00066,0.03117,0.091,-0.08977,0.0113,0.02687,-0.00977,0.01465,0.07295,0.00444,0.0479,0.02505,0.10833,0,-0.02817,0.06776,0.06508,0.06285,-0.02966,-0.0555,-0.05083,-0.00627,0.00846,0.00867,-0.09502,0.01717,-0.04108,0.00996,-0.01646,0.02624,-0.0141,-0.08749,-0.00764,0.00711,0.04388,0.02413,0.00804,0.02923,0.01441,0.04393,0.04386,0.02025,-0.00436,-0.02161,-0.01846,-0.11682,0.05343,-0.03834,0.01147,-0.06843,-0.00164,0.10393,0.03717,0.00834,-0.00322,-0.00829,-0.00448,0.01735,0.02148,0.04079,-0.11752,0.03411,-0.04568,-0.02396,-0.0745,0.04205,-0.07308,-0.07155,0.06834,0.02115,0.0566,-0.01893,0.06678,-0.08486,-0.05447,-0.02462,0.00628,-0.05065,-0.00454,0.02088,0.00888,-0.12419,-0.02989,0.07248,-0.01239,0.07861,0.02029,-0.02485,0.07898,-0.08638,0.09166,-0.05058,0.01468,-0.02063,0.02084,0.04704,-0.02166,0.00549,-0.05402,0.10314,-0.07762,0.00096,0.04549,0.04842,-0.04749,-0.01285,0.00818,-0.0564,-0.00595,0,-0.1339,0.03476,0.05049,0.04202,0.03585,-0.00422,0.01595,0.07459,0.04197,-0.02672,-0.01577,0.11161,0.04062,-0.03038,0.09005,-0.0061,0.06989,0.03543,-0.01113,-0.00508,0.01226,0.02306,0.09827,0.13783,-0.01806,-0.07893,0.00136,0.0158,0.03991,-0.02503,-0.02518,-0.0228,0.08061,0.09276,-0.04428,-0.05328,-0.07892,0.01437,0.02357,-0.01149,0.03621,0.05393,-0.0071,-0.01136,-0.09875,0.01418,-0.00526,-0.09708,-0.03756,0.01457,-0.05589,-0.00221,-0.04674,0.07029,-0.00015,0.03694,-0.04546,-0.04713,0.00202,0.00928,-0.07474,0.03401,0.02489,-0.07029],"keywords":"Angular Diagram Example – Node Drag Handle for Precise Movement Angular Diagram Example – Node Drag Handle for Precise Movement Add a drag handle to nodes for precise movement. Clean UX patterns and Angular code you can reuse. Position updates Use fNodePositionChange to persist the new { x, y } of a single node after movement. Use fMoveNodes from <f-flow when you need the full batch of moved nodes for: - group drag handling, - undo/redo, - snapping, alignment, or other external layout logic. f Node Position Change f Move Nodes","excerpt":"Position updates Use fNodePositionChange to persist the new { x, y } of a single node after movement. Use fMoveNodes from <f-flow when you need the full batch of moved nodes for: - group drag handling, - undo/redo, - snapping, alignment, or other external layout logic."},{"chunkId":"/examples/node-selection#0","slug":"node-selection","route":"/examples/node-selection","section":"examples","title":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow","description":"Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX.","group":"Nodes","vector":[-0.01994,-0.03566,-0.04264,0.06985,0.03885,0.0502,-0.00904,0.0128,0.03909,0.07142,-0.05456,-0.01973,-0.03725,-0.00123,0.09347,0.05909,-0.05911,-0.00806,0.02358,-0.05199,-0.08334,-0.03715,0.04828,-0.09288,0.01307,0.02273,0.02213,-0.02992,0.02088,-0.0708,0.00997,0.05863,0.05408,0.05053,-0.1403,0.07465,-0.02908,-0.00295,-0.03389,-0.03261,0.08374,0.07373,0.01978,-0.06658,-0.03786,-0.03298,-0.17165,0.01426,-0.01876,0.09689,-0.06679,-0.1228,-0.00155,0.0375,0.00213,-0.03431,-0.02803,-0.09856,0.03636,-0.02159,-0.00458,-0.04016,-0.00032,0.01321,0.09561,0.06605,-0.06564,-0.01644,-0.02467,-0.03415,-0.00396,-0.08894,0.02034,0.0047,-0.02652,-0.03409,-0.04703,0.01501,-0.03123,-0.01756,-0.00156,0.06632,-0.06049,0.03129,-0.00406,0.09416,-0.0467,-0.05659,0.02969,-0.02569,-0.05618,0.01832,0.03284,-0.02074,-0.00466,0.01748,0.02983,-0.00744,-0.06003,0.00872,0.06227,-0.07771,0.01868,-0.05013,-0.1115,-0.08079,-0.02022,-0.05868,-0.00579,-0.01536,-0.06897,-0.00152,-0.0214,-0.03314,-0.09248,-0.04313,0.01355,-0.04042,0.0514,0.07165,0.02958,-0.02135,0.00533,-0.02167,0.03447,-0.0464,-0.03842,0,0.04392,-0.05258,0.00127,-0.00893,0.06799,-0.00909,-0.04582,-0.09634,-0.00525,0.01244,0.01842,0.0092,0.01787,0.01024,-0.00453,-0.0852,-0.02222,0.07546,0.01337,-0.00355,0.00656,0.0112,-0.08074,0.05369,0.03723,0.06906,0.00444,0.03665,-0.02442,0.00574,0.05989,0.04545,-0.04933,0.03082,0.00698,0.05189,-0.08082,-0.03436,0.01182,-0.00983,0.01506,-0.08467,-0.03723,0.03166,-0.00822,0.03293,-0.12711,0.01364,0.00772,0.00276,0.01847,0.0427,-0.00921,-0.01143,0.10325,0.01738,-0.06168,0.10981,0.05975,0.1132,0.01994,0.0479,-0.0212,-0.03294,0.01468,0.0544,-0.02365,-0.05271,0.11572,-0.01792,-0.03247,0.05054,0.07826,-0.0156,0.00836,-0.01621,0.00788,-0.02381,0.06067,-0.00341,-0.12222,-0.12917,-0.05625,0.00118,0.09325,-0.03856,-0.00531,-0.02898,-0.01917,-0.02751,0.04787,0.09564,-0.01227,-0.0296,0.08669,0,0.01168,0.08455,0.04384,0.08083,0.00192,-0.05517,-0.02284,-0.0392,0.00726,0.04775,0.05394,0.03716,0.03401,-0.05186,0.0284,0.08008,-0.00242,-0.07212,0.06087,0.01219,0.04066,-0.03965,0.016,0.02159,-0.06226,0.03237,0.01712,-0.01472,0.04803,-0.02254,-0.01857,-0.00687,0.00809,0.06601,-0.00642,-0.03646,0.04475,0.07436,0.01127,-0.00208,0.00141,-0.02282,-0.01103,0.03613,-0.05493,-0.00432,-0.05143,0.07637,-0.04447,-0.01796,-0.06165,-0.00662,-0.06061,-0.07371,-0.02357,0.00831,0.10747,-0.01888,0.05238,-0.02087,-0.02234,-0.02258,0.07341,0.01794,0.06596,-0.00955,0.03179,-0.02207,-0.02379,0.05424,0.00244,0.04954,0.07367,-0.01098,0.12583,0.0213,0.05378,-0.05486,0.00691,-0.04642,-0.01347,0.10642,-0.00951,0.00541,-0.01929,0.10085,-0.09451,0.06671,0.08415,0.04929,-0.05547,0.01292,0.11303,-0.0136,-0.00131,0,-0.11567,0.02431,-0.00621,-0.01916,0.08209,-0.02862,-0.06943,0.05857,0.04753,0.04064,-0.02801,0.11932,-0.00977,-0.04139,0.13926,-0.01273,0.01376,0.02963,0.01498,0.02772,0.04514,-0.02054,0.0481,0.11715,0.01805,-0.00757,-0.08905,0.01431,-0.00799,0.0224,-0.02276,0.02086,0.06222,0.0608,-0.05559,-0.07365,-0.06226,-0.05669,-0.04222,-0.0081,0.01175,-0.01772,-0.0189,-0.03773,-0.13378,0.07436,-0.0121,-0.09092,-0.00411,0.00743,-0.06594,-0.05628,-0.00638,0.02588,-0.02834,0.03796,-0.01564,-0.02323,0.06927,-0.00515,-0.0388,0.01555,-0.0424,-0.01433],"keywords":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX. Node Selection","excerpt":"Node Selection"},{"chunkId":"/examples/node-selection#1","slug":"node-selection","route":"/examples/node-selection","section":"examples","title":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow","description":"Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX.","group":"Nodes","vector":[-0.03687,-0.06387,-0.02498,0.08586,0.0421,0.0593,-0.00308,0.01593,0.05827,0.05245,-0.074,-0.01576,-0.04696,-0.01051,0.10319,0.03224,-0.02496,-0.03706,-0.00423,-0.04572,-0.05384,-0.05423,0.05173,-0.08945,-0.05426,-0.00094,0.008,-0.04018,0.03389,-0.08463,0.02316,0.06907,0.03928,0.02665,-0.15936,0.06458,-0.04241,-0.03405,-0.02619,-0.06434,0.05689,0.06288,-0.01153,-0.04848,-0.03566,-0.06014,-0.12779,0.00061,-0.02679,0.10583,-0.05624,-0.0959,-0.01236,0.03137,0.00382,-0.02655,0.00841,-0.08232,0.02736,-0.01622,-0.01339,-0.02962,-0.00878,0.02457,0.10253,0.0899,-0.06409,-0.01918,-0.02454,-0.00814,0.01316,-0.06643,0.00342,0.00459,-0.00028,-0.03173,-0.07037,0.00135,-0.03227,-0.00858,0.01981,0.07922,-0.04112,0.00798,0.01361,0.09558,-0.01124,-0.06428,0.03579,-0.01911,-0.02889,0.02374,0.04307,0.00903,0.01694,0.0192,0.00681,0.00059,-0.05832,0.00652,0.05725,-0.07654,0.03554,-0.02896,-0.08393,-0.08088,-0.02162,-0.05813,-0.03489,0.00423,-0.06661,0.02101,-0.02532,-0.01759,-0.10744,-0.03461,0.02621,-0.03885,0.05637,0.06764,0.05708,-0.03032,0.03955,-0.01133,0.04639,-0.02049,-0.06158,0,0.01309,-0.0361,-0.03741,-0.00168,0.05471,-0.0008,-0.00375,-0.07981,-0.01222,-0.01966,0.02613,0.00502,0.00677,0.03748,0.03657,-0.07576,-0.03551,0.09294,0.00585,-0.03226,0.01595,0.00032,-0.07684,0.0771,0.0598,0.07649,-0.00614,0.04942,-0.04778,0.02164,0.05588,0.03705,-0.0542,0.02902,-0.02448,0.07696,-0.074,-0.05634,0.03279,-0.01836,0.00737,-0.09185,-0.03177,0.02272,-0.00806,0.00887,-0.1142,0.01303,-0.02904,-0.0111,0.01733,0.04099,0.03719,-0.00641,0.10074,-0.01401,-0.05589,0.06424,0.0704,0.13032,-0.01362,0.04563,-0.00101,-0.01732,-0.00924,0.06685,-0.00986,-0.03188,0.09998,-0.02657,-0.01018,0.04309,0.04033,-0.01462,0.039,-0.03479,-0.00686,-0.04759,0.08358,-0.02025,-0.06933,-0.10836,-0.03609,0.00694,0.07489,-0.06552,-0.01617,-0.02577,-0.06753,-0.02501,0.09066,0.09467,-0.01583,0.00641,0.07386,0,0.03126,0.05669,0.03833,0.08909,-0.01675,-0.05472,-0.04806,-0.03926,0.01378,0.00358,0.03748,0.03389,0.05001,-0.02339,0.00926,0.08227,-0.01493,-0.11175,0.05902,-0.01016,0.07479,-0.05989,0.00734,0.0257,-0.09132,-0.00329,-0.01354,-0.01567,0.04971,-0.03274,-0.02027,-0.00514,-0.01293,0.0096,0.01388,-0.01371,0.04715,0.06269,0.03129,0.01182,0.0048,-0.01543,-0.00971,0.01464,-0.04952,-0.00284,-0.05439,0.06204,-0.02222,-0.01548,-0.06504,0.01863,-0.04244,-0.0983,-0.07106,0.03686,0.08821,-0.03703,0.03004,-0.00299,-0.01676,-0.02674,0.08581,0.01776,0.05924,-0.02992,0.04124,-0.01599,0.01882,0.05631,0.02419,0.04196,0.03895,-0.01558,0.09664,0.00639,0.08516,-0.06491,0.04351,-0.04855,0.00085,0.11078,0.03683,-0.01514,-0.05762,0.10053,-0.11355,0.05331,0.08005,0.04183,-0.06866,0.01507,0.08066,-0.00656,-0.00386,0,-0.1115,0.04632,0.00612,0.00401,0.08393,-0.0395,-0.08244,0.07404,0.03706,0.01423,-0.02351,0.11906,-0.03342,-0.0129,0.12022,0.02797,-0.00344,0.01374,-0.00329,0.02155,0.05613,-0.00482,0.06914,0.12796,0.01639,-0.02784,-0.06365,0.03389,0.01474,0.03133,-0.0377,0.01864,0.03996,0.09866,-0.08373,-0.04326,-0.05884,-0.06716,-0.02931,-0.00815,0.03489,-0.03263,-0.01231,-0.01822,-0.1446,0.05587,-0.01159,-0.09635,-0.00321,0.00604,-0.04499,-0.04255,-0.02114,0.04151,-0.00953,0.04514,-0.01654,-0.00364,0.12422,-0.00355,-0.03781,-0.0125,-0.04127,-0.0079],"keywords":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX. Description This example demonstrates how to select nodes in Foblex Flow for Angular with click-based and keyboard-modified interactions. Users can click to select a single node or hold CTRL / CMD while clicking to build a multi-selection. Selection is one of the baseline interactions that separates a usable node editor from a static diagram. As soon as users need to move, inspect, delete, duplicate, or group several nodes, predictable selection behavior becomes essential. Even if your product later adds box selection, grouping, or bulk actions, click selection remains the first layer of that interaction model.","excerpt":"Description This example demonstrates how to select nodes in Foblex Flow for Angular with click-based and keyboard-modified interactions. Users can click to select a single node or hold CTRL / CMD while clicking to build a multi-selection. Selection is one of the baseline interactions that separates a usable node editor from a static diagram. As soon as users need to move, inspect, delete, duplicate, or group several nodes, predictable selection behavior becomes essential. Even if your product later adds box selection, grouping, or bulk actions, click selection remains the first layer of that interaction model."},{"chunkId":"/examples/node-selection#2","slug":"node-selection","route":"/examples/node-selection","section":"examples","title":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow","description":"Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX.","group":"Nodes","vector":[-0.04491,-0.03669,-0.04521,0.08762,0.06124,0.07849,-0.00258,0.01182,-0.00061,0.06887,-0.04877,-0.0341,-0.01851,-0.02835,0.06048,0.04153,-0.0759,0.01493,0.01421,-0.07099,-0.02754,-0.04118,0.07098,-0.06269,-0.02165,0.03706,-0.01145,-0.03607,0.01868,-0.04227,0.02225,0.08326,0.04089,0.03488,-0.11082,0.08266,-0.01428,0.01211,-0.01958,-0.02678,0.09305,0.0515,0.0006,-0.10292,-0.01513,-0.04301,-0.16213,0.02807,-0.03655,0.05559,-0.04291,-0.0907,0.01546,0.05722,0.00338,-0.04245,-0.00429,-0.1082,0.055,-0.01587,-0.02414,-0.06728,-0.00793,-0.00908,0.09824,0.08738,-0.08841,-0.02041,-0.03937,0.01383,0.01931,-0.07209,-0.01632,0.00551,0.00182,-0.03559,-0.04218,0.05565,-0.02722,-0.02345,-0.01171,0.04109,-0.0346,0.02966,-0.01225,0.11622,-0.03827,-0.05872,0.02791,-0.01035,-0.08899,0.03106,-0.00985,-0.00649,0.03243,0.02897,-0.03758,0.01202,-0.05396,0.01153,0.04166,-0.08757,0.04263,-0.00298,-0.06547,-0.07079,-0.02054,-0.02443,-0.02221,-0.04571,-0.05697,0.03296,0.00655,-0.02972,-0.07287,-0.06497,0.02253,-0.04963,0.06164,0.0934,0.05887,-0.02544,-0.05645,-0.02778,0.05601,-0.02091,-0.00905,0,0.00984,-0.03648,-0.00485,0.00121,0.06488,0.00214,-0.02338,-0.11497,-0.03191,0.03262,-0.02573,-0.02245,0.00474,-0.0241,-0.03216,-0.12057,-0.00964,0.07556,-0.00585,-0.01769,0.03354,0.01249,-0.07713,0.04309,0.07095,0.01956,-0.03115,0.02629,-0.0267,0.00078,0.05629,0.05456,-0.01495,-0.00322,-0.01084,0.03382,-0.03298,-0.00369,-0.00617,-0.01527,0.02777,-0.05714,-0.0076,0.05715,-0.02267,0.00935,-0.13,-0.00856,0.03167,0.00476,0.02674,0.04583,0.00553,-0.04514,0.10046,0.00271,-0.04882,0.09813,0.03321,0.12247,0.00394,0.04396,-0.02747,-0.0233,0.05527,0.03186,-0.0161,-0.03974,0.10094,-0.04924,-0.02773,0.08329,0.07155,-0.01364,0.0127,-0.02444,0.02143,0.00152,0.05187,-0.00449,-0.1034,-0.11768,-0.07454,0.01802,0.10202,-0.05297,-0.03447,-0.04204,-0.0261,-0.08979,0.07121,0.05796,-0.00833,-0.05479,0.04686,0,0.05436,0.08603,0.05532,0.12344,-0.0277,-0.02861,0.01961,-0.00398,0.01949,0.06226,0.03743,0.07169,0.0389,-0.08212,0.03683,0.07252,-0.0326,-0.06603,0.1046,0.01777,0.04658,-0.01051,-0.00985,0.03879,-0.04923,0.01557,0.02463,0.02138,0.03294,-0.0459,-0.0194,-0.00422,-0.03644,0.08162,-0.00634,-0.06147,0.03006,0.12475,0.02604,0.03859,0.01197,0.01812,-0.01546,0.02602,-0.03081,-0.00471,-0.00039,0.05176,-0.06096,-0.02058,-0.07179,-0.01453,-0.08393,-0.01043,-0.03678,-0.02,0.11196,-0.03108,0.02638,-0.03128,0.02244,-0.02804,0.05787,0.01391,0.0989,-0.01455,-0.01246,-0.01424,-0.01463,0.02104,-0.02078,0.02931,0.09302,-0.0028,0.08059,0.02147,0.02977,-0.02435,0.02618,-0.00146,-0.03572,0.11724,-0.02368,0.01728,-0.01178,0.10748,-0.09587,0.07006,0.10021,0.0134,-0.07405,-0.01543,0.0826,-0.0343,0.00101,0,-0.13941,0.01285,-0.04586,-0.02381,0.07202,-0.0329,-0.05789,0.0248,0.0404,0.0138,-0.04155,0.10204,0.03754,-0.0641,0.10646,-0.03402,-0.00084,0.0366,-0.0015,0.02364,0.03552,-0.01922,0.03451,0.13516,0.01529,-0.05542,-0.10553,0.00975,-0.01158,-0.01189,-0.03547,0.00821,0.05168,0.04346,-0.03589,-0.06488,-0.09741,-0.03606,-0.0047,0.02626,0.00167,-0.0468,-0.01546,-0.0416,-0.12306,0.06059,-0.01421,-0.05071,0.01174,0.00584,-0.04242,-0.02385,-0.0149,0.03646,0.008,0.01573,-0.0079,0.0005,0.0646,-0.00998,-0.03208,0.02304,-0.05582,-0.02453],"keywords":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX. Example ::: ng-component <node-selection</node-selection [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.scss :::","excerpt":"Example ::: ng-component <node-selection</node-selection [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/node-selection/example.scss :::"},{"chunkId":"/examples/node-selection#3","slug":"node-selection","route":"/examples/node-selection","section":"examples","title":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow","description":"Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX.","group":"Nodes","vector":[-0.00787,-0.02835,-0.03364,0.05713,0.00802,0.0564,-0.03347,0.01718,0.03767,0.0693,-0.05175,0.00344,-0.05327,-0.00314,0.10218,0.02887,-0.07848,-0.01064,0.01622,-0.07105,-0.07704,-0.05972,0.03365,-0.08315,-0.0094,0.01988,0.03418,-0.00848,0.02919,-0.08826,0.0093,0.06085,0.04315,0.04263,-0.16889,0.04578,-0.02482,0.00968,-0.04017,-0.03846,0.05556,0.0681,0.00841,-0.03973,-0.04433,-0.02179,-0.15591,-0.01031,-0.02398,0.08592,-0.0474,-0.08337,0.0089,0.04538,0.01492,-0.04711,-0.02586,-0.08835,0.00449,-0.05618,-0.0132,-0.01273,-0.013,0.02088,0.09671,0.05921,-0.0618,0.01733,0.00729,-0.01017,0.00113,-0.07081,0.0048,0.00024,-0.01163,-0.03848,-0.03533,0.02023,-0.03164,-0.00988,-0.00519,0.09593,-0.05305,0.04888,-0.01339,0.08615,-0.04381,-0.06063,0.02579,-0.04089,-0.02313,0.0191,0.05479,-0.01481,0.01709,0.02218,-0.00177,-0.00454,-0.04559,0.00947,0.06815,-0.09157,0.05741,-0.03269,-0.1079,-0.08258,-0.02308,-0.04346,0.00219,-0.02838,-0.0761,-0.00772,-0.03046,-0.01468,-0.09831,-0.02589,-0.01193,-0.04095,0.04032,0.07347,0.03996,-0.02622,0.01657,-0.00882,0.0461,-0.03568,-0.0262,0,0.02736,-0.05915,-0.01117,0.00785,0.05771,0.00733,-0.03407,-0.08621,-0.00127,0.02459,0.01224,0.01968,-0.01834,0.02843,0.00231,-0.09997,-0.04449,0.09688,0.04614,0.00688,0.01387,0.0185,-0.06937,0.05577,0.07788,0.08773,0.00584,0.06148,-0.05488,0.00951,0.06342,0.04068,-0.09592,0.02193,0.00559,0.0714,-0.08904,-0.04552,0.02855,0.01147,0.01061,-0.10618,-0.04803,0.01685,0.00954,0.00518,-0.13385,-0.01196,0.00519,0.0073,0.03116,0.0449,-0.03288,-0.02752,0.09867,0.00592,-0.07395,0.09401,0.06231,0.11622,0.01261,0.03642,-0.05105,-0.01783,0.01013,0.05032,-0.04075,-0.04554,0.11553,-0.03651,-0.03973,0.04116,0.04282,-0.00215,0.01164,-0.03528,0.03093,0.00702,0.0521,-0.01004,-0.10969,-0.12098,-0.05836,-0.00356,0.1085,-0.03442,0.00175,-0.01858,-0.02879,-0.04077,0.03365,0.08644,-0.01721,-0.01455,0.07134,0,-0.0052,0.06097,0.02018,0.08191,-0.01264,-0.05328,-0.01017,-0.05814,-0.0106,0.00663,0.02649,0.0519,0.04656,-0.0436,0.01358,0.06009,-0.00808,-0.10131,0.04838,-0.00045,0.01883,-0.04094,-0.01604,0.01154,-0.06863,0.00999,-0.00242,-0.02301,0.05644,-0.00446,0.00106,-0.02895,0.01461,0.04286,0.00492,-0.05163,0.06686,0.07142,0.003,0.00858,-0.01729,-0.02201,-0.00668,0.01855,-0.04582,0.01023,-0.06617,0.06775,-0.03934,-0.0097,-0.04972,0.01528,-0.05476,-0.06928,-0.02614,0.02062,0.12741,-0.02187,0.04741,-0.02139,-0.06658,-0.01639,0.08473,0.00063,0.06787,-0.03047,0.02215,-0.04417,-0.01555,0.0319,0.01846,0.04092,0.04657,0.0013,0.11383,0.01182,0.05581,-0.03875,0.03087,-0.02398,-0.02837,0.08891,0.01744,0.00603,-0.02274,0.08304,-0.09706,0.05975,0.08812,0.02384,-0.05027,0.01084,0.10966,-0.00623,-0.00282,0,-0.1113,0.02692,0.01306,-0.00974,0.07326,-0.03018,-0.05497,0.07288,0.03044,0.028,-0.03678,0.15109,-0.02453,-0.04881,0.15524,0.00336,0.03983,0.02952,-0.00193,0.00839,0.04345,-0.03171,0.03074,0.1226,0.01958,-0.0021,-0.0699,0.03026,-0.003,0.0273,-0.02211,0.03782,0.09118,0.06368,-0.02636,-0.08369,-0.0556,-0.03592,-0.01532,-0.00269,0.01893,-0.01791,-0.00495,-0.04353,-0.10983,0.08158,-0.02653,-0.08633,-0.03145,0.00675,-0.0591,-0.03465,-0.00111,0.05573,-0.01056,0.04924,0.00579,-0.03585,0.08823,-0.02082,-0.04355,0.03639,-0.05511,-0.00649],"keywords":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX. When to use it - Support single-select and additive multi-select flows. - Prepare nodes for batch actions, grouping, or deletion. - Keep keyboard-and-mouse editing predictable in larger diagrams. This page is a good entry point for building a fuller selection system before you add box selection or history support.","excerpt":"When to use it - Support single-select and additive multi-select flows. - Prepare nodes for batch actions, grouping, or deletion. - Keep keyboard-and-mouse editing predictable in larger diagrams. This page is a good entry point for building a fuller selection system before you add box selection or history support."},{"chunkId":"/examples/node-selection#4","slug":"node-selection","route":"/examples/node-selection","section":"examples","title":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow","description":"Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX.","group":"Nodes","vector":[-0.02029,-0.03724,-0.04741,0.05028,0.04215,0.05446,0.0253,0.0159,0.03626,0.0646,-0.063,-0.03935,-0.03934,0.00795,0.10163,0.03313,-0.05466,-0.02122,0.0209,-0.05862,-0.05029,-0.04276,0.02458,-0.08256,-0.01204,0.04609,0.04058,-0.01406,0.02528,-0.07886,0.00618,0.07756,0.04768,0.03054,-0.14255,0.04184,-0.02493,0.00445,-0.04804,-0.03725,0.07658,0.04436,0.02206,-0.06893,-0.04988,0.00292,-0.15071,0.00958,-0.02409,0.0657,-0.06272,-0.11922,0.0097,0.07012,0.0065,-0.04656,0.01504,-0.08253,0.01039,-0.04457,-0.00812,-0.04144,-0.01243,0.02255,0.07279,0.04892,-0.07693,0.00133,-0.02107,-0.05631,-0.01306,-0.0746,0.03965,-0.02296,-0.01123,-0.04633,-0.03798,0.02136,-0.00543,-0.00967,-0.00853,0.09125,-0.05879,0.0341,-0.03182,0.09909,-0.04658,-0.07592,0.04901,-0.02246,-0.05426,0.02839,0.03482,-0.04263,0.0434,0.00621,-0.01348,-0.02132,-0.04795,0.00107,0.06537,-0.07332,0.03609,-0.03857,-0.08839,-0.0707,-0.02954,-0.03428,0.03153,-0.01483,-0.07699,0.00269,0.00676,-0.02709,-0.07532,-0.0548,0.01029,-0.05266,0.02411,0.07889,0.02008,-0.01754,-0.00204,-0.03816,0.05292,-0.0175,-0.01532,0,0.01853,-0.0744,-0.0235,0.00152,0.05967,-0.00163,-0.02885,-0.10521,0.02308,0.02167,-0.001,0.00901,-0.01629,0.02365,0.00124,-0.11031,-0.03588,0.0846,0.01546,0.0102,0.0298,0.01144,-0.07349,0.03559,0.06352,0.06974,-0.00413,0.03831,-0.03657,0.00661,0.05115,0.03035,-0.06001,0.02521,-0.01189,0.05919,-0.07327,-0.03467,0.01468,-0.00883,0.00603,-0.09608,-0.04728,0.02383,-0.00777,0.00014,-0.12583,-0.00792,0.02745,0.01212,0.04372,0.04443,0.01218,-0.02575,0.11953,0.00857,-0.0776,0.12128,0.05224,0.12212,-0.00611,0.0581,-0.02945,-0.04632,0.01923,0.03218,-0.0084,-0.05746,0.09842,-0.03553,-0.04226,0.03804,0.06788,0.00471,0.02274,-0.03698,0.03307,0.01365,0.03416,-0.01694,-0.12377,-0.13014,-0.04367,0.02937,0.11013,-0.03143,0.01304,-0.04204,-0.05796,-0.04312,0.0526,0.08719,0.00639,0.00523,0.08129,0,0.00186,0.06512,0.02934,0.07855,0.00089,-0.04525,0.00742,-0.0233,0.00156,0.02686,0.02503,0.07336,0.04171,-0.03844,0.03118,0.08387,-0.01299,-0.08259,0.06148,0.01496,0.01939,-0.04504,-0.01004,-0.00634,-0.07967,0.03816,0.01879,-0.02294,0.04904,-0.03152,-0.02274,-0.00997,-0.01051,0.06368,0.00027,-0.06369,0.0405,0.08125,-0.01274,0.00791,-0.0058,-0.02205,-0.00884,0.0481,-0.07254,0.00644,-0.04603,0.0616,-0.04547,-0.01389,-0.07088,0.00915,-0.06888,-0.04628,-0.03316,0.03215,0.12423,-0.00763,0.02747,-0.02161,-0.02979,-0.01305,0.06783,0.00328,0.08774,0.00565,0.02907,-0.01588,-0.01764,0.04702,0.02559,0.05661,0.06739,-0.00301,0.12929,0.03305,0.06037,-0.03272,0.01576,-0.01805,-0.01407,0.11402,-0.01316,-0.01056,-0.00438,0.09697,-0.09081,0.03051,0.07067,0.02737,-0.07611,0.02583,0.09592,-0.02914,0.01409,0,-0.11963,0.00092,0.00947,-0.0395,0.06999,-0.01723,-0.08301,0.06701,0.03792,0.03602,-0.02639,0.12249,0.00088,-0.04825,0.13524,-0.01264,0.0091,0.04201,-0.00029,-0.01786,0.05358,-0.02769,0.02796,0.12569,0.0326,-0.02057,-0.0578,0.01927,0.00305,0.02555,-0.00998,0.02969,0.07625,0.05538,-0.02883,-0.05444,-0.07456,-0.03482,-0.04095,-0.01398,0.0056,-0.03198,-0.01783,-0.05874,-0.12463,0.08438,-0.01547,-0.07669,-0.02771,-0.00242,-0.06269,-0.02887,-0.00451,0.07266,-0.00587,0.0296,-0.01115,-0.04168,0.07091,-0.00828,-0.05494,0.05201,-0.0411,-0.009],"keywords":"Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Angular Diagram Example – Node Selection & Multi-Select with Foblex Flow Select single and multiple nodes in Angular with click-based and keyboard-modified interactions. Solid base for batch actions, grouping, and richer editor UX. Related docs - Selection System - Selection Area Component - Selection Area Example - Managed Flow State","excerpt":"Related docs - Selection System - Selection Area Component - Selection Area Example - Managed Flow State"},{"chunkId":"/examples/resize-handle#0","slug":"resize-handle","route":"/examples/resize-handle","section":"examples","title":"Angular Diagram Example – Resizable Nodes with Resize Handles","description":"Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts.","group":"Nodes","vector":[-0.00441,0.05328,-0.05408,0.06992,-0.01722,-0.00494,-0.04457,0.04952,-0.02306,0.08506,-0.02196,0.15624,-0.01189,0.06172,0.03967,-0.00267,-0.03627,0.06223,-0.04625,-0.04267,-0.0323,-0.05101,0.00002,-0.04456,0.0414,0.02795,-0.07615,0.00114,0.04565,-0.07647,0.00611,0.03768,-0.03735,0.0195,-0.14697,0.10603,0.00858,0.01675,-0.05963,-0.02576,0.02483,0.12548,0.02588,-0.03152,0.01063,-0.04971,-0.14861,0.05286,-0.11084,-0.02251,-0.00604,-0.12725,-0.00271,0.02282,0.03464,-0.05399,-0.02039,-0.05564,0.02819,0.00261,-0.00351,0.02899,0.06338,0.01369,-0.0119,0.02123,-0.00698,0.00613,-0.03793,-0.00111,0.00072,-0.06052,-0.05314,-0.00201,0.03958,-0.06753,-0.06019,0.06956,-0.01732,0.00272,-0.01951,0.10022,-0.03617,0.06515,-0.02476,0.0836,-0.05421,-0.06346,-0.0309,-0.07893,-0.00534,0.06367,-0.029,0.02248,-0.07607,-0.03489,-0.04251,-0.04864,-0.12108,0.04041,0.07832,-0.01915,0.07112,-0.01545,-0.06453,-0.03156,-0.04464,-0.00812,-0.06629,-0.00471,0.00569,0.02007,-0.09971,-0.01078,-0.04562,-0.06522,-0.01496,-0.0786,0.05693,0.0378,0.0082,0.02779,0.0122,-0.05194,0.05675,0.01907,-0.0386,0,-0.05875,0.02448,-0.03979,0.04296,0.11332,-0.01934,-0.07492,-0.04226,-0.0083,-0.02906,0.07736,0.05365,-0.03973,0.00947,0.08532,-0.09049,0.02697,0.16745,0.02286,-0.06312,-0.05182,-0.00459,-0.02323,0.07035,0.051,0.01467,0.01057,0.04988,-0.05015,-0.03617,0.07756,0.05983,-0.02267,-0.02739,-0.02846,-0.01548,-0.08138,-0.04791,-0.0357,-0.05079,0.01121,-0.01426,-0.0212,0.05434,-0.00286,0.05011,0.02722,0.00549,0.01155,-0.00271,0.00608,0.09682,0.07064,0.006,0.07232,-0.04918,0.02824,0.06605,0.05734,0.03848,-0.02475,-0.05856,-0.06625,-0.00003,-0.00363,-0.00861,0.00178,-0.00855,0.09288,0.01907,-0.03234,0.03224,0.07204,0.08024,-0.06326,-0.05958,-0.01554,-0.01576,-0.02673,0.02268,-0.05024,-0.06726,0.05107,0.03652,0.02011,-0.16104,0.03699,-0.01781,0.03755,-0.01119,-0.00253,0.04317,0.05569,0.00292,0.05118,0,-0.04281,0.05242,-0.00426,0.01908,0.00057,-0.03392,-0.07002,0.00937,-0.02006,-0.03263,-0.01665,-0.0305,0.04365,0.01878,-0.05184,0.00436,-0.0591,-0.06602,0.01737,0.00104,0.0542,0.05465,0.00663,0.00633,0.00747,0.03577,-0.0497,-0.04092,0.02485,0.02996,-0.01662,-0.13248,0.03302,-0.00221,-0.02157,-0.10189,-0.00221,0.04496,0.04035,-0.0048,0.0245,0.02751,0.01764,0.00569,-0.01398,-0.01871,0.0173,0.04875,-0.07084,-0.03255,-0.04264,0.01218,0.05138,-0.07192,0.00531,-0.01935,0.07527,-0.01079,0.07329,-0.05602,-0.0098,-0.07606,-0.0279,-0.018,-0.01145,-0.0058,0.03328,-0.12896,-0.03492,0.07406,0.02196,0.0661,0.01989,-0.02017,0.07419,0.02048,0.10121,-0.07354,0.02359,-0.05737,-0.02297,0.03504,-0.01795,-0.03534,0.02893,0.06671,-0.09334,0.05952,0.01488,0.10756,-0.03284,-0.00948,0.02795,0.08904,0.00192,0,-0.08104,0.07321,-0.01845,0.00948,0.01463,-0.03487,0.09368,0.05042,0.00271,0.07093,0.02053,0.04345,-0.02174,0.00473,0.11263,0.0264,-0.01669,0.07399,-0.01457,-0.03314,0.01371,0.02632,0.07299,0.10535,-0.0044,-0.02966,-0.06294,0.08843,-0.03765,-0.02325,-0.0199,-0.0054,0.11345,0.0393,0.01228,-0.06028,-0.15491,0.02557,-0.0035,-0.01659,0.03633,-0.01737,-0.00947,0.03393,-0.0105,0.02979,0.00412,0.01047,0.00029,0.04914,-0.03495,-0.05103,-0.03368,-0.05753,-0.00516,0.07686,0.04482,0.06491,-0.01267,0.00803,-0.0161,0.05185,-0.01793,-0.02083],"keywords":"Angular Diagram Example – Resizable Nodes with Resize Handles Angular Diagram Example – Resizable Nodes with Resize Handles Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts. Resize Handle","excerpt":"Resize Handle"},{"chunkId":"/examples/resize-handle#1","slug":"resize-handle","route":"/examples/resize-handle","section":"examples","title":"Angular Diagram Example – Resizable Nodes with Resize Handles","description":"Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts.","group":"Nodes","vector":[-0.00787,0.04224,-0.0491,0.06501,0.02544,0.0439,-0.04681,0.0629,-0.02944,0.05711,-0.04105,0.12341,-0.02098,0.07898,0.05062,0.00214,0.0504,0.0329,-0.0664,-0.03124,-0.01329,-0.09823,0.00447,-0.05749,0.05087,0.04598,-0.06897,-0.01335,0.05727,-0.05728,0.02174,0.07865,-0.00638,0.01893,-0.1424,0.09173,0.01153,0.0347,-0.05581,-0.03402,0.03515,0.11262,-0.01557,-0.01477,0.0147,-0.05841,-0.12668,0.05615,-0.10487,-0.00866,-0.00172,-0.10643,-0.0536,-0.00424,0.02278,-0.04389,-0.01578,-0.04244,0.02725,0.00489,0.02383,0.00049,0.07588,0.00337,0.01085,0.01268,0.00278,0.00409,-0.03214,0.01402,0.04927,-0.01105,-0.05065,-0.03221,0.04563,-0.05503,-0.06342,0.04167,-0.03199,0.024,-0.00042,0.09225,-0.0441,0.04537,-0.04632,0.048,-0.03346,-0.09467,-0.02693,-0.08253,-0.04026,0.07013,-0.01279,0.00168,-0.05527,-0.03661,-0.01013,-0.03845,-0.08134,0.00056,0.08585,-0.02904,0.09685,-0.02261,-0.03603,-0.0438,-0.04388,0.00011,-0.05759,0.00132,0.01071,0.04523,-0.0769,0.02098,-0.0478,-0.06497,-0.03161,-0.08193,0.05797,0.04857,0.01671,0.04806,0.03821,-0.05052,0.07813,0.03013,-0.02828,0,-0.04771,0.05194,-0.03552,0.05581,0.11966,0.0021,-0.07895,-0.04185,-0.00559,-0.00384,0.06292,0.09289,-0.01169,0.06117,0.10974,-0.05268,0.02368,0.1401,0.01911,-0.06807,-0.06538,-0.02438,-0.02054,0.07731,0.03984,-0.00204,-0.01535,0.06569,-0.05081,-0.03859,0.04238,0.05705,-0.00221,-0.03733,-0.05395,0.01083,-0.08464,-0.05745,-0.01072,-0.04746,0.01416,0.01308,-0.0113,0.04433,-0.01449,0.07113,0.04636,-0.00505,-0.03651,-0.01577,-0.00154,0.09597,0.10193,-0.00653,0.09173,-0.07981,0.05603,0.02298,0.03753,0.02046,-0.02824,-0.05143,-0.04033,0.01267,-0.00448,0.01592,-0.00415,-0.01071,0.0705,0.03914,-0.05703,0.0513,0.0113,0.02905,-0.0529,-0.0423,-0.02431,-0.01007,-0.02675,0.0508,-0.06043,-0.06987,0.04865,0.02364,-0.00748,-0.167,0.0557,-0.01834,0.01741,-0.03567,0.03475,0.05819,0.03419,-0.0022,0.06228,0,-0.0463,0.04793,-0.00801,0.04059,0.0156,-0.0234,-0.05849,0.03302,-0.00714,-0.04493,-0.03437,-0.03928,-0.00487,0.00856,-0.07894,0.01247,-0.06691,-0.07068,0.03369,-0.03126,0.05663,0.02804,-0.00059,0.00629,0.01474,0.04641,-0.04607,-0.07276,0.01352,0.0021,-0.00106,-0.14147,0.00737,-0.01956,0.00823,-0.08722,0.01083,0.00906,0.06254,0.01199,0.00119,0.0294,-0.02012,0.0083,-0.00736,0.01644,0.02385,0.02044,-0.06157,-0.03243,-0.02905,0.03228,0.05666,-0.08162,-0.01794,-0.04121,0.05972,0.00538,0.0883,-0.06326,-0.01551,-0.0771,-0.05296,-0.03041,-0.04027,0.00458,0.02021,-0.15037,-0.01145,0.06844,0.03858,0.04553,-0.0098,-0.0144,0.04897,0.03534,0.11203,-0.0403,0.01929,-0.05776,-0.04544,0.03279,-0.00076,-0.02456,0.03394,0.09943,-0.09649,0.04029,0.04116,0.0864,-0.029,-0.00009,-0.03547,0.08339,0.02364,0,-0.11571,0.05794,-0.03363,0.00676,0.0261,-0.03096,0.09193,0.03535,0.02499,0.09636,0.03081,0.0095,-0.02115,0.00024,0.12963,0.03936,-0.037,0.03636,-0.01304,0.00855,0.02434,0.02277,0.01104,0.09503,-0.00992,-0.05063,-0.03854,0.08994,-0.0416,-0.00048,-0.01684,0.00023,0.11884,0.10344,0.00263,-0.07704,-0.11905,0.02524,-0.02072,0.00088,0.01866,0.00763,-0.01114,0.03914,-0.0187,-0.01185,0.03679,0.0006,-0.02043,0.03961,-0.0449,-0.05516,-0.01859,-0.06412,0.01766,0.06307,0.01837,0.0654,-0.00163,0.02767,-0.03678,0.02296,-0.04483,-0.04624],"keywords":"Angular Diagram Example – Resizable Nodes with Resize Handles Angular Diagram Example – Resizable Nodes with Resize Handles Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts. Description This example shows how to make nodes resizable by adding a dedicated resize handle. Resizable nodes are useful when a node needs to reveal more content, adapt to user-defined layout, or behave more like a canvas object than a fixed card. That interaction matters in editors where nodes can represent notes, groups, configurable panels, or content blocks with variable density. Fixed dimensions are fine for simple demos, but real graph products often need nodes that can grow with the task. The value here is not only visual flexibility. Resizing changes how users organize information on the canvas.","excerpt":"Description This example shows how to make nodes resizable by adding a dedicated resize handle. Resizable nodes are useful when a node needs to reveal more content, adapt to user-defined layout, or behave more like a canvas object than a fixed card. That interaction matters in editors where nodes can represent notes, groups, configurable panels, or content blocks with variable density. Fixed dimensions are fine for simple demos, but real graph products often need nodes that can grow with the task. The value here is not only visual flexibility. Resizing changes how users organize information on the canvas."},{"chunkId":"/examples/resize-handle#2","slug":"resize-handle","route":"/examples/resize-handle","section":"examples","title":"Angular Diagram Example – Resizable Nodes with Resize Handles","description":"Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts.","group":"Nodes","vector":[-0.02678,0.04736,-0.06747,0.06021,0.00722,0.05016,-0.04757,0.07564,-0.02662,0.06931,-0.04436,0.11559,-0.02956,0.05847,0.02395,0.01213,-0.05438,0.10049,-0.05337,-0.05547,0.0208,-0.07024,0.02892,-0.02572,0.02757,0.02056,-0.08009,0.00688,0.03639,-0.06076,0.03317,0.07252,-0.02329,0.02582,-0.09269,0.12316,0.00908,0.04203,-0.05568,-0.02796,0.04944,0.13358,0.01876,-0.08212,0.01491,-0.03874,-0.14383,0.05213,-0.10586,-0.02726,-0.0095,-0.11369,-0.01553,0.06008,0.03807,-0.0602,-0.009,-0.10726,0.05063,0.00873,-0.03948,0.00269,0.05124,0.00248,-0.01049,0.02648,-0.03613,0.00888,-0.03754,0.0226,0.00873,-0.03673,-0.04484,-0.0094,0.04624,-0.07286,-0.05406,0.11016,-0.01537,-0.00247,-0.00145,0.07547,-0.01744,0.05726,-0.03995,0.10298,-0.03692,-0.06303,-0.00807,-0.03896,-0.01933,0.08648,-0.0492,0.00813,-0.02319,-0.0191,-0.09159,-0.03656,-0.10268,0.04696,0.06545,-0.04684,0.08396,0.01696,-0.01374,-0.02706,-0.03858,0.05604,-0.06022,-0.0019,-0.00745,0.02649,-0.03957,-0.02136,-0.029,-0.07228,-0.00911,-0.09424,0.05682,0.07304,0.04666,0.05217,-0.02315,-0.04661,0.08147,0.03477,-0.02563,0,-0.05668,0.02676,-0.01617,0.06112,0.08234,-0.0307,-0.04634,-0.05978,-0.051,0.01407,0.02655,0.05334,-0.05995,-0.02654,0.01365,-0.11739,0.02385,0.14552,-0.00801,-0.04178,-0.01518,-0.01669,-0.02635,0.0629,0.08964,-0.03732,-0.02536,0.0466,-0.06393,-0.03411,0.06717,0.03608,0.00834,-0.03629,-0.03603,-0.01806,-0.03784,-0.0303,-0.05214,-0.03687,0.06099,0.00057,-0.01384,0.05576,-0.01977,0.00082,0.0134,0.00367,0.04066,-0.01247,0.02847,0.09705,0.07511,-0.0106,0.08011,-0.05912,0.02993,0.05174,0.0207,0.05573,-0.02823,-0.0301,-0.07142,0.01454,0.04143,-0.0122,-0.00727,0.00789,0.0652,-0.00798,-0.06279,0.07763,0.06173,0.06032,-0.04881,-0.06744,-0.00737,0.02327,-0.02714,0.02022,-0.0401,-0.07398,0.02451,0.06889,0.0564,-0.16536,0.03198,-0.02189,0.0167,-0.07481,0.03941,-0.00803,0.02688,-0.03216,0.04294,0,-0.01455,0.04748,0.00331,0.05921,-0.01888,-0.03786,-0.02696,0.05613,0.00553,-0.0282,-0.03095,-0.01436,0.04516,-0.03095,-0.01778,-0.003,-0.068,-0.08375,0.06362,0.01614,0.04843,0.08401,-0.00486,0.00906,0.00068,0.03971,-0.01205,0.01287,0.01417,-0.00614,-0.02407,-0.12845,-0.03063,0.00221,-0.03743,-0.11529,-0.01553,0.09675,0.04095,0.03455,0.05911,0.06874,-0.02204,-0.00927,-0.01791,-0.00045,0.04341,0.00985,-0.06244,-0.04253,-0.0749,0.00694,0.00306,-0.01711,0.00285,-0.04123,0.0953,-0.01983,0.00362,-0.0607,0.01086,-0.07558,-0.03591,-0.04028,0.0325,0.0214,-0.02683,-0.11473,-0.02355,0.0572,0.02239,0.03337,0.03959,0.00337,0.06876,0.00013,0.07715,-0.03347,0.04427,-0.00489,-0.05088,0.05124,-0.0105,0.03381,0.06125,0.05508,-0.12623,0.04338,0.04571,0.08733,-0.05773,-0.03971,0.02246,0.05142,0.0149,0,-0.09803,0.04777,-0.04441,0.00231,0.01386,-0.03138,0.05778,0.03326,-0.01461,0.04261,0.00832,0.06568,0.03092,-0.04471,0.07867,-0.01195,-0.00258,0.08007,-0.03253,-0.02948,0.00466,0.02796,0.05019,0.12216,-0.00327,-0.07674,-0.08235,0.05286,-0.02578,-0.04103,-0.02905,-0.02218,0.09869,0.05052,0.01624,-0.06059,-0.15838,0.02431,0.0038,0.02019,0.04336,-0.02172,0.00019,0.01616,-0.0121,0.03265,-0.00319,-0.00358,0.00748,0.033,-0.01802,-0.01188,-0.06557,-0.00832,0.01826,0.03881,0.03917,0.07369,-0.00716,-0.00236,-0.02046,0.05519,0.00266,-0.04974],"keywords":"Angular Diagram Example – Resizable Nodes with Resize Handles Angular Diagram Example – Resizable Nodes with Resize Handles Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts. Example ::: ng-component <resize-handle</resize-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.scss :::","excerpt":"Example ::: ng-component <resize-handle</resize-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/resize-handle/example.scss :::"},{"chunkId":"/examples/resize-handle#3","slug":"resize-handle","route":"/examples/resize-handle","section":"examples","title":"Angular Diagram Example – Resizable Nodes with Resize Handles","description":"Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts.","group":"Nodes","vector":[-0.02339,0.0521,-0.04102,0.06499,0.02189,-0.00635,-0.06782,0.04988,0.01648,0.08557,-0.0406,0.14402,-0.01822,0.05966,0.09498,0.00872,-0.01656,0.0232,-0.03801,-0.08239,-0.04723,-0.04497,0.00787,-0.03967,0.04117,0.05277,-0.08427,0.01136,0.05927,-0.06634,-0.01066,0.03746,-0.0272,0.03103,-0.13861,0.14658,0.01069,0.05116,-0.05059,-0.03766,-0.00002,0.09482,0.01908,-0.02895,0.00065,-0.09185,-0.1577,0.02475,-0.10449,-0.00655,-0.02261,-0.12685,-0.04525,-0.00836,0.04405,-0.0246,-0.01777,-0.05938,0.01347,-0.02409,0.01189,0.01588,0.06074,0.00675,0.0043,0.03444,-0.00754,0.02251,-0.02113,0.00824,0.02031,-0.04632,-0.05536,-0.00148,0.01402,-0.06472,-0.06129,0.03998,-0.0239,-0.0087,-0.00227,0.08555,-0.0419,0.07744,-0.01725,0.08603,-0.01541,-0.0873,-0.0116,-0.05563,0.00082,0.06165,0.01544,0.00743,-0.05015,-0.01882,-0.02002,-0.02758,-0.10842,0.05127,0.0843,-0.0216,0.0805,-0.0281,-0.0492,-0.03311,-0.02822,-0.01156,-0.06433,-0.01326,-0.00391,0.03518,-0.0916,-0.00759,-0.05972,-0.09882,-0.01953,-0.081,0.0332,0.07437,0.01221,0.05104,0.00296,-0.03856,0.05688,0.01393,-0.0297,0,-0.02891,0.03389,-0.03136,0.05028,0.13589,-0.00321,-0.08935,-0.0312,-0.0254,-0.04352,0.06472,0.05742,-0.02585,0.04749,0.08555,-0.0745,-0.00043,0.13941,0.02243,-0.06136,-0.05289,-0.04885,-0.01841,0.0902,0.04227,0.03705,0.00747,0.06292,-0.04759,-0.03111,0.05261,0.03299,-0.0094,-0.00188,-0.05336,0.0142,-0.0833,-0.06954,0.02592,-0.06583,0.00431,-0.0095,-0.0282,0.03822,0.00638,0.07101,0.01771,0.0147,0.00809,-0.01988,0.00512,0.1036,0.0794,0.02167,0.0899,-0.05387,0.04503,0.05664,0.06981,0.05043,-0.02741,-0.02192,-0.06057,0.00228,-0.00542,0.01549,-0.0173,-0.01917,0.10364,-0.01069,-0.04065,0.04772,0.01387,0.08147,-0.05242,-0.06528,-0.05661,-0.03101,0.00802,0.01167,-0.06886,-0.07911,0.03488,0.04152,0.03596,-0.14988,0.04243,-0.01533,0.01776,-0.01696,0.00653,0.0384,0.03415,0.00807,0.06062,0,-0.06323,0.0546,-0.02863,0.043,0.00204,-0.0256,-0.07388,-0.02472,-0.00512,0.00348,-0.00459,-0.03231,0.00985,-0.00621,-0.04138,-0.01317,-0.06131,-0.09552,0.02543,-0.01571,0.06769,0.03928,-0.00835,0.0447,0.03047,0.03134,-0.07328,-0.05921,0.02235,-0.00086,-0.01438,-0.10912,0.01826,-0.03711,0.01983,-0.09709,0.00112,0.02637,0.03741,0.02413,0.02256,0.03805,0.00471,0.01032,-0.03014,0.03652,0.02034,0.04812,-0.06252,-0.04994,-0.04506,0.00286,0.06399,-0.09246,-0.00349,-0.03427,0.07182,0.00421,0.04106,-0.0485,-0.03953,-0.05579,-0.00121,-0.00395,-0.00189,-0.01867,0.01035,-0.11383,-0.04147,0.06679,0.04372,0.0364,-0.01681,-0.0129,0.06509,0.01435,0.09597,-0.07318,0.01272,-0.04682,-0.04483,0.04046,0.00773,-0.0294,0.01578,0.05219,-0.09103,0.04948,0.02636,0.10028,-0.04522,0.0044,-0.00093,0.09458,-0.01185,0,-0.11241,0.06348,-0.01867,-0.01758,0.01265,-0.04777,0.0859,0.05782,0.03178,0.07812,0.03759,0.00351,-0.04231,0.00173,0.12401,0.02397,-0.01179,0.06997,-0.02417,-0.04171,0.01207,0.01439,0.02113,0.08521,0.01345,-0.03147,-0.03223,0.07526,-0.04421,-0.00762,-0.0262,-0.00567,0.13563,0.084,0.00938,-0.05857,-0.09927,0.0239,0.0012,0.01672,0.02995,-0.00844,-0.01487,0.02567,-0.01711,0.02474,0.01434,0.01451,-0.0274,0.01621,-0.05792,-0.05547,-0.03455,-0.06561,-0.01005,0.07626,0.04107,0.04074,0.02792,-0.00709,-0.02154,0.06271,0.00193,-0.02918],"keywords":"Angular Diagram Example – Resizable Nodes with Resize Handles Angular Diagram Example – Resizable Nodes with Resize Handles Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts. When to use it - Let users expand nodes to fit richer content. - Support note-like, panel-like, or group-like nodes. - Give graph layouts more flexibility without rebuilding node types. This is a practical example for building editors that feel closer to real design or workflow tools.","excerpt":"When to use it - Let users expand nodes to fit richer content. - Support note-like, panel-like, or group-like nodes. - Give graph layouts more flexibility without rebuilding node types. This is a practical example for building editors that feel closer to real design or workflow tools."},{"chunkId":"/examples/resize-handle#4","slug":"resize-handle","route":"/examples/resize-handle","section":"examples","title":"Angular Diagram Example – Resizable Nodes with Resize Handles","description":"Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts.","group":"Nodes","vector":[-0.01449,0.04348,-0.05075,0.06129,-0.00232,0.00039,-0.03165,0.04985,-0.01982,0.06724,0.00142,0.14609,-0.00852,0.04192,0.04203,0.00883,-0.02238,0.06802,-0.02927,-0.0653,-0.03727,-0.0547,-0.00728,-0.0316,-0.00351,0.01545,-0.06984,0.01121,0.03346,-0.09757,0.02674,0.03605,-0.04132,0.01915,-0.17343,0.11009,0.02628,0.0107,-0.07042,-0.01801,0.02812,0.09131,0.04487,-0.02855,0.01688,-0.03155,-0.12954,0.05206,-0.0905,-0.02819,-0.01053,-0.12064,-0.02887,0.03678,0.04907,-0.06718,0.01644,-0.04281,0.02109,-0.01612,-0.00514,0.03229,0.02269,-0.0027,0.01928,-0.01651,-0.03307,-0.01049,-0.02817,-0.01696,0.00369,-0.06694,-0.06622,-0.00643,0.00426,-0.03585,-0.04709,0.07879,-0.03512,-0.00471,-0.00985,0.12162,-0.02401,0.06013,-0.01371,0.06336,-0.05693,-0.06507,-0.01557,-0.04836,0.01558,0.06446,-0.04409,0.01706,-0.06936,-0.01738,-0.02914,-0.02584,-0.11681,0.02902,0.0824,-0.00819,0.05872,-0.04137,-0.0827,-0.05545,-0.03614,-0.0205,-0.06352,-0.02525,-0.00843,0.02131,-0.12101,-0.06755,-0.01412,-0.08114,-0.02289,-0.05771,0.03546,0.03951,0.01289,0.03634,0.01386,-0.05225,0.05282,0.00334,-0.03833,0,-0.06091,0.03538,-0.05049,0.06153,0.10868,-0.01635,-0.06484,-0.03941,0.02618,-0.00869,0.09641,0.08878,-0.03688,-0.0024,0.04525,-0.10317,0.03395,0.13355,0.00358,-0.06853,-0.04221,0.01403,-0.0141,0.06935,0.06152,0.01007,0.03167,0.04383,-0.05096,-0.03406,0.0844,0.06656,-0.04437,-0.03145,-0.01508,0.00547,-0.07616,-0.05705,-0.03098,-0.06226,0.02831,-0.02816,-0.03662,0.05858,0.02039,0.03149,0.00516,-0.0093,0.02745,0.01162,0.02612,0.0772,0.06175,0.00321,0.06666,-0.02787,0.0065,0.0627,0.02492,0.03641,0.00741,-0.04803,-0.05401,-0.00415,-0.03399,-0.03196,0.00212,-0.00691,0.0945,0.04996,-0.04282,0.06884,0.07057,0.06532,-0.06448,-0.06862,-0.02094,-0.01381,-0.0012,0.01042,-0.06034,-0.05825,0.05666,0.02907,0.03183,-0.16014,0.02281,0.00961,0.03607,-0.03117,0.01594,0.05174,0.05469,-0.00046,0.06186,0,-0.04561,0.04642,-0.01061,0.01693,-0.00026,-0.04568,-0.05999,0.02182,-0.01847,-0.01659,-0.03305,-0.04036,0.04998,0.01759,-0.0098,0.00123,-0.09553,-0.08081,0.00129,0.02247,0.0447,0.06092,0.02643,0.02268,-0.01017,0.03765,-0.06081,-0.04386,0.05037,0.01265,-0.00323,-0.11775,0.03728,0.01138,-0.04641,-0.12371,0.01462,0.05436,0.04426,0.00531,0.04204,0.04131,0.03881,-0.01722,-0.04732,-0.02253,0.02715,0.04997,-0.03338,-0.01403,-0.03663,-0.00941,0.0064,-0.05662,-0.0047,-0.03705,0.06505,-0.01287,0.09908,-0.0478,-0.02773,-0.06983,-0.01815,-0.01727,-0.01895,-0.00026,0.02924,-0.13325,-0.02369,0.078,0.00061,0.07301,0.01015,-0.05216,0.05481,0.01726,0.12929,-0.08048,-0.00346,-0.05891,-0.00748,0.0448,-0.03785,-0.0317,0.03982,0.04177,-0.10064,0.03641,0.01384,0.09599,-0.01784,-0.00349,0.03564,0.11071,0.01463,0,-0.09684,0.06954,0.00324,0.01599,0.01801,-0.0384,0.08859,0.06381,-0.00834,0.05229,0.0241,0.0378,-0.00704,-0.01834,0.11912,0.05038,-0.02309,0.05206,-0.01086,-0.00344,0.01904,0.01382,0.04729,0.1271,-0.01482,0.00766,-0.07242,0.07789,-0.02337,-0.01924,-0.00061,-0.00249,0.11914,0.01419,-0.00364,-0.03865,-0.13579,0.02415,0.02748,-0.01883,0.03141,-0.01886,0.00476,0.02698,-0.0453,0.01771,-0.01887,0.00513,-0.00419,0.06855,-0.03985,-0.05962,-0.00451,-0.05155,0.00985,0.0929,0.0681,0.04809,0.00113,-0.0007,0.00058,0.05814,-0.0104,-0.024],"keywords":"Angular Diagram Example – Resizable Nodes with Resize Handles Angular Diagram Example – Resizable Nodes with Resize Handles Make Angular diagram nodes resizable with dedicated handles. Useful for notes, groups, panels, and richer node-based UI layouts. Related docs - Resize Handle Directive - Node Directive - Rotate Handle Example - Magnetic Rects Example","excerpt":"Related docs - Resize Handle Directive - Node Directive - Rotate Handle Example - Magnetic Rects Example"},{"chunkId":"/examples/rotate-handle#0","slug":"rotate-handle","route":"/examples/rotate-handle","section":"examples","title":"Angular Diagram Example – Node Rotation Handles with Constraints","description":"Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools.","group":"Nodes","vector":[0.01318,0.04092,-0.05604,0.01558,-0.044,0.00746,-0.02181,0.01151,0.05739,0.12003,0.03667,0.09351,-0.0016,0.01595,0.0423,0.01026,-0.02159,0.04004,-0.0107,-0.01513,-0.05224,-0.01403,-0.00636,-0.01479,-0.0413,-0.00147,-0.00125,0.00872,0.07153,-0.07974,-0.01638,-0.00016,-0.03743,0.00113,-0.16581,0.08107,-0.0009,-0.01634,-0.11401,-0.00724,0.03852,0.10987,0.05637,-0.04692,0.05103,0.00144,-0.13952,0.05043,-0.06296,0.04198,-0.06006,-0.16582,-0.03547,-0.01477,0.01197,-0.00779,0.03494,-0.06831,0.03905,-0.01437,0.0225,0.03737,-0.0202,0.02764,-0.03495,0.00299,-0.04453,-0.02396,-0.01379,-0.03111,-0.02191,-0.09055,-0.05146,0.0127,0.00567,-0.04692,-0.00967,0.0115,-0.02952,-0.04554,-0.01744,0.08402,-0.02652,0.10939,-0.04326,0.0512,-0.07983,0.03672,0.06534,-0.00412,-0.01007,0.00367,0.00773,-0.05475,-0.00587,0.0054,0.03783,0.00643,-0.1422,0.01074,0.05124,-0.07877,0.0127,-0.03531,-0.08788,-0.01554,-0.05035,-0.08667,-0.07896,0.00635,-0.03818,0.0106,-0.10344,-0.08076,-0.02665,-0.03418,-0.02674,-0.05567,0.00591,0.06342,-0.02144,-0.02114,0.03523,-0.01343,0.01309,-0.01607,-0.05976,0,0.01878,0.02901,-0.03425,0.03338,0.05051,-0.01211,-0.02225,-0.03093,0.00098,0.02541,0.08054,0.06173,-0.06546,0.01807,0.05545,-0.10031,0.02778,0.07363,0.03327,-0.0059,-0.02149,-0.05041,-0.04624,0.06568,0.03219,0.05627,0.0403,0.04807,-0.04429,-0.00789,0.06518,0.04242,-0.03678,0.01412,0.00024,0.00876,-0.06672,-0.09218,-0.02544,-0.00702,-0.03549,-0.03064,-0.1069,0.05086,0.04207,0.01293,-0.02351,0.01896,0.02625,0.07021,-0.01319,0.09742,0.00719,0.01113,0.04614,-0.02209,0.01178,0.01743,-0.01803,0.07703,0.01347,0.02625,-0.043,-0.04074,0.04043,-0.02569,-0.0057,-0.0521,0.05909,0.00714,-0.09061,-0.01741,0.01977,0.05502,-0.06051,0.00702,-0.02667,-0.00174,-0.00274,0.03971,-0.05083,-0.02243,0.04551,0.01431,-0.01515,-0.11009,0.03709,0.05335,0.02118,0.01116,0.03288,0.06264,0.00158,0.05178,0.05171,0,-0.08275,-0.00755,0.01794,0.04765,-0.00407,-0.07967,-0.03058,-0.09554,0.00332,-0.00938,0.04383,-0.05621,-0.01307,0.07392,0.01085,-0.02177,-0.03448,-0.05604,-0.01169,0.03781,0.05705,0.07935,0.00351,0.01954,-0.04272,0.06825,-0.04339,-0.01269,-0.00126,0.03686,-0.02854,-0.10161,0.10359,0.02803,-0.06889,-0.07207,-0.02862,0.03403,0.04627,-0.01749,0.01819,0.02683,0.04602,0.04192,-0.04479,-0.00837,-0.03565,0.07881,-0.01024,-0.05238,-0.06947,0.02176,0.02689,-0.06433,0.03102,-0.05215,0.08111,-0.00109,0.14603,-0.06192,0.01076,-0.03223,-0.00776,-0.01913,-0.03101,0.00487,0.08796,-0.13763,-0.0271,0.06215,-0.04003,0.08523,0.07096,-0.05974,0.08836,0.04144,0.06761,-0.05334,0.00416,-0.06419,-0.03418,0.03502,0.02258,0.0118,-0.02174,0.06531,-0.1439,-0.03182,0.06467,0.10983,0.00154,0.0461,0.00509,0.08464,0.02553,0,-0.08139,0.0164,0.07165,-0.02735,0.00919,0.00299,0.1088,0.01513,0.0075,0.04902,0.01984,0.05219,-0.02077,-0.03656,0.11779,0.00393,0.05234,0.07042,0.01197,-0.02484,0.01656,0.00469,0.06434,0.06397,0.00443,-0.01988,-0.04778,0.07285,-0.01421,0.04507,-0.01629,-0.03028,0.08401,-0.01185,-0.02645,-0.0296,-0.11463,-0.0524,0.00441,0.01769,0.03496,0.0777,-0.07182,0.02311,-0.04414,0.0795,0.02638,-0.0578,-0.01754,0.01564,-0.06791,-0.06977,-0.00611,0.03138,-0.0063,0.10397,0.10271,-0.05169,-0.04556,0.00898,-0.0056,0.05145,-0.00364,-0.02539],"keywords":"Angular Diagram Example – Node Rotation Handles with Constraints Angular Diagram Example – Node Rotation Handles with Constraints Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools. Rotate Handle","excerpt":"Rotate Handle"},{"chunkId":"/examples/rotate-handle#1","slug":"rotate-handle","route":"/examples/rotate-handle","section":"examples","title":"Angular Diagram Example – Node Rotation Handles with Constraints","description":"Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools.","group":"Nodes","vector":[-0.01656,0.05008,-0.02759,0.01801,-0.00416,0.02605,-0.00884,0.02384,0.11081,0.08462,0.01616,0.13044,-0.00677,0.01438,0.02523,0.00563,0.01712,0.03266,-0.01936,-0.00248,-0.0704,-0.03481,-0.01773,-0.01445,-0.03557,0.02396,-0.01421,-0.00166,0.06735,-0.04941,-0.01892,0.03633,-0.05792,-0.00006,-0.20522,0.05772,0.01386,0.03123,-0.12546,-0.03413,0.03574,0.12249,0.05547,-0.03344,0.03862,0.00397,-0.10884,0.03222,-0.03618,0.07055,-0.05694,-0.13981,-0.02996,-0.0349,0.02242,-0.00385,0.07295,-0.06494,0.00393,-0.00664,0.03697,0.00951,0.02203,0.01543,-0.00385,-0.03503,-0.00269,-0.02661,-0.01978,-0.01236,-0.00382,-0.06272,-0.04583,0.00895,0.03967,-0.04299,-0.02957,0.00472,-0.03772,-0.00438,0.02387,0.07489,-0.02548,0.09683,-0.02566,0.03005,-0.08414,-0.00852,0.03854,-0.01261,-0.00761,0.02946,0.01622,-0.05979,0.02171,0.01987,0.0154,0.02477,-0.18039,0.00009,0.06111,-0.07247,0.03027,-0.05327,-0.05729,-0.01238,-0.04125,-0.12885,-0.07971,0.01412,-0.05446,0.03042,-0.07842,-0.02253,-0.07118,-0.03603,-0.0089,-0.05791,-0.00351,0.06251,-0.00929,-0.01971,0.05194,-0.01584,0.04387,-0.03092,-0.05376,0,0.00254,0.06439,-0.02821,0.04136,0.0425,-0.01164,-0.00151,-0.03792,0.01217,0.01426,0.07564,0.0615,-0.03034,0.0158,0.03641,-0.0668,0.01659,0.0712,0.01219,-0.00717,-0.0231,-0.10029,-0.05813,0.04628,-0.00169,0.04382,0.04103,0.03476,-0.06585,0.00175,0.02073,0.0331,-0.0544,-0.00999,-0.00946,0.04623,-0.07495,-0.10663,-0.01256,-0.00599,-0.03952,0.01916,-0.09222,0.05412,0.04543,0.04864,-0.01866,0.01357,-0.01449,0.05054,0.00175,0.09312,0.04701,0.04019,0.08227,-0.03934,0.05684,-0.01493,-0.03952,0.02201,0.01044,0.01535,-0.03648,-0.02954,0.01844,-0.00729,-0.00793,0.01319,0.02388,0.00281,-0.06715,-0.00773,-0.02697,0.04561,-0.05324,0.01431,-0.03196,-0.02488,0.0508,0.01822,0.00728,-0.00316,0.0322,-0.00882,-0.03871,-0.11628,0.05061,0.04276,-0.00623,0.03311,0.0635,0.04733,0.01179,0.06296,0.02609,0,-0.08711,-0.00451,0.00798,0.04892,-0.02184,-0.08344,-0.00823,-0.07494,0.02476,-0.03476,0.03591,-0.03518,-0.04616,0.07252,0.05169,-0.00724,-0.07021,-0.08223,-0.01622,-0.01421,0.06946,0.05747,-0.03086,0.02222,-0.06902,0.05626,-0.0447,-0.01934,-0.00528,0.0331,-0.00045,-0.10349,0.08763,0.00853,-0.03515,-0.04818,-0.04715,0.03909,0.04543,-0.00406,-0.03266,0.05054,0.01605,0.02398,-0.05975,0.03116,-0.03615,0.07056,0.01689,-0.03669,-0.04111,0.05193,0.02413,-0.07916,0.01202,-0.04794,0.07154,0.01291,0.11826,-0.06919,-0.00988,0.00454,-0.03256,-0.03577,-0.05883,0.01663,0.07885,-0.13292,0.0256,0.05992,-0.01829,0.08058,0.0501,-0.02256,0.07859,0.05426,0.14931,-0.04714,-0.00785,-0.0578,-0.08333,0.01841,0.02147,0.00211,-0.04638,0.05402,-0.15271,-0.03356,0.04916,0.10183,0.00815,0.03191,-0.0271,0.0395,0.04118,0,-0.11159,0.01398,0.08279,-0.01117,-0.02937,0.00896,0.10577,0.01913,0.03068,0.05351,0.04618,0.03581,-0.04336,-0.05669,0.11361,0.05865,0.0212,0.05954,-0.01184,-0.0057,0.03932,-0.00196,0.01744,0.05668,-0.03126,-0.02542,-0.02542,0.09409,-0.00317,0.02177,-0.03164,-0.02737,0.08344,0.05066,-0.04755,-0.00559,-0.09144,-0.05709,0.02885,0.01705,0.01627,0.07195,-0.06171,0.02271,-0.05505,0.05419,0.05679,-0.03729,-0.05018,0.0338,-0.07314,-0.07951,0.00204,0.07255,0.03099,0.08602,0.07441,-0.04774,-0.01563,0.00332,-0.02771,0.0372,-0.02405,-0.00838],"keywords":"Angular Diagram Example – Node Rotation Handles with Constraints Angular Diagram Example – Node Rotation Handles with Constraints Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools. Description This example shows how to rotate nodes with a dedicated handle. Rotation is useful when node orientation carries meaning or when users need more freedom arranging the canvas than a rigid top-to-bottom layout allows. It can be helpful in design-like interfaces, architecture diagrams, and specialized editors where arrows, assets, or blocks should face a certain direction. Even when used sparingly, rotation makes the canvas feel more flexible and more tool-like. The important part is keeping the interaction understandable. A rotate handle gives users a clear affordance instead of hiding orientation changes behind generic drag logic.","excerpt":"Description This example shows how to rotate nodes with a dedicated handle. Rotation is useful when node orientation carries meaning or when users need more freedom arranging the canvas than a rigid top-to-bottom layout allows. It can be helpful in design-like interfaces, architecture diagrams, and specialized editors where arrows, assets, or blocks should face a certain direction. Even when used sparingly, rotation makes the canvas feel more flexible and more tool-like. The important part is keeping the interaction understandable. A rotate handle gives users a clear affordance instead of hiding orientation changes behind generic drag logic."},{"chunkId":"/examples/rotate-handle#2","slug":"rotate-handle","route":"/examples/rotate-handle","section":"examples","title":"Angular Diagram Example – Node Rotation Handles with Constraints","description":"Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools.","group":"Nodes","vector":[-0.03008,0.06038,-0.0901,-0.00868,-0.01105,0.10595,-0.03117,0.03782,0.02954,0.06281,0.00467,0.09234,0.01015,0.0089,0.01635,0.02014,-0.07076,0.05938,-0.02408,0.00374,0.01902,-0.03083,0.03186,0.01098,-0.07085,0.01249,0.00735,0.00676,0.04448,-0.01855,0.01352,0.04978,-0.04083,0.01936,-0.13074,0.05613,-0.02688,0.02795,-0.09331,-0.03705,0.07515,0.14199,0.08552,-0.0986,0.05251,0.01031,-0.14819,0.05497,-0.05661,0.04,-0.06771,-0.15534,-0.01203,0.02266,0.03298,-0.02073,0.04034,-0.11001,0.07272,-0.00374,0.00105,-0.00813,0.00108,0.00007,-0.00547,0.01007,-0.07045,-0.04267,-0.0606,0.04019,-0.03056,-0.04631,-0.03628,-0.00118,0.0535,-0.03836,-0.03538,0.07665,-0.02072,-0.05066,0.02468,0.04601,-0.00672,0.08535,-0.03536,0.04863,-0.0814,0.0023,0.05648,0.00363,-0.03664,0.02679,-0.04455,-0.04383,0.01503,0.03422,-0.01925,0.02009,-0.15708,0.0093,0.03226,-0.1082,0.03982,0.0184,-0.03325,0.00478,-0.02817,-0.04355,-0.1006,0.00358,-0.023,0.0503,-0.04191,-0.07898,-0.03593,-0.04947,0.01095,-0.08013,0.00339,0.07762,0.03143,-0.01459,-0.02218,-0.01477,0.04467,-0.00574,-0.04108,0,-0.01652,0.05108,0.00116,0.02241,0.02547,-0.04539,-0.01932,-0.05034,-0.02307,0.05897,0.03065,0.04389,-0.05995,-0.06999,-0.02171,-0.12244,0.03643,0.05858,-0.00313,-0.02037,0.01288,-0.06626,-0.07259,0.02863,0.03374,-0.01734,0.00326,0.03128,-0.06564,-0.01781,0.07923,0.04705,0.01461,-0.01992,0.00736,0.01415,-0.02264,-0.03961,-0.06748,0.01338,0.03461,-0.01229,-0.07442,0.07362,0.01519,-0.00211,-0.02168,0.00307,0.08853,0.05954,-0.00489,0.10431,0.02586,-0.00157,0.09187,-0.03789,0.02968,0.01399,-0.05034,0.08995,-0.01089,0.01971,-0.01691,-0.036,0.0285,-0.02914,-0.01287,-0.02349,0.0251,-0.02387,-0.08197,0.02062,0.0028,0.04757,-0.04824,0.03206,-0.00705,0.0345,0.01033,0.02563,-0.00709,-0.05415,0.00518,0.04377,0.03028,-0.1234,0.02029,0.03583,-0.01423,-0.05149,0.05549,0.01243,-0.01349,0.02548,0.04408,0,-0.051,0.02343,0.0356,0.08921,-0.03438,-0.07062,0.06148,-0.01581,-0.00033,0.0128,0.02625,-0.04019,0.008,0.03521,0.05206,-0.00557,-0.07241,-0.02996,0.06584,0.04614,0.05267,0.09249,-0.01222,0.0437,-0.03468,0.08439,0.02968,0.0458,-0.00294,0.01346,-0.05058,-0.11684,0.03446,0.04109,-0.07242,-0.09251,-0.05188,0.07859,0.04343,0.00427,0.04107,0.07286,-0.00551,0.03447,-0.04425,-0.0167,0.0223,0.05482,-0.00147,-0.05405,-0.08843,-0.00035,-0.01498,-0.01068,0.02159,-0.07548,0.09001,-0.03502,0.0993,-0.05666,0.034,-0.02083,-0.04055,-0.02239,0.03972,0.01848,0.02029,-0.12671,0.01342,0.05905,-0.04206,0.07162,0.06714,-0.02153,0.07556,0.04648,0.09022,-0.00942,0.0202,-0.02314,-0.04037,0.02898,0.0184,0.05571,-0.0085,0.06203,-0.17675,-0.01539,0.08845,0.09821,-0.03673,0.00843,0.00192,-0.0062,0.05702,0,-0.09689,-0.01058,0.03743,-0.00873,-0.00599,-0.0241,0.08818,-0.04037,-0.00599,0.02288,-0.00238,0.07831,0.02412,-0.08063,0.06079,-0.02493,0.02064,0.07469,-0.01388,0.00503,0.00983,-0.00189,0.0609,0.08619,-0.00063,-0.0844,-0.07957,0.04643,0.01266,-0.01694,-0.04251,-0.06623,0.05707,0.00369,-0.0369,-0.04498,-0.15364,-0.04491,0.02576,0.03972,0.01768,0.03861,-0.03199,0.00548,-0.04624,0.08953,0.01412,-0.04315,-0.00738,0.00187,-0.07679,-0.03592,-0.01581,0.06202,0.00768,0.06032,0.09139,0.0022,-0.03039,-0.02884,-0.01416,0.04985,0.00938,-0.0466],"keywords":"Angular Diagram Example – Node Rotation Handles with Constraints Angular Diagram Example – Node Rotation Handles with Constraints Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools. Example ::: ng-component <rotate-handle</rotate-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.scss :::","excerpt":"Example ::: ng-component <rotate-handle</rotate-handle [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/rotate-handle/example.scss :::"},{"chunkId":"/examples/rotate-handle#3","slug":"rotate-handle","route":"/examples/rotate-handle","section":"examples","title":"Angular Diagram Example – Node Rotation Handles with Constraints","description":"Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools.","group":"Nodes","vector":[0.01035,0.04327,-0.02456,0.00461,-0.0102,0.05426,-0.07147,0.01531,0.08399,0.08693,-0.01655,0.08484,-0.02499,0.0337,0.03383,0.00929,-0.02217,0.01156,0.00767,-0.02097,-0.08905,-0.03474,0.00502,0.01634,-0.02413,0.02564,-0.00475,0.02476,0.0657,-0.06493,0.00652,0.01061,-0.01652,0.02634,-0.19067,0.06829,0.00641,0.03468,-0.10753,0.0025,0.03084,0.11281,0.07173,-0.05223,0.03248,-0.00326,-0.1588,0.02317,-0.08946,0.07254,-0.05419,-0.12352,-0.01645,0.0218,0.00678,-0.04475,0.03489,-0.06317,0.06594,-0.01633,0.00932,0.04263,0.02139,0.01145,-0.05952,0.01647,-0.04399,0.05569,0.01314,-0.01367,0.02738,-0.05462,-0.03575,-0.01809,-0.00741,-0.06166,-0.03582,0.01728,-0.05602,0.00122,0.01808,0.06574,-0.03995,0.08086,-0.08836,0.02814,-0.06275,-0.01451,0.0584,0.00704,-0.03124,0.02805,0.01526,-0.07043,0.08265,0.01186,-0.04248,-0.03596,-0.11383,-0.01097,0.10259,-0.04855,0.00783,-0.02497,-0.01053,-0.0282,-0.01923,-0.05856,-0.04045,0.00188,-0.00889,0.02162,-0.0564,-0.04708,-0.08307,0.00297,-0.01942,-0.06331,-0.04909,0.08846,0.00177,0.00747,0.01225,-0.03586,0.06899,-0.02107,-0.03926,0,0.00065,0.03571,-0.02993,0.03927,0.05501,0.01525,-0.06327,-0.07676,0.01267,-0.00992,0.06212,0.03095,-0.06636,0.03511,0.01612,-0.05683,0.02564,0.09527,-0.0137,-0.00836,-0.00651,-0.08208,-0.06953,0.05283,-0.01578,0.06001,0.04162,0.07179,-0.06493,-0.0238,0.02465,0.00474,-0.02188,0.01124,0.02045,0.00406,-0.06009,-0.05062,0.04229,0.01755,-0.03213,-0.02126,-0.10501,0.04502,0.03416,0.03192,-0.02302,-0.00495,0.0092,0.04213,-0.00117,0.11611,0.01414,0.00843,0.07433,-0.06277,0.02535,0.03522,-0.0057,0.06096,-0.00919,0.0358,-0.04578,-0.08256,0.06932,-0.00643,-0.0472,-0.03648,0.03345,-0.03357,-0.08717,-0.03272,-0.00197,0.07393,-0.03888,0.03543,-0.03264,0.04887,0.01634,0.04316,-0.08362,-0.04775,0.08536,0.03677,0.00515,-0.13069,0.036,0.06729,-0.01261,0.01514,0.08333,0.06768,0.01586,0.07519,0.12155,0,-0.1196,0.03183,0.0395,0.01107,0.0128,-0.05359,-0.0198,-0.03843,0.02564,-0.01178,0.0168,-0.03274,-0.03851,0.02788,0.03027,-0.00052,-0.03853,-0.02258,0.03387,0.01337,0.04743,0.05166,-0.0359,0.03422,0.00791,0.08429,-0.0186,-0.02584,0.02319,-0.00218,-0.05078,-0.08677,0.06177,0.00506,-0.01812,-0.07337,-0.01139,0.03309,-0.0013,0.02577,-0.01844,0.00795,-0.0019,0.03452,-0.03974,0.04986,-0.02654,0.04753,-0.00678,-0.04603,-0.06888,0.05565,0.05737,-0.0725,0.03614,-0.04156,0.07434,0.03123,0.10627,-0.11332,-0.02002,-0.02496,0.02515,-0.06217,-0.01395,0.02775,0.0963,-0.1071,0.00429,0.04077,0.01392,0.06503,0.07429,-0.02653,0.11368,0.04262,0.09191,-0.05119,0.01151,-0.05123,-0.03926,0.08644,0.02883,0.00035,0.0175,0.07472,-0.14667,-0.04547,0.02408,0.11436,-0.02477,0.00951,0.00355,0.0193,0.0403,0,-0.12071,-0.01303,0.01271,-0.03221,-0.01677,-0.01351,0.05809,0.02875,0.04623,0.07983,0.0141,0.08271,0.02777,-0.07049,0.10247,-0.02687,0.03464,0.05164,-0.00441,-0.01713,0.0725,0.0016,0.01908,0.0719,-0.03716,-0.04816,0.00967,0.07141,-0.03349,0.01842,-0.03192,-0.03705,0.04357,0.05274,-0.04096,-0.04833,-0.09755,-0.02866,-0.02297,-0.00647,0.01123,0.07131,-0.07677,-0.0165,-0.06315,0.04984,0.03997,-0.03569,-0.05131,0.02206,-0.07423,-0.03048,0.00143,0.04313,0.015,0.06996,0.05872,-0.06856,-0.02038,-0.03609,-0.06184,0.04781,0.00366,-0.05409],"keywords":"Angular Diagram Example – Node Rotation Handles with Constraints Angular Diagram Example – Node Rotation Handles with Constraints Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools. What this solves - Add explicit orientation control for selected node types. - Support richer diagram composition and layout experimentation. - Keep rotation behavior separate from move and resize interactions. Use this when your editor needs spatial freedom beyond standard flowchart positioning.","excerpt":"What this solves - Add explicit orientation control for selected node types. - Support richer diagram composition and layout experimentation. - Keep rotation behavior separate from move and resize interactions. Use this when your editor needs spatial freedom beyond standard flowchart positioning."},{"chunkId":"/examples/rotate-handle#4","slug":"rotate-handle","route":"/examples/rotate-handle","section":"examples","title":"Angular Diagram Example – Node Rotation Handles with Constraints","description":"Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools.","group":"Nodes","vector":[0.00926,0.05644,-0.03853,0.03758,-0.00955,0.02095,-0.00971,0.01814,0.03219,0.10785,0.04115,0.0973,-0.02013,0.02901,0.04272,0.00886,-0.0311,0.03743,-0.04338,-0.02027,-0.0252,-0.01168,-0.03425,-0.01336,-0.03477,0.01101,-0.02843,0.01577,0.08317,-0.07718,-0.00215,0.00976,-0.04615,0.00861,-0.17245,0.09431,0.01316,-0.02316,-0.09194,-0.00117,0.06588,0.08967,0.05294,-0.04725,0.01854,-0.01162,-0.13593,0.07271,-0.07789,0.01563,-0.05449,-0.1528,-0.0422,0.01181,0.01275,-0.05713,0.05523,-0.06388,0.04818,-0.00425,-0.042,0.04465,-0.0035,0.00321,-0.01774,-0.03181,-0.05973,-0.01822,-0.03361,-0.01958,-0.016,-0.08445,-0.05053,0.01699,0.0002,-0.04422,-0.03537,0.05555,-0.0395,-0.04566,0.02751,0.09047,-0.00819,0.10123,-0.04872,0.08346,-0.08368,-0.00157,0.0526,-0.03675,-0.00771,0.01838,-0.0245,-0.03463,-0.02177,0.01349,0.02085,0.02575,-0.14923,0.0084,0.07072,-0.04683,0.01406,-0.04133,-0.08376,-0.02454,-0.0567,-0.08539,-0.07495,0.00508,0.00115,0.01798,-0.11776,-0.10347,-0.00735,-0.05456,-0.02251,-0.04794,-0.00862,0.06741,-0.038,0.01319,0.04114,-0.02826,0.03204,-0.00911,-0.03358,0,-0.00607,0.02515,-0.05592,0.03419,0.05809,-0.00149,-0.02995,-0.01323,-0.00625,0.01587,0.11734,0.06544,-0.05009,0.01181,0.00232,-0.08116,0.03887,0.08887,0.04018,-0.01489,-0.02074,-0.05201,-0.03791,0.08016,0.04434,0.02931,0.02313,0.03615,-0.04797,-0.01568,0.08741,0.05068,-0.05621,-0.03175,-0.00894,0.00262,-0.05795,-0.04803,-0.02661,-0.0368,-0.01376,-0.03122,-0.08781,0.0634,0.0197,0.00328,-0.00373,-0.00805,0.04342,0.04901,0.00931,0.06307,0.04039,0.01112,0.06814,-0.00937,0.00889,0.03806,-0.00177,0.04406,0.01345,-0.00697,-0.07544,0.00048,0.03835,-0.04725,-0.01229,-0.04013,0.05968,0.03938,-0.07879,-0.0037,0.03186,0.07029,-0.0596,-0.01467,-0.02797,-0.0044,0.01083,0.03209,-0.05592,-0.03523,0.07531,0.0099,0.0156,-0.12716,0.0429,0.04856,0.02575,-0.03495,0.04391,0.03877,0.01707,0.03767,0.07374,0,-0.05183,0.03367,0.01538,0.03113,-0.01494,-0.07589,-0.03875,-0.05249,-0.00118,-0.02686,0.02507,-0.03709,-0.00535,0.07099,0.0224,-0.03788,-0.06394,-0.06092,-0.01381,0.04315,0.05587,0.0182,0.03237,0.02707,-0.05294,0.04167,-0.00727,-0.01941,0.02303,0.01485,-0.00439,-0.10318,0.08774,0.04237,-0.07259,-0.10408,-0.01673,0.04559,0.05578,0.01025,0.01637,0.0363,0.04789,0.01144,-0.0651,-0.00683,-0.01597,0.04474,0.00366,-0.05716,-0.07556,0.02451,-0.02821,-0.04016,0.02146,-0.04438,0.08487,0.00244,0.12135,-0.07099,0.00664,-0.01777,-0.02148,-0.04907,-0.03231,0.01448,0.03578,-0.15825,-0.01974,0.0913,-0.07032,0.07437,0.04804,-0.059,0.07155,0.03047,0.10901,-0.05295,0.0066,-0.06009,0.00944,0.03134,-0.0046,-0.01056,0.00088,0.08437,-0.1321,-0.00135,0.04933,0.11907,-0.02119,0.03264,0.01583,0.08839,0.03104,0,-0.11282,0.03277,0.08944,-0.02731,0.00354,0.00655,0.11171,0.03635,0.0056,0.0602,0.00226,0.05333,-0.01762,-0.05023,0.10713,0.02704,0.04897,0.04497,0.00407,-0.0146,0.0233,0.00915,0.06533,0.10138,-0.01215,-0.02523,-0.05717,0.06429,-0.0206,0.02209,-0.02022,-0.01339,0.06328,-0.02103,-0.0265,-0.04748,-0.1126,-0.04034,0.04073,0.01101,0.04093,0.05918,-0.0421,0.00323,-0.03821,0.07549,0.03205,-0.05049,-0.0105,0.04588,-0.03336,-0.07523,-0.01519,0.03543,0.00277,0.10878,0.08539,-0.01583,-0.04292,-0.0064,0.00243,0.04176,0.01361,-0.02079],"keywords":"Angular Diagram Example – Node Rotation Handles with Constraints Angular Diagram Example – Node Rotation Handles with Constraints Rotate Angular diagram nodes with a dedicated handle. Clear orientation control for design-like editors, architecture views, and custom canvas tools. Related docs - Rotate Handle Directive - Node Directive - Resize Handle Example - Drag Handle Example","excerpt":"Related docs - Rotate Handle Directive - Node Directive - Resize Handle Example - Drag Handle Example"},{"chunkId":"/examples/grouping#0","slug":"grouping","route":"/examples/grouping","section":"examples","title":"Angular Flowchart Example – Node Grouping & Nested Structures","description":"Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example.","group":"Nodes","vector":[-0.03326,0.02921,-0.03944,0.03907,0.05459,0.01748,-0.06367,-0.0005,0.00769,0.06902,-0.03757,-0.01485,-0.07316,0.06106,0.03752,-0.01769,-0.10896,0.02993,0.01166,-0.086,-0.03511,-0.02559,0.01191,0.03254,0.03765,0.10722,-0.003,-0.03528,0.09374,-0.05082,0.00145,0.04267,0.03555,0.04246,-0.13335,0.06302,0.04548,0.06635,-0.01102,-0.0048,0.02923,0.09614,0.05397,-0.06697,0.02495,0.01634,-0.1859,0.02381,-0.0796,0.09161,-0.04703,-0.09952,-0.04078,0.0847,0.03484,-0.03034,-0.05423,-0.07112,0.02417,0.01478,0.05669,-0.04111,-0.00623,0.04174,0.05555,0.03252,-0.04406,0.09311,-0.01105,0.00953,0.06359,-0.05086,0.02684,0.01974,0.00374,-0.02295,-0.06115,0.02239,-0.04799,0.00605,-0.0168,0.10421,-0.04615,0.0263,-0.04538,0.06357,0.01554,-0.05907,-0.05968,-0.05119,-0.04299,0.04528,-0.01521,-0.00537,0.04315,-0.00692,-0.03527,-0.07405,-0.03454,-0.01671,0.08661,-0.03142,0.04003,-0.02337,-0.02433,-0.01269,-0.04247,0.00972,0.0922,0.00438,-0.00273,0.02515,-0.05371,-0.08591,-0.14025,-0.1409,-0.00893,-0.06565,0.03476,0.07521,0.02573,0.03725,-0.01431,-0.03385,0.11552,0.01294,0.0079,0,-0.0162,-0.01405,-0.04651,0.08523,0.07868,-0.00256,-0.08482,-0.07827,0.01336,0.07895,0.02062,-0.01586,-0.03978,0.03166,0.02227,-0.08002,0.00633,0.02019,-0.08528,-0.01656,-0.07907,-0.04438,-0.02308,0.02568,0.0433,0.01109,0.04383,0.01958,-0.10161,0.01075,0.07844,-0.02181,-0.01203,0.05684,0.0193,0.01224,-0.00632,-0.05299,0.06336,-0.00784,-0.00758,-0.09511,-0.06391,0.05294,0.00383,0.00805,-0.02079,-0.02006,0.00591,-0.02115,-0.00378,0.07823,-0.02657,-0.0269,0.07477,-0.02901,0.00066,0.10325,0.0184,0.08294,-0.01784,-0.01147,-0.04542,-0.07815,-0.0011,-0.03094,-0.03426,-0.06854,0.06002,-0.05464,-0.054,0.00901,-0.02342,0.12147,-0.05546,0.04437,0.01358,0.09985,0.01094,0.00717,-0.08014,-0.05248,0.08872,0.05646,-0.01616,-0.08398,0.04399,-0.04289,-0.08038,-0.02304,-0.00977,0.07784,0.09143,0.03323,0.09253,0,-0.0221,0.09101,-0.0047,-0.00481,0.04674,-0.0606,-0.01803,0.01556,-0.01105,0.09826,0.00872,0.05206,0.00937,-0.06054,0.01041,0.02797,0.0391,-0.08717,0.08134,-0.01807,0.0693,0.01476,-0.04592,0.0215,0.02134,0.05127,-0.06053,-0.096,0.04441,0.03493,-0.00483,-0.08505,0.03342,-0.02064,-0.04246,-0.03792,0.06363,0.05541,0.00208,0.00217,-0.02518,-0.02114,-0.02847,-0.05745,-0.03431,-0.04712,0.01405,-0.00015,-0.11927,-0.00227,-0.03211,0.05834,0.06535,-0.03317,0.00042,-0.00271,0.0258,-0.00035,0.03935,-0.06003,-0.00851,-0.01918,0.02334,-0.0355,0.03177,0.00453,-0.02389,-0.12163,-0.03408,0.04607,-0.0145,0.0215,0.00318,0.01092,0.02206,0.01195,0.0709,-0.0355,0.02206,-0.02892,0.01719,0.0509,0.00347,0.08031,0.11528,0.03524,-0.01467,-0.01575,0.00339,0.12742,-0.05402,-0.03254,-0.00441,-0.0195,0.06353,0,-0.15354,-0.04771,-0.05325,-0.04806,0.0532,-0.05768,0.00931,0.06695,0.03102,0.03429,-0.02111,0.08911,-0.04636,-0.05047,0.09105,-0.01892,-0.05495,0.02375,-0.01118,0.02516,0.03219,-0.01209,-0.02617,0.05984,-0.03107,-0.04433,0.00555,0.04573,0.00583,-0.04802,-0.0568,0.0519,0.01216,0.03674,-0.00315,-0.02542,-0.08133,0.0343,-0.05708,-0.02275,0.03056,0.05748,-0.00514,0.00767,-0.00687,0.04838,-0.02485,0.00065,-0.04663,0.00544,0.00567,-0.02134,-0.0488,0.00814,0.00363,-0.01732,0.00713,-0.01536,0.066,-0.04147,-0.04429,0.05677,0.00191,-0.06311],"keywords":"Angular Flowchart Example – Node Grouping & Nested Structures Angular Flowchart Example – Node Grouping & Nested Structures Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example. --- toc: false wideContent: true --- Grouping wide Content","excerpt":"--- toc: false wideContent: true --- Grouping"},{"chunkId":"/examples/grouping#1","slug":"grouping","route":"/examples/grouping","section":"examples","title":"Angular Flowchart Example – Node Grouping & Nested Structures","description":"Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example.","group":"Nodes","vector":[-0.03885,0.04599,-0.05061,0.02183,0.04184,0.00096,-0.06407,0.03053,0.04304,0.07174,-0.0513,-0.01426,-0.06073,0.05587,0.09011,-0.00885,-0.09263,0.0381,0.01821,-0.05767,-0.03486,-0.00108,0.00947,0.03714,0.01574,0.11429,-0.01268,-0.01628,0.09562,-0.05582,0.03143,0.04781,0.03193,0.08825,-0.13737,0.10171,0.01793,0.05509,-0.06075,-0.02691,0.04294,0.06944,0.02657,-0.06218,0.01034,-0.01774,-0.12998,-0.04249,-0.08535,0.08461,-0.09795,-0.13184,-0.07031,0.09013,0.03413,0.00226,-0.01003,-0.08238,0.03162,-0.00564,0.06437,-0.03988,0.01043,0.04053,0.0328,0.02826,-0.07104,0.09935,0.01345,-0.03339,0.0554,-0.03868,0.02955,0.01181,-0.02847,-0.02857,-0.03885,0.0117,-0.03072,-0.00477,-0.02423,0.06425,-0.03815,0.04746,-0.05544,0.07592,0.03563,-0.07983,-0.06815,-0.03839,-0.03978,0.04155,0.00874,-0.04814,0.07309,0.00145,-0.02343,-0.09881,-0.04729,0.0079,0.06862,-0.02566,0.06659,-0.02279,-0.05936,-0.05516,-0.01185,-0.01837,0.01657,-0.0145,-0.03488,0.0472,-0.04785,-0.10372,-0.07617,-0.13573,-0.01739,-0.06783,0.0319,0.11348,0.02881,0.02996,0.00837,-0.02452,0.10319,0.00551,-0.03916,0,-0.00169,0.0045,-0.04776,0.06531,0.10816,-0.00513,-0.06223,-0.07061,0.01844,0.03004,0.00882,0.01734,-0.03413,0.08017,-0.00215,-0.11147,-0.021,0.05464,-0.04187,-0.0146,-0.01524,-0.07574,-0.03649,0.03174,0.03179,0.0667,0.04001,0.02201,-0.10797,0.01174,0.05962,-0.02592,-0.02396,0.03217,0.00902,0.00655,-0.00471,-0.07919,0.06113,-0.05424,-0.00563,-0.07177,-0.07459,0.01448,0.03212,0.00698,-0.05013,-0.02534,0.05846,0.00246,0.03938,0.06082,-0.01238,0.00061,0.08882,-0.02994,-0.0211,0.08553,0.00002,0.07266,0.01166,0.05261,-0.07127,-0.08723,0.03031,0.00522,-0.00526,-0.03817,0.06273,-0.05486,-0.06507,0.04224,-0.00358,0.082,-0.02402,0.01852,-0.00078,0.07796,0.00157,0.00863,-0.08511,-0.07204,0.04841,0.08012,0.02864,-0.072,0.05027,-0.0548,-0.08872,-0.01953,0.04144,0.06056,0.06387,0.0133,0.05128,0,-0.03605,0.07993,-0.02952,0.00711,0.07526,-0.05033,-0.01945,-0.01604,0.01949,0.06627,-0.02392,0.04967,0.00074,-0.05454,0.02969,0.01155,-0.00112,-0.13051,0.07693,-0.02736,0.04913,0.05594,-0.04937,-0.00151,0.01383,0.0405,-0.03776,-0.05738,0.03319,-0.00835,-0.01427,-0.06013,0.01571,-0.04094,-0.0234,-0.05763,0.03795,0.03345,-0.02449,-0.00645,0.026,-0.00239,-0.01668,-0.02835,-0.06865,-0.01535,0.00363,0.01668,-0.08202,0.00681,-0.06937,0.03125,0.00954,-0.05581,-0.01127,0.02953,0.05584,0.01853,0.00712,-0.04998,-0.02758,-0.00702,0.0361,-0.00673,0.03401,-0.00628,-0.06055,-0.08693,-0.06014,0.06277,0.01804,0.04809,-0.03112,0.00516,0.04601,0.02143,0.06794,-0.03045,0.0319,0.00383,0.02491,0.11029,0.00167,0.05805,0.10314,0.00889,-0.05062,-0.06201,0.0042,0.082,-0.0654,-0.00732,-0.00234,0.03651,0.03304,0,-0.17808,-0.03968,-0.04242,-0.04379,0.06495,-0.03618,-0.03596,0.06679,0.02405,0.03669,-0.00258,0.0633,-0.04846,-0.03749,0.09949,-0.01349,-0.02671,0.02277,-0.01084,0.00695,0.03732,0.02657,-0.03296,0.07531,-0.01221,-0.02764,0.03713,0.01414,0.0064,-0.01166,-0.0275,0.08103,0.07044,0.07113,-0.01497,0.0043,-0.07903,0.05592,-0.06124,-0.01533,0.03781,0.0284,-0.01965,-0.02004,-0.03055,0.09115,-0.03838,-0.03226,-0.03829,-0.01607,-0.04218,-0.00236,-0.05033,0.04483,0.01169,0.02415,-0.0023,-0.04466,0.07518,-0.03772,-0.03999,0.08147,0.04907,-0.03842],"keywords":"Angular Flowchart Example – Node Grouping & Nested Structures Angular Flowchart Example – Node Grouping & Nested Structures Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example. Description Group related nodes into larger containers, build nested structures, and manage responsive geometry in Angular with Foblex Flow. This is a core pattern for editors that need logical sections instead of a flat list of nodes.","excerpt":"Description Group related nodes into larger containers, build nested structures, and manage responsive geometry in Angular with Foblex Flow. This is a core pattern for editors that need logical sections instead of a flat list of nodes."},{"chunkId":"/examples/grouping#2","slug":"grouping","route":"/examples/grouping","section":"examples","title":"Angular Flowchart Example – Node Grouping & Nested Structures","description":"Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example.","group":"Nodes","vector":[-0.03117,0.05608,-0.05942,0.0212,0.05736,0.06584,-0.06322,0.02141,0.00026,0.04184,-0.04758,0.01161,-0.03332,0.04495,0.03632,-0.03223,-0.14457,0.05719,0.00443,-0.06199,0.00459,-0.05527,0.05595,0.03202,0.01851,0.08063,-0.02117,0.00987,0.09196,-0.0186,0.02307,0.04182,0.05893,0.05408,-0.06617,0.05364,0.01663,0.09249,-0.01351,-0.01472,0.04683,0.10093,0.05714,-0.09694,0.02264,0.01394,-0.14465,0.03216,-0.09503,0.03876,-0.03566,-0.0942,-0.0439,0.12237,0.06204,-0.01438,-0.04737,-0.12726,0.0455,-0.00023,0.02007,-0.04962,0.00153,0.01468,0.05109,0.07456,-0.05219,0.06725,-0.04,0.07997,0.08241,-0.01462,0.01812,0.00766,0.02827,0.01839,-0.06973,0.05255,-0.02547,-0.02176,-0.02914,0.0432,-0.05242,0.03173,-0.05339,0.0723,0.01008,-0.09402,-0.05047,-0.06074,-0.0507,0.06484,-0.05696,0.01334,0.03232,-0.00452,-0.03837,-0.04349,-0.04367,0.01441,0.04641,-0.07094,0.0488,-0.0112,-0.00784,0.00401,-0.03366,0.04721,0.0065,0.00092,-0.03804,0.04677,-0.00879,-0.03906,-0.1068,-0.14233,0.00955,-0.08199,0.07651,0.09975,0.09059,0.03892,-0.03562,-0.02311,0.11077,0.02811,-0.01108,0,-0.0234,0.00422,-0.0161,0.03811,0.06234,-0.0409,-0.08344,-0.09177,-0.02764,0.08474,-0.05549,-0.01242,-0.0431,-0.02033,0.00023,-0.11652,0.05126,0.03162,-0.09715,-0.05706,-0.04461,-0.02897,-0.03671,0.01965,0.03569,-0.01159,0.00675,0.00347,-0.10694,0.00375,0.07249,0.0072,0.00643,0.00876,0.01781,0.01331,0.07279,-0.03438,0.01125,-0.01239,0.04626,-0.03936,-0.00568,0.05996,-0.00005,0.00347,-0.00136,-0.04725,0.04366,0.0012,-0.01115,0.08207,0.03072,-0.02906,0.0732,-0.05236,0.02526,0.0625,-0.00284,0.10213,-0.02321,0.0055,-0.01558,-0.06465,0.03081,-0.03644,-0.01214,-0.00948,0.03874,-0.06083,-0.03675,0.07924,-0.01397,0.08515,-0.0289,0.04771,0.03745,0.08675,-0.01071,-0.00267,-0.06007,-0.05712,0.00794,0.0602,-0.00316,-0.1004,0.02963,-0.0265,-0.04906,-0.06598,0.00314,0.00709,0.05753,0.00741,0.02421,0,-0.00615,0.07562,0.03361,0.04088,0.0285,-0.04933,0.03475,0.04133,0.01041,0.12063,-0.01017,0.05101,0.01938,-0.10768,0.04149,0.01894,-0.01557,-0.08533,0.15165,-0.01363,0.07183,0.06661,-0.04208,0.04712,0.00949,0.05773,-0.01692,-0.02144,0.00077,0.01768,0.00292,-0.1138,-0.03347,0.01465,-0.04579,-0.06296,0.01001,0.08407,0.03272,-0.00546,0.03751,0.03238,-0.0357,-0.04559,0.0021,-0.01023,0.09186,-0.0004,-0.11005,-0.02397,-0.05095,0.02333,0.02038,0.01252,-0.01555,-0.02189,0.05764,-0.02394,-0.02545,-0.04148,0.03387,-0.00946,-0.03016,-0.03943,0.05546,-0.00697,-0.07629,-0.10758,-0.02459,0.03201,-0.034,0.00649,0.00323,0.01794,0.00784,0.00965,0.05037,0.03181,0.03457,0.01286,-0.03024,0.06133,-0.01261,0.11192,0.05531,0.04744,-0.04183,0.01332,0.04866,0.0774,-0.06724,-0.05429,0.01327,-0.01205,0.05724,0,-0.14856,-0.03006,-0.06381,-0.01197,0.04659,-0.08792,0.0005,0.03883,0.00446,0.01842,-0.02215,0.06518,-0.01995,-0.07169,0.02818,-0.03728,-0.07994,0.02839,-0.03681,0.0194,0.02055,-0.01348,-0.01677,0.07529,-0.02715,-0.09537,-0.02676,0.01539,0.00107,-0.05181,-0.05382,0.03121,0.00724,0.05611,-0.00043,-0.0485,-0.12944,0.05988,-0.00523,0.00345,0.01378,-0.04265,0.02716,-0.00854,-0.03065,0.06299,-0.04592,0.01093,0.00743,-0.0158,0.01731,-0.02689,-0.0647,0.03804,0.02214,-0.04606,0.00075,0.03041,0.0771,-0.05382,0.00351,0.03126,-0.00783,-0.0704],"keywords":"Angular Flowchart Example – Node Grouping & Nested Structures Angular Flowchart Example – Node Grouping & Nested Structures Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example. Example ::: ng-component <grouping</grouping [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.scss :::","excerpt":"Example ::: ng-component <grouping</grouping [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/grouping/example.scss :::"},{"chunkId":"/examples/grouping#3","slug":"grouping","route":"/examples/grouping","section":"examples","title":"Angular Flowchart Example – Node Grouping & Nested Structures","description":"Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example.","group":"Nodes","vector":[-0.02228,0.02451,-0.08134,0.03809,-0.01156,-0.01289,-0.04438,0.02635,-0.00668,0.03708,-0.02379,-0.0289,-0.06166,0.03862,0.0527,-0.01714,-0.10526,0.02781,0.00817,-0.074,0.00371,-0.05031,0.03649,0.02508,0.02183,0.09429,0.00329,-0.04294,0.11059,-0.0353,0.01594,0.02194,-0.00406,0.04606,-0.15189,0.07647,0.0307,0.08186,-0.02422,-0.01835,0.02803,0.06964,0.05384,-0.08837,0.01091,-0.01262,-0.16478,0.02706,-0.08918,0.09289,-0.0485,-0.10566,-0.0294,0.09592,0.03892,-0.00905,-0.0243,-0.06212,-0.00504,0.01074,0.05696,-0.05127,-0.00665,0.0059,0.01452,0.03148,-0.03958,0.09255,-0.02043,0.02455,0.0852,-0.05943,0.02405,-0.01482,0.00773,0.00364,-0.07293,0.04327,-0.01587,0.01765,-0.00099,0.07958,-0.03937,0.03992,-0.06165,0.068,0.00455,-0.07817,-0.0511,-0.05762,-0.05988,0.0577,-0.02228,-0.03988,0.05493,0.00973,-0.06178,-0.09465,-0.0241,-0.00411,0.07584,-0.05692,0.01033,-0.00247,-0.02593,-0.00008,-0.01879,0.01931,0.04473,-0.00421,-0.01385,0.03576,-0.01502,-0.0582,-0.13993,-0.12909,-0.02509,-0.08238,0.05833,0.10797,0.01359,0.05136,0.00046,-0.03457,0.1438,0.00636,-0.01476,0,-0.02065,-0.00248,-0.06318,0.02278,0.09104,0.01575,-0.09132,-0.07502,0.01711,0.0349,-0.02685,-0.02341,-0.04116,0.01427,-0.00344,-0.10409,0.02096,0.01865,-0.04312,-0.03504,-0.03219,-0.04272,-0.04182,0.01166,0.03659,0.06551,0.02199,0.02364,-0.09231,0.02096,0.09413,0.0035,-0.03703,0.02737,-0.02683,0.01252,0.02617,-0.04178,0.03298,0.0125,0.01891,-0.09379,-0.04601,0.05541,0.00428,0.0073,-0.01909,-0.00897,-0.00729,0.03061,-0.02534,0.0571,-0.02428,-0.00821,0.06432,-0.07074,-0.05123,0.09284,0.01921,0.0716,-0.02917,0.02581,-0.05132,-0.05958,-0.02351,-0.0146,0.0067,-0.02779,0.05085,-0.05422,-0.03666,0.01568,-0.03268,0.11388,-0.04014,0.03311,0.01251,0.08597,-0.02584,0.01605,-0.07704,-0.0495,0.06733,0.0703,0.01128,-0.08078,0.03,-0.03989,-0.04599,-0.00591,-0.04575,0.03613,0.07985,0.03626,0.07934,0,-0.0212,0.09726,0.01583,-0.01283,0.06003,-0.07092,0.00259,-0.02324,-0.00123,0.10087,-0.0809,0.09088,0.04999,-0.05317,-0.01204,0.00518,-0.01063,-0.09823,0.13069,-0.0296,0.0492,0.03004,-0.04112,0.05729,0.02727,0.03918,-0.01758,-0.08872,0.02183,0.03795,-0.00967,-0.08938,0.05196,-0.01606,-0.03483,-0.04032,0.03638,0.07436,-0.0099,-0.00534,0.0034,-0.02787,-0.03497,-0.02985,-0.02461,-0.01063,-0.00301,-0.04414,-0.12447,-0.01012,-0.05283,0.06174,0.03304,-0.02863,0.0004,0.02836,0.08244,0.01731,0.04006,-0.03047,0.01629,-0.06796,0.03798,-0.00534,0.05215,-0.00692,-0.03683,-0.09514,-0.02749,0.09712,-0.00726,0.03552,0.03154,0.04243,0.08272,0.0052,0.0473,-0.03527,0.03123,-0.00049,0.03145,0.05093,0.01342,0.06573,0.0764,0.01795,-0.01156,-0.02725,-0.02577,0.11952,-0.06802,-0.01218,-0.01335,-0.01623,0.06864,0,-0.11299,-0.03778,-0.02591,-0.01912,0.03856,-0.04352,-0.02707,0.07561,0.01755,0.02855,-0.0634,0.08706,-0.02265,-0.04256,0.09579,-0.00429,-0.01763,-0.00285,-0.01347,-0.00767,0.03298,-0.01722,0.00503,0.07344,-0.04131,-0.0652,0.03467,0.01158,-0.01687,-0.03087,-0.0801,0.04885,0.01649,0.08729,-0.01165,-0.01585,-0.11131,0.04533,-0.02521,-0.00994,0.02421,0.03173,0.01875,-0.03942,-0.01568,0.06857,-0.00733,-0.01075,-0.00734,0.03312,0.01757,-0.02691,-0.03609,0.01543,0.00514,-0.03691,-0.0082,-0.03562,0.06618,-0.02387,-0.0505,0.10813,0.02916,-0.10071],"keywords":"Angular Flowchart Example – Node Grouping & Nested Structures Angular Flowchart Example – Node Grouping & Nested Structures Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example. What this example shows - Create groups with fGroup and nest them inside each other. - Place nodes inside groups and build deeper structures when needed. - Use fIncludePadding, fAutoSizeToFitChildren, and fAutoExpandOnChildHit to control container geometry. - Route connections through groups that also expose their own inputs and outputs. f Group f Include Padding f Auto Size To Fit Children f Auto Expand On Child Hit","excerpt":"What this example shows - Create groups with fGroup and nest them inside each other. - Place nodes inside groups and build deeper structures when needed. - Use fIncludePadding, fAutoSizeToFitChildren, and fAutoExpandOnChildHit to control container geometry. - Route connections through groups that also expose their own inputs and outputs."},{"chunkId":"/examples/grouping#4","slug":"grouping","route":"/examples/grouping","section":"examples","title":"Angular Flowchart Example – Node Grouping & Nested Structures","description":"Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example.","group":"Nodes","vector":[-0.03647,0.03455,-0.05043,0.0297,0.02682,0.00736,-0.05523,0.0071,0.02939,0.05783,-0.04778,0.00386,-0.04646,0.05392,0.05515,0.00089,-0.1006,0.03716,-0.0165,-0.10955,-0.03475,-0.02915,-0.00728,0.04489,0.05219,0.1094,-0.0197,-0.01722,0.10257,-0.04039,0.01439,0.02358,0.01855,0.04693,-0.15392,0.09613,0.03645,0.09179,-0.03932,0.00007,0.0455,0.06434,0.02384,-0.07021,0.00723,-0.01745,-0.15993,-0.00184,-0.10262,0.07761,-0.07006,-0.12697,-0.03751,0.11836,0.02654,0.00874,-0.01598,-0.07895,0.02098,-0.01622,0.05899,-0.037,0.0206,0.01658,0.03436,-0.00192,-0.04234,0.09314,-0.0008,-0.00233,0.07383,-0.05069,-0.00531,0.02261,-0.02252,-0.04105,-0.05219,0.01623,-0.04083,0.00551,-0.01801,0.09031,-0.04426,0.04714,-0.07154,0.08506,0.01502,-0.06148,-0.04347,-0.0535,-0.04059,0.03372,0.02133,-0.04515,0.08135,0.0011,-0.0643,-0.10556,-0.00917,-0.0012,0.07391,-0.00857,0.0411,-0.0203,-0.05055,-0.03301,-0.03034,0.00091,0.04954,0.00595,-0.01493,0.02841,-0.04857,-0.0638,-0.10167,-0.12023,-0.02532,-0.05936,-0.00478,0.11527,0.03181,0.05149,-0.01375,-0.02463,0.11239,0.01088,-0.03385,0,-0.00753,0.00127,-0.06064,0.08082,0.09678,-0.01656,-0.07491,-0.05837,0.02852,0.03047,0.0148,0.04617,-0.02636,0.07343,-0.01076,-0.1387,-0.00114,0.05207,-0.02346,-0.01874,-0.04457,-0.05693,-0.0464,0.02983,0.02519,0.04776,0.0298,0.04753,-0.07398,-0.00804,0.05903,-0.00693,-0.04474,0.01882,0.00977,0.0041,-0.00443,-0.0384,0.06934,-0.03043,0.00902,-0.0839,-0.05664,0.04921,0.01839,0.02772,-0.00437,-0.0291,0.00711,-0.01896,0.0468,0.0678,-0.02106,-0.0282,0.08101,-0.0564,-0.01693,0.08455,0.03046,0.0611,-0.02256,0.00852,-0.06246,-0.03344,0.02982,-0.00908,-0.0165,-0.02438,0.07795,-0.06215,-0.05149,0.03713,-0.03246,0.08968,-0.0508,0.01496,0.02252,0.08083,-0.02999,0.02269,-0.13487,-0.06861,0.07198,0.06511,0.03516,-0.0892,0.04077,-0.03362,-0.08922,-0.03859,-0.00125,0.07031,0.09044,0.04525,0.1028,0,-0.03428,0.06552,0.00964,0.02166,0.05729,-0.0339,-0.02705,0.00594,0.00296,0.07611,-0.06815,0.0747,0.00152,-0.04773,-0.00246,0.00462,-0.00543,-0.0886,0.09797,-0.01814,0.03738,0.04715,-0.06392,0.0275,0.0219,0.05151,-0.02014,-0.09719,0.02437,0.02,-0.01063,-0.11968,0.01399,-0.01361,-0.01489,-0.03918,0.03592,0.04226,0.00251,0.01854,-0.00213,-0.01391,0.0006,-0.0314,-0.04324,0.00587,0.02907,0.01028,-0.11676,-0.01339,-0.04417,0.05088,0.02259,-0.0524,0.01561,0.02119,0.0827,0.00207,0.0342,-0.07435,-0.03028,-0.01794,0.03824,-0.03257,-0.0107,0.00597,-0.03668,-0.10732,-0.06735,0.05641,-0.00627,0.05349,0.0128,-0.0084,0.04498,-0.02326,0.08305,-0.06248,0.03417,-0.04407,0.00404,0.06175,-0.00761,0.01154,0.0669,0.02096,-0.01772,-0.04912,-0.00792,0.09058,-0.06908,-0.01402,-0.00155,-0.00412,0.02747,0,-0.12983,-0.0154,-0.00765,-0.04842,0.05178,-0.04814,0.00609,0.09205,0.04923,0.04448,-0.02818,0.05637,-0.01225,-0.03573,0.09277,-0.01305,-0.02645,0.0281,-0.01296,-0.01368,0.0432,0.00242,-0.01412,0.06408,-0.02426,-0.06855,0.03419,0.01923,-0.00259,-0.04762,-0.03673,0.077,0.04333,0.07156,0.01067,-0.05466,-0.08765,0.04364,-0.03037,-0.02276,0.0262,0.03451,-0.01314,-0.02279,-0.04254,0.05943,-0.04407,-0.03269,-0.03275,0.03846,0.01134,-0.02635,-0.02209,0.01851,0.02673,0.00221,-0.00607,-0.03274,0.06608,-0.03885,-0.05026,0.08978,0.03665,-0.06901],"keywords":"Angular Flowchart Example – Node Grouping & Nested Structures Angular Flowchart Example – Node Grouping & Nested Structures Group nodes and build nested structures with auto-sizing and padding. Includes smart geometry tips and Angular example. When to use it - Move several related nodes as one unit. - Visually separate subsections of a workflow or editor. - Auto-resize a container to fit its content. - Expand groups dynamically while users drag children toward the border.","excerpt":"When to use it - Move several related nodes as one unit. - Visually separate subsections of a workflow or editor. - Auto-resize a container to fit its content. - Expand groups dynamically while users drag children toward the border."},{"chunkId":"/examples/drag-to-group#0","slug":"drag-to-group","route":"/examples/drag-to-group","section":"examples","title":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow","description":"Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular.","group":"Nodes","vector":[-0.03395,-0.01052,-0.06626,0.08653,0.03219,0.06557,-0.02668,0.02046,0.05351,0.0415,-0.03488,-0.03719,-0.0786,0.06595,0.02671,-0.00969,-0.09588,0.03437,-0.06814,-0.03511,-0.03277,-0.10187,-0.00713,-0.01514,0.01332,0.04815,0.02754,-0.03558,0.05846,-0.08515,0.01325,0.0396,-0.00372,0.03364,-0.09831,0.07604,0.0276,-0.00267,-0.0093,-0.00937,0.09653,0.0914,0.06115,-0.05455,-0.0449,0.03323,-0.08655,0.06142,-0.07494,0.12665,-0.04,-0.09467,-0.01307,0.08726,0.0017,-0.00167,-0.03656,-0.11914,0.01302,-0.02333,0.04339,-0.00667,0.02142,0.02232,0.00948,0.01368,-0.06903,0.10786,-0.00103,0.01554,0.04897,-0.06324,0.01967,0.04353,0.08106,-0.04004,-0.04028,0.07011,-0.03652,0.00231,0.04391,0.0796,-0.04753,0.03557,-0.05946,0.09906,-0.0292,-0.05099,-0.09447,-0.0707,-0.00837,0.10161,0.03432,-0.00452,0.02458,-0.05319,0.03149,-0.04014,-0.08454,0.01162,0.04745,-0.05488,0.0137,0.01814,-0.09353,-0.04972,-0.03851,-0.0593,-0.02463,0.03127,-0.03438,0.0188,-0.00637,-0.04709,-0.13485,-0.08786,-0.08034,-0.04966,0.03881,0.04311,0.02639,0.01181,0.02373,0.01234,0.11599,0.00866,-0.06709,0,-0.0139,-0.02145,-0.03954,0.05257,0.05528,-0.05651,-0.01027,-0.06899,0.02689,0.02227,-0.01879,0.01511,-0.03284,0.00284,0.01517,-0.14967,-0.01111,0.03038,-0.01426,-0.01034,-0.02742,0.00668,-0.03838,-0.00331,0.05149,0.05919,-0.04016,-0.00176,-0.03891,0.04136,0.06026,0.01241,-0.04869,0.01236,-0.05116,0.0236,-0.0401,-0.04277,0.05242,-0.04586,0.02602,-0.10182,-0.08782,0.03029,-0.02204,0.00217,-0.02365,-0.02557,0.00366,-0.00041,0.01784,0.01578,0.01214,-0.04359,0.08932,-0.01462,-0.04083,0.09725,0.04974,0.06509,0.03686,0.06463,-0.05152,-0.04116,0.03373,-0.0153,-0.02973,-0.00588,0.11567,-0.02647,-0.01025,0.02959,0.0181,0.04696,-0.01743,0.02699,0.00396,0.00782,0.00139,-0.01813,-0.07043,-0.07377,0.06239,-0.01419,0.06968,-0.06957,0.02536,-0.00138,-0.10632,-0.01661,0.03233,0.0069,0.09485,-0.00984,0.09363,0,-0.00898,0.11265,-0.00049,0.04603,0.06749,-0.0681,-0.02889,0.01503,-0.00339,0.05618,-0.02745,0.05609,-0.00946,-0.01185,0.01855,-0.00662,0.03094,-0.12972,0.04887,-0.04879,0.08456,-0.01771,-0.003,0.00781,-0.05105,-0.00235,-0.00346,-0.01045,0.05927,0.04058,-0.00591,-0.06516,-0.00837,0.00505,-0.03296,-0.09158,0.02674,0.07696,0.03234,-0.06653,-0.02826,-0.0262,-0.04929,-0.02373,-0.01251,-0.00756,-0.00764,0.01375,-0.0377,0.01711,-0.06306,0.02005,-0.01701,-0.04137,-0.00585,0.03987,0.11157,-0.029,-0.00545,-0.02116,-0.06359,-0.03047,0.02847,-0.06097,0.03454,-0.00245,-0.03543,-0.08694,0.0134,0.0988,0.01279,0.06457,-0.01014,0.00994,0.06204,0.00348,0.0625,0.00753,0.07146,-0.05248,-0.04228,0.05902,-0.02849,0.07622,0.00938,0.04577,-0.03503,0.01372,0.05651,0.1138,-0.02053,-0.07473,0.12717,-0.01461,-0.0087,0,-0.1062,-0.00291,-0.00213,0.01646,0.03245,-0.01679,-0.04789,0.02531,0.04528,-0.01818,-0.0445,0.11679,-0.01344,0.02252,0.09038,0.01292,-0.02265,0.01859,0.00133,-0.03437,0.05239,-0.01437,0.05902,0.13141,-0.02556,-0.06683,-0.0945,-0.04593,0.01499,-0.03097,-0.03713,0.04275,0.02934,0.10181,-0.02228,-0.05118,-0.09475,0.02473,-0.05192,-0.01242,0.09517,0.0479,0.01175,-0.01759,-0.05305,0.08079,-0.03765,-0.05084,-0.033,0.0067,-0.02263,0.01927,-0.08027,0.05811,0.0029,0.02813,-0.03005,-0.00296,0.06783,-0.0437,-0.06041,0.04726,-0.02554,-0.00454],"keywords":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular. --- toc: false wideContent: true --- Drag to Group wide Content","excerpt":"--- toc: false wideContent: true --- Drag to Group"},{"chunkId":"/examples/drag-to-group#1","slug":"drag-to-group","route":"/examples/drag-to-group","section":"examples","title":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow","description":"Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular.","group":"Nodes","vector":[-0.03332,0.00271,-0.05985,0.07636,0.01388,0.02479,-0.05791,0.06476,0.06497,0.07009,-0.05882,-0.01943,-0.05859,0.08392,0.08151,-0.01268,-0.06951,0.01496,-0.05469,-0.02728,-0.03007,-0.0752,0.01801,-0.02921,0.0307,0.05641,0.02348,-0.03884,0.08251,-0.06231,-0.0042,0.02289,0.0245,0.06865,-0.11383,0.15239,0.01438,0.03542,-0.05391,-0.04785,0.04858,0.10427,0.02632,-0.07301,0.00782,-0.0675,-0.10169,0.01003,-0.05729,0.10141,-0.06453,-0.12291,-0.04594,0.04996,-0.00002,0.0275,-0.00949,-0.12461,0.02867,-0.03789,0.00613,0.01787,0.03203,0.01697,0.01748,0.04302,-0.01681,0.11651,0.01227,-0.00727,0.04432,-0.05944,0.03961,0.02832,0.04533,-0.06736,-0.09035,0.07305,-0.02455,-0.03724,0.03299,0.0579,-0.02891,0.05058,-0.03505,0.11649,0.02901,-0.04168,-0.0789,-0.04011,-0.01061,0.0819,0.0388,-0.00382,0.02995,-0.03821,0.04323,-0.0403,-0.06986,0.00933,0.03594,-0.07429,0.02835,-0.0319,-0.08652,-0.08044,-0.02209,-0.08713,-0.07051,0.01627,-0.06143,0.00946,-0.04719,-0.03911,-0.08746,-0.07599,-0.02202,-0.06294,0.03025,0.05913,0.05481,0.01799,0.04772,0.01321,0.0794,-0.0149,-0.08525,0,0.05187,0.01356,-0.04332,0.08229,0.09034,-0.04788,-0.02499,-0.00962,-0.01677,0.01521,-0.00865,0.03471,-0.02459,0.05932,0.03444,-0.09775,-0.02716,0.04991,0.01982,-0.042,-0.0758,-0.02111,-0.05725,0.03272,0.0628,0.11892,-0.0292,0.00441,-0.06398,0.00965,0.05263,-0.00222,-0.04553,-0.02149,-0.03794,0.0195,-0.03395,-0.0487,0.05114,-0.02786,0.00001,-0.10253,-0.06894,-0.00217,0.01695,0.01575,-0.04528,0.01714,-0.01282,0.00501,0.01864,0.04203,-0.0069,-0.0036,0.06176,-0.0115,-0.02362,0.04237,0.03632,0.04936,0.03104,0.07968,-0.06104,-0.0043,0.03221,0.00492,-0.04855,0.00109,0.087,-0.05366,-0.04204,0.02983,-0.0216,0.02907,0.02307,0.0111,-0.0088,-0.01081,-0.01056,-0.02448,-0.06523,-0.1018,0.03757,-0.01217,0.01841,-0.06385,0.05843,0.01757,-0.08688,-0.01596,0.04253,0.01122,0.05856,0.00064,0.08662,0,0.01815,0.10131,-0.00424,0.0235,0.07325,-0.06815,-0.05486,-0.02937,0.0251,0.0706,-0.0295,0.02084,0.02175,-0.00912,-0.02673,0.00165,0.00957,-0.12528,0.07553,-0.05617,0.07671,-0.01429,0.02905,0.01333,-0.05132,0.01982,-0.00709,-0.00746,0.03786,0.03934,-0.02046,-0.07789,0.04998,-0.02099,-0.03579,-0.05351,0.04497,0.01591,0.00678,-0.05063,-0.00049,-0.01844,-0.04053,0.00636,-0.03765,0.00753,-0.01379,0.05243,-0.06362,-0.00395,-0.08383,0.01215,-0.00144,-0.10182,0.00567,0.01914,0.12514,-0.03123,-0.01342,-0.00591,-0.06753,-0.03034,0.01979,-0.01566,0.01757,-0.0182,-0.06551,-0.08865,0.00204,0.09338,0.02098,0.03845,0.00264,0.02617,0.06582,-0.00468,0.08044,0.00536,0.08314,-0.04873,-0.0213,0.05522,0.00077,0.02796,-0.0249,0.04383,-0.02307,0.0135,0.05335,0.09458,-0.03064,-0.01065,0.11583,0.02155,0.01038,0,-0.11591,0.01199,0.03908,-0.01419,0.0305,-0.03534,-0.03028,0.03263,0.02556,0.01603,-0.03982,0.09669,-0.02504,-0.00053,0.11437,0.03687,0.00203,0.01661,-0.008,-0.02988,0.0584,-0.00792,0.02539,0.10964,0.00409,-0.05146,-0.04319,-0.02586,-0.01803,0.02762,-0.05426,0.06516,0.04511,0.1363,-0.06182,-0.06797,-0.09371,-0.00412,-0.04597,-0.01613,0.07933,0.01969,-0.01902,-0.03265,-0.02188,0.08721,-0.0166,-0.06954,-0.01071,0.00216,-0.06261,-0.02193,-0.05306,0.03414,-0.03895,0.06684,-0.02295,0.00892,0.09964,-0.03924,-0.07427,0.06358,0.00204,-0.00042],"keywords":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular. Description Drag nodes or groups into containers, build nested hierarchies, and manage dynamic parent-child structures in Angular with Foblex Flow. Use this pattern when your editor needs more than a flat canvas and grouping should feel like a first-class interaction.","excerpt":"Description Drag nodes or groups into containers, build nested hierarchies, and manage dynamic parent-child structures in Angular with Foblex Flow. Use this pattern when your editor needs more than a flat canvas and grouping should feel like a first-class interaction."},{"chunkId":"/examples/drag-to-group#2","slug":"drag-to-group","route":"/examples/drag-to-group","section":"examples","title":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow","description":"Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular.","group":"Nodes","vector":[-0.06,0.01231,-0.03714,0.09414,0.05298,0.08064,-0.02964,0.0333,0.04161,0.04093,-0.02955,-0.01705,-0.03963,0.06528,0.00903,-0.00546,-0.1059,0.0642,-0.05893,-0.03787,0.01219,-0.0915,0.01977,-0.0035,0.02661,0.0348,-0.01271,-0.02747,0.06627,-0.05784,0.00614,0.00929,0.01302,0.02872,-0.0515,0.113,0.03636,0.01668,-0.02522,-0.01582,0.08334,0.08394,0.03125,-0.10379,-0.02732,0.01902,-0.0707,0.06923,-0.10706,0.08466,-0.02704,-0.07252,-0.00978,0.09734,0.02749,-0.00372,-0.01774,-0.14406,0.02958,-0.03393,-0.00435,-0.0275,-0.00459,-0.00659,0.01948,0.04166,-0.06862,0.10482,-0.02462,0.05934,0.06048,-0.05431,-0.02005,0.05022,0.0644,-0.01784,-0.05973,0.09826,-0.0247,-0.00864,0.05214,0.05612,-0.05002,0.02252,-0.05224,0.11544,-0.01736,-0.0433,-0.06521,-0.09364,-0.01499,0.07772,-0.00847,0.03792,0.03076,-0.02328,0.02483,-0.02249,-0.08706,0.03105,0.03236,-0.0567,0.01496,0.04099,-0.05387,-0.04942,-0.03628,-0.02967,-0.06543,0.03151,-0.03897,0.01735,0.00366,-0.02268,-0.10609,-0.0787,-0.05626,-0.06114,0.0567,0.06944,0.05278,0.01625,-0.00946,-0.00246,0.12928,0.01348,-0.07168,0,0.0086,-0.00055,-0.0369,0.04312,0.05921,-0.06097,-0.03247,-0.08762,0.00849,0.05392,-0.05551,0.01319,-0.03282,-0.02584,0.00801,-0.1508,0.00162,0.04535,-0.01233,-0.03281,-0.04185,0.00439,-0.05926,0.01226,0.08805,0.01439,-0.05798,-0.01115,-0.03886,0.02155,0.06632,0.02286,-0.02909,-0.03526,-0.04438,0.00827,-0.01983,-0.03346,0.01704,-0.04042,0.07025,-0.07453,-0.04455,0.05658,-0.0343,-0.01212,-0.001,-0.04159,0.00507,-0.02375,0.01442,0.04287,0.04091,-0.04209,0.08045,-0.03411,-0.0181,0.0666,0.04159,0.06567,0.01612,0.05412,-0.01775,-0.02218,0.06339,-0.04826,-0.02057,0.02561,0.11082,-0.03757,-0.01411,0.05934,0.01072,0.04121,-0.0059,0.00984,0.01756,-0.00235,0.00077,-0.00743,-0.04269,-0.07728,0.028,-0.00025,0.08364,-0.10854,0.02366,-0.01435,-0.10076,-0.06467,0.02942,-0.00757,0.07193,-0.02413,0.06232,0,0.04066,0.08143,0.03438,0.08769,0.02833,-0.05538,-0.004,0.0333,0.01481,0.05945,-0.05129,0.07003,-0.00048,-0.0338,0.03535,0.00091,-0.02749,-0.13138,0.10162,-0.03944,0.10506,0.02528,-0.00908,0.04529,-0.04434,0.01555,0.03367,0.02971,0.01818,0.01772,-0.00975,-0.07906,-0.04345,0.04522,-0.04613,-0.08479,0.02132,0.13469,0.04513,-0.02574,0.02334,0.01721,-0.04005,-0.0275,0.00583,-0.00882,0.03135,0.00724,-0.03477,-0.01675,-0.0597,0.01996,-0.04064,0.01589,0.01472,-0.00233,0.10038,-0.03982,-0.04303,0.00529,-0.03096,-0.02525,-0.00719,-0.05509,0.05259,-0.00912,-0.09794,-0.11859,-0.00219,0.07649,-0.02898,0.04149,0.01785,0.01079,0.04598,0.00566,0.06507,0.04148,0.08141,-0.05781,-0.05279,0.04146,-0.02504,0.08384,-0.01917,0.06485,-0.05045,0.02868,0.07492,0.0717,-0.05173,-0.09217,0.1043,-0.00009,-0.00509,0,-0.11264,0.01845,-0.01634,-0.00187,0.03507,-0.02547,-0.01627,0.01184,0.04146,-0.02633,-0.04462,0.08797,0.02245,0.01707,0.06868,-0.01106,-0.01878,0.02088,-0.02862,-0.00157,0.06409,0.01248,0.04898,0.12063,-0.02453,-0.10765,-0.0922,-0.02977,0.01768,-0.03529,-0.0332,0.02479,0.02513,0.07971,-0.01479,-0.05878,-0.13154,0.01422,-0.00163,0.00325,0.09123,-0.01199,0.01995,-0.02754,-0.0508,0.06036,-0.03799,-0.03044,-0.00032,0.01088,-0.00642,0.00888,-0.0771,0.04985,0.02663,-0.00189,-0.01782,0.04335,0.08056,-0.03787,-0.01036,0.01518,-0.02478,-0.0179],"keywords":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular. Example ::: ng-component <drag-to-group</drag-to-group [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.scss :::","excerpt":"Example ::: ng-component <drag-to-group</drag-to-group [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/drag-to-group/example.scss :::"},{"chunkId":"/examples/drag-to-group#3","slug":"drag-to-group","route":"/examples/drag-to-group","section":"examples","title":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow","description":"Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular.","group":"Nodes","vector":[-0.03427,-0.03271,-0.02276,0.08412,0.02565,0.03038,-0.01429,0.02731,0.05251,0.01154,-0.01868,-0.01316,-0.09076,0.03172,0.06331,-0.01295,-0.06039,0.03758,-0.05526,-0.00843,-0.00767,-0.1319,0.05744,-0.03654,-0.01477,0.07615,-0.00186,-0.07106,0.04793,-0.08903,-0.01605,0.06873,-0.00979,0.02379,-0.12922,0.13427,0.01154,0.01419,-0.02342,-0.03492,0.04951,0.06979,0.0384,-0.06882,-0.03127,0.02494,-0.05214,0.06429,-0.09081,0.13396,0.00669,-0.05817,0.05429,0.10469,0.00678,0.04957,0.00718,-0.09238,0.00116,-0.02312,0.0567,-0.01118,-0.02023,-0.0168,0.0153,0.04203,0.00379,0.01574,-0.01326,0.01059,0.05879,-0.05541,0.05547,0.0254,0.05356,-0.02761,-0.0445,0.06841,-0.02957,0.01112,0.08586,0.05875,-0.02692,0.01969,-0.07644,0.09108,-0.04244,-0.04494,-0.06751,-0.04017,-0.03927,0.04422,0.04017,-0.03316,0.00912,-0.04806,-0.01553,-0.02834,-0.07034,0.02545,0.06882,-0.0339,-0.00915,0.04817,-0.07588,-0.07666,-0.05305,-0.05157,-0.0789,0.03741,-0.02127,0.02959,0.00477,0.00538,-0.14427,-0.07662,-0.04141,-0.04993,0.0203,0.05463,0.04207,0.05305,0.0312,0.00178,0.05893,0.01647,-0.12981,0,0.0149,-0.002,-0.05664,0.00191,0.08465,-0.0449,-0.02453,-0.06459,-0.01419,0.01747,-0.01894,-0.02492,-0.01605,-0.0458,0.01249,-0.14555,-0.02509,0.05243,0.01003,-0.08434,-0.03297,0.04305,-0.08633,0.00121,0.06192,0.07308,-0.05981,0.02506,-0.02081,0.01431,0.03138,0.0205,-0.02928,-0.02592,-0.0467,0.01605,-0.00778,-0.08234,0.0157,-0.05556,0.01873,-0.07066,-0.04738,-0.00524,-0.00324,-0.02065,0.00777,0.00037,0.01739,-0.00066,0.05086,0.00954,-0.01982,-0.0573,0.03467,-0.02956,-0.05603,0.10793,0.05909,0.07244,0.03008,0.0383,-0.00889,-0.03601,0.00951,0.03203,-0.0205,0.02836,0.10192,-0.03073,-0.03633,0.07585,-0.02725,0.0605,0.03492,0.01573,-0.01996,-0.05284,-0.01572,-0.02039,-0.02841,-0.06326,0.04664,0.00442,0.05424,-0.10799,0.03865,-0.0059,-0.11324,-0.00144,0.01399,-0.02119,0.08316,-0.00617,0.10523,0,-0.02871,0.07065,-0.00158,0.06033,0.01876,-0.07053,-0.01696,0.02013,-0.00904,0.02439,-0.07446,0.06856,0.01519,-0.02568,-0.04776,0.03557,-0.00096,-0.1083,0.07132,-0.02411,0.09816,0.01659,0.00922,0.0759,-0.07821,0.01318,0.05367,0.00317,0.07984,0.01305,-0.01879,-0.0618,0.01442,0.02791,-0.01971,-0.0968,-0.0237,0.07076,0.00781,-0.04301,-0.02561,-0.00793,-0.02792,0.03965,-0.02377,0.01137,-0.02805,0.03498,-0.05127,0.0003,-0.07746,0.00982,-0.015,-0.04179,0.0089,0.05397,0.13855,-0.04886,0.00475,0.02096,-0.00492,-0.04964,0.02215,-0.02959,0.07282,0.03343,-0.06228,-0.03328,-0.00065,0.10557,0.02663,0.0402,0.00825,-0.04306,0.08485,-0.01156,0.09038,-0.02099,0.06101,-0.05003,-0.05773,0.00675,-0.02527,0.03253,-0.02125,0.03819,-0.05136,0.04883,0.04312,0.10895,-0.04687,-0.03777,0.12668,-0.03851,-0.00783,0,-0.06918,0.02444,-0.00094,0.02724,0.05043,-0.00081,-0.02622,0.03818,0.00997,-0.03468,-0.09096,0.10691,-0.01466,0.00396,0.09691,-0.00779,0.0123,0.02248,-0.02762,0.00447,0.03499,-0.02687,0.05736,0.10382,-0.01353,-0.077,-0.03196,-0.00445,0.02071,-0.01545,-0.05238,0.01636,0.04125,0.11116,-0.08082,-0.02591,-0.10749,0.02283,0.0041,0.02981,0.09027,-0.00376,-0.03066,-0.00864,-0.11352,0.0392,-0.03002,-0.03079,0.03428,0.03198,-0.03495,-0.02599,-0.05051,0.05976,0.02687,0.05987,-0.03221,0.02677,0.10536,0.00584,-0.02875,0.0368,-0.01172,-0.01984],"keywords":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular. What this example shows - Turn the whole gesture on or off with the [fDropToGroup] input (on by default) — the \"Drop to Group\" toggle flips it live. - Move nodes or groups into another group and update parent-child relations through drag-and-drop. - Nest groups inside groups and nodes inside other containers when the editor needs hierarchy. - Create new nodes directly inside a target container via fExternalItem. - Control container geometry with fIncludePadding, fAutoSizeToFitChildren, and fAutoExpandOnChildHit. - React to reorganization events through fDropToGroup and fCreateNode. f Drop To Group f External Item f Include Padding f Auto Size To Fit Children f Auto Expand On Child Hit f Create Node","excerpt":"What this example shows - Turn the whole gesture on or off with the [fDropToGroup] input (on by default) — the \"Drop to Group\" toggle flips it live. - Move nodes or groups into another group and update parent-child relations through drag-and-drop. - Nest groups inside groups and nodes inside other containers when the editor needs hierarchy. - Create new nodes directly inside a target container via fExternalItem. - Control container geometry with fIncludePadding, fAutoSizeToFitChildren, and fAutoExpandOnChildHit. - React to reorganization events through fDropToGroup and fCreateNode."},{"chunkId":"/examples/drag-to-group#4","slug":"drag-to-group","route":"/examples/drag-to-group","section":"examples","title":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow","description":"Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular.","group":"Nodes","vector":[-0.03918,-0.00857,-0.02467,0.0739,0.03842,0.03436,-0.06046,0.05657,0.01918,0.05791,-0.0691,-0.02978,-0.05976,0.05077,0.05393,-0.00133,-0.06638,0.06577,-0.0809,-0.09838,-0.02031,-0.11433,0.00566,-0.00703,0.01717,0.05862,-0.01456,-0.03636,0.07666,-0.08938,0.02852,0.07016,0.02567,0.02914,-0.11527,0.10216,0.02942,0.00352,-0.03299,-0.03179,0.06723,0.09914,0.00032,-0.07634,-0.04949,-0.02532,-0.03094,0.0519,-0.10907,0.08699,0.01372,-0.07408,-0.0151,0.10727,0.01658,0.00525,-0.00222,-0.12983,-0.00393,-0.01237,0.01357,-0.03582,0.01832,-0.0051,0.0078,0.06585,-0.04002,0.07145,0.02947,0.02532,0.0806,-0.04067,-0.00596,0.01755,0.03132,-0.05807,-0.02956,0.06536,-0.0467,-0.01143,0.07978,0.11061,-0.02468,0.03664,-0.06907,0.08653,0.00999,-0.06439,-0.09959,-0.04799,-0.01349,0.07369,0.03961,-0.02093,0.03191,-0.03325,-0.02099,-0.08901,-0.03561,0.02151,0.04311,-0.04642,0.02574,0.01407,-0.04768,-0.05575,-0.02375,-0.00951,-0.03205,0.03897,-0.01328,0.02654,0.01776,0.01203,-0.11185,-0.04998,0.00505,-0.06069,-0.00741,0.12221,0.01249,0.03297,0.03444,-0.01419,0.11558,0.03411,-0.11373,0,-0.00396,-0.0027,-0.03554,0.06329,0.08387,-0.0268,-0.00418,-0.07689,-0.03476,0.01763,-0.0033,0.06837,-0.06859,0.01198,0.02282,-0.13638,-0.01997,0.07322,0.00258,-0.04459,-0.03454,-0.03981,-0.08949,-0.01068,0.06069,0.03723,-0.02758,0.02322,-0.0148,0.00444,0.03065,-0.00753,-0.01548,0.00779,-0.06316,0.00022,-0.02237,-0.0458,0.03011,-0.05125,0.00743,-0.04807,-0.06893,0.04784,-0.02507,0.0044,-0.01692,-0.01423,0.00978,0.00479,0.06318,0.05753,0.00996,-0.03108,0.06439,-0.05293,-0.05735,0.0635,0.07918,0.03248,0.03147,0.00727,-0.0918,0.01118,0.04258,-0.00798,-0.0049,0.01963,0.09317,-0.03551,-0.02338,0.06516,-0.01648,0.02466,0.01443,-0.01656,0.02833,0.04032,-0.00989,-0.00663,-0.047,-0.06544,0.04167,0.01997,0.07988,-0.08253,0.03896,-0.00786,-0.09414,0.00633,0.03895,0.00975,0.122,-0.01853,0.06418,0,0.00497,0.05171,0.00893,0.06138,0.06846,-0.05973,-0.04657,0.04301,0.02951,0.00607,-0.05879,0.08953,0.00953,-0.03814,-0.03469,-0.01567,-0.00637,-0.14038,0.10234,-0.05049,0.04941,-0.00729,-0.01115,0.03916,-0.06003,0.02333,-0.02418,0.00678,0.03863,0.01365,-0.02466,-0.05136,-0.03031,-0.00424,-0.02479,-0.09348,-0.00002,0.08058,-0.00701,-0.00801,-0.06046,-0.00656,-0.064,-0.03565,-0.01714,0.00171,-0.03129,-0.00231,-0.06747,0.02322,-0.08454,0.03756,-0.03223,-0.01726,0.00949,0.02999,0.10125,-0.01847,-0.00799,0.01886,-0.0328,-0.05476,0.02636,-0.04722,0.00935,-0.01231,-0.05904,-0.05721,0.00094,0.11404,0.0199,-0.00199,-0.02214,-0.00642,0.07718,-0.02537,0.08942,-0.02793,0.0768,-0.06232,-0.06945,0.07153,-0.03059,0.01891,-0.00606,0.03408,-0.02241,0.02284,0.07747,0.11653,-0.04962,-0.04869,0.07853,-0.03588,-0.0271,0,-0.09531,0.03482,-0.01156,0.03041,0.0338,-0.04674,-0.00545,0.0757,0.05704,0.00355,-0.04109,0.09391,-0.00521,-0.00796,0.09516,0.00511,0.01306,0.02021,-0.02934,-0.005,0.01447,0.06315,0.02847,0.11011,-0.01627,-0.05597,0.00905,-0.02711,-0.00789,-0.00577,-0.03732,0.07705,0.01959,0.14418,-0.04829,-0.0567,-0.08862,0.06225,-0.05061,-0.03843,0.08462,-0.02649,-0.01707,-0.05215,-0.07735,0.02718,0.00022,-0.02294,0.0291,0.02689,0.00541,0.02412,-0.07267,0.04775,0.02311,0.01441,-0.04557,0.04616,0.1014,-0.0415,-0.05295,0.0076,0.01521,-0.02686],"keywords":"Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Angular Diagram Example – Drag Nodes into Groups with Foblex Flow Drag nodes into groups in Foblex Flow, create nested hierarchies, and build dynamic structures with auto-sizing, padding, and drop events in Angular. Practical tips - Use fDropToGroup when your app needs to validate or persist hierarchy changes. - With Managed Flow State, enable withFlowState({ dropToGroup: true }) to apply the emitted hierarchy change to the plugin store automatically; it remains off by default. - Combine external palettes with fCreateNode if users should spawn nodes directly inside any container. - Enable auto-expand when manual group resizing would slow down editing. - Nesting can go deep, but groups inside nodes are still not supported. f Drop To Group with Flow State drop To Group f Create Node","excerpt":"Practical tips - Use fDropToGroup when your app needs to validate or persist hierarchy changes. - With Managed Flow State, enable withFlowState({ dropToGroup: true }) to apply the emitted hierarchy change to the plugin store automatically; it remains off by default. - Combine external palettes with fCreateNode if users should spawn nodes directly inside any container. - Enable auto-expand when manual group resizing would slow down editing. - Nesting can go deep, but groups inside nodes are still not supported."},{"chunkId":"/examples/node-as-connector#0","slug":"node-as-connector","route":"/examples/node-as-connector","section":"examples","title":"Angular Diagram Example – Use a Node as a Connector","description":"Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases.","group":"Connectors","vector":[-0.05528,-0.00027,-0.07585,0.074,-0.02811,0.0194,-0.04087,0.02904,0.00778,0.10332,0.01569,0.05854,-0.02379,0.08675,0.05566,0.02431,-0.02889,-0.00838,0.03059,-0.02544,-0.06128,-0.06151,0.00239,-0.05838,0.07204,-0.00583,0.01445,-0.00407,0.07952,-0.00859,-0.0199,0.00532,-0.06159,0.02094,-0.13913,0.05613,0.05007,0.01072,-0.06572,-0.04784,0.1304,0.0299,0.03403,-0.04955,0.01257,-0.05136,-0.17022,0.03157,-0.04539,0.06323,-0.0737,-0.11947,-0.06973,0.01416,0.0385,0.01847,-0.01846,-0.03793,0.04635,0.0326,0.07554,0.00686,0.04146,0.01748,0.05328,0.0093,-0.0556,0.09476,-0.01203,-0.00999,0.02722,-0.05381,-0.03461,-0.03118,-0.01811,-0.00719,-0.04316,0.0587,-0.01516,-0.00655,-0.00105,0.12633,-0.05105,0.08435,-0.03603,0.14917,-0.01555,-0.07265,-0.10245,-0.09807,-0.02387,0.0228,0.02174,-0.00884,-0.00845,0.00847,0.00507,-0.00095,-0.09752,-0.0099,0.03199,-0.0096,0.03597,-0.05506,-0.03768,-0.0201,-0.09377,-0.00968,-0.01993,0.01109,-0.01385,0.03831,-0.07528,-0.06948,-0.05806,-0.08166,-0.07765,-0.05213,0.08512,0.14267,-0.05442,0.09037,-0.01682,-0.03552,0.03462,-0.01433,-0.01656,0,0.02485,0.01512,-0.0088,0.01832,0.08418,-0.02661,-0.08848,-0.04167,0.02307,0.0132,-0.00865,0.02528,-0.03859,0.06259,0.07194,-0.06478,0.02588,-0.00473,0.00564,-0.03164,-0.05356,-0.06692,-0.04233,0.07036,0.12544,0.07879,0.0188,0.02417,0.01107,0.00977,0.0511,0.07026,0.02904,0.00407,-0.01732,-0.06138,-0.03154,-0.04255,-0.02456,-0.02117,-0.00087,-0.07069,-0.07624,0.07507,0.018,0.00795,0.03839,-0.0273,0.06898,-0.00232,-0.02791,0.04064,0.02107,0.01971,0.04169,-0.05313,0.00456,0.04521,0.01317,0.02631,0.01235,-0.02718,-0.03607,0.00114,-0.01216,0.0676,-0.04828,-0.07815,0.04853,-0.03659,-0.06103,0.05514,-0.03365,0.04532,-0.06522,-0.03741,-0.07905,0.02293,0.01561,-0.00302,-0.07581,-0.14793,-0.00622,0.03739,0.07559,-0.09091,0.03961,-0.02867,0.00825,-0.0425,0.04432,0.09211,-0.00252,-0.00053,0.08266,0,-0.02611,0.07046,0.02023,0.02431,0.05248,-0.0743,-0.00403,-0.05438,0.00373,0.08437,0.02536,0.06582,0.0712,-0.00908,-0.04107,0.04077,-0.03248,-0.06609,0.03353,-0.00612,0.06549,-0.00433,0.06032,-0.0524,0.0043,0.05643,0.01836,-0.10633,0.00574,0.02083,0.01705,-0.04099,-0.00209,-0.03623,-0.01235,-0.00696,0.06074,-0.00403,-0.01545,-0.12704,-0.00262,-0.00798,-0.01828,-0.00208,-0.03281,-0.05007,-0.05534,0.04173,-0.08724,-0.00969,-0.06858,0.01358,0.06086,-0.02053,-0.05144,-0.05846,0.0822,0.01239,0.0448,-0.03227,0.0252,-0.05198,-0.00917,-0.00228,0.02061,-0.01255,-0.02211,-0.125,0.0049,0.06071,0.02836,0.08652,0.00673,-0.01469,0.06052,0.02336,0.06345,-0.02905,0.06383,-0.0367,-0.02024,0.0825,0.00859,0.01354,0.05693,0.02938,-0.0361,0.04895,0.00988,0.07201,-0.06942,0.00483,-0.03801,0.0522,-0.0093,0,-0.10801,0.06489,0.00719,-0.01443,0.0409,-0.03174,0.00638,0.01519,0.02773,0.08034,0.02974,0.04338,-0.074,0.00394,0.1194,-0.00765,0.01607,0.0229,0.00836,0.0063,0.03145,0.01558,0.04705,0.125,-0.01132,-0.02397,-0.0391,0.01499,-0.06284,0.03288,-0.0376,0.00083,0.09812,0.05239,-0.04387,-0.01495,-0.07525,0.02277,-0.03891,-0.02283,0.07326,-0.02975,-0.00122,-0.0162,0.00613,0.07799,0.04902,-0.01551,-0.01735,0.05615,-0.06962,-0.07246,-0.03418,-0.07259,-0.02891,-0.00665,0.05071,0.02997,0.00237,-0.02664,-0.02671,0.0758,0.02177,-0.01485],"keywords":"Angular Diagram Example – Use a Node as a Connector Angular Diagram Example – Use a Node as a Connector Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases. Node as Connector","excerpt":"Node as Connector"},{"chunkId":"/examples/node-as-connector#1","slug":"node-as-connector","route":"/examples/node-as-connector","section":"examples","title":"Angular Diagram Example – Use a Node as a Connector","description":"Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases.","group":"Connectors","vector":[-0.04036,0.01874,-0.03984,0.07094,-0.03946,0.00009,-0.06923,0.04391,0.02923,0.09168,-0.00292,0.08421,-0.04542,0.05794,0.06103,0.00491,0.01447,-0.07439,0.01985,-0.00762,-0.07899,-0.08421,-0.01493,-0.0811,0.02893,-0.01436,0.02322,-0.00132,0.10413,-0.00197,-0.00443,0.04281,-0.07582,0.0109,-0.1632,0.0629,0.03982,0.02455,-0.06221,-0.04516,0.1129,0.03107,0.04317,-0.04009,-0.01889,-0.05459,-0.1686,0.01207,-0.06042,0.01356,-0.0637,-0.08453,-0.05285,-0.03271,0.04675,-0.04115,-0.00281,-0.03192,-0.00222,0.03704,0.07154,-0.0064,0.04737,-0.01546,0.04491,-0.00783,-0.00351,0.0533,-0.00822,0.0448,0.03216,-0.04369,-0.05976,-0.01677,0.01014,-0.00221,-0.07779,0.05745,-0.03587,0.03774,0.0063,0.11697,-0.05684,0.05531,-0.04658,0.11641,-0.0267,-0.12041,-0.05352,-0.0986,-0.02697,0.0382,0.00309,-0.01271,0.00074,0.00485,-0.00201,0.01335,-0.11987,-0.00377,0.06009,0.00034,0.02751,-0.02944,-0.03539,-0.01801,-0.07585,-0.01807,-0.04381,-0.00598,-0.01525,0.08345,-0.05402,-0.01837,-0.10049,-0.05235,-0.02729,-0.05147,0.07833,0.15147,-0.05901,0.07743,-0.00195,-0.02669,0.04734,-0.0047,-0.00324,0,0.01052,0.01301,-0.04015,0.00276,0.07972,0.00706,-0.06275,-0.04727,0.05,0.03025,-0.00551,0.01774,-0.01519,0.05391,0.07962,-0.04509,0.01641,0.02312,-0.0193,-0.01784,-0.04432,-0.09672,-0.03817,0.05801,0.09883,0.06391,0.00183,0.03452,0.0066,0.00497,0.02901,0.06935,0.0213,0.0253,-0.00347,-0.02572,-0.03759,-0.05409,-0.02347,-0.03127,-0.01515,-0.03728,-0.07584,0.08786,0.01515,0.02034,0.02461,-0.03272,0.00286,-0.02959,-0.03371,0.04822,0.06029,0.04261,0.07159,-0.06155,0.00471,0.02367,-0.00459,0.02883,-0.02198,-0.02271,-0.04051,0.04541,0.00647,0.07976,-0.02582,-0.03852,0.03595,-0.04607,-0.04113,0.07346,-0.06028,0.00573,-0.0359,-0.03279,-0.05137,0.02246,0.04055,0.00215,-0.00567,-0.09518,0.01776,0.05539,0.04449,-0.12802,0.03651,-0.01605,-0.01502,-0.02886,0.04572,0.08434,0.01875,-0.01023,0.09569,0,-0.02421,0.05872,0.0415,-0.01706,-0.00846,-0.06844,0.02763,-0.06995,0.01456,0.05982,0.02612,0.05969,0.06601,-0.01884,-0.05785,0.01887,-0.06272,-0.07428,0.08013,0.00057,0.08618,0.01084,0.05071,-0.04777,0.00573,0.02404,-0.01509,-0.11284,-0.01471,0.01929,0.00852,-0.03216,0.02435,-0.04588,-0.02681,0.01042,0.01146,0.06353,0.02613,-0.08679,-0.03857,-0.01182,-0.02961,-0.02428,-0.04851,-0.01053,-0.08077,0.02656,-0.10234,-0.00469,-0.07065,0.04742,0.05637,-0.03803,-0.04553,-0.0459,0.08071,0.01735,0.04091,-0.01583,0.06127,-0.05436,-0.03261,-0.01806,-0.00082,0.02555,-0.0056,-0.10829,0.07538,0.05119,0.04641,0.04863,0.0083,0.01234,0.069,0.05574,0.0408,-0.06499,0.03486,0.01874,-0.05007,0.09984,0.01237,-0.01302,0.0196,0.06506,-0.05014,0.05823,0.00496,0.08782,-0.04718,-0.00359,-0.03746,0.03246,-0.02607,0,-0.09603,0.03659,0.01847,-0.00885,0.01056,-0.03692,0.00935,0.01244,0.03566,0.11977,0.00301,0.05261,-0.08204,0.0047,0.13808,0.03116,0.012,-0.03113,-0.02994,0.01842,0.0252,-0.02144,0.01874,0.12585,-0.00503,-0.05768,-0.01987,0.0536,-0.06316,0.01358,-0.04832,-0.01822,0.07865,0.12752,-0.06402,0.00468,-0.06027,0.00517,-0.02034,-0.02005,0.04988,-0.0369,-0.02154,0.00126,0.00841,0.08571,0.04953,0.01023,-0.02296,0.07993,-0.07115,-0.05318,-0.03122,-0.0735,0.00617,-0.00115,0.03629,0.03517,0.01347,-0.0237,-0.05106,0.10294,0.01695,-0.02683],"keywords":"Angular Diagram Example – Use a Node as a Connector Angular Diagram Example – Use a Node as a Connector Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases. Description This example shows how to make a node behave as a connector instead of treating connectors as separate small handles only. That pattern is useful when the whole node, or a large region of it, should act like an interactive connection target. It works well in compact editors, visual programming interfaces, and slot-based builders where dedicated tiny ports would make the UI harder to use. By letting the node itself participate in connection logic, you can keep the layout simpler without losing graph capabilities. This is less about appearance and more about interaction design. Sometimes the best port is not a tiny port at all.","excerpt":"Description This example shows how to make a node behave as a connector instead of treating connectors as separate small handles only. That pattern is useful when the whole node, or a large region of it, should act like an interactive connection target. It works well in compact editors, visual programming interfaces, and slot-based builders where dedicated tiny ports would make the UI harder to use. By letting the node itself participate in connection logic, you can keep the layout simpler without losing graph capabilities. This is less about appearance and more about interaction design. Sometimes the best port is not a tiny port at all."},{"chunkId":"/examples/node-as-connector#2","slug":"node-as-connector","route":"/examples/node-as-connector","section":"examples","title":"Angular Diagram Example – Use a Node as a Connector","description":"Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases.","group":"Connectors","vector":[-0.08247,0.00199,-0.06539,0.0632,-0.02663,0.04118,-0.06733,0.03453,-0.02065,0.08315,-0.01174,0.03919,-0.04387,0.08703,0.05806,0.01601,-0.0318,0.01513,0.01014,0.00037,-0.00671,-0.06928,0.03673,-0.04493,0.04115,-0.02649,0.01157,-0.02276,0.08183,0.00796,0.01854,0.03872,-0.06021,0.03498,-0.10356,0.04536,0.02556,0.02188,-0.0427,-0.04704,0.16089,0.04084,0.031,-0.08751,0.01685,-0.04198,-0.15239,0.03524,-0.05743,0.04192,-0.05769,-0.08982,-0.06684,0.03919,0.04836,0.0105,-0.03295,-0.07163,0.06757,0.02906,0.06414,-0.02757,0.02605,-0.03234,0.03165,0.03039,-0.07078,0.08479,-0.01201,0.04847,0.02418,-0.0373,-0.04212,-0.02378,0.0096,0.03048,-0.05447,0.10061,-0.04338,-0.02649,0.01218,0.10236,-0.02329,0.06827,-0.02833,0.15909,-0.02361,-0.05747,-0.08419,-0.06796,-0.0376,0.02242,-0.00063,-0.02078,0.01543,0.01957,-0.03127,0.01731,-0.07295,0.01013,0.01572,-0.03339,0.0406,-0.00615,-0.00983,-0.00246,-0.0983,0.0003,-0.0345,-0.01905,-0.01535,0.05608,-0.03149,-0.06679,-0.08126,-0.0945,-0.04396,-0.06609,0.1035,0.14852,-0.02465,0.07555,-0.03825,-0.0349,0.06082,0.01286,-0.00918,0,0.01447,0.0417,-0.00237,0.0291,0.0645,-0.02968,-0.07592,-0.05818,0.01523,0.05301,-0.03675,0.00799,-0.04272,0.0039,0.0258,-0.08109,0.01349,0.01015,-0.02555,-0.02246,-0.04159,-0.05155,-0.05375,0.06428,0.14847,0.01989,-0.03331,0.02073,0.00115,0.00353,0.06238,0.06442,0.06309,0.00525,-0.01464,-0.04892,-0.03164,-0.04209,-0.06672,-0.01714,0.03774,-0.03326,-0.06441,0.07581,-0.01236,-0.02018,0.01291,-0.05185,0.08862,-0.02222,-0.03329,0.05342,0.04536,-0.00058,0.06028,-0.05695,0.00517,0.04791,0.00261,0.04151,-0.01428,-0.00697,-0.01862,0.00606,0.00248,0.05908,-0.0379,-0.05748,0.0295,-0.05967,-0.04509,0.09151,-0.05287,0.0203,-0.04707,-0.03189,-0.05728,0.03097,0.02564,-0.02086,-0.0617,-0.12221,-0.00755,0.07224,0.07226,-0.11639,0.03346,-0.03004,-0.00853,-0.0914,0.06051,0.03564,-0.03227,-0.04992,0.06529,0,0.01853,0.06852,0.04322,0.05752,0.00361,-0.07229,0.03533,-0.02889,0.02835,0.08839,0.00902,0.06708,0.0815,-0.05129,-0.03443,0.03616,-0.06152,-0.06893,0.08772,-0.00854,0.06247,0.01062,0.04479,-0.0427,0.01761,0.04419,0.04008,-0.0382,-0.00834,-0.01466,-0.00051,-0.04679,-0.02522,-0.02856,-0.03208,-0.04606,0.02881,0.10115,0.04773,-0.09817,0.02738,0.02818,-0.03429,-0.00433,-0.0347,-0.06394,-0.03736,0.03478,-0.08594,-0.02818,-0.08189,0.01488,0.03005,0.01581,-0.06947,-0.05478,0.1027,-0.01578,0.01618,-0.01174,0.04339,-0.07936,0.0154,0.00054,0.05383,-0.00489,-0.04678,-0.10716,0.01281,0.05027,0.03938,0.07514,0.01617,0.01706,0.07516,0.00311,0.0367,-0.00434,0.07957,-0.01125,-0.04881,0.07664,-0.0016,0.04933,0.05035,0.03226,-0.05649,0.07589,0.04721,0.05794,-0.0784,-0.02308,-0.02978,0.0125,-0.01098,0,-0.12313,0.02086,-0.04585,-0.01445,0.03595,-0.02854,-0.00897,-0.00184,0.02492,0.05468,0.00702,0.06019,-0.04194,-0.02785,0.09736,-0.02635,0.01521,0.02943,-0.04423,0.02963,0.01745,0.00824,0.03129,0.12734,-0.00575,-0.06832,-0.06317,0.00618,-0.02435,0.0192,-0.04948,-0.0207,0.09205,0.05441,-0.04678,-0.00918,-0.09568,0.00518,-0.01521,0.02244,0.0708,-0.05453,-0.00162,-0.01391,0.02646,0.07673,0.03786,0.01977,-0.01598,0.04354,-0.04514,-0.03724,-0.07024,-0.05324,-0.02528,-0.03514,0.0298,0.04251,0.03893,-0.05042,-0.0214,0.07345,0.02423,-0.029],"keywords":"Angular Diagram Example – Use a Node as a Connector Angular Diagram Example – Use a Node as a Connector Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases. Example ::: ng-component <node-as-connector</node-as-connector [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.scss :::","excerpt":"Example ::: ng-component <node-as-connector</node-as-connector [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/node-as-connector/example.scss :::"},{"chunkId":"/examples/node-as-connector#3","slug":"node-as-connector","route":"/examples/node-as-connector","section":"examples","title":"Angular Diagram Example – Use a Node as a Connector","description":"Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases.","group":"Connectors","vector":[-0.05384,-0.03065,-0.05207,0.05535,-0.01401,-0.00189,-0.06845,0.05415,0.00363,0.10792,0.02394,0.06382,-0.01705,0.09068,0.07563,0.0046,-0.00824,-0.01351,0.00464,0.00477,-0.05824,-0.05701,-0.0121,-0.07984,0.04676,-0.01825,0.01511,-0.00848,0.09174,-0.02272,-0.01829,0.02194,-0.07717,0.01141,-0.12608,0.07464,0.02785,0.0002,-0.07036,-0.04844,0.10375,0.00444,0.03569,-0.02756,0.0268,-0.07579,-0.15616,0.0113,-0.05317,0.03628,-0.09254,-0.11354,-0.07704,-0.00842,0.02815,-0.00199,-0.01554,-0.02945,0.02546,0.03941,0.08463,-0.00788,0.02596,0.01747,0.04498,-0.00336,-0.03614,0.07529,-0.02146,0.00275,0.0121,-0.06376,-0.05821,0.00107,-0.00264,-0.02459,-0.02707,0.04511,-0.02485,0.02637,-0.00734,0.10792,-0.05985,0.07895,-0.04138,0.16101,0.00581,-0.06757,-0.076,-0.09426,-0.00929,0.03389,0.01324,-0.02357,0.00269,-0.00333,0.00688,0.00863,-0.10745,0.01141,0.03677,0.00243,0.04267,-0.03936,-0.03799,-0.04153,-0.08925,-0.01881,-0.02344,0.01166,-0.02086,0.04538,-0.10085,-0.05408,-0.05582,-0.10036,-0.04003,-0.06575,0.09444,0.12852,-0.08232,0.08714,-0.0242,-0.04171,0.01727,0.0153,-0.02682,0,0.01245,0.02643,-0.01198,0.03112,0.07686,-0.00215,-0.07923,-0.03002,0.03353,0.00461,-0.00525,0.04218,-0.03592,0.10324,0.08682,-0.03876,0.01798,-0.00229,0.00227,-0.0066,-0.04664,-0.11565,-0.03305,0.08311,0.11441,0.0875,0.02551,0.05811,-0.00198,-0.00031,0.03288,0.05842,0.01474,-0.00222,-0.0214,-0.03739,-0.05757,-0.06933,-0.01896,-0.05169,-0.02651,-0.03563,-0.07793,0.05846,0.01558,0.01525,0.01716,-0.04364,0.02416,-0.01994,-0.01598,0.03517,0.01924,0.04279,0.04523,-0.05764,-0.00401,0.02108,0.00687,0.03978,-0.01481,-0.03462,-0.03136,0.04961,0.00871,0.08424,-0.04177,-0.05458,0.05045,-0.05307,-0.06895,0.04585,-0.02097,0.02782,-0.0583,-0.04588,-0.06526,0.01086,0.05308,0.00686,-0.05734,-0.12553,0.00497,0.05109,0.03449,-0.10355,0.01319,-0.02625,0.01669,-0.03259,0.02625,0.07281,-0.01267,-0.00873,0.05212,0,-0.04705,0.05927,-0.00523,0.02652,0.02539,-0.07716,0.00677,-0.0829,0.01064,0.05323,0.01463,0.06674,0.07248,-0.02806,-0.0499,0.02883,-0.03884,-0.10296,0.05446,0.00477,0.06927,-0.01195,0.0746,-0.04257,0.02652,0.01754,0.00072,-0.10126,-0.00456,0.01129,0.03902,-0.03956,0.01425,-0.02526,-0.00988,-0.00562,0.0404,0.03147,0.02353,-0.09764,0.0118,-0.00723,-0.03086,-0.00613,-0.03536,-0.01498,-0.07918,0.02905,-0.09852,-0.00831,-0.07482,0.0378,0.07013,-0.05373,-0.05111,-0.05119,0.08465,0.0018,0.03395,-0.02589,0.01814,-0.07484,-0.0048,-0.0108,-0.01445,0.00413,-0.00862,-0.09337,0.00787,0.08035,0.04038,0.06806,0.03089,-0.00544,0.0392,0.01456,0.03338,-0.05361,0.05214,-0.03436,-0.02574,0.10423,0.01738,0.00316,0.0622,0.04155,-0.0302,0.05862,0.0115,0.06961,-0.0707,0.02143,-0.02871,0.07777,-0.0391,0,-0.08129,0.06262,0.02303,-0.01686,0.00233,-0.00216,0.01238,0.0279,0.06132,0.1195,0.01873,0.02304,-0.08651,0.03906,0.14444,0.02086,0.03482,0.01253,-0.01214,-0.00742,0.02379,0.01724,0.02648,0.12056,0.03062,-0.03888,-0.0213,0.06679,-0.08747,0.01807,-0.03026,0.00906,0.07954,0.10064,-0.05131,-0.00323,-0.04191,0.01478,-0.01629,-0.00335,0.04716,-0.01866,-0.02599,-0.01365,0.00384,0.07707,0.04015,-0.02152,-0.02044,0.09288,-0.08644,-0.05286,-0.03611,-0.08288,-0.01164,0.00538,0.0336,0.02105,0.01066,-0.02377,-0.02452,0.0683,0.02367,0.00313],"keywords":"Angular Diagram Example – Use a Node as a Connector Angular Diagram Example – Use a Node as a Connector Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases. When to use it - Build compact node editors with fewer small hit targets. - Support connection models where the whole node is conceptually a port. - Simplify UX for touch, tablet, or dense graph interfaces. Use this approach when explicit micro-connectors make the product harder to understand or harder to operate.","excerpt":"When to use it - Build compact node editors with fewer small hit targets. - Support connection models where the whole node is conceptually a port. - Simplify UX for touch, tablet, or dense graph interfaces. Use this approach when explicit micro-connectors make the product harder to understand or harder to operate."},{"chunkId":"/examples/node-as-connector#4","slug":"node-as-connector","route":"/examples/node-as-connector","section":"examples","title":"Angular Diagram Example – Use a Node as a Connector","description":"Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases.","group":"Connectors","vector":[-0.02006,-0.00115,-0.0787,0.05422,-0.00414,0.03608,-0.06164,0.02857,-0.00768,0.10147,0.01743,0.05848,-0.00787,0.06632,0.05985,0.02741,-0.01908,-0.00185,0.02741,-0.05641,-0.0537,-0.0235,-0.02958,-0.05223,0.046,-0.01294,0.00374,-0.00215,0.09447,-0.00482,-0.00539,-0.02864,-0.0468,0.01926,-0.13792,0.06081,0.06015,-0.01938,-0.07776,-0.03988,0.13127,0.00143,0.03054,-0.07102,-0.00976,-0.06195,-0.17031,0.03628,-0.06194,0.05275,-0.06582,-0.11977,-0.0687,0.03111,0.0192,-0.03512,-0.00347,-0.01976,0.04848,0.02424,0.00703,0.0178,0.0272,-0.01366,0.07272,-0.01761,-0.05278,0.09665,-0.02933,-0.00097,0.02913,-0.04833,-0.03126,-0.03161,-0.04422,0.00633,-0.04969,0.06876,-0.0139,-0.02344,0.04767,0.14629,-0.0477,0.05522,-0.0261,0.14316,-0.03829,-0.0496,-0.07324,-0.1049,-0.01886,0.04644,-0.00876,0.01152,-0.009,0.02149,0.03725,0.02275,-0.09054,-0.00831,0.0295,0.00621,0.02684,-0.07477,-0.02045,-0.02595,-0.10763,0.0115,-0.0026,-0.02342,0.01003,0.02422,-0.09646,-0.08817,-0.05844,-0.09857,-0.03641,-0.03824,0.06892,0.13949,-0.08722,0.08739,-0.02596,-0.035,0.04076,-0.02489,0.00078,0,-0.00286,0.01234,-0.02376,0.00402,0.06851,-0.00648,-0.09495,-0.03906,0.0308,-0.00228,0.01398,-0.00706,-0.01829,0.05023,0.05357,-0.05444,0.0484,-0.00043,0.00744,-0.01466,-0.04601,-0.06769,-0.03776,0.08313,0.12643,0.07952,0.0166,-0.00708,0.00452,0.00032,0.05906,0.07803,0.02431,-0.02006,-0.01168,-0.0512,-0.01661,-0.02824,-0.0271,-0.05543,0.00229,-0.07885,-0.03647,0.08194,0.01998,0.00576,-0.00155,-0.04264,0.0609,-0.01205,-0.0242,0.04032,0.02899,0.01454,0.0594,-0.03691,-0.01975,0.04165,0.01889,0.00466,0.00219,-0.03041,-0.04514,0.02346,-0.04445,0.0333,-0.03664,-0.07408,0.05859,-0.03147,-0.07454,0.04484,-0.03083,0.05876,-0.06159,-0.03514,-0.08635,0.00525,0.04653,-0.00178,-0.08588,-0.12641,0.01751,0.05221,0.11278,-0.07811,0.01443,0.0088,0.02588,-0.05197,0.05977,0.07323,-0.02623,-0.01801,0.0917,0,-0.00148,0.09892,0.01826,0.01082,0.04639,-0.06923,-0.00687,-0.05884,0.03008,0.09561,0.01966,0.06882,0.06991,0.00164,-0.04088,0.01748,-0.06507,-0.05838,0.04334,0.00477,0.0633,-0.05221,0.09495,-0.0424,-0.00555,0.03442,0.0025,-0.08789,0.01531,0.00788,0.01744,-0.01952,0.00341,-0.03183,-0.02927,-0.0423,0.05154,0.01439,0.00273,-0.09754,0.00775,0.01956,0.0025,-0.00821,-0.05933,-0.05059,-0.02229,0.01394,-0.08017,0.00543,-0.06923,0.00811,0.01847,-0.00415,-0.06517,-0.07195,0.08166,0.03199,0.03867,-0.03943,0.03342,-0.02686,-0.00081,-0.01331,0.01476,0.01981,-0.04282,-0.1148,0.02587,0.06212,0.01213,0.06512,-0.00182,0.00106,0.04809,0.03213,0.08915,-0.04943,0.04585,-0.0417,-0.00779,0.09277,-0.00295,0.014,0.07916,0.04144,-0.0476,0.05031,0.01339,0.07489,-0.06064,0.01325,-0.03328,0.05264,-0.00391,0,-0.12918,0.06256,0.01137,-0.00669,0.02347,-0.03311,0.03116,0.02477,0.03867,0.08826,0.03653,0.01687,-0.06225,-0.03838,0.10822,0.01467,0.0189,0.00945,0.00408,0.02607,0.02935,0.01997,0.02399,0.13776,-0.01569,-0.02569,-0.04428,0.01369,-0.06011,0.03427,-0.0387,0.01509,0.06098,0.05667,-0.0444,-0.02189,-0.05576,0.01623,-0.01493,-0.02209,0.07428,-0.02202,0.00292,-0.04249,0.00313,0.07162,0.04067,-0.02576,0.00238,0.08298,-0.06503,-0.06328,-0.02661,-0.08176,0.00043,-0.0078,0.03807,0.02424,-0.02493,-0.03288,-0.02153,0.07177,0.06877,-0.02451],"keywords":"Angular Diagram Example – Use a Node as a Connector Angular Diagram Example – Use a Node as a Connector Use the node itself as a connector in Angular graph UIs. A compact pattern for slot-based builders, touch-friendly editors, and dense canvases. Related docs - Node Directive - Node Input Directive - Node Output Directive - Connector Inside Node Example","excerpt":"Related docs - Node Directive - Node Input Directive - Node Output Directive - Connector Inside Node Example"},{"chunkId":"/examples/connector-inside-node#0","slug":"connector-inside-node","route":"/examples/connector-inside-node","section":"examples","title":"Angular Diagram Example – Place Connectors Inside Nodes","description":"Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs.","group":"Connectors","vector":[-0.05239,0.02871,-0.09849,0.05794,0.00424,0.00246,-0.0749,0.0302,0.05401,0.09961,0.00228,0.07633,-0.01345,0.02057,0.05952,0.02441,-0.03726,-0.02578,0.00095,-0.01321,-0.08723,-0.02349,-0.00243,-0.0605,0.00854,0.02384,0.00757,0.02114,0.04893,-0.02116,-0.01118,-0.02393,-0.08872,0.03135,-0.11459,0.11496,0.03053,0.04559,-0.06405,-0.06816,0.09866,0.01476,0.01746,-0.07671,0.00781,-0.0803,-0.13678,-0.04395,-0.05058,0.03979,-0.08569,-0.10702,-0.04321,0.07843,0.00195,0.00332,-0.00904,-0.05099,0.02909,0.02209,0.1107,0.00148,0.04575,0.01309,0.02509,0.01267,-0.0187,0.13391,-0.02878,-0.05667,0.05121,-0.06624,-0.07413,-0.01344,0.00237,-0.00966,-0.07994,0.03828,-0.03921,0.01754,0.03246,0.12083,-0.06625,0.0756,-0.05145,0.16844,0.02271,-0.08686,-0.06355,-0.08546,-0.00306,-0.02694,0.02108,-0.00838,-0.01721,-0.02356,0.00271,0.012,-0.08519,0.01021,0.05617,-0.03478,0.03039,-0.0103,-0.00459,-0.05591,-0.08564,-0.02211,-0.03232,0.00595,-0.01315,0.03953,-0.10148,-0.05139,-0.08529,-0.05521,-0.0047,-0.01706,0.05318,0.12286,-0.03329,0.07863,-0.01112,-0.0017,0.07266,-0.00742,-0.04167,0,0.02696,0.00503,-0.03281,0.04514,0.11412,-0.0137,-0.0492,-0.01608,0.03196,-0.00476,0.01481,0.02128,-0.02625,0.00147,0.06255,-0.09294,-0.00895,0.01104,-0.0426,-0.04311,-0.06254,-0.11007,-0.05415,0.06217,0.09979,0.08653,-0.02269,0.0222,-0.04196,-0.00158,0.0596,0.0604,0.05408,0.03984,0.01792,-0.01928,-0.01792,-0.05767,0.01704,-0.03998,-0.02583,-0.05851,-0.07044,0.06434,0.05079,0.01284,0.07032,0.00233,0.05702,-0.0268,-0.00472,0.03477,0.03771,0.00537,0.06319,-0.01165,-0.01974,0.0144,0.02425,0.03181,-0.01688,-0.0084,-0.03089,-0.01136,-0.01493,0.04982,-0.04425,-0.05283,0.09206,-0.02988,-0.07965,0.04004,-0.0297,0.07174,-0.06158,-0.02525,-0.074,-0.02454,0.03983,-0.01288,-0.04833,-0.11233,-0.02412,0.07608,0.07061,-0.09111,0.02104,-0.01024,-0.03309,-0.037,0.05036,0.09719,-0.02169,-0.02012,0.06361,0,-0.00139,0.03034,0.00978,-0.01037,0.01888,-0.04681,-0.04036,-0.04033,0.04572,0.06577,0.02596,0.07437,0.03302,-0.01343,-0.07755,0.00686,-0.01928,-0.06278,0.07367,0.00251,0.08687,-0.00191,0.0799,-0.01138,-0.02474,0.00248,0.02182,-0.08608,-0.00302,-0.00199,0.01044,-0.0369,0.01755,-0.00585,-0.02829,-0.03226,0.01707,0.00468,0.02479,-0.10636,0.01209,0.02573,-0.0205,-0.01686,-0.06176,-0.06808,-0.08712,0.02895,-0.11358,-0.01924,-0.1012,0.00813,0.02302,-0.03343,-0.06003,-0.01241,0.02416,0.0173,0.057,-0.03605,0.03707,-0.04309,-0.0075,-0.00276,-0.00805,0.04813,-0.01234,-0.03326,0.03276,0.02247,0.04784,0.0266,-0.00533,-0.00975,0.04834,-0.00023,0.06136,-0.08065,0.08537,-0.03381,-0.03578,0.07737,-0.04581,-0.02274,0.03243,0.00145,-0.02446,0.0563,-0.00072,0.04695,-0.07264,0.03806,0.01908,0.03672,-0.01934,0,-0.0867,0.05969,0.01014,0.00246,0.00691,-0.0479,-0.01074,0.00358,0.05759,0.07046,0.01869,0.05631,-0.06886,-0.03911,0.10637,0.04484,-0.02215,0.02303,-0.01026,0.00176,0.05767,0.04223,0.0567,0.10711,-0.00026,-0.01182,-0.02762,0.02756,-0.0461,0.07134,-0.02468,-0.0227,0.10005,0.07628,-0.05438,0.01605,-0.05438,0.00056,-0.00024,-0.02666,0.03533,-0.10574,0.00299,-0.02008,0.00166,0.0833,0.07365,0.03866,0.00854,0.04652,-0.04949,-0.06157,-0.04911,-0.06593,-0.03215,0.00728,0.06392,0.00764,-0.01348,-0.03409,-0.08863,0.11714,0.02806,0.00532],"keywords":"Angular Diagram Example – Place Connectors Inside Nodes Angular Diagram Example – Place Connectors Inside Nodes Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs. Connector Inside Node","excerpt":"Connector Inside Node"},{"chunkId":"/examples/connector-inside-node#1","slug":"connector-inside-node","route":"/examples/connector-inside-node","section":"examples","title":"Angular Diagram Example – Place Connectors Inside Nodes","description":"Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs.","group":"Connectors","vector":[-0.04264,-0.00131,-0.06386,0.04033,-0.00249,-0.00929,-0.06275,0.04455,0.10179,0.06934,0.0153,0.0968,-0.01422,0.02612,0.05505,-0.00284,0.02065,-0.05963,-0.00236,-0.03321,-0.06018,-0.06372,0.01265,-0.07899,0.00502,0.03448,-0.00106,0.03654,0.07555,-0.04664,-0.00646,0.03293,-0.0817,0.00309,-0.13261,0.06145,0.03546,0.05462,-0.04894,-0.06347,0.09237,0.04426,0.04662,-0.05461,0.00974,-0.03359,-0.12509,-0.04293,-0.0522,0.037,-0.05725,-0.08559,-0.02951,0.0451,0.02378,0.01504,0.00971,-0.0305,0.01366,0.04706,0.12919,0.01174,0.06042,-0.01009,0.0455,-0.03504,0.00883,0.09275,-0.02227,-0.04084,0.08026,-0.03276,-0.06747,-0.02593,-0.00933,0.00665,-0.0644,0.04186,-0.04967,0.00476,0.07785,0.14935,-0.06282,0.06564,-0.03456,0.09968,0.00722,-0.13849,-0.05753,-0.06537,0.01936,-0.00078,0.0008,-0.00748,0.04079,0.03913,-0.01703,0.02389,-0.1098,0.00061,0.06964,-0.03188,0.0188,0.01614,0.01855,-0.03479,-0.09704,0.00611,-0.03798,-0.00701,-0.01582,0.03742,-0.08322,-0.03282,-0.09874,-0.06224,0.01763,-0.02914,0.05453,0.11369,-0.08183,0.07862,0.02023,-0.01446,0.06819,-0.01519,-0.05806,0,0.00674,0.0207,-0.03553,0.02661,0.09226,0.01456,-0.06819,-0.0221,0.08518,0.01305,-0.00463,-0.01238,-0.01459,0.01172,0.09127,-0.05856,-0.00927,0.03363,-0.08806,-0.01523,-0.05701,-0.11735,-0.04688,0.04326,0.09647,0.06447,-0.00246,0.024,-0.05962,-0.01068,0.00525,0.04251,0.0299,0.01692,0.02061,-0.00438,-0.02592,-0.09167,-0.01216,-0.0101,-0.01325,-0.0107,-0.05731,0.06927,0.02098,0.04621,0.03666,0.00353,0.01484,-0.03257,-0.02729,0.06934,0.08274,0.00895,0.08942,-0.01391,0.01506,-0.00996,0.02091,0.04243,-0.02951,-0.03424,-0.04083,0.01536,-0.00821,0.06309,-0.04701,-0.02472,0.10362,-0.05722,-0.08158,0.05099,-0.03714,0.04884,-0.0437,-0.03613,-0.09635,-0.00474,0.06005,-0.0115,-0.0139,-0.09353,-0.00045,0.08787,0.04583,-0.08297,0.0522,-0.02356,-0.02141,-0.00494,0.07028,0.08143,-0.00665,0.01354,0.05415,0,-0.02578,0.03156,0.04097,-0.0495,0.01021,-0.05936,-0.01045,-0.04206,0.04705,0.08371,0.01636,0.10585,0.02338,-0.03078,-0.04426,0.03288,-0.06072,-0.08129,0.05587,-0.03701,0.09183,0.00221,0.02185,-0.02728,-0.002,0.02393,-0.02537,-0.09986,-0.01979,0.01798,0.01161,-0.04635,-0.0105,-0.01073,-0.01912,-0.00026,0.01637,0.01212,0.04254,-0.08297,-0.03177,0.03359,-0.03644,-0.02044,-0.06027,-0.0193,-0.08711,0.02459,-0.12126,0.00621,-0.09329,0.05412,0.03701,-0.02035,-0.03016,-0.02195,0.01104,0.02696,0.03759,-0.02883,0.03614,-0.00385,-0.02642,-0.00725,-0.04327,0.02657,0.00264,-0.08753,0.04974,0.00008,0.05254,-0.0083,-0.03449,-0.00859,0.06152,0.04547,0.11053,-0.05188,0.04363,-0.02021,-0.09191,0.05742,-0.04008,-0.01539,0.02701,0.01532,-0.01376,0.04625,0.02628,0.01402,-0.07531,-0.01147,-0.04841,0.00804,-0.02892,0,-0.0931,0.02995,0.00942,-0.00466,0.00695,-0.04683,0.00438,0.0279,0.03665,0.09794,0.03166,0.05409,-0.11445,-0.03291,0.07299,0.05299,-0.01033,0.00167,-0.02546,0.00609,0.03665,0.03029,-0.00309,0.10579,-0.01484,-0.04287,-0.00678,0.05151,-0.05087,0.05267,-0.02782,-0.02127,0.10752,0.14362,-0.02824,0.01886,-0.04138,0.02497,-0.03838,-0.03058,0.03258,-0.10592,0.03156,-0.00387,0.02519,0.06929,0.03636,0.04726,-0.01487,0.0361,-0.07173,-0.03536,-0.05038,-0.06925,0.00247,0.00606,0.0424,-0.00082,0.00528,-0.00536,-0.08206,0.09876,0.00386,-0.0157],"keywords":"Angular Diagram Example – Place Connectors Inside Nodes Angular Diagram Example – Place Connectors Inside Nodes Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs. Description This example shows how to place connectors inside a node instead of only on its outer border. That layout is useful when the node UI is dense and the connection point needs to sit next to a specific field, control, or logical slot. It works especially well for builder-style interfaces where nodes contain forms, action rows, or embedded controls. In those cases, internal connector placement can make the relationship between a UI element and its connection point much clearer. The main value is not visual novelty. It is better information architecture inside the node, which leads to cleaner routing and less confusion for users editing complex graphs.","excerpt":"Description This example shows how to place connectors inside a node instead of only on its outer border. That layout is useful when the node UI is dense and the connection point needs to sit next to a specific field, control, or logical slot. It works especially well for builder-style interfaces where nodes contain forms, action rows, or embedded controls. In those cases, internal connector placement can make the relationship between a UI element and its connection point much clearer. The main value is not visual novelty. It is better information architecture inside the node, which leads to cleaner routing and less confusion for users editing complex graphs."},{"chunkId":"/examples/connector-inside-node#2","slug":"connector-inside-node","route":"/examples/connector-inside-node","section":"examples","title":"Angular Diagram Example – Place Connectors Inside Nodes","description":"Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs.","group":"Connectors","vector":[-0.06631,0.03048,-0.08829,0.04338,0.01937,0.01175,-0.05161,0.04645,0.03726,0.08955,-0.0095,0.08911,-0.02691,0.02173,0.02782,0.01623,-0.07254,-0.00851,-0.03011,-0.00365,-0.02947,-0.04655,0.04097,-0.03057,-0.03084,0.01428,-0.00124,0.00273,0.04929,-0.03023,0.00608,-0.00352,-0.08109,0.0276,-0.06882,0.08945,0.01075,0.05286,-0.06766,-0.04787,0.13145,0.01283,0.03894,-0.08756,0.00542,-0.03522,-0.13413,-0.0292,-0.04638,0.02187,-0.09093,-0.0997,-0.03954,0.10541,0.02056,-0.00579,-0.01201,-0.09461,0.06434,0.01379,0.10453,-0.03034,0.03202,-0.00622,0.02186,0.00788,-0.04315,0.10003,-0.04355,-0.00014,0.05013,-0.02755,-0.08447,-0.02227,0.01689,0.02343,-0.09878,0.08464,-0.06271,-0.00121,0.04086,0.08781,-0.05002,0.05194,-0.04314,0.16332,-0.00197,-0.09557,-0.05871,-0.06565,-0.02449,-0.0215,-0.01288,0.0097,-0.0075,-0.01635,-0.05482,0.00594,-0.07201,0.02737,0.04433,-0.04787,0.05713,0.03302,0.03482,-0.03599,-0.09117,0.03095,-0.04817,0.00363,-0.01631,0.03826,-0.04857,-0.02998,-0.10219,-0.04885,0.01096,-0.0182,0.06261,0.12308,0.01295,0.07373,-0.0341,-0.02916,0.07286,0.00666,-0.011,0,0.01981,0.00063,-0.0322,0.04356,0.08165,-0.01974,-0.04689,-0.02871,0.01381,0.06915,-0.02248,0.0065,-0.03794,-0.05132,0.0198,-0.1178,-0.01171,0.02631,-0.06763,-0.01279,-0.03686,-0.10307,-0.06255,0.04385,0.13739,0.02561,-0.06372,0.00494,-0.05481,0.00515,0.0639,0.0486,0.07719,0.01364,0.03725,-0.01116,-0.0121,-0.04892,-0.03778,-0.02982,0.0149,-0.05842,-0.0568,0.08595,0.03011,-0.00658,0.03358,-0.01279,0.05084,-0.00188,0.02198,0.04732,0.05134,-0.02845,0.07891,-0.02488,-0.03639,0.02001,-0.02113,0.05527,-0.02486,-0.01302,-0.04029,-0.00761,0.00631,0.04049,-0.03986,-0.02853,0.07418,-0.0544,-0.0745,0.08507,-0.02739,0.04304,-0.07664,-0.02869,-0.05045,-0.01535,0.07562,-0.03008,-0.05294,-0.09241,-0.02585,0.08809,0.062,-0.08889,0.02904,-0.03606,-0.05337,-0.08049,0.04777,0.06197,-0.03425,-0.0462,0.05754,0,0.04482,0.02239,0.03799,0.03292,-0.01067,-0.0278,0.02753,0.00681,0.06395,0.06887,0.00997,0.09318,0.04215,-0.06089,-0.03204,0.00275,-0.03423,-0.06627,0.0936,0.00712,0.07589,0.01536,0.05284,-0.00623,-0.01791,0.01843,0.03142,-0.04345,-0.01531,-0.00477,0.00272,-0.04808,-0.02562,0.00563,-0.06026,-0.0499,-0.0012,0.0918,0.07549,-0.07937,0.04941,0.05063,-0.02824,-0.00712,-0.0641,-0.06167,-0.06083,-0.01046,-0.11517,-0.02868,-0.11625,0.01734,-0.00306,0.03167,-0.05387,-0.0008,0.05779,-0.00917,0.00739,-0.02638,0.09451,-0.03441,-0.00165,-0.0038,0.04796,0.05476,-0.03873,-0.04675,0.02865,0.02506,0.03327,0.03038,-0.00142,0.00883,0.06271,-0.00709,0.04066,-0.05142,0.08285,0.00963,-0.04936,0.06915,-0.05915,0.03227,0.04328,0.02012,-0.04734,0.05831,0.02223,0.04091,-0.084,0.01168,0.01358,-0.01396,-0.02845,0,-0.09752,0.02232,-0.02112,0.00453,0.01112,-0.04531,-0.01546,-0.00573,0.0423,0.02892,-0.00389,0.0944,-0.03215,-0.04565,0.079,0.01645,-0.02584,0.01138,-0.05529,0.03212,0.02848,0.03441,0.05101,0.11314,-0.01389,-0.06523,-0.0575,0.02102,-0.00896,0.04756,-0.01881,-0.02977,0.08614,0.08438,-0.05553,0.02406,-0.06361,-0.01829,-0.00876,0.02032,0.04246,-0.11618,0.02859,-0.01577,0.00536,0.09282,0.05923,0.04127,-0.01024,0.04549,-0.04694,-0.01453,-0.06597,-0.03346,-0.01417,-0.01989,0.08084,0.02313,-0.00265,-0.04139,-0.08409,0.11044,0.02901,0.00443],"keywords":"Angular Diagram Example – Place Connectors Inside Nodes Angular Diagram Example – Place Connectors Inside Nodes Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs. Example ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::","excerpt":"Example ::: ng-component <connector-inside-node</connector-inside-node [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-inside-node/example.scss :::"},{"chunkId":"/examples/connector-inside-node#3","slug":"connector-inside-node","route":"/examples/connector-inside-node","section":"examples","title":"Angular Diagram Example – Place Connectors Inside Nodes","description":"Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs.","group":"Connectors","vector":[-0.05815,0.04145,-0.06974,0.03606,0.00136,-0.01931,-0.08913,0.00924,0.05903,0.06776,-0.02509,0.09325,-0.0028,0.00507,0.09731,-0.00514,-0.00814,-0.0196,0.00967,-0.05859,-0.06979,-0.0113,-0.03064,-0.04729,-0.00509,0.0559,0.0114,0.0217,0.08799,-0.03641,0.00276,0.02772,-0.03153,0.04446,-0.14254,0.13991,0.00691,0.07187,-0.06966,-0.08633,0.03464,0.04045,0.00652,-0.06322,0.00715,-0.08424,-0.13089,-0.04491,-0.07164,0.00592,-0.08114,-0.11383,-0.04251,0.03655,0.0467,-0.0108,0.0206,-0.04603,0.01525,-0.00239,0.09204,-0.00006,0.05417,0.00522,0.03247,0.02445,-0.02053,0.09926,0.01668,-0.04619,0.04406,-0.05085,-0.07833,0.00426,-0.01216,-0.01909,-0.09646,0.00343,-0.03853,0.00458,0.01359,0.11876,-0.04882,0.08609,-0.05127,0.11863,0.02207,-0.07962,-0.0426,-0.0877,-0.01413,-0.03418,-0.00362,-0.0225,-0.00355,-0.01813,0.00612,0.01114,-0.09135,0.01344,0.07102,-0.04492,0.04734,-0.02763,-0.01922,-0.05774,-0.05229,-0.01887,-0.03651,-0.00134,-0.03267,0.04169,-0.13246,-0.03478,-0.09703,-0.0679,-0.00622,-0.03629,0.00834,0.14297,-0.01008,0.07271,-0.00158,-0.0175,0.0631,-0.01979,-0.04249,0,0.03839,0.01884,-0.0523,0.07266,0.15202,-0.00256,-0.02995,-0.01659,0.08018,0.01173,0.03784,0.05559,-0.02656,0.0454,0.07499,-0.09526,-0.012,0.0468,-0.02219,-0.032,-0.051,-0.11588,-0.03267,0.07066,0.09801,0.0695,-0.0174,0.03276,-0.08088,-0.01087,0.04642,0.03517,0.04718,0.03599,-0.00085,0.02287,-0.05312,-0.07417,0.05662,-0.03854,-0.0246,-0.0222,-0.08475,0.05622,0.0509,0.02436,0.02812,-0.00509,0.05026,-0.03658,0.02202,0.03713,0.07664,0.0018,0.08474,-0.04299,-0.00067,-0.01811,0.05167,0.06279,-0.03632,-0.04229,-0.05072,0.05515,-0.02558,0.0282,-0.03793,-0.03984,0.084,-0.04608,-0.05982,0.04688,-0.0449,0.07667,-0.0394,-0.03878,-0.07778,-0.03454,-0.02343,-0.00021,-0.04344,-0.06567,-0.01076,0.0638,0.05692,-0.08139,0.03484,0.01033,-0.04417,-0.02983,0.03761,0.0722,-0.03094,-0.0164,0.09735,0,-0.04343,0.03489,-0.03286,-0.02562,0.00812,-0.0364,-0.04499,-0.0776,0.03108,0.06845,-0.01537,0.05998,0.02778,-0.02393,-0.09032,-0.00744,-0.01699,-0.06096,0.07069,-0.02419,0.06086,0.00604,0.01256,-0.01978,-0.01355,0.01773,-0.0215,-0.08102,0.00038,0.0162,0.00482,-0.06539,0.04663,-0.00927,-0.00622,-0.04389,-0.00854,0.04828,0.04283,-0.0798,-0.01943,0.02431,-0.00553,-0.01739,-0.06692,-0.03481,-0.06052,0.04659,-0.09327,-0.03662,-0.06185,0.02646,0.01371,-0.06416,-0.03561,-0.0018,-0.00303,0.03434,0.0459,-0.03451,0.00672,-0.0071,0.00887,0.00868,-0.02232,0.02394,-0.01008,-0.0736,0.02057,0.02206,0.03727,0.00286,-0.02885,0.02842,0.0253,-0.00498,0.07304,-0.06284,0.06055,-0.00229,-0.0432,0.05468,-0.04424,-0.01186,0.01545,0.02171,-0.04955,0.0529,0.01255,0.0609,-0.0702,0.02326,-0.01306,0.05835,-0.025,0,-0.10077,0.05393,0.03089,-0.00943,-0.03091,-0.04737,0.0349,0.04916,0.07377,0.04537,0.03542,0.03966,-0.07386,-0.03357,0.13415,0.05246,0.01686,0.0222,-0.03855,-0.03003,0.04331,0.00731,-0.00076,0.08909,0.02448,-0.00405,0.02118,0.0578,-0.0383,0.06062,-0.00651,-0.01507,0.1236,0.08979,-0.032,-0.02424,-0.04262,-0.00079,0.03085,-0.0231,0.0076,-0.08856,0.02627,-0.01312,-0.01981,0.07937,0.02113,0.03668,-0.01227,0.02675,-0.06675,-0.04152,-0.05073,-0.02719,-0.00419,0.03455,0.05913,-0.03097,0.05162,-0.04239,-0.08668,0.12627,0.03614,0.00149],"keywords":"Angular Diagram Example – Place Connectors Inside Nodes Angular Diagram Example – Place Connectors Inside Nodes Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs. When to use it - Build compact node UIs with form-like or slot-based layouts. - Keep ports close to the data or action they represent. - Reduce visual clutter on larger, more detailed nodes. This is a practical pattern for workflow builders and internal tools where node layout carries real meaning. U Is","excerpt":"When to use it - Build compact node UIs with form-like or slot-based layouts. - Keep ports close to the data or action they represent. - Reduce visual clutter on larger, more detailed nodes. This is a practical pattern for workflow builders and internal tools where node layout carries real meaning."},{"chunkId":"/examples/connector-inside-node#4","slug":"connector-inside-node","route":"/examples/connector-inside-node","section":"examples","title":"Angular Diagram Example – Place Connectors Inside Nodes","description":"Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs.","group":"Connectors","vector":[-0.02283,0.02921,-0.0976,0.06643,0.01477,0.03138,-0.07719,0.02537,0.02816,0.09228,0.02101,0.07507,-0.00195,0.01012,0.06262,0.01624,-0.03669,-0.0205,0.002,-0.06048,-0.07351,0.01012,-0.02562,-0.05369,-0.00766,0.02573,-0.00984,0.01536,0.06412,-0.01994,-0.01271,-0.05064,-0.06986,0.03188,-0.12867,0.10735,0.05682,0.02482,-0.07658,-0.0565,0.08073,-0.00614,0.02054,-0.08654,-0.02302,-0.0779,-0.13507,-0.01515,-0.06889,0.02362,-0.08046,-0.11443,-0.04269,0.07247,0.00074,-0.04245,-0.00513,-0.03193,0.03951,0.01634,0.04345,0.00271,0.03264,-0.00963,0.04876,-0.017,-0.00501,0.12596,-0.04292,-0.03554,0.04554,-0.06993,-0.0623,-0.0253,-0.0035,0.00531,-0.10156,0.0549,-0.03428,-0.02673,0.05918,0.13247,-0.05607,0.05012,-0.05061,0.13967,0.00103,-0.05946,-0.03814,-0.09115,0.00346,0.00601,-0.00648,0.00485,-0.01886,-0.00832,0.02749,0.02649,-0.10768,0.01414,0.03648,-0.02912,0.02974,-0.0325,-0.00327,-0.0518,-0.07348,-0.00237,-0.01245,-0.03384,-0.0047,0.01302,-0.13162,-0.06729,-0.07411,-0.0635,0.03121,-0.00736,0.02923,0.10043,-0.06296,0.05722,-0.01921,-0.01146,0.07548,-0.02041,-0.01724,0,0.02713,0.0118,-0.05421,0.02508,0.11909,-0.00935,-0.0666,-0.00621,0.0374,0.00684,0.03496,0.00311,-0.03807,0.01183,0.05031,-0.08572,0.03077,0.02629,-0.02183,-0.03067,-0.05245,-0.10464,-0.03066,0.05726,0.09809,0.07901,-0.00904,-0.00634,-0.04474,-0.00766,0.06109,0.07712,0.05609,-0.02091,0.01158,-0.01483,-0.01409,-0.0404,0.01398,-0.04994,-0.01951,-0.07774,-0.04696,0.05348,0.0485,0.02896,0.01726,-0.00154,0.05618,-0.0267,0.00577,0.03769,0.03263,-0.0058,0.07177,0.01622,-0.05955,0.02794,0.02428,0.02952,-0.01107,-0.01295,-0.05023,0.00369,-0.04537,0.00985,-0.04519,-0.05139,0.09834,-0.02878,-0.10369,0.04302,-0.00417,0.07549,-0.05507,-0.03102,-0.09369,-0.04051,0.06439,-0.01858,-0.06321,-0.10227,-0.0119,0.07635,0.10505,-0.0802,-0.00513,0.01875,-0.01565,-0.04147,0.04513,0.07674,-0.01729,-0.04881,0.09031,0,0.00791,0.05183,0.0011,-0.00138,0.01935,-0.03769,-0.03022,-0.03008,0.03904,0.0727,0.03208,0.06814,0.04875,0.00162,-0.07681,0.0018,-0.0507,-0.05908,0.07672,0.00898,0.09378,-0.03978,0.1087,-0.00925,-0.02844,-0.00175,0.01029,-0.06375,0.01707,0.00386,0.01042,-0.02257,0.01754,-0.02319,-0.04185,-0.05533,0.02764,0.03029,0.02287,-0.07658,0.03891,0.03422,-0.00727,-0.02715,-0.07644,-0.05492,-0.04646,0.01858,-0.12081,-0.01677,-0.08986,0.00744,-0.01996,-0.03274,-0.06046,-0.04132,0.03822,0.02833,0.04055,-0.03002,0.02241,-0.01729,-0.00908,0.00001,-0.00631,0.06765,-0.02199,-0.03486,0.05115,0.0233,0.03037,-0.00608,-0.01576,-0.00086,0.04177,0.00338,0.081,-0.09021,0.06169,-0.03752,-0.00295,0.07871,-0.06642,-0.0246,0.0719,0.02003,-0.02921,0.05824,0.01368,0.07287,-0.06947,0.04322,0.03386,0.04754,0.00265,0,-0.10819,0.06061,0.02475,-0.00621,-0.00899,-0.04499,0.02857,0.01624,0.06043,0.05168,0.01666,0.04623,-0.06035,-0.05485,0.09721,0.06944,-0.02375,0.01015,-0.0127,0.02513,0.04404,0.02663,0.02786,0.13398,-0.00473,-0.01904,-0.02496,0.03417,-0.04588,0.07831,-0.00917,-0.01945,0.07807,0.07326,-0.04466,-0.00701,-0.0652,-0.02231,0.00564,-0.04076,0.03344,-0.08144,0.00968,-0.03612,0.01195,0.08806,0.06406,0.0254,0.00864,0.07789,-0.06011,-0.05852,-0.01357,-0.06693,-0.00668,0.01315,0.05959,0.00886,-0.01486,-0.02631,-0.07841,0.11319,0.05546,-0.00153],"keywords":"Angular Diagram Example – Place Connectors Inside Nodes Angular Diagram Example – Place Connectors Inside Nodes Place connectors inside Angular nodes to keep ports close to the fields or actions they represent. A practical pattern for compact editor UIs. Related docs - Node Directive - Node Input Directive - Node Output Directive - Connectable Side Example","excerpt":"Related docs - Node Directive - Node Input Directive - Node Output Directive - Connectable Side Example"},{"chunkId":"/examples/connector-outlet#0","slug":"connector-outlet","route":"/examples/connector-outlet","section":"examples","title":"Angular Diagram Example – Connector Outlet for Branching Nodes","description":"Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders.","group":"Connectors","vector":[0.02416,0.01706,-0.06796,0.03477,0.01823,0.00307,-0.07141,0.0329,0.03396,0.07834,0.02467,0.07897,-0.03383,0.0252,0.05075,0.02534,-0.0721,0.02303,0.00102,-0.05869,-0.04128,-0.04156,-0.01905,-0.04919,-0.00067,-0.01027,0.02556,0.04791,0.04661,-0.04535,-0.00242,0.0301,-0.0912,-0.01616,-0.08736,-0.00155,0.00946,0.04121,-0.03871,-0.00157,0.11401,-0.01471,0.04899,-0.07134,-0.04096,-0.02986,-0.11577,0.00357,-0.02114,-0.00968,-0.03644,-0.11991,-0.03341,0.04701,0.0522,0.02684,0.0074,-0.07519,0.01021,0.02581,0.09799,-0.05753,-0.02959,-0.03184,-0.04963,-0.00325,-0.03142,0.07927,-0.00472,-0.01407,-0.0024,-0.06738,-0.065,-0.08378,0.00744,-0.02743,-0.00003,0.0238,-0.01351,0.04451,0.01636,0.09176,-0.08657,0.04689,-0.04581,0.10327,-0.00225,-0.05746,-0.0479,-0.07071,-0.02703,0.02771,0.07484,-0.0391,0.01686,0.03965,-0.04683,-0.00271,-0.0769,0.0129,0.0266,-0.0437,0.0341,-0.02387,-0.00988,-0.01131,-0.07235,0.01322,0.02844,-0.02811,-0.00357,0.03085,-0.07031,-0.01367,-0.05644,-0.05256,-0.01992,-0.05091,0.03411,0.15718,-0.02426,0.06677,-0.00229,0.00531,0.05387,-0.01582,-0.01092,0,0.00205,0.03898,-0.07371,0.01224,0.10063,0.04632,-0.01499,-0.02802,0.05586,0.01932,-0.04983,-0.01301,-0.02764,0.02814,0.03865,-0.13788,-0.02604,0.01307,0.00076,0.04467,0.01599,-0.10935,-0.01337,0.06095,0.10169,-0.01677,-0.02621,-0.00607,-0.02058,0.01327,0.03883,0.05611,0.05255,0.08237,-0.07241,0.02302,-0.05154,-0.0947,-0.00809,-0.0227,-0.02296,0.00089,-0.06185,0.08399,0.03766,0.00576,0.02113,-0.03845,0.07568,0.05997,0.00022,0.04152,0.06446,-0.01527,0.06155,-0.03421,-0.01539,0.08987,0.00392,0.03274,-0.05286,-0.01365,-0.07973,-0.04208,-0.00689,0.06739,-0.02631,-0.0068,0.06557,-0.09787,-0.10371,0.06498,-0.0362,0.05524,-0.09285,0.01673,-0.06786,0.04613,0.08463,-0.0703,-0.10243,-0.03963,-0.02244,-0.00146,0.12039,-0.09504,0.03177,-0.00185,-0.00056,-0.02599,0.05498,0.15353,0.03196,0.05936,0.12537,0,-0.07519,0.02599,-0.00078,0.04812,0.01874,-0.03543,-0.01588,-0.10552,0.03379,0.0083,0.02604,0.08675,0.02603,-0.01809,-0.01639,-0.03616,-0.04535,-0.07846,0.04668,0.0239,0.05278,0.05249,0.04305,-0.08188,-0.00415,0.02836,0.04905,-0.09089,0.06745,0.04357,0.0277,0.00158,0.01115,0.00436,-0.03617,0.02986,-0.03405,0.05898,0.05148,-0.10043,0.02176,0.02512,0.02386,-0.04378,-0.12351,0.01016,-0.01552,0.01105,-0.04661,-0.03118,-0.10262,0.0417,-0.00826,0.0083,-0.05234,-0.06031,0.10952,0.04151,0.02666,-0.05904,0.01393,-0.01481,0.02307,-0.00138,-0.01048,0.01055,-0.01197,-0.06579,-0.02113,0.06195,-0.03476,0.0717,-0.01555,-0.00677,0.02498,0.02818,0.00624,-0.08592,0.03876,-0.0256,-0.11442,0.09785,-0.04375,-0.03695,0.07369,-0.09488,-0.05114,0.04105,0.08128,0.04071,-0.05092,0.00253,-0.00698,-0.02135,0.00168,0,-0.06191,0.02225,0.00687,0.00289,0.03233,-0.06303,0.04471,0.03486,0.04678,0.02588,0.05003,0.08476,-0.06628,0.0032,0.1326,0.01921,0.02361,0.02369,-0.00441,0.0382,-0.03956,-0.01375,0.02239,0.09683,0.01618,-0.01097,0.002,0.06449,-0.01412,0.02336,0.02263,0.04322,0.01663,0.04096,-0.05316,0.0344,-0.05411,0.00016,-0.04924,-0.00101,0.04404,-0.10138,-0.0238,-0.04241,-0.01148,0.06492,0.037,0.00694,-0.00517,0.05642,-0.06162,-0.05615,-0.01328,-0.03811,-0.00965,0.01625,0.06088,0.00793,0.02882,-0.04768,-0.03851,0.09722,0.04897,-0.03652],"keywords":"Angular Diagram Example – Connector Outlet for Branching Nodes Angular Diagram Example – Connector Outlet for Branching Nodes Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders. Connector Outlet","excerpt":"Connector Outlet"},{"chunkId":"/examples/connector-outlet#1","slug":"connector-outlet","route":"/examples/connector-outlet","section":"examples","title":"Angular Diagram Example – Connector Outlet for Branching Nodes","description":"Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders.","group":"Connectors","vector":[0.00732,0.00572,-0.04995,0.0437,0.00332,-0.00898,-0.08683,-0.00982,0.05348,0.03419,-0.00628,0.08111,-0.03029,0.01562,0.07699,0.04649,-0.03323,-0.00051,-0.01128,-0.09526,-0.02721,-0.03862,-0.02651,-0.03293,-0.01381,0.00365,0.01004,0.01958,0.04967,-0.04268,0.01163,0.03777,-0.11665,0.00536,-0.08421,0.02369,0.00597,0.04907,-0.0094,0.00806,0.11313,-0.00342,0.03746,-0.07005,-0.04422,-0.03952,-0.12791,-0.01204,-0.0351,0.00137,-0.04762,-0.10049,-0.04908,0.03822,0.09347,0.04424,0.06537,-0.07262,-0.00331,0.03313,0.09463,-0.06031,-0.02978,-0.03531,-0.03015,0.005,-0.0136,0.07248,0.00128,0.01508,-0.02308,-0.05923,-0.05621,-0.03742,0.01578,-0.00971,-0.02802,0.00153,-0.05712,0.01875,0.03361,0.08335,-0.08396,0.06904,-0.01329,0.09134,0.00435,-0.08683,0.01242,-0.0588,-0.0586,0.02195,0.07463,-0.03777,0.04412,0.03296,-0.02542,-0.017,-0.07274,0.02,0.02472,-0.03713,0.0548,-0.02469,0.01367,-0.01251,-0.04892,0.01631,0.00302,-0.03159,0.00527,0.04925,-0.02381,-0.017,-0.06949,-0.04327,-0.02829,-0.04273,0.02292,0.16092,-0.01795,0.06545,0.03398,0.00974,0.066,-0.03709,-0.00327,0,-0.0135,0.02616,-0.06854,0.02137,0.11537,0.02327,-0.0393,-0.04324,0.07036,0.04387,-0.03273,0.01303,-0.03678,0.04903,0.01926,-0.11087,-0.01767,0.01975,0.00144,0.04698,0.01369,-0.12308,-0.04381,0.04878,0.08947,0.01862,-0.04536,0.00128,0.00069,0.01472,0.03919,0.04288,0.04619,0.05312,-0.0723,0.03297,-0.04627,-0.1043,0.01559,-0.02122,-0.02273,-0.00627,-0.08413,0.08845,0.0087,0.01126,0.00555,-0.02722,0.04281,0.0189,0.0044,0.02734,0.09681,-0.018,0.05583,-0.08809,-0.03513,0.06624,0.03181,0.07342,-0.06906,-0.00379,-0.08784,0.00522,-0.00514,0.04714,-0.05161,0.00542,0.05967,-0.07245,-0.09,0.08325,-0.0522,0.03865,-0.05099,0.00063,-0.0847,0.0282,0.08,-0.08864,-0.06842,-0.02354,0.00087,0.01066,0.12,-0.09201,0.02725,-0.03625,-0.0703,-0.02121,0.05114,0.14325,0.03602,0.06452,0.13601,0,-0.04948,0.05169,-0.0066,0.0477,-0.00709,-0.03983,-0.00423,-0.10055,0.05419,0.03322,-0.00039,0.08734,-0.00045,-0.03902,-0.00887,-0.05239,-0.05645,-0.11127,0.06043,0.01981,0.05153,0.04325,-0.00746,-0.0768,-0.00493,0.05948,0.01411,-0.06042,0.03526,0.02793,0.01106,-0.03849,0.02608,-0.01529,-0.00521,0.03957,-0.05018,0.08406,0.06769,-0.069,0.00838,0.01829,0.00712,-0.04894,-0.09787,0.03339,-0.03146,0.02574,-0.0462,-0.04318,-0.08806,0.05417,-0.00719,-0.01279,-0.06021,-0.01437,0.10351,0.03491,0.00951,-0.03172,-0.00661,-0.01429,0.06074,0.02646,-0.0078,-0.01706,-0.01936,-0.09326,-0.01875,0.06226,-0.0209,0.06908,-0.03769,-0.01997,0.03179,0.01257,0.01304,-0.11004,0.02659,0.00635,-0.11142,0.073,-0.0237,-0.03482,0.0505,-0.05982,-0.06351,0.03356,0.09778,0.0582,-0.05938,0.00888,-0.02422,-0.0564,-0.03817,0,-0.09567,0.02499,0.01192,0.01022,0.03813,-0.04341,0.04931,0.04594,0.04949,0.03495,0.05392,0.06273,-0.06627,0.03696,0.121,0.01545,0.05003,-0.00009,-0.02679,0.01086,-0.05238,-0.01689,0.01026,0.08946,0.00507,-0.02936,0.01537,0.08242,0.0096,0.02035,0.01368,0.02429,0.02359,0.09441,-0.06626,0.04446,-0.03613,0.00442,-0.028,0.00303,0.04162,-0.08106,-0.04895,-0.01873,-0.00273,0.05891,0.0335,-0.00272,-0.02472,0.05578,-0.05186,-0.05343,-0.01893,-0.03826,-0.0008,-0.00548,0.04405,-0.00882,0.0578,-0.01661,-0.05872,0.09251,0.03661,-0.04849],"keywords":"Angular Diagram Example – Connector Outlet for Branching Nodes Angular Diagram Example – Connector Outlet for Branching Nodes Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders. Description This example demonstrates how to use an outlet connector to control where connections leave a node. Outlet-based patterns are helpful when a node has multiple exit paths, multiple logical outputs, or a layout where edge routing needs a dedicated anchor. In a real product, outlet connectors help keep graphs readable. Instead of attaching every edge to the same generic point, you can expose a clearer structure for branching, fan-out behavior, and more predictable routing. This becomes important in workflow builders, automation editors, and low-code tools where users need to understand exactly how work moves from one step to the next.","excerpt":"Description This example demonstrates how to use an outlet connector to control where connections leave a node. Outlet-based patterns are helpful when a node has multiple exit paths, multiple logical outputs, or a layout where edge routing needs a dedicated anchor. In a real product, outlet connectors help keep graphs readable. Instead of attaching every edge to the same generic point, you can expose a clearer structure for branching, fan-out behavior, and more predictable routing. This becomes important in workflow builders, automation editors, and low-code tools where users need to understand exactly how work moves from one step to the next."},{"chunkId":"/examples/connector-outlet#2","slug":"connector-outlet","route":"/examples/connector-outlet","section":"examples","title":"Angular Diagram Example – Connector Outlet for Branching Nodes","description":"Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders.","group":"Connectors","vector":[0.00874,0.02154,-0.07876,0.02531,0.05518,0.03812,-0.07337,0.03907,0.00668,0.0707,0.00174,0.07046,-0.03053,0.02928,0.03053,0.00097,-0.06703,0.02914,-0.01711,-0.02233,-0.00351,-0.04785,0.03525,-0.0069,-0.006,-0.03234,0.0242,0.04484,0.02988,-0.01916,0.03826,0.05296,-0.08913,0.00755,-0.04956,-0.00604,-0.00994,0.0537,-0.03399,-0.01084,0.13159,0.01483,0.06618,-0.09113,-0.01989,-0.0258,-0.12346,0.02589,-0.0352,-0.01511,-0.0433,-0.13372,-0.03553,0.05062,0.07208,0.0193,0.01243,-0.10685,0.02475,0.0233,0.07111,-0.09522,-0.0096,-0.05187,-0.02863,0.00175,-0.0609,0.07361,-0.04398,0.03993,0.01671,-0.04128,-0.0602,-0.06648,0.03556,-0.02943,-0.02481,0.06957,-0.04286,0.0177,0.02534,0.03511,-0.07842,0.04339,-0.03169,0.10784,0.00627,-0.07693,-0.03582,-0.06509,-0.02102,0.03067,0.02082,-0.04328,0.02564,0.0378,-0.08376,0.00722,-0.08583,0.03359,-0.00003,-0.0636,0.05105,0.03417,0.04379,0.02246,-0.05525,0.047,-0.01356,-0.03643,-0.00053,0.04076,-0.0194,-0.01474,-0.03673,-0.07275,-0.00447,-0.0588,0.01965,0.13755,0.00231,0.0508,-0.02189,0.0052,0.05574,0.00357,0.01011,0,-0.01212,0.05638,-0.04717,0.02143,0.06937,-0.00184,-0.01656,-0.04345,0.03428,0.07536,-0.0746,-0.00614,-0.04373,-0.01047,-0.00303,-0.14798,-0.0186,0.01746,-0.03032,0.04074,0.03135,-0.0981,-0.04534,0.04431,0.11427,-0.05034,-0.06271,-0.00964,-0.02108,0.00784,0.04284,0.06305,0.06346,0.03033,-0.05896,0.00818,-0.01407,-0.06028,-0.04652,-0.01394,0.04302,-0.00114,-0.05454,0.11198,0.00481,0.01272,-0.00068,-0.04723,0.09823,0.05011,-0.00073,0.04113,0.08741,-0.03322,0.0605,-0.05281,-0.01924,0.05551,-0.01458,0.04712,-0.04925,-0.00361,-0.06346,-0.02963,0.01104,0.04931,-0.02708,-0.01255,0.04256,-0.10532,-0.10802,0.1006,-0.04368,0.03565,-0.08339,0.00706,-0.03964,0.04714,0.07259,-0.07757,-0.07928,-0.0421,-0.03507,0.0352,0.12845,-0.12328,0.01305,-0.0318,-0.02004,-0.07589,0.05174,0.10263,0.00924,0.01409,0.09166,0,-0.03416,0.03571,0.0343,0.07778,-0.03535,-0.02724,0.0431,-0.04383,0.05009,0.03444,0.00799,0.0735,0.01233,-0.06197,0.03269,-0.03144,-0.05741,-0.07887,0.07345,0.02927,0.03649,0.05481,0.0288,-0.06486,-0.00985,0.05627,0.06141,-0.02896,0.03154,0.0155,0.01763,-0.02967,-0.02247,0.01327,-0.03873,-0.01519,-0.05394,0.12486,0.07958,-0.06833,0.05912,0.0647,-0.01203,-0.01492,-0.10438,-0.00019,0.00662,-0.00859,-0.04383,-0.04389,-0.09252,0.02153,-0.02577,0.05083,-0.04421,-0.05228,0.09654,-0.00471,0.00711,-0.03729,0.05678,-0.02796,0.00411,-0.0102,0.02889,0.00581,-0.05236,-0.05269,-0.01354,0.05054,-0.01582,0.07873,-0.00156,0.01207,0.03456,0.0261,0.00801,-0.03457,0.06475,0.01179,-0.11404,0.09546,-0.04871,-0.00298,0.08297,-0.06793,-0.07375,0.03101,0.1142,0.02428,-0.06433,-0.01966,0.02845,-0.05312,-0.01444,0,-0.07704,-0.00438,-0.01318,0.01773,0.03681,-0.04194,0.01992,-0.02519,0.0361,0.01391,0.02167,0.11354,-0.02679,-0.014,0.09287,-0.00845,0.01347,0.03266,-0.03847,0.05982,-0.05722,-0.00353,0.01929,0.0999,0.01588,-0.04554,-0.03346,0.04544,0.02463,0.01591,-0.00305,-0.01119,0.01013,0.05558,-0.06271,0.02395,-0.09572,0.01381,-0.02132,0.01097,0.05204,-0.12515,-0.00813,-0.03873,-0.00218,0.07049,0.03975,-0.00544,-0.00733,0.05424,-0.08296,-0.01671,-0.02306,-0.00834,0.00785,-0.02016,0.04023,0.03517,0.00844,-0.07483,-0.03599,0.09619,0.03704,-0.03607],"keywords":"Angular Diagram Example – Connector Outlet for Branching Nodes Angular Diagram Example – Connector Outlet for Branching Nodes Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders. Example ::: ng-component <connector-outlet</connector-outlet [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.scss :::","excerpt":"Example ::: ng-component <connector-outlet</connector-outlet [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connector-outlet/example.scss :::"},{"chunkId":"/examples/connector-outlet#3","slug":"connector-outlet","route":"/examples/connector-outlet","section":"examples","title":"Angular Diagram Example – Connector Outlet for Branching Nodes","description":"Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders.","group":"Connectors","vector":[0.02265,-0.01291,-0.05349,0.02214,0.02462,0.01431,-0.10184,0.0058,0.04691,0.06645,0.01487,0.09357,-0.03072,0.00841,0.067,0.03157,-0.03778,-0.00578,-0.00582,-0.05461,-0.07815,-0.04371,-0.04554,-0.05366,-0.0076,-0.00178,0.03123,0.01153,0.04254,-0.03124,0.03551,0.02172,-0.09644,-0.00758,-0.11512,0.03121,-0.01236,0.00054,-0.04688,0.03292,0.10825,0.00199,0.04298,-0.06807,-0.05436,-0.04128,-0.12455,-0.01646,0.01476,-0.00285,-0.01014,-0.07531,-0.04317,0.02703,0.07079,0.01438,-0.0113,-0.08858,-0.02263,0.02698,0.09285,-0.05538,-0.00576,-0.05167,-0.00446,-0.02235,0.00433,0.08066,0.00202,0.00171,-0.02513,-0.07693,-0.03085,-0.04267,-0.01251,0.02102,-0.00747,-0.03459,-0.05537,0.05518,-0.01329,0.09384,-0.1027,0.01965,-0.01538,0.10225,-0.03731,-0.05908,-0.02446,-0.08866,-0.04901,0.07091,0.08797,-0.05414,0.02307,0.05101,-0.05478,0.01341,-0.06698,0.00247,0.01697,-0.01731,0.05065,-0.02662,-0.00142,-0.01611,-0.06074,-0.02243,0.04578,-0.05281,-0.01537,0.05294,-0.06418,0.00267,-0.05527,-0.02516,-0.02036,-0.04321,0.05037,0.16712,-0.06864,0.03371,0.04419,0.03535,0.04823,-0.03727,-0.01193,0,-0.03478,0.04292,-0.05973,0.00538,0.09314,0.03916,-0.01435,-0.03335,0.04193,0.00921,-0.03381,-0.01588,-0.02672,0.0206,0.05802,-0.09088,-0.03772,0.00125,-0.00074,0.02968,0.03346,-0.09636,-0.0336,0.07235,0.07604,-0.0482,0.00902,0.00716,-0.00941,0.00868,0.05081,0.06207,0.02151,0.08358,-0.04267,0.03942,-0.04034,-0.05697,-0.01956,-0.03037,-0.05531,0.01446,-0.07337,0.03272,0.0386,0.00592,-0.05263,-0.03956,0.04943,0.01374,0.01075,0.02221,0.0638,0.01413,0.03054,-0.02089,-0.00973,0.05369,0.01198,0.03961,-0.08058,-0.02762,-0.08102,-0.01987,-0.01471,0.08099,0.00093,-0.01358,0.0739,-0.08516,-0.08834,0.06219,-0.05059,0.00331,-0.07371,0.01583,-0.04956,0.02476,0.07827,-0.04372,-0.08767,-0.01363,-0.0372,0.01717,0.10408,-0.06985,-0.0095,-0.02428,-0.05065,0.01978,0.03592,0.17571,0.05394,0.03554,0.11177,0,-0.08064,0.03477,-0.00242,0.04336,0.00237,-0.03603,-0.01624,-0.13722,0.04921,0.02889,0.01737,0.1032,0.05511,-0.01906,-0.0337,-0.01255,-0.03672,-0.07193,0.08246,0.03039,0.05227,0.05546,0.08601,-0.05605,-0.01524,0.02421,0.01709,-0.10124,0.04247,0.04357,0.04899,0.00582,0.0517,0.00542,-0.04289,0.02209,-0.04013,0.08432,0.05344,-0.06291,0.01004,-0.00576,0.01086,-0.05193,-0.12391,0.02627,-0.06465,0.00026,-0.03539,0.00385,-0.0931,0.0569,-0.02429,0.01276,-0.05189,-0.06316,0.12728,0.06438,0.02855,-0.03057,0.02224,0.00352,-0.02547,0.01954,-0.03186,0.01964,0.00179,-0.062,0.0184,0.07544,-0.04944,0.07194,-0.01955,0.01677,0.01286,0.06183,-0.01982,-0.11559,0.01904,0.01556,-0.12561,0.08979,-0.03854,-0.04009,0.04619,-0.08777,-0.01531,0.00507,0.07837,0.01974,-0.04025,0.00155,0.00385,-0.04578,-0.0175,0,-0.06058,0.03222,0.02645,0.01587,-0.01353,-0.06552,0.01343,0.04223,0.06912,0.06122,0.03351,0.08452,-0.07601,0.01607,0.12786,0.0031,0.01774,-0.0113,-0.0017,0.06283,-0.0299,-0.01649,0.01145,0.08434,-0.00537,0.002,0.032,0.07232,-0.03108,0.00873,0.02048,0.02845,-0.00452,0.09658,-0.05516,0.02586,-0.04861,0.02555,-0.00851,0.02356,0.04058,-0.06679,-0.05686,-0.03466,-0.01325,0.06102,0.04409,-0.01713,-0.01312,0.08033,-0.05519,-0.04503,-0.0071,-0.04714,0.01751,0.00983,0.02171,0.00711,0.05973,-0.03747,-0.05974,0.10823,0.01118,-0.02976],"keywords":"Angular Diagram Example – Connector Outlet for Branching Nodes Angular Diagram Example – Connector Outlet for Branching Nodes Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders. What this solves - Cleaner fan-out from a single node. - More explicit exit points for branching logic. - Better readability when many edges leave the same step. If your nodes represent actions, conditions, or service calls with multiple outcomes, outlet connectors are usually a better fit than a single shared port.","excerpt":"What this solves - Cleaner fan-out from a single node. - More explicit exit points for branching logic. - Better readability when many edges leave the same step. If your nodes represent actions, conditions, or service calls with multiple outcomes, outlet connectors are usually a better fit than a single shared port."},{"chunkId":"/examples/connector-outlet#4","slug":"connector-outlet","route":"/examples/connector-outlet","section":"examples","title":"Angular Diagram Example – Connector Outlet for Branching Nodes","description":"Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders.","group":"Connectors","vector":[0.03503,0.01839,-0.0619,0.03162,-0.00177,0.01429,-0.04915,0.00195,0.00424,0.06808,0.02045,0.06808,-0.01173,0.02534,0.04481,0.02073,-0.06661,0.01017,-0.00942,-0.07492,-0.00984,-0.03487,-0.02681,-0.03741,-0.02619,-0.00328,0.02913,0.02239,0.06336,-0.04638,-0.00896,0.00695,-0.09186,-0.00249,-0.10383,-0.01281,0.01488,0.03409,-0.04258,0.01919,0.10501,-0.00999,0.03103,-0.0624,-0.03857,-0.03624,-0.1277,0.00209,-0.03118,-0.01521,-0.05011,-0.10857,-0.04572,0.05575,0.06963,-0.0241,0.02173,-0.06248,0.00858,0.03895,0.05424,-0.08685,-0.04259,-0.04886,-0.04945,-0.01081,-0.05666,0.08149,-0.02911,0.01406,-0.00038,-0.06275,-0.0483,-0.06603,-0.00479,-0.02054,-0.01779,0.02657,-0.01654,0.00787,0.02006,0.10336,-0.06526,0.01852,-0.06589,0.08986,-0.01966,-0.05672,-0.02987,-0.06503,-0.00248,0.0392,0.06066,-0.01666,0.03263,0.03633,-0.04199,-0.00616,-0.07572,-0.00411,0.02666,-0.04923,0.03545,-0.00847,-0.00493,-0.01615,-0.061,0.00443,0.02685,-0.02116,0.02091,0.04278,-0.0639,-0.04348,-0.06343,-0.05297,0.00907,-0.0293,0.02108,0.14251,-0.05662,0.07258,0.0081,-0.01951,0.07402,-0.01792,-0.01319,0,-0.01958,0.01131,-0.09313,-0.00644,0.10733,0.03246,-0.03659,-0.02111,0.05487,0.02866,-0.03447,-0.01924,-0.04412,0.02166,0.03066,-0.12012,0.01159,0.01587,0.03281,0.05508,0.00654,-0.13532,-0.00946,0.07573,0.10341,-0.02192,-0.02911,-0.02163,0.00814,0.00906,0.02872,0.07693,0.06103,0.05974,-0.06004,0.03612,-0.04529,-0.08002,0.01306,-0.028,-0.0269,-0.0242,-0.0618,0.0914,0.02879,0.02922,0.01352,-0.0318,0.0642,0.05878,-0.0016,0.04037,0.06624,-0.02379,0.06632,-0.01468,-0.06017,0.10518,-0.00246,0.04854,-0.041,-0.04163,-0.07675,-0.0194,-0.01364,0.05294,-0.04816,-0.01196,0.06253,-0.08495,-0.11385,0.05678,-0.0439,0.05229,-0.09977,-0.00194,-0.05368,0.05621,0.08211,-0.08455,-0.11897,-0.03484,-0.00688,0.01908,0.11281,-0.08296,0.02701,0.01986,-0.00627,-0.04491,0.04905,0.11837,0.0346,0.05949,0.13829,0,-0.06265,0.03219,-0.00985,0.02899,0.02861,-0.04094,-0.01878,-0.08351,0.03688,0.0196,0.0543,0.1069,0.03458,-0.01756,-0.04246,-0.0522,-0.04685,-0.05868,0.04654,0.03228,0.02415,0.01422,0.03762,-0.08622,0.00425,0.02413,0.02108,-0.0795,0.07091,0.04337,0.01899,0.01153,0.01114,-0.00293,-0.02955,0.00497,-0.02659,0.06983,0.06269,-0.06507,0.03997,0.02836,0.03314,-0.05125,-0.12177,0.00317,-0.00492,0.00046,-0.06662,-0.027,-0.10042,0.02939,-0.018,0.03014,-0.0461,-0.05623,0.10288,0.0394,0.05867,-0.0472,0.02555,0.00496,0.0294,0.01435,0.00687,0.00633,-0.03872,-0.0633,0.00186,0.07494,-0.03899,0.06912,-0.00329,0.02378,0.01604,0.02488,0.00438,-0.09122,0.02974,-0.01735,-0.08778,0.10851,-0.0484,-0.02234,0.07933,-0.05352,-0.04372,0.03299,0.07985,0.06425,-0.064,-0.00783,-0.01283,-0.01677,-0.02106,0,-0.08509,0.01517,-0.0018,-0.02079,0.06041,-0.0513,0.05979,0.02195,0.03493,0.05519,0.06428,0.08564,-0.04273,-0.00188,0.11692,0.03823,0.04321,0.00031,-0.00393,0.04997,-0.06485,-0.02084,0.01578,0.13069,0.01032,-0.02162,0.02538,0.06107,0.00322,0.03831,0.00429,0.02702,0.00959,0.03179,-0.04803,0.04455,-0.07774,-0.00923,-0.03844,0.02398,0.03719,-0.11495,0.01047,-0.03789,0.00266,0.07804,0.02799,0.00622,0.00257,0.07658,-0.07046,-0.03724,-0.00875,-0.0373,-0.00499,0.01521,0.06295,0.03186,0.03311,-0.04056,-0.05287,0.0934,0.06457,-0.03509],"keywords":"Angular Diagram Example – Connector Outlet for Branching Nodes Angular Diagram Example – Connector Outlet for Branching Nodes Use outlet connectors to control where edges leave a node. Cleaner fan-out, clearer branching, and better routing for Angular workflow builders. Related docs - Node Outlet Directive - Connection Component - Connection Rules - Limiting Connections Example","excerpt":"Related docs - Node Outlet Directive - Connection Component - Connection Rules - Limiting Connections Example"},{"chunkId":"/examples/limiting-connections#0","slug":"limiting-connections","route":"/examples/limiting-connections","section":"examples","title":"Angular Diagram Example – Limit Connections per Port or Node","description":"Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states.","group":"Connectors","vector":[-0.01955,0.05621,-0.06715,-0.00747,-0.04177,-0.00438,-0.01513,-0.04236,-0.0305,0.0773,-0.02087,0.04746,0.02292,0.07033,0.06227,0.05956,-0.0335,-0.04457,0.02594,-0.07868,0.03969,-0.03369,-0.04634,-0.04118,-0.0325,-0.00453,0.02113,-0.03777,0.07792,-0.04243,-0.04503,-0.01513,-0.08417,0.02741,-0.0837,-0.00708,-0.02698,0.00566,-0.04232,0.04627,0.06074,0.01772,0.01893,-0.04773,-0.03888,-0.06322,-0.12148,0.00764,-0.01662,-0.03511,-0.06046,-0.03933,-0.08514,-0.01152,0.08188,-0.12934,-0.0188,-0.06107,-0.03668,0.03049,0.0367,-0.08976,-0.03605,-0.03597,0.0323,0.03539,-0.07292,0.06019,-0.02397,0.14391,0.00702,-0.03953,-0.02065,-0.02171,0.00981,0.00836,-0.095,0.02476,0.01214,-0.02239,-0.05606,0.02676,-0.0238,0.00458,-0.0663,0.09237,-0.06812,-0.08852,0.05249,-0.0547,-0.03982,0.04801,0.05326,0.0663,-0.00676,0.03985,-0.03158,-0.04547,-0.0633,0.01315,0.04932,-0.08466,0.02411,0.00968,-0.04672,-0.0237,-0.00571,-0.02332,-0.00836,0.04048,-0.00531,0.09623,0.01692,-0.02459,-0.09373,0.02644,0.03566,-0.01835,0.01958,0.12412,-0.06921,0.04275,0.06677,-0.04879,0.05098,-0.00219,0.00722,0,-0.00003,-0.02189,-0.07533,-0.06125,0.06853,0.03194,-0.08072,-0.01814,-0.00318,0.06929,0.00876,0.01533,-0.02456,0.00507,0.07671,-0.05133,0.09608,0.00929,0.06024,-0.00453,0.01096,-0.13511,-0.05346,0.06809,0.02231,0.00939,-0.01271,0.0405,0.03175,0.02692,0.10569,0.10074,0.00133,0.04918,0.02851,0.00752,-0.03569,-0.01192,0.00561,-0.06983,-0.06906,-0.06482,-0.11213,0.12592,0.03797,0.03736,-0.03197,-0.03704,-0.0283,0.05203,-0.03697,0.04333,-0.02582,0.02433,0.02978,-0.04173,-0.06633,0.10409,-0.04316,0.06476,0.01213,-0.0753,-0.00057,-0.02404,0.01154,0.02492,-0.0595,-0.06307,0.06374,-0.02338,-0.0378,0.02964,-0.01393,0.04832,-0.08608,-0.04508,0.00301,0.10191,-0.0095,-0.03555,-0.08778,-0.05692,-0.00139,0.05603,0.01608,-0.0677,0.00769,0.01407,-0.02278,-0.01114,0.00538,0.03852,0.07734,0.00768,0.04201,0,-0.03715,0.06423,0.00118,0.01936,0.02079,-0.0671,0.03607,0.0168,0.0351,0.04108,0.0688,0.03015,0.09204,0.01508,-0.08929,-0.0776,-0.04054,-0.05771,0.04176,0.05115,-0.02256,0.00486,0.0269,-0.00733,0.00515,0.07021,-0.05577,-0.13131,-0.01039,0.03463,-0.00375,0.00727,0.01783,0.01955,-0.03492,-0.04329,0.07825,0.06066,0.03699,-0.00299,0.05082,-0.02086,0.01893,-0.03297,-0.05406,-0.03323,0.00799,-0.01472,-0.12439,-0.01235,-0.08097,0.03125,0.06495,0.00167,0.0014,-0.01754,0.10755,0.00982,0.11822,0.05964,0.00837,-0.04796,-0.02337,0.04734,0.02298,0.02134,-0.03757,-0.03451,0.07727,0.07154,0.04199,0.07846,-0.00244,0.0649,0.0229,-0.01553,-0.011,-0.09205,-0.0172,0.01566,-0.07026,0.09728,-0.04648,-0.00156,0.03339,0.03032,-0.02975,-0.03988,0.04109,0.09711,-0.06222,-0.02756,-0.06671,-0.04054,-0.04086,0,-0.06816,-0.00338,-0.01241,-0.00875,0.07458,0.0052,0.03278,-0.01175,0.0368,0.0648,0.03219,0.11654,-0.04933,-0.01523,0.08467,-0.00613,0.05925,-0.01988,-0.02148,0.05421,-0.04128,-0.02224,0.01245,0.13161,0.0067,-0.05786,0.01576,0.04914,0.01076,0.06849,-0.04056,-0.01157,0.07235,0.02005,-0.05007,0.03843,-0.14171,-0.00456,-0.00584,0.08011,0.01196,-0.01406,0.03276,0.01574,0.00619,0.06228,0.0187,-0.04201,0.00071,0.03234,-0.07579,-0.01693,0.00185,-0.02731,-0.06391,0.01959,0.04081,0.00872,-0.02734,0.00852,-0.03681,0.11131,0.03553,-0.03513],"keywords":"Angular Diagram Example – Limit Connections per Port or Node Angular Diagram Example – Limit Connections per Port or Node Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states. Limiting Connections","excerpt":"Limiting Connections"},{"chunkId":"/examples/limiting-connections#1","slug":"limiting-connections","route":"/examples/limiting-connections","section":"examples","title":"Angular Diagram Example – Limit Connections per Port or Node","description":"Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states.","group":"Connectors","vector":[-0.05086,0.03587,-0.04037,-0.02092,-0.02081,0.01774,-0.03928,-0.01694,0.01474,0.02491,-0.04075,0.0681,0.02657,0.04835,0.07109,0.0796,-0.00181,-0.04324,-0.03563,-0.07846,0.03262,-0.04022,-0.05946,-0.02903,-0.06056,-0.00251,0.00063,-0.02567,0.0659,-0.05969,-0.06636,0.00316,-0.10925,0.02024,-0.06864,0.02379,-0.01169,0.04365,-0.05236,-0.00479,0.07918,0.01251,-0.01957,-0.01134,-0.03781,-0.07606,-0.09742,-0.04728,-0.02059,0.00122,-0.06758,-0.00145,-0.0862,0.00036,0.07137,-0.11857,0.00875,-0.02851,-0.03945,0.04433,0.05609,-0.08639,-0.03048,-0.03757,0.03287,0.02527,-0.05725,0.0505,-0.03691,0.13161,-0.00383,-0.03048,-0.06232,-0.00055,0.01153,0.02694,-0.10165,0.00669,0.00874,-0.03793,-0.01678,0.0373,-0.02702,0.02406,-0.04699,0.11893,-0.02532,-0.08997,0.07777,-0.03412,-0.04314,0.03596,0.08328,0.0445,0.03336,0.01624,-0.02341,-0.02733,-0.06672,0.03675,0.03217,-0.08327,0.05335,-0.00118,-0.03632,-0.03626,-0.00352,-0.01234,-0.02596,0.03821,0.02117,0.08932,0.02721,-0.02853,-0.08007,0.01696,0.01738,-0.02362,0.02101,0.12954,-0.07252,0.05811,0.07278,-0.02799,0.04613,-0.00927,0.00036,0,0.00417,0.01333,-0.06462,0.00014,0.08718,0.04367,-0.06938,-0.01993,-0.00703,0.05976,0.00348,0.02562,-0.02572,0.04385,0.10007,-0.02648,0.07009,0.03333,0.0673,0.00521,-0.01931,-0.18998,-0.06707,0.09026,0.02499,0.01832,-0.00983,0.0867,0.02147,0.01309,0.04955,0.07237,0.05929,0.06009,0.01351,0.0046,-0.05062,-0.05168,0.03253,-0.05906,-0.05192,-0.05277,-0.09379,0.10661,0.04555,0.03668,-0.03306,-0.01226,-0.05885,0.01744,-0.02263,0.09003,0.01789,0.02473,0.02162,-0.07563,-0.03823,0.05599,-0.02489,0.08249,-0.03564,-0.00715,-0.0125,0.02977,0.01841,0.0415,-0.04961,-0.03924,0.06214,-0.0714,-0.10043,0.02794,-0.02022,0.04166,-0.08815,-0.0785,-0.01518,0.07575,0.05137,-0.05029,-0.07227,-0.05036,0.01936,0.0469,-0.00532,-0.09075,-0.00691,0.01652,-0.06351,0.00273,0.03019,0.04308,0.06713,0.033,0.06977,0,-0.05471,0.03231,0.01687,0.01566,0.00668,-0.04904,0.03109,0.0018,0.0561,0.01422,0.07311,0.03825,0.07972,-0.01034,-0.09339,-0.07668,-0.05413,-0.05865,0.0578,0.01402,0.04841,-0.00907,0.00696,0.01355,0.00677,0.05846,-0.0785,-0.1059,-0.01414,0.02531,0.012,0.00633,-0.00446,-0.01015,-0.0162,-0.06422,0.06174,0.06295,0.05522,-0.01621,0.04619,-0.00014,0.00096,-0.01412,-0.04103,-0.00903,-0.02677,-0.04941,-0.11945,-0.02836,-0.06539,0.04923,0.05396,-0.0236,-0.01996,-0.01918,0.11721,-0.01017,0.06826,0.03981,0.00784,-0.04804,-0.00157,0.05453,0.02108,0.02933,-0.02214,-0.01339,0.07386,0.07094,0.05059,0.04943,-0.01309,0.04588,0.0335,-0.02294,0.00735,-0.10298,-0.0039,0.01875,-0.08004,0.09024,0.00156,-0.00803,0.04185,0.03324,-0.03423,-0.02516,0.07387,0.07626,-0.08428,-0.01588,-0.07605,-0.02666,-0.05347,0,-0.08196,0.01614,-0.01702,-0.0387,0.04557,-0.00753,0.0051,0.00978,0.06496,0.07189,0.03656,0.06638,-0.09534,-0.00267,0.09457,-0.01272,0.03227,0.00298,-0.03264,0.01876,-0.02876,-0.01765,0.00086,0.11348,0.01222,-0.09565,0.04145,0.069,-0.01394,0.06696,-0.04107,-0.0353,0.08318,0.0858,-0.06572,0.02879,-0.10178,-0.01211,-0.01666,0.07964,0.01967,-0.03967,0.01764,-0.00028,0.00867,0.05818,0.02181,-0.02942,-0.02323,0.03046,-0.05919,0.00236,0.00582,-0.04751,-0.06079,-0.00083,0.04068,0.00049,0.01116,-0.00217,-0.08052,0.09401,0.05576,-0.04566],"keywords":"Angular Diagram Example – Limit Connections per Port or Node Angular Diagram Example – Limit Connections per Port or Node Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states. Description This example shows how to limit the number of connections that a connector, port, or node can accept. Connection limits are one of the simplest ways to keep a graph editor aligned with product rules instead of allowing arbitrary wiring. That is important in workflow builders, API mappers, and logic tools where one input may accept only one source, while another port may support many outbound connections. Without guardrails, users can create invalid states that are harder to explain and harder to repair. A clear connection limit usually improves UX because it makes the editor behave like the product domain, not like a blank canvas.","excerpt":"Description This example shows how to limit the number of connections that a connector, port, or node can accept. Connection limits are one of the simplest ways to keep a graph editor aligned with product rules instead of allowing arbitrary wiring. That is important in workflow builders, API mappers, and logic tools where one input may accept only one source, while another port may support many outbound connections. Without guardrails, users can create invalid states that are harder to explain and harder to repair. A clear connection limit usually improves UX because it makes the editor behave like the product domain, not like a blank canvas."},{"chunkId":"/examples/limiting-connections#2","slug":"limiting-connections","route":"/examples/limiting-connections","section":"examples","title":"Angular Diagram Example – Limit Connections per Port or Node","description":"Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states.","group":"Connectors","vector":[-0.04866,0.03058,-0.06993,-0.00174,0.00856,0.04183,-0.01488,0.00037,-0.03182,0.06652,-0.03288,0.0671,0.02102,0.06333,0.0339,0.02839,-0.06497,-0.02996,-0.00553,-0.04015,0.06216,-0.04311,-0.00718,-0.01196,-0.03648,-0.0251,-0.00743,-0.04589,0.06999,-0.02014,-0.01492,0.01721,-0.09404,0.042,-0.02667,0.00775,-0.02141,0.00106,-0.05321,0.01075,0.09892,0.03258,0.02322,-0.05435,-0.00541,-0.05203,-0.13727,-0.00353,-0.03265,-0.01914,-0.04556,-0.00944,-0.07372,0.03171,0.07562,-0.12023,-0.04525,-0.08828,0.00837,0.04533,0.0163,-0.12388,-0.03952,-0.04587,0.02578,0.03801,-0.10337,0.02716,-0.05337,0.14451,0.01169,-0.01116,-0.036,0.00069,0.02757,0.00486,-0.1017,0.06468,-0.00708,-0.05463,-0.03016,0.00822,-0.01205,-0.01306,-0.06506,0.12046,-0.04887,-0.06231,0.02566,-0.03025,-0.02581,0.05212,0.0469,0.04793,0.00926,0.03769,-0.09934,-0.02541,-0.04451,0.02466,0.0188,-0.0922,0.0676,0.05319,-0.02009,-0.02705,-0.01439,0.01892,-0.04513,0.03815,0.00229,0.10289,0.06957,-0.04786,-0.0624,-0.0074,0.04036,-0.02617,0.03312,0.12363,-0.03325,0.04597,0.02669,-0.05846,0.04771,0.00129,0.01918,0,-0.00565,-0.01535,-0.03677,-0.01997,0.06171,-0.00515,-0.0682,-0.02,-0.03247,0.09599,-0.03121,0.00237,-0.03244,-0.01401,0.04324,-0.07453,0.09638,0.04372,0.01654,0.00695,0.01343,-0.13717,-0.02636,0.06057,0.05404,-0.01988,-0.03188,0.04738,0.00942,0.01292,0.07084,0.08854,0.04162,0.00916,0.0322,-0.01531,-0.00285,-0.00067,-0.01907,-0.05718,-0.01643,-0.03628,-0.09374,0.15121,0.00772,0.01656,0.00299,-0.04873,-0.01331,0.04911,-0.01787,0.06239,-0.01487,0.02149,0.06943,-0.05033,-0.06511,0.07953,-0.0383,0.08058,-0.00347,-0.04859,-0.01244,-0.00459,0.04022,0.01852,-0.045,-0.02934,0.02513,-0.05994,-0.05384,0.05753,-0.03315,0.03071,-0.08231,-0.05677,0.04532,0.09381,0.02869,-0.03075,-0.07128,-0.07924,-0.02069,0.07668,0.02241,-0.09848,-0.01181,-0.01168,-0.03563,-0.07221,0.03189,0.00158,0.03445,-0.03948,0.00986,0,0.00156,0.04572,0.00391,0.03491,-0.00695,-0.04628,0.06402,0.04937,0.04879,0.04182,0.07679,0.03892,0.1011,-0.03147,-0.06311,-0.05541,-0.04776,-0.05768,0.07864,0.03161,-0.01138,0.0151,0.01841,-0.00404,0.01417,0.07304,-0.04436,-0.05355,-0.03253,0.00616,0.00519,-0.01049,-0.03811,0.02821,-0.02896,-0.0877,0.04003,0.13962,0.06749,0.00847,0.09775,0.03479,-0.00114,-0.00046,-0.04245,-0.05172,0.01177,-0.0498,-0.09594,-0.04255,-0.10348,-0.00816,0.04071,0.04738,0.0148,-0.04762,0.10628,-0.02754,0.0453,0.02001,0.08384,-0.04972,-0.01855,0.01608,0.06286,0.01488,-0.07817,-0.02975,0.07502,0.05277,0.0568,0.04037,0.02288,0.05517,0.02066,-0.00926,-0.01599,-0.05505,0.02558,0.04199,-0.08227,0.1136,-0.03364,0.03881,0.05244,0.03005,-0.04455,-0.02872,0.06661,0.0872,-0.06753,-0.05218,-0.02552,-0.02768,-0.04722,0,-0.07174,-0.01934,-0.04893,-0.04325,0.0726,-0.01646,0.01061,-0.03943,0.02324,0.06096,0.0082,0.09967,-0.0146,-0.02571,0.06268,-0.03701,0.03616,-0.00727,-0.04804,0.05095,-0.04535,-0.00402,0.02362,0.1285,0.00163,-0.08801,-0.01835,0.02311,0.00712,0.03327,-0.05788,-0.03503,0.03076,0.0193,-0.04953,0.03172,-0.14296,0.01262,0.0026,0.0715,0.02661,-0.08772,0.04474,0.0034,0.00719,0.08714,-0.00238,-0.00966,-0.01425,0.0176,-0.09233,0.0279,-0.01698,-0.00631,-0.03839,-0.01498,0.04763,0.03609,-0.01467,-0.03914,-0.02326,0.09779,0.04825,-0.01577],"keywords":"Angular Diagram Example – Limit Connections per Port or Node Angular Diagram Example – Limit Connections per Port or Node Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states. Example ::: ng-component <limiting-connections</limiting-connections [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.scss :::","excerpt":"Example ::: ng-component <limiting-connections</limiting-connections [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/limiting-connections/example.scss :::"},{"chunkId":"/examples/limiting-connections#3","slug":"limiting-connections","route":"/examples/limiting-connections","section":"examples","title":"Angular Diagram Example – Limit Connections per Port or Node","description":"Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states.","group":"Connectors","vector":[-0.01559,0.05657,-0.03761,-0.00892,0.01173,-0.00843,-0.0583,-0.02774,-0.01692,0.05783,-0.02276,0.03669,0.01212,0.06459,0.07558,0.05134,-0.02542,-0.03382,-0.00157,-0.10484,0.03123,-0.05673,-0.04814,-0.03496,-0.02905,0.01659,0.03358,0.00495,0.0844,-0.07087,-0.02072,-0.04257,-0.08441,0.01295,-0.11316,0.04366,0.02227,0.01311,-0.03874,0.02802,0.02945,0.02939,-0.00994,-0.05241,-0.00626,-0.07021,-0.11074,0.01102,-0.01966,-0.01002,-0.05795,-0.03462,-0.0877,-0.00672,0.06678,-0.0925,-0.01978,-0.04519,-0.04154,0.00003,0.04895,-0.07597,-0.04152,-0.01861,0.04189,0.05248,-0.07002,0.05723,0.00183,0.14347,0.00298,-0.05042,-0.03438,-0.0016,-0.00493,0.02593,-0.09081,0.02507,-0.00024,-0.04673,-0.03578,0.06081,-0.0149,0.05318,-0.03879,0.09975,-0.04583,-0.06822,0.03927,-0.04618,0.01658,0.03501,0.05843,0.06463,0.0415,0.04159,-0.02183,-0.05564,-0.0426,0.02771,0.04399,-0.10558,0.07563,0.01573,-0.02378,-0.03114,0.02307,-0.01202,-0.00327,0.02165,0.00683,0.10407,-0.01254,-0.01095,-0.08219,0.00282,0.0106,-0.02661,0.00818,0.07417,-0.06328,0.02038,0.10006,-0.02845,0.07831,-0.02482,-0.02241,0,-0.00315,0.0263,-0.09034,-0.02248,0.06922,0.03269,-0.08188,-0.02072,0.00063,0.11021,0.03644,0.02996,-0.02932,-0.01724,0.08783,-0.05421,0.06924,0.00235,0.05086,0.01342,0.00938,-0.12958,-0.05059,0.09158,0.0346,0.04448,-0.00348,0.06083,-0.01986,0.01686,0.1168,0.0822,0.01338,0.03034,0.04823,0.02256,-0.06433,-0.02507,0.01174,-0.07161,-0.04583,-0.08137,-0.11714,0.12965,0.05205,0.02286,-0.05274,-0.03941,-0.04327,0.02336,-0.03197,0.06548,-0.01071,0.00612,0.02362,-0.05091,-0.05559,0.06138,-0.03267,0.05064,0.02259,-0.06396,-0.03349,-0.00774,-0.01983,0.02709,-0.11384,-0.07045,0.0843,-0.05669,-0.06411,0.03904,-0.03027,0.04009,-0.07621,-0.06093,-0.01449,0.08638,0.00695,-0.03534,-0.0693,-0.04485,0.01512,0.05459,0.01141,-0.09411,0.02741,0.00337,-0.04404,0.01055,0.01548,0.05722,0.05972,0.00627,0.09316,0,-0.04144,0.06527,0.00211,0.01519,-0.00692,-0.06094,0.00952,0.00371,0.0405,0.01755,0.0489,0.02919,0.03195,-0.00217,-0.07678,-0.05328,-0.04649,-0.07974,0.06251,0.02194,-0.00747,0.02669,-0.00372,0.00584,-0.02691,0.07826,-0.06645,-0.12497,-0.00009,0.04227,-0.00784,0.0129,0.06916,-0.00805,-0.04,-0.04503,0.05638,0.0445,0.05016,-0.00809,0.02941,0.00733,0.01338,-0.05944,-0.0444,-0.02596,0.00155,-0.01387,-0.10909,-0.01108,-0.03321,0.02171,0.05659,-0.06384,0.01138,-0.03718,0.10228,0.0121,0.09231,0.05311,-0.02813,-0.03051,-0.01963,0.06265,-0.00578,0.00565,-0.01688,-0.06427,0.08751,0.05054,-0.01575,0.05456,-0.0252,0.05382,0.07188,-0.04165,-0.01333,-0.05925,0.00704,-0.00576,-0.03937,0.0669,-0.05472,0.01859,0.02125,0.05664,-0.03312,-0.03349,0.04131,0.08709,-0.04839,-0.01338,-0.07289,-0.0088,-0.00414,0,-0.10355,0.00168,0.02112,-0.03569,0.04244,0.00007,0.04544,-0.01754,0.04636,0.02758,0.01592,0.1068,-0.0797,-0.03865,0.0934,0.00807,0.05002,-0.01068,-0.03895,0.06729,-0.06182,-0.03451,0.00889,0.13245,0.04167,-0.06429,0.03209,0.06555,0.0039,0.07518,-0.01921,-0.0175,0.08241,0.05163,-0.0333,0.02313,-0.12832,-0.00894,0.02648,0.07898,0.02772,0.01615,0.04351,0.00304,-0.00301,0.07358,0.00713,-0.04454,-0.01649,0.03809,-0.08364,-0.03234,-0.02745,-0.01134,-0.06468,-0.00126,0.04911,-0.00224,0.01372,0.00842,-0.0378,0.12758,0.03891,-0.06389],"keywords":"Angular Diagram Example – Limit Connections per Port or Node Angular Diagram Example – Limit Connections per Port or Node Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states. When to use it - Enforce one-to-one or one-to-many connection rules. - Prevent invalid graph states before they reach backend validation. - Keep complex diagrams readable and easier to debug. This example is a good starting point when your nodes need structural rules, not just visual freedom.","excerpt":"When to use it - Enforce one-to-one or one-to-many connection rules. - Prevent invalid graph states before they reach backend validation. - Keep complex diagrams readable and easier to debug. This example is a good starting point when your nodes need structural rules, not just visual freedom."},{"chunkId":"/examples/limiting-connections#4","slug":"limiting-connections","route":"/examples/limiting-connections","section":"examples","title":"Angular Diagram Example – Limit Connections per Port or Node","description":"Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states.","group":"Connectors","vector":[0.00074,0.04056,-0.07007,-0.00114,-0.01762,0.02841,-0.04459,-0.0421,-0.02951,0.0594,0.00673,0.04462,0.03307,0.05895,0.05303,0.04149,-0.04617,-0.03443,0.01537,-0.09503,0.04406,-0.01995,-0.0488,-0.03786,-0.0482,0.00152,0.01353,-0.02915,0.07343,-0.04789,-0.03583,-0.03254,-0.06932,0.02746,-0.08333,-0.01719,0.00703,-0.01931,-0.05125,0.03087,0.06873,-0.0197,0.02097,-0.05664,-0.04604,-0.05408,-0.12912,0.01832,-0.02909,-0.01911,-0.05978,-0.05552,-0.07886,0.01174,0.07193,-0.13994,-0.01305,-0.04577,-0.01833,0.03253,-0.00702,-0.09055,-0.04565,-0.04569,0.03406,0.0127,-0.07569,0.04944,-0.05061,0.11962,0.00235,-0.03543,-0.00499,-0.02755,-0.00935,0.02414,-0.08725,0.04285,0.01077,-0.04179,-0.01161,0.06602,-0.02293,-0.01434,-0.06403,0.09639,-0.0761,-0.05895,0.02262,-0.07283,-0.02389,0.05237,0.02694,0.06527,0.00035,0.04962,-0.01087,-0.03533,-0.058,0.00279,0.04059,-0.07294,0.03044,0.00313,-0.01812,-0.04068,-0.03833,-0.00056,0.00004,0.0038,0.02381,0.0692,-0.01807,-0.03877,-0.07835,0.0044,0.0573,-0.01125,0.01827,0.11459,-0.10808,0.04983,0.06541,-0.04354,0.07315,-0.01491,0.0269,0,-0.00812,-0.02393,-0.09318,-0.04346,0.06703,0.02631,-0.07938,0.00776,0.01187,0.05368,0.01659,-0.01687,-0.02346,0.0146,0.07242,-0.03675,0.08928,0.00418,0.06568,0.02841,0.00676,-0.14897,-0.04819,0.07825,0.03731,0.02626,-0.01445,0.0097,0.01023,0.01334,0.09541,0.11756,0.02541,0.01303,0.01512,-0.01603,-0.02364,-0.01457,0.0081,-0.06497,-0.05356,-0.06368,-0.08226,0.12005,0.03069,0.05186,-0.02873,-0.04558,-0.01229,0.0473,-0.03205,0.04264,0.00429,0.00689,0.04531,-0.02908,-0.10102,0.09575,-0.025,0.03528,-0.0021,-0.06615,-0.02084,-0.00983,-0.01606,0.0187,-0.05736,-0.05235,0.08334,-0.01353,-0.06475,0.01631,-0.01974,0.04531,-0.08449,-0.03626,-0.00234,0.0764,0.03014,-0.04104,-0.09823,-0.04311,0.02812,0.04431,0.06398,-0.06473,-0.00092,0.01625,-0.01443,-0.03545,0.03068,0.0478,0.05197,-0.00969,0.07857,0,-0.02545,0.08261,-0.00006,0.00716,0.03165,-0.06281,0.01595,0.00559,0.04579,0.05542,0.07141,0.06095,0.09866,0.00537,-0.07763,-0.06054,-0.08442,-0.06073,0.04753,0.06091,-0.00366,-0.04025,0.05925,-0.01714,0.00518,0.04865,-0.0441,-0.11862,0.00098,0.04492,0.00785,0.02904,0.02072,0.02802,-0.03646,-0.0689,0.05379,0.06794,0.04387,0.00872,0.0572,0.00135,0.02249,-0.04415,-0.09009,-0.05026,0.02292,-0.0236,-0.11386,-0.00876,-0.09355,0.02494,0.02479,0.01251,-0.01798,-0.0473,0.11139,0.01338,0.09219,0.04122,0.02265,-0.02595,-0.01329,0.03913,0.0245,0.04051,-0.05425,-0.04377,0.07281,0.08752,0.0217,0.05633,-0.00515,0.05667,0.01439,0.00292,0.00677,-0.09799,-0.02334,0.01393,-0.05098,0.11141,-0.05023,-0.00593,0.06097,0.04288,-0.03379,-0.01734,0.03638,0.0977,-0.0612,-0.00549,-0.06366,-0.02796,-0.03262,0,-0.09822,0.00741,-0.01126,-0.02506,0.06473,-0.00907,0.04874,-0.00042,0.04622,0.0791,0.0419,0.09234,-0.05364,-0.02566,0.08703,0.01544,0.05274,-0.02122,-0.02331,0.07769,-0.02106,-0.02483,0.01758,0.149,0.00741,-0.06533,-0.00937,0.04406,0.0051,0.06409,-0.01646,-0.00257,0.04421,0.02606,-0.04061,0.0219,-0.11598,-0.0113,-0.01038,0.06532,0.01807,-0.03933,0.02075,-0.01875,0.01367,0.07228,0.01842,-0.05628,0.00514,0.09323,-0.0783,-0.01877,0.0138,-0.03553,-0.03882,-0.00013,0.04011,0.02607,-0.02,-0.01318,-0.02997,0.11532,0.08508,-0.04302],"keywords":"Angular Diagram Example – Limit Connections per Port or Node Angular Diagram Example – Limit Connections per Port or Node Restrict how many connections a node or port can accept in Angular. Enforce graph rules early and prevent invalid or messy states. Related docs - Connection Rules - Node Input Directive - Node Output Directive - Connector Outlet Example","excerpt":"Related docs - Connection Rules - Node Input Directive - Node Output Directive - Connector Outlet Example"},{"chunkId":"/examples/connection-rules#0","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.031,0.02523,-0.07447,0.00176,-0.00249,0.02504,0.00681,-0.02476,0.04186,0.00179,-0.06556,-0.02365,-0.01326,0.02457,0.03269,0.0659,-0.05988,-0.00182,-0.04163,-0.05184,0.0027,-0.06187,-0.04123,-0.02226,-0.04509,0.01892,0.01616,0.00317,0.06218,-0.05289,-0.01431,0.02823,-0.10143,0.01503,-0.08955,0.02139,0.03716,0.00859,-0.0403,0.02365,0.08969,0.04172,0.00706,-0.06556,-0.02949,0.04642,-0.1126,0.03341,-0.10063,0.04937,-0.10955,-0.07255,-0.09687,0.04549,0.06593,-0.00796,0.03507,-0.09897,-0.00726,0.04729,0.0507,-0.04535,-0.03834,0.0463,-0.02262,0.01618,-0.11577,0.07258,-0.00228,0.01322,0.00093,-0.01669,-0.01923,-0.05489,0.0038,0.00655,-0.02679,0.02138,-0.02372,-0.07403,-0.00262,0.10842,-0.02112,0.01114,-0.00263,0.09715,-0.00954,-0.08008,0.00692,0.00817,0.02938,0.02007,0.02439,0.02666,0.09891,0.01053,0.00335,-0.05189,-0.05854,0.03537,-0.01277,-0.07592,-0.00588,0.03462,0.01148,0.01089,0.00734,0.03352,0.01456,-0.01075,-0.02541,0.04,0.03295,-0.06573,-0.10227,-0.00477,0.00907,0.00317,0.05692,0.05545,-0.0152,-0.0138,0.04609,-0.06718,0.07866,-0.07042,-0.04126,0,-0.01447,-0.00612,-0.06304,0.02533,0.05879,0.01283,-0.07536,-0.09734,-0.00021,0.07661,-0.03643,0.02121,-0.05532,-0.04314,-0.01763,-0.03089,0.04167,0.01123,-0.00399,0.04096,0.05757,-0.13453,-0.04014,0.03728,0.0562,0.07085,-0.01206,0.03564,-0.00426,0.03258,0.08526,0.0037,0.05963,0.03303,-0.00153,0.01767,-0.02572,-0.06002,-0.00335,-0.04622,0.01076,-0.06893,-0.15078,0.0777,-0.03325,0.0073,-0.04255,-0.00172,0.0581,0.02925,-0.00335,0.03641,0.01896,-0.00657,0.0402,-0.06915,-0.09574,0.10495,-0.02493,0.10396,0.03548,0.05732,-0.03332,-0.04521,0.03484,0.04176,-0.05232,-0.01587,0.08534,-0.08186,-0.09817,0.04913,-0.0301,0.0498,-0.01156,-0.08104,-0.03244,0.08032,0.05814,0.01374,-0.07598,-0.04071,0.00278,0.08243,0.04759,-0.06502,0.00687,-0.02735,-0.09231,0.04325,0.08326,0.06828,0.05773,0.0177,0.11112,0,-0.0742,0.04116,0.019,0.04952,0.00182,-0.09232,0.02013,-0.00717,0.04691,0.03759,0.06596,0.0662,-0.03858,-0.00919,0.03854,-0.06666,-0.05576,-0.08958,0.0508,0.01359,0.056,0.08583,-0.067,-0.08722,-0.06614,0.04065,-0.03528,-0.06346,0.00888,0.00747,0.01009,-0.00445,-0.02945,-0.00846,-0.02019,-0.06626,0.00648,0.02347,-0.00064,-0.03168,0.03511,0.05385,-0.05407,-0.03378,-0.06153,0.0023,-0.00036,-0.02688,-0.04435,-0.00788,-0.05426,0.01275,0.02622,-0.04415,-0.02447,0.05032,0.09092,-0.00974,0.02326,-0.01458,0.02887,-0.02983,0.0481,0.02378,0.06773,0.00549,0.02284,-0.0312,0.09311,0.02541,0.03213,0.09002,-0.05931,0.02766,0.09532,-0.00729,0.02187,-0.03548,0.02924,0.02882,-0.04693,0.11262,0.03323,0.03885,0.08004,0.03881,-0.04235,-0.02571,0.04027,0.07601,-0.04916,0.00867,0.00788,-0.02298,-0.05394,0,-0.14645,-0.02561,-0.03496,-0.05132,0.06723,0.04556,-0.03589,-0.0127,0.00055,0.03997,-0.00138,0.11287,-0.04964,-0.03802,0.11535,-0.03249,0.01334,-0.01796,-0.02738,0.00084,-0.00775,0.00461,0.04155,0.15973,0.00212,-0.06633,0.02732,0.02989,-0.04733,0.04341,-0.00106,0.00471,0.05143,0.08249,-0.01386,0.05981,-0.09756,0.00284,-0.05264,0.03797,0.05295,-0.00344,0.04436,0.00276,-0.00318,0.11683,0.00426,-0.05696,-0.06408,0.028,-0.05763,0.00608,-0.0606,0.02438,-0.02971,-0.03306,-0.01008,-0.00087,0.00346,0.01782,-0.08251,0.0862,0.06748,-0.06084],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. Connection Rules","excerpt":"Connection Rules"},{"chunkId":"/examples/connection-rules#1","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.00895,0.02941,-0.10806,0.02297,0.00313,0.05839,0.00366,-0.04652,0.07733,-0.04129,-0.0617,-0.01593,-0.02475,0.021,-0.02072,0.02523,-0.07208,-0.03757,-0.04157,-0.05678,0.0363,-0.06402,-0.03111,-0.05601,-0.09051,0.03632,0.02866,-0.02114,0.02336,-0.06908,-0.02544,0.03999,-0.10888,0.00539,-0.08088,-0.01667,0.02288,-0.02613,-0.05175,-0.00229,0.07163,0.00103,0.03716,-0.06215,-0.0453,0.01719,-0.12873,0.02274,-0.08713,0.06682,-0.08922,-0.0293,-0.04506,0.09271,0.07833,0.022,0.032,-0.12303,0.00168,0.01397,0.02914,-0.03267,-0.00525,0.00912,-0.02118,0.00516,-0.10117,0.05207,-0.00372,0.01426,0.02734,0.00258,-0.0253,-0.04742,0.05342,0.03161,-0.02838,0.03371,0.00215,-0.07215,0.03178,0.10458,-0.01919,-0.00623,0.02653,0.12675,-0.05819,-0.04462,-0.04105,-0.00127,0.0123,-0.00351,0.05159,0.01473,0.06381,-0.02275,-0.00423,-0.03071,-0.05418,0.0162,-0.05058,-0.04305,0.00452,0.05335,0.0303,0.00207,0.01861,0.02954,0.00996,-0.02579,-0.00654,0.03846,0.06493,0.00153,-0.11108,0.0148,-0.0274,0.01855,0.06376,0.06938,-0.01019,0.00108,0.01505,-0.03121,0.05915,-0.03972,-0.07178,0,0.00946,-0.03843,-0.06449,-0.05448,0.04672,0.00509,-0.04643,-0.08111,-0.0075,0.07206,-0.09121,0.00065,-0.07621,-0.00654,0.01515,-0.04583,0.0291,0.05221,-0.02994,0.01212,0.04562,-0.08617,-0.04012,-0.03889,0.08374,0.06245,-0.06365,0.03031,0.05247,0.04912,0.06685,0.01762,0.03625,0.02008,-0.00628,-0.0111,0.00437,-0.02976,-0.0368,-0.03054,0.03219,-0.05596,-0.12446,0.10245,-0.03749,0.01267,-0.00837,0.00419,0.00663,0.01869,-0.01112,0.04024,0.02198,-0.04662,0.02972,-0.13736,-0.10506,0.08771,-0.03481,0.08803,0.00072,0.06885,-0.05154,-0.00841,0.03311,0.05875,-0.02182,-0.03177,0.08039,-0.0662,-0.07685,0.04802,-0.04167,0.03343,-0.00421,-0.06321,-0.04956,0.01719,0.01119,-0.00887,-0.04096,-0.01954,-0.00589,0.06973,0.08087,-0.02719,-0.01337,-0.04292,-0.08761,0.00242,0.03545,0.08278,0.03127,-0.00979,0.1235,0,-0.05421,0.05393,0.02395,0.00972,-0.025,-0.06327,0.03648,-0.0302,0.06191,0.02383,0.03065,0.05638,-0.03848,-0.03635,0.03088,-0.03562,-0.10432,-0.05799,0.03417,0.01068,0.05717,0.06904,-0.02993,-0.00541,-0.05913,0.01068,0.00379,-0.03841,-0.0042,-0.01559,0.0152,-0.03084,-0.07024,-0.00122,-0.04111,-0.09268,0.01343,0.04386,0.03914,0.02821,0.02121,0.0493,-0.09465,0.0439,-0.02749,-0.03092,-0.01558,-0.00735,-0.00754,-0.03231,-0.06173,0.00415,0.03403,-0.00896,0.01192,0.04714,0.15761,-0.01642,-0.00281,0.01878,0.04036,-0.03047,0.06274,-0.00294,0.09698,-0.00384,0.0336,-0.0247,0.13079,0.02865,0.05859,0.08827,0.00595,0.03046,0.08198,-0.02178,-0.00685,-0.05892,0.04819,0.04981,-0.05901,0.08217,0.05294,0.02915,0.06776,0.03453,0.04386,-0.00241,0.0377,0.09957,-0.02854,0.01191,0.05335,-0.02125,-0.10924,0,-0.09685,-0.0091,-0.08503,-0.03724,0.04402,0.05247,-0.07813,-0.02273,0.00638,-0.00889,-0.02176,0.12529,-0.04779,0.01099,0.12385,-0.03262,0.03274,-0.01428,-0.03356,0.03825,0.03409,-0.00347,-0.00314,0.15381,-0.0253,-0.11797,0.02737,0.02206,-0.01072,0.05261,-0.02589,0.00305,0.01331,0.09865,-0.02525,0.06241,-0.07674,0.01089,-0.05104,0.02823,0.09366,-0.01077,0.00233,-0.02419,-0.00913,0.05969,0.01144,-0.03836,-0.04903,0.07431,-0.06944,0.00182,-0.02639,0.03196,-0.00845,-0.05308,-0.01892,0.0062,0.01127,0.01838,-0.02061,0.08097,0.09253,-0.06153],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. Description This example demonstrates how to control which input connectors can be connected to a given output connector. The rules work in two ways: - By input ID (fInputId) - By input category (fInputCategory) On the output side you define fCanBeConnectedInputs, which may include specific input IDs and/or categories. During a drag operation, the system checks whether the target input ID or category is present in that array and only then allows the connection. f Input Id f Input Category f Can Be Connected Inputs I Ds","excerpt":"Description This example demonstrates how to control which input connectors can be connected to a given output connector. The rules work in two ways: - By input ID (fInputId) - By input category (fInputCategory) On the output side you define fCanBeConnectedInputs, which may include specific input IDs and/or categories. During a drag operation, the system checks whether the target input ID or category is present in that array and only then allows the connection."},{"chunkId":"/examples/connection-rules#2","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.07312,0.04416,-0.07787,0.01193,0.03663,0.03953,0.00955,-0.02455,0.00662,0.02295,-0.05913,0.01039,-0.00288,0.05854,0.01834,0.04106,-0.07967,-0.00736,-0.04298,-0.04415,0.02653,-0.05485,-0.01759,-0.00843,-0.0275,0.00513,-0.00089,-0.01358,0.05902,-0.01059,0.02354,0.03633,-0.11502,0.00655,-0.019,0.03287,0.05727,0.01026,-0.04891,0.00799,0.11364,0.01111,0.01719,-0.0789,-0.00267,0.01135,-0.1001,0.02824,-0.07504,0.01569,-0.08478,-0.07407,-0.06793,0.04668,0.07001,-0.01936,0.01009,-0.10177,-0.0097,0.00171,0.02495,-0.11084,-0.05042,0.0025,-0.0069,0.03419,-0.12512,0.03614,-0.05736,0.08518,0.00328,0.00354,-0.02434,-0.01508,0.01627,0.00764,-0.07189,0.05495,-0.00926,-0.07637,0.01878,0.04543,-0.02022,0.01809,-0.01693,0.10865,0.00065,-0.07178,0.0239,-0.00409,0.04222,0.04123,0.00406,0.03241,0.04627,0.03431,-0.08116,-0.01238,-0.04223,0.05898,-0.01318,-0.08981,0.02153,0.07528,0.06036,0.0081,0.00198,0.06507,-0.01534,0.04571,0.00484,0.06937,0.05824,-0.05252,-0.05383,-0.01739,0.03007,0.0034,0.03145,0.06801,-0.03344,-0.0048,0.0107,-0.06892,0.08433,-0.04679,0.01227,0,-0.01346,0.0041,-0.06036,0.02194,0.04999,-0.00785,-0.07213,-0.07801,-0.04456,0.11046,-0.0659,-0.0094,-0.0466,-0.08041,-0.01133,-0.04104,0.05025,0.01465,-0.00832,0.03993,0.03032,-0.13537,-0.03113,0.04135,0.0651,0.0087,-0.0422,0.02324,0.00476,0.01391,0.07309,0.03382,0.10546,0.01237,0.0229,0.00421,-0.00753,-0.03145,-0.02161,-0.03687,0.02449,-0.04692,-0.10958,0.12399,-0.02293,-0.0021,-0.02782,-0.01425,0.06533,0.01409,-0.03996,0.05213,0.0124,-0.03573,0.04038,-0.0669,-0.08811,0.11795,-0.03677,0.06948,0.02847,0.01757,-0.02976,-0.0194,0.03984,0.01941,-0.06626,-0.01359,0.04546,-0.11824,-0.08059,0.06349,-0.03351,0.05825,-0.04011,-0.07835,0.0038,0.10524,0.07803,-0.03121,-0.0399,-0.05355,-0.04923,0.12086,0.03554,-0.10289,-0.01126,-0.02615,-0.06818,-0.03051,0.07777,0.0345,0.02453,-0.0241,0.0446,0,0.00308,0.03037,0.00613,0.05946,-0.02843,-0.04661,0.06942,0.03463,0.06502,0.05495,0.07221,0.06122,0.00257,-0.0547,0.00758,-0.05345,-0.07202,-0.08017,0.0799,0.00862,0.04166,0.06998,-0.0617,-0.03716,-0.04995,0.03818,-0.01138,-0.02336,-0.04332,0.02488,0.01659,0.0029,-0.05851,0.01206,-0.03486,-0.10534,0.01192,0.08819,0.04385,-0.02832,0.06863,0.08876,-0.05576,-0.03239,-0.04352,0.00108,0.04679,-0.05303,-0.06318,-0.03588,-0.0486,-0.01888,0.02321,0.0157,-0.03175,0.00795,0.07284,-0.04626,0.00877,0.00832,0.08424,-0.0325,0.01411,0.03116,0.06966,0.03701,-0.03291,-0.01948,0.12398,0.00246,-0.00034,0.03016,0.00946,0.01294,0.06554,0.00364,0.02546,-0.03318,0.04152,0.05183,-0.08261,0.11862,-0.01197,0.04805,0.07224,0.05166,-0.05983,-0.01484,0.04634,0.06857,-0.06109,-0.02703,0.00633,-0.0402,-0.05167,0,-0.10184,-0.02815,-0.04822,-0.06768,0.05886,0.01018,-0.00567,-0.07277,0.01177,0.02413,-0.02295,0.08448,-0.03582,-0.0569,0.06981,-0.04986,0.01556,-0.00722,-0.06185,0.04759,-0.02217,-0.00282,0.05397,0.14219,0.02825,-0.08153,-0.02783,0.00817,-0.01831,0.03139,-0.0238,-0.02265,0.02095,0.04884,-0.04981,0.04859,-0.12542,0.02276,-0.00713,0.03517,0.05324,-0.05758,0.05038,-0.00003,0.0087,0.10542,0.00388,-0.02008,-0.04215,0.02726,-0.06197,0.03123,-0.04534,0.01447,-0.01349,-0.08262,0.02491,0.0394,-0.0169,-0.02889,-0.03948,0.08251,0.07379,-0.05746],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. Example ::: ng-component <connection-rules</connection-rules [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.scss :::","excerpt":"Example ::: ng-component <connection-rules</connection-rules [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connection-rules/example.scss :::"},{"chunkId":"/examples/connection-rules#3","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.0444,0.02553,-0.07421,0.04705,0.0382,0.05654,0.04419,-0.03287,0.0505,0.00664,-0.04279,0.01857,-0.02226,0.04527,-0.02154,0.0274,-0.03147,0.00372,-0.04035,0.00652,-0.00644,-0.07373,-0.03788,-0.02547,-0.07216,0.01934,0.00675,-0.02585,0.06821,-0.09887,-0.04804,0.00676,-0.13941,0.02004,-0.09177,0.00634,0.06335,-0.00748,-0.07219,0.01707,0.08408,0.00037,0.03165,-0.05741,-0.03391,0.02735,-0.06826,0.00559,-0.08541,0.08294,-0.09088,-0.0612,-0.04873,0.05189,0.04915,0.01186,0.07417,-0.07152,-0.00704,0.03437,0.03932,-0.05025,-0.03436,0.02194,-0.00643,0.03077,-0.0974,0.05537,-0.02923,0.04243,0.0309,-0.01065,-0.00197,-0.02657,0.04559,0.04034,-0.04842,0.05213,-0.01802,-0.02683,0.03461,0.06215,-0.03182,-0.00548,0.00389,0.14616,-0.05067,-0.07292,-0.03145,-0.01569,0.01563,0.01959,0.02519,0.02796,0.04019,-0.00844,-0.02456,-0.05753,-0.06228,0.03596,-0.01125,-0.04892,0.0171,0.06196,0.02207,-0.006,-0.01964,0.00019,-0.0308,-0.00019,-0.00868,0.01336,0.01678,-0.05172,-0.10414,-0.02421,-0.03461,-0.01521,0.05966,0.04846,-0.01207,0.01159,0.04908,-0.05848,0.06799,-0.06634,-0.05931,0,-0.01497,-0.01192,-0.05424,0.01899,0.05138,-0.00446,-0.06076,-0.09197,-0.02459,0.05115,-0.03436,0.00157,-0.05769,-0.00806,-0.00733,-0.0806,0.04733,0.02639,-0.03636,0.02556,0.04078,-0.12085,-0.04581,-0.03648,0.07219,0.07774,-0.04864,0.04755,0.00829,0.03794,0.06843,0.0117,0.04458,0.0225,-0.01306,-0.0077,-0.02757,-0.03114,-0.0001,-0.03955,0.02544,-0.05501,-0.12451,0.12007,-0.00888,0.01061,-0.00263,-0.02651,-0.0056,0.0241,0.00047,0.02295,0.02081,-0.02143,0.04264,-0.10775,-0.08785,0.1092,-0.03759,0.06079,0.02117,0.04203,-0.06941,-0.06756,0.04528,0.05948,-0.0608,0.0056,0.05466,-0.0961,-0.10382,0.05975,-0.02116,0.02757,-0.00165,-0.08386,-0.04531,0.03437,0.09239,-0.03317,-0.04315,-0.08108,0.00297,0.06267,0.03221,-0.09297,-0.00443,-0.03718,-0.08722,0.01617,0.06555,0.07825,0.02726,0.01941,0.08346,0,-0.05094,0.06069,0.02927,0.08357,-0.00718,-0.05032,0.03706,0.00339,0.05919,0.02221,0.05085,0.06282,-0.03507,0.00738,-0.00573,-0.02568,-0.09145,-0.10117,0.0481,-0.01225,0.08827,0.04018,-0.02812,-0.04705,-0.08295,0.03197,0.01301,-0.06118,-0.01279,0.02138,0.03809,-0.00895,-0.04952,-0.00528,-0.02201,-0.08143,0.01406,0.07935,0.03006,-0.02011,0.02805,0.04464,-0.05282,-0.00019,-0.0395,0.01027,-0.02909,-0.04583,-0.03725,0.0063,-0.08392,0.01143,-0.01465,-0.00465,-0.01073,0.0344,0.09828,0.00085,0.01575,0.02347,0.06893,-0.01811,0.00685,-0.0259,0.10213,0.03537,-0.00656,-0.0402,0.13475,0.0553,0.08444,0.10939,-0.0145,-0.00327,0.0948,-0.03238,0.05719,-0.04115,0.04956,0.03264,-0.03979,0.10169,0.03489,0.03833,0.05767,0.05994,-0.02112,-0.01019,0.0363,0.04557,-0.04346,0.00334,0.03676,-0.03362,-0.08091,0,-0.13006,-0.01316,-0.0261,-0.05131,0.04019,0.06713,-0.04003,-0.00679,0.01852,0.0082,-0.01633,0.11357,-0.03965,0.00144,0.10635,-0.01672,0.00635,0.0139,-0.0491,0.01621,0.02177,0.02608,0.0482,0.16846,-0.02274,-0.08026,0.00758,0.03565,-0.00867,0.04787,-0.01007,0.0032,0.02344,0.04979,-0.0424,0.08552,-0.1099,0.00405,-0.02904,0.04392,0.06961,-0.00628,-0.00211,-0.01325,0.0035,0.1055,0.01811,-0.06417,-0.09921,0.03338,-0.0512,0.00627,-0.0688,0.04946,-0.00839,-0.06265,-0.01817,0.0125,0.00846,0.00401,-0.05603,0.07241,0.07102,-0.00977],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. Visual feedback When a connection starts being dragged: - The container receives the CSS class .f-connections-dragging. - Every input connector that can accept the connection gets the class .f-connector-connectable. - Inputs without this class are treated as invalid targets and can be dimmed or styled differently. This gives the user immediate feedback about which targets are valid before they complete the drag.","excerpt":"Visual feedback When a connection starts being dragged: - The container receives the CSS class .f-connections-dragging. - Every input connector that can accept the connection gets the class .f-connector-connectable. - Inputs without this class are treated as invalid targets and can be dimmed or styled differently. This gives the user immediate feedback about which targets are valid before they complete the drag."},{"chunkId":"/examples/connection-rules#4","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.02019,0.01124,-0.09872,0.007,0.00949,0.02787,-0.00815,-0.03032,0.04822,0.01387,-0.07402,-0.02641,-0.00034,0.0491,0.05409,0.06461,-0.03322,-0.0184,-0.02598,-0.0504,0.00681,-0.06782,-0.03701,-0.03089,-0.04836,0.0082,-0.00121,0.00712,0.05751,-0.03269,-0.01134,0.01506,-0.10475,0.04221,-0.06973,0.03333,0.03019,0.00856,-0.04687,0.02241,0.07707,0.04609,0.02976,-0.05686,-0.03602,-0.0005,-0.11912,0.00594,-0.08582,0.0441,-0.06834,-0.05929,-0.09008,0.05328,0.06127,0.00421,0.01852,-0.07678,-0.01107,0.05751,0.02725,-0.04707,-0.03012,0.00505,-0.01135,0.03276,-0.11722,0.06324,-0.01097,0.03893,0.03401,-0.02357,-0.0453,-0.04252,0.01829,0.00502,-0.0296,0.0296,-0.006,-0.09873,0.01092,0.08313,-0.01365,0.01002,-0.00969,0.11071,0.00155,-0.09357,0.02812,0.05116,0.0235,0.02955,0.05096,0.02016,0.1021,-0.007,0.00843,-0.0049,-0.0596,0.02766,-0.00795,-0.08164,-0.0071,0.05197,0.03541,-0.01048,0.03296,0.02458,0.00281,0.00015,-0.01762,0.06568,0.03149,-0.07079,-0.08667,-0.00813,0.01057,0.00579,0.02201,0.05354,-0.07278,-0.0185,0.0375,-0.05852,0.06827,-0.06339,-0.04644,0,0.00966,-0.00588,-0.07692,-0.02101,0.04208,0.04565,-0.08348,-0.08803,-0.02217,0.05762,-0.04276,-0.00427,-0.06392,-0.03032,0.01423,0.0063,0.05335,0.02733,0.00614,0.04534,0.05567,-0.13773,-0.05533,0.04067,0.0543,0.06292,-0.0299,0.03649,0.02391,0.03688,0.04622,-0.0106,0.07305,0.03609,0.01299,0.02839,-0.04573,-0.03447,0.01264,-0.05967,0.01468,-0.0505,-0.12198,0.06315,-0.01617,0.02469,-0.04156,0.00206,0.0178,0.00927,-0.01429,0.04879,0.01813,-0.00938,0.04372,-0.05943,-0.06895,0.08071,-0.02597,0.07719,0.03474,0.04278,-0.05405,-0.03219,0.05035,0.06818,-0.06571,-0.02971,0.0665,-0.09296,-0.1129,0.05844,-0.05454,0.04321,-0.02601,-0.07494,-0.04265,0.09988,0.05932,0.00213,-0.05877,-0.08103,-0.01418,0.11106,0.03781,-0.04746,-0.01543,-0.01468,-0.06912,0.03217,0.0873,0.05468,0.02687,0.02396,0.0956,0,-0.06818,0.04922,0.02282,0.0231,0.01026,-0.06774,0.01247,-0.0286,0.05892,0.05379,0.07958,0.03414,-0.02612,-0.03936,-0.00154,-0.07093,-0.08971,-0.07109,0.04015,-0.00457,0.02994,0.02944,-0.0384,-0.04526,-0.01155,0.01796,-0.05469,-0.04218,-0.00666,-0.01267,0.01009,0.01441,-0.04419,-0.04058,-0.01668,-0.09112,0.01251,0.0252,0.02364,-0.00691,0.01627,0.06791,-0.0676,0.00938,-0.03965,0.04773,-0.0025,-0.01399,-0.04754,0.01061,-0.0673,0.00659,0.04165,-0.05409,-0.01555,0.02549,0.11471,0.00729,0.02231,-0.00573,0.03176,-0.03477,0.04336,0.02194,0.05864,0.01347,0.01508,-0.00165,0.09676,0.039,0.0778,0.05737,-0.04918,0.0182,0.07388,-0.03197,0.02775,-0.04773,0.04203,0.03975,-0.0671,0.13364,0.03465,0.03214,0.09566,0.05291,-0.0324,-0.02708,0.0394,0.10783,-0.06346,-0.00803,0.00153,-0.04345,-0.08655,0,-0.14762,-0.01613,-0.06139,-0.06577,0.04929,0.06559,-0.04155,-0.02979,0.03792,0.06286,-0.01337,0.10779,-0.07662,-0.02946,0.10379,-0.05619,0.04476,-0.02384,-0.02453,0.02137,-0.00234,-0.00982,-0.00166,0.16638,0.01999,-0.09348,0.04767,0.03437,-0.04822,0.08028,-0.01801,0.00364,0.05155,0.08149,-0.03515,0.06735,-0.09262,0.01011,-0.04975,0.02509,0.06394,0.00271,0.03403,-0.00051,-0.01915,0.11484,0.03827,-0.05832,-0.03572,0.03617,-0.06619,0.00394,-0.03148,0.00624,-0.02151,-0.01674,0.00106,-0.0217,0.02671,-0.01232,-0.0582,0.06434,0.09125,-0.06261],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. When to use it Use connection rules when your editor has domain constraints such as: - one node type can connect only to a specific target, - only certain categories of inputs are valid, - the UI should show allowed targets before the user commits the connection, - your application needs both better UX and cleaner graph data.","excerpt":"When to use it Use connection rules when your editor has domain constraints such as: - one node type can connect only to a specific target, - only certain categories of inputs are valid, - the UI should show allowed targets before the user commits the connection, - your application needs both better UX and cleaner graph data."},{"chunkId":"/examples/connection-rules#5","slug":"connection-rules","route":"/examples/connection-rules","section":"examples","title":"Connection Rules in Angular Flow Diagrams","description":"Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback.","group":"Connectors","vector":[-0.04118,0.02661,-0.08044,0.01635,0.01017,0.02962,0.02087,-0.02513,0.03331,0.00199,-0.05604,-0.01462,-0.00552,0.02963,0.02257,0.07067,-0.06797,-0.00434,-0.04737,-0.05364,0.01127,-0.06205,-0.04487,-0.03536,-0.04018,0.00767,0.01452,-0.00728,0.05676,-0.05143,-0.01879,0.01849,-0.11434,0.00973,-0.09542,0.01625,0.05157,-0.00229,-0.04326,0.02446,0.10193,0.02722,0.02147,-0.06222,-0.04288,0.0457,-0.1047,0.02815,-0.08901,0.05693,-0.11288,-0.07965,-0.0871,0.06069,0.07474,-0.00435,0.03197,-0.09624,-0.01555,0.03413,0.05569,-0.0574,-0.03982,0.03847,-0.02461,0.00672,-0.12386,0.08029,-0.01744,0.01179,-0.01007,-0.01965,-0.01982,-0.05527,0.01005,0.01001,-0.02631,0.02739,-0.01836,-0.08031,0.00722,0.10673,-0.0215,0.00458,-0.00446,0.1097,-0.00446,-0.08181,0.00015,0.00305,0.04468,0.01987,0.01285,0.0221,0.07954,-0.0049,-0.01101,-0.03504,-0.05078,0.02621,-0.01184,-0.07729,-0.01474,0.04894,0.0148,0.00256,0.00734,0.01683,0.01512,0.02006,-0.02946,0.04797,0.02857,-0.08356,-0.09054,-0.00449,0.00428,0.02193,0.0501,0.04369,-0.02999,-0.01242,0.03774,-0.07434,0.07899,-0.05758,-0.0369,0,-0.00777,-0.01845,-0.07984,0.01984,0.05431,0.00984,-0.07402,-0.09582,-0.0139,0.07424,-0.04976,0.01498,-0.04803,-0.03534,-0.0289,-0.04666,0.03829,0.01194,0.01289,0.04979,0.05053,-0.13679,-0.0393,0.03161,0.06525,0.06387,-0.0133,0.02535,0.01801,0.03496,0.08651,0.00107,0.04915,0.02939,-0.00315,0.02933,-0.03952,-0.05267,0.00264,-0.04445,0.00993,-0.07994,-0.14978,0.07625,-0.04601,0.00541,-0.03062,-0.01285,0.05771,0.01998,-0.01155,0.01939,0.01146,-0.00953,0.04677,-0.06867,-0.10055,0.1097,-0.03705,0.10226,0.03369,0.04997,-0.039,-0.04415,0.04872,0.05031,-0.05489,-0.01667,0.07212,-0.08537,-0.09909,0.04792,-0.03543,0.03849,-0.02138,-0.07565,-0.03723,0.066,0.06137,0.0054,-0.08361,-0.05512,0.00721,0.07791,0.05031,-0.06246,0.00248,-0.02638,-0.08333,0.02351,0.08265,0.0565,0.05637,0.0186,0.10789,0,-0.06003,0.03613,0.02232,0.05213,0.00699,-0.07556,0.03111,0.01172,0.05243,0.03396,0.05527,0.07287,-0.02449,-0.00663,0.03369,-0.06072,-0.07115,-0.08798,0.04006,-0.00062,0.04945,0.06791,-0.05131,-0.07259,-0.06485,0.01623,-0.02093,-0.05582,0.00156,0.00494,0.01783,-0.00094,-0.04476,0.00566,-0.02516,-0.0688,0.02658,0.04485,0.01285,-0.02738,0.02892,0.05399,-0.05186,-0.02401,-0.05838,0.01876,-0.01093,-0.02992,-0.04832,-0.00403,-0.05035,0.01713,0.02079,-0.02041,-0.01766,0.05139,0.09606,-0.01297,0.0222,-0.01549,0.03543,-0.02871,0.04575,0.01386,0.07576,0.01327,0.01274,-0.02974,0.1022,0.03139,0.02278,0.09025,-0.03874,0.02326,0.094,-0.0153,0.03913,-0.04258,0.03418,0.02666,-0.04619,0.11458,0.02958,0.03513,0.07663,0.04981,-0.02684,-0.01899,0.04214,0.07185,-0.0658,0.00004,0.01234,-0.0347,-0.07344,0,-0.13935,-0.03541,-0.02875,-0.06688,0.06579,0.06284,-0.03124,-0.00522,0.01104,0.04362,0.0021,0.1099,-0.04228,-0.0367,0.10151,-0.02742,0.02548,-0.01098,-0.0257,-0.00457,-0.00815,-0.00824,0.0418,0.16862,0.01087,-0.0729,0.02441,0.01821,-0.04017,0.03738,-0.0139,0.00994,0.05006,0.0604,-0.00969,0.07616,-0.10225,0.00665,-0.04821,0.04547,0.06553,-0.00243,0.05134,0.0036,-0.00325,0.11653,0.00326,-0.06229,-0.06676,0.03115,-0.04434,0.00727,-0.04389,0.02446,-0.03065,-0.03152,-0.01425,0.00495,0.00795,0.01197,-0.08115,0.09399,0.08426,-0.04515],"keywords":"Connection Rules in Angular Flow Diagrams Connection Rules in Angular Flow Diagrams Learn how to restrict and validate connections between nodes in Angular flow diagrams with Foblex Flow using IDs, categories, and visual feedback. Related docs - Connection Rules Docs - Drag to Connect Example","excerpt":"Related docs - Connection Rules Docs - Drag to Connect Example"},{"chunkId":"/examples/connectable-side#0","slug":"connectable-side","route":"/examples/connectable-side","section":"examples","title":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left)","description":"Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams.","group":"Connectors","vector":[-0.02166,-0.04594,-0.07997,0.09377,-0.00159,0.07419,-0.04562,0.03228,0.00341,0.0847,-0.00527,0.10004,-0.02659,0.05129,-0.05718,-0.0171,-0.03154,-0.05534,-0.01167,-0.01409,-0.08889,-0.06383,-0.02389,-0.03319,0.00202,-0.02715,0.02408,-0.00632,0.02818,-0.04693,-0.04113,0.00653,-0.10862,-0.00121,-0.1175,-0.01784,0.06399,0.0136,-0.01249,-0.02579,0.09466,-0.02428,-0.01523,-0.05243,-0.04941,0.05428,-0.16484,0.00842,-0.06515,0.1064,-0.03739,-0.02382,-0.06395,0.02735,0.04773,-0.01491,0.00999,-0.04271,-0.0037,0.03474,0.0584,-0.01246,-0.03493,0.01257,0.0221,-0.03584,-0.03325,0.09338,-0.02636,-0.00119,0.00976,-0.06766,-0.00499,-0.06906,0.03951,0.00639,0.01903,0.05772,-0.02053,-0.01785,0.03769,0.16214,-0.00378,0.05954,-0.07778,0.09413,-0.0414,0.0091,0.03694,-0.08567,0.00438,-0.02043,0.07358,-0.01823,0.04198,0.00373,-0.02975,0.02503,-0.07739,-0.01704,0.03428,-0.05921,0.1039,-0.03021,0.01834,-0.0344,-0.04577,0.02578,0.03627,-0.04907,0.01448,0.03064,-0.01829,-0.09157,-0.07921,-0.04207,-0.06027,0.00918,0.06727,0.03605,-0.06012,0.01631,0.0903,-0.01889,0.05345,-0.04583,-0.04511,0,-0.0107,-0.00018,0.00215,0.05669,-0.00261,0.02135,-0.01913,-0.03369,0.04175,0.06761,0.02478,0.04972,-0.06426,0.02379,0.04873,-0.04583,-0.0081,0.01057,-0.09264,0.00114,-0.04641,-0.0664,-0.01494,0.06489,0.11808,0.02216,-0.00103,0.03429,-0.02647,-0.00252,0.09073,0.07509,0.00918,0.03958,0.02646,-0.03776,-0.08424,-0.02927,-0.04583,-0.01208,-0.01119,-0.06515,-0.10514,0.05683,-0.00732,0.01949,-0.01575,-0.00657,0.02071,0.00916,-0.0341,0.03733,0.02219,-0.04099,0.05095,-0.03435,-0.06662,0.0675,0.00668,0.0635,-0.00587,-0.03507,-0.02869,-0.04532,-0.04074,0.01051,-0.05511,-0.09096,0.10415,-0.06438,-0.12066,0.00222,0.00304,0.08649,-0.07699,-0.04313,-0.06077,0.0621,0.08307,-0.01556,-0.06116,-0.04225,0.02569,-0.00179,0.03604,-0.11664,-0.00621,-0.03368,-0.0285,-0.04505,0.05173,0.08935,0.0086,0.09249,0.04647,0,-0.05746,0.0107,-0.02744,0.00286,-0.03731,-0.05904,0.0392,-0.01058,0.05303,0.08817,0.12473,0.04153,-0.00245,-0.02183,-0.00879,-0.00633,0.01638,-0.0738,0.03311,0.01214,0.01848,-0.02941,0.03029,-0.05586,-0.02054,0.07174,0.01447,-0.06807,0.03243,0.0459,-0.00112,-0.0434,-0.01885,0.02441,-0.10037,-0.07999,0.00091,0.03352,0.03466,-0.07712,0.00342,0.05027,0.00634,0.00372,-0.04998,-0.03023,-0.0539,-0.00084,-0.07116,-0.08143,-0.04176,0.04496,0.08453,-0.02639,-0.02124,-0.0212,0.04478,0.00451,0.04936,0.02463,0.04788,-0.02877,0.06486,-0.00682,-0.03859,0.06513,0.00027,-0.11721,0.05698,0.02428,0.00954,0.04647,0.00122,-0.0453,0.07778,0.01686,-0.01072,-0.07993,0.04679,-0.0762,-0.03148,0.03442,-0.00536,0.03944,0.02019,0.00113,-0.0435,0.05901,0.07845,0.05316,-0.04045,-0.02948,0.01966,0.05712,0.01809,0,-0.05361,-0.02017,-0.01304,-0.0647,-0.02056,0.00866,0.02794,0.0228,-0.00259,0.09135,0.00407,0.10888,-0.06397,0.00775,0.11183,0.03535,0.00822,0.03652,0.00769,0.0383,0.02463,-0.05204,0.08256,0.12018,0.00778,-0.01019,-0.04992,0.08543,-0.02798,0.03013,0.00141,-0.0645,0.03693,0.05511,-0.00248,0.06339,-0.11724,0.00579,-0.0278,0.04601,0.04516,0.00856,-0.00093,0.02131,0.02797,0.06442,0.04397,0.03611,-0.09508,0.03024,-0.07797,-0.00131,-0.04232,-0.07994,-0.05967,-0.02052,0.08495,-0.00116,-0.00754,0.00078,-0.04059,0.12424,-0.02321,-0.02918],"keywords":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams. --- toc: false wideContent: true --- Connectable Side wide Content","excerpt":"--- toc: false wideContent: true --- Connectable Side"},{"chunkId":"/examples/connectable-side#1","slug":"connectable-side","route":"/examples/connectable-side","section":"examples","title":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left)","description":"Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams.","group":"Connectors","vector":[0.00362,-0.03353,-0.05771,0.08573,-0.02469,0.06006,-0.03899,0.03614,0.03046,0.07102,0.01086,0.12502,-0.0322,0.05349,-0.05081,0.00485,-0.0554,-0.04727,-0.01578,-0.00584,-0.07961,-0.06807,-0.01318,-0.03296,0.00389,-0.03772,0.05048,0.01533,0.03391,-0.04905,-0.01397,-0.03032,-0.10969,-0.00517,-0.14312,-0.02915,0.02698,0.01504,-0.04932,-0.00647,0.10368,-0.03354,-0.01324,-0.06106,-0.05868,0.02815,-0.13868,0.00631,-0.078,0.08995,-0.05232,-0.03786,-0.07108,0.01944,0.05978,0.00017,0.01491,-0.05179,0.01063,0.02399,0.05437,-0.02818,-0.02052,0.00034,0.00143,-0.03171,-0.02131,0.09675,-0.01366,0.01292,0.00054,-0.06005,-0.01299,-0.07591,-0.00447,0.0159,0.0289,0.06443,-0.01508,0.00825,0.03517,0.15218,-0.01351,0.07463,-0.05969,0.10049,-0.03857,-0.03368,0.02905,-0.07967,-0.00698,-0.02428,0.08199,-0.03678,0.0242,0.03172,-0.03372,0.00486,-0.06698,-0.02067,0.03358,-0.048,0.08101,-0.02147,0.0209,-0.04401,-0.0499,0.02194,-0.0051,-0.04874,0.00901,0.02434,-0.01682,-0.05577,-0.07369,-0.01856,-0.06095,0.00653,0.06842,0.06856,-0.05978,0.01808,0.10242,-0.03752,0.05223,-0.03049,-0.05332,0,-0.01783,-0.00883,-0.01565,0.04181,0.00065,-0.00771,-0.05339,-0.02859,0.03449,0.04083,0.01351,0.02888,-0.04921,0.0439,0.02214,-0.06085,-0.00922,0.00854,-0.05309,0.0199,-0.03062,-0.08015,-0.022,0.03899,0.109,0.042,0.01086,0.03944,-0.04879,-0.01278,0.10132,0.08261,-0.03196,0.02665,0.02553,-0.03763,-0.07005,-0.04489,-0.0446,0.00521,0.01475,-0.05134,-0.10721,0.05916,0.01166,0.03643,0.00052,0.00288,0.02417,0.03056,-0.03514,0.02722,0.03814,-0.02434,0.08657,-0.04653,-0.08174,0.0466,-0.00926,0.04752,-0.0144,-0.04478,-0.02692,-0.05658,-0.01678,0.01886,-0.03078,-0.07306,0.08684,-0.08816,-0.10605,0.01447,-0.00615,0.07318,-0.08346,-0.04119,-0.05771,0.08148,0.07078,0.00394,-0.07739,-0.05813,0.00788,-0.00953,0.05079,-0.12729,0.01628,-0.05429,-0.0102,-0.0522,0.04501,0.09095,-0.02246,0.10803,0.04384,0,-0.04865,-0.00028,-0.00899,0.01918,-0.02271,-0.05087,0.04134,-0.02682,0.07315,0.08188,0.08969,0.07843,-0.00131,-0.03838,0.00832,-0.02058,-0.01121,-0.09716,0.06604,0.00795,0.00393,-0.00337,0.02511,-0.06642,0.00823,0.06061,0.03991,-0.07116,0.00317,0.04871,0.01174,-0.039,-0.02046,0.03822,-0.10567,-0.0425,-0.00434,0.02823,0.05869,-0.07093,-0.00347,0.05646,0.00866,0.00686,-0.04165,-0.02333,-0.06927,-0.00857,-0.07251,-0.07199,-0.04941,0.07836,0.06629,-0.01445,-0.02328,-0.02887,0.06529,0.01168,0.0455,0.03175,0.04122,-0.02541,0.05326,-0.00777,-0.04971,0.0412,0.0111,-0.13881,0.04614,0.03109,0.02006,0.05437,-0.00702,-0.02911,0.09656,0.01612,-0.00472,-0.06776,0.03668,-0.06477,-0.03947,0.03713,-0.0085,0.019,-0.01845,-0.00051,-0.05413,0.05843,0.07479,0.04411,-0.02478,-0.0332,0.00123,0.05805,-0.00481,0,-0.05943,-0.00129,0.00299,-0.06001,-0.0029,0.0072,0.00664,0.02605,-0.009,0.09206,0.01313,0.11896,-0.07875,0.02431,0.11544,0.01991,0.02035,0.03406,-0.00892,0.04945,0.01649,-0.03625,0.06251,0.13098,0.00889,-0.01467,-0.01389,0.06081,-0.06029,0.03412,-0.00695,-0.02517,0.06242,0.08109,-0.01547,0.07252,-0.11399,-0.00239,-0.01616,0.03857,0.04788,-0.01576,0.0068,-0.00835,0.01822,0.08572,0.04542,0.02385,-0.08538,0.04214,-0.05698,-0.01713,-0.04117,-0.05886,-0.05511,-0.02303,0.08622,-0.00744,0.00589,-0.01493,-0.02893,0.14647,-0.00769,-0.06587],"keywords":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams. Description Control which side of a connector accepts or emits connections so routing stays cleaner around each node. Use this when a connector should have one active side at a time, with optional automatic calculation for dynamic layouts.","excerpt":"Description Control which side of a connector accepts or emits connections so routing stays cleaner around each node. Use this when a connector should have one active side at a time, with optional automatic calculation for dynamic layouts."},{"chunkId":"/examples/connectable-side#2","slug":"connectable-side","route":"/examples/connectable-side","section":"examples","title":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left)","description":"Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams.","group":"Connectors","vector":[-0.03862,0.00409,-0.09111,0.04471,0.01281,0.07423,-0.06346,0.06202,-0.00664,0.06498,-0.03168,0.09327,-0.0368,0.05731,-0.02319,-0.00794,-0.08491,0.0004,-0.03591,-0.00797,-0.02499,-0.07852,0.01201,-0.03205,0.00206,-0.01866,0.03744,0.00142,0.04606,-0.0276,-0.01766,0.01688,-0.08814,0.01179,-0.09259,-0.01249,0.00686,0.04146,-0.0115,-0.0374,0.10986,-0.00303,0.02566,-0.11166,-0.03171,0.02493,-0.14546,0.06279,-0.06585,0.0738,-0.03265,-0.05189,-0.06873,0.08628,0.05994,0.02364,0.00994,-0.08561,0.02887,0.02153,0.04012,-0.0462,-0.0042,-0.02466,0.02292,-0.0024,-0.03831,0.07191,-0.06494,0.07456,0.00208,-0.00604,-0.0082,-0.09147,0.03632,0.01775,-0.01783,0.1173,-0.02844,-0.01811,0.02276,0.11493,-0.0187,0.06877,-0.05177,0.09399,-0.03883,-0.00772,0.01856,-0.06913,-0.01473,0.03033,0.00825,-0.029,0.03923,0.02337,-0.07716,0.00141,-0.06215,0.0245,-0.01539,-0.06585,0.10599,0.01121,0.03191,-0.01061,-0.03428,0.0443,-0.01662,-0.02853,0.01444,0.03162,0.04196,-0.05592,-0.06176,-0.061,-0.01029,-0.02374,0.08544,0.05167,0.00298,0.02129,0.03638,-0.04966,0.0671,0.00808,-0.0149,0,-0.00071,0.02086,-0.00008,0.04486,0.03669,-0.00743,-0.0291,-0.05236,0.01181,0.08827,-0.0297,0.0431,-0.07826,-0.05391,0.02533,-0.10121,0.02294,0.01517,-0.09281,0.00637,0.00836,-0.07543,-0.04258,0.03127,0.10581,0.0086,-0.02429,0.03075,-0.05336,-0.01274,0.1059,0.06438,0.0188,-0.00232,0.00964,-0.04789,-0.04815,-0.03702,-0.06846,-0.00756,0.05321,-0.03839,-0.05057,0.06266,-0.03794,0.01173,-0.00709,-0.01185,0.08003,0.02503,-0.03295,0.08093,0.02167,-0.0268,0.0512,-0.04507,-0.04736,0.07068,-0.02494,0.08621,-0.01923,0.0133,0.01374,-0.05459,-0.0098,0.01984,-0.04034,-0.04629,0.08042,-0.08558,-0.08514,0.04918,0.00384,0.05158,-0.08129,-0.02405,-0.03823,0.05629,0.1008,-0.03445,-0.04773,-0.03908,-0.00556,0.02623,0.0482,-0.14206,-0.00566,-0.03801,-0.06103,-0.07101,0.05877,0.06354,0.02357,0.01997,0.02904,0,-0.03816,0.00475,0.04903,0.06508,-0.04752,-0.04125,0.08612,0.02582,0.06987,0.09852,0.0459,0.0602,-0.00016,-0.06741,0.01315,0.02068,-0.04564,-0.07771,0.11078,0.015,0.02175,0.04032,0.01468,-0.02823,-0.01825,0.08986,0.07557,-0.02775,0.01589,0.00075,-0.03142,-0.05271,-0.07578,0.04382,-0.09748,-0.08422,-0.02318,0.0936,0.0698,-0.06642,0.06813,0.07816,-0.01269,0.01442,-0.0405,-0.01697,-0.01115,-0.01496,-0.08487,-0.08399,-0.05119,0.05465,0.0224,0.01542,-0.02006,-0.0231,0.07259,-0.03091,0.01191,0.03585,0.05765,-0.05931,0.04393,0.0136,0.02246,0.06761,-0.03607,-0.11475,0.0465,0.04697,0.03527,0.05853,0.02895,-0.03463,0.09442,0.0262,0.00046,-0.03824,0.07046,-0.0212,-0.05718,0.03597,-0.03214,0.02486,0.00192,-0.00967,-0.07054,0.04942,0.07148,0.0443,-0.08491,-0.02935,0.01714,0.01295,0.00749,0,-0.05726,-0.05216,-0.02355,-0.05098,-0.01197,-0.01679,0.02197,-0.00838,-0.02963,0.03873,-0.01794,0.0986,-0.02757,0.0106,0.04043,0.01846,-0.0031,0.05815,-0.04627,0.04312,-0.01929,-0.00903,0.06431,0.13472,-0.0088,-0.06448,-0.05799,0.05994,-0.01416,0.00526,-0.01606,-0.05003,0.04075,0.07227,0.00087,0.02474,-0.17936,0.0132,-0.01037,0.06487,0.06068,-0.03158,0.01643,0.00389,0.0324,0.06591,0.02264,0.03105,-0.07135,0,-0.05314,0.00789,-0.04767,-0.04761,-0.03164,-0.03401,0.06803,0.02574,0.01558,-0.00159,-0.04448,0.10582,-0.00605,-0.0403],"keywords":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams. Example ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss :::","excerpt":"Example ::: ng-component <connectable-side</connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/connectable-side/example.scss :::"},{"chunkId":"/examples/connectable-side#3","slug":"connectable-side","route":"/examples/connectable-side","section":"examples","title":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left)","description":"Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams.","group":"Connectors","vector":[-0.00362,-0.02287,-0.0614,0.04828,-0.02002,0.03267,-0.05141,0.03589,0.00131,0.07107,0.0144,0.11158,-0.02379,0.05951,-0.0304,0.00317,-0.09324,-0.02949,-0.01517,-0.00874,-0.05712,-0.09975,-0.01946,-0.06763,0.01889,-0.00382,0.03679,0.01331,0.07386,-0.04993,-0.01764,0.01414,-0.09365,0.01019,-0.13881,-0.05492,0.01219,0.00608,-0.01862,0.01188,0.09903,-0.03763,-0.00391,-0.06774,-0.04288,0.05719,-0.14796,0.03001,-0.05044,0.08005,-0.02565,-0.05531,-0.06092,0.02481,0.06888,0.01207,0.00082,-0.05127,0.01914,0.02696,0.10726,-0.0312,-0.03409,-0.01814,0.03171,-0.01942,-0.01884,0.08922,-0.03482,0.02278,0.024,-0.05905,-0.00622,-0.09371,0.01709,0.00562,-0.00111,0.07042,-0.03625,0.0163,0.00607,0.13687,-0.01646,0.09881,-0.04529,0.08016,-0.05743,-0.01354,0.02841,-0.05764,-0.0135,0.01908,0.02732,-0.03858,0.01345,0.03113,-0.05579,0.01801,-0.06714,-0.01531,0.01346,-0.06607,0.08756,-0.04108,0.03589,-0.04073,-0.06205,0.01992,0.00813,-0.03175,0.00371,0.04179,0.01105,-0.04821,-0.06097,-0.02065,-0.07337,0.03028,0.10516,0.05478,-0.04523,0.03147,0.11111,-0.04248,0.09204,-0.00221,-0.05326,0,0.00116,-0.02254,0.01211,0.03305,0.00206,0.00692,-0.05086,-0.02755,0.03536,0.05638,-0.00857,0.04845,-0.04747,0.03096,0.02214,-0.03945,0.01312,-0.01942,-0.09369,0.0355,-0.00518,-0.08541,-0.03114,0.03357,0.09915,0.05035,0.00805,0.02724,-0.03397,-0.00935,0.09063,0.07458,-0.02862,0.05047,0.02218,0.00592,-0.06578,-0.01458,-0.05884,0.00465,-0.00047,-0.03386,-0.07117,0.04499,-0.01321,0.02353,-0.02054,0.00299,0.03526,0.04085,-0.04108,0.02763,0.04942,-0.03539,0.08382,-0.01683,-0.08048,0.06595,-0.01148,0.04875,-0.01311,-0.05953,-0.03266,-0.0536,-0.03233,0.03539,-0.06069,-0.067,0.10658,-0.07402,-0.09011,0.03039,-0.01853,0.03759,-0.09701,-0.04422,-0.05805,0.08234,0.0938,0.00978,-0.08213,-0.0275,0.03322,-0.01496,0.06092,-0.11146,-0.01014,-0.03927,-0.02071,-0.03318,0.02272,0.08141,-0.00068,0.08123,0.03187,0,-0.06749,0.00716,0.00434,0.01916,-0.01892,-0.049,0.04093,-0.01744,0.06316,0.08589,0.11838,0.08416,-0.01493,-0.03071,0.01015,0.00853,-0.02939,-0.09651,0.07304,0.0055,0.01798,-0.01466,0.04742,-0.03281,-0.00599,0.0432,0.0358,-0.087,0.02849,0.04299,0.0249,-0.05065,-0.0298,0.04735,-0.08037,-0.04969,-0.02597,0.0317,0.06023,-0.06929,0.00823,0.05424,-0.01327,0.00381,-0.02202,-0.01033,-0.05225,-0.01189,-0.11081,-0.0745,-0.06232,0.06981,0.06143,-0.0361,-0.02089,-0.0342,0.04703,0.00562,0.02736,0.03102,0.05095,-0.05572,0.03595,-0.02053,-0.06927,0.0613,0.01798,-0.14722,0.01784,0.04604,0.01988,0.06667,-0.00217,-0.05759,0.07998,0.01486,-0.02252,-0.06825,0.04852,-0.04507,-0.04342,0.03579,-0.02482,0.02756,-0.05044,0.00445,-0.04121,0.06067,0.06859,0.05626,-0.05057,-0.02255,-0.01267,0.06033,-0.01102,0,-0.06495,-0.02436,-0.0285,-0.0646,-0.01228,-0.00411,0.02618,0.01611,-0.00846,0.07602,0.02479,0.10678,-0.10375,0.03169,0.09343,0.02472,0.03282,0.03248,-0.02299,0.04415,0.02977,-0.0464,0.07326,0.12477,0.00895,-0.01168,-0.016,0.05722,-0.04305,0.02344,-0.00562,-0.04638,0.05152,0.08568,-0.00831,0.06599,-0.10211,0.02046,0.00679,0.0297,0.05613,-0.02383,0.00607,-0.00173,0.03615,0.08163,0.0861,0.03139,-0.06513,0.0239,-0.02942,0.00465,-0.03395,-0.06409,-0.04997,-0.00193,0.07599,0.00638,0.01397,-0.01052,-0.04985,0.11046,-0.02282,-0.05487],"keywords":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams. Modes in this demo - Manual mode for fixed connector sides such as LEFT, RIGHT, TOP, or BOTTOM. - Calculated mode with CALCULATE when the best side should depend on relative node positions. Each connector still has only one active side at a time, so multiple edges will share that side.","excerpt":"Modes in this demo - Manual mode for fixed connector sides such as LEFT, RIGHT, TOP, or BOTTOM. - Calculated mode with CALCULATE when the best side should depend on relative node positions. Each connector still has only one active side at a time, so multiple edges will share that side."},{"chunkId":"/examples/connectable-side#4","slug":"connectable-side","route":"/examples/connectable-side","section":"examples","title":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left)","description":"Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams.","group":"Connectors","vector":[0.00098,-0.01324,-0.03532,0.05091,-0.01786,0.0392,-0.04925,0.02915,0.03322,0.07202,0.00288,0.13999,-0.03484,0.05301,-0.02643,0.01327,-0.05043,-0.05247,-0.0544,-0.01622,-0.06668,-0.08681,-0.04795,-0.06451,-0.00417,-0.01035,0.02525,0.02141,0.07434,-0.04175,-0.04075,-0.01056,-0.10003,0.01824,-0.13263,-0.0219,0.01056,0.03029,-0.02866,0.01626,0.08895,-0.02187,-0.01828,-0.05184,-0.05558,0.0505,-0.15227,0.00388,-0.08735,0.09509,-0.03624,-0.02745,-0.07723,0.03999,0.07084,0.01514,0.00632,-0.03761,-0.00235,0.03446,0.05263,-0.04661,-0.05254,0.00602,0.01016,-0.05168,-0.01256,0.07234,-0.04946,0.03688,0.03316,-0.02842,-0.00902,-0.08093,0.01327,0.02511,0.02884,0.08388,-0.02819,-0.0089,0.01549,0.13213,-0.00552,0.05669,-0.03383,0.06935,-0.05565,-0.04044,0.04713,-0.04696,-0.00711,-0.01445,0.0498,-0.01737,0.03632,0.02861,-0.05531,0.02055,-0.09282,-0.00457,0.01372,-0.05792,0.08071,-0.01075,0.05132,-0.04167,-0.05398,0.02481,0.01597,-0.04987,0.01318,0.04342,0.0118,-0.0507,-0.09534,-0.02494,-0.03903,0.02382,0.09225,0.03777,-0.05912,0.01584,0.09249,-0.05863,0.05417,-0.01586,-0.0685,0,-0.01756,-0.01534,-0.01444,-0.01976,0.02841,-0.00494,-0.05772,-0.04087,0.03082,0.05994,-0.00122,0.02263,-0.05912,0.00256,0.04799,-0.03228,-0.01306,-0.00538,-0.08238,0.03067,-0.00449,-0.08503,-0.0412,0.05588,0.05971,0.03563,0.01804,0.0181,-0.04516,-0.0003,0.0748,0.07351,0.01851,0.03679,0.0243,-0.00676,-0.06682,-0.04715,-0.04436,-0.00012,-0.00428,-0.03942,-0.08277,0.05138,-0.00593,0.01754,-0.02508,-0.00032,0.02367,0.0227,-0.04292,0.03773,0.06267,-0.01794,0.04793,-0.03524,-0.07191,0.07551,-0.00838,0.05515,-0.0016,-0.03317,-0.00966,-0.04861,-0.02559,0.02725,-0.03474,-0.04722,0.08944,-0.09924,-0.10357,0.04186,-0.03715,0.07311,-0.07775,-0.05364,-0.05374,0.10264,0.12909,-0.00717,-0.08795,-0.00746,0.01791,-0.0251,0.04811,-0.09781,0.00135,-0.04575,0.00156,-0.0307,0.0612,0.07423,0.01477,0.09928,0.02691,0,-0.08246,-0.01678,0.00692,0.02891,-0.01238,-0.04487,0.04138,-0.02847,0.07011,0.07702,0.10902,0.06993,0.00249,-0.03758,0.01124,-0.02296,-0.03613,-0.07688,0.03704,0.01357,0.01671,-0.00669,0.02336,-0.03451,-0.01503,0.05738,0.02469,-0.06793,0.02426,0.04197,0.01846,-0.02393,-0.03348,0.04073,-0.09627,-0.04998,-0.04111,0.01689,0.05146,-0.06198,-0.00139,0.06162,0.01696,0.03925,-0.03973,-0.00157,-0.0674,-0.02024,-0.08506,-0.09709,-0.05693,0.08119,0.09619,-0.00298,-0.03199,-0.01806,0.0655,0.00757,0.04771,0.03262,0.06422,-0.02888,0.05599,-0.02521,-0.05152,0.06244,0.02829,-0.12172,0.05923,0.02785,-0.00694,0.06053,-0.02568,-0.04905,0.09228,0.04618,0.00183,-0.06355,0.03648,-0.03754,-0.07825,0.04456,-0.03284,0.03794,-0.01596,-0.02531,-0.03949,0.04701,0.05513,0.04472,-0.03642,-0.03212,-0.00667,0.06518,-0.00941,0,-0.061,-0.03188,-0.00201,-0.06214,0.00769,0.00169,0.02872,0.02877,-0.0163,0.08265,0.01375,0.12968,-0.08368,-0.00676,0.07166,0.0472,0.01601,0.02982,-0.00366,0.0571,-0.01319,-0.05326,0.08609,0.13491,0.01274,-0.01428,-0.0024,0.09059,-0.05894,0.03993,-0.01185,-0.03068,0.05018,0.08474,0.00125,0.05823,-0.11172,0.00459,-0.00546,0.05533,0.08118,-0.02874,0.03555,0.01854,0.01754,0.0903,0.055,0.02589,-0.08523,0.03156,-0.03232,-0.02146,-0.04118,-0.06578,-0.05275,-0.02713,0.08281,0.00726,0.00575,0.00449,-0.0389,0.1163,0.0036,-0.04003],"keywords":"Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Angular Diagram Connectors – Control Connectable Sides (Top, Right, Bottom, Left) Control how nodes connect by defining allowed sides (top, right, bottom, left) or using automatic calculation. Includes manual switching and dynamic side detection for Angular diagrams. Related behavior If a connection-side rule is also specified, it takes precedence over the connector-side rule. See the Connection Connectable Side example for the stronger per-edge override.","excerpt":"Related behavior If a connection-side rule is also specified, it takes precedence over the connector-side rule. See the Connection Connectable Side example for the stronger per-edge override."},{"chunkId":"/examples/drag-to-connect#0","slug":"drag-to-connect","route":"/examples/drag-to-connect","section":"examples","title":"Drag to Connect","description":"Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code.","group":"Connections - Editing","vector":[-0.09707,-0.00085,-0.11536,0.03599,-0.01386,0.00591,-0.04747,-0.03051,-0.0478,0.03658,0.0016,0.04143,-0.0536,0.04858,-0.00144,-0.00246,-0.06316,-0.09521,-0.00178,0.02435,-0.0224,-0.0755,-0.04598,-0.09613,0.0748,-0.01689,0.09176,-0.00926,0.08841,-0.02491,0.01147,0.04129,-0.1085,-0.00463,-0.09502,-0.05598,0.03833,0.04696,-0.02488,-0.05089,0.08036,-0.03815,0.03283,-0.03133,-0.07244,-0.02269,-0.07797,0.03194,0.01021,0.05403,-0.07833,-0.06507,-0.04792,-0.01253,0.00685,-0.01556,-0.00524,-0.00695,-0.00558,0.02341,0.06622,-0.0662,0.01733,0.00821,-0.03032,-0.00855,-0.02131,0.04479,-0.09224,0.00771,0.01531,-0.0092,-0.06345,-0.02827,0.05171,0.02332,-0.06992,0.06237,-0.02177,0.04486,0.02168,0.09258,-0.10844,0.10629,-0.0169,0.13865,-0.02084,-0.0258,-0.07588,-0.10234,-0.00603,0.0569,-0.02289,-0.00135,-0.03116,-0.01707,-0.03496,-0.02933,-0.10089,0.01146,-0.02625,-0.03483,-0.0527,-0.00075,0.00996,-0.00719,0.00165,-0.04771,-0.00873,0.06118,0.04092,0.06487,-0.06967,-0.04314,-0.06066,0.00398,-0.07626,-0.04016,0.07695,0.01789,-0.05809,0.05248,-0.02119,-0.0065,0.07191,-0.01863,0.02628,0,0.03619,0.05704,-0.04409,-0.0221,0.04837,0.03743,-0.03175,-0.07862,0.01415,0.03269,-0.0636,0.00706,-0.00471,-0.00911,-0.00022,-0.11203,0.01861,-0.01021,-0.05848,0.03818,-0.03149,-0.09465,-0.00978,0.02632,0.044,0.04059,-0.03684,0.00882,0.04891,0.02079,0.02512,0.06587,-0.01328,0.05583,-0.02588,0.03889,-0.0153,-0.0097,0.01915,-0.01313,0.0573,-0.08799,-0.11102,0.08817,-0.00125,-0.017,0.04763,-0.03129,0.02555,0.00889,-0.04217,0.03212,-0.00056,0.00543,0.01455,-0.08252,-0.0578,0.11801,0.00863,-0.00315,-0.02012,-0.03413,-0.05818,0.00179,0.039,0.01249,0.02002,0.02817,0.059,-0.08736,-0.04533,0.02277,0.01352,0.03539,-0.05385,-0.03658,-0.04381,0.08473,0.13832,-0.0213,-0.01023,-0.02121,-0.00548,0.00415,0.07709,-0.08123,0.00607,-0.04016,-0.04307,0.04294,-0.00716,0.08247,0.10634,0.0161,0.0498,0,-0.03323,0.03547,0.06143,0.05513,0.00392,-0.03301,0.10807,0.04828,0.00849,0.00914,0.07145,0.06794,0.03347,-0.01142,-0.0484,-0.01175,-0.05093,-0.02537,0.05587,-0.04344,0.07186,-0.01493,0.04732,-0.01654,-0.07432,0.0294,0.09754,-0.09209,-0.00581,0.02986,0.07385,0.02017,-0.05963,-0.01656,-0.01185,0.03446,0.08088,0.14596,0.06089,-0.05309,-0.05496,-0.01093,-0.037,-0.00032,-0.05366,-0.01984,-0.04307,-0.02769,-0.17617,0.00476,-0.00567,0.10817,-0.001,-0.04561,-0.00471,0.00298,0.06663,-0.03185,0.05028,0.06122,0.06727,-0.03478,-0.02599,-0.02879,0.06987,0.03205,-0.02048,-0.04292,0.04099,0.09224,-0.06407,0.02687,0.02434,0.01346,0.10484,-0.0419,0.05319,-0.09673,0.0582,-0.00135,-0.0065,0.03495,-0.01268,-0.05132,0.02215,0.02697,-0.01898,0.03158,0.04011,0.01928,-0.1153,-0.03514,-0.00323,-0.06488,0.00104,0,-0.04844,0.03463,0.00034,-0.01925,0.01071,0.02248,-0.02899,0.01645,0.05875,-0.00939,-0.02166,0.04498,-0.12157,0.07631,0.08154,0.02837,0.02598,0.03402,0.00068,-0.0123,0.04972,-0.01299,0.02755,0.07631,-0.01513,-0.0629,-0.06334,0.06566,-0.01171,0.00931,-0.03952,0.00068,0.06237,0.04292,-0.06747,0.00741,-0.08861,-0.00695,-0.00964,-0.01142,0.08993,0.05146,-0.00889,-0.05578,-0.02989,0.08128,0.06819,0.04209,-0.01429,0.03942,-0.00532,-0.0188,0.0238,-0.10383,-0.01093,0.01183,-0.03207,0.00539,0.05401,-0.05463,-0.06679,0.09145,0.02961,0.03306],"keywords":"Drag to Connect Drag to Connect Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code. Drag to Connect","excerpt":"Drag to Connect"},{"chunkId":"/examples/drag-to-connect#1","slug":"drag-to-connect","route":"/examples/drag-to-connect","section":"examples","title":"Drag to Connect","description":"Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code.","group":"Connections - Editing","vector":[-0.13713,-0.03138,-0.06991,0.06339,0.01882,-0.00544,-0.01034,-0.01376,0.0079,0.02181,-0.01854,0.03729,-0.03355,0.01756,0.00412,0.03645,-0.01777,-0.04592,-0.02861,-0.00178,-0.041,-0.10668,-0.0652,-0.06619,0.02875,-0.0075,0.01822,-0.01254,0.08342,-0.06414,0.01093,0.02068,-0.12293,0.02706,-0.12084,0.05709,0.07218,0.01042,-0.08501,-0.06952,0.07346,-0.03581,0.0106,-0.05301,-0.05694,-0.04856,-0.07697,0.04098,-0.02969,0.05504,-0.10341,-0.05676,-0.03024,0.02736,0.01626,0.05782,0.0401,-0.00777,-0.0019,0.03096,0.06894,-0.03813,-0.00024,0.02105,-0.00251,0.0108,-0.01353,0.05354,-0.03356,-0.02928,0.0121,-0.02609,-0.06281,0.02746,0.01475,-0.03688,-0.09238,0.02585,-0.04355,0.04996,0.04651,0.07117,-0.10464,0.10505,-0.03145,0.15961,-0.01611,-0.04281,-0.03223,-0.03532,0.00337,0.03861,-0.0056,-0.00153,0.00538,-0.00405,-0.01423,-0.04773,-0.07664,0.03623,-0.01985,-0.03729,-0.01232,-0.03166,0.00929,-0.02499,-0.01124,-0.0674,-0.05018,0.05528,0.01811,0.02566,-0.05339,-0.0431,-0.06304,-0.0128,-0.02174,-0.06241,0.04872,0.06074,-0.03049,0.08139,0.00131,-0.01075,0.08515,-0.05499,0.00108,0,0.04321,0.0206,-0.0364,0.0264,0.06537,0.02404,-0.03082,-0.08487,-0.0297,0.00028,-0.04218,0.01684,0.01219,0.01752,0.02068,-0.09907,-0.01021,0.01228,-0.02615,0.03624,-0.03001,-0.12746,-0.03775,0.05683,0.06689,0.06421,-0.02665,0.05082,0.07364,0.00251,-0.01068,0.01712,-0.00014,0.05152,-0.04232,0.06548,-0.02722,-0.05136,0.01344,-0.01138,0.01845,-0.05206,-0.08605,0.08077,-0.00845,-0.03043,0.02812,0.00402,-0.0129,-0.00533,-0.00252,0.03788,0.08185,0.02293,0.01156,-0.07442,-0.00988,0.08013,0.031,0.07178,0.011,-0.00616,-0.0983,0.00819,0.06311,0.02824,-0.0286,0.03106,0.08014,-0.08826,-0.10698,0.01786,0.00752,0.04566,-0.01062,-0.03438,-0.10933,-0.01424,0.11773,-0.03507,0.0055,-0.0396,0.01235,0.04152,0.07598,-0.08989,-0.02204,-0.02918,-0.07299,0.00639,0.00439,0.06927,0.10699,0.01581,0.08889,0,-0.04314,0.05068,0.02598,0.11839,0.00365,-0.01804,0.03864,-0.0142,0.05134,0.01416,0.01683,0.06564,0.013,0.02806,-0.01189,0.00185,-0.07602,-0.123,0.04758,-0.04443,0.08238,-0.0255,0.0213,-0.01417,-0.1106,0.01643,0.08223,-0.02988,-0.01253,0.03956,0.04406,-0.01186,-0.03168,0.01047,0.02231,0.00586,0.05444,0.13078,0.06823,-0.06885,-0.02009,-0.00809,-0.05284,0.01569,-0.05405,0.04488,-0.09411,0.0228,-0.1492,-0.03451,-0.06491,0.08388,-0.02478,-0.0527,0.0008,0.00289,0.05614,0.02214,0.03088,0.01309,0.03346,-0.03287,-0.02786,0.00417,0.05099,0.02452,-0.02732,-0.06236,0.00004,0.05671,-0.01863,0.05552,0.04017,-0.03129,0.08799,-0.05412,0.08966,-0.11204,0.08458,0.00205,-0.02311,0.0575,0.01338,-0.05305,-0.00103,0.05901,-0.04598,0.03335,0.03728,0.03347,-0.10031,0.00603,-0.00569,-0.05817,-0.07017,0,-0.05602,0.02209,0.01131,-0.02256,0.0158,0.04301,0.01126,0.03343,0.0797,0.00853,0.00164,-0.00069,-0.08384,0.04899,0.12457,0.02144,0.03738,0.03032,-0.03382,-0.03443,0.07247,0.00674,0.03223,0.12537,0.0153,-0.05165,-0.00913,0.07537,-0.02008,0.04462,-0.02792,0.00286,0.06284,0.0646,-0.07763,0.04676,-0.05377,-0.00481,0.01743,-0.0236,0.07429,0.04321,-0.05869,-0.05779,-0.04772,0.06033,0.04752,-0.03399,-0.01101,0.04223,-0.02933,-0.03795,0.01487,-0.0416,0.01074,0.01131,-0.02484,-0.03202,0.07656,-0.00582,-0.057,0.07947,0.04545,0.02488],"keywords":"Drag to Connect Drag to Connect Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code. Description This guide shows how to create connections between connectors using drag-and-drop interactions. It covers one of the core behaviors users expect in a real node editor: start from an output, move across the canvas, get visual feedback, and complete a valid connection on an input. This is a foundational example for workflow builders, automation tools, and any editor where users define logic by wiring blocks together. Once this interaction is reliable, it becomes much easier to layer validation, snapping, content, and routing behavior on top.","excerpt":"Description This guide shows how to create connections between connectors using drag-and-drop interactions. It covers one of the core behaviors users expect in a real node editor: start from an output, move across the canvas, get visual feedback, and complete a valid connection on an input. This is a foundational example for workflow builders, automation tools, and any editor where users define logic by wiring blocks together. Once this interaction is reliable, it becomes much easier to layer validation, snapping, content, and routing behavior on top."},{"chunkId":"/examples/drag-to-connect#2","slug":"drag-to-connect","route":"/examples/drag-to-connect","section":"examples","title":"Drag to Connect","description":"Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code.","group":"Connections - Editing","vector":[-0.09423,-0.00268,-0.11431,0.05942,0.01491,0.05503,-0.01136,-0.00373,-0.02161,0.07354,-0.01474,0.034,-0.0427,0.07537,-0.02603,-0.01953,-0.08057,-0.01617,-0.03121,-0.00669,-0.00222,-0.07758,-0.02273,-0.02214,0.05843,-0.01726,0.02524,-0.04489,0.0896,-0.00739,0.03967,0.03407,-0.09599,-0.00418,-0.08102,0.00254,0.04501,0.05804,-0.03612,-0.04295,0.08718,-0.02523,0.03814,-0.08255,-0.05803,0.00666,-0.08608,0.06755,-0.03572,0.04148,-0.08785,-0.06022,-0.06402,0.03401,0.01367,-0.03621,0.00889,-0.06481,0.00557,0.00546,0.0111,-0.09416,-0.00814,-0.00025,0.00705,-0.00942,-0.0991,0.0567,-0.0796,0.0394,0.03183,-0.02626,-0.06318,-0.00764,0.03953,-0.02402,-0.08546,0.11772,-0.04382,0.04075,0.05763,0.03957,-0.08116,0.04952,-0.03698,0.14479,-0.00981,-0.03446,-0.06006,-0.09738,0.00586,0.10927,-0.01992,0.00197,0.031,-0.02276,-0.07707,0.00713,-0.08175,0.03807,-0.04028,-0.06585,-0.01057,0.02581,0.02581,-0.00185,0.00384,-0.02426,-0.02621,0.05017,0.03943,0.04105,-0.0051,-0.04398,-0.04813,-0.05838,-0.07115,-0.03697,0.03498,0.04698,-0.03756,0.04438,-0.02764,-0.03562,0.10054,-0.00633,0.05082,0,0.05753,0.07487,-0.03624,0.01691,0.02711,0.0259,-0.05482,-0.10109,0.0094,0.08054,-0.07357,0.0119,-0.01137,-0.00327,-0.02119,-0.11061,0.04216,-0.00046,-0.05032,0.03056,0.01425,-0.07262,-0.03318,0.03079,0.10906,-0.01206,-0.06899,-0.00086,0.04409,0.01028,0.02148,0.06445,-0.0018,-0.01705,-0.01537,0.01563,-0.01858,-0.01524,-0.00598,-0.03003,0.09082,-0.05851,-0.09807,0.10426,-0.02535,-0.01815,0.02463,-0.02903,0.05621,0.01757,-0.02475,0.03117,0.0131,0.02272,0.05636,-0.06038,-0.03468,0.11518,-0.00572,0.04497,-0.00026,-0.01563,-0.05155,-0.02443,0.07043,-0.0054,-0.00213,0.04907,0.08248,-0.11304,-0.08091,0.03997,-0.01699,0.03598,-0.03701,-0.06297,-0.02095,0.06579,0.12292,-0.0297,-0.01295,-0.058,-0.02346,0.02932,0.08181,-0.09843,-0.03145,-0.03021,-0.06584,-0.045,0.02116,0.04975,0.05781,0.01505,0.05651,0,0.02369,0.0348,0.06133,0.1052,-0.00544,-0.03065,0.08227,0.04942,0.02712,0.02825,0.0281,0.07225,0.05022,-0.00754,0.00162,-0.02247,-0.03733,-0.06548,0.06085,-0.04133,0.07496,-0.00574,0.01682,0.01008,-0.06464,0.04871,0.10889,-0.04257,-0.02447,0.01713,0.03867,-0.02079,-0.07481,-0.00448,-0.0458,-0.00942,0.07024,0.18081,0.05775,-0.03966,0.00207,0.04976,-0.03043,0.00458,-0.03187,0.00706,-0.01816,-0.03376,-0.12537,-0.03331,-0.04526,0.06656,-0.03226,0.00293,0.01564,-0.03864,0.06965,-0.03606,0.01166,0.01785,0.06313,-0.02029,-0.03133,-0.0297,0.07006,0.03361,-0.06434,-0.06549,0.05476,0.08751,-0.04391,0.04164,0.03164,-0.00286,0.11109,0.00004,0.05517,-0.0533,0.07302,-0.00178,-0.01977,0.0676,-0.00643,-0.00843,0.01192,0.06926,-0.05737,-0.02213,0.05188,0.02526,-0.09963,-0.06544,0.02319,-0.07322,-0.00203,0,-0.06115,0.00715,0.00697,-0.03183,0.0049,0.02094,-0.01364,-0.01746,0.0586,0.00339,-0.03892,0.05914,-0.03795,0.03423,0.0688,0.00279,0.02499,0.02238,-0.01959,-0.00682,0.04431,-0.01416,0.05574,0.1243,-0.00056,-0.10087,-0.06303,0.02348,-0.00162,0.00912,-0.03985,-0.01071,0.06359,0.02313,-0.03772,-0.00867,-0.11996,0.01556,0.00661,-0.00812,0.09742,0.04237,0.01286,-0.05321,-0.05103,0.08753,0.02932,0.01003,-0.0373,0.00442,-0.0241,0.01344,-0.03596,-0.04688,-0.0002,-0.00809,-0.03396,0.02796,0.06284,-0.0726,-0.03797,0.06179,-0.00026,-0.00365],"keywords":"Drag to Connect Drag to Connect Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code. Example ::: ng-component <drag-to-connect</drag-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.scss :::","excerpt":"Example ::: ng-component <drag-to-connect</drag-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-connect/example.scss :::"},{"chunkId":"/examples/drag-to-connect#3","slug":"drag-to-connect","route":"/examples/drag-to-connect","section":"examples","title":"Drag to Connect","description":"Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code.","group":"Connections - Editing","vector":[-0.09567,-0.01354,-0.07603,0.03993,-0.04192,0.02416,-0.06632,-0.03732,-0.00477,0.00918,-0.05606,0.04206,-0.0343,0.01655,0.00652,0.01405,-0.03728,-0.03715,-0.03584,-0.03859,-0.0436,-0.06394,-0.0567,-0.08097,0.01213,-0.01427,0.03643,0.04096,0.10387,-0.01308,0.02036,0.04491,-0.08673,0.03342,-0.08729,0.02273,0.06305,0.04748,-0.05315,-0.03244,0.08493,-0.05007,0.01338,-0.03346,-0.05793,-0.02587,-0.05865,-0.00297,-0.04305,0.0337,-0.06557,-0.07643,-0.04699,0.02881,0.03572,0.02928,0.03123,-0.04324,-0.00438,-0.00784,0.10668,-0.0606,0.02156,-0.00085,-0.02959,0.01039,-0.02381,0.04856,-0.01862,-0.01921,0.0263,-0.00675,-0.12727,-0.02423,-0.01443,-0.01533,-0.03076,0.01779,-0.0454,0.02928,0.0094,0.08449,-0.11689,0.09582,-0.01744,0.13508,-0.04292,-0.03687,-0.00739,-0.03816,-0.019,0.05427,-0.02018,-0.0473,0.06049,0.00958,-0.02959,-0.0175,-0.08873,0.02529,-0.02465,-0.04095,-0.0279,0.00171,0.02497,-0.00405,-0.01694,-0.01562,-0.02997,0.03181,0.03869,0.03514,-0.0066,-0.04174,-0.0738,-0.01848,-0.04831,-0.03772,0.0076,0.07893,-0.00591,0.07565,-0.01999,-0.0187,0.03326,-0.04812,-0.01103,0,0.074,0.04874,-0.0287,0.04,0.09225,0.01965,-0.02026,-0.08715,0.02469,0.01758,-0.07616,0.02122,-0.0118,0.02355,-0.0167,-0.10538,-0.00842,0.00441,-0.00304,0.07833,-0.02475,-0.15669,-0.03223,0.04924,0.05973,0.02547,-0.02447,0.02316,0.05822,0.00393,-0.0215,0.00347,0.02239,0.07057,-0.06288,0.06404,-0.04483,-0.03717,0.02456,-0.0412,0.03923,-0.01809,-0.06903,0.05998,0.01617,0.00332,0.00343,-0.0076,0.03515,0.01143,0.04512,0.00824,0.07856,-0.00601,-0.00424,-0.09695,-0.02189,0.08505,-0.00669,0.07408,-0.05073,-0.02482,-0.08753,0.05988,0.08772,0.05953,-0.01429,0.02668,0.10123,-0.11936,-0.09415,0.03053,-0.02021,0.08582,-0.04215,-0.04668,-0.06336,0.05516,0.10534,0.0035,-0.04443,0.01851,0.01094,0.02777,0.08765,-0.08793,-0.02182,-0.00606,-0.06242,0.01215,0.03003,0.08418,0.11238,0.06821,0.09232,0,-0.07459,0.01208,0.00835,0.06777,-0.00466,-0.00781,0.04793,-0.02344,0.04623,-0.00728,0.04662,0.06084,0.03093,-0.03756,-0.01164,-0.06265,-0.06491,-0.05374,0.03428,-0.00108,0.05704,-0.03631,0.02033,-0.03656,-0.0424,0.02983,0.04209,-0.08804,-0.0004,0.00491,0.05758,-0.0251,-0.06425,0.00169,0.0156,0.021,0.00614,0.11314,0.11185,-0.0423,-0.02125,0.03107,-0.02753,0.0332,-0.05658,0.04699,-0.05151,-0.0145,-0.15683,-0.04676,-0.05513,0.13415,-0.0165,-0.02893,0.00994,0.00507,0.06717,-0.01453,0.04336,-0.00191,0.00314,-0.00493,0.02788,-0.00647,0.00422,-0.00427,-0.01557,-0.05435,-0.02109,0.06999,-0.03673,0.02384,-0.01221,0.01364,0.0793,-0.10401,0.06122,-0.09463,0.05977,0.03403,-0.06255,0.08505,-0.00517,-0.04485,0.01559,-0.00427,0.00251,0.00996,0.0665,0.01645,-0.12567,-0.02539,-0.05784,-0.04511,-0.05676,0,-0.05447,0.02723,-0.00343,-0.03781,-0.01642,0.01413,-0.01164,0.06052,0.08186,-0.01668,0.03892,0.01398,-0.10799,0.01923,0.07058,0.00409,0.04785,0.03319,-0.03254,-0.07268,0.0395,-0.02158,0.01798,0.09922,0.00805,-0.08052,0.00766,0.01171,-0.02879,0.04515,-0.01611,0.0101,0.08661,0.10855,-0.05929,0.00505,-0.06672,0.02056,0.01347,0.03369,0.07624,0.03858,-0.03907,-0.06318,-0.05441,0.0756,0.02499,-0.00032,-0.04428,0.04154,0.02734,-0.00751,0.03533,-0.09007,-0.01307,0.03536,0.01882,-0.01828,0.06553,-0.06227,-0.05922,0.12895,0.04119,0.02117],"keywords":"Drag to Connect Drag to Connect Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code. When to use it - Build the first version of a workflow builder. - Add interactive edge creation to a custom node editor. - Validate whether your node and connector IDs are stable enough for real editing flows. This example is also a good baseline before layering on connection rules, snapping, or reassignment. I Ds","excerpt":"When to use it - Build the first version of a workflow builder. - Add interactive edge creation to a custom node editor. - Validate whether your node and connector IDs are stable enough for real editing flows. This example is also a good baseline before layering on connection rules, snapping, or reassignment."},{"chunkId":"/examples/drag-to-connect#4","slug":"drag-to-connect","route":"/examples/drag-to-connect","section":"examples","title":"Drag to Connect","description":"Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code.","group":"Connections - Editing","vector":[-0.09781,-0.0181,-0.14749,0.02198,-0.0272,0.03308,-0.03767,-0.01151,-0.05423,0.05491,0.01126,0.05388,-0.04236,0.04241,-0.00608,-0.0068,-0.0698,-0.07913,-0.01283,0.01493,-0.012,-0.08821,-0.06266,-0.07739,0.04499,-0.01767,0.11202,-0.02062,0.07603,0.00114,0.01879,0.02547,-0.08619,-0.00579,-0.12443,-0.05427,0.02384,0.03599,-0.04905,-0.06875,0.08095,-0.05795,0.02248,-0.05654,-0.07745,-0.03412,-0.10297,0.03229,-0.01791,0.05606,-0.08693,-0.06689,-0.0626,-0.01277,-0.00745,-0.02235,-0.00192,-0.01306,-0.01471,0.02592,0.04968,-0.07153,-0.00014,0.00313,-0.01106,-0.02572,-0.01361,0.06427,-0.06613,-0.01744,-0.00503,-0.0153,-0.04552,-0.03663,0.0236,-0.01065,-0.04281,0.09446,-0.02166,0.0951,0.02679,0.11765,-0.07743,0.06988,-0.02825,0.1507,-0.02504,-0.0089,-0.07312,-0.11259,-0.01756,0.06167,-0.02757,-0.00432,-0.02367,-0.00213,-0.03379,-0.02352,-0.05901,-0.00315,-0.04099,-0.05619,-0.03372,-0.00473,0.02965,-0.00747,-0.03136,-0.03511,0.00036,0.01984,0.05364,0.03804,-0.06357,-0.02783,-0.04949,0.00955,-0.05262,-0.0374,0.06524,0.0587,-0.05425,0.06112,-0.02421,-0.01867,0.08755,0.00325,0.02346,0,0.04511,0.06656,-0.02221,-0.02475,0.02055,0.05416,-0.04846,-0.06295,0.04632,0.01867,-0.06616,-0.01339,0.00755,0.01178,0.01354,-0.10533,0.00993,-0.0202,-0.04334,0.04646,-0.01923,-0.07464,-0.00844,0.04831,0.05221,0.04358,-0.03034,-0.00483,0.03386,0.00859,0.04556,0.05431,-0.02126,0.03746,-0.01891,0.02035,-0.04867,-0.0101,0.01953,-0.01288,0.07269,-0.08077,-0.09082,0.09168,-0.00025,-0.00972,0.04297,-0.02627,0.02404,0.0126,-0.03543,0.03708,0.03569,0.00768,0.01069,-0.08038,-0.06333,0.10594,0.02444,-0.01035,-0.01975,-0.05666,-0.05086,0.00212,0.01385,-0.01679,0.03085,0.01353,0.08787,-0.08333,-0.05288,0.01748,-0.00831,0.03798,-0.06113,-0.02718,-0.02824,0.07715,0.14203,-0.0235,-0.02227,-0.01088,0.00264,-0.01827,0.09942,-0.08947,-0.02333,-0.04494,-0.01246,-0.01181,0.01188,0.0766,0.05965,0.02345,0.06756,0,-0.01543,0.04047,0.03435,0.05184,-0.0017,-0.02008,0.0888,0.02613,0.00284,0.00549,0.0543,0.10099,0.06953,-0.00619,-0.043,-0.03215,-0.03871,-0.03743,0.06478,-0.028,0.06916,-0.05115,0.05718,-0.04731,-0.03782,0.02121,0.11155,-0.08565,0.00072,0.06143,0.06482,0.01594,-0.04719,-0.01671,-0.05129,0.0009,0.06638,0.12117,0.05411,-0.0323,-0.0449,0.01596,-0.00881,0.00357,-0.06728,-0.01814,-0.06075,-0.02527,-0.15894,-0.01202,-0.01874,0.1223,-0.01176,-0.01827,-0.03676,-0.03746,0.07681,-0.0234,0.04014,0.04393,0.05653,-0.03376,-0.01616,-0.04197,0.05749,0.04265,-0.01323,-0.05731,0.02735,0.0935,-0.03897,0.04492,0.02719,0.01328,0.09758,-0.02151,0.04812,-0.11139,0.06218,-0.00847,-0.01599,0.04405,0.01225,-0.04492,0.02451,0.0185,-0.01595,0.01887,0.05126,0.02112,-0.09567,-0.03214,-0.02549,-0.04785,0.00135,0,-0.03998,0.0116,0.007,-0.00825,0.00919,0.0214,-0.0265,0.02399,0.06787,0.01263,-0.02592,0.05914,-0.11389,0.06077,0.12131,0.06668,0.03103,0.03537,-0.01466,-0.02352,0.05703,-0.02504,0.03561,0.10545,0.00442,-0.05864,-0.05372,0.05655,-0.01591,0.00999,-0.04453,0.01111,0.07213,0.02502,-0.04476,0.01658,-0.09692,0.00218,-0.00013,-0.02283,0.08148,0.04289,-0.00786,-0.05953,-0.03235,0.06987,0.06818,0.01407,-0.01844,0.04425,0.00707,-0.00997,0.01004,-0.11618,-0.01761,0.01297,-0.00878,0.00637,0.05658,-0.06113,-0.06698,0.10262,0.06202,0.01136],"keywords":"Drag to Connect Drag to Connect Let users create edges by dragging between ports. Validation, snapping and UX details with Angular code. Related docs - Create Connection - Output Connector - Input Connector","excerpt":"Related docs - Create Connection - Output Connector - Input Connector"},{"chunkId":"/examples/click-to-connect#0","slug":"click-to-connect","route":"/examples/click-to-connect","section":"examples","title":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow","description":"Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect.","group":"Connections - Editing","vector":[-0.04758,-0.05607,-0.14435,0.02887,-0.04645,0.07406,-0.0141,0.03396,0.04704,0.05887,-0.03785,-0.05083,-0.06164,0.00174,0.06271,0.0181,-0.07496,-0.05402,0.01107,0.04812,-0.06694,-0.06894,-0.01316,-0.07285,0.01766,-0.04205,0.03013,-0.01702,0.00118,-0.00802,0.03955,0.04332,-0.04086,-0.00216,-0.06777,0.02481,0.0305,0.01092,-0.056,-0.05926,0.13982,0.01272,0.04067,-0.04536,-0.08245,-0.01665,-0.0537,0.01936,0.0145,0.05291,-0.08596,-0.06328,-0.07061,0.05375,-0.00232,0.04326,0.02818,-0.0258,-0.00254,0.00842,0.03742,-0.03486,-0.01355,0.00176,-0.01989,0.00079,-0.07208,0.07234,-0.04953,-0.04696,-0.03707,-0.03937,-0.02469,-0.08867,0.04303,0.0148,0.00408,0.09592,0.01378,-0.04583,0.01837,0.089,0.00858,0.04485,0.01128,0.09113,0.05581,-0.02231,-0.02348,-0.07512,-0.00195,0.08144,-0.03383,-0.03638,0.05964,0.00187,-0.00613,-0.02407,-0.10688,0.01639,-0.01396,-0.03606,0.01731,-0.00637,-0.09263,-0.04545,0.00117,0.01965,0.00929,-0.02505,-0.04509,0.03648,0.04852,-0.091,-0.04934,-0.00039,-0.10354,-0.04601,0.07046,0.01524,-0.0425,0.00654,-0.00241,-0.01,0.02513,-0.02448,-0.01977,0,0.02521,0.02121,-0.03047,0.01967,0.04432,-0.02337,0.00758,-0.10076,0.00538,0.03379,-0.0227,-0.0023,-0.06377,0.02016,-0.07801,-0.09803,-0.01977,0.02804,0.01851,0.04851,0.06085,-0.05923,0.00151,0.01443,0.11094,0.06654,-0.02891,0.04309,-0.00938,0.04001,0.08274,0.02094,-0.0288,-0.0131,-0.03011,-0.02731,-0.08049,-0.01913,-0.01957,-0.03098,0.04765,-0.11679,-0.14386,0.03489,-0.00043,-0.01678,-0.01504,-0.05466,0.11797,0.04554,0.00033,-0.01906,-0.03626,0.01856,0.03982,-0.04399,-0.07417,0.08099,-0.01244,0.00916,0.00229,0.05829,-0.05011,-0.04492,0.06172,0.05862,-0.03302,0.00837,0.0808,-0.03326,-0.07877,0.05779,-0.0135,-0.01692,0.00045,-0.01287,-0.00253,0.05736,0.06344,0.00764,-0.01078,-0.08057,-0.02076,0.02521,0.10966,-0.051,-0.02085,-0.04261,-0.06381,0.00269,0.12672,0.04009,0.02059,0.01367,0.0606,0,-0.01964,0.01776,-0.00647,0.0333,0.03421,-0.02661,0.04964,-0.01772,0.05929,0.05351,0.07662,0.08305,0.04402,-0.03687,0.02362,-0.02331,0.04018,-0.06384,0.02785,-0.03282,0.04592,-0.02265,0.07089,-0.0833,-0.04867,0.01658,0.08046,0.01134,0.01601,-0.00925,0.02941,0.06868,-0.11325,-0.03269,-0.05849,-0.01136,0.05424,0.06455,0.00633,-0.10309,0.05187,0.00444,-0.083,-0.02362,-0.06017,-0.02797,-0.05038,-0.07702,-0.04576,0.0199,-0.04742,0.0283,-0.01629,-0.0202,-0.02145,0.06012,0.14948,0.0307,-0.03682,0.02642,-0.0064,-0.05537,0.09036,-0.03572,0.04978,0.04051,-0.00526,0.03654,0.05812,0.1282,-0.01431,0.05862,0.03969,0.0326,0.11315,0.02715,0.00163,-0.037,0.04139,0.00258,-0.00113,0.10096,0.01319,0.0017,0.07218,-0.02273,-0.01842,-0.0276,0.08836,0.01837,-0.09932,-0.02196,0.05256,-0.00539,0.00254,0,-0.09373,0.02981,-0.05097,-0.02403,0.07104,0.05029,-0.09916,-0.00892,0.00779,0.01044,-0.07203,0.09789,-0.03087,0.055,0.08085,-0.01625,0.0076,-0.03707,0.00851,-0.09408,-0.00734,-0.02713,0.07904,0.13961,0.03277,-0.02531,0.00139,0.00954,-0.02494,0.00514,-0.00753,0.00166,-0.0125,0.01891,-0.08258,0.02664,-0.05233,0.02949,-0.0743,-0.05637,0.06855,0.03213,0.04054,-0.04638,-0.06954,0.11139,-0.04286,-0.01092,-0.05251,0.00974,-0.02682,0.0341,-0.04221,0.00314,-0.04133,0.00461,-0.02867,0.00315,0.04462,-0.02205,-0.08727,0.07365,0.07569,-0.03339],"keywords":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect. Click to Connect","excerpt":"Click to Connect"},{"chunkId":"/examples/click-to-connect#1","slug":"click-to-connect","route":"/examples/click-to-connect","section":"examples","title":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow","description":"Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect.","group":"Connections - Editing","vector":[-0.0692,-0.12001,-0.10132,0.06609,-0.03769,0.07143,0.01349,-0.00669,0.08162,0.00439,0.02259,-0.00526,-0.04812,0.0243,0.04552,0.02411,-0.04659,-0.06711,-0.01787,0.06839,-0.04754,-0.14008,0.01611,-0.08336,0.02874,-0.07652,0.00392,-0.04864,0.04939,-0.04188,0.0292,0.06303,-0.09707,-0.01296,-0.06607,0.01601,0.04541,-0.00969,-0.0629,-0.03977,0.10683,-0.02018,0.05943,-0.04848,-0.07369,0.00543,-0.02692,0.02909,-0.00067,0.09031,-0.07763,-0.028,-0.02906,0.04602,0.03501,0.06938,0.02596,-0.00067,-0.01357,0.01067,0.02535,-0.0083,-0.01139,-0.0115,-0.0114,0.01319,-0.03954,0.02416,-0.03343,-0.00727,-0.01874,-0.0512,-0.02253,-0.05303,0.06738,0.03736,-0.04041,0.09998,-0.02904,-0.04722,0.04803,0.07862,-0.00899,0.02353,0.01429,0.10379,0.02147,-0.03738,-0.03784,-0.05105,-0.02299,0.06632,-0.02613,-0.02738,0.02911,-0.00964,-0.0314,-0.01745,-0.08685,-0.00085,-0.01258,0.00566,0.02847,0.03156,-0.0694,-0.05545,-0.04701,-0.03527,-0.02319,0.0123,0.01684,0.01033,0.04925,-0.06198,-0.06443,0.02227,-0.09847,-0.01567,0.0912,0.02395,-0.03436,0.01949,0.00377,-0.01211,0.02637,-0.04656,-0.04728,0,0.02981,-0.00952,-0.02931,0.00646,0.02305,-0.02264,0.01567,-0.08651,-0.02324,0.00692,-0.00933,-0.01741,-0.00784,0.01205,-0.07367,-0.10595,-0.02923,0.04668,-0.02163,0.05647,0.04402,-0.03975,-0.01705,-0.03423,0.11268,0.06929,-0.04691,0.07909,0.03333,0.03443,0.00694,0.0402,-0.01389,-0.01647,-0.04604,-0.00305,-0.05348,-0.04544,-0.0254,-0.03094,0.02796,-0.10791,-0.13512,0.02405,-0.01221,-0.03804,-0.02353,-0.02538,0.07192,-0.00294,0.01511,-0.03058,0.00797,0.01307,0.04442,-0.08739,-0.09056,0.07882,-0.01951,0.05553,-0.00317,0.03555,-0.07231,-0.02005,0.06272,0.07577,-0.03474,0.02338,0.06258,-0.05181,-0.07144,0.0472,-0.05414,-0.01997,0.0108,-0.04533,-0.03085,0.02884,0.09354,0.02812,0.01706,-0.07227,0.00715,0.04361,0.07723,-0.07571,-0.04849,-0.06566,-0.10281,-0.00916,0.09068,0.07099,0.05063,0.02501,0.06817,0,-0.01041,0.04094,-0.01299,0.0744,-0.00583,-0.00181,0.05275,-0.03347,0.0332,0.00753,0.05616,0.04464,0.01156,-0.02564,-0.01964,0.003,0.01787,-0.06128,0.00322,-0.00228,0.08334,-0.03351,0.09225,-0.04059,-0.09205,-0.00471,0.09023,0.0095,0.00173,-0.01175,0.05234,0.02726,-0.10727,-0.03755,-0.01744,-0.01405,0.02951,0.08976,0.04661,-0.08051,0.04055,0.02098,-0.03412,0.00707,-0.03531,0.00417,-0.07043,-0.07919,-0.05426,0.01836,-0.05768,0.03117,-0.03867,-0.03164,-0.04082,0.05378,0.13874,0.00381,-0.03133,0.02433,0.04628,-0.04186,0.04369,-0.0351,0.09195,0.05723,0.01187,0.04801,0.1027,0.10816,0.01015,0.06197,0.06253,0.01413,0.07538,0.0466,0.03982,-0.10161,0.06919,-0.00319,-0.00796,0.05952,0.03478,-0.02784,0.03044,0.06392,-0.04366,0.01399,0.07325,0.04997,-0.09602,-0.0152,0.0933,-0.00831,-0.0298,0,-0.08266,0.04599,-0.02983,-0.04575,0.04506,0.026,-0.08186,-0.01359,0.00128,-0.01018,-0.09458,0.06777,-0.02116,0.08618,0.08511,-0.02531,0.04685,-0.02337,-0.02387,-0.089,0.00162,-0.02465,0.0762,0.12432,-0.01713,-0.0658,0.00072,0.05565,-0.01551,-0.01346,-0.03371,-0.01927,-0.03017,0.03412,-0.14235,0.0551,-0.01629,-0.01176,-0.04613,-0.03468,0.09696,0.02959,-0.00294,-0.03834,-0.06977,0.08362,-0.00405,-0.04,-0.05428,0.04945,-0.0311,0.03224,-0.02216,-0.01073,0.01327,-0.00817,-0.02725,0.039,0.09594,0.00696,-0.06769,0.03911,0.06375,0.00502],"keywords":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect. Description Create connections without dragging: click a source connector to start, the preview line follows the cursor, then click a connectable target to commit. Pressing Escape or clicking anywhere else cancels; clicking another source re-arms from it. Drag-to-connect keeps working alongside — both gestures share the same preview, snapping, validation, and emit the same fCreateConnection event. f Create Connection","excerpt":"Description Create connections without dragging: click a source connector to start, the preview line follows the cursor, then click a connectable target to commit. Pressing Escape or clicking anywhere else cancels; clicking another source re-arms from it. Drag-to-connect keeps working alongside — both gestures share the same preview, snapping, validation, and emit the same fCreateConnection event."},{"chunkId":"/examples/click-to-connect#2","slug":"click-to-connect","route":"/examples/click-to-connect","section":"examples","title":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow","description":"Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect.","group":"Connections - Editing","vector":[-0.07658,-0.06461,-0.11252,0.06597,0.01294,0.08914,-0.01449,0.019,0.01968,0.04539,-0.031,-0.00841,-0.04964,0.0341,0.03727,0.01996,-0.06939,-0.03184,-0.00785,0.00722,-0.01997,-0.06611,0.01918,-0.04375,0.00483,-0.07159,-0.02521,-0.05684,-0.00082,0.01542,0.05617,0.07088,-0.05498,-0.02512,-0.04442,0.04191,0.02332,0.01981,-0.02881,-0.04416,0.13442,0.01226,0.04154,-0.08996,-0.06136,-0.02525,-0.07439,0.03845,-0.02506,0.05223,-0.08785,-0.04926,-0.04196,0.02676,0.02726,0.00936,0.01055,-0.07452,0.0333,0.01617,-0.0109,-0.06237,-0.02419,-0.0119,0.02008,0.02463,-0.09496,0.06134,-0.06812,0.00741,-0.01913,-0.03413,-0.06095,-0.04491,0.02128,-0.03983,-0.0648,0.11804,-0.01926,-0.04957,0.05346,0.06337,0.00852,0.03249,0.01655,0.12651,0.04993,-0.02131,-0.01824,-0.08283,-0.0116,0.06661,-0.02794,-0.01272,0.11194,0.01649,-0.05463,0.00975,-0.08217,0.02312,-0.00054,-0.02974,0.02208,-0.00351,-0.01474,-0.02236,-0.01593,0.04473,-0.01627,0.00231,-0.00835,0.01067,0.05056,-0.07886,-0.03657,-0.07013,-0.08849,-0.04475,0.08801,0.03101,0.02807,0.02099,-0.05533,-0.04028,0.05892,-0.01051,0.01986,0,0.04585,0.02018,-0.05629,0.0217,0.05742,-0.02638,0.02123,-0.11173,-0.0288,0.07655,-0.03842,-0.01065,-0.04248,-0.01089,-0.09068,-0.10269,-0.01298,0.04561,-0.02529,0.03357,0.03329,-0.03354,-0.02907,0.01997,0.14421,0.01888,-0.06535,0.06986,-0.01335,0.02159,0.06896,0.04392,0.00855,-0.03003,-0.02539,-0.05503,-0.05917,-0.03849,-0.0458,-0.02233,0.08248,-0.09628,-0.10649,0.0755,-0.04735,0.00024,-0.0117,-0.04493,0.09728,0.00312,-0.01502,-0.0043,-0.006,-0.02465,0.0581,-0.0456,-0.07183,0.07199,-0.01891,0.0525,-0.02394,0.0329,-0.03035,-0.05084,0.07693,0.02634,-0.0393,0.00915,0.07847,-0.08437,-0.06756,0.0779,-0.03551,-0.00521,0.02355,-0.03334,-0.00369,0.03324,0.1042,0.01946,-0.02328,-0.13556,-0.04382,0.03727,0.10534,-0.0947,-0.04229,-0.04577,-0.09884,-0.08298,0.1037,0.03959,-0.0119,-0.01646,0.05916,0,0.05761,0.05048,0.04023,0.10089,-0.00325,0.03413,0.07023,-0.01952,0.06103,0.0557,0.03948,0.07999,0.05715,-0.05494,0.03017,0.02667,0.01008,-0.06335,0.03652,-0.02786,0.08053,0.01016,0.03166,-0.02902,-0.0445,0.01277,0.08172,0.02645,0.01369,-0.01493,0.03471,0.03052,-0.12436,-0.01038,-0.04839,-0.01006,0.06457,0.129,0.04253,-0.04413,0.09158,0.02221,-0.03345,-0.00276,-0.03837,-0.03492,-0.0056,-0.044,-0.04981,-0.01241,-0.0627,0.00219,-0.01056,-0.01475,-0.02275,0.02629,0.10311,-0.04433,-0.0564,-0.01838,0.04247,-0.06642,0.05674,-0.02051,0.03971,0.0277,-0.04222,0.00332,0.05459,0.08644,-0.01982,0.0329,0.07231,-0.00649,0.09619,0.02814,0.01639,-0.02575,0.06381,-0.01041,-0.00402,0.08915,0.02167,-0.01525,0.06058,0.01919,-0.05834,-0.01574,0.09409,0.00249,-0.10704,-0.04443,0.05971,0.00279,-0.00997,0,-0.07444,0.03045,-0.03498,-0.0667,0.05243,0.01096,-0.06965,0.00086,0.00162,0.01388,-0.07993,0.08275,0.00987,0.04272,0.06855,-0.01104,-0.00353,-0.01529,-0.02022,-0.02591,0.00933,-0.03958,0.07622,0.12924,-0.01274,-0.04766,-0.0186,0.02722,-0.00068,-0.01709,-0.01603,-0.01709,-0.04612,-0.00463,-0.08488,0.00269,-0.07928,-0.0303,-0.01999,-0.01998,0.07365,-0.00556,0.0293,-0.0283,-0.06804,0.08195,-0.0373,-0.01574,-0.06355,0.00862,-0.04092,0.04149,-0.05876,0.01933,0.01184,-0.01605,0.00658,0.0121,0.05138,-0.00877,-0.04813,0.08683,0.04063,-0.02465],"keywords":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect. Example ::: ng-component <click-to-connect</click-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.scss :::","excerpt":"Example ::: ng-component <click-to-connect</click-to-connect [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connectors/click-to-connect/example.scss :::"},{"chunkId":"/examples/click-to-connect#3","slug":"click-to-connect","route":"/examples/click-to-connect","section":"examples","title":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow","description":"Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect.","group":"Connections - Editing","vector":[-0.03957,-0.12967,-0.07384,0.05249,-0.03291,0.06697,0.03436,-0.00848,0.0928,0.00188,0.00792,0.02164,-0.06157,0.02826,0.04836,0.02629,-0.02185,-0.05798,-0.04431,0.05024,-0.03073,-0.13109,-0.00107,-0.06862,0.00626,-0.08811,-0.01434,-0.06709,0.04099,-0.01765,-0.00008,0.06478,-0.07555,-0.00898,-0.10236,0.02591,0.04412,-0.00942,-0.05874,-0.02353,0.08065,-0.04046,0.0613,-0.0493,-0.05252,0.02847,-0.04269,0.03778,-0.02283,0.0958,-0.03987,-0.01151,-0.0231,0.04248,0.06835,0.06714,0.02189,-0.02711,-0.054,0.0398,-0.00601,-0.01635,-0.01004,-0.02811,-0.00608,0.02033,-0.01798,0.00445,0.00186,0.00469,-0.04918,-0.03198,0.00551,-0.05556,0.05564,0.02654,-0.01301,0.08731,-0.0648,-0.0599,0.07364,0.08865,0.01584,-0.00395,0.02041,0.06751,0.00495,-0.04634,-0.01359,-0.04704,-0.06084,0.06426,-0.05755,-0.05665,0.03316,-0.00643,-0.03965,-0.02477,-0.10019,0.02212,0.00443,-0.02665,0.01436,0.01494,-0.04202,-0.03251,-0.06383,-0.00028,-0.02543,0.0103,0.01188,-0.02973,0.03001,-0.078,-0.05811,0.02946,-0.09442,0.01194,0.1084,0.02042,-0.02757,0.00919,0.00067,-0.02309,0.04643,-0.05118,-0.04552,0,0.01722,0.04088,-0.02694,-0.03769,0.04061,-0.01222,-0.00212,-0.10686,0.00055,0.00042,0.01946,0.01076,-0.0254,0.00333,-0.04816,-0.07412,-0.01343,0.04156,0.00313,0.03032,0.02545,-0.03138,-0.03554,-0.00949,0.09814,0.05285,-0.02478,0.08554,0.02563,0.01845,0.03465,0.04383,-0.04104,-0.02782,-0.01782,-0.01644,-0.04977,-0.05348,-0.04415,-0.02031,0.05137,-0.10087,-0.15701,-0.00063,-0.02811,-0.02875,-0.02284,-0.00964,0.07475,-0.02757,0.01592,-0.03574,0.01265,-0.01876,0.03858,-0.0793,-0.09191,0.08672,-0.00892,0.06944,-0.01695,-0.01362,-0.03063,-0.04439,0.04355,0.06804,-0.03629,0.02279,0.08239,-0.0539,-0.07407,0.06567,-0.06939,-0.01747,0.0109,-0.03074,-0.04043,0.04223,0.09436,0.04348,0.01677,-0.09408,0.00204,0.05449,0.07121,-0.09166,-0.02829,-0.06525,-0.11848,-0.02185,0.04952,0.08424,0.06996,0.06766,0.04901,0,0.0117,0.04983,-0.02803,0.10206,-0.02496,-0.00439,0.06133,-0.0262,0.00054,-0.00456,0.064,0.03877,0.01424,-0.04138,-0.02625,0.00465,0.01486,-0.06566,-0.03399,0.00934,0.04906,-0.02703,0.08732,-0.03593,-0.08194,0.01367,0.09937,-0.02389,-0.01971,-0.02204,0.04088,0.03059,-0.07732,-0.0501,-0.01371,-0.00643,0.04648,0.06403,0.03109,-0.04561,0.05211,0.02459,-0.01253,0.0272,-0.01293,0.02537,-0.08219,-0.0429,-0.05646,0.03226,-0.05273,0.02133,-0.03052,-0.02171,-0.05517,0.08876,0.11755,-0.01237,-0.00449,0.01256,0.04737,-0.05701,0.02006,-0.02098,0.0794,0.03809,0.02933,0.01955,0.11675,0.12621,0.01303,0.05925,0.04289,-0.01604,0.07106,0.0572,0.07822,-0.11598,0.03814,0.00329,-0.03424,0.0625,0.04402,-0.04276,0.02172,0.05169,-0.04934,0.0336,0.08314,0.06636,-0.06778,0.02001,0.05823,-0.00415,-0.04022,0,-0.06865,0.07166,-0.04191,-0.05171,0.07096,0.03302,-0.07973,0.02079,0.01022,0.01692,-0.08245,0.0796,-0.05523,0.07142,0.09221,-0.02798,0.0554,-0.04775,-0.04577,-0.04659,-0.00341,-0.04223,0.04127,0.11574,-0.03627,-0.07705,0.03786,0.06671,-0.03921,-0.01119,-0.03208,-0.02068,-0.02652,0.03696,-0.1393,0.0706,-0.03861,-0.03065,-0.0158,0.01887,0.11548,0.05103,-0.00154,-0.01637,-0.04256,0.06387,-0.01597,-0.06026,-0.0444,0.06029,-0.0657,0.02059,-0.03366,-0.00037,0.02657,-0.01072,-0.01181,0.04793,0.10127,0.03888,-0.05384,0.01672,0.02181,-0.01671],"keywords":"Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Angular Diagram Example – Click-to-Connect Connections with Foblex Flow Create connections by clicking: click a source connector, follow the preview line, click a target to commit. Installed via provideFFlow(withConnectionFlow) alongside drag-to-connect. Usage Select the connection gesture through provideFFlow: - 'drag' — the default drag-to-connect only (same as omitting the feature). - 'click' — adds click-to-connect alongside drag. - A custom Type<IFConnectionFlow installs your own gesture: implement initialize() / destroy() and drive the shared FCreateConnectionSession (begin, update, resolveTarget, complete, cancel) to reuse the preview line, snapping, connectable marking, and event emission. The connection rules are unchanged: fConnectorDisabled, fCanBeConnectedTo, categories, and multiplicity apply to both gestures, and <f-connection-for-create remains the opt-in for the preview. provide F Flow IF Connection Flow F Create Connection Session resolve Target f Connector Disabled f Can Be Connected To","excerpt":"Usage Select the connection gesture through provideFFlow: - 'drag' — the default drag-to-connect only (same as omitting the feature). - 'click' — adds click-to-connect alongside drag. - A custom Type<IFConnectionFlow installs your own gesture: implement initialize() / destroy() and drive the shared FCreateConnectionSession (begin, update, resolveTarget, complete, cancel) to reuse the preview line, snapping, connectable marking, and event emission. The connection rules are unchanged: fConnectorDisabled, fCanBeConnectedTo, categories, and multiplicity apply to both gestures, and <f-connection-for-create remains the opt-in for the preview."},{"chunkId":"/examples/drag-to-reassign#0","slug":"drag-to-reassign","route":"/examples/drag-to-reassign","section":"examples","title":"Drag to Reassign","description":"Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams.","group":"Connections - Editing","vector":[-0.05116,0.00285,-0.00601,0.08629,-0.03446,0.01889,0.00444,-0.11474,-0.01446,0.04875,0.03768,0.10676,-0.02473,-0.00052,-0.00883,-0.00264,-0.06233,0.01195,-0.02332,-0.00933,-0.02966,-0.08187,-0.0583,-0.05801,0.05781,-0.00977,0.0277,0.04079,0.07422,-0.10349,-0.03884,0.01925,-0.16345,-0.03812,-0.13746,0.0293,0.03312,0.04504,-0.01202,-0.01162,0.10385,0.03278,0.01396,-0.0167,-0.03319,0.02359,-0.07791,0.04884,0.04145,0.07112,-0.0205,-0.09064,-0.05941,-0.00023,0.0187,0.00933,-0.01436,0.0048,0.05209,0.02117,0.04368,-0.02091,0.06789,0.04825,-0.00143,0.0029,-0.04155,0.01685,-0.01798,0.07625,0.05544,-0.04315,-0.07943,-0.02896,0.07321,0.01374,-0.06622,0.0798,-0.02291,0.04876,0.05807,0.05694,-0.06126,0.10373,-0.00595,0.1008,-0.06145,-0.12203,0.01419,-0.06731,0.01226,0.02115,-0.00834,-0.00234,-0.03059,-0.03369,-0.04834,0.02188,-0.10307,0.07692,0.00708,-0.06812,-0.00935,-0.00415,-0.05969,0.00351,-0.03229,-0.0103,-0.07176,0.06749,0.04642,0.03186,-0.0423,-0.05016,-0.07193,0.02814,-0.08605,-0.02882,0.00758,0.046,-0.07054,0.09597,-0.00415,-0.05478,0.0358,-0.0293,-0.06036,0,-0.00471,0.04779,-0.06075,-0.0057,0.03607,-0.04873,-0.0254,-0.08227,0.01062,0.03495,0.00898,0.02485,-0.05723,-0.06928,-0.04251,-0.07465,0.04581,0.04994,-0.04596,0.01871,-0.04858,0.00824,-0.04283,-0.01198,0.01517,0.06441,-0.01348,0.02878,0.00601,0.02853,0.06911,0.10684,0.00799,0.05237,-0.06549,0.0465,0.03305,-0.04525,0.0195,-0.07093,0.05776,-0.03635,-0.1211,0.06867,0.00465,-0.00377,0.05206,-0.02915,0.03953,-0.03203,-0.01522,0.07454,0.02205,-0.02448,-0.06127,-0.0955,-0.05211,0.12412,-0.01173,0.05488,0.01715,0.03819,-0.05822,0.00585,0.05826,-0.00292,-0.02908,0.06676,0.07424,-0.06591,-0.09294,0.02617,0.00419,0.03324,-0.03858,-0.04134,-0.0388,0.03351,0.12242,-0.00913,-0.0448,-0.02155,-0.00385,-0.00321,0.04387,-0.14113,0.02216,-0.03988,0.02828,0.0436,0.05728,0.05272,0.06127,0.04106,0.03634,0,-0.0613,0.02723,0.07148,0.07297,-0.03253,-0.02203,0.02168,0.08795,-0.01977,-0.00868,0.07502,0.02228,-0.00172,0.00769,-0.03204,-0.00923,-0.04837,-0.02633,-0.03716,-0.04382,0.06163,0.02829,0.02213,-0.04033,-0.00467,0.0483,0.03435,-0.02254,0.03994,0.01072,0.0343,-0.08191,-0.03916,0.01737,0.00235,-0.01945,0.01312,0.11412,0.04587,-0.08559,-0.04099,0.04157,-0.02969,-0.02191,-0.03113,-0.01591,-0.02171,-0.00987,-0.09683,-0.02739,-0.05801,0.03948,0.02637,-0.07578,-0.02309,0.04838,0.03955,-0.02731,0.08618,-0.02915,0.0305,-0.01452,-0.02385,-0.0278,0.04354,0.01404,0.04177,-0.08939,0.00257,0.02763,-0.03325,0.07143,0.01602,-0.03521,0.11845,-0.08691,0.10555,-0.08748,-0.03086,-0.07081,0.00167,-0.00304,-0.02482,-0.02403,0.04194,0.04315,-0.06547,0.03211,0.04317,0.05901,-0.08406,-0.06478,0.04749,-0.00105,0.0055,0,-0.06819,0.05349,0.02445,-0.01823,0.09871,0.00666,-0.03125,0.06356,-0.0268,-0.03625,0.0154,0.05296,-0.04889,-0.0199,0.05274,0.00175,-0.01106,0.06386,-0.02001,-0.04177,-0.02351,-0.01287,0.09023,0.14663,-0.03813,-0.04008,-0.02941,0.01596,-0.00342,0.0218,-0.1002,-0.01668,0.0885,0.05989,-0.06264,-0.01753,-0.08777,0.01272,-0.00023,0.01766,0.04622,0.04714,0.06228,0.0214,-0.07741,0.02952,0.04207,0.02438,0.00308,0.02381,-0.02273,-0.021,-0.01709,-0.08298,-0.00264,-0.0131,-0.00103,0.0209,-0.05943,-0.01493,-0.03244,0.0624,0.03913,-0.05308],"keywords":"Drag to Reassign Drag to Reassign Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams. Drag to Reassign","excerpt":"Drag to Reassign"},{"chunkId":"/examples/drag-to-reassign#1","slug":"drag-to-reassign","route":"/examples/drag-to-reassign","section":"examples","title":"Drag to Reassign","description":"Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams.","group":"Connections - Editing","vector":[-0.06238,-0.01091,-0.00625,0.06167,-0.02236,-0.00726,-0.02349,-0.05603,0.0558,0.04069,0.00085,0.08635,-0.04683,0.0162,0.00445,0.03253,-0.03646,0.00433,-0.04092,-0.0469,-0.04023,-0.07396,-0.0843,-0.04245,0.07422,0.00002,-0.02274,0.03291,0.06018,-0.08821,-0.03896,0.03575,-0.13903,0.00269,-0.1343,0.08889,0.06898,0.04697,-0.02615,-0.01749,0.07088,-0.00146,-0.0048,-0.01991,-0.01976,0.02284,-0.11351,0.00715,-0.01013,0.07669,-0.02222,-0.06741,-0.11347,0.02691,0.05657,0.04919,0.04092,-0.00916,0.03133,0.03778,0.05668,0.00476,0.04734,0.05772,-0.00713,-0.01202,-0.01006,0.03978,0.01632,0.04724,0.02259,0.00867,-0.11519,-0.03882,0.0172,-0.00072,-0.04089,0.05003,-0.0731,0.01342,0.08031,0.06125,-0.06674,0.08572,-0.0161,0.08652,-0.03788,-0.10494,0.04861,-0.0407,-0.01213,0.02511,0.07368,-0.02383,0.01895,0.01628,-0.03559,0.00568,-0.10461,0.06839,-0.00425,-0.05532,0.00151,-0.02083,-0.03065,-0.00983,-0.04402,-0.00266,-0.06919,0.03109,0.02402,0.00175,0.01525,-0.04035,-0.05606,0.00493,-0.08542,-0.03063,0.00015,0.0971,-0.03983,0.08305,-0.00322,-0.04486,0.03152,-0.02138,-0.05566,0,0.03966,0.01154,-0.02482,0.03089,0.08925,-0.01145,-0.02385,-0.06961,0.00108,-0.01003,-0.00386,0.05478,-0.04452,0.02668,-0.03406,-0.04904,0.02378,0.07235,-0.03035,0.01776,-0.06209,-0.04083,-0.04462,0.01109,0.071,0.06535,-0.02084,0.04105,0.04416,0.00092,-0.01058,0.04181,-0.008,0.03754,-0.07182,0.02493,0.01211,-0.08779,0.02925,-0.04842,0.05475,-0.00324,-0.12968,0.02755,0.00363,-0.01702,0.01092,0.0168,0.01111,-0.05239,0.0115,0.09559,0.06692,0.02093,-0.03753,-0.11108,-0.00973,0.08592,0.01341,0.0756,-0.0063,0.08341,-0.09085,0.07749,0.08939,0.03315,-0.01806,0.06897,0.08999,-0.07274,-0.15003,0.04676,-0.04039,0.02436,-0.05423,-0.07271,-0.0703,-0.01972,0.09049,-0.03213,-0.05346,-0.0193,0.00786,0.01515,0.04254,-0.14257,0.04067,-0.04929,0.00243,0.00542,0.06265,0.04132,0.06785,0.0328,0.0892,0,-0.0551,0.03071,0.06046,0.10048,-0.00384,-0.02841,0.03587,-0.00265,0.02742,-0.03735,0.00864,0.00991,-0.02234,-0.03282,0.03228,-0.02315,-0.08976,-0.1076,-0.05843,-0.04822,0.05679,0.02944,0,-0.04505,-0.01915,0.02601,0.01038,-0.023,0.02044,-0.0224,0.00139,-0.07538,-0.07033,-0.0305,0.02575,0.00149,0.01332,0.1038,0.05012,-0.00379,-0.01603,0.05237,-0.03275,-0.00711,-0.02461,0.07311,-0.08658,-0.01111,-0.07542,-0.05719,-0.08367,0.05494,0.0019,-0.09121,0.00439,0.01474,0.07632,-0.00549,0.02971,-0.04064,-0.01258,-0.05485,-0.00172,-0.01561,0.00373,0.0035,0.02852,-0.1079,-0.04106,0.02794,0.04318,0.03539,-0.01411,-0.0494,0.11111,-0.08914,0.0683,-0.05506,-0.00133,-0.00823,-0.0629,0.0318,0.00157,-0.00522,0.00689,0.0396,-0.05658,0.05767,0.06566,0.05159,-0.1207,-0.02833,0.01045,0.01074,-0.05396,0,-0.07177,0.05592,0.03185,0.00973,0.07477,0.02789,-0.00228,0.11578,0.0128,0.01179,0.05309,0.03813,-0.0249,0.0034,0.04013,0.00838,0.02844,0.01093,-0.02048,-0.06219,0.0108,0.0099,0.02869,0.12027,-0.01456,-0.08031,0.01089,0.05652,-0.04449,0.02704,-0.05508,-0.0099,0.12213,0.13076,-0.02221,-0.01048,-0.04612,0.05781,-0.01261,0.02618,0.0542,0.03359,-0.01178,0.00986,-0.0589,-0.00342,0.05048,-0.00368,-0.04405,-0.0136,-0.05893,-0.01686,-0.03782,-0.04996,0.02306,0.03726,0.01305,0.01624,0.00503,0.01411,-0.0479,0.06671,0.02932,-0.06517],"keywords":"Drag to Reassign Drag to Reassign Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams. Description This example demonstrates how to reassign existing connections between connectors using drag-and-drop interactions. Reassignment is one of the key differences between a simple diagram and a usable editor: users can change a flow without deleting and rebuilding every edge by hand. It is especially useful in workflow builders, AI pipeline editors, and logic tools where users iterate on graph structure constantly. It also makes experimentation faster because users can explore alternatives without breaking the entire graph editing flow. That matters most in tools where connections change often during real user work.","excerpt":"Description This example demonstrates how to reassign existing connections between connectors using drag-and-drop interactions. Reassignment is one of the key differences between a simple diagram and a usable editor: users can change a flow without deleting and rebuilding every edge by hand. It is especially useful in workflow builders, AI pipeline editors, and logic tools where users iterate on graph structure constantly. It also makes experimentation faster because users can explore alternatives without breaking the entire graph editing flow. That matters most in tools where connections change often during real user work."},{"chunkId":"/examples/drag-to-reassign#2","slug":"drag-to-reassign","route":"/examples/drag-to-reassign","section":"examples","title":"Drag to Reassign","description":"Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams.","group":"Connections - Editing","vector":[-0.07395,-0.00911,-0.03673,0.10118,0.0103,0.07268,0.0097,-0.05286,0.00192,0.05858,-0.02667,0.09099,-0.01348,0.02217,-0.02369,-0.02525,-0.07374,0.06867,-0.04525,-0.01132,0.00498,-0.07845,-0.0145,-0.01239,0.04933,-0.01126,-0.00941,0.02693,0.07028,-0.07614,-0.00878,0.023,-0.12622,-0.03149,-0.10745,0.09004,0.0118,0.07649,-0.03007,-0.01091,0.07764,0.03032,0.01501,-0.05799,-0.00348,0.02114,-0.07832,0.0744,0.00262,0.059,-0.02028,-0.08884,-0.08271,0.04104,0.01715,-0.00743,0.01599,-0.0471,0.05802,0.01022,-0.01063,-0.04543,0.06856,0.03305,-0.00081,0.02289,-0.09605,0.02486,-0.04087,0.06946,0.04891,-0.02967,-0.08648,-0.03496,0.05921,-0.04692,-0.07991,0.14298,-0.05753,0.03902,0.09496,0.00544,-0.04792,0.06085,-0.00717,0.10152,-0.03941,-0.09971,0.03147,-0.04701,0.00094,0.04621,-0.00326,-0.01307,0.00557,-0.01663,-0.10883,0.03735,-0.08658,0.07189,-0.02196,-0.0798,0.00786,0.0251,-0.00594,0.00141,0.00045,0.01684,-0.06111,0.05617,0.02711,0.0305,0.00517,-0.06233,-0.04824,-0.01861,-0.07031,-0.04396,-0.00882,0.04967,-0.00538,0.06536,-0.02945,-0.0679,0.08297,-0.00587,-0.01244,0,-0.00871,0.05199,-0.06343,0.03413,0.03107,-0.04896,-0.01873,-0.08415,-0.00489,0.07862,-0.00459,0.02978,-0.05109,-0.04228,-0.05494,-0.11838,0.02886,0.07296,-0.05131,0.02703,-0.0323,0.00179,-0.04993,-0.02769,0.07756,-0.00135,-0.04509,0.02823,0.01415,0.00654,0.04101,0.0928,-0.00347,-0.00126,-0.04957,0.02277,0.01383,-0.0403,0.01178,-0.06751,0.10504,-0.01498,-0.13467,0.07416,-0.00028,-0.03992,0.03279,-0.00471,0.07245,-0.03052,0.00078,0.09922,0.01639,-0.01893,-0.01608,-0.10226,-0.03886,0.11614,-0.01889,0.07289,0.00442,0.04144,-0.04584,-0.00833,0.07736,-0.01409,-0.01491,0.08963,0.07371,-0.09421,-0.08719,0.06368,-0.01901,0.00802,-0.01483,-0.04471,-0.00015,0.02794,0.106,-0.02441,-0.03672,-0.05917,-0.02178,0.03742,0.05463,-0.13812,0.0148,-0.04666,-0.00772,-0.07986,0.07234,0.03181,0.03034,0.00321,0.0433,0,0.01686,0.02505,0.05992,0.12408,-0.04308,-0.0019,0.04724,0.09821,-0.00461,-0.00961,0.02299,0.01357,-0.009,-0.00262,-0.00244,-0.01682,-0.0751,-0.05556,-0.0067,-0.03571,0.06368,0.04905,-0.01056,-0.00801,-0.03723,0.06808,0.02055,0.03616,0.0162,-0.01404,-0.00732,-0.08371,-0.07136,0.01625,-0.00447,-0.04763,0.0035,0.16458,0.04811,-0.0153,0.02139,0.06862,-0.02794,-0.00063,-0.01948,0.00447,-0.01044,-0.01727,-0.04371,-0.05056,-0.06532,0.02277,-0.03208,-0.02987,0.00325,0.00979,0.05752,-0.0593,0.01231,-0.02543,0.04952,-0.01064,-0.02607,-0.0339,0.06864,0.03339,-0.01369,-0.11279,-0.00964,0.02834,-0.03995,0.04065,0.03794,-0.03083,0.10026,-0.04346,0.10858,-0.04826,0.0078,-0.02118,-0.02029,0.03346,-0.02016,0.0014,0.02169,0.05977,-0.10962,-0.01195,0.06377,0.02123,-0.10727,-0.06624,0.05735,-0.02732,0.00108,0,-0.08838,0.03448,0.0376,-0.02,0.04353,-0.00367,-0.02642,0.04339,-0.02395,-0.05726,-0.01849,0.06749,0.03366,-0.0296,0.03423,0.00303,-0.00456,0.06364,-0.02102,-0.05895,-0.01045,0.01039,0.08337,0.12989,-0.03312,-0.07599,-0.04012,0.0377,0.01294,-0.02052,-0.07303,-0.03166,0.0939,0.04209,-0.04345,-0.02412,-0.10738,0.01211,0.00657,0.02863,0.06456,0.02718,0.05448,0.0043,-0.07045,0.03325,0.02709,0.00966,-0.02232,0.00211,-0.02403,0.02037,-0.05643,-0.00933,0.02149,0.0089,-0.03083,0.03625,-0.01069,-0.01196,-0.02495,0.05684,0.02023,-0.05231],"keywords":"Drag to Reassign Drag to Reassign Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams. Example ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.scss :::","excerpt":"Example ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/drag-to-reassign/example.scss :::"},{"chunkId":"/examples/drag-to-reassign#3","slug":"drag-to-reassign","route":"/examples/drag-to-reassign","section":"examples","title":"Drag to Reassign","description":"Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams.","group":"Connections - Editing","vector":[-0.0357,-0.00427,0.01879,0.05109,-0.01685,0.03546,-0.04832,-0.04861,0.02996,0.07806,0.04672,0.12211,-0.03689,0.03474,0.00129,0.01146,-0.02453,0.04915,-0.01949,-0.07803,-0.04152,-0.11249,-0.04817,-0.0365,0.0569,-0.01361,-0.03852,0.07011,0.08851,-0.11862,-0.05179,0.05209,-0.12015,-0.03796,-0.16064,0.04235,0.06908,0.05015,-0.04596,0.00555,0.03404,-0.00032,-0.01135,0.00609,-0.002,0.02329,-0.08386,0.02957,0.00094,0.0635,-0.00344,-0.07059,-0.08024,-0.01002,0.07114,0.03069,0.04427,-0.00539,0.0541,-0.0121,0.06293,0.00938,0.0503,0.04783,0.01255,-0.03208,-0.00171,0.00489,0.02761,0.08333,0.05543,-0.02729,-0.1038,-0.0332,0.04194,0.01953,-0.00448,0.04496,-0.07286,-0.00086,0.053,0.08266,-0.05573,0.09978,-0.01736,0.04068,-0.04516,-0.12426,0.02479,-0.03687,-0.01039,0.03904,0.01808,-0.04531,0.00179,0.0118,-0.04446,0.02127,-0.08218,0.06922,0.02347,-0.0663,-0.00028,-0.03645,-0.04,-0.01316,-0.03575,0.00707,-0.082,0.01315,0.00683,0.02033,-0.03394,0.0047,-0.04551,0.01543,-0.07992,-0.06973,0.01408,0.05346,-0.04082,0.08553,0.02693,-0.04198,0.04578,-0.0152,-0.05616,0,0.0251,0.05903,-0.03726,0.01187,0.06888,-0.00705,-0.04968,-0.04205,0.00846,0.034,0.02152,0.06459,-0.03466,0.04577,0.01791,-0.07391,0.03321,0.03325,-0.05431,-0.00286,-0.04912,-0.0245,-0.01176,-0.00012,0.03929,0.08743,-0.00289,0.04532,0.00354,0.00668,-0.01185,0.05613,-0.0203,0.03175,-0.07133,0.03896,0.01247,-0.10918,0.03499,-0.03775,0.03841,0.00991,-0.12645,0.03535,0.01784,0.03679,0.01162,-0.04382,-0.00878,-0.01865,0.00945,0.10407,0.04463,0.01609,-0.03974,-0.09797,0.01146,0.01607,-0.00541,0.05052,0.00749,0.06491,-0.08519,0.0488,0.0282,0.01618,0.00376,0.04412,0.10017,-0.08512,-0.17257,0.02554,-0.01572,0.01713,-0.04614,-0.05086,-0.05824,-0.00893,0.08599,-0.02237,-0.06509,-0.02795,-0.00981,-0.00524,0.03117,-0.1621,0.06488,0.00211,0.04046,0.02158,0.08734,0.04084,0.05599,0.07365,0.07274,0,-0.06707,0.04451,0.0625,0.08509,-0.03967,-0.04556,0.0192,-0.00081,-0.01794,-0.04137,0.03547,-0.04244,-0.03535,0.00096,0.02504,-0.02515,-0.0783,-0.06523,-0.04291,-0.07575,0.07834,0.05044,-0.0099,-0.02646,0.00842,0.03502,-0.03579,-0.02843,0.02055,0.01714,-0.00065,-0.0995,-0.04581,-0.01839,0.04456,-0.00858,0.01543,0.09716,0.0367,-0.01823,-0.04323,0.02992,-0.04558,0.00919,-0.02538,0.07192,-0.06304,-0.00512,-0.07418,-0.01952,-0.03028,0.05069,0.0401,-0.13444,-0.00762,-0.01983,0.05489,0.0004,0.06001,-0.01045,-0.00806,-0.03279,-0.01739,-0.04324,-0.00892,-0.03513,0.07451,-0.1195,0.01247,0.04015,0.01971,0.04239,-0.01531,-0.05705,0.10642,-0.05864,0.06193,-0.01974,-0.03369,-0.03919,-0.05072,-0.00422,-0.01544,0.01853,-0.01906,0.03911,-0.07219,0.05253,0.05429,0.03962,-0.08114,-0.03057,0.00791,0.04566,-0.01245,0,-0.07694,0.06478,0.05961,-0.00072,0.06202,0.00985,0.03575,0.12681,-0.02957,0.01252,0.0672,0.05664,-0.01838,-0.00191,0.02599,0.02106,-0.00409,0.0507,-0.01215,-0.02934,-0.02637,-0.01177,0.008,0.10845,-0.0391,-0.05824,0.02223,0.07898,-0.0241,0.00702,-0.04278,-0.01586,0.13832,0.13413,-0.02172,-0.03135,-0.05817,0.05682,-0.00241,0.00714,0.00438,0.06846,0.00259,0.01542,-0.06593,0.00549,0.03312,-0.0209,-0.05977,-0.04173,-0.0688,-0.02767,-0.02944,-0.0612,0.02547,0.0456,0.00899,0.01036,-0.00446,-0.0049,-0.04929,0.06289,0.00337,-0.09088],"keywords":"Drag to Reassign Drag to Reassign Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams. What this solves - Lets users correct graph wiring quickly. - Reduces friction compared with delete-and-recreate flows. - Provides a better editing experience for larger or more exploratory diagrams. For products with frequent graph editing, reassignment usually improves usability more than adding another visual polish feature.","excerpt":"What this solves - Lets users correct graph wiring quickly. - Reduces friction compared with delete-and-recreate flows. - Provides a better editing experience for larger or more exploratory diagrams. For products with frequent graph editing, reassignment usually improves usability more than adding another visual polish feature."},{"chunkId":"/examples/drag-to-reassign#4","slug":"drag-to-reassign","route":"/examples/drag-to-reassign","section":"examples","title":"Drag to Reassign","description":"Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams.","group":"Connections - Editing","vector":[-0.06525,-0.02268,-0.0142,0.08733,-0.03293,0.04244,0.03656,-0.08913,-0.00869,0.04841,0.03209,0.10216,-0.02609,0.01556,0.00793,0.00383,-0.05245,-0.01432,-0.03096,-0.00051,-0.04264,-0.10858,-0.08113,-0.0721,0.06864,-0.00797,0.03627,0.01745,0.08613,-0.09255,-0.05232,0.01445,-0.17692,-0.04751,-0.15742,0.02745,0.06354,0.04142,-0.02009,-0.00099,0.12072,0.01555,-0.00109,-0.01341,-0.05507,0.04614,-0.092,0.04954,0.00186,0.05533,-0.0226,-0.06409,-0.057,0.0072,0.01921,0.01633,0.00457,0.00421,0.01335,0.03264,0.03724,-0.02657,0.03684,0.02571,-0.01187,-0.00146,-0.03223,0.02809,-0.01482,0.04702,0.01633,-0.02556,-0.06709,-0.03595,0.04898,0.01378,-0.04096,0.08246,-0.01518,0.03311,0.09202,0.09204,-0.06531,0.05826,-0.02598,0.10985,-0.04975,-0.122,-0.02505,-0.07563,0.03213,0.01851,0.02043,0.00312,-0.01497,-0.01085,-0.06059,0.01932,-0.08679,0.06151,-0.00376,-0.0669,-0.00995,0.02252,-0.0534,-0.00173,-0.03006,-0.02621,-0.03964,0.06734,0.04205,0.03116,-0.04045,-0.06817,-0.07863,0.01434,-0.08132,-0.01976,0.01914,0.0534,-0.0851,0.07753,0.02444,-0.06915,0.0454,-0.0263,-0.06511,0,-0.01144,0.0232,-0.06811,-0.01084,0.05962,-0.03922,-0.03704,-0.08465,0.02647,0.03523,-0.01926,0.0208,-0.06312,-0.04804,-0.02878,-0.06861,0.06273,0.02826,0.01042,0.01491,-0.04193,-0.04205,-0.02975,0.01126,0.06672,0.05062,-0.01416,0.03455,0.0168,0.0203,0.07412,0.08311,0.01311,0.06177,-0.0631,0.01866,-0.01023,-0.04282,0.01631,-0.04478,0.05188,-0.05535,-0.13969,0.09174,-0.02068,-0.00989,0.05736,-0.02651,0.04563,-0.03957,-0.03467,0.05216,0.03031,-0.01438,-0.02815,-0.07149,-0.07017,0.11898,0.00863,0.03841,0.01814,0.03071,-0.06159,0.00008,0.08887,0.01299,-0.03536,0.05924,0.06566,-0.0802,-0.10146,0.02646,-0.02291,0.02568,-0.03999,-0.06674,-0.06186,0.03236,0.11747,-0.00344,-0.04517,-0.02095,-0.00342,0.0361,0.05137,-0.11449,0.03013,-0.05143,0.01773,0.02479,0.06617,0.04152,0.07856,0.03108,0.07602,0,-0.06033,0.02223,0.05674,0.07442,-0.00905,-0.02721,0.05297,0.06386,-0.00537,0.00426,0.07814,0.06388,-0.00167,-0.01104,-0.01956,0.00923,-0.05712,-0.05525,-0.0254,-0.03679,0.07198,0.00525,0.01238,-0.06456,0.00555,0.01296,0.04631,-0.03884,0.03784,0.02847,0.02648,-0.04448,-0.03314,0.02017,-0.01802,-0.02112,0.0259,0.11125,0.02975,-0.07691,-0.04286,0.03255,-0.01856,-0.01022,-0.01711,0.00167,-0.05019,-0.03164,-0.09362,-0.02144,-0.05107,0.04503,0.01078,-0.05406,-0.0067,0.04865,0.05452,0.00076,0.06956,-0.03013,0.04843,-0.04377,-0.02535,-0.01645,0.04998,0.00928,0.02922,-0.08281,0.02942,0.02854,-0.03592,0.06292,0.01098,-0.03249,0.12005,-0.07612,0.09425,-0.06726,0.01262,-0.03757,-0.01883,0.01844,-0.04082,-0.03928,0.04016,0.0473,-0.03033,0.0353,0.04805,0.06285,-0.10463,-0.05271,0.04582,-0.00898,-0.03987,0,-0.04815,0.02843,0.00137,-0.04837,0.09254,0.0174,-0.0359,0.06217,-0.01476,0.00882,0.01887,0.07801,-0.05443,0.01214,0.07506,0.00786,0.01749,0.04574,-0.01577,-0.05484,-0.0071,0.00782,0.09539,0.17009,-0.01157,-0.04269,0.00595,0.02177,-0.01085,0.03088,-0.09899,-0.01383,0.0785,0.04702,-0.05988,0.01925,-0.10508,0.02608,-0.01252,0.03468,0.06384,0.01804,0.04771,0.0153,-0.04524,0.05035,0.02008,0.02629,-0.0024,0.02389,-0.03219,-0.00994,-0.04825,-0.06264,-0.0088,-0.00859,-0.00382,0.0073,-0.02584,-0.02921,-0.08028,0.05525,0.04813,-0.06684],"keywords":"Drag to Reassign Drag to Reassign Reassign connections by dragging edges to new nodes. Guard rules and smooth UX in Angular diagrams. Related docs - Drag and Drop - Connection Component - Connection Rules","excerpt":"Related docs - Drag and Drop - Connection Component - Connection Rules"},{"chunkId":"/examples/create-node-on-connection-drop#0","slug":"create-node-on-connection-drop","route":"/examples/create-node-on-connection-drop","section":"examples","title":"Angular Workflow Builder Example – Create a Node on Connection Drop","description":"Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders.","group":"Connections - Editing","vector":[-0.11483,-0.04633,-0.0657,0.06546,-0.01753,0.01665,0.00438,-0.01847,0.06421,0.0391,-0.02206,0.03577,-0.0268,0.02628,0.01187,0.04179,-0.06583,-0.03127,-0.03225,-0.05893,-0.01604,-0.07275,-0.05366,-0.01718,0.10323,-0.00551,0.00821,-0.04036,0.08976,-0.0165,0.0057,0.01695,-0.07949,0.03019,-0.07402,0.08945,0.02191,0.10301,-0.01568,-0.02249,0.1286,0.03102,0.01364,-0.03435,-0.07744,0.01059,-0.05625,0.06906,-0.03758,0.01217,-0.08046,-0.05652,-0.01399,0.05927,0.0157,0.00473,0.03849,-0.03416,-0.06609,0.01423,0.10587,-0.03257,0.01548,-0.05122,0.01643,0.04084,-0.05656,0.05268,-0.01788,0.0172,0.02376,-0.01149,-0.06439,0.05853,-0.07596,-0.01261,0.00127,0.02521,-0.0538,0.12203,0.05319,0.08077,-0.06247,0.0425,-0.08607,0.12668,-0.01749,-0.03159,-0.04209,-0.1254,-0.01642,0.07752,-0.02544,-0.03971,0.01783,-0.03199,-0.01228,-0.02809,-0.07502,0.00872,-0.0086,-0.04715,-0.02613,0.01988,-0.04319,-0.0175,-0.01631,-0.08604,-0.02047,0.12737,0.01061,0.0538,-0.03701,-0.00363,-0.12115,0.00221,-0.05463,-0.03072,-0.04735,0.15173,-0.00928,0.0443,-0.04311,-0.04574,0.01918,-0.0209,-0.00031,0,0.02012,-0.02982,-0.0225,0.01737,0.14965,-0.02902,-0.0206,-0.05462,0.02713,-0.00105,-0.03521,-0.00655,-0.02117,0.01862,-0.03499,-0.1604,0.08288,0.01779,0.07227,-0.00597,-0.06533,-0.10206,-0.05736,0.05108,0.06315,-0.04116,-0.01926,-0.0159,0.04421,0.00413,-0.02421,0.03493,-0.01952,-0.00087,-0.07242,-0.00733,-0.12,0.0128,0.07675,-0.00925,0.07103,-0.06275,-0.06927,0.10907,-0.01888,-0.03639,0.04169,-0.01956,0.04379,-0.0024,0.0383,-0.00506,0.04767,-0.06202,0.03924,-0.04577,-0.03542,0.06108,0.03695,0.05632,-0.05343,0.044,-0.0358,0.02248,0.09468,-0.04797,-0.03155,-0.00967,0.06826,-0.06235,-0.05039,0.03151,-0.02874,0.03993,-0.01963,-0.03822,-0.04982,-0.02049,0.04755,-0.04565,-0.00848,-0.04627,0.02446,0.00633,0.10566,-0.05358,-0.01041,-0.02041,-0.10308,-0.06562,0.0302,0.02485,0.10162,-0.00894,0.14258,0,-0.04125,0.00264,0.02383,0.0908,0.04868,0.00208,0.03856,0.00564,-0.00871,0.10652,-0.00143,0.06298,-0.01441,0.05493,0.01743,0.00353,-0.03687,-0.10408,0.03167,0.01909,0.0912,-0.02054,-0.01438,-0.03701,-0.07556,0.00403,0.07795,-0.03318,-0.02581,0.00086,-0.03887,-0.0222,-0.02203,-0.00209,-0.00514,-0.02797,0.02683,0.1032,0.05199,-0.06072,-0.03935,0.00228,0.00944,0.01316,-0.04297,-0.04292,-0.00948,-0.00255,-0.05855,-0.01671,-0.06314,0.07283,-0.06144,0.00115,0.00324,0.0437,0.05065,0.00026,0.02555,0.00347,0.0148,-0.05919,0.0229,-0.03172,0.05937,0.00463,-0.02179,-0.03147,-0.04931,0.05205,-0.04132,0.12685,0.01206,-0.00292,0.06708,-0.00918,0.1002,-0.06531,0.06769,-0.01024,-0.02846,0.03909,-0.05231,-0.0375,0.02158,0.04224,-0.05176,0.00939,0.05139,0.08109,-0.07032,-0.02985,0.01842,-0.04216,-0.07012,0,-0.05754,0.03792,0.02074,-0.00181,0.01099,-0.01641,0.04304,0.04676,0.09112,-0.02787,-0.05663,0.0176,-0.05937,0.10048,0.11128,-0.04266,0.06031,-0.0017,-0.00726,-0.03913,0.06673,0.01965,0.08521,0.11826,0.00617,-0.06958,0.01043,-0.02755,-0.00418,0.00364,-0.00277,0.03774,0.04821,0.03045,-0.02674,0.00743,-0.06231,0.02748,-0.04028,0.03819,0.06784,0.01892,-0.02483,-0.03293,-0.0331,0.02659,0.00271,-0.03382,0.00331,0.04786,0.00373,-0.02325,-0.02014,-0.02733,0.01701,0.01093,0.00454,-0.012,0.01494,-0.04391,-0.07284,0.03909,0.0347,-0.01462],"keywords":"Angular Workflow Builder Example – Create a Node on Connection Drop Angular Workflow Builder Example – Create a Node on Connection Drop Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders. Create Node on Connection Drop","excerpt":"Create Node on Connection Drop"},{"chunkId":"/examples/create-node-on-connection-drop#1","slug":"create-node-on-connection-drop","route":"/examples/create-node-on-connection-drop","section":"examples","title":"Angular Workflow Builder Example – Create a Node on Connection Drop","description":"Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders.","group":"Connections - Editing","vector":[-0.13862,-0.04038,0.00233,0.0684,0.0071,0.01986,-0.04025,-0.02062,0.107,0.01535,-0.02145,0.05255,-0.0238,-0.02054,0.05007,0.05306,-0.04357,-0.03366,-0.02039,-0.06429,-0.02949,-0.06735,-0.02566,-0.02871,0.02994,0.00935,-0.0163,-0.03125,0.12384,0.01546,0.01376,0.05263,-0.08895,0.04004,-0.08512,0.10517,0.03373,0.08791,-0.08521,-0.02455,0.13415,-0.00412,-0.0212,-0.03008,-0.04045,-0.00183,-0.07704,-0.00742,-0.05394,0.00948,-0.08338,-0.0761,-0.0295,0.01717,0.05629,0.03556,0.06152,0.00519,-0.0508,0.00226,0.1045,-0.04172,-0.00052,-0.03509,0.06945,0.0655,-0.03729,0.02722,0.01359,0.0416,0.04794,-0.02998,-0.0718,0.03266,-0.06505,0.00416,-0.03088,-0.00317,-0.07762,0.07564,0.0456,0.05289,-0.08208,0.02893,-0.08308,0.12932,-0.00551,-0.09798,0.02399,-0.05285,-0.07702,0.06421,-0.02482,-0.03665,0.03314,0.01493,-0.02435,-0.01757,-0.06908,-0.00233,0.00499,-0.01006,0.01409,-0.01445,-0.03358,-0.0676,-0.00436,-0.04678,-0.01208,0.12212,0.0128,0.01217,0.02448,-0.02491,-0.09103,0.01714,-0.03514,-0.00277,0.00186,0.15385,0.03176,0.06502,0.01229,-0.05045,0.03392,-0.04682,-0.00982,0,0.03369,-0.023,-0.01291,0.02809,0.13565,-0.02256,-0.01507,-0.05601,-0.00427,0.04435,-0.00838,-0.0174,-0.02485,0.09358,-0.04648,-0.14745,0.04017,0.02204,0.03536,-0.00417,-0.03788,-0.10352,-0.03952,0.0608,0.06579,-0.00476,-0.02301,0.01907,0.04361,-0.00115,-0.02895,0.01926,-0.02418,-0.01121,-0.07596,-0.00232,-0.06493,-0.05004,0.05178,-0.01435,-0.00779,-0.05464,-0.0725,0.07891,-0.01419,-0.05949,0.01442,-0.01576,0.04022,0.00148,0.0249,0.02954,0.076,-0.05845,0.00424,-0.0644,-0.00463,0.0308,-0.0055,0.08294,-0.05373,0.04115,-0.07118,0.06264,0.05703,-0.00699,-0.03254,0.00459,0.04994,-0.09205,-0.07299,0.05082,-0.09207,-0.00134,0.02047,-0.04815,-0.06327,-0.00964,0.08656,-0.05137,-0.00429,-0.07206,0.00272,0.05552,0.07536,-0.03283,-0.02545,-0.03484,-0.12261,-0.0579,0.04227,0.06115,0.09347,0.08018,0.13086,0,-0.01654,-0.00427,0.00582,0.0508,0.05231,-0.01195,0.00209,-0.02574,0.04568,0.06683,0.05168,0.05629,0.00495,0.0446,-0.0067,-0.00785,-0.02251,-0.0944,0.07708,0.02752,0.11564,0.00678,-0.01061,-0.05681,-0.07106,-0.02035,0.06882,0.0011,-0.02728,-0.03548,0.01499,-0.04529,-0.01997,-0.01501,-0.00642,0.02072,0.00374,0.0526,0.05348,-0.06666,0.00434,0.00633,-0.00107,0.01383,-0.06151,-0.01414,-0.01777,-0.02165,-0.09043,-0.01072,-0.05348,0.08193,-0.04167,-0.01738,-0.01794,0.06356,0.05824,0.00255,0.01552,-0.03224,0.03457,-0.02453,0.04247,-0.01424,0.0339,0.0082,-0.01803,-0.01486,-0.0114,0.03506,0.0347,0.10509,-0.03356,0.00401,0.04421,-0.05509,0.09587,-0.11706,0.05875,-0.02839,-0.06958,0.05463,-0.00187,-0.0414,0.00538,0.04537,-0.09852,0.02711,0.0524,0.10416,-0.09421,0.01049,-0.02928,0.0198,-0.07259,0,-0.08179,0.01966,-0.01874,-0.02288,0.06888,-0.04004,0.01109,0.05422,0.07018,-0.01384,-0.00491,0.01534,-0.05094,0.08049,0.08794,-0.03172,0.03825,-0.01368,-0.03467,-0.05015,0.03918,0.0255,0.03644,0.08908,-0.02612,-0.05922,0.05542,0.01064,-0.03324,0.00194,-0.03332,0.04475,0.02926,0.07717,-0.10715,0.07871,-0.02646,0.01676,-0.02975,-0.00093,0.03478,0.01569,-0.02111,-0.02472,-0.07437,0.01851,0.00738,-0.03778,0.00048,0.03238,-0.01249,-0.0503,-0.03207,-0.02903,0.05794,-0.00026,0.0044,-0.00511,0.04321,0.02348,-0.04838,0.02819,0.05451,-0.02825],"keywords":"Angular Workflow Builder Example – Create a Node on Connection Drop Angular Workflow Builder Example – Create a Node on Connection Drop Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders. Description This example shows how to create a node when a dragged connection is dropped into empty space. Instead of failing the gesture or forcing the user to open a separate add-node flow first, the editor can turn that unfinished connection into a new step. This interaction is a strong fit for workflow builders, AI orchestration tools, and internal low-code products because it keeps graph editing fast and sequential. Users can think in terms of \"connect to the next step\" and create that step only when they need it. It is one of the patterns that makes a node editor feel product-like rather than demo-like.","excerpt":"Description This example shows how to create a node when a dragged connection is dropped into empty space. Instead of failing the gesture or forcing the user to open a separate add-node flow first, the editor can turn that unfinished connection into a new step. This interaction is a strong fit for workflow builders, AI orchestration tools, and internal low-code products because it keeps graph editing fast and sequential. Users can think in terms of \"connect to the next step\" and create that step only when they need it. It is one of the patterns that makes a node editor feel product-like rather than demo-like."},{"chunkId":"/examples/create-node-on-connection-drop#2","slug":"create-node-on-connection-drop","route":"/examples/create-node-on-connection-drop","section":"examples","title":"Angular Workflow Builder Example – Create a Node on Connection Drop","description":"Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders.","group":"Connections - Editing","vector":[-0.11895,-0.04559,-0.04448,0.07808,0.03859,0.05449,0.01464,-0.01761,0.05068,0.01323,-0.02853,0.03549,-0.02911,0.00551,0.0037,0.02573,-0.06101,0.00057,-0.03263,-0.05274,0.01374,-0.08841,-0.01632,-0.0022,0.0782,-0.01578,-0.00516,-0.04054,0.08277,-0.00478,0.02162,0.06784,-0.06906,0.03624,-0.03082,0.07321,0.03547,0.09471,-0.04821,-0.02542,0.14606,0.02733,0.00796,-0.05348,-0.05351,-0.00513,-0.05757,0.02234,-0.06252,-0.0025,-0.0823,-0.05495,-0.01623,0.07265,0.02803,0.0076,0.03546,-0.05288,0.02091,0.01091,0.06788,-0.06276,0.00436,-0.04624,0.03576,0.05698,-0.0937,0.04183,-0.04442,0.05446,0.02828,-0.00106,-0.09007,0.05029,-0.04727,-0.01804,-0.02622,0.03866,-0.06811,0.05854,0.03935,0.03176,-0.04911,0.04486,-0.09369,0.15013,-0.00777,-0.0476,-0.00745,-0.08815,-0.04064,0.06195,-0.04259,-0.0275,0.03395,-0.00332,-0.06702,-0.01142,-0.06451,0.03916,-0.01086,-0.05894,0.01762,0.04048,-0.01542,-0.00934,-0.0214,-0.02928,-0.02877,0.10864,-0.00545,0.07586,-0.01045,-0.01691,-0.10419,-0.02841,-0.00983,-0.05789,-0.01179,0.13396,0.02947,0.05466,-0.05557,-0.04865,0.02231,-0.02769,0.01495,0,0.00319,-0.03842,-0.01719,0.05495,0.14142,-0.04712,-0.01012,-0.06568,-0.02458,0.06196,-0.07637,-0.0051,-0.03582,-0.01885,-0.06241,-0.14569,0.06383,0.02012,0.03843,0.01328,-0.04044,-0.11395,-0.07219,0.03028,0.08999,-0.06001,-0.04982,0.00998,0.03615,0.00036,0.00649,0.04915,0.02265,-0.0218,-0.05309,-0.01885,-0.08053,0.00859,0.02787,-0.00778,0.06789,-0.04429,-0.07215,0.11912,-0.02178,-0.0449,0.01819,-0.03524,0.06175,0.00674,0.02642,0.02528,0.04843,-0.07654,0.04759,-0.04244,-0.02383,0.04504,0.01162,0.07941,-0.0515,0.05942,-0.04364,-0.00585,0.11432,-0.01789,-0.01435,0.00983,0.03596,-0.10614,-0.05434,0.07523,-0.01739,0.02085,0.00413,-0.04922,-0.04215,0.00054,0.04268,-0.03401,-0.01268,-0.05676,0.02586,0.04425,0.08743,-0.06731,-0.01595,-0.03347,-0.09254,-0.07257,0.06739,-0.00843,0.04427,-0.03601,0.09354,0,-0.00499,0.02496,0.0171,0.11005,0.04241,0.00001,0.05675,0.04467,0.04821,0.09981,0.02701,0.05976,-0.02125,0.00353,0.03405,-0.0006,-0.05047,-0.10112,0.05581,0.00844,0.10039,0.0268,-0.03623,-0.0247,-0.07273,0.02267,0.06286,0.02976,-0.03912,-0.01527,-0.02888,-0.02136,-0.08527,0.02595,-0.01969,-0.04994,-0.00198,0.14833,0.07204,-0.04431,0.03841,0.03378,-0.04055,0.0262,-0.05444,-0.04133,0.04599,-0.02181,-0.04039,-0.02484,-0.06962,0.03147,-0.06127,0.03878,0.00152,0.03425,0.07308,-0.0042,-0.02757,-0.00722,0.07093,-0.06321,0.00021,-0.02613,0.07223,-0.0247,-0.05969,-0.01454,-0.00239,0.00585,-0.05194,0.10456,0.03007,-0.00181,0.04852,0.0024,0.09242,-0.04638,0.06234,0.02255,-0.06332,0.07484,-0.04602,-0.00152,0.05304,0.05765,-0.11076,0.02832,0.07531,0.05876,-0.09542,-0.05004,0.0233,-0.00812,-0.06706,0,-0.0667,0.02002,-0.017,-0.03245,0.01887,-0.0099,0.03391,0.03434,0.05083,-0.04557,-0.06928,0.03103,-0.02269,0.04796,0.09187,-0.06939,0.03356,-0.00419,-0.04193,-0.02276,0.04937,0.03841,0.07175,0.1246,-0.01176,-0.09416,-0.00424,0.00191,-0.00331,-0.01124,-0.01767,0.01399,0.01345,0.01812,-0.03229,0.01019,-0.0842,0.02179,-0.01327,0.05669,0.05294,-0.01372,-0.01977,-0.01972,-0.04114,0.06025,-0.00737,-0.02317,-0.00813,0.03448,-0.02765,0.00018,-0.06028,0.00351,0.01936,-0.02476,0.00679,-0.00649,0.01831,-0.04102,-0.05539,0.04388,0.01775,-0.00311],"keywords":"Angular Workflow Builder Example – Create a Node on Connection Drop Angular Workflow Builder Example – Create a Node on Connection Drop Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders. Example ::: ng-component <create-node-on-connection-drop</create-node-on-connection-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.scss :::","excerpt":"Example ::: ng-component <create-node-on-connection-drop</create-node-on-connection-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/create-node-on-connection-drop/example.scss :::"},{"chunkId":"/examples/create-node-on-connection-drop#3","slug":"create-node-on-connection-drop","route":"/examples/create-node-on-connection-drop","section":"examples","title":"Angular Workflow Builder Example – Create a Node on Connection Drop","description":"Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders.","group":"Connections - Editing","vector":[-0.12601,-0.01627,-0.02793,0.0733,0.00748,-0.00335,-0.02859,-0.02475,0.03799,0.05087,-0.04034,0.03608,-0.03118,0.01878,0.04209,0.03298,-0.03089,-0.02965,-0.05165,-0.10066,-0.01424,-0.10566,-0.05167,-0.01939,0.08826,-0.01929,0.01024,-0.01577,0.12141,-0.02699,0.01043,0.03338,-0.06786,0.0389,-0.12532,0.11637,0.04607,0.10976,-0.00831,-0.03282,0.05698,0.04205,-0.01574,-0.03776,-0.04833,-0.01551,-0.06364,0.03973,-0.05139,0.00683,-0.07039,-0.07121,-0.05881,0.00474,0.0374,0.00995,0.02164,-0.04296,-0.0593,0.00148,0.09111,-0.03865,-0.00236,-0.03214,0.04347,0.03078,-0.01406,0.04105,-0.00072,0.03362,0.01743,-0.01661,-0.0809,0.05499,-0.06528,-0.02206,-0.01446,-0.00068,-0.06864,0.09543,0.05687,0.078,-0.08509,0.06885,-0.07535,0.0925,-0.00306,-0.06401,-0.00331,-0.0998,-0.00509,0.08561,0.00355,-0.0426,0.05245,0.02156,-0.00252,-0.04369,-0.08689,0.01517,-0.00247,-0.06084,0.03798,0.01929,-0.03289,-0.02215,0.00048,-0.0475,-0.03156,0.11517,-0.00045,0.04821,-0.03556,-0.01079,-0.10289,0.00236,-0.02977,-0.04375,-0.05844,0.18542,-0.00835,0.06496,-0.0213,-0.0484,0.0241,-0.01916,-0.00359,0,0.05722,-0.00518,-0.02203,0.02669,0.16541,-0.013,-0.03915,-0.04496,0.02607,0.02753,-0.01443,0.00886,-0.03917,0.05752,-0.0131,-0.15722,0.05753,0.0319,0.05809,0.00501,-0.06171,-0.12215,-0.05194,0.09864,0.08462,0.02009,0.01873,0.00961,0.02509,-0.0069,-0.02209,0.00821,-0.04578,0.00287,-0.0598,0.01562,-0.11254,-0.02594,0.09014,-0.02593,0.01097,-0.0401,-0.08888,0.0902,-0.02887,-0.01254,-0.00016,-0.02608,0.05221,0.02039,0.04006,0.01563,0.06864,-0.00444,0.03188,-0.03238,-0.00023,0.03764,0.04578,0.068,-0.02828,0.0076,-0.0668,0.05143,0.08338,-0.0526,-0.02989,0.0008,0.08366,-0.09682,-0.07669,0.04608,-0.02366,0.03582,-0.00231,-0.03612,-0.05863,-0.01693,0.03639,-0.04373,-0.03141,-0.01823,0.01496,0.00616,0.10146,-0.05383,-0.00818,-0.02754,-0.08508,-0.04834,0.02035,0.04215,0.09459,0.01119,0.12724,0,-0.0538,0.00799,0.00361,0.09101,0.0648,0.01022,0.02387,-0.02254,0.01551,0.08871,0.01077,0.08093,-0.01497,0.01891,-0.00239,-0.02136,-0.02893,-0.1085,0.04019,0.01352,0.07647,-0.00422,-0.03819,-0.05545,-0.05789,0.01069,0.05049,-0.03234,-0.01299,-0.00114,-0.03988,-0.00955,-0.01332,-0.01168,-0.01037,-0.01127,0.01566,0.10322,0.03779,-0.04458,-0.01424,0.01052,0.00121,0.01067,-0.06844,-0.02722,-0.01251,0.00832,-0.07373,-0.00999,-0.04675,0.06597,-0.03719,-0.02575,-0.00676,0.00751,0.06549,-0.00427,0.02181,0.02126,-0.03667,-0.02979,0.0303,-0.01166,0.01174,-0.03382,-0.02083,-0.04476,-0.0452,0.06678,-0.02702,0.08399,-0.00076,-0.00119,0.06225,-0.03247,0.0854,-0.09095,0.03573,-0.01032,-0.02707,0.04705,-0.03915,-0.03494,-0.01525,0.01236,-0.08039,0.01474,0.05842,0.08867,-0.08569,-0.03139,-0.01541,0.00857,-0.07624,0,-0.04588,0.04374,0.02119,-0.01178,0.02052,-0.01328,0.05048,0.08773,0.07496,-0.03602,-0.00048,0.00623,-0.07877,0.09812,0.1189,-0.03741,0.05969,0.03168,-0.02456,-0.08316,0.04223,0.0179,0.04818,0.09644,0.01865,-0.04739,0.03995,-0.00151,-0.0299,0.02261,-0.01644,0.06088,0.06789,0.04886,-0.03519,0.01506,-0.06946,0.00983,-0.01835,0.02419,0.06018,0.05673,-0.03277,-0.04664,-0.0498,0.03992,-0.01769,-0.03811,0.00468,0.02908,-0.0311,-0.03062,-0.02728,-0.02307,0.0409,0.03777,0.0277,-0.01826,0.06846,-0.0361,-0.06196,0.05347,0.03034,-0.00891],"keywords":"Angular Workflow Builder Example – Create a Node on Connection Drop Angular Workflow Builder Example – Create a Node on Connection Drop Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders. When to use it - Create follow-up steps during connection creation. - Reduce friction in palette-heavy or menu-heavy editors. - Speed up exploratory graph building for new users. This example focuses on drop handling, node creation, and keeping the edge creation flow intuitive.","excerpt":"When to use it - Create follow-up steps during connection creation. - Reduce friction in palette-heavy or menu-heavy editors. - Speed up exploratory graph building for new users. This example focuses on drop handling, node creation, and keeping the edge creation flow intuitive."},{"chunkId":"/examples/create-node-on-connection-drop#4","slug":"create-node-on-connection-drop","route":"/examples/create-node-on-connection-drop","section":"examples","title":"Angular Workflow Builder Example – Create a Node on Connection Drop","description":"Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders.","group":"Connections - Editing","vector":[-0.07496,-0.06748,-0.04736,0.07815,0.00557,0.0552,0.02534,-0.02399,0.06936,0.03741,-0.02521,0.01371,-0.01752,0.01814,0.02884,0.03258,-0.0448,-0.00283,-0.05892,-0.06311,0.00871,-0.10526,-0.07743,-0.02791,0.077,-0.01621,0.00878,-0.05557,0.09822,-0.00049,0.0203,0.01826,-0.06288,0.02914,-0.0854,0.09313,0.04573,0.10193,-0.04358,-0.03538,0.11316,0.02438,-0.01475,-0.03331,-0.06141,-0.01631,-0.03082,0.05811,-0.06391,0.00833,-0.06949,-0.08359,-0.01175,0.04332,0.01639,0.04086,0.053,-0.02066,-0.04435,0.00608,0.06723,-0.02225,0.00332,-0.04606,0.04003,0.02884,-0.06081,0.08137,0.01589,0.00099,0.02615,-0.01776,-0.05951,0.05708,-0.07001,0.00343,0.00014,0.02569,-0.07227,0.08369,0.07359,0.0958,-0.05731,0.06005,-0.05014,0.13212,-0.01727,-0.01836,-0.04579,-0.11805,-0.01032,0.08667,-0.02486,-0.04569,0.03974,-0.03917,0.01521,-0.02397,-0.06011,0.0001,0.00263,-0.05084,-0.01644,0.02269,-0.03462,-0.02363,-0.05259,-0.07704,-0.02144,0.10525,0.01382,0.03496,-0.03347,-0.02941,-0.10462,0.00177,-0.04377,-0.02914,-0.06332,0.16618,-0.01326,0.04822,-0.0439,-0.04535,0.01794,-0.02425,-0.00879,0,0.02678,-0.01749,-0.02938,0.04192,0.16722,-0.02475,-0.00345,-0.06615,0.02362,0.0039,-0.0206,0.01567,-0.04335,0.04377,-0.06073,-0.14236,0.08219,0.01101,0.04724,-0.00822,-0.09323,-0.09121,-0.05148,0.06576,0.08368,-0.01686,-0.01127,0.00392,0.04354,-0.00156,-0.02376,0.04042,-0.00807,0.01269,-0.09388,-0.01744,-0.11693,-0.00797,0.08618,0.00508,0.04822,-0.04824,-0.05913,0.09055,-0.01847,-0.03368,0.0234,-0.02356,0.07338,-0.00267,0.03975,-0.00576,0.05676,-0.06175,0.04684,-0.00958,-0.0372,0.06352,0.06461,0.03872,-0.06273,0.03513,-0.05451,0.04909,0.1056,-0.03126,-0.02852,-0.03872,0.0658,-0.05929,-0.05132,0.05167,-0.0438,0.05386,0.01235,-0.03848,-0.0576,-0.02774,0.0526,-0.01745,-0.03996,-0.04405,0.02374,-0.00091,0.10415,-0.04498,-0.0259,-0.00297,-0.11686,-0.08316,0.03815,0.00945,0.0831,-0.01071,0.12974,0,-0.04317,-0.00163,0.03663,0.1017,0.06237,0.00869,0.00591,-0.01834,-0.0032,0.12161,0.01861,0.09541,-0.00529,0.05569,-0.01921,0.0334,-0.03812,-0.05852,0.01113,0.01527,0.06865,-0.0495,-0.01135,-0.0764,-0.0926,-0.007,0.09327,-0.03533,-0.02949,-0.02627,-0.01903,-0.02077,-0.0429,0.0061,0.02081,-0.04749,0.02532,0.08202,0.03116,-0.04862,-0.04344,-0.00959,0.01466,0.00511,-0.04939,-0.03333,-0.015,0.02415,-0.03578,-0.0142,-0.04015,0.04317,-0.05917,0.01716,0.00494,0.02206,0.05387,0.01434,0.02421,0.01252,0.013,-0.0469,0.0147,-0.03751,0.03842,0.00094,-0.04135,-0.04618,-0.0277,0.04057,-0.00247,0.10235,-0.00655,0.00442,0.05587,-0.00854,0.08656,-0.06823,0.04829,-0.02948,-0.0137,0.05024,-0.03028,-0.06972,0.04348,0.04003,-0.04525,0.01618,0.07282,0.06012,-0.09895,-0.00677,0.01568,-0.02586,-0.06026,0,-0.04348,0.04891,0.01586,-0.02823,-0.00668,-0.016,0.03595,0.04808,0.06321,-0.00026,-0.04388,0.00384,-0.05532,0.08263,0.11482,-0.04317,0.07451,-0.00153,-0.02543,-0.0677,0.06056,0.04518,0.0805,0.12363,-0.00373,-0.05476,0.00814,-0.02481,-0.02077,0.01553,0.00191,0.03625,0.02204,0.04046,-0.05539,0.00902,-0.07767,-0.00277,-0.02135,0.00575,0.07521,0.00495,-0.02913,-0.02995,-0.01573,0.03584,-0.01185,-0.04367,-0.01937,0.07315,-0.00685,-0.0282,-0.02922,-0.02113,0.00995,-0.00421,0.00539,0.01465,0.03113,-0.04628,-0.08705,0.02955,0.03247,-0.05355],"keywords":"Angular Workflow Builder Example – Create a Node on Connection Drop Angular Workflow Builder Example – Create a Node on Connection Drop Create a new node when a dragged connection is dropped into empty space. A fast, product-style pattern for Angular workflow builders. Related docs - Connection For Create Component - Node Directive - Event System - Add Node from Palette","excerpt":"Related docs - Connection For Create Component - Node Directive - Event System - Add Node from Palette"},{"chunkId":"/examples/remove-connection-on-drop#0","slug":"remove-connection-on-drop","route":"/examples/remove-connection-on-drop","section":"examples","title":"Angular Diagram Example – Remove Connections on Drop","description":"Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX.","group":"Connections - Editing","vector":[-0.09237,0.02795,-0.03882,0.07779,-0.00627,0.01575,-0.00454,-0.06032,0.02393,0.04541,0.03535,0.09945,-0.05549,0.01808,0.01125,0.03615,-0.08011,-0.0448,-0.01749,-0.05287,-0.04263,-0.09493,-0.07084,-0.02237,0.13361,-0.00876,0.01894,-0.01426,0.06164,-0.06255,-0.02495,0.03881,-0.09157,-0.02704,-0.11764,0.02713,0.05463,0.09002,0.0174,-0.00556,0.09885,0.0139,0.01696,-0.04509,-0.06124,0.05072,-0.1173,0.04561,-0.02816,0.06432,-0.00694,0.00057,-0.07846,0.00268,0.02407,-0.02348,0.0314,-0.02154,-0.04401,0.00392,0.07415,0.02282,-0.01697,0.01181,0.0195,0.00089,0.00601,0.01564,-0.01547,0.0687,0.03077,-0.04399,-0.06495,-0.03199,0.00124,-0.00905,-0.02213,0.07129,-0.01856,0.04695,0.12402,0.09744,-0.03935,0.05509,-0.06644,0.08654,-0.01695,-0.12259,-0.01381,-0.1176,0.01255,0.075,0.03147,0.02425,0.01956,0.0116,-0.02832,-0.00835,-0.09446,0.07926,0.01302,-0.07319,0.01173,0.02712,-0.09284,-0.03383,-0.01794,-0.00935,-0.03994,0.04086,0.00665,0.03751,-0.07152,0.00855,-0.07582,0.02551,-0.01481,0.01502,-0.02736,0.06775,-0.07685,0.05439,0.02835,-0.03619,-0.01495,-0.03548,-0.02173,0,0.00851,-0.01062,-0.07022,-0.06698,0.10039,-0.02487,-0.09581,-0.05729,0.0203,0.07799,0.00111,0.01241,-0.02952,-0.01463,0.01577,-0.07205,0.10071,0.02009,0.04742,-0.03784,-0.02454,-0.03207,-0.0648,0.03121,0.10352,0.06904,0.00824,0.02311,0.0396,0.00592,0.07105,0.05532,-0.06655,0.01953,-0.03472,-0.04846,-0.05837,-0.03785,-0.0187,-0.01282,0.06172,-0.07299,-0.13839,0.06779,-0.01184,-0.01301,0.01892,-0.01857,-0.00468,-0.03104,-0.01813,0.03883,-0.02214,-0.0102,-0.01719,-0.04277,-0.02786,0.04733,0.00896,0.00385,0.03141,0.00717,-0.03264,0.00274,0.07687,-0.03368,-0.05421,0.00449,0.04313,-0.11169,-0.13864,0.03354,0.014,-0.01835,-0.03959,-0.08844,-0.07213,0.02994,0.07257,0.02107,-0.00785,-0.07516,-0.01047,0.00275,0.06674,-0.11383,0.03187,-0.07256,0.02213,0.00205,0.01882,0.04602,0.01367,-0.02574,0.13002,0,-0.04745,0.04394,0.0629,0.06351,0.01702,0.00123,0.12009,0.05533,-0.01546,0.06029,0.0443,0.04718,-0.03995,0.0082,0.01805,0.02683,-0.0553,-0.08617,-0.05596,0.00984,0.08363,0.01352,0.04733,-0.05627,-0.02149,0.01299,0.03413,-0.04793,0.01533,0.03105,-0.0302,0.01468,0.00079,-0.0243,-0.04023,0.02779,0.06515,0.08156,-0.0498,-0.07504,-0.02596,0.02135,-0.01947,-0.00349,0.00632,-0.01506,-0.0574,0.01383,-0.08721,0.00147,-0.05098,0.05383,-0.01465,-0.04928,0.02184,-0.0251,0.08517,-0.02376,0.03806,-0.00381,0.03662,-0.05353,-0.06877,-0.00518,0.07569,-0.02888,0.01581,-0.03417,0.0194,0.04983,-0.02958,0.07459,0.02629,-0.08019,0.12217,-0.04536,0.05813,-0.04417,0.01835,-0.04772,-0.01244,-0.0042,-0.04807,-0.03149,-0.00425,0.01665,-0.07785,0.03175,0.04718,0.09719,-0.0965,-0.03584,0.0603,0.02864,-0.07201,0,-0.00832,0.03004,0.00976,-0.02726,0.09452,-0.00221,0.00058,0.11991,0.01467,-0.0136,-0.02334,0.09003,-0.05607,0.06873,0.06817,-0.01715,0.03589,0.01941,0.02387,-0.00769,0.01058,0.00876,0.06373,0.11486,0.02178,-0.07067,0.01202,0.01028,-0.04627,0.04989,-0.06982,0.03596,0.07533,0.0792,-0.01032,0.00087,-0.0717,0.05121,-0.04869,0.03887,0.05939,0.05368,-0.04369,0.01545,-0.00633,0.03092,0.03603,-0.01691,-0.01608,0.02587,-0.08678,-0.00393,-0.05866,-0.05098,-0.03107,0.01081,0.04048,0.00019,-0.04518,0.00386,-0.05373,0.02954,0.00544,-0.08756],"keywords":"Angular Diagram Example – Remove Connections on Drop Angular Diagram Example – Remove Connections on Drop Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX. Remove Connection on Drop","excerpt":"Remove Connection on Drop"},{"chunkId":"/examples/remove-connection-on-drop#1","slug":"remove-connection-on-drop","route":"/examples/remove-connection-on-drop","section":"examples","title":"Angular Diagram Example – Remove Connections on Drop","description":"Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX.","group":"Connections - Editing","vector":[-0.09655,0.01367,0.00148,0.11243,-0.00499,0.00156,0.0288,-0.06966,0.05654,0.03704,0.01709,0.09737,-0.0453,0.01669,0.02929,0.04069,-0.01589,-0.05104,-0.04349,-0.02986,-0.02442,-0.06344,-0.02967,-0.02578,0.08899,-0.02663,-0.01799,-0.03177,0.07128,-0.03062,-0.01685,0.03585,-0.10908,-0.03169,-0.11361,0.04498,0.02442,0.05331,-0.00461,0.00504,0.06622,0.01666,0.00232,-0.02732,-0.06704,0.04874,-0.11413,0.01789,-0.0345,0.04285,0.00026,-0.00801,-0.06574,-0.0135,0.02271,-0.01489,0.0477,-0.00216,-0.03017,0.04752,0.05774,0.01072,-0.04385,0.00888,0.02133,0.04186,0.00764,-0.0135,-0.00764,0.0699,0.04733,-0.05693,-0.11363,-0.02811,0.00952,0.00828,-0.0552,0.0473,-0.07913,0.04002,0.1348,0.03906,-0.05789,0.01628,-0.03614,0.08069,-0.01675,-0.14507,0.05398,-0.03947,0.00617,0.06666,0.04826,0.00779,0.0569,0.00229,-0.0307,0.01239,-0.10773,0.07232,0.0233,-0.07608,-0.02358,0.04333,-0.02865,0.008,-0.02715,-0.00363,-0.06413,0.04897,-0.00335,0.01067,-0.0381,0.00764,-0.09006,0.03408,0.01294,0.01158,-0.00274,0.08239,-0.07072,0.02119,0.0023,-0.04322,-0.00094,-0.06231,-0.01902,0,0.01032,-0.01468,-0.09175,-0.04218,0.09771,0.01669,-0.1099,-0.06588,0.03096,0.04673,0.01015,0.00163,-0.01747,0.02737,0.03176,-0.03942,0.0812,0.06553,0.01499,-0.03397,-0.01779,-0.03718,-0.06594,0.02737,0.06257,0.05639,-0.00801,0.0295,0.05815,0.00837,-0.00772,0.04198,-0.04698,0.00492,-0.04898,0.0089,-0.07221,-0.06271,-0.00297,-0.04432,0.02798,-0.02866,-0.13288,0.05504,-0.02245,-0.04426,0.00966,-0.00074,-0.03564,-0.02738,0.01416,0.06142,0.05631,0.0169,-0.02297,-0.05801,0.0018,0.03722,0.01518,0.04254,0.03306,0.01076,-0.06272,0.021,0.06293,0.0194,-0.05922,0.02296,0.00359,-0.14886,-0.13197,0.06676,-0.00615,-0.01103,-0.01769,-0.10836,-0.11821,0.02596,0.07001,0.00443,0.026,-0.09752,0.00586,0.02545,0.04447,-0.10582,0.03069,-0.06822,-0.04046,-0.00854,0.05317,0.05032,0.03495,0.05432,0.12907,0,-0.03721,0.05914,0.04805,0.06859,-0.00064,-0.01174,0.06715,0.04475,-0.00273,0.01318,0.01657,0.03171,-0.02059,0.0184,-0.00675,-0.02557,-0.05729,-0.12266,-0.09086,-0.00879,0.09238,0.0024,0.02428,-0.03715,-0.03754,-0.01363,-0.01692,-0.03267,0.00538,0.0219,-0.03937,0.005,-0.00943,-0.06734,0.00191,0.00884,0.05773,0.09755,-0.01714,-0.04264,0.00372,0.04699,-0.02512,0.02271,0.02682,0.06354,-0.07166,0.02463,-0.08639,0.01216,-0.06937,0.06713,-0.00771,-0.05529,0.02067,-0.00696,0.11461,-0.02133,0.03218,-0.02919,0.0245,-0.03062,-0.0513,0.01214,0.06683,-0.00147,0.01725,-0.03617,0.05943,0.04351,0.00501,0.0589,-0.01173,-0.07873,0.1252,-0.03887,0.09712,-0.07282,0.02799,-0.00386,-0.02674,0.02375,0.01,-0.03409,-0.03351,0.02668,-0.11297,0.03064,0.01852,0.08697,-0.09553,-0.06597,0.02485,0.01826,-0.08951,0,-0.02733,0.06131,-0.00396,-0.03166,0.0837,-0.01225,0.00627,0.1179,0.05269,0.00859,0.01637,0.04786,-0.09504,0.02716,0.03906,-0.01609,0.04295,0.01891,-0.00477,0.0041,0.04552,-0.00399,0.05853,0.12038,0.0255,-0.09333,0.00991,0.07163,-0.05102,0.04558,-0.05495,-0.0025,0.09216,0.10821,-0.07715,0.04439,-0.04848,0.02586,-0.00916,0.02055,0.05655,0.03916,-0.03059,0.01502,-0.02571,0.04913,0.08237,-0.01374,-0.02095,0.01468,-0.08526,-0.00314,-0.05272,-0.01403,-0.01514,-0.0141,0.02682,-0.01537,-0.00323,-0.00127,-0.02505,0.03739,-0.03014,-0.06604],"keywords":"Angular Diagram Example – Remove Connections on Drop Angular Diagram Example – Remove Connections on Drop Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX. Description This example shows how to remove a connection as part of a drag-and-drop interaction. Instead of forcing users to open a context menu or click a separate delete control, the editor can treat a drop on an invalid area or removal target as a delete action for that edge. That pattern is useful in workflow builders and graph UIs where users edit connections frequently. It keeps edge cleanup fast and makes graph editing feel more direct. The key is clear feedback: users should understand when they are reassigning a connection, when they are canceling a drag, and when they are actually deleting an edge. U Is","excerpt":"Description This example shows how to remove a connection as part of a drag-and-drop interaction. Instead of forcing users to open a context menu or click a separate delete control, the editor can treat a drop on an invalid area or removal target as a delete action for that edge. That pattern is useful in workflow builders and graph UIs where users edit connections frequently. It keeps edge cleanup fast and makes graph editing feel more direct. The key is clear feedback: users should understand when they are reassigning a connection, when they are canceling a drag, and when they are actually deleting an edge."},{"chunkId":"/examples/remove-connection-on-drop#2","slug":"remove-connection-on-drop","route":"/examples/remove-connection-on-drop","section":"examples","title":"Angular Diagram Example – Remove Connections on Drop","description":"Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX.","group":"Connections - Editing","vector":[-0.10755,0.03223,-0.04691,0.08726,0.02824,0.03363,0.00544,-0.04922,0.02643,0.03506,-0.00613,0.09629,-0.03645,0.03879,0.00387,0.02743,-0.07047,-0.01136,-0.02535,-0.03921,-0.01269,-0.09643,-0.03838,0.01097,0.10834,-0.01302,-0.00357,-0.04327,0.0439,-0.03294,-0.00444,0.06988,-0.08967,-0.01585,-0.08033,0.05501,0.0411,0.09511,-0.00842,-0.01643,0.11633,0.01389,0.01101,-0.08,-0.04567,0.03449,-0.11641,0.02326,-0.03637,0.03439,-0.00975,0.00479,-0.09064,0.04594,0.04035,-0.03462,0.02401,-0.06071,-0.00769,0.03422,0.02065,-0.01312,-0.03003,0.01556,0.01397,0.02958,-0.03507,0.02651,-0.00344,0.07316,0.01654,-0.00716,-0.0796,-0.03451,0.01299,-0.02336,-0.05265,0.07802,-0.03513,0.01333,0.10755,0.03962,-0.00257,0.05386,-0.05124,0.09805,0.01164,-0.11572,0.02261,-0.09444,0.00639,0.08574,0.02733,0.02251,0.03267,0.01857,-0.06839,0.01182,-0.09157,0.09892,0.00537,-0.08369,0.03177,0.05138,-0.05194,-0.01472,-0.00519,0.03156,-0.04713,0.025,-0.00638,0.04344,-0.02321,-0.01664,-0.07289,-0.00205,0.00854,0.00761,-0.01368,0.09565,-0.02442,0.02941,-0.01697,-0.03649,0.02913,-0.01226,-0.00269,0,0.01293,0.00007,-0.07613,-0.03496,0.1058,-0.02107,-0.07215,-0.06726,-0.0094,0.10911,-0.01928,0.01367,-0.04502,-0.02178,0.00135,-0.10633,0.08647,0.03584,0.03107,-0.01694,0.0084,-0.05957,-0.06393,0.02947,0.12921,0.02454,-0.03095,0.02561,0.02498,0.00194,0.07119,0.05109,-0.04355,-0.01405,-0.02717,-0.04343,-0.03851,-0.03704,-0.02845,-0.02717,0.06179,-0.03157,-0.14907,0.0817,0.00489,-0.03294,0.00464,-0.01792,0.04904,-0.03471,-0.00363,0.06426,-0.00868,-0.02732,0.00179,-0.05326,-0.03728,0.05544,-0.00921,0.04339,0.01952,0.02044,-0.04673,-0.00608,0.10162,-0.02367,-0.04013,0.01162,0.02048,-0.13618,-0.13207,0.09099,0.01015,-0.02726,-0.02411,-0.09198,-0.02839,0.0349,0.06487,0.0057,0.00356,-0.10605,-0.00905,0.05078,0.0654,-0.1222,0.02328,-0.08594,-0.01962,-0.04578,0.06072,0.03463,-0.0106,-0.05421,0.08495,0,0.01145,0.03927,0.03808,0.09381,0.01097,-0.00984,0.1273,0.08706,0.03088,0.04553,0.05026,0.05599,-0.01431,-0.03236,0.02748,0.02194,-0.06499,-0.09783,-0.01901,0.01574,0.05594,0.05835,0.02279,-0.04518,-0.03032,0.02434,0.03219,-0.00908,-0.01807,0.00615,-0.03951,0.00708,-0.0414,-0.01968,-0.05535,0.00479,0.04808,0.14933,-0.0269,-0.03046,0.04809,0.05523,-0.0485,-0.01764,-0.01933,0.00263,-0.01414,-0.00208,-0.07363,-0.00925,-0.07704,0.01556,-0.04129,-0.0192,0.02263,-0.03876,0.10193,-0.05208,-0.01827,-0.00557,0.07518,-0.03741,-0.06398,0.0018,0.09055,-0.01782,-0.05083,-0.01692,0.03386,0.02423,-0.0097,0.04654,0.03161,-0.0498,0.10545,-0.0096,0.05682,-0.04416,0.02619,0.00908,-0.02089,0.04037,-0.04826,-0.02077,0.01737,0.02842,-0.12194,0.02363,0.06132,0.08233,-0.10464,-0.05735,0.07217,0.02676,-0.05306,0,-0.03609,-0.00264,-0.01455,-0.04948,0.08451,0.00776,-0.01026,0.09742,0.00703,-0.02798,-0.0452,0.10129,-0.02378,0.0221,0.05473,-0.03814,0.02814,0.00788,-0.02598,0.00225,-0.00814,0.01251,0.04529,0.1065,0.01146,-0.09657,0.00991,0.02064,-0.03061,0.01139,-0.06748,0.00042,0.06697,0.0437,-0.00879,0.02694,-0.11841,0.04431,-0.02758,0.05774,0.05792,0.00772,-0.0162,0.00913,-0.00448,0.03825,0.01995,-0.02967,-0.01327,0.01518,-0.08746,0.02752,-0.08888,-0.01084,-0.02215,-0.01472,0.0399,0.00346,-0.02419,-0.01462,-0.04364,0.044,0.01782,-0.07512],"keywords":"Angular Diagram Example – Remove Connections on Drop Angular Diagram Example – Remove Connections on Drop Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX. Example ::: ng-component <remove-connection-on-drop</remove-connection-on-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.scss :::","excerpt":"Example ::: ng-component <remove-connection-on-drop</remove-connection-on-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/remove-connection-on-drop/example.scss :::"},{"chunkId":"/examples/remove-connection-on-drop#3","slug":"remove-connection-on-drop","route":"/examples/remove-connection-on-drop","section":"examples","title":"Angular Diagram Example – Remove Connections on Drop","description":"Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX.","group":"Connections - Editing","vector":[-0.06654,0.01462,-0.00928,0.07224,-0.02424,-0.00728,-0.02924,-0.04462,-0.00353,0.04874,0.03414,0.12103,-0.05898,0.03263,0.0346,0.0265,-0.05243,-0.00564,-0.02708,-0.07257,-0.03955,-0.07649,-0.0587,-0.03701,0.11929,-0.00573,0.02005,0.00543,0.09934,-0.06833,-0.00831,0.04424,-0.07588,0.00073,-0.12542,0.05652,0.03746,0.07711,0.01014,0.0035,0.06569,0.02653,0.00374,-0.03444,-0.03378,0.03168,-0.15259,0.01664,-0.02276,0.04832,-0.00725,-0.01756,-0.10239,-0.01388,0.05135,-0.04862,0.0302,-0.0121,-0.01913,0.03443,0.08289,0.02345,0.01354,0.02688,0.00697,0.0027,0.02921,0.04102,0.01138,0.07974,0.01032,-0.02522,-0.091,-0.03087,0.00295,0.00134,-0.01527,0.04461,-0.06534,0.02555,0.07973,0.07061,-0.05104,0.07084,-0.05602,0.06063,-0.0311,-0.13555,0.00451,-0.07181,0.01751,0.06287,0.02884,0.00022,0.0428,0.03166,-0.01499,-0.01299,-0.11834,0.0844,0.01639,-0.09365,0.00796,0.01232,-0.05052,0.00575,-0.01969,0.01818,-0.06202,0.01139,0.00129,0.0275,-0.07016,-0.00556,-0.09024,0.00294,-0.03183,-0.00876,0.01482,0.09375,-0.04758,0.05145,0.0088,-0.03465,-0.00925,-0.03786,-0.03929,0,0.02921,0.03109,-0.04917,-0.05523,0.11515,-0.0089,-0.09381,-0.06245,0.02622,0.07119,-0.0002,0.01766,-0.04488,0.03014,0.00947,-0.06887,0.06362,0.04267,0.01202,-0.00709,-0.01563,-0.04505,-0.04994,0.05949,0.07554,0.10484,0.02581,0.02341,0.03971,0.00052,0.05121,0.05194,-0.05698,0.01458,-0.04811,0.00335,-0.01596,-0.06663,-0.00378,-0.03229,0.06258,-0.03436,-0.12511,0.04114,0.0044,-0.00462,0.002,-0.00923,0.01295,-0.00531,-0.00997,0.07915,-0.00113,0.00297,-0.03044,-0.06168,0.00166,0.04313,0.04243,0.05049,0.0183,-0.00764,-0.0674,0.04386,0.04338,-0.00513,-0.04695,0.00956,0.05512,-0.12095,-0.15446,0.06046,-0.01318,-0.00006,-0.03954,-0.07322,-0.08071,0.03709,0.05437,-0.01159,-0.03212,-0.0445,-0.00374,-0.007,0.07205,-0.11618,0.04005,-0.04795,0.0343,0.02301,0.04462,0.04162,0.02563,0.01435,0.11045,0,-0.0596,0.05482,0.04295,0.06811,0.01201,-0.04757,0.09566,0.03933,-0.03359,0.02824,0.03854,0.04191,-0.03084,-0.03386,0.00332,-0.01897,-0.0451,-0.10591,-0.03746,0.00295,0.07203,0.04058,0.0347,-0.06211,-0.03156,0.03984,-0.00087,-0.03537,0.03015,0.0389,-0.00906,-0.01615,0.00723,-0.04637,-0.01373,0.02994,0.05991,0.06073,-0.03594,-0.05708,-0.00908,0.01781,-0.03209,0.00004,0.01455,0.03015,-0.10548,0.03622,-0.08827,-0.01634,-0.05092,0.05623,0.0006,-0.08571,0.02339,-0.02826,0.08189,-0.01073,0.04075,-0.01993,-0.00299,-0.04619,-0.04149,-0.00867,0.0383,-0.04862,0.0181,-0.09734,0.00055,0.04972,-0.02464,0.05914,-0.01979,-0.07514,0.12362,-0.04469,0.06949,-0.0453,0.02445,-0.03606,-0.04601,0.00334,-0.05229,-0.00016,-0.00835,0.02188,-0.0902,0.05107,0.06091,0.08834,-0.12516,-0.03993,0.03869,0.05883,-0.0439,0,-0.0365,0.04805,0.01534,-0.01588,0.09568,-0.00193,0.02487,0.13839,0.01101,-0.02014,0.00916,0.08,-0.08979,0.04639,0.04821,-0.00451,0.02857,0.03013,0.01462,-0.01957,-0.01467,0.00046,0.03667,0.09884,0.02096,-0.05921,0.04152,0.04733,-0.0547,0.02966,-0.07045,0.00628,0.11169,0.11399,-0.00939,-0.0166,-0.07778,0.06501,-0.02745,0.03216,0.04522,0.04751,-0.02249,-0.00238,-0.0201,0.03449,0.03731,-0.00759,-0.02254,0.00239,-0.10101,-0.02221,-0.08564,-0.06566,-0.02896,0.04437,0.05612,0.00129,0.00122,0.00139,-0.05478,0.02802,-0.00338,-0.07555],"keywords":"Angular Diagram Example – Remove Connections on Drop Angular Diagram Example – Remove Connections on Drop Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX. What this solves - Faster edge cleanup for iterative graph editing. - A clearer deletion flow for connection-heavy interfaces. - Better UX when users frequently rewire or simplify diagrams. This example is a practical companion to edge creation and reassignment patterns.","excerpt":"What this solves - Faster edge cleanup for iterative graph editing. - A clearer deletion flow for connection-heavy interfaces. - Better UX when users frequently rewire or simplify diagrams. This example is a practical companion to edge creation and reassignment patterns."},{"chunkId":"/examples/remove-connection-on-drop#4","slug":"remove-connection-on-drop","route":"/examples/remove-connection-on-drop","section":"examples","title":"Angular Diagram Example – Remove Connections on Drop","description":"Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX.","group":"Connections - Editing","vector":[-0.07605,0.0018,-0.03431,0.10176,-0.01684,0.0336,0.00527,-0.04154,0.02456,0.06013,0.01935,0.08851,-0.04169,0.02062,0.01345,0.0172,-0.06782,-0.04522,-0.01974,-0.04688,-0.04597,-0.12142,-0.07461,-0.037,0.12884,-0.01667,0.00771,-0.01641,0.06854,-0.04789,-0.02271,0.0239,-0.10214,-0.04437,-0.11724,0.03566,0.06291,0.0644,0.00221,-0.00325,0.11932,0.0108,0.02276,-0.03609,-0.05609,0.0449,-0.1273,0.04452,-0.01461,0.06215,-0.00857,-0.0071,-0.06048,-0.01048,0.03279,-0.00026,0.0321,-0.00268,-0.03605,0.00958,0.05998,0.02102,0.0086,-0.0065,0.00792,0.01411,-0.00338,0.02205,-0.00645,0.0509,0.03515,-0.02695,-0.07617,-0.02659,-0.00022,-0.00328,-0.02441,0.0724,-0.01982,0.04836,0.11831,0.09536,-0.03973,0.03936,-0.06829,0.09668,-0.02598,-0.12559,-0.03775,-0.10348,0.00156,0.06371,0.02824,0.00226,0.01447,0.02756,-0.03192,0.00639,-0.07238,0.0633,0.02075,-0.06639,0.00533,0.04016,-0.08377,-0.043,-0.0392,-0.01858,-0.03272,0.05848,0.01404,0.03784,-0.07718,-0.00912,-0.07186,0.02555,-0.03142,0.0065,-0.0375,0.08155,-0.07218,0.0513,0.00822,-0.03463,0.00139,-0.04606,-0.01495,0,-0.00319,-0.01719,-0.05858,-0.04677,0.11784,-0.01533,-0.08525,-0.07372,0.02412,0.0574,-0.00437,-0.00022,-0.0279,-0.02283,-0.00063,-0.06661,0.09116,0.01012,0.05889,-0.03195,-0.03857,-0.03403,-0.05042,0.03125,0.10483,0.06001,-0.00016,0.0281,0.05875,-0.00886,0.06563,0.06045,-0.04402,0.00788,-0.04748,-0.05943,-0.04085,-0.03186,-0.03688,-0.01692,0.07199,-0.05822,-0.15129,0.06119,-0.01424,-0.01016,0.0391,-0.03061,0.03363,-0.04213,-0.03108,0.03662,-0.01374,-0.02917,0.00216,-0.01792,-0.03353,0.0559,-0.00077,0.00205,0.03323,0.00543,-0.03702,0.00983,0.08507,-0.0073,-0.05906,-0.00508,0.03991,-0.10092,-0.12257,0.04157,-0.02154,-0.03325,-0.04027,-0.07826,-0.0808,0.01843,0.0472,0.03388,-0.00659,-0.10602,0.00767,0.03401,0.08715,-0.10536,0.02128,-0.05878,0.01517,-0.00997,0.05856,0.04659,0.03244,-0.0159,0.10784,0,-0.06465,0.04872,0.05692,0.06477,0.03215,-0.00492,0.08637,0.04674,-0.03217,0.07392,0.0516,0.04277,-0.02992,-0.00562,0.00314,0.03726,-0.06524,-0.08181,-0.04641,0.0132,0.07887,0.00087,0.04136,-0.06693,-0.01411,0.00027,0.05824,-0.05347,0.00556,0.00155,-0.03552,0.00624,-0.00548,-0.00065,-0.02222,0.00982,0.0721,0.07245,-0.03558,-0.08064,-0.01838,0.02202,-0.0344,-0.00009,-0.00087,-0.00149,-0.05806,0.01387,-0.06808,0.02008,-0.06789,0.05233,-0.02333,-0.0279,0.01265,-0.02818,0.0881,0.00114,0.04986,-0.01871,0.03424,-0.06586,-0.05735,0.00657,0.08468,-0.03155,-0.00702,-0.03322,0.02342,0.04537,-0.02533,0.09362,0.00984,-0.05467,0.12973,-0.03882,0.05875,-0.05176,0.02881,-0.04548,-0.02256,0.02702,-0.05777,-0.02898,0.02477,0.04202,-0.06827,0.05505,0.0465,0.11499,-0.1095,-0.03206,0.04988,0.03359,-0.06559,0,-0.02233,0.03174,-0.01065,-0.04197,0.09789,-0.00632,-0.00922,0.09748,0.01012,0.0143,-0.03444,0.08635,-0.04441,0.06481,0.06535,-0.01718,0.04913,0.01315,0.02712,-0.00549,0.02146,-0.00564,0.0599,0.14179,0.01646,-0.07098,0.00681,0.03465,-0.04947,0.02332,-0.08895,0.01577,0.06649,0.06242,-0.02121,0.00385,-0.08585,0.05459,-0.02803,0.03451,0.06486,0.05582,-0.02235,0.01741,-0.01141,0.04584,0.03171,-0.00955,0.00267,0.03234,-0.0833,-0.0117,-0.05754,-0.06678,-0.02023,0.02168,0.03619,0.00582,-0.03569,-0.00361,-0.05901,0.04392,0.00274,-0.10544],"keywords":"Angular Diagram Example – Remove Connections on Drop Angular Diagram Example – Remove Connections on Drop Remove an existing connection as part of drag-and-drop editing. Useful for faster rewiring and cleaner Angular graph UX. Related docs - Connection Component - Event System - Drag to Reassign Example - Create Node on Connection Drop","excerpt":"Related docs - Connection Component - Event System - Drag to Reassign Example - Create Node on Connection Drop"},{"chunkId":"/examples/assign-node-to-connection-on-drop#0","slug":"assign-node-to-connection-on-drop","route":"/examples/assign-node-to-connection-on-drop","section":"examples","title":"Angular Workflow Builder Example – Insert a Node into a Connection","description":"Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines.","group":"Connections - Editing","vector":[-0.10621,-0.00944,-0.07684,0.05217,-0.01901,-0.00777,-0.03215,-0.01575,-0.00672,0.05963,-0.07622,-0.0156,-0.01141,0.03969,0.07722,0.06451,-0.05669,-0.02379,0.00924,-0.11816,-0.03518,-0.03131,-0.08045,-0.04515,0.10622,-0.02988,-0.00306,-0.03195,0.10124,0.03757,0.00945,0.01873,-0.03447,0.07974,-0.07608,0.11729,0.00249,0.08387,0.0299,-0.01296,0.13021,0.0178,0.01521,-0.07932,-0.04473,-0.03011,-0.12511,0.02832,-0.06379,0.01945,-0.07679,-0.08684,-0.05882,0.05107,0.02335,0.04006,0.02638,-0.0383,-0.02921,0.03391,0.11035,-0.04611,0.03743,-0.02306,0.03044,0.03363,-0.03232,0.04701,-0.02805,0.02218,0.06523,-0.02069,-0.09077,0.01863,-0.04486,-0.01328,-0.01577,0.04219,-0.04815,0.04476,0.02923,0.07142,-0.05301,0.04016,-0.03821,0.09963,-0.00559,-0.06027,0.02634,-0.05996,-0.05671,0.02771,-0.02695,0.00163,0.09901,-0.00912,0.00558,-0.02178,-0.07922,0.02619,-0.02732,-0.06803,-0.05595,-0.02004,-0.03377,-0.01138,-0.04475,-0.05757,-0.02028,0.01731,-0.01191,0.07703,-0.00076,-0.03308,-0.07865,-0.03085,-0.01054,-0.03201,-0.03415,0.1372,-0.05762,0.05302,-0.05185,-0.01739,0.00575,-0.05809,-0.01127,0,0.02783,-0.02518,-0.00288,-0.01717,0.14099,-0.00706,-0.05481,-0.06879,0.01452,0.0118,-0.06752,-0.02297,-0.01063,0.03808,-0.04963,-0.10512,0.0559,0.01401,0.0432,0.0364,-0.00862,-0.10425,-0.05797,0.09861,0.07918,0.03539,-0.01637,-0.03482,0.09441,0.01348,0.00969,0.00894,0.02183,0.03521,-0.04223,-0.00719,-0.05435,-0.01123,0.02089,-0.05536,0.08315,-0.01824,-0.06304,0.10167,-0.0444,-0.03684,-0.02031,-0.00564,0.09001,-0.02587,-0.01482,0.01093,0.05312,-0.05122,0.02872,-0.04075,-0.01851,0.06525,0.04466,0.05853,-0.02878,-0.02119,-0.05601,0.06568,0.07332,-0.0049,-0.04343,-0.03493,0.08033,-0.06214,-0.07259,0.0792,-0.07394,0.06462,-0.02831,-0.03733,-0.07316,-0.01896,0.01558,-0.00763,-0.05873,-0.05329,-0.01818,-0.0016,0.10198,-0.03253,-0.04343,-0.03474,-0.03259,-0.04418,0.03073,0.03609,0.04457,0.01369,0.13641,0,-0.03701,0.03666,0.03577,0.09019,0.08926,-0.02811,0.06539,-0.06414,0.01299,0.14101,-0.00058,0.05449,-0.0152,0.01021,-0.01544,-0.0333,-0.08111,-0.09979,0.01089,0.01427,0.05978,-0.02904,0.03104,-0.05297,0.00741,0.05367,0.02304,-0.01841,-0.03936,-0.02404,-0.04706,0.00599,-0.04127,-0.00143,0.02115,0.02649,0.05316,0.07208,0.01566,-0.05739,-0.02323,0.0558,-0.01606,0.03363,-0.03079,0.0068,0.01395,0.0435,-0.09632,0.00614,-0.07969,0.06492,-0.0203,0.00824,-0.01985,-0.00495,0.0556,0.01222,0.01285,-0.00188,-0.02329,-0.06,0.0429,-0.01379,0.01563,-0.01834,-0.01197,-0.06403,-0.03051,0.04919,0.02313,0.0725,-0.00273,0.00887,0.08645,-0.03548,0.03739,-0.06542,0.01761,-0.01329,-0.0758,0.03254,-0.02947,-0.00417,0.05187,-0.03075,-0.01506,0.01712,0.03611,0.10088,-0.11994,-0.01479,-0.06548,-0.07239,-0.07496,0,-0.08547,0.04949,-0.03887,0.00324,0.04729,-0.01936,0.05468,0.03899,0.06648,-0.02992,-0.0252,0.00943,-0.04623,0.03141,0.10002,-0.06986,0.07349,0.01022,0.01163,-0.06373,0.05276,-0.01081,0.0575,0.09798,0.02265,-0.07233,-0.0132,0.00888,-0.04302,0.06394,-0.03698,0.04924,0.1018,0.03834,0.00109,0.00897,-0.02369,0.02512,-0.04373,0.02235,0.08066,0.05551,-0.03123,-0.0356,-0.00936,0.07148,-0.01333,0.00602,0.05187,0.04143,0.00709,-0.02959,-0.02199,-0.03848,0.00452,0.01123,0.025,-0.05964,0.02367,-0.01449,-0.07431,0.04114,0.07017,-0.07166],"keywords":"Angular Workflow Builder Example – Insert a Node into a Connection Angular Workflow Builder Example – Insert a Node into a Connection Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines. Assign Node to Connection on Drop","excerpt":"Assign Node to Connection on Drop"},{"chunkId":"/examples/assign-node-to-connection-on-drop#1","slug":"assign-node-to-connection-on-drop","route":"/examples/assign-node-to-connection-on-drop","section":"examples","title":"Angular Workflow Builder Example – Insert a Node into a Connection","description":"Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines.","group":"Connections - Editing","vector":[-0.12888,-0.01063,0.00274,0.07708,0.01531,0.00339,-0.05901,-0.04731,0.05326,0.04118,-0.08159,0.02004,-0.02882,0.00847,0.05753,0.06526,-0.03807,-0.02128,-0.01029,-0.08571,-0.00915,-0.06549,-0.04834,-0.02796,0.08684,-0.01624,0.01646,-0.01738,0.09686,-0.01715,0.00379,0.02123,-0.08053,0.06617,-0.10808,0.10842,0.03472,0.09189,0.00459,-0.03205,0.10009,0.02315,0.00329,-0.06495,-0.05513,0.00513,-0.10475,0.00851,-0.08129,0.04074,-0.07222,-0.08909,-0.04039,0.03508,0.03298,0.0486,0.05387,-0.05337,-0.03685,0.00191,0.09853,-0.01833,0.00395,-0.01315,0.03899,0.04698,-0.01331,0.00758,0.00869,0.03985,0.05582,-0.05363,-0.07809,0.00243,-0.06619,0.00797,-0.05231,0.04213,-0.07461,0.03077,0.06808,0.04662,-0.06595,0.04952,-0.01189,0.1119,0.00665,-0.11418,0.02756,-0.05661,-0.03611,0.0375,0.01252,-0.01249,0.0893,-0.0059,-0.02194,-0.01193,-0.06881,0.03506,0.00564,-0.04894,0.00186,-0.001,-0.0148,-0.02926,-0.01089,-0.03142,-0.03741,0.04194,0.00063,0.0418,0.01113,-0.02388,-0.07478,0.01135,-0.03113,-0.00655,-0.04981,0.10204,-0.01562,0.03758,-0.01645,-0.02764,0.04557,-0.08069,-0.01686,0,0.05617,0.00332,-0.03123,-0.01934,0.15964,-0.01426,-0.0532,-0.0836,0.02173,0.02761,-0.03932,-0.02148,-0.00414,0.08847,-0.04313,-0.11777,0.04143,0.02875,0.00877,0.04668,-0.02404,-0.09111,-0.06668,0.06122,0.0514,0.06462,-0.01915,0.01637,0.05294,0.01336,-0.00899,0.01927,0.00107,0.00738,-0.0423,0.00647,-0.06701,-0.055,0.04623,-0.03859,0.03076,-0.01099,-0.09148,0.08161,-0.04344,-0.03827,-0.02395,0.03211,0.03906,-0.02175,0.03034,0.03132,0.07692,-0.0302,0.01262,-0.06258,0.00692,0.04953,0.03564,0.07768,-0.01438,0.00978,-0.06297,0.08391,0.06767,-0.00129,-0.05831,-0.00159,0.07107,-0.0815,-0.07949,0.08978,-0.07708,0.00465,0.00468,-0.07,-0.08653,-0.02535,0.09448,-0.01547,-0.02279,-0.09177,-0.00456,-0.01216,0.08872,-0.03962,-0.0262,-0.05082,-0.10975,-0.03912,0.07923,0.05255,0.0796,0.05639,0.16433,0,-0.00323,0.05687,0.04738,0.08964,0.05088,-0.00196,0.06247,-0.03806,0.03861,0.09392,0.0022,0.07728,-0.04059,0.054,-0.01001,-0.0237,-0.02508,-0.11208,0.00118,-0.02034,0.10515,-0.00636,-0.00734,-0.04567,-0.01538,0.04722,0.02092,-0.01813,-0.02887,-0.02637,-0.02587,-0.0175,-0.00788,-0.0434,0.02712,0.03719,0.04163,0.08424,0.00647,-0.03337,-0.02477,0.02706,-0.00005,0.02124,-0.03929,0.02558,-0.01051,0.06154,-0.12724,-0.01067,-0.07029,0.07566,-0.05262,-0.01412,-0.00428,-0.00221,0.06541,-0.00844,0.01245,-0.01872,-0.02274,-0.01106,0.0315,-0.01339,0.02272,-0.02605,-0.01785,-0.06405,-0.00759,0.02965,0.03088,0.04495,-0.02591,-0.02265,0.09922,-0.07361,0.1017,-0.09822,0.01902,-0.02474,-0.06415,0.0052,-0.00129,-0.01542,-0.0036,0.02575,-0.07232,0.0074,0.03503,0.10624,-0.11829,-0.00554,-0.05562,-0.0409,-0.0648,0,-0.08503,0.04343,-0.02093,-0.00896,0.0612,-0.04243,0.04327,0.07248,0.06167,-0.06437,0.01223,0.02879,-0.03785,0.0264,0.08556,-0.04622,0.02302,0.00453,-0.03228,-0.03805,0.03087,-0.018,0.02554,0.08832,-0.00898,-0.05571,0.01001,0.0277,-0.02757,0.04825,-0.01686,0.0459,0.09761,0.08009,-0.04846,0.03925,-0.01702,0.01487,-0.02099,0.0167,0.05405,0.04857,-0.02965,-0.00633,-0.0479,0.06178,-0.00625,-0.04738,0.00923,0.04351,-0.0121,-0.03959,-0.03206,0.00452,0.02152,-0.01446,0.01684,-0.05396,0.06545,0.01827,-0.02692,0.0228,0.0574,-0.0566],"keywords":"Angular Workflow Builder Example – Insert a Node into a Connection Angular Workflow Builder Example – Insert a Node into a Connection Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines. Description This example shows how to drop a node onto an existing connection and insert that node into the graph. Instead of forcing users to delete an edge and reconnect everything by hand, the editor treats the connection itself as a valid drop target. That pattern is useful in workflow builders, AI pipeline editors, ETL tools, and internal low-code products where users frequently add a new step between two already connected nodes. The important part is not just the visual effect. A good implementation updates the graph structure, preserves a predictable drag-and-drop flow, and makes \"insert between steps\" feel like a first-class action.","excerpt":"Description This example shows how to drop a node onto an existing connection and insert that node into the graph. Instead of forcing users to delete an edge and reconnect everything by hand, the editor treats the connection itself as a valid drop target. That pattern is useful in workflow builders, AI pipeline editors, ETL tools, and internal low-code products where users frequently add a new step between two already connected nodes. The important part is not just the visual effect. A good implementation updates the graph structure, preserves a predictable drag-and-drop flow, and makes \"insert between steps\" feel like a first-class action."},{"chunkId":"/examples/assign-node-to-connection-on-drop#2","slug":"assign-node-to-connection-on-drop","route":"/examples/assign-node-to-connection-on-drop","section":"examples","title":"Angular Workflow Builder Example – Insert a Node into a Connection","description":"Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines.","group":"Connections - Editing","vector":[-0.11764,-0.01179,-0.08412,0.08717,0.02626,0.02052,-0.00284,-0.02041,-0.00685,0.0374,-0.07748,-0.00566,-0.0054,0.03219,0.0468,0.06016,-0.0392,0.00465,-0.00526,-0.08264,-0.00145,-0.04924,-0.04161,-0.03103,0.06806,-0.02758,-0.0073,-0.04659,0.09735,0.03282,0.03418,0.06703,-0.04604,0.06525,-0.04447,0.1132,0.01884,0.06184,0.002,-0.02177,0.14576,0.03377,0.01586,-0.10362,-0.00363,-0.02891,-0.10666,0.01081,-0.07667,-0.00778,-0.06435,-0.07859,-0.05829,0.05988,0.01711,0.02531,0.01801,-0.07428,0.02104,0.03552,0.05748,-0.06767,0.01302,-0.0255,0.01764,0.0483,-0.065,0.04219,-0.04569,0.05607,0.03566,-0.00296,-0.10128,-0.00104,-0.00538,-0.01464,-0.04031,0.04674,-0.06064,-0.00408,0.02384,0.03832,-0.03246,0.04512,-0.06391,0.11592,0.00979,-0.06271,0.04598,-0.04915,-0.07156,0.02863,-0.03678,-0.00515,0.09714,0.01663,-0.04903,0.0012,-0.0554,0.05765,-0.02612,-0.06455,0.00303,0.00663,-0.02127,-0.00385,-0.03711,-0.01877,-0.01781,0.02854,-0.01078,0.07613,0.01212,-0.05569,-0.05448,-0.03173,0.04416,-0.03339,0.01367,0.13516,-0.00234,0.04881,-0.05876,-0.01823,0.0256,-0.05645,0.00152,0,0.04134,-0.02914,-0.01186,0.03047,0.15213,-0.02549,-0.0376,-0.08616,-0.01523,0.07504,-0.08906,0.00067,-0.01898,-0.00751,-0.04989,-0.10962,0.04507,0.02164,0.01333,0.04993,0.01662,-0.10801,-0.08408,0.07946,0.11885,0.00055,-0.04723,-0.00111,0.05407,-0.00982,0.04319,0.02074,0.03353,0.00286,-0.0316,-0.01863,-0.04892,-0.00138,-0.01765,-0.03659,0.08657,-0.01612,-0.06552,0.09212,-0.0334,-0.04972,-0.02345,-0.02184,0.11094,-0.02094,-0.00989,0.03053,0.0344,-0.07137,0.03079,-0.04533,-0.04257,0.07208,0.01846,0.07752,-0.03731,-0.00802,-0.05864,0.03951,0.1042,0.00768,-0.0456,-0.01524,0.06885,-0.09417,-0.08543,0.10428,-0.07308,0.03281,-0.02064,-0.05105,-0.05428,0.00203,0.02389,-0.01277,-0.0521,-0.05262,-0.02575,0.03114,0.08517,-0.06141,-0.04163,-0.05569,-0.05691,-0.06537,0.06096,0.01179,0.01887,-0.03061,0.08667,0,-0.01109,0.03403,0.00315,0.10169,0.0676,-0.02709,0.08418,-0.03047,0.04882,0.12194,0.00101,0.06561,-0.00206,-0.01345,0.00354,-0.0228,-0.09313,-0.08567,0.05055,0.02154,0.05673,0.04504,0.00142,-0.04371,0.00399,0.0571,0.00136,0.02727,-0.03481,-0.02348,-0.0503,-0.00898,-0.0806,0.00475,-0.00589,-0.00079,0.02231,0.14168,0.03945,-0.02362,0.05111,0.04654,-0.0498,0.02939,-0.04047,-0.00618,0.04613,0.02716,-0.08414,-0.02394,-0.09052,0.01849,-0.04474,0.04423,-0.02029,-0.00685,0.07698,0.0009,-0.02051,-0.02157,0.04073,-0.08242,0.02118,0.01279,0.04258,-0.02204,-0.06049,-0.03898,-0.00864,0.01861,-0.00529,0.05203,0.03426,-0.00113,0.06586,-0.03186,0.04776,-0.05722,0.0333,0.01533,-0.1035,0.06077,-0.05504,0.01743,0.0661,0.00622,-0.06949,0.04952,0.06323,0.076,-0.12309,-0.03456,-0.01565,-0.05127,-0.09433,0,-0.07383,0.03129,-0.08411,-0.03402,0.04145,-0.01759,0.03523,0.02403,0.02405,-0.02327,-0.04343,0.02445,-0.00082,0.00641,0.10478,-0.06249,0.0584,-0.02043,-0.02966,-0.03292,0.03522,-0.00038,0.02569,0.11713,0.00667,-0.07844,-0.01956,0.01741,-0.02796,0.05936,-0.0253,0.01701,0.05385,0.02063,-0.02177,0.00025,-0.06842,-0.00841,-0.01952,0.0514,0.0693,0.00787,-0.02069,-0.00631,-0.0108,0.07665,-0.02556,-0.0093,0.03835,0.03474,-0.04788,-0.01839,-0.04443,-0.00431,0.02525,-0.02973,0.03185,-0.04704,0.04989,0.00001,-0.05927,0.05329,0.03982,-0.04219],"keywords":"Angular Workflow Builder Example – Insert a Node into a Connection Angular Workflow Builder Example – Insert a Node into a Connection Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines. Example ::: ng-component <assign-node-to-connection-on-drop</assign-node-to-connection-on-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.scss :::","excerpt":"Example ::: ng-component <assign-node-to-connection-on-drop</assign-node-to-connection-on-drop [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/assign-node-to-connection-on-drop/example.scss :::"},{"chunkId":"/examples/assign-node-to-connection-on-drop#3","slug":"assign-node-to-connection-on-drop","route":"/examples/assign-node-to-connection-on-drop","section":"examples","title":"Angular Workflow Builder Example – Insert a Node into a Connection","description":"Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines.","group":"Connections - Editing","vector":[-0.0867,-0.00178,0.00647,0.06834,-0.00096,-0.03792,-0.07594,-0.03065,-0.01413,0.0464,-0.08645,0.02204,-0.01844,0.0085,0.08917,0.04772,-0.00681,0.01857,-0.03459,-0.11597,-0.03128,-0.02108,-0.05666,-0.04355,0.04747,-0.02609,-0.00895,0.00263,0.10144,-0.03079,-0.00448,0.04168,-0.03918,0.06071,-0.09958,0.10723,0.02901,0.06998,0.03353,-0.03929,0.05803,0.0175,-0.01647,-0.0641,-0.01991,-0.07159,-0.08302,-0.0178,-0.07846,0.03806,-0.06306,-0.1174,-0.07299,0.02154,0.02272,0.04055,0.04631,-0.03452,0.02392,0.02363,0.06586,-0.02437,0.04061,0.02155,0.05102,0.02854,0.00006,0.06086,0.00313,0.01434,0.04638,-0.032,-0.10539,-0.00062,-0.00693,-0.00558,-0.04412,0.02294,-0.04445,0.02138,0.02899,0.05805,-0.06074,0.08157,-0.00477,0.10784,0.00911,-0.05699,0.05227,-0.06086,-0.02239,0.00797,0.00578,-0.00448,0.08585,-0.0123,-0.00357,-0.05873,-0.08393,0.05691,0.01141,-0.08375,0.02241,-0.03615,-0.04341,-0.01037,-0.01891,-0.00159,-0.0224,0.01211,0.00681,0.01429,0.01613,-0.04262,-0.0727,-0.04317,-0.05076,-0.04046,-0.04295,0.14681,-0.01973,0.04673,-0.02185,-0.03011,0.03829,-0.04874,-0.02302,0,0.03649,0.02157,-0.0172,0.02227,0.17752,0.00036,-0.03895,-0.07386,-0.01181,0.02557,0.01538,0.039,-0.03243,0.06012,-0.02366,-0.10571,0.02175,0.05125,-0.0055,0.07175,-0.03012,-0.10193,-0.06817,0.06711,0.05546,0.05963,0.01228,0.04125,0.06837,0.00757,-0.01449,0.02473,0.01034,0.0524,-0.05784,0.03842,-0.03649,-0.08035,0.02126,-0.03412,0.0272,-0.01651,-0.07649,0.07772,-0.02574,-0.02322,-0.05276,-0.01121,0.09242,0.00071,0.01386,0.07447,0.05038,-0.02658,0.00295,-0.06633,0.00363,0.05949,0.06532,0.10668,-0.02417,-0.0158,-0.11321,0.08657,0.05521,-0.00899,-0.05703,-0.04155,0.12533,-0.08611,-0.10365,0.05124,-0.04753,0.09382,-0.00702,-0.0823,-0.08808,0.00447,0.0594,-0.04227,-0.06255,-0.03808,-0.02501,-0.01362,0.09474,-0.06625,-0.0345,-0.0229,-0.06701,-0.04217,0.04666,0.04913,0.06302,0.0402,0.13648,0,-0.06333,0.02305,0.00946,0.12262,0.05103,-0.04648,0.04466,-0.04689,0.04362,0.06502,0.02816,0.06089,-0.00542,-0.01263,-0.04896,-0.06125,-0.049,-0.10695,-0.00248,-0.00124,0.07775,-0.01284,0.02018,-0.02585,-0.04025,0.08771,0.0119,-0.01493,0.03294,-0.02505,-0.01815,-0.02557,-0.06281,-0.0046,0.04006,-0.00966,0.05576,0.06922,0.01003,-0.03628,0.0047,0.03007,-0.00076,0.04579,-0.03355,0.0499,-0.00829,0.04301,-0.09707,-0.05588,-0.04227,0.06872,-0.01449,-0.03361,0.00427,-0.01127,0.06098,-0.00349,0.02603,0.01004,-0.06422,0.00781,0.08003,0.00519,-0.00802,-0.03257,-0.01571,-0.08655,-0.01787,0.04747,0.02542,0.02849,-0.03707,-0.00193,0.12018,-0.07429,0.06518,-0.11805,0.01205,-0.03596,-0.08166,0.0132,-0.01915,-0.01334,0.03151,-0.01059,-0.06352,0.01829,0.0544,0.06218,-0.1361,0.00133,-0.04356,-0.04217,-0.06253,0,-0.06321,0.05131,-0.03038,-0.01477,0.03686,-0.02496,0.05284,0.05394,0.04979,-0.02694,0.01594,0.0038,-0.0523,0.00959,0.09224,-0.02149,0.04695,0.06408,-0.03475,-0.07748,-0.01085,0.02933,0.02579,0.07152,-0.01397,-0.0215,0.00378,0.03848,-0.05328,0.05109,-0.02361,0.03169,0.10828,0.08033,-0.03615,-0.02657,-0.02746,0.02464,-0.00177,0.0087,0.03847,0.03857,-0.00116,-0.02571,-0.05665,0.01848,-0.03281,-0.02201,0.00061,0.00118,-0.00684,-0.03501,-0.05032,-0.03384,0.01036,0.0238,0.03463,-0.03833,0.01515,0.01733,-0.01607,0.03506,0.07459,-0.05631],"keywords":"Angular Workflow Builder Example – Insert a Node into a Connection Angular Workflow Builder Example – Insert a Node into a Connection Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines. When to use it - Insert approval, transform, or retry steps into an existing chain. - Let users enrich a workflow without rebuilding the entire edge path. - Support palette-driven editing in denser diagrams. This example focuses on edge hit-testing during drop, connection reassignment, and a smoother editing UX for real node-based interfaces.","excerpt":"When to use it - Insert approval, transform, or retry steps into an existing chain. - Let users enrich a workflow without rebuilding the entire edge path. - Support palette-driven editing in denser diagrams. This example focuses on edge hit-testing during drop, connection reassignment, and a smoother editing UX for real node-based interfaces."},{"chunkId":"/examples/assign-node-to-connection-on-drop#4","slug":"assign-node-to-connection-on-drop","route":"/examples/assign-node-to-connection-on-drop","section":"examples","title":"Angular Workflow Builder Example – Insert a Node into a Connection","description":"Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines.","group":"Connections - Editing","vector":[-0.0982,-0.02312,-0.06809,0.05066,-0.00351,-0.00296,-0.01757,-0.0153,0.01912,0.0632,-0.06144,-0.0063,-0.00686,0.03666,0.07552,0.04445,-0.05466,-0.02512,-0.02143,-0.11233,-0.03694,-0.07832,-0.10201,-0.04433,0.09925,-0.01775,0.01557,-0.03365,0.11376,0.02588,0.00415,0.00261,-0.04271,0.04968,-0.0853,0.11349,0.0231,0.07768,0.02692,-0.01896,0.12293,-0.0023,0.00923,-0.06142,-0.04659,-0.0155,-0.11929,0.02938,-0.0611,0.02059,-0.08886,-0.09412,-0.04068,0.04781,0.01686,0.04887,0.04146,-0.04404,-0.0401,0.01279,0.09974,-0.03212,0.02096,-0.01958,0.01311,0.02616,-0.04292,0.06212,-0.00694,-0.00056,0.0598,-0.02478,-0.09626,0.02451,-0.04431,-0.03374,-0.02327,0.0469,-0.04946,0.06159,0.04767,0.08179,-0.04795,0.0395,-0.03852,0.11252,-0.01313,-0.05091,0.00062,-0.06203,-0.04591,0.04182,-0.01597,-0.00676,0.09438,-0.01154,-0.00498,-0.01606,-0.06321,0.01868,-0.01702,-0.05732,-0.04843,0.00595,-0.02348,-0.02111,-0.07193,-0.06555,-0.01243,0.05555,-0.01304,0.05791,0.00819,-0.04028,-0.07512,-0.01805,-0.02738,-0.01988,-0.03425,0.13806,-0.04089,0.06239,-0.0461,-0.02301,0.03467,-0.04977,-0.00799,0,0.03629,-0.01255,-0.01796,0.00105,0.14513,-0.00356,-0.04633,-0.07978,0.03885,0.00723,-0.06746,-0.00761,-0.0123,0.04453,-0.02609,-0.12462,0.05121,0.00448,0.045,0.04139,-0.01946,-0.1033,-0.04724,0.10117,0.10609,0.03814,-0.00233,-0.00628,0.08703,0.00728,0.00666,0.00624,-0.002,0.03401,-0.05449,-0.00563,-0.07578,-0.03457,0.04362,-0.03879,0.05931,-0.03365,-0.09039,0.08137,-0.04176,-0.0305,-0.00848,-0.02624,0.11003,-0.02996,-0.00756,0.00884,0.08002,-0.04277,0.03376,-0.03408,-0.00839,0.0613,0.04028,0.06766,-0.0376,-0.01018,-0.0553,0.0698,0.08327,-0.02356,-0.06603,-0.02436,0.09474,-0.0679,-0.05564,0.06947,-0.06116,0.04676,-0.02221,-0.04339,-0.07358,-0.02211,0.01566,-0.01047,-0.07576,-0.06504,0.01076,0.00773,0.12103,-0.04174,-0.05454,-0.02121,-0.04912,-0.06067,0.04044,0.02707,0.05778,0.02646,0.12089,0,-0.05252,0.02505,0.03172,0.0938,0.0789,-0.02112,0.03729,-0.05098,0.01332,0.12109,-0.01418,0.06893,0.00279,0.00641,-0.02156,-0.02403,-0.06792,-0.08397,0.01259,0.00327,0.05863,-0.0357,0.0161,-0.06898,0.00239,0.02263,0.0428,-0.02447,-0.02476,-0.02046,-0.05294,-0.0071,-0.03066,-0.00043,0.02435,0.00213,0.06651,0.06698,0.0278,-0.07277,-0.02733,0.03152,-0.00052,0.02147,-0.04695,0.01819,-0.01163,0.05319,-0.07863,-0.00159,-0.07399,0.06466,-0.02991,0.01786,-0.02171,-0.00252,0.06731,0.02663,0.00198,-0.00818,-0.03093,-0.0487,0.03387,-0.01542,0.01831,-0.01779,-0.02492,-0.0678,-0.02961,0.04739,0.00248,0.08213,-0.02212,0.01248,0.08881,-0.03675,0.05514,-0.06011,0.02951,-0.02743,-0.0702,0.03113,-0.01799,-0.01324,0.04431,0.00509,-0.02415,0.00379,0.04441,0.10259,-0.12905,-0.00701,-0.04313,-0.05187,-0.07175,0,-0.05976,0.04254,-0.02836,-0.01933,0.03829,-0.00471,0.04656,0.04143,0.06213,-0.02447,-0.03054,0.01726,-0.04464,0.03218,0.09445,-0.04168,0.08031,0.02722,0.01,-0.09586,0.06852,-0.00965,0.0692,0.10506,0.01587,-0.06889,-0.02531,-0.00012,-0.0348,0.03744,-0.04342,0.04863,0.10696,0.02145,0.00131,0.00532,-0.03334,0.00406,-0.0327,0.0046,0.08746,0.05352,-0.02761,-0.03364,-0.0179,0.07327,-0.02158,-0.01491,0.03923,0.04236,0.01386,-0.0247,-0.02841,-0.02547,0.0212,0.03084,0.01474,-0.05677,0.05521,-0.02035,-0.05284,0.05076,0.07204,-0.06359],"keywords":"Angular Workflow Builder Example – Insert a Node into a Connection Angular Workflow Builder Example – Insert a Node into a Connection Drop a node onto an existing edge to insert it into the graph. A practical pattern for Angular workflow builders and AI pipelines. Related docs - Connection Component - Drag and Drop - Event System - Create Node on Connection Drop","excerpt":"Related docs - Connection Component - Drag and Drop - Event System - Create Node on Connection Drop"},{"chunkId":"/examples/auto-snap#0","slug":"auto-snap","route":"/examples/auto-snap","section":"examples","title":"Auto Snap","description":"Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example.","group":"Connections - Editing","vector":[-0.08653,-0.05087,-0.06466,-0.01251,-0.01247,-0.01423,-0.01275,0.01096,-0.03152,0.01946,0.0592,0.09354,-0.03012,-0.04732,-0.04962,0.02775,-0.02759,-0.08438,0.0246,0.01418,-0.05406,-0.08505,-0.0464,-0.01348,0.00074,-0.01687,0.04596,-0.04802,-0.00595,-0.05801,-0.00813,0.07929,-0.09071,0.04375,-0.09161,0.01934,0.0146,0.02876,-0.05941,-0.02086,0.09061,-0.08226,0.05625,-0.03274,-0.01446,0.04161,-0.0717,0.03397,0.01399,-0.00107,-0.11188,-0.037,-0.06329,0.02236,0.00343,0.0287,0.04437,-0.00817,0.03352,0.04534,0.13596,-0.03523,-0.0286,0.06742,0.05268,-0.00216,0.04173,-0.00344,-0.02124,-0.01445,-0.003,-0.04376,-0.06552,0.02334,0.09545,-0.02781,-0.04686,-0.01803,-0.06048,0.0314,-0.08885,0.06665,-0.05087,0.05152,-0.0227,0.08513,-0.03011,-0.05407,0.01889,-0.02607,-0.051,-0.07877,-0.05359,0.02723,0.00261,-0.05438,0.05772,-0.0587,-0.11088,0.02141,0.07693,0.00181,-0.00218,-0.03039,-0.01595,-0.02888,-0.04157,-0.05982,0.00509,-0.02518,-0.05032,0.05894,-0.09121,-0.12617,-0.13561,-0.05865,0.01408,0.00708,0.08556,-0.03072,-0.03109,0.07409,-0.02406,0.00925,0.0523,0.02144,-0.03757,0,-0.03165,0.02443,-0.03155,0.01281,-0.02831,-0.03118,-0.03012,-0.01326,0.05111,0.09607,-0.0169,0.08403,0.04253,0.00559,0.01268,-0.14019,-0.02659,-0.0035,-0.03096,0.00374,-0.02624,-0.03113,0.02409,0.00523,0.05898,0.01418,-0.02001,0.06403,-0.00707,0.04241,0.02694,0.03666,0.03096,0.05314,-0.01807,0.01086,-0.07114,-0.0894,-0.00018,0.00914,0.00488,-0.05207,-0.07369,-0.033,-0.00204,-0.05375,-0.0088,0.00349,-0.01574,-0.03112,0.07765,-0.02722,-0.00883,0.01874,0.00839,-0.03225,-0.00483,0.03558,-0.00225,0.1446,-0.03919,-0.0947,-0.03246,-0.00134,0.03926,0.04486,0.07901,-0.00458,0.11808,0.01871,-0.08958,0.05234,0.00505,0.02526,-0.05321,0.0062,-0.07792,-0.00825,0.09894,0.01702,-0.02845,0.0155,0.07518,0.00932,-0.00341,-0.0623,-0.03601,-0.09862,-0.08286,-0.00268,-0.03584,0.08033,0.05521,0.02273,0.03515,0,-0.03862,-0.03775,-0.03001,0.10049,-0.01631,0.01027,0.04401,-0.00459,-0.03442,0.00999,0.02077,0.02818,0.05723,0.02903,0.00022,0.04709,0.03332,-0.1217,-0.02294,0.08784,0.05439,-0.04981,0.11517,-0.0162,0.04288,0.00769,0.01956,-0.03766,-0.0041,0.01098,0.03445,0.0036,0.0179,-0.01456,0.003,0.04909,-0.00697,0.13848,0.04905,-0.04257,0.04029,0.01968,0.01161,0.00026,-0.08658,-0.00624,-0.07664,0.08385,-0.18291,0.04728,-0.10167,0.03006,0.05054,0.01694,-0.03075,0.06405,-0.00691,0.01536,0.04106,0.02581,0.07181,-0.10793,-0.00783,-0.00628,0.01625,0.0523,0.01104,-0.02762,-0.06524,0.05796,0.10786,0.06441,0.04457,-0.05819,-0.03838,-0.05042,0.06447,-0.11917,0.0174,-0.05658,-0.02886,0.06304,-0.04681,0.02746,-0.07481,0.02943,-0.00394,0.01987,0.05553,0.02436,-0.04529,0.00725,-0.00291,-0.01662,-0.03125,0,-0.03214,0.02056,-0.00338,0.00177,0.02911,0.00509,0.01119,0.06572,0.00529,-0.00035,0.01135,0.04986,-0.0348,0.03027,0.08542,-0.01815,-0.01603,0.02089,-0.03014,0.00794,0.01527,0.00313,0.07046,0.06215,0.02475,-0.01771,-0.01764,0.09658,0.05551,0.00812,-0.06781,-0.0209,0.03115,-0.01677,-0.09871,0.16136,-0.04427,0.0056,0.01935,-0.001,0.03037,0.03136,-0.04329,0.00094,-0.09588,0.03713,0.00148,0.01873,0.02043,-0.00038,-0.03489,0.01748,0.02428,-0.06043,-0.00214,0.02837,-0.00924,-0.07968,0.06457,0.04537,-0.08245,0.0702,-0.05084,0.05652],"keywords":"Auto Snap Auto Snap Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example. --- toc: false wideContent: true --- Auto Snap wide Content","excerpt":"--- toc: false wideContent: true --- Auto Snap"},{"chunkId":"/examples/auto-snap#1","slug":"auto-snap","route":"/examples/auto-snap","section":"examples","title":"Auto Snap","description":"Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example.","group":"Connections - Editing","vector":[-0.0653,-0.03458,-0.00536,-0.00166,-0.01717,0.02294,0.01418,0.06836,0.06509,-0.00057,0.00231,0.06097,-0.03984,0.04655,-0.02976,0.00414,-0.04309,-0.0991,-0.00312,0.01722,-0.07482,-0.15302,-0.03276,-0.034,0.03966,-0.0319,0.03008,-0.01141,0.01434,-0.01601,-0.08468,0.02055,-0.06353,0.04911,-0.05109,0.01495,0.01454,0.08333,-0.09323,-0.05467,0.03544,-0.05633,0.05422,-0.02616,0.01376,0.01259,-0.0458,0.02992,-0.00631,0.07593,-0.13665,-0.00262,-0.01859,-0.00598,0.01483,0.0616,0.06559,-0.05337,0.0083,0.07861,0.05896,-0.01914,-0.0037,0.02035,0.02594,0.04292,0.08504,0.04195,0.01136,0.03874,0.00845,-0.01764,-0.09066,-0.02915,0.05104,-0.02882,-0.11017,-0.0025,-0.06685,0.02416,-0.00979,0.04084,-0.04391,0.12381,-0.03268,0.09277,0.0333,-0.10028,-0.00027,-0.00207,-0.00227,-0.01695,-0.07297,0.01525,0.02466,-0.03134,0.0502,-0.06242,-0.11867,0.01231,0.04874,-0.00886,0.02588,-0.04723,0.05271,-0.03787,-0.03311,-0.05622,-0.04926,0.02949,-0.04113,0.02691,-0.01266,-0.045,-0.10357,-0.0014,0.00297,-0.05664,0.08033,0.0249,-0.02046,0.11489,-0.04772,-0.00031,0.05211,-0.01781,-0.06503,0,0.0309,0.00668,-0.02257,0.00436,-0.00559,-0.06514,-0.06704,-0.04667,-0.00004,0.01681,-0.03282,-0.01535,-0.00523,0.02334,-0.05317,-0.08908,0.01678,-0.01255,-0.05708,0.02597,-0.03657,-0.12351,-0.0148,0.01973,0.04656,0.1323,-0.03271,0.10616,0.01339,0.03102,-0.07228,-0.04029,0.0179,-0.02705,-0.04431,-0.03294,-0.04549,-0.07638,0.03041,0.00813,-0.00376,-0.01451,-0.03341,-0.01221,0.02291,-0.01767,-0.00608,0.07702,-0.01536,-0.03515,0.07286,0.04318,0.05852,0.03092,-0.01608,-0.09728,-0.00231,-0.0107,-0.01859,0.09231,-0.02767,-0.0071,-0.07432,0.00396,0.07736,0.06602,0.0229,0.06168,0.07782,-0.06862,-0.1134,0.03344,-0.04693,-0.02636,-0.04326,0.02688,-0.04228,-0.01066,0.1397,-0.00353,0.00808,-0.07129,0.0641,-0.0246,0.03737,-0.0975,0.04251,-0.0963,-0.10239,-0.0138,0.03737,0.0449,0.06971,0.04006,0.07617,0,-0.01876,-0.02475,0.03779,0.09871,-0.01095,0.00908,0.03816,-0.0334,0.03585,-0.00603,0.00331,0.04647,-0.00612,0.02566,0.0335,0.05109,-0.00801,-0.09931,0.01928,0.045,0.08171,-0.04649,0.07443,-0.01273,-0.00178,0.01246,0.05734,-0.06475,-0.0386,-0.01202,0.04792,0.00374,-0.01563,-0.02129,0.0525,-0.00301,0.00596,0.09434,0.06253,-0.00013,0.0551,0.03567,-0.01239,0.02057,-0.0512,0.06987,-0.08338,0.03286,-0.16775,0.03172,-0.08992,0.06324,0.03343,-0.07509,-0.04529,0.03595,0.05122,0.0036,-0.0058,0.01615,0.00615,-0.10529,0.02579,-0.03683,0.03437,0.00196,-0.01528,-0.01807,-0.05251,0.04144,0.09737,0.07056,0.05222,-0.07205,0.01905,-0.02118,0.07137,-0.06283,0.07237,-0.00208,-0.03211,0.08837,-0.00611,0.01613,-0.09128,0.04921,-0.06346,0.04696,0.04724,0.03095,-0.04319,0.02865,0.0202,0.02462,-0.0843,0,-0.04215,0.04921,-0.01539,0.01154,0.06415,0.0317,-0.02171,0.07177,-0.012,0.01524,0.02714,0.04399,-0.0576,0.03031,0.06996,-0.01235,0.03485,0.03378,-0.05595,-0.0189,0.04049,0.01629,0.05665,0.08184,-0.03968,-0.06736,-0.00182,0.06026,-0.01008,-0.00594,-0.05714,-0.02297,0.04282,0.06862,-0.07792,0.10466,-0.02881,-0.00727,0.00898,0.00314,0.05279,-0.0054,-0.04886,-0.02033,-0.05212,0.05344,0.08504,-0.01195,-0.01596,0.04284,-0.0772,0.00192,0.03264,-0.03011,-0.02364,0.01346,0.00371,-0.00632,0.08632,0.00659,-0.10494,0.07522,-0.01195,0.02898],"keywords":"Auto Snap Auto Snap Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example. Description This guide explains how to automatically snap connections when they are dropped near a connector, offering a comprehensive solution for building interactive flow-based diagrams. To implement this functionality, you need to add the <f-snap-connection component inside the <f-canvas. This component handles temporary connection display and snapping to the nearest connector when the threshold is reached. Auto snap reduces friction during edge creation, especially in dense editors where users expect the nearest valid connector to “catch” the pointer before a perfect drop. It is a small feature, but it often makes the editor feel significantly more polished. It also reduces failed connection attempts and makes touchpad or high-zoom interactions less frustrating for end users. That makes it especially useful in production editors where connection creation is a frequent action.","excerpt":"Description This guide explains how to automatically snap connections when they are dropped near a connector, offering a comprehensive solution for building interactive flow-based diagrams. To implement this functionality, you need to add the <f-snap-connection component inside the <f-canvas. This component handles temporary connection display and snapping to the nearest connector when the threshold is reached. Auto snap reduces friction during edge creation, especially in dense editors where users expect the nearest valid connector to “catch” the pointer before a perfect drop. It is a small feature, but it often makes the editor feel significantly more polished. It also reduces failed connection attempts and makes touchpad or high-zoom interactions less frustrating for end users. That makes it especially useful in production editors where connection creation is a frequent action."},{"chunkId":"/examples/auto-snap#2","slug":"auto-snap","route":"/examples/auto-snap","section":"examples","title":"Auto Snap","description":"Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example.","group":"Connections - Editing","vector":[-0.07704,0.01,-0.1024,-0.01591,0.00739,0.03228,-0.01825,0.03401,-0.01961,0.04175,-0.01129,0.07021,-0.0297,-0.00088,-0.00742,-0.01058,-0.07915,-0.02993,-0.00278,0.00623,-0.0548,-0.06456,0.00212,-0.00636,0.00291,-0.03673,0.02401,-0.01456,0.03914,-0.01539,0.05736,0.04816,-0.06032,0.06338,-0.0813,0.0669,-0.03107,0.0655,-0.06658,-0.02318,0.12662,-0.0406,0.06044,-0.11211,-0.01896,0.01131,-0.08352,0.05472,-0.03662,-0.02979,-0.11497,-0.04997,-0.08106,0.0736,0.01023,-0.02378,0.01963,-0.07404,0.02382,0.05061,0.07118,-0.08496,-0.00868,0.00638,0.0616,0.02836,-0.03837,0.01508,-0.04224,0.05859,0.03757,-0.03677,-0.07061,-0.02063,0.07,-0.02543,-0.07801,0.03647,-0.06279,0.01601,-0.03496,0.00578,-0.04653,0.04418,-0.03427,0.11259,0.00466,-0.08869,0.02472,-0.05416,-0.04053,0.0055,-0.07231,0.04253,0.01837,-0.00514,-0.00195,-0.01415,-0.10667,0.03339,0.02416,-0.02769,0.02768,0.01907,0.00416,-0.00615,-0.01878,-0.00376,-0.02922,-0.01011,-0.02734,0.09029,-0.01307,-0.09327,-0.09413,-0.06319,0.0334,-0.02709,0.04405,0.04228,-0.00135,0.03932,-0.04053,-0.01056,0.07558,0.03715,-0.00163,0,-0.00176,0.04823,-0.02967,-0.0229,0.00386,-0.03957,-0.037,-0.07961,0.04711,0.12499,-0.07335,0.07224,0.00934,-0.02461,-0.04512,-0.15134,0.00577,-0.00035,-0.0191,0.02625,0.04278,-0.06185,-0.00472,0.00977,0.09719,-0.0125,-0.01761,0.05732,-0.03497,0.02742,0.06298,0.05364,0.0284,-0.02942,0.00764,-0.02982,-0.01616,-0.04229,-0.05866,-0.01372,0.09601,-0.02661,-0.08429,0.04244,-0.01353,-0.0557,-0.01315,-0.00394,0.05776,0.01822,0.06685,0.00143,0.00281,0.00113,0.02326,-0.04313,-0.02829,0.0317,-0.0221,0.11452,-0.04748,-0.07996,-0.01761,-0.04101,0.08527,0.00727,0.06154,0.00745,0.11052,-0.02129,-0.07437,0.08335,-0.0222,0.00674,-0.03735,0.00857,-0.01893,0.04483,0.10049,0.01401,0.00057,-0.02466,-0.0158,0.07897,0.03431,-0.09518,-0.0376,-0.11999,-0.07171,-0.09079,-0.01712,0.06023,0.05848,-0.00631,0.01749,0,0.02471,-0.04417,0.00222,0.12733,-0.00311,-0.00057,0.08219,0.05335,0.00786,0.06363,0.01634,0.0373,0.06714,0.00524,0.02727,0.03398,0.02391,-0.1073,0.05983,0.06119,0.04176,0.03497,0.09413,0.00514,0.01305,0.05722,0.05045,-0.01255,-0.03387,-0.03653,0.02846,0.00573,-0.02917,-0.01412,-0.05515,0.0259,-0.00609,0.17493,0.04595,-0.03461,0.09876,0.07799,-0.0061,-0.00282,-0.09709,-0.00627,-0.00683,0.03763,-0.15929,0.02284,-0.09912,0.02629,-0.01524,0.03647,-0.02634,0.01116,0.05811,-0.03219,-0.00702,0.03412,0.07924,-0.08959,-0.0292,-0.02547,0.06589,0.0448,-0.08321,-0.0462,-0.01068,0.07314,0.06138,0.03964,0.05033,-0.02521,0.00856,-0.0031,0.05499,-0.0491,0.0577,-0.02636,-0.03738,0.10197,-0.06436,0.03406,-0.05222,0.06203,-0.06678,-0.04153,0.09866,0.00682,-0.08244,-0.00488,0.00505,-0.04938,0.01268,0,-0.05503,0.02141,-0.01976,0.01846,0.02716,-0.0343,-0.02176,0.01379,-0.00192,0.01209,-0.0193,0.08469,0.02705,-0.01236,0.04186,-0.04314,-0.00266,0.01366,-0.05536,0.02827,-0.00797,0.01947,0.0558,0.08542,-0.00101,-0.07932,-0.02055,0.01774,0.03715,-0.00036,-0.07827,-0.00557,0.0638,-0.01938,-0.07425,0.08579,-0.10788,-0.00702,-0.0201,-0.00215,0.03722,-0.04267,0.00375,-0.02967,-0.11335,0.04915,0.00255,0.01013,0.0305,-0.01996,-0.06693,0.00684,-0.01965,-0.043,0.01132,-0.00666,-0.02632,-0.0355,0.06204,-0.01899,-0.05671,0.05347,-0.04256,0.01719],"keywords":"Auto Snap Auto Snap Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example. Example ::: ng-component <auto-snap</auto-snap [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.scss :::","excerpt":"Example ::: ng-component <auto-snap</auto-snap [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/auto-snap/example.scss :::"},{"chunkId":"/examples/auto-snap#3","slug":"auto-snap","route":"/examples/auto-snap","section":"examples","title":"Auto Snap","description":"Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example.","group":"Connections - Editing","vector":[-0.09513,-0.03756,-0.0838,-0.00726,-0.0354,0.00038,-0.0371,0.00511,-0.00666,0.0115,0.02963,0.09774,-0.01948,-0.0246,-0.02435,0.03667,-0.05608,-0.09348,0.02707,0.01177,-0.07337,-0.0941,-0.04674,-0.03878,0.0409,-0.04236,0.07886,-0.02559,0.00337,-0.01591,-0.00447,0.0399,-0.08378,0.03553,-0.12542,0.02681,0.00274,0.05481,-0.07163,-0.02359,0.09151,-0.10161,0.05818,-0.0706,-0.03021,0.03873,-0.06906,0.03583,0.00808,-0.01166,-0.14143,-0.05307,-0.07341,0.04299,0.01305,0.04633,0.04062,-0.03641,0.0013,0.02269,0.12833,-0.0482,-0.02186,0.03343,0.05108,0.00081,0.04515,0.03082,-0.02138,-0.03333,-0.00438,-0.04336,-0.06961,-0.00291,0.04559,0.00803,-0.03527,0.00918,-0.05184,0.03547,-0.09164,0.0784,-0.07113,0.05856,-0.01031,0.0914,-0.02119,-0.07173,-0.0032,-0.03878,-0.03964,-0.0349,-0.07153,0.02191,0.00766,-0.01175,0.05279,-0.04112,-0.10115,0.00421,0.04709,0.02043,-0.02649,-0.04108,-0.00398,-0.04297,-0.03217,-0.09087,0.02767,-0.00495,-0.04884,0.05686,-0.08399,-0.09651,-0.11534,-0.02202,0.02083,0.00754,0.07169,0.00848,-0.02407,0.08992,-0.01587,-0.00446,0.05909,0.02706,-0.03571,0,-0.00802,0.0249,-0.02287,-0.02073,-0.00288,-0.05371,-0.04936,-0.0413,0.06246,0.0701,-0.06365,0.09348,0.07038,0.00385,-0.02996,-0.14551,-0.01491,-0.011,-0.01818,0.02121,-0.02309,-0.04442,0.02758,0.0151,0.05952,0.04709,0.00677,0.05567,0.01544,0.02972,0.05498,0.05202,-0.02164,0.01673,-0.01418,-0.01696,-0.04635,-0.07682,-0.01376,0.00194,0.05462,-0.06506,-0.08286,-0.00399,-0.0047,-0.0438,0.01672,-0.00888,0.02921,0.00141,0.04772,-0.03503,-0.02083,0.02769,0.00455,-0.04925,-0.03006,0.04,-0.02746,0.10466,-0.04492,-0.07817,-0.00491,-0.02025,0.07478,0.03547,0.07866,-0.00353,0.13006,0.00245,-0.04284,0.07499,-0.02476,0.00101,-0.05677,0.01159,-0.05833,0.01771,0.10276,0.03581,-0.02423,-0.0087,0.03048,0.0195,0.01755,-0.04925,-0.02294,-0.10912,-0.05089,-0.02129,-0.0318,0.10631,0.06014,0.02901,0.0423,0,-0.03183,-0.05649,0.01648,0.08983,0.01861,0.01697,0.03355,-0.01218,-0.00776,0.0342,-0.01198,0.04477,0.08146,0.03848,0.01042,0.03847,0.00012,-0.12296,0.01495,0.08335,0.04058,-0.01087,0.11081,-0.02072,0.01672,0.01938,0.0576,-0.07298,-0.01774,0.00253,0.04818,0.03042,-0.02043,0.00939,-0.01272,0.08922,0.0414,0.12808,0.03842,-0.07282,0.02794,0.02254,0.02138,-0.02373,-0.07931,0.00119,-0.05548,0.07018,-0.20084,0.05609,-0.0819,0.04619,0.01645,0.01188,-0.03378,0.05034,-0.00722,0.00164,0.04341,0.04256,0.04812,-0.09856,0.00072,-0.01786,0.00539,0.0583,0.01164,-0.01918,-0.05795,0.06994,0.07066,0.08416,0.07328,-0.0543,-0.0031,-0.03919,0.07186,-0.10562,0.01322,-0.08014,-0.01735,0.08456,-0.06178,-0.00457,-0.08942,0.02219,0.00597,0.00252,0.05296,0.00876,-0.05469,0.01685,0.00307,-0.00509,-0.03045,0,-0.00653,0.03353,-0.00437,-0.00405,0.04406,0.01009,-0.02886,0.07161,0.00016,0.02515,-0.00236,0.05068,-0.02934,0.04304,0.06469,-0.00755,-0.00013,0.00076,-0.01928,0.01669,0.0329,-0.00022,0.05841,0.07427,0.0279,-0.02347,-0.00138,0.07549,0.02337,-0.01042,-0.08105,0.01688,0.05845,-0.00832,-0.0843,0.11936,-0.05329,-0.00905,0.00166,-0.00472,0.04376,0.00908,-0.03805,-0.02548,-0.09718,0.03489,-0.00416,0.00882,0.0286,0.00815,-0.02272,-0.0105,0.03524,-0.06833,0.00469,0.03068,-0.02853,-0.08009,0.09985,0.02906,-0.0677,0.08589,-0.03891,0.02985],"keywords":"Auto Snap Auto Snap Auto-snap connections to nearest ports or nodes. Magnetic behavior, UX tips and Angular example. Related docs - Snap Connection Docs - Drag to Connect Example","excerpt":"Related docs - Snap Connection Docs - Drag to Connect Example"},{"chunkId":"/examples/connection-types#0","slug":"connection-types","route":"/examples/connection-types","section":"examples","title":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve","description":"Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types.","group":"Connections - Appearance","vector":[0.01833,-0.05488,-0.10638,-0.01108,-0.09147,0.00625,-0.01812,0.1053,0.03841,-0.01967,-0.01078,-0.02352,-0.08516,0.01218,0.02204,-0.02227,-0.06965,-0.04767,0.03302,0.02248,0.01896,-0.09748,-0.02828,-0.01734,-0.05742,-0.01703,0.04319,0.03011,0.04739,-0.07195,-0.03371,0.05734,-0.05982,-0.00084,-0.05465,-0.04952,0.03324,0.02753,-0.0507,0.01759,0.06868,0.02942,0.06115,-0.00946,0.00641,0.05171,-0.12801,-0.00539,-0.07952,0.08253,-0.07061,-0.07128,-0.11777,0.04502,0.04343,0.03149,-0.04678,0.03456,0.03188,0.02783,0.03097,-0.01792,-0.01232,0.04336,-0.04341,0.04104,-0.05909,0.06058,0.02624,-0.03089,-0.06703,-0.01922,-0.01449,-0.08453,0.04846,-0.00917,0.05809,0.0627,-0.04352,-0.08479,-0.02858,0.08178,-0.01751,0.03367,0.04092,0.03536,0.03534,-0.09224,-0.00153,0.04973,0.04865,0.08116,-0.05091,-0.02052,0.04033,0.01924,0.01135,-0.0185,-0.01873,0.0174,0.02236,-0.10358,0.04586,0.06355,-0.02056,0.014,-0.01522,0.01296,-0.00754,-0.0142,-0.06861,0.02989,-0.01951,-0.09577,-0.03629,-0.03052,-0.10105,-0.01191,0.05272,0.03981,-0.03624,-0.01902,0.01918,-0.00254,0.01955,-0.00633,-0.06881,0,-0.07576,0.04345,-0.0117,0.04971,0.02075,0.04276,-0.02589,-0.03271,0.03765,0.07098,-0.02818,0.05226,-0.09697,0.03567,0.04552,-0.04995,0.03163,0.01546,-0.07221,0.04755,0.04192,-0.06948,0.00592,0.00491,0.14481,0.06697,-0.01356,0.07511,-0.08879,0.01412,0.03391,-0.03732,0.03826,-0.02243,-0.02994,-0.0128,-0.04041,-0.06194,-0.05538,-0.01414,-0.00811,-0.03909,-0.0593,0.01738,0.00254,-0.00066,-0.02172,0.03737,0.0034,0.01181,-0.04144,0.01702,0.0275,-0.00653,0.07206,-0.02121,-0.02718,0.08488,-0.0461,0.06827,0.01939,0.05228,-0.01345,-0.10343,0.03111,0.0462,-0.03402,-0.02815,0.04923,-0.0271,-0.11157,0.09065,-0.03686,0.04366,-0.02477,-0.00169,-0.07577,0.05934,0.08541,-0.00541,-0.08344,-0.00223,0.04565,0.02479,0.00661,-0.07399,0.02425,-0.01992,-0.02428,0.03178,0.08442,0.07517,0.03069,0.02984,0.052,0,-0.07217,0.08582,-0.00537,0.03973,0.05093,0.02816,0.09112,-0.012,0.04598,0.0144,0.08988,0.00189,-0.05576,-0.01847,0.03061,-0.02971,-0.08718,-0.07316,-0.00229,-0.02471,0.01871,0.01859,0.01096,-0.09783,-0.01837,0.0314,-0.05796,-0.02547,-0.01794,0.03184,-0.05215,0.01184,-0.01896,-0.03048,-0.01646,-0.03802,0.03314,0.02032,0.06759,-0.0507,0.03453,0.01194,0.04363,-0.03313,-0.0632,0.05153,-0.02827,-0.02615,-0.0484,0.04589,-0.04151,0.01253,0.00605,-0.02779,-0.05782,0.05214,0.02454,-0.05144,-0.08342,-0.01622,0.00147,-0.09546,0.07339,0.00629,0.04975,-0.03213,0.04787,-0.10911,0.01536,0.06093,0.04576,0.05532,-0.02684,-0.00499,0.03635,-0.04249,0.02871,0.0053,0.04896,0.05483,0.02283,0.13769,0.06767,0.10383,0.02528,0.07646,-0.05516,-0.0038,0.08061,0.066,-0.02496,0.02291,0.00325,0.05041,-0.01103,0,-0.12496,-0.06383,-0.06839,-0.04618,0.05424,0.03305,-0.12823,-0.0058,-0.04697,0.01631,-0.03443,0.10092,-0.03269,0.00868,0.0972,-0.03615,0.00225,-0.00524,0.00299,-0.054,-0.02084,0.00533,0.0129,0.10204,0.02626,-0.07889,-0.05959,0.08089,-0.01966,0.0072,0.00867,-0.0236,0.03169,0.08303,-0.02411,0.0607,-0.07035,0.04204,-0.07249,0.10322,0.08891,0.03074,0.01608,0.01902,0.05007,0.08987,0.01777,-0.02724,-0.09149,0.01832,-0.10377,0.05703,-0.01452,-0.00908,-0.01536,0.0059,0.01657,-0.01105,0.02739,0.05137,-0.14428,0.02457,0.03864,-0.03895],"keywords":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types. --- toc: false wideContent: true --- Connection Types wide Content","excerpt":"--- toc: false wideContent: true --- Connection Types"},{"chunkId":"/examples/connection-types#1","slug":"connection-types","route":"/examples/connection-types","section":"examples","title":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve","description":"Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types.","group":"Connections - Appearance","vector":[0.01933,-0.04324,-0.09308,-0.00395,-0.08494,-0.00668,-0.04315,0.08383,0.04022,-0.02329,-0.05138,-0.00591,-0.096,0.00195,0.06024,-0.01009,-0.05952,-0.03596,0.04327,0.00022,0.0125,-0.08491,-0.02135,-0.0378,-0.04477,-0.00647,0.03336,0.04757,0.05001,-0.06406,-0.02221,0.05418,-0.04557,0.01914,-0.0764,-0.02421,0.02498,0.03055,-0.04317,0.00682,0.07511,0.02093,0.05153,-0.02367,-0.01343,0.02427,-0.09889,0.00115,-0.0872,0.07491,-0.0652,-0.09461,-0.13173,0.05753,0.05936,0.05768,-0.03473,0.03731,0.03438,0.02121,0.02373,-0.05478,0.00757,0.03554,-0.04248,0.04212,-0.05104,0.03862,0.03536,-0.03499,-0.03904,-0.01925,-0.0246,-0.06405,0.01878,-0.01545,0.05895,0.06606,-0.05569,-0.06983,-0.03439,0.0681,-0.03007,0.05135,0.04491,0.04317,0.01271,-0.12819,0.00923,0.04471,0.03473,0.09922,-0.05133,-0.04053,0.05491,0.03673,-0.00941,-0.0161,-0.0348,0.01736,0.01769,-0.11307,0.04644,0.05449,-0.0051,0.01217,0.00543,0.0086,-0.03,0.01017,-0.06181,0.03767,0.00145,-0.07279,-0.04276,-0.04001,-0.09176,-0.01455,0.04257,0.10258,-0.03985,-0.01236,0.02979,-0.02996,0.01036,-0.02195,-0.05006,0,-0.0495,0.06366,-0.00877,0.0135,0.06394,0.03335,-0.01848,-0.04805,0.03886,0.04107,-0.06112,0.04228,-0.08183,0.05248,0.02704,-0.06046,0.0046,0.00848,-0.03879,0.03855,0.07375,-0.08429,-0.01151,0.00879,0.13724,0.04767,-0.00713,0.06129,-0.07677,0.01462,0.01919,-0.04353,0.03942,-0.0099,-0.04281,0.00769,-0.01959,-0.07185,-0.04519,-0.03664,-0.0125,-0.02418,-0.04753,0.00893,-0.00559,0.01529,-0.03149,0.02098,0.03628,0.02544,-0.02581,0.00037,0.07141,0.02019,0.08541,-0.04612,-0.01709,0.08036,-0.03279,0.07661,0.02356,0.06123,-0.01727,-0.07709,0.03708,0.07619,-0.03866,-0.0004,0.05669,-0.05128,-0.09308,0.1015,-0.02528,0.05562,-0.02002,-0.01696,-0.07625,0.04322,0.08324,0.00632,-0.09558,0.01551,0.02346,0.04175,0.03378,-0.06417,0.03164,-0.03544,-0.00629,0.04257,0.10609,0.0535,0.04641,0.0344,0.04972,0,-0.08608,0.08217,-0.00324,0.07483,0.0567,0.00418,0.0797,-0.02073,0.07087,0.01265,0.06679,0.02042,-0.03953,-0.04162,0.03658,-0.04511,-0.08592,-0.09556,0.02888,-0.04,0.01563,0.02157,-0.0154,-0.11397,-0.01676,0.03236,-0.04006,-0.02904,-0.0305,0.01348,-0.03249,0.02,-0.03742,-0.02823,0.0018,-0.01278,-0.00576,0.03291,0.10581,-0.05774,0.05497,0.01722,0.03416,-0.0122,-0.07797,0.07662,-0.02529,-0.02431,-0.05796,0.01744,-0.04643,0.03409,-0.01604,-0.01919,-0.05474,0.0541,0.02753,-0.0197,-0.07264,-0.00371,-0.01152,-0.07946,0.07373,0.04056,0.04194,-0.03483,0.04252,-0.09001,-0.00098,0.07077,0.02994,0.04464,-0.05218,0.02107,0.04647,-0.04627,0.06571,0.01883,0.04672,0.06792,0.0026,0.15284,0.0334,0.08589,0.01335,0.08148,-0.06749,-0.02288,0.07606,0.07974,-0.03955,0.0063,-0.00749,0.02619,-0.02856,0,-0.12716,-0.05694,-0.04863,-0.03256,0.06484,0.04049,-0.11624,0.02791,-0.02681,0.01976,-0.01824,0.08471,-0.0628,-0.00095,0.07441,-0.02676,0.00337,-0.00972,-0.01245,-0.07768,-0.04252,0.01004,-0.0088,0.0995,0.02622,-0.07154,-0.03317,0.0325,-0.0204,0.01755,-0.02492,0.00241,0.04939,0.09876,-0.04091,0.05143,-0.0795,0.05153,-0.07501,0.09989,0.09244,0.0119,0.03081,-0.00388,0.00434,0.08251,0.00215,-0.00763,-0.07029,0.01144,-0.0769,0.0541,-0.01992,-0.01676,-0.00968,0.01068,-0.01,-0.02832,0.05234,0.05295,-0.12792,0.01631,0.04349,-0.0379],"keywords":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types. Description Compare the built-in connection shapes in Foblex Flow and see how different edge styles change the readability of the same graph. This is the fastest entry point when you are choosing a default routing style for a node editor or workflow builder.","excerpt":"Description Compare the built-in connection shapes in Foblex Flow and see how different edge styles change the readability of the same graph. This is the fastest entry point when you are choosing a default routing style for a node editor or workflow builder."},{"chunkId":"/examples/connection-types#2","slug":"connection-types","route":"/examples/connection-types","section":"examples","title":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve","description":"Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types.","group":"Connections - Appearance","vector":[-0.02569,-0.00486,-0.12585,0.01747,-0.03097,0.03862,-0.00991,0.06587,-0.0114,-0.00654,-0.01657,0.01057,-0.07749,0.01219,0.03272,-0.02016,-0.0949,-0.03111,0.00805,0.0035,0.00548,-0.07687,0.0349,0.00588,-0.04327,-0.02392,0.02992,0.0212,0.06367,-0.04045,-0.00563,0.05081,-0.06823,0.00549,-0.05579,0.01373,0.01014,0.08049,-0.0272,-0.00537,0.09125,0.02245,0.07524,-0.06811,0.0356,0.0144,-0.13676,0.04372,-0.09009,0.03476,-0.05865,-0.1033,-0.10286,0.07577,0.04619,-0.00197,-0.04142,0.00408,0.04058,0.02967,0.00881,-0.06958,-0.01272,0.0193,-0.02243,0.02969,-0.05776,0.04118,-0.01563,0.04284,-0.03185,-0.00415,-0.04339,-0.08552,0.05448,-0.00505,-0.01979,0.10728,-0.03829,-0.0633,-0.00043,0.03364,-0.02224,0.05702,0.02339,0.04463,0.02088,-0.09695,0.02638,0.01219,0.03666,0.08199,-0.08062,0.00019,0.02266,0.05714,-0.04489,-0.00296,-0.04092,0.0588,-0.00906,-0.11095,0.04446,0.09752,0.01044,0.00862,-0.01422,0.05799,-0.03276,0.00631,-0.03583,0.03411,-0.00401,-0.07403,-0.02721,-0.06463,-0.03231,-0.00077,0.03804,0.06696,0.00373,-0.00259,-0.01688,-0.0214,0.02844,0.00424,-0.02379,0,-0.03195,0.06205,-0.03647,0.03855,0.03711,0.00229,-0.05635,-0.04603,0.01058,0.09304,-0.07557,0.0284,-0.07866,-0.02186,0.02987,-0.11058,0.05302,0.02916,-0.05933,0.03852,0.03311,-0.05329,-0.03174,-0.00932,0.13576,0.04004,-0.03746,0.06486,-0.08901,0.00204,0.07848,0.00708,0.05718,-0.05071,0.00445,-0.03441,-0.00459,-0.04615,-0.07812,-0.03538,0.05495,-0.01954,-0.04914,0.08298,-0.01036,-0.00217,0.01198,0.02819,0.06841,0.02867,-0.06887,0.06497,0.00619,-0.03375,0.07055,-0.03764,-0.02156,0.07318,-0.03918,0.05764,0.02885,0.02134,-0.00882,-0.09525,0.04442,0.00574,-0.03877,-0.01907,0.04956,-0.05404,-0.08693,0.11059,-0.03596,0.06574,-0.03249,-0.0042,-0.04598,0.09788,0.09927,-0.04636,-0.06149,-0.02851,-0.02594,0.05379,0.01038,-0.09228,0.03227,-0.05386,0.00252,-0.04318,0.06584,0.06803,0.02473,-0.01274,0.00674,0,-0.03249,0.05013,0.01972,0.07515,0.01698,0.02595,0.10074,0.04048,0.05182,0.04664,0.05805,0.01769,-0.01916,-0.04916,0.04162,-0.00117,-0.08008,-0.0955,0.04756,-0.01104,0.0085,0.07383,-0.01823,-0.06033,-0.01212,0.06708,-0.01207,-0.01179,-0.04123,0.0092,-0.05846,-0.0296,-0.07548,-0.01737,-0.03393,-0.02961,0.03856,0.08304,0.05465,-0.06369,0.09958,0.0679,0.00287,-0.00835,-0.06324,0.0217,0.03736,-0.00147,-0.08125,0.02163,-0.05208,-0.0051,-0.01442,0.00163,-0.06303,0.02465,0.03462,-0.09427,-0.07374,-0.01564,0.03219,-0.08794,0.01465,0.01072,0.07372,-0.00272,-0.0209,-0.11632,0.03046,0.03876,0.00514,0.01305,0.01989,-0.04151,0.06438,-0.0281,0.0701,0.00929,0.05475,0.04856,-0.01987,0.12798,0.03228,0.08446,0.03358,0.07458,-0.08363,0.00037,0.07252,0.06537,-0.06625,0.02362,-0.00902,0.04149,0.02867,0,-0.10731,-0.04806,-0.08479,-0.04241,0.06417,-0.01707,-0.09453,-0.04507,-0.06127,-0.00317,-0.04513,0.08635,-0.009,-0.01672,0.06195,-0.0277,-0.01551,0.02978,-0.06333,0.00222,-0.03544,0.00904,0.02005,0.07262,0.02544,-0.08874,-0.07804,0.05775,-0.00684,-0.0139,-0.0141,-0.00623,0.02189,0.06439,-0.0235,0.01652,-0.10929,0.02703,-0.03612,0.12005,0.07974,-0.01762,0.03896,0.02237,0.03293,0.07821,-0.00298,-0.00459,-0.06475,0.0302,-0.11042,0.03648,-0.02636,0.00767,0.00549,-0.05512,0.03155,0.03713,-0.00179,0.02369,-0.10518,0.00331,0.03015,-0.04974],"keywords":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types. Example ::: ng-component <connection-types</connection-types [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.scss :::","excerpt":"Example ::: ng-component <connection-types</connection-types [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-types/example.scss :::"},{"chunkId":"/examples/connection-types#3","slug":"connection-types","route":"/examples/connection-types","section":"examples","title":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve","description":"Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types.","group":"Connections - Appearance","vector":[0.00868,-0.05032,-0.10005,0.01343,-0.08975,-0.01582,-0.03616,0.14147,-0.01329,-0.01735,-0.02797,0.0028,-0.08552,0.00915,0.01854,0.00131,-0.06644,-0.00495,0.04488,0.00947,0.01752,-0.09136,-0.00569,-0.03181,-0.05568,-0.04126,0.06264,0.03755,0.0108,-0.0558,0.0046,0.01326,-0.06879,-0.02158,-0.066,-0.05185,0.026,0.02953,-0.03616,0.01131,0.03739,-0.00468,0.05499,-0.01686,-0.00382,0.0329,-0.0998,0.02703,-0.06626,0.08355,-0.06176,-0.08514,-0.13076,0.04147,0.04028,0.06126,-0.03928,0.04856,0.01451,0.01244,0.03111,-0.04378,0.00356,0.03941,-0.0771,0.04579,-0.05145,0.04648,0.04308,-0.01522,-0.05101,-0.02186,-0.01889,-0.08186,0.03269,-0.02281,0.06672,0.1025,-0.04003,-0.07814,-0.02829,0.05577,-0.01625,0.05115,0.06101,0.01463,0.02366,-0.07839,0.01597,0.03955,0.05432,0.08379,-0.05499,-0.04211,0.01411,0.01395,0.00889,-0.02916,-0.02189,0.04247,-0.00268,-0.09139,0.02617,0.06436,0.003,0.03941,0.00817,0.01319,-0.01845,-0.01358,-0.07551,0.01631,-0.00709,-0.07887,-0.067,-0.02549,-0.08954,-0.02518,0.0664,0.03411,-0.03927,-0.02193,0.03025,0.01501,0.02932,0.00523,-0.04974,0,-0.07287,0.09745,-0.03719,-0.01787,0.01164,0.03778,-0.02478,-0.04277,0.01377,0.0613,-0.06901,0.02602,-0.10087,0.0192,0.06773,-0.11786,0.03595,0.01779,-0.03803,0.00551,0.04016,-0.05428,0.00692,-0.02718,0.14343,0.05514,-0.01348,0.05391,-0.07392,0.01161,0.03217,-0.0409,0.02703,-0.03356,-0.03846,0.00313,-0.04701,-0.08559,-0.0567,0.00729,0.0142,-0.02624,-0.03355,-0.02065,-0.019,0.03402,-0.01972,0.03998,-0.02472,0.04437,-0.04612,0.01812,0.04538,-0.01336,0.07005,-0.05742,-0.04807,0.06754,-0.04132,0.08411,0.04084,0.026,-0.0001,-0.08579,-0.00356,0.02802,-0.01676,-0.00117,0.07496,-0.01,-0.09468,0.09445,-0.01978,0.05385,-0.02344,-0.00488,-0.07713,0.01621,0.0606,-0.0224,-0.1012,0.0226,0.02129,0.01232,0.0632,-0.06391,0.02703,-0.03422,-0.03279,0.00115,0.06627,0.07226,0.01967,0.05617,0.05826,0,-0.05702,0.0834,0.00835,0.06774,0.02632,0.04052,0.11125,-0.04323,0.08282,0.02198,0.02526,-0.00198,-0.01874,-0.04931,0.03468,-0.02813,-0.08855,-0.0826,0.01247,-0.03504,0.00064,0.02961,-0.02284,-0.09008,-0.01792,0.05201,-0.01577,-0.01019,-0.04569,0.02324,-0.04202,0.01113,-0.00768,-0.05298,0.00794,0.00889,0.00741,0.05776,0.08695,-0.04526,0.07641,0.02797,0.05498,-0.01247,-0.05105,0.06897,-0.03669,-0.01475,-0.08098,0.02546,-0.06014,0.00994,-0.01616,-0.0204,-0.05061,0.04253,0.02067,-0.017,-0.09058,-0.00074,0.01456,-0.10305,0.07329,0.04166,0.05056,-0.04197,0.03128,-0.09638,-0.00457,0.06708,0.04071,0.06811,-0.00193,-0.00142,0.05037,-0.07004,0.05976,0.02303,0.05886,0.0536,0.01053,0.12802,0.05151,0.0811,-0.0203,0.07876,-0.06059,-0.00129,0.07699,0.05139,-0.00758,0.03235,0.01922,0.05834,-0.02659,0,-0.10873,-0.05415,-0.05793,-0.00585,0.05604,0.0323,-0.09999,0.00632,-0.06334,-0.03067,-0.0161,0.11448,-0.04119,0.03692,0.06736,-0.0105,0.01758,0.02624,-0.01287,-0.03216,-0.04024,0.01331,-0.00934,0.12331,0.03762,-0.06975,-0.04873,0.06629,0.02817,0.01285,0.00385,0.00381,0.04052,0.10201,-0.03916,0.07426,-0.09451,0.06113,-0.07344,0.1179,0.09486,0.02615,0.01113,-0.00502,0.0306,0.07073,0.01109,-0.035,-0.08758,0.01692,-0.0718,0.05962,-0.00463,-0.01071,0.01194,-0.00327,0.01586,-0.0272,0.01896,0.04371,-0.12165,0.00527,0.05119,-0.0406],"keywords":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types. Built-in connection types - Straight for direct links with minimal routing logic. - Segment for orthogonal paths, with fOffset and fRadius to shape corners and spacing. - Bezier for smoother curved edges, also configurable with fOffset and fRadius. - Adaptive Curve for a route that adjusts automatically to direction and distance. Use the fType attribute on <f-connection to switch between them. f Offset f Radius f Type","excerpt":"Built-in connection types - Straight for direct links with minimal routing logic. - Segment for orthogonal paths, with fOffset and fRadius to shape corners and spacing. - Bezier for smoother curved edges, also configurable with fOffset and fRadius. - Adaptive Curve for a route that adjusts automatically to direction and distance. Use the fType attribute on <f-connection to switch between them."},{"chunkId":"/examples/connection-types#4","slug":"connection-types","route":"/examples/connection-types","section":"examples","title":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve","description":"Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types.","group":"Connections - Appearance","vector":[0.02141,-0.03127,-0.09831,-0.01335,-0.09795,0.00582,-0.01106,0.10106,0.02981,-0.02555,-0.01944,-0.02235,-0.08805,0.01719,0.03967,-0.01395,-0.08394,-0.02502,0.02905,0.01809,0.0094,-0.09173,-0.02787,-0.03065,-0.06134,0.00027,0.05978,0.05206,0.05608,-0.06375,-0.00834,0.04867,-0.04482,0.01656,-0.06921,-0.04801,0.01045,0.0462,-0.05122,0.01364,0.06552,0.01965,0.06758,-0.01965,0.01173,0.03978,-0.10748,-0.00068,-0.07645,0.07926,-0.06306,-0.08569,-0.11609,0.03634,0.04472,0.03729,-0.04511,0.02871,0.03172,0.02247,0.04725,-0.02839,-0.00363,0.03694,-0.06131,0.04856,-0.05768,0.07477,0.02692,-0.0131,-0.05249,-0.01729,-0.01688,-0.10419,0.02739,-0.01592,0.04497,0.07378,-0.04492,-0.07362,-0.04988,0.0607,-0.03236,0.05549,0.04747,0.03464,0.03168,-0.11463,0.00754,0.04102,0.04771,0.09619,-0.07211,-0.03292,0.062,0.03933,0.00703,-0.04152,-0.02054,0.02603,0.0072,-0.11277,0.02881,0.05805,-0.01344,0.0196,-0.0137,0.01734,-0.02733,-0.01574,-0.06516,0.03163,-0.0131,-0.08889,-0.02701,-0.02858,-0.09908,-0.01944,0.04467,0.04599,-0.03096,-0.00539,0.01592,-0.0186,0.02405,0.00383,-0.06326,0,-0.06552,0.06332,-0.02041,0.01913,0.03508,0.04257,-0.03039,-0.02985,0.04114,0.04799,-0.03803,0.0472,-0.08953,0.04106,0.03665,-0.05526,0.03285,0.01462,-0.06482,0.04015,0.05059,-0.07201,-0.00574,0.00504,0.12019,0.08136,-0.00565,0.05755,-0.08286,0.00637,0.04652,-0.03279,0.02498,-0.01943,-0.03985,0.01361,-0.02732,-0.04595,-0.0557,-0.02896,0.00537,-0.02727,-0.04494,0.01004,-0.00077,-0.00123,-0.01933,0.02518,0.01453,0.01549,-0.02684,0.01268,0.04451,-0.01163,0.06839,-0.03379,-0.04412,0.08882,-0.05073,0.05863,0.02404,0.03806,-0.00176,-0.09723,0.03256,0.06418,-0.02532,-0.01327,0.0527,-0.03842,-0.1122,0.10718,-0.04427,0.03489,-0.02353,0.00429,-0.07216,0.07002,0.08766,-0.00287,-0.0967,-0.00854,0.04801,0.00987,0.03371,-0.07318,0.02461,-0.03059,-0.01229,0.03352,0.06963,0.06678,0.03309,0.04617,0.06167,0,-0.07938,0.09243,0.0132,0.05077,0.06132,0.0348,0.08173,-0.00594,0.03126,0.01988,0.06035,0.01177,-0.04553,-0.01991,0.03445,-0.0396,-0.09838,-0.07214,0.01737,-0.02968,0.01879,0.03777,0.0008,-0.09746,-0.02503,0.04325,-0.0489,-0.03531,-0.00453,0.02429,-0.03827,0.00311,-0.03338,-0.04206,-0.0035,-0.00683,0.02011,0.0199,0.06721,-0.04771,0.04783,0.00272,0.03781,-0.02708,-0.0582,0.06374,-0.02236,-0.0099,-0.07134,0.03859,-0.06176,0.03628,-0.00854,-0.02608,-0.04603,0.04535,0.04529,-0.05133,-0.07415,-0.02341,-0.01683,-0.10181,0.07009,0.01503,0.04878,-0.02935,0.04264,-0.10915,-0.00432,0.07711,0.03452,0.06784,-0.03965,-0.0219,0.05447,-0.0427,0.03839,0.00823,0.05379,0.0601,0.01585,0.12907,0.0649,0.08993,0.01436,0.05704,-0.0637,-0.0195,0.08135,0.05946,-0.03385,0.01537,-0.01729,0.04965,-0.00779,0,-0.13389,-0.05678,-0.05532,-0.03542,0.0661,0.03386,-0.13329,0.01166,-0.04297,-0.00027,-0.02936,0.09353,-0.04238,0.00755,0.08012,-0.02263,-0.00031,-0.0041,-0.00503,-0.05642,-0.02407,0.00524,0.01062,0.11248,0.02566,-0.07836,-0.03778,0.05405,-0.01017,0.01219,0.01265,-0.01253,0.06171,0.11353,-0.02192,0.04472,-0.0855,0.0405,-0.06567,0.10066,0.08553,0.01771,0.01771,0.01076,0.04593,0.10444,0.01755,-0.02907,-0.07239,0.03401,-0.09544,0.05387,-0.00557,-0.00233,-0.0116,0.0176,0.01917,-0.0066,0.03613,0.04801,-0.14382,0.01154,0.03825,-0.03681],"keywords":"Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Different Connection types in Foblex Flow Charts – Straight, Segment, Bezier, Adaptive Curve Explore different connection types in Angular diagrams: straight, segment, bezier, and adaptive curve. Learn how to adjust offset and radius, and discover when each type works best. Includes visuals and a guide for creating custom connection types. Extend it If the built-in types are not enough, move to the Custom Connection Type example and build your own reusable edge behavior.","excerpt":"Extend it If the built-in types are not enough, move to the Custom Connection Type example and build your own reusable edge behavior."},{"chunkId":"/examples/custom-connection-type#0","slug":"custom-connection-type","route":"/examples/custom-connection-type","section":"examples","title":"Angular Diagram Example – Custom Connection Type in Foblex Flow","description":"Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning.","group":"Connections - Appearance","vector":[-0.04536,0.00034,-0.05996,0.03221,-0.08288,0.05604,0.04093,0.04091,0.01296,0.00051,-0.03364,0.00282,-0.08335,0.03002,0.07571,0.0201,0.03782,-0.03481,-0.03175,0.02015,-0.03151,-0.07008,-0.03864,-0.04573,-0.0697,-0.0103,0.05635,0.03517,0.09022,-0.03975,0.01634,0.10877,-0.07302,0.02987,-0.1027,0.03247,0.01812,0.05422,-0.07038,-0.00617,0.07915,0.01911,0.03731,-0.04079,-0.01891,-0.01674,-0.06807,-0.02193,-0.05775,0.02083,-0.04079,-0.07232,-0.08314,0.0365,0.03925,-0.00101,-0.0201,-0.03972,-0.03816,0.03629,0.00974,0.0187,0.00583,0.03176,-0.01906,0.01584,-0.0696,0.08386,0.01127,-0.01917,0.00058,-0.04688,-0.00893,-0.07351,0.016,-0.05301,0.01227,0.05191,-0.04982,-0.03254,0.00179,0.10995,-0.01307,0.03306,0.01596,0.07767,0.00552,-0.11965,-0.00039,-0.03557,-0.01007,0.0377,-0.02591,-0.04192,0.04659,0.02449,0.01155,-0.04639,-0.0616,0.04529,-0.00044,-0.07318,0.03239,0.02353,-0.03191,-0.01855,-0.01652,0.04201,-0.03509,-0.0503,-0.03654,-0.01565,-0.03873,-0.09361,-0.06245,0.00088,-0.09283,-0.01856,0.08412,0.08036,-0.01109,-0.04249,0.04853,-0.06557,0.04114,-0.02577,-0.06399,0,-0.01198,0.04885,-0.05349,0.03783,0.1001,0.01869,-0.02165,-0.08837,0.04094,0.01377,-0.00235,0.04757,-0.0777,0.06946,0.00301,-0.01328,-0.03329,0.01919,-0.00569,0.02081,0.06604,-0.00612,-0.05281,0.02835,0.058,0.10421,0.00857,0.04245,-0.05621,0.02325,0.12053,0.01734,0.03088,0.00342,-0.00157,0.00893,-0.02512,-0.07092,-0.04644,-0.04015,0.01522,-0.03499,-0.09642,0.04205,-0.00685,-0.01974,-0.00988,0.03304,-0.02898,0.01649,-0.01512,0.0297,0.02205,-0.02117,0.0353,-0.04867,-0.042,0.10764,0.01946,0.02672,-0.00241,0.02635,-0.02157,-0.04417,0.03716,0.07776,-0.01778,-0.07658,0.07176,-0.07463,-0.10484,0.1124,-0.06654,0.02683,0.02834,-0.04516,-0.04236,0.03471,0.07294,0.03275,-0.07543,-0.07027,-0.00092,0.06438,0.02188,-0.06117,0.01757,-0.06578,-0.02158,0.01529,0.04876,0.06671,0.01459,-0.0006,0.07139,0,-0.05901,0.04689,-0.03022,0.04373,0.09857,-0.03342,0.07664,0.03079,-0.01534,0.04248,0.08526,0.05762,0.01375,-0.00657,-0.00751,-0.04314,-0.06133,-0.13643,0.01714,-0.0074,0.0391,0.03736,0.01982,-0.1035,-0.0688,0.07267,-0.04873,-0.01948,0.01938,0.02723,-0.01342,0.00051,-0.02203,-0.03434,-0.06947,0.03623,0.00599,0.00286,-0.04677,-0.06591,0.03221,-0.01795,-0.0277,0.01639,-0.06695,0.01649,-0.08331,-0.06134,0.01231,-0.03152,-0.06724,0.02415,-0.01884,-0.02089,-0.03817,0.02216,0.10641,-0.00509,-0.05046,0.02863,0.05714,-0.10143,0.03613,0.03819,0.04086,-0.01203,-0.01,-0.09237,0.07418,0.07448,0.02965,0.0554,-0.02507,-0.02064,0.082,-0.02399,0.06603,0.01071,0.05454,0.10248,-0.08124,0.08315,0.03035,0.03884,0.08724,-0.00817,-0.10073,0.03483,0.04798,0.04787,-0.03569,0.01397,-0.04832,0.06514,-0.02186,0,-0.11598,-0.03697,-0.00783,-0.03881,0.03844,-0.02636,-0.09205,-0.03076,-0.02706,0.02928,-0.04097,0.10762,-0.03591,0.03942,0.13027,0.02852,0.0114,-0.03582,-0.04438,-0.03639,-0.01725,-0.01936,0.02243,0.11269,0.00906,-0.01001,0.01897,0.0606,-0.01764,0.05787,-0.00627,0.02539,0.04656,0.08319,-0.06514,0.04939,-0.10929,0.01099,-0.04181,0.02968,0.07049,-0.03151,0.00499,0.04048,0.09909,0.13474,0.0116,-0.03083,-0.07028,0.08376,-0.11537,0.03044,-0.08055,0.00789,-0.02451,-0.00424,0.05165,0.01164,0.02511,-0.0068,-0.08962,0.02897,0.02438,-0.0146],"keywords":"Angular Diagram Example – Custom Connection Type in Foblex Flow Angular Diagram Example – Custom Connection Type in Foblex Flow Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning. Custom Connection Type","excerpt":"Custom Connection Type"},{"chunkId":"/examples/custom-connection-type#1","slug":"custom-connection-type","route":"/examples/custom-connection-type","section":"examples","title":"Angular Diagram Example – Custom Connection Type in Foblex Flow","description":"Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning.","group":"Connections - Appearance","vector":[-0.03909,0.00159,-0.04808,0.01065,-0.07843,0.04391,0.0274,0.07743,-0.00267,0.00348,-0.06406,0.02307,-0.07148,0.02759,0.07649,0.02695,0.04763,-0.02128,-0.0027,0.0433,-0.02502,-0.06913,-0.03222,-0.04195,-0.08895,0.00649,0.06395,0.02424,0.05524,-0.05733,0.02757,0.06359,-0.06446,0.00693,-0.07068,0.00242,0.03714,0.03692,-0.06252,-0.01009,0.07854,0.00972,0.0225,-0.01965,-0.01706,-0.03073,-0.05132,-0.01073,-0.07569,0.03952,-0.0438,-0.07538,-0.10246,-0.00648,0.01024,0.01109,-0.01759,0.01346,-0.04242,0.05621,0.05749,-0.00738,-0.02114,0.0066,-0.03377,0.05348,-0.07416,0.06669,0.02079,-0.01001,0.01581,-0.04008,-0.01914,-0.07492,0.01482,-0.05054,0.02631,0.07048,-0.04725,-0.05223,-0.01844,0.11182,-0.00744,0.0473,0.039,0.06194,0.02906,-0.13075,0.03009,0.01727,0.02076,0.06078,0.0045,-0.06039,0.09096,0.0469,-0.01002,-0.04563,-0.04889,0.05258,-0.02331,-0.10353,0.03262,0.02268,0.00966,0.02682,-0.03043,0.03996,-0.01305,-0.01212,-0.02904,-0.01172,-0.06134,-0.07342,-0.07684,-0.0219,-0.0854,-0.02734,0.07147,0.06415,-0.02814,-0.02523,0.07283,-0.05451,0.04946,0.00829,-0.04939,0,-0.05542,0.06392,-0.04688,0.01268,0.06365,0.0302,-0.03656,-0.09997,0.01296,0.01334,-0.03356,-0.00535,-0.11652,0.05747,0.04569,-0.02481,-0.0082,0.00236,-0.00186,0.01255,0.03,-0.04691,-0.06446,0.04504,0.07716,0.03913,-0.00874,0.04173,-0.03481,0.01737,0.09481,-0.018,0.06996,-0.00661,-0.04004,0.05805,-0.03954,-0.07387,-0.0196,0.00584,0.01996,-0.02265,-0.07036,0.05257,-0.01332,0.00911,-0.00836,0.01839,-0.04299,0.00541,-0.01677,0.03386,0.07499,-0.01215,0.05086,-0.08064,-0.06592,0.11146,0.02932,0.04546,0.01975,0.03217,0.00976,-0.06376,0.01097,0.05911,-0.00966,-0.03822,0.03877,-0.09123,-0.10007,0.10093,-0.06161,0.04548,0.03125,-0.05725,-0.05069,0.05994,0.128,0.00731,-0.05413,-0.03791,0.02741,0.05293,0.05218,-0.06161,0.01521,-0.04586,-0.02328,0.01729,0.0711,0.08065,0.01079,0.04721,0.06775,0,-0.05527,0.03101,0.01636,0.03297,0.06821,-0.00907,0.03488,-0.00308,0.01934,0.03898,0.09557,0.04258,0.01136,-0.03374,-0.03132,-0.06528,-0.06891,-0.10447,0.04574,-0.00646,0.04216,0.01826,-0.0038,-0.088,-0.06635,0.04235,-0.05428,-0.01831,0.02289,0.01775,0.00325,-0.0019,-0.02488,-0.05475,-0.05186,0.01627,-0.02778,0.00661,0.01056,-0.09355,0.02444,-0.02167,-0.00543,0.00994,-0.04957,0.02121,-0.08421,-0.02794,-0.04304,-0.03688,-0.08846,0.08485,-0.01723,-0.01519,-0.05355,0.03932,0.08923,0.00734,-0.07384,0.01703,0.02641,-0.0799,0.05222,-0.01626,0.04629,-0.01451,0.02096,-0.08909,0.06775,0.04609,0.00066,0.03656,-0.06175,0.01251,0.09214,-0.04441,0.10246,0.01783,0.07716,0.08049,-0.07843,0.1236,0.0462,0.00506,0.06459,0.0187,-0.08024,0.01616,0.06896,0.0784,-0.02984,-0.01302,-0.02005,0.0608,-0.01726,0,-0.08656,-0.02488,-0.00696,-0.03643,0.01254,0.0063,-0.09357,-0.04554,-0.02171,0.00417,-0.05251,0.0957,-0.09904,0.06034,0.09525,0.02276,0.01784,0.00003,-0.04276,-0.02513,-0.03172,-0.00187,0.01517,0.13764,0.02048,-0.0369,0.01411,0.06748,-0.02259,0.075,-0.03322,-0.00275,0.02695,0.1346,-0.07559,-0.0039,-0.07844,0.02082,-0.038,0.04582,0.08566,-0.02873,0.04176,0.02619,0.06632,0.11139,0.03134,-0.00349,-0.07568,0.06968,-0.07982,0.02521,-0.06404,-0.01898,-0.02179,-0.00766,0.02924,-0.00021,0.00727,-0.0249,-0.12051,-0.00763,0.04109,-0.03496],"keywords":"Angular Diagram Example – Custom Connection Type in Foblex Flow Angular Diagram Example – Custom Connection Type in Foblex Flow Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning. Description This example shows how to define a custom connection type instead of relying only on the built-in edge styles. A custom type lets you control path geometry, visual styling, interaction rules, and how a specific class of connection behaves in your editor. That matters when connections carry meaning. Approval edges, fallback routes, data dependencies, validation paths, or system-to-system links often should not all look and behave the same. Using a custom connection type is the right step when standard straight, segment, or bezier edges are close, but not quite enough for the product semantics you need.","excerpt":"Description This example shows how to define a custom connection type instead of relying only on the built-in edge styles. A custom type lets you control path geometry, visual styling, interaction rules, and how a specific class of connection behaves in your editor. That matters when connections carry meaning. Approval edges, fallback routes, data dependencies, validation paths, or system-to-system links often should not all look and behave the same. Using a custom connection type is the right step when standard straight, segment, or bezier edges are close, but not quite enough for the product semantics you need."},{"chunkId":"/examples/custom-connection-type#2","slug":"custom-connection-type","route":"/examples/custom-connection-type","section":"examples","title":"Angular Diagram Example – Custom Connection Type in Foblex Flow","description":"Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning.","group":"Connections - Appearance","vector":[-0.04428,0.00283,-0.06404,0.04626,-0.00872,0.08291,0.01988,0.04149,0.01065,0.00722,-0.03814,0.02427,-0.05583,0.03228,0.05459,0.01161,-0.00586,-0.05203,-0.03443,0.02693,0.01457,-0.07523,0.00169,-0.02333,-0.03793,-0.01742,0.03199,0.02561,0.07893,-0.01969,0.02375,0.10112,-0.06825,0.03574,-0.05012,0.03829,0.02222,0.07364,-0.05242,-0.00444,0.09178,0.02385,0.04985,-0.06632,-0.00606,-0.03343,-0.0946,-0.04052,-0.07238,-0.00582,-0.04387,-0.06331,-0.07389,0.03971,0.04524,-0.00012,-0.03807,-0.06461,-0.00768,0.03469,-0.02982,-0.01113,-0.0042,0.0221,0.01866,0.04175,-0.08226,0.05522,-0.02653,0.02448,0.00548,-0.03945,-0.02543,-0.07355,0.04356,-0.05318,-0.01678,0.0884,-0.04008,-0.06783,0.01459,0.04875,-0.01839,0.03602,0.03094,0.09749,0.01451,-0.11886,0.00447,-0.00577,-0.01307,0.04418,-0.04308,0.00159,0.04051,0.03358,-0.03894,-0.0042,-0.07101,0.07203,-0.01692,-0.08792,0.05686,0.06882,0.02366,-0.01142,-0.00517,0.0794,-0.04805,-0.03238,-0.03827,-0.0046,-0.02156,-0.07726,-0.03957,-0.0292,-0.05031,-0.02991,0.06235,0.08481,0.03159,-0.02442,-0.00617,-0.05508,0.02972,-0.0204,-0.0267,0,0.01168,0.04603,-0.02991,0.03809,0.09773,0.00148,-0.05215,-0.09119,-0.00852,0.08654,-0.03762,0.03765,-0.08236,0.02448,-0.01527,-0.04932,-0.01614,0.03417,-0.04935,0.00611,0.03654,0.00302,-0.06802,0.01167,0.09193,0.03717,-0.02251,0.05635,-0.06435,0.00938,0.11314,0.04095,0.06432,-0.02358,0.00819,-0.00857,0.00801,-0.04678,-0.07636,-0.03519,0.04595,-0.03615,-0.07547,0.06886,-0.0098,-0.02265,-0.00806,0.01933,0.0018,0.0003,-0.0417,0.05802,0.00921,-0.02086,0.06459,-0.03914,-0.0195,0.10399,0.00674,0.04245,-0.00963,0.03176,-0.02755,-0.04526,0.05077,0.06645,-0.0471,-0.06323,0.06015,-0.09614,-0.09389,0.13947,-0.05216,0.04172,0.01169,-0.04238,-0.03136,0.0448,0.08346,0.03254,-0.06063,-0.09648,-0.03491,0.07698,0.0082,-0.09216,0.00714,-0.07004,0.00027,-0.05706,0.05469,0.0424,-0.01387,-0.05232,0.02908,0,-0.00567,0.05196,-0.0322,0.06643,0.04016,-0.01463,0.12564,0.07507,0.03111,0.07013,0.08064,0.05176,0.00146,-0.0582,0.01466,-0.02974,-0.06514,-0.1071,0.0542,-0.00734,0.03903,0.07071,0.00425,-0.06816,-0.03839,0.06103,-0.01196,0.03619,-0.01216,0.00407,0.00531,-0.01399,-0.07048,-0.00349,-0.07555,-0.00935,0.00502,0.04846,-0.01468,-0.04248,0.07792,0.02735,-0.02958,0.02318,-0.04563,-0.00847,-0.00168,-0.07131,0.00049,-0.06681,-0.06597,-0.01143,-0.03419,0.02663,-0.02603,-0.00561,0.09726,-0.03699,-0.07315,0.01633,0.10225,-0.09046,-0.00818,0.01446,0.07032,-0.02057,-0.06541,-0.08549,0.08342,0.03364,0.00581,0.00607,0.01458,-0.02397,0.08449,-0.02182,0.07253,0.03614,0.06988,0.0797,-0.07679,0.08308,0.01469,0.05279,0.0771,0.0188,-0.12681,0.04017,0.05123,0.03513,-0.06808,-0.00376,-0.02726,0.06289,-0.0067,0,-0.10133,-0.03419,-0.02702,-0.06751,0.04543,-0.03291,-0.06063,-0.08136,-0.03642,0.01195,-0.08676,0.09898,-0.01691,-0.00829,0.10466,-0.00918,-0.01865,-0.03182,-0.06848,0.00778,-0.04474,-0.01218,0.00314,0.10174,-0.00134,-0.03509,-0.03463,0.05513,-0.01731,0.03691,-0.01326,0.01398,0.03084,0.03409,-0.05165,0.02564,-0.13421,0.01068,-0.00709,0.0482,0.05997,-0.07578,0.01659,0.03656,0.08588,0.12335,0.01286,-0.01133,-0.05391,0.06031,-0.11824,0.02213,-0.09764,0.02164,-0.00647,-0.03898,0.05954,0.03031,0.01397,-0.03552,-0.04388,0.03607,0.02354,-0.0171],"keywords":"Angular Diagram Example – Custom Connection Type in Foblex Flow Angular Diagram Example – Custom Connection Type in Foblex Flow Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning. Example ::: ng-component <custom-connection-type</custom-connection-type [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.scss :::","excerpt":"Example ::: ng-component <custom-connection-type</custom-connection-type [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connection-type/example.scss :::"},{"chunkId":"/examples/custom-connection-type#3","slug":"custom-connection-type","route":"/examples/custom-connection-type","section":"examples","title":"Angular Diagram Example – Custom Connection Type in Foblex Flow","description":"Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning.","group":"Connections - Appearance","vector":[-0.04972,0.01155,-0.05659,0.03059,-0.0565,0.02766,-0.02617,0.02983,0.01578,0.02204,-0.05058,-0.01018,-0.10047,0.04665,0.09061,0.01918,0.04208,-0.0141,-0.01956,0.00151,-0.04045,-0.06015,-0.01506,-0.04413,-0.0474,0.01196,0.05036,0.05148,0.08649,-0.04873,0.03645,0.09577,-0.08834,0.05095,-0.09779,0.03831,-0.00675,0.07645,-0.02414,-0.02325,0.05158,0.03555,0.04996,-0.04176,-0.01372,-0.03575,-0.10222,-0.01172,-0.05335,0.03117,0.00075,-0.08327,-0.11098,0.01923,0.03794,0.02363,-0.03224,-0.0193,-0.02551,0.07072,0.00918,0.03525,0.0064,0.03391,-0.04131,0.0312,-0.05383,0.08484,0.01093,0.00969,0.03337,-0.04151,-0.04666,-0.07227,0.02043,-0.04706,0.01967,0.06813,-0.08507,-0.0413,0.00911,0.09619,-0.02831,0.04017,0.02187,0.06923,0.00518,-0.14071,0.00631,-0.01159,-0.00339,0.03976,0.04012,-0.04175,0.07026,0.03512,0.01848,-0.03727,-0.05848,0.04742,0.0006,-0.10134,0.02804,0.01845,0.0085,-0.00225,-0.01826,0.04711,-0.02866,-0.05835,-0.0301,0.02546,-0.04493,-0.08499,-0.079,-0.02899,-0.06037,-0.02979,0.09196,0.07586,-0.03621,-0.01629,0.02976,-0.06355,0.06563,-0.03986,-0.059,0,0.02924,0.04428,-0.05946,-0.02449,0.11125,0.04085,-0.05358,-0.08709,0.01489,0.01647,-0.01726,0.05305,-0.08351,0.07092,0.01142,-0.0036,-0.02213,0.01775,-0.00903,-0.00462,0.03534,-0.01322,-0.04964,0.07039,0.05314,0.11047,-0.00048,0.03403,-0.02486,0.02092,0.04982,0.02307,0.04184,0.00678,-0.03144,0.05549,-0.00981,-0.07131,-0.00938,-0.04382,0.02141,-0.00553,-0.07057,0.01381,0.00209,0.01552,-0.01437,0.00951,-0.02766,0.02129,-0.00374,0.03091,0.06312,0.03014,0.03431,-0.0757,-0.02591,0.10101,0.03829,0.06513,0.00698,0.01744,-0.03446,-0.01338,0.03947,0.08784,-0.02164,-0.04541,0.0448,-0.07961,-0.10615,0.12373,-0.06526,0.01662,0.00802,-0.05039,-0.07685,0.04311,0.08826,0.02728,-0.08941,-0.07938,0.00513,0.03744,0.02507,-0.0574,0.02291,-0.04544,-0.01234,0.01292,0.05849,0.07123,0.03115,0.03583,0.10583,0,-0.08182,0.0701,0.00811,0.04739,0.07119,-0.02059,0.0623,0.00141,-0.04966,0.03406,0.06874,0.03849,0.00192,-0.02543,-0.01751,-0.05097,-0.06687,-0.10643,0.00698,-0.00009,0.04877,0.02603,-0.02601,-0.08115,-0.01864,0.06802,-0.06886,-0.02925,0.01399,-0.01037,-0.01816,-0.00334,-0.01573,-0.0896,-0.02719,0.05626,0.00017,-0.01058,-0.02029,-0.02699,-0.0004,-0.01534,-0.05519,0.0158,-0.04192,0.05583,-0.10717,0.00817,-0.01516,-0.04397,-0.07854,0.04541,0.01268,-0.04207,-0.01933,-0.01872,0.11312,0.00424,-0.07212,0.00787,0.03383,-0.08825,0.02865,0.03036,0.01764,-0.02695,0.01723,-0.09651,0.05732,0.07575,0.02894,0.04194,-0.07826,-0.05099,0.10221,-0.02411,0.07999,0.00096,0.05552,0.09924,-0.07282,0.0757,0.04495,0.03296,0.04948,0.0164,-0.08442,0.04199,0.06176,0.07118,-0.06525,-0.01585,-0.06136,0.06812,-0.03009,0,-0.12218,-0.01287,-0.02604,-0.02748,0.02171,-0.00251,-0.06387,-0.00242,-0.02415,0.05455,-0.05884,0.11384,-0.07768,0.04884,0.07732,0.01152,0.01979,-0.01416,-0.01236,-0.01792,-0.00962,-0.03094,0.01427,0.09895,0.01103,-0.04849,0.00892,0.06803,-0.00173,0.08081,-0.03913,0.00385,0.05252,0.09795,-0.05365,0.00755,-0.0789,0.02425,-0.04738,0.03848,0.09442,-0.02176,-0.0122,0.03001,0.04965,0.1103,0.04628,-0.02077,-0.05609,0.04836,-0.11039,0.01742,-0.09556,-0.03164,-0.00367,0.01667,0.01928,0.00238,0.04282,-0.00996,-0.07276,-0.02495,0.00611,-0.0198],"keywords":"Angular Diagram Example – Custom Connection Type in Foblex Flow Angular Diagram Example – Custom Connection Type in Foblex Flow Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning. What this solves - Reusable edge behavior for one specific connection category. - Better visual distinction between different graph relationships. - A safer path to domain-specific graph UX without forking the whole editor model. This example is useful when you want a consistent custom edge type, not just one-off styling tweaks.","excerpt":"What this solves - Reusable edge behavior for one specific connection category. - Better visual distinction between different graph relationships. - A safer path to domain-specific graph UX without forking the whole editor model. This example is useful when you want a consistent custom edge type, not just one-off styling tweaks."},{"chunkId":"/examples/custom-connection-type#4","slug":"custom-connection-type","route":"/examples/custom-connection-type","section":"examples","title":"Angular Diagram Example – Custom Connection Type in Foblex Flow","description":"Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning.","group":"Connections - Appearance","vector":[-0.03849,-0.02557,-0.06877,0.03077,-0.07976,0.07884,0.05894,0.0253,0.00279,-0.02275,-0.01918,-0.00579,-0.08131,0.02675,0.07637,0.03816,0.02306,-0.02957,-0.0273,0.00472,-0.03437,-0.0766,-0.0435,-0.02978,-0.06395,-0.00993,0.05229,0.01151,0.09332,-0.02847,0.00696,0.07721,-0.09333,0.04158,-0.11012,0.03148,0.05067,0.0573,-0.07509,0.00839,0.09486,-0.0007,0.03572,-0.03236,0.00727,-0.01286,-0.05377,-0.0181,-0.07099,0.00213,-0.03817,-0.07682,-0.09154,0.04429,0.02014,0.00692,-0.00047,-0.00151,-0.02218,0.04136,-0.00753,-0.00349,0.00571,0.00933,-0.02828,-0.00938,-0.06804,0.0706,0.01164,-0.01211,-0.03145,-0.04039,-0.00613,-0.08573,0.00817,-0.01676,0.02658,0.06049,-0.03563,-0.07692,0.01771,0.11651,-0.01477,0.03396,0.02627,0.07671,0.00469,-0.13433,-0.01551,-0.01618,0.01181,0.04353,-0.04213,-0.03501,0.05739,0.031,-0.006,-0.03619,-0.0506,0.04317,-0.00337,-0.05233,0.01875,0.03375,-0.02577,-0.0022,-0.03659,0.0479,-0.01683,-0.04033,-0.0281,-0.01807,-0.0471,-0.12412,-0.06725,-0.02574,-0.07848,-0.00977,0.06885,0.08177,-0.02566,-0.04194,0.02428,-0.08225,0.02689,-0.01436,-0.03358,0,-0.02054,0.03709,-0.05345,0.04202,0.09621,0.02288,-0.04171,-0.07718,0.02845,0.01766,-0.00933,0.02081,-0.10752,0.07679,-0.01311,-0.01158,-0.01323,-0.00455,-0.00428,0.01667,0.06877,-0.02644,-0.0537,0.01709,0.07841,0.08472,0.01688,0.03149,-0.04887,0.01235,0.11123,0.00188,0.03243,-0.01428,-0.01205,0.00929,-0.03669,-0.07294,-0.03407,-0.0181,0.01402,-0.0442,-0.1003,0.03797,-0.01475,0.00341,-0.00053,0.03832,0.01713,0.01037,-0.04737,0.02251,0.01548,-0.02087,0.05572,-0.01856,-0.05945,0.13217,0.00842,0.00953,0.00097,0.03623,-0.02621,-0.03829,0.04338,0.06005,-0.0353,-0.06022,0.03243,-0.05999,-0.08231,0.11076,-0.06083,0.01834,0.001,-0.04442,-0.06071,0.04963,0.09492,0.02961,-0.10366,-0.06425,0.02189,0.0783,0.02754,-0.05675,0.00353,-0.08551,-0.00212,-0.01298,0.05163,0.06774,0.01586,0.00338,0.0504,0,-0.05726,0.06907,-0.02936,0.04613,0.09303,-0.0341,0.08285,0.03359,-0.00445,0.0812,0.10122,0.06628,0.0102,-0.01832,-0.0053,-0.03882,-0.07319,-0.08621,0.02342,0.00444,0.03755,0.01432,0.01416,-0.10752,-0.04638,0.02887,-0.0176,-0.02576,-0.00279,0.02399,-0.00071,0.01851,-0.02274,-0.03239,-0.07162,0.00528,0.02269,-0.00881,-0.03493,-0.05624,0.03214,-0.01337,-0.01095,-0.01718,-0.061,0.01718,-0.08512,-0.06242,-0.00636,0.00194,-0.05153,0.02597,-0.04335,0.00111,-0.05754,0.02326,0.0949,-0.00034,-0.03691,0.0078,0.04826,-0.10055,0.03143,0.03937,0.06123,-0.01246,-0.00203,-0.0869,0.08202,0.05984,0.04027,0.06192,-0.00884,-0.00777,0.07918,-0.03249,0.07864,0.0205,0.06098,0.07823,-0.04271,0.09466,0.03118,0.05169,0.10186,0.01479,-0.09294,0.04383,0.04612,0.06073,-0.04782,0.00673,-0.02141,0.03848,-0.04487,0,-0.12027,-0.04529,-0.02068,-0.07039,0.05602,-0.01709,-0.08765,-0.00778,-0.02667,0.06591,-0.04399,0.09733,-0.05288,0.01514,0.12185,0.03273,0.00764,-0.02729,-0.03921,-0.03183,-0.02675,0.00858,0.01346,0.13308,0.02512,-0.02597,0.04093,0.07549,-0.01289,0.04234,-0.02542,0.01438,0.04006,0.04066,-0.0697,0.07502,-0.10321,0.00917,-0.05068,0.05277,0.05206,-0.03521,0.03529,0.02099,0.1112,0.12869,-0.02515,-0.00367,-0.0847,0.07342,-0.1052,0.03438,-0.08365,0.0092,-0.00113,-0.03032,0.02905,0.01623,0.01627,-0.00875,-0.08681,0.03752,0.04383,-0.04731],"keywords":"Angular Diagram Example – Custom Connection Type in Foblex Flow Angular Diagram Example – Custom Connection Type in Foblex Flow Define a reusable custom connection type with its own rendering and interaction model. Useful when different edge classes carry different meaning. Related docs - Connection Component - Connection Marker Directive - Connection Types Example - Connection Gradients Example","excerpt":"Related docs - Connection Component - Connection Marker Directive - Connection Types Example - Connection Gradients Example"},{"chunkId":"/examples/connection-behaviours#0","slug":"connection-behaviours","route":"/examples/connection-behaviours","section":"examples","title":"Angular Diagram Example – Custom Connection Behaviours","description":"Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules.","group":"Connections - Appearance","vector":[-0.04316,-0.00045,-0.0641,0.03131,-0.07854,0.00386,-0.0505,-0.02207,0.01422,0.03742,0.03415,0.04987,-0.02308,0.04761,0.07676,0.05855,-0.02343,-0.04411,-0.04657,-0.05619,-0.04095,-0.07371,-0.02789,-0.06069,0.00782,-0.00694,-0.01758,0.03054,0.11343,-0.06445,-0.02484,-0.00721,-0.07036,0.01382,-0.13326,0.02306,0.01327,0.04258,-0.02106,0.03653,0.05257,0.0125,0.04136,-0.07004,-0.03673,0.00312,-0.15153,0.03894,-0.07669,0.03001,-0.07651,-0.07866,-0.09874,-0.0226,0.08352,-0.01426,-0.02481,0.01518,-0.00898,0.03199,0.04754,-0.0174,-0.02432,0.0449,0.01071,0.03462,-0.05085,0.07961,-0.02594,0.02824,0.00265,-0.04097,-0.06182,-0.07148,0.00087,-0.0208,-0.0717,0.08186,-0.06337,-0.0845,0.01626,0.04903,-0.05585,0.03305,0.02349,0.04418,-0.02977,-0.12976,0.02907,-0.03376,0.03312,0.05612,0.00129,0.01617,-0.01941,0.04395,0.01735,-0.00516,-0.06791,0.05944,0.00653,-0.07758,0.01068,0.03356,0.01674,0.01553,-0.03104,0.01451,-0.0055,0.02726,-0.0291,0.04101,-0.03739,-0.05596,-0.07554,-0.03583,-0.00472,-0.02207,0.04941,0.09079,-0.03218,0.00367,0.00192,-0.07613,0.03349,0.00169,-0.02482,0,0.03193,-0.01984,-0.0714,-0.03262,0.10389,-0.00275,-0.13306,-0.06586,0.03309,0.07946,0.02632,0.05819,-0.05184,0.04305,0.03591,-0.00392,0.05429,0.01036,0.02136,-0.00458,-0.01828,-0.05891,-0.04507,0.08431,0.08135,0.10298,0.03796,0.02353,-0.01099,0.01936,0.12143,0.0503,0.01503,0.02868,0.01419,0.0089,-0.03009,-0.06369,-0.03525,-0.01315,0.02618,-0.08239,-0.0892,0.04759,-0.04277,0.0371,-0.02439,0.01911,0.02433,0.03067,-0.06607,0.07041,0.00213,0.00446,0.05898,-0.02938,-0.06472,0.10389,0.00166,0.06546,0.01287,-0.01233,-0.01484,-0.05888,0.00885,0.05508,-0.05906,-0.07326,0.0788,-0.0777,-0.07308,0.06083,-0.03121,0.01296,-0.03644,-0.05743,-0.13779,0.03346,0.07038,0.00063,-0.05518,-0.07536,-0.00954,0.04107,-0.01737,-0.05315,0.03629,-0.04263,-0.02376,0.01843,0.06203,0.08285,0.08104,0.04589,0.11201,0,-0.0825,0.07743,0.02901,0.06195,0.04212,-0.01628,0.04764,0.02267,0.02375,0.09548,0.10966,0.03479,-0.00919,0.02107,-0.02369,-0.02121,0.00363,-0.0754,0.0314,0.01466,0.06509,0.05447,-0.02824,-0.04389,0.00523,0.06494,-0.07712,-0.09483,0.01305,0.0146,-0.03258,-0.0152,-0.0031,-0.03712,-0.02351,0.02178,0.02509,0.02133,-0.00257,-0.08741,0.01293,0.02498,0.00076,-0.0008,-0.01857,0.00694,-0.05859,-0.00953,-0.11004,-0.04501,-0.06959,0.03423,0.06281,-0.0434,-0.03017,0.01189,0.0783,-0.00898,-0.00475,-0.004,0.01912,-0.08945,-0.00274,0.00326,-0.00537,0.01473,0.03373,-0.12489,0.09522,0.05288,-0.00979,0.01333,0.01731,-0.04423,0.09292,-0.00952,0.06662,-0.03784,-0.00857,0.03278,-0.06838,0.08711,0.00705,-0.01725,-0.00684,0.02995,-0.05408,0.04104,0.05628,0.07363,-0.05481,0.02974,-0.04385,0.04487,0.00356,0,-0.06159,-0.01145,0.00749,-0.05239,0.07863,-0.00828,0.02174,-0.00436,-0.03048,0.08357,-0.01682,0.11474,-0.08397,0.00871,0.05897,0.00188,0.00842,0.0217,-0.01385,0.00488,-0.02682,0.01509,0.05124,0.12081,0.00589,-0.03548,-0.01668,0.05309,-0.06893,0.07616,-0.02485,-0.00337,0.07668,0.03506,-0.08301,0.00915,-0.10883,0.00239,-0.02478,0.03364,0.09763,-0.03359,0.01991,0.03399,0.04616,0.1128,0.03691,-0.02723,-0.00574,0.03032,-0.08288,-0.03748,-0.06789,-0.06398,-0.00803,-0.02438,0.06628,0.01259,-0.00636,0.00291,-0.05689,0.04302,-0.03137,-0.07525],"keywords":"Angular Diagram Example – Custom Connection Behaviours Angular Diagram Example – Custom Connection Behaviours Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules. Connection Behaviours","excerpt":"Connection Behaviours"},{"chunkId":"/examples/connection-behaviours#1","slug":"connection-behaviours","route":"/examples/connection-behaviours","section":"examples","title":"Angular Diagram Example – Custom Connection Behaviours","description":"Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules.","group":"Connections - Appearance","vector":[-0.01947,-0.04842,-0.0282,-0.01489,-0.03642,0.00341,-0.03328,0.01081,0.03751,0.00126,-0.00368,0.03432,-0.02712,0.04048,0.09519,0.0869,0.02107,-0.03612,-0.0651,-0.06748,-0.03184,-0.06199,-0.03071,-0.06366,-0.0725,0.02125,0.01249,0.02466,0.10418,-0.05527,0.00014,0.0352,-0.08888,0.03312,-0.06917,0.04043,-0.02128,0.05333,-0.05094,-0.00712,0.0826,0.00052,-0.00003,-0.08303,-0.00257,-0.02425,-0.11284,0.00976,-0.04335,0.02754,-0.07076,-0.04371,-0.08337,-0.03903,0.09007,0.00436,0.0109,-0.00146,-0.00254,0.02773,0.05031,-0.00894,-0.0189,0.02235,0.0084,0.04654,-0.02793,0.0778,-0.04105,0.0401,0.04771,-0.04498,-0.06766,-0.04616,-0.01121,0.02094,-0.0127,0.03189,-0.05208,-0.04148,-0.01922,0.06202,-0.08742,0.02984,-0.00121,0.04057,-0.03163,-0.13084,0.0757,-0.01624,-0.00469,0.04808,0.00487,-0.01506,0.03391,0.02165,0.03307,-0.01948,-0.08392,0.05958,-0.02499,-0.07157,0.0231,-0.0193,0.008,0.03106,-0.05528,0.0048,-0.01403,0.02384,-0.01692,0.05547,-0.0133,-0.02855,-0.09158,-0.0627,-0.02233,-0.03747,0.02045,0.10454,-0.04302,0.03439,0.02594,-0.0454,0.04354,0.00077,-0.04059,0,-0.00758,-0.00153,-0.03472,-0.03395,0.09412,0.01715,-0.07817,-0.06283,0.02914,0.06516,-0.00583,0.02499,-0.07719,0.05623,0.00442,0.02007,0.02062,-0.02731,0.00277,0.02191,-0.03112,-0.08487,-0.096,0.1279,0.01985,0.05504,0.02776,0.05638,0.04158,0.01324,0.06125,0.04778,0.07333,0.03274,-0.02568,0.05671,-0.03372,-0.09043,0.00669,-0.01181,0.00985,-0.02985,-0.04521,0.07288,-0.00834,0.02585,-0.06152,0.00963,-0.01676,0.01249,-0.01721,0.06522,0.11635,-0.03547,0.04248,-0.09636,-0.03365,0.06225,0.04958,0.11719,-0.05194,-0.02308,-0.01352,-0.01637,0.03648,0.09826,-0.05525,-0.03168,0.04137,-0.07371,-0.09596,0.0862,-0.05337,-0.00537,-0.00726,-0.09534,-0.10578,0.02357,0.08957,-0.00334,-0.02006,-0.01369,-0.00168,0.0178,0.00868,-0.03731,-0.02254,-0.03746,-0.0524,0.03031,0.08421,0.07324,0.06906,0.07979,0.13693,0,-0.10085,0.05786,0.06984,0.04094,0.08209,-0.03052,0.00632,-0.02562,0.01704,0.04317,0.10572,0.01826,-0.01279,-0.00376,-0.03302,-0.00296,0.01982,-0.07992,0.0678,0.02493,0.09077,0.04977,-0.0473,-0.04189,-0.03417,0.04244,-0.06654,-0.03133,0.03365,0.01803,0.01249,-0.02068,-0.00093,-0.06271,-0.02686,0.01589,0.01727,-0.02092,0.0339,-0.11249,-0.0348,0.00747,-0.01336,-0.00484,-0.01928,0.04247,-0.06069,-0.04704,-0.08221,-0.06323,-0.09229,0.07425,0.03259,-0.06332,-0.0443,-0.0042,0.09833,-0.02105,-0.01847,-0.02108,0.01644,-0.05838,0.03763,-0.00604,-0.02392,0.02672,0.05427,-0.12567,0.06388,0.01912,-0.01066,0.04915,-0.03239,-0.02953,0.07601,-0.03561,0.05175,-0.02715,0.01376,0.02912,-0.08552,0.0647,0.05845,-0.01864,-0.04059,0.03566,-0.08888,0.04596,0.05983,0.09184,-0.09384,0.00849,-0.05337,0.05171,-0.01154,0,-0.06345,0.00737,0.01684,-0.01057,0.02829,-0.00347,0.00308,-0.01218,-0.00231,0.04794,-0.01572,0.09861,-0.10988,0.02988,0.08757,0.00905,0.00207,-0.02262,-0.01735,0.01051,0.01616,0.02179,0.08354,0.1344,-0.00142,-0.08464,0.01466,0.04193,-0.03764,0.05178,-0.05601,-0.0313,0.07501,0.10495,-0.07767,-0.04637,-0.05535,0.01227,-0.01676,0.04448,0.07561,-0.01337,-0.01129,0.01586,0.02656,0.08381,0.05656,-0.04465,-0.01267,0.07009,-0.0407,-0.01201,-0.08973,-0.0745,0.00047,-0.04901,0.04073,-0.00167,0.0244,-0.0053,-0.07335,-0.02872,-0.00955,-0.05416],"keywords":"Angular Diagram Example – Custom Connection Behaviours Angular Diagram Example – Custom Connection Behaviours Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules. Description This example demonstrates how to apply different behaviors to different connections in the same Angular node editor. Not every edge in a product should behave the same way: some connections may snap aggressively, some may stay constrained, and some may need their own hover or rerouting rules. This matters once your diagram is more than a visual demo. Workflow builders, logic editors, and domain-specific graph tools often need edge behavior that depends on the source node, target node, or the meaning of that connection. Treating connection behavior as part of product logic usually gives a better result than trying to force every edge into one generic interaction model.","excerpt":"Description This example demonstrates how to apply different behaviors to different connections in the same Angular node editor. Not every edge in a product should behave the same way: some connections may snap aggressively, some may stay constrained, and some may need their own hover or rerouting rules. This matters once your diagram is more than a visual demo. Workflow builders, logic editors, and domain-specific graph tools often need edge behavior that depends on the source node, target node, or the meaning of that connection. Treating connection behavior as part of product logic usually gives a better result than trying to force every edge into one generic interaction model."},{"chunkId":"/examples/connection-behaviours#2","slug":"connection-behaviours","route":"/examples/connection-behaviours","section":"examples","title":"Angular Diagram Example – Custom Connection Behaviours","description":"Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules.","group":"Connections - Appearance","vector":[-0.06123,-0.00559,-0.06746,0.02581,-0.02491,0.02331,-0.02257,0.00747,0.02896,0.04242,-0.0068,0.05699,-0.03164,0.06434,0.07381,0.02714,-0.02347,-0.01381,-0.04754,-0.04052,0.01146,-0.068,-0.00812,-0.01956,-0.01891,0.00419,-0.0154,-0.00834,0.10866,-0.03474,0.01202,0.04514,-0.08008,0.02552,-0.11279,0.05244,0.01373,0.05163,-0.02438,0.02386,0.08266,0.02956,0.03432,-0.09818,-0.01974,-0.0184,-0.14286,0.01464,-0.08016,0.00031,-0.05076,-0.06584,-0.0928,0.01332,0.08935,-0.03741,-0.01009,-0.04003,0.02048,0.02259,-0.00485,-0.05161,-0.03552,0.03065,0.03857,0.03348,-0.08872,0.06723,-0.01713,0.05903,0.00726,-0.00886,-0.05668,-0.05941,0.02531,-0.02464,-0.08119,0.1116,-0.05712,-0.09888,0.03456,0.02787,-0.01907,0.02498,0.02597,0.07184,-0.00728,-0.11985,0.04844,-0.00568,0.00909,0.06745,-0.01413,0.01211,0.00429,0.03681,-0.04894,0.01218,-0.05466,0.06546,-0.0035,-0.09049,0.05196,0.07764,0.04111,-0.00551,-0.02051,0.03865,-0.02752,0.01309,-0.03716,0.05407,0.0123,-0.06288,-0.03686,-0.05581,0.00906,-0.01798,0.04716,0.10629,-0.0107,-0.0275,-0.01406,-0.07336,0.05804,0.02052,-0.00452,0,0.01654,-0.00784,-0.05755,0.00656,0.08498,-0.01071,-0.09586,-0.08301,0.02332,0.12993,-0.01068,0.06527,-0.0458,0.01206,0.00894,-0.04754,0.03592,0.0322,0.00612,0.01491,0.02537,-0.04786,-0.04129,0.07485,0.13085,0.01692,-0.00142,0.03007,-0.04941,0.00821,0.11975,0.06211,0.026,-0.00684,0.02723,0.00697,-0.01773,-0.04337,-0.06729,-0.03795,0.04597,-0.05923,-0.10938,0.07581,-0.02861,0.00106,-0.04498,-0.01521,0.05345,0.00638,-0.03152,0.08169,0.02053,-0.01232,0.06887,-0.03347,-0.03295,0.06197,-0.02933,0.08516,-0.00517,-0.02306,-0.02183,-0.05548,0.05674,0.03491,-0.04678,-0.04482,0.05577,-0.09251,-0.08494,0.09823,-0.06118,0.0068,-0.03451,-0.07634,-0.07207,0.04903,0.06206,-0.01486,-0.04037,-0.09068,-0.04297,0.08676,-0.0238,-0.06574,0.01431,-0.0776,-0.03173,-0.05663,0.074,0.03837,0.04155,0.00957,0.06669,0,-0.02051,0.04428,-0.0003,0.0987,-0.00418,-0.02599,0.08042,0.05316,0.0741,0.0916,0.07445,0.03378,0.00497,-0.02842,0.00972,-0.02306,-0.01035,-0.08567,0.06267,0.01145,0.04627,0.06566,-0.03936,-0.04437,0.02011,0.06016,-0.0494,-0.04084,-0.02898,-0.0034,-0.03632,-0.01479,-0.03747,-0.03007,-0.06619,-0.02628,0.02658,0.08658,0.01402,-0.04918,0.05778,0.08152,-0.0013,0.00414,-0.0194,0.02555,-0.03329,-0.0235,-0.08811,-0.04722,-0.06336,0.02073,0.01332,0.01726,-0.02239,-0.0149,0.10237,-0.03712,-0.04798,0.00205,0.0586,-0.06654,-0.02357,0.02147,0.01942,0.02011,-0.05327,-0.11292,0.10653,0.03288,0.01192,-0.01633,0.00566,-0.01987,0.08633,-0.01425,0.05994,-0.02693,-0.00388,0.0705,-0.07173,0.10759,0.00538,0.03737,-0.01213,0.05244,-0.10886,0.02093,0.08798,0.05624,-0.06277,-0.00281,-0.04752,0.01708,-0.00756,0,-0.093,-0.03136,-0.02169,-0.05829,0.06674,-0.00735,-0.01979,-0.03051,-0.01812,0.05479,-0.04611,0.12158,-0.02844,-0.04421,0.06344,-0.01439,0.01261,0.00603,-0.05354,0.02545,-0.03922,0.02592,0.02468,0.11473,0.01942,-0.06059,-0.02406,0.04046,-0.04009,0.0311,-0.02815,0.00069,0.0543,0.01562,-0.06391,0.02849,-0.13455,-0.00197,0.01172,0.0449,0.07842,-0.05851,0.04257,0.03,0.01238,0.09923,0.0083,-0.02144,-0.00084,-0.00143,-0.09264,0.01001,-0.08415,0.00704,-0.00005,-0.03515,0.03906,0.00461,0.01407,-0.01689,-0.02862,0.05633,-0.02443,-0.06881],"keywords":"Angular Diagram Example – Custom Connection Behaviours Angular Diagram Example – Custom Connection Behaviours Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules. Example ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.scss :::","excerpt":"Example ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-behaviours/example.scss :::"},{"chunkId":"/examples/connection-behaviours#3","slug":"connection-behaviours","route":"/examples/connection-behaviours","section":"examples","title":"Angular Diagram Example – Custom Connection Behaviours","description":"Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules.","group":"Connections - Appearance","vector":[-0.02822,-0.01543,-0.01861,0.02477,-0.06708,-0.00856,-0.05509,0.00691,0.00984,0.03064,0.02601,0.06593,-0.04282,0.07476,0.09139,0.03345,0.02916,-0.05493,-0.03962,-0.05195,-0.02761,-0.04909,-0.02073,-0.06084,-0.02581,-0.02336,-0.00501,0.02444,0.12484,-0.03073,-0.01811,0.02323,-0.08023,0.00638,-0.14544,0.04816,0.00135,0.06101,-0.02919,0.02081,0.04332,0.00657,0.02689,-0.06074,-0.02248,-0.03403,-0.16921,0.01412,-0.07509,0.0377,-0.04082,-0.05079,-0.08999,-0.02554,0.09534,-0.03355,-0.03538,0.02573,0.00666,0.0221,0.01077,0.00487,-0.01197,0.03809,0.01452,0.04127,-0.04655,0.09031,0.00492,0.02075,0.00025,-0.04351,-0.05206,-0.06493,0.00366,-0.02929,-0.05912,0.07909,-0.07381,-0.07244,0.02768,0.05034,-0.05386,0.02228,0.01429,0.08386,-0.03233,-0.13548,0.05248,-0.02079,0.04664,0.02777,0.01566,-0.00225,0.0068,0.02262,0.03325,0.01763,-0.07452,0.05007,0.03278,-0.06762,0.01812,0.02205,0.01642,-0.00226,-0.02869,0.00316,-0.0226,0.00107,-0.0263,0.03137,-0.02784,-0.06646,-0.08073,-0.01398,-0.00645,-0.01407,0.03788,0.09662,-0.08172,-0.00797,0.01652,-0.05613,0.04207,0.01192,-0.05051,0,0.02607,0.00206,-0.06638,-0.03575,0.07105,0.01141,-0.11375,-0.06024,0.04774,0.06906,0.03993,0.06776,-0.05512,0.05845,0.03391,0.03399,0.02416,-0.00486,0.02283,0.00443,-0.00601,-0.04673,-0.05448,0.10947,0.08136,0.08082,0.04001,0.05369,-0.00933,0.0087,0.0856,0.03884,0.03029,0.01652,0.00486,0.036,-0.04813,-0.05387,-0.01499,-0.01641,0.00679,-0.0611,-0.07889,0.04419,0.00952,0.03721,-0.03047,0.00848,-0.01121,0.01102,-0.03646,0.06813,0.0343,0.02595,0.06666,-0.0534,-0.03427,0.05966,0.02203,0.05635,-0.01842,-0.01009,-0.04344,-0.02901,0.01346,0.05564,-0.05751,-0.05892,0.06403,-0.0941,-0.10587,0.05827,-0.06537,0.00886,-0.01525,-0.08417,-0.12494,0.02673,0.07202,-0.0022,-0.0573,-0.05833,-0.0074,0.05204,-0.01723,-0.04399,0.02381,-0.0298,-0.0083,-0.00516,0.08919,0.07434,0.04362,0.08338,0.146,0,-0.06049,0.0741,0.01629,0.04609,0.03521,-0.03451,0.05093,-0.01577,0.02739,0.04662,0.11846,0.0289,-0.01473,0.00776,-0.03202,-0.02531,-0.02649,-0.06753,0.04229,0.01728,0.0654,0.02059,-0.03305,-0.04484,0.01648,0.04574,-0.07218,-0.07037,0.01564,0.01761,-0.01392,-0.01115,0.03065,-0.04515,-0.03308,0.00545,0.03588,0.01109,0.00133,-0.08767,-0.02793,0.02525,-0.00383,0.01625,-0.01428,0.05953,-0.08442,0.00092,-0.10466,-0.04154,-0.06514,0.02434,0.06,-0.06165,-0.02178,0.00267,0.0987,-0.00674,-0.02254,-0.00762,0.01254,-0.07614,0.01773,-0.00323,-0.04365,0.01465,0.03937,-0.12083,0.10015,0.04304,-0.00119,0.00885,-0.00366,-0.03848,0.10032,-0.02255,0.07881,-0.04807,0.00016,0.03718,-0.07179,0.08728,0.02687,0.00189,-0.03454,0.05844,-0.08219,0.06083,0.05072,0.0741,-0.05695,0.01237,-0.02063,0.04715,-0.02006,0,-0.08198,0.00199,0.01441,-0.05316,0.03633,-0.00653,-0.00554,-0.00366,-0.00351,0.08141,-0.03439,0.13166,-0.10145,-0.01373,0.09582,0.00613,0.0302,-0.01053,-0.02155,0.01625,-0.01843,-0.00402,0.01785,0.11416,0.02876,-0.03977,0.01801,0.0574,-0.09211,0.07034,-0.03158,-0.01404,0.07498,0.05725,-0.10255,0.00435,-0.09121,-0.02209,0.0068,0.02233,0.09705,-0.04248,0.01609,0.007,0.01399,0.09681,0.07605,-0.04439,-0.00781,0.05414,-0.108,-0.02584,-0.06235,-0.06394,-0.01859,-0.00041,0.06432,-0.02273,0.00486,-0.02496,-0.04763,0.03821,-0.0056,-0.06027],"keywords":"Angular Diagram Example – Custom Connection Behaviours Angular Diagram Example – Custom Connection Behaviours Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules. What this solves - Different interaction rules for different connection types. - Cleaner UX for mixed diagrams with strict and flexible edges. - A clearer path from generic diagrams to domain-specific editors. Use this pattern when your graph UI needs more than a single default connection behavior.","excerpt":"What this solves - Different interaction rules for different connection types. - Cleaner UX for mixed diagrams with strict and flexible edges. - A clearer path from generic diagrams to domain-specific editors. Use this pattern when your graph UI needs more than a single default connection behavior."},{"chunkId":"/examples/connection-behaviours#4","slug":"connection-behaviours","route":"/examples/connection-behaviours","section":"examples","title":"Angular Diagram Example – Custom Connection Behaviours","description":"Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules.","group":"Connections - Appearance","vector":[-0.02889,-0.03085,-0.04189,0.00033,-0.10378,-0.0004,-0.02334,-0.01074,-0.00152,0.0259,0.03438,0.06169,-0.01338,0.06355,0.06821,0.04528,-0.04426,-0.04359,-0.06009,-0.02603,-0.05097,-0.10464,-0.04,-0.06876,-0.0011,-0.00874,0.00918,0.01108,0.12373,-0.02949,0.00475,0.03069,-0.08071,0.00902,-0.12513,0.00612,0.01633,0.04602,-0.0327,0.03429,0.07038,-0.02718,0.02368,-0.05939,-0.01822,0.01624,-0.13814,0.03205,-0.06551,0.00256,-0.10455,-0.07117,-0.10352,0.01262,0.08026,-0.01535,-0.00738,0.03994,0.00173,0.00692,0.04661,-0.02532,-0.03836,0.0262,0.00464,0.04861,-0.03718,0.07984,-0.0337,0.0202,-0.02007,-0.02674,-0.03349,-0.07219,0.00426,-0.01454,-0.03147,0.08574,-0.07772,-0.05318,-0.00297,0.05571,-0.07804,0.00971,0.01632,0.05264,-0.009,-0.13799,0.01417,-0.043,0.01816,0.0478,0.02796,-0.00159,-0.01081,0.03991,0.0117,0.01439,-0.06887,0.05031,-0.01376,-0.06569,0.01559,0.02327,0.03077,0.00534,-0.03114,-0.02146,0.01052,0.02934,-0.02143,0.04054,-0.03918,-0.07665,-0.07191,-0.04819,0.00269,-0.00245,0.04665,0.05309,-0.05894,-0.00273,0.0052,-0.07173,0.06369,0.01608,-0.02159,0,0.01175,-0.01764,-0.06494,-0.02985,0.10239,0.00047,-0.1084,-0.06824,0.06104,0.06605,0.01025,0.03446,-0.04232,0.03785,0.02798,-0.0114,0.01866,-0.02005,0.04788,0.03429,-0.01041,-0.07026,-0.03418,0.08202,0.10013,0.06697,0.05444,0.01181,-0.00734,0.00595,0.11378,0.04844,0.02877,0.02392,0.00897,-0.01459,-0.03751,-0.06524,-0.03695,-0.01183,0.02799,-0.07228,-0.09304,0.02379,-0.02802,-0.00221,0.0016,0.029,0.04616,0.02568,-0.04458,0.04688,0.04015,-0.01049,0.03919,-0.03555,-0.06383,0.09903,-0.00168,0.08224,-0.03641,-0.04388,0.01072,-0.06432,0.03797,0.07876,-0.05609,-0.05545,0.07741,-0.08068,-0.09197,0.04372,-0.09516,-0.01084,-0.04619,-0.07151,-0.13833,0.04357,0.09194,-0.00817,-0.046,-0.07323,0.0041,0.06445,-0.0172,-0.03875,0.00994,-0.06339,-0.02068,-0.00621,0.02212,0.06467,0.09516,0.06171,0.13259,0,-0.07167,0.04997,0.00175,0.07703,0.05885,0.00273,0.047,0.00761,0.01156,0.09729,0.11049,0.03796,0.00862,0.00801,-0.05298,0.02518,-0.00779,-0.09319,0.01127,0.03736,0.04226,0.01557,0.00555,-0.05041,0.02564,0.05854,-0.02377,-0.06975,0.02724,0.00185,-0.0169,0.00955,-0.00566,-0.03479,-0.02567,0.00096,0.05052,0.0212,0.00498,-0.08491,0.02051,0.02185,0.02317,0.02152,-0.04147,0.02585,-0.04098,-0.01035,-0.15069,-0.01032,-0.07275,0.03599,0.03395,-0.00816,-0.03112,0.02204,0.07651,-0.02419,-0.01998,-0.01129,0.04111,-0.0956,0.01852,0.00493,0.02994,-0.00667,0.00271,-0.11471,0.05263,0.04442,0.00211,-0.0046,0.03118,-0.04697,0.0712,-0.03523,0.09106,-0.03382,0.02665,0.04313,-0.07025,0.09897,0.0008,-0.00927,-0.02821,0.0509,-0.03629,0.05575,0.05798,0.05375,-0.0745,0.03742,-0.03674,0.03103,0.01744,0,-0.05273,-0.01924,-0.01327,-0.05239,0.0811,-0.01857,-0.02966,0.00449,-0.02867,0.1205,0.00187,0.11193,-0.0928,0.00812,0.06858,-0.00189,0.0052,0.01041,-0.02843,0.02152,-0.01363,-0.0062,0.05576,0.14266,0.0316,-0.04477,-0.0135,0.03025,-0.04926,0.05898,-0.04311,-0.00719,0.09185,-0.00908,-0.09223,0.05792,-0.08234,0.01457,0.00262,0.0376,0.09077,-0.0242,0.0206,0.03127,0.0229,0.113,0.02337,-0.01381,0.01147,0.05887,-0.0793,-0.00899,-0.05708,-0.07266,-0.01688,-0.01923,0.03341,0.00912,0.06076,-0.00022,-0.05559,0.03848,-0.03517,-0.05315],"keywords":"Angular Diagram Example – Custom Connection Behaviours Angular Diagram Example – Custom Connection Behaviours Apply different behaviors to different connections in the same Angular editor. Useful for mixed graphs with strict and flexible edge rules. Related docs - Connection Component - Snap Connection Component - Connection Rules - Connection Types Example","excerpt":"Related docs - Connection Component - Snap Connection Component - Connection Rules - Connection Types Example"},{"chunkId":"/examples/connection-markers#0","slug":"connection-markers","route":"/examples/connection-markers","section":"examples","title":"Connection Markers","description":"Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts.","group":"Connections - Appearance","vector":[-0.05533,-0.02245,-0.04852,0.06349,0.0252,0.04952,0.02213,-0.03796,0.06153,-0.02261,-0.01416,-0.00355,-0.09884,0.04114,0.02144,0.05015,-0.04137,-0.0527,0.05874,-0.03604,-0.02945,-0.04247,-0.05298,0.035,0.04294,0.05677,0.01952,0.00141,0.06569,0.02421,-0.0309,-0.00428,-0.11779,0.02153,-0.10188,-0.00242,0.14471,0.05914,-0.02432,0.01016,0.13089,-0.02778,0.02618,-0.01421,-0.01314,0.05693,-0.11896,-0.01768,-0.08974,0.09598,-0.00626,-0.06816,-0.05778,0.00398,0.02693,-0.04951,0.01503,-0.01162,-0.00647,0.05299,0.00497,-0.02023,-0.02455,0.04412,-0.00314,-0.01035,-0.02706,0.0684,-0.03027,0.01065,-0.01259,-0.04678,0.01864,-0.05903,0.00041,0.00762,0.00422,0.00773,-0.01779,-0.03392,0.02574,0.08269,-0.01692,0.06362,0.01445,0.09516,-0.01956,-0.08292,0.01439,-0.0336,-0.04087,0.00817,0.00921,-0.00903,0.052,0.05231,-0.03286,-0.01412,-0.01461,-0.00512,0.06277,-0.04733,-0.00823,0.00008,0.03931,0.01017,-0.05615,0.03054,0.07356,0.00612,-0.00496,-0.012,0.03212,-0.06271,-0.11369,-0.00753,-0.09396,0.00716,0.03297,0.06181,-0.04898,-0.01209,-0.03191,-0.08366,0.04106,-0.00884,0.01224,0,-0.03357,0.001,-0.03006,0.03292,-0.00492,0.0383,-0.07695,-0.1408,0.01087,0.08488,0.01597,0.00063,-0.072,0.10492,-0.01021,-0.01779,0.05685,-0.05256,-0.044,-0.01291,-0.00589,-0.05457,-0.05065,-0.00104,0.10003,0.0581,-0.03047,0.08055,-0.03593,0.0017,0.09749,-0.00791,0.02695,-0.00017,0.02292,0.00163,-0.05504,-0.03879,-0.03098,0.03314,0.0455,-0.09386,-0.18756,0.07575,-0.03707,0.01534,-0.01708,-0.02309,0.01837,-0.03973,-0.05394,0.05422,-0.0674,-0.08807,0.03705,-0.03695,-0.03499,0.06483,-0.04429,0.00507,-0.05574,-0.00179,-0.01867,-0.08396,0.04056,0.02256,0.00501,-0.02146,0.01478,-0.0812,-0.05852,0.02532,0.02273,0.00801,-0.01332,-0.061,-0.0108,0.14912,0.07495,0.01861,-0.07622,-0.08662,0.04091,0.07196,0.02626,-0.09724,-0.03135,-0.07539,-0.0802,-0.01206,0.07508,0.11716,0.03591,0.03886,-0.00141,0,-0.03896,0.0455,0.02411,0.06098,-0.00755,-0.04925,0.10593,0.05459,0.0014,0.03417,0.10168,0.07006,-0.05935,-0.03317,0.02915,0.01314,-0.00774,-0.00261,0.06381,-0.01681,0.02929,-0.01529,-0.00169,-0.03654,0.02731,0.01578,-0.01188,-0.12554,-0.04803,-0.02001,-0.00461,-0.02362,0.03462,-0.03647,-0.04183,-0.02021,0.06871,0.01026,-0.04713,0.03468,-0.04198,0.00578,-0.03233,0.0001,-0.04116,0.02112,-0.05251,-0.03979,-0.07755,0.03532,0.0079,0.06195,-0.01603,0.01732,-0.0493,0.02169,-0.02653,-0.00545,0.00334,-0.03766,0.01245,-0.05784,-0.00191,0.00979,0.0878,0.03345,0.01855,-0.05674,0.0797,0.02153,0.01639,0.02636,0.04721,-0.04508,0.05199,-0.05252,0.03531,-0.05316,0.00093,0.00908,-0.03029,0.08467,0.01743,0.05065,0.12004,0.07215,-0.09425,-0.00198,0.03753,0.07628,-0.03512,0.05349,-0.03957,-0.00399,-0.01212,0,-0.0964,-0.01635,-0.04633,-0.12396,0.05853,0.02808,-0.06454,0.03793,0.01081,0.12887,-0.01525,0.06622,-0.06744,-0.04742,0.10474,-0.05292,-0.01195,0.04784,-0.02177,0.03155,0.00677,0.03792,-0.05092,0.12381,-0.01325,-0.0639,0.03793,0.09264,0.00621,0.02028,-0.03664,-0.00744,0.03147,-0.01458,-0.03053,0.046,-0.08049,-0.00604,-0.02023,0.09872,0.06102,0.00564,0.02613,0.01697,0.01948,0.08073,-0.00438,0.00659,-0.09348,-0.00424,-0.04976,-0.01841,-0.05958,0.00114,0.01763,-0.08738,0.04001,0.02879,-0.02,0.00046,-0.05859,0.02632,0.03634,-0.05624],"keywords":"Connection Markers Connection Markers Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts. --- toc: false wideContent: true --- Connection Markers wide Content","excerpt":"--- toc: false wideContent: true --- Connection Markers"},{"chunkId":"/examples/connection-markers#1","slug":"connection-markers","route":"/examples/connection-markers","section":"examples","title":"Connection Markers","description":"Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts.","group":"Connections - Appearance","vector":[-0.04522,-0.01788,-0.04136,0.05601,0.00857,0.05105,0.04645,0.04273,0.04189,-0.01873,0.00021,-0.00499,-0.0843,0.0376,0.08696,0.06329,-0.01391,-0.07653,0.03462,-0.0407,0.00394,-0.08072,-0.03275,-0.00608,-0.00915,0.01942,0.01697,0.04926,0.07534,0.00484,-0.01231,-0.00296,-0.10024,0.00424,-0.10746,-0.0046,0.11654,0.06511,-0.06431,-0.01873,0.11781,-0.05261,0.01048,-0.00731,-0.0188,0.02563,-0.06207,0.00566,-0.06803,0.07576,0.00454,-0.05967,-0.08209,-0.01481,0.07334,-0.00231,0.01255,-0.02275,-0.03928,0.02196,0.01039,-0.06067,-0.02671,-0.00042,0.00701,-0.01804,0.00865,0.01586,-0.01784,0.02951,-0.02115,-0.03957,-0.00319,-0.05577,-0.02885,0.05709,0.00202,0.06816,-0.01722,-0.05816,0.0286,0.1093,0.00451,0.0679,0.02209,0.07361,-0.05181,-0.11678,0.01731,0.0046,-0.01278,0.0198,-0.00458,-0.03267,0.0504,0.05819,-0.05396,-0.0267,-0.00216,0.03393,0.03423,-0.05401,-0.0068,-0.02098,0.03555,-0.00964,-0.07804,0.0162,0.0295,-0.00299,-0.03354,-0.01617,0.03403,-0.05355,-0.11281,0.01479,-0.1051,-0.00242,0.09272,0.07931,-0.04042,0.00574,-0.01326,-0.05784,0.02345,0.01444,-0.04091,0,-0.01439,0.04995,-0.05798,-0.00463,-0.02857,0.06032,-0.07057,-0.11974,0.00377,0.06586,0.00463,-0.01034,-0.05261,0.09605,0.02382,-0.03527,0.04339,-0.03456,-0.04156,-0.02971,0.00403,-0.04836,-0.06017,0.0009,0.09587,0.08038,-0.01999,0.08654,-0.06535,-0.00063,0.09937,-0.02539,0.01778,-0.00852,0.02749,0.00199,-0.04664,-0.07971,-0.03885,-0.00918,0.05976,-0.06209,-0.16764,0.09239,-0.02557,0.03924,-0.03549,-0.01872,0.03376,-0.02132,-0.03576,0.04743,-0.0386,-0.07556,0.03725,-0.04959,-0.06502,0.03589,-0.05135,-0.02548,-0.09036,-0.00781,0.00255,-0.06931,0.03036,0.056,0.00759,-0.017,0.01334,-0.08907,-0.01151,0.04735,0.03007,-0.00119,-0.00067,-0.03023,-0.02502,0.11729,0.07114,0.01152,-0.07094,-0.03478,-0.03029,0.03736,0.05007,-0.10512,0.01385,-0.09138,-0.06613,-0.03169,0.08796,0.12799,0.02418,0.09138,-0.01561,0,-0.03696,0.03373,0.03469,0.03508,0.01603,-0.02706,0.10249,-0.00187,0.01147,0.03753,0.0483,0.04414,-0.02188,-0.03985,-0.00204,-0.01209,-0.02487,0.00419,0.09504,-0.01213,0.0505,0.00821,-0.04438,-0.02325,0.02016,0.01992,0.00737,-0.14018,-0.06601,-0.00617,-0.0014,-0.04696,0.03606,-0.03097,-0.01158,-0.0228,0.05386,-0.02168,-0.01704,-0.00758,-0.00844,0.0221,0.01439,0.00244,-0.03107,0.04153,-0.03707,-0.03232,-0.09529,0.02173,-0.01749,0.08353,-0.02838,0.00678,-0.0725,0.01933,0.03045,-0.01241,-0.03001,0.00871,0.01699,-0.06693,0.02655,0.04164,0.05733,-0.01773,0.05017,-0.07482,0.05533,0.02125,-0.02185,0.03081,0.04209,-0.04359,0.0851,-0.02412,0.0855,-0.03973,-0.00927,0.01795,-0.08012,0.08002,0.02736,0.05538,0.08427,0.04026,-0.08211,0.01273,0.0455,0.06608,-0.03357,0.0425,-0.02398,0.03807,0.01207,0,-0.0904,-0.02193,-0.04774,-0.10105,0.05733,0.00125,-0.07392,0.01498,-0.03945,0.084,-0.04887,0.09551,-0.14262,-0.00374,0.07334,-0.04757,0.03894,0.02094,-0.03076,0.0348,-0.02582,0.02301,-0.05313,0.09792,-0.02084,-0.04494,0.08184,0.1028,-0.0056,0.0568,-0.05353,0.01,0.04111,0.05704,-0.07287,0.00208,-0.08349,-0.0062,-0.00197,0.11163,0.08766,0.01825,0.04502,0.01111,0.04502,0.11361,0.0031,-0.00719,-0.09795,0.01249,-0.05137,-0.05419,-0.03988,-0.01504,0.00792,-0.0515,0.04357,0.0427,0.03198,0.00596,-0.0273,0.01979,0.03788,-0.06773],"keywords":"Connection Markers Connection Markers Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts. Description This example now shows the three main ways to work with connection markers. - Use built-in shape markers when you want a quick default setup: <f-connection-marker-circle / and <f-connection-marker-arrow /. - Use custom svg[fMarker] when you need product-specific geometry, sizing, or branding. - Use EFMarkerType.STARTALLSTATES and EFMarkerType.ENDALLSTATES when the same marker should be rendered for both normal and selected connections. Markers are useful when the meaning of an edge matters: direction, approval, success or failure paths, or domain-specific relationship types. They let you add meaning to a connection without changing routing or building a custom connection renderer. In this demo: - The first connection uses the built-in circle and arrow markers. - The second connection uses custom SVG markers that apply to both normal and selected states. - The third connection shows the fully explicit mode, where normal and selected markers are defined separately. f Marker EF Marker Type","excerpt":"Description This example now shows the three main ways to work with connection markers. - Use built-in shape markers when you want a quick default setup: <f-connection-marker-circle / and <f-connection-marker-arrow /. - Use custom svg[fMarker] when you need product-specific geometry, sizing, or branding. - Use EFMarkerType.STARTALLSTATES and EFMarkerType.ENDALLSTATES when the same marker should be rendered for both normal and selected connections. Markers are useful when the meaning of an edge matters: direction, approval, success or failure paths, or domain-specific relationship types. They let you add meaning to a connection without changing routing or building a custom connection renderer. In this demo: - The first connection uses the built-in circle and arrow markers. - The second connection uses custom SVG markers that apply to both normal and selected states. - The third connection shows the fully explicit mode, where normal and selected markers are defined separately."},{"chunkId":"/examples/connection-markers#2","slug":"connection-markers","route":"/examples/connection-markers","section":"examples","title":"Connection Markers","description":"Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts.","group":"Connections - Appearance","vector":[-0.05688,0.00143,-0.07643,0.0569,0.01613,0.09417,0.01977,0.0132,0.04933,0.011,-0.05286,0.00575,-0.05868,0.03779,0.03958,0.02,-0.04415,-0.01643,0.03977,-0.04151,-0.00503,-0.05522,-0.01437,0.03994,0.02976,0.03593,-0.00039,0.0002,0.05252,0.03858,-0.02195,-0.01146,-0.06486,0.03865,-0.09897,0.00438,0.09872,0.07528,-0.02792,-0.00889,0.11812,-0.00674,0.03058,-0.0482,0.01235,0.03012,-0.09731,0.00241,-0.08113,0.07175,-0.01223,-0.06464,-0.05056,0.05345,0.06425,-0.06392,0.03497,-0.05729,-0.00053,0.04231,-0.03755,-0.05215,-0.02033,0.01427,-0.00094,0.02228,-0.06099,0.0729,-0.04232,0.02718,0.00028,-0.0216,0.01175,-0.06672,0.00298,-0.00825,-0.02801,0.04992,-0.0061,-0.0268,0.02259,0.04294,0.00672,0.07848,-0.01604,0.09072,0.00483,-0.06436,0.0043,-0.03638,-0.03645,0.05235,-0.0363,-0.02418,0.06406,0.05303,-0.08716,-0.01312,-0.01884,0.01889,0.03177,-0.06908,0.02314,0.02193,0.01709,0.00433,-0.05754,0.04246,0.03454,0.00871,-0.02581,0.0008,0.05995,-0.05719,-0.0586,-0.00884,-0.07692,-0.00997,0.03601,0.09087,-0.00557,-0.00628,-0.04879,-0.0914,0.06672,0.01657,0.0227,0,-0.00145,0.02404,-0.02903,0.03154,-0.00291,0.01829,-0.07026,-0.17168,-0.00314,0.09601,-0.01831,0.02656,-0.06009,0.06961,-0.0322,-0.0559,0.05655,-0.03626,-0.03244,-0.00365,0.02921,-0.06518,-0.03723,0.01366,0.14066,0.02791,-0.04194,0.08764,-0.05276,-0.01009,0.08529,0.01354,0.01359,-0.05956,0.0131,-0.04424,-0.02857,-0.01791,-0.04361,0.00936,0.08374,-0.06993,-0.1615,0.10099,-0.04084,0.01307,-0.03409,-0.04327,0.07861,0.00689,-0.02632,0.05148,-0.06063,-0.08037,0.05853,-0.0293,-0.02333,0.04177,-0.05955,0.03019,-0.04644,-0.00906,-0.00209,-0.08803,0.06418,0.00218,0.00305,-0.00007,0.02468,-0.08322,-0.05364,0.04059,-0.00364,-0.01613,-0.0063,-0.04236,0.01637,0.12996,0.04177,0.00546,-0.06646,-0.12363,-0.01412,0.08946,0.04148,-0.12467,-0.0406,-0.08353,-0.07752,-0.06757,0.07392,0.07352,0.00443,0.0207,-0.02495,0,0.00117,0.02817,0.04421,0.08809,-0.0132,-0.0488,0.11071,0.07436,0.03956,0.07945,0.04768,0.07358,-0.02291,-0.04421,0.03797,0.0176,-0.03252,0.00531,0.1026,-0.03617,0.0176,0.02679,-0.01426,-0.02857,0.02955,0.02901,0.02347,-0.0876,-0.04823,-0.05402,-0.02097,-0.06108,-0.0125,-0.02025,-0.04642,-0.03822,0.07461,0.03172,-0.04707,0.02609,0.03227,0.05955,-0.02624,-0.00589,-0.0325,0.03756,-0.03334,-0.03234,-0.08411,0.0232,-0.00989,0.02965,-0.02769,0.02599,-0.0592,-0.0128,0.03131,-0.01084,-0.01605,-0.02278,0.03621,-0.06895,-0.02469,0.02763,0.09689,0.00995,-0.01915,-0.06866,0.06033,0.03383,0.01496,0.02502,0.05204,-0.01586,0.09127,-0.00768,0.01762,-0.01166,0.02096,0.02598,-0.02532,0.10122,0.01654,0.06347,0.09281,0.08689,-0.11438,-0.01528,0.07185,0.04253,-0.06798,0.0344,-0.02043,-0.01569,-0.00345,0,-0.10324,-0.02006,-0.06205,-0.09928,0.04789,0.01739,-0.05668,0.00796,-0.00638,0.10335,-0.04149,0.0762,-0.01891,-0.06566,0.06918,-0.05664,0.00736,0.03701,-0.03415,0.02986,0.01619,0.04284,-0.03921,0.13273,-0.00531,-0.09793,0.01648,0.06776,-0.01022,0.01942,-0.03178,-0.00877,0.03658,-0.04351,-0.00269,0.01302,-0.13797,-0.01239,0.01377,0.08663,0.04359,-0.02862,0.03324,-0.00592,-0.00533,0.07259,-0.02014,-0.0136,-0.06595,-0.02188,-0.03877,-0.0215,-0.07724,0.04198,-0.01018,-0.07533,0.02616,0.04812,0.01102,-0.0185,-0.04603,0.03841,0.03856,-0.06112],"keywords":"Connection Markers Connection Markers Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts. Example ::: ng-component <connection-markers</connection-markers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.scss :::","excerpt":"Example ::: ng-component <connection-markers</connection-markers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-markers/example.scss :::"},{"chunkId":"/examples/connection-markers#3","slug":"connection-markers","route":"/examples/connection-markers","section":"examples","title":"Connection Markers","description":"Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts.","group":"Connections - Appearance","vector":[-0.05405,-0.01173,-0.03468,0.05012,0.00283,0.04766,0.03167,-0.02886,0.07169,-0.03422,-0.00488,0.00506,-0.09509,0.04407,0.04763,0.06146,-0.05519,-0.04051,0.06604,-0.0398,-0.02377,-0.04127,-0.05673,0.02809,0.03939,0.07215,0.02117,0.00365,0.07926,0.0373,-0.03029,-0.02253,-0.10199,0.02538,-0.11584,0.01132,0.13391,0.05685,-0.03975,0.01385,0.12233,-0.03282,0.03214,-0.00855,-0.02373,0.05562,-0.09717,-0.01777,-0.08826,0.08106,-0.02089,-0.06929,-0.03972,0.01135,0.03917,-0.05223,0.02577,-0.00905,-0.01771,0.04281,-0.00088,-0.02455,-0.01648,0.02721,-0.01186,-0.00838,-0.00642,0.07439,-0.03359,0.00428,-0.02061,-0.03878,0.02296,-0.08005,-0.03168,0.01383,0.01937,0.01796,0.00381,-0.04629,0.02261,0.07633,-0.01742,0.06437,0.01922,0.10779,-0.02573,-0.09261,0.01754,-0.02319,-0.04733,0.00867,0.00668,-0.03047,0.05124,0.05872,-0.03788,-0.00713,-0.00573,0.00068,0.06234,-0.03799,-0.00546,-0.00697,0.02883,-0.00385,-0.06783,0.01856,0.06254,0.00609,-0.02261,-0.01589,0.03934,-0.04781,-0.10464,0.01552,-0.09618,-0.005,0.04682,0.07643,-0.03742,-0.01413,-0.03935,-0.09703,0.02885,0.01592,0.00235,0,-0.02727,-0.00023,-0.0452,0.00885,0.00037,0.03416,-0.08846,-0.1438,-0.00341,0.05341,0.00076,-0.00764,-0.06688,0.11588,-0.02457,-0.01302,0.06335,-0.05127,-0.01564,-0.00533,0.02089,-0.04554,-0.05067,-0.00632,0.08783,0.085,-0.01574,0.06633,-0.04941,-0.01316,0.11599,-0.00501,0.00104,-0.02889,0.01973,-0.00143,-0.02769,-0.04337,-0.03329,0.01766,0.06861,-0.09432,-0.1888,0.07681,-0.03748,0.01757,-0.02509,-0.03891,0.0494,-0.02591,-0.05574,0.04338,-0.07315,-0.08939,0.04451,-0.02728,-0.05638,0.05219,-0.06956,-0.01915,-0.06111,0.01169,0.00538,-0.10004,0.0629,0.02564,0.01971,-0.00286,0.00949,-0.07298,-0.03332,0.02198,0.0096,-0.01374,-0.00895,-0.04588,-0.00838,0.14673,0.06662,0.02875,-0.08645,-0.11079,0.02951,0.07476,0.04708,-0.06676,-0.01269,-0.08949,-0.07449,-0.01636,0.07209,0.10052,0.03062,0.04601,-0.00403,0,-0.04256,0.02929,0.03941,0.06612,0.00054,-0.03846,0.09653,0.05168,-0.00348,0.03656,0.05941,0.08194,-0.04332,-0.01772,0.02548,0.03019,-0.03077,-0.00271,0.07456,-0.02308,0.02579,0.0074,-0.00021,-0.03095,0.03133,-0.00759,0.01607,-0.12921,-0.057,-0.03727,-0.00698,-0.02915,0.02051,-0.02222,-0.03562,-0.00632,0.07744,-0.00999,-0.05454,0.02634,-0.03031,0.0131,-0.02155,-0.00126,-0.03796,0.0412,-0.05816,-0.0367,-0.09046,0.03969,0.01172,0.06096,-0.03023,0.01775,-0.062,0.02543,-0.01034,0.00082,-0.01013,-0.02822,-0.00324,-0.05979,-0.0055,0.01842,0.08194,0.01534,0.00888,-0.0639,0.06035,0.01641,0.00978,0.04064,0.05846,-0.03446,0.07465,-0.04483,0.03117,-0.02045,0.0001,0.01332,-0.01965,0.08538,0.00979,0.04704,0.10769,0.07264,-0.09046,-0.00448,0.02606,0.06034,-0.04717,0.06683,-0.0518,0.01235,-0.00564,0,-0.08307,-0.01318,-0.03401,-0.13284,0.06358,0.02574,-0.07916,0.04561,-0.00895,0.12628,-0.03832,0.06323,-0.0646,-0.04336,0.07954,-0.03677,0.00233,0.03887,-0.01491,0.03358,0.01862,0.02282,-0.04995,0.13745,-0.02007,-0.06475,0.06627,0.07163,-0.01107,0.01561,-0.04582,0.0236,0.05105,-0.0215,-0.02194,0.03225,-0.08583,-0.02688,-0.00047,0.09839,0.06854,-0.0219,0.0327,0.00115,0.00545,0.09126,-0.0135,-0.01378,-0.0829,-0.00035,-0.03239,-0.03003,-0.04494,0.02045,0.01347,-0.07828,0.03853,0.02174,0.0087,0.00297,-0.04271,0.03246,0.05145,-0.05657],"keywords":"Connection Markers Connection Markers Use built-in or custom SVG connection markers, including normal and selected-state variants, in Angular flowcharts. Related docs - Connection Marker Docs - Connection Content Example","excerpt":"Related docs - Connection Marker Docs - Connection Content Example"},{"chunkId":"/examples/connection-content#0","slug":"connection-content","route":"/examples/connection-content","section":"examples","title":"Angular Diagram Example – Connection Content on Edges","description":"Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts.","group":"Connections - Appearance","vector":[-0.01572,-0.01135,-0.11683,0.01346,-0.04248,0.07026,-0.01059,0.05613,0.03909,0.05855,-0.01407,0.01889,-0.05534,0.05838,0.06543,0.02374,-0.02479,-0.01717,0.00637,-0.0382,-0.06833,-0.03208,0.00583,-0.03219,-0.00074,0.06212,0.00704,0.01515,0.07825,-0.04167,0.01271,-0.0178,0.00838,0.0336,-0.13055,0.0507,0.01872,0.02232,-0.03157,-0.00151,0.09758,0.03584,0.02701,-0.07029,-0.00956,0.02225,-0.11521,0.00804,-0.06028,0.09721,-0.09963,-0.11544,-0.07072,0.04632,0.02667,-0.03107,-0.00233,-0.06737,0.02794,0.03789,0.06765,0.01693,0.01086,0.06769,-0.00982,-0.0093,-0.07116,0.13963,-0.0387,-0.02897,0.01194,-0.05415,0.01758,-0.04508,0.01329,-0.05893,-0.00982,0.07071,-0.04752,-0.05577,0.01457,0.09366,0.02472,0.06642,-0.07642,0.06583,0.02134,-0.06849,-0.04584,-0.07562,0.00105,0.02391,-0.00069,-0.02494,0.08518,0.0333,-0.04461,-0.04325,-0.09013,0.00229,0.0175,-0.08046,0.00247,0.0044,-0.01993,0.00625,-0.08215,0.0182,0.00948,-0.01733,-0.01992,0.02206,-0.06871,-0.08664,-0.07604,-0.03306,-0.09586,-0.03631,0.03967,0.0381,-0.00832,0.02768,-0.00384,-0.04859,0.05665,-0.00543,-0.02044,0,0.00683,0.00978,-0.03873,0.04726,0.06145,-0.00964,-0.06444,-0.12704,0.05191,0.07,-0.00422,0.03646,-0.08729,0.04005,-0.0659,-0.09097,-0.00367,0.02169,0.00962,0.01233,0.03073,-0.07565,-0.02338,0.04502,0.07885,0.08267,0.00807,0.0327,-0.06582,-0.00167,0.09192,0.02747,0.03396,-0.0201,0.01434,-0.04239,-0.06297,-0.05072,0.00319,-0.0006,0.05014,-0.08845,-0.12873,0.02407,-0.01299,0.00631,-0.04225,-0.03258,0.06842,0.05532,0.00143,0.0455,-0.01142,-0.04151,0.07009,-0.0568,-0.10079,0.07365,0.00466,0.02264,0.02896,0.02379,-0.0152,-0.09666,0.07412,0.05074,0.01253,-0.05277,0.07495,-0.06489,-0.09774,0.01195,0.00524,0.00784,-0.00461,-0.00503,-0.03984,0.05479,0.03381,0.03511,-0.05327,-0.12462,0.02886,0.048,0.04289,-0.08063,0.03455,-0.0743,-0.00738,0.00619,0.09428,0.07824,-0.02568,0.03758,0.09388,0,-0.03904,0.05376,0.01849,0.05148,0.0591,-0.03947,0.06182,0.04549,0.00842,0.06231,0.06066,0.04781,-0.03652,-0.02089,-0.03325,0.00837,0.00609,-0.05448,0.0363,-0.04781,0.02215,0.04984,-0.02728,-0.0923,-0.01219,0.08807,-0.01571,-0.07078,0.03667,0.01159,-0.00101,-0.04384,-0.01013,-0.05431,-0.0299,-0.01706,0.0689,0.0286,-0.03351,-0.07485,0.01938,-0.0045,-0.00884,-0.00866,-0.04432,0.01782,-0.07043,-0.04864,-0.06541,0.01209,-0.03082,0.04714,0.01841,-0.05456,-0.02456,0.0195,0.07618,0.02895,0.00655,-0.01222,0.00235,-0.0387,0.03519,-0.05655,0.03621,0.04021,0.01479,-0.09059,0.03034,0.05821,0.00122,0.05212,0.01763,-0.023,0.12629,0.05175,0.02224,0.00072,0.03558,-0.00138,-0.00488,0.07509,-0.0138,0.07744,0.08957,0.03302,-0.05598,-0.03639,0.06631,0.06125,-0.05646,0.00059,0.00781,0.05797,0.0249,0,-0.10028,-0.01351,-0.0438,-0.04942,0.01124,0.03746,-0.03987,-0.00157,-0.01262,0.04223,-0.01458,0.13533,-0.04185,-0.02354,0.08919,0.01187,-0.00644,0.01574,0.0256,-0.04455,0.04628,0.02628,0.05549,0.11257,0.0033,-0.02551,-0.00917,0.05666,-0.05479,0.00746,-0.00917,-0.02917,0.06753,0.04301,-0.00846,-0.05118,-0.12325,-0.035,-0.06384,0.00115,0.08827,0.01956,0.03717,0.00974,0.01494,0.11925,-0.0232,-0.03302,-0.08226,0.02142,-0.07384,0.0032,-0.0642,0.01165,-0.02277,0.00177,0.02731,0.01499,-0.02453,-0.00437,-0.12343,0.08316,0.02767,-0.06623],"keywords":"Angular Diagram Example – Connection Content on Edges Angular Diagram Example – Connection Content on Edges Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts. Connection Content","excerpt":"Connection Content"},{"chunkId":"/examples/connection-content#1","slug":"connection-content","route":"/examples/connection-content","section":"examples","title":"Angular Diagram Example – Connection Content on Edges","description":"Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts.","group":"Connections - Appearance","vector":[-0.0158,-0.03043,-0.09922,0.04636,0.01522,0.06335,0.01036,0.07685,0.07491,0.01518,-0.01872,0.08543,-0.08579,0.03081,0.07211,0.01134,0.00721,-0.04892,-0.00065,-0.00429,-0.08871,-0.03501,0.025,-0.05267,-0.00718,0.02885,0.00472,0.01976,0.07926,-0.0644,0.04487,0.01326,-0.02996,0.05994,-0.14604,0.06598,0.069,0.01327,-0.07068,-0.0161,0.08417,0.02195,0.01156,-0.04266,-0.00419,0.02962,-0.11882,-0.0625,-0.05289,0.09066,-0.07175,-0.08162,-0.05512,0.03922,0.01462,-0.0023,0.05493,-0.01275,-0.02041,0.05665,0.06023,-0.02548,0.02845,0.03959,0.00672,-0.02576,-0.04091,0.07672,-0.06406,-0.03069,0.00602,-0.04268,-0.00508,-0.01374,0.04829,0.00513,0.01648,0.06756,-0.02222,-0.08566,0.04155,0.14221,0.03262,0.05754,-0.01567,0.08949,0.00829,-0.11554,-0.04976,0.00376,0.02055,0.0271,-0.01092,-0.02602,0.01928,0.02921,-0.05428,-0.03982,-0.0887,0.01721,0.02793,-0.04484,-0.00079,0.01501,-0.00617,-0.00075,-0.08593,0.04654,0.01335,-0.02884,-0.00407,-0.0055,-0.07865,-0.0725,-0.09673,-0.04801,-0.04033,-0.02072,0.10843,0.05042,0.01334,0.04404,0.01677,-0.04002,0.04601,-0.01624,-0.04306,0,-0.04241,0.03635,-0.04862,0.04619,0.04663,-0.02132,-0.06651,-0.12766,0.02254,0.06663,-0.00997,0.00913,-0.08702,0.04146,-0.01399,-0.10984,-0.03088,0.01004,-0.02463,-0.02583,-0.00576,-0.05657,-0.00574,0.00522,0.07623,0.05538,-0.03159,0.0493,-0.12722,0.00225,0.03089,0.04134,0.05013,-0.01811,-0.0035,-0.01222,-0.05349,-0.0992,-0.0326,0.03001,0.03578,-0.08739,-0.08839,0.02728,-0.01501,0.0377,-0.02131,-0.06206,0.03746,0.00439,-0.00533,0.05037,0.05675,-0.0558,0.07637,-0.05383,-0.07584,0.03031,0.03863,0.02329,-0.0091,0.01022,-0.03287,-0.05056,0.02366,0.07881,0.04794,-0.02289,0.04538,-0.047,-0.05458,0.04436,-0.03597,0.03221,-0.00887,-0.04957,-0.06239,0.03177,0.08927,0.04212,-0.03708,-0.08398,0.04009,0.02731,0.03425,-0.1146,0.02021,-0.08071,-0.02095,-0.01984,0.07903,0.07633,0.00141,0.05781,0.03413,0,-0.02979,0.0304,-0.00297,0.04406,0.00814,0.00898,0.03985,0.07027,-0.01678,0.05545,0.0805,0.02601,-0.0556,-0.04875,-0.05514,0.0161,-0.0201,-0.06468,0.00528,-0.03697,0.05799,0.01249,0.02204,-0.06098,0.03029,0.04718,0.01102,-0.05678,0.02356,-0.00919,0.04417,-0.04158,-0.00379,-0.10592,0.01712,-0.0272,0.03805,0.01467,-0.02182,-0.06826,-0.00037,0.0362,0.00992,0.02546,-0.07049,0.03924,-0.06951,-0.06166,-0.07945,0.03953,-0.0264,0.0281,0.02529,-0.01233,-0.06471,0.03087,-0.00063,0.06139,-0.03336,0.02348,0.05212,-0.04213,-0.01281,-0.05318,0.08091,0.04425,0.01518,-0.06167,0.05406,0.06968,0.02483,0.04813,-0.00476,-0.03443,0.02503,0.04507,0.12362,-0.04036,0.02962,0.02853,-0.01549,0.06944,-0.01036,0.05775,0.1017,-0.01118,-0.08638,0.01745,0.04257,0.05521,-0.03184,0.03342,0.00037,0.07607,0.00702,0,-0.09389,-0.01437,-0.06612,-0.08232,0.02859,-0.00317,-0.02444,-0.07129,-0.06406,0.04957,-0.05986,0.10533,-0.10399,0.0038,0.05614,0.01144,-0.04482,0.03026,0.01619,-0.00343,0.01748,0.02084,0.00465,0.08958,-0.0011,-0.02177,-0.01207,0.09225,0.02145,-0.00036,-0.04505,-0.03743,0.02827,0.0744,-0.05288,0.00781,-0.07273,-0.10409,-0.05991,0.03614,0.10987,-0.00935,0.0906,0.02127,0.01503,0.09925,-0.02953,-0.02669,-0.07948,0.03127,-0.02502,-0.02527,-0.05304,-0.00156,0.02259,-0.01506,0.05868,0.05516,0.02114,0.00562,-0.1296,0.0547,0.05914,-0.04045],"keywords":"Angular Diagram Example – Connection Content on Edges Angular Diagram Example – Connection Content on Edges Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts. Description The fConnectionContent directive lets you attach any custom content to a connection line: text, icons, buttons, or widgets. The element can be positioned along the path, shifted perpendicularly, and optionally rotated to follow the connection. This is useful for adding labels, statuses, metrics, or interactive controls directly on diagram edges. In real products, it is one of the features that turns a passive edge into a meaningful UI element. fConnectionContent is rendered as a regular HTML block with the .f-connection-content class, so it should be styled directly as HTML content rather than as part of the SVG path. The base component gives it intrinsic width sizing, so by default it expands to its content. f Connection Content","excerpt":"Description The fConnectionContent directive lets you attach any custom content to a connection line: text, icons, buttons, or widgets. The element can be positioned along the path, shifted perpendicularly, and optionally rotated to follow the connection. This is useful for adding labels, statuses, metrics, or interactive controls directly on diagram edges. In real products, it is one of the features that turns a passive edge into a meaningful UI element. fConnectionContent is rendered as a regular HTML block with the .f-connection-content class, so it should be styled directly as HTML content rather than as part of the SVG path. The base component gives it intrinsic width sizing, so by default it expands to its content."},{"chunkId":"/examples/connection-content#2","slug":"connection-content","route":"/examples/connection-content","section":"examples","title":"Angular Diagram Example – Connection Content on Edges","description":"Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts.","group":"Connections - Appearance","vector":[-0.03804,0.00494,-0.10821,0.00044,-0.00052,0.12339,-0.01865,0.04152,0.04073,0.04727,-0.01345,0.04464,-0.02942,0.05421,0.05915,0.00303,-0.06309,-0.02581,0.01423,-0.0209,-0.02894,-0.03315,0.06311,-0.00341,-0.00111,0.05413,-0.02434,0.00991,0.06392,-0.01895,0.02589,0.00353,-0.0144,0.04421,-0.06805,0.05999,0.01574,0.0447,-0.00572,0.01661,0.1052,0.05215,0.04927,-0.09406,0.01164,0.03242,-0.10935,-0.00538,-0.07204,0.06629,-0.07274,-0.11941,-0.03317,0.04318,0.037,-0.01547,-0.00172,-0.0898,0.06737,0.0493,0.05489,-0.01391,0.00991,0.04657,0.00222,0.02732,-0.07997,0.09064,-0.07964,0.03662,0.01916,-0.04129,-0.0065,-0.04279,0.02843,-0.03396,-0.03727,0.10632,-0.04249,-0.06422,0.02646,0.0485,0.0332,0.07844,-0.05558,0.06663,0.00317,-0.09788,-0.03946,-0.05605,0.00383,0.00487,-0.02586,0.00354,0.07419,0.0299,-0.09323,-0.00766,-0.10383,0.05039,0.01089,-0.08246,0.03098,0.04914,0.0505,0.02684,-0.09976,0.03911,-0.02812,-0.00603,-0.01318,0.00983,-0.04386,-0.05595,-0.08366,-0.0503,-0.06004,-0.05836,0.0326,0.02287,0.03274,0.01664,-0.05813,-0.04647,0.04125,0.02304,-0.0163,0,0.00008,0.02284,-0.0072,0.02707,0.0504,-0.02658,-0.09036,-0.12574,0.03128,0.09508,-0.03346,0.01561,-0.08703,-0.01142,-0.08801,-0.09619,0.01511,0.02917,-0.06128,-0.00959,0.00268,-0.08203,-0.04559,0.0025,0.07384,0.02245,-0.0265,0.02231,-0.05533,-0.014,0.05646,0.03232,0.07619,-0.03362,0.01341,-0.05372,-0.03454,-0.02849,-0.03558,0.01407,0.07022,-0.05247,-0.08465,0.05876,-0.01091,0.02237,-0.0382,-0.06971,0.0868,0.02288,-0.0165,0.0571,-0.0127,-0.05341,0.07317,-0.07304,-0.06556,0.07225,-0.03409,0.04079,-0.00478,0.00242,0.00388,-0.07238,0.08647,0.03734,0.00507,-0.01695,0.05733,-0.08559,-0.08459,0.05876,-0.00576,0.01841,0.00968,-0.00736,-0.0415,0.05022,0.04115,0.04867,-0.0247,-0.11698,0.00688,0.06452,0.04256,-0.11953,0.03335,-0.09937,0.00312,-0.03587,0.07147,0.04475,-0.01144,0.02099,0.03605,0,-0.0056,0.0391,0.06132,0.08053,0.00063,0.00532,0.11719,0.10696,0.00556,0.09988,0.05441,0.04239,-0.03611,-0.06442,-0.00879,0.02159,-0.02913,-0.03828,0.05687,-0.02693,0.05353,0.07457,-0.02201,-0.06873,0.01568,0.08,0.02845,-0.03054,0.00627,-0.00687,-0.01289,-0.05889,-0.04346,-0.02833,-0.01249,-0.04547,0.01802,0.06913,-0.01967,-0.04924,0.02493,0.04873,-0.01919,0.00567,-0.02211,0.01221,-0.00307,-0.05025,-0.09667,-0.00017,-0.0368,0.03974,0.001,-0.00182,-0.02396,-0.01122,0.03599,0.00569,-0.05135,-0.02742,0.05749,-0.04233,-0.0059,-0.0698,0.08623,0.05346,-0.02575,-0.07419,0.03628,0.03732,0.01221,0.01827,0.01843,-0.01879,0.10067,0.04949,0.03577,-0.00435,0.01555,0.03256,-0.04774,0.08643,-0.02523,0.09786,0.08394,0.03505,-0.06787,-0.02406,0.0603,0.03991,-0.0866,-0.0178,0.0145,0.03704,0.03035,0,-0.10501,-0.0189,-0.05147,-0.05983,0.0073,0.00613,-0.04635,-0.03869,-0.03607,0.02391,-0.03464,0.12713,-0.03224,-0.04615,0.01497,-0.00478,-0.03859,0.05946,-0.00948,0.01282,0.01755,0.02907,0.0614,0.10076,-0.03716,-0.07621,-0.05224,0.06686,-0.01937,-0.0239,-0.00977,-0.05736,0.05369,0.03525,-0.01551,-0.0567,-0.15072,-0.05307,0.00033,0.02155,0.06975,-0.04629,0.05934,0.02949,0.01302,0.09836,-0.01277,0.01005,-0.05491,-0.00171,-0.06297,0.00002,-0.05576,0.02208,0.0181,-0.03084,0.04427,0.0515,-0.02807,0.00986,-0.08981,0.06949,0.02409,-0.05533],"keywords":"Angular Diagram Example – Connection Content on Edges Angular Diagram Example – Connection Content on Edges Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts. Example ::: ng-component <connection-content</connection-content [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.scss :::","excerpt":"Example ::: ng-component <connection-content</connection-content [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-content/example.scss :::"},{"chunkId":"/examples/connection-content#3","slug":"connection-content","route":"/examples/connection-content","section":"examples","title":"Angular Diagram Example – Connection Content on Edges","description":"Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts.","group":"Connections - Appearance","vector":[-0.03203,-0.01724,-0.11564,-0.02119,-0.06718,0.07895,-0.01797,0.04865,0.07416,0.03147,0.00043,0.04432,-0.04043,0.0595,0.04223,0.02335,-0.04689,0.01099,0.0257,-0.02069,-0.05326,-0.00703,0.02306,-0.01736,-0.00261,0.06327,0.01735,-0.00006,0.08135,-0.05428,0.01258,0.00259,-0.03531,0.05206,-0.12617,0.03073,-0.00424,0.00656,-0.00984,0.02659,0.14155,0.05996,0.04457,-0.11031,-0.00631,0.0445,-0.10218,0.01662,-0.0744,0.12518,-0.09273,-0.12821,-0.07287,0.06333,0.00108,0.00127,0.02793,-0.05136,0.05528,0.04146,0.11237,0.00496,0.02185,0.05736,-0.02534,-0.01203,-0.07297,0.09231,-0.04179,-0.00675,0.01791,-0.05429,0.02187,-0.03091,0.03382,-0.0556,0.01158,0.07835,-0.03439,-0.06755,0.00463,0.06935,0.04882,0.11044,-0.05838,0.03631,-0.01221,-0.04749,-0.02258,-0.06461,0.00799,0.0007,-0.00959,-0.02575,0.07328,0.03823,-0.03348,-0.03689,-0.10461,-0.00991,0.02408,-0.07014,-0.0309,0.04883,-0.00463,0.02351,-0.08111,-0.00622,-0.0126,-0.01158,-0.02622,0.02982,-0.05138,-0.06347,-0.1177,-0.05211,-0.08105,-0.02967,0.02782,0.02193,-0.00629,0.02001,-0.01242,-0.04211,0.04127,-0.00091,-0.01551,0,-0.00583,0.0052,0.00242,0.03581,0.05983,0.00531,-0.06462,-0.11304,0.06339,0.02975,-0.00359,0.03647,-0.10243,0.01093,-0.08146,-0.08765,-0.00229,0.0168,-0.01322,0.02359,0.02578,-0.10562,-0.05013,0.00263,0.03692,0.07362,-0.03485,0.01947,-0.10416,0.00618,0.07223,0.01379,0.02391,-0.02382,0.00784,-0.02732,-0.06557,-0.04168,-0.00712,0.03426,0.03241,-0.04134,-0.1198,-0.00248,-0.00503,0.03095,-0.04178,-0.04551,0.0539,0.05105,0.00231,0.05852,-0.02,-0.06323,0.08737,-0.09076,-0.0751,0.07107,-0.01714,0.02215,0.03352,0.02991,-0.01728,-0.09605,0.07136,0.04527,0.01193,-0.0382,0.04016,-0.0289,-0.09057,0.03503,-0.01714,0.01442,-0.00986,0.0083,-0.05359,0.04247,0.05521,0.02464,-0.03286,-0.09424,0.03262,0.01125,0.03591,-0.08413,0.02947,-0.0758,-0.01201,0.00133,0.11437,0.05597,-0.00462,0.06831,0.07715,0,-0.05769,0.04461,0.05857,0.06738,0.02199,-0.02933,0.10404,0.06669,-0.00378,0.07862,0.04952,0.04415,-0.06473,-0.00553,0.00251,-0.00057,-0.01727,-0.04578,0.01398,-0.047,0.04207,0.04654,-0.03011,-0.06224,0.00129,0.07145,0.02242,-0.05596,0.03844,-0.00193,0.00802,-0.05012,-0.01728,-0.07608,-0.0312,-0.0225,0.01112,0.05311,-0.00787,-0.05401,0.01358,0.00194,-0.011,0.00003,-0.04355,0.04395,-0.04951,-0.0177,-0.06415,0.01691,-0.02882,0.073,0.02581,-0.0373,-0.01479,0.04746,0.02715,0.03954,0.01027,-0.04042,-0.00544,-0.02501,0.05223,-0.08429,0.03636,0.07697,0.02658,-0.08438,0.02879,0.06781,0.04291,0.05504,0.017,-0.02438,0.10083,0.03526,0.04741,-0.01128,0.02965,-0.00076,-0.01747,0.08112,-0.00964,0.07101,0.06123,0.00433,-0.07398,-0.04505,0.07019,0.09136,-0.04617,0.00169,-0.00529,0.00312,0.02986,0,-0.13044,-0.04954,-0.03056,-0.02129,-0.01541,0.03538,-0.02702,-0.00425,0.0086,0.03106,-0.00132,0.1365,-0.02796,-0.03407,0.06777,0.00887,-0.00565,-0.00079,0.02067,-0.02055,0.02829,0.02029,0.05627,0.10726,-0.03069,-0.05782,-0.01826,0.07543,-0.02544,-0.03169,-0.01836,-0.05148,0.08553,0.05941,-0.02378,-0.05389,-0.10712,-0.04553,-0.04141,-0.01034,0.08505,0.01862,0.05156,0.01998,0.01257,0.08909,-0.00431,-0.0321,-0.07538,-0.00466,-0.06582,-0.01554,-0.04078,0.02352,-0.00951,-0.01813,0.02648,-0.01498,-0.04123,0.01177,-0.13062,0.07464,0.04332,-0.08007],"keywords":"Angular Diagram Example – Connection Content on Edges Angular Diagram Example – Connection Content on Edges Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts. API - position: number (0..1) positions the content along the connection. - offset: number shifts it perpendicularly in pixels. - align: 'none' 'along' controls whether the content rotates with the path.","excerpt":"API - position: number (0..1) positions the content along the connection. - offset: number shifts it perpendicularly in pixels. - align: 'none' 'along' controls whether the content rotates with the path."},{"chunkId":"/examples/connection-content#4","slug":"connection-content","route":"/examples/connection-content","section":"examples","title":"Angular Diagram Example – Connection Content on Edges","description":"Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts.","group":"Connections - Appearance","vector":[-0.04248,-0.00617,-0.09749,-0.01155,-0.00869,0.05607,-0.02353,0.05595,0.04305,0.04115,-0.02815,0.02867,-0.06533,0.05782,0.0967,0.01859,0.01175,-0.00084,-0.00561,-0.0841,-0.05179,-0.03143,-0.01714,-0.04092,-0.01062,0.06001,-0.01543,0.01931,0.10478,-0.03926,0.01526,0.00981,-0.01928,0.04402,-0.13672,0.08378,0.02701,0.03984,-0.044,-0.02386,0.07219,0.04022,0.02064,-0.06319,-0.0239,-0.02415,-0.09278,-0.02709,-0.07913,0.08337,-0.09199,-0.10724,-0.07186,0.01789,0.02175,-0.00296,0.04497,-0.05989,-0.01334,-0.00422,0.02886,0.00397,0.0121,0.05703,0.02192,0.02029,-0.05755,0.08513,-0.00567,-0.003,0.00395,-0.05622,0.01003,-0.04261,-0.01663,-0.10655,-0.02169,0.07498,-0.05079,-0.05968,0.00505,0.07162,-0.00983,0.07044,-0.05731,0.06798,0.01137,-0.08368,-0.01394,-0.05449,0.01217,0.02626,0.00661,-0.01491,0.1148,0.05548,-0.03529,-0.05638,-0.06942,0.03717,0.02391,-0.0833,0.04025,-0.00133,-0.03653,0.01002,-0.05909,0.02153,-0.0232,-0.02554,-0.0112,0.02063,-0.032,-0.07757,-0.06277,-0.04458,-0.0611,-0.04229,0.0255,0.06483,-0.0095,0.03815,0.02209,-0.03661,0.04206,-0.00925,-0.0345,0,0.02147,-0.00556,-0.05701,0.03843,0.05658,0.02291,-0.03371,-0.12682,0.05345,0.05552,0.01722,0.06756,-0.07346,0.03037,-0.03331,-0.09779,-0.01918,0.02362,0.02736,0.01597,0.03506,-0.1077,-0.03064,0.09548,0.0747,0.09623,0.00393,0.02667,-0.07496,-0.00266,0.06423,0.02319,-0.00958,0.01155,-0.00244,0.01383,-0.06164,-0.0761,0.04988,-0.04831,0.03806,-0.07971,-0.12199,0.03359,-0.00107,0.02147,-0.04477,-0.02472,0.03098,0.04218,0.03549,0.03318,0.04117,-0.04352,0.06502,-0.07348,-0.06069,0.08629,0.02092,0.04745,0.00463,-0.02032,-0.03039,-0.04412,0.02332,0.0571,-0.03847,-0.03576,0.10514,-0.07993,-0.10827,0.04119,0.01651,0.05715,0.02975,-0.0299,-0.06373,0.01363,0.04932,0.02807,-0.0497,-0.10375,0.00834,0.05267,0.06166,-0.09405,0.0134,-0.06235,-0.06086,0.01717,0.0469,0.05812,0.01216,0.09947,0.08239,0,-0.05239,0.03914,0.00776,0.06149,0.0228,-0.04007,0.05218,0.01475,-0.00109,0.05842,0.0584,0.04476,-0.03654,-0.03482,-0.04115,-0.00913,-0.00644,-0.06414,0.06432,-0.01758,0.0276,0.0509,-0.07052,-0.06307,-0.00926,0.09012,-0.02612,-0.09322,0.043,-0.00384,-0.00277,-0.04325,-0.01508,-0.06036,-0.0368,-0.01309,0.04912,-0.02045,-0.02575,-0.04472,0.01292,0.01605,-0.00205,-0.00387,-0.06348,0.05728,-0.07146,0.00863,-0.12058,-0.02457,-0.04636,0.07926,0.02135,-0.07598,-0.02907,0.0187,0.08859,0.01974,-0.00466,-0.00317,-0.01748,-0.03843,0.02547,-0.04798,-0.00005,0.02108,-0.01228,-0.08696,0.04313,0.07639,0.02329,0.0416,-0.01325,-0.0216,0.11939,0.01029,0.05503,-0.05814,0.04242,-0.01822,-0.05046,0.06,-0.00677,0.02904,0.05817,0.03154,-0.10024,-0.02751,0.05716,0.05794,-0.09626,-0.01126,-0.00355,0.04845,0.00054,0,-0.10346,0.02654,0.03932,-0.06825,0.01409,0.03955,-0.00018,0.04899,0.00754,0.02062,0.02798,0.1017,-0.05748,-0.00845,0.07897,0.04595,0.01919,0.03362,0.01374,-0.04913,0.01099,0.00846,0.02377,0.12228,0.01762,-0.03927,0.02903,0.08412,-0.00427,0.01652,-0.01404,-0.02217,0.11725,0.07052,-0.01762,-0.00872,-0.10168,-0.0414,-0.02113,0.03317,0.05665,0.02451,0.0068,0.00165,-0.02827,0.10569,-0.0375,-0.03817,-0.09949,0.00205,-0.06108,-0.01704,-0.09241,0.02287,-0.01991,0.03792,0.02771,0.00121,0.01886,0.01818,-0.09943,0.08002,-0.00884,-0.05364],"keywords":"Angular Diagram Example – Connection Content on Edges Angular Diagram Example – Connection Content on Edges Attach custom content (labels, icons, buttons) to diagram connections in Angular with Foblex Flow. Control position, offset and alignment for interactive flowcharts. When to use it - Add labels or states to workflow transitions. - Show metrics or diagnostics on graph edges. - Place buttons directly on connections for quick actions. - Build richer diagram semantics without an extra overlay layer. It is especially helpful when edge semantics are important and the user should not have to inspect a side panel to understand the state of a transition.","excerpt":"When to use it - Add labels or states to workflow transitions. - Show metrics or diagnostics on graph edges. - Place buttons directly on connections for quick actions. - Build richer diagram semantics without an extra overlay layer. It is especially helpful when edge semantics are important and the user should not have to inspect a side panel to understand the state of a transition."},{"chunkId":"/examples/connection-gradients#0","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.05007,-0.04277,-0.07297,-0.00727,-0.04831,0.07327,0.00624,0.01128,0.04721,0.00397,-0.05102,0.02615,-0.05278,0.01914,0.05267,0.09767,-0.05676,0.00922,-0.0153,-0.04049,-0.0732,-0.11359,-0.0303,-0.05876,-0.03263,-0.00976,0.07363,0.0186,0.03708,-0.05786,-0.0224,-0.02594,-0.06844,0.03365,-0.12573,0.03981,0.02085,0.02258,-0.13696,0.0147,0.0939,0.08689,0.03717,-0.06221,-0.01675,0.05509,-0.02973,-0.02406,-0.06268,-0.00097,-0.08309,-0.15081,-0.03373,0.01383,0.02838,0.03649,0.06159,0.00644,0.0296,-0.00943,-0.01065,-0.04239,-0.01204,0.01016,0.00657,-0.01659,-0.02839,0.04903,-0.04926,-0.00009,-0.08329,-0.0219,0.00423,-0.04238,-0.00399,0.04729,0.093,0.04875,-0.00411,-0.11795,0.05055,0.08905,-0.03363,0.06624,0.01753,0.09541,-0.01825,-0.12222,-0.03341,0.01719,0.01351,0.00026,-0.06075,-0.00456,0.01791,-0.00911,-0.02254,-0.10281,-0.04748,0.0085,0.03245,-0.10893,0.07079,0.0116,-0.04889,0.00886,-0.00978,0.08615,-0.05665,-0.00521,-0.00804,0.02975,0.00677,-0.09146,-0.05117,-0.0126,-0.02816,-0.0048,0.06786,0.10171,-0.00283,-0.00391,-0.00103,-0.00998,-0.04299,-0.00321,0.01281,0,0.00195,0.0168,-0.07006,0.04104,0.05081,-0.01653,-0.03328,-0.05863,-0.0037,0.03115,-0.01049,0.0199,-0.13038,0.04194,0.00539,-0.07869,0.05144,0.00485,-0.08527,0.03353,0.03742,-0.07054,-0.03355,-0.04169,0.06636,0.08466,0.04347,0.01835,-0.08557,0.00476,0.07332,0.05321,-0.00482,0.0667,-0.04818,0.00485,-0.01495,-0.0782,-0.01945,0.02009,0.03058,-0.02387,-0.07435,0.0559,-0.00448,0.02773,-0.02893,0.00583,0.08233,0.06094,-0.03774,0.07629,-0.01657,-0.04324,0.07768,-0.02577,-0.05944,0.06643,0.03672,-0.01478,0.00625,0.07531,0.00952,-0.07765,0.02522,0.0111,-0.0322,-0.04086,0.00372,-0.05581,-0.04428,0.04648,0.0543,-0.02105,-0.01736,0.02673,0.0057,0.05107,0.10795,0.01743,-0.07368,-0.00258,-0.01754,-0.01535,0.04079,-0.04119,0.02452,-0.023,-0.07398,0.02576,0.07128,0.07776,-0.00688,0.04201,-0.00807,0,-0.08713,0.08395,0.00166,0.06292,0.06199,-0.04779,0.07442,0.03414,-0.01142,0.0975,0.10446,0.03106,-0.03572,0.04782,0.00127,-0.04328,-0.01507,0.00597,0.03152,-0.02944,0.04659,0.06099,-0.02692,-0.06751,-0.04227,0.05838,0.03519,-0.00665,-0.05623,0.01534,0.01371,-0.00521,-0.02414,-0.01186,-0.08078,-0.00005,-0.0154,-0.00669,-0.01448,-0.05162,0.04785,0.00939,-0.00206,-0.01654,-0.09839,-0.02583,-0.03993,-0.05372,-0.04169,-0.0286,-0.03789,0.02407,-0.00938,-0.01241,-0.0661,-0.02855,0.04032,0.02313,0.00774,0.0318,0.02323,-0.02812,-0.00865,-0.01315,0.07784,0.02395,0.04711,-0.05313,0.09675,0.03361,0.08079,0.10145,0.05901,-0.03086,0.07404,-0.02485,0.06552,-0.00086,0.04442,0.01821,-0.01521,0.05214,0.02901,0.09046,0.09621,0.02208,-0.09773,0.01849,0.07659,0.0507,-0.04286,0.00683,0.06129,-0.02195,-0.01376,0,-0.04269,0.01251,0.0015,-0.00133,0.05342,-0.03416,-0.0228,-0.01176,-0.06164,0.04349,-0.05248,0.10426,-0.05632,0.0296,0.06212,0.04827,-0.03127,0.03575,0.01196,0.00274,-0.03576,0.07558,0.02292,0.15453,-0.02102,-0.00918,-0.0211,0.07229,0.02735,-0.00706,-0.0556,0.03469,0.01491,0.00028,-0.04942,0.06031,-0.14369,0.00079,-0.11124,0.01791,0.0163,-0.04716,0.06386,0.01317,-0.02322,0.10295,-0.07106,-0.0202,-0.13924,0.01921,-0.06706,0.00184,-0.05128,0.02981,-0.00188,-0.07007,0.07727,0.0302,-0.03116,0.02716,-0.06701,0.03939,-0.02468,-0.03422],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. Connection Gradients","excerpt":"Connection Gradients"},{"chunkId":"/examples/connection-gradients#1","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.07985,-0.019,-0.05769,0.01595,-0.04199,0.03936,0.01169,0.00266,0.04756,0.00105,-0.0808,0.06558,-0.06943,0.02266,0.04699,0.08278,-0.0348,0.03584,0.00324,-0.04017,-0.07661,-0.09636,-0.04306,-0.05276,-0.02665,-0.01267,0.07794,0.01476,0.06834,-0.06958,-0.01258,-0.03439,-0.06727,0.05869,-0.14449,0.05644,0.03389,0.04274,-0.1559,0.01613,0.0891,0.09934,0.04286,-0.053,-0.01273,0.03111,-0.03974,-0.03258,-0.07877,-0.02157,-0.0737,-0.15837,-0.03218,0.00288,0.02584,0.02699,0.04739,0.00603,0.00764,0.02866,-0.00416,-0.04774,-0.00431,-0.00806,-0.00326,0.0002,0.02047,0.06177,-0.03846,0.00856,-0.06953,-0.02395,-0.01031,-0.01677,-0.01513,0.06663,0.10206,0.03995,0.01673,-0.09643,0.03259,0.08184,-0.01591,0.0774,0.02367,0.08247,-0.0055,-0.12462,-0.04019,0.0322,0.02449,0.02097,-0.06005,-0.02389,0.01151,0.0154,-0.03187,-0.10957,-0.04512,0.01397,0.03259,-0.1046,0.06586,0.00036,-0.01954,0.00911,-0.02229,0.08213,-0.05646,-0.0146,-0.01156,0.04771,-0.02059,-0.09086,-0.07911,-0.00917,-0.02255,0.00523,0.06623,0.12305,-0.01889,-0.00754,-0.00074,-0.01459,-0.03918,-0.0082,0.00705,0,0.00342,0.02256,-0.07616,0.00372,0.03458,-0.01463,-0.04845,-0.07345,-0.02531,0.0211,-0.00234,0.01214,-0.11845,0.05607,0.01854,-0.10061,0.04153,0.00143,-0.05315,0.02869,0.018,-0.05291,-0.04087,-0.02828,0.08425,0.07018,0.0457,0.01995,-0.09131,-0.00415,0.07846,0.04137,-0.01573,0.07385,-0.05308,0.02692,-0.03966,-0.07408,-0.00117,0.03037,0.05836,-0.00954,-0.06099,0.06162,-0.00665,0.03153,-0.03296,-0.0094,0.05258,0.03503,-0.01493,0.08946,-0.01111,-0.04496,0.06131,-0.02331,-0.04368,0.06381,0.06027,-0.0133,0.00199,0.02716,-0.0258,-0.06228,0.00054,0.00656,-0.02971,-0.04422,-0.03256,-0.04965,-0.03745,0.05915,0.0408,-0.02872,-0.03403,0.01884,0.00666,0.07499,0.11585,0.0137,-0.06642,-0.00278,0.00333,-0.02029,0.03278,-0.0387,0.01128,-0.02776,-0.06108,0.01622,0.06327,0.05973,-0.00434,0.05326,-0.02563,0,-0.07428,0.07469,0.01287,0.05211,0.06056,-0.04062,0.04527,0.03113,-0.04524,0.08473,0.11303,0.03955,-0.01039,0.04942,-0.0077,-0.05293,-0.0244,-0.01211,0.0079,-0.03054,0.03417,0.07524,-0.01384,-0.06032,0.00361,0.04674,0.01685,0.01102,-0.05137,0.02529,0.01556,-0.00894,-0.00763,-0.0388,-0.08799,0.0144,-0.00567,0.00872,-0.00207,-0.03072,0.02434,0.00761,0.00936,-0.00755,-0.08176,-0.00697,-0.05622,-0.04861,-0.07359,-0.03345,-0.03956,0.05931,-0.01088,0.00519,-0.07475,-0.04283,0.02826,0.03357,0.00596,0.0399,0.01037,-0.05198,-0.02373,-0.01172,0.06432,0.02677,0.02996,-0.10126,0.08271,0.05478,0.07015,0.0973,0.04444,-0.00977,0.0778,-0.03593,0.08732,-0.00372,0.05453,0.0229,-0.00585,0.04372,0.02747,0.07333,0.09587,0.00986,-0.0999,0.02887,0.0658,0.05327,-0.0395,-0.0227,0.02902,-0.02846,-0.0037,0,-0.0328,0.00014,0.02763,-0.00291,0.05799,-0.04541,0.00397,-0.01033,-0.05212,0.06144,-0.04924,0.10643,-0.06583,0.02112,0.05177,0.05816,-0.01167,0.04799,0.00598,0.02177,-0.05711,0.07348,0.00174,0.15901,0.0028,-0.0231,0.02162,0.07311,0.05894,0.01014,-0.08188,0.03959,0.01747,0.01617,-0.05205,0.06784,-0.142,-0.00062,-0.10048,0.03864,0.02295,-0.04458,0.06782,0.02254,-0.01637,0.0911,-0.06876,-0.01514,-0.12862,0.02612,-0.02322,-0.02836,-0.06166,0.01416,-0.01238,-0.04744,0.0707,0.03571,-0.02042,0.00929,-0.06826,0.0286,-0.00613,-0.0296],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. Description This example focuses on projected gradients for connections. It shows how to keep the base connection lightweight, opt into gradients only where needed, and drive the gradient colors from regular Angular state. That makes it a good reference when you want richer edge styling without turning every connection into a permanently heavier SVG structure.","excerpt":"Description This example focuses on projected gradients for connections. It shows how to keep the base connection lightweight, opt into gradients only where needed, and drive the gradient colors from regular Angular state. That makes it a good reference when you want richer edge styling without turning every connection into a permanently heavier SVG structure."},{"chunkId":"/examples/connection-gradients#2","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.05471,-0.04734,-0.07145,0.01821,-0.01269,0.08281,0.00353,-0.007,0.0537,-0.00948,-0.05712,0.01722,-0.05365,0.01943,0.03195,0.08707,-0.03772,-0.01843,0.00647,-0.04676,-0.08451,-0.11466,-0.03108,-0.06125,-0.00424,-0.01165,0.07736,0.0236,0.04383,-0.05152,-0.03761,-0.0186,-0.0753,0.03012,-0.10947,0.05397,0.02952,0.03087,-0.14876,0.02559,0.10162,0.08213,0.02754,-0.08263,-0.01225,0.03043,-0.02832,-0.02899,-0.09078,-0.01144,-0.08141,-0.12866,-0.02651,0.01395,0.02248,0.04278,0.07258,0.00892,0.0307,0.00908,-0.04265,-0.03317,-0.02678,0.00983,0.00535,0.00664,-0.02994,0.03322,-0.02416,0.01567,-0.08735,-0.00258,0.01663,-0.05093,0.01662,0.049,0.10937,0.04391,0.01724,-0.12208,0.0699,0.09701,-0.04057,0.04934,0.01795,0.08386,-0.02307,-0.09697,-0.01018,0.01544,-0.00757,0.00266,-0.06556,-0.00343,0.01273,-0.02174,-0.02328,-0.08796,-0.02111,0.01032,0.01946,-0.10787,0.09812,0.02906,-0.04573,-0.01078,-0.00536,0.08509,-0.06185,-0.00689,0.01743,0.02598,0.02498,-0.07561,-0.06005,0.01546,-0.01299,-0.0067,0.05541,0.09663,-0.02177,-0.01325,0.01193,-0.00851,-0.04684,-0.00941,-0.00436,0,0.01235,-0.01304,-0.06139,0.03255,0.04026,-0.01325,-0.02935,-0.07217,0.00017,0.01179,0.00008,0.02175,-0.14185,0.04931,0.01375,-0.07888,0.07183,0.02329,-0.08564,0.04317,0.04453,-0.03443,-0.0497,-0.06144,0.07172,0.08193,0.05371,0.02027,-0.10059,-0.00175,0.07912,0.03299,-0.00186,0.08076,-0.04118,-0.00002,-0.02281,-0.08149,-0.01994,0.04813,0.03731,-0.00222,-0.06963,0.04335,-0.0085,0.01723,-0.03095,0.02098,0.063,0.04524,-0.02632,0.08402,-0.03256,-0.07575,0.0672,-0.03766,-0.07129,0.03628,0.05678,-0.01027,0.00178,0.05263,-0.04494,-0.07036,0.00199,0.00546,-0.02013,-0.06965,-0.00217,-0.04567,-0.04509,0.03418,0.0252,-0.03348,0.01085,0.03006,-0.00099,0.05845,0.10314,0.02534,-0.07423,-0.00989,-0.03131,0.0056,0.02964,-0.03534,0.00466,-0.01723,-0.07488,-0.00357,0.07116,0.06828,-0.01924,0.04545,0.0035,0,-0.08711,0.07403,0.00898,0.05669,0.05729,-0.03617,0.06912,0.0252,-0.00189,0.08511,0.09606,0.02102,-0.03369,0.05989,-0.00573,-0.03373,-0.03761,0.00438,-0.00017,-0.02311,0.04331,0.07057,-0.02636,-0.05613,-0.03248,0.04859,0.03014,0.023,-0.06243,0.00168,0.01118,-0.01059,-0.03282,-0.00674,-0.08241,0.0022,-0.01366,0.00891,-0.02099,-0.03767,0.03623,0.0124,-0.02513,0.00227,-0.08782,-0.00478,-0.02078,-0.05606,-0.03062,-0.0331,-0.0663,0.03618,-0.01178,-0.01422,-0.08382,-0.02336,0.04992,0.04916,-0.00296,0.04031,0.02711,-0.04711,0.00182,-0.03418,0.07709,0.02613,0.03346,-0.04535,0.09833,0.03534,0.068,0.1076,0.0649,-0.03092,0.08642,-0.02278,0.0564,-0.02317,0.05882,0.02642,-0.00477,0.06018,0.01931,0.07422,0.09003,0.01515,-0.1078,0.02758,0.09747,0.05025,-0.03344,-0.00733,0.04821,-0.03141,-0.0232,0,-0.04454,0.0249,0.0038,-0.00413,0.04148,-0.03138,0.01126,-0.01389,-0.03685,0.05637,-0.05568,0.10079,-0.02663,0.00682,0.03122,0.03672,-0.00867,0.04767,0.00806,0.00525,-0.03476,0.05663,0.00538,0.17518,-0.01682,-0.04876,-0.02295,0.07812,0.05236,0.01142,-0.07861,0.04516,0.02172,0.02287,-0.0617,0.05811,-0.14439,0.02321,-0.09801,0.00492,0.01623,-0.04103,0.05145,0.01024,-0.02306,0.11174,-0.08391,-0.03827,-0.13056,0.0287,-0.05715,-0.02338,-0.04083,0.03224,0.01146,-0.06968,0.07021,0.02306,-0.00813,0.01953,-0.07167,0.02114,-0.01528,-0.02009],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. What it demonstrates - projected f-connection-gradient - connection-local SVG gradient creation - live start/end color switching with mat-select - fallback to normal single-color connections when no gradient config is projected","excerpt":"What it demonstrates - projected f-connection-gradient - connection-local SVG gradient creation - live start/end color switching with mat-select - fallback to normal single-color connections when no gradient config is projected"},{"chunkId":"/examples/connection-gradients#3","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.06023,-0.03574,-0.0766,0.0311,-0.01233,0.11421,0.01682,0.00817,0.01803,0.01796,-0.07215,0.05213,-0.03758,0.01677,0.05821,0.07578,-0.04908,-0.00048,-0.00527,-0.07153,-0.04191,-0.1083,-0.0038,-0.04102,-0.01422,-0.00257,0.0479,-0.00594,0.04547,-0.03605,0.01033,-0.00949,-0.07914,0.03626,-0.08385,0.05964,0.01888,0.05451,-0.12147,0.01851,0.11068,0.0497,0.0234,-0.11917,0.00089,0.00464,-0.05159,-0.01148,-0.05299,-0.00475,-0.06472,-0.13864,-0.02987,0.02336,0.0434,0.0422,0.03257,-0.04402,0.05807,0.00941,-0.04272,-0.06317,-0.00209,0.00125,0.02758,0.02733,-0.04717,0.03762,-0.02061,0.03618,-0.03119,-0.00481,0.01162,-0.0419,0.0164,0.02643,0.04766,0.09057,-0.00106,-0.13612,0.05378,0.06081,-0.01496,0.0725,0.03086,0.10825,-0.01182,-0.10795,-0.01605,0.01191,0.00653,0.00886,-0.10583,0.00368,0.01821,0.00585,-0.07042,-0.05005,-0.04999,0.02358,-0.00904,-0.1223,0.0595,0.04009,-0.01997,-0.00401,-0.01459,0.13075,-0.07645,0.01698,0.01037,0.02195,0.0279,-0.08364,-0.02401,-0.00553,-0.00941,-0.01696,0.03053,0.12051,0.00869,0.00123,-0.04126,-0.02517,-0.03037,0.00867,0.02678,0,0.02314,0.00336,-0.06306,0.02276,0.04946,-0.01279,-0.04542,-0.07869,-0.04264,0.04719,-0.01827,0.02024,-0.1261,0.0053,-0.02405,-0.0845,0.07335,0.00456,-0.06171,-0.02915,0.01392,-0.05483,-0.07825,-0.01379,0.08134,0.01782,0.0282,0.04979,-0.06195,-0.00833,0.09432,0.0476,0.02307,0.04658,-0.0221,-0.01538,-0.00387,-0.01836,-0.05218,0.0353,0.05202,-0.00374,-0.06718,0.08857,-0.02267,0.02845,-0.00452,-0.0302,0.06891,0.02393,-0.0366,0.10658,-0.03011,-0.06489,0.08372,-0.0264,-0.04557,0.06392,0.02185,-0.0103,-0.00862,0.06973,-0.00904,-0.04504,0.05286,0.00272,-0.02909,-0.04924,-0.03415,-0.0653,-0.06389,0.0722,0.02955,-0.0029,0.00107,0.00501,-0.00786,0.05863,0.10316,0.00462,-0.04857,-0.05095,-0.02935,0.02729,0.02724,-0.06572,0.0259,-0.04768,-0.04569,-0.05643,0.04186,0.05326,-0.02759,0.01626,-0.01615,0,-0.02406,0.08304,0.03399,0.09227,0.01597,-0.02115,0.09609,0.06563,0.02083,0.12843,0.09246,0.03112,-0.02101,0.01746,0.00498,-0.03497,-0.04631,0.01598,0.03754,-0.0176,-0.00844,0.10979,-0.03802,-0.04346,-0.02295,0.06272,0.04678,0.03816,-0.0604,0.00707,0.00632,-0.0101,-0.06087,-0.00193,-0.08369,-0.00039,-0.01378,0.02412,-0.01478,-0.019,0.05682,0.01682,-0.01903,-0.00841,-0.08361,-0.01497,0.00733,-0.06965,-0.06781,-0.06387,-0.05606,-0.00271,-0.01078,0.03988,-0.02988,-0.05365,0.06567,0.01262,-0.01272,0.02653,0.07952,-0.04348,-0.00721,-0.02881,0.08474,0.01332,-0.01969,-0.08354,0.11505,0.00275,0.02585,0.06585,0.06528,-0.02556,0.07343,-0.05427,0.06234,0.01893,0.02346,0.03399,-0.02738,0.03898,0.02876,0.05846,0.08375,0.04806,-0.10517,0.05643,0.10171,0.01861,-0.05664,-0.04703,0.03726,-0.03227,-0.03059,0,-0.03855,0.0015,0.01555,-0.02457,0.00891,-0.0394,-0.00594,-0.03719,-0.06229,0.03998,-0.08427,0.11108,-0.00013,0.01023,0.02021,0.01634,-0.01187,0.05395,-0.01962,0.0344,-0.05403,0.0543,0.01791,0.14757,0.00813,-0.04562,-0.00829,0.04077,0.03001,-0.00829,-0.07051,-0.01033,0.02392,0.01914,-0.05141,0.01832,-0.14814,0.01448,-0.03898,0.03089,0.0106,-0.07002,0.05726,0.03116,-0.01029,0.06366,-0.06228,0.00751,-0.1012,0.02778,-0.06392,-0.02628,-0.06397,0.04413,0.02072,-0.09539,0.0634,0.04921,-0.05816,-0.00275,-0.05222,0.02326,-0.02032,-0.06572],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. Example ::: ng-component <connection-gradients</connection-gradients [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.scss :::","excerpt":"Example ::: ng-component <connection-gradients</connection-gradients [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/custom-connections/example.scss :::"},{"chunkId":"/examples/connection-gradients#4","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.06585,-0.02176,-0.06942,0.00921,-0.02738,0.06404,-0.0435,0.00451,0.04251,0.03034,-0.07687,0.05047,-0.04366,0.03844,0.06356,0.07573,-0.01069,0.02873,0.00391,-0.07094,-0.06,-0.09916,-0.04125,-0.06004,0.00052,0.00398,0.07251,0.02519,0.07265,-0.06437,-0.01449,-0.0333,-0.07241,0.04342,-0.14724,0.05241,0.01681,0.05091,-0.12426,0.0056,0.0753,0.06161,0.01353,-0.05719,-0.01541,0.00093,-0.05774,0.0019,-0.06929,0.01284,-0.09088,-0.15834,-0.04998,-0.00074,0.03589,0.01292,0.0375,-0.02977,0.02435,-0.00003,0.00722,-0.03371,0.00549,0.02178,0.00328,0.0215,-0.01391,0.07221,-0.01904,0.00934,-0.03141,-0.04075,-0.02255,-0.0318,-0.00814,0.0351,0.08833,0.04938,-0.00082,-0.10768,0.05076,0.0966,-0.03127,0.08085,0.0046,0.10157,-0.00482,-0.12838,-0.01779,0.0095,-0.00436,0.02889,-0.05815,-0.0239,0.03023,0.01565,-0.0293,-0.11395,-0.06312,0.03776,0.02574,-0.1259,0.06325,-0.00312,-0.02435,-0.01384,-0.01558,0.06998,-0.04665,-0.01521,0.00368,0.05869,-0.01222,-0.07781,-0.06636,-0.012,-0.02758,-0.02055,0.0573,0.10967,-0.02861,0.01237,0.00894,-0.02259,-0.00577,-0.00956,-0.00685,0,0.01548,0.0315,-0.06604,0.01347,0.05447,0.0098,-0.06525,-0.07893,-0.00257,0.01824,-0.00071,0.02759,-0.10181,0.08961,0.02855,-0.08448,0.04974,0.01698,-0.0483,0.01172,0.00416,-0.08446,-0.03238,0.00191,0.0879,0.10277,0.04286,0.05953,-0.08171,0.00952,0.06994,0.01892,-0.02004,0.05279,-0.05225,0.0118,-0.05111,-0.08845,0.02379,0.01849,0.03175,-0.00561,-0.09437,0.04941,-0.00925,0.06138,-0.03159,-0.01403,0.01279,0.04649,-0.014,0.09543,0.01434,-0.01289,0.06893,-0.04171,-0.03559,0.04993,0.05202,-0.01393,0.0035,0.03474,-0.02865,-0.04454,0.00417,0.02939,-0.05092,-0.02696,0.01325,-0.04405,-0.05958,0.06381,0.03868,-0.01041,-0.02284,-0.01233,-0.01274,0.06545,0.08881,0.02816,-0.07719,-0.04414,-0.01111,-0.00127,0.03848,-0.06608,0.01981,-0.02132,-0.03965,0.0061,0.05322,0.06675,-0.01882,0.07423,0.00809,0,-0.07969,0.10499,0.0476,0.0642,0.03888,-0.05974,0.05409,0.01227,-0.0243,0.09163,0.10139,0.03473,-0.02617,0.02391,-0.00728,-0.03118,-0.03581,-0.01411,0.02223,-0.04852,0.02879,0.05617,-0.02748,-0.08704,0.00761,0.06212,0.0216,-0.01138,-0.05623,0.00341,0.01558,-0.01759,-0.01641,-0.0458,-0.0738,0.0115,0.01607,-0.00259,0.01526,-0.02145,0.02273,0.00644,-0.01023,-0.00024,-0.08469,0.00418,-0.05038,-0.02521,-0.07042,-0.02903,-0.05833,0.0581,0.02264,-0.01551,-0.07087,-0.073,0.06473,0.05492,0.01078,0.01828,-0.00577,-0.05744,-0.0056,-0.01554,0.04487,0.01233,0.03508,-0.0843,0.09975,0.06448,0.07636,0.09579,0.0145,-0.00768,0.09756,-0.01673,0.0786,0.01916,0.04437,0.01557,-0.01116,0.04973,0.02896,0.05152,0.08433,0.04895,-0.10304,0.0319,0.07977,0.06954,-0.06463,-0.00195,0.02319,0.00083,-0.02669,0,-0.08859,-0.00328,0.03612,-0.0173,0.03597,-0.0126,0.01029,0.00565,-0.02912,0.05718,-0.02035,0.11208,-0.07095,0.01802,0.05474,0.03866,-0.00873,0.02925,-0.00216,0.0059,-0.03575,0.05215,-0.01254,0.16951,0.01742,-0.04001,0.01109,0.06717,0.00673,0.0189,-0.08269,0.0405,0.05618,0.01954,-0.0475,0.04284,-0.14374,0.02177,-0.09295,0.04101,0.01321,-0.01041,0.04708,0.00377,-0.01973,0.09574,-0.048,-0.03031,-0.11351,0.0038,-0.06427,-0.03447,-0.06657,-0.00252,-0.03147,-0.04098,0.04734,0.01656,-0.01576,0.01197,-0.07971,0.03652,-0.0258,-0.0632],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. When to use it - Add branded or stateful visual styling to selected connections. - Keep plain connections cheap while enabling richer edges only where needed. - Validate the projected gradient API before introducing it into a larger graph editor.","excerpt":"When to use it - Add branded or stateful visual styling to selected connections. - Keep plain connections cheap while enabling richer edges only where needed. - Validate the projected gradient API before introducing it into a larger graph editor."},{"chunkId":"/examples/connection-gradients#5","slug":"connection-gradients","route":"/examples/connection-gradients","section":"examples","title":"Angular Diagram Example – Projected Connection Gradients","description":"Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example.","group":"Connections - Appearance","vector":[-0.03511,-0.04348,-0.07846,-0.00286,-0.06932,0.07877,0.02289,0.02446,0.04434,0.00133,-0.0405,0.03085,-0.04054,0.02348,0.06582,0.06564,-0.04797,0.00619,-0.02112,-0.04085,-0.0788,-0.13068,-0.03442,-0.07143,-0.02832,-0.01046,0.08681,0.0089,0.05934,-0.04597,0.0174,0.00029,-0.06579,0.03175,-0.13709,0.04303,0.03157,0.02779,-0.13592,0.00645,0.11037,0.04172,0.01213,-0.07582,-0.0228,0.03507,-0.05042,0.00078,-0.06877,-0.00782,-0.11189,-0.14254,-0.03595,0.0379,0.02611,0.03928,0.03921,0.0045,0.02763,-0.01625,-0.01766,-0.03011,-0.0001,0.01245,0.00732,0.00875,-0.02393,0.06087,-0.03206,-0.01676,-0.06584,-0.02681,0.01741,-0.06657,-0.00614,0.0409,0.08925,0.07013,-0.01199,-0.10008,0.03567,0.10733,-0.05003,0.06309,-0.00213,0.10941,0.00631,-0.11384,-0.0571,-0.01919,0.00727,0.00814,-0.03582,-0.00625,0.04372,0.00286,-0.0249,-0.07158,-0.07038,0.00271,0.01806,-0.10235,0.06606,0.00885,-0.04197,-0.0101,-0.03491,0.06088,-0.02982,-0.00169,-0.00306,0.01939,-0.0166,-0.12219,-0.04783,-0.02065,-0.02963,-0.0035,0.06441,0.07619,-0.00517,-0.00628,-0.01557,-0.01936,0.00545,-0.00858,0.00099,0,0.00021,0.01693,-0.0737,0.04445,0.06743,-0.01001,-0.02801,-0.08198,0.01456,0.02345,-0.01794,0.0282,-0.11639,0.04339,-0.00943,-0.08318,0.03117,0.00183,-0.04458,0.03717,0.03104,-0.08299,-0.02553,-0.00621,0.09972,0.06603,0.04189,0.03994,-0.09141,-0.00643,0.09447,0.04885,0.00558,0.0619,-0.03938,-0.03748,-0.02647,-0.07439,-0.03728,0.03233,0.02803,-0.02822,-0.08463,0.03188,-0.00679,-0.00515,-0.0049,0.01404,0.08716,0.06235,-0.01169,0.0675,0.02169,-0.05139,0.06748,-0.02996,-0.05772,0.07272,0.03487,-0.00955,-0.03311,0.04806,0.00862,-0.06667,0.04494,0.04495,-0.02595,-0.03681,0.01074,-0.04462,-0.06096,0.0454,-0.01177,-0.02362,-0.02495,0.00879,-0.028,0.04237,0.11344,0.03019,-0.05799,-0.039,0.00688,0.0183,0.03241,-0.03704,0.01565,-0.04184,-0.05194,-0.0026,0.05005,0.06649,0.00275,0.04746,0.02787,0,-0.0738,0.06773,-0.0016,0.07228,0.07162,-0.04584,0.07718,0.02559,-0.02532,0.10411,0.09989,0.04566,-0.0179,0.04243,-0.0181,0.0043,-0.00139,-0.02667,0.01693,-0.01771,0.01964,0.04096,-0.02213,-0.09092,-0.03269,0.06544,0.05143,-0.00759,-0.02986,-0.01055,0.00536,0.00113,-0.02637,-0.01631,-0.0728,-0.01478,0.00366,0.00962,-0.00326,-0.06662,0.04216,0.00409,0.00934,-0.00095,-0.10347,-0.01922,-0.03021,-0.04849,-0.07822,-0.01797,-0.04802,0.03962,-0.00244,0.01179,-0.06063,-0.01975,0.07214,0.03347,-0.00644,0.01496,0.04391,-0.05047,0.02726,-0.01356,0.09406,0.00637,0.0157,-0.0727,0.07206,0.02702,0.07351,0.07164,0.06094,-0.02898,0.08241,-0.03436,0.07803,0.01007,0.06015,0.03462,-0.02031,0.05768,0.02018,0.0748,0.07564,0.04146,-0.09087,0.03199,0.08971,0.04373,-0.06746,0.02154,0.04272,-0.0004,-0.00004,0,-0.0657,-0.0064,-0.01302,-0.01869,0.04407,-0.03608,-0.03293,-0.00172,-0.04297,0.08571,-0.03088,0.11024,-0.05945,0.02586,0.07588,0.02813,-0.0179,0.02935,0.00021,-0.00293,-0.01976,0.04276,0.0198,0.18528,0.01321,-0.03312,0.00134,0.06314,0.02819,0.00291,-0.08108,0.02036,0.04381,-0.01295,-0.06395,0.06865,-0.13887,0.01842,-0.0803,0.02537,0.02549,-0.03451,0.04697,0.01188,-0.03038,0.10678,-0.08438,-0.00523,-0.10999,0.03899,-0.07496,0.00298,-0.06429,0.0147,-0.02126,-0.06069,0.0637,0.02829,0.02218,0.01832,-0.07538,0.03802,-0.03514,-0.04285],"keywords":"Angular Diagram Example – Projected Connection Gradients Angular Diagram Example – Projected Connection Gradients Configure projected SVG gradients for Angular diagram connections and switch start/end colors live in a focused Foblex Flow example. Related docs - Connection Component - Connection For Create Component - Snap Connection Component - Custom Connection Type Example","excerpt":"Related docs - Connection Component - Connection For Create Component - Snap Connection Component - Custom Connection Type Example"},{"chunkId":"/examples/connection-waypoints#0","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.03544,-0.02415,-0.12071,0.04726,-0.08329,0.04734,0.00934,0.04539,0.00934,0.01106,-0.04081,-0.00379,-0.06595,0.02701,0.08044,0.02235,-0.06583,-0.0086,0.04814,0.04586,0.00651,-0.07839,-0.00113,-0.01165,-0.03376,-0.0059,0.03962,-0.01841,0.03159,-0.06817,0.03764,0.05842,-0.17215,-0.00179,-0.04737,0.00301,0.0563,-0.02008,-0.04752,-0.00087,0.09821,0.05068,0.03471,-0.04595,0.01305,0.01412,-0.04982,0.03403,-0.03554,0.10029,-0.08301,-0.0602,-0.07045,0.03861,0.00859,0.02638,-0.02906,-0.03257,0.00872,0.05101,0.05728,-0.04435,-0.00284,0.03395,-0.07275,-0.04328,-0.07728,0.04673,0.00628,-0.02496,-0.03037,-0.0663,0.04313,-0.05469,0.08737,-0.01144,0.00614,0.05128,-0.02452,-0.08166,0.01792,0.05743,0.00849,0.08383,0.00847,0.02467,-0.01694,-0.07745,-0.01533,0.01287,0.03414,0.07249,-0.06852,-0.03159,0.05355,-0.03162,-0.02153,-0.01979,-0.07133,0.02659,-0.02664,-0.05598,0.0243,0.02861,-0.00055,0.05145,-0.02824,0.02576,-0.01295,0.00254,-0.04899,0.0083,0.04896,-0.06744,-0.04864,-0.04818,-0.08,-0.02898,0.00236,0.00946,-0.03729,-0.0439,0.01853,0.03247,0.02175,-0.0003,-0.03259,0,-0.0051,0.06372,-0.00014,0.00629,0.0276,0.04106,-0.02345,-0.07284,-0.00196,0.05757,-0.01947,-0.03622,-0.0601,-0.02484,0.03251,-0.09014,-0.00678,0.04072,-0.04593,0.0554,0.08164,-0.09186,-0.00629,-0.02869,0.1082,0.05513,-0.01869,0.04279,-0.0562,0.02186,0.12259,-0.01319,0.02789,-0.03697,-0.03545,-0.01944,-0.01842,-0.06749,-0.06306,-0.02345,0.02308,-0.06271,-0.09838,0.02007,-0.08225,0.03844,-0.04664,0.08636,0.00574,0.0086,-0.03232,0.02841,-0.02497,-0.00947,0.04349,-0.02883,-0.12225,0.08752,-0.0172,0.02647,0.0377,0.03543,-0.06097,-0.09263,-0.00982,-0.0127,0.00092,-0.01489,0.10065,-0.00323,-0.09116,0.07695,-0.02924,0.04341,-0.00975,-0.04024,-0.04317,0.02285,0.12517,-0.05109,-0.04454,-0.04297,0.01101,0.02435,0.1098,-0.06792,0.01047,-0.06921,-0.09985,-0.01807,0.06685,0.0514,0.01099,0.02189,0.00538,0,-0.03167,0.02327,-0.02531,0.0413,0.02802,-0.05491,0.06005,-0.00449,0.08015,0.06547,0.03954,0.04144,-0.00465,-0.04377,0.08336,-0.03207,0.00021,-0.11273,0.0242,-0.0574,-0.00968,-0.01064,-0.02095,-0.12376,0.00345,0.06833,-0.02098,0.01673,0.00726,0.03263,0.00379,-0.02186,-0.00054,-0.05689,0.01199,-0.00585,-0.01156,0.04313,0.06464,-0.05498,0.05551,0.00857,-0.01966,-0.00359,-0.03675,0.06036,-0.04579,-0.00963,-0.07411,0.04351,-0.02144,0.02855,-0.05865,0.00538,-0.05213,0.08636,0.05017,-0.05195,-0.02569,-0.0237,-0.02931,-0.04676,0.0854,0.05167,0.08832,0.00764,0.0112,-0.06653,0.03515,0.03705,0.01926,0.05801,-0.00458,0.01142,0.08442,0.00074,0.06973,0.00273,0.07268,-0.00113,-0.02008,0.07922,0.0598,0.0438,0.08984,0.04777,-0.02142,0.02187,0.0734,0.1265,-0.0447,-0.00636,0.06486,-0.00634,0.00069,0,-0.16951,-0.01925,-0.04838,0.0131,-0.01689,0.05418,-0.06975,0.05223,0.00193,-0.00612,-0.02542,0.12724,-0.04244,0.0259,0.11795,-0.00441,0.02029,0.00551,-0.05061,-0.04234,-0.06589,0.00406,0.02882,0.15762,-0.00786,-0.02659,-0.0319,0.03854,0.03722,0.01089,-0.00335,-0.02728,0.0196,0.087,-0.03125,0.02905,-0.11177,0.04499,-0.04836,0.07855,0.04637,0.00818,0.01369,0.01609,0.02909,0.08446,0.00383,0.0094,-0.08212,0.0227,-0.09611,0.05667,-0.07452,-0.02341,-0.00321,0.00445,-0.01268,-0.00344,0.0157,0.04391,-0.13566,0.02543,0.03143,-0.0069],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. --- toc: false wideContent: true --- Connection Waypoints wide Content","excerpt":"--- toc: false wideContent: true --- Connection Waypoints"},{"chunkId":"/examples/connection-waypoints#1","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.02579,-0.01544,-0.11737,0.04424,-0.10955,0.05071,0.0055,0.06606,-0.01586,0.01357,-0.05804,-0.00451,-0.05801,0.02353,0.08489,0.02956,-0.05831,0.00726,0.046,0.0385,0.02305,-0.08185,-0.01104,-0.01958,-0.03143,-0.01244,0.05033,-0.00865,0.04444,-0.05095,0.03936,0.04425,-0.15778,0.00676,-0.07818,-0.00024,0.03003,-0.01438,-0.06218,-0.01464,0.09722,0.03807,0.02355,-0.0471,-0.00221,-0.01346,-0.03392,0.03976,-0.03708,0.08215,-0.08266,-0.06801,-0.07712,0.03709,0.0016,0.02936,-0.01653,-0.02585,-0.00769,0.04702,0.06524,-0.05579,0.00751,0.01384,-0.07102,-0.03761,-0.07197,0.04808,0.01705,-0.02344,-0.03006,-0.06032,0.02702,-0.05701,0.05997,-0.02924,0.01523,0.05826,-0.01573,-0.06323,0.0095,0.05927,0.00964,0.10044,0.02004,0.02028,-0.01147,-0.09278,-0.0204,0.01642,0.03034,0.08612,-0.06812,-0.03305,0.05688,-0.01918,-0.02182,-0.02094,-0.06458,0.03614,-0.03255,-0.06848,0.01658,0.01515,-0.00551,0.0447,-0.01367,0.01693,-0.02988,0.00728,-0.05641,0.0157,0.0418,-0.05181,-0.04909,-0.04444,-0.0782,-0.02866,0.00235,0.03827,-0.03743,-0.04064,0.04494,0.03073,0.0371,-0.00375,-0.0388,0,-0.00804,0.08819,-0.00744,-0.02063,0.03944,0.02879,-0.02861,-0.07479,0.00787,0.03632,-0.03226,-0.01236,-0.0471,-0.01531,0.02648,-0.11051,-0.01326,0.05482,-0.01991,0.03296,0.08085,-0.09424,0.00553,-0.01005,0.11876,0.05827,-0.00665,0.02843,-0.05666,0.01572,0.13103,-0.01166,0.00388,-0.03339,-0.03318,0.00496,-0.01591,-0.07724,-0.05841,-0.03364,0.03922,-0.06095,-0.09409,0.0177,-0.08281,0.03882,-0.04688,0.06759,0.02007,0.0175,-0.02447,0.01499,0.00427,0.0022,0.04202,-0.04047,-0.12608,0.07004,-0.01853,0.02439,0.04899,0.01733,-0.04243,-0.07664,-0.01509,-0.00587,-0.01066,-0.00068,0.09792,-0.01383,-0.08045,0.09092,-0.00771,0.03375,-0.01826,-0.03068,-0.05222,0.01603,0.11559,-0.04312,-0.0525,-0.04737,-0.00526,0.02194,0.12087,-0.06568,0.01441,-0.07222,-0.07251,-0.01101,0.06649,0.03569,-0.00146,0.03845,0.00732,0,-0.04467,0.02428,-0.02488,0.04539,0.03429,-0.04644,0.04944,-0.01846,0.0916,0.05635,0.01788,0.05061,0.01248,-0.0509,0.06026,-0.04737,0.00145,-0.11413,0.0397,-0.05865,-0.02457,-0.01226,-0.03417,-0.13577,0.01556,0.06175,-0.00221,0.00783,-0.00397,0.03653,0.00843,-0.01008,0.01244,-0.06833,0.02251,0.00951,-0.01116,0.03877,0.08461,-0.05737,0.0621,0.00194,-0.01009,-0.00574,-0.03425,0.08044,-0.05949,-0.0079,-0.08669,0.03953,-0.00692,0.03749,-0.07237,0.00087,-0.05184,0.08593,0.05484,-0.03456,-0.01964,-0.01333,-0.03234,-0.05724,0.07626,0.06186,0.07394,-0.01158,-0.00557,-0.06718,0.0205,0.05051,0.00481,0.07954,-0.00865,0.01496,0.10403,-0.00757,0.07988,0.0082,0.0611,-0.00548,-0.01724,0.0815,0.05116,0.02353,0.05306,0.0355,-0.02785,0.01206,0.06597,0.12424,-0.04459,-0.00981,0.0504,-0.00536,-0.02085,0,-0.16126,-0.01629,-0.02557,0.02362,-0.00308,0.07846,-0.0663,0.06429,0.01394,-0.00251,-0.02856,0.11843,-0.0492,0.03126,0.11515,-0.00069,0.02774,0.00766,-0.04986,-0.05343,-0.07116,0.00471,0.02134,0.16704,0.00498,-0.01801,-0.01535,0.02185,0.03099,0.01668,-0.01683,-0.00055,0.02986,0.10316,-0.05337,0.04422,-0.1117,0.04981,-0.04359,0.07486,0.05507,0.00996,0.02098,-0.00014,0.01843,0.08684,0.0019,0.01472,-0.06137,0.01822,-0.08353,0.05345,-0.07023,-0.02581,-0.0057,0.02522,-0.0292,-0.00375,0.03438,0.04635,-0.12922,0.01931,0.02236,-0.01788],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. Description Manually shape connection routes by adding interactive waypoints between nodes. Use this when users need cleaner edge routing without giving up control of the underlying waypoint data in your application state.","excerpt":"Description Manually shape connection routes by adding interactive waypoints between nodes. Use this when users need cleaner edge routing without giving up control of the underlying waypoint data in your application state."},{"chunkId":"/examples/connection-waypoints#2","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.04465,-0.00996,-0.11542,0.06121,-0.03387,0.07348,0.00236,0.03573,-0.01514,0.03298,-0.03938,0.03295,-0.04842,0.0275,0.06137,0.01895,-0.07406,0.01266,0.02461,0.03648,0.02213,-0.07331,0.02788,0.01199,-0.01989,0.00227,0.02393,-0.04247,0.05044,-0.0251,0.03986,0.03731,-0.15996,-0.01761,-0.04782,0.03667,0.04657,0.02928,-0.02321,0.00351,0.10723,0.04291,0.03921,-0.09714,0.05705,0.00447,-0.05518,0.04855,-0.03567,0.06182,-0.09331,-0.07619,-0.07427,0.05699,0.01376,0.00379,-0.02151,-0.04026,0.01102,0.04025,0.0242,-0.0939,-0.0055,-0.00568,-0.03551,-0.04091,-0.08662,0.04114,-0.00862,0.01745,-0.0065,-0.06256,0.03042,-0.05644,0.06559,-0.03463,-0.03844,0.09727,-0.03585,-0.05866,0.03142,0.01814,0.01952,0.08156,-0.00064,0.04527,-0.00592,-0.06227,-0.00779,-0.00672,0.01072,0.08916,-0.087,-0.02493,0.07532,-0.00211,-0.07801,0.00418,-0.06382,0.03357,-0.03056,-0.07422,0.02283,0.05273,0.05011,0.04997,-0.02745,0.06226,-0.03788,0.02812,-0.05043,0.02369,0.06489,-0.04008,-0.02389,-0.08125,-0.0538,-0.02498,0.01157,0.04185,0.01404,-0.05115,-0.00178,0.01217,0.04614,0.00976,0.0057,0,0.01954,0.07255,0.00361,-0.00096,0.02577,0.01246,-0.05698,-0.07636,-0.01318,0.09448,-0.0439,-0.03591,-0.04822,-0.03883,0.02791,-0.1213,0.01664,0.03442,-0.04852,0.02876,0.06581,-0.09103,-0.01068,-0.04212,0.13045,0.00109,-0.03255,0.0418,-0.06607,-0.0023,0.13896,0.02523,0.02935,-0.07408,-0.03346,-0.04007,0.01339,-0.04841,-0.07314,-0.03826,0.04774,-0.03072,-0.08179,0.06409,-0.08357,0.02937,-0.02037,0.05732,0.05373,0.0257,-0.05427,0.0426,-0.017,-0.00637,0.05404,-0.0327,-0.09827,0.08051,-0.0271,0.03441,0.02076,0.02695,-0.02964,-0.09914,0.0262,-0.03336,-0.00797,0.01664,0.07906,-0.04185,-0.07568,0.09532,-0.02365,0.03277,-0.01758,-0.04333,-0.03974,0.03468,0.13164,-0.05334,-0.03958,-0.05853,-0.03436,0.05752,0.10871,-0.06011,0.01258,-0.07124,-0.08496,-0.07781,0.05847,0.03092,-0.01185,-0.01568,-0.01632,0,-0.00402,0.00045,-0.01508,0.08818,0.01884,-0.04853,0.04913,0.0257,0.10259,0.07955,0.01111,0.04017,0.01894,-0.03904,0.07994,-0.01822,-0.01614,-0.10552,0.06943,-0.04264,0.00632,0.03733,-0.04,-0.08411,0.00353,0.09472,0.00122,0.05407,-0.01882,0.00966,-0.00602,-0.02849,-0.03238,-0.0325,-0.00676,-0.00134,-0.00788,0.08239,0.05942,-0.04188,0.10651,0.03123,-0.00931,0.00014,-0.02438,0.03492,-0.00186,0.00903,-0.07859,0.02485,-0.02249,0.01472,-0.08704,0.0431,-0.04157,0.03445,0.05545,-0.08208,-0.02333,-0.01938,0.00997,-0.03366,0.03734,0.03702,0.08368,0.01078,-0.02839,-0.08109,0.03621,0.02878,-0.03776,0.04242,0.0441,-0.00799,0.10714,0.02162,0.0626,0.02848,0.06977,-0.00573,-0.02931,0.06798,0.0411,0.0525,0.07752,0.07753,-0.0584,-0.0076,0.07071,0.09638,-0.04565,-0.03024,0.05871,0.00542,0.01191,0,-0.14302,-0.01141,-0.04815,0.01137,-0.01468,0.0252,-0.03912,0.0286,-0.01495,-0.03395,-0.02324,0.10106,0.00283,0.02195,0.07938,-0.02135,0.00614,0.01791,-0.06907,0.00078,-0.05276,-0.00597,0.03822,0.12832,0.00986,-0.04948,-0.03674,0.0289,0.02266,-0.01955,-0.01642,-0.02752,0.00899,0.07665,-0.03462,-0.00614,-0.12753,0.03416,-0.02139,0.09432,0.05002,-0.0251,0.0193,0.01015,0.00395,0.08198,0.00529,0.00364,-0.05153,0.01614,-0.10806,0.04945,-0.07764,-0.00619,0.02723,-0.01697,-0.01184,0.02093,0.0184,0.03274,-0.09932,0.01903,0.00711,-0.03822],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. Example ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.scss :::","excerpt":"Example ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-waypoints/example.scss :::"},{"chunkId":"/examples/connection-waypoints#3","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.04644,-0.03809,-0.09953,0.05774,-0.09975,0.0815,0.01585,0.076,0.0195,-0.00694,-0.07984,-0.00485,-0.07208,0.02395,0.08321,0.0379,-0.07394,-0.01223,0.03082,0.0267,0.01067,-0.10955,0.00555,-0.01829,-0.03824,0.02198,0.06389,-0.03176,0.02441,-0.04632,0.05704,0.05559,-0.15521,-0.01243,-0.08585,0.01817,0.01674,-0.02096,-0.04396,-0.00431,0.11508,0.03684,0.02989,-0.05393,0.02548,0.01318,-0.0242,0.0444,-0.02617,0.08053,-0.08638,-0.02579,-0.06214,0.04348,0.03062,0.06281,0.02061,-0.02585,-0.02286,0.01071,0.04969,-0.06595,0.02161,0.01359,-0.07276,-0.01007,-0.06059,0.03605,0.03271,-0.01608,-0.02773,-0.0412,0.07266,-0.07829,0.08008,-0.01865,0.02806,0.06429,-0.00537,-0.05238,0.03106,0.02354,0.00687,0.07511,0.00609,0.01323,-0.02484,-0.0871,-0.00554,0.01851,0.0208,0.06745,-0.05831,-0.03707,0.04799,-0.02052,-0.04015,-0.00665,-0.0346,0.01878,-0.02067,-0.03234,-0.00321,0.03181,-0.02003,0.04677,-0.03098,0.00455,-0.04301,0.02373,-0.04087,0.00824,0.07811,-0.01794,-0.0479,0.00285,-0.05755,-0.01368,0.01319,0.03381,-0.0233,-0.05837,0.02693,0.01994,0.0132,0.01255,-0.01277,0,-0.00911,0.0631,-0.00216,-0.01506,0.04438,0.03109,0.00719,-0.0926,-0.01665,0.03454,-0.02576,0.0192,-0.04721,-0.01621,-0.01535,-0.11378,-0.0168,0.02186,-0.00694,0.03841,0.09228,-0.06333,-0.02634,-0.0495,0.10786,0.01509,-0.03852,0.07826,-0.07546,-0.00494,0.12446,-0.00592,0.00146,-0.02445,-0.03281,-0.03561,-0.0226,-0.06561,-0.10236,-0.02943,0.03632,-0.05044,-0.10741,0.03371,-0.07834,0.03243,-0.06053,0.04641,0.03736,0.01713,-0.029,0.00542,-0.01139,-0.05174,0.04502,-0.03486,-0.12947,0.06844,-0.01606,0.02674,0.03732,0.02358,-0.04126,-0.0778,0.00104,0.04085,-0.00772,0.02307,0.0953,-0.01333,-0.06132,0.09299,-0.0384,0.01784,-0.00608,-0.02028,-0.02888,0.00916,0.08885,-0.0532,-0.03227,-0.05528,-0.02437,0.09114,0.14113,-0.06086,-0.03708,-0.08227,-0.09337,0.01464,0.04575,0.01557,0.0532,0.02916,0.0088,0,-0.02588,-0.00887,-0.02626,0.04688,0.01905,-0.04583,0.03999,0.02109,0.07799,0.05548,0.00945,0.05542,0.02426,-0.05906,0.03399,-0.02148,0.03115,-0.10084,0.03586,-0.04996,0.00066,-0.01778,-0.04512,-0.11725,-0.0144,0.08094,0.01178,-0.00476,-0.00964,0.0169,0.00057,-0.03672,-0.00563,-0.02492,0.01447,0.01134,0.00251,0.01387,0.07838,-0.04673,0.05032,-0.0006,-0.02798,0.00286,-0.02474,0.08096,-0.08343,-0.02109,-0.09907,0.05517,-0.04907,0.04007,-0.08831,-0.00367,-0.06873,0.08548,0.0697,-0.04036,-0.00805,0.00188,-0.02498,-0.08342,0.08952,0.06008,0.07911,0.00314,-0.01269,-0.03348,0.053,0.06714,0.04109,0.08926,0.00195,0.02701,0.11525,-0.01666,0.05446,-0.01838,0.06597,0.01195,-0.01262,0.06907,0.04506,0.02199,0.03926,0.05077,-0.01698,0.01206,0.10126,0.10724,-0.03317,-0.01443,0.05816,-0.03614,-0.01124,0,-0.13168,-0.01258,-0.03296,0.0191,-0.00865,0.05486,-0.0911,0.00479,0.00214,-0.01271,-0.05186,0.14174,-0.03354,0.02562,0.08617,-0.00691,0.03372,-0.0166,-0.04782,-0.0367,-0.05618,0.00452,0.01849,0.17763,0.01378,-0.03263,0.01015,0.02751,0.02901,0.01956,-0.03196,-0.02834,0.01903,0.08758,-0.06284,0.01722,-0.08948,0.00512,-0.03874,0.08704,0.05174,0.00077,0.01467,-0.00487,0.00968,0.07604,-0.0236,-0.00575,-0.03546,0.01368,-0.06311,0.04302,-0.09355,-0.00399,0.00858,-0.0084,-0.037,0.00988,0.03988,0.04104,-0.13879,0.02246,0.02988,-0.03247],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. What you can do - See waypoint candidates generated along each connection segment. - Add a waypoint to make the route explicit. - Move existing waypoints to reshape the connection in real time. - Bind [(waypoints)] to your own state and react through (fConnectionWaypointsChanged). f Connection Waypoints Changed","excerpt":"What you can do - See waypoint candidates generated along each connection segment. - Add a waypoint to make the route explicit. - Move existing waypoints to reshape the connection in real time. - Bind [(waypoints)] to your own state and react through (fConnectionWaypointsChanged)."},{"chunkId":"/examples/connection-waypoints#4","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.00345,-0.00738,-0.13222,0.04628,-0.09356,0.05549,-0.00256,0.05872,0.02197,0.0002,-0.05786,0.00239,-0.05819,0.04302,0.082,0.04111,-0.08221,-0.00371,0.03952,0.0377,0.02161,-0.0808,-0.0085,-0.02285,-0.04263,0.01409,0.04253,-0.00698,0.0326,-0.05407,0.03098,0.04951,-0.14703,0.01542,-0.0716,0.01009,0.03437,-0.01383,-0.02504,0.00409,0.11244,0.05365,0.02684,-0.0642,0.0054,0.00128,-0.04246,0.04551,-0.03266,0.10383,-0.08827,-0.05079,-0.05897,0.04047,0.00981,0.01758,-0.02866,-0.04762,0.00295,0.03913,0.07293,-0.05928,-0.00242,0.02327,-0.07888,-0.04203,-0.05732,0.03573,0.03519,-0.02455,-0.00803,-0.06304,0.05153,-0.06783,0.08068,-0.00388,0.00145,0.06023,-0.01292,-0.07528,0.01553,0.05202,0.02173,0.09829,0.00603,0.04101,-0.05349,-0.09528,-0.01325,0.00058,0.0178,0.0712,-0.08938,-0.02592,0.05652,-0.03738,-0.02311,-0.02735,-0.07752,0.03952,-0.03886,-0.04653,0.02224,0.02193,-0.00198,0.03891,-0.01734,0.0167,-0.05604,0.00679,-0.03551,0.01882,0.07685,-0.03944,-0.04747,-0.01935,-0.07553,-0.01409,0.0151,0.02913,-0.02148,-0.04673,0.02409,0.03171,0.03527,-0.00181,-0.06209,0,0.01054,0.07942,0.01837,-0.0062,0.04419,0.03048,-0.00929,-0.07536,0.0009,0.04895,-0.01417,-0.00781,-0.04251,-0.02407,0.02944,-0.10644,0.021,0.04462,-0.06253,0.02829,0.08239,-0.08892,-0.00719,-0.02842,0.11908,0.04539,-0.02056,0.04568,-0.06876,0.01507,0.12343,0.00953,0.01272,-0.04882,-0.01464,-0.04752,-0.02923,-0.05925,-0.0766,-0.03895,0.03745,-0.03929,-0.1014,0.02236,-0.08388,0.0382,-0.05413,0.0719,0.02358,0.017,-0.01847,0.03794,-0.03209,-0.00608,0.05603,-0.04417,-0.12411,0.07656,-0.01097,0.00975,0.02005,0.03016,-0.04986,-0.06927,-0.01121,-0.00141,-0.00887,-0.00448,0.09821,0.00852,-0.05025,0.10651,-0.02534,0.01425,-0.00703,-0.04359,-0.02749,0.01666,0.11945,-0.04951,-0.04495,-0.05868,-0.01319,0.02895,0.10602,-0.06175,0.00911,-0.0839,-0.09967,-0.03222,0.07283,0.03707,0.00415,-0.00253,-0.0065,0,-0.02089,0.0053,-0.00196,0.03778,0.04262,-0.05997,0.05104,-0.00391,0.08216,0.07548,0.00257,0.05969,0.00037,-0.04544,0.08349,-0.0234,0.00473,-0.11171,0.04738,-0.06483,-0.0088,-0.00658,-0.00877,-0.10907,-0.02139,0.06604,0.00141,0.00673,-0.01353,0.02917,0.00167,-0.0409,-0.0016,-0.02934,0.03339,-0.00949,0.00354,0.03615,0.06613,-0.04605,0.05087,0.0059,-0.01076,-0.01624,-0.02209,0.06605,-0.02515,-0.00206,-0.08433,0.01587,-0.02001,0.03087,-0.08432,0.00624,-0.06133,0.07846,0.0577,-0.03681,0.00455,0.00138,-0.05074,-0.06963,0.08178,0.05813,0.07231,-0.00798,0.00204,-0.0582,0.02553,0.08058,0.01801,0.06818,0.00929,0.03112,0.07935,-0.00517,0.07397,0.0069,0.06391,0.00608,-0.00987,0.07133,0.05521,0.05216,0.07227,0.04832,-0.00016,-0.0034,0.05843,0.13202,-0.01868,-0.00753,0.0519,-0.01697,0.01917,0,-0.1564,-0.00852,-0.04572,0.02042,-0.01023,0.02944,-0.08133,0.05886,0.00777,-0.00156,-0.02575,0.13798,-0.0398,0.02125,0.10376,-0.02109,0.02195,-0.01533,-0.05733,-0.03326,-0.06332,-0.00182,0.01944,0.14709,-0.01233,-0.03841,-0.02319,0.03788,0.03396,0.0015,0.00079,-0.01381,0.03747,0.10796,-0.03843,-0.01388,-0.11753,0.02523,-0.04939,0.07734,0.05577,-0.00134,0.02515,0.00046,0.02325,0.0935,0.00496,0.00187,-0.05779,0.02064,-0.07707,0.05898,-0.074,-0.01481,-0.01966,-0.00325,-0.029,0.00316,0.03481,0.04695,-0.11882,0.0205,0.0227,-0.02846],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. Key API Place <f-connection-waypoints inside <f-connection and configure: - [(waypoints)] for two-way binding with your waypoint array. - radius for the visual size of candidates and active waypoints.","excerpt":"Key API Place <f-connection-waypoints inside <f-connection and configure: - [(waypoints)] for two-way binding with your waypoint array. - radius for the visual size of candidates and active waypoints."},{"chunkId":"/examples/connection-waypoints#5","slug":"connection-waypoints","route":"/examples/connection-waypoints","section":"examples","title":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type","description":"Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections.","group":"Connections - Routing","vector":[-0.03464,-0.00801,-0.11242,0.03587,-0.09344,0.0635,0.02369,0.03731,0.04573,-0.0118,-0.05072,-0.00861,-0.05342,0.01804,0.07785,0.03034,-0.05104,-0.03721,0.04995,0.0666,0.00465,-0.07616,-0.01235,-0.00227,-0.02861,0.02424,0.0609,-0.00203,0.02584,-0.03752,0.0255,0.06852,-0.13553,0.00479,-0.07951,-0.01283,0.04814,-0.02636,-0.07958,-0.02458,0.10654,0.03315,0.01052,-0.04914,-0.00498,-0.00139,-0.00877,0.01086,-0.04114,0.09833,-0.07704,-0.03011,-0.05038,0.0644,0.00252,0.04678,-0.00426,-0.03515,0.00757,0.05248,0.0484,-0.02453,0.0142,0.05341,-0.06969,-0.03331,-0.06974,0.03002,0.04226,-0.04553,-0.00962,-0.06032,0.04902,-0.07704,0.10165,-0.02456,-0.00004,0.03406,-0.02241,-0.06952,0.04001,0.03474,0.02521,0.0991,-0.01257,0.0235,0.00028,-0.06837,-0.01376,0.01528,0.02046,0.07798,-0.07909,-0.04605,0.10773,-0.04848,-0.03157,-0.04279,-0.07833,0.0206,-0.0145,-0.03828,0.01411,0.021,-0.01212,0.03029,-0.01735,0.00471,-0.05165,0.01646,-0.05174,0.00715,0.06849,-0.04378,-0.04811,-0.03219,-0.07809,-0.00384,-0.01272,0.01658,-0.01214,-0.05352,0.04075,0.02659,0.02162,0.02395,-0.08047,0,-0.00327,0.03994,0.00453,-0.02589,0.03013,0.00502,0.00444,-0.04366,0.00525,0.02789,-0.00376,-0.00461,-0.04775,0.00327,0.02474,-0.09293,-0.02957,0.04609,-0.03166,0.03903,0.11885,-0.08801,-0.02826,-0.03343,0.10797,0.08154,-0.03063,0.04912,-0.068,0.0195,0.08458,-0.00647,0.00181,-0.04702,-0.03247,-0.03235,-0.04244,-0.08789,-0.04209,-0.01756,0.01047,-0.05329,-0.12234,0.00284,-0.06197,0.02594,-0.03541,0.04195,0.00633,0.00734,0.00084,0.00519,-0.00853,-0.00125,0.01994,-0.04916,-0.0963,0.06482,-0.02358,0.00194,0.02241,0.05501,-0.03924,-0.07367,0.0113,0.01937,-0.01006,-0.00586,0.08367,-0.01849,-0.10158,0.10625,-0.0388,0.00062,-0.00466,-0.03393,-0.02103,0.00724,0.09947,-0.03652,-0.04081,-0.0685,0.0172,0.03568,0.10523,-0.0724,0.00967,-0.09368,-0.10446,-0.00857,0.09723,0.03228,-0.01682,0.02308,0.00283,0,-0.02638,0.00335,-0.02027,0.02364,0.02642,-0.06126,0.05477,0.016,0.10289,0.03688,0.03029,0.06839,0.02628,-0.04572,0.08242,-0.02,0.00507,-0.10251,0.01847,-0.05163,-0.0253,-0.00391,-0.00135,-0.13227,-0.0323,0.04419,0.01417,-0.01389,0.01427,0.00073,0.00573,0.00007,0.00001,-0.07178,0.02615,0.03358,-0.03449,0.00821,0.05594,-0.04185,0.05577,0.00693,-0.02278,-0.00192,-0.02313,0.09723,-0.0703,-0.01394,-0.05557,0.0099,-0.01815,0.06263,-0.07794,-0.01515,-0.05309,0.10477,0.10852,-0.03412,-0.02317,-0.02846,0.00187,-0.03665,0.06476,0.0536,0.07871,0.00708,-0.00688,-0.03439,0.03059,0.03933,0.03093,0.05745,-0.01584,0.01086,0.09456,0.00947,0.05802,-0.02558,0.0499,-0.01103,-0.01327,0.09518,0.06313,0.02578,0.05073,0.04355,-0.0521,-0.00671,0.06134,0.11932,-0.03731,-0.00536,0.04797,0.00211,-0.03536,0,-0.15004,-0.03124,-0.0231,0.0158,-0.01443,0.04594,-0.09002,0.06762,0.03795,-0.00439,-0.04678,0.12005,-0.0459,0.02342,0.12634,0.01119,0.02703,-0.01777,-0.0471,-0.06124,-0.0534,-0.00267,-0.00429,0.16732,0.0168,-0.04649,-0.00271,0.04321,0.03601,0.00527,0.02002,-0.00972,0.03691,0.12403,-0.04466,0.0488,-0.09354,0.05188,-0.04336,0.05472,0.03776,-0.00443,-0.01018,0.00005,0.00539,0.11348,0.00409,-0.01835,-0.05966,0.02093,-0.08367,0.07672,-0.08444,0.00047,-0.00895,0.02483,-0.03374,-0.02463,0.05732,0.02934,-0.11896,0.03196,0.03784,0.00357],"keywords":"Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Connection Waypoints in Foblex Flow – Add and Drag Waypoints for Any Connection Type Learn how to control connection routing with Waypoints in Angular diagrams. Add waypoints from candidates, drag them to reshape connections, and bind waypoint data via [(waypoints)]. Works with straight, segment, bezier, and adaptive-curve connections. Interaction model - Drag a green candidate point onto the connection to add a waypoint. - Drag a blue waypoint to move it. - Right-click a waypoint to remove it. - Use the toolbar toggles to show/hide waypoints or disable interaction. The feature stays data-driven: Foblex Flow handles interaction, but the waypoint array still belongs to your app.","excerpt":"Interaction model - Drag a green candidate point onto the connection to add a waypoint. - Drag a blue waypoint to move it. - Right-click a waypoint to remove it. - Use the toolbar toggles to show/hide waypoints or disable interaction. The feature stays data-driven: Foblex Flow handles interaction, but the waypoint array still belongs to your app."},{"chunkId":"/examples/connection-connectable-side#0","slug":"connection-connectable-side","route":"/examples/connection-connectable-side","section":"examples","title":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate)","description":"Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams.","group":"Connections - Routing","vector":[-0.02948,-0.02812,-0.07632,0.06519,-0.04576,0.05279,-0.02927,0.05042,-0.00387,0.07114,-0.01648,0.07986,-0.03409,0.01106,-0.02477,0.01094,-0.0582,-0.04648,0.0047,-0.03832,-0.06962,-0.06438,-0.05099,-0.03606,0.01238,-0.00765,0.00643,0.00643,0.06933,-0.05019,-0.04863,0.0118,-0.1148,-0.01064,-0.15651,0.00373,0.03914,0.00931,-0.01608,-0.00207,0.0914,-0.00012,0.00531,-0.02838,-0.04344,0.05452,-0.16355,0.05296,-0.04266,0.07044,-0.032,-0.0516,-0.06934,-0.00664,0.0327,-0.00062,0.04864,-0.01824,-0.01903,0.04534,0.06237,-0.02835,-0.04155,0.02466,0.0242,-0.03399,-0.0206,0.05905,-0.05644,-0.0055,-0.01768,-0.06839,-0.01788,-0.0754,0.04997,-0.0093,0.01134,0.06668,-0.00459,-0.04577,0.05298,0.16235,-0.01901,0.04678,-0.06453,0.05492,-0.03459,-0.03409,0.04128,-0.06003,0.01347,-0.01486,0.01341,-0.00219,0.03753,0.00051,-0.03657,0.01922,-0.0832,0.01262,0.03059,-0.0789,0.07272,-0.03487,-0.01019,-0.00695,-0.01797,0.01618,0.03215,-0.05372,-0.00218,0.04184,-0.04792,-0.08035,-0.06227,-0.03367,-0.01847,0.01009,0.06632,0.01932,-0.0502,0.01239,0.04529,-0.02304,0.03529,-0.06148,-0.03279,0,-0.01627,-0.00499,0.00767,0.09299,-0.00196,0.02941,-0.02736,-0.04634,0.03768,0.10023,0.03024,0.06679,-0.08726,0.01534,0.05122,-0.06044,0.01278,-0.00723,-0.04978,0.02567,-0.02381,-0.07641,-0.02396,0.06205,0.10608,0.03223,-0.00128,0.02847,-0.06724,-0.00328,0.12211,0.04663,-0.00471,0.04399,0.00879,-0.0238,-0.05027,-0.03974,-0.02657,-0.01438,-0.01225,-0.0637,-0.10898,0.05163,-0.02583,0.01333,-0.02081,0.02794,0.05315,0.01394,-0.04077,0.0218,-0.00215,-0.03302,0.05267,-0.00477,-0.08255,0.08274,0.00137,0.07274,0.01435,-0.03687,-0.03113,-0.03738,-0.04731,0.00436,-0.04935,-0.10616,0.09967,-0.07034,-0.11559,0.01864,0.02022,0.07716,-0.06177,-0.02247,-0.08988,0.06573,0.08062,0.01091,-0.03782,0.00001,0.03039,0.00293,0.01844,-0.11247,-0.00366,-0.03466,-0.01642,-0.01095,0.04158,0.07554,0.04207,0.0811,0.03792,0,-0.09883,0.01594,-0.02601,-0.00443,-0.03777,-0.05654,0.07307,-0.01494,0.03487,0.10606,0.14545,0.03844,-0.0308,-0.01315,-0.01443,-0.0099,0.00214,-0.07515,0.03622,0.00649,0.03032,-0.00353,0.03434,-0.0852,-0.01818,0.04145,0.01909,-0.05021,0.02699,0.05066,-0.03738,-0.03558,0.0245,0.02742,-0.09697,-0.06275,0.0189,0.02315,0.03882,-0.08738,0.00116,0.03989,0.00715,-0.01556,-0.05092,-0.0244,-0.03927,0.00605,-0.09855,-0.06431,-0.02372,0.04442,0.06269,-0.05003,-0.00844,-0.00487,0.04307,0.00094,0.06447,0.00661,0.02444,-0.05851,0.05056,0.00547,-0.03245,0.05586,0.02693,-0.12425,0.08697,0.01343,0.00635,0.06225,0.01527,-0.05052,0.05262,-0.01159,0.01838,-0.09676,0.02955,-0.04231,-0.05306,0.05201,-0.01295,0.04215,0.00092,-0.00181,-0.04519,0.06768,0.04839,0.07089,-0.05761,-0.01102,0.0261,0.01608,0.0143,0,-0.07019,-0.03051,0.00545,-0.06419,-0.00387,0.007,0.05412,0.02165,-0.03478,0.08592,-0.00088,0.13119,-0.03009,-0.00702,0.11674,0.06014,0.01849,0.04388,0.00398,0.01996,0.0138,-0.04122,0.09317,0.10408,0.02669,-0.01435,-0.03617,0.12037,-0.02603,0.02019,0.00358,-0.05399,0.03215,0.05031,-0.01061,0.05108,-0.1192,0.02397,-0.01524,0.08057,0.0224,0.03058,0.02534,0.04594,0.04173,0.0827,0.01967,0.04932,-0.06649,0.01074,-0.0698,-0.00823,-0.03239,-0.06859,-0.04079,-0.01251,0.05596,-0.00552,-0.03424,0.02484,-0.08592,0.13289,-0.04355,-0.06083],"keywords":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams. --- toc: false wideContent: true --- Connection Connectable Side wide Content","excerpt":"--- toc: false wideContent: true --- Connection Connectable Side"},{"chunkId":"/examples/connection-connectable-side#1","slug":"connection-connectable-side","route":"/examples/connection-connectable-side","section":"examples","title":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate)","description":"Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams.","group":"Connections - Routing","vector":[-0.01408,-0.0069,-0.05416,0.07556,-0.06669,0.02436,-0.03208,0.05091,0.01006,0.05998,-0.02519,0.11482,-0.03011,0.0303,-0.00794,0.04419,-0.05472,-0.02795,0.02003,-0.02116,-0.05153,-0.07098,-0.04794,-0.04004,-0.00095,-0.00722,0.0204,0.0255,0.07161,-0.05009,-0.02866,-0.01479,-0.11385,0.00979,-0.17468,-0.00937,-0.01454,0.02755,-0.02146,0.01238,0.09869,-0.01356,-0.01767,-0.04527,-0.05973,0.01778,-0.14372,0.04612,-0.04186,0.07012,-0.04047,-0.05355,-0.09002,0.00846,0.04392,0.02126,0.03215,-0.02128,-0.01234,0.04999,0.0695,-0.05324,-0.03871,0.02414,0.01542,-0.03011,-0.01161,0.06308,-0.05095,0.02444,0.00053,-0.05227,-0.02803,-0.07847,0.00481,0.00984,0.01984,0.06863,-0.01537,-0.01982,0.04955,0.14093,-0.03103,0.07437,-0.02733,0.05232,-0.03625,-0.04979,0.05172,-0.06887,-0.01725,-0.00794,0.03643,0.00579,0.02337,0.04479,-0.05128,-0.00179,-0.08157,0.01693,0.00762,-0.08079,0.06225,-0.01037,0.0143,-0.00651,-0.01616,0.00389,-0.00839,-0.02736,-0.0095,0.04651,-0.04032,-0.05819,-0.0785,-0.0037,-0.02015,0.00826,0.06011,0.06604,-0.06473,0.00499,0.06215,-0.04597,0.04782,-0.04243,-0.0359,0,-0.03397,-0.01227,-0.00787,0.03102,0.02165,0.01694,-0.06816,-0.05222,0.02291,0.07117,-0.01318,0.05296,-0.06842,0.02656,0.04165,-0.05787,0.01466,0.01096,-0.02342,0.00487,-0.01562,-0.0987,-0.03479,0.03538,0.09273,0.04916,0.01054,-0.00367,-0.07305,-0.00183,0.12734,0.04949,-0.00963,0.04206,0.0095,-0.00345,-0.03845,-0.04651,-0.02722,-0.00321,-0.00191,-0.02817,-0.0974,0.04344,-0.02954,0.00666,-0.01575,0.02985,0.04729,0.02443,-0.05616,0.03285,0.04099,-0.00687,0.05876,-0.05076,-0.08599,0.08003,-0.00863,0.06242,0.0067,-0.05393,-0.03468,-0.05644,-0.02037,0.02019,-0.03655,-0.07647,0.08841,-0.08235,-0.10432,0.02264,0.02196,0.08251,-0.06884,-0.00887,-0.09899,0.07634,0.09312,0.01115,-0.05852,0.00867,0.00373,0.00817,0.05431,-0.11819,0.00687,-0.06438,-0.00648,0.00595,0.03231,0.08842,0.04562,0.11329,0.02853,0,-0.10009,0.02194,-0.01291,0.03459,-0.03369,-0.04599,0.0888,-0.03148,0.05845,0.11806,0.11809,0.05451,-0.02503,-0.01999,0.01928,-0.01855,-0.02949,-0.09519,0.07881,0.00975,0.01911,0.00931,-0.01414,-0.0829,0.01958,0.05516,0.0518,-0.06182,-0.01119,0.05732,-0.02398,-0.0375,0.01372,0.02391,-0.08299,-0.00724,-0.00489,0.04445,0.07345,-0.08065,0.02522,0.03089,0.01724,0.00408,-0.04672,-0.01724,-0.04468,0.00557,-0.11298,-0.08859,-0.05519,0.07908,0.03768,-0.03374,-0.00025,-0.00857,0.03732,0.01964,0.0489,0.0167,0.05075,-0.0515,0.04725,-0.00169,-0.036,0.03878,0.0251,-0.13797,0.05674,0.00476,0.00886,0.08071,0.00841,-0.03826,0.06993,0.0057,0.02889,-0.07622,0.02025,-0.02099,-0.07943,0.04429,-0.03856,0.01,-0.03691,-0.00848,-0.0493,0.05226,0.03786,0.0579,-0.05892,-0.01314,0.00306,0.02747,-0.01986,0,-0.07667,-0.01592,0.01531,-0.0502,0.0254,0.01664,0.04493,0.02806,-0.03369,0.07767,0.02113,0.14203,-0.04058,0.02413,0.07975,0.0563,0.02506,0.02686,-0.01166,0.024,-0.00864,-0.02263,0.06155,0.1223,0.01603,-0.01485,-0.01012,0.09295,-0.03961,0.02288,-0.01925,-0.01995,0.05177,0.0861,-0.02426,0.07257,-0.12424,0.02112,-0.0067,0.06914,0.045,-0.004,0.03229,0.02352,0.03697,0.0928,0.02178,0.04624,-0.04632,0.01249,-0.05521,-0.03118,-0.03232,-0.06404,-0.02435,-0.02564,0.05548,-0.02466,-0.02509,0.01815,-0.07403,0.11681,-0.0274,-0.08097],"keywords":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams. Description Control which side an individual connection uses at both ends instead of relying only on connector defaults. Use this when routing should stay predictable, or when a specific edge needs to override the usual node-side behavior.","excerpt":"Description Control which side an individual connection uses at both ends instead of relying only on connector defaults. Use this when routing should stay predictable, or when a specific edge needs to override the usual node-side behavior."},{"chunkId":"/examples/connection-connectable-side#2","slug":"connection-connectable-side","route":"/examples/connection-connectable-side","section":"examples","title":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate)","description":"Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams.","group":"Connections - Routing","vector":[-0.03644,0.01152,-0.08921,0.05828,-0.02168,0.0678,-0.0272,0.0512,-0.00597,0.06046,-0.04105,0.08678,-0.02391,0.03455,0.0113,0.02019,-0.08043,-0.01412,0.00377,-0.02473,-0.02459,-0.06078,-0.00744,-0.0403,0.01617,0.00442,0.00777,0.00515,0.07995,-0.03702,-0.00914,0.01575,-0.09527,-0.00917,-0.12558,0.02887,0.01359,0.03724,-0.01582,-0.01566,0.10767,-0.00684,0.01818,-0.092,-0.03383,0.02541,-0.14017,0.0668,-0.05803,0.04631,-0.02987,-0.06446,-0.07099,0.05259,0.05123,0.01916,0.04149,-0.0516,0.01322,0.0223,0.03021,-0.03357,-0.00504,-0.00728,0.02775,0.00503,-0.03458,0.06516,-0.06957,0.057,-0.00445,-0.02049,-0.02514,-0.10105,0.03897,-0.02577,-0.02534,0.12829,-0.02263,-0.05079,0.03951,0.09875,-0.02633,0.06336,-0.0598,0.07063,-0.01692,-0.03261,0.03333,-0.05913,-0.02036,0.04157,-0.03025,-0.01044,0.06176,0.02446,-0.08957,-0.00146,-0.06898,0.04706,-0.02367,-0.07275,0.08639,0.01966,0.03033,-0.00929,-0.01008,0.02876,-0.01275,-0.01024,0.01004,0.03985,0.02079,-0.05345,-0.04666,-0.04559,-0.00182,-0.01408,0.07695,0.05453,0.01712,0.00349,0.01199,-0.06012,0.07212,-0.02507,0.00975,0,-0.00677,-0.00846,-0.01134,0.06487,0.04013,-0.00435,-0.03792,-0.06677,0.00245,0.10394,-0.02703,0.05574,-0.09108,-0.03342,0.02402,-0.09027,0.04421,0.00596,-0.05974,0.01103,0.01635,-0.08033,-0.05019,0.03395,0.1128,0.00657,-0.03474,0.03291,-0.08354,-0.01581,0.14027,0.03966,0.00082,-0.00775,0.00223,-0.04788,-0.01561,-0.02633,-0.04911,-0.0192,0.03437,-0.04704,-0.07371,0.0756,-0.05675,0.0042,-0.02315,0.00915,0.07906,0.01523,-0.03725,0.06115,0.00561,-0.04702,0.04137,-0.04126,-0.08006,0.09004,-0.04142,0.08883,-0.01167,-0.00279,-0.0131,-0.06249,0.01107,0.00595,-0.04683,-0.06714,0.07259,-0.10024,-0.10726,0.04325,-0.00906,0.04236,-0.0528,-0.01688,-0.05889,0.05948,0.07897,-0.00348,-0.01188,-0.03862,-0.01457,0.02641,0.04387,-0.12077,-0.00017,-0.05611,-0.04969,-0.049,0.04017,0.0644,0.05617,0.02547,0.04092,0,-0.05153,0.00738,0.04333,0.06688,-0.03564,-0.03552,0.10014,0.02039,0.0428,0.12948,0.06824,0.06253,-0.02577,-0.04477,0.00459,0.02007,-0.04239,-0.07768,0.0995,0.0217,0.0239,0.0702,0.01123,-0.05545,-0.01212,0.07533,0.05117,-0.00798,0.00964,0.00765,-0.05063,-0.05091,-0.03378,0.0515,-0.10628,-0.05498,-0.00188,0.08678,0.04803,-0.06242,0.08685,0.06707,-0.00857,-0.00181,-0.04661,-0.00272,-0.00623,-0.00821,-0.12353,-0.08034,-0.05169,0.05176,0.00144,-0.00524,-0.00445,0.00017,0.07889,-0.0249,0.00214,0.02375,0.06285,-0.06837,0.04342,0.00465,0.01614,0.05018,-0.03927,-0.12161,0.0596,0.0092,0.01595,0.05777,0.0467,-0.04256,0.09021,0.00973,0.02176,-0.05578,0.02241,-0.00814,-0.07385,0.04661,-0.03751,0.00936,-0.0149,0.00841,-0.08087,0.04091,0.06241,0.04439,-0.10141,-0.01611,0.02403,0.01227,0.00608,0,-0.07803,-0.05952,-0.01658,-0.0618,0.00602,-0.00295,0.01483,-0.01764,-0.04446,0.03608,-0.03924,0.12641,0.00273,-0.00026,0.03492,0.05356,0.01372,0.03642,-0.0323,0.02735,-0.00652,-0.01811,0.05678,0.14267,0.01218,-0.05714,-0.0501,0.05941,-0.00506,0.01138,-0.00237,-0.03639,0.0477,0.06703,-0.01393,0.01069,-0.16421,0.02553,-0.00849,0.06937,0.06693,-0.00717,0.03117,0.02095,0.03211,0.07213,-0.0017,0.03818,-0.03774,-0.00865,-0.05438,-0.01359,-0.04124,-0.03592,-0.01523,-0.03291,0.05425,0.01063,-0.00139,0.02766,-0.07647,0.10616,-0.0055,-0.07015],"keywords":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams. Example ::: ng-component <connection-connectable-side</connection-connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.scss :::","excerpt":"Example ::: ng-component <connection-connectable-side</connection-connectable-side [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/connections/connection-connectable-side/example.scss :::"},{"chunkId":"/examples/connection-connectable-side#3","slug":"connection-connectable-side","route":"/examples/connection-connectable-side","section":"examples","title":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate)","description":"Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams.","group":"Connections - Routing","vector":[-0.00957,-0.02301,-0.08265,0.06042,-0.08527,0.02991,-0.04922,0.06784,-0.00724,0.06847,-0.01938,0.1055,-0.01848,-0.00143,-0.01826,0.07545,-0.09712,-0.00548,0.02335,-0.04158,-0.03051,-0.0505,-0.03879,-0.04695,0.01701,-0.00478,0.0311,0.02364,0.07728,-0.03693,-0.03634,-0.02546,-0.10274,-0.00771,-0.19338,-0.00854,-0.01563,0.00257,-0.03155,0.02753,0.09166,-0.0165,-0.00138,-0.05584,-0.05222,0.01788,-0.13116,0.06884,-0.04508,0.06537,-0.03652,-0.06082,-0.07095,-0.0139,0.0489,0.03125,0.04478,-0.0044,-0.02423,0.02231,0.07985,-0.0373,-0.03262,-0.01469,0.00651,-0.01409,-0.01796,0.04336,-0.0408,0.01487,-0.01031,-0.07381,-0.00283,-0.07205,0.022,-0.01644,0.02066,0.08327,0.00217,-0.01372,0.0732,0.13506,-0.03423,0.08278,-0.0167,0.04212,-0.04878,-0.03452,0.0668,-0.05528,-0.00903,-0.00745,-0.01959,-0.02239,0.03662,0.02377,-0.05276,0.00077,-0.05569,0.00682,0.00266,-0.06465,0.03827,-0.01208,-0.00602,0.0188,0.00232,0.01119,0.00053,-0.02892,-0.02479,0.0501,-0.02858,-0.05039,-0.05614,-0.01091,-0.00725,0.01051,0.05163,0.05595,-0.0632,0.00609,0.07086,-0.02121,0.05552,-0.04312,-0.0089,0,-0.0363,-0.00291,-0.00455,0.043,0.00929,0.02089,-0.07591,-0.05116,0.04738,0.07796,-0.02392,0.05908,-0.06938,0.02691,0.04642,-0.05428,0.04611,-0.02101,-0.03553,0.01426,0.01196,-0.09439,-0.03857,0.02478,0.08043,0.06221,0.03234,0.01702,-0.09007,-0.01705,0.14469,0.04337,-0.03943,0.03984,-0.01453,-0.00359,-0.03139,-0.03456,-0.02484,0.02275,-0.01304,-0.01879,-0.09014,0.05236,-0.07204,0.00139,-0.04044,0.04558,0.069,0.04452,-0.06437,0.01953,0.01005,-0.02927,0.06657,-0.03749,-0.08738,0.07611,-0.00431,0.05528,0.01773,-0.05126,-0.00474,-0.04715,-0.04142,0.01843,-0.05617,-0.08232,0.10247,-0.06412,-0.0941,0.01871,0.01754,0.07462,-0.0423,-0.01293,-0.10579,0.04715,0.0601,0.04505,-0.05616,0.02959,0.01631,0.01136,0.06945,-0.12321,-0.01333,-0.0445,0.02142,-0.0167,0.00148,0.07663,0.02212,0.10346,0.02795,0,-0.10788,0.04506,-0.01212,0.00457,-0.05168,-0.04489,0.09564,-0.04263,0.06251,0.11603,0.09173,0.05193,-0.01825,-0.0051,0.01844,-0.0315,-0.04144,-0.09256,0.06417,0.00583,0.00173,0.02426,0.00708,-0.07115,0.01013,0.03168,0.07721,-0.05869,-0.01224,0.05904,-0.03244,-0.01759,0.04399,0.02091,-0.08947,0.00027,0.00133,0.03911,0.05534,-0.09175,0.03699,0.03881,0.02069,-0.01249,-0.03391,-0.02292,-0.0208,0.00909,-0.09473,-0.0757,-0.03343,0.06974,0.01725,-0.02941,0.02157,0.01358,0.03777,0.0074,0.06347,0.01187,0.01812,-0.06411,0.04166,0.00933,-0.02973,0.05039,0.0581,-0.14866,0.07203,-0.00484,0.00745,0.10217,0.03801,-0.00617,0.08314,-0.03141,0.01204,-0.04547,0.01359,-0.01653,-0.05585,0.03684,-0.02539,0.00138,-0.05768,0.00257,-0.0619,0.05374,0.02528,0.05798,-0.03523,0.00405,-0.0154,0.0224,-0.0281,0,-0.08199,-0.02357,0.01891,-0.0417,-0.00452,0.01481,0.05345,0.00506,-0.03868,0.04061,0.00373,0.13667,-0.0434,0.00653,0.07911,0.05021,0.04445,0.03463,-0.01072,0.02648,0.00799,-0.03337,0.06134,0.13176,0.04825,-0.02337,-0.03796,0.09724,-0.03874,0.01247,-0.00164,-0.01938,0.04628,0.08844,-0.02642,0.06462,-0.10677,0.03787,0.00472,0.07589,0.0159,0.02731,0.04046,0.02384,0.05061,0.09847,0.01137,0.03011,-0.02939,-0.01335,-0.03502,-0.01348,-0.01346,-0.0511,-0.01677,0.00014,0.04557,-0.04411,-0.04919,0.02547,-0.08379,0.11207,-0.01653,-0.11368],"keywords":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams. Supported modes - Set explicit sides such as LEFT, RIGHT, TOP, or BOTTOM. - Use CALCULATE, CALCULATEHORIZONTAL, or CALCULATEVERTICAL when the route should adapt to node positions. - Configure the side independently for the output and input of each connection.","excerpt":"Supported modes - Set explicit sides such as LEFT, RIGHT, TOP, or BOTTOM. - Use CALCULATE, CALCULATEHORIZONTAL, or CALCULATEVERTICAL when the route should adapt to node positions. - Configure the side independently for the output and input of each connection."},{"chunkId":"/examples/connection-connectable-side#4","slug":"connection-connectable-side","route":"/examples/connection-connectable-side","section":"examples","title":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate)","description":"Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams.","group":"Connections - Routing","vector":[0.00814,-0.00963,-0.0261,0.06469,-0.06891,0.02487,-0.05882,0.06041,0.02243,0.067,-0.00308,0.1272,-0.03536,0.01935,0.01011,0.04229,-0.06543,-0.04491,-0.00271,-0.0174,-0.0394,-0.07588,-0.03192,-0.06557,0.03561,0.01818,0.00896,0.04718,0.0946,-0.05278,-0.04092,0.01379,-0.1121,-0.02876,-0.20492,-0.01513,-0.00965,0.02695,-0.02251,0.01817,0.0646,-0.00727,0.00585,-0.03486,-0.03817,0.02994,-0.12058,0.0417,-0.04473,0.04251,-0.05489,-0.04222,-0.07811,-0.01247,0.06137,0.02559,0.04971,0.01409,-0.01849,0.02091,0.04731,-0.05504,-0.05226,0.00282,0.02266,-0.02686,-0.00325,0.01881,-0.03139,0.03368,0.00449,-0.05272,-0.00731,-0.05854,0.00951,-0.01957,-0.01072,0.061,-0.03179,-0.01944,0.06542,0.14068,-0.03339,0.09697,-0.00847,0.03071,-0.02251,-0.05543,0.06148,-0.05364,0.02016,0.0011,0.03276,-0.00241,0.01796,0.04107,-0.05,0.0302,-0.07907,-0.00693,0.02127,-0.08388,0.04609,0.01171,0.03827,-0.01564,-0.00197,0.02817,-0.01629,-0.00922,-0.00553,0.05565,-0.02556,-0.04656,-0.07773,-0.01211,-0.03121,0.01797,0.07258,0.05985,-0.07494,-0.01769,0.09074,-0.03933,0.05779,-0.03344,-0.01563,0,-0.03378,-0.01276,-0.00961,0.0365,0.01888,0.01325,-0.06944,-0.0499,0.06405,0.08348,-0.01074,0.06324,-0.0736,0.04207,0.05644,-0.03502,0.0306,-0.00515,-0.05211,-0.00143,-0.00031,-0.10396,-0.03157,0.01934,0.10552,0.05013,0.02977,0.03478,-0.11965,-0.01442,0.1343,0.02003,-0.00905,0.04373,0.00501,0.0307,-0.03941,-0.06557,-0.01683,0.00594,-0.02443,-0.01604,-0.09146,0.06265,-0.04954,0.02093,-0.03378,0.03596,0.03178,0.03302,-0.07336,0.05328,0.0627,-0.0157,0.06521,-0.05585,-0.07716,0.06177,-0.02302,0.06344,0.01045,-0.06444,-0.01464,-0.02648,-0.02608,0.02332,-0.05701,-0.06572,0.08305,-0.06974,-0.07834,0.01094,0.01831,0.07481,-0.03969,-0.0174,-0.10099,0.04668,0.06823,0.01123,-0.04377,0.03874,0.00203,0.02244,0.05021,-0.11279,0.00713,-0.06741,0.02168,-0.01911,0.01464,0.06393,0.0409,0.11527,0.03484,0,-0.08474,0.01805,-0.01236,0.02986,-0.05943,-0.03372,0.09676,-0.05206,0.09071,0.09595,0.10114,0.06743,-0.06671,-0.04576,0.04141,-0.0314,-0.0471,-0.1276,0.08787,-0.01311,0.00008,0.00626,-0.0253,-0.07953,0.00588,0.02766,0.03538,-0.06746,-0.02926,0.04359,-0.00617,-0.01998,0.03681,0.03844,-0.09383,0.00729,-0.0296,0.05777,0.07376,-0.04605,0.00194,0.05173,0.03908,-0.00042,-0.033,-0.00933,-0.0148,-0.01626,-0.08832,-0.06556,-0.01012,0.07434,0.03443,-0.03819,-0.00674,0.01019,0.01694,-0.00892,0.02265,0.01328,0.04478,-0.04022,0.02677,0.01349,-0.0719,0.05114,0.01844,-0.14226,0.08327,-0.02122,-0.03008,0.02821,0.03281,-0.02425,0.05071,0.00096,0.05404,-0.03448,0.00768,-0.02087,-0.06885,0.03806,-0.04582,0.00566,-0.07322,0.03517,-0.07954,0.02918,0.03186,0.07186,-0.02474,-0.01446,0.01423,0.03382,-0.01879,0,-0.07214,-0.01373,0.01638,-0.03555,0.02854,0.02173,0.03151,0.02749,-0.0289,0.07964,0.03045,0.12128,-0.07873,0.01338,0.07221,0.05545,0.04998,0.02751,-0.02988,0.03392,-0.01395,-0.03042,0.04321,0.1093,0.02127,0.00094,-0.00915,0.11133,-0.03267,0.0333,-0.0173,-0.00924,0.03603,0.11313,-0.02714,0.06432,-0.09848,0.01618,0.00696,0.03065,0.04452,-0.02803,0.06042,0.03243,0.03405,0.06016,0.02288,0.05889,-0.02518,-0.00017,-0.04549,-0.01236,-0.03053,-0.06202,0.01786,-0.01213,0.0515,-0.04071,-0.01578,0.02879,-0.07005,0.07222,-0.0414,-0.11852],"keywords":"Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Angular Diagram Connections – Control Connection Sides (Top, Right, Bottom, Left, Calculate) Control how connections attach to nodes by defining start and end sides (top, right, bottom, left) or using automatic calculation modes. Demonstrates manual side switching and dynamic side determination for Angular diagrams. Why it matters - Manual mode helps when the route itself carries meaning and should not jump around. - Calculated modes are useful when layouts are dynamic but still need cleaner edge directions. - Connection-side settings take precedence over connector-side settings, so they are the stronger routing control.","excerpt":"Why it matters - Manual mode helps when the route itself carries meaning and should not jump around. - Calculated modes are useful when layouts are dynamic but still need cleaner edge directions. - Connection-side settings take precedence over connector-side settings, so they are the stronger routing control."},{"chunkId":"/examples/minimap#0","slug":"minimap","route":"/examples/minimap","section":"examples","title":"Minimap","description":"Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example.","group":"Viewport","vector":[0.0309,0.0243,-0.00064,0.02432,0.00704,0.04698,-0.10373,0.05471,-0.04243,0.03057,0.01617,0.07667,-0.00886,0.05013,-0.00134,0.05341,0.05553,-0.00508,0.04237,-0.04998,-0.04596,-0.09648,-0.00945,-0.06112,0.02236,0.05857,-0.04115,0.00976,0.01255,-0.06989,-0.07073,-0.01613,-0.03859,-0.01053,-0.07807,0.06682,0.02367,0.04184,0.03865,0.00153,0.00026,0.07843,0.01174,-0.03248,-0.00971,-0.07294,-0.06257,0.01677,0.0006,0.06808,-0.14534,-0.06271,-0.08381,-0.03314,0.04332,-0.03101,-0.01471,-0.09247,0.01906,0.01524,0.02511,0.00976,0.06276,0.04463,0.07496,0.00849,0.03718,0.01938,-0.02123,0.01588,-0.03884,-0.03675,0.04844,-0.04596,0.02296,-0.05877,-0.05272,0.01641,0.00652,-0.10922,0.00207,0.07461,-0.06706,0.1096,-0.01238,0.02572,-0.01547,-0.07813,0.04292,-0.14908,0.00818,-0.01339,-0.04415,0.05394,-0.00899,-0.03042,0.02152,-0.00009,-0.08222,0.03783,0.09684,-0.0003,0.13284,-0.02977,-0.07636,-0.00721,0.02381,-0.01101,-0.07464,0.02261,0.04596,0.03071,-0.09893,-0.02577,-0.03579,0.0027,-0.03214,-0.02178,0.04947,0.08216,-0.01071,0.04542,0.04028,-0.00438,0.02299,0.01686,-0.03462,0,0.04269,0.05135,-0.03295,0.02006,0.08118,-0.00692,-0.008,-0.07331,-0.00636,0.04196,0.05482,0.0367,-0.07208,0.03196,0.03267,-0.06743,0.00289,0.0708,-0.11077,-0.04197,-0.04294,-0.04349,-0.07443,-0.01405,0.10267,0.131,0.03479,0.09934,-0.07291,0.00888,0.10121,0.02079,-0.0464,-0.01994,0.01051,-0.04053,-0.03973,-0.04415,0.03718,-0.02556,-0.03377,-0.06484,-0.11991,-0.01214,-0.05051,0.01357,0.01306,0.03251,0.0375,-0.03419,0.00834,0.04759,-0.09355,-0.06185,0.04686,-0.05674,-0.04504,0.02403,0.04277,0.09424,-0.02773,-0.03964,-0.01466,-0.00539,-0.02637,-0.01013,-0.02105,-0.03208,0.08094,-0.02639,-0.02638,0.01321,0.116,0.0079,0.04792,-0.04321,-0.05447,0.01292,-0.00534,-0.02161,-0.0963,-0.12392,-0.00283,-0.00635,0.01235,-0.09564,0.02126,0.02121,-0.0554,0.01151,-0.04455,0.07544,0.01313,-0.01522,0.02155,0,-0.02789,-0.01724,0.04112,0.05216,-0.07158,-0.07267,0.06089,0.05549,-0.03757,0.07015,0.03798,-0.00127,-0.01368,-0.01257,-0.00034,0.05649,0.11874,-0.0483,0.10305,-0.01665,0.06059,0.07292,-0.00189,0.0147,0.01971,0.08215,0.04699,-0.0938,0.00724,-0.02648,0.03203,-0.06886,0.03689,-0.01913,-0.01499,0.00988,-0.00014,-0.01987,-0.05084,-0.023,-0.01362,-0.00892,0.01345,-0.06979,-0.02457,0.01421,0.00054,0.04473,-0.06312,0.00355,-0.01731,-0.02343,0.05159,-0.14958,-0.03795,0.03444,0.01345,0.02703,0.04335,-0.03808,0.0064,-0.07231,-0.00173,-0.03088,0.00599,0.06972,-0.02079,-0.11603,0.06585,0.0673,-0.03141,0.04021,0.03294,0.0031,0.06883,0.03022,0.07997,0.03612,0.04758,-0.08892,0.04549,0.02081,0.00768,-0.01884,0.00755,0.07638,-0.08798,0.02541,0.03327,0.06454,-0.03809,0.0272,0.02637,0.01194,0.02586,0,-0.08234,0.09604,0.04779,-0.05635,0.04081,-0.0328,0.04427,0.09063,0.02059,0.05397,0.03702,0.05094,-0.03983,0.0174,0.14983,0.00235,0.03529,-0.01798,-0.03304,-0.00775,0.01026,0.04669,0.04458,0.06876,0.00267,0.00366,0.00992,0.07234,0.0025,-0.10297,-0.06054,0.00284,0.00044,0.01144,-0.04467,-0.04783,-0.04206,0.01738,0.0287,0.02412,0.01527,-0.00126,0.05861,-0.01585,-0.02143,0.04358,-0.00774,-0.0748,-0.01649,0.00056,-0.13662,-0.06004,-0.02018,-0.02796,-0.03704,0.00562,0.04672,-0.02404,-0.05279,0.04356,-0.02587,0.07238,-0.07464,0.02175],"keywords":"Minimap Minimap Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example. Minimap","excerpt":"Minimap"},{"chunkId":"/examples/minimap#1","slug":"minimap","route":"/examples/minimap","section":"examples","title":"Minimap","description":"Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example.","group":"Viewport","vector":[0.02618,0.03525,0.01076,0.01424,0.04168,0.04876,-0.02349,0.05711,-0.01945,0.01309,-0.02005,0.07719,-0.00504,0.04972,-0.0036,0.00151,0.05297,0.03821,0.02258,-0.05422,-0.06916,-0.12393,-0.03244,-0.0508,0.00366,0.06834,-0.03203,-0.0082,0.04327,-0.07825,-0.06547,0.03212,-0.04566,0.03878,-0.09381,0.08758,0.04336,0.03736,-0.04971,-0.01076,-0.00536,0.09853,0.00547,-0.03123,0.02452,-0.06679,-0.0499,-0.01615,-0.00548,0.07975,-0.1175,-0.09774,-0.03561,0.02285,0.04148,-0.01574,0.01729,-0.12016,0.03275,0.01668,0.01309,0.01622,0.07881,0.00985,0.02746,0.02656,0.02157,0.04296,0.01891,0.00404,-0.01048,-0.03982,0.02943,-0.02956,0.02912,-0.07763,-0.06782,-0.00927,-0.03927,-0.07248,0.00438,0.06209,-0.05562,0.11365,-0.03266,0.03485,-0.06711,-0.03781,0.03196,-0.06612,-0.08851,0.01294,-0.04195,-0.03728,0.04279,-0.06301,-0.01789,-0.04213,-0.07873,0.02457,0.09598,-0.02844,0.09921,-0.05433,-0.02364,-0.02208,-0.01537,-0.05125,-0.05334,0.0472,-0.00937,0.03359,-0.05419,-0.00628,-0.06926,-0.00743,-0.0178,-0.02936,0.01449,0.12551,0.01656,0.07407,0.02162,0.00069,0.08196,0.0027,-0.05482,0,0.04748,0.03067,-0.01757,0.08889,0.08935,0.00725,0.04258,-0.05613,-0.00847,-0.00419,0.01456,0.07825,-0.08366,0.11387,0.01774,-0.09663,-0.03344,0.07172,-0.08316,-0.02733,-0.04062,-0.10791,-0.06353,0.00768,0.12335,0.12626,-0.0022,0.13657,-0.06341,0.02436,0.00923,-0.01486,-0.02184,-0.00341,-0.01324,-0.01027,-0.06449,-0.03319,0.08431,-0.01614,-0.07596,-0.04162,-0.07739,-0.02876,-0.03608,0.02352,-0.04591,0.07452,0.00552,-0.05363,0.04915,0.02991,-0.04051,-0.0586,0.03339,-0.09114,-0.03006,0.02825,-0.00062,0.0891,-0.04275,0.03774,-0.08019,0.04055,0.03724,0.03319,-0.02301,0.01529,0.04281,-0.04304,-0.07076,0.0387,0.07921,0.01253,0.05806,-0.01573,-0.04778,-0.00015,-0.0198,0.00788,-0.09335,-0.09092,0.04266,-0.03602,-0.00634,-0.07953,0.05588,0.03096,-0.09577,-0.00653,-0.02082,0.05894,0.05493,0.0224,0.04782,0,-0.04128,0.0227,0.04257,0.04356,-0.01714,-0.06103,0.02874,-0.00265,-0.03794,0.0275,0.00335,0.00529,-0.00359,0.02204,-0.0008,0.04921,0.06182,-0.02335,0.08687,-0.03185,0.0185,0.03911,-0.02514,0.02623,-0.03904,0.06689,0.00996,-0.07658,-0.02656,0.00226,0.00027,-0.09238,0.03687,-0.04651,0.03735,-0.02437,-0.05258,-0.00099,0.00865,0.01081,-0.03363,-0.02368,0.01082,-0.04863,-0.04356,0.09142,-0.01923,0.04713,-0.07314,0.00106,-0.05438,0.01436,0.0243,-0.12221,0.003,0.03581,0.00763,0.0284,0.03191,-0.04983,-0.00398,-0.05954,0.00462,0.02435,-0.02738,0.05031,-0.01311,-0.12531,0.00808,0.07099,0.04438,0.03971,0.03816,0.02564,0.05104,0.03624,0.1028,0.05417,0.04372,-0.0523,0.01633,0.02916,0.00363,-0.02452,0.00491,0.05498,-0.09057,0.00315,0.05906,0.05323,-0.02447,0.01255,0.01965,-0.01273,0.01483,0,-0.08549,0.06346,0.02165,-0.07248,-0.03641,-0.00957,0.0423,0.11842,0.05751,0.08288,0.06956,0.04577,-0.01019,-0.02217,0.13056,0.02693,0.04208,0.00244,-0.02843,-0.06681,0.05185,-0.00534,0.03957,0.09682,-0.03971,-0.0401,0.00924,0.03885,0.01364,-0.05357,-0.06315,0.01249,-0.05114,0.09357,-0.05037,-0.02629,-0.06149,0.01386,0.03517,0.03669,0.01089,-0.00116,-0.00018,-0.03139,-0.04869,0.03524,0.02076,-0.07179,-0.03731,0.05294,-0.1112,-0.02659,0.0101,-0.00312,-0.02016,0.03909,-0.0026,-0.051,-0.02778,-0.00178,-0.10906,0.10378,-0.05756,0.0256],"keywords":"Minimap Minimap Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example. Description This guide shows how to create a minimap that displays the entire canvas and lets users navigate the viewport by dragging inside the minimap. You can set a custom class for each node and group in the minimap using the fMinimapClass property. The minimap can be wrapped in any container, but it must remain inside the main flow component. For complex workflow builders or diagram tools, a minimap is one of the fastest ways to keep orientation on large canvases. It works especially well together with zoom, fit-to-screen controls, and custom viewport shortcuts. f Minimap Class","excerpt":"Description This guide shows how to create a minimap that displays the entire canvas and lets users navigate the viewport by dragging inside the minimap. You can set a custom class for each node and group in the minimap using the fMinimapClass property. The minimap can be wrapped in any container, but it must remain inside the main flow component. For complex workflow builders or diagram tools, a minimap is one of the fastest ways to keep orientation on large canvases. It works especially well together with zoom, fit-to-screen controls, and custom viewport shortcuts."},{"chunkId":"/examples/minimap#2","slug":"minimap","route":"/examples/minimap","section":"examples","title":"Minimap","description":"Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example.","group":"Viewport","vector":[0.03148,0.04112,0.00754,0.02868,0.05778,0.08019,-0.08959,0.08755,-0.03517,0.04712,-0.02818,0.05533,-0.02048,0.04723,-0.00634,0.02193,0.04148,0.05762,0.00902,-0.0483,-0.04159,-0.08771,0.01013,-0.025,-0.0157,0.06057,-0.04456,-0.02441,0.02813,-0.04236,-0.016,0.01159,-0.041,-0.00299,-0.05335,0.10484,0.01117,0.04979,0.01308,-0.01498,0.03491,0.08314,-0.00566,-0.09836,-0.0104,-0.0629,-0.03877,0.00962,-0.04278,0.03894,-0.11875,-0.05733,-0.07833,0.0136,0.0398,-0.05884,-0.01952,-0.10432,0.04218,0.03645,-0.01259,-0.03065,0.05247,0.01235,0.08225,-0.02068,-0.00443,0.0143,-0.00908,0.06781,0.00349,-0.03595,0.03045,-0.04179,0.02636,-0.07458,-0.04195,0.06451,0.00172,-0.09063,0.02986,0.01188,-0.03785,0.07775,-0.03332,0.03636,-0.02852,-0.08577,0.05642,-0.13772,-0.00922,0.01921,-0.07059,0.05498,0.03492,-0.02522,-0.07737,0.02952,-0.07925,0.04036,0.06654,-0.01411,0.1165,0.01902,-0.00909,-0.02292,0.03481,0.01682,-0.05855,0.02651,0.03964,0.05432,-0.04548,-0.01186,-0.03365,-0.03041,-0.0196,-0.02634,0.02008,0.10756,0.00995,-0.00226,-0.01392,-0.0226,0.06467,0.03865,0.01739,0,0.03825,0.06549,-0.02784,-0.00277,0.0758,-0.00445,0.00011,-0.1291,-0.02035,0.07739,0.02291,0.03006,-0.09138,0.02006,-0.01571,-0.1333,-0.00004,0.03801,-0.11262,-0.01452,0.00638,-0.04083,-0.05934,-0.02349,0.14264,0.04943,0.02559,0.071,-0.07728,0.00529,0.09903,0.03127,-0.02752,-0.04422,0.02556,-0.04345,-0.0113,-0.00711,-0.04085,-0.01749,0.00217,-0.05372,-0.11059,-0.0008,-0.05208,-0.01419,-0.00406,0.04834,0.08597,-0.03222,0.02789,0.04197,-0.09169,-0.06266,0.08104,-0.03281,-0.05629,0.00106,0.02231,0.09549,-0.0477,-0.04682,-0.01663,0.00203,0.00463,-0.01491,0.01671,-0.00162,0.06435,-0.05567,-0.06047,0.06158,0.06787,0.00521,0.07106,-0.02713,-0.01063,0.05805,0.03314,-0.02774,-0.06902,-0.12947,-0.02172,0.05145,0.04681,-0.09249,0.00069,0.00342,-0.07311,-0.07443,-0.03213,0.07448,-0.01756,-0.01864,0.00584,0,0.03239,-0.02498,0.02983,0.09051,-0.08437,-0.06034,0.09448,0.08675,-0.01517,0.08633,0.00161,0.01662,0.01943,-0.02829,0.02914,0.02564,0.08479,-0.06598,0.12465,-0.01999,0.04984,0.09183,-0.00925,0.02076,0.02043,0.07762,0.05318,-0.03701,-0.03039,-0.05824,0.02463,-0.04386,-0.01393,-0.04967,-0.05031,0.01516,-0.00272,0.03344,-0.04143,0.01948,0.02495,0.05187,0.02147,-0.06855,-0.0467,-0.00595,0.02756,-0.00288,-0.04705,-0.01155,-0.05109,-0.02757,-0.0263,-0.05492,-0.02889,-0.01945,0.01616,-0.0002,-0.00565,-0.03745,0.03829,-0.06322,-0.03863,-0.03426,0.06198,0.07669,-0.06579,-0.12712,0.07258,0.09483,-0.00332,0.0086,0.04839,0.04544,0.09301,0.03465,0.06439,0.05484,0.07457,-0.06675,0.0281,0.02954,-0.00462,0.00693,0.03278,0.08187,-0.13795,-0.01515,0.05669,0.05556,-0.03365,-0.03201,0.01192,-0.01402,0.0249,0,-0.09461,0.05509,0.01779,-0.03619,0.01826,-0.04043,0.03193,0.04578,0.01235,0.0249,-0.00629,0.07614,0.01165,-0.03025,0.09679,-0.01338,0.02597,-0.01152,-0.03878,0.01919,-0.03124,0.04896,0.01546,0.08203,-0.00126,-0.04323,0.00924,0.02836,-0.00706,-0.12076,-0.07601,0.02719,0.00334,0.02168,-0.05641,-0.04596,-0.06143,0.01264,-0.00428,0.04859,0.00305,-0.02086,0.06109,-0.04679,-0.05325,0.06365,-0.02203,-0.06784,-0.01215,-0.009,-0.10622,-0.02939,-0.04667,0.00839,0.00553,-0.0238,0.04423,-0.00698,-0.05376,0.00764,-0.02922,0.07581,-0.06964,-0.01642],"keywords":"Minimap Minimap Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example. Example ::: ng-component <minimap-example</minimap-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.scss :::","excerpt":"Example ::: ng-component <minimap-example</minimap-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/minimap-example/example.scss :::"},{"chunkId":"/examples/minimap#3","slug":"minimap","route":"/examples/minimap","section":"examples","title":"Minimap","description":"Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example.","group":"Viewport","vector":[0.07605,0.02011,0.02779,0.00668,0.03769,0.04115,-0.07102,0.0989,-0.02627,0.04056,0.00461,0.07305,0.02219,0.06677,0.00219,0.02568,0.06343,0.00885,0.03438,-0.0837,-0.04986,-0.14499,-0.00874,-0.06263,0.00927,0.02855,-0.06478,0.0344,0.03986,-0.06244,-0.08493,0.04659,-0.00533,-0.01161,-0.07337,0.0717,0.02667,0.06416,-0.00547,0.01122,-0.00951,0.08334,-0.01001,-0.0087,0.01752,-0.06021,-0.09132,0.01371,-0.00963,0.06207,-0.09376,-0.06406,-0.06689,-0.02647,0.05482,0.00431,-0.01523,-0.08328,0.05509,0.00152,0.05343,-0.00376,0.06422,0.02176,0.07834,-0.012,0.03812,0.03917,-0.02616,0.04642,-0.00014,-0.03055,0.02436,-0.01511,0.03796,-0.06733,-0.04232,0.01696,-0.02007,-0.09343,0.00316,0.04649,-0.0814,0.11522,-0.02399,0.05532,-0.02184,-0.09096,0.05185,-0.11269,-0.03132,-0.0051,-0.06666,0.01826,-0.02247,-0.04721,0.01481,-0.03089,-0.04228,0.02725,0.08357,-0.04427,0.12558,-0.0909,-0.04038,-0.02618,0.01943,-0.01092,-0.05104,0.05922,0.00181,0.02784,-0.08796,-0.0306,-0.05802,0.03649,-0.00364,-0.07465,0.05964,0.06089,-0.00858,0.06966,0.02796,0.01406,0.03772,-0.00783,-0.04532,0,0.03462,0.01622,-0.00732,0.00879,0.05963,0.0199,0.00132,-0.07574,-0.00791,0.01225,0.01144,0.06017,-0.04673,0.05748,0.06239,-0.06765,0.00447,0.03793,-0.10942,-0.05918,-0.06662,-0.07594,-0.04706,0.02132,0.10641,0.14517,0.02718,0.07967,-0.07181,0.0169,0.00289,0.02759,-0.06392,-0.01817,-0.01159,-0.02146,-0.04598,-0.04241,0.04756,-0.00076,-0.0715,-0.06275,-0.06411,-0.03733,-0.01479,0.03293,-0.0009,0.01006,0.01042,-0.03902,0.01617,0.05555,-0.02088,-0.06208,0.0319,-0.0385,-0.03259,-0.03972,0.01149,0.08302,-0.02637,-0.03582,-0.04676,0.03371,-0.01672,0.04268,-0.01458,0.01974,0.0729,-0.03198,-0.08303,0.02064,0.10842,0.04306,0.06612,-0.01902,-0.05452,-0.0032,-0.0065,-0.01331,-0.09597,-0.13854,-0.02139,-0.02055,0.04157,-0.07508,0.07096,0.0409,-0.06953,-0.01821,-0.0509,0.05773,0.02037,0.03612,0.04049,0,-0.01806,0.02329,0.04021,0.0401,-0.08751,-0.04747,0.0524,-0.01526,-0.0501,0.03871,-0.02035,-0.00801,0.003,0.00114,-0.02764,0.05632,0.07789,-0.04657,0.06931,-0.03735,0.04504,0.00979,0.00172,-0.00102,-0.00244,0.05367,0.05637,-0.07498,-0.04531,-0.02757,0.00322,-0.08778,0.04737,-0.0342,0.03436,-0.01695,0.02051,-0.03556,-0.01174,-0.00073,-0.02008,-0.00703,0.052,-0.05131,-0.02987,0.09405,-0.01184,0.03573,-0.11871,-0.01538,-0.03359,-0.01148,0.04885,-0.14596,-0.01571,0.03937,0.0057,0.03684,0.03719,-0.0274,-0.00488,-0.06324,-0.02183,-0.00339,-0.01116,0.03951,-0.02623,-0.1375,0.00705,0.05402,0.00984,0.04687,0.01877,0.01123,0.01815,0.02209,0.08344,0.07958,0.06023,-0.08138,0.04308,-0.00537,0.0164,-0.00305,0.02718,0.09018,-0.104,0.03205,0.05279,0.02629,-0.04326,0.03616,0.01149,0.0218,0.00787,0,-0.0622,0.08521,0.0506,-0.08213,0.03523,-0.00344,0.03512,0.12594,0.00817,0.07746,0.05573,0.05688,-0.04526,0.0282,0.13247,0.01931,0.05962,-0.00165,-0.03029,-0.04346,-0.01247,0.01645,0.01872,0.07333,0.00572,-0.03176,0.01061,0.05488,0.00382,-0.12951,-0.04232,0.00092,-0.00701,0.07802,-0.04787,-0.00457,-0.02974,0.02768,-0.00707,0.02403,0.00633,0.00004,0.04468,-0.02709,-0.02268,0.05419,0.03413,-0.06985,-0.02741,-0.00649,-0.12577,-0.07398,0.02611,-0.04547,-0.02041,0.02965,0.00283,-0.05341,-0.03516,0.03765,-0.04789,0.09951,-0.0633,0.0198],"keywords":"Minimap Minimap Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example. When to use it - Your canvas can extend far beyond the viewport. - Users navigate complex or multi-cluster graphs. - You want quick “jump to area” navigation in production editors. It is one of the simplest features to add while delivering an immediate usability improvement for larger diagrams.","excerpt":"When to use it - Your canvas can extend far beyond the viewport. - Users navigate complex or multi-cluster graphs. - You want quick “jump to area” navigation in production editors. It is one of the simplest features to add while delivering an immediate usability improvement for larger diagrams."},{"chunkId":"/examples/minimap#4","slug":"minimap","route":"/examples/minimap","section":"examples","title":"Minimap","description":"Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example.","group":"Viewport","vector":[0.04172,0.03301,-0.00656,-0.00645,0.0163,0.0108,-0.08602,0.108,-0.05853,0.05626,0.02922,0.07077,-0.00707,0.03951,0.00865,0.05755,0.05038,0.03142,0.02477,-0.07917,-0.02469,-0.09402,-0.02854,-0.05352,0.01733,0.04367,-0.04561,0.00178,0.03457,-0.07412,-0.0621,0.00181,-0.00457,-0.00853,-0.08132,0.10193,0.04148,0.00242,0.00735,-0.0103,-0.0208,0.07832,-0.0119,-0.0191,0.00888,-0.07574,-0.06066,-0.00079,-0.00735,0.02744,-0.16105,-0.09152,-0.10128,-0.05262,0.01402,-0.02167,-0.01262,-0.09879,0.03247,-0.01441,0.01924,0.00797,0.06631,0.05335,0.07673,0.00098,0.03099,0.00188,0.01126,-0.0227,-0.04437,-0.04817,0.02487,-0.03057,-0.01679,-0.0903,-0.03722,0.02919,0.00885,-0.10111,-0.01268,0.04757,-0.05915,0.13547,-0.03133,0.02719,-0.01435,-0.07168,0.05955,-0.11659,0.00315,-0.03269,-0.05108,0.04356,-0.00719,-0.04871,0.02518,-0.05453,-0.06686,0.06943,0.06687,-0.00237,0.12403,-0.06531,-0.05287,0.00987,0.05129,-0.04907,-0.03344,0.0286,0.017,0.01859,-0.10793,-0.05637,-0.01963,0.00115,-0.0024,-0.03798,0.06006,0.06966,-0.00463,0.03622,0.03272,0.00375,0.04692,0.0439,-0.03925,0,0.0491,0.03773,-0.02465,0.02248,0.09552,-0.01659,0.00578,-0.06872,-0.05881,0.03349,0.05693,0.05278,-0.07033,0.06956,0.05895,-0.09454,0.01114,0.03865,-0.07033,-0.03497,-0.05048,-0.06666,-0.04249,0.01453,0.1226,0.13008,0.0228,0.07004,-0.0229,0.01306,0.06028,0.01241,-0.08193,-0.03348,0.00976,-0.03,-0.06465,-0.04928,0.0186,0.00362,-0.03693,-0.06227,-0.10051,-0.04238,-0.02731,0.00642,-0.00039,0.03239,0.0495,-0.04127,0.02366,0.03262,-0.08122,-0.04387,0.05638,-0.04749,-0.04749,0.00236,0.01599,0.10416,-0.01367,-0.05941,-0.03222,0.02042,-0.0127,-0.00289,-0.02305,-0.01754,0.08729,-0.02342,-0.04466,0.03244,0.12759,0.01824,0.02035,-0.02768,-0.06089,-0.02185,-0.00586,-0.01318,-0.10962,-0.11031,0.00605,0.01273,0.01705,-0.07882,0.03196,0.03668,-0.05186,-0.01205,-0.07537,0.08005,0.00518,-0.01211,0.02844,0,-0.04945,-0.02456,0.01084,0.07015,-0.07288,-0.03406,0.07567,0.03133,-0.01999,0.06766,-0.01088,-0.00387,0.02078,-0.01939,0.01205,0.03719,0.07229,-0.06157,0.10144,0.00842,0.05374,0.06504,-0.00438,0.00641,0.04262,0.04846,0.01665,-0.07782,-0.0223,-0.06052,0.03887,-0.05983,0.02878,-0.04883,-0.00963,0.01531,0.01866,-0.02216,-0.04684,0.00687,0.0161,-0.02385,0.03729,-0.09088,-0.03594,0.03669,-0.02631,0.04919,-0.0475,-0.01616,-0.0378,-0.02082,0.04249,-0.13148,-0.04031,0.00333,-0.00362,0.05319,0.04684,-0.02211,0.00244,-0.10436,-0.02449,-0.00636,-0.01941,0.03793,-0.05729,-0.08895,0.02835,0.05291,0.00204,0.00747,0.04115,0.01035,0.03862,0.01511,0.06911,0.03417,0.06677,-0.09289,0.07822,0.04778,-0.01498,0.0059,0.01692,0.09507,-0.06334,0.00782,0.02025,0.05782,-0.04864,0.05508,0.0242,0.04258,0.00491,0,-0.05898,0.08605,0.05929,-0.05115,0.02689,-0.01453,0.06154,0.1033,0.00713,0.05846,0.0279,0.02946,-0.03609,0.02329,0.14454,0.03941,0.06228,-0.00207,-0.01742,-0.01937,-0.00562,0.04503,0.01012,0.0638,-0.02408,-0.01702,0.01424,0.07839,-0.01427,-0.09683,-0.03605,0.0402,0.00817,0.00879,-0.02128,-0.02308,-0.05884,0.02383,0.01251,0.01219,0.01192,0.01396,0.05148,-0.04028,-0.00988,0.06323,0.007,-0.11565,-0.02369,0.01831,-0.10399,-0.04557,-0.0233,0.00535,-0.0132,0.04604,0.06497,-0.0483,-0.03554,0.05389,-0.0321,0.10932,-0.07594,0.031],"keywords":"Minimap Minimap Show a minimap to navigate large diagrams. Viewport sync, performance tips and Angular example. Related docs - Minimap Docs - Zoom Docs - AI Low-Code Platform Example","excerpt":"Related docs - Minimap Docs - Zoom Docs - AI Low-Code Platform Example"},{"chunkId":"/examples/zoom#0","slug":"zoom","route":"/examples/zoom","section":"examples","title":"Zoom","description":"Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX.","group":"Viewport","vector":[-0.04524,0.00157,-0.00941,-0.05972,0.03019,-0.0295,0.08126,0.09878,-0.07904,0.06161,0.03705,0.03056,-0.06079,0.02003,-0.02482,-0.0345,0.05042,0.07201,-0.0381,-0.01264,0.02166,-0.10191,-0.01604,-0.0213,0.03901,0.0228,-0.0259,-0.02334,-0.01843,-0.01671,-0.06963,0.10475,-0.01042,-0.06213,-0.08796,-0.02492,0.03058,-0.0027,-0.01272,-0.04977,-0.01596,0.06614,0.05349,0.06904,0.02881,-0.09918,-0.01086,0.05921,0.02285,0.0488,-0.00703,-0.09785,-0.01907,-0.02062,0.00118,0.00325,0.00751,0.00988,0.02174,0.01755,0.00081,0.003,0.00163,0.08971,0.02846,-0.00193,0.00823,-0.09465,-0.04675,-0.03669,-0.00822,-0.06794,0.01625,-0.02935,0.01857,-0.13825,-0.07749,0.00889,0.01888,0.09726,-0.03257,-0.04464,-0.0043,0.02353,-0.00391,0.005,0.02328,-0.01475,0.05317,-0.0401,-0.08147,-0.01664,-0.07882,0.00477,-0.083,-0.13339,0.00715,-0.10084,-0.00636,0.03555,0.08318,0.01149,0.02272,-0.0855,0.05156,0.00472,-0.00564,-0.03033,0.00521,0.07689,-0.01274,0.00234,-0.00057,-0.03653,0.01646,-0.03181,0.0321,0.01917,0.071,-0.05876,-0.07096,0.06083,-0.10177,-0.04216,0.07018,0.01031,0.00418,0,0.01261,-0.04323,0.02771,0.04507,-0.00719,0.05324,0.00966,-0.0177,-0.0972,0.00773,0.11181,0.05521,-0.01386,0.0889,0.07322,-0.08961,-0.00708,0.02581,0.03774,0.01158,0.00342,-0.0808,0.00513,0.09866,0.05638,-0.00652,-0.03757,0.08982,0.04431,0.04391,-0.0914,0.04269,-0.03125,-0.06509,-0.04665,-0.00513,-0.08048,-0.03698,0.05544,0.03731,-0.09876,-0.08057,-0.03346,-0.07521,-0.01363,-0.02605,-0.03022,0.07222,-0.03859,-0.05913,0.03306,-0.06196,0.01215,-0.02894,0.01299,-0.0407,0.06556,0.04046,-0.06972,0.07785,0.03472,-0.09451,-0.1326,0.03577,0.02153,0.02586,0.01956,0.01821,-0.01987,-0.01247,-0.03756,-0.01011,0.12671,0.05185,0.00342,-0.04024,-0.0303,0.03415,0.00612,0.00288,-0.07439,-0.01266,0.02942,-0.00503,-0.08225,-0.06984,-0.02595,0.00974,-0.07202,-0.08393,-0.07886,0.03457,0.01143,-0.02928,-0.04058,0,0.00141,0.03014,-0.00681,0.05587,-0.03387,0.04934,0.06674,0.02452,0.03171,-0.06264,0.02638,-0.0093,0.02561,0.01328,-0.04264,0.0512,0.03772,-0.02091,-0.05839,-0.0359,0.0079,-0.17107,0.03279,0.03763,0.03412,-0.0472,-0.03339,-0.00435,-0.04793,0.00583,0.02827,-0.05727,0.03994,-0.05204,0.0651,-0.01237,0.03741,-0.03567,0.05755,0.02997,-0.03229,-0.00188,0.07022,0.02099,0.03612,0.00746,-0.04536,0.06532,-0.06604,0.04733,-0.02871,0.05575,0.0255,-0.05807,-0.02114,0.01173,-0.07758,-0.03025,0.03122,-0.01978,0.057,-0.02288,-0.0918,0.03738,-0.032,0.04398,-0.04546,-0.01565,0.01619,0.134,0.06574,-0.01506,0.07311,-0.01278,-0.02698,-0.01372,0.08907,0.0111,0.06034,-0.03438,0.13524,0.04187,0.08159,0.04288,0.01312,0.09651,-0.03162,-0.00611,0.04126,0.04241,-0.00498,0.00024,0.00445,-0.03747,0.04468,0,-0.00276,0.0719,0,-0.02149,-0.00827,-0.00534,0.08855,0.03562,-0.00471,0.03536,0.01531,-0.01814,-0.02329,0.05187,0.13193,0.05016,0.08088,0.12768,-0.00489,-0.03423,-0.04231,0.00581,-0.00778,0.01861,0.00934,-0.03876,-0.1042,0.09062,0.05301,-0.02717,-0.00423,-0.0331,-0.05119,-0.02984,-0.06282,0.00958,-0.0605,-0.01036,0.02921,0.02475,0.01315,0.03217,0.04654,0.03531,-0.04956,-0.0099,0.09878,-0.08228,-0.04024,0.03117,-0.02885,0.04461,0.03972,-0.05648,-0.00139,0.03627,-0.01313,0.01193,-0.0354,0.0704,-0.05799,0.07378,-0.07852,0.08199],"keywords":"Zoom Zoom Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX. --- toc: false wideContent: true --- Zoom wide Content","excerpt":"--- toc: false wideContent: true --- Zoom"},{"chunkId":"/examples/zoom#1","slug":"zoom","route":"/examples/zoom","section":"examples","title":"Zoom","description":"Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX.","group":"Viewport","vector":[-0.04915,-0.00502,0.02548,-0.01973,0.05662,-0.00579,0.0461,0.13164,-0.02569,0.05657,0.00198,0.06039,-0.05225,0.01887,0.00554,-0.02037,0.02755,0.03063,-0.0679,-0.02324,-0.01167,-0.09843,0.0218,-0.02633,0.01268,0.01003,-0.05595,-0.00643,-0.00637,0.00258,-0.07791,0.09683,0.02109,-0.00861,-0.13227,0.03761,0.00492,0.01505,-0.02523,-0.08549,-0.02287,0.06322,0.06342,0.03809,0.03502,-0.11663,0.00081,0.02598,0.03609,0.07345,-0.02341,-0.11849,-0.04324,-0.05664,-0.00369,0.04566,0.03802,-0.01161,0.03614,0.03971,-0.02976,0.02728,0.01215,0.0466,0.03555,0.00876,0.07009,-0.07801,-0.05296,-0.03571,0.00873,-0.05315,0.021,-0.00792,-0.01178,-0.15647,-0.11834,0.02982,-0.00149,0.06892,0.00526,-0.0689,-0.00509,0.05629,0.01173,0.00705,0.02221,-0.06134,0.04036,0.01415,-0.05907,0.02658,-0.07144,-0.02103,-0.05076,-0.09635,-0.0058,-0.04555,-0.04994,0.0098,0.06655,-0.0193,0.01576,-0.06174,0.04766,-0.01184,0.00981,-0.07592,-0.05395,0.07598,0.00586,0.01177,-0.01542,0.00343,0.04224,-0.00559,0.05205,-0.00257,0.06309,0.01486,-0.03643,0.08629,-0.10119,-0.05124,0.03585,0.01216,-0.0139,0,0.04145,-0.01721,0.01882,0.00664,0.04116,0.03162,-0.0421,-0.05495,-0.11197,-0.05325,0.09978,0.01407,-0.01137,0.09329,0.07171,-0.06902,0.01428,0.04147,0.00835,0.00173,-0.02437,-0.10168,-0.02426,0.08481,0.03407,0.03942,0.00063,0.07699,0.04327,0.02534,-0.11221,0.01031,-0.05629,-0.06129,-0.06216,-0.01597,-0.04335,-0.04936,0.03964,-0.02686,-0.08177,-0.03655,-0.00323,-0.08881,-0.03996,0.01084,-0.02766,0.06371,-0.02024,-0.07159,0.01905,-0.0346,0.04522,0.01773,0.01957,-0.0414,0.0968,-0.0009,-0.06164,0.06623,0.02064,-0.01849,-0.09532,0.03602,0.04086,0.08457,0.02776,0.0697,-0.01061,-0.03974,-0.01613,-0.00475,0.11343,0.05329,0.03245,-0.03487,-0.02673,-0.04299,0.0239,0.02431,-0.06949,-0.06392,0.00986,0.00224,-0.05482,-0.08261,-0.01264,0.03185,-0.04774,-0.07952,-0.03449,0.02369,0.00248,-0.0342,-0.0569,0,-0.01393,0.05646,0.0061,0.07521,-0.04796,0.0644,0.0216,-0.00899,0.06798,-0.06187,-0.04704,-0.02757,-0.0202,-0.00625,-0.02674,0.06322,-0.04529,-0.03312,-0.02476,-0.08682,0.04976,-0.1519,0.06234,0.0577,0.00744,-0.07166,-0.01707,0.01142,-0.04847,-0.03804,0.02447,-0.0255,0.03786,-0.03207,0.07631,-0.01079,0.02508,-0.05925,0.05815,0.03802,0.00903,-0.00459,0.08745,-0.00488,-0.0089,0.01233,-0.03979,0.10322,-0.07735,0.0256,-0.05998,0.08473,0.01622,-0.10343,-0.03744,-0.00293,-0.0269,-0.00033,0.04224,-0.05863,0.00396,-0.0276,-0.0895,0.05327,-0.03004,0.01778,-0.01611,0.00483,0.01657,0.11963,0.08581,-0.00986,0.08783,-0.02129,-0.0213,0.00995,0.11335,0.0004,0.09319,-0.04765,0.09565,0.06847,0.06023,-0.00267,-0.02359,0.10481,-0.03059,0.0313,0.02384,0.02107,-0.00585,0.02559,0.02578,-0.00209,0.00472,0,-0.01485,0.08857,0.00371,0.00335,0.01344,0.00005,0.06079,0.1007,0.01436,0.0531,0.01051,-0.03474,-0.06054,0.03337,0.08443,0.05596,0.07607,0.12459,-0.01711,-0.02112,-0.00837,0.01306,-0.02645,0.03372,-0.03468,-0.03884,-0.06443,0.10181,0.01217,-0.02472,-0.03813,0.01237,-0.02683,0.03233,-0.08497,-0.01495,-0.03238,-0.03379,0.02064,0.02658,-0.01127,0.0188,0.02242,0.01302,-0.05723,0.00113,0.12099,-0.06128,-0.00147,0.0161,-0.01309,0.00734,0.09376,-0.02937,-0.01432,0.07293,-0.04946,0.02716,0.0244,0.05559,-0.06891,0.06483,-0.06736,0.05318],"keywords":"Zoom Zoom Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX. Description This guide shows how to zoom in and zoom out of the canvas using: - Mouse wheel - Double click - Buttons - Pinch-to-zoom (trackpad / touchscreen) To enable zooming, add the fZoom directive to the f-canvas. Zoom is a core interaction for any serious node editor. It helps users move from a high-level overview to fine-grained editing without losing orientation on large canvases. It becomes even more important when the editor supports minimaps, large graphs, or touch-friendly interactions on trackpads and tablets. Good zoom behavior is one of the easiest ways to improve perceived editor quality. f Zoom","excerpt":"Description This guide shows how to zoom in and zoom out of the canvas using: - Mouse wheel - Double click - Buttons - Pinch-to-zoom (trackpad / touchscreen) To enable zooming, add the fZoom directive to the f-canvas. Zoom is a core interaction for any serious node editor. It helps users move from a high-level overview to fine-grained editing without losing orientation on large canvases. It becomes even more important when the editor supports minimaps, large graphs, or touch-friendly interactions on trackpads and tablets. Good zoom behavior is one of the easiest ways to improve perceived editor quality."},{"chunkId":"/examples/zoom#2","slug":"zoom","route":"/examples/zoom","section":"examples","title":"Zoom","description":"Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX.","group":"Viewport","vector":[-0.06996,-0.03388,0.01426,-0.06495,0.04422,-0.01527,0.09528,0.09754,-0.02498,0.02588,0.08097,0.03252,-0.06665,0.05016,0.02956,0.00303,0.01885,0.03909,-0.03617,0.01088,0.06581,-0.0693,-0.001,-0.03529,0.02863,0.02293,-0.04366,-0.03433,0.03289,-0.00478,-0.06482,0.10208,-0.00476,-0.01981,-0.11137,0.00258,0.0243,0.00506,-0.03354,-0.023,0.00482,0.04206,0.04073,0.05312,0.02066,-0.09278,-0.0225,0.06512,-0.0063,0.05047,-0.03538,-0.10209,-0.01366,-0.03844,0.02163,0.00926,0.01116,0.02373,0.04683,0.00346,-0.00767,-0.01243,-0.0056,0.03861,0.03215,-0.01338,0.05757,-0.10732,-0.06601,-0.03072,-0.03515,-0.04618,0.06616,-0.01319,-0.01528,-0.12819,-0.09655,0.01938,-0.03349,0.02721,-0.00085,-0.08925,-0.03311,0.0434,0.01841,-0.00682,-0.02883,-0.0388,0.03746,-0.04889,-0.05474,-0.01312,-0.09149,-0.02118,-0.10834,-0.09735,-0.00513,-0.06432,-0.02236,0.04415,0.06663,0.05204,-0.01838,-0.03268,0.03913,-0.02065,-0.03249,-0.07496,-0.02706,0.06958,0.01951,0.01296,0.01169,-0.03869,0.01634,-0.05225,-0.00042,-0.00007,0.10039,-0.00208,-0.04731,0.05939,-0.10847,-0.0443,0.04741,0.0374,-0.0274,0,0.02342,-0.02918,-0.01968,-0.01371,-0.0066,0.01243,-0.06132,-0.02017,-0.09906,-0.02894,0.12288,0.02766,0.02162,0.07827,0.05623,-0.07113,0.01138,0.06241,0.04269,0.02397,-0.00703,-0.07438,0.00321,0.10066,0.03982,0.04763,-0.02525,0.06368,0.08854,0.02473,-0.07309,0.04207,-0.05436,-0.08222,-0.03257,-0.02241,-0.03419,-0.04072,0.02904,-0.03023,-0.05958,-0.03623,-0.01065,-0.09022,-0.05296,-0.00289,-0.03302,0.06367,0.00084,-0.08419,0.01141,-0.06944,0.0295,0.00052,0.03926,-0.07505,0.02067,0.0265,-0.05987,0.04756,-0.01057,-0.06745,-0.10234,0.01443,0.012,0.03984,0.04158,0.03591,0.02303,-0.0233,-0.03814,0.03658,0.07569,0.05393,-0.01201,-0.06038,-0.01011,0.01991,0.038,0.01455,-0.07506,-0.04404,0.06192,0.01625,-0.04596,-0.08201,-0.01926,-0.03339,-0.07155,-0.0788,-0.11397,0.03576,-0.00333,-0.06528,-0.05625,0,-0.01338,0.06553,-0.03424,0.10438,-0.02229,0.08824,0.05533,-0.00304,0.03334,-0.06708,-0.02315,0.00545,0.01002,-0.02042,-0.01194,0.06116,-0.02578,-0.0296,-0.03179,-0.041,0.01281,-0.15817,0.07885,0.04144,-0.00187,-0.0289,-0.03283,-0.05815,-0.04727,-0.03476,0.05443,-0.02515,0.00891,-0.02481,0.05719,0.00684,0.00365,-0.01499,0.0558,0.0694,0.02831,-0.00418,0.1066,0.00297,-0.01791,0.01592,-0.01487,0.08112,-0.09553,0.03097,-0.00961,0.04954,0.01528,-0.08021,-0.04568,0.03699,-0.03153,-0.05159,0.01892,-0.02355,0.06116,-0.01213,-0.11181,0.02494,-0.01624,0.05825,-0.03649,-0.03112,0.00694,0.13778,0.05612,-0.00496,0.11242,-0.03118,-0.03049,0.02151,0.08267,-0.01624,0.05107,-0.06361,0.11783,0.0577,0.06453,0.0186,-0.00541,0.10216,-0.03519,0.00515,0.01064,0.0375,-0.02234,0.04047,0.05022,0.00985,0.04699,0,-0.02179,0.08736,-0.01545,-0.03586,-0.01361,0.00462,0.07627,0.06834,0.00301,0.07393,0.01812,-0.04972,-0.02273,0.05497,0.11044,0.05102,0.09904,0.09699,-0.04476,-0.00603,-0.0057,0.02557,-0.01885,0.01734,-0.01425,-0.04115,-0.07247,0.11766,0.03799,-0.03703,-0.00439,-0.00703,-0.03386,-0.00521,-0.04983,-0.01208,-0.05835,-0.04196,0.08997,0.04901,0.0057,0.00983,-0.01218,0.04774,-0.03645,0.00722,0.09029,-0.10706,-0.00987,0.07706,-0.05643,0.034,0.05745,-0.01576,0.00983,0.07449,-0.00772,0.01261,0.01683,0.04904,-0.01863,0.05687,-0.0481,0.07635],"keywords":"Zoom Zoom Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX. Notes - Pinch-to-zoom works on devices that support multi-touch gestures (touch screens and trackpads). - The directive applies zoom with sensible limits to keep interactions smooth and predictable.","excerpt":"Notes - Pinch-to-zoom works on devices that support multi-touch gestures (touch screens and trackpads). - The directive applies zoom with sensible limits to keep interactions smooth and predictable."},{"chunkId":"/examples/zoom#3","slug":"zoom","route":"/examples/zoom","section":"examples","title":"Zoom","description":"Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX.","group":"Viewport","vector":[-0.0454,0.02087,-0.05278,-0.02968,0.05626,0.03035,0.05329,0.12479,-0.08407,0.07136,0.0109,0.04273,-0.06195,0.02551,0.00108,-0.0667,0.00392,0.07036,-0.04982,-0.00104,0.01832,-0.10806,0.03416,-0.02812,0.00687,-0.0079,-0.01984,-0.0385,0.02796,-0.01679,-0.00034,0.09387,-0.01215,-0.01689,-0.11259,0.02485,0.01034,0.03702,-0.04115,-0.07153,0.01206,0.09667,0.02792,-0.02977,0.03121,-0.09688,-0.01218,0.0811,-0.00324,0.05164,-0.06424,-0.09924,-0.02938,0.01525,0.01661,-0.06019,0.01654,-0.02125,0.04433,0.03961,-0.05951,-0.04779,0.00392,0.04458,0.05907,0.02846,-0.03061,-0.08432,-0.07174,0.03618,0.00346,-0.06499,0.02419,-0.03598,0.00322,-0.12569,-0.11202,0.0812,0.03868,0.08281,0.00507,-0.05767,-0.00769,0.0432,-0.02301,0.02799,0.00629,-0.05046,0.00447,-0.06428,-0.055,0.06508,-0.06921,0.02764,-0.01984,-0.06162,-0.07719,-0.06225,-0.0481,0.03738,0.03373,-0.00065,0.06102,0.00739,0.01748,0.0362,-0.00832,0.00169,-0.0247,0.04264,-0.01551,0.06709,0.0133,-0.0411,-0.00687,-0.06597,0.02184,-0.01621,0.06229,0.00995,0.00401,0.05502,-0.09264,-0.06359,0.11431,0.05298,0.01591,0,0.00865,0.03582,-0.02737,0.01616,0.0219,0.0134,-0.00443,-0.08624,-0.10007,0.06017,0.06015,0.05607,-0.03641,0.0338,0.02892,-0.15953,0.04194,0.01367,0.01319,0.03623,0.05977,-0.09298,0.00438,0.08651,0.12964,-0.0085,-0.00827,0.08329,0.02027,0.01793,-0.00813,0.06603,-0.0374,-0.10637,-0.02261,-0.04469,-0.04768,-0.0234,-0.00415,0.00247,0.02629,-0.04359,-0.06205,0.02146,-0.05055,-0.03682,-0.07236,0.04236,0.06013,0.00568,0.03469,-0.03088,0.00599,0.00573,0.07187,-0.04579,0.03462,0.01159,-0.03613,0.07641,-0.00205,-0.08331,-0.07051,-0.00551,0.04864,-0.01965,0.01309,0.04427,-0.00237,-0.05964,-0.02132,0.05937,0.08637,0.01833,0.01164,-0.02435,-0.023,0.0474,0.03867,0.00563,-0.0395,-0.05121,-0.02275,0.05903,0.00675,-0.11895,-0.06207,-0.00658,-0.07733,-0.12515,-0.03728,0.03589,0.01954,-0.05051,-0.0536,0,0.02151,0.03534,0.01702,0.11634,-0.04775,0.0179,0.10531,0.07656,0.05292,-0.02063,0.00871,-0.0133,0.0421,-0.02828,-0.02009,0.03986,0.0074,-0.0394,0.05826,-0.00454,0.01309,-0.0572,0.03466,0.04338,0.0029,0.02619,0.01837,0.01333,-0.0529,-0.0272,0.00988,-0.02637,-0.01042,-0.05874,0.02482,-0.01632,0.02936,0.03106,0.02788,-0.01062,0.05494,0.04686,0.05515,-0.01852,-0.00502,-0.02713,-0.01982,0.03785,-0.07156,0.00745,-0.07033,0.02435,-0.0391,-0.03813,-0.00782,-0.03529,0.00363,-0.06148,-0.00825,-0.0037,0.09764,-0.03882,-0.10111,0.01407,0.00581,0.05113,-0.08254,-0.01919,0.06619,0.16056,0.02689,-0.03852,0.09416,0.01054,0.01099,0.04609,0.09024,0.03929,0.10874,-0.01421,0.09673,0.08726,-0.00748,0.05604,0.01366,0.12288,-0.09301,-0.08098,0.07032,0.04811,-0.05243,-0.04908,0.01012,-0.02857,0.091,0,-0.03943,0.07307,-0.02283,-0.00016,0.00687,-0.03403,0.04471,-0.03037,-0.02662,0.00289,-0.01391,0.0246,0.04044,0.01121,0.05779,0.03893,0.046,0.11508,-0.02325,-0.00117,-0.04459,0.0445,0.02066,0.05981,-0.01709,-0.05506,-0.094,0.03981,0.01599,-0.04223,-0.04591,-0.02387,-0.02741,-0.03546,-0.04407,-0.0655,-0.15012,-0.04161,0.04778,0.01107,0.0136,-0.00765,0.04516,-0.00403,-0.08818,0.03249,0.05451,-0.06459,-0.02591,0.03399,-0.03614,0.0309,-0.0311,-0.00692,0.0057,0.02865,0.00197,0.03846,0.00683,0.00498,-0.05755,0.03084,-0.07329,0.02758],"keywords":"Zoom Zoom Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX. Example ::: ng-component <zoom</zoom [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.scss :::","excerpt":"Example ::: ng-component <zoom</zoom [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/zoom/example.scss :::"},{"chunkId":"/examples/zoom#4","slug":"zoom","route":"/examples/zoom","section":"examples","title":"Zoom","description":"Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX.","group":"Viewport","vector":[-0.00922,0.01973,-0.01093,-0.05619,-0.00326,-0.00945,0.0691,0.12902,-0.07287,0.03454,0.05725,0.04065,-0.02339,0.02118,-0.01044,-0.01415,0.03575,0.08617,-0.01092,-0.00753,0.02125,-0.12854,-0.05238,-0.04923,0.03698,0.03056,-0.01954,0.00193,0.03026,-0.00417,-0.09588,0.06434,-0.03876,-0.05947,-0.07188,0.00998,0.04197,0.02417,-0.04297,-0.04402,-0.01128,0.05444,0.02411,0.03637,0.0367,-0.08431,0.00925,0.04741,0.00104,0.02353,-0.05941,-0.08067,-0.03867,-0.02044,0.0118,-0.00597,0.00353,-0.00084,0.0307,0.02706,0.00685,-0.01674,0.00263,0.07389,0.04051,-0.03785,0.0492,-0.07651,-0.0283,-0.04736,-0.02836,-0.04773,0.04913,-0.04769,-0.01718,-0.12903,-0.04905,0.02877,0.02014,0.0543,-0.02828,-0.04015,-0.01475,0.08597,-0.00993,-0.01285,-0.01529,-0.03446,0.04987,-0.05741,-0.10219,0.00909,-0.13456,0.00173,-0.06489,-0.11913,-0.00797,-0.08842,-0.02174,0.03953,0.07126,0.029,0.0213,-0.1213,0.05216,-0.00304,-0.02805,-0.0576,0.01435,0.10499,-0.0563,-0.00031,-0.02471,-0.03989,0.02019,-0.03865,0.02263,-0.01362,0.07342,-0.03,-0.04459,0.05005,-0.07958,-0.04574,0.06129,0.04677,-0.00902,0,0.06502,-0.02365,0.02768,0.00293,0.01286,0.03547,-0.00664,-0.03926,-0.10575,-0.01518,0.09527,0.02114,-0.03685,0.09594,0.09069,-0.11361,0.00484,0.0069,0.01261,0.01268,-0.01296,-0.09447,0.02017,0.06427,0.09837,0.04117,0.00734,0.08717,0.03837,0.0302,-0.03103,0.04851,-0.06955,-0.05147,-0.01184,-0.03018,-0.04791,-0.02538,-0.0005,0.01734,-0.05778,-0.06674,-0.05327,-0.08525,-0.02025,-0.02355,-0.05524,0.10039,-0.00221,-0.06036,0.0228,-0.03345,-0.04122,-0.01699,0.01536,-0.03263,0.00384,0.01873,-0.08898,0.05091,-0.00074,-0.08697,-0.08785,0.01862,0.04979,0.0283,0.03594,0.00956,-0.02159,-0.01814,-0.0504,0.04096,0.12584,0.00831,0.01034,-0.00966,-0.03359,0.02567,0.01669,0.02154,-0.07443,-0.06464,0.01679,0.02215,-0.05232,-0.07875,0.01926,0.02261,-0.05985,-0.0809,-0.09715,0.05527,-0.01461,-0.00995,-0.05829,0,-0.03765,-0.01642,0.02766,0.06715,-0.00545,0.04956,0.08132,-0.00385,0.04155,-0.00769,-0.01927,0.01002,0.04476,0.00997,-0.02052,0.06247,0.02147,-0.01123,-0.00788,-0.03003,0.01021,-0.09321,0.02098,0.02053,0.03826,-0.01939,0.00191,-0.03204,-0.07946,-0.00727,0.0366,-0.02153,0.02636,-0.02404,0.07759,0.05451,0.02116,-0.0354,0.04962,0.01366,-0.00387,-0.03227,0.09827,-0.02668,0.04374,0.00777,-0.05829,0.02887,-0.11977,0.05063,-0.03139,0.04083,-0.02388,-0.04072,-0.01348,0.01629,-0.06137,-0.03745,0.07849,-0.02636,0.05895,-0.06322,-0.10149,0.07098,-0.04377,0.03369,-0.04937,-0.07196,-0.00492,0.12311,0.04497,0.00158,0.12892,-0.00719,0.01345,-0.01456,0.07359,0.03518,0.03915,-0.0706,0.15749,0.06481,0.06416,0.03805,-0.00409,0.08819,-0.02083,0.00159,0.03816,0.01873,-0.00132,0.02744,0.00727,0.00532,0.02,0,-0.01293,0.05705,0.00893,-0.01727,0.00119,0.01917,0.0746,0.07822,0.0092,0.05725,0.01493,-0.01808,-0.01021,0.04126,0.14099,0.05591,0.08649,0.08985,-0.0061,-0.03622,-0.06068,0.00357,-0.00882,0.05915,-0.00965,-0.03025,-0.04874,0.08045,0.02642,-0.0654,-0.02633,0.00641,-0.04404,0.01394,-0.07526,0.02489,-0.08799,-0.0006,0.01376,0.04554,0.01608,-0.00578,0.0222,0.01469,-0.01504,0.04714,0.06793,-0.10124,-0.04093,0.04187,-0.03795,0.0425,0.042,-0.07181,-0.00949,0.0619,-0.00399,-0.00961,-0.02676,0.06496,-0.08029,0.12709,-0.05986,0.07301],"keywords":"Zoom Zoom Zoom your canvas via mouse wheel, double click, buttons, and pinch-to-zoom (trackpad/touchscreen) with smooth limits and responsive UX. Related docs - Zoom Docs - Minimap Example - Connection Waypoints Example","excerpt":"Related docs - Zoom Docs - Minimap Example - Connection Waypoints Example"},{"chunkId":"/examples/background#0","slug":"background","route":"/examples/background","section":"examples","title":"Background","description":"Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds.","group":"Viewport","vector":[-0.03871,0.03992,-0.03985,-0.01022,0.06979,0.02988,-0.02678,-0.01619,0.02441,-0.00031,-0.08031,0.03944,-0.08549,0.02893,0.08484,-0.01358,-0.03317,0.04647,-0.00804,-0.04333,-0.07919,-0.03307,0.01869,0.0002,-0.04062,0.08807,0.08021,-0.02653,0.10421,-0.0655,-0.00256,0.08313,-0.01139,0.0241,-0.16951,0.03389,0.01811,0.08466,-0.04264,-0.03613,0.07564,0.00549,0.00124,-0.05609,0.00376,0.02095,-0.06794,0.02694,-0.03648,0.04074,-0.02163,-0.17513,-0.05347,0.01622,0.01246,-0.07024,0.04775,-0.03589,0.05488,-0.02909,0.04622,-0.00996,-0.01202,0.027,0.03041,-0.00816,-0.07539,0.09485,0.02162,-0.06826,0.03637,-0.02084,0.02422,-0.04962,-0.03151,0.01161,-0.01814,0.00162,-0.07035,-0.04101,0.05863,0.05103,0.00909,0.06739,-0.04613,0.10715,0.02879,-0.06373,-0.06587,-0.06283,-0.03413,0.01874,-0.00115,-0.06429,-0.00825,0.05334,-0.07688,-0.08806,0.01179,0.00924,0.02823,-0.09455,0.10055,0.043,0.02384,-0.00036,0.00299,0.0514,0.04221,-0.07491,0.05217,0.01694,-0.00234,-0.0759,-0.04854,-0.0618,-0.01272,-0.03325,0.01253,0.0117,0.02043,0.08934,0.00886,-0.12445,0.08172,-0.01991,0.02061,0,0.01882,0.09649,-0.06918,0.0149,0.06518,-0.03272,-0.01942,-0.08789,0.06493,0.12541,0.04165,0.01394,-0.08684,0.05407,-0.01896,-0.08707,0.01565,-0.03645,-0.05087,0.02176,-0.0214,-0.04741,-0.08631,0.04678,0.02028,0.02412,0.07168,0.03205,-0.0782,-0.02337,0.1516,0.03516,0.03222,0.01623,-0.00707,-0.00882,-0.08245,-0.0438,0.07218,0.01079,0.00395,-0.08145,-0.1535,0.11298,0.02441,-0.00354,0.04952,-0.04711,0.04367,0.04099,0.02379,0.04084,-0.0541,-0.07661,0.00022,-0.04202,0.01546,0.0484,0.03545,0.03468,0.05968,-0.00673,-0.04414,-0.02127,-0.00903,-0.03948,-0.01753,-0.02198,0.02055,-0.10367,-0.02175,0.01116,0.005,0.01435,0.00176,-0.0397,0.03003,0.14868,-0.0063,0.02373,-0.13445,0.01786,0.03125,-0.02062,-0.01052,0.01406,0.02365,-0.03858,-0.04768,-0.03788,0.04553,0.09061,0.0461,0.00199,0.01923,0,-0.0364,0.05506,-0.0435,0.03173,0.01169,-0.00823,0.02826,0.04527,0.00463,0.05586,0.03956,0.11812,-0.04101,-0.00655,0.0016,-0.00795,0.00453,0.02068,0.00543,0.00754,0.01763,0.01619,-0.07777,-0.00769,-0.04498,0.10063,-0.01289,-0.039,0.01292,-0.02344,-0.033,-0.09016,0.05794,-0.01375,-0.05583,-0.08724,0.03653,0.00734,-0.10543,-0.03507,-0.07874,0.00056,-0.0446,0.00508,-0.11778,-0.04854,-0.04861,-0.02232,-0.04665,0.00096,0.01519,0.02658,0.03068,-0.01654,-0.00372,0.00068,0.03014,0.0244,0.0128,0.04632,-0.01124,0.01083,0.00039,-0.07075,0.04874,0.06338,-0.05515,-0.08096,0.01951,0.0257,-0.03052,0.05344,-0.01561,0.02849,0.03114,0.014,0.10257,-0.06549,0.03771,0.03508,-0.05426,0.01876,-0.05758,0.03699,0.07911,0.04213,-0.11115,-0.05992,0.04388,0.04122,-0.06513,0.03545,0.00919,-0.02343,0.09361,0,-0.06437,0.00253,0.00059,-0.01274,0.00136,-0.0479,-0.03332,-0.02991,-0.00942,-0.0029,-0.05688,0.08203,-0.03807,-0.01966,0.12929,0.05063,-0.03858,0.01398,-0.03088,0.01311,0.01405,0.02444,-0.01408,0.07459,0.00955,0.05464,0.03127,0.01125,0.00281,0.01009,-0.00508,-0.00621,0.03055,-0.02995,-0.00109,-0.01807,-0.05129,-0.03799,-0.06789,-0.00428,0.07946,-0.03314,0.05303,0.01729,-0.05567,0.05514,-0.01065,-0.07011,-0.09095,0.0151,-0.03585,-0.04033,-0.01578,0.06746,0.01983,-0.04255,0.06017,-0.00495,0.02554,0.01263,-0.03473,0.07029,0.02103,-0.01929],"keywords":"Background Background Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds. --- toc: false wideContent: true --- Background wide Content","excerpt":"--- toc: false wideContent: true --- Background"},{"chunkId":"/examples/background#1","slug":"background","route":"/examples/background","section":"examples","title":"Background","description":"Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds.","group":"Viewport","vector":[-0.05433,0.06493,-0.03336,0.00052,0.06754,0.04365,0.0005,-0.00662,0.04975,0.00001,-0.09149,0.05987,-0.07939,0.01319,0.07882,-0.00409,-0.05659,0.01433,-0.011,-0.03846,-0.07874,-0.05032,0.01547,-0.03599,-0.01622,0.06385,0.06453,-0.00254,0.13154,-0.0271,0.00632,0.07611,-0.01431,0.06251,-0.19146,0.04594,0.00948,0.08737,-0.08166,-0.03044,0.05849,0.00984,0.00616,-0.05322,-0.00292,0.0138,-0.04909,-0.00714,-0.03302,0.03369,-0.02726,-0.17255,-0.03775,0.03396,0.02021,-0.05531,0.08528,-0.03203,0.03318,-0.02047,0.03521,-0.0352,-0.02417,0.04409,0.05227,-0.02206,-0.05627,0.07313,0.00489,-0.0846,0.03331,0.00545,0.01729,-0.04736,-0.02724,0.01055,-0.0385,0.01477,-0.01268,-0.02617,0.07844,0.02706,0.00481,0.0702,-0.04993,0.11141,0.0189,-0.0843,-0.0663,-0.03883,-0.05347,0.04035,-0.00854,-0.08421,-0.02832,0.05403,-0.06816,-0.06851,0.00084,0.00377,0.02975,-0.07084,0.07943,0.04014,0.03941,-0.01477,-0.03556,0.06007,0.02266,-0.06312,0.00249,0.02847,0.02668,-0.04264,-0.06093,-0.05604,0.00137,-0.04499,0.04201,0.03954,0.05742,0.10037,0.02476,-0.11647,0.07092,-0.04727,-0.00871,0,0.01756,0.05902,-0.06229,-0.0137,0.07041,-0.03497,-0.01516,-0.09825,0.05038,0.09507,-0.01313,-0.00169,-0.0942,0.08504,-0.01906,-0.1113,0.03178,-0.02817,-0.04512,0.01724,0.03121,-0.05546,-0.06884,0.00365,0.0408,0.0643,0.03907,0.03823,-0.09093,-0.02719,0.12482,0.05369,-0.00774,0.01773,-0.03285,-0.01381,-0.06103,-0.04847,0.05346,0.00604,0.03099,-0.07297,-0.12664,0.08953,0.02885,-0.02508,0.04471,-0.03054,0.06159,0.08401,0.01967,0.05013,-0.03773,-0.0611,0.03421,-0.02679,0.00869,0.00512,0.01169,0.03982,0.046,0.02515,-0.05459,-0.02141,-0.01034,-0.04365,0.01255,0.01445,-0.00524,-0.08511,0.0014,0.01901,-0.01392,-0.03445,0.01032,-0.01854,0.01385,0.10796,-0.02086,0.02906,-0.13613,-0.00603,0.02369,-0.01005,0.01604,0.02366,0.04378,-0.04021,-0.02709,-0.06935,0.05727,0.05207,0.05421,-0.01488,0.00217,0,-0.06311,0.04812,-0.02618,0.03909,0.0536,-0.00766,0.02114,0.02669,-0.00935,0.08399,-0.00104,0.12376,-0.00902,0.00879,-0.0088,0.00864,-0.04677,-0.00596,-0.00503,-0.01241,-0.00377,0.05091,-0.05262,0.00324,-0.02087,0.05562,0.02318,-0.02651,-0.00819,-0.01997,-0.02551,-0.07276,0.04153,-0.02663,-0.01771,-0.08217,0.04334,0.0129,-0.09783,-0.05508,-0.0659,0.02766,-0.05006,0.02162,-0.12532,-0.00269,-0.03452,-0.02416,-0.03009,0.01228,-0.01331,0.03012,0.01778,-0.01441,-0.01331,0.01605,0.04494,0.04794,0.00889,0.02297,0.00194,0.00449,-0.00697,-0.07299,0.08597,0.04745,-0.09309,-0.07564,0.02237,0.03398,0.01301,0.06633,-0.00116,0.02887,0.06048,0.01481,0.12111,-0.03679,0.05814,0.04895,-0.06105,0.04951,-0.04669,0.05433,0.04885,-0.02695,-0.11906,-0.04653,0.01337,0.03203,-0.06251,0.06353,-0.01248,-0.01196,0.09288,0,-0.05275,-0.01252,-0.01907,-0.04989,0.01974,-0.05935,-0.02589,-0.03279,-0.0339,-0.0247,-0.03368,0.07425,-0.02905,-0.0435,0.1012,0.04642,-0.01695,0.04068,-0.04545,0.00831,0.00598,0.03207,-0.06107,0.10562,0.02088,0.03456,0.02778,0.0073,0.03015,0.02156,-0.03278,0.02928,0.02939,-0.00626,-0.02895,0.01847,-0.04296,-0.05249,-0.07323,-0.00303,0.07718,-0.04247,0.07229,-0.00691,-0.07925,0.07589,-0.0134,-0.08756,-0.07977,0.0271,-0.02962,-0.04754,-0.00714,0.07658,0.03875,-0.02927,0.03245,-0.00267,0.04214,-0.00083,-0.04969,0.10849,0.08184,-0.03285],"keywords":"Background Background Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds. Description The background feature allows you to render an SVG pattern underneath all nodes and connections on the canvas. It is useful for creating grids, subtle textures, or branded backgrounds that stay fixed while the user interacts with the flow. To enable a background, place the f-background component inside the f-flow component. The f-background component is responsible for defining and attaching the SVG pattern that will be used as the canvas background.","excerpt":"Description The background feature allows you to render an SVG pattern underneath all nodes and connections on the canvas. It is useful for creating grids, subtle textures, or branded backgrounds that stay fixed while the user interacts with the flow. To enable a background, place the f-background component inside the f-flow component. The f-background component is responsible for defining and attaching the SVG pattern that will be used as the canvas background."},{"chunkId":"/examples/background#2","slug":"background","route":"/examples/background","section":"examples","title":"Background","description":"Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds.","group":"Viewport","vector":[-0.01475,0.04986,-0.04715,-0.02717,0.04008,0.01947,-0.02775,0.01306,0.03321,-0.00507,-0.07074,0.04826,-0.05629,-0.00099,0.12082,-0.01867,-0.07266,0.04232,-0.02062,-0.03535,-0.05298,-0.0452,0.00655,-0.02729,-0.06059,0.07392,0.08165,0.00059,0.12264,-0.05728,0.01505,0.07104,0.00314,0.05824,-0.181,0.04331,-0.00281,0.09897,-0.05875,-0.04719,0.04647,-0.01505,0.00304,-0.03692,0.00652,-0.00471,-0.05544,0.01319,-0.0333,0.01291,-0.00786,-0.17479,-0.05724,0.01447,0.06149,-0.05714,0.05802,-0.03189,0.04096,-0.0349,0.03807,-0.02709,-0.03373,0.01298,0.04626,-0.01274,-0.04681,0.06264,0.03629,-0.08667,0.01375,-0.00518,0.01847,-0.04782,-0.04902,0.04636,-0.03244,0.01523,-0.05372,-0.04431,0.0528,0.04728,0.02998,0.07444,-0.03009,0.08362,0.03067,-0.06108,-0.06432,-0.04336,-0.04655,0.03484,-0.01863,-0.10257,-0.05306,0.07585,-0.06002,-0.08471,0.02623,0.00876,0.02288,-0.09242,0.08453,0.02969,0.03176,-0.02274,-0.01985,0.04734,0.0168,-0.06501,0.00606,0.01153,0.00872,-0.04721,-0.05415,-0.04567,-0.01423,-0.04751,0.05956,0.02614,0.06227,0.09551,0.02937,-0.12431,0.05046,-0.00343,-0.02023,0,0.04015,0.10247,-0.0818,-0.00414,0.05905,-0.04341,-0.00579,-0.07994,0.08961,0.10218,0.02389,0.01617,-0.08621,0.08416,0.01833,-0.08473,0.03533,-0.0545,-0.04032,0.00039,0.00118,-0.01532,-0.05344,0.03219,0.03238,0.06594,0.05819,0.02875,-0.10017,-0.03403,0.16063,0.04372,-0.00099,0.01762,0.0103,0.01597,-0.0591,-0.0341,0.04324,0.02163,0.04732,-0.083,-0.13832,0.10157,0.04453,-0.00422,0.0468,-0.05685,0.05286,0.06185,0.0254,0.04181,-0.04246,-0.07246,0.02487,-0.02544,0.00897,-0.00603,0.0214,0.04983,0.05737,0.00206,-0.0106,-0.00687,-0.03201,-0.04671,0.00006,0.00812,0.00822,-0.08064,0.04165,0.03794,-0.01604,-0.0348,0.00977,-0.02045,0.02778,0.11462,-0.05018,0.00571,-0.10963,0.04287,0.00653,-0.03298,0.0112,0.03017,0.03945,-0.0226,-0.01386,-0.07727,0.03281,0.06474,0.03834,-0.0114,-0.00176,0,-0.06907,0.05205,-0.04249,0.01432,0.04848,-0.00618,0.00097,0.02886,-0.01185,0.06905,-0.02833,0.09428,0.01519,-0.00732,-0.03831,-0.00829,-0.05099,0.01539,-0.01631,0.0007,-0.01812,0.02911,-0.05084,0.03728,-0.02701,0.07091,0.00537,-0.04827,0.00836,-0.03584,-0.04669,-0.08097,0.0915,0.00014,-0.03241,-0.08609,0.01759,0.01526,-0.10415,-0.06804,-0.08168,0.03517,-0.0319,0.01233,-0.10961,-0.03788,-0.0216,-0.01809,-0.03725,-0.01961,0.0156,0.02162,0.01426,-0.03266,-0.00885,0.00188,0.03345,0.05767,0.01023,0.07347,-0.02463,-0.02667,0.02214,-0.03961,0.0511,0.02674,-0.06849,-0.10444,-0.00382,0.05855,-0.03184,0.07065,-0.01953,0.03826,0.04042,0.00456,0.10664,-0.04918,0.03873,0.07089,-0.04453,0.01802,-0.04419,0.06159,0.01488,0.00005,-0.09187,-0.02147,0.02601,0.01446,-0.03281,0.0691,-0.0126,0.02783,0.11098,0,-0.02801,-0.02955,-0.01117,-0.00088,-0.0036,-0.05518,-0.03603,-0.07239,-0.03933,-0.03845,-0.08065,0.08013,-0.06792,-0.02658,0.08418,0.06117,0.00111,0.03105,-0.02007,0.01888,-0.02638,0.02701,-0.04198,0.07296,0.03045,0.06569,0.02535,0.00552,0.02631,0.03819,-0.00804,0.02457,0.02808,-0.01605,-0.01477,-0.01346,-0.04695,-0.04712,-0.05402,-0.02207,0.11808,-0.06186,0.07025,-0.00744,-0.0674,0.08218,-0.01501,-0.07177,-0.06773,0.00538,-0.0143,-0.05697,-0.00242,0.04962,0.01193,0.00252,0.05337,0.00136,0.0735,-0.01969,-0.00673,0.08567,0.04747,-0.03064],"keywords":"Background Background Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds. Backgrounds can work in three modes: - rect – built-in rectangular pattern (useful for grid-like backgrounds); - circle – built-in circular pattern; - custom – a mode that lets you provide your own SVG pattern, so you can build complex or branded backgrounds (multiple patterns, custom shapes, textures, etc.). The custom mode is configured via standard SVG <pattern elements and a custom component. Detailed instructions and API for creating custom patterns are described in the f-background documentation.","excerpt":"Backgrounds can work in three modes: - rect – built-in rectangular pattern (useful for grid-like backgrounds); - circle – built-in circular pattern; - custom – a mode that lets you provide your own SVG pattern, so you can build complex or branded backgrounds (multiple patterns, custom shapes, textures, etc.). The custom mode is configured via standard SVG <pattern elements and a custom component. Detailed instructions and API for creating custom patterns are described in the f-background documentation."},{"chunkId":"/examples/background#3","slug":"background","route":"/examples/background","section":"examples","title":"Background","description":"Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds.","group":"Viewport","vector":[-0.05617,0.04679,-0.00203,-0.01475,0.06048,0.00798,-0.02279,-0.00072,0.03692,-0.02162,-0.09236,0.05892,-0.07806,0.01797,0.09246,-0.01002,-0.0496,0.06946,-0.02194,-0.05305,-0.11276,-0.05301,0.03092,0.0054,-0.05081,0.06056,0.06637,0.00722,0.12347,-0.0856,0.01138,0.0774,0.01539,0.03637,-0.17534,0.07692,0.02099,0.08146,-0.08035,-0.0488,0.05697,0.00527,0.02222,-0.01779,0.01454,-0.00691,-0.05566,-0.00769,-0.02356,0.02757,-0.03639,-0.19546,-0.05588,-0.00644,0.0086,-0.03848,0.07544,-0.01791,0.07313,-0.06328,0.05788,-0.02363,-0.0248,0.03992,0.02968,-0.01439,-0.04364,0.10096,-0.01102,-0.06957,0.02833,-0.00259,0.0018,-0.02067,-0.05633,0.03911,-0.04005,-0.02635,-0.04398,-0.04422,0.05479,0.01625,0.00254,0.10825,-0.0262,0.08028,0.03567,-0.09836,-0.07338,-0.03465,-0.02671,0.03913,0.00285,-0.0793,-0.02434,0.08296,-0.06747,-0.10081,0.01822,0.04651,0.03495,-0.07163,0.10203,0.03095,0.03443,-0.01532,0.00149,0.04014,0.02504,-0.05722,0.01204,0.01818,-0.00181,-0.02729,-0.02428,-0.05211,0.0042,-0.04531,0.05293,0.02097,0.03883,0.10084,-0.00191,-0.12582,0.06448,-0.01591,-0.01424,0,0.01381,0.10773,-0.06645,-0.00326,0.06629,-0.05181,-0.047,-0.07112,0.04816,0.09001,0.01257,0.00419,-0.08454,0.09082,0.01489,-0.09057,0.0036,-0.02147,-0.07569,0.01055,-0.02937,-0.04375,-0.08163,0.01639,0.00481,0.08651,0.05719,0.04046,-0.09198,-0.02941,0.114,0.05436,-0.01395,0.02775,-0.01935,0.01201,-0.05458,-0.08267,0.07352,-0.00354,0.01379,-0.05684,-0.14439,0.1047,0.03716,0.00823,0.0426,-0.04768,0.04123,0.07377,0.01073,0.05666,-0.04745,-0.06839,0.00272,-0.0605,0.02571,0.02059,0.03006,0.01454,0.06254,0.01788,-0.03013,-0.02941,0.00713,-0.02532,0.01106,0.01414,0.01587,-0.08732,-0.00442,0.02528,-0.01036,-0.01322,0.00068,-0.04429,0.03216,0.11317,-0.01873,0.02899,-0.13076,0.03184,0.02552,-0.04208,-0.00154,-0.00397,0.06867,-0.03871,-0.02811,-0.02785,0.03676,0.06928,0.04811,0.01187,-0.03725,0,-0.06272,0.0553,-0.03295,0.03829,0.03759,0.00522,0.00854,0.03055,-0.01487,0.02982,0.01064,0.1009,-0.023,0.01757,0.03056,-0.01591,-0.00893,0.00983,-0.00452,-0.01395,0.03301,0.0493,-0.06281,0.04269,-0.03468,0.08543,0.00538,-0.03157,-0.01069,-0.02007,-0.02247,-0.0799,0.05761,-0.01466,-0.03676,-0.06631,0.02371,-0.00084,-0.11022,-0.02942,-0.05407,0.02048,-0.04465,0.02369,-0.11909,-0.03323,-0.02535,-0.01045,-0.04674,-0.00151,0.00667,0.04705,0.04074,-0.04788,-0.01306,-0.01253,0.04141,0.02093,0.01792,0.03707,-0.03954,0.01511,-0.0096,-0.0585,0.04943,0.02578,-0.05207,-0.07695,-0.00819,0.02193,-0.01436,0.0616,-0.03251,0.0284,0.01022,0.00817,0.13543,-0.0294,0.04583,0.04326,-0.05676,0.03455,-0.03423,0.03887,0.03634,0.03831,-0.13047,-0.04782,0.01627,0.04032,-0.04882,0.0781,0.01421,0.02179,0.08162,0,-0.06164,-0.01031,0.00741,0.01759,0.00137,-0.06311,-0.0576,-0.02773,-0.03695,-0.00933,-0.0444,0.05284,-0.04981,-0.00247,0.09783,0.05142,-0.04671,0.04619,-0.04846,0.00955,0.02657,0.05181,-0.0248,0.06472,0.01184,0.0561,0.0304,-0.01472,0.02492,0.01904,-0.0095,0.03863,0.04867,-0.00888,0.00366,0.0013,-0.03893,-0.03453,-0.06902,-0.00723,0.06932,-0.04843,0.0557,0.00988,-0.09265,0.06119,0.01574,-0.06901,-0.07094,-0.00911,-0.04496,-0.07536,0.00715,0.03942,0.03055,-0.04262,0.04613,0.00364,0.05347,0.02777,-0.02939,0.07129,0.02297,-0.01863],"keywords":"Background Background Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds. Backgrounds matter more than they seem: they improve spatial orientation, reinforce brand identity, and make dense editor canvases easier to parse.","excerpt":"Backgrounds matter more than they seem: they improve spatial orientation, reinforce brand identity, and make dense editor canvases easier to parse."},{"chunkId":"/examples/background#4","slug":"background","route":"/examples/background","section":"examples","title":"Background","description":"Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds.","group":"Viewport","vector":[-0.04247,0.03829,-0.05416,0.01766,0.04907,0.04583,0.00189,0.05199,0.00479,-0.01112,-0.06616,0.01705,-0.05765,0.01806,0.11708,0.00735,-0.07636,0.04833,-0.02929,-0.04414,-0.04806,-0.09596,0.0683,-0.02621,-0.03118,0.03627,0.04576,-0.0231,0.09344,-0.04421,0.01268,0.08553,-0.00098,0.03627,-0.09014,0.06597,0.00173,0.0961,-0.08634,-0.02976,0.0779,0.05306,0.0149,-0.09251,0.02416,-0.0098,-0.05239,0.00226,-0.05239,0.03695,-0.03545,-0.14466,-0.02482,0.05615,0.05943,-0.01568,0.06428,-0.03272,0.09643,-0.01732,0.00229,-0.05077,-0.02976,-0.01446,0.02404,0.01167,-0.09217,0.05321,-0.00508,-0.02283,0.02491,-0.01262,0.00848,-0.06688,0.01345,0.00625,-0.06715,0.08317,-0.05848,-0.09858,0.05641,-0.01598,0.03416,0.05563,-0.00677,0.11729,0.00449,-0.08963,-0.03998,-0.02104,-0.02569,0.03476,-0.08969,-0.04881,0.02228,0.02063,-0.10799,-0.02859,-0.04053,0.05072,0.0149,-0.12112,0.04556,0.06929,0.06671,-0.01276,-0.02647,0.05854,-0.03144,-0.01735,-0.01036,0.03435,0.04195,-0.06019,-0.01679,-0.03289,0.00121,-0.03644,0.04097,0.05085,0.0891,0.06061,-0.03869,-0.08514,0.04472,-0.05641,0.01554,0,0.0422,0.04531,-0.06845,0.00778,0.06047,-0.04494,-0.0271,-0.0937,0.03384,0.08851,-0.02973,0.01642,-0.08602,-0.00647,-0.03945,-0.09545,0.03596,-0.01276,-0.04047,0.01826,0.02967,-0.01585,-0.12532,0.00926,0.04763,0.04391,0.0196,0.05112,-0.07301,-0.01422,0.11639,0.01931,0.04256,0.03744,-0.00841,-0.02374,-0.03735,0.00747,-0.03318,-0.0362,0.03908,-0.05716,-0.09029,0.08309,0.01693,-0.0716,0.00166,-0.00791,0.06324,0.04087,0.0062,0.10654,-0.05177,-0.11417,0.06524,-0.04854,-0.00879,0.04555,-0.01947,0.0393,0.02732,0.06546,-0.04565,-0.00864,0.0305,0.00666,-0.00477,-0.00254,-0.01745,-0.1228,-0.02198,0.07647,0.00735,-0.01973,0.03043,-0.03044,0.001,0.10417,-0.00512,-0.03283,-0.07861,-0.04183,0.0019,0.0176,0.02517,-0.00034,0.05783,-0.02369,-0.03795,-0.08574,0.05001,0.0292,0.01952,-0.02716,0.00568,0,0.02908,0.09243,-0.00081,0.07527,0.03282,0.0013,0.06508,0.053,0.00641,0.06868,-0.02716,0.04851,-0.01741,0.01014,0.02157,0.00564,-0.06682,-0.0152,-0.00157,-0.00666,-0.03244,0.09466,-0.06495,0.00283,-0.07915,0.06712,-0.00733,0.06304,0.00016,-0.02711,-0.0696,-0.08317,-0.03573,0.02084,-0.00897,-0.09718,0.01892,0.06398,-0.10193,-0.03508,0.0077,0.02512,-0.08711,0.00003,-0.08386,-0.02228,0.02836,-0.03828,-0.07215,-0.02569,-0.03879,0.00161,0.01626,0.00562,0.01933,0.01906,0.08073,0.0112,-0.07821,0.02701,0.03065,-0.05749,0.02673,-0.05493,0.11156,0.05113,-0.08091,-0.06516,0.0199,0.03472,-0.02142,0.05328,0.05296,0.02039,0.06242,0.03792,0.11687,-0.00934,0.04488,0.06026,-0.09726,0.02905,-0.03032,0.04838,0.0216,0.03069,-0.12689,-0.02623,0.03958,-0.00011,-0.03639,-0.00422,0.02128,0.017,0.10339,0,-0.08044,-0.019,-0.03431,-0.01819,0.01759,-0.03486,-0.04477,-0.06453,-0.06574,-0.06165,-0.08647,0.10749,0.0316,-0.01421,0.05503,-0.00785,0.01858,0.00629,-0.05723,0.03878,-0.02622,0.03157,-0.01408,0.08723,-0.00063,0.00248,-0.03181,0.0036,-0.00024,0.01226,-0.01562,0.00465,0.00815,0.01489,-0.03456,-0.05516,-0.0406,-0.0133,-0.04635,0.03491,0.1076,-0.0651,0.04544,0.01556,-0.00546,0.06109,0.01049,-0.06404,-0.03144,0.03983,-0.04856,-0.03115,0.00699,0.06513,0.03919,-0.03043,0.07455,0.06667,-0.01801,0.01671,-0.04846,0.03655,0.04604,-0.02149],"keywords":"Background Background Add SVG background patterns to the flow diagrams in Angular, using built-in rect and circle presets or a fully custom pattern for complex, branded backgrounds. Example The example below shows how to: - wrap f-canvas with f-flow; - add f-background to enable a background; - switch between the built-in rect and circle patterns; - use the new custom mode with a custom background implementation. ::: ng-component <background-example</background-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.scss [custom.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/custom-background-example/custom-background-example.html [custom.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/custom-background-example/custom-background-example.ts :::","excerpt":"Example The example below shows how to: - wrap f-canvas with f-flow; - add f-background to enable a background; - switch between the built-in rect and circle patterns; - use the new custom mode with a custom background implementation. ::: ng-component <background-example</background-example [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/example.scss [custom.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/custom-background-example/custom-background-example.html [custom.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/background-example/custom-background-example/custom-background-example.ts :::"},{"chunkId":"/examples/auto-pan#0","slug":"auto-pan","route":"/examples/auto-pan","section":"examples","title":"Auto Pan","description":"Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area.","group":"Viewport","vector":[-0.03895,-0.06986,-0.0502,0.06359,0.04398,0.03843,0.09112,0.01857,0.03164,0.01237,0.0229,0.00796,-0.07018,0.02877,-0.10866,-0.05743,0.02393,-0.03152,-0.00574,0.03974,-0.03172,-0.1045,-0.01419,-0.0444,0.04679,-0.01182,0.01655,-0.03742,-0.01218,-0.03107,-0.10903,0.05445,-0.04571,0.02646,-0.10364,-0.09786,-0.03747,0.05647,-0.08957,-0.06315,0.05617,-0.04914,0.06408,-0.02407,0.00355,0.02304,-0.0522,0.02297,0.0343,0.07229,-0.05609,-0.05515,0.0063,0.03589,0.01334,0.07115,0.05213,-0.03852,0.02846,0.0698,0.06496,0.021,0.00744,0.03123,-0.02073,0.01003,0.04835,0.01064,-0.02629,0.00052,0.0301,-0.02362,-0.03412,-0.0516,0.09322,-0.05837,-0.04327,0.0014,-0.04802,0.01301,0.02732,0.10075,-0.0722,0.12169,-0.02308,0.02836,-0.05164,0.01897,0.01018,0.00328,-0.0553,0.00999,-0.11433,-0.04927,-0.08338,-0.08684,-0.01308,-0.08866,-0.07933,-0.00983,0.0381,0.00107,-0.00243,0.01745,-0.00895,-0.02364,-0.02732,-0.03963,-0.046,0.0702,-0.01223,0.00184,-0.04166,-0.02414,-0.05708,0.04385,-0.05995,-0.06617,0.06529,-0.00898,0.00552,0.087,-0.06169,-0.02365,0.05589,-0.03043,0.00498,0,0.02953,-0.02782,-0.04177,0.011,-0.00707,-0.0742,-0.0071,0.02483,-0.01359,-0.03909,-0.01524,0.00913,-0.00576,0.05459,-0.02638,-0.10054,0.00237,0.04987,-0.00018,-0.04637,-0.0532,-0.04159,-0.09097,-0.04894,0.05566,0.09349,-0.01664,0.06711,0.02636,0.06769,-0.03162,0.04724,-0.01168,-0.03406,-0.08457,0.06144,-0.05956,-0.00017,0.08824,0.02033,-0.03489,-0.00151,-0.01585,0.0353,-0.00136,-0.03298,0.01472,0.05838,-0.03945,0.00886,0.04198,-0.06714,0.05394,-0.00912,-0.0234,-0.03817,-0.0531,0.10332,0.0324,0.08931,0.03559,0.01337,-0.1426,0.00843,0.07705,0.05661,0.02381,0.04873,0.00577,-0.04663,-0.0537,0.00521,0.03902,0.02782,0.01157,-0.03134,-0.0689,-0.03515,0.00722,0.02145,-0.00815,-0.01637,0.09639,-0.08195,0.00217,-0.06973,0.07897,0.037,-0.05584,-0.03709,0.04736,0.02043,0.10523,0.04928,0.00083,0,0.01646,0.00509,-0.00078,0.10034,-0.01272,0.00555,0.04324,-0.00848,-0.04163,-0.06545,-0.02066,0.0571,0.04153,0.0469,0.004,0.03924,-0.07355,0.00625,-0.05197,0.03107,0.03677,-0.11126,0.04333,0.00948,-0.04265,-0.02502,0.095,0.05409,-0.04976,-0.01345,0.06173,-0.05174,-0.0394,-0.00211,0.05024,0.04644,0.00583,0.04868,-0.00964,0.00728,-0.06348,0.00604,0.0324,0.02987,0.00068,0.06245,-0.06374,0.13259,-0.05763,0.01448,-0.11432,0.04733,0.02183,-0.04371,0.02641,0.1132,0.04673,0.06641,0.02472,-0.0112,0.05205,-0.03432,-0.00615,-0.02842,0.06412,0.02233,-0.00269,-0.01701,-0.04012,0.04866,-0.03901,0.07534,-0.00779,-0.08488,0.03175,0.00306,0.11286,-0.0384,0.02424,-0.01328,0.00962,-0.01147,0.04945,-0.06026,-0.09327,0.06468,-0.07269,0.0324,0.01917,-0.00944,-0.09752,-0.06049,0.03717,-0.07888,-0.07477,0,-0.03706,0.02764,0.10163,-0.04139,0.00053,0.048,0.08532,0.10384,0.00969,-0.05409,-0.03614,0.00213,-0.00207,0.05725,0.03771,0.03043,0.0464,0.05297,0.00039,-0.06486,0.07867,-0.02372,0.10297,0.0204,0.00107,-0.02907,-0.05804,0.06168,0.04689,-0.01233,-0.03104,-0.0102,0.03293,0.02051,0.00641,0.08596,-0.08413,-0.01564,-0.00997,-0.00856,0.11245,0.01367,-0.059,-0.02952,-0.01074,0.05234,0.1233,-0.01576,-0.0194,-0.00576,0.00132,-0.04415,0.06318,0.00562,0.00284,0.02983,0.02504,-0.05959,0.05401,0.01208,-0.08353,0.10146,-0.07688,0.0854],"keywords":"Auto Pan Auto Pan Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area. Auto Pan","excerpt":"Auto Pan"},{"chunkId":"/examples/auto-pan#1","slug":"auto-pan","route":"/examples/auto-pan","section":"examples","title":"Auto Pan","description":"Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area.","group":"Viewport","vector":[-0.05936,-0.03917,-0.04445,0.05945,0.05322,0.04785,0.11441,0.02268,0.03722,0.02171,-0.01849,0.01768,-0.06944,0.04744,-0.09376,-0.04466,-0.00224,-0.01375,0.01389,0.0466,-0.04827,-0.10295,-0.00629,0.00128,-0.00462,-0.01963,0.00012,-0.05925,0.01894,-0.04698,-0.07101,0.07032,-0.05869,0.05192,-0.13264,-0.08801,-0.0342,0.02191,-0.09096,-0.04252,0.04142,-0.02336,0.07731,-0.01992,-0.01904,0.0443,-0.01175,0.00971,0.01119,0.11262,-0.03721,0.02078,0.04066,0.04169,0.03389,0.0444,0.08396,-0.03978,-0.02378,0.10391,0.01063,-0.01078,-0.00525,0.02248,-0.03715,0.01649,0.02336,0.0215,-0.01144,0.02654,0.01215,0.00509,-0.02435,-0.04439,0.10598,-0.04208,-0.06274,-0.00345,-0.00346,0.01192,0.05605,0.05789,-0.05544,0.06842,-0.04192,0.06612,-0.0727,-0.05807,-0.0051,0.03045,-0.05507,0.04335,-0.08233,-0.05267,-0.06548,-0.06811,-0.01512,-0.05681,-0.07238,0.00353,0.01,0.04355,0.01468,0.05444,-0.00832,-0.02527,-0.01221,-0.02941,-0.09452,0.06937,-0.02533,-0.01434,-0.01765,-0.01501,-0.10209,0.05947,-0.0453,-0.07077,0.05053,0.00895,0.01458,0.06809,-0.06103,-0.00753,0.04778,-0.04577,-0.04196,0,-0.02486,-0.04132,-0.04037,0.00515,0.01203,-0.06792,0.00645,-0.01373,-0.0163,-0.04624,-0.02135,-0.00865,-0.01283,0.03338,-0.03959,-0.12687,0.00915,0.04406,-0.0093,-0.03717,0.01344,-0.05867,-0.08198,-0.0917,0.06307,0.07239,-0.05688,0.07114,0.04098,0.06598,-0.06764,0.02796,-0.01915,-0.02715,-0.04982,0.00023,-0.05797,-0.01398,0.05086,0.00882,-0.02105,0.00054,-0.05096,0.03053,-0.02479,-0.04496,-0.02312,0.08569,-0.04601,0.01567,0.03909,-0.0179,0.01431,-0.01185,0.04127,-0.09939,-0.07443,0.07468,0.01179,0.09456,0.00333,0.02285,-0.15632,-0.01913,0.06351,0.05734,0.02598,0.08162,-0.00973,-0.04025,-0.04373,0.04805,0.01683,0.01024,0.00728,0.01515,-0.07693,-0.03427,0.02222,0.01149,0.03682,-0.04244,0.07971,0.0061,0.03136,-0.08163,0.04817,-0.00142,-0.09136,-0.04475,0.10809,0.00469,0.1429,0.03741,0.04542,0,-0.00754,0.0226,-0.01329,0.09066,-0.0117,0.02425,0.05205,-0.02571,0.00196,-0.0621,-0.04444,0.04885,0.00083,0.04499,0.03969,0.02484,-0.07777,-0.02683,-0.03883,0.03797,0.05165,-0.06215,0.00633,-0.01753,-0.02806,-0.0538,0.06474,0.06568,-0.04715,0.0212,0.03409,-0.04781,-0.04389,-0.05283,0.0685,-0.00049,0.00171,0.09683,-0.01214,0.02407,0.00828,-0.01049,0.05503,0.01789,0.01072,0.06789,-0.09368,0.06663,-0.04501,0.00828,-0.1278,0.03515,-0.02117,-0.08671,0.01054,0.09413,0.09221,0.06313,-0.02799,-0.01775,0.07023,-0.0606,-0.01206,-0.03163,0.08754,0.01084,-0.0138,0.02811,-0.02223,0.07822,0.04519,0.04561,0.02091,-0.02369,0.03951,0.00256,0.15554,-0.03985,0.07983,0.06638,0.00869,0.05682,0.04821,-0.04125,-0.08416,0.05388,-0.13021,0.02179,0.00941,0.01837,-0.06265,-0.03426,-0.00706,-0.07663,-0.06393,0,-0.06757,0.02779,0.04625,-0.00666,0.00986,0.05062,0.04854,0.07278,-0.00214,-0.03399,-0.03461,0.05737,0.05999,0.03798,0.04012,0.0164,0.07631,0.02095,-0.0286,-0.04832,0.03407,0.00786,0.06648,0.04904,-0.05056,-0.05891,-0.04254,0.0457,0.05512,-0.01392,-0.02965,0.01155,-0.01809,0.03785,-0.03375,0.08049,-0.07262,-0.01228,-0.04393,0.01725,0.08209,0.03035,-0.0443,-0.0381,-0.01394,0.0915,0.08804,-0.00448,-0.03954,0.02971,-0.00029,-0.0015,0.05824,0.04903,0.00902,0.02043,-0.00255,-0.02639,0.05711,-0.00485,-0.09458,0.06348,-0.01473,0.10558],"keywords":"Auto Pan Auto Pan Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area. Description This example shows how to keep drag interactions moving when the pointer reaches the edge of f-flow. Instead of forcing users to drop, pan manually, and start over, the viewport continues to scroll while the drag session stays active. The demo enables auto-pan through <f-auto-pan / and combines the supported drag kinds in one place: connection creation, connection reassignment, node dragging, and selection area.","excerpt":"Description This example shows how to keep drag interactions moving when the pointer reaches the edge of f-flow. Instead of forcing users to drop, pan manually, and start over, the viewport continues to scroll while the drag session stays active. The demo enables auto-pan through <f-auto-pan / and combines the supported drag kinds in one place: connection creation, connection reassignment, node dragging, and selection area."},{"chunkId":"/examples/auto-pan#2","slug":"auto-pan","route":"/examples/auto-pan","section":"examples","title":"Auto Pan","description":"Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area.","group":"Viewport","vector":[-0.0668,-0.02384,-0.07244,0.07527,0.08209,0.08216,0.06542,0.02239,0.05114,0.02696,-0.02512,0.01597,-0.09111,0.06211,-0.06209,-0.06031,-0.0115,-0.01414,-0.01915,0.02888,-0.03442,-0.05965,0.06573,0.01129,0.01494,-0.01078,0.0053,-0.06162,0.01854,-0.01627,-0.02637,0.0603,-0.05139,0.02184,-0.08096,-0.02683,-0.02345,0.08844,-0.07802,-0.06012,0.10154,0.0021,0.07606,-0.11193,0.02619,0.04609,-0.08377,0.03116,-0.03559,0.0724,-0.05513,-0.05273,0.0014,0.06117,0.01671,0.00213,0.02986,-0.06615,0.06942,0.06405,-0.0195,-0.02119,0.0011,0.01885,0.01294,-0.00179,-0.05542,0.0396,-0.06046,0.07291,0.0357,-0.04572,-0.01855,-0.03804,0.10991,-0.03481,-0.09934,0.06751,-0.033,-0.01202,0.05338,0.01631,-0.05428,0.10299,-0.03236,0.09461,-0.03204,-0.02623,-0.00069,-0.05979,-0.02254,0.02462,-0.08806,-0.00348,-0.0161,-0.04212,-0.0871,-0.03726,-0.12538,-0.00675,0.01183,-0.01595,0.05315,0.09598,0.01561,0.0116,-0.01293,0.00996,-0.05068,0.01907,-0.00813,0.03609,0.00491,-0.04432,-0.06699,-0.00287,-0.07135,-0.07829,0.04026,0.04493,0.04461,0.03236,-0.07471,-0.02613,0.07198,-0.00464,0.0436,0,-0.00282,0.04079,-0.04993,0.01222,0.01939,-0.09668,-0.03604,-0.03989,-0.00933,0.05208,-0.05096,0.01343,-0.02559,0.00789,-0.05747,-0.10587,0.00385,0.04863,-0.02392,-0.02721,-0.00279,-0.01676,-0.09864,-0.04422,0.10033,0.0316,-0.03644,0.04173,-0.02184,0.04715,0.01859,0.06896,0.02637,-0.06631,-0.05787,0.0281,-0.05063,-0.02697,-0.0003,0.02384,0.05969,-0.02264,-0.0568,0.09057,-0.02639,-0.04547,-0.00578,0.07109,0.01285,0.04181,0.02478,0.00235,0.03331,0.00319,0.07381,-0.04414,-0.05995,0.08308,0.05249,0.09018,0.00855,0.03079,-0.119,-0.00282,0.05556,0.01238,0.04316,0.05872,0.02333,-0.06916,-0.03891,0.02316,0.00208,0.05007,0.04652,-0.04563,-0.03145,0.01116,0.06871,-0.00784,0.03692,-0.06876,0.03197,0.00152,0.04936,-0.07809,0.0386,0.00175,-0.09235,-0.08186,0.09449,0.03858,0.07962,0.02253,-0.02525,0,0.05928,0.02133,-0.03094,0.15118,-0.04941,-0.02999,0.08765,0.02666,-0.00202,-0.01798,-0.01867,0.06421,0.037,0.03128,0.02234,0.00626,-0.07479,-0.03434,0.04125,0.01455,0.07108,-0.04005,0.01762,0.03852,-0.08833,0.03094,0.07282,0.07165,-0.05061,-0.00677,0.02955,-0.04408,-0.07248,0.00112,-0.01628,-0.00536,0.00377,0.11276,-0.01574,-0.0198,0.00372,0.03477,0.01596,0.00905,-0.01923,0.00835,-0.0016,0.09008,-0.04229,-0.03106,-0.12319,-0.00182,0.00401,-0.02298,0.01778,0.05221,0.07405,-0.02662,-0.05119,0.01471,0.09251,-0.02198,-0.00709,-0.04979,0.10342,0.04946,-0.04062,-0.0176,0.02725,0.04317,-0.02762,0.02494,0.02158,-0.05264,0.00868,0.05605,0.14807,-0.0172,0.08389,-0.00392,-0.04828,0.01215,0.0277,-0.0242,-0.07241,0.08134,-0.13898,-0.0058,0.03358,0.02488,-0.08706,-0.07873,0.03003,-0.06512,-0.02476,0,-0.06411,0.0374,0.04831,-0.04525,-0.02424,-0.0048,0.03701,0.017,-0.01293,-0.04992,-0.08429,0.04209,0.03525,0.03793,0.02566,0.01235,0.01912,0.05317,-0.04795,-0.04014,0.05721,0.00842,0.10759,0.02113,-0.01786,-0.06284,-0.09783,0.03642,0.03205,-0.02385,-0.06141,-0.03135,0.02025,0.01311,-0.02872,0.00924,-0.11757,-0.05178,-0.00829,-0.03068,0.09881,-0.01932,-0.00785,-0.04097,-0.06254,0.06967,0.07273,-0.00923,-0.04624,-0.00774,-0.02997,-0.01835,-0.01757,0.04925,0.04833,-0.00144,0.02041,-0.01454,0.05765,-0.02204,-0.0736,0.05654,-0.04667,0.04898],"keywords":"Auto Pan Auto Pan Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area. Example ::: ng-component <auto-pan</auto-pan [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.scss :::","excerpt":"Example ::: ng-component <auto-pan</auto-pan [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/auto-pan/example.scss :::"},{"chunkId":"/examples/auto-pan#3","slug":"auto-pan","route":"/examples/auto-pan","section":"examples","title":"Auto Pan","description":"Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area.","group":"Viewport","vector":[-0.04807,-0.0236,-0.04227,0.03687,0.08247,0.05511,0.03005,0.00394,-0.00647,-0.03408,0.0081,-0.03567,-0.04339,-0.05028,-0.08657,-0.01734,0.04714,-0.03839,0.05564,0.02801,-0.07287,-0.11188,0.00649,-0.04026,0.03735,-0.0315,0.01822,-0.02919,-0.04769,-0.04884,-0.0726,0.05261,-0.08523,0.01656,-0.09281,-0.07118,-0.03393,0.04679,-0.11173,-0.06562,0.09932,-0.01359,0.08264,-0.04909,-0.00449,-0.03501,-0.07331,-0.00802,0.04657,0.06095,-0.09799,-0.03133,-0.00586,0.04161,0.02017,0.08567,0.08607,-0.00918,0.04237,0.04926,0.0525,-0.00664,-0.00035,-0.019,-0.00579,-0.0053,0.02182,0.00758,-0.02317,-0.00279,0.00773,-0.006,-0.03883,-0.07702,0.09301,-0.0439,-0.05208,0.03348,-0.00013,-0.01857,0.05392,0.09077,-0.04022,0.11805,-0.03704,0.07242,-0.04372,0.02191,0.04856,0.01744,-0.07178,0.04883,-0.08623,-0.02286,-0.03204,-0.08464,-0.04232,-0.07239,-0.06567,0.03002,0.04849,0.01237,-0.0297,-0.02134,-0.00363,-0.00501,-0.07339,0.01024,-0.0296,0.04718,0.04975,0.0459,-0.0012,-0.00782,-0.06396,0.05882,-0.00885,-0.09442,0.01993,-0.0044,-0.04099,0.09659,-0.10118,0.02611,0.03389,-0.04636,-0.02142,0,-0.00336,-0.0424,-0.04938,-0.03175,0.00765,-0.05196,0.0007,0.04085,0.00858,-0.02553,-0.03498,-0.07645,-0.03776,-0.01832,-0.00443,-0.13932,0.03052,0.05115,-0.04003,-0.05765,-0.00253,-0.0893,-0.10426,-0.08808,0.07284,0.0904,-0.05285,0.0945,0.03026,0.05793,-0.01197,0.01531,0.08898,0.01055,-0.06929,-0.04947,-0.03806,0.00422,0.06325,0.02803,-0.03757,0.00639,-0.00668,0.03391,0.03223,-0.04122,0.01357,0.04972,-0.00177,-0.01099,0.02201,-0.04931,0.04004,-0.04234,-0.07166,-0.03861,-0.11297,0.08413,0.02865,0.10992,0.00479,0.04822,-0.09658,0.0095,0.05089,0.10456,-0.03415,0.00201,-0.02145,-0.00834,-0.0389,0.0503,0.05368,0.02373,0.00233,-0.00088,-0.05613,-0.03126,0.03134,0.01637,0.03119,0.00791,0.07304,-0.03713,0.06134,-0.09053,0.03065,0.00056,-0.02875,0.00569,0.08386,-0.00957,0.00425,-0.01532,0.01928,0,-0.02589,0.03736,0.01653,0.03162,-0.00626,0.00555,0.05334,-0.03202,-0.01254,0.0321,-0.01781,0.05811,0.02849,-0.0304,-0.0118,0.0335,-0.05565,0.01728,-0.06541,0.03173,0.06853,-0.09223,0.02448,-0.00699,0.00044,-0.02387,0.0835,0.07903,-0.05052,0.00642,0.03767,0.01442,-0.04359,-0.02721,0.02786,0.03323,-0.06597,0.07715,0.03188,0.0181,-0.02517,0.05925,-0.03022,0.00294,0.02348,0.04829,-0.0589,0.07207,-0.02767,0.00241,-0.12676,0.04957,0.04254,-0.027,-0.01752,0.09555,0.09514,0.06873,0.02103,-0.02162,0.08943,-0.0562,-0.00689,-0.05795,0.1202,0.02803,0.02394,0.09858,-0.01637,0.03707,0.01082,0.08317,0.08568,-0.05254,0.01977,0.02335,0.0676,-0.01018,0.04044,0.04204,0.01839,0.01326,0.07243,-0.02223,0.01229,0.06615,-0.06717,0.05831,0.05083,0.0134,-0.09706,-0.05796,0.05626,-0.06935,-0.03996,0,-0.04932,0.02548,0.02105,0.01944,0.02982,0.05909,0.02627,0.06106,0.00205,-0.04821,-0.08256,0.04261,0.02156,0.0568,0.05497,-0.01182,0.0275,0.03732,0.00145,-0.04164,0.0744,-0.05042,0.06449,0.0668,-0.018,-0.05182,-0.06714,0.06913,0.06928,-0.00532,-0.0523,-0.01554,-0.05246,0.07175,-0.0344,0.07754,-0.07538,0.0388,-0.01743,0.06449,0.05427,-0.01467,-0.05393,-0.04048,-0.05913,0.04252,0.09243,-0.0135,-0.01332,0.00883,0.04572,-0.04181,0.04531,-0.05945,0.03262,-0.01803,0.00259,-0.06612,-0.03128,0.00054,-0.09833,0.12045,-0.03829,0.05918],"keywords":"Auto Pan Auto Pan Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area. What to try - Drag the source node connector toward the off-screen input. - Reassign the existing connection to the far target. - Drag the lower node and keep the pointer near the right edge. - Hold Shift and extend the selection rectangle until it reaches the off-screen node. - Toggle <f-auto-pan / on and off with the checkbox in the toolbar. - Adjust fEdgeThreshold, fSpeed, and fAcceleration in the toolbar. f Edge Threshold f Speed f Acceleration","excerpt":"What to try - Drag the source node connector toward the off-screen input. - Reassign the existing connection to the far target. - Drag the lower node and keep the pointer near the right edge. - Hold Shift and extend the selection rectangle until it reaches the off-screen node. - Toggle <f-auto-pan / on and off with the checkbox in the toolbar. - Adjust fEdgeThreshold, fSpeed, and fAcceleration in the toolbar."},{"chunkId":"/examples/auto-pan#4","slug":"auto-pan","route":"/examples/auto-pan","section":"examples","title":"Auto Pan","description":"Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area.","group":"Viewport","vector":[-0.05478,-0.06449,-0.0491,0.06697,0.05814,0.03923,0.0869,0.02841,0.0262,0.02108,0.02126,0.01951,-0.06405,0.0199,-0.08569,-0.05503,0.01795,-0.03543,-0.01776,0.03016,-0.01946,-0.10957,-0.01457,-0.04614,0.04908,-0.02645,0.01821,-0.02462,-0.01261,-0.03098,-0.10559,0.05541,-0.02146,0.03105,-0.12358,-0.08856,-0.03704,0.0477,-0.06977,-0.0615,0.04054,-0.05458,0.05172,-0.00669,-0.02001,0.01529,-0.05406,0.02263,0.01763,0.07184,-0.04288,-0.04257,0.02752,0.05047,-0.00088,0.05732,0.04823,-0.04699,0.0249,0.06218,0.06492,0.01701,-0.00266,0.02782,-0.02125,-0.00475,0.05294,0.00273,-0.02737,-0.0172,0.02403,-0.0329,-0.03382,-0.03728,0.09464,-0.06261,-0.04189,-0.00054,-0.04459,0.02694,0.0287,0.10523,-0.07075,0.11905,-0.04176,0.03499,-0.04596,0.01568,0.00876,-0.00558,-0.0451,0.00171,-0.11669,-0.05146,-0.08683,-0.0773,-0.00081,-0.07707,-0.05477,-0.01617,0.0417,0.00052,-0.00769,0.01954,-0.0067,-0.0401,-0.02846,-0.03648,-0.04585,0.0623,-0.01684,-0.00471,-0.0469,-0.01862,-0.07835,0.06115,-0.05151,-0.06881,0.0576,-0.00505,0.00306,0.10141,-0.06246,-0.01906,0.06365,-0.02685,-0.00515,0,0.03309,-0.04011,-0.04731,-0.00456,-0.02003,-0.07929,-0.02416,0.00792,-0.00313,-0.04504,-0.01371,0.00641,0.00977,0.05825,-0.02086,-0.09939,-0.01071,0.04061,0.01606,-0.04188,-0.06087,-0.03267,-0.08593,-0.02769,0.06973,0.09834,-0.01582,0.05822,0.0257,0.06482,-0.05574,0.03735,-0.00932,-0.03452,-0.07213,0.07283,-0.08385,0.00463,0.08953,0.02776,-0.00127,-0.01977,-0.01759,0.03926,0.00459,-0.03617,0.00229,0.03933,-0.0296,0.00691,0.04954,-0.06314,0.04379,0.00487,-0.00019,-0.03113,-0.05025,0.09517,0.04062,0.09626,0.03105,0.0072,-0.13547,0.00716,0.08012,0.04765,0.03218,0.05564,0.01253,-0.05011,-0.05156,0.0106,0.03808,0.03206,0.01003,-0.0381,-0.05485,-0.04798,0.00325,0.01295,-0.02426,-0.02167,0.07081,-0.0786,0.01361,-0.06354,0.08186,0.03825,-0.0472,-0.06973,0.03717,0.02277,0.09613,0.0468,0.01561,0,0.02042,-0.00589,-0.00321,0.11895,-0.01416,0.03141,0.04483,-0.0085,-0.04523,-0.06081,-0.04597,0.0692,0.05366,0.05176,0.00529,0.04416,-0.07822,-0.01055,-0.05397,0.03629,0.04159,-0.13224,0.05385,0.01395,-0.05114,-0.03738,0.0907,0.0542,-0.04626,-0.00925,0.05862,-0.04869,-0.04458,-0.00146,0.05757,0.03978,0.01421,0.07222,-0.00837,0.01443,-0.06646,0.00242,0.03404,0.02388,-0.00011,0.06445,-0.07061,0.11837,-0.04769,0.00036,-0.10272,0.04615,0.01079,-0.03446,0.03183,0.11526,0.04216,0.0694,0.01701,-0.01116,0.02646,-0.02358,0.01037,-0.03159,0.05806,0.0172,-0.0099,-0.01548,-0.066,0.05408,-0.03011,0.07863,-0.01068,-0.07849,0.02545,-0.00905,0.10779,-0.0153,0.03293,-0.01302,0.00734,-0.00127,0.04311,-0.05665,-0.1092,0.06113,-0.07123,0.0317,0.01908,-0.02615,-0.08945,-0.06007,0.04048,-0.08086,-0.0784,0,-0.02241,0.02226,0.09962,-0.0366,0.00761,0.05816,0.07455,0.10862,0.01639,-0.0491,-0.03173,0.01247,-0.00088,0.05519,0.04854,0.02853,0.06673,0.04709,0.00219,-0.07717,0.08259,-0.03307,0.10557,0.02356,0.02287,-0.02279,-0.05711,0.05749,0.03898,-0.01147,-0.03343,0.0014,0.02834,0.00944,0.02497,0.08413,-0.06986,-0.02145,-0.00783,-0.00738,0.11141,-0.00436,-0.0561,-0.03962,-0.0258,0.05075,0.12215,-0.01649,-0.01692,-0.00058,0.01127,-0.05937,0.06665,0.01073,0.00335,0.04469,0.01489,-0.0643,0.06385,-0.00655,-0.08117,0.10814,-0.05863,0.08716],"keywords":"Auto Pan Auto Pan Pan the viewport automatically while dragging near the edge. Includes connection create/reassign, node drag, external items, and selection area. Related docs - Auto Pan - Drag and Drop - Selection Area","excerpt":"Related docs - Auto Pan - Drag and Drop - Selection Area"},{"chunkId":"/examples/canvas-layers#0","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.06989,-0.03349,-0.03409,0.00033,0.01046,0.02409,-0.00617,0.02925,0.04541,-0.00828,-0.01409,0.0315,-0.06677,0.01393,-0.00939,-0.02547,0.00034,-0.01524,0.00505,-0.00446,-0.04443,-0.13607,0.01673,-0.07603,0.0369,0.01949,-0.09699,-0.01763,0.07881,-0.04931,0.03742,0.09582,0.00777,0.03047,-0.07391,0.02691,-0.03693,-0.05744,-0.08734,-0.00414,0.02566,0.08107,0.01349,-0.01505,-0.0285,-0.01541,-0.00031,0.03563,-0.02216,0.07583,0.01721,-0.07423,-0.03646,0.10354,0.00177,0.07909,0.01003,-0.00515,-0.00377,0.12052,0.00981,0.01283,-0.004,0.04546,0.07568,0.05661,-0.05624,0.04413,-0.04008,0.00618,0.04462,-0.00278,0.06451,-0.03364,0.06435,0.01873,-0.06628,0.01245,-0.09627,-0.08586,0.0183,0.05343,0.00806,0.05858,-0.00412,0.02095,-0.01363,-0.07829,-0.08664,0.09363,-0.08253,0.05156,-0.05085,0.07225,0.01708,-0.04163,0.01851,-0.00113,-0.07254,-0.00383,0.03103,-0.08361,0.06444,0.00208,0.02055,-0.0747,-0.11127,-0.01046,-0.07627,-0.04881,-0.04459,0.02223,0.06068,-0.02041,-0.07617,-0.08047,0.02596,-0.0344,0.07988,-0.00155,0.02006,0.05916,0.03951,-0.04982,0.02367,0.00532,-0.03533,0,0.03426,0.00292,0.0023,0.05344,0.09943,-0.01181,0.01608,-0.07274,-0.10824,0.01457,-0.02518,0.02207,-0.03989,0.04558,0.05333,-0.12362,-0.01186,0.0097,-0.06033,-0.04532,-0.01037,-0.03941,-0.06353,-0.05032,0.03038,0.1087,-0.10795,0.02775,-0.08042,0.04395,-0.04743,-0.00519,0.02339,0.00899,-0.04336,0.02948,-0.01005,-0.07981,-0.01886,-0.01752,-0.04344,-0.01449,-0.04306,0.0054,0.02961,-0.01221,-0.10907,0.05498,0.01942,0.01054,-0.03443,0.00164,0.07392,-0.0097,0.05051,-0.06653,0.00513,0.07094,0.00951,0.05113,0.07244,0.09731,-0.13116,0.01443,0.01954,0.07259,0.02521,-0.00711,-0.01586,-0.01432,-0.07562,0.1278,0.03894,0.07441,0.05088,0.0448,-0.05326,-0.03479,0.00008,-0.02969,-0.00233,0.00632,0.01763,-0.02452,-0.04091,0.01249,0.05782,0.02685,-0.03781,0.04698,0.05834,-0.01522,0.15521,-0.00924,-0.03734,0,-0.03006,0.05266,0.01315,0.01426,0.10445,-0.09107,0.04867,-0.02644,-0.00055,0.04859,0.00417,0.06078,0.02383,0.0196,0.03949,0.07247,-0.03326,-0.12601,0.00279,-0.11933,0.01296,-0.03595,0.01345,0.04538,-0.07189,0.00024,0.04466,0.00016,0.05037,0.0338,-0.02155,-0.05041,-0.02446,0.01599,0.05451,0.03254,-0.01514,0.01,0.00363,-0.04743,-0.02275,-0.02972,-0.08181,-0.0008,-0.02123,0.02536,-0.08124,-0.00529,-0.10866,-0.03829,-0.08621,0.06446,0.01712,-0.0284,-0.0087,0.04413,0.04833,0.04058,0.03156,-0.05097,0.10368,-0.05809,0.01687,-0.042,0.04185,0.05651,-0.04393,-0.02057,-0.02083,0.05934,0.09096,-0.0315,-0.0143,-0.00446,0.02184,0.02009,0.07409,0.08957,0.04539,0.02708,-0.04641,0.09518,0.01658,0.09607,0.04962,0.01397,-0.01953,0.01877,0.054,0.01533,0.02733,0.0034,0.05663,0.00813,0.04064,0,-0.04664,-0.06914,0.01678,-0.03553,0.02653,-0.00226,0.06084,0.06415,-0.01471,-0.00408,-0.00861,0.07807,0.00733,-0.03788,0.08444,0.04206,-0.05342,-0.00734,-0.03953,-0.07481,-0.04707,0.03759,0.0411,0.0955,-0.04842,-0.00512,-0.02925,0.0115,0.02591,0.03788,-0.04428,0.0244,-0.01288,0.09482,-0.06166,0.08224,-0.11414,0.03306,-0.09633,-0.00879,0.00122,-0.08515,0.05594,0.03349,0.03984,0.01742,-0.00005,-0.01276,-0.02455,-0.02572,-0.07692,-0.0128,-0.03035,0.05045,0.01952,-0.04062,-0.03274,0.01082,0.03594,-0.00722,-0.1131,0.07036,0.05328,0.03508],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. Canvas Layer Ordering Foblex Flow renders three built-in layers inside <f-canvas — groups, connections, and nodes — each in its own absolutely-positioned container with its own stacking context. Until v18.6 the order was hardcoded: groups underneath, connections in the middle, nodes on top.","excerpt":"Canvas Layer Ordering Foblex Flow renders three built-in layers inside <f-canvas — groups, connections, and nodes — each in its own absolutely-positioned container with its own stacking context. Until v18.6 the order was hardcoded: groups underneath, connections in the middle, nodes on top."},{"chunkId":"/examples/canvas-layers#1","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.09496,-0.01855,-0.01086,0.0579,0.02139,0.00266,-0.00874,0.00265,0.00354,-0.00744,-0.02123,0.09907,-0.02111,0.01995,-0.01611,0.00913,0.00143,-0.01582,-0.0087,-0.03972,-0.02857,-0.12289,0.04116,-0.08312,0.03122,-0.00737,-0.10158,0.01305,0.07679,-0.01163,-0.0181,0.05326,-0.01719,0.01079,-0.09742,0.0332,-0.01059,-0.04768,-0.10184,0.01585,0.0247,0.10015,-0.00836,-0.00985,-0.02319,-0.0247,-0.04844,0.00763,-0.04416,0.07759,0.0161,-0.08716,0.00042,0.04797,0.01096,0.0934,-0.04644,-0.00838,-0.02326,0.09334,0.0091,0.02614,-0.02222,0.04136,0.08265,0.09754,0.00682,0.04684,-0.03684,-0.01158,0.04565,-0.02366,0.04664,-0.05174,0.02701,0.01606,-0.06227,0.00053,-0.12788,-0.11187,0.02908,0.00905,0.00481,0.08604,0.01715,0.00615,-0.02272,-0.05545,-0.07076,0.09499,-0.04021,0.06881,-0.02018,0.06634,0.02337,0.00543,0.04252,0.02504,-0.07271,0.02307,0.0392,-0.10998,0.03044,-0.04351,0.03274,-0.04473,-0.07841,-0.02912,-0.12303,0.01096,-0.01781,0.01191,0.05529,-0.04764,-0.06091,-0.03511,0.06043,0.00095,0.06055,-0.00114,0.00271,0.08193,-0.00141,-0.04565,0.04712,0.05441,-0.03852,0,0.05248,0.03082,-0.0284,0.02882,0.05764,0.01935,0.00845,-0.06973,-0.14562,0.00862,-0.02158,0.01026,-0.05455,0.02515,0.01667,-0.10209,0.01487,0.04149,-0.05448,-0.05012,-0.04984,-0.03199,-0.10678,0.00604,0.02548,0.1069,-0.10402,0.0113,-0.05223,0.01033,-0.03802,0.00984,0.02831,-0.02499,-0.02052,0.0506,-0.05212,-0.02601,0.03113,-0.0213,-0.04376,-0.02413,-0.05968,0.02382,0.01658,0.05288,-0.07554,0.0459,-0.00009,-0.07074,-0.03702,0.01826,-0.00288,-0.00288,0.02385,-0.05673,0.02761,0.06804,0.02599,0.02941,0.06493,0.06462,-0.12088,0.07159,0.00847,0.07828,0.00269,-0.02015,-0.00846,-0.03557,-0.08568,0.08368,0.02958,0.08015,0.03907,0.00948,-0.08839,-0.02906,0.06291,-0.03003,-0.04057,-0.01822,0.02622,-0.03645,-0.01294,-0.00664,0.07223,0.0517,-0.01753,0.04703,0.03606,-0.01952,0.16176,-0.02499,-0.01856,0,-0.04871,0.07582,0.05976,0.02622,0.09208,-0.08301,0.00732,-0.05687,0.00812,0.0201,0.03875,0.04459,0.03454,0.01621,-0.00009,0.06662,-0.04756,-0.08791,0.01647,-0.10066,0.01244,-0.04121,0.00194,0.07443,-0.0736,0.00025,0.03645,-0.00704,0.09581,0.04768,-0.02603,-0.05627,0.00496,-0.00203,0.05359,0.07481,-0.00368,-0.00882,-0.0576,-0.01536,-0.0644,-0.03779,-0.08672,0.00038,0.02306,0.0525,-0.09501,0.03574,-0.15839,-0.06721,-0.09236,0.11701,0.02773,-0.04409,0.02894,0.01826,0.04929,0.01548,0.04333,-0.06674,0.08025,-0.05949,0.00802,-0.03686,0.00875,0.04749,0.0146,-0.0754,-0.00104,0.0306,0.04037,-0.06142,0.02354,-0.05334,0.0272,-0.01181,0.05881,0.09391,0.02151,0.00165,-0.0574,0.0854,0.02708,0.10161,0.04244,0.05255,0.00294,0.05931,0.03989,0.02365,-0.01966,-0.02384,0.05399,0.02587,0.02722,0,0.00084,-0.02007,0.03397,-0.04095,0.01618,-0.05918,0.05679,0.04626,-0.00731,0.01696,0.03401,0.08182,-0.01335,-0.00096,0.05834,0.05277,-0.02889,0.0026,-0.02148,-0.01283,-0.03128,0.02258,0.04163,0.10356,0.00327,0.00706,-0.02845,0.02967,0.01828,0.04837,-0.03324,-0.01124,0.05039,0.12124,-0.03779,0.00221,-0.11956,-0.00433,-0.0531,0.00183,0.02063,-0.06113,0.06872,0.06148,0.04113,-0.01781,0.02189,-0.06098,0.0183,0.00571,-0.07101,-0.05121,-0.02946,0.02851,0.0653,-0.01841,-0.02332,0.06207,0.02799,-0.02031,-0.08349,0.02471,0.01555,-0.00573],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. Most editors are fine with that. A few are not. A diagram view that uses semi-transparent group overlays needs the group layer above the nodes. A pipeline editor with edge labels you can click on needs connections above nodes. Layer Ordering exposes that single decision as configuration so you don't have to fight the library with !important z-index overrides. This page is the live demo. The buttons swap the order of the three layers; the same group, the same nodes, and the same connections keep their data — only the stacking changes.","excerpt":"Most editors are fine with that. A few are not. A diagram view that uses semi-transparent group overlays needs the group layer above the nodes. A pipeline editor with edge labels you can click on needs connections above nodes. Layer Ordering exposes that single decision as configuration so you don't have to fight the library with !important z-index overrides. This page is the live demo. The buttons swap the order of the three layers; the same group, the same nodes, and the same connections keep their data — only the stacking changes."},{"chunkId":"/examples/canvas-layers#2","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.08607,-0.0208,-0.03709,0.02294,0.05477,0.05793,0.00048,0.01708,0.01848,0.01167,-0.01051,0.04936,-0.05559,0.04943,0.01781,-0.01572,-0.0154,-0.00089,-0.01002,-0.0425,-0.02084,-0.12424,0.03566,-0.04264,0.02021,0.00405,-0.08771,-0.02617,0.07642,-0.03751,0.05858,0.08103,-0.02903,0.00386,-0.10294,0.05558,-0.02194,-0.01255,-0.09151,-0.00553,0.03027,0.07466,0.00904,-0.07782,0.00735,-0.0365,-0.01255,0.06889,-0.04939,0.05103,0.01223,-0.08044,-0.05276,0.11076,0.00099,0.01034,0.01331,-0.02243,0.01706,0.10045,-0.03937,-0.05351,-0.00821,0.03391,0.07819,0.06052,-0.06963,0.06049,-0.04446,0.03062,0.06082,-0.02084,0.05137,-0.04167,0.04836,-0.00231,-0.10344,0.06785,-0.0958,-0.07098,0.0336,0.01145,0.01082,0.05464,0.01737,0.04317,-0.02815,-0.06395,-0.05157,0.05681,-0.07505,0.08295,-0.05253,0.08002,0.05896,-0.01741,-0.0364,0.01359,-0.07461,0.00536,0.01745,-0.09469,0.05521,0.02485,0.05054,-0.04994,-0.08937,0.03664,-0.08234,-0.05456,-0.01957,0.04536,0.06114,-0.04156,-0.03511,-0.089,0.04128,-0.02311,0.04138,0.04658,0.0241,0.06674,0.01066,-0.07519,0.06333,0.02234,-0.01007,0,0.05559,0.05423,-0.03326,0.04979,0.07811,-0.00311,-0.00275,-0.10376,-0.11039,0.05949,-0.03198,0.03739,-0.06963,0.01458,0.04465,-0.13074,0.0244,-0.0007,-0.04647,-0.01355,-0.00006,-0.03831,-0.0928,-0.0027,0.0674,0.04456,-0.09814,0.05972,-0.09457,0.02206,0.01987,0.01155,0.03555,-0.02389,-0.02295,-0.00997,-0.03084,-0.03809,-0.03637,-0.02445,0.012,-0.02198,-0.05308,0.06191,0.00229,-0.01767,-0.10275,0.06602,0.05903,0.02346,-0.01868,0.02705,0.01587,-0.01983,0.08647,-0.06382,-0.0095,0.03329,0.00686,0.05649,0.06008,0.05079,-0.13275,-0.00938,0.02402,0.02787,0.04583,-0.0218,-0.02045,-0.0744,-0.07335,0.13911,0.04341,0.07648,0.04783,0.00289,-0.04364,0.0089,0.04691,-0.02,-0.02312,-0.01765,-0.03421,0.02964,-0.05943,-0.00589,0.05126,-0.00211,-0.05095,-0.01975,0.02499,0.01653,0.12177,-0.03968,-0.02005,0,0.00501,0.05302,0.03641,0.08054,0.08181,-0.06724,0.07388,0.0105,0.02521,0.07509,-0.01036,0.0526,0.02532,-0.00226,0.01689,0.05982,-0.04465,-0.11897,0.05524,-0.1002,0.00709,0.02962,0.00997,0.03881,-0.07844,0.05099,0.01896,0.01374,0.05002,0.03428,-0.02485,-0.06848,-0.05479,0.01377,0.00772,0.02304,0.02893,0.08462,-0.02165,-0.03639,0.01492,-0.00216,-0.08209,0.00365,-0.03344,0.01706,-0.0377,0.00309,-0.11969,-0.04262,-0.10219,0.0601,-0.00435,-0.02062,0.00757,-0.00549,0.06486,0.00202,0.00872,-0.02766,0.12654,-0.04446,-0.03375,-0.02129,0.05553,0.03667,-0.07225,-0.04732,0.02911,0.07315,0.0299,-0.03652,0.05831,-0.01942,0.04121,0.01746,0.06524,0.08832,0.0631,0.01958,-0.0366,0.09302,-0.00591,0.07645,0.07208,0.03659,-0.0651,-0.03081,0.08559,0.00128,-0.01394,-0.02891,0.0432,-0.01327,0.06731,0,-0.04269,-0.04137,0.00615,-0.0542,0.01452,-0.05378,0.03834,0.02614,0.01077,-0.00456,-0.01996,0.09493,0.05026,-0.03518,0.05616,0.03737,-0.02202,0.01474,-0.05305,-0.03529,-0.04378,0.0253,0.00987,0.08371,-0.04259,-0.02158,-0.01487,0.01923,0.01033,0.04679,-0.05382,-0.00757,-0.00526,0.06082,-0.06679,-0.00392,-0.15522,0.00079,-0.04915,0.01426,-0.00013,-0.07234,0.0674,0.02627,0.05063,0.0108,0.00843,-0.03659,-0.00878,0.01545,-0.07048,-0.01691,-0.04458,0.05593,0.04354,-0.04422,0.00176,0.03539,0.03901,-0.04365,-0.09909,0.04269,0.03592,0.00567],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. ::: ng-component <canvas-layers</canvas-layers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.scss :::","excerpt":"::: ng-component <canvas-layers</canvas-layers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/canvas-layers/example.scss :::"},{"chunkId":"/examples/canvas-layers#3","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.07858,-0.04473,-0.02016,0.00168,-0.01172,0.04429,0.01781,0.014,0.0135,-0.02257,0.01625,0.04041,-0.052,0.03614,-0.01173,-0.00077,0.01579,-0.02544,0.01279,-0.0469,-0.01861,-0.14872,0.03245,-0.07575,0.05511,-0.01513,-0.08467,-0.00436,0.07181,-0.02905,0.02824,0.07169,-0.04248,-0.00978,-0.09708,-0.01108,-0.06966,-0.06141,-0.09179,0.00928,0.01635,0.0618,0.00873,-0.03885,-0.03451,-0.04599,-0.03259,0.07944,0.01108,0.07709,0.06125,-0.05205,-0.04851,0.05836,0.00682,0.07922,-0.00113,0.03685,-0.01726,0.11127,0.00044,0.02109,-0.01027,0.03425,0.07722,0.08365,-0.02969,0.04664,-0.0356,0.01481,0.04633,-0.00965,0.08725,-0.04517,0.04832,0.02447,-0.08272,0.05475,-0.13418,-0.08957,0.0191,0.051,-0.00485,0.07133,0.02147,-0.01733,-0.03856,-0.05834,-0.06312,0.09413,-0.07507,0.06004,-0.05032,0.09122,0.0101,-0.00815,-0.00422,0.01125,-0.07933,-0.00569,0.03058,-0.11854,0.01473,-0.01186,0.0606,-0.0734,-0.13962,-0.04419,-0.07196,-0.02923,0.00764,0.02177,0.07375,-0.00602,-0.06197,-0.03134,0.04531,-0.00352,0.06173,-0.0052,0.00307,0.07273,0.02716,-0.07359,0.02821,0.00365,0.00492,0,0.04414,0.02229,-0.00494,0.03442,0.08047,0.00126,-0.00967,-0.04785,-0.13741,-0.01041,-0.02001,0.02241,-0.05949,0.00652,0.0641,-0.10461,0.01057,0.01392,-0.05961,-0.04988,-0.08219,-0.03756,-0.10167,-0.01319,0.05082,0.08908,-0.0867,0.0493,-0.07542,0.0252,-0.01191,0.01024,0.02506,0.02091,-0.06952,0.00272,-0.04096,-0.03299,0.00133,0.01433,-0.05564,-0.02261,-0.03648,0.03834,0.02608,0.01815,-0.04798,0.05434,0.00422,-0.02547,-0.04621,-0.00822,0.04284,-0.00981,0.03408,-0.06855,-0.0017,0.04931,0.00823,0.00277,0.0677,0.02978,-0.13618,0.03061,-0.00957,0.06947,0.02423,-0.04835,-0.04532,-0.0471,-0.06417,0.09989,0.04806,0.09399,0.02355,0.03975,-0.04395,0.00396,0.01588,-0.02736,-0.02305,0.01739,0.01119,-0.03226,-0.06957,0.03663,0.09858,0.03516,-0.01383,0.0631,0.00278,0.0353,0.16636,0.00683,-0.01143,0,-0.02279,0.06995,0.04348,0.00027,0.12263,-0.06998,0.03871,-0.0393,-0.00144,0.06274,0.01653,0.05673,0.01307,0.0085,0.00257,0.0815,-0.02271,-0.07034,-0.00774,-0.0896,0.00338,-0.04136,0.01065,0.0291,-0.08236,-0.01402,0.053,-0.00819,0.04918,0.06292,-0.02811,-0.0445,-0.01156,0.03545,0.04732,0.05848,0.02476,-0.00113,-0.0357,-0.00578,-0.03704,-0.03879,-0.08291,-0.00405,-0.00424,0.02401,-0.0674,0.00111,-0.16462,-0.04933,-0.08412,0.09119,0.03322,-0.01193,0.00634,0.02985,0.05558,0.00984,0.04324,-0.06033,0.13461,-0.07068,-0.00155,-0.02675,0.03012,0.03743,-0.02273,-0.06204,-0.00903,0.03903,0.02086,-0.05752,0.02824,-0.02997,0.00537,-0.01121,0.05026,0.09442,0.04175,-0.01979,-0.0374,0.06689,0.03389,0.07619,0.00032,0.04055,0.00791,0.03876,0.06817,0.03204,0.00075,-0.00176,0.07858,0.0014,0.02838,0,0.00371,-0.07284,0.05954,-0.05302,0.01105,-0.02593,0.04361,0.0741,0.00459,-0.00815,-0.03218,0.08448,0.01951,-0.00245,0.06998,0.05406,-0.0203,-0.00256,-0.02995,-0.02168,-0.04674,0.02258,0.06133,0.09502,-0.02731,0.01993,-0.00312,0.05036,0.00364,0.06867,-0.05546,0.00946,-0.01655,0.09547,-0.06132,0.02294,-0.11842,0.04062,-0.0294,0.00381,-0.0052,-0.07212,0.02632,0.05617,0.07724,-0.01326,0.04045,-0.06057,-0.00012,-0.00877,-0.05421,-0.03845,-0.00698,-0.00278,0.02478,-0.05449,-0.01885,0.03564,0.01169,-0.0177,-0.10885,0.04873,0.0442,0.00389],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. How to set the order Two equivalent ways. Use whichever fits your app's wiring better.","excerpt":"How to set the order Two equivalent ways. Use whichever fits your app's wiring better."},{"chunkId":"/examples/canvas-layers#4","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.06999,-0.01723,-0.03285,0.00867,-0.00004,0.06474,0.02156,0.08093,0.01595,-0.02916,-0.02413,0.03518,-0.05465,0.04826,0.00806,-0.01404,-0.02273,-0.04369,0.01086,-0.07377,0.00443,-0.12343,0.00668,-0.08588,0.00171,0.0153,-0.04458,-0.00936,0.08843,-0.03151,0.01464,0.02845,-0.00947,0.00047,-0.07508,0.02438,-0.05025,-0.07213,-0.07258,-0.04336,0.0335,0.06719,-0.04405,-0.04213,0.02184,-0.07632,-0.06311,0.06749,-0.02207,0.05863,0.04479,-0.05997,-0.04874,0.06544,0.04235,0.05625,0.00394,-0.0357,0.00716,0.11742,-0.00846,-0.01998,0.01337,0.03741,0.07257,0.04971,0.00385,0.06651,-0.05645,-0.01686,0.0208,-0.02063,0.08027,-0.00711,0.03564,0.05205,-0.08023,0.03233,-0.07977,-0.07258,0.00304,0.06826,0.0184,0.06798,0.04607,0.05572,-0.04381,-0.02571,-0.03837,0.12405,-0.05868,-0.01048,-0.05831,0.0898,0.05596,0.01677,0.00101,0.02579,-0.09286,-0.00431,0.00524,-0.03429,0.02284,-0.02585,0.00559,-0.0834,-0.05347,-0.04246,-0.06654,-0.05818,-0.07471,0.01177,0.02269,-0.018,-0.08197,-0.0623,0.0746,-0.01094,0.08198,0.00034,0.04254,0.05348,-0.01788,-0.02403,0.03038,-0.01194,0.03443,0,0.0514,0.04552,0.01579,0.04199,0.05673,0.01825,-0.01382,-0.01991,-0.14951,0.03972,-0.05593,0.05511,-0.014,0.03846,0.03248,-0.10967,0.00774,0.0492,-0.06254,-0.04884,-0.04668,-0.01137,-0.07714,-0.02844,0.03569,0.08484,-0.12632,0.05688,-0.0674,0.01263,-0.02998,-0.0494,-0.00821,0.01797,-0.01768,-0.01137,0.02823,-0.02486,-0.01607,-0.0453,-0.02689,-0.0095,-0.01908,0.01375,0.01041,-0.03154,-0.07866,0.08435,0.04101,-0.04273,-0.05188,0.03664,0.02777,-0.03783,0.08281,-0.0587,0.01774,0.07466,0.00859,-0.01274,0.0506,0.09933,-0.08475,0.02765,0.01993,0.0564,0.00143,-0.08442,-0.03577,-0.06189,-0.05866,0.10816,-0.0006,0.07727,0.04769,0.02055,-0.10532,-0.04859,0.02449,-0.05437,0.00258,0.00117,0.00302,-0.00452,-0.02192,0.03244,0.04515,0.04643,-0.00189,-0.02755,0.02404,-0.01564,0.13344,-0.04353,-0.01946,0,-0.00642,0.06091,0.04847,0.00919,0.08888,-0.06167,0.03672,0.02584,0.0364,0.0723,0.0127,0.03431,0.05423,-0.01945,0.02341,0.08124,-0.1032,-0.0892,0.02535,-0.1459,0.0077,-0.04672,-0.00585,0.06662,-0.09855,0.05735,0.09366,-0.00437,-0.02249,0.04902,-0.05713,-0.06261,-0.02719,0.08394,0.01887,0.02026,0.07521,0.01559,-0.04722,0.0058,-0.03782,0.01736,-0.03495,0.03297,-0.0113,0.03024,-0.08516,0.05108,-0.11088,-0.02658,-0.07941,0.07311,-0.01282,-0.05483,-0.01989,0.0134,0.03904,-0.04235,0.00456,-0.02959,0.10625,-0.06708,0.03119,0.01278,0.01912,-0.02078,-0.05709,-0.06697,-0.01326,-0.00794,0.04176,-0.07196,0.02346,-0.02061,0.04283,-0.01012,0.10238,0.06391,0.04493,0.00521,0.0036,0.08643,0.01874,0.09274,0.03191,0.03999,0.00179,0.01807,0.05941,0.04098,0.00164,0.0534,0.06142,0.05934,0.05603,0,-0.05388,-0.06461,0.02934,-0.07656,-0.03697,-0.04981,0.04975,0.02108,0.03139,-0.02696,0.02265,0.07591,-0.00048,-0.03794,0.09649,0.0495,0.01301,-0.00816,-0.04656,-0.06422,0.00718,0.00013,0.03852,0.03856,0.01332,-0.03245,-0.02899,0.04821,0.00042,0.08723,-0.0631,0.02857,0.02093,0.11159,-0.08744,0.02203,-0.07512,-0.00497,-0.04012,0.01551,0.01186,-0.03,0.01605,0.01664,0.06031,0.02067,0.04726,-0.00484,0.00929,-0.00758,-0.08466,-0.06416,0.00869,-0.01836,-0.03025,-0.03689,-0.04987,0.04808,0.04844,-0.03242,-0.12292,0.05167,0.0539,0.02471],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. Per-canvas — [fLayers] input For a single canvas with its own ordering — the most common case — pass the order as an input on <f-canvas. The order is read bottom to top: first entry sits underneath, last entry sits on top. The input accepts either the EFCanvasLayer enum or the underlying string literals ('groups', 'connections', 'nodes'). Use the enum in TypeScript for IDE help; the string form is convenient for static templates and for binding from JSON-driven configuration. f Layers EF Canvas Layer Type Script","excerpt":"Per-canvas — [fLayers] input For a single canvas with its own ordering — the most common case — pass the order as an input on <f-canvas. The order is read bottom to top: first entry sits underneath, last entry sits on top. The input accepts either the EFCanvasLayer enum or the underlying string literals ('groups', 'connections', 'nodes'). Use the enum in TypeScript for IDE help; the string form is convenient for static templates and for binding from JSON-driven configuration."},{"chunkId":"/examples/canvas-layers#5","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.05814,-0.03338,0.00829,0.03077,0.03946,0.03289,0.03778,0.01076,0.02745,-0.02215,-0.00569,0.05154,-0.04503,0.04657,-0.00509,-0.00575,0.05947,-0.03214,0.00247,-0.04775,-0.04925,-0.15383,0.03606,-0.04761,0.0455,-0.0246,-0.10426,-0.0464,0.10101,-0.04172,0.04299,0.09342,-0.05792,0.00329,-0.09852,0.0073,-0.10515,-0.05586,-0.09976,0.00615,0.02173,0.10283,-0.01695,-0.02513,-0.01965,-0.05073,-0.02246,0.07157,-0.00606,0.06781,0.0452,-0.03194,-0.05079,0.07355,0.00652,0.05587,-0.00214,0.01801,-0.0202,0.12111,-0.02527,-0.01106,-0.00283,0.03592,0.0864,0.07297,-0.00347,0.04743,-0.03782,0.03134,0.0611,-0.00141,0.10799,-0.01708,0.06035,0.04642,-0.11102,0.04187,-0.10181,-0.07018,0.0088,0.01382,-0.01103,0.03462,0.05832,-0.02432,-0.03374,-0.07292,-0.03447,0.09363,-0.08544,0.06557,-0.02734,0.10564,0.00894,-0.0112,0.00803,0.02232,-0.08021,-0.00804,0.02776,-0.09425,0.04151,0.0235,0.05434,-0.09011,-0.12023,-0.04276,-0.05524,-0.01249,-0.00836,0.03704,0.07791,-0.00949,-0.05254,-0.02828,0.06337,-0.00544,0.02945,-0.00082,-0.01708,0.07325,0.04581,-0.05837,0.02668,0.0179,0.00047,0,0.02183,-0.00372,-0.00344,0.02609,0.06306,-0.01024,-0.0046,-0.02934,-0.11161,0.00835,-0.02368,0.04707,-0.04738,0.01668,0.09823,-0.09919,0.02473,0.04738,-0.04451,-0.03501,-0.05952,-0.0352,-0.09942,-0.01293,0.03397,0.07374,-0.08878,0.04452,-0.08856,0.03403,-0.02335,0.01238,0.02248,0.01195,-0.0651,0.00455,-0.06221,-0.0418,-0.01313,-0.00957,-0.06461,-0.01748,-0.05272,0.03531,0.00533,-0.02333,-0.08326,0.091,-0.02886,-0.01601,-0.031,0.0093,0.02669,-0.0134,0.04047,-0.06289,0.0086,0.02495,0.0175,0.00638,0.06643,0.01562,-0.14965,0.03518,-0.02124,0.07655,0.05951,-0.05362,-0.07116,-0.03188,-0.04181,0.1178,0.00495,0.04212,0.05063,-0.00526,-0.03417,-0.00501,0.0238,-0.03742,-0.0005,0.0256,0.00225,-0.02298,-0.07754,0.03334,0.09636,0.01567,-0.03203,0.04926,0.03149,0.01221,0.17125,0.00115,-0.01307,0,-0.01954,0.036,0.0395,0.03428,0.12903,-0.04097,0.03146,-0.02282,-0.00807,0.02218,-0.00285,0.03838,0.00052,0.01907,-0.02166,0.09989,-0.02632,-0.09236,0.01274,-0.09311,0.0009,-0.04435,0.02882,0.04609,-0.06006,0.00704,0.02287,-0.01039,0.04211,0.01265,-0.02802,-0.05069,-0.0557,-0.01372,0.05164,0.06103,0.00505,0.05472,-0.04578,0.03309,-0.01262,-0.04204,-0.10595,0.01269,0.00039,0.01318,-0.07985,-0.00738,-0.10701,-0.03435,-0.0874,0.05974,0.04177,-0.00448,-0.0023,0.03056,0.04252,0.02994,0.03699,-0.04632,0.14725,-0.07364,-0.02627,0.00244,0.01452,0.04034,-0.02573,-0.03796,0.00527,0.05049,0.03484,-0.06316,-0.00133,-0.02894,-0.0128,0.03359,0.06723,0.05216,0.04879,-0.01144,-0.04791,0.08822,0.04307,0.03909,0.01939,0.02913,0.00684,0.00455,0.07717,0.04311,0.01615,-0.01165,0.06349,-0.01663,0.03162,0,-0.03305,-0.05043,0.02935,-0.04693,0.02819,-0.05733,0.04947,0.07536,0.00183,0.01436,-0.00211,0.06666,0.02704,0.00477,0.08798,0.03456,-0.0029,-0.00659,-0.04728,-0.04098,-0.05157,0.03114,0.05708,0.05322,-0.04071,0.00758,0.01237,0.04473,0.03105,0.07541,-0.08805,-0.00492,-0.00623,0.08601,-0.06611,0.03924,-0.12338,0.02186,-0.03858,0.01272,-0.02662,-0.05408,0.03837,0.04799,0.06584,-0.00317,0.04197,-0.05034,0.0261,0.03391,-0.05155,-0.04082,-0.03009,0.00437,0.03617,-0.06264,0.00871,0.03274,0.04005,-0.02288,-0.12803,0.00519,0.03734,0.02535],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. App-wide — withFCanvas({ layers }) provider For an app where every canvas should use the same non-default order, set it once at the host component's providers via withFCanvas inside provideFFlow(...). Per-instance [fLayers] always wins over the app-wide value, so individual canvases can opt out without re-providing the feature. with F Canvas provide F Flow f Layers","excerpt":"App-wide — withFCanvas({ layers }) provider For an app where every canvas should use the same non-default order, set it once at the host component's providers via withFCanvas inside provideFFlow(...). Per-instance [fLayers] always wins over the app-wide value, so individual canvases can opt out without re-providing the feature."},{"chunkId":"/examples/canvas-layers#6","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.07283,-0.01547,-0.01094,0.07347,0.0911,0.02125,0.01938,0.00843,0.05442,-0.03931,0.02202,0.0218,-0.0512,-0.03035,0.02523,-0.03197,-0.02086,-0.04909,-0.00772,-0.06381,-0.05555,-0.15878,0.02366,-0.07412,0.00331,0.02571,-0.10803,-0.00661,0.07222,-0.04852,0.01268,0.0758,-0.03067,0.02661,-0.09975,0.04227,-0.05997,-0.04514,-0.10571,-0.02089,-0.0118,0.03395,0.0077,-0.04781,-0.00662,-0.06201,-0.0315,0.03784,-0.01391,0.0394,0.07503,-0.04582,-0.01546,0.08472,0.05126,0.03701,0.01569,-0.00717,-0.00849,0.1476,-0.01996,-0.02353,-0.02063,0.03592,0.05249,0.0815,-0.01373,0.03121,-0.00973,0.04118,0.06967,0.02854,0.05111,-0.01486,0.09317,0.06841,-0.09549,0.0516,-0.1032,-0.08235,0.03224,0.0282,0.00299,0.03969,0.01254,0.02483,-0.03927,-0.1009,-0.09639,0.12022,-0.07844,0.03968,-0.04053,0.09198,0.03788,0.00134,0.00805,0.01839,-0.08026,0.02249,0.0106,-0.06301,0.05682,-0.00773,0.01167,-0.04427,-0.09865,0.00307,-0.08531,-0.05774,-0.03578,0.02166,0.02126,-0.02052,-0.05535,-0.04499,0.08437,-0.05999,0.03642,0.03663,0.04636,0.06462,-0.01308,-0.07121,0.03768,-0.01048,-0.03545,0,0.04548,0.00439,-0.01937,0.03187,0.11116,-0.01373,0.01691,-0.06252,-0.10956,0.03688,-0.04113,0.03127,-0.07727,0.01669,0.04128,-0.1389,0.04463,0.0013,-0.05295,-0.04068,-0.00856,-0.0194,-0.05335,-0.06129,0.03949,0.09705,-0.10944,0.03943,-0.06439,0.02737,-0.03841,0.00656,0.01942,0.0325,-0.04466,0.02247,0.01587,-0.06274,-0.00309,-0.01121,-0.04147,-0.0243,-0.04442,0.01475,0.02541,-0.04007,-0.06347,0.06911,0.01265,0.02558,-0.01833,0.02874,0.0169,-0.04389,0.05167,-0.0442,-0.02261,0.03032,-0.01289,0.04887,0.09343,0.07484,-0.1372,0.02783,0.02968,0.09462,0.06227,-0.00847,-0.04091,-0.06941,-0.03811,0.09519,0.04273,0.03346,0.08388,0.01834,-0.07931,-0.03914,0.0336,-0.0173,0.01365,0.01106,-0.00416,-0.01647,-0.07245,0.02385,0.06652,0.0133,-0.00835,0.01519,0.08249,0.00191,0.1619,-0.02109,-0.03452,0,-0.02537,0.067,0.02109,0.02206,0.08029,-0.05154,0.0266,-0.0083,0.01876,0.02958,0.01455,0.0654,0.01196,-0.00672,-0.01942,0.09226,-0.07441,-0.0647,0.02514,-0.10325,0.00624,-0.01905,-0.00671,0.06959,-0.06538,0.00677,0.02354,-0.02124,0.05122,0.00171,-0.00453,-0.02765,-0.04115,0.01065,0.07855,0.00468,0.01419,0.05475,-0.01728,-0.03075,-0.0313,-0.03303,-0.08633,-0.0335,-0.01805,0.05668,-0.08747,0.01932,-0.1032,-0.00956,-0.07657,0.05502,-0.02987,-0.04143,-0.00086,0.04603,0.05125,0.04423,0.05237,-0.01448,0.11839,-0.06986,-0.01993,-0.00754,0.06098,0.01875,-0.03483,-0.00241,0.03761,0.04212,0.06094,-0.05896,0.0092,-0.05716,0.02258,-0.00295,0.05896,0.0489,0.0231,0.03866,0.0046,0.07103,-0.01991,0.04875,0.00725,0.03341,-0.00897,0.03477,0.06301,0.01335,-0.00264,0.03672,0.03409,0.02227,0.02635,0,-0.02696,-0.00083,-0.01869,-0.0624,0.00848,-0.05636,0.07583,0.04114,-0.02358,-0.00112,-0.02104,0.08092,0.0236,-0.05051,0.07656,0.02668,0.00277,0.00553,-0.02697,-0.05138,-0.0405,0.01852,0.01661,0.09266,-0.02683,-0.03107,-0.02863,0.03202,0.02701,0.07951,-0.08738,-0.00071,-0.02971,0.06947,-0.06668,0.07128,-0.09068,-0.01663,-0.08591,0.01742,0.00872,-0.06668,0.05888,0.01311,0.04395,0.00441,0.04849,-0.00702,-0.0027,-0.00835,-0.03186,-0.02849,-0.02357,0.03384,0.01477,-0.05021,-0.02035,0.06503,0.06378,-0.04006,-0.13559,0.03589,0.02961,0.04546],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. Behaviour notes - Missing layers are appended in their default position. Passing [EFCanvasLayer.NODES] does not hide groups or connections — it just promotes nodes to the bottom and lets the other two settle behind it in their original order. - Unknown values and duplicates are silently dropped. Hand-typed strings that don't match a layer name are ignored; repeated entries collapse to the first occurrence. - Individual nodes / connections / groups still stack against their own siblings. Layer Ordering only controls the three top-level containers. Per-element CSS on .f-node, .f-group, .f-connection-content keeps working the way it always did. - The plugins outside <f-canvas — <f-background, <f-selection-area, <f-minimap — are not part of Layer Ordering. Their stacking is controlled by their position inside the <f-flow template. EF Canvas Layer","excerpt":"Behaviour notes - Missing layers are appended in their default position. Passing [EFCanvasLayer.NODES] does not hide groups or connections — it just promotes nodes to the bottom and lets the other two settle behind it in their original order. - Unknown values and duplicates are silently dropped. Hand-typed strings that don't match a layer name are ignored; repeated entries collapse to the first occurrence. - Individual nodes / connections / groups still stack against their own siblings. Layer Ordering only controls the three top-level containers. Per-element CSS on .f-node, .f-group, .f-connection-content keeps working the way it always did. - The plugins outside <f-canvas — <f-background, <f-selection-area, <f-minimap — are not part of Layer Ordering. Their stacking is controlled by their position inside the <f-flow template."},{"chunkId":"/examples/canvas-layers#7","slug":"canvas-layers","route":"/examples/canvas-layers","section":"examples","title":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order","description":"Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks.","group":"Viewport","vector":[-0.0839,-0.04262,0.00217,0.03394,-0.01032,0.04014,-0.00428,0.00146,0.04571,-0.01596,0.00702,0.06834,-0.07245,0.01489,-0.02488,-0.01196,0.064,-0.06211,0.00868,-0.06812,-0.01711,-0.1504,0.03544,-0.06096,0.02777,-0.02343,-0.06173,-0.01143,0.08392,-0.01741,-0.01103,0.084,-0.03438,-0.01469,-0.07753,0.01525,-0.04674,-0.02371,-0.07394,0.00228,0.01784,0.05221,0.00314,-0.0381,-0.01033,-0.02852,-0.00207,0.03615,-0.04253,0.07224,0.06218,-0.05204,-0.01324,0.05973,-0.02513,0.06877,-0.00534,0.00511,-0.03796,0.10221,-0.01835,0.00296,-0.02308,0.0285,0.07213,0.08716,-0.00258,0.04157,-0.01916,0.05592,0.07147,0.00638,0.06002,-0.02224,0.04653,0.0311,-0.09722,0.04503,-0.13293,-0.08375,0.02106,0.02665,-0.01458,0.06186,0.02158,0.01242,-0.04969,-0.05616,-0.0726,0.10873,-0.05159,0.05292,-0.06783,0.09027,0.02616,0.00493,0.03285,0.01515,-0.07557,-0.01529,0.04323,-0.12167,0.00342,-0.01777,0.06487,-0.04235,-0.11813,-0.0279,-0.06259,-0.02774,0.01262,0.01072,0.05498,-0.02189,-0.07119,-0.03388,0.05151,-0.0135,0.05373,-0.01152,-0.01953,0.07768,0.03115,-0.03835,0.01748,0.05109,0.00879,0,0.04803,0.02788,-0.02871,0.00301,0.05333,0.00512,-0.00749,-0.07123,-0.12212,-0.02006,0.0008,-0.00931,-0.05156,0.01196,0.02524,-0.08717,0.04773,0.02036,-0.11034,-0.06209,-0.08007,-0.03254,-0.10384,0.0024,0.01397,0.09407,-0.13553,0.02431,-0.10672,0.02691,-0.01974,0.0013,0.04294,0.00833,-0.05314,0.07084,-0.02838,-0.03959,0.01399,0.00124,-0.07836,-0.00177,-0.00887,0.02841,0.0319,0.01753,-0.04844,0.05746,-0.02863,-0.02711,-0.06012,0.01151,0.07416,-0.03286,0.04708,-0.06593,0.0171,0.03577,0.01383,-0.0033,0.09504,0.03289,-0.12053,0.0168,-0.00171,0.0977,0.02947,-0.02703,-0.03017,-0.06664,-0.04622,0.1177,0.01486,0.08431,0.05999,0.03524,-0.04503,-0.03441,0.06297,-0.0196,0.01252,0.0387,-0.00397,-0.02382,-0.04787,0.01834,0.08108,0.01746,-0.04399,0.06949,0.03305,0.02918,0.17796,0.02474,-0.02673,0,0.0012,0.0888,0.04162,-0.00349,0.09788,-0.04183,0.00633,-0.00665,0.00806,0.03528,0.04923,0.03677,0.00293,0.01534,-0.01735,0.07083,-0.03766,-0.0565,0.0195,-0.12484,0.01988,-0.06024,-0.0038,0.05781,-0.07449,-0.00931,0.04297,-0.02379,0.02464,0.03122,-0.00709,-0.03213,-0.01772,-0.00621,0.05244,0.08747,-0.0055,-0.00737,-0.03312,0.01723,-0.04372,-0.02345,-0.1127,-0.01194,-0.01052,0.01278,-0.09073,0.01025,-0.14418,-0.04864,-0.08871,0.09566,0.04971,-0.01971,-0.00106,0.03426,0.02827,0.02978,0.06089,-0.06422,0.11784,-0.05069,-0.00905,-0.04373,-0.01155,0.04314,-0.02421,-0.02706,0.03684,0.0302,0.0097,-0.0571,-0.0212,-0.0293,0.00537,-0.02636,0.07684,0.07775,0.03478,0.01728,-0.05783,0.07823,0.01032,0.07852,0.03308,0.03888,0.01778,0.00722,0.03544,0.04983,0.01053,-0.02437,0.04208,0.02559,0.0015,0,-0.01811,-0.05283,0.06795,-0.02476,0.03864,-0.01754,0.07474,0.05943,-0.02059,-0.02371,0.00368,0.06696,0.02057,-0.02967,0.06862,0.05392,-0.046,-0.03565,-0.05305,-0.01932,-0.05356,0.01123,0.03315,0.07317,-0.01146,0.01106,-0.00772,0.06651,0.00306,0.0688,-0.05835,0.00158,-0.01815,0.09553,-0.07204,0.02917,-0.11179,0.01584,-0.02919,0.03616,-0.01004,-0.03641,0.05323,0.06948,0.06109,-0.01703,0.04863,-0.03307,-0.03017,0.00421,-0.06704,-0.04214,-0.02744,0.03371,0.05524,-0.07244,-0.02203,0.07362,-0.00508,-0.02143,-0.08406,0.04402,0.01297,0.01062],"keywords":"Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Canvas Layer Ordering — Stack Groups, Connections, and Nodes in Any Order Reorder the three built-in canvas layers (groups, connections, nodes) per instance via [fLayers] or app-wide via withFCanvas. Configurable for tinted group overlays, edge-clickable connections, and custom render stacks. When to reach for it Layer Ordering is not a feature most editors need. The default has been right for years. Reach for it when: - A semi-transparent group overlay should visibly tint the nodes underneath it. - Edge labels or buttons projected on connections must remain clickable when nodes overlap them. - A custom render layer relies on connections being drawn last, after nodes, so its strokes are not occluded. Outside those cases, leave it on default.","excerpt":"When to reach for it Layer Ordering is not a feature most editors need. The default has been right for years. Reach for it when: - A semi-transparent group overlay should visibly tint the nodes underneath it. - Edge labels or buttons projected on connections must remain clickable when nodes overlap them. - A custom render layer relies on connections being drawn last, after nodes, so its strokes are not occluded. Outside those cases, leave it on default."},{"chunkId":"/examples/selection-area#0","slug":"selection-area","route":"/examples/selection-area","section":"examples","title":"Selection Area","description":"Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular.","group":"Editor Helpers","vector":[-0.03874,-0.05519,-0.03707,0.04976,0.05742,0.03775,0.01559,0.01647,0.02002,0.08056,0.0212,0.00681,-0.04642,-0.02792,0.08923,0.00893,0.00152,-0.03732,0.02832,-0.02966,-0.01282,0.02436,0.06034,-0.08506,0.02143,0.04195,0.02939,0.01107,0.01309,-0.0728,-0.05154,0.05197,0.00472,0.00012,-0.1898,-0.04945,-0.00298,0.04459,0.01125,-0.02952,-0.01268,0.00894,0.00142,-0.0276,-0.07127,-0.01994,-0.11284,-0.00435,0.03247,0.06088,-0.00209,-0.07926,0.07589,0.03145,-0.03815,-0.07361,-0.025,-0.02093,0.02697,-0.0419,0.01132,0.00318,-0.02725,0.03291,0.08557,0.06819,-0.03688,-0.09947,-0.07401,0.01414,-0.01745,-0.04528,0.08688,-0.0292,0.02698,-0.04813,-0.05993,0.00064,0.06322,0.06372,0.00424,0.09803,-0.06471,0.08084,0.03376,0.06213,-0.02804,-0.01384,-0.01158,-0.07051,0.00551,-0.01114,0.05646,0.03676,-0.06421,0.01365,-0.03001,-0.00079,-0.06455,-0.0124,0.0459,-0.07736,0.046,0.02944,-0.10182,-0.0682,-0.01547,-0.03865,0.01874,-0.01219,-0.02698,0.02659,-0.05844,0.04405,-0.10219,0.02388,-0.02427,0.00037,0.08218,0.04821,-0.00955,-0.02541,-0.01571,-0.06181,0.01151,0.01774,-0.04591,0,-0.02087,-0.00926,-0.03482,-0.02526,0.02057,-0.02676,-0.10927,-0.04494,0.03225,0.03433,0.01772,-0.01312,-0.00822,-0.02596,0.10758,-0.06327,-0.03219,0.08912,-0.00118,0.02116,-0.04678,0.00765,-0.04657,0.04823,0.03521,0.1119,0.03069,-0.03136,-0.0212,0.01642,0.03053,0.03634,-0.05831,-0.02067,0.00132,0.05074,-0.04547,-0.02663,0.02306,0.0598,0.01432,-0.09434,-0.01641,0.04646,0.00305,0.0599,-0.02292,0.00982,0.01152,-0.00705,-0.01831,0.00941,-0.09026,-0.03732,0.08501,-0.03257,-0.08233,0.12189,0.1062,0.0719,-0.01789,-0.01264,0.0384,-0.03015,0.00709,-0.05462,-0.0176,-0.0803,0.09991,-0.07207,0.03293,-0.03929,0.06473,0.05581,-0.0244,-0.04428,0.05706,0.00924,0.10037,-0.06556,-0.0654,-0.01273,-0.05044,-0.02794,0.06847,-0.06921,-0.03444,-0.06159,-0.0344,-0.05069,-0.0461,0.11232,-0.01727,-0.01828,-0.0392,0,0.03139,-0.02596,0.05328,0.10324,-0.07262,0.01447,0.05156,0.00198,0.02825,0.00185,0.07204,0.08423,0.08421,-0.02083,0.00555,0.1151,-0.05263,-0.01224,0.08836,0.015,0.08313,-0.09042,-0.01452,0.03249,-0.09187,0.05023,-0.04186,-0.058,-0.00592,-0.02625,0.00825,0.03795,0.01863,0.0263,0.0099,-0.01471,0.01414,0.06539,-0.05992,-0.00263,-0.05166,0.02622,0.05267,-0.01436,-0.02879,-0.08956,0.00663,0.03533,-0.03746,-0.0183,0.0224,-0.03673,-0.00335,-0.04688,-0.0803,0.08111,0.03397,-0.06111,0.09266,0.05061,0.0158,0.03655,0.04042,0.00109,0.1057,0.01774,0.05684,-0.02049,0.01206,0.00077,-0.05592,0.00038,0.1205,-0.02039,0.05262,0.02292,0.10139,-0.06278,0.01132,-0.01577,-0.01856,0.05667,-0.023,-0.06537,-0.06049,0.0956,-0.01092,0.05343,0.04906,-0.01016,-0.03896,0.03238,0.05789,-0.0352,0.04933,0,-0.04936,0.03969,0.01057,-0.06514,0.03522,-0.06029,-0.05127,0.0169,0.02619,0.00373,-0.05675,0.02378,-0.03884,0.04295,0.14587,0.04995,-0.03368,0.12509,-0.02882,-0.01799,0.08198,-0.02592,0.10875,0.00927,0.02622,0.00109,-0.09973,0.00924,-0.00671,0.04623,-0.06304,0.03843,0.06751,-0.02468,-0.01726,-0.09322,-0.0756,-0.06978,0.03411,0.04033,0.02982,-0.07163,-0.01515,-0.01857,-0.07616,-0.00152,0.03857,-0.01835,-0.05205,0.04819,-0.01669,-0.07736,0.04154,0.0078,0.00555,-0.0021,0.01291,-0.01515,0.01843,-0.03061,0.00432,-0.02263,-0.11248,0.0062],"keywords":"Selection Area Selection Area Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular. Selection Area","excerpt":"Selection Area"},{"chunkId":"/examples/selection-area#1","slug":"selection-area","route":"/examples/selection-area","section":"examples","title":"Selection Area","description":"Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular.","group":"Editor Helpers","vector":[-0.05357,-0.03134,-0.02449,0.06996,0.08405,0.01298,0.05979,0.00758,0.00132,0.08324,-0.03289,0.00606,-0.04233,0.00616,0.0737,0.00945,0.00242,-0.03008,0.03966,-0.05474,-0.03848,-0.06812,0.06091,-0.10934,0.07642,0.02366,0.01047,0.00533,0.05284,-0.05493,-0.05597,0.05906,0.01767,0.01935,-0.19552,0.02379,0.01922,0.04691,-0.01752,-0.02036,0.02055,0.0712,-0.0082,-0.0294,-0.01886,-0.06392,-0.14228,0.02011,0.04316,0.0621,-0.00786,-0.12208,0.01291,0.01214,-0.0021,-0.03827,0.01013,-0.0351,0.03685,-0.02721,0.03552,-0.02041,-0.00724,0.01612,0.11242,0.05883,-0.05095,-0.07096,-0.07575,0.00181,0.00563,-0.04628,0.04159,-0.01194,0.0003,-0.06682,-0.08288,0.03295,0.01682,0.02056,0.00776,0.07893,-0.07336,0.11523,0.00982,0.08429,-0.03391,-0.04071,0.0038,-0.04372,-0.02924,0.03136,-0.00649,0.02346,-0.02305,0.01272,-0.00166,-0.019,-0.07276,-0.01828,0.06942,-0.10279,0.03498,-0.04414,-0.09354,-0.0452,-0.0524,-0.04395,-0.01734,0.03905,-0.0547,0.0562,-0.05259,0.03502,-0.0732,0.00685,-0.00019,-0.04027,0.04412,0.06436,0.00081,0.04261,-0.04162,-0.04671,0.0573,-0.02564,-0.0123,0,0.03585,-0.04349,-0.03717,0.01595,0.05034,0.01652,-0.09967,-0.06123,-0.0172,-0.00947,-0.00481,0.0011,0.00042,0.03054,0.11504,-0.07851,-0.01042,0.06809,0.02193,0.01664,-0.04937,-0.05872,-0.08245,0.08166,0.06115,0.13342,0.00519,0.01115,-0.00154,0.01325,-0.03185,0.04658,-0.05626,-0.00659,-0.03198,0.04983,-0.08658,-0.01831,0.01763,0.0051,-0.00254,-0.09357,-0.02633,0.01391,0.01186,0.03286,-0.05665,0.01187,-0.00995,0.02504,-0.00099,0.05028,-0.05083,-0.02869,0.07196,-0.03181,-0.01142,0.0858,0.03049,0.07553,0.00497,-0.0039,-0.00679,0.02748,0.01764,0.00927,-0.04707,-0.04755,0.09127,-0.07548,-0.02682,0.00107,0.05847,0.04911,-0.00872,-0.05313,0.00515,0.02287,0.06518,-0.04958,-0.09617,-0.08308,-0.04391,-0.04867,0.03898,-0.07602,0.03562,0.0169,-0.00603,-0.08903,0.01475,0.10216,-0.00107,-0.0156,-0.01822,0,0.02509,0.02345,0.05688,0.09164,-0.06155,-0.02227,0.02561,-0.04103,0.00196,0.03132,0.03245,0.05707,0.05939,0.0193,0.00495,0.1017,-0.05215,-0.03884,0.03651,-0.05826,0.04532,-0.10413,0.01345,0.02938,-0.07685,0.05665,-0.03676,-0.06045,-0.03467,-0.0108,-0.0295,0.0068,0.02841,0.02263,0.08132,-0.0483,0.06242,0.0601,-0.02036,0.01043,-0.03064,0.00014,0.01179,0.02248,-0.05006,-0.01699,-0.03622,0.09471,-0.0641,-0.00491,0.00232,0.0072,0.0235,-0.0788,-0.04161,0.03637,0.03908,-0.02775,0.13519,0.00179,-0.01033,0.01052,-0.00613,0.07971,0.08808,-0.01335,-0.00187,-0.07431,-0.01397,0.05099,-0.00008,0.03702,0.08653,-0.0228,0.07671,0.04173,0.13295,-0.00672,0.02071,-0.02141,-0.00169,0.05897,-0.01552,-0.04246,-0.0429,0.11285,-0.08101,0.04804,0.06329,-0.03316,-0.05445,0.01789,-0.00438,-0.04381,0.05912,0,-0.0972,0.0361,-0.00623,-0.08876,0.06681,-0.03332,-0.01909,0.07201,0.05629,0.05009,-0.00309,0.02369,-0.03014,0.00967,0.15814,0.03101,0.01286,0.06842,-0.01345,-0.02239,0.06468,-0.05361,0.03138,0.05998,0.02144,-0.022,-0.1015,0.03175,0.00504,0.05594,-0.06033,0.03218,0.0747,0.0451,-0.02715,-0.06039,-0.05615,-0.06027,0.00513,0.03518,0.01022,-0.02277,0.00572,-0.03899,-0.10659,0.02231,0.05791,-0.03955,-0.0146,0.02392,-0.02963,-0.10537,0.07105,-0.03326,-0.01281,0.02244,-0.02875,-0.01363,0.03173,-0.00466,-0.05693,0.03201,-0.0957,-0.00669],"keywords":"Selection Area Selection Area Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular. Description This guide shows how to add a selection area to the canvas. Use the Shift key and the mouse to select multiple nodes with a rectangle, which is a baseline interaction for larger node editors and workflow tools. Selection area becomes important as soon as users need to move, delete, group, or inspect several nodes at once. Without it, a graph interface quickly becomes frustrating on dense canvases.","excerpt":"Description This guide shows how to add a selection area to the canvas. Use the Shift key and the mouse to select multiple nodes with a rectangle, which is a baseline interaction for larger node editors and workflow tools. Selection area becomes important as soon as users need to move, delete, group, or inspect several nodes at once. Without it, a graph interface quickly becomes frustrating on dense canvases."},{"chunkId":"/examples/selection-area#2","slug":"selection-area","route":"/examples/selection-area","section":"examples","title":"Selection Area","description":"Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular.","group":"Editor Helpers","vector":[-0.0185,-0.0329,-0.04554,0.04083,0.06892,0.06658,0.00206,0.05011,0.00248,0.08255,-0.02421,0.00179,-0.01141,-0.01441,0.06159,-0.0372,-0.02549,0.03003,-0.021,-0.02942,-0.01259,-0.01526,0.09242,-0.05285,-0.02657,0.02672,0.0399,-0.01939,0.02943,-0.05174,-0.02859,0.07409,0.02343,-0.00411,-0.15587,-0.00617,0.0018,0.06967,0.00307,-0.03553,0.00629,0.03428,0.00085,-0.06961,-0.0226,-0.02104,-0.09815,0.04676,0.00463,0.01728,-0.00883,-0.0702,0.05904,0.07182,-0.03015,-0.11212,-0.0014,-0.07485,0.04965,-0.03678,-0.01583,-0.02407,-0.02097,0.02015,0.07167,0.09131,-0.05566,-0.07181,-0.06647,0.0571,0.01111,-0.03823,0.03733,-0.02921,0.04203,-0.06019,-0.08155,0.07708,0.05281,0.04338,0.02883,0.063,-0.03449,0.0634,-0.00519,0.09092,-0.0126,-0.0336,-0.01261,-0.08419,-0.01064,0.03937,0.01003,0.02059,-0.03484,0.01978,-0.10109,-0.00709,-0.07104,-0.00014,0.01334,-0.11287,0.05891,0.06543,-0.03375,-0.0354,-0.01481,0.01687,-0.00684,-0.02701,0.00129,0.01967,-0.01335,0.06979,-0.07069,0.00183,0.0152,-0.01595,0.03977,0.07136,0.00413,-0.01684,-0.05214,-0.0617,0.0701,0.02935,-0.00413,0,-0.02065,0.04039,-0.04321,-0.01421,0.00713,-0.02111,-0.06015,-0.08768,0.0214,0.07025,-0.01917,-0.00502,-0.02795,-0.02714,0.07804,-0.10415,-0.01331,0.07472,-0.01862,0.01281,0.00922,-0.01374,-0.04139,0.03075,0.11978,0.05089,0.00819,-0.03227,-0.0484,-0.0046,0.02286,0.04304,-0.00135,-0.05336,-0.00931,0.01108,-0.03262,-0.00666,-0.02598,0.02563,0.06898,-0.05745,-0.00571,0.05794,0.0016,0.04422,-0.05796,-0.00778,0.04188,0.02753,0.03958,0.05136,-0.04816,-0.04727,0.10059,-0.0467,-0.07725,0.08854,0.06992,0.10818,-0.04916,-0.02978,0.01736,-0.0096,0.02421,-0.05933,-0.03051,-0.0485,0.09935,-0.08584,-0.00194,-0.00251,0.05773,0.05351,-0.00829,-0.04903,0.06314,0.01827,0.08459,-0.03851,-0.05392,-0.05431,-0.06471,-0.00422,0.08543,-0.09823,-0.04533,-0.05906,-0.03669,-0.13159,-0.01266,0.09485,-0.02302,-0.02395,-0.03645,0,0.06517,-0.01632,0.05745,0.12865,-0.10673,-0.01217,0.06486,0.05368,0.01177,-0.0144,0.04125,0.10084,0.08102,-0.05898,0.0143,0.06866,-0.02968,-0.0386,0.11819,0.01924,0.06084,-0.05491,-0.00239,0.02892,-0.10321,0.07707,-0.01506,-0.01508,-0.01368,-0.01902,-0.01405,0.01385,-0.00781,-0.00305,-0.03384,-0.04832,0.02221,0.12437,-0.02945,0.00432,0.01107,0.06133,0.04462,-0.03483,-0.04229,-0.06546,0.01874,0.00034,-0.05141,-0.03406,-0.02441,-0.03278,-0.04775,0.01644,-0.06453,0.03609,0.04171,-0.06214,0.0342,0.04907,0.02829,0.03341,0.01967,0.01166,0.13689,0.01477,-0.00994,-0.01981,0.03077,0.03353,-0.01276,-0.00696,0.0863,0.02415,0.05747,0.04923,0.08337,-0.00437,0.05843,0.02572,-0.04311,0.07706,-0.06043,-0.0252,-0.04094,0.13193,-0.05366,0.00338,0.0982,-0.01354,-0.05401,0.00434,0.04313,-0.07544,0.08066,0,-0.06221,0.01897,-0.02124,-0.0508,0.02615,-0.05977,-0.0508,-0.03268,-0.01277,-0.01129,-0.05708,0.07351,-0.00396,-0.00203,0.09011,0.02801,-0.01227,0.10928,-0.04669,-0.02819,0.03645,-0.02779,0.0877,0.04635,0.02893,-0.06474,-0.11155,0.00392,0.01346,0.01596,-0.06222,-0.00178,0.04564,-0.02537,0.02492,-0.08747,-0.13056,-0.06126,0.03629,0.05603,0.01619,-0.08801,0.03797,-0.05201,-0.08033,0.01536,0.02912,-0.00838,-0.0229,0.03015,-0.02665,-0.04111,-0.0212,0.00634,0.00493,-0.02765,-0.00603,0.02863,0.02936,-0.04972,-0.03352,-0.00994,-0.09508,-0.00982],"keywords":"Selection Area Selection Area Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular. Example ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss :::","excerpt":"Example ::: ng-component <selection-area</selection-area [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/selection-area/example.scss :::"},{"chunkId":"/examples/selection-area#3","slug":"selection-area","route":"/examples/selection-area","section":"examples","title":"Selection Area","description":"Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular.","group":"Editor Helpers","vector":[0.0003,-0.00429,-0.00147,0.05238,0.07183,0.03933,0.01543,-0.01815,0.03623,0.06777,-0.0538,0.05673,-0.04396,0.00025,0.07006,-0.00704,0.00053,-0.01712,-0.00896,-0.0688,-0.0666,-0.09248,0.04065,-0.08735,0.07258,0.00956,0.01283,0.00178,0.07401,-0.09321,-0.0489,0.061,0.0209,0.01735,-0.1837,0.07401,-0.01042,0.02648,-0.03112,-0.02439,0.02573,0.06618,-0.02763,-0.05005,0.00992,-0.0449,-0.14413,-0.01165,0.00859,0.04849,-0.02903,-0.08585,-0.01245,0.00764,-0.03231,-0.04045,0.02887,-0.07698,0.02384,-0.03,0.02865,0.00408,0.00776,0.02272,0.12051,0.05992,-0.01969,-0.0262,-0.01439,0.02891,0.02932,-0.05072,0.0065,-0.00348,0.0197,-0.04331,-0.05256,0.01294,0.01225,0.02099,-0.00833,0.09439,-0.07392,0.12328,-0.02729,0.10112,-0.05636,-0.025,-0.0164,-0.06456,-0.02573,0.02374,0.00769,0.01858,0.00483,0.02131,-0.00767,0.00404,-0.06108,-0.00141,0.08574,-0.10615,0.04726,-0.06697,-0.12496,-0.07062,-0.042,-0.02523,-0.01471,0.0202,-0.05886,0.02625,-0.0706,0.05559,-0.09959,0.03525,0.00494,-0.03555,0.00515,0.08661,0.0116,0.02046,0.02909,-0.04384,0.02445,-0.03788,-0.04923,0,0.02435,-0.0229,-0.04278,0.02532,0.06152,0.00635,-0.06105,-0.07214,0.02282,0.04093,-0.01612,0.02068,-0.01341,-0.00167,0.07455,-0.11764,-0.01192,0.04673,0.00642,0.01503,-0.00916,-0.04629,-0.08916,0.10404,0.06652,0.12541,-0.00141,0.02965,-0.06491,0.0023,0.00978,0.02738,-0.08207,0.01283,-0.01163,0.05181,-0.0749,-0.04697,0.04644,0.01524,0.00771,-0.08891,-0.05051,0.04049,0.05727,0.03465,-0.05088,0.00934,-0.01477,0.00074,0.0292,0.06335,-0.02509,-0.04787,0.04968,-0.05976,-0.03038,0.0391,0.05154,0.08953,0.02561,-0.01608,-0.03769,0.02189,0.04051,0.01237,-0.0724,-0.05504,0.07716,-0.10752,-0.04,0.01498,0.04583,0.04019,0.00103,-0.03876,0.00053,0.01778,0.04404,-0.02412,-0.08844,-0.0231,-0.05885,-0.05439,0.05266,-0.0971,0.03937,0.00376,-0.02828,-0.02697,0.03172,0.10653,-0.01162,-0.01178,0.02466,0,0.00914,0.03244,0.05871,0.07603,-0.05139,-0.02947,-0.00106,-0.05067,0.00344,0.00681,0.02467,0.06212,0.04274,-0.00274,-0.02337,0.07051,-0.01853,-0.05412,0.04883,-0.03281,0.05727,-0.03906,-0.0125,0.01278,-0.09784,0.04893,-0.03807,-0.08174,-0.01408,0.01891,-0.02069,-0.02216,0.0295,0.01823,0.03363,-0.04353,0.05107,0.0507,-0.01659,0.00961,-0.04433,0.00164,-0.01801,0.00107,-0.02094,-0.00961,-0.05062,0.06439,-0.06076,-0.00644,0.00626,0.01335,-0.01128,-0.1044,-0.02475,0.05534,0.05609,-0.04444,0.1316,-0.02472,-0.01137,0.01051,0.03052,0.04854,0.04278,-0.02107,0.02335,-0.05039,-0.00779,0.01577,-0.0205,0.06178,0.07507,0.01781,0.06714,-0.00833,0.1026,-0.02238,0.04337,-0.04761,-0.03232,0.05116,-0.03584,-0.05197,-0.04966,0.10806,-0.07162,0.03271,0.04693,-0.02542,-0.05375,0.00994,0.04963,-0.02434,0.03839,0,-0.10346,0.04668,0.02046,-0.06604,0.04977,-0.05352,-0.01918,0.12059,0.07314,0.03098,0.01913,0.06959,-0.05225,-0.00908,0.17968,0.0412,0.02504,0.08413,-0.02224,-0.03717,0.06153,-0.07192,0.05667,0.08334,0.02857,-0.04458,-0.0314,0.0404,-0.01588,0.04523,-0.07106,0.00851,0.07638,0.07987,-0.0301,-0.0806,-0.10149,-0.07056,0.02336,0.05237,0.00615,-0.00874,0.00167,-0.0258,-0.09098,0.01876,0.01436,-0.05864,-0.0298,0.01032,-0.03968,-0.08718,0.02945,0.002,-0.00469,0.01877,0.00803,-0.02365,0.0476,0.00033,-0.07708,0.05285,-0.07286,-0.04146],"keywords":"Selection Area Selection Area Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular. When to use it - Multi-select nodes before moving or deleting them. - Prepare groups or batch operations. - Improve keyboard-and-mouse workflows in larger diagrams. Once your canvas holds more than a handful of nodes, box selection usually becomes a core interaction instead of an optional enhancement. It also pairs naturally with grouping, alignment helpers, and undo/redo workflows.","excerpt":"When to use it - Multi-select nodes before moving or deleting them. - Prepare groups or batch operations. - Improve keyboard-and-mouse workflows in larger diagrams. Once your canvas holds more than a handful of nodes, box selection usually becomes a core interaction instead of an optional enhancement. It also pairs naturally with grouping, alignment helpers, and undo/redo workflows."},{"chunkId":"/examples/selection-area#4","slug":"selection-area","route":"/examples/selection-area","section":"examples","title":"Selection Area","description":"Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular.","group":"Editor Helpers","vector":[-0.07802,-0.04129,-0.02918,0.04694,0.0656,0.0529,0.04049,-0.00004,0.03133,0.04684,-0.01989,-0.01124,-0.05489,-0.00493,0.05719,0.00049,-0.02172,-0.02565,0.01447,-0.04598,0.00881,-0.01193,0.01084,-0.0491,0.0315,0.07266,0.01807,0.00797,0.02643,-0.0711,-0.03969,0.071,-0.02789,-0.00924,-0.20487,-0.0359,0.00212,0.04899,-0.02109,-0.01828,0.01231,-0.0194,0.02254,-0.03598,-0.06552,0.03658,-0.10035,0.02773,0.01665,0.06653,-0.02677,-0.08879,0.06469,0.05957,-0.03623,-0.05195,0.02426,-0.06113,-0.00676,-0.05245,0.02766,-0.02675,-0.03544,0.04776,0.04055,0.03991,-0.05854,-0.02392,-0.0488,-0.04126,0.00483,-0.04846,0.06466,-0.05836,0.02074,-0.0864,-0.04661,0.01374,0.02329,0.07762,0.04177,0.10104,-0.0857,0.07917,-0.03773,0.10061,-0.03215,-0.03678,0.00643,-0.06392,-0.0192,0.01754,0.02915,-0.03574,0.01512,0.01392,-0.07289,-0.06215,-0.04205,-0.00737,0.03888,-0.07478,0.03311,0.04178,-0.06804,-0.07472,-0.01062,-0.01584,0.04099,0.018,-0.03407,0.0109,-0.01042,0.01847,-0.07782,0.00219,-0.03877,-0.03692,0.02532,0.08875,-0.03725,0.02306,-0.02552,-0.08461,0.04495,0.03241,-0.01753,0,-0.00831,-0.04986,-0.04512,-0.00113,0.02145,0.00038,-0.05695,-0.07073,0.04334,0.01949,-0.00154,-0.01407,-0.04801,0.01714,0.0369,-0.12296,-0.02994,0.07146,0.00246,0.03061,-0.02393,-0.01978,-0.07496,0.01694,0.06852,0.10373,0.01074,0.00811,-0.02449,0.01799,0.0032,0.00174,-0.05522,-0.02575,-0.02355,0.04205,-0.08124,-0.02585,0.04919,0.02726,-0.00695,-0.08289,-0.05497,0.05432,-0.02694,0.02408,-0.02001,-0.0193,0.02105,0.00318,0.03376,0.02319,-0.04969,-0.01837,0.1039,-0.05692,-0.07196,0.14774,0.0629,0.09492,-0.00869,0.0349,-0.02014,-0.06786,0.04494,-0.04504,-0.01695,-0.01733,0.09614,-0.09622,-0.02965,-0.0356,0.06661,0.06833,0.01474,-0.05899,0.0563,0.02785,0.07035,-0.04676,-0.12475,-0.03603,-0.02406,0.00075,0.108,-0.04136,0.01089,-0.06282,-0.06003,-0.06361,-0.02445,0.10204,0.04453,-0.00037,0.03268,0,0.00328,-0.01594,0.03656,0.10553,-0.02675,0.01701,0.07517,0.0221,0.07176,0.00956,-0.00024,0.13746,0.05743,0.00035,0.06545,0.10692,-0.05446,-0.06537,0.06762,0.02559,0.06761,-0.06584,-0.04405,0.00858,-0.12149,0.03508,-0.02122,-0.06742,0.00389,-0.0127,-0.00295,0.00281,-0.02713,0.0403,0.00337,-0.05507,0.02279,0.12086,-0.06906,0.01696,-0.06226,0.00982,0.0448,0.01007,-0.06294,-0.02156,-0.03082,0.0115,-0.0428,-0.00692,-0.03272,-0.00532,-0.04216,-0.00339,-0.03177,0.07378,0.06944,-0.03767,0.04869,0.00602,0.01629,0.03433,-0.01444,-0.02058,0.11537,0.03532,0.01946,-0.01548,-0.00673,0.01739,-0.05863,0.02754,0.11562,-0.03814,0.08207,0.01142,0.11207,-0.02528,0.02451,-0.0055,-0.02391,0.09528,-0.0259,-0.06429,-0.01354,0.08267,-0.02615,0.00356,0.06261,-0.01216,-0.07235,0.01222,0.04537,-0.05067,0.01794,0,-0.07231,-0.01192,0.02985,-0.08992,0.01242,-0.02413,-0.06338,0.0849,0.04347,-0.00225,-0.0119,0.06452,-0.00981,0.03372,0.14892,0.01194,-0.01986,0.11012,-0.02742,-0.06907,0.11096,-0.04443,0.06598,0.05565,0.02508,-0.02757,-0.04745,0.00805,-0.00725,0.00947,-0.04174,0.0519,0.06286,-0.00228,0.01897,-0.04395,-0.07332,-0.02894,0.00327,0.02862,0.03713,-0.04622,-0.03059,-0.05349,-0.07056,0.03951,0.02196,-0.0376,-0.05341,0.05006,-0.03177,-0.03239,0.05318,0.08995,0.04623,0.00239,-0.01949,-0.05244,0.02962,-0.04105,-0.03514,0.03974,-0.05033,0.01549],"keywords":"Selection Area Selection Area Add multi-select with a rubber-band box and keyboard modifiers. Accessibility and performance tips in Angular. Related docs - Selection Area Docs - Drag and Drop - Managed Flow State","excerpt":"Related docs - Selection Area Docs - Drag and Drop - Managed Flow State"},{"chunkId":"/examples/magnetic-lines#0","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.09052,-0.00746,-0.09939,-0.02452,0.00036,0.03712,-0.06631,0.05233,0.01652,0.00829,-0.04281,0.02217,-0.06841,-0.02349,-0.00744,0.02905,-0.12491,0.02169,0.03716,0.0467,-0.05722,-0.08281,0.00802,-0.014,-0.02698,0.05017,0.05061,0.00557,-0.00991,-0.10812,0.04979,0.08065,-0.04264,0.05637,-0.05848,0.0278,0.01297,0.02753,-0.04642,-0.04747,0.09104,0.00338,0.05142,-0.08744,-0.0145,0.05391,-0.03929,-0.01419,0.00058,0.09235,-0.0988,-0.10153,-0.08906,0.05225,0.02329,0.03164,0.05407,-0.10273,0.06178,0.01374,0.0929,-0.00545,-0.00852,0.05583,0.02205,0.02588,-0.06486,0.07239,0.01844,-0.05142,0.00568,-0.05332,-0.03767,-0.01686,0.05922,0.00103,0.0134,0.05645,-0.03475,-0.00457,-0.09247,0.07385,-0.00991,0.07053,-0.04572,0.1231,-0.00183,-0.0903,0.00683,0.01449,0.04873,0.02896,-0.06429,-0.02702,0.05434,-0.04166,-0.00366,-0.04223,-0.11821,0.01056,0.03835,-0.04646,0.05594,-0.00759,-0.05205,-0.04562,0.02105,-0.06242,-0.03701,-0.03321,-0.02944,0.01464,-0.0553,-0.10348,-0.03753,-0.08548,-0.0134,-0.01397,0.04182,0.03928,-0.01127,0.06486,-0.01884,0.02591,0.03649,0.01459,-0.03598,0,0.0065,0.07968,0.00826,0.06576,0.03009,-0.01149,-0.01708,-0.08705,0.07115,0.10653,-0.01896,0.02523,-0.01972,0.00994,-0.07318,-0.15286,-0.05196,-0.04326,-0.05965,0.0333,0.01189,-0.05839,-0.02627,0.02067,0.03628,0.07381,0.01212,0.05251,-0.0399,0.02648,0.05364,-0.02003,0.01499,0.01933,-0.04195,0.03381,-0.07368,-0.09594,0.02144,-0.03121,0.05214,-0.04809,-0.04834,0.00957,0.04153,-0.00438,-0.00426,-0.0133,0.10358,0.01854,0.0167,-0.00009,0.0427,-0.0245,0.05184,-0.06474,0.00455,0.0295,-0.02831,0.04917,0.02277,0.01889,-0.03504,-0.05147,0.06686,0.03731,-0.01292,0.01375,0.13922,-0.05238,-0.13174,0.02262,0.04839,0.05112,-0.03099,-0.01451,-0.0412,0.01957,0.1028,-0.02285,-0.0759,-0.01831,0.05058,-0.0222,0.0614,-0.08027,-0.00771,-0.03709,-0.06768,0.02472,0.05847,0.06048,0.05772,0.02399,0.03159,0,-0.08874,-0.00291,0.02094,0.07875,0.01206,-0.01298,0.03663,0.02405,0.03771,0.0787,0.04533,0.00296,-0.01274,-0.04505,0.03198,-0.02447,0.00555,-0.05963,0.06128,-0.01369,0.04195,-0.01922,0.046,-0.00039,-0.01521,0.04429,0.03035,-0.03841,0.02933,0.00817,0.00095,-0.01821,-0.03133,-0.03365,-0.02961,-0.10437,0.01428,0.08182,0.04692,-0.08191,-0.01483,0.06361,-0.01173,-0.02291,-0.06751,0.01196,-0.03587,0.0453,-0.08739,0.05859,-0.08785,0.04696,0.01119,-0.04484,-0.05183,0.0282,0.04261,-0.02566,0.04329,-0.01129,-0.02376,-0.04389,0.00771,-0.06812,0.05818,0.07676,0.07594,0.00178,-0.03067,0.10226,0.09402,0.06715,-0.00435,-0.04729,0.07536,-0.01804,0.10084,-0.04185,0.03975,-0.01876,0.01508,0.07042,-0.04727,0.05295,0.01558,0.01157,-0.0521,-0.04516,0.06092,0.04472,-0.06585,0.00215,0.05131,-0.01548,-0.00903,0,-0.06792,-0.00188,0.00616,-0.02037,0.03907,0.05117,-0.04092,0.03134,-0.00981,-0.02652,0.04089,0.12009,-0.05636,-0.03047,0.08581,-0.02084,-0.0878,0.06684,-0.00282,-0.01998,0.01444,0.02405,0.07425,0.07843,-0.01177,0.01793,-0.02927,0.024,0.01914,-0.02675,-0.02377,-0.02507,0.16314,-0.01454,-0.06435,0.02269,-0.08798,0.02939,-0.03265,0.03482,0.0396,0.05943,0.03591,-0.05713,-0.10866,0.02469,-0.0276,0.01341,-0.06891,-0.00713,-0.05939,0.0521,-0.01258,-0.01419,-0.04477,0.01738,-0.03107,-0.08218,0.04526,-0.01644,-0.07414,0.0526,-0.04351,0.00874],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. --- toc: false wideContent: true --- Magnetic Lines wide Content","excerpt":"--- toc: false wideContent: true --- Magnetic Lines"},{"chunkId":"/examples/magnetic-lines#1","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.10061,-0.01223,-0.08527,-0.03578,0.01024,0.04625,-0.05749,0.04103,0.04591,0.00888,-0.02663,0.04564,-0.05395,0.00426,-0.02429,0.03053,-0.12058,0.01645,0.03167,0.04226,-0.0641,-0.09566,0.01846,-0.01189,-0.00074,0.04622,0.03698,0.03211,0.012,-0.10301,0.0545,0.06936,-0.03714,0.0585,-0.09739,0.06014,0.00083,0.02181,-0.04375,-0.04224,0.10843,0.03022,0.0482,-0.09662,-0.02482,0.06185,-0.02844,0.00117,-0.02798,0.08614,-0.13546,-0.10961,-0.07943,0.06562,0.03438,0.0617,0.05207,-0.10255,0.07156,0.00519,0.08768,-0.00754,0.01964,0.052,0.03401,0.01727,-0.04966,0.05687,-0.00062,-0.03154,0.00574,-0.05311,-0.02294,-0.00599,0.02011,0.02133,0.0032,0.06523,-0.0382,0.00483,-0.07745,0.05494,-0.00403,0.09384,-0.05856,0.1125,0.00117,-0.11126,0.00414,-0.00357,0.03713,0.03092,-0.0602,-0.02553,0.03863,-0.03511,0.01416,-0.02144,-0.12464,0.00835,0.0452,-0.03014,0.03253,-0.02864,-0.05443,-0.05818,-0.00296,-0.08009,-0.0595,-0.00472,-0.03684,0.03143,-0.06144,-0.06712,-0.0562,-0.07216,-0.00886,-0.01028,0.04913,0.02845,-0.00118,0.06626,-0.00784,0.01421,0.04422,0.0194,-0.04393,0,0.01551,0.05739,0.01424,0.03651,0.03654,-0.02187,-0.04881,-0.06476,0.06605,0.06683,-0.02878,0.02727,-0.01745,0.00452,-0.08882,-0.15284,-0.04517,-0.01998,-0.06258,0.02448,0.03047,-0.05406,-0.03449,0.00814,0.02536,0.07591,0.01015,0.046,-0.03194,0.01812,0.06264,-0.00004,-0.01497,-0.00065,-0.02858,0.02594,-0.05337,-0.09144,0.01924,-0.03577,0.05749,-0.02404,-0.05134,-0.00834,0.0379,-0.0004,-0.01008,-0.02955,0.10557,0.02478,0.00753,0.00137,0.04893,-0.02717,0.06799,-0.07095,0.00812,0.0339,-0.02354,0.0389,0.01276,0.01072,-0.02076,-0.07682,0.08242,0.04954,-0.0171,0.03521,0.15087,-0.03196,-0.09539,0.03721,0.02575,0.03902,-0.03354,-0.00285,-0.05369,-0.01266,0.10796,-0.01479,-0.05681,-0.0423,0.03193,-0.01375,0.04022,-0.09005,0.00695,-0.02024,-0.06157,0.01325,0.07709,0.04064,0.03481,0.0225,0.02055,0,-0.08108,0.00054,0.04473,0.10997,0.01155,-0.0251,0.01955,0.031,0.02581,0.08773,0.01871,-0.00398,-0.02564,-0.01593,0.03906,-0.00401,-0.02361,-0.09068,0.0707,-0.03841,0.05072,0.00891,0.04414,0.01099,-0.00644,0.05236,0.04346,-0.03225,0.01561,-0.0128,0.01911,-0.03907,-0.05227,-0.04808,-0.00201,-0.10643,-0.02059,0.08852,0.05225,-0.07423,-0.01207,0.04309,-0.02646,-0.02601,-0.03789,0.02924,-0.0143,0.04902,-0.07818,0.06609,-0.08952,0.0654,0.00673,-0.07154,-0.05328,0.03078,0.02748,-0.01193,0.0351,-0.01837,-0.03078,-0.04275,0.01275,-0.06165,0.04984,0.08277,0.07679,-0.02133,-0.03576,0.10174,0.09386,0.07894,0.00866,-0.06117,0.08166,-0.0098,0.10709,-0.02362,0.04981,-0.03818,0.00879,0.07443,-0.04996,0.04982,-0.02454,0.00812,-0.05817,-0.03804,0.04821,0.04933,-0.05779,0.00052,0.02705,-0.03018,-0.00954,0,-0.08026,0.00824,-0.01134,0.00444,0.04517,0.0325,-0.02805,0.04074,-0.00028,-0.00505,0.04029,0.1248,-0.05515,-0.01199,0.06606,-0.00596,-0.058,0.05101,-0.00992,-0.00545,0.0405,0.03547,0.06858,0.09454,-0.0361,0.00093,-0.05752,0.0279,0.02193,-0.03149,-0.02263,-0.00449,0.17482,0.01151,-0.07694,0.01949,-0.09797,0.01658,-0.01441,0.01175,0.05263,0.03236,0.03926,-0.05437,-0.10322,0.02485,-0.0056,0.00478,-0.05148,0.00196,-0.05097,0.04736,-0.01045,-0.00684,-0.03283,0.01438,-0.04113,-0.07686,0.05338,-0.00714,-0.07641,0.0316,-0.02457,-0.00261],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. Description Magnetic Lines add snap-to-align guides while you drag nodes in Foblex Flow for Angular. When a dragged node gets close to another node, the plugin shows alignment lines and can snap the node to: - Left / center / right (X axis) - Top / center / bottom (Y axis) This makes it easy to keep diagrams clean and consistent without manual pixel-perfect positioning.","excerpt":"Description Magnetic Lines add snap-to-align guides while you drag nodes in Foblex Flow for Angular. When a dragged node gets close to another node, the plugin shows alignment lines and can snap the node to: - Left / center / right (X axis) - Top / center / bottom (Y axis) This makes it easy to keep diagrams clean and consistent without manual pixel-perfect positioning."},{"chunkId":"/examples/magnetic-lines#2","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.12324,0.02301,-0.10661,-0.03022,0.02366,0.06154,-0.08065,0.05985,-0.03431,-0.00315,-0.04286,0.03949,-0.03346,-0.02432,-0.01867,0.04751,-0.15966,0.01279,0.00764,0.08533,-0.02731,-0.10276,0.04728,-0.00528,-0.01552,0.0334,0.04755,0.04467,-0.00453,-0.05827,0.06403,0.07328,-0.04039,0.06343,-0.02618,0.03639,-0.02088,0.07978,-0.05138,-0.06171,0.08619,0.01133,0.03218,-0.12888,0.01673,0.03133,-0.03952,0.00735,-0.00953,0.04649,-0.09804,-0.09086,-0.06875,0.06262,0.03955,0.02803,0.02881,-0.13443,0.06286,-0.01164,0.08072,-0.01723,0.00741,0.01209,0.06653,0.03895,-0.07463,0.02722,-0.01678,-0.01507,-0.00513,-0.03911,-0.05155,0.00362,0.04081,0.02456,-0.02239,0.10864,-0.03137,-0.00859,-0.08408,0.04565,-0.01077,0.04336,-0.05272,0.11412,0.01061,-0.08382,0.02764,0.00773,0.05958,0.02963,-0.08432,0.00348,0.04349,-0.00272,-0.01837,-0.00211,-0.13354,0.02685,0.04491,-0.04995,0.00995,0.02325,-0.02176,-0.00647,0.01879,-0.01829,-0.08789,-0.04994,0.0097,0.01416,-0.03784,-0.09806,-0.02784,-0.08979,0.03001,-0.007,0.05477,0.04884,0.04392,0.07057,-0.04206,0.01834,0.03035,0.04723,0.00197,0,0.00845,0.08603,0.01876,0.03235,0.03435,-0.02009,-0.06031,-0.06221,0.06151,0.11114,-0.0604,-0.00475,-0.00348,-0.05107,-0.09845,-0.15394,-0.00788,-0.03994,-0.08506,0.03494,-0.01265,-0.02817,-0.03896,0.01175,0.02509,0.03794,-0.01178,0.0287,-0.04117,0.00505,0.0891,-0.0134,0.01383,-0.01858,-0.02893,0.03296,-0.02713,-0.07022,-0.01691,-0.0249,0.12233,-0.03198,-0.00577,0.06601,0.02194,0.00264,0.02486,-0.02713,0.11003,0.00467,-0.01458,0.02303,0.04363,-0.03886,0.06485,-0.05379,0.02554,0.00789,-0.04745,0.03228,0.00224,0.01053,-0.00571,-0.03665,0.06769,0.00507,-0.008,0.04543,0.113,-0.04975,-0.08595,0.06794,0.04198,0.05233,-0.03214,-0.00414,-0.02587,0.03887,0.12258,-0.02702,-0.02594,-0.01942,0.02176,0.0024,0.06001,-0.08282,-0.00075,-0.05491,-0.03194,-0.03369,0.03853,0.05845,0.0218,0.00589,0.00707,0,-0.05117,-0.00959,0.05884,0.09323,-0.03609,0.02564,0.05007,0.057,0.00095,0.10173,0.02235,-0.01176,-0.01432,-0.05267,0.04413,-0.00923,-0.05699,-0.04508,0.09395,-0.00116,0.03342,0.03423,0.02976,0.03177,-0.01213,0.04643,0.03781,-0.01044,0.01682,-0.00946,0.02024,-0.03715,-0.07734,-0.01755,-0.03844,-0.10498,-0.00438,0.11294,0.07056,-0.09767,0.01863,0.0916,-0.00483,-0.04313,-0.04701,-0.00852,0.008,0.05305,-0.08338,0.06879,-0.09194,0.04181,-0.01034,-0.00877,-0.06668,-0.01023,0.0255,-0.07841,0.03385,0.01509,0.01321,-0.05138,-0.02093,-0.06544,0.08267,0.08779,0.04813,-0.0103,-0.01202,0.07117,0.07374,0.04973,0.01395,-0.0682,0.07375,0.01905,0.11904,-0.0091,0.04781,-0.02737,0.00318,0.03787,-0.05366,0.06022,-0.00059,0.02578,-0.05107,-0.02879,0.0457,0.01665,-0.08742,-0.02156,0.0121,-0.02401,-0.00251,0,-0.05208,0.00299,-0.01005,-0.00031,0.03661,0.03508,-0.01292,-0.03313,-0.01104,-0.03705,0.00845,0.08464,-0.05102,-0.01665,0.02856,-0.03525,-0.09509,0.07259,-0.02427,0.02913,0.0163,0.01505,0.06042,0.06788,-0.02935,0.00469,-0.05576,0.03723,0.02255,-0.03653,-0.03005,-0.02995,0.15816,-0.02645,-0.04388,-0.02116,-0.11164,0.00156,0.02177,0.03452,0.05014,0.0112,0.0679,-0.06147,-0.06952,-0.02589,-0.0435,0.02159,-0.0518,0.0142,-0.03403,0.0422,-0.0019,-0.02168,-0.02681,-0.01372,-0.00335,-0.0271,0.04189,-0.03008,-0.0298,0.01588,-0.06076,-0.00482],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. Example ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.scss :::","excerpt":"Example ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-lines/example.scss :::"},{"chunkId":"/examples/magnetic-lines#3","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.06551,0.00024,-0.09308,-0.0277,0.00272,0.02703,-0.05769,0.05805,0.02229,0.00451,-0.0397,-0.00314,-0.04273,-0.00462,-0.00956,0.02899,-0.12163,0.00964,0.02436,0.06786,-0.02222,-0.11082,0.02069,-0.03009,-0.03062,0.04806,0.04662,0.02569,0.00341,-0.10047,0.05689,0.05924,-0.01585,0.06943,-0.04479,0.00965,-0.03393,0.0223,-0.04219,-0.04068,0.09983,0.02487,0.05067,-0.10274,-0.00526,0.06504,-0.01178,0.0112,0.00279,0.083,-0.12155,-0.09178,-0.07679,0.05415,0.00495,0.04658,0.06072,-0.12174,0.07211,-0.01847,0.07382,-0.02189,0.01459,0.02556,0.04616,0.00055,-0.06858,0.02327,0.00847,-0.00683,0.01825,-0.03981,-0.01264,-0.03753,0.04597,0.01108,-0.00895,0.07731,-0.01762,0.00245,-0.07794,0.04187,-0.01834,0.07851,-0.06654,0.11169,0.00732,-0.11816,0.0159,0.0311,0.04029,0.04728,-0.1237,-0.00413,0.02164,-0.05005,0.02038,-0.02677,-0.13726,0.01405,0.03232,-0.07409,0.04874,-0.00229,-0.05602,-0.02174,0.03781,-0.04813,-0.07529,-0.00584,-0.02913,0.03296,-0.03391,-0.07583,-0.03537,-0.04602,-0.00078,-0.02906,0.05993,0.04245,-0.00283,0.05695,-0.0352,0.02721,0.04144,0.0112,-0.07001,0,0.02212,0.07397,-0.00408,-0.00463,0.03694,-0.00059,-0.03769,-0.0889,0.05006,0.0695,-0.03751,-0.00908,-0.03066,-0.0353,-0.06363,-0.16191,-0.03031,-0.02994,-0.09771,0.0306,0.0336,-0.06667,-0.05154,-0.00535,0.00003,0.09277,-0.01336,0.03954,-0.01959,0.04188,0.0574,0.00855,-0.01641,0.00955,-0.04567,0.04822,-0.0229,-0.06093,0.00429,-0.04435,0.04937,-0.02694,-0.01999,0.01821,0.0308,0.00005,0.01598,-0.00149,0.08528,0.05443,0.01951,0.00171,0.04326,-0.03051,0.05992,-0.08078,0.00325,0.00856,-0.02209,0.0359,0.03142,-0.00518,0.00209,-0.05388,0.06862,0.05442,-0.00578,0.03422,0.12182,-0.02037,-0.11315,0.04531,0.0514,0.02253,-0.02733,0.01578,-0.01165,0.02041,0.10963,-0.04551,-0.05001,-0.02224,0.03536,-0.04064,0.06419,-0.08445,-0.01077,-0.01262,-0.09245,0.0053,0.06614,0.0183,0.05784,0.04397,0.00809,0,-0.06911,0.01924,0.05025,0.09823,0.01142,-0.02231,0.03808,0.03507,0.01683,0.08893,0.02202,0.00399,-0.02665,-0.02303,0.02413,-0.03747,0.00559,-0.0615,0.05967,-0.01952,0.05336,-0.00677,0.02646,0.02885,-0.00474,0.05982,0.04408,-0.02655,0.01285,-0.00887,0.00496,-0.01557,-0.05472,-0.03641,-0.00615,-0.12324,-0.03038,0.06061,0.0603,-0.08921,0.00937,0.05633,-0.05011,-0.00657,-0.05532,0.02569,0.00908,0.04532,-0.07981,0.06109,-0.09161,0.04515,0.01358,-0.03357,-0.05801,0.03615,0.03803,-0.02228,0.04607,0.01168,-0.01513,-0.03156,0.01112,-0.06861,0.08059,0.06901,0.06826,0.02658,-0.01062,0.1258,0.10583,0.08453,0.01865,-0.0511,0.08242,-0.02831,0.11351,-0.02464,0.05569,-0.01057,-0.00126,0.05428,-0.04384,0.05474,0.01738,0.00088,-0.07544,-0.04511,0.03937,0.05592,-0.05109,-0.00795,0.05295,-0.04474,-0.00631,0,-0.07798,-0.0011,-0.02497,0.01681,0.05813,0.04417,-0.03766,0.00806,-0.01635,-0.03514,0.03997,0.11417,-0.0488,0.00566,0.06874,-0.01896,-0.07174,0.06423,-0.01805,-0.01322,0.00696,0.01036,0.06794,0.08333,-0.04823,0.0019,-0.05906,0.01857,0.02786,-0.02773,-0.02471,-0.00915,0.15163,0.02559,-0.09052,0.03265,-0.10622,0.00982,-0.04503,0.02672,0.05067,0.0346,0.07447,-0.06914,-0.12546,0.02957,-0.00505,0.00869,-0.04663,0.02071,-0.03764,0.07995,-0.01289,0.00716,-0.03481,-0.00405,-0.0278,-0.0613,0.0353,0.0019,-0.05815,0.01488,-0.03862,0.01354],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. How it works 1. Add <f-magnetic-lines inside <f-flow. 2. Set a threshold in pixels for when guide rendering and snapping should begin. 3. Drag nodes until matching edges or centers enter the threshold zone. Tip: Start with threshold=\"30–50\" for a more Figma-like feel.","excerpt":"How it works 1. Add <f-magnetic-lines inside <f-flow. 2. Set a threshold in pixels for when guide rendering and snapping should begin. 3. Drag nodes until matching edges or centers enter the threshold zone. Tip: Start with threshold=\"30–50\" for a more Figma-like feel."},{"chunkId":"/examples/magnetic-lines#4","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.05807,0.01312,-0.09598,-0.01892,-0.00808,0.03186,-0.05795,0.06284,0.02675,0.02829,-0.03402,0.02973,-0.0589,-0.01308,0.01141,0.02506,-0.13284,0.0227,0.03101,0.04832,-0.05966,-0.07633,0.01547,-0.02138,-0.02134,0.05205,0.02943,0.02291,0.00565,-0.10857,0.05311,0.06302,-0.00137,0.05656,-0.07016,0.04049,0.00563,0.01858,-0.04502,-0.03728,0.10001,0.00658,0.03922,-0.08185,-0.02604,0.05751,-0.04405,0.00173,-0.02035,0.08811,-0.11063,-0.11669,-0.08294,0.06448,0.02651,0.03741,0.0353,-0.09655,0.07512,-0.01191,0.08876,-0.00883,-0.00125,0.0634,0.03799,0.03252,-0.06552,0.05176,0.01395,-0.04937,0.00906,-0.04677,-0.01716,-0.02624,0.04066,-0.00627,0.00316,0.06562,-0.02683,0.00175,-0.07622,0.062,-0.01684,0.08819,-0.05688,0.12132,0.00973,-0.11434,0.00027,0.00144,0.0308,0.03588,-0.05697,-0.02913,0.04326,-0.02422,-0.00051,-0.03833,-0.12858,0.02682,0.02989,-0.06542,0.07118,-0.017,-0.06503,-0.07178,0.00136,-0.06022,-0.0419,-0.02694,-0.03649,0.02387,-0.05357,-0.08567,-0.03311,-0.08167,-0.03327,-0.03011,0.06274,0.03586,-0.0047,0.0443,-0.00484,0.01489,0.04037,0.00221,-0.07218,0,0.00335,0.08221,-0.00697,0.03964,0.05644,-0.02484,-0.02973,-0.105,0.0539,0.07864,-0.02467,0.03992,-0.02022,0.01389,-0.04994,-0.14926,-0.05482,-0.00757,-0.04757,0.01822,0.04066,-0.05641,-0.02332,0.02581,0.04072,0.09696,0.0053,0.04371,-0.06077,0.03035,0.04831,0.00857,0.0014,0.01566,-0.02959,0.02559,-0.05032,-0.10446,-0.00336,-0.04367,0.03893,-0.0384,-0.05233,0.01094,0.04847,-0.01883,-0.01471,-0.00839,0.11877,0.04185,0.0148,0.00511,0.05253,-0.00931,0.04645,-0.06716,0.001,0.02304,-0.0203,0.05063,0.02351,0.022,-0.01343,-0.06899,0.0648,0.04606,-0.00176,0.00941,0.1569,-0.0512,-0.12504,0.02728,0.03931,0.03986,-0.03573,-0.01003,-0.03571,0.0204,0.08686,-0.01646,-0.07943,-0.02254,0.03007,-0.02076,0.06375,-0.10177,0.00961,-0.01955,-0.0544,0.01674,0.0718,0.04848,0.04174,0.01926,0.02516,0,-0.08944,-0.00449,0.02208,0.09016,0.02758,-0.02799,0.02144,0.01633,0.0359,0.07278,0.04568,0.00504,-0.01002,-0.02975,0.0333,-0.02006,0.00973,-0.0782,0.06206,-0.03367,0.05152,-0.00521,0.03808,0.00591,-0.02156,0.05782,0.05264,-0.03823,0.01969,-0.00163,-0.00679,-0.01374,-0.04149,-0.02378,-0.01797,-0.10098,0.00552,0.07201,0.04025,-0.09971,0.01039,0.05843,-0.03343,0.00025,-0.06406,0.0173,-0.01189,0.04487,-0.08818,0.03431,-0.07581,0.04205,0.01454,-0.06218,-0.06225,0.04481,0.04819,-0.00644,0.04024,0.00087,-0.02124,-0.03313,0.02764,-0.0538,0.04934,0.05522,0.06827,-0.0092,-0.04489,0.10092,0.07754,0.06886,-0.01228,-0.04025,0.08434,-0.00255,0.0908,-0.02467,0.03996,-0.0147,-0.00213,0.06891,-0.04969,0.06391,0.00438,0.00652,-0.06434,-0.03939,0.05177,0.04617,-0.06508,0.01298,0.05492,0.01915,-0.00166,0,-0.0916,0.00613,-0.01208,-0.00308,0.0411,0.04907,-0.0416,0.0289,-0.0132,-0.01527,0.03748,0.12144,-0.05961,-0.02427,0.07662,-0.02287,-0.077,0.05893,-0.01707,-0.03381,0.01909,0.02777,0.07339,0.08458,-0.00037,0.00793,-0.03223,0.01992,0.00891,-0.01977,-0.01708,0.00645,0.16966,0.00624,-0.08116,0.02282,-0.1003,0.02381,-0.04395,0.02138,0.0464,0.04057,0.03726,-0.05578,-0.12707,0.04652,-0.01522,0.00552,-0.05514,-0.02136,-0.05582,0.04535,-0.02256,-0.00363,-0.0472,0.03018,-0.03125,-0.07654,0.06678,-0.00338,-0.06744,0.03377,-0.02308,0.00098],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. Configuration","excerpt":"Configuration"},{"chunkId":"/examples/magnetic-lines#5","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.07542,0.00774,-0.10025,-0.03661,-0.01757,0.02309,-0.04774,0.0768,0.04093,0.01424,-0.03505,0.03086,-0.05123,-0.01702,-0.00428,0.01774,-0.1238,0.01028,0.02353,0.02998,-0.04995,-0.07467,-0.0007,-0.01363,-0.03374,0.04988,0.02549,0.02206,0.0141,-0.11437,0.04808,0.07386,0.0155,0.05849,-0.07483,0.04264,0.00977,0.01556,-0.06196,-0.03805,0.0729,0.01233,0.03169,-0.08518,-0.01018,0.06282,-0.02503,-0.01498,-0.0296,0.08043,-0.11789,-0.10148,-0.08738,0.06187,0.02438,0.04158,0.04991,-0.094,0.06944,-0.0193,0.07476,-0.00765,-0.00735,0.06301,0.0385,0.03114,-0.06397,0.03944,0.02772,-0.03606,0.00533,-0.04388,-0.03009,-0.01702,0.0385,-0.01419,0.00752,0.05258,-0.03548,-0.00932,-0.08343,0.04847,-0.01815,0.08027,-0.0475,0.11797,0.0242,-0.11446,0.02479,0.02368,0.0438,0.03864,-0.04988,-0.01804,0.04574,-0.02402,0.01087,-0.02935,-0.11427,0.02305,0.03851,-0.07423,0.06064,-0.01389,-0.05888,-0.0683,0.02088,-0.06549,-0.04195,-0.03531,-0.03511,0.01921,-0.05346,-0.095,-0.02815,-0.07128,-0.00847,-0.03029,0.06344,0.02729,-0.00083,0.03016,-0.01475,0.00905,0.04901,0.02153,-0.07222,0,-0.00049,0.07377,-0.0249,0.0141,0.04685,-0.00942,-0.02808,-0.08501,0.04996,0.09739,-0.0333,0.0331,-0.00899,0.01213,-0.04279,-0.16555,-0.05649,-0.01259,-0.05912,0.01958,0.03233,-0.06911,-0.00611,0.03176,0.06009,0.08309,0.01535,0.04394,-0.05718,0.0235,0.04454,0.00031,0.00079,0.01561,-0.02343,0.04938,-0.05775,-0.11385,0.00015,-0.04587,0.03464,-0.03275,-0.05059,-0.00045,0.05026,-0.01711,-0.02194,-0.00247,0.08376,0.03293,0.03503,0.00748,0.05705,-0.02442,0.04723,-0.0767,0.00709,0.00243,-0.04614,0.05299,0.01318,0.00103,0.00279,-0.04595,0.09113,0.06614,0.01863,0.02651,0.14475,-0.0421,-0.14519,0.02808,0.025,0.02345,-0.02977,-0.00102,-0.02826,0.01465,0.09013,-0.03197,-0.09104,-0.02321,0.02817,-0.00669,0.0548,-0.10196,0.00982,-0.0258,-0.06899,0.01336,0.05665,0.04867,0.03678,0.04227,0.02335,0,-0.07641,0.00773,0.01803,0.09013,0.01489,0.00117,0.02238,0.00274,0.03709,0.06619,0.03078,0.01209,-0.02129,-0.03558,0.01355,-0.02724,-0.00565,-0.0842,0.06141,-0.03521,0.04796,-0.00486,0.04361,0.01073,-0.02385,0.0495,0.04283,-0.02752,0.02836,-0.01552,-0.01934,-0.01042,-0.0322,-0.02558,-0.02781,-0.08641,0.01725,0.0683,0.05082,-0.07507,0.01046,0.07536,-0.01839,-0.00291,-0.07573,0.03415,-0.01837,0.0584,-0.10065,0.04842,-0.07184,0.05141,0.00703,-0.02886,-0.06418,0.0407,0.04399,-0.02906,0.02484,0.00897,-0.02516,-0.04771,0.0271,-0.04548,0.05894,0.05916,0.06942,0.00356,-0.04031,0.10261,0.10647,0.06653,0.02151,-0.04348,0.06497,-0.03661,0.08173,-0.04545,0.02254,-0.01034,0.01562,0.06136,-0.03626,0.06912,-0.01434,0.02008,-0.07732,-0.04373,0.06696,0.03858,-0.06861,0.02303,0.04636,0.00285,-0.02543,0,-0.08579,0.00794,-0.00998,-0.01803,0.048,0.05302,-0.04406,0.05307,-0.02016,-0.02204,0.04782,0.12186,-0.0544,-0.03296,0.08828,-0.02709,-0.0691,0.06669,-0.0157,-0.02542,0.02228,0.01681,0.06182,0.08666,0.01172,-0.01071,-0.03394,0.04373,0.02225,-0.02215,-0.00725,0.01232,0.18764,0.01721,-0.0693,0.04002,-0.09291,0.02009,-0.03377,0.02692,0.0323,0.03704,0.01873,-0.0589,-0.13264,0.02562,-0.00816,-0.00855,-0.04986,-0.01542,-0.05228,0.05671,-0.00271,0.01227,-0.0556,0.03264,-0.0298,-0.08414,0.06991,0.0079,-0.06186,0.0386,-0.0229,0.005],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. threshold threshold controls when magnetic lines appear and when snapping is applied. - Smaller value → fewer snaps, more manual control - Larger value → stronger snapping, easier alignment","excerpt":"threshold threshold controls when magnetic lines appear and when snapping is applied. - Smaller value → fewer snaps, more manual control - Larger value → stronger snapping, easier alignment"},{"chunkId":"/examples/magnetic-lines#6","slug":"magnetic-lines","route":"/examples/magnetic-lines","section":"examples","title":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow)","description":"Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example.","group":"Editor Helpers","vector":[-0.10518,0.00679,-0.08645,-0.01817,-0.00336,0.04649,-0.05951,0.03593,0.01205,0.01042,-0.04387,0.06153,-0.05064,-0.01967,-0.00517,0.04856,-0.1283,0.00344,0.02578,0.06892,-0.04718,-0.07974,-0.00125,-0.02386,-0.03072,0.06727,0.06078,0.03321,-0.00831,-0.11101,0.03452,0.05487,-0.04516,0.06181,-0.07267,0.01278,0.01858,0.05175,-0.05699,-0.03391,0.09017,0.00146,0.03751,-0.07972,-0.00389,0.03425,-0.02692,-0.02414,-0.00321,0.09463,-0.10791,-0.08559,-0.07482,0.07344,0.03454,0.03363,0.06734,-0.09734,0.04502,-0.00299,0.08987,-0.00549,0.00329,0.03593,0.02671,0.01792,-0.06811,0.06158,0.02207,-0.05288,0.01031,-0.05128,-0.03875,-0.01459,0.04388,0.01184,0.00841,0.07683,-0.0291,-0.0146,-0.08881,0.05102,-0.01726,0.06671,-0.05781,0.12958,-0.00969,-0.10191,-0.00092,0.01004,0.05534,0.05068,-0.06352,-0.03157,0.01475,-0.02267,0.00327,-0.05343,-0.1215,0.00581,0.03501,-0.03194,0.04128,0.01439,-0.05323,-0.04791,0.02961,-0.06346,-0.06751,-0.01586,-0.01721,0.02859,-0.08421,-0.08884,-0.0305,-0.09914,-0.02181,-0.00773,0.04241,0.05102,0.0006,0.06182,-0.01464,0.02186,0.04667,0.01016,-0.04976,0,0.01248,0.07346,0.02373,0.01979,0.06165,-0.02044,-0.05174,-0.07576,0.0676,0.09615,-0.02479,0.01369,-0.01496,0.0042,-0.08382,-0.15244,-0.03718,-0.05307,-0.05173,0.02001,0.00349,-0.05795,-0.00774,0.00561,0.04932,0.07313,-0.0028,0.0613,-0.02789,0.01898,0.0547,-0.01801,-0.01139,0.00008,-0.05456,0.04326,-0.04416,-0.09746,0.0204,-0.04043,0.07992,-0.03254,-0.02672,0.02618,0.0238,0.02372,0.02762,-0.02903,0.09909,0.0132,0.00042,-0.00625,0.05106,-0.01575,0.06522,-0.08185,0.01034,0.03876,-0.03429,0.02503,0.02366,0.02162,-0.01325,-0.07167,0.07596,0.04321,-0.00201,0.04045,0.15436,-0.04808,-0.11364,0.04476,0.04719,0.05328,-0.02566,-0.01666,-0.05339,0.00077,0.11391,-0.02909,-0.06234,-0.02974,0.04333,-0.0052,0.07222,-0.0744,0.00437,-0.03179,-0.05193,-0.001,0.04933,0.07839,0.04062,0.02032,0.0114,0,-0.08717,-0.00205,0.04852,0.08963,0.02451,-0.00724,0.01898,0.02882,0.06167,0.08211,0.02853,-0.00381,-0.01455,-0.03894,0.0365,-0.01441,-0.03605,-0.06832,0.07401,-0.03334,0.02222,-0.01226,0.02784,0.01982,-0.03065,0.02337,0.03689,-0.03786,0.03539,0.00391,0.02023,-0.02845,-0.03545,-0.03871,-0.0215,-0.10089,0.0022,0.09566,0.06862,-0.07686,-0.02025,0.06209,0.00471,-0.04789,-0.05314,0.01926,-0.02575,0.05083,-0.08671,0.06229,-0.07553,0.05795,-0.01715,-0.04701,-0.06021,0.02587,0.04627,-0.03582,0.05682,0.0004,-0.02654,-0.03591,-0.01603,-0.07086,0.05523,0.06637,0.07962,-0.02876,-0.0143,0.09233,0.07696,0.07416,-0.01046,-0.04384,0.09427,-0.02469,0.11255,-0.0215,0.04371,-0.01338,0.02157,0.06469,-0.05604,0.05674,-0.00506,0.03056,-0.04289,-0.04522,0.04251,0.03612,-0.05967,0.01059,0.03026,0.00675,-0.04073,0,-0.06005,0.00672,0.02656,-0.00012,0.04216,0.05216,-0.04962,0.02176,0.00519,-0.01978,0.04165,0.1153,-0.05318,-0.00644,0.06991,-0.00848,-0.07175,0.05173,-0.00441,-0.01848,0.03634,0.03277,0.04646,0.07546,0.00044,0.0276,-0.03189,0.01695,0.01653,-0.02433,-0.02257,-0.01933,0.17954,0.00156,-0.05137,-0.01657,-0.08296,0.01124,-0.01776,0.04364,0.06093,0.03948,0.03224,-0.06529,-0.10166,0.01235,-0.02799,0.00091,-0.07821,-0.00879,-0.0422,0.03441,-0.00814,-0.01647,-0.02555,0.02391,-0.03876,-0.05938,0.04947,-0.02798,-0.05972,0.03568,-0.05462,0.00002],"keywords":"Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Angular Node Editor – Magnetic Snap Lines & Alignment Guides (Foblex Flow) Magnetic snap lines for Angular diagrams: align nodes by edges and centers while dragging. Clean UX, configurable thresholds, and a ready-to-use Foblex Flow example. Notes - Magnetic Lines are purely UX helpers: they don’t change your data model - they only help users position nodes while dragging. - You can style the guide lines via CSS (see the example .f-magnetic-lines .f-line rule).","excerpt":"Notes - Magnetic Lines are purely UX helpers: they don’t change your data model - they only help users position nodes while dragging. - You can style the guide lines via CSS (see the example .f-magnetic-lines .f-line rule)."},{"chunkId":"/examples/magnetic-rects#0","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.07077,-0.0181,-0.08038,-0.02321,-0.03297,0.02668,-0.07956,0.05295,0.03009,0.01636,-0.00828,-0.01072,-0.00884,0.00987,0.02649,0.03222,-0.07895,0.04558,0.05779,0.01765,-0.06584,-0.05531,0.04352,-0.00837,-0.02469,0.04322,0.02182,-0.004,-0.02694,-0.13783,0.03908,0.03958,-0.02935,0.02846,-0.0932,0.08968,0.02453,0.05537,-0.02514,-0.03662,0.00581,0.07882,0.06039,-0.05889,0.03435,0.04179,-0.07731,0.0052,-0.02572,0.05517,-0.08226,-0.08148,-0.09171,0.04151,0.08606,0.02664,0.07562,-0.05897,0.00531,-0.02723,0.06746,-0.00889,-0.03357,0.02153,0.06449,0.03231,-0.07323,0.05428,0.00491,-0.03206,-0.01277,-0.03102,-0.03839,0.01931,-0.00298,0.03128,-0.01503,0.05503,-0.00536,0.00618,-0.06144,0.13075,0.01246,0.06103,-0.02482,0.038,0.03378,-0.05631,0.00457,-0.02081,0.06749,-0.0094,-0.06583,0.03563,-0.02385,-0.02835,0.00344,0.02206,-0.10721,0.01436,0.10539,-0.07497,0.03104,-0.03852,-0.0799,-0.05337,0.04347,-0.04678,-0.02543,-0.04264,-0.00103,0.00589,-0.12881,-0.06464,-0.03316,-0.03788,-0.00234,-0.01979,0.08402,0.03711,0.0162,0.05592,-0.03156,0.03086,0.072,-0.02676,-0.05234,0,-0.00277,0.07285,-0.01593,0.0953,0.05859,0.01737,-0.08751,-0.06145,0.09949,0.06969,-0.02956,0.10607,-0.03277,-0.01546,-0.02916,-0.12534,-0.01827,0.03561,-0.10158,-0.04294,-0.06955,-0.04087,-0.03003,0.03766,0.07452,0.0447,0.01019,0.02723,-0.07793,0.00505,0.06649,0.05645,0.01242,0.02912,-0.00273,-0.01271,-0.07973,-0.07974,-0.00036,-0.0318,0.03116,-0.03445,-0.0498,0.02169,0.06068,-0.03739,0.00277,-0.03176,0.05122,0.04777,0.04764,0.04037,0.00615,-0.02788,0.05229,-0.10129,-0.00703,0.02218,0.00828,0.04984,0.05815,-0.00294,0.01649,-0.02633,-0.03041,0.05255,-0.01644,-0.02239,0.10833,0.00431,-0.09114,0.01213,0.03374,0.04012,-0.05476,-0.06086,0.00007,0.02365,0.04685,-0.04484,-0.08959,-0.04965,0.02291,-0.04972,-0.02008,-0.1104,0.02903,0.02182,-0.04051,-0.03436,0.06156,0.07901,0.02686,0.01028,0.03442,0,-0.07986,0.03796,-0.00822,0.05988,-0.00198,-0.04051,0.02683,0.02316,0.05847,0.07039,0.01536,-0.05589,0.00412,-0.05794,-0.00871,-0.0041,-0.00016,-0.05645,0.03785,-0.02298,0.08987,0.0001,0.03013,-0.01608,-0.01263,0.09928,-0.03894,-0.06037,0.03102,-0.00252,-0.00999,-0.06083,0.0021,-0.05133,-0.02103,-0.15162,0.04651,0.05838,0.0073,-0.04387,0.01718,0.06313,-0.01596,0.01372,-0.06275,-0.02287,-0.02002,0.05562,-0.01816,0.033,-0.05388,-0.00993,0.04166,-0.07886,-0.06527,-0.0175,-0.03526,-0.00109,0.07862,0.01229,-0.04401,-0.08543,0.02254,-0.01655,0.0642,0.06296,0.07848,-0.00059,0.01335,0.10099,0.07595,0.08029,0.00847,-0.02884,0.02912,0.01777,0.12588,-0.09351,0.0412,-0.0358,-0.00703,0.05286,-0.05553,0.04397,0.01239,0.06144,-0.07951,-0.024,0.02397,0.06515,-0.02871,-0.01128,0.08747,0.03183,0.02588,0,-0.05624,0.02341,-0.05028,-0.00028,0.04491,-0.00486,-0.00726,0.01765,-0.00316,0.00226,0.04214,0.10333,-0.03569,-0.02744,0.10774,0.01477,-0.05518,0.04901,-0.02108,0.06328,0.04722,0.03015,0.01864,0.06992,-0.0385,0.05247,-0.05485,0.08842,0.03641,-0.04101,0.03062,-0.02758,0.17576,-0.00341,-0.08767,0.0187,-0.06483,0.05029,-0.04962,0.05093,-0.01756,-0.04721,0.08402,-0.02291,-0.10166,-0.00191,0.00563,-0.01648,-0.04756,-0.00292,-0.03773,0.03276,-0.01021,-0.06739,-0.06413,0.02452,0.02325,-0.03403,0.04671,-0.00357,-0.06149,-0.01005,-0.04434,-0.01413],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. --- toc: false wideContent: true --- Magnetic Rects wide Content","excerpt":"--- toc: false wideContent: true --- Magnetic Rects"},{"chunkId":"/examples/magnetic-rects#1","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.10063,-0.03667,-0.06419,-0.01481,-0.00257,0.03522,-0.078,0.02304,0.06132,0.00843,-0.00571,-0.00034,-0.00369,-0.00297,-0.03715,0.03131,-0.07861,0.01623,0.04099,0.02752,-0.06309,-0.08566,0.02655,-0.02226,0.02482,0.0667,0.02923,0.03891,0.00184,-0.09909,0.04108,0.05399,-0.05889,0.05145,-0.12407,0.10071,0.02445,0.03142,-0.04053,-0.0395,0.06671,0.05208,0.05328,-0.06327,0.00915,0.05159,-0.05073,0.01249,-0.06587,0.05347,-0.10273,-0.07784,-0.07292,0.06102,0.05893,0.05286,0.06496,-0.07739,0.04923,-0.00693,0.06986,-0.00885,0.00779,0.01833,0.06375,0.0019,-0.04644,0.01814,0.00402,-0.04118,0.01583,-0.02156,-0.0331,0.0111,-0.01927,0.02736,-0.0068,0.05998,-0.04586,0.01159,-0.03012,0.10239,-0.00904,0.08641,-0.02365,0.06341,0.02201,-0.08264,-0.02436,-0.0315,0.05675,-0.00076,-0.08941,0.02099,-0.01732,-0.04207,0.03168,0.035,-0.11736,0.01644,0.06929,-0.04514,0.00447,-0.04145,-0.04616,-0.06475,0.01552,-0.09954,-0.07123,0.00511,0.0189,0.03118,-0.10295,-0.03754,-0.05994,-0.03562,-0.01331,-0.01899,0.07892,0.02762,0.01574,0.0619,-0.04021,0.02122,0.09858,-0.0005,-0.04289,0,0.00149,0.04744,0.00549,0.05063,0.06537,-0.0015,-0.09149,-0.07231,0.08899,0.03569,-0.0356,0.10058,-0.00576,0.00925,-0.04521,-0.13445,-0.02894,0.01304,-0.11865,-0.0187,-0.03831,-0.03773,-0.04411,0.01526,0.01964,0.03834,-0.00959,0.02176,-0.05093,0.00101,0.04337,0.07983,-0.02466,0.00719,-0.01499,0.0071,-0.03253,-0.09244,-0.00132,-0.05427,0.01548,0.01028,-0.04546,-0.00091,0.05379,-0.05748,-0.00767,-0.02303,0.05969,0.04416,0.05384,0.01284,0.07284,-0.01065,0.05519,-0.09603,0.02418,0.02126,0.0162,0.06801,0.02719,-0.03454,0.02837,-0.04753,0.02416,0.09255,-0.00584,0.02365,0.1373,0.02702,-0.06275,0.04916,0.01398,0.00894,-0.03034,-0.03812,-0.02566,0.00326,0.07527,-0.02638,-0.03546,-0.06169,0.01413,-0.05437,-0.02757,-0.10791,0.00909,0.02246,-0.07322,-0.04962,0.0826,0.07833,0.03609,0.02336,0.02952,0,-0.05004,0.02691,0.02216,0.09424,0.0002,-0.06152,0.00476,0.02752,0.02604,0.06134,-0.0077,-0.03354,-0.0148,-0.01045,0.01057,0.03821,-0.03876,-0.11183,0.03502,-0.0532,0.0881,0.02197,0.05621,0.02231,-0.02065,0.05531,0.0082,-0.06725,0.00139,-0.04315,0.02962,-0.07944,-0.04448,-0.05714,0.01386,-0.10747,-0.00104,0.08039,0.03411,-0.03271,-0.01495,0.04612,-0.03832,0.03404,-0.03688,0.02763,-0.0184,0.07342,-0.02907,0.03327,-0.0617,0.06318,0.02569,-0.05141,-0.04069,-0.00495,-0.02602,-0.0151,0.0458,0.00366,-0.02292,-0.0776,-0.00014,-0.04492,0.05457,0.07825,0.04623,-0.05565,0.01332,0.10379,0.06862,0.09453,0.00428,-0.06613,0.05256,0.0196,0.14649,-0.06873,0.02918,-0.02163,-0.03829,0.05002,-0.03513,0.02297,-0.05681,0.04649,-0.05475,-0.02858,0.02343,0.0439,-0.01931,-0.02533,0.03056,-0.00283,0.01094,0,-0.08142,0.0068,-0.04825,0.00565,0.02481,-0.00554,-0.00012,0.0465,0.0087,-0.0148,0.07131,0.09411,-0.05327,0.00177,0.09509,0.01159,-0.04151,0.02257,-0.0297,0.07006,0.06441,0.03007,0.01238,0.10471,-0.06628,0.01436,-0.07765,0.06913,0.03236,-0.05545,0.01796,-0.00152,0.18895,0.03013,-0.09839,0.06318,-0.06265,0.04955,-0.01667,0.03435,0.01846,-0.04205,0.06868,-0.03552,-0.12037,0.00424,0.02356,-0.01169,0.00073,0.01003,-0.01085,0.02197,-0.01104,-0.04208,-0.04038,0.01086,-0.03891,-0.04178,0.09276,0.01869,-0.04284,-0.01039,-0.03303,0.00985],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. Description Magnetic Rects add equal spacing snapping to Foblex Flow for Angular. When you drag a node near a row or column of already aligned nodes, the plugin: - detects aligned nodes on the same line (top/center/bottom or left/center/right), - measures the gap between neighbors, - suggests the same spacing for the dragged node, - renders rectangles that visualize the spacing zones, so the snap result is obvious. This is especially useful for building clean diagrams, UI flows, and node editors where consistent spacing matters.","excerpt":"Description Magnetic Rects add equal spacing snapping to Foblex Flow for Angular. When you drag a node near a row or column of already aligned nodes, the plugin: - detects aligned nodes on the same line (top/center/bottom or left/center/right), - measures the gap between neighbors, - suggests the same spacing for the dragged node, - renders rectangles that visualize the spacing zones, so the snap result is obvious. This is especially useful for building clean diagrams, UI flows, and node editors where consistent spacing matters."},{"chunkId":"/examples/magnetic-rects#2","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.0989,0.00634,-0.0798,-0.03104,-0.00798,0.03638,-0.08467,0.06825,-0.0202,-0.00106,-0.02028,-0.00374,0.01626,0.00072,0.0213,0.03071,-0.11222,0.03837,0.04841,0.01808,-0.02752,-0.07379,0.07024,-0.02016,-0.02491,0.04347,0.02653,0.02538,-0.013,-0.08978,0.07053,0.03515,-0.02803,0.03821,-0.06011,0.10805,-0.01218,0.1027,-0.04957,-0.04067,0.0259,0.07833,0.06031,-0.10688,0.05258,0.03208,-0.05952,0.01751,-0.04889,0.01719,-0.09091,-0.07784,-0.07253,0.07509,0.06959,0.02089,0.06029,-0.09491,0.01637,-0.05164,0.06168,-0.01981,-0.02739,-0.00713,0.08211,0.04543,-0.08973,0.02744,-0.01938,0.02366,-0.01512,-0.00052,-0.06165,0.01817,-0.0026,0.03613,-0.02001,0.108,-0.0251,-0.00804,-0.04906,0.08888,0.01142,0.04324,-0.02921,0.04298,0.03046,-0.05755,0.01034,-0.01557,0.05452,0.00019,-0.08604,0.05068,0.01042,-0.00483,-0.03082,0.02313,-0.10526,0.03228,0.05498,-0.08135,0.00838,0.00313,-0.04408,-0.02211,0.0171,0.00199,-0.0531,-0.03908,0.01923,0.02645,-0.06418,-0.06579,-0.02473,-0.06113,0.0347,-0.03981,0.09554,0.0524,0.05023,0.06441,-0.07048,0.00193,0.07885,0.00901,-0.01836,0,-0.00704,0.06484,-0.01918,0.07393,0.05594,0.02669,-0.08609,-0.0714,0.08061,0.09895,-0.06919,0.06991,-0.02853,-0.05614,-0.07343,-0.14558,0.01503,0.02702,-0.11901,-0.02252,-0.04374,-0.03348,-0.04329,0.0318,0.05177,0.01784,0.00473,0.00873,-0.07788,-0.01297,0.08079,0.05352,0.03095,0.00733,0.01538,-0.00866,-0.0307,-0.0605,-0.02905,-0.04587,0.07641,-0.02306,-0.02064,0.06953,0.04638,-0.05937,0.01509,-0.03635,0.07799,0.04436,0.0423,0.05649,0.01639,-0.0224,0.04233,-0.09818,0.01558,-0.00849,-0.02445,0.05603,0.03947,0.0011,0.04465,-0.03262,0.01709,0.03711,-0.01429,0.00256,0.09218,-0.00991,-0.06922,0.05463,0.02517,0.02276,-0.03544,-0.05283,0.01948,0.03633,0.06457,-0.06544,-0.05443,-0.05059,0.01154,-0.00168,-0.01168,-0.12343,0.02246,0.00063,-0.032,-0.07364,0.02578,0.06554,0.00836,-0.00577,0.03802,0,-0.032,0.02958,0.04476,0.08348,-0.01723,-0.00764,0.06072,0.08204,0.03703,0.07225,0.00068,-0.05185,0.00262,-0.07685,0.01312,0.02048,-0.05607,-0.07692,0.06682,0.00788,0.06474,0.05748,0.01032,0.02012,-0.01013,0.10204,-0.01588,-0.01654,0.01684,-0.02608,-0.01682,-0.05521,-0.05865,-0.04074,-0.03807,-0.14324,0.018,0.10026,0.03171,-0.05216,0.04131,0.08832,-0.03406,0.00277,-0.0467,-0.01542,0.01364,0.04055,-0.03157,0.04013,-0.07694,-0.00955,-0.00325,-0.02984,-0.06474,-0.02335,-0.00092,-0.05052,0.04677,0.01737,-0.01362,-0.08261,0.01436,-0.04007,0.10154,0.0671,0.02542,-0.00841,0.03269,0.0876,0.0445,0.0739,0.05518,-0.05909,0.04166,0.02831,0.119,-0.05563,0.04764,-0.02373,-0.02732,0.05739,-0.04912,0.06844,0.00446,0.04547,-0.08192,-0.03702,0.03306,0.03746,-0.05285,-0.03367,0.06404,-0.00805,0.0262,0,-0.07732,0.01524,-0.07533,0.01206,0.02888,-0.01333,0.00627,-0.01179,-0.01472,-0.02526,0.03238,0.08773,-0.01312,-0.02373,0.04583,-0.02214,-0.0658,0.07179,-0.04823,0.07918,0.03153,0.02444,0.00144,0.07802,-0.01929,0.00403,-0.08537,0.04334,0.0428,-0.06698,0.00708,-0.01866,0.17032,0.00469,-0.07732,0.00778,-0.09308,0.03878,-0.01747,0.04251,-0.00663,-0.06215,0.09194,-0.02659,-0.08624,-0.02621,-0.00728,0.00182,-0.0239,0.02403,-0.02567,0.0416,-0.00659,-0.05486,-0.01741,-0.0005,0.01411,-0.01582,0.05408,-0.02431,-0.04692,-0.01965,-0.0514,-0.01597],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. Example ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.scss :::","excerpt":"Example ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/magnetic-rects/example.scss :::"},{"chunkId":"/examples/magnetic-rects#3","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.07898,-0.03175,-0.0381,-0.00432,-0.008,0.08653,-0.07432,0.01977,0.04376,0.02835,0.00677,-0.00212,-0.02407,0.02506,-0.0226,0.02818,-0.08577,0.02686,0.02423,0.05184,-0.03242,-0.08815,0.05852,-0.01016,0.01816,0.04447,0.01494,0.00334,-0.00338,-0.13563,0.03737,0.01349,-0.0489,0.02169,-0.08737,0.0747,-0.03283,0.01972,-0.02061,-0.02663,0.05302,0.0582,0.04331,-0.09148,0.00341,0.06356,-0.03537,0.04225,-0.0209,0.06909,-0.12546,-0.05687,-0.06097,0.05064,0.03615,0.04775,0.1052,-0.09104,0.05722,-0.02112,0.06786,-0.01484,0.01301,-0.02143,0.0531,0.00907,-0.07334,0.02441,0.00365,0.01476,0.03027,-0.02208,-0.02584,0.02112,-0.00058,0.03807,-0.01143,0.08244,-0.01222,0.01895,-0.02082,0.08551,0.01887,0.07757,-0.0532,0.07043,-0.00716,-0.0671,-0.00847,-0.0385,0.03427,0.01452,-0.0937,0.04393,0.02229,-0.02864,0.01924,0.07321,-0.12342,0.0073,0.07908,-0.05645,0.01871,-0.01121,-0.06044,-0.04703,0.02032,-0.07914,-0.07945,0.00755,0.02169,0.01353,-0.08609,0.01112,-0.08058,-0.00292,-0.01275,-0.03588,0.06408,0.0368,0.01539,0.07637,-0.02507,0.01886,0.0928,0.00954,-0.02706,0,-0.00141,0.05834,-0.01857,0.06854,0.03286,-0.00973,-0.10192,-0.06503,0.05893,0.0459,-0.04369,0.04367,-0.04575,-0.02929,-0.06629,-0.17217,-0.00405,0.03238,-0.12314,-0.01281,-0.00358,-0.08723,-0.07351,-0.02324,0.0216,0.0369,-0.02273,0.01951,-0.05152,0.00758,0.0632,0.04782,-0.03005,-0.0152,0.00245,-0.01109,-0.03321,-0.0577,-0.00227,-0.0542,0.02781,0.01007,-0.05473,0.0491,0.0406,-0.04345,0.01796,-0.02119,0.04,0.08403,0.04153,0.01782,0.03476,-0.03371,0.04316,-0.11453,-0.00723,0.03888,-0.02723,0.04126,0.06428,-0.01071,0.0337,-0.06814,0.04709,0.05657,-0.02692,0.0134,0.10996,0.01602,-0.07016,0.01388,0.04087,-0.00054,-0.046,-0.03318,0.00564,-0.00899,0.04867,-0.05802,-0.02798,-0.06113,0.03131,-0.04175,-0.00427,-0.13234,0.01585,0.02731,-0.0706,-0.03092,0.08221,0.06639,0.03315,0.04091,0.03171,0,-0.04739,0.03817,0.05391,0.09135,0.02018,-0.03664,0.01541,0.03723,0.04459,0.06406,-0.03692,-0.02616,-0.02303,-0.02988,0.00174,0.01075,-0.02785,-0.04726,0.05044,-0.03303,0.09706,0.02058,0.00469,0.0359,-0.01616,0.07457,0.02754,-0.06136,0.0203,-0.02007,0.01198,-0.09778,-0.04066,-0.0442,-0.00284,-0.12516,-0.01526,0.08991,0.06039,0.0001,-0.00717,0.04741,-0.07445,0.00034,-0.01562,0.00971,-0.03488,0.04267,-0.01853,0.04376,-0.07607,0.03645,0.0113,-0.03242,-0.04426,-0.00385,-0.02138,-0.00836,0.04767,0.00084,-0.0236,-0.05104,0.02468,-0.0395,0.08237,0.07926,0.04921,-0.04881,-0.00145,0.11357,0.05781,0.10567,0.0235,-0.02114,0.07807,0.00889,0.14588,-0.04004,0.07399,-0.05698,-0.00976,0.04857,-0.05632,0.04505,-0.03954,0.08851,-0.04404,-0.0133,0.01492,0.03325,-0.02254,-0.05528,0.06706,-0.01394,0.01028,0,-0.09319,0.01655,-0.03624,0.03371,0.05357,0.0322,-0.0234,0.01803,0.0325,-0.02957,0.04138,0.10963,-0.02093,-0.00032,0.07519,-0.02078,-0.05518,0.05339,-0.03718,0.05651,0.06664,0.01812,0.06365,0.08949,-0.09115,-0.01181,-0.07002,0.0616,0.03522,-0.04654,0.00928,-0.00052,0.13068,0.03822,-0.11527,0.03865,-0.10921,0.04211,-0.03281,0.06191,0.01952,-0.01033,0.08008,-0.04267,-0.09443,0.0115,0.01646,-0.02512,-0.03783,0.02166,-0.00867,0.03232,-0.02443,-0.0082,-0.04806,0.00472,-0.02163,-0.04469,0.04558,0.01794,-0.05159,-0.02366,-0.05517,-0.01107],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. How it works 1. Add <f-magnetic-rects inside <f-flow. 2. Configure both thresholds: - alignThreshold for deciding when nodes count as aligned on the helper line - spacingThreshold for deciding when the dragged node is close enough to snap into equal spacing 3. Drag nodes until spacing rectangles appear and the candidate position locks in. Tip: Start with alignThreshold=\"30–50\" and spacingThreshold=\"30–50\" for a more Figma-like feel. align Threshold spacing Threshold","excerpt":"How it works 1. Add <f-magnetic-rects inside <f-flow. 2. Configure both thresholds: - alignThreshold for deciding when nodes count as aligned on the helper line - spacingThreshold for deciding when the dragged node is close enough to snap into equal spacing 3. Drag nodes until spacing rectangles appear and the candidate position locks in. Tip: Start with alignThreshold=\"30–50\" and spacingThreshold=\"30–50\" for a more Figma-like feel."},{"chunkId":"/examples/magnetic-rects#4","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.06492,-0.00114,-0.07332,-0.02398,-0.04678,0.02054,-0.08204,0.05217,0.03553,0.0251,-0.0087,-0.00428,0.00239,0.01463,0.05078,0.05327,-0.09474,0.04318,0.05613,0.00112,-0.06139,-0.05112,0.03606,-0.02296,-0.01849,0.04729,0.02384,0.01003,-0.0153,-0.13207,0.03675,0.02246,-0.00907,0.02944,-0.10173,0.0908,0.01157,0.05098,-0.02902,-0.03611,0.01517,0.07375,0.05686,-0.06743,0.03251,0.03453,-0.06589,0.00934,-0.02179,0.05064,-0.09928,-0.09549,-0.08682,0.05425,0.08457,0.03125,0.07049,-0.06096,0.01642,-0.03862,0.05591,0.00311,-0.02226,0.01858,0.06657,0.02311,-0.06471,0.05614,0.01561,-0.02319,-0.01241,-0.03754,-0.02503,0.0128,-0.03443,0.02922,-0.01373,0.05171,0.01872,0.00537,-0.05364,0.12214,0.00234,0.07954,-0.02196,0.05425,0.03559,-0.07319,-0.00085,-0.03413,0.05655,0.00042,-0.06925,0.03875,-0.03273,-0.01838,0.00926,0.02374,-0.1152,0.03274,0.0976,-0.07495,0.04026,-0.0329,-0.08401,-0.07194,0.04726,-0.04348,-0.04022,-0.03166,-0.00355,0.01283,-0.127,-0.0477,-0.0324,-0.01508,-0.01451,-0.02143,0.09113,0.05423,0.01742,0.04327,-0.02798,0.02796,0.07695,-0.02391,-0.05877,0,0.00373,0.0716,-0.03324,0.07197,0.0776,0.00843,-0.09786,-0.06977,0.07475,0.03919,-0.0341,0.108,-0.03219,0.00679,-0.01423,-0.13239,-0.01524,0.05336,-0.07927,-0.0485,-0.04428,-0.04269,-0.03678,0.03869,0.07015,0.07464,0.01846,0.02402,-0.07832,0.00576,0.07388,0.06753,-0.00569,0.02398,-0.0009,-0.03077,-0.06111,-0.09455,-0.01876,-0.03202,0.01861,-0.02775,-0.05296,0.01871,0.05951,-0.03749,-0.00194,-0.02449,0.07139,0.06651,0.03989,0.03787,0.01132,-0.00753,0.06718,-0.10601,-0.01136,0.0127,0.01365,0.04657,0.04526,-0.00922,0.03172,-0.02728,-0.01954,0.05526,-0.00474,-0.03953,0.1131,0.00648,-0.07993,0.01616,0.03824,0.03461,-0.05617,-0.06647,-0.00878,0.03033,0.03496,-0.02271,-0.09496,-0.05611,0.00327,-0.03059,-0.00592,-0.11626,0.04833,0.02483,-0.03492,-0.04016,0.0622,0.07547,0.01863,0.01465,0.01988,0,-0.08701,0.02997,0.00348,0.06655,0.0061,-0.04615,0.02543,0.00716,0.06734,0.07732,0.00539,-0.04841,0.01013,-0.04265,0.00052,-0.00709,-0.00763,-0.07038,0.05064,-0.02353,0.0949,0.01965,0.02775,-0.00604,-0.00964,0.09535,-0.01594,-0.05357,0.01276,-0.01673,-0.01025,-0.05479,-0.006,-0.04552,-0.01716,-0.13248,0.0495,0.04953,-0.00343,-0.06051,0.02784,0.05791,-0.02467,0.01561,-0.06572,-0.00926,-0.01389,0.05491,-0.0135,0.02068,-0.05894,-0.01168,0.04138,-0.08552,-0.06875,-0.02212,-0.01946,0.01652,0.06826,0.02276,-0.03097,-0.08544,0.03278,0.00024,0.0613,0.05703,0.0696,-0.00846,0.00252,0.1034,0.06606,0.084,0.00105,-0.0164,0.043,0.02072,0.12455,-0.07451,0.03867,-0.03584,-0.00903,0.05264,-0.05455,0.04112,-0.01178,0.05889,-0.0846,-0.0185,0.02573,0.06676,-0.0326,-0.00649,0.0655,0.04906,0.02801,0,-0.06922,0.03415,-0.04549,-0.0026,0.04674,-0.01323,-0.00178,0.01374,0.00472,0.00574,0.04688,0.10116,-0.03985,-0.03045,0.09485,0.01347,-0.04096,0.03452,-0.0293,0.05477,0.04573,0.04311,0.01105,0.06721,-0.03854,0.05036,-0.04702,0.09019,0.0218,-0.0381,0.03167,-0.0025,0.18479,0.01533,-0.10219,0.00752,-0.07342,0.04528,-0.05041,0.03937,-0.0119,-0.06417,0.08758,-0.03561,-0.10194,0.01103,0.00953,-0.03701,-0.02846,-0.01365,-0.02509,0.01921,-0.01358,-0.06584,-0.06791,0.03699,0.01864,-0.04189,0.05784,0.00741,-0.04919,-0.02809,-0.02959,-0.01994],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. Configuration","excerpt":"Configuration"},{"chunkId":"/examples/magnetic-rects#5","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.07809,-0.00501,-0.05854,-0.0287,-0.04363,0.03372,-0.08957,0.04606,0.02994,0.0312,-0.00873,0.02966,-0.00638,0.01159,0.02752,0.02867,-0.09113,0.05853,0.04495,-0.00262,-0.03716,-0.07063,0.0311,-0.01401,-0.03222,0.05991,0.02761,0.01935,0.00357,-0.11795,0.0253,0.03342,0.0005,0.03155,-0.09717,0.08933,-0.00176,0.05197,-0.04773,-0.0319,0.04342,0.06021,0.03714,-0.06927,0.05336,0.03448,-0.07912,0.02024,-0.04599,0.03894,-0.11173,-0.09429,-0.09511,0.02776,0.07105,0.04936,0.05755,-0.06196,0.026,-0.04997,0.08211,-0.00904,-0.01992,0.01737,0.06828,0.02177,-0.04907,0.03234,0.01363,-0.01502,-0.01959,-0.01407,-0.02277,0.01166,-0.04043,0.0474,-0.02042,0.0381,-0.00225,-0.01104,-0.06619,0.11135,0.00412,0.07859,-0.02563,0.03703,0.02925,-0.07791,0.01045,-0.04331,0.04454,-0.00741,-0.09413,0.04219,-0.03116,0.00507,0.01217,0.0404,-0.10716,0.02648,0.09364,-0.03884,-0.00382,-0.05891,-0.10354,-0.0601,0.01038,-0.03822,-0.01992,-0.03274,-0.01038,0.01751,-0.12751,-0.03112,-0.04274,-0.01931,0.02296,-0.00365,0.09803,0.04839,-0.00265,0.03001,-0.02655,0.01425,0.07423,-0.02375,-0.05868,0,-0.0048,0.0838,-0.01657,0.05414,0.06415,0.00237,-0.11717,-0.0727,0.05326,0.05449,-0.03709,0.10936,-0.02418,0.00722,-0.01518,-0.13445,-0.01694,0.07731,-0.0911,-0.05285,-0.04366,-0.05441,-0.0197,0.02097,0.07918,0.03782,0.01333,0.0399,-0.07399,-0.01804,0.08221,0.05299,0.00904,0.02374,-0.01472,-0.02015,-0.05969,-0.11558,-0.01751,-0.04648,0.00911,-0.01746,-0.01256,0.01247,0.05138,-0.01999,0.00132,-0.03905,0.06272,0.03621,0.03597,0.05732,-0.00462,-0.02763,0.0348,-0.09764,0.00899,-0.00005,-0.01851,0.05816,0.06209,-0.04249,0.02694,-0.02246,-0.01772,0.06827,0.0061,-0.03383,0.11159,0.0135,-0.08999,0.02562,0.01921,0.04469,-0.05515,-0.06137,-0.00009,0.03221,0.06141,-0.02405,-0.09483,-0.04546,-0.00169,-0.01259,-0.03959,-0.14445,0.03443,0.03419,-0.00818,-0.02802,0.0533,0.06523,0.0048,0.01689,0.03332,0,-0.05946,0.02459,0.01743,0.07516,-0.00201,-0.03279,0.01732,0.0027,0.06433,0.06931,0.01216,-0.04638,0.00235,-0.03886,-0.02647,0.00203,0.00332,-0.04938,0.07814,-0.03137,0.12066,0.01666,0.00143,0.00213,0.01167,0.08362,0.01329,-0.05762,-0.01183,-0.01299,0.00001,-0.07298,-0.01127,-0.06195,-0.04115,-0.11449,0.00898,0.04795,0.02957,-0.01702,0.02406,0.06695,-0.0271,0.00501,-0.04877,-0.02394,-0.0027,0.03801,-0.02422,0.03497,-0.03107,0.0187,0.0492,-0.09233,-0.05342,-0.02624,-0.07333,0.0231,0.05374,0.00356,-0.00981,-0.09903,0.02918,0.03431,0.04867,0.07003,0.08085,-0.03294,0.00745,0.09303,0.05709,0.06964,0.01554,-0.00497,0.03204,-0.01515,0.12247,-0.07509,0.04199,-0.03706,-0.00849,0.04228,-0.0616,0.03262,-0.0225,0.0657,-0.04739,0.02677,0.03877,0.05928,-0.02605,-0.01186,0.06079,0.0302,-0.00358,0,-0.10031,0.02537,-0.04526,-0.00868,0.0321,-0.00359,0.02198,0.03014,0.00561,0.02032,0.03955,0.08948,-0.03462,-0.03347,0.10897,0.02328,-0.0503,0.04804,-0.04066,0.0751,0.02323,0.05451,-0.00753,0.08396,-0.01713,0.03651,-0.03278,0.09399,0.02465,-0.01206,0.02962,-0.00915,0.18893,0.01603,-0.0867,0.02113,-0.0929,0.05146,-0.01186,0.07913,-0.02976,-0.05024,0.083,-0.01526,-0.08414,0.00199,-0.00875,-0.02374,-0.03913,-0.03154,-0.00634,0.02525,-0.01876,-0.10787,-0.07145,0.02869,0.0035,-0.02696,0.05931,0.00782,-0.03534,-0.05444,-0.0216,-0.02163],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. alignThreshold Defines the maximum distance (in px) for nodes to be treated as aligned on the same guide line. - Smaller value → fewer matches, more strict alignment - Larger value → more matches, easier to trigger spacing hints align Threshold","excerpt":"alignThreshold Defines the maximum distance (in px) for nodes to be treated as aligned on the same guide line. - Smaller value → fewer matches, more strict alignment - Larger value → more matches, easier to trigger spacing hints"},{"chunkId":"/examples/magnetic-rects#6","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.0494,-0.03076,-0.03193,-0.01013,-0.05055,0.02539,-0.07774,0.03251,0.04101,0.05025,0.00508,0.01439,-0.01391,0.01432,0.00547,0.0273,-0.06549,0.03987,0.02966,0.01724,-0.06224,-0.06687,0.03642,-0.01409,0.0165,0.01405,-0.00514,0.0169,0.0187,-0.1264,0.01695,0.01478,-0.02958,0.01592,-0.12104,0.09253,0.0213,0.03571,-0.04325,-0.01933,0.02685,0.06376,0.043,-0.07812,0.03075,0.06158,-0.05945,0.03185,-0.04706,0.05216,-0.12707,-0.10217,-0.0685,0.03047,0.06361,0.02343,0.08048,-0.04457,0.04259,-0.02822,0.0499,-0.0028,0.00291,0.01493,0.04557,0.01218,-0.0251,0.0352,0.01087,0.00229,0.01953,-0.03488,-0.04372,0.03149,-0.03737,-0.00462,-0.01849,0.05944,-0.0051,0.02337,-0.03341,0.08571,-0.0251,0.07947,-0.05164,0.07417,0.02221,-0.06887,-0.00727,-0.03389,0.04612,0.00285,-0.06574,0.03023,-0.03027,-0.02713,0.041,0.05474,-0.12858,0.01388,0.09729,-0.07346,0.0102,-0.04447,-0.0677,-0.06178,0.03402,-0.0923,-0.05621,0.02278,0.00331,0.02432,-0.13848,-0.02995,-0.04672,-0.01972,-0.01576,-0.04404,0.08427,0.04074,0.01143,0.04436,-0.04023,0.02042,0.08706,-0.02703,-0.03265,0,0.03018,0.06589,-0.0127,0.04976,0.06126,0.01098,-0.10446,-0.06186,0.07415,0.02032,-0.03858,0.08811,-0.02528,0.0139,-0.03051,-0.14419,-0.00875,0.03623,-0.07953,-0.0402,-0.04544,-0.06907,-0.05279,0.02052,0.05222,0.05875,0.0112,0.02399,-0.0456,-0.00406,0.06783,0.08186,-0.01882,0.01398,0.00318,-0.03627,-0.04542,-0.09021,-0.00521,-0.04636,0.02424,-0.00723,-0.05326,0.03226,0.0549,-0.05776,0.02539,-0.02968,0.03092,0.08166,0.05354,0.04653,0.04341,-0.03646,0.05463,-0.13489,0.01988,-0.01044,-0.03114,0.05945,0.03011,-0.04872,0.04827,-0.02861,0.02497,0.08798,-0.0097,0.00853,0.11268,-0.00113,-0.09311,-0.01244,0.02932,0.02273,-0.05854,-0.04217,-0.01532,-0.00392,0.04122,-0.01606,-0.06674,-0.06998,0.00172,-0.03241,-0.01862,-0.13179,0.0321,0.05493,-0.02666,-0.03126,0.04075,0.06312,0.02126,0.04727,0.04209,0,-0.06601,0.03513,0.00819,0.1051,-0.00635,-0.04002,0.0058,0.00068,0.06308,0.06676,-0.01134,-0.04318,0.0006,-0.02076,-0.02119,0.01508,-0.00942,-0.09441,0.04688,-0.03621,0.09986,0.00731,0.04358,0.01676,-0.01356,0.07765,-0.00066,-0.05664,0.00702,-0.03628,0.01537,-0.09046,0.00029,-0.06085,-0.01218,-0.11941,0.03746,0.07805,0.02098,-0.01666,0.01687,0.04125,-0.02031,0.02535,-0.01888,0.01422,-0.02829,0.05984,-0.03798,0.02266,-0.05212,0.0273,0.04325,-0.07237,-0.03315,-0.0357,-0.03776,0.00978,0.061,0.00412,-0.0151,-0.08581,0.01508,-0.01816,0.05046,0.07772,0.05843,-0.04636,-0.00457,0.09022,0.0412,0.07275,0.05057,-0.03557,0.03787,-0.00904,0.15138,-0.06775,0.05634,-0.03673,0.01554,0.05095,-0.04509,0.01358,-0.05971,0.09734,-0.08574,0.0033,0.02141,0.03756,-0.0491,-0.01926,0.0603,0.00875,0.02712,0,-0.06501,0.05096,-0.01022,0.0108,0.06047,0.00975,0.00362,0.04027,0.01008,0.01015,0.05077,0.10198,-0.00946,-0.02033,0.1139,-0.00998,-0.02528,0.0486,-0.02473,0.07535,0.08475,0.01845,0.0278,0.0602,-0.05666,0.00958,-0.05023,0.08198,0.02743,-0.04027,0.02235,-0.00206,0.17888,0.0114,-0.11045,0.01951,-0.08009,0.05312,-0.02668,0.04133,-0.00917,-0.03687,0.07683,-0.03249,-0.12264,0.0084,0.02867,-0.04821,-0.01237,0.00451,-0.00632,0.01765,-0.00889,-0.05136,-0.06278,0.02277,-0.01816,-0.03518,0.03591,0.02183,-0.03707,-0.05288,-0.06412,0.00942],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. spacingThreshold Controls how close the dragged node must be to the “equal spacing” position before snapping is suggested. - Smaller value → less snapping, more manual movement - Larger value → stronger snapping spacing Threshold","excerpt":"spacingThreshold Controls how close the dragged node must be to the “equal spacing” position before snapping is suggested. - Smaller value → less snapping, more manual movement - Larger value → stronger snapping"},{"chunkId":"/examples/magnetic-rects#7","slug":"magnetic-rects","route":"/examples/magnetic-rects","section":"examples","title":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects","description":"Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation.","group":"Editor Helpers","vector":[-0.07484,-0.06591,-0.05452,-0.03178,-0.02994,0.07105,-0.06416,0.02924,0.04856,-0.00452,0.00503,0.0097,-0.01882,0.02439,0.03067,0.06117,-0.08266,0.03046,0.05166,-0.00842,-0.02929,-0.08959,0.04084,-0.01173,-0.0196,0.06805,0.02637,0.01361,-0.01169,-0.13205,0.02663,0.01939,-0.05858,0.01453,-0.12977,0.09587,0.00358,0.04128,-0.06948,-0.03935,0.04856,0.08965,0.08076,-0.07513,0.05203,0.06082,-0.06976,0.01519,-0.03101,0.06584,-0.08693,-0.07199,-0.03036,0.07931,0.0955,0.04364,0.08867,-0.04349,0.01478,-0.03398,0.08399,-0.01817,0.00178,0.00021,0.01364,0.03579,-0.04058,0.04623,0.00829,-0.04046,-0.00548,-0.0618,-0.00946,-0.03245,0.01746,0.02115,-0.01667,0.05178,-0.01347,-0.00674,-0.03608,0.09072,0.01888,0.0846,-0.0431,0.03337,-0.00334,-0.08331,0.02674,-0.00822,0.04243,-0.03314,-0.0729,-0.01597,0.0293,-0.02186,-0.03354,0.0165,-0.13261,0.00205,0.08758,-0.03974,0.00228,-0.02415,-0.03454,-0.05656,0.01013,-0.01983,-0.03859,-0.03045,0.00251,0.03429,-0.07513,-0.0083,-0.04377,-0.02538,-0.02069,-0.02759,0.07858,0.058,-0.00761,0.05132,-0.03531,0.00813,0.06272,-0.00953,-0.06791,0,0.00051,0.05484,-0.01862,0.04977,0.03969,0.00917,-0.09511,-0.07528,0.08732,0.03261,-0.0381,0.07525,-0.03927,-0.00051,-0.08356,-0.15382,-0.01538,0.03193,-0.09678,-0.0135,-0.00252,-0.00431,-0.06018,-0.01738,0.06026,0.04299,-0.00046,0.07357,-0.04713,-0.01225,0.05587,0.04814,-0.00344,0.01862,-0.00087,0.01511,-0.06182,-0.08161,0.00879,-0.05004,0.05927,-0.01386,-0.08783,0.01723,0.03297,-0.04366,-0.01901,-0.0554,0.06122,0.03354,0.03327,0.0459,0.01825,-0.04629,0.06258,-0.1296,-0.02842,0.04899,-0.01201,0.03805,0.04101,-0.01703,-0.00422,-0.05672,0.01123,0.05929,-0.02775,0.01622,0.11346,-0.018,-0.08277,0.06029,0.02991,0.06047,-0.01201,-0.07284,0.00907,0.03943,0.02554,-0.02855,-0.0728,-0.05779,0.03357,0.01748,0.02854,-0.11708,0.03025,0.00907,-0.04522,0.01362,0.06714,0.07993,0.0233,0.07084,0.03623,0,-0.10009,0.03877,0.05473,0.07269,-0.01827,-0.05754,0.01452,0.04156,0.07041,0.04061,-0.00948,-0.03089,0.00646,-0.03512,0.00889,0.02351,-0.04025,-0.06109,0.06226,-0.01286,0.04769,0.03001,0.00713,0.00269,-0.01977,0.10621,-0.01684,-0.04972,0.03029,-0.02043,0.00532,-0.05852,-0.05854,-0.04197,-0.03404,-0.12382,-0.04555,0.075,0.02571,-0.02143,0.00449,0.05932,-0.03123,0.02461,-0.01954,0.02078,-0.02118,0.04813,-0.04849,0.03408,-0.08048,0.02565,0.01582,-0.08524,-0.05818,0.00385,0.0246,0.01056,0.05581,-0.01292,-0.03682,-0.07574,0.022,-0.04918,0.05407,0.10027,0.07995,-0.01691,0.04758,0.07896,0.07239,0.09902,0.01635,-0.04085,0.08039,0.0215,0.09093,-0.08091,0.02981,-0.06124,-0.03058,0.05364,-0.05269,0.01734,0.01262,0.08728,-0.07046,-0.02704,0.02495,0.07111,-0.03088,-0.01857,0.05007,0.01547,0.02217,0,-0.06804,0.05203,-0.01435,-0.00045,0.02243,0.01237,0.00753,0.02548,-0.00075,-0.00302,0.03594,0.11266,-0.03154,-0.03375,0.07726,0.01632,-0.03722,0.07166,-0.02138,0.05798,0.04693,0.01774,0.00801,0.12367,-0.04842,0.00754,-0.01316,0.10008,-0.00202,-0.05076,0.02866,-0.01681,0.1561,0.04743,-0.10356,0.01706,-0.071,0.04001,0.00486,0.06347,0.00399,-0.02933,0.0523,-0.03356,-0.11943,-0.00047,0.01164,-0.0328,-0.02315,0.00975,-0.02102,0.02485,-0.00052,-0.02509,-0.02128,0.02607,0.02743,-0.04501,0.06239,-0.00039,-0.08858,-0.01917,-0.03934,-0.02626],"keywords":"Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Angular Node Editor – Equal Spacing Guides (Figma-Like) with Magnetic Rects Figma-like equal spacing for Angular diagrams. Magnetic rectangles visualize gaps and snap nodes to consistent spacing while keeping alignment lines. Includes configurable thresholds and a full Foblex Flow implementation. Notes - Magnetic Rects focus on spacing. If you need classic alignment guides for edges and centers, use Magnetic Lines. - The plugin is UX-only and does not own your diagram state - you still control node positions. - This remains true when Managed Flow State is enabled: Magnetic Rects only assists the gesture, while the separate state plugin records the resulting supported move.","excerpt":"Notes - Magnetic Rects focus on spacing. If you need classic alignment guides for edges and centers, use Magnetic Lines. - The plugin is UX-only and does not own your diagram state - you still control node positions. - This remains true when Managed Flow State is enabled: Magnetic Rects only assists the gesture, while the separate state plugin records the resulting supported move."},{"chunkId":"/examples/grid-system#0","slug":"grid-system","route":"/examples/grid-system","section":"examples","title":"Grid System","description":"Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code.","group":"Editor Helpers","vector":[-0.05769,0.03042,-0.14653,-0.02136,0.00752,-0.02525,-0.06373,0.02101,-0.02373,0.11854,-0.00903,0.04525,-0.0753,-0.00169,-0.04886,-0.08445,-0.02401,0.01302,0.00786,0.01713,-0.05415,-0.04967,0.05661,-0.0293,0.00958,0.01106,0.01926,0.03064,0.03292,-0.05612,0.01886,0.0415,-0.06705,0.04452,-0.05991,0.04124,0.03126,0.01472,0.02577,-0.03086,0.0658,0.02209,0.00107,-0.09103,0.0266,-0.00493,-0.07813,0.0813,-0.01513,-0.0063,-0.11894,-0.1101,0.02213,-0.00472,-0.0149,-0.0406,-0.01058,-0.02251,0.05982,-0.03057,0.07335,-0.02266,-0.02682,0.06737,0.00172,-0.03503,-0.04549,0.05837,-0.06191,-0.02616,0.00482,-0.04929,0.035,0.02271,0.00759,-0.0678,-0.05125,-0.00333,-0.01162,0.08485,0.02832,0.11314,-0.04141,0.06387,-0.05008,-0.02401,-0.02004,0.06234,0.00657,-0.11664,0.05823,-0.00268,0.03509,0.05871,-0.01544,0.01884,0.0722,-0.04651,-0.10717,-0.00131,-0.00053,-0.00743,0.07918,0.01266,0.01145,-0.00884,-0.05272,-0.01485,-0.00516,-0.01602,0.00075,-0.01885,-0.14697,-0.05019,-0.06003,-0.08456,0.01047,-0.05673,0.0036,-0.09724,-0.04079,0.01792,-0.0525,-0.01704,0.09284,0.11776,0.05319,0,-0.00416,0.08323,-0.00626,0.07335,0.11051,0.01843,-0.01906,-0.03183,0.07454,0.10838,0.04649,0.00683,-0.03855,0.0377,0.04538,-0.07691,0.00678,0.03762,-0.05605,0.06567,-0.02545,-0.02743,-0.00357,-0.00895,0.05986,-0.0102,-0.01667,-0.01126,-0.07676,-0.01222,0.06673,0.03434,-0.00198,-0.00138,-0.0035,-0.0637,-0.06376,-0.06454,0.03524,-0.00194,-0.0173,-0.02956,-0.038,0.01018,0.03577,0.00802,0.01806,-0.00739,0.04265,0.04695,0.04965,0.09083,-0.04304,-0.02887,0.03597,-0.03439,0.02534,0.01921,0.07329,0.10988,-0.07102,-0.1499,-0.0193,-0.01808,0.04286,-0.0951,-0.01383,-0.01237,0.12834,0.02695,-0.06233,-0.09851,0.04946,0.07767,-0.01545,0.01222,-0.04142,-0.00004,0.07864,-0.05882,0.03518,0.02352,0.03945,0.00726,-0.02721,-0.07907,-0.06973,0.00215,-0.06864,-0.05039,-0.05084,0.05621,0.11272,0.0587,0.02708,0,0.02263,0.0136,-0.03578,0.05674,-0.02134,0.03128,0.00392,0.00244,-0.03278,0.08151,0.05917,0.01375,0.01784,0.09186,-0.05348,0.08254,0.02863,-0.05292,-0.04675,-0.01603,0.06156,-0.02871,0.06849,0.03331,0.03316,0.03322,0.02938,-0.05227,0.01562,0.02965,-0.02207,-0.03923,0.06312,-0.08698,0.04328,-0.02827,-0.02221,0.10424,0.00615,-0.00985,0.00206,-0.00624,0.00488,0.00338,-0.0343,-0.04323,-0.0005,0.07501,-0.14328,-0.00562,-0.061,0.03584,0.04983,-0.00705,0.03912,-0.03126,-0.06336,-0.00651,-0.02224,-0.03718,-0.00485,-0.01382,0.04022,0.0141,0.06861,0.0941,-0.04318,-0.08359,-0.01193,0.04946,-0.00251,-0.04325,0.01353,-0.0165,0.00228,-0.03975,0.1135,-0.06809,0.08131,-0.06121,0.00348,0.01103,-0.04514,-0.05741,-0.02386,0.01986,0.01498,-0.04078,0.02383,0.08145,-0.0325,-0.04301,0.00746,-0.08242,0.06844,0,-0.09722,0.02701,0.00081,0.00066,-0.02135,-0.07162,0.06934,-0.01378,0.02972,0.04204,0.0473,0.04232,-0.00448,0.00545,0.08009,0.01061,-0.07898,0.05844,-0.03563,0.04463,0.05032,-0.02337,0.01884,0.09988,-0.01151,0.0002,-0.1053,0.01934,0.09405,0.03868,-0.00195,-0.05674,0.0897,0.03094,-0.04039,-0.00146,-0.0839,-0.05646,-0.02051,-0.07942,-0.00833,0.00442,0.00948,-0.02447,-0.06456,0.00571,-0.00631,0.01923,-0.00071,-0.00312,-0.03296,-0.0152,0.02268,-0.06344,-0.02237,0.03512,-0.02296,-0.02196,0.07588,0.04197,-0.03676,0.01121,-0.10558,0.04321],"keywords":"Grid System Grid System Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code. --- toc: false wideContent: true --- Grid System wide Content","excerpt":"--- toc: false wideContent: true --- Grid System"},{"chunkId":"/examples/grid-system#1","slug":"grid-system","route":"/examples/grid-system","section":"examples","title":"Grid System","description":"Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code.","group":"Editor Helpers","vector":[-0.053,0.07679,-0.13834,-0.00953,0.00413,-0.00542,-0.0739,0.08475,0.06048,0.07626,-0.07736,0.03521,-0.02087,-0.01418,-0.00239,-0.06699,-0.03739,-0.00616,-0.06364,0.00316,-0.0703,-0.08862,0.01654,-0.03469,0.02882,0.03202,-0.00233,0.08208,0.06325,-0.07463,-0.02285,0.05587,-0.00472,0.08564,-0.09884,0.06125,0.02103,0.02224,-0.04262,-0.05217,0.05555,0.03662,-0.01343,-0.08503,-0.027,-0.01666,-0.0515,0.02064,-0.06824,0.04153,-0.14267,-0.11128,-0.01983,0.03078,-0.00216,-0.00846,0.0135,-0.06088,0.0744,-0.01568,0.01873,-0.01355,-0.01046,0.05719,0.01206,0.01014,-0.01391,0.00918,-0.02288,0.01696,-0.00313,-0.03492,0.02494,0.03021,-0.0191,-0.04351,-0.0632,0.00521,-0.01576,0.02806,0.04199,0.12464,-0.04483,0.09291,-0.0171,-0.01356,0.01606,-0.03789,0.0244,-0.07038,0.03247,0.08449,0.0153,0.03813,0.01203,0.01632,0.08993,-0.05606,-0.09489,0.04297,0.01333,-0.03325,0.12542,-0.00526,-0.00816,-0.04924,-0.0189,-0.03357,-0.0373,-0.03193,-0.00493,0.02834,-0.12453,-0.02613,-0.0287,-0.05779,-0.00583,-0.08496,0.02045,-0.0279,-0.02295,0.00585,-0.03699,-0.01537,0.11949,0.05221,-0.00954,0,-0.00372,0.09381,-0.0228,0.08139,0.15664,0.04155,-0.04412,-0.05637,0.05328,0.04344,0.02628,0.04154,-0.03853,0.05202,0.0456,-0.06315,0.00989,0.07676,-0.09669,0.03241,0.03166,-0.08724,0.00569,0.02076,0.02157,0.02737,0.00049,0.02046,-0.09146,-0.02237,0.0273,0.00121,0.02076,-0.01348,0.00694,-0.03523,-0.0645,-0.09263,0.02317,-0.04679,-0.01965,0.03239,-0.01819,-0.02289,0.02485,0.03081,-0.02987,0.00268,0.05391,0.02386,0.05891,0.11017,0.06077,0.00152,0.03822,-0.04138,0.03791,0.00013,0.06247,0.08297,-0.04854,-0.06286,-0.01994,0.00852,0.06442,-0.02566,-0.00952,0.01485,0.0996,-0.04436,-0.05915,-0.04554,-0.00857,0.04398,-0.01595,-0.00211,-0.02282,-0.02995,0.06491,-0.06268,-0.01371,0.01389,0.03414,-0.01561,0.00782,-0.13755,-0.02604,-0.03818,-0.07382,-0.01634,0.00047,0.04775,0.08672,0.03126,0.03315,0,-0.01923,0.03147,-0.01236,0.07817,-0.0031,0.0353,-0.01023,-0.01244,0.01361,0.03199,0.03536,-0.00202,-0.0185,0.03633,-0.01595,0.04669,-0.02817,-0.0976,-0.01539,-0.08078,0.07302,0.01934,0.03346,0.05967,-0.0011,0.01899,0.01944,-0.05071,0.00997,0.00817,0.01613,-0.01502,0.02016,-0.06416,0.07434,-0.07852,-0.00416,0.07383,0.04735,0.00715,0.01948,0.01323,-0.01866,-0.03002,-0.05303,0.05335,0.00296,0.05636,-0.08356,0.00296,-0.07443,0.06374,-0.00486,-0.03867,0.01132,-0.05034,-0.00997,0.0105,-0.0025,-0.06483,-0.08318,-0.01795,0.03358,0.00656,0.04842,0.06579,-0.01829,-0.10827,0.00451,0.07662,0.0175,-0.02061,-0.04294,-0.03285,0.01363,-0.01285,0.1576,-0.04742,0.08314,-0.05193,0.00341,0.05168,-0.04186,-0.04251,-0.07452,0.01708,0.00017,-0.02165,0.04132,0.09385,-0.03611,-0.03171,0.02715,-0.01249,0.0454,0,-0.12241,0.06251,-0.0523,0.03346,-0.00953,-0.06678,0.04019,0.03479,0.04577,0.05535,0.08028,0.01244,-0.03457,-0.03654,0.05491,0.01883,-0.08338,0.04593,-0.05336,0.03098,0.04302,0.01003,0.00114,0.12987,0.01408,-0.04827,-0.06125,0.03314,0.06855,0.00634,-0.00706,0.03643,0.13991,0.10969,-0.06861,-0.0096,-0.0776,0.00662,-0.00754,-0.0506,0.01715,-0.00029,-0.00615,-0.05854,-0.10057,0.04208,-0.00679,0.03497,0.00008,-0.00537,-0.0511,0.00086,0.02913,-0.02307,-0.04672,0.05212,-0.04362,-0.01062,0.14949,0.01937,-0.04943,0.00612,-0.06426,-0.01041],"keywords":"Grid System Grid System Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code. Description This guide demonstrates how to position nodes in a grid system using Foblex Flow for Angular. To enable the grid system, parameterize the fDraggable directive with the grid properties [vCellSize] and [hCellSize]. - [vCellSize]: Defines the vertical size of each grid cell. - [hCellSize]: Defines the horizontal size of each grid cell. Grid snapping is useful when your editor should feel structured instead of fully freeform, especially for dashboards, internal tools, and business workflow builders where consistency matters. It is also a practical way to reduce accidental misalignment when users place many nodes manually. The result is a cleaner layout with less effort from the user. In many internal tools, that consistency makes screenshots, reviews, and shared diagrams much easier to understand. It is a simple constraint, but it can noticeably improve perceived quality. f Draggable v Cell Size h Cell Size","excerpt":"Description This guide demonstrates how to position nodes in a grid system using Foblex Flow for Angular. To enable the grid system, parameterize the fDraggable directive with the grid properties [vCellSize] and [hCellSize]. - [vCellSize]: Defines the vertical size of each grid cell. - [hCellSize]: Defines the horizontal size of each grid cell. Grid snapping is useful when your editor should feel structured instead of fully freeform, especially for dashboards, internal tools, and business workflow builders where consistency matters. It is also a practical way to reduce accidental misalignment when users place many nodes manually. The result is a cleaner layout with less effort from the user. In many internal tools, that consistency makes screenshots, reviews, and shared diagrams much easier to understand. It is a simple constraint, but it can noticeably improve perceived quality."},{"chunkId":"/examples/grid-system#2","slug":"grid-system","route":"/examples/grid-system","section":"examples","title":"Grid System","description":"Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code.","group":"Editor Helpers","vector":[-0.04601,0.04338,-0.1431,-0.04368,0.02745,0.03451,-0.06116,0.07807,-0.03151,0.12602,-0.04901,0.06593,-0.04955,0.01158,-0.0296,-0.10911,-0.09107,0.04722,-0.0189,0.03143,-0.02788,-0.06753,0.0773,0.00089,0.00549,-0.013,0.03495,0.0467,0.0317,0.00479,0.03809,0.03961,-0.01806,0.06247,-0.04608,0.02963,-0.00737,0.05365,0.00567,-0.05214,0.07771,0.04119,-0.01065,-0.14547,0.00328,0.01229,-0.05915,0.08417,-0.05721,-0.02189,-0.11365,-0.10313,0.00083,0.04528,0.01835,-0.0628,0.01115,-0.06652,0.07141,-0.0208,0.03488,-0.05301,-0.02313,0.02869,0.02222,0.01002,-0.06926,0.03609,-0.05971,0.04399,0.03971,-0.0348,0.01396,0.01972,-0.00096,-0.05191,-0.07658,0.06944,-0.01544,0.08473,0.02528,0.06378,-0.02416,0.06261,-0.05767,0.01912,0.00385,0.01794,0.00133,-0.11316,0.04248,0.043,-0.00745,0.04432,0.02153,0.03025,-0.00996,-0.01157,-0.09994,0.00071,-0.03458,-0.03758,0.08757,0.0426,0.03579,0.00067,-0.02324,0.00313,-0.03795,-0.02156,0.00258,0.01004,-0.06053,-0.0288,-0.03383,-0.08992,-0.00137,-0.07559,-0.00057,-0.0336,-0.00757,0.01168,-0.04179,-0.03833,0.11416,0.11833,0.03227,0,-0.01326,0.11142,-0.02123,0.02699,0.09481,-0.01858,-0.02826,-0.07662,0.06564,0.10953,-0.027,0.01794,-0.04734,-0.00952,-0.00358,-0.10747,0.04759,0.02251,-0.05804,0.0469,0.02737,-0.02516,-0.00299,0.00271,0.08119,-0.0288,-0.02333,-0.03538,-0.07531,-0.02871,0.08227,0.06629,0.0072,-0.06342,0.02747,-0.08335,-0.01597,-0.03191,-0.0141,-0.00117,0.06245,-0.00692,-0.03054,0.07742,0.01402,0.00156,0.00954,-0.04571,0.09775,0.0569,0.0515,0.0829,0.02111,-0.02654,0.0399,-0.06406,0.03121,0.01251,0.03399,0.08116,-0.09324,-0.12372,0.01867,-0.02314,0.08794,-0.09073,0.00226,0.01326,0.10846,-0.01899,-0.06528,-0.05468,-0.00072,0.0552,-0.00582,0.02076,-0.00273,0.05603,0.04737,-0.01989,0.03257,-0.00595,-0.02318,0.03366,0.00754,-0.12601,-0.08988,-0.02284,-0.04387,-0.11086,-0.01554,0.02698,0.0653,0.05545,0.01135,0,0.05073,-0.00243,-0.00246,0.06849,-0.0707,0.039,0.02647,0.02904,-0.03117,0.08017,0.04931,0.01152,0.06038,0.05179,-0.01887,0.03455,-0.01146,-0.03294,0.03829,-0.02957,0.07146,0.02355,0.0439,0.0398,0.04258,0.06758,0.06815,-0.01613,0.00069,0.00295,-0.00538,-0.02426,0.00829,-0.0529,0.00612,-0.04127,-0.01238,0.11322,-0.00302,-0.03015,0.06444,0.04895,0.02177,-0.0178,-0.01652,-0.04445,0.0406,0.04104,-0.11417,-0.03052,-0.06456,0.03878,0.02107,0.0186,0.05459,-0.06822,0.0085,-0.03933,-0.04235,-0.03266,0.03458,-0.00301,0.00259,-0.02026,0.05236,0.09819,-0.06781,-0.08817,-0.01593,0.05013,-0.02612,-0.04714,0.01607,0.01469,0.0184,0.00161,0.09251,-0.00513,0.09599,-0.04131,0.0023,0.01988,-0.06464,-0.02253,-0.03863,0.05007,-0.03112,-0.06593,0.05726,0.03387,-0.05192,-0.06704,0.00373,-0.06041,0.08209,0,-0.07347,0.03157,0.0085,0.02309,0.00477,-0.06983,0.03149,-0.03835,0.00508,0.03821,0.00142,0.04462,0.03603,-0.03226,0.04834,-0.00994,-0.08175,0.06369,-0.0429,0.04471,0.02543,-0.02124,0.04395,0.11343,-0.02231,-0.05518,-0.08698,-0.01792,0.06523,0.00821,-0.02675,-0.03921,0.11653,0.01962,-0.00744,-0.02603,-0.13324,-0.04102,0.01248,-0.06146,-0.01084,-0.06315,0.05407,-0.05392,-0.09922,0.03364,-0.02623,0.0495,0.01084,0.00025,-0.02776,0.0136,-0.00551,-0.02217,-0.02927,0.0154,-0.038,0.0177,0.0681,-0.01258,-0.00725,-0.00701,-0.08701,-0.00715],"keywords":"Grid System Grid System Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code. Example ::: ng-component <grid-system</grid-system [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.scss :::","excerpt":"Example ::: ng-component <grid-system</grid-system [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/grid-system/example.scss :::"},{"chunkId":"/examples/grid-system#3","slug":"grid-system","route":"/examples/grid-system","section":"examples","title":"Grid System","description":"Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code.","group":"Editor Helpers","vector":[-0.10529,0.03036,-0.14018,-0.03499,-0.00885,0.00499,-0.03829,0.04974,-0.03602,0.06334,0.01532,0.0572,-0.03106,-0.00001,-0.03976,-0.00667,-0.05652,-0.00986,0.00067,0.05186,-0.03877,-0.08363,0.00183,-0.01946,0.029,0.02746,0.03693,0.04156,0.02438,-0.09762,0.01479,0.03501,-0.08537,0.05929,-0.10444,0.04597,0.0372,0.04627,-0.01606,-0.02653,0.03273,-0.01545,0.0147,-0.07092,-0.00675,0.01581,-0.02056,0.04835,0.00005,-0.02204,-0.12856,-0.10653,0.01992,0.00316,0.01386,-0.00855,0.03197,-0.07053,0.01309,-0.06748,0.10434,0.00143,-0.04322,0.03853,0.01091,-0.04079,-0.06149,0.06632,-0.01661,-0.06036,-0.00717,-0.05848,0.00348,0.03128,-0.02841,-0.01505,-0.02522,0.0117,-0.00154,0.06954,-0.01436,0.09709,-0.08416,0.09753,-0.04498,0.03343,-0.0296,0.02627,-0.00298,-0.09634,0.10274,0.03064,-0.00282,0.02899,0.00431,0.01542,0.06496,-0.07669,-0.12743,0.02155,0.01357,-0.00389,0.05571,0.02514,-0.03347,-0.03186,-0.00672,-0.08673,-0.03822,-0.01494,-0.02854,-0.03167,-0.16503,-0.05029,-0.03717,-0.07039,0.02,-0.03407,0.00169,-0.02209,0.01621,0.05702,-0.02424,-0.00969,0.07089,0.12736,0.01814,0,-0.00828,0.06685,-0.016,0.03946,0.13855,-0.0367,-0.05186,-0.01562,0.09235,0.1191,0.00624,0.00469,-0.00962,0.06399,-0.00244,-0.1461,0.05009,0.00692,-0.02715,0.03116,-0.05515,-0.01934,-0.00186,-0.0125,0.05958,0.05727,0.02731,0.02019,-0.01208,-0.0133,0.06089,-0.00991,-0.05799,-0.00051,-0.05132,-0.04106,-0.07488,-0.08004,0.05577,-0.01294,0.05057,-0.03958,-0.03519,0.02967,0.04488,0.0424,0.03708,-0.0248,0.04148,0.04619,0.03034,0.06103,-0.01787,-0.00008,0.08885,-0.03917,-0.0082,0.01191,0.04312,0.07792,-0.0273,-0.05298,-0.00967,-0.03356,0.07192,-0.11,-0.00325,0.00227,0.11984,0.00446,-0.04868,-0.05037,0.06647,0.0512,0.00115,-0.00491,-0.06403,-0.03261,0.07443,-0.05013,-0.02352,0.00091,0.03569,0.01552,0.04056,-0.04331,-0.02473,-0.01202,-0.06684,-0.04266,-0.05923,0.05189,0.10365,0.02064,0.03836,0,-0.05035,-0.00961,0.00543,0.05777,0.02318,0.05406,0.00295,0.00231,-0.00185,0.12263,-0.01999,0.04877,0.0174,0.08594,0.01166,0.06474,-0.07425,-0.05566,-0.0021,-0.01508,0.07459,0.04346,0.02831,0.04649,-0.01358,0.02694,0.03079,-0.06575,0.01159,0.04774,-0.01591,-0.01977,0.02665,-0.04317,0.01708,-0.05589,0.0082,0.12058,-0.01622,-0.05552,0.00147,-0.00421,0.05251,-0.03941,-0.03971,-0.03688,-0.0217,0.09435,-0.09811,0.04004,-0.0897,0.01928,-0.00583,-0.00692,0.04114,-0.05094,-0.00259,-0.00598,0.04085,-0.01125,-0.03558,-0.06863,-0.03545,-0.02365,0.06643,0.0797,0.00967,-0.06545,-0.04098,0.08215,0.01089,0.0501,0.02702,-0.06889,0.05252,-0.02976,0.12835,-0.02133,0.08193,-0.08494,0.03361,0.01054,-0.08901,-0.04867,-0.04791,-0.00025,-0.0084,-0.06901,0.01068,0.05076,-0.01009,-0.01252,0.03412,-0.0062,-0.00534,0,-0.03693,0.03998,0.01837,-0.02674,-0.01091,-0.02579,0.04753,-0.00817,0.03162,-0.01692,0.05687,0.03554,0.01825,0.07462,0.06164,0.01699,-0.07361,0.05441,-0.02169,0.02363,0.09841,0.006,0.04312,0.10221,-0.01679,0.02174,-0.0589,0.02823,0.07489,0.02531,0.00271,0.00305,0.15112,0.01762,-0.02012,-0.01331,-0.11139,-0.0246,0.01296,-0.04413,0.01485,-0.01853,-0.02562,-0.07566,-0.07861,0.01172,-0.0642,-0.02488,-0.01821,0.01724,-0.05689,-0.00429,0.06603,-0.01819,-0.0009,0.05124,-0.01766,-0.03388,0.0947,0.02124,-0.01983,0.0326,-0.10871,0.03845],"keywords":"Grid System Grid System Add a configurable grid with snapping for precise positioning. Lightweight Angular example and code. Related docs - Drag and Drop - Magnetic Lines Example","excerpt":"Related docs - Drag and Drop - Magnetic Lines Example"},{"chunkId":"/examples/add-node-from-palette#0","slug":"add-node-from-palette","route":"/examples/add-node-from-palette","section":"examples","title":"Add Node from Palette","description":"Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation.","group":"Editor Helpers","vector":[-0.05256,-0.01446,-0.00139,0.06226,0.04795,0.1035,0.09591,0.02267,0.021,0.07355,-0.05744,-0.01719,-0.03848,0.04234,0.05205,0.04871,0.006,-0.00309,-0.04156,0.00955,-0.00248,-0.11937,-0.00272,-0.05192,0.11068,0.02811,-0.037,-0.06818,0.08901,0.04249,-0.01434,0.01089,-0.00965,0.0096,-0.15541,0.04826,0.03279,0.01471,-0.07719,-0.02071,0.09436,0.10501,-0.04379,-0.06621,0.00795,-0.06779,0.00645,0.05716,-0.0401,0.1015,-0.01373,-0.08681,-0.05938,0.03876,-0.024,0.07996,0.01236,-0.02636,0.06827,0.03133,0.02913,-0.04923,0.00565,0.06555,0.08413,-0.01282,-0.05103,0.10575,-0.00251,-0.02605,0.06815,-0.05872,0.03993,-0.00066,0.03169,0.00068,-0.03599,0.06212,-0.07042,-0.02152,0.05511,0.06056,-0.0002,0.11108,0.02279,0.12355,-0.0532,-0.01171,-0.10849,-0.05864,-0.02048,0.02294,-0.03021,0.02824,0.01497,-0.05193,-0.01062,0.01017,-0.02152,-0.03569,0.04218,-0.03892,-0.03598,0.04727,-0.01449,-0.02884,-0.06224,-0.10781,-0.11371,0.05671,0.00223,0.0441,-0.01703,-0.02617,-0.04508,-0.03686,-0.08752,-0.01976,-0.00348,0.07328,-0.05802,0.04158,-0.01421,-0.00391,0.03815,-0.06414,-0.01917,0,0.04717,-0.01834,0.02634,-0.00492,0.08793,-0.0018,-0.01637,-0.07508,-0.06509,0.03988,0.01928,0.0429,0.01368,0.05515,0.01815,-0.03631,-0.01146,0.00194,0.00987,0.00463,-0.01538,-0.03822,-0.12938,0.02121,0.03023,0.06315,-0.02689,0.07703,0.04892,0.0196,0.02727,0.05405,0.01119,0.04391,-0.04672,-0.04243,-0.01017,-0.02497,0.01914,-0.02169,0.0452,-0.01669,-0.0719,0.07141,-0.09077,-0.05755,0.03536,0.02629,0.07672,-0.0071,-0.06226,0.01249,-0.01318,-0.04365,0.00818,0.00498,-0.01653,0.04253,0.05487,0.00006,0.03416,0.01651,-0.02328,-0.02973,0.07454,0.0481,-0.02285,-0.09002,0.0317,-0.075,-0.00286,0.06674,-0.00059,0.03761,0.12778,-0.01308,-0.05575,0.00586,0.01213,0.01816,-0.08091,-0.10418,0.01793,0.01185,0.01122,-0.01377,0.01943,0.03037,-0.0381,-0.01084,0.04396,-0.01686,-0.00374,-0.04705,-0.03024,0,-0.007,0.0532,0.08139,0.09642,0.08566,-0.03187,-0.02686,0.00493,0.03707,0.09322,-0.00427,0.04992,0.0221,0.07359,-0.05889,0.04144,-0.05259,-0.04062,-0.04147,-0.14707,0.00592,-0.05269,0.00183,-0.03987,-0.12979,0.05309,0.06026,-0.03434,-0.07961,-0.02544,-0.0394,0.03293,-0.05526,0.04887,0.0509,-0.04737,0.0555,-0.01878,-0.05758,-0.05596,-0.08925,-0.06612,-0.03384,0.00384,0.01337,-0.03623,-0.04579,0.10793,0.02546,0.01447,-0.00142,-0.00038,-0.00528,0.02477,0.00832,-0.02181,0.05732,-0.04076,0.09444,-0.03193,0.04109,-0.04479,-0.04684,-0.0322,0.06017,-0.00005,-0.04274,-0.06712,0.06153,0.03373,0.03314,0.03077,0.05781,-0.02767,0.09215,0.04087,0.1037,-0.05071,0.03884,-0.0933,0.01023,0.04326,0.02779,-0.02656,0.07626,0.04839,-0.03084,-0.04317,0.03487,-0.00341,-0.10227,-0.02123,-0.01308,0.00828,0.0792,0,-0.01697,0.07008,-0.00294,-0.00583,-0.01305,-0.00506,-0.01187,0.03205,0.03105,0.02396,0.00213,0.00954,0.02575,-0.01061,0.08779,-0.02797,0.09062,0.03085,-0.02276,-0.01503,0.04392,0.05554,0.07414,0.03466,-0.04787,-0.00492,-0.03303,0.01118,-0.01655,0.0346,-0.05633,-0.00748,-0.00121,0.08277,-0.11899,-0.04952,-0.06029,-0.02754,-0.02448,-0.03323,0.0907,-0.0486,0.00298,0.00674,0.01146,0.02726,0.01211,-0.02082,-0.01571,0.07021,0.01041,-0.0569,-0.00978,-0.04252,-0.00029,-0.01949,-0.07386,0.04358,-0.05826,0.04033,-0.14138,-0.03579,-0.00243,-0.09092],"keywords":"Add Node from Palette Add Node from Palette Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation. Adding a Node from the Palette","excerpt":"Adding a Node from the Palette"},{"chunkId":"/examples/add-node-from-palette#1","slug":"add-node-from-palette","route":"/examples/add-node-from-palette","section":"examples","title":"Add Node from Palette","description":"Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation.","group":"Editor Helpers","vector":[-0.01699,0.02338,-0.05282,0.05699,0.09206,0.02233,0.10638,0.03937,0.00718,0.05928,-0.08361,-0.00544,-0.01827,0.02616,0.08054,0.00019,0.00055,-0.01243,-0.01651,0.02021,-0.00744,-0.09872,-0.01205,-0.07366,0.03349,0.01633,-0.049,-0.03852,0.09485,-0.00465,-0.0034,0.0685,0.00481,0.0655,-0.1676,0.08136,0.0037,0.05669,-0.06349,-0.03277,0.05147,0.06858,-0.07701,-0.06365,-0.00121,-0.11151,-0.02174,0.02526,-0.02171,0.12698,-0.02628,-0.07332,-0.06199,0.06673,0.01628,0.06102,0.02852,-0.07549,0.02665,0.07409,0.02643,-0.0445,-0.02061,0.03521,0.11626,0.02939,-0.05531,0.03833,0.02041,-0.02366,0.09104,-0.02912,0.02487,-0.03126,0.0402,-0.00578,-0.06782,0.06524,-0.0533,-0.05322,0.08055,0.09895,0.02709,0.1053,0.0331,0.12284,-0.06813,-0.0339,-0.0672,-0.00424,-0.05596,0.05742,-0.06264,0.0234,-0.00101,-0.04537,0.01875,0.01271,-0.0164,0.00494,0.03712,-0.02779,-0.02392,0.00987,-0.03443,-0.0317,-0.07022,-0.0642,-0.10443,0.04063,-0.01907,0.08067,-0.02039,-0.06122,-0.05305,-0.03108,-0.06397,-0.05941,-0.00065,0.0631,-0.01471,0.09273,-0.0391,0.01159,0.04751,-0.08222,-0.06863,0,0.04241,0.02738,0.02111,0.00353,0.11893,0.01063,-0.01326,-0.08785,-0.05692,0.01915,0.01145,0.05912,-0.02519,0.01538,0.03106,-0.10051,0.0024,-0.02106,0.05687,-0.02843,0.01284,-0.05692,-0.0746,0.03657,0.05728,0.11841,-0.06232,0.08546,0.03116,0.03167,-0.03208,0.03389,0.04713,0.01887,-0.02694,-0.06541,-0.06146,-0.04548,0.00319,-0.04704,0.06613,0.00696,-0.04476,0.04629,-0.05129,-0.02961,-0.02898,0.06714,0.11001,0.03529,-0.00488,0.01512,-0.00248,-0.06936,-0.00581,-0.05721,-0.03301,-0.00042,0.02812,0.047,0.01746,0.00961,-0.02934,0.04706,0.02658,0.03838,-0.00253,-0.03638,0.03137,-0.06398,-0.03851,0.10685,0.02736,0.05442,0.12162,-0.01748,-0.04721,-0.06926,-0.00751,-0.01932,-0.06141,-0.10349,-0.02036,0.01262,0.02358,-0.04259,0.01575,0.01834,-0.0203,-0.04205,0.06384,-0.03755,-0.00479,-0.03996,-0.00451,0,-0.0007,0.03881,0.05795,0.09068,0.03893,-0.02402,-0.00665,-0.00796,0.03672,0.12632,-0.01253,0.01946,0.01478,0.00489,-0.07182,0.04095,-0.06524,-0.03984,-0.05055,-0.10006,-0.02373,-0.05434,-0.01096,0.01083,-0.06897,0.05489,0.03917,-0.02523,-0.0168,-0.01638,-0.0701,-0.03161,-0.02645,-0.02831,0.08619,-0.06763,0.09409,0.01499,-0.00989,-0.04159,-0.06015,0.00175,-0.05667,0.00024,-0.03681,0.01741,-0.06024,0.10152,0.00889,0.0159,-0.00416,0.0026,-0.02786,-0.04545,-0.02183,-0.03454,0.06772,0.02353,0.02246,0.00763,0.03038,-0.06438,-0.01745,-0.02877,0.07626,-0.01477,-0.06805,-0.02801,0.02816,0.10161,0.07646,0.0186,0.02786,0.00873,0.07338,0.0007,0.1543,-0.05851,0.0042,-0.01319,0.04876,0.05276,0.00789,0.01242,0.05642,0.02199,-0.04096,-0.01115,0.03305,0.00004,-0.05894,0.02412,-0.01089,-0.03208,0.06582,0,-0.07262,0.02567,-0.033,-0.0116,-0.00159,-0.01612,0.02122,-0.001,0.0355,-0.00954,0.01916,0.04374,0.01202,-0.05221,0.05733,-0.03906,0.0957,0.04164,-0.02924,-0.03994,-0.0391,0.03706,-0.00157,0.05986,-0.03178,-0.04991,-0.04465,0.00593,0.01739,0.06904,-0.05787,-0.01524,0.04252,0.09134,-0.11316,-0.04719,-0.04797,-0.03859,-0.08274,-0.03775,0.07786,-0.00204,-0.00975,-0.02439,-0.04287,0.01974,-0.00131,-0.00549,0.01226,0.04904,0.01514,-0.04852,0.02634,-0.0474,-0.00463,-0.00085,-0.05712,0.03814,0.01607,0.00836,-0.13606,-0.00354,0.0671,-0.06513],"keywords":"Add Node from Palette Add Node from Palette Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation. Description This guide shows how to add fNode to the f-canvas using the fExternalItem directive. The directive allows placing elements outside the canvas and moving them onto it while preserving metadata through fData. This pattern is useful in real workflow builders where users pick a node type from a sidebar or command palette, then drop it onto the canvas to create a new graph element. f Node f External Item f Data","excerpt":"Description This guide shows how to add fNode to the f-canvas using the fExternalItem directive. The directive allows placing elements outside the canvas and moving them onto it while preserving metadata through fData. This pattern is useful in real workflow builders where users pick a node type from a sidebar or command palette, then drop it onto the canvas to create a new graph element."},{"chunkId":"/examples/add-node-from-palette#2","slug":"add-node-from-palette","route":"/examples/add-node-from-palette","section":"examples","title":"Add Node from Palette","description":"Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation.","group":"Editor Helpers","vector":[-0.03587,-0.00431,-0.02174,0.05534,0.08912,0.13551,0.07139,0.04798,0.01144,0.07249,-0.0936,-0.00754,-0.03206,0.02959,0.03856,0.03343,-0.00535,0.02367,-0.0426,-0.0068,0.04067,-0.12002,0.01521,-0.01251,0.05324,0.02915,-0.04703,-0.09104,0.06942,0.03613,0.01319,0.04554,-0.00172,0.03599,-0.13527,0.04544,0.00864,0.03065,-0.08943,-0.03175,0.09012,0.09728,-0.06432,-0.11558,0.0289,-0.07177,-0.00404,0.06222,-0.06739,0.07078,-0.00774,-0.08445,-0.0473,0.05638,-0.00572,0.06252,0.02666,-0.06842,0.09344,0.05103,-0.032,-0.06191,-0.00851,0.04645,0.0852,0.02673,-0.07048,0.08027,0.0002,0.01174,0.0667,-0.06114,0.01383,0.00519,0.02767,0.00423,-0.02863,0.09661,-0.08714,-0.03598,0.04805,0.03573,0.01741,0.10109,0.01742,0.14651,-0.04079,-0.01271,-0.07176,-0.04499,-0.04766,0.04217,-0.0587,0.01598,0.05976,-0.06945,-0.05728,-0.00448,-0.01098,-0.0147,0.02978,-0.05616,0.01168,0.05731,0.01401,-0.00541,-0.03818,-0.03678,-0.10073,0.02081,-0.0153,0.04329,0.03252,-0.04662,-0.03426,-0.04918,-0.06174,-0.0336,-0.0026,0.10856,-0.001,0.03136,-0.05579,-0.01493,0.05854,-0.02156,0.00587,0,0.02546,0.0086,0.00914,0.01427,0.08547,-0.00238,0.00811,-0.10466,-0.08863,0.08144,-0.00278,0.05894,-0.01829,0.04338,-0.03613,-0.06451,0.00456,-0.01299,-0.00117,-0.01117,-0.02964,-0.03573,-0.10842,0.01229,0.06002,0.01496,-0.04113,0.08105,0.03983,0.0068,0.02747,0.05283,0.05439,0.00281,-0.05211,-0.04874,-0.01419,-0.0226,0.00662,0.00702,0.06834,0.01379,-0.04516,0.09189,-0.08209,-0.04387,-0.01742,0.01938,0.10913,0.00539,-0.02037,0.03077,-0.0163,-0.02798,0.04696,-0.01659,-0.02145,0.02228,0.03435,0.03409,0.00637,0.01513,-0.03717,-0.01444,0.10603,0.04233,-0.01393,-0.05354,0.01193,-0.09942,-0.04631,0.10243,-0.01431,0.01551,0.09889,-0.02575,-0.01473,0.01912,0.02752,0.03652,-0.06307,-0.10108,-0.00585,0.04306,0.03926,-0.04972,0.00272,-0.01332,-0.06329,-0.08362,0.08066,-0.03781,-0.00916,-0.05748,-0.01728,0,0.03469,0.05995,0.05823,0.14574,0.05416,-0.02282,0.00933,0.03935,0.05586,0.09257,0.01203,0.07711,0.04779,0.02051,-0.02956,0.02544,-0.05136,-0.04008,-0.00589,-0.11393,0.01935,-0.01927,0.00001,-0.03844,-0.11862,0.05529,0.07128,0.00764,-0.06474,-0.04104,-0.02802,-0.00258,-0.07559,0.02997,0.04362,-0.06403,0.03566,0.04376,-0.0526,-0.01762,-0.02752,-0.01362,-0.03737,-0.02609,-0.00735,-0.01183,-0.02682,0.0621,-0.00212,-0.00607,-0.02469,-0.01943,-0.02429,0.04317,0.01557,-0.05123,0.06533,-0.02711,0.01551,-0.00663,0.07688,-0.04726,-0.06325,-0.05331,0.06003,0.00373,-0.06889,-0.05992,0.07061,0.03708,0.0366,0.01043,0.04385,0.0015,0.06253,0.05142,0.05405,-0.02865,0.0181,-0.04613,0.0123,0.07661,0.02382,-0.01266,0.08005,0.07048,-0.08017,-0.05854,0.07666,-0.02087,-0.12001,-0.02811,0.00906,-0.00975,0.07454,0,-0.04968,0.03275,-0.00515,-0.01817,-0.00731,-0.00407,-0.01612,-0.00242,0.01228,0.00564,-0.02674,0.03838,0.06989,-0.04668,0.06218,-0.03002,0.07048,0.02767,-0.0378,-0.00353,0.01696,0.06201,0.06388,0.0578,-0.05153,-0.05226,-0.02358,0.02456,0.00203,0.00267,-0.05197,-0.02285,-0.00387,0.0492,-0.08825,-0.04262,-0.12009,-0.03327,-0.01298,-0.01674,0.06711,-0.0756,0.00414,-0.00794,-0.03494,0.02401,0.01144,-0.00179,-0.02339,0.05937,-0.01483,-0.03124,-0.06291,0.00799,0.01716,-0.07256,-0.05068,0.05917,-0.01923,0.00402,-0.122,-0.02191,-0.02,-0.08836],"keywords":"Add Node from Palette Add Node from Palette Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation. Example ::: ng-component <add-node-from-palette</add-node-from-palette [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.scss :::","excerpt":"Example ::: ng-component <add-node-from-palette</add-node-from-palette [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/add-node-from-palette/example.scss :::"},{"chunkId":"/examples/add-node-from-palette#3","slug":"add-node-from-palette","route":"/examples/add-node-from-palette","section":"examples","title":"Add Node from Palette","description":"Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation.","group":"Editor Helpers","vector":[-0.07132,-0.00776,-0.00498,0.08805,0.05381,0.10993,0.04845,0.01158,-0.01696,0.06188,-0.08526,-0.01968,-0.02901,-0.00559,0.00224,0.00709,0.04711,0.00873,-0.03374,0.04144,0.00238,-0.13966,-0.0211,-0.02792,0.10001,0.02276,-0.01698,-0.0241,0.06806,-0.0087,0.01121,0.02481,-0.0562,0.02549,-0.1641,0.04256,0.04069,0.00829,-0.0676,-0.0389,0.05237,0.11239,-0.07157,-0.04515,-0.02043,-0.06061,0.06537,0.05818,-0.06062,0.08976,-0.00437,-0.05346,-0.01025,0.03066,-0.0166,0.06088,-0.01085,-0.05946,0.01707,0.01726,-0.02693,0.01237,0.00889,0.01274,0.06449,0.02305,-0.01958,0.07551,0.04004,-0.02553,0.06144,-0.03348,0.01667,0.01417,0.0138,0.00943,0.00489,0.05528,-0.05345,0.01528,0.11323,0.0869,0.0145,0.09466,-0.07094,0.10777,-0.01353,-0.01413,-0.0734,-0.061,0.00221,0.03159,-0.05627,0.00331,0.03345,-0.06185,0.03746,-0.00999,-0.01645,-0.01567,0.07081,-0.06487,0.02937,-0.00434,-0.0315,-0.04294,-0.06685,-0.09682,-0.08414,0.05607,0.03571,0.03335,-0.0484,0.01224,-0.07045,-0.04704,-0.05756,-0.05876,-0.03394,0.08236,-0.05011,0.08176,-0.00617,0.02325,0.06361,0.00308,-0.02142,0,0.01432,-0.03323,0.01667,-0.00302,0.10294,-0.03989,0.0247,-0.06652,-0.07734,-0.01404,0.03583,0.02592,0.00903,0.051,-0.00727,-0.08422,0.00801,0.00585,0.00536,-0.00704,-0.07026,-0.03856,-0.12863,0.00779,0.02684,0.03135,-0.04628,0.09879,0.03205,0.00845,-0.03453,0.06655,0.03591,0.01675,-0.07066,-0.01663,-0.04034,-0.02399,0.05138,-0.02184,0.0306,0.0163,-0.0406,0.07244,-0.04063,-0.05445,0.00764,0.03163,0.04408,-0.0093,-0.03143,-0.00943,0.00351,-0.01278,-0.0015,-0.04231,-0.01035,0.02864,0.09298,-0.00464,0.02578,0.01228,-0.04753,-0.02621,0.07584,0.02543,-0.01374,-0.03079,0.03533,-0.001,-0.05653,0.05985,0.01862,0.01673,0.12026,-0.02436,-0.02975,-0.05288,0.06245,0.02841,-0.05354,-0.07215,0.04588,-0.01809,0.02599,-0.11004,0.01794,0.04186,-0.10023,-0.07274,0.03836,-0.01723,0.04938,-0.05648,0.07647,0,-0.01171,0.03151,0.07205,0.12349,0.06506,-0.01521,-0.06004,-0.03469,-0.01507,0.06759,-0.03703,0.03408,-0.00053,0.06711,-0.09464,0.0352,-0.02974,-0.05718,0.00237,-0.13014,0.04468,-0.08334,0.0207,-0.00599,-0.14392,0.00579,0.10319,-0.01777,-0.03969,-0.01998,-0.00915,-0.01741,-0.00048,-0.00487,0.01266,-0.06531,0.06421,0.0283,-0.02723,-0.01029,-0.1162,-0.05453,-0.02237,0.01629,0.03963,-0.01824,-0.04235,0.08517,0.0401,0.01756,-0.00388,0.04599,-0.04275,0.03456,-0.02467,-0.09881,0.01738,-0.02641,0.0402,0.00905,0.03148,-0.05236,-0.06307,-0.05553,0.06129,-0.00287,-0.05405,-0.04414,0.05405,0.09774,0.02636,0.0196,0.05952,-0.029,0.13893,-0.00398,0.12815,-0.01922,0.07607,-0.04681,0.05355,0.06317,0.00296,-0.04279,0.02648,0.03982,-0.06577,-0.00399,0.04244,0.03989,-0.08764,-0.05053,0.01096,-0.03629,0.04006,0,-0.02069,0.04218,0.0066,-0.00087,-0.04745,0.00708,-0.00216,0.02183,0.04753,-0.00489,0.00972,0.00014,0.00609,-0.00965,0.11097,-0.026,0.07453,0.06367,-0.06127,0.02145,0.04273,0.0707,0.04075,0.04828,-0.03932,-0.02104,0.00353,0.00771,-0.01449,0.08793,-0.07586,0.0009,-0.0253,0.05562,-0.1265,-0.04635,-0.05301,-0.00861,0.00362,0.00381,0.08015,-0.02968,-0.01862,-0.03825,-0.02396,0.00329,0.02567,-0.04553,-0.00862,0.06993,0.00894,-0.05053,-0.01958,0.02666,0.04284,-0.03669,-0.07973,0.05227,0.02738,0.00555,-0.10195,-0.07823,0.02374,-0.01228],"keywords":"Add Node from Palette Add Node from Palette Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation. What this solves - Build a node toolbox without coupling the palette to node rendering. - Keep node creation explicit and easy to understand. - Add previews and placeholders during drag operations. Directive Features - fExternalItem links an element to the canvas so it can create nodes on drop. - fPlaceholder and fPreview let you render dedicated drag states. - fPreviewMatchSize keeps the preview aligned with the original palette item. f External Item f Placeholder f Preview f Preview Match Size","excerpt":"What this solves - Build a node toolbox without coupling the palette to node rendering. - Keep node creation explicit and easy to understand. - Add previews and placeholders during drag operations. Directive Features - fExternalItem links an element to the canvas so it can create nodes on drop. - fPlaceholder and fPreview let you render dedicated drag states. - fPreviewMatchSize keeps the preview aligned with the original palette item."},{"chunkId":"/examples/add-node-from-palette#4","slug":"add-node-from-palette","route":"/examples/add-node-from-palette","section":"examples","title":"Add Node from Palette","description":"Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation.","group":"Editor Helpers","vector":[-0.05928,-0.01219,-0.01969,0.05257,0.06065,0.07324,0.07128,0.0465,0.02328,0.05218,-0.06836,-0.03977,-0.04791,0.0132,0.08923,0.0833,0.03747,0.01628,-0.06911,-0.02251,0.00056,-0.10749,-0.00365,-0.04654,0.0609,0.07958,-0.00924,-0.09431,0.09925,0.03475,0.0138,0.01569,0.01243,0.04285,-0.15119,0.05992,0.03487,0.01312,-0.10009,-0.03427,0.08395,0.098,-0.06481,-0.10142,0.00923,-0.06175,-0.02161,0.03448,-0.05592,0.09678,-0.04356,-0.10059,-0.05683,0.03778,-0.03132,0.07011,0.03949,-0.0464,0.05733,0.03564,0.04873,-0.04791,0.01766,0.07068,0.05674,-0.00444,-0.05785,0.12586,-0.00917,-0.0623,0.10827,-0.0632,0.02218,-0.02311,0.03353,-0.03761,-0.011,0.03143,-0.07736,-0.01172,0.04813,0.05689,-0.01661,0.10804,-0.00806,0.1354,-0.01782,0.00457,-0.08534,-0.023,-0.03955,0.01181,-0.04011,0.00559,0.09774,-0.05418,-0.01378,-0.03657,-0.04459,-0.00061,0.02975,-0.01757,-0.03407,0.02368,-0.02855,-0.04026,-0.00071,-0.07936,-0.07897,0.05469,0.00035,0.02419,0.00357,-0.0557,-0.03429,-0.03879,-0.05864,-0.03316,0.00886,0.08574,-0.04565,0.06157,-0.02932,-0.01198,0.07601,-0.02438,-0.02416,0,0.0372,-0.04874,0.03416,-0.02768,0.08895,-0.00941,0.01637,-0.09026,-0.05696,0.06805,0.02158,0.057,0.0003,0.09795,0.0079,-0.07527,-0.00349,-0.02369,0.03822,0.0105,0.00672,-0.09665,-0.12261,0.01247,0.03168,0.09689,-0.01335,0.07144,0.04901,0.02146,0.01139,0.04624,0.00017,0.04304,-0.05883,-0.03264,-0.05586,-0.00619,0.03302,-0.00917,0.02994,-0.02166,-0.07891,0.06673,-0.07554,-0.07073,0.01866,0.0219,0.08724,-0.01485,-0.03236,0.03314,-0.01606,-0.05107,0.02453,-0.05982,-0.03443,0.06294,0.03954,0.00987,0.03907,0.04576,-0.02893,0.00001,0.0782,0.05328,-0.01919,-0.06751,0.03933,-0.0826,-0.03726,0.06356,-0.00077,0.02435,0.09961,-0.02559,-0.03549,-0.01958,0.03623,0.00136,-0.10894,-0.10591,0.02645,0.03412,0.03656,-0.02369,-0.00147,-0.00615,-0.05686,-0.03461,0.03904,-0.00828,0.00422,-0.04007,-0.01506,0,-0.0135,0.06057,0.0421,0.08184,0.09157,-0.02792,-0.01396,0.01433,0.07561,0.10096,-0.02548,0.06636,0.029,0.03823,0.00843,0.02856,-0.06313,-0.05379,0.00647,-0.13835,0.00884,-0.01337,-0.0006,-0.0597,-0.12643,0.02564,0.04213,-0.02307,-0.04221,-0.02202,-0.00811,0.01692,-0.04522,0.04732,0.04155,-0.02726,0.06599,-0.01775,-0.07433,-0.05561,-0.05444,-0.05387,-0.06118,0.00486,-0.0529,-0.00295,-0.1095,0.08513,0.00437,-0.00699,-0.02213,0.00838,-0.02103,0.01255,-0.0219,-0.0185,0.04832,-0.0199,0.05063,-0.03292,0.01941,-0.0651,-0.03346,-0.05137,0.05852,0.00516,-0.04458,-0.04171,0.04668,0.02092,0.05367,0.0208,0.0461,0.01201,0.07627,0.04044,0.10493,-0.04526,0.0507,-0.06284,0.03049,0.06594,0.01593,-0.00405,0.09621,0.03854,-0.03265,-0.05963,0.01203,0.03543,-0.11211,-0.02367,0.02502,0.03673,0.03053,0,-0.02955,0.02724,0.02842,0.01043,-0.03384,0.00836,-0.01694,0.04785,0.03727,0.02033,-0.01886,0.01254,0.03464,-0.02823,0.11637,-0.01026,0.06648,0.02341,-0.01329,-0.03409,0.06178,0.03406,0.04278,0.02867,-0.06289,-0.02615,0.00356,0.01345,-0.04311,0.04036,-0.03678,0.01028,0.02066,0.05638,-0.07774,-0.05374,-0.05915,-0.02083,-0.06103,-0.03776,0.05062,-0.03824,-0.03678,-0.03754,-0.00264,0.01574,-0.01576,-0.06096,-0.02095,0.07925,0.00828,-0.03401,-0.01123,-0.00476,0.03887,-0.02524,-0.05995,0.00703,-0.02915,0.04015,-0.11494,0.01556,0.02203,-0.07111],"keywords":"Add Node from Palette Add Node from Palette Drag nodes from an external palette into the canvas. Data binding, events and Angular implementation. Related docs - External Item - Flow - AI Low-Code Platform Example","excerpt":"Related docs - External Item - Flow - AI Low-Code Platform Example"},{"chunkId":"/examples/accessibility#0","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.04393,-0.05702,-0.06382,-0.00232,-0.01457,0.0602,-0.02129,0.03327,0.0615,0.03802,-0.02247,0.02748,-0.04515,0.03038,0.09755,-0.03286,-0.03064,0.01813,0.03196,-0.04261,-0.05486,0.00564,0.00183,-0.01418,0.00769,0.04349,-0.00666,-0.01366,0.05932,-0.06874,-0.0677,0.01497,0.00708,0.01785,-0.07999,0.07773,0.0238,0.00622,-0.11026,-0.03703,-0.01256,0.02539,0.04995,-0.03384,0.00491,-0.05116,-0.09671,-0.05658,-0.05325,0.08221,-0.10364,-0.12317,-0.03145,0.0468,0.00944,-0.01459,0.03698,-0.08944,0.03284,-0.01982,0.00431,-0.00399,0.00222,0.08324,-0.03678,0.04715,-0.0564,0.06532,0.03421,-0.08389,-0.03046,-0.06349,0.02111,-0.05283,0.01153,-0.07333,-0.02787,0.00737,-0.02065,-0.05432,0.01409,0.05338,-0.01819,0.09103,-0.04383,0.11159,0.00816,0.00615,0.06007,-0.01268,0.0133,-0.00931,0.02929,-0.04616,0.08159,-0.06334,0.00702,-0.06789,-0.0958,0.02911,0.01008,-0.02486,0.07689,-0.00121,-0.00669,-0.01738,0.05498,-0.03778,-0.02153,-0.00835,-0.04574,-0.03465,0.00668,-0.07403,-0.04397,-0.03432,-0.06893,-0.06927,0.10319,0.15047,-0.00849,0.02899,-0.0131,-0.04801,0.02889,0.00076,-0.04357,0,0.04063,0.02978,-0.0215,0.05118,0.09547,-0.02919,-0.02113,-0.09254,0.00774,-0.00275,0.02726,0.07123,-0.07957,0.07824,0.02569,-0.06124,-0.02715,0.06992,-0.01757,0.02489,0.04821,-0.07351,-0.04192,0.05941,0.06619,0.11444,-0.02595,0.0446,0.0093,0.01989,0.01879,0.00277,-0.02619,-0.02057,-0.01252,-0.05833,-0.04597,-0.09576,0.04187,-0.0159,-0.06276,-0.10206,-0.0767,-0.02243,-0.00318,-0.00305,-0.05563,0.02363,0.05,0.03139,-0.00492,0.09092,-0.04645,-0.04238,0.04288,-0.08158,-0.06809,0.1071,0.01331,0.10226,0.00053,0.14529,0.02389,-0.04243,0.0396,0.01944,-0.04253,-0.02789,0.09867,-0.06557,-0.13993,-0.00623,-0.01728,0.08008,0.02016,-0.05148,-0.03627,-0.02966,0.02384,-0.03073,-0.11416,-0.07983,0.02445,0.10257,0.07164,-0.06213,-0.00223,-0.06892,-0.07721,-0.02715,0.02726,0.04791,-0.00421,-0.01415,0.02018,0,-0.05112,0.0211,-0.03829,0.01359,-0.01776,-0.03212,0.02491,-0.00603,0.07748,-0.00463,0.01154,0.09999,0.05071,-0.02776,0.04812,-0.01881,0.02212,-0.08947,0.01342,0.02453,0.04613,0.01389,-0.04103,-0.03227,-0.05322,0.05664,0.00592,-0.01423,-0.00442,-0.03729,-0.01534,0.02577,-0.03843,-0.02274,-0.02632,-0.05013,0.04165,0.02666,-0.0907,-0.03486,0.06817,0.01089,0.05916,0.02829,-0.02476,0.09041,-0.0817,-0.01911,-0.04218,-0.02109,-0.02526,-0.00353,0.03919,-0.08393,-0.02869,0.06901,0.10041,-0.02571,0.0191,-0.01887,-0.00649,-0.02317,-0.0125,-0.00128,0.03779,0.02432,-0.01335,-0.0446,-0.01259,0.02518,0.06485,0.00894,0.0046,-0.00861,0.07002,0.08757,0.09408,-0.0173,0.00765,-0.02451,0.01411,0.1144,0.04767,-0.01221,0.09714,0.03238,-0.09516,-0.08517,0.0556,0.05255,-0.07325,0.04133,0.00184,0.06235,0.00107,0,-0.06244,0.01009,0.01085,-0.0577,0.00814,0.00678,-0.01829,0.0275,-0.00874,0.04156,0.00835,0.06618,-0.01632,0.01081,0.09868,0.0571,0.04255,0.05305,-0.02924,-0.06706,0.03955,0.03014,0.04076,0.07747,0.00258,-0.01568,-0.01939,0.00673,-0.00734,-0.02277,0.03681,0.02098,0.09718,0.06319,-0.02961,0.0198,-0.07574,0.00164,-0.02933,0.00975,0.05746,-0.02165,-0.02754,-0.04926,-0.08271,0.09935,0.0252,-0.06594,-0.06664,-0.00898,-0.12212,0.0008,-0.00327,0.03533,0.0054,0.08603,0.02899,-0.06732,0.00644,0.00811,-0.06159,0.08193,0.00211,0.0117],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Accessibility","excerpt":"Accessibility"},{"chunkId":"/examples/accessibility#1","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.00316,-0.09886,-0.04431,0.07208,0.01161,0.09061,0.02031,-0.00013,0.09847,0.01348,-0.01933,0.04175,-0.04324,-0.005,0.04741,0.01415,0.00785,-0.04307,-0.00777,-0.00678,-0.02012,-0.08388,0.01725,-0.04539,-0.03871,0.04027,-0.01033,-0.02557,0.04766,-0.07836,-0.04406,-0.02085,-0.0374,0.0072,-0.1585,0.05719,0.017,0.01542,-0.13258,-0.03958,0.00809,0.01431,0.02406,-0.01255,0.01417,-0.0162,-0.04243,-0.04953,-0.02815,0.07981,-0.08742,-0.06803,-0.00497,0.05796,-0.01087,0.02949,0.02386,-0.03495,0.00523,0.00106,-0.0865,-0.00207,0.03922,0.02985,-0.00309,0.03992,-0.00963,0.01042,0.00157,-0.08649,0.01792,-0.0274,0.02585,-0.08538,0.04928,-0.04613,-0.02952,0.02829,0.0268,-0.0236,0.07384,0.05676,-0.05172,0.0714,-0.01751,0.14453,-0.00226,-0.02818,0.03686,-0.02244,-0.00899,-0.02422,0.00004,-0.03616,0.13667,-0.03952,0.0354,-0.01058,-0.14414,0.01153,0.0453,-0.03398,0.04693,-0.01249,-0.03834,-0.02467,0.05011,-0.03088,-0.05991,-0.0352,-0.01541,-0.03214,-0.00809,0.01028,-0.05896,0.0134,-0.02224,-0.07587,0.11651,0.13303,-0.02848,0.05018,-0.01298,-0.03796,0.03491,-0.031,-0.02821,0,0.02479,0.019,-0.0391,0.04238,0.02343,-0.00782,0.00888,-0.08365,-0.01647,-0.00276,0.03891,-0.00914,-0.082,0.04712,0.06658,-0.06424,0.00412,0.09468,-0.02581,0.00879,0.01332,-0.0601,-0.06555,0.00693,0.05095,0.07423,-0.09962,0.05016,-0.03032,0.01854,-0.01165,0.02939,-0.03311,-0.038,-0.04945,-0.01521,-0.01112,-0.0647,0.06472,-0.06505,-0.06388,-0.06812,-0.03916,-0.02589,-0.05473,0.01693,-0.06307,0.03064,-0.01911,0.03505,0.02429,0.04321,-0.03201,-0.05722,0.02372,-0.05829,-0.07263,0.07512,0.00857,0.06632,0.01927,0.11181,0.01741,0.0282,0.03465,0.04097,-0.05393,0.00031,0.09863,-0.08535,-0.14261,0.03247,-0.02341,0.07045,0.04566,-0.03344,-0.04374,-0.06838,0.08555,0.02297,-0.04135,-0.0497,0.00869,0.11601,0.04176,-0.06439,-0.01941,-0.05205,-0.08298,-0.01936,0.10738,0.03191,-0.00741,-0.03431,0.01157,0,-0.05192,0.0292,-0.01309,0.01373,-0.04831,-0.01887,0.03114,-0.0036,0.08768,-0.01384,0.03499,0.11548,0.02551,-0.04006,0.03114,0.02754,-0.01848,-0.03877,0.0225,-0.01655,0.08605,-0.02514,-0.05138,-0.01262,-0.03165,0.05245,0.00175,0.04174,0.02208,-0.07589,-0.01995,0.06254,-0.05421,-0.03517,-0.03213,-0.0208,-0.02073,0.03782,-0.08096,-0.00175,0.04713,0.03978,0.0266,0.01638,-0.01778,0.12472,-0.04173,-0.03214,-0.02938,-0.00544,-0.04822,-0.00641,0.03117,-0.06646,-0.04843,0.07797,0.07112,-0.01618,0.04403,-0.05906,0.04056,0.00242,-0.02486,-0.00371,0.00364,0.00184,0.0012,-0.0054,0.07224,0.00603,0.08142,0.00335,0.05726,-0.03225,0.09111,0.08512,0.0951,-0.07432,-0.01673,-0.04171,-0.02649,0.13207,0.00696,-0.04435,0.12059,0.08694,-0.07229,-0.06647,0.05929,0.03608,-0.06394,0.05716,-0.03421,0.01214,-0.04836,0,-0.08553,0.04729,-0.02026,-0.0584,0.012,-0.03237,-0.01938,0.03344,0.00614,0.04637,0.00664,0.0478,-0.01782,-0.03042,0.09471,0.09337,0.03095,0.05069,-0.02865,-0.07021,0.02738,-0.0385,-0.00075,0.09717,0.00305,-0.05545,-0.01392,0.017,0.01857,0.02824,0.02739,0.02087,0.06848,0.10418,-0.11462,0.01249,-0.03161,-0.00626,-0.05039,0.03917,0.05432,-0.04487,-0.00929,-0.02854,-0.0956,0.08997,0.02566,-0.04825,-0.04696,0.01244,-0.08098,0.02552,-0.00388,0.0214,0.02758,0.03032,0.03105,-0.01348,-0.0157,-0.02355,-0.07406,0.0632,-0.0031,0.029],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Description Every flow ships with an accessibility layer. Semantics are always on: nodes, groups and connections get roles and accessible names (a connection reads \"Connection from A to B\" and the name tracks endpoint changes), selection and edits are announced through a visually-hidden live region, and helper visuals (minimap, connection previews) are hidden from screen readers. Attributes you set yourself are never overridden. The keyboard layer is opt-in — add provideFFlow(withA11y()) and the editor becomes fully operable without a mouse, including creating connections entirely from the keyboard. DOM focus never leaves the flow itself: arrows drive the selection directly (the active item is exposed to assistive technology via aria-activedescendant), so there is no separate focus state to learn and the selected style stays the only visual state. provide F Flow with A11y","excerpt":"Description Every flow ships with an accessibility layer. Semantics are always on: nodes, groups and connections get roles and accessible names (a connection reads \"Connection from A to B\" and the name tracks endpoint changes), selection and edits are announced through a visually-hidden live region, and helper visuals (minimap, connection previews) are hidden from screen readers. Attributes you set yourself are never overridden. The keyboard layer is opt-in — add provideFFlow(withA11y()) and the editor becomes fully operable without a mouse, including creating connections entirely from the keyboard. DOM focus never leaves the flow itself: arrows drive the selection directly (the active item is exposed to assistive technology via aria-activedescendant), so there is no separate focus state to learn and the selected style stays the only visual state."},{"chunkId":"/examples/accessibility#2","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.07608,-0.06754,-0.03874,0.04712,0.02655,0.10064,0.02353,0.01276,0.0534,0.04586,-0.00221,0.02569,-0.02035,0.03444,0.06519,-0.01773,-0.00479,-0.04913,-0.01539,-0.00135,0.02417,-0.0775,0.04972,-0.02475,-0.00995,0.027,-0.01524,-0.04769,0.08627,-0.03273,-0.02426,0.01888,-0.01613,-0.00347,-0.07752,0.04952,0.01925,-0.00176,-0.09258,-0.03073,0.04653,0.00101,0.02093,-0.05793,0.0117,-0.01798,-0.04888,-0.04004,-0.10434,0.09062,-0.02737,0.01119,0.0195,0.06856,0.04001,-0.02929,0.06638,-0.03286,0.00579,-0.00716,0.00581,-0.0322,-0.02767,0.00584,-0.00533,0.10664,-0.03895,-0.02029,0.0268,-0.03604,-0.01768,-0.06469,0.0234,-0.07492,0.07781,-0.0677,-0.04443,0.04078,-0.04182,-0.06548,0.0218,-0.01445,-0.00762,0.04514,-0.04167,0.08453,-0.06863,-0.03906,0.07495,0.02084,-0.05311,0.02682,-0.0417,-0.05146,0.0834,-0.03452,-0.04223,0.018,-0.08719,0.03175,0.01324,-0.00636,0.01861,0.09203,0.01592,-0.03107,-0.02919,-0.04392,-0.09388,0.01273,-0.02182,0.02346,0.04172,0.02338,-0.0539,-0.00022,-0.04454,-0.02558,0.05382,0.11892,-0.00975,0.01183,-0.00941,-0.01858,0.02367,0.03591,-0.01551,0,0.01821,0.02405,-0.08587,-0.01887,0.05232,-0.00579,-0.02389,-0.10878,0.02465,0.03501,-0.00302,0.07772,-0.02375,0.00455,0.03803,-0.06675,-0.00787,0.04641,0.00628,0.01986,0.08833,0.02527,-0.0691,0.01362,0.09464,0.06637,-0.07553,0.08626,0.00447,0.01105,0.02278,0.0186,-0.00497,-0.06728,-0.01542,-0.03818,-0.03007,-0.03385,-0.01534,-0.07545,0.03691,-0.07588,-0.07982,-0.00688,-0.05571,-0.06839,-0.06471,0.00188,0.08121,-0.02247,0.03785,0.03507,-0.04326,-0.06871,0.05012,-0.07299,-0.05474,0.04507,0.01199,0.09032,-0.0209,0.06638,0.00552,-0.00305,0.06139,0.01542,-0.03517,-0.01696,0.05826,-0.11738,-0.10674,0.09212,-0.02334,0.04801,0.03544,-0.06413,-0.00998,-0.00945,0.00037,-0.03564,-0.02541,-0.08841,0.02047,0.13339,0.10403,-0.09554,-0.0324,-0.09655,-0.08614,-0.04504,0.06326,0.02515,-0.00119,-0.00496,0.02797,0,0.01584,0.02963,-0.01406,0.10002,-0.07181,-0.04961,0.03531,0.05552,0.06352,-0.02349,0.01632,0.03783,0.03517,-0.03295,0.01022,0.01423,-0.05091,-0.10615,0.03041,0.03509,0.04526,0.02561,-0.039,-0.00804,-0.07894,0.0453,0.00498,0.04759,-0.03542,-0.0462,-0.04051,0.00027,-0.09206,-0.05104,-0.02959,-0.07763,-0.02019,0.10494,-0.0521,0.00222,0.09374,0.07576,-0.02194,0.04641,0.00143,0.09785,-0.05784,-0.02471,-0.0688,-0.00968,-0.03827,0.007,-0.01531,-0.04565,-0.04302,0.05521,0.1263,-0.03944,-0.0491,-0.02543,0.068,-0.01711,-0.02481,-0.02239,0.10473,0.03629,-0.01897,0.00589,0.08345,0.02643,0.08539,0.01118,0.04587,-0.04351,0.11785,0.08615,0.05416,-0.0165,0.04014,-0.0314,-0.0381,0.10783,0.02983,-0.02083,0.03883,0.1213,-0.14148,-0.03212,0.06813,0.05634,-0.07406,0.01874,0.01749,0.03765,-0.01695,0,-0.08773,0.06474,-0.04699,-0.06413,0.01706,-0.02456,-0.02159,-0.03364,0.00847,-0.02596,-0.05146,0.04467,-0.0144,-0.02917,0.04766,0.0337,0.05321,0.04529,-0.07148,-0.01354,0.00602,-0.02175,0.02264,0.09854,0.00403,-0.07191,-0.00398,0.01761,0.00743,0.02825,0.00383,-0.00788,0.07891,0.08022,-0.08654,0.02601,-0.02734,-0.0247,0.03827,0.0247,0.04377,-0.04316,-0.0862,-0.04187,-0.08017,0.05346,0.03268,-0.05285,-0.00609,0.04446,-0.11479,0.03026,-0.02944,0.06264,0.05265,0.04106,0.04646,-0.01221,0.04111,-0.02908,-0.04089,-0.00081,-0.00933,-0.01417],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Example This example uses the default stateless mode: it enables the keyboard layer with a custom movement step and wires all three editing events to signals. (fMoveNodes) persists positions after a drop, (fCreateConnection) adds the wire, and (fDeleteSelected) removes the selected items. The optional Managed Flow State plugin can apply all three supported gestures to its typed store automatically. The example keeps the manual handlers to demonstrate the event contract used by applications that own their graph state. ::: ng-component <accessibility</accessibility [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.scss ::: f Move Nodes f Create Connection f Delete Selected","excerpt":"Example This example uses the default stateless mode: it enables the keyboard layer with a custom movement step and wires all three editing events to signals. (fMoveNodes) persists positions after a drop, (fCreateConnection) adds the wire, and (fDeleteSelected) removes the selected items. The optional Managed Flow State plugin can apply all three supported gestures to its typed store automatically. The example keeps the manual handlers to demonstrate the event contract used by applications that own their graph state. ::: ng-component <accessibility</accessibility [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/accessibility/example.scss :::"},{"chunkId":"/examples/accessibility#3","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.02186,-0.05015,-0.04966,-0.0188,-0.04178,0.05937,-0.0135,0.0388,0.06553,0.04777,-0.00091,0.02321,-0.01219,0.02962,0.07859,-0.02017,-0.05973,0.03093,0.03475,-0.05094,-0.05516,-0.01296,0.01056,-0.02156,0.00634,0.05755,0.00932,-0.02603,0.02812,-0.06325,-0.04863,0.01632,0.00713,0.02724,-0.08772,0.08334,0.02144,-0.00539,-0.10677,-0.03773,-0.00019,0.03042,0.05541,-0.00519,0.0201,-0.01511,-0.11294,-0.0467,-0.05169,0.09928,-0.12983,-0.13111,-0.04172,0.05562,0.01778,0.00286,0.02,-0.09015,0.04187,-0.02009,0.02466,0.01075,0.01365,0.0683,-0.03044,0.0463,-0.05386,0.06479,0.04251,-0.07503,-0.02919,-0.08735,0.01633,-0.09092,0.00028,-0.07067,-0.03683,0.00823,-0.02072,-0.04838,0.01286,0.06448,-0.00989,0.08752,-0.02945,0.09847,0.01598,-0.02866,0.05123,-0.00765,0.0039,-0.03253,0.02941,-0.0582,0.07495,-0.03729,-0.00271,-0.06416,-0.09517,0.02942,0.01318,-0.04723,0.08299,-0.02361,-0.02699,-0.04277,0.03911,-0.03922,-0.03378,-0.02963,-0.04498,-0.03448,-0.00785,-0.05592,-0.051,-0.02619,-0.04576,-0.02174,0.09702,0.15229,-0.0222,0.0051,-0.0296,-0.04042,0.0155,-0.00196,-0.05272,0,0.04551,0.03276,-0.00177,0.05164,0.09935,-0.03433,-0.01888,-0.07518,0.02716,0.00617,-0.00048,0.05092,-0.08643,0.0982,-0.00067,-0.07357,-0.03177,0.06609,-0.02506,0.00032,0.06447,-0.05677,-0.03684,0.02785,0.08703,0.12145,-0.0306,0.05461,-0.0237,0.01422,0.02317,0.00033,-0.03668,-0.02335,-0.01664,-0.05762,-0.04482,-0.08128,0.02236,-0.02311,-0.04669,-0.09367,-0.09126,-0.02226,0.01106,-0.01911,-0.06581,0.02858,0.07002,0.01534,0.01069,0.0674,-0.04117,-0.02009,0.03524,-0.08696,-0.08104,0.10613,0.02521,0.11322,0.0015,0.13809,0.01813,-0.03076,0.04908,0.01142,-0.04177,-0.03273,0.09382,-0.06376,-0.12276,0.00252,-0.00255,0.0643,0.01182,-0.04193,-0.03995,-0.04325,0.00039,-0.0325,-0.12239,-0.08941,0.02518,0.07884,0.09467,-0.05503,0.00435,-0.0781,-0.06327,-0.01879,0.00611,0.04334,-0.01766,-0.00207,0.04112,0,-0.05313,0.03166,-0.02727,0.03569,-0.02889,-0.03358,0.05023,-0.00914,0.05199,0.01059,0.02267,0.10128,0.05846,-0.0265,0.06629,-0.01247,0.02783,-0.09173,0.02079,0.01593,0.02365,0.00821,-0.05042,-0.02618,-0.03855,0.05823,0.04251,-0.00574,-0.00216,-0.01106,-0.01152,0.02073,-0.02419,-0.0077,-0.04042,-0.04007,0.04721,0.03519,-0.0796,-0.0058,0.06841,-0.01294,0.04969,0.0219,-0.03977,0.05511,-0.06819,0.0139,-0.0316,-0.01877,-0.00515,-0.0089,0.00345,-0.09543,-0.03351,0.06219,0.08427,-0.00072,0.01379,-0.045,-0.03818,-0.05154,0.03231,0.00559,0.04082,0.00863,-0.00671,-0.03771,-0.0227,0.03255,0.06278,0.04443,-0.00489,0.01151,0.08365,0.06921,0.08303,-0.01087,0.03012,-0.03263,0.01595,0.10166,0.04085,0.00866,0.09043,0.06014,-0.10899,-0.05465,0.06596,0.0566,-0.056,0.04193,-0.00185,0.05728,-0.00046,0,-0.07808,0.03403,0.02004,-0.04334,0.00174,-0.01017,0.00857,0.04287,0.00203,0.01556,-0.00181,0.09375,-0.0287,-0.01213,0.08882,0.05745,0.04119,0.06547,-0.0216,-0.07059,0.0432,0.0155,0.04231,0.08354,0.00248,-0.02176,-0.01132,0.02264,-0.00887,-0.05075,0.04798,0.00179,0.10274,0.05532,-0.03358,-0.00635,-0.07323,-0.00206,-0.04325,0.00644,0.03987,-0.0114,-0.02146,-0.05904,-0.09133,0.11342,0.03071,-0.04944,-0.07294,0.0037,-0.1298,0.0107,-0.01118,0.03263,-0.00562,0.08556,0.03108,-0.06014,0.00337,0.00718,-0.07629,0.07933,-0.01186,-0.01839],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Keyboard map","excerpt":"Keyboard map"},{"chunkId":"/examples/accessibility#4","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.00529,-0.07531,-0.06291,0.05624,-0.0272,0.03519,0.02652,-0.02305,0.10271,0.03214,0.01979,0.02222,-0.01829,-0.05132,-0.00282,0.0227,-0.09296,-0.00949,-0.04058,-0.01334,-0.00824,-0.05072,0.0099,-0.03147,0.00805,0.01653,0.00695,-0.02529,-0.02847,-0.07504,-0.01855,0.07149,-0.08334,0.04264,-0.07943,0.03718,-0.01738,-0.02302,-0.06591,-0.03698,0.06413,0.04312,0.02829,-0.04988,-0.00348,0.02563,-0.13707,-0.01479,0.00334,0.0601,-0.09523,-0.02036,-0.07737,0.10926,0.04066,0.06357,0.02035,-0.04557,0.00171,0.02164,0.04792,-0.02192,-0.02735,0.03202,-0.00183,0.05276,-0.05379,-0.01783,0.02316,0.01285,0.01082,-0.06142,-0.05346,-0.05726,0.05724,-0.01372,-0.02462,0.04594,-0.00358,-0.02623,0.04554,0.06578,-0.01982,0.07634,-0.00866,0.06436,-0.03751,-0.08633,0.07794,0.01366,-0.04602,-0.00035,0.00826,-0.01721,0.05826,-0.03544,0.03626,-0.01172,-0.07242,0.05548,0.01448,-0.00522,0.01384,0.01507,-0.04433,-0.01176,0.0183,-0.01278,-0.05247,-0.03176,-0.03588,-0.01109,-0.01773,-0.01354,-0.10321,0.03578,-0.0129,0.03165,0.08462,0.14237,-0.05831,-0.02102,-0.06992,-0.01765,0.00848,-0.01897,-0.05849,0,0.0022,-0.04171,-0.01966,-0.01955,0.09533,0.02637,-0.02611,-0.03028,-0.03564,0.05367,-0.04572,-0.01424,-0.05015,-0.00424,-0.02439,-0.11343,0.02233,0.06283,-0.04503,-0.0129,0.09401,-0.03119,-0.06457,-0.03991,0.09705,0.07725,-0.05992,0.06072,-0.00461,0.03723,-0.03293,0.05897,-0.05298,-0.02786,-0.03806,-0.00801,-0.00827,-0.06423,-0.00931,-0.02415,-0.02816,-0.07282,-0.09226,-0.01808,-0.01297,-0.0524,-0.04557,0.0143,0.03782,0.05829,0.04298,0.00423,-0.01892,-0.03081,0.00673,-0.10255,-0.08875,0.12258,-0.01308,0.16,-0.00677,0.07692,-0.02885,0.03863,0.09156,0.04885,-0.06202,-0.01571,0.08824,-0.0839,-0.12041,0.03391,0.03246,-0.01482,-0.01092,-0.0736,-0.06155,-0.02142,0.03907,-0.01502,-0.06091,-0.03626,-0.03948,0.06234,0.05796,-0.07735,0.01694,-0.08096,-0.067,-0.01344,0.06448,0.05236,0.06732,-0.01313,0.00753,0,-0.02983,0.0355,-0.01167,0.02717,-0.02231,-0.01311,0.05288,-0.00648,0.03719,-0.03553,0.04101,0.09117,0.02076,-0.04989,0.06551,0.05628,0.02005,-0.08088,-0.06924,0.04288,0.01566,-0.00697,-0.02882,-0.02264,-0.03372,0.00054,0.08929,0.06195,0.02485,-0.02472,0.02388,0.03435,-0.08029,-0.01245,0.0183,-0.03216,-0.01253,0.08015,-0.02143,-0.01526,0.06337,0.02949,-0.012,0.02409,0.01459,0.07165,-0.04338,0.02188,-0.05779,0.01377,-0.02152,-0.03238,-0.01862,-0.04587,-0.06216,0.09513,0.09749,0.00354,0.02383,-0.08033,0.06248,-0.06208,0.04723,0.01638,0.13454,0.0016,-0.01562,0.01024,-0.00988,0.04103,-0.00016,0.07823,0.03234,-0.01939,0.09894,0.01242,0.0417,-0.06976,0.00344,-0.01357,0.00001,0.10442,0.01547,-0.02674,0.02273,0.05417,-0.09629,0.02029,0.06422,0.09536,-0.06175,-0.04387,0.03016,-0.01392,-0.04516,0,-0.10101,0.00976,-0.07921,0.01951,0.09116,-0.00004,-0.01737,0.10225,-0.01168,-0.01993,-0.0141,0.14147,-0.04697,-0.00066,0.09997,0.01631,0.04288,-0.02669,-0.03521,-0.01277,-0.02165,-0.04269,0.00883,0.11931,0.00866,-0.08722,0.00462,0.05655,0.00211,-0.0407,0.00696,-0.03615,0.04199,0.10858,-0.09311,0.03794,-0.00598,0.01994,-0.05025,0.05019,0.04961,0.01605,-0.0163,-0.03009,-0.11888,0.06268,0.04379,0.00681,-0.01321,0.04949,-0.08757,0.01803,-0.04418,0.00243,-0.03457,-0.00289,0.02201,-0.03422,-0.02164,0.00341,-0.05704,0.10492,-0.01081,-0.02767],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. - Tab — enters the flow (the host is the single tab stop); Tab again leaves it. A click inside the flow also activates the keyboard layer from the clicked item. - Arrow keys — move the selection to the nearest item in that direction. Navigation is spatial (edge-based, so wide and tall nodes resolve correctly) and travels over nodes AND connections — walking a chain reads node → connection → node; the opposite arrow returns to where you came from. - Shift + arrow — extends the selection instead of replacing it; Home / End — first / last node. - Ctrl/Cmd + arrow — topology walk: the connection leading that way is selected first, the next press lands on the node at its other end. - Ctrl/Cmd + A — select all; Escape — clear the selection or cancel the active mode. - Space — move the selection (a pointer drag and a keyboard move emit the same fMoveNodes): hold it and use arrows, release to drop; or tap to grab and tap again to drop — for users who cannot hold two keys at once. Shift + arrow moves in coarse steps, Escape reverts. - C — start a connection; requires exactly one selected node. The proposal defaults to the nearest connector on another node that is not already connected to the source; arrows move between targets spatially with the usual preview and snapping, Enter emits fCreateConnection, Escape cancels. All connection rules (fConnectorDisabled, fCanBeConnectedTo, categories, multiplicity) apply exactly as in the drag gesture. - Delete / Backspace — emits fDeleteSelected with the selected nodeIds/groupIds/connectionIds; removing them from your data is up to you, as always. - + / - / 0 — zoom in, out, and reset, with the level announced. f Move Nodes f Create Connection f Connector Disabled f Can Be Connected To f Delete Selected node Ids group Ids connection Ids","excerpt":"- Tab — enters the flow (the host is the single tab stop); Tab again leaves it. A click inside the flow also activates the keyboard layer from the clicked item. - Arrow keys — move the selection to the nearest item in that direction. Navigation is spatial (edge-based, so wide and tall nodes resolve correctly) and travels over nodes AND connections — walking a chain reads node → connection → node; the opposite arrow returns to where you came from. - Shift + arrow — extends the selection instead of replacing it; Home / End — first / last node. - Ctrl/Cmd + arrow — topology walk: the connection leading that way is selected first, the next press lands on the node at its other end. - Ctrl/Cmd + A — select all; Escape — clear the selection or cancel the active mode. - Space — move the selection (a pointer drag and a keyboard move emit the same fMoveNodes): hold it and use arrows, release to drop; or tap to grab and tap again to drop — for users who cannot hold two keys at once. Shift + arrow moves in coarse steps, Escape reverts. - C — start a connection; requires exactly one selected node. The proposal defaults to the nearest connector on another node that is not already connected to the source; arrows move between targets spatially with the usual preview and snapping, Enter emits fCreateConnection, Escape cancels. All connection rules (fConnectorDisabled, fCanBeConnectedTo, categories, multiplicity) apply exactly as in the drag gesture. - Delete / Backspace — emits fDeleteSelected with the selected nodeIds/groupIds/connectionIds; removing them from your data is up to you, as always. - + / - / 0 — zoom in, out, and reset, with the level announced."},{"chunkId":"/examples/accessibility#5","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.05763,-0.05056,-0.03589,0.02907,-0.02919,0.05964,0.02522,0.04633,0.0696,0.06726,-0.02593,0.07324,-0.03724,0.00496,0.0769,-0.00785,-0.04017,0.00563,0.01394,-0.01856,-0.05302,0.00429,0.00082,-0.00166,-0.00954,0.02532,0.00414,-0.02812,0.00222,-0.0777,-0.07405,0.04518,0.00775,0.02589,-0.12763,0.07505,-0.008,-0.02846,-0.06558,-0.04486,0.001,0.01461,0.03008,-0.00649,-0.01116,-0.04661,-0.07585,-0.02962,-0.07325,0.1075,-0.10603,-0.09361,-0.035,0.06,0.01026,-0.04466,0.01177,-0.04362,0.08012,0.01234,0.00004,0.0178,0.00926,0.08059,-0.03765,0.06393,-0.0816,0.03896,0.03417,-0.04388,0.01925,-0.09401,-0.02468,-0.08174,0.03198,-0.07372,-0.03114,0.00806,-0.028,-0.01271,0.02811,0.03753,-0.01001,0.08204,0.01048,0.13167,0.00431,-0.01852,0.06707,-0.02118,-0.02891,-0.03088,0.09611,-0.05372,0.0876,-0.04349,0.01531,-0.04626,-0.13691,0.04199,0.02743,-0.01709,0.07974,0.02566,-0.00896,-0.02501,0.0691,-0.0541,-0.03795,-0.01975,-0.04604,-0.0216,0.01762,-0.04132,-0.06409,-0.01373,-0.05323,-0.0268,0.03334,0.16708,-0.02502,-0.00504,-0.02646,-0.0661,0.01078,-0.00146,-0.02577,0,0.04365,0.04204,-0.03024,0.05403,0.05116,-0.01628,-0.00576,-0.08353,0.00486,-0.00536,0.03399,0.00428,-0.08163,0.12367,0.01404,-0.05023,-0.03011,0.08268,-0.02051,-0.00638,0.07706,-0.00262,-0.07071,0.03159,0.07264,0.11108,-0.05463,0.02737,0.01205,0.0343,-0.01538,-0.01493,-0.01887,-0.01477,-0.03205,-0.00998,-0.03882,-0.09047,0.02991,-0.05926,-0.03524,-0.09019,-0.09888,-0.01692,0.00992,-0.04162,-0.05217,0.04236,0.02069,0.02861,-0.01705,0.07122,-0.01838,0.02394,0.00518,-0.06669,-0.06637,0.08048,0.04529,0.10973,0.00836,0.12212,0.01766,-0.02936,0.01293,0.01504,-0.01971,-0.03247,0.08998,-0.06027,-0.10886,0.00041,-0.07224,0.08496,-0.01517,-0.05154,-0.02814,-0.05867,0.03868,-0.01527,-0.06459,-0.10466,0.0126,0.08608,0.09194,-0.07405,-0.01281,-0.10339,-0.0695,0.00547,0.06975,0.0327,-0.00142,-0.02964,0.03779,0,-0.05251,0.0428,-0.04737,0.05004,-0.06471,-0.01634,0.00399,0.02261,0.02665,-0.04622,0.03588,0.09891,0.06403,-0.04476,0.05144,-0.01229,0.01726,-0.06705,0.01515,-0.02224,0.04919,-0.07607,-0.03723,-0.00032,-0.06377,0.07009,-0.01232,0.02268,0.00377,-0.00511,-0.00833,0.07346,-0.07414,-0.01592,-0.04159,-0.03002,0.03094,0.08311,-0.06625,-0.03296,0.06947,0.00548,0.05908,0.05516,-0.03817,0.02969,-0.07995,-0.03361,-0.0083,-0.01747,-0.02997,0.00577,0.00173,-0.09348,-0.05506,0.06248,0.08483,-0.00446,0.00616,-0.03295,0.00679,-0.03034,0.02468,0.0045,0.04414,-0.02234,-0.0134,-0.00956,-0.0001,0.0363,0.10096,0.03821,0.00929,-0.02179,0.07801,0.05148,0.10259,-0.01773,0.03038,-0.03508,0.03887,0.11886,0.05706,-0.03385,0.02991,0.0467,-0.13278,-0.04333,0.02022,0.05447,-0.07948,0.0404,-0.00569,0.02594,-0.00776,0,-0.09546,0.02197,0.01834,-0.01881,0.01174,-0.01019,-0.05334,0.04454,0.01913,-0.00648,-0.02244,0.07793,-0.03886,-0.05035,0.06187,0.05954,0.00662,0.04082,-0.03797,-0.06805,0.05646,0.01109,0.0192,0.08305,-0.02072,-0.01909,-0.01332,0.03305,0.02188,0.02986,0.01651,0.00589,0.07858,0.04392,-0.0703,-0.02052,-0.0424,-0.01351,-0.04776,-0.0428,0.05873,-0.02549,-0.02879,-0.04949,-0.12043,0.0914,0.06349,-0.03664,-0.04631,-0.01561,-0.09091,0.02526,-0.00035,0.05378,-0.00116,0.06181,0.04409,-0.0278,0.02712,-0.02824,-0.05377,0.03553,0.01231,0.0177],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Typing is never hijacked: keys pressed inside input, textarea, select, buttons, links, [contenteditable] or any focusable custom widget stay where they belong, and single-character shortcuts yield to OS combos (Ctrl/Cmd+C stays copy).","excerpt":"Typing is never hijacked: keys pressed inside input, textarea, select, buttons, links, [contenteditable] or any focusable custom widget stay where they belong, and single-character shortcuts yield to OS combos (Ctrl/Cmd+C stays copy)."},{"chunkId":"/examples/accessibility#6","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.04453,-0.05895,-0.05072,0.00109,-0.02593,0.0712,-0.00724,0.04061,0.07633,0.03606,-0.01013,0.0126,-0.02493,0.04158,0.09083,-0.01777,-0.03416,0.00817,0.03333,-0.03667,-0.05427,-0.0223,0.02022,-0.01604,0.0014,0.05759,0.00163,-0.00948,0.03368,-0.04508,-0.03703,0.03677,-0.01253,0.04113,-0.1119,0.08213,0.0261,-0.00421,-0.11566,-0.04088,0.01051,0.01538,0.04389,-0.03224,0.00084,-0.01418,-0.10845,-0.039,-0.07336,0.09768,-0.11299,-0.12547,-0.02577,0.06331,0.02946,0.00899,0.01227,-0.07425,0.02801,-0.01242,0.00321,0.0068,0.01166,0.07248,-0.02147,0.05242,-0.07286,0.0529,0.04056,-0.07669,-0.01884,-0.07662,0.01726,-0.08544,0.00406,-0.07237,-0.03334,0.01888,-0.0071,-0.0418,0.02058,0.06695,-0.01219,0.07073,-0.03858,0.0952,0.01191,-0.04065,0.02369,-0.01058,0.00289,-0.01814,0.03214,-0.06268,0.08899,-0.04128,-0.0157,-0.04705,-0.12244,0.02313,0.00796,-0.04755,0.07587,-0.00825,-0.02094,-0.04455,0.03837,-0.03719,-0.04189,-0.05592,-0.04428,-0.02923,0.00069,-0.06761,-0.05696,-0.01649,-0.04342,-0.03719,0.09781,0.13772,-0.01966,0.00243,-0.03738,-0.0375,0.03118,-0.00851,-0.03235,0,0.04124,0.03045,-0.02254,0.04022,0.08065,-0.01435,-0.00266,-0.07994,0.02389,-0.00362,-0.00306,0.04173,-0.09265,0.09242,0.0147,-0.06467,-0.0309,0.07118,-0.0126,-0.00648,0.07902,-0.05209,-0.03565,0.02874,0.07096,0.11008,-0.02995,0.02583,-0.03297,0.02497,0.0252,0.00246,-0.04239,-0.00642,-0.03771,-0.04428,-0.05507,-0.06737,0.03235,-0.02036,-0.04211,-0.08984,-0.09961,-0.00879,0.00099,-0.01508,-0.0659,0.03049,0.07179,0.01713,0.03323,0.06845,-0.01829,-0.02853,0.04734,-0.08694,-0.06727,0.11722,0.01992,0.10445,0.01934,0.13708,0.00923,-0.03438,0.05648,0.02639,-0.01829,-0.02878,0.09962,-0.06238,-0.12512,0.01832,-0.02446,0.0728,0.0296,-0.05057,-0.04506,-0.05245,0.03375,-0.01725,-0.08337,-0.07931,0.02851,0.08897,0.09142,-0.04443,0.00694,-0.07432,-0.07029,-0.00818,0.03083,0.02861,0.00004,0.00696,0.04125,0,-0.05069,0.03061,-0.04061,0.0382,-0.03665,-0.0387,0.0379,-0.0093,0.04701,0.02187,0.04541,0.09288,0.04562,-0.03607,0.07607,-0.00268,-0.02222,-0.10522,0.03021,0.01235,0.02613,-0.00665,-0.05793,-0.01035,-0.05576,0.04997,0.03059,0.00583,0.02964,-0.02694,-0.02117,0.02378,-0.04928,-0.02005,-0.0462,-0.04112,0.02899,0.02936,-0.06705,-0.02817,0.06491,-0.00695,0.02044,0.03843,-0.04509,0.05285,-0.0617,0.01361,-0.04009,-0.0413,-0.01692,0.00008,0.00466,-0.09188,-0.04262,0.07828,0.07891,-0.00083,0.01185,-0.04929,-0.01441,-0.03447,0.03821,-0.01946,0.04806,0.02462,-0.00015,-0.01648,-0.00439,0.03969,0.07933,0.03833,0.00077,0.0022,0.07842,0.07579,0.09844,-0.02968,0.03441,-0.01733,-0.0122,0.10848,0.03933,-0.00719,0.10678,0.05617,-0.12079,-0.03542,0.05123,0.06386,-0.05386,0.03636,-0.00454,0.05447,0.00052,0,-0.08349,0.02863,0.02042,-0.0557,0.00384,-0.01403,0.01122,0.03105,0.00353,0.00209,-0.0137,0.09951,-0.03394,-0.01303,0.07671,0.07421,0.01929,0.06656,-0.02659,-0.07949,0.05883,0.0023,0.03353,0.08451,0.00623,-0.02609,-0.01606,0.0389,0.00561,-0.03616,0.04329,-0.00555,0.10117,0.05956,-0.02612,0.01488,-0.06674,-0.00963,-0.04521,-0.03154,0.04329,-0.02938,-0.02793,-0.04813,-0.09576,0.11339,0.02475,-0.06216,-0.07503,0.01165,-0.12277,0.01122,-0.019,0.0571,-0.00699,0.06851,0.02739,-0.06769,0.01022,-0.00685,-0.08876,0.07415,0.01017,-0.00829],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Usage Semantics need no setup. The keyboard layer turns on with the feature:","excerpt":"Usage Semantics need no setup. The keyboard layer turns on with the feature:"},{"chunkId":"/examples/accessibility#7","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.02644,-0.04014,-0.02148,0.01969,-0.01481,0.08181,0.03349,-0.01742,0.11041,0.04537,0.01812,0.04446,-0.01706,0.00147,0.04149,-0.00295,-0.03981,-0.01352,-0.02086,-0.00713,-0.02315,-0.06078,0.02662,0.01142,0.03449,0.05313,-0.00967,-0.03275,0.03731,-0.06802,-0.04921,0.00985,-0.01035,0.03221,-0.12642,0.10559,0.03405,-0.01625,-0.08097,-0.01723,0.01644,0.01846,0.01173,-0.05065,0.00545,0.03404,-0.08462,-0.0113,-0.09217,0.12527,-0.0923,-0.07751,-0.0362,0.05773,0.03309,-0.03375,-0.00642,-0.051,0.07865,-0.02566,0.00972,0.0142,-0.00577,0.07137,-0.01971,0.06924,-0.06984,-0.02516,0.01437,-0.02099,0.01734,-0.10155,0.01373,-0.07547,0.00682,-0.06714,-0.05283,0.0147,-0.01734,-0.01795,0.04606,0.01069,-0.0053,0.09676,-0.01358,0.1139,-0.03389,-0.04298,0.01613,-0.01233,-0.06309,-0.07683,0.03707,0.00383,0.07792,-0.03375,-0.0486,-0.04433,-0.11702,0.02378,0.04329,-0.0165,0.06279,-0.00396,-0.01777,-0.02167,0.00994,-0.05332,-0.08027,0.01342,-0.04941,-0.00151,0.02754,-0.02119,-0.06838,0.00355,-0.04607,-0.01248,0.04752,0.11401,0.00084,-0.00525,-0.01477,-0.0249,0.0069,-0.00024,-0.04746,0,0.05352,0.01985,-0.01851,0.03093,0.06234,0.01812,-0.02042,-0.09194,0.03356,0.01943,0.0289,0.01909,-0.05082,0.06102,0.04168,-0.06912,0.03257,0.06156,0.01791,-0.01373,0.05342,-0.04041,-0.07644,0.02071,0.07731,0.10198,-0.0671,0.04727,-0.0823,0.02057,0.01641,0.00833,-0.02395,-0.02102,-0.01653,-0.04679,-0.05112,-0.07676,0.00362,-0.03509,-0.0627,-0.09208,-0.13883,-0.02415,0.00648,-0.01674,-0.05463,0.01427,0.06079,-0.00374,0.03302,0.0804,-0.01952,-0.03946,0.04767,-0.08234,-0.05841,0.0748,-0.01459,0.08737,-0.02053,0.07567,0.0521,-0.01718,0.05809,0.02043,-0.07591,-0.02892,0.06227,-0.08759,-0.10695,-0.01378,0.01312,0.06957,0.00735,-0.04283,-0.03488,-0.06183,0.07613,-0.02739,-0.08622,-0.05234,0.02916,0.09069,0.10097,-0.07246,0.0091,-0.07927,-0.05165,0.01876,0.02016,0.03291,-0.03927,-0.00871,0.00865,0,-0.02239,0.07152,-0.0753,0.06762,-0.10036,-0.00173,0.04235,0.04268,0.0934,-0.01944,0.03527,0.08164,0.02741,-0.03302,0.04752,0.00059,0.00613,-0.03817,0.04811,-0.03675,0.04224,-0.02101,-0.08816,0.03002,-0.0636,0.05616,0.03032,-0.00202,0.01139,-0.03088,0.00222,0.05297,-0.04607,0.00089,-0.04725,-0.06517,0.00666,0.04456,-0.04354,0.01025,0.08127,0.01407,0.02015,0.03463,-0.02967,0.0526,-0.03815,-0.01038,-0.03506,-0.02962,0.01106,-0.01046,-0.00625,-0.08654,-0.07055,0.06264,0.06159,-0.0045,0.02327,-0.05276,0.02456,-0.01405,0.02557,-0.00764,0.06016,0.01786,-0.00554,0.01041,0.05311,0.01566,0.0974,-0.00568,0.01136,0.00189,0.08643,0.04212,0.08521,-0.06467,0.02238,-0.03971,0.00448,0.10388,0.03821,-0.00296,0.05981,0.09575,-0.14966,0.0028,0.04407,0.08271,-0.04006,0.03159,0.01868,0.01069,0.00664,0,-0.09584,0.05818,-0.02,-0.06614,-0.003,-0.00279,0.00377,0.03856,0.02802,-0.05497,-0.00092,0.12114,-0.05158,-0.06719,0.07013,0.04257,-0.00229,0.04356,-0.05214,-0.0681,0.05921,0.00251,0.00126,0.06928,-0.0401,-0.06975,-0.01199,0.05733,0.0048,-0.00358,0.00718,-0.01168,0.07817,0.05464,-0.08315,-0.00631,-0.02204,-0.0555,0.00554,0.01223,0.04826,-0.04733,-0.03953,-0.04177,-0.15548,0.1296,0.03322,-0.05342,-0.07405,0.0188,-0.0941,0.03687,-0.03042,0.06351,-0.00211,0.04643,0.0354,-0.02767,0.02253,-0.01134,-0.06439,0.04228,-0.02382,-0.03978],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. - keyboard: false — keeps the keyboard layer off while still customizing messages/semantics. - moveStep / coarseMoveStep — the arrow and Shift+arrow movement steps in canvas units. - keys — key bindings per action (grab, connect, deleteSelected, selectAll, zoomIn, zoomOut, zoomReset) as KeyboardEvent.key values; an empty array disables the action. Arrows, Enter and Escape are fixed. - messages — the full catalog of announcements and attached strings (IFA11yMessages), for localization or rewording; defaults are exported as FDEFAULTA11YMESSAGES. move Step coarse Move Step delete Selected select All zoom In zoom Out zoom Reset Keyboard Event IFA11y Messages","excerpt":"- keyboard: false — keeps the keyboard layer off while still customizing messages/semantics. - moveStep / coarseMoveStep — the arrow and Shift+arrow movement steps in canvas units. - keys — key bindings per action (grab, connect, deleteSelected, selectAll, zoomIn, zoomOut, zoomReset) as KeyboardEvent.key values; an empty array disables the action. Arrows, Enter and Escape are fixed. - messages — the full catalog of announcements and attached strings (IFA11yMessages), for localization or rewording; defaults are exported as FDEFAULTA11YMESSAGES."},{"chunkId":"/examples/accessibility#8","slug":"accessibility","route":"/examples/accessibility","section":"examples","title":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow","description":"Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow.","group":"Editor Helpers","vector":[-0.04846,-0.04468,-0.0772,0.02481,0.00055,0.06638,0.00409,0.00524,0.03078,-0.00803,-0.02059,0.0104,-0.02595,0.00955,0.08096,-0.00036,-0.02869,0.02102,0.05397,-0.02786,-0.03898,0.031,0.01133,-0.00841,-0.01233,0.05855,-0.02458,-0.009,0.05757,-0.08161,-0.03148,0.03902,-0.0002,0.03771,-0.09105,0.08326,0.00911,0.00749,-0.10548,-0.0116,0.01848,0.03719,0.03234,-0.02176,-0.02316,-0.03553,-0.08807,-0.06078,-0.06598,0.10517,-0.11404,-0.1338,-0.05439,0.03262,0.01466,0.00372,0.03926,-0.07456,0.04093,0.02269,-0.01385,0.01265,0.02133,0.07981,-0.02154,0.08341,-0.03878,0.04035,0.00775,-0.06196,-0.00556,-0.04884,0.04786,-0.05015,-0.00582,-0.03938,-0.05312,0.03726,-0.03783,-0.05293,-0.01757,0.06691,-0.03231,0.09222,-0.03754,0.14182,-0.00887,-0.02215,0.03077,0.00935,-0.01607,-0.04848,0.02123,-0.05135,0.06955,-0.02786,0.03113,-0.07263,-0.12051,0.02,-0.00623,-0.01743,0.05025,0.0152,-0.02245,-0.04594,0.02979,-0.05228,-0.03883,-0.00869,-0.00751,-0.0193,-0.01572,-0.07357,-0.06548,-0.05303,-0.05428,-0.08168,0.11724,0.13089,-0.03543,0.02518,-0.00292,-0.03601,0.02229,-0.00075,-0.0703,0,0.03627,0.0446,-0.02379,0.05059,0.08606,-0.03582,-0.03485,-0.08165,0.00423,-0.03382,0.06283,0.06599,-0.08488,0.03919,0.0174,-0.05833,-0.02969,0.09966,-0.03545,-0.01296,0.02875,-0.04596,-0.04382,0.05037,0.03814,0.09597,-0.05807,0.03688,-0.00449,0.02354,0.03962,-0.00849,0.03723,-0.00012,-0.02773,-0.07384,-0.04425,-0.0841,0.02604,-0.02278,-0.05427,-0.06749,-0.06558,-0.02368,-0.00622,-0.0183,-0.05452,0.01123,0.036,-0.0049,-0.01104,0.07727,-0.0505,-0.05498,0.01112,-0.07656,-0.07084,0.11634,-0.01236,0.0805,0.028,0.12781,0.03055,-0.04027,0.03472,0.04806,-0.03514,-0.03936,0.12344,-0.06933,-0.11451,0.01574,-0.02058,0.11213,0.02247,-0.04257,-0.04555,-0.03762,0.04904,-0.00754,-0.12088,-0.05741,0.02908,0.09872,0.07489,-0.07979,0.01918,-0.07954,-0.0917,-0.03588,0.0619,0.05103,-0.02781,-0.03483,0.02508,0,-0.01793,-0.00263,-0.00698,0.02637,-0.01798,-0.05166,0.02197,0.00538,0.1181,0.02785,0.00991,0.10188,0.0263,-0.07318,0.0622,-0.00729,-0.00482,-0.09747,0.01477,0.02515,0.04099,0.0109,-0.04799,-0.0306,-0.00551,0.04449,0.02052,-0.01355,0.01282,-0.06262,-0.03195,0.04235,-0.04823,-0.0255,-0.01697,-0.05987,0.02884,0.02226,-0.08868,0.01162,0.08007,0.03461,0.0145,0.00602,-0.02556,0.05899,-0.06551,-0.00721,-0.02248,-0.03953,-0.02026,-0.01899,0.02543,-0.06478,-0.02997,0.07187,0.1009,0.02317,0.04075,-0.02966,-0.00093,-0.03822,-0.02195,0.02472,0.01321,0.01071,-0.03397,-0.06126,0.00597,0.003,0.05871,-0.00251,-0.00717,-0.01174,0.05766,0.07655,0.10562,-0.01411,0.00216,-0.03131,0.0025,0.149,-0.00079,0.03463,0.13327,0.02699,-0.08059,-0.03833,0.04366,0.05109,-0.08278,0.05186,-0.02479,0.05767,-0.03058,0,-0.11143,0.00797,-0.00512,-0.03703,0.0256,0.00299,-0.02524,0.03657,0.00064,0.04121,0.0207,0.04949,-0.008,-0.01539,0.06426,0.0321,0.03865,0.05863,-0.03731,-0.02435,0.02309,0.01875,0.03758,0.08592,-0.00622,-0.03477,-0.0229,-0.00546,0.01674,0.00206,0.02492,0.01907,0.09015,0.07729,-0.04467,0.03052,-0.06102,-0.00104,-0.00509,0.07338,0.04155,-0.03931,-0.04266,-0.03849,-0.07259,0.11865,0.03624,-0.03302,-0.05152,-0.00957,-0.09259,-0.00487,-0.00266,0.03317,0.01223,0.05238,0.02595,-0.05188,0.00691,-0.00497,-0.06014,0.08422,0.04542,0.01365],"keywords":"Angular Diagram Example – Accessible Flow Editor with Foblex Flow Angular Diagram Example – Accessible Flow Editor with Foblex Flow Keyboard-operable flow editor: spatial navigation, topology walk along connections, grab-and-move, keyboard connection creation, and screen-reader announcements — built into every flow. Give nodes an accessible name with a plain aria-label — the library never overrides attributes you set yourself, it only fills the gaps: The full reference — semantics details, screen-reader behavior, and every configuration option — lives in the Accessibility guide.","excerpt":"Give nodes an accessible name with a plain aria-label — the library never overrides attributes you set yourself, it only fills the gaps: The full reference — semantics details, screen-reader behavior, and every configuration option — lives in the Accessibility guide."},{"chunkId":"/examples/help-in-positioning#0","slug":"help-in-positioning","route":"/examples/help-in-positioning","section":"examples","title":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated)","description":"Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead.","group":"Editor Helpers","vector":[-0.08866,0.01863,-0.06603,-0.02484,0.01921,0.0659,-0.1104,0.04642,-0.02829,0.02817,0.03952,0.06458,-0.02205,0.02665,-0.01233,0.04168,-0.06423,0.01309,0.06507,-0.04957,-0.11229,-0.03222,0.06627,-0.00857,0.01846,0.00439,0.02125,0.04171,0.01854,-0.10338,-0.01166,0.03219,-0.03569,0.07483,-0.11488,0.09559,-0.00556,0.06496,-0.03469,-0.05058,0.02552,0.05548,0.04569,-0.13276,0.03797,-0.02013,-0.07847,-0.00959,0.01721,0.03654,-0.05619,-0.10062,-0.02901,0.00199,0.04751,0.01536,0.03247,-0.04974,0.02897,-0.00876,0.1106,0.02806,0.0042,-0.00202,0.03436,0.0334,-0.03308,0.0412,-0.03972,-0.03061,-0.04515,-0.07176,-0.03951,-0.03418,-0.02017,0.07394,-0.00454,0.05647,-0.03474,-0.04105,-0.0306,0.11314,0.01691,0.10025,-0.03664,0.07583,-0.05737,-0.08467,0.06297,-0.06334,0.05848,-0.04448,-0.0319,0.05977,0.03482,0.03606,-0.03547,0.00205,-0.11648,-0.00356,0.049,-0.03208,0.00619,-0.01956,-0.07819,-0.03478,-0.00181,0.01158,0.00076,-0.03103,-0.00428,0.01477,-0.15083,-0.06107,-0.08897,-0.0875,-0.03989,-0.02846,0.01342,0.00728,-0.00449,0.05708,-0.01845,-0.0112,0.03118,-0.00597,-0.04941,0,-0.02224,0.06295,0.03377,0.0844,0.07368,-0.0267,-0.08604,-0.00264,0.06567,0.03667,0.04176,0.02714,-0.03248,-0.05089,-0.04513,-0.15465,0.00679,0.00152,-0.11038,-0.00834,-0.01929,-0.00276,-0.04281,0.01145,0.03969,0.0827,0.06221,0.03951,-0.06467,-0.02246,0.08152,-0.01283,0.01767,0.0019,0.01395,-0.00182,-0.03033,-0.06145,-0.02634,-0.05959,0.09132,0.00784,-0.06641,0.06322,0.06916,0.00085,0.04508,-0.02652,0.13339,0.04936,-0.05922,0.05058,-0.06117,-0.00625,0.04236,-0.04181,-0.00585,0.05426,-0.01261,0.01502,0.03419,-0.04195,0.02506,-0.07494,0.02823,-0.01936,-0.08458,-0.0552,0.11808,0.01177,-0.02952,0.03135,0.07372,0.13172,-0.03361,-0.01447,-0.07203,0.03515,0.07283,-0.04454,-0.03844,-0.02711,-0.01898,0.02335,0.04479,-0.12133,0.03906,-0.01449,0.08218,0.05708,0.02862,0.09659,-0.0084,0.0321,0.02341,0,-0.07512,0.03188,0.05142,-0.00656,-0.02926,-0.02639,-0.00945,0.01778,0.02005,0.09668,0.01397,-0.03261,0.01265,0.0118,-0.00587,0.05886,-0.08458,-0.04723,0.02511,0.01163,0.0551,0.10292,0.01261,0.03512,0.01721,0.08581,0.02396,-0.0437,0.01243,-0.05138,-0.0237,-0.03264,0.00643,0.02302,-0.07322,-0.06962,-0.01241,0.01753,0.00235,-0.10653,0.0209,0.07528,-0.0108,-0.0452,-0.03258,-0.03674,-0.00593,0.01112,-0.00456,0.00626,-0.04869,-0.03732,0.03894,-0.05319,-0.03357,0.00118,0.02486,0.00152,0.08413,-0.01868,0.02566,-0.05731,0.02236,-0.0484,0.00701,0.04437,0.10645,-0.01178,-0.03002,0.05034,0.0214,0.04902,-0.03423,-0.0568,0.04067,0.01535,0.08405,-0.03964,0.0089,-0.132,-0.021,0.00041,-0.10708,0.04218,0.04083,0.01148,0.00577,-0.00391,0.00097,0.04419,-0.07186,-0.0291,-0.01928,0.06954,0.02413,0,-0.06286,0.06144,-0.01835,0.02566,0.00803,-0.03473,0.03683,0.04056,-0.01539,-0.01392,-0.03276,0.05086,-0.02701,-0.00483,0.10062,0.03688,-0.07459,0.05908,-0.02669,0.04226,0.01503,0.03292,0.0684,0.09573,-0.04264,0.06016,-0.03375,0.10426,0.01871,-0.05658,-0.02671,0.02354,0.13868,-0.03667,0.00929,-0.01979,-0.10456,0.03101,0.02148,0.06366,-0.00391,0.00381,0.0079,0.01116,-0.04048,0.01601,-0.0386,0.00583,-0.05702,-0.02251,-0.04041,-0.03993,0.0042,-0.04633,-0.0231,0.03209,0.06165,-0.05106,0.02609,0.00619,0.00566,0.0234,-0.04958,-0.02295],"keywords":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead. Help in Positioning (Deprecated)","excerpt":"Help in Positioning (Deprecated)"},{"chunkId":"/examples/help-in-positioning#1","slug":"help-in-positioning","route":"/examples/help-in-positioning","section":"examples","title":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated)","description":"Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead.","group":"Editor Helpers","vector":[-0.11083,0.00541,-0.08008,-0.05179,-0.01825,0.07869,-0.07662,0.0898,-0.01877,0.00493,-0.00681,0.03318,-0.04755,0.0093,0.00257,0.04015,-0.08587,0.03797,0.05596,0.01215,-0.09463,-0.03503,0.03306,-0.01479,-0.02253,0.01884,0.03466,0.02159,0.01421,-0.10773,0.01826,0.05452,-0.0405,0.09639,-0.09147,0.08162,-0.01289,0.06736,-0.07285,-0.05286,0.05552,0.04928,0.04159,-0.12008,0.02049,0.02224,-0.03118,-0.01307,0.0148,0.07234,-0.08821,-0.07099,-0.05794,0.03748,0.05814,0.05011,0.07722,-0.07856,0.0401,-0.00986,0.10445,0.0121,0.0027,0.01427,0.02346,0.00264,-0.07598,0.06513,-0.0369,-0.04479,-0.05859,-0.03242,-0.02099,-0.01812,-0.00065,0.05394,0.00579,0.06988,-0.03179,-0.0355,-0.05902,0.08625,0.00364,0.06161,-0.03106,0.07297,-0.02687,-0.10654,0.0651,-0.02945,0.06085,-0.00583,-0.02551,0.01595,0.06882,0.01861,-0.01171,-0.00578,-0.12566,0.00544,0.04094,-0.04141,0.0337,-0.00261,-0.06047,-0.04298,0.0084,-0.02132,-0.02732,-0.05056,-0.04012,0.01206,-0.1325,-0.06988,-0.07669,-0.11483,-0.02264,-0.04296,0.04773,-0.01496,0.00108,0.04118,-0.00294,0.02137,0.05485,0.004,-0.03233,0,-0.03142,0.06602,0.02736,0.06604,0.05591,-0.0224,-0.07657,-0.03338,0.0803,0.0679,0.01304,0.00925,-0.02577,-0.03373,-0.07489,-0.1413,-0.04189,0.00468,-0.11101,0.03055,0.01598,-0.04554,-0.02993,-0.00259,0.04228,0.07236,0.03158,0.02181,-0.0729,-0.01148,0.07808,-0.03874,-0.00157,0.00559,0.02562,0.0079,-0.02733,-0.08052,-0.03084,-0.07009,0.06393,0.00679,-0.06799,0.00509,0.07044,-0.02153,0.0037,0.00285,0.12383,0.05791,-0.02243,0.02954,-0.00817,-0.00804,0.06101,-0.06461,-0.02946,0.07743,-0.03879,0.02838,0.00767,-0.0523,0.0215,-0.07436,0.04332,0.02356,-0.03118,-0.02363,0.13525,-0.00812,-0.09375,0.04367,0.04539,0.11023,-0.03089,-0.01961,-0.03782,0.03051,0.09229,-0.04717,-0.03034,-0.02325,0.00846,0.03449,0.04266,-0.12407,0.02029,-0.02287,0.00899,0.02689,0.07101,0.07336,-0.00546,0.05226,0.02681,0,-0.05662,0.02011,0.04467,0.02292,0.01572,-0.03575,0.03868,0.01736,0.04568,0.09526,-0.00356,-0.0172,0.02341,-0.01698,0.03438,0.05388,-0.05579,-0.08589,0.04211,-0.00002,0.02365,0.03641,0.02677,-0.01265,-0.005,0.08187,0.04161,-0.02256,0.00092,-0.03945,0.00668,-0.01669,-0.03017,-0.0228,-0.04919,-0.0868,-0.02423,0.07728,0.03137,-0.07633,0.02368,0.08869,0.00976,-0.0352,-0.05862,0.01234,-0.02026,0.00195,-0.03826,0.03503,-0.07594,-0.01898,0.01735,-0.05776,-0.03912,0.04171,0.04949,-0.01477,0.02058,-0.02301,-0.01447,-0.04112,0.07527,-0.04785,0.04438,0.047,0.06367,-0.01434,-0.03742,0.07199,0.10331,0.03317,-0.04578,-0.00477,0.05505,0.01782,0.11905,-0.06005,0.03854,-0.0578,-0.02981,0.04313,-0.07645,0.05562,0.01354,-0.00144,-0.01823,-0.01283,0.02016,0.02774,-0.08517,-0.0107,0.01916,0.0429,0.00176,0,-0.10779,0.02998,-0.03746,0.03473,-0.00284,0.00457,-0.0355,0.04053,-0.01348,-0.01502,0.01294,0.09121,-0.01374,-0.02591,0.11186,-0.0064,-0.05504,0.02909,-0.04996,0.01765,0.02463,0.0515,0.05541,0.10731,-0.02022,0.02797,-0.03899,0.0917,0.04893,-0.05504,0.00658,0.02228,0.15962,0.01035,-0.01722,0.02183,-0.09608,0.04176,-0.01265,0.05038,0.02174,0.02763,0.02191,-0.02573,-0.05864,0.03646,-0.05295,-0.01759,-0.07451,-0.02965,-0.05776,0.03315,-0.01613,-0.01852,-0.02711,0.04419,0.01859,-0.07022,0.07541,0.01087,-0.06357,0.0358,-0.04737,-0.00626],"keywords":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead. Description This example documents an older approach to positioning helpers in Foblex Flow for Angular. It is kept for reference and backward compatibility, but it is not the recommended starting point for new projects. For the current and improved UX, use: - Magnetic Lines for snap lines and alignment guides - Magnetic Rects for equal spacing hints and snapping","excerpt":"Description This example documents an older approach to positioning helpers in Foblex Flow for Angular. It is kept for reference and backward compatibility, but it is not the recommended starting point for new projects. For the current and improved UX, use: - Magnetic Lines for snap lines and alignment guides - Magnetic Rects for equal spacing hints and snapping"},{"chunkId":"/examples/help-in-positioning#2","slug":"help-in-positioning","route":"/examples/help-in-positioning","section":"examples","title":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated)","description":"Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead.","group":"Editor Helpers","vector":[-0.08428,0.0342,-0.07237,-0.02277,0.05377,0.12082,-0.08198,0.07978,-0.03482,0.02662,-0.00465,0.0651,-0.01261,0.04903,0.03061,0.03259,-0.09739,0.04205,0.01496,0.01138,-0.05593,-0.04728,0.10547,0.01973,-0.03281,0.00757,0.00478,0.0339,0.0276,-0.07624,0.02063,0.05957,-0.01492,0.06801,-0.06554,0.09243,-0.03034,0.1021,-0.05626,-0.07129,0.04216,0.06097,0.02521,-0.16005,0.05033,-0.02962,-0.05089,-0.01626,-0.01773,0.01987,-0.06896,-0.07435,-0.02279,0.04615,0.06217,0.01374,0.03518,-0.10902,0.05554,-0.00347,0.0617,-0.00006,0.01227,-0.00001,0.05248,0.0471,-0.08381,0.04665,-0.06624,0.02069,0.01927,-0.02883,-0.03379,0.00201,0.04341,0.04956,-0.04763,0.12841,-0.01551,-0.03547,-0.01327,0.06656,0.00295,0.04897,-0.05299,0.07589,-0.03728,-0.10325,0.03848,-0.05995,0.04733,-0.02213,-0.07426,0.05888,0.04984,0.01397,-0.0707,0.02424,-0.13747,0.02497,0.04687,-0.04611,0.02084,0.01797,0.00134,-0.03438,-0.00487,0.02874,-0.04789,-0.04893,0.00546,-0.00117,-0.0815,-0.0521,-0.07347,-0.09341,-0.00209,-0.05739,0.03297,0.0232,0.04992,0.05571,-0.05247,-0.02299,0.05751,0.03769,-0.01534,0,-0.00269,0.06919,0.03212,0.07138,0.0716,-0.03737,-0.08819,-0.04229,0.03647,0.10781,0.00294,0.00557,-0.04244,-0.08793,-0.1115,-0.12265,0.03088,0.01729,-0.13663,-0.0076,0.00376,-0.02022,-0.05814,-0.00355,0.03987,0.03162,-0.00735,0.03545,-0.07458,-0.02378,0.08008,-0.01799,0.04607,-0.03888,0.0273,-0.01594,0.00433,-0.04438,-0.07209,-0.04553,0.0976,0.00866,-0.03997,0.07849,0.03592,0.00969,0.02665,-0.05093,0.11462,0.03543,-0.04599,0.0763,-0.00269,-0.03875,0.07387,-0.05671,-0.01205,0.06063,-0.04027,0.00691,-0.00112,-0.03278,-0.01302,-0.04252,0.03894,-0.02592,-0.0269,0.00799,0.08045,-0.02273,-0.05728,0.07729,0.02563,0.09925,-0.02185,-0.01797,-0.03555,0.00247,0.08689,-0.02367,-0.02024,-0.05476,0.00942,0.07516,0.0375,-0.12044,0.01661,-0.02411,0.03511,-0.03485,0.04727,0.08673,-0.02426,-0.00645,0.0216,0,-0.0232,0.02506,0.06255,0.00909,-0.02658,-0.01192,0.06429,0.02051,0.0371,0.09096,-0.00503,-0.03106,0.00191,-0.06108,0.02378,0.04567,-0.11584,-0.02257,0.09165,0.04126,0.02425,0.07669,-0.01554,0.0154,0.00354,0.08554,0.04928,0.02563,0.02232,-0.03287,0.00588,-0.04991,-0.05176,0.00323,-0.06047,-0.08816,-0.0303,0.08505,0.0401,-0.06402,0.03731,0.10927,0.01234,-0.06467,-0.01874,-0.00952,0.04678,-0.03033,-0.03248,0.0212,-0.06443,-0.02866,-0.0033,-0.00378,-0.0349,-0.01523,0.02459,-0.02032,0.01893,-0.02048,0.04606,-0.04328,0.00668,-0.06116,0.05868,0.07784,0.02459,-0.02257,0.0243,0.03119,0.03077,0.02233,0.00283,0.00623,0.0506,0.03814,0.10068,-0.02602,0.03705,-0.05819,-0.03009,0.02515,-0.09899,0.07814,0.01169,0.02085,-0.05007,0.00899,0.00964,0.0267,-0.08694,-0.03278,0.00377,0.02873,-0.00558,0,-0.08655,-0.00694,-0.05392,0.01523,-0.00995,-0.01636,0.00536,-0.04199,-0.00872,-0.00212,-0.05411,0.0924,0.01559,-0.05998,0.05673,-0.03057,-0.07341,0.07288,-0.04915,0.04839,0.01039,0.05107,0.03685,0.0946,-0.02724,-0.00762,-0.08347,0.08052,0.02779,-0.05119,-0.00928,-0.02304,0.13951,0.00774,-0.01509,-0.04856,-0.11681,-0.00431,0.02278,0.04528,0.02102,-0.00901,0.04605,-0.02235,-0.05036,-0.00318,-0.04167,0.01176,-0.04947,-0.0112,-0.03718,0.01037,-0.01544,-0.01321,0.02326,0.01784,0.06609,-0.01093,0.01315,-0.03271,-0.02828,0.01646,-0.03121,-0.04631],"keywords":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead. Example ::: ng-component <help-in-positioning</help-in-positioning [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.scss :::","excerpt":"Example ::: ng-component <help-in-positioning</help-in-positioning [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/extensions/help-in-positioning/example.scss :::"},{"chunkId":"/examples/help-in-positioning#3","slug":"help-in-positioning","route":"/examples/help-in-positioning","section":"examples","title":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated)","description":"Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead.","group":"Editor Helpers","vector":[-0.09161,0.02762,-0.01933,0.04621,0.04787,0.0525,-0.09323,0.00739,0.03276,0.01698,-0.00054,0.07386,-0.0244,0.00102,-0.09296,0.00264,-0.1057,0.02528,0.07551,-0.04173,-0.06941,0.01253,0.01611,-0.02046,-0.0255,0.02548,-0.04346,0.00923,0.06247,-0.0864,-0.02982,0.08081,-0.06787,0.11129,-0.13842,0.05553,0.02514,0.04955,-0.06987,-0.04875,0.05621,0.06179,0.01938,-0.11927,0.00644,-0.05122,-0.08648,-0.04863,0.02325,0.04236,-0.11006,-0.02793,-0.04165,0.00337,0.08856,0.00378,0.01496,-0.13069,0.03423,0.00046,0.10597,0.03291,0.03361,0.0103,0.03767,0.0177,-0.01489,0.04305,-0.01306,-0.03578,-0.04302,-0.02131,-0.10641,-0.00963,-0.02653,0.06229,-0.0158,0.05078,-0.03952,0.05043,-0.02328,0.09618,0.07079,0.10088,-0.0405,0.06826,-0.06869,-0.12945,0.07136,-0.01984,0.03319,-0.0234,-0.0552,0.00798,0.08361,0.00868,-0.03136,0.04817,-0.14801,0.02482,0.04607,-0.03277,-0.0233,-0.00721,-0.073,-0.02563,0.02827,-0.04557,-0.02871,-0.03596,-0.00496,-0.00241,-0.08405,-0.08621,-0.13,-0.09149,-0.00292,-0.04622,0.07021,0.0905,-0.00811,0.05535,-0.049,0.02973,0.06191,0.03458,-0.04987,0,0.00303,0.06953,0.03417,0.02603,0.00319,-0.03011,-0.04972,-0.06069,0.01694,0.02126,-0.00839,0.04194,-0.02456,-0.04844,-0.05631,-0.16393,0.00478,0.05438,-0.05805,-0.03606,0.02897,-0.04739,-0.01421,-0.0166,0.02007,0.07247,-0.03091,-0.00587,-0.00181,0.00188,0.04877,-0.0017,0.03082,0.01861,0.01627,-0.0076,-0.02676,-0.03351,-0.01324,-0.04967,0.00802,0.01362,-0.05546,-0.0035,0.05278,0.00929,-0.02876,0.02733,0.13707,0.03751,-0.05146,0.09391,-0.00202,-0.00889,0.05099,-0.04296,0.00859,0.07385,-0.07893,0.05211,-0.0352,-0.02506,-0.0224,-0.05257,0.0654,0.02059,-0.04331,0.03277,0.10454,-0.01874,-0.05994,0.04529,0.0496,0.06246,0.0247,-0.04968,-0.08908,-0.02632,0.08164,-0.08554,-0.0409,-0.03173,0.02738,-0.0016,0.09751,-0.10587,0.0263,0.05578,0.05663,-0.033,0.09677,0.08643,-0.01981,-0.00396,0.02442,0,-0.04005,0.00098,0.06126,0.01246,-0.02593,-0.02309,0.06213,-0.02246,0.07175,0.08602,0.01394,-0.01566,-0.02128,-0.02167,0.0394,0.02591,-0.05396,-0.04477,0.03688,0.02196,0.02473,0.07503,-0.00921,0.03565,-0.05579,0.04089,0.07126,0.02773,-0.01785,-0.04048,0.04491,-0.01397,-0.01021,-0.02265,-0.04227,-0.03668,0.00333,0.06445,0.0175,-0.04117,-0.00966,0.10484,0.00023,0.00583,-0.0265,-0.02771,-0.09616,0.02375,0.0087,-0.032,-0.10392,0.0062,0.04363,-0.05697,-0.06647,-0.01185,0.00466,0.03082,0.02924,-0.00363,0.00283,-0.02524,-0.01916,-0.06138,0.04153,0.02188,0.06149,-0.04019,-0.02248,0.02478,0.00708,0.03342,-0.01922,-0.06357,0.07949,0.01263,0.14398,-0.02844,0.01112,-0.06575,-0.00856,0.07889,-0.07224,0.02685,0.03215,0.00066,-0.0152,0.04819,-0.01483,0.08603,-0.07534,-0.04266,-0.00965,0.0143,0.01729,0,-0.10037,0.05638,-0.01344,-0.00319,0.00615,0.01814,0.01983,0.02053,-0.01333,-0.03376,0.04626,0.06824,-0.03501,-0.03582,0.11416,-0.05606,-0.03416,0.0283,-0.04354,0.01577,-0.01725,0.05372,0.03352,0.07285,-0.03957,0.00031,0.0004,0.03013,0.0461,-0.01531,-0.03417,0.04332,0.12748,0.03963,-0.03756,0.02039,-0.04662,0.0586,-0.01871,0.04899,0.02561,0.05456,0.0061,-0.04735,-0.05202,0.04238,-0.05837,-0.02801,-0.01389,-0.02689,-0.0282,-0.04507,-0.05451,0.01473,0.02269,-0.02387,0.02844,-0.00592,0.04743,0.02772,0.01465,0.02842,-0.02758,-0.01787],"keywords":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead. What this legacy example demonstrates - Basic help while dragging for aligning nodes - A minimal setup inside <f-flow using the older implementation If you are building a modern node editor, prefer Magnetic Lines and Magnetic Rects instead. This legacy page stays noindex on purpose because the newer examples are the correct recommendation for search traffic and new implementations.","excerpt":"What this legacy example demonstrates - Basic help while dragging for aligning nodes - A minimal setup inside <f-flow using the older implementation If you are building a modern node editor, prefer Magnetic Lines and Magnetic Rects instead. This legacy page stays noindex on purpose because the newer examples are the correct recommendation for search traffic and new implementations."},{"chunkId":"/examples/help-in-positioning#4","slug":"help-in-positioning","route":"/examples/help-in-positioning","section":"examples","title":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated)","description":"Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead.","group":"Editor Helpers","vector":[-0.07396,-0.01731,-0.05608,-0.01048,0.02616,0.04976,-0.08076,0.04193,-0.02196,0.00927,0.00424,0.05249,-0.01916,0.02836,0.0053,0.03551,-0.06455,0.01678,0.07392,-0.04618,-0.09978,-0.01771,0.0497,-0.02912,0.00366,0.00168,0.07055,0.04131,-0.00033,-0.1204,-0.01084,0.06819,-0.0247,0.06316,-0.13983,0.09257,-0.00647,0.07278,-0.0742,-0.04989,0.01959,0.04239,0.03776,-0.11944,0.04102,-0.01041,-0.09712,-0.01974,0.01974,0.03725,-0.0473,-0.09693,-0.04452,0.01907,0.0551,0.0253,0.07414,-0.05364,0.01643,-0.04164,0.08551,0.00366,-0.00393,-0.02608,0.06734,0.05161,-0.05445,0.03353,-0.04922,-0.04594,-0.04578,-0.06197,-0.01262,-0.02004,-0.01019,0.08506,-0.00218,0.06984,-0.01443,-0.03603,-0.06644,0.1571,-0.01622,0.07686,-0.02357,0.08357,-0.04656,-0.08336,0.05832,-0.04749,0.04874,-0.04347,-0.00777,0.02519,0.03027,0.03858,-0.0297,-0.01107,-0.09803,-0.03597,0.04872,-0.03807,0.01267,-0.02166,-0.08954,-0.04486,-0.00868,-0.01303,-0.00332,-0.04402,-0.01523,-0.01379,-0.1235,-0.0709,-0.07626,-0.09798,-0.00769,-0.03677,0.01508,0.02625,0.00926,0.05976,-0.03654,-0.00043,0.03587,0.00005,-0.03843,0,-0.02713,0.04689,0.02604,0.06923,0.07305,-0.03724,-0.09204,-0.03337,0.08323,0.05505,0.01135,0.03531,-0.02623,-0.03044,-0.04754,-0.14976,-0.00748,0.02353,-0.10237,-0.02446,-0.06369,0.00678,-0.03164,0.02314,0.06694,0.05957,0.05076,0.02837,-0.06078,-0.0357,0.08319,0.01131,0.02513,0.02576,-0.01722,0.01618,-0.0573,-0.06965,-0.0284,-0.03569,0.0801,-0.00765,-0.05729,0.06352,0.06959,-0.01128,0.01243,-0.00203,0.12784,0.03274,-0.04177,0.05638,-0.0017,-0.02285,0.04657,-0.01968,-0.01205,0.07603,-0.02525,0.03884,0.00702,-0.03616,0.01997,-0.06848,-0.00496,-0.00052,-0.04755,-0.04265,0.09003,0.01171,-0.02222,0.04031,0.04799,0.10548,-0.02078,-0.04741,-0.06345,0.04118,0.05716,-0.05416,-0.0884,-0.02386,-0.00929,0.00301,0.05844,-0.10515,0.0484,-0.00172,0.04652,0.00323,0.03442,0.11903,0.00639,0.05572,0.05434,0,-0.07798,0.01079,0.04825,0.00617,-0.0095,-0.0382,-0.00076,0.00722,0.01875,0.101,0.00512,-0.03714,0.0173,-0.03808,-0.0001,0.07856,-0.0958,-0.0287,0.04445,0.02316,0.04907,0.05183,0.0139,0.00057,-0.0105,0.0779,0.0304,-0.03214,0.02206,-0.04695,-0.04084,-0.00846,-0.0149,0.02081,-0.06638,-0.09403,0.0197,0.0319,0.01055,-0.07478,0.00709,0.08998,0.01811,-0.04204,-0.05934,-0.05759,-0.01422,0.04588,-0.00657,0.00524,-0.06485,-0.02742,0.03644,-0.02708,-0.03792,0.0132,0.04111,0.00496,0.11859,-0.00313,0.00813,-0.0704,0.02223,-0.03306,0.04852,0.02995,0.11455,-0.03596,-0.00335,0.05377,0.04008,0.07264,-0.00755,-0.04664,0.04277,0.00835,0.08746,-0.03214,0.00116,-0.095,0.00579,0.01593,-0.09221,0.04907,0.03313,0.0028,-0.00513,0.00472,0.01731,0.03954,-0.06234,-0.0237,0.02212,0.05292,0.01255,0,-0.06364,0.02432,-0.016,-0.00363,0.02613,-0.0511,0.00604,0.05447,-0.01981,0.00988,-0.01321,0.06308,-0.03115,-0.00622,0.12639,0.00711,-0.05289,0.07767,-0.01957,0.02597,0.02274,0.01905,0.04329,0.11636,0.01721,0.03616,-0.04382,0.11411,0.03397,-0.06432,-0.02912,0.00148,0.15633,-0.04767,0.02441,0.00329,-0.09523,0.0229,0.02282,0.05055,-0.00443,0.0015,0.01743,-0.01941,-0.04315,0.00114,-0.06157,-0.00213,-0.05129,-0.02077,-0.03271,-0.05369,0.01653,-0.05491,-0.02054,0.02971,0.06038,-0.04296,0.08719,-0.00117,-0.00463,0.06884,-0.06601,-0.04806],"keywords":"Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Angular Diagram Example – Legacy Node Alignment Helpers (Deprecated) Legacy node alignment helper example kept for reference. For new projects, use Magnetic Lines and Magnetic Rects instead. Related docs - Magnetic Lines Component - Magnetic Rects Component - Selection Area Example","excerpt":"Related docs - Magnetic Lines Component - Magnetic Rects Component - Selection Area Example"},{"chunkId":"/examples/dagre-layout#0","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.11916,0.02151,-0.05687,0.02034,-0.04823,0.00996,-0.06469,0.03442,-0.00609,0.06956,-0.08478,0.01169,-0.06703,0.02696,0.05389,0.02617,-0.0037,-0.0138,0.05703,-0.06542,0.00678,-0.05225,0.0002,-0.04506,0.0998,0.04045,0.0085,0.02014,0.0968,-0.1002,0.08835,0.06501,-0.00612,0.06042,-0.10209,0.05137,-0.02001,-0.05233,-0.01954,-0.02622,0.11699,0.13276,0.0492,-0.02592,-0.04087,-0.0297,-0.15163,0.05121,-0.08206,0.06442,-0.09761,-0.02225,-0.01641,0.01665,0.04583,0.06569,0.03538,-0.04188,-0.00365,0.06267,0.06598,-0.03846,-0.02812,0.00226,0.01027,0.06471,-0.03846,-0.01298,0.03621,0.01953,0.02548,-0.05829,0.03612,-0.06252,-0.00777,-0.04686,-0.03708,0.06201,-0.00367,-0.09272,0.04314,0.06323,-0.01088,0.02995,-0.05556,0.01972,-0.02422,-0.09453,0.01323,-0.01633,-0.04035,0.05832,-0.03252,0.02086,-0.00812,0.04602,0.02451,0.01636,-0.10705,0.02566,0.04147,-0.04134,0.04881,0.0274,-0.04934,-0.02655,-0.04768,0.01653,-0.12023,0.00633,0.01768,0.11039,-0.01213,0.03799,-0.07716,-0.10537,-0.0263,-0.08874,0.06142,0.04388,0.00257,0.01205,0.00617,-0.00493,0.03692,-0.02788,0.02005,0,0.03596,0.00575,-0.02239,-0.01018,0.05899,0.01893,-0.05412,-0.02801,0.03677,0.02194,0.01201,0.04605,-0.03135,0.06667,-0.00224,-0.1074,0.0319,0.03857,0.00915,-0.03304,0.06315,0.01137,-0.05723,0.04649,0.06186,0.10356,-0.02967,0.03609,-0.09015,0.0308,0.0501,-0.00831,0.02166,0.03163,-0.05905,-0.00727,-0.09929,-0.02931,-0.00463,-0.0528,0.04962,-0.03101,-0.04072,-0.02571,-0.07868,0.02659,-0.056,0.01756,0.03754,0.06023,-0.00434,0.02544,0.01707,0.06322,0.08816,-0.08258,-0.04954,0.09867,0.06968,0.06342,0.04541,0.0162,-0.06902,-0.01795,-0.0315,0.02378,0.0005,-0.03946,0.08552,-0.02015,-0.03605,0.09583,-0.00096,0.05472,0.00729,-0.01701,-0.0715,-0.00002,-0.05535,0.0084,-0.05,-0.07129,0.04673,0.06947,0.10922,-0.0866,0.03946,0.01138,-0.08044,-0.02341,0.04851,-0.03251,0.06052,-0.00158,0.13638,0,-0.01017,0.05508,0.06085,0.03,-0.00176,-0.06165,0.01868,0.04297,-0.0037,0.0512,-0.02681,0.06026,0.01639,-0.01214,0.01861,-0.01662,-0.01839,-0.09222,0.00868,-0.03247,0.00329,0.05942,-0.04034,-0.01848,0.04928,0.03377,0.05873,-0.04656,-0.02398,0.01628,0.05851,-0.02095,-0.06289,-0.03864,-0.01957,-0.02635,-0.00753,0.07136,-0.03299,-0.00254,-0.04491,0.00308,-0.03692,0.01809,-0.04174,0.04678,-0.04054,-0.00035,-0.05972,-0.00776,-0.02971,0.07285,0.04675,-0.0526,-0.05523,-0.02095,0.11118,0.04113,-0.04087,-0.03766,-0.03389,-0.04865,-0.00775,-0.06537,-0.00211,0.00318,-0.05471,-0.07947,0.0286,0.1168,0.04414,0.07241,-0.07076,-0.01133,0.09756,0.09107,0.06398,0.05386,0.03849,-0.00617,-0.06393,0.03948,0.01182,0.0381,0.02031,-0.03537,-0.09607,-0.04107,0.02502,0.11431,-0.0624,-0.03285,-0.08014,-0.01466,0.01475,0,-0.12725,-0.01123,-0.00774,-0.00198,0.03946,0.06418,0.06457,0.073,-0.02699,-0.00561,-0.02232,0.05044,-0.02775,0.01719,0.01541,-0.04657,0.04982,0.01898,-0.02863,0.00422,-0.03076,-0.01405,0.00531,0.13329,-0.00443,-0.04954,0.00731,-0.01372,0.04195,0.05524,0.00005,0.05649,0.08083,0.06392,-0.06255,-0.03799,-0.00229,0.02809,-0.03459,-0.01856,0.00288,-0.00732,0.00925,0.01627,-0.06324,0.03573,0.00482,0.00165,0.00452,-0.03348,-0.09529,-0.02574,-0.12913,-0.03079,-0.00561,0.02386,-0.03209,-0.02872,0.03963,-0.00615,-0.05844,0.00046,-0.03083,-0.05883],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Dagre Layout This page shows how to use @foblex/flow-dagre-layout to calculate a manual graph layout with Dagre and then render the result with Foblex Flow. The important split is: - @foblex/flow-dagre-layout calculates positions - @foblex/flow renders nodes, connections, zoom, drag, and viewport behavior - your app remains the owner of graph state","excerpt":"Dagre Layout This page shows how to use @foblex/flow-dagre-layout to calculate a manual graph layout with Dagre and then render the result with Foblex Flow. The important split is: - @foblex/flow-dagre-layout calculates positions - @foblex/flow renders nodes, connections, zoom, drag, and viewport behavior - your app remains the owner of graph state"},{"chunkId":"/examples/dagre-layout#1","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.11527,-0.00265,-0.10664,0.05609,-0.03261,0.0373,-0.03158,0.03314,-0.00348,0.02379,-0.00171,-0.00077,-0.03717,-0.01777,0.01707,0.03304,-0.05535,-0.0152,0.03214,-0.07558,-0.01111,-0.04333,0.04644,-0.03917,0.06807,-0.02376,-0.01277,0.03674,0.04818,-0.06841,0.07026,0.07351,-0.03171,0.01599,-0.04205,0.07848,0.00082,0.03558,-0.02331,-0.00154,0.05743,0.11142,0.08115,-0.07613,0.00607,-0.03756,-0.18517,0.04871,-0.05562,0.0548,-0.07868,-0.02689,-0.02362,0.00632,0.07863,0.021,0.00276,-0.02871,0.02574,0.0356,0.03191,-0.06373,-0.03568,-0.03766,-0.02273,0.05113,-0.03147,0.0242,-0.0191,0.03482,-0.01959,-0.02778,-0.02118,-0.0571,0.03694,-0.02893,-0.04711,0.08079,-0.00849,-0.12613,0.02952,0.05203,0.00719,0.01171,-0.02885,0.03531,-0.00893,-0.05677,0.03008,-0.03997,-0.02662,0.06976,-0.08177,0.05965,0.01303,0.05269,-0.01974,0.04755,-0.09555,0.0563,-0.01894,-0.09203,0.02431,0.06694,-0.01366,-0.00474,-0.03701,0.03641,-0.09774,0.01271,-0.00569,0.08481,-0.00658,0.01754,-0.04894,-0.09608,0.02657,-0.08718,0.07891,0.01901,0.0444,0.03489,-0.09203,-0.01149,-0.02106,-0.10997,0.074,0,0.03983,-0.04473,-0.05577,0.02639,0.09112,-0.01397,-0.05368,-0.02096,-0.03171,0.07443,-0.03638,0.0278,-0.08208,-0.01379,-0.00637,-0.14466,0.04761,0.07461,-0.06498,-0.04381,0.03524,0.00848,-0.07955,0.03307,0.06345,0.0715,-0.00614,0.03262,-0.08209,-0.00943,0.07562,0.00862,0.06713,0.04569,-0.04936,-0.04148,-0.07005,-0.00015,-0.04965,-0.03636,0.04534,-0.02227,-0.02275,0.0023,-0.07036,-0.00444,-0.0166,0.06782,0.05699,0.02285,-0.03846,0.09188,-0.02618,-0.00583,0.051,-0.04746,-0.09475,0.10496,0.02095,0.07831,-0.0173,0.05918,-0.04845,-0.05398,0.01667,0.03476,-0.00519,-0.06684,0.09471,-0.07458,-0.02917,0.06406,0.03374,0.04451,0.02825,-0.01429,-0.06132,0.02505,-0.04546,-0.0137,-0.05986,-0.06468,-0.03223,0.04585,0.06702,-0.0944,0.05432,-0.00973,-0.05754,-0.07688,0.0125,-0.01462,0.0353,-0.02814,0.09736,0,0.05117,0.06458,0.05536,0.05002,-0.00982,-0.01773,0.06049,0.03745,0.00575,0.08264,-0.02277,0.03521,-0.00247,-0.03907,0.03407,0.02344,-0.03397,-0.06239,0.00746,-0.02336,-0.03154,0.13476,-0.03626,0.00458,0.02662,0.03158,0.04161,0.07415,-0.00794,-0.00061,0.01572,0.0009,-0.12071,0.03064,-0.01452,-0.04795,0.03912,0.13493,-0.0384,0.03323,0.03901,0.00581,-0.05504,0.0493,-0.01219,0.00912,0.04534,0.00885,-0.06621,-0.05794,-0.03852,0.01693,0.02921,-0.03408,-0.03311,-0.00271,0.092,-0.0206,-0.03658,-0.03986,0.00985,-0.09379,0.02529,-0.02358,0.07443,-0.00174,-0.05132,-0.08563,0.05884,0.06669,-0.00673,0.09486,0.07138,-0.06342,0.0903,0.0428,0.02955,0.02893,0.02337,0.00413,-0.095,0.02565,0.03528,0.03209,-0.03045,-0.05463,-0.07643,0.06323,0.02232,0.05134,-0.0625,-0.06913,0.02227,0.02836,0.00966,0,-0.09418,0.00012,-0.04877,-0.08185,0.009,0.04294,0.06411,0.05938,-0.07599,-0.01697,-0.00238,0.07806,0.00986,0.04118,0.00581,-0.08874,0.02593,0.05431,-0.05149,0.00455,-0.01556,-0.03218,-0.00178,0.10414,0.01694,-0.09693,-0.03632,-0.01617,0.01577,0.04237,0.00114,0.01216,0.07019,0.03582,-0.03653,-0.03989,-0.00114,0.0145,-0.0415,0.04365,0.01062,-0.03042,-0.01027,0.02245,0.00771,0.00867,0.00293,0.01547,0.04067,-0.01226,-0.09013,-0.01148,-0.06136,-0.06123,0.00827,-0.01937,0.01092,0.02302,0.03668,-0.00861,-0.06751,0.05175,0.02466,-0.05311],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Example ::: ng-component <dagre-layout</dagre-layout [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::","excerpt":"Example ::: ng-component <dagre-layout</dagre-layout [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::"},{"chunkId":"/examples/dagre-layout#2","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.10122,0.02059,-0.02736,0.02438,-0.02359,0.03834,-0.07189,-0.01125,0.00182,0.0153,-0.06935,0.03674,-0.06307,0.01066,0.07264,0.04027,0.0056,0.01817,0.117,-0.06584,-0.02003,0.00581,0.00579,-0.05061,0.04248,0.05238,0.02171,0.02758,0.07797,-0.092,0.0846,0.10091,-0.01469,0.03218,-0.11654,0.04119,0.02293,0.03512,-0.03366,-0.00567,0.06333,0.11042,0.03493,-0.04912,-0.0394,-0.05652,-0.16846,0.0011,-0.05923,0.02152,-0.06325,-0.06859,-0.00528,-0.01278,0.07102,0.02846,0.03168,-0.03487,-0.0104,0.01628,0.05761,-0.028,-0.02454,0.02931,0.02877,0.09799,-0.03155,0.03688,0.07201,-0.00782,-0.02757,-0.04981,-0.00434,-0.0487,-0.04051,0.00281,-0.00478,0.04909,-0.03473,-0.05509,0.06065,0.11441,0.01608,0.06029,-0.02657,0.08477,-0.02915,-0.04485,0.00912,-0.09368,-0.0298,0.03118,-0.01524,0.00267,0.05678,0.05233,-0.00801,0.00221,-0.10244,0.01813,-0.00076,-0.07015,0.07937,0.03214,-0.06084,-0.0094,-0.03499,0.02544,-0.05444,-0.00033,0.0464,0.05891,-0.00229,-0.01803,-0.07151,-0.07116,-0.04842,-0.13914,0.01187,0.09679,-0.00101,0.04001,0.00092,-0.00592,0.04879,-0.01735,0.01898,0,0.00331,0.02386,-0.02099,0.00545,0.08701,-0.05959,-0.00367,-0.03517,0.02147,0.01557,0.01918,0.04837,-0.05653,0.10729,-0.01883,-0.06989,0.04084,0.04546,0.04578,-0.04571,0.0059,-0.04528,-0.05723,0.07096,0.04624,0.07384,0.01805,0.06082,-0.05585,-0.0148,0.06858,-0.01648,0.05572,0.03914,-0.08159,-0.03062,-0.12886,-0.0124,0.01058,-0.02773,0.04995,0.0267,-0.04683,0.0233,0.02072,0.03817,-0.00721,-0.04472,0.11271,0.03652,0.02676,0.04158,0.01769,0.10914,0.08776,-0.08018,-0.03922,0.05562,0.07013,0.04011,-0.02189,-0.00389,-0.04398,-0.04457,0.03822,0.01596,-0.0061,-0.03397,0.03887,-0.03209,-0.0279,0.04701,-0.07723,0.06833,0.00803,-0.03263,-0.02932,0.05519,-0.00267,0.02523,-0.0694,-0.05259,0.0286,0.07212,0.07294,-0.07128,0.09621,-0.00434,-0.02901,-0.06078,0.09416,-0.01762,-0.02168,-0.02231,0.13854,0,-0.01816,0.04237,0.03398,0.06471,-0.00214,-0.00899,-0.0209,0.0171,0.03761,0.06305,0.02266,0.07785,0.05531,-0.01501,0.02043,0.00242,-0.04859,-0.04134,-0.00956,-0.02236,0.04067,0.07748,-0.02614,-0.11778,0.01769,0.04351,0.02086,-0.063,-0.02927,0.01843,0.04292,0.03534,-0.07267,-0.04554,-0.01942,-0.01872,-0.00805,0.08495,-0.05763,0.00048,-0.05401,0.00457,-0.06054,-0.00013,-0.06788,-0.00877,-0.04322,-0.03133,-0.04795,-0.02071,-0.0494,0.05073,0.04487,-0.07306,-0.05955,-0.02622,0.13213,0.04981,-0.03268,-0.01829,-0.00806,-0.03129,-0.02659,-0.12151,-0.02765,-0.02095,-0.0584,-0.089,0.00134,0.08427,-0.03328,0.06377,-0.07115,0.0095,0.04209,0.05282,0.10642,0.07835,-0.00028,-0.03556,-0.09293,0.02626,0.02419,0.02838,0.02334,-0.03949,-0.06757,-0.08797,0.04661,0.10053,-0.0648,-0.01996,-0.05592,0.04114,0.03299,0,-0.10395,0.00414,-0.03041,-0.0438,0.0227,0.0595,0.02266,0.06477,-0.02207,0.05705,0.00091,0.06286,-0.00994,0.06747,-0.01401,-0.03984,0.0341,0.00687,-0.05912,-0.02998,0.00348,0.01933,0.00417,0.06466,0.0205,-0.03211,0.07391,-0.00867,0.00712,0.0365,-0.02644,0.05329,0.01824,0.02852,-0.03244,-0.0575,-0.00444,0.03984,-0.02958,-0.04479,-0.02044,-0.00238,-0.00545,-0.01345,-0.0663,-0.03382,-0.02485,-0.01227,0.00052,0.03776,-0.08481,-0.01427,-0.12385,-0.02794,-0.01441,0.01863,-0.05271,0.00131,0.03073,-0.05779,-0.06161,-0.00931,0.00353,-0.10376],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Install If your project already includes a custom Flow theme, you can keep schematic installation but skip style injection: For Nx workspaces: ng add checks @foblex/flow and the required Foblex companion packages, adds only the missing ones, and wires the default Flow theme into application styles when it is missing. If you prefer manual installation: You do not need to install the underlying dagre package separately because the adapter ships it as a runtime dependency.","excerpt":"Install If your project already includes a custom Flow theme, you can keep schematic installation but skip style injection: For Nx workspaces: ng add checks @foblex/flow and the required Foblex companion packages, adds only the missing ones, and wires the default Flow theme into application styles when it is missing. If you prefer manual installation: You do not need to install the underlying dagre package separately because the adapter ships it as a runtime dependency."},{"chunkId":"/examples/dagre-layout#3","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.11124,0.00322,-0.07963,0.04822,-0.02447,-0.01178,-0.10519,0.03711,0.00433,0.07418,-0.04475,0.05745,-0.0341,0.01431,0.04081,0.0357,-0.01116,0.05205,0.04068,-0.13048,-0.01403,0.01931,0.01051,-0.02868,0.13273,-0.0243,-0.00092,0.03273,0.11566,-0.0747,0.04177,0.05298,0.01125,0.04992,-0.16489,0.06828,-0.02248,-0.00553,-0.01395,-0.03463,0.07808,0.14033,0.00358,-0.04094,-0.00998,-0.07011,-0.22098,0.09773,-0.08959,0.03164,-0.10513,-0.01907,-0.03695,-0.01239,0.07551,0.03024,-0.00403,-0.04599,-0.02312,0.04527,0.09333,-0.04721,-0.03359,-0.03408,0.0301,0.05889,0.00474,0.00715,0.02679,0.01019,0.03383,-0.0596,-0.00086,0.00807,-0.03403,-0.01433,-0.03695,0.0766,0.00213,-0.03752,0.02073,0.09283,-0.01245,0.04856,-0.01233,0.01307,-0.02128,-0.01781,0.02364,-0.07492,-0.02166,0.07121,-0.04152,0.03705,-0.01459,0.03486,0.06705,0.02652,-0.07936,0.01875,-0.00473,-0.02196,0.01119,-0.04725,-0.07602,-0.01964,-0.04504,-0.01536,-0.10319,0.00139,0.05598,0.05791,-0.06706,0.032,-0.07306,-0.11293,-0.00169,-0.11398,0.05636,0.05664,0.0081,0.03865,0.00736,-0.00387,0.02054,-0.05283,0.01198,0,0.04636,0.01427,-0.00893,-0.03361,0.06188,-0.03418,-0.07878,0.01309,0.04348,0.04451,0.00957,0.0521,0.00557,0.05421,0.06956,-0.07751,0.07254,0.06583,0.02447,-0.01848,0.00953,0.01403,-0.04411,0.08344,0.07352,0.1182,-0.00343,0.02248,-0.07195,-0.0017,0.06192,-0.00195,-0.00674,0.05497,-0.04993,0.00312,-0.09013,-0.04166,0.01007,-0.01617,0.04803,-0.01561,-0.03519,0.0002,-0.09863,0.05792,-0.03559,0.00096,0.062,0.07501,-0.02044,0.0497,0.0085,0.08492,0.03535,-0.02447,-0.04423,0.06472,0.06135,0.08795,0.03416,-0.06554,-0.03957,-0.03083,-0.0567,-0.0486,-0.0193,-0.06852,0.1253,0.01119,0.0152,0.03945,-0.03397,0.06394,-0.01337,-0.03139,-0.05544,0.02471,-0.05642,0.0227,-0.03533,-0.017,0.03751,0.03415,0.08282,-0.07321,0.03984,0.03763,-0.06389,-0.0579,-0.0189,0.02488,0.02123,-0.00674,0.15719,0,-0.02147,0.05648,0.04885,0.03976,-0.02153,-0.04222,-0.0111,-0.02031,-0.01745,0.06569,-0.02049,0.02486,0.02256,0.00707,0.02541,-0.00586,-0.02488,-0.0877,0.01207,-0.01059,0.02773,0.06684,-0.01563,-0.03656,0.03682,0.01245,0.06667,-0.06553,-0.03598,0.02283,0.05958,-0.01525,-0.02657,-0.0359,-0.03922,-0.01218,0.04433,0.04658,-0.03248,-0.0154,-0.03579,0.00876,0.007,-0.00029,-0.02805,0.00021,-0.00331,0.03158,-0.05254,-0.04249,0.02075,0.08254,0.04334,-0.05076,-0.03132,-0.05433,0.07266,0.01946,0.01677,-0.02623,-0.0372,-0.04937,-0.01308,-0.04739,-0.02628,-0.00678,-0.02388,-0.12857,-0.02773,0.05579,-0.02672,0.09234,-0.03539,0.00597,-0.00716,0.0568,0.06866,0.0483,0.00731,-0.06003,-0.02511,0.00177,0.00842,0.01095,-0.02219,-0.04321,-0.04356,0.01219,-0.00365,0.10766,-0.08835,-0.02846,-0.07472,0.02332,0.0085,0,-0.10609,0.04619,-0.00047,0.00103,0.01629,0.03293,0.09476,0.09961,-0.00655,0.02787,-0.04122,0.0146,-0.04951,0.04716,0.02548,-0.02839,0.06126,0.03063,-0.00456,0.02839,-0.00846,-0.00291,0.00025,0.08453,0.03145,-0.03692,0.02738,0.01322,0.05561,0.00577,0.00616,0.05046,0.1029,0.05634,-0.01345,-0.07431,0.01729,0.03416,-0.03148,-0.0416,-0.00101,-0.038,0.01637,0.02088,-0.04872,-0.00516,-0.00772,-0.02985,0.04816,-0.01655,-0.04591,-0.07048,-0.10913,-0.12839,-0.01916,0.02376,-0.00278,-0.03953,0.03785,-0.01416,-0.01563,-0.01705,-0.03765,-0.06641],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Minimal Usage calculate(...) returns only calculated node positions. In a real app you merge them back into your own node model by id.","excerpt":"Minimal Usage calculate(...) returns only calculated node positions. In a real app you merge them back into your own node model by id."},{"chunkId":"/examples/dagre-layout#4","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.08937,0.00647,-0.06073,0.01892,-0.05397,0.02816,-0.06933,0.02157,-0.00267,0.05562,-0.06433,0.02121,-0.04931,0.01543,0.02273,0.01127,-0.02675,0.02428,0.048,-0.11529,-0.00117,-0.01205,-0.0065,-0.02688,0.10499,0.03138,0.01861,-0.01363,0.07994,-0.0702,0.05965,0.04285,-0.01906,0.04944,-0.15946,0.0438,-0.02887,0.00916,-0.0081,-0.01135,0.089,0.10489,0.05473,-0.05601,-0.02424,-0.0237,-0.20771,0.08963,-0.06538,0.05843,-0.06463,-0.02178,-0.00892,-0.00153,0.06198,0.02515,0.03232,-0.03395,-0.06413,0.04818,0.08281,-0.04513,-0.02413,-0.01938,0.01425,0.07115,-0.01026,0.03452,0.05124,0.01721,0.03418,-0.05317,0.05629,-0.08166,-0.01263,-0.05684,-0.04288,0.10144,-0.00142,-0.045,0.05731,0.07832,0.00183,0.00567,-0.04723,0.01267,-0.05426,-0.04337,-0.00594,-0.05101,-0.04314,0.10258,-0.05477,0.00857,-0.00249,0.09071,-0.00779,0.01442,-0.0641,0.03543,0.0201,-0.05341,0.00599,-0.00825,-0.08212,0.00725,-0.06191,0.01923,-0.09467,-0.00691,0.05433,0.04459,0.02123,0.05361,-0.06954,-0.09466,-0.01892,-0.09694,0.01844,0.03629,0.02629,0.03736,-0.01375,-0.00903,0.02517,-0.03212,0.02474,0,0.02749,0.01512,-0.01146,0.00486,0.06074,-0.00265,-0.04253,-0.04625,0.06114,-0.0011,0.00663,0.02608,-0.05751,0.03526,0.00079,-0.15234,0.07014,0.04848,-0.00358,-0.03168,0.02676,-0.00074,-0.06397,0.03873,0.05746,0.0877,-0.01972,0.0531,-0.09084,-0.0052,0.06587,-0.00806,0.00346,0.04203,-0.07494,-0.03441,-0.09605,-0.01473,0.00785,-0.06669,0.07937,-0.02336,-0.04157,0.0294,-0.07387,0.06242,-0.043,0.02876,0.04322,0.06896,0.00854,0.04508,0.00382,0.0113,0.03256,-0.04839,-0.07032,0.09866,0.05711,0.07925,0.02586,-0.01476,-0.05386,-0.04506,-0.05719,0.01617,-0.00385,-0.01997,0.09224,-0.01875,-0.00701,0.07187,-0.02694,0.07005,0.0018,-0.00931,-0.0539,0.00443,-0.07449,-0.01765,-0.03025,-0.04801,0.01392,0.06889,0.12717,-0.06543,0.05085,0.02794,-0.06014,-0.04098,0.00572,-0.01646,0.08879,0.01117,0.18627,0,0.02291,0.06646,0.06712,0.03823,-0.00005,-0.03728,-0.00077,0.0521,-0.01985,0.06517,-0.04656,0.06691,0.01754,-0.02492,-0.00899,0.01753,0.00594,-0.06158,0.03763,-0.01103,0.01161,0.05173,-0.05735,-0.02209,0.01114,0.05003,0.05699,-0.07638,0.01017,0.04402,0.04999,-0.05607,-0.01519,-0.0042,-0.00866,-0.02794,0.07177,0.03164,-0.04731,0.00133,-0.05125,-0.00326,-0.02904,0.00928,-0.01805,0.02258,-0.02733,0.04795,-0.10349,-0.05934,-0.03179,0.08977,0.01822,-0.02718,-0.05841,-0.01976,0.09444,0.03628,-0.00486,-0.05231,-0.09483,-0.08226,0.00664,-0.07062,-0.00256,-0.00761,-0.04314,-0.11688,-0.00453,0.10273,0.00379,0.0918,-0.03959,0.00715,0.08067,0.01328,0.07357,0.02866,0.02663,0.00158,-0.09309,0.02198,0.00332,0.01751,0.0201,-0.03883,-0.04924,0.00018,0.04598,0.09764,-0.07968,-0.03276,-0.05736,-0.01182,0.03489,0,-0.09395,0.00047,-0.00035,-0.00761,0.02361,0.04167,0.04862,0.07581,-0.02255,-0.03768,-0.03889,0.051,-0.01622,0.03149,0.01346,-0.03077,0.0498,0.04053,-0.00693,0.03176,-0.00154,-0.02786,-0.00133,0.13542,0.01031,-0.05583,0.02418,-0.01608,0.04577,0.04176,0.00502,0.02946,0.09025,0.07043,-0.04132,-0.07378,0.00845,0.03277,-0.02639,-0.01834,-0.00685,-0.01355,0.00657,0.00722,-0.02137,-0.00905,-0.01568,-0.03763,0.02264,-0.01615,-0.06502,-0.03032,-0.10159,-0.05944,-0.00308,0.00454,-0.02899,-0.00851,0.04167,-0.00583,-0.04228,0.00034,-0.02337,-0.09196],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. How To Work With It 1. Build your own graph state in the shape your app needs. 2. Convert that graph to IFLayoutNode[] and IFLayoutConnection[]. 3. Call calculate(...) on DagreLayoutEngine. 4. Merge returned positions back into your state. 5. Render the updated nodes in f-flow. IF Layout Node IF Layout Connection Dagre Layout Engine","excerpt":"How To Work With It 1. Build your own graph state in the shape your app needs. 2. Convert that graph to IFLayoutNode[] and IFLayoutConnection[]. 3. Call calculate(...) on DagreLayoutEngine. 4. Merge returned positions back into your state. 5. Render the updated nodes in f-flow."},{"chunkId":"/examples/dagre-layout#5","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.09799,-0.00416,-0.05239,0.05526,-0.05542,0.00372,-0.10465,0.02445,-0.03399,0.08715,-0.05361,0.04779,-0.05092,0.0324,0.04323,0.02512,0.00575,0.07297,0.0765,-0.12147,-0.00647,-0.01342,0.0175,-0.05216,0.09647,-0.02552,0.01763,0.03314,0.08924,-0.11561,0.06462,0.04343,-0.01436,0.05878,-0.13215,0.04443,-0.01337,-0.00326,-0.01417,-0.00682,0.06088,0.14624,0.00169,-0.0655,-0.02746,-0.04392,-0.22973,0.10079,-0.08263,0.03446,-0.086,-0.04265,-0.04176,-0.0279,0.058,0.04058,0.00908,-0.04274,-0.01582,0.05806,0.0871,-0.03094,-0.03474,-0.06892,0.01291,0.06935,0.00455,0.01477,0.03409,0.07732,0.01537,-0.06803,-0.00211,0.01906,-0.02677,-0.00136,-0.01462,0.07409,-0.00472,-0.03782,0.02778,0.12261,-0.02256,0.04952,-0.03254,-0.00815,-0.04444,-0.05118,0.00227,-0.05306,-0.02329,0.05657,-0.05457,0.06547,-0.01314,0.04293,0.02228,-0.00825,-0.07275,0.00825,0.02864,-0.05178,0.0067,-0.00965,-0.07638,-0.00041,-0.03865,-0.00342,-0.06274,0.00412,0.04207,0.0604,-0.07388,0.02049,-0.09983,-0.09746,-0.0065,-0.08157,0.05126,0.02763,0.00156,0.01372,-0.00572,-0.01044,0.04145,-0.04013,0.02405,0,0.08268,0.02817,-0.0028,-0.0264,0.07359,-0.01122,-0.05538,0.00291,0.0317,0.05466,0.00888,0.03517,-0.03512,0.06901,0.0588,-0.12129,0.07272,0.05976,-0.00954,-0.07065,-0.01723,0.00293,-0.02805,0.05077,0.07404,0.07125,-0.04043,-0.04986,-0.04996,0.00367,0.05591,-0.01262,0.02227,0.02338,-0.05747,0.00521,-0.09532,-0.01751,0.03724,-0.02596,0.05676,-0.02952,-0.00834,0.02505,-0.06213,0.08333,-0.02118,-0.0294,0.01999,0.05316,-0.00162,0.03936,0.01516,0.08263,0.04498,-0.04267,-0.02722,0.0731,0.05411,0.06508,0.05047,-0.0523,-0.02457,-0.03357,-0.03536,-0.04235,-0.02121,-0.0705,0.08453,0.00184,-0.01179,0.04641,-0.04689,0.08826,-0.07018,-0.00683,-0.07336,0.04068,-0.02295,-0.02978,-0.06886,-0.00704,0.02476,0.00311,0.0847,-0.10846,0.02942,0.04954,0.00686,-0.05809,0.00137,-0.0014,0.07853,0.01869,0.15913,0,-0.01043,0.05786,0.03818,0.05496,-0.03091,-0.03174,-0.03066,0.01573,-0.00887,0.09462,-0.01738,0.05906,0.04918,-0.00681,0.01657,-0.0155,-0.03322,-0.02358,0.02558,-0.01926,0.03956,0.0467,-0.02119,0.00911,0.09514,0.02101,0.06833,-0.06699,-0.00461,0.02235,0.04487,0.00438,0.01397,-0.01693,-0.03306,-0.00965,0.0413,0.01493,-0.0374,0.00181,-0.04206,0.00536,0.00216,-0.02915,-0.01981,0.00379,-0.04171,0.04044,-0.08806,-0.03822,-0.01608,0.0836,0.06251,-0.04249,-0.04416,-0.04492,0.03523,0.04007,0.02194,-0.00688,-0.02574,-0.06199,0.00192,-0.08551,-0.04156,-0.00375,-0.00199,-0.12021,-0.03572,0.05909,-0.03141,0.07113,-0.05518,-0.01101,0.00228,0.01144,0.05751,0.04801,0.01114,-0.07157,-0.03748,0.01245,-0.02113,0.04041,-0.0072,-0.00621,-0.0231,0.01843,0.05144,0.10359,-0.05055,-0.08872,-0.03074,-0.02116,0.02392,0,-0.11351,0.02389,-0.00101,0.0321,0.03946,0.02322,0.10758,0.10967,-0.01594,0.02929,-0.02252,0.05042,-0.01683,0.04845,0.04131,-0.03479,0.02636,0.02278,0.0175,0.03611,-0.03455,0.0012,0.00055,0.08485,0.03093,-0.0378,0.04582,0.0143,0.05012,0.03969,-0.01934,0.02506,0.06064,0.05457,-0.03835,-0.06224,-0.01296,0.02157,-0.05698,-0.06873,-0.00314,-0.0095,0.01358,0.0211,-0.08188,-0.00597,0.0014,0.00399,0.01588,-0.05689,-0.06638,-0.05995,-0.08839,-0.11685,-0.01439,0.04222,-0.07521,-0.01931,0.02134,-0.03289,0.0012,-0.02739,-0.06186,-0.0631],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Options You Will Usually Change - direction: graph direction via EFLayoutDirection - algorithm: Dagre ranker via EDagreLayoutAlgorithm - nodeGap: spacing between nodes on the same level - layerGap: spacing between levels - defaultNodeSize: fallback size when a node does not provide size EF Layout Direction E Dagre Layout Algorithm node Gap layer Gap default Node Size","excerpt":"Options You Will Usually Change - direction: graph direction via EFLayoutDirection - algorithm: Dagre ranker via EDagreLayoutAlgorithm - nodeGap: spacing between nodes on the same level - layerGap: spacing between levels - defaultNodeSize: fallback size when a node does not provide size"},{"chunkId":"/examples/dagre-layout#6","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.12141,-0.0165,-0.03709,0.05895,-0.03879,0.00278,-0.07856,-0.00034,-0.04484,0.0709,-0.04142,0.04752,-0.06129,0.01264,0.03439,0.03741,0.02518,0.00803,0.06913,-0.10443,-0.02084,-0.02684,-0.02218,-0.0531,0.07936,0.01216,0.01013,0.03111,0.1028,-0.09238,0.04174,0.06653,-0.03502,0.05927,-0.13765,0.0665,-0.03937,0.01212,-0.01169,-0.01631,0.09381,0.11885,0.01895,-0.07283,-0.031,-0.06896,-0.21355,0.06463,-0.06385,0.01985,-0.1185,-0.03316,-0.03841,-0.01985,0.05738,0.01955,0.04765,-0.01297,-0.00062,0.02885,0.07614,-0.02732,-0.02539,-0.01254,0.00706,0.05393,-0.01059,-0.02709,0.03347,0.04502,-0.00866,-0.06426,0.01699,-0.05758,-0.01856,-0.02965,-0.01751,0.03151,0.00284,-0.06794,0.05331,0.10139,-0.03622,0.02679,-0.02808,-0.01649,-0.06346,-0.05679,0.01395,-0.06822,-0.06052,0.06144,-0.01605,0.06992,-0.05295,0.05684,0.03243,0.02333,-0.06508,0.02076,0.0452,-0.01768,0.04034,0.00474,-0.09159,-0.0394,-0.0401,-0.00027,-0.11016,0.02545,0.05989,0.09114,-0.05229,0.02239,-0.11248,-0.08834,-0.00981,-0.09235,0.02751,0.05062,0.01822,0.0321,-0.005,-0.01392,0.04134,-0.04005,0.04373,0,0.04807,0.00134,-0.03629,-0.03815,0.1081,-0.02579,-0.05124,-0.00252,0.05822,0.03853,0.06289,0.04352,-0.03154,0.06287,0.02276,-0.11997,0.06034,0.04655,-0.00884,-0.05965,-0.01406,0.02785,-0.04425,0.05249,0.0407,0.10946,0.00214,0.01021,-0.06031,0.00791,0.07064,0.00724,0.01382,0.04949,-0.06616,-0.02429,-0.09706,-0.0478,0.0043,-0.01429,0.03687,-0.01458,-0.02798,0.00857,-0.05622,0.06352,-0.04364,0.03815,0.03671,0.04691,-0.02485,0.05024,0.01486,0.05772,0.06815,-0.06435,-0.04883,0.10075,0.07452,0.07787,0.02254,-0.01825,-0.04729,0.0015,-0.06699,-0.02847,0.02446,-0.09334,0.07941,0.00322,0.00484,0.04699,-0.02227,0.07602,0.00153,-0.00425,-0.08244,0.03237,-0.03137,-0.00876,-0.07245,-0.01042,0.01743,0.04792,0.07626,-0.09726,0.04762,0.04278,-0.04423,-0.05607,0.00443,0.00423,0.073,-0.00015,0.16869,0,-0.01222,0.04704,0.02949,0.04145,-0.0226,-0.03512,-0.00496,0.05064,-0.01436,0.0785,-0.01611,0.03938,0.0307,0.01967,-0.02318,-0.00891,0.01861,-0.02835,-0.00289,-0.0078,0.05258,0.07769,-0.04188,0.02196,0.03444,0.04564,0.08078,-0.03172,-0.04015,0.04541,0.0428,-0.00213,0.00527,0.03499,-0.02444,0.02629,0.01732,0.05188,-0.06479,0.03839,-0.03701,-0.02868,-0.01723,0.01768,-0.06531,0.00304,-0.02607,0.03114,-0.07294,-0.04911,-0.01455,0.06439,0.0611,-0.06858,-0.05723,-0.04537,0.06053,0.02323,0.00958,-0.01727,-0.00043,-0.06349,-0.01091,-0.06112,-0.01754,-0.00951,-0.0239,-0.16581,0.01535,0.07008,-0.00107,0.09338,-0.05424,-0.04012,0.05793,0.04967,0.07005,0.04721,0.00809,-0.04081,-0.03897,-0.02246,-0.00027,0.02335,-0.0139,-0.01031,-0.07409,0.029,0.02075,0.10129,-0.06905,-0.04336,-0.05912,0.00913,0.04139,0,-0.08148,0.02758,0.02157,0.01915,0.02315,0.02622,0.1068,0.07058,-0.05109,0.01159,-0.02457,0.05349,0.01286,0.07339,0.02248,-0.01911,0.03219,0.02176,-0.01226,0.01914,-0.00817,-0.02355,0.00456,0.07911,0.00304,-0.01678,0.03711,-0.01217,0.05388,0.03284,0.00091,0.03092,0.0667,0.02597,-0.05735,-0.06546,0.02258,0.00184,-0.01372,-0.06022,-0.01637,-0.02003,-0.01482,0.02443,-0.07573,0.0061,-0.02538,0.01877,0.02967,-0.01612,-0.08667,-0.08153,-0.09717,-0.09673,0.01403,-0.00317,-0.00836,-0.00071,0.03657,-0.01242,0.00586,0.00425,-0.04385,-0.06995],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. What This Example Shows - Switching layout direction reactively - Switching Dagre algorithms reactively - Rebuilding the example graph from one graph factory - Adding nodes and recalculating the layout - Fitting the viewport after each render","excerpt":"What This Example Shows - Switching layout direction reactively - Switching Dagre algorithms reactively - Rebuilding the example graph from one graph factory - Adding nodes and recalculating the layout - Fitting the viewport after each render"},{"chunkId":"/examples/dagre-layout#7","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.08931,-0.01732,-0.06391,0.03869,-0.02474,-0.02097,-0.09801,0.02578,0.02809,0.05764,-0.05489,0.07689,-0.05591,0.03056,0.05634,0.04064,0.01781,0.01646,0.0905,-0.13639,0.01067,0.01173,0.00226,-0.04772,0.07657,-0.0162,-0.00301,0.03661,0.07727,-0.08148,0.02414,0.03615,0.00676,0.05856,-0.15048,0.06665,0.02148,0.02448,-0.04129,-0.01365,0.05989,0.14778,0.03853,-0.03373,-0.0397,-0.07511,-0.24439,0.06083,-0.07765,0.05233,-0.09707,-0.0366,-0.02521,-0.01586,0.0838,0.02745,-0.00214,-0.05756,-0.02658,0.02411,0.05063,-0.01223,-0.04135,-0.03458,0.03959,0.05615,0.01603,0.05344,0.06518,0.03202,0.0037,-0.07076,-0.00474,0.00486,-0.03049,-0.00945,-0.02815,0.03593,0.0035,-0.08362,0.03545,0.13422,-0.01866,0.04021,-0.03276,0.01866,-0.02351,-0.05723,0.00667,-0.06867,-0.03009,0.04449,-0.00656,0.04804,-0.01487,0.05949,0.06718,-0.0129,-0.07854,0.01953,0.04439,-0.03548,0.03855,-0.0397,-0.11313,-0.02947,-0.03513,0.00385,-0.08187,0.01156,0.0276,0.05977,-0.06264,0.00002,-0.11958,-0.11337,-0.05267,-0.12766,0.02353,0.05201,0.00241,0.02648,0.00129,0.01534,0.00833,-0.04595,-0.02572,0,0.05509,0.01936,-0.01739,-0.01883,0.07957,-0.03099,-0.05306,0.01561,0.03209,0.0542,0.0166,0.0442,-0.02521,0.09964,0.03507,-0.10321,0.08046,0.07284,0.01789,-0.05114,-0.01432,0.03177,-0.03007,0.09048,0.09105,0.09291,-0.01068,0.01989,-0.06058,0.01627,0.06991,-0.01013,0.00681,0.03829,-0.05659,-0.00745,-0.11892,-0.05083,0.02115,-0.03243,0.06081,-0.02449,-0.02754,0.03466,-0.03803,0.06569,-0.04097,0.00207,0.03678,0.03735,0.00636,0.03883,0.03382,0.08474,0.06564,-0.03905,-0.03126,0.04362,0.05569,0.07473,0.01263,-0.04019,-0.03911,-0.01637,-0.04227,-0.03778,-0.02867,-0.0447,0.105,0.01959,0.00185,0.04877,-0.03784,0.09228,-0.03068,-0.0063,-0.06361,0.03814,-0.05391,0.01315,-0.06547,-0.04462,0.0192,0.02931,0.05877,-0.06385,0.04822,0.05384,-0.03929,-0.03794,0.00039,0.01228,0.0367,0.02599,0.16535,0,-0.0182,0.07877,0.04148,0.03701,0.00706,-0.03255,-0.02621,-0.02164,-0.00551,0.07195,-0.01625,0.02616,0.02713,-0.0123,0.01229,-0.01573,-0.01636,-0.06871,-0.0089,-0.00261,0.01442,0.06987,-0.03865,-0.01478,0.06835,0.02082,0.03426,-0.07566,-0.04013,0.06044,0.04693,-0.01478,-0.00217,-0.03437,-0.01184,-0.00951,0.05431,0.01811,-0.05309,-0.02795,-0.03321,0.01909,0.01496,-0.01097,-0.03196,0.02946,-0.01646,0.04462,-0.05829,-0.03336,-0.02122,0.04358,0.06869,-0.08748,-0.023,-0.04499,0.0588,0.04227,-0.00687,-0.00607,-0.05926,-0.03263,0.00346,-0.05624,-0.04991,-0.04273,-0.00238,-0.13207,-0.03944,0.05021,-0.03237,0.09775,-0.05381,0.00567,0.00174,0.02921,0.06613,0.03793,-0.00815,-0.05376,-0.04324,-0.0284,0.0065,0.05804,0.0055,-0.01873,-0.04449,0.01323,0.01475,0.11205,-0.05483,-0.07005,-0.06319,0.02941,0.03076,0,-0.05989,0.05717,0.00516,-0.0273,0.01301,0.02455,0.07639,0.10441,-0.01979,0.04691,-0.00967,0.04074,-0.04351,0.04965,0.03275,-0.03136,0.05832,0.0248,-0.0111,0.00949,-0.00636,0.00239,-0.01202,0.0973,0.02556,-0.02475,0.05011,0.01001,0.04866,0.0008,0.00585,0.04504,0.04579,0.05296,-0.0213,-0.06589,-0.0173,0.01068,-0.01673,-0.05863,0.0173,-0.0177,0.00463,0.02376,-0.06342,0.02257,-0.02198,-0.00017,-0.00856,-0.02491,-0.11128,-0.08162,-0.06997,-0.08661,-0.00828,0.02339,-0.01809,-0.04053,0.04207,-0.02993,0.00844,-0.00091,-0.0229,-0.06331],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. When to use it Use Dagre when your diagram has a mostly hierarchical structure and you want a predictable directed layout for org charts, dependency graphs, or workflow trees.","excerpt":"When to use it Use Dagre when your diagram has a mostly hierarchical structure and you want a predictable directed layout for org charts, dependency graphs, or workflow trees."},{"chunkId":"/examples/dagre-layout#8","slug":"dagre-layout","route":"/examples/dagre-layout","section":"examples","title":"Angular Dagre Graph Layout Example","description":"Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand.","group":"Layout Engines","vector":[-0.08854,0.01753,-0.06652,0.0422,-0.02467,-0.00856,-0.08071,0.0074,-0.01424,0.06883,-0.05884,0.06406,-0.0466,0.03353,0.04792,0.03316,-0.02027,0.02144,0.08666,-0.13495,-0.01027,0.00093,-0.00507,-0.03104,0.08283,-0.00388,0.00287,0.03024,0.07542,-0.08796,0.04589,0.013,0.02073,0.0662,-0.12391,0.07039,-0.00771,0.00456,-0.02678,-0.01031,0.06617,0.12618,0.0335,-0.06792,-0.04041,-0.0608,-0.24387,0.07142,-0.07854,0.043,-0.11277,-0.06149,-0.04422,-0.0337,0.07175,0.01647,-0.00957,-0.04597,-0.01855,0.03063,0.08568,-0.03691,-0.02729,-0.01777,0.00997,0.06197,-0.01549,0.0516,0.03143,0.02389,-0.00999,-0.07477,-0.0013,-0.02646,-0.02171,-0.01983,-0.04894,0.05775,-0.00477,-0.06527,0.0016,0.08935,-0.00868,0.05018,-0.03861,0.03186,-0.02567,-0.04526,-0.00557,-0.08075,-0.03501,0.02351,-0.03117,0.04246,-0.01431,0.06143,0.04885,-0.00303,-0.09914,0.02108,0.02213,-0.04317,0.04861,-0.03217,-0.0885,-0.00806,-0.05319,0.0157,-0.06978,0.01476,0.02678,0.0671,-0.0486,-0.00034,-0.09044,-0.11288,-0.01872,-0.12467,0.06562,0.06703,0.04587,0.04447,-0.00454,-0.00425,0.03582,-0.04254,0.03413,0,0.0569,0.00421,-0.03362,-0.00425,0.08895,-0.03431,-0.06108,-0.00898,0.01131,0.05014,0.02464,0.03206,-0.01859,0.08545,0.01471,-0.10874,0.06246,0.06075,0.03268,-0.04618,-0.00322,0.00746,-0.04372,0.09057,0.07231,0.09559,0.00797,0.01296,-0.05559,0.01368,0.06995,-0.00399,0.01406,0.03121,-0.04484,-0.00071,-0.10649,-0.02599,0.01283,-0.03629,0.08177,-0.04012,-0.0255,0.00678,-0.06525,0.06363,-0.02087,0.01687,0.06001,0.03311,-0.01457,0.05958,0.02807,0.07928,0.08825,-0.04981,-0.04359,0.06993,0.04409,0.07703,0.04028,-0.0089,-0.04861,-0.04062,-0.04682,-0.04143,-0.02813,-0.06212,0.09314,0.0026,-0.00246,0.05609,-0.02595,0.07329,-0.04716,-0.01478,-0.07626,0.03956,-0.0498,0.00497,-0.07558,-0.07508,0.04492,0.04599,0.09385,-0.06951,0.06702,0.03364,-0.03828,-0.05845,0.01777,0.00943,0.03929,-0.00682,0.1498,0,-0.0097,0.06869,0.02233,0.05837,-0.00536,-0.03034,-0.0083,0.03306,0.00711,0.06886,-0.02298,0.04617,0.02961,-0.0072,0.02152,-0.02314,-0.02282,-0.05547,0.0297,-0.00057,0.03142,0.07246,-0.04276,-0.01883,0.04493,0.03552,0.0444,-0.05019,-0.02834,0.02935,0.04385,-0.01075,-0.0017,-0.00434,-0.02949,-0.01066,0.04904,0.06268,-0.05163,-0.02138,-0.00982,0.00973,-0.01424,-0.00379,-0.03582,0.01043,-0.01073,0.04608,-0.08179,-0.04613,-0.04598,0.05049,0.06762,-0.07617,-0.05618,-0.0543,0.07184,0.04356,0.00516,-0.01731,-0.05945,-0.04019,-0.00017,-0.07011,-0.01,-0.04924,-0.06859,-0.13183,-0.0357,0.06297,-0.02952,0.08089,-0.04595,0.00109,0.05105,0.03849,0.07323,0.04926,0.01136,-0.04235,-0.05372,0.01815,-0.00016,0.05401,0.02381,-0.01449,-0.05883,0.02254,0.01908,0.11961,-0.06599,-0.03786,-0.05128,0.02185,0.04158,0,-0.08754,0.03246,-0.01275,-0.02999,0.03093,0.04388,0.09015,0.10232,-0.0388,0.02761,-0.02456,0.071,-0.03104,0.06418,0.007,-0.014,0.03484,0.04299,-0.00828,0.00701,-0.01727,-0.00546,0.01725,0.08559,0.01485,-0.02167,0.02888,-0.007,0.03593,0.01082,-0.02441,0.04183,0.08479,0.01685,-0.02668,-0.06203,-0.02139,0.02805,-0.03351,-0.05204,-0.00569,-0.02618,0.00144,0.01267,-0.04635,0.01809,-0.01933,0.00463,0.00915,-0.03455,-0.08949,-0.06666,-0.09047,-0.08761,-0.00249,0.03109,-0.00654,-0.02808,0.05051,-0.02576,0.00841,0.03627,-0.02097,-0.06594],"keywords":"Angular Dagre Graph Layout Example Angular Dagre Graph Layout Example Build directed graph and tree layouts with Dagre in Angular. The example generates a graph from node count, recalculates links automatically, and re-runs manual layout on demand. Related docs and examples - Dagre Auto Layout Example - Package README - Angular Diagram Library - ELK.js Layout Example - Flow Docs","excerpt":"Related docs and examples - Dagre Auto Layout Example - Package README - Angular Diagram Library - ELK.js Layout Example - Flow Docs"},{"chunkId":"/examples/dagre-layout-auto#0","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.14427,0.0096,-0.07853,0.0608,-0.05633,0.0457,-0.04425,0.03259,0.05189,0.06568,-0.1113,-0.00046,-0.09826,0.01846,0.028,0.02732,-0.00864,-0.0108,0.01091,-0.08162,0.01843,-0.03561,0.00348,-0.03596,0.10568,0.0312,-0.01521,-0.03986,0.08158,-0.07725,0.05418,0.07302,-0.03069,0.03462,-0.09814,0.06311,-0.07767,-0.03219,-0.06351,-0.05133,0.13651,0.07358,0.02763,-0.0472,-0.02753,0.00291,-0.1045,0.06161,-0.04174,0.02586,-0.05653,0.01812,0.03074,0.06373,0.02743,0.07419,0.09948,-0.02662,0.01042,0.02175,0.04001,-0.01655,-0.02043,0.01297,0.02006,0.06368,-0.02967,-0.0127,0.013,0.03879,0.04085,-0.04733,0.07234,-0.06792,0.03942,-0.03208,-0.0627,0.04392,0.03123,-0.07484,0.08407,0.02478,-0.00587,0.0432,-0.03431,0.02573,-0.00096,-0.08739,0.02529,-0.03759,-0.04443,0.04646,-0.05695,0.01993,0.00878,-0.01865,0.01545,0.0246,-0.07462,0.02795,0.05807,0.00583,-0.00579,0.04179,-0.02059,-0.05646,-0.01309,0.02302,-0.06265,0.01121,0.0185,0.103,0.05701,0.02941,-0.02973,-0.03902,0.00219,-0.04084,0.04493,0.04188,-0.01561,-0.01447,-0.01745,-0.02318,0.08586,-0.02351,0.02593,0,-0.02924,-0.02605,-0.05432,0.01039,0.0146,-0.01485,-0.04285,-0.02256,0.06943,0.03877,-0.0237,0.06269,-0.0378,0.03095,-0.0414,-0.09975,0.04325,0.01864,0.00378,-0.02713,0.1339,0.01078,-0.06941,-0.00253,0.03026,0.07697,-0.00104,0.05194,-0.13293,0.03526,0.04046,-0.01911,0.02496,0.08045,-0.08897,-0.02163,-0.08467,-0.02341,-0.0121,-0.03013,0.01572,0.00089,-0.05753,-0.02435,-0.0651,-0.02939,-0.06255,0.03083,0.05676,0.07676,0.0271,0.03248,-0.00509,0.0239,0.07666,-0.05402,-0.06395,0.06591,0.07965,0.03108,0.03443,0.02414,-0.09018,-0.02198,-0.02701,0.05009,-0.00744,-0.04264,0.04911,0.00973,-0.05468,0.05609,-0.03654,0.04134,0.03783,-0.02786,-0.02241,-0.00305,-0.08837,0.0039,-0.0044,-0.04852,0.0144,0.10048,0.1039,-0.08495,0.0316,-0.03684,-0.10967,-0.01669,0.08338,-0.03344,0.08206,0.01824,0.10184,0,-0.00191,0.06606,-0.00316,0.05721,0.00755,-0.06142,0.00951,0.07111,0.02439,0.04839,-0.04198,0.05889,-0.01653,-0.00639,0.00806,0.00857,-0.01144,-0.10778,0.00643,-0.0026,0.00789,0.03654,-0.03902,-0.02498,0.02801,0.02605,0.08117,-0.00678,0.01467,0.00571,0.0275,-0.00174,-0.1055,-0.01105,-0.04016,-0.04172,-0.0254,0.07007,-0.05648,0.0195,0.01427,-0.00959,-0.08404,0.04359,-0.03198,0.05344,-0.03117,0.00816,-0.0457,-0.00444,-0.03098,0.04129,0.0391,-0.01352,-0.02995,0.02498,0.14848,0.0367,-0.06431,0.01834,-0.02993,-0.06019,0.05713,-0.06153,0.01315,0.06676,-0.04093,-0.0394,0.07545,0.09899,0.04868,0.10357,-0.07776,-0.02214,0.06098,0.0969,-0.00064,-0.01785,0.0231,-0.0007,-0.07921,0.0409,0.00402,0.03431,-0.00321,0.00312,-0.10922,-0.00444,0.02874,0.14088,-0.05804,0.00405,-0.07513,-0.04806,-0.03888,0,-0.12082,0.00051,0.01148,0.01752,0.01139,0.01789,0.03308,0.0311,-0.02217,-0.04948,-0.03577,0.05015,0.02122,-0.04332,-0.03362,-0.02328,0.03873,-0.01587,-0.04068,0.00979,0.01321,-0.03741,-0.01822,0.1386,0.0155,-0.0594,-0.00013,0.00031,0.02216,0.04566,0.00056,0.04862,0.07593,0.08102,-0.07586,0.01382,0.03638,-0.02533,-0.03299,-0.05895,-0.01686,0.00893,-0.01313,0.0039,-0.05374,0.03004,-0.02259,-0.03478,0.01084,-0.05713,-0.05835,-0.01553,-0.11868,0.02142,0.0449,-0.00141,-0.0099,-0.06363,0.04824,0.04719,-0.10381,0.01429,-0.03929,-0.09052],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. Dagre Auto Layout This page shows how to use @foblex/flow-dagre-layout together with Foblex Flow auto mode. The example still rebuilds the graph from component state, but it no longer calls calculate(...) manually. Instead, Flow renders the graph first, measures the nodes, and then asks Dagre to recalculate positions automatically. The important split is: - @foblex/flow-dagre-layout calculates node positions - @foblex/flow detects graph changes, asks the engine to relayout, and redraws the scene - your app still owns graph state through writeback","excerpt":"Dagre Auto Layout This page shows how to use @foblex/flow-dagre-layout together with Foblex Flow auto mode. The example still rebuilds the graph from component state, but it no longer calls calculate(...) manually. Instead, Flow renders the graph first, measures the nodes, and then asks Dagre to recalculate positions automatically. The important split is: - @foblex/flow-dagre-layout calculates node positions - @foblex/flow detects graph changes, asks the engine to relayout, and redraws the scene - your app still owns graph state through writeback"},{"chunkId":"/examples/dagre-layout-auto#1","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.11403,0.03122,-0.03286,0.08397,-0.00471,0.01335,-0.04441,0.02904,0.04405,0.05138,-0.11082,0.00988,-0.10029,-0.02786,-0.00014,0.02334,0.00414,0.00116,-0.01053,-0.06545,0.0415,-0.06777,-0.01786,-0.04976,0.08309,0.02558,-0.05457,-0.02256,0.11492,-0.06892,0.04864,0.08719,-0.01496,0.02954,-0.13219,0.03833,-0.01176,-0.00631,-0.06834,-0.01288,0.13459,0.10321,0.0335,-0.06281,-0.02304,0.00029,-0.11701,0.06263,-0.10095,-0.00378,-0.04053,0.01707,0.01506,0.06615,0.00819,-0.00354,0.04678,-0.02901,-0.01423,0.04424,-0.00322,-0.03672,-0.03903,-0.00542,0.04921,0.06249,-0.00299,-0.0331,0.01981,0.03755,0.06654,-0.01708,0.03429,-0.02129,0.05749,-0.06715,-0.06522,0.07895,0.02942,-0.02287,0.04581,0.06813,-0.00236,0.03178,-0.06377,0.06661,-0.01949,-0.07165,0.03543,-0.0092,-0.05714,0.05887,-0.12979,0.06597,0.02349,-0.02876,0.04063,0.01056,-0.06326,0.00102,0.11222,0.02652,0.03121,0.0614,-0.0221,-0.04881,-0.01739,0.03501,-0.02018,0.06011,0.05855,0.07888,0.04057,0.00559,-0.03793,-0.0551,-0.0207,-0.07278,0.02218,0.05622,-0.04038,0.02538,-0.0399,-0.00328,0.07563,0.0055,0.04463,0,-0.02327,-0.04273,-0.01815,0.00642,0.01907,0.00787,-0.02819,-0.0343,0.06792,0.0193,-0.04514,0.05657,-0.06803,0.02912,-0.01508,-0.08209,0.03464,0.05323,-0.01988,-0.03204,0.11678,0.01235,-0.06046,0.01527,-0.00329,0.04803,-0.01931,0.07433,-0.17023,0.01273,-0.00443,-0.05065,0.09671,0.06393,-0.04531,-0.0094,-0.07604,-0.02693,-0.0271,-0.05174,0.02438,0.02472,-0.01571,-0.00628,-0.07727,-0.03687,-0.06676,0.03445,0.01359,0.05615,0.01233,0.06201,0.06032,0.02791,0.10092,-0.0285,-0.01297,0.08032,0.06002,0.02348,-0.00382,-0.00936,-0.04249,-0.00883,-0.00056,0.07374,0.01237,-0.01854,0.05626,0.00073,-0.00818,0.05519,-0.03722,0.07157,0.07791,-0.01113,0.0059,0.02537,-0.06295,0.05014,-0.02995,-0.03376,0.04292,0.07956,0.07055,-0.10649,0.05168,-0.03448,-0.09061,-0.03957,0.09029,-0.03869,0.11513,-0.01803,0.08322,0,-0.0234,0.03809,0.00068,0.08167,0.00123,-0.05174,-0.01977,0.12089,0.02569,0.02411,0.00374,0.07495,-0.051,-0.03438,0.00362,-0.00217,0.00263,-0.10973,0.02325,-0.02335,0.03698,0.02822,-0.04015,-0.00434,0.01572,-0.00106,0.07334,-0.00955,-0.0247,-0.02255,0.07875,0.01671,-0.08977,0.03759,-0.02558,-0.07698,-0.00912,0.09204,-0.03057,0.05432,-0.03227,0.00362,-0.07118,0.01999,-0.02144,0.04404,-0.01737,-0.03335,-0.00554,-0.01401,-0.00748,0.05936,0.0078,0.03706,-0.02769,-0.01166,0.08215,0.05626,-0.04295,-0.00165,-0.02601,-0.09201,-0.01025,-0.0878,-0.03146,0.0851,-0.03363,-0.01844,0.05105,0.09968,0.02269,0.07521,-0.02264,-0.01956,-0.00347,0.05583,0.03599,-0.00627,0.02887,0.00596,-0.10456,0.0679,0.03064,0.05003,0.03544,-0.00269,-0.08883,-0.02674,-0.00533,0.14813,-0.02298,-0.01606,-0.11911,-0.04434,-0.02193,0,-0.12144,0.0102,-0.0736,0.02494,0.00853,-0.00813,0.02929,0.02318,-0.03411,-0.00072,0.00833,0.03258,0.00314,-0.05866,0.05833,-0.082,0.02269,-0.04697,-0.06224,-0.04475,-0.01673,-0.0185,-0.04038,0.10002,0.03555,-0.06831,0.01197,0.03976,0.04691,0.02898,-0.00478,0.05737,0.0465,0.07372,-0.04579,-0.02496,-0.00235,-0.00446,-0.01127,-0.05683,-0.01835,-0.0249,-0.016,-0.00612,-0.06488,0.03015,-0.00984,-0.00232,0.00929,-0.01258,0.01088,-0.00145,-0.08083,0.00681,0.06856,-0.05134,-0.04663,-0.03121,0.02338,0.00768,-0.07855,0.00898,-0.00648,-0.0716],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. How This Differs From The Manual Example The manual example explicitly calls calculate(...) and usually passes a size for every node before rendering. This auto example works differently: 1. The component rebuilds the source graph from toolbar state. 2. That graph is rendered in f-flow. 3. Flow calls getState({ measuredSize: true }) internally and reads the actual rendered node size from the DOM. 4. Flow then runs Dagre automatically and sends the new positions back through writeback. That is why this example does not pass node sizes into generateGraph(...). Real measured sizes come from rendered nodes, and defaultNodeSize is only a fallback for cases where a measurement is not available yet. get State measured Size generate Graph default Node Size","excerpt":"How This Differs From The Manual Example The manual example explicitly calls calculate(...) and usually passes a size for every node before rendering. This auto example works differently: 1. The component rebuilds the source graph from toolbar state. 2. That graph is rendered in f-flow. 3. Flow calls getState({ measuredSize: true }) internally and reads the actual rendered node size from the DOM. 4. Flow then runs Dagre automatically and sends the new positions back through writeback. That is why this example does not pass node sizes into generateGraph(...). Real measured sizes come from rendered nodes, and defaultNodeSize is only a fallback for cases where a measurement is not available yet."},{"chunkId":"/examples/dagre-layout-auto#2","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.12614,0.01458,-0.08934,0.04953,-0.00523,0.05061,0.00759,0.01958,0.00667,0.02003,-0.02006,0.01376,-0.05508,-0.00126,0.04158,0.03585,-0.05692,-0.02434,-0.00032,-0.0682,-0.0073,-0.05179,0.02858,-0.04388,0.05016,-0.01796,0.00361,0.004,0.03541,-0.06419,0.06959,0.07348,-0.04543,0.01974,-0.06211,0.04993,-0.05406,0.04851,-0.0297,-0.02725,0.06153,0.08264,0.07899,-0.10235,0.00094,-0.02334,-0.12009,0.03974,-0.03359,0.017,-0.07757,-0.03957,0.02189,0.04677,0.0596,0.0327,0.01689,-0.02357,0.05221,0.03366,0.05052,-0.03872,-0.03721,-0.00258,-0.02622,0.04095,-0.03675,0.01128,-0.01353,0.04909,-0.01801,-0.0328,-0.01305,-0.08631,0.09684,-0.01812,-0.05113,0.05794,0.01685,-0.11905,0.03851,0.03343,-0.00862,0.05634,-0.04464,0.02529,-0.01214,-0.07503,0.01962,-0.02877,-0.02342,0.01847,-0.06974,0.05748,0.0191,0.02223,-0.02163,0.04967,-0.09079,0.05139,0.01277,-0.08389,-0.03225,0.07547,0.01604,-0.0309,-0.03477,-0.00513,-0.08425,0.02762,-0.01208,0.08123,-0.01089,-0.01374,-0.05732,-0.08334,0.03747,-0.03431,0.05537,0.0114,0.0172,-0.01065,-0.09781,-0.0056,0.03494,-0.06706,0.07336,0,0.03099,-0.02401,-0.09305,0.04238,0.06593,-0.01066,-0.04182,-0.03547,-0.02066,0.07438,-0.02472,0.02845,-0.09141,-0.03956,-0.05316,-0.14779,0.01433,0.06522,-0.08693,-0.04117,0.05606,0.02349,-0.09941,-0.02469,0.03654,0.03867,-0.01804,0.01953,-0.1092,0.00944,0.05098,-0.0062,0.08297,0.08191,-0.05466,-0.03482,-0.0763,-0.01663,-0.04363,-0.04199,0.04149,-0.01675,-0.02479,-0.01442,-0.03995,-0.02467,-0.03667,0.07736,0.06406,0.01515,-0.01846,0.08387,-0.02912,-0.04608,0.08424,-0.04337,-0.09387,0.12445,0.0325,0.05686,-0.00946,0.05793,-0.07101,-0.05581,0.02802,0.05711,0.00309,-0.10168,0.06239,-0.0594,-0.04139,0.04566,0.02692,0.05884,0.01553,-0.02105,-0.0534,0.03226,-0.03127,-0.00863,-0.0717,-0.06086,-0.03803,0.0848,0.05674,-0.09788,0.06491,-0.0521,-0.07674,-0.05771,0.01237,-0.00982,0.07349,-0.01088,0.09297,0,0.05316,0.05644,0.04101,0.05956,-0.00716,-0.03585,0.0617,0.08679,0.02727,0.0757,-0.03007,0.04044,-0.00686,-0.03552,0.00941,0.02723,-0.04381,-0.05575,-0.01239,-0.00109,-0.02521,0.09654,-0.0543,0.02569,0.02549,0.01093,0.07033,0.10732,-0.01339,0.00468,-0.00343,0.00416,-0.14569,0.02501,-0.02727,-0.05348,0.01645,0.14436,-0.04133,0.04215,0.03776,-0.0025,-0.06084,0.06374,-0.03487,0.02655,0.04199,0.00259,-0.05501,-0.04314,-0.0402,0.01031,0.03998,-0.00023,-0.00122,0.04274,0.10587,-0.01747,-0.03433,-0.04114,0.02023,-0.07372,0.08268,-0.02112,0.08744,0.02741,-0.06104,-0.05405,0.06476,0.06258,0.043,0.09376,0.04502,-0.05102,0.10592,0.07568,0.04854,0.01482,0.02501,-0.00044,-0.11134,0.03361,0.01241,0.03303,-0.04119,-0.00485,-0.10421,0.06448,0.04352,0.06761,-0.04984,-0.01611,0.03359,-0.01413,0.00826,0,-0.09712,-0.02691,-0.01807,-0.06062,-0.00237,0.04876,0.06083,-0.00156,-0.06793,-0.02082,-0.03979,0.09396,0.01779,-0.00026,-0.00804,-0.06847,0.00645,0.02717,-0.07301,0.0262,-0.01653,-0.02469,-0.00851,0.0959,0.0227,-0.0685,-0.03478,-0.0226,0.02062,0.05791,-0.01862,0.0027,0.06412,0.03196,-0.04309,0.02046,0.01431,-0.02402,-0.07149,0.01096,-0.00197,-0.02793,-0.00405,0.01758,-0.00903,0.02541,0.01045,0.02448,0.03103,-0.00944,-0.06988,-0.01608,-0.05134,-0.03685,0.02169,-0.01129,0.01649,0.00625,0.05135,-0.01356,-0.0848,0.07131,0.00704,-0.02589],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. Example ::: ng-component <dagre-layout-auto</dagre-layout-auto [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::","excerpt":"Example ::: ng-component <dagre-layout-auto</dagre-layout-auto [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/dagre-layout-auto/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::"},{"chunkId":"/examples/dagre-layout-auto#3","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.12117,0.01449,-0.08546,0.04198,-0.02026,0.05435,-0.03559,0.00262,-0.0071,0.05528,-0.06912,0.03082,-0.07991,0.02832,0.07313,0.05278,-0.00681,0.00068,0.03978,-0.12158,-0.00985,-0.03451,-0.01906,-0.02848,0.04266,0.00538,0.03825,-0.03452,0.05561,-0.05574,0.04393,0.03334,-0.05577,0.03113,-0.13835,0.02585,-0.0831,0.00733,-0.05474,-0.06171,0.10515,0.06798,0.04448,-0.09279,-0.03416,-0.04096,-0.15447,0.09235,-0.00096,0.00035,-0.0675,-0.03007,0.05019,0.03525,0.03475,0.05415,0.0437,-0.03865,-0.00968,0.02895,0.09972,-0.02042,-0.02661,0.03195,0.01344,0.08283,-0.01365,0.0315,0.02029,0.02966,-0.00076,-0.06779,0.03506,-0.06707,0.04457,-0.02739,-0.06198,0.00488,0.0249,-0.03499,0.10245,0.09007,-0.00596,0.10192,-0.05945,-0.01865,-0.01779,-0.05923,-0.00696,-0.05335,-0.04463,0.0211,-0.03468,0.01506,0.00044,0.00734,0.00464,-0.00824,-0.10127,0.01724,0.05463,-0.05592,-0.02549,0.01348,-0.03215,-0.05676,-0.02508,-0.03225,-0.06223,0.00804,0.01958,0.0918,-0.00388,-0.02685,-0.08319,-0.04796,0.00346,-0.0564,0.016,0.03333,-0.04211,0.00658,-0.04678,-0.00687,0.12293,-0.01555,0.03675,0,0.00291,0.00339,-0.09404,0.00299,0.02105,-0.04188,-0.0479,-0.03933,0.02452,0.02829,0.00048,0.05286,-0.04937,0.03116,-0.03084,-0.11701,0.05792,0.05487,0.02623,-0.09176,0.04565,-0.00136,-0.05672,-0.02402,0.03285,0.05339,-0.02606,0.01239,-0.1094,0.03383,0.04853,0.01021,0.05119,0.07101,-0.06747,-0.0358,-0.14417,-0.02758,0.01244,-0.03241,0.06819,-0.02159,-0.03453,0.01165,-0.00864,0.0207,-0.0393,-0.00771,0.0497,0.03367,0.02244,0.03464,-0.03437,0.05062,0.10231,-0.06585,-0.0811,0.10501,0.08835,0.02662,-0.00093,-0.03778,-0.09126,-0.03127,-0.00695,0.00449,-0.01297,-0.08567,0.03038,0.04997,-0.03282,0.03323,-0.00424,0.06353,-0.016,0.00337,-0.043,0.03845,-0.07505,0.02376,-0.03945,-0.0842,0.0137,0.08444,0.09582,-0.07075,0.08389,-0.03736,-0.06883,-0.01287,0.03857,0.0398,0.09411,0.02305,0.15171,0,-0.01212,0.07276,0.04662,0.05869,0.01678,-0.02955,-0.01123,0.07753,0.0242,0.0914,-0.03858,0.04223,0.06473,-0.00181,-0.02201,0.0255,-0.01013,-0.03608,-0.01146,0.00953,0.0054,0.03211,-0.00926,-0.03501,0.0545,0.0104,0.10954,0.01017,-0.03351,0.05521,0.01056,0.04811,-0.04605,0.01283,-0.0609,-0.0178,-0.00291,0.10907,-0.04552,0.01612,-0.02649,0.00225,-0.07448,0.01999,-0.04821,0.0165,-0.01514,0.01621,-0.07447,0.00453,-0.0694,0.04286,0.05998,-0.01826,0.00393,0.0125,0.10394,0.05083,-0.03199,0.00776,-0.0298,-0.05413,0.06969,-0.0626,0.02265,0.04239,-0.02552,-0.04495,0.02121,0.10978,0.00735,0.08384,-0.05666,-0.01887,0.07657,0.08351,0.04974,0.0019,-0.01044,-0.0361,-0.06832,0.01119,-0.00098,0.01911,-0.01228,-0.00142,-0.09332,-0.0098,0.05573,0.17009,-0.05751,0.01363,-0.04215,-0.06216,0.015,0,-0.06118,-0.00158,0.01121,-0.00641,0.01554,0.04428,0.07082,0.01594,-0.01581,0.01501,-0.06376,0.05992,-0.01648,0.01158,-0.01544,-0.01157,0.01391,0.00055,-0.03552,0.04203,0.01974,-0.01782,0.02062,0.12613,0.03726,-0.02218,-0.02328,-0.03748,0.02479,0.07081,-0.01185,0.02768,0.05316,0.05684,-0.04206,0.03258,0.02349,-0.03584,-0.05476,-0.09324,0.01585,0.0151,-0.00664,-0.01759,-0.07599,0.01011,0.00799,-0.01766,0.04766,-0.00858,-0.03374,-0.04608,-0.07965,-0.03063,0.03907,0.0197,-0.00498,-0.04597,0.05282,-0.01221,-0.06225,0.05803,-0.03586,-0.0863],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. Install If you prefer manual installation: You do not need to install dagre separately because the adapter ships it as a runtime dependency.","excerpt":"Install If you prefer manual installation: You do not need to install dagre separately because the adapter ships it as a runtime dependency."},{"chunkId":"/examples/dagre-layout-auto#4","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.12576,0.01416,-0.06428,0.05507,-0.05267,0.08681,-0.0621,0.01129,0.0154,0.06373,-0.09461,0.03336,-0.05736,-0.03305,0.0099,0.02765,-0.01618,-0.01114,-0.00704,-0.10207,-0.00465,-0.05622,-0.02487,-0.03152,0.08113,0.04502,-0.0054,-0.02004,0.06336,-0.0593,0.04606,0.03188,-0.06378,0.02498,-0.15504,0.022,-0.0912,0.00981,-0.00231,-0.04235,0.11658,0.0682,0.02985,-0.09491,-0.01342,-0.01493,-0.13152,0.09836,-0.05811,0.01813,-0.02504,-0.01839,0.0214,0.05874,0.03902,0.05303,0.08844,-0.02689,-0.01971,0.07176,0.06937,-0.00896,-0.02337,0.00987,0.0308,0.07638,-0.01181,0.03412,0.0172,0.05347,0.05774,-0.03838,0.04019,-0.04955,0.05061,-0.04831,-0.08109,0.04622,0.00046,-0.04192,0.09298,0.05885,0.01473,0.07149,-0.03362,-0.02465,0.00724,-0.04898,0.02483,-0.03559,-0.02877,0.05261,-0.06325,0.02937,0.01975,-0.00028,-0.00187,0.02696,-0.05174,0.00077,0.07367,-0.01272,-0.03427,0.02014,-0.01053,-0.01022,-0.03094,0.01565,-0.06876,0.00839,0.04887,0.08037,-0.00594,0.01658,-0.0765,-0.04421,0.00916,-0.03878,0.00995,0.04642,-0.01727,0.04532,-0.0279,-0.04144,0.08924,-0.01366,0.05437,0,-0.02012,-0.03011,-0.08847,0.02891,0.0277,0.0139,-0.06354,-0.03798,0.05192,0.00316,0.01726,0.06334,-0.08556,-0.00092,-0.0416,-0.10604,0.05922,0.06045,0.00133,-0.04669,0.06104,-0.03037,-0.09618,-0.00783,0.03271,0.06754,-0.02613,0.06464,-0.16039,0.01595,0.05862,-0.00347,0.03302,0.05133,-0.063,-0.02671,-0.09511,-0.01987,0.02166,-0.02406,0.05275,-0.01013,-0.05423,-0.01384,-0.07212,0.01957,-0.03806,0.0227,0.03758,0.04524,0.01469,0.07108,0.00484,0.01056,0.07379,-0.08115,-0.06605,0.1052,0.11255,0.04776,-0.00173,-0.03695,-0.09015,-0.02951,0.00329,0.02671,0.01681,-0.08362,0.05339,0.01817,-0.03364,0.02708,0.00955,0.07118,0.01844,-0.00966,-0.03432,0.01588,-0.11317,0.02828,-0.0065,-0.06556,0.02605,0.0611,0.08698,-0.11841,0.0633,-0.02405,-0.10178,-0.03488,0.05409,0.00842,0.14106,0.03047,0.13023,0,0.02294,0.0621,0.07491,0.06385,0.01561,-0.03475,0.00149,0.08663,-0.00758,0.06463,-0.0469,0.03963,0.00522,0.00117,-0.03064,0.05705,-0.00535,-0.07443,0.02793,-0.02282,0.02439,0.0006,-0.02186,-0.00518,0.02575,0.01761,0.08129,-0.04558,-0.01701,0.01608,0.02402,-0.03814,-0.04931,-0.00896,-0.04776,-0.02402,-0.00919,0.09675,-0.02768,0.05998,-0.00341,-0.00525,-0.06209,0.0105,-0.02153,0.05886,-0.04554,0.02132,-0.08729,-0.01726,-0.03565,0.09947,0.03196,-0.03477,0.02585,0.01066,0.09698,0.02095,-0.04274,-0.0063,-0.04321,-0.08196,0.08135,-0.06754,0.00857,0.08334,-0.00796,-0.06378,0.02931,0.10396,0.02542,0.07812,-0.03236,-0.00947,0.05805,0.03902,0.06675,-0.0334,0.02954,-0.00737,-0.07825,0.03502,0.01604,-0.00791,-0.05447,0.02669,-0.07004,-0.01079,0.04986,0.13663,-0.06228,0.00756,-0.04588,-0.07859,-0.00119,0,-0.09627,0.00644,0.0162,0.02964,0.01282,0.01186,0.05182,0.05684,-0.00724,-0.01795,-0.03879,0.0355,0.00674,-0.00936,0.00852,-0.03212,0.02241,-0.01537,-0.03526,-0.00055,0.03059,0.00275,0.03189,0.1279,0.02636,-0.0431,-0.00637,0.01342,0.04003,0.04735,-0.0192,0.00694,0.07328,0.05008,-0.04747,-0.01597,-0.00122,-0.02659,-0.03203,-0.03513,0.00057,-0.02164,0.01146,-0.01098,-0.02283,-0.00571,0.01094,-0.00931,0.00966,-0.03184,-0.0168,-0.04171,-0.07507,-0.01091,0.03034,0.00108,-0.0183,-0.05359,0.06898,0.00907,-0.12654,0.01944,-0.04432,-0.08218],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. How Auto Mode Works 1. Provide the layout engine with mode: EFLayoutMode.AUTO. 2. Rebuild and render your nodes and connections in f-flow. 3. When the rendered graph changes, Flow collects measured node sizes and calls calculate(...) automatically. 4. Use setInteractiveOptions(...) to keep the engine in sync with toolbar state. 5. Use setWriteback(...) to sync calculated positions back into your application state. EF Layout Mode set Interactive Options set Writeback","excerpt":"How Auto Mode Works 1. Provide the layout engine with mode: EFLayoutMode.AUTO. 2. Rebuild and render your nodes and connections in f-flow. 3. When the rendered graph changes, Flow collects measured node sizes and calls calculate(...) automatically. 4. Use setInteractiveOptions(...) to keep the engine in sync with toolbar state. 5. Use setWriteback(...) to sync calculated positions back into your application state."},{"chunkId":"/examples/dagre-layout-auto#5","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.14005,0.04248,-0.06697,0.06371,-0.04459,0.05275,-0.05546,0.04009,-0.01223,0.06999,-0.08971,0.00507,-0.06562,-0.00194,0.03319,0.0356,0.02665,-0.01159,0.00433,-0.079,0.0122,-0.05712,-0.02589,-0.04526,0.08845,0.03249,0.00413,-0.0123,0.10975,-0.06645,0.05081,0.06782,-0.02673,0.03969,-0.12372,0.03606,-0.0661,0.01892,-0.03005,-0.06051,0.11499,0.11143,0.03419,-0.08223,-0.03439,-0.02171,-0.13806,0.04246,-0.07093,0.00034,-0.06173,-0.00927,0.02886,0.029,0.02501,0.01888,0.06725,-0.03012,0.00766,0.06092,0.0562,-0.00516,-0.02009,0.00077,0.05231,0.07838,-0.0231,-0.01017,0.00698,0.05747,0.0347,-0.05531,0.04356,-0.04683,0.06312,-0.07181,-0.09152,0.03487,0.01594,-0.04172,0.06404,0.07902,-0.00492,0.07648,-0.06208,0.00704,-0.0073,-0.09059,0.03657,-0.03196,-0.06072,0.03514,-0.07127,0.05711,0.00275,-0.0137,0.03274,0.00396,-0.07598,0.00322,0.07949,-0.00108,0.00034,0.01766,-0.02146,-0.02877,-0.0367,0.01616,-0.06924,0.02907,0.04471,0.10423,-0.00798,-0.01101,-0.04368,-0.06511,-0.00162,-0.08176,0.02537,0.05595,-0.00736,0.02135,-0.03503,-0.01419,0.10231,0.00329,0.04941,0,-0.0044,-0.02319,-0.07565,0.01325,0.06186,0.00935,-0.04112,-0.03364,0.05903,0.00404,0.01358,0.05493,-0.0666,0.04986,-0.03504,-0.11103,0.03723,0.05194,-0.00744,-0.04352,0.07578,0.01052,-0.06142,-0.00556,0.03907,0.07338,0.0012,0.0739,-0.1632,0.01983,0.02611,-0.01585,0.05958,0.07544,-0.07007,-0.02719,-0.10606,-0.02234,-0.00871,-0.03615,0.05111,-0.00326,-0.0468,-0.01522,-0.04673,0.00975,-0.03597,0.03572,0.01537,0.04264,0.01087,0.0758,0.01642,0.02267,0.0819,-0.06424,-0.04011,0.09848,0.10913,0.05317,-0.00413,0.01153,-0.08831,0.01113,-0.03245,0.02361,0.0111,-0.07157,0.04556,0.00777,-0.02424,0.04114,-0.02002,0.06341,0.03709,-0.01579,-0.02714,0.01999,-0.1057,0.03205,-0.04191,-0.05231,0.04381,0.08189,0.07723,-0.11369,0.06294,-0.02387,-0.07706,-0.04849,0.03413,-0.04537,0.09264,0.01256,0.13316,0,0.01017,0.04216,0.05934,0.06025,0.01032,-0.05311,0.00008,0.09663,0.00809,0.0738,-0.02054,0.0547,0.00054,-0.01866,-0.03506,0.02793,-0.03171,-0.09057,0.02044,-0.03048,0.03057,0.01715,-0.0386,-0.00409,0.02632,0.00609,0.07351,-0.0067,-0.01457,0.00977,0.05119,0.00604,-0.05713,0.00327,-0.0617,-0.02119,-0.00934,0.08322,-0.04639,0.03755,-0.01695,-0.01639,-0.08177,0.02974,-0.05303,0.03332,-0.01705,-0.01251,-0.04093,-0.01099,-0.00614,0.06612,0.03906,-0.01366,-0.0133,-0.01572,0.0961,0.0428,-0.04719,-0.00538,-0.03739,-0.08992,0.04755,-0.07581,-0.00113,0.05975,-0.02231,-0.04046,0.03517,0.11793,0.05387,0.08957,-0.04269,0.00984,0.06525,0.05407,0.04931,0.0011,0.04163,-0.00354,-0.07224,0.01585,0.01566,0.03418,-0.02523,0.03274,-0.11882,0.01225,0.0232,0.15436,-0.06672,-0.01414,-0.0761,-0.05716,-0.00293,0,-0.09799,0.00815,0.01868,0.00442,0.00638,0.00421,0.04694,0.04424,-0.03233,0.00513,-0.03283,0.02833,-0.00003,-0.01194,-0.00846,-0.03851,0.02345,0.00563,-0.04055,-0.01524,0.00309,-0.00721,0.01426,0.11872,0.0417,-0.0509,-0.00477,0.0152,0.05736,0.03757,-0.00976,0.0487,0.0585,0.03628,-0.06106,-0.0089,0.02551,-0.03578,-0.04774,-0.0661,-0.03916,-0.02897,-0.00651,-0.00782,-0.05669,0.02482,-0.00199,0.00223,0.00702,-0.05161,-0.02277,-0.04226,-0.09509,-0.00952,0.03431,-0.00199,-0.03597,-0.03376,0.06735,0.00117,-0.08874,0.03348,-0.03672,-0.07769],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. What This Example Shows - Rebuilding the source graph reactively from toolbar state, just like the manual example - Letting auto mode calculate positions after render instead of calling calculate(...) manually - Measuring real rendered node sizes from Flow instead of passing size in the demo graph - Keeping application state in sync through writeback - Reusing the same graph factory as the manual example with less layout code in the component","excerpt":"What This Example Shows - Rebuilding the source graph reactively from toolbar state, just like the manual example - Letting auto mode calculate positions after render instead of calling calculate(...) manually - Measuring real rendered node sizes from Flow instead of passing size in the demo graph - Keeping application state in sync through writeback - Reusing the same graph factory as the manual example with less layout code in the component"},{"chunkId":"/examples/dagre-layout-auto#6","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.11717,0.02252,-0.07966,0.04424,-0.03979,0.05859,-0.04813,0.00536,0.02489,0.05694,-0.08127,0.05288,-0.09429,0.02279,0.0556,0.02462,0.01769,-0.02041,0.02777,-0.10039,0.00633,-0.0714,-0.03059,-0.03144,0.04726,0.02854,0.01617,-0.00936,0.08228,-0.08414,0.03147,0.05798,-0.04978,0.04047,-0.15679,0.03267,-0.06055,0.00735,-0.04233,-0.05005,0.10316,0.05202,0.02999,-0.0682,-0.01819,-0.00263,-0.14369,0.05885,-0.02633,0.0054,-0.06117,-0.02474,0.02236,0.03622,0.02879,0.04952,0.07422,-0.03888,-0.0159,0.0297,0.06544,-0.02279,-0.04597,0.01725,0.01135,0.0754,-0.02803,0.0254,0.03147,0.07548,0.03797,-0.0591,0.01622,-0.08283,0.0448,-0.0604,-0.064,-0.00416,-0.02321,-0.04142,0.09608,0.10064,-0.00858,0.07774,-0.06776,-0.00035,-0.0215,-0.06618,0.00172,-0.02172,-0.05745,0.06614,-0.04985,0.02276,0.01418,0.0372,-0.0108,-0.01645,-0.07031,0.00543,0.06443,-0.05881,-0.01966,0.03528,0.00346,-0.04744,-0.03264,0.0165,-0.04596,0.00427,0.02921,0.10197,0.00773,-0.02038,-0.08837,-0.04173,-0.0041,-0.0315,0.02888,0.09675,-0.04023,0.01965,-0.01316,-0.04066,0.12126,-0.01473,0.05039,0,-0.00427,-0.02387,-0.07578,0.02119,0.02483,0.00705,-0.06239,-0.05006,0.06917,0.01132,0.02023,0.03197,-0.07563,0.0483,-0.06086,-0.12376,0.04382,0.05032,0.00446,-0.04801,0.0616,-0.03655,-0.06918,-0.00193,0.05037,0.0414,-0.01223,0.04768,-0.16142,0.03132,0.03922,-0.0154,0.02855,0.06832,-0.07236,0.00357,-0.11837,-0.00966,0.01368,-0.02984,0.02738,-0.00844,-0.05235,0.02628,-0.02696,0.0159,-0.03356,0.00885,0.01769,0.02924,0.02754,0.04386,0.02169,0.0434,0.10039,-0.07906,-0.05777,0.08901,0.05305,0.03597,0.0255,-0.0111,-0.1121,-0.00058,0.01754,0.01796,-0.00272,-0.08367,0.0365,-0.0184,-0.05143,0.01385,-0.02344,0.06348,-0.01023,-0.0053,-0.02555,0.05301,-0.07233,0.04573,-0.04126,-0.03474,0.03216,0.08743,0.07536,-0.08309,0.07132,-0.04149,-0.05665,-0.01174,0.05544,0.01993,0.12676,0.03578,0.13864,0,0.00661,0.06577,0.05179,0.05198,0.01773,-0.03386,0.00896,0.07848,0.03699,0.07908,-0.00398,0.06884,-0.00255,-0.02418,-0.03278,0.00487,-0.03713,-0.07251,0.02405,0.00249,0.00986,0.02831,-0.04379,-0.0402,0.03717,0.01465,0.05513,0.00383,-0.03118,0.03473,0.0258,0.01755,-0.01953,0.00415,-0.04744,0.00596,-0.0298,0.11583,-0.03626,0.05607,-0.02073,0.0125,-0.07524,0.02502,-0.0543,0.02923,-0.04134,-0.01165,-0.08253,0.00475,-0.06727,0.08588,0.05594,-0.01963,0.00704,0.0165,0.0821,0.02948,-0.05581,0.0149,-0.0119,-0.04536,0.05215,-0.06152,-0.00143,0.03062,-0.03426,-0.06587,0.03535,0.11079,0.0194,0.07623,-0.0696,0.01754,0.08763,0.04315,0.04609,0.00333,-0.00038,0.00165,-0.09069,0.0443,-0.03388,0.04817,-0.02742,0.01719,-0.09912,-0.04993,0.04763,0.14581,-0.04388,-0.01328,-0.07121,-0.06157,0.00718,0,-0.08747,-0.02608,0.04345,-0.02482,0.01986,0.0333,0.04656,0.02869,-0.01322,0.00743,-0.02057,0.05967,-0.00092,-0.02972,-0.00409,-0.01008,0.04463,-0.0146,-0.04209,0.02112,0.01629,-0.01474,-0.00111,0.11559,0.0264,-0.02966,0.02258,-0.02618,0.01424,0.07277,-0.00803,0.03364,0.04703,0.0706,-0.05366,0.01919,0.01494,-0.02659,-0.06141,-0.07509,0.00968,-0.00044,0.00206,-0.01425,-0.07218,0.01444,0.01852,0.01796,0.0061,-0.03479,-0.04844,-0.03854,-0.07887,-0.01659,0.06019,0.01145,0.00095,-0.03509,0.05587,0.00004,-0.09241,0.04944,-0.04106,-0.11174],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. When To Choose Auto Mode Use auto mode when you want Flow to orchestrate the layout cycle for you: - render the graph - measure nodes - call the layout engine - apply new positions - redraw connections Manual mode is still the better choice when you need full control over exactly when layout runs or when layout should happen outside the rendered Flow lifecycle.","excerpt":"When To Choose Auto Mode Use auto mode when you want Flow to orchestrate the layout cycle for you: - render the graph - measure nodes - call the layout engine - apply new positions - redraw connections Manual mode is still the better choice when you need full control over exactly when layout runs or when layout should happen outside the rendered Flow lifecycle."},{"chunkId":"/examples/dagre-layout-auto#7","slug":"dagre-layout-auto","route":"/examples/dagre-layout-auto","section":"examples","title":"Angular Dagre Auto Layout Example","description":"Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes.","group":"Layout Engines","vector":[-0.11326,0.04105,-0.08777,0.05498,-0.00734,0.04081,-0.03944,-0.00811,0.00144,0.08167,-0.1051,0.05125,-0.07574,0.02039,0.06009,0.03544,-0.02147,-0.01,0.02301,-0.12159,-0.01332,-0.02572,-0.03379,-0.0247,0.03339,0.02157,0.03165,-0.02547,0.05624,-0.06575,0.0545,0.0139,-0.03087,0.04094,-0.12632,0.04859,-0.10409,-0.01623,-0.04589,-0.04486,0.09764,0.07348,0.03697,-0.09925,-0.04281,-0.03428,-0.16099,0.09481,-0.01667,0.02698,-0.06429,-0.0529,0.0276,0.04778,0.03087,0.06107,0.04104,-0.0288,-0.01116,0.02978,0.10746,-0.01815,-0.01704,0.03184,0.01422,0.07513,-0.03764,0.02575,-0.00671,0.06053,0.03548,-0.07147,0.04293,-0.06424,0.06231,-0.031,-0.06468,0.02507,0.03844,-0.03983,0.0836,0.06502,-0.01102,0.0823,-0.06197,-0.01774,-0.00367,-0.07152,-0.00669,-0.05804,-0.04153,0.00747,-0.02769,0.01505,-0.01762,0.00894,0.00507,-0.00225,-0.09245,0.01958,0.06205,-0.03947,-0.01871,-0.00767,-0.02533,-0.04693,-0.03558,-0.01426,-0.06701,0.03217,0.01119,0.11982,-0.02213,-0.01565,-0.07965,-0.05987,0.02567,-0.06022,0.03596,0.03772,-0.00552,0.00158,-0.02386,-0.0045,0.10966,-0.00034,0.04616,0,-0.00229,-0.00041,-0.10933,0.00806,0.02731,-0.02674,-0.05186,-0.034,0.02768,0.04347,0.00992,0.06062,-0.01703,0.03055,-0.02537,-0.11703,0.04984,0.05489,0.02122,-0.07879,0.05098,-0.00392,-0.05288,-0.0261,0.03758,0.057,-0.03381,-0.0077,-0.14154,0.03815,0.03559,0.01519,0.03066,0.05372,-0.05965,-0.00455,-0.11255,-0.03001,0.00053,-0.05051,0.08207,-0.02676,-0.02864,-0.00594,-0.0133,0.01714,-0.04295,0.00718,0.02741,0.00639,0.0138,0.05008,0.00483,0.04067,0.10792,-0.07347,-0.06965,0.08057,0.09456,0.02917,0.04073,-0.02436,-0.09001,-0.02372,-0.02744,0.0023,-0.0005,-0.07896,0.02958,0.0287,-0.02669,0.03341,0.00026,0.06687,-0.05296,-0.00072,-0.04597,0.0178,-0.06237,0.00558,-0.03936,-0.09524,0.01585,0.08642,0.08077,-0.08295,0.07476,-0.041,-0.07889,-0.00703,0.04088,0.02749,0.10001,0.01674,0.15302,0,-0.00192,0.05994,0.02092,0.05365,0.00302,-0.04094,0.01251,0.09716,0.0237,0.07467,-0.04005,0.03612,0.035,-0.00553,-0.03986,0.02915,-0.02143,-0.03132,0.02676,-0.0015,0.02168,0.0091,-0.03035,-0.0067,0.04772,0.02525,0.09265,0.00652,-0.03422,0.03044,0.00473,0.02198,-0.02162,0.01353,-0.05294,0.00785,-0.00434,0.11894,-0.02959,0.01554,-0.01028,0.01586,-0.06312,0.04135,-0.04027,0.03067,-0.03843,0.0369,-0.06976,-0.00587,-0.06691,0.0288,0.05887,-0.03384,-0.01218,0.01836,0.07209,0.04936,-0.04174,0.01879,-0.02789,-0.04796,0.08383,-0.05008,0.03482,0.01115,-0.05394,-0.05018,0.01448,0.09997,0.00712,0.0817,-0.06612,0.00725,0.07878,0.06914,0.06624,-0.02587,0.00895,-0.03498,-0.07072,0.0332,-0.02258,0.02377,-0.01254,0.01565,-0.08983,-0.00795,0.04535,0.16258,-0.06684,0.01615,-0.04186,-0.07986,0.01438,0,-0.07761,-0.00335,0.02748,0.00202,0.01502,0.04075,0.07304,0.01554,-0.00931,-0.02272,-0.08225,0.08066,-0.00922,-0.00247,-0.02998,0.02294,0.00671,-0.00052,-0.03569,0.02291,0.00487,-0.00641,0.03094,0.13004,0.04179,-0.02195,-0.03446,-0.03862,0.049,0.07117,-0.03365,0.02758,0.08491,0.0433,-0.04634,0.04516,0.02036,-0.02367,-0.06977,-0.08826,0.00909,-0.00626,-0.00462,-0.01752,-0.0721,0.02648,0.01184,0.00798,0.03696,-0.03624,-0.04448,-0.05183,-0.0718,-0.02986,0.03571,0.01943,-0.00071,-0.04876,0.08319,-0.00876,-0.05397,0.06076,-0.02841,-0.0641],"keywords":"Angular Dagre Auto Layout Example Angular Dagre Auto Layout Example Use Foblex Flow auto mode with Dagre in Angular. The example keeps app state as the source of truth, rebuilds the graph reactively, and lets auto relayout reposition nodes. Related docs and examples - Dagre Layout Example - ELK.js Auto Layout Example - Package README","excerpt":"Related docs and examples - Dagre Layout Example - ELK.js Auto Layout Example - Package README"},{"chunkId":"/examples/elkjs-layout#0","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.0761,0.03936,-0.04252,0.03489,0.01294,0.00204,-0.0642,0.00004,-0.01019,0.0875,-0.0832,-0.0101,-0.08326,0.02215,0.03558,0.00909,-0.00002,-0.06988,0.05802,-0.01115,-0.04301,-0.05991,-0.03449,-0.04155,0.06497,0.07499,-0.00574,0.00043,0.07759,-0.09268,0.09738,-0.00611,-0.0135,0.04842,-0.12858,0.0558,-0.06611,-0.03787,-0.04299,-0.01058,0.07245,0.10402,-0.02203,-0.066,-0.05856,-0.00453,-0.09328,0.03305,-0.0152,0.11776,-0.03965,-0.08191,-0.04616,-0.00727,0.01395,0.05899,0.0148,-0.00426,-0.01017,0.04819,0.07611,-0.0594,0.02165,0.0141,0.01751,0.05543,-0.06788,-0.05012,-0.05948,0.0216,0.03239,-0.0397,0.03916,-0.08762,0.03223,0.01184,-0.01101,0.05967,0.02546,-0.06018,0.00393,0.01166,-0.00856,0.04211,-0.03926,0.04515,-0.02599,-0.13741,-0.00183,-0.03509,-0.05501,-0.01757,-0.05178,-0.00631,0.01153,0.04469,-0.01522,0.04512,-0.10309,-0.01488,0.02419,-0.04719,0.02786,-0.0117,0.0044,0.01199,-0.08833,0.03755,-0.10988,0.02755,0.03368,0.13221,0.03561,0.03707,0.01151,-0.03593,-0.00796,-0.07447,0.07622,0.09315,0.01244,0.04524,0.05107,0.0214,0.08339,0.04067,0.05499,0,0.00866,0.01117,-0.05696,0.0377,0.06246,0.02792,-0.03711,-0.03837,0.02269,0.01807,0.00114,0.08533,0.01009,0.04736,0.02722,-0.06794,0.01956,0.03112,0.01339,-0.00963,0.0368,-0.03331,-0.04587,0.03302,0.03492,0.10419,-0.04624,0.02901,-0.12631,0.02745,0.01651,0.05793,-0.03517,-0.00005,-0.05201,0.03267,-0.03904,0.01459,-0.05369,-0.07329,0.04564,0.00337,-0.04433,-0.04794,-0.08931,-0.00197,-0.02554,0.03455,0.06772,-0.00174,-0.06829,0.01793,0.10368,0.05201,0.13003,-0.07035,0.02858,0.03306,0.03465,-0.01216,0.08293,0.04487,-0.07596,-0.00981,-0.02916,0.03438,0.03242,-0.02442,0.00652,-0.02473,-0.00895,0.09979,0.02915,0.03638,-0.01038,-0.04256,-0.06012,0.00714,-0.01274,-0.01872,-0.0636,-0.03438,0.00325,0.0481,0.06409,-0.07314,0.04147,0.00924,-0.0326,-0.00955,0.07315,-0.03272,0.02816,-0.00172,0.01519,0,-0.01528,0.02896,0.00589,0.0237,-0.00306,-0.04847,0.07134,0.08872,-0.01127,0.03023,-0.0024,0.03496,-0.03178,-0.01426,0.02429,-0.00849,-0.0606,-0.07459,0.07997,-0.09389,-0.00669,0.0194,-0.03065,-0.00512,0.05438,0.02591,-0.00562,-0.01483,-0.01802,-0.04391,-0.03844,-0.03704,0.00817,-0.02655,-0.01861,0.02041,-0.02338,0.08727,0.01731,-0.06575,-0.05257,0.02675,-0.08933,0.07498,-0.00846,0.06696,-0.06275,0.03323,-0.07478,-0.0161,-0.04822,0.0542,0.05072,-0.02377,-0.09243,0.01036,0.05355,0.03624,-0.04248,0.01333,-0.03613,-0.0247,-0.00146,-0.06016,-0.00153,0.01227,-0.10972,-0.08593,0.05125,0.13398,0.04932,0.03207,-0.03004,0.01091,0.15023,0.04887,0.10019,0.04104,0.05181,-0.01028,-0.06601,0.08144,0.00758,0.0824,0.04277,0.0374,-0.08985,-0.02297,0.00367,0.11133,-0.04682,-0.02169,-0.07078,-0.03197,0.04912,0,-0.11132,0.00901,-0.00995,-0.03248,0.02267,0.07029,0.0881,0.05216,-0.03451,-0.01113,-0.07219,0.09992,-0.0229,0.04095,-0.01496,-0.00253,0.0218,0.02303,-0.02914,-0.03243,-0.02354,-0.02314,0.01785,0.11225,0.01632,-0.0542,-0.01299,-0.04501,-0.0078,0.04148,-0.10602,0.04044,0.10253,0.04677,-0.04523,0.01331,-0.03723,0.04,-0.01383,0.00837,-0.03048,0.02378,0.00527,-0.03214,-0.00652,0.06759,0.00218,0.00824,0.02893,-0.05917,-0.0755,-0.02214,-0.10374,-0.00821,0.01364,0.01367,-0.04393,-0.07457,0.07563,-0.00435,-0.02344,0.02711,-0.03252,-0.07257],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. ELK.js Layout This page shows how to use @foblex/flow-elk-layout to calculate a manual graph layout with ELK.js and then render the result with Foblex Flow. The important split is: - @foblex/flow-elk-layout calculates positions with ELK.js - @foblex/flow renders nodes, connections, zoom, drag, and viewport behavior - your app remains the owner of graph state","excerpt":"ELK.js Layout This page shows how to use @foblex/flow-elk-layout to calculate a manual graph layout with ELK.js and then render the result with Foblex Flow. The important split is: - @foblex/flow-elk-layout calculates positions with ELK.js - @foblex/flow renders nodes, connections, zoom, drag, and viewport behavior - your app remains the owner of graph state"},{"chunkId":"/examples/elkjs-layout#1","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.07363,0.025,-0.093,0.04313,0.02319,0.0325,-0.04922,-0.00637,-0.02375,0.05753,-0.01363,-0.00381,-0.06039,-0.02292,0.03038,0.02165,-0.06988,-0.05446,0.03526,-0.02712,-0.03703,-0.03919,0.00194,-0.0319,0.02605,0.01533,-0.00805,0.03259,0.03878,-0.06065,0.06216,0.03834,-0.03883,0.03385,-0.06688,0.07221,-0.03179,0.0561,-0.05524,-0.00962,0.06325,0.0921,0.02959,-0.10104,-0.03091,-0.00017,-0.14439,0.02621,-0.018,0.07559,-0.06856,-0.08961,-0.04836,0.01457,0.06799,0.04555,-0.02404,-0.00413,0.02977,0.02112,0.06273,-0.07817,-0.00319,-0.01369,0.00813,0.03876,-0.05905,-0.01315,-0.07901,0.04032,-0.00681,-0.03719,-0.05281,-0.08246,0.07838,0.0299,0.00823,0.08296,0.01098,-0.11541,-0.02688,0.03534,-0.01269,0.02268,-0.0484,0.05251,-0.01276,-0.10487,0.02483,-0.01265,-0.02464,-0.00371,-0.08664,0.01294,0.03186,0.04521,-0.03322,0.06281,-0.07895,0.03024,-0.01179,-0.10448,0.00159,0.04628,0.04052,0.01347,-0.05588,0.03835,-0.09688,0.02427,0.00144,0.09937,0.01154,-0.01766,-0.01025,-0.07098,0.03062,-0.05756,0.07894,0.05111,0.04696,0.02914,-0.02607,0.0236,0.01669,-0.02976,0.06986,0,0.03308,-0.02118,-0.06189,0.0498,0.07259,0.0041,-0.02783,-0.02715,-0.04283,0.07304,-0.06088,0.04519,-0.0492,-0.0208,0.02213,-0.12778,0.00683,0.05597,-0.04829,-0.00661,0.02811,-0.00763,-0.07079,0.01742,0.04217,0.04335,-0.02487,-0.00728,-0.11468,0.00761,0.04699,0.05054,0.03096,0.02428,-0.02701,-0.00967,-0.0292,0.01635,-0.08179,-0.07526,0.05875,-0.00754,-0.02644,-0.02731,-0.05611,-0.01749,-0.00505,0.07281,0.08274,-0.02009,-0.06687,0.07923,0.03563,-0.02172,0.0901,-0.03666,-0.00554,0.08019,-0.00192,0.04657,0.00725,0.08379,-0.05534,-0.04571,0.03221,0.04739,0.02408,-0.0707,0.0393,-0.08388,-0.02497,0.08694,0.04133,0.06298,-0.02357,-0.03023,-0.05292,0.04044,0.00193,-0.03049,-0.09034,-0.02051,-0.05923,0.03708,0.02411,-0.10429,0.05878,-0.02339,-0.02395,-0.07161,0.02739,-0.0122,0.01512,-0.01438,0.02393,0,0.0356,0.00775,0.03219,0.04087,-0.02035,-0.00534,0.09527,0.05877,-0.00676,0.07902,0.00994,0.01593,-0.02725,-0.06771,0.04835,0.00927,-0.06265,-0.06327,0.03986,-0.05837,-0.02854,0.11724,-0.04102,0.02087,0.03971,0.01184,0.01845,0.10701,-0.01166,-0.04777,-0.06007,-0.03911,-0.09668,0.0366,-0.02761,-0.03127,0.02514,0.14783,-0.00296,-0.02185,0.02234,0.04648,-0.07683,0.09965,-0.00456,0.02356,0.01274,0.03178,-0.07927,-0.03042,-0.03441,0.0082,0.02722,0.00033,-0.06132,0.0295,0.0664,-0.00308,-0.03627,-0.0146,0.00833,-0.0663,0.04561,-0.0106,0.08287,-0.00212,-0.09975,-0.09878,0.04525,0.07441,0.02814,0.06133,0.06387,-0.03926,0.15986,0.02793,0.05653,0.03151,0.01742,-0.00436,-0.107,0.0579,0.03768,0.09527,0.01444,0.00983,-0.08457,0.06692,0.01772,0.05731,-0.06702,-0.04083,0.01037,0.00824,0.01769,0,-0.1032,-0.01535,-0.03558,-0.06915,0.00772,0.02668,0.08585,0.0251,-0.06457,-0.0185,-0.04981,0.12434,0.00477,0.02927,-0.01074,-0.07669,0.00076,0.04339,-0.06465,-0.0182,-0.03044,-0.0362,0.01659,0.09507,0.03101,-0.10281,-0.04194,-0.01875,0.00194,0.0495,-0.06845,-0.00789,0.10509,0.0283,-0.01413,0.01706,-0.03673,0.02717,-0.04728,0.06487,-0.02564,-0.0047,-0.01438,-0.00467,0.04265,0.04613,-0.01264,0.02169,0.04389,-0.03718,-0.09117,-0.00628,-0.0447,-0.02982,0.01454,-0.02236,-0.00172,-0.01704,0.09011,-0.02466,-0.03756,0.062,0.01746,-0.04358],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. Example ::: ng-component <elk-layout</elk-layout [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::","excerpt":"Example ::: ng-component <elk-layout</elk-layout [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::"},{"chunkId":"/examples/elkjs-layout#2","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.0601,0.05382,-0.02147,0.02789,0.0316,0.0249,-0.06724,-0.059,-0.01325,0.02669,-0.08976,0.01543,-0.07332,-0.00383,0.07937,0.03342,0.00443,-0.046,0.11164,-0.01226,-0.0735,-0.00789,-0.031,-0.03198,-0.01337,0.07193,0.03607,0.0175,0.0528,-0.09393,0.09228,0.03028,-0.02754,0.02964,-0.1324,0.0516,-0.01469,0.03815,-0.05613,0.00495,0.04327,0.06637,-0.02412,-0.08351,-0.0727,-0.03355,-0.12849,-0.01907,-0.00717,0.06941,-0.03639,-0.12635,-0.03328,-0.02542,0.04734,0.03291,0.00788,0.00058,-0.0248,0.01593,0.07041,-0.05136,0.0213,0.04375,0.03067,0.08347,-0.05543,-0.00109,-0.00231,-0.00568,-0.00953,-0.04359,-0.01562,-0.0806,0.01554,0.05671,0.03253,0.04504,0.00586,-0.03839,0.00082,0.05617,-0.00185,0.0594,-0.02958,0.0822,-0.02711,-0.08757,-0.01847,-0.07903,-0.03547,-0.04922,-0.01773,-0.0449,0.07034,0.06077,-0.04266,0.02548,-0.09767,-0.00779,-0.01849,-0.08536,0.06334,-0.00832,0.00253,0.01244,-0.07595,0.04162,-0.06319,-0.00027,0.04675,0.08128,0.04049,-0.02832,0.0054,-0.01867,-0.03634,-0.10805,0.02124,0.12684,0.01061,0.0519,0.05933,0.02861,0.08251,0.03615,0.04149,0,-0.01019,0.02865,-0.0481,0.04309,0.07032,-0.03004,0.01724,-0.04832,0.00703,0.01851,0.01229,0.0691,-0.00302,0.09138,0.00872,-0.05141,0.02521,0.03084,0.05781,-0.02373,0.01396,-0.06835,-0.03735,0.05191,0.02419,0.0625,0.00094,0.04181,-0.10404,-0.00979,0.0426,0.0397,0.01841,0.02335,-0.06101,0.00785,-0.07065,0.01858,-0.03781,-0.04742,0.07002,0.03354,-0.05483,-0.01439,0.00666,0.02053,0.00974,-0.03067,0.13387,-0.03283,-0.02662,0.03064,0.09468,0.09576,0.14264,-0.07326,0.02353,0.01157,0.04682,-0.02969,0.01996,0.02959,-0.05549,-0.02507,0.0421,0.02385,0.0293,-0.02509,-0.00982,-0.0584,-0.00841,0.06239,-0.04085,0.05195,-0.02235,-0.05196,-0.02384,0.05309,0.0447,0.01398,-0.0969,-0.01527,-0.00627,0.06483,0.06113,-0.05114,0.10233,-0.02197,0.00425,-0.04291,0.10006,-0.00705,-0.05174,-0.01268,0.05161,0,-0.01353,0.00645,0.00162,0.04449,0.01024,-0.00361,0.04543,0.05456,0.02682,0.06365,0.04562,0.04906,0.01393,-0.04526,0.02479,0.00075,-0.07294,-0.03651,0.05565,-0.06562,0.0147,0.05563,-0.02095,-0.09377,0.04286,0.02718,-0.02697,-0.02663,-0.03225,-0.02977,-0.04983,0.02081,-0.0138,-0.03625,-0.03137,0.02308,-0.02108,0.10573,-0.01149,-0.06182,-0.07005,0.03674,-0.11347,0.05124,-0.05034,0.01417,-0.05863,-0.00337,-0.07537,-0.02355,-0.05896,0.02449,0.04207,-0.03765,-0.08523,0.00768,0.09462,0.06158,-0.02009,0.01572,-0.00994,-0.0003,0.00388,-0.11055,-0.01966,-0.01915,-0.10558,-0.09784,-0.00146,0.09082,-0.02173,0.03597,-0.04548,0.03921,0.11935,0.02411,0.11686,0.06071,0.02092,-0.03604,-0.09617,0.06577,0.01142,0.07812,0.05815,0.00651,-0.06344,-0.07275,0.03077,0.1012,-0.05171,0.00879,-0.03894,0.02061,0.05805,0,-0.0761,0.00882,-0.03127,-0.05037,0.01626,0.05512,0.04112,0.0361,-0.01766,0.03683,-0.05412,0.10843,-0.00971,0.07902,-0.03909,-0.02535,0.00869,0.01983,-0.05936,-0.06879,-0.00778,0.00168,0.02412,0.05495,0.04444,-0.02568,0.04665,-0.05437,-0.03739,0.03643,-0.11023,0.02861,0.0527,0.02133,-0.00369,0.00605,-0.03271,0.05065,-0.02444,-0.01295,-0.0504,0.02531,-0.01853,-0.05848,-0.01765,-0.00673,-0.04249,-0.01124,0.00852,0.00487,-0.07967,-0.00673,-0.09591,0.00217,0.00444,0.02114,-0.0465,-0.0391,0.07041,-0.06217,-0.02664,0.02997,0.00892,-0.12258],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. Install If your project already includes a custom Flow theme, you can keep schematic installation but skip style injection: For Nx workspaces: ng add checks @foblex/flow and the required Foblex companion packages, adds only the missing ones, and wires the default Flow theme into application styles when it is missing. If you prefer manual installation: You do not need to install the underlying elkjs package separately because the adapter ships it as a runtime dependency.","excerpt":"Install If your project already includes a custom Flow theme, you can keep schematic installation but skip style injection: For Nx workspaces: ng add checks @foblex/flow and the required Foblex companion packages, adds only the missing ones, and wires the default Flow theme into application styles when it is missing. If you prefer manual installation: You do not need to install the underlying elkjs package separately because the adapter ships it as a runtime dependency."},{"chunkId":"/examples/elkjs-layout#3","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.0404,0.04237,-0.04481,0.03705,-0.00341,0.06447,-0.03297,-0.00216,0.00179,0.05582,-0.07529,-0.0045,-0.09045,0.00072,0.08497,-0.01085,-0.00728,-0.05419,0.04028,0.00166,-0.06939,-0.04207,-0.03337,-0.01341,0.02963,0.04887,0.02178,-0.00992,0.06409,-0.08771,0.10032,0.01645,-0.02338,0.07123,-0.12914,0.08367,-0.06423,0.00549,-0.05561,-0.02803,0.03949,0.11173,-0.04523,-0.10403,-0.07682,0.00011,-0.12519,0.02294,-0.0327,0.09545,-0.04861,-0.06983,-0.02183,-0.02928,0.02517,0.03365,0.01981,-0.00484,-0.00174,0.03864,0.02587,-0.08066,0.05674,0.00243,0.00307,0.05504,-0.07537,-0.00006,-0.06304,0.0225,0.032,-0.04532,0.04676,-0.03494,0.09786,0.01932,0.00282,0.07291,0.04038,-0.06597,0.01542,0.08206,0.00674,0.00952,-0.01983,0.03809,-0.00525,-0.12709,-0.04651,-0.03119,-0.02176,-0.00433,-0.04719,-0.0067,0.07892,0.02221,-0.05202,0.01201,-0.11264,0.00061,0.01402,-0.05097,0.00549,0.01848,0.0001,-0.01305,-0.06778,0.01272,-0.0911,-0.01121,0.02351,0.07817,0.03956,-0.01368,-0.02787,-0.06304,-0.00462,-0.06511,0.06041,0.08255,0.01931,0.03416,0.06133,0.01613,0.06359,0.00535,0.03869,0,-0.0057,0.03325,-0.08852,0.06945,0.07386,0.01998,-0.02412,-0.04313,0.0601,0.03019,-0.01149,0.02618,-0.01182,0.04977,-0.00126,-0.05127,0.01047,0.04722,-0.01164,-0.01891,0.06636,-0.04543,-0.0207,0.00244,0.0088,0.06953,-0.04528,0.00863,-0.12728,0.03026,0.05255,0.03062,-0.00118,0.00619,-0.04092,-0.00799,-0.03847,0.00599,-0.08045,-0.06513,0.04615,0.01543,-0.05673,-0.01782,-0.04806,0.00602,-0.0251,0.05327,0.08325,-0.02941,-0.05351,0.06744,0.10612,0.02192,0.14502,-0.05629,0.01401,0.05577,0.04924,-0.01864,0.07442,0.09023,-0.06655,-0.01399,-0.01342,0.02853,0.04295,-0.04647,0.00438,-0.06596,-0.00666,0.04647,-0.01977,0.06347,-0.03488,-0.04109,-0.07105,0.00696,0.03144,-0.01744,-0.09272,-0.00004,0.00102,0.04491,0.06757,-0.06578,0.06782,0.00005,-0.00249,0.00231,0.0538,-0.03357,-0.00888,0.00545,0.06254,0,-0.00533,0.05064,-0.01557,0.00861,-0.01804,-0.05127,0.06471,0.09043,-0.00155,0.05494,0.01265,0.02455,-0.01458,-0.0441,0.04683,-0.00038,-0.07528,-0.03271,0.05465,-0.09239,-0.01214,0.01561,-0.04957,0.0122,0.03763,0.06475,0.00685,0.01142,0.02532,-0.03331,-0.06652,-0.01861,-0.00069,-0.00001,-0.03386,-0.0046,-0.02709,0.08458,-0.0414,-0.04976,-0.05256,0.04845,-0.08807,0.05059,-0.04811,0.04093,-0.02994,0.02528,-0.0507,-0.02475,-0.04909,0.00555,0.05479,-0.01314,-0.08807,0.00789,0.07117,0.02561,0.00064,0.00698,-0.02693,-0.01311,0.03562,-0.05178,0.04,0.00159,-0.07484,-0.10994,0.03224,0.09255,0.03076,0.04228,-0.02993,0.01021,0.15663,0.07109,0.07614,0.03929,0.02741,-0.01334,-0.07494,0.05652,-0.01048,0.09902,0.08205,-0.00852,-0.06802,-0.01334,0.02277,0.10991,-0.03243,-0.03082,-0.01481,-0.00504,0.06101,0,-0.10867,-0.01419,-0.02289,-0.0428,0.01945,0.02493,0.05072,0.03489,-0.05388,-0.00459,-0.09068,0.16546,-0.01561,0.02481,0.00707,-0.03552,-0.02474,0.02317,-0.02882,-0.05232,-0.03574,-0.03047,0.03003,0.07086,0.01381,-0.04227,0.01303,-0.03915,0.00698,0.03666,-0.10737,0.01101,0.11602,0.0573,-0.06175,0.02735,-0.04027,0.02203,-0.0518,0.00084,-0.02612,0.00087,-0.00077,-0.05537,0.00435,0.05846,-0.04942,0.0378,0.00184,-0.03718,-0.0988,-0.00179,-0.10426,0.0306,0.0017,-0.00649,-0.05037,-0.0734,0.09532,-0.01883,-0.0637,0.04251,0.016,-0.11584],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. Minimal Usage `ts import { Component, inject } from '@angular/core'; import { EFLayoutDirection, IFLayoutConnection, IFLayoutNode, provideFLayout, } from '@foblex/flow'; import { EElkLayoutAlgorithm, ElkLayoutEngine, } from '@foblex/flow-elk-layout'; @Component({ standalone: true, providers: [provideFLayout(ElkLayoutEngine)], template: '', }) export class DiagramComponent { private readonly layout = inject(ElkLayoutEngine); EF Layout Direction IF Layout Connection IF Layout Node provide F Layout E Elk Layout Algorithm Elk Layout Engine Diagram Component","excerpt":"Minimal Usage `ts import { Component, inject } from '@angular/core'; import { EFLayoutDirection, IFLayoutConnection, IFLayoutNode, provideFLayout, } from '@foblex/flow'; import { EElkLayoutAlgorithm, ElkLayoutEngine, } from '@foblex/flow-elk-layout'; @Component({ standalone: true, providers: [provideFLayout(ElkLayoutEngine)], template: '', }) export class DiagramComponent { private readonly layout = inject(ElkLayoutEngine);"},{"chunkId":"/examples/elkjs-layout#4","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.066,0.06776,-0.0367,0.06848,-0.00279,0.03266,-0.03137,-0.06996,0.01862,0.02731,-0.07815,-0.02673,-0.06618,-0.04552,0.04369,0.06582,-0.01502,-0.07493,0.02969,-0.06747,-0.04513,-0.03221,-0.06077,-0.01685,0.04091,0.02808,-0.03623,-0.06597,0.08403,-0.05749,0.07185,-0.00276,-0.10263,0.04689,-0.13712,0.066,-0.08994,-0.02886,-0.01791,0.03318,0.06831,0.10376,-0.04244,-0.06005,-0.03345,0.05272,-0.1076,0.07711,-0.02088,0.07651,-0.03265,-0.05354,-0.03655,-0.01312,0.05628,0.02463,0.00099,0.03069,0.01724,0.06539,0.07573,-0.10525,0.07057,0.00419,0.04424,0.03997,-0.06061,-0.00578,-0.05725,0.05103,0.0523,-0.03085,0.06325,-0.02262,0.09285,0.03215,0.01857,0.06563,0.01226,-0.02227,0.00181,0.01312,-0.03409,0.01815,0.01214,0.03995,-0.03099,-0.12841,-0.03434,-0.01079,-0.06444,-0.02007,-0.09214,-0.00523,0.09883,0.01767,-0.04073,0.03544,-0.12697,0.01449,-0.01935,-0.05914,-0.03162,-0.02986,-0.00607,0.01593,-0.0396,0.05111,-0.08292,-0.00371,0.03009,0.09612,0.05738,-0.00861,-0.01311,-0.05167,0.02437,-0.05688,0.0868,0.09227,0.05187,0.05823,0.03175,-0.0147,0.04456,0.00459,0.0518,0,0.02318,-0.01295,-0.09448,0.02264,0.06645,0.02505,0.02044,-0.0601,-0.00947,0.01453,-0.05694,-0.03176,-0.00287,0.02237,0.0441,-0.02998,0.07418,0.01996,-0.03257,-0.04638,0.02279,-0.02763,-0.05776,-0.04524,-0.03331,0.01297,-0.06012,-0.03607,-0.10381,0.00394,0.01589,0.06143,0.0036,0.01691,-0.04734,0.02784,-0.01841,-0.00296,-0.07891,-0.0826,0.02093,0.06633,-0.03021,-0.03995,-0.07204,-0.02772,-0.03936,0.02235,0.06689,-0.03514,-0.05963,0.04489,0.08482,0.02002,0.11827,-0.04674,0.01867,0.07855,0.00229,0.02132,0.06133,0.02563,-0.06616,-0.01032,-0.00501,0.06044,0.0186,-0.00415,-0.00184,-0.06474,-0.00541,0.02979,-0.00768,0.05256,-0.06196,-0.04177,-0.11433,-0.03699,-0.01048,-0.03761,-0.06466,0.02323,-0.00869,0.04789,0.02547,-0.01326,0.03443,-0.00172,-0.01297,0.00967,0.04288,0.01439,0.05187,-0.01805,0.04518,0,-0.03705,0.06861,0.00066,0.02715,-0.00655,-0.04952,0.091,0.01047,-0.01651,0.09283,0.01388,0.05481,-0.03485,-0.02902,0.06394,-0.01095,-0.0543,-0.02313,0.08738,-0.11137,0.00361,0.04578,-0.05407,0.02246,0.02479,0.03571,0.02963,0.01311,0.02114,-0.05708,-0.06527,-0.01544,-0.04741,0.08052,0.01311,0.03115,-0.02185,0.07846,-0.02221,-0.06198,-0.04494,0.00733,-0.07404,0.07235,0.01229,0.04998,-0.02446,0.04456,-0.05018,-0.0144,-0.01438,0.02499,0.02635,0.01806,-0.08227,-0.02118,0.01283,-0.00139,0.07921,-0.01977,-0.02537,-0.0388,0.03265,-0.04967,0.03519,0.00884,-0.11917,-0.04954,0.07332,0.07214,0.01021,0.10583,-0.01917,0.00599,0.06733,-0.00234,0.07822,-0.0047,0.00688,0.03341,-0.09194,0.07702,0.00447,0.06367,0.11142,0.03525,-0.01228,0.0551,-0.0089,0.11251,-0.03306,-0.02081,-0.04621,-0.0308,0.04159,0,-0.12039,0.02591,-0.06032,-0.03318,0.00092,0.04468,0.08795,0.0107,-0.04609,-0.02734,-0.09272,0.12459,0.01385,0.0232,-0.0115,-0.05103,-0.04984,-0.04088,-0.01569,-0.02425,-0.00833,-0.07007,-0.02546,0.08606,0.00432,-0.07704,0.0253,-0.02538,0.0058,0.09733,-0.13218,-0.01172,0.10154,0.03637,-0.00398,0.06895,0.00329,0.02599,0.00181,0.03607,-0.01047,0.00985,0.02728,-0.00608,0.00988,0.01863,-0.04682,0.00462,0.01215,-0.02733,-0.00489,-0.04532,-0.06672,0.01825,0.06387,-0.07096,-0.06343,-0.08527,0.07768,0.01897,0.01389,0.02878,-0.01568,-0.06845],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. protected async relayout(): Promise<void { const nodes: IFLayoutNode[] = [ { id: 'A' }, { id: 'B' }, { id: 'C' }, ]; const connections: IFLayoutConnection[] = [ { source: 'A', target: 'B' }, { source: 'A', target: 'C' }, ]; const result = await this.layout.calculate(nodes, connections, { direction: EFLayoutDirection.TOPBOTTOM, algorithm: EElkLayoutAlgorithm.LAYERED, nodeGap: 32, layerGap: 48, layoutOptions: { 'elk.layered.spacing.nodeNodeBetweenLayers': '64', }, }); IF Layout Node IF Layout Connection EF Layout Direction E Elk Layout Algorithm node Gap layer Gap layout Options node Node Between Layers","excerpt":"protected async relayout(): Promise<void { const nodes: IFLayoutNode[] = [ { id: 'A' }, { id: 'B' }, { id: 'C' }, ]; const connections: IFLayoutConnection[] = [ { source: 'A', target: 'B' }, { source: 'A', target: 'C' }, ]; const result = await this.layout.calculate(nodes, connections, { direction: EFLayoutDirection.TOPBOTTOM, algorithm: EElkLayoutAlgorithm.LAYERED, nodeGap: 32, layerGap: 48, layoutOptions: { 'elk.layered.spacing.nodeNodeBetweenLayers': '64', }, });"},{"chunkId":"/examples/elkjs-layout#5","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.04646,0.0367,-0.07021,0.04301,0.00536,-0.00198,-0.09671,-0.00805,0.02221,0.10358,-0.04355,-0.01098,-0.055,-0.00677,0.02641,0.02397,-0.06011,-0.0051,0.0613,-0.04476,-0.06836,-0.00786,-0.05398,-0.03297,0.08068,0.02385,-0.00555,0.00684,0.10645,-0.0692,0.07418,0.00733,-0.04882,0.02744,-0.15212,0.06623,-0.07648,-0.02568,-0.06167,0.00754,0.09512,0.08149,-0.02846,-0.109,-0.01696,-0.01078,-0.14615,0.0743,-0.02943,0.11335,-0.06074,-0.0726,-0.07395,0.00412,0.03506,0.04784,0.00118,-0.01229,0.00216,0.03761,0.13436,-0.09483,0.03679,0.00303,0.03426,0.0387,-0.06137,-0.00683,-0.05662,0.00541,0.05525,-0.06714,0.0341,-0.0663,0.02751,0.06756,-0.00012,0.08288,0.03679,-0.01369,-0.04336,0.04312,-0.03112,0.03405,0.01633,0.08925,-0.04364,-0.09164,-0.00284,-0.05297,-0.0115,-0.02286,-0.09232,-0.03081,0.03679,0.02495,-0.00382,0.05534,-0.07477,-0.02101,-0.02729,-0.02168,-0.01352,-0.06579,-0.00494,0.03015,-0.09207,0.0294,-0.09299,-0.01378,0.04322,0.07468,0.03712,0.0176,-0.00465,-0.04438,0.04286,-0.08088,0.11304,0.09088,0.0199,0.05677,0.05939,0.01147,0.05096,0.03199,0.02616,0,0.00142,0.00267,-0.0273,0.0146,0.03984,-0.00227,-0.04617,-0.0359,0.02574,0.0384,-0.05213,0.09839,0.05939,0.01613,0.07147,-0.04457,0.03799,0.03225,0.00465,0.03388,0.05405,-0.05126,-0.02979,0.03033,0.03826,0.1324,-0.0238,-0.00698,-0.134,0.01434,0.03627,0.03746,-0.03074,0.02091,-0.0173,0.03039,-0.00988,-0.00096,-0.0804,-0.04199,0.04598,0.01545,-0.0311,-0.02708,-0.10386,0.00403,-0.02517,0.04449,0.11482,0.00278,-0.06699,0.02826,0.09044,0.0294,0.09897,-0.02719,-0.00859,0.03078,0.02494,0.02433,0.06825,0.00816,-0.07029,-0.03217,-0.0237,0.00981,0.02929,-0.04417,0.05669,-0.00453,0.02018,0.06455,0.00193,0.05884,-0.02566,-0.07188,-0.08023,-0.02908,0.01921,-0.02335,-0.06118,0.04186,0.00139,0.03941,0.08032,-0.06894,0.01756,0.01274,-0.05138,-0.05281,0.04035,0.01887,-0.00645,0.01042,0.02275,0,-0.03662,0.00728,0.01324,0.0066,-0.02128,-0.04972,0.0412,0.00024,-0.00821,0.04468,0.01955,0.02449,-0.03781,0.0057,0.06432,0.00213,-0.06953,-0.09767,0.08581,-0.06735,0.02984,0.01952,0.00109,-0.01385,0.04096,-0.01325,0.04314,-0.0167,-0.01764,-0.03496,-0.0371,-0.03209,-0.02307,0.00292,-0.04046,0.05905,0.00417,0.0791,0.05192,-0.09269,-0.02529,0.03051,-0.10362,0.05978,-0.00701,0.04775,-0.06288,0.04984,-0.0763,-0.0497,-0.00709,0.05113,0.03944,-0.00246,-0.09984,0.01414,0.01751,0.01564,0.00087,0.0131,-0.01807,-0.05885,0.0323,-0.02501,0.00212,0.02007,-0.07829,-0.132,-0.04345,0.08699,0.03079,0.07393,-0.02091,0.02124,0.06747,0.00604,0.08157,0.00687,0.02619,-0.04006,-0.05445,0.07298,0.02932,0.08197,0.02667,0.02231,-0.03017,0.02671,-0.01729,0.10578,-0.05841,-0.00809,-0.08321,-0.01849,-0.01757,0,-0.12181,0.00615,-0.02975,-0.02148,-0.01584,0.06361,0.06687,0.04785,-0.01317,-0.00503,-0.08792,0.08158,-0.03022,0.04257,-0.002,-0.00566,0.01773,0.0259,-0.03168,-0.05535,-0.00345,-0.00779,0.03262,0.09284,0.05766,-0.0747,-0.01093,-0.02448,0.01591,0.02654,-0.08145,0.00599,0.12225,0.0653,-0.00748,0.03956,0.00299,0.07925,-0.03249,0.01135,-0.041,0.01758,0.01311,-0.03193,0.03293,0.03899,-0.01718,-0.01389,0.06208,-0.04622,-0.00888,-0.02905,-0.09733,-0.0728,0.00753,-0.00152,-0.01466,-0.08975,0.0637,0.00393,-0.00523,0.02289,0.00196,-0.09379],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. console.log(result.nodes); } } calculate(...) returns only calculated node positions. In a real app you merge them back into your own node model by id. In the demo integration, non-directional ELK.js` algorithms automatically switch connectors into calculate mode so anchors adapt to the actual node placement.","excerpt":"console.log(result.nodes); } } calculate(...) returns only calculated node positions. In a real app you merge them back into your own node model by id. In the demo integration, non-directional ELK.js` algorithms automatically switch connectors into calculate mode so anchors adapt to the actual node placement."},{"chunkId":"/examples/elkjs-layout#6","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.04547,0.0447,-0.06282,0.01572,-0.01083,0.0308,-0.06192,-0.01581,-0.02167,0.08242,-0.0888,-0.01499,-0.07877,0.00738,0.0472,-0.00443,-0.03112,-0.03532,0.04995,-0.03114,-0.05753,-0.02463,-0.04477,-0.02644,0.04247,0.06821,0.03842,-0.02535,0.07017,-0.07228,0.10312,-0.00504,-0.03032,0.04848,-0.16492,0.04568,-0.07332,0.01295,-0.05008,-0.01203,0.05945,0.08107,-0.00726,-0.08272,-0.05905,0.00283,-0.14415,0.06394,-0.00169,0.10746,-0.02824,-0.1116,-0.04408,-0.00475,0.02029,0.04169,0.00971,0.0017,-0.03716,0.02787,0.09839,-0.06135,0.04551,0.00617,0.03267,0.05834,-0.06588,0.00335,-0.04107,0.01215,0.04089,-0.05928,0.04981,-0.09825,0.04524,0.00392,-0.00172,0.10368,0.02178,-0.04413,-0.00452,0.04049,-0.0088,0.03862,-0.04655,0.032,-0.03847,-0.10659,-0.02349,-0.03419,-0.03825,0.01691,-0.06625,-0.04349,0.03576,0.0589,-0.03783,0.01532,-0.0795,-0.00523,0.0128,-0.07737,0.00152,-0.02372,-0.00708,0.03043,-0.09062,0.02256,-0.08793,0.00843,0.0316,0.08418,0.04768,0.02174,0.00532,-0.04265,0.00329,-0.06289,0.03978,0.07889,0.02127,0.0363,0.03832,0.00198,0.0716,0.03509,0.05425,0,0.01509,0.03532,-0.05997,0.04633,0.06561,0.02666,-0.02398,-0.05589,0.04238,0.00396,-0.00618,0.05614,-0.00439,0.0355,0.03843,-0.11754,0.01615,0.02614,0.00622,-0.00023,0.02876,-0.03662,-0.04192,0.00827,0.02023,0.09077,-0.04213,0.03438,-0.1313,0.0057,0.04374,0.04837,-0.03789,0.01369,-0.04922,0.01376,-0.03923,0.01157,-0.03506,-0.08227,0.08174,-0.00283,-0.04529,-0.01586,-0.05813,0.026,-0.03358,0.03436,0.08135,0.00265,-0.05803,0.0325,0.07365,0.0094,0.1036,-0.05859,0.00887,0.0514,0.0402,-0.00254,0.0838,0.03328,-0.06364,-0.04064,-0.03737,0.0369,0.03237,-0.02502,0.02032,-0.03037,-0.00343,0.08509,0.01705,0.05189,-0.03881,-0.01826,-0.06162,0.01485,-0.00987,-0.03549,-0.06326,-0.0146,-0.01817,0.06011,0.09469,-0.05104,0.05272,0.00522,-0.02986,-0.01221,0.04109,-0.01508,0.0441,0.01067,0.06479,0,-0.00209,0.03001,0.00924,0.02821,0.00517,-0.04776,0.05776,0.09581,-0.03741,0.05407,-0.01302,0.02815,-0.01633,-0.02982,0.00634,0.01633,-0.03583,-0.05257,0.08775,-0.07452,-0.01183,0.01459,-0.06239,-0.00827,0.0311,0.04411,0.01486,-0.01922,0.0221,-0.02172,-0.06616,-0.05143,0.0229,0.00183,-0.01933,0.01884,0.02414,0.06477,0.01022,-0.08635,-0.06102,0.01953,-0.08039,0.061,-0.02187,0.04589,-0.06749,0.07284,-0.11247,-0.04112,-0.01832,0.0574,0.03043,-0.00064,-0.0857,0.01253,0.05858,0.03473,-0.0027,0.00434,-0.0873,-0.03268,0.05708,-0.05268,0.02051,0.01009,-0.08172,-0.1137,0.0062,0.13023,0.04876,0.0522,-0.02068,0.03009,0.16296,0.00204,0.09954,0.02762,0.03778,0.00382,-0.08049,0.07359,-0.0167,0.08496,0.06062,0.0336,-0.0711,0.00122,0.03178,0.11762,-0.06599,-0.0036,-0.05411,-0.0328,0.05907,0,-0.09462,-0.01185,0.00426,-0.01985,0.0008,0.05193,0.07206,0.02113,-0.01325,-0.04059,-0.07705,0.11471,-0.02064,0.03358,-0.01299,-0.00153,0.00744,0.04423,-0.01607,-0.03318,-0.01866,-0.03575,0.02061,0.11551,0.03666,-0.05573,-0.01627,-0.06271,0.00367,0.03587,-0.10273,0.01035,0.12345,0.06767,-0.02224,0.00733,-0.04508,0.03978,-0.03629,0.01555,-0.0227,0.03448,0.01388,-0.0423,0.01767,0.03587,-0.01394,-0.01552,0.02887,-0.05865,-0.06246,-0.01159,-0.08331,-0.01173,0.00432,0.02409,-0.04996,-0.06067,0.08245,0.00186,-0.04684,0.03091,-0.01767,-0.09455],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. How To Work With It 1. Build your own graph state in the shape your app needs. 2. Convert that graph to IFLayoutNode[] and IFLayoutConnection[]. 3. Call calculate(...) on ElkLayoutEngine. 4. Merge returned positions back into your state. 5. Render the updated nodes in f-flow. IF Layout Node IF Layout Connection Elk Layout Engine","excerpt":"How To Work With It 1. Build your own graph state in the shape your app needs. 2. Convert that graph to IFLayoutNode[] and IFLayoutConnection[]. 3. Call calculate(...) on ElkLayoutEngine. 4. Merge returned positions back into your state. 5. Render the updated nodes in f-flow."},{"chunkId":"/examples/elkjs-layout#7","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.07751,0.00423,-0.00808,0.02886,-0.00039,-0.01699,-0.09194,-0.04166,-0.04253,0.07862,-0.05975,0.00225,-0.09044,-0.03661,0.05796,0.00057,-0.02614,-0.01089,0.03265,-0.02988,-0.01486,-0.03524,-0.06142,-0.08428,0.05083,0.05246,-0.00638,0.02875,0.08868,-0.13679,0.09842,-0.00195,-0.01039,0.05509,-0.12924,0.07849,-0.11136,-0.00461,-0.03441,0.02558,0.00244,0.14627,-0.06099,-0.11564,-0.09325,0.01047,-0.1492,0.0105,-0.01225,0.07082,-0.04032,-0.11656,-0.04527,-0.0213,0.00814,0.03201,-0.0001,0.02033,-0.0196,0.0341,0.0885,-0.0657,0.03887,-0.0232,0.00435,0.06002,-0.06387,-0.02818,-0.05427,0.0588,0.01717,-0.01733,0.0067,-0.03172,0.05827,0.07088,0.03504,0.07279,0.02409,-0.00481,-0.02065,0.07003,-0.02377,0.01813,-0.03113,0.05576,-0.04472,-0.08647,-0.03331,-0.04438,0.00274,-0.04067,-0.06836,0.01369,0.03683,0.06065,-0.04118,0.03109,-0.087,-0.0388,0.00075,-0.07063,0.01809,-0.01553,-0.02783,-0.02444,-0.06085,0.02166,-0.03043,0.00316,0.04593,0.08904,0.03431,-0.02879,-0.01379,-0.03259,-0.00583,-0.06829,0.05014,0.09903,0.0218,0.04552,0.03749,0.0269,0.06814,0.0367,0.01624,0,0.04645,0.03255,-0.06277,-0.00503,0.08052,-0.00373,0.00066,-0.01656,0.02859,0.03585,-0.06314,0.04208,-0.01118,0.05071,0.06906,-0.08481,0.0112,0.05263,-0.0224,-0.00879,0.00007,-0.03174,-0.01016,0.03726,0.00371,0.06557,0.02895,-0.03522,-0.1427,0.00921,0.01655,0.03982,-0.01814,0.0504,-0.0357,0.02673,-0.03809,0.00289,-0.08787,-0.04568,0.07888,0.02125,-0.03894,0.03442,-0.0371,-0.01675,0.00058,0.01942,0.09205,-0.0093,-0.05063,0.05135,0.11218,0.02737,0.08812,-0.00801,0.05194,0.03425,0.03486,0.02254,0.07312,-0.00966,0.01747,0.00953,0.01598,0.05222,0.00194,-0.09602,0.01955,-0.03101,-0.01137,0.02569,0.02367,0.09149,-0.05157,-0.02868,-0.06176,0.0305,0.05649,-0.07928,-0.12093,0.07289,-0.02352,-0.0034,0.03628,-0.10927,0.06538,0.02359,0.02205,-0.01475,0.02604,-0.0103,0.01075,0.01267,0.0338,0,-0.0258,0.0028,-0.04931,0.03866,-0.01928,-0.02326,0.02218,0.07684,0.02672,0.04917,0.02355,0.04241,0.00433,-0.04495,0.01912,0.01159,-0.08252,-0.04276,0.08666,-0.07444,0.01909,0.01731,-0.03469,0.04737,0.08684,0.01058,0.02376,-0.01021,0.06005,-0.06223,-0.06792,-0.00654,-0.02671,0.04677,-0.05205,0.04022,-0.02371,0.08744,0.01306,-0.04334,-0.04932,0.01938,-0.09411,0.05745,-0.00731,-0.00481,-0.05646,0.01517,-0.08189,-0.0366,-0.02413,0.03213,0.04888,0.01922,-0.05773,0.0068,0.01263,0.01056,0.01191,0.02584,-0.0434,-0.02251,0.04067,-0.08318,-0.0043,0.03779,-0.06498,-0.13673,0.00815,0.07159,-0.00812,0.06006,-0.00842,-0.00514,0.11488,-0.03675,0.05486,-0.02798,0.05437,-0.05395,-0.07661,0.08087,-0.01888,0.09887,0.09072,0.04424,-0.04237,0.07603,0.02282,0.07816,-0.01467,-0.01827,-0.01551,-0.02168,0.04773,0,-0.07178,0.03384,-0.04495,-0.01251,0.04773,-0.00641,0.09494,0.0712,-0.04491,-0.06457,-0.06238,0.12314,-0.01907,0.03103,0.0179,-0.0146,-0.01644,0.03676,-0.03093,-0.0173,-0.02591,-0.03681,0.00221,0.05636,0.0566,-0.05611,0.01723,-0.02385,0.00629,0.08371,-0.10743,0.00137,0.08196,0.02711,-0.03333,0.01391,-0.02633,0.01245,-0.01752,0.00922,-0.02612,-0.00678,0.01288,-0.05806,0.01168,0.03674,-0.07827,-0.01001,0.03823,-0.0522,-0.0466,-0.03328,-0.09942,0.00619,0.03151,-0.00391,-0.06954,-0.07278,0.07505,-0.02094,-0.0053,0.02868,-0.00123,-0.10108],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. Options You Will Usually Change - direction: graph direction via EFLayoutDirection - algorithm: ELK.js algorithm via EElkLayoutAlgorithm - nodeGap: spacing between nodes - layerGap: spacing between layers - defaultNodeSize: fallback size when a node does not provide size - layoutOptions: raw ELK.js options forwarded to the engine Available algorithms in the adapter: - EElkLayoutAlgorithm.FIXED - EElkLayoutAlgorithm.BOX - EElkLayoutAlgorithm.RANDOM - EElkLayoutAlgorithm.LAYERED - EElkLayoutAlgorithm.STRESS - EElkLayoutAlgorithm.MRTREE - EElkLayoutAlgorithm.RADIAL - EElkLayoutAlgorithm.FORCE - EElkLayoutAlgorithm.DISCO - EElkLayoutAlgorithm.SPOREOVERLAP - EElkLayoutAlgorithm.SPORECOMPACTION - EElkLayoutAlgorithm.RECTPACKING EF Layout Direction E Elk Layout Algorithm node Gap layer Gap default Node Size layout Options","excerpt":"Options You Will Usually Change - direction: graph direction via EFLayoutDirection - algorithm: ELK.js algorithm via EElkLayoutAlgorithm - nodeGap: spacing between nodes - layerGap: spacing between layers - defaultNodeSize: fallback size when a node does not provide size - layoutOptions: raw ELK.js options forwarded to the engine Available algorithms in the adapter: - EElkLayoutAlgorithm.FIXED - EElkLayoutAlgorithm.BOX - EElkLayoutAlgorithm.RANDOM - EElkLayoutAlgorithm.LAYERED - EElkLayoutAlgorithm.STRESS - EElkLayoutAlgorithm.MRTREE - EElkLayoutAlgorithm.RADIAL - EElkLayoutAlgorithm.FORCE - EElkLayoutAlgorithm.DISCO - EElkLayoutAlgorithm.SPOREOVERLAP - EElkLayoutAlgorithm.SPORECOMPACTION - EElkLayoutAlgorithm.RECTPACKING"},{"chunkId":"/examples/elkjs-layout#8","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.09311,0.02375,-0.04833,0.06601,0.01299,-0.01035,-0.07358,-0.04345,-0.05925,0.07825,-0.06013,0.00933,-0.0824,0.00671,0.07913,0.02817,-0.00128,-0.05482,0.06211,-0.05132,-0.07473,-0.03882,-0.08228,-0.0597,0.04091,0.05052,0.00287,-0.01311,0.08229,-0.08245,0.08625,-0.00578,-0.0424,0.03955,-0.16638,0.09827,-0.09892,-0.0033,-0.02305,-0.00758,0.0364,0.09034,-0.06031,-0.11704,-0.07367,-0.01581,-0.15449,0.04631,-0.01927,0.09531,-0.0544,-0.09558,-0.06407,-0.02668,0.0524,0.02484,0.02056,0.02471,-0.01387,0.01491,0.05779,-0.07666,0.02437,0.02338,0.03107,0.05446,-0.04852,-0.03859,-0.04285,0.02003,0.00953,-0.04613,0.01521,-0.05704,0.04288,0.04673,0.00456,0.04712,0.03054,-0.04677,-0.01327,0.04525,-0.03924,0.04283,-0.01419,0.03012,-0.06382,-0.09455,0.01148,-0.04206,-0.05505,-0.02797,-0.00806,0.00551,-0.00726,0.05978,-0.01962,0.04257,-0.07279,-0.02547,0.00395,-0.0465,0.01718,-0.02813,-0.02187,-0.01084,-0.06894,0.01972,-0.09618,0.04653,0.0356,0.12768,0.00799,-0.01628,-0.02094,-0.01218,0.02573,-0.06923,0.0508,0.0922,0.0212,0.03664,0.05537,-0.00247,0.05762,0.03917,0.04389,0,0.0302,0.0041,-0.05113,0.00004,0.09074,0.00057,-0.01766,-0.04152,0.01879,0.02135,0.03346,0.09755,0.02969,0.04238,0.07793,-0.09005,0.03397,0.02631,0.03775,-0.01961,0.01871,0.01353,-0.02193,0.05271,0.0168,0.09415,0.0095,-0.02515,-0.09802,0.01345,0.0237,0.04938,-0.04008,0.03709,-0.03566,0.03627,-0.05978,-0.01223,-0.06376,-0.06404,0.07719,-0.01149,-0.05068,-0.03228,-0.05775,0.01993,-0.05646,0.03319,0.07732,-0.02755,-0.06936,0.05811,0.08774,0.05427,0.1346,-0.06029,0.01981,0.04594,0.0508,0.00539,0.09034,0.03134,-0.0381,0.00523,-0.04673,0.00667,0.03046,-0.09213,0.02026,-0.00579,0.0227,0.07324,-0.0111,0.04416,-0.0389,-0.03686,-0.06081,0.01643,0.02698,-0.04463,-0.09593,0.00762,-0.03059,0.04314,0.05532,-0.07087,0.03389,0.01897,-0.03056,-0.02282,0.05293,0.00279,0.01267,0.01732,0.0444,0,-0.02608,-0.00029,-0.00298,0.05708,-0.01728,-0.04317,0.03781,0.06941,-0.01889,0.08907,-0.00257,0.01937,-0.00672,-0.01149,0.00705,-0.00592,-0.05678,-0.04281,0.08568,-0.06205,0.00194,0.04611,-0.0396,0.03676,0.05502,0.02989,-0.00734,0.01802,-0.00426,-0.03472,-0.07861,-0.0089,0.03381,0.04836,-0.01142,0.05983,0.00766,0.1001,-0.00313,-0.03648,-0.04794,-0.02038,-0.07759,0.08644,-0.03243,0.04188,-0.09339,0.06568,-0.08009,-0.05373,-0.00852,0.02712,0.05503,-0.03117,-0.08383,-0.00638,0.05243,0.02852,0.00419,0.0365,-0.01356,-0.03074,0.03471,-0.02481,0.00032,-0.00183,-0.07696,-0.15346,-0.00065,0.08114,0.02979,0.03563,-0.02585,-0.01536,0.14309,0.01262,0.08375,0.00614,0.0128,-0.0429,-0.04948,0.03532,0.01133,0.09444,0.01174,0.04398,-0.06818,0.02722,0.01441,0.09537,-0.0636,-0.01501,-0.05365,-0.0166,0.05915,0,-0.08203,0.00892,0.00539,0.00716,0.01883,0.03884,0.09553,0.04353,-0.0401,0.01932,-0.07958,0.12152,0.01744,0.06273,-0.00752,-0.01441,0.0101,0.02993,-0.01479,-0.03184,-0.03083,-0.03937,0.02731,0.05778,0.0407,-0.03255,0.01677,-0.04845,0.01662,0.02878,-0.11671,0.01487,0.10817,0.02598,-0.03495,0.00042,-0.03229,0.03556,-0.01517,-0.02543,-0.02743,0.01314,-0.02969,-0.03029,-0.03331,0.03864,-0.04348,0.01449,0.04039,-0.05183,-0.06724,-0.05063,-0.06852,-0.02819,0.01089,0.01997,-0.0362,-0.07317,0.10563,-0.0188,0.0348,0.03187,-0.01385,-0.07672],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. What This Example Shows - Switching layout direction reactively - Switching ELK.js algorithms reactively - Rebuilding the example graph from one graph factory - Adding nodes and recalculating the layout - Passing shared options and ELK.js-specific options through one API","excerpt":"What This Example Shows - Switching layout direction reactively - Switching ELK.js algorithms reactively - Rebuilding the example graph from one graph factory - Adding nodes and recalculating the layout - Passing shared options and ELK.js-specific options through one API"},{"chunkId":"/examples/elkjs-layout#9","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.07201,0.03792,-0.04313,0.04985,0.03987,-0.02795,-0.11648,-0.00936,-0.01223,0.10193,-0.08014,0.04358,-0.06158,0.00746,0.05915,0.0077,-0.00016,-0.02725,0.0777,-0.06025,-0.06234,-0.01868,-0.04331,-0.04551,0.05764,0.03332,0.04621,0.0177,0.08225,-0.10043,0.08152,-0.01753,0.03691,0.04894,-0.16594,0.08928,-0.04905,0.02969,-0.05857,-0.02651,-0.00598,0.10278,-0.05901,-0.07598,-0.04756,-0.05639,-0.14691,0.03255,-0.02054,0.08482,-0.06062,-0.12237,-0.08466,-0.03923,0.01133,0.02275,-0.02818,-0.02697,-0.01719,0.02228,0.07316,-0.05253,0.01477,0.0066,0.04647,0.08342,-0.04771,0.01535,-0.03156,-0.00395,-0.00701,-0.02887,-0.02041,-0.00806,0.01347,0.01885,-0.00216,0.02787,0.03081,-0.01416,-0.01464,0.06429,-0.02703,0.06614,-0.01356,0.02133,-0.01071,-0.08168,-0.02593,-0.06264,-0.03814,-0.0129,-0.01827,0.01289,-0.00832,0.07445,0.01295,0.01093,-0.06917,-0.01145,-0.00131,-0.03729,0.04839,-0.07156,-0.0469,0.02105,-0.10385,0.00898,-0.07565,0.01965,0.04305,0.0909,-0.03858,-0.00072,-0.02446,-0.02992,-0.0109,-0.10905,0.02324,0.11915,0.03018,0.04521,0.05492,0.04608,0.0742,0.02712,0.03134,0,0.04577,0.07364,-0.06709,0.03608,0.10157,0.02396,-0.03607,-0.01247,-0.00167,0.05239,0.0107,0.05424,0.04205,0.05072,0.10737,-0.08915,0.02782,0.04798,0.02505,-0.01833,-0.03262,-0.00756,-0.01277,0.07917,0.08216,0.09339,-0.00018,0.01254,-0.10836,-0.00776,0.01433,0.01011,-0.04773,0.01378,-0.02758,0.05594,-0.05983,-0.02196,-0.04366,-0.06052,0.05182,0.01443,-0.01759,-0.02856,-0.04593,0.04059,-0.03198,0.0167,0.08762,-0.02715,-0.04198,0.05557,0.08262,0.09172,0.09983,-0.03081,0.02949,-0.00206,0.04548,0.01908,0.11265,-0.02747,-0.06753,0.00776,-0.06372,-0.01555,0.01498,-0.05612,0.06809,-0.01979,0.01938,0.04773,0.00779,0.03131,-0.07286,-0.02783,-0.07182,0.02961,-0.00345,-0.0161,-0.08312,0.00331,-0.00557,0.03834,0.06881,-0.08999,0.04735,0.03687,-0.00294,-0.01561,0.03004,0.01371,-0.01791,-0.00676,0.05928,0,-0.02427,-0.01002,0.00856,0.03489,-0.00361,-0.02548,-0.0174,0.03925,-0.00856,0.04746,-0.00615,0.01027,-0.00442,-0.0366,0.00172,-0.01312,-0.06739,-0.05138,0.08106,-0.06858,0.03408,0.06191,-0.0193,0.01334,0.06388,0.01195,-0.027,-0.00355,-0.02204,0.02008,-0.06359,-0.03043,0.06342,-0.03341,-0.04018,0.04196,0.02163,0.08731,0.01088,-0.06341,-0.03844,0.0396,-0.08407,0.05088,-0.04922,0.01748,-0.07486,0.07036,-0.07679,-0.04216,-0.04065,0.03963,0.0707,-0.05952,-0.07952,-0.0303,-0.01096,0.04061,-0.01169,0.02521,-0.07317,-0.02386,0.01651,-0.0595,0.00261,-0.02134,-0.09279,-0.1184,-0.00353,0.07317,-0.0167,0.02044,-0.03226,0.03143,0.10639,0.00748,0.08345,0.01431,0.04605,-0.05061,-0.04321,0.05809,-0.02678,0.08283,0.03152,0.04447,-0.02586,-0.01555,0.01683,0.09093,-0.06236,0.00999,-0.01153,0.01545,0.05041,0,-0.09232,0.02725,0.00743,-0.00305,0.01263,0.0242,0.11111,0.08975,-0.02726,0.02683,-0.04531,0.09488,-0.04073,0.05847,0.01317,0.01308,0.01749,0.04677,-0.03971,-0.00358,0.00013,0.01968,-0.00563,0.07172,0.05997,-0.03948,0.04724,-0.04731,0.01032,0.02148,-0.11367,0.03832,0.10788,0.0486,-0.01451,-0.00694,-0.03839,0.04003,-0.02869,-0.00086,-0.00243,0.02512,0.0162,-0.03956,-0.0385,0.02769,-0.02447,0.02742,0.0463,-0.07269,-0.08071,-0.04747,-0.08369,-0.0802,0.00206,0.04952,-0.03298,-0.04637,0.12783,-0.005,0.02373,0.01065,-0.00666,-0.08849],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. When to use it - Generate automatic layouts for complex or dense graphs. - Recompute node placement after data changes. - Compare freeform editing with layout-assisted views. If layout quality matters more than minimal configuration, ELK.js is usually the better starting point than a simpler tree-only approach.","excerpt":"When to use it - Generate automatic layouts for complex or dense graphs. - Recompute node placement after data changes. - Compare freeform editing with layout-assisted views. If layout quality matters more than minimal configuration, ELK.js is usually the better starting point than a simpler tree-only approach."},{"chunkId":"/examples/elkjs-layout#10","slug":"elkjs-layout","route":"/examples/elkjs-layout","section":"examples","title":"Angular ELK.js Graph Layout Example","description":"Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow.","group":"Layout Engines","vector":[-0.10048,0.04234,-0.07173,0.0341,0.00885,0.00005,-0.07298,-0.00932,-0.0519,0.087,-0.07626,0.02048,-0.07983,0.01707,0.06628,-0.00074,-0.00655,-0.01483,0.05949,-0.03659,-0.06729,-0.02439,-0.04041,-0.04604,0.03304,0.05342,0.03196,0.00275,0.07536,-0.09533,0.10366,0.01798,0.00542,0.0685,-0.15506,0.08412,-0.06086,0.00678,-0.04217,-0.03478,0.02295,0.10837,-0.01852,-0.07355,-0.05548,-0.03682,-0.17078,0.06076,-0.02248,0.07206,-0.07483,-0.12089,-0.06518,-0.02391,0.02781,0.02763,-0.00399,0.00088,-0.00694,0.04539,0.06516,-0.05142,0.02141,0.01758,0.04037,0.06652,-0.06006,0.0003,-0.03818,-0.00285,-0.00118,-0.07139,0.01686,-0.05898,0.02739,0.02032,-0.02114,0.05544,0.00932,-0.05164,-0.01626,0.06167,-0.00816,0.06358,-0.04301,0.03252,-0.01874,-0.10609,-0.0208,-0.03769,-0.03583,-0.01195,-0.05125,0.00793,0.00372,0.04518,0.00712,-0.00293,-0.09536,-0.00973,0.01236,-0.05234,0.02559,-0.0304,-0.01355,0.00485,-0.07724,0.01318,-0.07495,0.02934,0.01947,0.11098,-0.02264,-0.04228,-0.01928,-0.06782,0.01919,-0.08103,0.05294,0.08003,0.00298,0.04017,0.01562,-0.00126,0.09328,0.0363,0.05747,0,0.03165,0.02368,-0.07785,0.05597,0.09246,-0.00064,-0.03357,-0.04911,0.01935,0.02716,0.02048,0.07436,0.01062,0.06002,0.0404,-0.09592,0.01976,0.02755,0.04534,-0.02389,0.01826,-0.03043,-0.00989,0.06437,0.04711,0.10113,-0.00633,0.00678,-0.10694,0.01705,0.02531,0.04298,-0.01086,0.00904,-0.06038,0.02134,-0.07133,-0.00858,-0.02491,-0.05895,0.06403,-0.01167,-0.03555,-0.04157,-0.04999,0.02589,-0.03573,0.03357,0.08275,-0.02382,-0.0592,0.02879,0.07647,0.07442,0.13093,-0.05861,0.00977,0.04759,0.0518,0.0216,0.09291,0.02129,-0.07081,-0.01841,-0.00713,0.00483,0.03137,-0.0549,0.02975,-0.01419,-0.00789,0.05193,0.0142,0.06991,-0.05177,-0.02575,-0.07834,0.03128,0.01008,-0.01169,-0.0894,-0.01734,0.01334,0.05356,0.07529,-0.06107,0.06112,0.01387,-0.00947,-0.04984,0.05058,-0.01144,0.03173,-0.00097,0.0708,0,-0.01787,0.01918,-0.00262,0.05702,0.0128,-0.0408,0.03216,0.07988,-0.00493,0.06775,0.00287,0.01723,0.00801,-0.02372,0.00742,-0.00907,-0.05736,-0.04837,0.07108,-0.0532,0.00131,0.0203,-0.05216,-0.01863,0.0764,0.03114,-0.00417,-0.00481,-0.02024,-0.01063,-0.03119,-0.00813,0.03989,-0.00007,-0.01745,0.03501,0.01221,0.09171,-0.01308,-0.0727,-0.03844,0.01671,-0.06529,0.03737,-0.04294,0.02348,-0.06455,0.06752,-0.10021,-0.02875,-0.03627,0.06058,0.06232,-0.05296,-0.0916,-0.02359,0.04144,0.03772,0.00876,0.01877,-0.03957,-0.02392,0.02384,-0.04442,-0.00315,-0.00985,-0.08158,-0.11576,-0.00884,0.10671,0.02787,0.0393,-0.03047,0.01563,0.13981,0.02946,0.10141,0.0403,0.03442,-0.03084,-0.03189,0.07845,-0.02041,0.11088,0.04038,0.04508,-0.07805,0.00656,0.03371,0.11854,-0.06872,-0.02215,-0.03456,0.00107,0.06423,0,-0.09318,0.0165,-0.0113,-0.01584,0.01145,0.05693,0.07949,0.05769,-0.03269,0.01504,-0.06241,0.12231,-0.03664,0.04619,-0.02006,-0.01504,-0.00972,0.05139,-0.01621,-0.03861,-0.01685,-0.00655,0.02802,0.07983,0.04521,-0.01379,-0.01112,-0.07197,0.01031,0.01942,-0.10533,0.02435,0.11636,0.02258,-0.01611,-0.00989,-0.04719,0.02123,-0.05788,-0.0236,-0.0088,0.00729,0.00426,-0.03782,-0.02983,0.05454,-0.02605,0.00938,0.01591,-0.059,-0.07443,-0.02869,-0.08625,-0.03348,0.00838,0.04564,-0.04521,-0.06124,0.0914,-0.036,-0.02056,0.06065,-0.0152,-0.0843],"keywords":"Angular ELK.js Graph Layout Example Angular ELK.js Graph Layout Example Generate layered graph layouts with ELK.js in Angular. The example rebuilds nodes and connections from one graph factory and applies manual layout direction changes through Foblex Flow. Related docs and examples - ELK.js Auto Layout Example - Package README - Dagre Layout Example - Zoom Docs - Angular Node-Based UI Library","excerpt":"Related docs and examples - ELK.js Auto Layout Example - Package README - Dagre Layout Example - Zoom Docs - Angular Node-Based UI Library"},{"chunkId":"/examples/elk-layout-auto#0","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.07175,0.02534,-0.0667,0.06822,0.00514,0.01318,-0.04888,0.00693,0.06244,0.07561,-0.11747,-0.01805,-0.09077,0.01241,0.00901,0.0151,-0.02888,-0.05402,0.04212,-0.03942,-0.04355,-0.05197,-0.01012,-0.0081,0.0752,0.0463,-0.03717,-0.04156,0.05537,-0.07787,0.0594,-0.01001,0.03536,0.03453,-0.11311,0.09271,-0.0852,-0.02873,-0.06983,-0.00189,0.10717,0.0741,0.00511,-0.08309,-0.04648,0.02654,-0.07253,0.00383,-0.03757,0.10136,-0.01882,-0.03825,-0.0347,0.0219,0.01189,0.08869,0.07702,-0.01491,0.02589,0.00896,0.06481,-0.03378,0.01459,0.00673,0.01873,0.04565,-0.057,-0.02598,-0.06613,0.01736,0.07332,-0.03054,0.03575,-0.07952,0.06482,-0.00554,-0.04802,0.04516,0.02766,-0.07667,0.00144,-0.01257,-0.0086,0.03782,-0.02193,0.06353,0.00756,-0.09116,0.03171,-0.04829,-0.03692,-0.01445,-0.05138,-0.02234,0.04985,0.02997,-0.00474,0.06781,-0.06598,0.00801,0.02518,0.01287,0.00968,0.01442,0.01495,-0.01124,-0.05828,0.07512,-0.07288,0.01928,0.02409,0.10104,0.07177,0.05113,0.05568,0.00398,-0.02082,-0.06539,0.04226,0.10455,0.06225,0.01467,0.04186,-0.00168,0.09106,0.04777,0.05294,0,-0.0239,-0.01614,-0.05863,0.04318,0.04108,0.00328,-0.03101,-0.04499,0.02457,0.01943,-0.0207,0.08864,0.01647,0.04161,-0.03939,-0.06324,0.0307,0.01306,0.00601,0.01776,0.11762,-0.03066,-0.08178,0.00437,0.01502,0.07555,-0.02082,0.08177,-0.14703,0.01973,0.00076,0.02476,-0.01339,0.03294,-0.04358,-0.00318,-0.02247,0.02185,-0.06757,-0.05934,0.04325,0.01685,-0.06226,-0.05101,-0.07327,-0.03978,-0.03915,0.05254,0.09231,0.02313,-0.01973,0.05159,0.09018,0.02457,0.10108,-0.02367,0.01429,0.0041,0.03874,-0.00503,0.07308,0.06038,-0.08071,-0.01241,-0.01948,0.03527,0.03836,-0.01162,0.00949,-0.01435,-0.01397,0.07008,-0.02257,0.02588,0.01098,-0.05431,-0.00598,0.01865,-0.07487,-0.00764,-0.06838,-0.05529,0.02495,0.07938,0.08336,-0.08785,0.02156,-0.0301,-0.06121,-0.01646,0.12991,-0.05537,0.02738,0.00595,-0.00198,0,-0.00334,0.02058,-0.024,0.04255,0.00726,-0.04337,0.04814,0.07829,0.02197,0.01731,-0.01486,0.05224,-0.05897,-0.01089,0.04481,-0.00116,-0.03401,-0.0997,0.05863,-0.07094,0.01156,0.0248,-0.01593,-0.02095,0.02876,0.03247,-0.00961,-0.00299,-0.00379,-0.07153,-0.04107,-0.03267,-0.05823,-0.02036,-0.0368,-0.00924,-0.05736,0.08026,-0.01861,-0.01254,0.02806,0.03164,-0.11702,0.06928,-0.00373,0.07891,-0.06262,0.02908,-0.06813,-0.00201,-0.04606,0.02601,0.05072,-0.00307,-0.0746,0.04244,0.12643,0.04409,-0.06175,0.03225,-0.04542,-0.05026,0.06156,-0.05722,-0.00774,0.03095,-0.11244,-0.03906,0.04422,0.10948,0.05955,0.03714,-0.06045,0.01547,0.09649,0.03804,0.0229,-0.02418,0.04875,-0.01021,-0.08301,0.08302,0.01268,0.06991,0.00432,0.01797,-0.09789,-0.02309,0.00304,0.10968,-0.04567,-0.00818,-0.08388,-0.03883,-0.0131,0,-0.15095,0.0306,-0.01884,0.01447,0.03393,0.00982,0.05758,0.04785,-0.02946,-0.02038,-0.09371,0.04882,0.04293,-0.01499,-0.0324,-0.01214,0.04358,-0.01806,-0.05031,-0.05643,-0.0135,-0.02184,0.01417,0.09616,0.01965,-0.07739,0.02895,-0.00403,-0.0045,0.0252,-0.0788,0.0574,0.08585,0.05247,-0.06375,0.03329,0.01088,0.01539,-0.02748,-0.02914,-0.0583,0.0087,-0.01998,-0.03019,-0.03516,0.02898,-0.03245,-0.00932,0.04458,-0.08151,-0.03734,-0.02721,-0.09102,0.01354,0.03856,-0.01305,-0.00693,-0.08181,0.1157,0.03343,-0.05539,0.01006,0.00322,-0.09573],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. ELK.js Auto Layout This page shows how to use @foblex/flow-elk-layout together with Foblex Flow auto mode. The example still rebuilds the graph from component state, but it no longer calls calculate(...) manually. Instead, Flow renders the graph first, measures the nodes, and then asks ELK.js to recalculate positions automatically. The important split is: - @foblex/flow-elk-layout calculates node positions with ELK.js - @foblex/flow detects graph changes, runs auto relayout, and redraws the scene - your app remains the owner of graph state through writeback","excerpt":"ELK.js Auto Layout This page shows how to use @foblex/flow-elk-layout together with Foblex Flow auto mode. The example still rebuilds the graph from component state, but it no longer calls calculate(...) manually. Instead, Flow renders the graph first, measures the nodes, and then asks ELK.js to recalculate positions automatically. The important split is: - @foblex/flow-elk-layout calculates node positions with ELK.js - @foblex/flow detects graph changes, runs auto relayout, and redraws the scene - your app remains the owner of graph state through writeback"},{"chunkId":"/examples/elk-layout-auto#1","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.02955,0.05078,-0.04618,0.09238,0.04678,-0.0055,-0.05863,0.01453,0.04554,0.06551,-0.10963,-0.00365,-0.08888,-0.02384,-0.02462,-0.00266,-0.01821,-0.03917,0.0126,-0.01231,-0.02758,-0.06023,-0.02672,-0.01502,0.07393,0.02252,-0.07839,-0.02553,0.07834,-0.04703,0.05133,0.02797,0.03941,0.0239,-0.10629,0.05548,-0.03447,-0.00867,-0.08181,0.02272,0.11414,0.07999,0.00932,-0.07791,-0.06097,0.04037,-0.09269,0.03125,-0.10567,0.0576,-0.03041,-0.04887,-0.06107,0.02791,-0.00141,0.01706,0.00208,-0.00825,0.00157,0.04415,0.01209,-0.05269,0.00879,-0.01097,0.04887,0.0432,-0.03821,-0.06057,-0.07021,0.02028,0.08053,-0.0071,0.02284,-0.03231,0.07084,-0.00086,-0.05205,0.09191,0.03834,-0.03096,-0.04389,0.01714,-0.00988,0.02392,-0.03845,0.11701,0.01103,-0.06396,0.02486,-0.02866,-0.02569,0.00319,-0.14011,0.03014,0.03565,-0.00764,0.03045,0.04116,-0.03309,-0.03015,0.07643,0.0402,0.05714,0.04881,0.01105,-0.00308,-0.04292,0.08654,-0.00441,0.06459,0.05249,0.09293,0.0606,0.02416,0.05527,-0.00929,-0.03093,-0.07158,0.0373,0.10084,0.01948,0.04369,0.02002,0.01226,0.06155,0.07637,0.0649,0,-0.03176,-0.02979,-0.00986,0.02849,0.02223,0.02395,-0.01217,-0.05191,0.03431,0.00897,-0.05888,0.06266,0.00568,0.03289,0.00118,-0.05383,0.01362,0.06092,0.00236,0.01733,0.11957,-0.01828,-0.0489,0.02628,-0.02273,0.0594,-0.02659,0.08157,-0.18191,0.00658,-0.04517,-0.00309,0.04718,0.01476,-0.01754,0.01168,-0.01621,-0.01258,-0.08577,-0.07326,0.03024,0.04816,-0.01763,-0.04815,-0.0995,-0.04568,-0.04001,0.03887,0.05368,-0.00996,-0.00989,0.05144,0.13374,0.00291,0.11455,0.02028,0.04856,0.01859,0.0188,-0.00364,0.02494,0.02397,-0.03256,-0.0034,0.01285,0.06655,0.05765,-0.00778,0.00866,-0.02947,0.04136,0.05855,-0.02419,0.05468,0.04511,-0.02012,0.0161,0.0378,-0.05887,0.02513,-0.07372,-0.00096,0.0304,0.0427,0.08153,-0.11276,0.03744,-0.02531,-0.04269,-0.03778,0.14213,-0.05384,0.05281,-0.02218,-0.03041,0,-0.01913,0.00874,-0.04688,0.06454,-0.00829,-0.02756,0.01554,0.09383,0.01888,0.01277,0.02971,0.04598,-0.08891,-0.04922,0.02336,-0.01969,0.00051,-0.11207,0.07529,-0.07979,0.05936,0.00916,-0.00436,-0.00297,0.02624,-0.00623,0.01334,0.008,-0.03537,-0.09826,0.00769,-0.01128,-0.04209,0.0287,-0.01299,-0.05427,-0.04336,0.09652,0.01541,0.00377,-0.01882,0.05401,-0.11613,0.05316,-0.00613,0.04598,-0.02915,0.00156,-0.02132,-0.01025,-0.01516,0.02662,0.01949,0.0346,-0.07612,0.00998,0.07508,0.07755,-0.02712,0.01054,-0.03777,-0.07788,0.00467,-0.09,-0.04115,0.0748,-0.09733,-0.018,0.01606,0.11102,0.02466,0.01447,0.00134,0.03116,0.00793,0.02501,0.04045,-0.01748,0.04986,-0.00571,-0.10328,0.10818,0.03459,0.0925,0.03803,0.0014,-0.05897,-0.01972,-0.03008,0.12374,-0.01389,-0.00235,-0.09393,-0.02967,-0.00113,0,-0.14807,0.04134,-0.0823,0.0387,0.01815,-0.03427,0.03819,0.04175,-0.01682,0.02565,-0.03781,0.0345,0.02819,-0.01934,0.02861,-0.07287,0.0332,-0.06614,-0.0687,-0.08789,-0.04519,-0.00867,-0.02105,0.06154,0.05093,-0.09426,0.01698,0.04055,-0.00104,0.00216,-0.05795,0.06687,0.0624,0.05801,-0.0498,0.01094,-0.03289,0.03113,0.00047,-0.02512,-0.07277,-0.02478,-0.01452,-0.04535,-0.04952,0.02359,-0.05518,0.0026,0.01121,-0.05907,0.02215,-0.01596,-0.05187,-0.00179,0.0726,-0.04909,-0.03462,-0.04568,0.07541,0.00373,-0.04652,0.00109,0.02589,-0.0818],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. How This Differs From The Manual Example The manual example explicitly calls calculate(...) and usually passes a size for every node before rendering. This auto example works differently: 1. The component rebuilds the source graph from toolbar state. 2. That graph is rendered in f-flow. 3. Flow calls getState({ measuredSize: true }) internally and reads the actual rendered node size from the DOM. 4. Flow then runs ELK.js automatically and sends the new positions back through writeback. That is why this example does not pass node sizes into generateGraph(...). Real measured sizes come from rendered nodes, and defaultNodeSize is only a fallback for cases where a measurement is not available yet. get State measured Size generate Graph default Node Size","excerpt":"How This Differs From The Manual Example The manual example explicitly calls calculate(...) and usually passes a size for every node before rendering. This auto example works differently: 1. The component rebuilds the source graph from toolbar state. 2. That graph is rendered in f-flow. 3. Flow calls getState({ measuredSize: true }) internally and reads the actual rendered node size from the DOM. 4. Flow then runs ELK.js automatically and sends the new positions back through writeback. That is why this example does not pass node sizes into generateGraph(...). Real measured sizes come from rendered nodes, and defaultNodeSize is only a fallback for cases where a measurement is not available yet."},{"chunkId":"/examples/elk-layout-auto#2","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.07489,0.00832,-0.10577,0.054,0.01711,0.05653,-0.05299,0.0053,0.02639,0.04856,-0.025,-0.00852,-0.05681,-0.03604,-0.00403,0.01592,-0.07968,-0.04221,0.01469,-0.02774,-0.05568,-0.05146,0.03662,-0.00337,0.06129,0.04025,-0.01953,-0.00155,0.01181,-0.04942,0.05781,-0.00398,0.01297,0.00979,-0.0528,0.0843,-0.06935,0.04142,-0.04616,-0.0065,0.0869,0.06445,0.06918,-0.10598,-0.01582,-0.00975,-0.12524,0.01378,-0.04227,0.10475,-0.05527,-0.06665,-0.03343,0.02633,0.06123,0.05626,0.02711,0.00159,0.0121,0.02155,0.07492,-0.03984,-0.00991,-0.0197,-0.00261,0.04366,-0.04782,0.00461,-0.08052,0.04329,-0.00281,-0.03129,-0.03992,-0.1015,0.0897,-0.01138,-0.03097,0.06045,0.00929,-0.10612,-0.01754,0.00438,0.0043,0.03546,-0.05545,0.04565,0.01619,-0.05203,0.04572,-0.05935,0.00278,0.00435,-0.08374,0.00057,0.05893,0.04819,-0.01263,0.10819,-0.04594,0.01633,0.00272,-0.0513,0.0004,0.09446,0.04892,0.00265,-0.04045,0.0391,-0.10581,0.02107,0.01725,0.10025,0.01271,0.03102,0.03536,-0.05977,0.0136,-0.04527,0.04614,0.06306,0.06519,0.02047,-0.04116,0.0063,0.00407,-0.00966,0.08965,0,0.02674,-0.03406,-0.05411,0.03497,0.07605,0.00714,-0.04557,-0.05771,-0.01773,0.05977,-0.03474,0.02889,-0.05758,-0.03109,-0.03781,-0.12819,0.01429,0.08256,-0.04221,0.02011,0.07545,-0.02908,-0.11362,-0.00266,0.02686,0.06249,-0.04007,0.05049,-0.14127,-0.0085,0.05028,0.00956,0.02597,-0.0063,-0.01424,-0.04764,-0.05757,0.02828,-0.07409,-0.04747,0.05851,-0.00866,-0.03437,-0.04611,-0.08928,-0.03666,-0.00385,0.08287,0.10921,-0.01175,-0.04873,0.05115,0.01797,-0.07568,0.07353,-0.0295,-0.02317,0.06317,-0.00097,0.0646,-0.02196,0.08356,-0.05397,-0.07263,0.02516,0.02628,0.03741,-0.08419,0.04544,-0.0587,-0.02594,0.04557,0.01331,0.04739,0.01467,-0.02273,-0.02705,0.02682,-0.04844,-0.01542,-0.09396,-0.05288,-0.04609,0.04783,0.05188,-0.10704,0.02123,-0.02851,-0.07998,-0.0801,0.03468,-0.04294,0.0454,-0.01942,0.01289,0,0.06854,-0.00044,0.04781,0.03461,-0.02697,0.00227,0.0834,0.08409,0.00689,0.06583,-0.01276,0.01533,-0.03634,-0.03507,0.04437,0.04112,-0.03494,-0.0862,0.0389,-0.07129,0.00537,0.08672,-0.02918,0.02801,0.03926,-0.00231,0.04762,0.08159,-0.02578,-0.06315,-0.04812,-0.0459,-0.12018,0.03198,-0.05338,-0.04073,-0.00083,0.14651,-0.04949,0.0322,0.03091,0.05113,-0.08335,0.07329,0.00804,0.06448,0.0068,0.03484,-0.07307,-0.02239,-0.03782,0.02198,0.03421,0.00086,-0.04622,0.06507,0.09606,-0.01794,-0.04083,-0.05801,-0.01861,-0.07411,0.07784,-0.03721,0.06811,0.03014,-0.0951,-0.05692,0.01896,0.0759,0.04602,0.03451,0.07014,-0.00345,0.12647,0.03212,0.04745,0.01127,0.05876,-0.01354,-0.10228,0.07577,0.03063,0.07625,-0.02905,0.02332,-0.08004,0.04999,0.01576,0.05599,-0.08782,-0.00453,-0.00009,-0.00623,-0.00011,0,-0.12982,-0.02181,-0.03137,-0.02665,0.00262,0.01638,0.06098,0.01209,-0.04325,-0.01515,-0.05434,0.06241,0.03519,-0.00211,-0.0231,-0.06354,0.03451,0.02801,-0.05581,-0.03116,0.01342,-0.02372,0.02382,0.07339,0.04372,-0.09314,-0.0125,0.02387,0.00878,0.01875,-0.03175,0.00169,0.10134,0.01028,-0.00738,-0.00741,-0.00151,0.0119,-0.03278,0.07664,-0.03614,-0.01583,-0.0114,-0.01241,0.02738,0.01842,-0.02555,0.02281,0.05113,-0.05514,-0.06882,-0.04815,-0.03927,-0.00671,0.02885,-0.02488,0.0151,-0.00271,0.09048,-0.00114,-0.05346,0.05023,0.00751,-0.05031],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. Example ::: ng-component <elk-layout-auto</elk-layout-auto [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::","excerpt":"Example ::: ng-component <elk-layout-auto</elk-layout-auto [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/elk-layout-auto/example.scss [apply-layout.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/apply-layout.ts [generate-graph.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/generate-graph.ts [layout-connection-sides.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-connection-sides.ts [layout-controls.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/f-layout/utils/layout-controls.ts :::"},{"chunkId":"/examples/elk-layout-auto#3","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.0754,0.01439,-0.10279,0.0233,0.03098,0.06009,-0.09237,-0.00974,0.01795,0.0717,-0.06937,0.00537,-0.07971,0.00997,0.01175,0.00407,-0.05367,-0.01928,0.05038,-0.01542,-0.10198,-0.02801,-0.00303,-0.00122,0.07525,0.06977,0.02781,-0.02403,0.03373,-0.07773,0.04452,-0.03523,0.04266,0.00228,-0.15644,0.0586,-0.09992,0.00117,-0.02961,-0.02935,0.08748,0.07396,0.0283,-0.1192,-0.05122,-0.00349,-0.11172,0.01488,-0.01868,0.10365,-0.06669,-0.08157,-0.03497,-0.00731,0.02855,0.06017,0.04486,0.00255,-0.00549,0.00631,0.10379,-0.0228,0.0125,0.02813,0.03129,0.04682,-0.05671,0.00254,-0.06773,-0.01114,-0.01881,-0.04519,0.01863,-0.10061,0.05003,0.01415,-0.04528,0.03746,0.06697,-0.01675,-0.01919,0.01893,0.00234,0.08709,-0.04187,0.02758,0.00663,-0.03522,0.01844,-0.12334,-0.0032,-0.01369,-0.03055,-0.01323,0.04838,0.06495,0.00968,0.0924,-0.04019,0.00009,-0.00376,-0.00106,0.00269,0.03971,0.00502,-0.02105,-0.06831,0.04781,-0.08555,0.01269,0.05212,0.08061,0.02488,0.01796,0.02594,-0.00981,-0.02482,-0.09394,0.00719,0.07828,0.03731,0.05052,0.05427,0.03628,0.09434,0.05637,0.07839,0,-0.02258,-0.00405,-0.05182,0.00811,0.04254,-0.0382,-0.02132,-0.06878,0.01516,-0.00003,0.0093,0.10194,-0.00544,0.0713,-0.0213,-0.07162,0.04768,0.06658,0.02837,0.00863,0.08149,-0.05951,-0.09961,0.01116,0.02473,0.10647,-0.03349,0.09297,-0.17368,-0.00816,0.04568,0.03645,-0.03323,-0.01083,-0.00504,-0.04367,-0.07274,0.03636,-0.06883,-0.01767,0.10494,-0.0104,-0.04175,-0.06059,-0.03954,0.01662,-0.01606,0.0637,0.15087,0.01043,-0.03354,0.03213,0.06179,0.01121,0.09131,-0.01448,-0.01205,0.00372,0.04727,0.02604,0.00845,0.02187,-0.04708,-0.04038,-0.02419,-0.04287,0.02855,-0.06968,0.01758,0.01828,0.0148,0.01361,-0.02632,0.04506,-0.01591,-0.02575,-0.03079,0.03951,-0.05769,-0.00508,-0.1028,-0.02561,0.00776,0.03856,0.11074,-0.1012,0.0291,-0.02374,-0.01464,-0.04365,0.07314,-0.04534,-0.00363,-0.00131,0.02602,0,0.01259,-0.02112,0.01913,0.04393,-0.00617,0.00738,0.03461,0.07855,0.02373,0.07089,0.00038,0.04206,0.00921,-0.01265,0.02704,0.05515,-0.0283,-0.06005,0.05663,-0.07739,0.04111,0.00966,0.02638,-0.05585,0.04115,0.0174,0.03833,-0.01525,-0.04669,-0.03531,-0.05378,0.00051,-0.0439,-0.00711,-0.07211,0.02085,-0.03672,0.09299,-0.01873,-0.01861,-0.02961,0.03707,-0.11558,0.05598,0.00295,0.01927,-0.03542,0.03567,-0.07008,-0.01183,-0.05165,0.02766,0.06395,-0.01221,-0.07415,0.05487,0.10822,0.02261,-0.01544,-0.01635,-0.05154,-0.04834,0.06109,-0.0815,0.00573,0.04169,-0.10286,-0.06243,-0.01085,0.10368,0.04333,-0.00928,-0.00617,0.03976,0.11586,0.00765,0.06865,0.0461,0.05501,-0.04155,-0.04353,0.06116,0.01194,0.06769,-0.03491,0.03775,-0.0676,-0.02591,0.0096,0.10908,-0.08786,0.01033,-0.04987,-0.00194,0.02995,0,-0.12612,0.02805,-0.03003,0.02155,0.00847,0.01228,0.03076,0.03593,-0.01669,0.03375,-0.07196,0.04963,0.02469,0.03673,-0.02639,-0.004,0.0358,0.03857,-0.05128,-0.042,0.02449,-0.00598,0.07822,0.03936,0.07216,-0.05221,0.01679,0.02854,0.00385,0.00991,-0.0654,0.05451,0.08467,0.00373,-0.01156,-0.03295,-0.00391,0.00631,-0.01635,-0.00294,-0.0618,0.00653,-0.01207,-0.05254,-0.01321,0.00084,-0.05064,-0.03472,0.03979,-0.05795,-0.05232,-0.06043,-0.07627,-0.00827,0.00799,-0.0022,-0.0118,-0.06137,0.10525,-0.01188,-0.04182,0.0299,0.00024,-0.1252],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. Install If you prefer manual installation: You do not need to install elkjs separately because the adapter ships it as a runtime dependency.","excerpt":"Install If you prefer manual installation: You do not need to install elkjs separately because the adapter ships it as a runtime dependency."},{"chunkId":"/examples/elk-layout-auto#4","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.06941,0.01964,-0.08235,0.04651,-0.00265,0.07381,-0.0871,0.00755,0.05509,0.08474,-0.0974,0.00321,-0.07877,-0.06893,-0.01082,-0.00633,-0.06101,-0.04641,-0.0026,-0.03854,-0.05782,-0.051,-0.01144,-0.01685,0.0746,0.10336,-0.01716,-0.01299,0.05112,-0.08071,0.06517,-0.00279,0.0197,0.01761,-0.15397,0.04009,-0.0834,0.00571,-0.02358,-0.01791,0.08551,0.06776,-0.0025,-0.12149,-0.0412,-0.00104,-0.10232,0.02803,-0.07162,0.10409,-0.02165,-0.07411,-0.04057,0.01801,0.0337,0.06404,0.08006,-0.00275,-0.00712,0.04924,0.07252,-0.01103,0.00777,0.00841,0.03883,0.06525,-0.04317,0.00075,-0.05584,0.02957,0.07178,-0.04393,0.00979,-0.05984,0.06614,-0.03483,-0.05473,0.06154,0.02986,-0.02303,0.00282,0.02004,0.01375,0.05205,-0.01038,0.0312,0.02702,-0.04372,0.03832,-0.05309,-0.00111,-0.00332,-0.0719,0.01209,0.04736,0.02547,0.01351,0.06705,-0.03176,-0.01169,0.03926,0.0123,-0.00771,0.03336,0.02535,0.01486,-0.02981,0.07308,-0.07921,0.01951,0.05619,0.05901,0.01425,0.03647,-0.00127,-0.0292,-0.01522,-0.05293,0.00029,0.08972,0.04416,0.06895,0.04072,0.00243,0.07645,0.03667,0.06649,0,-0.00531,-0.05031,-0.08061,0.03042,0.0422,0.02507,-0.03453,-0.04843,0.04494,-0.00503,0.02597,0.09197,-0.05661,0.03283,-0.04855,-0.0794,0.02947,0.05543,0.00068,0.01319,0.09364,-0.0755,-0.10442,0.00253,0.00569,0.10154,-0.03931,0.09821,-0.19119,0.00973,0.04586,0.00869,-0.00066,0.01449,-0.02365,-0.00796,-0.04428,0.01695,-0.03426,-0.01723,0.06309,0.00351,-0.05619,-0.05383,-0.10949,0.01052,-0.02353,0.06179,0.0877,0.00785,-0.01392,0.08448,0.07818,0.00887,0.06972,-0.03786,-0.01848,0.05229,0.0803,0.0268,0.01529,0.02829,-0.06829,-0.0449,-0.00665,0.01558,0.06362,-0.04256,0.03256,-0.02244,-0.00593,0.00463,-0.00587,0.05511,0.00185,-0.02461,-0.01703,0.013,-0.09623,0.02901,-0.05618,-0.02461,0.00681,0.02662,0.09437,-0.14206,0.02128,-0.01947,-0.07,-0.05324,0.08708,-0.03922,0.08243,0.01574,0.03721,0,0.01767,0.00801,0.02545,0.07652,-0.00762,-0.00656,0.02485,0.0884,0.0037,0.05954,-0.00132,0.02229,-0.05946,-0.02692,0.02719,0.0438,-0.01721,-0.08436,0.07775,-0.09023,0.035,-0.03028,-0.00077,-0.01101,0.01176,0.01136,0.0295,-0.05174,-0.01947,-0.07257,-0.01001,-0.04686,-0.03833,-0.02143,-0.0613,-0.00438,-0.04174,0.08984,-0.02164,0.01183,0.01577,0.03193,-0.09495,0.03847,0.00048,0.07329,-0.06536,0.02592,-0.06515,-0.02053,-0.00327,0.08954,0.03619,-0.02655,-0.02823,0.03734,0.09193,0.01083,-0.04808,0.00102,-0.05539,-0.07779,0.06915,-0.07996,0.00796,0.06968,-0.05471,-0.05087,0.0066,0.11217,0.04489,0.01625,0.00465,0.0268,0.08009,-0.00516,0.07499,-0.03923,0.08093,-0.0146,-0.05239,0.07672,0.02696,0.04929,-0.05721,0.03797,-0.07548,-0.0193,0.01992,0.11362,-0.05274,-0.0045,-0.05362,-0.03711,-0.00191,0,-0.136,0.00387,-0.00939,0.04184,0.01456,-0.01433,0.04196,0.06966,-0.0117,-0.01743,-0.04246,0.02498,0.01202,0.00812,0.02327,-0.03095,0.03818,0.01137,-0.04135,-0.08013,-0.00223,-0.00223,0.07201,0.07635,0.04304,-0.06932,0.02971,0.04675,0.01195,0.00747,-0.07461,0.03449,0.08735,0.03368,-0.04556,-0.03062,-0.01748,-0.00151,-0.02231,0.02139,-0.04758,-0.01544,0.00256,-0.04256,-0.00125,0.02191,-0.02575,0.00656,0.00641,-0.07524,-0.01622,-0.03482,-0.05257,0.00206,0.00715,-0.00459,-0.02303,-0.06276,0.11655,0.00949,-0.10227,0.00484,-0.00375,-0.10143],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. How Auto Mode Works 1. Provide the layout engine with mode: EFLayoutMode.AUTO. 2. Rebuild and render your nodes and connections in f-flow. 3. When the rendered graph changes, Flow collects measured node sizes and calls calculate(...) automatically. 4. Use setInteractiveOptions(...) to keep the engine in sync with toolbar state. 5. Use setWriteback(...) to sync calculated positions back into your application state. EF Layout Mode set Interactive Options set Writeback","excerpt":"How Auto Mode Works 1. Provide the layout engine with mode: EFLayoutMode.AUTO. 2. Rebuild and render your nodes and connections in f-flow. 3. When the rendered graph changes, Flow collects measured node sizes and calls calculate(...) automatically. 4. Use setInteractiveOptions(...) to keep the engine in sync with toolbar state. 5. Use setWriteback(...) to sync calculated positions back into your application state."},{"chunkId":"/examples/elk-layout-auto#5","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.08033,0.047,-0.06734,0.06347,0.01764,0.04119,-0.08989,0.01182,0.01143,0.09182,-0.08951,-0.00107,-0.05917,-0.01373,0.01856,0.00228,-0.00974,-0.05363,0.01598,-0.0374,-0.0567,-0.05192,-0.02613,-0.01243,0.0937,0.06423,-0.02479,-0.01503,0.09168,-0.06023,0.05048,0.00704,0.02652,0.02261,-0.12035,0.05096,-0.07309,0.01971,-0.02523,-0.0239,0.09288,0.09769,0.00749,-0.12575,-0.04609,0.01043,-0.11022,-0.01589,-0.08461,0.08272,-0.04047,-0.06707,-0.03723,-0.0108,0.02427,0.0285,0.05385,-0.00411,0.00485,0.07159,0.06633,-0.01115,0.01644,0.01236,0.05833,0.06516,-0.05038,-0.02833,-0.05399,0.03636,0.04954,-0.03835,0.00442,-0.06462,0.07626,-0.03208,-0.0676,0.04663,0.01562,-0.02247,-0.02854,0.03534,-0.02256,0.06528,-0.03729,0.05963,0.00691,-0.08593,0.04614,-0.05813,-0.04999,-0.02831,-0.07417,0.0322,0.02799,0.00882,0.01778,0.05094,-0.05864,-0.02301,0.05044,0.01234,0.02407,0.0081,0.02933,0.02546,-0.05866,0.0789,-0.05237,0.04062,0.05008,0.09298,0.01167,0.01575,0.03412,-0.03289,-0.00843,-0.088,0.03248,0.09355,0.05821,0.05269,0.03811,-0.01004,0.09478,0.04723,0.07736,0,-0.00208,-0.03297,-0.0702,0.02973,0.07638,0.02332,-0.02987,-0.05904,0.04121,-0.01719,0.01801,0.0801,-0.02296,0.05375,-0.03975,-0.0834,0.02691,0.05252,-0.00436,0.00099,0.07118,-0.02621,-0.07647,0.0165,0.02135,0.09167,-0.003,0.10148,-0.19208,0.00299,0.01717,0.01897,0.01368,0.02588,-0.03492,-0.02706,-0.04369,0.01629,-0.06115,-0.03768,0.07059,0.01087,-0.04891,-0.04082,-0.08784,-0.00209,-0.00639,0.05227,0.06303,-0.01251,-0.02381,0.09512,0.09504,0.00819,0.09423,-0.03399,0.02181,0.03877,0.07446,0.03761,0.00984,0.04,-0.06948,0.00957,-0.02953,0.01386,0.05318,-0.05077,0.00986,-0.02433,0.01532,0.03876,-0.02331,0.05331,0.02192,-0.04178,-0.01455,0.03564,-0.08039,0.021,-0.09161,-0.03522,0.02796,0.05108,0.07495,-0.12491,0.04646,-0.02825,-0.0382,-0.06482,0.07361,-0.07736,0.05013,-0.00691,0.03131,0,0.00853,0.00789,0.01427,0.06342,-0.00723,-0.03192,0.02807,0.09605,-0.00043,0.05364,0.00583,0.04583,-0.04931,-0.02497,0.00209,0.02479,-0.04829,-0.10074,0.07169,-0.07976,0.04934,-0.0049,-0.02187,-0.0064,0.02215,0.00197,0.014,-0.01093,-0.02277,-0.07344,0.00188,-0.02893,-0.02906,-0.0069,-0.05736,0.0015,-0.02937,0.08122,-0.02903,0.00734,-0.00134,0.00944,-0.11879,0.06414,-0.0199,0.05071,-0.02778,0.0014,-0.0492,-0.01827,-0.00759,0.05722,0.05688,-0.00188,-0.05814,0.00017,0.07735,0.05675,-0.04222,-0.00218,-0.04742,-0.08162,0.04247,-0.09322,-0.01372,0.05457,-0.08813,-0.04955,0.01402,0.11706,0.06707,0.03598,-0.0088,0.03486,0.09511,0.00558,0.07172,-0.0123,0.07166,-0.01176,-0.06044,0.05689,0.02449,0.05499,-0.02545,0.04023,-0.11269,0.01067,-0.00813,0.12538,-0.07277,-0.01105,-0.07943,-0.03686,0.01722,0,-0.12589,0.03455,-0.0044,0.01408,0.01799,-0.00974,0.04927,0.0608,-0.03194,0.01767,-0.06928,0.02042,0.01517,0.00662,-0.02622,-0.03011,0.02677,0.02292,-0.04364,-0.0694,-0.01882,0.00377,0.04428,0.0699,0.04233,-0.06988,0.01283,0.04704,0.00248,-0.00096,-0.06557,0.05936,0.07731,0.01915,-0.0383,-0.02407,-0.00022,0.00895,-0.02453,-0.02482,-0.08837,-0.02171,-0.02193,-0.03333,-0.02818,0.02961,-0.0313,0.00498,0.00516,-0.08729,-0.01097,-0.05358,-0.07041,0.0015,0.03023,-0.01086,-0.0326,-0.05247,0.10684,0.01047,-0.05448,0.02654,0.01609,-0.10046],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. What This Example Shows - Rebuilding the source graph reactively from toolbar state, just like the manual example - Letting auto mode calculate positions after render instead of calling calculate(...) manually - Measuring real rendered node sizes from Flow instead of passing size in the demo graph - Keeping application state in sync through writeback - Reusing the same graph factory as the manual example with less layout code in the component","excerpt":"What This Example Shows - Rebuilding the source graph reactively from toolbar state, just like the manual example - Letting auto mode calculate positions after render instead of calling calculate(...) manually - Measuring real rendered node sizes from Flow instead of passing size in the demo graph - Keeping application state in sync through writeback - Reusing the same graph factory as the manual example with less layout code in the component"},{"chunkId":"/examples/elk-layout-auto#6","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.0912,0.01072,-0.08162,0.03093,0.00747,0.05785,-0.08692,-0.01875,0.04575,0.05647,-0.07427,0.04402,-0.08785,0.00435,0.02598,-0.01175,-0.02148,-0.0435,0.03721,-0.04365,-0.05894,-0.07019,-0.02956,-0.01433,0.06466,0.07579,0.00972,-0.00958,0.07185,-0.09649,0.02464,0.03979,0.01716,0.01906,-0.1659,0.05349,-0.07536,0.03399,-0.02909,-0.01892,0.07588,0.05793,0.02711,-0.08411,-0.03573,0.0141,-0.12193,-0.00555,-0.04195,0.063,-0.06455,-0.05335,-0.04032,-0.01789,0.02864,0.0492,0.07445,0.01114,-0.01342,0.02155,0.06921,-0.0246,-0.01728,0.01123,0.03759,0.06173,-0.04239,0.01497,-0.03395,0.05369,0.03926,-0.04433,0.0003,-0.11656,0.06393,-0.02857,-0.06959,0.02167,-0.00461,-0.04476,0.01846,0.05939,-0.01043,0.07493,-0.05254,0.02929,-0.00357,-0.0547,0.03815,-0.05159,-0.04545,0.02093,-0.05024,0.00618,0.04021,0.07197,-0.02041,0.03323,-0.03121,-0.01475,0.03831,-0.03622,0.00261,0.05344,0.04136,-0.02338,-0.05023,0.07747,-0.04262,0.01591,0.05433,0.10994,0.02462,-0.00094,-0.02016,-0.02606,-0.01705,-0.05161,0.03204,0.15048,0.01143,0.04638,0.04742,-0.03531,0.101,0.02483,0.08625,0,-0.01011,-0.03423,-0.07151,0.0389,0.0424,0.02405,-0.04542,-0.05893,0.05843,-0.01376,0.04052,0.05441,-0.06293,0.0606,-0.06978,-0.08181,0.04275,0.0484,-0.00558,0.0088,0.06953,-0.08099,-0.09369,0.00939,0.03212,0.0572,-0.01973,0.09551,-0.20932,0.00733,0.03513,0.00424,-0.00604,0.03033,-0.0289,0.01638,-0.06152,0.03098,-0.02975,-0.01358,0.03795,0.01022,-0.05463,-0.01919,-0.06865,0.01631,-0.02488,0.05651,0.06577,0.0079,-0.00535,0.05937,0.08777,0.01326,0.09861,-0.04751,-0.02406,0.02834,0.0304,0.0491,0.03338,0.03367,-0.10015,-0.00027,0.00714,0.00624,0.02279,-0.08255,0.02135,-0.03652,-0.01979,-0.01368,-0.0371,0.05145,-0.00807,-0.02692,-0.01547,0.04416,-0.06133,0.03742,-0.08448,0.00871,0.02406,0.06257,0.08063,-0.10104,0.02841,-0.04039,-0.01001,-0.02954,0.06949,-0.03914,0.08303,0.02383,0.06568,0,0.01939,0.02075,0.03676,0.03681,0.00052,-0.01507,0.04172,0.08171,0.04591,0.06809,0.03317,0.07819,-0.05532,-0.02402,0.00202,0.01432,-0.04663,-0.08832,0.06783,-0.04989,0.02826,-0.00141,-0.0318,-0.03618,0.03114,0.01757,0.0131,0.00953,-0.04425,-0.0362,-0.00619,-0.00878,-0.01262,-0.00616,-0.06992,0.0472,-0.05832,0.11985,-0.04132,0.03336,-0.01539,0.02901,-0.10549,0.057,-0.03296,0.04278,-0.03678,-0.00398,-0.07537,-0.01326,-0.05641,0.0988,0.0641,-0.02073,-0.05207,0.03709,0.07238,0.02743,-0.03817,0.00441,-0.02375,-0.0492,0.03142,-0.0879,-0.02635,0.02216,-0.08018,-0.06942,0.021,0.11718,0.02553,0.0198,-0.03316,0.04501,0.09285,-0.00592,0.07378,-0.00064,0.03811,-0.02461,-0.06892,0.06705,-0.02603,0.06337,-0.03826,0.04269,-0.09508,-0.06228,0.03813,0.11165,-0.05643,-0.0411,-0.08352,-0.0307,0.01766,0,-0.12162,-0.00567,0.02114,-0.01282,0.02274,0.00575,0.0433,0.05153,-0.00708,0.01758,-0.03072,0.0478,0.01353,-0.02209,-0.00757,0.00846,0.05365,0.01103,-0.05576,-0.04073,0.00358,-0.00846,0.01872,0.06078,0.03896,-0.05243,0.05878,-0.00021,-0.00531,0.02989,-0.04088,0.05994,0.06205,0.04364,-0.04634,-0.02252,0.00377,0.0044,-0.02757,-0.02904,-0.04731,-0.01351,-0.00355,-0.0337,-0.06151,0.0182,-0.01375,0.02297,0.01701,-0.07441,-0.04111,-0.03874,-0.07042,-0.00801,0.06085,0.00218,0.00221,-0.05058,0.08597,-0.00033,-0.09066,0.04461,0.00426,-0.14203],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. When To Choose Auto Mode Use auto mode when you want Flow to orchestrate the layout cycle for you: - render the graph - measure nodes - call the layout engine - apply new positions - redraw connections Manual mode is still the better choice when you need full control over exactly when layout runs or when layout should happen outside the rendered Flow lifecycle.","excerpt":"When To Choose Auto Mode Use auto mode when you want Flow to orchestrate the layout cycle for you: - render the graph - measure nodes - call the layout engine - apply new positions - redraw connections Manual mode is still the better choice when you need full control over exactly when layout runs or when layout should happen outside the rendered Flow lifecycle."},{"chunkId":"/examples/elk-layout-auto#7","slug":"elk-layout-auto","route":"/examples/elk-layout-auto","section":"examples","title":"Angular ELK.js Auto Layout Example","description":"Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback.","group":"Layout Engines","vector":[-0.09459,0.0177,-0.0998,0.03167,0.02669,0.04809,-0.09425,-0.03197,0.04107,0.06898,-0.0964,0.01974,-0.08875,-0.01571,0.02876,-0.00911,-0.05839,-0.00836,0.01913,-0.04851,-0.0899,-0.02649,-0.01015,-0.00167,0.08372,0.07803,0.01208,-0.00876,0.05506,-0.10238,0.05842,-0.00221,0.05852,0.0217,-0.1115,0.09667,-0.11451,0.01407,-0.02154,-0.0158,0.09005,0.09085,0.0425,-0.10544,-0.06435,-0.02857,-0.14163,0.03508,-0.03516,0.07584,-0.08198,-0.05179,-0.03276,0.00327,0.03511,0.06777,0.05795,0.00584,-0.00675,0.01074,0.09336,-0.0065,-0.00509,0.01034,0.02753,0.05777,-0.06372,0.015,-0.05148,0.03949,0.02766,-0.06124,0.01774,-0.08472,0.07463,0.01109,-0.0505,0.04743,0.05068,-0.05379,0.01708,0.01598,0.00563,0.07619,-0.04929,0.0025,0.00974,-0.05369,0.0297,-0.08089,-0.02183,-0.00869,-0.03342,0.01374,0.01862,0.05056,0.03001,0.08806,-0.03041,0.00715,0.03358,0.00235,0.00173,0.02461,0.01228,-0.02316,-0.04461,0.04528,-0.0817,0.03354,0.04113,0.09987,0.00165,0.01921,-0.00882,-0.04887,-0.012,-0.08618,0.00384,0.06278,0.04444,0.03866,0.03606,0.01718,0.0607,0.03237,0.06662,0,-0.00579,-0.01903,-0.0781,0.0087,0.05642,-0.02308,-0.04381,-0.0497,0.01509,0.01638,0.02221,0.0735,-0.03415,0.05391,-0.06677,-0.08853,0.04643,0.06549,0.00072,-0.00607,0.08796,-0.03786,-0.08752,0.01428,0.0278,0.09577,-0.04167,0.06622,-0.19255,0.00756,0.02129,0.01011,0.0174,0.00609,-0.04054,-0.02123,-0.07451,0.02331,-0.04124,-0.00816,0.08532,-0.01014,-0.03322,-0.0623,-0.06794,0.02694,-0.03974,0.08836,0.10698,0.00249,-0.0258,0.04689,0.06176,0.01151,0.07771,-0.03743,-0.03203,0.01681,0.06728,0.04744,0.03932,0.04355,-0.07573,-0.03351,-0.02398,-0.03133,0.03195,-0.06972,0.02595,0.00474,-0.00427,0.01232,-0.03123,0.05092,-0.00675,-0.02031,-0.0454,0.01521,-0.06187,0.00792,-0.08852,-0.03655,0.01148,0.03839,0.09656,-0.08788,0.03163,-0.02256,-0.05509,-0.04834,0.03708,-0.0699,0.05135,-0.01293,0.08698,0,0.01718,0.01432,0.01493,0.05218,-0.01349,-0.0054,0.02746,0.10356,0.03212,0.08927,-0.01552,0.02545,-0.01518,-0.02151,0.00452,0.03329,-0.01145,-0.05727,0.05153,-0.06194,0.03428,-0.01834,-0.02107,-0.00839,0.05136,0.02323,0.07024,-0.00963,-0.04036,-0.03154,-0.01122,0.00318,-0.0438,0.0132,-0.07582,0.03054,-0.03472,0.10255,-0.04618,0.00171,-0.03001,0.03439,-0.08369,0.06294,0.00238,0.0533,-0.03788,0.05061,-0.04473,-0.01933,-0.03083,0.05522,0.06008,-0.02584,-0.06047,0.05738,0.08019,0.04018,-0.03157,-0.02085,-0.06313,-0.05493,0.06568,-0.08173,0.01368,0.0299,-0.0793,-0.04899,-0.01063,0.09375,0.04528,0.03805,-0.04434,0.02789,0.09804,0.01889,0.05315,0.02676,0.06652,-0.03226,-0.03713,0.05007,0.00088,0.06402,-0.03167,0.04515,-0.07564,0.00682,0.02549,0.12256,-0.08883,-0.01319,-0.05529,-0.02981,0.01113,0,-0.12583,0.00534,-0.0104,0.02818,0.0033,0.01497,0.04802,0.05191,-0.02031,-0.00494,-0.088,0.05834,0.01025,-0.01483,-0.04525,-0.00569,0.02831,0.03863,-0.0402,-0.05882,0.00743,-0.00443,0.06376,0.0666,0.07255,-0.04501,0.00635,0.01292,0.04033,-0.00639,-0.04415,0.03949,0.09352,0.01356,-0.01544,-0.04508,0.02149,-0.00608,-0.02539,-0.02056,-0.06026,-0.02726,0.00009,-0.03418,-0.04307,0.02683,-0.03384,0.00394,0.03101,-0.08841,-0.05615,-0.06704,-0.07449,-0.00621,0.01816,-0.00062,-0.00897,-0.0575,0.11384,-0.0027,-0.07528,0.04871,0.00039,-0.10685],"keywords":"Angular ELK.js Auto Layout Example Angular ELK.js Auto Layout Example Run ELK.js through Foblex Flow auto mode in Angular. The example rebuilds the source graph from component state and syncs calculated positions back with writeback. Related docs and examples - ELK.js Layout Example - Dagre Auto Layout Example - Package README","excerpt":"Related docs and examples - ELK.js Layout Example - Dagre Auto Layout Example - Package README"},{"chunkId":"/examples/reflow-on-resize#0","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.05947,-0.00817,-0.00364,0.05456,0.03023,-0.01032,-0.01843,0.03869,0.0048,0.08778,-0.02598,0.0595,-0.05713,0.00393,-0.01623,0.02042,0.01522,-0.00229,-0.09688,-0.04105,-0.0087,-0.07907,-0.02342,-0.02613,0.03295,0.00147,-0.05988,-0.00525,0.04677,-0.084,0.02023,0.11482,-0.0928,0.00679,-0.08196,0.0686,-0.0411,0.0474,-0.02557,-0.04355,0.07697,0.07907,0.0017,-0.05325,-0.00438,0.02084,-0.10276,0.01704,-0.0732,-0.05258,-0.09138,-0.05678,-0.04911,0.10836,0.04477,-0.00213,0.03561,-0.0146,0.03283,0.04799,-0.01041,-0.0144,-0.0031,0.00135,-0.00385,0.07093,-0.00954,-0.00641,-0.01559,0.09027,0.04319,-0.01912,-0.0339,-0.00399,0.12262,-0.01501,-0.07977,0.05084,-0.00703,-0.02307,-0.00799,0.03969,-0.03045,0.01639,-0.00381,-0.01739,-0.01247,-0.06,0.06402,-0.00717,-0.04172,0.0429,-0.04606,0.00969,0.04262,-0.01198,-0.06339,-0.05664,-0.01368,0.04021,0.06189,-0.05037,0.04647,0.00849,0.02246,-0.02704,-0.02717,0.06748,-0.02195,0.03448,0.02059,0.04681,0.00279,-0.00027,-0.07463,-0.01422,-0.00035,-0.04394,0.01851,0.05943,0.02736,0.04095,-0.02019,-0.0574,0.09814,0.03005,-0.04397,0,-0.06018,-0.02316,-0.06734,0.06279,0.08623,0.00232,-0.05899,-0.01459,0.02074,0.00588,0.03211,0.06573,-0.00465,0.04148,0.00918,-0.13191,0.04521,0.11995,-0.07065,-0.00407,0.04371,0.03074,-0.03774,-0.0061,0.03011,0.01193,-0.04843,0.06493,-0.0896,0.00405,-0.04832,0.06263,-0.02867,0.0444,-0.07618,0.01912,-0.05204,-0.09045,-0.04723,-0.08472,-0.02173,0.03712,-0.10327,0.01108,0.01796,-0.05099,-0.01184,0.01906,-0.01669,0.01464,0.05154,0.06929,0.02585,0.00059,0.01244,-0.05084,0.04999,0.01595,0.0476,0.09187,0.02104,-0.03433,-0.08526,0.03462,0.094,0.04064,-0.01823,-0.02745,0.06996,0.00632,-0.04116,0.08965,0.05771,0.0447,-0.03238,-0.07323,-0.06822,0.01184,-0.08125,-0.03297,-0.02265,-0.0296,0.04182,0.03425,0.00715,-0.15005,0.03746,-0.01854,-0.0852,-0.03991,0.13498,0.00193,0.06087,0.03349,0.03807,0,-0.02306,0.05232,0.00421,0.0928,0.01084,-0.04549,-0.05115,0.08871,0.01045,-0.10383,-0.03159,-0.02786,-0.01221,0.00725,-0.03874,-0.03002,0.00372,-0.12781,0.00625,-0.00387,0.0647,0.0455,-0.04759,-0.00717,0.04218,0.051,-0.03952,0.05736,0.00333,-0.01325,-0.03777,-0.0797,-0.07248,-0.04316,0.09731,-0.0183,-0.03561,0.07786,0.01875,0.02327,0.0492,0.0103,-0.05422,0.03774,-0.01606,0.02413,-0.02721,0.03374,-0.0896,-0.04516,-0.03721,0.03446,0.01567,-0.03425,-0.02231,0.03849,0.09834,-0.00057,0.01331,-0.00864,0.03233,-0.08365,0.01935,-0.02951,-0.00065,0.07261,-0.02739,-0.11543,0.04008,0.09619,0.06783,0.0747,-0.03532,-0.06381,0.06148,0.00191,0.0434,-0.09487,0.01338,0.01134,-0.10093,0.04816,0.01865,0.04048,0.0003,0.07142,-0.1199,0.05546,0.03517,0.10198,-0.02966,-0.00094,-0.03777,0.02645,0.00255,0,-0.12137,0.07533,-0.06752,0.06182,0.09932,-0.05108,0.09741,0.06238,-0.03156,0.07857,0.03759,0.02378,0.03288,0.01488,0.06572,-0.02451,0.00591,-0.01164,-0.09501,-0.02783,-0.06207,-0.00804,0.01834,0.06226,-0.00868,-0.06345,-0.04046,0.08644,-0.00559,0.00273,-0.03559,0.0078,0.09186,0.09843,-0.0479,0.04415,-0.0178,0.00583,0.01716,-0.0152,0.00892,0.02071,-0.01762,0.03239,-0.00143,-0.0037,0.03385,-0.02746,-0.00797,-0.01253,0.01707,-0.02306,-0.02313,-0.00404,0.0596,-0.00846,-0.01072,0.01372,0.08711,0.07056,-0.08007,0.02612,-0.07812,-0.02364],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Reflow on Resize Real graphs don't have static node sizes. A node expands when its details panel opens, shrinks when async data loads, grows when the user types a longer label. As soon as one node changes size, every other node nearby is suddenly in the wrong place — overlapping, blocking the path of an edge, breaking the carefully arranged columns. withReflowOnResize is the plugin that fixes this. It watches every node in the canvas and, the moment a size changes, shifts the surrounding nodes so the layout stays clean. No manual relayout call, no graph rebuild — the consumer model just receives the new positions through the standard (fMoveNodes) pipeline. The plugin reacts to any size change. User-driven resize handles work too, but they aren't the point — they're the easiest way to demonstrate each option on this page. The behaviour is configurable. A planner combines a mode, a scope, an axis, a delta source, and a collision resolver — five orthogonal knobs that decide who moves, by how much, and what to do when shifts run out of room. Each section below picks one knob, locks the rest at sensible defaults, and shows you the difference. with Reflow On Resize f Move Nodes","excerpt":"Reflow on Resize Real graphs don't have static node sizes. A node expands when its details panel opens, shrinks when async data loads, grows when the user types a longer label. As soon as one node changes size, every other node nearby is suddenly in the wrong place — overlapping, blocking the path of an edge, breaking the carefully arranged columns. withReflowOnResize is the plugin that fixes this. It watches every node in the canvas and, the moment a size changes, shifts the surrounding nodes so the layout stays clean. No manual relayout call, no graph rebuild — the consumer model just receives the new positions through the standard (fMoveNodes) pipeline. The plugin reacts to any size change. User-driven resize handles work too, but they aren't the point — they're the easiest way to demonstrate each option on this page. The behaviour is configurable. A planner combines a mode, a scope, an axis, a delta source, and a collision resolver — five orthogonal knobs that decide who moves, by how much, and what to do when shifts run out of room. Each section below picks one knob, locks the rest at sensible defaults, and shows you the difference."},{"chunkId":"/examples/reflow-on-resize#1","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.00323,-0.00663,-0.03885,0.01466,0.05563,0.04779,-0.01607,0.05789,-0.03398,0.07741,0.00707,0.02929,-0.06555,0.01355,0.05379,0.02969,-0.05009,0.03225,-0.04117,-0.04808,-0.04393,-0.05968,-0.00692,-0.02563,0.03151,0.02275,0.02146,0.01627,0.04685,-0.08857,0.01444,0.04065,0.02717,0.06538,-0.06189,0.04593,-0.05158,0.02822,-0.04787,-0.06548,0.07905,0.03183,0.0225,-0.07648,-0.01019,0.01489,-0.14302,-0.00077,-0.06778,0.01272,-0.11793,-0.1328,-0.03129,0.08536,0.02497,0.00863,0.0355,-0.03974,0.06828,0.01226,0.0328,0.00285,0.02259,0.0671,0.02667,0.06784,-0.0815,0.01393,-0.03267,0.00809,0.00637,-0.07261,0.0114,-0.03611,0.09975,-0.07887,-0.07476,0.04633,-0.00766,-0.02214,-0.06346,0.0626,-0.01286,0.05794,-0.03165,0.0379,-0.04111,-0.05671,0.00415,-0.03665,-0.01653,-0.02011,-0.06962,0.01004,0.02153,-0.04235,-0.04048,-0.12448,-0.05581,0.02686,0.06596,-0.04027,0.01878,0.02968,-0.02245,-0.0063,-0.03664,0.0285,-0.00721,-0.00118,-0.03361,0.04009,-0.01573,-0.09415,-0.13147,-0.04949,-0.02728,-0.02252,0.03716,0.00394,0.03908,0.0099,-0.03154,-0.01881,0.10295,0.00142,-0.03548,0,-0.04076,-0.02071,-0.1136,0.08792,0.09081,-0.03496,-0.03874,-0.06991,0.01285,-0.01949,0.05196,0.0892,-0.02164,0.01593,-0.02057,-0.13371,0.00709,0.1307,-0.00046,0.00438,0.03709,0.00206,-0.02589,0.03377,0.02119,0.0696,-0.01304,0.06573,-0.12991,0.03239,0.00113,0.01786,-0.03479,-0.00136,-0.01849,0.01352,-0.07312,-0.0459,-0.06767,-0.05122,0.06582,-0.0321,-0.06043,-0.016,0.0318,-0.02098,-0.02053,0.00153,0.04526,0.0058,0.07092,0.02593,0.02071,-0.02865,0.07588,-0.01917,-0.03949,0.0377,0.07693,0.0392,0.01844,-0.03982,-0.05123,-0.00617,0.07821,0.02572,-0.01355,-0.08755,0.07514,0.03691,-0.01889,0.0734,0.04542,0.05327,-0.05837,-0.00331,-0.08972,-0.0153,-0.02132,0.00415,-0.06643,-0.03906,0.06499,0.05535,0.11819,-0.14241,0.01133,-0.03478,-0.07292,-0.03468,0.09448,-0.00339,0.03143,0.02878,0.083,0,-0.01893,0.05487,-0.01057,0.0898,0.0335,-0.02228,-0.03463,0.10251,-0.00379,-0.01622,0.0199,-0.00817,-0.00877,-0.03418,-0.04469,0.02829,0.00648,-0.10042,0.00237,0.039,0.04905,0.00446,0.01621,-0.01732,0.07318,0.04092,-0.0032,0.10205,-0.01529,-0.01327,-0.03578,0.001,-0.07418,-0.01783,0.02352,-0.0305,-0.02198,0.05123,0.01744,-0.01168,0.05529,0.00959,-0.03763,0.00242,-0.0597,0.01089,-0.0119,0.05826,-0.07688,-0.02765,-0.05168,0.00583,0.05449,-0.06068,-0.02402,0.12457,0.08474,0.07894,-0.01552,-0.00287,0.00689,-0.07112,0.05341,-0.06293,-0.02824,0.05346,-0.03308,-0.05944,-0.02573,0.09935,0.07322,0.09012,-0.06131,-0.01662,0.03691,0.00796,0.08112,-0.04867,0.03617,-0.03775,-0.02797,0.03892,-0.0134,0.06083,0.00375,0.03933,-0.14487,-0.01421,0.04746,0.08508,-0.06047,-0.00786,0.00838,0.0103,-0.00191,0,-0.13576,0.05512,-0.03547,0.02256,0.08567,-0.01742,0.05717,0.03358,-0.02619,-0.00127,-0.03629,0.06559,0.02266,0.04148,0.03723,-0.02118,-0.00561,0.01393,-0.05443,-0.05003,-0.02282,0.02124,0.09194,0.07294,0.01926,-0.03236,-0.06689,0.03653,0.02536,-0.04251,-0.02236,0.03711,0.07928,0.07248,-0.02406,0.0225,-0.06193,-0.02195,-0.04264,-0.067,0.06959,0.02507,0.01089,-0.00375,-0.09345,0.05558,0.00927,-0.03029,-0.01909,-0.02113,0.01716,-0.01553,-0.0662,-0.00309,0.01458,0.04282,0.02806,-0.00697,0.04755,0.02588,-0.0734,0.0886,-0.04615,-0.06319],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Installation That is the whole installation. No directives to attach, no events to subscribe to.","excerpt":"Installation That is the whole installation. No directives to attach, no events to subscribe to."},{"chunkId":"/examples/reflow-on-resize#2","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.07574,0.02666,-0.01707,0.10771,0.05523,0.03326,0.0146,0.06681,-0.00277,0.0427,-0.02533,0.05297,-0.06122,0.01293,0.01185,0.02253,-0.018,0.04011,-0.0952,-0.02116,0.02528,-0.06958,0.02777,0.00606,0.00425,0.02178,-0.0582,0.01165,0.05444,-0.09014,0.01381,0.09948,-0.06489,-0.00607,-0.0692,0.0696,-0.03642,0.06566,-0.03888,-0.0483,0.06913,0.09465,0.01877,-0.07322,-0.00167,-0.01979,-0.11046,0.02128,-0.07198,-0.04227,-0.03221,-0.0912,-0.02503,0.07499,0.05625,-0.08066,0.02248,-0.03892,0.05805,0.02817,-0.04132,-0.01041,0.02906,0.00727,-0.02549,0.03984,-0.02722,-0.05161,-0.0629,0.06014,0.03262,-0.03179,-0.01713,-0.02076,0.11608,-0.04131,-0.06047,0.07624,0.01006,-0.00887,-0.00396,0.02361,-0.0234,0.03121,-0.06563,0.02605,-0.00824,-0.08987,0.07305,-0.05888,-0.01967,0.01861,-0.07617,0.03361,0.01663,-0.03847,-0.11692,-0.05855,-0.06911,0.03877,0.05674,-0.02266,0.05587,0.05419,0.01249,-0.01652,-0.03654,0.05352,-0.03701,0.0358,0.04618,0.02344,0.04433,-0.01659,-0.08903,-0.02201,0.01344,-0.04865,0.00223,0.05853,0.03429,0.02472,-0.04599,-0.03728,0.07518,0.02307,-0.00766,0,-0.02662,-0.05338,-0.08882,0.06044,0.06516,-0.0582,-0.00179,-0.04541,-0.05485,0.05074,0.03218,0.08253,-0.04095,0.00305,0.00748,-0.11979,0.04057,0.1094,-0.07481,0.01352,0.02701,0.01571,-0.03326,-0.01583,0.05888,0.02213,-0.03904,0.05611,-0.10998,-0.0078,0.01134,0.0168,0.02891,0.01065,-0.04376,-0.01986,-0.02686,-0.03769,-0.11402,-0.04171,0.06531,0.02183,-0.01351,-0.01192,-0.01425,-0.03974,0.02231,0.05662,0.04172,-0.01762,0.07768,0.084,0.03197,-0.02762,0.04089,-0.01843,-0.01041,0.0539,0.04805,0.06096,-0.05127,-0.02917,-0.07418,0.05051,0.07952,0.07329,-0.00248,-0.02652,0.03869,-0.01942,-0.04557,0.07661,0.03962,0.01785,-0.0102,-0.04434,-0.01964,0.01719,-0.00236,-0.00778,-0.00479,-0.03253,0.02344,0.05303,0.02101,-0.13821,0.03004,-0.04902,-0.04281,-0.09055,0.0774,0.00867,0.03404,-0.05283,0.04352,0,0.00273,0.04253,0.0265,0.09683,-0.00485,-0.01568,-0.01939,0.09696,0.04689,-0.04953,-0.02398,-0.01547,-0.01266,-0.05281,-0.01631,0.01996,-0.07466,-0.09897,0.04985,0.0511,0.05733,0.0621,0.0073,-0.02366,0.0397,0.05776,-0.01582,0.11132,0.02525,-0.0235,-0.01619,-0.02925,-0.13192,-0.00961,-0.0314,-0.07041,-0.0509,0.13666,0.0529,0.03192,0.04938,0.05392,-0.02311,0.03539,-0.04893,-0.0285,0.01891,0.00648,-0.07289,-0.05544,-0.06263,-0.0051,-0.02465,0.01845,-0.03586,0.04829,0.06103,-0.0188,-0.01309,-0.05053,0.06361,-0.08632,-0.0187,-0.04684,0.03917,0.09144,-0.04904,-0.10241,0.03851,0.05281,0.05102,0.03038,0.05765,-0.06163,0.04786,0.05165,0.04614,-0.08342,0.05278,-0.00448,-0.05827,0.00059,-0.02018,0.03875,0.01827,0.09248,-0.17964,0.07199,0.06948,0.07855,-0.05899,-0.04172,0.03202,0.03936,0.00262,0,-0.08883,0.0588,-0.10661,0.03572,0.02176,-0.035,0.05017,-0.00339,-0.06802,0.0409,0.0042,0.07802,0.0595,-0.00878,0.03035,0.0012,-0.00996,0.02522,-0.07593,0.0049,-0.02113,0.00666,0.05373,0.07218,-0.02098,-0.06116,-0.06751,0.06405,-0.01101,-0.03365,0.00455,0.01193,0.0314,0.1063,-0.02786,0.00584,-0.04894,0.00931,0.03667,0.07064,0.04238,-0.02598,-0.01318,-0.00745,-0.09263,0.00683,-0.0216,-0.02375,0.01302,0.02541,0.01385,-0.01894,-0.06984,0.00009,0.08011,-0.01348,0.03642,0.05139,-0.00383,0.03727,-0.06353,0.02403,0.0064,-0.03286],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Basics The simplest case — and the one the plugin was designed for. Three nodes, no resize handles. The source grows when its inner block toggles open. The plugin notices and shifts the nodes underneath. Replace the toggle with any real-world driver — a collapsible card, lazy-loaded payload, dynamic text — and the behaviour is the same. ::: ng-component <reflow-basics</reflow-basics [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.scss ::: The remaining sections wire a resize handle onto the source so you can poke each option deliberately. The plugin reacts the same way regardless of what changes the size.","excerpt":"Basics The simplest case — and the one the plugin was designed for. Three nodes, no resize handles. The source grows when its inner block toggles open. The plugin notices and shifts the nodes underneath. Replace the toggle with any real-world driver — a collapsible card, lazy-loaded payload, dynamic text — and the behaviour is the same. ::: ng-component <reflow-basics</reflow-basics [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/basics/example.scss ::: The remaining sections wire a resize handle onto the source so you can poke each option deliberately. The plugin reacts the same way regardless of what changes the size."},{"chunkId":"/examples/reflow-on-resize#3","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.02524,0.022,-0.00459,0.1034,0.01153,0.05542,-0.03143,0.03662,0.01265,0.05046,-0.01303,0.07564,-0.08145,-0.02371,0.00014,-0.00727,-0.00983,0.01591,-0.09119,-0.08482,-0.03276,-0.09303,-0.00576,-0.02538,0.06764,0.02191,-0.0183,-0.01563,0.05657,-0.06618,0.02257,0.06325,-0.04836,-0.00939,-0.08245,0.07226,-0.03941,0.0434,-0.0188,-0.02524,0.08376,0.04873,-0.00337,-0.08347,-0.01515,0.00651,-0.11654,0.00925,-0.06808,-0.01658,-0.0169,-0.01519,-0.03803,0.11168,0.022,-0.00446,0.09106,-0.00302,0.00064,0.01623,-0.07138,-0.03267,0.02016,-0.00386,-0.00434,0.04164,-0.04131,-0.08026,0.00454,0.03968,0.09974,-0.01625,0.0475,-0.03921,0.07116,-0.06767,-0.07088,0.06675,-0.03391,0.03597,0.00845,-0.01577,-0.00834,0.00031,-0.01757,-0.03666,-0.062,-0.06849,0.06771,-0.02491,-0.04067,0.0294,-0.03927,0.02113,0.03762,-0.02739,-0.06483,-0.04513,-0.04184,-0.00247,0.08598,-0.00619,-0.00042,0.03437,-0.01109,-0.0143,-0.02351,0.06896,-0.01455,0.0301,0.03863,0.03821,0.07419,0.03006,-0.06685,0.0014,-0.03197,-0.0489,-0.02056,0.04734,0.01302,0.04898,0.00796,-0.0277,0.066,0.00349,-0.00642,0,-0.11265,-0.01658,-0.06836,0.03221,0.07023,0.03246,-0.01877,-0.08569,0.0057,-0.03508,0.0905,0.1026,-0.05127,-0.04177,-0.058,-0.13767,0.04622,0.14373,-0.05218,-0.00254,0.03449,0.06202,-0.04219,0.01523,-0.0235,-0.00087,-0.05584,0.06725,-0.11823,0.00716,0.03145,0.02863,-0.06062,0.00533,-0.08201,0.0509,-0.02822,-0.0481,-0.09036,-0.06984,0.02469,0.02607,-0.06562,0.00614,-0.04507,-0.05729,-0.02141,0.05292,0.03689,-0.01682,0.05103,0.09049,0.01841,-0.05379,0.01491,-0.00866,0.02793,0.04469,0.04878,0.04336,0.01368,-0.00266,-0.08795,0.02074,0.0255,0.05206,0.04404,-0.04454,0.0031,0.03417,0.0198,0.09033,0.04757,0.0311,0.00861,-0.01192,0.01311,-0.00954,-0.08099,-0.03443,0.01588,-0.04279,0.01441,0.0705,0.07813,-0.17892,-0.01293,-0.04448,-0.06698,-0.0306,0.1073,-0.01391,0.10834,0.02406,0.0446,0,0.0414,0.03418,-0.00639,0.06199,0.02646,-0.04114,-0.0565,0.16784,-0.04071,-0.11247,-0.02305,-0.04675,-0.02081,0.02661,-0.05043,0.0103,0.02548,-0.05695,0.05092,-0.01068,0.03467,-0.01739,0.02446,0.05464,-0.03708,0.07738,-0.01763,0.04339,0.00367,-0.04351,0.03467,-0.0433,-0.0526,0.00093,0.04618,-0.05318,-0.05022,0.01858,0.02079,0.06626,0.05641,0.02312,-0.02358,0.04434,-0.03002,-0.0009,-0.00527,0.02575,-0.01909,-0.06794,-0.05085,0.00255,-0.00316,-0.00631,-0.02821,0.07959,0.08103,0.01517,0.00438,-0.01965,0.03252,-0.09564,0.01636,-0.07296,-0.03728,0.08025,0.00112,-0.0773,0.02382,0.08717,0.08304,0.06257,-0.02588,-0.00209,0.02259,0.01281,0.07641,-0.10223,0.03911,-0.02655,-0.06598,0.02676,-0.01114,0.01665,0.01566,0.04545,-0.13574,0.0104,0.02289,0.09955,-0.04258,-0.03853,0.00864,-0.00851,0.02199,0,-0.13868,0.04049,-0.01754,0.11412,0.07923,-0.04549,0.04065,0.01904,-0.0579,-0.00552,-0.04887,0.02376,0.07748,-0.00014,0.05355,-0.0089,0.04065,-0.03596,-0.01062,0.00288,-0.04098,-0.01307,0.04912,0.06975,-0.04916,-0.03026,0.00983,0.06533,0.00661,-0.02741,-0.03303,0.03563,0.09542,0.12181,-0.09523,-0.04059,-0.00543,-0.02199,0.00845,-0.02755,0.01386,0.04848,0.00272,0.00999,-0.09005,-0.03925,0.00252,0.00008,-0.01379,0.00396,-0.00882,-0.01558,-0.06826,0.01647,0.07507,-0.01153,-0.02692,0.06143,0.02811,0.05677,-0.03002,0.01525,-0.04019,-0.06813],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Managed state: one undo step for expand and reflow With withFlowState(), a content toggle and the positions emitted by reflow should usually be one undoable action. They do not happen synchronously: the application stores the expanded value first, then Angular renders the new size, and only then does ResizeObserver produce the reflow fMoveNodes event. Open a state transaction before changing the value and close it after the resize-driven rendering turn. Do not use state.batch(() = ...) for this case because its synchronous callback finishes before reflow runs. with Flow State Resize Observer f Move Nodes","excerpt":"Managed state: one undo step for expand and reflow With withFlowState(), a content toggle and the positions emitted by reflow should usually be one undoable action. They do not happen synchronously: the application stores the expanded value first, then Angular renders the new size, and only then does ResizeObserver produce the reflow fMoveNodes event. Open a state transaction before changing the value and close it after the resize-driven rendering turn. Do not use state.batch(() = ...) for this case because its synchronous callback finishes before reflow runs."},{"chunkId":"/examples/reflow-on-resize#4","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.01627,0.01215,-0.04741,0.00263,0.03101,0.03815,-0.01392,0.06503,-0.0183,0.06926,-0.01463,0.0443,-0.0457,0.01072,0.04228,0.01412,-0.0656,0.0511,-0.03017,-0.05717,-0.05024,-0.05707,-0.01619,-0.02643,0.0341,0.03644,0.01225,0.01788,0.02805,-0.09678,0.01549,0.06561,0.0165,0.08296,-0.09168,0.03006,-0.08504,0.0563,-0.05689,-0.05389,0.06597,0.05481,0.0362,-0.08408,-0.01197,0.03991,-0.16134,0.01466,-0.06353,0.02131,-0.11834,-0.13759,-0.04948,0.10568,0.02541,0.00657,0.04051,-0.0423,0.06511,0.02942,0.0366,0.01313,0.03646,0.0408,0.01988,0.05971,-0.06861,0.01244,-0.036,0.02531,0.01871,-0.0777,0.01157,-0.04992,0.09814,-0.08388,-0.05231,0.04015,0.00515,-0.00542,-0.06516,0.07312,-0.02504,0.05126,-0.04433,0.03047,-0.05859,-0.06265,0.01797,-0.02669,-0.0293,0.00667,-0.0702,0.00673,0.03467,-0.05647,-0.03241,-0.1426,-0.05111,0.01727,0.07838,-0.03963,0.02721,0.02306,-0.01181,0.00013,-0.00487,0.04435,0.00059,0.0036,-0.03023,0.04557,-0.00945,-0.06071,-0.13322,-0.05033,-0.0293,-0.01863,0.04117,0.02465,0.04195,0.01191,-0.04078,-0.03336,0.08542,0.01354,-0.03504,0,-0.05147,-0.01875,-0.08746,0.07119,0.08923,-0.02896,-0.04474,-0.05818,0.02772,-0.01704,0.02191,0.0722,-0.03411,0.02764,-0.02923,-0.14619,0.01615,0.12106,-0.01984,0.00116,0.05272,-0.01019,-0.03564,0.0176,0.00778,0.05835,-0.00196,0.06066,-0.12812,0.03029,-0.00077,0.01906,-0.03346,0.00947,-0.02891,0.01794,-0.05085,-0.03593,-0.06192,-0.04112,0.05527,-0.02063,-0.04858,-0.00095,0.02701,-0.01641,-0.03085,0.02696,0.00765,0.01333,0.05892,0.03551,0.00154,-0.03091,0.06749,-0.02119,-0.01379,0.06691,0.053,0.047,0.02353,-0.02546,-0.0438,-0.01634,0.08586,0.03422,-0.01048,-0.08037,0.0587,0.03356,-0.02687,0.07012,0.05299,0.06172,-0.05009,-0.00106,-0.06458,-0.00575,-0.03385,-0.01216,-0.0834,-0.03174,0.06953,0.0449,0.08458,-0.15199,0.0213,-0.04127,-0.06884,-0.04143,0.08595,0.00682,0.04652,0.03429,0.09459,0,-0.03487,0.06831,-0.00038,0.08633,0.04207,-0.03247,-0.00477,0.10279,-0.0209,-0.00738,0.00719,-0.00563,-0.01832,-0.03896,-0.01931,-0.00018,0.01453,-0.10807,0.0174,0.04918,0.04993,0.00537,-0.00737,-0.00678,0.07391,0.04645,-0.02097,0.09909,-0.002,0.00077,-0.0287,-0.02775,-0.03051,-0.00486,0.02525,-0.02554,-0.055,0.03227,0.01353,-0.00093,0.04453,-0.0016,-0.0144,0.01597,-0.05434,0.01425,-0.01468,0.06625,-0.06273,-0.0257,-0.04197,0.01172,0.04611,-0.06628,-0.02206,0.10729,0.0743,0.06443,-0.02686,-0.02351,0.01027,-0.07335,0.04807,-0.04352,-0.02115,0.0524,-0.01824,-0.06857,-0.02815,0.10503,0.11437,0.10328,-0.03629,-0.00516,0.04261,-0.00865,0.07186,-0.03918,0.03565,-0.02596,-0.01916,0.05199,-0.02377,0.08113,0.0024,0.05964,-0.15638,-0.00124,0.04915,0.09575,-0.04433,-0.0228,0.0026,-0.01747,0.01405,0,-0.13255,0.05059,-0.0291,0.04564,0.07512,-0.02966,0.05102,0.03208,-0.0232,-0.00873,-0.04575,0.0701,0.01667,0.02649,0.0361,-0.01201,0.00762,0.02594,-0.02677,-0.03071,-0.03898,0.01115,0.07768,0.07858,-0.00171,-0.0252,-0.07372,0.0289,0.0464,-0.03892,-0.0244,0.03394,0.0969,0.07296,-0.0208,0.02869,-0.08393,-0.00681,-0.06054,-0.04934,0.05765,0.01914,0.00869,-0.00754,-0.09319,0.03944,0.02845,-0.02371,-0.02532,-0.03357,0.01308,-0.00184,-0.06297,-0.00911,0.01289,0.03667,0.02095,-0.02105,0.03572,0.01924,-0.07911,0.09448,-0.05534,-0.05029],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","excerpt":""},{"chunkId":"/examples/reflow-on-resize#5","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.01165,-0.00981,-0.03853,0.09801,0.01465,0.06507,0.00123,-0.03881,0.01824,0.08756,0.04464,0.10645,-0.04677,-0.01835,0.00519,-0.02172,-0.00803,0.01207,-0.05887,-0.04142,-0.0299,-0.0472,-0.01613,-0.02199,0.01823,0.04984,-0.04269,-0.0113,0.0685,-0.11121,0.01703,0.07209,0.00187,-0.00564,-0.09751,0.04202,-0.09426,0.01865,-0.05515,-0.08722,0.06878,0.05278,0.00375,-0.06379,-0.02616,0.04933,-0.09525,-0.03674,-0.04887,-0.01074,-0.06759,-0.00704,-0.02314,0.13059,0.01857,0.02233,0.11452,0.01138,-0.05731,0.03274,-0.00343,-0.0137,-0.02824,-0.00339,0.03205,0.08237,-0.02989,-0.05858,0.00363,-0.0172,0.05813,-0.09619,0.02509,-0.07536,0.08702,-0.08884,-0.05794,0.03089,-0.03701,0.02981,-0.01167,-0.00338,0.01716,0.01356,-0.03977,-0.01834,-0.08531,-0.07938,0.10294,0.00271,-0.0102,0.0031,-0.00763,-0.00084,0.03349,-0.08185,-0.02016,-0.04297,-0.02944,0.00868,0.07715,0.01885,0.00264,0.04717,-0.03826,-0.01408,-0.01079,0.05771,-0.02819,0.04313,-0.01864,0.07069,0.04801,0.02672,-0.0844,-0.0181,-0.02863,-0.03154,0.00473,0.00308,-0.00772,-0.00444,0.02168,-0.04545,0.02209,0.01823,0.01388,0,-0.08835,-0.01428,-0.11148,0.03134,0.05865,0.04368,-0.03548,-0.06908,0.05175,-0.01352,0.07199,0.09367,-0.02456,0.02573,-0.05412,-0.16215,-0.019,0.12512,0.01447,0.04324,0.05902,0.08713,-0.01565,-0.04914,0.01143,0.04242,-0.0321,0.03377,-0.10037,0.01777,-0.00237,0.00975,-0.05408,0.02286,-0.02228,0.07702,-0.04242,-0.05374,-0.08915,-0.05403,0.02387,0.01013,-0.10697,-0.01322,-0.05738,-0.09679,-0.00518,0.0023,0.00576,-0.0032,0.06045,0.0494,-0.00788,-0.0642,0.02328,-0.02152,-0.00704,0.01972,0.01914,0.10026,0.03887,-0.00759,-0.0682,-0.0302,0.05791,0.04362,0.00856,-0.06211,0.02918,-0.01474,-0.01259,0.05217,0.05549,0.04172,0.01742,-0.02182,-0.01802,-0.01017,-0.04281,-0.04444,0.01277,-0.07148,0.0309,0.08993,0.07043,-0.11004,0.00047,-0.06342,-0.06182,0.0172,0.05828,-0.0145,0.0963,0.08157,0.10283,0,0.00677,-0.00634,-0.04556,0.05405,0.01943,-0.05423,-0.06815,0.13736,-0.01755,-0.08164,-0.008,-0.03598,-0.00712,0.04779,-0.04258,0.00505,0.04982,-0.09846,-0.00054,0.03423,0.02762,-0.02829,0.00666,0.04897,0.00153,0.0842,-0.02294,0.0817,-0.00139,-0.02469,0.01624,-0.08343,-0.02828,-0.00031,0.05885,0.00417,-0.07819,0.06441,-0.03527,0.02759,0.05293,0.05532,-0.04066,0.06159,-0.02292,0.01594,-0.07578,0.06512,-0.01945,-0.02974,-0.06354,0.02468,0.00991,-0.0812,-0.0255,0.09911,0.11069,0.02747,-0.00737,-0.02726,0.02719,-0.04376,0.03033,-0.07642,0.03576,0.04979,0.04911,-0.05765,-0.02977,0.07588,0.06864,0.06688,-0.00692,-0.00284,0.12667,0.01983,0.05278,-0.07753,0.03064,-0.0619,-0.01642,0.01556,0.00513,0.03842,-0.00562,0.06698,-0.15953,-0.01278,0.02932,0.07901,-0.03885,0.00481,0.00888,-0.0155,0.01686,0,-0.12978,0.00202,-0.01908,0.02741,0.07567,-0.05216,0.02815,0.02945,-0.0736,-0.04332,-0.0168,0.04959,-0.00346,-0.0151,0.02454,0.0013,0.02853,0.00694,-0.021,-0.00578,-0.02036,-0.00459,0.03774,0.05894,-0.02496,-0.00835,0.04976,0.08041,0.03254,0.01509,0.00241,0.00136,0.11058,0.10567,-0.06774,-0.01454,0.06031,-0.03378,-0.00324,-0.07804,0.02765,0.01176,0.01052,0.02824,-0.07302,0.05299,-0.00635,-0.01936,-0.00576,-0.05629,-0.01363,-0.01343,-0.02962,0.06378,0.03511,-0.00262,0.03628,0.00061,0.0434,0.00467,-0.06659,0.03019,-0.0145,-0.05871],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. The managed state controller records the later fMoveNodes update inside the open transaction, so one undo() restores both the content state and all positions moved by reflow. For animated or asynchronously loaded content, close the transaction from the real layout-completion signal instead of assuming two frames are sufficient. See Managed Flow State for the complete explanation and failure modes. f Move Nodes","excerpt":"The managed state controller records the later fMoveNodes update inside the open transaction, so one undo() restores both the content state and all positions moved by reflow. For animated or asynchronously loaded content, close the transaction from the real layout-completion signal instead of assuming two frames are sufficient. See Managed Flow State for the complete explanation and failure modes."},{"chunkId":"/examples/reflow-on-resize#6","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.04034,0.01277,-0.05375,0.08433,0.04452,0.07864,0.03875,0.04473,-0.00421,0.056,-0.02545,0.02891,-0.10088,-0.01626,0.04068,0.01266,-0.05662,-0.01038,0.0023,-0.05838,-0.02657,-0.09499,0.01071,-0.00917,0.01055,-0.01602,0.01865,0.01103,0.004,-0.09951,-0.00117,0.06224,-0.03932,0.062,-0.08883,0.02106,-0.09026,0.06144,-0.03938,-0.08428,0.05076,0.04236,0.0142,-0.07589,-0.03602,0.04061,-0.10107,0.04832,-0.06148,0.02985,-0.05442,-0.06048,-0.01567,0.04568,0.06454,-0.01673,0.06329,-0.02522,0.03236,0.02233,-0.0154,-0.0041,0.00441,0.01004,0.02426,0.08122,-0.04172,-0.064,-0.01293,0.03209,0.07168,-0.05055,0.00134,-0.01211,0.13098,-0.06844,-0.04454,0.06193,0.00102,-0.03431,-0.04263,0.06594,0.01532,0.03668,-0.02928,0.00548,-0.07618,-0.08382,0.04268,-0.0216,-0.00288,0.02067,-0.05644,0.00183,0.02662,-0.0674,-0.03369,-0.11655,-0.07071,0.00473,0.08095,-0.0138,0.04774,0.04825,0.00211,-0.027,0.01674,-0.01093,-0.05418,0.00551,-0.02779,0.04155,0.04841,-0.02526,-0.15659,-0.03222,-0.04777,-0.00551,0.04111,-0.00357,0.02422,0.03212,-0.02995,-0.02377,0.00307,-0.01502,-0.0676,0,-0.02834,-0.04427,-0.13195,0.05863,0.02804,-0.0263,0.01378,-0.06151,-0.01021,0.01441,0.05595,0.01206,-0.02283,0.01328,0.01519,-0.12641,0.01211,0.13547,-0.00681,-0.00415,0.01819,0.0249,-0.01386,0.0084,0.03283,0.04569,-0.05265,0.04768,-0.11016,0.04812,-0.01089,0.00475,-0.03215,-0.01012,-0.02861,0.05673,-0.06573,-0.0802,-0.05293,-0.0491,0.04665,-0.029,-0.03137,-0.01695,-0.02165,0.01868,-0.03406,0.03191,-0.03256,-0.01723,0.08507,0.0591,0.00544,-0.07161,0.04726,-0.05015,-0.02017,0.0612,0.07154,0.08012,0.03021,-0.02496,-0.05738,0.00858,0.02217,0.06972,0.02663,-0.0814,0.03444,-0.02655,-0.01762,0.07838,0.08609,0.02055,-0.01305,0.01418,-0.01905,-0.06647,-0.00285,-0.06723,-0.03196,-0.06024,0.06918,0.03717,0.04573,-0.15955,0.04837,-0.01738,-0.07543,-0.03303,0.09288,0.00213,0.07033,0.03413,0.08736,0,-0.01089,0.02806,0.00424,0.05556,-0.00947,-0.02787,-0.01057,0.04401,-0.02705,-0.02882,0.0164,-0.03794,0.00043,-0.05812,-0.00756,0.03805,-0.00036,-0.03504,-0.00007,0.02919,0.03525,-0.02521,-0.00034,0.02266,0.02131,0.04002,-0.02921,0.09942,0.0222,-0.01909,0.00394,-0.01215,-0.02102,0.0136,0.02621,-0.05534,-0.04895,0.06031,0.02788,0.068,0.04775,0.02829,-0.00765,0.01122,-0.04478,0.03384,-0.02509,0.08256,-0.0304,-0.01413,-0.05075,-0.00062,0.05401,-0.08066,-0.06722,0.16097,0.11331,0.03752,0.01906,-0.01903,0.02301,-0.0827,0.05306,-0.00552,0.03169,0.05245,0.02303,-0.05439,0.01626,0.07199,0.13376,0.01978,-0.00711,-0.02371,0.06057,0.01955,0.10233,-0.09433,0.01668,-0.03618,-0.02593,0.02488,0.02705,0.05275,0.00763,0.06675,-0.15746,0.01912,0.06195,0.04938,-0.04701,-0.05427,0.03888,-0.06705,0.00901,0,-0.11267,0.03276,-0.00031,0.05514,0.09082,-0.03758,0.04057,0.05628,-0.05123,0.00817,-0.07571,0.06297,0.01609,-0.03041,0.07811,-0.00706,0.0223,0.02554,-0.05131,-0.02164,-0.06466,-0.0028,0.0431,0.05857,-0.05514,-0.04289,-0.07513,0.06959,0.10863,0.00119,-0.00262,0.05581,0.11709,0.09933,-0.07546,0.03833,-0.04277,-0.00896,-0.02204,-0.00763,0.04558,-0.01863,-0.00173,0.0002,-0.15558,0.02527,0.00825,0.01591,-0.03274,-0.00019,-0.00022,0.00947,-0.02222,0.03466,0.02118,0.03659,-0.0034,0.01079,0.05275,0.02164,-0.03048,0.03515,-0.05174,-0.03241],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. When the toggle is inside an fDragHandle, mark the toggle with fDragBlocker. This prevents the same pointer action from also selecting the node and creating a separate selection history item before the expand/reflow transaction. f Drag Handle f Drag Blocker","excerpt":"When the toggle is inside an fDragHandle, mark the toggle with fDragBlocker. This prevents the same pointer action from also selecting the node and creating a separate selection history item before the expand/reflow transaction."},{"chunkId":"/examples/reflow-on-resize#7","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.0368,-0.03114,-0.01677,0.0398,0.06731,0.03211,0.02071,0.02608,0.00484,0.06661,0.00312,0.03113,-0.06016,0.00816,0.04604,0.0292,-0.01134,0.01689,-0.02255,-0.0496,-0.02171,-0.08899,-0.01456,-0.05479,0.06696,-0.0041,0.0327,-0.00748,0.04341,-0.11876,-0.01389,0.09839,-0.02928,0.0279,-0.13063,0.02682,-0.05908,0.05293,-0.03734,-0.03762,0.07079,0.05342,0.04879,-0.09848,-0.04174,0.03894,-0.14731,0.0172,-0.05406,-0.00138,-0.11242,-0.0991,-0.02631,0.1008,0.02342,0.02018,0.08419,-0.05878,0.05192,0.00404,0.05493,0.02931,-0.00661,0.00959,0.04182,0.07333,-0.05798,-0.00546,-0.05828,0.02898,0.02078,-0.09575,0.00586,-0.05324,0.12368,-0.10064,-0.04855,0.01592,0.03157,-0.00271,-0.01945,0.09015,-0.04875,0.06187,-0.07286,0.01697,-0.05051,-0.04131,0.04266,-0.02418,-0.04099,0.01243,-0.0214,0.00947,0.03043,-0.04372,-0.05532,-0.09005,-0.01622,0.02214,0.06833,-0.03888,0.0111,0.00366,-0.03996,-0.01085,0.0125,0.02541,0.00933,0.01804,-0.01586,0.03595,-0.03151,-0.05181,-0.14045,-0.03199,-0.00407,-0.01523,0.00433,0.02798,0.02326,0.01496,-0.0082,-0.02897,0.06053,0.00169,-0.04702,0,-0.02338,-0.06337,-0.07831,0.04498,0.11026,-0.03636,-0.05696,-0.05243,-0.01333,-0.00798,0.01296,0.0494,-0.04375,0.03536,-0.02036,-0.14339,0.04593,0.09971,-0.0052,-0.02941,0.03173,-0.00148,-0.06327,-0.00708,0.04235,0.04354,-0.04238,0.04905,-0.09093,0.02061,-0.00573,0.01934,-0.00578,0.01122,-0.0356,0.04668,-0.07485,-0.02162,-0.05634,-0.04563,0.04552,-0.02395,-0.06004,0.03402,0.01219,-0.01328,-0.03484,0.01943,-0.0556,0.03932,0.06275,0.04134,-0.00074,-0.04447,0.05023,-0.01063,-0.03817,0.06826,0.06472,0.0509,0.03705,-0.00681,-0.0616,0.03236,0.10336,0.05143,-0.0308,-0.09684,0.06394,0.04532,-0.06441,0.06561,0.01363,0.05827,-0.05493,-0.03067,-0.11742,-0.0339,-0.0227,0.02039,-0.07065,-0.02158,0.03416,0.03842,0.07182,-0.12483,-0.00654,-0.05172,-0.05963,-0.02583,0.06878,-0.00448,0.05864,0.03938,0.14124,0,-0.01389,0.05419,0.03685,0.05924,0.05036,-0.0379,0.02028,0.05431,0.00593,0.04023,0.00621,0.00517,-0.02878,-0.02854,0.00209,-0.00312,0.00477,-0.09956,0.00285,0.06125,0.09099,-0.02775,0.00106,0.0055,0.04331,0.04322,-0.01061,0.11102,-0.01068,-0.00057,-0.05191,-0.02976,-0.04889,-0.01047,-0.01172,0.01968,-0.08172,0.07395,-0.02583,0.01438,0.01994,0.00427,-0.02875,0.02463,-0.04794,0.0106,-0.01669,0.05872,-0.0754,-0.04792,-0.04459,0.03379,0.03942,-0.04286,0.01168,0.12239,0.08631,0.08171,0.01972,-0.01614,0.02545,-0.09688,0.03463,-0.03024,0.01246,0.02798,-0.0195,-0.05737,-0.02215,0.0778,0.10363,0.10244,0.01651,-0.04707,0.05001,-0.04869,0.05102,-0.04913,0.04826,-0.03256,-0.01584,0.01258,-0.01915,0.0598,-0.01619,0.08941,-0.13967,0.01193,0.07304,0.07525,-0.05259,-0.01852,0.01454,-0.03721,-0.02558,0,-0.1221,0.04305,-0.02521,0.01541,0.07535,-0.01426,0.05176,0.03704,-0.01442,0.02382,-0.05223,0.0782,0.04046,0.05807,0.06372,-0.01211,0.04493,0.0046,-0.03592,-0.01727,-0.02753,-0.00815,0.07023,0.12666,-0.0083,-0.03757,-0.03453,0.04459,0.02901,0.00678,-0.01888,0.04874,0.04584,0.07283,-0.02598,0.03855,-0.07862,-0.01674,-0.04666,-0.04931,0.05427,0.01867,-0.03509,0.0058,-0.11251,0.05545,0.03798,-0.01708,-0.00887,0.00627,0.00612,-0.03049,-0.03445,-0.01468,0.03323,0.00844,0.03557,-0.00967,0.02507,0.02486,-0.0474,0.05985,-0.04213,-0.05698],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Mode — who becomes a candidate mode decides which nodes are eligible to shift when the source resizes. The scene has a connected chain leaving the source (Source → Connected → Connected) and two unconnected nodes nearby. Drag any handle on the source and switch the dropdown:","excerpt":"Mode — who becomes a candidate mode decides which nodes are eligible to shift when the source resizes. The scene has a connected chain leaving the source (Source → Connected → Connected) and two unconnected nodes nearby. Drag any handle on the source and switch the dropdown:"},{"chunkId":"/examples/reflow-on-resize#8","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.01498,-0.02168,-0.07607,0.00303,0.04615,-0.02011,-0.06722,0.05614,0.0265,0.06074,-0.01002,0.0467,-0.03565,-0.02458,0.00415,0.04188,-0.0656,0.05511,-0.02463,-0.0612,-0.07432,-0.04888,-0.00458,-0.00562,0.05459,0.03667,-0.01135,0.01778,0.0345,-0.10737,0.02099,0.08532,-0.05138,0.04477,-0.08669,0.06981,0.00192,0.06467,-0.02922,-0.02587,0.11233,0.03007,0.05536,-0.10272,-0.06029,0.00915,-0.15865,0.0038,-0.08549,-0.01141,-0.10115,-0.13262,-0.05372,0.1077,0.02609,0.02614,-0.0015,-0.07492,0.08925,0.00916,0.03173,0.0012,0.01042,0.04413,0.02661,0.03282,-0.00838,0.03253,-0.03931,0.03562,0.03232,-0.06401,-0.03315,-0.04583,0.08549,0.01914,-0.01528,0.04402,0.00703,-0.0012,-0.03189,0.10166,-0.0006,0.05115,-0.08218,0.03924,-0.02966,-0.03877,0.00651,-0.0121,-0.04766,0.00632,-0.03591,0.00331,0.04704,-0.04447,-0.06578,-0.08456,-0.06786,0.02908,0.07344,-0.00098,0.04336,-0.01504,-0.0312,0.00254,-0.04351,0.0664,-0.0141,-0.01809,0.01095,0.05513,-0.03776,-0.05396,-0.0972,-0.02663,0.00875,-0.05154,0.02765,0.03252,0.00405,0.02921,-0.04076,-0.00331,0.05606,0.03194,-0.02188,0,-0.0822,0.01829,-0.05551,0.04461,0.07091,0.00444,-0.04241,-0.04979,0.0168,0.0211,-0.01376,0.07544,-0.03464,-0.00964,-0.01645,-0.11716,0.06052,0.1025,-0.09062,-0.00161,0.04731,-0.03619,-0.03817,0.00916,0.03678,-0.03893,-0.04197,0.02355,-0.14178,0.01363,-0.0272,0.02532,0.03596,0.01704,-0.0161,0.04899,-0.02993,-0.05782,-0.04809,-0.0103,0.02028,-0.00046,-0.05617,-0.00221,0.03709,0.00061,-0.05855,-0.00963,-0.00548,-0.00935,0.05755,0.08229,0.04419,-0.01715,0.08665,-0.01489,0.00198,0.04239,0.0582,0.06445,-0.01392,-0.03864,-0.0727,0.0194,0.08421,0.05601,-0.06485,-0.08157,0.07561,0.04244,-0.04242,0.07724,0.02654,0.07947,-0.04414,-0.02175,-0.08115,0.00713,0.03137,-0.00017,-0.02818,0.05097,0.02733,0.03856,0.0718,-0.11613,0.00526,-0.0417,-0.08528,-0.01694,0.08934,0.00093,0.07367,0.04121,0.06901,0,-0.01511,0.07004,0.00857,0.06029,0.0111,-0.03314,0.01108,0.02826,0.00495,-0.02333,-0.00183,0.02865,-0.03952,-0.03303,0.01137,-0.01998,0.02012,-0.10006,0.00923,-0.02798,0.09512,0.00494,0.01354,0.00267,0.0765,0.02719,-0.03621,0.02293,0.00878,-0.02502,-0.05103,-0.00955,-0.02734,-0.04237,0.0172,0.00624,-0.09657,0.1188,0.05925,-0.00912,0.01844,0.04778,-0.04958,0.01398,-0.02963,0.04396,-0.00031,0.02864,-0.09296,-0.03015,-0.08027,0.06846,0.02812,-0.0271,-0.01757,0.11813,0.0746,0.05123,0.01851,-0.06351,0.00048,-0.11008,0.04189,-0.06202,-0.00841,0.05391,0.00078,-0.03969,-0.00005,0.05798,0.08723,0.05787,-0.03878,-0.03127,0.01269,-0.01331,0.03808,-0.10369,0.03599,0.01164,-0.07459,0.05943,-0.01769,0.03818,0.06768,0.03425,-0.04286,0.00086,0.08059,0.06349,-0.02276,-0.04186,-0.01434,-0.05045,0.02199,0,-0.1468,0.03797,-0.08801,0.08998,0.05814,-0.04817,0.07868,0.04101,-0.00329,0.04469,-0.05876,0.07962,-0.01965,0.01281,0.059,-0.00173,-0.00239,-0.01081,-0.05521,-0.0286,-0.04399,-0.00814,0.0267,0.11689,-0.05674,-0.05823,-0.02807,0.07366,0.03782,0.0018,-0.03266,0.04265,0.05008,0.1017,-0.04935,0.01006,-0.04108,0.03923,-0.06972,-0.03203,0.03739,-0.01213,0.04877,-0.00243,-0.09298,0.05244,-0.0135,0.05895,0.00189,-0.01587,0.03717,-0.00796,-0.04497,-0.02936,0.03278,-0.00213,0.02209,-0.01497,0.05207,0.01067,-0.08462,0.05507,-0.03081,-0.09764],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. - CENTEROFMASS (default) — picks every node whose centre lies past the source's centre on the resize axis. Nothing else is required: no connection, no parent, no column alignment. - XRANGE — same idea, narrowed to nodes that overlap the source on the perpendicular axis. Useful when the layout is column-based and a vertical resize should only push the same column. - DOWNSTREAMCONNECTIONS — only nodes reachable from the source via outgoing connections. The chain follows; unconnected nodes stay put. Pipeline-style editors rely on this so a resize doesn't disturb unrelated branches.","excerpt":"- CENTEROFMASS (default) — picks every node whose centre lies past the source's centre on the resize axis. Nothing else is required: no connection, no parent, no column alignment. - XRANGE — same idea, narrowed to nodes that overlap the source on the perpendicular axis. Useful when the layout is column-based and a vertical resize should only push the same column. - DOWNSTREAMCONNECTIONS — only nodes reachable from the source via outgoing connections. The chain follows; unconnected nodes stay put. Pipeline-style editors rely on this so a resize doesn't disturb unrelated branches."},{"chunkId":"/examples/reflow-on-resize#9","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.03906,0.00714,-0.01875,0.04228,0.07852,0.06498,0.00431,0.06023,-0.0319,0.07828,-0.01285,0.06734,-0.04501,0.01507,0.0292,-0.00432,-0.05383,0.06316,-0.05287,-0.07199,0.01231,-0.07316,0.0145,-0.02849,0.03715,0.00673,-0.02682,0.03899,0.05772,-0.09443,0.00323,0.07328,-0.05362,0.02296,-0.09314,0.07818,-0.03735,0.05778,-0.0305,-0.05593,0.03274,0.10009,0.02842,-0.09038,0.044,-0.00586,-0.12596,0.04844,-0.06457,-0.01584,-0.06407,-0.11404,-0.05628,0.08855,0.06429,-0.01129,0.02034,-0.04621,0.08859,0.01586,-0.03516,-0.01896,0.03404,-0.01434,0.00315,0.07231,-0.05975,0.00013,-0.04357,0.084,0.04387,-0.047,-0.00781,-0.03944,0.07882,-0.07091,-0.1075,0.08533,0.00305,0.01324,-0.00456,0.02232,-0.02986,0.04206,-0.03476,0.02517,-0.02919,-0.06017,0.05306,-0.03868,-0.00253,0.01756,-0.04523,0.04378,0.01091,-0.02613,-0.09682,-0.07339,-0.02583,0.03772,0.05001,-0.06251,0.0266,0.04319,0.01337,-0.00731,-0.00547,0.07924,-0.04193,0.04657,-0.00291,0.03138,0.0159,-0.062,-0.09758,-0.04346,-0.01145,-0.07726,0.02297,0.03867,0.03587,0.06562,-0.04606,-0.05165,0.11262,0.01845,-0.00102,0,-0.03449,-0.02111,-0.07931,0.05936,0.09082,-0.04184,-0.05189,-0.0838,-0.03107,0.0211,0.02478,0.06774,-0.04778,-0.04445,-0.01148,-0.13495,0.06044,0.1211,-0.07208,-0.0012,-0.00781,0.01224,-0.06385,0.01375,0.05983,0.0036,-0.03304,0.05229,-0.09703,-0.0091,0.03052,0.05367,-0.00721,0.00357,-0.04734,0.03351,-0.04674,-0.01756,-0.09349,-0.04411,0.09562,0.01026,-0.05256,0.06156,0.02344,-0.04622,-0.02933,0.03164,0.04538,0.00765,0.05382,0.1052,0.01561,-0.03643,0.03978,-0.00834,-0.01216,0.0554,0.02724,0.04514,0.00481,-0.06421,-0.059,0.02257,0.07353,0.02931,-0.04632,-0.04287,0.06388,-0.00733,-0.05347,0.08051,0.04634,0.03335,-0.04159,-0.02262,-0.05582,0.00706,-0.01852,-0.01826,-0.03542,-0.03319,0.00609,0.06147,0.0457,-0.17899,0.00141,-0.02155,-0.03259,-0.10954,0.05053,0.01944,0.04422,-0.01528,0.06222,0,0.01737,0.06013,0.04064,0.10329,-0.01496,-0.00877,0.01762,0.1142,0.00821,-0.02556,-0.00548,-0.04781,0.01255,-0.03551,-0.02632,0.00971,-0.06641,-0.06706,0.04615,0.04067,0.05123,0.03709,0.02607,0.01002,0.04717,0.07031,-0.03198,0.07949,0.00732,-0.04301,-0.00854,-0.03818,-0.08159,-0.01287,0.0172,-0.05695,-0.03131,0.08065,0.00759,0.04231,0.09155,0.05666,-0.04898,-0.00176,-0.03835,0.00209,0.05509,0.01746,-0.06197,-0.08282,-0.06627,-0.01478,0.00556,-0.03374,0.01248,0.04075,0.05625,-0.00349,-0.03024,-0.01331,0.0742,-0.09237,-0.0049,-0.02821,0.03129,0.05987,-0.05444,-0.08696,0.00036,0.06115,0.04367,0.06229,0.02047,-0.01369,0.04314,-0.0128,0.07376,-0.03704,0.03648,-0.01178,-0.04754,0.03205,-0.02919,0.09823,0.0046,0.08322,-0.17725,0.00387,0.07899,0.06105,-0.08643,-0.0824,0.01614,-0.00495,0.00598,0,-0.11426,0.06454,-0.06761,0.05403,0.05135,-0.02886,0.05529,0.00102,-0.04934,0.01837,-0.03647,0.06245,0.05902,0.00369,0.03097,-0.01835,0.01574,0.02927,-0.03265,0.00587,-0.04683,0.00627,0.07333,0.08077,-0.00281,-0.04435,-0.06852,0.05413,0.01659,-0.02324,-0.0373,-0.00231,0.08104,0.05897,-0.04013,-0.02558,-0.06106,0.01061,-0.01443,-0.00271,0.04456,-0.02228,0.02753,0.01119,-0.04968,0.01181,0.03011,0.01547,-0.00153,-0.01387,-0.00384,0.00149,-0.04833,-0.02647,0.04295,0.03475,0.01663,0.06626,0.01145,-0.00033,-0.02127,0.05611,-0.0446,-0.05925],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. ::: ng-component <reflow-mode</reflow-mode [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.scss :::","excerpt":"::: ng-component <reflow-mode</reflow-mode [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/mode/example.scss :::"},{"chunkId":"/examples/reflow-on-resize#10","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.00963,0.0269,-0.05511,0.00093,0.06259,-0.00333,-0.0195,0.03466,0.03117,0.04378,-0.0144,0.0387,-0.02416,-0.00766,0.05249,0.01222,-0.04739,0.00826,-0.07303,-0.07983,0.00234,-0.04114,0.00189,-0.02851,0.06281,0.02485,0.01568,0.02185,0.0629,-0.10198,0.02052,0.11664,-0.00835,0.05294,-0.06964,0.06425,-0.06411,0.08322,-0.02402,-0.031,0.06427,0.09279,0.03823,-0.0737,-0.01502,0.03743,-0.14772,-0.00028,-0.07533,-0.0204,-0.13305,-0.14532,-0.05314,0.11354,0.03405,0.01472,0.06939,-0.06451,0.06356,0.00985,0.01848,-0.01224,0.00942,0.01074,0.05518,0.04579,-0.05105,0.00519,-0.04617,-0.00208,0.02801,-0.0645,-0.00246,-0.03829,0.10737,-0.02789,-0.04596,0.02701,0.00683,-0.039,-0.03657,0.06902,-0.02502,0.06136,-0.05912,0.02495,-0.03695,-0.06565,0.04287,0.00276,-0.04626,0.00571,-0.04052,-0.00047,0.04744,-0.04157,-0.03359,-0.13526,-0.00845,0.03042,0.07046,-0.03757,0.03755,-0.01135,-0.03101,-0.01351,-0.00259,0.05887,0.02318,0.01046,-0.01309,0.03286,-0.00803,-0.06188,-0.09804,-0.06168,-0.01082,-0.01207,0.01339,0.03878,0.03479,0.00855,-0.01837,-0.00279,0.06511,-0.00128,-0.07847,0,-0.0338,-0.01076,-0.07127,0.08477,0.11964,-0.04314,-0.02909,-0.04158,0.01212,0.01077,-0.01334,0.07386,-0.01665,0.02046,-0.0275,-0.14231,0.02273,0.12987,-0.05893,0.01887,0.01057,-0.02673,-0.04802,0.01187,0.0174,0.05796,-0.02933,0.05145,-0.1306,0.01666,-0.01106,0.05695,-0.00561,0.03256,-0.00369,0.0205,-0.0352,-0.05272,-0.04142,-0.04893,0.03677,0.01229,-0.02454,0.00437,0.0418,-0.01144,-0.04354,0.00596,-0.00599,0.05265,0.05299,0.04562,0.05199,-0.0451,0.06813,-0.00228,-0.0218,0.00918,0.07444,0.08879,0.03271,-0.004,-0.07721,0.05782,0.10162,0.05752,-0.05541,-0.0907,0.11203,0.03183,-0.04074,0.09117,0.0442,0.06362,-0.07842,-0.03029,-0.07882,0.0162,-0.0412,0.02693,-0.10482,-0.01664,0.01333,0.01251,0.03374,-0.10933,-0.00341,-0.03794,-0.09079,-0.03034,0.07416,-0.01516,0.03177,0.03054,0.08909,0,-0.01877,0.05902,-0.01006,0.04308,0.06199,-0.03249,-0.00897,0.0428,0.0111,0.05767,-0.02113,0.01205,-0.02018,-0.05708,-0.0115,-0.03598,0.05658,-0.11295,0.01172,0.04178,0.08195,-0.0097,-0.02373,-0.0081,0.07383,0.06785,-0.03859,0.04426,0.01442,-0.00542,-0.03208,-0.061,-0.05536,-0.00326,0.01862,-0.04451,-0.088,0.01571,0.04387,-0.0333,0.05513,0.01118,-0.03688,0.0171,-0.06842,0.02666,0.0503,0.05208,-0.05716,-0.06404,-0.06149,0.02502,0.03361,-0.05575,-0.00734,0.07609,0.11287,0.03951,0.03469,-0.02702,0.02558,-0.07589,0.0361,-0.01605,-0.04194,0.0594,-0.01263,-0.03303,-0.00766,0.09845,0.07622,0.09527,-0.02241,-0.03024,0.01318,-0.02191,0.03523,-0.08398,0.0331,-0.01945,-0.05104,0.02368,-0.0432,0.07893,0.03017,0.03158,-0.11043,0.0206,0.04953,0.08536,-0.05559,-0.00924,-0.00397,0.00937,0.01629,0,-0.12754,0.08227,-0.03343,0.03035,0.06997,-0.04505,0.05478,0.07206,-0.01452,0.04256,-0.0517,0.04392,0.0237,0.01383,0.05016,-0.01741,0.02019,-0.00161,-0.04041,-0.03237,-0.04272,-0.0086,0.04122,0.06019,-0.01799,-0.02182,-0.03766,0.06915,0.01133,-0.04302,-0.0074,0.04367,0.02095,0.09082,-0.05755,0.00389,-0.07523,-0.00754,-0.01222,-0.03258,0.02438,0.00049,0.01453,0.01905,-0.1063,0.06528,0.00828,-0.05493,-0.04776,-0.02796,0.01717,-0.00236,-0.05016,-0.00006,0.02776,0.01599,0.04099,-0.03429,0.04173,0.04899,-0.05675,0.10741,-0.03635,-0.05782],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Scope — how far the plan reaches scope decides how far the plan is allowed to look. Same source resize, different blast radius. The scene puts the source inside a Workflow group together with a sibling, plus three nodes outside the group: one connected to the source, one disconnected, and a separate Node ↔ Node island in the bottom-right.","excerpt":"Scope — how far the plan reaches scope decides how far the plan is allowed to look. Same source resize, different blast radius. The scene puts the source inside a Workflow group together with a sibling, plus three nodes outside the group: one connected to the source, one disconnected, and a separate Node ↔ Node island in the bottom-right."},{"chunkId":"/examples/reflow-on-resize#11","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.02143,-0.02539,-0.03854,0.04545,0.10427,0.00868,-0.02385,-0.00113,-0.00258,0.048,0.00895,0.03701,-0.02637,-0.01387,0.02986,0.02894,-0.0222,-0.01644,-0.0364,-0.07121,-0.04246,-0.08273,-0.00208,-0.06813,0.06794,0.00248,-0.004,-0.01547,0.0792,-0.07995,0.00823,0.05855,-0.05822,0.01607,-0.05758,0.07778,-0.05511,0.04477,-0.03738,-0.04679,0.05126,0.06382,0.04626,-0.07126,-0.00305,0.04853,-0.16054,0.03118,-0.04565,-0.00926,-0.09558,-0.12574,-0.04617,0.13603,0.04133,0.0251,0.05871,-0.03831,0.04888,0.00561,0.09129,0.0001,-0.00027,0.02787,0.05065,0.08027,-0.04757,0.04859,-0.04768,0.0592,0.0707,-0.03929,-0.00116,-0.05022,0.11307,-0.02175,-0.0769,0.04793,0.00666,-0.01788,-0.00493,0.07854,-0.03181,0.05435,-0.02678,0.03333,-0.04772,-0.03747,0.00065,0.02515,-0.04268,0.03856,-0.01988,0.02173,0.0302,-0.05367,-0.04104,-0.04403,-0.02525,0.04231,0.05174,-0.00748,-0.00957,0.01397,-0.01782,0.02501,-0.00064,0.04053,0.02506,0.03179,-0.03838,0.0604,-0.04162,-0.02133,-0.14353,-0.08023,0.03856,-0.01196,0.06744,0.00142,0.0176,0.02932,0.03127,-0.02926,0.05392,-0.00185,-0.05738,0,-0.00946,-0.04896,-0.07597,0.03724,0.1062,-0.03668,-0.074,-0.02723,-0.00602,0.02883,-0.0544,0.06901,-0.01459,-0.00577,0.03214,-0.09694,0.06554,0.06977,-0.03722,0.00122,0.04101,0.0084,-0.03719,0.01362,-0.00319,0.04395,-0.05436,0.01421,-0.08946,0.03678,-0.05752,0.04548,0.00185,0.03854,-0.05351,0.00786,-0.05859,-0.05915,-0.05428,-0.05211,0.02427,-0.00988,-0.03196,-0.00819,0.04457,-0.05007,-0.02511,0.0306,-0.02819,0.04071,0.00922,0.02599,-0.02365,-0.06751,0.03484,-0.04683,-0.02046,0.06583,0.0341,0.07472,0.03938,0.0006,-0.0001,0.02468,0.08485,0.10027,-0.06619,-0.07048,0.0397,-0.02933,-0.03508,0.08957,0.00013,0.04392,-0.04057,-0.03927,-0.09453,-0.00582,-0.04872,0.02145,-0.03508,-0.05391,-0.00259,0.03451,0.02395,-0.07263,0.01218,-0.04141,-0.0681,0.0239,0.07337,-0.00454,0.06296,0.03489,0.07842,0,-0.03787,0.08889,0.03818,0.02164,0.04086,-0.05384,-0.02497,0.03847,-0.01385,0.07159,-0.03386,-0.01244,-0.00075,-0.02316,-0.06362,-0.0011,0.06272,-0.1074,-0.02227,0.03799,0.07497,0.01179,0.02291,-0.00102,0.12321,0.06867,-0.02167,0.05454,-0.00808,-0.00821,-0.02341,-0.01351,-0.06991,-0.02641,0.02199,0.01432,-0.10189,0.05181,0.01012,-0.03478,0.02456,0.02088,-0.0931,0.02717,-0.02352,0.03734,-0.06037,0.05878,-0.13582,-0.0379,-0.06808,0.03802,0.03166,-0.04367,0.01112,0.10385,0.09848,0.07924,-0.0094,-0.03721,0.07592,-0.10799,-0.00902,0.01313,0.00532,0.04886,-0.01014,-0.01696,0.00534,0.10497,0.10692,0.10275,-0.01328,-0.02971,0.0363,0.03548,0.05648,-0.10356,0.0063,-0.02398,-0.09019,0.0267,-0.01128,0.05365,0.00722,0.05147,-0.08034,-0.01637,0.0249,0.08886,-0.03499,-0.00481,-0.01397,0.00139,0.00609,0,-0.1185,0.06265,-0.04961,0.02522,0.04821,-0.05133,0.07186,0.01289,-0.01506,0.06731,-0.06785,0.02408,0.03965,0.01654,0.03268,-0.04632,0.07084,-0.02557,-0.0556,-0.00992,-0.03995,-0.05358,0.04043,0.12072,-0.01924,-0.06588,-0.0037,0.0137,-0.0104,-0.03118,-0.06015,0.02021,0.01846,0.11832,-0.07735,0.06867,-0.05632,0.0123,-0.06387,-0.01925,0.02548,0.02517,0.00067,0.03059,-0.06541,0.02518,0.04666,-0.01094,-0.00383,0.00434,0.01692,-0.05605,-0.06763,-0.04868,0.05346,-0.00902,0.02536,0.03244,0.05767,0.03665,-0.08945,0.05921,-0.05759,-0.07209],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. - GLOBAL (default) — every node and group on the canvas is eligible. - GROUP — restricted to the source's siblings (same fNodeParentId). Nothing outside the group is touched. Use it when each group should behave like an isolated workspace. - CONNECTEDSUBGRAPH — BFS from the source over connections in both directions. Only nodes reachable from the source via the graph follow it. The disconnected external node and the island stay still. f Node Parent Id","excerpt":"- GLOBAL (default) — every node and group on the canvas is eligible. - GROUP — restricted to the source's siblings (same fNodeParentId). Nothing outside the group is touched. Use it when each group should behave like an isolated workspace. - CONNECTEDSUBGRAPH — BFS from the source over connections in both directions. Only nodes reachable from the source via the graph follow it. The disconnected external node and the island stay still."},{"chunkId":"/examples/reflow-on-resize#12","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.03765,0.00991,-0.01998,0.04464,0.07347,0.06458,0.01274,0.05013,-0.02797,0.07515,-0.01728,0.05997,-0.04752,0.02437,0.03314,-0.00218,-0.05354,0.06387,-0.06634,-0.07419,0.00435,-0.05648,0.01142,-0.01616,0.03801,-0.00329,-0.02378,0.02431,0.068,-0.08751,0.00899,0.07768,-0.05401,0.02177,-0.07527,0.08001,-0.05298,0.06614,-0.01857,-0.05714,0.0448,0.11028,0.02546,-0.10153,0.0327,0.00198,-0.11986,0.05603,-0.07444,-0.02324,-0.06991,-0.11899,-0.06283,0.0931,0.05913,-0.01065,0.01744,-0.04702,0.09056,0.02204,-0.05652,-0.0112,0.02811,-0.02333,0.00677,0.06441,-0.0524,-0.00116,-0.05559,0.09115,0.03866,-0.0463,-0.00587,-0.02956,0.08855,-0.06077,-0.10084,0.07703,0.00726,0.01048,-0.0127,0.02039,-0.02641,0.03548,-0.02557,0.02341,-0.03356,-0.0658,0.05557,-0.04607,0.00377,-0.00134,-0.05073,0.04328,0.01616,-0.03608,-0.0974,-0.07287,-0.03257,0.03318,0.05176,-0.05835,0.02705,0.04123,0.00926,0.00368,-0.00564,0.07233,-0.03756,0.03721,0.00121,0.03838,0.02101,-0.06323,-0.09548,-0.04537,-0.00274,-0.0775,0.02274,0.03057,0.0324,0.05646,-0.05223,-0.05478,0.105,0.02276,-0.00165,0,-0.04325,-0.01708,-0.08298,0.05753,0.07,-0.03495,-0.04984,-0.08069,-0.0419,0.02394,0.03082,0.07811,-0.04663,-0.05694,-0.00876,-0.1325,0.06666,0.11759,-0.08142,0.01371,-0.00913,0.00466,-0.06421,0.01766,0.06179,-0.00969,-0.03408,0.04644,-0.11308,-0.00747,0.02497,0.06345,-0.00802,-0.00193,-0.04526,0.01326,-0.03761,-0.0152,-0.08667,-0.04126,0.10048,0.01606,-0.03892,0.05963,0.02241,-0.0362,-0.02482,0.02767,0.04033,-0.00095,0.05796,0.09542,0.01653,-0.04233,0.05415,-0.0009,-0.01569,0.05196,0.03759,0.0386,0.00545,-0.08135,-0.06804,0.04027,0.07889,0.02567,-0.03936,-0.04344,0.05965,-0.00938,-0.04463,0.08595,0.04481,0.03245,-0.03916,-0.02888,-0.04984,0.01769,-0.00206,-0.02192,-0.02199,-0.0304,0.00801,0.05623,0.04121,-0.17752,-0.00083,-0.02702,-0.04768,-0.11581,0.04753,0.02173,0.04312,-0.01815,0.06146,0,0.0298,0.06354,0.045,0.1055,-0.02195,-0.00706,0.02901,0.10327,0.01069,-0.0169,-0.0145,-0.03314,0.01382,-0.03911,-0.03132,0.01158,-0.05495,-0.05652,0.04737,0.03863,0.05926,0.03209,0.02832,0.00205,0.05567,0.06858,-0.0409,0.07984,0.01372,-0.03517,-0.02086,-0.0319,-0.08216,-0.01499,0.01251,-0.06291,-0.03283,0.07348,0.01172,0.04071,0.09352,0.05188,-0.03689,-0.00599,-0.03744,-0.00114,0.06686,0.02738,-0.05777,-0.08029,-0.07083,-0.01196,0.00358,-0.02429,0.0037,0.03266,0.07044,-0.01431,-0.0199,-0.01899,0.07318,-0.08112,-0.00399,-0.03592,0.0215,0.06768,-0.04711,-0.07057,0.00594,0.05548,0.04407,0.05919,0.01647,-0.02086,0.01524,0.00709,0.06909,-0.04444,0.05207,-0.00979,-0.04776,0.02516,-0.04428,0.08622,0.00985,0.08909,-0.16746,0.00144,0.0719,0.05949,-0.08737,-0.08755,0.02678,-0.01053,0.0093,0,-0.11065,0.06878,-0.06872,0.06119,0.04274,-0.04659,0.05969,0.00973,-0.04381,0.03236,-0.04968,0.05821,0.06648,0.0113,0.03459,-0.0176,0.00532,0.01741,-0.0324,0.01342,-0.04463,0.01641,0.07004,0.08144,-0.01469,-0.04907,-0.07435,0.05654,0.02689,-0.02469,-0.0267,0.00572,0.07312,0.06401,-0.04943,-0.03591,-0.06941,0.01459,-0.01211,0.00218,0.0432,-0.02721,0.03562,0.01582,-0.06311,0.01531,0.02507,0.00299,0.00254,-0.0196,0.01495,0.00633,-0.0458,-0.02185,0.03836,0.03181,0.03016,0.05987,0.00255,0.00185,-0.0192,0.05149,-0.05712,-0.05198],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. ::: ng-component <reflow-scope</reflow-scope [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.scss :::","excerpt":"::: ng-component <reflow-scope</reflow-scope [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/scope/example.scss :::"},{"chunkId":"/examples/reflow-on-resize#13","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.01364,0.00663,-0.02185,0.02649,0.06163,0.00996,-0.00646,0.06201,0.03797,0.06889,-0.02222,0.01072,-0.04318,-0.02515,0.03473,-0.00222,-0.04175,0.04686,-0.03991,-0.04158,-0.02456,-0.04176,0.01901,-0.0312,-0.01256,0.00407,-0.01977,0.00254,0.09822,-0.10602,0.00548,0.04982,-0.03544,0.08632,-0.11376,0.04594,-0.04788,0.01903,-0.03271,-0.06396,0.05828,0.08216,0.04454,-0.11507,0.01429,0.07289,-0.11221,0.05031,-0.0576,0.00944,-0.14952,-0.08748,-0.02328,0.13082,0.0158,0.05916,0.05999,-0.03166,0.05867,0.04852,0.03756,-0.01253,0.04362,-0.01097,0.04071,0.05119,-0.08919,-0.0203,-0.02817,0.08649,0.03963,-0.06245,0.00804,-0.03005,0.12182,-0.035,-0.06742,0.06886,0.04178,0.04136,-0.03445,0.01227,-0.02101,0.02066,-0.02213,-0.0197,-0.07838,-0.04393,0.05264,0.01879,-0.02055,0.00551,-0.04007,0.00782,0.01142,-0.04742,-0.0498,-0.07431,-0.03777,0.02185,0.07038,-0.01983,-0.00158,0.03103,-0.02089,0.00584,-0.01473,0.00525,-0.02156,0.01581,0.01232,0.03576,0.00779,-0.04368,-0.1698,-0.03548,-0.01458,-0.03,0.05793,-0.01475,0.00881,0.00436,-0.02352,0.0024,0.06289,-0.02991,-0.04573,0,-0.03903,-0.03545,-0.09416,-0.00292,0.09288,-0.04819,-0.05377,-0.02145,0.00705,-0.02161,0.03839,0.00978,0.01257,-0.03584,-0.01348,-0.12516,0.0348,0.08835,-0.04834,0.00583,0.08786,-0.00355,-0.05727,0.00364,-0.04262,0.06804,-0.03952,-0.0154,-0.07314,0.0365,-0.02777,0.04581,-0.03718,0.03332,-0.01546,0.06313,-0.04237,-0.07255,-0.08014,-0.05099,0.01481,-0.01474,-0.04551,0.04055,0.0326,-0.04766,-0.02785,0.08287,0.02907,0.04932,0.03075,0.04155,-0.00975,-0.04973,0.03673,-0.01641,-0.02606,0.03333,0.05249,0.05893,0.01473,-0.0303,-0.0249,0.01937,0.06408,0.05015,-0.07405,-0.07622,0.07296,0.02149,0.0067,0.07105,0.01235,0.06886,-0.03416,0.00594,-0.1036,-0.03745,-0.00554,-0.04314,-0.03598,0.03133,0.05976,0.03625,0.06156,-0.13277,-0.0013,-0.00395,-0.06596,-0.02434,0.08275,-0.02264,0.04906,0.05743,0.07819,0,-0.00705,0.05866,0.02434,0.07345,0.02201,-0.05571,-0.0351,0.03726,0.00955,0.01252,-0.02481,-0.01945,-0.00297,0.00734,-0.02413,-0.03621,0.01567,-0.08842,0.01832,0.04849,0.05524,-0.02852,-0.01196,0.0174,0.06563,0.0586,-0.01763,0.09027,-0.03168,-0.02671,-0.04754,-0.02381,-0.04138,-0.04458,0.05674,-0.02698,-0.12125,0.03543,0.02967,0.0177,0.02718,0.01625,-0.04144,0.02961,-0.0253,0.00817,-0.01201,0.07508,-0.02258,-0.06218,-0.03314,0.02657,0.01459,-0.06235,-0.00884,0.14992,0.04893,0.08661,0.00474,-0.03244,0.06221,-0.06596,0.03798,-0.03773,0.05318,0.05771,-0.04507,-0.05736,0.00972,0.07421,0.10395,0.1093,-0.0026,-0.0248,0.03321,0.00453,0.12043,-0.07622,0.01311,0.00786,-0.08448,0.02445,-0.02621,0.03957,-0.04297,0.04534,-0.12703,-0.02018,0.00895,0.07848,-0.03882,-0.03397,-0.01346,-0.06003,0.01951,0,-0.14585,0.05623,-0.0884,0.06136,0.06389,-0.01397,0.08454,-0.01102,-0.05942,-0.03328,-0.04154,0.03554,0.04525,0.00569,0.04017,-0.0326,0.01382,-0.00476,-0.06951,-0.00818,-0.06062,-0.03967,0.0856,0.09266,-0.04569,-0.0062,-0.04673,0.01726,0.05022,0.00711,-0.04908,0.00829,0.09895,0.0942,-0.04547,0.05121,-0.08629,-0.0051,-0.01611,0.0006,0.05379,0.03346,-0.0029,0.03059,-0.08721,0.05662,0.0393,-0.02057,-0.00519,0.03665,0.04255,-0.01822,-0.03524,0.01292,0.04094,0.02398,0.03393,-0.03233,-0.00756,0.04391,-0.04711,0.07188,-0.018,-0.03741],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Collision — what happens when shifts run out of room When a shifting candidate would overlap a stationary node, collision decides who gives way. To create a stationary node deliberately, the bottom node in this scene carries the fReflowIgnore directive — it never receives a primary shift, but it stays visible to the collision resolver as an obstacle. Drag the source down toward the anchored node and switch the rule: f Reflow Ignore","excerpt":"Collision — what happens when shifts run out of room When a shifting candidate would overlap a stationary node, collision decides who gives way. To create a stationary node deliberately, the bottom node in this scene carries the fReflowIgnore directive — it never receives a primary shift, but it stays visible to the collision resolver as an obstacle. Drag the source down toward the anchored node and switch the rule:"},{"chunkId":"/examples/reflow-on-resize#14","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.04698,-0.01585,0.00104,-0.01517,0.05761,0.02427,-0.03503,0.03648,0.02356,0.05572,0.01142,0.04943,-0.02629,-0.03655,0.0138,0.00355,-0.02415,0.05349,-0.01579,-0.06046,-0.04579,-0.07665,-0.02876,-0.00122,0.03649,0.01514,0.02262,0.00324,0.0445,-0.10296,0.00055,0.05619,-0.04679,0.06055,-0.11199,0.04294,-0.04733,0.06145,-0.04194,-0.0597,0.06393,0.08029,0.04656,-0.07047,0.00762,0.05852,-0.14985,0.03359,-0.09249,0.00889,-0.15795,-0.102,-0.03922,0.09631,-0.00838,0.036,0.06192,-0.00955,0.06499,0.01927,0.06037,0.02066,0.00274,0.03238,-0.00864,0.02849,-0.02252,-0.00338,0.0065,0.08247,0.01269,-0.08612,-0.00521,-0.01335,0.10597,-0.06946,-0.02322,0.01661,0.01356,0.01288,-0.03461,0.06349,-0.00985,0.03881,-0.01791,0.00792,-0.08362,-0.05885,0.01765,0.00162,-0.00465,-0.02688,-0.0492,0.00729,0.03675,-0.02387,-0.05363,-0.0904,-0.02364,0.03262,0.07412,-0.04417,0.02232,-0.0131,-0.01375,0.00019,-0.00328,0.02413,-0.01425,0.00998,0.00554,0.03855,-0.02468,-0.04906,-0.1409,-0.05868,-0.0078,-0.00302,0.03237,0.0207,0.03136,0.00028,-0.04224,-0.00121,0.0136,0.02577,-0.07966,0,-0.02803,-0.02894,-0.06957,0.03335,0.08292,-0.03544,-0.05811,-0.07905,0.02501,0.03172,0.01095,0.0589,-0.0084,0.07087,0.0004,-0.17246,0.02172,0.1186,-0.02105,-0.01085,0.00153,-0.0001,-0.03931,-0.00115,0.00898,0.08275,-0.05151,0.00999,-0.12427,0.02735,-0.0478,0.05715,-0.06703,-0.02232,0.03038,0.05279,-0.05704,-0.11862,-0.04643,-0.04907,0.02322,0.02176,-0.04433,0.01591,0.02508,-0.00114,-0.01404,0.0664,-0.03468,0.02298,0.0763,0.03462,0.00426,-0.04291,0.04739,-0.01017,0.02047,0.00309,0.05296,0.07555,-0.00145,-0.05072,-0.03654,0.01889,0.0594,0.03689,-0.05861,-0.07191,0.06778,0.05143,-0.01606,0.053,-0.002,0.06401,-0.05476,0.00764,-0.08864,-0.0431,0.01316,-0.02837,-0.01605,0.00856,0.04806,0.00654,0.05442,-0.1107,0.01765,-0.0285,-0.04066,-0.0271,0.07793,0.01708,0.08141,0.07656,0.07427,0,-0.04027,0.0475,0.01576,0.05571,0.0111,-0.03388,0.01656,0.04033,0.00176,-0.03383,0.00993,-0.01482,-0.06851,0.01795,-0.01151,-0.02753,0.06222,-0.10504,0.02335,-0.00274,0.09049,0.00562,-0.05506,0.04955,0.09136,0.04167,-0.01702,0.07599,-0.01115,-0.0002,-0.0269,-0.03716,-0.00903,-0.01994,0.02006,0.02512,-0.10401,0.05538,0.03424,0.00506,0.01994,0.00756,0.0171,0.01572,-0.02308,0.05355,-0.04043,0.10627,-0.08598,-0.0431,-0.07057,0.04431,0.04257,-0.08437,-0.03338,0.09361,0.01426,0.05508,0.02459,-0.05587,0.01417,-0.05572,0.02708,-0.01121,-0.01803,0.04166,0.01019,-0.15666,-0.04328,0.05616,0.10665,0.07952,-0.04056,-0.04218,-0.02563,-0.0606,0.08777,-0.06149,0.01968,-0.0057,-0.05539,-0.00296,0.0062,0.06732,-0.06811,0.07774,-0.14814,0.01375,0.06565,0.08185,-0.01879,-0.04243,-0.03152,-0.03826,0.01094,0,-0.09877,0.05652,-0.0587,0.04225,0.05601,-0.01421,0.09712,0.05073,-0.00789,-0.00789,-0.03367,0.07782,0.00417,0.03901,0.04329,0.01712,0.0369,0.01124,-0.04181,0.00767,-0.08668,0.03554,0.04077,0.06926,-0.05393,-0.02462,-0.01659,0.10727,0.08109,-0.03341,-0.0195,0.03861,0.09002,0.07502,-0.01957,0.07707,-0.07514,0.00978,-0.00992,-0.02564,0.02984,0.01721,0.04156,0.01,-0.10112,0.04719,0.01999,0.01436,-0.02346,-0.01913,0.01335,0.00434,-0.06896,-0.01362,0.00478,0.02516,0.03662,-0.04159,0.01629,0.01339,-0.04301,0.03222,-0.05474,-0.0355],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. - STOP (default) — the shifting candidate is clamped at the spacing line in front of the anchor. The remainder of the delta is dropped, the anchor doesn't move. - CHAINPUSH — the anchor is absorbed into the plan and pushed too. If it then collides with the next node, that one moves as well, bounded by maxCascadeDepth. Useful for dense layouts where you'd rather everything cascade than have shifts visually disappear. max Cascade Depth","excerpt":"- STOP (default) — the shifting candidate is clamped at the spacing line in front of the anchor. The remainder of the delta is dropped, the anchor doesn't move. - CHAINPUSH — the anchor is absorbed into the plan and pushed too. If it then collides with the next node, that one moves as well, bounded by maxCascadeDepth. Useful for dense layouts where you'd rather everything cascade than have shifts visually disappear."},{"chunkId":"/examples/reflow-on-resize#15","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.02788,0.00425,-0.0119,0.02163,0.07186,0.05578,-0.00481,0.0718,-0.01101,0.07973,-0.00804,0.04633,-0.04077,0.02378,0.01627,-0.01999,-0.05221,0.06345,-0.08783,-0.04709,-0.01326,-0.03965,0.01043,-0.0042,0.01777,-0.00422,-0.02976,0.04392,0.04248,-0.09262,0.02258,0.04298,-0.05649,0.03604,-0.07955,0.07211,-0.05395,0.05644,-0.0152,-0.06789,0.014,0.10128,0.03212,-0.116,0.05338,0.00263,-0.1265,0.05661,-0.05753,-0.01558,-0.07867,-0.10387,-0.04969,0.08337,0.05783,-0.00586,0.0121,-0.05305,0.07615,0.00521,-0.04767,-0.01404,0.04372,-0.01199,0.01325,0.0507,-0.03694,0.02416,-0.03643,0.11714,0.05104,-0.03148,-0.01658,-0.03796,0.09328,-0.05688,-0.10857,0.09637,-0.00022,0.02677,-0.02375,0.00525,-0.03033,0.01849,-0.01771,0.03795,-0.04459,-0.02836,0.0686,-0.03969,-0.0033,0.0227,-0.00884,0.05597,0.01265,-0.01544,-0.09081,-0.08369,-0.00629,0.02299,0.02989,-0.06458,0.01633,0.05028,0.01182,0.0006,-0.01233,0.0605,-0.02835,0.0452,0.02741,0.01542,0.0284,-0.05402,-0.11201,-0.03057,-0.00536,-0.08729,0.02991,0.00748,0.0303,0.04081,-0.0691,-0.05436,0.10518,0.00183,-0.00455,0,-0.05161,-0.03075,-0.0917,0.04331,0.09309,-0.05629,-0.05807,-0.08415,-0.03987,0.01456,0.01423,0.0565,-0.00878,-0.08281,-0.03815,-0.11044,0.05336,0.12439,-0.1111,0.02101,-0.00888,0.01515,-0.06669,0.03398,0.04522,0.03354,-0.03832,0.04469,-0.08327,-0.00933,0.02425,0.05512,-0.01724,0.0216,-0.03799,0.04808,-0.0527,-0.03081,-0.10854,-0.03207,0.08483,0.00139,-0.05941,0.05723,0.03457,-0.06723,-0.01359,0.03743,0.06893,0.00393,0.04516,0.0974,0.03289,-0.03135,0.03746,0.00921,-0.00635,0.04884,0.02075,0.07233,-0.00695,-0.06946,-0.03781,0.02345,0.07619,0.0361,-0.05726,-0.03538,0.0822,-0.02033,-0.03265,0.08271,0.06033,0.02744,-0.03388,-0.0059,-0.04082,0.0033,0.00783,-0.00265,-0.03573,-0.0285,0.01916,0.04426,0.03754,-0.17545,0.01164,-0.01059,-0.05847,-0.10339,0.06019,0.01504,0.03996,-0.01064,0.07974,0,0.01894,0.06107,0.04055,0.1046,-0.03989,-0.00828,0.0128,0.09898,-0.00393,-0.04051,-0.02909,-0.03828,0.00075,-0.02842,-0.02939,-0.00072,-0.03776,-0.08298,0.03992,0.03483,0.04995,0.03037,0.02586,-0.0061,0.04502,0.06412,-0.02016,0.06537,0.01287,-0.04413,-0.00204,-0.05271,-0.08252,-0.02203,0.03302,-0.07325,-0.01583,0.06107,0.0156,0.01211,0.07809,0.06837,-0.05281,0.02335,-0.02635,-0.00113,0.06014,0.05071,-0.01547,-0.08225,-0.0542,-0.00762,0.00422,-0.0321,0.02311,0.0554,0.08461,-0.00528,-0.03504,-0.02386,0.05415,-0.07682,0.0062,0.01393,0.02723,0.06905,-0.08119,-0.07301,-0.01399,0.05564,0.02956,0.07712,0.03556,-0.025,0.03336,-0.01292,0.06815,-0.04396,0.05852,0.00519,-0.05576,0.0308,-0.03184,0.11047,0.00225,0.06571,-0.18446,0.00558,0.06455,0.03886,-0.08752,-0.09099,0.02632,-0.00775,-0.01317,0,-0.09721,0.06536,-0.09465,0.04945,0.02642,-0.01405,0.05057,-0.00048,-0.05195,0.02987,-0.03706,0.04913,0.04876,0.01816,-0.0001,-0.03688,0.01659,0.00379,-0.0477,0.00123,-0.0456,-0.00649,0.0802,0.09368,0.00206,-0.03207,-0.07512,0.05194,0.01531,-0.06754,-0.04649,-0.01652,0.08225,0.06271,-0.02491,-0.01228,-0.06744,0.02741,0.00516,0.00734,0.04284,-0.01774,0.05287,0.02121,-0.03667,0.02151,0.00933,-0.00804,0.00816,-0.01502,-0.00437,-0.00032,-0.03753,-0.03001,0.03903,0.03913,0.02835,0.05478,0.0258,0.01223,0.00159,0.06172,-0.03876,-0.04407],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. ::: ng-component <reflow-collision</reflow-collision [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.scss :::","excerpt":"::: ng-component <reflow-collision</reflow-collision [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/collision/example.scss :::"},{"chunkId":"/examples/reflow-on-resize#16","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.00335,0.02503,-0.07778,0.04752,0.10129,0.02533,-0.00657,0.06906,0.00144,0.04536,0.01388,0.05849,-0.04217,0.00439,0.03799,0.00482,-0.01712,0.05265,-0.04942,-0.06184,0.01146,-0.05055,0.00601,-0.00888,0.03127,0.03044,-0.04587,-0.00367,0.07689,-0.07749,-0.00238,0.06755,-0.01879,0.07758,-0.12543,0.06759,-0.01357,0.03051,-0.04002,-0.03821,0.00848,0.03025,0.00321,-0.05808,0.00327,0.05134,-0.15704,0.02671,-0.09643,0.01917,-0.09635,-0.13061,-0.04579,0.09033,0.05806,0.00833,0.05194,-0.04084,0.08215,0.0499,0.05133,-0.00127,0.01338,0.05072,0.05561,0.04793,-0.05185,-0.0009,0.00139,0.04466,0.03482,-0.08115,0.016,-0.00337,0.09611,-0.04063,-0.09923,0.04212,0.00257,-0.01926,-0.02538,0.07216,-0.00655,0.03363,0.00631,0.01377,-0.02053,-0.04568,0.04057,-0.00183,-0.03437,0.02039,-0.0706,0.02087,-0.04227,-0.04415,-0.05082,-0.12134,-0.08613,0.03359,0.09174,-0.02124,0.01355,0.02438,-0.00674,-0.06172,-0.03497,0.03477,-0.02532,0.0128,-0.02886,0.0159,0.00129,-0.0322,-0.11994,-0.04825,-0.05088,-0.03386,0.07758,0.01697,0.03723,0.04166,-0.01899,-0.05356,0.0786,0.01474,-0.05495,0,-0.01414,-0.01013,-0.09686,0.02783,0.07439,-0.03076,-0.06304,-0.06201,0.00407,-0.00528,0.09322,0.06664,-0.00637,0.02796,0.01225,-0.15333,0.03783,0.14604,0.00126,-0.03762,0.03125,0.03421,-0.00712,0.02152,0.05342,0.04463,-0.0371,0.04653,-0.10462,0.0503,0.00401,0.03421,-0.03776,-0.03238,-0.02866,-0.00513,-0.06012,-0.09629,-0.06676,-0.0555,0.02335,-0.0261,-0.05678,0.01279,0.01095,-0.0153,-0.02669,0.02795,-0.008,-0.00052,0.05145,0.02241,0.04147,-0.03077,0.01429,-0.02834,-0.01793,0.04446,0.02387,-0.00174,-0.00453,-0.05475,-0.07063,-0.01406,0.06292,0.04599,-0.0326,-0.04342,0.04958,0.04442,-0.04251,0.07391,0.03054,0.0828,-0.04011,-0.02339,-0.08557,-0.01947,-0.06415,-0.02054,-0.08203,-0.0299,0.03906,0.0282,0.04543,-0.15409,0.01952,-0.02606,-0.05134,-0.068,0.04711,0.00154,0.05154,0.03025,0.04894,0,-0.00328,0.05275,0.01689,0.11193,0.04164,-0.01074,-0.06017,0.0781,-0.00586,-0.05164,0.01173,-0.06705,0.01263,-0.01302,-0.01971,0.00181,-0.04463,-0.09133,-0.02051,0.06463,0.03667,-0.05088,0.01839,0.00555,0.07891,0.058,-0.04335,0.03763,-0.0101,-0.0419,-0.01166,-0.03641,-0.05339,-0.05437,-0.00428,-0.03239,-0.03047,0.03773,0.00617,0.06824,0.04986,0.02384,-0.00606,0.02733,-0.07921,0.02406,-0.00873,0.04118,-0.05779,-0.04099,-0.03887,0.06638,0.03635,-0.06643,-0.01505,0.06613,0.03011,0.06583,-0.04505,-0.03266,0.03838,-0.08877,0.03254,-0.01502,0.02307,0.06475,-0.03179,-0.04456,-0.01426,0.12147,0.12504,0.0876,-0.0296,0.01479,0.03049,-0.02685,0.10438,-0.10424,-0.01204,-0.01129,-0.01101,0.02876,-0.01191,0.03999,-0.00617,0.02408,-0.13871,0.02597,0.04946,0.0883,-0.03471,-0.01369,-0.00873,0.02791,0.03377,0,-0.13899,0.04946,-0.02456,0.02688,0.09104,0.00854,0.09358,0.03767,-0.05962,0.00425,-0.00434,0.04989,0.01382,-0.01051,0.04269,-0.03752,0.03874,0.02734,-0.02984,0.00698,-0.04771,-0.00434,0.04145,0.06582,0.00438,-0.01528,-0.0077,0.05267,0.04623,0.00521,-0.03853,0.02169,0.13126,0.05284,-0.06924,0.08558,-0.07307,-0.0132,-0.04645,-0.00542,0.09004,0.03918,0.00293,0.03041,-0.10333,0.04662,0.05447,0.00878,-0.00202,-0.03128,-0.00057,-0.01596,-0.04739,0.00603,0.0274,0.03936,0.00056,-0.00194,0.02111,0.01924,-0.02715,0.06608,0.01344,-0.05136],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. fReflowIgnore is the directive you reach for when a node has to stay pinned regardless of what the rest of the graph does — annotations, legend labels, stats panels. f Reflow Ignore","excerpt":"fReflowIgnore is the directive you reach for when a node has to stay pinned regardless of what the rest of the graph does — annotations, legend labels, stats panels."},{"chunkId":"/examples/reflow-on-resize#17","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.03474,-0.03254,-0.02552,-0.00521,0.05484,0.00539,0.00524,0.03899,0.03665,0.05676,0.003,0.01539,-0.04835,-0.02779,0.01661,-0.00743,-0.01424,0.05455,-0.05705,-0.08065,-0.01315,-0.0704,-0.02595,-0.03572,0.06116,0.04863,-0.00572,-0.00441,0.10762,-0.13263,0.00554,0.07998,-0.00625,0.05798,-0.10351,-0.01005,-0.08263,0.09233,-0.02195,-0.02956,0.06818,0.07364,0.0911,-0.06702,-0.02439,0.0584,-0.11864,0.02773,-0.07355,0.01845,-0.12942,-0.11617,-0.03948,0.07401,-0.00887,0.03935,0.10914,-0.00963,0.05714,0.02096,0.0479,0.03169,-0.01958,0.00567,0.03567,0.01237,-0.02685,-0.02586,-0.05417,0.02514,0.01677,-0.04394,-0.01464,-0.02281,0.12599,-0.09818,-0.01861,0.04089,0.05428,0.01192,-0.05014,0.02773,-0.02228,0.0381,-0.0514,0.01162,-0.07074,-0.01593,0.07355,0.00114,0.01301,0.00794,-0.07763,-0.02275,0.02631,0.00742,-0.08138,-0.05082,-0.00078,0.02259,0.0766,-0.02177,-0.01922,0.032,0.00727,-0.00171,0.00478,0.03804,0.03294,0.04145,-0.00499,0.03296,-0.00265,-0.0225,-0.12248,-0.06095,-0.01196,0.00817,-0.00193,-0.00234,-0.01558,-0.01438,-0.02346,-0.03599,0.01097,0.02221,-0.05313,0,-0.01907,-0.04672,-0.06768,0.04061,0.04487,-0.05513,-0.04179,-0.07018,0.01304,0.01088,-0.01599,0.10946,-0.03133,0.05567,-0.00865,-0.11715,0.00035,0.09049,-0.04849,-0.01398,0.06166,0.0173,-0.04544,0.01262,-0.00442,0.06229,-0.03782,0.07528,-0.15461,0.03161,-0.04856,0.03937,-0.04925,0.00375,0.01433,0.03616,-0.01496,-0.05014,-0.05587,-0.07976,0.04808,0.02157,-0.04673,0.03236,-0.01222,-0.00844,-0.05268,0.01304,-0.01248,0.02942,0.04494,0.00257,0.05535,-0.02163,0.07867,0.01761,0.01606,0.06192,0.07878,0.0716,0.00456,-0.01405,-0.0513,0.04778,0.11133,0.06838,-0.01936,-0.07089,0.06396,0.0286,-0.00606,0.0552,0.01407,0.03307,-0.04627,-0.01858,-0.06719,-0.01962,-0.02618,-0.02374,-0.0683,0.00842,0.08929,0.00347,0.03782,-0.13775,-0.01927,-0.01835,-0.03278,-0.07171,0.05332,-0.02934,0.07321,0.0774,0.05673,0,-0.09116,0.06848,0.03039,0.09285,0.02643,-0.03816,0.01903,0.07889,0.02106,-0.01868,-0.02679,-0.01987,-0.04066,-0.02399,0.00962,-0.03677,0.03712,-0.11084,-0.04158,0.0236,0.05594,0.00201,-0.04269,0.02976,0.06966,0.03724,-0.0037,0.08882,-0.06618,-0.01899,-0.0214,-0.00879,-0.03305,-0.00375,-0.02308,-0.03172,-0.08685,0.0454,0.03856,0.02376,0.01724,0.01599,0.01712,0.00435,-0.02828,0.03197,-0.03109,0.05612,-0.05239,-0.05039,-0.03863,0.0132,0.04553,-0.01214,-0.02124,0.12492,0.06842,0.08244,0.04546,0.00018,-0.0112,-0.07942,0.02005,-0.01902,-0.01891,0.07008,0.03241,-0.08483,-0.00415,0.06295,0.12485,0.10926,-0.00454,-0.01441,0.00438,-0.0444,0.04388,-0.05797,0.0267,-0.02184,-0.05931,0.01719,0.00286,0.05047,-0.06996,0.06268,-0.14287,-0.00058,0.06184,0.09018,-0.03384,-0.04953,-0.0187,-0.0517,0.00691,0,-0.11105,0.03875,-0.03304,0.0687,0.0589,0.01717,0.0669,0.0489,-0.00984,0.00722,-0.03675,0.03785,0.02645,0.03213,0.03568,0.00979,0.0541,0.01963,-0.04436,-0.04471,-0.03403,0.01282,0.12721,0.04932,-0.0015,-0.05812,-0.09018,0.09264,0.04729,-0.04227,-0.04588,0.05098,0.08135,0.06212,0.00455,0.05464,-0.06313,-0.03802,-0.00019,0.01901,0.03511,0.01512,-0.00247,0.00588,-0.11181,0.06952,0.039,-0.03244,-0.01673,-0.0359,0.05448,-0.00611,-0.07064,-0.01682,0.00676,0.00839,-0.01047,-0.002,0.03801,0.01432,-0.04122,0.04306,-0.0441,-0.05198],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Delta source — by how much each candidate moves deltaSource decides how the shift magnitude is computed once a candidate is picked. The source has only the top and bottom handles — drag the top handle upward to see the difference clearly: the source grows, but only its top edge moves; the bottom stays where it is. delta Source","excerpt":"Delta source — by how much each candidate moves deltaSource decides how the shift magnitude is computed once a candidate is picked. The source has only the top and bottom handles — drag the top handle upward to see the difference clearly: the source grows, but only its top edge moves; the bottom stays where it is."},{"chunkId":"/examples/reflow-on-resize#18","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.02146,-0.00843,-0.05701,-0.03708,0.0531,0.02378,-0.06057,0.09998,0.00387,0.05747,-0.01444,0.03499,-0.05436,0.00122,-0.00577,0.01329,0.01957,0.08885,-0.04334,-0.03052,-0.06992,-0.0838,-0.00939,-0.02573,0.06036,0.03597,-0.0124,0.01774,0.06639,-0.1255,0.05066,0.10424,0.02127,0.05563,-0.06986,0.01319,-0.04361,0.03868,-0.02115,-0.03774,0.0547,0.10636,0.06656,-0.04616,-0.03801,0.04736,-0.1205,0.02653,-0.08908,-0.00762,-0.04985,-0.09939,-0.07574,0.09434,0.00901,0.05444,-0.00159,-0.00621,0.06153,0.02861,0.09367,-0.01618,0.01225,0.01538,0.00919,0.01799,0.01699,-0.02497,-0.04035,0.0355,0.05785,-0.01939,-0.02131,-0.01863,0.10142,-0.04882,-0.00403,0.02299,-0.00339,0.02538,-0.08277,0.04611,0.00924,0.0369,-0.03855,0.0078,-0.05374,-0.04035,0.0363,0.01008,0.02566,0.05464,-0.07941,-0.03172,0.06765,-0.03103,-0.08201,-0.04892,-0.03792,0.0287,0.06558,-0.01388,0.01458,0.0087,0.03836,-0.01897,-0.03615,0.01968,0.01361,-0.01267,-0.00343,0.03156,-0.03644,0.01363,-0.12285,-0.06854,0.01687,-0.03248,0.05706,0.00214,0.01723,0.02803,-0.01065,0.00429,0.01228,0.04003,-0.05782,0,-0.05598,0.00953,-0.03243,0.03071,0.04065,-0.02376,-0.05017,-0.0165,0.01103,-0.01195,-0.01807,0.06071,-0.04075,-0.00205,0.02285,-0.11074,-0.01872,0.11106,-0.08645,-0.02207,0.06874,0.07699,-0.02197,0.04701,-0.02971,-0.04687,-0.0292,0.02367,-0.13238,0.01753,-0.06624,0.00029,-0.02239,0.00161,0.00732,0.12834,-0.03529,-0.0871,-0.07256,-0.0763,0.01262,0.05106,-0.01586,-0.00515,0.0312,-0.00321,-0.05606,-0.01387,0.03496,-0.01325,0.05132,0.03301,0.0751,-0.03003,0.08197,-0.0047,0.0231,0.06087,0.04064,0.07976,0.00299,-0.09372,-0.03518,0.03717,0.05419,0.04917,-0.03107,-0.06538,0.057,-0.01229,-0.01534,0.074,0.02671,0.10316,-0.06402,-0.02149,-0.03538,-0.0017,-0.01327,-0.05459,-0.05079,0.03766,0.02147,-0.02957,0.03771,-0.12427,0.03141,-0.0412,-0.02115,-0.0016,0.05541,-0.00923,0.08949,0.07631,0.02356,0,-0.11478,0.01929,-0.00916,0.1138,-0.00767,0.01167,0.0172,0.04655,-0.02679,-0.05484,0.01018,0.00882,-0.03854,-0.04535,-0.02606,-0.00796,0.04578,-0.15415,-0.01546,-0.00575,0.0796,0.0207,-0.03528,0.04583,0.0686,0.05034,-0.0641,0.02789,-0.00623,0.0222,-0.02442,-0.01306,-0.07906,-0.00449,-0.00325,-0.01034,-0.1154,0.04608,0.02283,0.04316,-0.0242,0.0388,-0.05782,0.02193,0.03016,0.0461,-0.03457,0.06887,-0.07622,-0.04773,-0.06537,0.0588,0.04952,-0.02738,-0.04213,0.11066,0.0463,0.05067,0.01788,-0.00628,0.01172,-0.1058,-0.00541,-0.05419,-0.08131,0.04844,0.03656,-0.05072,-0.07021,0.092,0.0418,0.09856,-0.04318,0.01017,-0.02674,-0.03392,0.10254,-0.04211,0.03895,-0.0006,-0.12891,0.05862,-0.00706,0.04346,0.02568,0.0095,-0.07014,-0.00889,0.06428,0.08331,-0.03132,-0.0776,-0.02863,-0.0501,0.05088,0,-0.1216,0.05729,-0.05421,0.06564,0.049,-0.03389,0.07723,0.04604,-0.01552,-0.01154,-0.06347,0.05549,-0.03633,0.03474,0.03299,0.04284,0.00637,-0.00065,-0.02274,0.01646,-0.06467,0.01904,0.03304,0.01561,-0.05178,-0.03734,-0.05554,0.12228,0.02934,-0.00608,-0.00963,0.05523,0.11079,0.07105,-0.02684,0.03654,-0.02922,0.0336,-0.03103,0.02677,0.05621,-0.00734,0.04032,-0.00218,-0.06684,0.04813,0.01878,0.06173,-0.01888,-0.02353,0.06989,0.00372,-0.07216,-0.01947,0.0342,0.0245,-0.01337,-0.00716,0.01616,-0.00611,-0.06345,0.00848,-0.08085,-0.02401],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. - EDGEBASED (default, recommended) — each candidate follows the edge that actually moved. Top edge moved up → only the node above is pushed up. Bottom stayed put → the node below stays put. - CENTERBASED — the full size delta is applied to candidates picked by centre comparison. The node below shifts down even though the source's bottom edge never moved, because the source's centre moved up. Visibly wrong for asymmetric resize. EDGEBASED is the right choice in almost every case. CENTERBASED is kept for layouts where every resize is symmetric (always grows from the centre).","excerpt":"- EDGEBASED (default, recommended) — each candidate follows the edge that actually moved. Top edge moved up → only the node above is pushed up. Bottom stayed put → the node below stays put. - CENTERBASED — the full size delta is applied to candidates picked by centre comparison. The node below shifts down even though the source's bottom edge never moved, because the source's centre moved up. Visibly wrong for asymmetric resize. EDGEBASED is the right choice in almost every case. CENTERBASED is kept for layouts where every resize is symmetric (always grows from the centre)."},{"chunkId":"/examples/reflow-on-resize#19","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.0437,0.00354,-0.0194,0.03387,0.0764,0.06096,0.00302,0.04671,-0.02823,0.0609,-0.00671,0.05178,-0.03821,0.00381,0.03845,-0.00809,-0.04916,0.05496,-0.05903,-0.07663,0.01261,-0.08237,0.01346,-0.0227,0.02882,0.01359,-0.03114,0.04239,0.07619,-0.11239,0.02792,0.08623,-0.04808,0.01541,-0.05042,0.073,-0.05128,0.07176,-0.02675,-0.04537,0.03792,0.09997,0.04867,-0.09266,0.01303,-0.03103,-0.1204,0.02326,-0.05975,-0.01937,-0.07461,-0.11489,-0.05628,0.07488,0.05837,-0.01391,0.00781,-0.0481,0.07818,0.00739,-0.04049,0.00689,0.01121,-0.00569,-0.00893,0.06514,-0.05847,0.00188,-0.05284,0.08621,0.02564,-0.03484,-0.0168,-0.02697,0.09322,-0.07814,-0.07478,0.07665,0.0218,-0.01434,-0.01451,0.00128,-0.01882,0.03605,-0.05063,0.02991,-0.02874,-0.05337,0.06941,-0.0468,0.01852,0.00589,-0.05339,0.03078,0.01378,-0.00107,-0.11825,-0.05646,-0.02695,0.04532,0.04104,-0.0578,0.03451,0.05643,0.00743,-0.01112,-0.01553,0.09267,-0.03155,0.0424,-0.00125,0.02313,0.01408,-0.04786,-0.09159,-0.04463,0.01052,-0.09212,0.02757,0.01522,0.04087,0.05282,-0.04226,-0.04482,0.07791,0.01967,-0.01201,0,-0.02003,-0.03838,-0.07072,0.04801,0.08835,-0.04969,-0.04285,-0.0935,-0.07463,0.02944,0.01591,0.06888,-0.06741,-0.03156,-0.01901,-0.1301,0.04071,0.10183,-0.09239,0.00061,0.00902,0.02888,-0.05946,0.01181,0.04852,-0.00048,-0.0245,0.07356,-0.12299,-0.00285,0.01102,0.04063,0.00516,0.00265,-0.04524,0.03044,-0.03712,-0.00915,-0.10071,-0.05121,0.1118,0.01503,-0.04318,0.05978,0.03175,-0.03042,-0.0265,0.01596,0.05557,0.00726,0.04629,0.09496,0.03392,-0.03757,0.04338,-0.00656,-0.02087,0.06992,0.04696,0.04849,-0.00967,-0.03653,-0.07419,0.03753,0.08256,0.03991,-0.02155,-0.0364,0.05852,-0.02311,-0.06218,0.06848,0.04014,0.02953,-0.01967,-0.03118,-0.04566,0.00807,-0.01096,-0.01626,-0.03736,-0.03544,0.01728,0.06404,0.06006,-0.18816,-0.00059,-0.01842,-0.03547,-0.12022,0.03994,0.01873,0.03758,-0.00605,0.05162,0,0.02425,0.0632,0.04058,0.10712,-0.01237,0.00329,0.03581,0.11024,0.02428,-0.03021,-0.01654,-0.03787,0.00558,-0.04805,-0.0189,0.00163,-0.04218,-0.06441,0.01947,0.04982,0.04405,0.06889,0.01478,0.02392,0.05375,0.0539,-0.02405,0.09749,-0.01985,-0.05202,-0.0061,-0.03014,-0.0874,-0.02339,-0.00809,-0.07608,-0.04771,0.09237,0.01208,0.03682,0.08528,0.05097,-0.04715,0.0011,-0.03895,-0.00135,0.05303,-0.01936,-0.06627,-0.07462,-0.08784,-0.03461,0.00672,-0.01182,0.01764,0.02998,0.0648,0.02027,-0.02817,-0.00167,0.07126,-0.08261,-0.0068,-0.04056,0.04533,0.05848,-0.04438,-0.07568,-0.00089,0.04739,0.04131,0.0733,0.01929,-0.007,0.02979,-0.0117,0.05523,-0.03779,0.04971,-0.01239,-0.06468,0.02565,-0.03521,0.07866,0.0071,0.07116,-0.17136,0.01798,0.09015,0.05235,-0.0823,-0.09229,0.02945,0.01838,0.00872,0,-0.10682,0.06897,-0.07829,0.0423,0.01931,-0.02894,0.04982,0.00313,-0.04902,0.01298,-0.02631,0.05906,0.06375,0.02214,0.01401,-0.01404,0.01379,0.04102,-0.04465,-0.00015,-0.05241,0.00751,0.08907,0.08654,0.00507,-0.05446,-0.07607,0.05623,0.02244,-0.04221,-0.04888,0.00835,0.06629,0.05237,-0.04159,-0.02495,-0.05051,0.00879,0.00023,0.01795,0.04637,-0.04141,0.02227,0.00635,-0.04255,0.00897,0.02125,0.00667,0.00144,-0.02469,0.00812,-0.00149,-0.05051,-0.03076,0.0543,0.01158,0.00716,0.09153,0.02017,-0.01068,-0.00568,0.05938,-0.03776,-0.0467],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. ::: ng-component <reflow-delta-source</reflow-delta-source [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.scss :::","excerpt":"::: ng-component <reflow-delta-source</reflow-delta-source [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/delta-source/example.scss :::"},{"chunkId":"/examples/reflow-on-resize#20","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.01852,-0.02124,-0.05063,0.02514,0.03757,0.05297,-0.03348,0.01873,0.02595,0.07807,-0.01416,0.03876,-0.03779,0.02299,-0.05216,-0.00016,-0.04953,0.02237,-0.08446,-0.01268,0.01492,-0.09846,0.05597,-0.00498,-0.00912,0.01333,-0.02075,0.02284,0.05007,-0.10424,0.0307,0.07945,-0.0911,0.01399,-0.11293,0.03609,-0.01019,0.07486,-0.0349,-0.03832,0.05995,0.06513,0.04488,-0.07993,-0.00419,0.06243,-0.11321,0.03739,-0.07252,0.01544,-0.06289,-0.09356,-0.03243,0.11929,0.05927,-0.04862,0.02963,-0.05329,0.1001,0.0092,-0.06074,-0.01293,0.03214,-0.01699,-0.03566,0.03496,-0.08986,0.01322,-0.05228,0.09338,0.04473,-0.05849,-0.02559,-0.05054,0.09957,-0.04451,-0.06105,0.07373,-0.01612,0.01068,-0.00688,0.0075,-0.05142,0.0463,-0.06928,0.00298,-0.06289,-0.06475,0.08444,-0.04989,-0.00413,0.04734,-0.05645,0.00626,0.03044,-0.03277,-0.09005,-0.03351,-0.07428,0.01691,0.03385,-0.03059,0.01265,0.05818,0.05042,0.00937,0.00012,0.01722,-0.08257,0.03456,0.02942,0.03147,0.01567,0.00561,-0.03553,-0.0325,-0.0074,-0.06581,-0.04789,0.00918,0.00892,0.08155,-0.05993,-0.05422,0.10766,0.07003,-0.00338,0,-0.01348,-0.00181,-0.06554,0.02125,0.04407,-0.05163,-0.02274,-0.03246,0.01995,0.08127,0.01269,0.06906,-0.04123,-0.00004,-0.02507,-0.16443,0.05805,0.09485,-0.08937,-0.00062,-0.00863,-0.0045,-0.06323,-0.01245,0.04416,-0.00966,-0.04299,0.05868,-0.04796,-0.01041,-0.00175,0.04656,-0.04501,-0.02432,-0.07002,0.02755,-0.06118,-0.01656,-0.03347,-0.02077,0.05676,0.0092,-0.04215,0.02507,0.02489,-0.0186,-0.00168,0.01237,0.03503,0.00897,0.05555,0.05933,0.04703,-0.01255,0.06212,-0.06515,0.02194,0.08485,0.03351,0.06068,-0.01113,-0.05413,-0.11279,0.03571,0.12879,0.03328,-0.00412,-0.02082,0.07415,-0.01354,-0.04517,0.06318,0.0505,0.01952,-0.02288,-0.04492,-0.04217,0.01048,0.00064,0.00099,-0.02038,0.01367,0.02558,0.04046,0.06426,-0.13581,0.01993,-0.01149,-0.06976,-0.10828,0.0741,-0.00494,0.04811,0.01684,0.03782,0,0.00142,0.0723,0.06783,0.12586,-0.02593,-0.01177,0.02249,0.07377,0.03435,-0.0473,-0.03583,-0.05076,-0.00434,-0.00804,0.02491,0.00485,-0.07579,-0.07811,0.02615,-0.02015,0.04619,0.06427,0.01814,0.05684,0.01615,0.05657,0.00161,0.07008,0.0132,-0.02042,-0.01396,-0.07923,-0.09103,-0.01941,0.0373,-0.06452,-0.04435,0.13929,0.03126,0.03941,0.01791,0.02883,-0.01726,0.03004,-0.02787,0.03366,0.0102,0.041,-0.07867,-0.06668,-0.08721,0.05158,-0.0238,0.00586,0.03294,0.01776,0.10646,-0.04547,-0.00622,-0.05154,0.04028,-0.03504,-0.02448,-0.0593,0.03869,0.10752,-0.01966,-0.10217,0.04247,0.09258,0.01179,0.05673,0.05962,-0.08032,0.05238,0.00874,0.03964,-0.05509,0.02598,0.01337,-0.05651,0.03138,-0.00117,0.07381,-0.04105,0.07472,-0.14317,-0.00475,0.06384,0.08143,-0.04569,-0.10234,0.03118,-0.01303,0.00278,0,-0.08503,0.05851,-0.04334,0.03962,0.01425,0.01454,0.02686,0.03278,-0.0369,0.04838,-0.00142,0.09247,0.04382,0.03186,0.00772,-0.03532,0.0251,0.02451,-0.03257,-0.0104,0.01532,-0.02284,0.06016,0.07977,-0.02836,-0.066,-0.08336,0.01711,0.02695,-0.02168,-0.01718,-0.01775,0.08371,0.08571,-0.02513,-0.0286,-0.07135,0.01579,0.00581,0.04251,0.05984,0.01536,-0.03144,-0.03031,-0.08533,0.02094,-0.00214,-0.01299,0.01221,-0.00021,-0.00914,0.02043,0.00905,0.02005,0.06789,0.01931,-0.04538,0.02609,0.04113,-0.00483,-0.00926,0.0405,-0.05986,-0.05019],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Axis — which directions trigger reflow axis filters which size changes the plan reacts to. The source carries all four directional handles and sits in the middle of four cardinal neighbours. - BOTH (default) — vertical and horizontal passes run independently. Drag any handle and the matching neighbour follows. - VERTICAL — only height changes count. Dragging the left or right handles pushes nothing. - HORIZONTAL — only width changes count. Dragging the top or bottom handles pushes nothing. Switch to VERTICAL or HORIZONTAL when one of the axes is fully managed by your own layout (e.g. you snap nodes to a column grid) and you don't want reflow second-guessing it. ::: ng-component <reflow-axis</reflow-axis [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.scss :::","excerpt":"Axis — which directions trigger reflow axis filters which size changes the plan reacts to. The source carries all four directional handles and sits in the middle of four cardinal neighbours. - BOTH (default) — vertical and horizontal passes run independently. Drag any handle and the matching neighbour follows. - VERTICAL — only height changes count. Dragging the left or right handles pushes nothing. - HORIZONTAL — only width changes count. Dragging the top or bottom handles pushes nothing. Switch to VERTICAL or HORIZONTAL when one of the axes is fully managed by your own layout (e.g. you snap nodes to a column grid) and you don't want reflow second-guessing it. ::: ng-component <reflow-axis</reflow-axis [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/axis/example.scss :::"},{"chunkId":"/examples/reflow-on-resize#21","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.01752,0.01727,-0.0705,0.04474,0.08619,0.06444,0.0178,0.08971,-0.04469,0.0547,0.04455,0.06013,-0.06618,0.0076,0.05679,-0.00109,-0.00031,0.0219,-0.05798,-0.03417,-0.01764,-0.0419,-0.01042,-0.01373,-0.00462,-0.00018,-0.0061,-0.00588,0.05718,-0.09179,0.0211,0.09338,-0.04104,0.05919,-0.12092,0.05443,-0.02337,0.00004,-0.04094,-0.0741,0.0688,0.07321,0.02113,-0.04522,0.00677,0.01823,-0.10628,0.00949,-0.06874,-0.03499,-0.07746,-0.08991,-0.00746,0.09491,0.01222,-0.0188,0.02275,-0.04947,0.07449,0.04761,-0.01966,0.00916,0.03363,0.01068,0.01896,0.03182,-0.0657,-0.04074,-0.03368,0.01282,0.02375,-0.04929,0.04867,-0.02952,0.09395,-0.07974,-0.07676,0.06123,0.01719,0.02688,-0.00651,0.08309,0.00409,0.02998,-0.01645,-0.00961,-0.04005,-0.07568,0.02809,-0.03227,-0.00378,-0.01582,-0.05845,0.03005,0.01859,-0.07034,-0.06491,-0.14359,-0.09395,0.02957,0.0488,-0.02233,0.00323,0.04426,-0.0182,-0.03033,-0.03714,0.04717,-0.02056,0.03057,-0.01038,0.01483,0.02467,-0.03199,-0.09793,-0.07927,-0.03949,-0.05676,0.06708,-0.00747,-0.01614,0.03117,0.00958,-0.02852,0.10088,0.02572,-0.04459,0,-0.05658,-0.00089,-0.09134,0.0824,0.07636,-0.01689,-0.02211,-0.0479,0.045,0.01567,0.02674,0.05264,-0.01596,0.04505,-0.00613,-0.16904,0.00395,0.13116,-0.00439,-0.02522,0.04689,0.05354,-0.02828,-0.00101,0.04921,0.02108,-0.05365,0.0555,-0.09442,0.03413,0.04152,0.04121,-0.05568,-0.00346,-0.01157,-0.00335,-0.05748,-0.05451,-0.09681,-0.02311,0.06406,-0.00805,-0.07566,0.00565,0.01198,-0.01363,-0.03211,0.03448,-0.01179,-0.01557,0.05595,0.06348,-0.00495,-0.01107,0.05387,-0.04224,-0.00264,0.02003,0.08261,0.02341,-0.02609,-0.07786,-0.09708,0.0017,0.05151,0.02159,-0.01203,-0.09004,0.03794,0.04203,-0.02596,0.07226,0.01987,0.04868,-0.03824,-0.01487,-0.06268,-0.00118,-0.06798,-0.01209,-0.04404,0.01865,0.05424,0.06448,0.07448,-0.15981,0.00769,-0.05222,-0.02,-0.08018,0.057,-0.01895,0.03746,0.0197,0.08438,0,-0.00819,0.022,0.03001,0.07708,0.06222,-0.02304,-0.01658,0.11406,0.00566,-0.044,-0.03594,-0.03108,0.06272,-0.03035,-0.06726,0.01121,-0.06488,-0.07906,0.00348,0.04175,0.03656,-0.02456,0.07427,-0.00368,0.10924,0.07418,-0.0456,0.11883,-0.00414,-0.01739,-0.024,-0.02373,-0.04436,-0.04335,-0.02179,-0.01707,-0.0791,0.08285,0.00947,0.03799,0.07658,0.02794,-0.01914,0.05646,-0.06878,-0.00914,0.01246,0.0084,-0.01302,-0.01067,-0.07257,0.00479,0.03002,-0.04377,-0.00844,0.06572,0.07926,0.04935,-0.01854,0.00335,0.05743,-0.09344,0.05195,-0.05547,0.02074,0.03283,0.01252,-0.01717,0.03481,0.09483,0.09296,0.05014,-0.00774,0.00413,0.04906,-0.00164,0.08956,-0.06225,0.03631,0.00228,-0.03837,-0.00778,-0.03445,0.06029,0.01243,0.01945,-0.08974,-0.02954,0.07433,0.08225,-0.05813,-0.02501,0.01444,0.00715,0.02044,0,-0.11054,0.05256,-0.03424,0.06622,0.03971,-0.02761,0.06189,-0.01339,-0.08363,0.01857,-0.04459,0.07423,0.00043,0.00704,0.05072,-0.00279,-0.02225,0.02919,-0.03369,-0.03171,-0.05619,0.01374,0.09532,0.0785,-0.01119,-0.00586,-0.05325,0.01307,0.04997,0.01635,-0.04972,0.04176,0.10914,0.0681,-0.09212,0.04516,-0.09423,-0.01382,-0.04841,-0.04323,0.06292,0.02933,0.00052,-0.00862,-0.11124,0.04374,0.03049,0.01214,-0.01211,0.00622,0.00121,0.01459,-0.05965,0.01288,0.0112,0.03904,0.00542,-0.01815,0.04256,0.02092,-0.103,0.02896,0.01543,-0.0448],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. Runtime config via FReflowController FReflowController is provided at the same injector as provideFFlow(...), so any component below the provider can inject it directly: F Reflow Controller provide F Flow","excerpt":"Runtime config via FReflowController FReflowController is provided at the same injector as provideFFlow(...), so any component below the provider can inject it directly:"},{"chunkId":"/examples/reflow-on-resize#22","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.03544,-0.00238,-0.02196,0.08668,0.02951,0.0572,-0.06418,0.02747,-0.04636,0.07646,0.00495,0.0816,-0.04796,-0.03795,0.01973,0.01127,-0.03097,0.0007,-0.05213,-0.0318,-0.07187,-0.06341,0.01688,-0.03391,0.08762,0.03406,0.00048,-0.00007,0.04365,-0.07993,-0.00331,0.08891,-0.05373,0.02501,-0.07692,0.08584,-0.03209,0.063,-0.00651,-0.04858,0.05212,0.07377,0.00968,-0.0649,-0.04779,0.03905,-0.12185,0.0436,-0.05157,-0.02498,-0.03425,-0.07808,-0.04463,0.03245,0.04711,0.01561,0.0601,0.04231,0.06334,0.0403,0.01294,0.03046,0.03563,0.02676,0.02838,0.05743,-0.00944,-0.00245,-0.04776,0.03529,0.0344,-0.02707,0.01006,-0.04192,0.11399,-0.03608,-0.07927,0.04227,0.02311,-0.00616,0.02505,0.06643,-0.00519,0.03948,-0.04419,-0.0236,-0.02563,-0.094,0.04975,-0.04912,-0.04306,-0.01399,-0.03889,0.00661,0.01214,-0.01542,-0.08859,-0.0522,-0.06784,0.01552,0.07866,-0.03544,0.05122,0.03727,0.00564,-0.02789,-0.01138,0.06398,-0.04268,0.04219,0.04809,0.06164,-0.01063,-0.01557,-0.10423,-0.0218,-0.01157,-0.02112,0.01125,0.03171,-0.00158,0.05189,-0.00714,-0.04562,0.05261,0.02538,-0.03558,0,-0.00639,0.0024,-0.11546,0.05949,0.08824,0.00771,-0.06885,-0.0433,0.00682,-0.00464,0.07243,0.05693,-0.02736,0.04585,-0.0043,-0.11579,0.05015,0.13487,-0.03153,-0.03831,-0.01171,0.05151,-0.02941,0.01613,0.01593,0.02841,-0.02193,0.05252,-0.12248,-0.01284,-0.0297,0.07945,-0.0276,0.02175,-0.06343,0.02298,-0.05254,-0.04997,-0.05977,-0.04596,0.04313,0.01543,-0.04621,-0.00689,0.01401,-0.01423,-0.01541,0.02089,-0.01219,-0.036,0.03019,0.09034,-0.00873,0.0015,0.03073,-0.06901,0.01275,-0.01069,0.08392,0.03481,0.03458,-0.05491,-0.08668,0.06831,0.0484,0.04356,-0.01967,-0.06785,0.05414,0.0051,-0.0215,0.04066,-0.01275,0.05974,-0.05633,-0.05758,-0.08311,0.00008,-0.0509,-0.00999,0.01387,0.02756,0.03067,0.05818,0.08435,-0.16367,0.01048,0.00461,-0.00835,-0.03314,0.08005,-0.03582,0.07143,0.03096,0.08002,0,-0.0172,0.04554,0.02662,0.06046,0.00658,-0.04799,-0.01416,0.11137,0.01005,-0.04914,0.01501,-0.05158,0.00427,-0.04113,-0.09083,-0.00477,-0.02073,-0.07097,0.02802,-0.01936,0.06637,-0.04874,0.0077,0.03312,0.09871,0.02194,-0.05522,0.06566,0.00446,-0.0184,-0.03111,-0.02542,-0.0658,-0.02867,0.02918,-0.00075,-0.06924,0.07628,-0.01152,0.0123,0.00609,0.02897,-0.04224,0.0563,0.02596,0.02548,-0.02249,-0.00006,-0.11482,-0.03864,-0.0384,0.02797,0.05986,-0.09292,-0.00984,0.04094,0.08325,0.06229,0.01946,-0.05516,0.04366,-0.07518,0.02505,-0.01448,-0.01511,0.09073,-0.01522,-0.07896,0.0285,0.09529,0.05311,0.02829,-0.06525,-0.04823,0.04876,-0.0289,0.09097,-0.07315,0.04838,-0.01294,-0.04421,0.01459,-0.02248,0.04007,-0.01936,0.07446,-0.11055,0.06878,0.06279,0.11776,-0.08158,-0.06104,-0.00626,-0.01317,-0.02038,0,-0.12798,0.09363,-0.05312,0.06904,0.08238,-0.02596,0.09427,0.05978,-0.01142,0.04733,-0.04852,0.07003,0.01797,0.00322,0.0127,-0.01609,0.00421,0.03172,-0.03328,-0.03116,-0.03375,0.01068,0.08045,0.10978,0.01945,-0.06627,-0.03126,0.03864,0.02415,-0.00314,-0.05983,0.00834,0.0943,0.08646,-0.07295,-0.02402,-0.05602,0.03709,0.00081,-0.04074,0.03753,-0.00449,0.03736,-0.00173,-0.0979,-0.01462,0.05199,0.03714,0.03332,-0.02406,-0.00864,0.01601,-0.03252,-0.04277,0.03242,0.01262,-0.00453,0.0342,0.06302,0.01548,-0.11115,0.00634,-0.07703,-0.0923],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. setConfig(...) accepts a partial config and merges it with what's already there. The change takes effect on the next resize — no provider rebuild, no graph rebuild. Use it for runtime UI: a \"freeze layout\" toggle while a user does bulk edits, switching mode from CENTEROFMASS to DOWNSTREAMCONNECTIONS when entering a different editing mode, etc. Click Disable reflow, drag the source's bottom handle: the neighbours stay put. Re-enable and the next drag does shift them again. set Config","excerpt":"setConfig(...) accepts a partial config and merges it with what's already there. The change takes effect on the next resize — no provider rebuild, no graph rebuild. Use it for runtime UI: a \"freeze layout\" toggle while a user does bulk edits, switching mode from CENTEROFMASS to DOWNSTREAMCONNECTIONS when entering a different editing mode, etc. Click Disable reflow, drag the source's bottom handle: the neighbours stay put. Re-enable and the next drag does shift them again."},{"chunkId":"/examples/reflow-on-resize#23","slug":"reflow-on-resize","route":"/examples/reflow-on-resize","section":"examples","title":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow","description":"Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo.","group":"Reflow","vector":[-0.06156,0.00843,-0.02753,0.03529,0.07982,0.06958,-0.00722,0.03129,-0.02812,0.07766,0.00831,0.05692,-0.05778,-0.00338,0.04916,0.00642,-0.05684,0.0428,-0.0608,-0.05146,0.03943,-0.07783,0.00456,-0.0371,-0.00539,0.00712,-0.01596,0.02908,0.07659,-0.08315,0.02706,0.09757,-0.06826,0.00005,-0.07809,0.08281,-0.04398,0.04787,-0.0255,-0.04622,0.0538,0.08615,0.02709,-0.09947,0.0428,-0.02064,-0.12039,0.04502,-0.05005,-0.03245,-0.0665,-0.11376,-0.04191,0.08183,0.08609,-0.00781,0.03276,-0.03341,0.10008,0.00126,-0.03016,-0.01143,0.02873,-0.00966,-0.01161,0.07614,-0.0714,-0.00193,0.0078,0.06543,0.02415,-0.0366,-0.00586,-0.03563,0.08686,-0.05574,-0.10575,0.06639,-0.01099,-0.00519,-0.01562,-0.0083,-0.02485,0.02792,-0.03185,0.03101,-0.0365,-0.06925,0.05846,-0.04435,0.00075,0.01733,-0.04893,0.01107,-0.02281,-0.01796,-0.09985,-0.05924,-0.03319,0.04247,0.03661,-0.04998,0.01453,0.07121,0.01658,-0.02158,-0.03397,0.10267,-0.02387,0.05223,-0.01389,0.0236,0.02119,-0.04585,-0.08594,-0.0676,-0.00196,-0.07343,0.01549,0.05944,0.07275,0.06419,-0.0408,-0.06463,0.1198,0.0262,-0.00597,0,-0.01992,-0.035,-0.08019,0.05571,0.08149,-0.04678,-0.02486,-0.06765,-0.01756,0.04457,0.02796,0.06288,-0.06774,-0.03627,-0.02642,-0.15136,0.0279,0.084,-0.0616,0.00204,-0.01565,0.03009,-0.06029,-0.01559,0.04252,-0.01097,-0.02665,0.05698,-0.08498,-0.00391,0.05132,0.03308,-0.00161,-0.00231,-0.04538,0.04165,-0.03916,-0.0113,-0.0929,-0.04138,0.09199,-0.00777,-0.04167,0.03873,0.0408,-0.06144,0.00034,0.0211,0.05742,-0.01574,0.0607,0.09603,0.00851,-0.03855,0.03047,-0.00522,-0.02513,0.05874,0.04125,0.06631,-0.00556,-0.06106,-0.0666,0.04996,0.06795,0.02604,-0.0285,-0.0739,0.04068,-0.01235,-0.02393,0.07834,0.05148,0.0201,-0.02382,-0.02303,-0.06973,0.0264,-0.06054,-0.01475,-0.03046,-0.03454,-0.00097,0.08383,0.07232,-0.16198,0.01971,-0.01577,-0.05011,-0.1276,0.07972,0.01235,0.03245,-0.02975,0.08538,0,0.01976,0.0501,0.03669,0.08032,-0.00087,-0.00554,-0.00726,0.12489,0.01094,-0.01226,-0.02157,-0.02381,0.01222,-0.04276,-0.05401,-0.00653,-0.06262,-0.07369,0.04995,0.05545,0.02942,0.05029,-0.0046,0.01182,0.04384,0.05302,-0.0224,0.11671,0.01075,-0.04023,-0.02357,-0.06151,-0.07484,-0.00145,0.02129,-0.05213,-0.05856,0.08042,0.01423,0.05537,0.07443,0.03375,-0.06125,-0.00289,-0.03775,-0.01144,0.05656,0.00445,-0.04076,-0.06545,-0.06913,-0.00592,-0.00726,-0.0246,0.02155,0.04995,0.06297,0.01382,-0.04737,0.01404,0.08557,-0.07088,0.00941,-0.04972,0.04508,0.08145,-0.04645,-0.08943,0.03201,0.03459,0.05871,0.07328,0.0038,-0.02338,0.05929,-0.02297,0.05519,-0.04624,0.04242,-0.00331,-0.08063,0.00162,-0.03928,0.08787,0.00145,0.0661,-0.18309,0.03058,0.07405,0.04867,-0.07691,-0.0556,0.02481,-0.0141,-0.00259,0,-0.1011,0.04867,-0.02734,0.02684,0.04614,-0.0332,0.05867,-0.04625,-0.08516,0.00517,-0.0232,0.07049,0.05578,0.00174,0.03507,-0.01903,0.02009,0.03721,-0.06378,0.00948,-0.06924,0.00751,0.06155,0.06432,0.0011,-0.04701,-0.05935,0.04646,0.01201,0.00014,-0.03318,-0.00865,0.06047,0.05254,-0.06258,-0.02484,-0.05592,0.00703,-0.00718,-0.0036,0.04396,-0.03586,0.00786,0.00643,-0.03214,0.00964,0.03002,-0.02127,-0.01124,-0.00593,-0.01542,-0.02042,-0.05251,-0.00528,0.05423,0.02371,0.01814,0.05436,0.01749,0.00885,-0.01393,0.0707,-0.01446,-0.02973],"keywords":"Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Angular Diagram Example – Smart Auto-Layout on Resize with Foblex Flow Auto-shift neighbouring nodes when a node resizes or its content expands. Mode, scope, collision, axis, and delta-source — every option with a focused demo. ::: ng-component <reflow-pattern-live</reflow-pattern-live [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.scss :::","excerpt":"::: ng-component <reflow-pattern-live</reflow-pattern-live [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/plugins/reflow-on-resize/pattern-live-controller/example.scss :::"},{"chunkId":"/examples/copy-paste#0","slug":"copy-paste","route":"/examples/copy-paste","section":"examples","title":"Cut/Copy/Paste","description":"Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example.","group":"Editor State","vector":[-0.02942,-0.01748,-0.09445,0.03613,0.03848,0.04881,-0.08637,0.02025,0.00384,0.09278,0.01696,0.04351,-0.05368,0.04607,0.05365,0.04247,-0.02481,-0.01603,0.01638,-0.07835,-0.00502,-0.02478,-0.00689,-0.03107,0.10192,0.01734,0.01504,-0.01116,0.08092,-0.01755,-0.00682,-0.0412,-0.01013,0.03707,-0.15464,0.10111,0.02435,0.02429,0.00052,-0.05674,0.10831,0.05826,-0.00436,-0.06964,-0.00799,-0.03422,-0.16686,0.04915,0.01137,0.05444,-0.11137,-0.10357,-0.08776,-0.00055,0.02291,-0.06904,-0.00143,-0.05249,0.00073,0.01394,0.00829,0.01757,0.02403,0.04698,0.07546,0.03366,-0.0837,0.10208,-0.04228,-0.01887,-0.05355,-0.07145,-0.05361,-0.00084,0.00571,-0.02239,-0.05461,0.06901,-0.06779,-0.0141,0.07253,0.10786,0.01778,0.10258,-0.06459,0.12146,0.00898,-0.01442,-0.03912,-0.11772,-0.01069,-0.01274,0.06513,0.05565,0.01829,-0.01368,-0.01562,-0.00424,-0.07228,0.03889,0.04246,-0.0595,0.03868,-0.02584,-0.07974,0.00899,-0.02827,-0.01176,-0.00386,0.00551,0.05923,0.06816,-0.14017,-0.08372,-0.05818,-0.08108,-0.04033,-0.03508,0.00838,0.06977,-0.04186,0.06051,-0.04308,0.05601,0.05304,-0.04135,0.01092,0,0.06067,0.06036,-0.01544,0.04043,0.05869,-0.00833,-0.04553,-0.08502,0.02801,0.0313,0.05041,-0.02944,-0.0275,0.04047,0.0156,-0.0433,0.00367,0.05292,0.00057,0.03827,-0.04429,-0.02567,-0.02048,0.09451,0.10469,0.02683,-0.02476,0.01442,-0.03394,-0.01032,0.10688,-0.00067,0.01382,-0.01097,-0.00845,0.00293,-0.03411,-0.05104,0.02405,-0.02363,0.05375,-0.10648,-0.12115,0.07291,-0.02164,-0.04719,-0.03168,0.02641,0.03513,-0.00268,-0.01007,0.07289,-0.0307,-0.07931,0.03649,-0.04295,-0.02422,0.04825,0.08222,0.06335,0.00952,0.00376,-0.0122,0.01319,-0.03224,-0.02704,-0.0582,-0.0972,0.1078,-0.04527,-0.09686,0.012,-0.0751,0.06842,-0.04387,-0.04918,-0.099,-0.0041,0.08114,-0.00419,-0.06111,-0.06672,0.02118,-0.03635,0.02938,-0.09719,0.00093,-0.03222,0.02429,-0.02544,0.04694,0.06299,-0.01061,-0.01153,0.10783,0,-0.00738,0.07223,-0.00984,0.07086,-0.0384,-0.08377,0.00851,0.03673,-0.06164,0.08744,0.06948,0.04817,-0.01937,-0.05598,-0.03074,-0.01212,0.04965,-0.02953,0.02167,-0.0709,0.02512,-0.01042,0.07309,-0.01793,0.00552,0.05702,-0.01026,-0.06099,0.04683,-0.01058,-0.02649,-0.0047,0.04665,-0.05356,-0.04001,0.00809,0.06075,0.09622,0.02012,-0.06201,-0.0085,0.00467,-0.03615,-0.02587,-0.07042,-0.08493,-0.03966,0.04242,-0.03021,0.00488,-0.03084,0.0123,0.02042,-0.08311,-0.00339,-0.00775,0.02764,0.01658,0.0305,-0.05602,-0.03473,-0.05476,0.00684,-0.02436,0.0855,-0.02378,0.02012,-0.08657,0.02031,0.035,-0.02145,0.07386,0.05394,-0.00008,0.09955,-0.00035,0.03599,-0.00954,0.01717,-0.05666,-0.01697,0.03379,-0.00622,0.04985,0.0809,0.04134,-0.04615,0.03242,0.02981,0.04955,-0.08727,-0.01672,0.03065,0.01713,0.03768,0,-0.06945,0.05198,-0.03445,-0.01418,-0.01445,-0.01387,0.00737,-0.02393,0.02938,0.03145,-0.02655,0.08508,-0.06196,-0.01775,0.10272,0.03406,0.05862,0.01702,0.00939,0.01814,0.02193,-0.03082,0.05767,0.07956,0.01682,-0.00733,-0.0811,0.10522,0.00506,-0.02464,-0.04303,-0.03563,0.03226,0.04351,-0.01342,-0.07179,-0.0439,0.00443,-0.01021,0.02112,0.08689,0.00073,0.02504,0.01265,0.01256,0.03174,0.02151,-0.01958,-0.02937,-0.00162,-0.04862,-0.04341,-0.03287,-0.03599,-0.06543,-0.0189,0.06202,0.00565,0.01395,-0.01317,-0.06551,0.07826,-0.0019,-0.04868],"keywords":"Cut/Copy/Paste Cut/Copy/Paste Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example. --- toc: false wideContent: true --- Cut, Copy, and Paste Example wide Content","excerpt":"--- toc: false wideContent: true --- Cut, Copy, and Paste Example"},{"chunkId":"/examples/copy-paste#1","slug":"copy-paste","route":"/examples/copy-paste","section":"examples","title":"Cut/Copy/Paste","description":"Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example.","group":"Editor State","vector":[-0.06546,-0.00115,-0.06412,0.02388,0.03656,0.01792,-0.09327,0.01383,0.01883,0.0885,0.01798,0.06289,-0.02553,0.05113,0.06538,0.06433,-0.01436,0.00051,0.03222,-0.06939,-0.00888,-0.03627,-0.01292,-0.02744,0.11399,0.01018,-0.00427,0.01282,0.11312,-0.00946,0.01126,-0.0446,0.00556,0.05496,-0.16774,0.1008,0.0228,0.03056,-0.00949,-0.03914,0.07248,0.05649,-0.02095,-0.0457,-0.02675,-0.03256,-0.16046,0.04115,-0.00235,0.04991,-0.11749,-0.10463,-0.10061,-0.01671,0.0396,-0.03706,0.00532,-0.05649,0.02872,0.0288,0.04459,0.0178,0.03009,0.04848,0.06139,0.04159,-0.0362,0.08663,-0.02744,0.00681,-0.01307,-0.05268,-0.08428,0.00981,-0.03458,0.00494,-0.06262,0.05859,-0.08422,-0.04342,0.02962,0.06391,0.01974,0.10871,-0.05788,0.08629,0.00425,-0.03636,-0.02637,-0.07441,-0.05178,0.00546,0.07188,0.01825,0.03265,0.03322,0.00476,0.00256,-0.0524,0.05288,0.01391,-0.04456,0.02494,-0.02857,-0.07535,0.00349,-0.06072,-0.01013,-0.04767,0.03019,0.03846,0.10147,-0.12137,-0.03801,-0.04119,-0.06883,-0.01567,-0.05803,0.03163,0.1039,-0.00633,0.08805,-0.03002,0.03212,0.03487,-0.02045,-0.02999,0,0.08321,0.06121,-0.02842,0.00799,0.05916,-0.00587,-0.115,-0.07531,-0.00321,0.01595,-0.00093,0.00339,0.01745,0.06907,-0.00429,-0.04581,0.04166,0.07334,0.00765,0.00007,-0.04351,-0.05648,-0.01887,0.11099,0.09573,0.08886,-0.01591,0.01342,0.01823,-0.02506,0.08412,0.0056,-0.00214,0.0088,0.00724,-0.00073,0.00386,-0.06946,0.02217,-0.06777,0.05689,-0.06351,-0.12375,0.03553,-0.02757,-0.0396,-0.02773,0.01335,0.04455,-0.00258,-0.01044,0.06321,0.00449,-0.01894,0.02343,-0.07095,-0.00535,0.01644,0.05322,0.06151,0.0195,0.02069,-0.00671,0.02864,-0.00735,0.00314,-0.05988,-0.07156,0.08922,-0.05612,-0.1012,0.01392,-0.08159,0.04579,-0.03974,-0.06894,-0.12083,-0.01642,0.02787,0.03055,-0.08899,-0.11427,0.00001,-0.01905,0.0315,-0.10545,0.0251,-0.03188,0.05233,-0.01456,0.06041,0.02112,-0.01672,0.01959,0.11785,0,-0.0309,0.07316,0.0356,0.0597,-0.00186,-0.06741,-0.00655,-0.00226,-0.06364,0.05743,0.02618,0.00847,-0.02178,-0.04432,-0.03011,-0.00518,0.01206,-0.02053,0.03207,-0.06133,0.01198,0.00854,0.02827,-0.01501,0.04456,0.0572,-0.00982,-0.0783,0.02807,-0.02211,-0.05664,-0.00449,0.02115,-0.0783,0.00741,0.05074,0.04924,0.08377,0.01362,-0.04856,-0.00154,0.00958,-0.05099,0.00365,-0.04612,-0.0097,-0.05782,0.07976,-0.09053,0.01497,-0.05461,0.04798,0.02883,-0.11828,0.0084,-0.02594,0.06317,0.04237,0.03377,-0.07208,-0.03718,-0.06578,-0.02267,-0.00743,0.06544,-0.04533,0.02257,-0.11045,-0.0105,0.04014,0.01204,0.06525,0.02669,-0.02226,0.13004,-0.02,0.03063,0.01034,-0.00367,-0.04109,-0.00173,0.05698,0.01475,0.03219,0.02284,0.04739,-0.06822,0.06304,0.01125,0.04527,-0.11725,-0.01144,-0.02047,0.06831,-0.00107,0,-0.08078,0.08745,-0.03405,-0.02357,0.02065,0.02307,0.00303,0.0329,0.03047,0.06394,0.01062,0.0724,-0.04684,-0.00769,0.05671,-0.00076,0.04785,0.00811,0.00463,0.02793,0.01861,-0.02947,0.03315,0.08908,0.03355,-0.06256,-0.0476,0.07953,-0.02692,-0.00587,-0.07141,0.01424,0.08161,0.04502,-0.00879,-0.03287,-0.03638,0.02738,0.00797,0.02116,0.06628,-0.00264,-0.00654,0.00638,-0.00969,0.05603,0.02128,-0.0241,-0.00572,-0.02611,-0.06043,-0.08099,-0.0333,-0.05906,-0.06246,0.00668,0.02386,-0.00005,0.05117,-0.01673,-0.04199,0.07263,0.0009,-0.09042],"keywords":"Cut/Copy/Paste Cut/Copy/Paste Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example. Description Add familiar cut, copy, and paste interactions to a node editor while keeping IDs, offsets, and connections consistent. This pattern matters once users need to duplicate or reorganize larger graph fragments quickly. I Ds","excerpt":"Description Add familiar cut, copy, and paste interactions to a node editor while keeping IDs, offsets, and connections consistent. This pattern matters once users need to duplicate or reorganize larger graph fragments quickly."},{"chunkId":"/examples/copy-paste#2","slug":"copy-paste","route":"/examples/copy-paste","section":"examples","title":"Cut/Copy/Paste","description":"Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example.","group":"Editor State","vector":[-0.03969,-0.00416,-0.08794,0.03082,0.04289,0.11151,-0.0729,0.05283,0.02469,0.04286,-0.03768,0.03817,-0.02279,0.05263,0.03369,0.01806,-0.06263,0.04218,-0.01474,-0.07587,0.00423,-0.04113,0.02803,0.00096,0.04997,0.03554,-0.00819,-0.01503,0.07429,0.01516,0.02551,-0.04558,0.04595,0.05579,-0.12994,0.09496,0.00208,0.06196,-0.00095,-0.05818,0.08394,0.01748,0.00639,-0.10767,0.01222,-0.02574,-0.12828,0.05267,-0.02868,0.04871,-0.09233,-0.10579,-0.07261,0.03676,0.03484,-0.06055,0.03019,-0.11204,0.03448,-0.00339,-0.0318,-0.02272,0.02165,0.02795,0.07782,0.05206,-0.12335,0.09671,-0.07072,0.05095,0.00372,-0.04468,-0.04488,-0.01886,0.02528,-0.03826,-0.08184,0.09709,-0.04902,-0.01365,0.08372,0.04829,0.02518,0.0853,-0.06961,0.09785,0.00086,-0.04882,-0.03105,-0.0945,0.00299,0.05352,0.01693,0.03418,0.06325,0.00751,-0.08509,-0.01188,-0.07567,0.04078,0.01225,-0.05369,0.05653,0.00531,-0.02948,0.0274,-0.01768,0.02802,-0.04765,-0.0013,0.02565,0.05815,-0.04993,-0.05578,-0.04425,-0.08565,-0.0361,-0.06217,0.01224,0.10803,0.02107,0.05995,-0.09038,0.0008,0.06448,-0.02406,0.01956,0,0.0463,0.0675,-0.01826,0.03703,0.03994,-0.03004,-0.03101,-0.13048,0.0142,0.06998,-0.02198,-0.02568,-0.03768,0.0266,-0.05616,-0.06842,0.03654,0.04502,-0.01413,0.02111,0.03588,-0.03953,-0.028,0.05743,0.13193,0.00241,-0.05719,0.02945,-0.03033,-0.01722,0.0814,0.00135,0.02145,-0.06062,-0.02897,-0.02244,-0.00209,-0.03439,-0.01197,-0.03136,0.08856,-0.06842,-0.09656,0.0915,-0.04321,-0.0404,-0.05836,0.01642,0.09137,0.0486,0.01656,0.06268,-0.03246,-0.07554,0.07274,-0.06045,-0.04349,0.04381,0.0337,0.07889,0.01648,0.03734,-0.01518,-0.003,0.03429,-0.02541,-0.0363,-0.03814,0.09151,-0.07166,-0.099,0.05128,-0.06722,0.01551,-0.01375,-0.05099,-0.04361,-0.0126,0.05864,0.02825,-0.0572,-0.10367,-0.02419,0.01003,0.0526,-0.10492,-0.01057,-0.04215,-0.00105,-0.06342,0.08177,0.02789,-0.02451,-0.02365,0.08411,0,0.04714,0.06149,0.03285,0.11759,-0.05456,-0.05278,0.02872,0.05464,-0.03715,0.10418,-0.00053,0.05069,-0.00025,-0.0759,0.01755,0.00878,-0.00452,-0.04453,0.07234,-0.05552,0.03431,0.04166,0.02683,0.01258,-0.03274,0.08144,0.01387,-0.00015,0.04231,-0.02183,-0.0167,-0.01656,-0.00115,-0.01347,-0.03668,-0.0131,0.05053,0.11195,0.02645,-0.06515,0.06693,0.0488,-0.0473,-0.03826,-0.05431,-0.03805,-0.00377,0.00456,-0.00878,-0.04049,-0.06998,-0.01199,-0.03647,-0.03534,-0.00481,-0.03267,0.07621,0,-0.01121,-0.0258,-0.01616,-0.04477,-0.02513,-0.05694,0.0932,-0.00089,-0.01087,-0.06567,0.01995,0.04522,-0.00542,0.06965,0.07718,0.01361,0.09496,0.0268,0.01867,0.04431,0.03267,-0.00192,-0.02092,0.07281,-0.01475,0.08656,0.04245,0.03422,-0.07909,-0.01096,0.05962,0.00402,-0.08809,-0.03131,0.02361,0.01512,0.03693,0,-0.06891,0.01153,-0.03562,-0.00181,-0.02815,-0.02288,-0.02311,-0.04859,0.01027,-0.00003,-0.04056,0.0797,0.01176,-0.04772,0.06581,-0.00315,0.01534,0.01926,-0.00573,-0.00278,0.03403,-0.0095,0.05235,0.09613,-0.00221,-0.05776,-0.06729,0.05346,-0.00503,-0.05095,-0.02631,-0.02479,0.0635,0.0194,0.02315,-0.09338,-0.08749,-0.02231,-0.01254,0.01328,0.08389,-0.05023,0.02411,-0.03845,-0.00612,0.05412,0.00124,-0.02163,-0.03209,-0.01592,-0.04277,-0.00208,-0.04252,0.03695,-0.02411,-0.04251,0.05693,0.055,0.03075,-0.02048,-0.02959,0.07789,-0.0008,-0.08659],"keywords":"Cut/Copy/Paste Cut/Copy/Paste Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example. Example ::: ng-component <copy-paste</copy-paste [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.scss :::","excerpt":"Example ::: ng-component <copy-paste</copy-paste [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/copy-paste/example.scss :::"},{"chunkId":"/examples/copy-paste#3","slug":"copy-paste","route":"/examples/copy-paste","section":"examples","title":"Cut/Copy/Paste","description":"Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example.","group":"Editor State","vector":[-0.07341,-0.00771,-0.0618,0.02765,0.04943,0.01246,-0.03448,-0.04959,-0.00095,0.04388,0.02238,0.04479,0.00125,0.03129,0.01156,0.04426,-0.01094,0.01896,0.01911,-0.07361,-0.03864,-0.02148,-0.02611,-0.03999,0.11958,0.03797,0.02307,-0.02704,0.1268,-0.03274,0.0156,-0.04195,-0.03208,0.02593,-0.12457,0.09348,0.01656,0.01267,0.01033,-0.01915,0.09745,0.03446,-0.03893,-0.06497,-0.02958,0.00034,-0.15543,0.05275,-0.02618,0.05867,-0.12029,-0.07728,-0.08603,0.03293,0.01864,-0.02528,0.02076,-0.05089,0.01923,0.03649,0.0789,-0.01242,0.02113,0.03444,0.06555,0.05682,-0.05576,0.06774,-0.03651,0.02162,-0.01846,-0.02791,-0.09236,0.00625,-0.02082,0.02973,-0.03438,0.01701,-0.06563,-0.03128,0.0465,0.07291,0.02597,0.0999,-0.06494,0.09636,-0.03794,-0.02324,-0.01326,-0.05988,-0.02606,0.03848,0.08108,0.04304,0.08343,0.01673,-0.0357,0.02685,-0.00677,0.06027,-0.00764,-0.03618,-0.00982,-0.00478,-0.07147,0.00908,-0.04388,-0.00242,-0.03497,0.04199,0.04859,0.10328,-0.05902,-0.03314,-0.03334,-0.04511,0.02439,-0.00733,-0.02464,0.10396,-0.04313,0.04781,0.01569,0.03481,0.02641,-0.02003,-0.00331,0,0.06789,0.04323,-0.04064,-0.02352,0.00985,-0.00079,-0.08536,-0.09085,0.00966,-0.00832,-0.02862,-0.02407,-0.00792,0.03306,0.02289,-0.04354,0.04763,0.09215,0.02107,0.01845,-0.02345,-0.06135,-0.02386,0.0712,0.10882,0.05949,-0.04421,-0.00259,-0.00104,-0.014,0.07099,0.01472,-0.00397,0.01524,-0.00972,0.02853,-0.02383,-0.05081,-0.01401,-0.04929,0.07975,-0.05225,-0.10272,0.1004,-0.01649,-0.08516,-0.04011,0.0477,0.02618,-0.00701,-0.00374,0.05731,-0.04813,-0.09954,-0.03802,-0.06535,-0.04096,0.04771,0.04502,0.08441,0.02338,0.02229,-0.04616,0.04302,0.0323,0.04055,-0.08056,-0.09948,0.06,-0.07197,-0.10442,0.01378,-0.09431,0.04936,-0.05548,-0.09723,-0.11711,0.02611,0.03761,0.01091,-0.07213,-0.06437,-0.04469,-0.04343,0.06478,-0.08455,0.01306,-0.06543,0.01926,0.00993,0.07898,0.04619,-0.01962,0.00684,0.12427,0,-0.02265,0.05814,0.04972,0.09916,-0.02352,-0.0933,-0.03281,0.04797,-0.09225,0.04801,0.03237,0.01556,-0.00471,-0.03768,-0.02708,-0.01646,0.01733,-0.02714,-0.00705,-0.05443,0.07489,0.01635,0.03986,0.0127,-0.00731,0.05343,-0.01033,-0.08384,0.03872,-0.00793,-0.02627,0.03858,-0.02283,-0.04401,-0.00378,0.05448,0.02292,0.09393,0.02626,-0.03521,-0.02517,0.03591,-0.09131,0.01145,-0.04477,-0.04904,-0.04134,0.06842,-0.09306,-0.01018,-0.03511,0.05676,0.00808,-0.08381,0.02887,0.0334,0.03695,0.04716,0.06467,-0.07021,-0.01692,-0.05164,-0.01389,-0.00283,0.0994,-0.0189,0.07172,-0.04681,-0.00615,0.03821,0.03007,0.07913,0.05475,-0.04318,0.13515,-0.04868,-0.01152,0.03826,0.00986,-0.02114,-0.00971,0.06803,0.01238,0.02466,0.04873,0.04071,-0.04524,0.03888,0.00954,0.05458,-0.09846,-0.03711,-0.00229,-0.01684,0.01582,0,-0.08179,0.05801,-0.06337,-0.01694,0.04196,-0.00502,-0.03257,-0.00209,0.03609,0.03281,-0.03103,0.07253,-0.04266,-0.0314,0.04928,-0.00595,0.07791,-0.00252,-0.00566,0.03652,0.02747,-0.04441,0.07015,0.13391,0.02721,-0.08551,-0.0092,0.04888,-0.00045,0.02135,-0.06524,-0.02288,0.06986,0.05367,0.00333,-0.01742,-0.02832,-0.01168,-0.02077,0.04145,0.04717,-0.02521,0.01585,-0.00041,-0.02205,0.02571,-0.00173,-0.01986,-0.00867,-0.00622,-0.04058,-0.09986,-0.04406,-0.05231,-0.05486,-0.04432,0.03905,0.01005,0.05851,0.00124,-0.03404,0.07802,0.02606,-0.11818],"keywords":"Cut/Copy/Paste Cut/Copy/Paste Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example. What this example shows - Copy selected nodes and the connections that stay valid inside the copied fragment. - Cut nodes by copying them and then removing them from the diagram. - Paste clipboard content with regenerated IDs and a slight position offset. - Rebuild connections only when both source and target nodes exist in the pasted selection. Clipboard content is stored in local state, and new IDs are generated during paste so the graph remains valid. I Ds","excerpt":"What this example shows - Copy selected nodes and the connections that stay valid inside the copied fragment. - Cut nodes by copying them and then removing them from the diagram. - Paste clipboard content with regenerated IDs and a slight position offset. - Rebuild connections only when both source and target nodes exist in the pasted selection. Clipboard content is stored in local state, and new IDs are generated during paste so the graph remains valid."},{"chunkId":"/examples/copy-paste#4","slug":"copy-paste","route":"/examples/copy-paste","section":"examples","title":"Cut/Copy/Paste","description":"Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example.","group":"Editor State","vector":[-0.05029,-0.00245,-0.0589,0.01951,0.01677,0.01994,-0.10421,-0.00589,0.04651,0.0741,0.01171,0.0667,-0.0312,0.04276,0.09936,0.03231,-0.02249,-0.00177,0.00003,-0.11832,-0.02754,-0.06443,-0.04816,-0.01127,0.11111,-0.00149,-0.04175,0.00818,0.08548,-0.04155,-0.03058,-0.00795,0.01092,0.06122,-0.1554,0.14918,0.03905,0.03806,-0.00304,-0.04071,0.02583,0.01311,-0.03279,-0.03969,-0.0303,-0.03908,-0.13852,0.01257,-0.00903,0.071,-0.12018,-0.11896,-0.09585,0.0215,0.06392,0.00245,0.02818,-0.04189,0.03203,-0.01319,0.03029,0.00875,0.01192,0.06512,0.04421,0.01929,-0.03482,0.07878,-0.02049,0.00728,0.00706,-0.06415,-0.09273,-0.01786,-0.04091,0.00458,-0.04758,0.03721,-0.06011,-0.03801,0.05887,0.06063,-0.01952,0.138,-0.04323,0.0934,-0.00546,-0.04543,-0.00486,-0.06992,-0.05879,0.00797,0.10265,-0.00577,0.02359,0.03018,-0.00135,0.00658,-0.04806,0.08284,0.01741,-0.05891,0.05639,-0.01451,-0.08463,-0.00044,-0.01815,-0.0166,-0.04595,0.03754,0.02076,0.08405,-0.11016,-0.04417,-0.05491,-0.05427,-0.03308,-0.03596,-0.00694,0.13482,0.01421,0.09151,-0.01932,0.0309,0.05517,-0.01201,-0.02908,0,0.07927,0.06215,-0.02079,0.02676,0.09618,-0.00341,-0.05901,-0.06652,-0.01999,-0.02848,0.0096,0.03073,0.00731,0.07215,0.00098,-0.07529,0.02664,0.08117,-0.00932,0.00063,-0.01922,-0.05722,-0.0281,0.1224,0.08824,0.07868,-0.0083,0.01258,0.03131,-0.00332,0.06038,0.00526,-0.01287,0.03002,-0.03224,0.01531,0.00982,-0.07836,0.05976,-0.04371,0.03284,-0.06231,-0.11898,0.00079,-0.00938,-0.05358,-0.05555,0.02698,0.05254,-0.0061,0.0299,0.05575,0.01385,-0.01362,0.0183,-0.06715,0.00609,0.00873,0.06427,0.07783,0.00296,0.05898,-0.03434,0.08123,0.00758,0.02775,-0.03512,-0.04007,0.12855,-0.09701,-0.11312,0.01355,-0.05624,0.07213,-0.02612,-0.06786,-0.12216,-0.03594,0.00645,0.01205,-0.1194,-0.08731,-0.02074,-0.01758,0.05746,-0.10316,0.01352,-0.02348,0.01156,0.00884,0.03146,0.01487,-0.00165,0.06217,0.10522,0,-0.03441,0.04596,0.02451,0.08476,-0.00307,-0.05108,-0.01967,-0.04694,-0.04744,0.05913,0.01158,0.01145,-0.02789,-0.06112,-0.03192,-0.02849,0.02181,-0.04294,-0.00666,-0.05563,0.02169,-0.02102,0.03151,0.01524,0.01986,0.04959,-0.01906,-0.09814,0.02892,-0.01144,-0.06285,-0.03428,-0.0197,-0.06517,0.05139,0.04894,-0.0038,0.08267,0.01311,-0.03508,0.02765,-0.00926,-0.04726,0.02681,-0.03992,0.02545,-0.04487,0.04334,-0.071,-0.01695,-0.02839,0.03788,0.00385,-0.10908,0.00449,0.01532,0.07393,0.02708,0.02459,-0.06475,-0.03815,-0.05335,-0.01028,0.0189,0.03362,-0.03284,0.00687,-0.05761,-0.02805,0.05407,0.00579,0.07708,0.01493,-0.0223,0.08572,-0.0253,0.01708,0.00012,-0.01063,-0.01395,-0.0312,0.04654,0.01008,0.00296,0.00204,0.06001,-0.04342,0.05862,0.00742,0.02422,-0.11145,-0.01385,0.00349,0.06636,-0.00952,0,-0.05626,0.10099,-0.0234,-0.01928,0.00622,-0.01237,0.00128,0.07246,0.06694,0.0748,0.02453,0.04574,-0.04613,0.00674,0.06431,0.00801,0.0524,0.03578,-0.00697,-0.02815,0.04003,-0.03995,0.01361,0.07497,0.02977,-0.07742,-0.04159,0.0817,-0.02793,0.00569,-0.04419,0.01969,0.06165,0.07028,0.00165,-0.0604,-0.00579,0.04002,0.03293,0.023,0.04258,0.00037,-0.00869,-0.00795,-0.04926,0.02525,0.00928,-0.02792,-0.01023,-0.05544,-0.06915,-0.04695,-0.02641,-0.03428,-0.05225,0.03755,0.04781,-0.02937,0.05625,-0.03381,-0.04137,0.0751,-0.00082,-0.07877],"keywords":"Cut/Copy/Paste Cut/Copy/Paste Implement cut/copy/paste for diagram nodes and connections. Clipboard format, serialization, and a ready-to-use Angular example. When to use it - Users expect desktop-like editing shortcuts. - The editor needs fast duplication of nodes and their connections. - Teams frequently reorganize parts of a workflow by reusing existing graph fragments.","excerpt":"When to use it - Users expect desktop-like editing shortcuts. - The editor needs fast duplication of nodes and their connections. - Teams frequently reorganize parts of a workflow by reusing existing graph fragments."},{"chunkId":"/examples/state#0","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.0777,0.02599,0.00745,0.0444,0.00862,0.00734,-0.00986,-0.0553,0.01286,0.07052,-0.02764,0.0212,-0.03849,0.04428,0.07102,0.02277,-0.01668,-0.03685,0.00849,-0.0325,0.02083,-0.02701,-0.06541,0.03405,0.07085,0.09168,-0.04419,-0.03099,0.06382,-0.02872,-0.02468,0.0646,-0.06387,0.02347,-0.15232,0.03963,-0.01819,0.01985,-0.04834,-0.02211,0.09412,-0.01493,0.00441,-0.05154,-0.0361,0.03415,-0.03923,0.00733,-0.08572,0.05447,-0.03864,-0.0367,-0.04715,0.04093,0.04354,-0.02588,0.09015,-0.03209,-0.05143,-0.00528,0.01239,-0.05073,-0.03451,0.07775,0.00634,0.06273,-0.00458,0.0006,0.03576,-0.04248,0.03932,-0.06616,0.04048,-0.12221,0.03491,-0.08757,-0.04548,0.00713,-0.05696,0.00395,0.04229,-0.00314,-0.00985,0.05129,-0.0145,0.04248,-0.04237,-0.07606,0.08456,-0.02663,-0.07662,0.0242,0.03287,-0.00715,0.07586,-0.03371,-0.01961,-0.01675,-0.08354,0.0218,0.01513,0.0058,0.04273,0.03475,-0.00418,-0.00682,-0.0412,-0.00087,-0.00627,0.03411,-0.00661,0.04433,0.06422,-0.03579,-0.02158,-0.06059,-0.07293,-0.06296,-0.03508,0.09017,-0.03034,-0.00057,0.02592,-0.09513,0.0061,0.02596,0.05134,0,-0.01234,-0.0176,-0.05708,0.01652,0.05729,0.04462,-0.04252,-0.06525,0.03142,-0.00888,0.05797,0.12084,-0.01762,0.1047,0.00399,-0.09192,-0.02037,0.03641,0.05852,0.0272,0.03153,-0.01412,-0.07211,-0.03704,0.06731,0.05738,0.00801,0.06546,-0.0328,0.00298,0.05129,0.00743,-0.02446,0.02393,-0.03466,-0.00903,-0.06657,-0.05137,-0.02008,-0.06291,0.02054,-0.01658,-0.1552,0.01266,-0.08526,-0.07356,-0.02774,-0.04961,0.05286,0.00283,0.03163,0.04515,-0.02782,-0.03005,0.03837,-0.07336,-0.01181,0.07922,-0.00907,0.0963,-0.00995,0.01559,-0.03612,-0.07961,0.03346,0.03171,-0.02289,0.02805,0.0832,-0.0886,-0.07195,0.03939,-0.01491,0.05503,0.05007,-0.05911,0.02984,0.05033,-0.04123,-0.0295,-0.06525,-0.1053,0.02475,0.11525,0.07552,-0.07846,0.00467,-0.12285,-0.10722,0.04667,0.01636,0.02008,0.08913,0.08149,0.04994,0,-0.02636,0.00219,-0.03813,0.09569,0.01328,-0.05888,0.00895,0.07891,0.01796,-0.01194,-0.00807,0.01931,0.01384,0.04026,0.07047,0.02733,-0.00132,-0.13435,-0.02868,-0.00776,0.00425,0.0272,-0.03826,-0.0101,-0.05445,0.09638,-0.0409,-0.08994,0.02783,-0.02242,-0.02526,-0.0728,-0.04359,-0.01253,-0.01239,0.01692,0.00983,0.07511,-0.05277,-0.02632,0.01562,0.02774,-0.05743,0.08968,-0.0163,0.03143,-0.06001,0.03835,-0.11152,-0.01571,-0.04812,0.05453,0.0073,-0.04244,-0.04572,-0.02739,0.11841,-0.00454,-0.016,-0.05859,0.00254,-0.02518,-0.04399,-0.06709,0.02136,0.04325,0.00097,-0.05627,0.0168,0.05,0.03992,0.03441,-0.01451,-0.02328,0.13481,-0.00486,0.06345,-0.04486,-0.00962,-0.02605,-0.03297,0.08321,0.03084,-0.01367,0.04912,0.03923,-0.11783,-0.05924,0.02913,0.10566,-0.08284,0.02182,-0.09716,0.00806,0.03147,0,-0.12457,0.01909,0.06956,-0.03933,0.06924,0.0265,0.03853,0.0713,0.02671,-0.00316,0.07988,0.05237,-0.01588,-0.03327,0.04199,0.00746,-0.01822,0.06272,-0.03327,0.0276,-0.00868,-0.00514,-0.04088,0.11259,0.00372,-0.06025,0.07017,0.01918,-0.02199,0.0686,-0.02439,0.04181,0.12001,0.04252,-0.05671,-0.01075,0.01248,-0.00079,0.01384,-0.01749,0.01508,0.02556,-0.04031,0.00267,-0.06895,0.06262,-0.047,-0.03859,-0.00985,-0.0381,-0.07869,-0.00745,-0.04869,0.1108,0.03387,-0.01218,-0.01349,-0.02488,0.06117,-0.00617,-0.00366,-0.0087,0.01322,-0.02277],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Managed Flow State","excerpt":"Managed Flow State"},{"chunkId":"/examples/state#1","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.0712,0.03855,-0.00704,0.03707,-0.01209,0.02768,0.0428,-0.00073,0.05073,0.0502,-0.04796,0.02105,-0.05669,0.03978,0.0157,0.03821,-0.0293,-0.0371,-0.01726,-0.02343,-0.00648,0.01172,-0.01826,0.01699,0.03473,0.14548,-0.0194,-0.08499,0.06243,-0.01804,-0.02278,0.04186,-0.08331,0.06371,-0.15396,0.06351,-0.05379,0.04321,-0.07791,-0.01363,0.10178,-0.03168,0.0295,-0.01655,0.00511,0.03586,-0.06326,0.02979,-0.05749,0.07359,-0.0471,0.01124,0.07031,0.10564,0.00635,0.02341,0.04033,-0.05461,-0.05465,0.02803,0.03929,-0.04684,0.01732,0.00962,-0.00448,0.0386,-0.01632,0.0258,0.02857,-0.03968,0.05241,-0.02591,0.06024,-0.08253,0.02278,-0.07056,-0.03652,0.01372,-0.04996,-0.00744,0.0668,-0.02541,-0.0003,0.03866,-0.03327,0.06507,-0.04164,-0.04721,-0.01084,-0.01895,-0.10322,0.02057,-0.0194,-0.04029,0.02672,0.02808,-0.04427,0.02692,-0.06249,0.00162,0.02632,0.0159,-0.01042,0.08765,-0.03115,-0.04076,-0.05081,-0.02993,-0.02892,0.01433,0.02104,0.08578,0.03654,0.01734,-0.02039,-0.06428,-0.081,-0.02185,-0.03785,0.07178,-0.02948,-0.00594,-0.04708,-0.02364,0.03505,0.03836,0.05375,0,-0.00872,0.00656,-0.05019,-0.01613,0.02727,0.02305,-0.09465,-0.07508,0.03073,0.01659,0.06111,0.09309,-0.02566,-0.00967,-0.03366,-0.11812,-0.05065,0.00492,0.07052,-0.00694,0.03022,-0.00519,-0.09089,-0.00835,0.05024,0.04895,-0.04894,0.07267,-0.00842,-0.01262,0.06764,-0.00234,-0.00071,-0.02421,-0.02844,-0.04903,-0.04839,-0.03852,-0.023,-0.06724,0.04107,0.00355,-0.08409,-0.04188,-0.08097,-0.07609,-0.0251,0.03045,0.07533,-0.02175,0.05734,0.03006,-0.01618,-0.06259,0.03146,-0.04306,-0.02828,0.08501,-0.00413,0.10766,-0.01757,0.02702,-0.03288,-0.09796,-0.0042,0.05989,-0.03286,0.00436,0.0786,-0.06473,-0.05888,0.05626,-0.03041,0.06499,0.06447,-0.00623,-0.01664,0.01902,-0.05868,-0.03278,-0.00955,-0.12926,0.0095,0.17018,0.10592,-0.04246,-0.00492,-0.11874,-0.10392,0.01432,0.0135,0.02464,0.06945,0.00921,0.02693,0,0.04041,0.03858,-0.04778,0.09953,0.04636,-0.0659,0.04738,0.13178,0.00922,-0.01128,-0.01978,0.02721,-0.00504,0.00899,0.0228,0.0303,-0.00127,-0.11091,-0.00317,-0.03178,-0.03315,0.04487,-0.00484,0.02685,-0.10158,0.07353,0.00802,-0.05695,-0.00166,-0.03331,-0.02286,-0.06304,-0.02426,-0.05913,-0.05213,-0.02835,0.00299,0.0606,-0.01098,0.00735,-0.00174,0.05359,-0.08414,0.06436,-0.07646,0.01293,-0.08232,0.04717,-0.07302,0.01156,-0.03266,0.05582,0.01041,-0.02956,-0.01952,0.01282,0.10721,-0.05182,-0.04445,-0.05864,-0.00984,-0.01849,-0.01619,-0.05094,0.06123,0.03529,-0.01718,-0.07897,0.02782,0.09064,0.05734,0.02591,-0.01418,0.00018,0.17666,0.05462,0.02708,-0.05166,0.04467,-0.0055,-0.02355,0.041,0.04343,-0.00041,0.07605,0.06503,-0.10009,-0.0414,0.06494,0.1268,-0.05384,0.03846,-0.06522,-0.01444,0.00667,0,-0.11076,-0.01572,0.03173,-0.0297,0.02729,0.01171,0.04344,0.03984,0.0192,-0.03069,0.01234,0.0606,-0.03973,-0.04389,0.07442,-0.00249,0.0465,-0.00783,-0.05801,0.02901,-0.00862,-0.01785,-0.06731,0.09715,0.05535,-0.05411,0.05771,-0.00904,-0.00849,0.01554,-0.00028,-0.01146,0.10889,0.04053,-0.07431,0.02427,0.01815,-0.02116,0.00716,0.02981,0.01531,0.05971,-0.04259,-0.00549,-0.08897,0.05989,-0.03304,-0.02244,0.03463,-0.02593,-0.05054,-0.03777,-0.07729,0.0868,0.03573,-0.00634,-0.01224,0.01935,0.07208,-0.00751,-0.01569,-0.00765,-0.02691,-0.03281],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Description provideFFlow(withFlowState()) turns on the graph state built into Foblex Flow. The application loads plain data once, renders the nodes, groups and connections signals with @for, and reads the data back whenever it needs to persist — there is not a single gesture handler in the component below. Your records are your own shape: extend the framework interface with any fields — no data wrapper. `ts interface MyNode extends IFStateNode { text: string; // your fields live right on the record } provide F Flow with Flow State My Node IF State Node","excerpt":"Description provideFFlow(withFlowState()) turns on the graph state built into Foblex Flow. The application loads plain data once, renders the nodes, groups and connections signals with @for, and reads the data back whenever it needs to persist — there is not a single gesture handler in the component below. Your records are your own shape: extend the framework interface with any fields — no data wrapper. `ts interface MyNode extends IFStateNode { text: string; // your fields live right on the record }"},{"chunkId":"/examples/state#2","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.08207,0.01279,0.0031,0.06513,0.01819,0.02129,-0.006,-0.0518,0.03121,0.05403,-0.04289,0.0484,-0.04929,0.04307,0.03975,0.04225,-0.00728,-0.02196,-0.00321,-0.03296,0.01477,-0.04704,-0.06749,0.02467,0.04117,0.0777,-0.04261,-0.06217,0.07836,-0.01332,-0.02999,0.06233,-0.08442,0.01555,-0.13546,0.10108,-0.02199,0.01642,-0.05355,-0.00836,0.13062,0.01106,0.02371,-0.06171,-0.01123,0.00269,-0.06024,0.00166,-0.08204,0.03835,-0.03095,0.00218,0.01516,0.03483,0.02119,-0.04006,0.09887,-0.04419,-0.05013,-0.01462,0.00225,-0.05641,-0.00268,0.04396,0.01204,0.07635,0.03358,0.02961,0.02236,-0.03586,0.0593,-0.03393,0.0486,-0.08507,0.04455,-0.06996,-0.04271,0.02558,-0.02652,-0.0053,0.04711,-0.0041,0.01016,0.02172,-0.02961,0.08437,-0.03417,-0.11535,0.06687,0.02339,-0.10932,0.03464,0.00622,0.00276,0.07325,0.00106,-0.02646,-0.00161,-0.08344,0.01035,0.02324,0.01608,0.03478,0.05662,-0.02622,-0.0432,-0.05643,-0.03648,-0.00754,0.04423,0.0326,0.0572,0.07488,0.00247,-0.0246,-0.08731,-0.03725,-0.02631,-0.02288,0.11525,-0.04521,0.00476,0.00379,-0.07635,0.05403,0.04998,0.01609,0,-0.0318,-0.05627,-0.04234,0.02887,0.04072,0.03812,-0.03204,-0.09065,0.01792,-0.04884,0.03465,0.08614,-0.01547,0.084,-0.01026,-0.09879,-0.00054,0.01551,0.08035,0.02962,0.03113,-0.02124,-0.10683,-0.03191,0.05024,0.0344,-0.02754,0.06773,-0.01696,-0.00092,0.07837,0.03474,-0.00652,0.00891,-0.03715,-0.03594,-0.04341,-0.01581,-0.03125,-0.08316,0.02113,0.00475,-0.1055,0.01917,-0.0728,-0.08325,-0.04729,-0.03338,0.05149,-0.01187,-0.00086,0.0321,-0.01645,-0.07283,0.05992,-0.06074,0.00742,0.08145,-0.00929,0.0825,-0.03677,0.04048,-0.05157,-0.04372,0.04979,0.05792,-0.03755,0.02817,0.02943,-0.09494,-0.06998,0.05303,-0.04103,0.05923,0.03208,-0.06047,0.01175,0.06429,-0.04539,-0.01638,-0.02602,-0.1098,0.00238,0.13645,0.07674,-0.04943,-0.0294,-0.10501,-0.04987,0.04493,0.01471,-0.01128,0.07218,0.05464,0.01435,0,0.01191,0.01823,-0.02419,0.08814,0.03034,-0.06442,-0.00053,0.07455,0.01899,0.0048,0.00232,0.05137,-0.00456,0.03895,0.02218,0.00478,0.01029,-0.1135,-0.00108,-0.01146,0.0076,-0.00345,-0.00878,0.03471,-0.02634,0.07388,-0.0413,-0.07463,0.0147,-0.04077,-0.02196,-0.07909,-0.04631,-0.02993,-0.04908,0.00202,-0.04006,0.08518,-0.03255,-0.00498,-0.00108,0.05125,-0.08254,0.08501,-0.0285,0.01266,-0.02102,-0.00169,-0.09301,0.01744,-0.06909,0.04953,0.04002,0.02383,-0.0283,-0.02921,0.14303,-0.01116,0.02251,-0.0826,0.00505,-0.02433,-0.06324,-0.05898,0.00952,0.02603,-0.025,-0.02378,0.07591,0.06203,0.04645,0.01927,-0.00815,-0.02824,0.13411,-0.0075,0.03796,-0.04935,0.01034,-0.02424,-0.04584,0.06745,0.01958,-0.02838,0.09922,0.02927,-0.0726,-0.03409,0.05289,0.12361,-0.06466,0.01003,-0.10346,-0.02628,-0.0052,0,-0.10767,-0.00865,0.04827,-0.04789,0.07808,-0.03644,0.0358,0.06183,0.00263,0.03973,0.06336,0.07312,0.00169,-0.0618,0.06731,0.00836,0.00241,0.04721,-0.05139,0.00566,-0.03423,-0.03136,-0.04967,0.12266,0.00611,-0.05382,0.08956,-0.03658,-0.00409,0.06686,-0.06522,0.01982,0.10298,0.03205,-0.08962,0.03204,-0.00857,0.00685,0.05675,0.0185,-0.009,0.03297,-0.03749,0.00918,-0.06825,0.06455,-0.073,0.00821,0.00548,-0.0234,-0.06595,-0.01984,-0.08397,0.09703,0.02299,-0.03939,-0.01316,-0.03164,0.06717,-0.00674,-0.02488,0.00387,0.03006,-0.04059],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. @Component({ providers: [provideFFlow(withFlowState())], }) export class Editor { protected readonly state = injectFlowState<MyNode(); constructor() { this.state.load({ nodes: [...], groups: [...], connections: [...] }); } } ` provide F Flow with Flow State inject Flow State My Node","excerpt":"@Component({ providers: [provideFFlow(withFlowState())], }) export class Editor { protected readonly state = injectFlowState<MyNode(); constructor() { this.state.load({ nodes: [...], groups: [...], connections: [...] }); } } `"},{"chunkId":"/examples/state#3","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07876,0.01537,-0.00208,0.05341,-0.00217,0.00669,-0.0149,-0.05202,0.02738,0.06301,-0.02615,0.02317,-0.0415,0.0456,0.06233,0.02373,-0.01533,-0.02937,0.00441,-0.03899,0.02409,-0.02937,-0.07352,0.02368,0.08005,0.08117,-0.03966,-0.02889,0.07031,-0.03234,-0.02479,0.05462,-0.06966,0.01613,-0.14555,0.05074,-0.01866,0.01302,-0.04321,-0.01603,0.09051,-0.01875,0.00741,-0.05276,-0.0405,0.03459,-0.05177,0.01747,-0.08185,0.05433,-0.03669,-0.02679,-0.03808,0.04087,0.04767,-0.01708,0.08162,-0.03204,-0.05272,-0.01111,0.01901,-0.03773,-0.03321,0.06813,0.01322,0.07643,0.00509,-0.00559,0.04341,-0.03094,0.03796,-0.05964,0.02973,-0.11098,0.02858,-0.07269,-0.04758,0.01052,-0.07237,-0.01614,0.04365,-0.01681,-0.0097,0.055,0.00133,0.03863,-0.04961,-0.08869,0.08711,-0.01916,-0.08584,0.03076,0.02728,-0.00224,0.07021,-0.02569,-0.01616,-0.00296,-0.08867,0.0332,0.02205,0.00484,0.03875,0.04267,0.00361,-0.01324,-0.04147,-0.00057,-0.02132,0.03409,0.00097,0.04936,0.05714,-0.03446,-0.0214,-0.05678,-0.07063,-0.05655,-0.04713,0.08201,-0.01662,0.00363,0.01078,-0.08703,0.01856,0.01823,0.06328,0,-0.01273,-0.0254,-0.05034,0.0108,0.06024,0.04163,-0.04912,-0.07664,0.03156,-0.01132,0.06232,0.12492,-0.01727,0.10051,0.00372,-0.08422,-0.02129,0.04882,0.05683,0.02076,0.02418,-0.0161,-0.0777,-0.02984,0.0653,0.07335,0.00781,0.06294,-0.04444,0.0039,0.06461,0.0187,-0.02977,0.01865,-0.02863,-0.0117,-0.05821,-0.04923,-0.02735,-0.06474,0.01252,-0.00645,-0.15504,0.00239,-0.09202,-0.08032,-0.02727,-0.0367,0.06126,-0.00297,0.0349,0.0472,-0.01613,-0.0287,0.02245,-0.07402,-0.0077,0.07567,-0.01288,0.09807,0.00404,0.01379,-0.03565,-0.09011,0.03274,0.04994,-0.02561,0.02604,0.07583,-0.07665,-0.0698,0.04066,-0.00483,0.05054,0.04595,-0.05116,0.01374,0.05189,-0.03644,-0.02385,-0.05612,-0.11818,0.01829,0.10016,0.0698,-0.08221,0.00146,-0.12059,-0.10328,0.03264,0.02499,0.02038,0.10399,0.07451,0.04675,0,-0.0177,0.01657,-0.04404,0.10359,0.01211,-0.05637,0.01887,0.08841,0.01256,-0.00479,-0.00308,0.02011,-0.00166,0.0428,0.05915,0.03008,0.00402,-0.13894,-0.03513,-0.0096,0.00339,0.01766,-0.02535,-0.00823,-0.05138,0.094,-0.0346,-0.09998,0.01836,-0.03134,-0.01924,-0.06457,-0.04405,-0.02685,-0.01293,0.01586,0.01177,0.07389,-0.04795,-0.0188,0.01597,0.02825,-0.05322,0.08201,-0.01351,0.03415,-0.05862,0.04557,-0.11195,-0.01418,-0.02783,0.06179,0.02501,-0.03256,-0.04376,-0.01772,0.11818,-0.01516,-0.00494,-0.05467,-0.01319,-0.03221,-0.05016,-0.06927,0.01751,0.04737,-0.01176,-0.06111,0.02371,0.04961,0.04656,0.03618,-0.00662,-0.03025,0.12719,-0.0131,0.06474,-0.05001,-0.02004,-0.02541,-0.02218,0.06799,0.04014,-0.01805,0.0305,0.03985,-0.13033,-0.04456,0.03731,0.10284,-0.0871,0.01717,-0.09029,0.01701,0.0286,0,-0.13715,0.01556,0.06971,-0.04394,0.0657,0.01952,0.04043,0.08611,0.01582,-0.0114,0.07329,0.06514,-0.00693,-0.04764,0.04508,-0.00139,-0.01681,0.05472,-0.03878,0.02467,-0.00574,-0.01201,-0.04277,0.11597,0.00588,-0.06826,0.06643,0.02785,-0.01936,0.05319,-0.02701,0.04186,0.1304,0.04414,-0.05933,0.00323,0.01297,0.00262,0.01547,-0.01023,0.01244,0.02861,-0.04442,0.00731,-0.06719,0.08031,-0.04717,-0.02644,-0.00037,-0.04899,-0.07286,-0.01803,-0.0561,0.10143,0.02126,-0.02325,-0.01942,-0.03842,0.0691,0.0037,0.00467,0.00137,0.00072,-0.02211],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","excerpt":""},{"chunkId":"/examples/state#4","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07683,0.00291,-0.00996,0.07929,0.0265,0.05992,0.02689,-0.07032,0.02778,0.06744,-0.01717,0.03624,-0.04995,0.03635,0.06398,0.01504,-0.0406,-0.01979,-0.01782,-0.03311,0.0198,-0.08543,-0.05163,-0.00319,0.07641,0.08675,-0.00441,-0.05182,0.07014,-0.02511,-0.00843,0.05846,-0.04052,0.02864,-0.15193,0.07274,0.00696,0.00934,-0.06941,-0.01416,0.11507,-0.01507,0.00634,-0.08368,-0.01748,0.00756,-0.05375,0.00701,-0.06382,0.05401,0.023,-0.02405,-0.00975,0.0526,0.03025,0.01544,0.06695,-0.03264,-0.04141,-0.03295,0.06367,-0.06589,-0.01212,0.04013,0.03318,0.07866,-0.00146,0.00979,0.05507,-0.04111,0.04644,-0.07429,0.03976,-0.08349,0.04155,-0.04395,-0.01231,0.02338,-0.07244,0.0135,0.04474,0.00562,-0.03162,0.07038,-0.0249,0.08001,-0.06576,-0.06935,0.04478,-0.04076,-0.11284,0.0407,0.03057,-0.03752,0.06971,-0.04844,-0.0302,-0.02252,-0.07604,0.02499,0.05709,0.01319,0.02412,0.03924,-0.03454,-0.02912,-0.08383,-0.02937,-0.03421,0.03283,-0.0151,0.04267,0.05927,-0.01544,-0.04239,-0.07835,-0.05832,-0.03488,-0.03784,0.10319,-0.0353,0.00828,0.02101,-0.05431,0.01954,0.02205,0.00787,0,-0.00922,-0.03016,-0.06082,-0.01266,0.07731,0.05929,-0.04621,-0.09744,0.01622,-0.00586,0.04699,0.07135,-0.00373,0.09136,-0.00974,-0.1182,-0.02165,0.02157,0.04264,-0.0158,0.01391,0.01321,-0.09235,-0.02643,0.07111,0.06517,-0.02566,0.06554,0.00355,-0.00754,0.05649,0.03691,-0.03082,0.03342,-0.04256,-0.0131,-0.05005,-0.05971,0.01341,-0.05601,0.02554,-0.03417,-0.10124,0.01731,-0.06073,-0.05828,0.00495,-0.03879,0.06251,-0.02269,0.02891,0.0182,-0.00914,-0.06868,0.04037,-0.05224,-0.02756,0.09083,0.00667,0.06209,0.01192,0.02879,-0.06983,-0.06434,0.02507,0.0589,-0.04217,0.02573,0.05881,-0.10098,-0.08841,0.08989,-0.02933,0.05212,0.05214,-0.0501,0.01489,0.04764,-0.02674,0.00059,-0.0759,-0.13501,0.01152,0.10506,0.09668,-0.07722,-0.00149,-0.10161,-0.08124,0.00474,0.03104,0.02139,0.07038,0.06233,0.06352,0,0.00733,0.02263,-0.01702,0.09803,0.0283,-0.06771,0.00453,0.05349,0.00728,-0.01029,-0.01584,0.06977,0.04836,0.02669,0.03217,0.05028,-0.01307,-0.08641,-0.02144,-0.02837,0.01791,-0.01693,0.00233,-0.0324,-0.09129,0.05161,0.01202,-0.10477,-0.00582,-0.00617,0.00608,-0.03094,-0.04935,-0.00597,-0.00489,-0.01657,0.00715,0.05654,-0.0597,-0.03154,-0.02679,0.02216,-0.06085,0.07297,-0.01911,0.05248,-0.04441,0.05463,-0.11757,0.00865,-0.04886,0.0536,0.01271,-0.02264,-0.0333,-0.002,0.12216,-0.02955,0.03813,-0.06072,0.00851,-0.02041,-0.05833,-0.05832,0.03014,0.03999,-0.03433,-0.03558,0.02447,0.05103,0.05027,0.05366,0.0068,-0.06683,0.1429,-0.00183,0.04968,-0.05313,0.01086,-0.07809,-0.01506,0.05231,0.02937,-0.05123,0.03876,0.03352,-0.11799,-0.01784,0.02292,0.10035,-0.11189,0.01363,-0.02719,0.00747,0.00705,0,-0.10729,0.0232,0.0455,-0.06603,0.04852,0.02217,-0.00172,0.08798,0.02225,0.01476,0.0581,0.0524,-0.03765,-0.03524,0.06092,-0.00252,0.01739,0.04447,-0.03537,0.03793,0.00659,-0.01891,-0.01295,0.1392,0.00504,-0.0611,0.06703,0.01979,-0.03354,0.05725,-0.03792,0.02093,0.08744,0.10226,-0.08145,0.00307,-0.03174,0.01074,0.02221,-0.00661,0.03827,0.02598,-0.06534,0.00695,-0.07819,0.06751,-0.03489,-0.03783,-0.01684,-0.00209,-0.04604,-0.01362,-0.07246,0.07596,0.03159,-0.0204,-0.02822,-0.01316,0.04834,0.0007,-0.01992,0.02393,0.00659,-0.07023],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Drag an item from the palette to add a node, drop a node into the group to nest it, drag between connectors to wire them, or select and press Delete: these supported gestures land in the state as undoable steps without component event handlers.","excerpt":"Drag an item from the palette to add a node, drop a node into the group to nest it, drag between connectors to wire them, or select and press Delete: these supported gestures land in the state as undoable steps without component event handlers."},{"chunkId":"/examples/state#5","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.10597,0.02691,-0.01074,0.04503,0.02613,0.01961,0.00416,-0.01576,0.00537,0.04132,-0.01821,0.05914,-0.0349,0.04428,0.03995,0.0215,-0.02001,0.01686,-0.02852,-0.0308,0.05945,-0.05198,-0.01306,0.00071,0.02818,0.08385,-0.01312,-0.04954,0.07756,-0.036,0.01291,0.04856,-0.015,0.0196,-0.12912,0.06595,-0.01105,0.03019,-0.06665,-0.02232,0.07024,-0.00464,0.03936,-0.07881,0.00397,0.01311,-0.07062,0.01244,-0.07537,0.02764,-0.0094,-0.04769,-0.00104,0.06991,0.03697,-0.04295,0.05922,-0.05207,-0.02837,-0.0303,0.00126,-0.03991,-0.02651,0.0451,0.04207,0.06522,-0.03167,-0.00781,-0.00611,0.03026,0.0135,-0.06289,0.0413,-0.10322,0.03757,-0.08179,-0.06302,0.06237,-0.07157,-0.04034,0.04153,-0.04168,-0.01075,0.03948,-0.02262,0.07517,-0.03307,-0.06602,0.07345,-0.00313,-0.08445,0.02335,-0.00106,-0.00329,0.06011,-0.00652,-0.0723,-0.00503,-0.0813,0.0268,0.0099,-0.01353,0.07095,0.09105,0.00591,-0.03038,-0.03906,0.00119,-0.0361,0.02269,0.00033,0.06466,0.06069,-0.01402,0.00851,-0.08306,-0.03134,-0.04234,-0.02426,0.08035,0.02402,-0.02328,-0.04149,-0.08089,0.03448,0.01586,0.03899,0,0.01213,-0.00081,-0.06904,0.02376,0.05952,0.01705,-0.0342,-0.11405,0.00149,0.06417,0.03747,0.09822,-0.00522,0.05351,-0.0214,-0.11855,-0.00699,0.05939,0.03185,0.02367,0.06321,-0.00724,-0.07908,-0.00067,0.10871,0.02929,-0.02485,0.07624,-0.06357,-0.01785,0.06573,0.03275,0.02423,-0.01413,-0.00169,-0.02178,-0.02713,-0.03056,-0.025,-0.08275,0.06755,-0.01611,-0.10276,0.01753,-0.06636,-0.10347,-0.03199,-0.05192,0.08937,0.0029,0.04704,0.04472,-0.0161,-0.04789,0.05111,-0.07548,-0.01941,0.06376,-0.0226,0.09669,-0.01212,0.01575,-0.03086,-0.09004,0.02424,0.02221,-0.03939,0.00923,0.06583,-0.09174,-0.08674,0.06279,-0.01562,0.0556,0.02933,-0.0426,0.02354,0.04805,-0.01501,-0.02119,-0.04411,-0.13029,-0.0206,0.12844,0.08218,-0.09568,-0.01408,-0.11162,-0.09288,-0.04223,0.00417,-0.00041,0.05051,0.00536,0.01943,0,0.04124,0.01899,-0.03522,0.14444,-0.004,-0.05581,0.06219,0.11989,0.03254,0.00693,-0.00416,0.02291,0.01848,0.01077,0.07206,0.03864,-0.02794,-0.10696,0.01232,-0.0029,0.03139,0.06033,-0.01536,0.01913,-0.06309,0.07849,-0.01926,-0.0372,-0.02144,-0.042,-0.03123,-0.07081,-0.06837,0.00137,-0.05145,-0.03869,0.00947,0.11103,-0.03453,-0.01465,0.07774,0.06972,-0.06631,0.0781,-0.02646,0.01333,-0.02588,0.03932,-0.10074,-0.05002,-0.03731,0.02865,-0.00346,0.01563,-0.01324,-0.02681,0.13048,-0.0508,-0.02393,-0.02771,0.02648,-0.02377,-0.05812,-0.04901,0.04906,0.04648,-0.05359,-0.04881,0.02968,0.03235,0.01776,0.01689,0.02827,-0.0204,0.10291,0.00585,0.05726,-0.03917,0.02466,-0.01479,-0.05996,0.05971,0.01943,0.02724,0.05615,0.08171,-0.16591,-0.04001,0.06698,0.04854,-0.09063,0.0066,-0.05129,0.01243,0.04802,0,-0.13582,0.01241,0.0437,-0.04887,0.04064,-0.00632,0.03434,0.02696,-0.00012,-0.04936,0.03592,0.05514,0.02989,-0.04761,0.03253,0.0024,-0.00119,0.05834,-0.0578,0.04025,-0.01757,-0.01049,-0.02919,0.11219,0.01348,-0.08085,0.01903,0.03507,-0.01711,0.01183,-0.01514,0.00928,0.11816,0.0218,-0.0345,-0.00135,-0.0301,-0.02073,0.01309,0.01236,0.00273,0.00346,-0.01783,0.00346,-0.0612,0.06626,-0.05974,-0.03851,-0.00393,-0.04673,-0.07925,-0.00366,-0.07111,0.10416,0.06225,-0.0252,0.00046,0.00956,0.06354,0.0051,0.01601,0.02398,-0.02459,-0.02049],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Example ::: ng-component <flow-state</flow-state [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.scss :::","excerpt":"Example ::: ng-component <flow-state</flow-state [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/flow-state/example.scss :::"},{"chunkId":"/examples/state#6","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07413,-0.00972,0.00063,0.03914,0.01717,0.0522,0.00923,-0.06069,0.04748,0.07525,0.00179,0.0435,-0.05455,0.053,0.04225,0.00772,-0.0243,-0.02077,-0.02697,-0.01631,0.02615,-0.03964,-0.06382,0.01798,0.05583,0.09959,-0.02383,-0.04439,0.10211,-0.0305,-0.03033,0.02993,-0.07042,-0.0033,-0.13653,0.03305,-0.01168,-0.00669,-0.03819,-0.0088,0.10304,-0.02416,0.0043,-0.05672,-0.03079,0.04398,-0.04228,0.01724,-0.09068,0.07258,-0.00155,-0.00759,-0.01455,0.03897,0.03751,-0.00481,0.08242,-0.02905,-0.05091,-0.01565,0.03176,-0.06341,-0.05149,0.03715,0.00961,0.02751,-0.011,-0.00664,0.06237,-0.04913,0.02469,-0.07094,0.02777,-0.10265,0.02991,-0.07169,-0.02769,0.01463,-0.09168,-0.00578,0.04677,-0.02987,0.00202,0.04969,-0.02277,0.03296,-0.07067,-0.04777,0.06711,-0.02283,-0.10211,0.02511,0.03262,-0.04182,0.05641,-0.03296,-0.02393,0.01791,-0.06099,0.0218,0.02089,0.04049,0.04318,0.06169,-0.0138,-0.02753,-0.0588,-0.03227,-0.0196,0.04178,-0.00697,0.03559,0.06908,0.00523,0.00963,-0.07295,-0.08295,-0.03604,-0.04153,0.08645,-0.05001,0.0216,0.04491,-0.06514,-0.00379,-0.00076,0.08107,0,0.01444,-0.01885,-0.076,-0.0092,0.04648,0.07253,-0.04148,-0.08299,0.05957,-0.01678,0.05813,0.10548,-0.01346,0.11083,-0.02598,-0.0809,-0.02933,0.04385,0.0818,0.01256,0.02289,0.01915,-0.06712,-0.02048,0.08812,0.05257,0.00165,0.08086,-0.01205,-0.00705,0.08,0.02167,-0.07076,-0.00638,0.00898,0.01175,-0.05032,-0.05027,0.02403,-0.069,-0.00042,-0.02928,-0.13888,-0.02345,-0.10897,-0.08102,-0.02495,-0.04663,0.05326,-0.01678,0.02395,0.02888,-0.00897,-0.03985,0.03451,-0.07823,-0.00751,0.07645,-0.01659,0.10191,0.02032,0.02182,-0.07069,-0.07316,0.027,0.03625,-0.03073,0.03188,0.07989,-0.07845,-0.08042,0.04192,0.00091,0.02375,0.06686,-0.05071,0.02192,0.0659,-0.04316,-0.00714,-0.08811,-0.11857,0.01565,0.09642,0.07031,-0.06728,-0.0096,-0.10985,-0.09184,0.01101,0.01993,0.01728,0.08714,0.09794,0.05574,0,0.00143,0.02483,-0.03972,0.10502,0.01159,-0.05801,-0.00865,0.06783,0.00589,-0.05289,-0.03764,0.03021,0.01931,0.04585,0.04688,0.03547,0.02134,-0.09913,-0.02611,-0.03927,0.00663,0.00211,-0.01971,-0.00787,-0.05939,0.06128,0.00304,-0.10054,-0.00462,-0.01486,-0.01003,-0.07138,-0.02968,-0.00163,-0.03142,-0.0228,0.00865,0.05581,-0.02343,-0.02859,0.02365,0.03046,-0.02936,0.07632,-0.01051,0.04206,-0.0907,0.05847,-0.08559,-0.00989,-0.05475,0.06351,-0.01059,-0.04471,-0.02982,-0.01897,0.14669,-0.03051,-0.01059,-0.05445,-0.03681,0.00076,-0.04009,-0.06444,0.02831,0.05724,-0.01224,-0.05767,0.03557,0.05472,0.05014,0.04386,-0.00781,-0.03612,0.1449,-0.00768,0.05994,-0.0488,0.00318,-0.07289,-0.047,0.05676,0.05943,-0.0265,0.02731,0.06868,-0.11509,-0.05293,0.01532,0.07356,-0.07158,0.02876,-0.03936,0.01855,0.03404,0,-0.12656,0.03646,0.07653,-0.02909,0.04763,0.03079,0.03434,0.09153,0.02207,-0.00217,0.05958,0.05521,-0.01982,-0.02265,0.04235,-0.00002,0.03021,0.05409,-0.03636,0.01886,0.0162,-0.02791,-0.00629,0.0987,-0.00852,-0.06183,0.05781,0.03786,-0.02007,0.05122,-0.00405,0.02566,0.10995,0.03058,-0.04343,-0.01627,0.01813,-0.02467,0.04525,-0.01365,0.00518,0.04222,-0.04635,0.00624,-0.0661,0.05835,-0.04842,-0.04198,-0.02763,-0.04326,-0.08288,-0.01536,-0.02583,0.1025,0.0473,0.00115,-0.02702,-0.03841,0.07673,-0.00012,0.019,0.00123,-0.01534,-0.03853],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Gestures apply themselves The controller forwards the supported finished gestures into the store. All events belonging to one drag session are batched into one undoable history step:","excerpt":"Gestures apply themselves The controller forwards the supported finished gestures into the store. All events belonging to one drag session are batched into one undoable history step:"},{"chunkId":"/examples/state#7","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.12764,-0.04838,0.0277,0.08065,0.0344,0.04632,0.02752,-0.07285,0.08634,0.01027,-0.00463,0.05888,-0.03884,0.00093,-0.06605,-0.00041,-0.02544,-0.00079,-0.08975,0.01937,0.03581,-0.06104,0.04761,-0.00838,0.08115,0.02999,0.02691,-0.08852,0.02781,-0.06003,-0.02812,0.07206,-0.07184,-0.00552,-0.14298,0.03453,-0.01109,0.03362,-0.09497,-0.02985,0.07531,0.06589,-0.00935,-0.05925,-0.03033,0.04845,-0.06358,0.00933,-0.06467,0.07924,0.02433,0.00084,-0.00433,0.11849,-0.01911,0.04033,0.04316,-0.0223,-0.01199,0.00369,0.06034,-0.04251,-0.02471,0.00971,0.02736,0.0365,0.05077,-0.03644,0.00841,-0.02302,0.04029,-0.03932,0.03586,-0.09439,0.02182,-0.03882,0.00769,0.0426,-0.09714,0.02097,0.11617,-0.01865,-0.05372,0.07978,-0.01752,0.01283,-0.0617,-0.07272,0.0332,-0.00325,-0.10543,0.0401,0.01281,-0.03414,0.07824,-0.01797,-0.03305,0.03582,-0.03844,0.00553,0.06043,0.03512,-0.00451,0.05957,-0.0059,-0.03549,-0.03664,-0.0624,-0.04065,0.08112,0.0476,0.05507,0.05045,0.05219,-0.02624,0.01164,-0.04318,0.02598,-0.03403,0.07793,-0.00666,0.05235,-0.00265,-0.03076,0.00445,0.0124,0.00075,0,0.01892,-0.04546,-0.07863,-0.02463,0.09296,0.03275,-0.03853,-0.00549,0.00647,0.0043,-0.00682,0.10237,-0.00307,0.03538,-0.0224,-0.08052,0.00718,0.07473,0.01872,0.01176,0.00077,0.02244,-0.12107,-0.01633,0.032,0.03505,-0.05642,0.08371,-0.03294,-0.01234,-0.04275,0.04463,-0.03251,-0.05099,0.00569,-0.00326,-0.03798,-0.0549,0.01688,-0.0581,-0.00108,-0.00441,-0.15163,-0.0356,-0.08186,-0.12703,0.00817,0.04135,0.03257,0.00072,0.03621,0.00101,-0.03507,-0.11726,-0.00756,-0.07461,-0.02518,0.06341,-0.02059,0.08372,0.03544,0.0382,-0.06383,-0.00586,0.04367,0.07986,-0.02295,0.03614,0.01909,-0.12577,-0.09064,0.06308,0.00231,0.0176,0.04936,-0.05651,-0.0221,0.04201,0.00343,-0.00761,-0.01539,-0.06892,-0.00716,0.0592,0.05222,-0.04586,0.06071,-0.07071,-0.11867,-0.01121,0.04168,-0.00949,0.10258,0.01783,0.05331,0,0.01628,0.03202,-0.02628,0.06001,0.03184,-0.0521,0.05369,0.11135,0.01191,-0.09964,-0.03039,0.04391,0.00146,0.03322,0.03465,0.06823,-0.01307,-0.091,-0.09506,0.00634,0.07572,0.00229,-0.01214,0.02069,-0.1017,0.03681,0.03262,-0.00375,0.00417,-0.00395,0.02856,-0.04903,-0.07787,0.01038,-0.00305,-0.03794,-0.02176,0.05798,-0.03673,0.00535,0.01524,0.03174,-0.03347,0.05861,0.01555,0.04942,-0.0581,0.08153,-0.06214,-0.00927,-0.04078,0.05564,-0.00778,0.00181,0.00016,0.04672,0.11334,-0.08595,0.01271,-0.06901,0.0441,0.00251,-0.06279,-0.03062,0.06123,0.06476,-0.02193,-0.03568,-0.01604,0.05305,0.00879,-0.00988,0.05763,-0.07514,0.08549,0.03466,0.05675,-0.08083,0.02109,-0.05989,-0.05596,0.02839,0.03114,-0.06323,0.0133,0.08,-0.10078,-0.01063,0.04953,0.08575,-0.0869,-0.06674,0.01169,-0.04522,-0.00371,0,-0.10751,0.08069,-0.00009,-0.00984,0.04258,-0.01341,0.02079,0.12256,0.01806,-0.04219,0.01273,0.08146,-0.03175,0.00274,0.04917,0.01686,0.06978,-0.03282,-0.04329,0.02426,-0.01913,-0.04368,-0.01041,0.06932,-0.02281,-0.04675,0.01661,0.06554,-0.0046,-0.01386,-0.01612,-0.02594,0.05661,0.09036,-0.08382,0.02684,-0.01509,-0.01232,0.05156,0.05041,0.02307,0.01104,-0.04117,0.00429,-0.07904,0.02478,0.00594,-0.0404,-0.01737,0.05046,-0.08896,-0.05357,-0.05862,0.0553,0.06604,-0.01859,-0.00849,-0.01782,0.03707,0.02015,-0.00773,0.03193,-0.04417,-0.01087],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. - Create connection — dragging from a connector to a target adds a connection record with a generated id; dropping into empty space adds nothing. - Reassign connection — dragging an endpoint to another connector updates sourceId/targetId. - Move nodes — a drag (including a multi-selection drag) writes all new positions as a single step, so one undo() returns the whole group. - Delete selection — the removal request (e.g. the Delete key from the accessibility layer) removes selected records. Because this gesture runs against a rendered flow, the connector registry is available and attached connections cascade with their nodes/groups. - Drop into a group — grouping is opt-in: it's off by default, so this example enables it with withFlowState({ dropToGroup: true }). With it on, dropped nodes and groups get the group's id as parentId; leave it off and the drop is a no-op and external items land at the top level. - External item drop — an item dragged from a palette becomes a node at the drop position, with the item's fData spread onto the node as its own fields; dropped over a group it's nested there (because this example opted into dropToGroup). - Pan / zoom the canvas — the viewport transform is captured into state.transform() and is undoable by default. Bind the canvas [position]/[scale] to state.transform() (as this example does) so undo/redo move the view back. Set withFlowState({ canvasTransformInHistory: false }) to keep pan/zoom out of history — it's still tracked and saved in snapshot() either way. position starts undefined (before any transform), which leaves [position] free for the initial resetScaleAndCenter. - Programmatic view changes — pass false as the emitCanvasChange argument to resetScaleAndCenter, fitToScreen or centerGroupOrNode when a library-driven move must stay out of state history. This example initializes the viewport with resetScaleAndCenter(false, false). - Undo back to the start — when undo returns to the beginning of history, the flow's reset() re-runs the full-render lifecycle, so the app's fFullRendered handler (resetScaleAndCenter here) runs again. - Debounce the recording — a zoom fires a burst of changes; withFlowState({ canvasTransformDebounce: 200 }) collapses the burst into a single undo step once it settles (a drag pan already folds into one step). source Id target Id with Flow State drop To Group parent Id f Data canvas Transform In History reset Scale And Center emit Canvas Change fit To Screen center Group Or Node f Full Rendered canvas Transform Debounce","excerpt":"- Create connection — dragging from a connector to a target adds a connection record with a generated id; dropping into empty space adds nothing. - Reassign connection — dragging an endpoint to another connector updates sourceId/targetId. - Move nodes — a drag (including a multi-selection drag) writes all new positions as a single step, so one undo() returns the whole group. - Delete selection — the removal request (e.g. the Delete key from the accessibility layer) removes selected records. Because this gesture runs against a rendered flow, the connector registry is available and attached connections cascade with their nodes/groups. - Drop into a group — grouping is opt-in: it's off by default, so this example enables it with withFlowState({ dropToGroup: true }). With it on, dropped nodes and groups get the group's id as parentId; leave it off and the drop is a no-op and external items land at the top level. - External item drop — an item dragged from a palette becomes a node at the drop position, with the item's fData spread onto the node as its own fields; dropped over a group it's nested there (because this example opted into dropToGroup). - Pan / zoom the canvas — the viewport transform is captured into state.transform() and is undoable by default. Bind the canvas [position]/[scale] to state.transform() (as this example does) so undo/redo move the view back. Set withFlowState({ canvasTransformInHistory: false }) to keep pan/zoom out of history — it's still tracked and saved in snapshot() either way. position starts undefined (before any transform), which leaves [position] free for the initial resetScaleAndCenter. - Programmatic view changes — pass false as the emitCanvasChange argument to resetScaleAndCenter, fitToScreen or centerGroupOrNode when a library-driven move must stay out of state history. This example initializes the viewport with resetScaleAndCenter(false, false). - Undo back to the start — when undo returns to the beginning of history, the flow's reset() re-runs the full-render lifecycle, so the app's fFullRendered handler (resetScaleAndCenter here) runs again. - Debounce the recording — a zoom fires a burst of changes; withFlowState({ canvasTransformDebounce: 200 }) collapses the burst into a single undo step once it settles (a drag pan already folds into one step)."},{"chunkId":"/examples/state#8","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.08221,0.00144,-0.01824,0.0598,0.01284,0.02608,-0.03885,-0.03517,-0.00297,0.04274,-0.00877,0.05354,-0.03214,0.01179,0.04765,0.03068,-0.01727,-0.01359,-0.02716,-0.00433,0.03841,-0.04361,-0.06286,0.03062,0.06534,0.0643,-0.05427,-0.00922,0.07429,-0.03228,-0.03693,0.05577,-0.06574,0.0365,-0.13403,0.00696,0.00549,0.01423,-0.09191,-0.04556,0.09867,0.02801,0.01842,-0.04633,-0.06263,0.05753,-0.01558,0.01824,-0.13659,0.04,-0.03071,-0.01294,-0.0182,0.05688,0.03204,-0.01266,0.09175,0.00757,-0.06859,-0.00896,-0.00447,-0.04996,-0.05056,0.06178,0.00094,0.05125,0.01878,-0.06662,0.00812,-0.07155,0.00266,-0.02931,0.00855,-0.10818,0.03984,-0.09971,-0.09227,0.02464,-0.01085,-0.02104,0.04622,0.03059,0.00015,0.05547,-0.0253,0.0539,-0.03081,-0.10328,0.05246,-0.03007,-0.02458,0.00544,0.01033,-0.02279,0.0327,-0.03121,-0.0069,-0.01657,-0.02992,0.02436,0.03328,0.04387,0.05318,0.0733,-0.00021,-0.01579,-0.04065,0.038,-0.01545,0.05776,0.0365,0.0559,0.05405,-0.02139,0.0102,-0.07697,-0.05445,-0.05093,-0.02579,0.07465,-0.02542,-0.0024,0.02922,-0.06275,0.00249,0.03595,0.0441,0,-0.01603,-0.01258,-0.03709,0.03333,0.03136,0.11024,-0.05474,-0.03131,0.05281,-0.03736,0.0514,0.15656,-0.01531,0.08897,0.03749,-0.07822,-0.03163,0.0925,0.03919,0.03762,-0.00268,-0.00918,-0.05299,-0.02493,0.04262,0.04404,0.00037,0.1112,-0.10188,-0.01471,0.03739,-0.01019,-0.04782,0.01093,-0.0148,-0.0086,-0.03415,-0.06599,-0.02196,-0.07148,0.04316,0.0203,-0.09758,-0.02659,-0.1319,-0.07868,-0.0102,0.00374,0.00828,0.0023,0.02424,0.07615,-0.04607,-0.06456,0.06846,-0.05879,0.00661,0.05232,-0.01245,0.0749,0.00773,0.00027,-0.0448,-0.03947,0.01142,0.02706,0.00199,-0.01675,0.09778,-0.04157,-0.07502,0.05947,-0.00424,0.08212,0.04844,-0.06082,0.02107,0.05881,-0.02653,-0.00095,-0.05787,-0.1091,0.018,0.09457,0.0458,-0.09873,0.01125,-0.0899,-0.08916,0.00714,0.02478,-0.00712,0.10869,0.09832,0.02911,0,-0.05053,-0.02188,-0.01192,0.05272,0.00838,-0.04208,0.00751,0.06649,0.03461,-0.04455,-0.00389,0.04052,0.01601,0.04916,0.05791,0.04565,0.00141,-0.15164,-0.01049,-0.02684,0.01889,-0.0264,-0.0338,0.02729,-0.05221,0.0463,0.00263,-0.07767,-0.0033,-0.02021,0.00623,-0.09374,-0.05903,0.01162,-0.03373,-0.05459,-0.01384,0.03652,-0.01516,0.02568,0.02329,0.05802,-0.04822,0.05924,-0.02396,0.03922,-0.03778,0.0315,-0.088,-0.05931,-0.06022,0.08282,0.01415,-0.01582,-0.05125,0.01341,0.11144,-0.01,-0.00716,-0.05636,-0.02862,-0.01408,-0.03291,-0.0619,-0.01279,0.06737,0.00232,-0.07608,0.00775,0.06948,0.04915,-0.01431,0.00227,-0.0584,0.09177,-0.02815,0.08314,-0.06904,0.00511,-0.06503,-0.05194,0.06822,0.01677,-0.0596,0.0662,0.04626,-0.09584,-0.01906,0.01837,0.11849,-0.10062,0.03239,-0.12722,0.01925,0.0247,0,-0.12629,0.0382,0.05846,-0.00955,0.05619,0.00551,0.05276,0.08872,-0.00648,0.0223,0.04112,0.06728,-0.00535,-0.04172,0.0954,0.01845,-0.01501,0.01436,-0.07428,0.00723,0.00231,-0.01258,-0.03609,0.06603,-0.01655,-0.07242,0.06619,0.08042,0.00257,0.03367,0.00505,0.0837,0.10311,0.04992,-0.05218,-0.03484,-0.01393,0.03082,0.05985,-0.02473,-0.00733,0.01325,-0.02596,0.04147,-0.0372,0.05361,-0.00673,-0.02889,-0.02715,-0.04136,-0.05348,0.00204,-0.04526,0.09887,0.03254,-0.00182,-0.00409,-0.02507,0.0498,-0.00875,-0.01599,-0.03066,0.00429,-0.03822],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Scope of v1 Managed state v1 does not capture rotation, connection waypoint editing, or user resize. Those interactions continue to update the rendered directives and emit their normal public outputs; applications that enable them must update their own records. Library-driven size measurement and group auto-fit may amend the current stored geometry, but they do not create a separate user history step.","excerpt":"Scope of v1 Managed state v1 does not capture rotation, connection waypoint editing, or user resize. Those interactions continue to update the rendered directives and emit their normal public outputs; applications that enable them must update their own records. Library-driven size measurement and group auto-fit may amend the current stored geometry, but they do not create a separate user history step."},{"chunkId":"/examples/state#9","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.10161,0.02321,0.01635,0.05465,0.02128,0.02815,-0.06795,-0.03725,0.06464,0.02919,-0.04,0.08798,-0.07061,0.01942,-0.01688,0.03369,-0.04444,-0.0367,-0.01985,-0.02781,0.04787,-0.06396,-0.01684,0.0167,0.04758,0.08679,-0.0234,-0.03865,0.09161,-0.05776,-0.01597,0.03686,-0.06935,-0.00112,-0.17517,0.08121,-0.02123,0.00176,-0.01711,-0.00229,0.08267,0.04939,-0.00041,-0.0123,-0.05352,0.03749,-0.05453,0.01185,-0.05944,0.06622,0.02008,0.0394,0.00572,0.05359,0.0245,0.00588,0.05309,-0.02278,-0.07922,-0.04919,-0.00102,-0.05389,-0.05926,0.02417,0.00614,0.01058,0.03322,-0.03843,0.04464,0.00212,0.05192,-0.05548,0.00588,-0.04407,0.03038,-0.06095,-0.01607,0.05138,-0.12713,-0.02509,0.0875,-0.02811,0.02164,0.05276,-0.00979,0.03683,-0.02722,-0.06327,0.04063,0.00156,-0.07258,0.00409,0.06022,-0.00216,0.06461,0.02719,-0.01032,0.0399,-0.03711,0.02819,0.06109,0.06436,0.06185,0.07992,-0.01713,-0.03419,-0.05677,-0.026,-0.01073,0.03869,0.02034,0.02391,0.07862,0.05098,-0.00847,-0.05739,-0.07517,0.00639,-0.08929,0.13271,-0.01717,0.0129,0.00419,-0.04922,-0.03195,-0.00682,0.04368,0,0.05679,-0.00789,-0.09451,0.01391,0.03745,0.08428,-0.06215,-0.03548,-0.00264,0.02926,0.05398,0.11603,-0.03997,0.08029,-0.01149,-0.06226,-0.00702,0.0478,0.04391,-0.0347,-0.0072,0.00359,-0.05416,-0.00466,0.098,0.0411,-0.01014,0.09446,-0.0508,-0.03324,0.05436,-0.00165,-0.0988,-0.01691,0.02383,-0.00911,0.00806,-0.10504,0.01884,-0.1104,-0.01075,-0.00661,-0.12472,-0.04241,-0.07252,-0.11496,-0.02018,-0.02277,0.03016,0.00677,0.02178,0.03324,-0.01234,-0.04301,-0.0124,-0.05536,-0.00087,0.03374,-0.01053,0.11176,0.07621,0.0255,-0.03692,-0.00456,0.02223,0.08581,-0.06811,0.0288,0.06663,-0.08391,-0.03801,0.02607,-0.00194,0.01846,0.06592,-0.02369,0.01127,0.00198,-0.02344,-0.02314,-0.06113,-0.12023,-0.02563,0.07489,0.07671,-0.03084,0.02718,-0.10065,-0.06592,0.00492,0.02062,0.01912,0.08287,0.04239,0.02005,0,0.03771,-0.01144,-0.05495,0.09674,0.02997,-0.07096,-0.00134,0.09177,0.00588,-0.07012,-0.02139,0.01443,0.02059,0.02704,0.07008,0.0416,0.0178,-0.10147,-0.05823,-0.04511,-0.0031,-0.01624,-0.03652,0.02518,-0.08085,0.04114,0.00117,-0.08683,-0.03045,-0.01096,-0.00615,-0.0561,-0.03649,0.00486,-0.03227,-0.01608,-0.00145,0.06175,0.00537,-0.01195,0.04443,0.07658,-0.02701,0.02439,-0.01771,0.02084,-0.13847,0.09763,-0.05325,-0.03351,-0.02258,0.06885,0.04567,-0.00668,-0.02193,0.01992,0.09443,-0.04075,0.00447,-0.04065,-0.0452,0.02308,-0.08617,-0.01036,-0.01529,0.03723,-0.01203,-0.06182,0.01127,0.03373,0.0232,0.00194,0.01271,-0.03801,0.11004,0.00035,0.0351,-0.09032,0.01511,-0.08525,-0.06346,0.04189,0.02753,-0.0537,0.0437,0.08299,-0.11234,-0.01793,0.0389,0.07463,-0.01701,-0.01246,-0.04148,0.00208,0.021,0,-0.1138,0.04954,0.06661,-0.0074,0.08505,-0.00229,0.06012,0.1142,0.00081,-0.02819,0.07895,0.07793,-0.06596,-0.04015,0.03439,0.02208,0.06458,-0.01436,-0.0261,0.01659,-0.01663,-0.05869,-0.03795,0.08972,-0.0246,-0.02669,0.05377,0.06824,-0.00406,0.02048,-0.01283,0.05844,0.08017,0.03813,-0.04845,-0.00827,0.03326,-0.01849,0.04993,-0.02337,0.01044,0.03437,-0.03499,0.00428,-0.08676,0.02012,-0.08142,-0.02582,-0.00756,-0.04998,-0.08207,-0.01851,-0.0332,0.09597,0.06882,-0.00016,-0.0137,-0.01452,0.01777,0.0251,0.03576,-0.01823,-0.04175,-0.04079],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Undo/Redo built in - state.undo() / state.redo() walk the history; canUndo / canRedo are signals, ready for [disabled] bindings. - Records are updated immutably, so a history entry is just an object reference — history is cheap regardless of graph size. - withFlowState({ historyLimit: 100 }) caps the stack (default 50); the oldest steps fall off. - load() replaces the whole graph and resets the history — ideal for opening a document; clearHistory() keeps the data and drops only the steps. - One drag session is one step. When a single gesture ends with several events — a move plus a drop into a group, or (with selectionInHistory) a selection plus a move — they are folded into a single undoable action, so one undo reverts the whole thing. can Undo can Redo with Flow State history Limit clear History selection In History","excerpt":"Undo/Redo built in - state.undo() / state.redo() walk the history; canUndo / canRedo are signals, ready for [disabled] bindings. - Records are updated immutably, so a history entry is just an object reference — history is cheap regardless of graph size. - withFlowState({ historyLimit: 100 }) caps the stack (default 50); the oldest steps fall off. - load() replaces the whole graph and resets the history — ideal for opening a document; clearHistory() keeps the data and drops only the steps. - One drag session is one step. When a single gesture ends with several events — a move plus a drop into a group, or (with selectionInHistory) a selection plus a move — they are folded into a single undoable action, so one undo reverts the whole thing."},{"chunkId":"/examples/state#10","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.10064,-0.02628,0.01603,0.03039,0.02532,0.00802,0.0058,-0.04911,0.10252,0.03463,0.01316,0.0146,-0.08142,-0.03009,-0.00752,0.03237,-0.00904,-0.03728,-0.02816,-0.03625,-0.01988,-0.05522,-0.01806,0.00317,0.00807,0.07824,0.01328,-0.02906,0.10017,-0.08027,-0.03382,0.06293,-0.0397,0.02979,-0.13891,0.05701,-0.01882,0.00493,-0.01103,-0.01227,0.13008,-0.02475,-0.0286,-0.0342,-0.02145,0.02658,-0.07409,0.02599,-0.10325,0.02863,0.00663,-0.03867,-0.01013,0.06473,0.04305,-0.01586,0.09212,0.00355,-0.0289,-0.01828,0.05239,-0.0568,-0.03098,-0.00159,0.06953,0.04584,0.06989,-0.03149,0.09078,-0.03265,0.04936,-0.04663,0.04301,-0.07307,0.04916,-0.03189,-0.01483,0.03597,-0.06378,-0.01159,-0.01281,-0.02813,0.00592,0.00198,-0.02892,0.00015,-0.03261,-0.04755,0.07551,-0.00642,-0.13441,0.04899,0.0065,-0.02402,0.01917,0.05806,-0.03531,0.03159,0.00018,0.0178,0.03882,0.01101,0.04386,0.05929,-0.02305,-0.04731,-0.08123,-0.04325,-0.03205,0.0152,0.00401,0.04622,0.08291,0.04573,-0.0296,-0.0475,-0.02971,-0.00944,-0.03758,0.12447,0.00448,0.00644,0.01304,-0.05877,-0.02369,0.05928,-0.00259,0,-0.00749,-0.03386,-0.0725,-0.03315,0.01936,0.01384,-0.04449,-0.10103,0.02041,-0.00355,0.02189,0.05495,0.04393,0.06641,-0.01039,-0.08848,0.02109,-0.01184,0.0537,-0.00979,0.01766,0.05511,-0.0883,-0.01009,0.03127,0.06759,-0.05168,0.04418,-0.02097,-0.02201,0.07775,0.06713,-0.04947,0.01516,0.00393,0.01261,-0.01475,-0.07007,0.00317,-0.10862,0.00649,-0.01066,-0.09594,0.00817,-0.03186,-0.09048,-0.05108,0.00371,0.01534,-0.00718,0.03727,0.0135,0.01549,-0.03112,0.04842,-0.04079,-0.00919,0.03691,-0.00035,0.10974,0.01951,-0.01819,-0.0281,-0.01246,0.03232,0.05377,-0.02283,-0.02055,0.0464,-0.02156,-0.046,0.06292,-0.04987,0.01087,0.00025,-0.0714,-0.02112,0.07543,-0.04732,0.00191,-0.04602,-0.05906,-0.00153,0.09667,-0.00157,-0.08985,-0.0133,-0.09208,-0.08132,0.0437,0.07849,0.04322,0.09135,0.04058,0.0762,0,-0.02636,0.01064,-0.04563,0.1256,0.00212,-0.06857,-0.01357,0.12115,-0.01357,-0.04619,-0.01386,0.04288,-0.01453,0.05919,-0.01744,0.05102,0.0305,-0.08349,0.02728,-0.01205,0.02323,0.01038,-0.0184,0.01442,-0.05584,0.04978,0.00704,-0.07696,-0.02079,-0.07333,-0.03584,-0.01545,-0.05467,0.01346,0.02094,0.01353,-0.0134,0.07047,-0.01859,-0.00571,-0.0295,0.06588,-0.02509,0.09569,0.02287,0.03591,-0.07404,0.06671,-0.11895,-0.02541,-0.00011,0.10959,0.0277,-0.02206,-0.02683,-0.00921,0.14498,-0.06293,0.0222,-0.00764,0.0012,-0.03613,-0.04105,-0.01737,-0.02067,0.0635,0.0016,-0.09741,0.09857,0.04396,0.08973,0.02913,-0.03083,-0.11177,0.06169,-0.04016,-0.01331,-0.10788,-0.00016,-0.06699,-0.0903,0.0587,0.06202,-0.03756,-0.01738,0.08031,-0.07969,-0.00101,0.02145,0.03808,-0.0451,0.01026,-0.09464,0.00305,0.02973,0,-0.08432,0.03583,0.03407,0.00471,0.11818,0.04923,0.00149,0.09035,0.01266,0.03109,0.04104,0.07485,0.03972,-0.0206,0.08905,0.04007,0.05898,0.00303,-0.06611,0.01056,-0.03633,-0.02206,0.00175,0.08924,-0.01103,-0.09833,0.10034,0.04254,-0.01956,-0.00293,-0.01829,0.01389,0.10517,0.05675,-0.07185,0.02744,-0.00069,-0.04339,0.08022,0.01688,0.00457,-0.01634,-0.06502,0.01499,-0.12985,-0.00952,-0.01813,-0.07865,-0.00236,0.00959,-0.03429,-0.03997,-0.03976,0.04765,0.0573,-0.0039,-0.01549,-0.01947,0.10491,0.01785,0.01164,-0.04026,-0.04698,-0.06318],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Reacting to changes state.changes() ticks when a standalone mutation or an outer batch settles, and on undo, redo or load. A multi-event gesture such as selection plus move increments it once when the gesture finishes. Depend on it from a single effect to react to anything that touches the graph, without wiring one listener per gesture: The store changes its collection signals immediately while a gesture is in progress, but delays the changes() increment until the outer batch closes. Standalone mutations notify immediately. The per-collection signals (nodes(), groups(), connections(), selection()) remain available when you only care about one slice.","excerpt":"Reacting to changes state.changes() ticks when a standalone mutation or an outer batch settles, and on undo, redo or load. A multi-event gesture such as selection plus move increments it once when the gesture finishes. Depend on it from a single effect to react to anything that touches the graph, without wiring one listener per gesture: The store changes its collection signals immediately while a gesture is in progress, but delays the changes() increment until the outer batch closes. Standalone mutations notify immediately. The per-collection signals (nodes(), groups(), connections(), selection()) remain available when you only care about one slice."},{"chunkId":"/examples/state#11","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07511,0.05124,-0.05238,0.06124,0.02471,-0.01334,-0.01616,-0.03791,0.0582,0.02477,-0.00526,0.01543,-0.04059,-0.02009,0.03794,0.01931,-0.08205,-0.00828,-0.0613,-0.06384,-0.02127,-0.05253,-0.00847,0.00572,0.02879,0.13119,-0.04871,-0.05567,0.06466,-0.03918,0.00132,0.08661,-0.02911,0.05595,-0.12097,0.14513,0.01638,0.05796,-0.03758,-0.0064,0.10729,0.04746,0.03609,-0.05641,-0.02882,0.03568,-0.06597,0.02543,-0.0663,0.07752,-0.00383,-0.01686,0.01109,0.15051,0.01242,0.02168,0.0263,-0.09241,-0.0356,-0.02183,0.05117,-0.06859,-0.02018,0.04908,0.0049,0.03314,0.06005,0.03543,0.05092,-0.05307,0.07753,-0.01185,0.0212,-0.0669,0.0258,-0.01658,-0.01165,0.02377,-0.05233,-0.03907,0.06744,0.03882,-0.01495,0.01217,-0.0339,0.03209,-0.00514,-0.0661,-0.02382,0.00014,-0.14474,0.03809,0.02071,-0.03238,0.08805,0.02867,-0.0147,-0.01467,-0.04932,0.01513,0.0299,-0.0033,0.02842,0.01971,-0.04256,-0.07923,-0.06737,0.00896,-0.05919,0.0176,-0.01722,0.13036,0.02536,0.03121,-0.01503,-0.0786,-0.04988,-0.0368,-0.01427,0.10406,0.02358,0.05519,0.03541,-0.01749,0.04207,0.06101,-0.02629,0,0.01658,-0.00512,-0.0323,0.0273,0.05367,0.02589,-0.02059,-0.03423,-0.0185,0.03425,-0.04132,0.04659,-0.03327,0.00608,0.01086,-0.09834,-0.05347,0.00101,0.05189,0.01194,-0.02701,0.01209,-0.12644,-0.01763,0.03243,0.02972,-0.04962,0.04423,-0.03048,-0.00475,0.0516,-0.00962,-0.0203,-0.01991,0.00002,-0.02458,0.01306,-0.05312,-0.00234,-0.08503,0.04043,-0.02224,-0.08338,0.01508,-0.06822,-0.08559,-0.05627,-0.01218,0.0265,0.03799,0.03453,0.01717,-0.00939,-0.08012,0.03709,-0.08837,-0.03591,0.06444,0.0015,0.10397,-0.01183,0.02501,-0.05347,-0.01706,0.02304,0.05555,-0.03796,0.00771,0.09051,-0.07383,-0.04771,0.04985,-0.08005,0.06298,0.07174,-0.03332,0.00854,0.06023,-0.04903,-0.01847,-0.02791,-0.04274,-0.02707,0.07758,-0.00496,-0.01464,0.01631,-0.0979,-0.10387,-0.00977,-0.02193,0.00873,0.10626,0.00022,0.04355,0,0.03063,0.00603,-0.00685,0.04461,0.064,-0.07847,0.03028,0.04546,0.02345,-0.00748,-0.06267,0.08271,-0.0028,-0.01316,0.0367,0.00032,0.00037,-0.15529,0.08288,-0.04093,0.00668,0.02696,0.00626,0.09294,-0.07689,0.03174,-0.0413,-0.06619,0.06836,-0.00105,0.01562,-0.0816,-0.00415,0.03176,-0.05595,-0.02629,-0.01996,0.08558,-0.01903,-0.00641,-0.04948,0.03228,-0.0978,0.05776,-0.01381,0.02648,0.00357,0.05109,-0.10013,0.00202,-0.08928,0.08474,-0.01281,0.00785,0.00292,0.00739,0.14638,-0.1,0.02161,-0.05299,0.00659,-0.02011,-0.04967,-0.06921,-0.01762,-0.01522,-0.05011,-0.102,-0.00734,0.09512,-0.00683,-0.01829,0.0099,-0.04459,0.10443,-0.01691,0.03437,-0.03444,0.05467,-0.02731,-0.05668,0.03894,0.02613,-0.00696,0.0436,-0.01445,0.01271,-0.03204,0.04124,0.07512,-0.06448,-0.00319,-0.06712,-0.02826,0.03861,0,-0.07951,0.03144,0.02564,-0.02101,0.04843,-0.01992,0.00787,0.08548,0.04476,-0.02647,0.00516,0.07397,-0.02556,-0.06153,0.04594,0.00433,0.01915,-0.02026,-0.0422,0.0626,0.00898,-0.05251,-0.07065,0.0525,0.01229,-0.06349,0.09904,-0.03315,-0.0293,0.00235,-0.04824,0.01953,0.1041,0.12649,-0.05815,-0.02836,-0.0142,0.05389,0.01324,0.02732,0.01611,0.03061,-0.04979,-0.0101,-0.0834,0.05554,-0.02843,-0.00061,0.01682,0.05165,-0.02804,-0.05059,-0.07809,0.08658,0.01257,-0.01586,-0.03674,-0.02609,0.10188,-0.03346,-0.02978,0.0473,-0.01595,-0.04674],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Data in, data out - load({ nodes, groups, connections }) — plain arrays in. The store only reads the framework keys (id, position, optional size, rotate, parentId) and carries the rest of your record through untouched — put your fields right on it, no data wrapper. - Groups are their own collection with the same shape, rendered with fGroup — a first-class kind because the library treats them separately (a group id in a selection, its own drop target). Nesting is just parentId. - snapshot() — plain arrays out (nodes, groups, connections) with copied geometry; persist the result as-is. - injectFlowState<MyNode, MyConnection, MyGroup() types all three end to end; each argument defaults to the framework shape, so injectFlowState<MyNode() is enough when only nodes carry extra fields. parent Id f Group inject Flow State My Node My Connection My Group","excerpt":"Data in, data out - load({ nodes, groups, connections }) — plain arrays in. The store only reads the framework keys (id, position, optional size, rotate, parentId) and carries the rest of your record through untouched — put your fields right on it, no data wrapper. - Groups are their own collection with the same shape, rendered with fGroup — a first-class kind because the library treats them separately (a group id in a selection, its own drop target). Nesting is just parentId. - snapshot() — plain arrays out (nodes, groups, connections) with copied geometry; persist the result as-is. - injectFlowState<MyNode, MyConnection, MyGroup() types all three end to end; each argument defaults to the framework shape, so injectFlowState<MyNode() is enough when only nodes carry extra fields."},{"chunkId":"/examples/state#12","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07292,0.0143,-0.00307,0.04765,0.01139,0.00627,-0.00587,-0.04647,0.00406,0.06762,-0.02367,0.03097,-0.04166,0.05381,0.06829,0.04006,-0.00864,-0.03848,0.00764,-0.02716,0.02946,-0.03928,-0.0519,0.02285,0.07042,0.08371,-0.03941,-0.03158,0.05901,-0.02054,-0.0193,0.07344,-0.07455,0.01912,-0.14289,0.04551,-0.01195,0.01171,-0.04465,-0.01694,0.09847,-0.00845,0.01979,-0.05525,-0.04838,0.03165,-0.04484,0.0014,-0.07119,0.0487,-0.03714,-0.03349,-0.03594,0.03371,0.04693,-0.00901,0.07898,-0.02677,-0.05355,-0.01751,0.02384,-0.04811,-0.03577,0.07171,0.00977,0.06956,0.00571,-0.00379,0.03264,-0.02734,0.02933,-0.04975,0.04206,-0.12589,0.03153,-0.07964,-0.05211,0.0127,-0.06474,-0.01682,0.0428,-0.01162,-0.01028,0.05814,-0.01331,0.03675,-0.05433,-0.08976,0.08742,-0.01492,-0.07855,0.02258,0.01582,-0.01498,0.05925,-0.02499,-0.02357,-0.00997,-0.08805,0.02807,0.0321,0.00246,0.05679,0.04875,0.0047,-0.01711,-0.04184,0.00307,-0.02378,0.04953,0.00075,0.0549,0.06724,-0.02833,-0.02574,-0.05404,-0.06797,-0.05496,-0.03716,0.08765,-0.03029,0.00495,0.01729,-0.0876,0.01721,0.03182,0.0468,0,-0.00679,-0.02168,-0.05184,0.01036,0.05772,0.04384,-0.05223,-0.08349,0.02379,-0.01033,0.06576,0.12092,-0.01655,0.09705,-0.00615,-0.0878,-0.01273,0.05593,0.05628,0.0187,0.02574,-0.00906,-0.08023,-0.03632,0.06965,0.07522,0.00724,0.06614,-0.04491,0.00242,0.06301,0.01917,-0.01639,0.02475,-0.0258,-0.00964,-0.06202,-0.04517,-0.0229,-0.06613,0.02879,-0.00578,-0.14597,0.00731,-0.09091,-0.0702,-0.01457,-0.04154,0.07189,-0.00483,0.02336,0.03598,-0.01579,-0.031,0.03395,-0.07694,-0.01567,0.0626,-0.01886,0.08855,0.001,0.01511,-0.04105,-0.09868,0.03046,0.04713,-0.03687,0.0196,0.08393,-0.07655,-0.07365,0.04633,-0.01835,0.06069,0.05029,-0.05667,0.01934,0.04663,-0.03926,-0.02965,-0.04863,-0.10731,0.01766,0.11783,0.07661,-0.07896,0.00278,-0.11825,-0.11174,0.04586,0.02171,0.01137,0.09337,0.07539,0.04319,0,-0.0149,0.0047,-0.03481,0.1006,0.01432,-0.05601,0.02022,0.09036,0.02927,-0.018,0.00258,0.0163,0.00681,0.03917,0.05094,0.03652,-0.0107,-0.13023,-0.02377,-0.01493,0.01024,0.02191,-0.02481,-0.01072,-0.05058,0.08664,-0.03293,-0.10013,0.01375,-0.03305,-0.02862,-0.07027,-0.04001,-0.02722,-0.01649,0.01881,0.00756,0.06816,-0.04582,-0.02178,0.0116,0.03702,-0.06084,0.09213,-0.01361,0.03158,-0.05393,0.04033,-0.12106,-0.01159,-0.04533,0.05067,0.0176,-0.04643,-0.04836,-0.01628,0.121,-0.00787,-0.01763,-0.05051,-0.00862,-0.02981,-0.06561,-0.06903,0.02009,0.05353,-0.01125,-0.04855,0.03644,0.04379,0.03951,0.0253,-0.00681,-0.02977,0.13338,-0.00639,0.07459,-0.0516,-0.00716,-0.01609,-0.04748,0.07608,0.02641,-0.00783,0.04541,0.04753,-0.12083,-0.04191,0.02714,0.10687,-0.08802,0.0123,-0.09013,0.01823,0.02327,0,-0.12392,0.02577,0.06095,-0.03182,0.06748,0.03621,0.05072,0.06862,0.01241,-0.00478,0.07188,0.0717,-0.01313,-0.03225,0.04137,-0.00092,-0.01831,0.05755,-0.04642,0.02689,-0.00706,-0.01203,-0.04036,0.12167,0.0087,-0.05521,0.06894,0.02734,-0.02512,0.06847,-0.03195,0.03254,0.1112,0.04047,-0.07308,-0.0004,-0.00009,-0.00305,0.01829,-0.02152,0.0079,0.0203,-0.04616,0.00277,-0.07205,0.0748,-0.03575,-0.02201,0.00314,-0.04563,-0.07864,-0.01298,-0.05338,0.10074,0.047,-0.02364,-0.01418,-0.03007,0.06196,-0.00394,0.00454,-0.00706,-0.01069,-0.03131],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Configuration","excerpt":"Configuration"},{"chunkId":"/examples/state#13","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.11034,-0.01348,0.02128,0.05928,0.00394,0.03673,0.0192,-0.03912,0.04458,0.03903,-0.00372,0.00443,-0.04083,0.02251,-0.02526,-0.00117,0.00071,0.00843,-0.08661,-0.00626,0.02321,-0.08847,0.00105,-0.01128,0.08654,0.06252,0.01023,-0.06519,0.05087,-0.02485,-0.05905,0.06018,-0.05857,-0.00393,-0.10696,0.03087,-0.04159,0.03002,-0.07444,-0.03202,0.05828,0.03935,-0.00932,-0.06553,-0.03858,-0.00397,-0.05374,0.01565,-0.04625,0.03879,-0.00395,-0.00595,-0.0036,0.07755,0.0177,0.01835,0.08102,-0.00411,-0.02882,-0.03561,0.01358,-0.05081,-0.06651,0.01626,0.01727,0.06219,0.04047,-0.05093,0.04257,0.02595,0.01743,-0.06527,0.0203,-0.07261,0.01936,-0.08319,-0.0192,0.08613,-0.10377,-0.03216,0.07839,-0.0325,-0.00838,0.07858,0.01653,-0.01398,-0.05386,-0.03127,0.04875,-0.01548,-0.10632,0.04843,-0.00306,-0.04749,0.07122,-0.01457,-0.04664,0.04024,-0.03539,0.01175,0.06325,0.00065,0.00827,0.05147,-0.01081,-0.04699,-0.03681,-0.05232,-0.0446,0.0558,-0.00339,0.07785,0.07013,0.02041,0.02403,-0.01267,-0.07038,0.01614,-0.07538,0.1016,0.02456,0.0247,0.00914,-0.05586,0.0172,0.00165,0.01256,0,0.02668,-0.01756,-0.06067,-0.01765,0.04711,0.05688,-0.03812,-0.03086,0.04557,0.00332,0.02603,0.08553,-0.03214,0.03141,0.00675,-0.08116,0.0175,0.04789,0.03081,0.03034,0.0445,-0.02167,-0.10074,-0.01549,0.06685,0.05657,-0.0218,0.07916,-0.05814,-0.00733,0.03546,0.00787,-0.0412,-0.02405,-0.01004,-0.00612,-0.02173,-0.05464,0.04429,-0.06855,-0.04899,-0.01524,-0.14466,-0.04287,-0.06454,-0.12062,-0.02177,-0.00397,0.03725,-0.0058,0.06773,0.01496,-0.02052,-0.08367,-0.00019,-0.05575,0.01132,0.07179,-0.04688,0.11181,0.02931,0.00522,-0.06111,-0.0499,0.0225,0.07231,-0.03415,0.00767,0.00442,-0.11153,-0.08311,0.04257,0.01845,0.00437,0.07072,-0.07532,0.03561,0.04836,-0.03755,-0.03967,-0.0729,-0.11603,-0.03415,0.03024,0.04792,-0.06432,0.03817,-0.08153,-0.15412,0.01049,0.02025,0.00536,0.06623,0.02696,0.05384,0,0.02305,0.02012,-0.05282,0.08762,0.03173,-0.04852,0.01721,0.11319,-0.01166,-0.09459,-0.02628,0.03991,-0.0096,0.03825,0.02596,0.04559,0.01337,-0.07329,-0.04747,-0.01598,0.01083,0.04545,-0.04389,0.03279,-0.11159,0.04796,0.01093,-0.05537,-0.01163,-0.00085,-0.02382,-0.04795,-0.08781,0.00355,-0.01452,-0.06986,-0.00684,0.02582,-0.07194,0.02,0.02445,0.04519,-0.01697,0.08578,-0.00358,0.00564,-0.05613,0.07276,-0.07276,0.00079,0.01358,0.06842,0.01443,0.01665,-0.00958,0.025,0.11548,-0.09945,0.00077,-0.05908,-0.00233,0.0056,-0.06999,-0.0053,0.05303,0.07193,-0.0265,-0.02732,0.04237,0.04631,0.00683,-0.00495,0.0286,-0.02225,0.10942,0.04978,0.01585,-0.07358,0.01234,-0.0801,-0.0596,0.05231,0.06216,-0.08819,-0.0204,0.05958,-0.17167,-0.0041,0.05703,0.04963,-0.07511,-0.02694,-0.02652,-0.01104,0.04003,0,-0.12751,0.03787,0.04394,-0.00513,0.1046,-0.00156,0.03439,0.09502,0.00893,-0.05261,0.04802,0.05054,-0.00116,-0.02801,0.06095,-0.01615,0.06949,0.00822,-0.05143,0.02589,-0.01676,-0.02338,-0.03019,0.0792,-0.03106,-0.08161,0.02411,0.07984,0.01241,0.02796,-0.00402,-0.01214,0.09566,0.04631,-0.10851,0.02024,0.01888,-0.04241,0.05894,-0.0072,-0.00265,0.0546,-0.03938,0.02674,-0.07454,0.0172,-0.00456,-0.07759,0.02317,0.00717,-0.11169,-0.01837,-0.03677,0.09374,0.04664,0.00508,-0.01211,-0.01942,0.05188,0.04058,0.00509,0.00044,-0.06673,-0.00113],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Option Default Meaning -------------------------- --------------------------------- ------------------------------------------------------------------------------------ historyLimit 50 Maximum number of undo steps. selectionInHistory true Include selection in undo/redo; a drag's leading selection is batched with the move. canvasTransformInHistory true Include user pan/zoom in undo/redo. The transform is still tracked when disabled. canvasTransformDebounce 0 Debounce canvas events before committing a viewport history step. dropToGroup false Reparent dropped records and nest external items into groups. connectionFactory generated id/endpoints Create or veto a gesture-created connection. nodeFactory payload plus normalized drop rect Create or veto a node dropped from an external palette. stateClass FFlowState Install an application subclass that overrides store behavior. history Limit selection In History canvas Transform In History canvas Transform Debounce drop To Group connection Factory node Factory state Class F Flow State","excerpt":"Option Default Meaning -------------------------- --------------------------------- ------------------------------------------------------------------------------------ historyLimit 50 Maximum number of undo steps. selectionInHistory true Include selection in undo/redo; a drag's leading selection is batched with the move. canvasTransformInHistory true Include user pan/zoom in undo/redo. The transform is still tracked when disabled. canvasTransformDebounce 0 Debounce canvas events before committing a viewport history step. dropToGroup false Reparent dropped records and nest external items into groups. connectionFactory generated id/endpoints Create or veto a gesture-created connection. nodeFactory payload plus normalized drop rect Create or veto a node dropped from an external palette. stateClass FFlowState Install an application subclass that overrides store behavior."},{"chunkId":"/examples/state#14","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.08844,0.02331,-0.00831,0.04618,0.0144,0.0074,-0.02376,-0.04921,0.01544,0.06539,-0.02756,0.02759,-0.04314,0.04849,0.07807,0.03135,0.00239,-0.03043,0.00584,-0.04606,0.01961,-0.02841,-0.07246,0.0294,0.07584,0.0715,-0.04242,-0.04307,0.06253,-0.01681,-0.02106,0.05785,-0.06924,0.02519,-0.151,0.04561,-0.01871,0.00732,-0.03908,-0.0216,0.10278,-0.01639,0.00566,-0.0649,-0.04036,0.02309,-0.05139,0.01693,-0.08505,0.06648,-0.0311,-0.03928,-0.04309,0.03363,0.05353,-0.02247,0.07359,-0.03357,-0.0531,-0.00642,0.03641,-0.06241,-0.03871,0.07745,0.00997,0.06325,0.00362,-0.01173,0.037,-0.05509,0.03562,-0.06452,0.02808,-0.11929,0.03132,-0.07607,-0.04318,0.0224,-0.06833,-0.01533,0.03203,0.00261,-0.00902,0.06505,-0.00526,0.04991,-0.04794,-0.0707,0.0721,-0.02652,-0.0779,0.02596,0.03093,-0.01189,0.0671,-0.01734,-0.0238,-0.02158,-0.09678,0.02951,0.00654,0.00004,0.03392,0.04349,0.01442,-0.02108,-0.03619,0.00248,-0.0221,0.04421,0,0.05201,0.06476,-0.03453,-0.02018,-0.05154,-0.05806,-0.05697,-0.02926,0.09715,-0.01897,0.00844,0.02252,-0.08824,0.01607,0.0236,0.05801,0,-0.01095,-0.01591,-0.04157,0.00819,0.0565,0.03356,-0.04079,-0.08461,0.03681,-0.02081,0.05396,0.14028,-0.01587,0.09059,-0.00111,-0.08641,-0.02121,0.04887,0.06512,0.01944,0.0198,-0.02769,-0.07194,-0.02847,0.07226,0.06479,0.004,0.05502,-0.02886,0.00719,0.05658,0.01898,-0.01904,0.02551,-0.03387,-0.00465,-0.07365,-0.04549,-0.02649,-0.06463,0.02017,-0.00485,-0.1507,0.00624,-0.08862,-0.07598,-0.02672,-0.04588,0.06279,-0.00106,0.02313,0.04739,-0.00686,-0.04254,0.02801,-0.07738,-0.00656,0.07332,-0.02091,0.08961,0.0052,0.00509,-0.03727,-0.08664,0.0321,0.04048,-0.02924,0.02642,0.07755,-0.06704,-0.06844,0.06116,-0.01519,0.06103,0.04058,-0.06383,0.02834,0.05469,-0.0303,-0.03399,-0.03952,-0.11575,0.02155,0.10516,0.0663,-0.07127,0.00521,-0.11887,-0.09898,0.0339,0.01928,0.02503,0.0896,0.06877,0.04521,0,-0.01593,0.00235,-0.03685,0.09932,0.00801,-0.06369,0.01852,0.08634,0.01026,-0.00396,-0.006,0.02246,0.00289,0.03735,0.07154,0.02797,-0.01242,-0.14376,-0.02023,-0.01472,0.00298,0.02125,-0.03958,-0.01923,-0.05639,0.08424,-0.05027,-0.09465,0.0206,-0.0293,-0.02412,-0.06958,-0.03893,-0.02167,-0.02091,0.01313,0.01082,0.09366,-0.04834,-0.02729,0.01607,0.02491,-0.05818,0.07321,-0.00333,0.0323,-0.04824,0.05119,-0.12096,-0.02078,-0.02972,0.0528,0.01874,-0.03607,-0.04813,-0.01649,0.12119,-0.01292,-0.00947,-0.0619,-0.01576,-0.02964,-0.0499,-0.06841,0.01591,0.0453,-0.01167,-0.05742,0.00846,0.05113,0.03987,0.0253,-0.01018,-0.04,0.12585,-0.00561,0.06934,-0.05502,-0.01294,-0.01619,-0.04667,0.08844,0.04337,0.00015,0.05039,0.04388,-0.11385,-0.05451,0.02902,0.10762,-0.09412,0.02239,-0.09533,0.01885,0.02687,0,-0.11609,0.02419,0.05362,-0.03341,0.06082,0.02185,0.03919,0.07088,0.02235,0.00664,0.06969,0.06006,-0.01841,-0.03711,0.04676,0.00979,-0.0068,0.06515,-0.03607,0.02456,-0.01502,0.00074,-0.03413,0.1077,0.01001,-0.05537,0.071,0.02768,-0.00482,0.0498,-0.0331,0.03634,0.13236,0.03292,-0.05955,-0.0063,0.01034,-0.00377,0.01992,-0.00146,0.02717,0.03099,-0.04518,0.00318,-0.05436,0.07324,-0.0408,-0.02802,-0.00271,-0.04385,-0.07745,-0.01535,-0.06252,0.10317,0.03565,-0.02376,-0.01832,-0.04017,0.0693,-0.01177,0.01687,0.00382,0.01455,-0.01091],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Core API","excerpt":"Core API"},{"chunkId":"/examples/state#15","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.13328,0.02677,-0.04323,0.05884,-0.00092,0.02099,-0.02151,-0.04478,0.03655,0.06893,-0.01067,0.01784,-0.03639,-0.01922,0.00762,0.02439,-0.03106,-0.00956,-0.07131,-0.0342,-0.01134,-0.02886,-0.02281,0.00232,0.08771,0.06171,-0.00165,-0.06495,0.05418,-0.04246,-0.03472,0.04949,-0.10156,0.01921,-0.09593,0.07213,-0.03552,0.00003,-0.03708,-0.0604,0.11803,0.05008,-0.05399,-0.08351,-0.05588,-0.02306,-0.09227,0.00977,-0.05414,0.06167,-0.01506,0.0009,-0.04136,0.06803,0.05861,0.02307,0.09525,-0.0087,-0.05782,-0.02146,0.04567,-0.07182,-0.03645,0.02966,-0.0057,0.03307,0.03162,-0.00489,0.04601,-0.03655,0.00788,-0.04324,-0.01308,-0.09048,0.01255,-0.08547,-0.02233,0.05782,-0.10439,-0.0322,0.04885,0.00803,-0.00669,0.02767,-0.01002,-0.00585,-0.03441,-0.02437,0.05707,-0.03134,-0.07677,0.05958,0.03297,-0.00928,0.03971,0.02933,-0.00173,0.08055,-0.01051,0.02396,0.05921,-0.00154,0.0169,0.05067,-0.02764,-0.06278,-0.04121,-0.01771,-0.04314,0.00732,-0.02032,0.07921,0.04269,-0.00534,-0.0093,-0.03002,-0.06217,0.01909,-0.04647,0.13321,0.06689,0.00497,0.01009,-0.03248,0.02593,0.02267,0.07112,0,0.00139,-0.04674,-0.06308,-0.00068,0.08571,0.0686,-0.04342,-0.04789,0.01232,-0.02089,-0.00119,0.10175,-0.04677,0.02679,-0.00793,-0.09377,0.0149,0.03509,0.09905,0.02566,0.02501,-0.00437,-0.0869,-0.02455,0.04649,0.04443,-0.01293,0.07109,-0.077,-0.0197,0.06667,0.02164,-0.04371,-0.0171,-0.02716,-0.02534,-0.04287,-0.06012,-0.00944,-0.09553,-0.01699,-0.00342,-0.16103,-0.01445,-0.07227,-0.10093,-0.03184,0.01578,0.04511,-0.00743,0.01497,0.0277,-0.04534,-0.09058,-0.0082,-0.06547,-0.01296,0.05703,-0.01426,0.11346,0.00972,0.01293,-0.01872,-0.03847,0.06393,0.07555,-0.02376,-0.01712,0.02768,-0.07952,-0.06668,0.05559,0.01124,0.02599,0.0792,-0.05914,0.01808,0.07188,-0.05678,-0.06089,-0.03838,-0.0955,-0.07577,0.04661,0.05204,-0.02202,0.01993,-0.06119,-0.10202,0.03393,0.02507,0.0433,0.11432,-0.00089,0.04019,0,0.00883,0.0009,-0.07593,0.04954,0.03066,-0.04837,0.00055,0.1017,-0.05047,-0.04254,-0.02372,0.01533,-0.02582,0.03235,0.00609,0.03709,0.03105,-0.11914,-0.03369,-0.02682,-0.01289,0.06938,-0.07266,0.03913,-0.06831,0.0482,-0.03657,-0.02926,0.00517,-0.02084,-0.02599,-0.05974,-0.04437,0.02535,0.00206,-0.05555,0.02411,0.05616,-0.04066,0.03825,0.02975,0.04655,-0.03426,0.06874,-0.00252,0.00891,-0.08651,0.07085,-0.0913,0.00154,0.01734,0.06102,0.01076,-0.01234,-0.0243,0.01621,0.10262,-0.08714,-0.00418,-0.08268,-0.00923,-0.04468,-0.03332,-0.02082,0.04328,0.04992,-0.01713,-0.07273,0.04066,0.03557,0.01797,-0.02128,0.02464,-0.04486,0.12098,0.01847,-0.00157,-0.12613,-0.00141,-0.04507,-0.09404,0.06915,0.05325,-0.0551,0.00848,0.04815,-0.11167,-0.00775,0.07906,0.02866,-0.0736,-0.02483,-0.08376,-0.01415,0.03922,0,-0.11104,-0.00175,0.02295,0.00917,0.09625,-0.02647,0.04372,0.02924,0.03028,-0.03565,0.0212,0.05868,-0.01467,-0.05359,0.06928,0.00632,0.07651,-0.02378,-0.02276,0.01493,-0.03559,-0.01787,-0.03892,0.08391,-0.02051,-0.06107,0.08723,0.07415,0.02947,0.01246,-0.0149,-0.01568,0.14035,0.05856,-0.08933,-0.02407,0.05503,-0.02519,0.04689,0.00896,0.01933,0.02895,-0.05312,0.03965,-0.05,-0.00832,-0.017,-0.06599,0.02089,-0.0016,-0.08727,-0.04411,-0.03904,0.06245,0.0418,-0.03858,0.00743,-0.01064,0.05706,0.03958,0.01303,0.00082,-0.01285,-0.03036],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. API Purpose ----------------------------------------- --------------------------------------------------------------------------------- nodes, groups, connections Readonly collection signals rendered by the template. selection, transform Current selection and canvas transform signals. canUndo, canRedo, changes History availability and settled-change notification signals. load(data), snapshot() Replace/reset the store and export persistable data. getNode, getGroup, getConnection Read one record by id. add, update, remove, moveNodes Programmatic immutable mutations. undo, redo, clearHistory History operations. batch(work) Collapse synchronous mutations into one undo step and one changes() increment. beginBatch(), endBatch() Keep one transaction open across asynchronous work such as content-driven reflow. can Undo can Redo get Node get Group get Connection move Nodes clear History begin Batch end Batch","excerpt":"API Purpose ----------------------------------------- --------------------------------------------------------------------------------- nodes, groups, connections Readonly collection signals rendered by the template. selection, transform Current selection and canvas transform signals. canUndo, canRedo, changes History availability and settled-change notification signals. load(data), snapshot() Replace/reset the store and export persistable data. getNode, getGroup, getConnection Read one record by id. add, update, remove, moveNodes Programmatic immutable mutations. undo, redo, clearHistory History operations. batch(work) Collapse synchronous mutations into one undo step and one changes() increment. beginBatch(), endBatch() Keep one transaction open across asynchronous work such as content-driven reflow."},{"chunkId":"/examples/state#16","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.09587,-0.00306,0.03934,0.0852,0.07008,0.05055,-0.01978,-0.08973,0.06978,0.03031,-0.01957,0.04336,-0.06321,-0.01609,0.00731,0.02637,-0.04559,-0.03978,0.01645,-0.05477,0.00538,-0.02923,0.01479,-0.01692,0.07608,0.07282,0.02134,0.02219,0.03118,-0.05136,-0.05993,0.08444,-0.06524,-0.01815,-0.16131,0.0514,-0.0188,0.02032,-0.0374,0.02477,0.09133,-0.00402,0.00135,-0.05555,-0.06851,0.03611,-0.03705,-0.01182,-0.07993,0.09795,0.05636,0.01123,0.00992,0.02872,0.02214,0.00272,0.07958,-0.03052,-0.02787,-0.05342,0.03003,-0.01846,-0.0523,0.03758,0.0067,0.05131,0.00947,-0.0531,0.04859,-0.02109,0.04622,-0.04416,0.01428,-0.07046,0.01769,-0.01882,0.0353,0.0182,-0.08777,-0.02602,0.0626,-0.01851,-0.01848,0.10667,0.01276,0.03506,-0.07126,-0.06666,0.06751,0.01054,-0.10627,-0.01174,0.05782,-0.0175,0.05521,0.00929,-0.04313,-0.00294,-0.07224,0.01319,0.03683,-0.00825,0.06092,0.08529,-0.01809,-0.02726,-0.02938,-0.00337,-0.00383,0.04153,0.00989,0.0214,0.09964,0.06865,-0.00803,-0.01724,-0.07082,0.01064,-0.07819,0.08666,-0.02072,0.02547,-0.00028,-0.04144,-0.01505,-0.01209,0.03187,0,0.05505,-0.03468,-0.04097,-0.04809,0.04049,0.0373,-0.05712,-0.08791,0.01463,0.01661,0.02681,0.07535,-0.03899,0.10267,-0.01781,-0.06182,-0.01359,0.07635,0.04335,0.01454,0.01257,0.04352,-0.08926,-0.08436,0.0282,0.06028,-0.03317,0.04218,-0.00596,-0.00477,-0.01514,0.01192,-0.02584,0.00064,-0.0173,0.05944,-0.04447,-0.06976,0.02086,-0.04071,0.0265,-0.02116,-0.10371,-0.02231,-0.05174,-0.05944,-0.05461,-0.02391,0.01941,-0.01874,0.07948,0.01591,-0.03172,-0.04035,0.02244,-0.08599,-0.00056,0.10958,0.00518,0.12273,0.03686,0.05565,-0.04411,-0.01504,0.03009,0.07822,-0.01773,0.00716,0.03644,-0.09966,-0.07569,0.04305,-0.01407,0.03202,0.05868,-0.06114,0.01854,0.02497,0.02801,-0.01668,-0.09807,-0.12539,-0.04355,0.01918,0.08125,-0.05694,0.04168,-0.04942,-0.05442,-0.01697,0.05466,0.05471,0.08041,0.06443,0.02108,0,0.00594,0.03242,0.02854,0.10031,-0.00655,-0.06819,0.02992,0.0637,0.00287,-0.07853,0.0342,0.02242,0.01419,0.00483,0.07019,0.04885,-0.00913,-0.09285,-0.09582,-0.03397,0.00812,-0.02914,-0.03053,-0.00264,-0.0763,0.03554,0.01476,-0.0715,0.00707,-0.05429,-0.03058,-0.02502,-0.08675,0.00154,0.0228,0.00565,-0.02602,0.08175,-0.04602,0.02885,-0.0164,0.06516,-0.04642,0.09247,-0.01975,0.07694,-0.09485,0.06269,-0.04698,-0.01637,-0.03352,0.0753,0.01872,-0.02367,-0.01085,0.05421,0.14359,-0.02866,0.02039,-0.03309,-0.03892,0.03576,-0.05722,-0.04794,0.00596,0.02079,-0.00481,-0.01817,0.00772,0.00473,0.0451,0.02032,0.00858,-0.09179,0.11303,-0.04882,0.05384,-0.02594,0.02986,-0.05257,-0.02445,0.08372,0.06715,-0.08289,-0.0088,0.07686,-0.12099,0.01293,0.07095,0.02976,-0.04148,-0.01868,0.00013,-0.04444,0.02487,0,-0.14813,0.03749,0.05003,-0.03958,0.07403,-0.00476,0.02234,0.13435,0.01984,-0.03048,0.04135,0.09245,-0.03368,-0.01819,0.02229,-0.00206,0.0484,0.03214,-0.00564,0.00615,-0.02489,-0.04805,-0.0387,0.1041,-0.0259,-0.07317,-0.02072,-0.0068,-0.00147,0.06895,-0.03806,0.01261,0.08768,0.05789,-0.05233,-0.0168,-0.01016,-0.05268,0.02966,-0.01102,0.0049,0.02415,-0.03561,-0.01621,-0.14366,0.01584,0.02696,-0.05317,-0.04899,-0.05741,-0.06151,-0.04322,0.00278,0.03468,0.0674,0.01658,-0.05999,-0.03082,0.00987,0.00187,0.00362,0.00048,-0.01442,-0.04696],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Selection, and whether it belongs in the history state.selection() always reflects the current selection (nodeIds, groupIds, connectionIds) as a signal — handy for a properties panel or a context menu. Whether selecting is undoable is a config switch, because editors disagree: - On by default — every selection change is its own step and undo/redo restore the previous highlight (Figma, Photoshop); a drag's leading selection folds into the same step as the move. - Set false to keep selection out of the history, so undo walks only graph edits (xyflow, tldraw). node Ids group Ids connection Ids","excerpt":"Selection, and whether it belongs in the history state.selection() always reflects the current selection (nodeIds, groupIds, connectionIds) as a signal — handy for a properties panel or a context menu. Whether selecting is undoable is a config switch, because editors disagree: - On by default — every selection change is its own step and undo/redo restore the previous highlight (Figma, Photoshop); a drag's leading selection folds into the same step as the move. - Set false to keep selection out of the history, so undo walks only graph edits (xyflow, tldraw)."},{"chunkId":"/examples/state#17","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.09309,0.0142,-0.01452,0.04522,-0.01462,0.0199,-0.02208,-0.03585,0.01402,0.07207,-0.02829,0.04219,-0.06209,0.0299,0.05032,0.00733,-0.02914,-0.00876,-0.01276,-0.03626,0.01703,-0.02612,-0.05061,0.0168,0.0691,0.07123,-0.00307,-0.0307,0.08706,-0.02791,-0.02178,0.07243,-0.0334,0.02131,-0.16727,0.07388,-0.02001,0.00627,-0.04677,-0.02202,0.07522,-0.03538,-0.01261,-0.06626,-0.03697,0.03139,-0.04625,0.01149,-0.07834,0.05708,-0.01895,-0.04356,-0.03694,0.0284,0.04103,-0.00498,0.10716,-0.00668,-0.04108,-0.03586,0.04105,-0.02989,-0.03725,0.06477,0.01077,0.07379,0.01443,-0.02804,0.05185,-0.04702,0.01498,-0.05807,0.02539,-0.10964,0.01271,-0.07466,-0.05103,0.01584,-0.09234,-0.00362,0.05067,-0.03099,0.00111,0.07273,0.00111,0.04837,-0.05354,-0.05967,0.11944,-0.0115,-0.09163,0.02185,0.03418,-0.02585,0.04613,-0.01923,-0.01669,-0.0104,-0.09989,0.04232,0.02439,0.0038,0.03742,0.04186,0.00321,-0.02487,-0.03184,-0.01847,-0.02503,0.03568,0.00276,0.0418,0.04724,-0.01941,-0.01659,-0.04628,-0.0567,-0.02441,-0.05247,0.08903,-0.00484,0.02163,0.02791,-0.06467,-0.00647,0.00809,0.05859,0,0.0237,-0.00751,-0.04882,-0.00987,0.04352,0.06723,-0.0449,-0.08153,0.03614,-0.01955,0.09265,0.10933,-0.00026,0.1106,-0.00029,-0.06342,-0.0382,0.05041,0.06212,0.01525,0.02672,-0.00546,-0.08481,-0.02924,0.07018,0.0601,-0.01119,0.06873,-0.01084,-0.01849,0.07197,0.01599,-0.04965,0.03105,-0.00932,-0.0207,-0.03437,-0.07323,-0.01445,-0.07725,0.02356,-0.02905,-0.12058,-0.01271,-0.07687,-0.08863,-0.05739,-0.03082,0.05436,-0.01506,0.04482,0.07106,-0.02475,-0.04538,0.01249,-0.06312,-0.00104,0.06064,-0.03017,0.08877,0.013,0.01202,-0.03541,-0.06165,0.01215,0.05417,-0.03545,0.02596,0.09005,-0.07169,-0.09432,0.04943,-0.03147,0.0769,0.03409,-0.05963,0.02853,0.05219,-0.02982,-0.01063,-0.0513,-0.11165,0.01392,0.093,0.07779,-0.0839,0.00699,-0.11469,-0.0873,0.02009,0.01268,0.03018,0.06271,0.07805,0.04921,0,-0.0099,0.02259,-0.04821,0.10551,-0.01072,-0.0665,0.0181,0.079,0.014,-0.03889,-0.00989,0.02556,0.00737,0.02637,0.0503,0.0355,-0.0119,-0.11828,-0.04282,-0.023,-0.00583,0.00389,-0.00247,-0.00881,-0.07822,0.05292,-0.01049,-0.07816,-0.00649,-0.0251,-0.02142,-0.04308,-0.0464,-0.00609,-0.02166,0.00185,0.02127,0.05673,-0.04439,-0.0183,0.03764,0.03855,-0.03296,0.08112,-0.01706,0.03372,-0.09621,0.05624,-0.11858,-0.02497,-0.03382,0.05758,0.02687,-0.05173,-0.02572,-0.01129,0.14404,-0.04354,0.01439,-0.06471,-0.03347,-0.00931,-0.04347,-0.05969,0.01453,0.06677,-0.01967,-0.08008,0.02572,0.05642,0.05091,0.0139,-0.01768,-0.03385,0.12984,-0.00903,0.06612,-0.05013,-0.01198,-0.05204,-0.01071,0.06035,0.06784,-0.0446,0.00216,0.05404,-0.13132,-0.03759,0.03618,0.08641,-0.10055,0.05167,-0.04097,0.00422,0.02221,0,-0.12162,0.0266,0.07692,-0.01744,0.06217,0.01134,0.03597,0.08014,0.02672,-0.03906,0.02679,0.06435,-0.007,-0.02153,0.02561,-0.00015,0.00714,0.04515,-0.03537,0.0368,-0.01158,-0.01896,-0.03146,0.11528,0.01711,-0.07199,0.06908,0.05482,-0.02259,0.05675,-0.00192,0.03131,0.14292,0.07172,-0.06228,-0.02273,0.01231,-0.01363,0.03197,-0.00545,0.01901,0.04506,-0.05608,0.00281,-0.0737,0.0355,-0.01897,-0.05283,0.00136,-0.05718,-0.07766,0.00864,-0.04828,0.07924,0.02564,0.00445,-0.01082,-0.04179,0.06437,0.02207,-0.00244,0.00265,-0.01405,-0.03757],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Programmatic editing shares the same history Everything the gestures do is also available as methods — and every call is one undoable step:","excerpt":"Programmatic editing shares the same history Everything the gestures do is also available as methods — and every call is one undoable step:"},{"chunkId":"/examples/state#18","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.09157,0.00982,-0.00362,0.06029,0.00598,0.03968,-0.02166,-0.01881,0.02286,0.09146,-0.04688,0.03443,-0.06203,0.02773,0.0357,0.03046,-0.01432,0.0118,-0.02991,-0.0737,0.02236,-0.06534,-0.05703,0.00893,0.06181,0.07588,-0.02386,-0.02176,0.07305,-0.05633,0.03162,0.03138,-0.07086,0.00176,-0.15672,0.09469,-0.00091,-0.00644,-0.07752,-0.02676,0.11677,0.02607,0.0035,-0.05102,-0.02685,0.02292,-0.07388,0.01686,-0.0739,0.0014,0.00518,-0.03659,-0.03995,0.08547,0.02427,-0.03704,0.07006,-0.02978,-0.04819,-0.01918,0.01072,-0.05553,-0.00524,0.03422,-0.00514,0.04842,-0.01859,-0.03011,0.03293,-0.03893,0.05592,-0.04926,0.01189,-0.09496,0.00416,-0.11418,-0.04087,0.0277,-0.05846,0.02446,0.05544,-0.00255,-0.02193,0.03193,-0.03746,0.04974,-0.05197,-0.09955,0.05358,-0.00544,-0.06678,0.04128,0.00301,-0.03909,0.04199,-0.03021,-0.05696,-0.01756,-0.05721,0.02769,0.04991,0.00907,0.04121,0.01577,0.00116,-0.03075,-0.0554,0.01164,0.00629,0.05165,0.00958,0.04242,0.05034,0.01586,-0.00069,-0.06195,-0.03266,-0.06263,-0.04551,0.0947,-0.01173,0.01859,0.0229,-0.07495,0.04908,0.02682,0.03228,0,-0.03454,-0.02424,-0.05434,0.03603,0.08996,0.07074,-0.03071,-0.07534,0.0087,-0.0498,0.06404,0.11531,-0.02321,0.08225,-0.00896,-0.13675,-0.00205,0.05406,0.02857,0.0048,0.01204,0.01087,-0.06741,-0.00374,0.0458,-0.02039,-0.01639,0.08081,-0.06681,-0.02064,0.05332,0.03363,-0.05462,0.02865,-0.05034,0.00562,-0.03899,-0.05423,-0.02246,-0.09655,0.00472,0.01973,-0.12717,0.00114,-0.06262,-0.07894,-0.00764,-0.02672,0.05267,0.00136,0.05308,0.05879,-0.00086,-0.04679,0.03775,-0.05209,-0.00478,0.07086,0.01233,0.06588,0.01873,-0.00798,-0.07725,-0.04317,0.03833,0.05047,-0.02647,0.00482,0.04296,-0.03484,-0.07756,0.07734,0.04821,0.03955,0.02675,-0.04363,0.01232,0.03757,-0.04924,-0.01153,-0.05365,-0.11423,0.01341,0.11654,0.08031,-0.09489,-0.00273,-0.08565,-0.09122,0.02249,0.06949,0.01479,0.112,0.05985,0.06838,0,-0.02695,0.01579,-0.04157,0.07169,0.02767,-0.05038,-0.04292,0.10785,-0.00746,-0.05763,-0.01939,0.02242,0.016,0.03946,0.02618,0.0132,0.01835,-0.11687,0.01584,-0.02482,0.01196,0.02873,-0.01379,-0.01025,-0.04228,0.05693,-0.00532,-0.0398,0.01036,-0.02122,-0.00381,-0.09662,-0.0614,-0.02237,-0.00706,-0.03008,-0.00984,0.0602,-0.01983,0.00688,0.02194,0.01655,-0.03132,0.07485,-0.02299,0.01345,-0.07188,0.03076,-0.09552,-0.02671,-0.06276,0.06628,-0.00015,-0.00044,-0.0386,-0.00934,0.11635,0.00314,-0.0096,-0.05998,-0.01335,-0.05201,-0.02199,-0.05706,0.00143,0.05498,-0.01038,-0.04518,0.02334,0.07461,0.08239,0.04402,-0.01091,-0.02088,0.13239,-0.03442,0.06915,-0.08596,0.00324,-0.02007,-0.0711,0.08822,0.01314,-0.03445,0.0483,0.03436,-0.13666,-0.02095,0.01986,0.12069,-0.08579,0.03495,-0.08871,-0.01039,0.01023,0,-0.14778,0.01103,0.05722,-0.00805,0.08171,0.00208,0.05546,0.05323,0.01136,0.01257,0.07394,0.05652,0.03705,-0.05566,0.08057,0.01507,0.00452,0.03264,-0.02955,0.0296,-0.0034,0,-0.03831,0.09954,-0.01247,-0.05722,0.08268,0.05986,-0.04842,0.05736,-0.01864,0.04361,0.11356,0.09017,-0.06526,-0.00448,0.00711,0.00903,0.00726,-0.01831,0.00494,0.02935,-0.02676,0.02042,-0.0678,0.03825,-0.01942,-0.04777,0.00639,-0.01987,-0.03418,-0.01471,-0.05604,0.09484,0.06074,-0.00538,-0.02106,-0.00688,0.04602,0.02746,-0.02023,0.00225,0.00748,-0.01833],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Keep expand/collapse and async reflow in one undo step Expanding a node can produce two state changes that belong to one user action: 1. The application stores isExpanded immediately. 2. Angular renders the larger node, ResizeObserver runs withReflowOnResize, and the plugin emits the resulting node positions through fMoveNodes on a later rendering turn. is Expanded Resize Observer with Reflow On Resize f Move Nodes","excerpt":"Keep expand/collapse and async reflow in one undo step Expanding a node can produce two state changes that belong to one user action: 1. The application stores isExpanded immediately. 2. Angular renders the larger node, ResizeObserver runs withReflowOnResize, and the plugin emits the resulting node positions through fMoveNodes on a later rendering turn."},{"chunkId":"/examples/state#19","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.10073,0.00639,-0.00498,0.07751,-0.04302,0.03655,0.01133,-0.03305,0.06245,0.05355,-0.01051,0.05973,-0.09961,0.01531,0.00429,-0.00795,0.02167,-0.04819,-0.04037,-0.07084,0.05018,-0.06751,0.00292,-0.01994,0.02164,0.051,-0.06996,-0.08726,0.09931,-0.01169,0.0232,0.0175,-0.09771,-0.02419,-0.09483,0.08048,-0.04111,0.01609,-0.02297,-0.02027,0.10433,0.02771,-0.01558,-0.04392,0.03229,0.01022,-0.05256,0.03562,-0.04709,0.03829,-0.02554,0.01599,-0.03529,0.05606,0.03655,0.00973,0.12737,-0.02695,-0.04237,0.01656,-0.03471,-0.07383,-0.00045,0.00102,0.03123,0.04336,-0.01866,-0.02898,0.06415,0.01391,0.07191,-0.02304,0.00484,-0.04491,0.00606,-0.05519,-0.03361,0.02318,-0.10063,0.03883,0.07178,-0.06232,0.0348,-0.03249,-0.03652,0.02051,-0.05243,-0.05679,0.09163,0.00434,-0.08011,0.08079,-0.05652,-0.01947,0.01766,-0.0112,-0.01251,0.03645,-0.0188,-0.02026,0.06578,0.01581,-0.00372,0.04103,-0.04307,-0.03079,-0.03608,-0.00773,-0.05454,0.01916,0.01925,0.05406,0.1003,0.03154,-0.04421,-0.01188,-0.03099,-0.03602,-0.00272,0.09203,-0.02133,0.05878,0.00302,-0.05351,0.06271,0.00663,0.07323,0,-0.05377,-0.07765,-0.07466,-0.02373,0.06401,0.06753,-0.01789,-0.1012,0.01613,-0.04228,0.04187,0.01172,-0.02411,-0.03425,-0.07836,-0.09419,0.0241,0.03995,0.01197,0.03971,0.03961,0.00536,-0.05627,-0.02667,-0.01307,-0.01267,-0.07752,0.05401,-0.01886,-0.00739,0.0578,0.03303,-0.06135,0.01247,-0.0209,0.03643,-0.04707,-0.05046,-0.02763,-0.09704,-0.02829,0.05205,-0.14197,0.05661,-0.10245,-0.13766,-0.04549,0.02593,0.07039,-0.00101,0.0045,0.04736,0.01879,-0.08067,0.03987,-0.05319,0.00637,0.04332,-0.0376,0.10258,0.00909,-0.01908,-0.06567,-0.0658,0.01945,0.03802,-0.02324,-0.00633,-0.0001,-0.04895,-0.02804,0.06262,0.03038,0.02907,0.06027,0.02711,0.01452,0.08799,-0.06583,-0.03428,-0.00052,-0.08851,-0.02603,0.12379,0.06542,-0.0576,-0.03253,-0.06582,-0.04944,0.03035,0.01841,0.01769,0.11666,0.03538,0.05511,0,0.043,0.03823,-0.03165,0.09065,0.02876,-0.02231,0.01634,0.08481,-0.05787,-0.05009,-0.02698,0.02065,-0.0057,0.06832,-0.00382,0.00788,0.07408,-0.01829,0.05094,-0.00412,0.0124,0.0057,-0.02531,0.05506,-0.06554,0.07896,-0.01892,-0.06985,-0.0198,-0.06377,0.00759,-0.10839,-0.02801,-0.00198,0.03279,-0.01632,-0.00146,0.04554,-0.01989,0.04782,0.05269,0.02984,-0.08059,0.04813,0.00281,0.00053,-0.09328,0.0353,-0.06128,-0.0254,-0.06631,0.05453,-0.03341,-0.02554,-0.01514,-0.04045,0.11562,-0.03886,0.03017,-0.02425,0.01908,-0.06681,0.01719,-0.08958,0.06157,0.04646,0.02821,-0.04363,0.07691,0.03496,0.06744,0.03094,0.01267,0.01383,0.10797,0.0153,0.08657,-0.11634,0.02855,0.00297,-0.06902,0.07819,0.024,0.01945,0.04928,0.06879,-0.11507,-0.05464,0.00932,0.10115,-0.05345,-0.0421,-0.02589,0.00339,0.0487,0,-0.12758,0.01342,0.04996,0.04508,0.04387,0.00872,0.03043,-0.00047,0.00235,-0.04871,0.03395,0.03015,0.10954,-0.05471,0.03227,-0.02309,0.03916,-0.03893,-0.01835,0.02178,-0.01676,-0.04074,-0.02911,0.06388,-0.03722,-0.05941,0.10888,0.05198,-0.0307,-0.03732,-0.06786,0.00775,0.12089,0.06136,-0.09538,-0.02793,0.06001,-0.00734,0.01521,0.0175,0.00305,0.04987,0.00409,0.02755,-0.04338,0.03013,0.00609,-0.01277,-0.00737,0.02431,-0.04749,-0.04293,-0.05539,0.07212,0.05082,-0.06226,-0.02954,-0.01432,0.0386,0.0323,0.03101,-0.00472,-0.01445,-0.05235],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. batch(() = ...) only covers synchronous work, so it closes before the reflow positions arrive. Use beginBatch() and endBatch() to keep the same transaction open across the render boundary. The state controller applies the reflow fMoveNodes event automatically while that transaction is still open: `ts function afterResizeObserverTurn(): Promise<void { return new Promise((resolve) = { requestAnimationFrame(() = requestAnimationFrame(() = resolve())); }); } async function setExpanded(nodeId: string, isExpanded: boolean): Promise<void { state.beginBatch(); begin Batch end Batch f Move Nodes after Resize Observer Turn request Animation Frame set Expanded node Id is Expanded","excerpt":"batch(() = ...) only covers synchronous work, so it closes before the reflow positions arrive. Use beginBatch() and endBatch() to keep the same transaction open across the render boundary. The state controller applies the reflow fMoveNodes event automatically while that transaction is still open: `ts function afterResizeObserverTurn(): Promise<void { return new Promise((resolve) = { requestAnimationFrame(() = requestAnimationFrame(() = resolve())); }); } async function setExpanded(nodeId: string, isExpanded: boolean): Promise<void { state.beginBatch();"},{"chunkId":"/examples/state#20","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.08191,0.02514,0.04113,0.0863,0.00725,0.03739,-0.0197,-0.05132,0.01716,0.04688,-0.02001,0.05606,-0.07002,-0.03404,0.00441,0.0247,-0.05028,0.00939,-0.01711,-0.07619,0.01043,-0.0223,-0.01072,0.00241,0.07399,0.06522,-0.03695,-0.0585,0.10219,-0.07822,0.02226,0.05849,-0.09127,-0.0263,-0.11722,0.07489,-0.02525,0.02282,-0.00029,-0.01553,0.10541,0.03331,-0.01671,-0.0545,0.00095,0.04523,-0.07848,0.04045,-0.04214,0.02171,0.04063,-0.06354,-0.01681,0.06109,0.04047,-0.02537,0.07055,0.00454,-0.00795,-0.00306,0.02723,-0.06022,-0.01361,0.03148,0.06567,0.04541,0.02524,-0.08512,0.05405,-0.03497,0.11442,-0.0259,0.04335,-0.06121,0.01454,-0.05255,-0.05546,0.07865,-0.0732,0.05345,0.03452,-0.06111,-0.01535,0.01354,-0.02297,0.02454,-0.06412,-0.06568,0.0422,0.03754,-0.07308,0.03587,-0.02787,0.02561,0.05942,0.01376,-0.02132,0.00207,-0.01372,0.01854,0.06167,0.01926,0.03703,0.01463,-0.01718,-0.03093,-0.04442,-0.01857,-0.02604,0.04518,0.01127,0.01,0.09964,0.03383,-0.03264,-0.06091,-0.06276,-0.05996,-0.08093,0.05675,-0.00512,0.03525,0.01019,-0.06192,0.01677,0.0245,0.01022,0,-0.01205,0.00852,-0.06166,-0.01193,0.0701,0.07207,-0.02259,-0.13482,-0.01912,-0.04315,0.02062,0.0479,-0.01532,0.00577,-0.04716,-0.13097,0.01634,0.09261,-0.05153,0.00448,0.00091,0.08005,-0.08886,-0.04803,0.00582,0.02396,-0.05329,0.07301,-0.03463,-0.00637,0.04947,0.04568,-0.06843,0.03247,-0.05454,0.0212,0.01426,-0.08898,-0.04283,-0.1,0.04002,0.01919,-0.10354,0.01586,-0.08575,-0.13084,-0.01839,-0.00026,0.02341,-0.03941,0.03803,0.07651,0.01434,-0.10991,0.02704,-0.0354,-0.00341,0.04106,-0.08198,0.09174,0.06617,0.01086,-0.04834,-0.03593,0.0296,0.08572,-0.00858,-0.01585,0.0444,-0.02034,-0.02706,0.06443,-0.0101,0.01501,0.05007,-0.03938,0.01482,0.02177,-0.01617,-0.03415,-0.04919,-0.07161,-0.03776,0.09934,0.03701,-0.06422,0.02096,-0.0536,-0.07215,-0.00175,0.06774,0.001,0.08749,0.02408,0.06189,0,-0.02845,0.0349,-0.0161,0.07631,-0.0216,-0.03641,-0.03967,0.1112,-0.03962,-0.07943,0.00224,0.02258,0.00788,0.02157,0.00731,0.06214,0.02576,-0.09968,0.03649,-0.03454,0.0633,0.007,-0.03573,0.02259,-0.04417,0.05597,-0.01171,-0.03508,0.06178,-0.05674,0.01814,-0.07132,-0.04405,0.05183,-0.01333,-0.00313,-0.01195,0.0263,0.01209,0.02525,-0.01625,0.04278,-0.05101,0.07654,0.03906,0.00007,-0.05788,0.07012,-0.04952,-0.06355,-0.02067,0.05941,0.00895,0.01014,-0.0493,0.01567,0.06791,-0.03208,0.02021,-0.06184,-0.03295,-0.04472,-0.02058,-0.01896,0.00464,0.08128,0.00321,-0.07704,0.0201,0.00039,0.09708,0.06025,0.00444,-0.06312,0.15264,-0.02442,0.02824,-0.06617,-0.02669,-0.07128,-0.06821,0.08027,0.04087,-0.01985,0.05063,0.0509,-0.12777,-0.02132,0.02645,0.10514,-0.08919,0.00974,-0.0515,-0.00644,0.02298,0,-0.14624,0.02949,0.01281,0.03876,0.11737,0.01559,0.01424,0.07892,-0.01894,-0.05217,-0.02096,0.03509,0.07037,-0.02764,0.07714,0.01524,0.01503,0.03044,-0.01689,0.0548,-0.02121,-0.04961,-0.02088,0.09465,-0.04106,-0.0432,0.06922,0.05543,-0.01591,0.01204,-0.02257,0.02428,0.1024,0.09655,-0.11491,0.01112,0.03032,-0.00074,0.01385,0.04718,0.00798,0.02376,0.00309,0.02471,-0.12075,-0.03039,0.00142,-0.02073,-0.0139,-0.04542,-0.02165,-0.00222,-0.05071,0.0339,0.05441,-0.00245,-0.04066,0.0197,-0.0104,0.06006,-0.00716,-0.03051,-0.02516,-0.0337],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. try { state.updateNode(nodeId, { isExpanded }); await afterResizeObserverTurn(); } finally { state.endBatch(); } } The first mutation records the shape from before the click. Any positions emitted by reflow amend that same history entry, and the outer endBatch() produces one changes() tick. One undo()` therefore restores both the collapsed/expanded value and every node moved by reflow. update Node node Id is Expanded after Resize Observer Turn end Batch","excerpt":"try { state.updateNode(nodeId, { isExpanded }); await afterResizeObserverTurn(); } finally { state.endBatch(); } } The first mutation records the shape from before the click. Any positions emitted by reflow amend that same history entry, and the outer endBatch() produces one changes() tick. One undo()` therefore restores both the collapsed/expanded value and every node moved by reflow."},{"chunkId":"/examples/state#21","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.06383,0.02059,-0.00394,0.05505,0.02257,0.04761,-0.06901,-0.03718,0.03593,0.06357,-0.02513,0.06888,-0.10385,0.01092,-0.00234,0.02613,-0.01995,0.0123,-0.0447,-0.08065,-0.01333,-0.04526,0.00028,0.01276,0.06342,0.10546,-0.0451,-0.05383,0.07586,-0.04609,0.00918,0.03695,-0.0332,0.02071,-0.1181,0.08924,-0.03087,0.05195,-0.0008,-0.05035,0.13074,0.05418,-0.02005,-0.03884,-0.06036,0.02823,-0.06297,-0.01773,-0.10047,0.01471,-0.05327,-0.03754,-0.05006,0.0392,0.00451,-0.01483,0.10014,0.01425,-0.04271,-0.00083,-0.04694,-0.02913,-0.01844,0.02889,0.0458,0.00595,0.02918,-0.03857,0.02537,0.00349,0.08389,-0.02346,-0.00973,-0.04591,-0.0476,-0.06417,-0.009,0.05576,-0.10157,0.0115,0.02678,-0.01879,0.00611,-0.03658,-0.04636,0.05965,-0.00764,-0.07584,0.0495,-0.01093,-0.07364,0.04014,0.00017,-0.0069,0.06557,-0.01887,-0.05179,-0.01389,-0.03156,0.01885,0.06767,0.03517,0.03664,0.05061,0.00209,-0.01188,-0.02553,0.03819,0.00808,0.00754,0.04828,0.03953,0.0528,0.03228,-0.02306,-0.05579,0.00665,-0.01646,-0.04539,0.0933,0.02993,0.01245,0.0036,-0.07535,-0.01636,0.00643,0.0768,0,0.00258,-0.0494,-0.08621,0.0212,0.08497,0.09563,-0.05655,-0.05845,0.00112,-0.01777,0.0771,0.0794,-0.03772,0.04966,-0.04368,-0.13418,0.00868,0.10722,0.01344,0.00238,0.00373,0.00048,-0.05995,0.0138,0.00221,-0.03333,-0.00385,0.04808,-0.08857,-0.03835,0.05189,0.01239,-0.09241,0.01234,-0.01206,-0.00179,-0.01928,-0.08685,0.03357,-0.11715,-0.031,0.00472,-0.12178,-0.00005,-0.10059,-0.10837,-0.01814,0.00727,0.02673,0.00094,0.07631,0.06046,0.0171,-0.05993,0.02174,-0.03662,0.03931,0.02487,0.02668,0.1022,0.04267,-0.00034,-0.06116,-0.01157,0.0486,0.0534,-0.0154,-0.00186,0.0548,-0.08428,-0.04151,0.05667,0.04082,0.0428,0.0634,-0.04186,0.00982,0.05134,-0.00458,0.0071,0.00971,-0.10602,-0.01948,0.06184,0.07422,-0.08337,-0.03528,-0.05248,-0.0589,0.00558,0.03506,0.03752,0.14152,0.04231,0.07667,0,-0.00388,-0.00193,-0.04549,0.09994,0.02192,-0.05987,-0.05097,0.08451,-0.0056,-0.06947,-0.01314,0.03353,0.00356,-0.02641,-0.01604,0.01994,0.06573,-0.10315,0.0302,-0.03239,0.03942,-0.02636,-0.00439,0.03429,-0.0247,0.05347,-0.00309,-0.04471,-0.0218,-0.04198,-0.00099,-0.06435,-0.02984,-0.00008,-0.00801,-0.02253,0.01648,0.04863,-0.02949,0.04861,0.02291,0.04575,-0.04817,0.06364,-0.00171,-0.01451,-0.09737,0.04655,-0.07121,0.00313,-0.06905,0.09184,-0.00788,-0.03617,-0.02483,-0.03448,0.1019,-0.02146,-0.00391,-0.06918,-0.00766,-0.00467,0.00324,-0.09866,-0.01166,0.05872,-0.01327,-0.06963,0.02756,0.04366,0.0793,0.01465,0.00179,0.00061,0.08139,-0.03555,0.12262,-0.10219,0.05698,-0.03243,-0.05425,0.09668,0.0525,-0.0547,0.02631,0.08118,-0.11595,-0.04136,0.00985,0.10033,-0.07306,0.00503,-0.01189,-0.02252,0.02395,0,-0.13628,0.02237,0.03304,0.01791,0.10306,-0.02953,0.04244,0.09792,0.04167,-0.03764,0.06794,0.07254,0.04032,-0.0303,0.03923,-0.01638,0.04257,-0.0463,-0.0128,0.00825,-0.0224,-0.00556,-0.00543,0.0852,-0.05149,-0.05197,0.05044,0.09505,-0.05252,-0.00731,0.00541,0.04694,0.09969,0.0727,-0.06326,-0.04237,0.04211,0.00499,0.03332,-0.02084,-0.01499,0.01722,0.00475,0.02665,-0.07603,0.01439,-0.0353,-0.0281,-0.04155,-0.04728,0.01662,-0.00785,-0.05947,0.0847,0.05383,-0.01277,-0.00855,-0.00708,0.0231,0.02377,-0.01858,-0.03408,-0.02152,-0.05659],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Two animation frames are appropriate when the size change is rendered immediately: the first lets Angular update and measure the DOM, and the second lets the ResizeObserver-driven move settle. If the node size depends on a CSS transition, lazy content, or another asynchronous layout step, close the batch from that operation's real completion signal instead. Always pair beginBatch() with endBatch() in finally; leaving a batch open would merge later, unrelated edits into the same history item. Resize Observer-driven begin Batch end Batch","excerpt":"Two animation frames are appropriate when the size change is rendered immediately: the first lets Angular update and measure the DOM, and the second lets the ResizeObserver-driven move settle. If the node size depends on a CSS transition, lazy content, or another asynchronous layout step, close the batch from that operation's real completion signal instead. Always pair beginBatch() with endBatch() in finally; leaving a batch open would merge later, unrelated edits into the same history item."},{"chunkId":"/examples/state#22","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.08298,0.01015,0.02216,0.11461,0.02995,0.05776,0.01857,-0.02399,0.03456,0.06974,-0.03747,0.05016,-0.11065,-0.01424,0.04743,0.01193,-0.05664,-0.01405,-0.00367,-0.08123,0.00112,-0.03564,-0.00894,-0.0303,0.03798,0.04088,-0.01799,-0.03104,0.03324,-0.04732,0.01433,0.03813,-0.06609,-0.0385,-0.13277,0.0786,-0.03453,0.02272,-0.04777,-0.01823,0.09163,0.02791,0.00012,-0.06297,-0.0831,0.00036,-0.0788,0.02927,-0.04004,0.02755,0.06528,0.01414,0.01779,-0.01464,0.03992,-0.07056,0.04159,-0.03951,-0.04011,-0.0076,0.00455,-0.07835,-0.08549,0.00032,0.03144,0.07634,-0.00645,-0.08177,0.02268,-0.02675,0.09179,-0.03557,0.01201,-0.02761,0.03449,-0.06289,-0.0436,0.05745,-0.05438,0.02244,0.0649,0.00761,-0.00349,0.0474,-0.02667,0.0435,-0.0979,-0.07853,0.06436,-0.0006,-0.04202,0.01104,0.00735,0.01626,0.07722,-0.04572,-0.05799,-0.02616,-0.09185,0.00461,0.06019,0.01603,0.03013,-0.01749,0.00365,-0.025,-0.05334,-0.05776,0.00525,0.0307,-0.01664,0.0277,0.06231,0.02343,-0.02846,-0.04237,-0.03358,-0.05111,-0.04949,0.02143,-0.01115,0.02954,0.00347,-0.07338,-0.01235,-0.05243,-0.01216,0,-0.03608,-0.03606,-0.08377,0.00478,0.06357,0.0694,-0.04047,-0.10116,-0.02898,-0.00853,0.08397,0.01627,-0.03161,0.04471,-0.00051,-0.09924,0.00854,0.09237,0.01659,0.02163,0.03859,0.06956,-0.03088,0.01104,0.03142,-0.00554,-0.03172,0.07663,-0.05508,0.0128,0.02408,-0.01622,-0.05379,-0.00126,-0.05078,0.06497,-0.04093,-0.0642,-0.01925,-0.05654,0.01066,-0.01346,-0.09911,-0.01671,-0.1133,-0.04503,-0.00069,0.00376,0.03429,-0.01235,0.05337,0.05632,0.00283,-0.07563,0.0625,-0.02969,-0.05521,0.06741,-0.00743,0.09988,0.06765,-0.01406,-0.06181,-0.04571,0.01617,0.07538,0.01724,0.01713,0.02441,-0.06734,-0.06929,0.04393,0.05511,0.00999,0.08285,-0.0009,0.03906,-0.02319,0.04202,-0.02896,-0.07929,-0.14325,0.03316,0.09216,0.02696,-0.10447,0.00086,-0.03099,-0.0816,-0.02393,0.03671,0.00953,0.10082,0.08249,0.08189,0,0.04514,0.02625,-0.00788,0.01695,-0.01223,-0.02665,-0.01358,0.04895,-0.01979,-0.0758,-0.02163,0.04062,0.04463,0.02787,0.02249,0.07582,-0.00088,-0.06435,-0.01,-0.01782,0.02715,-0.03018,0.00075,-0.00683,-0.01809,0.01961,-0.00648,-0.02041,0.06493,-0.03338,0.0039,-0.04125,-0.02954,0.0234,-0.00359,-0.00796,-0.00004,0.0714,0.00973,0.04094,-0.00237,0.07642,-0.00977,0.06836,-0.00071,0.0146,-0.02908,0.06313,-0.06478,-0.00108,-0.07478,0.05222,0.00377,-0.0086,-0.05906,0.04493,0.16475,-0.04229,0.01436,-0.04593,-0.05369,-0.02367,-0.01887,-0.03019,0.02619,0.05214,0.02063,-0.02289,0.02315,0.01622,0.06909,0.00909,0.0252,-0.05439,0.1585,0.02733,0.05858,-0.0932,-0.0084,-0.06285,-0.02409,0.03151,0.0714,-0.04095,0.01919,0.00661,-0.13883,0.01241,0.06829,0.12711,-0.05772,-0.03019,0.0218,-0.03871,0.01672,0,-0.16525,0.0301,0.06139,-0.03187,0.08755,-0.01153,-0.00944,0.10472,-0.02557,-0.026,0.00007,0.07154,0.02015,-0.06929,0.06179,-0.01708,0.03316,0.05839,-0.00733,0.07824,-0.01986,-0.04435,-0.02666,0.09321,-0.04601,-0.05602,-0.04775,0.05232,0.00164,0.05038,0.01509,0.07197,0.08334,0.10023,-0.11793,0.00605,0.04061,-0.02896,-0.0109,-0.00603,-0.00978,-0.00616,0.01213,-0.00413,-0.164,0.01527,-0.03872,-0.0188,-0.01304,-0.05694,-0.02146,0.02557,-0.01613,0.07443,0.06779,0.0236,-0.05696,-0.01067,0.01377,0.03099,-0.02611,0.01096,-0.03352,-0.02601],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. If the expand/collapse control is nested inside an fDragHandle, add fDragBlocker to that control. Otherwise the pointer down can select the node before the click handler runs. With selectionInHistory: true, that selection is correctly recorded as its own undo item, so the user action appears to require an extra undo even though expand and reflow are already batched together. f Drag Handle f Drag Blocker selection In History","excerpt":"If the expand/collapse control is nested inside an fDragHandle, add fDragBlocker to that control. Otherwise the pointer down can select the node before the click handler runs. With selectionInHistory: true, that selection is correctly recorded as its own undo item, so the user action appears to require an extra undo even though expand and reflow are already batched together."},{"chunkId":"/examples/state#23","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.09044,0.0129,-0.01392,0.02653,0.01829,0.03527,-0.02578,0.00144,0.04934,0.06604,-0.04461,0.06373,-0.0632,0.03415,0.02662,0.01191,-0.05154,-0.01328,-0.01345,-0.04535,0.04558,-0.05241,-0.07897,0.00879,0.07067,0.10703,-0.03403,0.0055,0.08359,-0.04063,-0.00195,0.08958,-0.04739,0.02346,-0.17761,0.09076,-0.01547,0.01757,-0.06722,-0.01397,0.0891,0.02273,0.0276,-0.05794,-0.00326,0.04343,-0.09149,0.02124,-0.08673,0.00356,-0.02271,-0.05024,-0.03766,0.07659,0.0485,-0.03019,0.07419,-0.03472,-0.00954,-0.00859,0.03929,-0.05484,-0.01465,0.07806,-0.0047,0.03446,-0.01419,-0.00374,0.02505,-0.0667,0.05097,-0.04833,0.03783,-0.10707,0.03418,-0.07917,-0.06178,0.01075,-0.04793,0.03092,0.04183,0.0189,-0.00825,0.04458,-0.04559,0.0466,-0.03248,-0.09186,0.06313,-0.01323,-0.05893,0.03486,-0.02923,-0.02924,0.06008,-0.02284,-0.0925,-0.06244,-0.07342,0.01728,0.03731,0.00011,0.06788,0.02276,0.01083,-0.0454,-0.04549,0.02737,-0.01483,0.03064,-0.00265,0.04056,0.03588,-0.01464,-0.03437,-0.06711,-0.02636,-0.07107,-0.02035,0.08868,-0.01903,0.04807,-0.01023,-0.11183,0.03722,0.03798,0.04672,0,-0.04717,-0.01215,-0.04436,0.05731,0.05593,0.03969,-0.02732,-0.06933,0.05196,-0.03642,0.05413,0.10185,-0.01989,0.0827,-0.00481,-0.10785,-0.00419,0.05871,0.00335,0.0166,0.02333,0.01964,-0.04979,-0.02303,0.04924,0.0146,-0.01371,0.06091,-0.07402,-0.0191,0.05349,0.01847,-0.04642,0.01909,-0.00971,0.03066,-0.04266,-0.05157,0.00266,-0.05623,-0.00537,0.0001,-0.13506,0.01746,-0.05815,-0.05879,-0.01951,-0.03961,0.0632,-0.00468,0.04733,0.049,0.00868,-0.01069,0.06118,-0.04655,0.00928,0.06536,-0.00989,0.09045,-0.0025,-0.01938,-0.08053,-0.04026,0.06131,0.01717,-0.0438,0.01385,0.08194,-0.06461,-0.06641,0.05802,0.02536,0.07721,0.03013,-0.04378,0.02348,0.04104,-0.05609,-0.00156,-0.07602,-0.06375,0.06555,0.09978,0.07003,-0.08974,0.00522,-0.09868,-0.07326,0.00782,0.04515,-0.00722,0.07572,0.07822,0.05076,0,-0.06205,0.02368,-0.01827,0.07561,-0.0023,-0.04945,0.01676,0.0899,0.01518,-0.02401,-0.01909,0.05187,0.02326,0.03807,0.04431,0.02109,-0.01121,-0.12332,-0.00202,-0.02552,0.03619,0.0078,-0.06164,-0.03001,-0.03235,0.06464,-0.04008,-0.07447,0.03719,-0.02068,-0.00423,-0.09654,-0.04975,0.04057,0.00387,-0.01294,-0.02031,0.0849,-0.02127,0.00011,0.00288,0.01733,-0.03653,0.04727,-0.01507,0.02145,-0.01537,0.04464,-0.13162,-0.03826,-0.05801,0.08147,0.01132,-0.00385,-0.03826,0.02208,0.08931,0.00184,-0.00141,-0.0679,0.03099,-0.05369,-0.05105,-0.09264,0.00172,0.07859,-0.00871,-0.08348,-0.00208,0.05135,0.04663,0.05188,-0.00985,-0.03835,0.11337,-0.01414,0.0867,-0.06396,-0.01088,-0.02233,-0.04926,0.08158,0.00823,-0.02404,0.06775,0.05364,-0.10079,-0.05653,0.03167,0.09491,-0.08349,0.01052,-0.0689,-0.01704,0.02245,0,-0.14206,-0.00263,0.06241,-0.04262,0.06717,0.00357,0.07476,0.06063,0.0117,0.03279,0.05412,0.05256,-0.00808,-0.0671,0.06758,0.03812,-0.00786,0.04146,-0.03134,-0.00436,-0.00786,-0.04777,-0.03795,0.11345,-0.0115,-0.06511,0.05719,0.06874,-0.02672,0.02082,-0.02414,0.05228,0.12303,0.061,-0.05151,0.01776,0.01519,0.0287,0.02324,-0.0114,0.01825,0.0185,0.0017,0.00733,-0.05132,0.07268,-0.05409,0.01583,-0.00236,-0.03301,-0.03732,0.00948,-0.07345,0.07356,0.02882,-0.0214,-0.0211,-0.02389,0.02826,-0.00771,-0.05622,0.02944,0.00619,-0.0202],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. The Call Center Flow uses this pattern when its embedded node forms expand and collapse. The Reflow on Resize guide explains how the layout move itself is calculated.","excerpt":"The Call Center Flow uses this pattern when its embedded node forms expand and collapse. The Reflow on Resize guide explains how the layout move itself is calculated."},{"chunkId":"/examples/state#24","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.11482,0.01903,-0.03028,0.059,-0.01761,0.02869,0.01992,-0.09688,0.03704,0.0519,-0.00873,0.04447,0.00786,0.01223,-0.02423,0.05606,-0.05802,-0.03845,-0.02354,-0.02844,-0.03846,-0.04827,-0.05024,0.01518,0.09749,0.05991,0.00255,-0.02578,0.06736,-0.02221,0.00195,0.00589,-0.09594,0.00435,-0.0693,0.05425,0.01116,-0.00023,-0.03512,-0.02431,0.17364,0.01896,0.00432,-0.09336,0.0073,0.0979,-0.09064,0.01329,-0.08361,0.04171,-0.00997,0.02345,-0.02821,0.09698,0.0086,0.03381,0.08307,-0.06186,-0.06562,0.05701,0.04654,-0.04855,-0.014,0.00118,0.04258,0.02317,0.01125,0.01459,0.0278,-0.01657,0.04984,-0.00063,-0.02949,-0.09969,-0.00573,0.0045,-0.01176,0.01542,-0.0966,-0.05232,0.06705,0.08554,0.01379,0.0072,-0.08192,0.04978,-0.05204,-0.07767,0.04035,0.00028,-0.09936,0.03938,0.07278,-0.03883,0.05415,0.03135,-0.03955,0.03991,-0.06723,0.0359,-0.01015,0.00497,-0.01356,0.03863,-0.02029,0.02168,-0.06545,0.04919,-0.05795,0.00126,0.00285,0.05647,0.01637,0.00686,-0.02336,-0.03875,-0.04015,0.01676,-0.0231,0.10066,-0.06334,-0.02319,0.0303,-0.03889,-0.00626,0.04652,-0.00839,0,-0.03635,-0.02373,-0.04536,0.00014,0.09859,0.05086,-0.02632,-0.06184,0.01262,0.0447,-0.02922,0.03304,-0.04776,0.01188,-0.06314,-0.06299,0.01022,0.04096,0.03024,0.0017,0.03048,0.02987,-0.04802,-0.00239,0.05803,-0.00339,-0.06623,0.06279,-0.03309,-0.00707,0.07933,0.04452,-0.04377,0.01518,-0.01868,-0.01056,-0.02806,-0.06245,-0.04917,0.00274,0.02724,-0.01322,-0.1295,0.02141,-0.12001,-0.07978,-0.01627,0.00574,0.03589,0.02951,0.00903,0.02028,-0.00624,-0.07485,-0.01069,-0.11966,-0.05414,0.04441,0.00772,0.03227,0.00193,0.02873,-0.09313,0.00847,0.07271,0.0724,0.01558,0.00922,0.02331,-0.10068,-0.07873,0.08483,-0.02725,-0.01169,0.05785,-0.09545,0.01357,0.09104,0.00829,0.07479,-0.03497,-0.0477,-0.00294,0.09013,0.04387,-0.06455,-0.02642,-0.12171,-0.03049,0.04797,0.07382,0.05593,0.07848,0.06569,0.06184,0,-0.01988,0.02658,0.03514,-0.00788,0.05112,-0.06724,0.03624,0.04671,-0.00047,-0.01098,0.02029,0.052,-0.0092,0.02853,0.03736,0.00891,0.03807,-0.14363,-0.03195,-0.01518,0.00395,0.06532,0.01384,-0.01197,-0.04811,0.03293,-0.01229,-0.05522,0.01171,0.00592,0.02686,-0.06716,-0.04643,-0.02139,-0.05576,0.00574,-0.02999,0.10417,-0.021,-0.00418,-0.05104,0.06181,-0.06081,0.03896,0.00609,0.03819,-0.05767,-0.02979,-0.09589,0.04428,-0.04888,0.10446,-0.0129,-0.01595,-0.01298,-0.05957,0.1493,-0.04337,0.02023,-0.07931,0.06509,0.00001,-0.07088,0.01038,0.0088,0.00212,0.02715,-0.06329,0.04333,0.01393,0.02868,-0.00041,-0.01341,-0.0489,0.12844,-0.02172,-0.00187,-0.02598,-0.0205,-0.00435,-0.03822,0.0647,0.02927,-0.03874,0.0365,0.0256,-0.02529,-0.04082,0.05876,0.11198,-0.05785,-0.02779,-0.04459,-0.00947,-0.04244,0,-0.06595,0.0423,0.00849,-0.03826,0.02885,-0.04941,0.02591,0.15068,0.02188,0.01447,0.04033,0.07813,-0.029,-0.04247,0.05909,-0.06373,0.02007,-0.02262,-0.0444,-0.01121,-0.01285,-0.01888,-0.00554,0.12656,-0.01173,-0.07592,0.10278,-0.02398,-0.04398,0.05279,-0.04941,0.00033,0.05837,0.11205,-0.02067,-0.01312,0.00784,0.03617,-0.04431,0.04333,-0.00925,0.08808,-0.01539,0.03147,-0.01889,0.04623,-0.03321,-0.04056,-0.00253,0.01234,-0.04601,-0.02892,-0.11022,0.06763,0.00661,-0.07122,0.01975,0.00699,0.0148,-0.02361,-0.01039,0.02308,0.01799,-0.13264],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Connection cascade requires rendered connectors Connections store connector ids (sourceId/targetId), not owner node ids. While the flow is rendered, the controller resolves each connector to its node/group and removeNodes/removeGroups automatically remove attached connections. Before connector directives have registered (for example, programmatic editing immediately after load() or during SSR), that ownership map does not exist. When removing records before render, compute the attached connection ids from your data and delete both inside one batch: source Id target Id remove Nodes remove Groups","excerpt":"Connection cascade requires rendered connectors Connections store connector ids (sourceId/targetId), not owner node ids. While the flow is rendered, the controller resolves each connector to its node/group and removeNodes/removeGroups automatically remove attached connections. Before connector directives have registered (for example, programmatic editing immediately after load() or during SSR), that ownership map does not exist. When removing records before render, compute the attached connection ids from your data and delete both inside one batch:"},{"chunkId":"/examples/state#25","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.08366,0.00989,0.02312,0.06188,0.01427,0.00486,0.03297,-0.04172,-0.0067,0.08782,0.03551,-0.00973,-0.03527,0.03647,0.07544,0.05836,0.02664,-0.05159,-0.0164,0.00161,0.05951,-0.06102,-0.02692,-0.00557,-0.00632,0.07501,-0.02913,-0.06516,0.05984,-0.05985,-0.04848,0.08574,-0.09899,0.0105,-0.15721,0.02854,0.00774,-0.04523,-0.04574,-0.00741,0.07363,-0.01304,0.02013,-0.05711,-0.02658,0.06237,-0.02415,0.04583,-0.09492,0.00841,0.00166,-0.02496,0.03377,0.03873,0.05425,-0.03021,0.07348,0.00655,-0.01449,-0.01232,0.02591,-0.0534,-0.03685,0.02671,0.05006,0.03827,-0.03294,-0.02341,0.02341,-0.03477,0.01933,-0.07247,0.06158,-0.07771,0.05022,-0.08799,-0.05805,0.01759,-0.07037,-0.02812,0.04356,-0.04816,-0.04686,0.05622,0.01075,0.03549,-0.03171,-0.02906,0.09274,0.00455,-0.09439,0.01626,0.00579,-0.04261,0.05626,-0.02324,-0.03825,-0.02759,-0.10612,0.01245,0.03374,0.00373,0.03945,0.06595,0.01588,-0.04033,-0.05472,-0.00143,-0.02488,0.05929,0.04043,0.01537,0.05177,-0.03103,-0.01594,-0.06489,-0.02615,-0.03587,-0.01648,0.06759,-0.0293,-0.00412,0.02468,-0.07921,0.03532,0.04068,0.02071,0,-0.01349,-0.01144,-0.08468,-0.04634,0.04187,0.03688,-0.01978,-0.06804,0.02691,-0.02756,0.06351,0.05071,-0.00569,0.0937,0.03988,-0.09943,-0.00104,-0.00025,0.04534,0.03111,0.01254,0.01572,-0.07566,-0.04428,0.03571,0.04359,-0.03234,0.05302,-0.01542,-0.0046,0.06469,0.03093,0.02072,0.05276,-0.00343,0.00803,-0.04802,-0.07334,0.01443,-0.07739,-0.00507,0.00013,-0.14524,0.01823,-0.06173,-0.05794,0.01343,-0.06381,0.03043,-0.00824,0.02006,0.02714,-0.00158,-0.0385,0.0538,-0.10502,-0.03414,0.06714,-0.01431,0.08525,0.00911,-0.00805,-0.05793,-0.07314,0.00096,0.0258,-0.03562,0.01239,0.04453,-0.09558,-0.09194,0.02901,-0.04286,0.07952,0.06413,-0.04823,0.0339,0.07664,-0.042,-0.04214,-0.05505,-0.06364,0.00445,0.10745,0.06576,-0.08826,0.0086,-0.10189,-0.12865,0.00392,0.00148,0.0278,0.08048,0.07952,0.02801,0,-0.03801,0.01289,-0.0517,0.10848,-0.00492,-0.05476,-0.00689,0.02801,0.01402,-0.00616,0.02516,0.03742,0.00722,0.03403,0.03849,0.00938,-0.00298,-0.09209,-0.03897,-0.02257,0.00653,0.0372,0.02296,0.00272,-0.09425,0.09624,-0.00771,-0.07697,0.02761,-0.03593,-0.03412,-0.04577,-0.02875,0.00134,-0.0124,-0.02445,0.0012,0.08828,-0.03609,-0.01975,0.02767,0.03344,-0.02691,0.09941,-0.03864,0.02499,-0.07877,0.04298,-0.12235,-0.03081,-0.02932,0.06696,0.03739,-0.03127,-0.06067,-0.03057,0.13334,-0.00462,0.03547,-0.02322,0.00841,-0.00222,-0.03429,-0.04958,0.044,0.10759,0.01108,-0.01314,0.10504,0.0636,0.06813,0.0232,0.01953,-0.02291,0.13959,0.0079,0.08151,-0.04153,0.0007,-0.04124,-0.00934,0.06483,0.05038,-0.03362,0.04928,0.048,-0.15174,-0.07895,0.00397,0.10913,-0.0761,0.01141,-0.05792,0.01508,0.03053,0,-0.09393,0.00028,0.08823,-0.04813,0.04124,0.04319,0.04132,0.00066,0.01488,0.01011,0.05921,0.04666,0.0096,-0.04118,0.05404,0.01084,-0.01003,0.06799,-0.07529,0.03325,-0.01643,-0.03531,-0.04757,0.12164,0.02777,-0.04543,0.05211,0.02732,-0.01886,0.05885,0.00981,0.03429,0.10392,0.0343,-0.10593,0.01057,-0.03881,-0.04662,0.02923,0.02303,-0.00772,0.04679,-0.07004,-0.00001,-0.07042,0.04749,-0.0132,-0.07452,-0.00558,0.00979,-0.06527,0.00148,-0.02799,0.09743,0.02776,-0.02173,-0.00614,-0.01433,0.0331,-0.00734,0.04403,-0.01619,-0.00054,0.02724],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Shaping and vetoing gesture results For light-touch control, pass factories to the config — return null to reject:","excerpt":"Shaping and vetoing gesture results For light-touch control, pass factories to the config — return null to reject:"},{"chunkId":"/examples/state#26","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.11534,0.01273,-0.02746,0.03989,-0.00929,0.05484,-0.00078,-0.01655,-0.01122,0.09488,-0.00614,0.00658,-0.09152,0.06093,0.05744,0.03834,0.00571,-0.0558,-0.01095,-0.03637,0.03385,-0.04546,-0.05293,0.02523,0.01465,0.09014,-0.00231,-0.05624,0.06581,-0.02835,-0.05026,0.0227,-0.03961,0.02827,-0.1584,0.05239,-0.00866,0.01867,-0.04196,-0.0253,0.10199,-0.04431,-0.00788,-0.07981,-0.02208,0.01884,-0.0448,0.00521,-0.0791,0.02363,-0.00858,0.00928,-0.03058,0.04866,0.04009,-0.01112,0.10639,-0.02597,-0.01623,-0.01158,0.04308,-0.05571,-0.02568,0.05152,0.0099,0.04743,-0.0197,0.01098,0.05609,-0.06509,0.02564,-0.07487,0.03776,-0.1051,0.0518,-0.08621,-0.04927,0.00479,-0.06622,-0.02273,0.04561,0.03349,0.00866,0.06447,-0.00816,0.06327,-0.03822,-0.06953,0.0815,-0.02325,-0.07491,-0.0013,-0.00887,-0.03746,0.0574,0.0058,-0.02932,-0.01831,-0.07713,0.01351,0.04271,0.00936,0.03383,0.04723,0.01013,-0.02759,-0.04301,-0.00729,-0.0215,0.00989,-0.00001,0.05626,0.03619,-0.04822,-0.00247,-0.03822,-0.06668,-0.03187,-0.01606,0.12992,-0.0457,0.01624,0.0483,-0.08551,0.02525,0.05292,0.04313,0,-0.02987,0.00492,-0.07767,-0.00406,0.02012,0.01746,-0.02102,-0.05642,0.06247,0.02657,0.04082,0.11608,-0.0377,0.11211,0.025,-0.07649,-0.04721,-0.01245,0.09416,0.02793,0.05078,0.01438,-0.06773,-0.01271,0.05956,0.04118,0.00522,0.07576,-0.04094,0.00874,0.08723,0.00416,-0.007,0.02557,-0.03327,0.01267,-0.06759,-0.0295,-0.02811,-0.08393,0.02162,-0.03451,-0.10369,0.04058,-0.05772,-0.05579,-0.0171,-0.04835,0.05119,0.00678,0.02468,0.00184,-0.02324,-0.03736,0.02311,-0.06986,-0.00833,0.04671,0.00893,0.05363,-0.00232,0.00818,-0.0628,-0.06546,0.01797,0.00135,-0.01545,-0.03777,0.05168,-0.10281,-0.08862,0.04249,-0.04475,0.05612,0.04374,-0.02672,0.02055,0.07925,-0.03726,-0.03569,-0.05321,-0.09952,0.06354,0.11863,0.06511,-0.07411,0.00329,-0.10684,-0.07813,0.0334,0.04299,0.03248,0.07942,0.09934,0.07446,0,-0.00183,0.01475,-0.05833,0.0996,-0.02094,-0.04258,-0.02083,0.04715,0.02259,-0.00031,-0.00925,0.06384,0.05502,0.06094,0.05041,-0.00037,-0.01035,-0.10706,0.01919,-0.00673,0.013,0.04534,-0.04895,-0.0208,-0.05802,0.08183,-0.03076,-0.07326,-0.0011,0.00954,-0.0169,-0.04177,-0.0306,0.01279,-0.09833,0.00383,0.01299,0.06733,-0.05608,-0.01855,0.01111,0.03145,-0.04829,0.07337,-0.05447,0.01811,-0.06866,0.03963,-0.10878,-0.01621,-0.0686,0.07094,0.03247,-0.03759,-0.03287,0.01936,0.14132,-0.01942,-0.00617,-0.02934,0.00027,-0.015,-0.02692,-0.06449,-0.01541,0.04746,-0.01772,-0.07214,0.05069,0.0608,0.03707,0.0658,-0.01506,-0.07875,0.10746,-0.00253,0.06089,-0.04612,0.00601,-0.03963,-0.02125,0.04777,0.03777,-0.0139,-0.00194,0.01949,-0.08822,-0.05253,0.04216,0.08265,-0.08098,0.04434,-0.09999,-0.00276,0.01,0,-0.1011,0.02399,0.08349,-0.05469,0.06607,0.01201,0.02438,0.05686,0.01177,0.01286,0.02782,0.06509,-0.01237,-0.05664,0.03657,0.02215,0.01209,0.05806,-0.0562,0.03765,-0.00132,-0.03023,-0.01558,0.11594,0.01714,-0.06553,0.12305,0.01948,-0.00506,0.09225,-0.01278,0.05832,0.09113,0.02335,-0.07715,0.02432,0.00477,-0.02755,0.03564,-0.02278,0.00646,-0.00079,-0.07038,-0.01959,-0.07119,0.07927,-0.05301,-0.04035,0.00823,-0.00838,-0.07491,-0.00526,-0.05874,0.10187,0.04308,-0.02241,-0.00898,-0.05662,0.05347,-0.03059,-0.02689,0.01262,-0.00065,-0.04163],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Every behavior is overridable If a default does not fit, subclass the store — any CRUD method, any apply gesture handler, any protected building block — and install your class. The auto-wiring dispatches through it:","excerpt":"Every behavior is overridable If a default does not fit, subclass the store — any CRUD method, any apply gesture handler, any protected building block — and install your class. The auto-wiring dispatches through it:"},{"chunkId":"/examples/state#27","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.10908,0.01134,-0.03228,0.04448,0.02293,0.03748,-0.05097,-0.02383,0.04234,0.07014,-0.04101,0.03467,-0.06333,0.04339,0.0727,0.05055,-0.03405,-0.0376,-0.02286,-0.08268,0.02161,-0.04074,-0.08026,0.01506,0.06695,0.10347,-0.01484,-0.03147,0.09353,-0.00859,0.00451,0.01959,-0.07148,0.00941,-0.15076,0.0657,0.00051,0.00567,-0.0509,-0.02585,0.08299,0.00472,-0.0115,-0.04205,-0.04424,0.00076,-0.06935,-0.02013,-0.07162,0.07626,-0.02008,-0.03195,-0.02893,0.02036,0.05943,-0.01061,0.05242,-0.04243,-0.04578,-0.0048,0.03549,-0.05472,-0.02964,0.06757,-0.01544,0.06927,-0.01178,0.02514,0.05752,-0.05679,0.02103,-0.05363,-0.00917,-0.08441,0.01265,-0.10119,-0.03388,-0.00075,-0.04993,-0.00849,0.035,0.00993,0.01591,0.08269,-0.00836,0.06878,-0.0428,-0.08352,0.0562,-0.00726,-0.03993,0.02342,0.04623,-0.00672,0.07323,0.04171,-0.02131,-0.00404,-0.06739,0.0307,-0.00019,-0.01989,0.01639,0.04685,-0.00425,-0.04807,-0.06549,-0.00813,-0.03924,0.03534,0.01893,0.06504,0.04541,-0.02676,-0.01363,-0.04641,-0.0528,-0.04095,-0.02365,0.11441,-0.05064,0.06046,0.02,-0.05871,0.02118,0.0079,0.05832,0,0.00619,-0.03649,-0.03994,0.01656,0.03824,0.03855,-0.01884,-0.05582,0.0272,-0.02683,0.05002,0.12646,-0.05643,0.07618,0.015,-0.06009,-0.01054,0.02506,0.06069,0.01934,0.03258,-0.0196,-0.04255,0.04219,0.0886,0.07191,0.01348,0.082,-0.01097,-0.00376,0.047,-0.01482,-0.02871,0.01264,-0.02312,0.01718,-0.08352,-0.04837,-0.021,-0.07324,0.02562,-0.00437,-0.14734,0.00215,-0.07313,-0.04228,-0.02218,-0.03971,0.07757,-0.03087,0.03751,0.03737,-0.00132,-0.02381,0.04239,-0.0541,-0.00579,0.05058,-0.01391,0.05952,0.02483,-0.00566,-0.02667,-0.03472,0.03281,0.07949,-0.06526,-0.0028,0.06641,-0.10325,-0.0689,0.06263,-0.0401,0.03981,0.04806,-0.03828,-0.00023,0.03023,-0.02597,-0.00906,-0.04652,-0.13769,0.00713,0.11719,0.08109,-0.09611,0.00344,-0.08743,-0.06888,0.02108,0.04372,0.02873,0.05564,0.06971,0.03831,0,-0.00827,-0.01099,-0.00345,0.10354,-0.00821,-0.0584,-0.0208,0.03365,0.0413,0.00672,-0.0282,0.03381,0.02134,0.00701,0.04558,0.03493,-0.02201,-0.15071,-0.00855,-0.03455,-0.02628,0.03042,-0.02666,-0.02289,-0.02659,0.04446,-0.05016,-0.11112,0.00503,-0.02032,-0.02807,-0.06581,-0.04705,-0.04196,-0.05002,0.00139,0.04097,0.04771,-0.03251,-0.02953,-0.00374,0.02673,-0.06996,0.06647,-0.02362,0.03711,-0.09001,0.07428,-0.07993,-0.05003,-0.05228,0.07779,0.02272,-0.02196,-0.03822,-0.00621,0.11105,0.0161,-0.01376,-0.04061,-0.06895,-0.04324,-0.04193,-0.02866,-0.03702,0.04425,-0.01676,-0.07835,0.03109,0.03709,0.02098,0.06352,-0.016,-0.04139,0.10998,0.00843,0.08237,-0.04223,0.00821,-0.03336,-0.06196,0.08358,0.04432,-0.0216,0.04378,0.04346,-0.08525,-0.08092,0.04253,0.08586,-0.10409,0.02135,-0.12159,0.04109,0.02949,0,-0.12464,0.01125,0.06578,-0.06427,0.06063,0.01262,0.05222,0.11114,0.02313,0.01597,0.07691,0.05673,-0.04319,-0.04433,0.03936,0.0027,0.0566,0.03663,-0.01704,0.04672,0.01598,-0.0295,-0.0262,0.09654,0.03049,-0.08837,0.08915,0.03713,-0.01396,0.04197,-0.02406,0.03805,0.13337,0.0445,-0.04145,-0.01422,0.02378,0.00384,0.02039,0.03113,0.01403,0.04814,-0.05652,-0.00464,-0.05268,0.07074,-0.03472,-0.00894,0.02541,-0.02395,-0.06032,-0.02061,-0.06534,0.07635,0.03155,0.01807,-0.02719,-0.04081,0.05089,-0.01754,-0.02446,-0.01601,0.0121,-0.03899],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. When to use it - Use the state plugin when you want the library to do the data bookkeeping: forms-over-flows, quick editors, AI-generated integrations that expect a nodes[]/edges[]-style API. - Keep the classic event-driven approach when the graph lives inside a larger application store you already maintain — every event keeps working exactly as before; the plugin is optional and additive.","excerpt":"When to use it - Use the state plugin when you want the library to do the data bookkeeping: forms-over-flows, quick editors, AI-generated integrations that expect a nodes[]/edges[]-style API. - Keep the classic event-driven approach when the graph lives inside a larger application store you already maintain — every event keeps working exactly as before; the plugin is optional and additive."},{"chunkId":"/examples/state#28","slug":"state","route":"/examples/state","section":"examples","title":"Managed Flow State","description":"Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable.","group":"Editor State","vector":[-0.07793,0.00384,-0.00086,0.07362,0.03053,0.04122,0.00641,-0.03608,0.02354,0.07945,-0.03129,0.02742,-0.04269,0.02301,0.07556,0.03244,-0.01409,-0.0043,-0.01353,-0.05271,0.03196,-0.05752,-0.06631,0.01562,0.07933,0.08574,-0.04848,-0.04923,0.07939,-0.01395,-0.02012,0.0735,-0.02257,0.04747,-0.18961,0.08731,-0.02101,0.0087,-0.06403,-0.03059,0.08622,-0.01503,-0.01502,-0.07113,-0.02205,-0.01178,-0.04928,0.01897,-0.0713,0.04526,-0.02759,-0.04621,-0.0545,0.03234,0.03197,0.0133,0.07358,-0.01526,-0.02947,-0.00382,0.03204,-0.049,-0.0323,0.075,0.06207,0.07663,-0.01729,0.03213,0.04706,-0.05324,0.04801,-0.05936,0.03687,-0.09353,0.01499,-0.07065,-0.01448,0.02853,-0.09672,-0.00117,0.05307,0.01314,-0.00254,0.07103,-0.02079,0.06144,-0.04989,-0.07934,0.04591,-0.02651,-0.0759,0.03556,0.01313,-0.02304,0.07644,-0.04877,-0.01117,-0.02017,-0.05987,0.02501,0.0452,-0.00959,0.04214,0.03362,0.0029,-0.01306,-0.05764,-0.02765,-0.04823,0.04551,0.00365,0.05738,0.03926,-0.04357,-0.03383,-0.07857,-0.0504,-0.05963,-0.05237,0.12208,-0.01671,0.0087,-0.00187,-0.08089,0.01198,0.00924,0.04689,0,-0.0033,-0.02924,-0.04059,0.00333,0.08661,0.0575,-0.04058,-0.08867,-0.00711,-0.02184,0.08419,0.11151,-0.01903,0.13231,-0.01384,-0.09869,-0.01799,0.03969,0.05756,0.01494,0.00728,-0.00313,-0.08923,-0.00086,0.06772,0.05393,-0.00138,0.05188,-0.022,-0.00639,0.05662,0.02248,-0.00682,0.03595,-0.0445,0.00449,-0.0539,-0.05772,0.00459,-0.06143,0.02182,0.00214,-0.12749,0.02173,-0.07664,-0.0835,-0.03741,-0.02202,0.06461,0.00573,0.03172,0.03482,-0.02166,-0.04739,0.01704,-0.05408,-0.01998,0.06419,0.00846,0.09179,0.00548,0.01563,-0.06451,-0.05751,0.05114,0.07009,-0.02517,0.00207,0.08195,-0.08611,-0.08674,0.05207,-0.04536,0.07418,0.06373,-0.05998,-0.00138,0.02298,-0.03333,0.00413,-0.07039,-0.11034,0.01045,0.08595,0.0596,-0.06327,0.00258,-0.09299,-0.0727,0.00498,0.03104,0.01252,0.08655,0.04806,0.06405,0,-0.01544,0.00356,-0.02854,0.13175,0.03774,-0.05761,-0.01458,0.05868,0.00719,0.00526,0.00829,0.06153,0.01049,0.02741,0.01542,0.04462,-0.00195,-0.09861,-0.06728,-0.03442,0.01097,-0.01011,0.00751,-0.02684,-0.07395,0.07691,-0.02621,-0.09299,-0.00024,-0.0463,-0.01407,-0.02362,-0.05433,-0.01575,0.01861,0.01499,0.01923,0.07029,-0.07055,-0.00744,-0.00893,0.0165,-0.0447,0.07277,-0.02033,0.03517,-0.06871,0.06961,-0.10307,-0.01043,-0.02882,0.04664,0.00098,-0.02522,-0.03505,-0.03974,0.10298,-0.00558,0.03385,-0.05136,-0.00312,-0.03317,-0.06162,-0.08791,0.02109,0.02257,-0.01857,-0.04473,0.02711,0.04954,0.05508,0.04579,0.00924,-0.05107,0.12141,-0.00222,0.0612,-0.05543,-0.02565,-0.03485,-0.0151,0.0791,0.04679,-0.01615,0.03725,0.03899,-0.13038,-0.03458,0.03657,0.08261,-0.11818,0.0211,-0.08234,0.01927,0.03411,0,-0.09301,0.02468,0.05629,-0.04084,0.05193,0.01787,0.0308,0.07729,0.01167,0.002,0.06008,0.06758,-0.02577,-0.05034,0.04931,-0.00145,0.03012,0.05003,-0.03389,0.02513,0.00834,0.0098,-0.0223,0.13783,0.00739,-0.05278,0.07827,0.02837,-0.02007,0.06065,-0.00464,0.03044,0.10129,0.05948,-0.05444,-0.00582,0.00327,-0.0016,0.00145,-0.01639,0.02817,0.00402,-0.03424,0.00609,-0.07388,0.05526,-0.03905,-0.03811,-0.00027,-0.0439,-0.0461,-0.02262,-0.06131,0.07643,0.01965,-0.02096,-0.01111,-0.0133,0.07285,0.00236,-0.03047,0.00374,0.00664,-0.06015],"keywords":"Managed Flow State Managed Flow State Built-in graph state for Angular flows: load data, gestures apply themselves, undo/redo and snapshot() included. Every behavior overridable. Related examples - Cut/Copy/Paste - Add Node From Palette","excerpt":"Related examples - Cut/Copy/Paste - Add Node From Palette"},{"chunkId":"/examples/drag-start-end-events#0","slug":"drag-start-end-events","route":"/examples/drag-start-end-events","section":"examples","title":"Angular Diagram Example – Drag Start and End Events","description":"Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination.","group":"Events","vector":[-0.04647,-0.00789,-0.0436,0.05696,0.08044,0.06536,-0.01379,-0.00809,0.037,0.04309,0.03479,0.04083,-0.0497,0.08964,-0.00647,0.0172,-0.0274,-0.00842,-0.03848,-0.07347,-0.00922,-0.04282,-0.03413,-0.02537,0.0119,0.03181,-0.00612,-0.03335,0.07972,-0.07249,-0.00524,-0.06788,-0.05216,-0.00589,-0.14827,0.03625,0.02371,0.02996,-0.03861,-0.03604,0.08011,0.0264,0.01618,-0.06809,-0.01765,-0.01177,-0.11928,0.01418,-0.0652,0.07969,-0.04487,-0.10424,-0.02332,0.00794,0.09584,0.01253,0.0215,-0.09127,0.01198,-0.01943,0.00565,0.00356,-0.04335,0.00828,0.02229,-0.02703,-0.05389,0.11205,0.00134,-0.04146,0.00526,-0.06243,-0.02755,-0.01293,0.00714,-0.02197,-0.07626,0.09208,-0.07585,-0.02691,0.02452,0.02823,-0.02747,0.09712,-0.01732,0.10802,-0.04313,-0.01738,-0.01511,-0.07002,-0.02742,0.06183,0.03681,0.02403,0.01701,0.03357,-0.0138,-0.01924,-0.03524,0.01374,0.03833,-0.09803,-0.00214,0.04428,-0.02336,-0.06339,-0.03685,-0.03482,-0.0632,0.04448,0.02216,-0.02168,-0.04474,-0.09284,-0.0159,0.00883,-0.09379,0.00668,0.04383,0.0363,-0.03219,0.06518,-0.01362,-0.02928,0.10597,0.0047,0.00647,0,0.05907,-0.04601,-0.07316,0.00888,0.08408,0.00977,-0.07665,-0.07377,0.06363,0.03304,0.01775,0.09263,-0.02665,-0.00729,0.03307,-0.13418,0.04733,0.0672,-0.02757,-0.04151,-0.02036,-0.02476,-0.0552,0.06229,0.10195,0.09923,-0.00156,0.00855,0.01301,0.01757,0.09998,0.07095,-0.07402,-0.00009,-0.01734,0.0108,-0.06426,-0.05052,0.00758,-0.07918,0.0178,-0.08179,-0.15022,0.02664,-0.05816,-0.05683,-0.00562,-0.03352,0.05483,-0.01715,-0.0157,0.02111,0.0735,-0.0357,0.09686,0.01182,-0.01711,0.09126,-0.00073,0.03397,0.01915,-0.00713,-0.0257,-0.06799,-0.00044,-0.01831,-0.07077,-0.03904,0.11205,-0.02236,-0.04977,0.01688,0.06747,0.04892,0.0333,0.00217,-0.08686,-0.00355,0.01528,-0.03197,-0.07839,-0.11586,0.02015,-0.00672,0.08114,-0.09138,0.00751,-0.0006,-0.04855,-0.01738,0.01357,0.08032,0.00244,0.08988,0.03195,0,-0.02723,0.08415,0.03373,0.0428,-0.00526,-0.05738,-0.00902,0.00298,0.03393,0.06002,-0.01191,0.032,-0.01083,0.02683,-0.00932,-0.01689,-0.00154,-0.1103,0.03506,-0.06604,-0.00624,0.00084,-0.04281,-0.05911,-0.05415,0.05541,0.05544,-0.07142,-0.00321,-0.01298,0.01103,-0.0859,0.03272,0.01829,-0.04463,-0.02799,0.06608,0.0355,-0.00499,-0.09498,0.00427,-0.00454,0.07066,-0.00154,-0.04559,0.00876,-0.04319,0.09411,-0.04869,-0.04747,-0.07716,0.04668,0.00361,-0.03722,-0.00849,-0.01908,0.10869,0.01095,0.00428,-0.01767,-0.0347,-0.00583,-0.01291,0.00825,0.00785,-0.00233,-0.0186,-0.11999,0.02496,0.01866,0.00671,0.09861,-0.04258,-0.06958,0.05778,0.02204,0.08959,-0.05033,0.03038,-0.08452,-0.01684,0.00891,0.00227,-0.03346,-0.01281,0.07636,-0.0751,0.0141,0.04368,0.04948,-0.11127,-0.00976,0.0169,0.05803,0.00274,0,-0.10001,0.06363,0.04831,-0.03781,0.04152,-0.00042,0.04264,0.10129,0.03182,0.02432,0.02351,0.0862,-0.04067,0.02527,0.10119,0.01358,0.09545,0.04249,0.01276,-0.00577,0.03776,0.01106,0.03326,0.06016,-0.02472,-0.02571,-0.03269,0.07316,0.02806,-0.03173,0.00764,0.02982,0.11933,0.01297,0.00432,0.01732,-0.10089,-0.01259,0.03558,-0.00387,0.12018,0.01607,-0.00044,0.01526,-0.01905,0.06646,-0.00166,-0.0514,-0.02509,0.00139,-0.0667,-0.05959,-0.04847,0.02,0.00091,0.07781,0.02479,-0.05112,0.03956,0.02358,0.00926,0.03551,-0.05394,0.01775],"keywords":"Angular Diagram Example – Drag Start and End Events Angular Diagram Example – Drag Start and End Events Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination. Drag Start/End Events","excerpt":"Drag Start/End Events"},{"chunkId":"/examples/drag-start-end-events#1","slug":"drag-start-end-events","route":"/examples/drag-start-end-events","section":"examples","title":"Angular Diagram Example – Drag Start and End Events","description":"Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination.","group":"Events","vector":[-0.08972,0.00525,0.00026,0.07755,0.0813,0.07817,0.0135,0.04052,0.03501,0.05364,-0.0019,0.01019,-0.0834,0.08372,-0.00655,0.01021,0.00362,-0.02922,-0.0328,-0.03914,-0.00698,-0.07067,-0.04157,-0.00772,0.00003,0.05318,0.0024,-0.04228,0.08474,-0.06692,-0.04246,-0.0613,-0.12002,-0.01742,-0.19594,0.05655,0.05325,0.01458,-0.05846,-0.05876,0.09332,-0.00232,-0.01433,-0.04732,-0.01828,-0.02315,-0.03554,0.01557,-0.07914,0.10364,-0.01268,-0.04227,-0.01365,0.00109,0.10855,-0.00224,0.07559,-0.05946,0.01669,-0.00349,-0.03273,-0.00366,-0.00274,-0.02022,0.05261,-0.01949,-0.03338,0.0628,0.03885,-0.01497,0.01398,-0.04177,-0.02743,-0.00503,0.01084,-0.04938,-0.05668,0.09039,-0.06401,-0.03292,0.06191,0.00205,0.006,0.06283,-0.01984,0.09549,-0.04254,-0.06955,0.01356,-0.02897,0.0136,0.07582,0.01763,-0.00696,0.04827,0.03734,-0.04336,-0.04596,-0.07595,0.02569,0.03989,-0.05121,0.02489,0.04617,0.03343,-0.04432,-0.02164,-0.07231,-0.11989,0.05161,0.01546,-0.00403,-0.01003,-0.04317,-0.01617,0.00606,-0.07865,0.00685,0.03571,0.00205,-0.02175,0.08902,0.00612,-0.00305,0.1121,-0.00674,-0.02734,0,0.03457,-0.01592,-0.08722,0.04192,0.01306,-0.00115,-0.05036,-0.05769,0.05828,-0.00349,0.05535,0.03646,-0.02956,0.02828,0.05875,-0.11515,0.02171,0.02998,-0.03376,-0.03463,-0.03182,-0.08354,-0.06974,0.04844,0.08472,0.1079,-0.0165,0.03636,0.01013,0.0007,0.06692,0.03165,-0.05628,-0.04431,-0.01802,-0.00379,-0.06362,-0.0661,-0.00805,-0.0792,0.0017,-0.03398,-0.12909,0.02682,-0.0361,-0.03141,-0.01898,0.02707,0.00604,-0.01826,0.01181,0.04604,0.09824,-0.01423,0.04862,-0.00636,0.01107,0.04759,0.02815,0.04939,0.01048,0.01561,-0.05955,-0.02864,-0.03172,0.01729,-0.0487,0.01264,0.07014,-0.08556,-0.0698,0.0236,0.08021,0.03227,0.04782,-0.00665,-0.07999,-0.07291,0.00235,-0.07038,0.02214,-0.10877,0.02946,0.02662,0.08716,-0.1449,0.01045,-0.03193,-0.07827,0.0179,0.03059,0.05114,0.04906,0.08828,0.02073,0,0.00317,0.03496,0.0457,0.05298,-0.02263,-0.05838,-0.02171,0.00842,0.03445,0.00883,-0.03396,0.0196,-0.01831,0.01568,-0.00164,0.02758,-0.06347,-0.10721,0.03916,-0.07314,0.03741,-0.00268,-0.03643,0.01388,-0.06234,0.03252,0.04099,-0.05054,-0.02846,-0.03501,-0.00144,-0.09088,0.02492,-0.02787,-0.02396,-0.03927,0.07374,0.03078,0.01571,-0.03692,0.03325,0.02983,0.05143,-0.01432,-0.0534,0.05089,-0.10799,0.07322,-0.106,-0.04443,-0.0857,0.04005,-0.00349,-0.04936,-0.00518,-0.02859,0.12733,0.02104,0.02455,0.00084,-0.03962,-0.03811,-0.02162,-0.02584,-0.00344,0.02267,0.0053,-0.11954,0.07912,0.0391,0.0718,0.04509,-0.03949,-0.08749,0.07116,0.03249,0.14915,-0.09707,0.02443,-0.06927,-0.02281,-0.00294,0.05599,-0.04156,-0.05726,0.07735,-0.08743,-0.00424,0.03137,0.04115,-0.09439,-0.00766,0.01986,0.04052,0.02019,0,-0.11416,0.05538,0.05565,-0.01267,0.03339,0.02776,0.01804,0.04812,0.03453,0.00525,0.01675,0.05315,-0.03928,0.00629,0.08438,0.00485,0.06088,0.04365,-0.03253,-0.00961,0.01376,0.0287,0.02053,0.05215,-0.02593,-0.05796,0.02729,0.0743,0.04353,0.00339,-0.00463,0.02602,0.10347,0.0652,-0.03561,0.0297,-0.04734,-0.02215,0.04478,0.02287,0.09215,0.0095,-0.04774,-0.03186,-0.04635,0.04977,-0.01574,-0.04262,-0.02787,0.01488,-0.07352,-0.04007,-0.05824,0.05884,0.00536,0.04655,-0.02304,-0.02199,0.06662,0.02174,-0.00592,0.01348,-0.02398,0.02179],"keywords":"Angular Diagram Example – Drag Start and End Events Angular Diagram Example – Drag Start and End Events Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination. Description This example demonstrates how to listen to fDragStarted and fDragEnded so you can react to user movement in real time. These events are useful when the editor needs to show helper UI, update external state, log analytics, or coordinate drag behavior with other parts of the application. Drag lifecycle events become especially valuable in production editors where the graph is only one part of the interface. A sidebar, inspector, minimap, or validation layer may all need to react when dragging starts or ends. Used well, these hooks help you build cleaner state transitions instead of burying UI logic inside generic pointer handlers. f Drag Started f Drag Ended","excerpt":"Description This example demonstrates how to listen to fDragStarted and fDragEnded so you can react to user movement in real time. These events are useful when the editor needs to show helper UI, update external state, log analytics, or coordinate drag behavior with other parts of the application. Drag lifecycle events become especially valuable in production editors where the graph is only one part of the interface. A sidebar, inspector, minimap, or validation layer may all need to react when dragging starts or ends. Used well, these hooks help you build cleaner state transitions instead of burying UI logic inside generic pointer handlers."},{"chunkId":"/examples/drag-start-end-events#2","slug":"drag-start-end-events","route":"/examples/drag-start-end-events","section":"examples","title":"Angular Diagram Example – Drag Start and End Events","description":"Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination.","group":"Events","vector":[-0.0993,-0.00412,-0.05928,0.07608,0.09587,0.09698,-0.01896,0.0225,0.05299,0.0532,-0.00066,0.02039,-0.03466,0.0794,-0.04522,0.00572,-0.0283,-0.0143,-0.05383,-0.04908,0.03102,-0.05317,0.00064,-0.01651,0.02014,0.05448,-0.03658,-0.04596,0.07453,-0.04148,0.01225,-0.04286,-0.04579,-0.01115,-0.11716,0.06339,0.01899,0.02994,-0.03436,-0.05268,0.12465,0.03241,0.0191,-0.08244,-0.01233,-0.00845,-0.10538,0.02909,-0.06462,0.06706,-0.01253,-0.06627,-0.0342,0.03532,0.09399,0.01262,0.04308,-0.09957,0.01557,0.00791,-0.02022,-0.03879,-0.04547,-0.004,0.03233,-0.01209,-0.06735,0.10192,-0.03693,-0.02744,0.01317,-0.05144,-0.0477,-0.01,0.00971,-0.05432,-0.076,0.1183,-0.07755,-0.01444,0.04564,-0.00207,-0.01306,0.08777,-0.03361,0.1083,-0.0013,-0.01605,0.01286,-0.05323,-0.04098,0.06635,-0.01597,0.01779,0.06953,0.0586,-0.08363,0.00161,-0.00488,0.01304,0.02319,-0.08803,0.03863,0.08389,0.00024,-0.0679,-0.01492,-0.01121,-0.08122,0.02872,0.01566,0.00248,0.01776,-0.05896,-0.00652,-0.02038,-0.06124,0.00887,0.05765,0.05301,-0.003,0.04385,-0.03664,-0.0263,0.12118,0.01927,0.02422,0,0.03636,-0.01231,-0.04594,0.04066,0.06058,0.01707,-0.06222,-0.08075,0.04967,0.08507,-0.01414,0.07731,-0.0296,-0.03757,0.01735,-0.14268,0.02559,0.068,-0.04587,-0.02706,0.02137,-0.04425,-0.06016,0.04354,0.13137,0.02898,-0.03655,0.00819,0.00517,-0.00003,0.09732,0.05378,-0.05237,-0.0248,-0.02113,0.01469,-0.03907,-0.02601,-0.00004,-0.07835,0.04157,-0.03376,-0.12494,0.04967,-0.0882,-0.10154,-0.01239,-0.03414,0.08053,-0.0043,-0.02167,0.01231,0.08571,-0.04085,0.08228,-0.01691,-0.0028,0.08012,-0.01686,0.04733,-0.00931,0.00523,-0.03678,-0.05372,0.05967,-0.01541,-0.05838,-0.0061,0.10366,-0.06414,-0.05349,0.02607,0.05149,0.03274,0.06095,0.01307,-0.04169,0.01492,0.01034,-0.04614,-0.04541,-0.10187,0.01011,0.02508,0.0935,-0.09521,-0.02942,-0.03137,-0.08515,-0.05772,0.04274,0.04105,0.00773,0.072,0.00508,0,0.03282,0.05118,0.05358,0.07273,0.00373,-0.06728,0.02999,0.04876,0.06293,0.05689,-0.01776,0.04335,0.0159,0.01244,0.03099,-0.01318,-0.02315,-0.08323,0.07406,-0.05208,0.03401,-0.00333,-0.06651,-0.02025,-0.05429,0.05584,0.06459,-0.03821,-0.04367,-0.01562,-0.00933,-0.10637,-0.02594,0.05491,-0.06906,-0.04462,0.02936,0.09982,0.01888,-0.02913,0.04213,0.02752,0.02173,0.00826,-0.02735,0.00568,-0.02039,0.04766,-0.05649,-0.06801,-0.08603,0.06325,-0.04056,0.02114,0.00762,-0.04695,0.13563,-0.023,-0.05306,-0.02103,0.01289,-0.01347,-0.03258,0.00052,0.02419,0.01557,-0.05785,-0.10208,0.03448,0.00162,0.01378,0.05867,-0.00753,-0.05205,0.05561,0.0314,0.10384,-0.0567,0.05938,-0.05168,-0.06126,0.03301,-0.00836,-0.0338,0.00274,0.08247,-0.08729,-0.00069,0.05376,0.02442,-0.12944,-0.02962,0.03141,0.02121,-0.01381,0,-0.12293,0.02936,0.01786,-0.03331,0.0247,0.01016,0.02322,0.05795,0.02366,0.00109,0.00199,0.06997,0.01249,-0.00883,0.07413,0.00158,0.0769,0.0324,-0.01347,-0.0092,0.04731,0.01894,0.03202,0.04894,-0.0306,-0.06696,-0.04044,0.06422,0.03882,-0.0285,0.00783,0.01887,0.08813,0.01504,-0.00933,0.03692,-0.10147,-0.00327,0.04178,0.00307,0.12089,-0.00705,-0.01443,0.0047,-0.03449,0.07368,-0.0321,-0.02007,-0.03126,-0.00595,-0.03002,-0.02474,-0.06869,0.03463,0.022,0.03768,0.01099,-0.0283,0.06295,0.02422,-0.00653,0.03231,-0.05659,0.00297],"keywords":"Angular Diagram Example – Drag Start and End Events Angular Diagram Example – Drag Start and End Events Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination. Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::","excerpt":"Example ::: ng-component <drag-start-end-events</drag-start-end-events [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/drag-start-end-events/example.scss :::"},{"chunkId":"/examples/drag-start-end-events#3","slug":"drag-start-end-events","route":"/examples/drag-start-end-events","section":"examples","title":"Angular Diagram Example – Drag Start and End Events","description":"Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination.","group":"Events","vector":[-0.0651,0.00173,-0.03787,0.05219,0.07274,0.07335,-0.0204,0.00848,0.0519,0.02697,0.02219,0.03043,-0.03123,0.09925,0.01175,0.01042,0.01249,-0.02109,-0.05219,-0.08442,-0.02968,-0.04482,-0.02431,0.00035,0.01326,0.00756,-0.00683,-0.0175,0.08311,-0.05929,-0.01529,-0.06046,-0.07166,-0.01723,-0.15803,0.04397,0.06647,0.06145,-0.03918,-0.03443,0.03718,0.02691,0.0144,-0.05102,-0.02434,-0.0159,-0.0721,0.01897,-0.08545,0.09416,-0.05209,-0.10333,-0.01701,0.00601,0.11277,-0.00759,0.05461,-0.07494,-0.01137,-0.02751,-0.00295,0.01769,0.00097,0.01336,-0.00748,-0.00603,-0.05427,0.10744,-0.01142,-0.04344,0.03484,-0.06782,-0.03049,-0.0186,0.00208,-0.01542,-0.07763,0.06142,-0.07051,-0.03932,0.06573,0.02835,-0.03566,0.08319,-0.06256,0.09399,-0.04146,-0.0529,0.02016,-0.07685,-0.0122,0.05663,0.029,-0.02982,0.03657,0.02527,-0.01413,-0.00302,-0.06285,0.03198,0.0345,-0.07408,0.02908,0.04295,-0.02716,-0.04349,-0.00949,-0.03416,-0.06073,0.05596,0.01283,-0.02162,-0.04827,-0.03428,-0.02891,-0.00887,-0.07216,0.00384,0.01563,0.00711,-0.01825,0.0729,0.03117,-0.01394,0.11551,0.00777,-0.03,0,0.05837,-0.02388,-0.0556,0.00581,0.08199,-0.00245,-0.03782,-0.0641,0.0671,0.04004,0.0376,0.10761,-0.00805,0.03354,0.00995,-0.0703,0.04697,0.06396,-0.02175,-0.0439,-0.01404,-0.07191,-0.06195,0.07523,0.0816,0.10274,0.00304,0.03014,0.05356,-0.00237,0.09132,0.06715,-0.09764,-0.01824,-0.01574,-0.0113,-0.06643,-0.06569,0.04449,-0.04836,0.03537,-0.06879,-0.13699,0.01925,-0.05446,-0.01398,0.00633,-0.02887,0.0169,-0.01426,-0.00373,0.01665,0.08183,-0.01985,0.10377,-0.02641,-0.01323,0.03583,0.02084,0.0263,-0.01081,-0.0073,-0.0294,-0.04998,0.00555,-0.02841,-0.0833,-0.03261,0.11409,-0.03126,-0.08677,0.04177,0.05834,0.04834,0.03159,-0.02957,-0.10085,-0.03995,0.01359,-0.01121,-0.05353,-0.13211,0.03104,0.02816,0.04787,-0.10029,-0.01553,0.02796,-0.08798,-0.01058,0.02663,0.05953,-0.01301,0.12196,0.05579,0,-0.04712,0.08224,0.03958,0.0267,0.02379,-0.05912,-0.00779,-0.01224,0.0637,0.05391,-0.03085,0.01273,-0.01539,0.03956,0.02415,-0.00069,-0.0274,-0.08681,0.01961,-0.06175,0.00258,0.00877,-0.06028,-0.04176,-0.04155,0.05277,0.02408,-0.06186,-0.00445,0.00329,-0.0095,-0.10712,0.03848,-0.02087,-0.04224,-0.05214,0.04204,0.00711,0.01267,-0.08321,-0.01491,0.00562,0.06158,0.01662,-0.04333,0.06703,-0.06685,0.0526,-0.04685,-0.05039,-0.09105,0.02917,0.00524,-0.06571,0.00189,-0.02068,0.13092,0.01193,0.00918,-0.02402,-0.02953,0.00112,0.00172,-0.00597,-0.01402,0.02662,0.01136,-0.11707,0.0653,0.03621,0.06615,0.07884,-0.02786,-0.04852,0.08291,0.03743,0.10153,-0.08177,0.0171,-0.08228,-0.015,-0.00579,0.0141,-0.04277,-0.02027,0.08804,-0.07092,0.02253,0.01189,0.05088,-0.11664,-0.01159,0.01192,0.0806,0.01396,0,-0.08244,0.07789,0.06052,-0.0404,0.00105,-0.00964,0.04795,0.08244,0.05947,0.03505,0.01235,0.03882,-0.01529,0.02688,0.09836,-0.00187,0.07609,0.04494,-0.02178,-0.02324,0.04756,-0.0049,0.04034,0.06887,-0.00983,-0.04318,0.0045,0.06669,0.0159,0.00079,0.01576,0.00015,0.12055,0.06705,-0.00074,-0.00424,-0.09102,-0.0082,0.0227,0.00853,0.0652,0.01,-0.02915,-0.00697,-0.03052,0.03661,0.01411,-0.10274,-0.07586,0.00479,-0.08317,-0.06502,-0.05332,0.0319,0.0268,0.06809,0.02674,-0.0353,0.04133,0.03374,-0.01168,0.01968,-0.04831,-0.00856],"keywords":"Angular Diagram Example – Drag Start and End Events Angular Diagram Example – Drag Start and End Events Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination. What this solves - Show or hide helper UI during drag interactions. - Trigger analytics or custom business logic around drag lifecycle. - Coordinate graph movement with external Angular state. This is a practical example for teams building richer editing workflows rather than static diagram demos.","excerpt":"What this solves - Show or hide helper UI during drag interactions. - Trigger analytics or custom business logic around drag lifecycle. - Coordinate graph movement with external Angular state. This is a practical example for teams building richer editing workflows rather than static diagram demos."},{"chunkId":"/examples/drag-start-end-events#4","slug":"drag-start-end-events","route":"/examples/drag-start-end-events","section":"examples","title":"Angular Diagram Example – Drag Start and End Events","description":"Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination.","group":"Events","vector":[-0.02794,-0.00164,-0.02627,0.08059,0.11624,0.06441,-0.00047,-0.00589,0.03391,0.06053,0.03252,0.03517,-0.05363,0.0618,0.0062,-0.00064,-0.01613,-0.01445,-0.02721,-0.08229,-0.00257,-0.03547,-0.04344,-0.03524,0.01047,0.02428,-0.00479,0.00184,0.08321,-0.07708,-0.0129,-0.0609,-0.03777,-0.01683,-0.14279,0.04594,0.02732,-0.00256,-0.03327,-0.0212,0.0931,0.01366,0.00637,-0.06381,-0.04885,-0.00831,-0.12796,0.04283,-0.07127,0.0586,-0.03577,-0.10003,-0.02823,0.00926,0.07511,-0.01298,0.03788,-0.07339,0.01473,-0.02743,-0.01779,0.00007,-0.05019,0.00699,0.03924,-0.03257,-0.05502,0.08505,-0.01003,-0.04644,0.00471,-0.05624,-0.0288,0.00943,0.00388,-0.01376,-0.06751,0.09785,-0.05891,-0.02833,0.03218,0.03318,-0.0327,0.0934,-0.03327,0.11219,-0.05883,-0.03926,-0.00182,-0.07066,-0.03211,0.0539,0.02682,0.01512,0.01098,0.0447,-0.00857,-0.01905,-0.03635,0.0054,0.04112,-0.08175,0.01385,0.03551,-0.02907,-0.08556,-0.06263,-0.04707,-0.03917,0.03513,0.01635,-0.02408,-0.0503,-0.09305,-0.03591,-0.00902,-0.06753,-0.00193,0.03283,0.04266,-0.03725,0.05713,-0.0109,-0.03449,0.09441,-0.0112,0.01818,0,0.0326,-0.07992,-0.08351,0.00299,0.07952,-0.00334,-0.0769,-0.07565,0.06106,0.03073,0.026,0.06284,-0.02836,0.01265,0.03671,-0.12714,0.03806,0.07567,-0.01189,-0.03585,-0.03778,-0.00844,-0.04894,0.05059,0.1084,0.09685,-0.0034,-0.01705,0.03526,0.01397,0.08378,0.07794,-0.08008,-0.0317,-0.0022,0.04387,-0.06581,-0.04347,0.00685,-0.0742,0.03197,-0.08734,-0.11053,0.0409,-0.04143,-0.04787,-0.0289,-0.03669,0.05337,-0.01948,-0.00023,0.00805,0.0696,-0.04117,0.10583,0.02896,-0.03183,0.09841,0.00108,0.06196,0.02035,-0.01835,-0.02667,-0.05459,0.00306,-0.03579,-0.0739,-0.06865,0.1143,-0.01916,-0.04918,0.02102,0.08966,0.04017,0.01883,0.00546,-0.08035,-0.00434,0.02397,-0.03775,-0.10397,-0.12549,0.02386,-0.01754,0.10431,-0.08895,0.00477,0.00529,-0.04508,-0.05324,0.04106,0.09062,0.00137,0.08065,0.04836,0,-0.01,0.0851,0.03438,0.06195,-0.00275,-0.04293,-0.02422,-0.0044,0.01669,0.05197,-0.02006,0.05453,0.00226,0.03318,0.00297,-0.00346,-0.02755,-0.10578,0.01962,-0.02549,0.00906,-0.03103,-0.02211,-0.04204,-0.06448,0.02504,0.05044,-0.0656,0.00337,-0.04716,-0.01161,-0.06661,0.00201,0.04248,-0.0297,-0.04477,0.07373,0.05988,-0.00326,-0.06683,0.01142,0.00405,0.04914,-0.0179,-0.05534,0.00487,-0.02527,0.08852,-0.01311,-0.03809,-0.0905,0.03913,-0.02297,-0.00028,-0.00969,-0.00416,0.10403,0.02842,0.022,0.0029,-0.02271,0.00801,-0.00872,-0.00875,0.01833,-0.0053,-0.03588,-0.1108,0.00968,0.02646,-0.00935,0.092,-0.02662,-0.07458,0.0576,0.03124,0.1083,-0.04201,0.02064,-0.09904,-0.00283,0.03441,-0.03816,-0.02915,0.00922,0.09223,-0.06279,0.02574,0.03579,0.03257,-0.10536,-0.01965,0.02862,0.04783,0.01166,0,-0.11391,0.05654,0.04706,-0.05937,0.05366,-0.0179,0.04131,0.09168,0.0283,0.02971,0.00501,0.09219,-0.02864,0.00513,0.10268,0.02681,0.08511,0.04398,0.01195,-0.01251,0.03489,-0.01818,0.03661,0.0783,-0.02602,-0.03255,-0.06287,0.06854,0.0458,-0.00359,-0.00238,0.03998,0.10031,0.00059,0.02589,0.02081,-0.11337,-0.02231,0.05187,-0.01733,0.10527,-0.01143,0.00923,-0.00585,-0.03381,0.06371,0.01714,-0.04774,-0.02918,0.03286,-0.06377,-0.07103,-0.03235,0.00832,0.01219,0.07226,0.03371,-0.0383,0.03369,0.02048,0.03224,0.047,-0.04718,0.01417],"keywords":"Angular Diagram Example – Drag Start and End Events Angular Diagram Example – Drag Start and End Events Track drag start and end events for nodes and edges in Angular. Useful for helper UI, analytics, and external state coordination. Related docs - Event System - Draggable Directive - Node Selection Example - Selection Area Example","excerpt":"Related docs - Event System - Draggable Directive - Node Selection Example - Selection Area Example"},{"chunkId":"/examples/custom-event-triggers#0","slug":"custom-event-triggers","route":"/examples/custom-event-triggers","section":"examples","title":"Custom Event Triggers","description":"Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code.","group":"Events","vector":[0.01013,-0.00235,-0.00257,0.04543,0.03042,0.07665,-0.01652,0.03787,0.06836,0.03732,-0.01935,0.00082,-0.069,0.04935,0.05479,0.03153,0.00291,-0.06578,-0.04637,-0.06605,-0.05516,-0.07265,0.02014,-0.0075,-0.02475,-0.04129,0.05491,-0.00593,0.04642,0.00476,-0.01118,-0.0652,-0.02291,-0.04871,-0.08371,-0.01926,0.01662,0.03721,0.00969,0.0149,0.03514,0.04455,0.05156,-0.06728,-0.03793,-0.015,-0.11946,0.03536,-0.05738,0.10156,-0.0293,-0.08079,-0.03248,-0.04421,0.05932,-0.0615,0.01013,-0.10378,0.05566,-0.059,-0.02733,0.02702,-0.01895,0.04866,-0.01073,0.06839,-0.06091,0.06534,0.01559,0.046,0.03611,-0.06123,0.01429,-0.02829,0.0158,0.00883,-0.08777,0.08792,-0.09321,-0.0377,0.04865,0.06317,0.01951,0.00891,-0.01641,0.06585,-0.03898,-0.03235,-0.04311,-0.07778,-0.03938,-0.01421,0.00319,0.04477,-0.02578,0.04506,0.00231,-0.04037,-0.03841,0.01157,0.03586,-0.09286,-0.04512,0.02364,0.00096,0.01587,-0.03174,-0.01588,-0.03255,0.01532,0.00928,-0.05661,0.00708,-0.04401,-0.06082,0.06833,-0.0058,0.00003,-0.00124,-0.02287,0.01945,0.03711,0.01239,-0.02071,0.03235,-0.033,-0.01598,0,0.05546,0.04258,-0.07485,0.0327,0.01697,-0.0149,-0.02103,-0.1134,0.0399,0.06837,0.07081,0.02831,-0.05215,-0.02725,0.03414,0.01224,0.03416,-0.00369,-0.02339,-0.00938,-0.09734,-0.03842,-0.09882,0.11789,0.06843,0.09528,-0.03706,0.05257,-0.07087,0.00501,0.10303,0.03116,0.00978,-0.0401,0.02156,-0.02392,-0.12819,-0.03204,-0.00026,-0.00532,0.08492,-0.10473,-0.13949,0.00147,0.00589,0.02024,-0.01136,0.00607,0.02328,-0.04535,0.03919,0.0864,0.02183,-0.05508,0.07996,0.02702,-0.03152,0.01404,0.03823,0.02764,-0.0014,-0.05141,0.02485,-0.03998,-0.06502,-0.00989,-0.04758,-0.12031,0.05787,-0.01833,-0.05188,0.01768,-0.00754,0.02542,0.00064,0.01514,-0.09555,0.00823,0.07692,0.03132,-0.04308,-0.15454,0.04439,-0.01911,0.02679,-0.06617,0.02258,-0.01286,-0.08377,0.03454,0.04863,0.08527,-0.01129,0.06053,0.08415,0,0.02953,0.08405,-0.03008,0.03778,-0.04675,-0.03837,-0.00541,0.04351,0.016,0.05999,0.05127,-0.02482,-0.00567,0.04545,0.00787,-0.00561,0.02281,-0.03311,0.07156,0.01107,0.06956,-0.00353,-0.00835,-0.05072,-0.05981,0.07169,-0.00063,-0.05754,0.02487,0.00195,-0.07757,-0.02857,0.05424,0.00492,-0.05225,-0.06496,0.07264,-0.08664,-0.01554,-0.07013,0.04767,0.03214,-0.0191,-0.00639,-0.07831,-0.03769,-0.04225,0.05435,0.00125,-0.04387,-0.09269,0.01566,0.0811,-0.01334,-0.00414,0.00676,0.10164,-0.03113,0.03323,0.02812,-0.03878,-0.04112,0.05227,-0.00825,0.03255,0.03883,0.01064,-0.11077,0.08941,0.035,0.0264,0.05849,0.00062,0.00365,0.06243,0.05993,0.05347,-0.08244,0.01089,-0.0911,-0.03254,-0.01635,0.05982,0.01177,0.00837,0.10428,-0.12195,0.09221,0.0252,0.084,-0.03444,-0.03927,0.05871,-0.00967,0.03618,0,-0.08648,0.0635,-0.00082,-0.0064,0.00037,0.00268,-0.03733,-0.0498,-0.00446,-0.00419,-0.05783,0.14683,-0.00392,0.02193,0.09181,0.03099,0.00628,0.00554,-0.02184,0.06617,-0.00251,0.00465,0.05405,0.06703,-0.02922,0.0068,-0.03562,0.09887,0.00428,0.01011,0.0008,-0.07545,0.01064,0.04815,-0.0412,-0.03825,-0.07425,-0.09645,0.07929,-0.00308,0.09711,0.0436,-0.00221,0.01409,-0.02853,0.07861,0.01706,-0.0852,-0.07628,0.06308,-0.12964,-0.07072,-0.05005,-0.0104,-0.03274,0.02122,0.04888,0.03712,-0.02202,-0.02126,0.00632,0.00646,-0.04457,-0.03331],"keywords":"Custom Event Triggers Custom Event Triggers Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code. --- toc: false wideContent: true --- Custom Event Triggers wide Content","excerpt":"--- toc: false wideContent: true --- Custom Event Triggers"},{"chunkId":"/examples/custom-event-triggers#1","slug":"custom-event-triggers","route":"/examples/custom-event-triggers","section":"examples","title":"Custom Event Triggers","description":"Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code.","group":"Events","vector":[-0.01808,-0.04747,0.03072,0.03053,0.00445,0.06545,0.00275,0.07583,0.09304,0.0429,0.00316,0.00456,-0.05135,0.03945,0.04373,0.01666,0.02506,-0.0697,-0.06239,-0.00046,-0.02892,-0.10142,0.01283,0.00218,-0.03792,-0.04162,0.04698,0.00584,0.08862,0.00693,0.00112,-0.07965,0.02088,-0.02323,-0.08487,0.01282,0.03017,0.03753,-0.04088,0.01007,0.03512,-0.04566,0.05737,0.02255,-0.02693,-0.03459,-0.02172,0.04523,-0.06899,0.08967,-0.02387,-0.10252,-0.03006,-0.08649,0.04954,-0.01779,0.03659,-0.09552,0.08195,-0.0808,-0.04979,0.03417,-0.01918,0.04059,-0.0227,0.06704,0.01465,0.02285,0.03287,-0.00241,0.01941,-0.04245,0.02541,0.00208,-0.03473,-0.0446,-0.09669,0.07917,-0.10408,-0.05301,0.04926,0.00034,0.03697,0.04498,-0.00029,0.05641,0.01008,-0.02847,0.02193,-0.01123,-0.04867,-0.03834,-0.03636,-0.02194,-0.04449,0.06068,-0.02707,-0.05033,-0.03385,0.00963,0.02635,-0.07887,-0.05996,0.03746,0.03761,0.0193,-0.04297,-0.08253,-0.06701,0.04586,0.00227,-0.07271,0.00784,-0.04514,0.01497,0.10846,-0.00807,-0.00089,0.02849,-0.00309,0.03312,0.05915,-0.06086,-0.04283,0.01426,0.03564,-0.06164,0,0.09911,0.06032,-0.06729,0.03036,0.01955,-0.01777,-0.04136,-0.05142,-0.00735,-0.02319,0.06311,0.03107,-0.01492,0.02161,0.01726,0.01563,0.01728,0.01607,0.01409,-0.0546,-0.08915,-0.12545,-0.11864,0.12152,0.04805,0.12048,-0.05904,0.06613,-0.01744,-0.01413,0.06184,0.01184,-0.04688,-0.07487,-0.01043,-0.0264,-0.08656,-0.04371,0.00637,-0.00422,0.0326,-0.09052,-0.12844,-0.04616,-0.00395,-0.01602,-0.04657,0.05918,0.0134,-0.04284,0.07615,0.04322,0.06277,0.0139,0.0591,0.0556,-0.02334,-0.04382,0.01128,0.02713,-0.03597,-0.04832,0.00765,0.00366,0.00799,0.03917,-0.0208,-0.07123,0.04671,-0.04237,-0.06709,0.01296,-0.00154,-0.00207,0.01342,0.05089,-0.08212,-0.04727,0.03997,0.0597,-0.00708,-0.14887,0.0529,0.00221,0.01608,-0.06636,0.00767,-0.03849,-0.12832,0.01085,0.04036,0.06609,0.03809,0.0982,0.04756,0,0.01656,0.06407,-0.03208,0.0573,-0.01406,-0.00772,-0.0021,-0.00475,0.03857,0.02232,0.04683,-0.03492,0.01211,0.03585,-0.03578,0.01823,0.01145,-0.01952,0.04813,0.00073,0.08936,-0.02846,0.0118,-0.04165,-0.04298,0.01517,0.05005,-0.04365,-0.03845,-0.00378,-0.0638,-0.00172,0.03042,-0.0129,-0.03671,-0.00852,0.00922,-0.09337,0.02982,-0.02737,0.08993,0.02739,0.06214,0.03939,-0.07971,0.02917,-0.05918,0.05793,-0.02875,-0.04102,-0.12717,0.03195,0.05206,-0.02138,-0.01307,0.00762,0.13003,-0.01486,0.01899,0.0262,-0.03449,-0.04298,0.01364,0.01793,-0.0188,0.0171,0.00256,-0.05445,0.08391,0.03207,0.06736,0.0211,-0.00411,-0.02681,-0.01908,0.05039,0.1178,-0.09549,0.00563,-0.07505,-0.00778,0.03063,0.06027,-0.05491,-0.04744,0.14745,-0.08752,0.0911,0.03393,0.05948,-0.09182,0.01572,0.06128,0.02703,-0.00747,0,-0.1007,0.09479,0.02156,0.01165,0.02258,0.00736,-0.00082,-0.00326,0.00732,-0.0219,-0.04203,0.08373,-0.00095,0.05297,0.06487,0.01721,0.04566,0.03854,-0.03338,-0.00295,0.03729,0.00931,0.03044,0.03656,-0.00175,-0.02999,0.01744,0.1151,-0.0141,0.03464,0.00949,-0.01643,0.02426,0.03918,-0.08317,0.01376,-0.05659,-0.1037,0.08112,-0.01906,0.08325,0.03913,-0.0477,-0.03761,-0.09157,0.0814,0.06116,-0.0835,0.00327,0.11176,-0.09341,-0.06504,-0.01084,-0.00824,0.02543,0.07295,0.02372,0.00936,0.02431,-0.01034,-0.00145,0.04204,-0.05622,-0.02207],"keywords":"Custom Event Triggers Custom Event Triggers Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code. Description Override the default triggers for zooming, dragging, and connection creation when your editor shares gestures with the rest of the page or needs power-user shortcuts. Custom triggers let the app decide exactly when an interaction should start.","excerpt":"Description Override the default triggers for zooming, dragging, and connection creation when your editor shares gestures with the rest of the page or needs power-user shortcuts. Custom triggers let the app decide exactly when an interaction should start."},{"chunkId":"/examples/custom-event-triggers#2","slug":"custom-event-triggers","route":"/examples/custom-event-triggers","section":"examples","title":"Custom Event Triggers","description":"Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code.","group":"Events","vector":[0.01681,0.01328,-0.01879,0.02601,0.03182,0.1297,-0.02463,0.08342,0.06252,0.04593,-0.03055,0.03432,-0.03159,0.05813,0.05177,0.00129,-0.03048,0.02292,-0.06551,-0.05606,-0.04008,-0.08717,0.02363,0.0143,-0.03532,-0.03861,0.04474,-0.01153,0.04296,0.00477,0.00832,-0.06669,0.02284,-0.0289,-0.04621,-0.01052,0.0216,0.06267,-0.00952,-0.00542,0.03739,0.04081,0.05696,-0.08348,0.00113,-0.00779,-0.10427,0.03737,-0.06849,0.04443,-0.02044,-0.09238,-0.01736,-0.01978,0.07957,-0.06082,0.03138,-0.16039,0.07419,-0.05602,-0.07001,-0.00942,-0.02223,0.02904,0.00509,0.06929,-0.07741,0.04896,-0.00112,0.10733,0.02776,-0.02857,0.00791,-0.01566,0.00285,0.00399,-0.09817,0.12168,-0.07981,-0.03317,0.03138,0.04234,0.01474,0.03129,-0.04398,0.05163,-0.02306,-0.03822,-0.02889,-0.06926,-0.03426,0.01673,-0.02869,0.02616,-0.00308,0.05113,-0.05393,-0.03757,-0.04562,0.00622,0.00563,-0.105,-0.00651,0.03959,0.01497,0.02526,-0.04303,0.02031,-0.05522,0.01485,-0.02657,-0.06407,0.03398,-0.04767,-0.02204,0.07026,-0.03148,-0.03659,0.00699,0.01154,0.06869,0.03318,-0.02445,-0.05038,0.07245,0.01168,0.00631,0,0.0495,0.07329,-0.0647,0.03789,0.03748,-0.04108,-0.02916,-0.13887,0.01179,0.07492,0.00735,0.02784,-0.04632,-0.04326,-0.00558,-0.03984,0.04724,0.00721,-0.02829,-0.00488,-0.07553,-0.05403,-0.07702,0.127,0.12069,0.05352,-0.0473,0.06901,-0.07183,-0.01991,0.10041,0.04022,0.01669,-0.10072,0.00711,-0.04476,-0.08304,-0.01487,-0.03195,-0.00945,0.1054,-0.06236,-0.11358,0.03657,-0.01727,-0.00283,-0.03416,-0.03552,0.06288,-0.02012,0.0555,0.08434,0.03494,-0.03047,0.09876,0.00694,-0.02196,0.01768,0.00296,0.06793,-0.01926,-0.04241,0.01875,-0.025,0.00237,-0.03299,-0.03629,-0.0815,0.04546,-0.04069,-0.06023,0.05254,0.01071,0.01767,-0.0223,0.00582,-0.03908,0.01334,0.04845,0.03871,-0.03888,-0.15947,0.02091,0.01203,0.07452,-0.1054,-0.00885,-0.03049,-0.08462,-0.02385,0.04951,0.03133,-0.00075,0.02588,0.05463,0,0.04465,0.0597,-0.00109,0.071,-0.07165,-0.01674,0.01012,0.05179,-0.00296,0.06137,-0.00155,-0.00996,0.04353,0.00747,0.03073,-0.01987,-0.00314,-0.03526,0.10541,0.01485,0.09521,0.05085,-0.0238,-0.03233,-0.05964,0.08866,0.02215,0.00114,-0.01337,-0.00162,-0.08026,-0.04958,0.00616,0.01331,-0.04602,-0.07199,0.06005,-0.02108,-0.01643,-0.06232,0.09003,0.07682,0.0005,-0.02453,-0.04539,-0.01142,-0.01921,0.03292,-0.00012,-0.07993,-0.12503,0.00789,0.03793,0.0477,0.01202,-0.04877,0.13288,-0.02748,0.00458,0.02779,-0.01738,-0.05093,0.03359,-0.0035,0.03121,0.06122,-0.03506,-0.10132,0.02702,0.0251,0.0077,0.03147,0.00688,0.03334,0.02696,0.06809,0.04795,-0.0102,0.02499,-0.03474,-0.02904,0.00805,0.02855,0.02982,0.00063,0.11896,-0.12836,0.04563,0.06789,0.04313,-0.08201,-0.04337,0.05342,-0.00479,0.04238,0,-0.08448,0.03138,-0.00601,-0.00483,0.01473,-0.01407,-0.0219,-0.04024,-0.02331,-0.02266,-0.06292,0.11377,0.04976,-0.01871,0.06982,0.00663,-0.01403,0.02393,-0.0383,0.05539,-0.00059,0.03266,0.06326,0.09123,-0.00688,-0.02686,-0.0221,0.06634,0.00895,-0.03204,-0.00402,-0.06108,0.03333,0.0384,0.00912,-0.06059,-0.11982,-0.07876,0.06217,-0.01114,0.07382,-0.01703,0.0109,-0.01635,-0.03493,0.09098,-0.00474,-0.05366,-0.04356,0.03649,-0.11613,-0.03124,-0.05091,0.02892,-0.01429,0.02149,0.04762,0.05173,-0.00384,-0.02473,0.03145,0.01952,-0.04648,-0.05627],"keywords":"Custom Event Triggers Custom Event Triggers Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code. Example ::: ng-component <custom-event-triggers</custom-event-triggers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.scss :::","excerpt":"Example ::: ng-component <custom-event-triggers</custom-event-triggers [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/custom-event-triggers/example.scss :::"},{"chunkId":"/examples/custom-event-triggers#3","slug":"custom-event-triggers","route":"/examples/custom-event-triggers","section":"examples","title":"Custom Event Triggers","description":"Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code.","group":"Events","vector":[-0.00293,-0.03063,-0.05416,0.05224,0.01936,0.07193,0.05707,0.02191,0.09191,0.03006,0.03539,-0.01074,-0.06013,-0.01055,0.00406,-0.01213,-0.00241,-0.07061,-0.01189,-0.03026,-0.03561,-0.11792,-0.01398,-0.01299,-0.05598,-0.04214,0.00575,-0.0065,0.09736,-0.01975,-0.03417,-0.03331,-0.04994,-0.0219,-0.06448,0.00621,0.03938,0.03851,-0.0423,0.01471,0.00757,-0.05891,0.04421,-0.05488,-0.00393,-0.00225,-0.05217,0.06599,-0.06062,0.08805,-0.05402,-0.01799,-0.04055,-0.06331,0.12118,-0.05565,0.08934,-0.06272,0.03746,-0.0315,-0.06818,0.01919,-0.0917,0.04255,0.00483,0.10924,-0.04536,-0.02277,0.08573,0.03776,0.00228,-0.03026,-0.00305,0.01498,0.01598,-0.01825,-0.05619,0.06568,-0.04453,-0.00929,0.03627,0.03474,0.05573,0.01102,0.00998,0.08984,-0.07356,-0.05349,-0.01513,0.01629,-0.06695,-0.00465,-0.02491,0.00243,-0.0158,0.03163,-0.01259,-0.07293,-0.04624,0.00376,0.01181,-0.04443,-0.03371,0.03071,0.00991,0.01701,-0.02567,-0.07382,-0.07502,0.01055,-0.01079,-0.00714,0.01815,-0.07653,-0.05997,0.06982,-0.02141,0.01358,0.04557,0.03828,0.0124,0.0473,-0.03731,-0.00595,0.02421,-0.06184,-0.06356,0,0.09105,0.03823,-0.07668,0.02435,0.0454,0.02489,-0.00186,-0.06281,0.0025,0.05741,0.05014,-0.001,-0.03333,-0.05128,0.06606,-0.06066,0.04653,0.01719,-0.02591,-0.04652,-0.023,-0.0702,-0.04582,0.1146,0.08229,0.09687,-0.08148,0.07213,-0.00411,0.03729,0.03849,0.03415,-0.04322,-0.05049,0.02514,-0.04308,-0.10173,-0.06951,-0.06945,-0.02234,0.02343,-0.09738,-0.15099,-0.03513,-0.01272,-0.0638,-0.05187,0.02784,0.02053,-0.02763,0.09782,0.07462,0.06707,-0.0395,0.06908,-0.0065,-0.04027,-0.00115,0.01596,0.08476,-0.03714,-0.06693,0.01643,-0.0077,0.03612,0.02047,-0.02236,-0.09783,0.05458,-0.02913,-0.03543,0.01059,0.00966,-0.01248,0.03623,0.05039,-0.10016,-0.0295,0.02887,-0.0077,0.00642,-0.10442,0.04315,0.01406,0.04352,-0.05247,-0.02964,-0.0083,-0.07374,0.00066,0.03113,0.04945,0.02132,0.00727,0.04032,0,-0.00836,0.05902,-0.03728,0.02043,-0.06282,0.00435,0.00117,-0.06493,0.00563,0.02876,0.08316,-0.02634,-0.0185,0.01846,-0.04639,0.01691,-0.00225,-0.0282,0.02151,0.04425,0.06583,-0.04164,-0.01998,0.00511,-0.06818,0.01484,-0.01903,-0.00949,-0.0424,-0.00036,-0.04601,0.03643,0.02446,-0.00266,-0.01608,-0.06028,0.03833,0.02112,0.01256,-0.02724,0.09375,0.05517,0.04369,-0.01617,-0.04521,-0.0026,-0.04216,0.01352,-0.00213,0.01888,-0.11422,0.01518,0.0337,-0.01399,-0.06352,0.03895,0.07217,-0.00311,0.04075,0.05132,0.05426,-0.08337,0.03151,0.03754,0.07841,-0.00055,0.01791,-0.02551,0.07017,0.07136,0.08396,0.04876,0.03283,-0.03663,-0.01198,0.05866,0.11034,-0.08809,-0.005,0.00531,0.0389,-0.00633,0.06052,0.03125,-0.0595,0.14888,-0.09372,0.06136,0.05324,0.06384,-0.06818,-0.01047,0.03095,-0.01201,0.03142,0,-0.10774,0.06797,-0.03642,-0.00578,0.02684,0.02489,-0.04095,-0.04415,-0.06306,-0.08247,-0.02329,0.11246,0.00252,0.0219,0.08053,-0.0192,0.05872,0.03424,-0.0237,-0.01601,0.03228,0.00115,0.02732,0.1118,-0.06524,-0.02927,-0.00538,0.1022,0.04451,0.00091,0.01971,-0.0137,-0.00033,0.03138,-0.12028,0.05109,-0.06451,-0.0996,0.05056,0.01102,0.11483,0.04077,-0.04219,-0.00651,-0.11354,0.13826,0.05327,-0.07745,-0.05426,0.08544,-0.10101,-0.01399,-0.02934,0.04004,-0.00134,0.0658,0.06046,0.02276,0.00441,-0.00503,-0.01562,0.02678,0.00996,-0.05603],"keywords":"Custom Event Triggers Custom Event Triggers Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code. Trigger examples Each trigger is a function that receives FTriggerEvent and returns boolean. This page demonstrates three common patterns: - fWheelTrigger: zoom only while Ctrl is pressed. - fNodeMoveTrigger: drag nodes only while Shift is pressed. - fCreateConnectionTrigger: allow connection creation only while F is pressed. F Trigger Event f Wheel Trigger f Node Move Trigger f Create Connection Trigger","excerpt":"Trigger examples Each trigger is a function that receives FTriggerEvent and returns boolean. This page demonstrates three common patterns: - fWheelTrigger: zoom only while Ctrl is pressed. - fNodeMoveTrigger: drag nodes only while Shift is pressed. - fCreateConnectionTrigger: allow connection creation only while F is pressed."},{"chunkId":"/examples/custom-event-triggers#4","slug":"custom-event-triggers","route":"/examples/custom-event-triggers","section":"examples","title":"Custom Event Triggers","description":"Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code.","group":"Events","vector":[0.03198,-0.0182,-0.03516,0.03747,0.03306,0.0789,0.0378,0.08104,0.05276,0.03954,0.01786,0.00025,-0.05609,0.03549,0.05959,0.01736,-0.01876,-0.04816,-0.03367,-0.02022,-0.06488,-0.10669,0.03556,-0.00297,-0.03882,-0.0452,0.02693,0.02593,0.04752,-0.04487,0.0097,-0.02976,0.00654,-0.02739,-0.04861,-0.02045,0.03142,-0.00785,-0.01824,0.00553,0.03117,0.01965,0.06314,-0.05084,-0.02258,-0.0069,-0.04451,0.06512,-0.05339,0.12475,-0.04151,-0.09137,-0.04664,-0.07092,0.07844,-0.00998,0.05098,-0.12196,0.07062,-0.04659,-0.06539,0.01558,-0.04507,0.02177,-0.01019,0.05915,-0.03284,-0.03349,0.05389,0.0368,0.00923,-0.04335,0.03766,-0.0167,0.01601,-0.01815,-0.04887,0.09565,-0.01856,-0.04097,0.04419,0.0528,0.05072,0.03377,0.00194,0.04069,-0.08291,-0.07686,-0.02734,-0.00613,-0.05895,-0.02711,-0.04799,0.0052,-0.02339,0.01121,-0.00739,-0.06913,-0.03753,-0.00268,0.00823,-0.07758,-0.01257,0.00777,-0.00338,0.0293,-0.05222,-0.04543,-0.07535,-0.00353,-0.01947,-0.06453,0.03258,-0.03884,-0.03005,0.06687,-0.04024,-0.03828,0.05052,-0.00349,0.04761,0.04688,-0.02565,-0.01492,0.02485,-0.01733,-0.06828,0,0.06738,0.02346,-0.0507,0.01114,0.04096,0.01287,-0.00391,-0.07961,0.0109,0.02183,0.03253,-0.00458,-0.03817,-0.03752,0.08622,-0.06967,0.0497,0.01189,-0.06217,-0.01804,-0.06497,-0.0355,-0.09504,0.08585,0.07341,0.1291,-0.05533,0.0873,-0.05072,0.02514,0.05787,0.05673,-0.0651,-0.06929,0.01152,-0.04746,-0.123,-0.05544,-0.09052,0.00545,0.07759,-0.0797,-0.13786,-0.01766,-0.02393,-0.00271,-0.04554,0.04505,0.02378,-0.02404,0.10247,0.04691,0.01541,-0.06269,0.07917,0.06106,-0.06349,-0.0041,0.02197,0.04791,-0.04152,-0.06081,0.02381,-0.02413,0.0387,0.00012,-0.00276,-0.10066,0.04091,0.01901,-0.02,0.03653,0.01365,0.00216,0.0513,0.02047,-0.05151,-0.01753,0.04126,0.00521,-0.01192,-0.15701,0.02679,-0.03584,0.03649,-0.08123,0.02248,-0.01525,-0.07931,-0.00924,0.01423,0.03942,0.00952,0.04725,0.03946,0,0.00328,0.05114,-0.00477,0.0472,-0.07131,0.00566,0.00885,-0.03547,-0.02805,0.06021,-0.02102,-0.01793,0.00806,0.01305,-0.01633,0.02974,-0.00858,-0.05565,0.02286,0.02099,0.08463,-0.04154,0.01569,-0.00917,-0.03232,0.03692,0.01426,-0.02459,0.0039,-0.02735,-0.05734,-0.02686,0.05748,0.00116,-0.01507,-0.06282,0.06449,-0.07241,0.00407,-0.04567,0.07143,0.03894,0.03428,-0.00014,-0.0263,0.02161,-0.04109,0.05892,-0.00573,0.00037,-0.15549,0.0117,0.01249,0.00889,-0.05491,0.03042,0.13193,-0.02462,0.03659,0.03976,-0.01008,-0.08106,0.03453,0.04904,0.07938,0.00094,0.0266,-0.04728,0.0422,0.07627,0.06733,0.0276,0.04523,-0.02975,-0.01414,0.06332,0.09986,-0.0497,0.03063,-0.05367,0.04662,-0.00209,0.06544,0.01772,-0.02327,0.10059,-0.06984,0.10549,0.05153,0.06301,-0.05017,-0.0313,0.05613,-0.00737,0.04794,0,-0.12179,0.07763,-0.03991,0.01754,0.04288,0.00664,-0.06701,-0.00965,-0.0476,-0.01417,-0.05201,0.13754,-0.0342,0.04211,0.07084,-0.03023,0.05091,0.03619,0.00156,0.03907,-0.02535,0.01392,0.03532,0.07381,-0.08371,-0.01068,-0.03539,0.09347,0.06786,-0.00619,-0.01555,-0.00517,0.02939,0.03649,-0.1043,-0.02332,-0.08606,-0.12192,0.0521,-0.00876,0.10493,0.05302,-0.01505,-0.04463,-0.08809,0.10671,0.04504,-0.07946,-0.06076,0.07333,-0.11004,-0.02469,-0.03042,0.01986,-0.04333,0.06598,0.04523,-0.01748,-0.01885,-0.02077,-0.0215,0.01147,-0.02044,-0.03863],"keywords":"Custom Event Triggers Custom Event Triggers Create custom event triggers for diagram interactions. Hooks, callbacks and Angular example code. Supported trigger points - fZoom: fWheelTrigger, fDblClickTrigger - fDraggable: fReassignConnectionTrigger, fCreateConnectionTrigger, fNodeResizeTrigger, fNodeMoveTrigger, fCanvasMoveTrigger, fExternalItemTrigger, fMultiSelectTrigger - f-selection-area: fTrigger f Zoom f Wheel Trigger f Dbl Click Trigger f Draggable f Reassign Connection Trigger f Create Connection Trigger f Node Resize Trigger f Node Move Trigger f Canvas Move Trigger f External Item Trigger f Multi Select Trigger f Trigger","excerpt":"Supported trigger points - fZoom: fWheelTrigger, fDblClickTrigger - fDraggable: fReassignConnectionTrigger, fCreateConnectionTrigger, fNodeResizeTrigger, fNodeMoveTrigger, fCanvasMoveTrigger, fExternalItemTrigger, fMultiSelectTrigger - f-selection-area: fTrigger"},{"chunkId":"/examples/control-schemes#0","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.02076,-0.05935,-0.07585,0.04844,-0.00326,0.07572,0.03736,0.07865,-0.00037,0.10862,-0.0046,0.00738,-0.07539,0.03529,0.07017,0.04634,0.00597,-0.03005,-0.00463,0.0409,0.02287,-0.06461,0.01435,-0.05883,-0.01197,0.02481,0.04974,-0.00768,-0.01107,-0.08464,-0.03412,0.04134,-0.01872,-0.001,-0.15567,-0.00188,-0.0239,-0.01856,-0.06598,-0.05695,0.04631,0.04865,0.01439,-0.07107,-0.03351,0.03609,-0.05712,0.02133,-0.04954,0.09126,-0.05053,-0.08407,0.00569,0.03189,0.06389,-0.03145,0.01914,-0.00074,0.04417,-0.03783,-0.05737,0.02741,0.00494,0.05231,0.03426,0.01916,-0.08842,0.02728,-0.00279,-0.02918,-0.02304,-0.07897,0.02393,-0.05803,0.03395,-0.10391,-0.00672,0.07071,-0.02879,-0.01856,0.00983,0.07632,-0.05098,0.08047,-0.06968,0.09416,-0.05841,-0.00592,0.0341,-0.08363,-0.00385,0.02695,0.03705,-0.02542,0.04433,-0.07117,0.02869,-0.05495,-0.10333,0.0063,0.05105,-0.05813,0.04298,0.00921,-0.00636,-0.0395,0.04889,-0.03655,-0.06569,0.01063,-0.04718,0.00377,-0.00561,-0.02964,-0.03444,-0.02189,-0.05486,-0.04303,0.0274,0.05917,0.01489,-0.04499,-0.00482,-0.01959,0.02829,0.02061,-0.03168,0,0.05265,0.00073,-0.03718,-0.00186,0.04716,-0.00514,0.01852,-0.07443,0.0174,0.0419,0.00526,0.02254,-0.05999,0.0689,0.05717,-0.12421,0.00253,0.01607,0.05807,-0.001,0.02826,0.01424,-0.09048,0.02277,0.05402,0.11645,-0.03425,0.04423,-0.02834,0.03306,0.04735,0.06524,-0.08315,-0.02788,-0.03671,0.02656,-0.10695,-0.05763,0.01934,0.01167,0.01229,-0.11216,-0.0767,0.06804,0.00222,-0.05094,-0.08086,0.00037,-0.03725,0.05903,0.0082,0.03291,-0.02889,0.00054,0.13569,-0.12314,-0.063,0.06391,0.03413,0.08206,0.03298,0.0209,-0.05125,-0.03036,0.00009,0.04303,-0.02191,-0.09122,0.03345,-0.02779,-0.05399,0.04153,-0.01708,0.03579,0.00479,-0.02521,0.00941,-0.02149,0.01335,-0.03194,-0.02068,-0.03758,-0.02786,0.01077,0.05051,-0.10019,0.04398,0.01284,-0.09591,-0.03317,0.05783,0.02798,0.02196,0.00297,0.04683,0,0.01049,0.04074,-0.01473,0.12628,-0.01319,-0.0405,0.07432,-0.01585,0.02804,0.04309,-0.00153,0.01048,0.02709,-0.01002,0.01973,0.00795,0.01565,-0.09877,0.04416,-0.05646,0.01175,-0.00951,-0.01449,-0.03208,-0.09902,0.06375,-0.01577,0.03909,-0.02328,-0.02285,-0.01849,-0.04442,-0.01575,0.0392,-0.00828,-0.01675,0.03504,0.06634,-0.05043,-0.02657,-0.01997,-0.04941,0.04069,0.05078,-0.03605,0.01482,-0.10543,0.05018,0.01488,-0.01044,-0.05946,-0.01874,0.05217,-0.09968,-0.01543,-0.01423,0.12846,0.01082,0.03442,0.01655,0.03857,-0.0446,0.02968,-0.00949,0.04215,0.05466,0.03669,-0.02442,0.06503,0.06307,0.03938,-0.01131,0.07125,-0.058,0.09575,0.00698,0.09626,0.00391,0.05215,-0.05542,0.04773,0.03387,0.04441,0.01103,-0.00581,0.10503,-0.16196,-0.03983,0.06544,0.0492,-0.04679,-0.01133,0.0803,-0.00348,0.04324,0,-0.06471,-0.0034,0.05939,-0.00192,0.00031,0.01687,0.00208,-0.02725,-0.00919,-0.00007,-0.02935,0.13479,0.00787,-0.00197,0.13861,0.05471,0.06376,0.05011,0.03459,-0.03343,0.02255,0.00524,0.03625,0.06194,-0.01009,0.01596,-0.03113,0.03829,0.0255,0.06446,-0.00901,-0.00785,0.07985,0.07137,-0.04776,-0.06498,-0.1351,-0.03379,-0.07918,-0.00203,0.09166,0.00525,-0.04305,-0.04285,-0.08976,0.06279,0.04205,-0.09009,-0.05658,0.03746,-0.08481,0.02938,0.00691,0.06649,-0.01721,0.03058,0.05539,-0.03867,0.02659,0.04177,-0.07728,0.0761,-0.04904,0.02017],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Control Schemes","excerpt":"Control Schemes"},{"chunkId":"/examples/control-schemes#1","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.03118,-0.08524,-0.06762,0.0398,0.01055,0.09543,0.07752,0.08187,-0.00291,0.08561,-0.01397,-0.00793,-0.05972,0.01998,0.05954,0.02423,0.01586,-0.06378,-0.02275,0.05458,0.02495,-0.09037,0.00881,-0.08218,-0.00134,-0.00174,0.05617,-0.03882,0.01171,-0.04104,-0.00653,0.06415,-0.00111,0.00033,-0.1752,-0.00231,-0.01563,-0.03997,-0.04815,-0.06274,0.0219,0.05014,0.00335,-0.06143,0.00144,0.03851,-0.02069,0.04187,-0.04234,0.10159,-0.02406,-0.05936,0.01992,0.02249,0.04451,-0.02044,0.04108,0.01092,0.04111,-0.01427,-0.08482,0.02123,-0.01661,0.02919,0.0377,0.03217,-0.02744,-0.03992,0.00839,-0.05639,-0.016,-0.07872,0.06617,-0.02501,0.05005,-0.10465,-0.02963,0.06851,-0.02303,-0.04896,0.02428,0.06721,-0.00815,0.09172,-0.03082,0.0774,-0.06649,0.00979,0.05475,-0.04019,-0.05036,0.01786,-0.00707,-0.02039,0.02304,-0.06116,-0.00726,-0.05889,-0.07897,-0.01643,0.05115,-0.06306,0.0528,0.00001,-0.00979,-0.03308,0.03629,-0.07335,-0.07317,0.02782,-0.03461,-0.00311,0.0177,0.00578,-0.02919,-0.00008,-0.0297,-0.03228,0.01155,0.04066,-0.00291,-0.00395,0.00427,-0.01098,0.01702,-0.00123,-0.03817,0,0.03477,-0.04005,-0.03404,-0.00203,-0.00268,-0.00496,0.02384,-0.06054,-0.00766,0.03982,0.02288,-0.00092,-0.05271,0.09235,0.06093,-0.10628,-0.03491,-0.00488,0.05431,-0.02137,0.01136,0.01544,-0.09168,0.02244,0.07304,0.10472,-0.04733,0.06161,-0.00568,0.03435,0.00625,0.05784,-0.06729,-0.03254,-0.03977,0.06097,-0.10452,-0.04437,0.0127,0.02499,0.0223,-0.11053,-0.05336,0.05718,-0.00431,-0.04546,-0.10355,0.05345,-0.04589,0.04561,0.0057,0.02552,0.00105,0.00473,0.10509,-0.09824,-0.05169,0.0661,0.04488,0.08208,0.00364,0.00473,-0.06903,0.01192,0.00414,0.0447,0.00021,-0.06064,0.01136,-0.04655,-0.03693,0.03163,-0.00856,0.06545,0.03212,-0.03087,0.01368,-0.00389,0.0083,-0.01686,-0.01305,-0.02462,-0.02117,-0.03698,0.00817,-0.09117,0.04694,0.00704,-0.10637,-0.07384,0.05183,0.03042,0.02742,0.03462,0.03978,0,0.03164,0.04716,0.00017,0.14348,-0.04056,-0.04638,0.07887,-0.0214,-0.00477,-0.00329,-0.00353,-0.01062,0.0277,-0.02945,-0.00224,0.04356,-0.0319,-0.05549,0.03081,-0.05887,0.01589,-0.05028,-0.01296,0.00018,-0.13176,0.04093,0.0044,0.03246,-0.0204,0.00292,-0.0168,-0.03918,-0.00967,0.01955,-0.01133,-0.02709,0.02175,0.05515,-0.05916,0.01889,-0.0056,-0.00807,0.04815,0.02654,-0.03058,0.03453,-0.09216,0.04879,0.01249,0.00317,-0.04847,0.00244,0.0469,-0.10902,-0.01716,-0.00764,0.12519,-0.01689,0.01772,0.01518,0.04473,-0.02789,0.03825,0.01416,0.07501,0.04644,0.02239,0.01579,0.0764,0.04888,0.04019,-0.03693,0.10925,-0.06913,0.05879,0.02212,0.11336,-0.01491,0.04991,-0.06048,0.062,0.01099,0.07194,0.01136,-0.04827,0.16482,-0.15773,-0.03755,0.08577,0.03753,-0.02999,-0.00596,0.10268,-0.03677,0.04815,0,-0.0734,0.0344,0.06121,-0.02001,-0.01044,0.01857,-0.00668,-0.00788,-0.00941,-0.00226,-0.06319,0.11895,-0.00763,-0.01461,0.11354,0.04247,0.0673,0.07012,0.03105,-0.0553,0.04259,-0.03206,0.04728,0.06558,-0.01781,-0.02704,-0.08329,0.07171,0.02296,0.05377,-0.03548,0.00092,0.04493,0.05269,-0.05173,-0.03862,-0.11503,-0.07087,-0.0483,0.01749,0.07526,-0.0029,-0.04137,-0.06287,-0.12113,0.04548,0.06613,-0.0678,-0.03433,0.05889,-0.04199,0.02786,0.03851,0.05814,-0.00511,0.03823,0.01317,-0.0202,0.03836,0.04991,-0.127,0.0415,-0.0552,0.03196],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Description A control scheme is the mapping between input gestures and canvas actions — which button pans, what the wheel does, how selection starts. Provide one through provideFFlow(withControlScheme(...)) and it drives dragging, panning, zooming and the selection area together; switch it at runtime through FControlSchemeController. Pick a preset from the toolbar and try it on the canvas. provide F Flow with Control Scheme F Control Scheme Controller","excerpt":"Description A control scheme is the mapping between input gestures and canvas actions — which button pans, what the wheel does, how selection starts. Provide one through provideFFlow(withControlScheme(...)) and it drives dragging, panning, zooming and the selection area together; switch it at runtime through FControlSchemeController. Pick a preset from the toolbar and try it on the canvas."},{"chunkId":"/examples/control-schemes#2","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.04383,-0.02997,-0.07316,0.07679,0.06257,0.09311,0.04036,0.06333,-0.003,0.08229,-0.0043,0.02431,-0.0474,0.0101,0.01468,0.01819,-0.01908,-0.00635,-0.02406,0.0318,0.04243,-0.0852,0.03608,-0.03078,-0.01572,0.01536,0.01842,-0.03337,-0.00714,-0.04119,-0.02433,0.06863,-0.03577,0.0013,-0.12742,0.03102,-0.01735,0.01986,-0.05046,-0.06265,0.05539,0.0449,0.01043,-0.08809,0.00002,0.02654,-0.05176,0.03433,-0.05478,0.05526,-0.04457,-0.07894,0.03561,0.04801,0.05135,-0.03043,0.03029,-0.03763,0.06859,-0.00275,-0.0726,0.00194,-0.00286,0.0281,0.05859,0.01192,-0.07287,0.02379,-0.03991,-0.00174,-0.02274,-0.08103,-0.00111,-0.05021,0.04669,-0.12357,-0.0485,0.09796,-0.02124,-0.00888,0.03176,0.05096,-0.02483,0.08434,-0.0536,0.10472,-0.04956,0.00634,0.02889,-0.06885,-0.03489,0.02826,-0.01679,-0.00357,0.0672,-0.04389,-0.03866,-0.02953,-0.0903,0.00102,0.03093,-0.06128,0.04816,0.04406,0.01532,-0.00968,0.04358,-0.01103,-0.08434,0.02065,-0.03901,0.0219,0.0135,-0.03056,-0.0247,-0.04406,-0.04749,-0.04824,0.02646,0.05946,0.06317,-0.02118,-0.04371,-0.02062,0.03106,0.03243,-0.0101,0,0.03686,-0.00566,-0.05221,0.01584,0.03096,-0.02294,0.01743,-0.08039,-0.01984,0.08106,-0.01788,0.00821,-0.04947,0.03151,0.0146,-0.14593,0.01069,0.01596,0.02482,-0.00602,0.00662,0.00182,-0.0938,0.01832,0.08579,0.06466,-0.06487,0.05217,-0.00793,0.02318,0.04678,0.06837,-0.03771,-0.05482,-0.04185,0.0156,-0.07133,-0.03657,0.01667,0.0171,0.05123,-0.09788,-0.03734,0.08503,-0.0135,-0.05234,-0.10238,0.02705,0.0054,0.05022,0.01312,0.03848,-0.03595,-0.01178,0.13763,-0.10496,-0.05153,0.04399,-0.00016,0.10393,-0.00888,0.01809,-0.07549,-0.02615,0.03711,0.02897,-0.02817,-0.04615,0.02167,-0.06996,-0.05953,0.07207,0.00099,0.05454,0.03198,-0.03719,-0.00495,-0.00431,0.04059,-0.04001,-0.00339,-0.06196,-0.04554,0.02332,0.06031,-0.10713,0.035,0.00703,-0.09347,-0.1121,0.02998,0.0154,0.01081,-0.02327,0.02466,0,0.05112,0.05803,0.03687,0.16436,-0.05417,-0.00759,0.11558,-0.00721,0.03163,0.04206,-0.03284,0.02195,0.02537,-0.02511,0.04153,0.03052,-0.05513,-0.07766,0.06361,-0.04508,0.04365,0.00052,-0.02888,0.00035,-0.0955,0.03257,0.02111,0.06296,-0.04095,-0.00321,-0.01392,-0.07026,-0.0542,0.03346,-0.0124,-0.02299,0.01767,0.11227,-0.03592,-0.00466,0.0021,-0.01139,0.0226,0.02605,-0.02368,-0.00083,-0.06447,0.06449,0.01572,-0.02709,-0.07208,-0.01238,0.0047,-0.07194,-0.00247,-0.03956,0.11851,-0.02822,0.00112,-0.00673,0.07864,-0.04281,-0.01369,-0.00914,0.0682,0.03107,-0.00746,-0.02796,0.05505,0.04471,-0.00318,-0.02145,0.10583,-0.05568,0.0919,0.02023,0.09173,0.02975,0.07646,-0.01926,0.03695,0.03582,0.03507,-0.01336,-0.00247,0.11309,-0.175,-0.04518,0.08203,0.00552,-0.06912,-0.03634,0.06278,-0.03465,0.05224,0,-0.06303,0.00215,0.04614,-0.03429,-0.01125,0.02918,0.01543,-0.03662,-0.02099,-0.02862,-0.0396,0.10824,0.05529,0.00409,0.09748,0.03085,0.05969,0.06962,0.00725,-0.00377,0.03904,-0.0077,0.04311,0.06813,-0.03633,-0.05117,-0.08394,0.04393,0.01879,0.02801,-0.01699,-0.01996,0.05666,0.05678,-0.03704,-0.05846,-0.16776,-0.03992,-0.03338,0.02083,0.08033,0.00456,-0.01631,-0.04739,-0.06944,0.04204,0.03989,-0.06521,-0.0602,0.03657,-0.06085,0.01934,0.00995,0.07432,0.0106,-0.00339,0.04554,0.00075,0.01521,0.00651,-0.08239,0.06895,-0.06283,0.00549],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Example ::: ng-component <control-schemes</control-schemes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.scss :::","excerpt":"Example ::: ng-component <control-schemes</control-schemes [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/advanced/control-schemes/example.scss :::"},{"chunkId":"/examples/control-schemes#3","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.03892,-0.0844,-0.10802,0.02263,0.0391,0.04719,0.0594,0.07742,0.03659,0.09806,0.00921,0.01336,-0.06765,0.01169,0.02,0.00609,-0.0001,-0.04483,-0.03042,0.07051,0.02263,-0.09888,0.02994,-0.04941,-0.01118,0.01781,0.0262,-0.01084,0.00222,-0.05174,-0.02378,0.10483,-0.01761,0.01149,-0.14494,-0.02352,-0.0139,-0.03131,-0.07321,-0.07904,0.01269,0.03416,0.05466,-0.01927,-0.03927,0.04927,0.01228,0.01461,-0.02359,0.081,-0.02655,-0.08008,0.00687,0.04126,0.03552,0.06298,0.03144,0.00437,0.02055,0.00033,-0.06504,-0.00787,-0.01392,0.03726,0.02388,0.01691,-0.05982,-0.06481,0.02602,-0.03937,-0.0333,-0.05194,0.03882,-0.01848,0.06321,-0.0957,-0.00296,0.06194,0.00343,-0.03112,-0.02158,0.05214,0.02901,0.07849,0.01639,0.07732,-0.04523,-0.01567,0.01276,-0.03236,-0.01419,0.02827,-0.02836,-0.0502,-0.02231,-0.06244,0.0166,-0.03819,-0.07865,0.0043,0.04424,-0.03626,0.06986,0.03092,-0.01651,-0.02012,0.05072,-0.05037,-0.10356,0.02743,-0.04164,-0.00644,0.03053,-0.0326,-0.03824,-0.01545,-0.0478,-0.031,0.07666,0.04342,-0.00962,-0.00945,-0.00922,-0.01263,0.00982,0.01696,-0.08066,0,0.00454,-0.01665,-0.02874,0.01222,0.03337,-0.02488,0.01534,-0.04314,0.02022,0.02006,0.01676,0.00635,-0.06056,0.07202,0.0646,-0.15854,-0.0053,0.01033,0.02952,-0.03027,0.04484,0.01094,-0.04988,-0.02285,0.06242,0.1421,-0.03718,0.06865,-0.01349,0.05492,-0.027,0.07422,-0.10693,-0.03219,-0.04717,0.0502,-0.09564,-0.0569,0.00311,0.002,0.00338,-0.09295,-0.06428,-0.00622,-0.01,-0.04759,-0.07442,0.05345,0.00121,0.06012,0.0281,0.00486,0.00066,0.01434,0.11486,-0.11507,-0.01386,0.0522,0.0056,0.09368,-0.00689,0.02171,-0.07489,-0.0107,0.02514,0.08145,-0.01262,-0.04608,0.03634,-0.00769,-0.02378,0.06129,0.02507,0.05004,0.04406,-0.02196,-0.01866,-0.04618,-0.01253,-0.03633,-0.01763,-0.02184,-0.02122,-0.01164,0.00357,-0.09879,0.04123,0.00258,-0.08979,-0.07691,0.03323,-0.00915,0.03943,0.01058,-0.02542,0,-0.0102,0.0578,-0.02348,0.12916,-0.04011,0.00942,0.09399,-0.03814,0.03459,-0.02532,-0.00683,-0.0234,0.01339,-0.01895,0.03592,0.04128,-0.02306,-0.09061,0.03199,-0.07389,0.05404,-0.04158,-0.00854,0.02027,-0.08301,-0.00845,0.01502,0.03337,-0.02726,-0.00247,0.00216,-0.03448,-0.02258,-0.01028,0.01819,-0.07755,-0.00795,0.04208,-0.03541,-0.00044,0.02076,-0.02331,0.07834,0.04561,-0.04544,-0.00895,-0.11361,0.08407,0.04536,-0.01285,-0.0665,-0.02585,0.01517,-0.10242,-0.04573,0.03446,0.10683,0.03035,0.02322,0.0225,0.02257,-0.05795,-0.00697,-0.006,0.08131,0.03015,0.04395,0.00035,0.06803,0.09646,0.06667,-0.00552,0.08748,-0.07857,0.06708,0.03012,0.15484,-0.02984,0.07553,-0.03288,0.04857,0.01192,0.0689,0.00899,-0.03958,0.07495,-0.16993,-0.02246,0.07741,0.03036,0.01332,0.00491,0.08467,-0.00745,0.03707,0,-0.06801,0.00529,0.01771,-0.00215,0.02294,0.02479,0.01264,0.01135,-0.06058,-0.04398,-0.02089,0.11501,-0.01573,0.03403,0.13345,0.04238,0.06361,0.0726,0.01201,-0.05434,-0.00256,-0.02147,0.0274,0.04979,-0.04134,-0.01866,-0.0739,0.05803,0.04844,0.03729,-0.02392,0.01883,0.09118,0.05445,-0.06463,0.00339,-0.11966,-0.02919,-0.06966,0.04996,0.09224,0.01135,-0.03594,-0.02414,-0.10968,0.04934,0.03694,-0.07536,-0.07197,0.03027,-0.04466,0.04893,0.02921,0.06583,-0.04377,0.03808,0.01751,-0.01729,0.06541,0.02388,-0.06125,0.05974,-0.03109,0.04272],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Presets - FDEFAULTCONTROLSCHEME (default) — a drag pans the canvas, the wheel zooms, Shift+drag draws a selection rectangle. Matches the library's behavior without the feature. - FSCROLLPANCONTROLSCHEME (Miro-like) — the wheel and two-finger trackpad scroll pan, Ctrl/Cmd+wheel or pinch zooms, a drag on the empty canvas selects, a middle-mouse drag pans. - FDRAGSELECTCONTROLSCHEME (draw.io-like) — the wheel zooms, a drag on the empty canvas selects, a middle-mouse drag pans.","excerpt":"Presets - FDEFAULTCONTROLSCHEME (default) — a drag pans the canvas, the wheel zooms, Shift+drag draws a selection rectangle. Matches the library's behavior without the feature. - FSCROLLPANCONTROLSCHEME (Miro-like) — the wheel and two-finger trackpad scroll pan, Ctrl/Cmd+wheel or pinch zooms, a drag on the empty canvas selects, a middle-mouse drag pans. - FDRAGSELECTCONTROLSCHEME (draw.io-like) — the wheel zooms, a drag on the empty canvas selects, a middle-mouse drag pans."},{"chunkId":"/examples/control-schemes#4","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.01349,-0.06643,-0.05327,0.02717,0.01531,0.0816,0.06876,0.07752,-0.01647,0.10929,-0.01068,0.0062,-0.10014,0.01694,0.09383,0.04098,0.0332,-0.0237,-0.00937,0.05558,0.03656,-0.06053,0.01335,-0.04461,-0.05213,0.0275,0.07276,-0.02871,-0.00988,-0.04436,-0.02618,0.06273,-0.00742,-0.0022,-0.17618,0.01784,-0.0227,-0.01372,-0.04796,-0.03476,0.03123,0.01764,0.00192,-0.05515,0.00153,0.04844,-0.04909,0.05422,-0.05044,0.09024,-0.00711,-0.05579,0.03313,-0.00684,0.07634,-0.04684,0.01781,0.01294,0.03907,-0.03288,-0.02619,0.017,0.00289,0.0237,0.02885,0.02836,-0.04702,0.01015,0.05477,-0.0105,-0.04925,-0.07825,0.0519,-0.03085,0.02933,-0.07716,-0.01882,0.05906,-0.04638,-0.04643,0.00948,0.06063,0.00027,0.05436,-0.05376,0.07596,-0.0847,0.01679,0.07892,-0.10033,-0.03545,0.00695,-0.0054,-0.05039,0.02331,-0.0341,-0.02152,-0.07047,-0.09791,0.00447,0.03873,-0.05052,0.06664,0.00547,0.00669,-0.04514,0.02472,-0.02552,-0.05973,0.01637,-0.00501,0.01171,-0.01621,-0.0256,-0.01367,-0.00331,-0.04148,-0.02381,0.01553,0.0519,0.0068,-0.03997,0.01791,-0.02803,-0.00224,0.01625,-0.04474,0,0.05091,0.05477,-0.03706,-0.03545,0.0166,-0.02318,0.01107,-0.08002,0.02709,0.05086,0.0809,0.01484,-0.04926,0.06936,0.05181,-0.1085,-0.02853,-0.02179,0.09573,-0.01932,0.01657,0.02349,-0.10145,0.02768,0.05769,0.09637,-0.05678,0.0528,-0.01324,0.00876,0.10201,0.0574,-0.07062,-0.03274,-0.00934,0.01992,-0.07208,-0.0581,0.0356,0.00264,0.03191,-0.0992,-0.0191,0.03205,0.00963,-0.03445,-0.08024,0.02233,-0.00042,0.02487,0.01416,0.01201,-0.01189,-0.00266,0.09635,-0.11601,-0.08948,0.05188,0.05386,0.07646,0.02254,-0.01626,-0.06366,-0.04491,-0.04939,0.03247,-0.04211,-0.07414,0.04776,-0.0239,-0.06296,0.06684,-0.05696,0.056,-0.00382,-0.03298,0.01963,0.02766,-0.0039,-0.0319,-0.00994,0.0022,0.00769,0.04392,0.04182,-0.08648,0.04849,-0.01671,-0.12467,-0.05795,0.03965,0.0451,0.02285,0.0082,0.03701,0,0.01913,0.07114,-0.02032,0.15479,-0.03935,-0.06012,0.07389,-0.00261,0.00044,-0.00339,-0.01604,-0.03195,0.05717,-0.03165,-0.00537,0.00298,-0.03267,-0.07954,0.04763,-0.04457,0.01917,-0.00954,0.005,-0.04983,-0.13133,0.04454,-0.00873,-0.003,-0.03024,0.00047,-0.01763,-0.0267,0.01361,0.01212,-0.04065,-0.00834,-0.01142,0.05808,-0.03236,-0.00508,0.00478,-0.0465,0.0474,0.02272,-0.05191,0.00486,-0.10356,0.0757,0.00912,-0.02214,-0.05116,-0.01586,0.03033,-0.11622,-0.05676,-0.01207,0.16416,-0.03151,0.0325,0.00519,0.017,-0.03442,0.03445,0.00484,0.05913,0.0575,0.01525,-0.01839,0.0729,0.04326,0.01709,-0.02424,0.03347,-0.06628,0.08252,0.00431,0.10714,-0.01549,0.05853,-0.02909,0.03728,0.00451,0.05177,-0.01135,-0.01098,0.13304,-0.18008,-0.03073,0.04146,0.08404,-0.06307,0.00802,0.08694,-0.0044,0.02229,0,-0.08305,0.03004,0.08388,-0.00499,-0.01818,0.03656,-0.01002,-0.04273,0.00116,0.002,-0.06428,0.1293,-0.00992,-0.00344,0.11043,0.06141,0.04122,0.05288,-0.0057,0.00182,0.01711,-0.01331,0.0167,0.05087,0.03617,0.00117,-0.01437,0.06082,0.0218,0.06056,-0.01078,-0.01377,0.05408,0.07182,-0.04892,-0.04093,-0.12792,-0.05281,-0.03115,0.02863,0.07088,-0.01575,-0.06799,-0.04362,-0.10533,0.03362,0.03657,-0.07704,-0.0374,0.06584,-0.07985,0.00584,0.01253,0.06052,-0.00943,0.03834,0.03001,-0.00067,0.04642,0.04611,-0.06649,0.03149,-0.07147,0.01666],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Usage Switch or tweak the scheme at runtime through the controller: A scheme is a plain IFControlScheme object — every gesture is an FEventTrigger predicate, so you can start from a preset and override individual gestures, or build your own from scratch. See the Control Scheme guide for the full field reference and custom-scheme recipes. IF Control Scheme F Event Trigger","excerpt":"Usage Switch or tweak the scheme at runtime through the controller: A scheme is a plain IFControlScheme object — every gesture is an FEventTrigger predicate, so you can start from a preset and override individual gestures, or build your own from scratch. See the Control Scheme guide for the full field reference and custom-scheme recipes."},{"chunkId":"/examples/control-schemes#5","slug":"control-schemes","route":"/examples/control-schemes","section":"examples","title":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow","description":"Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select.","group":"Events","vector":[-0.01722,-0.05814,-0.06092,0.06941,0.04259,0.06079,0.04132,0.07122,0.00029,0.08139,-0.00224,0.02716,-0.0701,0.02201,0.0544,0.02967,0.01482,-0.02957,-0.01809,0.01638,0.03268,-0.07559,0.03134,-0.04268,-0.02962,-0.0028,0.01329,-0.02163,0.03734,-0.06351,-0.0504,0.06835,-0.01575,-0.00219,-0.18185,0.02155,-0.01944,-0.03315,-0.05974,-0.08072,0.06528,0.04081,0.02687,-0.07228,-0.0048,-0.00174,-0.03443,0.02595,-0.04147,0.08408,-0.03339,-0.05956,0.04697,0.00589,0.04266,-0.0168,0.04631,-0.0145,0.04875,-0.00654,-0.07413,0.01078,-0.00807,0.02483,0.03385,0.05504,-0.00284,-0.05379,0.01059,-0.0007,-0.01413,-0.08198,0.02778,-0.02863,0.03199,-0.10645,-0.02446,0.05018,-0.00252,-0.02155,0.01598,0.04612,-0.00673,0.06991,-0.02508,0.0686,-0.09173,-0.02535,0.03362,-0.06168,-0.05671,0.01638,-0.02863,-0.01453,0.01437,-0.05287,-0.01746,-0.04699,-0.09209,-0.00475,0.03881,-0.0385,0.05425,0.00958,-0.01002,-0.01038,0.0434,-0.05332,-0.07313,0.0549,-0.021,-0.01713,0.01945,-0.0127,-0.05127,-0.01,-0.05635,-0.03551,0.03692,0.0987,0.02091,-0.00317,-0.01813,-0.03544,0.04484,-0.01686,-0.04947,0,0.01894,-0.02289,-0.03264,0.0193,0.04979,0.00546,0.00415,-0.08352,-0.00887,0.04214,0.04109,0.013,-0.04921,0.02048,0.06801,-0.13514,0.01739,-0.00462,0.00792,-0.02061,0.02286,-0.03042,-0.11074,0.03399,0.06475,0.10663,-0.04603,0.07196,-0.00437,0.04198,0.03319,0.07173,-0.0887,-0.02969,-0.01615,0.02037,-0.07097,-0.06282,0.00834,0.01333,-0.00298,-0.09773,-0.04591,0.03868,-0.02906,-0.05922,-0.07543,0.06515,-0.01555,0.07005,0.0097,0.02773,-0.01367,-0.03764,0.11199,-0.09883,-0.06638,0.07686,0.04825,0.12957,-0.02924,-0.0324,-0.05789,-0.01171,0.01021,0.04977,-0.03624,-0.074,0.02183,-0.04568,-0.02776,0.05749,-0.01617,0.07776,0.04192,-0.02849,-0.02115,-0.0094,0.0055,-0.034,-0.00339,-0.04911,-0.02221,-0.00558,0.0439,-0.09676,0.03143,0.02487,-0.09,-0.07258,0.04721,0.03175,0.05906,-0.00405,0.016,0,-0.00032,0.06811,-0.02074,0.12861,-0.03914,-0.02084,0.07981,-0.05664,-0.00121,-0.01042,-0.01329,0.0205,0.03394,-0.01885,0.00059,0.03872,-0.02794,-0.07587,0.06778,-0.02498,0.0525,-0.05073,-0.0311,0.00651,-0.08991,0.03096,-0.0036,0.04103,-0.00462,-0.01893,-0.00798,-0.03139,-0.0142,0.01071,-0.02109,-0.04367,0.01867,0.03934,-0.02942,0.01238,0.03037,-0.04026,0.04559,0.02044,-0.02819,0.01794,-0.07627,0.065,-0.0127,-0.02457,-0.08171,0.01182,0.02559,-0.07983,-0.0479,0.01726,0.14458,0.0233,0.04323,-0.01009,0.06199,-0.03824,0.02826,0.03177,0.05444,0.00306,0.03006,-0.00808,0.06287,0.05582,0.0161,-0.00933,0.0818,-0.07541,0.03732,0.04891,0.13875,-0.06846,0.07936,-0.06561,0.05353,0.03565,0.05326,-0.02635,-0.05353,0.11614,-0.15593,0.01536,0.06667,0.06031,-0.05296,-0.02259,0.05794,-0.04138,0.03783,0,-0.08614,0.0465,0.01268,-0.00894,0.03364,0.02537,0.02531,0.00851,-0.02768,0.01046,-0.02995,0.12505,-0.0004,-0.00934,0.15244,0.04543,0.07614,0.0617,0.00612,-0.0006,0.01507,-0.02746,0.016,0.06049,-0.04782,-0.01845,-0.04852,0.05645,0.02216,0.04127,-0.0289,-0.01546,0.06425,0.05403,-0.10342,-0.0389,-0.13517,-0.05906,-0.01296,0.01218,0.10499,0.00821,-0.04089,-0.0379,-0.1214,0.07808,0.04498,-0.07242,-0.04183,0.05767,-0.05028,-0.01433,0.01843,0.05606,-0.01142,0.03998,0.04654,-0.02369,0.06099,0.0386,-0.08125,0.04678,-0.04297,-0.00644],"keywords":"Angular Diagram Example – Switchable Control Schemes with Foblex Flow Angular Diagram Example – Switchable Control Schemes with Foblex Flow Switch between the default, Miro-like, and draw.io-like control schemes at runtime: scroll or wheel to pan and zoom, middle-mouse drag to pan, and drag on the empty canvas to box-select. Supported gestures - nodeMove, canvasMove, selection, createConnection, reassignConnection, nodeResize, nodeRotate: FEventTrigger predicates deciding when each interaction starts. - scrollPan: routes the wheel — true pans on plain scroll and zooms on Ctrl/Cmd+wheel or pinch. - zoom: gates wheel zoom. - The per-instance inputs (fNodeMoveTrigger, fCanvasMoveTrigger, fWheelTrigger, f-selection-area fTrigger, …) override the active scheme when set. node Move canvas Move create Connection reassign Connection node Resize node Rotate F Event Trigger scroll Pan f Node Move Trigger f Canvas Move Trigger f Wheel Trigger f Trigger","excerpt":"Supported gestures - nodeMove, canvasMove, selection, createConnection, reassignConnection, nodeResize, nodeRotate: FEventTrigger predicates deciding when each interaction starts. - scrollPan: routes the wheel — true pans on plain scroll and zooms on Ctrl/Cmd+wheel or pinch. - zoom: gates wheel zoom. - The per-instance inputs (fNodeMoveTrigger, fCanvasMoveTrigger, fWheelTrigger, f-selection-area fTrigger, …) override the active scheme when set."},{"chunkId":"/examples/stress-test#0","slug":"stress-test","route":"/examples/stress-test","section":"examples","title":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization","description":"Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow.","group":"Performance","vector":[0.02109,0.0268,-0.04287,0.01895,0.06191,-0.00475,-0.04903,-0.00769,0.00662,0.08279,-0.06793,0.02034,-0.0954,-0.00761,0.04256,-0.00477,0.13594,0.00689,-0.00495,-0.00339,-0.06107,-0.05419,0.03915,-0.07557,0.05336,0.01309,-0.10722,0.00514,0.03968,-0.06209,0.00623,0.06815,-0.07272,0.04149,-0.06442,0.12006,-0.05686,-0.07705,-0.04774,-0.00321,0.09006,0.11165,-0.02665,-0.07209,0.01022,0.00262,-0.06114,-0.01213,-0.01155,0.00992,-0.08492,-0.05368,-0.06989,0.00572,-0.01591,-0.01259,0.05064,-0.0711,0.02318,0.05243,0.01469,-0.03238,0.04039,0.01161,0.04659,-0.00094,-0.01355,-0.01619,-0.00811,-0.03412,-0.03124,0.00284,0.00876,-0.03467,0.03082,-0.02159,-0.04258,0.01287,0.03557,-0.11462,0.04863,0.0192,-0.04457,0.01086,-0.05664,0.02751,0.03557,-0.06486,-0.02308,-0.08865,0.00114,0.04339,0.00025,0.03617,0.00298,-0.03167,0.014,-0.029,-0.06447,0.06659,0.06752,-0.07396,0.10149,0.02332,-0.05136,0.0176,0.08877,0.07747,-0.03722,-0.01175,0.0057,0.06519,-0.03899,-0.06448,-0.04611,-0.0175,0.00279,0.00735,0.0276,0.08643,0.00466,-0.05262,0.06326,-0.0006,0.02699,-0.07576,-0.00471,0,-0.04998,-0.01696,-0.00504,0.0276,0.07037,0.02326,-0.01701,-0.03825,0.00624,0.03545,0.04027,-0.00264,-0.05192,0.04853,0.06427,-0.0775,-0.00625,0.05825,0.00754,0.02362,0.04462,-0.09391,-0.05079,0.04634,0.07417,0.04297,0.02546,0.03573,-0.09803,0.02816,0.101,0.07472,0.03621,-0.03768,-0.00916,-0.01677,-0.04285,-0.022,-0.02738,-0.02639,-0.02303,0.00015,-0.10314,-0.01625,-0.0893,0.01283,-0.06946,0.01823,0.06034,0.0976,0.03591,0.03945,-0.02981,-0.00476,0.08868,-0.00222,0.03007,0.06614,0.0596,0.1033,0.0178,-0.04638,-0.04415,-0.00589,-0.04515,0.02072,0.01231,-0.02814,0.01718,0.01927,-0.07392,0.01989,0.07492,0.0038,0.02302,-0.05509,-0.10251,0.06247,-0.03227,0.01176,-0.06021,-0.03864,0.01168,0.00364,0.03325,-0.08882,0.00174,-0.01625,-0.06652,-0.00261,0.09549,0.05363,0.00537,-0.06221,-0.00962,0,-0.0183,0.06451,-0.04698,0.10502,0.00819,-0.10782,0.01033,0.0449,-0.04723,0.04738,0.05833,0.00713,-0.05902,-0.03296,-0.02715,0.00861,0.0772,-0.17933,0.04854,0.01562,0.04344,0.01435,0.05922,-0.05106,-0.04766,0.09114,-0.07008,-0.01553,-0.01322,-0.0998,-0.01379,-0.01743,-0.03398,-0.0433,0.00899,-0.02739,0.05108,0.02269,-0.05576,-0.05005,0.04836,0.04021,-0.07082,0.00163,-0.06663,-0.05416,-0.07718,-0.00767,0.01564,0.00934,-0.03458,0.03484,0.04099,-0.02628,-0.01102,0.00645,-0.01526,0.0708,-0.01691,0.00212,0.05079,-0.03253,-0.02232,-0.02492,0.02512,0.05724,-0.06594,-0.05193,0.10966,0.11543,0.00638,-0.01414,-0.04337,0.03913,-0.02676,0.05242,0.09595,-0.02775,0.07388,0.02707,-0.04355,0.1054,-0.03356,0.00577,0.06353,0.06734,-0.1184,-0.04523,0.02645,0.08977,-0.0244,-0.04965,-0.00234,-0.00827,0.0295,0,-0.10834,0.06564,-0.01362,-0.01229,0.02728,-0.04031,-0.02553,0.07457,0.0216,0.02377,0.03731,0.06062,-0.0329,0.02673,0.11506,0.01636,-0.00202,-0.00545,-0.02927,0.0179,-0.04688,0.08547,0.05181,0.03145,-0.02255,0.01504,0.05436,0.09219,-0.00905,-0.02701,-0.02044,-0.00754,-0.04664,-0.01701,0.00173,0.00091,-0.15575,0.00848,0.01225,-0.00703,0.0582,0.01162,0.04207,0.03383,0.02915,0.04719,-0.03778,-0.02671,-0.04723,-0.02361,-0.09444,-0.02943,-0.13442,0.00293,-0.03424,-0.03634,0.08407,-0.00505,0.03594,0.07734,-0.00437,-0.01186,-0.05161,-0.02373],"keywords":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow. --- toc: false wideContent: true --- Large Scene Performance wide Content","excerpt":"--- toc: false wideContent: true --- Large Scene Performance"},{"chunkId":"/examples/stress-test#1","slug":"stress-test","route":"/examples/stress-test","section":"examples","title":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization","description":"Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow.","group":"Performance","vector":[-0.00135,0.01848,-0.02193,0.06467,0.05656,0.01445,-0.03815,0.03913,0.04875,0.08137,-0.10775,0.00364,-0.10089,-0.03602,0.05739,-0.0092,0.1361,-0.01439,-0.0453,-0.03815,-0.03452,-0.13626,0.02414,-0.07053,0.03348,0.02218,-0.0839,0.00315,0.01871,-0.05554,-0.03619,0.06337,-0.05787,0.03667,-0.07903,0.10876,-0.04501,-0.04117,-0.08745,-0.01449,0.03557,0.0762,-0.00781,-0.08353,0.01273,-0.01915,-0.04431,0.01196,-0.05908,0.00942,-0.05937,-0.06897,-0.059,0.01312,-0.00755,-0.00539,0.07634,-0.0735,-0.0221,0.03005,-0.0008,-0.02924,0.04482,0.01782,0.03457,0.02675,0.01816,-0.06452,0.01232,0.00544,-0.02803,-0.0049,0.01056,-0.04762,0.01601,-0.049,-0.0316,0.02271,0.03814,-0.10395,0.0616,0.02699,-0.04936,-0.00399,-0.05149,0.02947,0.03776,-0.08799,-0.03221,-0.04551,-0.00143,0.11396,-0.03617,0.02363,0.04691,-0.00751,0.01052,-0.01317,-0.02677,0.03383,0.05281,-0.07406,0.11082,0.02357,-0.02423,-0.00321,0.08643,0.0466,-0.06699,0.00376,0.00474,0.07037,0.01579,-0.00851,-0.00933,-0.01075,0.02161,0.0165,0.03073,0.13796,0.04338,-0.02956,0.07222,-0.01357,0.04336,-0.06539,-0.03669,0,-0.02642,0.00153,-0.01165,0.03507,0.04797,0.0146,0.03443,-0.0288,-0.01822,0.0345,0.01868,0.02247,-0.0461,0.06002,0.08089,-0.08224,0.01097,0.02759,-0.00657,0.0153,0.05898,-0.11525,-0.06728,0.02516,0.07261,0.05522,0.02724,0.05988,-0.14012,0.01083,0.08235,0.04531,-0.01374,-0.03848,-0.02518,-0.03465,-0.00291,-0.041,-0.04703,-0.03234,-0.04615,0.02269,-0.0495,-0.00985,-0.07283,-0.00837,-0.07227,0.02349,0.0224,0.07641,0.0732,0.04589,-0.00271,0.01787,0.08149,-0.02194,0.05138,0.04052,0.03842,0.1343,-0.00161,-0.0244,-0.06982,-0.00462,-0.02656,0.06458,0.01767,-0.01206,-0.01532,-0.00656,-0.05318,0.03045,0.04546,-0.03738,0.05378,-0.01694,-0.07633,0.0015,-0.04319,-0.00407,-0.02674,-0.02066,-0.00618,-0.00779,0.02797,-0.12702,0.01005,-0.02406,-0.04903,-0.00407,0.09784,0.03861,0.06229,-0.05959,-0.00276,0,-0.01496,0.04247,-0.04044,0.1332,0.03302,-0.08172,-0.01942,0.02474,-0.01625,-0.02116,0.0266,0.00209,-0.04235,0.00006,-0.03885,0.05368,0.01999,-0.18839,0.05329,0.00919,0.04906,0.01987,0.02436,-0.06102,-0.1075,0.08719,-0.0492,-0.02914,-0.01692,-0.07534,0.01431,-0.00314,-0.03524,-0.04153,0.0221,-0.00244,0.05347,0.01161,-0.02617,-0.0183,0.05312,0.04085,-0.04662,-0.00017,-0.06933,0.03521,-0.09492,-0.01879,-0.00437,0.01399,-0.00788,0.03618,-0.01558,-0.01802,-0.02388,-0.01815,-0.01116,0.04104,-0.01913,0.00774,0.04656,-0.05264,-0.02897,0.00257,0.02067,0.05337,-0.04696,-0.05997,0.12496,0.10537,0.00899,-0.04429,-0.02553,0.01544,-0.01078,0.06405,0.12385,-0.0772,0.07033,0.06547,-0.04466,0.08408,-0.03662,-0.02612,-0.00604,0.10029,-0.13464,-0.01491,0.03701,0.1076,0.01141,-0.03553,-0.03722,-0.04413,0.03174,0,-0.08063,0.02625,-0.00284,-0.01473,0.02287,-0.03799,0.01293,0.08042,0.02535,0.02506,0.05415,0.07612,-0.00893,0.00445,0.12134,0.05775,0.00815,-0.00025,-0.03966,-0.00276,-0.04811,0.07712,-0.01923,0.05213,-0.02454,-0.01179,0.06444,0.05759,0.01468,0.00132,-0.02151,0.01999,-0.01892,0.02407,-0.03417,0.00697,-0.11174,-0.00618,0.03865,0.06023,0.05784,0.01195,0.0087,0.01503,-0.00089,0.01622,-0.06101,-0.04273,-0.05239,-0.00395,-0.08723,-0.03383,-0.11448,0.03805,-0.0359,-0.02072,0.07202,0.02324,0.08868,0.05804,-0.01966,-0.03139,-0.02527,-0.03644],"keywords":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow. Description This example focuses on large-scene performance in Foblex Flow. It lets you compare several rendering strategies, including fCache and fVirtualFor, while keeping the canvas fully interactive. What you can test in this demo: - Large node counts: 200, 500, 1000, 2000, and 5000 nodes. - Cache toggle: enables fCache on f-flow to reduce repeated geometry work during redraws. - Virtualization toggle: uses fVirtualFor to progressively render projected nodes and compare startup/render cost against the regular @for flow. - Connections toggle: adds a chained connection layer between nodes so you can compare node-only and node-plus-connection workloads. - Real interactions under load: drag, zoom, selection area, and fit-to-screen remain enabled. Why this example is useful: - Measure how your editor behaves when the scene size grows quickly. - Compare the visual and runtime impact of cache and virtualization independently. - Check whether your layout and interaction choices still feel responsive once optional connections are enabled. f Cache f Virtual For","excerpt":"Description This example focuses on large-scene performance in Foblex Flow. It lets you compare several rendering strategies, including fCache and fVirtualFor, while keeping the canvas fully interactive. What you can test in this demo: - Large node counts: 200, 500, 1000, 2000, and 5000 nodes. - Cache toggle: enables fCache on f-flow to reduce repeated geometry work during redraws. - Virtualization toggle: uses fVirtualFor to progressively render projected nodes and compare startup/render cost against the regular @for flow. - Connections toggle: adds a chained connection layer between nodes so you can compare node-only and node-plus-connection workloads. - Real interactions under load: drag, zoom, selection area, and fit-to-screen remain enabled. Why this example is useful: - Measure how your editor behaves when the scene size grows quickly. - Compare the visual and runtime impact of cache and virtualization independently. - Check whether your layout and interaction choices still feel responsive once optional connections are enabled."},{"chunkId":"/examples/stress-test#2","slug":"stress-test","route":"/examples/stress-test","section":"examples","title":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization","description":"Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow.","group":"Performance","vector":[0.00563,0.02454,-0.03371,0.05897,0.06676,-0.03028,-0.03704,0.01208,0.00036,0.046,-0.06576,0.02595,-0.05274,-0.01654,0.03964,-0.00335,0.06127,0.00857,-0.02773,-0.03966,-0.01642,-0.07405,0.02953,-0.0392,0.04307,0.02284,-0.09984,0.0259,0.08449,-0.04972,0.01911,0.04645,-0.07451,0.04219,-0.02578,0.13393,-0.03409,-0.01495,-0.07686,0.00799,0.05649,0.09061,0.00328,-0.10644,0.035,-0.02012,-0.04973,-0.0056,-0.03258,-0.02937,-0.05965,-0.07549,-0.03712,0.00088,0.0139,-0.03421,0.06822,-0.11954,-0.00118,0.05529,-0.01298,-0.05368,0.02926,0.01165,0.08719,0.03242,-0.01859,-0.00859,-0.00277,0.01756,-0.02923,0.01387,0.00094,-0.02459,0.03057,0.01944,-0.06036,0.02089,0.04371,-0.12603,0.0353,-0.01261,-0.04399,-0.02152,-0.0417,0.06869,0.06512,-0.05176,-0.03905,-0.02687,0.04752,0.07718,-0.03956,0.0588,0.03593,0.03983,-0.01877,0.01683,-0.07267,0.05866,0.02647,-0.09421,0.09176,0.07413,-0.04222,-0.01617,0.07665,0.06726,-0.05392,0.01856,-0.01203,0.06915,0.00889,-0.0501,-0.03975,-0.05132,-0.00604,-0.00616,0.02813,0.13486,0.04072,-0.02584,0.01302,-0.03761,0.04777,-0.01981,-0.00704,0,-0.01295,0.00318,-0.00976,0.03352,0.01369,-0.00047,-0.01812,-0.03718,-0.01703,0.05073,-0.03523,-0.01166,-0.05457,-0.00023,0.02279,-0.10263,0.01168,0.06951,-0.02901,0.0306,0.03777,-0.09933,-0.05948,0.02966,0.07521,0.01437,0.03688,0.04327,-0.12424,0.00335,0.07868,0.04503,0.03106,-0.02709,-0.0119,0.00232,0.02905,0.00517,-0.06944,-0.05394,0.00977,0.03026,-0.02681,0.04139,-0.06103,-0.02953,-0.08022,-0.00127,0.07122,0.06137,0.04051,0.0753,-0.01611,-0.0092,0.08811,0.01684,0.07135,-0.02205,0.0143,0.14608,-0.01153,-0.03866,-0.03597,-0.01097,0.02554,0.02702,-0.02785,-0.02339,0.01705,-0.00579,-0.06851,0.04335,0.04534,-0.02493,0.02111,-0.05794,-0.07847,0.0405,-0.07262,-0.01932,-0.04852,-0.04683,-0.0494,0.01939,0.03435,-0.11013,-0.00536,-0.03531,-0.03972,-0.04477,0.08409,0.04764,0.00813,-0.05906,-0.00791,0,-0.01747,0.03041,-0.03098,0.14684,0.03815,-0.07968,0.0157,0.04726,-0.02399,0.06036,0.04502,-0.02559,-0.08115,-0.04259,0.01737,0.01764,-0.00324,-0.16744,0.10244,0.02014,0.04984,0.1064,0.01325,-0.0218,-0.05817,0.08535,-0.06639,-0.00337,-0.01005,-0.06057,-0.01806,0.00122,-0.08773,0.00757,-0.00438,-0.02662,0.04037,0.04384,-0.03429,-0.03102,0.11422,0.12307,-0.07326,0.00757,-0.03828,0.00847,-0.01321,-0.06616,-0.00076,0.00389,-0.0227,-0.01418,-0.01468,0.00396,0.02023,-0.049,-0.0187,0.01893,-0.05551,-0.00192,0.04185,-0.01811,-0.04264,-0.01421,0.03721,0.03986,-0.06624,-0.09066,0.07201,0.09972,-0.03225,0.02081,-0.00295,0.02754,-0.00054,0.03701,0.04497,-0.00107,0.04449,0.03258,-0.07163,0.09842,-0.04402,0.05765,0.03553,0.08651,-0.13643,-0.012,0.05109,0.09499,-0.02553,-0.02358,-0.02593,-0.03569,0.0327,0,-0.10853,0.04831,-0.0383,-0.03382,0.00816,-0.05924,0.01051,0.05437,0.01821,0.00255,0.05004,0.05604,0.00666,-0.00026,0.07211,-0.0133,0.01022,0.01707,-0.04621,0.00562,-0.04375,0.06809,0.01393,0.06694,-0.01603,-0.02702,0.07059,0.08436,0.00735,-0.02207,-0.02082,-0.0264,-0.0125,-0.01466,-0.00426,0.01935,-0.14623,0.0182,0.03649,0.08476,0.03116,-0.01229,0.04608,0.00266,0.02521,0.03179,-0.1101,-0.01755,-0.02272,-0.06191,-0.09862,-0.02651,-0.13925,0.05886,0.00665,-0.04322,0.07124,0.04726,0.03704,0.02925,0.03421,-0.03673,-0.03497,-0.03137],"keywords":"Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Angular Diagram Performance Example – Large Scene Performance with Cache and Virtualization Measure large scene performance with 200 to 5000 nodes, optional cache, progressive virtualization, and toggleable connections in Angular Foblex Flow. Example ::: ng-component <stress-test</stress-test [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.scss :::","excerpt":"Example ::: ng-component <stress-test</stress-test [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test/example.scss :::"},{"chunkId":"/examples/stress-test-with-connections#0","slug":"stress-test-with-connections","route":"/examples/stress-test-with-connections","section":"examples","title":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes","description":"Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example.","group":"Performance","vector":[0.01306,-0.03592,-0.06414,0.06329,0.00117,-0.00233,-0.01855,-0.02767,0.0124,0.02878,-0.07545,0.01135,-0.12357,-0.03885,0.04072,0.02056,0.05381,-0.00778,-0.04268,-0.05196,-0.0294,-0.08123,-0.02106,0.01417,0.02615,0.02528,-0.01353,-0.03429,0.02935,-0.04145,0.01024,0.05562,-0.08837,-0.01773,-0.12523,0.01204,0.0456,-0.01701,-0.02078,0.02173,0.10725,0.03873,0.08446,-0.03609,-0.01847,0.04464,-0.08479,0.0095,-0.05557,0.06973,-0.02865,-0.06777,-0.06358,0.0377,0.06124,0.0278,0.02198,-0.01962,0.02324,0.02121,0.05081,-0.02581,-0.03712,0.00584,-0.00356,-0.02365,-0.04501,0.0258,0.0111,-0.01684,-0.00456,-0.00689,0.044,-0.07918,0.0366,-0.0498,-0.0402,0.02333,-0.05135,-0.05076,0.04839,0.00501,-0.02041,0.04791,0.0399,0.01656,0.03555,-0.10054,-0.06519,-0.03806,-0.00665,0.08844,-0.01361,-0.01789,0.03697,0.02975,-0.06155,-0.04629,-0.00595,0.03454,0.02298,-0.03151,0.03373,0.09702,-0.01808,0.02815,-0.00217,0.0635,0.0069,0.02412,-0.00972,0.03455,0.02358,-0.05795,-0.05323,-0.02914,-0.07982,-0.00308,-0.00545,0.12268,-0.01115,-0.02354,0.03261,-0.06899,0.08969,-0.01765,0.03976,0,-0.06005,0.01126,-0.03768,0.05632,0.0452,0.0407,-0.05081,-0.11024,0.04777,0.03522,0.02815,0.05795,-0.07504,0.06308,0.03801,-0.06335,0.02161,-0.01745,-0.04116,0.05164,0.06565,-0.09741,-0.05529,0.00534,0.09174,0.03902,0.01018,0.06855,-0.10222,0.03252,0.09837,-0.02015,-0.01551,0.03211,-0.01533,-0.01781,-0.06927,-0.05733,0.00069,0.01763,-0.02795,-0.05156,-0.15654,0.00834,-0.04449,0.0023,-0.08303,-0.01897,0.05394,0.06859,0.01936,0.07116,-0.03991,0.03246,0.05882,-0.06685,0.00702,0.08497,0.00796,0.09376,-0.02108,0.03957,-0.01807,-0.06589,0.04731,0.04643,0.00542,-0.01796,-0.00478,-0.06095,-0.05505,0.05357,0.02686,0.00162,0.00281,-0.03177,-0.05566,0.06726,0.00096,-0.0557,-0.06729,-0.01415,0.05662,0.03766,0.04342,-0.09644,-0.02496,-0.07628,-0.13088,0.01849,0.10554,0.1129,0.04161,-0.00459,0.05545,0,-0.06998,0.07673,-0.02544,0.10886,0.02435,-0.07691,0.08736,0.09066,0.04405,0.055,0.06103,0.04475,-0.06982,-0.01911,0.03887,0.00258,0.00558,-0.12003,0.04198,-0.03491,0.03992,0.01664,-0.00971,-0.10393,-0.05719,0.06045,-0.03072,-0.06878,-0.02685,-0.08608,-0.00028,-0.00138,-0.04065,-0.0225,0.01312,0.00982,0.06496,0.06635,-0.04033,-0.02965,0.05725,0.0294,-0.02243,-0.04344,-0.03916,0.02316,-0.10834,-0.04441,-0.02692,0.03016,0.04957,0.04872,0.03373,0.03755,-0.02598,0.0363,0.04063,0.00817,-0.04729,0.02745,0.03294,-0.01674,0.01036,0.04359,0.10082,0.03367,0.01027,-0.06248,0.0976,0.12571,0.0389,0.02261,-0.01593,0.01931,0.03564,0.0264,0.06284,-0.04184,0.00092,0.08537,-0.0423,0.09626,0.02041,0.01566,0.12444,0.01171,-0.12659,-0.08791,0.04706,0.08298,0.00657,-0.00229,-0.02668,-0.07288,0.01261,0,-0.13737,-0.03984,-0.07336,-0.02081,0.07349,0.0317,-0.0485,-0.00134,-0.01316,0.03319,0.01505,0.04952,-0.01595,-0.02192,0.11214,-0.05648,-0.00114,-0.0276,-0.03042,-0.00273,-0.01405,0.06853,-0.04844,0.06615,-0.01788,-0.02766,0.0587,0.06062,-0.03349,-0.01302,-0.0072,0.02577,0.02104,0.01531,-0.05571,0.04757,-0.05526,0.05868,-0.04172,0.01176,0.0482,0.02351,-0.01491,0.01389,0.00378,0.00981,-0.04375,-0.04878,-0.03297,-0.02595,-0.08279,0.01216,-0.07348,0.00913,0.00288,-0.05945,0.00457,-0.00006,0.02511,0.02271,-0.0683,0.00186,-0.039,-0.01462],"keywords":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes Angular Flowchart Performance Example – Connection Redraws and Routing Modes Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example. --- toc: false wideContent: true --- Connection Redraw Performance wide Content","excerpt":"--- toc: false wideContent: true --- Connection Redraw Performance"},{"chunkId":"/examples/stress-test-with-connections#1","slug":"stress-test-with-connections","route":"/examples/stress-test-with-connections","section":"examples","title":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes","description":"Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example.","group":"Performance","vector":[0.02253,-0.03829,-0.05614,0.0973,0.00167,-0.01644,-0.01612,-0.02226,0.02656,0.04011,-0.08107,-0.0214,-0.09721,-0.01968,0.01082,0.00202,0.07962,0.00395,-0.0121,-0.05408,-0.02034,-0.1178,-0.01099,0.00097,0.05782,0.02088,-0.04449,-0.00921,0.06049,-0.04777,-0.00992,0.04154,-0.12,0.00302,-0.13142,0.015,0.03999,-0.01459,-0.03772,0.03132,0.12844,0.06381,0.07396,-0.05478,-0.00973,0.03497,-0.07927,0.03484,-0.08343,0.06835,-0.02212,-0.08218,-0.04577,0.0162,0.0556,0.03892,0.02697,-0.06068,0.02462,0.03261,0.04457,-0.02796,0.00192,-0.01736,-0.0036,-0.00386,-0.02884,0.02392,0.02586,-0.01246,0.02235,-0.00099,0.02155,-0.08717,-0.02194,-0.00967,-0.02442,0.02532,-0.05886,-0.03052,0.05556,0.0086,-0.04169,0.06279,0.02168,0.0511,0.02302,-0.11029,-0.09139,-0.04571,-0.00786,0.11133,-0.0551,-0.04108,-0.01315,0.03207,-0.05937,-0.04309,-0.01258,0.0281,0.01934,-0.03951,0.0518,0.05882,-0.02576,0.02606,0.0018,0.04102,-0.01334,0.06769,0.00059,0.04469,-0.00431,-0.04434,-0.05357,-0.01686,-0.07584,-0.01343,0.02459,0.15367,0.00376,-0.00272,0.02525,-0.06901,0.10671,-0.02571,0.02052,0,-0.0388,-0.01351,-0.01503,-0.00036,0.05274,0.0258,-0.05533,-0.09011,0.04134,0.00463,0.01317,0.05018,-0.06307,0.07034,0.0412,-0.09952,0.04637,-0.00786,-0.03132,0.03393,0.03309,-0.10269,-0.05826,-0.00906,0.06508,0.05509,0.01676,0.0593,-0.04887,0.01613,0.09994,0.02027,-0.01578,0.03586,-0.03548,-0.01579,-0.04139,-0.0423,-0.01098,0.0233,-0.0217,-0.04567,-0.11116,0.02607,-0.06199,0.00913,-0.04876,-0.02726,0.02586,0.04985,0.00701,0.05364,-0.02891,0.02297,0.04921,-0.05295,0.01325,0.07284,0.03305,0.10933,-0.04591,0.0127,-0.03237,-0.0635,0.0515,0.05219,-0.03602,-0.00424,-0.00217,-0.0413,-0.04008,0.07227,0.02179,-0.01425,0.00187,-0.00862,-0.07805,0.03717,-0.01551,0.00149,-0.07295,-0.0177,0.05588,0.02276,0.08545,-0.10081,-0.02448,-0.04807,-0.11754,0.00603,0.11738,0.10613,0.02533,-0.02052,0.03927,0,-0.09693,0.08755,0.01771,0.14885,0.06299,-0.09037,0.03412,0.06462,0.03649,0.07501,0.02198,0.05597,-0.08365,0.00391,0.05209,-0.01012,-0.00717,-0.11622,0.06701,-0.04281,0.02845,0.04327,-0.02486,-0.07521,-0.07139,0.05222,-0.02109,-0.07801,-0.03915,-0.06833,0.00743,-0.02902,-0.0305,-0.02322,-0.00488,0.02541,0.07124,0.05694,-0.02186,-0.03414,0.03585,0.00747,-0.03553,-0.0318,-0.01029,0.02221,-0.11348,-0.05766,-0.02237,0.02492,0.01318,0.06685,0.01058,0.05328,-0.00555,0.00657,0.02721,0.02321,0.00459,0.00469,0.02277,-0.01868,-0.02172,0.03448,0.09441,0.02915,0.03423,-0.1201,0.07825,0.12281,0.03322,0.04781,0.00337,0.00458,0.05987,0.00852,0.07607,-0.00953,0.0356,0.08264,-0.0327,0.07763,0.01825,-0.01939,0.10142,0.02329,-0.11074,-0.06673,0.00252,0.12199,0.00292,-0.03215,-0.04048,-0.08201,0.00404,0,-0.10505,-0.04078,-0.06774,-0.03261,0.07343,0.00781,-0.00641,0.04288,-0.02286,0.04785,0.02705,0.03099,-0.00659,0.01772,0.09735,-0.02957,0.02401,-0.01836,-0.04673,-0.01143,-0.02079,0.07306,-0.04311,0.08586,-0.03416,-0.03106,0.07291,0.06583,-0.03736,-0.01607,-0.01956,0.0311,0.01685,0.02292,-0.05202,0.02604,-0.09043,0.06263,-0.01086,0.0514,0.01677,0.01257,-0.00766,0.0068,0.02798,0.01519,-0.05267,-0.05481,-0.03631,-0.0367,-0.05384,-0.00963,-0.08855,0.01095,0.00964,-0.05901,0.00421,-0.00132,0.01126,0.03417,-0.04111,-0.0261,-0.0167,-0.03022],"keywords":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes Angular Flowchart Performance Example – Connection Redraws and Routing Modes Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example. Description This example focuses on connection-heavy rendering rather than raw node count. A central draggable node is connected to a large ring of surrounding nodes, so you can measure routing, marker rendering, and redraw cost while changing connection settings live. What you can test in this demo:","excerpt":"Description This example focuses on connection-heavy rendering rather than raw node count. A central draggable node is connected to a large ring of surrounding nodes, so you can measure routing, marker rendering, and redraw cost while changing connection settings live. What you can test in this demo:"},{"chunkId":"/examples/stress-test-with-connections#2","slug":"stress-test-with-connections","route":"/examples/stress-test-with-connections","section":"examples","title":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes","description":"Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example.","group":"Performance","vector":[0.02465,-0.0363,-0.03482,0.07661,0.04608,-0.00812,-0.01555,0.01268,0.00741,0.01436,-0.07511,0.01608,-0.10882,-0.05292,0.07152,0.05303,0.03201,-0.00034,-0.01242,-0.04081,0.00321,-0.12672,-0.02644,-0.00212,0.02683,0.02737,-0.02295,-0.0019,0.05894,-0.04487,0.00632,0.02638,-0.09956,0.00873,-0.1194,0.03648,0.05572,-0.01176,-0.03913,0.03244,0.09733,0.03315,0.06806,-0.02851,-0.00914,0.05997,-0.07726,0.02406,-0.0887,0.06246,-0.00386,-0.11929,-0.0706,0.03631,0.04141,0.02495,0.03152,-0.01424,0.03908,-0.00159,0.02664,-0.05703,-0.00578,-0.02099,0.01479,-0.06063,-0.02014,-0.01238,-0.00002,0.0209,0.00671,-0.02482,0.04219,-0.068,-0.00358,-0.00823,0.01033,0.03056,-0.03337,-0.09984,0.05486,0.00732,-0.00852,0.07114,0.02529,0.01393,0.01705,-0.07638,-0.03593,0.00143,-0.03672,0.08452,-0.00567,-0.04352,0.03453,0.04614,-0.06042,-0.02593,0.01544,0.02811,0.05012,-0.02794,0.05046,0.02207,0.01072,0.01724,-0.05047,0.05019,-0.01414,0.01543,-0.02261,0.04659,0.04379,-0.04694,-0.06701,-0.0339,-0.07241,-0.00241,0.01391,0.12545,0.0128,-0.01075,0.06561,-0.04344,0.09118,0.00151,0.00222,0,-0.06257,0.01812,-0.06136,-0.00403,0.02683,0.02662,-0.05084,-0.10393,0.01881,0.02086,0.01936,0.01463,-0.06698,0.11886,0.1016,-0.06658,0.05044,-0.04388,-0.10337,0.02982,0.06344,-0.10792,-0.08796,-0.00651,0.08381,0.06547,-0.01586,0.07672,-0.13204,-0.00063,0.0917,-0.01996,-0.03341,0.028,-0.01964,0.00306,-0.01673,-0.06672,-0.01688,-0.00114,-0.01868,-0.03137,-0.12594,-0.01254,-0.03498,0.01912,-0.07768,-0.01891,0.00274,0.05415,-0.00849,0.07467,-0.02123,0.00443,0.05053,-0.0581,-0.01517,0.05306,-0.0216,0.07016,-0.0175,0.02826,-0.00188,-0.05202,0.02823,0.04037,0.03121,-0.00017,0.01597,-0.03637,-0.03611,0.04973,0.02482,-0.03657,-0.02366,-0.02782,-0.06618,0.05725,0.01019,-0.02788,-0.10095,0.01419,0.03942,-0.01943,0.0676,-0.1275,0.00215,-0.09218,-0.14032,-0.02938,0.11497,0.10808,0.01145,0.02129,-0.0205,0,-0.07928,0.12744,-0.00704,0.1218,0.01188,-0.05277,0.0889,0.02943,0.03853,0.06252,0.00452,0.02107,-0.0815,0.00113,0.04714,-0.01695,-0.02842,-0.05008,0.04913,-0.05945,0.02254,0.04924,0.0072,-0.02396,0.00088,0.04549,-0.00152,-0.08864,-0.06225,-0.08189,-0.00976,-0.0262,0.03433,-0.05141,0.02469,0.0017,0.03432,0.05574,0.00172,0.01574,0.05752,0.01698,0.00106,-0.02757,-0.0627,0.058,-0.08371,0.00606,-0.0883,0.02812,0.03777,0.05805,-0.01026,0.02175,-0.02848,0.002,0.00909,0.03232,-0.04476,0.02661,0.01067,-0.02835,-0.0018,0.05367,0.08738,0.01298,-0.01198,-0.11037,0.07158,0.08414,0.02338,0.04593,-0.00525,-0.01051,0.03338,-0.00334,0.06905,-0.01039,0.01977,0.04239,-0.09357,0.06267,0.0271,0.04379,0.06991,0.03288,-0.14188,-0.06538,0.02483,0.07773,0.00954,0.02781,0.0005,-0.03183,-0.00605,0,-0.11826,-0.03265,-0.06188,-0.01664,0.09014,0.01533,-0.00447,0.0303,-0.03506,0.06096,0.01423,0.05585,-0.03147,-0.00618,0.08819,-0.03252,0.00544,-0.02053,-0.04713,0.0382,-0.03163,0.05866,-0.13474,0.08794,-0.0185,-0.02147,0.07541,0.07411,0.03114,0.01392,-0.01567,0.04376,0.01369,0.05197,-0.03529,0.04148,-0.0702,0.04484,-0.00368,0.09215,0.04081,0.01137,0.02694,-0.00008,0.0127,0.02718,-0.07228,-0.07333,-0.04763,-0.03422,-0.05914,-0.01468,-0.07016,0.02277,0.04568,-0.05764,0.02022,-0.00392,0.06042,0.04131,-0.01924,-0.01112,-0.01392,-0.02494],"keywords":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes Angular Flowchart Performance Example – Connection Redraws and Routing Modes Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example. - Dense fan-out graph: one output node connected to 25, 50, 75, 100, or 150 targets. - Connection behavior switching: compare fixed, fixed-center, and floating routing behavior. - Connection type switching: compare straight, segment, bezier, and adaptive-curve paths. - Dynamic redraws: move the center node and watch all outgoing paths update in real time. - Marker rendering: each connection includes custom start and end markers, so the example also stresses SVG marker usage under load. - Side-aware targets: surrounding nodes define explicit connectable sides, which helps evaluate how side calculation affects the final route pattern.","excerpt":"- Dense fan-out graph: one output node connected to 25, 50, 75, 100, or 150 targets. - Connection behavior switching: compare fixed, fixed-center, and floating routing behavior. - Connection type switching: compare straight, segment, bezier, and adaptive-curve paths. - Dynamic redraws: move the center node and watch all outgoing paths update in real time. - Marker rendering: each connection includes custom start and end markers, so the example also stresses SVG marker usage under load. - Side-aware targets: surrounding nodes define explicit connectable sides, which helps evaluate how side calculation affects the final route pattern."},{"chunkId":"/examples/stress-test-with-connections#3","slug":"stress-test-with-connections","route":"/examples/stress-test-with-connections","section":"examples","title":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes","description":"Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example.","group":"Performance","vector":[-0.00727,-0.0564,-0.04413,0.0576,-0.01735,-0.0137,-0.01453,-0.02022,0.04199,0.01822,-0.06276,0.01661,-0.10089,-0.02405,0.03184,0.01022,0.04208,-0.00558,-0.05059,-0.05019,-0.03519,-0.11106,-0.0284,0.00142,0.05749,0.01858,-0.02662,-0.02695,0.05643,-0.03621,-0.00056,0.05405,-0.09477,-0.01895,-0.13431,0.01919,0.04427,0.0218,-0.04039,0.04132,0.10187,0.02388,0.08011,-0.03928,-0.02789,0.03657,-0.07616,0.01928,-0.07838,0.04852,-0.04926,-0.07413,-0.08281,0.02358,0.06027,0.02526,0.04476,-0.0198,0.0158,0.02399,0.04157,-0.02558,-0.04548,-0.0038,0.0164,-0.03044,-0.02802,0.01552,0.02189,-0.0004,-0.01563,-0.01614,0.04095,-0.06064,-0.0012,-0.03902,-0.01591,0.03187,-0.04685,-0.04256,0.06218,0.00283,-0.03726,0.0587,0.06764,0.03143,0.02849,-0.12363,-0.07274,-0.04501,-0.00608,0.10655,-0.00458,-0.04374,0.02782,0.04653,-0.07646,-0.03692,0.01,0.03983,0.01406,-0.04226,0.05133,0.06214,-0.00676,0.01769,-0.00016,0.03029,0.00104,0.02894,-0.00791,0.03825,0.02284,-0.05475,-0.03568,-0.01217,-0.08563,0.00273,0.01671,0.15236,0.00374,-0.02984,0.03465,-0.08347,0.08041,-0.01479,0.02184,0,-0.0449,0.02797,-0.04044,0.01522,0.05914,0.02099,-0.08022,-0.08992,0.04605,0.01676,0.00043,0.0577,-0.05553,0.10763,0.0395,-0.07148,0.02604,-0.00323,-0.0258,0.05525,0.05584,-0.12285,-0.04464,0.00647,0.09096,0.05358,0.02869,0.06678,-0.06158,0.02411,0.10961,-0.00379,-0.03157,0.01079,-0.02417,-0.02419,-0.03184,-0.08797,0.01748,0.01538,-0.0252,-0.04786,-0.16463,0.02688,-0.0425,0.00025,-0.06381,-0.02098,0.03089,0.05628,0.01662,0.06201,-0.02777,0.03018,0.05558,-0.06451,-0.0045,0.07376,0.00906,0.1127,-0.02956,0.02382,-0.03264,-0.0469,0.06302,0.04702,0.00949,0.01112,0.00402,-0.04564,-0.05331,0.06056,0.00266,-0.03381,0.00518,-0.04714,-0.06369,0.07404,0.00522,-0.01315,-0.08969,0.00257,0.03583,0.0391,0.05722,-0.08809,-0.01301,-0.0648,-0.13376,0.01267,0.1205,0.10612,0.03756,0.00257,0.05611,0,-0.08573,0.08042,-0.02128,0.11246,0.04808,-0.07513,0.06634,0.04455,0.04257,0.05895,0.04563,0.05004,-0.0602,-0.01336,0.05145,-0.02499,-0.01005,-0.11842,0.05833,-0.04107,0.0765,0.03759,-0.00471,-0.08512,-0.04725,0.03338,-0.03444,-0.08202,-0.03949,-0.05807,0.00005,-0.00756,-0.03232,-0.03513,-0.0106,0.03998,0.06392,0.05818,-0.02584,-0.02241,0.05545,0.02238,-0.01111,-0.06401,-0.00917,0.03594,-0.12564,-0.03858,-0.03771,0.03425,0.0317,0.07826,-0.00314,0.0142,-0.03049,0.02978,0.0268,0.00433,-0.02244,0.04118,0.01277,-0.02894,0.00532,0.05479,0.08866,0.03562,0.03243,-0.09263,0.08377,0.11138,0.03707,0.02873,-0.01284,0.01384,0.00851,0.00892,0.06642,-0.02953,0.00644,0.09113,-0.0329,0.08888,0.03809,0.01956,0.07265,0.0404,-0.10049,-0.07304,0.04009,0.07523,-0.00041,-0.00848,-0.03478,-0.05716,-0.0114,0,-0.10816,-0.04775,-0.05111,-0.03501,0.07794,0.02059,-0.05899,0.03137,-0.01631,0.04257,0.0281,0.04121,-0.02557,0.02703,0.10166,-0.03282,0.0089,-0.0243,-0.04863,-0.01801,-0.00499,0.07306,-0.04982,0.08554,-0.03359,-0.03297,0.07359,0.06853,-0.04656,-0.03858,-0.00826,0.04649,0.03951,0.03142,-0.04187,0.03933,-0.07476,0.0625,-0.01849,0.02704,0.04362,-0.00128,0.01145,0.01205,0.04355,0.04328,-0.05505,-0.06313,-0.04192,-0.03301,-0.06651,0.00477,-0.06969,-0.00001,0.00836,-0.04756,-0.00709,-0.02033,0.04016,0.02526,-0.05672,0.00413,-0.02017,-0.04049],"keywords":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes Angular Flowchart Performance Example – Connection Redraws and Routing Modes Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example. Why this example is useful: - Compare how different connection builders scale visually and computationally. - See the redraw cost of many simultaneous connection updates from a single drag. - Validate marker-heavy connection scenes before applying similar patterns in production editors.","excerpt":"Why this example is useful: - Compare how different connection builders scale visually and computationally. - See the redraw cost of many simultaneous connection updates from a single drag. - Validate marker-heavy connection scenes before applying similar patterns in production editors."},{"chunkId":"/examples/stress-test-with-connections#4","slug":"stress-test-with-connections","route":"/examples/stress-test-with-connections","section":"examples","title":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes","description":"Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example.","group":"Performance","vector":[-0.02357,-0.03203,-0.07205,0.09375,0.03112,-0.00307,0.01044,-0.01119,0.00581,0.02491,-0.04587,-0.00316,-0.04712,-0.02241,0.05495,0.02815,0.02295,-0.02057,-0.03319,-0.02965,0.01962,-0.09328,-0.00171,0.02136,0.00435,0.0052,-0.04938,-0.0111,0.06623,-0.01584,0.02298,0.04149,-0.11033,-0.0088,-0.06666,0.05106,0.0349,0.02562,-0.02697,0.0116,0.09181,0.02294,0.06819,-0.06204,0.01417,-0.00297,-0.07702,0.03095,-0.08335,0.02469,-0.03571,-0.08163,-0.03831,0.02549,0.08396,-0.02173,0.03934,-0.08703,0.03321,0.0512,0.01672,-0.05429,-0.02343,0.00023,0.02844,0.01243,-0.05211,0.03702,0.00053,0.0277,-0.03578,-0.0017,0.02289,-0.05946,0.02084,0.00278,-0.07624,0.01377,-0.04513,-0.07231,0.04479,-0.0487,-0.02839,0.0522,0.0237,0.0683,0.08159,-0.06522,-0.04724,-0.01471,0.02408,0.07801,-0.05334,0.01041,0.06326,0.06973,-0.09404,0.01299,-0.03322,0.05683,0.0088,-0.08179,0.04329,0.08229,-0.01478,-0.00307,-0.01826,0.03743,-0.01295,0.03699,-0.02613,0.05343,0.04183,-0.06679,-0.03045,-0.04937,-0.04187,-0.00118,0.02411,0.14651,0.04929,-0.03185,-0.002,-0.06543,0.10277,0.02576,0.05353,0,0.00954,0.01363,-0.05494,0.03951,-0.00981,0.01795,-0.07419,-0.0837,0.00655,0.06207,-0.01587,0.0495,-0.06629,0.00737,0.02068,-0.08946,0.01827,0.01698,-0.03178,0.03095,0.03194,-0.10242,-0.07441,0.01676,0.09418,-0.00675,0.01238,0.05022,-0.10355,-0.0057,0.07896,0.01305,-0.01884,0.00468,-0.00666,-0.00479,-0.00759,-0.02111,-0.04286,-0.0038,0.01603,-0.04189,-0.09251,0.07915,-0.03272,-0.02547,-0.09115,-0.0395,0.07044,0.02396,-0.0087,0.08195,-0.02806,-0.01717,0.05743,-0.02602,0.02706,0.01609,-0.01671,0.101,-0.04265,-0.00223,-0.01303,-0.07998,0.07469,0.024,-0.02849,-0.03811,0.03173,-0.06286,-0.05208,0.0638,0.00832,-0.01938,0.0005,-0.02045,-0.06281,0.07245,-0.01946,-0.05658,-0.02471,-0.05964,-0.00692,0.06693,0.03942,-0.11164,-0.04007,-0.09022,-0.12707,-0.0531,0.07937,0.10283,-0.008,-0.02863,0.01751,0,-0.05028,0.05282,0.00822,0.16635,0.05544,-0.06009,0.08211,0.07032,0.05881,0.07503,0.04971,0.01069,-0.08914,-0.0343,0.04171,-0.00625,-0.06117,-0.07647,0.08885,-0.03639,0.03115,0.09498,-0.02037,-0.02672,-0.0509,0.05784,-0.03247,-0.05494,-0.02233,-0.05125,-0.01507,0.00173,-0.07901,0.03009,-0.02037,-0.00215,0.06366,0.08627,-0.0306,0.01307,0.1184,0.10414,-0.04268,-0.03525,-0.03496,0.03571,-0.02763,-0.08156,-0.04528,0.02942,0.02818,0.00959,-0.02113,0.03852,-0.001,-0.01922,0.01948,-0.05733,-0.07284,0.0265,0.04812,-0.01161,-0.00704,0.04367,0.08179,0.00066,-0.03262,-0.10462,0.0696,0.09625,-0.01215,0.03619,0.02012,-0.02005,0.06258,0.01212,0.03233,-0.03538,0.00513,0.05722,-0.06862,0.08977,0.01729,0.06704,0.05446,0.0938,-0.12257,-0.02453,0.07699,0.06287,-0.04077,0.03056,-0.03511,-0.09196,0.0209,0,-0.11557,-0.03533,-0.07714,-0.03882,0.04619,0.01166,-0.00268,-0.03429,-0.02521,0.03122,-0.00837,0.05062,0.01809,-0.01844,0.06627,-0.07224,0.03203,0.01464,-0.04618,0.02632,-0.00219,0.06949,-0.02598,0.08824,-0.00755,-0.05453,0.04483,0.0784,-0.01113,0.01115,0.00062,-0.01585,0.01073,-0.01911,-0.05408,0.05586,-0.10348,0.0375,0.00006,0.10084,0.01857,-0.00789,0.00957,0.01259,0.0298,0.01035,-0.07704,-0.04669,-0.03843,-0.04032,-0.09353,-0.00458,-0.0792,0.05506,0.02277,-0.06054,0.01503,0.04527,0.02507,0.00177,-0.00611,-0.00055,-0.02752,-0.02427],"keywords":"Angular Flowchart Performance Example – Connection Redraws and Routing Modes Angular Flowchart Performance Example – Connection Redraws and Routing Modes Measure dense fan-out connection redraws with switchable behaviors, path types, live updates, and custom markers in an Angular Foblex Flow example. Example ::: ng-component <stress-test-with-connections</stress-test-with-connections [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.scss :::","excerpt":"Example ::: ng-component <stress-test-with-connections</stress-test-with-connections [height]=\"600\" [example.html] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.html [example.ts] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.ts [example.scss] <<< https://raw.githubusercontent.com/Foblex/f-flow/main/libs/f-examples/nodes/stress-test-with-connections/example.scss :::"},{"chunkId":"/examples/ai-low-code-platform#0","slug":"ai-low-code-platform","route":"/examples/ai-low-code-platform","section":"examples","title":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow","description":"Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections.","group":"Reference Apps","vector":[-0.09381,0.01354,-0.0477,0.01593,0.07553,-0.01426,-0.01193,0.06856,-0.01421,0.06565,-0.07187,0.0114,-0.03678,-0.03676,0.08572,0.07534,-0.00803,-0.00358,-0.01927,-0.04553,-0.06336,-0.01169,-0.03794,-0.03084,-0.01834,0.06768,0.06663,-0.02838,0.03871,-0.08813,0.05488,0.05148,0.05869,0.02038,-0.11319,0.07481,-0.00767,-0.08515,0.00653,-0.03844,0.04517,0.08592,-0.04972,-0.08467,-0.02897,-0.07665,-0.08371,-0.0338,-0.02684,-0.01579,-0.0812,-0.10291,-0.06961,-0.0239,-0.00327,-0.03439,0.03403,-0.03051,0.03115,0.04358,0.07866,-0.02587,0.04432,0.06094,0.03144,0.01011,-0.11743,0.03821,-0.06777,-0.10344,0.01135,-0.05861,-0.02894,0.01457,-0.03061,-0.03486,-0.02212,0.02143,0.00085,-0.03359,-0.00822,0.03026,-0.00737,0.0728,-0.03025,0.09333,0.02706,-0.00336,0.02351,-0.01216,0.00925,0.03058,0.05392,0.01052,0.04375,0.0075,0.00769,-0.06322,-0.1172,0.08206,-0.0302,0.00314,0.02506,-0.00957,-0.08368,-0.00959,0.10677,-0.03728,0.01392,0.01245,-0.02752,0.04565,0.00384,-0.13027,-0.02507,-0.00847,0.01394,0.02911,0.05754,0.0755,0.03458,-0.04281,0.03476,-0.0007,0.11202,0.06148,-0.02297,0,-0.01456,0.01761,-0.05175,-0.02687,0.0793,-0.09104,0.00441,-0.07724,-0.03232,0.06473,0.02496,0.04754,-0.07204,0.03975,0.04147,-0.10939,-0.00411,0.0223,0.04045,-0.02352,0.01476,-0.08966,-0.00716,0.05375,0.08197,0.08887,0.04064,-0.03169,0.01284,0.01202,0.04695,-0.00815,-0.00164,0.0417,-0.05748,-0.00096,-0.11826,-0.04686,-0.02217,0.05622,-0.00561,-0.03231,-0.09091,0.00482,0.02472,-0.02152,-0.01151,-0.05474,0.08648,0.0147,-0.0583,0.05556,-0.01604,0.03461,0.03651,-0.06945,-0.02825,0.04532,0.07248,0.03185,0.0158,-0.00043,-0.06927,-0.03007,0.01143,0.03586,0.00764,-0.06078,0.08542,0.02089,-0.01675,-0.02102,0.02671,0.03001,0.00733,-0.02829,-0.01694,0.00097,0.06249,-0.09877,-0.05665,-0.01625,-0.0147,0.10352,0.10291,-0.02674,-0.02976,0.00974,-0.10293,0.0146,0.02085,0.04555,0.00411,-0.03334,-0.00136,0,-0.03195,-0.00426,-0.06962,0.05922,0.02674,-0.03762,0.03621,0.0615,0.03682,0.07176,0.065,-0.00844,0.02277,0.02817,0.04929,-0.00797,-0.03206,-0.09208,0.11015,0.00634,0.0654,0.08721,-0.01366,-0.06099,-0.04731,0.02566,-0.08824,0.05625,0.02127,-0.0376,0.01809,0.0253,-0.0245,-0.03356,-0.04616,0.02352,0.05928,0.03784,-0.08129,-0.01618,0.03195,-0.04255,0.01774,0.0413,-0.08362,-0.02577,-0.10512,0.01691,-0.01191,-0.03019,-0.07047,0.01159,0.01857,-0.09859,-0.10205,-0.05078,0.07696,0.01513,-0.06208,0.09237,0.02727,-0.06244,0.02698,-0.04165,0.00667,0.02674,-0.02734,0.06044,-0.03842,0.00783,-0.00508,-0.02378,-0.03555,0.01197,0.02475,0.0319,0.0346,-0.03686,0.07042,-0.03799,0.03406,0.07252,-0.04479,-0.01595,0.05415,0.0713,-0.07587,-0.03936,0.01081,0.10674,-0.08509,0.09608,0.04954,0.01556,-0.0204,0,-0.05385,-0.00259,0.05126,-0.01734,0.08114,-0.01875,-0.05035,-0.01507,0.02681,-0.03287,-0.05011,0.01839,-0.05501,0.02501,0.08714,0.02909,-0.07653,0.04386,-0.005,-0.03077,0.06669,0.07801,0.01123,-0.05094,0.02945,-0.04576,0.05269,0.00747,-0.0643,0.01933,-0.00995,0.0992,0.11559,-0.01541,0.03125,0.01833,-0.01844,-0.02078,-0.06805,-0.0601,0.03197,0.02477,-0.02438,-0.06745,-0.03505,0.03715,-0.04059,-0.12132,0.08297,-0.04476,-0.02294,-0.05781,-0.04891,0.03141,0.08414,0.02673,-0.01228,-0.00511,0.06033,0.02393,0.05651,0.05448,0.0423,-0.01886],"keywords":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections. AI Low-Code Platform","excerpt":"AI Low-Code Platform"},{"chunkId":"/examples/ai-low-code-platform#1","slug":"ai-low-code-platform","route":"/examples/ai-low-code-platform","section":"examples","title":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow","description":"Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections.","group":"Reference Apps","vector":[-0.10115,0.01956,-0.02894,0.03598,0.09223,0.00824,-0.03052,0.0603,0.03365,0.05229,-0.13923,-0.0069,-0.04727,-0.0392,0.10803,0.055,0.00191,-0.00343,-0.02964,-0.03619,-0.04094,-0.00953,-0.02475,-0.05068,-0.03266,0.07487,0.02891,-0.04388,0.06216,-0.04443,0.04964,0.08503,0.04371,0.05018,-0.11848,0.11082,0.00523,-0.00824,-0.05465,-0.07998,0.04511,0.06768,-0.05869,-0.09366,-0.04566,-0.07995,-0.06249,-0.07037,-0.05951,-0.00854,-0.06081,-0.10265,-0.05311,0.0244,0.00497,0.01535,0.06584,-0.05776,0.02875,0.03197,0.06787,-0.02423,0.05052,0.00616,0.048,-0.00663,-0.09947,0.0163,-0.04604,-0.11409,0.02994,-0.05178,-0.01274,-0.00478,-0.00998,-0.02587,-0.02717,0.03081,0.00482,-0.00844,0.00944,0.07687,-0.00698,0.07146,-0.01652,0.12298,0.02742,-0.01311,0.04646,-0.00838,-0.02772,0.03896,0.0217,-0.01997,0.10414,-0.0377,-0.02288,-0.01452,-0.07919,0.03804,-0.02339,-0.02756,0.06143,0.0003,-0.06922,-0.02727,0.06772,-0.0259,0.01265,0.01163,-0.04918,0.05962,0.03639,-0.10278,-0.03842,-0.00381,-0.00969,0.01277,0.01272,0.12489,0.03996,0.01654,0.02488,-0.02003,0.12269,-0.00387,-0.00582,0,0.02018,0.02326,-0.03535,-0.00188,0.10585,-0.05582,0.0157,-0.08091,0.01056,0.06681,0.00902,0.03992,-0.06356,0.09754,0.01187,-0.11777,-0.02706,-0.00554,0.02251,0.00183,0.00634,-0.12418,-0.03128,0.08032,0.06682,0.04973,0.03532,0.01662,-0.01188,0.01591,-0.00207,-0.00957,0.03773,0.04614,-0.11318,-0.01012,-0.12926,-0.0567,0.02243,0.04238,-0.01564,-0.02459,-0.07267,0.04656,0.00284,-0.04416,-0.04184,-0.001,0.08732,0.03297,0.00907,0.04464,0.03235,-0.00204,0.03556,-0.08192,0.00863,0.06374,0.06703,0.06706,-0.0113,0.03844,-0.07113,0.00809,0.0431,0.03923,0.00876,-0.0251,0.07499,-0.02795,-0.05826,0.02005,-0.00181,0.02919,0.04941,-0.0533,0.02791,0.03264,0.06642,-0.08266,-0.06656,0.00989,-0.00994,0.05929,0.09649,-0.06404,-0.04081,-0.00902,-0.13952,-0.05134,0.06741,0.03047,0.01259,-0.00791,0.01419,0,-0.01386,-0.01296,-0.04524,0.05273,0.03439,-0.04691,0.04148,0.01165,0.02992,0.05717,0.06594,0.025,0.01419,0.04089,0.02311,0.01861,-0.03639,-0.08616,0.09541,-0.02084,0.06545,0.06431,-0.0043,-0.06275,-0.11857,0.00827,-0.04162,0.0259,0.03931,-0.04431,0.01634,-0.00586,-0.04412,-0.0366,-0.00079,-0.01726,0.02564,0.02226,-0.01892,-0.05455,0.0173,-0.02249,0.03156,0.02527,-0.10573,0.03991,-0.04104,-0.01858,-0.01283,-0.03684,-0.05116,0.03613,-0.00948,-0.05325,-0.07779,-0.04278,0.06922,0.00386,-0.04045,0.04661,0.02697,0.02544,0.06486,-0.05725,0.00932,0.07374,-0.05109,0.03213,-0.02987,0.00109,0.02396,-0.02525,-0.02731,0.02186,0.02051,0.0401,0.08808,-0.07007,0.03912,-0.04845,-0.01344,0.04991,-0.01834,-0.03822,0.0419,0.05144,-0.13265,-0.03934,0.06533,0.10618,-0.09497,0.05859,0.01952,-0.00305,0.00908,0,-0.09016,0.00704,0.01217,-0.0551,0.03869,-0.04347,-0.00132,0.0114,0.05694,-0.03027,-0.01172,0.00214,-0.04938,-0.04258,0.11624,0.03826,-0.06789,0.04254,-0.0113,-0.06729,0.08471,0.02288,0.01801,0.00552,0.00575,-0.07292,0.04316,-0.00992,-0.05373,-0.00662,-0.00459,0.07574,0.10632,0.05714,-0.01479,-0.0291,-0.04179,-0.03753,-0.05903,-0.03729,0.0455,-0.01195,-0.01547,-0.05697,-0.04189,0.03332,-0.05373,-0.09168,0.02941,-0.0086,-0.02221,-0.01554,-0.03726,0.04046,0.05397,0.01203,-0.01131,-0.03126,0.09045,-0.00834,-0.00805,0.05237,0.06886,-0.02987],"keywords":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections. Example This example demonstrates how to use Foblex Flow to build a front-end-only AI low-code IDE demo in Angular. It is the flagship example in this portal because it combines almost every major capability in the library with a more product-like application shell around the canvas. It is not just a visual workflow builder. The demo combines a node editor with product-level features: a palette, editable nodes, right-side configuration panels, validation rules, validation feedback reflected back onto the nodes, undo/redo, JSON import/export, runtime theme switching, local persistence, multi-selection, animated connections, and Angular Material UI around the flow surface. ::: ng-component <ai-low-code-platform</ai-low-code-platform [height]=\"600\" ::: Live demo Source code","excerpt":"Example This example demonstrates how to use Foblex Flow to build a front-end-only AI low-code IDE demo in Angular. It is the flagship example in this portal because it combines almost every major capability in the library with a more product-like application shell around the canvas. It is not just a visual workflow builder. The demo combines a node editor with product-level features: a palette, editable nodes, right-side configuration panels, validation rules, validation feedback reflected back onto the nodes, undo/redo, JSON import/export, runtime theme switching, local persistence, multi-selection, animated connections, and Angular Material UI around the flow surface. ::: ng-component <ai-low-code-platform</ai-low-code-platform [height]=\"600\" ::: Live demo Source code"},{"chunkId":"/examples/ai-low-code-platform#2","slug":"ai-low-code-platform","route":"/examples/ai-low-code-platform","section":"examples","title":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow","description":"Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections.","group":"Reference Apps","vector":[-0.08784,0.02372,-0.08135,0.04237,0.04853,0.04206,-0.00886,0.07634,-0.02189,0.05149,-0.10167,-0.0038,-0.04698,-0.06888,0.07419,0.06694,-0.01904,0.00767,-0.07017,-0.05009,-0.0283,-0.03048,0.00097,-0.03261,-0.04158,0.0931,0.05868,-0.03012,0.03765,-0.08521,0.06711,0.06763,0.01377,0.00818,-0.10002,0.09016,-0.01835,-0.05371,-0.00338,-0.06554,0.07553,0.0538,-0.07453,-0.09826,-0.04614,-0.07149,-0.05596,-0.02602,-0.02633,0.02721,-0.06463,-0.08607,-0.07455,0.01061,-0.01064,0.02971,0.06266,-0.05488,0.02086,0.02334,0.05899,-0.03162,0.02964,0.05616,0.01838,0.01901,-0.13042,0.04626,-0.02738,-0.06831,0.01047,-0.04534,-0.00331,-0.02501,-0.04508,-0.0243,-0.02821,0.01578,-0.025,-0.05188,0.03534,0.05975,0.03277,0.06258,-0.03312,0.10968,0.04413,0.00956,0.02361,-0.00107,0.00501,0.03652,0.06895,-0.02575,0.07849,0.04708,-0.02356,-0.065,-0.06012,0.0542,-0.0042,-0.04295,0.03834,0.00143,-0.07857,-0.03093,0.06968,-0.01849,-0.00961,0.00029,-0.01455,0.0933,0.00477,-0.11225,-0.00613,-0.00942,0.0053,0.00902,0.02333,0.09815,0.03697,-0.02131,0.07797,-0.00234,0.11957,0.02992,-0.00387,0,-0.01532,0.02603,-0.07507,0.0084,0.04961,-0.01269,0.02167,-0.08281,-0.01735,0.03811,0.03967,0.04402,-0.08999,0.02598,-0.00953,-0.10866,-0.0143,0.0335,0.05674,-0.03306,0.05417,-0.1338,-0.03755,0.06643,0.07934,0.05438,0.03865,0.02989,-0.05231,-0.00184,0.0627,-0.02316,-0.00747,0.07207,-0.07631,0.02566,-0.08851,-0.04828,0.0103,0.02742,-0.02742,-0.02963,-0.0867,0.03761,0.01384,-0.00906,-0.02995,-0.04802,0.09784,0.02728,-0.02728,0.06418,0.01936,0.00203,0.0171,-0.06321,-0.04031,0.03444,0.09565,0.016,0.044,0.01968,-0.0882,-0.02645,0.03636,0.07157,0.00738,-0.04006,0.0818,-0.04936,-0.06993,-0.01884,0.03495,0.01639,0.01918,-0.05279,0.00808,0.03541,0.03605,-0.0695,-0.02771,-0.00862,-0.03871,0.10134,0.11418,-0.0761,-0.01944,-0.00978,-0.11147,0.02414,0.09344,0.04167,0.01401,-0.04211,0.01255,0,0.01394,0.01464,-0.04798,0.07312,0.02795,-0.06396,-0.00801,0.07391,0.02688,-0.00236,0.01066,0.03806,-0.00108,-0.02867,-0.01449,0.00316,-0.05409,-0.06142,0.09591,-0.03175,0.05151,0.05328,-0.02311,-0.02471,-0.11156,0.02567,-0.0441,0.01289,0.02613,-0.03957,0.00079,0.02751,-0.02045,-0.02468,-0.0409,-0.03628,0.03675,0.01926,-0.05043,0.02267,0.04679,-0.00423,-0.023,-0.00861,-0.08423,0.00664,-0.08682,-0.01248,-0.04295,-0.01744,-0.0579,0.01956,-0.03567,-0.08717,-0.0504,-0.05239,0.14593,-0.03003,-0.04296,0.07339,0.00641,-0.03746,0.06756,-0.01184,0.01674,0.01508,-0.05019,0.02907,-0.01508,0.03999,0.00231,-0.03154,-0.03474,-0.00977,0.06258,-0.01534,0.05161,-0.07822,0.07216,-0.0027,0.00661,0.09921,-0.00744,-0.01501,0.0182,0.06824,-0.09222,-0.04121,0.06602,0.07363,-0.13269,0.04808,0.06733,-0.00855,-0.02507,0,-0.10167,-0.02521,0.03543,0.02576,0.04248,-0.01854,-0.05379,0.00629,0.05511,-0.06395,-0.00852,0.0424,-0.04772,-0.01186,0.07443,0.01502,-0.03206,0.04491,-0.01286,-0.01191,0.06544,0.07299,0.03048,0.03988,0.07777,-0.031,0.04293,0.00735,-0.03195,0.04935,-0.01357,0.0505,0.12114,0.06132,-0.02959,-0.01952,-0.02147,-0.00741,-0.04436,-0.02788,0.04559,0.00651,-0.03576,-0.0566,-0.04955,0.02615,-0.05633,-0.11049,0.0395,-0.03337,-0.04148,-0.0235,-0.05292,0.05298,0.04249,0.01211,-0.03418,0.00718,0.10427,0.00933,-0.02638,0.05379,0.04846,-0.05538],"keywords":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections. Product features - Use a flagship reference that combines most Foblex Flow capabilities in one Angular app. - Add nodes from a palette and assemble flows visually. - Edit node settings through right-side configuration panels with validation. - Reflect validation state from the panel back onto the node itself. - Use undo/redo as the baseline safety net while editing. - Import and export flows as JSON. - Switch between multiple themes at runtime. - Persist state and settings in localStorage. - Use animated connections to make data flow easier to read. - Select multiple items for batch operations. local Storage","excerpt":"Product features - Use a flagship reference that combines most Foblex Flow capabilities in one Angular app. - Add nodes from a palette and assemble flows visually. - Edit node settings through right-side configuration panels with validation. - Reflect validation state from the panel back onto the node itself. - Use undo/redo as the baseline safety net while editing. - Import and export flows as JSON. - Switch between multiple themes at runtime. - Persist state and settings in localStorage. - Use animated connections to make data flow easier to read. - Select multiple items for batch operations."},{"chunkId":"/examples/ai-low-code-platform#3","slug":"ai-low-code-platform","route":"/examples/ai-low-code-platform","section":"examples","title":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow","description":"Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections.","group":"Reference Apps","vector":[-0.03385,0.03012,-0.06446,0.00236,0.08906,0.0776,0.04014,0.09269,-0.02562,0.06073,-0.09515,0.02713,-0.02595,-0.02204,0.07059,0.04036,-0.02555,0.01599,-0.04279,-0.02524,-0.06296,-0.075,0.0213,-0.06782,-0.04658,0.10117,0.12381,-0.04924,0.03296,-0.08268,0.04635,0.05773,0.07501,0.03107,-0.17592,0.05373,-0.03143,-0.0342,-0.01744,-0.04776,0.08932,0.09803,-0.07898,-0.08497,-0.02136,-0.06013,-0.06888,0.02747,-0.00329,0.03424,-0.07171,-0.14294,-0.05002,-0.00254,-0.0048,0.03554,0.02896,-0.06242,0.07971,0.05053,0.0776,-0.03355,0.03229,0.04013,0.07725,-0.0015,-0.09311,-0.01556,-0.09611,-0.07552,0.05635,-0.07813,0.03738,-0.00056,-0.03374,-0.0344,-0.02514,0.06217,-0.0174,-0.01074,0.0244,0.05132,0.02374,0.09891,-0.03756,0.09645,0.00244,-0.03041,-0.03433,-0.02604,-0.04171,0.03671,-0.04698,-0.03191,0.05156,0.00715,-0.01808,-0.07478,-0.0749,0.04318,0.01589,-0.04221,0.04318,-0.0258,-0.09285,-0.00059,0.01578,-0.05416,-0.00883,0.00248,-0.00971,0.04707,-0.00774,-0.09636,-0.05086,-0.02761,0.02651,-0.00228,0.05203,0.03959,0.07086,0.02438,0.00884,-0.02123,0.12617,0.04575,-0.02648,0,-0.01225,0.02858,-0.06267,0.01004,0.05203,-0.02528,-0.00949,-0.09702,-0.01167,0.07297,0.0199,0.01355,-0.08793,0.01669,0.0136,-0.15603,0.00935,0.01196,-0.01725,-0.02484,-0.00207,-0.11755,-0.03444,0.06327,0.06808,0.0904,0.03905,0.00992,-0.03851,-0.00753,0.05067,0.03179,-0.02002,0.02562,-0.07229,0.00753,-0.12548,-0.0429,0.00188,0.03956,0.00108,-0.0199,-0.07332,0.03206,0.01302,-0.00056,-0.03245,-0.01753,0.09317,0.07024,-0.00196,0.03325,-0.01818,-0.04853,0.03071,-0.03979,-0.04931,0.0549,0.05643,0.05631,0.0586,0.00773,-0.06232,0.01306,0.05418,0.07581,-0.0031,-0.01987,0.0649,-0.00335,0.01211,0.01667,0.06121,0.01809,0.04047,-0.02505,-0.00682,-0.00084,0.08062,-0.0812,-0.0655,-0.02398,0.0035,0.03156,0.07395,-0.04702,-0.01581,0.00738,-0.0665,-0.02495,0.04778,0.06771,-0.01539,-0.02545,-0.00978,0,-0.00587,0.03751,0.01753,0.07079,0.01494,-0.00341,0.03616,0.06022,-0.0102,0.06864,0.06298,0.05866,-0.00563,-0.01474,-0.00169,0.05884,-0.02734,-0.03116,0.0864,-0.02359,0.06791,0.00863,-0.00601,-0.05846,-0.08418,0.00755,-0.01015,0.02788,0.0201,-0.03053,0.01444,0.00623,-0.01087,-0.00375,-0.00914,-0.01489,0.04604,0.02697,-0.04223,-0.03927,-0.03876,-0.02177,0.01045,-0.00309,-0.09357,-0.03972,-0.06764,0.02832,-0.04352,0.02566,-0.08441,0.02019,0.00007,-0.0773,-0.10124,-0.04998,0.06543,0.0049,-0.0205,0.04653,0.03654,-0.05323,0.04422,-0.02711,0.02244,0.01663,-0.0497,0.02587,-0.01025,0.07214,0.01233,-0.02542,0.02814,0.01017,0.03929,0.03074,0.09813,-0.02289,0.08025,-0.02677,0.04921,0.104,-0.05403,-0.02428,0.02915,0.10181,-0.0839,-0.03669,0.05718,0.08001,-0.09881,0.06238,0.07273,-0.05203,0.01697,0,-0.11041,-0.01088,-0.00807,-0.02166,0.0529,-0.05266,-0.06173,-0.00248,0.0235,-0.05292,-0.04514,0.06408,-0.03716,0.01358,0.10498,0.04513,-0.04344,0.06077,0.00667,0.01692,0.01855,0.06159,0.02231,0.07679,-0.01293,-0.04108,-0.01703,0.00215,-0.02396,0.02652,-0.03368,0.06262,0.08886,0.02087,-0.05084,-0.04563,-0.05183,-0.02442,-0.07907,-0.01928,0.04024,-0.00645,0.01349,-0.05079,-0.0758,0.05013,-0.04897,-0.09396,0.02593,-0.00147,-0.02856,-0.04184,-0.01827,-0.02369,0.03625,0.00395,-0.00815,0.01985,0.05413,0.0082,-0.06258,0.06651,0.01503,-0.04531],"keywords":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections. Implementation highlights - Add nodes from the palette to the canvas using the fExternalItem directive. - Connect nodes using the f-connection-for-create component. - Reassign connections, move nodes, and pan the canvas. - Zoom with the mouse wheel, double click, and buttons using the fZoom directive. - Set the background using the f-background component. - Use alignment helpers and a minimap. - Select multiple items with the selection area. f External Item f Zoom","excerpt":"Implementation highlights - Add nodes from the palette to the canvas using the fExternalItem directive. - Connect nodes using the f-connection-for-create component. - Reassign connections, move nodes, and pan the canvas. - Zoom with the mouse wheel, double click, and buttons using the fZoom directive. - Set the background using the f-background component. - Use alignment helpers and a minimap. - Select multiple items with the selection area."},{"chunkId":"/examples/ai-low-code-platform#4","slug":"ai-low-code-platform","route":"/examples/ai-low-code-platform","section":"examples","title":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow","description":"Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections.","group":"Reference Apps","vector":[-0.10856,0.00687,-0.04904,0.03204,0.09266,0.00788,0.00438,0.0805,0.02409,0.03391,-0.10703,0.01389,-0.04247,-0.03578,0.07733,0.07087,-0.00665,-0.04376,-0.04058,-0.05433,-0.04056,-0.03305,-0.03537,-0.05246,-0.04138,0.08076,0.04612,-0.04107,0.06673,-0.07206,0.05935,0.08157,0.03838,0.01872,-0.13023,0.09197,0.00219,-0.06132,-0.02422,-0.06517,0.04115,0.05934,-0.06286,-0.09071,-0.00389,-0.08343,-0.06346,-0.0459,-0.01429,-0.00827,-0.07773,-0.09869,-0.06141,0.00246,0.01969,0.00746,0.05427,-0.04846,0.02306,0.0458,0.05369,-0.0167,0.03563,0.0662,0.04148,0.00348,-0.1236,0.01223,-0.05589,-0.10713,0.02257,-0.0447,-0.02056,0.01047,0.00139,-0.02466,-0.03505,0.00321,0.00252,-0.04603,-0.00112,0.05889,0.0154,0.06706,-0.01205,0.11639,0.02248,-0.03003,0.02906,0.01492,0.02432,0.03895,0.01377,0.00392,0.08751,0.00755,-0.02033,-0.04314,-0.09995,0.05135,-0.02567,-0.03107,0.01999,-0.00958,-0.06297,-0.04449,0.10014,-0.0383,0.01725,0.01642,-0.03563,0.04351,0.02289,-0.09535,-0.02053,-0.00836,0.02363,0.02647,0.04987,0.08676,0.02556,-0.0332,0.06215,-0.00172,0.09979,0.01167,-0.01847,0,-0.03412,0.03555,-0.04819,0.00351,0.06087,-0.0757,0.01021,-0.07779,0.01313,0.0461,-0.00356,0.08005,-0.0698,0.0427,0.02746,-0.10313,-0.0489,0.04474,0.00743,-0.01474,0.06105,-0.12346,-0.01064,0.07095,0.06836,0.08183,0.04487,0.02215,-0.02524,0.01515,0.02861,-0.00765,-0.0007,0.05532,-0.08979,0.04721,-0.09795,-0.0487,-0.01843,0.038,-0.02274,-0.01561,-0.06056,0.01681,0.03145,-0.05059,-0.04278,-0.03349,0.07823,0.03675,-0.03598,0.06555,0.02887,0.03116,0.02567,-0.05335,-0.00804,0.04025,0.08212,0.03136,0.02844,0.00567,-0.09533,-0.00591,0.02408,0.07851,-0.00734,-0.04009,0.06003,-0.00366,-0.03189,0.00147,0.00397,0.00296,0.03945,-0.06909,-0.01939,0.00132,0.05171,-0.07634,-0.043,0.00983,-0.02633,0.09582,0.10888,-0.03365,-0.02388,0.01028,-0.11917,0.02968,0.07014,0.0438,0.00407,-0.02944,-0.00372,0,-0.02416,0.00466,-0.05976,0.0641,0.04537,-0.05078,0.02582,0.06014,0.04267,0.04319,0.05581,0.00159,0.00977,0.02578,0.00873,-0.00442,-0.05559,-0.109,0.10535,-0.01107,0.0579,0.06398,-0.024,-0.06692,-0.11261,0.02038,-0.08683,0.03675,0.00755,-0.02779,0.02106,0.01704,-0.04805,-0.02482,-0.02893,0.00134,0.03398,0.01333,-0.03943,-0.02239,0.01512,-0.02519,0.0046,0.0361,-0.08562,0.02091,-0.08129,0.00455,-0.00137,-0.02813,-0.04309,0.02927,-0.02127,-0.09473,-0.10549,-0.02728,0.08715,0.01328,-0.08888,0.07853,0.02407,-0.01137,0.04534,-0.02095,0.01076,0.03092,-0.0278,0.05762,-0.02385,0.01138,0.0067,-0.0207,-0.05465,0.01181,0.01522,0.02984,0.074,-0.05736,0.05823,-0.02604,-0.01399,0.06303,-0.02495,-0.00776,0.0242,0.07335,-0.10566,-0.06662,0.02333,0.10697,-0.08648,0.08045,0.03431,-0.00268,-0.03044,0,-0.08872,-0.00699,0.05437,-0.02893,0.04709,-0.02928,-0.03567,0.01113,0.03014,-0.05373,-0.01423,0.01821,-0.06485,-0.00267,0.09964,0.0371,-0.05308,0.04554,-0.01117,-0.03669,0.07696,0.06158,-0.00112,-0.02513,0.03543,-0.05595,0.05166,0.03752,-0.07761,0.01425,-0.01395,0.10137,0.10885,0.06072,0.01182,0.00735,-0.01759,-0.02136,-0.05208,-0.03162,0.04379,0.02479,-0.01087,-0.06499,-0.04792,0.04359,-0.05849,-0.10995,0.05386,-0.02835,-0.04862,-0.04392,-0.03972,0.04149,0.09451,0.01588,-0.02452,-0.03118,0.07558,0.03054,0.00453,0.05616,0.07303,-0.01152],"keywords":"Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Angular AI Low-Code IDE Example – Flagship Product-Style Demo with Foblex Flow Flagship front-end-only AI low-code IDE demo in Angular with custom nodes, JSON import/export, multiple themes, right-side config panels, validation reflected on nodes, undo/redo, persistence, multi-select, and animated connections. When to use it Start from this example if you are evaluating Foblex Flow as the foundation for an AI workflow IDE, internal automation tool, visual logic editor, or any Angular node-based product where the canvas has to work together with forms, validation, persistence, and richer application UI.","excerpt":"When to use it Start from this example if you are evaluating Foblex Flow as the foundation for an AI workflow IDE, internal automation tool, visual logic editor, or any Angular node-based product where the canvas has to work together with forms, validation, persistence, and richer application UI."},{"chunkId":"/examples/schema-designer#0","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.01131,-0.00057,-0.00898,0.04793,0.01255,-0.01329,-0.05968,0.01717,-0.08343,0.04984,-0.00078,-0.06136,0.07538,-0.00259,0.00809,0.06297,0.06693,-0.03484,0.05055,0.0182,-0.06475,0.01141,-0.0266,0.01123,0.01903,0.02698,0.08536,0.05802,-0.03163,0.00258,-0.0607,0.0407,0.03179,-0.03093,-0.06161,-0.03071,0.07554,0.0472,-0.03743,-0.04039,-0.13861,-0.08129,-0.01165,0.01535,0.02118,-0.06762,-0.04468,-0.03912,-0.08067,0.07429,-0.07906,-0.08112,-0.03642,0.03509,0.02764,0.1093,-0.02132,-0.03984,0.02283,-0.00018,-0.0534,0.02082,0.00291,0.05203,-0.02442,0.07031,-0.0512,0.03423,0.04801,-0.05384,0.03778,-0.06671,-0.06659,-0.04014,0.01165,-0.02034,0.0439,-0.07226,0.02332,-0.07737,-0.08152,0.04743,-0.07566,0.02628,-0.03398,-0.01693,-0.0103,0.00135,0.08426,-0.00146,0.05592,-0.04946,0.02976,-0.04235,-0.07324,-0.03238,0.02638,-0.05806,-0.02593,0.03521,0.01008,0.02525,0.0332,-0.02939,-0.08844,-0.02579,0.00696,0.00544,-0.07215,0.05485,-0.01774,-0.04845,-0.05924,-0.07483,-0.02664,0.01323,-0.05662,-0.03237,0.10563,0.00392,0.0043,0.07837,-0.03636,0.02737,-0.01943,0.01305,-0.07127,0,0.00876,-0.02549,0.04384,0.06579,0.1039,-0.0099,0.06474,0.0618,-0.04863,-0.00786,0.00682,0.06205,-0.09441,0.06508,0.05225,-0.02209,-0.07308,0.08407,-0.09659,0.02891,-0.02307,-0.04572,-0.03767,0.06127,0.06143,0.09661,-0.00043,0.08176,0.00338,0.0181,-0.02225,0.00678,0.00615,0.00119,-0.04652,0.03143,-0.02355,-0.07589,0.0609,-0.03568,-0.02508,-0.00033,0.05144,-0.01941,-0.0025,0.06493,0.03365,0.057,0.0179,-0.03432,0.04382,0.03543,0.06524,0.12051,0.01811,0.02637,-0.02619,-0.02584,0.06909,0.08459,-0.07799,0.09863,0.00398,-0.00279,0.00247,0.04764,-0.02262,-0.06622,0.12896,-0.0671,-0.05549,0.06423,0.07905,0.01169,0.00201,-0.07671,-0.04337,-0.10073,-0.08495,0.06182,-0.04334,-0.00601,-0.04586,0.00195,0.01575,-0.08051,0.01724,0.05066,-0.04483,-0.07159,0.02492,-0.0012,-0.00255,0.03476,0.02763,0,-0.04458,-0.09026,0.00446,0.05743,0.06072,-0.02038,-0.01982,-0.0032,0.01996,-0.02501,0.01588,-0.00718,0.02958,-0.10105,0.03859,0.05759,-0.01483,-0.09113,0.00884,0.03939,0.09371,0.08549,-0.10495,0.0222,-0.01813,-0.0203,-0.03758,0.03029,-0.00459,0.05286,-0.0203,-0.07285,0.00072,-0.06766,0.01542,-0.05013,-0.03183,0.03555,0.03368,0.00529,-0.02406,0.04579,-0.00189,0.06513,0.02085,0.07992,-0.07815,0.01393,-0.01353,-0.09103,-0.03902,-0.01227,-0.039,-0.10983,0.04331,-0.03449,-0.01754,-0.01389,0.01806,0.00929,-0.01822,0.02764,0.07694,0.10742,0.07045,0.01282,-0.00882,-0.05531,-0.05806,-0.02597,-0.02007,0.01515,-0.00113,0.05443,0.11317,-0.07313,-0.07947,-0.00052,0.00585,-0.03733,0.01115,-0.04458,0.12897,0.02708,0.01461,-0.00465,-0.04157,0.10013,0.00373,0.0012,-0.05952,-0.00786,0.02624,0.06245,-0.02576,0,0.00503,-0.00938,0.02627,-0.07866,-0.00082,-0.03768,0.04136,0.07779,0.03796,0.03762,0.01501,0.01222,-0.05799,0.03471,0.05618,0.00753,0.06357,0.04562,-0.03859,-0.10379,0.11135,0.0668,-0.03682,0.03573,0.10815,0.01695,-0.1028,0.03558,0.0151,-0.03445,-0.0159,-0.0536,0.04502,0.0824,0.05311,0.0328,0.0356,0.00268,-0.11001,-0.01449,-0.01404,-0.06884,-0.05118,-0.05514,0.01852,0.0445,0.01788,-0.02816,-0.00338,-0.00751,-0.11987,0.00051,-0.05498,-0.06798,-0.02373,0.04495,0.04969,0.02606,0.03441,-0.04617,0.02771,0.05936,-0.04873,0.03573],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. Schema Designer","excerpt":"Schema Designer"},{"chunkId":"/examples/schema-designer#1","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.04995,0.02133,-0.05799,0.0616,0.01049,0.0221,-0.05874,0.04386,-0.04377,0.1091,-0.05162,-0.07708,0.0199,0.03047,0.03533,0.05408,0.03354,-0.01695,0.01985,0.01609,-0.05613,-0.01219,-0.00883,-0.01359,0.03673,0.05793,0.03998,0.02299,0.00233,-0.01847,-0.01704,0.05192,-0.00869,0.01788,-0.06032,0.06376,0.04491,0.04499,-0.02044,-0.04532,-0.02282,-0.02646,-0.03029,-0.03493,-0.02634,-0.06402,-0.06649,0.00368,-0.09019,0.04525,-0.10062,-0.11405,-0.04683,0.06037,0.02288,0.09594,-0.01414,-0.04278,0.06232,0.0239,-0.021,-0.02115,0.03788,0.05129,0.00437,0.04368,-0.07277,0.02049,-0.00663,-0.03406,0.1017,-0.10516,-0.04321,-0.04958,0.02011,-0.02896,0.00167,-0.0049,0.00769,-0.04836,0.00591,0.0543,-0.05974,0.06486,-0.06486,0.05313,0.03112,-0.05471,0.04802,-0.03238,0.03004,0.02312,0.01382,-0.03028,-0.04251,-0.01964,0.02016,-0.03408,-0.07688,0.03735,0.01286,-0.03257,0.07034,0.01521,-0.06886,-0.01599,-0.00116,-0.00549,-0.10188,0.03713,-0.00806,0.02263,-0.05023,-0.06035,-0.02897,-0.0157,-0.08293,-0.0662,0.06792,0.03937,0.0396,0.06845,-0.03664,0.02776,0.03885,0.04288,-0.01765,0,0.03889,0.01362,0.02073,0.0522,0.15152,0.02725,0.04963,-0.00516,-0.04002,0.03305,-0.0015,0.04825,-0.08107,0.0848,0.02444,-0.02814,-0.06278,0.02959,-0.04181,0.02658,0.00975,-0.09851,-0.07563,0.06271,0.0767,0.07374,-0.02408,0.06047,-0.0162,0.01498,-0.00417,0.0323,0.01305,-0.02748,-0.07348,0.00817,-0.05083,-0.04925,0.02631,-0.05945,0.00972,0.00084,-0.02964,-0.02386,-0.01834,0.04014,0.02604,0.0111,0.04437,-0.03645,0.03491,0.04471,0.11905,0.14427,0.08487,-0.02583,-0.00738,0.00659,0.10368,0.07729,-0.03501,0.12524,-0.04412,0.03146,0.03172,0.04193,0.00614,-0.02547,0.13355,-0.07738,-0.0682,0.07418,0.0434,0.00916,0.0015,-0.09667,-0.04564,-0.08119,-0.02111,0.01808,-0.03439,-0.06765,-0.01291,0.04617,0.05156,-0.10722,-0.00698,0.02712,-0.09318,-0.08201,0.05661,-0.02988,-0.00907,0.01042,0.03673,0,-0.02506,-0.07156,0.04613,0.06779,0.03903,-0.07704,0.00805,0.02754,0.00639,0.03698,0.03835,0.01899,0.02075,-0.08824,0.05635,0.06777,-0.03131,-0.11811,0.04355,-0.0391,0.1116,0.07746,-0.04332,0.01555,-0.02896,-0.00431,0.02338,0.02038,-0.01292,0.02011,-0.02634,-0.07882,-0.03859,-0.05365,-0.01439,-0.06078,-0.01267,0.06146,0.04376,-0.03667,-0.02909,0.06011,-0.03297,0.06761,-0.01487,0.06494,-0.07159,-0.00617,-0.03225,-0.06435,-0.05918,0.0241,-0.00725,-0.11519,0.01381,-0.07596,0.03726,-0.01267,0.01942,-0.02665,0.00977,0.01437,0.03533,0.04245,0.08141,0.05438,-0.04628,-0.03741,-0.02102,0.04116,-0.0192,0.00564,-0.0234,0.07617,0.14267,-0.01204,-0.01757,0.04327,0.07247,-0.0443,0.00543,-0.01453,0.09757,-0.01127,0.03656,0.01998,-0.09317,0.03453,0.04625,0.07999,-0.10072,-0.02396,0.03043,0.02794,-0.01014,0,-0.06132,-0.01088,0.00033,-0.09169,0.02282,-0.03552,0.02827,0.04434,0.05291,0.02307,0.01204,0.05342,-0.0312,0.06537,0.05174,-0.00991,0.03367,0.02687,-0.04472,-0.11289,0.09436,0.06497,-0.00366,0.05959,0.08311,-0.01333,-0.08478,0.01374,-0.00325,-0.01732,-0.03395,-0.04191,0.07227,0.08939,-0.00491,0.01413,-0.04925,-0.02133,-0.1252,-0.04821,-0.01509,-0.07482,-0.0232,-0.05722,-0.03073,0.03541,0.0211,0.00167,-0.00031,-0.02537,-0.09315,-0.00574,-0.08044,-0.05612,-0.03043,0.01881,0.02037,0.05159,0.01918,-0.05767,-0.02559,0.04518,-0.03102,-0.01388],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. Example This example shows how to build a schema editor on top of Foblex Flow. It combines draggable table nodes, inline column editing, connection creation and reassignment, context-menu actions, and viewport tooling into a canvas that feels closer to a real admin product than a minimal graph demo. ::: ng-component <schema-designer</schema-designer [height]=\"600\" :::","excerpt":"Example This example shows how to build a schema editor on top of Foblex Flow. It combines draggable table nodes, inline column editing, connection creation and reassignment, context-menu actions, and viewport tooling into a canvas that feels closer to a real admin product than a minimal graph demo. ::: ng-component <schema-designer</schema-designer [height]=\"600\" :::"},{"chunkId":"/examples/schema-designer#2","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.00257,-0.01743,-0.06582,0.0403,-0.04007,0.06719,-0.08775,-0.0187,-0.01919,0.03078,-0.02661,-0.04425,0.06627,0.01731,-0.02528,0.06084,0.03546,-0.03726,-0.04266,0.0554,-0.01861,-0.08733,-0.00761,-0.01468,0.06392,0.01058,0.09231,0.04131,-0.03278,-0.00152,-0.08291,0.07293,-0.03846,-0.02114,-0.05457,0.00998,0.01476,0.10897,0.01714,-0.0624,-0.0472,-0.0488,0.04856,-0.00114,0.01882,0.03174,-0.0665,-0.00592,-0.04832,0.08025,-0.12974,0.00759,-0.05677,0.05822,0.05429,0.13086,-0.0353,-0.00837,0.01611,0.07205,-0.01471,0.03561,0.00993,0.01581,-0.01244,0.05317,-0.04246,0.05041,-0.00181,0.05858,0.06423,-0.01671,-0.0706,-0.06549,-0.02703,0.02025,-0.02913,0.02051,0.02772,-0.07615,-0.01043,0.06136,-0.05699,0.03383,0.02009,-0.00644,0.01242,-0.08701,0.0105,-0.01171,0.00641,-0.06881,0.08791,0.02443,-0.05394,-0.02904,0.03049,-0.00999,-0.04472,0.03595,-0.01815,0.03444,0.00926,-0.01624,-0.0869,-0.00763,0.00069,-0.00716,-0.09516,0.01451,-0.03374,0.02144,-0.10949,-0.05945,-0.06835,-0.0087,-0.05899,-0.05632,0.05243,-0.04278,0.02691,0.06495,-0.07464,0.0527,-0.02636,-0.03724,-0.08067,0,0.08097,-0.00988,0.03202,0.0549,0.07055,0.02888,-0.01211,0.07487,-0.07649,0.07096,0.04301,0.07321,-0.06767,0.00062,0.03565,-0.01762,-0.04432,0.03572,-0.04869,-0.00916,-0.03803,-0.01874,-0.11692,0.05527,0.06227,0.10095,0.01574,0.07235,-0.0609,0.01116,-0.03961,0.03798,-0.03048,-0.02737,-0.03708,-0.00817,-0.01668,-0.02591,0.05061,0.01246,0.0289,0.00567,-0.02595,-0.0321,0.00494,0.06193,0.05233,0.03614,-0.02236,-0.08424,0.07451,0.03207,0.04334,0.11124,-0.03774,-0.04373,-0.0245,-0.00399,0.04407,0.06026,-0.01968,0.02761,-0.02194,0.063,0.05371,0.08645,-0.07947,-0.05514,0.06735,-0.11462,-0.03765,0.03758,0.00948,-0.0081,0.00842,-0.06038,-0.05218,-0.09147,-0.04464,0.02749,-0.06883,0.0216,0.00318,-0.02309,-0.02875,-0.05269,0.05588,0.04559,-0.03602,-0.04949,0.04865,-0.0058,0.00904,0.0267,0.07176,0,0.00195,-0.02077,0.04382,-0.009,0.05355,-0.0365,0.05803,0.00757,0.02452,0.01468,0.02439,-0.06741,0.03425,-0.05983,0.01653,0.08383,-0.03628,-0.04282,-0.03746,-0.00891,0.10557,0.05206,-0.02313,0.07084,0.00482,-0.01225,0.04922,0.03217,-0.0039,0.051,-0.04762,-0.10616,-0.02987,-0.05669,0.03986,-0.02201,-0.0181,-0.02138,0.0485,-0.00621,-0.06195,0.02478,-0.01637,0.06651,0.06083,0.07036,-0.02558,0.01228,0.00294,-0.07118,0.00845,-0.00458,-0.03742,-0.07867,0.04013,-0.05715,0.05349,-0.01899,0.0401,-0.0686,0.04372,0.01826,0.0185,0.09571,0.09318,-0.02713,-0.05737,-0.04291,-0.03905,-0.01229,-0.08113,0.02686,0.00775,0.04307,0.14291,-0.1007,-0.03101,-0.01457,0.0145,-0.05513,0.02721,-0.02705,0.15539,-0.01806,-0.04525,0.02417,-0.00726,0.06148,0.02601,0.03895,-0.0817,-0.06829,0.03688,0.01053,-0.04459,0,0.00031,-0.04152,0.00438,-0.05492,-0.02522,-0.03791,0.00021,0.11859,0.01871,-0.00136,-0.04987,0.09473,-0.03151,0.06013,0.05174,-0.00945,0.05717,-0.00533,-0.02232,-0.06648,0.08191,0.02201,-0.00948,0.06621,0.09152,-0.05726,-0.0744,0.01127,0.09471,-0.00638,-0.00945,-0.08917,0.07134,0.06836,0.00418,0.01963,0.03101,0.01202,-0.08145,0.01571,-0.00808,-0.02008,-0.10153,0.02574,0.03877,0.02605,0.04693,-0.0362,-0.05624,-0.02798,-0.08449,0.0116,-0.02309,-0.12119,-0.09795,0.04748,0.03693,0.04909,0.07706,-0.08231,-0.00572,0.07996,-0.0327,-0.00031],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. User-Facing Capabilities - Drag tables around the canvas and keep existing relations attached. - Create a relation by dragging from one column to another. - Reassign an existing relation to a different target column. - Edit column names and column data types inline. - Open a context menu on the canvas, a table, a column, or a relation. - Create new tables and columns directly from the editor. - Change a column key to primary, unique, index, or none. - Change relation cardinality from the inline relation toolbar. - Delete the currently targeted column, table, or relation. - Use selection area, minimap, zoom, reset, fit-to-screen, and theme toggle controls.","excerpt":"User-Facing Capabilities - Drag tables around the canvas and keep existing relations attached. - Create a relation by dragging from one column to another. - Reassign an existing relation to a different target column. - Edit column names and column data types inline. - Open a context menu on the canvas, a table, a column, or a relation. - Create new tables and columns directly from the editor. - Change a column key to primary, unique, index, or none. - Change relation cardinality from the inline relation toolbar. - Delete the currently targeted column, table, or relation. - Use selection area, minimap, zoom, reset, fit-to-screen, and theme toggle controls."},{"chunkId":"/examples/schema-designer#3","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.01107,-0.04814,-0.0792,0.03066,-0.01616,0.05951,-0.10887,0.06373,0.00314,0.05241,-0.01152,-0.02262,0.01196,-0.00304,-0.013,0.02831,-0.01554,-0.00979,-0.04135,0.05484,-0.04095,-0.05821,-0.00077,-0.01191,0.01963,0.01482,0.02367,0.00873,-0.03953,-0.04354,-0.06981,0.06804,0.0279,0.00248,-0.05381,0.03312,0.07364,0.03461,-0.04722,-0.09203,-0.10644,-0.10898,0.04066,0.01303,0.03436,0.01219,-0.03923,-0.01752,-0.075,0.1198,-0.09402,-0.01713,-0.05802,0.09731,0.05032,0.1948,0.03821,-0.01865,-0.03072,0.06649,-0.00923,0.02269,0.00333,0.02863,-0.02305,0.06157,-0.02855,0.03102,0.01021,-0.00797,0.02907,-0.01748,-0.04438,-0.0518,0.01768,-0.00755,-0.00313,0.01222,0.00533,-0.09815,0.03628,0.08446,-0.04392,0.01724,-0.00878,0.02707,0.00071,-0.03967,0.01019,0.05655,0.0495,-0.06212,0.03058,-0.06296,-0.07308,-0.01389,0.05136,-0.0199,-0.03539,0.02052,-0.00351,0.01007,0.0256,-0.01924,-0.02922,-0.04629,-0.01228,-0.03665,-0.08591,-0.01057,-0.00391,-0.03871,-0.08458,-0.07453,-0.04977,-0.01355,-0.04879,-0.07127,0.10112,-0.00659,0.03674,0.07912,-0.07347,0.0575,-0.01709,-0.03039,-0.09242,0,0.05385,0.02923,0.01991,0.05623,0.09843,0.02384,0.01742,0.03307,-0.07646,0.03772,-0.00737,0.06231,-0.07224,-0.01953,0.01123,-0.05183,-0.06742,0.05538,-0.0771,0.01084,-0.02737,-0.04607,-0.0566,0.03606,0.10011,0.10292,-0.04427,0.10336,-0.01244,0.00067,-0.05829,0.01572,0.00361,-0.07044,-0.0229,-0.02889,-0.01946,-0.10077,-0.01146,-0.00867,-0.00503,0.00788,-0.02248,-0.07651,0.02522,0.02064,0.02524,0.08547,0.04759,-0.03268,0.05546,0.03626,0.07584,0.05965,0.02584,-0.02792,-0.02317,0.00509,0.03968,0.10353,-0.03982,0.05337,-0.02476,0.01016,0.02647,0.10603,-0.03026,-0.01345,0.0827,-0.06769,-0.07545,0.05305,-0.03591,-0.01148,-0.01098,-0.04315,-0.05946,-0.14644,-0.05009,-0.00212,-0.04285,-0.02321,-0.04268,0.01793,0.00265,-0.08178,0.03704,0.01722,-0.0498,-0.0628,0.06893,-0.02196,0.0628,0.03376,0.06671,0,-0.02186,-0.06217,-0.00546,0.04892,0.05132,-0.02307,0.02022,-0.03478,0.04011,-0.03114,-0.00056,-0.02219,-0.01771,-0.09859,-0.0109,0.08538,-0.04084,-0.08514,-0.01125,0.00971,0.08142,0.02294,0.02634,0.03921,0.02646,-0.01438,0.0348,0.01481,-0.0109,0.00647,-0.03851,-0.09902,-0.00947,-0.03881,0.02785,-0.05369,-0.00659,0.01596,0.0422,-0.01246,0.00661,0.0666,0.01581,0.10093,-0.00664,0.11931,-0.12675,0.03537,-0.03317,-0.01756,-0.0541,-0.02139,-0.06942,-0.08105,0.01665,0.00899,0.02103,0.00723,-0.00646,-0.02456,-0.00727,-0.00938,0.01483,0.08634,0.1196,0.01534,-0.01364,0.02054,-0.03871,0.04221,0.00037,-0.02147,0.00856,0.03373,0.09861,-0.06466,-0.00877,-0.04877,0.0355,0.01147,-0.003,0.00802,0.10617,0.01779,-0.03192,0.03661,-0.0084,0.07594,0.05121,0.03636,-0.08655,0.00869,0.0454,0.04123,-0.06359,0,-0.03129,-0.02776,-0.03206,-0.05074,0.02431,-0.02885,0.03804,0.0864,-0.01301,0.00712,-0.04196,0.06145,-0.05847,0.00625,0.06603,-0.02077,0.05379,0.02583,-0.05513,-0.0872,0.06058,0.03439,-0.03467,0.06594,0.0576,-0.04021,-0.07571,0.0562,0.10255,-0.00881,0.01892,-0.06027,0.13063,0.0753,-0.02595,0.04126,0.02276,0.02168,-0.08913,0.02707,0.02579,0.00073,-0.07007,-0.03603,0.00124,0.02576,0.035,-0.0003,-0.02523,-0.05117,-0.09751,0.01912,-0.04049,-0.02485,-0.06113,0.08942,0.03899,0.06913,0.11339,-0.04607,-0.02912,0.07782,-0.01821,-0.00501],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. Foblex Flow Features Used - f-flow and f-canvas as the root editing surface. - fZoom for canvas-scale control. - fNode for draggable table nodes. - fNodeInput and fNodeOutput for column-level connectors. - fConnection for rendered schema relations. - fConnectionForCreate for drag-to-connect creation. - fSnapConnection for snap-assisted relation reassignment. - fCreateConnection, fReassignConnection, and fSelectionChange events for synchronizing editor state. - fConnectionContent for the floating relation toolbar. - fBackground, fCirclePattern, fMagneticLines, fSelectionArea, and fMinimap for editor ergonomics. f Zoom f Node f Node Input f Node Output f Connection f Connection For Create f Snap Connection f Create Connection f Reassign Connection f Selection Change f Connection Content f Background f Circle Pattern f Magnetic Lines f Selection Area f Minimap","excerpt":"Foblex Flow Features Used - f-flow and f-canvas as the root editing surface. - fZoom for canvas-scale control. - fNode for draggable table nodes. - fNodeInput and fNodeOutput for column-level connectors. - fConnection for rendered schema relations. - fConnectionForCreate for drag-to-connect creation. - fSnapConnection for snap-assisted relation reassignment. - fCreateConnection, fReassignConnection, and fSelectionChange events for synchronizing editor state. - fConnectionContent for the floating relation toolbar. - fBackground, fCirclePattern, fMagneticLines, fSelectionArea, and fMinimap for editor ergonomics."},{"chunkId":"/examples/schema-designer#4","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.07805,-0.00591,-0.06265,0.01207,0.02401,0.02694,-0.04421,0.08034,-0.01844,0.09026,-0.06866,-0.05603,0.01897,0.02518,0.05634,0.02841,0.06392,-0.08319,0.01797,0.04599,-0.06891,-0.02188,0.01143,-0.02695,0.04293,0.02729,0.04893,0.02028,-0.00078,-0.01017,-0.01446,0.08645,-0.0087,0.01287,-0.11742,0.04603,0.02196,-0.0092,-0.0615,-0.0874,-0.04943,0.02816,-0.0345,0.0046,-0.0158,-0.11708,-0.03344,-0.03462,-0.06238,0.10352,-0.10029,-0.10368,-0.06912,0.05647,0.01487,0.09682,-0.00232,-0.02813,0.01708,0.03127,-0.02463,0.01774,0.04521,0.06815,0.03103,0.04947,-0.05323,0.03291,0.02136,-0.08744,0.03301,-0.08267,0.0263,-0.10946,0.01314,-0.07152,-0.03985,-0.02166,0.02096,-0.05227,-0.01491,0.05573,-0.03175,0.0269,-0.02484,0.05969,0.05206,-0.07051,0.03213,-0.01253,0.04902,-0.03247,0.06974,-0.00322,-0.01265,-0.03204,0.03975,-0.02949,-0.07632,0.03006,0.02565,-0.00015,0.12381,0.03804,-0.06932,-0.06995,0.02623,-0.05308,-0.11063,0.03073,-0.05876,0.01761,-0.03925,-0.06676,-0.0299,-0.0191,-0.04858,-0.05194,0.05699,-0.00144,0.0369,0.05894,0.00341,-0.00826,0.02501,-0.02256,-0.04891,0,0.0233,0.01526,0.01876,0.07596,0.11811,0.0078,0.02823,0.07146,-0.03914,-0.00787,0.02603,0.08883,-0.06617,0.05299,0.06822,-0.04249,-0.11736,0.06728,-0.01738,0.0219,-0.00535,-0.07476,-0.06403,0.017,0.04855,0.12906,0.00641,0.08804,-0.08632,0.01923,-0.00573,0.00985,0.01045,-0.00355,-0.01808,0.00024,-0.05622,-0.08771,0.02414,-0.04438,-0.00582,-0.03185,-0.03836,-0.00862,0.00819,0.0306,0.01139,0.0257,0.01171,-0.03533,0.05144,0.03691,0.0621,0.0756,0.03628,-0.02372,-0.04006,-0.04081,0.08144,0.02941,-0.01664,0.0673,-0.02397,0.01717,-0.0456,0.08759,-0.02473,-0.06065,0.10192,-0.04492,-0.05363,0.08128,0.02728,0.01293,0.03178,-0.07603,-0.01881,-0.09431,-0.02668,0.0173,0.00934,-0.07435,-0.06265,0.04573,0.04216,-0.08914,0.02646,-0.00668,-0.08206,-0.03058,0.09451,-0.00972,-0.00708,-0.02416,0.07139,0,-0.01956,-0.11596,-0.02485,0.03962,0.05622,-0.06805,0.02196,0.01472,0.03654,0.00223,0.01547,0.04125,0.02219,-0.05302,0.02536,0.09162,-0.02137,-0.13043,0.035,-0.04689,0.11099,0.02699,-0.02222,0.00078,-0.05351,0.02043,-0.02543,-0.0119,0.01314,0.02686,-0.01063,-0.07562,-0.03223,-0.03038,-0.02824,-0.04835,-0.00158,0.02669,-0.01251,-0.05308,-0.00727,0.02179,-0.03592,0.07756,-0.01903,0.05608,-0.0714,0.03874,-0.00109,-0.05661,-0.02085,0.0032,-0.02103,-0.14947,0.002,-0.00662,0.02832,-0.00939,-0.01662,0.02863,0.03241,0.06831,0.01592,0.07177,0.06237,0.04049,-0.04099,0.01168,-0.01491,0.0313,0.02844,-0.03314,-0.0272,0.04614,0.13586,0.03846,0.02009,-0.01967,0.03909,-0.03872,0.00834,-0.03156,0.14314,0.001,0.0321,-0.01214,-0.09974,-0.00651,0.01001,0.0537,-0.06691,0.0252,0.02918,0.07035,0.02804,0,-0.0623,0.01349,0.02005,-0.08416,-0.01706,-0.07091,0.00729,0.01677,0.06848,0.03728,-0.03242,0.02314,-0.06858,0.06892,0.07294,0.05945,0.04529,0.02475,-0.06266,-0.08154,0.07257,0.04801,-0.01293,0.05213,0.06679,0.02371,-0.08524,0.05761,0.05164,0.02153,0.00351,-0.01394,0.05862,0.09943,-0.0571,0.01384,0.01399,-0.02189,-0.06709,-0.02556,-0.00064,-0.07718,-0.0179,-0.02763,-0.04265,0.09607,-0.01431,-0.04913,-0.01699,-0.00237,-0.09147,-0.00168,-0.04331,-0.0158,-0.02461,0.06967,0.03621,0.0614,0.06787,-0.03129,-0.02747,0.03528,0.02132,0.02337],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. Why It Matters This is the strongest reference app in the repo when you need to embed Foblex Flow into a broader CRUD-oriented Angular screen. It demonstrates how the canvas can live alongside forms, menus, detail actions, and editor-like state instead of being treated as an isolated widget.","excerpt":"Why It Matters This is the strongest reference app in the repo when you need to embed Foblex Flow into a broader CRUD-oriented Angular screen. It demonstrates how the canvas can live alongside forms, menus, detail actions, and editor-like state instead of being treated as an isolated widget."},{"chunkId":"/examples/schema-designer#5","slug":"schema-designer","route":"/examples/schema-designer","section":"examples","title":"Schema Designer","description":"Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.","group":"Reference Apps","vector":[-0.01308,-0.01679,-0.03085,0.0554,-0.00004,-0.03245,-0.06574,0.02701,-0.08629,0.07562,-0.0024,-0.0463,0.10011,-0.01962,0.01373,0.08285,0.06251,0.00409,0.03916,-0.01124,-0.03434,0.04244,-0.02535,0.01801,0.03685,0.00843,0.06838,0.03744,-0.01464,-0.00222,-0.04775,0.03628,0.03473,-0.00253,-0.09089,-0.01471,0.07467,0.04604,-0.03759,-0.05186,-0.13859,-0.06133,-0.01079,0.01593,0.00175,-0.05319,-0.05623,-0.02952,-0.09126,0.08094,-0.06893,-0.06606,-0.04319,0.02295,0.03995,0.11106,-0.03254,-0.03468,0.01599,0.00702,-0.00511,0.03424,0.00816,0.04427,-0.0347,0.06026,-0.04715,0.0517,0.04893,-0.10375,0.04344,-0.0825,-0.01901,-0.0425,-0.00493,-0.03937,0.0408,-0.04387,-0.00673,-0.07671,-0.08001,0.04945,-0.06161,0.04879,-0.03976,-0.00037,0.01554,0.01969,0.08295,0.02618,0.03734,-0.06327,0.02937,-0.06183,-0.04651,-0.02952,0.02283,-0.07885,-0.02133,0.02671,0.00174,0.00876,0.02569,-0.03809,-0.07312,-0.00274,-0.00276,-0.01146,-0.06526,0.07571,-0.02732,-0.0374,-0.08371,-0.08338,-0.02667,0.01637,-0.05707,-0.03221,0.1024,0.01904,0.00107,0.08679,-0.04268,-0.00569,-0.04252,0.01385,-0.07333,0,0.02993,-0.01463,0.04361,0.0468,0.1018,-0.02632,0.07822,0.07154,-0.04208,0.00521,0.00751,0.08374,-0.09085,0.10267,0.0439,-0.02134,-0.07451,0.06663,-0.06713,-0.01336,-0.0563,-0.04297,-0.03725,0.07245,0.06854,0.10638,0.00482,0.08174,0.00238,0.00492,-0.03336,0.0353,0.0104,-0.00781,-0.05215,0.00998,-0.04002,-0.0672,0.06176,0.01615,-0.01064,-0.03004,0.04547,-0.01379,-0.00754,0.05672,0.02194,0.04302,0.01047,-0.03371,0.06333,0.03052,0.06804,0.10651,0.00273,0.02017,-0.03558,-0.02358,0.04861,0.06775,-0.06806,0.07016,-0.01756,-0.00039,-0.02331,0.05434,-0.03241,-0.08813,0.11711,-0.04723,-0.0524,0.0783,0.07409,0.00753,-0.0157,-0.06371,-0.03811,-0.11284,-0.10531,0.05725,-0.05161,-0.02306,-0.048,-0.00235,0.00278,-0.03307,0.00825,0.02999,-0.04795,-0.08563,-0.00847,0.01145,-0.01088,0.03993,0.0496,0,-0.02997,-0.08164,0.00582,0.05012,0.07186,-0.03364,-0.01338,0.00366,0.02246,-0.02172,-0.01334,0.00246,0.05016,-0.10241,0.02319,0.06034,-0.00904,-0.08093,0.00707,0.04089,0.07637,0.0639,-0.06475,-0.00775,-0.00694,-0.05048,-0.02126,0.00163,0.001,0.035,-0.00295,-0.06872,0.02277,-0.05498,-0.00817,-0.02979,-0.02216,0.01602,0.03822,-0.0155,-0.02537,0.04799,0.05999,0.06293,0.00948,0.09552,-0.10029,0.00659,-0.01349,-0.08835,-0.02281,-0.00409,-0.04855,-0.09328,0.0511,-0.01234,-0.00603,-0.00523,0.02673,0.00735,-0.0238,0.01875,0.0659,0.09808,0.04172,0.02406,-0.02475,-0.06138,-0.07393,-0.00687,0.00168,0.02084,-0.00588,0.04826,0.07487,-0.06314,-0.07556,-0.00573,-0.02993,-0.05721,0.04212,-0.04274,0.12222,0.02569,0.01525,-0.00015,-0.05498,0.08209,0.01471,0.01058,-0.0774,-0.01214,0.02206,0.06695,-0.05194,0,0.02417,-0.0261,0.0185,-0.10172,-0.01399,-0.00825,0.05256,0.08966,0.03947,0.03291,-0.01911,0.02668,-0.06358,0.04218,0.05178,0.01419,0.08549,0.04208,-0.01097,-0.11587,0.08016,0.05323,-0.0616,0.05429,0.10822,0.01805,-0.09162,0.01848,0.00254,-0.03806,-0.00597,-0.03348,0.08558,0.03465,0.0618,0.0607,0.03974,0.00304,-0.12001,-0.01712,-0.00085,-0.06396,-0.01493,-0.06202,-0.0033,0.03465,0.03211,-0.03222,-0.00512,-0.01298,-0.08866,0.02546,-0.06466,-0.10265,-0.04379,0.06996,0.02891,-0.00998,0.04843,-0.05403,0.03699,0.10385,-0.04281,0.02301],"keywords":"Schema Designer Schema Designer Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap. Links - Source code: apps/example-apps/schema-designer","excerpt":"Links - Source code: apps/example-apps/schema-designer"},{"chunkId":"/examples/call-center#0","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.1343,-0.02628,-0.03926,-0.02369,-0.00861,-0.01193,-0.02371,0.01729,0.03036,0.04661,-0.04594,-0.03263,-0.05826,0.03332,0.02212,0.00166,-0.01822,0.0099,0.00987,-0.04236,-0.04463,0.0296,-0.01338,-0.00987,0.05256,0.0016,-0.03329,0.00282,0.08582,-0.08668,0.01211,0.09669,0.01976,-0.01357,-0.1439,0.12138,0.02219,0.01848,0.00257,-0.04649,0.04961,0.02988,0.00879,-0.09708,-0.01859,-0.04858,-0.124,-0.00096,-0.06862,0.01986,-0.04844,-0.12046,-0.08447,0.07595,0.00915,-0.00774,0.0139,-0.062,0.04406,0.00915,0.00641,0.02465,0.00706,0.04449,-0.04291,-0.01131,-0.06194,0.10873,0.02908,-0.04824,-0.03115,-0.06793,-0.00038,-0.04984,-0.00943,-0.00488,-0.05079,0.00605,-0.02343,0.01492,-0.00255,0.04268,-0.0224,0.06084,-0.06814,0.05095,-0.00731,-0.02538,0.04724,-0.03218,-0.0136,0.02732,0.01075,-0.07253,0.05368,-0.00388,-0.1093,-0.04896,-0.02112,0.0052,-0.00444,-0.04636,0.06506,-0.04863,-0.037,-0.05921,-0.00197,-0.02217,-0.00235,0.02159,-0.01117,0.05181,0.00404,-0.13939,0.00846,-0.01889,-0.0352,-0.03804,0.08446,0.14086,-0.0316,0.00822,-0.00625,-0.08064,0.05892,0.00576,0.06606,0,-0.00396,0.00711,-0.02417,0.05656,0.09629,-0.00487,0.02918,-0.01294,0.0341,-0.02991,-0.01382,0.00499,-0.04265,0.07522,-0.00583,-0.12181,0.02679,-0.0118,-0.02117,0.00167,0.05127,-0.01399,-0.03039,0.08733,0.11937,-0.01442,0.05839,-0.02997,-0.02027,-0.00201,0.04905,0.04796,-0.00545,0.06722,-0.00768,0.09531,-0.0708,-0.04984,0.01866,-0.01639,-0.07169,-0.08586,-0.13504,0.0506,-0.01003,-0.04777,-0.05201,-0.03405,0.14126,-0.00211,-0.01558,0.05405,-0.05777,0.01933,0.05393,-0.01896,-0.00135,0.06634,-0.02589,0.10273,-0.06695,0.00351,-0.06068,-0.03909,0.07916,-0.05109,-0.08188,-0.12024,0.11129,-0.06875,-0.07061,0.01423,0.04848,0.0703,0.0331,0.00849,-0.04945,0.05155,-0.00843,-0.02393,-0.06017,0.0272,0.01621,0.07565,0.10406,-0.05931,0.03177,-0.06088,-0.04373,0.03278,-0.03467,0.02474,-0.02517,0.0674,0.0194,0,-0.0547,-0.00945,-0.01231,0.10646,-0.03074,-0.01052,0.04972,-0.00513,0.0453,0.05064,-0.03354,0.10206,0.0728,0.00717,0.00237,-0.01699,0.02098,-0.09525,0.03516,0.03509,0.0535,0.06657,-0.04215,-0.02369,-0.04351,0.03326,-0.03817,-0.03853,0.10348,0.00273,-0.03344,-0.04273,0.01032,0.03593,-0.02655,-0.04631,0.08975,0.11555,-0.03391,-0.01695,0.07041,-0.02886,0.05721,-0.05096,-0.0403,-0.04568,-0.00597,0.01778,-0.13172,-0.0242,-0.04164,0.02377,-0.04247,0.06304,-0.01259,-0.00573,0.13687,-0.08918,0.05549,0.04253,0.03332,-0.02948,0.05527,-0.08636,0.00092,0.02175,-0.0014,-0.06544,-0.01139,-0.00046,-0.03231,-0.00337,0.02257,-0.04389,0.03218,-0.01631,-0.00598,-0.0529,-0.01976,-0.05275,-0.00014,0.06238,-0.00692,-0.00783,0.07855,0.03961,0.01186,-0.05777,0.05996,0.02244,-0.08118,0.00787,0.00438,-0.05889,-0.02103,0,-0.08852,-0.01153,0.0494,-0.01109,0.03512,-0.06582,0.03387,0.03417,0.0261,0.05037,-0.00712,0.05545,-0.0335,-0.0247,0.10601,0.02275,0.06798,0.04889,-0.01469,-0.07884,0.02771,-0.00503,-0.01381,0.01168,-0.00738,-0.02029,0.02903,0.0383,0.0104,-0.02351,0.0058,0.12972,0.05308,-0.02739,-0.05878,-0.01543,-0.00608,-0.0292,-0.0093,-0.00726,0.06027,-0.00808,-0.06429,-0.04047,0.02236,0.06242,-0.07193,-0.05988,0.00405,-0.01069,-0.02273,0.01631,-0.02065,0.04405,0.03264,-0.01921,0.03933,-0.06996,0.07009,-0.00296,-0.03105,0.04877,0.02111,-0.03454],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Call Center Flow","excerpt":"Call Center Flow"},{"chunkId":"/examples/call-center#1","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.14021,-0.00601,-0.04488,0.01812,-0.0173,0.01883,-0.01879,0.06367,0.05225,0.0371,-0.11143,-0.00239,-0.08444,0.01642,0.02175,0.01586,-0.03177,-0.0203,-0.01552,0.01741,-0.03823,0.00075,0.01983,-0.03122,-0.00746,0.01952,-0.0033,0.02808,0.06687,-0.07728,0.05294,0.12858,0.01142,0.0012,-0.14926,0.09856,0.00488,0.00756,-0.02564,-0.08135,0.08722,0.06138,0.01022,-0.08426,-0.0475,-0.04005,-0.07529,0.02153,-0.04235,0.0378,-0.0356,-0.14465,-0.06672,0.07899,-0.00831,0.04228,0.01842,-0.04939,0.08252,0.02827,0.01604,0.00484,0.04927,0.01376,-0.05605,-0.00679,-0.06635,0.05327,-0.03536,-0.04264,0.00987,-0.06781,-0.00135,-0.05157,0.01914,-0.00589,-0.06694,0.0273,-0.02238,0.06146,0.05259,0.05406,-0.02103,0.08228,-0.04769,0.06948,0.02584,-0.08655,0.03813,-0.0392,-0.031,0.06215,-0.02211,-0.07308,0.03459,-0.02208,-0.11466,-0.06768,-0.05941,0.00923,-0.01478,-0.06287,0.06897,-0.00578,-0.01858,-0.05551,0.01396,-0.00179,-0.0315,0.02646,-0.01471,0.03845,0.01559,-0.07619,-0.00689,-0.0467,-0.02104,-0.0296,0.07105,0.1059,-0.02188,0.00845,-0.02325,-0.07822,0.06917,-0.01239,0.05901,0,-0.02079,0.04033,-0.02669,0.05336,0.10164,-0.01036,0.04061,-0.04361,0.02679,-0.02464,-0.01404,-0.01712,-0.05397,0.06072,-0.0251,-0.10436,0.00849,-0.00565,-0.04677,-0.01379,0.05644,-0.05638,-0.05411,0.0384,0.11786,0.00499,0.02709,-0.02579,-0.0237,-0.01925,0.04232,0.06409,0.04114,0.05,-0.04896,0.07921,-0.06722,-0.05735,0.004,0.01138,-0.05572,-0.04985,-0.11028,0.02532,-0.01794,-0.03633,-0.0405,-0.0217,0.14633,-0.00312,-0.03144,0.04894,0.01855,0.0343,0.05684,-0.06191,0.00324,0.08539,0.01882,0.09004,-0.04797,0.05189,-0.05748,-0.00933,0.07948,-0.01699,-0.06925,-0.03265,0.09719,-0.07576,-0.05553,0.02031,0.06848,0.08654,0.03854,-0.02617,-0.04999,0.02646,0.03484,-0.02648,-0.01793,-0.00051,0.03072,0.07633,0.12683,-0.08101,0.00106,-0.07912,-0.0901,0.04462,0.00853,-0.00814,-0.03949,0.04772,-0.01239,0,-0.04846,-0.00258,-0.00334,0.12373,-0.02879,-0.02787,0.10652,0.05031,0.04646,0.07799,-0.00043,0.10928,0.06141,-0.01677,-0.00215,0.02345,-0.0057,-0.07577,0.03375,-0.036,0.06717,0.02039,-0.04277,-0.05906,-0.08018,0.03149,0.02598,-0.01617,0.07984,-0.03326,-0.05731,-0.04752,-0.00169,0.01583,0.01319,-0.07011,0.01391,0.11804,0.03443,-0.04153,0.0532,-0.01016,0.02013,-0.03096,-0.04849,-0.03474,0.01666,0.00287,-0.09401,-0.02813,-0.0448,0.03966,-0.02202,0.05468,-0.00495,-0.00381,0.10824,-0.0829,0.04672,0.01241,0.06099,-0.01661,0.06525,-0.07926,0.05697,0.07351,0.0009,-0.03395,0.02813,0.02292,0.01485,-0.00321,0.01884,-0.031,0.05617,0.00883,0.0511,-0.03645,0.03138,-0.01579,-0.01347,0.04804,-0.01373,-0.05477,0.09335,0.05477,-0.02733,-0.03816,0.07869,0.0451,-0.09559,-0.00117,0.03051,-0.10169,-0.02714,0,-0.10124,-0.01773,0.03109,0.0029,0.05069,-0.0397,0.0365,-0.00046,0.00939,0.04142,-0.01075,0.0391,-0.03495,-0.00681,0.08577,0.00677,0.00499,0.04174,-0.02559,-0.09787,0.00137,-0.00343,0.01877,0.04098,-0.02274,-0.02955,-0.0176,0.03874,0.00162,-0.01005,-0.03866,0.08799,0.04312,0.03475,-0.12092,-0.02736,-0.05048,-0.00583,-0.05559,-0.03335,0.06158,-0.04066,-0.02056,-0.03911,0.00432,0.06707,-0.06494,-0.01129,-0.00821,0.02239,-0.02087,0.03383,-0.03174,0.03243,0.01737,-0.03514,0.0023,-0.03051,0.04388,-0.01087,-0.075,0.02653,0.00479,-0.03155],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Example This example shows how to build a product-style call-routing editor on top of Foblex Flow. It combines a left-side node palette, draggable workflow steps, editable node forms, connection creation and reassignment, and viewport tools into a focused IVR and contact-center flow builder. ::: ng-component <call-center</call-center [height]=\"600\" :::","excerpt":"Example This example shows how to build a product-style call-routing editor on top of Foblex Flow. It combines a left-side node palette, draggable workflow steps, editable node forms, connection creation and reassignment, and viewport tools into a focused IVR and contact-center flow builder. ::: ng-component <call-center</call-center [height]=\"600\" :::"},{"chunkId":"/examples/call-center#2","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.15618,-0.0013,-0.02069,0.01028,-0.01834,0.02338,-0.00646,-0.01573,0.04959,0.03337,-0.1325,-0.02342,-0.05184,0.02984,0.00551,0.03739,-0.03839,-0.03247,0.00874,-0.01089,-0.03155,-0.02966,0.00545,-0.04138,0.08267,0.00104,-0.02523,-0.03913,0.08089,-0.04989,0.01854,0.07352,0.00147,-0.02042,-0.14248,0.09399,0.0042,0.0534,-0.01658,-0.04785,0.10294,0.04283,-0.035,-0.09551,-0.01161,-0.0294,-0.10598,0.04159,-0.03182,0.05675,-0.0332,-0.10273,-0.05376,0.05484,-0.0373,0.0432,0.07328,-0.03486,0.04576,0.01449,-0.03467,-0.00261,0.01816,0.02536,-0.01302,0.01683,-0.05408,0.06557,-0.00735,-0.03247,-0.00725,-0.04645,0.01782,-0.07162,0.0188,0.00284,-0.07722,0.04331,-0.03258,0.06309,0.08266,0.04696,-0.00629,0.04947,-0.0225,0.05659,-0.01273,-0.05089,0.01829,-0.05866,-0.0565,0.04909,-0.04843,-0.05562,0.07278,-0.01462,-0.12513,-0.04461,-0.01495,0.02232,0.04359,-0.07835,0.02571,-0.06107,-0.02802,-0.07822,-0.02111,-0.00668,-0.02708,0.01495,-0.00061,0.05454,0.03945,-0.06842,0.0202,-0.00275,-0.03549,-0.00961,0.04745,0.12939,-0.03219,0.02291,-0.04026,-0.09418,0.07003,-0.02709,0.08134,0,-0.02123,0.03045,-0.02397,0.04663,0.06546,0.00761,0.0211,-0.0312,0.02239,-0.04556,-0.02034,-0.03551,-0.02746,0.01353,-0.04661,-0.09096,0.04697,-0.02115,-0.00484,-0.01084,0.04984,-0.06457,-0.08174,0.05697,0.09193,0.02287,0.04648,-0.02058,-0.0342,-0.0031,0.03015,0.05101,0.00117,0.05869,-0.04651,0.04788,-0.0302,0.00854,0.00907,-0.00512,-0.03604,-0.06593,-0.08934,0.04575,-0.02403,-0.05768,-0.03862,-0.00175,0.07701,0.00181,0.00041,0.04003,-0.07538,-0.00284,0.03326,-0.07459,0.01299,0.04211,-0.02995,0.0297,-0.00448,0.01331,-0.0721,-0.0215,0.09042,-0.03547,-0.09485,-0.07658,0.04614,-0.08829,-0.06274,0.01215,0.02079,0.07502,0.01415,0.01289,-0.01387,0.07025,0.03661,0.00423,-0.00429,0.01243,-0.00567,0.01426,0.10912,-0.08665,0.04029,-0.08632,-0.07837,0.04425,0.02911,0.00354,-0.02799,0.05242,0.02905,0,-0.03469,0.05093,-0.00621,0.09896,0.01123,-0.02279,0.10056,0.04363,0.03543,0.04776,-0.04258,0.13952,0.06974,0.03479,-0.03381,0.01973,-0.00525,-0.03813,-0.00879,0.0057,0.05328,0.06547,-0.04445,-0.00226,-0.06695,0.04061,0.01489,-0.01228,0.09042,0.00503,-0.0842,-0.05362,-0.03025,0.07116,0.03301,-0.03179,0.08192,0.09196,-0.01827,0.01966,0.0632,-0.03658,0.00889,-0.05776,-0.00665,-0.03437,-0.01811,-0.00369,-0.15796,-0.0256,-0.03138,0.05438,-0.01293,0.06497,-0.02103,-0.01162,0.13063,-0.09409,0.08274,0.01003,0.05144,-0.04076,0.04761,-0.09024,0.02779,0.03018,-0.00451,-0.03888,0.04772,0.01728,-0.03874,0.01348,0.0549,-0.03248,0.07144,-0.00412,0.01018,-0.0866,-0.01846,-0.06197,-0.00065,0.04615,0.03,-0.0586,0.08309,0.07909,-0.00922,-0.04522,0.07538,0.02222,-0.09728,0.00438,0.00115,-0.07623,0.00475,0,-0.09426,-0.02511,0.06552,0.00192,0.06142,-0.05503,0.00921,-0.00137,0.05062,0.0249,-0.02512,0.01176,0.01349,-0.02261,0.11083,0.04087,0.02842,0.02744,-0.00412,-0.10368,0.03968,-0.02767,-0.00181,0.03485,-0.0261,-0.05055,-0.02032,0.02969,-0.00964,0.00491,-0.03222,0.06392,-0.01041,0.0336,-0.15757,-0.06522,-0.02261,-0.05175,-0.00322,-0.01119,0.0809,0.02349,-0.06452,-0.02976,0.00638,0.0507,-0.02055,-0.03623,-0.0177,0.06401,-0.02153,0.0008,0.00329,0.01288,0.02354,-0.07645,0.02732,-0.03599,0.0434,0.02319,-0.10199,0.06388,0.0084,-0.07702],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. User-Facing Capabilities - Start from an incoming-call entry point and route calls through schedule, prompt, IVR, queue, operator, transfer, voicemail, and disconnect steps. - Drag existing nodes around the canvas and keep their links attached. - Create new steps from the palette by dropping them directly onto the editor surface. - Create new connections between node outputs and inputs. - Reassign an existing connection to another target input. - Expand nodes to edit schedule windows, prompts, IVR branch count, queue settings, operator attributes, transfer number, and voicemail greeting. - Remove selected nodes or connections, select all, zoom, fit to screen, reset the view, and toggle light or dark theme. - Keep both the flow state and the canvas transform persisted locally.","excerpt":"User-Facing Capabilities - Start from an incoming-call entry point and route calls through schedule, prompt, IVR, queue, operator, transfer, voicemail, and disconnect steps. - Drag existing nodes around the canvas and keep their links attached. - Create new steps from the palette by dropping them directly onto the editor surface. - Create new connections between node outputs and inputs. - Reassign an existing connection to another target input. - Expand nodes to edit schedule windows, prompts, IVR branch count, queue settings, operator attributes, transfer number, and voicemail greeting. - Remove selected nodes or connections, select all, zoom, fit to screen, reset the view, and toggle light or dark theme. - Keep both the flow state and the canvas transform persisted locally."},{"chunkId":"/examples/call-center#3","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.10444,-0.06569,-0.05067,-0.00449,-0.00509,0.01893,0.01474,0.07732,0.03238,0.02424,-0.0863,-0.00127,-0.0778,0.00305,0.02668,0.0163,-0.03087,0.00834,-0.02895,0.01232,-0.03131,-0.05849,0.01543,-0.03655,0.03224,-0.01904,-0.02382,-0.06948,0.0691,-0.07475,-0.00223,0.10391,-0.01238,0.0033,-0.15044,0.07989,0.06289,-0.01102,-0.08586,-0.04736,0.03607,0.00439,0.0082,-0.06761,-0.00697,0.00146,-0.0818,0.03189,-0.06154,0.10599,-0.05679,-0.08747,-0.04875,0.08992,0.02046,0.08415,0.05688,-0.03709,0.00702,0.04638,0.01989,-0.02662,0.01251,0.01742,-0.03673,-0.00433,-0.04351,-0.00797,0.05691,-0.04968,-0.04363,-0.05476,0.0144,-0.07057,0.00931,-0.01688,-0.03379,0.04541,-0.05276,-0.00893,0.08323,0.08628,-0.0177,0.03427,0.00449,0.06593,-0.03924,-0.0151,0.00506,0.00721,-0.04508,0.0526,-0.05876,-0.08204,0.03534,-0.02908,-0.07348,-0.05578,-0.02547,0.01506,0.00426,-0.03463,0.02625,-0.01437,-0.02608,-0.04531,-0.02496,-0.01042,-0.02827,0.01101,-0.00779,-0.00636,0.02308,-0.07218,-0.02315,-0.01301,-0.06419,-0.04799,0.09662,0.11388,-0.00485,0.02335,-0.0296,-0.04207,0.06549,-0.0212,0.0026,0,-0.00958,0.05808,-0.02092,0.06399,0.07493,0.00539,0.03145,-0.03624,0.02124,-0.03234,-0.04288,0.02975,-0.04752,0.03551,-0.00743,-0.15242,-0.00404,0.00918,-0.03574,-0.01007,0.08234,-0.05782,-0.03945,0.03971,0.14624,0.0352,-0.01213,0.0349,-0.02492,0.00628,-0.02059,-0.00738,-0.0151,0.00994,-0.0383,0.04239,-0.07493,-0.0972,-0.03788,-0.01194,-0.05729,-0.0367,-0.1207,0.00222,-0.0197,-0.05413,-0.04985,0.03468,0.09633,0.00891,0.01588,0.03297,-0.0024,-0.02185,0.05014,-0.07266,-0.03169,0.07612,-0.01786,0.12866,-0.01313,0.02429,-0.08371,-0.03602,0.05714,0.02759,-0.06502,-0.01455,0.10408,-0.07459,-0.05164,0.07132,0.02261,0.10134,0.04109,0.02171,-0.03556,-0.02127,0.02041,-0.03433,-0.02801,0.00916,-0.00318,0.06287,0.10113,-0.1028,0.0229,-0.07859,-0.11017,0.03082,0.0097,0.03236,0.02952,0.06282,-0.00074,0,-0.03388,0.02493,-0.02576,0.11548,-0.02471,-0.01227,0.08525,-0.00419,0.05146,-0.0029,-0.05261,0.10525,0.04961,-0.01511,-0.01324,0.01173,-0.02606,-0.09093,0.00934,0.02661,0.04033,0.0342,-0.03111,-0.0221,-0.07775,0.03958,0.02552,-0.02959,0.03137,-0.01958,-0.00546,-0.03772,-0.01377,0.00623,0.04894,-0.04618,0.04967,0.0978,0.0307,-0.03409,0.09424,-0.00912,0.04198,-0.02521,-0.02484,0.02153,-0.11887,0.04031,-0.13045,0.00833,-0.04856,0.0103,-0.06543,0.00227,-0.03373,0.04591,0.12034,-0.049,0.01604,0.02354,0.05626,-0.05292,0.02522,-0.03791,0.08562,0.02438,-0.00064,-0.00843,0.01459,0.07636,0.01849,0.00925,0.0393,-0.01671,0.05064,0.01087,0.06388,-0.12119,0.02339,-0.00265,-0.01238,0.06564,0.04622,-0.00156,0.03628,0.10292,-0.03274,-0.01871,0.07464,0.03723,-0.06579,0.02649,0.031,-0.05163,-0.03334,0,-0.09934,0.02388,0.0071,0.00349,0.04037,-0.0264,0.0257,0.01741,0.02481,-0.01083,-0.0431,0.03124,-0.01945,-0.00935,0.11184,0.00802,0.0655,0.03387,-0.04562,-0.0794,-0.02078,-0.00155,-0.03884,0.07359,-0.02762,-0.05604,0.01478,0.09192,0.0474,-0.0254,-0.01604,0.06002,0.03783,0.07314,-0.13602,0.00908,-0.03775,-0.02058,-0.02898,0.03033,0.10024,0.04189,-0.0525,-0.07042,-0.01608,0.05835,-0.04955,-0.05432,-0.03737,0.03287,-0.04671,0.03989,-0.01494,0.06911,0.04296,0.00226,-0.00582,-0.01076,0.09601,0.0074,-0.08755,0.04311,0.01627,-0.02753],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Foblex Flow Features Used - f-flow and f-canvas as the workflow surface. - fZoom for viewport scaling and pan. - fExternalItem and fCreateNode for palette-driven node creation. - fNode and the unified fConnector API for call-flow steps and connectors. - fConnection with segmented routing and fConnectionMarkerArrow for directional links. - fConnectionForCreate for drag-to-connect interaction. - withFlowState() for typed records, automatic gesture updates, undo/redo, and local persistence. - withReflowOnResize() for moving downstream steps when an embedded node form expands or collapses. - withA11y() and the default control scheme for keyboard and pointer interaction. - fBackground, fCirclePattern, fLineAlignment, fSelectionArea, and fMinimap for canvas usability. f Zoom f External Item f Create Node f Node f Connector f Connection f Connection Marker Arrow f Connection For Create with Flow State with Reflow On Resize with A11y f Background f Circle Pattern f Line Alignment f Selection Area f Minimap","excerpt":"Foblex Flow Features Used - f-flow and f-canvas as the workflow surface. - fZoom for viewport scaling and pan. - fExternalItem and fCreateNode for palette-driven node creation. - fNode and the unified fConnector API for call-flow steps and connectors. - fConnection with segmented routing and fConnectionMarkerArrow for directional links. - fConnectionForCreate for drag-to-connect interaction. - withFlowState() for typed records, automatic gesture updates, undo/redo, and local persistence. - withReflowOnResize() for moving downstream steps when an embedded node form expands or collapses. - withA11y() and the default control scheme for keyboard and pointer interaction. - fBackground, fCirclePattern, fLineAlignment, fSelectionArea, and fMinimap for canvas usability."},{"chunkId":"/examples/call-center#4","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.15288,-0.04015,-0.06239,-0.04856,-0.01105,-0.02442,-0.0597,-0.00749,0.06133,0.04283,-0.07425,-0.01715,-0.06604,0.0286,0.00663,-0.00762,-0.01665,-0.00784,-0.01492,-0.03856,-0.03948,0.0461,-0.02501,-0.01012,0.04512,0.04286,-0.01794,0.0058,0.10313,-0.05322,0.01636,0.10733,-0.01282,0.0052,-0.15726,0.13144,-0.00991,0.01029,-0.01048,-0.05786,0.08632,0.01817,-0.00365,-0.0954,-0.02551,-0.00242,-0.09713,-0.01004,-0.07475,0.05219,-0.01533,-0.06155,-0.05814,0.0954,0.01882,0.04814,0.04983,-0.0215,0.03007,0.02601,-0.01986,0.00975,0.01398,0.02826,-0.03161,-0.00166,-0.05448,0.09756,0.02793,-0.10153,0.01792,-0.03404,0.00459,-0.04658,-0.01418,0.00196,-0.06226,0.00131,-0.04772,-0.00477,0.04485,0.05367,-0.0041,0.0491,-0.07252,0.07081,0.0124,-0.05473,0.06705,-0.02223,-0.05522,0.00284,0.05649,-0.09438,0.04628,0.03436,-0.1097,-0.02373,-0.04439,-0.02208,-0.01909,-0.03288,0.06216,-0.01135,0.01334,-0.08184,-0.01477,0.01009,0.00881,0.03055,-0.00468,0.06185,0.01871,-0.09942,0.05331,-0.0677,-0.02004,-0.02545,0.0441,0.09488,-0.06703,0.01605,-0.012,-0.08556,0.05964,-0.00621,0.06359,0,-0.01057,0.00297,-0.01618,0.0471,0.06849,0.01791,0.04694,-0.0214,0.05848,-0.05847,0.00599,0.01903,-0.06997,0.06963,0.02293,-0.07113,-0.01972,0.00928,0.03596,0.00278,0.03101,0.033,-0.05312,0.0693,0.09505,-0.04369,0.05274,-0.0274,-0.04385,-0.02036,0.04124,0.05506,-0.00471,0.03594,0.00592,0.09813,-0.04028,-0.04927,0.00392,-0.01997,-0.05072,-0.06395,-0.14922,0.03503,-0.02429,-0.08617,-0.07266,-0.00336,0.12879,0.01653,0.00647,0.05849,0.00668,0.0303,0.02537,-0.03754,0.02514,-0.00301,0.01325,0.08845,-0.05885,0.00365,-0.10082,0.04452,0.0743,-0.00203,-0.03192,-0.09547,0.10527,-0.06257,-0.05408,-0.00348,0.01106,0.06799,0.03523,-0.0066,-0.0616,0.05865,-0.01239,-0.01574,-0.03597,0.00239,-0.00235,0.07543,0.09286,-0.03398,0.01422,-0.07461,-0.05248,0.0227,-0.00017,0.00882,-0.00584,0.09916,-0.00559,0,-0.05805,-0.01818,-0.0332,0.09714,-0.03603,-0.0289,0.0231,-0.0015,-0.00136,0.01068,-0.02351,0.11233,0.04937,0.00706,0.01276,0.00178,0.00737,-0.12415,0.01141,-0.00859,0.05784,0.02981,-0.06759,0.01243,-0.05828,0.03439,-0.06415,-0.02155,0.11846,-0.05377,-0.03332,-0.05868,-0.02061,-0.00368,-0.00812,-0.08386,0.05056,0.10315,-0.024,-0.0352,0.02292,0.00698,0.02068,-0.00058,-0.03686,-0.01289,0.00018,0.01455,-0.08694,-0.03407,-0.03233,0.02866,0.0062,0.07069,-0.00805,-0.00005,0.14843,-0.05188,0.05998,-0.01026,0.08452,-0.00424,0.02649,-0.05064,-0.0237,0.04993,0.02928,-0.02972,-0.0331,0.02871,0.00133,-0.03164,0.01222,-0.06649,0.03163,-0.021,0.02299,-0.06845,-0.00061,-0.03702,-0.0238,0.05891,0.0224,-0.05406,0.0836,0.02192,-0.00799,-0.08006,0.08522,0.02438,-0.09967,0.01576,-0.05638,-0.09968,-0.03405,0,-0.11801,0.01035,0.05143,-0.02509,0.02627,-0.0868,0.0658,0.05556,0.05755,0.02522,0.00921,0.01094,-0.06139,-0.04675,0.10219,0.01573,0.066,0.04697,-0.00937,-0.08569,0.02433,-0.0334,-0.00148,-0.00539,-0.02232,0.00181,0.06221,0.05693,0.00621,0.06122,0.00418,0.09826,0.08836,-0.01342,-0.03663,-0.01934,0.01855,-0.00948,0.00962,-0.0539,0.01053,-0.00826,-0.04724,-0.0234,0.01766,0.05446,-0.06796,-0.04256,0.00904,-0.00765,-0.05367,0.03116,-0.0218,0.07785,0.02304,-0.0401,0.01884,-0.06998,0.09417,-0.01714,-0.02337,0.04404,0.03373,0.0066],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Application architecture CallCenterFlowState owns editor history and domain commands, CallCenterFlowStorage owns local persistence and legacy snapshot normalization, and domain factories construct valid node records and the default call flow. UI components depend on those responsibilities instead of duplicating state, persistence, or record-construction logic. Call Center Flow State Call Center Flow Storage","excerpt":"Application architecture CallCenterFlowState owns editor history and domain commands, CallCenterFlowStorage owns local persistence and legacy snapshot normalization, and domain factories construct valid node records and the default call flow. UI components depend on those responsibilities instead of duplicating state, persistence, or record-construction logic."},{"chunkId":"/examples/call-center#5","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.12052,-0.01587,-0.03126,0.11586,0.03105,0.07585,-0.0194,-0.02799,0.08968,0.04624,-0.03881,0.05509,-0.11312,-0.03416,-0.02604,-0.01543,-0.02545,-0.03709,-0.05483,-0.07081,-0.02206,-0.09067,0.04517,-0.03964,0.04046,0.0064,-0.0885,-0.01098,0.05701,-0.08889,0.02403,0.06496,-0.05114,-0.02984,-0.12887,0.1314,-0.00897,0.04247,-0.01504,-0.03804,0.07138,0.03544,-0.04757,-0.08056,-0.0407,-0.0001,-0.09211,0.00969,-0.06074,-0.00524,0.05367,0.01294,-0.05104,0.07056,0.04008,0.03524,0.09507,0.01702,-0.01692,0.0002,-0.02933,-0.03899,-0.05099,-0.00671,0.01092,0.02301,-0.025,-0.0724,0.05013,-0.02196,0.08932,-0.00761,0.00996,-0.02229,0.03904,-0.0123,-0.03763,0.09592,-0.08443,0.02952,0.06131,-0.03014,0.03326,-0.01107,-0.02265,-0.03405,-0.06155,-0.04754,0.04715,-0.00193,-0.02909,0.07012,-0.00102,-0.02119,0.05187,-0.00721,-0.0544,0.01762,-0.03941,-0.00842,0.08385,-0.00413,-0.00862,0.00178,-0.00728,-0.09195,-0.01367,-0.01481,-0.06119,0.01212,0.03133,0.05972,0.08944,0.01063,-0.0474,-0.03104,-0.05921,0.0005,0.02019,0.07808,-0.01278,0.04008,0.01659,-0.03553,0.03659,-0.03751,0.05117,0,-0.03669,0.00487,-0.07926,-0.00664,0.06733,0.0577,0.0491,-0.04151,0.01896,-0.04197,0.06891,0.00487,-0.05151,-0.00579,-0.06689,-0.13484,0.02614,0.07132,-0.04944,0.00491,0.023,0.07922,-0.01466,0.04024,0.02084,-0.02367,-0.02897,0.01232,-0.06423,0.00594,0.03153,0.0532,-0.05144,0.00088,-0.02448,0.0985,-0.00966,-0.11447,-0.03974,-0.08266,-0.0407,0.01008,-0.10877,-0.026,-0.07379,-0.10237,-0.03269,0.00684,0.0777,-0.00944,0.02501,0.06618,0.02704,-0.0816,-0.00794,-0.01234,0.0293,0.0396,0.00159,0.11504,0.02428,-0.00722,-0.04352,-0.01891,0.04849,0.04453,0.01239,-0.0657,0.01678,-0.02094,-0.01235,0.06519,0.08114,0.019,0.07152,0.05439,0.00064,-0.00112,-0.03405,-0.06094,-0.00289,-0.05639,-0.00842,0.06123,0.05478,-0.1346,0.00824,-0.04281,-0.03205,0.01889,0.10227,-0.01654,0.07185,0.04513,0.03482,0,0.03469,-0.02072,-0.05355,0.06733,0.00091,0.00858,-0.03586,0.04612,-0.02937,-0.03667,-0.03797,0.01379,0.01209,0.01651,-0.05086,0.0403,0.05294,-0.02275,0.00768,-0.01868,0.05371,0.01218,0.0236,0.08614,-0.08931,0.04654,-0.0134,-0.00383,0.05663,-0.0626,0.04119,-0.05607,-0.03314,0.03261,0.04436,-0.07087,-0.02077,0.08969,0.01921,0.04762,0.06982,0.04738,-0.00682,-0.03162,-0.00942,-0.0141,-0.05021,0.04358,-0.02773,0.01231,-0.04968,0.02001,-0.04386,0.02584,-0.02461,0.04847,0.08232,-0.08161,0.07017,-0.00025,0.05207,-0.05217,0.03941,-0.08289,0.02664,0.06417,0.0425,-0.04315,0.04407,0.05559,0.04951,-0.02478,0.02077,-0.04481,0.05018,0.03595,0.07316,-0.15476,-0.00881,-0.06146,-0.04898,0.03166,0.024,-0.01466,0.05405,0.03941,-0.04327,-0.00724,0.06998,0.03292,-0.03931,-0.02938,0.02696,-0.01897,0.03813,0,-0.12431,0.01254,0.00874,0.08436,0.08934,-0.09927,0.07478,0.0258,-0.05875,-0.0297,-0.02535,0.00329,0.03807,-0.06984,0.09715,0.03101,0.07152,-0.02273,-0.00516,-0.00834,-0.0105,-0.04789,-0.01531,0.03691,-0.07641,0.00363,0.02713,0.1099,0.05861,0.00019,0.0145,0.06173,0.08741,0.06349,-0.15666,-0.04473,0.03324,-0.03296,0.04187,-0.02129,0.05329,0.01848,0.00312,0.03532,-0.09643,-0.01875,-0.06107,-0.01065,-0.03052,0.02414,-0.02783,-0.00211,0.00152,0.05889,0.06969,-0.01788,-0.0103,0.00252,0.08247,0.03171,-0.01327,-0.01516,0.00177,-0.06194],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Expand, reflow, and undo as one action An expand/collapse click updates the node record synchronously, while reflow positions arrive later after Angular rendering and ResizeObserver. The example opens FFlowState.beginBatch() before storing isExpanded and closes it after the resize-driven render turn. Reflow's fMoveNodes event is therefore committed into the same history item, so one undo restores both the node's content state and every shifted node position. The toggle also carries fDragBlocker because it is rendered inside the node's fDragHandle. This keeps the button click from producing a separate selection history item before the expand/reflow transaction. See the complete async reflow transaction recipe, including why synchronous batch() is insufficient and when two animation frames should be replaced by a real completion signal. Resize Observer F Flow State begin Batch is Expanded f Move Nodes f Drag Blocker f Drag Handle","excerpt":"Expand, reflow, and undo as one action An expand/collapse click updates the node record synchronously, while reflow positions arrive later after Angular rendering and ResizeObserver. The example opens FFlowState.beginBatch() before storing isExpanded and closes it after the resize-driven render turn. Reflow's fMoveNodes event is therefore committed into the same history item, so one undo restores both the node's content state and every shifted node position. The toggle also carries fDragBlocker because it is rendered inside the node's fDragHandle. This keeps the button click from producing a separate selection history item before the expand/reflow transaction. See the complete async reflow transaction recipe, including why synchronous batch() is insufficient and when two animation frames should be replaced by a real completion signal."},{"chunkId":"/examples/call-center#6","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.12874,-0.02693,-0.04366,-0.03927,0.00863,0.00242,-0.01742,0.052,0.08574,0.00553,-0.13265,-0.0179,-0.05435,0.00548,0.05521,0.00251,0.02446,-0.04727,0.01211,-0.03082,-0.04204,0.00118,-0.01696,-0.03007,-0.00561,0.03483,-0.05217,0.04686,0.0929,-0.09806,0.00499,0.17582,0.0298,0.00595,-0.11255,0.11685,0.00913,0.02711,-0.03104,-0.04944,0.04226,0.08681,0.01372,-0.05166,-0.04093,-0.04854,-0.06353,-0.0407,-0.06545,0.04996,-0.06735,-0.13324,-0.07997,0.07736,0.03049,0.01481,0.04662,-0.06607,0.04468,0.00123,0.00335,0.00322,0.01769,0.02895,-0.01628,0.01257,-0.07931,0.06765,-0.01724,-0.11078,-0.00017,-0.04945,0.00307,-0.06052,-0.01276,-0.02015,-0.06065,-0.01257,-0.00747,0.00782,0.01347,0.06,-0.03734,0.07041,-0.05663,0.08501,0.02939,-0.07664,0.0661,-0.00256,-0.00595,0.03661,0.03792,-0.07432,0.07567,-0.01491,-0.06168,-0.01636,-0.05743,-0.00434,0.01655,-0.03647,0.13395,-0.02242,-0.02762,-0.0889,0.01225,-0.01478,0.00382,0.01518,-0.06702,0.03755,0.04072,-0.07384,-0.03183,-0.04139,-0.02647,-0.04236,0.04607,0.11833,-0.02496,0.03495,-0.0001,-0.0574,0.03043,-0.04734,0.00295,0,-0.024,0.03493,0.00577,0.05172,0.12053,-0.04969,0.02185,-0.01973,0.0492,-0.03738,-0.03386,0.05423,-0.05564,0.09874,-0.00112,-0.07832,-0.05033,0.0438,-0.01992,0.01575,0.06176,-0.0722,-0.03634,0.05379,0.10482,0.02158,0.04314,0.03735,-0.02837,-0.00569,0.00725,0.03554,0.03406,0.04571,-0.04014,0.05528,-0.07412,-0.08287,0.04207,-0.03004,-0.05919,-0.04675,-0.11173,0.04657,0.02561,-0.04716,-0.07354,-0.01523,0.12286,0.00381,0.02464,0.04652,0.03193,0.01432,0.06428,-0.06439,0.00026,0.04137,-0.00668,0.11783,-0.06606,0.04493,-0.07713,-0.00935,0.07833,0.0289,-0.0501,-0.06527,0.09463,-0.04326,-0.04534,0.05172,0.02852,0.06807,0.05081,-0.01766,-0.03937,0.01419,-0.00296,-0.02294,-0.05682,0.04751,0.00208,0.06491,0.07668,-0.0636,0.01914,-0.04176,-0.11077,0.05001,0.05338,0.0056,-0.03996,0.09141,0.02914,0,-0.07884,-0.03876,-0.00403,0.07488,0.02975,-0.0296,0.03558,-0.02718,0.09656,0.07748,-0.01596,0.05923,0.03925,-0.00605,0.01397,-0.02118,0.0162,-0.08855,0.01365,-0.03062,0.06239,0.05405,-0.03181,-0.03536,-0.08132,0.04024,-0.04913,-0.04684,0.08657,-0.02235,-0.04224,-0.05776,-0.04681,0.00215,-0.00124,-0.05857,-0.00684,0.10273,0.05532,-0.05281,0.03474,0.01404,0.02827,-0.02215,-0.05122,-0.00155,0.0031,-0.01542,-0.02981,-0.04341,-0.06032,0.02784,-0.03083,0.00358,-0.02332,0.02952,0.11161,-0.03815,0.0132,0.03185,0.02064,0.02201,0.08226,-0.04442,0.00945,0.07024,0.00216,-0.03068,-0.00084,0.02234,0.04635,0.01003,-0.0392,-0.00536,0.00358,0.01595,0.07166,-0.03096,-0.00926,-0.0356,-0.03076,0.06718,0.00561,0.02227,0.05558,0.01649,-0.02753,-0.09698,0.08091,0.0336,-0.07838,0.00948,-0.01593,-0.02067,-0.02314,0,-0.10454,-0.0077,0.01566,-0.01111,-0.00336,-0.06303,0.02206,0.0376,0.04354,0.05847,0.00915,-0.00287,-0.06669,-0.01969,0.10317,0.01562,0.02054,0.05048,-0.03622,-0.11869,0.03006,-0.03062,-0.0037,0.05513,-0.01002,-0.03766,0.02326,0.03148,0.03042,-0.00321,0.01515,0.11327,0.05314,0.04089,-0.06358,-0.04916,-0.0179,0.00385,-0.023,0.01907,0.02981,-0.02587,-0.02617,-0.04279,-0.01468,0.06729,-0.06873,-0.07088,-0.02313,0.01077,-0.02963,0.02762,-0.00369,0.03533,0.02117,0.0097,0.03109,-0.06923,0.09034,0.00136,-0.05797,0.03882,0.07508,0.00297],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Why It Matters This is the most workflow-builder-oriented reference app in the repo. It shows how Foblex Flow fits business-process editors where the canvas is only one part of the product and each node can expose richer form-driven configuration instead of being a static diagram box.","excerpt":"Why It Matters This is the most workflow-builder-oriented reference app in the repo. It shows how Foblex Flow fits business-process editors where the canvas is only one part of the product and each node can expose richer form-driven configuration instead of being a static diagram box."},{"chunkId":"/examples/call-center#7","slug":"call-center","route":"/examples/call-center","section":"examples","title":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail","description":"Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.","group":"Reference Apps","vector":[-0.14621,-0.03301,-0.05696,-0.01861,-0.00055,-0.02274,-0.0185,0.01925,0.03002,0.05654,-0.05205,-0.016,-0.06048,0.02376,0.02945,0.01243,-0.0292,0.02214,0.01118,-0.03739,-0.03534,0.03511,-0.01192,-0.0019,0.04822,-0.01734,-0.03205,0.01392,0.08458,-0.08954,0.01058,0.09101,0.03828,-0.01031,-0.13156,0.11328,0.02982,0.00111,-0.00946,-0.04676,0.05714,0.03729,0.00547,-0.08046,-0.02314,-0.04274,-0.13557,0.00827,-0.0614,0.02044,-0.02581,-0.12076,-0.09009,0.06763,0.0145,-0.0022,0.01061,-0.05673,0.04209,0.01181,0.02825,0.03554,0.00683,0.05214,-0.03342,-0.00193,-0.07416,0.11647,0.02431,-0.08791,-0.04541,-0.07376,-0.00288,-0.05277,-0.02192,-0.01148,-0.05496,0.00189,-0.04949,0.01442,-0.00146,0.03599,-0.0134,0.07811,-0.05992,0.05566,0.00699,-0.00791,0.05816,-0.02695,-0.02817,0.03874,0.00481,-0.08228,0.04168,0.00625,-0.10874,-0.06016,-0.03444,0.01367,0.00681,-0.04256,0.07406,-0.05275,-0.01367,-0.06524,0.00708,-0.01397,0.00321,0.02846,-0.02932,0.05069,-0.00734,-0.14321,0.01629,-0.01809,-0.01783,-0.01736,0.09863,0.1347,-0.02272,0.01115,-0.01717,-0.10357,0.04131,0.00253,0.0539,0,0.00347,0.00508,-0.0158,0.03898,0.09251,-0.01897,0.03499,-0.01052,0.02812,-0.03216,-0.0231,0.00855,-0.03934,0.07816,-0.01278,-0.10665,0.00788,-0.00634,-0.0055,-0.01792,0.04098,-0.01118,-0.03347,0.10102,0.11779,-0.00087,0.04994,-0.03015,-0.00431,-0.00789,0.04796,0.0618,-0.00913,0.04344,-0.0034,0.10672,-0.07706,-0.04139,0.01613,-0.00763,-0.06031,-0.09599,-0.12972,0.04592,-0.00941,-0.06556,-0.04996,-0.0386,0.14125,-0.01052,-0.02161,0.0491,-0.05437,0.02009,0.03853,-0.02739,0.00053,0.05801,-0.02426,0.09135,-0.06445,-0.01208,-0.06871,-0.04313,0.07205,-0.04336,-0.0814,-0.12629,0.10076,-0.05499,-0.08048,0.01871,0.05658,0.07174,0.01028,0.01091,-0.05292,0.03243,-0.01931,-0.02841,-0.04247,0.00754,0.01101,0.07236,0.10122,-0.04986,0.02914,-0.07211,-0.04863,0.02934,-0.05617,0.01443,-0.02648,0.06378,0.02203,0,-0.04418,-0.01506,-0.0102,0.09864,-0.01441,-0.01212,0.05285,0.00033,0.05003,0.06726,-0.02965,0.10012,0.0788,0.00757,0.00859,-0.01012,0.01231,-0.08434,0.02263,0.02246,0.04064,0.05696,-0.02287,-0.03228,-0.04019,0.02396,-0.02126,-0.04564,0.10327,-0.02106,-0.03648,-0.04183,-0.00612,0.04055,-0.02519,-0.03577,0.09181,0.12577,-0.02256,-0.01908,0.07479,-0.01327,0.06985,-0.05254,-0.03143,-0.03824,-0.00481,0.01906,-0.13279,-0.0312,-0.03921,0.02004,-0.03683,0.06029,0.00041,-0.00385,0.13502,-0.0795,0.04127,0.03762,0.02993,-0.03687,0.04728,-0.08339,0.00279,0.03092,0.00712,-0.04821,-0.02494,0.01296,-0.02296,-0.01258,0.0242,-0.05625,-0.00447,-0.02281,0.00304,-0.05991,-0.0326,-0.0592,0.01746,0.05501,0.00455,-0.02449,0.0768,0.02555,0.0088,-0.05074,0.06032,0.0193,-0.08966,0.02268,-0.00468,-0.04824,-0.03408,0,-0.07614,-0.01095,0.06197,-0.01029,0.03447,-0.06035,0.04257,0.03302,0.03176,0.04958,-0.01234,0.0384,-0.03199,-0.02121,0.10905,0.0326,0.06427,0.06156,-0.00712,-0.07407,0.02458,-0.00877,-0.01048,0.00893,0.00151,-0.01287,0.03158,0.05447,0.00578,-0.02551,0.01568,0.13142,0.06773,-0.04841,-0.05435,-0.00864,-0.01392,-0.03241,-0.00982,-0.00999,0.06318,-0.01655,-0.05042,-0.03836,0.02347,0.06526,-0.07351,-0.05676,0.00668,-0.00018,-0.02977,0.02043,-0.01366,0.02457,0.03237,-0.0002,0.03594,-0.0755,0.08116,-0.00032,-0.02172,0.04886,0.02531,-0.02119],"keywords":"Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Angular Call Center Flow Builder Example – IVR, Queue, Transfer, and Voicemail Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation. Links - Source code: apps/example-apps/call-center","excerpt":"Links - Source code: apps/example-apps/call-center"},{"chunkId":"/examples/uml-diagram-example#0","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[-0.02991,0.0172,0.00369,-0.0139,0.01923,-0.0212,0.00212,-0.02698,0.004,-0.06329,0.03234,-0.02052,0.01102,0.02369,0.03863,0.02533,0.04972,-0.02341,-0.04206,-0.01762,0.07248,-0.00738,-0.04952,-0.08509,-0.07016,0.05914,-0.02082,0.01817,0.05799,-0.13085,0.03505,0.02918,0.08187,0.06682,-0.03175,-0.01692,0.06734,-0.0239,-0.03477,-0.02517,-0.09534,-0.02089,0.01549,0.10415,-0.01951,-0.05314,-0.05024,-0.06865,0.01627,0.01523,-0.01805,-0.00097,-0.05419,-0.03969,-0.00324,0.04977,-0.01698,-0.04551,-0.06018,-0.023,-0.03928,0.02674,-0.02767,0.05494,-0.00012,0.03631,-0.10334,-0.01555,0.10571,-0.08729,-0.04902,-0.08229,0.05601,0.03386,0.09389,0.006,0.0156,0.04448,0.0545,-0.10858,-0.01393,0.07819,-0.09263,0.0474,-0.07488,-0.03399,0.00505,-0.05982,0.00436,0.01136,0.01895,0.00303,-0.00041,0.00108,0.061,-0.01024,0.03838,-0.08641,-0.04667,0.05169,0.02541,-0.01313,0.00879,-0.0194,-0.10442,-0.05819,-0.03834,0.01809,-0.07542,-0.0637,-0.08258,-0.0088,-0.0976,-0.02894,-0.06428,-0.07137,0.02541,-0.05454,0.05795,-0.05844,-0.03842,0.04301,-0.02868,0.03078,0.0213,-0.0185,-0.02537,0,-0.0213,0.02492,-0.10178,0.00782,0.01564,-0.03983,0.04121,0.00775,0.02772,0.05987,-0.01702,0.07649,-0.13575,0.04546,0.08781,-0.01229,0.00029,0.04618,-0.00183,-0.01251,-0.06306,0.07005,0.02996,0.02913,0.09329,0.17915,-0.01613,0.03159,-0.00105,0.0474,0.09326,-0.00671,0.05294,-0.01217,-0.10009,0.11835,-0.07025,-0.01276,0.08022,0.01704,-0.02802,0.00375,-0.01978,0.05811,0.01019,-0.03516,-0.08583,0.02605,0.04417,0.03557,0.02068,-0.02576,0.01906,0.02,0.0199,-0.07248,-0.02393,0.09609,0.00048,0.04409,-0.02765,0.04691,-0.04488,0.03709,0.01142,-0.04784,-0.02741,-0.04158,0.05523,0.00066,-0.03073,0.07308,0.04902,0.06954,-0.01612,-0.07892,-0.08135,-0.02197,0.00778,0.03329,-0.06639,0.0106,-0.00515,-0.04419,-0.01839,0.01829,0.08038,0.01666,-0.07771,0.05306,0.01161,0.01318,0.04718,0.06085,0.10005,0,0.04558,-0.05308,0.03892,0.03204,0.04045,-0.04052,0.00914,0.03685,-0.05843,0.12705,-0.0255,-0.02326,0.03207,-0.00266,0.01338,0.02046,-0.05573,-0.04536,-0.00099,0.06537,-0.02346,0.09544,-0.01481,0.01821,-0.01706,0.00055,-0.01591,-0.09535,0.03868,0.0252,0.00349,-0.04495,0.06834,-0.03619,0.01517,-0.11309,0.01735,0.01258,-0.04162,-0.03516,0.00608,-0.01615,-0.06222,-0.02286,0.04459,-0.00276,-0.03261,0.00441,0.00191,-0.09371,-0.0078,-0.02353,0.0451,-0.10782,0.03118,0.09597,0.00349,0.01377,0.0225,-0.00459,0.03264,-0.0313,0.00922,0.0058,0.01887,0.01049,0.00434,0.00194,-0.11589,0.0075,0.00951,-0.02202,-0.03697,-0.05254,0.09575,-0.0547,0.04474,0.0706,0.01025,0.01673,-0.13103,0.02162,0.00518,0.13751,0.01911,0.06498,-0.00678,0.06273,0.04063,0.02941,-0.03041,0.05842,-0.01281,0.04907,0.01261,0,-0.00913,-0.00204,0.00743,-0.01156,-0.04902,0.06813,0.01762,0.09756,-0.02236,0.0125,-0.01569,0.03891,-0.11642,0.0141,0.06367,0.06043,-0.03774,0.05253,0.02782,-0.09548,-0.01535,0.00486,0.07859,0.07754,0.00665,0.04828,-0.02085,0.03795,-0.0033,0.02928,0.0579,-0.046,-0.01747,0.04169,0.05466,-0.03274,0.00209,-0.05406,-0.01176,0.04826,0.01437,-0.01797,-0.01183,0.03779,0.14247,0.06581,-0.01654,-0.08562,-0.06123,-0.02855,-0.11832,-0.08131,-0.10338,-0.00803,-0.05773,0.0056,0.01587,-0.08837,0.04133,-0.01785,0.00206,0.02575,-0.03801,0.01261],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. UML Architecture Diagram","excerpt":"UML Architecture Diagram"},{"chunkId":"/examples/uml-diagram-example#1","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[-0.02677,0.0426,-0.01007,0.00209,0.03303,0.00288,0.0107,-0.01521,0.02518,-0.01684,-0.01874,-0.05338,-0.03251,0.05176,0.08118,0.02801,0.03848,0.0091,-0.03596,-0.00769,0.0348,-0.01608,-0.0447,-0.07486,-0.06821,0.07084,-0.00347,0.02533,0.08423,-0.11649,0.05438,0.05628,0.04556,0.07417,-0.03455,0.00733,0.05512,-0.01534,-0.04615,-0.04489,-0.03247,0.01076,0.01948,0.0501,-0.01824,-0.02663,-0.06987,-0.04373,-0.00762,0.0203,-0.03679,-0.0573,-0.08133,-0.01356,0.00722,0.03709,-0.00652,-0.08332,-0.01733,0.00324,-0.04674,0.01455,-0.0029,0.05235,-0.01537,0.03928,-0.13498,0.00462,0.08414,-0.03092,-0.01302,-0.07348,0.05227,0.00148,0.07674,0.01479,-0.00477,0.07859,0.0319,-0.11504,0.006,0.08609,-0.05764,0.05955,-0.05654,0.0321,0.00452,-0.09802,-0.00486,-0.01545,0.00023,0.02437,0.01603,0.00224,0.07677,0.00063,0.02721,-0.09779,-0.08788,0.07264,0.02528,-0.01927,0.04892,-0.00992,-0.09036,-0.02345,-0.03474,0.03586,-0.06869,-0.08561,-0.08088,0.03488,-0.04122,-0.05022,-0.05287,-0.10919,0.00963,-0.06927,0.06344,-0.0297,-0.03054,0.02253,-0.01197,0.01501,0.06795,-0.00472,-0.01502,0,0.00223,0.03721,-0.10596,0.00072,0.04545,-0.02003,0.031,-0.02955,0.01763,0.09655,-0.02367,0.06935,-0.14185,0.05753,0.03888,-0.04354,-0.02474,0.03676,-0.00205,-0.02249,-0.01865,-0.00181,0.01369,0.04761,0.11087,0.14217,-0.03579,0.02061,-0.03414,0.0409,0.07303,0.02193,0.05659,-0.02452,-0.11186,0.06423,-0.08888,-0.02916,0.04244,0.00604,-0.01381,-0.02488,-0.08109,0.02979,0.01589,-0.02625,-0.10748,-0.00097,0.07953,-0.00781,0.02707,-0.00059,0.02929,0.04782,0.02131,-0.0852,-0.02699,0.11763,0.02628,0.04749,-0.00601,0.07591,-0.05148,0.02531,0.02996,-0.01123,0.00079,0.01085,0.0587,0.00911,-0.06449,0.08676,0.04112,0.05494,0.00064,-0.09943,-0.073,0.00996,0.04289,0.03019,-0.06986,-0.06193,0.02519,-0.02079,0.02662,-0.02905,0.06363,-0.01872,-0.09258,0.01541,0.04135,0.01308,0.01879,0.04389,0.10556,0,0.03597,-0.01886,0.03908,0.04514,0.01368,-0.09779,0.03688,0.03013,-0.04471,0.14932,-0.00777,-0.00509,0.02489,-0.04657,0.05328,0.02346,-0.04957,-0.06707,0.04728,0.04628,-0.0243,0.06544,-0.01518,-0.02298,-0.02418,0.03206,0.0159,-0.06671,0.03146,0.00286,-0.00112,-0.02028,0.043,-0.07905,-0.01306,-0.11646,0.01954,0.01341,-0.02321,-0.06729,0.00793,0.02146,-0.07729,-0.0172,-0.00462,0.02233,-0.05997,-0.01722,-0.00286,-0.0919,-0.02546,0.00259,0.03739,-0.08992,0.00636,0.04545,0.06763,0.04068,-0.00315,0.01242,0.0187,-0.04393,0.01032,-0.03167,0.0512,0.04672,-0.01386,-0.00364,-0.05052,0.05204,0.04016,-0.00601,-0.07852,-0.00939,0.10607,0.00746,0.06563,0.08779,0.04535,0.01413,-0.10416,0.0365,0.00997,0.11041,0.03227,0.0307,-0.07513,0.0518,0.06114,0.07359,-0.06686,0.02702,0.00555,0.02803,0.01269,0,-0.06937,-0.02464,-0.02565,-0.03164,-0.01447,0.0616,-0.00663,0.08993,-0.04153,0.02624,-0.01451,0.095,-0.09807,0.00672,0.05913,0.02415,-0.04881,0.03795,0.01778,-0.08718,-0.01381,0.03812,0.0794,0.10952,0.01307,0.00048,-0.01716,0.02098,0.00193,0.02571,0.01378,-0.04005,0.0189,0.04849,0.05258,-0.00643,-0.05497,-0.0514,-0.05158,0.01517,0.01793,0.00268,0.0069,0.0061,0.09403,0.07795,-0.01164,-0.06215,-0.07023,-0.05255,-0.11087,-0.04864,-0.13429,0.01727,-0.06602,0.00286,-0.01503,-0.06079,0.05793,-0.03127,-0.01637,0.03368,0.00522,-0.02856],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. Example This example shows how to turn Foblex Flow into a richer UML and architecture diagram surface. It combines grouped packages, custom connection markers, semantic relation styling, search, filtering, and side-panel inspection without introducing a separate graph framework. ::: ng-component <uml-diagram-example</uml-diagram-example [height]=\"600\" :::","excerpt":"Example This example shows how to turn Foblex Flow into a richer UML and architecture diagram surface. It combines grouped packages, custom connection markers, semantic relation styling, search, filtering, and side-panel inspection without introducing a separate graph framework. ::: ng-component <uml-diagram-example</uml-diagram-example [height]=\"600\" :::"},{"chunkId":"/examples/uml-diagram-example#2","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[-0.0191,0.0332,0.00172,-0.04067,0.03436,-0.01377,-0.00192,-0.04288,0.00359,-0.06985,0.02669,-0.03435,-0.00449,0.02671,0.0198,0.04547,0.05932,0.01847,-0.05221,0.007,0.0627,-0.05252,-0.02222,-0.06048,-0.03267,0.05765,-0.02381,-0.01078,0.01755,-0.15043,-0.00355,0.06142,0.03746,0.06463,-0.01562,0.02959,0.05198,-0.0166,-0.02968,-0.03333,-0.10314,0.02482,0.03947,0.08181,-0.0217,-0.03445,-0.05353,-0.09011,0.03984,-0.00819,-0.06029,-0.01438,-0.0848,-0.04864,0.00105,0.04188,0.00136,-0.04768,-0.06956,0.01759,-0.03789,0.01054,-0.02172,0.07496,-0.03941,0.07387,-0.06643,-0.00103,0.06345,-0.05776,-0.0153,-0.07317,0.04486,0.04381,0.06644,0.02673,0.00058,0.05893,0.0226,-0.12912,0.00582,0.08234,-0.06898,0.08371,-0.01313,-0.01103,-0.00917,-0.08102,0.00576,0.02572,-0.04672,-0.01105,0.02415,0.01789,0.03048,-0.00893,0.04095,-0.07668,-0.05429,0.08653,0.00775,0.01392,0.04354,-0.0368,-0.10731,-0.04013,-0.02073,-0.01139,-0.08301,-0.06114,-0.0669,0.00069,-0.10932,-0.02217,-0.04791,-0.11639,0.04231,-0.06562,0.04975,-0.06123,-0.03639,0.0212,-0.00277,0.04245,0.05384,0.01294,-0.03704,0,-0.00049,0.00719,-0.0705,0.04077,0.02392,-0.03798,0.02742,0.00557,-0.01575,0.08126,0.01288,0.07552,-0.13847,0.05098,0.08755,-0.02732,-0.00448,0.07586,-0.04111,-0.02157,-0.0808,0.03523,0.00851,0.02039,0.08239,0.16917,0.00225,0.00763,0.00235,0.03549,0.05817,-0.01143,0.04772,-0.0095,-0.08625,0.10273,-0.07861,0.01352,0.08284,0.02214,-0.03418,0.00355,-0.04523,0.05279,0.03671,-0.0291,-0.0648,0.03783,-0.00163,-0.01838,0.01389,-0.03012,0.01165,0.0335,-0.02771,-0.10353,-0.00636,0.11901,-0.01291,0.00999,-0.01929,0.03011,-0.0651,0.04289,0.04263,-0.01954,-0.05347,-0.01104,0.06331,0.02124,-0.0367,0.0535,0.04171,0.05657,-0.00771,-0.05771,-0.08137,-0.04302,0.04605,0.04899,-0.0684,-0.01219,0.03245,-0.05903,-0.05168,0.00312,0.1035,0.00513,-0.05084,0.06366,-0.02296,0.00089,0.0399,0.03425,0.10084,0,0.06831,-0.03384,0.07654,0.03573,0.02752,-0.04299,0.02438,0.03375,-0.04433,0.10308,-0.02026,-0.04217,0.02697,-0.03579,0.041,0.01525,-0.04571,-0.0435,0.02317,0.08022,-0.01098,0.06501,0.01266,0.04912,-0.00649,0.02712,0.00578,-0.0989,0.02107,0.00977,0.03052,-0.05953,0.02317,-0.05728,-0.02127,-0.0564,-0.00158,0.0222,-0.03936,0.0077,-0.01508,-0.04073,-0.08186,-0.01572,0.03825,0.00785,-0.04157,-0.00743,0.00621,-0.10288,-0.02467,-0.01369,0.05606,-0.10479,0.0422,0.05604,0.01916,0.0041,0.01867,-0.03113,0.03882,-0.04356,-0.0133,0.01453,0.00006,-0.00042,-0.02768,-0.00765,-0.12533,0.02346,0.0375,-0.01845,-0.06826,-0.06637,0.07817,-0.03515,0.02467,0.05473,0.02916,0.01262,-0.08748,0.00084,0.02557,0.11373,-0.00153,0.07115,0.00202,0.0993,0.06111,0.02078,-0.06758,0.0439,-0.02799,0.03786,-0.01083,0,-0.01948,-0.01964,0.0116,0.0021,-0.06396,0.07513,-0.017,0.15798,-0.03166,0.02979,-0.01364,0.05068,-0.10507,0.02015,0.07451,0.01708,-0.0197,0.09758,-0.00098,-0.05535,-0.03212,0.02641,0.06564,0.07388,-0.00913,0.02161,-0.0324,0.02501,0.04833,0.0016,0.04304,-0.03412,-0.03321,0.01791,0.04216,0.02233,-0.001,-0.01757,0.02128,0.05805,-0.02451,-0.02476,-0.00788,0.06246,0.10163,0.05681,0.01403,-0.09789,-0.08084,-0.0162,-0.10575,-0.07697,-0.13178,0.00087,-0.08522,0.01232,0.01759,-0.08832,0.05072,-0.01162,-0.00028,0.01118,-0.04728,0.0165],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. User-Facing Capabilities - Explore a multi-package UML-style architecture map on a large canvas. - Drag package groups and contained classes while preserving their relations. - Filter the view by architectural layer. - Filter the view by relation kind. - Search across class names, stereotypes, attributes, and methods. - Select a class to inspect its members and connected relations. - Select a relation to inspect endpoints, multiplicity, and labels. - Use minimap, zoom, fit-to-screen, reset zoom, theme toggle, and alignment helpers.","excerpt":"User-Facing Capabilities - Explore a multi-package UML-style architecture map on a large canvas. - Drag package groups and contained classes while preserving their relations. - Filter the view by architectural layer. - Filter the view by relation kind. - Search across class names, stereotypes, attributes, and methods. - Select a class to inspect its members and connected relations. - Select a relation to inspect endpoints, multiplicity, and labels. - Use minimap, zoom, fit-to-screen, reset zoom, theme toggle, and alignment helpers."},{"chunkId":"/examples/uml-diagram-example#3","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[-0.01986,0.00084,-0.03018,-0.03337,0.08037,-0.01675,0.03719,0.00208,0.02123,-0.08356,0.01038,-0.01501,-0.02602,0.03328,0.04446,0.02452,0.00908,0.02184,-0.05552,0.04919,0.0428,-0.08048,-0.00517,-0.07324,-0.05094,0.02237,-0.00982,-0.01399,0.05576,-0.12401,0.01258,0.08322,0.05712,0.06159,-0.01527,0.02015,0.10097,-0.00825,-0.10383,-0.04163,-0.11041,0.00523,0.05201,0.06407,0.00986,0.01752,0.00596,-0.06394,-0.02052,0.08517,-0.04175,-0.02636,-0.07524,-0.00143,0.01701,0.04673,0.0367,-0.06015,-0.01378,0.02473,-0.03985,0.01602,-0.00827,0.04125,-0.03696,0.00616,-0.069,-0.01443,0.03462,-0.01662,-0.03509,-0.04961,0.08183,0.03042,0.06534,0.05316,-0.00559,0.05251,0.07189,-0.14136,0.01674,0.04122,-0.04607,0.0454,0.01821,0.01414,-0.05615,-0.03451,-0.00914,0.08096,-0.06715,0.0188,0.01685,-0.0118,0.01359,-0.02907,0.06549,-0.09535,-0.03826,0.08849,0.03178,-0.00325,0.01293,-0.01196,-0.03502,-0.06405,-0.0477,-0.03199,-0.04878,-0.07437,-0.05347,-0.02952,-0.0442,-0.02944,-0.08281,-0.08837,0.0012,-0.06099,0.12579,-0.06265,0.00763,0.03253,-0.01955,0.06938,0.05881,-0.0204,-0.05085,0,-0.0376,0.02929,-0.09566,0.00914,0.02691,-0.04583,-0.01204,-0.02123,-0.01474,0.05895,-0.00425,0.02533,-0.12347,0.06826,0.06468,-0.03066,-0.0166,0.01623,-0.10585,-0.03234,-0.02805,0.03195,-0.0209,-0.00116,0.08214,0.19604,-0.0481,0.04482,-0.01621,0.04456,0.00693,-0.05337,0.05366,-0.03221,-0.08089,0.05885,-0.07926,-0.09016,0.01285,0.04907,0.0249,-0.02934,-0.08445,0.00296,0.04633,-0.01398,-0.08344,0.06721,0.00274,0.03159,-0.02442,-0.003,-0.02109,-0.05799,-0.01805,-0.09939,-0.06205,0.08057,-0.03082,0.02273,-0.05482,0.05916,0.00597,0.00698,0.02541,0.00977,0.00822,0.00468,0.02983,0.00985,-0.0071,0.07226,0.02388,0.02867,0.01501,-0.03618,-0.02573,-0.03529,0.00843,0.01781,-0.07963,-0.01738,-0.005,-0.05993,-0.02518,-0.05187,0.09038,-0.03576,-0.12825,0.0088,0.036,0.00445,0.03043,0.05047,0.04218,0,0.00114,0.03756,0.03333,0.04119,0.01969,-0.03927,0.04603,0.00501,-0.00184,0.07129,-0.0774,-0.03053,-0.02429,-0.02728,0.0297,0.0166,-0.07727,-0.00347,0.03484,0.06001,0.00373,0.0653,0.02844,0.07461,0.01401,0.03014,0.05192,-0.06903,-0.02189,-0.00697,-0.00812,-0.0494,0.05057,-0.07636,0.05494,-0.11675,0.02578,-0.0087,-0.05093,0.00161,0.0365,0.02481,-0.05091,0.01051,-0.02434,0.04933,-0.04953,-0.00128,0.04341,-0.03094,-0.03,-0.02219,0.0194,-0.08789,-0.01487,0.10096,0.01914,0.03108,-0.01677,0.00738,0.0038,-0.08317,0.00594,0.03276,0.10113,0.00459,-0.00706,0.04087,-0.07929,0.05641,0.07619,-0.00465,-0.01786,-0.03503,0.06059,0.00199,0.09614,0.05097,0.03903,0.0099,-0.08347,0.01204,0.0444,0.14645,0.01412,0.06585,-0.06816,0.06957,0.05244,0.02776,-0.01318,0.11431,0.0356,0.02608,-0.00566,0,-0.04729,-0.01657,-0.03893,-0.05402,-0.01055,0.04644,-0.05899,0.03844,-0.07448,-0.01514,-0.0161,0.07036,-0.09524,-0.03623,0.06088,-0.00796,-0.03129,0.03832,-0.01991,-0.02237,-0.04931,0.04861,0.00419,0.0889,-0.04962,0.00794,-0.01211,0.05381,0.09725,-0.00174,0.01223,0.00755,0.01727,0.0612,-0.01322,0.00468,-0.03671,-0.04672,-0.03136,0.08766,0.03847,0.00365,-0.0033,0.00029,0.0493,0.08327,0.03416,-0.13044,-0.11293,-0.03932,-0.12259,-0.04463,-0.11482,0.02771,-0.0362,0.00365,0.01086,-0.01736,0.07319,0.00944,-0.01711,0.07625,-0.01251,0.01],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. Foblex Flow Features Used - f-flow and f-canvas as the diagram root. - fZoom for viewport interaction. - fNode for UML class cards. - fGroup for package containers. - fDragHandle for movable classes and groups. - fAutoSizeToFitChildren, fAutoExpandOnChildHit, and fIncludePadding for package-group behavior. - fConnection for UML relations with explicit source and target ids. - fMarker for custom SVG markers that encode relation semantics. - fBackground, fCirclePattern, fLineAlignment, and fMinimap for canvas readability and navigation. f Zoom f Node f Group f Drag Handle f Auto Size To Fit Children f Auto Expand On Child Hit f Include Padding f Connection f Marker f Background f Circle Pattern f Line Alignment f Minimap","excerpt":"Foblex Flow Features Used - f-flow and f-canvas as the diagram root. - fZoom for viewport interaction. - fNode for UML class cards. - fGroup for package containers. - fDragHandle for movable classes and groups. - fAutoSizeToFitChildren, fAutoExpandOnChildHit, and fIncludePadding for package-group behavior. - fConnection for UML relations with explicit source and target ids. - fMarker for custom SVG markers that encode relation semantics. - fBackground, fCirclePattern, fLineAlignment, and fMinimap for canvas readability and navigation."},{"chunkId":"/examples/uml-diagram-example#4","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[0.00593,-0.0212,-0.00988,0.00016,0.03568,-0.01829,-0.05438,0.00977,0.05744,-0.02458,-0.01794,-0.02836,-0.02375,0.01724,0.05981,0.0531,0.03671,0.01405,-0.00552,-0.02919,0.06635,-0.00972,-0.045,-0.07379,-0.05675,0.04653,-0.02411,0.02167,0.07155,-0.10475,0.00183,0.06545,0.05059,0.07994,-0.04634,0.06533,0.08901,-0.0251,-0.08789,-0.04368,-0.05677,0.01599,0.02812,0.05656,0.01893,-0.03248,-0.06975,-0.10302,-0.04069,0.04864,-0.05038,-0.04349,-0.05464,-0.01655,0.03031,0.05692,0.01089,-0.07775,-0.02668,-0.01599,-0.05067,0.00973,-0.01253,0.03889,-0.01033,0.05796,-0.09614,0.06234,0.09464,-0.09767,-0.03011,-0.08922,0.0331,0.01584,0.06356,-0.01095,0.01386,0.07404,0.01893,-0.12475,-0.02393,0.09728,-0.05942,0.06408,-0.06553,0.06182,0.00827,-0.07266,0.00562,0.04203,0.00155,-0.00411,0.0386,-0.01994,0.09133,-0.03435,0.03853,-0.08328,-0.08266,0.03636,0.04258,-0.00943,0.05444,-0.06116,-0.05403,-0.06792,-0.01785,0.00501,-0.06763,-0.06423,-0.09884,0.00533,-0.05901,-0.08252,-0.03557,-0.11832,-0.00644,-0.08256,0.06914,-0.02778,-0.06255,0.02222,-0.0317,0.02957,0.02172,-0.0381,-0.05897,0,0.01703,0.02719,-0.05394,0.04493,0.06788,-0.04091,0.04826,-0.03896,0.00932,0.0309,-0.01128,0.09772,-0.13019,0.0762,0.04262,-0.04117,-0.03136,0.04607,0.01533,-0.04334,-0.01704,0.03081,0.0094,0.03752,0.11185,0.15649,-0.02147,0.02046,-0.03041,0.04225,0.02533,-0.00296,0.05585,-0.026,-0.06507,0.08581,-0.07978,-0.04299,0.07188,0.00217,-0.01987,-0.01216,-0.05094,0.02664,0.02749,-0.05694,-0.1235,0.02855,0.05226,-0.00928,0.0527,-0.00596,0.05836,0.02503,0.03223,-0.04967,-0.01985,0.06667,0.00181,0.07379,-0.00746,0.08624,-0.07054,0.03266,0.04844,0.05119,-0.0387,-0.01612,0.02115,0.01849,-0.05484,0.08753,0.02529,0.02737,-0.00018,-0.07663,-0.07798,-0.07126,0.00563,0.05034,-0.0791,-0.03293,-0.00725,-0.02525,0.01539,0.00254,0.0775,0.02431,-0.06894,0.02288,0.06415,-0.01992,0.0131,0.05404,0.08264,0,-0.0186,-0.04165,0.00319,0.06962,0.04579,-0.06089,-0.01648,-0.0129,0.00049,0.06375,-0.02465,-0.03195,0.00826,-0.0321,0.06301,-0.01769,-0.05868,-0.0977,0.0261,0.03858,-0.00635,0.05565,-0.01341,-0.02153,-0.03144,0.00283,-0.02886,-0.0429,-0.00064,-0.0164,0.01499,-0.03705,0.04394,-0.03961,-0.01554,-0.11541,0.04443,0.01616,-0.00524,-0.04311,-0.03892,0.01035,-0.05628,-0.00631,-0.00821,0.09301,-0.07715,0.01009,0.04951,-0.07596,-0.00686,-0.02047,0.01564,-0.09354,-0.01253,0.05729,0.02075,0.03897,0.03569,-0.02224,-0.03166,-0.06012,0.03133,0.01539,-0.00011,0.03679,-0.01394,-0.00664,-0.08459,0.00806,0.05484,0.01545,-0.0827,-0.01489,0.0843,-0.01832,0.05958,0.05225,0.01133,0.01011,-0.08299,0.06022,0.0088,0.11947,0.03203,0.04081,-0.03888,0.04187,0.02297,0.04039,-0.05255,0.02724,-0.03757,0.08661,-0.02851,0,-0.06673,0.01411,0.00331,-0.04632,-0.02882,0.06843,-0.00323,0.10727,-0.00954,0.05168,0.02725,0.08394,-0.10039,-0.04297,0.07713,0.03081,0.01899,0.02388,0.02121,-0.09252,0.00505,0.03067,0.05164,0.10318,0.0405,-0.00423,-0.00074,0.04695,0.00121,0.02139,0.02792,-0.0094,0.03818,0.05954,0.05372,0.01259,-0.00912,-0.03036,-0.03394,0.03966,0.03619,0.01155,-0.00481,0.00252,0.04662,0.09416,0.01751,-0.05117,-0.07235,-0.02323,-0.13307,-0.02779,-0.09632,0.03251,-0.07329,0.03601,-0.01546,-0.10946,0.04906,-0.01069,-0.03884,0.08125,0.01641,0.00339],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. Why It Matters This is a good reference if you need more than plain boxes and arrows. The example demonstrates that the same Foblex Flow primitives used for node editors can also power architecture maps, dependency diagrams, or domain-specific modeling tools with their own semantics and visual language.","excerpt":"Why It Matters This is a good reference if you need more than plain boxes and arrows. The example demonstrates that the same Foblex Flow primitives used for node editors can also power architecture maps, dependency diagrams, or domain-specific modeling tools with their own semantics and visual language."},{"chunkId":"/examples/uml-diagram-example#5","slug":"uml-diagram-example","route":"/examples/uml-diagram-example","section":"examples","title":"UML Diagram","description":"Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.","group":"Reference Apps","vector":[-0.02218,-0.01048,-0.00761,-0.00443,0.0226,-0.01265,0.01275,-0.02017,-0.00358,-0.03634,0.0548,-0.01356,0.01855,0.02406,0.05359,0.04125,0.05781,0.01483,-0.02829,-0.04467,0.09116,-0.00508,-0.02626,-0.07486,-0.03669,0.02021,-0.02844,0.02496,0.0624,-0.11492,0.0215,0.0152,0.08409,0.06848,-0.05555,-0.02454,0.05797,-0.01238,-0.06014,-0.02332,-0.10473,-0.00169,0.01306,0.0955,-0.01707,-0.02987,-0.06353,-0.06548,-0.0058,0.01741,-0.00895,-0.02086,-0.05673,-0.02457,0.03236,0.0218,-0.02114,-0.06889,-0.02844,-0.00974,0.00025,0.03034,-0.02554,0.04592,-0.00917,0.0362,-0.09444,0.03236,0.10942,-0.09281,-0.04831,-0.08008,0.04723,0.00514,0.07659,-0.01973,0.001,0.04745,-0.00165,-0.11967,-0.03703,0.07764,-0.05844,0.06941,-0.07101,-0.01618,0.01016,-0.03898,-0.00419,0.03212,-0.01902,0.00154,0.00558,-0.01393,0.02145,-0.01114,0.02397,-0.09713,-0.03849,0.04057,0.02912,-0.04073,0.00993,-0.0451,-0.07716,-0.04319,-0.0316,0.00182,-0.03443,-0.0276,-0.08409,-0.03541,-0.10889,-0.05504,-0.07132,-0.06329,0.02854,-0.05515,0.05381,-0.04456,-0.00741,0.04765,-0.02562,-0.01244,0.01566,0.00523,-0.03755,0,0.02953,0.02992,-0.08771,0.00593,0.0376,-0.04247,0.03409,0.01199,0.02003,0.07503,-0.03759,0.08943,-0.1503,0.07345,0.05153,-0.03309,-0.0096,0.04013,0.0103,-0.03619,-0.09593,0.07551,0.018,0.04059,0.09517,0.17211,-0.01227,0.03129,0.0195,0.03721,0.06932,0.01567,0.04339,-0.02633,-0.07873,0.10205,-0.08532,-0.0137,0.07931,0.05,-0.00504,-0.04716,-0.03388,0.06428,0.01396,-0.03856,-0.09129,0.00321,0.03828,0.04062,0.02614,-0.02046,0.00823,-0.01004,-0.01872,-0.0591,-0.03622,0.07438,-0.02337,0.02984,0.00388,0.03482,-0.04174,0.01042,-0.00129,-0.00965,-0.04094,-0.07154,0.05247,0.01,-0.06076,0.09151,0.06077,0.05454,-0.02332,-0.06468,-0.07801,-0.03445,-0.01992,0.02506,-0.08225,-0.03722,-0.00089,-0.0447,-0.0404,0.01708,0.07402,0.00656,-0.06737,0.01863,-0.01576,0.01658,0.03859,0.04792,0.11396,0,0.04311,-0.03182,0.03562,0.03868,0.06531,-0.0379,0.00851,0.03963,-0.05108,0.11545,-0.05458,-0.02855,0.04432,-0.01115,0.00799,0.01085,-0.03884,-0.02909,-0.00209,0.06505,-0.04167,0.08362,-0.00493,0.02255,-0.03152,-0.00965,-0.00516,-0.1229,0.05307,0.01958,-0.00931,-0.06553,0.06647,-0.05737,-0.00918,-0.09289,0.05336,-0.02316,-0.05055,-0.05546,0.01799,-0.00311,-0.0078,-0.01277,0.03593,0.02799,-0.05198,0.00352,-0.00933,-0.07142,0.00464,-0.01517,0.03039,-0.10029,0.05773,0.08372,0.01948,0.02339,0.0183,0.00462,-0.02408,-0.04483,-0.00281,0.01817,0.01248,0.01788,-0.00619,-0.0186,-0.11975,0.01692,0.02462,-0.00439,-0.03343,-0.05503,0.07618,-0.03718,0.03292,0.05964,-0.01646,0.00068,-0.06845,0.01697,0.02757,0.1297,0.0229,0.06113,-0.04142,0.0869,0.046,0.02929,-0.04494,0.05055,-0.02495,0.07637,0.00249,0,0.01263,0.0072,0.02095,-0.05314,-0.051,0.07929,0.0354,0.114,-0.03184,0.03716,-0.00709,0.09045,-0.12842,0.01248,0.06701,0.06283,0.00065,0.07139,0.03847,-0.07275,-0.02575,0.01556,0.05415,0.09038,0.01937,0.03512,-0.02888,0.02976,-0.01478,0.01338,0.07467,-0.04282,0.01289,0.01416,0.04606,0.0024,-0.04688,-0.04392,-0.01406,0.06518,0.03517,-0.0106,0.01111,0.02316,0.12015,0.09582,-0.002,-0.09491,-0.07262,-0.02281,-0.12479,-0.05763,-0.11483,-0.03162,-0.06814,0.05478,0.01616,-0.09567,0.04093,-0.02759,0.02451,0.08637,-0.03622,0.03084],"keywords":"UML Diagram UML Diagram Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls. Links - Source code: apps/example-apps/uml-diagram","excerpt":"Links - Source code: apps/example-apps/uml-diagram"},{"chunkId":"/examples/tournament-bracket#0","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.04034,0.11181,0.00677,-0.04206,0.00427,0.07224,-0.06503,-0.02878,-0.02455,0.02501,-0.10905,-0.06966,-0.02724,0.05957,0.02796,0.01259,0.01048,0.03911,0.06053,-0.04528,-0.01248,-0.13591,-0.07743,-0.04519,0.10518,0.02217,-0.01689,0.0545,-0.00767,-0.07698,-0.02663,-0.00572,0.08325,0.01522,-0.01755,-0.09316,-0.08112,0.00166,-0.05091,-0.03488,-0.01987,-0.00976,0.02071,0.02607,0.01244,0.0429,-0.05476,0.05378,-0.01285,0.02539,-0.10105,-0.04452,-0.03064,-0.00437,0.05322,0.01589,0.00857,-0.09072,0.02746,-0.01827,0.05022,-0.05836,-0.10429,0.07631,-0.03096,-0.02063,0.02318,0.10744,0.04214,0.0042,-0.0142,-0.00479,0.03076,-0.04341,0.08315,0.08273,-0.05868,-0.05413,0.08273,-0.02776,-0.00429,-0.02576,-0.0295,0.00841,0.0176,-0.09231,-0.04057,-0.05455,0.07618,-0.00791,-0.09429,0.06856,0.03993,0.04138,-0.07199,0.05677,-0.05283,-0.06067,0.06712,0.12605,0.02029,0.04419,-0.02233,-0.04466,-0.0109,0.01243,0.0452,0.03309,-0.02779,0.01876,-0.03523,0.01721,0.02467,-0.00869,-0.10088,0.03448,0.02657,0.0539,0.03167,0.08155,0.07314,0.04312,0.00808,-0.01825,0.09199,0.07744,-0.01699,0,0.1322,-0.11938,-0.06985,0.11097,0.08092,-0.01953,0.0423,-0.07919,-0.13528,-0.03561,0.00761,-0.02433,-0.01023,0.0345,0.07943,-0.04631,0.0034,0.08783,-0.08354,-0.03287,-0.05804,0.02162,-0.01096,-0.03246,0.03794,0.09049,-0.01417,-0.00828,-0.04894,0.04432,0.03489,-0.08563,-0.02865,-0.01181,0.08731,0.05151,0.0339,-0.06558,0.0493,0.02787,-0.09154,-0.03484,-0.04949,-0.04631,-0.08822,0.00219,-0.03235,0.02491,-0.00353,0.04379,0.0194,-0.00818,0.0322,-0.06974,0.00726,-0.02341,-0.02108,0.0082,-0.04322,0.03102,-0.07487,0.05615,-0.00451,0.00606,-0.03974,-0.01668,-0.00051,-0.05119,0.06699,-0.0766,-0.01231,0.00633,0.01631,-0.04635,0.02644,-0.01129,0.05917,0.0046,-0.05998,-0.01955,-0.06811,-0.00644,-0.03157,-0.04024,-0.08762,0.00009,0.03906,-0.00573,-0.04222,-0.00195,-0.13092,-0.02199,-0.03742,0.02865,0.06206,0,-0.01814,-0.00704,0.0375,-0.00685,0.0841,0.00495,0.04082,-0.02412,0.07121,0.02047,-0.02129,0.04018,0.03139,-0.06827,-0.02799,-0.00063,0.0015,-0.02799,-0.01143,0.05424,0.08361,0.07671,-0.05773,0.04409,-0.01077,0.00814,-0.00121,-0.07264,0.05968,0.03255,0.01081,-0.10339,-0.02177,-0.00041,0.00226,0.03931,-0.0136,0.02788,0.03972,-0.04397,0.00277,-0.00811,-0.08233,0.00737,0.04409,0.03775,0.05959,-0.00026,0.00202,-0.038,-0.07228,0.03332,-0.04875,-0.00713,-0.0365,-0.05664,-0.04308,0.01116,-0.01372,0.06949,0.01672,-0.03446,-0.0334,0.05611,0.04263,0.09173,-0.03439,-0.00234,-0.06672,0.00445,-0.03539,0.05856,-0.02841,0.02856,0.03854,0.04239,-0.00957,0.14747,0.00605,0.09295,-0.01801,0.03981,0.0316,0.01567,0.04902,0.0379,0.04729,0.07993,0.02102,0.03313,-0.03014,0.00733,0.0747,-0.0331,0.03347,0,-0.0056,0.03532,-0.00109,0.03907,-0.11304,0.01883,0.01818,-0.03106,-0.00264,0.02497,0.08063,-0.00712,-0.03026,-0.02663,0.028,-0.01491,-0.13682,0.05936,-0.06956,-0.00351,-0.01936,0.01844,0.02989,0.03859,-0.01022,0.06166,-0.04496,-0.08136,0.00798,-0.00659,0.02402,0.06974,0.06335,0.00986,0.06051,0.02126,-0.07,0.03537,-0.0085,0.06757,-0.071,-0.09378,-0.01134,-0.00192,0.00228,0.0133,0.00393,-0.03275,-0.06616,-0.09998,-0.00361,-0.0416,-0.04515,-0.02265,0.06962,0.07857,0.0789,0.0113,0.09,-0.02387,0.06512,0.02352,-0.0859,0.00799],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. Tournament Bracket","excerpt":"Tournament Bracket"},{"chunkId":"/examples/tournament-bracket#1","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.06145,0.12316,-0.04394,-0.03213,-0.01422,0.06813,-0.06402,-0.00537,0.00197,0.03696,-0.1572,-0.07653,-0.03771,0.06737,0.0478,0.01403,-0.01269,0.04894,0.01534,-0.05081,-0.00582,-0.08864,-0.06074,-0.05325,0.02194,0.03505,0.01842,0.04356,0.03954,-0.07247,0.02194,0.01889,0.04467,0.06481,-0.06973,-0.02935,-0.09828,-0.01362,-0.07896,-0.07621,0.08902,0.06482,0.02276,-0.03749,0.01545,0.01803,-0.08484,0.06358,-0.05693,0.01966,-0.12013,-0.12399,-0.0365,0.05814,0.0501,0.01935,-0.01073,-0.12108,0.02621,-0.01,0.03526,-0.06642,-0.06115,0.04124,-0.02526,-0.00423,-0.05598,0.07339,0.02395,0.04134,0.005,-0.01553,0.01061,-0.06399,0.04234,0.03619,-0.06639,0.0101,0.07158,-0.02417,0.00758,0.0126,-0.02395,0.01004,0.00663,-0.02539,-0.00938,-0.06532,0.05165,-0.03176,-0.05536,0.0834,0.03193,0.05943,-0.04538,0.05529,-0.0489,-0.0746,0.01267,0.11646,0.01572,-0.00029,0.04926,0.00397,-0.02244,0.00844,0.02747,0.06806,-0.0438,-0.0063,-0.03279,0.05607,0.02554,-0.02181,-0.10431,-0.01678,0.01187,0.00276,0.00318,0.10333,0.05284,0.03325,-0.03395,-0.03255,0.10339,0.02835,-0.03099,0,0.1149,-0.0889,-0.09369,0.07479,0.11278,0.03829,0.02201,-0.10807,-0.07917,-0.01714,-0.03403,0.00454,-0.04182,0.02079,0.05099,-0.06796,-0.02021,0.0865,-0.01289,0.00848,0.01287,-0.01963,-0.0478,0.02784,0.08624,0.08567,-0.02637,-0.02522,-0.08409,0.0416,0.08662,-0.08798,0.00058,-0.01912,0.03768,0.03254,0.03269,-0.06892,0.03021,-0.02117,-0.05815,-0.04926,-0.08679,-0.02454,-0.12288,-0.00172,-0.03918,0.02552,0.03474,0.04708,0.04101,-0.00002,0.08935,-0.05555,0.04326,-0.02948,-0.05139,0.08765,0.00611,0.06978,-0.032,0.07288,-0.02075,0.02222,-0.00721,0.01384,-0.00345,-0.05544,0.08716,-0.0958,-0.02171,0.04263,0.00517,-0.0118,-0.00586,-0.03828,0.0416,-0.00471,-0.00807,-0.01639,-0.05834,-0.04532,-0.01177,-0.00842,-0.02333,-0.04697,0.02589,-0.03102,-0.09448,-0.04963,-0.0357,-0.00782,-0.01056,0.02801,0.1237,0,-0.01161,-0.00922,0.03904,0.01824,0.06367,-0.05056,0.04783,-0.03027,0.02539,0.04344,-0.00656,0.04297,0.02558,-0.06453,0.01934,-0.02342,-0.01311,-0.06087,0.03306,0.02332,0.06269,0.05492,-0.06582,0.0054,-0.01737,0.02127,0.02448,-0.06969,0.03778,-0.01016,-0.0238,-0.09628,-0.00124,-0.034,-0.00694,-0.01563,-0.00193,0.04432,0.07395,-0.07737,0.02167,0.03101,-0.073,-0.00828,-0.0069,0.03986,0.03767,0.01774,0.03361,-0.04423,-0.08697,0.04376,-0.02626,0.00149,-0.05813,-0.0433,0.01457,-0.00704,-0.0046,0.04978,-0.01006,-0.0486,0.01808,0.02155,0.06922,0.09352,-0.04404,-0.01094,-0.02374,0.0377,0.02381,0.07358,-0.02662,0.0677,0.05549,0.04146,0.05075,0.12652,0.10461,0.08282,-0.06614,0.10145,0.02293,-0.02069,0.07311,0.0021,0.01218,0.02386,0.05008,0.06117,-0.06845,-0.01957,0.08033,-0.06935,-0.00021,0,-0.08712,-0.01113,-0.04149,0.04061,-0.07515,0.02975,0.02686,-0.02572,-0.00207,0.0129,0.09299,0.02991,-0.02947,-0.03505,0.04815,-0.03452,-0.05077,0.05043,-0.07204,-0.0151,-0.021,0.02222,0.03217,0.103,0.00391,0.02521,-0.05307,-0.0532,0.02095,0.01206,0.01196,0.04264,0.063,0.02132,0.00785,0.00751,-0.09864,0.03833,-0.04428,0.03401,-0.00207,-0.08788,0.03866,-0.02244,-0.00256,0.04933,-0.00987,-0.03101,-0.02628,-0.04419,-0.0003,-0.0184,-0.10334,-0.00987,0.0202,0.02838,0.08415,-0.00435,0.09031,-0.0548,0.00855,0.02828,-0.04211,-0.00535],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. Example This example demonstrates how to model a tournament bracket with Foblex Flow. It takes the same node-and-connection primitives used in workflow tools and applies them to a competition tree with domain-specific layout, filtering, and detail views. ::: ng-component <tournament-bracket</tournament-bracket [height]=\"600\" :::","excerpt":"Example This example demonstrates how to model a tournament bracket with Foblex Flow. It takes the same node-and-connection primitives used in workflow tools and applies them to a competition tree with domain-specific layout, filtering, and detail views. ::: ng-component <tournament-bracket</tournament-bracket [height]=\"600\" :::"},{"chunkId":"/examples/tournament-bracket#2","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.03002,0.11744,-0.01262,-0.06703,0.01884,0.07956,-0.03291,0.01809,0.02023,0.0367,-0.10356,-0.03986,-0.05975,0.0531,0.03339,-0.01445,-0.0001,0.01407,0.07364,-0.03319,-0.01314,-0.16258,-0.07177,-0.01407,0.0908,0.00799,-0.05388,0.05517,-0.03461,-0.07676,-0.04613,-0.00536,0.04706,-0.00998,-0.04581,-0.08355,-0.07023,0.01509,-0.06346,-0.05695,-0.00805,-0.02527,0.01079,0.01853,0.01793,0.03961,-0.06192,0.05178,0.00454,0.04764,-0.05549,-0.05943,-0.00364,0.01057,0.08528,0.0383,0.02811,-0.06433,0.06428,-0.03724,0.04997,-0.0133,-0.09916,0.10404,-0.0412,-0.02978,0.03988,0.05185,0.03756,0.04139,0.02555,-0.01248,0.03267,-0.05247,0.05342,0.05965,-0.0719,-0.04086,0.05785,0.00045,-0.02581,-0.04669,-0.02519,0.02544,0.03388,-0.04217,-0.00453,-0.04322,0.08536,0.00964,-0.1091,0.07473,0.05349,0.03443,-0.08422,0.06328,-0.05362,-0.05412,0.02643,0.13264,0.05362,0.02654,0.01438,0.00041,-0.00453,0.02064,0.03408,0.05371,-0.02559,-0.00209,-0.02217,0.00105,0.04194,-0.01651,-0.11235,0.02687,0.03301,0.03511,0.0469,0.06256,0.09636,0.01921,-0.03236,-0.01672,0.10607,0.09555,-0.00056,0,0.14386,-0.10186,-0.066,0.08191,0.04513,0.01665,0.01006,-0.04318,-0.15554,-0.02998,0.00172,-0.03035,-0.00098,-0.03434,0.07156,-0.063,0.02237,0.06918,-0.08433,-0.02193,-0.08301,-0.01129,-0.05551,-0.0146,0.03424,0.11593,-0.02464,-0.02783,-0.07979,0.03394,0.03955,-0.10082,-0.01741,0.00927,0.03761,0.00736,0.01245,-0.03414,0.05467,0.04427,-0.10252,-0.05732,-0.05673,-0.07604,-0.07082,0.00395,-0.00448,0.01737,-0.03703,0.03476,0.03805,-0.00441,0.03402,-0.03827,0.01362,-0.01666,0.00714,0.01155,-0.05802,0.00708,-0.02893,0.03968,-0.05087,0.03245,-0.0676,0.00789,-0.02057,-0.06622,0.03423,-0.08789,-0.05875,-0.00173,0.06539,0.00658,0.01022,-0.01936,0.05168,-0.01896,-0.04927,-0.00484,-0.02612,-0.00899,-0.03024,-0.07249,-0.05093,-0.03011,0.05313,-0.03417,-0.06756,-0.01623,-0.08811,-0.02964,-0.04174,0.02973,0.03433,0,0.01071,-0.03145,0.02511,-0.00712,0.07736,0.01353,0.09296,-0.03982,0.06208,0.01684,0.02852,0.01822,-0.0158,-0.03488,0.00234,-0.00582,0.00126,0.00084,-0.00264,0.04902,0.14134,0.00316,-0.05441,0.05028,-0.02148,0.00263,0.05339,-0.0605,0.02829,0.02048,0.02092,-0.10263,-0.01597,-0.00771,0.01119,0.05887,-0.02054,0.02693,0.01297,-0.01364,0.02391,-0.00172,-0.05382,0.03477,0.0354,0.03096,0.04258,0.00587,-0.02825,-0.05625,-0.07862,0.00835,-0.0269,0.00744,-0.06146,-0.07058,-0.02074,0.0147,-0.00559,0.04392,0.05288,-0.03057,-0.05175,0.05634,0.05103,0.09927,-0.04064,0.00415,-0.05788,0.00886,-0.04432,0.03461,-0.04225,-0.02008,0.05129,0.04697,-0.01359,0.10998,0.02036,0.06356,-0.0193,0.01746,0.03944,-0.01343,0.04237,0.07881,-0.00983,0.08814,-0.0037,0.00512,-0.0478,0.01126,0.10093,-0.03567,0.03352,0,-0.04108,0.01017,-0.00477,0.01031,-0.1054,0.02336,0.03339,-0.04682,0.00522,-0.01128,0.09518,0.00167,0.00318,-0.03774,0.04409,0.01164,-0.1562,0.0882,-0.07623,0.01429,-0.02795,-0.00499,-0.02305,0.01648,-0.02466,0.03683,-0.05546,-0.00751,0.0007,0.0115,0.00728,0.03463,0.04086,-0.00984,0.05799,0.0639,-0.06269,0.02242,0.02441,0.09043,-0.056,-0.07527,-0.02057,0.01213,-0.02763,0.03422,0.01874,-0.02961,-0.09985,-0.1155,0.02997,-0.05553,-0.06292,-0.00007,0.05066,0.06819,0.11646,-0.00075,0.05826,0.00008,0.08081,0.04509,-0.07603,0.01743],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. User-Facing Capabilities - Browse a full elimination bracket on a pannable and zoomable canvas. - Switch between standard, compact, and mirrored bracket layouts. - Toggle upper, lower, and final branches independently. - See live counters for played, live, and upcoming matches. - Select a match to highlight the path around it. - Select a team to highlight its journey through visible rounds. - Open detail panels for match timing, status, score, and team statistics. - Use minimap, fit-to-screen, reset zoom, and theme toggle controls.","excerpt":"User-Facing Capabilities - Browse a full elimination bracket on a pannable and zoomable canvas. - Switch between standard, compact, and mirrored bracket layouts. - Toggle upper, lower, and final branches independently. - See live counters for played, live, and upcoming matches. - Select a match to highlight the path around it. - Select a team to highlight its journey through visible rounds. - Open detail panels for match timing, status, score, and team statistics. - Use minimap, fit-to-screen, reset zoom, and theme toggle controls."},{"chunkId":"/examples/tournament-bracket#3","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.0296,0.06558,-0.03222,-0.07323,0.00418,0.08338,-0.04186,0.02179,0.00545,0.00355,-0.12252,-0.05702,-0.0848,0.07324,0.04315,-0.00562,0.00324,0.04655,0.05166,0.00355,-0.0158,-0.1524,-0.06196,-0.0389,0.04669,0.03099,-0.02764,0.02056,-0.01266,-0.08628,-0.00845,0.06409,0.03819,0.0454,-0.03756,-0.08486,-0.04351,-0.00902,-0.09954,-0.04819,-0.01924,-0.00268,0.0148,0.02408,0.04559,0.04868,-0.0327,0.05292,-0.0199,0.09823,-0.11836,-0.06014,-0.04328,0.02658,0.085,0.0599,0.02998,-0.09779,0.01108,0.01851,0.04705,-0.02507,-0.06772,0.07357,-0.06567,-0.04185,-0.00716,0.08002,0.06065,0.01531,0.02511,-0.00413,0.05748,-0.07946,0.07553,0.04149,-0.05908,-0.02984,0.05913,-0.07243,-0.00999,-0.00882,-0.0143,-0.00114,0.03941,-0.04136,-0.0217,-0.05992,0.0307,0.04578,-0.08331,0.0621,0.02245,0.00064,-0.04325,0.03128,-0.0507,-0.08303,0.02528,0.09702,0.0044,0.01939,0.01413,-0.02368,0.00295,0.02151,0.02125,0.06527,-0.03573,-0.01397,-0.06541,-0.01775,0.04427,-0.01932,-0.10601,0.00934,-0.03514,0.01125,0.08405,0.10304,0.05109,0.02649,-0.04311,0.00639,0.06152,0.0212,-0.04982,0,0.11048,-0.07249,-0.07103,0.08376,0.05526,0.02378,0.0367,-0.08167,-0.13795,-0.02543,0.00351,0.01206,-0.04324,0.05174,0.0402,-0.10112,-0.02673,0.05976,-0.08062,-0.03043,-0.0145,-0.00589,-0.01471,-0.03693,0.06059,0.12706,-0.04869,0.00067,-0.0696,0.06271,-0.00279,-0.11547,-0.00583,-0.03366,0.03711,0.01336,0.0044,-0.10114,-0.00578,0.04628,-0.09066,-0.04463,-0.08831,-0.05159,-0.09896,0.01632,-0.04532,0.04497,0.01161,0.05003,0.0424,0.00049,0.04523,-0.07382,0.03027,-0.07683,-0.04868,0.04653,-0.04902,0.00602,-0.05818,0.05948,-0.09277,0.00688,-0.05795,0.02712,0.01713,-0.03438,0.0414,-0.07815,-0.05399,0.03528,0.02118,-0.01425,0.01521,-0.00974,0.01484,-0.0396,-0.03675,-0.02132,-0.08911,-0.01868,-0.01697,-0.04588,-0.03897,-0.03383,0.06907,-0.04211,-0.06228,-0.01116,-0.07379,-0.02692,0.00404,0.04463,0.07838,0,-0.01277,-0.01735,0.01157,0.01463,0.07038,-0.00597,0.0761,-0.04611,0.0712,0.02084,-0.04313,0.03869,0.01712,-0.06431,-0.00854,-0.0504,0.00097,-0.03813,0.01967,0.02958,0.0772,0.01946,-0.02278,0.01354,-0.01629,0.04061,0.03302,-0.06651,0.01226,0.01778,0.02334,-0.1175,0.00885,-0.04109,0.03189,0.02936,0.017,0.02424,0.02566,-0.04231,0.03001,-0.01095,-0.02611,0.03633,0.01328,0.05892,0.00751,0.00404,0.0122,-0.00504,-0.06901,0.01708,-0.04757,-0.04433,-0.04782,-0.01327,-0.00018,0.03867,-0.02884,0.05685,0.03628,-0.03837,-0.0162,0.05414,0.11039,0.06764,-0.04398,0.011,-0.03061,0.05634,0.02045,0.05336,-0.0368,0.0624,0.03765,0.03488,0.04515,0.11567,0.06219,0.09623,-0.00543,0.06116,0.07105,0.01154,0.10306,0.03972,0.01913,0.04572,0.03606,0.02791,0.00447,0.04169,0.08403,-0.03419,0.00856,0,-0.05278,-0.00291,-0.03708,0.02517,-0.10823,0.03336,0.02799,-0.02202,-0.02589,0.00726,0.11536,0.01688,-0.02258,-0.04641,0.0644,-0.04096,-0.0804,0.04323,-0.07795,-0.02043,-0.03526,0.02962,-0.03234,0.06139,-0.07832,0.02185,-0.01734,-0.02769,0.02524,0.00073,-0.00007,0.04693,0.09011,0.02462,0.02566,0.04832,-0.08912,0.02889,-0.03175,0.07868,-0.03538,-0.03772,-0.00315,-0.04206,0.01628,0.06138,0.01374,-0.04409,-0.09143,-0.0787,-0.0134,-0.00769,-0.07083,0.01744,0.07321,0.06932,0.06812,-0.00491,0.10713,-0.02885,0.00959,0.0538,-0.02793,0.00547],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. Foblex Flow Features Used - f-flow and f-canvas as the canvas root. - fZoom for interactive viewport scale. - fNode for match cards. - fConnection with fixed segmented routing for bracket links. - fConnectionMarkerArrow for directional relation markers. - fMinimap for overview navigation. - provideFLayout(...) to plug a custom tournament layout engine into the Flow rendering pipeline. f Zoom f Node f Connection f Connection Marker Arrow f Minimap provide F Layout","excerpt":"Foblex Flow Features Used - f-flow and f-canvas as the canvas root. - fZoom for interactive viewport scale. - fNode for match cards. - fConnection with fixed segmented routing for bracket links. - fConnectionMarkerArrow for directional relation markers. - fMinimap for overview navigation. - provideFLayout(...) to plug a custom tournament layout engine into the Flow rendering pipeline."},{"chunkId":"/examples/tournament-bracket#4","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.02915,0.07211,-0.02178,-0.06586,-0.00675,0.07059,-0.04968,0.03259,0.04089,0.03326,-0.14282,-0.06107,-0.03279,0.02507,0.04596,-0.03792,-0.01103,0.01052,0.00206,0.0088,-0.00074,-0.12857,-0.06931,-0.04459,-0.00813,0.02615,-0.01208,0.02421,0.02098,-0.0881,0.00097,0.08009,0.04677,0.01446,-0.01381,-0.02,-0.0679,-0.02967,-0.07557,-0.08418,0.00503,0.00986,0.03189,0.01941,0.00549,0.01908,-0.01571,-0.01047,-0.06938,0.04258,-0.11219,-0.06007,-0.03103,0.02173,0.08027,0.04277,0.03331,-0.08151,0.02009,-0.01442,0.00188,-0.03443,-0.09905,0.08888,-0.02789,0.00871,-0.0136,0.05842,0.01893,0.01958,-0.01941,-0.02438,0.02927,-0.04605,0.10454,0.02995,-0.03381,-0.01126,0.08776,-0.09835,-0.00308,-0.0363,-0.01348,0.00423,0.0352,-0.04396,0.00665,-0.13357,0.07326,0.04251,-0.0332,0.07775,0.03402,0.01835,-0.03368,-0.00727,-0.04035,-0.06164,0.01192,0.1189,0.00077,-0.01616,0.09344,0.02398,0.00876,-0.02389,0.07795,0.04041,-0.07306,-0.02117,-0.05075,0.00609,0.05519,-0.01963,-0.0623,-0.01299,0.01299,0.01484,0.06888,0.02656,0.01337,0.00481,0.03434,0.01448,0.0726,0.02408,-0.0551,0,0.09766,-0.08201,-0.06174,0.06862,0.08349,0.02729,0.04916,-0.07902,-0.08944,-0.06618,0.05056,0.02954,-0.02058,0.04482,0.07398,-0.01405,-0.04913,0.10515,-0.03802,-0.01837,0.04357,-0.00183,-0.02332,-0.03389,0.02568,0.14183,-0.02656,-0.02153,-0.09999,0.06077,0.00003,-0.07671,-0.00255,-0.00143,0.06592,0.08028,0.04855,-0.07479,0.0316,-0.01349,-0.08923,-0.03842,-0.0618,-0.10088,-0.06359,-0.00062,-0.04522,0.04435,-0.02484,0.03956,0.08363,0.01613,0.07895,-0.01426,0.02973,-0.01358,-0.04651,0.02688,0.02102,0.06714,-0.02406,0.11841,-0.08027,0.03665,-0.03353,0.05921,0.01856,-0.0372,0.05396,-0.09414,-0.06636,0.0413,-0.02222,-0.03301,0.04613,-0.06954,0.01275,-0.04412,-0.0289,-0.01205,-0.05678,0.00311,-0.03156,-0.02675,-0.04645,-0.04844,0.04241,0.00778,-0.10261,0.01479,-0.0224,-0.0745,0.00125,0.03154,0.06738,0,-0.0517,-0.05898,-0.00665,0.02963,0.07363,-0.02444,0.05555,-0.04205,0.05419,-0.04273,0.00995,0.03032,0.00938,-0.08135,-0.02099,-0.04762,-0.01176,-0.07748,0.00704,-0.00523,0.11071,0.02367,-0.04166,0.03258,-0.04224,0.00349,-0.03007,0.01312,0.03609,-0.0003,-0.00643,-0.06825,-0.05073,-0.04332,0.00997,-0.00144,-0.04407,0.05288,0.03688,-0.01012,-0.00195,0.00098,-0.06869,0.0342,0.01688,0.0829,-0.00842,-0.01555,0.03825,-0.03461,-0.0682,0.01624,-0.03125,-0.05469,-0.10151,0.00108,0.04042,0.0264,-0.02891,0.06973,0.01982,-0.02775,0.00995,0.0649,0.11192,0.09131,-0.05627,0.05582,0.00701,0.04704,0.05167,0.03457,-0.08508,0.05703,0.05427,0.0653,0.05131,0.1001,0.06127,0.10375,-0.023,0.06092,0.06941,0.01452,0.02839,0.0301,0.01051,0.02161,-0.00147,0.04425,-0.04497,0.01929,0.09283,0.00569,-0.03443,0,-0.06339,-0.01761,0.02284,0.04134,-0.09069,0.04397,-0.02035,-0.04476,-0.00321,0.02982,0.07419,0.05606,-0.03253,-0.01884,0.04484,-0.03212,-0.08496,0.03176,-0.10354,-0.05047,-0.04983,0.01511,0.0237,0.05001,-0.0044,0.03033,-0.04808,-0.07846,0.02394,0.03602,0.01458,0.07498,0.07205,0.07574,0.00424,0.05327,-0.06079,0.03428,-0.03491,0.02055,-0.05321,-0.05022,0.0176,-0.01815,0.00941,0.07989,0.01422,-0.04311,-0.06303,-0.04491,-0.03485,0.01067,-0.06662,0.021,0.01392,0.05749,0.0619,-0.01162,0.12717,-0.02161,-0.01412,0.05705,-0.01997,0.05553],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. Why It Matters It is a strong reference when you want to prove that Foblex Flow is not limited to process editors. The example shows how to keep your own domain model and your own layout rules while still reusing the same interaction primitives for panning, zooming, selection, minimap, and connected rendering.","excerpt":"Why It Matters It is a strong reference when you want to prove that Foblex Flow is not limited to process editors. The example shows how to keep your own domain model and your own layout rules while still reusing the same interaction primitives for panning, zooming, selection, minimap, and connected rendering."},{"chunkId":"/examples/tournament-bracket#5","slug":"tournament-bracket","route":"/examples/tournament-bracket","section":"examples","title":"Tournament Bracket","description":"Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap.","group":"Reference Apps","vector":[-0.0587,0.09747,-0.01605,-0.04743,0.01968,0.06539,-0.06215,-0.02475,-0.02668,0.03338,-0.09578,-0.06102,-0.01794,0.06278,0.03001,0.00203,0.00168,0.05632,0.05306,-0.04977,0.0013,-0.13509,-0.05801,-0.028,0.12439,0.00256,-0.02521,0.06308,-0.0037,-0.07109,-0.03099,-0.01922,0.07385,0.03719,-0.01724,-0.09713,-0.09336,-0.01106,-0.06765,-0.04275,-0.01817,-0.00122,0.01487,0.0366,0.00588,0.03673,-0.07907,0.03119,-0.00866,0.04248,-0.09269,-0.04936,-0.00925,-0.01105,0.0631,0.01854,0.00265,-0.08886,0.0333,-0.00623,0.09609,-0.04227,-0.09487,0.08435,-0.04063,-0.0206,0.01146,0.11004,0.0368,-0.0349,-0.02437,-0.01181,0.04893,-0.03067,0.06359,0.05404,-0.07467,-0.04476,0.04738,-0.0322,-0.03369,-0.03317,-0.01091,0.03632,0.041,-0.06615,-0.0037,-0.03769,0.0711,0.02039,-0.08851,0.08125,0.05524,0.03484,-0.0756,0.05107,-0.07022,-0.08078,0.03298,0.1063,0.00043,0.00714,-0.01228,-0.04015,0.00936,0.01205,0.05771,0.01917,-0.01418,0.03286,-0.03629,0.01802,0.01914,-0.03366,-0.10169,0.0392,0.0179,0.04317,0.03984,0.09199,0.06737,0.03956,-0.04013,-0.05714,0.09558,0.08957,-0.01583,0,0.16034,-0.11808,-0.072,0.08633,0.08548,-0.02421,0.02698,-0.06429,-0.13566,-0.0416,0.006,-0.00798,-0.01449,0.04035,0.0589,-0.05941,-0.001,0.07906,-0.04143,-0.02647,-0.08359,0.00922,-0.00269,-0.02475,0.0371,0.11583,-0.00806,-0.01119,-0.03702,0.0454,0.02568,-0.07403,-0.04213,-0.02857,0.0704,0.0292,0.01508,-0.05565,0.0433,0.04898,-0.10442,-0.06229,-0.04892,-0.04267,-0.07811,-0.00864,-0.03733,0.01765,0.00731,0.03345,0.0078,-0.01006,0.03954,-0.05654,-0.0067,-0.02819,-0.0305,0.01909,-0.04629,0.01117,-0.0659,0.03726,-0.02381,-0.00795,-0.05691,-0.01416,-0.00894,-0.07085,0.05,-0.07849,-0.0217,0.01988,0.02832,-0.02686,-0.00179,-0.01367,0.06411,-0.00823,-0.07526,-0.03854,-0.0579,-0.03647,-0.01389,-0.04508,-0.0732,0.01151,0.04471,-0.04072,-0.03789,-0.01274,-0.12725,-0.03051,-0.01241,0.02736,0.06886,0,-0.00889,0.00037,0.03534,-0.00928,0.10725,0.00635,0.05647,-0.01054,0.07065,0.0166,-0.01718,0.03228,0.03407,-0.07628,-0.01276,-0.00411,-0.00276,-0.02548,-0.01763,0.04756,0.06734,0.04945,-0.03385,0.04016,-0.01231,-0.00771,0.02075,-0.08276,0.06725,0.00312,0.02621,-0.09831,-0.03061,-0.01515,0.00296,0.04306,0.0001,0.02155,0.03199,-0.04534,0.01892,-0.02443,-0.03841,0.00376,0.03928,0.05496,0.03602,0.00365,0.00545,-0.02357,-0.04532,0.03239,-0.05169,-0.01654,-0.03648,-0.05966,-0.02474,0.01562,-0.00301,0.06695,0.00302,-0.03536,-0.02908,0.06039,0.03885,0.09097,-0.04066,0.01524,-0.0734,0.03311,-0.02808,0.04637,-0.02879,0.02251,0.02453,0.05191,0.00331,0.13759,-0.00564,0.07347,0.02192,0.0498,0.04315,-0.0009,0.07816,0.04574,0.04928,0.08982,0.00931,0.04132,-0.04929,0.01514,0.07388,-0.01821,0.00756,0,0.0046,0.01382,0.00378,0.0287,-0.12098,0.04549,0.02372,-0.0312,0.02181,0.02437,0.06151,0.00927,-0.03918,-0.01386,0.01821,-0.00538,-0.13755,0.09102,-0.0533,0.00114,-0.04225,0.01894,0.01182,0.05044,-0.00784,0.05716,-0.06067,-0.05107,-0.00611,-0.01252,0.03208,0.07681,0.08944,-0.03133,0.07733,0.05653,-0.08507,0.04096,0.00087,0.06494,-0.04692,-0.08083,0.01487,-0.01042,-0.00243,0.02205,0.01177,-0.04648,-0.04333,-0.07882,0.00999,-0.04863,-0.05351,-0.04037,0.0629,0.08397,0.0646,-0.00845,0.10999,-0.01201,0.0678,0.07174,-0.07934,0.02285],"keywords":"Tournament Bracket Tournament Bracket Tournament bracket demo with multiple layout strategies, bracket visibility filters, match drill-down, team stats, and minimap. Links - Source code: apps/example-apps/tournament-bracket","excerpt":"Links - Source code: apps/example-apps/tournament-bracket"},{"chunkId":"/showcase/overview#0","slug":"overview","route":"/showcase/overview","section":"showcase","title":"Built with Foblex Flow — Angular Apps and Products in Production","description":"Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities.","group":null,"vector":[-0.14755,-0.04599,-0.10783,-0.03349,0.04298,-0.015,-0.00165,0.08398,0.03005,0.01215,-0.08903,-0.04493,-0.08382,-0.01767,0.08453,-0.00251,-0.01817,0.01662,0.02145,0.00679,-0.01872,0.02388,-0.00291,-0.00488,-0.0475,0.04368,-0.01409,-0.06637,0.0261,-0.08119,0.03368,0.11577,0.04333,0.01474,-0.05947,0.08258,0.02594,-0.05972,-0.01525,-0.06131,0.01565,0.05709,-0.00775,0.00009,-0.04414,-0.00366,0.00341,0.00599,-0.03619,0.0962,-0.0965,-0.09457,-0.06245,0.09069,0.01643,0.02998,0.01194,-0.06409,0.01875,0.05587,0.03379,-0.01135,-0.00697,0.05809,-0.01348,0.04204,-0.10585,0.02894,0.00384,-0.10579,-0.03593,-0.02503,0.02533,-0.00132,0.03167,-0.04231,-0.00512,0.00917,0.03641,-0.0334,-0.01741,0.02298,0.01025,0.05605,-0.03983,0.08246,0.06424,-0.04189,0.01364,-0.00699,0.00661,0.06056,0.00635,-0.01158,0.0314,0.01266,0.02007,-0.03439,-0.08035,0.04027,-0.05657,-0.06459,0.08435,-0.01918,-0.09299,-0.04234,-0.00657,-0.00419,-0.00301,0.01655,-0.05851,0.00259,-0.02926,-0.11502,-0.0028,-0.05337,-0.04378,-0.02221,0.08293,-0.00295,-0.01666,0.0188,0.08626,0.00206,0.02694,0.00385,-0.0128,0,-0.04893,0.03763,-0.0362,0.02825,0.02435,-0.06955,0.01124,-0.00969,-0.01392,0.00223,0.00727,0.13404,-0.05133,0.09413,-0.00667,-0.06234,-0.05515,-0.01537,0.04912,-0.00355,0.0663,-0.05287,0.01703,0.09008,0.08168,0.05951,0.01843,0.02599,-0.00137,0.03776,0.00887,0.02125,-0.01595,0.00631,-0.04482,0.04472,-0.13498,-0.09695,-0.02558,0.02129,-0.0086,-0.02194,-0.10007,-0.00025,0.01887,-0.02808,-0.05716,-0.03462,0.14605,0.00048,-0.01656,0.01975,0.00207,0.06073,0.03707,-0.06094,-0.01643,0.06743,0.06439,0.05973,-0.00171,0.04164,-0.00855,-0.01845,0.02163,0.00995,0.00619,-0.02809,0.06109,-0.02195,-0.05651,0.04579,0.0474,0.02174,0.03982,-0.01257,-0.00639,0.02932,-0.00779,-0.04712,-0.05788,-0.01184,0.04054,0.07626,0.08245,-0.06656,-0.03664,-0.05801,-0.10319,-0.00538,0.08444,-0.01093,-0.0477,0.05823,-0.01246,0,-0.02728,-0.01372,-0.0288,0.06873,0.02743,-0.05932,0.01022,0.00727,0.0895,0.03418,0.00331,0.01966,0.04037,0.02926,0.03733,-0.03971,0.03112,-0.15006,0.02898,-0.05753,0.00081,-0.00138,0.02305,-0.09344,-0.04473,0.01757,-0.00925,-0.00363,0.018,-0.03741,0.03044,0.02412,-0.07413,-0.04512,-0.03921,-0.04122,0.00172,0.07038,0.04542,-0.11877,0.11029,0.00122,-0.03248,-0.00958,-0.07691,0.00028,-0.07754,-0.01396,0.02488,-0.03331,-0.03917,0.02958,-0.01243,-0.09708,-0.06938,0.06773,0.11706,0.04696,-0.03202,0.04308,-0.02154,-0.00345,0.07917,-0.04472,0.03109,0.05439,-0.02033,0.03061,0.00838,0.09989,0.07106,0.05408,-0.08879,0.03461,0.0169,0.07191,0.07034,0.0075,0.02178,0.03139,0.05183,0.07765,0.03214,0.06759,0.06629,-0.0233,-0.06811,-0.13642,0.04589,0.06615,-0.03903,0.03857,-0.02825,0.02001,0.01532,0,-0.10058,-0.00621,-0.00971,-0.01532,0.06213,0.06581,-0.02217,0.03243,-0.03918,0.00145,-0.0349,0.0043,-0.05399,0.02435,0.04679,0.01747,-0.04106,-0.00591,-0.03375,-0.07484,0.01135,0.04959,0.06051,0.06414,-0.00932,-0.03328,0.05357,-0.04848,0.01767,0.0177,-0.0048,0.07994,0.09797,-0.00598,0.00435,0.00751,-0.04257,0.01304,-0.08458,0.01654,0.01047,0.04426,-0.01003,-0.06291,-0.01956,0.02548,-0.08733,-0.09929,-0.00879,-0.01501,-0.02814,0.03623,-0.06789,0.07607,-0.03559,0.06183,-0.06652,-0.09416,0.09102,0.0031,-0.09726,-0.00065,0.10179,0.05094],"keywords":"Built with Foblex Flow — Angular Apps and Products in Production Built with Foblex Flow — Angular Apps and Products in Production Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities. Built with Foblex Flow This page collects real products and open-source references built with Foblex Flow. Use it when you want proof that the library works beyond isolated demos and can support workflow builders, AI tools, contact-center products, and other Angular graph interfaces.","excerpt":"Built with Foblex Flow This page collects real products and open-source references built with Foblex Flow. Use it when you want proof that the library works beyond isolated demos and can support workflow builders, AI tools, contact-center products, and other Angular graph interfaces."},{"chunkId":"/showcase/overview#1","slug":"overview","route":"/showcase/overview","section":"showcase","title":"Built with Foblex Flow — Angular Apps and Products in Production","description":"Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities.","group":null,"vector":[-0.124,-0.06292,-0.0809,-0.05395,0.06799,-0.01489,-0.04111,0.09209,0.02745,-0.0107,-0.10117,-0.02599,-0.0636,-0.08153,0.0989,0.01845,0.03254,0.0198,0.03427,-0.03762,-0.01785,0.00836,0.01011,0.01419,-0.03571,0.0485,-0.01026,-0.03573,0.0437,-0.0517,0.01185,0.15023,0.05978,0.02771,-0.04636,0.06578,0.0078,-0.04103,-0.07636,-0.05003,0.00317,0.04292,-0.02802,-0.01651,-0.01115,-0.03736,-0.00592,-0.02762,-0.06199,0.04867,-0.10189,-0.10579,-0.05386,0.06475,-0.023,-0.02457,0.02886,-0.08076,0.01772,0.025,0.0448,-0.02623,-0.00435,0.01963,0.0059,-0.01151,-0.11261,0.0417,-0.00426,-0.12679,-0.0368,0.00218,0.00824,0.00371,-0.02331,-0.02396,0.04303,-0.00535,-0.00414,-0.00057,-0.00032,0.04452,-0.02021,0.05381,-0.07143,0.07137,0.02634,0.00872,0.01631,0.01917,-0.02288,0.04532,0.02454,-0.04283,0.04198,-0.02093,0.03729,-0.05633,-0.03426,0.02362,-0.03626,-0.03459,0.0785,-0.07367,-0.08227,-0.00396,0.01419,0.03718,0.08392,0.04298,-0.0851,-0.01611,-0.03714,-0.12729,-0.03454,-0.05812,-0.01038,-0.05007,0.08707,0.0346,0.01014,0.03339,0.04434,-0.01794,0.05068,0.00494,-0.03494,0,-0.03746,0.00336,0.00594,0.01399,0.05542,-0.05567,0.01303,-0.03739,-0.02311,-0.01399,0.01869,0.13744,-0.05302,0.10018,0.014,-0.11218,-0.08582,0.01377,0.06876,0.00122,0.02203,-0.06827,0.02573,0.08176,0.04224,0.02187,-0.00014,0.03721,0.05108,0.02602,0.02529,0.043,0.0265,-0.01399,-0.06908,0.04607,-0.09935,-0.10488,0.06147,0.04399,-0.03104,-0.02362,-0.04018,0.02808,0.02179,-0.00471,-0.06666,-0.00345,0.10639,0.00662,-0.00558,0.05455,0.0662,0.03015,0.04848,-0.05563,0.00677,-0.00589,0.02613,0.10489,-0.04946,0.08526,-0.013,-0.02695,-0.03035,0.01613,0.05388,0.00029,0.05035,0.00866,-0.0392,0.06028,0.00311,-0.00251,0.01216,-0.01608,-0.01367,0.017,0.00988,-0.04527,-0.0435,0.02527,0.0163,0.08884,0.05697,-0.03103,-0.0813,-0.00451,-0.0994,0.0511,0.06206,0.01988,-0.00827,0.07349,0.03108,0,-0.05572,-0.01969,-0.04868,0.07789,0.06669,-0.06829,-0.02633,-0.02011,0.08587,0.05742,-0.00656,0.01622,-0.01236,0.02718,0.00007,-0.08559,0.01007,-0.0851,0.04445,-0.02963,0.03291,0.04227,-0.01865,-0.08759,-0.049,-0.00631,-0.0362,0.01782,0.0221,-0.08652,0.02336,-0.00497,-0.03236,-0.03099,0.00343,-0.03807,-0.03817,0.06832,0.08499,-0.1273,0.07861,-0.03762,-0.04979,-0.02539,-0.09949,0.01288,-0.07744,-0.00128,0.05468,-0.03434,-0.06628,0.04418,-0.01984,-0.09531,-0.0326,0.0174,0.07524,0.01427,-0.05943,0.05222,-0.00961,0.02888,0.09337,-0.07451,0.05606,0.02922,0.01076,0.07742,-0.0269,0.04187,0.07169,0.04667,-0.09702,0.04566,-0.01967,0.025,0.06012,-0.04384,0.01284,0.01586,0.02156,0.06226,0.07633,0.05014,0.05214,0.00288,-0.06631,-0.09709,0.01571,0.10545,-0.0712,0.0085,-0.03371,0.08727,-0.00881,0,-0.0637,-0.003,0.01554,0.0167,-0.00984,0.0433,-0.0235,0.0077,-0.03889,0.02424,-0.05329,-0.00198,-0.01929,0.06453,0.08851,0.04961,-0.05081,0.01592,-0.0425,-0.06349,0.01508,0.07437,0.04777,0.0484,-0.00863,-0.02925,0.04389,0.01862,0.03665,-0.03276,0.00161,0.0704,0.0814,0.00718,0.02749,-0.04725,-0.02761,0.03402,-0.05087,-0.01279,-0.00491,0.01072,0.02539,-0.06484,-0.05261,0.03923,-0.09704,-0.0909,-0.02601,0.02578,-0.03482,0.0368,-0.04663,0.05926,0.03649,0.04608,-0.06315,-0.07192,0.08749,0.04172,-0.03173,0.00677,0.123,0.0784],"keywords":"Built with Foblex Flow — Angular Apps and Products in Production Built with Foblex Flow — Angular Apps and Products in Production Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities. What you will find here - Open-source reference implementations with demos and source code. - Production products where node-based workflows are part of the real user experience. - A clearer sense of the product categories Foblex Flow already supports well. Some entries are open-source demos with public source links. Others are production or commercial products. The mix is intentional: it shows both implementation transparency and real-world adoption.","excerpt":"What you will find here - Open-source reference implementations with demos and source code. - Production products where node-based workflows are part of the real user experience. - A clearer sense of the product categories Foblex Flow already supports well. Some entries are open-source demos with public source links. Others are production or commercial products. The mix is intentional: it shows both implementation transparency and real-world adoption."},{"chunkId":"/showcase/overview#2","slug":"overview","route":"/showcase/overview","section":"showcase","title":"Built with Foblex Flow — Angular Apps and Products in Production","description":"Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities.","group":null,"vector":[-0.11338,-0.02529,-0.08927,-0.03608,0.04485,-0.02702,0.01171,0.08718,-0.00375,0.00354,-0.09666,-0.06798,-0.04097,-0.00223,0.06325,0.02286,0.02032,-0.03741,0.01058,0.01007,-0.02942,0.04315,-0.02844,-0.01908,-0.06574,0.05514,-0.0306,-0.04906,0.00607,-0.0697,0.01533,0.15355,0.05978,0.08972,-0.01803,0.08957,0.0132,-0.04294,-0.03389,-0.07991,0.0131,0.0262,-0.04171,-0.00205,0.00873,-0.04161,-0.02242,-0.03382,-0.02846,0.08837,-0.08466,-0.1178,-0.06528,0.11272,-0.0119,0.06636,0.02736,-0.09461,0.02624,-0.01663,0.02049,-0.00873,0.00404,0.07306,-0.02148,0.00166,-0.10821,0.04895,-0.01129,-0.09129,-0.03171,0.0001,0.00391,0.01025,0.03617,-0.04283,-0.03073,-0.05384,0.01745,-0.05377,-0.02902,0.00237,-0.05784,0.06456,-0.07327,0.07756,0.04437,-0.02886,0.0109,-0.01463,-0.00463,0.00915,0.07223,-0.0258,0.00966,-0.00635,0.00921,-0.07091,-0.05504,0.07301,-0.05049,-0.01605,0.06189,-0.04408,-0.11251,-0.03138,0.01014,0.01075,-0.01464,-0.02324,-0.056,-0.01336,-0.03692,-0.14561,-0.01083,-0.00935,0.00326,0.01905,0.09355,0.01486,0.04123,0.04039,0.02546,-0.00937,0.04674,0.00761,-0.02475,0,-0.0319,0.00374,-0.04024,0.021,0.06667,-0.03679,0.03378,-0.01423,0.00873,0.0114,-0.0166,0.14456,-0.05518,0.10083,0.01352,-0.08306,-0.00813,0.03995,0.00895,-0.00402,0.05141,-0.06663,0.00597,0.06142,0.08617,0.07449,0.00272,0.0225,0.06311,0.03148,-0.02974,0.02382,0.01206,0.03552,-0.08292,0.08571,-0.12301,-0.12009,0.02834,0.02498,-0.0729,-0.01523,-0.08357,-0.02062,0.05172,-0.01675,-0.03666,-0.00613,0.13798,0.02905,0.00992,0.01752,0.08296,0.01853,0.0176,-0.07422,0.01311,0.02,0.05785,0.07697,-0.06141,0.04958,-0.01934,0.02962,0.04175,0.01084,0.09434,0.01828,0.06446,-0.00075,-0.08222,0.05269,0.04186,0.03944,0.04875,-0.02281,-0.00798,-0.03828,-0.01126,-0.07696,-0.08199,0.00009,-0.00192,0.07007,0.06511,-0.0455,-0.05659,-0.04235,-0.10858,0.01934,0.0107,0.0047,-0.03623,0.077,-0.00372,0,-0.0457,-0.02976,-0.09759,0.04757,0.02888,-0.05508,0.03234,0.0067,0.0386,0.0491,-0.01569,0.01576,-0.02077,-0.02092,0.04503,-0.02071,0.00926,-0.09991,0.04065,-0.02046,0.04105,0.04279,-0.03244,-0.05867,-0.04257,0.02225,-0.02883,-0.00043,0.04459,-0.05525,-0.00022,-0.03123,-0.05097,-0.02395,0.00993,-0.03906,-0.00066,0.06962,0.05794,-0.04534,0.07798,-0.01743,-0.02108,0.05062,-0.07841,-0.01329,-0.06694,-0.02523,0.03946,-0.03355,-0.05875,0.00722,-0.02416,-0.1055,-0.05986,0.08259,0.08276,-0.02657,-0.09018,0.02544,0.02141,-0.00787,0.11169,-0.01546,0.06199,0.03586,-0.02425,0.05322,-0.08294,0.07321,0.09258,0.03904,-0.10929,0.00587,-0.00075,0.00428,0.03412,-0.01479,0.03847,0.04361,0.02748,0.06768,0.02582,0.05566,0.05056,0.01399,-0.04804,-0.05233,0.04697,0.0444,-0.05852,0.04278,0.01915,0.03153,-0.05728,0,-0.07109,0.00069,-0.0029,-0.0184,0.01625,0.01447,-0.0378,0.02997,-0.03753,-0.01419,-0.02302,-0.04024,-0.05446,0.03781,0.10879,0.00935,-0.04498,0.01112,-0.0646,-0.08806,0.02984,0.0655,0.00294,0.0221,-0.00024,-0.03405,0.01841,0.01872,0.03472,0.05889,0.02635,0.05764,0.06256,0.01481,0.00684,0.00302,-0.00074,-0.01912,-0.06576,-0.00451,0.02264,0.01558,-0.00087,-0.05282,0.00708,0.00007,-0.07481,-0.10621,0.02874,-0.01642,-0.05908,-0.00162,-0.05883,0.07864,0.01735,0.05279,-0.01837,-0.07675,0.12252,0.02324,-0.04275,0.00963,0.10681,0.07744],"keywords":"Built with Foblex Flow — Angular Apps and Products in Production Built with Foblex Flow — Angular Apps and Products in Production Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities. Representative use cases - Workflow Automation and Low Code builders for operations and business teams. - AI products, copilots, and agent orchestration interfaces. - Dev Tools and database-oriented editors. - Contact Center products and workflow surfaces. These categories are intentionally broader than the original raw tags, so the showcase stays easier to scan and filter.","excerpt":"Representative use cases - Workflow Automation and Low Code builders for operations and business teams. - AI products, copilots, and agent orchestration interfaces. - Dev Tools and database-oriented editors. - Contact Center products and workflow surfaces. These categories are intentionally broader than the original raw tags, so the showcase stays easier to scan and filter."},{"chunkId":"/showcase/overview#3","slug":"overview","route":"/showcase/overview","section":"showcase","title":"Built with Foblex Flow — Angular Apps and Products in Production","description":"Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities.","group":null,"vector":[-0.09927,0.00791,-0.06474,-0.0278,0.05806,-0.00947,-0.03762,0.05789,0.08178,0.03703,-0.11432,-0.02882,-0.0605,0.01123,0.09899,-0.02304,-0.00836,-0.05819,-0.01891,-0.01757,-0.02803,-0.04929,-0.02134,-0.00318,-0.04989,0.05863,-0.01184,-0.0335,0.01912,-0.08604,0.00582,0.11553,0.03806,0.05071,-0.09728,0.09468,-0.01177,-0.02302,-0.05013,-0.0827,0.00978,0.03243,-0.00984,-0.0136,-0.02948,-0.0349,0.02067,-0.02767,-0.04349,0.10572,-0.07164,-0.13452,-0.06573,0.10671,0.03658,0.04244,0.0443,-0.0745,0.01645,0.02018,0.00157,-0.05359,-0.01852,0.07931,0.00139,0.01331,-0.0829,0.00581,-0.02103,-0.09322,-0.0069,-0.02357,0.04982,-0.03419,0.01975,-0.04636,-0.01191,0.00532,0.03341,-0.04813,0.02395,-0.02868,-0.0117,0.08291,-0.05996,0.06645,0.04822,-0.07791,0.03454,0.01429,-0.02235,0.05672,0.0834,-0.00917,0.01496,0.02356,0.00732,-0.00309,-0.08749,0.04115,0.01117,-0.05237,0.09487,0.02013,-0.06543,-0.05241,0.01358,-0.02098,-0.01974,0.03138,-0.06791,0.03882,-0.00296,-0.07168,-0.0404,-0.06221,-0.03167,-0.0146,0.0216,0.03854,0.01499,0.018,0.06914,-0.00064,0.10194,0.03488,-0.03291,0,-0.01901,0.02584,-0.05092,0.0142,0.06679,-0.017,0.01604,-0.06545,0.00703,-0.01719,-0.01879,0.10758,-0.00563,0.08422,0.03729,-0.07816,-0.0646,0.02802,0.0185,0.01618,0.06458,-0.07256,-0.01992,0.05016,0.06422,0.07528,-0.00318,0.04336,-0.0047,0.03127,-0.01318,0.00942,-0.01873,0.03106,-0.02186,0.05835,-0.06678,-0.11941,0.02888,0.01064,-0.01275,-0.02779,-0.14565,-0.01331,0.02645,-0.02893,-0.05958,-0.01857,0.08358,0.01769,0.03185,0.03726,0.06683,0.01067,0.06107,-0.04585,0.03515,-0.00442,0.04518,0.05323,-0.01011,0.04733,-0.02816,0.02907,0.02258,0.04696,0.05091,0.01011,0.07056,-0.05921,-0.07853,0.04308,0.04263,0.02414,0.03719,-0.03102,-0.00147,0.00354,0.03598,-0.06157,-0.04025,-0.038,-0.00605,0.0779,0.06108,-0.06522,-0.04472,-0.02086,-0.12373,0.01819,0.06589,-0.0271,-0.00576,0.08086,0.01822,0,-0.05151,-0.02908,-0.05402,0.08699,0.04411,-0.05112,0.03377,0.00558,0.08954,0.018,0.02525,0.01584,-0.00115,-0.02543,0.00747,-0.02306,0.01571,-0.13668,0.03037,-0.0882,0.04689,-0.03336,-0.03156,-0.0046,-0.06245,0.02187,-0.02571,-0.04304,0.02675,-0.04419,0.00465,-0.02594,-0.05043,-0.07553,-0.00145,-0.0563,-0.04362,0.06643,0.03768,-0.06682,0.0384,-0.00591,-0.04531,0.03638,-0.09692,0.05824,-0.08126,-0.01296,0.0268,0.00321,-0.05056,0.04001,-0.00619,-0.11231,-0.07268,0.02762,0.1016,0.0247,-0.03675,0.0316,0.01821,-0.00891,0.07593,-0.00881,0.0284,0.08325,-0.0281,0.08811,0.02055,0.13583,0.1005,0.01472,-0.08774,0.03282,0.06154,0.04307,0.0561,-0.05083,0.01547,0.04333,-0.00675,0.09255,0.04811,0.05654,0.01573,0.0212,-0.07255,-0.05532,0.04145,0.05538,-0.06548,0.01376,0.00857,0.00671,-0.03205,0,-0.09836,-0.01093,0.0118,-0.01067,0.01859,0.01813,-0.03901,0.02885,0.05634,0.01513,-0.00492,0.05245,-0.07318,0.01818,0.07744,0.06046,-0.0329,0.02701,-0.04489,-0.11237,-0.0092,0.02384,-0.01028,0.05808,0.04548,-0.03753,-0.01369,-0.00976,0.01551,0.04802,-0.01267,0.04963,0.09078,0.05283,-0.02256,-0.00011,-0.01979,-0.01281,-0.04271,-0.00534,0.01496,0.04956,0.00276,-0.05112,-0.08581,0.0267,-0.05547,-0.10299,-0.02087,-0.05022,-0.02835,0.03357,-0.10688,0.08496,0.00594,0.07577,-0.04182,-0.05436,0.12331,-0.02186,-0.07579,0.01533,0.05632,0.01071],"keywords":"Built with Foblex Flow — Angular Apps and Products in Production Built with Foblex Flow — Angular Apps and Products in Production Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities. Why teams pick Foblex Flow - It gives Angular teams editor interactions without forcing a React-first architecture. - It supports production workflows like dragging, reassigning, snapping, selection, zoom, minimap, and alignment helpers. - It keeps graph state and domain rules in the application instead of hiding them in a black-box data model.","excerpt":"Why teams pick Foblex Flow - It gives Angular teams editor interactions without forcing a React-first architecture. - It supports production workflows like dragging, reassigning, snapping, selection, zoom, minimap, and alignment helpers. - It keeps graph state and domain rules in the application instead of hiding them in a black-box data model."},{"chunkId":"/showcase/overview#4","slug":"overview","route":"/showcase/overview","section":"showcase","title":"Built with Foblex Flow — Angular Apps and Products in Production","description":"Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities.","group":null,"vector":[-0.11515,-0.023,-0.10105,-0.04583,0.03266,0.02083,-0.00438,0.07956,-0.01488,0.04635,-0.0678,-0.052,-0.06059,-0.02033,0.06568,0.01384,0.00199,0.00797,0.0082,0.01401,-0.00937,0.01987,-0.00637,0.00137,-0.04554,0.04127,-0.00265,-0.03649,-0.0052,-0.0901,0.04217,0.10149,0.05879,0.04123,-0.03787,0.05952,0.00569,-0.07036,-0.03494,-0.08369,0.03126,0.00879,-0.01708,-0.00176,-0.01345,-0.04988,0.02769,0.00702,-0.00398,0.06124,-0.06811,-0.10171,-0.08145,0.05578,-0.04963,0.0029,0.01942,-0.06381,0.00216,0.01178,0.07362,-0.02527,-0.01448,0.0545,0.01892,0.01619,-0.12556,0.04722,-0.02496,-0.09951,-0.02192,-0.02814,0.00618,-0.02136,-0.01036,-0.05584,0.01535,0.01072,0.00866,-0.01356,-0.0144,0.0052,-0.0229,0.07399,-0.04426,0.07024,0.07257,-0.00166,-0.01156,-0.04647,-0.00674,0.06387,0.01294,-0.00892,0.01464,-0.00224,0.00811,-0.05855,-0.06156,0.05162,-0.03017,-0.06886,0.07812,-0.05614,-0.11149,-0.03135,-0.01075,0.02821,0.01454,0.0113,-0.08938,-0.01083,-0.03916,-0.09883,0.0057,-0.0303,-0.04507,-0.00536,0.09081,-0.01491,0.02415,-0.00406,0.06038,-0.03352,0.03564,0.03876,0.00155,0,-0.0575,0.03027,-0.03745,0.04082,0.05095,-0.04992,0.01534,-0.02916,-0.01134,0.00617,0.00513,0.0929,-0.04293,0.10186,-0.01657,-0.14834,-0.05398,-0.00401,0.07304,-0.01384,0.04651,-0.07529,0.00352,0.04556,0.07752,0.05584,0.01529,0.00488,-0.01312,0.03761,0.03086,0.02353,-0.01815,-0.00892,-0.07123,0.02153,-0.13949,-0.1029,0.00352,0.05095,-0.00145,-0.05737,-0.11068,0.00152,0.03185,-0.0035,-0.04652,-0.03426,0.13033,0.02997,0.01013,0.02852,-0.01132,0.0162,0.05645,-0.06352,-0.01645,0.01523,0.05642,0.03896,-0.01659,0.03946,-0.03139,-0.03549,-0.01712,0.00616,0.0368,-0.00752,0.05374,-0.00987,-0.05237,0.0272,0.06778,-0.01607,0.04096,-0.00704,0.00694,0.03854,0.00353,-0.05474,-0.07174,-0.02148,0.00875,0.08003,0.09266,-0.04311,-0.05866,-0.04559,-0.11581,0.00946,0.03843,0.026,-0.01983,0.04392,0.01871,0,-0.03125,-0.00979,-0.07596,0.05806,0.06139,-0.0417,0.01245,0.03577,0.09013,0.06109,-0.02426,0.02791,0.0214,0.02283,-0.00187,-0.04295,0.06387,-0.11291,0.0448,-0.0443,0.02273,0.05157,0.01138,-0.09024,-0.04374,-0.00159,0.01527,0.0205,0.02599,-0.05364,0.04415,0.00519,-0.07229,-0.03739,-0.04522,-0.03341,0.03182,0.05918,0.03921,-0.08889,0.0968,-0.03195,-0.01953,0.01458,-0.07841,-0.03666,-0.05463,-0.03436,0.0531,-0.00541,-0.03574,0.04397,-0.00175,-0.07617,-0.07103,0.07004,0.11795,0.0302,-0.02515,0.07382,0.00145,-0.02049,0.0976,-0.05779,0.07269,0.04226,-0.00818,0.07434,-0.00884,0.1094,0.04195,0.06,-0.07957,0.04753,0.01464,0.04851,0.06496,0.00111,0.0344,0.01585,0.05883,0.09898,0.03566,0.03333,0.06459,-0.04497,-0.07205,-0.11769,0.05801,0.07377,-0.0663,0.05271,0.01465,0.026,0.00159,0,-0.06556,0.00158,0.02318,0.00015,0.03895,0.04557,-0.02701,-0.01206,-0.00969,-0.06385,-0.04904,0.00241,-0.06338,0.09624,0.06407,-0.00391,-0.05856,0.03997,-0.04008,-0.11064,0.00785,0.07598,0.0795,0.04955,0.00933,-0.01707,0.03592,-0.03048,0.04364,0.02786,0.00304,0.07368,0.07664,-0.00785,-0.0186,-0.00874,-0.04138,0.02596,-0.08382,-0.01068,0.00288,0.04606,0.01342,-0.04972,0.00499,0.0385,-0.10522,-0.12662,-0.0107,-0.00284,-0.03653,0.03017,-0.05513,0.07425,0.01287,0.0797,-0.05326,-0.08006,0.11164,0.0181,-0.05771,0.02294,0.0813,0.07233],"keywords":"Built with Foblex Flow — Angular Apps and Products in Production Built with Foblex Flow — Angular Apps and Products in Production Real products shipping with Foblex Flow: contact-center platforms, AI agent orchestration, low-code tools, and developer utilities. Submit your project If you built something with Foblex Flow and want it listed here, open the submission thread in GitHub Discussions. Include a short product description, one screenshot, and links to a site, demo, or source repository if they are public. ::: showcase ::: Git Hub","excerpt":"Submit your project If you built something with Foblex Flow and want it listed here, open the submission thread in GitHub Discussions. Include a short product description, one screenshot, and links to a site, demo, or source repository if they are public. ::: showcase :::"},{"chunkId":"/blog/overview#0","slug":"overview","route":"/blog/overview","section":"blog","title":"Foblex Flow Articles","description":"Release notes, architecture articles, and Angular tutorials for node editors, workflow builders, and graph UI development with Foblex Flow.","group":"Articles","vector":[-0.09756,0.04148,-0.06588,0.04097,0.01054,-0.03055,-0.07191,0.06498,-0.01924,0.05843,-0.11546,-0.05273,-0.06813,0.00425,0.10526,0.06607,-0.0065,0.00168,0.0308,-0.04783,0.01535,-0.03785,0.02666,-0.04448,-0.00487,0.08186,0.01363,-0.03227,0.08239,-0.04299,0.08701,0.07703,0.02187,0.04088,-0.10853,0.10984,0.01502,-0.02504,0.00162,-0.04136,0.0483,0.06371,0.01232,-0.07441,-0.01452,-0.02534,-0.06213,-0.01557,-0.03871,0.04598,-0.08581,-0.11124,-0.07337,0.04423,0.03303,0.03788,-0.00196,-0.05722,0.02524,-0.01657,0.0489,-0.03674,0.01194,0.02696,0.04044,0.01155,-0.09077,0.04012,0.01587,-0.03625,0.01926,-0.06084,0.01653,-0.03193,0.02163,-0.00479,-0.00726,0.04165,-0.01256,-0.07212,0.00179,0.04134,0.0043,0.07473,-0.01512,0.10812,0.02797,-0.07353,-0.00966,-0.01386,0.0299,0.03611,0.00629,-0.02034,0.10051,0.03858,0.00254,-0.06156,-0.10734,0.04061,-0.02341,-0.07661,0.07551,-0.0033,-0.04719,-0.00169,0.00697,0.01432,-0.03829,-0.01784,-0.04314,0.06686,-0.00134,-0.06739,0.01286,-0.0554,-0.01056,-0.04013,0.07065,0.11117,0.01633,0.01041,-0.00405,0.00463,0.07772,-0.00981,-0.0043,0,0.03274,0.0733,-0.03471,0.05163,0.12668,-0.02896,0.02529,-0.06118,-0.0323,0.06933,0.02498,0.02307,-0.06665,0.04431,0.0094,-0.13981,-0.05279,-0.02244,0.05731,-0.02078,0.0847,-0.09784,-0.01514,0.06715,0.10241,0.07728,0.0374,0.00864,-0.08539,0.03286,-0.00967,0.03618,-0.01192,0.00975,-0.05921,0.0101,-0.06696,-0.09437,-0.00535,-0.03469,-0.02757,-0.04828,-0.08972,-0.05139,0.01586,-0.00374,-0.06025,-0.05008,0.12314,0.00952,-0.01273,0.02911,0.02417,0.04567,0.06614,-0.0893,-0.01923,0.02549,0.04095,0.05649,0.05173,0.05126,-0.05603,-0.02686,-0.03325,0.02082,-0.02326,0.00822,0.0797,-0.06596,-0.0506,0.06807,0.02646,0.00865,0.01536,-0.00355,-0.02589,-0.04003,-0.00317,-0.06003,-0.06019,-0.0381,-0.01334,0.09169,0.15292,-0.05913,0.00019,-0.03241,-0.0837,-0.01546,0.05467,-0.0007,0.02343,-0.00707,0.01958,0,0.00287,0.02534,-0.0274,0.05692,0.03088,-0.10761,-0.00491,-0.00563,0.08772,0.06087,-0.00806,0.02416,0.01685,-0.03773,0.01274,-0.01524,-0.02698,-0.14908,0.0663,-0.02406,0.02175,0.03749,-0.03048,-0.0442,-0.01815,0.0321,0.01051,-0.00491,0.04767,-0.04685,-0.04249,-0.02037,-0.0192,-0.05119,0.00175,0.0007,0.0342,0.01938,0.01052,-0.05083,0.05694,-0.02431,-0.03362,-0.02413,-0.08091,0.03721,-0.04961,0.07721,-0.06103,-0.01467,-0.02704,0.03565,0.00806,-0.04212,-0.08373,-0.01383,0.12441,0.01767,-0.02644,0.03386,-0.06056,0.01203,0.04308,-0.0015,0.0065,-0.00974,-0.06917,0.00523,-0.0206,0.0948,0.00516,0.0199,-0.08181,0.02582,0.08103,0.03986,0.08906,-0.04487,0.05675,0.00782,-0.03259,0.08239,-0.0205,0.06046,0.07879,0.04843,-0.09227,-0.04261,0.03595,0.07089,-0.09626,0.04376,-0.01141,-0.00812,0.00034,0,-0.16266,-0.02143,-0.01862,-0.02618,0.07396,0.02362,-0.02231,0.02872,0.02178,-0.00969,0.02805,0.05482,-0.01424,0.00354,0.06223,-0.00882,-0.03204,0.00217,-0.00678,-0.0874,0.02504,0.00447,0.00409,0.02945,0.01164,-0.07254,0.00693,-0.01629,-0.02087,0.04083,-0.02052,0.08427,0.09585,0.06971,0.00504,0.01251,-0.00787,0.01295,-0.05438,-0.01626,0.04864,0.05978,0.01958,-0.03126,-0.06634,0.06268,-0.06205,-0.05652,-0.00383,-0.05508,-0.06136,-0.00649,-0.08029,0.07247,0.03765,0.07475,-0.03434,-0.05939,0.08854,-0.00108,-0.03255,0.03805,0.00153,-0.00703],"keywords":"Foblex Flow Articles Foblex Flow Articles Release notes, architecture articles, and Angular tutorials for node editors, workflow builders, and graph UI development with Foblex Flow. Foblex Flow Articles This archive combines release notes, architecture deep dives, and hands-on Angular tutorials around node-based UIs, workflow builders, and custom graph interfaces. Start with the latest release for managed graph state, large-flow performance work, and Angular Elements / Shadow DOM support. Read the Feature Deep Dives when you want the design story behind a single feature, the Inside Foblex Flow series when you care about architecture, and use the Building AI Low-Code Platform series when you want a step-by-step build path. ::: preview-group [Releases] [Feature Deep Dives] [Inside Foblex Flow] [Building AI Low-Code Platform] [Call Flow Editor] ::: U Is","excerpt":"Foblex Flow Articles This archive combines release notes, architecture deep dives, and hands-on Angular tutorials around node-based UIs, workflow builders, and custom graph interfaces. Start with the latest release for managed graph state, large-flow performance work, and Angular Elements / Shadow DOM support. Read the Feature Deep Dives when you want the design story behind a single feature, the Inside Foblex Flow series when you care about architecture, and use the Building AI Low-Code Platform series when you want a step-by-step build path. ::: preview-group [Releases] [Feature Deep Dives] [Inside Foblex Flow] [Building AI Low-Code Platform] [Call Flow Editor] :::"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#0","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09094,-0.03163,-0.01784,0.05447,0.00179,0.00393,-0.04706,0.05353,0.0412,0.00793,-0.03418,0.01539,-0.08315,-0.02591,0.07195,0.02192,0.01744,-0.02753,-0.04463,0.04591,-0.03923,-0.07866,-0.01122,-0.05594,-0.04938,0.03919,-0.03284,-0.0628,0.02851,-0.09211,0.04159,0.08513,0.02758,0.04022,-0.09838,0.05334,-0.01158,-0.03691,-0.07065,-0.04682,0.00387,0.00434,0.02537,0.00173,-0.00742,-0.02267,0.00935,-0.04194,-0.06233,0.06649,0.01046,-0.04866,-0.00105,0.06043,-0.00258,0.05287,0.03493,0.00985,-0.00946,0.01572,-0.03875,0.00657,-0.04246,0.02454,0.03239,0.03776,0.00847,-0.04614,-0.00765,-0.03416,-0.03968,-0.04068,-0.00242,-0.09794,0.01089,-0.05075,-0.01006,0.0305,-0.03697,-0.09367,0.09167,-0.02349,-0.00136,0.05335,0.00383,0.08619,0.01928,-0.06707,0.05288,0.07053,-0.01828,0.03916,0.06078,-0.00631,0.04726,0.00271,0.0239,0.03177,-0.06243,0.06515,0.06919,0.00022,0.05093,0.04021,0.00684,-0.0123,0.01756,-0.00306,-0.03155,-0.01872,-0.02092,0.02995,0.03044,-0.04855,-0.01823,-0.0305,-0.00874,-0.04275,0.03383,0.03028,0.02004,-0.01722,0.02362,-0.04323,0.03431,-0.04719,-0.043,0,-0.00776,0.03752,-0.0733,-0.01281,0.08079,0.04499,0.01253,-0.03982,-0.0676,-0.03211,0.06748,0.0411,-0.04014,0.07657,0.04879,-0.07657,-0.03393,0.07148,-0.02475,-0.02647,0.10789,-0.00104,-0.02479,-0.03705,0.04967,0.10054,-0.01302,0.04236,-0.03635,0.00775,-0.06653,-0.0051,0.00072,0.05051,-0.03947,0.04474,-0.00041,-0.14491,0.04117,-0.10828,-0.06473,0.01261,-0.07405,-0.11188,-0.00782,-0.05534,-0.01724,0.05017,0.02821,-0.02058,-0.00061,0.04376,0.00289,0.05315,0.05341,-0.07988,0.01731,0.05338,0.02741,0.11353,0.07534,0.09554,-0.02754,-0.03402,0.00294,0.06952,-0.01337,0.04693,0.05299,-0.08748,-0.10068,0.07905,-0.03128,-0.01674,0.0669,-0.03382,0.00616,-0.08004,0.01578,-0.02157,-0.07024,-0.05255,-0.05451,0.06199,0.10682,-0.08253,0.00428,-0.05228,-0.06998,-0.01183,0.11926,-0.0823,0.05124,0.01071,0.04324,0,0.00282,0.01084,-0.0652,0.12033,0.02957,-0.06584,0.02395,0.05588,0.01105,-0.08448,0.0108,0.01261,0.00332,-0.02578,0.01324,0.00356,-0.01363,-0.12548,-0.03885,-0.05606,0.04862,0.00605,-0.03479,0.03258,-0.07817,0.03748,0.02232,0.04599,-0.00592,-0.04972,-0.04971,0.03482,-0.06034,-0.03528,0.02369,-0.02178,0.01108,0.0683,-0.00021,-0.04739,0.07437,0.01434,-0.02604,0.02503,-0.03115,0.11763,-0.18269,0.04342,0.01289,-0.01135,-0.0189,0.03638,-0.003,-0.02743,-0.06981,-0.03248,0.08676,-0.00454,-0.05263,0.02954,-0.05028,-0.00615,0.03693,0.00632,0.0482,0.02927,-0.02212,0.04943,0.02452,0.0595,0.11624,0.00406,-0.06998,-0.00373,0.09417,0.01994,0.12426,-0.03946,0.03816,0.02235,-0.00423,0.10663,0.04785,0.00577,0.00748,0.04701,-0.11531,-0.00401,0.01254,0.04503,-0.06775,0.03387,0.00471,0.02847,-0.02039,0,-0.15309,-0.02191,0.00019,0.00933,0.06653,0.04858,-0.02177,0.03819,-0.0199,0.00994,0.05252,0.04688,-0.00989,-0.07383,0.04999,0.02638,-0.02527,0.00568,-0.04385,-0.05072,-0.00926,0.02215,-0.01996,0.10508,0.00452,-0.06083,0.00421,0.04191,0.00617,0.03399,0.00934,0.07015,0.09764,0.1115,-0.07182,0.0169,-0.01373,0.01641,-0.00371,-0.04539,0.04822,-0.0132,-0.08256,-0.04191,-0.07271,0.02628,-0.04172,-0.06003,-0.01298,-0.0531,-0.08517,0.05076,-0.04297,0.0962,0.03972,0.08346,-0.0253,-0.0085,0.09607,0.05632,0.01246,-0.03679,-0.02299,0.03059],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support v19.0 opened up how a Foblex Flow editor can be driven: configurable control schemes, click-to-connect, keyboard editing, and one connector model. v19.1 focuses on what happens after those interactions begin changing a real application: where the graph state lives, how one gesture becomes one undo step, and how the runtime behaves as the editor grows or moves behind a Shadow DOM boundary. Today I'm shipping v19.1.0 with three main changes:","excerpt":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support v19.0 opened up how a Foblex Flow editor can be driven: configurable control schemes, click-to-connect, keyboard editing, and one connector model. v19.1 focuses on what happens after those interactions begin changing a real application: where the graph state lives, how one gesture becomes one undo step, and how the runtime behaves as the editor grows or moves behind a Shadow DOM boundary. Today I'm shipping v19.1.0 with three main changes:"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#1","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.10372,0.00188,-0.023,0.05737,0.01247,-0.03234,-0.03275,0.04015,0.0203,0.01992,-0.00925,0.01443,-0.08052,-0.01814,0.10404,0.05375,0.02126,0.05667,-0.00586,0.04492,-0.03253,-0.12021,-0.03074,-0.05838,-0.02327,0.07286,-0.00011,-0.06096,0.04218,-0.10548,0.06064,0.08038,0.00597,0.0291,-0.10852,0.04319,-0.00799,-0.03053,-0.08791,-0.04926,0.0092,0.0142,0.04674,-0.00734,-0.01625,-0.03347,0.0171,-0.02418,-0.04647,0.07898,0.02521,-0.08021,-0.00621,0.09224,-0.01614,0.05385,0.0449,-0.01616,0.00612,0.02259,0.00456,-0.0159,-0.01041,0.01848,0.00793,0.03214,0.00165,-0.06481,-0.00755,-0.0366,-0.02579,-0.01022,0.00476,-0.07386,0.00927,-0.01394,0.00502,0.01125,-0.06032,-0.08554,0.08046,-0.00341,-0.02716,0.07406,0.01947,0.09223,0.00652,-0.04302,0.02265,0.03112,-0.03393,0.0618,0.03614,-0.03499,0.01162,-0.01386,0.02139,0.02007,-0.10897,0.07142,0.07717,-0.007,0.03887,0.03179,-0.00959,-0.00541,-0.00925,-0.00355,-0.04029,-0.0037,-0.02643,0.04274,0.02488,-0.09659,-0.0249,-0.03556,-0.04688,-0.03987,0.02166,0.0433,0.02097,0.04068,0.03372,-0.0362,0.08704,-0.04021,-0.02794,0,-0.00002,0.04954,-0.0903,-0.01907,0.06461,0.02273,0.02921,-0.02933,-0.04525,-0.02427,0.04865,0.01262,-0.0224,0.05949,0.06317,-0.07145,-0.02013,0.04549,-0.01382,-0.02404,0.07853,-0.03649,-0.02536,-0.03853,0.06527,0.08895,-0.00774,0.04712,-0.04757,0.00939,-0.0359,-0.02374,0.02556,0.05912,-0.02361,0.05866,-0.03064,-0.14514,0.04049,-0.08903,-0.05977,0.00061,-0.08758,-0.09073,-0.03361,-0.05443,-0.05184,0.01395,0.03993,-0.00652,0.02459,0.04317,-0.00356,0.04717,0.05919,-0.08507,-0.00783,0.08443,0.04101,0.11114,0.05502,0.06209,-0.04234,-0.02243,-0.0175,0.03149,0.00385,0.04236,0.05236,-0.05837,-0.08618,0.07431,0.01638,-0.00701,0.05848,-0.04106,0.00767,-0.03575,0.02133,-0.0277,-0.07857,-0.07352,-0.03723,0.05119,0.10093,-0.08834,0.01351,-0.05184,-0.08647,-0.04145,0.09268,-0.06145,0.02765,-0.01241,0.01552,0,-0.02944,0.02837,-0.03935,0.1308,0.02448,-0.06764,0.03866,0.03443,-0.02661,-0.06569,0.02825,0.06006,-0.00892,-0.02575,0.06524,0.03692,-0.00733,-0.14178,-0.02963,-0.05151,0.04305,0.00914,-0.02905,0.01355,-0.07753,0.04545,0.04463,0.00674,0.00709,-0.02575,0.00504,0.05352,-0.03822,-0.04243,0.04281,-0.02573,-0.0036,0.08933,0.00335,-0.03647,0.0487,0.01394,-0.01845,0.02078,-0.07343,0.12181,-0.15929,0.04699,-0.00603,-0.01043,-0.0442,0.01759,-0.01514,-0.0238,-0.0514,-0.03904,0.04213,0.00695,-0.0197,0.01029,-0.02996,0.0049,0.01158,-0.02741,0.01134,0.04015,-0.0402,0.02501,-0.01045,0.07998,0.09259,0.0217,-0.04889,0.00504,0.06394,0.01279,0.15195,-0.03989,0.04095,0.01939,-0.00437,0.07744,0.03808,-0.00598,0.03946,0.05965,-0.15592,-0.02303,0.0191,0.03703,-0.0914,0.07112,0.01374,0.0155,-0.00647,0,-0.16465,-0.02921,0.01528,0.00714,0.06103,0.04614,0.003,0.06712,-0.01484,-0.01177,0.06017,0.03679,-0.01894,-0.05704,0.07326,0.00924,-0.00506,0.02152,-0.03953,-0.04644,-0.01238,0.03481,0.00293,0.11037,0.00581,-0.04131,0.05267,0.00351,0.0716,0.02149,0.02021,0.07179,0.11288,0.07278,-0.05184,0.04609,-0.01769,0.0339,-0.00317,-0.01401,0.03667,-0.00279,-0.05482,-0.04183,-0.10525,0.02849,-0.05446,-0.08161,-0.02568,-0.06089,-0.07442,0.02975,-0.06799,0.10221,0.0399,0.05178,-0.02628,-0.02503,0.09081,0.03174,0.01727,-0.03434,-0.0047,0.03296],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. - Managed Flow State - an opt-in, typed graph store installed with withFlowState(), including automatic updates from supported gestures, batched undo/redo, viewport history, and persistable snapshots. - Faster large flows - targeted connection redraws, model-space minimap geometry, batched registry notifications, cached connector geometry, and less work in drag hot paths. - Angular Elements and Shadow DOM support - pointer gestures and coordinate hit-testing now cross open shadow roots without changing normal DOM targeting behavior. with Flow State","excerpt":"- Managed Flow State - an opt-in, typed graph store installed with withFlowState(), including automatic updates from supported gestures, batched undo/redo, viewport history, and persistable snapshots. - Faster large flows - targeted connection redraws, model-space minimap geometry, batched registry notifications, cached connector geometry, and less work in drag hot paths. - Angular Elements and Shadow DOM support - pointer gestures and coordinate hit-testing now cross open shadow roots without changing normal DOM targeting behavior."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#2","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09422,0.01077,-0.03967,0.06798,0.01604,-0.00504,-0.03949,0.02559,0.03635,0.02967,-0.05158,0.00088,-0.08343,-0.01257,0.08808,0.04893,0.00331,0.01052,-0.00908,0.02309,-0.02539,-0.09183,-0.0419,-0.04495,-0.02165,0.05645,-0.02738,-0.03315,0.04607,-0.09708,0.05907,0.08137,0.00337,0.0351,-0.11186,0.04923,-0.04861,-0.00975,-0.07316,-0.04359,0.02963,0.02357,0.02373,-0.02391,-0.03076,-0.00615,-0.00241,-0.03389,-0.03809,0.06379,0.00257,-0.03359,-0.01958,0.07271,0.00552,0.0321,0.04647,-0.03726,-0.03231,0.00358,-0.03834,-0.00811,-0.01559,0.03748,0.03892,0.06544,-0.0257,-0.02298,-0.01567,-0.0486,0.00471,-0.03314,0.03229,-0.07907,0.02896,-0.04313,-0.00887,0.02511,-0.02388,-0.06439,0.05961,-0.00209,-0.01458,0.05016,0.0147,0.10395,-0.00685,-0.08395,0.0392,0.0475,-0.00588,0.06585,0.03627,-0.00106,0.03553,-0.00926,0.02599,0.00805,-0.09712,0.06026,0.06271,-0.0153,0.03726,0.03122,-0.0253,-0.02465,0.01409,0.02138,-0.00871,-0.00646,-0.03195,0.04266,0.04646,-0.08665,-0.03295,-0.03027,-0.02465,-0.06482,0.02501,0.03018,0.00555,0.00735,0.02572,-0.05053,0.05202,-0.04838,0.00425,0,-0.02016,0.02502,-0.07811,-0.01494,0.07298,0.06442,0.01515,-0.04808,-0.06878,-0.03672,0.05091,0.03855,-0.03665,0.04943,0.03072,-0.08333,-0.02482,0.06616,0.00526,-0.01823,0.10755,-0.01813,-0.02682,-0.03392,0.04283,0.08667,-0.00394,0.04054,-0.05054,0.02238,-0.03457,-0.0107,0.01094,0.04487,-0.03199,0.03933,-0.03801,-0.11017,0.01475,-0.10871,-0.0552,0.00666,-0.07833,-0.07572,-0.04662,-0.06731,-0.05153,0.00835,0.02833,0.00222,0.0284,0.04623,-0.01285,0.0424,0.07903,-0.05989,0.01247,0.08272,0.03551,0.08291,0.06642,0.09454,-0.05136,-0.03785,0.00418,0.05939,-0.00986,0.04077,0.04596,-0.1009,-0.07561,0.08002,0.01527,-0.0029,0.07462,-0.04572,0.03617,-0.04477,0.02255,-0.03966,-0.07453,-0.08798,-0.03458,0.07632,0.10613,-0.05207,0.00725,-0.0476,-0.04653,0.0019,0.10671,-0.07869,0.04456,-0.00934,0.0387,0,-0.0263,-0.01122,-0.04638,0.10898,0.05805,-0.09115,0.01436,0.06262,0.01182,-0.06178,0.04341,0.04693,-0.00805,-0.02705,0.06331,0.03131,-0.01337,-0.13689,-0.02453,-0.04757,0.01279,-0.00934,-0.00152,0.011,-0.0625,0.06265,0.01751,0.0396,0.02147,-0.04881,-0.02069,0.03186,-0.06221,-0.04312,0.01915,-0.02849,0.01127,0.09079,-0.02259,-0.04449,0.03672,0.02913,-0.04897,0.03369,-0.06058,0.107,-0.14259,0.01858,0.04176,0.01776,-0.05083,0.01568,-0.01333,-0.03238,-0.05952,-0.03233,0.05353,0.02582,-0.06612,0.01078,-0.05451,0.00358,0.02982,-0.01117,0.0604,0.04615,-0.03226,0.05067,0.02264,0.07917,0.12065,0.01956,-0.06655,0.01052,0.11343,0.03966,0.12676,0.00962,0.02689,0.03501,0.01029,0.10345,0.01778,0.00363,0.04787,0.00683,-0.13079,-0.03831,0.0115,0.05262,-0.07521,0.032,-0.01203,-0.00238,0.00354,0,-0.17401,-0.06149,0.01155,-0.02472,0.07836,0.03652,-0.03955,0.02345,-0.02535,-0.01395,0.0821,0.06225,0.00099,-0.07679,0.04014,-0.00427,-0.02472,0.00326,-0.03603,-0.0501,-0.02919,0.02943,-0.02631,0.10921,-0.00868,-0.04899,0.03629,-0.01321,0.03743,0.02674,-0.0106,0.08991,0.10724,0.10761,-0.03452,0.03906,-0.00662,0.03299,-0.03385,-0.05512,0.04812,0.00646,-0.03845,-0.03705,-0.07226,0.05038,-0.04501,-0.06419,-0.01172,-0.07855,-0.08884,0.05647,-0.06983,0.12006,0.03226,0.0578,-0.01513,-0.02641,0.07707,0.02085,-0.01359,-0.05221,0.04572,0.02548],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. There are no breaking changes in this release. Managed state is opt-in, and Shadow DOM support requires no additional provider.","excerpt":"There are no breaking changes in this release. Managed state is opt-in, and Shadow DOM support requires no additional provider."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#3","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.06569,-0.0252,-0.04445,0.05447,0.00342,-0.00042,0.0099,0.01481,0.07675,0.01553,-0.05264,-0.00451,-0.06102,0.00356,0.05864,0.03087,-0.00454,0.00038,-0.05024,0.03725,-0.02035,-0.11001,-0.01284,-0.02998,-0.03199,0.05055,0.00639,-0.05083,0.06132,-0.06201,0.02153,0.0482,0.00204,0.05565,-0.1238,0.04524,-0.04902,-0.00974,-0.07014,-0.08196,0.05205,0.02342,0.03261,0.00285,-0.03347,0.01182,0.0102,-0.00514,-0.04022,0.09992,-0.00582,-0.04923,0.00918,0.07741,0.01498,0.06814,0.04567,-0.00886,-0.04219,-0.00087,-0.01988,-0.00461,-0.01202,0.03124,0.02769,0.0677,-0.01858,0.01053,0.01164,-0.0584,0.00843,-0.01805,0.0342,-0.0682,0.02518,-0.0616,-0.04735,0.01025,-0.03344,-0.06275,0.05841,0.00222,0.02635,0.0256,0.04214,0.05547,-0.01119,-0.06708,0.01506,0.04385,-0.03031,0.0548,0.02574,-0.02299,0.04132,-0.02057,0.0385,0.02403,-0.08992,0.04855,0.07565,-0.00167,0.01488,0.06625,0.00171,-0.04862,-0.01129,-0.01917,-0.06546,0.01138,-0.05952,0.04272,0.05217,-0.04973,-0.03851,-0.04377,-0.03131,-0.01808,0.00658,0.04161,0.0313,-0.00556,0.02929,-0.02823,0.02557,-0.05909,-0.01634,0,0.01121,0.03829,-0.08039,0.00647,0.05305,0.05558,-0.00295,-0.05764,-0.03238,-0.05458,0.02406,0.06933,-0.01109,0.04883,0.0627,-0.07431,-0.05599,0.09286,0.03652,-0.01417,0.079,-0.01121,-0.04817,-0.05159,0.06676,0.12083,-0.017,0.06003,-0.03512,0.01658,-0.00895,-0.01071,-0.02527,0.00432,-0.02504,0.02692,-0.01522,-0.12571,0.03345,-0.09379,-0.03465,-0.03385,-0.09028,-0.08205,-0.04465,-0.08615,-0.06806,0.03537,-0.00413,-0.01395,0.05836,0.01143,-0.00988,-0.00171,0.0546,-0.05667,0.00722,0.027,0.02964,0.10154,0.06164,0.09859,-0.07511,0.00826,0.00568,0.07083,-0.00675,0.04416,0.04439,-0.09402,-0.05914,0.08455,-0.0039,-0.01701,0.06819,-0.03205,0.00533,-0.05463,-0.02836,-0.03743,-0.03321,-0.11182,-0.03895,0.05801,0.10612,-0.04367,-0.00123,-0.0564,-0.11589,0.02966,0.08305,-0.06251,0.06456,-0.00725,0.01698,0,0.0182,-0.01937,-0.02744,0.09515,0.06941,-0.07627,0.00891,0.02546,-0.00457,-0.08655,-0.00314,0.01644,0.00301,-0.00221,0.03701,0.05612,-0.00626,-0.09848,-0.0329,-0.08227,-0.00943,-0.02968,0.00769,0.00774,-0.11348,0.0231,0.00789,0.01524,0.0109,-0.04348,-0.06729,-0.00938,-0.01452,-0.03403,0.03069,-0.02049,0.01107,0.03113,0.01011,-0.02903,0.05581,0.02144,-0.04412,0.04507,-0.04306,0.08809,-0.20301,0.05081,0.01158,0.01432,-0.04761,0.01152,-0.05355,-0.08964,-0.03558,0.02265,0.08237,0.02134,-0.0462,0.00036,-0.05677,-0.01999,0.03905,0.01942,0.08929,0.0551,-0.01029,0.03681,0.02418,0.07532,0.15071,0.02239,-0.0524,0.00079,0.10189,0.00751,0.11985,-0.0025,0.04632,0.02069,-0.04299,0.09375,0.0705,0.0051,0.01896,0.08601,-0.0966,-0.01708,0.00932,0.04417,-0.06602,0.05058,0.04996,-0.00534,-0.01468,0,-0.14635,-0.00024,0.01581,-0.01204,0.05214,0.03746,-0.04075,0.0112,0.00341,-0.02847,0.04325,0.06198,-0.01019,-0.03953,0.05025,0.00481,0.01527,-0.03742,-0.04239,-0.05703,-0.00679,0.0454,-0.0235,0.12054,0.01445,-0.05608,0.02857,0.0311,0.03764,0.03796,0.001,0.04004,0.09509,0.10608,-0.06742,0.01522,0.00649,-0.00351,0.00627,-0.03938,0.03915,0.00273,-0.04455,-0.01797,-0.03834,0.04925,-0.01568,-0.0918,-0.01357,-0.06297,-0.10662,0.05037,-0.04683,0.12443,0.05012,0.07189,-0.03369,-0.02237,0.12962,0.03387,-0.02535,-0.04216,-0.01352,0.04396],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Managed State Without a Forced Data Shape Foblex Flow has traditionally emitted interaction events and left the application to update its own arrays or store. That model is still supported and remains useful when an editor already has a domain-specific state architecture. But it also means every application has to write the same coordination layer: update positions after a drag, add a connection after a create event, keep selection and canvas state in sync, and make several events from one gesture become one history entry.","excerpt":"Managed State Without a Forced Data Shape Foblex Flow has traditionally emitted interaction events and left the application to update its own arrays or store. That model is still supported and remains useful when an editor already has a domain-specific state architecture. But it also means every application has to write the same coordination layer: update positions after a drag, add a connection after a create event, keep selection and canvas state in sync, and make several events from one gesture become one history entry."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#4","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08923,0.02147,-0.05435,0.05952,-0.00229,-0.00947,-0.02792,0.04275,0.05955,0.02325,-0.04979,0.00467,-0.08307,-0.01241,0.06713,0.04099,-0.00599,0.01585,-0.00218,0.02052,-0.02916,-0.07121,-0.03909,-0.04595,-0.0419,0.05685,-0.027,-0.04219,0.04516,-0.08294,0.04532,0.0904,0.01796,0.04763,-0.09398,0.06633,-0.04073,-0.01496,-0.06163,-0.05203,0.01989,0.02208,0.03067,-0.01634,-0.03546,-0.01785,-0.01996,-0.0422,-0.04094,0.07065,-0.00014,-0.04327,-0.03619,0.0614,0.0078,0.05027,0.03626,-0.03497,-0.02327,0.0029,-0.02585,-0.00482,-0.01694,0.03611,0.04097,0.056,-0.02449,-0.01726,-0.01162,-0.04356,0.0056,-0.03458,0.0075,-0.07711,0.01027,-0.03658,-0.01034,0.02391,-0.0452,-0.08237,0.06631,0.00534,-0.01067,0.06626,0.03141,0.09346,-0.00552,-0.07591,0.06267,0.07051,-0.01759,0.04917,0.04757,-0.00887,0.02881,0.00223,0.03504,0.00797,-0.0838,0.06717,0.06446,-0.01817,0.03885,0.01393,-0.00887,-0.01113,0.01364,-0.00368,-0.01229,-0.02353,-0.05465,0.03997,0.04823,-0.07575,-0.03413,-0.02686,-0.0276,-0.05052,0.02776,0.0304,-0.00083,-0.00366,0.02567,-0.042,0.05466,-0.07621,-0.01426,0,-0.00963,0.03147,-0.071,-0.01611,0.07829,0.04939,0.00862,-0.05023,-0.07009,-0.04136,0.04005,0.03986,-0.03493,0.05104,0.03736,-0.07965,-0.02287,0.08452,-0.01776,-0.03556,0.11058,-0.02009,-0.0201,-0.03139,0.04347,0.09367,-0.00091,0.02671,-0.03427,0.02935,-0.02836,-0.0069,0.0007,0.05541,-0.024,0.05869,-0.01712,-0.11044,0.02747,-0.08074,-0.05316,0.00002,-0.07798,-0.08622,-0.03443,-0.05639,-0.05093,0.03041,0.02763,-0.00229,0.03208,0.04858,0.00725,0.04368,0.06349,-0.07455,0.00361,0.07791,0.0311,0.10813,0.06823,0.10586,-0.06434,-0.03921,-0.00811,0.04218,-0.01416,0.03299,0.05045,-0.09894,-0.08642,0.07622,0.01881,-0.01697,0.05466,-0.04104,0.02136,-0.05063,0.01881,-0.04692,-0.07954,-0.08293,-0.04938,0.05217,0.11185,-0.06504,0.01213,-0.05477,-0.06205,-0.00804,0.10548,-0.05972,0.04408,-0.00132,0.04823,0,-0.00541,-0.01455,-0.03639,0.11426,0.06294,-0.08328,0.02358,0.01983,0.00767,-0.05443,0.0238,0.03501,-0.0033,-0.03323,0.07541,0.01797,-0.01032,-0.14097,-0.04272,-0.05032,0.01205,-0.0131,-0.01453,0.0041,-0.05673,0.05717,0.01798,0.02309,0.00922,-0.02238,-0.04472,0.02537,-0.06733,-0.06409,0.03695,-0.01546,0.00638,0.09817,-0.01019,-0.04044,0.04855,0.02098,-0.03928,0.04124,-0.05239,0.11979,-0.15612,0.03154,0.04161,0.01281,-0.03371,0.01187,-0.00437,-0.03888,-0.04436,-0.01122,0.04624,0.01948,-0.04814,0.01392,-0.05195,0.00063,0.02628,-0.00455,0.05172,0.03075,-0.03401,0.04803,-0.01129,0.06161,0.12031,0.02333,-0.06632,0.0145,0.09961,0.02315,0.13847,0.00916,0.0274,0.04276,0.00664,0.11433,0.03439,0.01259,0.01717,0.00206,-0.12427,-0.03407,0.00716,0.04828,-0.07673,0.03141,0.0175,-0.00009,-0.01729,0,-0.17693,-0.06674,0.00123,-0.00829,0.0835,0.02977,-0.03748,0.05538,-0.01925,-0.00969,0.08155,0.05929,0.00155,-0.06378,0.0405,-0.01018,-0.02452,-0.01951,-0.04014,-0.04466,-0.03098,0.01566,-0.03144,0.12179,-0.00042,-0.05525,0.01912,-0.01166,0.03487,0.03764,-0.00065,0.09101,0.10643,0.1168,-0.03948,0.04628,-0.00944,0.03491,-0.03118,-0.06923,0.04306,0.00492,-0.03888,-0.04255,-0.05104,0.05073,-0.03977,-0.05989,-0.02835,-0.08709,-0.11453,0.05503,-0.06946,0.11593,0.03031,0.06956,-0.0181,-0.04144,0.07378,0.03069,-0.01495,-0.01646,0.02022,0.01215],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. v19.1 adds an opt-in path for applications that want that coordination built in:","excerpt":"v19.1 adds an opt-in path for applications that want that coordination built in:"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#5","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.11022,0.06386,-0.04406,0.06118,0.01113,0.01266,-0.02748,0.00794,0.05582,-0.0113,-0.0725,0.0093,-0.06931,-0.0619,-0.0025,0.02738,-0.03561,0.02209,0.01742,-0.02077,-0.03932,-0.04279,0.01328,-0.00565,-0.0249,0.1172,-0.01116,-0.04204,0.0253,-0.10515,0.05062,0.05542,0.0033,0.08302,-0.09213,0.07699,-0.04129,0.00395,-0.06777,-0.03511,0.09852,0.02595,0.02362,-0.01952,-0.01274,0.03249,-0.04096,-0.0216,-0.04079,0.08,-0.00712,-0.02664,0.04998,0.1038,-0.02039,0.04034,0.08341,-0.04933,-0.02964,0.03772,0.0008,-0.02774,0.00012,0.01342,0.0076,0.04557,-0.04957,0.01704,0.02316,-0.02427,0.05207,0.01022,0.01801,-0.08136,-0.00909,-0.0233,0.00295,0.03748,-0.05836,-0.04344,0.04783,-0.03077,-0.00681,-0.00287,0.02787,0.07383,-0.00083,-0.06441,-0.00766,0.04627,-0.08302,0.07494,-0.00745,-0.02716,0.04732,0.05029,0.01149,0.01621,-0.03188,0.05288,0.0663,0.00684,-0.03485,0.07294,-0.01959,-0.04619,-0.03152,0.01744,-0.01025,-0.01424,-0.0109,0.1087,0.04727,0.00107,-0.03424,-0.03628,-0.02667,-0.01498,-0.01622,0.05685,0.02702,-0.01956,-0.03087,-0.00825,0.07483,-0.03655,0.02007,0,0.00177,0.02112,-0.08441,-0.0045,0.09866,0.06842,-0.01521,-0.08209,-0.03712,0.00517,-0.02398,0.05077,-0.02692,-0.02425,-0.01994,-0.12375,-0.05267,0.0755,0.00907,-0.03503,0.09573,-0.04874,-0.0414,-0.03457,0.04351,0.09037,-0.08231,0.07776,-0.02811,0.00487,-0.0076,-0.01213,0.0063,0.00794,-0.00189,0.01713,0.01115,-0.08722,-0.01771,-0.08744,-0.01703,0.00878,-0.10388,-0.07325,-0.05596,-0.0973,-0.05866,0.01432,0.06446,0.00185,0.04395,-0.00436,-0.00021,-0.06316,0.05971,-0.0509,0.00362,0.06348,0.02063,0.10602,0.07746,0.08485,-0.02733,-0.06451,0.04149,0.07416,0.00856,0.03883,0.06958,-0.05544,-0.04793,0.08485,0.02569,-0.01001,0.08224,-0.02048,-0.02209,-0.03252,-0.02217,-0.01301,-0.02317,-0.11655,-0.04527,0.08479,0.13302,-0.0497,-0.01215,-0.07167,-0.08435,0.03989,0.11782,-0.01829,0.07028,-0.04245,0.01521,0,-0.00725,0.04068,-0.03001,0.0701,0.05036,-0.09643,0.02927,0.11698,0.02015,-0.01892,0.0176,-0.00298,-0.04714,-0.0195,0.0097,0.01928,0.00697,-0.10262,-0.02218,-0.06128,-0.01483,0.00196,-0.02539,0.04427,-0.04656,0.05385,-0.00059,0.03174,0.01407,-0.06235,-0.03232,-0.00693,-0.05236,-0.04025,0.03965,-0.02834,0.00568,0.09499,0.0316,-0.01837,0.00196,0.05675,-0.09832,0.01098,-0.07738,0.09382,-0.12769,0.09547,0.0003,0.03538,-0.04856,0.04104,-0.02537,0.01261,-0.04986,-0.00842,0.04709,-0.00779,-0.05609,0.02506,-0.01327,-0.04045,-0.01854,-0.03849,0.07967,0.03935,-0.04656,0.04105,0.01146,0.11993,0.08317,0.01835,-0.04076,0.01519,0.11557,0.02007,0.02881,-0.02643,0.01522,0.0448,-0.01025,0.09588,-0.0053,0.02194,0.05627,0.04205,-0.07727,-0.04974,0.03506,0.07847,-0.05693,0.01294,-0.0295,0.00531,-0.00597,0,-0.17494,-0.03851,-0.02198,-0.00106,0.06367,0.01694,-0.01234,0.045,0.00217,-0.07288,0.0599,0.07016,0.00462,-0.07057,0.05362,-0.01366,-0.00869,-0.02724,-0.02056,0.0034,0.00471,0.00923,-0.06569,0.11711,0.01926,-0.04532,0.0403,-0.00998,0.02586,-0.00561,-0.01439,0.02633,0.11573,0.13091,-0.07995,0.04067,-0.01192,0.00622,-0.03371,-0.00207,0.02357,0.05599,-0.06266,-0.02945,-0.10197,0.05102,-0.00645,-0.03683,0.00621,-0.05362,-0.04795,-0.0014,-0.04884,0.09456,0.03742,0.01632,-0.01576,-0.02414,0.03329,0.03992,-0.05835,-0.01692,0.03252,-0.02327],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. The records stay flat and application-shaped. Extend IFStateNode, IFStateGroup, or IFStateConnection with your own fields; there is no required data wrapper. injectFlowState<TNode, TConnection, TGroup() keeps those records typed through reads, mutations, history, and snapshots. The template renders the signals directly: `html @for (node of state.nodes(); track node.id) { <div fNode [fNodeId]=\"node.id\" [fNodePosition]=\"node.position\" {{ node.label }} </div } IF State Node IF State Group IF State Connection inject Flow State T Node T Connection T Group f Node f Node Id f Node Position","excerpt":"The records stay flat and application-shaped. Extend IFStateNode, IFStateGroup, or IFStateConnection with your own fields; there is no required data wrapper. injectFlowState<TNode, TConnection, TGroup() keeps those records typed through reads, mutations, history, and snapshots. The template renders the signals directly: `html @for (node of state.nodes(); track node.id) { <div fNode [fNodeId]=\"node.id\" [fNodePosition]=\"node.position\" {{ node.label }} </div }"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#6","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.14333,0.03397,-0.07202,0.07232,-0.00019,0.01936,-0.03073,-0.01207,0.06758,0.01751,-0.06153,0.0429,-0.03742,-0.05633,0.00919,0.00589,-0.04163,0.00771,-0.04563,-0.00778,-0.04415,-0.04444,-0.01307,-0.01805,-0.01162,0.06073,-0.00205,-0.06799,0.04373,-0.07284,0.07337,0.06416,-0.02958,0.02017,-0.06505,0.0884,-0.00963,0.02632,-0.04401,-0.05851,0.0808,-0.0169,0.0176,-0.0392,-0.04626,0.01524,-0.01809,0.00534,-0.06017,0.09313,-0.01745,0.01787,-0.03157,0.08959,0.00251,0.04802,0.07091,0.01096,-0.05583,0.05639,-0.04365,-0.05166,-0.04357,0.01101,0.03028,0.07582,-0.0361,-0.00243,-0.00531,-0.03351,0.03951,-0.00063,0.00193,-0.09903,-0.00981,-0.02309,-0.01869,0.04841,-0.06205,-0.06173,0.10406,-0.02007,0.05097,0.00447,0.00567,0.07675,0.01176,-0.09125,0.0703,0.05253,-0.02899,0.06348,0.0808,-0.01123,0.0524,0.02428,0.01745,0.04794,-0.04442,0.04436,0.03467,0.0102,0.01647,0.02461,0.02142,-0.03582,-0.0229,-0.00383,-0.02157,-0.00961,-0.01527,0.10622,0.0558,-0.0236,0.02791,-0.04234,-0.0105,-0.00741,-0.02034,0.04305,-0.02087,0.01092,0.01914,-0.0362,0.01219,-0.04548,0.05088,0,0.00816,0.0452,-0.09763,-0.04368,0.04098,0.0683,0.00245,-0.07909,-0.03202,-0.01051,0.01815,0.07117,-0.05366,0.02012,-0.00677,-0.01194,-0.03458,0.07973,0.02591,-0.01124,0.08685,-0.02103,-0.03188,0.00131,0.06239,0.06203,-0.01432,0.06409,-0.06104,-0.00306,0.02603,-0.00731,0.04077,-0.02964,0.00969,0.02376,0.00173,-0.09708,-0.00931,-0.07886,-0.01205,0.02664,-0.13654,-0.01642,-0.07295,-0.09899,-0.06531,0.01751,0.05857,0.03076,0.03499,0.03661,0.01353,-0.03112,0.00796,-0.09057,-0.01515,0.04699,0.06412,0.09916,0.09287,0.08179,-0.03205,0.00234,0.03094,0.09497,-0.00706,0.06129,0.05404,-0.10212,-0.10424,0.03507,-0.04639,-0.02209,0.06876,-0.07627,-0.00839,0.00216,0.02248,-0.01761,0.00065,-0.09674,-0.08727,0.10295,0.0664,-0.06524,-0.05095,-0.08028,-0.07493,0.00797,0.10451,-0.02224,0.06307,0.02303,0.07368,0,0.03221,-0.04592,-0.05154,0.08317,0.01533,-0.11677,0.02301,0.06346,0.00266,-0.04926,0.00072,0.02014,-0.00423,-0.01404,0.01908,0.01809,-0.00821,-0.14636,-0.02714,-0.03728,0.03365,-0.02613,-0.00042,0.04158,-0.06395,0.04011,0.0198,-0.03206,0.03413,-0.07956,-0.01185,-0.01541,-0.04542,-0.0396,-0.01676,-0.05899,0.00888,0.07213,0.00224,-0.03768,0.03318,0.08053,-0.08592,0.02062,-0.03631,0.10367,-0.10594,0.03278,-0.02078,0.00504,-0.02903,0.02592,-0.00613,-0.00127,-0.0287,-0.0359,0.07974,-0.01033,-0.07657,0.01817,-0.01743,0.00459,-0.00683,-0.0061,0.05039,0.04937,0.00186,0.03647,0.0368,0.04851,0.10456,-0.0172,-0.01298,0.00349,0.11335,0.03665,0.07643,-0.04958,0.0228,0.03863,-0.04675,0.09957,0.03091,-0.00063,0.02453,0.04095,-0.11056,-0.04798,0.06089,0.06856,-0.07041,0.00328,-0.03314,-0.02171,-0.00999,0,-0.1627,-0.01447,-0.01101,0.00562,0.07788,-0.00525,-0.02477,0.04717,0.01308,-0.04522,0.0373,0.05912,-0.02375,-0.10675,0.00983,-0.02843,0.0618,-0.025,-0.0289,0.05261,0.00369,-0.00301,-0.00835,0.10362,0.02776,-0.04972,0.04799,0.00359,-0.00364,0.03297,0.01214,0.03144,0.15226,0.06798,-0.07136,0.02048,-0.00085,0.02649,-0.01529,-0.04788,0.02287,0.01035,-0.01452,-0.04129,-0.08493,0.04705,-0.0261,-0.04568,0.00791,-0.04775,-0.10897,-0.00758,-0.05763,0.11579,0.02429,0.01831,-0.02922,-0.02178,0.10983,-0.01935,0.01056,-0.04068,0.0059,-0.0157],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. @for (connection of state.connections(); track connection.id) { <f-connection [fConnectionId]=\"connection.id\" [fSourceId]=\"connection.sourceId\" [fTargetId]=\"connection.targetId\" / } The application still owns what the records mean, how they are validated, and where snapshot() is persisted. The new state layer owns the repetitive editor bookkeeping. Applications that need different rules can supply a custom stateClass` and override the store behavior instead of forking the interaction pipeline. ::: ng-component <flow-state</flow-state [height]=\"600\" ::: f Connection Id f Source Id source Id f Target Id target Id state Class","excerpt":"@for (connection of state.connections(); track connection.id) { <f-connection [fConnectionId]=\"connection.id\" [fSourceId]=\"connection.sourceId\" [fTargetId]=\"connection.targetId\" / } The application still owns what the records mean, how they are validated, and where snapshot() is persisted. The new state layer owns the repetitive editor bookkeeping. Applications that need different rules can supply a custom stateClass` and override the store behavior instead of forking the interaction pipeline. ::: ng-component <flow-state</flow-state [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#7","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.06592,-0.00828,-0.01805,0.08563,0.00355,0.03556,-0.00592,-0.00583,0.05875,-0.00201,-0.01979,0.05935,-0.08971,-0.02135,0.00765,0.02633,-0.03376,0.02691,-0.02822,0.02703,-0.0047,-0.09503,-0.00471,-0.04463,-0.02268,0.05363,0.00406,-0.0392,0.0278,-0.09509,0.04748,0.06018,0.0373,0.0188,-0.1382,0.05965,-0.06487,-0.03503,-0.06869,-0.02963,0.06276,0.03584,0.01418,-0.01343,-0.01564,0.03942,-0.00811,-0.01494,-0.04407,0.06752,0.06247,-0.00588,0.01932,0.08909,0.02032,0.05327,0.04598,-0.02307,-0.0305,-0.0329,0.01141,-0.02049,-0.05764,0.00063,0.01733,0.03829,0.02193,-0.07084,0.01953,-0.00298,0.00317,-0.05881,0.02559,-0.08585,0.03151,-0.02208,-0.00914,0.03049,-0.07451,-0.06033,0.05273,-0.0265,0.02516,0.05748,0.02528,0.07756,-0.06467,-0.06549,0.06132,0.03107,-0.06803,0.02526,0.03016,-0.00913,0.04421,-0.05576,0.03988,0.02459,-0.05387,0.05259,0.08278,0.04098,0.02812,0.04315,-0.01678,-0.03367,-0.0378,-0.00583,-0.03898,0.02054,-0.03576,0.05386,0.05924,-0.00368,-0.01982,-0.02106,-0.02931,-0.02122,-0.0296,0.02127,0.01736,-0.01442,0.05678,-0.00931,0.00913,-0.06292,-0.03531,0,-0.01717,0.0205,-0.08539,-0.0401,0.0528,0.06961,-0.01142,-0.04192,-0.00373,-0.03164,0.05773,0.07792,0.00767,0.04376,0.01255,-0.09288,-0.02895,0.07664,0.0002,-0.029,0.08486,0.05174,-0.01658,-0.05588,0.06128,0.04976,-0.01852,0.06577,-0.03641,-0.00911,-0.01615,0.01538,-0.03263,0.03344,-0.01224,0.0563,-0.00403,-0.1225,0.00315,-0.10162,-0.02003,0.02164,-0.08856,-0.10522,-0.02723,-0.12615,-0.04496,-0.01126,0.05696,0.0075,0.05413,0.01052,0.01685,-0.00954,0.03225,-0.05221,-0.00473,0.06136,-0.00847,0.08921,0.10626,0.0747,-0.03015,-0.01951,-0.01935,0.07228,-0.01065,0.06305,0.01747,-0.07815,-0.04554,0.09952,-0.00084,-0.0386,0.04309,-0.02593,0.0367,-0.05132,-0.00185,-0.04338,-0.05129,-0.1249,-0.04619,0.07555,0.095,-0.06289,0.00527,-0.08921,-0.07622,0.0001,0.11199,-0.06814,0.031,0.01152,0.03569,0,0.03996,0.01679,-0.06567,0.10665,0.02657,-0.0982,-0.01439,0.06621,-0.01015,-0.10207,-0.01821,0.009,-0.00675,0.01185,0.04366,0.03302,0.01244,-0.09367,-0.07183,-0.05062,0.04106,-0.00826,0.01816,0.00919,-0.10527,0.03277,0.04462,0.02132,-0.01556,-0.06028,-0.01901,-0.00786,-0.02763,-0.02108,0.03947,-0.03085,-0.03395,0.0837,0.02869,-0.02701,0.06472,0.04224,-0.03703,0.03333,-0.01053,0.09187,-0.1597,0.06462,0.00546,-0.00347,-0.0401,0.01734,-0.02419,-0.02913,-0.05254,0.00405,0.11369,0.00592,-0.05442,0.0294,-0.06225,0.00034,0.02589,-0.01082,0.0361,0.04485,-0.00723,0.01548,0.00232,0.08241,0.11862,0.05463,-0.0915,-0.00011,0.0844,0.0038,0.06631,-0.02731,0.02113,-0.02257,-0.01258,0.03773,0.0526,0.02686,-0.00792,0.0571,-0.10997,-0.01298,0.00043,0.0385,-0.03631,0.00512,0.03715,-0.00678,-0.00354,0,-0.17701,-0.00457,0.02074,0.01566,0.0903,0.02452,-0.04557,0.05882,-0.03644,-0.06199,0.06867,0.06584,0.00378,-0.0688,0.03411,0.01147,0.0168,-0.01725,-0.0368,0.00541,-0.03063,0.00748,-0.02163,0.08806,-0.01937,-0.04821,0.00818,0.05471,0.04272,0.00627,0.04715,0.0755,0.10157,0.11001,-0.09803,0.01161,0.01588,0.00122,0.02991,-0.05335,0.03272,0.0319,-0.04796,-0.00294,-0.1025,0.04249,-0.04532,-0.07699,0.00292,-0.07866,-0.04819,0.03821,-0.05674,0.13885,0.03892,0.05516,-0.02387,-0.01586,0.08732,0.06223,-0.00081,-0.04226,-0.04323,0.01408],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. One Gesture, One History Action The difficult part of undo/redo is not keeping old arrays. It is deciding where an action starts and ends. A node drag can select the node first, emit several position updates, move descendants through a group transform, resize an auto-fit group, and finish by reparenting the node. Those are separate runtime events, but they are one action from the user's point of view. v19.1 batches them into one history item, so one undo() reverts the complete gesture. Managed state v1 automatically handles:","excerpt":"One Gesture, One History Action The difficult part of undo/redo is not keeping old arrays. It is deciding where an action starts and ends. A node drag can select the node first, emit several position updates, move descendants through a group transform, resize an auto-fit group, and finish by reparenting the node. Those are separate runtime events, but they are one action from the user's point of view. v19.1 batches them into one history item, so one undo() reverts the complete gesture. Managed state v1 automatically handles:"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#8","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08972,0.00466,-0.0306,0.06333,0.02056,0.02447,0.02016,0.00753,0.07368,0.0205,-0.02638,-0.00181,-0.08628,-0.04292,0.01828,0.02077,0.00273,0.01316,-0.02905,0.00975,-0.03504,-0.11922,-0.0085,-0.02502,0.0039,0.06234,-0.01506,-0.08155,0.02852,-0.11516,0.05278,0.09454,0.00111,0.01083,-0.10535,0.07313,-0.00626,-0.04466,-0.08399,-0.05126,0.0331,0.01974,0.00898,-0.01674,-0.01595,0.00501,-0.00778,-0.02551,-0.04843,0.08119,0.04246,-0.0757,-0.00517,0.07948,0.01199,0.05074,0.05268,-0.02031,0.00431,0.00044,0.0033,-0.01258,-0.02306,0.03956,0.02769,0.03854,-0.00847,-0.04895,0.0048,-0.02234,0.00216,-0.01042,0.03256,-0.06468,0.00745,-0.0232,0.01129,0.01796,-0.04575,-0.07092,0.05354,-0.00521,-0.00003,0.05145,0.02565,0.07729,0.00504,-0.03733,0.01637,0.06115,-0.07488,0.08442,0.02655,-0.03664,0.00413,0.0014,-0.00442,-0.00569,-0.06943,0.07246,0.05604,-0.00263,0.03026,0.00723,0.00235,-0.04994,0.00193,-0.02002,-0.04194,0.00866,-0.07446,0.01526,0.05682,-0.05066,-0.02639,0.00174,-0.00899,-0.01895,0.02902,0.01776,0.05475,0.01845,0.04133,-0.03639,0.04919,-0.02344,-0.0206,0,-0.00795,0.00535,-0.04336,0.03569,0.0992,0.01584,0.01302,-0.04551,-0.0748,-0.0576,0.01677,0.02911,-0.02647,0.0559,0.04588,-0.11394,0.00387,0.0579,-0.00494,-0.04283,0.08871,-0.00637,-0.05668,-0.02035,0.03987,0.07445,-0.02454,0.06798,-0.03381,0.01881,-0.04569,0.00434,-0.01381,0.04499,-0.0479,0.03517,-0.03008,-0.1104,0.04364,-0.07697,-0.05713,-0.00754,-0.13012,-0.09893,0.00277,-0.06875,-0.04866,0.05719,0.02254,0.00714,0.03489,0.0569,0.0282,0.01898,0.05579,-0.05094,0.00513,0.06696,0.02985,0.08638,0.09906,0.10618,-0.03653,-0.0197,0.04462,0.06085,-0.00158,0.06201,0.03249,-0.08839,-0.08277,0.09573,0.02483,-0.02636,0.06143,-0.04663,0.00457,-0.09047,-0.00006,-0.01368,-0.05646,-0.06577,-0.05055,0.03783,0.11846,-0.07318,0.01436,-0.03123,-0.10291,0.01934,0.09992,-0.06512,0.08694,-0.00498,0.0272,0,0.00082,0.03081,-0.02428,0.12654,0.06756,-0.05953,0.01581,0.06114,0.03216,-0.05398,-0.00137,0.03694,-0.01793,-0.03125,0.03584,0.02072,-0.02051,-0.11264,-0.03078,-0.05167,0.03385,0.00303,-0.0286,0.01615,-0.09268,0.04398,0.02618,0.01871,0.0098,-0.04759,-0.03544,0.01191,-0.07433,-0.01649,0.0578,-0.03432,0.00477,0.09987,-0.00296,-0.02888,0.00925,-0.00109,-0.06089,0.04824,-0.01128,0.09531,-0.16022,0.02913,-0.03151,0.03128,-0.05596,0.01913,-0.03823,-0.01234,-0.02156,-0.01484,0.06919,0.00348,-0.02515,0.016,-0.01418,-0.01833,0.03469,-0.00022,0.04063,0.02647,-0.05585,0.04061,0.02451,0.07534,0.11961,0.00856,-0.08554,-0.01872,0.08976,-0.00118,0.12099,-0.05059,0.03121,0.03122,-0.02384,0.09062,0.04013,-0.00219,-0.00701,0.0441,-0.12323,-0.00522,0.02323,0.06371,-0.08045,0.036,0.03814,0.01447,-0.02681,0,-0.15322,-0.01124,0.00421,0.00065,0.06638,0.03135,-0.00887,0.05903,0.00172,-0.02849,0.08541,0.0647,0.02795,-0.04756,0.0429,-0.00486,-0.00558,0.00419,-0.03985,-0.074,-0.01494,0.00956,-0.00994,0.11097,-0.01749,-0.05865,0.01313,0.02708,0.01214,0.02345,0.00293,0.05458,0.08121,0.13284,-0.08776,0.02779,-0.04895,0.03492,0.00159,-0.0175,0.05701,0.03475,-0.06346,-0.01766,-0.09179,0.0328,-0.01565,-0.081,-0.05051,-0.03716,-0.07635,0.031,-0.07401,0.12681,0.03926,0.07048,-0.0213,-0.01769,0.10499,0.0491,-0.04848,-0.0331,-0.0055,0.00006],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. - connection creation and endpoint reassignment - node and group movement, including multi-selection drags - selection changes - deletion of rendered nodes, groups, and connections - external palette drops through a configurable nodeFactory - optional drop-to-group reparenting - canvas pan and zoom, with configurable debounce - immutable programmatic add, update, remove, and moveNodes calls state.changes() increments when the outer batch settles, not once per internal event. That gives persistence and collaboration code one stable notification for the completed action: node Factory move Nodes","excerpt":"- connection creation and endpoint reassignment - node and group movement, including multi-selection drags - selection changes - deletion of rendered nodes, groups, and connections - external palette drops through a configurable nodeFactory - optional drop-to-group reparenting - canvas pan and zoom, with configurable debounce - immutable programmatic add, update, remove, and moveNodes calls state.changes() increments when the outer batch settles, not once per internal event. That gives persistence and collaboration code one stable notification for the completed action:"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#9","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09783,0.05165,-0.04877,0.04835,0.03868,0.01017,-0.01995,0.02068,0.04318,-0.00953,-0.0601,0.01206,-0.07371,-0.00714,0.02548,0.00721,-0.04117,0.01179,-0.00649,-0.0119,-0.03943,-0.08518,0.00435,-0.04196,0.01967,0.07926,-0.00402,-0.042,0.05641,-0.09947,0.02549,0.07559,0.0188,0.02143,-0.09207,0.04721,-0.07095,-0.00486,-0.05122,-0.05591,0.01528,0.06917,0.00053,0.00415,-0.03087,0.00426,-0.00267,-0.03781,-0.04173,0.09627,0.01559,-0.02746,-0.00696,0.06698,0.00838,0.0311,0.05852,-0.0231,-0.0146,0.02484,-0.06396,-0.0157,-0.03701,0.02011,0.05042,0.06003,-0.02475,-0.03364,-0.01016,-0.01274,0.01006,-0.0204,0.01631,-0.04365,0.0361,-0.02335,-0.03146,0.01924,-0.05522,-0.06825,0.04345,-0.03906,0.01328,0.06769,0.00873,0.09775,-0.03494,-0.07236,0.02682,0.07329,-0.04312,0.04003,0.06936,0.02521,0.01163,-0.01482,0.02271,0.01714,-0.05932,0.05056,0.077,-0.03022,0.07207,0.03532,-0.00256,-0.03396,0.00931,-0.01536,-0.03475,-0.01778,-0.04001,0.06625,0.05813,-0.03867,-0.01384,-0.05167,-0.00899,-0.0412,-0.0239,0.06104,0.03019,0.01728,0.01125,-0.03173,0.0032,-0.09679,0.00087,0,0.00876,-0.00807,-0.08332,-0.00643,0.06762,0.08154,-0.01157,-0.039,-0.07203,-0.03427,0.04585,0.03972,-0.02848,0.06455,0.04067,-0.07516,-0.01569,0.08507,0.01402,-0.03581,0.07329,-0.01581,-0.0082,-0.03329,0.04872,0.09921,-0.02915,0.04951,-0.0424,0.02803,-0.04638,0.00748,-0.03267,0.03535,-0.03122,0.07232,-0.0122,-0.13929,0.03359,-0.07254,-0.05897,-0.00164,-0.07856,-0.09154,-0.03819,-0.08477,-0.06714,0.03944,0.00483,0.01869,0.0501,0.04695,-0.02687,-0.00458,0.05038,-0.06521,0.01499,0.07438,0.019,0.10188,0.10689,0.09547,-0.05457,0.01419,0.02283,0.06033,0.00407,0.05438,0.00177,-0.08459,-0.05283,0.06289,0.01404,-0.0161,0.05954,-0.04353,0.06555,-0.02128,0.00973,-0.05064,-0.07753,-0.08924,-0.06549,-0.00216,0.09124,-0.06142,0.04387,-0.04435,-0.0371,0.00337,0.10223,-0.06743,0.04066,-0.00851,0.00873,0,0.00195,0.01943,-0.04688,0.08478,0.04515,-0.09402,0.00797,0.04605,-0.02572,-0.09666,0.02653,0.01716,-0.03144,-0.02557,0.0572,0.04032,0.01104,-0.11477,-0.08914,-0.076,-0.01462,-0.03358,-0.03847,0.01104,-0.065,0.03006,-0.00955,0.03352,0.02003,-0.05313,-0.04661,0.04145,-0.05865,-0.02393,0.04476,-0.02602,0.0275,0.07872,0.0199,-0.02521,0.04629,0.0431,-0.04013,0.03531,-0.04726,0.10875,-0.16351,0.04332,0.03344,0.02502,-0.01969,0.02837,-0.00496,-0.05591,-0.05836,-0.03321,0.06975,-0.00838,-0.05,-0.01542,-0.03367,0.00004,0.01173,-0.00061,0.05434,0.02274,-0.04159,0.04022,-0.01552,0.04435,0.15398,-0.00656,-0.04244,0.03993,0.06559,0.00706,0.11372,0.03259,0.02002,0.02496,-0.00838,0.10894,0.05074,-0.00218,0.03118,0.05178,-0.1647,-0.03851,0.03334,0.02668,-0.04985,0.01877,0.01608,0.00932,0.02299,0,-0.17776,-0.046,0.01317,0.00274,0.0722,0.04244,-0.03952,0.07728,-0.02142,-0.04638,0.07416,0.07197,0.01335,-0.0738,0.03739,0.00238,0.03573,-0.01648,-0.01119,-0.03178,-0.06016,0.02548,-0.0223,0.11844,-0.05557,-0.03028,-0.0249,0.0341,0.06505,0.01443,0.00588,0.09558,0.10191,0.08075,-0.04504,0.01109,0.01935,-0.00937,-0.04159,-0.02471,0.04008,-0.00858,-0.03279,-0.03129,-0.08952,0.03105,-0.01683,-0.04034,-0.01999,-0.07943,-0.08527,0.03087,-0.02799,0.13857,0.039,0.05669,-0.0137,-0.00444,0.05936,0.04625,-0.02163,-0.02542,0.01071,0.02052],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Selection and canvas transforms are part of history by default, and both can be disabled independently. historyLimit caps retained entries, while batch(work) lets application code combine several mutations into the same history step. history Limit","excerpt":"Selection and canvas transforms are part of history by default, and both can be disabled independently. historyLimit caps retained entries, while batch(work) lets application code combine several mutations into the same history step."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#10","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08894,-0.0276,-0.04146,0.07362,0.00691,0.05878,-0.01583,0.0216,0.05508,-0.00292,-0.03126,0.00407,-0.09999,-0.02336,-0.00892,-0.03584,-0.00698,0.03347,-0.01239,0.04826,-0.03105,-0.10074,0.00496,-0.02513,-0.00911,0.05783,0.04684,-0.01253,0.0264,-0.0882,0.01527,0.10862,0.04443,0.03174,-0.08646,-0.00243,-0.03086,-0.02391,-0.09285,-0.01915,0.0223,0.02771,0.01566,-0.04485,-0.05607,-0.00999,0.0226,-0.02238,-0.02639,0.05629,0.08288,0.00008,0.0199,0.07314,0.0083,0.0471,0.03055,0.02638,-0.01286,-0.02259,-0.02467,-0.01625,0.00302,0.03114,-0.00024,0.09215,0.00995,-0.08396,0.00742,-0.01204,-0.04356,-0.02687,0.06201,-0.11036,0.01518,-0.00684,-0.01201,0.01586,-0.05795,-0.05147,0.11121,-0.0227,-0.01179,0.07701,0.02448,0.05661,-0.03236,-0.06358,0.04765,0.05277,-0.10535,0.06115,0.04035,-0.03717,0.01055,-0.05087,0.00487,-0.02005,-0.05762,0.02244,0.09069,0.0066,0.04426,0.06342,0.00734,-0.04204,-0.00576,-0.00952,-0.05788,0.02762,-0.00644,0.07519,0.04924,-0.02822,-0.00855,0.00143,0.01376,-0.02275,-0.01952,0.03686,0.01931,0.00191,0.04672,-0.02114,0.05881,-0.03587,0.0124,0,-0.04633,0.00695,-0.08634,-0.00332,0.03281,0.05039,0.02332,0.01379,0.00892,-0.05371,0.07647,0.09117,-0.0194,0.01578,0.03505,-0.04738,-0.03335,0.06823,-0.0393,-0.04338,0.05434,-0.00812,-0.0444,-0.08008,0.03479,0.06028,-0.03923,0.0768,-0.06661,0.01847,-0.01398,0.0272,0.00961,0.00412,-0.05669,0.04058,0.02221,-0.09172,0.01266,-0.05108,-0.10227,0.00353,-0.09468,-0.11069,-0.01548,-0.11813,-0.04086,0.04245,0.04669,-0.03309,0.03852,0.0153,-0.00701,-0.03202,0.01426,-0.03136,-0.02396,0.05161,0.01745,0.05822,0.08089,0.06278,-0.0622,-0.01297,-0.00359,0.08611,0.04277,0.01817,-0.06113,-0.08248,-0.07999,0.08259,0.01921,-0.01141,0.05139,0.00636,0.02162,0.00046,-0.00378,-0.00668,0.01202,-0.07564,-0.01976,0.02682,0.10158,-0.10821,0.0295,-0.04525,-0.14513,0.00596,0.12289,-0.07264,0.1091,0.01776,0.01977,0,0.03694,0.00123,-0.07334,0.06362,0.04656,-0.0518,0.02567,0.07942,0.01857,-0.09747,0.02031,0.04764,-0.0314,-0.00975,-0.00624,0.03354,-0.00058,-0.0756,-0.06061,-0.03653,0.07115,-0.06013,-0.01365,-0.02177,-0.09655,0.04144,0.04326,0.02601,-0.00644,-0.04832,-0.00859,0.02214,-0.04939,-0.02431,0.02365,-0.02099,-0.05104,0.04006,-0.0638,-0.00311,0.03083,0.08029,-0.07755,0.03085,-0.04752,0.08509,-0.08365,0.01796,0.0142,0.02886,-0.06134,0.03541,0.01512,-0.02296,-0.03974,0.07359,0.07484,0.01129,-0.0351,0.04328,0.01608,-0.01956,-0.04011,-0.01181,0.02285,0.06657,-0.04253,0.08627,0.02469,0.07306,0.11244,-0.03563,-0.07403,-0.02053,0.05793,0.06043,0.09868,-0.04158,0.03625,0.00012,0.01306,0.02382,0.01696,-0.00849,0.01882,0.01424,-0.13808,-0.0217,0.03445,0.03215,-0.11035,-0.00125,0.04435,-0.03755,0.01243,0,-0.199,-0.01913,0.01714,0.04735,0.06069,-0.0396,-0.01261,0.04972,-0.05451,-0.08458,-0.0031,0.0902,0.01114,-0.05363,0.0485,0.03617,0.01981,-0.03293,-0.03255,-0.01949,-0.03485,0.01449,-0.00464,0.05667,-0.0247,-0.01452,-0.00958,0.04162,0.05924,0.02915,0.01511,0.04732,0.08588,0.10266,-0.12928,0.00629,-0.03559,-0.0059,0.04339,-0.03639,0.06547,0.01108,-0.05215,-0.01329,-0.10398,0.05341,0.01713,-0.02833,-0.03772,-0.03634,-0.08516,0.05397,-0.07521,0.1193,0.05529,0.02626,-0.00024,-0.01609,0.06307,0.03544,-0.02944,0.02434,-0.03232,0.03213],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Viewport History and Initialization Viewport state is where undo systems often become surprising. A user's pan or zoom is a real interaction and is recorded by default, but initial centering is usually application setup and should not become the first undo item. resetScaleAndCenter, fitToScreen, and centerGroupOrNode now accept an optional emitCanvasChange argument. Pass false for initial or application-driven viewport changes that should stay out of history: Undoing back to the initial loaded state also reruns the full-render lifecycle, so applications that center from fFullRendered receive the same lifecycle signal instead of waiting for an unrelated node change. reset Scale And Center fit To Screen center Group Or Node emit Canvas Change f Full Rendered","excerpt":"Viewport History and Initialization Viewport state is where undo systems often become surprising. A user's pan or zoom is a real interaction and is recorded by default, but initial centering is usually application setup and should not become the first undo item. resetScaleAndCenter, fitToScreen, and centerGroupOrNode now accept an optional emitCanvasChange argument. Pass false for initial or application-driven viewport changes that should stay out of history: Undoing back to the initial loaded state also reruns the full-render lifecycle, so applications that center from fFullRendered receive the same lifecycle signal instead of waiting for an unrelated node change."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#11","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.0958,0.00467,-0.05253,0.0972,-0.01975,0.03332,-0.00288,-0.00875,0.03639,0.01295,-0.02629,0.06307,-0.02088,-0.0391,0.03068,0.03857,-0.01558,-0.03875,-0.04875,0.00051,-0.00547,-0.09871,-0.06907,-0.01112,0.01707,0.0274,-0.01298,-0.03294,0.03308,-0.05026,0.02726,0.09411,-0.04838,0.00705,-0.05804,0.01114,0.0264,0.01547,-0.09572,-0.04861,0.11388,0.03437,-0.01076,-0.05341,-0.02727,0.04983,-0.01953,-0.0367,-0.09608,0.00649,0.02318,0.06592,-0.00604,0.15169,-0.00708,0.05664,0.12301,0.01471,-0.09048,0.03607,-0.0362,-0.04097,-0.03177,-0.00016,0.00758,0.08483,0.0157,-0.05672,0.02298,-0.02914,-0.02051,-0.00283,-0.01138,-0.09692,0.03195,-0.02308,0.00091,0.02598,-0.015,-0.04872,0.11071,0.04229,0.00276,0.03302,-0.02799,0.05903,-0.02713,-0.14111,0.04922,0.05845,-0.02924,0.04083,0.0322,-0.02249,0.04987,-0.01619,-0.00811,-0.0126,-0.05794,0.06256,0.05942,-0.03073,-0.00033,0.02001,-0.04076,-0.00057,-0.01829,0.01612,-0.02396,0.01621,-0.01212,0.05543,0.04846,-0.02669,-0.04228,0.0282,0.02674,-0.00863,-0.01984,0.0547,-0.03503,-0.01316,0.04877,0.00298,0.0099,0.04342,-0.06529,0,-0.07743,-0.02724,-0.04866,-0.02506,0.08071,0.05598,0.02,-0.05856,-0.0139,-0.01746,-0.01077,0.07861,-0.0121,-0.03691,0.00027,-0.085,0.00179,0.09019,0.01097,-0.03153,0.07779,0.01476,-0.01035,-0.04376,0.02733,0.01759,-0.03988,0.07362,-0.03162,0.00191,-0.0011,0.02852,-0.0156,0.03512,-0.02994,0.01049,-0.01906,-0.11295,-0.02248,-0.02274,-0.01606,0.01897,-0.09711,-0.00511,-0.03687,-0.09455,-0.04051,-0.0008,0.00116,-0.00164,0.02653,0.04831,0.00936,-0.0288,0.00449,-0.06223,-0.01197,0.03053,0.02143,0.00758,0.03277,0.03726,-0.09399,0.00797,0.06848,0.08399,0.01678,0.0551,-0.02844,-0.08391,-0.09371,0.15347,-0.01259,-0.03652,0.06195,-0.06444,0.05649,0.01356,-0.00618,0.01524,0.02576,-0.04774,-0.04806,0.09782,0.07667,-0.08058,-0.0149,-0.10636,-0.07119,0.03161,0.13835,-0.03259,0.05954,0.04105,0.04073,0,0.01008,-0.00245,-0.03361,0.02876,0.05813,-0.05776,0.04371,0.071,0.00036,-0.09778,0.02287,0.043,-0.01815,0.01806,0.00097,0.02996,-0.00438,-0.12634,-0.03776,-0.00777,0.05306,0.00134,-0.00619,-0.01351,-0.11288,-0.01588,0.00101,0.02644,0.0249,-0.02451,0.01635,0.01624,-0.08664,-0.02834,-0.03308,-0.01572,-0.05221,0.08309,0.00396,-0.00981,-0.00756,0.05841,-0.05624,0.05241,-0.01614,0.09202,-0.10906,-0.02569,-0.0483,0.06419,-0.07656,0.04812,-0.04751,-0.00168,-0.05515,-0.03311,0.10208,-0.00443,-0.09368,0.01928,0.05604,-0.01233,-0.03165,-0.02416,0.06252,0.01692,0.03886,0.03037,0.07874,0.0363,0.10356,0.03246,-0.03808,-0.03753,0.10278,0.05588,0.04797,-0.04771,-0.01861,0.05156,-0.05575,0.0745,-0.01147,-0.05853,0.01972,0.01619,-0.06761,0.00373,0.0747,0.08699,-0.06779,-0.01048,0.01457,0.00266,-0.05455,0,-0.09454,-0.03117,-0.04199,0.02178,0.07174,-0.00027,-0.02948,0.08576,-0.03515,-0.03501,0.00763,0.07007,-0.04718,-0.03721,0.08704,-0.02458,0.01133,-0.03588,-0.04312,-0.04749,-0.05459,-0.02561,-0.04213,0.16197,-0.00304,-0.08114,0.07327,0.01387,-0.01075,0.03362,-0.0106,0.04741,0.08195,0.1329,-0.06781,0.06533,-0.0248,0.06633,-0.02743,-0.01,0.03817,0.07295,-0.04603,-0.00792,-0.03692,0.03656,0.00532,-0.0291,0.00686,-0.01343,-0.05654,0.0482,-0.10304,0.11112,0.01391,0.03478,0.01798,-0.00138,0.05787,0.02668,-0.04479,-0.03334,0.00311,-0.04726],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Explicit v1 Boundaries Managed state v1 does not automatically capture rotation, connection waypoint editing, or user resize. Their existing public outputs still fire, so applications can update the managed records themselves when those interactions are enabled. Connection cascade during programmatic removal uses the rendered connector registry to resolve ownership. If an application removes a node before its connectors render, such as immediately after load() or during SSR, it should remove the known connection ids in the same state.batch(...) call. Drop-to-group has two independent switches: - fDropToGroup enables or disables the gesture and remains enabled by default for compatibility. - withFlowState({ dropToGroup: true }) allows managed state to apply the emitted reparenting and defaults to false. That separation prevents enabling the state plugin from silently changing an application's grouping rules. f Drop To Group with Flow State drop To Group","excerpt":"Explicit v1 Boundaries Managed state v1 does not automatically capture rotation, connection waypoint editing, or user resize. Their existing public outputs still fire, so applications can update the managed records themselves when those interactions are enabled. Connection cascade during programmatic removal uses the rendered connector registry to resolve ownership. If an application removes a node before its connectors render, such as immediately after load() or during SSR, it should remove the known connection ids in the same state.batch(...) call. Drop-to-group has two independent switches: - fDropToGroup enables or disables the gesture and remains enabled by default for compatibility. - withFlowState({ dropToGroup: true }) allows managed state to apply the emitted reparenting and defaults to false. That separation prevents enabling the state plugin from silently changing an application's grouping rules."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#12","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.07454,0.00801,-0.03127,0.05404,0.0153,0.00123,-0.05294,0.04258,0.05887,-0.00284,-0.05395,0.01736,-0.09171,-0.00591,0.07157,0.03006,0.00963,0.0221,-0.00432,0.00017,-0.04204,-0.09054,-0.01509,-0.04629,-0.00138,0.04843,-0.04301,-0.03178,0.03846,-0.0941,0.05088,0.08264,0.03719,0.04275,-0.08952,0.04858,-0.01954,-0.00386,-0.07992,-0.03874,0.01558,0.0561,0.04212,-0.01107,-0.03266,-0.00662,-0.00449,-0.0379,-0.05382,0.08066,-0.00952,-0.03352,-0.02499,0.05647,0.02111,0.03769,0.03355,-0.03987,-0.01758,0.01197,-0.03242,0.0029,-0.01935,0.02831,0.03138,0.05352,-0.00539,-0.01932,-0.00726,-0.0356,-0.00482,-0.033,-0.0015,-0.08057,0.01318,-0.03413,-0.00289,0.02479,-0.03523,-0.09589,0.06373,-0.02019,-0.01452,0.06224,0.00565,0.09209,0.01127,-0.08713,0.03863,0.05352,-0.00891,0.04814,0.03902,0.00322,0.03399,-0.0328,0.05781,0.01743,-0.07689,0.06656,0.07273,-0.01287,0.06938,0.02474,-0.01845,-0.01729,0.02302,0.02682,-0.03002,-0.01276,-0.02398,0.0407,0.04696,-0.0552,-0.0123,-0.02994,-0.02386,-0.07369,0.0394,0.02683,0.01279,0.01446,0.0231,-0.0266,0.03535,-0.06825,-0.00921,0,-0.00827,0.03739,-0.06225,-0.02039,0.08585,0.05989,0.00249,-0.04212,-0.05534,-0.03287,0.03574,0.02616,-0.03547,0.06722,0.0197,-0.07076,-0.01756,0.07505,-0.01826,-0.02211,0.09563,-0.01864,-0.02382,-0.03164,0.04737,0.08299,-0.00901,0.03652,-0.04215,0.01824,-0.04827,-0.01185,0.0004,0.03527,-0.02717,0.04257,-0.0235,-0.11847,0.0385,-0.0888,-0.05773,0.01351,-0.08803,-0.09211,-0.03059,-0.07242,-0.06216,0.04363,0.01317,0.00698,0.03818,0.04788,-0.0005,0.02465,0.08005,-0.05779,0.03121,0.07413,0.02139,0.11222,0.0799,0.1099,-0.05671,-0.02935,-0.01106,0.07003,-0.00597,0.04689,0.03669,-0.09523,-0.10086,0.0791,0.02,-0.02853,0.05985,-0.04112,0.02599,-0.06849,0.00215,-0.0387,-0.0802,-0.0997,-0.04114,0.04247,0.10133,-0.06251,0.0143,-0.04545,-0.04617,-0.00567,0.11895,-0.09474,0.04053,-0.00015,0.02732,0,-0.02923,0.00658,-0.03479,0.10787,0.04743,-0.09379,0.01604,0.05474,0.01877,-0.05628,0.04044,0.00152,-0.02016,-0.0456,0.06906,0.01551,0.02353,-0.14061,-0.04812,-0.05483,0.0179,-0.01988,-0.00268,0.0107,-0.05864,0.04849,0.02031,0.03616,0.00378,-0.05558,-0.02962,0.01637,-0.05485,-0.06044,0.03483,-0.02405,0.02717,0.06692,-0.00108,-0.05773,0.03232,0.04236,-0.0605,0.0245,-0.04784,0.14382,-0.1553,0.02298,0.0356,0.01693,-0.04262,0.01546,0.0182,-0.03515,-0.05716,-0.03285,0.05932,0.03231,-0.05629,0.01844,-0.06255,-0.01515,0.0345,-0.01872,0.05723,0.03053,-0.04501,0.04424,0.01534,0.07869,0.13141,0.03413,-0.08059,0.02462,0.09347,0.02933,0.11676,0.01711,0.02287,0.03404,0.01647,0.09914,0.03255,0.00743,0.02965,0.02682,-0.13284,-0.02284,0.00587,0.06683,-0.06771,0.02471,0.01574,0.0314,0.00917,0,-0.15732,-0.04612,0.00499,-0.03269,0.05997,0.04215,-0.03335,0.04953,-0.03073,-0.02044,0.10197,0.06103,0.00442,-0.08449,0.03112,0.00137,-0.01304,-0.02638,-0.02824,-0.0411,-0.02102,0.03002,-0.02077,0.11425,-0.03109,-0.05558,0.01878,0.01509,0.02564,0.01029,-0.01023,0.07975,0.1028,0.11009,-0.01927,0.01877,-0.01407,0.04492,-0.03891,-0.03199,0.04595,-0.00128,-0.04834,-0.03734,-0.06042,0.04469,-0.04282,-0.0681,-0.0402,-0.07706,-0.0938,0.05732,-0.07226,0.10497,0.01109,0.07085,-0.0184,-0.02238,0.05337,0.0282,-0.03583,-0.00455,0.02735,0.02248],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Less Runtime Work in Large Editors The second part of v19.1 is internal, but it targets work that shows up directly in frame time as diagrams grow.","excerpt":"Less Runtime Work in Large Editors The second part of v19.1 is internal, but it targets work that shows up directly in frame time as diagrams grow."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#13","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08786,-0.0269,-0.02746,0.08521,-0.00212,0.00749,-0.04172,-0.03968,0.05383,-0.00541,-0.01399,0.03248,-0.06903,-0.0479,0.0342,0.02568,-0.03105,0.05129,-0.07063,-0.02663,-0.04026,-0.06748,-0.02016,-0.02999,-0.00472,0.0313,-0.01762,-0.03035,0.05717,-0.09742,0.0152,0.08055,-0.04222,0.0285,-0.07322,0.09944,0.00397,-0.02316,-0.05791,0.00138,0.10614,0.08149,0.05445,-0.03176,-0.00897,0.03929,0.00024,0.01787,-0.06761,0.03547,0.05842,-0.04055,-0.01943,0.12219,-0.00059,0.09847,0.05909,-0.0563,0.00465,0.01307,0.03977,0.01127,-0.05193,0.00607,-0.03321,0.02663,0.01748,-0.03822,0.0034,-0.01253,0.07761,-0.02677,-0.00915,-0.05218,0.04307,0.01756,0.0565,0.04299,-0.06158,-0.09837,0.05786,0.01768,0.01999,0.01878,0.02421,0.03016,-0.04609,-0.13432,0.01358,0.06606,-0.04399,0.05485,0.04767,-0.00577,0.02639,-0.00402,0.02223,-0.01302,-0.02631,0.05311,0.04239,-0.00037,0.00053,0.03987,-0.06785,-0.02065,-0.05234,0.06089,-0.05716,-0.01371,-0.01578,0.07869,0.03378,-0.02272,-0.08544,-0.05834,-0.01157,-0.04042,-0.03391,0.04621,0.02032,0.00774,0.04496,-0.0254,0.05773,-0.05005,-0.07811,0,-0.00743,0.00177,-0.04824,0.00188,0.07507,0.07366,-0.0276,-0.03861,-0.03242,-0.02874,-0.00945,0.02423,-0.04195,-0.00814,0.00516,-0.086,-0.00173,0.03745,-0.04774,0.00136,0.05198,0.02325,-0.05696,-0.06836,0.02849,0.08703,-0.06134,0.02274,-0.0802,0.02743,-0.01949,0.00503,0.00818,0.04656,-0.05247,0.06216,0.0344,-0.13845,0.02769,-0.06568,-0.04613,0.02542,-0.07672,-0.03999,-0.01346,-0.0694,-0.03769,0.01402,0.0066,0.04695,0.04195,0.04337,0.02852,-0.00676,0.01198,-0.07534,-0.01755,0.10982,0.00709,0.08646,0.1248,0.08082,-0.06929,0.00824,0.06811,0.06601,0.04681,0.05435,0.02273,-0.07754,-0.07801,0.13702,-0.00541,0.0115,0.01134,-0.06021,-0.01357,0.00085,0.03205,-0.04162,-0.03443,-0.04953,-0.06291,0.0565,0.08844,-0.07317,0.02368,-0.0521,-0.06037,-0.01432,0.16211,-0.04882,0.09524,-0.03064,0.06183,0,-0.02071,-0.00245,-0.01192,0.04915,0.06298,-0.11816,0.02514,0.07276,-0.01388,-0.0322,0.00763,0.06501,-0.02996,0.00276,0.02404,0.00647,0.01845,-0.12751,-0.02888,-0.05231,0.04637,0.01262,-0.00855,-0.01245,-0.0206,0.0105,-0.01968,0.03662,0.02632,-0.03183,-0.00799,-0.01566,-0.08106,-0.02105,0.01543,0.02143,-0.06073,0.0942,-0.00611,-0.01878,0.02712,0.04535,-0.07603,0.01036,-0.00253,0.11673,-0.10294,0.00657,-0.03438,0.01404,-0.03601,0.06987,0.04354,0.02446,-0.0278,0.02592,0.10557,-0.0168,-0.0377,0.011,-0.00938,-0.00941,0.0038,0.00734,0.02557,0.02898,-0.01875,-0.00126,0.03186,0.04147,0.08198,0.00775,-0.09548,-0.01616,0.0575,-0.01774,0.05436,0.01149,0.0074,0.051,-0.04008,0.06199,0.01506,0.02109,0.0689,-0.01333,-0.09149,-0.00025,0.04502,0.03492,-0.0383,-0.03608,0.03619,-0.04152,-0.02069,0,-0.17565,-0.00145,-0.01433,0.0143,0.10022,0.00642,-0.01999,0.06907,-0.05004,-0.02245,0.01199,0.0719,0.05504,-0.09604,0.05822,0.0107,-0.00113,-0.05011,-0.03381,-0.00287,-0.05038,0.02857,-0.03051,0.14757,-0.03369,-0.07229,0.02145,0.00444,0.04024,-0.00051,-0.01066,0.05803,0.07465,0.16597,-0.08091,0.0007,-0.05112,0.07178,-0.03579,-0.03195,0.03887,0.00063,-0.01373,0.03935,-0.04598,0.0413,-0.02499,-0.06049,0.01547,-0.07065,-0.06306,0.00206,-0.09083,0.07703,-0.01523,0.01635,-0.01995,0.011,0.03707,0.05007,-0.05006,0.00621,-0.01786,0.00047],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Connections redraw only when affected A node geometry change no longer schedules every connection in the flow. The redraw request carries the changed node id and redraws only connections attached to that geometry. Groups needed extra care here. Moving a group changes the rendered position of every descendant even though the descendants' model positions remain local to the group. The scoped redraw now includes connections owned by descendant nodes, which keeps grouped moves and undo/redo restores correct without falling back to a full redraw.","excerpt":"Connections redraw only when affected A node geometry change no longer schedules every connection in the flow. The redraw request carries the changed node id and redraws only connections attached to that geometry. Groups needed extra care here. Moving a group changes the rendered position of every descendant even though the descendants' model positions remain local to the group. The scoped redraw now includes connections owned by descendant nodes, which keeps grouped moves and undo/redo restores correct without falling back to a full redraw."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#14","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.0129,0.0513,-0.01549,0.07307,0.03091,0.03233,-0.04706,0.05384,-0.0095,-0.01298,-0.0588,-0.03309,-0.06578,-0.02868,0.02189,0.04981,0.02564,0.07996,-0.00437,0.00038,-0.07854,-0.11736,-0.05142,-0.0722,-0.03223,0.09696,0.0008,0.00573,0.02913,-0.09917,0.03996,0.07106,0.02893,0.02626,-0.02665,0.08774,-0.02727,-0.02341,-0.04973,-0.05776,0.01237,0.07515,0.0015,0.00404,-0.00338,-0.01767,0.01465,-0.03022,-0.06412,0.04239,0.03526,-0.02504,-0.02973,0.09375,0.01625,0.05903,0.0505,-0.06871,0.02127,0.03548,-0.03079,-0.03545,0.02087,0.02182,0.03781,0.03244,-0.00899,-0.04833,0.01119,-0.03064,0.05228,0.00584,0.02756,-0.06525,0.023,-0.04228,0.02501,0.03821,-0.03579,-0.08706,-0.01124,0.01801,-0.00853,0.05624,-0.00472,0.05374,-0.04447,-0.08905,0.05399,0.04713,-0.04933,0.06816,-0.06155,0.02705,0.02246,-0.02575,0.04313,-0.01556,-0.09565,0.05784,0.09292,-0.01133,0.0697,-0.00202,0.0183,-0.03768,0.00324,-0.00816,-0.03567,-0.00449,0.01089,0.06955,0.04031,-0.03784,0.00271,-0.0625,0.00145,-0.08772,0.03335,0.03443,0.01481,0.02016,0.01562,-0.04118,0.07778,-0.0553,-0.02437,0,0.00139,0.03054,-0.03629,-0.01,0.10481,0.07171,0.06158,-0.07155,-0.0381,-0.06632,0.0279,-0.00876,-0.05793,0.02794,0.03976,-0.07272,-0.04819,0.06687,-0.06047,-0.00278,0.05519,-0.03678,-0.03592,-0.07254,0.04035,0.10269,0.00736,0.06099,-0.08306,0.03317,-0.02229,0.01291,0.02467,0.06619,-0.01577,0.05096,0.02314,-0.06812,-0.02352,-0.10355,-0.05221,0.0381,-0.0743,-0.11954,-0.04669,-0.09496,-0.04051,0.03975,0.04616,-0.02251,0.06469,0.03694,-0.01099,0.0054,0.02713,-0.05533,-0.0056,0.00483,0.01929,0.08866,0.06499,0.06756,-0.02058,0.00335,0.04946,0.08581,0.01852,0.01408,-0.00137,-0.07608,-0.06599,0.09266,0.06908,-0.04325,0.07627,-0.03901,0.06707,-0.0304,0.0247,-0.01849,-0.06727,-0.06133,-0.07012,0.0067,0.0311,-0.07034,0.05265,0.01181,-0.08332,-0.01657,0.11216,-0.05926,0.02133,-0.01096,-0.00363,0,-0.06283,-0.00398,-0.01781,0.0955,0.04819,-0.12232,0.02543,0.0684,-0.02758,-0.0258,0.02893,0.02365,-0.05833,-0.03392,0.07192,0.06832,0.0175,-0.12923,0.02226,-0.05568,0.03506,0.02624,-0.05809,0.02328,-0.03923,0.03081,0.00239,0.00046,-0.00233,-0.07216,-0.00213,0.00805,-0.08287,-0.02965,0.02797,-0.02838,-0.0206,0.04719,-0.00506,0.00735,0.02034,0.03478,-0.09655,0.0107,-0.03945,0.10235,-0.10432,0.0024,0.00127,-0.01843,-0.04651,-0.00982,-0.02717,-0.02781,-0.064,-0.01812,0.02005,0.05753,0.00042,0.01916,-0.05842,-0.07976,-0.00285,-0.00155,0.03711,0.05811,-0.01681,-0.00637,0.00294,0.07014,0.12129,0.06007,-0.03694,0.04766,0.08008,-0.01402,0.0997,0.04009,0.01888,0.01675,0.02749,0.07999,0.04412,0.03424,0.06871,0.00386,-0.12757,-0.01604,0.00392,0.05792,-0.08134,0.03395,0.00877,-0.0257,-0.03,0,-0.18178,-0.03073,0.01882,-0.02733,0.04827,0.02897,0.00069,0.07769,-0.01982,-0.00628,0.07378,0.03378,0.01403,-0.07653,0.04722,-0.00655,0.00713,-0.01731,-0.01853,-0.05013,-0.03658,0.04839,-0.0269,0.12303,-0.01235,-0.05873,0.05589,0.02295,0.04413,-0.04233,-0.03125,0.0875,0.0924,0.14291,-0.07634,0.0235,0.02527,0.04378,-0.09617,-0.02552,-0.01526,-0.02127,-0.03779,-0.07524,-0.06309,0.06907,-0.02377,-0.05458,-0.00975,-0.0358,-0.05882,0.02961,-0.06035,0.08397,0.01279,0.01136,-0.0348,-0.01602,0.02497,0.01047,-0.06262,0.03791,-0.01727,0.01004],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. The minimap reads model geometry The minimap previously measured node elements during redraw. It now maintains model-space rectangles keyed by node id and reconciles them after batched registry updates. Repainting the minimap no longer requires a DOM measurement for every node.","excerpt":"The minimap reads model geometry The minimap previously measured node elements during redraw. It now maintains model-space rectangles keyed by node id and reconciles them after batched registry updates. Repainting the minimap no longer requires a DOM measurement for every node."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#15","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09904,-0.00709,-0.0387,0.07955,-0.01059,0.00124,-0.02556,0.0248,0.04446,0.00001,-0.02644,0.01509,-0.07147,-0.00862,0.03778,0.00284,0.00852,0.00468,-0.06663,0.03042,-0.0316,-0.11689,-0.03116,-0.03319,-0.0124,0.02433,-0.0046,-0.05996,0.07483,-0.09264,0.04253,0.11226,-0.02211,0.0032,-0.11566,0.06598,0.01585,-0.04294,-0.08642,-0.0662,0.06013,-0.00005,-0.00184,-0.02021,-0.02629,-0.01728,0.01518,-0.00745,-0.07587,0.07322,0.02191,-0.03111,-0.02868,0.10186,0.01856,0.09633,0.05712,0.01013,-0.00786,0.01083,-0.05004,-0.0516,-0.0235,0.01224,0.00024,0.0017,-0.01185,-0.0324,0.00169,-0.05595,-0.00375,-0.00735,0.02722,-0.04725,0.03671,0.009,-0.02761,0.04073,-0.05573,-0.11073,0.03954,0.01465,-0.00216,0.02041,0.05295,0.06316,-0.00495,-0.06159,-0.00054,0.01908,0.03266,0.08765,0.04648,-0.05079,0.00207,0.01599,-0.00342,0.02601,-0.06979,0.04616,0.03445,0.00765,0.05373,0.04394,-0.0239,-0.06381,-0.02702,-0.00446,-0.07068,-0.0122,-0.03479,0.02271,0.07493,-0.07447,-0.02093,-0.01429,-0.03642,-0.04392,0.10716,0.02356,0.02068,0.01588,0.0468,-0.03321,0.08492,-0.04126,-0.02797,0,-0.03573,0.05223,-0.07893,0.00653,0.05559,0.01532,0.01141,-0.03658,-0.00904,-0.03753,0.03918,0.06732,-0.01162,0.05834,0.02675,-0.09575,0.00581,0.08696,-0.0489,-0.01365,0.06929,-0.01806,-0.00808,-0.03455,0.08572,0.03363,0.00819,0.05492,-0.0223,0.00944,0.00308,0.01126,0.00346,0.05708,-0.03817,0.06818,-0.00145,-0.12396,-0.00115,-0.04467,-0.06563,-0.00693,-0.09938,-0.07148,-0.00318,-0.05595,-0.06725,0.00278,0.03227,-0.00451,0.04521,0.07123,0.07535,0.0187,0.05743,-0.07913,0.0025,0.05982,0.03084,0.09073,0.07979,0.09289,-0.07322,-0.0198,-0.01101,0.08165,0.00752,0.0631,0.03372,-0.0548,-0.05381,0.09706,0.01912,-0.03807,0.07591,-0.06947,-0.01856,-0.05713,0.02048,-0.05884,-0.06981,0.00234,-0.06013,0.07215,0.09631,-0.10035,-0.01517,-0.02055,-0.07196,-0.00174,0.13591,-0.03487,0.05052,0.01592,0.02174,0,-0.01603,-0.01203,-0.03322,0.12431,0.01698,-0.06252,-0.00616,0.03273,0.03643,-0.09149,0.00936,0.04358,0.00193,-0.04772,0.05011,0.06319,-0.02216,-0.11753,-0.02142,-0.08248,0.0714,-0.01208,-0.00381,0.00312,-0.0944,0.02175,-0.01568,0.01425,0.04428,-0.08168,-0.04215,-0.00609,-0.08375,-0.06431,0.00765,-0.03864,-0.04468,0.10637,0.04022,-0.03098,0.05041,-0.00534,-0.03855,0.05829,-0.03447,0.08124,-0.16226,-0.02615,0.01013,-0.00425,-0.02814,0.01733,-0.03477,-0.0257,-0.02912,-0.00626,0.05218,-0.00797,-0.03589,0.03702,0.00315,-0.04253,0.01418,0.01578,0.02548,0.04093,-0.00226,0.00887,0.0573,0.07896,0.09636,0.03967,-0.07444,-0.034,0.0482,0.02897,0.12855,-0.06872,0.00995,0.07125,-0.05043,0.08599,0.01247,-0.01682,-0.00066,0.02051,-0.07812,-0.01305,0.04248,0.0283,-0.05108,0.01041,0.0226,0.06064,-0.0119,0,-0.11847,-0.05263,-0.0124,-0.02091,0.06659,0.0233,-0.04016,0.07388,-0.02716,-0.01655,0.0761,0.024,-0.02479,-0.02653,0.08107,0.03465,0.00935,0.00314,-0.05344,-0.07315,0.00219,0.02759,-0.0031,0.11789,-0.02166,-0.03891,0.0591,0.05202,0.03697,-0.00307,-0.014,0.04601,0.08508,0.10079,-0.06216,0.03582,-0.02779,0.06029,-0.02474,-0.00154,0.08003,-0.02454,-0.02481,-0.00979,-0.044,0.01788,-0.07043,-0.04149,-0.02568,-0.05698,-0.07115,0.04508,-0.06132,0.08146,0.00863,0.03795,-0.02437,-0.02706,0.13892,0.05085,-0.02127,-0.02571,-0.00976,0.01594],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Drag and registry hot paths do less repeated work - Pointer targeting resolves through DOM ancestry instead of scanning every registered node. - Connector border radii are cached instead of calling getComputedStyle() for repeated geometry normalization. - Connectable-side recalculation uses one shared scheduler across drag handlers. - Component-store notifications are coalesced, and registry removals are processed in batches. - Drag gesture priority is an explicit claim chain, reducing duplicated preparation work between competing interactions. These are implementation changes rather than new configuration. Existing editors receive them automatically. get Computed Style","excerpt":"Drag and registry hot paths do less repeated work - Pointer targeting resolves through DOM ancestry instead of scanning every registered node. - Connector border radii are cached instead of calling getComputedStyle() for repeated geometry normalization. - Connectable-side recalculation uses one shared scheduler across drag handlers. - Component-store notifications are coalesced, and registry removals are processed in batches. - Drag gesture priority is an explicit claim chain, reducing duplicated preparation work between competing interactions. These are implementation changes rather than new configuration. Existing editors receive them automatically."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#16","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08099,0.01221,-0.02822,0.07157,0.06824,-0.04517,-0.00398,0.01161,0.06769,0.0014,-0.03607,0.00431,-0.0636,-0.01931,0.06723,0.04136,0.02735,0.03724,-0.01213,0.06649,-0.04442,-0.11122,-0.01673,-0.08727,-0.02558,0.05501,0.00783,-0.07422,0.04239,-0.10203,0.07323,0.07847,-0.03605,0.04057,-0.09941,0.03108,-0.01032,-0.03768,-0.07046,-0.0259,0.05837,0.0505,0.02861,-0.03689,-0.05666,-0.02209,0.0248,0.00481,-0.03132,0.07657,0.01327,-0.08401,-0.00911,0.08968,-0.03626,0.03362,0.03416,-0.00483,0.00776,0.05893,-0.01809,-0.00561,-0.01521,0.01845,0.05476,0.01993,-0.05053,-0.05045,-0.04638,-0.04664,0.0274,-0.01779,0.03482,-0.04512,0.0376,-0.01488,-0.04134,0.02919,-0.04619,-0.08245,0.09615,-0.00838,-0.00641,0.06416,0.0304,0.13192,0.02003,-0.07086,0.00038,0.06607,-0.0308,0.0605,-0.00662,-0.01004,0.05028,-0.03361,0.00369,0.00778,-0.09356,0.04239,0.06576,-0.04054,0.05442,0.0301,-0.0017,-0.00305,-0.00436,-0.01124,-0.04019,-0.01159,-0.047,0.04075,0.03043,-0.08963,-0.02853,-0.06292,-0.03202,-0.0513,0.01926,-0.01368,0.00956,0.0437,0.05192,-0.06302,0.08342,-0.0759,-0.02993,0,-0.00669,0.03141,-0.0796,-0.06186,0.06666,0.01601,0.02196,-0.03251,-0.06608,0.004,0.06209,-0.01435,-0.02234,0.0243,0.06502,-0.0644,-0.02087,0.04643,-0.0194,-0.00329,0.08632,-0.03654,-0.04669,-0.0303,0.01479,0.08914,-0.03053,0.03444,-0.03225,0.03917,-0.02147,0.02459,0.01933,0.0406,-0.04837,0.06617,-0.01801,-0.12204,0.00805,-0.08984,-0.05441,-0.02226,-0.089,-0.04833,-0.04596,-0.06374,-0.04716,-0.0022,-0.00679,0.02668,0.01253,0.01836,0.03612,0.02022,0.07516,-0.06578,-0.01491,0.04643,0.03113,0.06099,0.10569,0.06575,-0.07281,-0.03311,0.00727,0.02353,-0.00807,0.0517,0.01293,-0.07227,-0.06549,0.06101,0.02035,-0.00589,0.07673,-0.03253,0.00681,-0.014,0.07643,-0.01858,-0.0614,-0.07753,-0.0125,0.00324,0.06958,-0.04133,-0.00808,-0.06824,-0.09977,-0.01093,0.14108,-0.03836,0.00135,0.0029,0.01725,0,-0.03438,0.04557,-0.03179,0.09577,0.05239,-0.07317,0.00355,0.02571,0.01824,-0.02718,0.0223,0.06698,-0.02362,0.02098,0.07098,0.01682,0.00738,-0.12275,-0.04854,-0.07267,0.0224,0.00647,0.00556,-0.00983,-0.06876,0.0387,0.07868,0.02444,0.02792,-0.02775,0.00755,0.04849,-0.05447,-0.03579,0.027,-0.0132,-0.00029,0.06539,0.00584,-0.12359,0.0135,0.01335,-0.03414,0.01396,-0.08789,0.10093,-0.12816,0.05447,0.0249,0.00873,-0.0396,0.04653,0.01023,-0.00317,-0.04164,-0.0013,0.03618,0.03612,-0.00847,-0.00021,0.03097,0.02752,0.00935,-0.03564,0.04376,0.05975,-0.0537,0.06371,0.02547,0.07139,0.09546,0.02754,-0.05591,0.03169,0.05524,0.04949,0.17337,-0.03895,0.02094,0.03543,0.01265,0.06553,-0.00874,-0.01037,0.05231,0.00223,-0.14477,-0.05179,0.00642,0.05715,-0.06666,0.00723,-0.01308,-0.00367,0.00049,0,-0.1835,-0.03819,-0.02053,-0.01216,0.06137,0.06787,-0.01358,0.03579,0.00019,-0.02152,0.0368,0.0538,0.00107,-0.03069,0.07537,0.0105,-0.04379,0.00732,-0.027,-0.02713,-0.02785,0.01678,-0.00478,0.11759,-0.02536,-0.02519,0.01278,-0.00461,0.03671,0.01595,-0.00138,0.09433,0.05902,0.08509,-0.09698,0.09927,-0.03287,0.00861,-0.041,-0.06651,0.056,-0.01186,-0.01394,-0.03503,-0.11123,0.05514,-0.02759,-0.04102,-0.04119,-0.0303,-0.06486,0.02691,-0.05339,0.10106,0.06611,0.026,-0.02436,-0.0479,0.04071,0.03871,-0.02479,-0.02908,0.05343,0.063],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Angular Elements and Open Shadow DOM Foblex Flow can now run inside an open shadow root created by Angular Elements or ViewEncapsulation.ShadowDom. The supported path covers node and canvas dragging, click-to-connect, connection target resolution, external item drops, and background detection. The targeting behavior is deliberately conservative: View Encapsulation Shadow Dom","excerpt":"Angular Elements and Open Shadow DOM Foblex Flow can now run inside an open shadow root created by Angular Elements or ViewEncapsulation.ShadowDom. The supported path covers node and canvas dragging, click-to-connect, connection target resolution, external item drops, and background detection. The targeting behavior is deliberately conservative:"},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#17","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.07067,0.01305,-0.00181,0.10442,0.0403,-0.04536,-0.03474,0.0302,0.08955,-0.01319,-0.0498,0.00766,-0.06963,-0.03452,0.08382,0.01757,0.00832,0.04134,-0.02906,0.03515,-0.04973,-0.11392,-0.02655,-0.06918,-0.0665,0.04216,0.01395,-0.04339,0.06214,-0.09912,0.0877,0.03411,-0.02049,0.00492,-0.06876,0.07785,-0.02334,-0.04114,-0.06747,-0.0261,0.04771,0.02369,0.06027,-0.0222,-0.00438,-0.0405,0.01932,0.00029,-0.06427,0.07358,0.015,-0.05197,-0.01487,0.10275,-0.00458,0.07665,0.0378,-0.01894,-0.00483,0.0458,-0.04847,-0.03815,-0.03348,-0.00138,0.06661,0.04488,-0.02831,-0.06958,-0.0473,0.01994,0.03425,0.00047,0.04394,-0.04555,0.05331,0.0137,-0.0514,0.0482,-0.03915,-0.07519,0.06778,-0.00671,-0.00302,0.03515,0.0846,0.11407,0.01145,-0.05945,0.03903,0.08303,-0.02145,0.02419,0.02342,0.02092,0.04394,0.02605,0.06374,0.00715,-0.05697,0.06137,0.07161,-0.02135,0.00027,0.02578,-0.00372,0.00734,-0.02934,-0.00228,-0.03432,-0.04126,-0.03145,0.0163,0.06128,-0.0665,-0.03258,-0.03371,0.01005,-0.03179,0.0234,-0.01371,0.00736,0.0302,0.06627,-0.03746,0.07145,-0.04269,-0.03434,0,0.00192,0.03117,-0.08942,-0.0307,0.03016,0.03525,0.01971,-0.0125,-0.05085,-0.00925,0.06,-0.01152,-0.01774,-0.01093,0.06073,-0.04083,-0.01732,0.05522,-0.07538,-0.01061,0.08959,-0.01513,-0.04054,-0.04377,0.01449,0.06561,-0.06328,0.03095,-0.12702,0.02582,-0.02193,-0.01146,0.00273,0.07714,-0.01727,0.074,-0.00124,-0.11734,-0.02251,-0.0857,-0.0561,-0.01672,-0.07473,-0.06562,-0.02238,-0.09772,-0.08968,0.01698,0.04107,-0.03014,0.00908,0.0612,0.07577,-0.01374,0.03089,-0.02376,-0.02125,0.04785,0.05065,0.0792,0.0894,0.07602,-0.06024,-0.02303,-0.02135,0.04424,-0.02356,0.00991,0.01748,-0.06214,-0.03015,0.09592,-0.02343,-0.01933,0.0782,-0.01987,-0.0175,-0.04698,0.07679,-0.04842,-0.05167,-0.06091,-0.0277,0.03259,0.08924,-0.05411,-0.02234,-0.09497,-0.10772,-0.03977,0.13726,-0.04679,0.01784,-0.01366,0.04455,0,-0.02745,0.00963,-0.00481,0.10213,0.01908,-0.0999,0.02042,0.01439,0.00196,-0.02817,0.02793,0.05289,-0.03138,-0.01006,0.04596,0.04259,-0.01369,-0.11441,0.01012,-0.09748,0.04675,0.00599,-0.01243,-0.01013,-0.07074,0.00659,0.06927,0.02645,0.02041,-0.04447,-0.02606,0.07267,-0.06679,-0.04583,0.03815,0.01855,-0.05785,0.0556,0.0175,-0.04463,0.03896,0.03873,-0.03283,0.04195,-0.04716,0.12449,-0.13089,0.07483,0.06727,0.0198,-0.03549,0.02521,0.00489,0.01491,-0.033,0.02127,0.04663,0.00359,-0.05076,0.03666,-0.03432,0.0116,0.0508,0.00641,0.03688,0.03736,-0.05802,0.06599,0.02968,0.05531,0.06777,0.03834,-0.06287,0.00133,0.06211,0.02041,0.14282,-0.00976,0.016,0.02162,-0.00901,0.07735,-0.01603,-0.01416,0.03794,0.01775,-0.11389,-0.02092,0.01059,0.04108,-0.05478,0.04792,0.00285,-0.01763,-0.01406,0,-0.19093,-0.04511,-0.04227,-0.0014,0.06645,0.04604,-0.01095,0.01576,-0.0213,-0.03692,0.03452,0.04823,0.02076,-0.06121,0.03741,0.00654,-0.01203,-0.01333,-0.06268,-0.02678,-0.02522,0.00394,0.00916,0.12344,0.00124,-0.06279,0.0306,0.00875,0.0539,0.00219,-0.01677,0.08874,0.04156,0.11844,-0.09118,0.0988,-0.03276,0.00745,-0.01406,-0.05585,0.04776,-0.01618,-0.00529,-0.0333,-0.05849,0.05278,-0.07238,-0.03428,0.00301,-0.05151,-0.09459,0.02804,-0.07236,0.08573,0.063,0.03693,-0.00828,-0.01757,0.05172,0.02769,0.00811,-0.00678,0.03758,0.02951],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. - In normal DOM, interaction code continues to use event.target first. - When Shadow DOM retargets a document-level event to the custom-element host, the runtime falls back to the event's composed path to recover the element inside the flow. - Coordinate hit-testing follows elementsFromPoint() into nested open shadow roots while preserving the browser's native hit order. This avoids making composedPath() the primary targeting model for every application. The fallback only participates when the normal target no longer identifies an element inside the flow. elements From Point composed Path","excerpt":"- In normal DOM, interaction code continues to use event.target first. - When Shadow DOM retargets a document-level event to the custom-element host, the runtime falls back to the event's composed path to recover the element inside the flow. - Coordinate hit-testing follows elementsFromPoint() into nested open shadow roots while preserving the browser's native hit order. This avoids making composedPath() the primary targeting model for every application. The fallback only participates when the normal target no longer identifies an element inside the flow."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#18","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08792,0.00802,-0.04677,0.07323,0.01362,-0.07026,-0.0973,0.0298,0.00305,0.03971,-0.02693,0.00075,-0.08465,-0.0301,0.08327,0.07435,-0.05846,0.03622,-0.00867,0.02648,0.00629,-0.07878,-0.03526,-0.06241,-0.05199,0.04494,-0.00538,-0.04493,0.04557,-0.09476,0.08384,0.07611,-0.00197,0.00814,-0.03926,0.06141,-0.04199,-0.03564,-0.04224,-0.02367,0.03176,0.03892,0.05381,-0.00544,-0.02104,-0.03259,0.00931,-0.04073,-0.03961,0.03755,0.01694,-0.05982,0.01034,0.07858,-0.00162,0.00896,0.05304,-0.05521,-0.02548,0.05397,0.00822,-0.00849,-0.04459,0.00168,0.04642,0.06957,-0.04106,-0.06898,-0.03733,-0.01421,-0.01475,-0.01373,0.02463,-0.06228,0.02193,-0.00817,-0.04734,0.01052,-0.06215,-0.07109,0.07934,-0.03562,-0.01999,0.05576,0.02188,0.1282,0.03195,-0.02923,0.04697,0.05763,-0.00291,0.03015,0.02446,0.03233,0.01575,-0.00983,0.05628,0.00977,-0.13488,0.06718,0.04572,-0.02891,0.02682,0.00539,-0.00155,0.04559,0.0199,0.02216,0.01381,-0.00555,-0.02912,0.04568,0.03619,-0.04996,-0.01272,-0.02687,-0.00208,-0.05796,0.01195,0.02627,0.01717,0.03032,0.02353,-0.04465,0.08831,-0.05402,-0.01392,0,0.02077,0.02978,-0.09372,-0.03565,0.06463,0.056,0.00254,-0.02523,-0.0987,0.03503,0.08272,-0.01275,-0.04021,-0.01199,0.0426,-0.04104,-0.03755,0.05346,-0.01401,-0.01632,0.09929,-0.03405,-0.03603,-0.06244,0.03068,0.06777,-0.00407,0.01361,-0.04109,0.02737,-0.05254,-0.01676,0.06356,0.07286,-0.02915,0.08107,-0.00649,-0.11359,-0.00044,-0.09704,-0.04585,-0.01551,-0.07198,-0.05808,0.00662,-0.10742,-0.0659,-0.014,0.03821,0.00633,0.01002,0.04361,-0.01663,0.01794,0.05079,-0.0335,0.01578,0.07642,0.01464,0.07679,0.06995,0.05043,-0.07209,-0.05979,-0.0596,0.02415,-0.02756,0.03491,0.01016,-0.08585,-0.08361,0.0554,-0.04726,-0.00805,0.02467,-0.019,0.04802,0.0156,0.07223,-0.06271,0.01938,-0.11082,-0.04063,0.08085,0.10711,-0.06748,-0.01543,-0.01767,-0.08274,-0.01325,0.05977,-0.0694,0.04364,-0.00782,0.04899,0,-0.05281,0.00982,-0.05179,0.13068,0.05026,-0.09194,0.03279,0.01623,-0.01792,-0.06537,0.07185,0.07511,-0.00641,-0.0099,0.07011,0.01278,-0.00387,-0.09047,-0.02189,-0.04552,0.0141,0.01088,-0.01599,0.00027,-0.04949,0.04449,0.00671,0.02643,0.00908,-0.0145,0.00295,0.0499,-0.0485,-0.05016,0.02649,-0.01429,-0.02108,0.0402,0.00481,-0.0345,0.03777,0.05661,-0.04812,0.00399,-0.07049,0.11651,-0.13285,0.0266,0.04056,0.02409,-0.03932,0.02568,0.02876,-0.00087,-0.05724,-0.02131,0.06603,0.03479,-0.03801,-0.01225,-0.05415,0.02022,0.0237,-0.03505,0.03962,0.02658,-0.06393,0.07761,-0.01159,0.05401,0.05716,0.02584,-0.04713,0.05021,0.09863,0.0393,0.13107,-0.02768,0.04233,0.02905,-0.00149,0.08691,-0.00055,0.01699,0.07057,-0.00819,-0.1365,-0.04363,0.01452,0.06805,-0.10506,0.08256,-0.011,-0.04986,0.01792,0,-0.17717,-0.02663,0.00681,0.01581,0.10356,0.02681,-0.00749,0.01662,-0.02085,-0.02393,0.05723,0.06927,-0.01937,-0.0472,0.0277,-0.00212,-0.01859,0.01026,-0.01949,-0.0284,-0.05168,0.01594,0.02322,0.11449,-0.02539,-0.05155,0.03446,-0.03225,0.03395,0.04127,0.0272,0.10118,0.06216,0.08402,-0.08832,0.11755,-0.01863,0.03487,-0.05162,-0.0374,0.02032,-0.01708,-0.03171,-0.05297,-0.10231,0.02821,-0.02017,-0.03393,-0.00951,-0.07945,-0.06495,0.02815,-0.06169,0.10116,0.04234,0.06066,-0.01381,-0.00218,0.04756,0.00329,0.00768,-0.04855,0.03751,0.03627],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Closed shadow roots remain unsupported because the browser intentionally hides their internal tree from outside code. No configuration flag can make deep hit-testing enter a closed root. This work addresses GitHub Discussion #315. Git Hub","excerpt":"Closed shadow roots remain unsupported because the browser intentionally hides their internal tree from outside code. No configuration flag can make deep hit-testing enter a closed root. This work addresses GitHub Discussion #315."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#19","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.07995,0.01517,-0.01598,0.09841,0.04005,-0.0047,-0.05232,0.02694,0.0412,0.02263,-0.02579,0.01999,-0.09781,-0.04171,0.02698,0.00451,-0.01422,0.03851,-0.07905,0.01995,-0.00657,-0.14193,-0.01076,-0.0488,-0.00193,0.07512,-0.05854,-0.02092,0.05582,-0.12518,0.00138,0.09839,0.04262,0.04206,-0.05049,0.04533,-0.00617,0.03762,-0.04988,-0.04448,0.04982,0.0858,0.03621,-0.01021,-0.02511,0.02637,0.00223,-0.01318,-0.10229,0.01972,0.05248,-0.00989,-0.01493,0.11592,-0.02332,0.08215,0.04222,-0.02893,-0.01929,0.01468,-0.03231,-0.02699,-0.03905,0.00991,0.00246,0.06581,0.00988,-0.08019,-0.02107,0.0045,0.02664,-0.01232,0.00975,-0.03343,0.06625,0.02239,-0.01267,0.03458,-0.02622,-0.05383,0.03505,0.03576,-0.00436,0.02709,0.02323,0.07008,0.01416,-0.10985,0.02303,0.05144,-0.04668,0.0719,-0.00949,0.01342,0.06383,-0.04393,0.05359,-0.02271,-0.0523,0.04807,0.12993,0.01865,0.05691,0.06293,-0.03141,-0.04604,-0.02193,0.07623,-0.02638,-0.01375,-0.0274,0.05066,0.07812,0.01957,-0.03141,-0.05128,-0.00225,-0.06034,0.02816,0.00899,0.02113,0.0509,0.02929,-0.03204,0.10013,0.03384,-0.00382,0,-0.07654,0.03835,-0.07524,-0.01079,0.07398,0.06351,-0.02481,-0.01106,-0.03708,0.00633,-0.01364,0.05573,-0.05422,0.03008,0.03726,-0.06015,-0.01429,0.09979,-0.04198,-0.04158,0.04661,0.03999,-0.00885,-0.03656,0.00403,0.03535,-0.02655,0.08281,-0.08699,0.02349,-0.05118,0.00542,0.03135,0.01302,-0.06324,0.02866,0.02048,-0.14146,-0.00778,-0.06833,-0.04751,0.02775,-0.06318,-0.07125,-0.03127,-0.09369,-0.00536,0.03019,-0.03257,0.03749,0.03363,0.01445,0.00894,-0.00302,0.01578,-0.04775,0.01239,0.03873,0.03383,0.05666,0.06486,0.02974,-0.05674,0.01336,0.01078,0.08163,0.05838,0.04229,-0.01361,-0.05588,-0.01905,0.07574,0.01018,-0.00448,0.07566,-0.06083,0.033,-0.00106,-0.03411,-0.00579,-0.02789,-0.07413,-0.01592,0.00834,0.03649,-0.11969,0.05018,-0.03172,-0.07595,-0.05316,0.12931,-0.08868,0.12095,0.01065,0.0194,0,0.01128,-0.02315,-0.01567,0.05639,0.05444,-0.06995,-0.01685,0.0827,0.02024,-0.12323,-0.00713,0.04569,-0.00898,-0.03011,-0.00534,0.02721,0.01234,-0.13022,0.01528,-0.03358,0.09325,-0.04078,-0.03405,0.03799,0.00507,0.01428,-0.00308,0.03084,-0.01953,-0.03042,0.00779,-0.0384,-0.06243,-0.02634,0.04233,-0.06794,-0.0293,0.08594,-0.02957,0.00697,-0.01026,0.03782,-0.07545,0.04332,-0.00451,0.09442,-0.08635,-0.00751,0.00699,0.03003,-0.04128,0.06885,0.0285,-0.02957,-0.04731,0.0299,0.06128,0.00994,-0.09142,0.02751,-0.04186,-0.07879,-0.00094,-0.04353,0.02843,0.06504,-0.03656,0.01666,0.00998,0.10099,0.0954,-0.01679,-0.08217,-0.0077,0.08408,-0.00784,0.1143,0.00057,0.05205,0.0511,-0.03927,0.05432,0.05267,0.02359,-0.01543,0.01965,-0.10681,0.03198,0.00029,0.08674,-0.08051,0.01743,0.0204,-0.04453,0.00829,0,-0.14048,0.00139,0.0028,0.03577,0.11011,-0.03209,-0.04665,0.10026,-0.06348,-0.01725,0.01602,0.07071,-0.00613,-0.07781,0.05592,-0.01841,-0.03515,-0.03442,-0.04595,-0.00865,-0.05276,0.03657,-0.00061,0.06446,-0.01662,-0.08855,-0.00845,0.0199,0.00475,0.00955,0.01714,0.06938,0.11699,0.10953,-0.08767,-0.00031,-0.04161,0.04488,-0.0066,-0.05587,0.03386,0.02044,-0.00307,-0.01687,-0.05044,0.02911,-0.02286,-0.05738,-0.04815,-0.05829,-0.01502,0.02213,-0.09019,0.11047,0.03836,-0.0176,-0.05144,-0.00951,0.05923,0.04414,-0.01957,-0.00214,-0.01608,-0.01117],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Group Auto-Size and Undo Correctness The state work exposed several ordering bugs around groups and render restoration, and those fixes ship for every editor: - fAutoSizeToFitChildren waits until child parent ids have settled before measuring the group. - The final auto-fit size emits through fNodeSizeChange / fGroupSizeChange so external and managed stores see the same geometry. - Clearing a bound size removes stale explicit width and height. - Combining fAutoExpandOnChildHit with auto-fit no longer emits a transient soft-expanded size before the settled size. - Connections attached to descendants redraw after a group move or state restore. The result is that undo restores the graph as one coherent visual state: group, descendants, connections, selection, and viewport no longer settle on different frames. f Auto Size To Fit Children f Node Size Change f Group Size Change f Auto Expand On Child Hit","excerpt":"Group Auto-Size and Undo Correctness The state work exposed several ordering bugs around groups and render restoration, and those fixes ship for every editor: - fAutoSizeToFitChildren waits until child parent ids have settled before measuring the group. - The final auto-fit size emits through fNodeSizeChange / fGroupSizeChange so external and managed stores see the same geometry. - Clearing a bound size removes stale explicit width and height. - Combining fAutoExpandOnChildHit with auto-fit no longer emits a transient soft-expanded size before the settled size. - Connections attached to descendants redraw after a group move or state restore. The result is that undo restores the graph as one coherent visual state: group, descendants, connections, selection, and viewport no longer settle on different frames."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#20","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.08781,0.00207,-0.04218,0.02628,0.03353,0.02371,-0.09892,0.03851,0.02256,0.03268,-0.07312,0.00913,-0.06767,0.02242,0.07644,0.04058,-0.01372,-0.02985,0.01559,-0.04529,-0.02858,-0.0527,0.0063,-0.03835,0.01071,0.07699,-0.02699,-0.03685,0.06381,-0.0319,0.05162,0.04702,-0.00276,0.02845,-0.14184,0.04779,-0.02549,-0.00907,-0.07588,-0.0236,0.05632,0.05777,0.01914,-0.04141,-0.07202,-0.01729,-0.01518,-0.02742,-0.05897,0.13394,-0.00387,-0.07094,-0.00674,0.038,0.06386,0.00937,0.03979,-0.05297,-0.04352,-0.01503,-0.03267,-0.0586,-0.03941,0.01262,0.04225,0.05635,-0.04947,0.00775,0.00725,-0.04944,-0.02951,-0.02281,0.03305,-0.04733,0.00217,-0.02611,-0.03902,0.03125,-0.02931,-0.07258,0.06873,0.02455,0.00899,0.06633,-0.03237,0.09414,0.00931,-0.05419,0.03621,0.01283,-0.01921,0.02019,0.0826,-0.00805,0.07401,0.02421,0.0302,-0.02206,-0.10803,0.0437,0.0625,-0.03851,0.05576,0.01825,-0.02889,-0.03012,-0.0112,0.03298,-0.04658,0.00235,-0.02484,0.0635,0.04453,-0.08502,-0.03665,-0.04416,-0.01898,-0.05227,0.0148,0.05861,0.00586,0.01382,0.07002,-0.03339,0.06179,-0.03449,-0.00025,0,0.04333,0.07261,-0.09096,0.01981,0.07147,0.04554,0.00208,-0.06052,-0.02725,-0.00682,0.06202,0.08637,-0.05746,0.01284,0.04761,-0.07081,-0.03114,0.06654,0.01575,-0.02144,0.05695,-0.00422,-0.01447,0.00228,0.08766,0.0547,0.00939,0.06469,-0.0608,0.00964,0.03943,0.00222,-0.04405,-0.00035,0.01116,0.04423,-0.04763,-0.11172,0.0202,-0.10933,-0.00853,-0.04111,-0.14846,-0.0355,-0.0156,-0.09997,-0.05992,-0.03156,0.09427,-0.02211,0.04644,0.06071,-0.00673,-0.00334,0.05978,-0.0375,0.00206,0.06365,0.02609,0.07963,0.0961,0.04238,-0.0407,-0.01961,-0.00419,0.02263,-0.0248,0.02159,0.05461,-0.0998,-0.0376,0.05333,0.00507,0.00744,0.06487,-0.00811,0.04431,0.00554,0.02566,-0.0599,-0.02455,-0.08801,-0.04485,0.06639,0.11808,-0.0456,0.01316,-0.04932,-0.08136,0.01577,0.08204,-0.04799,0.03765,0.0308,0.02377,0,-0.01211,-0.03505,-0.02959,0.08561,0.01763,-0.11172,0.01749,0.05663,0.02659,-0.02267,0.01492,0.03341,0.00407,-0.0253,0.05191,0.0238,-0.02388,-0.16166,0.00556,-0.06,0.01229,0.00968,-0.04092,-0.00043,-0.10147,0.07737,0.01268,-0.01403,0.01388,-0.04926,-0.02955,-0.01461,-0.01632,-0.05722,-0.03473,-0.03332,0.04113,0.05042,-0.01313,-0.05489,0.02877,0.04088,-0.05164,-0.01072,-0.05632,0.04097,-0.11398,0.03495,-0.00562,0.00866,-0.07176,0.03199,0.01109,-0.04372,-0.04637,0.00653,0.06821,0.03016,-0.02629,-0.00291,-0.05189,0.0311,0.02401,0.01395,0.03701,0.03524,-0.03893,0.00934,0.0003,0.07307,0.06752,0.02747,-0.06629,-0.01031,0.15013,0.0715,0.12539,-0.01497,0.01451,-0.01346,-0.0478,0.10219,0.01006,0.00546,0.09815,0.04999,-0.0892,-0.0623,0.01626,0.05808,-0.08121,-0.00906,-0.00915,0.00338,0.03558,0,-0.17061,0.02958,-0.02013,-0.0161,0.08375,0.01138,-0.01894,0.03552,0.0202,-0.00045,0.03235,0.08897,-0.05127,-0.0482,0.04071,0.03409,0.02261,-0.00906,-0.0358,-0.02563,-0.0284,0.04086,-0.00465,0.10871,-0.01189,-0.01524,0.02951,0.051,0.04008,0.03968,-0.00354,0.07363,0.09453,0.06288,-0.03983,0.00273,-0.02804,0.01028,-0.00636,-0.04476,0.08975,0.01975,-0.01169,-0.01471,-0.07141,0.05819,-0.05758,-0.05445,-0.02401,-0.07122,-0.1029,0.02128,-0.08006,0.13663,0.01525,0.07447,0.00725,-0.01195,0.07718,0.03118,-0.00558,-0.02718,0.01168,0.0002],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Documentation and Starter Updates The release also adds a maintained zoneless Angular starter under starters/minimal-flow for StackBlitz, expands the v19 README and package metadata, and adds comparison and use-case pages for teams evaluating Angular diagram libraries. The dedicated Managed Flow State guide contains the complete API, configuration table, v1 limitations, and a working example. Applications that prefer to own the entire history layer can continue using the existing event-driven APIs. Stack Blitz AP Is","excerpt":"Documentation and Starter Updates The release also adds a maintained zoneless Angular starter under starters/minimal-flow for StackBlitz, expands the v19 README and package metadata, and adds comparison and use-case pages for teams evaluating Angular diagram libraries. The dedicated Managed Flow State guide contains the complete API, configuration table, v1 limitations, and a working example. Applications that prefer to own the entire history layer can continue using the existing event-driven APIs."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#21","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09968,-0.01568,-0.02109,0.05687,0.04569,0.00823,-0.04296,0.03221,0.03177,0.02075,-0.03719,-0.01461,-0.07911,0.00201,0.0494,0.04687,-0.02486,0.00742,-0.03533,0.00984,-0.02899,-0.10231,-0.01357,-0.0381,-0.02055,0.05003,0.01069,-0.06791,0.03426,-0.07467,0.0952,0.08352,-0.00144,0.03889,-0.11199,0.03619,-0.0444,-0.0256,-0.0669,-0.03788,0.04516,0.03283,0.04623,-0.04813,-0.05127,-0.01791,0.00813,-0.02597,-0.04806,0.09437,0.02981,-0.00145,0.03949,0.09139,-0.01819,0.03752,0.04593,-0.02539,-0.01321,-0.0224,-0.01313,-0.03298,-0.03029,0.00361,-0.00267,0.06474,-0.00461,-0.04392,-0.03496,-0.02211,-0.00516,-0.02435,0.03807,-0.10811,0.00789,-0.01875,-0.0229,0.02926,-0.05689,-0.07837,0.1178,0.00014,-0.00096,0.06723,0.01301,0.09087,-0.03191,-0.05916,0.01468,0.03397,-0.05433,0.05951,0.02894,0.00134,0.05022,0.01088,0.01604,0.00392,-0.06743,0.04086,0.05639,0.02254,0.01598,0.03962,-0.00238,-0.03437,-0.00021,0.01956,-0.03058,0.01765,0.00741,0.05929,0.05547,-0.03311,-0.02737,0.01242,0.00872,-0.04628,-0.03675,0.06326,0.00517,0.03973,0.00818,-0.02122,0.07925,-0.03324,0.01205,0,-0.01405,-0.00147,-0.10332,-0.01456,0.08377,0.03988,0.02128,-0.03649,-0.04516,-0.03258,0.05083,0.06122,-0.05374,-0.01662,0.02938,-0.08947,-0.03767,0.07107,0.00165,-0.0143,0.05963,-0.03049,-0.04672,-0.05169,0.05203,0.05893,-0.01314,0.06693,-0.01252,0.00863,-0.02226,0.002,0.02442,0.03008,-0.03494,0.04776,-0.02141,-0.09447,0.01363,-0.09545,-0.06118,0.00342,-0.11466,-0.08379,-0.04456,-0.09522,-0.04629,0.01578,0.06575,-0.00583,0.01856,0.02795,-0.04689,-0.00828,0.08569,-0.06909,-0.02187,0.09726,0.03824,0.06293,0.06664,0.07967,-0.04118,-0.02379,0.01669,0.02249,-0.00505,0.06581,0.0188,-0.09549,-0.06937,0.07673,-0.00088,-0.0057,0.10516,-0.02515,0.03931,-0.02415,0.01663,-0.01896,-0.03433,-0.08765,-0.02133,0.07101,0.12515,-0.05358,0.00591,-0.03478,-0.10846,-0.01711,0.10528,-0.07387,0.08272,-0.00532,0.02159,0,-0.01894,0.02327,-0.04418,0.11375,0.04921,-0.08171,0.04959,0.05884,0.01058,-0.06569,0.04241,0.06189,-0.04576,0.00208,0.03507,0.02693,0.00698,-0.11861,-0.0183,-0.0334,0.03878,0.00337,-0.04882,0.0308,-0.10851,0.05742,0.05534,0.01872,0.01312,-0.05302,-0.02825,0.0284,-0.06304,-0.01725,0.02355,-0.04076,-0.00949,0.08541,-0.02518,-0.02057,0.02206,0.03359,-0.06926,0.00996,-0.07276,0.09216,-0.1134,0.04185,0.02007,0.019,-0.07265,0.02575,-0.01805,0.00979,-0.03787,0.00339,0.09139,-0.01147,-0.09953,0.00947,-0.0391,0.01481,0.00865,-0.02144,0.03239,0.0444,-0.05895,0.06296,0.02067,0.08027,0.09348,-0.02129,-0.05851,0.00851,0.11658,0.03803,0.13611,-0.0212,0.04933,0.00168,-0.01539,0.07748,0.01629,-0.04256,0.04987,0.02693,-0.14147,-0.04068,0.0214,0.05687,-0.10428,-0.00469,0.02135,-0.04122,0.01536,0,-0.17795,-0.0154,0.00219,-0.0147,0.05878,0.01029,-0.01294,0.04891,-0.01422,-0.04255,0.02655,0.07428,-0.00934,-0.06793,0.05358,-0.0059,0.02934,-0.00318,-0.02707,-0.04015,-0.03114,0.00234,-0.01462,0.08653,-0.03021,-0.01568,0.01093,-0.00905,0.05108,0.02608,-0.00103,0.07767,0.08958,0.07585,-0.07205,0.02507,-0.00698,0.01349,0.02205,-0.04607,0.05888,0.02042,-0.07261,-0.05397,-0.0988,0.06991,-0.02366,-0.01785,0.00286,-0.02089,-0.08237,0.03929,-0.05332,0.12815,0.03754,0.05077,-0.00633,-0.02834,0.06608,0.00506,-0.01118,-0.03602,-0.01707,0.03804],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Upgrade Notes - There are no breaking changes in v19.1.0. - Existing event-driven state integrations keep working; withFlowState() is opt-in. - Existing light-DOM flows keep the same target-first event behavior. - Open Shadow DOM support is automatic; closed roots remain unsupported. - Applications using initial centering with managed viewport history should pass emitCanvasChange: false through the new method argument. - Applications enabling managed drop-to-group must opt in with withFlowState({ dropToGroup: true }). with Flow State emit Canvas Change drop To Group","excerpt":"Upgrade Notes - There are no breaking changes in v19.1.0. - Existing event-driven state integrations keep working; withFlowState() is opt-in. - Existing light-DOM flows keep the same target-first event behavior. - Open Shadow DOM support is automatic; closed roots remain unsupported. - Applications using initial centering with managed viewport history should pass emitCanvasChange: false through the new method argument. - Applications enabling managed drop-to-group must opt in with withFlowState({ dropToGroup: true })."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#22","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.09407,0.01341,-0.04753,0.05859,0.01238,0.01894,-0.07795,0.05973,0.04339,0.03729,-0.07366,0.00487,-0.0832,-0.00461,0.08255,0.05451,-0.01622,-0.02003,-0.03713,0.00821,-0.03184,-0.08264,-0.00433,-0.04314,-0.02488,0.0856,-0.00236,-0.04902,0.06466,-0.05444,0.06392,0.05402,0.00384,0.02987,-0.15378,0.08113,-0.02727,0.00168,-0.05095,-0.07484,0.01805,0.06617,0.02542,-0.06512,-0.052,-0.02132,-0.01562,-0.03257,-0.05246,0.0729,-0.01557,-0.03994,-0.02271,0.0297,0.02449,0.04829,0.05228,-0.0362,-0.03524,0.00544,-0.04516,0.00125,-0.03603,0.00586,0.02392,0.07084,-0.0004,-0.02544,-0.00912,-0.03484,0.00703,-0.04922,0.01013,-0.09333,0.01237,-0.03351,-0.0579,0.0434,-0.02726,-0.08323,0.10953,0.0138,0.00996,0.05186,0.0132,0.08459,0.02362,-0.08991,0.05902,0.05112,0.00471,0.07377,0.0436,0.00372,0.06542,0.01004,0.04719,0.03776,-0.05882,0.04564,0.05379,-0.04315,0.06011,0.03987,-0.02902,-0.02812,-0.00559,-0.0062,-0.05425,-0.00889,-0.01203,0.06564,0.0224,-0.04977,-0.01757,-0.00926,0.0083,-0.05231,0.00612,0.06285,0.00867,0.02249,0.04604,-0.02987,0.05733,-0.04829,0.00658,0,0.00733,0.03658,-0.09538,0.00303,0.0796,0.07035,-0.01011,-0.04663,-0.03099,-0.04142,0.07909,0.04899,-0.03829,0.02625,0.02484,-0.04915,0.00316,0.05484,-0.00266,-0.01944,0.07585,-0.00968,-0.01053,0.01704,0.06684,0.09593,0.02058,0.04001,-0.05445,-0.00321,0.01953,-0.00774,-0.00457,0.03673,-0.02168,0.06051,-0.03392,-0.13,0.02947,-0.10926,-0.04249,0.00004,-0.10196,-0.05385,0.00276,-0.06194,-0.03962,-0.00105,0.0232,0.01388,0.00954,0.05317,-0.00394,0.04018,0.0782,-0.05549,0.02414,0.05411,0.03189,0.06637,0.07399,0.08817,-0.03325,0.00302,0.01678,0.05337,-0.02524,0.04443,0.05044,-0.11467,-0.06508,0.06069,-0.02221,-0.00908,0.07219,-0.02686,0.00692,-0.03261,0.01876,-0.04991,-0.04347,-0.08009,-0.02872,0.06785,0.09396,-0.06909,0.01305,-0.01813,-0.05038,0.0037,0.11498,-0.04744,0.02273,0.00725,0.03916,0,0.01994,0.00179,-0.00605,0.0619,0.03645,-0.10014,-0.01096,0.00138,0.02717,-0.0531,0.03997,0.00319,0.02005,-0.01626,0.0179,0.03067,0.00171,-0.13305,-0.01762,-0.07798,0.03995,-0.00959,0.0124,-0.00244,-0.07225,0.02618,0.00951,-0.01589,0.03266,-0.05456,-0.02742,-0.00314,-0.01746,-0.06751,0.01076,-0.02824,0.0116,0.03458,-0.01266,-0.02678,0.02704,0.04204,-0.06258,-0.01032,-0.05286,0.08856,-0.18588,0.04498,-0.01281,-0.02152,-0.0468,0.03628,-0.01137,-0.07752,-0.07315,-0.04722,0.12701,0.03228,-0.0756,-0.00424,-0.07148,0.01439,0.02603,-0.00311,0.02808,0.06183,-0.03008,0.01323,0.05548,0.07964,0.10233,0.00265,-0.05683,0.00424,0.12748,0.03907,0.12311,-0.01141,0.04613,0.01015,-0.0193,0.09609,0.05391,-0.00461,0.01189,0.05425,-0.12771,-0.03693,0.01859,0.06163,-0.08739,0.0137,-0.02368,-0.00753,0.03802,0,-0.17324,-0.02654,-0.00306,-0.00608,0.08701,0.0072,-0.03404,0.04701,0.00514,0.01668,0.0386,0.06165,-0.02364,-0.08134,0.04343,0.00711,0.00301,-0.04301,-0.02308,-0.0095,0.00482,-0.00066,-0.01465,0.10473,-0.009,-0.05813,0.04407,-0.00732,-0.00589,0.05194,0.01348,0.08766,0.10792,0.09301,-0.08299,-0.00421,0.00398,0.00496,-0.00425,-0.04368,0.0392,0.02053,-0.0475,-0.03161,-0.04898,0.02965,-0.03542,-0.03248,-0.00253,-0.07132,-0.10829,0.01972,-0.06808,0.10655,0.01305,0.05442,-0.01627,-0.01098,0.08931,0.00461,-0.0265,-0.0578,-0.01544,-0.00416],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Closing v19.1 is about making the newer interaction architecture practical in production editors. Managed state removes coordination code without taking ownership of application meaning. The performance work reduces repeated DOM and redraw work as graphs grow. Shadow DOM support lets the same editor live behind Angular Elements without a second interaction implementation. If you are building a visual editor in Angular and want the library to manage the common graph interaction history, start with the Managed Flow State example. If you already have a store, upgrade for the runtime, grouped redraw, and Shadow DOM improvements without changing your state architecture.","excerpt":"Closing v19.1 is about making the newer interaction architecture practical in production editors. Managed state removes coordination code without taking ownership of application meaning. The performance work reduces repeated DOM and redraw work as graphs grow. Shadow DOM support lets the same editor live behind Angular Elements without a second interaction implementation. If you are building a visual editor in Angular and want the library to manage the common graph interaction history, start with the Managed Flow State example. If you already have a store, upgrade for the runtime, grouped redraw, and Shadow DOM improvements without changing your state architecture."},{"chunkId":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support#23","slug":"foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","route":"/blog/foblex-flow-v19-1-0-managed-state-faster-large-flows-and-shadow-dom-support","section":"blog","title":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support","description":"Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM.","group":"Releases","vector":[-0.10166,0.03766,-0.02723,0.08403,0.03345,-0.007,-0.04149,0.01618,0.02045,0.04041,-0.05304,-0.00573,-0.06604,-0.00689,0.08486,0.08391,-0.01726,0.05434,0.00484,-0.00758,-0.00343,-0.0895,-0.01479,-0.05766,-0.02735,0.05965,-0.00386,-0.03507,0.03749,-0.10774,0.04844,0.05689,0.0082,0.03295,-0.09842,0.08355,-0.04217,0.01806,-0.07047,-0.04104,0.01432,0.04621,0.03736,-0.06253,-0.01236,-0.0109,-0.01331,-0.02205,-0.04582,0.04806,0.01074,-0.01981,-0.00497,0.06859,0.00704,0.0406,0.05792,-0.03736,-0.03728,-0.01785,-0.04552,0.01076,-0.02232,0.00368,0.03428,0.08046,-0.00423,-0.01372,-0.01214,-0.01272,-0.00995,-0.03936,0.0307,-0.12343,0.02742,-0.03566,0.01162,0.07248,-0.05902,-0.08856,0.05144,0.01562,0.01148,0.03842,0.0162,0.07038,-0.03443,-0.07765,0.05817,0.04152,-0.01699,0.04658,0.01096,-0.00291,0.06033,0.01667,0.01921,0.01785,-0.06138,0.0641,0.07603,-0.02922,0.00025,0.01492,-0.00177,-0.00328,0.0034,0.0027,-0.03361,-0.00028,-0.00965,0.05341,0.02002,-0.0468,-0.01148,-0.03362,0.00778,-0.04668,-0.01238,0.0309,0.02515,-0.00203,0.00512,-0.0556,0.05289,-0.04824,0.00993,0,0.02813,0.03595,-0.07989,-0.01796,0.07481,0.06754,0.01724,-0.07003,-0.06553,-0.01664,0.03618,0.04273,-0.03873,0.00892,0.01184,-0.12024,-0.0358,0.06992,-0.01304,-0.01488,0.0889,0.00686,-0.04244,-0.03425,0.05238,0.06809,-0.0052,0.02463,-0.06567,0.00229,-0.02198,-0.02081,0.02733,0.05588,-0.00742,0.03612,-0.03836,-0.09753,0.00402,-0.10424,-0.04205,-0.00963,-0.06799,-0.06922,-0.04972,-0.07517,-0.07648,0.01622,0.02947,-0.01388,0.03919,0.05706,-0.0548,-0.00953,0.05383,-0.0651,0.015,0.05872,0.03971,0.09057,0.05581,0.08238,-0.00929,-0.03766,0.00672,0.0515,-0.02188,0.02264,0.02687,-0.0789,-0.07363,0.08878,0.01328,-0.00597,0.08357,-0.05255,0.03082,-0.03657,0.02696,-0.02983,-0.06976,-0.11314,-0.06252,0.06925,0.09412,-0.09757,0.02012,-0.03591,-0.06132,-0.05294,0.08402,-0.04834,0.05431,-0.04826,0.06475,0,0.0157,-0.0038,-0.0153,0.1222,0.04504,-0.09978,0.04345,0.0761,0.02666,-0.03242,-0.00122,0.03979,-0.01202,-0.02325,0.04752,0.03464,-0.00883,-0.13181,-0.00821,-0.01677,0.02496,0.04405,-0.03025,0.02957,-0.0508,0.04238,0.02021,0.05118,0.01101,-0.06141,-0.04434,0.01845,-0.08718,-0.0152,0.01518,-0.01778,0.02513,0.09754,-0.05416,-0.00869,0.02866,0.02016,-0.05842,0.02043,-0.05378,0.10997,-0.14411,0.03986,0.01561,0.01181,-0.02991,0.02044,-0.01661,0.00636,-0.06562,-0.04553,0.05697,-0.01224,-0.06664,0.04772,-0.07488,0.00073,0.036,0.00847,0.06235,0.00286,-0.03509,-0.00774,0.02936,0.05543,0.11349,0.00775,-0.01912,0.03774,0.13536,0.01304,0.10369,-0.00684,0.02947,0.02676,-0.00915,0.08724,0.03368,0.02799,0.02873,0.03661,-0.147,-0.00672,0.0326,0.0374,-0.08769,0.01051,-0.00007,-0.01226,-0.00451,0,-0.1962,-0.04484,0.00915,-0.01546,0.07127,0.01155,-0.0158,0.03759,-0.02523,-0.0425,0.08265,0.08735,0.00212,-0.07912,0.01305,0.00131,-0.00461,-0.0075,-0.02542,-0.02585,-0.03191,0.0283,-0.05851,0.11013,-0.00167,-0.07009,0.03672,-0.01355,0.03047,0.02197,0.00645,0.07186,0.12794,0.105,-0.04373,0.01045,0.01033,0.01602,-0.03088,-0.04325,0.02859,0.0316,-0.06413,-0.04662,-0.06638,0.0376,-0.04501,-0.07298,-0.01001,-0.08159,-0.07104,0.03447,-0.05749,0.11192,0.04513,0.03434,-0.00016,-0.0276,0.09116,0.01317,-0.01976,-0.0317,0.03956,0.02737],"keywords":"Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1.0: Managed State, Faster Large Flows, and Shadow DOM Support Foblex Flow v19.1 adds opt-in typed graph state with batched undo and redo, reduces DOM and redraw work in large editors, and supports interactions inside Angular Elements and open Shadow DOM. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v19.1.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Managed Flow State example: <https://flow.foblex.com/examples/state - Roadmap: <https://flow.foblex.com/docs/roadmap - Shadow DOM discussion: <https://github.com/Foblex/f-flow/discussions/315","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v19.1.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Managed Flow State example: <https://flow.foblex.com/examples/state - Roadmap: <https://flow.foblex.com/docs/roadmap - Shadow DOM discussion: <https://github.com/Foblex/f-flow/discussions/315"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#0","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.08356,-0.10316,-0.05698,0.02971,-0.02014,0.0332,0.00419,0.06583,0.04916,0.03377,-0.04364,-0.02892,-0.03095,-0.01069,0.08509,-0.00078,0.00983,-0.04668,-0.06558,0.09031,-0.02152,-0.06144,0.00126,-0.06772,-0.09133,-0.03622,-0.02907,-0.07648,0.00095,-0.0548,-0.01278,0.12041,-0.00924,0.02432,-0.04022,0.03793,0.0318,-0.04523,-0.10565,-0.0627,-0.02708,0.0071,0.02182,-0.00299,-0.02673,-0.02267,-0.03008,-0.04781,-0.06081,0.06587,-0.09406,-0.05378,0.00652,0.03179,0.03781,0.05371,0.03362,-0.0007,-0.026,0.03009,-0.03932,-0.01287,-0.01353,0.02307,-0.00127,0.05453,-0.01783,-0.02711,0.04095,-0.0593,-0.07063,-0.04302,0.00136,-0.04438,0.03064,-0.01438,-0.00613,0.06311,0.02788,-0.12063,0.01105,0.06225,0.0151,0.03769,-0.01342,0.10443,0.03379,-0.00102,0.02954,0.07037,-0.00787,0.01832,0.02207,0.01295,0.11253,-0.02384,0.051,-0.00253,-0.02741,0.04493,-0.01308,0.00468,0.04534,0.01916,0.00579,-0.03513,0.01368,-0.02971,-0.05001,-0.05213,-0.03146,-0.0235,0.01319,-0.06874,-0.0357,-0.0103,-0.03713,-0.01022,0.15604,0.06847,0.02438,-0.01885,-0.01497,0.01394,0.06998,-0.01597,-0.09518,0,0.00373,0.05386,-0.04596,0.01666,0.07636,-0.03925,0.03025,-0.02293,-0.05857,-0.01962,0.02948,0.0499,-0.05562,0.00666,0.05869,-0.10017,-0.09436,0.04818,-0.04974,0.00559,0.10622,-0.01299,0.01057,-0.02668,0.06482,0.12373,-0.06216,0.03853,0.00339,0.03851,-0.06144,-0.02073,0.00691,-0.02933,-0.06844,-0.03266,-0.03955,-0.13948,-0.01929,-0.055,-0.05189,-0.03816,-0.0505,-0.09165,0.00013,-0.05974,-0.0567,0.04806,0.0299,-0.00162,-0.00151,0.03009,-0.01062,-0.02231,0.0342,-0.0967,-0.0529,0.05346,0.02282,0.11746,0.02355,0.0806,-0.00807,0.00742,0.00879,0.07897,0.01488,0.02479,0.08444,-0.06537,-0.09551,0.05943,-0.05172,-0.01204,0.02974,-0.03755,-0.02351,-0.07024,0.02817,-0.03374,-0.03291,-0.00055,-0.03747,0.07523,0.06693,-0.09716,-0.01179,-0.03941,-0.13327,-0.02596,0.09988,-0.0149,0.01096,0.0017,-0.0138,0,0.02038,-0.03033,-0.07814,0.06638,-0.00338,-0.02025,0.03796,-0.06061,0.04279,-0.03694,0.00586,0.0389,0.03898,-0.0519,-0.00095,-0.0063,-0.01654,-0.10075,0.00659,0.00747,0.05337,0.03454,-0.02033,-0.02518,-0.06419,0.00676,-0.00206,0.07534,0.00801,-0.03783,-0.00221,0.02265,-0.09454,-0.06999,0.02074,-0.02804,0.01174,0.05195,-0.00603,-0.02837,0.10585,-0.02025,0.00047,0.01734,-0.03585,0.07831,-0.11951,-0.00042,0.01131,-0.01516,0.00193,-0.01812,-0.00107,-0.07123,-0.12682,0.05274,0.10189,0.0114,-0.0467,0.04892,0.0389,-0.04271,0.04761,0.0222,0.08661,0.05354,0.00837,0.05827,0.0586,0.03746,0.09956,-0.01671,-0.03063,-0.00995,0.08292,0.08566,0.06173,-0.08739,0.03467,-0.0087,-0.04613,0.09806,0.06354,0.05298,0.0689,0.05401,-0.05684,0.02059,0.05659,0.06309,-0.06502,0.04962,0.0437,0.07905,-0.04758,0,-0.06972,0.03637,-0.04237,0.02593,0.03426,0.00158,-0.0393,0.00994,-0.04379,0.04198,0.00042,0.06289,-0.01922,-0.01799,0.11152,0.03733,-0.01539,0.00507,-0.07799,-0.06858,0.03213,0.02786,-0.00472,0.04923,-0.00128,-0.04684,-0.0404,0.03474,0.02271,0.0047,0.01751,0.02522,0.04407,0.06484,-0.07807,0.05734,-0.02327,-0.01284,-0.04626,0.02046,0.06939,-0.04041,-0.07417,-0.05001,-0.03415,0.05133,-0.04582,-0.05563,-0.03128,0.03465,-0.0929,0.07337,-0.03744,0.09134,0.02791,0.05943,-0.01049,-0.02893,0.09074,0.04433,-0.02658,0.04635,0.04206,0.05787],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how an Angular node editor is driven: provider-based control schemes with Miro-like and draw.io-like presets, click-to-connect on a gesture-independent connection engine, an opt-in keyboard accessibility layer with screen-reader announcements, one unified connector directive, and an AI-ready toolchain. Foblex Flow is an Angular library for building node-based editors: flows, diagrams, visual builders — all with a focus on interactive UX and clean APIs. Today I'm shipping v19.0.0. It looks like a long changelog, but it is really one story: until now, there was exactly one way to drive a Foblex Flow editor — my way. One gesture mapping, one way to create connections, one input device. v19 opens that up. The pointer scheme, the connection gesture, the keyboard, even the AI agent writing code against the library — they are all first-class ways to drive the editor now. AP Is","excerpt":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how an Angular node editor is driven: provider-based control schemes with Miro-like and draw.io-like presets, click-to-connect on a gesture-independent connection engine, an opt-in keyboard accessibility layer with screen-reader announcements, one unified connector directive, and an AI-ready toolchain. Foblex Flow is an Angular library for building node-based editors: flows, diagrams, visual builders — all with a focus on interactive UX and clean APIs. Today I'm shipping v19.0.0. It looks like a long changelog, but it is really one story: until now, there was exactly one way to drive a Foblex Flow editor — my way. One gesture mapping, one way to create connections, one input device. v19 opens that up. The pointer scheme, the connection gesture, the keyboard, even the AI agent writing code against the library — they are all first-class ways to drive the editor now."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#1","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.04162,-0.1294,-0.06427,0.01092,-0.02945,0.04231,0.04559,0.06608,0.06762,0.02172,0.01008,-0.04483,-0.02731,-0.02377,0.04007,-0.00251,-0.01359,-0.02811,-0.06678,0.08164,0.00287,-0.09039,0.00013,-0.05916,-0.08831,-0.0104,0.00334,-0.06038,0.01329,-0.04097,0.01011,0.09676,0.03046,0.02305,-0.04434,0.02089,0.04551,-0.06114,-0.14753,-0.05924,-0.04899,-0.05604,0.05942,-0.0019,-0.02476,0.00155,-0.0165,-0.0302,-0.05054,0.08828,-0.05071,-0.04571,0.01179,0.05963,0.02618,0.04855,0.04466,-0.01097,-0.02507,0.01769,-0.01614,-0.0179,-0.01951,0.00629,-0.02691,0.06077,-0.00143,-0.05092,0.04574,-0.08174,-0.06932,-0.05975,0.00312,-0.05487,0.00591,-0.03,0.02502,0.05277,0.00271,-0.11573,0.02058,0.0509,0.0099,0.03671,0.0105,0.11176,0.00897,0.01253,0.03436,0.07904,-0.03977,0.03307,-0.0383,-0.06071,0.08336,-0.05479,0.0526,-0.01362,-0.02324,0.03471,0.00976,0.01289,0.00359,0.03079,0.03233,-0.03979,0.02021,-0.05265,-0.05452,-0.0412,-0.03306,-0.03089,0.04676,-0.04633,0.01415,-0.01492,-0.02611,0.00988,0.12758,0.07365,0.01276,-0.01465,-0.05309,-0.00696,0.04445,0.0094,-0.10631,0,0.02327,0.04556,-0.06042,-0.01413,0.03198,-0.01152,0.02527,-0.04234,-0.03175,-0.02578,-0.00537,0.00366,-0.06561,0.05452,0.02004,-0.08497,-0.04727,0.05118,-0.02801,-0.00733,0.08041,-0.04665,-0.0052,-0.0142,0.05811,0.10642,-0.06734,0.06174,0.02882,0.01626,-0.06215,-0.0233,-0.00646,-0.04105,-0.05971,-0.03853,-0.04263,-0.08232,0.01719,-0.01627,-0.04218,-0.03412,-0.04303,-0.10401,-0.01863,-0.06241,-0.0531,0.02961,0.05332,-0.01545,0.01665,-0.00723,0.01228,-0.00424,0.06245,-0.12197,-0.06766,0.06729,-0.02114,0.11807,0.00569,0.07425,-0.00182,0.01279,0.06099,0.07089,0.01912,0.04491,0.05253,-0.05773,-0.1119,0.06995,-0.03486,-0.00745,-0.00766,-0.04331,0.00718,-0.06902,0.00148,-0.00046,-0.05344,0.01265,-0.02336,0.07176,0.0526,-0.0639,-0.02495,-0.07033,-0.13792,-0.05376,0.06214,-0.03624,0.00398,-0.00236,-0.02098,0,0.01287,0.00289,-0.06624,0.07165,-0.04874,0.00724,0.05296,-0.04406,0.04822,-0.06898,0.00754,0.04043,0.03842,-0.08152,0.0041,0.00482,-0.01812,-0.06426,-0.00389,-0.01062,0.03858,-0.00179,0.00077,-0.01338,-0.09832,-0.02014,0.00806,0.03534,-0.02453,-0.02899,0.02754,0.04042,-0.06486,-0.04459,0.03888,-0.05503,-0.00653,0.04779,0.00703,0.00104,0.11033,0.02727,0.03799,0.05249,-0.03447,0.1283,-0.14038,-0.04484,-0.03217,0.01449,0.00075,-0.02362,-0.04529,-0.05634,-0.09556,0.05334,0.10803,0.00339,-0.06622,0.01867,0.04998,-0.06398,0.02015,-0.01043,0.07983,0.09622,0.03167,0.07368,0.0664,0.05556,0.11752,-0.00051,0.01767,-0.00554,0.06481,0.0375,0.04313,-0.0755,0.02459,0.01468,-0.02047,0.09189,0.05917,0.01975,0.03006,0.08966,-0.07731,0.01732,0.06833,0.01873,-0.03949,0.06699,0.06339,0.04366,-0.04999,0,-0.04278,-0.0115,-0.021,-0.00737,-0.0009,0.01937,-0.02348,-0.00216,-0.0142,0.01397,-0.00403,0.03382,-0.03733,-0.02285,0.10766,0.02828,0.00923,0.06541,-0.05001,-0.1056,0.02681,0.01861,-0.01426,0.07011,0.01718,-0.04517,0.00151,0.05935,0.00574,-0.00514,0.06659,-0.00272,0.04008,0.05552,-0.07529,0.09528,-0.02163,-0.00804,-0.04148,0.05519,0.06434,-0.01153,-0.09106,-0.06899,-0.0669,0.03769,-0.0122,-0.08248,-0.043,0.04579,-0.06138,0.10401,0.00441,0.11486,0.0138,0.07603,-0.00125,-0.00411,0.10886,0.04813,-0.03304,0.055,0.02169,0.0122],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. ✨ Short version - Control schemes — withControlScheme(...) maps gestures to actions for the whole editor at once, with Miro-like and draw.io-like presets and runtime switching. - Connection flows — withConnectionFlow('click') adds click-to-connect alongside drag, backed by a new gesture-independent connection engine you can build custom gestures on. - Accessibility — ARIA semantics in every flow by default, plus an opt-in keyboard layer that can select, move, delete, and even create connections without a mouse. - Unified connector model — one [fConnector] directive instead of the input/output/outlet trio, and fSourceId/fTargetId on connections. - An AI-ready toolchain — dev-mode diagnostics with stable error codes, agent rules installed by ng add, and version-matched LLM docs shipped inside the npm package. with Control Scheme with Connection Flow f Connector f Source Id f Target Id","excerpt":"✨ Short version - Control schemes — withControlScheme(...) maps gestures to actions for the whole editor at once, with Miro-like and draw.io-like presets and runtime switching. - Connection flows — withConnectionFlow('click') adds click-to-connect alongside drag, backed by a new gesture-independent connection engine you can build custom gestures on. - Accessibility — ARIA semantics in every flow by default, plus an opt-in keyboard layer that can select, move, delete, and even create connections without a mouse. - Unified connector model — one [fConnector] directive instead of the input/output/outlet trio, and fSourceId/fTargetId on connections. - An AI-ready toolchain — dev-mode diagnostics with stable error codes, agent rules installed by ng add, and version-matched LLM docs shipped inside the npm package."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#2","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.02926,-0.11661,-0.06957,0.02216,-0.00951,0.0714,0.08337,0.0774,0.04573,0.02762,0.00005,-0.03977,-0.03051,-0.00673,0.0527,0.00223,-0.00705,-0.06215,-0.08128,0.10596,-0.00012,-0.11496,0.02368,-0.05571,-0.08626,-0.02917,-0.00106,-0.04675,0.02359,-0.03586,-0.00549,0.11686,0.01599,-0.00627,-0.03255,0.00064,0.05516,-0.06609,-0.12458,-0.05839,-0.03518,-0.01616,0.04037,0.01045,-0.01142,0.03418,0.03399,-0.00085,-0.06224,0.09279,-0.03792,-0.00328,0.02861,0.02197,0.03739,0.03808,0.06181,0.01834,0.02497,0.0045,-0.08858,-0.03663,-0.02465,0.02887,0.00685,0.04103,-0.03353,-0.0842,0.02072,-0.05876,-0.05023,-0.04712,0.04521,-0.04935,0.05891,-0.02813,-0.02053,0.05728,-0.01474,-0.12388,0.00098,0.04393,0.02956,0.04622,0.01811,0.08137,-0.00604,-0.00091,0.02702,0.08534,-0.02128,0.01004,-0.01869,-0.03002,0.06364,-0.04166,0.03231,-0.01593,-0.04729,-0.00925,0.01975,-0.00969,0.02008,0.04644,0.04429,-0.03099,0.01132,-0.0714,-0.05915,-0.01622,-0.01635,-0.03741,0.05769,-0.02366,-0.01602,-0.00936,-0.02071,0.00341,0.13624,0.04098,0.01783,-0.02099,-0.03281,-0.02005,0.04252,-0.00893,-0.09432,0,-0.02364,0.01286,-0.04592,0.00614,0.05123,-0.0083,0.02556,-0.02871,-0.03229,-0.00159,0.00126,0.02177,-0.05196,0.01942,0.01412,-0.05801,-0.05679,0.03912,-0.06002,0.0171,0.08781,-0.02501,-0.02049,-0.03001,0.04,0.14141,-0.08423,0.09394,0.03151,0.03735,-0.08069,-0.00023,0.0083,-0.03178,-0.06589,-0.0129,-0.02858,-0.08873,-0.02294,-0.01967,-0.03007,-0.04456,-0.0447,-0.08748,-0.02364,-0.08096,-0.0559,0.05809,0.02722,0.0068,0.01127,0.02306,0.0344,-0.01381,0.09017,-0.11616,-0.06525,0.03755,-0.01177,0.09003,-0.00271,0.04007,-0.02437,0.05123,0.04275,0.07594,0.03618,0.02646,0.03977,-0.02016,-0.07351,0.08645,-0.06084,0.01479,0.00876,-0.05328,-0.0045,-0.04399,0.00114,-0.01605,-0.0298,0.01549,-0.01951,0.0622,0.03155,-0.07362,-0.00968,-0.01965,-0.15379,-0.0222,0.08169,-0.04728,0.02465,-0.00663,-0.03644,0,0.02906,0.02466,-0.0708,0.0708,-0.04263,-0.00349,0.06436,-0.07577,0.08936,-0.05396,0.01116,-0.00435,0.01317,-0.04225,0.00927,0.00891,0.00333,-0.05822,0.00366,-0.03901,0.04982,-0.06698,-0.01674,0.00879,-0.08569,-0.01954,0.00435,0.05398,-0.07406,-0.01431,0.00384,0.01484,-0.07029,-0.02337,0.03486,-0.0737,-0.02295,0.04625,-0.01518,0.00966,0.09108,0.01165,0.00837,0.05886,-0.03923,0.09245,-0.10878,-0.00334,0.00034,0.02991,-0.04065,-0.02148,-0.0194,-0.07763,-0.11978,0.0415,0.10257,-0.01235,-0.05188,0.03421,0.05778,-0.0485,0.00937,0.0297,0.09087,0.08571,0.02408,0.0604,0.09091,0.05791,0.10642,-0.04262,0.01669,-0.01198,0.05007,0.08825,0.09321,-0.0519,0.06015,-0.00489,-0.00074,0.04951,0.06699,0.05562,0.01204,0.10938,-0.10542,0.01276,0.08256,0.04826,-0.02104,0.0333,0.0602,0.03869,-0.02747,0,-0.07197,0.02601,-0.05046,-0.00812,-0.00961,0.0333,-0.03464,-0.00287,-0.06418,0.01603,-0.01323,0.04108,0.00682,-0.01431,0.10355,0.01994,-0.00069,0.02656,-0.05452,-0.06554,0.02341,0.00881,-0.0017,0.07423,-0.01748,-0.03251,-0.05863,0.07042,0.02554,-0.01002,0.04591,-0.00934,0.01536,0.07912,-0.11031,0.04403,-0.02758,-0.02856,-0.01808,0.03433,0.07752,-0.01333,-0.06966,-0.0643,-0.10411,0.06545,0.00399,-0.05264,-0.05389,0.03591,-0.07558,0.10656,0.03408,0.09694,0.04016,0.03863,0.00888,-0.01331,0.0867,0.04598,-0.06554,0.04755,0.00169,0.01163],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Control Schemes Different tools train different hands. Miro users scroll to pan and drag to select. draw.io users expect the wheel to zoom. Until now, Foblex Flow had one hardcoded answer, and making it behave differently meant configuring triggers on three directives separately and hoping they agree. A control scheme is the complete mapping between input gestures and canvas actions, provided as one object: `ts import { provideFFlow, withControlScheme, FSCROLLPANCONTROLSCHEME } from '@foblex/flow'; provide F Flow with Control Scheme","excerpt":"Control Schemes Different tools train different hands. Miro users scroll to pan and drag to select. draw.io users expect the wheel to zoom. Until now, Foblex Flow had one hardcoded answer, and making it behave differently meant configuring triggers on three directives separately and hoping they agree. A control scheme is the complete mapping between input gestures and canvas actions, provided as one object: `ts import { provideFFlow, withControlScheme, FSCROLLPANCONTROLSCHEME } from '@foblex/flow';"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#3","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.03709,-0.11666,-0.08972,0.04836,0.00542,0.09229,0.07209,0.08733,0.04637,0.00588,-0.01572,-0.05451,-0.04951,-0.04466,0.0396,0.00478,-0.02966,-0.05447,-0.08894,0.06061,-0.0256,-0.08945,0.00814,-0.01304,-0.10562,-0.02733,-0.0084,-0.0331,-0.01288,-0.03442,0.01199,0.11243,0.00673,0.02087,-0.02331,-0.0086,0.02383,-0.04108,-0.10684,-0.05593,-0.02048,-0.01243,0.04946,0.0145,0.00414,0.00757,0.0362,-0.03547,-0.02143,0.0889,-0.04983,0.01823,0.05391,0.05332,0.01931,0.0615,0.04929,0.01127,-0.0177,0.01226,-0.08557,-0.03771,-0.0137,-0.00012,-0.04687,0.06242,-0.07165,-0.02929,0.03914,-0.03312,-0.09584,-0.01108,0.02352,-0.03855,0.06236,-0.0444,-0.00292,0.05289,0.02294,-0.09879,0.01488,0.03751,0.01408,0.01674,0.04392,0.07935,0.02066,-0.04216,0.01963,0.08796,-0.03068,0.02762,-0.01351,-0.01137,0.05587,-0.02515,0.0136,-0.03223,-0.0257,0.03117,-0.01181,0.00792,0.03183,0.06301,0.03423,-0.02585,0.02638,-0.01649,-0.0423,-0.03577,0.00969,-0.02818,0.05133,-0.03735,0.00291,0.02469,-0.00468,0.00044,0.09412,0.04279,0.00531,-0.03111,-0.04611,-0.01747,0.02068,0.00839,-0.08287,0,-0.02055,0.01314,-0.07352,0.03562,0.05462,-0.01412,0.05182,-0.03032,-0.02723,-0.00162,-0.01709,0.0008,-0.06554,0.02693,-0.01156,-0.11089,-0.05385,0.0489,-0.03876,0.01096,0.09559,-0.04886,-0.02559,-0.07843,0.04835,0.12515,-0.0706,0.097,0.0457,0.03651,-0.07638,0.02267,0.013,-0.03699,-0.08041,-0.02527,-0.03574,-0.06787,0.00364,-0.00866,-0.05856,-0.05271,-0.02692,-0.07105,-0.0111,-0.08384,-0.04891,0.08345,0.0654,0.00599,0.00096,0.01141,-0.00601,-0.00156,0.08208,-0.11215,-0.05986,0.07156,0.01271,0.10206,-0.00198,0.06834,-0.04645,0.02355,0.0574,0.08806,0.0281,0.03218,0.02541,-0.07384,-0.05802,0.06972,-0.05185,0.00328,0.04574,-0.03411,0.00297,-0.03284,0.01027,-0.01838,-0.01082,0.00849,-0.0298,0.08839,0.0349,-0.05714,-0.04189,-0.039,-0.12294,-0.0135,0.07632,-0.03503,0.0512,0.01058,-0.05111,0,0.04025,0.03638,-0.08357,0.05864,-0.01096,0.02232,0.06106,-0.01483,0.06185,-0.0658,0.02028,-0.00081,-0.00471,-0.07756,-0.01562,-0.01547,0.00173,-0.0579,0.00903,-0.01939,0.05512,-0.03626,-0.04968,0.01183,-0.0908,-0.01414,-0.00479,0.09175,-0.02728,-0.01998,0.00544,0.02402,-0.08041,-0.06096,0.03393,-0.05745,-0.05141,0.03805,-0.01453,0.02005,0.0899,0.00143,0.01093,0.04688,-0.03694,0.08402,-0.09915,-0.01316,0.03943,0.05272,-0.0286,-0.06529,-0.01239,-0.04816,-0.08881,0.0661,0.11533,-0.01666,-0.07032,0.02004,0.04891,-0.05693,0.03286,0.00022,0.10416,0.05271,0.0219,0.11543,0.10158,0.08959,0.10769,-0.03465,0.02078,-0.03725,0.04549,0.08189,0.06048,-0.06012,0.07441,0.04101,0.00938,0.05927,0.0631,0.0061,0.01574,0.06531,-0.07999,0.00251,0.08399,0.05991,-0.04093,0.02793,0.06203,0.01941,-0.0441,0,-0.07613,0.01638,-0.05122,-0.01096,-0.00655,-0.00276,-0.02951,-0.0137,-0.07661,-0.02178,-0.02885,0.067,0.00365,-0.0124,0.07821,-0.01273,-0.00101,0.0525,-0.05673,-0.11159,-0.00294,0.01918,0.00566,0.06166,0.00909,-0.04031,-0.01612,0.04877,0.05456,-0.01881,0.01399,0.00116,0.00766,0.07302,-0.12851,0.07956,-0.02685,-0.01951,-0.03017,0.03314,0.05712,-0.00703,-0.07291,-0.06969,-0.08627,0.04247,-0.01265,-0.01504,-0.0506,0.04364,-0.06682,0.10605,0.00025,0.11278,0.01588,0.01831,-0.02469,0.01217,0.08246,0.03209,-0.09782,0.02683,0.00697,0.03581],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. @Component({ providers: [provideFFlow(withControlScheme(FSCROLLPANCONTROLSCHEME))], }) export class MyFlow {} Three presets ship out of the box: the default (drag pans, wheel zooms, Shift+drag selects), a Miro-like scheme (scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on the empty canvas selects, middle-drag pans), and a draw.io-like scheme. FControlSchemeController` switches or tweaks the scheme at runtime, so a user-facing \"controls\" setting is a few lines of code. The existing trigger inputs keep working and override the active scheme — nothing breaks. provide F Flow with Control Scheme My Flow F Control Scheme Controller","excerpt":"@Component({ providers: [provideFFlow(withControlScheme(FSCROLLPANCONTROLSCHEME))], }) export class MyFlow {} Three presets ship out of the box: the default (drag pans, wheel zooms, Shift+drag selects), a Miro-like scheme (scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on the empty canvas selects, middle-drag pans), and a draw.io-like scheme. FControlSchemeController` switches or tweaks the scheme at runtime, so a user-facing \"controls\" setting is a few lines of code. The existing trigger inputs keep working and override the active scheme — nothing breaks."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#4","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.06587,-0.0773,-0.09537,0.02184,0.01526,0.06312,0.06395,0.0684,0.04812,0.02349,0.01523,0.00072,-0.04914,-0.02352,0.0457,-0.0223,-0.01578,-0.02278,-0.05657,0.08344,-0.03658,-0.08255,0.03991,-0.03782,-0.10598,-0.0073,0.01851,-0.05232,0.02567,-0.03308,0.00279,0.11834,0.02216,0.02526,-0.07045,-0.01335,0.01643,-0.0219,-0.08692,-0.03999,-0.00218,-0.01238,0.05125,0.00651,-0.00367,-0.01382,0.01337,-0.01139,-0.05812,0.09306,-0.04346,-0.05375,0.05768,0.05815,-0.01035,0.03311,0.02031,0.01414,0.01027,0.0451,-0.04811,-0.0465,-0.02704,0.02442,-0.00622,0.03732,-0.03118,-0.08332,0.00471,-0.06838,-0.06006,-0.04421,0.06105,-0.06182,0.02454,-0.03452,-0.01107,0.03655,0.01786,-0.05025,0.04488,0.01034,0.0356,0.06217,0.00305,0.0896,0.02492,0.00031,0.00121,0.02408,-0.04672,0.05278,-0.02579,-0.00736,0.00709,-0.049,0.02117,-0.02986,-0.07384,0.02098,0.02327,-0.00448,0.05143,0.0549,-0.00188,-0.03256,0.0346,0.00342,-0.04501,0.00094,0.00813,-0.02257,0.04053,-0.04425,-0.01732,-0.0194,-0.05183,0.00183,0.13064,0.05522,0.01427,0.00118,-0.03669,-0.03127,0.04698,0.00392,-0.07002,0,-0.02171,0.068,-0.06435,-0.03067,0.05381,-0.02122,0.00667,-0.07391,-0.03964,0.0119,0.03157,0.02574,-0.08004,0.02022,0.00662,-0.09858,-0.06661,0.06798,-0.03353,0.01622,0.09307,-0.06939,0.00652,-0.00723,0.07163,0.12129,-0.0908,0.06424,0.05393,0.05028,-0.05564,0.02319,-0.0089,-0.07635,-0.07441,-0.02041,-0.02429,-0.11123,-0.00026,-0.00555,-0.04954,-0.05647,-0.04734,-0.09073,-0.03804,-0.0573,-0.04551,0.06671,0.0673,0.01232,-0.02914,-0.01523,0.01197,0.00972,0.09775,-0.10779,-0.05821,0.05996,0.01411,0.12211,0.03869,0.05299,-0.04153,-0.01689,0.02536,0.05797,0.06128,0.0609,0.02961,-0.06317,-0.08387,0.08226,-0.02561,0.05668,0.01099,-0.04587,0.00521,-0.0113,0.0637,-0.02907,-0.01532,-0.0075,0.01097,0.0758,0.04117,-0.09572,-0.04662,-0.01775,-0.164,-0.05392,0.05204,-0.00076,0.00092,-0.02741,-0.05107,0,0.00975,0.01172,-0.08023,0.08208,-0.03709,-0.03967,0.08362,-0.0013,0.0961,-0.05238,0.03295,0.03204,0.01916,-0.05659,-0.00426,-0.00214,0.00121,-0.07673,0.0173,-0.0585,0.05247,-0.08844,0.00306,-0.01599,-0.09762,0.00589,0.04227,0.03181,-0.05497,-0.03043,0.01331,0.01264,-0.04867,-0.05566,0.01936,-0.03963,-0.03967,0.03136,0.00272,-0.02416,0.08584,0.02318,0.03764,0.01178,-0.05597,0.0654,-0.07667,0.00243,0.02351,0.00635,-0.03648,0.02256,0.01229,-0.08792,-0.10849,0.05186,0.06899,-0.00421,-0.05266,-0.01405,0.06853,-0.01297,-0.01124,0.00603,0.08878,0.08114,0.0087,0.07691,0.09948,0.09579,0.12576,-0.04134,0.02251,0.00365,0.04795,0.11094,0.11482,-0.04455,0.09446,0.00482,0.02537,0.08609,0.04528,0.01135,0.05788,0.08774,-0.11847,-0.03552,0.0764,0.06408,-0.03775,0.0391,0.06182,0.02437,-0.00756,0,-0.065,0.03175,-0.03267,-0.019,0.02294,0.01887,-0.00226,-0.0091,-0.04952,0.00295,-0.00164,0.06626,-0.01716,0.03337,0.08947,0.02417,0.01293,0.0638,-0.04675,-0.08542,-0.01752,0.03584,0.03001,0.03914,-0.00155,-0.02656,-0.068,0.04957,0.02498,-0.02038,0.01715,-0.00066,0.0123,0.03393,-0.0958,0.06424,-0.08613,-0.01585,-0.03727,0.03428,0.06208,-0.04474,-0.01646,-0.03376,-0.0857,0.04263,0.01214,-0.02613,-0.05445,0.0032,-0.08168,0.07628,-0.00313,0.07772,0.03127,0.04276,0.00327,0.01734,0.06047,0.02282,-0.08424,0.02621,-0.00382,0.04944],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. This release also closes two long-standing viewport requests along the way: plain-wheel scrolling pans the canvas in scroll-pan schemes, and trackpad pinch gets its own zoom step. ::: ng-component <control-schemes</control-schemes [height]=\"600\" :::","excerpt":"This release also closes two long-standing viewport requests along the way: plain-wheel scrolling pans the canvas in scroll-pan schemes, and trackpad pinch gets its own zoom step. ::: ng-component <control-schemes</control-schemes [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#5","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.09314,-0.12517,-0.03417,0.04845,-0.01302,0.06705,0.05421,0.02109,0.07859,0.00215,-0.00177,-0.02974,-0.03506,0.00473,0.04657,0.00774,0.00629,-0.07291,-0.07773,0.10276,-0.00812,-0.11556,0.05596,-0.07844,-0.06369,-0.06494,0.00184,-0.05946,0.03859,-0.03638,0.02917,0.08597,-0.04862,-0.00976,-0.03961,0.01237,0.03508,-0.03449,-0.11748,-0.07668,-0.00856,-0.06126,0.04292,-0.01283,-0.01316,0.02652,-0.00381,-0.00633,-0.02154,0.07401,-0.06511,-0.02558,0.01333,0.02826,0.01062,0.08158,0.02102,0.01485,-0.00617,0.02517,-0.03064,-0.02722,-0.02764,0.00149,0.00054,0.05778,-0.0221,-0.04455,0.00102,-0.04208,-0.03463,-0.05221,-0.00608,-0.07875,0.03986,0.00697,-0.02604,0.06336,-0.01371,-0.08584,0.06501,0.04837,0.00657,0.02808,0.05801,0.09395,0.0459,-0.02973,0.00662,0.05343,-0.03923,0.03768,-0.02181,0.00097,0.09151,-0.04113,0.02672,0.00945,-0.02322,0.0307,0.01757,0.04267,-0.00085,0.03292,0.00183,-0.04062,-0.01909,-0.02733,-0.03271,-0.0259,0.0234,-0.03318,0.04191,-0.0242,-0.02091,0.00278,-0.04949,0.00821,0.14923,0.04851,0.01101,-0.01718,-0.05015,-0.02871,0.05462,-0.01645,-0.07818,0,0.013,0.01049,-0.06968,-0.02147,0.02724,0.00692,0.02421,-0.03832,-0.03334,-0.02477,-0.0098,-0.00241,-0.01302,-0.0049,-0.01116,-0.04478,-0.07165,0.08429,-0.0698,0.024,0.10524,-0.00172,-0.00134,-0.03393,0.05017,0.1166,-0.0872,0.08172,0.01539,0.02495,-0.06315,0.00286,-0.00199,-0.03103,-0.08656,-0.02573,-0.00382,-0.10163,-0.01578,-0.0314,-0.03521,-0.06017,-0.05981,-0.07289,-0.03247,-0.0875,-0.02399,0.01686,0.04869,-0.02568,-0.01401,-0.03031,-0.00565,-0.01195,0.04369,-0.11184,-0.07256,0.07359,-0.00082,0.085,0.00185,0.07116,-0.01258,0.01176,0.02413,0.08316,0.01687,0.05148,0.045,-0.07007,-0.08057,0.06394,-0.0477,-0.02229,0.02819,-0.06733,-0.00591,-0.03759,0.06542,0.03448,0.00879,-0.02591,-0.00595,0.0786,0.03267,-0.07195,-0.03954,-0.07987,-0.14398,-0.00865,0.06596,0.0003,0.016,0.00081,-0.01332,0,0.04131,0.01196,-0.05904,0.07294,-0.03518,0.00665,0.05966,-0.04193,0.03867,-0.05285,0.0433,0.04382,0.04812,-0.03978,-0.03814,0.00753,0.02796,-0.06651,-0.02606,-0.00063,0.09101,-0.00037,0.01196,-0.00918,-0.09515,-0.02881,0.05842,0.03938,0.00612,-0.02528,0.04689,0.03047,-0.09632,-0.04399,0.02397,-0.02183,-0.01386,0.04592,0.01027,-0.03409,0.10424,0.01326,-0.00343,0.02543,-0.00719,0.07761,-0.10377,-0.03585,-0.02153,0.03032,-0.00455,-0.00706,-0.01977,-0.06838,-0.10919,0.05519,0.0879,-0.03172,-0.08962,0.03719,0.09561,-0.05119,0.03326,0.00051,0.10442,0.09667,0.02651,0.11717,0.13434,0.05446,0.07755,0.00479,0.05694,-0.01681,0.07223,0.10089,0.0637,-0.07992,0.06957,-0.03217,-0.04639,0.07241,0.04772,-0.00808,0.04063,0.1001,-0.07671,0.05304,0.08034,0.03182,-0.06615,0.00987,0.07408,0.02407,-0.0398,0,-0.0518,0.04958,-0.04264,-0.00212,0.0065,-0.00232,-0.05604,-0.02112,-0.03318,0.01657,-0.03554,0.0387,-0.02183,0.0213,0.07886,-0.00067,0.00299,0.00928,-0.06713,-0.07117,0.00684,-0.00618,0.01752,0.06053,-0.01816,-0.04474,-0.0185,0.06387,0.00133,-0.05947,0.00497,-0.01892,-0.01808,0.06311,-0.14515,0.08523,-0.00022,-0.01955,-0.03293,0.0067,0.08244,-0.02256,-0.0579,-0.04326,-0.07607,0.05682,-0.00445,-0.06631,-0.02497,0.0668,-0.06901,0.07745,-0.01375,0.0556,0.06819,0.00997,-0.00032,0.01496,0.10112,0.04135,0,0.01723,-0.00555,0.02073],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Click-to-Connect, and the Engine Behind It The most requested interaction change: create a connection by clicking a source connector, watching the preview follow the cursor, and clicking a target — no click-and-hold. Drag-to-connect keeps working alongside. Escape or clicking elsewhere cancels; clicking another source re-arms from it. The interesting part is underneath. Both gestures now drive the same FCreateConnectionSession — a gesture-independent engine that owns the preview line, snapping, connectable marking, target resolution, and the fCreateConnection emission. A custom gesture is a class with initialize() and destroy() that drives the session; validation and events come for free. The keyboard layer below is the proof that this works: it is just a third gesture on the same engine. ::: ng-component <click-to-connect</click-to-connect [height]=\"600\" ::: F Create Connection Session f Create Connection","excerpt":"Click-to-Connect, and the Engine Behind It The most requested interaction change: create a connection by clicking a source connector, watching the preview follow the cursor, and clicking a target — no click-and-hold. Drag-to-connect keeps working alongside. Escape or clicking elsewhere cancels; clicking another source re-arms from it. The interesting part is underneath. Both gestures now drive the same FCreateConnectionSession — a gesture-independent engine that owns the preview line, snapping, connectable marking, target resolution, and the fCreateConnection emission. A custom gesture is a class with initialize() and destroy() that drives the session; validation and events come for free. The keyboard layer below is the proof that this works: it is just a third gesture on the same engine. ::: ng-component <click-to-connect</click-to-connect [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#6","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.04096,-0.13202,-0.0439,0.02681,0.00307,0.07854,0.08067,0.04365,0.03502,-0.01806,-0.02026,-0.04355,-0.0195,0.00358,0.02745,0.00261,0.00361,-0.04817,-0.01127,0.08439,-0.02431,-0.09943,0.02019,-0.07345,-0.12078,-0.01591,0.01353,-0.05811,0.02862,-0.04454,0.03019,0.06834,0.01691,0.01361,-0.03048,-0.0154,0.00831,-0.03349,-0.12554,-0.03057,-0.02496,-0.0181,0.0452,0.01608,0.01643,-0.00094,0.01662,-0.01425,-0.02692,0.08404,-0.06395,-0.05004,0.06151,0.00329,0.01259,0.07819,0.0212,-0.0176,-0.00802,-0.03085,-0.05117,-0.03664,-0.0094,-0.01888,0.01961,0.08182,-0.02399,-0.05975,-0.01027,-0.04912,-0.02378,-0.0084,0.04475,-0.10273,0.0305,-0.00872,-0.00409,0.04055,0.03274,-0.06613,0.03309,0.03638,-0.00938,0.02006,0.01778,0.12579,-0.02473,-0.03454,-0.01425,0.07642,-0.03519,-0.00189,-0.01611,-0.03204,0.08788,-0.02537,0.04447,-0.03861,-0.04247,0.02574,0.02789,0.03803,0.00292,-0.02374,0.00987,-0.02183,0.02231,-0.00347,-0.04645,-0.03218,-0.00813,-0.04143,0.03449,0.02298,-0.04273,0.02141,-0.01726,-0.03136,0.17477,0.04163,0.02059,-0.01376,-0.03932,0.01014,0.04163,-0.05323,-0.08128,0,-0.01508,0.06598,-0.05216,-0.00565,0.03412,-0.02572,0.04824,-0.06908,-0.0892,-0.03684,-0.0101,0.0144,-0.06752,0.00528,0.03221,-0.10746,-0.05368,0.07739,-0.09652,0.02973,0.09987,-0.00701,0.00225,-0.06276,0.02857,0.07154,-0.11749,0.05109,0.02832,0.03753,-0.10005,0.01269,0.00153,-0.0165,-0.08835,-0.00048,0.00541,-0.10615,0.00864,-0.05295,-0.04896,-0.00776,0.02008,-0.08895,-0.01444,-0.01743,-0.04408,0.02893,0.00319,0.00616,0.01047,0.00504,-0.00914,-0.04377,0.06091,-0.10544,-0.08041,0.09488,0.01487,0.08263,0.05754,0.04956,0.00628,0.01331,0.02477,0.08353,-0.01531,0.04511,0.05986,-0.04305,-0.07379,0.09246,-0.02663,-0.01089,0.04021,-0.02684,0.01065,-0.099,0.04245,-0.03827,-0.02081,-0.01077,-0.03742,0.07954,0.06555,-0.04609,-0.02988,-0.03308,-0.16886,0.00168,0.12861,-0.00247,0.00451,-0.02243,-0.03424,0,0.01806,0.02461,-0.00576,0.02903,-0.00622,-0.01471,0.0488,-0.07224,0.07617,-0.02336,0.02389,0.02525,0.00651,-0.04217,-0.04697,0.00667,0.05073,-0.03928,-0.00448,-0.00912,0.07774,-0.03928,-0.05639,-0.01512,-0.08529,0.0281,0.0272,0.05658,-0.04227,-0.03869,-0.02472,0.03554,-0.0535,-0.03414,0.04961,-0.00227,-0.04265,0.0532,-0.01216,-0.02497,0.07822,-0.01238,-0.02672,0.00744,-0.02297,0.10641,-0.09188,-0.01171,-0.01571,0.03725,-0.03978,0.00701,-0.01844,-0.03426,-0.12708,0.05592,0.08953,0.00611,-0.05662,0.00613,0.03685,-0.0023,-0.00596,0.01187,0.10029,0.00812,0.02567,0.07291,0.10489,0.04697,0.12601,0.01185,0.00405,0.01389,0.10641,0.08677,0.07931,-0.05074,0.04139,0.01558,-0.02055,0.10521,0.0356,0.03856,0.0769,0.09529,-0.03499,-0.03552,0.03143,0.0488,-0.04035,0.0519,0.06719,-0.00004,-0.02394,0,-0.08335,0.02803,-0.05916,0.00541,-0.00965,-0.02323,-0.04584,-0.03236,-0.07023,-0.00541,-0.02271,0.01909,0.01201,-0.00935,0.09418,0.02976,-0.02238,0.04023,-0.06401,-0.04151,0.0068,0.03079,0.00709,0.10795,-0.0361,-0.03213,-0.07036,0.04967,0.04607,-0.00387,0.04662,0.01325,-0.00945,0.09325,-0.13383,0.05372,-0.02992,-0.01217,-0.04874,0.05652,0.06951,-0.02544,-0.05574,-0.03991,-0.06407,0.06889,0.00364,-0.07131,-0.02964,0.01708,-0.04117,0.09086,0.00832,0.08671,0.04865,0.0408,0.00252,0.01688,0.03276,0.06023,-0.01761,0.06405,-0.01597,0.05804],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Accessibility This is the part of v19 I spent the most iterations on, because the obvious design was wrong. The obvious design is a separate keyboard \"focus\" state walking the nodes. I tried it and threw it away: two highlight states on one canvas confuse everyone, sighted or not. What shipped instead: DOM focus stays on the flow itself, and the arrow keys drive the selection directly — the same selection a pointer click produces. Assistive technology follows along through aria-activedescendant. One state, one visual, one mental model.","excerpt":"Accessibility This is the part of v19 I spent the most iterations on, because the obvious design was wrong. The obvious design is a separate keyboard \"focus\" state walking the nodes. I tried it and threw it away: two highlight states on one canvas confuse everyone, sighted or not. What shipped instead: DOM focus stays on the flow itself, and the arrow keys drive the selection directly — the same selection a pointer click produces. Assistive technology follows along through aria-activedescendant. One state, one visual, one mental model."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#7","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.0346,-0.08682,-0.06066,0.02973,-0.04062,0.088,0.04536,0.07404,0.05781,-0.00246,-0.02608,-0.05877,-0.0233,-0.02124,0.07416,-0.02505,0.0367,-0.05123,-0.05049,0.07051,-0.04653,-0.08689,0.00364,-0.04475,-0.08994,-0.04655,-0.02739,-0.04573,0.00699,-0.03813,0.03678,0.09091,0.00146,0.04048,-0.01967,0.00323,0.06427,-0.05437,-0.12887,-0.0495,-0.01505,-0.03845,0.02071,0.04453,0.00014,0.00774,0.03451,-0.03512,-0.04401,0.09874,-0.03567,-0.0108,0.03244,0.06925,0.01545,0.08218,0.03654,-0.00497,-0.02499,0.01669,-0.06282,-0.01248,-0.00834,0.03471,-0.0297,0.09036,-0.0565,-0.04708,0.02808,-0.07495,-0.0447,-0.03514,0.04255,-0.08344,0.05391,-0.02907,-0.02423,0.03296,-0.00223,-0.11452,0.03131,0.03286,0.00282,0.06248,0.00772,0.08868,0.02758,-0.01024,-0.01179,0.12708,-0.01441,0.02032,0.0366,-0.05496,0.08371,-0.03216,0.02899,-0.03225,-0.04531,0.03081,-0.01221,-0.01362,0.04671,0.05119,0.01149,-0.04868,0.02217,-0.02611,-0.03981,-0.03625,-0.00681,-0.02212,0.04374,-0.05236,0.00333,0.02,-0.01043,0.00478,0.13894,0.04396,0.0154,-0.04589,-0.00156,0.00046,0.04366,0.00872,-0.10283,0,-0.03441,0.05527,-0.04352,0.01965,0.01331,-0.00462,0.07156,-0.03791,-0.03676,-0.03883,-0.01178,0.03269,-0.0785,0.01653,0.04251,-0.06798,-0.0714,0.06986,-0.03752,-0.01253,0.09147,-0.0417,-0.00271,-0.04747,0.05059,0.08126,-0.08197,0.05155,0.00491,0.03452,-0.09508,-0.02,0.02396,-0.01215,-0.08298,-0.01336,-0.04328,-0.08683,0.01293,-0.02202,-0.06094,-0.04504,-0.04129,-0.12512,0.00395,-0.05032,-0.03343,0.00884,0.00783,0.00415,0.00535,0.00231,-0.01158,-0.01539,0.01604,-0.09365,-0.07306,0.05162,-0.00809,0.0714,0.03824,0.08681,-0.01076,0.01632,0.01374,0.07536,0.05264,0.01537,0.05159,-0.05605,-0.10525,0.07524,-0.0451,-0.00211,0.00529,-0.01311,-0.00208,-0.08133,0.04538,0.02224,-0.02182,0.0173,-0.01407,0.10054,0.08364,-0.05759,-0.02805,-0.05839,-0.14939,0.0037,0.10118,-0.04077,-0.00065,0.00328,-0.03737,0,0.01479,-0.02624,-0.04402,0.02716,-0.0141,-0.03988,0.02991,-0.03727,0.08204,-0.02511,0.01386,0.04614,0.02706,-0.09408,0.01487,-0.0061,-0.00595,-0.05379,-0.00042,-0.02491,0.00658,-0.02741,-0.03184,-0.01491,-0.05874,-0.00922,-0.00028,0.05223,-0.00133,-0.04894,0.00425,0.04781,-0.07661,-0.07238,0.01051,-0.03474,-0.05289,0.0395,-0.00619,-0.00587,0.08974,0.00209,-0.03649,0.02701,-0.02528,0.11996,-0.11855,-0.06756,-0.00408,0.03285,-0.00539,-0.0132,-0.0194,-0.0489,-0.12442,0.07633,0.11035,0.03463,-0.06237,0.00892,0.07195,-0.04288,0.02513,0.03136,0.08429,0.02916,0.04185,0.094,0.03995,0.04087,0.12781,-0.03813,-0.04531,-0.00264,0.06542,0.07552,0.03265,-0.05322,0.0134,0.03045,-0.04288,0.10102,0.01412,0.04944,0.07645,0.05776,-0.06073,0.01772,0.07429,0.03016,-0.07547,0.05627,0.02327,0.0458,-0.08286,0,-0.07276,-0.00889,-0.02597,-0.0063,-0.01673,0.00659,-0.06075,-0.00264,-0.02146,0.01831,-0.01081,0.0126,-0.02761,-0.02386,0.06943,0.02384,-0.01131,0.02361,-0.05846,-0.09192,0.0136,0.02972,-0.01613,0.10195,0.02823,-0.04591,-0.04056,0.03433,0.05377,0.01551,0.06092,-0.00263,0.04402,0.09903,-0.10231,0.08402,-0.00858,0.01613,-0.05742,0.04576,0.06052,-0.03534,-0.05342,-0.0235,-0.05662,0.06581,-0.0089,-0.02952,-0.05219,0.00185,-0.05333,0.08672,-0.01462,0.10859,0.02139,0.06685,0.01406,0.01367,0.10602,0.0354,-0.06208,0.04041,-0.00639,0.03638],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Semantics are always on and cost nothing: nodes, groups and connections get roles and accessible names (\"Connection from A to B\", tracking endpoint changes), a live region announces selection, movement, connection and deletion, and helper visuals are hidden from screen readers. Attributes you set yourself are never overridden. The keyboard layer is opt-in — existing apps have their own key handling, and I'm not going to double-drive them:","excerpt":"Semantics are always on and cost nothing: nodes, groups and connections get roles and accessible names (\"Connection from A to B\", tracking endpoint changes), a live region announces selection, movement, connection and deletion, and helper visuals are hidden from screen readers. Attributes you set yourself are never overridden. The keyboard layer is opt-in — existing apps have their own key handling, and I'm not going to double-drive them:"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#8","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.01334,-0.11232,-0.07205,0.03853,-0.03157,0.06502,0.04376,0.043,0.09379,0.01202,-0.00363,-0.0193,-0.03508,-0.03834,0.00346,-0.00035,-0.04994,-0.03978,-0.0601,0.06491,-0.02151,-0.10946,0.00608,-0.03529,-0.07836,-0.02582,-0.00177,-0.04441,-0.02383,-0.04867,0.00055,0.07461,0.00806,0.0496,-0.02386,0.02471,0.01057,-0.06681,-0.08441,-0.02852,-0.02053,-0.03145,0.03819,0.00527,0.02478,0.02154,-0.03539,-0.01582,-0.03202,0.10852,-0.05256,-0.01369,-0.00491,0.06401,0.03767,0.06072,0.05039,-0.02825,0.01706,0.02744,-0.00839,-0.02269,-0.04953,0.02424,-0.02304,0.06311,-0.06513,-0.06328,0.03405,-0.04448,-0.03778,-0.0416,-0.02238,-0.05957,0.04958,-0.00632,-0.00911,0.0347,0.01373,-0.06751,0.04341,0.03002,0.02003,0.01473,0.04446,0.10757,-0.00608,-0.04319,0.02475,0.09968,-0.07226,0.0362,0.00898,-0.02307,0.06322,-0.04177,0.06453,-0.04818,-0.05085,0.05992,0.00958,0.01497,0.01907,0.02777,0.0179,-0.0243,0.00419,-0.00992,-0.05232,-0.06064,-0.04969,-0.0327,0.05326,-0.04556,-0.02759,0.03228,0.00356,0.01044,0.11395,0.06104,0.01672,-0.04978,-0.05403,0.00992,0.03012,-0.02036,-0.09721,0,-0.00341,0.04067,-0.05547,0.0236,0.05289,-0.0077,0.04774,-0.03156,-0.05645,-0.02863,-0.01303,-0.02397,-0.04066,-0.00068,0.04212,-0.10446,-0.03282,0.06961,-0.0691,-0.00124,0.10778,-0.01982,0.01473,-0.05084,0.05243,0.09947,-0.09255,0.07364,0.0284,0.04744,-0.09459,-0.01663,-0.02008,-0.02604,-0.06434,-0.00754,-0.01125,-0.11004,-0.01244,-0.01957,-0.03943,-0.04862,-0.06521,-0.10884,0.01585,-0.06273,-0.0602,0.04354,0.01597,0.01424,0.03623,-0.00098,0.00633,0.00954,0.02875,-0.05737,-0.06071,0.0578,0.0129,0.12641,0.03615,0.08451,-0.01793,0.03792,0.04906,0.07049,0.04498,0.03643,0.05054,-0.05114,-0.08448,0.05884,-0.0091,-0.02549,-0.02653,-0.02098,-0.01384,-0.09205,0.04494,-0.01457,-0.02771,-0.02038,-0.03063,0.08679,0.07152,-0.0719,-0.02696,-0.07666,-0.10533,0.01342,0.09247,-0.04594,0.03443,0.00108,-0.01546,0,0.01959,0.00495,-0.05628,0.06048,-0.01954,-0.02227,0.00568,-0.02266,0.06361,-0.06926,0.01778,0.04447,0.04817,-0.07809,0.01039,-0.00585,0.03221,-0.04618,-0.05911,0.00533,0.04131,-0.07427,-0.03571,-0.00996,-0.07187,0.00741,0.03741,0.06934,-0.01025,-0.03435,0.00349,0.04102,-0.06987,-0.02964,0.04301,-0.01986,-0.00187,0.06398,0.02693,-0.02541,0.10363,0.03716,-0.02428,0.03038,-0.02916,0.12275,-0.1208,-0.02074,-0.00306,0.05076,-0.01217,-0.02883,-0.04436,-0.0528,-0.13744,0.08279,0.09013,0.03215,-0.04263,0.00496,0.0432,-0.05855,0.03046,0.04693,0.13439,0.00396,0.01529,0.09576,0.03092,0.04688,0.13316,0.03552,-0.02931,0.01442,0.07816,0.03498,0.04011,-0.0539,0.03573,0.03717,0.00862,0.10453,0.03162,0.02873,0.03878,0.07696,-0.06502,0.04166,0.04718,0.00284,-0.0467,0.0205,0.03924,-0.00134,-0.05186,0,-0.08101,0.02521,-0.06737,0.01242,0.02509,0.01447,-0.05972,0.02087,-0.0228,-0.01614,0.00393,0.06612,-0.0285,-0.05503,0.06091,-0.01185,-0.00096,0.02709,-0.05499,-0.0916,-0.00089,0.03183,0.01845,0.0974,-0.01158,-0.07056,-0.04796,0.07544,0.04871,0.0023,0.02691,-0.00265,0.04539,0.09994,-0.12964,0.08929,-0.01994,-0.00333,-0.06859,0.02468,0.08181,-0.01126,-0.0578,-0.05604,-0.1145,0.0648,0.01866,-0.03802,-0.01233,0.02032,-0.06362,0.08569,-0.02039,0.08812,0.00305,0.06541,-0.00433,-0.00539,0.07597,0.04021,-0.04359,0.0568,0.00261,0.02653],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. With it on: arrows move the selection spatially over nodes and connections, Shift+arrow extends, Ctrl+arrow walks the topology along connections, Space moves the selection (hold-and-release, or tap-to-grab for users who cannot hold two keys at once), Delete emits the new fDeleteSelected event, and C starts a connection from the selected node — arrows pick the target with the usual preview and snapping, Enter commits. Every string is localizable, every action key is remappable, and typing inside inputs in your nodes is never hijacked. f Delete Selected","excerpt":"With it on: arrows move the selection spatially over nodes and connections, Shift+arrow extends, Ctrl+arrow walks the topology along connections, Space moves the selection (hold-and-release, or tap-to-grab for users who cannot hold two keys at once), Delete emits the new fDeleteSelected event, and C starts a connection from the selected node — arrows pick the target with the usual preview and snapping, Enter commits. Every string is localizable, every action key is remappable, and typing inside inputs in your nodes is never hijacked."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#9","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.05348,-0.07599,-0.05382,0.02378,-0.00201,0.08396,0.06781,-0.01005,0.0746,0.03067,0.00556,0.02126,-0.027,-0.00821,0.07676,0.01365,-0.04759,-0.05298,-0.07112,0.09091,-0.01293,-0.05617,0.01414,0.00315,-0.0338,0.01892,-0.00757,-0.07771,0.03057,-0.0114,0.03576,0.05435,0.02703,-0.00964,-0.02521,0.0214,0.00356,-0.06932,-0.0924,-0.03347,0.0299,-0.01656,0.00367,-0.00401,-0.02799,0.03776,-0.02025,-0.03456,-0.07447,0.09861,0.00433,0.01207,0.02726,0.06925,0.00342,0.01776,0.06066,0.00565,-0.02167,0.03266,-0.03255,-0.0578,-0.02113,-0.0053,0.00559,0.08474,-0.032,-0.07555,0.0317,-0.04627,-0.06269,-0.05439,0.02219,-0.08537,0.02079,-0.00407,-0.02238,0.05583,0.00785,-0.08119,0.06013,-0.00331,0.01859,0.02433,-0.02633,0.07914,-0.0055,-0.03163,0.07219,0.05039,-0.00792,0.07281,0.0382,-0.01818,0.08488,-0.06262,0.01565,0.0027,-0.07169,0.05526,0.01626,0.05224,-0.00257,0.08815,0.01602,-0.01501,-0.00701,0.01758,-0.04671,0.00735,-0.03047,-0.01841,0.07349,-0.00557,-0.03807,-0.00276,-0.04507,0.03981,0.09384,0.07687,-0.02976,-0.06882,-0.00909,0.00935,0.01732,0.02615,-0.04197,0,-0.02668,0.04966,-0.11394,-0.0225,0.0696,-0.00508,0.02498,-0.04261,-0.01432,-0.01103,0.04309,0.01868,-0.06273,-0.01032,0.02108,-0.03791,-0.04041,0.05387,-0.0065,0.02844,0.13176,0.03885,-0.01692,-0.01177,0.0266,0.06538,-0.10426,0.04762,0.0152,0.01469,-0.03563,-0.00864,-0.0222,-0.06704,-0.05855,-0.00946,-0.0325,-0.09262,-0.00783,-0.02728,0.0229,-0.05196,-0.08734,-0.07906,-0.03438,-0.08995,-0.00089,0.02703,0.04802,-0.01374,-0.0006,0.03938,-0.02434,-0.02823,0.03289,-0.11932,-0.06615,0.05898,0.0299,0.02813,0.07011,0.07389,0.01224,0.01671,0.02256,0.03439,-0.00141,0.03426,0.03113,-0.12067,-0.06406,0.09277,-0.06855,0.02537,-0.00017,-0.05308,0.01551,-0.00642,0.05406,-0.0497,0.03734,0.00805,0.00397,0.11851,0.08705,-0.08473,-0.01897,-0.09311,-0.13195,-0.00804,0.09503,-0.0316,-0.00432,0.021,-0.01606,0,0.03693,-0.01777,-0.06787,0.03979,-0.06241,-0.02217,0.03608,0.04738,0.0972,-0.06438,0.06037,0.02961,0.05083,-0.0562,-0.01178,0.00746,0.00002,-0.1092,-0.05178,-0.012,0.02782,-0.0325,-0.03827,0.02268,-0.12964,-0.01329,0.02365,0.02288,-0.0373,-0.04632,-0.00368,0.02506,-0.04888,-0.08568,-0.01822,-0.10127,-0.04413,0.08019,-0.00582,-0.02155,0.09602,0.06112,-0.03698,0.03288,-0.03329,0.1163,-0.0976,-0.04142,0.04647,0.04869,-0.00223,-0.0217,0.00162,-0.07036,-0.10911,0.05413,0.12767,-0.0208,-0.0698,-0.0448,0.04781,0.00565,-0.01759,0.00426,0.07785,0.06357,0.02047,0.09147,0.12428,0.02106,0.06924,0.00434,-0.00599,-0.02143,0.08861,0.09712,0.08542,-0.04627,0.03616,-0.01939,-0.01482,0.10981,0.01636,-0.01674,0.05057,0.05288,-0.09175,-0.07244,0.02433,0.06451,-0.05318,0.00248,0.04335,0.01135,-0.02319,0,-0.04336,0.02211,-0.0552,0.02641,0.03609,0.00234,-0.03799,0.02099,-0.01195,0.00165,-0.03355,0.04488,-0.08068,-0.03517,0.04967,-0.00775,0.02532,0.02094,-0.06063,-0.05526,-0.02963,0.02379,0.037,0.08981,0.03178,-0.0367,0.01681,0.0304,0.01478,0.01265,0.03576,-0.00305,0.04377,0.08485,-0.10642,0.04142,-0.02704,0.02413,-0.02665,0.01446,0.05323,0.01906,-0.08021,-0.04949,-0.08914,0.01763,-0.03427,-0.03266,-0.03976,0.04554,-0.07099,0.12066,-0.06626,0.12751,0.05551,0.01848,0.01435,0.02853,0.04199,-0.01254,0.02401,0.00579,0.00819,-0.04774],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. The golden rule did not move: in the default stateless mode, the library never mutates your application-owned data. Delete tells you what the user wants removed. You decide what to do. Since v19.1, the optional Managed Flow State plugin can apply that deletion and other supported gestures to an explicit typed store. Applications that do not install it keep the v19.0 event contract unchanged. ::: ng-component <accessibility</accessibility [height]=\"600\" :::","excerpt":"The golden rule did not move: in the default stateless mode, the library never mutates your application-owned data. Delete tells you what the user wants removed. You decide what to do. Since v19.1, the optional Managed Flow State plugin can apply that deletion and other supported gestures to an explicit typed store. Applications that do not install it keep the v19.0 event contract unchanged. ::: ng-component <accessibility</accessibility [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#10","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.02964,-0.12729,-0.08651,0.00551,-0.04802,0.09431,0.04493,0.05594,0.03552,-0.00651,0.01207,-0.032,-0.02099,-0.04321,0.03494,-0.03828,0.00025,-0.02202,-0.03191,0.06493,-0.04591,-0.07455,0.00281,-0.06959,-0.07835,-0.01979,-0.00234,-0.03857,0.01643,-0.04433,-0.01979,0.06533,0.03938,0.02521,-0.01808,-0.01232,0.04463,-0.04489,-0.12069,-0.0431,-0.07691,-0.05021,0.06004,0.03257,-0.00484,-0.00134,-0.0221,-0.02804,-0.04154,0.10245,-0.02778,-0.02531,0.04056,0.03337,0.01038,0.06641,0.02953,-0.02929,0.00648,0.01337,-0.04825,-0.03591,-0.0166,0.01798,-0.01584,0.09067,-0.01425,-0.05137,0.01571,-0.09179,-0.06201,-0.02954,0.04159,-0.07039,0.02152,-0.00622,-0.01997,0.0154,0.02793,-0.08216,0.01367,0.05409,0.00741,0.03987,0.00683,0.10161,0.0118,0.02013,0.00664,0.10745,-0.01445,-0.00251,0.00528,-0.02233,0.04523,-0.0397,0.04898,-0.05081,-0.05127,0.01116,0.00706,0.01398,0.02057,0.01759,0.03746,-0.04205,0.04383,-0.03587,-0.04799,-0.05145,-0.01476,-0.05306,0.06449,-0.04086,-0.01371,-0.02247,-0.01819,-0.02849,0.16402,0.02689,-0.00181,-0.0186,-0.05165,-0.02682,0.01967,-0.00125,-0.10771,0,0.00564,0.07164,-0.04973,-0.0039,0.0317,-0.03086,0.03553,-0.05708,-0.04447,-0.04052,0.02051,0.01983,-0.06508,0.01974,-0.00359,-0.04522,-0.05908,0.08087,-0.07637,0.00121,0.07663,-0.03928,0.03102,0.0024,0.07241,0.10873,-0.1019,0.06814,0.05618,0.04353,-0.07659,-0.02691,-0.01689,-0.06282,-0.06536,-0.01687,-0.00527,-0.07283,0.0034,-0.00549,-0.03806,-0.05525,-0.0209,-0.12258,-0.00986,-0.03373,-0.01978,0.04155,0.04952,-0.01048,-0.01772,0.00604,-0.02193,-0.00473,0.06837,-0.08705,-0.08403,0.07388,0.01959,0.12162,0.03857,0.08152,0.04203,0.00852,0.03549,0.06861,0.00303,0.02546,0.01606,-0.06499,-0.06645,0.03631,-0.05096,0.02639,-0.02574,-0.01754,-0.00129,-0.08759,0.03198,-0.0254,-0.03026,0.01937,-0.003,0.0941,0.05466,-0.073,-0.04895,-0.05584,-0.13019,-0.01471,0.07496,-0.02258,-0.00919,-0.01806,-0.03644,0,0.0269,0.00263,-0.04739,0.04277,-0.04032,-0.00815,0.03962,-0.02591,0.0931,-0.02068,0.0352,0.07103,0.04852,-0.10996,-0.00952,-0.00241,0.01649,-0.03306,-0.00846,0.00501,0.0419,-0.07328,-0.00806,-0.00594,-0.08426,0.00692,0.00456,0.04192,-0.05154,-0.04543,0.02009,0.07172,-0.05943,-0.06314,0.02527,-0.03187,-0.01965,0.05363,-0.01175,-0.00185,0.08556,0.02576,-0.01177,0.01837,-0.02104,0.11832,-0.1009,-0.07593,0.02046,0.03623,0.02617,-0.01126,0.01178,-0.06198,-0.13952,0.08494,0.05984,0.02338,-0.06768,0.03832,0.04125,-0.06643,0.03847,0.03768,0.08075,0.03411,0.03581,0.09024,0.06115,0.03723,0.13707,-0.01365,0.00449,0.02743,0.06908,0.06578,0.04863,-0.04808,0.04388,0.0164,0.00068,0.09972,0.02608,0.05278,0.06806,0.10031,-0.02994,-0.02319,0.06536,0.02158,-0.06222,0.05796,0.04105,0.03891,-0.04954,0,-0.04044,-0.00398,-0.01433,-0.00225,-0.02741,0.01958,-0.0426,-0.03235,-0.04725,0.0326,-0.01045,0.015,-0.00864,-0.01268,0.07437,0.03514,-0.01136,0.05913,-0.05478,-0.09366,0.01778,0.06619,0.03179,0.0896,0.03032,-0.01932,-0.0186,0.04067,0.03824,-0.01696,0.05888,0.01046,0.01615,0.0465,-0.11162,0.1019,-0.00751,0.00112,-0.063,0.04607,0.06105,-0.04954,-0.06632,-0.0664,-0.11635,0.06705,0.01959,-0.02356,-0.07038,0.00052,-0.05836,0.11659,0.01274,0.08582,0.02427,0.09185,0.00682,0.01254,0.07212,0.04039,-0.03986,0.0422,-0.01192,0.021],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. The full keyboard map and every configuration option live in the Accessibility guide.","excerpt":"The full keyboard map and every configuration option live in the Accessibility guide."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#11","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.04797,-0.11316,-0.08175,0.01736,0.00392,0.06588,-0.02387,0.04204,0.02909,0.0107,0.01253,-0.02964,-0.05256,0.00987,0.05514,-0.02004,-0.01358,-0.07819,-0.05836,0.08481,-0.04991,-0.06653,0.03087,-0.0929,-0.06851,-0.05554,-0.01241,-0.06888,0.00178,-0.04756,0.00813,0.09146,-0.022,0.02273,-0.03184,0.03623,0.02854,-0.05943,-0.07754,-0.05381,0.01311,-0.06295,0.03873,-0.00689,-0.00138,0.00946,-0.03136,-0.02279,-0.03345,0.12017,-0.03446,-0.00781,0.00885,0.08714,-0.00314,0.05652,0.01965,0.00883,0.00337,0.0432,-0.01224,-0.03092,-0.01254,-0.01844,-0.01142,0.03675,-0.02857,-0.08956,0.00739,-0.05332,-0.0498,-0.0228,0.00302,-0.09702,0.03847,0.00984,-0.0221,0.08438,0.04116,-0.10646,0.09484,0.08427,0.01255,0.02123,0.04018,0.12578,-0.00744,-0.01093,-0.02339,0.03254,-0.00243,0.0181,0.00469,-0.00307,0.06306,-0.03263,0.00287,0.01545,-0.02999,0.02602,-0.03543,0.03069,0.03692,0.05791,0.02187,-0.0272,0.00491,0.02362,-0.0356,-0.04546,0.01743,0.01201,0.0486,-0.03558,-0.01347,-0.00063,-0.06391,0.01284,0.14808,0.09179,-0.00118,-0.01374,-0.04324,-0.02574,0.01189,0.01326,-0.07347,0,0.00989,0.07561,-0.06888,-0.02275,0.03725,0.00081,0.02523,-0.04106,-0.046,-0.02703,-0.04193,-0.01073,-0.05466,-0.01932,0.01721,-0.07171,-0.06393,0.0683,-0.0042,-0.00201,0.09954,-0.01233,0.0216,-0.04113,0.0834,0.12783,-0.09099,0.05985,0.00135,0.02372,-0.02696,0.0045,0.00902,-0.06302,-0.08258,-0.07995,-0.0021,-0.12659,-0.05168,-0.01743,-0.02244,-0.01973,-0.06762,-0.04649,0.01847,-0.04404,0.00053,0.02781,0.09227,-0.00104,-0.05204,-0.02008,-0.01084,-0.006,0.03223,-0.13854,-0.09737,0.07905,0.01696,0.05981,0.04944,0.05452,0.00077,0.02764,0.0759,0.06555,0.02395,0.04265,0.05868,-0.03827,-0.05586,0.03235,-0.0724,0.02011,0.00195,-0.04997,0.01531,-0.07038,0.0605,-0.05219,-0.02686,0.05343,-0.01913,0.09254,0.09999,-0.06209,-0.03793,-0.09392,-0.08507,-0.02522,0.09746,0.00222,-0.0207,-0.02743,-0.01443,0,0.00935,0.00491,-0.05407,0.04255,-0.04422,-0.04194,0.04505,-0.01619,0.0924,-0.02475,0.05839,0.04546,0.06078,-0.09809,-0.03105,0.01713,-0.01997,-0.09084,0.03167,0.00857,0.09204,-0.01559,-0.01771,-0.00369,-0.06045,0.01055,0.03381,0.02373,-0.01497,-0.04495,0.02377,0.04426,-0.07528,-0.04239,0.0179,-0.03649,-0.02171,0.0508,0.00551,-0.02522,0.10909,0.04898,0.00917,0.00312,-0.0388,0.0581,-0.1141,-0.052,0.01597,0.01284,-0.00196,-0.00634,-0.02341,-0.03883,-0.11516,0.03208,0.11248,0.00099,-0.10302,0.01634,0.09604,-0.04641,0.06038,-0.00165,0.12009,0.06174,0.02878,0.09767,0.07911,0.08234,0.09373,-0.02045,0.01993,0.01614,0.04521,0.0701,0.04615,-0.06677,0.03874,0.01522,-0.04266,0.07345,0.00927,0.01465,0.07832,0.06368,0.0066,0.016,0.07522,0.04861,-0.05286,0.00254,0.03192,0.02288,-0.05847,0,-0.03755,0.07191,-0.07708,-0.00954,0.02005,-0.01524,-0.04844,-0.01993,-0.03344,0.02225,-0.05869,0.0643,0.0023,-0.00348,0.09722,0.00822,-0.01534,0.01948,-0.06344,-0.07814,-0.02776,0.03214,0.01515,0.03691,-0.00244,-0.03931,-0.0297,0.02928,0.00496,-0.03409,0.00776,0.00526,0.01867,0.0462,-0.11983,0.07181,-0.02131,-0.00656,-0.06703,0.01255,0.08896,-0.06261,-0.06892,-0.05354,-0.06934,0.02464,-0.00321,-0.00956,-0.05215,0.03889,-0.07772,0.06667,-0.03632,0.03255,0.03711,0.02774,-0.01998,0.04881,0.08867,0.00421,-0.02025,0.01945,0.06223,-0.01619],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. One Connector Instead of Three The legacy connector API grew three directives — fNodeInput, fNodeOutput, fNodeOutlet — with three id namespaces and asymmetric options. v19 replaces the trio with one: One id per connector; fConnectorType decides the behavior (source, target, source-target, outlet). Connections get canonical fSourceId/fTargetId inputs. The legacy directives and fOutputId/fInputId keep working — deprecated, not removed — so migration is at your pace. ::: ng-component <unified-connector</unified-connector [height]=\"600\" ::: f Node Input f Node Output f Node Outlet f Connector Type f Source Id f Target Id f Output Id f Input Id","excerpt":"One Connector Instead of Three The legacy connector API grew three directives — fNodeInput, fNodeOutput, fNodeOutlet — with three id namespaces and asymmetric options. v19 replaces the trio with one: One id per connector; fConnectorType decides the behavior (source, target, source-target, outlet). Connections get canonical fSourceId/fTargetId inputs. The legacy directives and fOutputId/fInputId keep working — deprecated, not removed — so migration is at your pace. ::: ng-component <unified-connector</unified-connector [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#12","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.07321,-0.06606,-0.02551,0.04864,0.02309,0.00354,-0.01138,0.04101,0.07828,0.03596,-0.01803,-0.04766,0.00353,-0.05928,0.04179,0.01363,-0.03188,-0.04298,-0.04091,0.07963,-0.0473,-0.01039,-0.01968,-0.01409,-0.09627,-0.01214,-0.04066,-0.05198,-0.01695,-0.05483,0.00659,0.10949,-0.04002,0.02176,0.04511,0.0791,0.04507,-0.05705,-0.10013,-0.02138,0.05166,0.019,0.02105,-0.0189,-0.01695,0.00744,-0.00227,-0.0444,-0.06876,0.03892,-0.06458,-0.00717,0.02289,0.05818,0.019,0.00388,0.03334,0.00083,-0.00308,0.07959,0.01617,-0.04468,0.0045,-0.00941,0.01554,0.08258,-0.03719,-0.05475,-0.00228,-0.07382,-0.01997,-0.05133,-0.04734,-0.0164,0.03771,0.03306,0.01867,0.05515,0.05098,-0.12229,-0.03072,0.0113,0.04258,0.00497,-0.00652,0.10106,0.03407,-0.00336,0.03462,0.0994,-0.01981,-0.00826,-0.01279,0.05333,0.16493,-0.01023,0.05408,-0.01043,-0.02041,0.02706,0.00777,-0.00123,0.00696,0.05495,0.02688,-0.02661,0.02221,-0.00388,-0.04499,-0.04345,-0.00798,-0.00572,0.07254,-0.02081,-0.00267,-0.01564,-0.03228,0.00532,0.09734,0.06822,0.0104,-0.03773,-0.00411,0.01281,0.04391,0.00815,-0.03411,0,0.00244,0.03858,-0.04547,0.02504,0.08393,-0.01969,0.02494,-0.03587,-0.02206,-0.01143,-0.02533,-0.0004,-0.05338,-0.01839,-0.04556,-0.04596,-0.02418,0.04792,-0.07284,0.03736,0.11788,-0.0487,-0.00982,-0.06592,0.05235,0.13651,-0.09619,0.05087,0.02381,0.03338,-0.06629,-0.0142,0.07789,-0.03164,-0.0602,-0.04965,-0.00074,-0.08195,-0.08654,-0.03886,-0.04834,0.01865,-0.0613,-0.0685,0.03099,-0.10597,-0.05714,0.01476,0.06506,-0.01792,-0.02509,0.05794,0.01427,0.00116,0.04114,-0.0994,-0.03417,-0.00864,-0.02687,0.06557,0.0863,0.07397,-0.04554,0.00547,0.11017,0.03806,0.02415,0.04167,0.02319,-0.06949,-0.06792,0.04343,-0.02826,-0.00771,-0.02167,-0.0814,0.00507,-0.02897,0.04495,-0.03178,-0.00442,-0.00052,-0.03483,0.07403,0.00613,-0.05645,-0.04414,-0.04902,-0.13077,0.02181,0.13496,-0.01239,-0.01255,0.01622,-0.04807,0,-0.04618,-0.015,-0.10152,0.03811,-0.04852,-0.04374,0.03263,0.00659,0.10026,-0.05477,-0.00013,0.02266,-0.01112,-0.07178,-0.02432,-0.0477,0.01638,-0.10099,0.04252,0.01938,0.09424,0.01447,-0.0309,-0.05429,-0.03166,0.03039,-0.01109,0.079,-0.03409,-0.07026,0.08039,0.057,-0.09328,-0.0092,0.03787,-0.03663,-0.04625,0.04511,0.02071,-0.05896,0.12015,0.05208,-0.05562,0.02342,-0.01237,0.07205,-0.07863,-0.05418,0.00601,-0.00986,-0.01074,-0.02069,-0.00716,-0.00802,-0.13382,0.04507,0.08334,0.0407,-0.07244,0.0137,0.05786,-0.02682,0.02496,-0.0089,0.06148,0.07671,-0.0064,0.08623,0.12476,0.03215,0.11537,-0.00261,-0.06239,-0.02176,0.05122,0.09665,-0.02522,-0.08225,0.01715,0.02669,-0.0722,0.10585,0.01155,0.0797,0.07493,0.03314,-0.02442,0.01576,0.04762,0.05096,-0.04946,0.0101,-0.027,0.0459,-0.07368,0,-0.08385,0.01416,-0.09892,0.00173,0.04689,-0.0232,-0.04253,-0.01944,-0.03054,0.03897,-0.03487,0.02627,-0.02421,-0.0406,0.09486,-0.00803,-0.05084,0.01684,-0.07555,-0.1031,-0.02437,0.04559,-0.01061,0.01308,-0.02115,-0.0521,0.01196,0.05536,-0.01874,-0.00865,-0.00383,-0.00615,0.05598,0.06008,-0.07915,0.09369,0.0288,0.00614,-0.03385,0.00416,0.04518,-0.01286,-0.03475,-0.04956,-0.02514,0.02558,-0.04097,-0.0074,-0.00083,-0.00542,-0.04,0.0743,-0.05585,0.11867,0.02923,0.00841,-0.01023,-0.04985,0.07945,0.0567,-0.04398,0.04487,0.04886,0.01093],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. The Editor Now Explains Itself — to Humans and to Agents A silent failure is the worst kind of bug report, and node editors are full of them: a connection whose endpoint id matches nothing, a node inside a nested @if that registers but renders detached, a zero-height host. v19 ships dev-mode diagnostics with stable codes — FF1001–FF1009 — each linking to a documented cause and fix at https://flow.foblex.com/docs/errors. They are stripped from production builds. The same release makes the library legible to AI agents, because that is where the errors actually come from now. ng add @foblex/flow writes a managed section into your AGENTS.md pointing coding agents at the version-matched guide bundled inside the npm package, and the hosted llms.txt/llms-full.txt are validated in CI so they cannot drift from the API again. Details: https://flow.foblex.com/docs/ai","excerpt":"The Editor Now Explains Itself — to Humans and to Agents A silent failure is the worst kind of bug report, and node editors are full of them: a connection whose endpoint id matches nothing, a node inside a nested @if that registers but renders detached, a zero-height host. v19 ships dev-mode diagnostics with stable codes — FF1001–FF1009 — each linking to a documented cause and fix at https://flow.foblex.com/docs/errors. They are stripped from production builds. The same release makes the library legible to AI agents, because that is where the errors actually come from now. ng add @foblex/flow writes a managed section into your AGENTS.md pointing coding agents at the version-matched guide bundled inside the npm package, and the hosted llms.txt/llms-full.txt are validated in CI so they cannot drift from the API again. Details: https://flow.foblex.com/docs/ai"},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#13","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.04446,-0.16247,-0.03089,0.06745,0.04194,0.01852,0.04989,0.00851,0.081,0.00272,-0.02534,-0.01509,-0.09353,-0.02604,0.01593,-0.03766,-0.00439,-0.05786,-0.0499,0.11436,-0.01943,-0.09385,0.00356,-0.02922,-0.0513,0.01644,-0.02288,-0.07035,0.04105,-0.06757,-0.06177,0.05788,-0.00313,0.02136,0.02373,0.02481,0.05712,-0.04288,-0.10714,-0.06357,-0.02437,-0.02218,0.03333,0.02643,0.00867,-0.01745,0.00428,-0.027,-0.04848,0.09284,-0.06348,-0.03573,0.01459,0.02971,-0.00137,0.06414,0.05929,-0.05228,0.03549,0.04013,-0.04806,-0.02791,-0.01069,0.01731,0.03384,0.03857,-0.01316,-0.0435,0.01504,-0.06426,-0.03367,-0.03029,-0.00905,0.01253,0.02791,0.00053,-0.01019,0.03803,-0.00715,-0.06308,0.0661,0.02747,-0.00067,0.02697,0.04524,0.10096,0.03953,-0.0222,-0.03259,0.113,0.0136,0.01802,-0.0228,0.00956,0.04741,-0.04101,0.04886,-0.01387,-0.01525,0.03619,0.01333,-0.01269,0.05567,0.02364,0.01532,-0.03631,0.0089,-0.03579,-0.04882,-0.00241,-0.04775,-0.04007,0.03885,-0.02943,-0.01843,-0.02583,-0.06233,-0.01515,0.1158,0.03894,0.02518,0.00067,-0.06047,-0.01666,0.04704,-0.02847,-0.05139,0,-0.00377,0.02956,-0.0661,-0.0119,0.05137,-0.059,0.00874,-0.02344,-0.04871,0.00264,0.00768,-0.02397,-0.05233,0.02139,0.0318,-0.08902,-0.04635,0.05246,-0.07071,0.01125,0.07529,-0.01223,-0.01624,-0.01883,0.02893,0.12538,-0.12542,0.04241,0.0191,0.05283,-0.10049,-0.01971,-0.03312,-0.06977,-0.06899,0.00963,0.0012,-0.08701,0.02638,-0.0803,-0.10202,-0.03352,-0.07283,-0.08694,0.01388,-0.06971,-0.03971,0.07237,-0.03223,-0.00609,0.02049,0.00363,0.01607,0.0434,0.00877,-0.02816,0.02742,0.01596,0.00409,0.10299,0.08973,0.08837,-0.01119,-0.02349,0.03655,0.11749,0.0425,0.05069,0.0292,-0.06008,-0.08087,0.0306,0.00013,0.01804,-0.02258,-0.04043,-0.02552,-0.0953,0.05094,0.0089,-0.00996,-0.02168,0.008,0.038,0.01974,-0.07085,-0.01212,-0.05158,-0.14675,0.00232,0.1031,-0.01665,0.01635,-0.00992,-0.03465,0,-0.01144,-0.00461,-0.05031,0.0786,-0.09874,-0.00419,0.00346,0.01836,0.08296,-0.06794,0.02907,0.03102,0.00616,-0.0547,-0.03727,0.00843,-0.01063,-0.05355,0.00486,-0.02166,0.11302,-0.06468,0.00924,0.01377,-0.03945,0.00352,0.05174,0.04062,-0.03314,-0.04739,0.03374,0.07114,-0.05904,-0.07591,0.05808,-0.06445,-0.0079,0.03869,0.00784,-0.02623,0.11404,0.08038,0.02512,0.05367,-0.02475,0.12049,-0.14734,0.00641,0.00939,0.0374,0.01962,0.03321,-0.00677,-0.02248,-0.09643,0.05187,0.02632,-0.01114,-0.02938,0.01064,0.03746,-0.02922,-0.02835,-0.0139,0.11927,0.01628,0.01583,0.06807,0.09047,0.04796,0.14746,0.0274,-0.02876,-0.02903,0.02285,0.07137,0.06262,-0.10867,0.02619,0.02031,-0.01919,0.14105,0.03266,0.01588,0.01411,0.09694,-0.06425,0.01929,0.02265,0.01777,-0.02448,0.04528,0.06553,0.02238,-0.10354,0,-0.07638,0.00673,-0.01413,0.0066,0.04504,-0.00023,-0.05613,-0.01211,-0.00537,-0.00899,0.0191,0.02104,-0.03773,-0.01283,0.06626,0.00647,-0.01292,0.04017,-0.06719,-0.11274,0.02525,0.06928,0.01081,0.0634,-0.00921,-0.05156,-0.02419,0.06211,0.0132,-0.00064,0.00132,0.03545,0.01517,0.04861,-0.10581,0.12628,0.00014,-0.01585,-0.04737,0.01026,0.05153,-0.0422,-0.04099,-0.05419,-0.09987,0.02852,0.02351,-0.03245,-0.02024,-0.01443,-0.04546,0.09176,-0.00893,0.08727,0.01497,0.04077,-0.03105,0.0377,0.07895,0.01839,-0.01496,-0.01711,0.01374,0.07193],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Small Fixes That Matter - A fast drag no longer lags or jumps: the drag anchors to the pointer-down position, not the threshold-crossing point. - Safari no longer leaves ghost preview lines on the canvas after a drop. - A native <select opened inside a node no longer leaves the node glued to the cursor afterward — the swallowed pointerup is detected and the drag ends cleanly. Each of these sounds small in a changelog, but they are exactly the kind of thing that decides whether an editor feels solid.","excerpt":"Small Fixes That Matter - A fast drag no longer lags or jumps: the drag anchors to the pointer-down position, not the threshold-crossing point. - Safari no longer leaves ghost preview lines on the canvas after a drop. - A native <select opened inside a node no longer leaves the node glued to the cursor afterward — the swallowed pointerup is detected and the drag ends cleanly. Each of these sounds small in a changelog, but they are exactly the kind of thing that decides whether an editor feels solid."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#14","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.01295,-0.10101,-0.05398,0.01438,-0.01228,0.07548,0.01672,0.06876,0.0306,-0.02334,0.01653,-0.06401,-0.02248,-0.01787,0.02073,-0.03641,-0.00601,-0.05367,-0.06916,0.07657,-0.0253,-0.08114,0.02294,-0.06053,-0.0861,-0.03757,-0.02088,-0.03868,-0.02033,-0.04224,0.00749,0.12801,-0.00635,0.02474,0.00971,0.00643,0.01667,-0.06833,-0.10167,-0.0499,-0.06331,-0.04534,0.05065,0.00747,0.00686,0.00442,-0.00093,-0.05617,-0.02886,0.08255,-0.03006,0.01171,0.03937,0.08574,0.03683,0.05582,0.05086,-0.0143,-0.03325,0.0096,-0.03099,-0.0251,-0.055,-0.00252,-0.02793,0.04428,-0.00865,-0.06078,0.03059,-0.03653,-0.03208,-0.02063,-0.00793,-0.09079,0.06877,0.01208,0.00752,0.08433,0.04016,-0.14605,0.03681,0.05143,0.02243,-0.01719,0.02896,0.0604,-0.01135,-0.0335,0.02333,0.08853,-0.01453,0.0223,-0.00899,-0.01275,0.0858,-0.03541,0.01829,-0.00854,-0.00837,0.03695,-0.05209,0.03288,0.03755,0.05767,0.04107,-0.0066,0.0239,0.0068,-0.05629,-0.09195,-0.01701,-0.03731,0.06682,0.00953,-0.00342,0.0076,-0.01462,-0.00202,0.10497,0.05194,-0.01101,-0.02164,-0.01327,-0.00208,0.00814,-0.00047,-0.10786,0,-0.01783,0.03551,-0.05931,0.01345,0.04481,0.00378,0.07354,0.00121,-0.02513,-0.02115,-0.06522,-0.00109,-0.05822,-0.0377,0.00935,-0.07573,-0.04185,0.04384,-0.06175,0.01292,0.14457,-0.01237,0.00028,-0.08183,0.04871,0.10778,-0.07832,0.06991,0.01264,0.03539,-0.08124,-0.02525,0.02148,-0.03902,-0.06101,-0.0572,0.02808,-0.09369,-0.01856,-0.03824,-0.05606,-0.01905,-0.04001,-0.11409,0.03734,-0.05502,-0.04757,0.04259,0.06292,0.01582,0.0066,0.01022,-0.01767,-0.04911,0.01694,-0.10516,-0.08882,0.10397,0.00464,0.09256,0.025,0.07533,-0.02625,-0.00335,0.07346,0.09072,0.02159,-0.00207,0.03354,-0.06895,-0.08381,0.04536,-0.06314,-0.02081,0.04072,-0.05491,0.00352,-0.08944,0.00069,-0.04112,-0.04297,0.04471,-0.03459,0.06715,0.06374,-0.0491,0.00178,-0.10521,-0.10823,-0.0192,0.09828,-0.02767,0.02213,-0.02375,0.00027,0,0.00168,0.00742,-0.06302,0.02557,-0.01066,0.00943,0.04019,-0.04669,0.05295,-0.07241,0.03021,0.05373,0.0127,-0.10195,-0.01663,0.00278,-0.01036,-0.06366,-0.02853,0.04321,0.05721,0.01545,-0.03875,-0.00865,-0.06016,-0.00445,-0.00584,0.06956,-0.01026,-0.01756,0.01496,0.04817,-0.09407,-0.03434,0.02695,-0.06193,-0.01465,0.03629,-0.0138,0.03321,0.09782,0.01531,-0.03328,0.02082,-0.01364,0.08901,-0.11544,-0.06824,0.01702,0.00788,0.02238,-0.04194,-0.03102,-0.01388,-0.11968,0.07942,0.13945,-0.00934,-0.0885,0.02406,0.0672,-0.03706,0.02617,0.00911,0.142,0.03797,0.01622,0.08906,0.07051,0.05361,0.07129,-0.01399,-0.00696,0.03069,0.06049,0.08011,0.03067,-0.05383,0.03116,0.02976,-0.0315,0.08139,0.03486,0.0199,0.03936,0.03844,-0.01993,-0.0079,0.05973,0.01761,-0.05289,0.00867,0.0585,0.03655,-0.03301,0,-0.07382,0.04182,-0.06344,0.0352,0.02313,-0.01249,-0.07169,0.00766,-0.0585,0.01332,-0.05467,0.06972,-0.00464,-0.01468,0.08574,0.00399,0.02848,0.02002,-0.07818,-0.06404,-0.00977,0.01115,-0.02757,0.06203,-0.02198,-0.06069,-0.02752,0.02288,0.03116,-0.01656,0.03668,0.00243,0.01619,0.07082,-0.11188,0.10022,0.02072,-0.00142,-0.05465,0.04461,0.06522,-0.00375,-0.0833,-0.07781,-0.03549,0.04227,-0.01309,-0.03135,-0.04163,0.05728,-0.08434,0.10891,-0.04472,0.08085,0.01022,0.03323,0.00124,0.0019,0.08016,0.03182,-0.02636,0.05833,0.03752,-0.00155],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Migration Notes Nothing is removed in v19; the deprecations keep working. - fNodeInput / fNodeOutput / fNodeOutlet → [fConnector] with fConnectorType. Legacy directives still work and are marked deprecated. - fOutputId / fInputId (and fOutputSide / fInputSide) on f-connection → fSourceId / fTargetId (fSourceSide / fTargetSide). The new input wins when both are set. - fCanBeConnectedInputs → fCanBeConnectedTo. - [fConnector] defaults to fConnectorMultiple = true; legacy outputs were single-connection. Set it to false where you relied on that. - Connector ids are unique across all connector types in the unified model. - Every flow now applies inert ARIA attributes (roles, generated names, DOM ids where missing). Your own attributes always win; behavior changes only if you opt into withA11y(). - If you subclass FDraggableBase directly (rare), it has two new abstract members: fDeleteSelected and fCreateConnectionTrigger. f Node Input f Node Output f Node Outlet f Connector f Connector Type f Output Id f Input Id f Output Side f Input Side f Source Id f Target Id f Source Side f Target Side f Can Be Connected Inputs f Can Be Connected To f Connector Multiple with A11y F Draggable Base f Delete Selected f Create Connection Trigger","excerpt":"Migration Notes Nothing is removed in v19; the deprecations keep working. - fNodeInput / fNodeOutput / fNodeOutlet → [fConnector] with fConnectorType. Legacy directives still work and are marked deprecated. - fOutputId / fInputId (and fOutputSide / fInputSide) on f-connection → fSourceId / fTargetId (fSourceSide / fTargetSide). The new input wins when both are set. - fCanBeConnectedInputs → fCanBeConnectedTo. - [fConnector] defaults to fConnectorMultiple = true; legacy outputs were single-connection. Set it to false where you relied on that. - Connector ids are unique across all connector types in the unified model. - Every flow now applies inert ARIA attributes (roles, generated names, DOM ids where missing). Your own attributes always win; behavior changes only if you opt into withA11y(). - If you subclass FDraggableBase directly (rare), it has two new abstract members: fDeleteSelected and fCreateConnectionTrigger."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#15","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.07465,-0.0987,-0.09057,0.02684,-0.02861,0.07737,0.02472,0.03187,0.07083,0.04498,-0.02044,-0.01561,-0.02943,0.01737,0.08949,-0.04396,-0.00081,-0.1,-0.09417,0.06002,-0.04966,-0.08567,0.0127,-0.04375,-0.05864,-0.03974,-0.00067,-0.05531,0.01834,-0.04009,-0.0114,0.08709,0.00017,0.03292,-0.03221,0.07228,0.04224,-0.0216,-0.11237,-0.06701,-0.03564,-0.03288,0.03024,-0.01286,-0.03125,-0.0342,-0.03647,-0.00216,-0.05174,0.1342,-0.08249,-0.08512,-0.00058,0.04447,0.01607,0.04654,0.03891,-0.01713,-0.01083,-0.01644,-0.01373,-0.0478,-0.02684,0.04254,-0.02037,0.05866,-0.0296,-0.01577,-0.01026,-0.11322,-0.05217,-0.07405,0.03224,-0.06247,0.02482,0.00706,-0.01442,0.05644,0.05107,-0.08374,0.03812,0.06007,0.00086,0.06805,0.00092,0.11343,0.06324,0.00712,-0.00845,0.0572,-0.03811,0.06691,0.05277,-0.0238,0.09259,0.00658,0.03955,0.01917,-0.03667,0.028,0.00726,-0.01225,0.04448,0.01445,-0.01116,-0.04748,0.03106,-0.05175,-0.04372,-0.03373,-0.00765,0.00629,0.00807,-0.07981,-0.00803,-0.03724,-0.05578,0.01609,0.1032,0.07183,0.03177,-0.00372,-0.01299,-0.02555,0.11058,0.02785,-0.06147,0,0.02799,0.07875,-0.08951,0.03912,0.0597,-0.00367,0.02844,-0.05222,-0.05357,-0.03606,-0.01096,0.02235,-0.01679,0.0033,0.02925,-0.07694,-0.03727,0.04342,-0.03962,0.00652,0.07002,-0.04449,-0.0125,0.02458,0.05687,0.10983,-0.08219,0.04409,0.00013,0.02482,-0.01015,-0.00144,-0.03743,-0.04722,-0.05778,-0.03996,-0.01102,-0.11013,0.02491,0.00141,-0.06363,-0.05928,-0.08628,-0.0844,0.01392,-0.0711,-0.03678,0.01523,0.0639,0.00951,-0.03142,0.00966,0.01708,0.01012,0.06633,-0.07846,-0.03184,0.0368,0.00316,0.046,0.03716,0.06615,-0.00677,0.01819,0.05795,0.04956,0.02973,-0.01835,0.07708,-0.09414,-0.08748,0.00976,-0.0332,0.02326,0.00439,-0.02785,0.00387,-0.02024,0.05554,-0.02843,-0.04381,-0.00254,-0.01208,0.06668,0.02334,-0.06578,-0.03728,-0.05899,-0.13224,0.01824,0.06822,-0.00803,-0.01011,0.02879,-0.01404,0,0.00652,0.00072,-0.0746,0.04578,0.02027,-0.03117,0.04919,-0.04005,0.09281,-0.00116,0.04337,0.05345,0.00349,-0.07009,-0.03351,-0.02028,0.03531,-0.11681,0.03799,-0.02899,0.08319,-0.03826,0.01853,-0.0014,-0.04114,0.01444,0.01243,-0.01158,0.00459,-0.03653,0.03881,0.01419,-0.07059,-0.04463,0.02785,-0.0385,-0.02365,0.05814,-0.02804,-0.0128,0.0987,0.02125,-0.01913,0.02951,-0.04279,0.07398,-0.1021,-0.06288,-0.03369,0.01197,0.02787,0.01439,0.01453,-0.07228,-0.11417,0.04562,0.12636,-0.03017,-0.07232,0.01442,0.07403,-0.05123,0.03709,0.03321,0.05824,0.07737,0.00426,0.08701,0.08819,0.09183,0.06998,-0.0432,0.00208,-0.03251,0.07703,0.08054,0.02294,-0.09823,0.04507,-0.00893,-0.0199,0.10648,0.03526,0.02794,0.04385,0.08713,-0.02278,0.02975,0.05358,0.033,-0.07117,0.00257,0.047,0.0277,-0.02601,0,-0.05671,0.03154,-0.03829,-0.00789,0.01299,-0.0372,-0.07145,-0.04483,0.03814,0.07649,-0.01719,0.02641,-0.05396,-0.00585,0.12137,0.05775,-0.02545,0.03185,-0.06443,-0.11728,0.03714,0.01328,-0.03231,0.05888,0.01586,-0.01623,-0.03243,0.05908,-0.02033,-0.00702,0.03207,0.01882,0.02997,0.06647,-0.08949,0.0249,-0.0166,-0.02969,-0.0093,0.0367,0.0472,0.00464,-0.04056,-0.02689,-0.07661,0.0504,-0.00792,-0.07783,-0.05531,-0.01299,-0.06871,0.08373,-0.04463,0.09113,-0.00685,0.07609,0.04522,0.00773,0.11893,0.01433,-0.04888,0.06402,0.01023,-0.0126],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. What This Means for Angular Teams - Your editor can feel like Miro, like draw.io, or like your own tool — one provider, switchable at runtime. - Connection creation is no longer welded to drag: click-to-connect ships, custom gestures are a small class. - Keyboard operation and screen-reader support are one withA11y() away, with events that respect your ownership of the data. - One connector directive, one connection id vocabulary, documented migration. - Silent failures now come with error codes, and your coding agents get version-matched docs from the package they installed. with A11y","excerpt":"What This Means for Angular Teams - Your editor can feel like Miro, like draw.io, or like your own tool — one provider, switchable at runtime. - Connection creation is no longer welded to drag: click-to-connect ships, custom gestures are a small class. - Keyboard operation and screen-reader support are one withA11y() away, with events that respect your ownership of the data. - One connector directive, one connection id vocabulary, documented migration. - Silent failures now come with error codes, and your coding agents get version-matched docs from the package they installed."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#16","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.07473,-0.12202,-0.07851,0.01161,-0.00979,0.11116,0.00872,0.08314,0.05757,-0.02437,-0.01828,-0.0363,-0.05167,-0.00328,0.0622,-0.02111,0.00637,-0.06687,-0.03948,0.08702,-0.0472,-0.06805,0.02855,-0.05766,-0.08695,-0.01623,-0.01813,-0.0727,0.03613,-0.02109,0.05332,0.09456,0.02079,0.03264,-0.0707,0.02839,0.02491,-0.04651,-0.09563,-0.06104,-0.04938,-0.01056,0.0457,-0.0135,0.00521,-0.01648,0.02383,-0.02883,-0.08063,0.11523,-0.03938,-0.05471,0.03543,0.01143,0.0118,0.04776,0.04166,-0.02123,-0.00404,0.0149,-0.04268,-0.02578,-0.05668,0.01186,-0.01291,0.04852,-0.00089,-0.05209,0.02897,-0.11195,-0.05996,-0.05072,0.0454,-0.09145,0.00977,-0.03067,-0.02414,0.05057,0.02611,-0.07015,0.08078,0.04461,0.02369,0.04881,0.00756,0.10482,0.07484,0.00134,0.02017,0.09066,-0.0134,0.02033,0.00742,-0.00845,0.08842,-0.02301,0.03113,0.01394,-0.01959,0.01391,0.02201,0.0176,0.03429,0.01289,0.01024,-0.03384,0.02042,-0.0234,-0.04559,-0.03971,0.01015,-0.0177,0.02983,-0.05541,0.00732,-0.02141,-0.02583,-0.01302,0.14355,0.0249,-0.00507,-0.02822,-0.0036,-0.02487,0.06271,-0.00562,-0.08399,0,-0.01694,0.08048,-0.04828,-0.00956,0.04555,-0.03312,0.06011,-0.02866,-0.05352,-0.03122,0.03139,0.02281,-0.05353,0.03618,0.03051,-0.07048,-0.09491,0.04121,-0.07713,-0.01323,0.07948,-0.03821,0.02059,-0.01305,0.0448,0.05995,-0.08012,0.06429,-0.00513,0.01169,-0.06843,-0.01496,-0.01178,-0.01896,-0.07387,-0.00603,-0.01717,-0.12917,0.03228,-0.0325,-0.00924,-0.01463,-0.05896,-0.0795,0.01881,-0.02464,-0.01006,0.04708,0.02045,-0.02087,-0.01224,0.02517,0.00751,-0.01083,0.09358,-0.08685,-0.06574,0.06728,0.01564,0.08268,0.05694,0.05884,0.01078,0.03521,0.03573,0.08415,0.04236,0.02431,0.05509,-0.05752,-0.081,0.02293,-0.05751,-0.00402,0.04315,-0.01183,0.00442,-0.04492,0.08592,-0.02286,-0.03337,0.02399,-0.00987,0.09482,0.05552,-0.07291,-0.0461,-0.05297,-0.12597,-0.00862,0.10044,-0.04996,-0.00114,0.0265,-0.03416,0,0.04772,-0.01243,-0.05336,0.0331,-0.03925,-0.01118,0.03599,-0.07642,0.08777,-0.03656,0.06364,0.02279,0.02649,-0.05374,-0.03027,0.00419,0.02086,-0.07612,-0.00597,-0.04123,0.06572,-0.04273,-0.01223,-0.01163,-0.11087,0.00267,0.02616,0.00326,-0.01664,-0.05003,0.01004,0.0223,-0.05014,-0.07643,0.00873,-0.01956,-0.00131,0.02419,0.01416,0.00712,0.06958,0.01929,-0.01909,0.02137,-0.04627,0.07354,-0.14679,-0.03603,-0.00122,0.0174,-0.00642,0.01101,0.01354,-0.07537,-0.11801,0.0618,0.09138,-0.00547,-0.04915,0.00298,0.06179,-0.03611,0.01365,0.00131,0.06282,0.07362,-0.00943,0.09453,0.09993,0.05515,0.11074,-0.02437,-0.01706,-0.02118,0.05313,0.0779,0.10194,-0.07505,0.03584,-0.02093,0.00169,0.10914,0.0304,0.00208,0.04214,0.0792,-0.0695,-0.0559,0.0468,0.06302,-0.04936,0.03208,0.05539,0.03101,-0.0242,0,-0.06049,0.04284,-0.02627,-0.01295,-0.01602,0.0187,-0.06777,0.00086,-0.03956,0.06866,-0.00517,0.01491,-0.02543,-0.00912,0.09703,0.04131,-0.0196,0.03302,-0.08632,-0.07333,0.05715,0.05374,0.0162,0.09087,0.00475,-0.02221,-0.01076,0.05009,0.00479,0.01136,0.03931,0.01784,-0.01039,0.06309,-0.10247,0.05285,0.00292,-0.04826,-0.04214,0.02563,0.08161,-0.04249,-0.08708,-0.02813,-0.08134,0.04684,-0.02063,-0.0368,-0.05212,0.0317,-0.07427,0.10314,-0.00941,0.10511,0.04977,0.07586,-0.01355,0.01271,0.07511,0.04243,-0.04943,0.04584,0.01215,0.01494],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Closing For me, the big takeaway from v19 is not any one feature in isolation. The control scheme, the click gesture, the keyboard layer — each is a different answer to the same question: who decides how the editor is driven? Before v19 the answer was the library. Now it is you, and your users, whichever hands or tools they bring. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot.","excerpt":"Closing For me, the big takeaway from v19 is not any one feature in isolation. The control scheme, the click gesture, the keyboard layer — each is a different answer to the same question: who decides how the editor is driven? Before v19 the answer was the library. Now it is you, and your users, whichever hands or tools they bring. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model#17","slug":"foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","route":"/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model","section":"blog","title":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model","description":"Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs.","group":"Releases","vector":[-0.06429,-0.10134,-0.08148,0.02917,-0.0378,0.07411,0.05065,0.06428,0.01424,-0.00394,0.01587,-0.06422,0.00489,-0.02533,0.03042,0.04713,-0.01619,-0.02599,-0.0305,0.06242,0.02476,-0.06216,0.0172,-0.06302,-0.10826,-0.06786,0.00329,-0.01711,0.00883,-0.04321,0.02926,0.06463,-0.00277,-0.01099,0.02043,0.01388,0.0253,-0.05222,-0.1317,-0.04956,-0.02138,-0.01916,0.02753,-0.03528,-0.00948,0.00513,-0.03407,-0.0242,-0.02439,0.07988,-0.07321,-0.01459,0.02827,0.02663,0.04739,0.05372,0.00945,0.00506,0.00557,-0.00085,-0.0039,-0.00849,-0.01886,-0.00427,-0.02885,0.09722,-0.03905,-0.00271,-0.00061,-0.07126,-0.09288,-0.05093,-0.00421,-0.09823,0.05861,-0.02094,-0.01071,0.05093,0.0021,-0.13934,-0.02977,0.04855,0.01905,0.03162,0.02612,0.08929,0.00189,-0.00249,0.04046,0.05181,0.00726,0.00025,-0.04221,-0.01278,0.12397,-0.02281,0.01606,-0.01867,-0.03028,0.02533,-0.02516,-0.01097,-0.02052,0.0527,0.04562,-0.03573,0.03062,-0.02287,-0.03007,-0.03437,-0.02322,-0.03144,0.02942,-0.01514,0.02384,-0.01341,0.00365,0.00374,0.11557,0.01821,0.04108,-0.0568,-0.06471,-0.0178,0.02146,-0.00191,-0.05179,0,0.0437,0.02525,-0.05463,0.00814,0.05208,0.01369,0.04575,-0.05992,-0.05766,-0.00869,-0.01687,0.0007,-0.06254,-0.02733,-0.04007,-0.11491,-0.06891,0.08848,-0.04218,0.02632,0.09474,0.00217,-0.02158,-0.02848,0.06476,0.13248,-0.08677,0.07767,0.02593,0.0243,-0.04231,-0.02762,0.00846,-0.03715,-0.07452,-0.04919,-0.0128,-0.04521,-0.02436,-0.03113,-0.03416,-0.07025,0.01464,-0.09022,-0.04725,-0.0711,-0.047,0.04166,0.06292,-0.02882,-0.01449,-0.01256,-0.0564,-0.04611,0.0404,-0.09991,-0.10359,0.07589,-0.01143,0.0702,0.0283,0.06862,-0.00353,-0.02538,0.04401,0.10041,0.0011,-0.02409,0.04215,-0.06981,-0.09629,0.07242,-0.01421,0.00513,0.00366,-0.05572,-0.01669,-0.02405,0.04406,0.00344,-0.05177,-0.02758,-0.03498,0.087,0.0401,-0.07928,-0.00494,-0.05335,-0.16132,-0.03538,0.06256,0.00571,0.0178,-0.01267,-0.00002,0,0.06514,0.01733,-0.00785,0.05261,-0.00485,0.016,0.07945,-0.0064,0.07416,-0.01664,-0.00251,0.03701,0.01153,-0.07774,-0.02859,0.00569,-0.00814,-0.05938,-0.00021,0.02079,0.06405,0.01982,-0.03671,-0.02938,-0.05949,-0.03025,0.01049,0.10327,-0.02426,-0.0449,0.00902,0.04517,-0.12184,-0.00338,0.01556,-0.02497,0.00953,0.04352,-0.04716,-0.00463,0.12978,-0.01153,-0.04597,0.02959,-0.00969,0.08007,-0.06488,-0.03697,-0.01795,0.00508,-0.00414,-0.02374,-0.01991,-0.02286,-0.12684,0.0738,0.12264,-0.03425,-0.08818,0.02533,0.02929,-0.06582,0.03888,0.03509,0.08495,0.03149,0.01389,0.06857,0.10094,0.02789,0.10012,-0.02375,0.0846,-0.00127,0.09905,0.03788,-0.00879,-0.04602,0.0729,0.02121,-0.04431,0.10273,0.07188,0.05618,0.04425,0.08957,-0.03652,0.06422,0.06654,0.02905,-0.08332,0.02809,0.08958,0.0431,-0.0809,0,-0.08596,0.00628,-0.0161,-0.03065,-0.02999,0.01693,-0.05634,-0.04084,-0.05528,0.00858,-0.02922,0.07074,-0.00058,-0.00115,0.0257,-0.00984,-0.00285,0.0212,-0.04466,-0.07259,0.03632,0.00699,0.01442,0.06877,0.02362,-0.05376,-0.06084,0.03459,-0.02242,0.00553,0.03721,0.01234,0.01824,0.07452,-0.07894,0.08912,-0.00302,-0.00399,-0.06092,0.03887,0.06135,-0.02259,-0.0933,-0.07105,-0.01348,0.05838,-0.00422,-0.06193,-0.04158,0.00474,-0.06285,0.08886,-0.00509,0.07423,0.04804,0.01007,0.00158,-0.02373,0.1001,0.05137,-0.06486,0.08638,0.02314,0.04945],"keywords":"Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19.0.0: Control Schemes, Click-to-Connect, Keyboard Accessibility, and a Unified Connector Model Foblex Flow v19 opens up how the editor is driven: withControlScheme with Miro-like and draw.io-like presets, click-to-connect on the gesture-independent FCreateConnectionSession, an opt-in keyboard accessibility layer via withA11y with screen-reader announcements and keyboard connection creation, the unified fConnector directive, and FF-coded dev diagnostics with agent-ready docs. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v19.0.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Control Schemes example: <https://flow.foblex.com/examples/control-schemes - Click to Connect example: <https://flow.foblex.com/examples/click-to-connect - Accessibility example: <https://flow.foblex.com/examples/accessibility - Unified Connector example: <https://flow.foblex.com/examples/unified-connector - Accessibility guide: <https://flow.foblex.com/docs/accessibility - Control Scheme guide: <https://flow.foblex.com/docs/control-scheme - Error reference: <https://flow.foblex.com/docs/errors - AI agents guide: <https://flow.foblex.com/docs/ai","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v19.0.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Control Schemes example: <https://flow.foblex.com/examples/control-schemes - Click to Connect example: <https://flow.foblex.com/examples/click-to-connect - Accessibility example: <https://flow.foblex.com/examples/accessibility - Unified Connector example: <https://flow.foblex.com/examples/unified-connector - Accessibility guide: <https://flow.foblex.com/docs/accessibility - Control Scheme guide: <https://flow.foblex.com/docs/control-scheme - Error reference: <https://flow.foblex.com/docs/errors - AI agents guide: <https://flow.foblex.com/docs/ai"},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#0","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.08475,-0.02668,-0.01014,0.04119,0.06213,0.03366,-0.03059,0.02829,0.04677,0.00532,-0.04365,0.02842,-0.06558,0.00017,-0.03152,-0.02481,-0.01121,0.00673,-0.08685,0.02851,-0.03769,-0.11538,0.00174,-0.03409,0.01199,0.01535,-0.07692,-0.01829,0.03599,-0.08276,0.04267,0.17374,-0.05845,0.02218,-0.08358,0.07347,0.00091,-0.02285,-0.08737,-0.03033,-0.00567,0.09161,0.02966,-0.0176,0.00172,0.00283,-0.04269,0.00399,-0.0578,0.03005,-0.02234,-0.05941,-0.0358,0.10369,0.05033,0.07102,0.02772,-0.00589,0.01779,0.05584,-0.03819,0.00012,0.00779,0.04889,-0.02012,0.05416,-0.02482,0.00532,-0.00688,0.03944,0.03299,0.01663,0.02138,-0.03176,0.1015,-0.0054,-0.02669,0.02146,-0.02423,-0.08132,-0.00836,0.01135,-0.02284,-0.00009,-0.00527,-0.02641,-0.01563,-0.07382,0.01465,0.06893,-0.04853,0.07817,-0.03634,0.04719,0.04494,-0.03649,-0.05297,-0.02332,-0.03621,0.02707,0.0195,-0.05429,0.08769,0.07115,0.04224,-0.07306,-0.0414,0.02146,-0.0679,-0.01653,-0.01645,0.00741,0.05535,0.00049,-0.0642,-0.00477,0.00041,-0.05469,0.04925,0.04211,0.03968,0.08139,0.0102,-0.04535,0.04595,-0.00993,-0.02597,0,-0.03056,-0.04546,-0.02835,0.07828,0.12519,-0.02078,0.00042,-0.03362,-0.06944,-0.0235,0.00098,0.06417,-0.05399,0.04469,0.0523,-0.12628,0.00032,0.10943,-0.09565,-0.02471,0.04504,-0.03021,-0.04357,-0.05668,0.00441,0.05423,-0.05421,0.05653,-0.09311,0.01437,-0.0956,-0.00609,0.04259,0.00458,-0.09874,0.01458,-0.04648,-0.0983,-0.02943,-0.04599,-0.02257,0.03394,-0.0715,-0.03659,0.04722,-0.05495,-0.04407,0.09911,0.01276,-0.01061,0.0238,0.04844,0.06294,0.00678,0.03867,-0.07957,0.02592,0.0475,0.02573,0.07776,0.03187,0.07855,-0.10386,0.03699,0.06042,0.08464,0.02333,0.0153,0.0208,-0.04062,-0.0936,0.10836,0.01736,0.02358,0.04735,-0.04337,-0.03897,-0.05528,-0.04026,-0.02141,-0.02593,0.04729,0.00513,0.01493,-0.00604,-0.08691,0.06554,-0.00754,-0.06147,-0.00487,0.10511,-0.04126,0.13647,-0.01126,0.05402,0,-0.01257,0.00724,0.01431,0.04424,0.05996,-0.02987,0.03355,0.02788,0.03956,-0.09701,-0.0335,-0.01343,-0.01079,-0.04219,0.0166,0.03173,-0.05651,-0.13525,0.00932,-0.06724,0.04615,0.00653,-0.04337,0.00673,-0.02043,-0.00263,0.00052,0.05594,0.02431,-0.02161,-0.02751,-0.08135,-0.1139,-0.03333,0.08447,-0.0077,-0.05846,0.07205,-0.01808,0.0221,-0.00619,0.0208,-0.10927,0.03492,-0.0201,0.05715,-0.04129,-0.03085,-0.06321,-0.04831,-0.06731,0.0548,-0.01835,-0.04742,-0.02086,0.06507,0.04488,0.03882,-0.00775,-0.03204,0.0773,-0.09824,0.01109,-0.03818,0.06082,0.08052,-0.03373,-0.01078,0.04143,0.08912,0.09264,0.01682,-0.01931,-0.02451,0.06035,0.03256,0.0902,-0.00346,0.03196,0.05568,-0.08682,0.09101,0.03481,0.06599,0.02643,0.01871,-0.08339,0.03928,0.05853,0.06609,-0.02025,-0.02974,0.0536,0.00703,-0.01174,0,-0.10756,-0.00323,-0.04051,0.00746,0.05049,-0.01618,0.06793,0.07485,-0.05988,0.01987,0.03985,0.07563,0.05143,-0.00908,0.06122,-0.0208,-0.0305,-0.02757,-0.07962,-0.07244,-0.0334,0.02607,0.00956,0.0815,-0.03769,-0.06316,-0.02746,0.03257,0.00279,0.00396,-0.03736,0.01556,0.05238,0.09881,-0.03936,0.0766,-0.04655,0.06393,-0.05615,-0.01563,-0.00248,-0.05848,0.00294,0.00862,0.0294,-0.00099,0.02086,-0.00688,-0.01634,-0.02085,-0.05506,0.01849,-0.04672,0.04669,0.07516,0.00522,-0.05649,0.01277,0.08977,-0.00219,-0.09766,0.04417,0.00356,0.02766],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0 is the layout-interaction sequel to v18.5.0. The previous release made layout engines a first-class story for the initial render. This one makes layouts stay clean as the graph keeps changing, and gives you control over how the canvas itself is stacked. Today I'm shipping v18.6.0 with two features: - Reflow on Resize — the new withReflowOnResize plugin. When a node grows or shrinks, the surrounding nodes shift automatically so the layout doesn't fall apart, with five small knobs that decide who moves, by how much, and what to do when shifts run out of room. - Layer Ordering — the order of the three built-in canvas layers (groups, connections, nodes) is now configurable. [fLayers] per canvas, or withFCanvas({ layers }) app-wide. Two independent changes, shipped together because they were both ready. with Reflow On Resize f Layers with F Canvas","excerpt":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0 is the layout-interaction sequel to v18.5.0. The previous release made layout engines a first-class story for the initial render. This one makes layouts stay clean as the graph keeps changing, and gives you control over how the canvas itself is stacked. Today I'm shipping v18.6.0 with two features: - Reflow on Resize — the new withReflowOnResize plugin. When a node grows or shrinks, the surrounding nodes shift automatically so the layout doesn't fall apart, with five small knobs that decide who moves, by how much, and what to do when shifts run out of room. - Layer Ordering — the order of the three built-in canvas layers (groups, connections, nodes) is now configurable. [fLayers] per canvas, or withFCanvas({ layers }) app-wide. Two independent changes, shipped together because they were both ready."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#1","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.04546,-0.02727,-0.07963,0.0358,0.02428,0.03051,-0.01038,0.07924,0.04467,-0.0115,-0.02246,0.00171,-0.07314,-0.06555,-0.02666,-0.01061,-0.04405,0.02297,-0.0876,-0.02415,0.00091,-0.0973,0.01808,-0.02014,-0.05791,-0.00304,-0.06457,-0.01208,0.03639,-0.08383,0.02714,0.16419,-0.06982,0.03166,-0.08168,0.06071,0.00497,-0.05875,-0.10064,-0.02006,0.01801,0.05422,0.00827,-0.03991,-0.03562,0.01151,-0.02658,0.00577,-0.05589,0.00227,0.01106,-0.05139,-0.02516,0.14456,0.0521,0.06561,0.02746,-0.00551,0.02918,0.04081,-0.04828,-0.01102,-0.0125,0.04445,-0.05016,0.04225,-0.07447,-0.01521,0.01988,0.00579,0.00617,0.00347,0.02655,-0.03292,0.09513,-0.01096,-0.02743,0.07605,-0.01632,-0.09064,0.02145,0.01592,0.0075,0.01726,0.03742,0.00115,0.01824,-0.0429,0.04895,0.08038,-0.03584,0.05698,-0.03969,-0.0011,0.02292,-0.05201,-0.06071,-0.04249,-0.05508,0.0418,0.0314,-0.04553,0.0693,0.07825,0.01661,-0.03749,-0.04743,0.03711,-0.0528,-0.04139,-0.00055,-0.00022,0.08769,-0.02569,-0.00516,-0.00526,-0.04041,-0.04911,-0.00539,0.06279,0.01117,0.03991,-0.01456,-0.04035,0.05453,0.05225,-0.03482,0,-0.01212,-0.02683,-0.05712,0.0222,0.08113,0.00159,0.04115,-0.02659,-0.0504,-0.00948,-0.01062,0.04463,-0.06383,0.02391,0.02168,-0.12548,0.00457,0.07048,-0.05609,-0.02474,0.089,0.0029,-0.03366,-0.05447,0.04359,0.01867,-0.06613,0.05551,-0.09888,0.03334,-0.06988,-0.02035,0.03167,-0.00768,-0.09035,0.02179,-0.05296,-0.09366,-0.02631,-0.05597,-0.00162,0.00315,-0.10512,-0.03451,0.04485,-0.0641,-0.0756,0.0848,0.04298,0.01108,0.02203,0.04077,0.05413,0.00025,0.04,-0.06252,-0.0171,0.06851,0.02031,0.04807,0.00015,0.05814,-0.1006,0.07416,0.06444,0.11101,0.04569,0.00499,0.02882,-0.01161,-0.11496,0.08584,0.01733,0.05655,0.01654,-0.03928,-0.01847,-0.03749,-0.06626,-0.01755,-0.04001,0.06866,-0.01627,0.03837,0.03871,-0.08817,0.04094,-0.05114,-0.08313,-0.01422,0.1221,-0.04527,0.11569,-0.00383,-0.00771,0,-0.03613,0.02217,-0.00785,0.05456,0.03482,-0.01703,0.01094,0.07203,0.05632,-0.10452,-0.01715,0.02646,-0.01298,-0.07563,0.01706,-0.01088,-0.0735,-0.07601,0.02196,-0.04107,0.00666,-0.02554,-0.00125,0.00904,-0.02677,-0.00741,-0.0038,0.05452,0.02672,-0.03154,0.00335,-0.01466,-0.12579,0.00061,0.0653,-0.0693,-0.05517,0.09817,-0.00737,0.04075,0.04974,0.03964,-0.06323,0.00664,-0.04505,0.07899,-0.06502,-0.07368,-0.07909,-0.05286,-0.04563,0.02322,-0.01831,-0.0107,-0.02504,0.06554,0.09575,0.01811,-0.03663,0.0101,0.07982,-0.12376,0.04023,-0.04064,0.05054,0.04211,-0.00676,0.04738,0.04051,0.08786,0.10064,0.02817,-0.01035,-0.00559,0.01763,0.02775,0.00704,-0.06883,0.01343,0.07906,-0.07711,0.07772,0.01558,0.04071,0.04568,0.02327,-0.06604,0.04749,0.1037,0.05107,-0.03143,0.00757,0.04919,-0.00476,-0.01738,0,-0.09819,0.00545,-0.05301,0.05871,0.04735,-0.02946,0.0558,0.05573,-0.07669,0.0034,0.02265,0.09294,0.04015,-0.02749,0.07231,-0.01655,-0.01187,-0.01898,-0.05941,-0.08771,-0.03922,0.01554,0.01148,0.0827,-0.00944,-0.06037,0.00366,0.03936,-0.01487,0.01677,0.00283,0.00809,0.08054,0.1086,-0.06928,0.08107,-0.05446,0.06663,-0.04127,-0.00468,0.01905,-0.03914,0.0022,-0.02276,-0.04507,-0.01704,0.0191,0.02099,-0.04059,-0.00556,-0.0085,0.07411,-0.05056,0.04367,0.07729,0.0047,-0.05977,-0.0163,0.04528,-0.01049,-0.11674,0.05965,0.02928,-0.00895],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Highlights Reflow on Resize - 🧭 withReflowOnResize — one-line install, reacts to any size change, no manual relayout call. - 🎛️ Five orthogonal knobs — mode, scope, axis, delta source, collision. Each one controls one decision and stays out of the way of the others. - 📌 fReflowIgnore directive — pin annotations, legends, and stats panels so they never get shifted. - ⚙️ FReflowController — change any knob at runtime without re-providing the plugin. - 🔁 Standard (fMoveNodes) pipeline — shifts go through your normal write path, not a back door. Layer Ordering - 🗂️ [fLayers] input — per-canvas control over the order of groups, connections, and nodes. - 🧩 withFCanvas({ layers }) provider — set the same default once for every canvas in the host component's tree. - 🛡️ Default unchanged — groups → connections → nodes stays the default, so existing apps are unaffected. with Reflow On Resize f Reflow Ignore F Reflow Controller f Move Nodes f Layers with F Canvas","excerpt":"Highlights Reflow on Resize - 🧭 withReflowOnResize — one-line install, reacts to any size change, no manual relayout call. - 🎛️ Five orthogonal knobs — mode, scope, axis, delta source, collision. Each one controls one decision and stays out of the way of the others. - 📌 fReflowIgnore directive — pin annotations, legends, and stats panels so they never get shifted. - ⚙️ FReflowController — change any knob at runtime without re-providing the plugin. - 🔁 Standard (fMoveNodes) pipeline — shifts go through your normal write path, not a back door. Layer Ordering - 🗂️ [fLayers] input — per-canvas control over the order of groups, connections, and nodes. - 🧩 withFCanvas({ layers }) provider — set the same default once for every canvas in the host component's tree. - 🛡️ Default unchanged — groups → connections → nodes stays the default, so existing apps are unaffected."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#2","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05048,-0.01928,-0.028,0.06662,0.04277,-0.00211,-0.04863,0.0617,0.03844,0.03164,-0.01728,0.0534,-0.06899,-0.04157,-0.04953,-0.01684,0.01267,0.00045,-0.07211,-0.00715,-0.01108,-0.08872,-0.02696,-0.01906,-0.01604,-0.00026,-0.1441,-0.03249,0.04834,-0.07132,0.02082,0.16244,-0.09579,0.03237,-0.0316,0.08605,-0.02759,-0.00103,-0.0527,-0.00361,0.04709,0.05366,0.0014,-0.00696,0.0002,-0.0125,-0.01971,0.02515,-0.0526,-0.00501,-0.02205,-0.03753,-0.03521,0.12139,0.05928,0.05824,0.01065,-0.02698,0.03203,0.07344,-0.02545,-0.0187,0.00008,0.00803,-0.06183,0.05417,-0.01683,-0.00548,0.00337,0.02759,0.07634,0.0428,0.00705,0.01527,0.10878,0.02088,-0.03544,0.06544,-0.02143,-0.05047,0.00485,-0.02362,-0.01275,-0.04788,-0.0129,-0.01824,0.02187,-0.08789,0.01232,0.08557,-0.03405,0.09548,-0.04746,0.01962,0.03512,-0.02872,-0.04055,0.01123,-0.02367,0.03473,0.06595,-0.02207,0.06553,0.06801,0.01497,-0.0695,-0.02759,0.05327,-0.01825,-0.00873,0.03001,0.01867,0.02799,-0.01003,-0.03092,0.00034,-0.01017,-0.07913,-0.02121,0.04497,0.01994,0.04629,-0.05079,-0.05943,0.04855,0.04465,0.03192,0,-0.05721,-0.00158,-0.02137,0.04391,0.10352,0.00528,-0.00793,-0.0305,-0.00176,-0.05349,-0.03742,0.04332,-0.04076,0.00822,-0.01658,-0.12836,0.0244,0.10676,-0.08504,-0.02006,0.06875,-0.01944,-0.01254,-0.03789,0.01615,-0.0513,-0.07877,0.04477,-0.06483,0.02074,-0.07378,0.01012,0.05835,0.03044,-0.12326,0.02088,-0.02011,-0.12539,-0.02956,-0.09284,-0.04434,0.07738,-0.06069,-0.03659,0.02622,-0.07253,-0.04799,0.03625,-0.01185,-0.00069,0.0489,0.05191,0.05916,0.01145,0.03812,-0.01619,0.05232,0.03887,0.02105,0.08309,0.0245,0.02923,-0.06499,0.05415,0.10651,0.09284,0.01829,0.00287,0.00533,-0.02104,-0.05066,0.08459,0.02576,0.03087,0.02554,-0.04288,-0.04257,-0.01819,-0.08601,-0.01251,-0.04028,0.01667,0.03004,0.05738,-0.01223,-0.08775,0.04829,0.01328,-0.05941,-0.00362,0.16185,-0.00354,0.11341,-0.01777,0.0312,0,-0.03416,0.0421,-0.02143,0.06326,0.02537,-0.00806,-0.02374,0.09452,0.01658,-0.11312,-0.02127,-0.04452,-0.03405,-0.03506,-0.051,-0.0195,0.00233,-0.10207,-0.00124,-0.03906,0.06757,0.0062,-0.0351,0.01446,0.01829,-0.00133,-0.04897,0.04891,-0.01723,-0.044,-0.02667,-0.05614,-0.10804,-0.01089,0.10484,-0.0506,-0.06334,0.10851,0.05229,0.04808,0.02568,0.0353,-0.11625,0.04103,-0.00556,0.06013,-0.03903,-0.04253,-0.0361,-0.02383,-0.066,0.05372,0.00594,0.00677,-0.01024,0.04729,0.05106,0.03918,-0.03843,-0.02235,0.03904,-0.11083,0.04021,-0.05724,0.05159,0.03654,-0.00498,-0.02052,0.03622,0.06516,0.09121,0.05762,-0.04686,-0.00516,0.03424,0.00494,0.03136,-0.05812,0.00722,0.08325,-0.12807,0.11721,0.00409,0.05905,0.05485,0.02925,-0.03042,0.03169,0.06071,0.07821,-0.02441,-0.00067,-0.0017,-0.01824,-0.01011,0,-0.10995,0.04533,-0.06987,0.05317,0.10132,-0.03995,0.07382,0.07193,-0.06113,0.04443,0.0249,0.03047,0.0507,-0.04106,0.05055,-0.04524,-0.0078,-0.04488,-0.06915,-0.0494,-0.0671,0.01609,-0.03083,0.09162,0.00003,-0.08136,0.01959,0.02973,-0.01383,0.00174,-0.04518,-0.00609,0.05908,0.08612,-0.07809,0.08521,-0.02053,0.06406,-0.02933,-0.03873,0.0034,-0.00766,0.03126,-0.00321,-0.00452,-0.0136,0.00263,0.04393,-0.01169,-0.02231,0.00539,0.00119,-0.00897,0.02072,0.07748,-0.0221,-0.047,0.01738,0.07602,0.03586,-0.09328,0.02986,-0.03391,0.01331],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Why Reflow on Resize Matters Real graphs do not have static node sizes. A node expands when its details panel opens. It shrinks when async data finishes loading. It grows when the user types a longer label. As soon as one node changes size, every other node nearby is suddenly in the wrong place — overlapping, blocking the path of an edge, breaking the carefully arranged columns. Up to v18.5.0, the answer was either \"trigger a full relayout after every size change\" or \"don't let nodes change size\". Both are workable. Neither feels right in a real editor. withReflowOnResize is the version of this problem I wanted to ship for a while. It watches every node in the canvas and, the moment a size changes, shifts the surrounding nodes so the layout stays clean. No manual relayout, no graph rebuild — the consumer model just receives the new positions through the standard (fMoveNodes) pipeline. with Reflow On Resize f Move Nodes","excerpt":"Why Reflow on Resize Matters Real graphs do not have static node sizes. A node expands when its details panel opens. It shrinks when async data finishes loading. It grows when the user types a longer label. As soon as one node changes size, every other node nearby is suddenly in the wrong place — overlapping, blocking the path of an edge, breaking the carefully arranged columns. Up to v18.5.0, the answer was either \"trigger a full relayout after every size change\" or \"don't let nodes change size\". Both are workable. Neither feels right in a real editor. withReflowOnResize is the version of this problem I wanted to ship for a while. It watches every node in the canvas and, the moment a size changes, shifts the surrounding nodes so the layout stays clean. No manual relayout, no graph rebuild — the consumer model just receives the new positions through the standard (fMoveNodes) pipeline."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#3","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.07894,-0.00378,-0.03325,0.08951,0.04786,0.06888,0.01395,0.03988,0.0128,0.02524,-0.03028,0.0146,-0.06952,-0.00528,-0.01267,0.00304,-0.03165,0.0412,-0.11082,-0.02479,-0.00074,-0.10097,-0.01449,-0.01737,-0.03628,0.0127,-0.07657,-0.02333,0.04811,-0.08346,0.04354,0.11665,-0.07715,0.00587,-0.0841,0.07532,0.02866,-0.01406,-0.07204,-0.03803,0.04899,0.04058,0.01204,-0.05821,0.01255,-0.00296,-0.03475,0.07009,-0.06552,-0.03347,0.01324,-0.07017,-0.02103,0.12152,0.04444,-0.01018,0.00386,-0.02702,0.0577,0.01894,-0.06695,-0.06283,0.00923,0.04345,-0.06803,0.02611,-0.10783,-0.03999,-0.03504,0.00855,0.03883,-0.00125,0.02731,0.00483,0.09783,-0.04016,-0.04553,0.09358,-0.00145,0.00062,0.04499,-0.00005,0.01187,0.00448,-0.00403,-0.00397,0.03286,-0.09057,0.01026,0.00342,-0.00685,0.08352,-0.04306,0.0243,0.02251,-0.04606,-0.11883,-0.04307,-0.0665,0.0241,0.05103,0.00231,0.06739,0.09001,-0.01413,-0.06862,-0.03889,0.08924,-0.00825,-0.00037,0.02354,-0.00416,0.08031,-0.054,-0.04755,-0.01982,-0.04294,-0.05524,-0.00869,0.0337,0.00019,0.08836,-0.03374,-0.10106,0.10625,0.05607,0.01118,0,-0.04564,-0.00953,-0.06865,0.05509,0.11369,-0.02222,0.02392,-0.06507,-0.0316,-0.0086,0.02765,0.0631,-0.06718,0.03293,0.0012,-0.10602,-0.01875,0.09835,-0.05444,0.00341,0.03323,-0.02251,-0.01634,-0.02026,0.0347,-0.03073,-0.06635,0.05706,-0.06676,0.00959,-0.02709,-0.00006,0.0155,-0.01375,-0.11288,0.02008,-0.03233,-0.08565,-0.05572,-0.05783,0.0318,0.01859,-0.09837,-0.01876,-0.00392,-0.07271,-0.00292,0.047,0.07348,-0.02406,0.0547,0.04938,0.06359,0.01103,0.0516,-0.02865,-0.02414,0.10556,0.05105,0.01683,0.0151,0.02326,-0.081,0.06829,0.0749,0.04484,0.06132,0.0224,0.03938,-0.01903,-0.06385,0.10687,0.03645,0.04752,0.01005,-0.04164,0.00287,0.00813,-0.01772,0.00182,-0.01166,0.02815,0.05498,0.08817,0.02728,-0.1211,0.00809,-0.02627,-0.04236,-0.06539,0.14732,-0.00025,0.08668,-0.0186,0.0344,0,-0.01076,0.01546,-0.00051,0.03656,0.00587,-0.02308,0.00741,0.09601,0.04729,-0.10866,0.00781,0.00203,0.02344,-0.03754,-0.00153,0.01937,-0.0711,-0.12835,0.02997,-0.04079,0.05144,-0.01009,-0.00744,-0.00218,-0.04066,0.02269,0.0156,0.05762,0.03511,-0.04759,0.01133,-0.0134,-0.12047,0.00059,0.0388,-0.06825,-0.06924,0.10086,0.03206,0.03007,0.01954,0.04514,-0.06675,-0.03673,-0.03303,0.03062,0.03714,-0.09148,-0.04413,-0.06015,-0.06878,0.03241,-0.0424,0.01406,-0.02262,0.04761,0.04372,-0.00629,-0.00005,-0.02792,0.06796,-0.10325,0.00116,-0.05808,0.0173,0.107,-0.02924,-0.01741,0.04484,0.06854,0.07763,-0.01169,0.00962,-0.03872,0.01506,0.05622,0.06993,-0.05101,0.02515,0.02957,-0.0469,0.06843,-0.03474,0.02852,0.06013,0.03895,-0.09539,0.00176,0.06708,0.08646,-0.06662,-0.05425,0.03044,0.00488,-0.00043,0,-0.09239,0.00065,-0.0618,0.02385,0.05361,-0.00923,0.05014,0.0296,-0.08012,0.04219,0.02987,0.0629,0.08956,-0.00644,0.085,0.01059,-0.02915,-0.01395,-0.04801,-0.09182,-0.03281,0.0254,0.06606,0.09104,0.0108,-0.04716,-0.02138,0.02454,-0.01901,-0.03452,-0.02218,0.03103,0.05713,0.06692,-0.05443,0.03891,-0.0558,0.06391,-0.01164,-0.03313,0.04074,-0.04555,0.01978,-0.01498,-0.08812,-0.01441,-0.00297,0.03227,-0.0414,0.02511,0.01129,0.03078,-0.02462,0.02438,0.08909,0.00201,-0.05468,0.0416,0.02259,-0.00904,-0.0638,0.04786,0.02737,-0.00945],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. How It Works Installation is one line: That is the whole installation. No directives to attach, no events to subscribe to. The plugin reacts to any size change. User-driven resize handles work too, but they are not the point — they are the easiest way to demonstrate each option. ::: ng-component <reflow-basics</reflow-basics [height]=\"600\" ::: Three nodes, no resize handles. The source grows when its inner block toggles open. The plugin notices and shifts the nodes underneath. Replace the toggle with any real-world driver — a collapsible card, lazy-loaded payload, dynamic text — and the behaviour is the same.","excerpt":"How It Works Installation is one line: That is the whole installation. No directives to attach, no events to subscribe to. The plugin reacts to any size change. User-driven resize handles work too, but they are not the point — they are the easiest way to demonstrate each option. ::: ng-component <reflow-basics</reflow-basics [height]=\"600\" ::: Three nodes, no resize handles. The source grows when its inner block toggles open. The plugin notices and shifts the nodes underneath. Replace the toggle with any real-world driver — a collapsible card, lazy-loaded payload, dynamic text — and the behaviour is the same."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#4","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.04367,-0.0385,-0.03634,0.04071,0.01565,0.02305,-0.02209,0.03659,0.03552,0.01048,-0.05466,-0.00605,-0.07012,-0.06236,-0.0137,-0.00805,-0.0507,0.01407,-0.0543,0.00199,-0.02181,-0.07046,-0.00301,-0.01356,-0.04193,0.02211,-0.03115,0.02712,0.05566,-0.06352,0.06324,0.17398,-0.08422,0.00609,-0.10493,0.08548,-0.0176,-0.03154,-0.05566,-0.03168,0.03136,0.07919,0.05974,-0.04308,0.00601,0.05397,-0.02973,0.05325,-0.07294,-0.01444,-0.04818,-0.0595,-0.0262,0.12339,0.03091,0.0609,0.05898,-0.00636,0.0567,0.00184,-0.01151,-0.02344,-0.01825,0.02238,-0.03934,0.04273,-0.03264,-0.00336,-0.00761,0.0112,0.02743,-0.02887,-0.01146,-0.00876,0.15034,-0.02439,-0.01614,0.01156,0.01015,-0.06464,0.00489,0.02698,0.00588,0.02045,0.01045,-0.04749,-0.02607,-0.04653,0.07114,0.06866,0.00087,0.0639,-0.03842,-0.02417,0.00274,-0.02877,-0.07549,-0.07727,-0.01435,0.02697,0.02257,-0.01507,0.0687,0.09683,0.02027,-0.05887,-0.02407,0.0233,-0.05353,0.00065,0.00043,0.00606,0.0877,-0.03382,-0.0609,-0.00515,-0.04353,0.00185,0.00068,0.03714,-0.04965,0.02197,-0.01602,-0.02673,0.06654,0.01934,-0.05313,0,-0.03715,-0.05155,-0.02492,0.06331,0.0994,-0.02119,0.00081,-0.06386,-0.02298,-0.01502,-0.00601,0.01685,-0.02294,0.04507,0.05946,-0.1474,0.00816,0.09265,-0.11032,-0.03311,0.06764,-0.0359,-0.04203,-0.07323,0.03217,0.06185,-0.05514,0.03684,-0.06564,0.01942,-0.09374,0.02402,-0.00712,0.01991,-0.03675,0.10497,-0.06036,-0.10575,-0.0263,-0.03551,-0.006,0.00764,-0.07917,-0.02824,0.0379,-0.05445,-0.03582,0.05682,-0.00162,0.00263,0.06116,0.03746,0.0492,-0.00137,0.06868,-0.03515,0.01517,0.0547,0.04406,0.10264,0.04534,0.03072,-0.06726,0.06335,0.10022,0.06513,-0.00847,0.01308,0.09083,-0.01357,-0.07092,0.10565,0.04567,0.04178,-0.0186,-0.01832,-0.0428,-0.02691,-0.03131,-0.00453,-0.07471,0.0698,0.01959,0.03736,0.03003,-0.09175,0.01091,-0.01,-0.07536,0.013,0.10469,-0.03637,0.07335,0.03991,0.02371,0,-0.02801,0.00739,0.02434,0.02938,0.0225,-0.06235,0.03131,-0.00768,0.06107,-0.08788,-0.04702,-0.00928,-0.00613,-0.07397,0.05525,-0.02807,-0.01626,-0.1264,0.0105,-0.05639,0.05174,-0.05426,-0.04929,-0.00461,-0.00476,-0.01149,-0.00383,0.03988,0.00385,-0.02122,-0.04084,-0.04486,-0.07955,-0.03013,0.08879,0.00275,-0.10237,0.1127,-0.009,0.02394,0.01921,0.05397,-0.07979,0.03473,0.01339,0.07083,-0.00916,-0.02723,-0.06777,-0.03882,-0.04456,0.04038,-0.04112,-0.04211,-0.03535,0.09883,0.04348,0.017,0.01106,-0.04807,0.05381,-0.08403,0.03458,0.00492,0.03519,0.06719,-0.00927,-0.02644,0.04582,0.04825,0.1207,0.01404,-0.00101,-0.02719,0.02322,-0.0286,0.05856,-0.00426,0.01437,0.06649,-0.06499,0.08956,0.00243,0.08618,-0.01923,0.06664,-0.08093,0.00352,0.04558,0.04757,-0.02309,-0.04228,0.02794,-0.04043,-0.04643,0,-0.13867,0.01096,-0.09073,0.03183,0.07488,-0.00262,0.04244,0.02615,-0.05598,0.04263,0.03026,0.05048,0.04654,-0.0113,0.04607,-0.03052,-0.00772,-0.05528,-0.08053,-0.08009,-0.06033,-0.01105,-0.00036,0.11394,0.00766,-0.0544,-0.07598,0.03388,0.05339,0.02103,-0.01606,0.01862,0.07729,0.12045,-0.01779,0.09672,-0.04511,0.06109,-0.03184,-0.01791,0.02909,-0.04298,0.00092,0.02119,-0.06164,0.03036,0.02236,0.02548,-0.02796,-0.04621,-0.01178,0.04094,0.0051,0.06901,0.06311,0.04021,-0.04847,-0.05164,0.04707,0.00981,-0.11362,0.03107,-0.02968,0.01058],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Mode and Scope: Who Moves, How Far The behaviour is configurable because \"shift nearby nodes\" is too vague for real layouts. The planner combines a mode, a scope, an axis, a delta source, and a collision resolver. Each knob picks one decision and stays out of the way of the others. Two of them carry most of the user-facing weight: mode and scope. mode decides which nodes are eligible to shift when the source resizes:","excerpt":"Mode and Scope: Who Moves, How Far The behaviour is configurable because \"shift nearby nodes\" is too vague for real layouts. The planner combines a mode, a scope, an axis, a delta source, and a collision resolver. Each knob picks one decision and stays out of the way of the others. Two of them carry most of the user-facing weight: mode and scope. mode decides which nodes are eligible to shift when the source resizes:"},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#5","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.06964,-0.01647,-0.09081,-0.00119,0.03673,0.01696,-0.03066,0.05731,0.05329,0.03134,-0.02378,0.02025,-0.07082,-0.01218,-0.01447,-0.01296,-0.07837,0.06815,-0.07401,-0.0029,-0.02875,-0.07235,0.00116,-0.01752,-0.00816,0.0332,-0.05179,0.0224,0.05915,-0.09323,0.05559,0.15012,-0.08424,0.04315,-0.1066,0.08931,0.033,0.00366,-0.04705,-0.02249,0.08162,0.03573,0.05049,-0.07556,-0.04161,0.02205,-0.05532,0.02563,-0.06993,-0.01498,-0.00819,-0.09472,-0.06059,0.14402,0.0307,0.04292,-0.00837,-0.05249,0.09211,0.02045,-0.02166,-0.03624,0.01128,0.0395,-0.0308,0.02115,-0.09482,0.0073,-0.04395,0.04614,0.0591,-0.03674,-0.0009,-0.0554,0.05745,0.04016,-0.00469,0.06265,0.00197,-0.0093,0.0349,0.04123,0.02395,0.0144,-0.04713,-0.00733,0.00929,-0.06122,-0.00008,-0.00807,-0.02599,0.07846,-0.00929,0.03481,0.05064,-0.04115,-0.05586,-0.05299,-0.06096,0.02863,0.03712,-0.00174,0.04606,0.05252,-0.03552,-0.06115,-0.04509,0.09877,-0.02796,-0.04431,-0.00453,0.02392,0.03093,-0.04073,-0.05656,-0.03271,-0.02969,-0.0916,-0.00172,0.02263,-0.00206,0.08607,-0.04255,-0.03599,0.10405,0.05968,0.01654,0,-0.05616,0.04383,-0.0512,0.00901,0.11475,0.01815,-0.01706,-0.05788,-0.01622,0.03984,-0.01082,0.05896,-0.09241,-0.02594,-0.02531,-0.10348,0.00951,0.08706,-0.11401,-0.00491,0.0442,-0.05582,-0.03628,-0.02729,0.04545,-0.05229,-0.08254,0.01205,-0.07934,0.00581,-0.03605,0.01244,0.0362,-0.01927,-0.07805,0.04525,-0.04438,-0.06432,-0.05173,-0.01171,0.03628,0.00909,-0.08114,-0.01465,0.0388,-0.02484,-0.04769,0.01055,0.07091,-0.01371,0.02483,0.07011,0.07804,0.01525,0.08141,-0.04421,0.00647,0.12213,0.04713,0.04113,0.01918,0.01406,-0.08354,0.04196,0.06637,0.04578,-0.00623,0.01336,0.06875,-0.01597,-0.08812,0.08854,0.04843,0.08574,-0.01869,-0.02346,-0.024,0.01991,0.03325,-0.00922,-0.01941,0.09368,0.03464,0.04584,0.01441,-0.10059,0.00369,-0.0406,-0.0908,-0.04222,0.08392,-0.01465,0.08571,-0.01229,0.02501,0,-0.00453,0.03974,0.00578,0.02467,0.0273,-0.02738,0.07266,0.05354,0.02926,-0.06848,0.03299,0.02058,0.00845,-0.0524,0.01947,-0.00139,-0.05999,-0.10137,0.02942,-0.08083,0.07482,-0.02382,0.01618,0.01613,-0.00013,0.02553,0.03122,-0.00855,0.04398,-0.04812,-0.01915,-0.0177,-0.06604,-0.05054,0.03491,-0.03775,-0.07101,0.09374,0.05508,-0.01539,0.01273,0.08341,-0.07846,-0.01193,-0.03967,0.04303,0.03958,-0.06313,-0.0612,-0.0378,-0.10069,0.06945,-0.02206,-0.00349,-0.00749,0.05621,0.04277,0.0026,-0.00625,-0.06157,0.0487,-0.08435,0.01418,-0.08663,0.05115,0.07918,-0.01841,-0.00944,0.04827,0.07857,0.08579,-0.0004,-0.02392,-0.00289,0.01953,0.01443,0.06994,-0.046,0.04564,0.04216,-0.07805,0.08945,-0.02663,0.05577,0.07969,0.01339,-0.04295,0.01794,0.08935,0.05088,-0.06756,-0.07998,0.04041,-0.01965,0.02157,0,-0.11465,-0.024,-0.0758,0.05109,0.04145,-0.02677,0.03579,0.03104,-0.04373,0.01865,-0.01122,0.08789,0.00832,-0.01034,0.04713,0.00383,-0.04106,-0.01876,-0.04398,-0.07366,-0.03965,0.01621,0.04209,0.0816,-0.02496,-0.03419,-0.04666,0.0446,0.00721,-0.02969,-0.03632,0.03301,0.07334,0.07184,-0.06155,0.03133,-0.05523,0.08742,-0.06581,-0.04108,0.02675,-0.07181,0.07948,0.00063,-0.05487,0.04163,-0.00425,0.08448,-0.01499,-0.03443,-0.00132,0.03693,-0.03613,0.01064,0.05978,0.01612,-0.05329,0.03225,0.05005,-0.03557,-0.06139,0.03915,-0.02014,-0.05434],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. - CENTEROFMASS (default) — every node whose centre lies past the source's centre on the resize axis. No connection or column alignment required. - XRANGE — same idea, narrowed to nodes that overlap the source on the perpendicular axis. Useful for column-based layouts where a vertical resize should only push the same column. - DOWNSTREAMCONNECTIONS — only nodes reachable from the source via outgoing connections. Pipeline-style editors rely on this so a resize doesn't disturb unrelated branches. ::: ng-component <reflow-mode</reflow-mode [height]=\"600\" :::","excerpt":"- CENTEROFMASS (default) — every node whose centre lies past the source's centre on the resize axis. No connection or column alignment required. - XRANGE — same idea, narrowed to nodes that overlap the source on the perpendicular axis. Useful for column-based layouts where a vertical resize should only push the same column. - DOWNSTREAMCONNECTIONS — only nodes reachable from the source via outgoing connections. Pipeline-style editors rely on this so a resize doesn't disturb unrelated branches. ::: ng-component <reflow-mode</reflow-mode [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#6","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05241,-0.03705,-0.05076,0.01584,0.04134,0.01856,-0.02343,0.02108,0.031,-0.0099,-0.03916,-0.00982,-0.06507,-0.03416,-0.01529,-0.00925,-0.06569,0.02854,-0.04671,-0.01628,-0.01799,-0.10509,-0.00944,-0.03479,0.00324,0.01735,-0.0529,-0.01306,0.05728,-0.07273,0.07108,0.16804,-0.08117,0.01638,-0.03432,0.08567,-0.01083,-0.02956,-0.07573,-0.0164,0.0305,0.09651,0.03242,-0.03476,-0.01685,0.03362,-0.03345,0.03094,-0.0289,0.01582,-0.03058,-0.10363,-0.04543,0.15341,0.06115,0.03899,0.04211,-0.02752,0.06526,0.02096,-0.00348,-0.03043,-0.0098,0.05913,-0.02125,0.05348,-0.06448,0.03366,-0.04066,0.00497,0.04672,0.01488,0.00523,-0.03007,0.09441,0.03267,-0.01339,0.04004,-0.00249,-0.0633,0.02865,0.02656,0.00044,0.03184,0.00416,0.00423,-0.01869,-0.07195,0.01867,0.08223,-0.03311,0.08512,-0.02488,0.00998,0.04542,-0.07787,-0.05945,-0.0647,-0.02455,0.03689,0.03337,-0.04458,0.06644,0.05976,-0.00587,-0.02766,-0.02088,0.06532,-0.00645,-0.00288,-0.02282,0.04152,0.06504,-0.05013,-0.04119,-0.03509,-0.01183,-0.04935,0.00545,0.03088,-0.01134,0.04868,-0.00339,-0.04877,0.05144,0.03354,-0.04669,0,-0.02096,-0.03866,-0.03168,0.08263,0.10807,-0.0129,0.01282,-0.0388,-0.06942,-0.00328,-0.05137,0.03398,-0.06501,0.0148,0.01702,-0.1233,0.01995,0.08138,-0.09267,0.00972,0.04749,-0.06186,-0.02551,-0.04294,0.02292,0.018,-0.08368,0.02451,-0.07713,0.03457,-0.10496,0.0049,0.04337,0.01411,-0.09015,0.03857,-0.04521,-0.07702,-0.03569,-0.04101,0.0146,0.01765,-0.07861,-0.05062,0.07902,-0.05747,-0.07985,0.03929,0.01896,0.02833,0.0378,0.03494,0.03778,-0.01805,0.0646,-0.04184,-0.01117,0.06234,0.02335,0.07653,0.05507,0.06797,-0.09229,0.06909,0.09565,0.10294,-0.00262,0.00714,0.02066,-0.02817,-0.10468,0.12075,0.00644,0.04998,-0.00882,-0.04619,-0.05195,0.01161,-0.01008,0.01773,-0.06266,0.0431,0.00244,0.01768,0.00058,-0.05925,0.02058,-0.03101,-0.08316,0.01312,0.13208,-0.05707,0.1135,-0.00576,0.01869,0,-0.03592,0.02553,0.00845,0.00751,0.04878,-0.02676,0.04429,0.04631,0.03459,-0.03227,-0.02542,0.02335,-0.01701,-0.07815,0.02306,-0.02985,0.00982,-0.1234,-0.01057,-0.05508,0.05155,-0.04296,-0.00799,-0.02184,0.01156,0.01065,-0.00925,0.0204,0.04428,-0.02295,-0.01998,-0.0129,-0.11803,-0.00685,0.06324,-0.0156,-0.07948,0.07978,0.01892,-0.01403,0.02048,0.04215,-0.12354,0.00029,-0.027,0.08709,-0.0358,-0.0471,-0.09114,-0.0255,-0.08428,0.04784,-0.02706,-0.02101,-0.01227,0.05468,0.07476,0.0318,-0.01842,-0.03853,0.07939,-0.1185,-0.00945,-0.01638,0.02141,0.05488,-0.02379,0.05035,0.02122,0.0812,0.10719,0.04911,-0.0272,-0.0046,0.0138,0.00745,0.04609,-0.04107,0.02704,0.07385,-0.0715,0.09673,0.0009,0.10228,0.06796,0.04923,-0.05532,-0.01359,0.06974,0.04233,-0.06588,-0.05392,0.03662,-0.00841,0.00402,0,-0.14361,0.00972,-0.0522,0.02494,0.04242,-0.01345,0.0221,0.05426,-0.02474,0.02601,-0.00325,0.05723,0.08016,-0.02454,0.05019,-0.04126,0.00006,-0.04197,-0.04641,-0.07744,-0.05946,-0.01021,0.01477,0.11904,-0.01729,-0.07327,-0.01729,0.01467,0.00174,-0.02266,-0.03028,0.02844,0.00739,0.10997,-0.06131,0.07708,-0.04327,0.09005,-0.0434,-0.00561,-0.01181,-0.00936,0.04114,0.00238,-0.05923,0.03173,0.03586,0.01221,-0.04788,-0.02921,0.00397,0.04946,-0.04657,0.04832,0.06812,0.00644,-0.03904,-0.0047,0.03337,0.00208,-0.11351,0.05512,-0.01691,-0.00909],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. scope decides how far the plan is allowed to look — same source resize, different blast radius: - GLOBAL (default) — every node and group on the canvas is eligible. - GROUP — restricted to the source's siblings. Use it when each group should behave like an isolated workspace. - CONNECTEDSUBGRAPH — BFS from the source over connections in both directions. Disconnected islands stay still.","excerpt":"scope decides how far the plan is allowed to look — same source resize, different blast radius: - GLOBAL (default) — every node and group on the canvas is eligible. - GROUP — restricted to the source's siblings. Use it when each group should behave like an isolated workspace. - CONNECTEDSUBGRAPH — BFS from the source over connections in both directions. Disconnected islands stay still."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#7","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.00695,-0.03041,-0.09611,-0.00506,-0.02157,0.03881,-0.05438,0.06162,0.05686,-0.01721,-0.05447,0.00806,-0.06657,-0.0271,-0.02181,0.00134,-0.05708,0.08564,-0.08457,-0.04624,-0.04766,-0.09577,-0.00385,0.00702,-0.02923,0.06289,-0.05545,0.06926,0.01966,-0.0702,0.01979,0.1408,-0.05217,0.0582,-0.02636,0.0839,-0.00758,0.01542,-0.05915,-0.02181,0.03325,0.044,0.05855,-0.01761,-0.03855,0.00388,-0.03142,0.01702,-0.05279,0.02316,0.02031,-0.04137,0.01078,0.1696,0.04435,0.0289,-0.00498,-0.06784,0.0317,0.02428,-0.04118,0.00991,0.04748,0.02723,-0.08082,0.07908,-0.08316,0.00862,-0.00517,0.01501,0.04241,-0.02461,0.00369,-0.0063,0.0696,0.01711,0.01345,0.02688,0.00926,-0.03636,0.01862,0.0316,-0.00907,0.0137,-0.02386,-0.01131,-0.00827,-0.08602,0.00217,0.03405,-0.02683,0.06358,-0.01876,-0.03107,0.03913,-0.09267,-0.04084,-0.08352,-0.08556,0.02301,0.05347,-0.01579,0.07355,0.05907,-0.00559,-0.0758,-0.05396,0.07724,-0.04359,-0.05008,-0.00022,0.01145,0.06528,-0.02526,-0.053,-0.02602,-0.03019,-0.08438,-0.01314,0.01202,0.02049,0.06211,-0.05398,-0.05212,0.06371,0.04449,-0.03983,0,-0.05936,0.02516,-0.00289,0.07161,0.12579,-0.01989,0.01356,-0.02221,-0.01708,-0.02,-0.00134,0.05455,-0.06726,0.02891,-0.06305,-0.09368,-0.02646,0.10176,-0.10272,-0.0063,0.05389,-0.05403,-0.02404,-0.00774,0.0334,-0.05596,-0.07178,0.04092,-0.05646,0.01604,-0.10564,-0.01807,0.02285,0.00261,-0.11144,0.03568,-0.03993,-0.0632,0.03205,-0.02577,0.0195,0.02166,-0.04603,-0.05456,0.08056,0.01534,-0.02097,0.04381,0.03403,-0.07116,0.11124,0.038,0.11894,0.004,0.08859,-0.08301,0.01179,0.07679,0.05559,0.04792,-0.0416,0.0394,-0.10035,0.06651,0.09491,0.07459,-0.02297,0.03626,0.05281,-0.01808,-0.04297,0.11029,0.03807,0.0463,-0.03448,-0.02459,0.00137,-0.0291,-0.02819,-0.00168,-0.0449,0.04528,0.02954,0.02042,0.01779,-0.0689,0.02928,-0.02062,-0.08748,-0.01952,0.09883,-0.01463,0.12893,0.02454,0.05786,0,-0.0069,0.02689,0.027,0.01832,0.06721,-0.02601,0.01098,0.04587,0.0322,-0.07615,0.00913,-0.02873,-0.01997,-0.10163,0.03455,-0.00965,-0.04553,-0.07617,0.02213,-0.03041,0.06141,-0.01794,-0.00695,0.02835,0.00449,-0.03682,-0.02435,0.02014,0.04508,-0.02564,-0.02374,-0.04769,-0.06825,-0.02527,0.08794,-0.04258,-0.08756,0.05832,0.07984,0.05085,-0.03088,0.03637,-0.08099,0.01606,0.01248,0.1005,0.01507,-0.05701,-0.04582,-0.06345,-0.08857,0.04814,-0.0402,-0.00168,0.0043,0.09991,0.08574,0.00721,-0.03232,-0.05926,-0.00886,-0.09194,0.04704,-0.04049,0.04094,0.05354,0.00546,-0.00412,-0.01925,0.08378,0.06404,0.02081,-0.04177,0.03508,0.05401,-0.02121,0.03806,-0.04199,0.01935,0.0687,-0.10217,0.04322,0.01462,0.06719,0.03305,0.02938,-0.04469,0.00889,0.05899,0.07838,-0.0568,-0.08121,0.04628,-0.04762,-0.02776,0,-0.08293,0.00742,-0.04545,0.00811,0.0276,-0.03495,0.0313,0.0723,-0.00956,0.0189,0.00879,0.06083,0.04005,-0.02842,0.02774,-0.02012,-0.02846,-0.03359,-0.02979,-0.12052,0.02127,0.02904,0.04866,0.09492,-0.02104,-0.07202,-0.07263,0.01442,0.01622,-0.02428,-0.0114,0.01677,0.07408,0.10225,0.00288,0.01031,-0.01637,0.09457,-0.06324,-0.0424,0.03856,-0.04566,-0.01068,-0.01542,-0.05453,0.0271,0.0173,0.03204,-0.03354,-0.01613,0.02683,0.05537,-0.00769,0.04056,0.01849,0.04165,-0.06473,0.02392,0.0484,-0.01872,-0.07722,0.08769,-0.03405,-0.01072],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. That sounds like a lot of options for one feature, but it matters in real editors. A vertical resize inside a column-based architecture diagram should only push the same column. A resize inside a workflow group shouldn't disturb a sibling group three columns away. The same plugin covers both — you just pick the knob.","excerpt":"That sounds like a lot of options for one feature, but it matters in real editors. A vertical resize inside a column-based architecture diagram should only push the same column. A resize inside a workflow group shouldn't disturb a sibling group three columns away. The same plugin covers both — you just pick the knob."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#8","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.03512,-0.01093,-0.02238,-0.01572,0.0793,0.03749,-0.03487,0.04693,0.08579,-0.01902,-0.01595,0.00151,-0.03087,-0.07892,-0.0269,-0.02008,-0.02149,0.03287,-0.05821,0.00306,-0.00831,-0.10248,-0.01615,-0.00926,-0.05446,0.00905,-0.06124,0.00252,0.04277,-0.09197,0.03877,0.13188,-0.08073,0.03732,-0.08864,0.06182,0.00213,-0.01754,-0.05705,0.00151,0.0233,0.04725,0.04704,-0.03311,0.00843,0.0491,-0.05223,0.02048,-0.08137,0.04792,-0.04824,-0.04134,0.01434,0.13621,0.03876,0.07881,0.03423,-0.02777,0.07035,0.03493,0.03462,-0.00486,-0.00153,0.04225,-0.0435,0.00136,-0.02881,0.02097,0.00161,0.09,0.0355,0.00785,-0.0162,-0.01531,0.12146,0.04348,-0.01934,0.02245,-0.00393,-0.07491,0.00621,0.01648,0.04049,-0.04149,0.0043,-0.02187,-0.05316,-0.04002,0.0259,0.06875,-0.01889,0.01924,-0.03941,0.00899,0.07006,-0.00349,-0.0752,-0.06282,-0.00828,0.05236,0.04786,-0.02916,0.02698,0.05943,0.0292,-0.02272,-0.07222,0.04894,-0.05336,-0.01837,0.02717,0.01682,0.05443,-0.03352,-0.08434,0.01134,-0.03825,-0.0352,0.01975,-0.00736,-0.00525,0.06207,-0.01577,-0.00844,0.02174,0.02955,-0.07233,0,-0.00657,-0.03414,-0.04118,-0.01945,0.0908,-0.02343,-0.04661,-0.06051,-0.01439,-0.00502,-0.01373,0.00653,-0.01712,0.01368,0.00941,-0.13034,-0.00425,0.08191,-0.11785,-0.04922,0.05613,-0.04529,-0.00732,-0.05251,0.01396,0.06646,-0.06644,0.01282,-0.06955,0.04443,-0.1062,-0.01461,0.0567,0.01299,-0.01839,0.0552,-0.02891,-0.14467,-0.03731,-0.0579,-0.01985,0.02315,-0.09465,-0.03213,0.02841,-0.06032,-0.0242,0.07499,0.00974,0.0081,0.05071,0.01387,0.06221,-0.03684,0.00526,-0.03739,-0.0018,0.02541,-0.00121,0.07798,0.02444,0.02049,-0.06655,0.03606,0.07023,0.1331,-0.01965,0.02056,0.0431,-0.02532,-0.07146,0.10569,0.03423,0.0516,0.01286,0.02156,-0.07681,-0.04402,-0.0403,0.00849,-0.07619,0.07309,0.00402,0.0294,0.02064,-0.09793,0.04496,-0.03442,-0.06301,-0.01176,0.13852,-0.04596,0.11127,0.04769,0.02396,0,-0.04038,0.05944,0.04035,0.00934,0.06227,-0.03893,0.03566,0.03789,0.03176,-0.11881,-0.03579,-0.0048,-0.07605,-0.0416,0.03487,-0.05174,-0.00892,-0.0541,-0.03882,-0.0331,0.07467,-0.03903,-0.06333,0.03063,0.03383,0.0037,0.0149,0.01372,0.00908,-0.04019,-0.02251,-0.02288,-0.08371,-0.05995,0.10173,-0.00406,-0.09617,0.06252,0.03399,0.02057,0.00637,0.03245,-0.09634,0.01561,-0.01753,0.09172,-0.05889,-0.00905,-0.04023,-0.02599,-0.08275,0.07869,-0.00414,-0.01174,-0.02483,0.09904,-0.00284,0.07809,-0.02608,-0.05356,0.04081,-0.04887,0.02095,0.00364,0.09398,0.03926,-0.02465,-0.04466,-0.04089,0.08614,0.09195,0.05913,-0.03557,-0.0016,0.03878,-0.01952,0.04117,-0.05446,0.00506,0.08529,-0.09433,0.05233,0.02762,0.0677,0.0342,0.02824,-0.07342,0.03272,0.05702,0.03119,-0.01222,-0.04937,-0.00682,-0.0065,-0.01385,0,-0.10697,0.01331,-0.11931,0.00365,0.05266,0.03163,0.06657,0.05425,-0.05771,-0.00404,0.05168,0.08978,0.0094,-0.05106,-0.0063,-0.05529,-0.02988,-0.05306,-0.07079,-0.0689,-0.05413,0.0006,0.00492,0.09403,-0.03676,-0.06644,0.00369,0.06824,0.05552,-0.03542,-0.00628,0.0075,0.06304,0.09869,-0.03192,0.13872,-0.05478,0.10036,-0.01107,0.04977,0.02424,-0.01645,0.04576,0.00611,-0.02462,0.05245,-0.02446,0.06595,-0.0292,-0.0445,-0.05558,0.02651,-0.03498,0.03776,0.04772,0.00517,-0.058,-0.00644,0.02619,-0.00546,-0.0525,0.03709,0.01021,-0.00335],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Collision and Pinned Nodes When a shifting candidate would overlap a stationary node, collision decides who gives way: - STOP (default) — the shifting candidate is clamped at the spacing line in front of the anchor. The remainder of the delta is dropped. - CHAINPUSH — the anchor is absorbed into the plan and pushed too. Bounded by maxCascadeDepth. Useful for dense layouts where you'd rather everything cascade than have shifts visually disappear. For nodes that should always stay pinned regardless of what the rest of the graph does — annotations, legend labels, stats panels — the new fReflowIgnore directive is the explicit opt-out: fReflowIgnore nodes never receive a primary shift, but they stay visible to the collision resolver as obstacles. That distinction matters more than it sounds — a \"stationary but visible\" anchor is what makes CHAINPUSH useful in a layout that has a fixed legend. max Cascade Depth f Reflow Ignore","excerpt":"Collision and Pinned Nodes When a shifting candidate would overlap a stationary node, collision decides who gives way: - STOP (default) — the shifting candidate is clamped at the spacing line in front of the anchor. The remainder of the delta is dropped. - CHAINPUSH — the anchor is absorbed into the plan and pushed too. Bounded by maxCascadeDepth. Useful for dense layouts where you'd rather everything cascade than have shifts visually disappear. For nodes that should always stay pinned regardless of what the rest of the graph does — annotations, legend labels, stats panels — the new fReflowIgnore directive is the explicit opt-out: fReflowIgnore nodes never receive a primary shift, but they stay visible to the collision resolver as obstacles. That distinction matters more than it sounds — a \"stationary but visible\" anchor is what makes CHAINPUSH useful in a layout that has a fixed legend."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#9","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05655,-0.0365,-0.08523,0.068,-0.00806,0.04701,-0.01313,0.10425,0.02691,-0.01028,-0.02727,0.00426,-0.07104,-0.06278,-0.01486,-0.01029,-0.03644,0.0135,-0.05542,0.01305,-0.03379,-0.06621,0.00833,0.0051,-0.07906,0.01134,-0.07741,-0.00013,0.03165,-0.04694,0.02773,0.12953,-0.05123,0.04856,-0.07192,0.05404,0.02704,-0.048,-0.07988,-0.01298,0.02409,0.06819,0.0443,-0.02196,-0.03397,0.02275,0.02117,-0.01821,-0.0669,0.01382,0.01689,-0.05507,0.02608,0.08704,0.05021,0.04659,0.06442,-0.01057,0.04104,0.0712,-0.05138,-0.0011,-0.01775,0.05292,-0.06297,0.07444,-0.06313,0.01664,0.00462,-0.0228,-0.01416,-0.00348,0.0259,-0.00819,0.06148,-0.03023,-0.04884,0.01794,-0.02702,-0.07382,0.04257,0.00449,0.01168,0.01956,0.0172,0.01271,0.0265,-0.07189,0.05495,0.09868,-0.034,0.05511,-0.03394,-0.04138,0.05267,-0.0608,-0.03818,-0.06223,-0.07844,0.02641,0.01329,-0.02422,0.07708,0.10316,0.03631,-0.0784,-0.0104,0.03325,-0.03249,-0.03089,0.00991,0.00527,0.10066,-0.05029,0.01862,-0.03476,-0.01955,-0.07344,0.00029,0.01086,0.0145,0.02578,-0.02401,-0.02505,0.06964,0.06077,-0.03834,0,-0.01611,-0.02825,-0.02809,0.08295,0.09448,0.02185,0.04791,-0.02586,-0.03779,-0.02033,0.03951,0.01566,-0.06295,0.0655,0.00312,-0.13841,-0.00777,0.08869,-0.07094,-0.04016,0.07667,-0.0507,-0.04424,-0.04462,0.04373,0.01272,-0.05544,0.07952,-0.03854,0.02409,-0.06953,-0.03509,0.01254,0.00441,-0.08394,0.00939,-0.07403,-0.05863,-0.00259,-0.04578,-0.01532,-0.01222,-0.0808,-0.05585,0.03662,-0.04996,-0.07088,0.07468,0.03832,-0.02164,0.0448,0.07158,0.05305,0.02065,0.0361,-0.06158,-0.02712,0.03754,0.02728,0.07832,-0.00364,0.08319,-0.10909,0.03646,0.06258,0.07485,0.04306,-0.00197,0.02365,-0.04481,-0.07407,0.06415,-0.01398,0.05559,0.00646,-0.02119,-0.01723,-0.00989,-0.05475,-0.02958,-0.03359,0.05456,0.02804,0.06786,0.05142,-0.09488,0.02051,-0.04898,-0.07278,-0.00608,0.1151,-0.04702,0.10024,0.02511,-0.0009,0,0.0098,-0.01706,-0.01528,0.06514,0.0345,-0.02849,0.00619,0.06647,0.07054,-0.0836,0.00732,-0.00401,-0.0064,-0.07728,0.04088,-0.00871,-0.09479,-0.09863,0.03303,-0.04415,0.04207,-0.05847,0.0005,-0.01518,-0.02669,-0.00774,-0.02642,0.07729,-0.00255,-0.05589,-0.01928,0.00911,-0.11072,-0.02862,0.04359,-0.051,-0.0823,0.07894,0.00246,0.06984,0.03354,0.06159,-0.07829,0.04083,-0.01724,0.08776,-0.05212,-0.0991,-0.03052,-0.02926,-0.08078,0.01452,-0.00603,-0.00341,-0.03033,0.05486,0.08081,0.03954,-0.04889,-0.01153,0.07104,-0.12118,0.02832,-0.03498,0.02911,0.06438,-0.00378,0.06086,0.02089,0.06762,0.11045,-0.01909,-0.04597,-0.00526,0.01575,0.01587,0.05915,-0.07464,0.02125,0.08116,-0.07381,0.07635,0.01985,0.03457,0.01269,0.02742,-0.05385,0.02683,0.07915,0.05586,-0.06568,-0.03663,0.03683,0.00233,-0.01652,0,-0.11702,0.02506,-0.00481,0.03092,0.04309,0.01489,0.0538,0.03777,-0.08365,-0.00369,0.02053,0.04564,0.05251,-0.02837,0.04164,-0.02496,-0.05624,-0.00275,-0.04874,-0.09689,-0.01784,0.04679,0.0454,0.09087,-0.00242,-0.04121,0.00625,0.02767,0.01099,0.00932,0.01241,0.04346,0.05862,0.09414,-0.08602,0.08575,-0.07195,0.08834,-0.03974,-0.01083,0.00776,-0.04262,-0.02724,-0.0064,-0.06323,0.01994,0.04194,0.04984,-0.02701,-0.00735,-0.0166,0.09662,0.0007,0.09002,0.05953,0.01838,-0.05092,0.0014,0.02402,0.02126,-0.14768,0.03263,0.01301,0.01146],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Runtime Control Static configuration covers the common case. For editors that want to expose the knobs to end users — a settings panel, a debugging overlay, an A/B test — FReflowController is the runtime entry point: Every knob can be changed at runtime. No re-provisioning the plugin, no rebuilding the flow. F Reflow Controller","excerpt":"Runtime Control Static configuration covers the common case. For editors that want to expose the knobs to end users — a settings panel, a debugging overlay, an A/B test — FReflowController is the runtime entry point: Every knob can be changed at runtime. No re-provisioning the plugin, no rebuilding the flow."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#10","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.06354,-0.04608,-0.06446,0.03057,0.02576,0.03038,-0.01803,0.06138,0.02039,0.02889,-0.00334,0.01746,-0.05743,-0.00815,-0.02077,-0.00535,-0.05456,-0.0087,-0.07807,-0.0113,-0.00307,-0.10291,-0.02578,-0.03704,-0.01142,0.01901,-0.08377,0.01591,0.05994,-0.07058,0.04118,0.12846,-0.09788,0.01924,-0.05006,0.10993,0.01552,-0.06776,-0.0626,-0.00699,0.03276,0.06161,0.026,-0.01727,0.01414,0.00932,-0.02463,0.03931,-0.05178,-0.00095,-0.01419,-0.03043,-0.03417,0.16123,0.06499,0.07226,0.03049,-0.02053,0.04261,0.02754,-0.02949,-0.04268,0.00724,0.02682,-0.1031,0.0256,-0.07743,-0.03525,0.01154,-0.01669,0.03375,0.00409,0.00826,-0.0286,0.09226,-0.0312,-0.00828,0.08576,0.00366,-0.05297,0.04171,-0.01207,0.01723,-0.01001,-0.01443,-0.03043,-0.03333,-0.10345,0.03262,0.08227,0.01695,0.08711,-0.02679,0.012,0.0515,-0.05199,-0.06123,-0.01502,-0.03731,0.04263,0.02868,-0.00837,0.00956,0.05713,-0.00728,-0.06001,-0.0508,0.05798,-0.05344,0.01443,0.00032,0.01002,0.08288,-0.02489,-0.02228,-0.02663,-0.04649,-0.08394,-0.0259,0.01507,-0.02227,0.06141,0.01588,-0.0422,0.04866,0.03468,-0.01968,0,-0.04359,-0.05086,-0.02304,0.04228,0.06986,-0.01302,0.01338,-0.02114,-0.02347,-0.04558,-0.03089,0.05585,-0.0612,0.01332,0.00358,-0.10668,0.00795,0.07351,-0.05392,-0.02355,0.10183,0.01309,-0.00526,-0.06363,0.02097,0.00518,-0.08681,0.03481,-0.03345,0.02065,-0.08322,-0.00928,0.00251,0.00215,-0.08778,0.05496,-0.01911,-0.09446,-0.08822,-0.06741,0.03559,0.03517,-0.10153,-0.03216,0.04125,-0.07723,-0.04016,0.04231,0.02637,0.00778,0.05347,0.03983,0.05337,0.01964,0.02383,-0.01588,0.00231,0.07766,0.0086,0.03416,0.03289,0.03228,-0.09592,0.07814,0.07803,0.10189,0.01097,0.02446,0.03257,0.00139,-0.06076,0.1213,0.01844,0.01901,0.034,-0.04234,-0.01499,-0.03007,-0.05322,-0.03585,-0.0223,0.00289,0.02696,0.04995,0.03026,-0.09706,0.03264,-0.03527,-0.02908,-0.01557,0.15827,-0.02738,0.08376,0.02853,0.04901,0,-0.02168,0.01921,0.01846,0.02014,0.03001,-0.02637,0.00109,0.07362,0.02822,-0.1171,-0.04269,-0.04095,0.03376,-0.03368,0.02022,-0.01929,-0.04989,-0.13047,-0.00765,-0.03375,0.00865,-0.00964,-0.02744,0.00471,0.00271,0.02141,-0.03673,0.03846,0.03189,-0.0261,0.01338,-0.05269,-0.13778,-0.01709,0.07921,-0.03557,-0.09516,0.07095,0.03128,0.0406,0.00923,0.02477,-0.11531,0.0191,0.01192,0.07625,-0.05197,-0.054,-0.0263,-0.07223,-0.05383,0.05798,-0.02059,0.00943,0.00409,0.08851,0.08094,0.04915,-0.02237,-0.03117,0.06675,-0.12561,-0.00058,-0.03572,0.0555,0.05506,0.00331,-0.02861,0.02717,0.07536,0.11585,0.0525,-0.0471,-0.00864,0.04785,0.01728,0.05143,-0.01482,-0.00854,0.06074,-0.08225,0.10187,0.01171,0.06418,0.03441,0.00187,-0.04958,-0.03071,0.06237,0.06991,-0.03988,-0.03376,0.00305,-0.00275,-0.00762,0,-0.11893,0.02124,-0.06414,0.05497,0.06727,-0.01726,0.06323,0.04929,-0.07134,0.01522,0.0114,0.0797,0.05708,-0.02999,0.04027,-0.01779,0.0247,-0.07863,-0.02346,-0.05458,-0.06299,0.0072,0.01239,0.10961,-0.03604,-0.06663,0.0137,0.02944,-0.00508,0.00974,-0.02699,0.03658,0.09704,0.13927,-0.08618,0.05467,0.0079,0.09166,-0.07792,-0.03075,0.01958,-0.00611,-0.00205,-0.02565,-0.05148,0.02439,0.00778,0.03749,-0.00278,0.00405,-0.00336,0.05224,-0.04567,0.04106,0.06001,0.03858,-0.05584,0.03125,0.02601,0.00073,-0.10096,0.02268,0.02814,-0.00322],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. What the Library Does Not Do The reflow plugin moves existing nodes. It does not restructure the graph, it does not reroute connections, and it does not decide whether the resize itself is allowed. Foblex Flow handles the geometric shift, your application owns the data model. The new positions arrive through (fMoveNodes) like any other node move, and you decide whether to persist them. That is still the default stateless behavior. With the optional Managed Flow State plugin, supported move events update the explicit plugin store automatically; persistence of its snapshots remains an application decision. That boundary is intentional. Reflow is interaction infrastructure, not a layout authority. f Move Nodes","excerpt":"What the Library Does Not Do The reflow plugin moves existing nodes. It does not restructure the graph, it does not reroute connections, and it does not decide whether the resize itself is allowed. Foblex Flow handles the geometric shift, your application owns the data model. The new positions arrive through (fMoveNodes) like any other node move, and you decide whether to persist them. That is still the default stateless behavior. With the optional Managed Flow State plugin, supported move events update the explicit plugin store automatically; persistence of its snapshots remains an application decision. That boundary is intentional. Reflow is interaction infrastructure, not a layout authority."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#11","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05798,-0.03928,-0.01118,0.01952,0.04227,0.03012,-0.02115,0.06174,0.09132,-0.0017,-0.0417,0.03009,-0.07483,-0.02311,-0.04911,-0.0286,-0.05722,0.00948,-0.07093,0.00662,-0.02173,-0.1174,-0.01013,-0.04407,0.00787,0.03438,-0.10219,-0.00492,0.07319,-0.06532,0.03589,0.16218,-0.03506,0.0313,-0.08286,0.07798,-0.00805,-0.06114,-0.08069,0.00014,0.00866,0.07788,0.03557,-0.01168,-0.00568,0.0205,0.01074,0.03257,-0.04956,0.02248,-0.00598,-0.04613,-0.05009,0.14049,0.02266,0.07277,0.03036,-0.00842,0.03807,0.06796,-0.02849,-0.00807,0.0085,0.04213,-0.00107,0.015,-0.06213,0.00975,-0.02,-0.00829,0.06473,0.0139,0.03598,-0.01432,0.10352,-0.02752,-0.0219,0.03785,-0.03697,-0.05239,0.01231,0.01366,0.01425,0.01775,0.00218,0.00808,0.00403,-0.10345,-0.03644,0.07004,-0.00634,0.05772,-0.05,0.04853,0.04567,-0.07353,-0.05225,-0.01876,-0.03416,0.00883,0.04839,-0.02529,0.08118,0.06767,0.00652,-0.08762,-0.04083,0.0634,-0.04622,-0.0205,-0.02191,0.0105,0.07413,-0.01526,-0.06661,-0.05379,-0.02697,-0.04022,0.00658,0.01221,-0.02541,0.05825,0.0079,-0.06203,0.04591,0.02027,-0.03809,0,-0.05126,-0.02849,-0.01011,0.03845,0.07736,-0.03711,0.03279,-0.07196,-0.03899,-0.00215,-0.01695,0.04859,-0.039,0.04417,0.00223,-0.11788,-0.03129,0.05689,-0.10424,-0.01657,0.06129,-0.03444,-0.01071,-0.08023,0,0.02119,-0.09087,0.0405,-0.09572,0.03213,-0.08831,-0.0325,0.04291,-0.0052,-0.06447,0.06033,0.00492,-0.1033,-0.03346,-0.05743,0.00533,0.03285,-0.04792,-0.0265,0.05184,-0.06083,-0.09492,0.05073,0.01185,-0.00141,0.03863,0.03418,0.08813,0.02224,0.06212,-0.05225,0.03228,0.06407,0.00178,0.0613,0.04341,0.06562,-0.09566,0.06521,0.08212,0.09472,0.04695,0.03477,0.01189,-0.01656,-0.06891,0.12201,0.02056,0.03268,0.02775,-0.00694,-0.02929,-0.0433,-0.01353,-0.00983,-0.04831,0.05408,0.02339,0.02066,-0.02801,-0.05461,0.03937,-0.02218,-0.04427,0.02449,0.14539,-0.04265,0.13086,-0.01295,0.01363,0,-0.03475,0.02363,-0.00791,0.02581,0.05836,-0.06593,0.04432,0.03556,0.02221,-0.06257,-0.00658,0.00165,-0.01664,-0.03655,0.0619,0.01755,-0.04729,-0.13719,0.01503,-0.09567,0.04777,-0.01377,-0.00752,0.02215,-0.04704,0.00071,-0.01189,0.02151,0.04905,-0.0082,0.00883,-0.05325,-0.10831,0.01485,0.06867,-0.0189,-0.06607,0.06109,0.03917,-0.00083,0.00543,0.03219,-0.09238,-0.01176,-0.01277,0.07017,-0.03247,-0.06621,-0.04316,-0.04377,-0.05538,0.06086,-0.01321,-0.02499,-0.01636,0.08854,0.03773,0.04874,-0.00455,-0.0313,0.06774,-0.08821,0.01107,-0.04803,0.0243,0.07454,-0.01516,0.0069,0.02414,0.05852,0.10792,0.02052,-0.02573,0.00102,-0.00983,0.02579,0.06877,0.04202,0.03081,0.06098,-0.06569,0.11631,-0.0071,0.10924,0.04269,0.03489,-0.04675,-0.01959,0.06495,0.03544,0.01234,-0.0651,0.04932,-0.01274,-0.00575,0,-0.1081,-0.0321,-0.04086,0.02429,0.04307,-0.00129,0.04923,0.07375,-0.0539,0.01641,0.00989,0.06889,0.03572,-0.04375,0.07604,-0.00057,-0.05016,-0.04943,-0.0394,-0.10526,-0.04789,0.00761,0.01749,0.10395,-0.04546,-0.055,-0.02804,0.0224,0.00392,-0.01555,-0.0379,0.0416,0.03005,0.11481,-0.03373,0.09537,-0.0581,0.06283,-0.07921,-0.03222,0.01189,-0.05885,0.05675,0.00094,-0.017,0.01972,-0.01023,0.03752,-0.04019,-0.0272,-0.02958,0.04447,-0.03651,0.05151,0.05393,0.00655,-0.08171,-0.0016,0.04729,0.00164,-0.11147,0.06324,0.02052,0.01081],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Why Layer Ordering Matters Reflow on Resize is about how nodes move. Layer Ordering is about how the canvas is stacked. Foblex Flow renders three built-in layers inside <f-canvas — groups, connections, and nodes — each in its own absolutely-positioned container with its own stacking context. Until v18.6.0 the order was hardcoded: groups underneath, connections in the middle, nodes on top.","excerpt":"Why Layer Ordering Matters Reflow on Resize is about how nodes move. Layer Ordering is about how the canvas is stacked. Foblex Flow renders three built-in layers inside <f-canvas — groups, connections, and nodes — each in its own absolutely-positioned container with its own stacking context. Until v18.6.0 the order was hardcoded: groups underneath, connections in the middle, nodes on top."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#12","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05183,-0.03142,-0.04422,0.04569,0.02078,0.03927,-0.0647,0.0576,0.06821,0.00342,-0.04321,0.04507,-0.07778,-0.02732,-0.02969,-0.02284,-0.07357,0.02994,-0.05406,0.00305,-0.043,-0.05276,0.01533,-0.02896,-0.00999,0.00416,-0.08007,-0.01225,0.05364,-0.0489,0.03456,0.15683,-0.0214,0.06126,-0.03761,0.07283,0.00072,-0.05624,-0.06149,-0.02742,0.01413,0.06973,0.04125,-0.02933,-0.03756,0.00026,0.00052,-0.00098,-0.06148,0.04424,0.0016,-0.06126,-0.0279,0.11899,0.03793,0.06996,-0.01564,-0.00561,0.03662,0.06928,-0.04724,0.01654,-0.00951,0.05887,-0.03787,0.08082,-0.02967,0.01616,-0.03756,-0.00779,0.02056,0.00247,0.00562,-0.00313,0.06033,0.00702,-0.00919,0.02151,-0.02931,-0.0841,0.03522,-0.00693,0.01137,0.0273,0.01737,0.04958,0.01132,-0.096,0.03689,0.10533,-0.00886,0.03355,-0.03165,0.01973,-0.00113,-0.05996,-0.02386,-0.02495,-0.02946,0.00838,0.02906,-0.0262,0.09582,0.07843,0.04214,-0.06706,0.00417,0.02041,-0.03075,0.00067,0.01458,0.01917,0.07143,-0.07533,-0.029,-0.03604,0.00936,-0.03838,0.02368,0.02383,-0.02033,0.05,-0.03766,-0.03569,0.02154,0.05177,-0.04386,0,-0.01436,-0.01382,0.00289,0.05004,0.06358,-0.01461,0.03633,-0.0462,-0.09526,-0.04618,0.01332,0.03428,-0.05917,0.02942,-0.02748,-0.08356,-0.01421,0.11624,-0.096,-0.02839,0.03761,-0.04574,-0.02273,-0.03855,0.01893,0.03366,-0.05918,-0.00693,-0.06755,0.02158,-0.09524,-0.05293,0.0559,-0.0127,-0.07762,0.06525,-0.06233,-0.05301,-0.00644,-0.05006,0.00739,0.0298,-0.09072,-0.05995,0.04667,-0.02074,-0.03637,0.0576,0.04106,-0.06013,0.04252,0.05688,0.04923,0.0496,0.05508,-0.04616,0.02382,0.08151,0.05069,0.03277,0.0161,0.09359,-0.09117,0.04558,0.08807,0.09583,0.01695,0.0084,0.01435,-0.01475,-0.0962,0.08868,-0.01743,0.07069,0.00819,-0.03228,-0.03721,-0.05843,0.03019,-0.02973,-0.07141,0.06323,0.04852,0.03231,0.01746,-0.09106,0.01608,-0.01792,-0.04711,-0.02093,0.1496,-0.0621,0.12275,-0.00946,-0.00189,0,-0.00394,-0.00056,-0.00249,0.04349,0.00937,-0.03687,0.02995,0.05202,0.06759,-0.08207,0.06714,-0.00923,-0.0154,-0.08903,0.05817,0.00488,-0.03929,-0.11834,0.01221,-0.06319,0.06015,-0.09076,0.03057,0.0248,-0.00007,-0.0273,0.01735,0.03634,0.02835,-0.08544,-0.01742,0.01907,-0.09563,-0.03172,0.04954,-0.02502,-0.09332,0.0631,0.01597,0.05895,-0.00648,0.06192,-0.0944,0.04788,-0.02448,0.06595,-0.06447,-0.06067,-0.03525,-0.04337,-0.06546,0.03452,-0.00188,-0.03121,-0.00432,0.08974,0.04235,0.03958,-0.03819,-0.0452,0.02653,-0.09832,0.00524,-0.06257,0.0153,0.07745,0.00932,0.05009,0.00082,0.0235,0.10426,0.00165,-0.06372,-0.00915,-0.04346,0.00784,0.10133,-0.02046,0.04724,0.05016,-0.07655,0.14987,0.01431,0.07446,0.03927,0.03009,-0.04272,0.00215,0.05607,0.07117,-0.06903,-0.03383,0.05946,-0.02103,-0.04789,0,-0.14375,-0.02237,-0.04648,0.0443,0.07056,-0.00159,0.02067,0.08996,-0.05352,0.01034,0.02922,0.06254,0.03719,-0.05598,0.05822,-0.04353,-0.03099,-0.03591,-0.06427,-0.08573,-0.03074,0.05927,0.01935,0.05912,0.00823,-0.06026,-0.01915,0.01003,-0.00009,0.00259,-0.03038,0.04767,0.05217,0.08332,-0.03456,0.06911,-0.02467,0.0822,-0.08814,-0.02828,0.01856,-0.0687,0.01595,-0.01468,-0.07266,0.01824,0.01957,0.06172,-0.00532,-0.04374,-0.01672,0.0463,-0.04073,0.05463,0.04256,0.03804,-0.07545,-0.0007,0.03163,-0.04644,-0.0913,0.02402,0.00728,0.03201],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. That default has been right for the vast majority of editors for years, and it stays the default in v18.6.0. But a few editors really aren't the default — and until now, the only way to change the order was to fight the library with global !important z-index overrides:","excerpt":"That default has been right for the vast majority of editors for years, and it stays the default in v18.6.0. But a few editors really aren't the default — and until now, the only way to change the order was to fight the library with global !important z-index overrides:"},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#13","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.06588,-0.01722,-0.04134,0.03549,0.00188,0.06593,0.02731,0.06302,0.05162,-0.05291,-0.04794,-0.00292,-0.08264,-0.05226,-0.00222,-0.00522,0.00631,-0.00126,-0.05948,-0.0671,-0.02347,-0.12045,-0.00756,-0.03811,-0.03964,0.05461,-0.06069,-0.00348,0.05098,-0.05866,0.06913,0.1355,-0.0612,0.03202,-0.04151,0.04272,0.01939,-0.03265,-0.06673,-0.01595,0.01156,0.05568,0.02281,-0.02742,-0.03188,-0.00886,0.02157,-0.03878,-0.08598,0.04323,0.00285,-0.07855,-0.01611,0.09174,0.03867,0.07104,0.0151,-0.0618,0.00293,0.06285,-0.04875,-0.03506,0.02239,0.05961,-0.03616,0.07061,-0.04226,0.01578,0.02781,-0.02449,0.0547,0.01775,0.00104,-0.03165,0.07455,-0.00444,0.00618,0.04399,-0.0615,-0.05763,0.00622,0.03607,0.01778,0.03073,-0.0209,0.02178,0.00895,-0.08826,-0.02771,0.08248,-0.03041,0.09412,-0.05402,-0.00447,0.03488,-0.08022,-0.02258,-0.04374,-0.04615,0.04914,0.01981,-0.05163,0.07122,0.01514,-0.01771,-0.04554,-0.05733,0.07232,-0.08111,-0.04813,0.01788,-0.02589,0.07134,-0.03695,-0.03645,-0.03013,0.00596,-0.08222,0.0656,0.01654,-0.01313,0.0732,-0.00022,-0.02322,0.05815,0.03269,-0.03609,0,-0.00005,-0.00308,-0.04967,0.0172,0.13188,0.00812,0.03961,-0.09629,-0.05975,-0.04424,0.02638,0.01113,-0.08826,0.04841,-0.02483,-0.12633,-0.00282,0.08815,-0.11762,-0.02869,0.00649,-0.03111,-0.02485,-0.03022,0.01698,0.04253,-0.07579,0.06194,-0.05057,0.01772,-0.06403,0.01127,0.08682,-0.0009,-0.07559,0.04957,-0.03643,-0.07328,-0.0027,-0.00431,-0.02893,0.03664,-0.02715,-0.03953,0.03111,-0.00469,-0.09,0.05954,-0.00951,-0.00057,0.03212,0.02431,0.05949,0.00811,0.06155,-0.05823,-0.02528,0.07306,0.04685,0.05168,0.06464,0.08941,-0.07619,0.04886,0.04826,0.12789,0.03223,0.00868,0.04729,-0.04085,-0.10648,0.14516,0.05583,0.03904,0.05862,-0.03148,-0.04195,-0.05592,0.0168,0.00869,-0.0588,0.00617,0.03199,-0.00345,0.01118,-0.07269,0.03124,-0.01506,-0.07651,0.00313,0.0806,-0.02414,0.10409,-0.01729,0.00487,0,-0.00294,0.03275,0.01421,0.04079,0.06705,-0.04417,0.03336,0.03811,0.03077,-0.07109,0.01705,0.03581,0.02199,-0.04501,-0.01857,-0.04012,-0.02404,-0.08227,0.01436,-0.07814,0.02842,-0.03324,-0.02771,-0.00343,-0.06146,0.01048,-0.05538,0.02316,0.04482,-0.03076,0.01974,-0.02377,-0.04644,-0.08094,0.06518,0.00786,-0.04811,0.03491,0.01082,0.01215,-0.01527,0.00776,-0.1146,-0.01243,-0.07867,0.08873,-0.07073,-0.07232,-0.07652,-0.04679,-0.06213,0.04669,-0.00083,-0.02149,-0.02848,0.0492,0.04896,0.06046,-0.01081,-0.00615,0.05839,-0.11372,0.04394,-0.0642,0.03985,0.05227,-0.02394,0.01956,0.06136,0.08331,0.08753,0.01087,-0.04934,0.00774,0.06597,-0.00153,0.05244,0.02475,0.04161,0.11898,-0.07726,0.1013,0.00569,0.07801,0.1204,-0.01823,-0.04147,-0.00664,0.04917,0.05638,-0.04231,-0.02803,0.02274,0.05529,-0.00031,0,-0.06262,-0.01868,-0.04368,0.00576,0.02427,-0.0102,0.05753,0.04905,-0.09011,-0.03009,0.02197,0.07009,-0.00005,-0.03428,0.05939,0.03644,-0.05694,-0.0358,-0.02868,-0.08427,-0.07039,0.0099,0.01979,0.09968,-0.05661,0.00007,0.01361,0.02356,0.00844,0.02069,-0.01987,0.02577,0.04732,0.11532,-0.03808,0.04178,-0.09283,0.03981,-0.07255,0.02851,0.00072,-0.05949,0.02816,0.0071,0.0063,0.00828,0.02615,0.02208,-0.09772,0.02993,-0.0098,0.07274,-0.06122,0.06343,0.03825,-0.01513,-0.02552,0.04569,0.00791,0.02219,-0.09418,0.04059,0.05575,0.00831],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. - A diagram view with semi-transparent group overlays needs the group layer above the nodes so the tint is actually visible. - A pipeline editor with clickable edge labels needs connections above nodes so the labels stay reachable when nodes overlap them. - A custom render layer that draws on top of connections needs the connection container drawn last so its strokes are not occluded. Layer Ordering exposes that single decision as configuration, so the library stops standing in your way for those layouts.","excerpt":"- A diagram view with semi-transparent group overlays needs the group layer above the nodes so the tint is actually visible. - A pipeline editor with clickable edge labels needs connections above nodes so the labels stay reachable when nodes overlap them. - A custom render layer that draws on top of connections needs the connection container drawn last so its strokes are not occluded. Layer Ordering exposes that single decision as configuration, so the library stops standing in your way for those layouts."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#14","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05444,-0.02842,-0.01453,-0.00284,0.01924,0.05023,0.01779,0.07438,0.0209,0.00182,-0.0655,-0.0299,-0.06453,0.00569,-0.02231,-0.04016,-0.06807,0.02046,-0.0244,-0.02152,-0.03497,-0.0981,0.03449,-0.02369,0.00453,0.00888,-0.04774,-0.00673,0.05163,-0.05712,0.05805,0.12445,-0.07342,0.05796,-0.06234,0.04691,-0.03543,-0.07949,-0.06428,-0.0149,0.06006,0.09242,0.03567,-0.05404,-0.01807,-0.00167,-0.02081,0.05961,-0.02232,0.06625,0.00552,-0.03601,-0.04559,0.12811,0.03209,0.08291,0.02314,-0.00498,0.06518,0.06855,-0.01817,-0.01876,0.03918,0.02916,-0.04194,0.06425,-0.07414,0.03912,-0.04181,0.01638,0.04247,0.00342,0.05602,-0.02035,0.08448,-0.02249,-0.06048,0.06623,-0.05734,-0.04412,0.01282,0.01014,0.00247,0.03484,0.00377,0.00906,-0.00646,-0.09271,0.02158,0.09054,-0.0473,0.02371,-0.05522,0.03379,0.04992,-0.05686,-0.08746,-0.03133,-0.06374,0.00459,0.02425,-0.02311,0.07395,0.09108,0.04743,-0.03647,-0.06056,0.0115,-0.01265,-0.0156,-0.01569,0.03538,0.10771,0.00292,-0.034,-0.02633,-0.0095,-0.05007,-0.0089,0.0318,-0.01318,0.04297,-0.03959,-0.05359,0.04861,0.00847,-0.00583,0,-0.05808,-0.01569,0.02145,0.06393,0.08735,-0.00459,0.01295,-0.03386,-0.06938,-0.02532,-0.04803,0.03383,-0.0683,0.00606,-0.01255,-0.10667,-0.04687,0.08767,-0.07438,0.01613,0.06369,-0.07774,-0.05224,-0.07163,0.03122,0.00022,-0.0995,0.03013,-0.06696,0.02162,-0.07193,-0.01167,0.0481,0.01726,-0.11239,-0.0092,-0.01504,-0.03824,-0.03686,-0.04599,0.00451,0.01773,-0.08548,-0.00513,0.03376,-0.05653,-0.05638,0.06441,0.05482,-0.02002,0.04545,0.05217,0.04291,-0.02221,0.03792,-0.0588,-0.00006,0.08112,0.03954,0.01065,0.04378,0.0521,-0.12126,0.05641,0.07429,0.1036,0.03997,-0.02533,-0.01101,-0.02182,-0.07259,0.09961,-0.00654,0.03898,0.01065,-0.00962,-0.03116,-0.00565,0.00215,-0.04494,-0.0617,0.03749,0.03639,0.01122,0.02231,-0.06856,0.04809,-0.02891,-0.05307,-0.0067,0.11401,-0.01759,0.12593,-0.00817,0.02772,0,0.03222,0.0381,0.04072,0.03026,0.05649,-0.04496,0.03031,0.08792,0.0497,-0.03125,0.02176,0.01428,-0.00525,-0.07596,0.03854,0.04149,-0.00865,-0.08584,0.00122,-0.08565,0.03435,-0.04829,-0.01322,-0.0023,-0.0286,0.01298,0.04041,0.0298,0.01635,-0.04334,-0.04357,-0.00335,-0.10635,-0.01627,0.05316,-0.03598,-0.06051,0.06327,0.02545,0.05343,0.01105,0.05466,-0.12531,0.02117,-0.03362,0.04518,-0.04104,-0.03701,-0.06525,-0.04298,-0.0727,0.05568,-0.02197,-0.03387,-0.00215,0.11144,0.07764,0.03587,-0.01883,-0.06605,0.07259,-0.08421,0.00256,-0.04986,0.04329,0.04413,-0.02163,0.02573,0.02166,0.05485,0.1002,0.01036,-0.01782,0.02209,0.00572,0.02507,0.08688,0.01218,0.06601,0.05295,-0.07308,0.11317,0.01474,0.08889,0.04094,0.03751,-0.05628,-0.01219,0.09612,0.06472,-0.04968,-0.05569,0.06656,-0.05086,-0.00369,0,-0.15106,-0.03633,-0.06088,0.04259,0.02909,-0.02514,0.0081,0.08423,-0.03106,-0.02458,-0.0366,0.10234,0.05716,-0.00032,0.04643,-0.02548,-0.02896,-0.00845,-0.04717,-0.07369,-0.05604,0.03063,0.05517,0.09965,-0.01883,-0.06621,-0.01478,0.0144,-0.00216,0.0159,-0.0563,0.01144,0.02675,0.08199,-0.07392,0.05097,-0.05133,0.07365,-0.07331,-0.04099,-0.02752,-0.06046,0.03957,-0.05324,-0.03829,0.02238,0.04279,0.04964,-0.00234,-0.0209,-0.00966,0.0466,-0.03118,0.00654,0.05015,0.00601,-0.0895,-0.00286,0.02951,-0.03262,-0.11069,0.06417,0.01061,0.01288],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. How to Set the Order Two equivalent entry points — pick whichever fits the wiring of your app: `ts // App-wide: same default for every canvas in the host component's tree import { provideFFlow, withFCanvas, EFCanvasLayer } from '@foblex/flow'; provide F Flow with F Canvas EF Canvas Layer","excerpt":"How to Set the Order Two equivalent entry points — pick whichever fits the wiring of your app: `ts // App-wide: same default for every canvas in the host component's tree import { provideFFlow, withFCanvas, EFCanvasLayer } from '@foblex/flow';"},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#15","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.05889,-0.02642,-0.02104,0.05861,0.07735,0.05948,0.01316,0.0564,0.03416,-0.02298,-0.03635,-0.03013,-0.07417,-0.03677,-0.02136,-0.02414,-0.03953,0.01558,-0.07707,-0.015,-0.05368,-0.12198,0.02314,-0.0061,-0.00618,0.01891,-0.08902,-0.02265,0.05629,-0.05858,0.04282,0.11975,-0.08043,0.05864,-0.05807,0.08452,-0.02974,-0.03594,-0.09874,-0.03965,0.02686,0.06829,0.02227,-0.04105,0.01823,-0.02603,-0.01856,0.04391,-0.03429,0.02746,0.01623,-0.03372,-0.04991,0.11183,0.05757,0.05342,0.04286,-0.00834,0.03639,0.07521,-0.0287,-0.03479,0.02046,0.04827,-0.04411,0.03044,-0.04122,0.03779,-0.02391,0.0198,0.05304,0.00865,0.03197,0.00226,0.1404,0.0048,-0.05293,0.05328,-0.03074,-0.03663,0.00893,-0.00934,-0.00239,0.01897,0.01136,0.01933,-0.0025,-0.09657,0.01481,0.10485,-0.05472,0.05684,-0.04899,0.05198,0.07842,-0.05702,-0.066,-0.0061,-0.07431,0.01481,0.02162,-0.02508,0.05643,0.07503,-0.00011,-0.08057,-0.03726,0.03956,-0.03933,-0.02347,-0.01907,0.02709,0.06102,-0.02977,-0.02153,-0.0173,-0.00657,-0.06237,-0.0297,0.05043,-0.00624,0.06571,-0.00411,-0.06214,0.05704,0.04237,0.00392,0,-0.03598,-0.03599,-0.02768,0.06531,0.11155,-0.00339,0.03229,-0.02898,-0.03359,-0.02712,-0.05912,0.04529,-0.06973,0.06001,0.00767,-0.10914,-0.00681,0.06449,-0.05471,-0.0058,0.08783,-0.05469,-0.05142,-0.06099,-0.01665,0.01372,-0.09574,0.04752,-0.07403,0.04576,-0.0884,-0.02884,0.04951,0.01261,-0.1018,0.00857,-0.01337,-0.06765,-0.0196,-0.05603,-0.0272,0.01621,-0.08445,-0.02131,0.03131,-0.09585,-0.04108,0.08201,0.02755,-0.00286,0.03399,0.03295,0.05845,-0.02871,0.03125,-0.03114,0.0311,0.06187,-0.00021,0.00935,0.0346,0.11136,-0.10708,0.05961,0.08174,0.11144,0.05071,-0.01755,-0.01708,-0.06868,-0.06167,0.08317,-0.01209,0.0145,0.07255,-0.02968,-0.04532,0.00605,-0.00149,-0.05287,-0.03157,0.04083,0.01503,0.02337,-0.00694,-0.0425,0.02968,-0.00705,-0.02862,0.02543,0.12251,-0.05227,0.12917,-0.00168,0.01553,0,-0.02682,0.04826,0.00834,0.01596,0.0593,-0.04023,0.02331,0.08173,0.0297,-0.07142,0.00013,-0.01521,-0.03359,-0.04573,-0.00596,0.02557,-0.05006,-0.1117,0.03062,-0.08163,0.01886,-0.04433,0.00351,0.02489,-0.041,0.00736,0.00691,0.03487,0.05005,-0.02997,-0.01907,-0.03672,-0.12389,-0.02174,0.04905,-0.02913,-0.06663,0.05797,0.00667,0.03077,0.00156,0.01403,-0.11142,0.00895,-0.00712,0.06952,-0.0343,-0.03407,-0.0459,-0.00791,-0.06265,0.06204,-0.01345,-0.00615,-0.00389,0.09309,0.11182,0.01849,0.00474,-0.05082,0.06811,-0.10167,-0.00302,-0.02466,0.06108,0.04938,-0.01118,0.0506,0.03451,0.07232,0.10866,0.00792,-0.01742,-0.04535,0.02729,0.0464,0.04957,0.01609,0.06911,0.03589,-0.0539,0.09729,0.01887,0.04764,0.05751,-0.0015,-0.03348,-0.01563,0.07083,0.05589,-0.01034,-0.03435,0.02643,-0.03852,-0.00595,0,-0.12963,-0.00163,-0.05331,0.00647,0.0643,-0.07802,0.04746,0.06987,-0.03025,0.01362,0.01676,0.06138,0.06519,-0.01787,0.08778,-0.04773,-0.00822,-0.01198,-0.05914,-0.0987,-0.03727,-0.01581,0.025,0.07535,-0.00388,-0.08096,0.00469,0.00497,0.01816,0.02378,-0.08449,0.01269,0.03057,0.09033,-0.08137,0.08698,-0.04415,0.04345,-0.07851,-0.00394,-0.02963,-0.04785,0.04093,-0.02542,0.00186,0.00899,0.04505,0.02448,0.00237,0.02108,-0.02589,0.00548,-0.02483,0.02379,0.03652,-0.02682,-0.0861,0.00199,0.05141,-0.03358,-0.13974,0.04792,0.00334,0.02156],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. @Component({ providers: [ provideFFlow( withFCanvas({ layers: [EFCanvasLayer.GROUPS, EFCanvasLayer.NODES, EFCanvasLayer.CONNECTIONS], }), ), ], }) export class MyEditor {} Per-canvas [fLayers] always wins over the app-wide value, so individual canvases can opt out without re-providing the feature. Missing layers fall back to their default position, and unknown values or duplicates are silently dropped — passing [EFCanvasLayer.NODES]` does not hide groups or connections, it just promotes nodes to the bottom and lets the other two settle behind it. provide F Flow with F Canvas EF Canvas Layer My Editor f Layers","excerpt":"@Component({ providers: [ provideFFlow( withFCanvas({ layers: [EFCanvasLayer.GROUPS, EFCanvasLayer.NODES, EFCanvasLayer.CONNECTIONS], }), ), ], }) export class MyEditor {} Per-canvas [fLayers] always wins over the app-wide value, so individual canvases can opt out without re-providing the feature. Missing layers fall back to their default position, and unknown values or duplicates are silently dropped — passing [EFCanvasLayer.NODES]` does not hide groups or connections, it just promotes nodes to the bottom and lets the other two settle behind it."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#16","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.06466,-0.0143,-0.01073,0.06374,0.05397,0.0447,-0.00544,0.01626,0.05661,0.02881,-0.05298,0.03959,-0.08379,-0.01916,-0.00212,-0.02418,-0.06948,0.02698,-0.0702,-0.01591,-0.0852,-0.10078,0.02562,-0.03978,-0.01162,0.04011,-0.08436,0.00228,0.07447,-0.07312,0.03618,0.10474,-0.04074,0.03535,-0.09104,0.098,-0.01266,-0.02716,-0.06676,-0.00427,0.03541,0.07221,0.03798,-0.09161,-0.02099,-0.00386,-0.00561,0.05049,-0.06065,0.01763,0.00076,-0.04881,-0.02104,0.14499,0.01306,0.02041,0.05161,0.01425,0.05557,0.07731,-0.04937,-0.03765,0.01573,0.0296,0.00273,0.05927,-0.07831,0.00486,-0.07168,0.03848,0.08493,-0.0001,0.02267,-0.0038,0.10129,-0.00869,-0.0453,0.07693,-0.02469,-0.01515,0.04521,-0.00801,0.01327,0.0294,-0.02253,0.031,-0.01723,-0.11894,-0.02414,0.02582,-0.04549,0.06914,-0.04658,0.05384,0.03394,-0.07419,-0.0822,-0.03959,-0.05199,0.01247,0.04606,-0.01582,0.08336,0.07398,0.02394,-0.04918,-0.06017,0.07939,-0.01968,-0.00648,0.01023,0.04859,0.04859,-0.00666,-0.08045,-0.05517,-0.00139,-0.06079,0.01328,0.03253,0.02188,0.06419,-0.0357,-0.07369,0.06902,0.02457,-0.01227,0,-0.03537,-0.01536,-0.03881,0.03728,0.11912,-0.00825,-0.00752,-0.07902,-0.05323,0.01112,0.01107,0.02198,-0.08635,0.0005,-0.00096,-0.12973,0.00632,0.06474,-0.09547,-0.01072,0.06794,-0.05424,-0.04638,-0.04824,0.0206,0.02841,-0.08878,0.04757,-0.10963,0.0044,-0.03355,0.00022,0.06223,-0.01971,-0.07534,0.03458,-0.01273,-0.06021,-0.04431,-0.03322,0.00478,0.0007,-0.08047,0.01199,0.03177,-0.07636,-0.06095,0.04982,0.05508,0.01156,0.00533,0.04843,0.04402,-0.00717,0.06204,-0.06342,-0.00308,0.08088,0.02674,0.05073,0.05515,0.04171,-0.10638,0.02794,0.07125,0.07139,0.05313,0.07183,0.01465,-0.03757,-0.045,0.11486,0.0434,0.05492,0.04012,-0.01986,-0.01993,-0.01308,0.03895,0.00681,-0.03058,0.02906,0.03492,0.05449,-0.01414,-0.07388,0.01688,-0.01362,-0.03291,-0.00673,0.11546,0.0125,0.11736,-0.01732,0.00537,0,-0.03502,0.03799,0.00782,0.05169,0.04317,-0.06866,0.04892,0.06373,0.01877,-0.02906,0.03011,0.0162,-0.01608,-0.05144,0.01099,0.0419,-0.05736,-0.12456,0.04357,-0.07493,0.03754,-0.02142,0.00078,0.02727,-0.02273,0.00537,-0.00002,0.03343,0.05572,-0.01617,-0.00261,-0.00659,-0.08978,-0.01875,0.04888,-0.05365,-0.07653,0.0929,0.03154,-0.01138,-0.00513,0.03187,-0.08187,-0.02442,-0.0198,0.03425,-0.01163,-0.06542,-0.05787,-0.01744,-0.07805,0.04441,-0.00992,-0.02473,-0.02819,0.07122,0.03253,0.03658,-0.01759,-0.04196,0.08684,-0.05565,-0.00721,-0.0567,0.05801,0.10362,-0.02466,0.01814,0.05806,0.05282,0.09154,0.00704,0.01107,0.00752,-0.0034,0.03459,0.07916,0.02047,0.04874,0.04278,-0.038,0.10766,-0.03392,0.05397,0.03764,0.04792,-0.0894,-0.01095,0.05757,0.04377,-0.0359,-0.08519,0.05042,-0.04683,-0.00705,0,-0.11547,-0.00596,-0.07185,0.01384,0.05062,-0.0246,0.04934,0.03389,-0.03576,0.00371,-0.0436,0.10468,0.05962,-0.04311,0.0552,-0.02412,-0.04289,-0.02841,-0.03092,-0.08753,-0.05823,0.02096,0.04204,0.09767,-0.03003,-0.04999,-0.0429,0.02352,0.0155,-0.02092,-0.07669,0.00726,0.02407,0.05937,-0.04333,0.03382,-0.06371,0.03027,-0.08624,-0.06082,0.0183,-0.07292,0.07719,-0.01713,-0.04715,0.01126,0.00217,0.0633,-0.00153,-0.00941,0.01056,0.01051,-0.02359,0.0382,0.08463,-0.02245,-0.06225,0.04409,0.02655,-0.03795,-0.11004,0.0534,0.01753,-0.01043],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. ::: ng-component <canvas-layers</canvas-layers [height]=\"500\" ::: Layer Ordering only controls those three top-level containers. Per-element CSS on .f-node, .f-group, .f-connection-content keeps working the way it always did, and the plugins outside <f-canvas — <f-background, <f-selection-area, <f-minimap — are not part of it; their stacking is controlled by their position inside the <f-flow template.","excerpt":"::: ng-component <canvas-layers</canvas-layers [height]=\"500\" ::: Layer Ordering only controls those three top-level containers. Per-element CSS on .f-node, .f-group, .f-connection-content keeps working the way it always did, and the plugins outside <f-canvas — <f-background, <f-selection-area, <f-minimap — are not part of it; their stacking is controlled by their position inside the <f-flow template."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#17","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.10195,-0.00389,-0.0066,0.06748,0.05717,0.0555,-0.048,0.06105,0.07038,0.01968,-0.08789,0.02818,-0.08242,-0.01671,-0.00402,-0.01065,-0.00318,0.00476,-0.08817,0.03486,-0.01179,-0.11009,0.00724,-0.04499,0.0124,0.01394,-0.08895,-0.01108,0.03719,-0.04875,0.03735,0.17409,-0.06947,0.03672,-0.10477,0.13766,-0.00497,-0.00296,-0.09562,-0.03018,-0.01845,0.11917,0.00118,-0.03119,0.00718,-0.05663,-0.0205,-0.00488,-0.0645,0.01973,-0.0177,-0.07229,-0.07032,0.06841,0.06002,0.05967,0.04134,-0.01249,0.03051,0.0526,-0.0567,0.02511,0.01163,0.04293,-0.02434,0.05268,-0.01456,0.00636,-0.01521,-0.01557,0.02016,0.00346,0.03276,-0.03675,0.06251,-0.04704,-0.04646,0.03539,-0.00195,-0.08062,0.03786,0.0081,-0.00709,0.02731,0.00951,0.02597,0.03105,-0.09456,0.06906,0.07516,-0.00346,0.05804,-0.00523,0.04111,0.05826,-0.05097,-0.01221,0.01996,-0.04515,0.04588,0.04041,-0.05848,0.06993,0.04044,0.05746,-0.0751,-0.02293,0.02704,-0.09795,-0.00468,0.02238,0.00667,0.02338,-0.04859,-0.01859,-0.00353,-0.00023,-0.093,0.02386,0.06388,0.02092,0.09885,-0.0074,-0.02276,0.0749,-0.01471,0.00442,0,-0.01051,-0.00851,-0.02755,0.07087,0.10992,-0.03167,0.02983,-0.00501,-0.07795,-0.02656,0.03545,0.07528,-0.04958,0.07221,0.04712,-0.07188,0.00138,0.11017,-0.09175,-0.02287,0.01041,-0.03994,-0.02868,-0.0431,-0.01379,0.03308,-0.05237,0.03763,-0.11541,0,-0.06876,-0.04921,0.054,0.02088,-0.11447,0.01491,-0.05768,-0.07897,-0.02926,-0.04003,-0.00278,0.05885,-0.09459,-0.0162,0.06168,-0.05347,-0.02374,0.08365,0.00416,-0.03401,0.05764,0.09279,0.08534,0.02591,0.04314,-0.03609,0.04199,0.05621,0.03343,0.01312,0.03905,0.05474,-0.09272,0.06614,0.03992,0.11039,0.04333,0.00816,0.01399,-0.04645,-0.10811,0.08607,0.01922,0.02996,0.04942,-0.02904,-0.04601,-0.03623,-0.00048,-0.03116,-0.04712,0.02614,0.0175,0.03245,-0.01663,-0.09052,0.07028,0.0002,-0.04565,-0.02451,0.14586,-0.04828,0.09322,-0.031,0.05405,0,-0.00196,-0.00356,-0.01116,0.05455,0.02222,-0.01985,0.00257,0.03329,0.04994,-0.11652,0.00349,-0.01994,0.00608,-0.03137,-0.01255,0.02697,-0.06905,-0.09804,-0.00075,-0.07354,0.0499,-0.03898,-0.0076,-0.01205,-0.03771,0.00229,-0.03422,0.02265,0.01287,-0.06532,0.01368,-0.06465,-0.09643,-0.04682,0.06636,-0.01943,-0.04788,0.04513,-0.02605,0.07188,-0.00341,0.01834,-0.05107,0.04945,-0.04759,0.05727,-0.07019,-0.03606,-0.04712,-0.06397,-0.04883,0.03245,-0.02243,-0.06863,-0.02393,0.02962,0.04519,0.03875,-0.01197,-0.02312,0.05993,-0.10176,-0.01191,-0.05151,0.00903,0.08838,-0.04778,-0.00396,0.03614,0.08241,0.09443,0.00925,-0.02677,-0.03026,0.01034,0.02659,0.152,-0.00485,0.03474,0.05068,-0.0941,0.09627,0.02589,0.02776,0.02033,0.02007,-0.06384,0.01116,0.04655,0.04362,-0.0459,-0.02462,0.01767,-0.00148,0.01724,0,-0.09716,0.0348,-0.04915,0.02015,0.04286,-0.01794,0.05275,0.04458,-0.05162,0.04885,0.03808,0.05282,0.03186,-0.04371,0.05709,-0.0157,-0.02406,-0.02801,-0.08088,-0.06479,-0.01376,0.05025,-0.01051,0.05487,-0.01654,-0.05689,0.00806,0.01579,-0.0027,0.03489,-0.03859,0.03009,0.05493,0.11006,-0.04186,0.04025,-0.00752,0.03502,-0.04285,-0.00046,0.03095,-0.06732,0.00911,-0.01563,-0.01093,-0.00748,0.04295,0.00999,0.00258,0.01003,-0.02466,0.01572,-0.06701,0.02598,0.06813,0.02957,-0.06523,0.01568,0.04116,-0.01096,-0.0853,0.03712,0.01747,0.01006],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Closing The two features in v18.6.0 sit at different layers of the library, but they share a theme: making the canvas behave the way real editors actually need it to behave, without forcing application code to fight the library. Reflow on Resize is about ongoing editing. v18.5.0 made it easy to put a graph on the screen with Dagre or ELK — that is layout for the initial render. v18.6.0 makes layout work while the user is actually using the editor: when nodes change size, when content streams in, when a card toggles open. That is the part that decides whether an editor feels well-built once you actually use it. Layer Ordering is about the canvas's own visual contract. The default stacking has been right for years and stays the default, but for the editors that need a different order, the choice is now a configuration call instead of a !important z-index war. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot.","excerpt":"Closing The two features in v18.6.0 sit at different layers of the library, but they share a theme: making the canvas behave the way real editors actually need it to behave, without forcing application code to fight the library. Reflow on Resize is about ongoing editing. v18.5.0 made it easy to put a graph on the screen with Dagre or ELK — that is layout for the initial render. v18.6.0 makes layout work while the user is actually using the editor: when nodes change size, when content streams in, when a card toggles open. That is the part that decides whether an editor feels well-built once you actually use it. Layer Ordering is about the canvas's own visual contract. The default stacking has been right for years and stays the default, but for the editors that need a different order, the choice is now a configuration call instead of a !important z-index war. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize#18","slug":"foblex-flow-v18-6-0-smart-auto-layout-on-resize","route":"/blog/foblex-flow-v18-6-0-smart-auto-layout-on-resize","section":"blog","title":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering","description":"Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`.","group":"Releases","vector":[-0.09198,-0.01568,-0.03898,0.02308,0.03433,0.04839,-0.01051,0.05172,-0.00734,0.00512,-0.03636,-0.01477,-0.07781,-0.02484,-0.01529,-0.0032,-0.06905,0.056,-0.04124,0.00847,-0.01251,-0.10395,0.01111,-0.0418,-0.0088,-0.01126,-0.06982,0.00918,0.03295,-0.07664,0.04539,0.14357,-0.04777,0.03936,-0.04489,0.09413,0.0103,-0.04365,-0.0894,-0.01385,0.01963,0.07156,0.03387,-0.05346,0.01514,0.01512,0.0072,0.04732,-0.03908,0.0323,-0.00787,-0.06072,-0.04577,0.14694,0.06125,0.07932,0.03179,-0.02011,0.05416,0.04528,-0.0343,-0.01339,0.00697,0.02764,-0.05014,0.05357,-0.06644,0.02217,-0.01295,-0.00489,0.02706,0.00018,0.02472,-0.06514,0.10751,-0.01068,-0.01509,0.06558,-0.02905,-0.08045,-0.00957,0.00734,0.01962,0.01094,0.01125,-0.00182,-0.03189,-0.08108,0.02791,0.07227,-0.02571,0.05624,-0.06701,0.03826,0.06267,-0.06849,-0.05719,-0.04391,-0.02731,0.01365,0.01311,-0.03549,0.05681,0.07322,0.02787,-0.03783,-0.03062,0.07809,-0.05865,-0.01225,-0.01412,0.0171,0.06468,-0.0413,-0.03354,-0.02857,-0.02474,-0.05334,0.00087,0.00382,0.01253,0.04823,-0.02489,-0.05879,0.05921,0.03003,-0.02377,0,-0.02389,-0.01766,-0.02919,0.05796,0.09881,-0.01359,0.03847,-0.06093,-0.07376,-0.03526,-0.01664,0.04165,-0.06483,0.004,-0.02353,-0.14968,-0.04013,0.08805,-0.07288,-0.00339,0.06856,-0.02534,-0.05155,-0.05529,0.02914,0.02048,-0.07645,0.03844,-0.06108,0.02859,-0.07158,-0.01881,0.04342,-0.00558,-0.10314,0.03118,-0.04715,-0.06769,-0.06217,-0.04471,0.03398,0.01282,-0.06766,-0.05726,0.03515,-0.08836,-0.06946,0.07672,0.06554,-0.02162,0.04131,0.03039,0.0199,-0.01344,0.02196,-0.0607,-0.00573,0.08978,0.00516,0.04378,0.03781,0.06258,-0.09126,0.04178,0.07479,0.08383,0.02647,0.00221,0.01164,-0.00987,-0.08872,0.1234,0.04527,0.04187,0.03824,-0.02197,-0.04296,-0.02313,-0.02132,-0.00953,-0.05578,0.05609,0.0273,0.04176,0.00906,-0.09377,0.05177,-0.02106,-0.05539,-0.03381,0.13088,-0.04201,0.09047,-0.01761,0.02384,0,0.00348,0.03856,0.01766,0.05398,0.03973,-0.04402,0.07462,0.08275,0.03957,-0.06223,-0.01424,-0.01936,-0.00877,-0.05674,0.0324,0.00155,-0.0599,-0.14008,0.00756,-0.04349,0.0297,-0.00781,-0.00637,-0.00399,-0.026,-0.01567,-0.00042,0.06925,0.03343,-0.04282,-0.01467,-0.02606,-0.13659,0.01367,0.07063,-0.01267,-0.04374,0.0744,0.00987,0.02582,0.04705,0.02475,-0.1243,-0.01634,-0.01869,0.07405,-0.00168,-0.04806,-0.05027,-0.03712,-0.03711,0.0502,-0.03151,-0.01541,-0.01623,0.09784,0.06424,0.01703,-0.01906,-0.01592,0.05398,-0.10639,0.00499,-0.02641,0.05419,0.04494,-0.01606,0.02034,0.02463,0.06073,0.11603,0.03985,0.01904,0.019,0.03974,-0.0099,0.05608,0.01963,0.04792,0.06342,-0.05442,0.09124,0.00974,0.12339,0.0667,0.044,-0.07345,0.03414,0.06489,0.02761,-0.05649,-0.06724,0.05818,0.0065,-0.01625,0,-0.12515,0.00156,-0.05942,0.01915,0.04197,0.00849,0.01989,0.05695,-0.05761,0.00244,0.01028,0.08553,0.07131,-0.02011,0.01905,-0.03196,-0.02544,-0.02776,-0.03874,-0.10771,-0.04697,0.01983,0.01728,0.10163,-0.01175,-0.07089,-0.03696,0.01482,0.00572,-0.02496,-0.04645,0.02649,0.05245,0.1034,-0.02845,0.08243,-0.0622,0.09984,-0.06591,-0.00181,0.01682,-0.03223,0.01117,-0.01942,-0.01246,0.01023,0.00487,0.02364,-0.0319,-0.0278,-0.00335,0.04305,-0.01486,0.03451,0.06406,0.01478,-0.0786,-0.01743,0.0506,0.00207,-0.1064,0.06686,0.01162,0.02561],"keywords":"Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6.0: Reflow on Resize and Layer Ordering Foblex Flow v18.6 ships the new `withReflowOnResize` plugin — neighbouring nodes shift automatically when a source resizes, configurable along mode, scope, axis, delta source, and collision — and Layer Ordering, which exposes the stacking of groups, connections, and nodes through `[fLayers]` and `withFCanvas({ layers })`. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.6.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Reflow on Resize example: <https://flow.foblex.com/examples/reflow-on-resize - Canvas Layers example: <https://flow.foblex.com/examples/canvas-layers - Roadmap: <https://flow.foblex.com/docs/roadmap","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.6.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Reflow on Resize example: <https://flow.foblex.com/examples/reflow-on-resize - Canvas Layers example: <https://flow.foblex.com/examples/canvas-layers - Roadmap: <https://flow.foblex.com/docs/roadmap"},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#0","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.13613,0.01482,-0.01031,-0.01812,0.07811,-0.00745,-0.08554,0.03216,0.00045,-0.01585,-0.06703,0.02035,-0.13389,-0.03721,0.07583,-0.00198,0.02859,-0.03216,-0.01851,0.03728,-0.0222,-0.00613,-0.05376,0.01782,-0.00863,0.02929,-0.05319,-0.02084,0.01856,-0.07127,0.08101,0.16491,-0.0207,-0.01105,-0.0541,0.07353,0.05832,-0.02159,-0.08232,-0.0408,0.03387,0.03301,-0.02607,0.0211,-0.01392,-0.06959,-0.0184,-0.06057,-0.06229,0.05049,-0.03945,-0.1103,-0.00635,-0.01282,0.00254,-0.00241,0.01973,-0.00958,-0.03514,0.03276,-0.02186,-0.02703,-0.03261,0.03978,-0.00222,0.05215,-0.00669,-0.03845,0.03724,-0.07386,-0.10293,-0.01597,0.04948,-0.06153,-0.01076,-0.00691,0.02438,-0.01775,0.05869,-0.11666,0.04604,0.05102,0.02904,0.02283,-0.05997,0.04105,0.0281,-0.03459,0.01431,-0.00289,-0.01095,0.02299,0.12121,0.04712,0.04459,0.00583,-0.00627,-0.03335,-0.03886,0.03386,-0.01558,-0.0289,0.0757,0.0128,-0.08044,-0.03858,0.01444,0.03024,-0.02261,-0.01264,-0.02835,0.01434,-0.01925,-0.11608,-0.04526,-0.07578,-0.07972,-0.08308,0.11087,0.01935,-0.01074,0.05789,0.071,0.01583,0.03408,-0.00696,-0.0551,0,-0.04244,0.04566,-0.06272,0.05809,0.06128,-0.07764,0.03882,-0.01979,-0.03133,-0.00597,0.05639,0.08292,-0.06719,0.03436,0.06482,-0.08127,-0.08091,0.10908,0.05795,0.03931,0.05525,-0.02068,-0.01993,-0.00583,0.04023,0.09974,-0.00014,0.0308,-0.05729,0.0257,-0.00195,-0.00809,0.032,-0.01924,-0.03236,0.01655,-0.08525,-0.06489,-0.04232,-0.01785,-0.01838,0.04069,-0.05822,-0.00953,0.07137,-0.0041,-0.04471,0.02387,0.07587,-0.01084,-0.01923,0.05381,0.04748,0.08677,0.04617,-0.09544,-0.0124,-0.00757,0.06515,0.05021,0.04094,0.08603,-0.04579,-0.01135,-0.00003,0.05779,0.07756,0.00482,0.0117,-0.00082,-0.05924,0.05139,-0.01479,0.02228,0.08399,-0.0293,0.01552,0.00756,-0.00251,0.00381,-0.03576,0.03524,-0.00203,0.02437,0.05952,-0.04206,0.04025,-0.03152,-0.05565,0.00405,0.094,-0.07813,-0.01222,0.03566,0.07693,0,0.03063,-0.03001,-0.05036,0.02424,-0.0259,-0.00339,0.01515,0.02006,0.08731,-0.00759,-0.01043,0.06848,0.02313,0.00274,0.00855,-0.04102,-0.04508,-0.13148,0.03792,-0.0404,0.05027,0.05069,-0.07813,-0.01608,-0.00116,0.02219,0.01604,-0.01117,-0.0151,-0.05341,0.01541,0.00297,-0.00775,-0.10193,-0.00231,-0.00286,-0.03493,0.02133,-0.0618,-0.05617,-0.01076,0.03266,-0.05045,0.05041,-0.08668,0.0392,-0.07313,-0.01648,0.06198,0.00578,-0.04201,0.01205,-0.02718,-0.08517,-0.06058,0.01684,0.06776,0.06548,-0.08274,0.06586,0.0509,0.03002,0.0005,-0.02861,0.04291,0.04316,-0.05682,0.01292,-0.0144,0.11105,0.03819,0.00656,-0.09021,-0.03513,0.03602,0.09623,0.1288,0.0175,0.03292,0.0036,-0.05253,0.07176,0.03681,0.06917,0.05695,-0.08811,-0.05773,-0.09809,0.04465,0.04981,-0.04528,0.00787,-0.05412,0.0865,-0.006,0,0.00269,0.01689,-0.07084,-0.00601,0.02352,0.05396,-0.0579,0.05668,-0.02004,0.05307,0.00553,0.03221,-0.05917,0.01059,0.05516,0.03555,-0.05567,0.00695,-0.08638,-0.0772,-0.02019,0.06542,0.03689,-0.02101,-0.01511,-0.03273,0.04026,-0.00079,0.07485,0.02546,-0.00893,0.09401,0.03633,0.05375,0.03414,0.01188,-0.0676,0.11034,-0.01816,0.0306,-0.02899,-0.07858,-0.01845,-0.02232,-0.00238,0.02499,-0.10471,-0.04469,-0.03798,-0.02053,-0.12068,0.03241,-0.07305,0.09421,0.02867,0.05759,-0.02063,-0.05945,0.09546,0.00805,-0.02794,-0.03412,0.09407,0.03469],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0 is a platform release. It turns several pieces of internal infrastructure into clearer public building blocks that are easier to adopt, reason about, and reuse in real Angular products. Today I'm shipping v18.5.0. This release makes layout engines a first-class package story with Dagre and ELK adapters, adds explicit fNodesRendered and fFullRendered lifecycle outputs, promotes major demos into standalone reference apps, and tightens the portal/docs toolchain around that broader surface. f Nodes Rendered f Full Rendered","excerpt":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0 is a platform release. It turns several pieces of internal infrastructure into clearer public building blocks that are easier to adopt, reason about, and reuse in real Angular products. Today I'm shipping v18.5.0. This release makes layout engines a first-class package story with Dagre and ELK adapters, adds explicit fNodesRendered and fFullRendered lifecycle outputs, promotes major demos into standalone reference apps, and tightens the portal/docs toolchain around that broader surface."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#1","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.14822,0.01778,-0.05083,0.02854,0.06917,-0.01892,-0.09098,0.03999,0.01632,-0.00483,-0.09403,0.04155,-0.09116,-0.06101,0.06617,-0.0265,0.07761,-0.04904,-0.02757,0.01982,-0.03918,-0.07019,-0.0571,-0.0326,0.0232,0.02746,-0.03842,0.00518,0.05606,-0.08586,0.06256,0.12788,-0.01495,0.00889,-0.08031,0.05476,0.00808,-0.01852,-0.11375,-0.07711,0.03015,0.05407,-0.01934,0.00742,-0.06202,-0.07462,-0.02305,-0.07273,-0.11202,0.04711,-0.03119,-0.05216,0.01696,0.04878,-0.00548,0.01527,0.00338,-0.01659,-0.03287,0.06053,-0.02213,-0.03711,-0.0066,0.04825,0.01234,0.05743,-0.05817,-0.05946,0.01596,-0.05021,-0.06629,-0.01392,0.0164,-0.11475,0.0527,-0.01351,-0.01713,-0.00952,0.01827,-0.10811,0.07191,0.08643,0.02142,0.01508,-0.04171,0.05031,0.03984,-0.06021,0.01214,-0.01095,0.01502,0.04703,0.04903,0.05651,0.03429,-0.04083,0.00841,-0.00564,-0.03287,0.04271,0.02504,-0.03153,0.08146,0.04265,-0.03051,-0.07554,0.01726,0.08446,-0.08151,-0.01024,-0.01812,0.02483,0.00822,-0.07578,-0.04721,-0.0884,-0.0637,-0.07784,0.09948,0.07901,0.01182,0.05148,0.03215,0.00028,0.06923,-0.0098,-0.02484,0,-0.00527,0.03467,-0.07727,0.03119,0.07995,-0.02775,0.03515,-0.00303,0.0327,0.00115,0.05548,0.05642,-0.05033,0.04489,0.02634,-0.08162,-0.04008,0.08752,-0.00584,0.03243,0.04625,-0.01873,-0.05261,-0.03515,0.03369,0.13087,-0.01722,0.07577,-0.1477,0.04632,-0.00139,-0.02345,0.00918,0.027,-0.05347,0.02441,-0.05277,-0.107,-0.03474,0.00647,-0.05679,0.0317,-0.0389,-0.04318,-0.00897,-0.03114,-0.05995,0.06143,0.03326,0.03035,-0.00248,0.07079,0.05375,0.06144,0.02009,-0.06337,-0.05575,0.02705,0.09059,0.07735,0.02816,0.05352,-0.09036,-0.00078,-0.0379,0.04934,0.09089,-0.01149,0.00488,-0.01051,-0.06843,0.03968,0.03344,0.01516,0.07052,-0.00888,0.00178,-0.01217,-0.03174,0.00727,-0.0142,0.03885,-0.04414,0.02136,0.06546,-0.06381,0.0274,-0.03634,-0.10564,0.00586,0.07141,-0.0468,0.04381,-0.01677,0.08164,0,0.02695,-0.016,-0.07451,0.01098,0.01147,-0.01723,0.05832,0.04069,0.09144,-0.03377,-0.00498,0.09313,-0.01251,-0.0252,-0.05853,-0.00512,-0.05118,-0.10419,0.05267,-0.05986,0.05684,0.0502,-0.04798,-0.02832,-0.05231,0.05545,0.04227,0.01734,-0.00492,-0.01814,0.0426,0.01193,-0.02605,-0.02666,-0.01938,0.00344,-0.04138,0.04243,-0.0409,-0.06548,0.0212,0.02383,-0.01821,0.07787,-0.06625,0.03917,-0.10594,-0.09138,0.03332,-0.01526,-0.04498,0.0423,-0.04057,-0.02583,-0.09299,-0.01614,0.06043,0.05978,-0.06917,0.05981,0.07213,0.02216,-0.00464,-0.01228,0.0451,0.02006,-0.05133,-0.00216,0.05418,0.10928,0.04536,-0.00024,-0.05537,0.01433,0.05834,0.0865,0.12887,-0.04213,0.03275,0.06393,-0.08633,0.05342,0.0076,0.04194,0.06888,-0.04278,-0.11119,-0.04738,0.0056,0.01741,-0.04857,0.01265,-0.02703,0.05026,-0.03275,0,-0.02536,0.01682,-0.03964,0.02441,0.01166,-0.0045,-0.00452,0.0492,-0.02325,0.01145,-0.02961,0.03299,-0.0286,-0.01977,0.07277,0.01083,-0.01398,-0.00166,-0.0915,-0.08099,-0.03049,0.05966,-0.04272,-0.00363,0.01271,0.02006,0.0446,0.04193,0.06946,0.04928,-0.00674,0.07339,0.0486,0.02069,-0.00306,0.02702,-0.02771,0.04326,-0.02037,0.01874,0.00133,-0.05711,0.01572,-0.00565,0.00575,0.05458,-0.06876,-0.03565,-0.04009,-0.01469,-0.0688,0.0381,-0.08685,0.09804,0.04329,-0.02611,0.00483,-0.03535,0.11714,0.01843,-0.00832,-0.00213,0.07016,0.03749],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Highlights - 🧭 Layout engines are now a real integration story with @foblex/flow-dagre-layout, @foblex/flow-elk-layout, and dedicated manual plus auto-layout examples. - ⏱️ Render lifecycle is now explicit with separate fNodesRendered and fFullRendered outputs instead of one implicit post-render moment. - 🧱 Reference apps were fully rebuilt as standalone Angular apps with richer CRUD flows, filtering, custom layouts, embedded forms, and stronger product-style UX. - 🧪 Portal and regression coverage were hardened around prerendering, embedded-page verification, and interaction-heavy Cypress scenarios. - 🧵 The connection-worker path was improved and decomposed into smaller redraw/runtime pieces instead of staying as one larger internal block. f Nodes Rendered f Full Rendered","excerpt":"Highlights - 🧭 Layout engines are now a real integration story with @foblex/flow-dagre-layout, @foblex/flow-elk-layout, and dedicated manual plus auto-layout examples. - ⏱️ Render lifecycle is now explicit with separate fNodesRendered and fFullRendered outputs instead of one implicit post-render moment. - 🧱 Reference apps were fully rebuilt as standalone Angular apps with richer CRUD flows, filtering, custom layouts, embedded forms, and stronger product-style UX. - 🧪 Portal and regression coverage were hardened around prerendering, embedded-page verification, and interaction-heavy Cypress scenarios. - 🧵 The connection-worker path was improved and decomposed into smaller redraw/runtime pieces instead of staying as one larger internal block."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#2","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.14393,0.02706,-0.03592,0.01153,0.03064,0.00727,-0.07314,0.02386,0.01624,-0.00618,-0.09024,0.00037,-0.1195,-0.02686,0.07368,-0.04794,0.04763,-0.01581,-0.01943,0.02844,-0.01757,-0.02201,-0.04129,-0.02686,-0.01859,0.02681,0.00526,0.00073,0.00137,-0.13201,0.09193,0.12521,0.03392,0.05169,-0.05376,0.05133,0.00954,-0.01277,-0.08192,-0.08225,0.04782,0.0567,0.00819,0.00653,-0.03499,-0.04715,-0.10565,-0.06561,-0.06196,0.0423,-0.0609,-0.04264,0.0073,0.04215,0.01093,0.05862,0.04843,0.01691,-0.04301,0.0326,0.02067,-0.0411,-0.02011,0.04997,-0.03862,0.04561,-0.03368,0.0094,0.00612,-0.074,-0.0715,-0.02584,0.00554,-0.11064,0.05942,-0.01027,0.03261,-0.01192,0.05235,-0.10695,0.03404,0.12179,0.01624,0.01749,-0.04908,0.01945,0.02666,-0.04342,0.00192,-0.01958,-0.03165,-0.01766,0.00511,0.02373,0.04602,0.01057,-0.00623,-0.04874,-0.08589,0.03748,0.03313,-0.02695,0.06944,0.05066,-0.00518,-0.07483,0.00267,0.06339,-0.05226,-0.01566,-0.02677,0.03127,-0.00083,-0.04866,-0.05156,-0.07896,-0.06124,-0.07333,0.10875,0.0542,0.02424,0.02273,0.03788,0.0355,0.02843,-0.00159,0.00695,0,-0.00759,0.01291,-0.09004,0.05387,0.08216,-0.03266,0.01169,-0.0105,0.00022,0.03309,0.00334,0.06425,-0.07141,0.07693,0.0272,-0.06774,-0.06967,0.11598,0.03472,0.02488,0.0854,-0.01272,-0.04821,-0.01472,0.06352,0.09935,-0.03276,0.02579,-0.11703,0.0328,-0.02184,-0.05344,0.05465,-0.014,-0.0594,-0.00503,-0.08923,-0.07196,-0.04333,-0.00831,0.01453,0.00427,-0.05965,-0.05214,-0.01065,0.02793,-0.03633,0.06112,0.05761,0.00761,0.00291,0.02912,0.08708,0.0623,0.1059,-0.08105,-0.02324,0.02354,0.09674,0.04598,0.03048,0.09921,-0.07381,0.01923,-0.0019,0.0399,0.07483,0.00341,0.02444,-0.0224,-0.0813,0.06066,-0.0129,0.03721,0.00734,-0.03038,-0.00156,-0.01632,-0.01172,0.05856,-0.05258,0.03191,0.00695,0.04655,0.04708,-0.01106,0.08064,-0.01265,-0.08832,-0.01118,0.06768,-0.0408,-0.00549,-0.01867,0.1259,0,0.02872,-0.01389,-0.04612,-0.02884,0.00101,-0.0211,0.05772,0.04705,0.07102,-0.01338,-0.03088,0.08601,0.01885,-0.03694,0.01522,-0.0244,-0.08454,-0.08854,0.07089,-0.00088,0.04254,0.04615,-0.11087,-0.01892,0.03185,0.00747,0.02239,0.0535,-0.04532,-0.02377,0.04696,0.00461,-0.02573,-0.02975,-0.03827,-0.0048,-0.05147,0.08683,-0.07081,-0.03584,-0.00421,0.02743,-0.05562,0.07388,-0.08763,0.06217,-0.03299,-0.0388,0.00419,0.00179,-0.06147,-0.00731,-0.01191,-0.04063,-0.06549,0.03674,0.05648,0.04941,-0.07538,0.0272,0.0742,-0.00462,0.01068,-0.05025,0.02362,0.01297,-0.06397,-0.02756,-0.0098,0.11696,0.02176,0.01931,-0.02985,-0.00079,0.08911,0.10505,0.07616,0.01232,0.06789,0.00323,-0.11802,0.04426,0.02853,0.08009,0.06366,-0.04791,-0.09493,0.00794,0.05682,0.08356,-0.07871,0.00527,-0.02164,0.06346,-0.04521,0,-0.0075,-0.00688,-0.0459,-0.03269,-0.02231,0.05497,0.00855,0.02185,-0.03137,0.02978,-0.03208,0.06306,-0.05689,0.03741,0.02548,0.0318,0.00883,0.00819,-0.08061,-0.06414,-0.00025,0.0447,0.0049,-0.00691,0.01598,-0.00263,0.0027,-0.01037,0.06399,0.02585,-0.00454,0.04773,0.05705,0.06584,0.01732,0.04433,-0.03012,0.07043,-0.03103,-0.04084,0.01132,-0.0851,0.0004,-0.02334,0.00832,0.06039,-0.04562,-0.02517,-0.04322,-0.0001,-0.10438,0.02151,-0.1003,0.09899,0.04239,0.03419,-0.00339,-0.03333,0.11953,-0.0324,-0.05661,0.04699,0.06535,-0.00755],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Layout Engines Are Now a First-Class Story The biggest structural addition in v18.5.0 is layout. Instead of treating auto-layout as a one-off example pattern, the release formalizes it as a proper Flow capability: - @foblex/flow provides the shared layout integration surface - @foblex/flow-dagre-layout ships a Dagre adapter - @foblex/flow-elk-layout ships an ELK adapter - examples now show both manual and auto layout modes for both engines That makes the layout story much easier to explain and much easier to copy into a real application. That small provider-level API is the real point of the release. Layout is no longer just \"something you can wire up if you know the internals.\" It is now part of the supported integration model. ::: ng-component <dagre-layout-auto</dagre-layout-auto [height]=\"700\" :::","excerpt":"Layout Engines Are Now a First-Class Story The biggest structural addition in v18.5.0 is layout. Instead of treating auto-layout as a one-off example pattern, the release formalizes it as a proper Flow capability: - @foblex/flow provides the shared layout integration surface - @foblex/flow-dagre-layout ships a Dagre adapter - @foblex/flow-elk-layout ships an ELK adapter - examples now show both manual and auto layout modes for both engines That makes the layout story much easier to explain and much easier to copy into a real application. That small provider-level API is the real point of the release. Layout is no longer just \"something you can wire up if you know the internals.\" It is now part of the supported integration model. ::: ng-component <dagre-layout-auto</dagre-layout-auto [height]=\"700\" :::"},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#3","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.0962,0.00419,-0.0093,0.02063,0.04894,0.02195,-0.07287,0.00832,0.08754,0.00857,-0.10677,-0.03342,-0.09614,-0.05825,0.0306,-0.03219,0.08435,-0.07925,-0.0001,0.00238,0.01104,-0.09956,-0.08085,-0.02207,0.00043,0.02414,-0.07669,-0.02606,0.01561,-0.00673,0.04863,0.13935,0.00273,0.02867,-0.05496,0.08503,0.06979,-0.08696,-0.11504,0.01712,0.06347,0.0128,-0.05013,0.0104,-0.01144,-0.02542,0.04093,-0.07389,-0.12363,0.03448,-0.02152,-0.05602,0.00328,0.01654,0.00553,0.06682,0.02196,-0.01713,-0.03198,0.03394,-0.0417,-0.06082,0.006,0.01132,0.03259,0.04965,0.01027,-0.05425,0.06894,-0.06929,-0.00027,0.00869,0.00797,-0.0919,-0.01554,-0.0057,0.0586,-0.01024,-0.02721,-0.13996,0.06065,0.05271,-0.02342,0.01235,-0.06767,0.07585,-0.00553,-0.00089,-0.00379,0.04897,-0.07616,0.02599,-0.0803,-0.02356,0.034,-0.00597,-0.03653,-0.01822,0.00485,0.00947,0.01505,-0.01647,0.06903,0.00782,0.02119,-0.05811,0.00895,0.08934,-0.06354,-0.01409,0.00561,0.0162,0.04824,-0.05995,-0.0215,0.0148,-0.01261,-0.02909,0.11275,0.07511,0.0385,0.02087,0.04646,-0.0127,0.04949,-0.03749,-0.00952,0,-0.02999,-0.07731,0.04856,0.02221,0.08932,-0.04252,0.0217,-0.05068,0.01708,-0.04653,0.01708,-0.00252,-0.03925,0.01926,-0.02534,-0.09678,-0.03765,0.0499,-0.00846,0.03815,0.0744,-0.08424,-0.08763,-0.05589,0.03774,0.075,-0.00841,0.06034,-0.07663,0.0082,-0.04132,-0.00304,0.02557,-0.001,-0.0458,-0.00888,-0.08293,-0.05521,-0.01349,-0.0419,-0.0629,0.05745,-0.0771,0.01947,-0.00731,-0.04367,-0.10262,0.05142,0.0215,0.03098,0.06264,0.0789,0.08456,-0.01994,0.02004,-0.0103,0.01368,0.04441,0.01447,0.05584,0.05977,0.03755,-0.12425,-0.01021,0.03534,0.11105,0.03686,0.04239,-0.00381,-0.04841,-0.10607,0.09423,-0.0071,0.01041,0.0783,0.00668,0.01656,-0.02572,-0.02662,0.0249,-0.03098,-0.01449,-0.03075,0.04063,0.07043,-0.03555,0.02669,-0.00502,-0.11577,0.00355,0.08355,-0.03082,0.1026,-0.00255,0.02434,0,0.0405,-0.0318,-0.08117,0.02858,0.07318,-0.02588,0.02871,0.01002,0.06319,-0.02008,0.01529,0.07828,-0.04056,-0.03697,-0.04538,-0.01799,-0.00071,-0.07121,0.05285,-0.01984,0.056,0.00764,-0.04387,-0.05999,-0.06919,0.00885,0.02672,0.01527,-0.04151,-0.06261,0.02494,-0.0042,-0.01796,-0.07619,0.0098,0.01238,-0.05825,0.01136,-0.00929,0.00156,-0.00037,0.01883,-0.06261,0.05628,-0.07563,0.05032,-0.06967,-0.07087,0.00447,0.03995,-0.0735,0.06915,-0.06252,-0.0095,-0.00786,-0.01718,0.03768,0.0282,-0.01411,0.04179,0.04183,-0.0157,0.03931,-0.07034,0.06105,0.01805,-0.04235,0.00893,0.07252,0.09199,0.10956,-0.00161,-0.12226,0.04528,0.02872,0.01649,0.06229,0.00431,0.03805,0.09019,-0.08571,0.05877,-0.00503,0.08304,0.0869,-0.04003,-0.03582,-0.0494,0.04009,0.05655,-0.03437,0.00668,-0.0422,0.07142,-0.09505,0,-0.04449,-0.02766,-0.04808,0.01087,0.01751,0.02865,0.00337,0.03365,-0.01542,-0.02247,0.06041,0.03902,0.0416,-0.05468,0.06964,0.00963,-0.01518,-0.07122,-0.07671,-0.0536,-0.03934,0.01839,-0.05329,0.01296,0.00294,-0.01292,0.0759,0.05989,0.01952,0.01971,-0.01913,0.05902,0.0118,0.0643,-0.00722,0.04022,-0.03905,0.05837,0.00455,0.0543,0.00263,-0.02848,-0.01034,-0.01861,0.0375,0.05277,-0.0338,-0.00551,-0.08489,0.02273,-0.05909,0.03201,-0.12731,0.11949,0.05953,-0.01426,0.01453,-0.06025,0.12239,0.04794,-0.04411,0.04301,0.0758,0.02092],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Render Lifecycle Is Now Explicit v18.5.0 also makes Flow render timing easier to reason about. Before this release, post-render orchestration often depended on one broader \"the flow is probably ready now\" moment. That was workable, but it was not very expressive when an application needed to distinguish between: - nodes being rendered and measurable - connections being redrawn and the scene being fully ready This release introduces two explicit outputs: - fNodesRendered - fFullRendered That gives application code a cleaner place to hook tasks like: - fit-to-flow or centering after the node tree exists - screenshots or external synchronization after connections are also ready - onboarding or guided interactions that should wait for the full scene This is the kind of API change that removes timing guesswork rather than adding another workaround for it. f Nodes Rendered f Full Rendered","excerpt":"Render Lifecycle Is Now Explicit v18.5.0 also makes Flow render timing easier to reason about. Before this release, post-render orchestration often depended on one broader \"the flow is probably ready now\" moment. That was workable, but it was not very expressive when an application needed to distinguish between: - nodes being rendered and measurable - connections being redrawn and the scene being fully ready This release introduces two explicit outputs: - fNodesRendered - fFullRendered That gives application code a cleaner place to hook tasks like: - fit-to-flow or centering after the node tree exists - screenshots or external synchronization after connections are also ready - onboarding or guided interactions that should wait for the full scene This is the kind of API change that removes timing guesswork rather than adding another workaround for it."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#4","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.12903,0.00634,-0.02892,-0.00395,0.01625,0.02349,-0.11374,0.04061,0.08807,0.01537,-0.10482,0.00748,-0.08734,-0.02483,0.09835,0.03971,0.0014,-0.0594,-0.00555,0.06158,-0.00682,-0.00718,-0.03416,0.00421,0.0426,0.06123,-0.03662,0.02746,0.03836,-0.08741,0.03083,0.16768,0.00664,0.00664,-0.06302,0.10226,0.01038,-0.00984,-0.09861,-0.08956,0.04284,0.06449,0.00418,0.01543,-0.05406,-0.0565,-0.0555,-0.05848,-0.07468,0.07759,-0.07261,-0.10185,-0.03222,0.01618,0.03023,0.04236,0.02468,-0.01802,0.0246,0.02174,0.00403,0.0252,0.005,0.06526,-0.05851,0.06799,-0.05763,0.01053,0.02624,-0.06787,-0.05195,-0.04156,0.02997,-0.08075,0.03469,-0.00493,-0.03985,0.01461,0.02275,-0.12297,0.05618,0.02878,-0.00931,0.07486,-0.02337,0.08112,0.05352,-0.08941,0.04857,0.00791,0.01363,-0.00528,0.07617,-0.01442,0.04545,-0.02826,-0.01493,-0.03551,-0.0519,0.0284,0.01395,-0.01778,0.11437,-0.01669,-0.0294,-0.05889,0.02284,0.0102,-0.10753,-0.01499,-0.04291,0.01183,0.00464,-0.06116,-0.05741,-0.08659,-0.02724,-0.10856,0.08913,0.09497,0.00285,0.0548,0.00377,0.02332,0.0149,-0.00126,-0.04343,0,0.03338,0.01327,-0.02771,0.08446,0.103,-0.05047,0.01185,0.00405,-0.0228,-0.02901,0.09454,0.07086,-0.06378,0.0407,0.03139,-0.04229,-0.06706,0.11176,-0.01415,-0.03096,-0.03016,0.01936,-0.04786,-0.0127,0.02314,0.16473,-0.01043,0.03093,-0.10828,0.00412,0.00676,-0.0234,0.04346,0.01616,-0.04531,0.03821,-0.02785,-0.07221,0.0031,0.01755,-0.03736,0.0147,-0.05895,0.00356,0.00428,0.00171,-0.04525,0.06762,0.06883,0.02195,-0.0005,0.07381,0.07415,0.08572,0.02762,-0.09642,-0.03495,0.05715,0.05122,0.02558,0.0057,0.11727,-0.07316,0.02642,-0.01464,0.07703,-0.00192,-0.03943,0.06223,-0.0264,-0.06563,0.04498,0.00048,0.04564,0.03157,-0.07179,-0.02766,-0.06148,-0.03221,0.01937,-0.02966,0.01326,-0.01981,0.01413,0.03558,-0.06303,0.05086,-0.04441,-0.09625,0.01208,0.07104,-0.06162,-0.00168,0.03589,0.07991,0,-0.00442,-0.04538,-0.007,0.04107,0.02529,-0.03627,0.01014,0.04819,0.0705,-0.00056,0.02456,0.05396,0.01843,-0.03809,-0.0152,-0.01242,-0.02522,-0.10107,0.05954,-0.03748,0.10684,0.01304,-0.02832,-0.01212,-0.0515,0.03184,0.0346,-0.03875,0.01711,-0.06495,0.01113,-0.04863,-0.02016,-0.06494,-0.01898,-0.05496,-0.04173,0.06936,-0.02756,-0.08212,0.00402,0.03872,-0.00616,0.06923,-0.04458,0.05244,-0.06296,-0.01692,0.0432,-0.05749,-0.06128,-0.0163,-0.03173,-0.08396,-0.03662,0.02562,0.10056,0.01974,-0.04676,0.02336,0.01538,0.00625,-0.00153,-0.04304,0.05665,0.08992,-0.05112,-0.00341,-0.0225,0.07523,0.03563,0.01192,-0.08375,-0.02921,0.04711,0.08212,0.12696,0.01207,0.0329,0.00535,-0.0674,0.05175,0.05516,0.02147,0.03951,-0.01063,-0.06928,-0.02364,0.02646,0.06115,-0.08901,0.02859,0.0217,0.04523,-0.02481,0,-0.0573,0.01119,-0.04362,-0.00874,-0.01725,-0.01268,-0.01866,0.04234,0.01101,0.03488,-0.03384,0.05736,-0.06456,-0.039,0.05847,0.02869,-0.03875,0.02434,-0.06719,-0.07355,-0.00371,0.03559,0.01958,0.03848,0.02001,0.0018,-0.01135,0.01274,0.03248,0.01582,-0.01386,0.07719,0.08793,0.08569,-0.00134,-0.04316,-0.05201,0.04447,-0.01635,-0.00113,-0.00174,-0.08007,-0.02039,-0.03728,0.01187,0.04458,0.00996,0.00334,-0.042,-0.03472,-0.10852,0.01513,-0.09697,0.01395,0.00007,0.05067,0.03063,-0.04716,0.10726,-0.02204,-0.00636,0.01809,0.03774,0.02568],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Reference Apps Were Rebuilt, Not Just Moved The reference-app work in v18.5.0 is much bigger than a workspace reorganization. These demos were not just copied into apps/example-apps/. They were rebuilt into fuller product-style examples that can be built, served, embedded, documented, and explored as real Angular applications. That includes: - Schema Designer - UML Diagram - Tournament Bracket - Call Center Flow Each one now demonstrates a different kind of editor problem:","excerpt":"Reference Apps Were Rebuilt, Not Just Moved The reference-app work in v18.5.0 is much bigger than a workspace reorganization. These demos were not just copied into apps/example-apps/. They were rebuilt into fuller product-style examples that can be built, served, embedded, documented, and explored as real Angular applications. That includes: - Schema Designer - UML Diagram - Tournament Bracket - Call Center Flow Each one now demonstrates a different kind of editor problem:"},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#5","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.05795,0.01342,-0.05049,-0.02025,0.00492,0.02965,-0.066,0.03445,0.02348,-0.0007,-0.11073,-0.06074,-0.06185,-0.04407,0.03493,0.02882,0.02085,-0.02503,-0.0028,0.01836,0.04912,-0.04874,-0.0341,-0.04876,-0.02974,0.04644,-0.0004,0.01589,-0.00635,-0.11338,0.05198,0.12516,0.06773,0.03761,-0.04066,-0.00261,0.05226,-0.03235,-0.10153,-0.0583,-0.02139,-0.00111,0.02142,0.04662,-0.02503,-0.01088,-0.02701,-0.06542,-0.0539,0.086,-0.06438,-0.10263,-0.02543,0.05957,0.02093,0.0965,-0.01503,-0.04945,0.00037,-0.01098,-0.00577,0.00267,-0.02176,0.06621,-0.04854,0.05915,-0.08197,0.01137,0.09607,-0.09901,-0.03739,-0.04012,0.03035,-0.04498,0.04387,0.03317,0.02514,0.00585,0.03614,-0.1672,-0.0151,0.0771,-0.0209,0.04175,-0.00497,0.02735,0.04686,-0.06499,0.01435,0.04938,-0.00654,0.01698,0.0476,-0.06642,0.03804,-0.00468,0.00993,-0.09924,-0.00286,0.0484,0.02394,0.00088,0.0626,-0.02001,-0.07218,-0.06657,-0.00183,0.0651,-0.10747,-0.03652,-0.0666,0.01212,0.00443,-0.09592,-0.01122,-0.06244,-0.04148,-0.07322,0.11343,0.03365,0.00812,0.02711,-0.0062,0.03752,0.02598,0.01835,-0.07891,0,0.00825,-0.00985,-0.06633,0.08687,0.0824,-0.00793,0.06353,-0.01635,-0.05626,0.01408,0.03556,0.07766,-0.08238,0.06499,0.04958,-0.08161,-0.03199,0.07034,-0.00267,-0.01618,0.02206,-0.007,-0.02599,0.00005,0.11635,0.13409,-0.03619,0.05571,-0.07574,0.03472,-0.04553,-0.06697,0.03225,-0.02156,-0.04,0.06948,-0.05916,-0.06042,0.03353,0.01552,-0.05309,-0.01051,-0.07168,-0.04643,0.00735,-0.00872,-0.07693,0.04015,0.05599,0.03118,0.03896,-0.00905,0.09241,0.06298,0.04065,-0.06518,-0.05136,0.06425,0.01001,0.05152,0.00973,0.11969,-0.09067,0.02479,-0.00241,0.05967,0.02715,-0.01825,0.08286,-0.0279,-0.08246,0.09564,0.04613,0.00202,0.0198,-0.05027,-0.03096,-0.08522,-0.05162,0.05047,-0.08871,0.01884,-0.01178,0.01704,0.05846,-0.02707,0.07921,-0.0048,-0.11962,-0.01197,0.09228,-0.06488,0.00389,0.04064,0.06647,0,0.00381,-0.03747,0.01465,0.02929,0.05083,-0.02362,0.06017,0.01306,0.05903,-0.00647,0.01585,0.0484,-0.00294,-0.079,-0.00842,-0.01791,-0.05802,-0.08902,0.03952,-0.00411,0.0301,0.05032,-0.0299,-0.01739,-0.046,0.01094,0.0252,0.0026,0.02724,-0.03741,0.02268,-0.04034,-0.00209,-0.04722,0.02227,-0.09098,-0.00019,0.06482,-0.01289,-0.01304,-0.00434,0.01465,-0.03724,0.05092,-0.03637,0.09701,-0.0385,-0.01399,0.01401,-0.03419,-0.03912,-0.03146,-0.04464,-0.05697,-0.02457,0.01892,0.07361,0.06215,-0.02485,0.04068,0.02054,-0.01603,0.03667,0.01331,0.05684,0.01963,-0.05595,0.03549,-0.06037,0.05835,0.03665,-0.00066,-0.07839,0.00059,0.08001,0.00278,0.06174,0.02632,0.06031,0.07555,-0.08249,0.06896,0.0404,0.06172,0.06733,0.01396,-0.05881,0.03367,0.05745,0.04187,-0.0955,0.0348,0.00921,0.03515,-0.05778,0,-0.0453,-0.04021,-0.01323,-0.00753,-0.0231,0.05549,0.0009,0.07011,-0.03047,-0.01285,0.06324,0.06347,-0.05811,-0.03639,0.06118,-0.00892,-0.00373,0.0385,-0.04074,-0.10812,-0.00086,0.04473,0.00334,0.0612,0.02351,-0.01011,-0.03055,0.00163,0.04329,0.01886,0.04341,0.05079,0.09951,0.06383,0.01018,0.04558,-0.05042,0.06213,-0.04996,0.04343,0.0261,-0.04778,-0.01727,-0.01254,0.00621,0.0692,-0.01566,-0.03584,-0.06565,-0.08188,-0.10888,0.04063,-0.08122,0.06179,-0.02747,0.04601,0.01977,-0.04451,0.12577,-0.01723,-0.01361,0.05036,0.00388,0.01446],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. - Schema Designer shows table and column CRUD, inline editing, relation creation and reassignment, relation-cardinality editing, and target-aware context menus. - UML Diagram shows grouped architecture maps with layer filters, relation-kind filters, search, selection-driven detail panels, and UML-style markers. - Tournament Bracket shows a domain-specific custom layout engine, multiple bracket modes, selective branch visibility, path highlighting, and stats-driven match detail panels. - Call Center Flow shows palette-based node creation, embedded configuration forms inside nodes, dynamic IVR branching, connection reassignment, and persisted editor plus viewport state.","excerpt":"- Schema Designer shows table and column CRUD, inline editing, relation creation and reassignment, relation-cardinality editing, and target-aware context menus. - UML Diagram shows grouped architecture maps with layer filters, relation-kind filters, search, selection-driven detail panels, and UML-style markers. - Tournament Bracket shows a domain-specific custom layout engine, multiple bracket modes, selective branch visibility, path highlighting, and stats-driven match detail panels. - Call Center Flow shows palette-based node creation, embedded configuration forms inside nodes, dynamic IVR branching, connection reassignment, and persisted editor plus viewport state."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#6","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.1293,0.00897,-0.01172,-0.0189,0.0778,0.00285,-0.06883,0.07066,0.01849,-0.03016,-0.12563,-0.04028,-0.05595,-0.05526,0.07907,-0.03341,0.02965,-0.02405,0.01604,-0.00183,-0.01174,-0.06435,-0.01779,-0.02063,0.00124,0.07345,-0.01787,-0.01974,0.04675,-0.05097,0.06527,0.12933,0.05683,0.01975,-0.00664,0.04036,0.04261,-0.0106,-0.09321,-0.06737,-0.05335,0.03753,-0.02306,0.04249,-0.01325,-0.07637,-0.00355,-0.07493,-0.07265,0.07102,-0.05242,-0.11204,-0.00903,0.0194,0.01952,0.025,0.02077,-0.0614,-0.02152,0.03421,-0.01268,0.00534,0.01037,0.06388,-0.00713,0.04777,-0.03836,0.0256,0.05286,-0.10232,-0.08324,-0.00783,0.03311,-0.02976,0.00667,-0.03533,0.02005,-0.01418,-0.01359,-0.11615,0.00762,0.05469,0.01138,0.03601,-0.03552,0.04123,0.03929,-0.02499,-0.00568,0.05602,0.0205,0.02285,0.06594,-0.04191,0.03577,-0.02979,0.01154,-0.10405,-0.04531,0.0333,-0.01819,-0.01846,0.10358,-0.01535,0.01764,-0.04375,0.03221,0.02083,-0.02059,0.01057,-0.02389,-0.01494,0.00973,-0.08421,-0.00707,-0.084,-0.03724,-0.07043,0.10956,0.03245,0.02811,0.06675,0.03666,0.00505,0.02511,-0.02217,-0.06063,0,0.03472,0.01966,-0.02347,0.0776,0.08446,-0.07175,0.0284,0.00021,-0.03049,-0.00614,0.06264,0.0572,-0.05765,0.13097,-0.01347,-0.03738,-0.09389,0.08066,-0.01284,-0.00165,0.02676,-0.05752,0.00593,-0.01406,0.01386,0.10874,-0.03871,0.06993,-0.04582,0.02066,-0.10862,-0.07775,0.03684,-0.01644,-0.05473,0.01235,-0.06964,-0.09673,0.03286,0.01443,-0.03577,-0.00051,-0.02019,-0.04829,0.02503,0.01636,-0.06296,0.05769,0.04104,0.00013,0.02356,0.0382,0.06426,0.0653,0.03884,-0.08963,-0.03615,0.03215,0.07854,0.06672,0.02587,0.11479,-0.0867,-0.01023,-0.02421,0.08079,0.03976,0.00662,-0.00033,0.00399,-0.09625,0.10222,-0.00624,-0.02872,0.06948,-0.06186,0.01808,-0.05449,-0.00394,0.01991,-0.03613,-0.00026,0.00398,0.02344,0.06143,-0.04379,0.04753,-0.03209,-0.1194,-0.02182,0.06986,-0.08655,0.00139,-0.01989,0.07854,0,-0.00506,0.00009,-0.02509,0.03192,0.02352,0.00696,0.04546,0.01765,0.07621,-0.03825,-0.03565,0.06018,0.00653,-0.04713,0.01686,-0.03059,-0.03114,-0.09639,0.02039,-0.04718,-0.00177,0.03264,-0.03199,-0.04772,-0.05058,0.01202,0.00274,0.03789,-0.01033,-0.05677,0.05068,-0.00944,-0.01998,-0.06616,0.00911,-0.02696,-0.04186,0.04971,-0.0118,-0.02796,-0.00454,0.00294,-0.03266,0.04808,-0.08612,0.0905,-0.08883,-0.02533,0.07647,-0.03383,-0.05386,-0.00127,-0.05889,-0.06613,-0.02991,-0.00464,0.03377,0.0754,-0.02046,0.02409,-0.03594,0.00573,0.0117,-0.00537,0.04697,0.01819,-0.0762,0.02108,-0.03378,0.07811,0.10225,0.00891,-0.09248,0.00383,0.05229,0.08783,0.12757,0.02541,0.04898,0.0292,-0.00953,0.05421,0.07576,0.0547,0.06903,-0.01022,-0.08438,-0.06667,0.01567,0.06077,-0.06691,0.07507,0.00901,0.1216,0.01375,0,-0.02439,-0.00588,-0.00323,-0.02255,-0.03147,0.06918,-0.00437,0.0271,-0.04909,-0.00969,0.03816,0.01307,-0.05402,0.00923,0.03775,0.05692,-0.03902,0.00736,-0.07427,-0.09824,-0.01699,0.05655,0.00492,0.00386,-0.02177,0.00758,0.02266,0.00974,0.05606,-0.00996,0.01712,0.06775,0.06908,0.07308,0.05583,0.00631,-0.07393,0.07201,-0.04319,0.04758,0.00061,-0.03973,-0.02224,-0.04725,-0.02345,0.05742,-0.03339,-0.04951,-0.08829,0.00652,-0.10158,0.03218,-0.06899,0.1048,0.01448,0.04156,-0.03289,-0.01574,0.1152,0.02831,-0.04866,0.06335,0.09922,0.0309],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. That matters for two reasons. First, these examples now behave much more like starter products than demo snippets. Second, they show a wider range of what Foblex Flow can support in practice: - CRUD-heavy editors - architecture and system diagrams - domain-specific custom layout engines - workflow builders with embedded forms and palette-driven authoring For users evaluating the library, that is a much stronger proof point than a collection of isolated feature demos.","excerpt":"That matters for two reasons. First, these examples now behave much more like starter products than demo snippets. Second, they show a wider range of what Foblex Flow can support in practice: - CRUD-heavy editors - architecture and system diagrams - domain-specific custom layout engines - workflow builders with embedded forms and palette-driven authoring For users evaluating the library, that is a much stronger proof point than a collection of isolated feature demos."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#7","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.06273,0.00284,0.00094,-0.01356,0.05704,-0.03032,-0.083,0.06518,-0.01073,-0.02123,-0.09713,0.0269,-0.08111,-0.02674,0.07404,-0.03767,0.0594,-0.02916,-0.01908,0.00831,-0.01901,-0.03392,-0.00966,-0.02232,-0.03389,0.04945,-0.03331,-0.01204,0.02285,-0.09546,0.07136,0.17878,-0.00966,-0.01596,-0.00737,0.06009,0.04691,-0.00737,-0.098,-0.04014,0.01005,0.04115,-0.00033,0.05815,-0.03438,-0.08443,0.0106,-0.0716,-0.0521,0.04626,-0.01922,-0.10115,-0.00734,0.03675,0.0096,0.05746,0.00754,-0.01377,-0.04032,0.00722,0.01603,-0.00494,-0.00038,0.02398,0.00707,0.02097,-0.01058,-0.01211,0.03701,-0.06317,-0.08555,0.00659,-0.00006,-0.06423,0.01984,-0.0459,0.03016,-0.01248,0.01763,-0.10963,0.05695,0.08169,0.03853,0.06614,-0.07114,-0.01421,0.03542,-0.02344,0.02269,0.01228,0.01322,0.02909,0.07045,-0.00516,0.02931,-0.04294,-0.02315,-0.04621,-0.03067,0.04262,0.01754,-0.0391,0.12544,0.03127,-0.04318,-0.02926,0.01798,0.05284,-0.06021,0.012,-0.0348,0.02331,0.00056,-0.06408,-0.04554,-0.0541,-0.01714,-0.08137,0.12497,0.06389,0.00088,0.04698,0.05797,0.02572,0.04331,-0.00685,-0.08408,0,-0.02842,0.06205,-0.07922,0.09218,0.09656,-0.04082,0.08529,-0.0072,-0.02317,-0.02265,0.01763,0.09803,-0.08147,0.08729,0.03422,-0.05326,-0.066,0.12053,-0.02034,0.00366,0.02999,-0.03961,-0.03223,-0.01574,0.11158,0.09062,-0.03606,0.07215,-0.10136,0.00074,-0.01061,-0.03222,0.05638,0.04211,-0.029,0.03558,-0.06004,-0.06585,-0.01852,-0.01458,-0.08688,0.05971,-0.0316,-0.04417,0.06911,-0.03343,-0.088,-0.00539,0.05527,-0.00089,0.018,0.02636,0.06808,0.06307,0.00193,-0.0958,-0.03557,0.00018,0.04362,0.0715,0.01529,0.03999,-0.09979,0.03217,0.04093,0.08539,0.06532,0.01334,0.01604,-0.01035,-0.10457,0.08277,0.0409,0.01019,0.01516,-0.02374,-0.00933,-0.04674,-0.04839,0.01908,-0.05088,0.02842,0.00619,0.02926,0.05605,-0.03654,0.08423,-0.00571,-0.04701,0.00905,0.1134,-0.06077,0.02463,0.03234,0.06027,0,0.01775,-0.03506,-0.05144,0.05137,-0.0023,-0.0035,0.06955,-0.02792,0.0841,-0.03497,-0.03313,0.06428,0.01845,-0.02333,-0.01164,0.00631,-0.01304,-0.11823,0.03172,-0.03117,0.03776,0.06822,-0.09187,-0.07199,0.00011,-0.01434,0.0236,-0.01973,-0.03911,-0.0333,-0.00667,-0.0389,0.01099,-0.07899,0.04182,0.01192,-0.10276,0.05985,-0.02174,-0.02904,-0.01801,0.0248,-0.05394,0.02994,-0.08366,0.07763,-0.10371,-0.01375,-0.00396,-0.00931,-0.05939,0.00408,-0.02182,-0.06121,-0.01537,0.02905,0.05506,0.07769,-0.08073,0.03783,0.02921,0.00565,-0.01285,0.01947,0.03011,0.01698,-0.09688,0.02317,-0.03601,0.1008,0.02333,0.00871,-0.03943,-0.00867,0.0196,0.06473,0.14163,-0.00322,0.02583,0.0249,-0.09212,0.06627,0.02544,0.01654,0.02671,-0.01743,-0.05833,-0.03637,0.02337,0.03149,-0.02734,-0.00756,-0.04839,0.06632,-0.03696,0,-0.00035,0.00625,-0.0963,-0.01858,0.01706,0.00398,0.01785,0.11352,-0.00067,0.08196,0.0164,0.03324,-0.05407,-0.02029,0.05778,0.03469,-0.0287,-0.00324,-0.08887,-0.11115,-0.0304,0.05494,-0.02699,0.00332,0.02265,-0.01682,0.04466,0.0156,0.06504,-0.01427,0.00041,0.07487,0.00652,0.06445,0.00113,0.05147,-0.03194,0.0887,-0.03336,0.02575,0.01371,-0.07831,0.0249,-0.05152,0.01227,0.02264,-0.06748,-0.02702,-0.00354,-0.05939,-0.12415,0.0528,-0.03449,0.05189,0.04272,0.05863,-0.00147,-0.04171,0.11303,0.01106,-0.05265,0.02181,0.05756,0.00374],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Portal, Docs, and Package Boundaries Are Cleaner This release also includes a broader cleanup around how the repository is organized and shipped. The workspace is now structured around Nx apps/ and libs/ projects, which fits the growing split between the core package, layout adapters, portal, and standalone reference apps much better than the previous flatter layout. Around that, v18.5.0 also: - automates more portal prerender and sitemap work - verifies embedded reference-app pages more aggressively - extends Cypress coverage for interaction-heavy editor flows - fixes group bounds and flow-surface sizing so grouped layouts behave more predictably - keeps connection markers and redraw behavior inside the main f-flow package - refines the connection-worker path into smaller worker, runtime, and redraw pipeline pieces That last point matters because this release does not remove the worker-backed redraw strategy. It keeps that path, but restructures it into clearer internal units that are easier to maintain and evolve.","excerpt":"Portal, Docs, and Package Boundaries Are Cleaner This release also includes a broader cleanup around how the repository is organized and shipped. The workspace is now structured around Nx apps/ and libs/ projects, which fits the growing split between the core package, layout adapters, portal, and standalone reference apps much better than the previous flatter layout. Around that, v18.5.0 also: - automates more portal prerender and sitemap work - verifies embedded reference-app pages more aggressively - extends Cypress coverage for interaction-heavy editor flows - fixes group bounds and flow-surface sizing so grouped layouts behave more predictably - keeps connection markers and redraw behavior inside the main f-flow package - refines the connection-worker path into smaller worker, runtime, and redraw pipeline pieces That last point matters because this release does not remove the worker-backed redraw strategy. It keeps that path, but restructures it into clearer internal units that are easier to maintain and evolve."},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#8","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.09467,0.03092,-0.08096,0.00286,0.01466,0.03384,-0.08419,0.04197,0.00923,-0.02275,-0.09133,-0.04741,-0.09329,-0.03975,0.03549,0.04127,-0.02239,-0.01423,0.02611,0.00048,0.0527,-0.07748,-0.03647,-0.02662,-0.02446,0.0192,0.01505,0.0661,0.00749,-0.11218,0.0538,0.06792,0.06589,0.04873,-0.02438,0.01653,0.00977,0.00402,-0.136,-0.03664,0.02376,0.0488,0.02295,-0.03332,-0.01956,-0.0465,-0.10346,-0.05487,-0.05472,0.07212,-0.07776,-0.0464,0.0154,0.03931,0.05235,0.08701,0.01883,-0.07038,-0.01946,0.00405,0.02139,0.01759,-0.01589,0.02495,-0.07306,0.09203,-0.04329,0.04757,0.03767,-0.03906,-0.06395,-0.06362,-0.01432,-0.12503,0.07639,0.00036,0.02539,0.02467,0.00961,-0.13568,-0.05461,0.07969,0.00787,0.02839,-0.02256,0.02793,-0.00562,-0.06077,0.039,0.00972,-0.01714,0.01941,-0.03897,-0.0072,0.05426,0.01775,0.05746,-0.04948,-0.00462,0.04133,0.00983,-0.04102,0.04587,0.00443,0.00935,-0.05737,-0.00026,0.05256,-0.10822,-0.01679,-0.02513,0.04359,0.01605,-0.03009,-0.04695,-0.05597,-0.03893,-0.0857,0.11752,0.02198,0.04405,0.02043,-0.03663,0.06134,0.01499,-0.01938,-0.02253,0,0.02446,-0.05778,-0.04145,0.04912,0.06782,-0.02936,0.03709,-0.02665,-0.02839,0.00793,0.0275,0.05809,-0.07002,0.01624,-0.04308,-0.1272,-0.05779,0.08983,0.01009,-0.0227,0.03247,0.02648,-0.06587,0.00064,0.05384,0.14773,-0.04274,0.05033,-0.11768,0.03748,-0.00442,-0.06748,0.05908,-0.01446,-0.07231,0.02582,-0.10552,-0.00293,-0.04204,0.01049,0.0238,-0.00515,0.01959,-0.0538,-0.02496,0.00409,-0.03137,0.10203,0.0556,-0.006,0.01465,0.02074,0.05503,0.05881,0.04987,-0.0653,-0.06724,0.03011,0.02902,0.01639,-0.01092,0.09979,-0.09177,-0.00338,-0.02179,0.04461,0.0177,-0.03374,0.03579,-0.0219,-0.05308,0.08769,0.0321,0.00186,0.0177,-0.04007,0.00209,-0.03639,-0.04244,0.05227,-0.08246,0.01084,0.00634,-0.01948,0.04602,-0.04056,0.10937,0.00033,-0.12574,-0.04861,0.03654,-0.05504,0.03472,-0.0094,0.11919,0,0.06329,-0.02477,0.02988,0.04517,0.07051,0.01338,0.08124,0.07444,0.06595,-0.01372,-0.04677,0.04023,-0.02758,-0.06291,0.03619,-0.02117,-0.05578,-0.04629,0.04594,0.00936,0.03714,0.05971,-0.07219,-0.04528,-0.00571,-0.02345,0.05281,0.05218,-0.04431,-0.01748,0.04813,-0.01974,-0.06329,0.01384,-0.03219,-0.06536,-0.01184,0.08842,-0.04161,0.00866,-0.00433,0.02535,-0.06194,0.06712,-0.0238,0.11531,-0.02066,-0.02153,0.02591,-0.0358,-0.04789,-0.0231,-0.03159,-0.01508,-0.04946,0.04726,0.08109,0.03506,-0.09499,0.03837,-0.00949,-0.0188,0.05425,-0.02524,0.05368,0.01542,-0.07852,-0.0192,-0.03652,0.07542,0.02164,0.06891,-0.02134,0.01672,0.09853,0.03523,0.04813,0.09369,0.07845,0.03733,-0.10573,0.0487,0.05567,0.1228,0.01752,-0.0166,-0.05785,0.0538,0.0411,0.0657,-0.07909,0.00075,0.01322,0.04622,-0.05286,0,-0.04604,-0.05108,-0.00914,-0.02233,-0.05038,0.07393,0.01021,0.03308,-0.06707,-0.03473,0.01619,0.08408,-0.01931,-0.02126,-0.01283,-0.02298,0.01094,0.00309,-0.0629,-0.08007,-0.0231,0.00692,0.0087,0.05533,0.02107,-0.02284,-0.02933,0.0135,0.04377,-0.00221,0.00297,0.03843,0.08418,0.0666,0.05536,-0.00264,-0.04763,0.02706,-0.03538,0.03188,0.00985,-0.04489,-0.04981,-0.03975,0.05949,0.0637,-0.01594,-0.01455,-0.05904,-0.01545,-0.08525,-0.00001,-0.07783,0.05893,0.01647,0.00704,0.01865,-0.05294,0.11711,-0.00996,-0.03757,0.08922,0.02942,0.02765],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.5.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Dagre Auto Layout example: <https://flow.foblex.com/examples/dagre-layout-auto - ELK.js Auto Layout example: <https://flow.foblex.com/examples/elk-layout-auto - Schema Designer reference app: <https://flow.foblex.com/examples/schema-designer - UML Diagram reference app: <https://flow.foblex.com/examples/uml-diagram-example - Tournament Bracket reference app: <https://flow.foblex.com/examples/tournament-bracket - Call Center Flow reference app: <https://flow.foblex.com/examples/call-center","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.5.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Dagre Auto Layout example: <https://flow.foblex.com/examples/dagre-layout-auto - ELK.js Auto Layout example: <https://flow.foblex.com/examples/elk-layout-auto - Schema Designer reference app: <https://flow.foblex.com/examples/schema-designer - UML Diagram reference app: <https://flow.foblex.com/examples/uml-diagram-example - Tournament Bracket reference app: <https://flow.foblex.com/examples/tournament-bracket - Call Center Flow reference app: <https://flow.foblex.com/examples/call-center"},{"chunkId":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps#9","slug":"foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","route":"/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps","section":"blog","title":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps","description":"Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.","group":"Releases","vector":[-0.09646,0.03828,0.01349,-0.02126,0.06199,0.02063,-0.10329,0.04988,0.06299,-0.02912,-0.0944,0.02217,-0.12569,-0.04956,0.04684,0.00192,0.0502,-0.03713,-0.02929,0.01479,-0.02044,-0.03696,-0.03294,-0.00397,-0.02208,0.04561,-0.06461,-0.03248,-0.00453,-0.04985,0.07691,0.15689,0.02552,-0.02751,-0.02646,0.05746,0.02867,-0.00087,-0.07588,-0.03707,-0.00944,0.04067,-0.00417,0.05523,0.02188,-0.05179,-0.00524,-0.07232,-0.04949,0.06808,-0.05775,-0.11919,0.02002,-0.01761,0.02081,0.02103,0.0147,-0.02071,0.00334,0.03946,-0.01693,0.01881,-0.03216,0.0407,0.0046,0.02631,-0.00428,-0.02401,0.04367,-0.09459,-0.08402,0.00698,0.04793,-0.08402,-0.0239,-0.0423,0.02826,-0.02427,0.03408,-0.11837,0.04491,0.01484,0.01205,0.02975,-0.0838,0.05024,0.05004,-0.05788,0.01241,0.05692,0.01386,0.02242,0.07951,0.02403,0.0136,-0.02851,-0.01594,-0.04594,-0.01637,0.01235,0.01842,-0.03381,0.07413,0.00721,0.00716,-0.0416,0.05918,0.03057,-0.05119,-0.00748,-0.01887,-0.01911,-0.00609,-0.08657,-0.02102,-0.0622,-0.06558,-0.07541,0.08798,0.02841,0.00714,0.06196,0.0225,-0.00148,0.00136,-0.00608,-0.03247,0,-0.00806,0.03298,-0.03972,0.0503,0.11011,-0.06485,0.03511,-0.02085,-0.06334,-0.04123,0.05456,0.02391,-0.06786,0.06327,0.01258,-0.06756,-0.0771,0.10448,-0.0017,0.0295,0.05056,-0.04303,-0.00414,-0.02886,0.01878,0.12564,0.00076,0.04796,-0.06326,0.00914,-0.09996,-0.02866,0.04812,-0.01546,-0.05339,0.02389,-0.07016,-0.07016,0.02449,-0.00325,-0.04701,0.0689,-0.05852,-0.03803,0.08866,0.02226,-0.03791,0.03948,0.03934,0.01722,-0.01793,0.02623,0.06689,0.07674,0.05513,-0.0798,-0.00277,0.01303,0.0594,0.03154,0.07562,0.12369,-0.07985,-0.03454,0.01695,0.10961,0.0869,-0.00271,-0.0016,-0.01397,-0.08275,0.05875,0.0295,0.00956,0.07159,-0.03273,-0.00473,-0.05773,-0.0249,0.03555,-0.07009,0.03684,0.00024,0.00259,0.05018,-0.00537,0.063,0.02499,-0.06164,0.00035,0.09205,-0.1133,0.00034,0.03783,0.06964,0,0.02439,-0.01254,-0.03023,0.02292,0.00652,-0.0265,0.01989,0.01961,0.12149,-0.00469,0.02245,0.05658,-0.01684,-0.01611,0.01381,-0.02558,-0.00571,-0.10971,0.00973,-0.06523,0.05741,-0.01896,-0.06509,-0.02531,0.00537,-0.01918,0.04726,0.00166,-0.02546,-0.09858,0.05405,-0.03272,-0.00264,-0.04944,0.03271,0.00621,-0.03589,0.02339,-0.03744,-0.02202,0.0007,0.02908,-0.03017,0.08758,-0.09699,0.10649,-0.08144,-0.01812,0.04522,-0.01174,-0.03674,-0.00348,-0.04117,-0.06565,-0.03009,0.00546,0.0449,0.08949,-0.07176,0.01846,0.00877,0.00902,0.02024,-0.04461,0.03733,0.06512,-0.06868,0.04532,-0.00032,0.10911,0.0657,0.00645,-0.09037,0.00548,0.02976,0.10226,0.11359,0.03807,0.04313,0.03649,-0.04748,0.0822,0.05576,0.0617,0.06214,-0.04538,-0.07307,-0.06839,0.01108,0.05489,-0.06158,0.00965,-0.0043,0.07928,-0.04897,0,-0.00095,-0.02221,-0.04549,-0.02214,-0.00807,0.08077,-0.037,0.06707,-0.03163,0.06826,0.04025,0.03396,-0.03248,-0.01317,0.03407,0.01703,-0.03432,0.00097,-0.05688,-0.08568,0.01945,0.07948,-0.01236,-0.03787,-0.01931,-0.00623,0.03459,-0.01001,0.01893,-0.01563,0.03113,0.09465,0.03902,0.06914,0.05181,0.03152,-0.05748,0.10566,-0.0311,0.04557,-0.00653,-0.09661,-0.01502,-0.03883,-0.01538,0.0173,-0.03256,-0.0433,-0.07607,-0.02433,-0.11461,0.04263,-0.06772,0.09028,0.04096,0.03697,-0.01556,-0.07724,0.08238,-0.00046,-0.02685,0.02305,0.06531,0.04756],"keywords":"Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5.0: Layout Engines, Explicit Render Lifecycle, and Standalone Reference Apps Foblex Flow v18.5 introduces Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain. Closing v18.5.0 is the release that makes several recent ideas feel official. Layout engines now have a supported package story, render timing is more explicit, and the reference apps are structured like real projects. If v18.4.0 improved the feel of the editor, v18.5.0 improves the shape of the platform around it.","excerpt":"Closing v18.5.0 is the release that makes several recent ideas feel official. Layout engines now have a supported package story, render timing is more explicit, and the reference apps are structured like real projects. If v18.4.0 improved the feel of the editor, v18.5.0 improves the shape of the platform around it."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#0","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.04607,-0.02505,-0.02579,-0.02259,0.05826,0.03961,0.04373,0.06441,0.01726,-0.01935,-0.0185,0.03389,-0.11923,0.00483,0.00832,-0.05326,0.0349,-0.02128,-0.02579,0.06406,-0.00431,-0.09401,-0.0052,0.00077,-0.05104,0.04533,-0.02228,-0.01348,-0.02185,-0.02686,-0.02809,0.15297,0.02567,-0.01319,-0.05512,-0.07124,0.01854,0.04428,-0.05261,-0.04522,0.00145,-0.00095,0.08129,0.01349,0.03475,-0.04167,0.0487,-0.06614,-0.00261,0.0516,-0.03047,-0.10175,-0.01056,-0.0073,-0.00732,0.03845,0.03029,-0.0017,0.03268,0.06172,-0.05946,0.00583,-0.00459,0.06072,0.04644,-0.01046,0.02674,-0.04049,0.03138,0.0102,-0.07276,0.01368,0.06205,-0.0498,-0.00922,-0.09384,-0.04149,0.02855,-0.01723,-0.06786,0.04356,-0.03258,-0.00993,0.04018,-0.01313,0.0488,0.0024,-0.12229,0.00966,0.03694,-0.00827,0.03992,-0.0305,-0.04959,-0.0181,-0.07807,-0.07238,-0.08389,-0.01171,0.02646,-0.0018,-0.02825,0.07247,0.06499,0.01797,0.00866,0.07284,0.02986,-0.05539,0.02569,-0.02615,-0.01958,-0.00112,-0.06019,-0.00498,0.00678,-0.04781,-0.03022,0.07378,0.04104,0.00007,0.00438,-0.01565,-0.04318,0.02013,0.03373,-0.0407,0,-0.01892,0.05266,-0.00635,0.0148,0.04366,-0.05856,0.00766,-0.03058,-0.0755,0.01071,0.03122,0.02482,-0.09401,0.07888,-0.01043,-0.11227,-0.06312,0.05259,-0.00853,0.00068,0.05216,-0.03439,-0.03633,-0.05335,0.0544,0.08211,0.01848,0.09328,-0.00784,0.05105,-0.0816,-0.0055,0.01768,-0.05283,-0.07944,0.00321,-0.0435,-0.07686,0.06013,-0.02634,-0.03363,0.01463,-0.0417,-0.06465,0.01307,0.03189,-0.01808,0.11235,0.04785,0.00644,0.00716,-0.00168,0.05168,0.06472,0.01307,-0.09308,0.01638,0.03277,0.05638,0.05827,0.01997,0.05517,-0.11737,-0.08485,0.07776,0.09893,0.09018,0.02965,-0.00589,-0.09165,-0.06109,0.03346,0.01135,0.02767,0.07788,-0.06282,0.01085,-0.00171,0.0032,-0.03555,-0.06645,0.0286,0.03519,0.02638,0.01623,-0.06391,0.05179,0.00002,-0.06985,-0.07364,0.07961,-0.02545,0.0339,0.01374,-0.02578,0,0.02803,-0.0082,-0.07686,0.16034,-0.0026,0.05071,0.06018,0.038,0.10673,-0.08631,0.053,0.02434,-0.0425,-0.05676,0.03499,0.03055,-0.06449,-0.07291,0.01431,-0.04943,0.08299,-0.04515,-0.016,-0.00652,-0.04216,-0.03343,0.00907,0.04588,-0.06258,-0.03834,0.03115,-0.02228,-0.06041,-0.03751,0.04594,-0.04248,-0.05354,0.05068,-0.00929,0.03712,0.02531,0.02864,0.08309,0.04831,-0.02429,0.02323,-0.04864,0.01085,-0.00886,0.05031,-0.07185,0.00495,-0.02308,-0.09927,-0.03383,0.0545,0.0421,0.0037,-0.08546,0.05722,0.04367,-0.02365,-0.05539,-0.03762,0.07185,0.02839,-0.02303,0.05299,0.03583,0.08196,0.07557,-0.07482,-0.0549,-0.02758,0.00038,0.03566,0.15993,-0.01107,0.03947,0.03371,-0.00561,0.09741,0.07044,-0.01446,-0.05122,0.07251,-0.08405,-0.03017,0.04403,0.06223,-0.03138,0.0087,0.07362,0.00586,-0.05927,0,-0.06296,0.07153,0.01641,0.03083,-0.00322,0.02462,-0.0083,0.05776,-0.04379,-0.06447,0.01308,0.01178,-0.02232,0.05086,0.05891,0.05728,-0.03589,0.10013,-0.08657,-0.09034,0.00185,0.07272,0.02801,-0.00771,-0.04449,0.0066,-0.05618,0.04578,0.02641,-0.00899,-0.04799,0.06432,0.00201,0.04088,-0.05992,0.03099,-0.11262,0.01915,-0.02084,0.01752,0.03873,-0.07824,-0.03192,-0.03696,-0.05872,0.02731,0.06737,-0.07116,-0.07414,-0.00299,-0.07608,0.06896,-0.00962,0.07806,0.04871,0.04868,-0.01662,-0.00294,0.11486,0.00016,-0.10204,0.03028,-0.04394,0.10689],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0 is focused on the parts of editor UX that people feel immediately: how the viewport behaves while dragging, how fast a new flow gets styled, and how natural zoom feels on modern laptops. Today I’m shipping v18.4.0. This release adds the new f-auto-pan plugin, ships a ready-to-use default SCSS theme, smooths trackpad pinch-to-zoom, and cleans up the example portal so examples feel more consistent in both code and presentation.","excerpt":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0 is focused on the parts of editor UX that people feel immediately: how the viewport behaves while dragging, how fast a new flow gets styled, and how natural zoom feels on modern laptops. Today I’m shipping v18.4.0. This release adds the new f-auto-pan plugin, ships a ready-to-use default SCSS theme, smooths trackpad pinch-to-zoom, and cleans up the example portal so examples feel more consistent in both code and presentation."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#1","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.0448,-0.03232,-0.01342,-0.01702,0.04956,0.05287,0.06526,0.06992,0.01592,0.01147,-0.02659,0.02218,-0.09748,-0.03418,0.02709,-0.04288,0.00815,0.00294,-0.05167,0.06673,-0.00861,-0.08688,-0.00916,-0.00725,-0.06684,0.05482,-0.01449,-0.0329,-0.02341,-0.03596,-0.04403,0.14333,0.05639,-0.00094,-0.07913,-0.08146,0.00201,0.02559,-0.06917,-0.03537,-0.01126,-0.01599,0.07791,0.01404,0.01977,-0.00328,0.03455,-0.05418,-0.01855,0.0759,-0.00671,-0.07923,0.03566,0.02291,-0.00997,0.0733,0.02657,0.00049,0.01651,0.06071,-0.03754,0.01277,-0.01224,0.02691,0.01413,-0.01258,0.01121,-0.04355,0.04883,-0.02267,-0.044,0.00017,0.0619,-0.05642,0.02241,-0.09553,-0.04423,0.03734,-0.02325,-0.06585,0.04159,-0.00199,0.00989,0.0416,0.00496,0.03874,0.00822,-0.06986,0.01862,0.03986,-0.03251,0.05181,-0.03806,-0.06911,-0.00417,-0.07748,-0.03417,-0.09085,-0.02871,0.01754,0.01774,-0.04216,0.08235,0.05758,0.01141,-0.01032,0.05413,0.01445,-0.06187,0.02874,-0.01524,-0.04225,0.01265,-0.05299,0.00547,-0.00169,-0.06763,-0.02374,0.08408,0.0394,-0.00235,0.02187,-0.02529,-0.03761,0.00512,0.03545,-0.04131,0,-0.0298,0.0553,-0.03569,-0.01421,0.03792,-0.06532,0.00483,-0.06309,-0.04741,0.00124,0.03686,0.00913,-0.09107,0.07612,-0.019,-0.10217,-0.05508,0.05792,-0.00426,-0.02394,0.04116,-0.0177,-0.01987,-0.04228,0.05545,0.08463,-0.0038,0.08728,0.00292,0.04218,-0.07992,0.00258,0.04086,-0.04639,-0.08094,0.02776,-0.01769,-0.09542,0.04997,-0.01208,-0.04218,0.01217,-0.01216,-0.07508,-0.00062,0.01984,-0.03283,0.08805,0.02288,-0.00253,-0.00416,-0.00475,0.05364,0.03879,0.04275,-0.08451,-0.00502,0.08813,0.04007,0.08249,0.03382,0.05002,-0.09526,-0.06535,0.04664,0.10647,0.10823,0.05363,0.01209,-0.06196,-0.07424,0.04014,0.01533,0.02328,0.0826,-0.05796,0.02466,-0.02617,-0.01514,-0.03227,-0.06362,0.03379,0.01924,0.0319,0.0133,-0.05941,0.04448,0.01988,-0.08312,-0.08259,0.08743,-0.03286,0.02035,0.01352,-0.02196,0,0.01286,0.01752,-0.09977,0.15131,-0.01528,0.02801,0.0632,0.01879,0.08354,-0.10335,0.0361,0.04195,-0.03729,-0.05605,0.01888,0.04491,-0.05285,-0.02831,0.0023,-0.08923,0.0671,-0.10836,-0.00633,-0.0127,-0.05278,-0.03543,0.0256,0.04165,-0.02813,-0.0486,0.04233,-0.01661,-0.03912,-0.02165,0.04916,-0.0602,-0.06752,0.03579,-0.01103,0.03648,-0.0086,0.01332,0.12482,0.03926,-0.04531,0.0504,-0.05972,0.03774,-0.02843,0.02009,-0.05383,-0.02569,-0.03265,-0.1323,-0.04958,0.06758,0.05511,0.00839,-0.05772,0.03107,0.02975,-0.00179,-0.05298,-0.00061,0.05642,0.05419,-0.01339,0.04682,0.0025,0.10641,0.07987,-0.05214,-0.01777,-0.02588,0.00381,0.05573,0.14822,-0.00437,0.05625,0.02537,-0.00484,0.06752,0.08531,-0.03596,-0.05697,0.09393,-0.11328,0.00379,0.04993,0.04167,-0.02468,0.00999,0.09347,0.00978,-0.05758,0,-0.05308,0.06768,0.00322,0.008,0.00298,0.04395,0.02056,0.08485,-0.02371,-0.0453,-0.02853,0.0166,-0.03598,0.04698,0.04087,0.05852,-0.01493,0.11978,-0.0557,-0.10717,-0.00958,0.04951,0.02442,-0.02437,-0.03427,0.01136,-0.05149,0.06805,0.03244,-0.00583,-0.01337,0.05706,0.03905,0.01524,-0.04069,0.0546,-0.10417,0.00936,-0.05378,0.00415,0.05693,-0.05141,-0.00605,-0.04327,-0.07281,0.00963,0.06419,-0.03703,-0.0702,-0.04836,-0.05051,0.06906,0.00566,0.0685,0.0357,0.07,-0.02941,-0.015,0.12742,-0.01083,-0.11346,0.03535,-0.03728,0.09913],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Highlights - 🧭 f-auto-pan adds edge-based viewport panning during supported drag sessions. - 🎨 A shipped default theme makes it much easier to get a styled editor without rebuilding the whole visual layer from scratch. - 🎛️ Example controls were refreshed with reusable toolbar, input, select, and overlay primitives. - 🤏 Trackpad pinch-to-zoom feels smoother by separating gesture-wheel normalization from regular mouse-wheel stepping. - 📚 Docs and release pages were tightened up around the new theme, auto-pan, and current release history.","excerpt":"Highlights - 🧭 f-auto-pan adds edge-based viewport panning during supported drag sessions. - 🎨 A shipped default theme makes it much easier to get a styled editor without rebuilding the whole visual layer from scratch. - 🎛️ Example controls were refreshed with reusable toolbar, input, select, and overlay primitives. - 🤏 Trackpad pinch-to-zoom feels smoother by separating gesture-wheel normalization from regular mouse-wheel stepping. - 📚 Docs and release pages were tightened up around the new theme, auto-pan, and current release history."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#2","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.07879,-0.01098,-0.07839,0.05595,0.02856,0.06074,0.05795,0.04054,0.04058,0.03381,-0.06477,-0.00463,-0.13628,0.03548,0.03173,-0.04209,0.00688,-0.03318,-0.0505,0.02281,-0.01545,-0.07555,0.01864,-0.00823,-0.06357,0.00119,0.00615,-0.07101,-0.0011,-0.05407,-0.02266,0.0953,-0.01879,0.00764,-0.11345,-0.03872,-0.01923,0.04387,-0.0511,-0.08598,0.08056,-0.01824,0.06275,-0.06959,-0.00918,0.0141,0.00119,0.01836,-0.02437,0.07733,-0.02395,-0.07351,0.002,0.04997,0.00865,-0.00392,0.04907,-0.03043,0.0349,0.05405,-0.05307,-0.01387,-0.00504,0.0213,0.04303,-0.00611,-0.03151,-0.01133,0.02728,0.0241,0.00896,-0.02394,0.02733,-0.06393,0.06272,-0.0463,-0.08357,0.07969,0.00627,-0.00747,0.10437,0.03979,0.03701,0.05315,-0.03873,0.05411,-0.0066,-0.06311,0.01685,-0.06254,0.02363,0.08324,-0.02077,0.01124,0.00249,-0.05794,-0.03049,-0.08294,-0.07539,-0.00627,0.01902,0.00804,0.05342,0.08059,-0.00359,-0.01298,0.06595,0.02316,-0.01932,-0.00385,-0.02685,-0.00004,0.04065,-0.03813,-0.06161,0.00465,-0.07576,-0.01229,0.07839,0.04416,-0.04247,0.02973,-0.01713,-0.04195,0.07299,0.00077,-0.04587,0,-0.02001,0.06285,-0.07558,-0.01848,0.03308,-0.06009,0.00624,-0.07739,-0.00226,0.01951,0.00157,-0.00005,-0.07121,0.06008,-0.00834,-0.09421,-0.05184,0.05003,-0.00141,0.01812,0.0755,-0.03183,-0.0285,-0.0207,0.10181,0.08649,-0.02427,0.07813,-0.03211,0.04964,-0.00054,-0.00054,0.00817,-0.09191,-0.08008,-0.02103,-0.05916,-0.07506,-0.01051,-0.02398,-0.00672,-0.01355,-0.07243,-0.00186,-0.0384,0.00563,-0.04254,0.07798,0.01638,0.03271,0.00369,0.00312,0.01586,0.02112,0.06424,-0.07978,-0.02823,0.07721,0.08388,0.04897,0.0253,0.05263,-0.1069,-0.05292,0.0456,0.06376,0.09259,0.05863,0.04308,-0.0847,-0.06629,0.03574,-0.02493,0.02068,0.07055,-0.06631,0.03265,-0.03719,0.03697,-0.02779,-0.0098,-0.01273,0.05938,0.03379,0.03403,-0.0835,0.04735,-0.03103,-0.09769,-0.07241,0.11216,0.03584,0.03209,0.03217,0.00772,0,0.05961,0.00138,-0.0521,0.13633,-0.0134,-0.03083,0.0945,-0.00454,0.11419,-0.05813,-0.00672,0.07115,-0.01256,-0.02052,0.03743,0.0084,-0.0787,-0.0805,0.04208,-0.0316,0.06401,-0.06109,-0.01351,-0.00923,-0.07722,0.00121,0.03127,0.03242,-0.01959,-0.04307,0.03339,-0.00232,-0.048,-0.05465,-0.03365,-0.05723,0.00991,0.08555,0.00157,-0.00069,0.05328,0.06735,0.04275,0.00297,-0.04557,0.03219,-0.053,0.06,-0.02394,0.02532,-0.09724,0.00116,-0.04948,-0.06024,-0.00023,0.04794,0.11169,-0.0105,-0.06306,0.02638,-0.00788,-0.02808,0.01494,-0.01349,0.06957,0.06959,-0.0149,0.0387,0.09835,0.10812,0.05273,-0.04892,0.00591,0.00403,0.01352,0.10487,0.16821,-0.00433,0.09561,-0.02764,-0.00807,0.07216,0.05219,-0.01894,-0.03377,0.07773,-0.10388,-0.06022,0.07281,0.08885,-0.0319,-0.04728,0.09302,-0.02873,-0.0415,0,-0.05164,0.05732,-0.0015,0.02221,-0.00516,0.01604,-0.0091,0.05766,0.00017,-0.01969,-0.04,0.05948,0.00979,0.02211,0.03665,0.05349,0.01003,0.03643,-0.06259,-0.04791,0.00983,0.04206,0.03669,0.00704,-0.01061,-0.02877,-0.04241,0.01569,0.00088,-0.03527,-0.04608,0.04459,0.04925,0.05522,-0.04831,0.01848,-0.09768,-0.04346,-0.07343,-0.01912,0.08531,-0.05452,-0.00418,-0.09782,-0.08178,0.02621,0.03683,-0.01604,-0.06243,0.00846,-0.07593,0.04704,-0.02871,0.07712,0.05179,0.02479,-0.02364,-0.01217,0.11546,-0.02552,-0.07159,0.02076,-0.01253,0.03043],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Auto-Pan Is Now a First-Class Flow Plugin The biggest interaction feature in v18.4.0 is f-auto-pan. Instead of pushing this behavior into fDraggable inputs, the release makes it an explicit plugin inside f-flow, which fits the rest of the library better and keeps the public API clearer. In this first version, auto-pan supports the drag flows that benefit from it most: - connection creation - connection reassignment - node dragging - selection area extension That makes a big difference in real editors where targets are slightly outside the viewport and users should not have to stop, pan manually, and restart the same interaction. ::: ng-component <auto-pan</auto-pan [height]=\"700\" ::: f Draggable","excerpt":"Auto-Pan Is Now a First-Class Flow Plugin The biggest interaction feature in v18.4.0 is f-auto-pan. Instead of pushing this behavior into fDraggable inputs, the release makes it an explicit plugin inside f-flow, which fits the rest of the library better and keeps the public API clearer. In this first version, auto-pan supports the drag flows that benefit from it most: - connection creation - connection reassignment - node dragging - selection area extension That makes a big difference in real editors where targets are slightly outside the viewport and users should not have to stop, pan manually, and restart the same interaction. ::: ng-component <auto-pan</auto-pan [height]=\"700\" :::"},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#3","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.04116,0.02265,-0.00507,-0.00802,0.06498,0.07695,0.02563,0.00167,0.05068,0.03496,-0.07559,0.0793,-0.10152,-0.01179,0.05346,-0.08753,0.01909,-0.03422,0.00175,0.07195,-0.0253,-0.03793,0.00855,-0.01715,-0.07472,0.04518,-0.00854,-0.0093,0.01988,-0.05764,0.02252,0.14388,0.07617,0.00373,-0.11144,-0.02626,0.06161,0.06261,-0.0377,0.01993,0.0329,-0.02085,0.01105,-0.0044,0.02951,-0.00785,0.00362,-0.04515,-0.03867,0.0512,-0.01181,-0.10695,-0.0005,0.02085,0.00235,0.0474,-0.01052,0.03137,0.06149,0.04916,-0.05302,-0.01627,-0.00051,0.04452,0.08937,-0.02183,-0.01131,0.01526,0.01563,-0.02963,-0.00828,-0.00213,0.04008,-0.01955,-0.00666,-0.00551,0.00742,0.07025,-0.06082,-0.08782,0.07524,0.00687,0.01145,0.05568,-0.04954,0.07989,0.00346,-0.10448,0.01597,-0.0151,0.00363,0.03146,-0.01083,-0.03546,-0.02158,0.00552,-0.09524,-0.06398,-0.00688,0.01521,-0.00845,-0.06785,0.08247,0.03472,0.0172,-0.01517,0.04433,0.05845,-0.03592,-0.01859,0.00867,-0.02363,-0.04231,-0.08993,-0.01177,-0.04094,-0.08188,-0.04177,0.07918,0.07936,0.01895,0.00728,0.00215,-0.03827,-0.00124,0.03636,-0.04015,0,-0.01095,0.09776,-0.02872,0.0096,0.07149,-0.07755,0.00475,-0.08954,-0.08937,0.07603,0.02414,0.03895,-0.09864,0.05926,-0.01401,-0.09763,-0.0665,0.00898,-0.00481,0.00564,0.00834,-0.00729,-0.00964,-0.01902,0.07015,0.03901,0.03524,0.06199,-0.04251,0.02458,-0.02603,-0.00273,0.05518,-0.04223,-0.07508,-0.01515,-0.02849,-0.09153,0.03734,-0.00591,-0.04035,0.00737,-0.07123,-0.00108,0.00935,0.05132,-0.03313,0.01558,0.11092,0.03596,-0.0014,0.00131,0.08241,0.08501,0.00457,-0.06389,-0.01234,0.01971,0.06989,0.005,0.04462,0.04754,-0.08675,-0.08524,0.07311,0.05689,0.08746,0.01918,0.02923,-0.09463,-0.06977,0.07589,-0.01696,0.05406,0.08627,-0.05352,0.03191,-0.01449,0.05932,-0.00876,-0.07961,0.04841,-0.0246,0.05699,0.00668,-0.05538,0.05833,0.00748,-0.0313,-0.07476,0.10965,-0.03248,0.01029,0.0355,-0.02285,0,0.03589,0.00002,-0.07382,0.14401,0.00511,0.02325,0.07315,0.01852,0.10251,-0.00717,0.10803,0.06693,-0.02684,-0.0449,0.0232,0.02761,-0.029,-0.04755,0.04386,-0.07001,0.05957,-0.09734,-0.04931,-0.03714,-0.04383,0.01631,0.04901,0.00142,-0.056,-0.00766,0.01516,-0.0318,-0.05523,-0.03602,-0.00695,-0.05135,-0.09273,0.03679,-0.00094,-0.0101,0.01884,-0.00011,0.07907,0.07627,-0.07611,0.0279,-0.04188,0.00984,-0.03174,0.02692,-0.0125,0.00633,-0.01391,-0.08025,-0.0334,-0.00003,-0.00457,-0.00092,-0.12086,0.09502,0.06765,0.01443,-0.04876,-0.04166,0.03277,0.02759,-0.03277,0.01459,0.01604,0.07801,0.01957,-0.06036,-0.08772,0.01481,0.01861,0.0629,0.14801,-0.0207,0.00327,0.0364,-0.04393,0.08657,-0.02872,-0.03836,-0.01925,0.047,-0.10798,-0.00107,0.06416,0.04285,-0.04397,0.02104,0.06695,0.03762,-0.07836,0,-0.06046,0.02486,0.02443,0.00558,0.01261,0.05094,0.02103,0.00654,-0.00994,-0.01316,-0.0441,0.06591,-0.03063,0.01,0.03673,0.08797,-0.08276,0.04072,-0.07837,-0.08402,0.0086,0.08169,-0.01396,-0.02672,-0.02221,0.03039,-0.02555,0.05256,-0.00645,0.03086,-0.02565,0.05651,-0.00431,-0.0006,-0.05675,0.03375,-0.12079,0.02494,-0.02974,-0.01618,0.04365,-0.05203,0.01659,-0.03812,-0.09346,-0.00589,0.01198,-0.0032,-0.0721,-0.0459,-0.08666,0.03028,-0.03664,0.06947,0.00626,0.06603,-0.02808,-0.0042,0.13573,-0.06421,-0.08929,0.03152,0.00144,0.0686],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. The Default Theme Is Now Shipped v18.4.0 also formalizes the styling path that many teams want first: a ready-to-use theme that gives you a coherent editor immediately, while still leaving room for more selective mixin-based styling later. The shipped theme is built on top of the same public styling surface documented in the new styling guides: - exported SCSS mixins - public --ff- alias tokens - domain-level theme layers for canvas, nodes, connectors, connections, plugins, and external items This release also aligns ng add and docs around that path, so the “quick start” styling story is much more consistent than before.","excerpt":"The Default Theme Is Now Shipped v18.4.0 also formalizes the styling path that many teams want first: a ready-to-use theme that gives you a coherent editor immediately, while still leaving room for more selective mixin-based styling later. The shipped theme is built on top of the same public styling surface documented in the new styling guides: - exported SCSS mixins - public --ff- alias tokens - domain-level theme layers for canvas, nodes, connectors, connections, plugins, and external items This release also aligns ng add and docs around that path, so the “quick start” styling story is much more consistent than before."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#4","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.04167,-0.02161,-0.05514,0.00381,0.0146,0.04124,0.00892,0.08197,0.00218,-0.0003,-0.11051,0.00684,-0.06926,-0.02999,0.09092,-0.04694,0.01896,-0.02361,-0.01435,0.02177,-0.0325,-0.05756,-0.01424,-0.00816,-0.10965,0.07119,-0.03032,-0.02334,0.03893,-0.06228,0.01833,0.12741,0.04758,-0.01866,-0.0481,-0.05097,-0.01064,0.02005,-0.07489,-0.07555,-0.01994,0.02104,0.00875,-0.00694,0.0136,-0.05985,0.03921,-0.07132,0.00066,0.05078,-0.02348,-0.09727,0.04916,0.02186,-0.01616,0.04031,0.03025,-0.00292,0.01518,0.00854,-0.02692,0.03151,-0.00272,0.03979,0.03517,0.02054,-0.04846,0.01732,0.04003,-0.05301,-0.04327,0.01227,0.05159,0.00249,0.05178,-0.07105,-0.07793,0.01374,-0.01725,-0.04771,0.0515,0.03973,-0.0112,0.03463,0.0009,0.03859,0.01717,-0.05338,0.01904,0.03588,0.04603,0.01758,0.03009,-0.06636,0.0334,-0.04744,-0.03924,-0.09607,-0.04127,0.03754,0.00661,-0.01969,0.04675,0.06062,-0.00119,-0.01474,0.05522,0.04749,0.01141,-0.00051,-0.03042,-0.02358,-0.03904,-0.05018,-0.0164,-0.00591,-0.02024,-0.06249,0.08433,0.03641,0.01426,0.01802,-0.02121,-0.00816,0.04959,0.01947,-0.04399,0,-0.03032,0.08272,-0.05414,0.01918,0.09205,-0.04594,0.04412,0.00491,-0.00213,0.00448,0.05772,0.01473,-0.09768,0.04395,-0.02503,-0.10056,-0.11258,0.07857,-0.02095,-0.01105,0.04391,-0.06905,-0.00732,-0.03093,0.10107,0.08703,-0.02479,0.1339,-0.04332,0.03634,-0.06567,-0.05513,0.02331,-0.00764,-0.07514,0.01434,-0.03688,-0.09903,0.05843,0.00672,-0.07021,-0.01225,-0.02185,-0.05007,0.02396,0.02094,-0.05222,0.04805,0.01245,0.01463,0.01664,0.0344,-0.00043,0.0247,0.08116,-0.08058,-0.0646,0.04102,0.05774,0.05304,0.05048,0.02225,-0.11502,0.01705,0.02317,0.12285,0.08706,0.03301,0.03586,-0.05795,-0.07942,0.06431,-0.04508,0.00292,0.0692,-0.07557,0.0302,-0.0551,-0.01264,0.00806,-0.04439,0.00651,0.03789,0.06592,0.0406,-0.06681,0.08456,-0.03262,-0.09909,-0.07394,0.13948,-0.01055,-0.00985,0.05394,0.01121,0,0.02837,-0.02016,-0.06507,0.05932,0.0018,0.01767,0.06091,-0.00822,0.07809,-0.04884,-0.00599,0.08413,-0.03682,-0.05017,-0.04177,0.03776,-0.01918,-0.07601,0.04141,-0.06021,0.02237,0.00273,-0.04477,-0.08633,-0.07858,-0.0636,-0.02189,0.02309,0.013,-0.01507,0.01741,0.00376,0.00875,-0.01531,0.02933,-0.00445,-0.04456,0.04824,-0.00809,0.02587,0.01111,0.00416,0.02592,-0.00503,-0.05427,0.04146,-0.07021,0.03045,-0.01148,0.04813,-0.0537,-0.02736,-0.06035,-0.13095,-0.0538,0.05268,0.06007,0.02263,-0.07388,0.04058,-0.00074,0.03102,-0.01728,0.02256,0.09339,0.02004,-0.02794,0.08092,0.00313,0.08258,0.07535,-0.06411,-0.04342,-0.00093,0.01915,0.06433,0.13193,0.00159,0.03277,0.02118,-0.02489,0.09893,0.06145,-0.00808,-0.04714,0.0828,-0.11621,-0.04845,0.03037,0.11413,-0.047,0.03244,0.11781,0.06264,-0.02999,0,-0.0657,0.03881,-0.01007,-0.00804,-0.03864,-0.0061,-0.0431,0.08108,-0.03346,-0.04889,-0.02155,0.02549,-0.05928,0.04172,0.04737,0.06057,-0.04562,0.05994,-0.05477,-0.12327,0.01762,0.0381,0.0223,0.00223,-0.01272,0.00193,-0.02189,0.05059,0.05105,-0.00858,-0.02853,0.06054,0.02302,0.0501,-0.00057,0.01471,-0.08847,-0.00016,-0.07018,0.03618,0.0534,-0.05753,-0.01445,-0.07041,-0.0208,0.07522,0.00435,-0.03291,-0.02494,-0.05728,-0.05332,0.06467,0.00468,0.06059,0.04737,0.07517,-0.00192,-0.02048,0.12405,0.00236,-0.09391,0.11979,0.0096,0.06939],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Example Portal Controls Are Cleaner The examples portal also got a practical cleanup in this release. Instead of repeating ad-hoc control markup or leaning on heavier Material form-field patterns in small demos, examples now use shared portal UI primitives for toolbar layout and native input/select controls where that makes more sense. That improves a few things at once: - examples read more consistently - example code is easier to copy into real projects - the demo UI stays visually aligned with the rest of the portal This is not a headline API feature in the same way as f-auto-pan, but it improves the day-to-day experience of learning the library.","excerpt":"Example Portal Controls Are Cleaner The examples portal also got a practical cleanup in this release. Instead of repeating ad-hoc control markup or leaning on heavier Material form-field patterns in small demos, examples now use shared portal UI primitives for toolbar layout and native input/select controls where that makes more sense. That improves a few things at once: - examples read more consistently - example code is easier to copy into real projects - the demo UI stays visually aligned with the rest of the portal This is not a headline API feature in the same way as f-auto-pan, but it improves the day-to-day experience of learning the library."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#5","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.02193,-0.03055,-0.01048,-0.06243,0.0473,-0.01996,0.09097,0.11991,0.0378,-0.00119,0.01151,0.02221,-0.0915,0.0203,0.03741,-0.04249,0.01441,-0.01157,-0.0709,0.05707,0.01465,-0.099,0.01055,-0.01771,-0.06257,0.01557,0.01933,-0.04679,-0.01399,-0.01695,-0.04058,0.18344,0.04122,-0.00864,-0.07584,-0.10443,-0.00825,0.00561,-0.03656,-0.07059,-0.00153,0.01318,0.11654,0.0494,-0.00097,-0.02377,0.07301,-0.02874,-0.00267,0.0826,-0.01424,-0.05099,0.04633,-0.01799,-0.03263,0.05607,0.01908,0.00831,0.01448,0.04217,-0.02778,-0.00909,0.00438,0.01039,0.01155,-0.02627,0.06798,-0.1435,0.00749,-0.00815,-0.05109,0.01188,0.07955,-0.02189,0.00515,-0.08355,-0.05602,0.02967,0.01181,0.00083,-0.01163,-0.03563,0.02768,0.0492,-0.01204,0.00697,-0.02429,-0.10011,0.00615,0.00698,-0.03005,0.03423,-0.07811,-0.05027,-0.04565,-0.10275,-0.01587,-0.05507,-0.0179,0.00134,0.03503,0.01823,0.0524,0.05639,-0.00013,-0.0011,0.05585,-0.02451,-0.077,0.06026,-0.02774,-0.01191,0.01729,-0.03362,-0.04993,-0.00314,-0.07385,-0.0266,0.10516,0.01063,-0.04535,0.02542,-0.03584,-0.01719,0.04126,0.02811,-0.05951,0,-0.06207,0.03097,0.00383,-0.07279,0.02075,-0.06721,0.00888,-0.06049,-0.02907,0.00337,0.03762,0.00166,-0.02689,0.01711,0.02333,-0.08322,-0.05178,0.02799,-0.03537,0.02261,0.10777,-0.0213,0.02448,-0.01201,0.04663,0.0749,-0.02341,0.08559,0.04791,0.05774,-0.08194,0.00311,0.00508,-0.07384,-0.02948,0.02104,0.00828,-0.09793,0.02898,-0.02375,-0.03101,0.01323,0.00781,-0.09292,-0.02581,0.00474,-0.04721,0.09043,-0.00764,0.01227,0.01667,-0.04254,0.06937,0.01771,0.07473,-0.07141,0.01775,0.03457,0.01434,0.07894,-0.01178,0.01483,-0.0751,-0.04051,0.02632,0.09947,0.10472,0.07711,0.01093,-0.01904,-0.0342,0.07169,0.01415,0.01521,0.06267,-0.04551,0.01376,-0.0205,0.01815,-0.03208,-0.04009,0.01374,0.05454,0.02909,0.00377,-0.06068,-0.00264,0.01743,-0.10434,-0.05782,0.08437,-0.0026,0.00503,0.00239,-0.0462,0,-0.00903,0.01402,-0.07218,0.14621,-0.0286,0.04736,0.10031,-0.02572,0.07457,-0.12345,0.00176,0.02298,-0.03311,-0.04748,0.02859,0.04663,-0.04624,-0.0339,0.02843,-0.06377,0.0548,-0.0911,0.02346,-0.00166,-0.05128,-0.03938,-0.0105,0.02436,-0.05059,-0.03486,0.05553,0.04559,0.01389,-0.0399,0.05661,-0.07041,-0.1063,-0.00141,0.04943,0.03093,0.03826,0.01359,0.12747,0.01232,-0.03244,0.02394,-0.07397,0.03786,-0.0108,0.0393,-0.06037,0.02931,-0.04424,-0.08849,-0.05688,0.07024,0.03477,-0.0132,-0.05428,0.04669,0.02643,0.00355,-0.02728,0.01647,0.06829,0.05685,-0.00729,0.05821,0.04882,0.11061,0.08477,-0.03289,0.00017,0.00896,-0.00941,0.09151,0.13585,0.01159,0.06288,0.03022,0.03965,0.07383,0.05455,0.0392,-0.05007,0.09415,-0.11197,-0.01782,0.03253,0.05998,0.02395,-0.03854,0.03904,0.00104,-0.01664,0,-0.05054,0.09652,-0.02908,0.05264,-0.00349,0.01964,0.00148,0.07541,-0.03511,-0.01435,-0.04444,0.01837,-0.04279,0.06044,0.07856,0.05526,0.01587,0.05052,-0.06386,-0.03661,-0.04943,0.03399,-0.00294,-0.00585,-0.03914,-0.01074,-0.11133,0.05326,0.05006,-0.05432,-0.01574,0.0496,-0.01332,0.03811,-0.07558,0.0298,-0.08022,-0.0103,0.011,0.0258,0.03546,-0.05347,-0.01778,-0.02677,-0.1085,0.01786,0.04817,-0.04993,-0.05996,0.0092,-0.04048,0.09151,0.00626,0.06524,0.03054,0.06288,-0.02901,-0.02091,0.09607,0.00707,-0.05412,-0.00569,-0.0699,0.08718],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Trackpad Zoom Feels Less “Steppy” Touch-device pinch-to-zoom was already supported through the pointer/touch flow. The awkward case in practice was trackpad pinch, because many laptops report it as wheel-like gesture events rather than the same multi-touch pointer sequence used on touch screens. Treating those events like a normal mouse wheel made zoom feel too discrete and jumpy. In v18.4.0, wheel-based gesture zoom now follows trackpad deltas more closely and avoids forcing them through the same minimum-step floor as a classic wheel mouse. That makes viewport zoom feel noticeably more natural on MacBooks and other precision-touchpad setups. Mac Books","excerpt":"Trackpad Zoom Feels Less “Steppy” Touch-device pinch-to-zoom was already supported through the pointer/touch flow. The awkward case in practice was trackpad pinch, because many laptops report it as wheel-like gesture events rather than the same multi-touch pointer sequence used on touch screens. Treating those events like a normal mouse wheel made zoom feel too discrete and jumpy. In v18.4.0, wheel-based gesture zoom now follows trackpad deltas more closely and avoids forcing them through the same minimum-step floor as a classic wheel mouse. That makes viewport zoom feel noticeably more natural on MacBooks and other precision-touchpad setups."},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#6","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.05065,-0.00004,-0.04439,-0.00391,-0.00363,-0.00368,0.02221,0.09278,0.03491,-0.01595,-0.0483,0.02205,-0.12174,-0.01499,-0.00224,-0.04615,-0.06224,-0.02154,-0.03893,0.07771,-0.04167,-0.09878,-0.01051,0.01338,-0.07338,0.0442,-0.01198,-0.01448,-0.03516,-0.05656,-0.02254,0.15946,-0.01304,-0.00915,-0.01757,-0.08215,0.02153,0.02249,-0.05259,-0.05674,0.04764,-0.02141,0.10566,0.02029,0.02265,0.03623,0.01846,-0.04233,-0.02826,0.06688,-0.02413,-0.05211,-0.02157,0.03127,0.01101,0.08682,0.02719,0.00138,0.03452,0.04923,-0.01575,-0.00434,-0.03836,0.05512,-0.00679,-0.0269,-0.02698,-0.00287,0.01609,0.00199,-0.04746,0.03159,0.00322,-0.07316,0.07158,-0.03643,-0.02128,0.06932,-0.01578,-0.04062,0.03082,0.02823,0.02525,0.04903,0.00771,0.07255,0.02589,-0.10889,0.01529,0.01788,0.01808,0.04221,-0.03129,-0.01273,-0.00875,-0.03801,-0.05633,-0.09918,-0.03184,0.03227,0.0294,-0.02098,0.10553,0.0637,0.02936,0.01788,0.01756,0.06277,-0.02359,-0.01114,-0.01079,-0.04001,0.02582,-0.05548,-0.03282,0.00842,-0.0736,-0.04286,0.0881,0.04363,-0.03084,0.03418,0.01825,-0.03514,-0.01496,0.03355,-0.05151,0,-0.05224,0.0128,-0.02084,0.0239,0.03209,-0.04023,0.00139,-0.0559,-0.02291,0.01019,0.01095,0.00687,-0.1019,0.03625,-0.03231,-0.08216,-0.04487,0.06644,-0.06281,0.01966,0.06668,-0.05371,-0.02298,-0.08005,0.07867,0.11325,-0.01822,0.11107,-0.05906,0.05958,-0.07074,-0.02462,0.08141,-0.00674,-0.07354,0.0086,-0.02271,-0.10708,0.00008,0.00904,-0.04726,-0.00228,-0.01678,-0.03175,0.03293,0.02361,-0.01438,0.08444,0.04994,0.02239,-0.01058,0.02752,0.05139,0.04225,0.03309,-0.10446,-0.03077,0.06839,0.02128,0.05226,0.03084,0.08118,-0.12891,-0.08154,0.04695,0.12107,0.07102,0.04747,0.01795,-0.05046,-0.08255,0.05482,-0.01677,0.04479,0.05233,-0.04727,0.0447,-0.00604,0.05216,-0.02461,-0.05296,0.05602,0.04524,0.02093,0.02033,-0.07346,0.08356,-0.00863,-0.07173,-0.0407,0.12195,-0.00475,0.04613,0.02191,0.00129,0,-0.02255,0.00318,-0.09356,0.10397,0.02028,0.01679,0.06269,0.00618,0.11939,-0.09617,0.03817,0.0699,-0.04617,-0.05083,0.05247,0.00861,-0.04411,-0.08121,-0.00177,-0.05402,0.06961,-0.06772,-0.01894,-0.05073,-0.03385,-0.03607,0.02517,-0.00048,-0.03784,0.002,0.00855,-0.02137,-0.08155,-0.01907,0.01749,-0.06349,-0.06895,0.06308,0.03806,-0.04946,-0.00223,0.01991,0.05387,0.00441,-0.05791,0.0408,-0.06568,-0.00838,-0.00354,0.02077,-0.07005,0.00228,0.03158,-0.05761,-0.05595,0.07626,0.08111,-0.00648,-0.08443,0.06081,0.03311,-0.02346,-0.00331,-0.01673,0.07271,0.04086,-0.01564,0.03044,-0.02943,0.10083,0.07247,-0.01739,-0.05118,-0.01255,0.00793,0.04243,0.10861,0.00974,0.06205,0.04931,-0.02746,0.1028,0.06358,0.01202,-0.03417,0.00866,-0.07597,-0.00124,0.05289,0.06514,-0.03521,-0.01411,0.03486,0.03186,-0.10303,0,-0.0506,-0.00566,-0.03499,0.02256,-0.00104,0.06178,-0.03877,0.06011,-0.04757,-0.062,-0.02897,0.06769,-0.02468,0.03477,0.04747,0.0205,-0.05675,0.04854,-0.07542,-0.12796,-0.03716,0.03624,0.04196,0.01304,-0.05067,0.02087,-0.04119,0.07394,0.01869,-0.02009,-0.01474,0.02878,0.02465,0.07916,-0.04744,0.05871,-0.08552,0.05361,-0.07744,0.00306,0.0445,-0.06758,0.02408,-0.04105,-0.01729,0.04226,0.04202,0.00687,-0.09255,-0.04343,-0.05127,0.08816,-0.01812,0.07009,0.04266,0.02974,-0.00323,-0.02701,0.08103,-0.00998,-0.11914,0.05265,-0.00015,0.08163],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Connector Geometry and Docs Polish This release also keeps the geometry work moving in the right direction. Rounded connector calculations were hardened again so floating intersections behave more predictably across redraw, create, reassign, drag, and resize flows, especially when connector geometry becomes more complex. On the docs side, the release rounds out: - auto-pan guides and example docs - default-theme and styling guides - release history consistency across changelog, roadmap, and blog overview","excerpt":"Connector Geometry and Docs Polish This release also keeps the geometry work moving in the right direction. Rounded connector calculations were hardened again so floating intersections behave more predictably across redraw, create, reassign, drag, and resize flows, especially when connector geometry becomes more complex. On the docs side, the release rounds out: - auto-pan guides and example docs - default-theme and styling guides - release history consistency across changelog, roadmap, and blog overview"},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#7","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.02154,0.00512,-0.0523,-0.02679,0.00858,0.04872,0.08772,0.08452,0.02183,0.00583,-0.04028,0.00098,-0.11555,-0.0018,0.02252,-0.04268,-0.04262,0.02713,-0.01642,0.06076,0.01998,-0.06374,0.00218,0.00586,-0.0819,0.02925,-0.01121,-0.00621,-0.01932,-0.0316,-0.03695,0.15089,0.0276,0.01096,-0.02804,-0.07245,-0.02235,0.04615,-0.04868,-0.0287,0.02457,0.02314,0.06551,-0.03614,0.01686,0.01557,0.03222,-0.01263,-0.02562,0.06243,-0.03001,-0.05971,0.01002,-0.00024,0.01045,0.07648,0.06425,-0.03162,0.04282,0.02825,-0.07017,0.03467,-0.00753,0.02559,-0.00423,0.04402,0.00448,-0.01379,0.02071,-0.01592,-0.03578,-0.0323,0.07401,-0.09227,0.04808,-0.10589,-0.02496,0.08379,-0.03605,-0.04863,-0.00004,-0.01279,0.03025,0.04943,-0.01172,0.00748,-0.01983,-0.07828,0.03987,0.00369,-0.02193,0.02923,-0.08823,-0.06499,0.01754,-0.0679,-0.08262,-0.10425,-0.02697,0.018,0.04098,-0.02808,0.03613,0.07442,0.01621,0.02824,0.05387,0.0368,-0.03473,0.03249,-0.01165,-0.02499,0.0313,-0.04645,-0.0096,0.00654,-0.04998,-0.04595,0.0414,0.00866,0.02185,-0.01067,-0.06873,-0.05323,0.00552,0.06144,0.00393,0,-0.0037,0.02516,-0.02391,0.00754,0.05238,-0.01593,0.01398,-0.05074,-0.06415,0.00158,0.03473,0.01691,-0.09193,0.00333,-0.07852,-0.141,-0.07185,0.05275,-0.00332,0.00692,0.05378,-0.03573,-0.04639,-0.03534,0.09661,0.06248,-0.03438,0.09017,-0.03018,0.05197,-0.05121,-0.02372,0.05609,-0.03851,-0.10313,-0.02037,-0.05758,-0.05219,0.0185,-0.00957,-0.01675,-0.00542,0.00577,-0.07392,-0.03428,-0.00367,-0.05342,0.12391,0.03144,-0.01682,0.04484,-0.01409,-0.01284,0.01852,0.06295,-0.08802,-0.03985,0.0821,0.03612,0.04034,0.01355,0.01741,-0.08521,-0.06162,0.10118,0.12073,0.087,0.02844,0.02672,-0.06368,-0.05807,0.05936,0.01196,0.02211,0.0489,-0.04646,0.01447,0.01567,-0.00244,0.00565,-0.04822,-0.00807,0.04082,0.0535,0.005,-0.11416,0.07689,0.00545,-0.11367,-0.10646,0.07217,0.01183,0.06054,0.01038,0.0087,0,0.032,-0.0107,-0.04424,0.14428,0.00748,0.02216,0.13212,0.02896,0.09847,-0.07024,-0.01056,0.04155,-0.04264,-0.05693,-0.01522,0.04453,-0.04298,-0.03948,0.03257,-0.01657,0.04887,-0.071,-0.02505,-0.03005,-0.03725,-0.03221,0.03137,0.04718,-0.05422,-0.04613,0.01774,-0.00013,-0.08643,-0.00937,0.0282,-0.05107,-0.04083,0.04331,-0.02214,0.06136,0.01947,0.01252,0.07619,0.00883,-0.04809,0.02581,-0.01839,0.02737,-0.02164,0.02597,-0.08239,-0.00123,0.00605,-0.05008,-0.05637,0.08592,0.06044,-0.01734,-0.07586,0.05979,0.04179,-0.03125,-0.03006,-0.00039,0.06991,0.0303,-0.01811,0.03752,0.03407,0.08116,0.10332,-0.08518,0.00631,0.0143,0.01927,0.04099,0.11634,0.0003,0.06998,0.04999,0.00269,0.0866,0.05472,0.0237,-0.05519,0.06609,-0.11372,0.00994,0.05952,0.05305,-0.06131,-0.01562,0.10232,-0.04259,-0.07125,0,-0.07172,0.02362,0.01269,0.01915,-0.00659,0.03823,0.00763,0.07557,-0.06961,-0.05313,-0.02009,0.06693,0.02701,0.04183,0.03349,0.01052,0.00585,0.03621,-0.05875,-0.10305,-0.01097,0.03849,0.0292,0.02537,-0.05417,-0.02798,-0.0685,0.03557,0.01845,-0.0103,-0.03662,0.04003,0.03391,0.03971,-0.03913,0.01808,-0.11874,-0.00073,-0.0591,-0.00869,0.05604,-0.05063,-0.0308,-0.05688,-0.06781,0.02592,0.07953,-0.0324,-0.06899,-0.01972,-0.02282,0.09788,0.01774,0.08581,0.03822,0.03275,0.00656,-0.02112,0.10846,0.00126,-0.13428,0.06692,-0.02054,0.07066],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.4.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Auto Pan example: <https://flow.foblex.com/examples/auto-pan - Zoom example: <https://flow.foblex.com/examples/zoom - Styling docs: <https://flow.foblex.com/docs/default-theme-and-styling","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.4.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Auto Pan example: <https://flow.foblex.com/examples/auto-pan - Zoom example: <https://flow.foblex.com/examples/zoom - Styling docs: <https://flow.foblex.com/docs/default-theme-and-styling"},{"chunkId":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom#8","slug":"foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","route":"/blog/foblex-flow-v18-4-0-auto-pan-default-theme-and-smoother-trackpad-zoom","section":"blog","title":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom","description":"Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs.","group":"Releases","vector":[-0.01651,-0.00812,-0.01003,-0.02874,0.01545,0.0197,0.01901,0.07428,0.04371,-0.00341,-0.05796,0.02499,-0.1443,-0.02463,0.02708,-0.03108,0.01084,-0.0266,-0.05833,0.05466,-0.04981,-0.06456,-0.00966,0.00089,-0.09474,0.06866,-0.02392,-0.04906,-0.02445,-0.02392,-0.01249,0.16609,0.05528,-0.03295,-0.04934,-0.05486,-0.01054,0.01514,-0.04692,-0.04529,0.00205,0.01603,0.05219,0.02939,0.01823,-0.0082,0.06047,-0.06431,0.01571,0.06736,-0.0291,-0.10027,0.03143,-0.00441,0.00504,0.03431,0.03943,-0.00815,0.01748,0.06058,-0.04804,0.01892,-0.01042,0.03973,0.03954,-0.02172,-0.00292,-0.03824,0.05,-0.00992,-0.06259,0.00285,0.05425,-0.03203,-0.00195,-0.0856,-0.03401,0.01564,0.01012,-0.06176,0.053,-0.04585,0.00533,0.0313,-0.0186,0.05193,0.04063,-0.11541,0.0347,0.03715,0.0153,0.05826,-0.01897,-0.04475,-0.00393,-0.06741,-0.05037,-0.09173,-0.01288,0.01383,0.02555,-0.0286,0.07996,0.05926,-0.00569,0.00663,0.08698,0.04737,-0.04208,0.01255,-0.03402,-0.04365,0.01297,-0.06531,-0.00103,0.0036,-0.06855,-0.02242,0.07288,0.04877,-0.00255,-0.0207,-0.02685,-0.05139,0.02896,0.01284,-0.04549,0,-0.04281,0.03721,-0.02783,0.00295,0.05433,-0.05539,0.01068,-0.04192,-0.04435,-0.00648,0.05463,-0.01475,-0.08876,0.06451,-0.00256,-0.12073,-0.07448,0.0502,-0.01007,0.02148,0.0925,-0.04346,-0.01212,-0.04511,0.07262,0.08361,0.0136,0.06843,-0.02268,0.04476,-0.10771,-0.02543,0.02981,-0.0294,-0.09643,0.02741,-0.03012,-0.08287,0.05164,-0.0399,-0.05211,0.02312,-0.04998,-0.0657,0.03735,-0.00556,-0.03425,0.09356,0.01149,0.01149,0.02426,0.00519,0.04349,0.06025,0.03792,-0.07668,-0.00142,0.04209,0.03518,0.03889,0.03794,0.06669,-0.11104,-0.06741,0.06099,0.10511,0.11617,0.05228,0.01343,-0.05292,-0.08135,0.03727,-0.00578,0.01607,0.08729,-0.05407,0.02055,-0.02615,0.01628,-0.02271,-0.02956,0.04236,0.03859,0.03244,0.06434,-0.06529,0.04192,0.01582,-0.09864,-0.03168,0.1077,-0.03776,0.01777,0.06557,-0.02297,0,0.01344,0.00964,-0.0774,0.13822,-0.01034,-0.00029,0.06182,0.00078,0.09052,-0.07138,0.04654,0.04798,-0.03871,-0.04416,0.03168,0.01823,-0.01226,-0.07437,0.01771,-0.08582,0.05949,-0.08099,0.01069,-0.02787,-0.05712,-0.0452,-0.00172,0.0284,-0.03785,-0.05738,0.03208,-0.01411,-0.01704,-0.04341,0.05116,-0.02723,-0.06411,0.02712,-0.00225,0.02204,0.03895,0.03271,0.0806,0.02694,-0.05423,0.03807,-0.08742,0.02102,-0.01428,0.02392,-0.05693,-0.01364,-0.0304,-0.09615,-0.03909,0.07019,0.05651,0.02425,-0.07905,0.03556,0.02277,0.00006,0.001,-0.01421,0.07623,0.06741,-0.02783,0.08613,0.02137,0.10976,0.09136,-0.04651,-0.08212,0.0051,-0.00355,0.07327,0.12156,-0.01638,0.04529,0.0331,0.00008,0.09093,0.06445,0.00555,-0.04305,0.06265,-0.11708,-0.04759,0.03427,0.08105,-0.01707,-0.01024,0.0538,0.01543,-0.08874,0,-0.07554,0.04471,0.00943,0.01788,0.01487,0.01759,-0.01821,0.08429,-0.02304,-0.03139,0.0175,0.01878,-0.01809,0.03883,0.06333,0.04361,-0.04119,0.0516,-0.06224,-0.11619,0.00017,0.05176,0.01863,-0.00457,-0.02105,-0.00719,-0.01639,0.02323,0.01671,-0.03348,0.00234,0.06648,0.01837,0.06358,-0.04394,0.04459,-0.08766,0.00006,-0.08126,0.00618,0.03739,-0.06348,-0.01825,-0.04616,-0.08128,0.00138,0.04871,-0.04695,-0.07072,-0.04901,-0.0687,0.08327,-0.00304,0.06795,0.04958,0.04641,-0.02475,-0.01971,0.09971,0.00526,-0.1129,0.03211,-0.00671,0.09762],"keywords":"Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4.0: Auto-Pan, Default Theme, and Smoother Trackpad Zoom Foblex Flow v18.4 introduces the opt-in f-auto-pan plugin, ships a default theme entrypoint, smooths trackpad pinch-to-zoom, and refreshes example portal controls and docs. Closing v18.4.0 is an editor-quality release. It does not revolve around one huge new subsystem. Instead, it improves the things people touch constantly: dragging near viewport edges, getting a good-looking editor running quickly, and zooming naturally on trackpads. Those are the kinds of changes that make Foblex Flow feel more production-ready in everyday use.","excerpt":"Closing v18.4.0 is an editor-quality release. It does not revolve around one huge new subsystem. Instead, it improves the things people touch constantly: dragging near viewport edges, getting a good-looking editor running quickly, and zooming naturally on trackpads. Those are the kinds of changes that make Foblex Flow feel more production-ready in everyday use."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#0","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.10318,-0.06342,0.00097,0.05841,0.01571,0.00781,-0.07285,-0.00769,0.00065,-0.00921,-0.04428,0.0318,-0.07256,-0.02192,0.01087,0.04197,0.06855,-0.01857,-0.03331,0.00578,-0.04768,-0.07833,-0.0575,0.02033,0.00145,0.0108,-0.00506,0.00584,-0.02785,-0.04283,-0.00649,0.06152,-0.05586,-0.00054,0.03403,0.04762,0.00035,-0.02893,-0.09183,-0.00044,0.05681,0.00362,0.01321,0.00953,0.0384,-0.01674,0.06453,-0.07385,-0.03815,-0.02783,-0.01103,-0.04805,-0.01528,0.06047,0.03356,0.07513,0.05539,0.01485,-0.00699,0.07106,-0.02521,-0.00176,-0.00414,0.00227,0.04869,-0.02282,0.00226,-0.01628,0.012,0.04108,-0.06283,0.03724,-0.02409,-0.11763,0.05279,0.02638,0.10142,0.00485,0.07129,-0.13445,0.03893,0.00449,-0.00847,0.00806,-0.01915,-0.01688,0.01813,-0.11559,0.03051,0.0528,0.03584,0.01844,-0.03154,0.09969,-0.01696,-0.04368,-0.03932,-0.03689,-0.00608,0.05203,-0.00979,-0.02419,0.10764,0.0726,-0.02203,-0.00148,0.02068,0.0885,-0.06989,-0.00344,0.03915,0.04015,-0.01155,-0.05041,-0.05914,0.04642,-0.00817,-0.01444,0.03384,0.06682,-0.032,-0.02658,0.05291,-0.02953,-0.04836,-0.03218,-0.05412,0,-0.02662,-0.01442,-0.05472,0.02157,0.09783,-0.00768,0.02413,0.00539,-0.00252,-0.02963,-0.04611,0.02665,-0.0382,0.06284,-0.0027,-0.11397,-0.02322,0.08421,-0.04787,0.09734,0.08903,-0.08813,-0.03274,-0.12545,0.05778,0.06051,0.06436,0.03123,-0.09578,0.05008,-0.01604,0.00724,0.07068,0.05496,-0.10741,0.02604,-0.04445,-0.1327,-0.03471,0.00394,-0.03922,0.05158,-0.0716,-0.04139,0.00809,-0.00661,-0.04811,0.00888,0.03709,0.03273,0.03313,0.05137,0.00977,0.00052,0.01907,-0.04649,0.01511,0.01908,0.053,0.0284,0.02192,0.07047,-0.06694,-0.01636,0.05773,0.091,0.00822,0.091,-0.03623,-0.03445,-0.08515,0.07636,0.01488,-0.01468,0.05627,-0.02855,0.0122,0.05557,0.02445,-0.02213,-0.02555,0.07004,0.00018,0.00818,0.01919,-0.03923,0.00024,-0.01466,-0.03204,0.04365,0.13933,-0.02094,0.03258,0.04407,-0.03333,0,-0.03094,0.0284,-0.09465,0.02282,0.01142,-0.06775,0.05773,0.02629,0.00727,-0.01024,0.04915,-0.02142,-0.08193,-0.0014,0.02573,-0.05449,-0.01626,-0.0914,-0.00626,-0.01571,0.08291,0.05043,-0.06206,-0.05428,-0.04798,-0.02591,-0.04391,0.05146,-0.04244,-0.03031,0.00365,0.00371,-0.06343,-0.06205,-0.02134,0.08523,-0.0803,0.0423,0.02729,-0.03979,0.06071,0.0431,-0.06014,0.02974,-0.03742,0.04926,-0.07368,-0.11337,-0.00267,0.03808,-0.0319,0.01616,-0.02535,0.00225,-0.0925,0.03143,0.03018,0.00835,-0.09822,0.07934,0.07989,-0.03783,0.04091,-0.00686,0.05386,0.04162,0.02153,0.02992,0.1085,0.10897,0.08653,0.05027,-0.06809,0.03896,0.04244,-0.02542,0.02822,0.00917,-0.00073,0.10248,-0.01754,0.06435,0.03431,0.07345,0.08727,-0.0359,-0.02389,0.02011,0.05976,0.03476,-0.04097,-0.07221,-0.05533,0.02427,-0.07187,0,-0.03831,0.00051,-0.04002,0.00124,0.02757,-0.01927,-0.02783,0.06585,-0.03756,-0.01315,0.01574,-0.00181,-0.048,-0.02234,0.06548,0.02314,-0.01943,-0.00395,-0.08437,-0.10983,-0.03595,0.10184,-0.01281,0.10683,0.03126,-0.00809,0.02722,0.05379,0.03262,-0.00931,-0.06012,0.06226,0.00172,0.04537,-0.06384,0.11503,-0.03322,0.04655,-0.05664,0.05444,-0.01524,-0.05617,0.03411,0.01268,0.06202,0.05348,-0.14571,-0.00493,-0.10695,-0.07743,-0.06588,0.03349,-0.0648,0.09232,0.02999,-0.03916,-0.00834,-0.04791,0.03425,0.04517,-0.05469,-0.05036,0.02742,0.01481],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0 finishes the connection-model work that started around projected rendering and large-scene performance. Today I’m shipping v18.3.0. This release makes connection gradients explicitly projected, removes more redundant redraw work for unchanged connections, fixes connection worker startup in production builds, and refreshes the roadmap and docs around the new model.","excerpt":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0 finishes the connection-model work that started around projected rendering and large-scene performance. Today I’m shipping v18.3.0. This release makes connection gradients explicitly projected, removes more redundant redraw work for unchanged connections, fixes connection worker startup in production builds, and refreshes the roadmap and docs around the new model."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#1","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.13793,-0.03709,-0.02917,0.03857,-0.03001,0.00549,0.0065,-0.0043,-0.04025,-0.00494,-0.08613,0.04938,-0.0632,-0.02852,0.02934,0.0503,0.02446,-0.03994,-0.03205,-0.04192,-0.02206,-0.06525,-0.05374,-0.01156,-0.01211,-0.01471,0.01348,0.00008,-0.00778,-0.00801,-0.02803,0.02775,-0.07454,0.0157,0.00394,0.07073,0.01831,-0.00838,-0.08496,0.03443,0.06732,-0.002,-0.0262,0.00244,0.02213,-0.0081,0.00864,-0.03868,-0.06794,0.00199,-0.03281,-0.03902,-0.06202,0.07613,0.0656,0.0614,0.0227,0.0112,-0.02797,0.06866,0.01913,-0.06669,0.01145,-0.01822,0.03091,-0.01257,-0.02989,-0.00373,0.02841,0.01164,-0.07651,0.02755,-0.05514,-0.09787,0.03256,-0.0049,0.05285,0.01715,0.03933,-0.15539,0.04716,0.00133,0.0361,0.01299,-0.00742,-0.01245,0.03899,-0.15227,0.08148,0.04983,0.03271,0.06632,-0.03436,0.04617,0.00326,0.00985,-0.04972,-0.01327,-0.01834,0.04038,-0.0218,-0.02808,0.09049,0.05829,-0.03462,0.00111,0.00095,0.09034,-0.00376,0.02861,0.01794,0.06368,0.0191,-0.08543,-0.08117,0.01403,-0.01921,-0.0164,0.01745,0.10324,-0.01977,-0.05032,0.00301,-0.04748,-0.02791,-0.05321,-0.02375,0,-0.02752,0.00606,-0.02353,0.05193,0.07183,-0.02702,0.01829,-0.04223,-0.02371,-0.0101,-0.06421,0.02379,-0.04408,0.0649,-0.01647,-0.06621,-0.02004,0.03904,0.00664,0.09867,0.10601,-0.07542,-0.02948,-0.08706,0.09826,0.04439,0.04415,0.02653,-0.06337,0.05424,0.01961,0.00553,0.01724,0.04959,-0.08546,0.03122,-0.0156,-0.11768,-0.05034,0.01166,0.00927,0.01464,-0.09712,-0.03895,-0.01692,-0.0411,-0.07102,0.01832,0.06584,0.04354,0.01149,0.07313,0.05209,-0.00752,0.0227,-0.02718,-0.01811,0.04004,0.01932,0.0779,0.05877,0.04566,-0.05346,0.01804,0.0934,0.08312,0.04638,0.06277,0.00911,-0.02619,-0.07612,0.09027,0.0196,-0.02405,-0.01644,-0.02892,-0.00595,0.06627,0.00154,-0.01934,-0.02166,0.00367,-0.00699,0.02973,0.02843,-0.03167,0.00134,-0.05173,0.00545,0.01656,0.12082,-0.00226,0.01997,0.05612,-0.03291,0,-0.00874,0.00297,-0.11479,0.05452,-0.00408,-0.05027,0.09115,0.00726,0.02083,0.04786,0.03117,0.01419,-0.04527,-0.02928,0.05573,-0.03853,-0.00233,-0.10054,-0.04468,-0.00083,0.03736,0.03793,-0.04899,-0.06075,0.0116,-0.00618,-0.04205,0.01423,-0.04042,-0.04613,-0.01842,0.01165,-0.05579,-0.05544,-0.02416,0.04799,-0.08802,0.05619,0.0678,-0.0287,0.09202,0.03508,-0.08083,-0.02231,-0.02597,0.0348,-0.06801,-0.09186,-0.07702,0.01301,0.06762,0.02502,-0.03817,0.00115,-0.09199,0.04686,0.03306,-0.02141,-0.09307,0.05724,0.10446,-0.06029,0.02761,0.04693,0.03682,0.00703,0.0054,-0.01206,0.08773,0.05059,0.05745,0.07818,-0.02828,0.08509,0.03505,-0.0402,0.03935,-0.01305,-0.01985,0.13174,-0.0484,0.09689,0.05556,0.07435,0.10313,-0.0024,-0.05066,0.03097,0.08943,0.01562,-0.05224,-0.09791,-0.07234,0.05231,-0.07758,0,-0.07469,0.01372,-0.08746,0.01001,0.0405,-0.00964,-0.02748,0.0288,-0.00423,0.01414,-0.00085,0.0306,-0.02177,0.00336,0.05499,0.0332,0.01547,-0.00908,-0.07476,-0.09974,-0.0497,0.07577,-0.03542,0.13344,0.04459,-0.00999,0.03131,0.03754,0.02634,-0.01722,-0.0761,0.02684,0.01583,0.03843,-0.03843,0.11652,-0.04544,0.03924,-0.07587,0.04049,0.01706,-0.02945,0.07972,0.00071,0.04617,0.04073,-0.1399,0.00037,-0.09195,-0.08413,-0.05361,0.03307,-0.06729,0.08108,0.00503,-0.0462,-0.01194,-0.04651,0.01338,0.02118,-0.06492,0.00412,0.0347,-0.04003],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Highlights - 🎨 Projected f-connection-gradient is now the supported way to configure connection gradients. - ⚡ Smarter redraw caching skips repeated marker regeneration and repeated line initialization for unchanged routes. - 🧵 Production worker hardening starts the connection worker from a blob URL instead of requesting a .ts worker file. - 📚 Docs and roadmap refresh now explain the new connection model more clearly.","excerpt":"Highlights - 🎨 Projected f-connection-gradient is now the supported way to configure connection gradients. - ⚡ Smarter redraw caching skips repeated marker regeneration and repeated line initialization for unchanged routes. - 🧵 Production worker hardening starts the connection worker from a blob URL instead of requesting a .ts worker file. - 📚 Docs and roadmap refresh now explain the new connection model more clearly."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#2","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.10465,-0.01421,-0.03878,0.02688,0.01122,0.07322,-0.01518,-0.05249,0.02258,-0.0054,-0.05603,0.0286,-0.06101,-0.0365,0.06496,0.03818,0.00695,-0.01185,-0.06353,-0.01805,-0.08161,-0.08293,-0.05231,-0.01896,-0.00984,0.03498,0.02708,-0.0142,0.00987,-0.05005,-0.00881,0.03234,-0.06057,0.02531,-0.04649,0.04998,0.01963,0.02377,-0.07735,-0.00102,0.09393,0.02568,-0.01462,-0.05897,0.01534,0.02022,0.01604,-0.00705,-0.06669,-0.03867,-0.02712,-0.12743,-0.02614,0.06979,-0.01371,0.09068,0.04013,0.01053,0.02771,0.06057,0.00232,-0.03093,0.02042,-0.00029,0.04489,-0.02717,-0.0413,-0.02381,0.01385,0.02598,-0.03575,0.03222,-0.00753,-0.1116,0.03106,0.05269,0.09372,0.05566,0.02446,-0.12009,0.07773,0.07179,0.02001,0.03571,-0.00575,0.02816,0.01268,-0.14757,-0.01613,0.02914,0.02581,0.04248,-0.05956,0.06977,0.00669,-0.00511,-0.06187,-0.0489,-0.01388,0.01941,-0.01184,-0.07601,0.1046,0.0789,-0.05781,0.00838,0.00337,0.10986,-0.04038,0.02427,0.04937,0.06615,0.01683,-0.08855,-0.06022,-0.00368,-0.07647,-0.0168,0.00929,0.14068,-0.00516,-0.03277,-0.01346,-0.02117,-0.04558,-0.02089,-0.02932,0,-0.00717,0.02058,-0.08596,0.04424,0.0984,0.02044,-0.01049,-0.05758,-0.0253,-0.0284,-0.01348,-0.01631,-0.11157,0.06083,-0.00815,-0.08318,0.00373,0.05574,-0.04683,0.08808,0.08176,-0.07743,-0.04416,-0.06073,0.06109,0.07269,0.04311,0.02115,-0.1034,0.01143,0.03383,0.01071,0.05607,0.03147,-0.10919,0.00751,0.01367,-0.11903,-0.05078,0.0293,0.02428,0.05683,-0.08953,0.03364,0.00638,0.01295,0.01657,0.0103,0.0923,0.02299,-0.04209,0.03984,0.01643,0.00002,0.03165,-0.0313,-0.02319,0.04443,0.06075,-0.01707,0.06654,0.09828,-0.02265,-0.03368,0.06605,0.04814,0.00344,0.0672,-0.00287,-0.04522,-0.0883,0.07824,-0.02804,-0.00637,0.00549,-0.02878,0.02683,0.05948,0.11619,-0.00609,-0.02909,0.05147,-0.03185,0.04168,0.00689,-0.02451,0.00966,-0.05261,-0.04292,0.02318,0.12001,0.01152,-0.01933,0.01814,-0.01762,0,-0.01475,0.04211,-0.05211,0.01523,0.03909,-0.07774,0.05145,0.07304,0.01412,0.0566,0.07696,0.05139,-0.0602,0.0042,0.00571,-0.0123,-0.0574,-0.05981,-0.01462,-0.05172,0.01732,0.03918,-0.05736,-0.06934,-0.04333,0.01028,0.01179,0.01568,-0.04707,-0.02763,-0.01103,0.01106,-0.06332,-0.04687,-0.04952,0.02952,-0.06069,-0.01817,0.02063,-0.05141,0.06729,0.04532,-0.03257,-0.01635,-0.06912,0.01857,-0.03902,-0.10515,-0.02325,0.00502,0.0317,0.0279,-0.02057,0.01477,-0.08218,-0.01271,0.01427,0.02391,-0.0447,0.05581,0.06934,-0.00815,0.01184,-0.01459,0.05521,0.0664,0.0159,0.0022,0.11523,0.072,0.10024,0.06225,-0.02973,0.03192,0.05998,-0.02013,0.06454,0.03673,0.02338,0.07226,-0.00674,0.05029,0.0455,0.01822,0.10853,-0.03356,-0.0484,0.02642,0.07564,0.01375,-0.05262,-0.08325,-0.03089,-0.03369,-0.0418,0,-0.04194,0.01974,-0.02444,-0.00818,0.04386,-0.01687,0.02,0.02433,0.00061,0.04997,-0.05665,0.05363,-0.01613,-0.01044,0.0506,0.02075,-0.04645,0.00563,-0.05879,-0.0599,-0.06729,0.10799,0.01497,0.10184,0.03919,-0.03117,0.02404,0.04193,0.02329,-0.01295,-0.05275,0.04461,0.04756,0.00954,-0.05792,0.07776,-0.12687,0.04357,-0.10448,-0.00013,-0.04081,-0.07959,0.08424,0.00063,0.0095,0.01098,-0.09781,0.03301,-0.11474,-0.02919,-0.06002,0.01329,-0.08861,0.0688,-0.00086,-0.08096,-0.02178,0.00855,0.02075,-0.01179,-0.07144,-0.04844,0.03088,-0.05712],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Projected Connection Gradients Are Now the Model Before this release, gradient colors could live directly on the connection components. In v18.3.0, gradient configuration is now projected through f-connection-gradient, which makes the connection template more explicit and keeps visual configuration alongside other projected connection content. Old shape: New shape: This is the main migration point in the release. ::: ng-component <connection-gradients</connection-gradients [height]=\"700\" :::","excerpt":"Projected Connection Gradients Are Now the Model Before this release, gradient colors could live directly on the connection components. In v18.3.0, gradient configuration is now projected through f-connection-gradient, which makes the connection template more explicit and keeps visual configuration alongside other projected connection content. Old shape: New shape: This is the main migration point in the release. ::: ng-component <connection-gradients</connection-gradients [height]=\"700\" :::"},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#3","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.09035,-0.05654,-0.05567,0.05148,-0.00307,0.00644,0.00619,0.00618,0.01151,-0.04681,-0.07185,0.05811,-0.07944,-0.0511,0.02487,0.05465,0.00494,0.04282,-0.06265,-0.03616,-0.0233,-0.12237,-0.04323,0.00194,-0.03228,0.00417,0.02883,-0.02924,0.00575,-0.06568,-0.00038,0.02399,-0.04758,-0.00136,-0.05473,0.04692,0.02492,-0.01781,-0.07776,0.00654,0.03775,0.00516,-0.03533,0.02463,0.01187,0.00857,0.03791,-0.02486,-0.09878,0.01784,0.01676,-0.05537,-0.05944,0.08718,0.03514,0.08194,0.03081,0.02087,-0.02212,0.05533,-0.00139,-0.01783,0.00685,0.02184,-0.00746,-0.00501,0.00159,-0.06382,0.0299,0.01208,-0.0706,0.02258,0.00693,-0.04662,0.07725,0.01741,0.06647,0.03647,0.00865,-0.1537,0.04693,0.00037,-0.00779,0.04744,0.10804,0.02262,-0.00964,-0.14816,-0.00629,0.08514,-0.00493,0.06494,-0.01551,0.03176,-0.0423,-0.0145,-0.00817,-0.04754,-0.00807,0.0696,-0.02551,-0.01801,0.04982,0.05574,-0.0146,-0.0375,0.0062,0.04253,-0.06991,0.00134,0.01303,0.05654,0.03125,-0.07419,-0.05396,0.03272,-0.02023,-0.00375,0.05147,0.08036,0.0248,-0.05166,0.01265,-0.02593,-0.01036,-0.04333,-0.0235,0,-0.03691,0.00506,-0.05566,0.01294,0.06394,0.0219,-0.0006,-0.02614,-0.03504,-0.03638,0.01689,0.02361,-0.02687,0.09209,0.03269,-0.05611,-0.01683,0.083,-0.02372,0.04644,0.05506,-0.06714,-0.03215,-0.07781,0.09298,0.07247,0.0043,0.04568,-0.08814,0.03803,-0.01142,-0.05372,0.01068,0.04714,-0.06484,0.04759,-0.02691,-0.14029,-0.05113,0.03647,-0.04721,0.04498,-0.11437,-0.0618,-0.00929,-0.01739,-0.08399,0.04702,0.03733,0.02075,0.01235,0.0674,0.06387,0.00309,0.02372,-0.08442,-0.03608,0.02707,0.02511,0.0557,0.03176,0.05557,-0.06205,0.00424,0.05903,0.09341,0.06165,0.06619,-0.02041,-0.039,-0.0688,0.10865,0.02604,-0.02779,-0.01262,-0.03571,-0.02236,0.00938,0.05529,-0.05983,-0.02191,0.04822,-0.0267,0.04911,0.02872,-0.06374,0.00739,-0.05696,-0.05935,0.02384,0.10721,-0.02379,0.01993,0.03029,-0.03391,0,-0.02635,0.01976,-0.09529,0.09013,0.0007,-0.04852,0.0679,0.05114,0.02595,-0.02184,0.05487,-0.00797,-0.09097,0.00262,0.01084,-0.00354,-0.07936,-0.07846,-0.04521,-0.04003,0.05884,0.02853,-0.00808,-0.03929,-0.03793,-0.00295,-0.05468,0.06308,-0.07946,-0.04596,0.00202,0.00793,-0.05589,-0.07244,0.00778,0.04675,-0.03377,0.0752,0.04233,0.03195,0.09517,0.04755,-0.0121,0.01782,-0.01235,0.0746,-0.11945,-0.03985,-0.04361,0.04043,0.03719,0.00524,-0.0691,0.00837,-0.07156,0.04232,0.03557,0.01412,-0.05366,0.09508,0.00634,-0.04878,0.01315,0.05245,0.07111,0.00776,0.03736,0.02105,0.09916,0.07212,0.12803,0.04376,-0.05475,0.0202,0.01897,-0.04305,0.08004,-0.04222,-0.0311,0.13211,-0.02541,0.03775,0.07262,0.05306,0.05451,0.02358,-0.08029,0.01923,0.06155,0.0022,-0.01441,0.01367,-0.03521,-0.01387,-0.07726,0,-0.09364,0.003,-0.04887,0.01286,0.03508,-0.01855,-0.02351,0.04204,-0.05376,-0.03264,0.04542,0.01828,-0.01905,-0.02778,0.06174,0.00191,0.00495,0.0063,-0.09621,-0.0908,-0.08289,0.10636,-0.05273,0.0915,0.03046,-0.06221,0.05367,0.06849,0.05919,-0.02922,-0.04814,0.08188,0.08279,0.04366,-0.05356,0.08184,-0.05935,0.0444,-0.07244,0.06058,-0.00152,-0.05217,0.02204,0.01179,0.03858,0.02317,-0.1124,-0.01364,-0.05423,-0.07775,-0.05265,0.02582,-0.03963,0.07162,0.01982,-0.04943,-0.02792,-0.00454,0.05631,0.03351,-0.0618,-0.01473,0.05599,-0.00474],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Smarter Redraws for Unchanged Connections This release also trims more internal redraw work when the effective connection output did not actually change. That includes: - skipping marker regeneration when the marker signature is unchanged - skipping repeated setLine() and initialize() work when the route signature is unchanged - keeping gradient DOM ids stable per connection instance - reducing extra DOM writes when gradient coordinates and colors did not change This is not a new API headline like fCache, but it matters in editors that already redraw many connections during drag, resize, reassignment, or viewport movement. set Line f Cache","excerpt":"Smarter Redraws for Unchanged Connections This release also trims more internal redraw work when the effective connection output did not actually change. That includes: - skipping marker regeneration when the marker signature is unchanged - skipping repeated setLine() and initialize() work when the route signature is unchanged - keeping gradient DOM ids stable per connection instance - reducing extra DOM writes when gradient coordinates and colors did not change This is not a new API headline like fCache, but it matters in editors that already redraw many connections during drag, resize, reassignment, or viewport movement."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#4","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.13381,-0.01599,-0.01402,0.05657,0.00298,-0.02067,-0.00533,0.03069,-0.02433,-0.01463,-0.05811,0.03505,-0.06232,0.00722,0.03608,0.03976,0.03785,-0.05017,-0.03779,0.00003,-0.0302,-0.04667,-0.03237,0.01794,-0.03236,-0.02876,-0.02263,0.01877,-0.02397,-0.00289,-0.00197,0.029,-0.0349,-0.02683,0.07206,0.08018,-0.01014,-0.00428,-0.08964,0.01813,0.06622,0.01009,-0.00775,-0.00815,0.00182,-0.00728,0.0484,-0.0705,-0.0417,-0.01177,-0.00969,-0.04502,-0.0166,0.04987,0.04717,-0.00762,0.03066,0.00861,-0.00038,0.05464,0.00879,-0.04266,0.03537,-0.06064,0.05985,-0.00417,-0.00728,-0.04318,-0.01589,-0.00827,-0.06001,0.03484,-0.04815,-0.07405,0.00708,0.01662,0.06633,0.01635,0.0486,-0.12516,0.04532,-0.04329,0.04528,0.02157,-0.02963,0.00007,0.04672,-0.11355,0.09395,0.05857,0.01421,0.05884,-0.01875,0.09558,0.06686,-0.04122,-0.04358,0.02381,-0.02615,0.03188,-0.00023,-0.06251,0.13045,0.0565,-0.04825,-0.00005,0.0088,0.07524,-0.01959,-0.03549,0.01396,0.06343,0.01284,-0.08403,-0.07688,0.01115,-0.02467,-0.01803,-0.02367,0.08332,0.0001,-0.04608,0.00724,-0.02625,-0.03525,-0.05497,-0.00775,0,-0.02813,-0.0409,-0.03209,0.05461,0.07619,-0.02575,0.05502,-0.05082,0.00873,-0.02998,-0.03654,0.01855,-0.01562,0.03838,0.00242,-0.07419,-0.009,0.066,-0.0162,0.11398,0.12158,-0.08835,-0.04692,-0.0955,0.07616,0.02156,0.04997,0.00959,-0.06379,0.04692,-0.01551,-0.00905,0.036,0.05068,-0.09374,0.01322,-0.03223,-0.08118,-0.0618,0.02564,0.00991,0.03971,-0.06301,0.00279,0.02564,-0.04449,-0.06781,-0.00164,0.06716,0.03932,-0.00107,0.0604,0.05966,0.00145,0.05935,-0.01202,0.01539,0.03526,0.00817,0.01973,0.05937,0.0759,-0.0631,-0.00615,0.09012,0.04503,0.02116,0.06298,-0.00352,-0.04651,-0.07505,0.07142,0.02418,-0.04096,0.00048,-0.00212,0.04108,0.05646,-0.01773,-0.04463,0.00438,0.02556,0.01245,-0.00139,0.02743,-0.01234,-0.01814,-0.03642,-0.02177,0.03508,0.16367,-0.04438,-0.00227,0.05696,-0.04577,0,0.00054,0.0058,-0.09365,0.0102,0.03267,-0.03831,0.07921,0.00568,0.02328,0.0253,0.02669,0.0044,-0.08436,-0.01463,0.00636,-0.0072,-0.00499,-0.07588,-0.01269,-0.0163,0.05222,0.03254,-0.00084,-0.02174,-0.02958,0.01056,-0.07027,0.03838,-0.03712,-0.06134,-0.01165,0.02896,-0.03419,-0.04557,0.00455,0.02081,-0.1059,0.03705,0.07057,-0.0402,0.07553,0.03555,-0.06196,0.02388,-0.05823,0.03056,-0.05864,-0.14249,-0.05928,0.03489,0.02825,-0.00062,-0.01773,0.00548,-0.06351,0.00358,0.05517,-0.01419,-0.1575,0.09469,0.11562,-0.02152,0.07879,0.01637,-0.00866,0.02655,-0.00138,0.04754,0.07875,0.08859,0.03009,0.04183,-0.06019,0.03811,0.00864,-0.00506,0.02798,-0.01695,-0.00673,0.10805,-0.03964,0.07626,0.01026,0.06488,0.09178,-0.03587,-0.01561,0.00768,0.07181,0.01883,-0.03568,-0.13265,-0.04764,0.06193,-0.03268,0,-0.0597,0.03278,-0.10243,0.00708,0.04165,-0.04444,-0.01101,0.01191,0.013,0.04653,-0.02483,0.01976,0.01253,-0.01363,0.05307,0.02977,-0.04016,-0.00285,-0.06968,-0.13983,-0.02489,0.07189,-0.03407,0.1095,0.00874,0.01433,0.02077,-0.01625,0.05404,0.01958,-0.06483,0.0657,-0.01506,0.0406,-0.07791,0.10171,-0.02099,0.04633,-0.08349,0.01316,0.01872,0.0021,0.06155,-0.02804,0.03802,0.03574,-0.17471,0.01713,-0.11083,-0.09976,-0.03893,0.04879,-0.07799,0.14473,0.00943,-0.0168,-0.01676,-0.04692,0.03724,0.0329,-0.06691,-0.02871,0.05047,0.00259],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Production Worker Hardening v18.2 introduced the connection worker for heavier redraw scenarios. In real production deployments, that exposed a packaging problem: some builds could end up requesting worker/f-connection.worker.ts directly, which then failed with a MIME-type error after deployment. In v18.3.0, the worker runtime is started from a self-contained blob URL instead. That removes the external .ts worker request and makes the production startup path much safer. This release also keeps the worker opt-in behavior intact. The change is about how the runtime is loaded, not about forcing the worker on by default.","excerpt":"Production Worker Hardening v18.2 introduced the connection worker for heavier redraw scenarios. In real production deployments, that exposed a packaging problem: some builds could end up requesting worker/f-connection.worker.ts directly, which then failed with a MIME-type error after deployment. In v18.3.0, the worker runtime is started from a self-contained blob URL instead. That removes the external .ts worker request and makes the production startup path much safer. This release also keeps the worker opt-in behavior intact. The change is about how the runtime is loaded, not about forcing the worker on by default."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#5","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.11013,-0.02644,-0.04656,0.01226,-0.03305,0.03062,-0.03623,0.04887,-0.04307,-0.03502,-0.05523,0.04712,-0.07212,-0.04688,0.00303,0.02561,0.00768,-0.02507,-0.03115,-0.03024,-0.04799,-0.10032,-0.05414,-0.00626,-0.01623,-0.00214,-0.00271,-0.01028,-0.04283,-0.03252,-0.0014,0.06494,-0.02205,-0.00565,-0.01615,0.03837,0.05192,0.00196,-0.08122,0.04068,0.03078,-0.03794,0.00957,0.00021,0.02058,-0.00063,0.04029,-0.03608,-0.05669,-0.01099,-0.04422,-0.04505,-0.03301,0.07909,0.05414,0.05861,0.03207,-0.00708,-0.04092,0.06551,0.01678,-0.04683,-0.04714,0.02003,0.01551,-0.01569,-0.01833,0.00808,0.02674,-0.00465,-0.0794,0.03287,-0.04585,-0.12811,0.05144,0.00948,0.10728,0.04551,0.04812,-0.13942,0.0677,0.05358,0.00695,-0.01225,-0.02543,0.01569,0.02221,-0.11233,0.02909,0.06103,0.0316,0.06954,-0.02154,0.04374,0.03593,0.00224,-0.04102,-0.05147,-0.0145,0.06491,-0.00864,-0.02054,0.08933,0.02598,-0.04187,-0.0006,-0.01064,0.09224,-0.03034,-0.00349,0.0079,0.03165,-0.01415,-0.10584,-0.03429,-0.00967,-0.02727,-0.00768,0.0556,0.07744,-0.04569,-0.0255,-0.00157,-0.01718,-0.03894,-0.00358,-0.09123,0,-0.03252,-0.00665,-0.0397,0.07103,0.06449,-0.01273,0.0314,-0.03769,-0.00809,-0.01328,-0.02598,0.03663,-0.07902,0.04866,0.0049,-0.1151,-0.03867,0.07141,-0.00078,0.08993,0.11834,-0.10408,-0.01297,-0.06761,0.1145,0.06008,0.03071,0.04292,-0.05554,0.05218,-0.02629,-0.01093,0.03401,0.00495,-0.04856,0.03222,-0.06,-0.14941,-0.03249,0.0041,0.00787,0.04569,-0.06868,-0.05775,0.04072,0.00165,-0.08201,0.0223,0.08153,0.03065,0.00082,0.05286,0.00866,0.01692,0.0238,-0.04723,-0.02326,0.04777,0.00339,0.08937,0.02694,0.08746,-0.06772,-0.03597,0.07033,0.09958,0.01774,0.07287,-0.02065,-0.03176,-0.11626,0.09196,-0.00964,-0.04649,0.03533,-0.00901,-0.00236,0.0407,0.02007,-0.02365,-0.03424,0.04172,0.00662,0.05541,0.02284,-0.01836,0.01371,0.00387,-0.02141,0.04725,0.08981,0.01316,0.03393,0.06185,0.00212,0,-0.03914,0.00911,-0.07623,0.03277,0.04391,-0.03591,0.06529,0.00953,0.05262,-0.00189,0.04271,0.0129,-0.02951,-0.01126,0.03504,-0.05028,-0.0242,-0.14179,-0.0335,-0.00229,0.04718,0.05176,-0.03066,-0.08413,0.00088,-0.03617,-0.03333,0.00543,-0.03962,-0.05081,-0.00413,0.01684,-0.05797,-0.00005,-0.01332,0.03624,-0.03851,0.03514,0.05836,-0.04996,0.08556,0.04264,-0.02242,-0.03033,-0.04046,0.07607,-0.09273,-0.09436,-0.04539,0.04722,-0.00529,0.02703,-0.06623,0.00344,-0.10306,0.03027,0.06932,0.00711,-0.08532,0.08534,0.04955,-0.0449,0.03314,0.00959,0.0633,0.01114,0.01832,0.02725,0.06632,0.08884,0.07698,0.06654,-0.02382,0.04901,0.02348,-0.00568,0.03059,-0.023,-0.01946,0.12364,-0.02963,0.12081,0.03884,0.09085,0.09527,0.00488,-0.00491,-0.00983,0.07919,0.00318,-0.0693,-0.08208,-0.06089,0.01699,-0.0505,0,-0.05432,0.01378,-0.08259,0.00333,0.05618,0.00349,-0.05478,0.03801,-0.02427,0.03974,-0.00273,0.05125,-0.0188,-0.00293,0.06291,-0.02292,-0.00142,0.0049,-0.06518,-0.11977,-0.01113,0.07231,-0.01784,0.10396,0.02942,-0.04692,0.02517,0.02835,0.02345,-0.02356,-0.0486,0.04721,0.01676,0.02974,-0.02142,0.12142,-0.07583,0.06138,-0.07035,0.04828,0.00966,-0.01613,0.06111,-0.00059,0.0309,0.0616,-0.12916,-0.00823,-0.11315,-0.06039,-0.05657,0.07086,-0.02311,0.07605,0.02505,-0.02243,-0.03112,-0.07542,0.02581,0.01811,-0.07234,-0.00206,0.0214,0.01814],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Docs and Roadmap Refresh I also used this release to tighten the surrounding docs: - updated f-connection, f-connection-for-create, and f-snap-connection guides - refreshed the connection gradients example page - rebuilt the roadmap docs around release history instead of a vague future-only list - added a dedicated release article for this version That should make it easier to answer two common questions: - what changed in the connection model? - which releases introduced which major capabilities?","excerpt":"Docs and Roadmap Refresh I also used this release to tighten the surrounding docs: - updated f-connection, f-connection-for-create, and f-snap-connection guides - refreshed the connection gradients example page - rebuilt the roadmap docs around release history instead of a vague future-only list - added a dedicated release article for this version That should make it easier to answer two common questions: - what changed in the connection model? - which releases introduced which major capabilities?"},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#6","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.07746,-0.03736,-0.05642,-0.0073,-0.01387,0.02513,-0.01088,-0.00034,-0.0253,-0.04348,-0.08204,-0.02513,-0.05803,-0.04232,0.02355,0.0386,0.00577,-0.00982,-0.04545,-0.00405,-0.10005,-0.10485,-0.06291,-0.02574,-0.03755,0.02782,0.03487,0.00302,-0.04109,-0.0368,0.00194,0.04332,-0.05763,0.01519,0.01231,0.05712,0.01542,-0.02032,-0.07686,-0.01613,0.07198,0.01207,0.00087,0.00263,0.00676,0.0116,0.03147,-0.03862,-0.02465,0.00472,-0.03164,-0.06261,-0.03495,0.09226,0.02841,0.11626,0.07851,-0.04007,-0.01319,0.04816,0.02236,0.00515,0.01492,0.01036,-0.01502,-0.02358,-0.01588,0.00467,0.01209,0.03324,-0.08168,0.03331,-0.05145,-0.08243,0.04338,0.0143,0.10089,0.02791,0.04819,-0.15381,0.05076,0.03758,-0.01735,0.01009,-0.00084,0.00931,0.00044,-0.14289,-0.002,0.05743,0.05188,0.05174,-0.02887,0.01543,0.01686,-0.04869,-0.04568,-0.06704,0.01725,0.04569,-0.0388,-0.05554,0.09046,0.04009,-0.05624,0.00849,0.00587,0.08483,-0.04951,-0.00842,0.0028,0.06421,0.00369,-0.07795,-0.01435,-0.00455,-0.02103,-0.02845,0.0071,0.10155,-0.0179,-0.04954,-0.00789,0.00251,-0.03072,-0.03088,-0.07103,0,-0.02317,-0.00677,-0.04222,0.04087,0.05897,0.0292,0.02502,-0.03548,-0.01739,-0.04345,-0.0368,0.00538,-0.05998,0.02566,0.00399,-0.07263,-0.00765,0.04295,0.01959,0.07551,0.09473,-0.09908,-0.03064,-0.07226,0.08741,0.0604,0.02485,0.00345,-0.06531,0.03215,-0.03586,-0.0322,0.03404,0.054,-0.09017,0.02483,-0.00613,-0.09992,-0.02422,0.03314,-0.00008,0.02027,-0.05536,-0.02212,0.06922,0.03895,-0.01949,0.02435,0.07152,0.01121,0.00258,0.01237,0.03389,0.01493,0.01206,-0.04788,-0.01575,0.04881,0.04585,0.00708,0.04241,0.07833,-0.06562,-0.01436,0.0912,0.08014,0.00092,0.07373,-0.01289,-0.03804,-0.10619,0.07985,-0.01321,-0.03083,0.00199,-0.01766,0.016,0.03736,0.07179,-0.03023,-0.01783,0.06577,-0.0165,0.01784,0.06895,-0.02438,0.00035,-0.06155,-0.06059,0.06099,0.14337,-0.03048,0.00554,0.02487,0.012,0,-0.02,0.03028,-0.05151,0.0392,0.0429,-0.05555,0.09277,0.04337,0.02765,0.0376,0.04247,0.02949,-0.01811,-0.04144,0.00113,-0.02439,-0.03608,-0.05097,-0.01532,-0.02638,0.02595,0.04645,-0.03178,-0.10805,-0.01828,-0.01844,-0.04434,0.04304,-0.02497,-0.02638,-0.00444,0.01671,-0.0702,-0.05266,-0.00524,0.0502,-0.05935,0.02217,0.02522,-0.01482,0.04952,0.01772,-0.05665,-0.03338,-0.03383,0.08228,-0.11186,-0.10969,-0.05129,0.02026,0.02723,0.04817,-0.0603,0.00793,-0.07945,0.05121,0.0781,0.04218,-0.07814,0.06865,0.05011,-0.03351,0.06017,0.02851,0.0799,-0.00096,0.05209,0.04528,0.07004,0.06342,0.13238,0.07925,-0.0418,0.0592,0.03331,-0.04894,0.07009,0.02104,0.02368,0.13642,-0.0062,0.07416,0.05861,0.06338,0.08331,-0.03879,-0.00843,-0.00146,0.07718,0.01477,-0.06176,-0.07014,0.00145,-0.07669,-0.0632,0,-0.06847,-0.00071,-0.03927,0.00756,0.0505,0.02021,-0.04486,0.0436,0.00153,0.02995,-0.03018,0.07616,0.00826,-0.0035,0.0196,0.02357,-0.01129,-0.03095,-0.04955,-0.08493,-0.05644,0.09607,-0.00526,0.14755,0.02262,-0.04485,0.02607,0.00176,0.07988,-0.01804,-0.06268,0.03899,0.03213,0.0653,-0.02982,0.10411,-0.0863,0.07342,-0.12659,0.03758,-0.03513,-0.03706,0.02302,-0.02091,0.02912,0.03419,-0.11581,0.00594,-0.11104,-0.03935,-0.04623,0.05743,-0.06591,0.07716,0.0032,-0.05099,-0.04255,-0.02113,0.0372,0.03215,-0.10538,0.01601,0.03787,-0.03565],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Migration Note If you use connection gradients today, the main migration is straightforward: 1. Remove gradient color inputs from the connection component. 2. Add a projected f-connection-gradient child. 3. Keep the rest of the connection structure unchanged.","excerpt":"Migration Note If you use connection gradients today, the main migration is straightforward: 1. Remove gradient color inputs from the connection component. 2. Add a projected f-connection-gradient child. 3. Keep the rest of the connection structure unchanged."},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#7","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.12729,-0.01221,-0.05693,0.02227,-0.02805,0.01711,-0.01543,0.0196,-0.02282,-0.0284,-0.06296,0.00421,-0.05,-0.0492,0.02331,0.06606,-0.00841,0.0388,-0.01574,-0.03407,-0.02016,-0.07494,-0.03582,0.00386,-0.03146,0.00878,0.00675,0.02069,-0.01992,-0.06089,0.01615,0.03155,-0.04678,0.01387,-0.02865,0.03971,0.0047,0.01365,-0.1111,0.02733,0.04717,0.0291,0.01518,-0.01885,0.01511,0.01209,0.03952,-0.02829,-0.03159,-0.02391,-0.01013,-0.06155,-0.01715,0.07541,0.04431,0.07869,0.06092,-0.02877,-0.01776,0.04599,0.0246,-0.02396,-0.00524,0.00222,0.00136,-0.0031,-0.01445,0.01154,0.02312,0.01313,-0.08453,0.00792,-0.03308,-0.12886,0.06185,0.01774,0.10131,0.03417,0.01827,-0.1386,0.01869,0.03714,0.01706,-0.00658,0.00553,0.00498,0.02156,-0.11819,0.05215,0.06676,0.03554,0.069,-0.09923,0.04707,0.04626,-0.02214,-0.05213,-0.048,-0.0165,0.05699,-0.04072,-0.05748,0.07699,0.06039,-0.01337,0.00932,0.01775,0.08668,-0.04424,0.00507,0.00883,0.04804,0.01757,-0.06443,-0.03037,0.00497,0.00431,0.00552,0.00985,0.06979,-0.01461,-0.05447,-0.01076,-0.02711,-0.02613,-0.03062,-0.04396,0,-0.02005,-0.02705,-0.03845,0.04252,0.06782,0.01691,0.03881,-0.04117,-0.01857,-0.01779,-0.03024,0.02617,-0.07403,0.04261,-0.04275,-0.12807,-0.04308,0.06409,0.00597,0.06969,0.11347,-0.1003,-0.06914,-0.08066,0.07035,0.04634,0.04565,0.01018,-0.07471,0.05143,-0.02219,-0.03729,0.01804,0.0325,-0.06758,0.03993,-0.03463,-0.09584,-0.01433,0.02395,0.00416,0.01568,-0.04492,-0.05743,-0.01448,-0.00659,-0.07889,0.03519,0.07819,-0.00566,0.01381,0.05424,0.00164,-0.01079,0.02737,-0.03808,-0.01752,0.0579,0.01313,0.04856,0.03215,0.0919,-0.04746,-0.03865,0.04684,0.08424,-0.02515,0.05304,-0.02143,-0.01673,-0.09375,0.08821,0.02371,-0.02136,0.00596,-0.01066,0.02134,0.04478,0.03322,-0.02892,-0.06094,0.04205,0.00053,0.03128,0.01234,-0.04776,0.01397,-0.03208,-0.05907,0.0269,0.08844,0.00096,0.03551,0.03768,-0.02152,0,-0.04079,0.04083,-0.05659,0.05386,0.04964,-0.02259,0.09919,0.03364,0.05125,0.02889,0.02375,0.00331,-0.06849,-0.02569,0.0577,-0.05622,-0.03512,-0.09452,-0.03104,-0.00729,0.03042,0.08741,-0.04478,-0.07267,0.00572,-0.04566,-0.03631,0.06487,-0.03362,-0.03112,-0.01341,0.02225,-0.10082,-0.03443,-0.03047,0.03315,-0.05543,0.05172,0.0375,-0.01241,0.08315,0.02711,-0.05428,-0.01905,-0.04004,0.07005,-0.06154,-0.12284,-0.02922,0.0434,0.01168,0.02327,-0.04676,0.04003,-0.11948,0.04077,0.06854,-0.00264,-0.07102,0.07882,0.02638,-0.04813,0.03156,0.03338,0.07102,0.00093,0.0148,0.00773,0.09507,0.08828,0.11244,0.09616,0.00434,0.06584,0.07084,-0.0377,0.03585,-0.00561,0.00817,0.09612,-0.01605,0.08137,0.06842,0.10857,0.09237,0.00165,-0.04197,0.05601,0.07936,0.02058,-0.0462,-0.0844,-0.02646,-0.01272,-0.05617,0,-0.06857,-0.03326,-0.03744,0.00973,0.02306,0.00813,-0.03473,0.0206,-0.04078,-0.00962,0.02761,0.05883,0.00397,-0.02266,0.0183,-0.00006,-0.02398,0.00545,-0.04896,-0.10725,-0.04232,0.08559,-0.02531,0.12934,0.04222,-0.05548,0.05487,0.02278,0.05188,-0.02835,-0.05394,0.03399,0.03473,0.05553,-0.01427,0.1432,-0.06344,0.04236,-0.09809,0.07477,-0.02598,-0.03058,0.0516,-0.01893,0.02931,0.05976,-0.14317,-0.0011,-0.11152,-0.05113,-0.03842,0.06759,-0.02617,0.10762,0.03866,-0.05982,-0.03205,-0.08618,0.03319,0.03044,-0.07995,0.01897,0.03162,-0.00884],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.3.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Connection Gradients example: <https://flow.foblex.com/examples/connection-gradients - Roadmap: <https://flow.foblex.com/docs/roadmap","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.3.0 - Changelog: <https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md - Connection Gradients example: <https://flow.foblex.com/examples/connection-gradients - Roadmap: <https://flow.foblex.com/docs/roadmap"},{"chunkId":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening#8","slug":"foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","route":"/blog/foblex-flow-v18-3-0-projected-connection-gradients-smarter-redraws-and-production-worker-hardening","section":"blog","title":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening","description":"Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance.","group":"Releases","vector":[-0.0768,-0.00547,-0.03098,-0.01558,-0.00066,0.00805,-0.06833,0.01671,0.03607,-0.05311,-0.01537,0.04002,-0.13332,-0.06977,0.01822,0.05198,0.02332,-0.04999,-0.04873,0.00506,-0.05516,-0.0646,-0.05085,0.01204,-0.0377,0.02048,-0.00935,-0.00494,-0.02823,0.00381,0.01591,0.07335,-0.02956,-0.03143,0.01761,0.03407,-0.00035,-0.00686,-0.07854,0.0415,0.05333,0.0039,-0.01276,0.01904,0.01273,-0.00134,0.01241,-0.04463,-0.00967,-0.02133,-0.01674,-0.07298,-0.00098,0.02785,0.05454,0.03977,0.00618,0.00177,-0.01943,0.07252,-0.00433,0.002,-0.00442,-0.00174,0.04773,-0.05139,0.01098,-0.06797,0.03421,0.00702,-0.0924,0.03691,-0.0406,-0.10001,-0.00372,0.02813,0.09539,0.01135,0.07545,-0.12602,0.05554,-0.00681,-0.00931,0.0144,-0.06726,-0.00796,0.03735,-0.13595,0.04261,0.06234,0.03514,0.05768,0.03034,0.09835,0.02946,-0.0001,-0.03274,-0.01928,-0.03039,0.03443,0.00288,-0.03891,0.08651,0.04915,-0.04669,0.01975,0.02855,0.06267,-0.04967,-0.00515,0.02584,0.03997,-0.01136,-0.08657,-0.05085,0.04879,-0.05562,-0.00891,0.05794,0.07361,-0.02659,-0.03198,0.00697,-0.02485,-0.04748,-0.03534,-0.0526,0,-0.05456,-0.0065,-0.07637,0.03373,0.08308,-0.01628,0.02189,-0.02764,-0.03484,-0.00574,-0.02752,-0.02776,-0.06387,0.03079,0.03977,-0.10408,-0.02531,0.09701,-0.01785,0.0988,0.13098,-0.09968,-0.01698,-0.0675,0.09212,0.02297,0.05084,0.0045,-0.08462,0.02798,-0.04023,-0.01554,0.06103,0.00816,-0.07732,0.03043,-0.03595,-0.1144,-0.01815,-0.01229,0.00677,0.07677,-0.07612,-0.02142,0.09326,-0.0465,-0.05194,-0.0054,0.02718,0.02399,-0.00867,0.04864,0.02732,0.01938,0.04545,-0.05634,0.03251,0.0202,0.00103,0.03591,0.02053,0.08745,-0.06439,-0.03022,0.06448,0.08098,0.02273,0.0552,0.00553,-0.04681,-0.1302,0.07497,-0.01138,-0.03154,0.04742,-0.01883,0.00345,0.03167,0.05741,-0.02884,0.00256,0.08955,0.01038,0.04377,0.04237,-0.00852,0.01641,-0.0138,-0.02547,0.0791,0.13165,-0.03012,-0.00041,0.0633,-0.00685,0,-0.0176,0.00397,-0.06192,-0.00433,0.02506,-0.04107,0.05911,0.00254,0.03141,-0.00388,0.07897,0.0269,-0.04598,-0.01895,0.0533,-0.04109,-0.00397,-0.11346,0.01453,-0.03076,0.06765,0.02575,-0.01315,-0.06665,-0.05422,-0.0659,-0.05364,0.02895,-0.03956,-0.04709,0.01544,-0.00143,-0.03306,-0.03967,0.03555,0.05132,-0.05952,0.00892,0.06112,-0.02729,0.05676,0.03523,-0.03366,0.00043,-0.05809,0.0945,-0.06981,-0.09077,-0.05378,0.04813,-0.01174,0.01967,-0.03742,0.02442,-0.05114,0.0319,0.03631,0.03375,-0.10859,0.06662,0.09019,-0.00634,0.05825,-0.0153,0.04309,0.05619,-0.00833,0.07254,0.07647,0.09925,0.05794,0.05905,-0.07113,0.03214,-0.00088,0.03054,0.03784,0.0012,0.01894,0.08022,-0.03485,0.09749,0.02237,0.07611,0.08835,-0.03372,-0.0053,-0.034,0.05501,0.03787,-0.03186,-0.08351,-0.0743,0.0229,-0.05905,0,-0.02257,0.00969,-0.05427,-0.02184,0.06796,0.01334,-0.05759,0.06606,-0.01372,0.05877,0.02914,0.0273,-0.03865,0.0013,0.06252,0.02055,-0.03374,-0.01254,-0.04661,-0.11729,-0.02582,0.10824,-0.02273,0.0632,0.01033,-0.05303,0.04204,0.01104,-0.01446,-0.04848,-0.0109,0.07847,0.00833,0.08971,-0.01013,0.11425,-0.08892,0.07518,-0.05136,0.03719,0.00597,-0.05152,0.0536,-0.00863,0.02432,0.02119,-0.10724,-0.01453,-0.12254,-0.08289,-0.09531,0.05399,-0.06225,0.07663,0.02012,-0.03203,-0.03814,-0.0707,0.01602,0.04371,-0.09443,-0.03183,0.01961,0.01216],"keywords":"Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3.0: Projected Connection Gradients, Smarter Redraws, and Production Worker Hardening Foblex Flow v18.3 introduces projected connection gradients, reduces redundant redraw work, fixes connection worker production loading, and refreshes roadmap/docs guidance. Closing v18.3.0 is a smaller release than v18.2.0, but it is an important one. It locks in the projected gradient model, removes more unnecessary connection work, and makes the production worker path safe enough for real deployments. If you are already on the v18 line, this is the release that makes the newer connection architecture feel more complete.","excerpt":"Closing v18.3.0 is a smaller release than v18.2.0, but it is an important one. It locks in the projected gradient model, removes more unnecessary connection work, and makes the production worker path safe enough for real deployments. If you are already on the v18 line, this is the release that makes the newer connection architecture feel more complete."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#0","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.0766,0.02553,-0.01285,0.05811,0.01946,-0.03271,-0.06453,0.01344,0.02896,0.0432,-0.09533,0.03163,-0.15061,-0.0666,0.03115,-0.01147,0.06884,0.01157,-0.07212,0.00287,-0.03131,-0.07741,-0.01444,-0.04509,0.02919,0.01164,-0.10587,-0.03128,0.04305,-0.06203,-0.01166,0.09763,-0.07152,0.02487,-0.04629,0.09824,0.00618,-0.04471,-0.0656,-0.04975,0.06221,0.04514,-0.02726,0.01782,-0.00025,-0.04627,0.03394,-0.01733,-0.05482,0.05639,-0.01398,-0.11793,-0.06828,0.09052,0.01354,0.05914,0.0494,-0.02046,-0.00095,0.05135,0.00251,-0.00332,0.01146,0.01201,-0.01066,-0.01027,0.04205,-0.05204,0.00728,-0.04005,-0.05437,0.01133,-0.00825,-0.05941,-0.0264,-0.07555,-0.01049,-0.01074,0.05426,-0.07978,0.0582,-0.05169,-0.00702,0.0372,-0.01101,0.01973,0.05072,-0.06996,0.02344,-0.01472,0.02558,0.09358,0.05518,0.01941,-0.03785,-0.04192,-0.00024,0.03345,-0.02695,0.05121,0.02055,-0.03695,0.10961,0.03809,-0.01211,-0.01747,0.05846,0.01928,-0.07513,-0.00856,-0.00188,0.0698,-0.0028,-0.09536,-0.02462,0.04901,-0.06369,-0.01177,0.0309,0.08531,0.05698,-0.00768,0.02289,-0.04289,0.03628,-0.09614,-0.0199,0,-0.02235,0.04116,-0.04388,0.03629,0.13387,0.00325,0.04147,-0.03123,-0.04524,-0.06187,0.03205,0.0424,-0.03222,0.07096,0.05045,-0.09143,-0.01102,0.07415,-0.00267,0.04062,0.06526,-0.10337,-0.06197,-0.01514,0.04817,0.06685,0.04252,0.00392,-0.05962,0.03166,0.01108,-0.00296,0.02197,0.02057,-0.09012,0.01495,-0.03078,-0.08767,0.00019,-0.04401,-0.00128,0.07305,-0.08932,-0.05453,-0.03116,-0.05351,-0.04147,0.0201,0.07175,0.05289,0.0526,0.05563,0.04258,0.06021,0.05422,-0.06334,0.07077,0.05364,0.05035,0.09521,0.01075,0.0323,-0.05075,0.02381,0.02318,0.06799,0.041,0.04345,0.02022,-0.05977,-0.0766,0.04789,0.06902,-0.02167,0.05438,-0.03517,-0.01747,0.00011,-0.00284,-0.02452,-0.02574,0.02247,-0.00574,0.02091,0.06755,-0.11603,0.00223,-0.00657,-0.06456,0.02396,0.11345,-0.01408,0.06013,-0.03145,-0.0039,0,-0.00959,-0.01617,-0.11387,0.11603,0.0417,-0.02694,0.03792,-0.00368,0.02045,-0.05498,0.01533,0.01162,-0.0503,0.00104,0.01745,0.01969,-0.02292,-0.15014,0.01555,-0.03922,0.07483,-0.00729,0.0327,0.00506,-0.05948,0.01629,-0.02307,0.01196,-0.04364,-0.10007,-0.01486,-0.02616,-0.05362,-0.08884,0.03921,0.00878,0.00372,0.06812,0.02924,-0.00001,0.08789,0.01038,-0.0233,0.02176,-0.0473,0.02143,-0.12931,-0.02798,-0.00444,0.00185,-0.00035,0.03418,-0.05081,-0.02172,-0.02736,0.02318,-0.0112,0.02742,-0.07852,0.048,0.04206,-0.05611,0.01223,-0.01608,0.01309,0.03646,-0.02538,0.00416,0.04771,0.10959,0.04626,-0.01612,-0.07088,0.00214,0.0097,0.00799,0.15753,-0.05792,0.0658,0.08023,-0.05738,0.14529,0.03342,0.01485,0.03678,0.02211,-0.08621,-0.02634,0.02884,0.02819,-0.03319,-0.03979,-0.01574,0.00177,-0.02471,0,-0.097,0.03233,-0.04453,0.02038,0.04826,0.00468,-0.06371,0.09221,0.02021,-0.01193,0.08294,-0.02378,-0.00349,-0.00141,0.11518,0.05695,-0.00746,-0.01285,-0.08422,-0.11086,-0.00458,0.11358,0.0239,0.04966,-0.02662,0.01132,0.05494,0.02211,0.03508,-0.03013,-0.02404,0.08099,0.02674,0.04216,-0.03769,-0.00067,-0.06367,0.05048,-0.03417,0.04178,0.07372,-0.03376,-0.00043,0.01547,-0.0133,0.00883,-0.06623,-0.03557,-0.04262,-0.03914,-0.03075,-0.01687,-0.07567,0.0762,-0.01882,0.03646,0.00923,-0.00121,0.10755,0.054,-0.02113,-0.04979,-0.01785,0.03502],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 focuses on large-scene performance and heavier redraw scenarios in Angular node editors and workflow builders. Today I’m shipping v18.2.0. This release adds optional caching, progressive virtualization, a new Connection Worker, zoom during drag, and a broader redraw pipeline refresh for larger editors.","excerpt":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 focuses on large-scene performance and heavier redraw scenarios in Angular node editors and workflow builders. Today I’m shipping v18.2.0. This release adds optional caching, progressive virtualization, a new Connection Worker, zoom during drag, and a broader redraw pipeline refresh for larger editors."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#1","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.07333,0.0362,-0.01047,0.02388,0.02459,-0.0202,-0.0312,0.03506,0.04368,0.05029,-0.07615,0.0193,-0.1204,-0.04394,0.00518,-0.0214,0.05318,0.02605,-0.06411,-0.00987,-0.00899,-0.10447,-0.02138,-0.03213,0.06217,0.02483,-0.06648,-0.0359,0.06193,-0.09061,-0.01158,0.11521,-0.06697,0.00326,-0.06901,0.0909,0.02612,-0.04038,-0.08838,-0.02309,0.02793,0.05548,-0.02074,0.008,0.00125,-0.00643,0.02997,-0.01342,-0.05229,0.08087,-0.05056,-0.10086,-0.08235,0.08673,0.01081,0.04651,0.04688,-0.05965,0.00456,0.03723,0.00112,0.00681,0.01794,0.05117,-0.01316,-0.03827,0.00994,-0.06781,0.02601,-0.03622,-0.03458,0.01218,0.00553,-0.09118,-0.00695,-0.0738,0.00307,-0.00678,0.01584,-0.09249,0.07227,-0.03166,0.00285,0.04652,-0.01844,0.04296,0.03737,-0.0877,-0.00109,-0.02294,0.00884,0.09141,0.02095,-0.00642,-0.04017,-0.0297,0.00945,-0.01483,-0.03984,0.06286,0.03563,-0.03588,0.1157,0.02923,-0.02283,-0.01151,0.05076,0.04778,-0.08848,0.0021,-0.00146,0.04265,-0.00106,-0.07358,-0.02854,0.02163,-0.07423,-0.0517,0.0371,0.10253,0.06767,0.01801,0.01345,-0.04403,0.06062,-0.07847,-0.02861,0,-0.01951,0.02418,-0.01877,0.04622,0.10935,-0.00201,0.0378,-0.03092,-0.03337,-0.03957,0.03221,0.03862,-0.04793,0.07779,0.02196,-0.09252,-0.00802,0.06349,-0.04242,0.0425,0.05926,-0.11244,-0.04856,-0.0091,0.0519,0.08808,0.01778,0.04138,-0.0678,0.0299,0.02431,-0.00084,-0.01348,-0.00545,-0.08228,0.01106,-0.00934,-0.10564,0.00536,-0.03098,-0.007,0.05362,-0.09292,-0.05321,-0.03696,-0.03413,-0.06354,0.02289,0.01333,0.07886,0.0537,0.07891,0.04779,0.04353,0.05597,-0.06587,0.03213,0.0637,0.0157,0.09864,0.03119,0.04805,-0.08984,0.04067,0.00827,0.07987,0.05088,0.07238,0.05432,-0.03502,-0.10375,0.06887,0.0974,-0.02399,0.04155,-0.0292,-0.0575,-0.03051,-0.03158,-0.01065,-0.0521,0.00158,-0.01025,0.02155,0.03826,-0.11402,0.00765,0.00087,-0.07814,0.01532,0.09781,-0.0187,0.06486,-0.05471,-0.02173,0,-0.00056,0.01086,-0.07577,0.11102,0.04187,-0.0478,0.04678,0.01795,0.02375,-0.06648,-0.00616,0.03345,-0.07056,-0.0212,0.03532,0.01939,-0.02168,-0.15478,-0.00052,-0.04958,0.05841,-0.00551,0.02291,-0.01971,-0.0674,0.04143,-0.02467,-0.01603,-0.01808,-0.08271,0.00628,-0.06689,-0.03754,-0.05533,0.01726,-0.0103,0.00771,0.05506,0.01534,-0.00594,0.0815,-0.01464,-0.02697,0.00667,-0.04183,0.03569,-0.14169,-0.05942,-0.00058,-0.00976,-0.00374,0.03912,-0.06473,-0.03603,-0.00991,0.01102,-0.0009,0.03976,-0.04833,0.02878,0.04595,-0.05978,-0.02039,-0.0237,0.01102,0.02397,-0.0369,-0.03333,0.07227,0.11815,0.05485,0.01954,-0.03913,0.00881,0.02141,0.00968,0.13884,-0.04122,0.07307,0.09294,-0.048,0.1128,0.0164,0.04143,0.06156,0.03815,-0.11275,-0.02282,0.02623,0.02538,-0.02606,-0.01673,-0.0033,0.01973,0.00002,0,-0.08454,0.02282,-0.0397,-0.00015,0.03051,-0.01541,-0.03312,0.08375,-0.00727,-0.01649,0.1064,0.00921,0.03071,0.01254,0.11948,0.03773,0.00783,-0.00795,-0.08063,-0.10495,-0.02632,0.09792,-0.00963,0.05507,-0.05625,0.00499,0.03553,0.03295,0.02382,-0.0283,-0.00325,0.06648,0.03144,0.04013,-0.01151,-0.0324,-0.06947,0.04241,-0.01962,0.04821,0.06881,-0.01466,0.0189,0.01286,0.00828,0.03386,-0.05285,-0.06565,-0.07627,-0.0293,-0.05218,0.00318,-0.10088,0.08707,0.00856,0.02694,0.00857,-0.00038,0.07689,0.04119,-0.00715,-0.0068,-0.00586,0.00805],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Highlights - ⚡ fCache: optional flow caching to reduce repeated geometry work. - 🧱 fVirtualFor: progressive rendering for large projected node lists. - 🧵 Connection Worker: worker-assisted connection calculation for heavier diagrams. - 🔍 Zoom during drag: wheel zoom is no longer blocked for the whole drag session. - 🔄 Redraw pipeline refresh: chunked updates and internal rendering improvements for larger scenes. - 📚 Examples and docs refresh: stronger performance demos plus refreshed reference-app positioning. f Cache f Virtual For","excerpt":"Highlights - ⚡ fCache: optional flow caching to reduce repeated geometry work. - 🧱 fVirtualFor: progressive rendering for large projected node lists. - 🧵 Connection Worker: worker-assisted connection calculation for heavier diagrams. - 🔍 Zoom during drag: wheel zoom is no longer blocked for the whole drag session. - 🔄 Redraw pipeline refresh: chunked updates and internal rendering improvements for larger scenes. - 📚 Examples and docs refresh: stronger performance demos plus refreshed reference-app positioning."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#2","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.04748,0.01997,-0.05736,0.04907,-0.01947,0.01181,-0.07079,0.07308,0.06345,0.07195,-0.10225,0.03208,-0.13808,-0.02382,0.02861,-0.01325,0.01813,0.02211,-0.05654,0.02913,-0.06125,-0.10854,0.01124,-0.05734,0.0206,0.01958,-0.066,-0.01243,0.05199,-0.06048,0.02539,0.11541,-0.03267,0.02278,-0.0574,0.09879,-0.01539,-0.02348,-0.08952,-0.03743,0.06933,0.06067,-0.00118,-0.01884,-0.01765,-0.03352,0.0052,-0.01186,-0.03421,0.06334,-0.01669,-0.12841,-0.1,0.06023,0.00763,0.01218,0.05708,-0.01974,0.01775,0.06691,0.00416,-0.00507,0.00176,0.02666,-0.00945,-0.00906,-0.01009,-0.04483,-0.00468,-0.03722,-0.01909,-0.01084,0.00087,-0.06925,0.01278,-0.07095,-0.03322,0.05141,0.03863,-0.06463,0.06005,-0.01621,0.00407,0.07264,-0.00061,0.07916,0.06142,-0.09414,0.03411,0.01492,0.0371,0.10847,-0.00008,-0.00259,-0.01362,-0.05717,-0.00841,0.00945,-0.0342,0.03057,0.02486,-0.07009,0.13569,0.04747,0.0148,-0.01811,0.0553,0.02078,-0.05009,-0.0259,-0.02334,0.04367,0.0165,-0.07102,-0.00143,0.00011,-0.00708,-0.03224,0.03766,0.12167,0.02339,-0.00163,-0.0006,-0.04485,0.02705,-0.06353,-0.02147,0,-0.01113,0.05756,-0.01237,0.03923,0.0972,0.01237,0.02536,-0.04878,-0.04053,-0.03952,0.02783,0.02618,-0.05763,0.07386,0.03381,-0.07189,-0.0423,0.05762,0.0213,-0.00787,0.07651,-0.12402,-0.05451,-0.00935,0.05514,0.05924,0.02105,0.03353,-0.09867,0.01541,-0.00422,-0.02646,0.01043,-0.00821,-0.09634,0.01048,-0.00633,-0.05625,-0.01682,-0.02945,0.00636,0.0213,-0.06053,-0.06186,-0.02122,-0.02572,-0.03777,0.05429,0.04576,0.044,0.05741,0.06375,0.04238,0.05912,0.06594,-0.05614,0.03714,0.04756,0.01833,0.05911,0.04871,0.04913,-0.09417,0.03362,0.02089,0.08196,0.04043,0.05392,0.03771,-0.05102,-0.09811,0.03272,0.04711,-0.04027,0.02871,-0.02062,-0.01729,0.00664,0.02905,-0.00955,-0.08394,0.00749,0.00522,0.05052,0.05814,-0.10982,0.01035,-0.02282,-0.06668,-0.005,0.14258,-0.0287,0.0676,-0.01088,-0.00193,0,-0.01527,-0.00213,-0.06535,0.10441,0.04987,-0.02203,0.03393,0.0053,0.02555,-0.04008,0.04443,0.03831,-0.02558,-0.03434,0.02535,0.022,-0.02277,-0.14639,0.03548,-0.06114,0.07888,-0.03133,0.04372,-0.02996,-0.01167,-0.01581,-0.0239,0.00084,-0.02878,-0.0451,-0.03802,-0.02349,-0.05504,-0.08185,0.01792,-0.01826,0.01647,0.06044,0.04312,-0.00975,0.06163,0.01497,-0.02816,0.02567,-0.04546,0.04384,-0.11651,-0.0541,-0.02872,0.01698,-0.02095,0.05221,-0.04007,-0.04639,-0.03712,0.03769,0.01211,0.0232,-0.07619,0.0172,0.03013,-0.06627,-0.01454,-0.02144,0.02591,0.0544,-0.04164,0.02004,0.02861,0.09253,0.06365,-0.00748,-0.04087,0.01768,-0.00528,0.01576,0.16812,-0.03075,0.08595,0.09028,-0.04397,0.16055,0.01977,-0.0022,0.03301,0.02921,-0.09309,-0.03923,0.05834,0.0782,-0.03791,-0.01047,0.0274,-0.00997,-0.03443,0,-0.14435,-0.00131,-0.04609,0.0187,0.05434,-0.0082,-0.06483,0.08001,0.02684,0.03369,0.07444,0.04786,0.00243,0.02502,0.09305,0.0185,-0.01034,-0.0107,-0.06419,-0.11559,-0.01359,0.09282,0.00732,0.0526,-0.00556,-0.04683,0.0065,0.01195,0.01055,-0.00959,-0.03991,0.06842,0.0308,0.08292,-0.07135,0.00075,-0.07644,0.06012,-0.10146,0.01087,0.07925,-0.033,0.01831,-0.03308,-0.04073,0.02743,-0.01821,-0.00176,-0.0449,-0.02583,-0.03792,0.03153,-0.05837,0.04948,0.00554,0.0279,-0.00492,0.01016,0.0708,0.01084,-0.1009,0.00247,0.01149,0.00776],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. New: Optional Cache and Progressive Virtualization The goal here was not to make the default editor path more complicated. You can still start with the normal primitives: - f-flow - f-canvas - nodes - connectors - connections Then, when the scene grows, you can enable extra scaling tools.","excerpt":"New: Optional Cache and Progressive Virtualization The goal here was not to make the default editor path more complicated. You can still start with the normal primitives: - f-flow - f-canvas - nodes - connectors - connections Then, when the scene grows, you can enable extra scaling tools."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#3","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.06426,0.02406,-0.06577,0.01899,-0.02472,-0.03385,-0.03123,0.06196,0.06657,0.02136,-0.09794,0.02827,-0.14786,-0.06586,0.01974,-0.01889,0.01037,0.02766,-0.07446,0.00204,-0.04959,-0.07896,-0.01328,-0.03319,-0.01138,0.02919,-0.04652,-0.02452,0.02649,-0.07712,0.03825,0.12115,-0.03797,0.01654,-0.05304,0.06967,-0.03422,-0.0288,-0.05537,-0.03971,0.01314,0.04817,0.00837,0.0217,-0.00496,-0.00137,0.0216,0.00918,-0.04298,0.07165,-0.01966,-0.09474,-0.09107,0.11256,0.03568,0.04551,0.06209,-0.03137,-0.03744,0.05667,0.032,-0.00726,0.02408,0.04354,-0.03566,-0.00907,-0.0154,-0.08109,0.03095,-0.06271,-0.05702,0.01398,-0.01634,-0.05873,0.01489,-0.05679,0.01258,0.01071,0.04083,-0.09106,0.04913,-0.03847,0.01194,0.01354,0.0167,0.00961,0.04266,-0.10098,0.02054,0.01538,0.03705,0.12758,0.03851,-0.00749,-0.03975,-0.0308,0.02136,0.02344,-0.03592,0.05858,-0.00921,-0.02804,0.08373,0.04944,-0.01359,-0.02502,0.07657,0.0324,-0.05936,-0.04864,-0.01763,0.04979,0.02122,-0.06474,-0.00806,0.00677,-0.04122,-0.01921,0.03282,0.078,0.05198,-0.0307,0.0027,-0.05552,0.01048,-0.0712,-0.04604,0,-0.0569,0.03783,-0.03102,0.03719,0.06872,-0.00167,0.07261,-0.02653,-0.00722,-0.01182,0.00773,0.0462,-0.02605,0.0338,0.03563,-0.05987,-0.04299,0.05224,0.00616,0.01044,0.10961,-0.08087,-0.04056,-0.02388,0.0738,0.10149,0.01539,0.01261,-0.09372,0.04131,0.0207,-0.02017,-0.03771,-0.00743,-0.05246,0.00362,0.0101,-0.07299,-0.03412,-0.03782,-0.00845,0.04989,-0.07713,-0.07701,-0.02927,-0.06642,-0.09373,0.0428,0.0689,0.06884,0.06877,0.04285,0.0438,0.07747,0.06552,-0.04972,0.03136,0.06188,0.02886,0.11006,0.03476,0.04064,-0.08132,-0.00844,0.0053,0.07636,0.08268,0.06515,0.04329,-0.04928,-0.08114,0.0553,0.05557,-0.03422,-0.00607,-0.02962,0.00471,-0.00414,-0.00871,-0.0196,-0.02481,0.01009,-0.00444,0.0287,0.03682,-0.08267,0.01033,-0.05633,-0.0569,0.04714,0.10546,-0.00916,0.07513,-0.00985,-0.0134,0,-0.0121,-0.0198,-0.09423,0.10288,0.04726,-0.01476,0.03704,0.0048,-0.01339,-0.07559,-0.01339,0.01525,-0.0437,-0.01717,0.06288,0.02942,-0.0231,-0.17621,-0.02799,-0.02912,0.03345,-0.0134,0.03504,-0.04818,-0.0596,0.03481,-0.01868,0.01857,-0.0184,-0.06935,0.00567,-0.04318,-0.04276,-0.07829,0.02668,-0.02333,0.00662,0.06372,0.03637,-0.00741,0.09419,0.03448,-0.0412,0.03243,-0.0509,0.07246,-0.12979,-0.05681,-0.0008,0.01841,0.01766,0.01304,-0.08045,-0.02083,-0.03483,0.07106,0.01104,0.04546,-0.07577,0.03154,0.02737,-0.06895,0.02,-0.00141,0.05459,0.0489,-0.01071,0.00529,0.04057,0.11504,0.07575,-0.00364,-0.07056,0.03556,0.00043,0.05168,0.13724,-0.04216,0.06207,0.10936,-0.02666,0.14053,0.02058,0.04858,0.03879,0.00694,-0.1183,-0.0525,0.04262,0.0136,-0.02057,-0.01025,-0.01829,-0.00615,0.00274,0,-0.11021,-0.01725,-0.02947,0.03955,0.04576,0.01068,-0.07915,0.0828,-0.01428,-0.02194,0.07266,0.02743,0.00193,0.00214,0.08021,0.0248,0.00814,-0.02296,-0.0694,-0.10721,-0.04978,0.10365,0.01146,0.03746,-0.01296,-0.0175,0.03168,0.01503,0.04834,-0.04536,-0.01291,0.07332,0.06798,0.04924,-0.02242,0.01619,-0.04762,0.03134,-0.07773,0.03294,0.06295,-0.02186,0.01753,-0.01072,-0.01218,0.02505,-0.06152,-0.02016,-0.05254,-0.02559,-0.05224,0.00877,-0.073,0.1011,-0.02407,0.03795,0.00144,-0.01131,0.09525,0.03279,-0.04795,-0.00604,0.00838,-0.0022],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. fCache fCache lets f-flow keep and reuse geometry information instead of recalculating everything again and again during redraw-heavy interactions. f Cache","excerpt":"fCache fCache lets f-flow keep and reuse geometry information instead of recalculating everything again and again during redraw-heavy interactions."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#4","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.04199,0.06955,-0.03753,0.0736,0.05714,-0.00988,-0.0493,0.03288,0.03952,0.08084,-0.12164,-0.01667,-0.08429,-0.05406,0.04446,-0.01872,0.06559,0.03399,-0.02735,-0.00604,-0.04678,-0.06553,-0.01164,-0.01951,0.03525,0.02852,-0.07644,0.00923,0.07448,-0.05396,0.00217,0.1017,-0.07531,0.05633,-0.04908,0.12822,-0.03403,-0.02765,-0.11178,-0.01991,0.07359,0.06244,-0.02705,-0.07828,-0.01773,0.0163,0.01576,0.03113,-0.03364,-0.02358,-0.0231,-0.08536,-0.02925,0.08381,-0.01359,0.00775,0.07185,-0.10752,-0.00031,0.08044,-0.00409,-0.03256,0.05781,-0.00295,0.02615,0.02128,-0.02194,-0.02301,-0.01079,-0.03071,0.0233,0.02018,-0.00241,-0.07837,0.0173,-0.02385,-0.05704,-0.00563,0.06801,-0.02599,0.07368,-0.00607,-0.02163,-0.01648,-0.07319,0.02843,0.05789,-0.06748,-0.01394,-0.00686,0.02702,0.12072,-0.0156,0.03748,0.02974,0.01257,-0.00164,0.00926,-0.04819,0.0232,0.02563,-0.07652,0.12356,0.0617,-0.0342,-0.03757,0.07118,0.04259,-0.02203,-0.00777,0.01265,0.09728,0.00922,-0.07062,-0.0222,-0.03064,-0.00108,-0.00306,0.02572,0.13225,0.05658,-0.0334,0.01099,-0.05263,0.07776,-0.04483,-0.01309,0,-0.01536,0.01922,-0.01702,0.01746,0.09115,0.04894,0.01976,-0.03731,-0.00173,-0.0366,-0.0034,-0.01933,-0.03068,0.04972,0.0285,-0.10675,-0.01771,0.08198,-0.02294,0.036,0.08,-0.14003,-0.0428,0.00548,0.03655,0.01245,0.01541,-0.0073,-0.11864,0.0008,0.02332,0.00453,0.04333,-0.002,-0.07719,0.02465,0.00853,-0.04105,-0.04198,-0.07672,-0.00396,0.05964,-0.03759,0.01213,-0.03479,-0.04412,-0.05517,-0.00345,0.05954,0.07588,0.04824,0.0398,-0.00077,0.01911,0.08431,-0.00785,0.04777,0.02262,0.01148,0.109,0.01073,-0.0062,-0.06083,-0.01742,0.06804,0.06184,0.00617,0.06883,0.01814,0.00663,-0.0375,0.07274,0.06113,-0.05821,0.0193,-0.02242,-0.04169,-0.0197,-0.05021,-0.00166,-0.04171,0.00709,-0.00322,0.07124,0.0442,-0.11839,-0.0222,-0.02356,-0.06512,-0.01539,0.12024,0.0247,0.05827,-0.05841,-0.05909,0,-0.02961,0.00971,-0.03933,0.10133,0.08953,-0.07674,-0.00401,0.02988,-0.02771,-0.01836,0.0185,0.01112,-0.07141,-0.02523,-0.00536,0.02874,-0.02416,-0.15215,0.06548,-0.03609,0.03188,0.0013,0.02251,-0.04238,-0.0449,0.00954,-0.04592,-0.02365,0.00295,-0.05654,-0.01051,0.01189,-0.04562,-0.01801,0.02742,0.00515,0.00125,0.04375,0.0259,-0.03875,0.07661,0.06595,-0.0784,-0.0342,-0.05889,0.01793,-0.07301,-0.07143,0.01491,0.03873,-0.0196,0.04218,-0.07481,0.03014,-0.03117,-0.04568,-0.03415,0.05241,-0.03614,-0.0155,0.01941,-0.04485,-0.0181,-0.00806,0.02739,0.04833,-0.04533,-0.01851,0.07978,0.12028,0.01283,0.03904,-0.04807,0.02168,-0.00347,0.02726,0.11002,-0.03648,0.062,0.0741,-0.05791,0.1362,-0.02785,-0.00453,0.05271,0.05647,-0.09189,-0.01542,0.04786,0.14051,-0.04482,-0.05213,-0.03925,-0.05366,0.00723,0,-0.12445,0.02162,-0.05485,-0.03552,0.05336,-0.04526,-0.00397,0.05373,0.01964,0.05222,0.06051,0.0134,0.0412,-0.01076,0.11382,0.00617,0.0037,-0.0216,-0.0532,-0.03226,-0.03142,0.09722,-0.03838,0.06656,-0.00622,-0.01664,0.06523,0.02514,0.0255,-0.01266,-0.01601,0.05898,-0.01749,-0.00673,-0.03864,0.0173,-0.1356,0.02776,-0.06214,0.06854,0.0238,-0.02515,0.02504,-0.01534,0.00326,-0.00942,-0.11166,0.00057,-0.02707,-0.03975,-0.03488,0.00524,-0.10602,0.06859,0.00086,-0.01394,-0.00056,0.02143,0.079,0.00513,-0.0004,-0.02658,-0.00198,-0.00027],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. fVirtualFor fVirtualFor progressively renders larger projected node lists, which is especially useful in scenes where node count grows quickly. Minimal shape: I also added a dedicated large-scene example that lets you compare: - 200 to 5000 nodes - cache on/off - virtualization on/off - node-only vs node+connection workloads ::: ng-component <stress-test</stress-test [height]=\"600\" ::: ✅ Example: <https://flow.foblex.com/examples/stress-test f Virtual For","excerpt":"fVirtualFor fVirtualFor progressively renders larger projected node lists, which is especially useful in scenes where node count grows quickly. Minimal shape: I also added a dedicated large-scene example that lets you compare: - 200 to 5000 nodes - cache on/off - virtualization on/off - node-only vs node+connection workloads ::: ng-component <stress-test</stress-test [height]=\"600\" ::: ✅ Example: <https://flow.foblex.com/examples/stress-test"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#5","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.08898,0.00619,-0.0398,0.0891,-0.01188,-0.04363,-0.01972,0.00163,-0.00207,0.0246,-0.09872,0.01341,-0.11557,-0.05362,0.04977,-0.00909,0.07391,0.02513,-0.09566,-0.03471,-0.03476,-0.10443,-0.02881,-0.04056,0.01981,0.00789,-0.05496,-0.04404,0.05575,-0.05293,0.01501,0.03384,-0.10937,0.00473,-0.04959,0.12509,0.00321,-0.03349,-0.07715,-0.0173,0.10158,0.02353,-0.00505,-0.02995,0.00924,-0.01186,-0.01498,0.01635,-0.0364,0.00621,-0.03372,-0.0736,-0.07964,0.0993,0.00867,0.02409,0.06279,-0.04474,-0.01234,0.05096,0.00745,-0.03563,-0.01395,-0.01028,-0.01914,0.01271,0.00492,-0.02222,0.00908,0.01991,-0.02853,0.01178,-0.03056,-0.0663,-0.02323,-0.01472,0.00781,0.00967,0.00736,-0.06259,0.07113,0.00081,0.00703,-0.00441,0.01265,0.04404,0.04339,-0.09405,-0.02927,-0.02314,0.05356,0.15019,0.01405,0.03332,0.03028,0.02553,-0.02736,0.0299,-0.0145,0.05112,0.01425,-0.03609,0.08802,0.05284,-0.04205,-0.01609,0.00922,0.04416,-0.0323,0.00262,0.03386,0.08666,0.002,-0.07164,-0.01299,0.0175,-0.02151,-0.00685,0.01068,0.15353,0.02158,-0.01825,-0.00598,-0.06164,0.08974,-0.075,-0.00816,0,-0.01689,0.01499,-0.05028,0.02976,0.10386,0.05667,0.02414,-0.02714,-0.02606,-0.01973,-0.0025,0.00808,-0.06039,0.00946,0.02077,-0.06174,-0.00059,0.05197,-0.02252,0.07608,0.05771,-0.13632,-0.04062,-0.01047,0.08966,-0.00908,0.03029,0.00503,-0.09029,0.00505,0.03561,-0.00897,0.01149,0.02916,-0.08595,0.00041,-0.01846,-0.06762,-0.04428,-0.02859,-0.02119,0.06267,-0.07813,0.01546,0.00042,-0.04866,-0.06323,0.00438,0.04862,0.0451,0.04301,0.05736,0.03148,0.04534,0.02605,-0.02839,0.05487,0.07911,0.03749,0.11434,0.01715,0.01833,-0.06744,0.05594,0.09311,0.07646,0.02587,0.07672,0.00827,-0.05086,-0.08905,0.05127,0.05315,-0.0459,-0.0018,-0.0603,-0.03077,0.01784,0.00182,-0.04185,0.00749,0.02227,0.00809,0.05172,0.02717,-0.06128,-0.02546,-0.02761,-0.04699,-0.00227,0.13023,0.03896,0.06859,-0.07198,0.01457,0,0.01449,-0.00691,-0.07442,0.10843,0.08579,-0.08524,0.05846,0.00718,0.02888,-0.04079,0.05706,0.01284,-0.06443,0.01214,-0.01503,0.00291,-0.04488,-0.14516,0.03984,-0.02226,0.05527,0.02786,0.02185,-0.03741,-0.04304,-0.01622,-0.0643,-0.01635,-0.01205,-0.07739,-0.02312,0.02172,-0.05837,-0.05384,0.01491,0.02609,0.00054,0.07157,0.04573,-0.00571,0.11978,0.055,-0.06093,-0.03008,-0.0331,0.03372,-0.12537,-0.07161,-0.09075,0.05449,-0.00669,0.03432,-0.08864,0.03768,-0.01331,-0.00565,0.01019,-0.01157,-0.11261,0.0382,0.01995,-0.04889,0.03325,0.02586,0.05386,0.03665,0.0047,-0.01951,0.10693,0.10424,0.02142,0.03476,-0.01342,0.03712,0.01105,0.00223,0.08892,-0.05872,0.0563,0.11413,-0.08863,0.13148,-0.00679,0.03386,0.05066,0.08399,-0.06594,-0.00854,0.06219,0.04583,-0.03082,-0.04725,-0.00448,-0.04095,-0.01513,0,-0.0826,0.03048,-0.09151,-0.00468,0.07411,-0.0339,-0.0465,0.04883,-0.01687,0.03366,0.05291,0.00806,-0.01009,-0.00183,0.07997,0.00279,0.02641,-0.01962,-0.06474,-0.06511,-0.00566,0.10465,-0.00115,0.10459,-0.00324,-0.00187,0.07723,0.02247,0.00748,-0.04768,-0.02806,0.01085,0.01725,0.03339,-0.03878,0.01971,-0.06101,0.05151,-0.04625,0.05708,0.06623,-0.03457,0.06518,0.00275,0.01467,-0.00584,-0.09449,-0.00653,-0.01458,-0.04223,-0.06234,-0.01169,-0.09464,0.03083,0.00274,-0.03317,0.00137,0.01892,0.05755,0.02952,-0.01182,-0.04698,-0.02047,-0.01683],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. New: Connection Worker and Redraw Pipeline Refresh Large editors often do not fail on the node layer first. They fail when connection redraws become too heavy. In v18.2 I added a Connection Worker and reworked the redraw pipeline so larger connection scenes are handled more efficiently overall: - worker-assisted connection calculation - separated node / connection change streams - chunked connection redraws - better reuse of connection context across redraws - improved repositioning during node drag and resize flows To make this easier to evaluate, there is now a dedicated performance example for dense connection redraws: ::: ng-component <stress-test-with-connections</stress-test-with-connections [height]=\"600\" ::: ✅ Example: <https://flow.foblex.com/examples/stress-test-with-connections This one is useful when you want to test: - many simultaneous connection updates - routing mode differences - path type differences - marker-heavy connection scenes","excerpt":"New: Connection Worker and Redraw Pipeline Refresh Large editors often do not fail on the node layer first. They fail when connection redraws become too heavy. In v18.2 I added a Connection Worker and reworked the redraw pipeline so larger connection scenes are handled more efficiently overall: - worker-assisted connection calculation - separated node / connection change streams - chunked connection redraws - better reuse of connection context across redraws - improved repositioning during node drag and resize flows To make this easier to evaluate, there is now a dedicated performance example for dense connection redraws: ::: ng-component <stress-test-with-connections</stress-test-with-connections [height]=\"600\" ::: ✅ Example: <https://flow.foblex.com/examples/stress-test-with-connections This one is useful when you want to test: - many simultaneous connection updates - routing mode differences - path type differences - marker-heavy connection scenes"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#6","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.05595,0.02071,-0.03634,0.04615,0.04023,0.03534,0.0165,0.07281,0.06426,0.05357,-0.04167,0.0386,-0.10778,-0.04075,-0.00094,-0.01493,0.03274,0.03935,-0.10447,0.05375,-0.02085,-0.11783,-0.00048,-0.00242,0.01966,0.0124,-0.03276,-0.03245,0.06876,-0.0638,-0.03815,0.14127,-0.05194,-0.00262,-0.10592,0.04014,0.003,-0.02031,-0.08358,-0.0826,0.03682,0.05193,0.00935,-0.01096,-0.02565,-0.02169,0.07061,0.00401,-0.04628,0.0916,-0.04228,-0.08594,-0.04304,0.052,-0.00302,0.04322,0.0855,-0.00874,0.01658,0.02891,-0.01493,0.01581,0.01152,0.02099,-0.03547,-0.02096,0.00652,-0.11195,0.00094,-0.04116,-0.00743,-0.01263,0.01427,-0.06447,0.02249,-0.101,-0.01784,0.02807,0.02817,-0.00575,0.05591,-0.02913,0.0061,0.06002,0.00874,0.03702,0.02191,-0.08102,0.00934,0.00402,0.00372,0.09669,-0.0267,-0.04974,-0.00991,-0.08162,-0.0202,0.00957,-0.03196,0.01358,0.04687,-0.0008,0.07569,0.05151,-0.00885,-0.00212,0.07864,-0.0608,-0.07514,0.05784,-0.00871,0.04207,0.02246,-0.02166,-0.0501,0.0386,-0.07434,-0.01615,0.04601,0.07216,0.0234,0.02787,0.02415,-0.03188,0.06601,-0.03943,-0.03144,0,-0.03634,0.00014,-0.02164,0.04003,0.07449,0.00286,0.03423,-0.03323,-0.02303,-0.04403,0.05487,0.05333,-0.01353,0.04655,0.03818,-0.09634,-0.0364,0.05304,0.00616,0.01712,0.10912,-0.13411,-0.05058,0.01005,0.05984,0.05255,0.00956,0.03678,-0.02176,0.04569,-0.05504,0.0164,-0.04432,-0.00552,-0.0847,0.03729,-0.04559,-0.08484,0.01922,-0.0564,-0.00857,-0.00179,-0.08688,-0.06485,-0.03841,-0.05404,-0.05219,0.07084,0.0208,0.00434,0.04678,0.03953,0.05305,0.05139,0.08281,-0.04388,0.06282,0.05392,-0.03548,0.05754,0.01629,0.07062,-0.0673,-0.00253,0.0552,0.08717,0.02497,0.07946,0.01627,-0.06423,-0.08475,0.0686,0.04566,-0.01429,0.02102,-0.03686,-0.03295,-0.03558,0.02443,-0.01248,-0.03064,-0.00615,0.02545,0.02382,0.082,-0.11857,-0.00526,-0.00107,-0.1119,-0.01478,0.10974,-0.01769,0.03058,-0.00013,-0.02591,0,-0.04652,0.0051,-0.03701,0.12304,0.03168,-0.01376,0.04064,0.02085,0.0468,-0.12386,-0.01733,-0.00962,-0.04838,-0.01087,0.04256,0.01168,-0.05502,-0.10076,-0.00807,-0.07989,0.06271,-0.05521,0.03755,0.00728,-0.0752,-0.04779,-0.02285,0.01863,-0.04288,-0.07683,-0.00419,-0.02161,-0.0496,-0.04874,0.05082,-0.03395,-0.03273,0.0129,0.05261,0.03703,0.04603,-0.02039,0.01217,0.01102,-0.01674,0.03956,-0.13206,-0.02673,0.00729,0.02011,-0.00731,0.04896,-0.06495,-0.03183,-0.003,0.04844,0.03334,-0.0051,-0.03332,-0.00326,0.01384,-0.03443,-0.00412,0.0212,0.03263,0.04694,-0.01404,0.00228,0.06247,0.12841,0.08658,-0.00263,-0.02723,0.00193,0.02059,0.02509,0.17476,-0.03329,0.07522,0.02224,0.00181,0.11391,0.0444,0.01561,-0.0229,0.06192,-0.12188,-0.0504,0.04046,0.05044,-0.03235,-0.04816,-0.01749,-0.01529,-0.00185,0,-0.10974,0.03391,-0.03218,0.03762,0.05624,0.02308,-0.04394,0.09019,-0.02596,0.02309,0.06493,0.0217,0.02495,0.02497,0.08762,0.016,0.03742,-0.00469,-0.04528,-0.1333,-0.00076,0.06892,0.02448,0.06775,-0.04696,-0.05258,-0.02414,0.0079,0.02009,-0.04077,-0.02655,0.05937,0.0242,0.09315,-0.07675,-0.00033,-0.07707,0.03756,-0.00723,0.04788,0.07794,0.0141,-0.02682,-0.01615,-0.08097,0.04304,0.01288,-0.03828,-0.07816,0.00025,-0.0336,0.0554,-0.03416,0.08553,0.00852,0.06979,-0.03163,-0.01861,0.08985,0.02021,-0.09307,-0.00993,-0.02757,0.03229],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Better UX: Zoom During Drag One smaller feature in the changelog, but a very noticeable one in real usage: wheel zoom now stays available during active drag sessions. That means you can keep navigating the canvas while interacting with the editor instead of feeling “locked” until the drag finishes. This improvement applies across supported drag flows such as: - node dragging - external item drag - resize - rotate - connection create / reassign - waypoint drag","excerpt":"Better UX: Zoom During Drag One smaller feature in the changelog, but a very noticeable one in real usage: wheel zoom now stays available during active drag sessions. That means you can keep navigating the canvas while interacting with the editor instead of feeling “locked” until the drag finishes. This improvement applies across supported drag flows such as: - node dragging - external item drag - resize - rotate - connection create / reassign - waypoint drag"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#7","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.07216,0.01549,-0.00992,0.04456,0.03115,-0.02313,-0.08313,0.0515,0.08684,0.04794,-0.07466,0.02755,-0.12282,-0.04405,0.03947,-0.0213,0.06845,-0.03087,-0.11152,0.03293,-0.05628,-0.08372,-0.01666,-0.04905,0.00577,0.01541,-0.0762,-0.05828,0.03467,-0.06636,0.0174,0.09643,-0.07374,0.00511,-0.06355,0.10187,-0.00378,-0.03282,-0.07524,-0.07302,0.01496,0.05389,-0.02434,-0.00972,-0.00288,-0.0337,0.01844,-0.017,-0.06102,0.08112,-0.05915,-0.06138,-0.04925,0.08065,0.01658,0.01537,0.05098,-0.01269,-0.00023,0.08933,-0.01233,0.00953,0.04593,0.03714,0.0014,-0.02487,0.032,-0.07508,0.00437,-0.06344,0.01664,-0.01102,-0.03089,-0.06122,0.03277,-0.08745,-0.04524,0.00093,0.02043,-0.08624,0.10671,-0.03339,0.0056,0.01959,-0.00775,0.04526,0.05844,-0.09417,0.01731,0.0465,0.04697,0.05441,0.01693,0.02087,-0.00699,-0.0666,-0.02665,0.02043,-0.06803,0.02811,0.02401,-0.03886,0.08647,0.04605,0.00614,-0.05023,0.10249,0.00209,-0.11489,0.00692,0.00374,0.00717,-0.00189,-0.06715,-0.01687,0.01232,-0.01504,-0.02845,0.04269,0.07436,0.04128,0.01047,0.00811,-0.03537,0.03331,-0.02347,-0.02887,0,-0.01683,0.02699,-0.02028,0.00562,0.09051,0.00569,0.04562,-0.00903,-0.01749,-0.08582,0.07245,0.04977,-0.03748,0.06764,0.06432,-0.04857,-0.04962,0.11206,-0.05044,0.01395,0.0346,-0.05857,-0.06189,-0.03505,0.0168,0.10203,0.02595,0.02683,-0.06642,0.0085,-0.00491,-0.00114,-0.00771,-0.00066,-0.05466,0.0231,0.00803,-0.10026,-0.00078,-0.03177,-0.0351,0.06098,-0.10383,-0.06151,-0.03701,-0.02641,-0.02452,0.0954,-0.00089,0.02031,0.05494,0.10084,0.04666,0.05887,0.0604,-0.02648,0.06547,0.03578,0.05076,0.08182,0.02579,0.04798,-0.03669,0.04162,0.02517,0.08855,0.06045,0.07474,0.04764,-0.04307,-0.11395,0.07459,0.06665,-0.02843,0.05576,-0.05738,-0.02682,-0.05171,0.01607,-0.02059,-0.02775,0.00801,0.01986,0.03569,0.02079,-0.08506,-0.0089,-0.00954,-0.05324,0.01746,0.12577,-0.02786,0.04529,-0.01971,0.01876,0,0.00858,-0.0409,-0.07091,0.05646,0.03149,-0.02929,0.00143,0.06519,0.05365,-0.05694,0.03927,0.00953,-0.03364,-0.01469,0.00923,-0.01151,-0.02163,-0.10891,0.04855,-0.09913,0.12696,-0.02535,0.06548,0.00995,-0.05469,-0.00766,-0.0372,0.02772,-0.02801,-0.09871,0.01223,-0.04037,-0.04534,-0.06618,0.0109,-0.00576,-0.0224,0.02534,0.01866,0.00568,0.05212,0.0243,-0.02455,0.04629,-0.04323,0.00395,-0.17265,-0.07071,0.00988,0.0011,-0.0371,0.00841,-0.06146,-0.03067,-0.03974,0.02448,0.01135,0.01295,-0.05992,0.02128,0.01642,-0.06319,-0.00894,-0.02925,0.03164,0.06033,0.01331,-0.00512,0.0755,0.10233,0.10988,-0.01706,-0.02378,0.00815,0.0445,0.04691,0.14923,-0.08744,0.07081,0.03475,-0.06709,0.10006,0.05012,0.01606,0.00045,0.038,-0.08795,-0.00905,0.00538,0.04626,-0.03638,-0.0281,0.03513,0.00896,-0.03834,0,-0.09157,0.02696,-0.03116,0.05346,0.04546,-0.00521,-0.06552,0.06591,0.01109,0.03431,0.05421,0.01678,0.01992,-0.03164,0.09527,0.01939,0.01129,-0.03489,-0.07215,-0.09797,-0.01918,0.09885,0.02023,0.00749,-0.03694,0.01767,0.03582,0.034,-0.01901,-0.01826,-0.04872,0.06983,0.03785,0.05608,-0.08502,-0.00059,-0.02295,0.05861,-0.06956,-0.00276,0.06203,-0.07,-0.01538,-0.01935,-0.00697,0.02218,-0.03589,-0.01672,-0.05363,-0.04342,-0.05675,-0.00565,-0.06843,0.06786,0.00568,0.02121,-0.02542,0.02828,0.08431,0.0382,-0.00733,-0.0183,0.00911,0.07036],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Interaction Internals Also Got Reworked This release also includes a broader interaction refactor: - external item handling was reworked - minimap drag flow was refreshed - resize and rotate flows were reorganized - dependent connections stay in sync more consistently while resizing - minimap rendering now has fNodeRenderLimit for very large scenes So even outside the new APIs, the internal editor behavior is more consistent in heavy scenarios. f Node Render Limit AP Is","excerpt":"Interaction Internals Also Got Reworked This release also includes a broader interaction refactor: - external item handling was reworked - minimap drag flow was refreshed - resize and rotate flows were reorganized - dependent connections stay in sync more consistently while resizing - minimap rendering now has fNodeRenderLimit for very large scenes So even outside the new APIs, the internal editor behavior is more consistent in heavy scenarios."},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#8","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.11419,0.01382,-0.05149,-0.00202,0.02603,0.00024,-0.03694,0.09795,0.06907,0.02126,-0.11225,0.01009,-0.10742,-0.0829,0.05568,0.00873,0.05604,-0.00863,-0.05317,-0.01354,-0.0128,-0.0528,0.00503,-0.03456,-0.00514,0.03899,-0.06474,-0.04173,0.07784,-0.0335,0.05588,0.15157,-0.0149,0.01143,-0.07635,0.08489,0.01319,-0.03879,-0.06543,-0.04124,0.02738,0.09099,-0.01378,-0.00688,-0.03205,-0.01095,0.03306,-0.02952,-0.05486,0.05696,-0.05981,-0.10333,-0.03123,0.0658,0.01167,0.00864,0.04267,-0.0342,0.01087,0.05762,0.03494,0.00862,0.01652,0.03734,0.00542,-0.00717,-0.01864,-0.03125,0.02487,-0.10157,-0.05858,-0.01145,0.02449,-0.06823,-0.01602,-0.07853,-0.0141,0.03513,0.05128,-0.08489,0.04764,-0.01737,0.03202,0.04834,-0.02899,0.04479,0.07635,-0.09656,0.0213,0.00694,0.06383,0.09083,0.01865,0.01737,0.05425,-0.01249,0.00262,-0.01527,-0.04283,0.06605,-0.00262,-0.02928,0.10732,0.0132,-0.04724,-0.04341,0.08225,0.03944,-0.02905,-0.00268,-0.01799,0.04286,-0.01103,-0.08708,0.00168,-0.01458,-0.02729,-0.01856,0.09141,0.071,0.02531,0.00085,0.0293,-0.03309,0.06981,-0.02914,-0.04791,0,-0.03622,0.04888,-0.0314,0.02491,0.06395,-0.06505,0.04466,-0.01834,-0.00804,-0.01009,0.06008,0.05386,-0.06405,0.07419,0.01369,-0.09933,-0.08557,0.04214,0.02318,0.04456,0.0728,-0.06701,-0.01745,-0.01748,0.069,0.08323,0.02656,0.00656,-0.07059,0.0349,0.00956,-0.00775,-0.03899,-0.03134,-0.04906,-0.00249,-0.03972,-0.0781,-0.01046,-0.02551,0.00356,0.02727,-0.08424,-0.02717,-0.0039,-0.04609,-0.06562,0.00243,0.08644,0.02817,0.03394,0.06644,0.01149,0.06649,0.0781,-0.05886,0.00918,0.07315,0.02783,0.07767,0.0283,0.04705,-0.04227,-0.01452,0.01194,0.07774,0.02263,0.02635,0.0499,-0.01168,-0.09382,0.06849,0.03563,-0.01029,0.056,-0.03201,-0.00928,0.00537,-0.01043,-0.03879,-0.05103,0.02582,0.02585,0.04857,0.04412,-0.09137,0.0162,-0.05073,-0.09091,0.0039,0.11013,-0.01856,0.0188,0.01912,-0.01864,0,0.00827,-0.02369,-0.04592,0.06525,0.04893,-0.03239,0.0559,0.02983,0.06437,-0.01604,0.03394,0.03406,-0.02049,0.01932,0.0452,-0.00999,-0.00777,-0.14869,0.05234,-0.05618,0.05209,0.02346,0.0373,-0.07243,-0.07569,0.01541,-0.04515,0.00313,0.00161,-0.10422,0.00926,-0.00123,-0.05081,-0.07924,-0.02984,0.00758,-0.00772,0.00099,0.00526,-0.03165,0.09157,-0.00104,-0.0245,-0.00546,-0.09358,0.03821,-0.12778,-0.04941,0.012,-0.00705,-0.01129,0.02241,-0.07176,-0.02749,-0.05522,0.02099,0.05091,0.04112,-0.05104,0.06268,0.00209,-0.02291,-0.02102,-0.02901,0.02259,0.04512,-0.05483,-0.00997,0.0831,0.09963,0.0443,-0.02589,-0.08929,0.0052,-0.01457,0.09168,0.17002,-0.05407,0.04745,0.01851,-0.01956,0.12898,0.0064,0.04236,0.04093,0.00616,-0.10473,-0.09282,0.02138,0.06292,-0.0443,-0.02943,-0.02387,0.01276,-0.00765,0,-0.08609,0.00198,-0.02714,0.00281,0.03699,0.01039,-0.09674,0.08341,-0.02993,0.00604,0.03551,0.0251,-0.02224,-0.02382,0.08041,0.07374,-0.06166,-0.02603,-0.05568,-0.08757,0.0232,0.08376,0.01263,0.019,-0.03831,-0.00278,0.05406,0.00984,0.01123,-0.04609,-0.02393,0.13016,0.04042,0.01466,0.01989,0.01577,-0.08711,0.02258,-0.06299,0.0249,0.04766,-0.03806,-0.01693,-0.03355,0.01207,0.0373,-0.05622,-0.02987,-0.06275,-0.01162,-0.04583,0.04272,-0.09303,0.08297,-0.01661,0.04755,-0.03707,-0.0646,0.08698,0.0331,-0.03004,0.02912,0.04086,0.03695],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Reference Apps, Examples, and Docs v18.2 is not only about library internals. I also used this release window to improve how examples and docs explain the product: - stronger performance-oriented demos - cleaner example grouping - refreshed descriptions around large-scene rendering - the AI Low-Code Platform demo now positioned as the flagship reference app If you want to see how Foblex Flow looks in a more product-like Angular setup, start here: ✅ AI Low-Code Platform: <https://flow.foblex.com/examples/ai-low-code-platform","excerpt":"Reference Apps, Examples, and Docs v18.2 is not only about library internals. I also used this release window to improve how examples and docs explain the product: - stronger performance-oriented demos - cleaner example grouping - refreshed descriptions around large-scene rendering - the AI Low-Code Platform demo now positioned as the flagship reference app If you want to see how Foblex Flow looks in a more product-like Angular setup, start here: ✅ AI Low-Code Platform: <https://flow.foblex.com/examples/ai-low-code-platform"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#9","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.0998,0.04812,-0.04309,0.03933,0.04059,-0.00184,-0.01068,0.04577,0.05487,0.04281,-0.04496,0.00605,-0.14124,-0.05705,0.06094,0.00081,0.04341,0.01369,-0.10074,0.03145,-0.02725,-0.00224,0.02158,-0.03293,-0.01144,0.04162,-0.0585,-0.03773,0.0362,-0.07937,0.02419,0.10792,-0.04851,0.04052,-0.0246,0.06434,-0.00052,-0.01074,-0.0654,-0.07384,0.07952,0.04779,-0.02083,-0.03998,-0.062,-0.02611,0.0471,-0.01734,-0.06829,0.10209,-0.0225,-0.10005,-0.10161,0.12248,0.01791,0.0176,0.06986,-0.01084,-0.01,0.08867,-0.00475,-0.00499,-0.00662,0.01302,-0.00978,-0.04273,-0.01704,-0.02786,-0.04065,-0.03499,-0.003,0.01007,0.003,-0.03743,0.02602,-0.05373,-0.03724,-0.00053,0.021,-0.10376,0.08706,0.02439,-0.01464,-0.00947,0.01087,0.02676,0.05211,-0.07976,0.00432,-0.02231,0.02368,0.04369,0.03607,0.02105,0.01106,-0.02672,0.00385,0.03425,-0.03761,0.03617,0.00628,0.0123,0.06126,0.05745,-0.03863,-0.04383,0.07074,0.03798,-0.05459,-0.03164,0.00102,0.03133,-0.02913,-0.1285,-0.04492,-0.04883,-0.03697,-0.03694,0.05755,0.04391,0.01848,0.00427,0.04971,-0.03556,0.01092,-0.04662,-0.02759,0,-0.06422,0.03798,-0.07271,0.01507,0.09472,-0.01696,0.03565,-0.0171,-0.02431,-0.01881,0.04767,0.05341,-0.00708,0.05866,0.03779,-0.04963,-0.04757,0.08413,0.06065,0.02576,0.09855,-0.0733,-0.04559,-0.0128,0.04005,0.11283,0.02923,-0.01575,-0.04692,0.0307,0.05827,0.00936,-0.01209,-0.01659,-0.04843,0.02213,-0.01616,-0.06654,-0.01463,-0.08623,0.03179,0.02185,-0.09197,-0.0083,-0.03147,-0.05647,-0.03568,0.03787,0.08662,-0.00297,0.03474,0.04864,0.04394,0.0448,0.03828,-0.05991,-0.00366,0.08879,0.04534,0.03027,0.05362,0.06578,-0.02238,0.04366,0.02053,0.03534,0.04956,0.04335,0.07087,-0.07529,-0.086,0.05693,0.04364,-0.02593,0.08304,-0.06847,-0.01938,0.00394,0.01418,-0.04744,-0.0565,0.00388,0.03006,0.03751,0.04493,-0.07597,-0.01883,-0.05581,-0.05134,0.0131,0.13111,-0.00502,0.01722,-0.00129,0.01096,0,0.02821,0.00511,-0.03711,0.0886,0.07054,-0.05354,0.01269,0.07273,0.04278,-0.03566,0.02408,0.01978,-0.0194,-0.06282,0.07015,0.0246,-0.06828,-0.15396,0.03048,-0.09587,0.05791,0.00446,0.05424,-0.03011,-0.04954,-0.00412,-0.02672,-0.00639,-0.00378,-0.06788,-0.00543,-0.00149,-0.07361,-0.03753,-0.01486,-0.01551,0.00841,0.04268,0.02119,0.00973,0.05671,0.05042,-0.03299,0.03219,-0.08475,-0.01806,-0.12107,-0.0328,0.03889,0.01904,0.02247,0.00878,-0.09321,-0.04061,-0.02039,0.05617,0.00109,0.0054,-0.09232,0.00064,0.03198,-0.02514,0.0417,-0.01974,0.04699,0.04618,-0.03709,-0.00824,0.06553,0.07142,0.06602,-0.01928,-0.10209,0.01342,0.02768,0.03233,0.20848,-0.02146,0.03864,0.07815,-0.04213,0.1143,-0.00341,0.01544,0.02538,-0.03444,-0.06308,-0.01798,-0.02183,0.0479,-0.07586,-0.04596,0.02722,0.02596,-0.03164,0,-0.14579,0.00403,-0.04672,0.04715,0.02521,0.01036,-0.10933,0.09498,0.01233,0.01178,0.06145,0.00893,0.02213,-0.01882,0.04873,0.00032,-0.00271,-0.00063,-0.08262,-0.06796,-0.03293,0.11065,0.05481,0.03803,-0.04755,0.00975,0.01821,-0.0144,0.02301,-0.02244,-0.0219,0.09286,0.0242,0.05479,-0.04568,-0.00015,-0.05558,0.04507,-0.07588,0.0201,0.07997,-0.09287,-0.02729,-0.01625,-0.03405,0.00391,-0.09511,-0.03321,-0.06963,0.00361,-0.03428,0.03739,-0.08147,0.04488,0.00554,0.02469,0.00689,-0.02872,0.08721,0.0102,-0.03208,-0.0293,0.04193,0.03645],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Important Migration Note There is one breaking rename around External Item directive classes. Update imports from: to:","excerpt":"Important Migration Note There is one breaking rename around External Item directive classes. Update imports from: to:"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#10","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.07315,0.0342,-0.0649,0.05337,-0.00174,-0.06266,-0.0207,0.04209,0.01678,0.04919,-0.07811,-0.00768,-0.13168,-0.06996,0.02045,0.00677,0.07367,0.01381,-0.06547,-0.00204,-0.02483,-0.10352,-0.00034,-0.05671,0.03437,0.01701,-0.05476,-0.04076,0.06532,-0.06201,0.02957,0.08296,-0.05535,0.02698,-0.02195,0.10695,-0.0269,-0.05729,-0.08395,-0.02367,0.05851,0.06224,0.00545,-0.01415,0.00136,-0.0037,0.03114,-0.02081,-0.03056,0.00562,-0.04473,-0.07708,-0.05033,0.06674,-0.00926,0.02828,0.08327,-0.06786,-0.01154,0.07494,0.02314,-0.00047,0.01175,0.01422,-0.00283,0.00592,0.02722,-0.03087,-0.00082,-0.05941,-0.05192,0.00626,0.00562,-0.07122,0.00798,-0.04997,-0.01217,0.00275,0.05578,-0.09709,0.04189,-0.05224,0.00583,0.0229,0.00942,0.03681,0.07501,-0.07198,0.00788,-0.01101,0.06686,0.11625,-0.02411,0.031,0.01917,-0.01732,0.0071,-0.00067,-0.04789,0.06308,0.01214,-0.03337,0.10641,0.07799,-0.03451,-0.01036,0.08672,0.03556,-0.06285,-0.00964,-0.01754,0.06853,-0.00096,-0.06533,0.00408,0.02091,-0.03345,0.01111,0.05323,0.10577,0.05432,-0.04104,-0.01243,-0.04511,0.05128,-0.0401,-0.02983,0,-0.00437,0.02016,-0.03791,0.02752,0.07141,0.00676,0.02608,-0.03089,-0.02157,-0.01656,-0.00995,0.00638,-0.06103,0.04194,0.02292,-0.11629,-0.03218,0.07397,0.0062,0.05982,0.09016,-0.13009,-0.0741,-0.01464,0.07566,0.07323,0.0302,-0.00566,-0.07343,0.03269,0.01947,-0.00765,-0.00641,-0.00553,-0.07182,0.01801,-0.02906,-0.04576,-0.03087,-0.01476,-0.01398,0.04773,-0.05045,-0.05517,-0.04587,-0.06722,-0.07407,0.01285,0.07979,0.04636,0.04206,0.05492,-0.01011,0.03296,0.07616,-0.04688,0.05526,0.04575,0.0218,0.11893,-0.00385,0.02375,-0.07063,-0.00171,0.0358,0.07112,0.01328,0.03227,0.02561,-0.0204,-0.09106,0.05017,0.06294,-0.04915,0.02574,-0.03187,-0.0252,0.01921,-0.03433,-0.05525,-0.0372,0.00739,0.0108,0.02895,0.0476,-0.10607,-0.00072,-0.03793,-0.10856,-0.00538,0.10077,0.00786,0.06112,-0.04883,-0.04318,0,-0.00827,-0.02301,-0.08789,0.12749,0.07216,-0.0296,0.0797,0.04014,0.01221,-0.01705,0.01762,0.00906,-0.04287,-0.01421,0.03468,0.0125,-0.02682,-0.15326,0.05822,-0.02059,0.07158,0.05302,0.05193,-0.04836,-0.04777,-0.00197,-0.06007,0.01533,-0.02597,-0.09348,-0.01008,0.00655,-0.10177,-0.04534,0.00182,0.02497,0.03055,0.06337,0.0026,0.0186,0.11556,0.0151,-0.06473,0.01447,-0.04068,0.05216,-0.13569,-0.0716,-0.00005,0.02314,-0.00487,0.03717,-0.05553,0.00344,-0.04537,0.01991,0.02039,0.01613,-0.08732,0.05608,0.03579,-0.06826,-0.01236,-0.00968,0.04566,0.03569,-0.02913,-0.00485,0.10181,0.12011,0.03687,0.00201,-0.02408,0.03004,-0.00624,0.0344,0.11378,-0.03633,0.0889,0.06698,-0.05547,0.14731,0.00404,0.03706,0.03907,0.05371,-0.08999,-0.02241,0.04411,0.04976,-0.03973,-0.02293,-0.00398,-0.02373,-0.02986,0,-0.07717,-0.00892,-0.02448,0.00637,0.04385,0.00525,-0.07357,0.06004,-0.0145,-0.01588,0.06115,0.02335,-0.00011,0.01964,0.09664,0.02624,-0.01348,-0.01249,-0.0613,-0.10202,0.00446,0.10078,-0.00919,0.05066,-0.01737,-0.00337,0.06941,0.03568,-0.00149,-0.03721,-0.02703,0.06409,0.02651,0.00168,-0.0007,0.05509,-0.09428,0.03562,-0.06128,0.03699,0.04822,-0.00715,0.01099,-0.01304,0.04517,0.02792,-0.08599,-0.02849,-0.03507,-0.0414,-0.03927,0.00919,-0.11011,0.09367,-0.00858,-0.0014,0.01717,-0.01915,0.09572,0.05281,-0.02057,-0.00864,-0.03237,0.02095],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.2.0 - Large Scene Performance example: <https://flow.foblex.com/examples/stress-test - Connection Redraw Performance example: <https://flow.foblex.com/examples/stress-test-with-connections - AI Low-Code Platform reference app: <https://flow.foblex.com/examples/ai-low-code-platform","excerpt":"Release Links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.2.0 - Large Scene Performance example: <https://flow.foblex.com/examples/stress-test - Connection Redraw Performance example: <https://flow.foblex.com/examples/stress-test-with-connections - AI Low-Code Platform reference app: <https://flow.foblex.com/examples/ai-low-code-platform"},{"chunkId":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh#11","slug":"foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","route":"/blog/foblex-flow-v18-2-0-caching-virtualization-connection-worker-performance-refresh","section":"blog","title":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh","description":"Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors.","group":"Releases","vector":[-0.09165,0.01769,-0.02997,0.0652,0.01656,0.01615,-0.08319,0.05466,0.04434,0.04979,-0.09562,0.01969,-0.14444,-0.04122,0.03777,0.02323,0.04273,0.04349,-0.05347,0.02859,-0.06972,-0.08095,0.0054,-0.03905,0.01161,0.02331,-0.06121,-0.02654,0.05373,-0.08294,0.04504,0.0949,-0.05436,0.00631,-0.07633,0.1309,-0.00426,-0.03459,-0.08743,-0.02634,0.09893,0.08031,0.01238,-0.05039,-0.0156,-0.01572,0.02138,-0.00645,-0.04331,0.03287,-0.03516,-0.12558,-0.0596,0.05119,0.00035,0.02857,0.05457,-0.05854,0.00351,0.04051,-0.00703,0.0111,0.01755,0.00226,0.01463,-0.0195,-0.0044,-0.05678,-0.00104,-0.01987,-0.00272,-0.01752,-0.0199,-0.04661,-0.01429,-0.06745,-0.01096,0.04025,0.01961,-0.03756,0.06095,-0.03086,0.00434,0.04322,-0.0522,0.07164,0.05072,-0.09808,0.00371,-0.00449,0.03976,0.13106,0.00817,0.01703,0.00718,-0.01805,-0.03143,-0.00193,-0.05353,0.04107,0.02732,-0.04642,0.11515,0.0538,-0.01025,-0.01733,0.06047,0.01842,-0.04774,0.0019,0.01432,0.06418,-0.0155,-0.05788,-0.01429,0.01419,-0.02978,-0.02258,0.03203,0.11659,0.04238,-0.00277,-0.02349,-0.04952,0.06298,-0.05996,-0.02048,0,-0.01316,0.05667,-0.01383,0.03692,0.12373,0.00801,0.02473,-0.0646,-0.04484,-0.03191,0.0429,0.00377,-0.06832,0.03423,0.01145,-0.11875,-0.01092,0.05328,-0.02037,0.02096,0.07881,-0.12194,-0.07111,-0.00951,0.04282,0.01922,0.03876,0.006,-0.08205,0.01235,0.00436,0.0062,0.00521,0.01141,-0.08404,0.00858,-0.02083,-0.06693,-0.00623,-0.05541,-0.00615,0.0587,-0.08176,-0.02617,-0.01454,-0.05258,-0.02343,0.00856,0.06159,0.03788,0.05357,0.05363,0.04828,0.05756,0.07637,-0.04401,0.05165,0.06304,0.03329,0.06173,0.02933,0.04864,-0.06137,-0.02233,0.03922,0.0858,0.02214,0.0608,0.01871,-0.05357,-0.07979,0.05358,0.06387,-0.03115,0.05574,-0.01401,-0.0119,-0.0066,0.03574,-0.01713,-0.03585,0.02332,0.01741,0.04493,0.08306,-0.09504,0.00763,-0.00059,-0.07584,0.0122,0.13234,-0.01111,0.06007,-0.02334,-0.01095,0,-0.00408,-0.00309,-0.0449,0.11946,0.05422,-0.04991,0.02521,0.03648,0.04183,-0.02845,0.04292,0.0408,-0.03654,-0.02809,0.01743,0.01229,-0.00134,-0.14997,0.05249,-0.05231,0.08723,-0.00844,0.03327,-0.01706,-0.05066,-0.00331,-0.0201,0.00761,-0.042,-0.0736,-0.00683,-0.03566,-0.04526,-0.07426,-0.00242,-0.01749,-0.01386,0.05482,0.02443,0.01192,0.05438,-0.01307,-0.02884,-0.00066,-0.04243,-0.00671,-0.10861,-0.0463,-0.02004,0.02589,-0.04282,0.06665,-0.0636,-0.01104,-0.03434,0.00539,0.03687,0.0366,-0.06536,0.0144,-0.0001,-0.01236,-0.02163,-0.03378,0.04211,0.05789,-0.04045,0.01246,0.08525,0.11269,0.04515,0.00639,-0.03448,0.01309,0.00972,0.0168,0.17142,-0.04434,0.09282,0.07305,-0.04872,0.15026,0.01185,0.0006,0.05721,0.02052,-0.09275,-0.05589,0.02863,0.0856,-0.05675,-0.03826,0.01619,-0.04109,-0.01809,0,-0.12543,0.01462,-0.05149,0.02356,0.06835,-0.01065,-0.07681,0.06253,0.01173,0.03049,0.0563,0.04046,0.01182,0.00707,0.09082,0.00887,-0.00928,-0.01663,-0.06471,-0.08879,0.02014,0.12449,-0.0032,0.04669,-0.02335,-0.02937,0.03445,0.01132,-0.01814,-0.04036,-0.03434,0.08665,0.01503,0.07506,-0.05026,-0.01493,-0.08551,0.0484,-0.0714,-0.00026,0.0781,-0.01258,0.01808,-0.02195,-0.05658,0.03148,-0.03656,-0.02018,-0.02992,-0.03365,-0.02548,0.00819,-0.1063,0.06595,0.02137,0.0129,-0.03287,-0.00988,0.05196,0.00538,-0.05994,-0.0366,-0.00726,0.01831],"keywords":"Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2.0: Caching, Virtualization, Connection Worker, and a Major Performance Refresh Foblex Flow v18.2 adds optional caching, progressive virtualization, worker-assisted connection calculation, zoom during drag, and broader redraw optimizations for large Angular editors. Closing v18.2 is about making Foblex Flow scale better without changing the simple Angular-first starting path. You should still be able to start small. But when the editor grows, you now have better tools for: - larger node scenes - heavier connection redraws - smoother interaction during drag - more consistent rendering behavior If you’re building a serious node editor in Angular, this release should be worth a look. And if you like what I’m building, please consider starring the repo ⭐️ Repo: <https://github.com/Foblex/f-flow","excerpt":"Closing v18.2 is about making Foblex Flow scale better without changing the simple Angular-first starting path. You should still be able to start small. But when the editor grows, you now have better tools for: - larger node scenes - heavier connection redraws - smoother interaction during drag - more consistent rendering behavior If you’re building a serious node editor in Angular, this release should be worth a look. And if you like what I’m building, please consider starring the repo ⭐️ Repo: <https://github.com/Foblex/f-flow"},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#0","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.16975,-0.02065,-0.0458,-0.01429,0.02262,0.03904,-0.08122,0.052,-0.02236,-0.00085,-0.04427,0.02208,-0.06706,-0.03311,0.03499,0.04685,-0.07918,0.02508,-0.0226,0.02195,-0.08222,-0.01946,-0.0023,0.0076,-0.06667,0.07784,-0.03086,-0.03731,-0.02679,-0.09655,0.08577,0.13099,0.01706,0.03224,-0.04547,0.07771,-0.00769,0.02015,-0.00746,-0.06263,-0.02101,0.00509,0.0314,-0.0401,0.01039,-0.01402,0.01487,-0.06503,-0.00099,0.05082,-0.07503,-0.10762,-0.04155,0.03758,0.06998,0.04271,0.03617,-0.05781,0.00708,-0.0116,0.06003,0.0168,0.00942,0.0524,0.01654,0.03174,-0.06566,0.01782,0.0021,-0.07434,-0.07615,0.01862,-0.03393,0.00431,0.00566,0.04013,0.01672,0.02229,0.06001,-0.06796,-0.02454,0.00822,0.01297,0.05482,-0.02542,0.04332,0.03299,-0.0756,0.03702,0.04063,0.08037,-0.02361,0.04589,0.0307,0.04046,0.01152,-0.04194,-0.00479,-0.07442,0.05144,0.01315,0.0328,0.03436,-0.02698,-0.05531,-0.05186,0.07065,-0.03515,-0.01623,-0.03992,0.00827,0.02856,-0.03225,-0.11811,-0.01143,-0.00991,-0.00458,0.03599,0.05455,0.03782,0.02722,0.03957,0.00199,-0.00827,0.03109,0.0214,-0.08021,0,-0.00439,0.06878,-0.04179,0.0723,0.08853,-0.07979,0.00159,-0.01781,-0.0054,0.05364,-0.01148,0.11254,-0.068,0.02996,-0.07447,-0.15855,-0.07416,0.03167,-0.05315,0.0273,0.02542,-0.04222,-0.00021,-0.01835,0.0546,0.07783,0.0564,0.01534,-0.02609,0.01889,-0.05832,-0.06245,-0.02146,0.03378,-0.05207,0.02514,-0.09326,-0.11887,-0.01863,-0.02859,0.04327,0.03822,-0.09851,-0.01852,0.08558,0.00879,-0.00548,-0.00898,0.18971,-0.04817,-0.00575,0.03076,0.01127,0.02941,0.02701,-0.09489,-0.01196,0.05875,0.01714,0.03146,0.03292,0.06788,-0.02095,-0.00652,0.04518,0.04506,0.05235,0.01103,0.07816,-0.03857,-0.0322,0.07141,-0.02015,0.02353,0.04937,-0.04125,0.01844,-0.04399,0.04886,-0.09345,-0.07461,0.06284,0.02258,0.04423,0.04352,-0.0685,0.00821,-0.01648,-0.05084,-0.02595,0.08948,-0.00581,0.02198,0.03232,0.00776,0,-0.06827,-0.061,-0.02212,0.04739,-0.02565,0.01972,0.07919,0.04047,0.08786,0.03735,0.02307,-0.04616,-0.0103,-0.05647,0.09866,-0.04698,-0.08911,-0.05161,0.06233,0.03036,0.06872,0.07354,-0.02052,0.00868,0.00237,0.0472,-0.01924,0.04081,0.02894,-0.03463,0.0246,0.00207,-0.08837,-0.05105,-0.02872,-0.04227,-0.01898,0.04938,0.02141,-0.0471,0.01309,0.04416,-0.02163,0.02008,-0.05906,0.00325,-0.09369,-0.00486,0.04064,0.03685,-0.06941,-0.02779,-0.04731,-0.07162,-0.10169,0.04707,0.04308,-0.00226,-0.03029,0.07881,-0.04839,-0.03939,0.06188,-0.04625,0.02255,0.08209,0.03809,0.04275,-0.03274,0.07917,0.10194,-0.00083,-0.05846,-0.02051,0.07995,0.04868,0.10806,-0.0401,0.01191,-0.0341,-0.00354,0.08014,-0.02147,0.05324,0.01367,-0.00247,-0.0224,-0.06221,0.00692,0.07834,-0.07004,0.00933,0.03282,0.02164,-0.10044,0,-0.0454,0.00975,-0.01776,0.02404,0.01416,0.02679,-0.07053,0.04831,-0.03924,-0.05281,0.04108,0.04785,-0.01614,-0.01042,0.05126,0.04204,-0.11496,0.03893,-0.06093,-0.04954,0.05465,0.10994,0.02623,0.00024,-0.00154,0.00492,-0.01705,0.03801,0.0244,-0.05707,0.01467,0.08097,0.12811,0.01329,-0.02769,0.04301,-0.04702,0.02508,-0.05144,0.04451,-0.00263,-0.0179,-0.03888,-0.05555,-0.03434,-0.04943,-0.09195,-0.04567,-0.05184,-0.04244,-0.02768,0.03414,-0.01261,0.05263,0.03297,0.08757,-0.0436,-0.0576,0.1058,0.01544,-0.0381,0.00529,0.02216,0.00661],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds alignment helpers and stronger workflow-builder references for Angular teams evaluating the library for production-style editors. Today I’m shipping v18.1.0. This release adds two new magnetic alignment plugins, a new AI Low-Code Platform example, and a big documentation overhaul (new pages + improved existing docs).","excerpt":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds alignment helpers and stronger workflow-builder references for Angular teams evaluating the library for production-style editors. Today I’m shipping v18.1.0. This release adds two new magnetic alignment plugins, a new AI Low-Code Platform example, and a big documentation overhaul (new pages + improved existing docs)."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#1","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.13468,-0.00939,-0.05151,0.00381,0.00245,0.02046,-0.03939,0.07548,-0.02239,0.00364,-0.04799,-0.00805,-0.04871,-0.06924,0.01821,0.04526,-0.09038,0.0304,0.01629,0.00577,-0.06993,-0.04944,0.0073,0.0011,-0.06515,0.09849,-0.00288,-0.03035,-0.0193,-0.11688,0.05215,0.10719,-0.00612,0.03556,-0.06717,0.09751,0.00051,0.01762,-0.06937,-0.05507,-0.0199,0.01428,0.036,-0.05782,0.0531,0.00965,0.00699,-0.07797,0.02975,0.04469,-0.07507,-0.1091,-0.05004,0.07155,0.06173,0.06404,0.08093,-0.07151,0.01188,-0.00083,0.09528,0.01021,0.01089,0.05363,0.00876,0.04175,-0.08957,0.04345,0.00847,-0.08618,-0.04045,-0.00368,-0.05519,0.00015,0.01142,-0.00575,0.01996,0.02498,0.00814,-0.04904,-0.05259,0.02106,0.01152,0.04396,-0.01614,0.07128,0.0436,-0.0862,0.03798,0.06932,0.09044,0.01533,0.00754,-0.00034,0.06387,-0.00534,-0.02715,-0.04561,-0.08488,0.04328,0.03141,0.01526,0.01449,0.00603,-0.06234,-0.03258,0.08123,-0.02142,-0.03627,-0.03461,-0.01677,0.01789,-0.04292,-0.1265,0.02173,-0.02828,0.00271,0.02154,0.04707,0.06144,0.0553,0.05715,-0.02411,-0.00882,0.03974,0.00237,-0.04855,0,-0.017,0.04849,-0.0186,0.09682,0.08996,-0.06304,0.01872,-0.01893,0.02147,0.04413,0.00188,0.08618,-0.05481,0.04085,-0.07343,-0.17609,-0.06365,-0.00751,-0.02833,-0.00697,0.02737,-0.06555,-0.01508,-0.03369,0.05093,0.09389,0.04604,0.0358,-0.02015,0.00739,-0.07388,-0.05628,-0.00729,0.02225,-0.07408,0.03882,-0.07015,-0.10701,0.01292,-0.02073,0.04184,0.01253,-0.07083,-0.03134,0.08888,-0.01046,-0.01801,0.00416,0.13434,-0.01607,0.00178,0.03698,0.01898,0.01999,0.03512,-0.08148,-0.02439,0.06039,-0.0186,0.04428,0.0586,0.09659,-0.04027,0.00689,0.01659,0.08553,0.04531,0.04179,0.08029,-0.03652,-0.07419,0.07434,0.02891,-0.00233,0.00489,-0.0463,-0.02994,-0.0469,0.01689,-0.08769,-0.07169,0.00304,0.01303,0.06291,0.0895,-0.05549,-0.00554,-0.023,-0.06063,-0.02589,0.0972,0.0178,0.03647,0.00676,0.00181,0,-0.06498,-0.04062,-0.03098,0.05436,-0.00506,-0.00473,0.02383,0.0409,0.06738,0.03727,-0.01657,-0.02439,-0.01256,-0.06889,0.08261,-0.03874,-0.10159,-0.07083,0.04351,0.01041,0.02337,0.05224,0.00152,-0.02117,-0.01845,0.03185,-0.03521,0.05004,0.03546,-0.0391,0.02888,-0.01074,-0.07468,-0.01653,-0.00306,-0.0533,0.01167,0.03689,0.02592,-0.03014,0.04074,0.03019,-0.00778,-0.00397,-0.07737,0.03652,-0.10901,0.00751,-0.00232,0.02725,-0.05996,-0.02498,-0.05009,-0.06995,-0.08967,0.03421,0.05073,0.01333,0.00666,0.05082,-0.03929,-0.08907,0.03156,-0.06075,0.02298,0.06548,0.02812,0.05426,-0.02817,0.07697,0.09889,0.05381,-0.04204,-0.03389,0.06808,0.03318,0.09801,-0.03925,0.02213,0.00602,0.02845,0.09385,-0.02701,0.04755,0.02186,0.00384,-0.05924,-0.06685,-0.00706,0.05618,-0.08158,0.03891,0.04825,0.04613,-0.0937,0,-0.04597,0.0073,0.0097,0.00481,0.03964,0.04878,-0.06163,0.02569,-0.05269,-0.0557,0.02959,0.03318,0.02283,0.00217,0.06238,0.0325,-0.09539,0.03927,-0.02234,-0.0646,0.06551,0.08379,0.02493,0.04128,0.00786,-0.00064,0.01518,0.0446,0.01825,-0.04157,0.02519,0.05386,0.16069,0.02673,-0.00742,0.04243,-0.02069,0.03537,-0.04149,0.02386,-0.01298,-0.00843,-0.01415,-0.06641,-0.07265,-0.04442,-0.08667,-0.04929,-0.03719,-0.03396,-0.03061,0.02936,-0.00153,0.0688,0.04784,0.07977,-0.04575,-0.06217,0.09145,0.02969,-0.06023,0.07362,0.00137,0.00059],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Highlights - 🧲 Magnetic alignment plugins: new Magnetic Lines and Magnetic Rects to help align elements while moving. - 🤖 New example: AI Low-Code Platform -a larger, “real-world” demo showing how to build a production-like node editor experience. - 📚 Docs refresh: new documentation pages + reworked existing guides for consistency, clarity, and better quick-start sections.","excerpt":"Highlights - 🧲 Magnetic alignment plugins: new Magnetic Lines and Magnetic Rects to help align elements while moving. - 🤖 New example: AI Low-Code Platform -a larger, “real-world” demo showing how to build a production-like node editor experience. - 📚 Docs refresh: new documentation pages + reworked existing guides for consistency, clarity, and better quick-start sections."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#2","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.1384,-0.02727,-0.07298,-0.03123,-0.03114,0.06135,-0.06463,0.05265,0.01194,-0.01724,-0.03191,-0.00057,-0.06912,-0.02595,0.0189,0.01314,-0.12362,0.03399,-0.00903,0.03262,-0.07696,-0.03502,-0.00144,0.01258,-0.0981,0.08569,0.03536,-0.00713,-0.04832,-0.12281,0.08512,0.09504,-0.00815,0.01621,-0.07056,0.05633,-0.0275,0.00958,-0.05331,-0.08367,-0.01392,-0.00675,0.05098,-0.07461,0.03663,0.01953,0.01132,-0.04103,0.04194,0.05739,-0.02934,-0.09937,-0.02556,0.07028,0.0723,0.05985,0.05115,-0.06943,0.02012,-0.01613,0.08104,0.02213,0.01676,0.06933,0.00485,0.03003,-0.07261,0.0239,0.0001,-0.09012,-0.04654,-0.02309,-0.05171,-0.00748,0.00524,0.03054,0.02731,0.03521,0.03637,-0.04687,-0.04039,0.03224,0.0296,0.06428,0.0036,0.03275,0.04317,-0.09497,0.03505,0.05569,0.07838,-0.00315,-0.01337,-0.00001,0.06837,-0.01296,-0.03309,-0.01639,-0.07964,0.00698,0.01797,0.01534,-0.00597,0.01681,-0.02267,-0.05742,0.06455,-0.05579,-0.00688,-0.05749,-0.00706,0.01046,-0.01383,-0.10497,0.01565,-0.03253,0.0006,0.03066,0.04172,0.02125,0.01548,0.04447,-0.0322,-0.02201,0.05727,0.01558,-0.05139,0,-0.03218,0.03886,-0.01528,0.07847,0.05002,-0.0569,-0.01029,-0.02197,0.00094,0.05512,-0.02018,0.09351,-0.057,0.03814,-0.09729,-0.1457,-0.06455,-0.00316,-0.07569,0.00177,0.03462,-0.05131,-0.01393,-0.05738,0.04002,0.08111,0.02496,0.04005,-0.03565,0.00648,-0.05752,-0.07781,-0.00686,0.0254,-0.04581,0.01417,-0.06845,-0.0858,-0.00191,-0.0076,0.06911,0.03239,-0.07394,-0.02732,0.07967,0.02021,-0.01137,-0.00453,0.1453,-0.03594,0.01966,0.02296,0.01552,0.02334,0.04213,-0.06912,-0.01627,0.06577,-0.02642,0.0015,0.0161,0.0804,-0.05721,-0.02848,0.03589,0.05892,0.08528,0.03439,0.0771,-0.01738,-0.08234,0.06421,-0.00069,0.00401,-0.00433,-0.02377,0.01882,-0.03064,0.05521,-0.0476,-0.10119,0.03317,0.02861,0.03248,0.06161,-0.05752,0.01313,-0.04388,-0.00827,-0.02204,0.10644,0.0219,0.0463,0.03808,0.01226,0,-0.07062,-0.07389,0.02223,0.04663,0.0037,0.03818,0.06565,0.04217,0.05567,0.02035,0.03206,-0.02695,-0.01133,-0.06967,0.10629,-0.01028,-0.09941,-0.04292,0.0323,0.00254,0.03688,0.01183,0.00722,-0.02219,0.01056,0.02914,-0.0101,0.03929,0.03421,-0.01244,0.03664,0.00204,-0.10574,-0.04175,-0.0125,-0.04956,-0.01203,0.06304,0.0404,-0.03986,-0.02796,0.06012,-0.0155,0.02861,-0.04157,0.02202,-0.08898,-0.02626,-0.00556,0.06383,-0.05916,0.01058,-0.04639,-0.03615,-0.07188,0.05091,0.03698,-0.0105,-0.00419,0.06013,-0.02774,-0.08344,0.06464,-0.06628,0.0307,0.10899,0.07424,0.05417,-0.00787,0.09465,0.1452,0.01229,-0.05566,-0.03286,0.07388,0.0471,0.09187,-0.02964,0.01283,-0.00607,0.06273,0.08276,-0.03149,0.04483,-0.02121,-0.01588,-0.01712,-0.07127,0.0182,0.07092,-0.07822,0.01781,0.04059,0.01034,-0.1197,0,-0.05404,-0.03873,0.00839,0.01388,-0.00965,0.03016,-0.07606,-0.00135,-0.03559,-0.0479,0.03053,0.06501,0.00753,-0.03199,0.04127,0.02281,-0.12268,0.05157,-0.0239,-0.03073,0.0506,0.12102,0.00081,0.028,0.00608,0.00771,-0.02016,0.03373,0.00871,-0.07135,0.03443,0.05951,0.16887,0.02609,-0.02149,0.04083,-0.02053,0.0405,-0.05796,0.01409,0.01784,-0.02142,-0.00971,-0.07344,-0.0651,-0.03869,-0.04094,-0.03228,-0.05913,-0.02348,-0.04095,0.0659,0.00562,0.03726,0.00993,0.06987,-0.04463,-0.07852,0.09101,-0.00726,-0.07828,0.03408,0.02563,-0.01125],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. New: Magnetic Alignment Plugins Alignment is one of those features that immediately makes an editor feel “professional”. In v18.1 there are two new plugins you can enable depending on the UX you want.","excerpt":"New: Magnetic Alignment Plugins Alignment is one of those features that immediately makes an editor feel “professional”. In v18.1 there are two new plugins you can enable depending on the UX you want."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#3","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.1662,0.01786,-0.07189,-0.026,-0.00374,0.05832,-0.02417,0.01795,-0.00477,-0.0235,-0.05151,0.01616,-0.05011,-0.01963,-0.01224,0.03002,-0.11618,0.02677,-0.01015,0.07472,-0.06292,-0.073,0.02838,-0.01452,-0.05254,0.10196,0.09268,0.00617,-0.02077,-0.13065,0.07204,0.08123,-0.04147,0.04347,-0.08307,0.05716,-0.02868,0.06242,-0.05061,-0.05592,0.04586,0.00989,0.0315,-0.10511,0.01138,0.03743,0.01197,-0.02907,0.04544,0.04622,-0.09,-0.09535,-0.05376,0.10691,0.01485,0.0492,0.07662,-0.10536,0.04125,0.00075,0.08883,0.00895,0.01918,0.03495,0.03147,0.00201,-0.0931,0.0096,-0.00773,-0.04173,-0.02305,-0.0378,-0.03179,-0.01959,0.01754,0.04421,0.00131,0.06907,0.01613,0.00126,-0.03505,0.04032,0.01502,0.06941,-0.01287,0.05164,0.01132,-0.08222,0.03121,0.00221,0.08154,0.03541,-0.02947,0.02807,0.07252,0.01382,-0.02076,-0.05353,-0.1266,0.00937,0.0431,-0.00613,0.00076,0.05361,-0.03448,-0.01691,0.0509,-0.03403,-0.04981,-0.05815,0.01051,0.01688,-0.0491,-0.05545,-0.01582,-0.0721,-0.00165,0.0252,0.02931,0.02293,0.03274,0.05605,-0.02928,-0.01294,0.07247,0.04287,0.00245,0,-0.00027,0.08095,-0.01097,0.0527,0.05621,-0.01612,-0.04989,-0.02806,0.0502,0.10191,0.00453,-0.01238,-0.05718,0.01832,-0.11423,-0.15851,-0.05447,-0.01797,-0.07035,0.03057,0.01844,-0.0506,-0.02906,-0.04763,0.02677,0.05228,-0.02182,0.04682,-0.04821,0.00216,0.02818,-0.04835,-0.01481,-0.02688,-0.06842,0.03171,-0.04946,-0.09301,0.0042,-0.02374,0.07946,0.00374,-0.04252,0.00799,0.02445,0.04748,0.00153,-0.02229,0.11362,0.01061,-0.0123,-0.01703,0.03334,0.02512,0.07651,-0.07852,-0.01318,0.06666,-0.03463,0.00262,0.03364,0.0619,-0.03908,-0.00969,0.04235,0.00511,0.03832,0.09604,0.10466,-0.03219,-0.06327,0.05628,0.0175,0.03017,-0.00552,-0.03211,-0.00589,-0.01233,0.11051,-0.04886,-0.03633,0.01285,0.06242,0.01431,0.06375,-0.05419,0.02245,-0.0694,-0.0563,-0.03079,0.05349,0.07224,0.02084,0.01703,0.00408,0,-0.04117,-0.02208,0.06837,0.05936,-0.01894,-0.00796,0.06812,0.06615,0.05886,0.06338,-0.01107,0.02827,-0.01535,-0.0528,0.07016,0.00656,-0.0838,-0.04445,0.08676,-0.02586,0.02082,0.0024,-0.01011,0.01345,-0.04392,0.03115,0.04275,0.00229,0.01927,-0.00704,0.04736,0.00079,-0.05127,-0.05547,-0.03407,-0.06701,-0.01762,0.09964,0.08372,-0.0618,-0.02945,0.06126,0.01727,-0.06794,-0.04653,-0.00294,-0.04039,0.01258,-0.03302,0.11067,-0.07944,0.0553,-0.05378,-0.01863,-0.07333,-0.0031,0.01177,-0.04344,0.02599,0.01457,-0.00939,-0.01885,-0.00462,-0.09384,0.06076,0.12033,0.03817,-0.00942,0.0317,0.11005,0.09329,0.0494,-0.03176,-0.02913,0.08748,0.04327,0.13277,-0.0076,0.05738,-0.03679,0.03148,0.04852,-0.06058,0.02397,-0.01969,0.02944,-0.03583,-0.06993,0.04827,0.05524,-0.07409,-0.01667,0.04109,-0.0397,-0.03642,0,-0.0618,-0.00878,0.00706,0.02242,0.00598,0.042,-0.02392,-0.01837,0.0063,-0.07012,0.01375,0.09637,-0.01856,0.03581,0.02444,0.00942,-0.12631,0.03043,-0.01535,-0.00105,0.05304,0.05292,0.03158,0.05728,-0.03082,0.00666,-0.02996,0.02188,0.0138,-0.06626,-0.00785,0.00559,0.15482,0.00845,-0.02825,0.00258,-0.09139,-0.03222,-0.01583,0.00043,0.03904,0.01199,0.05567,-0.08652,-0.07665,-0.0333,-0.04988,0.0011,-0.06839,-0.01769,-0.01474,0.05536,-0.01378,0.00878,0.0406,0.01265,-0.03087,-0.03162,0.08089,-0.02331,-0.06156,0.04157,-0.05065,-0.03139],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Magnetic Lines This plugin adds guideline-like alignment behavior (snap/assist) while dragging. ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" ::: - You move an element close to a virtual guide line - the editor helps you “lock” into that alignment - you get a clean, predictable layout without pixel-hunting ✅ Live demo: <https://flow.foblex.com/examples/magnetic-lines Note: this is the next step of the old “Line Alignment” direction. If you used the previous approach - this is the cleaner, dedicated plugin version.","excerpt":"Magnetic Lines This plugin adds guideline-like alignment behavior (snap/assist) while dragging. ::: ng-component <magnetic-lines</magnetic-lines [height]=\"600\" ::: - You move an element close to a virtual guide line - the editor helps you “lock” into that alignment - you get a clean, predictable layout without pixel-hunting ✅ Live demo: <https://flow.foblex.com/examples/magnetic-lines Note: this is the next step of the old “Line Alignment” direction. If you used the previous approach - this is the cleaner, dedicated plugin version."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#4","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.07807,0.01602,-0.06932,-0.03289,-0.02203,0.02665,-0.05783,0.05105,0.00337,-0.00246,-0.07288,-0.00923,-0.02317,-0.00412,0.00433,0.048,-0.04937,0.02649,0.02446,0.01819,-0.07605,-0.09515,0.04364,-0.03499,-0.05796,0.07861,0.07174,0.03174,-0.00401,-0.14323,0.05362,0.06361,-0.01752,0.07255,-0.10843,0.08707,-0.03329,0.06312,-0.0291,-0.04192,0.01041,0.0541,0.0809,-0.08061,0.04735,0.02637,-0.03927,-0.00256,-0.00583,0.02147,-0.06321,-0.07745,-0.05932,0.10846,0.03958,0.04419,0.06191,-0.13329,0.01383,-0.02061,0.07195,-0.00032,0.01943,0.01948,0.03274,0.02186,-0.08834,0.04163,-0.02803,-0.00873,-0.00462,-0.02407,-0.03683,-0.02211,0.03561,0.04735,0.01557,0.05478,-0.0104,-0.03628,-0.05904,0.09944,0.0098,0.05177,-0.00509,0.0008,0.00867,-0.07418,0.0179,-0.00991,0.07129,0.01509,-0.04106,0.06316,0.05442,0.00969,-0.01365,-0.04031,-0.1349,0.02635,0.05956,-0.01421,0.0176,0.01855,-0.06759,-0.02581,0.03481,0.01048,-0.03975,-0.09879,-0.00435,0.02176,-0.02626,-0.05574,-0.05244,-0.03879,-0.02565,0.00704,0.03522,-0.00228,0.05258,0.07436,-0.03468,-0.02956,0.05946,0.03531,-0.03595,0,-0.02435,0.06224,-0.01028,0.09239,0.09219,-0.01684,-0.02396,-0.06309,0.09184,0.10325,-0.0049,0.05972,-0.05159,0.00552,-0.07373,-0.15505,-0.0434,0.02145,-0.11209,0.01145,0.01064,-0.04035,-0.04116,-0.015,0.06011,0.06382,-0.01715,0.02682,-0.07919,0.01171,-0.00094,-0.0165,0.00349,0.00227,-0.0348,0.01278,-0.06328,-0.08723,0.02501,-0.04319,0.06944,-0.01052,-0.09242,0.00525,0.04942,-0.01708,-0.03248,-0.0017,0.12648,0.00193,0.01242,0.03464,0.04611,0.02264,0.06525,-0.09083,-0.02209,0.04371,0.01691,0.03848,0.04664,0.07977,-0.01267,-0.01048,-0.009,0.01067,0.01468,0.03594,0.11669,-0.00081,-0.05985,0.08797,0.02433,0.02337,0.00916,-0.04797,0.00672,0.00315,0.0608,-0.07999,-0.03642,-0.0112,0.0343,-0.02461,0.03169,-0.09089,0.00349,-0.01914,-0.0444,-0.06,0.05857,0.05122,0.05596,-0.00681,0.03741,0,-0.05301,0.00662,0.04099,0.04721,-0.01805,-0.07655,0.04881,0.0711,0.02618,0.05671,-0.01326,-0.02043,0.00996,-0.08248,0.09875,0.03448,-0.07268,-0.09041,0.05583,-0.0454,0.03247,0.05482,-0.01623,0.01107,-0.05693,0.07666,-0.01462,-0.00555,0.03995,-0.02281,0.01631,-0.04516,-0.04963,-0.01972,-0.01654,-0.1024,0.00555,0.05941,0.0524,-0.03894,0.01754,0.06176,-0.02496,0.00361,-0.04062,0.01061,-0.03361,0.00435,0.00441,0.01829,-0.07845,0.02361,0.00717,-0.08378,-0.05438,-0.00147,0.0297,-0.02989,0.05057,0.04147,-0.06473,-0.06322,0.06531,-0.06511,0.02168,0.08724,0.04455,0.00814,0.03738,0.10792,0.08282,0.05414,-0.03757,-0.03089,0.07461,0.06632,0.10564,0.01568,0.04609,-0.00776,-0.01068,0.05825,-0.04635,0.07009,0.00617,-0.00376,-0.05705,-0.06147,0.02778,0.06785,-0.05232,-0.04888,0.07544,-0.01158,-0.01586,0,-0.07411,-0.02064,-0.03224,0.01177,0.03191,-0.00264,-0.03404,0.01399,-0.04164,-0.05246,0.04591,0.10994,-0.03033,0.00363,0.04199,0.04101,-0.10063,0.00759,-0.02224,-0.02169,0.0354,0.03958,0.05325,0.08863,-0.01536,0.00356,-0.05685,0.0161,0.03148,-0.0598,-0.00091,0.00891,0.16552,0.05032,-0.00292,-0.00954,-0.08681,0.0111,-0.03073,-0.01251,0.01103,-0.01752,0.06452,-0.05769,-0.06349,-0.01253,-0.07911,-0.00887,-0.04962,-0.02703,-0.07196,0.03901,-0.02831,0.01282,0.01639,0.04153,-0.02239,-0.02903,0.10492,-0.03951,-0.06463,0.07451,-0.04923,-0.03728],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Magnetic Rects This plugin focuses on bounds-based alignment: ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" ::: you align element rectangles against other elements’ bounds (edges/centers). - Helps with spacing, clean rows/columns - Feels closer to how design tools behave - Great for diagram builders where visual order matters ✅ Live demo: <https://flow.foblex.com/examples/magnetic-rects Both plugins ship with dedicated examples and documentation updates.","excerpt":"Magnetic Rects This plugin focuses on bounds-based alignment: ::: ng-component <magnetic-rects</magnetic-rects [height]=\"600\" ::: you align element rectangles against other elements’ bounds (edges/centers). - Helps with spacing, clean rows/columns - Feels closer to how design tools behave - Great for diagram builders where visual order matters ✅ Live demo: <https://flow.foblex.com/examples/magnetic-rects Both plugins ship with dedicated examples and documentation updates."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#5","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.13153,0.00968,-0.08075,0.05155,0.03012,-0.00834,-0.02397,0.08588,-0.00986,0.04617,-0.06643,-0.03372,-0.0369,-0.06005,0.08728,0.09803,-0.04748,0.01501,-0.0654,-0.00701,-0.02766,-0.04966,0.01383,-0.0249,-0.05895,0.07292,0.00733,-0.02489,0.0059,-0.06971,0.06792,0.09161,-0.0051,0.05495,-0.06986,0.15941,-0.02517,-0.01355,-0.02516,-0.05813,0.05932,0.06944,0.00815,-0.09426,-0.00874,-0.01646,-0.01074,-0.08864,-0.01982,0.01163,-0.08648,-0.07674,-0.06739,0.06849,0.02227,0.04421,0.08054,-0.06203,-0.00126,0.00905,0.04374,-0.0279,0.03499,-0.00666,0.02187,0.02339,-0.1248,0.02287,0.00097,-0.04316,-0.0074,-0.02827,-0.05307,-0.0174,-0.02076,-0.02045,-0.00827,0.06192,-0.01659,-0.06017,-0.01412,0.01772,0.01022,0.02411,-0.03712,0.08443,0.0417,-0.03923,0.04973,0.02827,0.03776,0.04361,0.01755,0.03268,0.13112,0.02237,-0.01313,-0.01176,-0.09858,0.05057,0.00633,-0.02025,0.04678,0.01496,-0.03331,-0.01473,0.08491,-0.01868,-0.05313,-0.03125,-0.02394,0.08765,-0.01921,-0.11152,-0.01108,0.0003,0.01741,0.03255,0.04952,0.12803,0.09297,0.00598,0.01811,0.01026,0.08881,-0.02109,-0.02363,0,0.01383,0.01399,-0.0555,0.04198,0.10276,-0.03075,0.03401,-0.06717,0.005,0.03963,-0.0155,0.08932,-0.07159,0.02969,-0.03322,-0.13882,-0.02012,0.00104,0.04618,0.01564,0.0643,-0.06081,-0.0483,0.01505,0.07185,0.04588,0.03359,0.0082,-0.04236,0.00671,0.00216,-0.01845,-0.00258,0.03148,-0.06297,0.00052,-0.06806,-0.06129,-0.02944,-0.00697,0.03916,-0.01709,-0.08032,0.0202,0.01845,-0.0468,-0.04864,-0.03583,0.12324,-0.01721,0.00928,0.0428,0.03996,-0.01715,0.04955,-0.08593,-0.03049,0.04526,0.04088,0.02972,0.02068,0.09978,-0.02604,0.02957,0.03223,0.04727,0.0425,0.03008,0.06982,-0.04602,-0.05366,0.07936,0.00022,-0.01402,0.03224,-0.05279,-0.00649,-0.01595,0.04663,-0.10779,-0.01456,-0.00458,-0.0508,0.09451,0.09262,-0.04919,-0.0279,-0.03543,-0.09593,-0.04644,0.07274,-0.00314,0.04118,-0.05027,-0.02745,0,-0.00146,-0.0393,-0.05414,0.09496,0.00179,-0.05017,0.04243,0.03622,0.06188,0.0343,-0.03377,-0.01283,-0.00117,-0.05929,0.0502,-0.01746,-0.10964,-0.07658,0.09207,-0.01866,0.03093,0.08496,-0.0017,0.00465,-0.05576,0.02791,-0.07126,0.04317,0.05159,-0.07703,-0.00909,0.01768,-0.07307,-0.04726,-0.02869,-0.05394,0.01407,0.05799,-0.00624,-0.02427,0.09691,0.01868,-0.03314,-0.00894,-0.08709,0.02864,-0.08987,0.01906,0.00297,0.00234,-0.04849,-0.01962,-0.06545,-0.04256,-0.07239,-0.02047,0.08968,-0.02302,-0.0371,0.06783,-0.034,-0.12693,0.05241,-0.03631,0.02646,0.09343,-0.01618,0.04533,0.01421,0.08085,0.05945,0.00062,-0.01028,-0.00558,0.05991,0.05588,0.09599,-0.07863,0.08224,0.02732,-0.03507,0.08282,-0.03228,0.02749,0.0251,-0.00352,-0.09576,-0.0306,0.04842,0.04904,-0.07735,-0.00376,0.03381,-0.0093,-0.04952,0,-0.05205,0.01435,-0.04191,0.04706,0.05969,0.00732,-0.0465,-0.0319,0.01635,-0.03031,0.02331,0.05461,-0.00058,-0.03177,0.04348,0.04386,-0.04105,0.01042,-0.00882,-0.01663,0.06111,0.07053,0.01827,0.03881,0.03208,-0.02065,0.01456,0.02186,-0.03486,-0.02654,0.02143,0.02402,0.12617,0.06155,-0.05391,-0.02251,-0.02747,-0.01948,-0.019,-0.02043,0.00682,-0.02771,-0.03228,-0.07635,-0.05699,-0.04415,-0.0811,-0.0426,-0.0081,-0.00641,-0.05696,0.02403,-0.0438,0.09591,0.05426,0.0315,-0.02907,-0.0259,0.10268,0.00413,-0.04001,0.03436,0.01415,-0.04001],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. New Example: AI Low-Code Platform I also added a new larger example: AI Low-Code Platform. ::: ng-component [url]=\"https://foblex.github.io/Building-AI-Low-Code-Platform5/\" [height]=\"700\" ::: ✅ Live demo: <https://foblex.github.io/Building-AI-Low-Code-Platform5/ ✅ Source code: <https://github.com/Foblex/Building-AI-Low-Code-Platform5 This example is meant as a reference implementation for building “production-like” editors with Foblex Flow: - Undo/redo as the baseline safety net while editing - Import/Export to JSON (share flows, version them, move between machines) - 4 themes with runtime switching - localStorage persistence (state + settings) - animated connections to make data flow readable - multi-selection for batch operations - node configuration panel per node with validation - UI built with Angular Material If you’re building a serious editor and want to see how the pieces fit together - this demo is the best starting point right now. local Storage","excerpt":"New Example: AI Low-Code Platform I also added a new larger example: AI Low-Code Platform. ::: ng-component [url]=\"https://foblex.github.io/Building-AI-Low-Code-Platform5/\" [height]=\"700\" ::: ✅ Live demo: <https://foblex.github.io/Building-AI-Low-Code-Platform5/ ✅ Source code: <https://github.com/Foblex/Building-AI-Low-Code-Platform5 This example is meant as a reference implementation for building “production-like” editors with Foblex Flow: - Undo/redo as the baseline safety net while editing - Import/Export to JSON (share flows, version them, move between machines) - 4 themes with runtime switching - localStorage persistence (state + settings) - animated connections to make data flow readable - multi-selection for batch operations - node configuration panel per node with validation - UI built with Angular Material If you’re building a serious editor and want to see how the pieces fit together - this demo is the best starting point right now."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#6","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.1296,-0.01205,-0.06189,0.00505,-0.00205,0.00854,-0.01883,0.07845,-0.02511,-0.01138,-0.04995,-0.01103,-0.07595,-0.0281,0.03357,0.0429,-0.0795,0.00497,0.01694,0.00493,-0.04623,-0.01863,-0.01339,-0.02157,-0.08133,0.05753,0.01444,-0.0453,-0.01689,-0.08484,0.07997,0.10923,-0.00357,0.01468,-0.06704,0.05445,0.00539,0.00217,-0.04915,-0.03449,-0.00684,0.00737,0.04705,-0.04299,0.01825,0.03705,0.01484,-0.08373,0.01066,0.05511,-0.03867,-0.09475,-0.02755,0.08548,0.07589,0.01935,0.0594,-0.05557,-0.02179,-0.00144,0.0496,-0.00506,-0.0002,0.04628,0.01368,0.02516,-0.11091,0.02602,0.03621,-0.08989,-0.03621,-0.0149,-0.03392,-0.02745,0.0178,0.0143,0.02721,0.03966,0.03825,-0.06828,-0.05489,0.00651,0.00739,0.02002,0.00319,0.07997,0.05402,-0.08118,0.04103,0.05534,0.08455,0.02766,-0.00147,0.00605,0.05533,-0.01089,-0.03467,-0.0368,-0.10015,0.03522,0.01248,-0.00023,0.02053,0.02339,-0.07428,-0.02262,0.08865,-0.00343,-0.01303,-0.03009,-0.04104,0.04162,-0.01086,-0.14221,0.0143,-0.02452,-0.00674,0.03231,0.04658,0.06309,0.02781,0.02865,0.01553,-0.01435,0.03001,-0.01054,-0.05566,0,-0.02955,0.0372,-0.04206,0.05517,0.05023,-0.06129,0.04262,-0.02602,0.0309,0.04129,-0.01936,0.10656,-0.04344,0.05215,-0.07109,-0.14844,-0.06095,-0.01114,0.00065,-0.00682,0.06076,-0.05615,-0.00079,-0.02303,0.07156,0.10173,0.04094,0.04443,-0.01183,0.03331,-0.0386,-0.03325,-0.03024,0.00849,-0.06696,0.03726,-0.06826,-0.06962,0.00233,-0.03416,0.06136,-0.01776,-0.0871,-0.0204,0.0655,-0.04246,-0.04932,-0.00538,0.13739,-0.01965,0.00361,0.00481,-0.00249,0.03917,0.05707,-0.08109,-0.03743,0.07169,-0.01108,0.02809,0.06238,0.099,-0.03694,-0.0063,0.00157,0.06521,0.05604,0.03672,0.07499,-0.04179,-0.08369,0.10041,0.01317,-0.0196,0.00521,-0.04875,0.00141,-0.02142,0.03102,-0.06052,-0.07229,-0.01595,0.01553,0.06673,0.10228,-0.02097,-0.01994,-0.04091,-0.06738,-0.0434,0.10172,-0.00633,0.02338,0.00829,-0.0055,0,-0.05402,-0.03782,-0.04238,0.05979,0.00224,-0.00971,0.05927,0.04857,0.06382,0.03277,0.00171,0.00959,0.00792,-0.05156,0.13245,-0.06353,-0.10035,-0.08828,0.0345,0.00666,-0.01584,0.03672,0.02174,-0.04018,-0.04201,0.0368,-0.03849,0.0503,0.03999,-0.02945,0.04535,0.01135,-0.07915,-0.01932,-0.01205,-0.06457,0.03279,0.03625,0.00644,-0.0597,0.0479,0.02743,0.00348,0.01092,-0.09309,0.03357,-0.09819,-0.01434,0.02428,0.03094,-0.03335,-0.04699,-0.04771,-0.04042,-0.09042,0.04476,0.0784,0.00596,-0.01078,0.07335,-0.02983,-0.05594,0.03617,-0.04631,0.01839,0.07953,0.02654,0.05264,-0.00057,0.10624,0.12951,0.05834,-0.04833,-0.03768,0.07434,0.07763,0.06611,-0.03215,-0.00239,0.00015,0.05307,0.08193,-0.02746,0.07019,0.05928,-0.04028,-0.07094,-0.09072,-0.00398,0.0499,-0.06332,0.01886,0.03622,0.05673,-0.08556,0,-0.04959,0.00997,0.01035,-0.01046,0.05794,0.05376,-0.08538,0.00437,-0.05655,-0.05587,0.02557,0.03915,0.02906,-0.0148,0.05999,0.02819,-0.05637,0.00339,-0.02134,-0.07147,0.03541,0.06938,0.02277,0.01404,0.02074,0.00355,0.0121,0.02604,0.00887,-0.06026,0.01881,0.0716,0.14885,0.03916,0.00472,0.06117,-0.03093,0.00939,-0.06359,0.01899,0.02383,-0.02337,-0.00584,-0.07349,-0.08143,-0.01351,-0.09289,-0.06891,-0.06657,-0.00965,-0.0572,0.06921,-0.02917,0.09773,0.01339,0.06696,-0.05909,-0.08683,0.0728,0.01319,-0.06271,0.05364,0.02057,0.01265],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. 📚 Documentation update (major) This release includes a large documentation pass.","excerpt":"📚 Documentation update (major) This release includes a large documentation pass."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#7","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.09381,0.0059,-0.12061,0.00247,-0.02096,0.03937,-0.00233,0.11065,0.00001,-0.02494,-0.01006,-0.01939,-0.03669,-0.0794,-0.00612,0.04877,-0.14177,0.00443,-0.04057,0.01848,0.02632,-0.06829,-0.00734,-0.06544,-0.08847,0.03683,0.04121,0.04035,-0.01515,-0.11004,0.08079,0.09799,-0.05258,0.0037,-0.04864,0.03388,0.00836,0.01906,-0.08235,-0.03966,0.04707,0.03408,0.06005,-0.07277,0.02228,0.02451,-0.02905,-0.01172,0.00025,0.04981,-0.057,-0.05303,-0.04478,0.13409,0.07138,0.05941,0.09081,-0.08702,-0.02229,-0.02688,0.03245,-0.0021,-0.00507,-0.01077,-0.03058,0.03852,-0.10104,0.00094,-0.03939,-0.04522,-0.04384,-0.06089,-0.05961,-0.07647,0.07999,-0.01684,0.00435,0.08792,-0.02074,-0.09484,-0.03724,0.04326,-0.01108,-0.02364,0.00555,0.04238,-0.00265,-0.09408,0.05625,0.0516,0.05755,0.0476,-0.07502,0.01245,0.06177,-0.00035,-0.01508,0.00203,-0.06695,0.02056,0.00326,-0.04698,-0.02185,0.08098,-0.04433,-0.02374,0.03966,-0.0088,-0.09262,-0.0383,-0.0281,0.03131,-0.01619,-0.09724,0.0341,-0.06525,0.02593,0.02477,0.03794,0.00413,0.0546,0.03134,-0.03488,-0.00374,-0.00278,-0.01914,0.01256,0,-0.01952,-0.0233,-0.04437,0.05317,0.05063,0.02588,0.03311,-0.02282,0.05958,0.03933,-0.02154,0.05371,-0.04698,-0.05674,-0.12599,-0.17922,-0.03649,0.03904,-0.0353,0.01899,0.03408,0.01131,-0.06247,-0.04424,0.05839,0.0565,-0.02541,0.02203,-0.08687,0.01195,0.03772,-0.04169,0.01324,-0.00334,-0.07103,0.01275,-0.0441,-0.04786,-0.05245,-0.02162,0.065,-0.04293,-0.01058,-0.00229,-0.00062,-0.05026,-0.02525,0.03274,0.09871,0.01025,0.00892,0.00422,0.01261,-0.04554,0.05135,-0.05779,-0.08902,0.09591,-0.05183,0.03914,-0.00475,0.09939,-0.03929,-0.01128,0.04533,0.07287,0.04112,-0.02843,0.07093,-0.04788,-0.04794,0.08842,0.08442,-0.0109,0.01169,-0.04149,-0.0039,0.04414,0.03912,-0.07118,-0.07313,-0.00383,0.01358,0.0183,0.06958,-0.05514,0.01878,-0.05031,-0.08612,-0.069,0.04283,0.03508,0.04611,-0.01069,0.04592,0,0.02762,-0.00945,0.03092,0.05008,0.0029,0.03031,0.10135,0.06891,0.03794,0.03596,-0.0455,-0.02169,-0.04189,-0.06391,0.07289,-0.00783,-0.10533,-0.06766,0.02268,0.02376,0.02089,0.06893,-0.01046,0.00517,-0.07443,-0.01036,-0.02132,0.08347,0.00575,-0.01856,0.02526,-0.02966,-0.10063,0.04091,-0.01063,-0.11381,0.01077,0.10602,0.04356,0.0135,0.0705,0.04557,0.00588,-0.01083,-0.08231,0.02959,-0.01065,-0.01029,0.00033,0.05011,-0.04649,-0.02221,-0.06315,0.03893,-0.05021,0.07567,0.09239,-0.07231,-0.00483,0.03701,0.01252,-0.09961,0.06097,-0.03672,0.1068,0.06268,0.01037,-0.02404,0.06781,0.05735,0.06255,0.05684,0.07245,-0.05163,0.1081,0.04346,0.09188,-0.03761,0.01728,0.01966,-0.08272,0.06871,-0.03276,0.05233,-0.01043,-0.00839,-0.07355,-0.00465,0.05018,0.01137,-0.07298,0.00554,0.06804,-0.00668,-0.0482,0,-0.07959,-0.02816,-0.0041,-0.00409,0.02873,0.03472,-0.05708,0.0019,-0.05501,-0.05364,0.01589,0.08241,0.0175,-0.02337,0.04788,-0.03496,-0.02352,-0.04346,-0.04327,-0.04985,0.03851,-0.0041,0.01904,0.06846,0.00764,-0.03233,-0.05386,0.00081,-0.0013,-0.00545,-0.01077,0.02373,0.11974,0.04014,-0.02705,0.01182,-0.01549,0.02039,-0.05879,0.05551,0.03772,-0.01199,-0.00524,-0.04922,0.01554,-0.01568,-0.07732,-0.01957,-0.04067,0.01888,-0.07738,0.05773,0.02253,0.03412,0.01676,0.00245,-0.02402,-0.02006,0.05833,0.02296,-0.07561,0.08914,0.02162,0.01453],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. New docs pages - <https://flow.foblex.com/docs/event-system - <https://flow.foblex.com/docs/selection-system - <https://flow.foblex.com/docs/f-drag-handle-directive - <https://flow.foblex.com/docs/f-group-directive - <https://flow.foblex.com/docs/f-resize-handle-directive - <https://flow.foblex.com/docs/f-rotate-handle-directive - <https://flow.foblex.com/docs/connection-rules - <https://flow.foblex.com/docs/f-connection-marker-directive - <https://flow.foblex.com/docs/f-snap-connection-component - <https://flow.foblex.com/docs/f-connection-waypoints-component - <https://flow.foblex.com/docs/f-external-item-directive - <https://flow.foblex.com/docs/f-selection-area-component - <https://flow.foblex.com/docs/f-magnetic-lines-component - <https://flow.foblex.com/docs/f-magnetic-rects-component","excerpt":"New docs pages - <https://flow.foblex.com/docs/event-system - <https://flow.foblex.com/docs/selection-system - <https://flow.foblex.com/docs/f-drag-handle-directive - <https://flow.foblex.com/docs/f-group-directive - <https://flow.foblex.com/docs/f-resize-handle-directive - <https://flow.foblex.com/docs/f-rotate-handle-directive - <https://flow.foblex.com/docs/connection-rules - <https://flow.foblex.com/docs/f-connection-marker-directive - <https://flow.foblex.com/docs/f-snap-connection-component - <https://flow.foblex.com/docs/f-connection-waypoints-component - <https://flow.foblex.com/docs/f-external-item-directive - <https://flow.foblex.com/docs/f-selection-area-component - <https://flow.foblex.com/docs/f-magnetic-lines-component - <https://flow.foblex.com/docs/f-magnetic-rects-component"},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#8","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.07129,-0.0136,-0.09367,0.04537,0.03271,0.03686,-0.02751,0.06419,-0.01856,0.01083,-0.02025,0.00237,-0.04423,-0.07487,-0.01255,0.04119,-0.05751,0.01758,-0.03112,-0.01609,-0.00751,-0.10971,-0.0067,-0.08703,-0.06733,0.03788,-0.00593,0.0011,0.0174,-0.09917,0.05575,0.10853,-0.0421,-0.00579,-0.09708,0.09821,0.00074,0.01228,-0.07885,-0.04389,0.03118,0.03291,0.00355,-0.06352,0.02454,0.01888,-0.00515,-0.02368,0.00094,0.04794,-0.06884,-0.07074,-0.06481,0.10997,0.07101,0.07435,0.08409,-0.06624,-0.01131,0.01961,-0.01935,-0.00683,0.03232,0.00358,0.03577,0.04123,-0.08223,-0.01219,0.00011,-0.03044,0.01434,-0.02728,-0.03781,-0.10974,0.02537,-0.04029,0.01369,0.08332,0.00197,-0.07476,-0.01917,0.01739,-0.02767,-0.03171,-0.00849,0.04295,0.01376,-0.09824,0.0154,0.04599,0.03608,0.04835,-0.07983,0.02597,0.0387,-0.00076,0.02054,0.02389,-0.04026,0.03177,0.04339,-0.04511,-0.00446,0.05711,-0.04641,-0.04916,0.05756,0.043,-0.08033,-0.03567,-0.03153,0.04637,-0.04789,-0.06792,0.00473,-0.02957,0.0321,0.01229,0.05526,0.04849,0.06261,0.0348,-0.00867,-0.01032,0.02922,-0.04422,0.00018,0,-0.02207,0.0037,-0.0735,0.05328,0.05911,0.01119,0.0685,-0.03113,0.04999,0.02035,-0.03217,0.08571,-0.06925,-0.02049,-0.08784,-0.20392,-0.04367,0.05008,-0.03774,0.02434,0.09117,-0.0224,-0.06706,-0.04286,0.07243,0.07698,0.0041,0.04892,-0.09092,0.0132,0.04374,-0.00843,-0.00934,-0.00935,-0.08717,-0.0166,-0.02574,-0.02652,-0.06427,-0.03707,0.06336,-0.01868,-0.0132,-0.01806,-0.00083,-0.06277,-0.06715,0.04935,0.11065,-0.01122,0.03574,0.00674,-0.0116,-0.05406,0.02453,-0.04108,-0.06517,0.04213,-0.03539,0.0426,0.01726,0.07374,-0.04705,-0.005,0.01426,0.09876,0.05257,-0.01749,0.05793,-0.05745,-0.06787,0.10411,0.08409,-0.02608,0.0246,-0.02631,-0.02767,0.00703,-0.00997,-0.09613,-0.06013,-0.01382,-0.01893,0.07566,0.07892,-0.05439,-0.00774,-0.03162,-0.09142,-0.05716,0.0736,0.05396,0.04958,-0.05544,0.02167,0,0.03302,-0.02924,0.00652,0.10018,0.00812,0.01001,0.08531,0.06896,0.02314,0.00305,-0.04191,-0.02444,-0.03913,-0.06973,0.02772,0.02535,-0.09043,-0.06346,0.06742,0.0298,0.02163,0.0852,0.00555,-0.01656,-0.0173,0.01641,-0.02644,0.092,0.00209,-0.0585,0.0132,-0.00621,-0.11635,-0.00714,0.01946,-0.05812,0.02416,0.05336,0.02846,0.04075,0.10573,0.05386,-0.02958,-0.02808,-0.07076,0.03701,-0.03876,-0.02193,0.0107,0.05621,-0.01463,-0.05697,-0.08255,0.00416,-0.08414,0.03519,0.07368,-0.03243,0.00769,0.04352,0.01778,-0.10206,0.01764,-0.04563,0.0734,0.07322,-0.00316,-0.0092,0.07771,0.0789,0.05564,0.02927,0.05652,-0.01674,0.09972,0.02252,0.07637,-0.0605,0.02916,-0.00986,-0.05606,0.09137,-0.03703,0.0504,0.02758,0.00521,-0.11057,-0.01169,0.05009,0.00161,-0.0748,0.01982,0.05299,-0.02284,-0.06088,0,-0.07842,0.02069,-0.03622,0.01592,0.03834,-0.0091,-0.06272,0.00062,-0.0441,-0.11007,0.05008,0.06542,0.05758,-0.04491,0.06278,0.00928,-0.00388,-0.04025,-0.03203,-0.04723,0.01835,0.04338,0.00704,0.08157,0.01532,-0.02715,0.01857,0.03029,0.02525,-0.05054,-0.04507,0.0453,0.10245,0.06084,-0.02622,0.02296,-0.02094,-0.00742,-0.07147,0.06493,0.0442,-0.02675,-0.03406,-0.07108,0.00534,-0.03142,-0.06199,-0.03829,-0.01302,0.02405,-0.07136,0.0312,-0.00337,0.03429,0.07014,-0.03587,-0.02866,-0.03382,0.06352,0.03171,-0.06827,0.08932,0.0176,-0.00075],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Improved existing guides - <https://flow.foblex.com/docs/f-flow-component - <https://flow.foblex.com/docs/f-canvas-component - <https://flow.foblex.com/docs/f-node-directive - <https://flow.foblex.com/docs/f-node-output-directive - <https://flow.foblex.com/docs/f-node-input-directive - <https://flow.foblex.com/docs/f-node-outlet-directive - <https://flow.foblex.com/docs/f-connection-component - <https://flow.foblex.com/docs/f-connection-for-create-component - <https://flow.foblex.com/docs/f-draggable-directive - <https://flow.foblex.com/docs/f-zoom-directive - <https://flow.foblex.com/docs/f-background-component - <https://flow.foblex.com/docs/f-minimap-component If you haven’t checked the docs in a while - it’s worth revisiting. The goal of this refresh is simple: less guessing, faster onboarding, more consistent terminology.","excerpt":"Improved existing guides - <https://flow.foblex.com/docs/f-flow-component - <https://flow.foblex.com/docs/f-canvas-component - <https://flow.foblex.com/docs/f-node-directive - <https://flow.foblex.com/docs/f-node-output-directive - <https://flow.foblex.com/docs/f-node-input-directive - <https://flow.foblex.com/docs/f-node-outlet-directive - <https://flow.foblex.com/docs/f-connection-component - <https://flow.foblex.com/docs/f-connection-for-create-component - <https://flow.foblex.com/docs/f-draggable-directive - <https://flow.foblex.com/docs/f-zoom-directive - <https://flow.foblex.com/docs/f-background-component - <https://flow.foblex.com/docs/f-minimap-component If you haven’t checked the docs in a while - it’s worth revisiting. The goal of this refresh is simple: less guessing, faster onboarding, more consistent terminology."},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#9","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.15445,0.01272,-0.08908,-0.01183,-0.01677,0.00753,-0.02325,0.07799,-0.05724,-0.01207,-0.05061,-0.02395,-0.04428,-0.05703,0.02186,0.08153,-0.09439,0.00758,0.03862,0.03366,-0.04361,-0.06032,0.01381,-0.02219,-0.06547,0.0482,0.04004,-0.01071,-0.01908,-0.09537,0.09425,0.09053,-0.02015,0.04679,-0.08249,0.0703,0.00152,0.02802,-0.06055,-0.04168,0.01312,0.02706,0.0501,-0.06715,0.03199,0.02098,0.01242,-0.06975,0.02669,0.0153,-0.04319,-0.07065,-0.04314,0.08144,0.071,0.04247,0.07869,-0.09453,-0.03461,-0.01876,0.09532,-0.00492,-0.01191,0.00568,0.01724,0.0248,-0.10647,0.04507,0.00742,-0.08182,-0.02685,-0.03588,-0.05894,-0.05066,0.02841,0.03327,0.02373,0.05366,0.00888,-0.04918,-0.09264,0.03299,0.00622,0.00766,0.01063,0.06121,0.02174,-0.07398,0.0493,0.0329,0.09894,0.02334,-0.0595,0.02824,0.05448,-0.01252,-0.0347,-0.02669,-0.09478,0.02842,0.02188,-0.01834,0.00398,0.04426,-0.08194,0.00727,0.0998,-0.01084,-0.06322,-0.06726,-0.03859,0.03862,-0.0183,-0.09675,0.01699,-0.00756,0.01894,0.05832,0.05558,0.06171,0.05399,0.02906,-0.01646,0.00398,0.02899,0.00791,-0.03736,0,-0.01105,0.04573,-0.01886,0.03864,0.05902,-0.03801,0.00025,-0.0377,0.07568,0.07118,-0.02824,0.05691,-0.02317,0.02561,-0.10362,-0.19689,-0.02921,-0.0157,-0.01348,0.00111,0.01514,-0.03207,-0.03461,-0.03617,0.06447,0.09112,0.04862,0.02318,-0.02591,0.02752,0.0029,-0.02764,-0.01878,0.04082,-0.069,0.04795,-0.07137,-0.05528,-0.01983,-0.01774,0.11312,-0.02459,-0.04412,0.00156,0.04823,-0.03522,-0.0231,-0.00251,0.11332,-0.00345,0.01021,0.013,-0.02671,0.00768,0.06766,-0.07021,-0.04373,0.06993,-0.02534,0.03189,0.0284,0.08178,-0.01031,-0.01766,-0.00805,0.06217,0.02188,0.01609,0.07511,-0.01452,-0.05589,0.10914,0.02585,0.00446,0.01653,-0.04549,-0.00651,0.01565,0.05911,-0.10586,-0.06246,0.00332,0.01917,0.03774,0.09348,-0.04148,-0.00762,-0.04336,-0.07671,-0.05152,0.05348,0.03645,0.03267,-0.00655,-0.01032,0,-0.04837,-0.02785,-0.03328,0.03392,-0.01742,-0.00857,0.06516,0.07707,0.05917,0.06408,-0.02731,-0.0225,0.00636,-0.04977,0.11498,-0.0374,-0.11673,-0.06367,0.05543,0.00618,0.01205,0.06652,0.03036,-0.01984,-0.03279,0.03108,-0.05027,0.05001,0.05086,-0.02798,0.01257,-0.01324,-0.08645,-0.01827,-0.02927,-0.04621,0.022,0.0525,0.00758,-0.04776,0.05525,0.044,0.02455,-0.02381,-0.09254,0.01689,-0.06807,0.01483,0.01527,0.03805,-0.05497,-0.03834,-0.04038,-0.01283,-0.11043,0.03907,0.09532,-0.03019,0.03346,0.06869,-0.05222,-0.11011,0.00089,-0.06251,0.05892,0.06614,0.04282,0.04112,0.03655,0.10321,0.11163,0.0743,-0.01035,-0.04345,0.07828,0.06943,0.07315,-0.04925,0.01494,-0.0246,-0.00061,0.05837,-0.03032,0.05055,0.05486,-0.03387,-0.06939,-0.07507,-0.00289,0.04144,-0.04505,0.00673,0.04007,0.03032,-0.05753,0,-0.0164,-0.00057,0.00697,0.01152,0.06205,0.04215,-0.06064,-0.01629,-0.05961,-0.08503,0.00733,0.06836,0.00651,0.0109,0.06134,0.02286,-0.08452,0.00133,-0.01625,-0.03805,0.04927,0.02544,0.00891,0.04695,0.00528,0.0204,0.00857,0.01741,0.01599,-0.03346,0.01374,0.04495,0.15839,0.02973,-0.00814,0.03889,-0.04965,0.01052,-0.04954,0.02876,0.00059,-0.00817,-0.01527,-0.07063,-0.04333,-0.03316,-0.10628,-0.04723,-0.06713,0.01775,-0.04087,0.05393,0.00554,0.04424,0.00891,0.04199,-0.03496,-0.075,0.07933,0.0158,-0.05862,0.07363,-0.03163,-0.01007],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. ✅ Release links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.1.0 - Magnetic Lines demo: <https://flow.foblex.com/examples/magnetic-lines - Magnetic Rects demo: <https://flow.foblex.com/examples/magnetic-rects - AI Low-Code Platform demo: <https://foblex.github.io/Building-AI-Low-Code-Platform5/","excerpt":"✅ Release links - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.1.0 - Magnetic Lines demo: <https://flow.foblex.com/examples/magnetic-lines - Magnetic Rects demo: <https://flow.foblex.com/examples/magnetic-rects - AI Low-Code Platform demo: <https://foblex.github.io/Building-AI-Low-Code-Platform5/"},{"chunkId":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh#10","slug":"foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","route":"/blog/foblex-flow-v18-1-0-magnetic-plugins-ai-low-code-platform-example-docs-refresh","section":"blog","title":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh","description":"Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation.","group":"Releases","vector":[-0.14049,-0.00883,-0.07198,0.00979,0.01204,0.06412,-0.0758,0.05124,0.04057,0.01638,-0.06799,-0.00944,-0.09005,-0.04096,0.02776,0.06537,-0.08231,0.03003,-0.00923,0.04821,-0.07376,-0.06286,0.04233,0.00835,-0.07103,0.11709,0.04498,-0.025,-0.00699,-0.10664,0.07215,0.09815,-0.01616,0.03081,-0.10849,0.12115,-0.05979,0.04084,-0.03779,-0.0877,0.00173,0.04379,0.05679,-0.09396,0.03489,0.00703,0.02569,-0.07382,0.02938,0.0469,-0.08503,-0.09366,-0.0514,0.04075,0.04665,0.04108,0.11866,-0.10026,-0.00166,0.00834,0.08079,0.03631,-0.00085,0.05263,0.03233,0.04807,-0.05437,0.00119,0.00795,-0.06569,-0.00688,-0.0123,-0.04325,-0.01414,0.02601,0.01186,0.00636,0.03883,0.03741,-0.02129,-0.02202,-0.01492,0.02027,0.05126,0.0122,0.05801,0.0522,-0.10258,0.04012,0.05151,0.08637,0.02048,-0.0082,0.0194,0.09508,-0.01206,-0.02328,0.00904,-0.09853,0.00773,0.02996,-0.00711,0.01428,0.0166,-0.03159,-0.03404,0.07895,-0.0415,-0.05989,-0.04728,0.00031,0.02841,-0.05179,-0.07369,-0.00189,-0.00646,0.02065,0.01812,0.0335,0.05822,0.03602,0.04882,-0.04988,-0.00873,0.05949,0.02366,-0.0405,0,-0.00903,0.07146,-0.02374,0.0537,0.07311,-0.04011,-0.00196,-0.04099,0.02937,0.07081,0.00287,0.05305,-0.0562,0.01737,-0.10872,-0.17988,-0.05903,0.00229,-0.09144,-0.01238,0.03809,-0.04487,-0.05155,-0.02097,0.02073,0.07417,0.01242,0.04427,-0.08637,0.00007,-0.01663,-0.06125,-0.01995,0.04315,-0.0575,-0.00468,-0.07181,-0.08483,0.01326,-0.01526,0.02941,0.02404,-0.0849,0.0125,0.05435,-0.00308,-0.01701,0.01387,0.1289,-0.01352,0.04005,0.03356,-0.00562,0.02399,0.0444,-0.07037,-0.00748,0.04335,-0.01492,-0.00072,0.02801,0.08747,-0.02009,-0.02351,0.0121,0.06064,0.05461,0.02761,0.06599,-0.04175,-0.06224,0.04334,-0.01779,0.00441,0.02088,-0.01147,0.02313,-0.03349,0.11592,-0.0668,-0.03858,0.02451,0.03059,0.07132,0.03298,-0.08598,-0.02661,-0.06185,-0.06572,-0.01013,0.07571,0.02235,0.04838,-0.00645,-0.00086,0,-0.06514,-0.05266,0.02028,0.05323,-0.04565,-0.00037,0.05058,0.04988,0.05381,0.03402,0.04609,-0.01622,-0.02118,-0.06762,0.04795,-0.00216,-0.0386,-0.04905,0.07212,-0.00953,0.07404,0.02102,-0.00589,-0.00689,-0.00413,0.03339,-0.0269,0.00969,0.03677,-0.03044,0.0532,-0.00447,-0.07408,-0.06226,-0.0297,-0.04574,0.012,0.03724,0.01959,-0.01747,0.01331,0.03954,0.00964,0.02149,-0.04494,0.01332,-0.09592,0.00263,0.00481,0.05667,-0.06654,0.00419,-0.03052,-0.0728,-0.10482,0.01436,0.06581,-0.03047,0.01438,0.02704,-0.03646,-0.05342,0.04302,-0.09081,0.05184,0.10827,0.04366,0.06606,0.02899,0.05869,0.11706,0.02111,-0.0399,-0.0135,0.06947,0.04446,0.13395,-0.05969,0.04644,-0.0072,0.0278,0.08756,-0.02481,0.01253,-0.01963,-0.01387,-0.07072,-0.08692,0.03235,0.09303,-0.09577,0.03012,0.05746,-0.02685,-0.05424,0,-0.05747,-0.00254,-0.00677,0.0068,0.01941,0.01962,-0.0905,-0.00748,-0.01744,-0.04791,0.03391,0.08549,-0.01411,-0.02586,0.03576,0.0091,-0.10771,0.02018,-0.02226,-0.02289,0.0812,0.0918,-0.00903,0.01702,0.00153,-0.00891,0.01357,0.00961,-0.00133,-0.04748,-0.00057,0.05965,0.14192,0.03469,-0.06211,0.03261,-0.00722,-0.01583,-0.06259,0.03013,0.01237,0.00717,-0.02502,-0.05692,-0.07028,-0.04231,-0.03075,-0.01591,-0.03155,-0.00775,-0.02836,0.03623,-0.03038,0.06362,0.01886,0.03095,-0.04136,-0.03135,0.08233,-0.02574,-0.07436,0.03078,-0.00252,-0.02211],"keywords":"Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1.0 Magnetic Plugins, AI Low-Code Platform Example, and a Major Docs Refresh Foblex Flow v18.1 adds Magnetic Lines, Magnetic Rects, a stronger AI workflow example, and refreshed Angular documentation. Closing Magnetic alignment is one of those features that changes the feel of the editor immediately-things become cleaner, faster, and more intentional. If you’re building a visual editor in Angular and want a native Angular solution (not a React wrapper)-take a look. And if you like what I’m building, please consider starring the repo ⭐️ It helps the project a lot. Repo: <https://github.com/Foblex/f-flow","excerpt":"Closing Magnetic alignment is one of those features that changes the feel of the editor immediately-things become cleaner, faster, and more intentional. If you’re building a visual editor in Angular and want a native Angular solution (not a React wrapper)-take a look. And if you like what I’m building, please consider starring the repo ⭐️ It helps the project a lot. Repo: <https://github.com/Foblex/f-flow"},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#0","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.08149,0.0175,-0.00944,-0.01106,0.0485,0.04863,-0.0395,0.09202,-0.01453,0.02181,-0.03165,0.0345,-0.11421,0.01048,0.08971,0.00112,0.01203,0.00947,-0.04362,0.04506,-0.03201,-0.0264,0.00973,-0.0214,0.00237,0.02045,-0.03081,-0.04347,0.04481,-0.05981,0.02969,0.14011,-0.07193,0.00291,-0.08399,0.05074,0.04972,-0.03185,-0.08173,-0.04582,0.08125,0.05104,0.00061,-0.0285,0.01453,-0.05373,-0.00238,0.02471,-0.03127,0.07103,-0.05203,-0.14694,-0.04805,-0.00753,0.00882,0.03133,-0.03163,-0.02817,0.05053,0.04657,0.00588,-0.01075,-0.01173,0.04278,0.00837,-0.04226,-0.00378,-0.04473,-0.00661,-0.05219,-0.05164,-0.00459,0.04159,-0.05469,-0.0225,-0.07136,-0.01758,-0.00728,-0.00443,-0.03025,0.05037,-0.00077,-0.00313,0.08514,-0.03576,0.01271,0.02244,-0.0977,-0.02764,0.01257,-0.03082,0.02498,-0.00923,-0.02054,-0.0101,-0.01919,-0.08147,-0.04438,-0.06645,0.01935,0.01919,-0.03011,0.02749,-0.00783,0.01194,0.00044,0.02246,0.00254,-0.00477,0.04779,-0.00155,0.06049,0.00621,-0.13577,-0.04606,-0.04776,-0.06203,-0.03722,0.08345,0.01766,-0.02327,-0.00439,-0.00514,0.02434,0.06033,0.01475,-0.05699,0,0.00352,0.11338,-0.02625,0.02967,0.06848,0.0149,-0.0056,-0.07565,-0.08553,0.02783,0.01961,0.04071,-0.04588,0.0212,0.08123,-0.12467,-0.03889,0.06399,-0.02223,0.05236,0.05791,-0.10168,0.00158,-0.00676,0.0767,0.04119,0.01132,0.03386,-0.02506,0.0236,0.04124,0.03602,-0.01658,-0.02221,-0.03404,-0.00392,-0.03326,-0.14688,-0.02752,-0.0467,-0.01052,0.03875,-0.13717,-0.01518,-0.03854,0.01085,-0.02137,0.04068,0.04651,-0.01848,-0.0073,0.02419,0.01908,0.02274,0.05345,-0.06078,0.00677,0.06713,0.01017,0.06885,0.03027,0.01229,-0.06697,-0.06429,0.03094,0.06861,0.06645,0.02811,0.07252,-0.06329,-0.10811,0.07106,0.02406,0.0635,0.02706,-0.04626,-0.02562,0.00748,0.11945,-0.00947,-0.01383,0.00369,0.07101,0.04141,0.07913,-0.10822,0.01374,-0.03529,-0.07988,-0.0177,0.05799,0.02259,0.01561,0.01185,-0.04202,0,-0.04151,0.0143,-0.06863,0.06214,0.00784,-0.02426,0.0546,0.01285,0.07769,-0.04475,0.0207,0.03318,0.02263,-0.02147,0.00985,-0.01014,-0.01792,-0.14094,0.00745,-0.05053,0.01745,-0.02779,0.00016,-0.04042,-0.0427,0.03432,-0.01168,0.00082,-0.05638,-0.07523,0.0292,0.01069,-0.0151,-0.06542,-0.0023,0.02366,-0.0344,0.02546,0.04989,-0.01176,0.0285,-0.00589,0.054,0.03253,-0.0642,0.03982,-0.04202,0.01258,-0.07923,0.05198,-0.07012,0.04827,-0.05202,-0.01772,-0.08118,0.03356,0.02979,-0.01697,-0.01298,0.0149,0.04162,0.01609,-0.01167,0.03035,0.06689,0.03346,-0.0199,-0.03394,0.04988,0.0788,0.07164,-0.0482,-0.01685,-0.03491,0.04176,0.09969,0.14702,-0.0292,0.08059,0.00785,-0.00413,0.12876,0.01348,0.04615,0.10732,0.08327,-0.04961,-0.07712,0.02092,0.08816,-0.08227,-0.0235,0.00888,0.00671,-0.01595,0,-0.11448,0.05442,-0.07227,0.00632,0.01425,0.0265,-0.02913,0.09299,0.00726,0.04315,-0.02527,0.02893,-0.06813,0.01769,0.13726,-0.00208,-0.00045,0.06717,-0.06444,-0.04555,-0.0082,0.09882,0.02696,0.06155,-0.01595,-0.02428,0.00668,0.06488,0.05549,-0.01277,-0.01533,0.04814,0.03996,0.06844,-0.02443,0.08386,-0.11618,0.04838,-0.03012,0.06899,0.06105,-0.05485,-0.00429,0.00855,-0.06341,0.0954,0.05091,-0.02891,-0.04343,-0.01934,-0.06966,0.0394,-0.06952,0.01201,0.01399,0.08509,-0.01686,-0.05764,0.09696,0.05216,-0.09666,-0.02439,-0.03032,0.04812],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 improves route editing and viewport control for Angular node editors with connection waypoints and first-class pinch-to-zoom support. Today I’m shipping v18.0.0, and it’s a big one. The headline features are Connection Waypoints and Pinch-to-Zoom, plus a few important improvements for real-world Angular apps.","excerpt":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 improves route editing and viewport control for Angular node editors with connection waypoints and first-class pinch-to-zoom support. Today I’m shipping v18.0.0, and it’s a big one. The headline features are Connection Waypoints and Pinch-to-Zoom, plus a few important improvements for real-world Angular apps."},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#1","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.05721,0.00931,-0.07008,0.06642,-0.04039,0.06385,0.00627,0.05667,0.03988,0.03327,-0.02527,0.02753,-0.099,-0.00383,0.03167,0.00924,-0.05059,0.00237,-0.02378,0.0447,0.01167,-0.07869,0.00718,0.00728,-0.01419,-0.00653,0.03096,-0.02183,0.03583,-0.04788,0.0376,0.08399,-0.13392,-0.0135,-0.08219,0.03926,0.03511,0.02221,-0.02575,-0.02864,0.13009,0.00407,0.0203,-0.05338,0.00542,0.0182,-0.00079,0.03225,-0.04647,0.04551,-0.05764,-0.08519,-0.09032,0.02687,-0.02521,0.02349,-0.00575,0.02248,0.00398,0.02873,0.03517,-0.04341,0.00911,0.00906,-0.0672,-0.04391,-0.01274,-0.01737,0.00781,-0.03127,0.01192,-0.0379,0.01144,-0.05848,0.01446,-0.07954,0.01877,0.09495,-0.01603,0.00083,0.0621,0.02599,0.01889,0.11016,-0.01809,0.02386,0.00855,-0.09338,0.03651,0.00425,-0.00376,0.09811,-0.0597,-0.04933,0.09112,-0.03757,-0.07911,-0.02321,-0.05198,0.03346,0.01299,-0.03116,0.01219,0.03234,0.02793,0.0324,-0.00306,0.00952,-0.01655,0.05546,-0.0292,0.03124,0.03935,-0.06862,-0.04743,-0.05547,-0.09952,0.02239,-0.00917,0.06651,-0.04534,-0.0493,-0.00357,0.01461,0.03852,0.00675,-0.02491,0,0.00707,0.08471,-0.00049,-0.03835,0.05193,0.03399,-0.03491,-0.08039,-0.05858,0.03835,0.02313,-0.04139,-0.05447,0.01697,0.07185,-0.13134,-0.02028,0.02311,0.01024,0.03662,0.08329,-0.09564,-0.00308,-0.06893,0.09845,-0.00718,-0.03732,0.02345,-0.03143,-0.00596,0.05906,0.02461,0.00297,-0.06675,-0.0539,-0.03656,-0.01022,-0.10345,-0.05172,-0.01054,0.0531,-0.00906,-0.07484,0.02588,-0.03959,0.01998,-0.03302,0.04581,-0.00742,0.01717,-0.02838,0.00237,0.02433,-0.01888,0.0208,-0.06667,-0.07726,0.07772,-0.0371,0.03148,0.04315,0.0299,-0.04886,-0.03109,0.03832,-0.00308,0.0209,0.06472,0.10558,-0.06538,-0.13528,0.08608,-0.00503,-0.00501,-0.03215,-0.0724,-0.02712,0.02797,0.1242,-0.04817,-0.05428,-0.02955,0.03056,0.05505,0.12776,-0.08639,-0.02543,-0.06037,-0.06314,-0.05996,0.07279,0.03889,-0.01397,0.02211,-0.00261,0,-0.0035,-0.02395,-0.02057,0.06598,0.0283,-0.02313,0.07484,-0.01466,0.1031,-0.0314,-0.01635,0.06334,0.04493,-0.04825,0.03721,-0.02685,-0.02832,-0.09583,0.00841,-0.03913,-0.00872,-0.03259,-0.00291,-0.09326,-0.00759,0.03529,0.00114,0.02419,-0.02287,-0.0325,0.00619,0.00375,-0.02137,-0.07807,0.00391,0.0553,-0.03743,0.0478,0.07937,-0.01059,0.05129,0.01365,0.0455,-0.00237,-0.04231,0.094,-0.05074,-0.01313,-0.11205,0.05952,-0.0333,0.07565,-0.12259,0.04196,-0.01863,0.05018,0.01721,-0.06925,-0.00852,-0.0559,0.04751,0.00495,-0.00827,0.04038,0.06541,0.03911,-0.00953,-0.03071,0.0419,0.05418,0.00249,0.01642,0.01697,-0.02725,0.09215,0.02141,0.10951,-0.00798,0.06584,-0.02649,0.01179,0.10382,-0.00315,-0.01046,0.03154,0.07961,-0.06475,-0.0269,0.0548,0.13588,-0.04519,-0.0471,0.04979,-0.00344,-0.05567,0,-0.10597,0.01156,-0.07399,0.01714,0.03606,0.0193,-0.0421,0.10212,0.02472,0.01697,-0.01951,0.09991,-0.0165,0.03627,0.10504,0.00665,0.02348,0.03974,-0.04646,-0.02803,-0.05297,0.0238,0.00117,0.09807,0.02704,-0.08019,-0.02606,0.02797,0.00551,-0.00441,-0.00369,-0.00144,0.03318,0.13131,-0.03273,0.03534,-0.13603,0.04197,-0.04342,0.08449,0.07946,-0.00843,0.0225,-0.00518,-0.05758,0.04981,0.0447,-0.01142,-0.07762,0.03518,-0.08039,0.0733,-0.05176,-0.01462,0.04581,0.03761,-0.02809,-0.03152,0.02976,0.03827,-0.12885,0.02024,0.00545,-0.03123],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Connection Waypoints — Editable Paths for Any Connection Type Until now, a connection path was mostly a builder decision (straight / segment / bezier / adaptive curve). In v18 you can edit the connection route by adding and moving waypoints What it feels like in the editor - Drag a candidate point to create a new waypoint (drag-to-add). - Drag an existing waypoint to adjust the route (drag-to-move). - Right click a waypoint to remove it (simple and fast, no extra selection state). Waypoints are not a separate connection type — they work on top of your chosen type: straight / segment / bezier / adaptive curve. ✅ Example: <https://flow.foblex.com/examples/connection-waypoints ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" ::: Connection Waypoints Example Minimal usage This keeps the data lives in your app”principle: Waypoints are just points, and you fully own them.","excerpt":"Connection Waypoints — Editable Paths for Any Connection Type Until now, a connection path was mostly a builder decision (straight / segment / bezier / adaptive curve). In v18 you can edit the connection route by adding and moving waypoints What it feels like in the editor - Drag a candidate point to create a new waypoint (drag-to-add). - Drag an existing waypoint to adjust the route (drag-to-move). - Right click a waypoint to remove it (simple and fast, no extra selection state). Waypoints are not a separate connection type — they work on top of your chosen type: straight / segment / bezier / adaptive curve. ✅ Example: <https://flow.foblex.com/examples/connection-waypoints ::: ng-component <connection-waypoints</connection-waypoints [height]=\"600\" ::: Connection Waypoints Example Minimal usage This keeps the data lives in your app”principle: Waypoints are just points, and you fully own them."},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#2","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.04304,-0.02339,-0.04457,-0.0665,-0.00234,0.01135,0.05221,0.12143,-0.00509,0.00098,0.04049,-0.01577,-0.11449,0.00678,0.05185,-0.01664,-0.00821,0.04619,-0.03906,0.05879,0.03718,-0.06771,0.01159,-0.03635,-0.01784,0.0375,-0.00882,-0.0301,0.03245,-0.0301,0.00922,0.17936,0.00254,0.01084,-0.07449,-0.01055,0.02115,-0.04208,-0.0962,-0.06417,0.01783,0.05099,0.0654,0.02762,-0.00828,-0.06295,0.04973,0.02306,0.01058,0.10654,-0.02495,-0.11582,-0.01518,0.01562,-0.00512,0.03073,-0.01034,-0.02335,0.0493,0.02166,-0.01221,0.01631,0.0074,0.04622,-0.03662,-0.02337,0.0244,-0.08411,-0.01508,-0.09775,-0.05548,-0.04375,0.06472,-0.03305,-0.02305,-0.10688,-0.00921,0.01183,0.00268,0.01562,-0.01878,-0.04229,-0.00497,0.07228,-0.01805,0.02247,-0.02582,-0.08459,0.01811,0.02039,-0.05407,0.05324,-0.06704,-0.05339,0.00655,-0.09344,-0.03946,-0.07497,-0.05449,0.01467,0.01437,-0.01077,0.01863,-0.01435,0.03702,-0.00169,0.01941,-0.06994,-0.03872,0.03591,-0.02645,0.01531,0.03502,-0.08066,0.00415,-0.04954,-0.04967,-0.01299,0.10299,-0.02642,-0.04885,0.00587,-0.06691,-0.01773,0.069,0.01417,-0.06472,0,-0.00221,0.02201,0.00399,0.01521,0.03326,0.0046,-0.00461,-0.09218,-0.09659,-0.01769,0.05762,0.0035,-0.03076,0.05873,0.03999,-0.10895,-0.02053,0.03405,0.01076,0.03663,0.08513,-0.07979,0.02927,0.02061,0.05548,0.03905,-0.0203,0.05672,0.07101,0.03091,-0.05435,0.01556,-0.03043,-0.04815,-0.03616,0.02102,-0.01941,-0.08232,-0.00729,-0.04423,0.00443,0.00595,-0.03998,-0.09417,-0.02379,-0.01936,-0.08052,0.06798,0.02147,-0.03916,0.02311,-0.03875,0.04805,0.02174,0.06013,-0.07873,-0.00394,0.08849,-0.03962,0.07032,-0.0003,0.03831,-0.0663,-0.01804,0.04987,0.08201,0.08642,0.03097,0.07239,-0.01706,-0.09788,0.09247,0.07449,0.01411,0.01055,-0.0396,-0.01678,-0.02038,0.07269,0.02518,-0.06823,-0.00215,0.05778,0.05161,0.05156,-0.07037,-0.02945,-0.00018,-0.09021,-0.05644,0.02057,-0.02479,-0.00294,-0.02256,-0.0615,0,-0.0443,0.03008,-0.03629,0.10369,0.02612,0.00932,0.08721,-0.021,0.05873,-0.10416,-0.01695,0.03376,0.01156,-0.04886,0.03311,0.03691,-0.0281,-0.07838,0.01327,-0.07538,0.03626,-0.09584,0.05593,-0.00705,-0.05101,-0.04292,-0.01988,-0.00044,-0.05764,-0.07778,0.06236,0.00561,0.00451,-0.05706,0.05638,-0.0131,-0.06137,0.01418,0.08057,0.03892,0.02568,-0.02414,0.05558,0.00635,-0.05015,0.06945,-0.05659,0.03973,-0.05343,0.04036,-0.06764,0.0391,-0.06908,-0.03249,-0.04404,0.03312,0.03031,-0.02198,-0.00761,-0.0002,0.02776,-0.04927,-0.01722,0.03565,0.01807,0.04784,-0.0197,0.0253,0.03285,0.11824,0.12412,0.00711,0.04102,-0.04827,0.02549,0.0805,0.10059,-0.00101,0.10715,0.01012,0.04873,0.116,0.02581,0.10982,0.05709,0.0874,-0.03963,-0.03158,0.0574,0.07968,-0.03917,-0.03949,0.03046,0.0044,-0.01357,0,-0.06637,0.05772,-0.04298,0.02497,-0.00151,0.05464,0.00084,0.09488,-0.02283,0.03327,0.00606,0.02284,-0.04732,0.03536,0.10926,0.00807,0.02996,0.09012,-0.02938,-0.05152,-0.01014,0.04428,0.00084,0.07755,-0.018,-0.02478,-0.09343,0.01956,0.02496,-0.02274,0.03155,0.0179,0.00293,0.07345,-0.05611,0.01849,-0.12949,0.04204,-0.02811,0.05078,0.04217,-0.02638,-0.00275,-0.0154,-0.10265,0.06889,0.05943,-0.04718,-0.07617,0.01684,-0.03591,0.08883,-0.00647,0.03673,0.00148,0.0838,-0.02017,-0.04276,0.06884,0.0391,-0.10081,0.02508,-0.04,0.07249],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Pinch-to-Zoom — A First-Class Multi-Touch Zoom UX Zooming used to be wheel/double-click/buttons — good for mouse users, but not enough for modern devices. v18 adds pinch-to-zoom: - Trackpads (macOS / Windows precision touchpads) - Touch devices ✅ Example: <https://flow.foblex.com/examples/zoom Enable it the same way as normal zoom: mac OS","excerpt":"Pinch-to-Zoom — A First-Class Multi-Touch Zoom UX Zooming used to be wheel/double-click/buttons — good for mouse users, but not enough for modern devices. v18 adds pinch-to-zoom: - Trackpads (macOS / Windows precision touchpads) - Touch devices ✅ Example: <https://flow.foblex.com/examples/zoom Enable it the same way as normal zoom:"},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#3","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.06449,0.0232,-0.04593,-0.02274,0.03314,0.0637,-0.01958,0.06442,0.06264,0.04449,-0.06559,-0.00453,-0.07632,0.02878,0.04205,-0.00813,0.03155,0.0326,0.00332,0.05432,-0.0297,-0.05002,-0.00115,-0.04193,0.01239,0.06013,0.00037,-0.03666,0.04716,-0.05076,0.04275,0.10481,-0.06994,0.03894,-0.08192,0.04796,-0.00251,-0.06085,-0.0979,-0.04175,0.09311,0.09886,-0.00487,-0.05497,0.04174,-0.00919,-0.02723,0.02207,-0.05721,0.06137,-0.04925,-0.15938,-0.02255,0.03277,-0.02166,0.00677,-0.0051,-0.03458,0.06953,0.08467,0.05388,-0.01904,0.01095,0.00878,0.03897,-0.02962,-0.07784,0.03436,-0.03448,-0.04624,-0.04995,0.00301,0.03439,-0.05012,-0.00148,-0.02665,0.01817,-0.01464,0.01594,-0.03406,0.01655,0.07214,0.00203,0.03112,-0.06175,0.05127,-0.00297,-0.06284,-0.02363,-0.00324,-0.00542,0.02065,0.00076,0.03901,-0.0079,-0.03104,-0.03819,-0.06398,-0.05911,0.00449,0.02085,-0.02889,0.07402,-0.0375,-0.01871,-0.02271,-0.0229,0.01788,-0.0461,-0.03511,-0.03315,0.08244,-0.01641,-0.09004,-0.06269,-0.11292,-0.00962,-0.04364,0.06961,0.00797,-0.04374,-0.01041,0.01132,0.0269,0.08738,-0.0705,-0.04386,0,0.00218,0.07393,-0.01255,0.07191,0.09158,0.00758,-0.00227,-0.07171,-0.04401,-0.01645,0.01343,-0.01339,-0.04873,0.02179,0.06449,-0.10967,-0.02037,0.05579,-0.01475,0.06773,0.03602,-0.09038,-0.02889,-0.03142,0.04754,0.061,-0.01993,0.00708,-0.10411,0.0046,0.03113,0.006,0.00472,-0.00669,-0.03502,-0.01412,-0.01203,-0.09566,-0.04142,-0.02742,0.01206,0.06694,-0.0412,0.01418,0.01906,0.00335,-0.04087,0.06442,0.02074,0.02138,0.03009,0.06732,0.03099,-0.01258,0.04833,-0.0498,-0.01777,0.0974,0.06955,0.05356,0.07092,0.03825,-0.08464,-0.05614,0.00584,0.0993,0.02013,-0.04841,0.06035,-0.05667,-0.12799,0.06471,0.05056,-0.00204,0.00297,-0.01701,-0.07109,-0.01254,0.06878,-0.01798,-0.05921,0.02211,0.05356,0.02632,0.07401,-0.1046,0.01819,-0.02602,-0.09072,0.0107,0.11901,-0.02558,0.01281,-0.00876,0.04563,0,-0.00617,0.00691,-0.00476,0.03475,0.05394,-0.06502,0.04718,-0.03128,0.06581,-0.0316,0.03659,0.04914,0.00368,0.02149,-0.02998,0.05058,-0.00262,-0.13069,0.02345,-0.09682,0.0301,0.00569,0.01154,-0.05739,-0.06376,0.04207,0.04043,0.00371,-0.05059,-0.01399,0.01619,-0.03279,-0.02397,-0.06217,0.01408,-0.04537,-0.04013,0.02133,0.02432,-0.03404,0.03909,-0.00138,-0.0469,0.04539,-0.12298,0.03789,-0.03822,0.001,-0.00671,0.06792,-0.0403,0.01814,-0.02428,-0.01395,-0.03468,-0.0262,-0.01437,0.00702,0.0125,-0.02257,0.01747,-0.00199,-0.00285,-0.01274,0.06261,0.04003,-0.05381,-0.02364,0.07474,0.08304,0.10124,0.01077,-0.01786,0.01635,0.08006,0.09247,0.1591,0.00595,0.09474,0.07527,-0.06634,0.10668,-0.03662,0.0666,0.13875,0.05039,-0.08051,-0.07412,0.01576,0.09272,-0.02929,-0.00667,0.01966,-0.02511,0.0081,0,-0.12483,-0.01904,-0.06698,-0.00357,-0.02116,0.00886,0.00641,0.03032,-0.01648,0.04808,0.02683,0.06824,-0.00289,-0.02856,0.13571,-0.00676,-0.00518,0.02595,-0.06729,0.01858,0.0386,0.07584,0.00445,0.10095,-0.0054,-0.01545,0.00991,0.01555,0.0344,-0.00219,0.02464,0.03561,0.00919,0.1098,-0.04247,0.0526,-0.0745,0.04777,-0.08235,0.06881,0.04923,-0.09475,0.02267,-0.01096,-0.04256,0.09404,0.02546,-0.01754,-0.06149,-0.0263,-0.08696,0.01826,-0.08484,0.02668,0.02114,-0.00462,0.0046,-0.01869,0.05011,0.052,-0.11017,-0.00452,0.01716,0.01729],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Better Compatibility with Angular Control Flow and Content Projection Angular’s @if / @for are great — but real component trees + content projection can be tricky. In v18 I updated the canvas projection slots, so you can wrap nodes/connections using grouped slots: This makes “conditional rendering + content projection” much more predictable.","excerpt":"Better Compatibility with Angular Control Flow and Content Projection Angular’s @if / @for are great — but real component trees + content projection can be tricky. In v18 I updated the canvas projection slots, so you can wrap nodes/connections using grouped slots: This makes “conditional rendering + content projection” much more predictable."},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#4","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.06467,0.06435,-0.03624,0.00146,0.06359,0.02181,-0.0324,0.06443,0.01985,0.01345,-0.10237,0.03917,-0.09151,-0.02262,0.08756,-0.00747,-0.04052,0.06199,-0.06341,0.03814,-0.07706,-0.06682,0.02777,-0.03364,-0.04003,0.07803,0.0285,-0.0061,0.11691,-0.06639,0.03246,0.12373,-0.03739,0.05322,-0.12033,0.08678,0.01146,0.04534,-0.11863,-0.04112,0.07697,0.03609,0.02403,-0.0584,0.01681,-0.01621,-0.01977,-0.00361,-0.03699,0.01473,-0.05215,-0.20608,-0.06725,0.01767,-0.00152,-0.03867,0.03046,-0.03547,0.06679,0.02569,0.01144,-0.00291,-0.0112,0.01517,0.03457,-0.04308,-0.0546,-0.00022,-0.02957,-0.05302,-0.0316,-0.00708,0.01809,-0.02522,-0.03923,-0.02382,-0.03249,-0.00709,-0.00561,-0.04998,0.08187,0.02917,0.00337,0.08902,-0.04172,0.05955,0.02308,-0.08257,-0.0261,0.01153,-0.01308,0.09087,0.00064,-0.05219,0.01765,0.01253,-0.05777,-0.09093,-0.03909,0.0279,0.02224,-0.04317,0.08211,0.01924,0.06144,0.01349,0.01572,0.06317,0.00773,-0.02616,-0.01669,0.05129,-0.00104,-0.09069,-0.03071,-0.10689,-0.02325,-0.04707,0.06425,0.02534,0.05091,0.02985,-0.01524,-0.05596,0.06074,-0.00872,-0.01182,0,0.00449,0.10358,-0.07102,0.00325,0.10674,0.00416,-0.00581,-0.11575,-0.04214,0.0571,0.01302,-0.00846,-0.07861,0.09087,0.05713,-0.10274,0.00004,0.03297,-0.05005,0.03412,0.06546,-0.10574,-0.02193,0.01183,0.05794,0.0689,0.01352,0.04248,-0.0717,-0.02564,0.08436,0.02891,0.03685,-0.02265,-0.04276,0.00954,-0.03896,-0.10671,0.01233,-0.04218,0.01277,-0.00084,-0.11187,0.02996,0.01884,0.01322,0.00573,0.00415,0.04215,0.02772,0.00512,0.04313,0.02067,-0.01373,0.07299,-0.05871,0.02102,0.07483,0.0286,0.06988,0.04332,0.05684,-0.02871,-0.01979,0.03009,-0.00541,0.04478,0.0596,0.0324,-0.05617,-0.05919,0.07117,0.01787,-0.02026,-0.02946,-0.06128,-0.00626,0.06241,0.04166,0.00119,-0.09501,0.01403,0.03133,0.01104,0.0647,-0.0405,0.02169,-0.04153,-0.09885,-0.07619,0.07309,0.01567,0.03057,-0.03536,-0.05417,0,-0.03068,0.04427,-0.0473,0.07879,0.04404,-0.03721,0.04656,0.01033,0.01865,0.01132,0.0154,0.06749,0.00465,-0.02152,0.0292,-0.00966,-0.03994,-0.07495,0.0141,-0.04314,-0.01079,0.00362,-0.00909,-0.00461,-0.01717,0.02627,0.00532,-0.00757,-0.05125,-0.08433,-0.01444,-0.04586,0.03192,-0.05663,0.01807,-0.05713,-0.0195,0.02399,0.00558,-0.03402,0.02001,0.02502,-0.01626,0.01238,-0.11113,0.04053,-0.03941,0.00218,-0.05075,0.02216,-0.02832,0.02663,-0.01339,-0.01049,-0.02197,-0.02098,0.0105,0.03433,-0.01703,0.01203,0.00391,-0.01146,-0.02333,-0.01777,0.06962,0.08812,-0.07644,-0.0414,0.00533,0.05969,0.05966,0.00586,-0.03632,0.00805,0.01856,0.06055,0.15321,-0.00021,0.10548,0.069,-0.04562,0.09337,-0.03508,0.0495,0.04981,0.07845,-0.10601,-0.04855,0.03835,0.08151,-0.0794,0.01757,0.04616,0.00385,0.04285,0,-0.09428,0.0188,-0.04677,-0.01114,0.01277,-0.00375,-0.03762,0.00644,-0.03707,0.04073,-0.00638,0.02775,-0.04559,-0.00501,0.1108,-0.01235,-0.03225,0.05244,-0.04914,-0.01444,-0.01681,0.08556,-0.01762,0.08687,-0.00558,0.0232,-0.0056,0.0235,0.0406,-0.0353,0.0214,0.03527,0.0486,0.03817,-0.01437,0.03508,-0.11716,0.01167,-0.07161,0.02967,0.07972,-0.09289,0.06694,-0.02337,-0.11456,0.09371,0.02661,-0.04932,-0.0824,-0.0286,-0.0398,-0.0143,-0.05743,0.05647,0.05501,0.00407,0.01211,0.01147,0.09602,0.0433,-0.07551,0.04614,-0.00293,0.02372],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Custom Backgrounds — richer SVG patterns + new example Backgrounds in flow editors matter more than people think: grid, dots, paper-like patterns, or fully custom SVG. In v18: - better support for complex SVG patterns - plus a new example showing how to build advanced backgrounds ::: ng-component <background-example</background-example [height]=\"600\" :::","excerpt":"Custom Backgrounds — richer SVG patterns + new example Backgrounds in flow editors matter more than people think: grid, dots, paper-like patterns, or fully custom SVG. In v18: - better support for complex SVG patterns - plus a new example showing how to build advanced backgrounds ::: ng-component <background-example</background-example [height]=\"600\" :::"},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#5","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.05129,0.00517,-0.05662,-0.00399,0.02664,0.02883,0.00439,0.09293,0.01992,0.01755,-0.02498,0.01265,-0.09588,0.00624,0.07478,0.00787,-0.03229,0.06319,0.01208,0.04084,-0.01829,-0.07455,0.0108,-0.01715,-0.01472,0.03048,-0.00922,-0.00779,0.04912,-0.0642,0.01854,0.11374,-0.07803,0.01748,-0.08194,0.0547,0.03245,-0.02116,-0.10723,-0.03331,0.07723,0.07808,0.04163,-0.02489,0.01973,-0.02547,0.0051,0.02084,-0.01738,0.07375,-0.06098,-0.12847,-0.05408,0.00061,0.00911,0.01514,0.00529,-0.0613,0.036,0.03762,0.03246,-0.00448,-0.00716,0.03764,-0.02809,-0.0234,-0.00358,-0.0075,-0.00167,-0.08812,-0.03993,-0.03071,0.03789,-0.04737,-0.01246,-0.08216,-0.0247,0.01139,-0.05187,-0.00962,0.02834,-0.01233,0.02449,0.093,-0.04284,0.02845,-0.00937,-0.10426,-0.00716,0.0405,-0.04034,0.06679,-0.06329,-0.04781,0.03473,-0.06529,-0.04225,-0.0765,-0.05824,0.04119,0.01225,-0.0062,0.01884,-0.02788,0.04696,0.00971,0.00701,0.00037,0.00277,0.02771,-0.04201,0.0366,0.01746,-0.10477,-0.03651,-0.07123,-0.03521,-0.03759,0.06686,0.01502,0.00558,-0.01927,-0.04709,0.02137,0.07562,0.00827,-0.04401,0,0.03041,0.04564,0.01258,0.03901,0.08009,0.03102,-0.00212,-0.09262,-0.10737,-0.00001,0.0291,-0.01555,-0.04365,0.02003,0.0381,-0.13076,-0.03109,0.05558,-0.01027,0.0519,0.06252,-0.12217,-0.01165,0.01056,0.08254,0.04891,-0.02472,0.07033,0.00442,0.00946,0.02857,0.00889,0.02223,-0.04369,-0.02127,-0.01433,-0.03146,-0.09862,-0.02474,-0.05653,0.00526,0.00808,-0.07957,-0.05161,-0.04511,0.00431,-0.08113,0.07444,0.03791,0.00356,0.03722,0.02195,0.00487,0.032,0.06394,-0.05479,-0.03075,0.06798,-0.01996,0.07371,0.01378,0.03978,-0.07579,-0.0672,0.05426,0.05703,0.02825,0.02866,0.07655,-0.03251,-0.11238,0.08695,0.05013,0.02537,-0.02376,-0.04688,-0.03686,-0.00495,0.11955,-0.00954,-0.04957,-0.04537,0.04797,0.06072,0.06423,-0.09168,-0.00033,-0.02872,-0.09466,-0.05209,0.05264,0.03459,0.03507,-0.02648,-0.04049,0,-0.04699,-0.01644,-0.03779,0.10219,0.05057,-0.02683,0.0618,-0.01301,0.09621,-0.01707,-0.01157,0.03841,0.00417,-0.04966,0.04395,-0.00184,-0.00203,-0.14056,0.01097,-0.02926,0.01293,-0.03906,0.03593,-0.05979,-0.01435,0.03842,-0.02641,0.01594,-0.05299,-0.06938,0.02952,-0.00349,-0.01066,-0.0514,0.02526,0.00808,-0.02987,0.06051,0.04855,0.01872,0.0322,-0.01454,0.02114,0.00931,-0.04216,0.09449,-0.0504,0.0336,-0.0663,0.05221,-0.08989,0.04255,-0.06482,-0.01418,-0.06622,0.02598,0.03316,-0.0014,0.00837,-0.00362,0.02675,-0.04947,-0.02818,0.0487,0.04425,0.03453,-0.01828,0.00893,0.02443,0.0928,0.08405,-0.00126,0.01541,-0.01971,0.04844,0.05561,0.12183,-0.00312,0.08985,0.01374,0.02597,0.14904,0.00789,0.06641,0.09947,0.08628,-0.06102,-0.02426,0.0429,0.08712,-0.0803,-0.00932,0.03186,-0.01802,-0.00539,0,-0.13937,0.02684,-0.05282,0.00463,-0.01341,0.03243,-0.02067,0.08754,-0.00452,0.03066,0.005,0.04733,-0.03322,0.01653,0.11325,-0.02963,0.02587,0.04126,-0.04342,-0.04039,-0.02988,0.07969,-0.00776,0.08918,-0.03048,-0.02217,-0.03303,0.05776,0.03267,-0.02712,0.0037,0.02582,0.04567,0.09247,-0.02775,0.04479,-0.14,0.05391,-0.06556,0.05346,0.04634,-0.01258,-0.00838,-0.00141,-0.06274,0.09846,0.06644,-0.02579,-0.05269,0.00312,-0.05834,0.05376,-0.06446,0.02475,0.02248,0.05737,-0.02026,-0.04865,0.07337,0.05853,-0.14853,0.0449,-0.0265,0.04823],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Release + demo - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.0.0 - Waypoints example: <https://flow.foblex.com/examples/connection-waypoints - Zoom example: <https://flow.foblex.com/examples/zoom","excerpt":"Release + demo - Release: <https://github.com/Foblex/f-flow/releases/tag/v18.0.0 - Waypoints example: <https://flow.foblex.com/examples/connection-waypoints - Zoom example: <https://flow.foblex.com/examples/zoom"},{"chunkId":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support#6","slug":"foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","route":"/blog/foblex-flow-v18-waypoints-pinch-to-zoom-better-control-flow-support","section":"blog","title":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support","description":"Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors.","group":"Releases","vector":[-0.08536,-0.01569,-0.02771,0.04889,0.04031,0.06088,-0.06172,0.07922,0.03554,0.04886,-0.08282,0.04389,-0.12296,0.01775,0.08607,0.04284,-0.03059,0.04703,0.02206,0.04089,-0.02501,-0.03839,0.04236,-0.00388,-0.03004,0.07024,0.03845,-0.02565,0.04277,-0.06821,0.02649,0.10127,-0.11127,-0.0242,-0.12382,0.11643,0.00384,-0.00712,-0.06603,-0.05884,0.04487,0.09086,0.01106,-0.0523,0.02427,-0.04414,-0.01124,-0.03018,-0.043,0.05166,-0.05521,-0.1158,-0.05951,-0.01885,0.02305,0.00116,0.01268,-0.07239,-0.01096,0.02111,0.03641,-0.02676,-0.01194,0.00078,0.01265,-0.00624,-0.01308,-0.00601,0.03109,-0.06358,-0.03553,-0.03054,0.0472,0.00414,0.00637,-0.06836,-0.02112,0.00092,-0.02872,-0.00631,0.05633,-0.00531,-0.0017,0.10868,-0.021,0.03123,0.04123,-0.08386,0.03222,0.02269,0.00097,0.05923,0.0199,-0.02391,0.0352,-0.03104,-0.06053,-0.02607,-0.0853,-0.00058,0.0022,-0.03147,0.02828,-0.02116,0.01426,0.03091,0.02306,0.00604,-0.02424,0.04268,-0.04126,0.04244,-0.01311,-0.08637,-0.04613,-0.04685,-0.02758,-0.03726,0.06997,0.06416,-0.00838,-0.01007,-0.01538,0.04048,0.06766,0.0153,-0.01458,0,0.0128,0.08934,-0.02389,0.01491,0.11111,0.00694,-0.02123,-0.09229,-0.06457,0.01572,0.03048,-0.00957,-0.04359,0.04631,0.05108,-0.1309,-0.03031,0.04574,-0.03052,-0.01715,0.04466,-0.0996,-0.0091,0.00736,0.09155,0.02549,0.00759,0.05153,-0.06859,-0.02478,0.05707,-0.00795,0.02298,0.01673,-0.03594,0.02296,-0.04339,-0.11315,-0.00973,-0.04195,-0.03455,0.00593,-0.11461,0.00748,-0.02249,0.0085,-0.04267,0.07372,0.04247,0.00647,0.00077,0.05089,0.02803,0.02238,0.049,-0.03951,-0.01303,0.05579,0.02561,0.02881,0.04261,0.05254,-0.04613,-0.05328,-0.0223,0.05726,0.02194,0.02158,0.08799,-0.0583,-0.13265,0.04302,0.03525,0.03742,-0.00135,-0.02975,-0.03275,-0.02804,0.17734,-0.04011,-0.0105,-0.05399,0.02707,0.09011,0.10715,-0.10252,-0.02437,-0.04112,-0.08239,-0.01212,0.03812,-0.00273,0.0187,0.01616,-0.00945,0,-0.04644,-0.01001,-0.04647,0.07916,-0.02732,-0.05458,0.00659,-0.03224,0.11117,0.00851,0.03962,0.05247,0.03012,-0.04719,-0.00118,-0.01773,0.03856,-0.1177,0.04571,-0.08393,0.01165,-0.03566,-0.012,-0.06761,0.00877,0.06489,-0.02967,-0.00239,-0.04267,-0.05299,0.05067,-0.02293,0.05284,-0.08747,0.03053,0.03634,-0.0428,0.03127,0.05032,0.00518,0.04852,-0.01003,0.05435,0.03191,-0.06545,0.05934,-0.09153,0.04075,-0.06803,0.01142,-0.06631,0.04897,-0.03387,-0.07132,-0.0559,0.01073,0.02743,0.00151,0.05156,-0.03108,0.03151,0.01199,0.00516,0.0392,0.04041,0.03435,-0.049,0.01376,0.01225,0.0573,0.03904,0.01331,-0.01373,0.00591,0.06857,0.02307,0.14816,-0.03152,0.05492,0.00702,0.01377,0.08229,0.0083,-0.0041,0.0747,0.05013,-0.10755,-0.03444,0.05665,0.13586,-0.08737,0.01225,0.03288,-0.01513,-0.0275,0,-0.11341,0.04065,-0.0377,-0.00364,0.01195,0.01833,-0.02756,0.07325,0.01919,0.05732,0.04042,0.06394,-0.09152,0.01403,0.09385,-0.00347,-0.00968,0.05211,-0.05602,-0.02932,-0.01328,0.06218,-0.02631,0.07155,0.01468,-0.00532,0.04953,0.03127,0.03177,-0.0201,-0.00153,0.04306,0.06688,0.11444,-0.06374,0.09339,-0.06382,0.04444,-0.07934,0.07758,0.03569,-0.0209,-0.00584,0.00452,-0.07626,0.0558,0.03443,-0.0044,-0.02504,-0.03169,-0.05586,0.02232,-0.09353,0.02827,0.00882,0.05262,-0.03444,-0.02138,0.06976,0.00596,-0.10678,0.01526,0.01055,0.00683],"keywords":"Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18: Waypoints, Pinch-to-Zoom, and Better Control Flow Support Foblex Flow v18 adds connection waypoints, pinch-to-zoom, and Angular control-flow improvements for richer node-based editors. Closing Waypoints are one of those features that instantly level up any node editor: users can make routes clean, readable, and intentional — without fighting the layout. If you’re building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I’m building, please consider starring the repo ⭐️ It helps the project a lot.","excerpt":"Closing Waypoints are one of those features that instantly level up any node editor: users can make routes clean, readable, and intentional — without fighting the layout. If you’re building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I’m building, please consider starring the repo ⭐️ It helps the project a lot."},{"chunkId":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing#0","slug":"foblex-flow-v17-8-5-connectable-sides-smarter-routing","route":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing","section":"blog","title":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular","description":"Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise.","group":"Releases","vector":[-0.06882,0.02248,-0.06254,0.0554,0.01888,0.01379,-0.0465,0.0117,-0.01983,0.06804,-0.1047,0.04789,-0.10476,0.01706,0.04092,0.00676,-0.01048,-0.01013,0.00526,-0.00454,-0.09739,-0.04559,-0.00063,-0.026,-0.02505,0.00786,-0.01272,-0.01946,0.01841,-0.04907,0.04007,0.07538,-0.06917,0.01073,-0.1646,0.02562,0.00192,0.00566,-0.04473,-0.05878,0.04941,0.0489,-0.01011,-0.06343,-0.09637,-0.03595,-0.05009,0.00214,-0.04304,0.08671,-0.07561,-0.13273,-0.04931,0.05457,0.03599,0.03447,0.00406,-0.037,-0.03044,0.03955,0.01781,-0.08605,0.0242,0.03509,-0.00165,-0.02698,-0.0283,-0.00443,-0.07077,-0.01514,0.04295,-0.01125,0.00517,-0.04739,0.02575,0.00633,-0.0077,0.01704,0.02,-0.00973,0.03152,0.0875,-0.02608,0.06797,-0.0117,0.00192,0.01136,-0.07923,0.03689,-0.01465,-0.01704,0.06594,0.0807,-0.00078,0.04941,0.00596,-0.04099,-0.04627,-0.11206,0.01171,-0.02903,-0.04578,0.05288,0.02098,-0.00939,-0.00824,0.05784,-0.00139,-0.01377,-0.01532,-0.02883,0.04778,0.01551,-0.0759,-0.0765,-0.04137,-0.04224,-0.00762,0.03994,0.07586,-0.0215,-0.04827,0.06559,-0.02505,0.09136,-0.0453,-0.01839,0,-0.00166,0.06888,-0.07455,0.01858,0.10714,0.02405,-0.01961,-0.10051,-0.0211,-0.00495,-0.02876,0.01093,-0.01744,-0.00077,0.04089,-0.11939,-0.03904,0.04396,-0.01177,0.01488,0.06093,-0.10433,-0.0415,-0.02388,0.09376,0.06314,0.01154,0.04539,-0.04053,0.01349,0.04387,0.00445,0.0189,0.03462,-0.01883,0.0255,-0.0421,-0.10808,-0.00463,-0.02328,-0.00349,-0.00167,-0.09919,-0.03662,-0.00308,0.03186,-0.06593,0.02995,0.08333,0.03383,-0.02241,0.04099,0.03887,0.01822,0.06799,-0.07483,-0.05193,0.09444,0.03571,0.09932,0.05582,0.01543,-0.03512,-0.06154,0.02338,0.04914,0.00691,0.00542,0.10741,-0.11716,-0.09953,0.0416,0.03802,0.09952,-0.00707,-0.01334,-0.01429,0.0237,0.10422,-0.05604,-0.0579,0.00952,-0.015,0.06087,0.07627,-0.08013,-0.02419,-0.04687,-0.0518,0.05395,0.09401,0.03227,0.06352,0.07629,0.03014,0,-0.04269,0.00731,-0.06938,0.09423,0.00816,-0.05677,0.10555,-0.01962,0.08082,0.04593,0.05106,0.04976,-0.01908,-0.06531,0.07282,-0.03027,-0.02533,-0.13882,0.04788,-0.04262,0.00651,-0.00267,-0.0245,-0.06015,0.00598,0.06023,0.0074,-0.01101,-0.00298,-0.00804,-0.02908,-0.02172,-0.04795,-0.05701,0.01792,0.01161,-0.05151,0.08754,0.07714,-0.08279,0.04287,0.01187,-0.0189,0.02501,-0.06253,0.01839,-0.02561,-0.03896,-0.05119,0.0084,-0.0331,0.06848,-0.02953,-0.05313,-0.03003,0.05423,0.03894,0.03501,0.00541,0.0406,0.06341,-0.0023,0.05635,0.04988,0.05198,0.0844,-0.03783,-0.0254,0.06013,0.08208,0.00989,-0.0006,-0.03167,0.04045,0.10365,0.06566,0.11781,-0.05428,0.02774,0.02171,-0.04646,0.0951,-0.03029,-0.00472,0.03642,-0.00171,-0.08946,-0.02851,0.03599,0.08794,-0.03816,-0.03057,0.01802,-0.05254,-0.01576,0,-0.10673,0.00465,-0.04064,-0.02422,0.04931,0.01516,-0.04585,0.00425,0.04839,0.03805,0.00783,0.09208,-0.066,0.02236,0.06225,0.01447,-0.05953,0.00395,-0.05034,-0.04403,-0.06423,0.00913,-0.02041,0.10386,-0.01547,-0.0139,-0.04553,0.05165,0.00224,0.02016,-0.0437,0.05066,0.05508,0.09536,-0.01287,0.08424,-0.10141,0.04134,-0.05316,0.02936,0.0487,-0.00975,0.03177,-0.01043,-0.02616,0.04527,-0.04606,-0.00843,-0.05514,-0.03543,-0.05944,0.02505,-0.03068,-0.00485,0.03173,0.01055,-0.00874,-0.091,0.06231,0.01074,-0.09347,0.04626,-0.00186,-0.03061],"keywords":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise. Foblex Flow 17.8.5 — Connectable Sides for Smarter Routing in Angular This release adds more precise control over where connections can attach to a node, which is especially useful in Angular workflow builders and diagram editors where routing clarity matters. The new release, v17.8.5, introduces a major improvement: ✅ Fine-grained control over which side of a node is connectable (manual or calculated). Together, these updates give developers precise control over routing while still supporting automatic, dynamic layouts.","excerpt":"Foblex Flow 17.8.5 — Connectable Sides for Smarter Routing in Angular This release adds more precise control over where connections can attach to a node, which is especially useful in Angular workflow builders and diagram editors where routing clarity matters. The new release, v17.8.5, introduces a major improvement: ✅ Fine-grained control over which side of a node is connectable (manual or calculated). Together, these updates give developers precise control over routing while still supporting automatic, dynamic layouts."},{"chunkId":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing#1","slug":"foblex-flow-v17-8-5-connectable-sides-smarter-routing","route":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing","section":"blog","title":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular","description":"Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise.","group":"Releases","vector":[-0.05067,0.03533,-0.10415,0.05345,-0.04671,0.05184,-0.07361,0.0433,-0.02532,0.07557,-0.09394,0.04127,-0.05652,0.03939,-0.00281,0.00205,-0.04992,0.0024,-0.02234,0.00168,-0.09328,-0.1069,-0.00669,-0.03922,-0.02736,-0.0123,0.056,0.00442,0.05912,-0.06947,0.04866,0.05231,-0.05176,-0.01798,-0.14352,0.00352,-0.0262,-0.00725,-0.01959,-0.03919,0.08136,0.013,-0.00612,-0.08064,-0.0833,-0.0008,-0.08095,0.05803,-0.01997,0.08484,-0.0572,-0.09539,-0.04131,0.09856,0.02543,0.04131,-0.00919,-0.04926,-0.00395,-0.00262,0.06428,-0.08545,0.01207,-0.01353,-0.00882,-0.01514,-0.06833,0.02707,-0.08271,0.04552,0.04197,-0.05872,0.04075,-0.07294,0.03831,0.04114,0.00405,0.05398,0.01932,0.01789,0.04492,0.09322,-0.05005,0.07447,-0.02576,0.02189,-0.0111,-0.03168,0.04195,-0.05888,0.0087,0.08954,0.02688,-0.02622,0.08303,0.02887,-0.05138,-0.02845,-0.06389,0.01374,-0.03213,-0.03707,0.06873,0.01186,-0.00853,0.02376,0.01381,0.03094,0.01298,-0.02838,-0.02701,0.06762,0.01851,-0.04129,-0.05429,-0.06017,-0.01206,-0.00192,0.05683,0.06414,-0.00565,-0.01776,0.06942,-0.01291,0.12712,0.02027,-0.00688,0,-0.04101,0.05721,-0.05022,0.01765,0.04839,0.02325,-0.02931,-0.07102,-0.00766,0.0231,-0.05526,0.03027,-0.0267,-0.01625,0.04804,-0.11174,-0.01527,-0.00821,-0.06432,0.00421,0.05258,-0.10675,-0.04609,-0.02651,0.08243,0.03248,0.01067,-0.00323,-0.05479,0.00382,0.06194,0.0198,-0.00293,0.03778,-0.03714,0.01624,-0.03047,-0.06531,-0.02464,0.02233,-0.01264,-0.02549,-0.05347,-0.03759,-0.03952,0.03797,-0.04808,0.04214,0.08151,0.03966,-0.04827,0.02956,0.01489,0.00247,0.07781,-0.04322,-0.07961,0.09885,0.04511,0.07248,0.03707,0.01497,-0.01332,-0.0428,-0.02875,0.03353,-0.01479,-0.01446,0.13849,-0.11484,-0.08827,0.01936,0.06268,0.05965,-0.02266,-0.00389,-0.02137,0.0453,0.09403,-0.03743,-0.06624,0.02603,0.00205,0.06699,0.10501,-0.10967,-0.05383,-0.05583,-0.10157,0.00227,0.05396,0.05332,0.04936,0.0569,0.00448,0,-0.01728,0.01704,-0.02746,0.02936,0.01712,-0.05018,0.10535,-0.02856,0.07471,0.05137,0.05317,0.08965,0.00521,-0.05645,0.04059,-0.01055,-0.02355,-0.11081,0.10414,-0.03405,0.04851,-0.0103,-0.01812,-0.04694,0.04264,0.0516,0.05923,-0.05006,0.00974,0.03591,-0.04563,-0.02632,-0.05283,-0.03694,-0.01967,-0.00683,-0.09213,0.08119,0.09804,-0.07397,0.0595,0.01268,-0.02959,0.00367,-0.03491,-0.0066,-0.04229,-0.03787,-0.07903,-0.01782,-0.04461,0.08792,-0.03036,-0.02851,-0.01269,0.01536,0.04654,0.00166,-0.00387,0.051,0.0426,-0.02715,0.05463,0.04382,0.0013,0.10632,-0.03526,-0.0474,0.06334,0.08375,-0.00149,0.02857,-0.00665,0.01685,0.08413,0.07898,0.02834,-0.04457,0.06649,0.00681,-0.07273,0.08771,-0.05124,-0.00681,-0.03131,-0.00873,-0.05071,0.01048,0.06264,0.09066,-0.04233,-0.05088,0.05182,-0.04222,-0.01984,0,-0.09475,-0.0175,-0.01622,0.01461,0.0161,-0.01384,-0.01884,-0.01648,0.02344,0.04504,0.0136,0.08243,-0.06286,0.0484,0.00765,0.03725,-0.04395,0.01175,-0.05088,-0.02611,-0.04697,-0.01538,0.00486,0.12638,0.01261,-0.03532,-0.06311,0.01566,-0.02035,0.01439,-0.02459,0.01754,0.02942,0.12178,-0.0323,0.03567,-0.13264,0.03967,-0.06009,0.02818,0.01404,0.01728,0.04632,-0.02501,0.01243,0.05321,-0.03095,0.01432,-0.04883,-0.04678,-0.04281,0.03331,-0.06935,-0.0337,0.04601,0.00916,0.00175,-0.03522,0.05132,-0.02712,-0.09838,0.08469,-0.03489,-0.05772],"keywords":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise. Connectable Sides ::: ng-component <connectable-side</connectable-side [height]=\"600\" ::: Connections are no longer limited to a single default side. Now, each connector can define exactly where links are allowed: You can: - Fix a side (e.g., input always on the left, output always on the right). - Calculate dynamically (CALCULATE) — side is chosen based on relative positions of nodes. - Restrict calculation to only horizontal (CALCULATEHORIZONTAL) or vertical (CALCULATEVERTICAL) axes. - Let the system decide fully (AUTO). 📚 Other Improvements - AUTO mode for quick setup with default heuristics. - Clearer routing logic, reducing edge overlaps in dynamic layouts. - No breaking changes; previous side selection remains compatible.","excerpt":"Connectable Sides ::: ng-component <connectable-side</connectable-side [height]=\"600\" ::: Connections are no longer limited to a single default side. Now, each connector can define exactly where links are allowed: You can: - Fix a side (e.g., input always on the left, output always on the right). - Calculate dynamically (CALCULATE) — side is chosen based on relative positions of nodes. - Restrict calculation to only horizontal (CALCULATEHORIZONTAL) or vertical (CALCULATEVERTICAL) axes. - Let the system decide fully (AUTO). 📚 Other Improvements - AUTO mode for quick setup with default heuristics. - Clearer routing logic, reducing edge overlaps in dynamic layouts. - No breaking changes; previous side selection remains compatible."},{"chunkId":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing#2","slug":"foblex-flow-v17-8-5-connectable-sides-smarter-routing","route":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing","section":"blog","title":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular","description":"Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise.","group":"Releases","vector":[-0.04843,0.00317,-0.09672,0.02758,0.00187,0.02858,-0.06108,0.05178,0.00098,0.0557,-0.10668,0.01599,-0.08966,0.00962,0.05289,0.00008,-0.02927,-0.00787,0.00162,-0.00232,-0.10255,-0.04088,0.00341,-0.05265,-0.03419,0.02289,0.00734,-0.00248,0.04179,-0.06717,0.05759,0.06899,-0.05236,0.01537,-0.16434,0.01039,-0.00104,0.01019,-0.0398,-0.04296,0.02516,0.08251,-0.00833,-0.07234,-0.08072,-0.01397,-0.07447,0.01868,-0.04646,0.10893,-0.08332,-0.13489,-0.06381,0.03816,0.0385,0.03016,0.01493,-0.04608,-0.01396,0.03418,0.01593,-0.06774,0.01069,0.03596,-0.01485,-0.01279,-0.06258,0.04048,-0.04246,-0.01455,0.01072,-0.05049,0.01165,-0.05297,0.04835,-0.02956,-0.00911,0.0507,0.01087,-0.02416,0.01933,0.07583,-0.03643,0.07256,-0.00698,0.01239,0.01477,-0.07496,0.0264,-0.00224,0.0048,0.07523,0.06468,-0.00918,0.06524,0.03186,-0.01813,-0.0559,-0.1171,0.02343,-0.03025,-0.08981,0.04665,0.01016,-0.00686,-0.01086,0.04646,0.01193,-0.00521,-0.02917,-0.04101,0.04286,-0.01236,-0.0678,-0.06454,-0.07038,-0.03481,-0.02873,0.0652,0.04542,-0.00642,-0.04295,0.06125,-0.0187,0.1152,-0.03235,-0.01471,0,0.00635,0.07701,-0.05676,0.01419,0.08324,0.02766,-0.02414,-0.0975,0.00418,0.00523,-0.02745,0.03019,-0.04928,0.00446,0.03197,-0.09818,-0.04454,0.02498,-0.03504,-0.0011,0.06906,-0.07605,-0.04315,0.0021,0.07759,0.09061,0.00488,0.04469,-0.05708,0.02288,0.06467,0.00791,-0.01322,0.02997,-0.02428,0.03349,-0.03822,-0.09984,0.00387,-0.00738,0.01624,-0.01681,-0.09075,-0.03512,-0.0241,0.00717,-0.08528,0.02552,0.05536,0.03658,-0.02348,0.05647,0.05247,0.03424,0.09593,-0.07073,-0.05365,0.09534,0.03719,0.07672,0.07331,0.01373,-0.03787,-0.03555,0.00911,0.06657,0.0138,-0.00463,0.0959,-0.1061,-0.1051,0.03656,0.05274,0.07539,-0.00255,-0.02884,-0.02067,0.03509,0.08967,-0.04002,-0.06047,0.0088,-0.00111,0.05286,0.08196,-0.07258,-0.00541,-0.04591,-0.0757,0.05273,0.0933,0.00621,0.02446,0.07746,0.03401,0,-0.04894,0.0239,-0.03991,0.08005,0.02098,-0.06604,0.09305,-0.00939,0.07213,0.04296,0.05593,0.03553,-0.02425,-0.05624,0.06252,-0.03792,-0.00046,-0.13729,0.06794,-0.07364,0.00685,-0.00626,-0.01461,-0.06157,-0.01337,0.06638,0.01476,0.00653,0.00562,-0.00025,-0.03106,-0.03534,-0.02495,-0.05213,-0.01164,-0.0088,-0.03426,0.07279,0.04959,-0.06381,0.01961,0.01545,-0.01266,0.0365,-0.04895,0.02684,-0.04575,-0.00701,-0.05136,0.00697,-0.02986,0.07399,-0.02842,-0.07698,-0.03961,0.02985,0.06781,0.04092,-0.00741,0.04443,0.00442,-0.01027,0.04669,0.05248,0.04875,0.08829,-0.02242,-0.03684,0.07992,0.09928,0.05144,0.01227,-0.05147,0.03014,0.12366,0.0576,0.08245,-0.0281,0.04303,0.01564,-0.04152,0.08178,-0.00678,0.01757,0.0322,0.01041,-0.1071,-0.02057,0.04853,0.09959,-0.02589,-0.02484,0.02875,-0.02754,0.01517,0,-0.11104,0.01119,-0.01575,-0.01912,0.03336,0.03223,-0.0363,-0.01023,0.01758,0.025,0.0182,0.10945,-0.06335,0.01747,0.0434,0.03876,-0.05298,0.02662,-0.03553,-0.04346,-0.04952,0.02294,0.00011,0.10046,0.00681,-0.00323,-0.038,0.04272,0.00825,0.03054,-0.0335,0.04383,0.08162,0.11005,-0.02784,0.04717,-0.11026,0.01436,-0.05842,0.01245,0.03906,0.011,0.02412,-0.03351,-0.03483,0.07823,-0.03183,-0.02491,-0.05222,-0.05671,-0.05089,0.03305,-0.05835,0.00721,0.01075,0.03413,-0.01952,-0.0845,0.06687,-0.0017,-0.12369,0.04598,-0.00292,-0.03144],"keywords":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise. Why This Matters Professional diagramming tools let you fine-tune how edges are routed. Now, Foblex Flow brings the same level of control into Angular: - Manual control when you want stable, predictable layouts. - Dynamic calculation for adaptive editors. - Simple API to cover most use cases without boilerplate.","excerpt":"Why This Matters Professional diagramming tools let you fine-tune how edges are routed. Now, Foblex Flow brings the same level of control into Angular: - Manual control when you want stable, predictable layouts. - Dynamic calculation for adaptive editors. - Simple API to cover most use cases without boilerplate."},{"chunkId":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing#3","slug":"foblex-flow-v17-8-5-connectable-sides-smarter-routing","route":"/blog/foblex-flow-v17-8-5-connectable-sides-smarter-routing","section":"blog","title":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular","description":"Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise.","group":"Releases","vector":[-0.07048,0.00158,-0.08696,0.04662,0.00768,0.03594,-0.04123,0.00232,-0.00697,0.05055,-0.1054,0.03301,-0.0943,0.01967,0.0548,0.01124,-0.03734,0.01666,0.02142,-0.01815,-0.09798,-0.06871,0.00794,-0.01297,-0.03563,0.00233,0.00818,-0.02163,0.01796,-0.0546,0.06317,0.05758,-0.06011,0.00091,-0.14875,0.02161,0.00521,-0.00502,-0.04652,-0.04197,0.0437,0.07263,0.02165,-0.06263,-0.09108,-0.00987,-0.0431,0.03773,-0.01966,0.07932,-0.06333,-0.14439,-0.02242,0.05631,0.03668,0.03085,-0.00249,-0.05106,-0.02974,0.02739,0.04812,-0.06929,0.00939,0.02105,-0.03288,-0.01016,-0.04287,0.05391,-0.05173,-0.03141,0.03557,-0.04377,0.01317,-0.06053,0.03654,-0.00238,-0.00221,0.02955,0.03061,0.01463,0.0172,0.04771,-0.02457,0.05772,0.00456,-0.01036,0.02442,-0.08433,-0.01681,-0.01462,-0.02742,0.09381,0.05965,-0.01125,0.07089,0.01906,-0.02767,-0.04499,-0.09136,0.01327,-0.03843,-0.06053,0.0448,0.00752,0.00538,-0.00077,0.05289,0.021,0.02188,0.00792,-0.04394,0.04456,-0.00826,-0.05639,-0.06397,-0.05475,-0.02354,0.00864,0.03367,0.05494,-0.01146,-0.05571,0.02307,-0.028,0.1366,-0.01015,0.00227,0,0.01573,0.07504,-0.06367,0.01419,0.09335,0.03831,-0.00721,-0.10928,-0.03951,0.00047,-0.05286,0.03374,-0.01854,-0.01804,0.00031,-0.16882,-0.0645,0.00495,-0.01911,0.00623,0.05943,-0.08853,-0.03654,-0.0194,0.09819,0.04495,-0.00464,0.01756,-0.0181,0.02429,0.05589,0.01674,-0.00467,0.03777,-0.02531,0.01097,-0.03743,-0.10233,-0.00197,0.00656,0.00034,-0.03086,-0.11017,-0.06125,-0.01466,0.01742,-0.06948,0.03586,0.08348,0.028,-0.01641,0.03147,-0.02161,0.00984,0.0846,-0.06689,-0.05158,0.09964,0.01537,0.06038,0.05521,0.00556,-0.02466,-0.08512,0.02969,0.06063,-0.00211,0.01202,0.10443,-0.11785,-0.0808,0.0464,0.05329,0.0528,-0.00699,0.00196,-0.01229,0.04733,0.09111,-0.02773,-0.05737,-0.0255,-0.00259,0.08092,0.0759,-0.05833,-0.03594,-0.05507,-0.08093,0.05023,0.06496,0.04591,0.05867,0.07036,0.00834,0,-0.0505,0.00565,-0.04118,0.08189,0.05254,-0.05285,0.1178,-0.00904,0.08671,0.06864,0.02412,0.052,-0.0098,-0.05211,0.06627,-0.05349,0.0312,-0.13091,0.07211,-0.04732,0.00827,-0.00183,-0.01611,-0.07837,0.01992,0.07037,0.0137,-0.01969,0.01792,0.00113,-0.01297,-0.01834,-0.04335,-0.06664,0.00079,0.02669,-0.03595,0.11283,0.03099,-0.0759,0.03657,0.00298,-0.01842,-0.00122,-0.0469,0.02734,-0.04493,-0.02468,-0.06871,0.02444,-0.02761,0.07063,-0.0595,-0.02872,-0.04946,0.03935,0.05643,0.02181,0.01267,0.04841,0.02719,0.00658,0.01821,0.06499,0.05144,0.08339,-0.03401,-0.00515,0.08003,0.09122,0.03909,0.01918,-0.00349,0.04451,0.09161,0.07171,0.06901,-0.03786,0.02997,0.02825,-0.01555,0.10302,-0.01328,0.01832,0.04915,0.01992,-0.07366,-0.01661,0.03785,0.09646,-0.04549,-0.04082,0.0384,-0.07081,0.01886,0,-0.11359,0.01381,-0.02637,-0.02335,0.01865,0.02597,-0.05574,-0.00637,0.04738,0.04086,0.00233,0.1017,-0.05153,0.0472,0.04738,0.02461,-0.06079,-0.00533,-0.03201,-0.04836,-0.07228,0.00528,-0.03714,0.10724,-0.00747,0.00152,-0.04506,0.02982,-0.01021,0.01023,-0.0436,0.0438,0.04741,0.09365,-0.01535,0.06736,-0.1157,0.02217,-0.07744,0.022,0.03017,0.02652,0.02917,-0.01826,-0.02625,0.06657,-0.0479,-0.02029,-0.05218,-0.047,-0.0384,0.0328,-0.05766,0.00343,0.03228,0.02516,-0.02808,-0.09201,0.05922,0.00219,-0.10673,0.07231,-0.00856,-0.00072],"keywords":"Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5— Connectable Sides for Smarter Routing in Angular Foblex Flow 17.8.5 adds connectable side controls so Angular teams can route node connections with more precision and less visual noise. Links - GitHub repo: <https://github.com/Foblex/f-flow - Live examples: https://flow.foblex.com/examples ❤️ If you find Foblex Flow useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow. Git Hub","excerpt":"Links - GitHub repo: <https://github.com/Foblex/f-flow - Live examples: https://flow.foblex.com/examples ❤️ If you find Foblex Flow useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow."},{"chunkId":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation#0","slug":"foblex-flow-v17-8-custom-content-on-connections-smarter-validation","route":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation","section":"blog","title":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular","description":"Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces.","group":"Releases","vector":[-0.12259,0.05158,-0.0492,0.00546,0.03335,-0.02668,-0.06078,-0.01595,-0.0137,0.0627,-0.07835,0.02958,-0.04938,0.05393,0.0689,0.03553,0.03681,-0.02461,-0.0465,-0.04076,-0.06293,-0.03062,-0.00589,-0.03574,-0.0149,0.03186,-0.09809,0.02887,0.07619,-0.05848,0.05992,0.07831,-0.0418,-0.00083,-0.07325,0.04638,0.02199,0.02797,-0.00793,-0.00214,0.0523,-0.00646,-0.01506,-0.01811,-0.06922,-0.01658,-0.06226,-0.06136,-0.05422,0.08952,-0.09513,-0.101,-0.08474,0.02826,0.05129,0.01488,-0.01917,-0.0823,0.0038,0.03507,0.05142,-0.08687,-0.0082,0.04837,0.00192,0.02642,-0.10727,0.00581,-0.0507,-0.01458,0.01033,0.019,-0.03124,0.00968,-0.02057,0.01452,-0.06869,-0.00782,-0.017,-0.06255,0.0342,0.0819,0.01083,0.06619,0.01417,0.08711,0.01506,-0.10097,-0.00612,0.00111,0.05303,0.04416,0.05218,0.0476,-0.00053,0.04624,-0.02994,-0.04246,-0.06125,0.03879,-0.02594,-0.09563,0.02687,-0.00761,0.01839,-0.00837,0.02489,0.02833,-0.00225,0.01228,-0.0059,0.08031,0.00633,-0.1216,-0.04842,0.01254,-0.01711,-0.00904,0.02025,0.08641,-0.03158,-0.02233,0.07084,-0.04018,0.06467,-0.08589,-0.03206,0,0.03063,0.07913,-0.075,-0.01157,0.0778,0.00113,-0.11009,-0.10466,-0.04342,-0.01049,0.02592,0.00722,-0.036,0.00735,0.05857,-0.02892,-0.01759,0.03469,0.04209,-0.01738,0.04547,-0.15392,-0.0341,0.0631,0.03408,0.10151,0.01131,0.05619,-0.02171,0.01518,0.01937,-0.01475,0.0858,0.02159,0.02151,0.00807,-0.05224,-0.0984,0.00892,-0.05412,-0.00094,-0.02159,-0.09188,0.03032,0.0054,0.02569,-0.04407,0.00497,0.09191,0.00321,-0.01634,0.06032,0.00273,0.03217,0.03194,-0.03297,-0.02706,0.10692,0.0415,0.02479,0.06136,0.0258,-0.07009,-0.06649,0.04058,0.04308,0.0119,-0.02854,0.06182,-0.12847,-0.11748,0.044,-0.02614,0.04932,0.0216,-0.0806,-0.01903,0.04945,0.09345,-0.07547,-0.02311,-0.03454,-0.03757,0.0914,0.03628,-0.08156,0.00361,-0.02576,-0.03563,0.0249,0.09733,0.03226,0.03108,0.00905,0.0311,0,-0.01874,0.04216,-0.03617,0.10469,0.04155,-0.05287,0.04196,0.05348,0.04653,0.01471,0.08375,-0.01267,-0.02231,-0.02912,-0.02884,-0.039,-0.09349,-0.08586,0.00951,-0.06287,0.07037,0.01658,-0.01513,0.01032,-0.02914,0.05588,-0.04375,-0.03237,0.02377,0.01618,0.00573,0.02698,-0.06491,-0.06925,0.01199,-0.04785,0.02594,0.02314,0.02226,-0.03316,0.05378,0.05319,-0.03057,-0.0282,-0.08445,0.02189,-0.04052,-0.02391,-0.04731,-0.02081,-0.027,0.01556,0.01528,-0.05864,-0.02242,0.00939,0.07528,0.02982,0.00678,0.02482,0.01781,-0.00696,0.0196,0.04225,0.06798,0.09072,-0.03236,-0.01162,0.06194,0.07331,0.01562,-0.02877,-0.084,0.00302,0.10429,0.03221,0.14063,-0.05601,0.03148,0.05996,-0.04478,0.10419,0.01476,0.03948,0.06638,0.01396,-0.08712,-0.03967,0.04009,0.09448,-0.05725,0.03566,-0.03407,-0.01175,-0.04675,0,-0.15272,-0.04513,-0.0585,-0.02496,0.07368,0.01171,-0.01317,-0.04891,0.03474,0.00026,0.02793,0.04586,-0.10025,-0.04251,0.07226,-0.01791,-0.02324,0.02561,-0.03079,-0.00162,0.01794,0.04752,0.04246,0.06933,0.0492,-0.02722,-0.00058,0.04606,-0.05004,0.06327,0.01756,0.02189,0.13783,0.05407,-0.05188,0.06501,-0.05839,-0.0128,-0.02286,0.02985,0.08827,-0.02246,-0.0003,-0.01119,-0.03632,0.04562,-0.00568,-0.05582,-0.0363,-0.02735,-0.0488,-0.02532,-0.02842,-0.01404,-0.00555,0.00517,0.00582,-0.01326,0.06036,-0.02712,-0.04004,0.04724,0.09358,-0.0431],"keywords":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces. Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular This release focuses on two features that make Angular graph editors more expressive and easier to validate: custom content on edges and smarter rules for allowed connections. The new release, v17.8.0, introduces two major improvements: ✅ Custom content inside connections ✅ Smarter validation rules for allowed connections Together, these make visual editors more flexible, user-friendly, and production-ready.","excerpt":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular This release focuses on two features that make Angular graph editors more expressive and easier to validate: custom content on edges and smarter rules for allowed connections. The new release, v17.8.0, introduces two major improvements: ✅ Custom content inside connections ✅ Smarter validation rules for allowed connections Together, these make visual editors more flexible, user-friendly, and production-ready."},{"chunkId":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation#1","slug":"foblex-flow-v17-8-custom-content-on-connections-smarter-validation","route":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation","section":"blog","title":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular","description":"Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces.","group":"Releases","vector":[-0.07816,0.01232,-0.1084,0.01015,-0.02395,0.05943,0.03832,0.02404,0.03007,0.01511,-0.0739,0.02504,-0.03713,0.01628,0.06762,0.01663,-0.00594,-0.00461,-0.03933,-0.02764,-0.08367,-0.04297,0.03618,-0.03457,-0.06669,0.01684,0.00936,0.03657,0.07463,-0.02125,0.07602,0.06522,-0.03627,0.03276,-0.09263,0.06719,0.0322,0.01991,-0.01421,0.00047,0.09652,-0.01839,-0.00701,-0.03316,-0.04729,-0.00445,-0.03989,-0.05923,-0.0535,0.09911,-0.03699,-0.06748,-0.0537,0.04413,0.0217,0.03169,0.03457,-0.0481,-0.00095,0.04372,0.08372,-0.04508,0.04825,0.01821,0.00006,0.03201,-0.11169,0.07436,-0.0145,-0.00071,0.00227,-0.00732,0.0086,-0.04428,0.00215,-0.03326,-0.04756,0.03698,-0.04281,-0.03528,0.03402,0.11992,0.0588,0.03745,0.01881,0.06019,-0.00813,-0.05952,-0.03425,-0.03557,0.05436,0.0438,-0.01152,0.00075,0.04733,0.01471,-0.06282,-0.07246,-0.08884,0.04107,-0.02115,-0.05821,0.02693,0.06684,0.04581,0.00565,-0.02872,0.02161,-0.01562,-0.01911,0.02384,0.00806,-0.01166,-0.08665,-0.06132,0.00379,-0.01871,0.03176,0.02057,0.05939,-0.01536,-0.03062,0.01929,-0.05788,0.04786,-0.02165,-0.03066,0,0.01378,0.06289,-0.03445,0.04388,0.04367,0.01207,-0.09107,-0.11978,0.01803,0.0132,0.03476,0.0003,-0.07222,-0.01447,-0.03692,-0.11451,-0.03577,0.00826,0.02393,-0.00006,0.02737,-0.15655,-0.05322,0.00551,0.05634,0.01666,0.00555,0.03392,-0.05202,0.0036,0.00181,-0.01682,0.12135,-0.01083,-0.01608,-0.00718,-0.08708,-0.06512,-0.0031,-0.01837,0.04319,-0.07197,-0.05979,0.03833,-0.01551,0.05173,-0.02451,-0.04782,0.07453,0.00052,-0.02819,-0.00328,-0.00746,-0.04236,0.04245,-0.07619,-0.12869,0.09838,0.04516,0.0179,0.03338,0.002,-0.05308,-0.0412,0.07767,0.09188,-0.00058,0.01682,0.06542,-0.09409,-0.10472,0.06268,-0.03288,0.00267,0.00589,-0.04496,-0.02657,0.02361,0.03565,0.01372,0.01561,-0.04946,-0.01829,0.10276,0.08528,-0.10033,0.01155,-0.1076,-0.06923,-0.01926,0.08567,0.0495,0.02777,-0.00692,0.02191,0,0.00702,0.02085,0.00122,0.05916,0.00858,-0.0235,0.10995,0.04499,0.00803,0.05124,0.06076,0.0468,-0.0446,-0.08164,-0.06385,0.01992,-0.06352,-0.04053,0.06429,-0.05001,0.0446,-0.04548,0.00419,-0.08701,-0.05048,0.05389,0.02224,-0.06339,0.00459,0.01243,0.01179,0.00549,-0.01501,-0.03293,0.01349,-0.04941,0.00448,0.03086,-0.00727,-0.06555,0.04762,0.04388,-0.01079,-0.02861,-0.07114,0.02569,-0.04343,-0.07039,-0.11108,0.01597,-0.03397,0.06036,-0.06738,-0.0032,-0.03333,0.05815,0.01596,0.05324,-0.02584,-0.00998,0.04915,-0.04056,0.01429,0.00622,0.08994,0.08044,0.01071,0.03358,0.08405,0.08915,0.05114,0.00341,-0.01357,0.0029,0.09084,0.06415,0.12269,-0.06911,0.01985,0.0859,-0.0491,0.08065,-0.02746,0.02768,0.05263,0.00965,-0.06989,-0.0034,0.05764,0.06755,-0.04805,0.0362,0.02226,-0.02003,-0.03151,0,-0.1345,-0.05634,-0.04047,-0.06625,0.01488,0.01349,-0.0379,-0.08287,-0.00576,0.01031,-0.02881,0.08305,-0.10627,-0.02636,0.06575,0.0073,-0.04198,-0.00806,-0.02285,-0.02446,0.00856,0.06139,0.04944,0.12195,-0.00798,0.01716,-0.0292,0.04272,-0.04145,0.01577,0.05254,-0.06178,0.05634,0.07122,-0.05568,0.01321,-0.09916,-0.04258,-0.0253,0.04934,0.07105,-0.06757,0.0585,0.01064,0.01962,0.08797,-0.03998,-0.01768,-0.06673,0.02539,-0.0392,0.04994,-0.03407,0.01783,0.00066,-0.00233,0.01097,0.06117,0.00392,-0.00877,-0.1137,0.08432,0.07273,-0.05704],"keywords":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces. Custom Content on Connections ::: ng-component <connection-content</connection-content [height]=\"600\" ::: Connections are no longer just lines — you can now place any custom widget directly on them. With the new fConnectionContent directive, you can: - Add labels, icons, or buttons at any point along a connection. - Control position (0..1), offset (px), and alignment relative to the path. - Use multiple content elements on the same connection. Example: This enables interaction patterns like inline buttons, directional icons, or status indicators directly on edges. f Connection Content","excerpt":"Custom Content on Connections ::: ng-component <connection-content</connection-content [height]=\"600\" ::: Connections are no longer just lines — you can now place any custom widget directly on them. With the new fConnectionContent directive, you can: - Add labels, icons, or buttons at any point along a connection. - Control position (0..1), offset (px), and alignment relative to the path. - Use multiple content elements on the same connection. Example: This enables interaction patterns like inline buttons, directional icons, or status indicators directly on edges."},{"chunkId":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation#2","slug":"foblex-flow-v17-8-custom-content-on-connections-smarter-validation","route":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation","section":"blog","title":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular","description":"Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces.","group":"Releases","vector":[-0.05325,0.02111,-0.12835,0.03011,-0.02366,0.08598,-0.01617,-0.03835,0.057,-0.02439,-0.10251,-0.00448,-0.02224,0.03871,0.01487,0.01535,-0.03262,-0.02801,-0.08476,-0.05427,0.01037,-0.05332,-0.03575,-0.03008,-0.06457,0.02345,0.00961,-0.02613,0.04644,-0.05574,0.00464,0.06786,-0.05843,-0.01008,-0.0709,0.00646,0.00747,0.00571,-0.04514,-0.03074,0.04511,-0.06298,0.02791,-0.04501,-0.08226,-0.01503,-0.0788,-0.05469,-0.08405,0.05839,-0.06273,-0.02894,-0.03357,0.1259,0.06777,0.0013,0.02699,-0.11489,-0.01333,0.00322,-0.00278,-0.06293,0.01539,-0.01377,-0.01678,0.00669,-0.13741,0.01204,-0.04513,0.0393,0.03811,0.01426,-0.0067,-0.01677,0.04304,0.02897,-0.05917,0.00827,0.04911,-0.01697,0.05465,0.08538,-0.00394,0.00594,0.00527,0.114,-0.02965,-0.02178,-0.01927,-0.0436,0.06489,0.03801,0.04259,0.04987,0.07399,-0.03002,-0.03249,-0.05297,-0.07015,0.03291,-0.04796,-0.0511,0.03404,0.05135,0.02586,-0.0145,0.07341,0.02984,0.01553,-0.01649,0.01491,0.0452,0.04819,-0.04077,-0.0749,0.02716,0.0022,0.01172,0.02359,0.09844,-0.02293,0.00725,0.04364,-0.03795,0.09344,-0.06401,-0.08413,0,0.01194,0.0452,-0.05439,-0.02564,0.06535,0.00859,-0.06154,-0.09253,-0.00026,0.07577,-0.0387,0.0096,-0.05037,-0.00631,0.04461,-0.05715,0.0411,0.04914,0.02737,0.00023,0.06028,-0.13121,-0.05034,-0.00272,0.06799,0.06697,-0.04524,0.03484,0.0387,0.03867,0.02788,0.01138,0.05061,-0.00886,0.00868,0.00144,-0.02546,-0.04198,-0.01752,-0.03737,0.02172,-0.04867,-0.10226,0.11893,0.02678,0.03516,0.02774,-0.00008,0.03667,0.03171,-0.05655,0.0323,0.01042,-0.03084,0.0339,-0.08735,-0.08642,0.12711,0.00825,0.0454,-0.0019,0.04188,-0.04952,-0.0327,0.04061,0.03808,-0.01102,-0.0178,0.07633,-0.06003,-0.11057,0.04112,-0.05325,0.02728,0.0028,-0.08308,0.02071,0.01136,0.02044,-0.05883,0.01439,-0.03514,-0.01575,0.10866,0.07012,-0.0547,-0.03707,-0.02349,-0.07788,-0.01235,0.05603,0.05269,0.02657,-0.02602,0.03406,0,-0.02206,0.0354,-0.05675,0.0483,0.00917,-0.05386,0.07916,0.01681,0.06576,-0.029,0.05611,0.07039,0.00034,-0.06866,-0.03532,-0.03691,-0.14867,-0.03653,0.05805,-0.01686,0.06495,0.021,-0.04423,0.00003,-0.0723,0.06224,-0.00011,-0.03255,0.00246,0.01184,-0.00641,-0.00637,-0.06694,-0.02478,-0.03712,-0.10038,0.03854,0.04363,0.03143,0.01718,0.04257,0.06669,-0.03733,-0.00641,-0.06095,-0.01808,0.00192,-0.05453,-0.01885,-0.02025,-0.04174,-0.02179,-0.02175,0.01767,0.00338,0.03361,0.10176,-0.0208,0.02458,0.07273,0.03432,0.01212,0.05209,0.03014,0.09281,0.04026,-0.00809,0.01552,0.12561,0.05711,0.03773,0.03976,0.01075,0.06018,0.05325,0.00557,0.04647,-0.0709,0.06735,0.06945,-0.018,0.0895,0.02542,0.02926,0.06889,0.01867,0.01081,-0.01448,0.05064,0.08384,-0.04382,0.02028,0.01629,-0.03472,-0.10496,0,-0.08419,-0.01965,-0.09967,-0.04115,0.07949,0.01066,-0.06768,-0.09244,0.03139,0.02127,-0.0089,0.08126,-0.08632,-0.01851,0.1176,-0.01585,0.02573,-0.00507,-0.04836,0.01001,0.04317,0.02171,0.02207,0.11085,0.02325,-0.08151,-0.00536,0.05643,-0.0107,0.04597,0.00724,-0.00341,0.04023,0.0579,-0.0814,0.07913,-0.12065,-0.01569,-0.05363,0.05191,0.09129,-0.02457,0.0069,-0.05824,-0.01378,0.06055,-0.01382,-0.04922,-0.05748,0.04893,-0.07032,0.03024,-0.0374,0.04383,0.01448,-0.03711,-0.03864,0.02097,0.01411,-0.02522,0.00243,0.06393,0.09159,-0.06244],"keywords":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces. Smarter Connection Validation ::: ng-component <connection-rules</connection-rules [height]=\"600\" ::: Validation rules got a big upgrade. Previously, connections could only be restricted by input ID. Now you can also define restrictions by input category (fInputCategory). On the output side, you specify an array fCanBeConnectedInputs, which may include both: - explicit IDs - or categories (labels like “math”, “string”, “number”). During a drag operation: - Only valid inputs are highlighted with .f-connector-connectable. - Invalid inputs stay dimmed. - The container gets .f-connections-dragging for styling. This gives instant visual feedback and allows real editors to enforce rules like “math nodes can only connect to math inputs”. f Input Category f Can Be Connected Inputs I Ds","excerpt":"Smarter Connection Validation ::: ng-component <connection-rules</connection-rules [height]=\"600\" ::: Validation rules got a big upgrade. Previously, connections could only be restricted by input ID. Now you can also define restrictions by input category (fInputCategory). On the output side, you specify an array fCanBeConnectedInputs, which may include both: - explicit IDs - or categories (labels like “math”, “string”, “number”). During a drag operation: - Only valid inputs are highlighted with .f-connector-connectable. - Invalid inputs stay dimmed. - The container gets .f-connections-dragging for styling. This gives instant visual feedback and allows real editors to enforce rules like “math nodes can only connect to math inputs”."},{"chunkId":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation#3","slug":"foblex-flow-v17-8-custom-content-on-connections-smarter-validation","route":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation","section":"blog","title":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular","description":"Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces.","group":"Releases","vector":[-0.09123,-0.01688,-0.08069,0.02589,0.05536,0.00899,-0.05277,0.03185,0.00905,0.00811,-0.05963,-0.00995,-0.07517,0.05012,0.06181,0.03141,-0.01022,-0.02256,-0.0295,-0.01426,-0.09803,-0.0225,-0.02906,-0.02539,-0.01805,-0.00031,-0.08128,-0.01343,0.00441,-0.03065,0.03217,0.09464,-0.09062,-0.01281,-0.02958,0.03692,0.07403,0.00075,0.00821,-0.00412,0.05946,-0.03343,-0.00644,-0.03298,-0.09698,-0.00539,-0.02231,-0.08692,-0.05443,0.09733,-0.07571,-0.04607,-0.04469,0.07175,0.08216,-0.00324,0.02521,-0.05188,-0.03947,0.02364,0.03006,-0.05453,-0.03077,0.03639,-0.02991,0.00668,-0.10301,-0.01401,-0.01168,-0.049,-0.05832,0.01647,-0.02347,0.00775,0.03494,0.0271,-0.04116,0.03392,-0.00847,-0.09188,0.04362,0.09911,0.03266,0.0369,0.00663,0.09224,-0.01564,-0.05526,-0.01363,0.00764,0.05181,0.04417,0.00127,0.02055,0.03268,-0.00291,-0.06535,-0.04597,-0.06415,0.03473,-0.06188,-0.04382,-0.00055,-0.00198,0.00001,-0.02335,0.02417,0.04687,0.03364,0.00178,0.02125,0.01277,0.02977,-0.1247,-0.03037,0.03632,-0.04757,0.00142,0.05056,0.10923,-0.03783,-0.04161,0.0585,-0.02587,0.03947,-0.08256,-0.01025,0,-0.02089,0.03606,-0.04267,0.03807,0.07384,-0.01403,-0.01992,-0.0999,-0.00165,-0.04751,-0.02192,0.01423,-0.0612,-0.03551,0.02395,-0.04999,-0.02456,0.01917,0.07612,0.01483,0.08133,-0.09618,-0.01233,-0.00856,0.04622,0.07589,-0.019,0.04815,-0.02099,0.03203,-0.01938,-0.00187,0.09039,0.01709,0.00719,0.00647,-0.05788,-0.08852,-0.06041,-0.03568,0.02244,-0.02392,-0.10116,0.03126,0.05648,-0.02799,-0.03686,0.01188,0.13599,-0.00697,-0.00193,0.03521,-0.01385,-0.02656,0.03814,-0.05668,-0.08353,0.08408,0.02135,0.01115,0.04521,0.02217,-0.08028,-0.05467,0.10808,0.0372,0.0118,-0.01809,0.03654,-0.0593,-0.09872,0.04065,-0.02484,0.053,0.03105,-0.08906,0.03932,0.04699,0.11993,-0.06896,0.0052,-0.02191,-0.04706,0.08561,0.09749,-0.05322,-0.01416,-0.03174,-0.06657,0.0342,0.10935,0.0225,0.02288,0.01389,0.01514,0,0.01222,-0.01078,-0.06078,0.08952,0.02597,-0.0416,0.06395,0.03541,0.04931,0.01903,0.09441,0.02976,-0.02391,-0.05992,-0.01049,-0.03064,-0.09113,-0.12793,0.00497,-0.03824,0.06561,0.00738,0.00322,-0.04287,-0.04888,0.01451,-0.056,0.00434,-0.01135,-0.01171,0.03359,0.02626,-0.07218,-0.02823,-0.00862,-0.0472,0.005,0.06444,0.01013,-0.0319,0.05003,0.06217,-0.02163,-0.03593,-0.05885,0.04857,-0.05877,-0.08859,-0.04141,-0.00107,0.0009,-0.02001,-0.03514,-0.05381,-0.04055,0.09266,0.08752,0.05566,-0.03623,0.03179,0.07149,-0.00104,0.06988,0.04934,0.0979,0.09899,-0.03103,0.04685,0.03253,0.07432,0.04349,-0.0364,-0.08902,0.02116,0.03502,0.03206,0.12724,-0.04848,0.00043,0.08789,-0.03123,0.08899,-0.02007,0.04275,0.09846,0.00071,-0.049,-0.01786,0.06408,0.10512,-0.06677,0.02763,0.00405,-0.04636,-0.054,0,-0.16052,-0.01,-0.08736,-0.0227,0.0589,0.02889,-0.05051,-0.03868,0.01169,0.00267,-0.00177,0.05175,-0.06912,-0.03469,0.06136,-0.03653,0.01811,-0.01277,-0.04291,-0.03333,-0.0132,0.05037,0.03457,0.05852,0.00815,-0.02055,0.00286,0.0592,-0.01115,0.01072,0.01213,0.02252,0.09462,0.03465,-0.06145,0.07349,-0.0431,-0.01519,-0.07394,0.02375,0.10519,-0.01426,-0.01698,-0.03639,-0.00005,0.05021,-0.02509,-0.0377,-0.06982,0.0132,-0.02995,0.03682,-0.05411,0.05295,0.02729,-0.02409,-0.02217,-0.00483,0.03488,-0.03594,-0.05677,0.05379,0.13753,-0.01901],"keywords":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces. Deprecations Two older APIs are now deprecated: - fConnectionCenter directive - fText property They are replaced by the new fConnectionContent directive. Migration is simple — see the changelog. AP Is f Connection Center f Text f Connection Content","excerpt":"Deprecations Two older APIs are now deprecated: - fConnectionCenter directive - fText property They are replaced by the new fConnectionContent directive. Migration is simple — see the changelog."},{"chunkId":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation#4","slug":"foblex-flow-v17-8-custom-content-on-connections-smarter-validation","route":"/blog/foblex-flow-v17-8-custom-content-on-connections-smarter-validation","section":"blog","title":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular","description":"Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces.","group":"Releases","vector":[-0.14977,-0.00526,-0.07559,-0.00841,0.03228,-0.00311,-0.04398,0.02809,0.01146,0.01552,-0.10055,0.00173,-0.0767,0.01266,0.0752,0.06443,0.02601,-0.00609,-0.05386,-0.04214,-0.05288,-0.072,0.00499,-0.03813,-0.02042,0.02424,-0.01538,0.00167,0.0241,-0.08923,0.03741,0.10102,-0.0141,-0.00521,-0.07917,0.07922,0.05483,-0.01016,-0.04337,-0.01354,0.05007,0.02099,0.01577,-0.05419,-0.06013,-0.04797,-0.03679,-0.06138,-0.04939,0.04727,-0.11563,-0.10196,-0.05771,0.07974,0.04107,0.01325,0.01323,-0.09295,-0.01175,-0.01416,0.03261,-0.03087,-0.00579,0.053,-0.00793,0.00665,-0.07939,0.02631,0.04214,-0.03935,-0.05869,-0.00395,-0.00713,-0.02878,0.00616,0.01557,-0.00625,0.00832,0.02451,-0.09988,0.03066,0.08634,0.01484,0.05214,-0.01171,0.08945,0.02258,-0.04706,-0.01584,-0.03045,0.04034,0.06962,0.07111,0.04106,0.0833,0.02711,0.00003,-0.0441,-0.07656,0.07448,-0.01985,-0.06492,0.06328,-0.02304,-0.03643,-0.04664,0.01124,0.04885,0.00679,0.00235,-0.02415,0.03592,-0.00672,-0.09384,-0.06424,0.01417,-0.05445,-0.00707,0.05563,0.07137,0.01535,-0.00224,0.04566,-0.00816,0.07401,-0.03101,-0.05008,0,0.0143,0.05904,-0.03852,0.04394,0.07416,-0.03285,-0.01313,-0.08513,-0.03437,0.0143,-0.00284,0.06575,-0.08177,0.02888,0.01428,-0.11177,-0.06381,0.0401,0.01387,0.02827,0.05692,-0.12935,-0.05188,0.03664,0.11169,0.08015,0.01011,0.07087,-0.05183,0.03612,0.02352,-0.03536,0.03667,0.00352,-0.0221,-0.02193,-0.11942,-0.10342,-0.02998,-0.0394,0.03352,-0.03358,-0.12553,0.0224,0.07486,-0.01661,-0.03729,-0.00178,0.11968,0.00864,0.03686,0.03644,0.01822,0.02982,0.01655,-0.04611,-0.05473,0.05083,0.04733,0.03805,0.03691,0.01933,-0.05392,-0.04041,0.04643,0.05476,-0.00892,-0.00248,0.06385,-0.03893,-0.09786,0.05274,-0.01109,0.03118,0.01311,-0.05783,-0.00431,0.03713,0.06646,-0.02974,-0.00047,-0.02805,-0.03172,0.07101,0.09288,-0.05242,0.00948,-0.03119,-0.10648,0.03946,0.0871,0.01469,0.01826,0.00272,0.06027,0,-0.00967,0.00953,-0.05282,0.10232,0.02177,-0.0813,0.04997,0.01737,0.08868,-0.00612,0.04733,0.02715,-0.01335,-0.04991,0.0135,-0.03671,-0.06967,-0.13046,0.04721,-0.03364,0.07315,0.07626,-0.05375,-0.03443,-0.05887,0.04273,-0.01441,-0.03385,0.01781,-0.01822,0.01675,0.02622,-0.10708,-0.04576,-0.03099,-0.02974,0.03379,0.02785,0.00981,-0.00395,0.04385,0.04509,-0.04419,-0.03932,-0.08738,0.03148,-0.03111,-0.01344,-0.00559,-0.00317,-0.01809,0.01209,-0.01828,-0.0568,-0.01756,0.04394,0.10278,0.03358,-0.05732,0.05103,-0.02058,0.01139,0.0618,0.02671,0.04467,0.07024,-0.02738,0.00182,0.03789,0.05504,0.0707,0.01957,-0.09434,0.00879,0.05946,0.02027,0.08894,-0.04158,0.04567,0.04418,-0.053,0.07796,0.02753,0.06385,0.07542,0.01133,-0.06324,-0.02181,0.05657,0.09743,-0.09394,0.01392,-0.01464,0.00711,-0.01527,0,-0.09875,0.02893,-0.0845,-0.02123,0.03689,0.00346,-0.05861,-0.03033,0.01158,-0.0144,0.03432,0.07751,-0.08488,0.00706,0.0988,-0.00665,-0.02208,0.00478,-0.06954,-0.04587,0.02753,0.0577,0.0324,0.07756,0.036,-0.02865,0.02517,0.07163,-0.02884,-0.00362,0.0122,0.0195,0.07234,0.04787,0.00659,0.01923,-0.07582,-0.01792,-0.0378,0.04659,0.08326,-0.01917,0.00646,-0.02225,-0.0447,0.07296,-0.05128,-0.08894,-0.0972,-0.00341,-0.07565,-0.00334,-0.07202,0.05786,0.01054,0.03738,-0.01919,-0.01295,0.06958,0.01147,-0.04611,0.05636,0.07327,-0.01323],"keywords":"Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 — Custom Content on Connections and Smarter Validation in Angular Foblex Flow 17.8 adds connection content and smarter validation rules for Angular workflow builders, node editors, and diagram interfaces. Other Improvements - Refactored Dagre layout example with better connection handling. - Connector IDs migrated to Angular Signals for improved reactivity. - Infrastructure update: added chokidar for file watching. - Angular dependencies updated to latest patch versions. 💡 Why This Matters These features move Foblex Flow closer to the UX of professional diagramming tools: - Content on connections makes diagrams informative and interactive. - Validation by category keeps flows correct and safe. - Deprecations streamline the API for future growth. Foblex Flow continues to evolve into a production-ready Angular framework for low-code editors, AI builders, and workflow tools. 🔗 Links - GitHub repo: <https://github.com/foblex/flow - Live examples: https://flow.foblex.com/examples ❤️ If you find it useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow. I Ds Git Hub","excerpt":"Other Improvements - Refactored Dagre layout example with better connection handling. - Connector IDs migrated to Angular Signals for improved reactivity. - Infrastructure update: added chokidar for file watching. - Angular dependencies updated to latest patch versions. 💡 Why This Matters These features move Foblex Flow closer to the UX of professional diagramming tools: - Content on connections makes diagrams informative and interactive. - Validation by category keeps flows correct and safe. - Deprecations streamline the API for future growth. Foblex Flow continues to evolve into a production-ready Angular framework for low-code editors, AI builders, and workflow tools. 🔗 Links - GitHub repo: <https://github.com/foblex/flow - Live examples: https://flow.foblex.com/examples ❤️ If you find it useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow."},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#0","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.10443,-0.00431,-0.05607,0.04979,0.0491,0.03825,-0.06762,-0.04121,0.03965,0.0545,-0.04738,0.0505,-0.09341,-0.00348,0.05579,-0.0144,-0.05363,0.03222,-0.02996,-0.06039,-0.06829,-0.01993,0.01982,-0.01387,0.0832,0.08687,-0.06439,-0.01945,0.04274,-0.07653,0.00505,0.08415,0.0932,0.02233,-0.12671,0.11941,-0.04282,0.0251,0.00376,-0.05544,0.00335,0.0361,0.00784,-0.05145,-0.06006,-0.01367,-0.10717,0.00264,-0.03523,0.0921,-0.01978,-0.11101,-0.13057,0.08502,0.04033,0.02852,0.00415,-0.06121,0.01776,-0.03323,0.03491,-0.00958,-0.0126,0.0617,0.04393,0.03593,-0.03545,0.00857,-0.02341,-0.02248,0.01719,-0.00563,0.01051,-0.00722,0.01437,0.00954,-0.04223,0.04232,-0.09077,-0.03391,0.06644,0.01227,0.01523,0.10108,0.02477,0.0427,0.02544,-0.06866,0.00245,-0.0187,-0.01368,0.06175,0.13258,0.00763,0.0322,-0.0253,0.01523,0.00641,-0.06343,0.03907,0.0299,-0.02236,0.06207,-0.02676,-0.03018,-0.03952,0.00309,-0.08085,-0.04234,-0.01602,0.01054,0.09054,-0.00345,-0.08201,-0.03905,-0.07976,-0.0167,-0.0402,-0.00946,0.0967,0.04956,0.00367,0.02078,0.02631,0.07,-0.01604,-0.02494,0,0.03569,0.04828,-0.05638,0.02447,0.11503,0.00045,-0.06855,-0.0335,-0.02927,-0.03242,0.04996,0.0353,-0.00533,0.04806,0.00393,-0.05794,-0.00597,0.07155,-0.04475,-0.00611,0.03836,-0.02762,-0.06222,0.01892,0.06063,0.10352,-0.00958,0.00219,-0.03384,0.01251,0.00197,-0.01192,-0.00221,0.03384,-0.03992,0.05624,-0.02654,-0.13324,0.06396,-0.04921,-0.02715,-0.02015,-0.14258,-0.05789,0.04172,-0.01964,-0.02786,0.0413,0.10691,-0.00868,-0.00471,0.05869,0.00688,-0.00127,0.02637,-0.05668,-0.00299,0.07615,0.05981,0.08447,0.0505,0.11011,-0.03645,-0.01879,0.01663,0.06149,0.03117,0.01267,0.06914,-0.07019,-0.09051,0.05118,-0.04214,0.02418,0.02495,-0.04622,0.01774,-0.05531,0.05405,-0.09303,-0.07282,-0.06542,-0.03128,-0.01125,0.05964,-0.06876,0.04236,-0.04681,-0.04414,-0.01089,0.12529,-0.00926,0.02536,0.00736,0.08006,0,0.04691,0.03241,-0.05208,0.10487,0.01344,-0.06321,-0.00052,0.04314,0.01103,0.03053,0.02058,0.00535,-0.02524,-0.05226,0.02601,0.01455,-0.03093,-0.07142,-0.02316,-0.07874,0.05676,-0.04851,0.05735,0.05954,-0.07527,0.04629,-0.02393,-0.06089,0.0514,-0.04387,-0.03373,-0.02484,-0.06794,-0.08335,0.0023,0.00203,-0.02163,0.10954,-0.00532,-0.01004,0.01471,0.05425,-0.02927,-0.00196,-0.05393,-0.0087,-0.03315,0.05993,-0.01799,-0.01575,-0.03795,0.0212,-0.02894,-0.09872,-0.04957,0.06758,0.08819,-0.02981,-0.03555,0.01757,-0.04882,-0.00425,0.00768,-0.02254,0.05709,0.01535,-0.003,0.0187,-0.02184,0.09146,0.03118,0.00169,-0.05259,-0.03309,0.08145,0.02871,0.1057,-0.03007,0.00434,-0.01503,0.01303,0.08459,0.02365,0.05646,-0.03738,0.03514,-0.0839,0.00525,0.02894,0.03546,-0.07564,-0.00195,0.04604,-0.011,-0.00817,0,-0.14971,0.00794,-0.01694,0.01498,0.07623,-0.05509,-0.07148,0.07806,-0.0033,-0.00821,0.03086,0.05327,-0.0711,-0.03365,0.06669,0.03168,-0.03886,-0.00074,-0.04372,-0.04381,0.03261,0.00636,0.00382,0.05901,-0.00336,-0.04128,-0.05466,0.07133,0.0171,-0.02176,-0.01086,0.05426,0.12056,0.08814,-0.00762,-0.02234,0.00465,0.01603,-0.01969,-0.01878,0.0766,-0.00716,-0.00081,0.01935,-0.08614,0.01772,-0.00457,-0.06658,-0.00372,-0.09741,-0.03115,0.00589,-0.0316,0.06269,-0.00619,0.07163,-0.02374,-0.00555,0.12953,-0.00981,-0.01554,0.01937,-0.01121,-0.03904],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 focuses on features that make Angular editors feel more complete in everyday use: smarter grouping, practical clipboard behavior, and real undo/redo support. The new release, v17.7.0, introduces smarter grouping, copy/paste, and undo/redo, all features that move a graph surface closer to a production-ready editor.","excerpt":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 focuses on features that make Angular editors feel more complete in everyday use: smarter grouping, practical clipboard behavior, and real undo/redo support. The new release, v17.7.0, introduces smarter grouping, copy/paste, and undo/redo, all features that move a graph surface closer to a production-ready editor."},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#1","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.10428,0.03296,-0.04096,0.09269,0.04066,0.08521,-0.04042,-0.01151,0.05174,0.0304,-0.04965,-0.00082,-0.08552,0.00045,0.00612,-0.04529,-0.096,0.08117,-0.11676,-0.09086,-0.04745,-0.05635,0.03747,0.00597,0.03163,0.07713,-0.0337,-0.0437,0.02159,-0.07064,-0.0071,0.09304,0.07946,0.00323,-0.09684,0.08815,-0.00915,0.07079,-0.00414,-0.06098,0.04025,0.04771,0.03102,-0.09347,-0.07612,0.03834,-0.04748,0.04837,-0.07543,0.02473,0.0532,-0.05119,-0.04361,0.17324,-0.00482,-0.01217,0.01403,-0.10533,0.0285,-0.03372,-0.01993,-0.02272,-0.02498,0.00371,-0.03161,0.02981,-0.04789,0.02576,-0.02034,0.05987,0.07362,-0.00629,0.03961,0.03519,0.07647,-0.00222,-0.07097,0.06833,-0.03079,0.03034,0.05241,0.02095,-0.00439,0.05777,-0.01261,0.0723,0.0149,-0.08547,-0.05157,-0.05766,-0.051,0.11543,0.07603,0.01591,0.04831,-0.04768,-0.01115,-0.05853,-0.05977,0.0326,0.07042,-0.00631,0.0327,0.00039,-0.04874,-0.0656,-0.02169,-0.01211,-0.01062,-0.0076,0.02159,0.04521,0.0417,-0.02896,-0.09396,-0.11279,0.02087,-0.05247,0.00204,0.06951,0.07674,0.06069,0.00017,0.01486,0.15162,0.02574,-0.01487,0,-0.05064,0.03311,-0.07788,0.04065,0.09113,-0.00621,-0.03994,-0.03545,-0.01607,-0.00404,-0.01872,0.02559,-0.03233,0.01127,-0.04408,-0.07965,-0.01285,0.06537,-0.01751,-0.0219,0.00964,0.00347,-0.04183,-0.00956,0.02198,0.02278,-0.05349,-0.00182,-0.0583,0.02735,0.00483,-0.00127,-0.02287,-0.01121,-0.09159,0.054,0.01381,-0.08747,0.05858,-0.00659,-0.00521,-0.01767,-0.07589,-0.02028,0.05026,-0.00972,0.02998,0.01608,0.03514,0.02135,0.00753,0.01759,0.03713,-0.0328,0.02185,-0.05144,-0.02558,0.1184,0.05208,0.0643,0.04546,0.05646,-0.05343,0.00294,0.06613,0.02641,0.07739,0.1048,0.06267,-0.05104,-0.01433,0.02433,0.00006,0.02883,0.02592,-0.02077,0.07188,0.00877,-0.00142,-0.03798,-0.04277,-0.04841,0.03421,-0.01597,0.038,-0.07869,0.02566,-0.02154,-0.10327,-0.03678,0.08491,-0.0215,0.07209,0.03419,0.06197,0,0.08174,0.05434,0.00844,0.047,0.0476,-0.07357,-0.00691,0.0519,0.03822,0.0088,-0.04143,0.0418,-0.00266,-0.07622,-0.02982,-0.01045,-0.03386,-0.06596,0.08889,-0.05554,0.07362,-0.05379,-0.00058,0.06526,-0.05984,-0.0084,-0.01718,-0.03697,0.06365,-0.00276,0.01124,-0.07723,-0.03466,-0.02262,-0.03323,-0.07588,-0.02932,0.14994,0.02306,0.01443,0.00411,0.02119,-0.02473,-0.0375,-0.00403,0.00382,0.02412,0.00119,-0.03863,0.02851,-0.05537,0.03262,-0.03337,-0.01911,-0.01771,0.07554,0.11767,-0.04395,-0.08182,0.01789,-0.02818,-0.03566,-0.00616,-0.03469,0.0536,0.06409,-0.04027,0.00412,-0.01185,0.10523,0.01449,-0.00625,-0.04482,-0.00335,0.02744,0.00029,0.0941,-0.01763,0.054,-0.00172,-0.03815,0.01922,-0.02342,0.04743,-0.06444,0.02889,-0.06836,0.03399,0.03734,0.07531,-0.06877,-0.05867,0.09705,-0.07603,-0.02685,0,-0.0752,0.01253,-0.02976,0.02819,0.04966,-0.04961,-0.10155,0.07666,0.00364,0.01843,-0.03228,0.07684,0.01903,-0.03737,0.05401,0.0095,-0.0396,-0.02396,-0.03388,-0.0378,0.02732,0.01026,0.02026,0.05819,-0.01785,-0.08067,-0.07075,0.01664,-0.00548,-0.06303,-0.03374,0.04141,0.03518,0.10376,-0.03538,-0.04722,-0.10108,0.02884,-0.03184,-0.02039,0.05756,-0.01666,0.04247,-0.02609,-0.08514,0.00509,-0.01986,-0.02547,-0.01056,-0.01476,0.03716,0.03089,-0.05969,0.06613,0.02265,0.02911,-0.0889,0.01089,0.11416,-0.01272,0.01076,0.06841,-0.03684,-0.04059],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. ✨ Smarter Grouping Working with groups is now more powerful and intuitive: - Auto-resize groups with fAutoSizeToFitChildren. - Auto-expand groups dynamically with fAutoExpandOnChildHit when children no longer fit inside. - Refactored and improved examples: - Grouping Example ::: ng-component <grouping</grouping [height]=\"600\" ::: - Drag-to-Group Example ::: ng-component <drag-to-group</drag-to-group [height]=\"600\" ::: ⚠️ Breaking Change - CSS class .f-parent-for-drop → renamed to .f-grouping-over-boundary. - Added .f-grouping-drop-active for valid grouping targets. 👉 If you use custom CSS for grouping, make sure to update your styles! f Auto Size To Fit Children f Auto Expand On Child Hit","excerpt":"✨ Smarter Grouping Working with groups is now more powerful and intuitive: - Auto-resize groups with fAutoSizeToFitChildren. - Auto-expand groups dynamically with fAutoExpandOnChildHit when children no longer fit inside. - Refactored and improved examples: - Grouping Example ::: ng-component <grouping</grouping [height]=\"600\" ::: - Drag-to-Group Example ::: ng-component <drag-to-group</drag-to-group [height]=\"600\" ::: ⚠️ Breaking Change - CSS class .f-parent-for-drop → renamed to .f-grouping-over-boundary. - Added .f-grouping-drop-active for valid grouping targets. 👉 If you use custom CSS for grouping, make sure to update your styles!"},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#2","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.09775,-0.01322,-0.0647,0.07788,0.00293,0.05075,-0.03468,-0.05363,0.04967,0.02934,-0.06403,0.03487,-0.07255,-0.03481,0.0369,0.01011,-0.08176,0.0563,-0.03898,-0.05741,-0.07112,-0.01313,-0.00002,-0.01122,0.05954,0.09026,-0.01164,-0.04636,0.05319,-0.04328,0.05447,0.04016,0.10292,0.03904,-0.12784,0.13876,-0.0461,0.00945,-0.00562,-0.07622,0.04392,0.03584,-0.00759,-0.07548,-0.06529,-0.03551,-0.10843,0.0316,-0.03591,0.07671,-0.00812,-0.11093,-0.09888,0.07722,0.01807,0.0052,0.01757,-0.04624,0.02007,-0.03287,0.04016,-0.00958,0.0194,0.06045,0.06944,0.07987,-0.09046,0.03046,-0.02534,-0.01308,0.01241,-0.01605,-0.00281,0.01548,-0.00739,0.00299,-0.06091,0.04157,-0.09402,0.02073,0.05142,0.01915,0.03086,0.0851,0.00587,0.06888,0.00195,-0.049,-0.00355,-0.02484,0.00707,0.08523,0.12827,-0.0095,0.06354,-0.02794,-0.00241,0.01657,-0.04918,0.01856,0.01701,0.00318,0.02598,-0.01455,-0.04611,-0.02513,0.00219,-0.08939,-0.05174,-0.00767,0.01463,0.10827,-0.02216,-0.06767,-0.03843,-0.08687,0.02507,-0.01595,-0.00953,0.11229,0.03475,0.00512,-0.01036,0.02008,0.08753,-0.00099,-0.00174,0,0.03763,0.04079,-0.06211,0.01308,0.10642,-0.00423,-0.01995,-0.06473,-0.03248,-0.05153,0.05018,0.0184,0.00122,0.0225,-0.02993,-0.03999,-0.0316,0.06606,0.00627,0.02192,0.05509,-0.02843,-0.03165,0.03485,0.07412,0.03202,-0.02121,-0.01333,-0.00072,0.00853,0.0416,-0.0266,-0.00487,0.03926,-0.08036,0.08254,0.00944,-0.07544,0.03782,-0.04511,0.00939,-0.0307,-0.09792,-0.0165,0.00567,-0.08838,-0.04296,0.07272,0.07377,-0.01794,0.01389,0.03391,0.00029,-0.06166,0.01178,-0.07041,-0.042,0.06609,0.0779,0.09539,0.06498,0.11569,-0.05575,0.0163,0.03764,0.06581,0.01772,0.00615,0.05883,-0.0659,-0.06555,0.0445,-0.08446,0.01108,0.00192,-0.0601,-0.01293,-0.05787,0.06628,-0.05186,-0.06508,-0.03499,0.00047,-0.01906,0.0742,-0.06055,-0.00462,-0.03916,-0.06137,-0.01853,0.15982,0.01262,0.02407,-0.01658,0.10496,0,0.02925,0.03656,-0.03165,0.10479,0.02661,-0.07065,-0.05174,0.01711,-0.0171,0.0113,0.00936,0.03668,-0.01792,-0.05095,-0.00636,0.00637,-0.01083,-0.06297,-0.01548,-0.1216,0.05598,-0.03907,0.10214,0.04418,-0.10907,0.00826,-0.02928,-0.03996,0.08324,-0.05072,-0.01338,0.03114,-0.04013,-0.06219,0.00743,0.01497,-0.02113,0.15015,0.04188,-0.03095,0.00243,0.01685,-0.05107,-0.01566,-0.04038,-0.02681,-0.04725,0.06118,-0.03043,-0.00483,-0.04273,0.00686,-0.08001,-0.0619,-0.03242,0.07115,0.06888,-0.01843,-0.00606,-0.00844,-0.04438,-0.01271,0.03598,-0.00283,0.0908,-0.00653,0.00658,0.03692,-0.01526,0.05758,0.02979,0.03064,-0.02748,-0.02597,0.07347,0.01599,0.07086,-0.01259,0.0336,0.02083,-0.00195,0.10626,0.0212,0.04383,-0.03806,0.01663,-0.05741,0.00203,0.03474,0.03959,-0.08759,-0.02518,0.0531,-0.03539,-0.02057,0,-0.12979,0.01013,-0.06195,0.03323,0.02567,-0.05971,-0.09808,0.04998,0.02764,-0.0345,0.01058,0.03361,-0.05215,-0.07218,0.06615,0.01535,0.00096,-0.00675,-0.02619,-0.03643,0.04298,-0.02017,0.02734,0.09331,0.01417,-0.05183,-0.04696,0.02177,0.03297,-0.01168,-0.03046,0.02123,0.08447,0.08722,-0.01211,-0.07389,0.00544,-0.01023,-0.05094,-0.00013,0.07385,-0.04871,0.01358,-0.01155,-0.07682,0.00049,0.00115,-0.02827,0.01687,-0.05397,0.01386,0.00824,-0.03546,0.0629,-0.02534,0.02531,-0.00302,0.00132,0.1313,-0.01974,-0.05499,0.04922,0.02828,-0.03701],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. 📋 Copy / Paste Example We all use copy, cut, and paste every day. Now your node-based editors can too. - New Copy-Paste Example. - Duplicate nodes (with their connections). - Remove selected elements. - Paste them back while maintaining consistent IDs and connections. This example shows how easy it is to implement clipboard functionality directly with Foblex Flow. I Ds","excerpt":"📋 Copy / Paste Example We all use copy, cut, and paste every day. Now your node-based editors can too. - New Copy-Paste Example. - Duplicate nodes (with their connections). - Remove selected elements. - Paste them back while maintaining consistent IDs and connections. This example shows how easy it is to implement clipboard functionality directly with Foblex Flow."},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#3","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.09471,0.00034,-0.03847,0.06342,0.01731,0.06714,-0.08066,-0.01061,0.05405,0.03032,-0.06678,0.03161,-0.08043,-0.00796,0.05145,-0.00548,-0.06456,0.02795,-0.01944,-0.0696,-0.05473,-0.02077,0.01572,-0.00176,0.05487,0.07733,-0.01039,-0.0015,0.02122,-0.0778,-0.00499,0.06905,0.05827,0.01063,-0.12573,0.12998,-0.02083,0.00959,-0.04493,-0.03988,0.01563,0.05817,0.01926,-0.05652,-0.04913,-0.0078,-0.05673,-0.02584,-0.04506,0.09323,-0.01477,-0.06744,-0.09776,0.05076,0.04811,0.04211,0.03471,-0.06687,-0.01937,-0.08433,-0.00417,-0.00572,-0.00381,0.03729,0.01295,0.05777,-0.01576,0.05739,0.02788,-0.02905,0.00982,-0.02845,0.01905,-0.05164,0.00517,-0.00892,-0.02085,0.08383,-0.09688,-0.04031,0.05415,0.00885,0.02201,0.08785,-0.01332,0.05563,0.01201,-0.0659,0.04311,-0.02814,-0.00528,0.05666,0.10582,-0.0332,0.07451,-0.02458,0.02195,0.01933,-0.05614,0.04628,0.0457,-0.00749,0.05405,-0.00812,-0.01436,-0.03623,0.0048,-0.03773,-0.0338,-0.00966,0.00455,0.04998,0.02145,-0.0472,-0.01373,-0.04293,-0.03707,-0.0472,-0.02955,0.09334,0.0497,0.00455,0.02503,0.00522,0.03074,-0.04277,0.01353,0,0.05971,0.05927,-0.04971,0.04981,0.10442,0.03017,-0.04048,-0.06389,-0.01857,-0.03191,0.07583,0.0789,-0.06952,0.0469,-0.0385,-0.04936,-0.0359,0.0583,0.00877,0.0088,0.05518,-0.00778,-0.06456,-0.01325,0.07114,0.07481,0.00582,0.03842,-0.05309,-0.01523,0.0494,-0.0252,-0.00579,0.02997,-0.0226,0.04647,-0.03738,-0.10586,0.0413,-0.05452,-0.00509,-0.03729,-0.14434,-0.05041,0.02159,-0.06533,-0.04955,0.00682,0.14404,0.00529,0.02974,0.05836,0.01145,-0.03224,0.00288,-0.05097,-0.02657,0.07591,0.04995,0.08612,0.08724,0.12238,-0.0371,-0.01223,0.02178,0.08589,-0.01462,0.02428,0.09127,-0.08894,-0.09068,0.0256,-0.03918,0.00411,0.05881,-0.05982,0.01932,-0.04536,0.02043,-0.06625,-0.05246,-0.09553,-0.04101,0.03187,0.10735,-0.0607,0.03439,-0.03388,-0.07762,-0.0007,0.13543,-0.00751,0.047,-0.00076,0.08917,0,0.03823,-0.01804,-0.05365,0.09564,0.01063,-0.1089,-0.0254,0.0577,0.05772,-0.01082,0.01567,0.00863,-0.00731,-0.04336,0.0046,0.00187,0.00317,-0.11208,-0.00296,-0.06639,0.0442,-0.02953,0.04721,0.01376,-0.10993,0.05834,-0.02309,-0.0343,0.01921,-0.06239,-0.02291,-0.04663,-0.04663,-0.07327,-0.02443,-0.06134,-0.00595,0.08814,-0.03026,-0.02388,0.02071,0.05454,-0.04951,-0.00294,-0.04066,0.03524,-0.07761,0.01676,0.00682,-0.01084,-0.03078,0.02679,-0.04351,-0.09062,-0.02298,0.03582,0.10652,-0.01929,-0.01925,0.02246,-0.07504,0.00859,0.02219,-0.01964,0.04453,0.02796,0.00082,0.00308,-0.00779,0.08186,0.04815,0.03282,-0.06167,-0.01377,0.12714,0.0065,0.07368,-0.01605,0.02344,-0.03342,-0.00993,0.06609,0.02304,0.04079,-0.0179,0.02742,-0.10043,-0.00272,0.05012,0.04624,-0.06654,-0.00274,0.05065,-0.00893,-0.00783,0,-0.12656,0.03976,-0.00952,0.01359,0.07461,-0.06521,-0.05727,0.05874,-0.01194,-0.04928,0.02308,0.09155,-0.06451,-0.07243,0.03941,0.03017,0.00755,-0.00007,-0.03075,-0.01839,0.01583,0.02555,-0.01095,0.07788,0.01818,-0.00559,-0.00022,0.03857,0.01585,-0.01601,0.02433,0.02416,0.11754,0.10394,-0.04495,-0.07559,0.00877,0.02759,-0.00881,-0.03295,0.05341,0.0194,0.00288,-0.00184,-0.09828,0.01867,-0.01902,-0.07962,-0.02754,-0.0893,-0.05856,0.03993,-0.05312,0.08812,-0.01026,0.06137,-0.00002,-0.00625,0.07596,-0.0107,-0.02094,0.02807,0.00785,-0.03168],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. ⏪ Undo / Redo Example No editor feels complete without Undo/Redo. With v17.7, Foblex Flow added a reference implementation: - Powered by @foblex/mutator. - Tracks state changes, snapshots, and history. - Enables true time-travel editing for your diagrams. Undo/Redo creates a smoother and more interactive editing experience, and is often a must-have for production tools. The original standalone demo has since been retired. Use the maintained Managed Flow State example for built-in history and persistence.","excerpt":"⏪ Undo / Redo Example No editor feels complete without Undo/Redo. With v17.7, Foblex Flow added a reference implementation: - Powered by @foblex/mutator. - Tracks state changes, snapshots, and history. - Enables true time-travel editing for your diagrams. Undo/Redo creates a smoother and more interactive editing experience, and is often a must-have for production tools. The original standalone demo has since been retired. Use the maintained Managed Flow State example for built-in history and persistence."},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#4","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.07848,-0.01792,-0.05672,0.08248,0.03271,0.07864,-0.04201,-0.05755,0.06281,0.03044,-0.06634,0.04073,-0.09946,-0.03322,0.04529,-0.0323,-0.08462,0.06302,-0.06304,-0.05674,-0.06732,0.00143,0.01161,-0.01716,0.0457,0.07706,-0.03646,-0.04267,0.04749,-0.06543,0.02064,0.1259,0.08181,0.00961,-0.11671,0.11598,-0.04872,-0.00087,-0.00778,-0.05392,0.03031,0.02414,0.00313,-0.08585,-0.08721,-0.00586,-0.07719,-0.009,-0.04732,0.08016,0.02152,-0.07557,-0.09426,0.11305,0.03762,0.01498,0.0251,-0.03795,0.00272,-0.04636,-0.0069,-0.01569,-0.0161,0.04208,0.04189,0.06782,-0.07175,-0.00069,0.00186,0.00256,0.0193,0.00657,0.04407,-0.02479,0.04375,0.00826,-0.07117,0.06781,-0.06657,-0.02364,0.10014,0.01468,0.02099,0.07424,0.03254,0.06059,-0.00387,-0.0575,-0.01369,-0.01636,-0.0367,0.05742,0.11086,0.01121,-0.00284,-0.02315,-0.00309,0.00708,-0.06017,0.01846,0.04061,-0.02397,0.03986,0.00123,-0.03254,-0.05803,-0.00789,-0.05997,-0.03972,-0.01912,0.01216,0.07723,-0.00172,-0.08623,-0.0572,-0.06693,0.00142,-0.02815,-0.01541,0.07501,0.05355,-0.00906,0.03797,0.0242,0.06638,-0.04786,-0.02176,0,0.01764,0.07305,-0.06992,0.00938,0.11614,0.00218,-0.00237,-0.05682,-0.02124,-0.04789,0.06168,0.07334,-0.03126,0.02089,-0.05037,-0.07974,-0.0391,0.06977,-0.0198,0.00368,0.07272,0.02292,-0.04296,-0.00313,0.0251,0.06277,-0.01695,0.00037,-0.05723,0.0293,0.03128,-0.00456,0.00536,0.03394,-0.04384,0.03111,-0.01457,-0.09949,0.01725,-0.04133,-0.02532,-0.02146,-0.12281,-0.07011,0.03356,-0.0559,-0.04757,0.03771,0.14427,-0.01131,0.00417,0.03991,0.03483,-0.03566,0.03239,-0.05457,-0.04612,0.10415,0.07065,0.07265,0.0598,0.07489,-0.04254,-0.02605,0.01648,0.0518,0.04055,0.01165,0.04773,-0.08065,-0.04791,0.04212,-0.04433,0.04349,0.04616,-0.03168,0.03004,-0.01563,0.03254,-0.06785,-0.05663,-0.03857,-0.02742,0.01115,0.07004,-0.06353,0.00645,-0.04771,-0.08697,-0.01615,0.12778,-0.00611,0.04177,0.00227,0.07978,0,0.06799,0.02914,-0.07375,0.09859,0.01684,-0.06552,-0.00025,0.0373,0.06603,0.03867,0.02611,0.01567,-0.02679,-0.05548,-0.03629,0.00575,-0.01888,-0.05726,-0.00477,-0.08764,0.0431,-0.06883,0.06277,0.04016,-0.10062,0.04986,-0.00311,-0.03723,0.04748,-0.04377,-0.00299,0.00027,-0.07516,-0.05803,-0.00582,-0.03027,-0.01819,0.13217,-0.00262,-0.0134,0.02438,0.04999,-0.01796,-0.01358,-0.03764,-0.02236,-0.01819,0.00594,0.03395,0.0089,-0.00973,0.00108,-0.07179,-0.05319,-0.05857,0.0607,0.09337,-0.01206,-0.02132,0.03605,-0.0374,-0.00232,0.03,-0.02998,0.08317,0.01809,-0.0041,0.02573,0.03961,0.06303,0.04295,-0.01997,-0.05881,0.00552,0.06642,0.01222,0.10449,-0.05237,0.02578,0.00219,0.00557,0.05463,-0.00718,0.05908,-0.02999,-0.0059,-0.08156,0.00361,0.02129,0.03475,-0.07431,0.01019,0.08168,-0.04528,-0.01467,0,-0.13912,-0.01844,-0.06715,0.02114,0.05531,-0.08069,-0.11292,0.06797,-0.02198,-0.0627,0.00515,0.07702,-0.04758,-0.07505,0.05741,0.01928,-0.0152,-0.01085,-0.04998,-0.05818,0.01941,0.01988,-0.00408,0.03326,0.00463,-0.00264,-0.02716,0.04908,0.03664,-0.01956,0.00798,0.03522,0.06919,0.06847,-0.05499,-0.03712,-0.00693,-0.016,-0.02523,-0.03269,0.07943,-0.01838,0.00325,-0.00291,-0.08438,0.02901,-0.01935,-0.04356,-0.01886,-0.07319,-0.00198,0.04979,-0.05061,0.11145,-0.01255,0.03618,-0.01883,-0.02754,0.13806,-0.03549,-0.04123,0.05552,0.04953,-0.02298],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. 📚 Documentation Updates We’ve refreshed the docs to reflect these improvements: - FNodeDirective - FFlowComponent - FCanvasComponent F Node Directive F Flow Component F Canvas Component","excerpt":"📚 Documentation Updates We’ve refreshed the docs to reflect these improvements: - FNodeDirective - FFlowComponent - FCanvasComponent"},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#5","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.0881,0.00206,-0.05137,0.06552,0.02532,0.04748,-0.06925,-0.02007,0.07614,0.03541,-0.06259,0.04109,-0.08286,-0.02335,0.05635,-0.0198,-0.05804,0.02507,-0.05024,-0.04179,-0.06907,-0.02564,0.00996,-0.02567,0.04065,0.05607,-0.0424,0.00197,0.03494,-0.08684,-0.01015,0.08698,0.07146,0.02003,-0.13432,0.12773,-0.02831,0.01169,-0.03019,-0.06451,0.0012,0.04138,0.0001,-0.05421,-0.05573,-0.0233,-0.08836,0.00134,-0.04638,0.08103,-0.02818,-0.09877,-0.12012,0.09113,0.04071,0.03468,0.01967,-0.06784,0.00835,-0.0418,0.00305,0.01086,-0.0043,0.06464,0.03291,0.05045,-0.03263,0.03464,-0.00592,-0.02976,0.01867,-0.02103,0.01429,-0.01907,0.0206,0.00456,-0.05318,0.05059,-0.07231,-0.04183,0.06672,0.03786,0.0088,0.11483,0.03305,0.07031,0.03023,-0.07753,0.01728,-0.02271,0.00121,0.06448,0.13666,0.00106,0.05794,-0.03707,0.01517,0.00077,-0.07083,0.02345,0.04145,-0.03857,0.07931,-0.01704,-0.01631,-0.05522,0.02191,-0.07102,-0.05598,-0.01663,0.00912,0.07,-0.00457,-0.09311,-0.05001,-0.05054,-0.03931,-0.04006,-0.01015,0.09117,0.04874,-0.0049,0.02984,0.0107,0.07208,-0.04582,-0.02821,0,0.015,0.04138,-0.05649,0.02792,0.12087,0.00742,-0.04064,-0.0529,-0.0347,-0.03729,0.05696,0.06099,-0.03063,0.06093,-0.00442,-0.02562,-0.01977,0.07286,-0.05489,-0.00574,0.05681,-0.03251,-0.07592,0.00248,0.03877,0.11586,-0.01395,0.01489,-0.04808,0.02011,0.02661,-0.02602,0.01087,0.03945,-0.04705,0.05939,-0.02387,-0.12125,0.05858,-0.03646,-0.02745,-0.01263,-0.14064,-0.04278,0.04439,-0.04295,-0.03741,0.01863,0.10296,-0.0071,0.00582,0.06871,0.03358,-0.00918,0.03272,-0.06184,-0.01952,0.07202,0.05184,0.08283,0.04621,0.1274,-0.04462,0.01362,0.01488,0.06715,0.03789,0.00481,0.07366,-0.0851,-0.0919,0.04155,-0.02578,0.02474,0.02008,-0.05559,0.02613,-0.02193,0.07178,-0.07033,-0.05726,-0.05199,-0.03211,0.00224,0.04709,-0.0686,0.00823,-0.03024,-0.08128,0.01902,0.14878,-0.00656,0.02101,0.00147,0.07586,0,0.02391,0.02481,-0.06319,0.07089,-0.00006,-0.06784,-0.00438,0.023,0.03087,0.01628,0.03454,0.01436,-0.04163,-0.04015,0.02757,0.00359,-0.01822,-0.08524,-0.03081,-0.09363,0.06184,-0.0282,0.05276,0.03914,-0.09228,0.05093,-0.03283,-0.05099,0.03432,-0.04824,-0.0122,-0.03174,-0.06901,-0.06885,0.00873,-0.04026,-0.02608,0.10683,-0.00954,-0.01264,0.03116,0.0596,-0.01458,-0.00462,-0.04874,0.00772,-0.03567,-0.00008,0.01246,-0.02329,-0.02903,-0.00197,-0.02587,-0.11316,-0.04109,0.0692,0.09596,-0.01776,-0.02386,0.03465,-0.03139,-0.00766,0.02981,-0.01825,0.05386,0.02118,-0.00788,0.0068,-0.00306,0.05773,0.04031,0.01353,-0.06049,-0.02702,0.06788,0.02506,0.09405,-0.01996,0.00503,0.01271,0.00212,0.05985,0.01382,0.06944,-0.03675,0.01708,-0.0959,-0.0036,0.03243,0.01809,-0.08673,-0.00977,0.04885,0.00133,-0.00851,0,-0.12131,0.00603,-0.02119,0.01214,0.04481,-0.05709,-0.1058,0.06325,-0.01546,-0.00751,0.0325,0.06435,-0.07325,-0.06196,0.06617,0.02928,-0.04037,-0.00912,-0.04358,-0.05388,0.03279,0.02727,0.00022,0.0593,0.00757,-0.00636,-0.03172,0.05293,0.00651,-0.01572,0.01421,0.04094,0.11098,0.13408,-0.03253,-0.05384,-0.00878,0.02558,-0.02185,-0.0196,0.0857,-0.0175,0.01425,0.0176,-0.08351,0.03789,-0.0031,-0.07091,-0.02251,-0.06866,-0.05243,0.02027,-0.04493,0.09125,-0.01395,0.04954,-0.00104,-0.01749,0.10823,-0.00375,-0.03406,0.03094,0.02427,-0.01304],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. Why This Matters With these features, Foblex Flow becomes even more practical for real-world editors: - Grouping makes complex diagrams easier to manage. - Copy/Paste is expected by every user. - Undo/Redo provides the safety net people need when building flows. Together, they bring Angular-based visual editors closer to the standard set by professional design tools.","excerpt":"Why This Matters With these features, Foblex Flow becomes even more practical for real-world editors: - Grouping makes complex diagrams easier to manage. - Copy/Paste is expected by every user. - Undo/Redo provides the safety net people need when building flows. Together, they bring Angular-based visual editors closer to the standard set by professional design tools."},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#6","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.10668,0.00164,-0.05586,0.09363,0.02894,0.06294,-0.06088,-0.08089,0.04181,0.04609,-0.06054,0.05087,-0.0807,-0.02481,0.04815,-0.00536,-0.11518,0.08571,-0.03861,-0.08866,-0.05804,0.0139,0.01729,-0.006,0.05945,0.07752,-0.01799,-0.034,0.03513,-0.07147,0.00316,0.09153,0.09561,0.03018,-0.11735,0.14879,-0.05567,0.01522,-0.01072,-0.05175,0.02651,0.04716,0.01076,-0.0875,-0.06453,-0.01616,-0.08592,0.00459,-0.03506,0.06182,0.02254,-0.09518,-0.10039,0.11485,0.04213,0.01915,0.03377,-0.07546,-0.00047,-0.07075,0.04349,-0.0049,-0.01762,0.03645,0.0271,0.07316,-0.04897,0.05278,0.00622,-0.01552,0.02553,-0.01151,0.03027,-0.01054,-0.00417,0.02178,-0.05692,0.04526,-0.09707,0.00002,0.04566,0.00944,0.02608,0.09305,0.03285,0.04403,0.02204,-0.05351,0.00193,-0.03683,-0.04075,0.0703,0.10594,-0.02005,0.04355,-0.03576,0.02745,-0.0081,-0.04611,0.02918,0.04624,-0.02253,0.03283,-0.02935,-0.01681,-0.03854,0.00246,-0.06513,-0.03729,-0.01219,0.01348,0.09832,-0.01708,-0.07049,-0.05966,-0.0812,0.00894,-0.01715,-0.03784,0.10317,0.06724,-0.01747,0.01605,0.01836,0.06266,-0.02918,-0.02199,0,0.04262,0.03688,-0.05884,0.01979,0.11921,0.00447,-0.02555,-0.05526,-0.02841,-0.0338,0.05398,0.0679,-0.0204,0.02532,-0.05516,-0.08457,-0.03814,0.06134,-0.00731,0.01207,0.04274,-0.0065,-0.0724,-0.01309,0.04373,0.06523,-0.01419,-0.02479,-0.04102,0.01039,0.06839,-0.01832,0.00004,0.0526,-0.04594,0.04961,-0.00874,-0.08402,0.05439,-0.04311,-0.00266,-0.02375,-0.11396,-0.0555,0.0347,-0.04245,-0.03966,0.01743,0.13461,-0.0338,0.01341,0.0384,0.01258,-0.03825,0.02202,-0.05775,-0.03228,0.08977,0.05349,0.09604,0.05634,0.08355,-0.04763,-0.02267,0.0205,0.02909,0.02125,0.01783,0.05192,-0.07004,-0.0706,0.05153,-0.04456,0.03945,0.00866,-0.02946,0.03608,-0.01292,0.02659,-0.07396,-0.0494,-0.06794,-0.00875,-0.00779,0.07447,-0.04503,0.02052,-0.05076,-0.07686,-0.03148,0.12727,0.01086,0.05886,-0.00571,0.09363,0,0.05507,0.03434,-0.05015,0.08807,0.03122,-0.07498,-0.00072,0.04059,0.05199,0.04385,0.00065,0.01739,-0.01361,-0.0411,0.00847,-0.01575,-0.02747,-0.06708,0.00394,-0.06607,0.0563,-0.04444,0.07298,0.02009,-0.08836,0.03527,-0.01521,-0.02835,0.04763,-0.04425,-0.00066,-0.00056,-0.05709,-0.03667,-0.01416,-0.01318,-0.02385,0.1363,0.00077,0.00498,0.02905,0.051,-0.02873,-0.01459,-0.03211,-0.0291,-0.03512,0.03938,-0.00182,-0.01003,-0.03878,0.01694,-0.05776,-0.07017,-0.03753,0.06556,0.10542,-0.05542,-0.01508,0.02571,-0.06375,0.01029,0.02888,-0.01755,0.05337,0.00017,-0.00169,-0.00771,-0.0232,0.06211,0.02379,0.01597,-0.06178,-0.0135,0.08207,0.00375,0.07533,-0.02864,0.02435,-0.02158,0.02461,0.061,0.00644,0.06589,-0.04557,0.02507,-0.07836,0.01661,0.04041,0.0381,-0.08736,-0.02632,0.06982,-0.04521,-0.02578,0,-0.14423,-0.0108,-0.02746,0.01867,0.0428,-0.0715,-0.10917,0.09403,-0.00047,-0.05801,0.00505,0.06622,-0.06525,-0.07113,0.04558,0.03649,-0.01243,-0.00957,-0.03127,-0.03892,0.02401,0.01702,-0.00814,0.06863,0.01076,-0.00934,-0.02363,0.05457,0.00648,-0.05725,0.01729,0.03232,0.07523,0.09581,-0.01301,-0.04761,0.00519,-0.00676,-0.02143,-0.02106,0.07047,-0.00824,0.00719,-0.00241,-0.0843,0.02276,-0.0232,-0.05868,-0.00319,-0.08554,0.00507,0.02605,-0.05809,0.07984,-0.03655,0.05761,-0.01977,-0.02474,0.11425,-0.01655,-0.03571,0.06318,0.01515,-0.03293],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. 🔗 Links - GitHub repo: <https://github.com/foblex/flow - Live examples: <https://flow.foblex.com/examples Git Hub","excerpt":"🔗 Links - GitHub repo: <https://github.com/foblex/flow - Live examples: <https://flow.foblex.com/examples"},{"chunkId":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular#7","slug":"foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","route":"/blog/foblex-flow-17-7-smarter-grouping-copy-paste-and-undo-redo-in-angular","section":"blog","title":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular","description":"Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders.","group":"Releases","vector":[-0.13333,-0.00404,-0.0729,0.0568,0.04171,0.06507,-0.05937,-0.02123,0.03395,0.06414,-0.08212,0.03781,-0.09735,-0.02127,0.05215,0.01177,-0.08199,0.0635,-0.04993,-0.05785,-0.08,0.00264,0.02712,-0.01382,0.02729,0.07509,-0.01669,-0.04774,0.03158,-0.06999,0.01959,0.10547,0.10711,0.03286,-0.13089,0.1249,-0.05191,-0.00963,-0.00891,-0.05774,0.00351,0.05736,0.00036,-0.092,-0.04554,-0.0286,-0.06514,-0.02189,-0.04622,0.0548,-0.02842,-0.11302,-0.09967,0.08267,0.03321,0.01415,0.02912,-0.06948,-0.00464,-0.04192,0.02947,-0.01161,-0.00465,0.05019,0.04875,0.04855,-0.07473,0.03839,-0.02154,-0.04206,0.02156,-0.00891,0.03936,-0.01604,0.0179,0.0003,-0.05907,0.06004,-0.02956,-0.01589,0.05384,-0.00047,0.02693,0.10459,0.02277,0.05849,0.03109,-0.05113,0.00912,-0.02733,0.00762,0.06959,0.10906,0.00076,0.03888,-0.02501,0.00585,-0.02109,-0.07955,0.04532,0.01234,-0.01358,0.05245,-0.04677,-0.04114,-0.03209,0.04814,-0.05374,-0.02347,-0.01676,0.00877,0.07833,-0.01214,-0.10204,-0.03008,-0.05979,-0.00068,-0.01279,-0.00413,0.0988,0.0565,-0.02016,0.02064,0.01601,0.08625,-0.03136,-0.02058,0,0.02469,0.054,-0.05825,0.01227,0.11679,-0.0143,-0.01319,-0.07523,-0.04067,-0.04183,0.05693,0.05023,-0.02989,0.05011,-0.02501,-0.08737,-0.03774,0.04892,-0.00148,0.00105,0.07157,-0.03852,-0.06274,0.00081,0.05089,0.09044,0.01206,-0.01466,-0.04473,0.02423,0.02416,-0.0139,-0.02824,0.04134,-0.04356,0.04307,-0.04496,-0.0972,0.0317,-0.02916,-0.00805,-0.0206,-0.1213,-0.06236,0.04523,-0.03871,-0.03227,0.01666,0.14445,0.0082,0.01093,0.04998,0.00365,-0.00759,0.04273,-0.04167,-0.04274,0.07552,0.07384,0.07045,0.07275,0.06898,-0.0541,-0.02318,0.0274,0.05191,0.04011,0.01139,0.08186,-0.06333,-0.06784,0.02333,-0.02322,0.03774,0.02858,-0.03512,0.03569,-0.03026,0.07207,-0.08901,-0.05357,-0.05426,-0.01302,0.01777,0.07417,-0.05557,-0.00777,-0.03073,-0.07974,-0.00342,0.12621,-0.01158,0.01804,-0.00525,0.05919,0,0.03752,0.01572,-0.07999,0.08019,0.01763,-0.07877,0.00635,0.04009,0.06643,0.04385,0.03013,0.00718,-0.01983,-0.0424,0.02765,-0.00438,-0.01896,-0.09009,0.01348,-0.06376,0.04375,-0.02133,0.07052,0.00679,-0.08097,0.04288,-0.03431,-0.00178,0.05112,-0.03904,-0.013,-0.02186,-0.07939,-0.07118,-0.03722,-0.02511,0.00131,0.09914,-0.02449,-0.01852,0.04239,0.03501,-0.01396,-0.01757,-0.05515,-0.00373,-0.03839,0.03673,-0.00017,-0.01862,-0.02599,0.00517,-0.04594,-0.08252,-0.06139,0.05341,0.1028,-0.03165,-0.04753,0.06347,-0.06032,0.00556,0.03638,-0.02884,0.07974,0.02678,-0.01767,0.03499,0.00817,0.05924,0.04995,-0.00439,-0.0532,0.00752,0.06201,0.03044,0.09365,-0.03738,0.03283,-0.00747,0.03138,0.05939,0.00932,0.04686,-0.01771,0.01443,-0.07969,-0.02667,0.03376,0.05871,-0.09803,0.00607,0.06201,-0.029,-0.01791,0,-0.13274,0.00944,-0.03352,0.01488,0.06213,-0.0552,-0.12032,0.06379,-0.00138,-0.03157,0.01724,0.06531,-0.06075,-0.04133,0.05639,0.02141,-0.03628,-0.00188,-0.04417,-0.04894,0.05627,0.04014,0.00145,0.03531,0.01925,-0.02097,-0.01217,0.03988,0.00297,-0.03282,0.00742,0.06704,0.10827,0.0795,-0.01171,-0.0362,-0.00244,-0.01124,-0.05295,-0.02287,0.07852,0.00424,0.001,-0.01403,-0.092,0.01904,-0.01958,-0.08136,-0.00167,-0.08426,-0.02066,0.03158,-0.06154,0.09405,-0.00137,0.06447,-0.02884,-0.02194,0.09992,-0.01823,-0.02778,0.04112,0.03285,-0.01678],"keywords":"Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 — Smarter Grouping, Copy/Paste, and Undo/Redo in Angular Foblex Flow 17.7 adds grouping improvements, copy/paste, and undo/redo patterns for Angular node editors and workflow builders. ❤️ Support the Project This release moves Foblex Flow another step closer to being a full-fledged framework for building low-code and AI editors in Angular. If you find it useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow. Git Hub","excerpt":"❤️ Support the Project This release moves Foblex Flow another step closer to being a full-fledged framework for building low-code and AI editors in Angular. If you find it useful, please ⭐ the repo on GitHub — it’s the best way to support the project and help it grow."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#0","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.03314,-0.00279,0.01676,-0.0285,0.03698,0.06252,-0.10987,0.06007,0.03451,0.0121,-0.07314,0.02417,-0.04992,0.01602,0.08099,-0.0024,-0.02125,-0.02384,0.03259,-0.02691,-0.08595,-0.03127,0.01531,-0.01131,0.01488,0.03977,-0.04402,-0.00189,0.0253,-0.05273,-0.01224,0.09397,-0.06487,0.00011,-0.09729,0.08592,0.0224,-0.01867,-0.03584,-0.00776,0.02778,0.05252,0.01157,-0.03933,-0.02658,0.01998,-0.04217,-0.052,-0.10636,0.08168,-0.07673,-0.10195,-0.0539,0.03338,0.02748,-0.03237,-0.02737,-0.12167,0.01628,0.06332,-0.02713,-0.02443,0.01955,0.07262,0.07037,0.0403,-0.05424,0.05709,0.02341,0.02003,-0.01124,-0.04545,0.04311,-0.03331,0.03487,-0.00567,-0.00981,0.0368,-0.00361,-0.11162,0.02328,0.03973,-0.01893,0.04799,-0.05932,0.05227,0.03558,-0.0807,0.0117,-0.04299,0.04783,0.03721,0.11644,0.02665,0.07558,0.03041,-0.03303,-0.0114,-0.06859,0.0022,0.01268,-0.06971,0.05208,-0.04666,0.00352,-0.04361,-0.00426,0.01918,-0.01024,-0.01031,-0.03863,0.01579,0.00697,-0.05462,-0.06408,-0.02657,-0.03843,-0.00641,0.09135,0.06852,-0.03276,0.03322,0.07053,-0.00957,0.02541,-0.04744,-0.09522,0,-0.04003,0.04113,0.01895,0.06999,0.03469,-0.00908,0.00472,-0.08164,-0.00336,0.03983,0.02436,0.10667,-0.08022,0.07297,0.02234,-0.05479,-0.04329,0.03011,-0.03219,0.01852,0.08904,-0.03361,-0.01516,0.03101,0.08532,0.06558,-0.00894,0.06325,-0.11501,0.03312,0.01558,0.00734,0.03095,0.01474,-0.01764,0.00741,-0.11948,-0.09227,-0.03844,-0.05577,-0.01821,-0.0164,-0.17784,0.01782,0.09668,-0.04091,-0.03991,-0.03746,0.07676,0.01421,0.0213,0.07247,-0.00171,0.03436,0.04169,-0.07939,-0.02355,0.02929,0.0421,0.0817,0.03712,0.07599,-0.05141,-0.09192,0.02826,0.07763,-0.02116,-0.00865,-0.01147,-0.05543,-0.0754,0.04351,-0.0191,0.04667,0.02206,-0.04641,-0.04127,0.03239,0.05107,-0.03791,-0.05067,-0.03074,-0.00574,0.05228,0.06987,-0.07889,0.03661,-0.00728,-0.04147,0.07567,0.09829,0.01772,-0.01752,0.06002,0.04899,0,-0.06588,0.01191,0.00316,0.10275,-0.01947,-0.10418,0.04749,0.0075,0.06993,0.01852,0.0423,0.01222,-0.0142,-0.01833,0.05105,-0.0643,0.02719,-0.16122,0.03614,-0.06019,0.08304,0.05143,-0.05959,-0.02071,-0.03552,0.08709,-0.02267,-0.09295,0.01617,-0.04082,-0.01315,-0.02993,-0.04266,-0.05767,-0.0073,-0.08271,-0.00171,0.04222,-0.01559,-0.06155,0.0057,0.04302,-0.03713,-0.00569,-0.05024,0.02242,-0.02335,-0.01708,0.04684,-0.01612,-0.03229,0.02579,0.01269,-0.09045,-0.03514,0.01737,0.10041,0.03245,-0.00021,0.01456,-0.0226,0.01786,0.05412,-0.03972,0.00594,0.05754,-0.01235,-0.00843,0.04472,0.05381,0.06718,0.03655,-0.13079,-0.016,0.03923,0.08942,0.1118,0.0111,0.01401,0.00803,-0.037,0.0889,0.01408,0.06041,0.09154,0.02003,-0.05647,-0.14375,0.04363,0.06587,-0.03407,-0.04532,-0.07737,0.02446,0.03982,0,-0.08734,0.04752,-0.03389,-0.02815,0.04505,0.00829,-0.02791,0.05724,-0.00518,0.06919,0.05068,0.09738,-0.04382,-0.03923,0.05077,-0.01321,-0.04503,0.0053,-0.04531,-0.03212,-0.02235,0.02421,0.03973,0.04041,-0.03497,-0.02741,0.03682,0.01148,-0.02367,-0.01241,-0.03625,0.0102,0.03312,0.03893,-0.02948,-0.02159,-0.07261,-0.0001,-0.06551,0.03046,0.0339,-0.0001,0.01606,0.00158,-0.02753,0.03414,-0.02049,-0.05194,-0.07602,-0.00696,-0.08101,0.00919,-0.07966,0.07582,0.02387,0.03101,-0.0373,-0.08043,-0.00658,0.00404,-0.05629,-0.05226,0.06163,-0.00951],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. Angular Diagram and Flow Libraries Compared (2026) An honest map of the options for building diagrams, flowcharts and node editors in Angular in 2026 — including where each one beats Foblex Flow. I maintain Foblex Flow, so read this as a maintainer's map of the territory, not a neutral review; every claim below is checkable.","excerpt":"Angular Diagram and Flow Libraries Compared (2026) An honest map of the options for building diagrams, flowcharts and node editors in Angular in 2026 — including where each one beats Foblex Flow. I maintain Foblex Flow, so read this as a maintainer's map of the territory, not a neutral review; every claim below is checkable."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#1","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.04363,-0.04354,0.00117,0.01047,0.05596,0.0675,-0.10225,0.09156,0.06509,0.05366,-0.07175,0.03193,-0.06855,0.06141,0.10455,0.00578,-0.00719,-0.02845,0.01329,-0.04719,-0.09386,-0.04512,0.02194,0.00438,0.04445,0.08798,-0.02424,-0.02244,0.03723,-0.0519,-0.03202,0.04099,-0.03138,-0.00607,-0.19663,0.07246,0.03164,-0.00302,-0.06694,-0.03154,0.00463,0.07532,0.0047,-0.0402,-0.00814,-0.01754,-0.08653,-0.03817,-0.07281,0.06735,-0.08696,-0.12735,-0.0534,0.02304,0.05055,-0.01821,-0.00437,-0.10231,0.03611,0.0215,-0.01734,0.00256,0.03455,0.07098,0.02867,0.02995,-0.02217,0.05427,0.06927,-0.04633,-0.04356,-0.0414,0.03358,-0.01622,0.01629,-0.05948,-0.00357,0.02236,-0.01326,-0.06102,0.04107,0.06639,-0.05214,0.06037,-0.0564,0.07795,0.05255,-0.03604,0.01396,-0.04478,0.05185,0.01125,0.09893,-0.00804,0.02317,0.04274,-0.0142,0.00807,-0.09686,0.01133,0.01462,-0.09176,0.05128,-0.02126,-0.01486,-0.05651,-0.00987,0.00292,-0.01364,0.0031,-0.02497,0.0097,-0.04181,-0.04542,-0.06636,-0.02675,-0.04275,-0.05417,0.08898,0.12154,-0.01736,0.06295,0.0592,-0.00033,0.07425,-0.00077,-0.06366,0,0.00392,0.0204,-0.00507,0.06259,0.07557,-0.02492,-0.01375,-0.07795,-0.00181,0.02255,0.03715,0.0866,-0.07536,0.11897,0.03443,-0.06444,-0.01519,0.01697,-0.0128,-0.00022,0.01568,-0.03178,-0.01589,0.08978,0.09064,0.067,-0.0034,0.08051,-0.06889,-0.00018,0.01905,-0.02556,0.0185,-0.00935,-0.0263,-0.04714,-0.13827,-0.09921,0.00672,-0.04026,-0.04191,-0.04239,-0.13806,0.03087,0.03309,0.02018,-0.03273,0.00217,0.04629,-0.00732,0.01325,0.08335,0.00707,0.04058,0.03823,-0.04365,0.02258,0.04242,0.03083,0.06471,0.0126,0.10175,-0.03672,-0.04562,0.04546,0.10161,-0.01696,-0.023,0.03293,-0.05124,-0.09102,0.01549,0.01231,0.03551,0.02324,-0.0453,-0.02872,-0.01724,0.03106,-0.01906,-0.1026,-0.06108,0.01506,0.06788,0.05376,-0.10119,0.02268,0.01529,-0.02782,0.00996,0.07436,0.01461,0.01492,0.03839,0.06135,0,-0.04103,0.00961,0.04443,0.09551,-0.01512,-0.05903,-0.02743,0.02594,0.06884,-0.00694,0.03078,0.04411,0.02459,-0.01248,0.03324,0.01244,0.00917,-0.13251,0.05188,-0.08954,0.07029,0.02959,-0.03696,-0.02019,-0.04664,0.07627,0.00778,-0.06948,0.00932,-0.05509,-0.02254,-0.03289,0.00028,-0.09062,-0.03479,-0.06546,0.01913,0.02269,-0.03585,-0.03961,-0.01548,0.03209,0.00533,0.00195,-0.06002,0.04961,-0.09232,0.04019,0.02912,-0.0271,-0.06174,0.01955,0.03289,-0.11908,-0.02936,-0.04311,0.07277,0.03386,0.0511,-0.00753,-0.06526,-0.01379,0.01231,-0.0249,-0.05247,0.06514,-0.03646,-0.05958,0.04635,0.03825,0.07125,0.06118,-0.04833,-0.02058,0.05033,0.04098,0.10038,0.01975,0.05519,-0.01023,-0.00812,0.107,0.02514,-0.00517,0.05455,0.03714,-0.07361,-0.05672,0.06244,0.05413,-0.05326,0.00058,-0.05084,0.05311,0.04751,0,-0.04563,0.02702,-0.02336,-0.09475,0.04985,0.03415,-0.00939,0.07868,-0.00674,0.06998,0.04957,0.08363,-0.06029,-0.01611,0.04969,0.03307,-0.00952,0.0167,-0.02947,-0.03238,0.03858,-0.00215,0.02386,0.04088,-0.00283,-0.03174,0.05063,0.03677,-0.04795,-0.01113,-0.06067,0.00815,0.05887,0.05781,0.00665,-0.05209,-0.08489,-0.04667,-0.06238,0.05269,0.04171,-0.00826,-0.00619,-0.02113,-0.05344,0.00989,-0.00569,-0.05069,-0.03142,-0.00626,-0.05823,-0.01814,-0.10324,0.02319,-0.00955,0.03097,-0.03032,-0.08548,0.00561,-0.02151,-0.0531,-0.03659,0.05814,-0.02685],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. The quick decision tree - Static diagrams generated from text → Mermaid, not a component library at all. - Read-only graph visualization with auto-layout → an actively maintained editor library with layout packages, or D3 if you want full control. - Interactive editor (users drag, connect, edit) in Angular → an Angular-native editor library, a React wrapper, or a commercial suite. That trade-off is the rest of this article.","excerpt":"The quick decision tree - Static diagrams generated from text → Mermaid, not a component library at all. - Read-only graph visualization with auto-layout → an actively maintained editor library with layout packages, or D3 if you want full control. - Interactive editor (users drag, connect, edit) in Angular → an Angular-native editor library, a React wrapper, or a commercial suite. That trade-off is the rest of this article."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#2","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.05706,-0.00749,0.00386,-0.02823,0.02584,0.04008,-0.13083,0.04694,0.05134,0.00601,-0.06674,0.03686,-0.056,0.02359,0.08653,-0.01131,-0.04041,-0.01659,0.0164,-0.04102,-0.08323,-0.01131,0.00584,-0.00601,0.04308,0.05915,-0.02259,-0.02459,0.0493,-0.0517,-0.00422,0.07709,-0.09084,0.01806,-0.1511,0.10376,0.01362,-0.01018,-0.03387,-0.03159,0.02689,0.05324,0.01581,-0.03199,-0.0215,0.01203,-0.08927,-0.01403,-0.09515,0.06823,-0.10644,-0.12596,-0.08749,0.04015,0.03334,-0.02743,-0.02185,-0.10998,0.02256,0.05984,-0.02933,-0.02568,0.02737,0.09424,0.07536,0.01896,-0.03394,0.04447,0.02672,-0.00743,-0.0227,-0.04544,0.02024,-0.05204,0.01603,-0.03291,-0.04018,0.03357,-0.00955,-0.08898,0.05419,0.01539,-0.04101,0.07345,-0.05809,0.06223,0.04118,-0.05469,0.00701,-0.05791,0.04498,0.02106,0.10475,0.04597,0.03291,0.0436,-0.01387,0.00611,-0.07917,0.02348,0.00987,-0.07294,0.05681,-0.03073,0.00491,-0.03836,0.00536,0.00387,-0.01979,-0.01427,-0.03439,0.02033,-0.00908,-0.06039,-0.0757,-0.03558,-0.04453,-0.02742,0.07332,0.0914,-0.0078,0.04744,0.0599,-0.01007,0.04534,-0.05104,-0.07223,0,-0.02695,0.01672,0.00839,0.0527,0.05228,-0.01439,-0.01018,-0.07093,-0.00245,0.05435,0.01915,0.09487,-0.07173,0.08781,0.0265,-0.04924,-0.00604,0.03108,-0.02334,0.02414,0.06731,-0.03378,-0.03507,0.06568,0.0827,0.114,-0.0123,0.04793,-0.10347,0.02465,0.05708,0.00419,0.00913,0.02021,-0.00296,-0.03582,-0.09363,-0.10412,-0.02284,-0.05821,-0.00909,-0.0289,-0.19716,0.01525,0.05049,-0.03665,-0.04416,-0.01886,0.07801,0.01066,0.01368,0.08313,-0.0036,0.0398,0.04898,-0.06622,-0.01716,0.04207,0.03477,0.08701,0.02154,0.05984,-0.04582,-0.08437,0.03847,0.04376,-0.01898,-0.02671,0.02189,-0.02378,-0.07651,0.03542,-0.01388,0.08075,0.00061,-0.04074,-0.03195,0.02431,0.06241,-0.02174,-0.08368,-0.03893,-0.01427,0.05021,0.05122,-0.07249,0.01449,-0.01948,-0.03413,0.06586,0.08697,0.01488,-0.00918,0.04849,0.0569,0,-0.06115,0.02191,-0.00915,0.11326,-0.01842,-0.09084,0.04765,0.01916,0.06004,0.04412,0.04502,0.03302,0.01302,-0.00907,0.08186,-0.03813,0.02795,-0.14711,0.02496,-0.04655,0.07583,0.05083,-0.04173,-0.04053,-0.02158,0.09566,0.01369,-0.08276,0.00225,-0.04068,-0.00739,-0.0362,-0.03116,-0.06286,-0.02268,-0.06781,0.01261,0.04598,-0.01681,-0.0852,0.01864,0.04023,-0.02635,0.0115,-0.05534,0.01856,-0.05643,0.01325,0.04055,-0.03262,-0.03508,0.03759,0.03002,-0.11903,-0.02253,0.00162,0.09213,-0.00242,0.02627,-0.00155,-0.01823,-0.02013,0.04374,-0.04895,-0.00731,0.05783,-0.0456,-0.03178,0.04485,0.06974,0.06512,0.04084,-0.09338,0.00649,0.02369,0.06288,0.11316,-0.0074,0.03341,-0.01164,-0.02065,0.11336,0.00165,0.04053,0.08775,0.01544,-0.05229,-0.09519,0.03984,0.05448,-0.04893,-0.01941,-0.08115,0.03918,0.03527,0,-0.08983,0.03809,-0.02248,-0.03476,0.05491,0.02901,-0.021,0.05514,0.00931,0.05735,0.04233,0.08082,-0.04046,0.00028,0.06686,0.0062,-0.05262,-0.01236,-0.04501,-0.04891,-0.01324,0.01403,0.03965,0.04401,-0.01787,-0.01142,0.04776,0.04212,-0.03767,-0.01255,-0.04458,0.01187,0.03782,0.03763,-0.01805,-0.01631,-0.06779,-0.02411,-0.05687,0.02085,0.04616,-0.00912,0.00793,-0.00432,-0.03026,0.0263,-0.0055,-0.0742,-0.0529,-0.00283,-0.0737,-0.01392,-0.10147,0.05587,0.02312,0.03055,-0.01877,-0.08478,-0.00366,-0.00103,-0.0469,-0.01375,0.05462,-0.02791],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. Angular-native editors","excerpt":"Angular-native editors"},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#3","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.06616,-0.03676,0.03634,-0.01197,0.05254,0.04644,-0.09906,0.0634,0.03343,0.02913,-0.08328,-0.0142,-0.05118,0.02263,0.08663,-0.00585,0.03163,-0.01415,0.00139,-0.03238,-0.02925,-0.08314,-0.0069,-0.01502,0.03262,0.10119,-0.02719,-0.03629,0.01543,-0.05411,-0.02114,0.10598,-0.09296,0.02113,-0.17245,0.11405,0.00574,0.02387,-0.08571,-0.00832,0.00622,0.07479,0.00384,-0.06179,-0.00859,-0.01806,-0.05504,-0.0483,-0.0619,0.03938,-0.07587,-0.08556,-0.0625,0.06387,0.05585,-0.04605,0.00832,-0.09198,0.01899,0.03842,0.00106,-0.03035,0.03187,0.03085,0.04226,-0.02278,-0.03481,0.02859,0.06447,-0.00438,-0.0185,-0.021,0.01829,-0.02787,-0.00539,-0.0318,0.02561,0.05132,0.00302,-0.06612,0.01588,0.07306,-0.03699,0.0506,-0.06476,0.05561,0.03713,-0.00641,0.02581,-0.06728,0.0307,0.06163,0.04713,-0.00585,0.14598,0.03341,0.00322,0.04167,-0.0695,0.01673,0.0593,-0.04598,0.02525,-0.00574,-0.00472,-0.01613,-0.01563,-0.0059,-0.00407,0.02307,-0.01946,0.03193,-0.02902,-0.05109,-0.08089,-0.01362,-0.07096,-0.07644,0.05514,0.16713,0.00444,0.05491,0.03786,-0.01026,0.09628,0.02125,-0.06044,0,-0.03115,0.0421,-0.04301,0.0358,0.06052,-0.0155,0.03125,-0.06894,0.00557,0.02875,-0.02976,0.10198,-0.08409,0.1047,0.03522,-0.08088,0.00821,-0.02536,-0.00662,0.021,0.05156,-0.05948,-0.02701,0.061,0.09123,0.02311,-0.03342,0.05452,-0.11762,0.00263,0.04642,-0.0002,0.02261,-0.00174,-0.05873,-0.02566,-0.10003,-0.10186,-0.00518,-0.09862,-0.0116,0.0036,-0.14767,0.01509,0.04485,-0.03034,-0.0502,-0.06017,0.06068,0.00733,0.02566,0.03397,0.04312,-0.02539,0.0326,-0.00002,0.01639,0.02412,0.01313,0.09663,0.00249,0.03822,-0.03139,-0.02865,0.06057,0.0758,-0.01932,0.03304,0.04409,-0.03632,-0.10455,0.04162,-0.00179,0.02691,0.00498,-0.04376,0.00562,-0.00223,0.02111,-0.03493,-0.06525,-0.0279,-0.03393,0.08313,0.0678,-0.06431,-0.0036,-0.01101,-0.04387,0.03508,0.08289,0.00757,-0.002,0.00682,0.03642,0,-0.04238,0.0164,0.00849,0.10251,-0.00792,-0.07747,0.03079,-0.00216,0.02977,-0.00443,-0.01158,0.06281,0.02441,-0.03109,0.03015,0.0034,-0.02182,-0.1297,0.05379,-0.05595,0.0346,0.08571,-0.08706,-0.04707,-0.03938,0.05871,-0.0111,-0.10071,0.01937,-0.06567,-0.00907,-0.01584,-0.04286,-0.06237,0.0058,-0.04246,0.00108,0.00356,-0.0105,-0.05526,-0.0039,0.02418,0.01618,-0.0172,-0.06082,0.03571,-0.06218,0.02307,0.0063,0.00571,-0.04301,0.02416,0.00141,-0.09318,-0.03395,-0.03858,0.0854,0.01241,0.0416,-0.02119,-0.00128,-0.01372,0.01557,-0.04416,-0.04794,0.05945,-0.07407,-0.0281,0.02254,0.0867,0.03248,0.07923,-0.06263,-0.00847,0.05893,0.06203,0.0613,0.00706,0.0024,-0.00333,-0.03949,0.1214,0.0093,0.03223,0.09421,0.04438,-0.08202,-0.04148,0.05731,0.04451,-0.06163,-0.06789,-0.08868,0.04696,0.00088,0,-0.05801,0.05162,-0.0222,-0.05021,0.03491,0.00165,0.00317,0.06568,0.03491,0.06739,0.04458,0.09371,-0.05686,-0.02023,0.07647,0.03095,-0.02532,-0.02066,-0.04144,-0.04457,-0.0057,0.00828,-0.0324,0.08579,0.01804,-0.06626,0.05434,0.03951,-0.01309,-0.01336,-0.03741,0.00525,0.03112,0.03454,0.02162,-0.02997,-0.04879,-0.02646,-0.0235,0.06463,0.05452,0.01728,0.00827,-0.05838,-0.03316,0.02828,-0.04736,-0.08948,-0.04114,0.00628,-0.05826,0.0232,-0.15046,0.08775,0.04278,0.05033,-0.04441,-0.07899,0.03822,-0.02865,-0.03338,0.01027,0.04524,-0.03321],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. - Foblex Flow (MIT, 26K weekly installs, frequent releases) — template-driven: nodes are your Angular components. Ships drag/click/keyboard connection creation, minimap, control schemes, Dagre/ELK layout packages, virtualization, workers, and an accessibility layer. Weaknesses, honestly: a smaller ecosystem than React Flow's, fewer third-party tutorials, and an API paradigm (directives, not nodes[]/edges[] arrays) that takes an hour to re-map if you come from React Flow. - ngx-vflow (MIT) — React-Flow-inspired nodes[]/edges[] model in native Angular. A good choice if your team wants the React Flow mental model verbatim; younger and smaller feature surface (no virtualization/workers/a11y layer at the time of writing). - ng-diagram (Synergy Codes, MIT) — a newer Angular-native entrant from a diagramming consultancy; watch it, evaluate current feature depth yourself. - ngx-graph (swimlane) — visualization, not editing; effectively unmaintained for years but still widely installed. If you're on it, see the migration path. - ng-flowchart / ngx-flowchart — lightweight flowchart libs, both abandoned; fine for archaeology, not for new projects.","excerpt":"- Foblex Flow (MIT, 26K weekly installs, frequent releases) — template-driven: nodes are your Angular components. Ships drag/click/keyboard connection creation, minimap, control schemes, Dagre/ELK layout packages, virtualization, workers, and an accessibility layer. Weaknesses, honestly: a smaller ecosystem than React Flow's, fewer third-party tutorials, and an API paradigm (directives, not nodes[]/edges[] arrays) that takes an hour to re-map if you come from React Flow. - ngx-vflow (MIT) — React-Flow-inspired nodes[]/edges[] model in native Angular. A good choice if your team wants the React Flow mental model verbatim; younger and smaller feature surface (no virtualization/workers/a11y layer at the time of writing). - ng-diagram (Synergy Codes, MIT) — a newer Angular-native entrant from a diagramming consultancy; watch it, evaluate current feature depth yourself. - ngx-graph (swimlane) — visualization, not editing; effectively unmaintained for years but still widely installed. If you're on it, see the migration path. - ng-flowchart / ngx-flowchart — lightweight flowchart libs, both abandoned; fine for archaeology, not for new projects."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#4","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.05831,-0.02886,-0.00981,-0.03038,0.07363,0.07947,-0.06639,0.06773,0.07401,0.01536,-0.08415,0.01514,-0.08366,0.05654,0.11206,-0.01199,-0.00751,-0.02542,0.01414,-0.0456,-0.06953,-0.08595,-0.00814,-0.0023,0.04389,0.05338,-0.02401,-0.02161,0.03029,-0.04074,-0.00905,0.06434,-0.07672,0.02368,-0.17779,0.09966,-0.03172,-0.00201,-0.06787,-0.0164,0.0074,0.08775,-0.0185,-0.04899,-0.00761,-0.00327,-0.02008,-0.02774,-0.0715,0.05408,-0.06423,-0.09482,-0.04716,0.06547,0.04554,-0.05416,0.0103,-0.11258,0.01081,0.04062,-0.0338,-0.05268,0.04031,0.05969,0.06846,0.01062,-0.05114,0.08394,0.03285,-0.05836,-0.01099,-0.03775,0.10201,-0.04595,0.02899,-0.03902,-0.00596,0.06936,0.00131,-0.04748,0.00057,0.07051,-0.04758,0.03067,-0.0362,0.06853,0.03356,-0.04291,-0.00654,-0.05151,0.00652,0.06351,0.13141,0.01837,0.04581,0.03932,-0.01195,0.03165,-0.07472,-0.00403,0.01832,-0.06391,0.02296,-0.0605,0.00219,-0.04531,-0.02073,0.01933,0.01282,0.04684,-0.03363,0.04831,-0.0219,-0.06134,-0.0848,-0.01883,-0.0354,-0.02707,0.104,0.0946,-0.01603,0.02754,0.09105,-0.02994,0.06274,0.00405,-0.09076,0,-0.06033,0.01394,-0.01247,0.05405,0.03139,-0.01418,0.0005,-0.05914,0.01324,0.0388,0.01243,0.1076,-0.02831,0.11845,0.0365,-0.06315,-0.0328,-0.00721,0.00634,0.02896,0.02143,-0.02285,-0.02895,0.08568,0.07348,0.04783,-0.03638,0.06859,-0.0821,0.02155,0.05537,0.0046,0.01017,0.02703,-0.03265,-0.01917,-0.08636,-0.09426,-0.0242,-0.04891,-0.03527,-0.04051,-0.1436,0.01674,0.07752,-0.04546,-0.0571,-0.03337,0.04421,0.01967,0.01069,0.04867,0.03449,0.01399,0.0552,-0.03297,0.01432,0.00594,0.02473,0.04362,0.01884,0.04856,-0.00916,-0.03859,0.03057,0.06326,-0.01278,-0.0279,-0.00301,-0.04064,-0.05253,0.06413,-0.01473,0.06321,0.00779,-0.04268,-0.02131,0.07834,0.05692,-0.00101,-0.06035,-0.03952,0.00681,0.04784,0.0111,-0.04309,0.01805,0.01587,-0.06911,0.10171,0.07568,0.02717,0.01944,0.05587,0.07696,0,-0.04963,0.03044,0.02936,0.07113,0.02047,-0.09966,0.02156,-0.03618,0.07653,0.06513,0.00057,0.02452,0.00995,0.01249,0.01686,-0.02116,0.01054,-0.14581,0.06387,-0.08684,0.05454,0.06832,-0.03716,-0.02459,-0.05105,0.06878,-0.04274,-0.08781,0.02329,-0.02786,0.00177,-0.03522,-0.03989,-0.04691,-0.01932,-0.04115,-0.03375,0.0167,0.00136,-0.07603,-0.0238,0.01628,-0.02045,-0.00161,-0.07947,-0.00394,-0.09426,-0.01679,0.03545,-0.01203,-0.05418,0.04927,0.01361,-0.12438,-0.02231,-0.00354,0.09004,0.02466,-0.00833,-0.00086,0.02324,-0.00085,0.01862,-0.01129,-0.05986,0.04828,-0.06023,-0.06474,0.04513,0.07387,0.05975,0.06645,-0.08603,-0.00316,0.02045,0.08012,0.10769,0.01445,0.00712,0.02292,-0.03453,0.06632,0.03526,0.04901,0.0464,0.0137,-0.05584,-0.10607,0.02869,0.03796,-0.04124,-0.04297,-0.06633,0.02209,0.03826,0,-0.05076,0.04598,-0.01574,-0.05507,-0.00507,0.01375,-0.04902,0.01323,-0.00508,0.09291,0.02636,0.11164,-0.05469,0.01149,0.04767,0.02641,-0.0504,-0.02319,-0.03319,-0.02397,-0.0112,-0.00105,-0.02291,0.05218,-0.01197,-0.01714,0.07618,0.04558,-0.03245,-0.02208,-0.06377,0.01302,0.00895,0.06878,-0.00761,-0.05229,-0.04662,-0.0366,-0.02791,0.10842,0.05759,0.01058,0.00697,-0.00575,-0.06499,0.03106,-0.0398,-0.08708,-0.07057,0.00709,-0.02349,0.01984,-0.12776,0.05553,0.00665,0.01851,-0.03406,-0.04858,0.02689,-0.01945,-0.06146,-0.042,0.05591,-0.02279],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. React Flow via wrapper React Flow is the category-defining library — biggest ecosystem, best-known API, commercial Pro examples. In Angular you pay the two-framework tax: React+ReactDOM in the bundle, a bridge between change-detection worlds, React components for custom nodes. Detailed breakdown: React Flow vs Foblex Flow for Angular teams. If your organization is mixed React/Angular and shares canvas code, the wrapper can still be rational. React DOM","excerpt":"React Flow via wrapper React Flow is the category-defining library — biggest ecosystem, best-known API, commercial Pro examples. In Angular you pay the two-framework tax: React+ReactDOM in the bundle, a bridge between change-detection worlds, React components for custom nodes. Detailed breakdown: React Flow vs Foblex Flow for Angular teams. If your organization is mixed React/Angular and shares canvas code, the wrapper can still be rational."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#5","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.06547,0.01307,0.01062,-0.0403,0.04041,0.02599,-0.0855,0.06998,0.06009,-0.00105,-0.05291,0.06663,-0.05009,0.01074,0.12275,-0.02319,0.00152,-0.00274,0.00068,-0.07839,-0.12332,-0.04975,-0.00777,-0.01719,0.04007,0.04792,0.00574,-0.02283,0.05008,-0.04905,-0.01314,0.03802,-0.06834,0.00808,-0.15473,0.09245,0.03744,-0.023,-0.06836,-0.0185,0.01374,0.04569,-0.01333,-0.01875,-0.01948,-0.02408,-0.08283,-0.02695,-0.05435,0.08109,-0.09277,-0.12421,-0.09487,0.02889,0.03706,-0.01503,-0.009,-0.09787,-0.00839,0.04173,-0.02428,-0.04513,0.01545,0.0642,0.05271,-0.00649,-0.00723,0.05865,-0.01766,0.01106,-0.03158,-0.04792,0.02309,-0.00361,0.00362,-0.01679,0.02489,0.02368,0.01113,-0.07356,0.01981,0.08067,-0.06507,0.07278,-0.07986,0.04987,0.01079,-0.00072,0.03308,-0.07249,0.02879,0.01582,0.07726,-0.01399,0.06394,0.0704,-0.01341,-0.01934,-0.07173,0.02934,0.03078,-0.0644,0.0998,-0.04327,-0.00228,-0.03072,-0.00172,0.05394,0.01935,0.00228,-0.03847,0.01668,0.00698,-0.08971,-0.07578,0.01393,-0.08121,-0.03494,0.10767,0.08377,0.0164,0.06543,0.07244,-0.00437,0.05256,-0.05364,-0.07017,0,-0.0749,0.04943,-0.0085,0.05515,0.02934,-0.0078,0.00113,-0.05646,-0.05459,0.09809,0.01734,0.11144,-0.09041,0.11605,0.05358,-0.0872,-0.00428,0.04243,0.01421,0.00549,0.04615,-0.05664,-0.00243,0.09555,0.09195,0.071,0.00926,0.07381,-0.06283,0.01295,0.05605,0.00359,0.01899,0.01215,-0.02526,-0.01888,-0.1172,-0.12196,0.00258,-0.04291,-0.02179,-0.024,-0.20868,0.01896,0.03454,-0.01777,-0.01664,-0.06158,0.04863,-0.009,-0.00805,0.06716,-0.01202,0.03326,0.00933,-0.04484,0.0059,0.01677,0.00257,0.06193,0.00284,0.00393,-0.01832,-0.05003,0.01046,0.05249,0.00548,-0.02497,0.0198,0.00759,-0.04016,0.04754,-0.0099,0.03258,0.00852,-0.04167,-0.03455,0.03016,0.04136,0.00398,-0.08547,-0.04419,-0.00354,0.05655,0.06277,-0.02212,0.02754,0.02912,-0.06888,0.04311,0.06878,0.0423,-0.04151,0.0218,0.07303,0,-0.05107,0.03176,0.01877,0.09644,0.02561,-0.09569,0.01552,-0.01523,0.0211,0.04884,-0.00542,0.00886,-0.01839,0.01199,0.05008,-0.03462,-0.00126,-0.14517,0.073,-0.04366,0.04998,0.07771,-0.02083,-0.03548,-0.03249,0.08346,-0.06119,-0.0683,0.00242,-0.00665,-0.01594,-0.03764,-0.01845,-0.0592,-0.01543,-0.04317,0.0025,0.06835,0.00249,-0.0991,0.01188,0.00758,0.01547,-0.01398,-0.05517,-0.00041,-0.0719,0.00391,0.03159,-0.0363,-0.07041,0.0622,0.01341,-0.12192,-0.06062,-0.014,0.07105,0.01757,0.00799,0.01439,-0.00552,-0.00966,0.03094,-0.01768,-0.02281,0.05453,-0.0013,-0.05107,0.01407,0.03581,0.05312,0.06277,-0.05702,-0.01146,0.01108,0.08234,0.10373,0.00159,0.0539,-0.0116,-0.01896,0.06046,0.02772,0.05563,0.04855,-0.00321,-0.06451,-0.07035,0.00861,0.05662,-0.07781,-0.0007,-0.07889,0.09728,0.05764,0,-0.08897,0.05241,-0.02954,-0.05523,0.0339,-0.01866,-0.02031,0.07365,0.00311,0.06141,0.00303,0.03301,-0.07814,0.02975,0.04648,0.01622,-0.0564,0.01624,-0.03281,-0.05016,-0.0159,0.03033,0.04186,0.02104,-0.0262,0.02026,0.06094,0.06035,0.03118,-0.01571,-0.03872,-0.00375,0.0508,0.03385,0.02696,-0.06899,-0.1066,-0.00178,-0.01366,0.05309,0.04421,0.01646,0.01471,-0.01279,-0.0493,0.05327,-0.05021,-0.0956,-0.04241,0.0298,-0.04686,-0.01701,-0.08268,0.02278,0.00927,0.02716,0.02584,-0.05241,0.02345,0.03479,-0.04718,-0.07003,0.05263,-0.04011],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. Commercial suites - GoJS — enormous feature catalog, decades of edge cases solved; closed source, license fees, its own data model and rendering. Rational for complex enterprise diagramming with budget. - JointJS+ — strong SVG toolkit with commercial widgets; same trade: license cost and a framework-agnostic (not Angular-idiomatic) API. - Syncfusion Diagram — part of a big commercial bundle; good if you already pay for the suite. The common trade: you buy solved problems, you give up MIT licensing, bundle control and idiomatic Angular integration. Go JS Joint JS","excerpt":"Commercial suites - GoJS — enormous feature catalog, decades of edge cases solved; closed source, license fees, its own data model and rendering. Rational for complex enterprise diagramming with budget. - JointJS+ — strong SVG toolkit with commercial widgets; same trade: license cost and a framework-agnostic (not Angular-idiomatic) API. - Syncfusion Diagram — part of a big commercial bundle; good if you already pay for the suite. The common trade: you buy solved problems, you give up MIT licensing, bundle control and idiomatic Angular integration."},{"chunkId":"/blog/angular-diagram-and-flow-libraries-compared-2026#6","slug":"angular-diagram-and-flow-libraries-compared-2026","route":"/blog/angular-diagram-and-flow-libraries-compared-2026","section":"blog","title":"Angular Diagram and Flow Libraries Compared (2026)","description":"A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses.","group":"Articles","vector":[-0.05802,-0.01126,0.03083,-0.00742,0.04629,0.04714,-0.11675,0.06904,0.01707,-0.00728,-0.07338,0.02264,-0.06434,0.03106,0.08982,-0.01752,0.01862,-0.05564,-0.00695,0.01191,-0.07175,-0.06437,-0.0058,-0.00746,0.02608,0.08106,-0.02937,-0.01843,0.04283,-0.05225,-0.01683,0.09891,-0.07586,-0.00156,-0.07883,0.10055,0.00155,-0.01529,-0.03118,-0.0016,0.02177,0.07119,0.01673,-0.04102,-0.04317,-0.0295,-0.02383,-0.08333,-0.09464,0.04698,-0.07562,-0.09704,-0.05654,0.01547,0.04666,0.00504,-0.00976,-0.10007,0.00982,0.0385,-0.03623,-0.02296,0.05063,0.06244,0.07736,0.00927,-0.01521,0.05487,0.01216,0.02169,-0.02182,-0.03196,0.02265,-0.06275,0.01544,0.00728,0.01134,0.03863,0.01155,-0.09219,0.03834,0.00648,-0.05127,0.023,-0.03511,0.04793,0.03401,-0.06808,0.00436,-0.03894,0.06245,0.00667,0.11101,0.02338,0.03562,0.05787,-0.00298,0.01007,-0.07001,0.01445,0.02571,-0.0389,0.10093,0.00386,0.01213,-0.05992,0.01772,0.05816,-0.02519,-0.01744,-0.02842,0.04624,0.01861,-0.05181,-0.10232,-0.0066,-0.05113,-0.05027,0.08421,0.09991,0.03481,0.05098,0.06953,0.04445,0.04521,-0.03751,-0.07973,0,-0.02129,0.00965,0.00688,0.04283,0.07319,-0.02024,-0.00086,-0.05503,-0.0449,0.06672,0.02555,0.10103,-0.08456,0.08925,-0.00634,-0.06411,-0.02915,0.03328,-0.02834,0.02814,0.05042,-0.0138,-0.01467,0.03588,0.07194,0.07885,-0.01056,0.0642,-0.07286,0.02787,0.02997,-0.00145,0.02244,0.02071,-0.03921,-0.02665,-0.10517,-0.11234,-0.03919,-0.07616,-0.04462,0.01124,-0.153,0.0385,0.05446,-0.01774,-0.01666,-0.02338,0.0394,0.00506,-0.01503,0.07145,-0.01102,0.0554,0.01685,-0.0606,0.02377,0.01671,0.04367,0.06851,0.03803,0.08801,-0.05656,-0.06603,0.05368,0.10742,0.0064,0.01733,0.00774,-0.02685,-0.05271,0.05283,-0.00311,0.03649,0.0387,-0.04681,-0.04129,-0.01209,0.03867,-0.05317,-0.06512,-0.02422,0.00861,0.06615,0.02327,-0.0663,0.01719,0.01932,-0.06168,0.07901,0.10827,0.00107,0.02405,0.0001,0.0499,0,-0.01229,0.01074,-0.00735,0.09249,0.00418,-0.09408,0.02452,0.01597,0.08524,0.01533,0.01588,0.01363,-0.02141,-0.02237,0.03925,-0.02156,0.01094,-0.1676,0.07178,-0.07118,0.0922,0.06438,-0.05562,-0.01435,-0.05,0.11317,-0.0134,-0.06539,-0.03365,-0.04677,-0.022,-0.03376,-0.0515,-0.05824,-0.02588,-0.06542,-0.0447,0.05147,-0.00602,-0.08486,0.00392,0.02413,-0.0167,0.01975,-0.03726,0.01625,-0.1131,-0.01409,0.10985,-0.04593,-0.08171,0.04214,-0.01155,-0.09151,-0.04638,-0.00528,0.0899,-0.00601,0.01757,0.0282,-0.02553,0.00187,0.03148,-0.07766,-0.02373,0.05,-0.04586,-0.07002,0.07549,0.05563,0.06948,0.02228,-0.09967,-0.00123,0.00522,0.05827,0.11275,-0.01599,0.06574,0.01539,-0.0395,0.10963,0.02115,0.03358,0.07452,0.00255,-0.0431,-0.06621,0.02809,0.06628,-0.045,-0.03858,-0.06877,0.05598,0.03557,0,-0.06236,0.03043,-0.04905,-0.01779,0.05304,0.00015,-0.02123,0.05537,-0.00786,0.03809,0.04123,0.06949,-0.06181,0.03544,0.04481,0.00776,-0.07362,-0.03442,-0.07884,-0.06919,-0.03966,0.04631,0.0234,0.02412,-0.04505,0.00865,0.0514,0.04922,0.0056,-0.03805,-0.06284,0.02722,0.01683,0.06275,-0.01907,-0.04434,-0.07901,-0.01312,-0.02708,0.04059,0.02303,-0.0009,-0.01056,-0.00599,0.00337,0.01947,-0.01871,-0.06704,-0.03679,0.04459,-0.02726,-0.00269,-0.10398,0.07274,0.033,-0.00373,-0.01587,-0.06334,0.00577,0.00808,-0.03105,-0.08971,0.0575,0.01155],"keywords":"Angular Diagram and Flow Libraries Compared (2026) Angular Diagram and Flow Libraries Compared (2026) A maintainer's honest map of Angular diagramming in 2026: Foblex Flow, ngx-vflow, ng-diagram, ngx-graph, React Flow via wrapper, GoJS, JointJS+ and Syncfusion — who wins which trade-off, including where Foblex Flow loses. The bottom line For a new Angular editor in 2026, the realistic shortlist is Foblex Flow (template-driven, widest Angular-native feature set), ngx-vflow (array-driven, React Flow mental model), and React Flow behind a wrapper (ecosystem over integration). Static rendering — Mermaid. Big enterprise diagramming with budget — GoJS/JointJS+. I'll re-run this comparison yearly. If a library shipped something that changes a row here — open an issue, corrections welcome. Go JS Joint JS","excerpt":"The bottom line For a new Angular editor in 2026, the realistic shortlist is Foblex Flow (template-driven, widest Angular-native feature set), ngx-vflow (array-driven, React Flow mental model), and React Flow behind a wrapper (ecosystem over integration). Static rendering — Mermaid. Big enterprise diagramming with budget — GoJS/JointJS+. I'll re-run this comparison yearly. If a library shipped something that changes a row here — open an issue, corrections welcome."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#0","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.06949,-0.08953,-0.02154,0.09916,0.06028,0.02708,0.05148,0.00944,0.09468,0.05111,-0.06904,0.02294,-0.02321,-0.01939,0.05144,-0.0198,0.03456,-0.06357,-0.00681,0.04409,-0.06707,-0.08794,0.03763,-0.08839,-0.02068,-0.00315,-0.05148,-0.0358,0.05676,-0.05556,-0.05608,0.03057,0.00504,0.05989,-0.17168,0.08922,-0.00472,-0.04336,-0.13192,-0.07009,0.00374,0.03627,-0.0316,-0.01942,0.02077,-0.06791,-0.03936,-0.0419,-0.01615,0.04155,-0.15893,-0.08799,-0.02361,-0.02276,-0.03212,0.03036,0.03171,-0.0296,0.00458,0.01117,-0.06338,-0.05404,0.00957,0.00792,0.04446,0.07996,0.04917,-0.04298,-0.08118,-0.06988,0.00878,-0.02084,-0.03099,-0.04252,-0.0332,-0.04693,-0.02344,-0.00766,0.01949,0.00363,0.07428,0.02452,-0.03884,0.08749,0.02674,0.14616,-0.03607,-0.05081,-0.01209,0.04272,-0.00968,-0.03562,-0.0058,0.00881,0.05191,-0.00067,0.08037,0.05107,-0.05532,0.00529,0.05582,-0.02809,0.0281,-0.05302,-0.02146,-0.04583,0.05371,-0.07333,-0.0902,-0.01612,-0.02294,-0.00011,-0.05978,0.02618,-0.09068,-0.00362,-0.01109,-0.05855,0.13615,0.13371,-0.01735,0.04763,-0.04709,0.0042,0.04161,-0.04046,-0.06158,0,-0.01218,0.03581,-0.03658,-0.01729,0.06679,-0.04777,-0.01327,-0.08603,-0.02431,-0.04611,-0.0055,0.02585,0.00813,-0.01051,0.13718,-0.061,-0.05347,0.08529,-0.03469,0.01797,0.04575,-0.05723,-0.04172,-0.00438,0.03111,0.05984,-0.12855,0.0275,-0.02378,0.02559,-0.03052,0.02946,-0.03874,-0.02671,-0.03726,-0.02625,-0.0139,-0.06747,0.00855,-0.04696,-0.03356,-0.03254,-0.01996,0.02382,-0.01585,0.01324,-0.09342,0.04633,-0.0139,0.00658,0.01979,0.03839,-0.01288,-0.03501,0.02307,-0.00647,0.02391,0.03052,0.03195,0.1006,0.01884,0.05152,0.03038,0.03752,0.02666,0.0515,-0.00533,0.03082,0.05728,-0.07288,-0.0359,-0.00231,0.00569,0.0448,0.04654,-0.0443,-0.04062,-0.10162,0.08211,-0.03581,-0.01218,-0.01813,-0.00596,0.03365,-0.00902,-0.04936,-0.02295,-0.0429,-0.08234,-0.05576,0.08397,0.04819,-0.00559,-0.0886,-0.03848,0,-0.02848,0.01144,-0.00941,0.06732,-0.04615,0.00949,0.00832,-0.06728,0.07013,-0.01623,0.00446,0.08595,0.08603,0.03479,-0.03764,0.04235,-0.0324,-0.05959,-0.02865,-0.03134,0.07959,-0.05232,0.00576,0.04843,-0.02152,0.03006,-0.01004,-0.00901,0.0073,-0.07046,-0.04181,0.07333,-0.03232,-0.02052,0.04288,0.02581,0.00958,0.05247,-0.03714,0.03975,0.05531,0.0223,0.0439,0.02235,-0.03823,0.11006,-0.0527,0.03672,-0.02214,0.01919,0.04208,0.04049,0.00054,-0.03385,-0.06761,0.06048,0.01082,-0.02767,0.02702,-0.01174,0.04066,-0.03333,-0.04353,0.07558,0.0707,0.00492,-0.01571,0.01112,0.05921,0.0023,0.04079,-0.01973,0.06259,-0.0166,0.02432,0.08674,0.1257,-0.04908,0.03194,-0.01769,-0.01098,0.12419,0.00995,-0.01818,0.03257,0.11209,-0.06241,-0.02419,0.04254,0.00432,-0.04145,0.02505,0.01996,0.00449,-0.00134,0,-0.04567,0.05635,-0.0681,0.0203,0.04119,-0.0634,-0.0178,-0.01443,0.02147,0.07716,-0.06777,0.03811,-0.03733,-0.0242,0.111,0.10449,0.0342,0.04504,-0.01889,-0.02901,0.08319,0.00291,-0.02981,0.08823,0.01052,-0.04348,-0.121,0.03243,0.07635,0.0475,-0.02356,0.03093,0.01292,0.06423,-0.11684,-0.01745,-0.01118,-0.06729,-0.01866,0.0732,0.04358,-0.03044,-0.00896,-0.01665,-0.13228,0.08523,0.02417,-0.03795,0.02898,0.03902,-0.00515,-0.0295,0.04035,0.03162,0.01564,0.0599,0.00948,-0.00229,0.04567,0.00879,-0.01006,0.05753,-0.02144,0.06012],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor This article explains the design decisions behind the Foblex Flow accessibility layer — why keyboard navigation drives the selection instead of a focus cursor, how a canvas full of absolutely-positioned nodes becomes readable to a screen reader, and why creating a connection from the keyboard turned out to be the easy part. If you try to make a node editor accessible, you'll quickly face a problem: - A canvas is not a list. Tab order means nothing when items live at arbitrary coordinates. - Drag-and-drop is the primary editing gesture, and there is no native keyboard equivalent for \"drag from this port to that port\". - Screen readers see an SVG soup: paths without names, divs without roles, changes without announcements. - Every attempt to bolt a \"keyboard focus\" state onto an editor that already has a selection state doubles the mental model. That last one is the interesting problem, and it is the one this article is really about.","excerpt":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor This article explains the design decisions behind the Foblex Flow accessibility layer — why keyboard navigation drives the selection instead of a focus cursor, how a canvas full of absolutely-positioned nodes becomes readable to a screen reader, and why creating a connection from the keyboard turned out to be the easy part. If you try to make a node editor accessible, you'll quickly face a problem: - A canvas is not a list. Tab order means nothing when items live at arbitrary coordinates. - Drag-and-drop is the primary editing gesture, and there is no native keyboard equivalent for \"drag from this port to that port\". - Screen readers see an SVG soup: paths without names, divs without roles, changes without announcements. - Every attempt to bolt a \"keyboard focus\" state onto an editor that already has a selection state doubles the mental model. That last one is the interesting problem, and it is the one this article is really about."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#1","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.04178,-0.12027,-0.0196,0.09566,0.06489,0.02625,0.04941,0.00335,0.07955,0.05248,-0.0112,0.02746,-0.06004,-0.0358,0.06339,0.03091,-0.01662,-0.09198,-0.00915,0.03651,-0.01628,-0.05013,0.0849,-0.08126,-0.02675,0.04314,-0.03439,-0.03202,0.02974,-0.04148,-0.01372,0.02838,0.05599,0.02228,-0.15825,-0.00408,-0.02862,-0.04174,-0.08231,-0.04046,0.01779,0.0376,0.01574,-0.00068,0.00645,-0.02543,-0.0489,0.00984,0.0298,0.08502,-0.11294,-0.05529,0.0273,-0.00753,-0.03017,0.06273,0.02943,-0.00884,0.04663,-0.01615,-0.02643,-0.00022,-0.0039,-0.0126,0.03275,0.08557,-0.00654,-0.09615,-0.08503,-0.0319,0.03799,-0.03092,0.01907,-0.05328,0.03795,-0.04505,-0.03493,-0.00673,0.01966,0.00095,0.02358,0.00371,-0.05579,0.04388,0.04505,0.15022,-0.06342,-0.10637,-0.0375,-0.00981,-0.01689,-0.07039,0.02855,0.0133,0.02289,-0.05823,0.04126,0.04878,-0.09865,-0.01335,0.04711,-0.01552,0.00838,-0.02847,-0.02371,0.00727,0.06726,-0.05886,-0.07923,-0.01794,-0.0092,-0.03521,-0.0334,0.03652,-0.09167,0.01533,-0.04763,-0.06615,0.11525,0.0895,-0.02376,-0.0098,-0.03988,-0.03367,-0.00447,-0.04693,-0.05356,0,-0.03064,-0.02467,-0.06073,-0.07232,0.0057,-0.03454,-0.02207,-0.07505,-0.00619,-0.04818,0.04207,0.02372,0.00131,-0.03299,0.12794,-0.06135,-0.05669,0.12288,-0.01496,0.04463,0.01955,-0.00869,-0.03599,-0.01363,-0.00618,0.08417,-0.09249,-0.02389,-0.02711,0.03074,-0.01198,0.08362,-0.03387,-0.02948,-0.05662,0.06284,-0.01372,-0.06011,-0.01607,-0.05766,-0.02199,-0.01166,0.01097,0.03068,-0.02357,0.01195,-0.07618,0.00739,0.03834,0.03591,0.022,0.00997,-0.02525,-0.04502,0.05492,-0.03991,-0.0382,0.0971,0.07182,0.0874,-0.00839,-0.01728,0.08056,0.03707,0.02394,0.04807,-0.03674,0.01238,0.03843,-0.06054,0.01415,0.03441,-0.0166,0.04522,0.04514,-0.04043,0.00513,-0.11474,0.05505,-0.08466,-0.05454,-0.03025,-0.02373,0.04293,-0.0053,-0.01681,-0.04061,-0.0273,-0.09856,-0.00606,0.09675,0.0725,-0.05216,-0.056,0.00222,0,-0.01108,0.05474,-0.02716,0.06808,-0.04512,0.00657,0.04097,-0.01582,0.04212,0.01563,0.02667,0.06642,0.07709,-0.03117,-0.0149,0.02094,0.02133,-0.01352,0.02904,-0.02179,0.12109,-0.06531,-0.01113,0.02829,-0.06273,0.0476,-0.03545,0.00645,-0.0003,-0.0752,-0.0515,0.11338,-0.06289,-0.01472,-0.0294,-0.01577,-0.05891,0.07911,-0.01639,0.01756,0.02443,0.02968,0.04485,-0.00353,-0.02679,0.06927,-0.00475,0.01566,-0.0117,-0.00812,0.05579,-0.00483,0.01162,-0.07325,-0.10235,0.12625,0.04976,-0.01323,-0.00639,-0.0005,0.0526,0.04816,0.02184,0.06205,0.07244,0.00362,0.03158,0.03125,0.07667,0.00283,0.08862,0.04742,0.06012,0.0329,0.03486,0.06084,0.15072,-0.01692,0.03292,-0.00252,0.00837,0.10434,0.00573,0.00523,0.0051,0.11075,-0.06531,-0.05606,0.01126,0.04701,-0.05905,0.00481,0.01187,-0.0901,-0.00949,0,-0.09562,0.09061,-0.03988,-0.00834,0.00827,-0.04179,-0.04396,0.03637,0.00352,-0.00391,-0.07937,0.08278,-0.02229,-0.01159,0.11666,0.03586,0.0244,0.03373,-0.03739,0.01464,0.04106,-0.02617,-0.00828,0.06628,-0.05595,-0.03904,-0.09553,0.06328,0.08489,0.01132,0.00631,0.0417,0.04026,0.03113,-0.13242,-0.03472,-0.01108,-0.05154,-0.04899,0.01131,0.00828,-0.07296,0.00034,-0.03093,-0.13371,0.08551,0.02791,0.00629,0.01145,0.01146,-0.00258,-0.04471,0.00325,0.03276,0.01582,0.04111,0.02865,0.00648,0.01052,-0.03034,0.04206,0.02612,-0.0501,0.08503],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. 🎯 The Key Idea: One State, Not Two Most UI accessibility patterns assume a roving focus: arrow keys move document.activeElement from item to item, and selection is a separate thing you do to the focused item with Space or Enter. I tried that first. And threw it away. active Element","excerpt":"🎯 The Key Idea: One State, Not Two Most UI accessibility patterns assume a roving focus: arrow keys move document.activeElement from item to item, and selection is a separate thing you do to the focused item with Space or Enter. I tried that first. And threw it away."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#2","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.02523,-0.0935,-0.01055,0.02975,0.10692,0.03315,0.03725,0.01996,0.05291,0.01731,-0.01956,0.04502,-0.0489,-0.04887,0.05175,0.01558,0.02588,-0.08917,0.04615,0.04053,-0.0641,-0.05291,0.03954,-0.07134,-0.02771,0.00698,-0.04494,-0.03543,0.0535,-0.05471,-0.00433,0.06779,0.04852,0.03684,-0.19587,-0.00716,-0.01535,-0.03656,-0.09757,-0.04906,-0.01295,0.05644,-0.01586,0.00427,-0.00082,-0.04669,-0.03512,0.00285,-0.01581,0.07498,-0.09452,-0.0742,0.02022,-0.02317,-0.0157,0.03865,-0.01602,0.01563,0.07261,0.02963,-0.0547,-0.01621,-0.006,-0.00384,0.05692,0.08598,0.04415,-0.08428,-0.05164,-0.06918,0.02422,-0.03829,0.03179,-0.09322,-0.01112,-0.01504,-0.02901,-0.01956,-0.00109,-0.02776,0.0476,0.01772,-0.05957,0.06126,0.02122,0.14476,-0.02757,-0.09121,-0.04564,0.02159,-0.02342,-0.08551,-0.01244,0.04466,-0.00386,-0.01948,0.04061,0.03042,-0.04987,0.01134,0.05168,-0.02501,0.04699,-0.04197,-0.05513,-0.0136,0.06359,-0.00342,-0.08693,0.00661,0.00504,0.00258,-0.05764,-0.00835,-0.08345,-0.00297,-0.00229,-0.06939,0.16311,0.08624,-0.01577,0.01177,-0.03209,-0.02747,0.00792,-0.07314,-0.07514,0,-0.03059,0.01855,-0.05193,-0.03837,0.04499,-0.0371,-0.00257,-0.07619,-0.03629,-0.06109,0.05626,0.01262,-0.01725,-0.03393,0.13409,-0.10081,-0.05531,0.10783,-0.05607,0.02788,0.00064,0.00706,-0.04298,0.02157,-0.00181,0.09335,-0.10282,0.01871,-0.03438,0.02953,0.00329,0.06996,-0.00707,-0.003,-0.04915,0.05797,0.01518,-0.10754,-0.00901,-0.03709,-0.04327,0.02375,0.00715,0.01723,-0.03276,0.01264,-0.06498,0.04368,0.01533,0.01706,-0.01361,0.00924,0.01801,-0.03437,0.05214,-0.03144,-0.02601,0.06831,0.05635,0.0798,0.03779,-0.01203,0.05345,-0.00169,0.01671,0.05772,-0.04018,-0.02955,0.04975,-0.03841,-0.0139,0.04278,-0.01204,0.06407,0.0558,-0.02226,-0.04644,-0.10222,0.08617,-0.04652,-0.03372,0.02985,-0.02302,0.0651,0.00699,-0.04611,-0.03571,-0.02355,-0.09135,0.01284,0.10639,0.02829,-0.0114,-0.07348,-0.04223,0,-0.03533,0.03787,-0.01284,0.08064,-0.05923,-0.00523,0.03678,-0.02358,0.04712,-0.00943,0.0593,0.03176,0.04154,0.0255,-0.06182,0.03232,0.0158,-0.05408,0.00057,-0.04467,0.13261,-0.04291,0.00546,0.0217,-0.06497,0.05937,-0.01671,0.00192,-0.0165,-0.10522,-0.06704,0.1171,-0.03214,-0.00276,0.00656,-0.00091,-0.06629,0.03692,-0.00897,-0.0268,0.02979,0.03112,0.04793,0.00637,-0.03648,0.05558,-0.01692,0.02715,0.01755,-0.02283,0.00748,0.00432,0.0276,-0.04571,-0.1232,0.05552,0.04128,-0.00369,0.0451,0.01168,0.08386,0.00148,-0.04032,0.03729,0.03398,0.00886,0.00955,0.00909,0.10634,-0.00619,0.07836,-0.02024,0.01855,-0.00692,-0.00078,0.05583,0.15715,-0.01354,0.01732,-0.02707,0.00193,0.11523,-0.00943,0.00407,0.04994,0.1134,-0.07404,-0.06914,-0.01015,0.03976,-0.05693,0.0383,-0.02311,-0.03772,0.00581,0,-0.07295,0.07627,-0.0786,0.00707,0.02424,-0.04554,0.00335,0.01939,-0.01475,0.0265,-0.06451,0.04223,-0.00692,-0.02948,0.15413,0.08317,0.0067,0.06111,-0.06062,-0.00838,0.02272,0.01909,-0.0087,0.0574,-0.04845,0.01073,-0.06293,0.0982,0.09469,0.03559,-0.00565,0.07142,-0.00568,-0.00541,-0.13893,0.01193,-0.02986,-0.04746,-0.00208,0.04987,0.00706,-0.09522,-0.01168,-0.00032,-0.11609,0.05489,0.01822,0.03897,0.01451,0.02375,-0.00635,-0.01724,-0.00651,0.02641,0.01874,0.01885,0.01283,-0.00544,0.01052,-0.00838,0.03268,0.00299,-0.03256,0.07192],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. On a canvas it produces two competing highlights — the focus ring on one node, the selection style on another — and everyone gets confused, sighted users included. Worse, moving DOM focus into consumer-rendered nodes has side effects the library cannot predict: focusin handlers fire in your templates, :focus-within styles trigger, screen readers start reading node internals mid-navigation. What shipped in v19 is the opposite arrangement:","excerpt":"On a canvas it produces two competing highlights — the focus ring on one node, the selection style on another — and everyone gets confused, sighted users included. Worse, moving DOM focus into consumer-rendered nodes has side effects the library cannot predict: focusin handlers fire in your templates, :focus-within styles trigger, screen readers start reading node internals mid-navigation. What shipped in v19 is the opposite arrangement:"},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#3","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[0.02047,-0.11186,-0.02628,0.06893,0.08873,0.03069,0.0947,-0.01311,0.10262,0.0503,-0.02817,0.0222,-0.05609,-0.06479,0.03333,0.02242,0.00271,-0.08707,0.01169,0.02919,-0.03313,-0.10542,0.02978,-0.07278,-0.08228,0.03626,-0.02169,-0.02889,0.03588,-0.06819,-0.04524,0.04242,0.05084,0.0299,-0.20073,0.01107,-0.01724,-0.04969,-0.11929,-0.02761,-0.01184,0.00364,0.00924,-0.01139,0.01101,-0.01531,-0.00218,-0.01827,-0.01673,0.04978,-0.09841,-0.04797,0.02758,0.02822,-0.01469,0.07127,0.02173,-0.02304,0.0043,0.00936,-0.07176,-0.01002,-0.03509,0.01724,0.05141,0.07382,0.00714,-0.10098,-0.0324,-0.06689,0.0144,-0.01485,0.03782,-0.08097,0.04324,-0.03622,-0.00235,-0.01514,0.01856,-0.00891,0.02918,0.00143,-0.04995,0.04085,0.08545,0.15434,-0.0727,-0.06176,-0.05297,0.02161,-0.00925,-0.04177,-0.02752,-0.02815,0.03145,-0.03773,0.05771,0.00401,-0.08794,0.02555,0.05107,-0.02237,0.0193,-0.01667,-0.06442,-0.01607,0.07291,0.00201,-0.06305,-0.03142,-0.02885,-0.04892,0.00068,0.00583,-0.07181,0.01335,-0.04956,-0.06453,0.14799,0.06711,-0.00917,-0.01965,-0.04006,-0.00631,-0.01307,-0.05164,-0.09516,0,-0.00156,-0.00268,-0.03568,-0.04899,0.00894,-0.02974,0.03268,-0.10626,0.00942,-0.03608,0.06147,0.00912,-0.02072,-0.01048,0.11323,-0.10469,-0.03283,0.1032,-0.05328,0.00833,0.06599,0.00683,-0.01532,-0.01244,0.02396,0.07709,-0.0925,0.03651,-0.02388,0.05065,-0.02072,0.05707,-0.05528,-0.01503,-0.04398,0.04792,-0.02128,-0.0883,0.02411,-0.03638,-0.03021,-0.01239,0.00487,0.00868,-0.03384,0.00887,-0.07224,0.00579,-0.0072,0.06192,0.02828,-0.02632,-0.01808,-0.05224,0.09691,-0.01586,-0.02491,0.08696,0.02581,0.1037,-0.00055,-0.01778,0.05083,0.02657,0.0032,0.08206,-0.03288,0.00552,0.04931,-0.05444,-0.00268,0.07087,0.0054,0.03552,0.04577,-0.0271,-0.00784,-0.11276,0.06305,-0.01526,-0.04027,-0.00973,-0.0579,0.04029,-0.00909,-0.03834,-0.01492,-0.05992,-0.10374,-0.02436,0.08362,0.04342,-0.04453,-0.06227,-0.02942,0,-0.03027,0.00696,-0.03521,0.09895,-0.07003,0.03352,0.04816,-0.02559,0.03137,-0.01752,0.045,0.08492,0.03057,-0.03069,-0.01007,0.02657,0.00511,0.00556,0.01862,-0.02733,0.0562,-0.03851,-0.02965,0.02632,-0.07937,0.03871,-0.02913,0.0165,0.00203,-0.09118,-0.01168,0.10001,-0.07084,0.00108,0.00955,0.01601,-0.05808,0.04629,-0.03954,0.03644,0.05077,0.02686,0.06179,0.01997,-0.02789,0.1027,-0.04178,0.00724,0.01239,0.00004,0.06084,-0.03474,0.00446,-0.07624,-0.11719,0.06735,0.05779,0.04244,-0.01249,0.01275,0.06555,-0.0006,0.01154,0.04553,0.02528,0.01019,0.05241,0.064,0.09422,0.00992,0.10382,0.00784,0.01297,0.00371,0.01972,0.06344,0.11854,-0.04035,-0.0362,-0.01155,0.00769,0.11769,0.0062,-0.02012,0.04276,0.10275,-0.06197,-0.05135,0.00895,0.003,-0.04149,0.04962,-0.00065,-0.05258,-0.01913,0,-0.0809,0.0746,-0.02135,-0.01553,0.02178,-0.04044,-0.00543,0.00392,-0.00603,-0.00245,-0.06156,0.05814,0.00385,-0.02928,0.14744,0.08479,0.01213,0.02809,-0.03337,-0.01557,0.0232,-0.011,-0.01656,0.06544,-0.04368,-0.01537,-0.0733,0.07987,0.07644,0.03169,0.02549,0.05873,0.02895,0.00859,-0.10261,0.02727,-0.04086,-0.04728,-0.06526,0.03823,0.01285,-0.0557,-0.01416,-0.01492,-0.14111,0.07371,-0.0152,-0.02326,-0.02563,0.01693,-0.01299,0.00669,0.00015,0.0619,0.01375,0.04563,0.01408,0.02883,0.04087,0.00915,0.03691,0.03595,-0.03726,0.08544],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. - DOM focus stays on the f-flow host — permanently. It is the single tab stop. - Arrow keys move the selection directly, exactly like a pointer click would. - The active item is exposed to assistive technology through aria-activedescendant on the host. - The selected style is the only visual state. The host's own focus ring is transparent — invisible in normal themes, repainted by Windows High Contrast so forced-colors users keep an indicator. 📌 In short: there is no keyboard focus state to learn. There is only selection, and the keyboard drives it.","excerpt":"- DOM focus stays on the f-flow host — permanently. It is the single tab stop. - Arrow keys move the selection directly, exactly like a pointer click would. - The active item is exposed to assistive technology through aria-activedescendant on the host. - The selected style is the only visual state. The host's own focus ring is transparent — invisible in normal themes, repainted by Windows High Contrast so forced-colors users keep an indicator. 📌 In short: there is no keyboard focus state to learn. There is only selection, and the keyboard drives it."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#4","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.00924,-0.1136,-0.00834,0.01937,0.06024,0.02494,0.06267,-0.00432,0.07027,0.0448,-0.01606,0.04797,-0.06019,-0.05481,0.05279,-0.01728,-0.01082,-0.07148,0.04033,0.04301,-0.03297,-0.07326,0.03687,-0.08384,-0.02673,0.03696,-0.04372,-0.01958,0.0831,-0.05885,-0.02919,0.07624,0.06055,0.02657,-0.19733,-0.01222,-0.01631,-0.05696,-0.11577,-0.02921,-0.01734,0.01361,-0.02978,-0.00396,0.00792,-0.06874,-0.02878,-0.02551,-0.00149,0.07977,-0.11214,-0.07623,-0.00288,-0.01579,-0.02146,0.0453,-0.00822,-0.0039,0.06647,0.02172,-0.04224,-0.01043,0.00027,0.02011,0.06397,0.06153,-0.00348,-0.09924,-0.03578,-0.04529,0.00492,-0.02165,0.04139,-0.07522,-0.0161,-0.05672,-0.0114,-0.0333,0.00269,-0.00351,0.01971,-0.01239,-0.04816,0.05013,0.06563,0.13984,-0.05612,-0.09184,-0.04889,0.0082,-0.01383,-0.05269,-0.01444,0.00799,0.00118,-0.0379,0.03293,0.04683,-0.07404,0.03015,0.05683,-0.05573,0.03495,0.00463,-0.06223,-0.04449,0.06931,-0.0679,-0.06828,-0.01623,-0.03349,-0.02958,-0.02408,-0.01458,-0.09283,0.00202,-0.05718,-0.0809,0.16094,0.09559,-0.0328,0.00087,-0.01753,0.00522,-0.00352,-0.07273,-0.10388,0,-0.03245,0.03548,-0.02632,-0.06828,0.04141,-0.04593,-0.02946,-0.08382,-0.00499,-0.04191,0.02256,0.04739,-0.01439,-0.00529,0.11345,-0.08099,-0.05523,0.12425,-0.02568,0.00281,0.04586,-0.01669,-0.00963,0.024,-0.00104,0.08821,-0.06998,-0.01088,-0.02472,0.06208,-0.01341,0.03334,-0.02101,-0.01645,-0.04467,0.02551,-0.00925,-0.09036,-0.00543,-0.03216,-0.04227,-0.00116,0.00484,-0.01346,-0.02707,-0.00319,-0.08171,0.03219,0.0278,0.03952,0.01664,0.00637,0.00702,-0.00621,0.08096,-0.03381,-0.01944,0.07538,0.03378,0.11234,-0.00043,-0.01731,0.04114,-0.00305,0.00093,0.08719,0.00749,0.00662,0.06874,-0.05451,-0.02327,0.06192,0.02269,0.0582,0.04155,-0.02582,-0.03259,-0.07239,0.05972,-0.03237,-0.05932,0.03037,-0.03304,0.03486,-0.0089,-0.03951,-0.00206,-0.03999,-0.10314,0.01123,0.07375,0.06175,-0.04843,-0.08322,-0.01681,0,-0.06818,0.03458,-0.03692,0.06207,-0.0667,0.03054,0.07514,-0.04387,0.05764,0.02685,0.05755,0.05948,0.07232,-0.03937,-0.02622,0.02111,-0.00464,-0.05513,0.01151,-0.0537,0.08925,-0.03467,0.00614,0.03327,-0.05201,0.04727,-0.05351,0.00615,0.00496,-0.08032,-0.05793,0.10168,-0.04951,0.01758,0.01996,0.0176,-0.07047,0.0527,-0.02773,-0.01524,0.03937,0.03218,0.08377,0.01258,-0.02003,0.08435,-0.03225,0.02923,-0.00169,-0.01948,0.04584,-0.01334,0.01633,-0.06533,-0.10999,0.05855,0.03179,0.00877,-0.01717,0.02426,0.0766,0.0193,0.00333,0.048,0.05572,0.00402,0.01926,0.03399,0.06543,0.00685,0.09466,0.00426,0.02066,0.01545,-0.0194,0.08997,0.13473,-0.00917,-0.01451,-0.02454,0.00997,0.13281,0.01838,0.00638,0.02871,0.12388,-0.07811,-0.05495,0.00992,0.03845,-0.03179,0.051,-0.01484,-0.01496,0.00552,0,-0.10239,0.06716,-0.03627,-0.00232,0.00858,-0.07069,-0.00414,0.00568,-0.00158,-0.01316,-0.03123,0.03015,-0.00818,-0.00344,0.13299,0.05697,0.00168,0.04521,-0.03625,-0.03117,0.04298,0.01842,-0.00718,0.06699,-0.05559,0.00253,-0.09528,0.05277,0.06465,0.02743,0.01013,0.04922,0.01042,0.02629,-0.11368,0.01289,-0.03613,-0.03558,-0.06135,0.0517,0.0233,-0.06801,-0.00571,-0.02316,-0.12199,0.10635,0.00232,-0.03568,0.01598,-0.00058,-0.02229,-0.00153,0.01575,0.0403,0.02477,0.06321,-0.0041,0.00264,0.03552,0.00804,0.0404,0.03734,-0.0219,0.09047],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. This is the second canonical ARIA pattern (aria-activedescendant composite widgets) rather than the first (roving tabindex), and for a canvas it is the right one: no focus jumps, no consumer-template side effects, no double speech.","excerpt":"This is the second canonical ARIA pattern (aria-activedescendant composite widgets) rather than the first (roving tabindex), and for a canvas it is the right one: no focus jumps, no consumer-template side effects, no double speech."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#5","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[0.00083,-0.09053,-0.0459,0.01705,0.05113,0.04448,0.02867,0.02546,0.08261,0.06151,-0.00798,0.03857,-0.02451,-0.05362,0.02,0.00174,-0.01005,-0.03558,0.01508,0.0263,-0.05211,-0.05906,0.05225,-0.06033,-0.05289,0.0326,-0.01278,0.01335,0.07356,-0.06913,-0.04432,0.0509,0.03771,0.04185,-0.19574,0.00849,-0.03695,-0.06079,-0.07941,-0.03096,0.02287,0.05422,0.03776,-0.00784,0.02263,-0.00485,-0.06395,0.01352,0.0208,0.04678,-0.11946,-0.07485,-0.01234,-0.006,-0.01137,0.08339,0.00014,-0.05489,0.08269,0.00717,0.03693,-0.0417,0.0015,-0.00271,0.05014,0.05001,-0.03185,-0.09167,-0.06772,-0.04149,0.00864,-0.03154,0.02026,-0.06191,0.01553,-0.02852,-0.01817,-0.00691,0.01656,0.02085,-0.00204,0.03319,-0.04569,0.10406,0.02284,0.14666,-0.06119,-0.05932,-0.01728,-0.01125,0.00383,-0.05368,-0.05567,-0.00055,0.01453,-0.04622,0.03925,-0.00217,-0.11642,0.0207,0.05002,-0.01767,0.01557,-0.02395,-0.01988,0.01341,0.06625,-0.04481,-0.05433,-0.03741,-0.05032,-0.04389,-0.03481,0.02138,-0.09782,-0.02089,-0.02161,-0.07464,0.14555,0.07457,-0.02372,0.00148,-0.03016,-0.00896,-0.02314,-0.03115,-0.07961,0,-0.07101,0.02073,0.02453,-0.06099,0.0443,-0.03773,-0.02248,-0.08277,0.00017,-0.0189,-0.00021,-0.00766,-0.02469,-0.04843,0.11189,-0.08285,-0.03151,0.10457,-0.11019,0.0126,0.06915,-0.03626,-0.02497,-0.00471,-0.00445,0.07055,-0.10133,0.00205,-0.01377,0.034,-0.0199,0.0577,-0.04846,-0.03164,-0.03804,0.05646,0.01223,-0.07551,-0.01807,-0.0511,-0.06199,0.0029,0.0011,-0.02729,-0.02446,0.01087,-0.04905,-0.0051,0.02931,0.02273,0.02582,0.02344,-0.01444,-0.04725,0.08294,-0.01129,-0.01658,0.08933,0.03867,0.1123,0.02543,-0.03819,0.06216,0.00962,0.02131,0.06079,-0.05938,-0.01414,0.11556,-0.02354,-0.00273,0.05651,0.02852,0.06242,0.01526,-0.00308,-0.04391,-0.09419,0.08903,-0.0543,-0.03563,0.01132,-0.03687,0.02703,0.01754,-0.07369,-0.04699,-0.04128,-0.10012,-0.00035,0.06164,0.03296,-0.0292,-0.05807,-0.05227,0,-0.04765,0.03698,-0.01298,0.07322,-0.05155,-0.02094,0.03398,-0.04367,0.01985,0.05204,0.01941,0.0818,0.06499,-0.0314,0.02116,0.04604,0.05826,-0.03344,-0.00426,-0.05985,0.10887,-0.04964,-0.00125,0.01561,-0.04699,0.0562,-0.01037,0.0032,-0.02383,-0.08256,-0.06115,0.07081,-0.06132,0.00389,0.00182,-0.05971,-0.10467,0.02472,0.00094,-0.00461,0.0554,0.03989,0.0601,0.01424,0.01362,0.0671,-0.00702,0.06272,-0.02297,-0.01058,0.02408,0.00715,0.03559,-0.04628,-0.0955,0.10136,0.04875,0.02382,0.05265,-0.00082,0.04829,-0.01392,-0.00552,0.07174,0.03479,0.03836,0.02116,0.06377,0.03007,0.01898,0.06515,0.03734,0.02132,-0.00484,-0.00092,0.07039,0.11339,-0.00925,0.02141,-0.03111,-0.0324,0.0897,-0.00047,0.00991,0.06719,0.07771,-0.02543,-0.07831,0.04136,0.04398,-0.03871,0.01688,-0.03845,-0.0804,-0.01841,0,-0.14048,0.06421,-0.0657,0.01716,0.01911,-0.02611,0.01102,0.02964,-0.02324,0.01114,-0.03118,0.0332,-0.02112,0.01252,0.11306,0.07089,-0.01513,0.02721,-0.02245,0.01326,0.00967,-0.00435,0.00301,0.09851,-0.05105,-0.02773,-0.12078,0.10391,0.08202,-0.00054,0.04304,0.0395,0.04951,0.04694,-0.1114,0.02723,-0.04083,-0.00389,-0.03888,0.0405,-0.00258,-0.05477,0.02508,-0.01972,-0.14099,0.10224,0.03233,0.00091,0.00318,-0.03228,-0.00925,-0.01981,-0.00418,0.03764,0.03369,0.05421,-0.00338,-0.0394,-0.01944,0.00338,0.00729,0.07581,-0.06873,0.08327],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. ⚡ Navigation That Understands Geometry Arrow keys need an answer to \"what is to the right of this node?\" — and centers are the wrong way to compute it. A tall node whose center is far below still starts right next to you; a wide neighbor in the same row should win over a nearer one two rows down.","excerpt":"⚡ Navigation That Understands Geometry Arrow keys need an answer to \"what is to the right of this node?\" — and centers are the wrong way to compute it. A tall node whose center is far below still starts right next to you; a wide neighbor in the same row should win over a nearer one two rows down."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#6","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.00834,-0.12413,-0.02412,-0.02839,0.05081,0.04586,-0.00925,-0.01132,0.09133,0.05121,-0.02444,0.06314,-0.0189,-0.03032,0.03573,-0.05829,0.05203,-0.09522,0.01946,0.05478,-0.03862,-0.08632,0.031,-0.08899,0.00179,0.02073,0.03367,-0.02738,0.09289,-0.0648,-0.03657,0.05732,0.05216,0.04209,-0.20431,0.00341,-0.01231,-0.00909,-0.10042,0.0234,-0.01638,0.01121,0.02367,0.0004,0.05533,-0.00387,-0.03182,-0.00908,-0.0017,0.06369,-0.1226,-0.04474,0.00351,0.00218,-0.0266,0.04801,0.02592,-0.02357,0.05846,0.0307,0.03363,-0.04865,-0.0069,0.00532,0.06283,0.04223,-0.02769,-0.11189,-0.0332,-0.03102,-0.01095,-0.01505,0.03237,-0.0704,0.00535,-0.03548,0.01062,-0.03676,0.0162,-0.01679,-0.00389,-0.03854,-0.09331,0.08126,0.04291,0.10648,-0.079,-0.06844,-0.0131,0.03098,-0.03363,-0.03886,-0.00636,-0.01774,0.03366,-0.02908,0.04769,0.00525,-0.10236,0.02832,0.0373,-0.04605,-0.00542,-0.01642,0.02645,0.0033,0.05736,-0.04375,-0.05506,-0.02863,-0.03451,0.00041,-0.02423,0.04458,-0.08665,-0.02548,-0.01903,-0.07098,0.15663,0.03531,-0.02311,-0.01103,-0.0366,0.0007,-0.00533,-0.0261,-0.07124,0,-0.05144,0.05514,-0.02356,-0.09713,0.01518,0.01377,-0.03084,-0.07571,0.01137,0.01385,0.02331,0.01308,-0.01104,0.00879,0.11001,-0.06145,-0.04071,0.08002,-0.10365,0.02461,0.08366,-0.05337,-0.02907,0.01472,-0.03412,0.08541,-0.07664,-0.01409,0.01645,0.0386,-0.06049,0.0672,-0.06005,-0.02913,-0.0304,0.01139,-0.00803,-0.10614,0.02363,-0.04161,-0.06491,0.02091,-0.01948,-0.06437,-0.0421,0.02285,-0.05811,0.03167,-0.03193,0.03831,0.03402,0.02613,-0.02081,-0.02482,0.07839,-0.06487,-0.01091,0.08161,0.04097,0.10966,0.03764,0.00926,0.08222,0.04501,0.01946,0.06987,-0.01559,0.01369,0.08488,-0.05299,-0.00138,0.07667,-0.00785,0.01207,0.0193,-0.02389,-0.03572,-0.05815,0.08967,-0.05173,-0.05003,0.02359,-0.02984,0.01907,0.01384,-0.05111,-0.02125,-0.05782,-0.13995,0.00624,0.05229,0.02096,-0.01326,-0.02084,-0.01806,0,-0.03269,0.05669,0.00411,0.058,-0.05524,-0.05103,0.04557,-0.05062,0.03446,0.02399,0.01737,0.04395,0.03839,-0.02757,0.03133,0.01085,0.03086,-0.05045,-0.01542,-0.06856,0.11915,-0.03157,-0.02452,0.06615,-0.03099,0.0389,-0.0011,0.01883,-0.06587,-0.06544,-0.04405,0.07428,-0.06141,-0.02179,0.01594,0.00846,-0.05587,0.03501,-0.00282,0.0025,0.06377,0.02167,0.01247,0.0116,0.00465,0.09686,-0.06602,0.0616,-0.038,0.0146,0.03761,0.04387,0.01793,-0.05009,-0.10777,0.07149,0.05429,0.03866,0.05331,-0.01506,0.04194,-0.01559,-0.00928,0.02451,0.03039,0.0205,0.06568,0.038,0.09468,0.05051,0.0915,0.03446,0.06202,0.02466,0.03804,0.12498,0.12108,-0.00157,0.01713,-0.00113,-0.07263,0.066,0.02362,0.04545,0.05752,0.11472,-0.04852,-0.09087,0.01071,0.06491,-0.03634,0.02671,0.00195,-0.04705,0.02438,0,-0.11086,0.05885,-0.03383,-0.00089,0.00256,-0.01638,0.016,-0.00733,-0.00223,-0.01995,0.0028,0.02828,-0.0109,0.03396,0.09899,0.04624,0.01014,0.01382,-0.02569,0.05805,0.03554,-0.02629,-0.00362,0.09962,-0.0348,-0.04193,-0.093,0.07367,0.04051,-0.00016,0.01698,0.03333,0.05495,0.06918,-0.08713,0.02075,-0.03648,-0.01404,-0.02778,0.05345,0.00205,-0.05503,-0.02185,-0.0346,-0.11371,0.09466,0.05072,-0.04684,-0.00085,-0.02148,-0.03182,-0.01499,-0.01925,0.0101,0.05868,0.04652,0.01286,-0.02874,0.02243,0.0115,0.00771,0.06798,-0.11443,0.06331],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. The spatial algorithm works on edges: a candidate qualifies when it lies ahead of the current item in the pressed direction, and it is scored by the gap between facing edges plus a doubled penalty for leaving the current row or column. The nearest diagonal neighbor beats a far straight one — on a sparse canvas, strict \"straight sector first\" logic (the TV-remote model) jumps across the whole graph, and that is not what a hand on the arrow keys expects. Two more decisions matter here:","excerpt":"The spatial algorithm works on edges: a candidate qualifies when it lies ahead of the current item in the pressed direction, and it is scored by the gap between facing edges plus a doubled penalty for leaving the current row or column. The nearest diagonal neighbor beats a far straight one — on a sparse canvas, strict \"straight sector first\" logic (the TV-remote model) jumps across the whole graph, and that is not what a hand on the arrow keys expects. Two more decisions matter here:"},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#7","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.00101,-0.1111,-0.02549,0.04382,0.01518,0.03439,0.0624,0.01312,0.04347,0.05307,0.00781,0.02811,-0.02617,-0.03629,0.01556,0.04013,0.01089,-0.05941,0.04543,0.03175,-0.06455,-0.06891,0.04085,-0.02372,-0.02139,0.02736,0.00292,-0.0584,0.04112,-0.0526,-0.05404,0.04853,-0.02255,0.02379,-0.21099,0.02874,-0.02464,-0.02346,-0.07555,-0.04308,0.01141,0.05229,0.0364,0.01284,0.02948,-0.004,-0.07907,-0.00471,0.03545,0.06816,-0.10837,-0.07291,-0.04776,-0.00872,0.00331,0.10219,-0.01208,-0.03353,0.03418,-0.00301,0.04841,-0.0147,-0.04066,0.03817,0.04045,0.04305,0.00395,-0.07081,-0.01851,-0.03056,-0.01515,-0.0501,0.01932,-0.05247,0.03594,-0.01872,0.02089,0.00932,-0.01343,-0.02087,0.0303,0.05863,-0.03566,0.10417,0.04413,0.12882,-0.05349,-0.07623,0.02258,-0.01493,-0.01854,-0.05475,-0.03532,-0.03719,0.03128,-0.02702,0.01213,0.00265,-0.08999,0.04032,0.06591,-0.02638,0.01727,-0.03039,-0.03563,0.01875,0.06397,-0.04191,-0.06148,0.02313,-0.03558,-0.0254,-0.04989,0.00347,-0.06686,0.03622,-0.03735,-0.04837,0.15172,0.10799,-0.07138,0.01814,-0.07481,0.01035,-0.00659,-0.0282,-0.0564,0,-0.01726,0.02988,-0.00013,-0.04578,0.04724,-0.02206,-0.03256,-0.08389,-0.02969,0.00408,-0.00559,-0.02841,-0.03695,-0.00637,0.09399,-0.11053,-0.0102,0.05666,-0.06314,0.00749,0.05359,-0.0369,-0.03415,-0.00686,0.03947,0.05201,-0.08567,-0.0013,-0.02414,0.03962,-0.05879,0.0557,-0.05275,-0.02755,-0.05291,0.02105,0.00061,-0.09165,-0.00745,-0.05,-0.04931,-0.00215,-0.01361,-0.03067,-0.01946,0.01565,-0.08835,0.01591,-0.00349,0.02421,0.02233,0.00404,-0.01979,-0.03594,0.05024,-0.05164,-0.03784,0.09747,0.03077,0.12735,0.03407,0.00908,0.05662,0.04515,0.00862,0.07057,-0.06661,-0.00369,0.11462,-0.06034,-0.05146,0.04365,0.00234,0.06844,0.02406,-0.01393,-0.08734,-0.11939,0.10151,-0.04748,-0.0581,-0.00661,-0.0645,0.06742,0.06612,-0.07385,-0.00043,-0.07301,-0.05681,0.02627,0.06732,0.07349,-0.00491,-0.01113,-0.03053,0,-0.02372,0.04177,0.01961,0.06596,-0.10365,0.00035,0.04116,-0.07134,0.03107,0.02033,0.01783,0.08344,0.06972,-0.01699,0.01427,0.04477,0.0315,-0.0498,-0.02208,-0.01558,0.07291,-0.02923,-0.02497,-0.03868,-0.03408,0.05363,-0.0025,0.03253,-0.0388,-0.06333,-0.06257,0.09901,-0.00706,-0.04175,-0.00668,0.02907,-0.06294,0.05118,-0.01198,-0.01407,0.05603,0.00965,0.07798,-0.01118,-0.00792,0.0823,-0.06195,0.0536,-0.07385,0.00895,0.02637,0.00968,0.02267,-0.07635,-0.11463,0.09412,0.04444,0.01075,0.06053,-0.03282,0.04951,-0.01278,-0.00728,0.07664,0.04834,-0.00557,0.02685,0.01373,0.0342,0.01007,0.04079,0.0613,0.02698,-0.01949,0.07237,0.02811,0.11921,-0.03421,0.02145,-0.01659,-0.01019,0.09472,0.026,0.00145,0.02617,0.10611,-0.08443,-0.04384,0.04623,0.04947,-0.03147,0.02959,-0.05257,-0.07626,-0.01096,0,-0.12077,0.06738,-0.0711,0.01624,0.02439,0.00325,-0.00396,0.06961,-0.02796,0.02307,-0.03252,0.08163,-0.03682,0.04907,0.0805,0.04945,0.02849,0.00102,-0.02876,0.00147,0.02234,-0.03461,0.00571,0.12679,-0.03,-0.04628,-0.08132,0.11072,0.05137,0.01341,0.03541,0.02166,-0.00271,0.06372,-0.12662,0.02456,-0.0111,-0.00373,-0.02194,0.05584,0.01008,-0.01296,-0.00144,-0.01581,-0.14047,0.07795,0.05741,-0.0224,0.01772,-0.02253,-0.02834,-0.03441,0.00753,0.00061,0.03608,0.02682,0.00965,-0.02964,-0.03207,0.00084,-0.01386,0.05561,-0.08264,0.00258],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. - Navigation travels over nodes and connections. A connection is a stop at its midpoint, so walking a chain reads node → connection → node, and a selected connection can be deleted like anything else. - The opposite arrow returns to where you came from, even when geometry would prefer a different neighbor. Going right and then left should be a round trip. Ctrl+arrow adds the graph-native move: follow the connection in that direction to the node on its other end. Geometry navigation answers \"what is near me\"; topology navigation answers \"what am I wired to\".","excerpt":"- Navigation travels over nodes and connections. A connection is a stop at its midpoint, so walking a chain reads node → connection → node, and a selected connection can be deleted like anything else. - The opposite arrow returns to where you came from, even when geometry would prefer a different neighbor. Going right and then left should be a round trip. Ctrl+arrow adds the graph-native move: follow the connection in that direction to the node on its other end. Geometry navigation answers \"what is near me\"; topology navigation answers \"what am I wired to\"."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#8","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.05549,-0.09665,0.00246,0.05264,0.03856,0.055,0.06901,0.01901,0.12611,0.01583,0.02449,0.00996,-0.0538,-0.05616,0.04212,0.02361,-0.03237,-0.05038,-0.02012,0.04623,-0.00899,-0.07218,0.01733,-0.07148,-0.0635,0.03228,-0.03074,-0.01908,0.07776,-0.06724,-0.03496,0.04831,-0.00085,0.01022,-0.19429,0.00182,-0.0036,-0.022,-0.07427,-0.04872,-0.03363,0.01716,0.00555,-0.00745,-0.02856,0.01894,-0.05108,-0.01261,0.00437,0.07436,-0.06019,-0.00787,0.04543,0.05564,-0.00396,0.04448,-0.01109,-0.00514,0.02157,0.01087,-0.01265,0.00039,-0.02004,0.0007,0.05739,0.04607,-0.02343,-0.08853,-0.03136,-0.0286,-0.0157,-0.05409,-0.00983,-0.04879,0.03138,-0.0292,-0.03382,-0.00437,0.00321,0.03404,0.0277,-0.00716,-0.07965,0.07068,0.0327,0.13593,-0.06221,-0.05481,-0.02751,0.00191,-0.01533,-0.01767,0.00726,-0.02547,0.03208,-0.03742,0.02327,0.00868,-0.09533,0.0342,0.0405,0.00716,-0.00054,-0.02336,-0.04987,-0.05293,0.06986,-0.07576,-0.05906,-0.00194,-0.02331,-0.03994,-0.01435,0.03218,-0.08421,0.02047,-0.07414,-0.03493,0.12536,0.121,-0.05574,-0.00688,-0.03465,0.01114,-0.01854,-0.02979,-0.12096,0,-0.01796,-0.02595,-0.048,-0.07081,0.02007,-0.05557,-0.02511,-0.07919,0.0259,-0.01871,0.01531,-0.05124,0.02775,-0.02758,0.11516,-0.07669,-0.03199,0.10335,-0.05771,0.00362,0.08751,0.03206,0.0009,0.04812,0.04634,0.08296,-0.11406,-0.00313,0.06467,0.04428,-0.06941,0.03413,-0.07855,-0.0514,-0.02303,0.0846,0.00016,-0.09233,-0.00323,-0.06527,-0.03749,-0.04171,-0.04869,-0.02348,-0.04731,-0.04623,-0.06774,-0.01094,0.00163,0.0314,0.03758,0.01239,-0.01182,-0.02863,0.0944,-0.02666,-0.04109,0.07319,0.01217,0.10922,-0.00406,0.04573,0.05216,0.02047,0.02181,0.04386,-0.03069,0.00309,0.05677,-0.05839,-0.05872,0.03933,-0.00969,0.02057,-0.00215,-0.0474,-0.05299,-0.11159,0.06557,-0.04141,-0.03644,0.00643,-0.0419,0.07196,0.0612,-0.05237,-0.01711,-0.07979,-0.10404,0.01506,0.08181,0.04541,-0.05292,-0.07554,0.00209,0,-0.0421,0.06572,-0.0358,0.06747,-0.0535,0.02934,0.00244,-0.04973,0.05404,-0.00289,-0.00763,0.08921,0.00763,-0.01694,0.00763,0.00309,-0.00606,-0.002,-0.00604,-0.0111,0.08489,-0.01995,0.01697,0.06048,-0.11065,0.04666,0.01052,0.05073,-0.00902,-0.06457,-0.04114,0.10008,-0.05522,-0.01366,0.00497,-0.01979,-0.06845,0.09384,-0.00601,-0.02731,0.04148,0.03972,0.10203,0.04742,-0.0215,0.07179,-0.05272,0.02851,-0.01101,0.01144,0.04562,-0.01654,-0.04166,-0.06928,-0.09253,0.06799,0.09196,-0.03017,-0.02255,0.0296,0.02133,0.0105,-0.0044,0.03392,0.09182,-0.01015,0.03166,0.03831,0.05702,0.01967,0.09221,0.01028,0.06964,-0.02314,0.03909,0.05811,0.09531,-0.02255,0.01858,-0.03805,-0.00753,0.09491,0.01405,0.01027,-0.00222,0.11734,-0.08566,-0.03248,0.00903,0.0237,-0.024,0.04718,0.02983,-0.01209,0.00424,0,-0.03458,0.09464,-0.02499,0.00164,0.01768,-0.01552,-0.03372,0.01812,-0.00025,0.01668,-0.02133,0.05377,-0.00286,0.03784,0.08532,0.05491,0.0252,0.0404,-0.06292,-0.00156,0.00497,-0.03313,0.01272,0.0894,-0.01239,-0.05229,-0.0631,0.06747,0.03046,0.00919,0.02206,0.05658,0.035,0.08611,-0.14238,0.00535,-0.01526,-0.03278,-0.06056,0.06057,0.01142,-0.00967,-0.03348,-0.02984,-0.15755,0.07013,0.05023,-0.0245,-0.00568,0.05616,-0.07258,-0.00695,0.01797,0.06775,0.04641,0.09189,-0.01809,-0.00199,0.0439,-0.01563,0.01462,0.03203,-0.03766,0.07018],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. 🔧 Moving and Connecting Without a Mouse Movement uses a grab pattern with two entry styles. Hold Space and use arrows — release to drop. Or tap Space to grab and tap again to drop. The second form exists because holding one key while pressing another is a chord, and chords are exactly what some motor-impaired users cannot do. Both forms move the whole selection — the same set a pointer drag would move — and emit the same fMoveNodes event on drop. Escape puts everything back. f Move Nodes","excerpt":"🔧 Moving and Connecting Without a Mouse Movement uses a grab pattern with two entry styles. Hold Space and use arrows — release to drop. Or tap Space to grab and tap again to drop. The second form exists because holding one key while pressing another is a chord, and chords are exactly what some motor-impaired users cannot do. Both forms move the whole selection — the same set a pointer drag would move — and emit the same fMoveNodes event on drop. Escape puts everything back."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#9","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.05817,-0.1283,-0.05337,0.01325,0.03177,0.04478,0.02758,0.00131,0.07067,-0.01548,-0.00253,0.00977,-0.05405,-0.06076,0.06728,-0.00263,0.02259,-0.07626,-0.01057,0.01754,-0.04139,-0.09447,0.05194,-0.08172,-0.01906,-0.02392,-0.03936,-0.02977,0.07511,-0.05646,0.00081,0.08412,0.01387,0.04475,-0.14267,0.00438,-0.00332,-0.05583,-0.09912,-0.05321,-0.01804,-0.00011,0.0186,-0.01306,0.03265,0.00816,-0.04139,-0.00838,-0.01501,0.09989,-0.09548,-0.09656,0.02504,-0.00364,0.00655,0.07497,-0.00226,-0.00907,0.00526,0.02728,0.00375,-0.02055,-0.00865,0.01002,0.03033,0.02645,0.0042,-0.10277,-0.02077,-0.09184,-0.03717,-0.05215,0.03006,-0.08864,-0.00374,-0.01658,-0.02177,-0.00621,0.01588,-0.03694,0.03568,0.02286,-0.04939,0.07521,0.02707,0.11625,-0.00314,-0.05832,-0.03183,0.03745,-0.06599,-0.04426,-0.02279,-0.00981,0.00839,-0.03498,0.03672,0.01547,-0.06883,0.00934,0.03591,-0.00926,0.03073,-0.01474,-0.05474,-0.01012,0.04124,-0.00713,-0.05948,-0.02239,-0.01251,-0.02955,0.00257,-0.03927,-0.05388,-0.00819,-0.08535,-0.04236,0.17508,0.05719,-0.02659,-0.0204,-0.04103,-0.02154,0.00317,-0.05673,-0.10685,0,-0.01151,0.0312,-0.02412,-0.08087,0.04723,-0.01803,0.00307,-0.0883,-0.0398,-0.02771,0.00701,0.00834,-0.01024,-0.00756,0.08272,-0.09166,-0.06999,0.10105,-0.04931,0.0175,0.06892,-0.01022,-0.00151,0.00287,0.03186,0.08639,-0.07862,0.0422,0.02044,0.03947,-0.0362,0.05321,-0.03545,-0.01849,-0.0473,0.02621,0.01277,-0.1407,-0.03558,0.00115,0.01563,-0.0147,-0.0507,-0.06714,-0.06098,0.00725,-0.05181,0.02924,0.05535,0.02892,-0.00138,-0.00581,0.01168,-0.02763,0.09485,-0.05134,-0.0505,0.09107,0.02892,0.13154,-0.01067,0.00762,0.04089,0.02255,0.02445,0.08608,0.02145,0.02792,0.06357,-0.02291,-0.06299,0.03268,-0.02875,0.03103,0.04944,-0.04097,-0.04568,-0.06069,0.07028,-0.01535,-0.04787,-0.00137,-0.02847,0.07743,0.0416,-0.05991,-0.05376,-0.06242,-0.12262,0.0069,0.06879,0.02241,-0.00354,-0.01929,-0.0443,0,-0.01686,0.0453,-0.06957,0.08115,-0.06645,0.01371,0.05049,-0.04889,0.02282,0.01329,0.0475,0.05622,0.06259,-0.04067,-0.02598,0.00486,0.02544,-0.07618,-0.01049,-0.02185,0.09986,-0.02535,0.03638,0.00787,-0.10012,0.05876,0.01894,0.01155,-0.01941,-0.08306,-0.01237,0.09193,-0.06023,-0.02145,0.00643,0.00527,-0.01642,0.03974,0.01097,-0.01567,0.06924,0.02356,0.04552,0.04079,-0.02745,0.11194,-0.08255,-0.00606,-0.01666,0.02033,0.03136,0.00646,-0.00048,-0.07315,-0.15101,0.08097,0.06419,0.00666,0.00985,0.03517,0.09071,-0.02361,-0.00253,0.05106,0.06259,0.02798,0.02471,0.07201,0.08458,0.04071,0.1068,0.00786,0.04664,0.01866,-0.00391,0.07306,0.11925,-0.06338,0.03808,-0.02809,-0.01293,0.08647,0.04655,0.01511,0.08125,0.09907,-0.09417,-0.04628,0.04258,0.04923,-0.04896,0.06246,-0.0006,0.00249,-0.0252,0,-0.06184,0.07799,-0.03447,-0.00226,0.01601,-0.02345,-0.01979,0.05183,0.00985,0.03014,-0.02821,0.02849,-0.02679,0.03153,0.14404,0.03825,0.00629,0.03933,-0.05396,-0.04798,0.02426,-0.01654,-0.01365,0.06362,-0.01715,-0.03548,-0.03806,0.11138,0.0392,0.00116,0.00158,0.04821,0.0345,0.02947,-0.11353,0.05048,-0.02922,-0.04135,-0.04649,0.02385,0.01873,-0.01986,-0.03236,-0.03216,-0.11119,0.08562,-0.01978,-0.05437,-0.02701,0.03205,-0.03138,0.013,0.01411,0.05273,0.04738,0.06245,0.00326,-0.00462,0.06065,0.03727,0.01634,0.03165,-0.00773,0.05178],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. Creating a connection is where the v19 architecture paid off. The click-to-connect feature shipped earlier in this release extracted a gesture-independent engine — FCreateConnectionSession — that owns the preview line, snapping, connectable marking, target resolution, and the fCreateConnection emission. The keyboard flow is just a third gesture on that engine: F Create Connection Session f Create Connection","excerpt":"Creating a connection is where the v19 architecture paid off. The click-to-connect feature shipped earlier in this release extracted a gesture-independent engine — FCreateConnectionSession — that owns the preview line, snapping, connectable marking, target resolution, and the fCreateConnection emission. The keyboard flow is just a third gesture on that engine:"},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#10","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.03487,-0.1203,-0.05892,0.07162,0.06226,0.05907,0.03646,-0.01602,0.07351,0.01368,-0.0016,-0.02185,-0.0726,-0.02198,0.04032,0.01953,-0.00867,-0.06334,-0.00142,0.0286,-0.07407,-0.08811,0.02891,-0.06498,0.00809,-0.04474,-0.00111,-0.03685,0.05441,-0.07909,0.00257,0.05085,-0.02159,0.02229,-0.13716,0.00164,-0.01368,-0.06095,-0.06187,-0.03817,0.02412,0.013,0.00114,-0.0541,-0.03242,0.00976,-0.02641,-0.00101,-0.00005,0.0864,-0.08047,-0.04682,-0.00375,0.03572,0.02054,0.05188,0.00161,0.00179,0.03617,0.01863,-0.03488,-0.05242,0.01154,-0.00252,0.02985,0.07489,-0.02505,-0.09165,-0.032,-0.01422,0.01407,-0.06204,0.02123,-0.07227,0.04593,0.02568,-0.02855,0.03984,-0.00304,-0.02731,0.03189,0.01954,-0.08008,0.05446,0.03367,0.16581,-0.05184,-0.0737,-0.03963,0.03416,-0.04161,-0.04274,0.00883,-0.01497,0.01426,-0.04282,0.0378,0.0144,-0.0778,0.01034,0.02095,0.00145,0.01743,0.02064,-0.05582,-0.039,0.01218,-0.04943,-0.06461,-0.0165,0.01131,-0.03401,-0.00318,-0.01474,-0.10558,0.02249,-0.03583,-0.05163,0.11497,0.10264,-0.05332,0.00342,-0.02244,0.00151,-0.02273,-0.04462,-0.09742,0,-0.02364,-0.00455,-0.05754,-0.07202,0.02998,-0.02864,0.00059,-0.07262,-0.04131,-0.02767,0.03145,-0.01686,0.0191,-0.0138,0.05036,-0.09622,-0.04329,0.09046,-0.06734,0.01797,0.06097,-0.01987,-0.05187,-0.04418,0.04188,0.0686,-0.08225,0.0348,0.03606,0.05186,-0.02352,0.0877,-0.00875,-0.00046,-0.04554,0.01801,-0.00509,-0.07809,-0.02277,-0.02472,-0.00071,-0.03399,-0.06831,0.00102,-0.02582,-0.01448,-0.06701,0.00734,0.0625,0.01598,-0.00474,-0.01516,0.02971,-0.0265,0.10389,-0.05642,-0.10472,0.09588,0.02285,0.08619,0.01369,0.0074,0.00989,-0.0061,0.02524,0.08487,-0.04077,0.00083,0.07944,-0.07132,-0.01786,0.0406,-0.02502,0.03764,0.01129,-0.01974,-0.0482,-0.00456,0.09482,-0.03341,-0.04354,0.00011,-0.0354,0.04864,0.04996,-0.0846,-0.0655,-0.06841,-0.13952,0.00361,0.10284,0.07914,-0.01149,0.00046,-0.03372,0,-0.01066,0.05995,-0.01962,0.08642,-0.0729,0.02453,0.01653,-0.07108,0.06215,0.02751,0.04809,0.07579,0.04813,-0.0399,-0.01689,0.01685,0.0072,-0.02799,-0.01947,-0.0001,0.10618,-0.03403,0.02806,0.00216,-0.05218,0.0485,0.03688,0.00501,-0.00925,-0.10344,-0.02354,0.10725,-0.08718,-0.02631,0.01722,-0.02145,-0.0288,0.07896,0.00448,-0.02228,0.05029,0.05518,0.00849,0.02977,-0.00703,0.05822,-0.05806,0.0028,0.00013,0.0362,-0.00921,-0.01764,-0.01474,-0.03213,-0.108,0.07214,0.1129,0.00565,0.03101,0.0028,0.09254,-0.01781,0.01167,0.0493,0.07229,0.02482,0.01351,0.08724,0.10482,0.02509,0.04812,0.02239,0.06465,-0.01932,0.01194,0.06133,0.11392,-0.08234,0.04808,-0.01513,-0.0173,0.10475,0.00469,-0.0019,0.0634,0.11421,-0.07463,-0.01388,0.04716,0.06327,-0.06618,0.02879,0.03281,-0.02572,-0.01009,0,-0.10071,0.07252,-0.07056,0.01816,0.03645,-0.03334,-0.04746,-0.00625,-0.00964,-0.00196,-0.07011,0.06831,-0.01232,0.03743,0.12438,-0.00377,0.01294,0.01525,-0.03707,-0.01227,0.01054,-0.02921,0.02571,0.11354,-0.01956,-0.05689,-0.04767,0.07124,0.03025,0.00832,-0.02743,0.04089,0.00767,0.02278,-0.16732,0.04694,-0.01677,-0.04646,-0.06381,0.05289,0.04428,-0.04722,-0.02075,-0.0383,-0.12741,0.0943,0.01485,-0.00923,-0.01167,0.04122,-0.01645,-0.0029,0.01242,0.02337,0.05201,0.00866,-0.00518,0.01615,0.05705,0.00753,0.04157,0.04714,-0.02464,0.05889],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. - C starts a session from the selected node (exactly one node must be selected — anything else would guess the source silently). - The proposed target defaults to the nearest connector on another node that is not already connected to the source. - Arrows move between candidate targets spatially, with the same preview and snap highlight the drag gesture shows. - Enter emits fCreateConnection. Escape cancels. Every connection rule — disabled connectors, categories, fCanBeConnectedTo, multiplicity — applies unchanged, because it is the same engine the pointer uses. f Create Connection f Can Be Connected To","excerpt":"- C starts a session from the selected node (exactly one node must be selected — anything else would guess the source silently). - The proposed target defaults to the nearest connector on another node that is not already connected to the source. - Arrows move between candidate targets spatially, with the same preview and snap highlight the drag gesture shows. - Enter emits fCreateConnection. Escape cancels. Every connection rule — disabled connectors, categories, fCanBeConnectedTo, multiplicity — applies unchanged, because it is the same engine the pointer uses."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#11","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.05846,-0.06756,-0.03845,0.07018,0.06236,0.05039,0.06384,-0.03115,0.12079,0.05057,-0.02125,0.01189,-0.05932,-0.0239,0.05497,0.04424,-0.08666,-0.10123,-0.07971,0.01943,-0.02578,-0.07121,0.00064,-0.00685,0.00128,0.03302,0.01093,-0.0301,0.02571,-0.05475,0.01846,0.03942,0.03084,-0.04205,-0.11117,-0.00375,-0.02678,-0.09838,-0.07048,-0.05868,0.05629,0.05351,-0.02272,0.00094,-0.03914,0.0271,-0.02047,-0.03042,-0.02509,0.06704,-0.00719,-0.01719,-0.00047,0.04688,0.0104,0.00505,0.04667,-0.03053,0.01054,0.0206,-0.05041,-0.03388,0.00774,0.01166,0.00817,0.07982,-0.02253,-0.10448,-0.00902,-0.04659,-0.00632,-0.04217,0.01339,-0.08884,0.02305,-0.03882,-0.04853,-0.01929,-0.01586,-0.00484,0.07275,-0.00364,-0.00557,0.07495,0.01163,0.09114,-0.07071,-0.13719,-0.00527,0.02526,-0.00376,0.01674,0.03266,-0.00612,0.07633,-0.03811,-0.00971,0.0043,-0.09435,0.02092,0.01728,-0.00757,-0.01425,0.05334,-0.03575,-0.01976,-0.01653,0.03684,-0.06663,0.02742,-0.02333,-0.00735,0.05722,0.04563,-0.06445,0.07119,-0.03274,-0.00872,0.06098,0.1118,-0.07038,-0.0217,-0.00149,-0.02467,-0.02896,0.02572,-0.02697,0,-0.04678,-0.04537,-0.11587,-0.01959,0.0648,-0.01594,0.00135,-0.04793,0.0017,-0.03241,0.02414,0.01113,-0.03771,-0.02178,0.07573,-0.08314,-0.03969,0.09913,-0.02773,0.02422,0.12418,0.03443,-0.05334,-0.03177,0.0344,0.06149,-0.0595,0.05693,-0.03587,0.01805,-0.05429,0.02087,-0.01111,0.00889,-0.06407,0.05514,-0.03148,-0.08384,-0.05199,-0.04065,0.03776,-0.02344,-0.10545,0.00369,-0.04483,-0.0299,-0.02886,0.01701,0.05302,0.01109,0.06194,0.03067,0.02827,-0.02713,0.06733,-0.04082,-0.04047,0.04303,0.06601,0.0274,0.03733,0.04335,-0.01284,-0.00306,0.04356,0.07254,-0.01925,0.01617,0.02748,-0.11364,-0.00445,0.07127,-0.03254,-0.00267,0.07533,-0.05891,0.0045,-0.00747,0.05512,-0.06374,0.04466,-0.03395,-0.02909,0.08826,0.09034,-0.06316,-0.00587,-0.06748,-0.12168,0.03363,0.13277,0.05124,-0.0043,-0.02403,-0.00602,0,-0.03776,0.00766,-0.01738,0.07736,-0.03179,-0.00493,-0.01172,0.04325,0.09633,-0.04099,0.03706,0.06062,0.04953,-0.007,0.03233,0.03723,-0.02889,-0.13692,-0.04977,-0.02293,0.06413,-0.00558,-0.02712,0.00099,-0.1177,0.01887,-0.06325,0.00731,0.03431,-0.04765,-0.03457,0.08132,-0.10033,-0.02584,-0.00664,-0.0478,-0.07325,0.10857,-0.02397,-0.02451,0.00254,0.05128,-0.03338,0.04535,-0.00005,0.07071,-0.06986,-0.00522,0.06518,0.01407,-0.06353,0.00351,-0.01704,-0.03351,-0.09385,0.08782,0.10913,-0.01866,-0.01092,-0.02305,0.04438,0.01217,-0.01657,0.04297,0.07101,0.03165,0.05442,0.06462,0.08294,-0.00072,0.0661,0.02375,0.01559,-0.02274,0.04317,0.06349,0.08558,-0.00323,0.02174,0.01705,0.01276,0.11571,0.02568,-0.02322,-0.00095,0.05894,-0.08368,-0.09041,0.03695,0.04996,-0.05077,-0.01144,-0.00499,-0.03583,-0.00242,0,-0.09328,0.07767,-0.07321,0.01473,0.03268,-0.06965,-0.04585,0.08654,0.01729,-0.0442,-0.03051,0.07408,-0.0857,-0.00633,0.08752,-0.01868,0.01445,0.02553,-0.00874,-0.00152,-0.01234,0.00098,0.01396,0.08261,-0.01267,-0.05614,0.00854,0.0644,0.03783,0.04109,-0.00178,0.04644,0.05173,0.10314,-0.13908,0.00827,-0.01708,0.00085,-0.05345,0.01488,0.03449,-0.03265,-0.04366,-0.05147,-0.15031,0.05631,0.00814,-0.00672,0.01879,0.04509,-0.02128,0.04166,-0.03897,0.11737,0.05298,0.00111,0.00211,0.00041,0.03077,-0.04194,0.00935,-0.00397,-0.0002,-0.00043],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. The golden rule of Foblex Flow's default stateless mode did not move an inch: the library never mutates your application-owned data. Delete emits fDeleteSelected with the selected ids. This happened. You decide what to do. With the optional Managed Flow State plugin, that same deletion event is also applied to the explicit plugin store automatically. The event still fires for validation, analytics or custom behavior. f Delete Selected","excerpt":"The golden rule of Foblex Flow's default stateless mode did not move an inch: the library never mutates your application-owned data. Delete emits fDeleteSelected with the selected ids. This happened. You decide what to do. With the optional Managed Flow State plugin, that same deletion event is also applied to the explicit plugin store automatically. The event still fires for validation, analytics or custom behavior."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#12","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.03634,-0.09441,-0.01265,0.06653,0.08039,0.03464,0.04001,-0.001,0.08913,0.04486,0.00114,0.00854,-0.06735,-0.04207,0.06833,0.00237,0.00706,-0.07867,-0.00229,0.03268,-0.0504,-0.0663,0.03481,-0.06739,-0.0319,0.01347,-0.03609,-0.01469,0.07917,-0.07023,-0.04261,0.05789,0.02675,0.0529,-0.19764,0.02829,-0.01009,-0.04729,-0.10817,-0.04139,-0.009,0.02152,-0.00276,-0.00892,0.00966,-0.0295,-0.03335,-0.01307,-0.00207,0.06464,-0.09568,-0.07198,-0.00685,0.02694,-0.00956,0.04634,-0.015,-0.00459,0.03524,0.03235,-0.03391,-0.00878,-0.01175,0.02896,0.07633,0.04263,-0.03548,-0.0968,-0.03892,-0.0585,0.02146,-0.02689,0.01796,-0.06885,0.02672,-0.04549,-0.03811,-0.01076,0.01525,-0.01802,0.02443,0.01454,-0.07274,0.0729,0.04854,0.14134,-0.0583,-0.09088,-0.05205,-0.0012,-0.0034,-0.05186,0.00187,0.02816,0.02736,-0.05169,0.01902,0.00628,-0.08568,0.02911,0.03937,-0.03346,0.03703,0.01386,-0.02841,-0.02411,0.0688,-0.05025,-0.06889,-0.0332,-0.02639,-0.0373,-0.0208,-0.01805,-0.08967,-0.01432,-0.05261,-0.0739,0.14195,0.11474,-0.04429,-0.01542,-0.03223,-0.02592,0.00417,-0.04218,-0.08571,0,-0.03009,-0.0007,-0.03655,-0.05818,0.04005,-0.03305,0.00101,-0.10599,-0.01177,-0.03667,0.01862,0.00839,-0.01842,0.00296,0.11386,-0.08451,-0.04529,0.12389,-0.03147,0.01131,0.05833,-0.01326,-0.01506,0.01766,-0.00072,0.10353,-0.09121,-0.00601,-0.02298,0.05768,-0.01597,0.06112,-0.0393,-0.02508,-0.03463,0.04583,-0.004,-0.08165,-0.01374,-0.04043,-0.03513,-0.03303,-0.02216,-0.01278,-0.04845,-0.00046,-0.07911,0.02994,0.02155,0.03132,0.02905,0.02231,-0.00817,-0.02582,0.10029,-0.03791,-0.03971,0.08996,0.03348,0.09655,0.01389,-0.00369,0.02758,0.03019,0.01779,0.0807,0.00255,0.00475,0.06575,-0.05541,-0.04204,0.05126,-0.00721,0.07325,0.03318,-0.0358,-0.04131,-0.07164,0.10456,-0.03531,-0.06611,0.03967,-0.02669,0.05858,0.0068,-0.05079,-0.0228,-0.05674,-0.09349,0.01063,0.07101,0.051,-0.02267,-0.06559,-0.01496,0,-0.04716,0.03552,-0.05854,0.06937,-0.05808,-0.01401,0.03714,-0.02869,0.04904,0.04053,0.0578,0.06221,0.05646,-0.02119,-0.00683,0.01539,0.00137,-0.03772,0.02844,-0.03404,0.09334,-0.0513,-0.01188,0.02607,-0.05822,0.05678,-0.04565,0.0011,0.00805,-0.08861,-0.05384,0.09631,-0.07686,-0.00032,-0.01124,-0.0003,-0.08247,0.06616,-0.01721,-0.00419,0.03693,0.01573,0.05434,0.02895,-0.0306,0.07369,-0.03069,0.01619,-0.02511,-0.01204,0.05703,0.00444,0.02765,-0.08118,-0.11459,0.0988,0.04466,0.01874,0.02818,0.00953,0.08336,-0.00195,-0.0159,0.05135,0.0575,0.01561,0.02992,0.05119,0.07015,0.00633,0.08771,0.00709,0.04143,-0.00203,0.00215,0.08266,0.11794,-0.0303,0.01224,0.00087,-0.01365,0.0969,0.01729,0.0016,0.05826,0.10205,-0.08929,-0.05476,0.02645,0.02875,-0.03171,0.02576,-0.00681,-0.00787,-0.02073,0,-0.08336,0.09298,-0.05267,-0.01541,0.01317,-0.0435,-0.01086,0.03176,-0.00067,0.02556,-0.04816,0.04743,-0.02541,0.02275,0.13917,0.05348,0.00067,0.05709,-0.04129,-0.04926,0.0272,-0.01013,-0.02345,0.07858,-0.03655,-0.0217,-0.09534,0.08269,0.05565,0.0279,0.01998,0.0639,0.02957,0.04225,-0.09788,0.05591,-0.03328,-0.0291,-0.05933,0.03402,0.01225,-0.07308,0.00274,-0.02249,-0.13946,0.08887,0.0083,0.00093,-0.01657,-0.00186,-0.03991,-0.01611,-0.01016,0.04455,0.0502,0.05979,0.01445,-0.03515,0.01426,-0.00797,0.00719,0.04157,-0.04613,0.08575],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. 🛠 What Runs by Default, and What Doesn't The layer is split deliberately:","excerpt":"🛠 What Runs by Default, and What Doesn't The layer is split deliberately:"},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#13","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.05332,-0.07754,-0.02292,0.04786,0.05238,0.06741,0.04957,-0.00312,0.06751,0.05005,0.00521,0.03183,-0.04939,-0.05231,0.05721,0.02346,0.03258,-0.07743,-0.05551,0.04449,-0.01188,-0.03509,0.03234,-0.03257,-0.0295,-0.00525,-0.06163,-0.05016,0.01758,-0.05567,-0.03582,0.06556,0.02775,0.03987,-0.18991,0.02902,0.01342,-0.08,-0.11081,-0.02754,-0.02788,0.00584,-0.03039,0.00039,-0.00607,-0.03394,-0.0315,-0.02857,-0.06334,0.08551,-0.0736,-0.05817,0.01081,0.04047,-0.00746,-0.00135,-0.00267,0.00222,0.02304,0.02114,-0.05284,-0.02678,0.00933,0.02104,0.04504,0.04701,-0.0093,-0.12618,0.01871,-0.05123,-0.01916,-0.03251,0.02125,-0.08663,0.00854,-0.04844,-0.01619,0.00692,-0.00671,-0.03912,0.05505,0.01847,-0.0275,0.08253,0.0321,0.09223,-0.05752,-0.05384,-0.00789,0.0128,-0.03351,-0.03594,0.02976,0.00343,0.08343,-0.00503,0.00457,0.02874,-0.09,0.03441,0.02976,-0.0309,0.02739,-0.00192,-0.03255,-0.01875,0.05834,-0.0397,-0.0722,-0.00703,-0.00517,-0.03522,0.00809,-0.01539,-0.07175,0.03661,-0.02904,-0.05164,0.12284,0.13945,-0.02641,-0.02132,0.01152,-0.03012,0.00672,-0.02606,-0.06681,0,-0.01793,0.03077,-0.08646,0.00221,0.0169,-0.03383,0.02145,-0.07831,-0.02908,-0.04703,0.04682,0.01779,-0.00905,0.01016,0.12302,-0.09732,-0.01688,0.11023,-0.02511,0.00228,0.0853,0.0205,-0.03296,-0.02566,0.03933,0.05316,-0.08461,0.00065,-0.03777,0.03915,-0.04252,0.01322,-0.0435,-0.00996,-0.0401,-0.01372,-0.02997,-0.1126,-0.00536,-0.04617,-0.04442,-0.01452,-0.05958,-0.04668,-0.01928,-0.04052,-0.04192,0.07498,-0.00237,0.04987,0.0367,0.02117,-0.02554,-0.03355,0.0662,-0.03724,-0.04487,0.07398,0.0338,0.12363,0.02871,0.02036,0.04833,-0.00481,0.02003,0.048,0.01319,-0.00274,0.0904,-0.06773,-0.0525,0.04356,-0.01344,0.06908,0.03273,-0.02131,-0.01602,-0.05826,0.05761,-0.04148,-0.04085,0.01209,-0.04473,0.09761,-0.00139,-0.07367,-0.00317,-0.08463,-0.08968,-0.01519,0.08774,0.03624,-0.0141,-0.06736,-0.01962,0,-0.0089,0.01941,-0.06104,0.08485,-0.07453,0.02681,0.04187,-0.01196,0.06111,-0.05073,0.01198,0.07229,0.0591,-0.05127,-0.00754,0.02619,-0.01908,-0.05898,0.00923,-0.0283,0.07235,-0.03188,-0.07532,0.05167,-0.09204,0.04823,-0.04727,0.01278,-0.00173,-0.0627,-0.02534,0.09944,-0.07859,-0.03687,-0.02051,-0.02216,-0.02221,0.07818,-0.02905,-0.01561,0.0924,0.03528,0.06151,0.02798,-0.02735,0.07056,-0.06883,-0.00299,-0.01445,0.00143,0.02927,-0.03615,-0.01234,-0.02972,-0.11484,0.07095,0.06603,-0.03949,-0.00267,-0.00128,0.08711,-0.01976,0.00214,0.05685,0.05737,0.01306,-0.01051,0.0332,0.08761,0.0206,0.05827,-0.02576,0.04065,-0.03609,0.03031,0.08541,0.13985,-0.0691,0.00499,-0.02335,-0.0246,0.12507,0.01156,-0.03499,0.05092,0.11423,-0.08943,-0.03204,0.03755,0.01431,-0.03832,0.04282,-0.03733,-0.00834,-0.01109,0,-0.07271,0.09607,-0.0463,0.00421,0.01648,-0.01624,0.01283,0.02254,0.03371,0.05886,-0.03401,0.04076,-0.03007,-0.07307,0.10509,0.0701,0.02121,0.04142,-0.06341,-0.03873,0.03899,-0.01493,-0.04284,0.06929,-0.0205,-0.03764,-0.04918,0.08169,0.07074,0.06225,0.02209,0.02776,0.02852,0.04448,-0.14353,0.00426,0.00631,-0.03905,-0.02989,0.05818,0.03571,-0.03538,-0.04271,-0.0503,-0.12041,0.05927,-0.0053,-0.04667,-0.02698,0.02986,-0.03483,0.01646,-0.00856,0.09993,0.0519,0.08312,0.03096,-0.00586,0.06566,-0.00154,0.03167,0.02843,-0.01789,0.0576],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. 1. Semantics are always on. Roles, accessible names (\"Connection from A to B\", tracking endpoint changes), a live region announcing selection, movement, connection and deletion, aria-hidden on the minimap and previews. These are inert attributes — and any attribute you set yourself is never overridden. 2. The keyboard layer is opt-in via provideFFlow(withA11y()). Every f-flow app older than v19 has its own key handling, because the library had none. A default-on layer would double-drive selection and deletion in all of them. So it doesn't. 3. Typing is never hijacked. Keys pressed inside inputs, textareas, selects, buttons, links, contenteditable or any focusable custom widget stay where they belong. Single-character shortcuts yield to OS combos — Ctrl+C stays copy. 4. Everything is configurable. Movement steps, per-action key bindings (an empty array disables an action), and a fully localizable message catalog — announcements are speech, and speech has a language. provide F Flow with A11y","excerpt":"1. Semantics are always on. Roles, accessible names (\"Connection from A to B\", tracking endpoint changes), a live region announcing selection, movement, connection and deletion, aria-hidden on the minimap and previews. These are inert attributes — and any attribute you set yourself is never overridden. 2. The keyboard layer is opt-in via provideFFlow(withA11y()). Every f-flow app older than v19 has its own key handling, because the library had none. A default-on layer would double-drive selection and deletion in all of them. So it doesn't. 3. Typing is never hijacked. Keys pressed inside inputs, textareas, selects, buttons, links, contenteditable or any focusable custom widget stay where they belong. Single-character shortcuts yield to OS combos — Ctrl+C stays copy. 4. Everything is configurable. Movement steps, per-action key bindings (an empty array disables an action), and a fully localizable message catalog — announcements are speech, and speech has a language."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#14","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.03447,-0.08473,-0.03896,0.07811,0.04647,0.0472,0.04701,-0.00008,0.0735,0.055,-0.00375,0.03715,-0.06053,-0.03303,0.05086,0.0042,-0.00358,-0.07956,0.00412,0.02815,-0.07644,-0.06072,0.03548,-0.06823,0.0024,0.00695,-0.03223,-0.0273,0.07117,-0.04909,-0.04665,0.04979,0.02101,0.02679,-0.17108,0.03285,-0.01281,-0.04464,-0.09316,-0.04683,0.01838,0.02925,-0.00336,-0.02637,-0.00548,-0.02675,-0.06035,-0.01304,-0.00023,0.05404,-0.09197,-0.07078,-0.01581,0.01711,-0.02298,0.01004,-0.01198,-0.03154,0.05929,0.02203,-0.03722,-0.02216,-0.0004,0.02132,0.0432,0.06932,-0.02843,-0.10606,-0.05917,-0.02982,0.01137,-0.03961,0.00192,-0.05326,0.0198,-0.04943,-0.04731,0.00403,0.01064,0.00776,0.04432,0.03636,-0.05913,0.10164,0.02779,0.16863,-0.03685,-0.06595,-0.01139,-0.02657,0.00115,-0.04817,0.00994,0.03608,0.01373,-0.05583,0.02367,0.0133,-0.11505,0.03185,0.05055,-0.021,0.02354,0.01777,-0.04829,0.01571,0.0565,-0.02771,-0.07634,-0.02669,-0.02577,-0.02494,-0.02713,0.00258,-0.0952,0.00058,-0.06465,-0.0686,0.12941,0.1084,-0.01886,-0.01445,-0.04804,-0.02173,-0.00735,-0.03336,-0.06849,0,-0.02956,0.01487,-0.0541,-0.07329,0.06129,-0.01026,-0.01978,-0.09971,-0.02429,-0.04437,0.02223,0.00969,-0.01621,-0.02127,0.09592,-0.06735,-0.03012,0.13751,-0.0212,0.02874,0.05396,-0.03181,-0.02957,0.03943,0.03811,0.0824,-0.1096,0.00225,-0.01551,0.04077,-0.00351,0.06823,-0.03561,-0.04692,-0.05346,0.01713,-0.00861,-0.07766,-0.03232,-0.0393,-0.01888,-0.04833,-0.04825,0.00808,-0.03148,0.0082,-0.06066,0.01352,0.0192,0.02546,0.01782,0.03297,-0.01796,-0.03565,0.08124,-0.04037,-0.04898,0.08817,0.03357,0.09593,0.00524,-0.00147,0.05461,0.04112,0.03227,0.05184,-0.02957,0.03559,0.07609,-0.0873,-0.03339,0.04043,-0.01402,0.0771,0.00617,-0.05296,-0.03178,-0.07322,0.11889,-0.04361,-0.04464,0.00278,-0.02736,0.07273,0.03787,-0.07819,-0.0367,-0.06082,-0.0862,-0.01177,0.07288,0.08403,-0.04114,-0.07186,-0.0293,0,-0.00777,0.03364,-0.03088,0.07084,-0.07771,-0.00973,0.05078,-0.01018,0.05758,0.02647,0.05466,0.08387,0.07455,-0.03148,-0.01639,0.0299,-0.00878,-0.04572,-0.01002,-0.02168,0.08596,-0.06018,0.01418,0.00006,-0.07173,0.05002,-0.00535,-0.00206,-0.016,-0.0834,-0.04055,0.11682,-0.07382,-0.02246,0.00021,-0.00254,-0.03079,0.06675,-0.02167,-0.03291,0.05847,0.04641,0.066,0.00349,-0.03239,0.08004,-0.00141,-0.00409,-0.01809,0.00075,0.04781,-0.00618,0.03571,-0.0644,-0.09891,0.07368,0.05735,-0.02226,0.01354,-0.00874,0.07704,0.01005,-0.01632,0.06085,0.07155,0.01329,0.00929,0.05256,0.0675,0.00292,0.08818,-0.00607,0.06112,0.02104,0.01825,0.07662,0.13685,-0.02166,0.02904,-0.03627,-0.01481,0.10469,0.00487,-0.0281,0.03946,0.09949,-0.09457,-0.05284,0.03729,0.04775,-0.05271,0.01689,-0.00632,-0.04501,-0.00374,0,-0.09207,0.07403,-0.07438,-0.01433,0.04096,-0.03577,-0.03794,0.03471,0.00437,0.0263,-0.04195,0.04842,-0.00457,0.01352,0.12548,0.04222,0.01224,0.03835,-0.02917,-0.02704,0.02719,-0.01363,0.01085,0.08163,-0.03329,-0.05258,-0.11016,0.08284,0.04538,0.0001,0.00468,0.05762,0.01842,0.04069,-0.11136,0.00288,-0.0376,-0.04816,-0.06883,0.0236,0.02518,-0.06658,-0.00024,-0.03603,-0.15364,0.08103,0.03683,0.00731,-0.01394,0.01908,-0.02292,-0.01843,0.00256,0.01791,0.03854,0.03705,0.01885,0.00862,-0.01292,-0.02274,0.01582,0.03031,-0.04847,0.04289],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. ::: ng-component <accessibility</accessibility [height]=\"600\" ::: Click the canvas or Tab to it, then: arrows to select, Shift+arrow to extend, Ctrl+arrow to follow a connection, Space to move, C → Enter to connect, Delete to remove.","excerpt":"::: ng-component <accessibility</accessibility [height]=\"600\" ::: Click the canvas or Tab to it, then: arrows to select, Shift+arrow to extend, Ctrl+arrow to follow a connection, Space to move, C → Enter to connect, Delete to remove."},{"chunkId":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor#15","slug":"selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","route":"/blog/selection-instead-of-focus-keyboard-accessibility-in-an-angular-node-editor","section":"blog","title":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor","description":"The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine.","group":"Feature Deep Dives","vector":[-0.12087,-0.11585,-0.03715,0.08129,0.05874,0.07027,0.03438,0.0159,0.07743,0.03531,-0.02263,-0.02053,-0.04516,-0.00825,0.0825,0.05111,0.02356,-0.05439,-0.01995,0.04221,-0.04318,-0.08082,0.04285,-0.0603,-0.04028,0.01952,0.00509,-0.0342,0.0457,-0.05273,-0.05321,0.04402,-0.01548,0.01895,-0.17725,0.07213,0.00741,-0.01596,-0.10944,-0.05356,0.02199,0.05526,0.03075,-0.0225,0.0158,-0.03109,-0.02082,-0.05543,-0.02345,0.06517,-0.06183,-0.03481,-0.00012,-0.03685,0.00328,0.03635,0.03345,-0.05802,0.00628,-0.01424,-0.06035,0.00754,0.00617,0.00211,0.03702,0.05859,0.01467,-0.04769,-0.03573,-0.08676,-0.00633,-0.03866,0.05693,-0.08517,-0.00948,-0.04368,-0.03335,0.04011,0.00298,-0.02799,0.04914,0.01898,-0.04019,0.06052,0.0431,0.14903,-0.03169,-0.08785,-0.00855,0.01201,-0.00039,-0.01091,-0.01191,0.00785,0.09573,-0.03864,0.03744,0.04969,-0.08743,0.01037,0.01309,-0.03495,-0.0025,-0.03661,0.01689,-0.01209,0.03443,-0.05717,-0.08886,-0.01513,-0.00536,-0.02876,-0.03012,0.0052,-0.07057,0.01839,-0.03228,-0.05509,0.15253,0.10033,0.00095,0.00602,-0.03058,-0.00632,0.02651,0.00027,-0.06444,0,0.01026,0.045,-0.051,-0.05608,0.07302,-0.01642,-0.00158,-0.06803,-0.04279,-0.03418,0.04221,0.01614,-0.0336,0.00805,0.08185,-0.05785,-0.04321,0.10541,-0.06637,-0.0029,0.03036,-0.00169,-0.06688,0.00223,0.01304,0.06768,-0.09045,0.0235,-0.03219,0.02096,-0.0055,0.05179,-0.03605,-0.01841,-0.0531,-0.02354,-0.00814,-0.07711,-0.01104,-0.04464,-0.01944,-0.03376,-0.03303,-0.03238,-0.04425,-0.00222,-0.05838,0.04334,0.051,-0.03621,0.03064,0.01755,-0.02635,-0.0589,0.07446,-0.0188,-0.04618,0.0798,0.06445,0.08845,-0.01232,0.04357,0.04994,0.01163,0.02973,0.08359,-0.01651,0.00961,0.09192,-0.06541,-0.03607,0.03662,-0.03993,0.0691,0.04425,-0.04378,-0.01058,-0.0557,0.12425,-0.02663,-0.04086,-0.01285,0.00626,0.08476,0.0293,-0.05073,-0.05281,-0.04517,-0.10657,-0.03357,0.11611,0.04304,-0.02216,-0.08861,-0.01276,0,0.00008,0.01853,-0.00872,0.06178,-0.03686,-0.01978,0.00907,-0.05818,0.07721,0.00443,0.04887,0.08275,0.06082,-0.02984,-0.02505,0.03636,-0.02208,-0.04069,0.00559,-0.01632,0.13046,-0.01944,0.00057,-0.0013,-0.05435,0.01964,-0.05751,0.02134,0.01949,-0.09061,-0.03815,0.07132,-0.09825,-0.05714,-0.03206,-0.0127,-0.00763,0.04584,-0.02104,0.01966,0.04142,-0.00145,0.04666,0.0026,-0.0303,0.08962,-0.03864,-0.00705,-0.00173,0.02113,0.01587,0.00465,0.00058,-0.03781,-0.12341,0.06944,0.06483,-0.04888,-0.01653,0.01304,0.06196,-0.02593,0.0039,0.05392,0.04433,0.04627,0.00773,0.00982,0.0847,0.00752,0.10045,0.00024,0.05626,0.0013,0.03888,0.06347,0.14174,-0.03905,0.04451,-0.02271,-0.04092,0.08578,0.03642,-0.02273,0.05524,0.11302,-0.05428,-0.01105,0.0605,0.05949,-0.08488,0.02488,-0.03565,0.01315,0.01046,0,-0.05123,0.09017,-0.09955,-0.04359,-0.00778,-0.04968,-0.08,-0.05507,-0.00387,0.04871,-0.05545,0.0538,-0.04085,-0.0016,0.08574,0.05488,0.0002,0.03004,-0.04817,-0.00195,0.07152,0.0447,-0.01231,0.0627,-0.01554,-0.03019,-0.09648,0.07111,0.05552,-0.00371,0.02462,0.03852,0.01863,0.07836,-0.12728,-0.00453,-0.00183,-0.06247,-0.04422,0.07128,0.07332,-0.0666,-0.04121,-0.01903,-0.0738,0.08715,0.02279,-0.01561,-0.00842,0.0504,-0.02282,0.00347,-0.00196,0.03586,0.06232,0.06791,0.00362,-0.00129,0.03375,0.00461,-0.00487,0.01134,-0.02857,0.05261],"keywords":"Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor Selection Instead of Focus: Keyboard Accessibility in an Angular Node Editor The design decisions behind the Foblex Flow accessibility layer: why arrow keys drive the selection instead of a focus cursor, edge-based spatial navigation over nodes and connections, aria-activedescendant on the canvas, and keyboard connection creation on the shared gesture engine. 🚀 Conclusion The accessibility layer is not a separate mode bolted onto the editor. It is the same selection model, the same events, and the same connection engine the pointer uses — driven by different keys. That is why it took a redesign to get right, and why the result feels like the editor, not like an add-on. - Full keyboard map and configuration: <https://flow.foblex.com/docs/accessibility - Live example: <https://flow.foblex.com/examples/accessibility - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot.","excerpt":"🚀 Conclusion The accessibility layer is not a separate mode bolted onto the editor. It is the same selection model, the same events, and the same connection engine the pointer uses — driven by different keys. That is why it took a redesign to get right, and why the result feels like the editor, not like an add-on. - Full keyboard map and configuration: <https://flow.foblex.com/docs/accessibility - Live example: <https://flow.foblex.com/examples/accessibility - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#0","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.02034,-0.08413,-0.10034,-0.00335,0.00551,-0.00068,-0.05633,0.03849,0.03273,0.00528,-0.0102,-0.05267,0.00032,-0.03711,0.04611,0.02762,-0.0313,-0.06524,-0.06085,0.00155,-0.0085,-0.06857,-0.02836,-0.06501,-0.046,-0.02712,-0.00654,-0.01057,-0.04462,-0.06014,-0.00245,0.13247,-0.08023,0.00966,0.01045,0.00183,0.00293,-0.02197,-0.08026,0.01757,0.03527,-0.03569,0.03888,-0.02585,-0.03101,0.00344,-0.083,-0.03631,-0.00487,-0.0325,-0.03089,-0.01847,-0.06555,0.08649,0.08194,0.03342,-0.00673,-0.03132,-0.07852,0.02101,0.01449,-0.02857,-0.03193,-0.03111,0.03752,-0.0008,-0.02923,-0.00601,0.06156,0.04307,-0.07245,0.0316,-0.06733,-0.09524,0.09244,0.05099,0.05052,0.11448,-0.00912,-0.12898,0.04561,0.16983,-0.0493,-0.01102,-0.0061,0.05727,-0.07815,-0.02765,-0.00254,0.05311,0.01216,0.02527,0.02167,-0.01881,0.07111,0.02888,0.06112,0.01085,0.04052,0.04269,-0.02297,0.00534,0.06752,-0.01313,0.03821,0.00522,-0.05761,0.01903,0.0206,-0.06965,-0.02338,-0.01211,-0.00788,-0.04458,-0.06579,0.02444,0.0136,-0.0189,0.1361,0.07603,-0.03246,-0.00698,0.03504,0.01205,-0.01089,-0.00078,-0.09857,0,-0.05383,0.02753,-0.03817,0.02044,0.08853,0.01763,-0.00775,0.0309,-0.01354,-0.00095,-0.11711,0.02919,-0.04864,-0.029,0.05339,-0.08106,-0.02972,0.07991,-0.01353,0.0125,0.11322,-0.0384,0.00072,-0.06575,0.09754,0.0464,-0.04013,0.00067,-0.0159,0.02082,-0.0284,0.02936,0.07022,0.0206,-0.04533,-0.04974,0.00998,-0.15743,-0.0918,-0.04771,-0.08342,0.02052,-0.02412,0.00117,0.03423,-0.03801,0.00555,-0.01454,0.05498,-0.00271,0.0296,0.02449,0.03806,-0.04658,-0.00699,-0.07202,-0.0651,0.052,-0.02294,0.11683,-0.06685,0.04728,-0.03751,0.01275,0.08875,0.08516,0.02316,0.01973,0.07354,0.0069,-0.08066,0.06893,-0.08069,-0.06342,0.04601,-0.04199,-0.01775,-0.06879,0.0086,-0.06133,-0.06,0.05295,-0.06063,0.04186,0.05577,-0.01198,0.02497,-0.06362,-0.05179,-0.02366,0.04294,0.03052,0.04465,-0.00736,0.05636,0,0.00163,-0.01088,-0.03139,-0.00323,0.04608,-0.02765,-0.00332,-0.05142,0.02235,-0.03739,0.00846,0.02139,0.03747,-0.08951,0.01024,-0.01913,-0.04647,-0.12875,-0.00515,0.09354,0.07347,0.05343,-0.0542,-0.03076,-0.03682,0.01453,-0.05177,-0.00889,0.01459,0.03511,-0.01204,-0.00621,-0.04138,-0.02846,0.00662,0.00006,0.03207,0.07917,0.04028,-0.02092,0.03702,0.04765,-0.03874,0.02891,-0.02599,0.05175,-0.13119,0.00867,-0.01052,0.01826,-0.05779,-0.04507,-0.05641,0.00278,-0.05827,0.02989,0.09715,0.01546,-0.04299,0.05366,0.04241,-0.08949,0.04437,0.0515,0.1061,0.0223,-0.00684,-0.00692,-0.00183,0.05215,0.03079,0.01657,-0.06794,0.02609,0.03483,0.0176,0.00438,-0.05182,-0.00628,0.11433,-0.08779,0.10602,0.06045,0.06043,0.03607,-0.0216,0.08819,0.09973,0.0713,0.04104,-0.00384,0.04028,0.00139,0.07521,-0.05986,0,-0.05658,0.04215,-0.09407,0.02141,0.01842,-0.02267,-0.08737,0.02494,-0.02442,0.04968,-0.06179,0.07251,-0.06166,-0.01482,0.06741,-0.00914,0.02896,-0.04911,-0.07331,-0.00231,-0.02484,0.03854,-0.07048,0.04603,0.00603,-0.05768,-0.00104,0.06356,0.0236,0.01858,-0.00111,-0.02159,-0.01468,0.13905,-0.0561,0.04288,-0.03022,-0.00129,-0.067,0.00917,0.08339,-0.00593,-0.0579,-0.0272,0.06171,0.04671,-0.03242,-0.02747,-0.03049,0.05202,-0.07157,0.02036,-0.03008,0.04504,0.0348,-0.02274,-0.06833,0.01878,0.06903,0.01724,-0.05511,0.04987,0.06597,0.02069],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. One Connector Instead of Three: The Design Behind the Unified fConnector Model This article explains why Foblex Flow v19 replaces the fNodeInput / fNodeOutput / fNodeOutlet trio with a single [fConnector] directive, what the unified model actually changes, and how the migration is designed to cost you nothing until you choose to pay it. The legacy connector API was not wrong — it grew. First outputs and inputs, then outlets for nodes that start connections from one shared surface. Three directives, and with them a set of problems that kept showing up in real projects: - Three id namespaces. The same string could legally be an input id and an output id, and resolution depended on which registry you asked. - Asymmetric options: outputs had fCanBeConnectedInputs, inputs had their own gates, outlets had a third shape. Learning one directive taught you little about the next. - A node that should both accept and start connections needed two overlapping elements at the same coordinates — a template hack for a modeling concept. - Every new feature (categories, sides, limits) had to be added three times and documented three times. f Connector f Node Input f Node Output f Node Outlet f Can Be Connected Inputs","excerpt":"One Connector Instead of Three: The Design Behind the Unified fConnector Model This article explains why Foblex Flow v19 replaces the fNodeInput / fNodeOutput / fNodeOutlet trio with a single [fConnector] directive, what the unified model actually changes, and how the migration is designed to cost you nothing until you choose to pay it. The legacy connector API was not wrong — it grew. First outputs and inputs, then outlets for nodes that start connections from one shared surface. Three directives, and with them a set of problems that kept showing up in real projects: - Three id namespaces. The same string could legally be an input id and an output id, and resolution depended on which registry you asked. - Asymmetric options: outputs had fCanBeConnectedInputs, inputs had their own gates, outlets had a third shape. Learning one directive taught you little about the next. - A node that should both accept and start connections needed two overlapping elements at the same coordinates — a template hack for a modeling concept. - Every new feature (categories, sides, limits) had to be added three times and documented three times."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#1","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.00515,-0.07813,-0.08213,-0.00551,0.01,0.03451,-0.05189,0.05932,0.0506,-0.00412,0.01661,-0.03793,-0.04913,-0.01709,0.0554,0.04136,-0.06615,-0.07097,-0.0138,0.0459,-0.04457,-0.06544,0.00331,-0.04208,-0.07766,-0.03005,-0.0271,-0.01138,-0.02118,-0.05762,0.05124,0.1313,-0.10033,0.02884,-0.01855,-0.02159,0.03824,-0.05108,-0.08972,0.02331,0.08146,-0.05229,0.03668,-0.0227,-0.02913,0.01206,-0.045,-0.04654,0.00709,0.02836,-0.02045,-0.02105,-0.05794,0.10116,0.07347,0.0231,-0.03164,-0.00444,-0.03187,0.03796,-0.00102,-0.007,-0.04776,-0.00691,0.06361,-0.04583,-0.05766,-0.02217,0.01893,0.02243,-0.03152,0.0054,-0.02287,-0.09029,0.06615,0.0229,0.00974,0.1057,0.03817,-0.1099,0.06597,0.13167,-0.03584,-0.03491,0.02592,0.08512,-0.03856,-0.09184,-0.04842,0.01859,0.0178,0.01383,0.04374,0.02553,-0.01061,-0.00353,0.00751,0.00791,-0.00215,0.01442,-0.03522,0.05386,0.06491,0.02295,-0.03001,-0.04508,-0.0463,0.04869,0.03417,-0.05246,-0.0158,-0.02286,0.00872,-0.08065,-0.06115,0.00142,-0.04506,0.01395,0.10881,0.05447,-0.06828,-0.02823,0.05294,-0.00629,-0.02176,-0.02794,-0.07931,0,-0.0475,0.01853,-0.06671,0.01713,0.07456,-0.00264,0.01408,-0.01466,-0.02678,0.0033,-0.07045,0.00999,-0.05932,0.02347,0.00284,-0.06233,-0.06093,0.05975,0.00728,0.02836,0.11839,-0.01787,0.01623,-0.07836,0.08336,0.06431,-0.02458,0.05193,-0.02223,0.05307,-0.01482,0.02024,0.04517,-0.00782,-0.04165,-0.05389,-0.02494,-0.11984,-0.10324,-0.0284,-0.06719,-0.00545,-0.04784,-0.02922,0.06041,-0.03987,0.00414,-0.00622,0.07789,0.00978,0.02096,-0.00123,0.06462,-0.02695,0.04631,-0.07963,-0.098,0.06307,-0.02663,0.04843,-0.05118,0.04044,-0.06571,-0.00956,0.09849,0.11748,0.04641,-0.00713,0.07072,-0.01539,-0.04645,0.07078,-0.07725,-0.03628,0.044,-0.03969,0.00465,-0.02352,0.06409,-0.04932,-0.10145,0.01081,-0.01376,0.10899,0.08433,-0.00767,-0.00118,-0.07108,-0.06919,0.01379,0.09033,0.04182,0.05998,-0.0072,0.06906,0,0.01896,-0.0124,-0.04504,-0.01053,0.02219,-0.01608,0.0227,-0.04751,0.06273,0.02431,0.0628,0.02299,0.00512,-0.09072,0.02799,-0.03524,-0.00339,-0.14766,0.01156,0.05659,0.05347,0.01259,-0.02273,-0.03535,-0.05526,0.00645,-0.03162,-0.03092,0.01497,0.00932,-0.00085,0.00594,-0.04613,-0.04659,-0.00004,-0.00305,-0.0036,0.08461,0.06085,-0.03344,0.02662,0.05971,-0.04739,-0.01211,-0.0447,0.04734,-0.11956,-0.02727,-0.00351,0.0289,-0.03955,-0.01929,-0.03911,-0.01491,-0.08557,0.03875,0.14023,0.01378,-0.10865,0.05707,0.08964,-0.04096,0.0237,0.04333,0.09085,0.03071,-0.01821,0.03491,0.01737,0.02275,0.04089,-0.01224,-0.0412,0.0471,0.02078,0.00996,-0.01116,-0.0689,0.02485,0.10042,-0.05519,0.0914,0.00978,0.02806,0.05717,0.00061,0.05495,0.03482,0.06968,0.01501,0.01123,0.03103,0.0254,0.06177,-0.08122,0,-0.04552,0.01967,-0.06401,-0.02066,-0.0119,-0.01005,-0.11823,0.03181,-0.00154,0.05455,-0.02323,0.08211,-0.06048,0.00481,0.09632,-0.0474,0.00471,-0.04168,-0.0777,-0.0104,-0.03602,0.04657,-0.03536,0.03816,0.00571,-0.04629,0.01153,0.05381,0.00259,0.00221,0.00031,0.01173,-0.0213,0.15386,-0.09033,0.06794,0.01092,0.01405,-0.0842,-0.02567,0.09619,-0.04774,-0.06387,-0.02262,0.01566,0.06439,-0.01973,-0.02557,-0.06276,0.07641,-0.0692,0.05872,-0.0207,0.02951,0.04171,-0.02164,-0.04434,0.0224,0.03609,-0.00504,-0.03686,0.0243,0.10304,0.02953],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. 🎯 The Key Idea: Behavior Is a Property, Not a Directive The unified model collapses the trio into one directive where the connector's role is data:","excerpt":"🎯 The Key Idea: Behavior Is a Property, Not a Directive The unified model collapses the trio into one directive where the connector's role is data:"},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#2","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.00653,-0.07244,-0.09558,-0.00329,-0.01626,0.05854,0.00022,0.058,0.0149,-0.03081,0.0057,-0.04305,-0.03903,-0.02654,0.03235,0.02047,-0.05428,-0.07377,-0.0047,0.06499,-0.04909,-0.09477,-0.00914,-0.05492,-0.07557,-0.04231,0.03122,0.00612,-0.05466,-0.05456,0.02395,0.12651,-0.07875,0.00884,-0.01029,-0.06297,0.04646,0.00293,-0.06774,0.03452,0.06603,-0.07161,0.04593,-0.01465,-0.02064,0.00385,-0.05768,-0.06612,0.02525,0.02798,0.02929,0.00547,-0.06179,0.11987,0.06458,0.05819,-0.01856,-0.0204,-0.04586,0.0289,0.02154,-0.02502,-0.02222,-0.02367,0.00114,-0.00049,-0.03645,0.00196,0.04817,-0.00742,-0.0443,0.02987,-0.01972,-0.06668,0.08855,0.03756,0.04221,0.07703,0.00336,-0.1195,0.03538,0.14021,-0.03672,-0.0218,0.05361,0.107,-0.03697,-0.04777,-0.0697,0.05714,-0.02359,0.0137,0.07516,-0.04504,0.02242,0.00773,-0.01066,-0.00959,0.02344,0.0093,-0.035,0.00502,0.03784,0.02898,-0.0054,-0.02812,-0.05569,0.02533,0.03961,-0.0655,-0.00432,-0.0056,0.01846,-0.06912,-0.06793,0.02504,-0.05161,-0.00321,0.12566,0.04677,-0.0622,-0.02746,0.03974,-0.01803,0.0043,0.01534,-0.07735,0,-0.07309,0.04033,-0.0398,0.03077,0.04726,0.02525,0.01523,-0.00039,-0.02797,0.0219,-0.09732,0.00565,-0.0862,0.01793,-0.00995,-0.06511,-0.05809,0.03874,-0.02604,-0.00083,0.09959,-0.00791,-0.00358,-0.07827,0.1091,0.02305,-0.03858,0.05717,-0.02035,0.03372,-0.02905,0.00832,0.0823,0.01989,-0.02874,-0.0308,-0.03336,-0.09926,-0.09203,0.01134,-0.06288,0.0014,-0.0637,-0.00236,0.06538,-0.02315,0.02111,-0.01696,0.09023,0.00928,-0.01617,0.01262,0.047,-0.01327,0.02753,-0.10545,-0.08867,0.07255,-0.02724,0.04373,-0.04215,0.05353,-0.05798,-0.01598,0.11202,0.1245,0.05007,-0.02581,0.02808,-0.03345,-0.02855,0.05301,-0.09318,-0.0469,0.0259,-0.01425,0.00082,0.00908,0.04537,-0.04296,-0.09625,0.04218,-0.02123,0.0836,0.08128,-0.02258,0.01349,-0.07865,-0.05337,0.00854,0.07593,0.06025,0.04036,0.01224,0.04485,0,0.00332,-0.01639,-0.02558,0.00175,0.02517,-0.00919,0.03186,-0.03563,0.06752,0.00509,0.06884,0.03711,0.02446,-0.12706,-0.00906,-0.01263,-0.03755,-0.09071,-0.01401,0.06224,0.04286,0.01634,-0.00321,-0.03611,-0.02168,0.00333,-0.01112,-0.01643,-0.00399,0.01034,-0.0138,0.01417,-0.03562,-0.0504,-0.00193,-0.0247,-0.01792,0.09509,0.04125,0.00338,-0.01385,0.03633,-0.04674,0.02458,-0.04241,0.04989,-0.10721,-0.06596,-0.02136,0.04987,-0.05555,-0.03869,-0.05062,0.02064,-0.05029,0.04883,0.14505,0.03207,-0.07615,0.06252,0.10991,-0.06978,0.03271,0.05113,0.08789,-0.0016,0.00853,0.03776,-0.00721,0.03224,0.06124,-0.00144,-0.03791,0.00604,-0.02138,-0.00758,0.00948,-0.06047,0.02893,0.12041,-0.06763,0.08232,0.01217,0.03899,0.0225,0.01448,0.0715,0.04036,0.08347,0.02751,-0.0237,0.00478,0.02076,0.01981,-0.09684,0,-0.05629,0.00877,-0.09584,-0.02089,-0.00464,-0.00781,-0.12752,0.01728,-0.0213,0.03396,-0.0362,0.10702,-0.04619,0.02543,0.09151,-0.06104,0.00469,-0.01703,-0.06841,-0.00939,-0.02401,0.0142,-0.04954,0.05095,0.00712,-0.05512,0.03288,0.05119,0.02838,0.02219,-0.02558,-0.01486,-0.0271,0.12987,-0.08265,0.09252,-0.01906,0.0272,-0.09537,0.00518,0.0878,-0.07998,-0.06805,-0.02471,0.02417,0.04342,-0.02929,-0.00743,-0.07278,0.06,-0.05781,0.03672,-0.00137,0.0259,0.03217,0.00066,-0.0558,0.03108,0.06671,-0.00403,-0.06336,0.04952,0.0947,0.00918],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. - fConnectorType decides the behavior: source, target, source-target (the default), or outlet. - One id per connector, unique across all types. No more double-registry ambiguity. - One option set for everyone: fConnectorDisabled, fConnectorMultiple, fConnectorCategory, fConnectorConnectableSide, fCanBeConnectedTo. - Neutral .f-connector CSS classes and data-f-connector- attributes. f Connector Type f Connector Disabled f Connector Multiple f Connector Category f Connector Connectable Side f Can Be Connected To","excerpt":"- fConnectorType decides the behavior: source, target, source-target (the default), or outlet. - One id per connector, unique across all types. No more double-registry ambiguity. - One option set for everyone: fConnectorDisabled, fConnectorMultiple, fConnectorCategory, fConnectorConnectableSide, fCanBeConnectedTo. - Neutral .f-connector CSS classes and data-f-connector- attributes."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#3","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[0.00496,-0.05674,-0.07325,-0.01312,-0.00867,0.0029,-0.03846,0.04756,0.04087,-0.00155,0.00866,-0.00157,-0.02823,-0.02394,0.03324,0.03201,-0.05495,-0.09645,0.02075,0.06229,-0.05556,-0.07408,-0.0012,-0.08529,-0.08468,-0.04181,-0.00819,0.01145,-0.03112,-0.0545,0.00992,0.14677,-0.08539,0.03279,-0.03522,-0.01749,0.06643,-0.0172,-0.08748,0.04758,0.05483,-0.08147,0.04349,0.0155,-0.04882,0.01205,-0.04196,-0.04035,-0.02289,0.01165,-0.03157,-0.00443,-0.06867,0.08829,0.07714,0.06577,-0.03276,-0.02625,-0.05568,0.03955,0.03228,-0.03232,-0.05185,-0.00698,0.04359,-0.02465,-0.01841,-0.02159,0.03533,-0.02626,-0.02691,0.01649,-0.02082,-0.09788,0.08259,0.03912,0.01243,0.07932,0.01491,-0.08661,0.06201,0.14262,-0.0207,-0.03107,0.0189,0.08767,-0.03266,-0.08187,-0.02769,0.04155,-0.00706,-0.01458,0.03382,-0.01859,0.05454,0.03025,0.01438,-0.00759,-0.00572,0.01876,-0.00893,-0.00745,0.04001,-0.01505,-0.02965,-0.04263,-0.05638,0.05635,0.0281,-0.05468,-0.01474,-0.00697,0.01603,-0.07252,-0.10423,0.01559,-0.04461,0.00456,0.12363,0.05854,-0.0819,0.02621,0.01182,0.00809,-0.02054,-0.01882,-0.08994,0,-0.03319,0.01428,-0.04066,0.01101,0.04868,0.00496,0.0206,-0.00814,-0.0356,0.01972,-0.11217,0.01912,-0.06809,0.03461,0.01634,-0.05353,-0.04906,0.06364,-0.01292,0.0097,0.09363,-0.01258,-0.00322,-0.07654,0.07992,0.04169,-0.05592,0.04871,-0.01618,0.03662,-0.04905,0.00863,0.08205,-0.00466,-0.00418,-0.05787,-0.01372,-0.09865,-0.10608,-0.02737,-0.05358,0.04112,-0.07028,0.00324,0.03878,-0.03849,-0.01035,-0.01918,0.07186,0.02331,0.01316,-0.01443,0.06769,0.02058,0.01528,-0.07454,-0.08454,0.05417,-0.06243,0.08628,-0.04091,0.03297,-0.07844,-0.01169,0.1019,0.1303,0.04931,-0.00953,0.0468,-0.0061,-0.06232,0.07757,-0.07112,-0.03303,0.02912,-0.00267,-0.01239,-0.01573,0.02199,-0.01113,-0.05131,0.04491,-0.0351,0.09355,0.06107,-0.00119,0.0126,-0.08526,-0.01753,0.00726,0.08927,0.03443,0.05681,0.00689,0.05931,0,-0.0018,-0.05058,-0.03024,-0.00364,0.022,-0.00632,0.02751,-0.04884,0.07339,0.01013,0.07026,0.02716,0.03029,-0.1015,-0.03597,-0.05909,-0.02334,-0.09326,0.00587,0.07784,0.06759,0.02608,0.0237,-0.05254,-0.02615,-0.00181,-0.02929,-0.02076,-0.0337,0.01323,0.00435,0.01136,-0.03346,-0.03073,-0.02201,0.02378,-0.01973,0.09289,0.06621,-0.02025,0.02374,0.05925,-0.03388,0.01583,-0.03144,0.03991,-0.13175,-0.05256,-0.0196,0.01013,-0.07164,0.00626,-0.03476,-0.00741,-0.04955,0.03778,0.11524,0.04604,-0.07308,0.07376,0.10039,-0.07406,-0.00992,0.00971,0.08698,0.02213,-0.01979,0.05097,0.01931,0.03636,0.04138,0.01497,-0.05112,0.04468,0.02461,-0.00523,0.00608,-0.09308,0.00789,0.11296,-0.09077,0.10371,-0.00609,0.05335,0.0608,0.02102,0.07521,0.01208,0.07834,0.01039,0.0144,0.00644,0.00211,0.05655,-0.07261,0,-0.04466,0.01471,-0.10395,-0.00516,-0.00073,0.0017,-0.07799,0.00463,0.00037,0.0498,-0.03327,0.10785,-0.07086,0.00454,0.0808,-0.01954,0.0146,-0.03668,-0.06976,-0.03058,-0.03189,0.01884,-0.05445,0.07224,-0.0152,-0.08315,0.05772,0.05056,-0.01351,0.01709,-0.03724,-0.00988,-0.02764,0.1397,-0.10616,0.07316,-0.04084,0.02655,-0.08791,0.01066,0.08908,-0.04144,-0.03345,-0.02337,0.00165,0.07416,-0.00341,0.01204,-0.05155,0.03792,-0.03935,0.06769,0.00109,-0.0014,0.03089,-0.01094,-0.05235,0.03465,0.01831,-0.00575,-0.04789,0.06592,0.11664,0.00566],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. The source-target default is the part I care about most. A port that both accepts and starts connections is the normal case in half the editors people build — schema designers, state machines, mind maps — and it used to be the awkward one. Now it is one element with no configuration at all. Connections follow the same cleanup: f-connection gets canonical fSourceId / fTargetId inputs, because \"output\" and \"input\" described the legacy directives, not the edge itself. 📌 In short: a connector is a place on a node where edges attach. What it may do there is configuration, not taxonomy. f Source Id f Target Id","excerpt":"The source-target default is the part I care about most. A port that both accepts and starts connections is the normal case in half the editors people build — schema designers, state machines, mind maps — and it used to be the awkward one. Now it is one element with no configuration at all. Connections follow the same cleanup: f-connection gets canonical fSourceId / fTargetId inputs, because \"output\" and \"input\" described the legacy directives, not the edge itself. 📌 In short: a connector is a place on a node where edges attach. What it may do there is configuration, not taxonomy."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#4","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.01229,-0.06913,-0.08994,-0.01116,0.00346,0.02142,-0.05655,0.08024,0.04281,-0.03736,-0.0109,-0.02501,-0.02764,-0.04156,0.02298,0.0113,-0.01661,-0.06148,-0.02563,0.0439,-0.04149,-0.0542,-0.02268,-0.06754,-0.03874,-0.02529,0.02577,0.02094,0.02183,-0.05455,0.05611,0.11056,-0.0838,0.02897,0.00512,-0.03464,0.06177,-0.03558,-0.04975,0.03294,0.04442,-0.05422,0.03666,0.02292,-0.02152,0.00573,-0.03428,-0.01613,-0.01195,0.04265,0.00242,-0.0008,-0.04647,0.09206,0.08637,0.09949,-0.03525,-0.04411,-0.05162,0.05615,0.00737,-0.00816,0.00195,0.0306,0.03836,-0.03061,-0.0128,-0.00087,0.05426,-0.05462,-0.02787,0.01994,-0.02068,-0.12798,0.08565,0.03495,0.0051,0.09003,0.02386,-0.11398,0.05089,0.14035,0.00306,-0.02773,0.03101,0.06715,0.0015,-0.03647,-0.06012,0.03639,0.01166,-0.0127,0.04991,-0.02248,0.04868,0.0238,0.02678,-0.01163,-0.0018,0.0346,-0.0318,0.02601,0.0273,0.03074,0.00103,-0.04824,-0.04194,0.05624,0.01382,-0.04082,0.01118,0.00742,0.02529,-0.03112,0.00112,-0.0006,-0.03579,-0.00347,0.12307,0.00123,-0.08757,-0.00336,0.02819,0.01641,-0.03189,-0.01073,-0.06896,0,-0.04175,0.02353,-0.04856,0.01555,0.04426,-0.00185,0.02452,0.01196,0.0011,0.03561,-0.12648,0.08212,-0.07231,0.00412,0.01717,-0.0213,-0.06642,0.05661,-0.00664,0.00285,0.09017,-0.0363,-0.00297,-0.07726,0.076,0.07143,-0.06314,0.05615,-0.03486,0.03257,-0.05577,0.01187,0.08763,0.01684,-0.05357,-0.04711,-0.0273,-0.11151,-0.11038,-0.04794,-0.05419,0.0577,-0.08974,-0.02203,0.04766,-0.03478,0.001,-0.03719,0.03318,-0.00773,0.01392,0.00167,0.0415,-0.02594,0.02751,-0.07537,-0.06777,0.03453,-0.01948,0.07591,-0.05077,0.04598,-0.05261,0.02581,0.0894,0.17872,0.01359,-0.03341,0.02914,-0.00486,-0.0422,0.06749,-0.0868,-0.0602,0.03533,-0.01145,-0.00458,-0.02228,0.0155,-0.02519,-0.06171,0.01165,-0.02862,0.05659,0.06306,-0.0149,0.01527,-0.0773,-0.04804,0.03314,0.10493,0.0374,0.05165,-0.01302,0.06013,0,-0.0044,-0.00341,-0.04482,-0.02049,-0.00114,-0.01987,0.01477,-0.03383,0.04293,0.01639,0.05632,0.00937,-0.00312,-0.08726,0.009,-0.04917,0.0131,-0.09169,-0.00979,0.05757,0.00872,0.04764,-0.03313,-0.07823,-0.02658,0.0165,-0.03251,-0.04053,0.00496,-0.01396,0.00205,-0.00892,-0.05006,-0.05873,-0.02846,0.00239,-0.02623,0.07217,0.04821,-0.04827,0.01585,0.06122,-0.08404,0.02926,-0.0338,0.01949,-0.16487,-0.02688,0.00219,0.00209,-0.0231,0.01275,-0.0063,-0.04099,-0.06062,0.04041,0.19141,0.04136,-0.09305,0.05068,0.07186,-0.06881,-0.0131,0.05062,0.08982,0.01383,-0.0148,0.03848,0.02886,0.06023,0.07046,0.00592,-0.05269,0.0272,0.03071,0.02907,-0.01219,-0.07594,0.00978,0.08702,-0.07014,0.0946,0.03127,0.03907,0.06237,-0.00411,0.0757,0.01411,0.08218,0.04671,-0.00812,0.03704,-0.03625,0.02464,-0.08247,0,-0.08329,0.03678,-0.07825,-0.01456,0.0014,-0.03057,-0.10919,-0.00641,0.0112,0.03896,-0.04257,0.07859,-0.05767,0.01132,0.08739,-0.01351,0.03329,-0.07398,-0.06381,0.00612,-0.05729,0.02526,-0.06668,0.05695,0.03597,-0.08202,0.0714,0.06302,0.00407,0.00866,-0.04186,0.00199,-0.01939,0.14801,-0.06172,0.06958,0.02561,-0.00775,-0.1025,-0.00175,0.04316,-0.04923,-0.05684,-0.0304,0.02952,0.07051,-0.01057,-0.03638,-0.04817,0.09083,-0.06573,0.03753,-0.01372,-0.00465,0.02154,-0.02002,-0.05002,0.01905,0.06117,0.00121,-0.03888,0.05841,0.08753,-0.00888],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. ⚡ What Did Not Change The outlet semantics survived intact — an outlet is still a shared start surface, and the emitted FCreateConnectionEvent.sourceId is always the resolved real source id, never the outlet's. If your app never told the difference, it still can't. And the boundary holds: the library stores only what it needs for interactivity and rendering. Connector ids are your vocabulary; the graph they describe stays in your application. Nothing about the unified model asks you to restructure your data. F Create Connection Event source Id","excerpt":"⚡ What Did Not Change The outlet semantics survived intact — an outlet is still a shared start surface, and the emitted FCreateConnectionEvent.sourceId is always the resolved real source id, never the outlet's. If your app never told the difference, it still can't. And the boundary holds: the library stores only what it needs for interactivity and rendering. Connector ids are your vocabulary; the graph they describe stays in your application. Nothing about the unified model asks you to restructure your data."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#5","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.05166,-0.02008,-0.05171,0.01792,0.05196,0.03115,-0.03535,-0.01815,0.03249,0.01982,0.00001,-0.01522,-0.06064,-0.04656,0.03023,0.00973,-0.07656,-0.06824,-0.07082,0.01099,-0.07029,-0.076,0.00839,-0.05111,-0.03238,-0.0061,-0.01361,-0.0569,-0.05272,-0.06383,0.0278,0.13615,-0.07125,0.02961,-0.04306,0.05229,0.0005,0.01841,-0.02389,-0.02197,0.08548,-0.03171,0.03437,-0.06803,-0.02914,0.01264,-0.06872,-0.03592,-0.0099,0.01631,-0.01645,0.00971,-0.07174,0.13278,0.08202,0.05375,0.03271,-0.03021,-0.0233,0.00895,0.02531,-0.02083,0.00616,-0.04793,0.01785,-0.05126,-0.02222,-0.02311,0.02424,0.06482,-0.01506,0.04444,-0.04847,-0.08728,0.09055,0.07051,-0.01751,0.09657,0.00928,-0.07533,0.07098,0.10024,-0.03022,-0.05506,0.04242,0.05661,-0.02509,-0.07208,-0.01819,-0.02637,0.00581,0.02244,0.07674,0.03031,0.03178,-0.00621,-0.03078,0.05537,0.00083,0.03317,-0.03532,-0.01004,0.0359,0.02679,-0.03068,-0.02939,-0.01201,0.06877,0.0371,-0.0658,0.01779,0.03346,0.02121,0.00801,-0.0487,-0.00454,-0.02522,0.00537,0.06409,0.13318,-0.00192,-0.02375,-0.00465,0.01346,-0.02534,0.00671,-0.04375,0,-0.01702,0.03577,-0.06938,-0.01726,0.04246,-0.00356,-0.00524,-0.00886,-0.02062,0.02459,-0.13614,0.02898,-0.07601,-0.01122,0.00673,-0.08436,-0.01632,0.01918,0.03105,0.02276,0.12176,-0.00774,-0.04013,-0.07458,0.11462,0.04188,-0.07202,0.00746,-0.05657,0.01936,-0.02481,0.03624,0.05045,0.01318,-0.07417,-0.07966,0.01945,-0.0975,-0.12449,-0.04903,-0.05405,-0.00401,-0.12296,0.03167,0.09623,-0.05017,0.01785,-0.00544,0.09661,0.0121,-0.03171,0.00112,0.02795,-0.04768,-0.02155,-0.07494,-0.02497,0.0771,0.01096,0.04367,0.00206,0.01425,-0.04433,0.00274,0.13411,0.09667,0.03305,-0.00002,0.0687,-0.02582,-0.06004,0.04502,-0.08713,-0.0003,0.02164,-0.0549,-0.00991,-0.01285,0.02615,-0.07255,-0.02008,0.06205,-0.06412,0.04684,0.11997,-0.03789,-0.01185,-0.13558,-0.06862,0.03119,0.10209,0.04598,0.00247,-0.03032,0.06588,0,0.02665,-0.00414,-0.0354,0.04286,-0.00119,-0.05688,0.03525,0.03196,0.04642,-0.02442,0.05388,0.00667,0.0092,-0.09143,-0.03731,-0.01638,-0.04544,-0.07797,0.0225,0.05233,0.06063,0.08276,-0.01363,-0.03158,-0.04782,0.03554,0.02704,0.0113,0.0249,-0.06428,-0.01157,-0.00215,-0.06039,-0.01197,-0.02025,-0.02052,0.00483,0.07411,0.02756,0.018,0.0388,0.06641,-0.02997,-0.001,-0.04025,-0.01053,-0.1089,-0.0078,0.00555,0.0111,0.01818,-0.02951,-0.0609,0.02048,-0.04012,0.01034,0.13,-0.00724,-0.08259,0.01533,0.05419,-0.05835,0.05334,0.02209,0.12585,0.04211,-0.00548,0.04589,0.08043,0.05733,0.05824,0.00953,-0.03379,0.0055,-0.00698,0.02075,-0.00223,-0.07985,0.05323,0.05323,-0.11006,0.04331,-0.01087,0.0063,0.0303,0.01793,0.04515,0.05947,0.07473,0.04818,-0.04916,-0.03215,0.01244,-0.04042,-0.07612,0,-0.06337,0.067,-0.12715,0.02351,0.0925,-0.02906,-0.06825,-0.00009,0.00276,0.02162,-0.05061,0.13671,-0.00673,0.02192,0.06317,-0.03356,0.02367,-0.04501,-0.07849,0.01167,-0.07069,0.0271,-0.0442,0.06036,0.01488,-0.07728,0.01312,0.04543,0.01013,-0.01436,-0.04872,-0.03566,0.01456,0.09785,-0.06754,0.03109,-0.01853,-0.00216,-0.06969,0.01234,0.09145,-0.04139,-0.04303,-0.03016,-0.01194,-0.00806,-0.00572,-0.00601,-0.04772,0.05515,-0.03382,0.02028,-0.07977,-0.013,0.04613,-0.05631,-0.02029,0.06747,0.0654,0.00415,-0.02044,0.02918,0.08245,-0.04102],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. 🛠 Migration by Deprecation, Not by Break Nothing is removed in v19. The design goal for the migration was: upgrading must be free, migrating must be incremental. - fNodeInput / fNodeOutput / fNodeOutlet keep working, marked deprecated. - fOutputId / fInputId (and the side inputs) keep working on f-connection; when both old and new are set, the new one wins. - fCanBeConnectedInputs → fCanBeConnectedTo — a rename with a wider meaning, since targets are no longer only \"inputs\". Two behavioral notes deserve attention when you migrate a connector: 1. [fConnector] defaults to fConnectorMultiple = true. Legacy outputs were single-connection by default. If you relied on that, set fConnectorMultiple=\"false\" explicitly. 2. Ids are unique across all connector types. If a legacy node reused one string for its input and its output, give one of them a new id. That is the whole list. The rest is find-and-replace at whatever pace suits the codebase. ::: ng-component <unified-connector</unified-connector [height]=\"600\" ::: f Node Input f Node Output f Node Outlet f Output Id f Input Id f Can Be Connected Inputs f Can Be Connected To f Connector f Connector Multiple","excerpt":"🛠 Migration by Deprecation, Not by Break Nothing is removed in v19. The design goal for the migration was: upgrading must be free, migrating must be incremental. - fNodeInput / fNodeOutput / fNodeOutlet keep working, marked deprecated. - fOutputId / fInputId (and the side inputs) keep working on f-connection; when both old and new are set, the new one wins. - fCanBeConnectedInputs → fCanBeConnectedTo — a rename with a wider meaning, since targets are no longer only \"inputs\". Two behavioral notes deserve attention when you migrate a connector: 1. [fConnector] defaults to fConnectorMultiple = true. Legacy outputs were single-connection by default. If you relied on that, set fConnectorMultiple=\"false\" explicitly. 2. Ids are unique across all connector types. If a legacy node reused one string for its input and its output, give one of them a new id. That is the whole list. The rest is find-and-replace at whatever pace suits the codebase. ::: ng-component <unified-connector</unified-connector [height]=\"600\" :::"},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#6","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.00909,-0.07266,-0.0174,0.00032,0.02794,0.04455,-0.09573,0.08738,0.09222,-0.01678,0.00643,0.02957,-0.04956,-0.03391,0.02534,-0.01666,-0.0599,-0.08542,-0.04903,0.0405,-0.05235,-0.06632,0.00247,-0.0287,-0.03452,0.00256,-0.0475,-0.05242,-0.00389,-0.04947,0.03467,0.14062,-0.08683,0.0268,-0.03311,-0.01298,0.03105,-0.01994,-0.06726,-0.01074,0.02209,-0.04811,0.01964,-0.01959,0.00177,-0.01765,-0.02432,-0.08963,-0.01356,0.07732,-0.00771,-0.03987,-0.02294,0.058,0.04157,0.04787,-0.01145,0.00965,-0.08015,0.0543,0.00102,-0.02592,-0.07857,-0.01665,0.02942,-0.03609,0.01168,-0.02321,0.06528,-0.00492,-0.05471,0.02661,-0.03377,-0.10948,0.05133,-0.00034,0.0082,0.06305,0.01297,-0.09604,0.1079,0.1186,-0.02398,0.0388,0.02643,0.09214,0.03978,-0.09129,-0.03129,0.05871,0.01205,-0.02273,0.09101,-0.00385,0.01381,0.0073,0.00347,0.01007,0.01657,0.03825,-0.0085,0.06619,0.0942,-0.00034,0.00865,-0.02053,-0.00527,0.04778,-0.00253,-0.04155,0.00483,0.00407,0.01107,-0.06222,-0.02185,0.03814,-0.0789,0.01118,0.13224,0.09028,-0.05404,-0.02185,0.02786,-0.00795,-0.03738,-0.03656,-0.09706,0,-0.01442,0.04312,-0.06252,0.04993,0.09614,0.00301,0.03751,-0.00258,-0.03556,-0.02295,-0.0443,0.01747,-0.06987,0.03749,0.04843,-0.07946,-0.10779,0.08603,-0.04336,0.02305,0.08918,-0.03619,0.03372,-0.10287,0.08767,0.06708,-0.03516,0.08201,-0.04178,0.02252,-0.07336,0.00253,0.04958,-0.01171,-0.01319,-0.03354,-0.0167,-0.17171,-0.04782,-0.04207,-0.04942,0.05065,-0.07674,-0.05942,0.06543,-0.01523,-0.00028,0.01177,0.00818,-0.00057,-0.00132,0.05873,0.03441,0.00171,0.0261,-0.11147,-0.04356,0.03594,-0.02906,0.09004,0.00992,0.06933,-0.03428,0.04882,0.08918,0.12498,0.03607,0.06668,0.0437,-0.04519,-0.08179,0.04453,-0.08051,-0.08075,0.04199,-0.04159,-0.0067,-0.06491,0.04584,-0.05248,-0.04882,0.00419,-0.04322,0.08182,0.07454,-0.00359,0.03854,-0.07783,-0.04823,0.0474,0.08219,0.01509,0.02973,0.00814,0.0089,0,0.03324,-0.02197,-0.04316,0.01742,-0.0099,-0.01437,0.02823,-0.01785,0.06403,-0.03769,0.03579,0.02339,-0.01443,-0.0832,-0.00436,-0.01204,-0.00022,-0.15665,0.02508,0.00666,0.08051,0.01889,-0.02204,-0.04778,-0.07865,-0.01271,-0.02059,-0.03509,-0.02717,-0.00724,0.02195,0.02013,-0.00016,-0.02695,0.0227,0.0226,0.01363,0.07339,0.05469,-0.02742,0.03721,0.03466,-0.01536,-0.0059,-0.03617,0.0625,-0.18035,-0.03552,0.00531,0.0303,-0.03581,-0.03078,-0.03969,-0.03218,-0.09467,0.00092,0.0888,0.00077,-0.0782,0.06052,0.05154,-0.02803,-0.02142,-0.00372,0.05289,-0.01026,-0.01573,0.04451,-0.00611,0.03251,0.02157,-0.0209,-0.06617,0.00287,0.00256,0.02325,0.00364,-0.08051,0.0081,0.07176,-0.08059,0.08205,-0.00082,0.01835,0.03867,0.05911,0.02973,0.02507,0.04685,0.03742,0.0102,0.02786,0.03212,0.06646,-0.07658,0,-0.03924,0.0431,-0.06314,0.01722,-0.00308,-0.01899,-0.0887,0.10076,-0.01853,0.08827,0.00058,0.04382,-0.10627,0.02696,0.0996,-0.02463,0.01018,0.01513,-0.07924,-0.06056,-0.00714,0.03345,-0.01364,0.03481,-0.01167,-0.05355,0.0307,0.08197,-0.01404,-0.03298,0.0017,0.03837,-0.00881,0.10438,-0.06195,0.06465,0.01359,0.03491,-0.04397,0.01113,0.08976,-0.06202,-0.05067,-0.01143,0.0282,0.0432,-0.01824,-0.00411,-0.06231,0.03509,-0.05945,0.07016,-0.00818,0.06916,0.02856,0.01223,-0.03602,0.02682,0.02839,-0.00235,-0.02595,0.0349,0.05106,0.01519],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. 🧠 Why This Mattered Enough for a Major APIs accumulate shape from their history, and at some point the history costs more than the cleanup. Three connector directives meant three of everything downstream — resolution paths, class names, docs pages, mental models. v19 was the right moment because the same release opened up gestures and the keyboard: every new way to drive the editor multiplies the cost of every redundant concept underneath it. One connector model is less to learn, less to document, and — the part you'll notice — less to debug. AP Is","excerpt":"🧠 Why This Mattered Enough for a Major APIs accumulate shape from their history, and at some point the history costs more than the cleanup. Three connector directives meant three of everything downstream — resolution paths, class names, docs pages, mental models. v19 was the right moment because the same release opened up gestures and the keyboard: every new way to drive the editor multiplies the cost of every redundant concept underneath it. One connector model is less to learn, less to document, and — the part you'll notice — less to debug."},{"chunkId":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model#7","slug":"one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","route":"/blog/one-connector-instead-of-three-the-design-behind-the-unified-fconnector-model","section":"blog","title":"One Connector Instead of Three: The Design Behind the Unified fConnector Model","description":"Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in.","group":"Feature Deep Dives","vector":[-0.08054,-0.0915,-0.0932,0.01965,0.01778,0.05025,-0.0232,0.0656,0.05734,0.02252,-0.02343,-0.0557,-0.06759,0.01507,0.04392,0.06306,-0.04067,-0.04379,-0.01646,0.06181,-0.03766,-0.08445,0.03673,-0.05223,-0.07998,-0.02204,0.01097,-0.03611,-0.03315,-0.05883,0.00597,0.113,-0.08395,0.02203,-0.07275,0.04103,0.0475,-0.00384,-0.09578,-0.02486,0.03912,-0.02084,0.06925,-0.04009,-0.01431,-0.00495,-0.02241,-0.04844,-0.01566,0.04854,-0.03212,-0.03123,-0.05761,0.08722,0.04225,0.02731,0.00649,-0.06025,-0.02758,0.04192,0.01461,-0.00506,-0.02079,-0.00212,0.02088,0.00292,-0.02213,0.00005,0.02879,-0.04179,-0.03976,-0.01098,0.03416,-0.10873,0.05534,0.00575,0.01015,0.08925,0.03544,-0.05262,0.06371,0.12594,-0.01742,-0.00547,0.04038,0.1345,-0.01376,-0.06346,-0.02774,-0.00131,-0.00401,0.01468,0.04024,0.00244,0.07576,-0.02546,0.0194,0.0247,-0.03,0.01242,-0.03359,-0.00111,0.06017,-0.01975,0.00668,-0.03864,-0.02712,0.03017,0.0203,-0.04573,-0.00628,-0.01409,-0.02401,-0.03866,-0.04267,-0.00247,-0.04317,-0.01303,0.13643,0.06315,-0.03166,0.01206,-0.00245,-0.03427,0.02323,0.01967,-0.07331,0,-0.02765,0.08663,-0.0582,0.03428,0.1007,-0.0024,0.03963,-0.01214,-0.02591,0.01216,-0.06212,0.00474,-0.06423,0.00429,-0.01953,-0.0971,-0.06103,0.04938,-0.04351,-0.00186,0.08239,-0.05214,-0.00446,-0.0482,0.08997,0.04335,-0.05744,0.06341,-0.01766,0.01781,-0.01922,0.01216,0.04114,-0.0054,-0.04933,-0.09027,-0.02621,-0.11417,-0.07782,-0.01285,-0.06085,-0.00183,-0.07412,-0.01107,0.06268,-0.03927,0.01375,-0.01531,0.08781,-0.03019,-0.0055,0.00759,0.01108,-0.02743,0.05613,-0.10724,-0.10076,0.08074,0.00487,0.03899,-0.03025,0.04465,-0.03701,-0.00865,0.07993,0.13096,0.05186,0.01338,0.07718,-0.04929,-0.03977,0.05271,-0.04089,-0.01615,0.05839,-0.00826,0.03875,-0.01013,0.09432,-0.03997,-0.05824,0.00215,-0.0161,0.11588,0.10143,-0.04838,-0.02027,-0.08067,-0.07798,-0.01119,0.10505,0.03684,0.01995,-0.04265,0.03877,0,0.02583,-0.00768,-0.02409,0.01922,0.02166,-0.01772,0.01654,-0.03959,0.09394,-0.00819,0.03869,0.03758,0.03434,-0.08016,-0.02382,0.0202,-0.00231,-0.11155,0.01679,0.02829,0.06351,0.03277,-0.0243,-0.03913,-0.06204,0.01672,-0.00675,-0.03338,0.01645,-0.00864,0.00687,-0.00124,-0.07763,-0.06539,-0.01356,-0.00486,0.02561,0.07876,0.03876,0.00504,0.04226,0.02274,-0.02087,0.00261,-0.0523,0.02103,-0.13558,-0.05581,0.00663,0.04355,-0.05747,-0.01896,-0.04327,-0.05706,-0.10946,0.03095,0.12495,0.01445,-0.07915,0.04316,0.07287,-0.05517,0.01526,0.02679,0.09231,0.05541,-0.02519,0.06289,0.0547,0.04788,0.07567,0.01747,-0.00224,0.02396,0.03312,0.04557,0.05826,-0.08029,0.04677,0.06956,-0.02082,0.08457,0.02433,0.00503,0.06637,0.0097,0.04279,0.023,0.07394,0.03404,-0.01859,0.01773,0.02504,0.03102,-0.02527,0,-0.02405,0.06274,-0.07983,-0.05381,-0.01609,0.01124,-0.14453,-0.02563,-0.00365,0.04815,-0.05482,0.09927,-0.04907,0.03253,0.06035,-0.03305,-0.03241,-0.026,-0.06913,-0.01657,0.01829,0.03934,-0.03212,0.06455,-0.01216,-0.06368,0.0041,0.04059,-0.02411,-0.0166,-0.01495,0.01604,-0.00613,0.13606,-0.0754,0.03476,-0.01822,-0.01133,-0.10007,0.0398,0.11261,-0.05713,-0.07409,-0.03056,-0.01151,0.04587,-0.03669,-0.04837,-0.05563,0.07674,-0.04229,0.05413,-0.01656,0.03536,0.06373,0.0238,-0.04023,0.03948,0.06071,0.00237,-0.05994,0.03404,0.08823,0.0247],"keywords":"One Connector Instead of Three: The Design Behind the Unified fConnector Model One Connector Instead of Three: The Design Behind the Unified fConnector Model Why Foblex Flow v19 replaces fNodeInput, fNodeOutput and fNodeOutlet with a single fConnector directive: behavior as a property instead of a taxonomy, one id namespace, source-target ports by default, and a deprecation-based migration that costs nothing until you opt in. 🚀 Conclusion - Docs: <https://flow.foblex.com/docs/f-connector-directive - Live example: <https://flow.foblex.com/examples/unified-connector - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot.","excerpt":"🚀 Conclusion - Docs: <https://flow.foblex.com/docs/f-connector-directive - Live example: <https://flow.foblex.com/examples/unified-connector - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#0","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.02644,-0.03546,-0.03733,-0.04125,-0.02653,0.04516,0.05675,0.08429,0.04653,0.03059,0.01983,0.01689,-0.00567,-0.06073,0.07312,0.0163,-0.00739,-0.03489,-0.05749,0.08738,0.03952,-0.04554,0.02862,-0.02169,-0.14805,0.041,-0.02616,-0.05157,0.02841,-0.05907,0.01791,0.11586,-0.011,0.00478,-0.08248,0.03277,-0.00491,-0.07121,-0.09083,-0.03285,-0.05187,0.00093,0.04937,0.04716,0.03708,0.1364,0.05455,0.01342,-0.04473,0.05488,-0.06694,-0.04175,0.04656,0.03997,0.0317,0.04762,0.0432,0.03905,-0.03968,0.00846,-0.03928,-0.04702,-0.01258,0.00219,-0.03219,-0.05348,0.01717,-0.01727,0.08317,-0.02427,-0.02146,-0.03526,0.06204,-0.03564,0.04914,0.00369,0.00075,0.0391,-0.00049,-0.14831,0.03069,0.00529,0.03169,0.02062,-0.02265,0.0612,-0.01321,-0.0861,0.06165,0.05982,-0.02635,-0.03578,-0.00168,-0.04172,0.03999,-0.07166,-0.01534,-0.00303,-0.07503,-0.00086,0.06555,-0.02109,0.03956,0.1098,0.03533,-0.09235,0.01262,-0.01263,-0.01588,-0.02931,-0.01609,-0.0141,0.06065,0.00848,0.00143,-0.02047,-0.03932,0.00621,0.05838,0.01505,-0.02997,-0.08309,-0.03017,-0.01427,-0.04107,-0.00177,-0.0789,0,-0.00711,0.01608,-0.00472,-0.01418,0.00796,-0.05547,0.02069,-0.065,0.02875,-0.00601,0.00705,-0.03916,-0.03275,0.13169,0.01859,-0.06479,-0.10894,0.04343,-0.01061,0.00205,0.07102,0.02901,-0.02307,-0.08417,0.04037,0.13812,-0.07931,0.09063,-0.00996,0.02987,-0.03904,-0.01802,-0.0197,-0.04067,0.03079,0.02663,0.0326,-0.13993,-0.00291,-0.04946,0.03958,-0.03704,-0.04418,-0.09342,-0.00827,-0.11051,-0.05667,0.06242,0.01399,-0.00586,0.03783,0.03162,0.06771,-0.02073,0.05334,-0.08483,-0.05526,0.01729,-0.02914,0.09198,0.00105,0.0223,0.00342,0.03208,-0.03671,0.06076,0.00861,0.0449,0.01998,-0.01208,-0.09254,0.03515,-0.11417,0.00874,-0.01829,-0.01143,0.00451,-0.00945,-0.0642,-0.02247,-0.01424,0.04759,-0.04181,0.07773,0.0082,-0.05951,0.05716,-0.09523,-0.10088,0.04754,0.00449,-0.04267,0.00122,0.07467,-0.01196,0,0.00828,0.01403,-0.0685,0.08706,-0.02833,-0.05323,0.08988,-0.04727,-0.00854,-0.0491,0.00549,-0.04512,0.00717,-0.03219,0.03388,-0.03375,-0.0408,-0.05229,0.00375,-0.02644,0.0693,0.00687,0.02526,0.01374,-0.09863,0.02239,-0.06208,-0.00258,-0.03737,0.01077,-0.01898,-0.03005,0.00663,-0.00814,-0.03862,-0.06158,-0.05615,0.07695,0.01562,0.00768,0.07674,0.03212,0.02624,0.08106,-0.04681,0.02062,-0.06919,-0.00792,0.00882,0.04591,0.00396,-0.03065,0.0008,-0.11652,-0.09292,0.01628,0.07736,0.01738,-0.01734,0.03034,0.02953,-0.04681,-0.00183,-0.00991,0.09939,0.12102,0.0234,0.05226,0.06978,0.02436,0.091,0.02147,-0.04347,0.04693,0.00812,0.05638,0.01731,-0.06943,-0.01098,0.02722,-0.08742,-0.02042,0.06364,0.11084,0.02156,0.11937,-0.11304,-0.01228,0.00944,0.01229,0.01051,0.01838,0.05887,0.04498,-0.05492,0,-0.11219,0.02912,0.04385,0.05218,-0.02275,0.03068,-0.00275,-0.02385,-0.01962,0.00679,0.00364,0.08395,-0.00969,-0.05359,0.07753,-0.02302,-0.06427,0.03603,-0.05631,-0.03628,0.00718,-0.00717,-0.04199,0.02444,0.06402,-0.02937,0.01193,0.11329,0.03569,0.01576,0.04205,0.00678,0.02392,0.08149,-0.06465,0.0865,-0.02397,0.00179,-0.04857,-0.00048,0.00711,0.01381,-0.03106,-0.02732,-0.06307,0.07419,-0.00952,-0.021,-0.04749,0.02546,-0.08754,0.09327,0.02823,0.15356,0.03128,0.05222,-0.0331,-0.0413,0.03261,0.06629,-0.03283,0.02663,-0.03634,-0.00772],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes This article explains the thinking behind withControlScheme(...) in Foblex Flow v19 — why gesture mapping became one provided object instead of scattered trigger inputs, what a scheme actually controls, and where its boundary deliberately stops. with Control Scheme","excerpt":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes This article explains the thinking behind withControlScheme(...) in Foblex Flow v19 — why gesture mapping became one provided object instead of scattered trigger inputs, what a scheme actually controls, and where its boundary deliberately stops."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#1","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.00452,-0.05184,-0.02503,0.00439,-0.01807,0.08241,0.02286,0.08885,0.04919,0.06231,-0.00988,0.00718,-0.06255,0.01454,0.10229,0.01783,-0.05092,-0.07389,-0.0702,0.11738,0.00675,-0.05104,0.06598,-0.02106,-0.03822,0.04485,0.0089,-0.05382,0.02438,-0.04104,0.00403,0.15125,-0.02728,-0.02389,-0.04586,0.07846,-0.04458,-0.04928,-0.06604,-0.07427,0.01413,0.02668,0.0482,-0.00821,0.02342,0.06566,0.0539,-0.00839,-0.05296,0.11867,-0.06215,-0.0474,0.01919,0.01021,0.01589,-0.00919,0.06131,0.0026,0.00987,0.02101,-0.08181,-0.06154,0.00579,0.02332,0.00902,-0.0062,-0.02179,-0.06428,0.00621,-0.0172,0.00147,-0.05165,0.03465,-0.04774,0.07575,-0.02513,-0.06174,0.06327,0.02593,-0.1396,0.03071,-0.02155,0.0321,0.06919,0.01501,0.1087,0.01524,-0.08744,0.05224,0.04028,-0.00494,-0.01123,0.00959,0.00338,0.04997,-0.06382,-0.01277,0.03593,-0.12781,0.01026,0.05816,-0.00324,0.06516,0.07097,0.00996,-0.05603,0.0499,-0.06169,-0.0847,-0.00195,-0.00302,0.01943,0.03285,-0.00046,-0.02846,-0.01866,-0.03761,0.00107,0.01521,0.08436,-0.03912,-0.05853,-0.00637,-0.03005,-0.01237,0.00464,-0.07095,0,-0.00524,0.02273,-0.01942,-0.00084,0.03213,-0.04054,-0.0159,-0.06567,0.00754,-0.0329,0.03033,0.03006,-0.02682,0.09911,0.01929,-0.04677,-0.08258,0.03995,-0.03775,0.01978,0.08225,0.01111,-0.05323,-0.04529,0.02476,0.13472,-0.05299,0.0751,-0.04052,0.03381,-0.00585,0.01925,-0.01564,-0.03679,-0.00983,0.01668,0.02398,-0.09327,-0.03754,-0.04851,0.02557,-0.04032,-0.0817,-0.0371,-0.01954,-0.11179,-0.01498,0.07289,0.02356,0.03965,0.01994,0.06108,0.03393,0.0255,0.07777,-0.10326,-0.057,0.02334,-0.01783,0.03625,0.04129,0.05009,0.0069,0.02024,0.00576,0.04309,0.02947,0.04118,0.02462,-0.02489,-0.05031,-0.01053,-0.09177,0.02222,0.02856,-0.0532,-0.00051,0.01239,-0.01436,-0.05602,0.00774,0.00021,-0.01785,0.04437,0.00436,-0.08981,0.03619,-0.07555,-0.1068,0.05133,0.09799,-0.01163,-0.01859,0.07756,-0.02759,0,-0.04189,0.032,-0.06398,0.10032,-0.04912,-0.07858,0.09016,-0.03828,0.04628,-0.04426,0.01143,-0.04671,-0.05314,-0.02278,0.01694,-0.00638,-0.01187,-0.04835,0.03686,-0.08291,0.092,0.01882,-0.00946,0.03318,-0.09753,0.03486,-0.03382,-0.02624,-0.03582,-0.03279,-0.02338,-0.04296,-0.04445,-0.05569,-0.01635,-0.06905,-0.04135,0.08442,-0.00792,0.06378,0.04479,0.00948,-0.00201,0.06004,-0.03376,0.00304,-0.06991,-0.01221,0.01961,0.04845,0.01533,-0.00175,0.01906,-0.12495,-0.08352,-0.01016,0.10313,-0.063,-0.03389,0.02874,0.01797,-0.01721,0.01079,-0.01331,0.09365,0.10049,0.01155,0.02421,0.07613,0.04513,0.06887,-0.03646,-0.02394,0.00086,0.04501,0.06456,0.07933,-0.04362,0.03601,-0.06636,-0.02116,0.02561,0.04555,0.07429,-0.02688,0.13866,-0.09854,-0.04007,0.00117,0.06927,0.00083,0.01803,0.00655,0.0113,-0.02499,0,-0.12263,0.04646,0.00414,0.04478,0.01665,-0.00902,-0.05567,0.03039,0.00065,0.03589,0.00103,0.10147,-0.00873,-0.04679,0.11274,-0.02083,-0.03268,0.05102,-0.07769,-0.06499,0.00608,-0.00496,-0.00656,0.00626,0.00686,-0.06081,-0.03348,0.07633,0.00829,0.01501,0.02559,0.01144,0.06726,0.07323,-0.13614,-0.00785,-0.02867,-0.05457,-0.03991,0.00516,0.02253,0.00637,-0.0067,-0.03452,-0.09167,0.05776,0.00261,-0.02937,-0.03184,0.01069,-0.08859,0.0746,0.02006,0.1363,0.03102,0.01658,-0.00807,-0.02539,0.07806,0.05399,-0.05065,0.00245,-0.06755,-0.00129],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. Every canvas tool trains its users' hands. Miro users scroll to pan and drag on empty space to select. draw.io users expect the wheel to zoom and the middle button to pan. Figma hands pan to Space+drag. None of these mappings is right — they are just learned. And when your Angular editor picks a different one, users don't file a feature request; they just feel that the tool is fighting them. Before v19, changing the mapping in Foblex Flow meant a problem in three parts:","excerpt":"Every canvas tool trains its users' hands. Miro users scroll to pan and drag on empty space to select. draw.io users expect the wheel to zoom and the middle button to pan. Figma hands pan to Space+drag. None of these mappings is right — they are just learned. And when your Angular editor picks a different one, users don't file a feature request; they just feel that the tool is fighting them. Before v19, changing the mapping in Foblex Flow meant a problem in three parts:"},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#2","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.0291,-0.04691,-0.05474,-0.00375,0.02228,0.06777,0.09627,0.09159,0.02213,0.05152,0.02212,-0.00735,-0.03038,-0.00701,0.03435,0.00646,-0.05261,-0.04018,-0.09549,0.09914,0.01015,-0.07476,0.04338,0.00401,-0.1097,0.04903,0.00179,-0.03801,-0.00347,-0.07077,0.00701,0.13918,0.0146,-0.02035,-0.05592,0.00373,-0.04613,-0.06606,-0.05537,-0.06385,-0.01838,0.02094,0.06483,0.01958,0.03811,0.10252,0.07411,0.00915,-0.01544,0.09912,-0.04706,-0.02581,0.07071,0.04026,0.02634,0.03803,0.04726,0.01528,-0.01293,-0.01004,-0.07307,-0.06326,-0.02034,0.03739,-0.0274,-0.0005,0.01533,-0.11263,0.03612,-0.00534,-0.00662,-0.04078,0.04151,-0.04469,0.07361,-0.03523,-0.00905,0.06597,0.02546,-0.10076,0.005,-0.02077,0.05723,0.06711,0.00062,0.04553,-0.01559,-0.04273,0.01384,0.07057,-0.04202,0.02739,-0.01966,-0.03641,0.02093,-0.07941,-0.00544,-0.02644,-0.10697,0.02328,0.05245,0.03257,0.05635,0.07856,0.02302,-0.0316,0.04744,-0.04153,-0.09399,0.00639,-0.02689,-0.00291,0.08749,0.0168,-0.01196,-0.00576,-0.0549,-0.00391,0.07443,0.0183,0.00057,-0.06276,-0.02156,0.0015,-0.02874,0.02406,-0.08039,0,-0.04203,-0.01742,-0.03502,-0.00626,0.00957,-0.05354,0.03506,-0.04251,-0.01438,0.00229,0.00585,-0.00825,-0.0375,0.02807,0.05173,-0.07235,-0.05194,0.0117,-0.05496,0.01165,0.09526,0.01475,-0.02129,-0.06139,0.0502,0.13637,-0.05867,0.10291,0.02203,0.05154,-0.07878,0.02798,-0.01587,-0.04856,-0.0147,0.01585,-0.00421,-0.11032,-0.0356,-0.04204,0.02211,-0.00291,-0.0233,-0.09198,-0.03149,-0.11585,-0.06706,0.07484,-0.00504,0.058,0.0357,0.02114,0.06426,-0.00861,0.08566,-0.08209,-0.03354,0.06057,-0.05191,0.08326,0.03438,0.0273,-0.02982,0.04898,0.00454,0.09384,0.01404,0.07231,0.02073,-0.00991,-0.03024,0.034,-0.03283,-0.00728,0.04062,-0.0238,-0.00782,-0.05918,-0.03861,-0.03657,0.0454,0.00595,-0.02462,0.04606,-0.00584,-0.06171,0.03627,-0.04561,-0.13579,0.0699,0.06083,-0.05381,0.04004,0.05514,-0.06054,0,-0.00531,0.06768,-0.04133,0.09384,-0.02987,-0.01749,0.07981,-0.05441,0.02825,-0.09499,-0.01063,-0.03378,-0.02936,-0.02723,0.02838,0.0348,0.03129,-0.0257,-0.01273,-0.04938,0.06703,-0.05549,-0.00581,0.01657,-0.10249,0.03099,-0.03251,0.04278,-0.0686,-0.00393,-0.00126,-0.03295,0.0058,-0.00953,0.01269,-0.07392,-0.09691,0.05577,0.00371,-0.00162,0.07971,0.0224,0.04095,0.04673,-0.01764,0.00867,-0.09329,0.02544,0.00471,0.06587,-0.05761,-0.02346,-0.00982,-0.11631,-0.08443,0.02923,0.09503,-0.01056,-0.06017,0.00378,0.04486,-0.01157,-0.0112,0.0134,0.1301,0.06727,0.02544,0.05656,0.0532,0.08039,0.09569,-0.01833,0.0219,-0.00278,0.03075,0.08523,0.04396,-0.02714,0.04271,-0.01418,-0.00086,0.00359,0.05539,0.06324,-0.05224,0.1274,-0.1136,-0.06165,0.03082,0.02765,0.01615,-0.01798,0.05509,0.00863,0.01467,0,-0.07876,0.03758,-0.02869,0.06603,0.02315,0.01505,-0.05398,0.02305,-0.05206,0.00933,-0.02454,0.08815,0.00952,-0.02303,0.05227,-0.02099,0.00056,0.04872,-0.04895,-0.05301,-0.02546,-0.01502,-0.02166,0.03503,-0.02917,-0.04498,-0.07883,0.08339,0.05526,-0.02008,0.02363,-0.00601,0.0135,0.06611,-0.12646,0.02245,-0.03782,-0.02277,-0.02141,0.00589,0.0595,0.02643,0.00339,-0.01949,-0.1124,0.06671,0.00976,-0.04757,-0.03486,0.02028,-0.05296,0.10499,0.01702,0.13736,0.01171,0.02571,-0.00429,-0.02054,0.05015,0.04782,-0.04634,0.00769,-0.06688,0.0304],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. - Gesture triggers lived on three directives — fDraggable, fZoom, f-selection-area — each configured separately. - The triggers had to agree with each other. Scroll-to-pan without Ctrl+wheel zoom leaves zoom unreachable; drag-to-select without another pan gesture leaves the canvas stuck. - Some behavior was not reachable through triggers at all — the wheel's pan-vs-zoom split, the middle button's role. You could get close. You could not get consistent. f Draggable f Zoom","excerpt":"- Gesture triggers lived on three directives — fDraggable, fZoom, f-selection-area — each configured separately. - The triggers had to agree with each other. Scroll-to-pan without Ctrl+wheel zoom leaves zoom unreachable; drag-to-select without another pan gesture leaves the canvas stuck. - Some behavior was not reachable through triggers at all — the wheel's pan-vs-zoom split, the middle button's role. You could get close. You could not get consistent."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#3","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.02974,-0.03765,-0.05074,-0.03464,-0.06627,0.06929,0.07281,0.10484,0.02001,0.02825,0.02525,-0.0234,-0.02158,-0.01875,0.07407,0.04369,-0.04,0.00501,-0.04076,0.08087,0.04043,-0.02745,0.03225,-0.01483,-0.12984,0.04268,0.00262,-0.03649,0.0002,-0.07352,0.02343,0.11089,0.00075,-0.00176,-0.05246,0.06986,-0.01532,-0.08891,-0.08572,-0.03634,-0.04046,0.00746,0.06572,0.02315,0.04557,0.13542,0.06623,0.00848,-0.04508,0.08859,-0.05842,-0.03895,0.03051,0.04539,0.0463,0.04249,0.03082,-0.01761,-0.03622,-0.00462,-0.03445,-0.04475,0.00514,0.01481,-0.04105,-0.02423,-0.00695,-0.0362,0.06277,-0.02487,-0.01382,-0.05371,0.04517,-0.06959,0.05187,-0.00131,-0.00544,0.03828,0.02026,-0.14151,0.01948,-0.01492,0.0267,0.02441,-0.01009,0.06033,-0.01272,-0.07036,0.04879,0.08674,-0.01739,-0.01282,0.00054,-0.05142,0.03676,-0.0831,-0.01022,-0.03057,-0.08574,0.01683,0.06444,0.00632,0.05582,0.09923,0.02603,-0.09098,0.03048,-0.01126,-0.03669,-0.02261,-0.02327,-0.00914,0.05009,0.00051,-0.01332,-0.01915,-0.05086,0.01914,0.03945,0.03271,-0.04015,-0.08423,-0.01408,-0.02918,-0.0351,-0.00259,-0.1044,0,-0.0172,0.01019,-0.00012,-0.03939,0.0138,-0.05465,0.0139,-0.0748,0.02195,-0.01631,-0.01544,-0.00446,-0.02739,0.13322,-0.00673,-0.05375,-0.09522,0.05071,-0.02705,0.00489,0.09994,0.02821,-0.00928,-0.07697,0.06838,0.12467,-0.05225,0.09022,-0.01653,0.02814,-0.03197,-0.0193,-0.0405,-0.05913,0.03205,0.01131,0.02332,-0.11296,-0.01655,-0.03653,0.04064,-0.0315,-0.05713,-0.10106,-0.02328,-0.11754,-0.03664,0.05411,0.03143,0.01537,0.03428,-0.00293,0.04026,-0.0245,0.06981,-0.11207,-0.07427,0.06121,-0.03606,0.08727,-0.0056,0.02502,0.01984,0.02102,-0.02303,0.0625,0.00852,0.04507,0.02381,-0.01779,-0.06928,0.02998,-0.08496,0.00041,-0.01399,-0.00495,0.00767,-0.04494,-0.07574,-0.01396,-0.03868,0.02981,-0.01354,0.08719,0.03039,-0.04327,0.05471,-0.10696,-0.0979,0.06749,0.01096,-0.05813,-0.03044,0.08653,-0.00051,0,-0.00731,0.02386,-0.04384,0.09233,-0.00674,-0.06028,0.10234,-0.0293,-0.00767,-0.02202,-0.00488,-0.0353,-0.02316,-0.05481,0.06537,-0.02329,-0.01451,-0.0421,0.00821,-0.01264,0.0307,0.02472,0.02205,0.00728,-0.09365,0.03588,-0.03981,0.00974,-0.02829,0.00038,-0.0119,-0.05686,-0.00825,-0.02114,-0.02032,-0.04352,-0.01688,0.07844,0.01749,0.0443,0.07139,0.02182,0.00835,0.07302,-0.03098,0.01968,-0.05677,-0.02233,0.00452,0.06346,0.00994,-0.03005,-0.01153,-0.12731,-0.0841,0.00056,0.0831,-0.00771,-0.04605,0.02206,-0.00148,-0.04776,0.02868,0.02369,0.10723,0.09877,0.02941,0.05654,0.041,0.0458,0.12037,0.02789,-0.03712,0.06023,0.04415,0.02594,0.01863,-0.00805,0.02853,0.00849,-0.04155,-0.00547,0.06495,0.13624,0.00957,0.11787,-0.07897,-0.02576,-0.01265,0.02193,0.01524,0.03813,0.03399,0.04165,-0.04394,0,-0.10839,0.0138,0.0516,0.04979,-0.04513,0.01031,-0.02467,-0.01408,-0.03109,0.01188,0.03008,0.09463,0.01714,-0.06209,0.05635,-0.05194,-0.04364,0.05376,-0.05893,-0.04885,-0.00655,-0.00752,-0.02191,0.03175,0.05152,-0.04884,-0.00092,0.06998,0.04489,0.01131,0.05408,0.00367,0.03056,0.07863,-0.06798,0.04907,-0.01142,-0.01512,-0.07778,0.00961,-0.00511,0.0039,-0.02165,-0.02723,-0.04963,0.08237,-0.02592,-0.06044,-0.04142,0.01551,-0.08051,0.11138,0.02236,0.1637,0.01564,0.07664,-0.00379,-0.04764,0.03976,0.07379,-0.02423,0.01833,-0.05541,-0.0099],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. 🎯 The Key Idea: The Mapping Is One Object A control scheme is the complete gesture-to-action mapping, provided once:","excerpt":"🎯 The Key Idea: The Mapping Is One Object A control scheme is the complete gesture-to-action mapping, provided once:"},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#4","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.01735,-0.02674,-0.07558,-0.01216,-0.0232,0.0691,0.0863,0.1025,0.03448,0.0549,0.02301,0.00541,-0.03556,-0.03336,0.04235,0.04433,-0.01559,-0.03354,-0.08914,0.10229,0.05381,-0.04954,0.0197,-0.01471,-0.11506,0.04566,0.00227,-0.03186,0.01954,-0.04657,0.02161,0.11585,0.00928,-0.01567,-0.07764,0.03285,-0.01469,-0.09474,-0.09827,-0.05734,-0.01744,0.02096,0.05475,0.02147,0.05432,0.11133,0.04129,0.00073,-0.02522,0.03856,-0.05152,-0.04228,0.04376,0.03563,0.04002,0.06763,0.02089,0.0343,-0.0352,0.0032,-0.06939,-0.04713,-0.01692,0.03023,-0.02569,-0.02504,-0.00949,-0.04925,0.06103,-0.03787,-0.03904,-0.03477,0.02493,-0.04322,0.06231,-0.02966,0.00604,0.03953,0.01552,-0.16898,0.00565,0.01426,0.05762,0.02113,0.00937,0.06738,-0.00989,-0.05329,0.04938,0.06952,-0.00979,0.00836,-0.06525,-0.04792,0.0351,-0.06571,-0.03961,-0.03522,-0.08221,0.0323,0.04653,-0.01345,0.08462,0.09547,0.01069,-0.06627,0.0437,-0.00092,-0.03819,-0.00613,-0.03185,-0.00219,0.07083,-0.00571,-0.01837,0.0005,-0.01657,0.00058,0.05388,0.02029,-0.03687,-0.09272,0.01492,-0.00797,-0.0381,-0.02102,-0.10785,0,-0.05881,0.00029,-0.01564,0.00888,0.00365,-0.04305,0.01611,-0.07234,0.02191,-0.02499,0.0061,0.02636,-0.02767,0.12978,0.03102,-0.07601,-0.07671,0.05186,-0.00805,-0.0053,0.08777,0.03544,-0.022,-0.07972,0.03427,0.12411,-0.04357,0.06948,-0.01,0.03327,-0.03965,0.00061,-0.04423,-0.03743,0.0198,0.04675,0.03649,-0.12646,-0.02076,-0.04089,0.02796,-0.02153,-0.03068,-0.08977,-0.00999,-0.10917,-0.04257,0.07664,-0.00699,0.03365,0.03324,0.01965,0.06678,-0.00729,0.06574,-0.08455,-0.05318,0.03255,-0.02071,0.08227,0.02613,0.04319,-0.02284,0.04007,-0.02026,0.0762,-0.00388,0.04184,0.03163,-0.00702,-0.08337,0.07281,-0.06202,-0.00512,-0.00041,-0.01063,-0.02069,-0.02326,-0.05864,-0.0208,-0.0082,0.042,-0.01922,0.06704,-0.00254,-0.05703,0.0501,-0.06886,-0.11853,0.05169,0.0655,-0.05752,0.01637,0.04592,-0.0097,0,-0.00227,0.03221,-0.05103,0.07761,-0.00603,-0.03921,0.08223,-0.0588,0.01432,-0.0839,0.02565,-0.04876,-0.0037,-0.04111,0.05152,-0.01654,-0.04855,-0.06391,0.00316,-0.04456,0.06533,0.00838,0.01332,-0.00125,-0.09458,0.01724,-0.05483,0.02295,-0.02746,0.02348,-0.03904,-0.04883,-0.02259,0.0063,-0.02218,-0.03996,-0.06337,0.05679,0.00258,0.01278,0.09047,0.01898,-0.00393,0.06785,-0.05043,0.01577,-0.08461,-0.00512,-0.01836,0.03577,-0.01027,-0.02692,-0.00983,-0.12007,-0.09004,-0.00324,0.11418,0.00734,-0.03603,0.01338,0.04232,-0.03663,-0.01293,0.02297,0.08656,0.09898,0.02473,0.05523,0.07993,0.01995,0.10068,0.00313,-0.02447,-0.00077,0.02798,0.03665,0.05176,-0.03091,0.02309,0.01331,-0.05895,0.0165,0.06531,0.10564,-0.01031,0.10857,-0.12577,0.0013,0.02038,0.03887,0.01977,0.0177,0.05163,0.05023,-0.04427,0,-0.11189,0.01718,0.03974,0.04734,-0.01903,0.00711,-0.02043,-0.01926,-0.06345,0.01541,0.0303,0.10569,-0.00649,-0.06364,0.08584,-0.01979,-0.04362,0.02315,-0.0607,-0.05366,0.00533,-0.02888,-0.02592,0.04495,0.03125,-0.04165,-0.03618,0.0802,0.03741,0.03314,0.04451,0.00782,0.00261,0.094,-0.09897,0.06614,-0.04628,-0.00412,-0.04139,-0.01368,0.00455,-0.00422,-0.02483,-0.01986,-0.03626,0.08264,-0.00915,-0.05512,-0.03447,0.00455,-0.09538,0.10781,0.02054,0.15179,-0.00182,0.046,-0.00804,-0.02373,0.05424,0.058,-0.05993,0.02266,-0.0485,0.00722],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. One IFControlScheme object answers every input question the editor asks: what moves nodes, what pans the canvas, what starts the selection rectangle, what creates and reassigns connections, what resizes and rotates, and what the wheel does — pan or zoom. The interaction directives read the active scheme from a shared controller; you stop configuring three surfaces and start declaring one policy. Three presets encode the muscle memory people bring: IF Control Scheme","excerpt":"One IFControlScheme object answers every input question the editor asks: what moves nodes, what pans the canvas, what starts the selection rectangle, what creates and reassigns connections, what resizes and rotates, and what the wheel does — pan or zoom. The interaction directives read the active scheme from a shared controller; you stop configuring three surfaces and start declaring one policy. Three presets encode the muscle memory people bring:"},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#5","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[-0.01211,-0.01843,-0.07797,0.01309,0.01224,0.05745,0.0981,0.09037,0.04367,0.07051,0.01266,0.01189,-0.05013,0.00077,0.05244,0.01967,-0.0205,-0.05608,-0.08408,0.10076,0.03981,-0.06594,0.02167,0.01488,-0.08622,0.01156,0.0087,-0.01912,-0.00023,-0.04449,0.02232,0.12621,0.01028,-0.01429,-0.0672,0.03233,-0.03122,-0.07341,-0.08597,-0.05439,-0.03305,0.00721,0.05087,0.05354,0.02583,0.11273,0.08281,-0.01913,-0.03651,0.08464,-0.0358,-0.02329,0.03219,0.04216,0.05578,0.05615,0.04423,0.00391,-0.03015,0.00391,-0.06689,-0.06195,-0.01737,0.03071,-0.05837,-0.00055,-0.01135,-0.04295,0.0764,-0.02878,-0.02664,-0.04063,0.03991,-0.0231,0.05018,-0.04504,0.02566,0.04955,0.01398,-0.14086,-0.00562,0.00817,0.05001,0.04486,0.03558,0.07976,-0.01883,-0.07134,0.0542,0.06522,-0.01497,0.00776,-0.03074,-0.0373,0.02509,-0.05656,-0.01759,-0.03852,-0.10464,0.03023,0.04941,0.00098,0.06198,0.09662,0.04436,-0.05816,0.05396,-0.0219,-0.06102,0.01383,-0.01579,0.0152,0.0638,-0.00557,-0.01539,0.01454,-0.07539,0.00888,0.04613,0.05405,-0.01501,-0.0375,-0.01847,-0.02778,-0.03817,0.02272,-0.11356,0,-0.04427,-0.00716,-0.01339,-0.01881,0.00659,-0.05868,0.02933,-0.05287,0.0105,-0.02814,-0.02712,-0.01554,-0.04115,0.10047,0.03035,-0.10598,-0.0661,0.04453,0.02326,-0.02148,0.078,0.01978,-0.0279,-0.09976,0.05097,0.1324,-0.04385,0.08708,0.00686,0.05613,-0.06944,0.01848,-0.04013,-0.04195,0.00427,0.04315,-0.01665,-0.09217,0.0032,-0.03639,0.01921,-0.02665,-0.03256,-0.07085,-0.02193,-0.13343,-0.05712,0.05978,0.00391,0.04553,0.01117,0.00917,0.0592,-0.00514,0.06599,-0.10533,-0.03465,0.04673,-0.02318,0.04787,0.00412,0.03608,-0.05886,0.03039,-0.02458,0.07985,0.01577,0.04677,0.02294,-0.02426,-0.05115,0.04982,-0.05039,0.03247,0.0196,-0.02197,0.02384,-0.03346,-0.06423,-0.04986,0.02144,0.00372,-0.03212,0.04887,-0.00293,-0.05528,0.06664,-0.04259,-0.09762,0.02192,0.00868,-0.05987,0.02808,0.05043,-0.05108,0,0.00984,0.03428,-0.04375,0.1096,-0.01167,-0.02757,0.08405,-0.06483,0.01574,-0.10835,-0.02369,-0.04067,-0.0065,-0.04055,0.06067,0.00624,-0.07851,-0.082,0.00324,-0.05001,0.04936,-0.00955,-0.0254,0.02161,-0.08308,-0.00222,-0.0623,0.03682,-0.02715,-0.00267,-0.01581,-0.0624,-0.06158,-0.03877,0.02059,-0.05747,-0.0453,0.07009,-0.00892,0.06011,0.0776,0.00334,0.04702,0.07291,-0.02894,0.0191,-0.09044,-0.00425,0.04674,0.03273,-0.04778,-0.04097,-0.01227,-0.0993,-0.07942,0.00218,0.11278,0.01125,-0.02649,0.01302,0.04009,-0.04357,-0.00822,-0.01678,0.10503,0.08849,0.0162,0.05516,0.04793,0.0621,0.10539,-0.01252,-0.02213,-0.01847,-0.00448,0.04078,0.0866,-0.02811,0.03986,0.01338,0.00722,0.02283,0.07349,0.08311,-0.04863,0.10339,-0.12428,0.00332,0.02111,0.01555,0.01298,-0.00128,0.06266,0.04111,-0.05077,0,-0.10442,-0.00565,0.03476,0.05334,0.00593,-0.00705,-0.0429,-0.0069,-0.04722,-0.03799,0.02432,0.1198,-0.00438,-0.02466,0.07108,-0.02917,-0.00962,0.05277,-0.04244,-0.05813,-0.01901,-0.00082,-0.02933,0.01675,0.02474,-0.05185,-0.02085,0.07017,0.07047,0.02792,0.03005,0.01626,0.05733,0.06636,-0.08688,0.07638,-0.05403,-0.00605,-0.03206,0.01612,0.03853,-0.01545,-0.0091,-0.02563,-0.08185,0.05113,0.00245,-0.04594,-0.05583,0.02135,-0.07579,0.1205,0.01517,0.14426,0.0003,0.05636,-0.01701,-0.0357,0.06268,0.01637,-0.0357,-0.00496,-0.03101,0.02768],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. - FDEFAULTCONTROLSCHEME — the classic: drag pans, wheel zooms, Shift+drag selects. Applied when the feature is absent, so existing apps change nothing. - FSCROLLPANCONTROLSCHEME — Miro-like: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects, middle-drag pans. - FDRAGSELECTCONTROLSCHEME — draw.io-like: wheel zooms, drag on empty canvas selects, middle-drag pans. 📌 In short: a scheme is a policy object. The presets are borrowed muscle memory; a custom scheme is yours.","excerpt":"- FDEFAULTCONTROLSCHEME — the classic: drag pans, wheel zooms, Shift+drag selects. Applied when the feature is absent, so existing apps change nothing. - FSCROLLPANCONTROLSCHEME — Miro-like: scroll pans, Ctrl/Cmd+scroll or pinch zooms, drag on empty canvas selects, middle-drag pans. - FDRAGSELECTCONTROLSCHEME — draw.io-like: wheel zooms, drag on empty canvas selects, middle-drag pans. 📌 In short: a scheme is a policy object. The presets are borrowed muscle memory; a custom scheme is yours."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#6","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[-0.00917,-0.02932,-0.05961,-0.00041,-0.05548,0.06669,0.07771,0.10386,0.00098,0.0557,0.00078,0.01494,-0.04514,-0.0412,0.08419,0.05218,-0.00859,-0.03401,-0.06457,0.07388,0.04941,-0.07858,-0.00187,-0.03228,-0.10833,0.02888,0.01492,-0.01825,0.00148,-0.04777,0.01826,0.11213,0.04609,-0.00919,-0.05756,0.06148,-0.00214,-0.0765,-0.08619,-0.0204,-0.06764,0.00165,0.05047,0.03481,0.01615,0.11957,0.06943,0.00118,-0.02889,0.03693,-0.04141,-0.02101,0.06598,0.02996,0.03527,0.04305,0.0478,0.01603,-0.05224,-0.01243,-0.05928,-0.06839,-0.03692,0.02437,-0.03409,0.00731,-0.01457,-0.02313,0.09071,-0.03537,-0.01082,-0.04204,0.05144,-0.02264,0.04037,-0.00388,0.00839,0.04614,0.02061,-0.15558,0.03804,0.02513,0.05184,0.02562,-0.01419,0.06384,0.01814,-0.07376,0.06793,0.08933,-0.00455,-0.03989,0.00948,-0.0751,0.02854,-0.05873,-0.00913,-0.03904,-0.07805,0.01181,0.05453,0.00289,0.02539,0.08191,0.03476,-0.10654,0.05828,-0.02001,-0.0214,-0.01635,-0.0066,0.02405,0.05468,-0.00874,-0.00143,-0.00711,0.00546,0.01239,0.02083,0.02479,-0.0248,-0.07066,-0.00546,-0.02457,-0.03943,0.02913,-0.12133,0,0.00023,-0.02062,-0.03244,-0.03321,0.00711,-0.04156,0.00731,-0.07269,0.00443,-0.00392,0.00589,-0.02636,-0.03939,0.13631,0.01613,-0.07621,-0.09628,0.05539,0.0114,-0.03173,0.05827,0.02261,-0.0332,-0.06982,0.05979,0.14936,-0.02764,0.07361,0.01056,0.01903,-0.05557,-0.03257,-0.01217,-0.03914,0.00826,0.0524,-0.02538,-0.07595,0.00782,-0.03858,0.02633,-0.04121,-0.05271,-0.06296,-0.03899,-0.11296,-0.06807,0.02835,0.01251,0.00894,0.01623,0.03286,0.04499,0.00118,0.06262,-0.11286,-0.0659,0.03299,-0.00607,0.05418,0.01407,0.02238,0.00146,0.0423,-0.01786,0.05656,0.00257,0.01221,0.04264,0.01218,-0.08322,0.04382,-0.09406,-0.0071,-0.02579,-0.00356,0.02837,-0.04156,-0.06462,-0.01366,0.0096,0.04825,-0.00058,0.06823,0.00375,-0.06969,0.05519,-0.10573,-0.10946,0.02341,0.01609,-0.07964,0.03266,0.07098,-0.00084,0,0.02441,-0.00241,-0.03614,0.07388,-0.01178,-0.02985,0.07166,-0.04275,-0.0031,-0.03626,-0.00957,-0.04339,-0.01755,-0.06152,0.05222,0.00341,-0.0173,-0.06183,0.02501,-0.03109,0.02104,0.01737,0.0106,0.02291,-0.10744,-0.00143,-0.06012,0.01238,-0.03078,-0.0162,-0.02145,-0.04729,-0.02098,-0.00624,-0.02282,-0.02611,-0.04359,0.08849,-0.01298,0.07252,0.06833,0.02836,-0.00926,0.09452,-0.03028,0.02098,-0.10876,-0.02385,0.00794,0.05496,0.00489,-0.08021,-0.01393,-0.07408,-0.07311,-0.02379,0.1059,0.00699,-0.04127,0.06642,0.00456,-0.09159,0.00967,0.01229,0.07898,0.12357,0.03938,0.06531,0.00847,0.02031,0.1077,-0.0322,-0.02552,-0.01006,0.03425,0.01012,0.01096,-0.01572,0.00533,0.01523,-0.04933,-0.01575,0.03542,0.11704,-0.02589,0.11954,-0.08472,0.02057,0.00126,0.03672,-0.00019,0.00437,0.0679,0.04237,-0.08,0,-0.08064,-0.03213,0.05688,0.04785,-0.02895,0.01234,-0.03076,-0.00018,-0.03248,-0.00993,0.03702,0.09065,0.00058,-0.0469,0.09274,-0.01836,-0.0509,0.06748,-0.04693,-0.05024,0.0003,-0.00481,-0.01655,0.0576,0.05578,-0.02287,-0.01265,0.08335,0.04449,0.04772,0.07127,0.05807,0.05253,0.07413,-0.05339,0.06246,-0.03108,-0.00416,-0.04778,0.02264,-0.00542,-0.02879,-0.05474,-0.01447,-0.08696,0.05973,-0.01383,-0.04709,-0.03473,0.01423,-0.07428,0.13108,0.05786,0.16335,0.02229,0.06399,0.00376,-0.04334,0.05634,0.0708,-0.05123,0.0148,-0.03402,0.0122],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. ⚡ Runtime Switching and the Precedence Rule FControlSchemeController switches or tweaks the scheme at runtime — setScheme(...) takes a full preset or a partial override. That makes a user-facing \"controls\" setting a dropdown and three lines of code, which is exactly how tools like Miro expose it. F Control Scheme Controller set Scheme","excerpt":"⚡ Runtime Switching and the Precedence Rule FControlSchemeController switches or tweaks the scheme at runtime — setScheme(...) takes a full preset or a partial override. That makes a user-facing \"controls\" setting a dropdown and three lines of code, which is exactly how tools like Miro expose it."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#7","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.03212,-0.03268,-0.04841,-0.00015,-0.02786,0.05132,0.02796,0.0813,0.02873,0.0423,-0.00202,-0.0044,-0.05707,-0.01411,0.0617,0.05373,-0.05599,-0.02651,-0.03761,0.08252,0.01812,-0.03841,0.00735,-0.03201,-0.11023,0.03581,-0.03475,0.00095,0.0285,-0.0615,0.02765,0.08564,0.00615,0.0124,-0.06673,0.048,-0.00994,-0.09797,-0.07437,-0.02819,-0.00835,-0.00624,0.05112,-0.00895,0.01742,0.143,0.05787,0.03083,-0.0465,0.07523,-0.03086,-0.02507,0.03011,0.04314,0.03718,0.01968,0.05729,0.03263,-0.02419,0.00289,-0.09331,-0.04712,-0.04357,0.01933,0.00522,-0.0277,-0.01423,-0.046,0.05551,0.01989,0.00954,-0.03611,0.07097,-0.0671,0.0617,0.00215,-0.02965,0.08092,0.01988,-0.16788,0.02597,0.02307,0.03811,0.01017,0.01397,0.04759,-0.03798,-0.0911,0.08534,0.08759,0.0009,-0.02548,-0.04624,0.00471,0.06219,-0.05182,-0.00951,0.03815,-0.10268,0.03369,0.02345,0.00763,0.02336,0.08017,0.05086,-0.05593,0.01718,0.00539,-0.05303,-0.06476,-0.0074,0.01057,0.08674,-0.00688,-0.01891,0.01153,-0.03477,0.02461,0.03015,0.03732,-0.06988,-0.07134,-0.0064,-0.00355,-0.03351,0.01481,-0.10876,0,-0.02118,0.02204,-0.03202,-0.02636,0.03467,-0.0128,0.02995,-0.0611,0.00057,0.00418,0.02324,-0.0217,-0.03378,0.03891,0.0029,-0.07483,-0.07925,0.04434,-0.02953,0.00572,0.12455,0.03669,-0.03161,-0.1026,0.02677,0.15116,-0.03266,0.06315,-0.04737,0.03599,-0.02622,-0.01908,-0.00126,-0.03696,0.01447,-0.01515,0.0517,-0.11015,-0.04781,-0.06863,0.03852,-0.01839,-0.05856,-0.06608,-0.02573,-0.12578,-0.07179,0.06081,0.05746,0.01487,0.05881,0.00386,0.07757,-0.03675,0.04997,-0.08844,-0.07803,0.03289,-0.01237,0.02882,0.02542,0.03625,0.00601,0.00522,-0.0074,0.07775,0.00711,0.03096,0.04564,-0.01671,-0.0622,0.02778,-0.09218,0.02241,0.04135,0.00585,0.02718,-0.03423,-0.03143,-0.07483,0.01112,0.08102,0.00362,0.07568,0.04643,-0.04643,0.02818,-0.10529,-0.07701,0.06673,0.06126,-0.0691,0.00703,0.04419,-0.00725,0,-0.00081,0.03552,-0.06607,0.07434,-0.01014,-0.04331,0.04615,-0.0664,0.03416,-0.0334,0.04814,-0.0425,-0.0217,-0.05762,0.0495,-0.00885,-0.03653,-0.0307,0.02226,-0.0453,0.05028,0.00613,-0.00856,0.02425,-0.0691,0.02772,-0.06199,0.0617,0.00431,-0.02285,-0.0283,-0.03712,-0.04391,-0.02587,-0.01191,-0.04391,-0.05269,0.09507,0.01994,0.03714,0.06864,0.06067,-0.00836,0.06244,-0.02896,0.01986,-0.05693,-0.04003,0.0268,0.03208,0.01575,-0.03397,-0.03957,-0.06895,-0.10735,0.03379,0.11614,-0.0005,-0.07075,0.04895,0.0294,-0.03774,0.01078,-0.00656,0.10912,0.10706,0.00959,0.06117,0.07724,0.0189,0.08226,-0.00944,-0.05284,0.02031,0.01666,0.06398,0.04925,-0.00666,0.00224,0.02779,-0.04641,0.01006,0.03089,0.10087,0.01344,0.14709,-0.04818,-0.0084,0.01503,0.03746,0.03402,0.00883,0.05406,0.01419,-0.03203,0,-0.11578,0.0223,-0.02996,0.06295,-0.00261,-0.01867,-0.0666,-0.01347,-0.06008,-0.02945,0.00041,0.10049,0.01241,-0.0766,0.0544,-0.0571,-0.03849,0.00471,-0.08079,-0.02412,-0.00567,-0.00147,-0.03687,0.03709,-0.00841,-0.0486,0.00241,0.05596,0.04108,0.03233,0.03907,0.02875,0.00513,0.07315,-0.14035,0.05421,-0.04004,-0.02933,-0.06539,-0.01626,0.02446,-0.02189,-0.01021,-0.03376,-0.10321,0.06879,-0.00566,-0.04124,-0.03882,0.03796,-0.06264,0.13576,0.01748,0.13002,0.04742,0.00856,-0.0198,-0.05459,0.02416,0.05742,-0.0436,-0.01806,-0.00279,0.00395],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. Precedence is one rule, applied everywhere: an explicitly set trigger input wins over the active scheme, and the scheme wins over the built-in default. Your existing [fNodeMoveTrigger] bindings keep working untouched; the scheme only fills what you didn't set. There is no second configuration system to learn — the old inputs became the override layer of the new one. Two details show why the mapping had to be one object rather than per-directive settings: f Node Move Trigger","excerpt":"Precedence is one rule, applied everywhere: an explicitly set trigger input wins over the active scheme, and the scheme wins over the built-in default. Your existing [fNodeMoveTrigger] bindings keep working untouched; the scheme only fills what you didn't set. There is no second configuration system to learn — the old inputs became the override layer of the new one. Two details show why the mapping had to be one object rather than per-directive settings:"},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#8","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[-0.04929,-0.04285,-0.07802,0.00808,0.02411,0.06328,0.10367,0.06714,0.00572,0.08584,0.0213,0.02663,-0.04127,0.01471,0.06458,0.00911,-0.07957,-0.008,-0.09282,0.09042,0.06103,-0.06497,0.05159,0.02019,-0.10524,0.0357,0.00926,-0.03838,0.04284,-0.05431,-0.00082,0.13311,-0.02379,0.00047,-0.11293,0.04784,-0.0519,-0.04361,-0.04489,-0.06939,0.00438,0.01819,-0.00376,-0.01199,0.03946,0.12072,0.06323,0.03243,-0.07011,0.08017,-0.02681,-0.04738,0.05147,0.05433,0.01053,0.02687,0.04412,0.05903,0.01421,0.03284,-0.04817,-0.07659,-0.01578,0.03552,0.01412,-0.02371,-0.00962,-0.04788,-0.00358,-0.00972,0.01873,-0.07432,0.00081,-0.03569,0.05627,-0.06238,-0.01723,0.04976,0.00208,-0.07582,0.01973,-0.01804,0.05755,0.05741,0.01799,0.05786,-0.01066,-0.03056,0.01726,-0.01628,-0.0352,0.0286,-0.03913,-0.00201,0.06428,-0.0542,-0.01155,0.03821,-0.12612,0.03008,0.06489,-0.00213,0.03686,0.06998,0.06386,-0.07481,0.06216,-0.01427,-0.05131,0.01391,-0.00358,0.05324,0.07806,0.02982,-0.03778,-0.04492,-0.05268,0.03647,0.04753,0.06678,-0.02873,-0.06205,-0.01635,-0.0264,-0.00217,-0.00035,-0.03909,0,-0.03447,0.01176,-0.0603,-0.0742,-0.00118,-0.03854,0.01998,-0.06228,-0.00284,0.04089,0.02564,-0.01527,-0.03432,0.08148,0.00456,-0.07858,-0.05363,0.01277,-0.02291,0.00879,0.11682,0.05352,-0.02975,-0.05772,0.03528,0.12163,-0.04195,0.06431,-0.00432,0.05203,-0.02348,0.03326,-0.04057,-0.0481,-0.01112,0.01889,0.00877,-0.11637,-0.0279,-0.05895,0.02025,-0.02072,-0.05771,-0.05645,-0.05124,-0.10418,-0.05608,0.03082,0.02977,0.04748,-0.01188,0.00988,0.07512,-0.00043,0.09958,-0.12132,-0.04156,0.0696,-0.02159,0.07693,0.0086,0.00607,-0.02074,0.03579,-0.01793,0.06082,0.02292,0.07421,0.04059,-0.06505,-0.06694,0.05506,-0.08805,0.01908,0.01533,-0.04394,0.02688,0.02958,-0.03234,-0.02961,0.01488,0.01493,-0.02456,0.09002,0.01267,-0.07088,0.0275,-0.06655,-0.12953,0.01035,0.06379,-0.03507,0.00245,0.0241,-0.02528,0,0.00072,0.08635,-0.05081,0.12429,-0.03732,-0.05995,0.09333,-0.01155,-0.00339,-0.07684,0.00092,-0.034,-0.04505,-0.01181,0.04236,-0.00716,-0.03848,-0.03209,0.02427,-0.0781,0.0535,-0.02252,-0.03751,0.02334,-0.08682,0.03855,-0.03467,0.03835,-0.02814,-0.0246,0.00932,-0.04671,-0.05711,-0.01599,-0.01519,-0.07918,-0.07521,0.09842,-0.00853,0.03049,0.07851,0.03355,0.03577,0.04823,-0.04399,-0.01792,-0.04977,0.00286,0.01482,0.03106,0.01103,-0.00478,-0.00618,-0.11092,-0.05001,-0.0376,0.08774,-0.02448,-0.07458,-0.02966,0.04967,0.0047,0.00085,-0.00319,0.0892,0.09494,-0.00751,0.03493,0.08968,0.09624,0.10365,0.014,0.0279,0.00318,0.02834,0.07832,0.08278,-0.03707,0.07238,-0.02869,-0.00833,-0.00357,0.05804,0.05163,-0.03184,0.09893,-0.13812,-0.05586,0.01747,0.05721,0.01407,-0.00789,0.04484,0.02808,-0.00342,0,-0.09079,0.04723,-0.00466,0.04039,0.00331,0.00238,-0.01057,-0.00845,-0.04567,-0.00326,0.03662,0.10104,0.01067,-0.01473,0.05266,0.01512,-0.0168,0.04585,-0.04907,-0.0129,-0.01205,-0.01525,-0.00419,0.04268,0.00837,-0.04267,-0.04387,0.09589,0.03192,0.01302,0.01395,-0.02257,0.02544,0.05841,-0.13612,0.03071,-0.08647,-0.02136,-0.02684,-0.00153,0.03852,-0.03777,0.01166,-0.00609,-0.07423,0.03611,-0.00142,-0.02897,-0.04477,0.0018,-0.07924,0.08851,0.0013,0.13043,0.04863,0.01339,-0.01004,-0.00959,0.07551,0.03779,-0.0518,0.01305,-0.04069,-0.00281],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. - The wheel is a contested resource. scrollPan reassigns plain wheel to panning while Ctrl/Cmd+wheel and trackpad pinch keep zooming — a split that only makes sense decided in one place. - The middle mouse button joins the drag pipeline only when the scheme's canvasMove gesture claims it. Without a scheme it stays inert, as it always was. A button's meaning is part of the policy, not a hardcode. ::: ng-component <control-schemes</control-schemes [height]=\"600\" ::: Switch the scheme in the toolbar and watch the same canvas obey different hands. scroll Pan canvas Move","excerpt":"- The wheel is a contested resource. scrollPan reassigns plain wheel to panning while Ctrl/Cmd+wheel and trackpad pinch keep zooming — a split that only makes sense decided in one place. - The middle mouse button joins the drag pipeline only when the scheme's canvasMove gesture claims it. Without a scheme it stays inert, as it always was. A button's meaning is part of the policy, not a hardcode. ::: ng-component <control-schemes</control-schemes [height]=\"600\" ::: Switch the scheme in the toolbar and watch the same canvas obey different hands."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#9","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[0.00216,-0.06513,-0.05945,-0.0103,-0.03457,0.07407,0.06982,0.12399,0.06107,0.03696,0.02419,-0.02128,-0.03222,-0.00999,0.1014,0.02416,-0.01457,-0.05323,-0.10491,0.07851,0.03647,-0.08862,-0.01025,-0.03214,-0.13646,0.01705,-0.00147,-0.04826,0.04631,-0.02634,0.00492,0.07392,0.00791,0.00051,-0.02497,0.0576,-0.01463,-0.08767,-0.11168,-0.05378,-0.04838,-0.0301,0.01482,0.03946,0.03449,0.09116,0.08525,-0.01829,-0.05674,0.10621,-0.00311,0.002,0.04953,0.05579,0.05226,0.03565,0.05005,0.00372,-0.04513,0.0101,-0.05836,-0.04681,-0.0123,-0.00591,-0.05131,0.03632,0.00961,-0.04849,0.06293,-0.08236,-0.02529,-0.05691,0.02503,-0.07427,0.07052,-0.03423,0.00425,0.04557,-0.01227,-0.14121,0.02542,0.02628,0.0311,0.01741,-0.01439,0.0684,-0.02758,-0.04755,0.06983,0.09447,-0.02531,0.01026,-0.03844,-0.05414,0.09058,-0.06889,-0.0071,-0.00394,-0.06589,0.02341,0.02271,0.00028,0.0019,0.07937,0.04396,-0.06011,0.00991,-0.0155,-0.07554,-0.03079,-0.02358,-0.01623,0.07635,0.02828,0.01019,0.0134,-0.01408,0.03501,0.05958,0.05944,-0.02581,-0.04581,0.00023,0.01919,-0.02441,-0.00719,-0.09718,0,-0.04522,0.00564,-0.02068,-0.04788,-0.00598,-0.04463,0.0563,-0.05542,0.02662,-0.01785,-0.02081,-0.0071,-0.02379,0.06951,0.02948,-0.04486,-0.06313,0.03262,-0.02207,0.01978,0.1079,0.02322,-0.01578,-0.06687,0.03704,0.08705,-0.04616,0.04881,-0.00665,0.01885,-0.05361,-0.04903,-0.01462,-0.05082,0.0239,-0.00389,0.03181,-0.07162,-0.02594,-0.0704,0.00271,-0.01418,-0.07422,-0.06565,-0.01721,-0.13061,-0.04526,0.0406,0.01995,-0.00757,0.03759,0.02824,0.0259,-0.02171,0.05895,-0.12189,-0.07679,0.06631,-0.01171,0.06242,-0.01151,0.01797,-0.01468,0.02444,-0.00517,0.07236,0.00655,0.01619,0.03368,-0.06244,-0.09369,0.07547,-0.07133,0.01118,0.00336,-0.01048,0.03131,-0.01372,-0.06103,-0.02195,0.02615,0.0294,-0.00385,0.07726,0.01921,-0.03886,0.02266,-0.10865,-0.09133,0.00512,0.03498,-0.03435,0.01202,0.05534,-0.02316,0,0.0103,0.00915,-0.07187,0.04974,-0.04004,-0.00844,0.0504,-0.03827,0.02476,-0.08827,-0.01142,-0.01131,0.01809,-0.0322,0.0148,-0.01848,-0.01449,-0.02696,0.02146,-0.01456,-0.02344,0.02245,-0.00115,-0.00751,-0.10816,0.02833,-0.08121,0.05326,-0.01751,-0.03054,-0.00509,-0.03267,-0.0376,-0.07755,-0.00474,-0.07504,-0.08665,0.06523,-0.00322,0.05601,0.09449,0.01226,0.05896,0.09656,-0.06259,0.06101,-0.09911,-0.05768,0.01982,0.01396,0.0209,-0.03072,-0.03688,-0.0728,-0.06026,0.04545,0.14995,0.00055,-0.06165,-0.00567,0.05104,-0.03646,0.02608,-0.00833,0.11321,0.08715,0.04529,0.04782,0.08206,0.04769,0.09432,-0.00028,-0.04679,0.02175,0.02632,0.06462,0.05799,-0.07176,0.03231,0.01908,-0.07422,0.04629,0.07027,0.0651,0.00919,0.08971,-0.06718,-0.0096,0.01529,0.01512,-0.0019,0.03839,0.05783,0.06528,-0.01216,0,-0.06151,0.00975,0.01785,0.05386,-0.03067,-0.01606,-0.03077,-0.01771,-0.03113,-0.00603,-0.00864,0.05843,-0.04395,-0.08134,0.06279,-0.00268,-0.00009,0.03944,-0.05316,-0.06754,-0.01774,0.0048,-0.02876,0.01799,0.02156,-0.034,0.04586,0.05748,0.06326,0.0062,0.05524,-0.01374,0.05505,0.09093,-0.10955,0.04236,0.00136,0.00074,-0.01667,0.00178,0.02632,-0.00826,-0.02954,-0.03887,-0.06337,0.05744,-0.00601,-0.05866,-0.02073,0.07479,-0.0852,0.11728,0.00098,0.16788,0.03766,0.07152,-0.02854,-0.0442,0.07221,0.04721,-0.03164,0.00825,-0.01466,0.01515],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. 🛠 Where the Boundary Stops A scheme maps gestures to the editor's built-in actions. It deliberately does not: - invent new actions — that is what connection flows and the interaction APIs are for; - own the keyboard — keyboard operation is the accessibility layer's job (withA11y()), with its own remappable bindings; - touch your application-owned data in the default stateless mode — gestures end in the same events (fMoveNodes, fCreateConnection, fSelectionChange) your app already handles. The library maps inputs; your application still owns what they mean. If Managed Flow State is enabled, its separate controller may apply supported finished gestures to the opt-in store. Helpers for custom schemes ship as plain functions — primaryButtonEventTrigger, middleButtonEventTrigger, isOnFlowBackground — because a custom scheme should read like a policy, not like event-handling code. AP Is with A11y f Move Nodes f Create Connection f Selection Change primary Button Event Trigger middle Button Event Trigger is On Flow Background","excerpt":"🛠 Where the Boundary Stops A scheme maps gestures to the editor's built-in actions. It deliberately does not: - invent new actions — that is what connection flows and the interaction APIs are for; - own the keyboard — keyboard operation is the accessibility layer's job (withA11y()), with its own remappable bindings; - touch your application-owned data in the default stateless mode — gestures end in the same events (fMoveNodes, fCreateConnection, fSelectionChange) your app already handles. The library maps inputs; your application still owns what they mean. If Managed Flow State is enabled, its separate controller may apply supported finished gestures to the opt-in store. Helpers for custom schemes ship as plain functions — primaryButtonEventTrigger, middleButtonEventTrigger, isOnFlowBackground — because a custom scheme should read like a policy, not like event-handling code."},{"chunkId":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes#10","slug":"muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","route":"/blog/muscle-memory-as-configuration-the-design-behind-foblex-flow-control-schemes","section":"blog","title":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes","description":"Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops.","group":"Feature Deep Dives","vector":[-0.08148,-0.05863,-0.08487,0.03023,-0.03089,0.10342,0.0198,0.11382,0.06097,0.01657,-0.01235,-0.03125,-0.05285,-0.0177,0.09431,0.05109,-0.00508,-0.03568,-0.07343,0.0905,0.01273,-0.06092,0.05205,-0.01337,-0.11268,0.01714,0.00171,-0.05405,0.02146,-0.05771,0.00699,0.08094,-0.01215,0.01393,-0.11247,0.10454,-0.02424,-0.04205,-0.10152,-0.05056,-0.02763,0.04344,0.045,-0.02634,0.0278,0.06515,0.05055,-0.02382,-0.06166,0.06419,-0.03385,-0.04335,0.02532,0.03553,0.03072,0.03157,0.07004,-0.01388,-0.03305,0.01481,-0.07133,-0.01108,-0.0333,0.01072,-0.0552,0.02413,0.01256,-0.00256,0.0268,-0.08223,-0.02933,-0.059,0.06626,-0.06813,0.04681,-0.03607,-0.0035,0.06424,0.00428,-0.09901,0.05508,0.01356,0.02634,0.03147,0.00495,0.08077,0.05445,-0.07355,0.07774,0.06778,0.02372,0.02413,-0.01915,-0.02318,0.10148,-0.03302,0.00807,0.01598,-0.1108,0.00501,0.03914,-0.02496,0.05186,0.08711,0.05308,-0.07916,0.02598,-0.00336,-0.04115,-0.03764,0.00634,0.01832,0.00174,0.01502,0.01327,-0.00216,-0.01242,-0.00364,0.08524,0.03256,-0.01912,-0.06651,0.00727,-0.02492,0.00664,0.03167,-0.07689,0,-0.00289,0.04047,-0.0454,-0.0124,0.03884,-0.01949,0.03479,-0.01001,-0.01831,-0.01323,0.03555,-0.02292,-0.04178,0.08126,0.00981,-0.09687,-0.10874,0.0488,-0.0341,-0.01293,0.0785,0.00897,-0.03796,-0.05276,0.04593,0.06097,-0.07674,0.05651,-0.06315,0.01635,-0.02426,-0.01225,-0.00413,-0.02222,-0.03082,0.00405,-0.01119,-0.12268,0.01041,-0.06086,0.01157,-0.03491,-0.06403,-0.06799,-0.01009,-0.08288,-0.03881,0.06198,0.01497,-0.02458,0.03404,0.03789,0.02632,-0.0045,0.0929,-0.06671,-0.06086,0.05374,0.00799,0.04368,0.04265,0.04027,-0.00064,0.02302,0.0055,0.10084,0.0019,0.01897,0.0512,-0.05438,-0.10398,0.02139,-0.08659,0.0196,0.02799,-0.0143,0.04098,-0.02148,0.0336,-0.03663,0.00385,0.0208,-0.00029,0.1132,0.04158,-0.09186,0.01889,-0.07723,-0.12679,0.00438,0.09013,-0.04097,0.00518,0.01909,-0.00897,0,0.04442,-0.00316,-0.03376,0.07014,0.01339,-0.05719,0.06037,-0.02944,0.04942,-0.05574,0.03599,-0.0029,-0.00142,-0.05767,0.0049,0.02091,-0.04436,-0.09324,0.01896,-0.03664,0.05235,-0.00585,0.01513,0.00052,-0.08687,0.00373,-0.05681,0.03727,0.00989,-0.06386,-0.04333,-0.01507,-0.06175,-0.05242,-0.05426,-0.03194,-0.0246,0.07264,0.01193,0.06511,0.08268,0.02761,-0.00801,0.05993,-0.04102,0.04849,-0.08794,-0.03915,0.01448,0.03452,-0.02516,-0.02273,-0.00242,-0.06333,-0.11198,0.0001,0.13304,-0.01925,-0.05811,0.02061,0.02129,-0.02782,0.01806,-0.00627,0.06154,0.11561,-0.00169,0.03618,0.1134,0.04248,0.10705,-0.01568,-0.00718,-0.00781,0.03088,0.05781,0.06647,-0.06145,0.037,0.00095,-0.03542,0.06647,0.06557,0.03824,0.00653,0.09733,-0.0829,-0.00187,0.03822,0.04837,-0.05226,0.0143,0.02575,0.01193,-0.02579,0,-0.09042,0.03492,0.01543,0.01297,0.00128,-0.00223,-0.07189,-0.04669,-0.02151,0.04111,0.00534,0.08457,-0.02559,-0.05064,0.04122,-0.00989,-0.0489,0.02628,-0.07259,-0.05053,0.06205,0.01542,-0.00227,0.05687,0.05528,-0.05768,-0.04151,0.09129,0.02032,0.01162,0.04653,0.02083,0.0219,0.09995,-0.09477,0.02924,-0.04139,-0.06864,-0.04919,0.03016,0.06097,-0.02597,-0.06793,-0.02853,-0.03323,0.07024,-0.00535,-0.03885,-0.04185,0.05084,-0.07003,0.10798,-0.00851,0.14683,0.0468,0.05644,-0.02151,-0.03611,0.05347,0.02803,-0.07985,0.02611,-0.01064,0.00218],"keywords":"Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Muscle Memory as Configuration: The Design Behind Foblex Flow Control Schemes Why gesture mapping in Foblex Flow v19 became one provided policy object: Miro-like and draw.io-like presets, runtime switching through FControlSchemeController, the trigger-input precedence rule, and where the scheme boundary deliberately stops. 🚀 Conclusion The control scheme feature is small on the surface — one provider call — but it changes who decides how the editor feels. Before v19 that decision was baked into the library. Now it belongs to you, and through a settings dropdown, to your users. - Guide: <https://flow.foblex.com/docs/control-scheme - Live example: <https://flow.foblex.com/examples/control-schemes - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot.","excerpt":"🚀 Conclusion The control scheme feature is small on the surface — one provider call — but it changes who decides how the editor feels. Before v19 that decision was baked into the library. Now it belongs to you, and through a settings dropdown, to your users. - Guide: <https://flow.foblex.com/docs/control-scheme - Live example: <https://flow.foblex.com/examples/control-schemes - The release it shipped in: <https://flow.foblex.com/blog/foblex-flow-v19-0-0-control-schemes-click-to-connect-keyboard-accessibility-and-a-unified-connector-model If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#0","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.10112,0.02119,-0.05902,0.02988,0.04802,-0.00352,-0.02243,0.11842,0.03532,0.02434,-0.12667,-0.05445,-0.06074,0.02708,0.11282,0.03957,0.02812,-0.04449,-0.02183,0.01356,-0.03503,-0.06603,-0.00732,-0.04811,-0.00226,0.1018,0.01576,-0.06492,0.04398,-0.03751,0.07102,0.05114,-0.01539,0.06127,-0.18443,0.06021,0.01437,-0.08519,-0.0661,-0.0725,0.00566,0.07832,-0.03239,-0.03023,-0.02768,-0.01952,-0.0269,0.00482,-0.03239,0.07971,-0.1032,-0.09376,-0.04864,0.06137,0.02942,0.02856,-0.00004,-0.05951,0.02061,0.05846,0.02177,-0.04517,0.00833,0.06559,0.01099,0.00581,-0.06616,0.01366,0.04732,-0.08386,-0.00153,-0.0415,0.05343,-0.04071,0.00684,-0.07662,-0.06438,0.04669,0.01134,-0.02704,0.01681,0.04692,0.01527,0.0489,-0.01211,0.04315,0.0083,-0.0363,-0.08004,-0.00712,0.03382,0.06381,0.01042,0.02339,0.10371,0.04022,0.02854,-0.01802,-0.06265,0.03545,-0.00845,-0.02718,0.01164,0.09487,-0.06455,-0.08623,-0.04467,-0.0142,-0.07823,0.01913,-0.04214,0.04702,-0.01927,-0.05349,-0.03117,-0.05758,-0.04776,-0.03834,0.05301,0.04936,-0.04626,0.03176,0.00664,-0.02025,0.06771,0.00544,-0.01263,0,-0.01128,0.0322,-0.02969,0.02584,0.06309,-0.04194,-0.00376,-0.07713,0.00599,0.04697,0.05496,0.08529,-0.02218,0.04108,0.04789,-0.02241,-0.03432,-0.02492,0.03879,-0.00967,0.05921,-0.05479,0.00396,0.08446,0.09244,0.08384,0.0109,0.05032,-0.06883,0.01388,0.00652,-0.00871,0.02342,0.03005,-0.01462,-0.01962,-0.06614,-0.13837,-0.03928,-0.05954,-0.01082,-0.01916,-0.09621,-0.02009,-0.00548,0.01944,-0.02647,-0.02707,0.05137,0.00231,0.01891,0.02097,0.0133,0.04881,0.07699,-0.03901,-0.00083,0.03222,0.01858,0.05062,0.04051,0.01619,0.02099,-0.03586,0.01658,0.08126,-0.04327,-0.00943,0.06547,-0.04084,-0.05631,0.08243,0.01839,0.02835,0.02275,0.00117,-0.01636,-0.0091,0.01507,-0.0313,-0.02126,-0.08272,0.02816,0.1229,0.05806,-0.07196,0.00237,-0.02316,-0.07346,0.03036,0.09295,0.01346,0.00951,-0.01243,0.01801,0,0.02434,-0.00833,-0.01239,0.04425,0.04494,-0.07493,-0.0205,-0.01133,0.07081,0.04314,-0.0125,-0.01561,0.08859,-0.03341,-0.01182,0.06007,-0.04409,-0.1424,0.01151,-0.07662,-0.01212,0.06659,-0.03168,-0.03717,-0.03071,0.02552,-0.05652,-0.06891,0.05521,-0.034,-0.04522,-0.03187,-0.0093,-0.10471,0.00322,-0.02922,0.02868,0.01534,0.00335,-0.08021,0.00479,-0.01034,-0.07234,-0.04405,-0.05853,0.0254,-0.11829,0.0879,-0.02635,-0.03733,0.0006,0.04431,0.01154,-0.09368,-0.05344,-0.01238,0.14415,0.0346,0.01267,0.01001,-0.02775,-0.0493,0.00375,0.05231,-0.00345,0.03642,-0.0562,-0.04162,0.06095,0.10399,0.07379,0.02269,-0.04401,0.03037,0.10716,0.0714,0.08218,-0.03416,0.04654,0.02748,-0.02785,0.12215,0.06069,0.05113,0.08315,0.03646,-0.0821,-0.07762,0.04888,0.06143,-0.07493,0.01321,-0.06886,0.02716,0.04529,0,-0.11287,-0.01106,-0.06562,-0.00913,0.0323,0.0235,-0.03038,0.04932,0.03943,0.05123,-0.00045,0.0658,-0.03507,-0.02674,0.06622,0.04696,0.01496,-0.06319,-0.00498,0.01121,0.03174,-0.01081,-0.02384,0.03431,0.04796,-0.04122,0.02877,0.03382,-0.01987,0.01482,-0.06604,0.03332,0.06699,0.0556,-0.02868,-0.01764,-0.00227,-0.04323,-0.0778,-0.00915,0.05287,0.00787,-0.05298,-0.03267,-0.05328,0.07746,-0.05911,-0.0081,0.00348,0.02313,-0.0533,-0.01072,-0.08893,0.05718,0.01851,0.06844,-0.06051,-0.02747,0.09645,-0.01965,-0.02772,0.02004,0.00353,-0.03622],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. Inside Foblex Flow — Part 1: Library Architecture and Design Principles This article explains the architectural choices behind Foblex Flow and why the library is designed as Angular-native interaction infrastructure rather than a full graph data platform. But if you work with Angular, you’ll quickly face a problem: - most popular solutions are React-only (e.g., React Flow), - others are tightly coupled to their own data model, - or they feel outdated and don’t fit into modern Angular projects. That’s why we built Foblex Flow — a library that fills this gap. - Written entirely in Angular. - Doesn’t dictate how to store your data. - Provides a flexible interaction layer. - Based on a clear, event-driven API. In this series, we’ll look inside the library — how it works, which principles guide its design, and which architectural decisions make it lightweight and universal. We’ll start with the foundation: architecture and design principles. <https://github.com/Foblex/f-flow","excerpt":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles This article explains the architectural choices behind Foblex Flow and why the library is designed as Angular-native interaction infrastructure rather than a full graph data platform. But if you work with Angular, you’ll quickly face a problem: - most popular solutions are React-only (e.g., React Flow), - others are tightly coupled to their own data model, - or they feel outdated and don’t fit into modern Angular projects. That’s why we built Foblex Flow — a library that fills this gap. - Written entirely in Angular. - Doesn’t dictate how to store your data. - Provides a flexible interaction layer. - Based on a clear, event-driven API. In this series, we’ll look inside the library — how it works, which principles guide its design, and which architectural decisions make it lightweight and universal. We’ll start with the foundation: architecture and design principles. <https://github.com/Foblex/f-flow"},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#1","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.07637,0.0184,-0.08736,0.01152,0.06355,0.01371,-0.02034,0.09521,0.03119,0.01523,-0.10037,-0.02299,-0.06274,-0.05731,0.08235,0.01289,-0.01333,0.00041,-0.02547,0.00691,-0.0637,-0.04667,-0.00147,-0.0421,-0.01369,0.07425,0.01194,-0.05073,0.05492,-0.03141,0.08508,0.05438,0.02517,0.06398,-0.14828,0.07423,0.00489,-0.13406,-0.05771,-0.08812,0.0148,0.09028,-0.05557,-0.01314,-0.0538,-0.00933,-0.0396,0.00195,-0.04062,0.07063,-0.04323,-0.07943,-0.08882,0.09487,0.00048,0.05012,-0.00743,-0.02551,0.03077,0.11267,0.01115,-0.03404,0.02642,0.08436,0.05356,0.0075,-0.09717,-0.00862,0.03415,-0.11537,-0.00133,-0.03633,0.04875,-0.0232,-0.01445,-0.08352,-0.0178,0.05136,-0.01524,0.01328,0.02566,0.05811,0.02006,0.06095,-0.01935,0.08614,0.01029,-0.05798,-0.05137,0.01916,0.04207,0.05604,0.01177,-0.00976,0.04348,0.01017,0.03343,-0.02734,-0.09803,0.0197,-0.02046,-0.05198,0.10703,0.04679,-0.06842,-0.09726,0.01374,0.00194,-0.06461,0.0147,-0.02199,0.05532,-0.03044,-0.05657,-0.01097,-0.04639,-0.02797,-0.02774,0.09329,0.0578,-0.05714,0.02593,0.03301,-0.02336,0.03643,-0.0382,-0.0184,0,-0.01893,0.01048,-0.02403,0.01296,0.05077,-0.0662,0.06049,-0.07912,-0.0067,-0.00318,0.0343,0.09637,-0.05838,0.05543,0.01218,-0.02936,-0.07804,-0.01529,0.05656,0.03272,0.10404,-0.0587,0.02508,0.09777,0.03218,0.06474,0.01009,0.03839,-0.07522,0.03006,-0.01096,-0.00476,-0.00762,0.01133,-0.02051,-0.00076,-0.0379,-0.10083,-0.04178,-0.05321,-0.03058,-0.00596,-0.07222,0.00435,-0.0138,-0.01458,-0.04325,-0.0152,0.05235,0.03608,-0.00706,0.03515,0.01944,0.05804,0.0677,-0.04702,-0.01924,0.02721,0.05757,0.03013,0.08072,0.01373,-0.00801,-0.00606,0.01572,0.0838,-0.0439,-0.02071,0.05904,-0.03351,-0.06392,0.05851,0.04383,0.0241,0.01861,0.02008,-0.0398,0.01579,0.01929,-0.03745,0.00864,-0.03576,0.02482,0.11952,0.07374,-0.09169,0.02879,-0.0476,-0.10193,0.0415,0.13068,0.01395,-0.01254,-0.03318,0.00369,0,0.05108,-0.03096,-0.05711,0.01602,0.01128,-0.05599,-0.04876,0.01416,0.05583,0.03238,-0.02149,0.03822,0.0482,-0.00826,-0.01962,0.02737,0.00209,-0.13205,0.03162,-0.07173,-0.01538,0.05102,0.01345,-0.0698,-0.07259,0.00363,-0.04216,-0.02911,0.00334,-0.0591,-0.00673,0.00175,-0.04089,-0.09363,-0.01783,-0.05032,-0.02436,0.04428,0.03424,-0.06071,0.0367,-0.0159,-0.06666,-0.04937,-0.06298,0.0155,-0.09966,0.03954,-0.01441,-0.06564,0.01492,0.03526,0.01291,-0.06798,-0.05199,0.02849,0.12957,0.04761,0.03762,0.00797,0.00007,-0.06193,-0.01469,0.0016,-0.04058,0.01389,-0.02811,-0.00694,0.06374,0.09914,0.02659,0.01069,-0.03424,0.01434,0.00813,0.07485,0.09755,-0.05339,0.07065,0.02872,-0.04259,0.13293,0.02587,0.03837,0.10851,-0.03325,-0.07237,-0.13197,0.04073,0.03184,-0.0399,0.0497,-0.07597,0.03193,0.044,0,-0.13599,-0.01574,-0.10866,0.02412,0.03609,0.01316,-0.02446,0.08073,0.06927,0.01608,0.02238,0.03901,-0.05164,-0.02503,0.05878,0.06075,0.01819,-0.02131,0.00158,-0.01194,0.0248,-0.00185,0.02766,0.0395,0.00312,-0.0071,0.06519,0.02177,-0.0185,0.01931,-0.0347,0.06246,0.05178,0.02859,-0.0245,0.01031,-0.0448,-0.00999,-0.05792,-0.00168,0.0412,-0.03274,-0.02116,-0.01479,-0.06505,0.05558,-0.065,0.02226,-0.01116,0.02681,-0.02989,0.01341,-0.09227,0.06735,0.00325,0.02779,-0.05189,-0.04292,0.06762,-0.01211,-0.07231,0.04998,0.06434,-0.00702],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🎯 The Key Idea: Separation of Responsibilities Most node-based libraries give you everything “out of the box”: a data store, JSON graph, APIs for saving and loading. That’s convenient at first, but becomes a limitation once you try to integrate it into a real application. Foblex Flow takes a different approach: - 👉 The library stores only what’s needed for interactivity and rendering, - 👉 Everything else is left to the user. What the library stores AP Is","excerpt":"🎯 The Key Idea: Separation of Responsibilities Most node-based libraries give you everything “out of the box”: a data store, JSON graph, APIs for saving and loading. That’s convenient at first, but becomes a limitation once you try to integrate it into a real application. Foblex Flow takes a different approach: - 👉 The library stores only what’s needed for interactivity and rendering, - 👉 Everything else is left to the user. What the library stores"},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#2","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.06284,-0.00175,-0.07432,-0.00729,0.05063,0.02402,0.01611,0.05961,0.0313,0.01829,-0.10325,-0.0204,-0.06103,-0.02089,0.07061,-0.01174,-0.01856,-0.00773,0.00813,0.03868,-0.05027,-0.08841,-0.00783,-0.05595,0.00917,0.04749,0.03233,-0.06145,0.05653,-0.03497,0.03152,0.11257,0.01858,0.05658,-0.17035,0.04484,0.03462,-0.10438,-0.10261,-0.07741,0.06004,0.0535,-0.01193,-0.02445,-0.03105,0.00228,-0.03718,0.01666,-0.05569,0.06383,-0.05576,-0.09814,-0.0551,0.10036,0.00165,0.09255,0.01558,-0.01692,0.04199,0.09455,-0.00415,-0.03207,0.02078,0.08631,0.07938,0.0026,-0.06627,-0.03615,-0.00091,-0.11946,0.0091,-0.05503,0.06437,-0.0253,0.00827,-0.08115,-0.02747,0.02675,-0.04143,-0.01554,0.01277,0.0528,0.01264,0.07641,-0.00862,0.11643,-0.02235,-0.06085,-0.05807,0.02615,0.01758,0.06313,-0.05584,-0.02132,0.02815,-0.00274,0.00069,-0.02814,-0.09239,0.02168,0.04534,-0.04644,0.08762,0.04848,-0.09074,-0.06746,-0.00545,0.00463,-0.05844,0.02052,-0.00868,0.0265,-0.01808,-0.06598,-0.02246,-0.04821,-0.03073,-0.03414,0.10303,0.04283,-0.03914,0.03159,-0.01973,-0.04237,0.02345,-0.00551,-0.0044,0,-0.01191,-0.00557,-0.02209,0.03645,0.06039,-0.03244,0.04568,-0.09674,-0.01684,-0.00636,0.02836,0.06125,-0.03296,0.05897,0.02045,-0.09651,-0.05047,-0.00682,0.01074,0.0474,0.08572,-0.06908,-0.01788,0.04754,0.02105,0.074,-0.02243,0.02071,-0.09629,0.0272,-0.03853,0.01824,0.01148,0.00031,-0.04554,0.00144,-0.02151,-0.08722,-0.02467,-0.05601,-0.05653,0.00047,-0.05547,0.02063,-0.02001,-0.01399,-0.03485,0.01692,0.02297,0.05437,0.00083,0.02532,0.00828,0.0106,0.08407,-0.02776,0.00334,0.06076,0.03627,0.04128,0.06306,0.0292,-0.03868,-0.03988,0.01676,0.11975,-0.02306,-0.01121,0.07615,-0.05621,-0.0869,0.0769,0.04294,0.03868,0.03724,0.00823,-0.03363,0.02018,0.05868,-0.02916,-0.03679,-0.03116,0.00131,0.12521,0.0563,-0.09301,0.00949,-0.03855,-0.1048,0.04629,0.13924,0.02778,0.03345,-0.01813,-0.00994,0,0.02452,0.00788,-0.05888,0.0457,-0.00351,-0.05422,-0.00378,-0.00249,0.04404,-0.00613,0.01259,0.07358,0.05161,-0.0057,-0.02935,0.05001,-0.0302,-0.10637,0.01844,-0.07091,0.03476,0.00847,-0.00743,-0.05327,-0.06634,-0.00726,0.00552,-0.02845,0.00693,-0.07464,0.01421,-0.01113,-0.05941,-0.02214,0.0236,-0.04029,-0.01265,0.04311,0.013,-0.04937,0.02702,-0.00015,-0.0483,0.00061,-0.06268,0.05105,-0.08536,0.05244,-0.07802,-0.03246,-0.03728,0.03787,-0.0064,-0.09427,-0.07432,0.00711,0.08798,0.01653,0.03982,-0.01629,0.02008,-0.0423,-0.02228,0.00632,-0.00863,0.01765,-0.03291,0.04152,0.07521,0.08583,0.03907,0.00004,0.01643,-0.00786,0.00258,0.04597,0.13993,-0.07784,0.09518,0.03126,-0.03461,0.16562,0.00653,0.02359,0.10312,0.0431,-0.0809,-0.0536,0.05147,0.0279,-0.05587,0.04659,-0.07052,0.00062,0.02509,0,-0.17451,0.0136,-0.07996,-0.00185,0.01824,0.02076,-0.00118,0.05748,0.04902,-0.00162,0.00655,0.03418,-0.01918,-0.02526,0.09739,0.04363,0.02489,0.01162,-0.02436,-0.00708,0.02122,-0.00658,0.00433,0.08504,-0.03814,-0.0304,-0.00524,0.05577,-0.00361,0.02871,-0.0468,0.0741,0.04132,0.03026,-0.01868,0.04031,-0.09081,-0.0031,-0.02626,-0.02424,0.02546,-0.07061,-0.01526,-0.03926,-0.07785,0.0569,-0.05308,0.00297,-0.02139,0.00648,-0.04541,0.01349,-0.0726,0.0702,0.04762,0.021,-0.03453,-0.03971,0.07064,0.00129,-0.08291,0.06999,0.00721,0.00597],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. - Node positions (x, y) — required for rendering. - Canvas scale and translate — zoom and panning (defaults: scale = 1, translate = {0,0}). - Drag session state — current node coordinates, cursor offsets. - Element selection (selected / unselected) — for highlighting and frames. - Internal UI states — e.g., snap highlight when connecting nodes. What the user stores","excerpt":"- Node positions (x, y) — required for rendering. - Canvas scale and translate — zoom and panning (defaults: scale = 1, translate = {0,0}). - Drag session state — current node coordinates, cursor offsets. - Element selection (selected / unselected) — for highlighting and frames. - Internal UI states — e.g., snap highlight when connecting nodes. What the user stores"},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#3","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.07612,0.00375,-0.08132,-0.00805,0.02503,-0.0122,-0.01921,0.07431,0.04788,-0.02594,-0.09968,-0.02045,-0.0258,-0.05753,0.08567,-0.01678,-0.00359,-0.00471,-0.00547,-0.01232,-0.03435,-0.03614,-0.05853,-0.04721,-0.02225,0.04722,0.01284,-0.04053,0.06499,-0.03608,0.06057,0.04262,-0.01728,0.08143,-0.14686,0.10095,0.02854,-0.12087,-0.06321,-0.03336,0.00551,0.02407,-0.05988,-0.01439,-0.02387,-0.00578,-0.04503,0.00423,-0.07979,0.05929,-0.06416,-0.08145,-0.07645,0.12013,0.01465,0.06162,-0.01951,-0.0093,0.01934,0.0899,0.01952,-0.01766,0.02573,0.08105,0.08107,0.02647,-0.12392,-0.01183,0.05707,-0.15849,0.03532,-0.06377,0.01252,-0.00922,-0.03665,-0.07101,-0.01917,0.05332,-0.01293,-0.04091,0.01973,0.10054,0.02567,0.06402,-0.0302,0.10669,0.02226,-0.04122,-0.04453,0.05366,0.05687,0.03923,-0.01309,-0.00739,0.08481,0.03745,-0.00308,-0.02998,-0.06438,0.0143,-0.01757,-0.07499,0.05994,0.02459,-0.03644,-0.09128,-0.00842,0.00971,-0.03635,0.01207,0.01013,0.03607,-0.01385,-0.07033,0.00248,-0.06135,-0.01355,-0.0251,0.0728,0.04511,-0.08869,0.06454,0.01992,-0.04352,0.0411,-0.03456,-0.03342,0,-0.05219,-0.00634,-0.03388,0.021,0.05065,-0.04584,0.06322,-0.05292,0.01229,0.00989,0.0002,0.07795,-0.05125,0.05338,0.0552,-0.0472,-0.05407,-0.02559,0.05588,0.02717,0.11006,-0.07274,0.01752,0.11342,0.05345,0.05573,-0.01481,0.02462,-0.09775,0.0312,0.00663,-0.02505,0.00859,0.01587,-0.06127,0.01446,-0.03644,-0.07435,-0.01911,-0.0423,-0.06586,-0.00852,-0.07844,0.0381,-0.02692,0.00112,-0.05828,-0.04894,0.02384,-0.00069,0.02332,-0.0015,0.07268,0.05482,0.08902,-0.02373,-0.02067,0.03348,0.01485,0.04907,0.08721,0.01585,-0.03618,0.01601,0.04333,0.11959,-0.01041,-0.02256,0.07687,-0.0692,-0.07019,0.06423,0.01353,0.03096,0.01718,0.00805,-0.07082,0.01704,0.00163,0.00054,-0.03776,0.01305,0.04091,0.12792,0.07805,-0.05569,0.02757,-0.03571,-0.08143,0.05005,0.12748,0.03448,-0.00435,-0.0003,0.00763,0,0.0274,0.00877,-0.03231,0.00672,-0.00253,-0.07064,-0.05163,-0.01591,0.03122,0.02638,0.00113,0.03693,0.03445,0.00461,-0.03222,-0.0074,-0.03897,-0.13277,0.01527,-0.04879,-0.04335,0.04572,-0.00207,-0.06726,-0.05381,0.00982,-0.06197,-0.04243,0.02499,-0.04536,0.00755,-0.00017,-0.02096,-0.06326,-0.00303,-0.04208,-0.03154,0.02167,0.07821,-0.10017,0.03864,-0.01378,-0.03706,-0.03722,-0.08014,0.03193,-0.10646,0.02338,-0.05737,-0.08755,-0.00092,0.06672,0.00316,-0.05895,-0.05767,0.03434,0.10959,0.06149,0.00929,0.00533,0.00797,-0.04337,0.02195,0.00075,-0.05166,0.01528,-0.02606,-0.01967,0.07205,0.05588,0.04639,0.02526,-0.03755,0.0298,-0.0134,0.0446,0.10155,-0.04353,0.03561,0.04831,-0.06288,0.14174,0.02619,0.03158,0.08543,-0.00812,-0.04107,-0.133,0.04682,0.03682,-0.0444,0.03356,-0.05984,0.04465,-0.01126,0,-0.13242,0.00358,-0.0383,0.00086,-0.00682,0.02854,0.00422,0.04719,0.05261,0.00544,-0.00768,0.04138,-0.06599,0.00353,0.05001,0.0362,0.03867,0.00364,0.01584,-0.03865,0.03419,-0.01794,-0.00646,0.07457,0.04329,-0.02554,0.04931,0.00547,-0.04789,0.06573,-0.02404,0.07294,0.02779,0.07807,-0.00899,0.02578,-0.04749,-0.00839,-0.04116,0.00655,0.04496,-0.04952,-0.00433,-0.03685,-0.03539,0.03962,-0.04658,-0.01868,0.00621,0.02034,-0.01875,0.03622,-0.06469,0.04603,0.00612,0.03292,-0.02481,-0.07532,0.05521,-0.02055,-0.09363,0.04382,0.09435,-0.01882],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. - Graph structure — which nodes exist, their types and parameters. - Connection model — which links are allowed, validation rules. - Node semantics — what a “Webhook”, “AI Generator” or “Parser” node actually does. - Persistence — saving/loading flows (NgRx, Signals, IndexedDB, Firebase, etc.). - Visual styles — how nodes and connectors look. 📌 In short: the library handles the UI layer, while your application owns the business logic. Ng Rx Indexed DB","excerpt":"- Graph structure — which nodes exist, their types and parameters. - Connection model — which links are allowed, validation rules. - Node semantics — what a “Webhook”, “AI Generator” or “Parser” node actually does. - Persistence — saving/loading flows (NgRx, Signals, IndexedDB, Firebase, etc.). - Visual styles — how nodes and connectors look. 📌 In short: the library handles the UI layer, while your application owns the business logic."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#4","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.12601,0.01693,-0.07447,-0.00057,0.01942,0.00995,-0.03152,0.03867,0.00636,0.0375,-0.06451,-0.01386,-0.04509,0.01566,0.07267,0.02023,-0.03315,-0.01055,0.03792,-0.01188,-0.04567,-0.02128,-0.01774,-0.01222,0.00837,0.05911,-0.04129,-0.06125,0.06969,-0.02532,0.05944,0.09905,-0.01079,0.06125,-0.12248,0.06044,0.03028,-0.06728,-0.07062,-0.04791,0.04431,0.05323,-0.00197,-0.00652,-0.03407,0.01242,-0.05777,-0.01794,-0.07317,0.08305,-0.03199,-0.07879,-0.04583,0.06269,0.06033,0.04944,0.01529,-0.01148,0.01778,0.07974,0.03542,-0.04916,-0.0147,0.06896,0.01299,0.05193,-0.04922,-0.01461,0.03721,-0.1065,-0.00195,-0.05396,0.04867,-0.05297,-0.02274,-0.06763,-0.02757,0.04464,-0.03574,-0.04667,0.01798,0.01396,0.02713,0.07002,-0.03482,0.09592,-0.00607,-0.10235,0.01018,0.04111,-0.00344,0.03563,0.03425,-0.02355,0.0735,-0.0015,0.00659,-0.00475,-0.10066,0.04148,0.01212,-0.0223,0.06576,0.05604,-0.02098,-0.07057,-0.02584,-0.00974,-0.03313,0.01156,-0.02315,0.06951,0.02677,-0.07564,-0.02856,-0.06025,-0.02964,-0.04253,0.07217,0.05615,-0.05332,0.04351,0.00276,-0.06363,0.04581,-0.01936,0.01383,0,0.0099,-0.00022,-0.02675,0.00171,0.06864,-0.01768,0.00771,-0.07569,-0.00218,-0.03801,0.02553,0.07329,-0.05202,0.0694,0.02441,-0.05053,-0.06627,-0.01757,0.05846,0.00166,0.10935,-0.03913,0.00652,0.02278,0.05837,0.09173,0.02198,0.04228,-0.03408,0.02808,-0.02946,-0.01233,-0.00926,0.00381,-0.05444,-0.00175,-0.05173,-0.09356,-0.00343,-0.08322,-0.00456,0.01623,-0.11282,-0.03331,-0.00349,-0.02118,-0.0382,-0.01545,0.0835,-0.00405,0.01495,0.03228,-0.00724,0.03796,0.06006,-0.05214,-0.00097,0.06753,0.00584,0.05955,0.07483,0.03663,-0.03838,-0.03078,0.00417,0.1087,-0.04265,-0.00858,0.074,-0.09002,-0.08068,0.08029,-0.00088,0.02039,0.02864,-0.01261,-0.0013,-0.00408,-0.01191,-0.05606,-0.04526,-0.09081,0.00498,0.1232,0.09959,-0.06746,0.03248,-0.05766,-0.06381,0.02174,0.12689,-0.00427,0.01632,0.03206,0.00072,0,-0.00546,-0.00543,-0.03612,0.07708,0.01358,-0.07261,-0.01609,0.00296,0.05973,0.01004,0.00183,0.03267,0.03996,-0.00934,0.02971,0.015,-0.0542,-0.15811,-0.00618,-0.03463,-0.01759,0.0337,-0.01663,-0.04795,-0.02364,0.02593,-0.03651,-0.02044,0.02476,-0.07008,-0.00276,-0.01595,-0.08122,-0.09084,0.00874,-0.054,0.01111,0.0586,0.0019,-0.06314,0.02444,0.00967,-0.09303,0.0102,-0.05597,0.05579,-0.09361,0.04516,-0.05785,-0.02309,-0.03356,0.04621,0.03193,-0.05924,-0.07377,0.00066,0.12926,0.06705,0.00576,-0.00583,-0.00411,-0.03175,-0.02649,-0.01023,0.00849,0.02876,-0.03395,0.00618,0.03859,0.09238,0.07324,0.05777,-0.06514,0.00175,0.07701,0.08072,0.10914,-0.04788,0.03965,0.00592,-0.05478,0.13373,0.04492,0.03609,0.10401,-0.00516,-0.08093,-0.10261,0.04249,0.07267,-0.07587,0.04102,-0.08462,0.0429,-0.00557,0,-0.17963,-0.01984,-0.05993,-0.00925,0.06529,0.0209,0.02641,0.08573,0.04233,-0.00154,0.03692,0.04788,-0.01864,-0.0445,0.04179,0.01197,0.0267,0.0029,-0.02526,-0.00312,0.01325,-0.01613,-0.01275,0.0856,-0.0126,-0.0577,0.04996,0.04804,-0.00456,0.04136,-0.02818,0.09288,0.10661,0.05083,0.00071,0.05107,-0.00361,0.03111,-0.03856,-0.0176,0.01178,-0.01946,-0.04681,-0.02923,-0.081,0.05122,-0.03334,-0.01986,-0.01129,-0.02062,-0.05716,0.02685,-0.0604,0.09601,0.01974,0.06086,-0.03068,-0.06508,0.07623,-0.00295,-0.05564,0.01453,0.04654,-0.01453],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. That remains the default stateless architecture. Since v19.1, applications can explicitly install the optional Managed Flow State plugin when they want typed graph records, automatic updates for supported gestures, snapshots and undo/redo. The plugin can own generic graph bookkeeping; business meaning and persistence remain application concerns.","excerpt":"That remains the default stateless architecture. Since v19.1, applications can explicitly install the optional Managed Flow State plugin when they want typed graph records, automatic updates for supported gestures, snapshots and undo/redo. The plugin can own generic graph bookkeeping; business meaning and persistence remain application concerns."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#5","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.09508,0.00432,-0.02986,0.03021,0.06917,-0.00336,0.01126,0.0267,0.09862,0.01751,-0.07472,-0.03536,-0.05145,-0.02401,0.03266,-0.01151,-0.04589,-0.04299,-0.04775,0.0052,-0.08355,-0.05588,-0.02586,-0.0299,0.00494,0.04762,0.00224,-0.10702,0.07904,-0.04097,0.07047,0.0425,-0.01829,0.00304,-0.135,0.09206,-0.00723,-0.10639,-0.06693,-0.03909,0.09297,0.03314,-0.02954,-0.06801,-0.04863,0.02159,-0.01449,-0.00134,-0.06917,0.07681,-0.02624,-0.02875,-0.05132,0.06291,0.02986,0.03112,0.04929,-0.03191,-0.01427,0.03646,-0.0325,-0.03074,0.01694,0.03349,0.05415,0.03912,-0.06294,-0.05237,0.05256,-0.04649,0.0269,-0.03539,0.03417,-0.05166,0.0046,-0.10479,-0.07914,0.08266,-0.01376,-0.00053,0.0361,0.01578,0.024,0.01275,0.02111,0.07233,-0.02235,-0.05598,-0.02401,0.04971,-0.00318,0.05766,-0.00911,0.04064,0.04217,0.01475,-0.00067,0.02559,-0.04686,0.02428,0.00901,-0.02394,0.01735,0.08472,-0.04893,-0.07701,-0.02417,-0.02906,-0.05636,0.04303,-0.00902,0.03946,0.05577,-0.04739,-0.03883,-0.01277,-0.05222,0.00926,0.03775,0.07404,-0.01078,-0.03322,0.01621,-0.02628,0.0704,-0.03849,0.00576,0,-0.033,-0.01,-0.06372,0.02303,0.06189,-0.01305,0.04663,-0.08544,0.02099,0.00327,0.03852,0.05212,-0.03297,0.00153,0.04685,-0.08972,-0.05383,-0.04514,0.05802,0.02958,0.11858,-0.00692,-0.03102,0.02185,0.04199,0.07978,-0.06017,0.04617,-0.09225,0.03192,-0.0043,0.01898,0.00172,-0.02336,-0.03663,-0.01509,-0.02511,-0.08067,-0.09243,-0.06672,-0.01851,-0.02808,-0.13858,-0.01409,-0.0077,-0.05839,-0.05481,-0.01266,0.05884,0.01968,0.04705,0.00763,0.04428,-0.00643,0.06573,0.02435,-0.02761,0.04042,-0.02871,0.07599,0.0945,0.02895,0.02171,-0.023,0.05733,0.07375,0.00735,-0.01497,0.04244,-0.05445,-0.04352,0.10748,-0.00597,0.02455,0.04609,-0.00281,-0.02315,0.01684,0.00446,-0.06109,0.03537,-0.0671,-0.00861,0.12534,0.07221,-0.04081,0.00264,-0.0592,-0.16429,0.04918,0.14116,0.01696,0.03614,-0.00143,-0.01124,0,0.04422,-0.01591,-0.04269,0.06208,-0.01546,-0.07716,-0.04468,0.03228,0.05379,0.01454,0.01371,0.02978,0.01209,0.03829,-0.04204,0.02832,-0.01153,-0.12272,-0.02109,-0.02709,0.00273,0.05442,-0.00307,-0.04268,-0.07714,0.01611,-0.00134,0.00532,0.02198,-0.07296,-0.0347,-0.01406,-0.05471,-0.05854,0.0017,-0.06353,0.01443,0.0533,0.03381,-0.1077,0.07284,0.07445,-0.04808,0.00843,-0.05606,0.02598,-0.10204,0.01816,-0.00865,0.00639,-0.03616,0.03095,0.00275,0.00321,-0.0543,0.05664,0.11478,-0.00401,-0.00312,0.03119,-0.01312,-0.03775,-0.01433,0.03008,0.04186,0.05212,-0.03287,0.00533,0.13115,0.08619,0.08762,0.03337,-0.08782,0.03563,0.07129,0.08888,0.06819,-0.09741,0.03001,-0.01498,-0.0293,0.09026,-0.01167,-0.02463,0.05886,0.06605,-0.08557,-0.11885,0.08,0.03075,-0.05398,0.00824,-0.01022,-0.01592,-0.01707,0,-0.16285,0.03469,-0.09071,0.02691,0.08202,-0.00609,-0.03331,-0.02548,-0.0046,-0.0371,-0.02112,0.04161,-0.02641,-0.02571,0.09736,-0.00387,0.05105,-0.02526,-0.02281,-0.02594,0.01016,0.01047,-0.00494,0.06244,0.00007,-0.02303,0.043,0.04468,0.00763,0.01913,-0.02578,0.04888,0.05511,0.06357,-0.10162,0.03139,-0.03695,-0.06053,-0.01874,-0.02863,0.0585,-0.01066,-0.0462,-0.02291,-0.09148,0.07969,-0.04546,-0.0604,-0.00222,0.00865,-0.00839,0.01708,-0.07328,0.08198,0.05726,0.01449,0.0116,0.00211,0.06998,-0.01541,-0.05893,0.01786,0.00333,-0.0336],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. ⚡ Event-Driven Model The golden rule of the stateless Foblex Flow core: the library never mutates your application-owned data silently. Every user action is emitted as an Angular event: - fNodeMoved — a node was dragged. - fNodeSelected — a node was selected. - fConnectionCreated — a new connection was made. - fConnectionRemoved — a connection was deleted. - fCanvasChanged— the canvas was changed. This means every action is a signal to your application: “This happened. You decide what to do.” That makes the library predictable and easy to integrate with any state management — from Signals to NgRx. f Node Moved f Node Selected f Connection Created f Connection Removed f Canvas Changed Ng Rx","excerpt":"⚡ Event-Driven Model The golden rule of the stateless Foblex Flow core: the library never mutates your application-owned data silently. Every user action is emitted as an Angular event: - fNodeMoved — a node was dragged. - fNodeSelected — a node was selected. - fConnectionCreated — a new connection was made. - fConnectionRemoved — a connection was deleted. - fCanvasChanged— the canvas was changed. This means every action is a signal to your application: “This happened. You decide what to do.” That makes the library predictable and easy to integrate with any state management — from Signals to NgRx."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#6","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.05478,-0.00411,-0.09162,0.01312,0.01586,0.01414,0.01343,0.05757,0.04877,0.00613,-0.1023,-0.02738,-0.04905,-0.03272,0.02183,-0.02017,-0.05347,0.01782,0.01328,0.01945,-0.02974,-0.07875,-0.03333,-0.06801,-0.02276,0.04869,0.03106,-0.04714,0.03428,-0.03526,0.04961,0.0498,-0.00624,0.07239,-0.15382,0.07621,0.0611,-0.07931,-0.11519,-0.05689,0.04452,0.04444,0.01521,-0.03638,-0.00144,0.03803,-0.05897,-0.02011,-0.08963,0.08743,-0.05996,-0.11165,-0.05249,0.11995,0.01789,0.05049,0.00964,-0.01243,0.00943,0.06348,0.00475,-0.0423,-0.00404,0.05312,0.0862,-0.00176,-0.0979,-0.02109,0.02457,-0.09451,0.00425,-0.03444,0.07803,-0.03576,0.02051,-0.06954,-0.03019,0.08748,0.00543,-0.04348,0.04553,0.103,0.01069,0.03561,-0.01826,0.13292,-0.0147,-0.03454,-0.05745,0.01991,0.00084,0.05643,-0.05428,-0.01493,0.06866,-0.00327,-0.00009,-0.03453,-0.07678,0.00657,0.00226,-0.0453,0.05558,-0.01341,-0.07186,-0.04436,-0.04651,0.01056,-0.03865,-0.03488,-0.05662,0.02659,-0.00955,-0.06477,0.01456,-0.06925,-0.00993,-0.02578,0.09416,0.06119,-0.04044,0.03854,-0.00352,-0.00983,0.06662,-0.02398,-0.04961,0,-0.01213,0.02475,-0.02655,0.04844,0.05049,0.00503,0.0289,-0.07138,0.00535,0.02484,-0.01382,0.01071,-0.05393,0.03603,0.07103,-0.10416,-0.02614,-0.00952,0.02284,0.01972,0.09636,-0.07526,-0.01053,0.03884,0.0781,0.10317,-0.0352,0.04483,-0.10891,0.01739,-0.01346,0.02427,-0.00303,-0.00875,-0.06504,-0.01231,-0.01707,-0.08408,-0.06311,-0.04234,-0.03417,-0.03458,-0.03263,0.02012,-0.00416,-0.03217,-0.09805,0.0023,0.06531,0.04399,0.01643,0.01128,0.07647,-0.01274,0.07441,-0.02429,-0.04822,0.05551,0.00927,0.07193,0.07976,0.0624,-0.06191,-0.03716,0.0046,0.0835,0.02109,-0.0079,0.07245,-0.03267,-0.09294,0.08303,0.01632,0.0111,0.02801,0.01898,-0.04293,-0.01673,0.04715,-0.02505,-0.04707,-0.0174,0.01615,0.0512,0.11324,-0.0533,0.00619,-0.04677,-0.06425,-0.00029,0.12018,0.00287,-0.00312,-0.03539,0.00603,0,-0.00197,0.03669,-0.05102,0.05415,0.02889,-0.05955,-0.03328,-0.04364,0.0381,0.00787,0.00668,0.05589,0.06647,-0.01168,-0.0129,0.02897,-0.0617,-0.12338,0.04411,-0.07773,0.01828,0.01289,0.0389,-0.04941,-0.05856,0.02095,0.02357,0.01152,0.03577,-0.02945,-0.01361,-0.02061,-0.02704,-0.04301,0.01393,-0.05229,0.01605,0.01726,0.04915,-0.11032,0.05529,0.0074,0.00083,-0.01499,-0.0952,0.0546,-0.08627,0.0674,-0.05825,-0.00977,-0.03668,0.02066,-0.04449,-0.03603,-0.0694,0.03377,0.08441,0.03332,0.01902,0.00519,0.00062,-0.06624,0.00453,0.04076,0.03604,0.02265,-0.0386,-0.01003,0.06252,0.0991,0.06947,0.03999,-0.01102,0.02927,0.02373,0.03358,0.10859,-0.04593,0.04902,0.04447,-0.01244,0.13044,0.01287,0.05277,0.11378,0.02793,-0.06487,-0.06558,0.06488,0.0272,-0.01174,0.07078,-0.01001,-0.00816,-0.0083,0,-0.11777,-0.01106,-0.09968,-0.02755,0.02028,0.0026,-0.01624,0.03871,0.00644,-0.0228,-0.00449,0.06611,-0.01886,-0.04491,0.09275,0.02992,0.0038,0.02885,-0.01031,-0.03789,0.0212,-0.00671,-0.03687,0.10559,0.00116,-0.04148,-0.01566,0.03861,0.00479,0.02259,-0.02954,0.0465,0.04212,0.09666,-0.04128,0.02522,-0.08692,-0.01671,-0.07061,0.00377,0.05333,-0.0327,0.00581,-0.03027,-0.09388,0.0699,-0.0369,-0.04408,-0.04756,0.01678,-0.06621,0.05127,-0.05206,0.03951,-0.00177,0.03614,-0.02368,-0.04091,0.05029,0.01616,-0.13723,0.07148,0.07455,0.00116],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🧩 Architectural Layers We can break down Foblex Flow into four layers: Flow The root component (\\<f-flow) — coordinates context, events, and canvas state. Canvas The workspace: holds all nodes and connections. Manages zoom, pan, and selections. Nodes Nodes are not predefined components, but directives you can attach to any Angular element. - fNode — turns an element into a node. - fNodeOutput — defines an output connector. - fNodeInput — defines an input connector. Connections An SVG path connecting an output to an input. Supports Bezier curves, straight lines, and arrows. f Node f Node Output f Node Input","excerpt":"🧩 Architectural Layers We can break down Foblex Flow into four layers: Flow The root component (\\<f-flow) — coordinates context, events, and canvas state. Canvas The workspace: holds all nodes and connections. Manages zoom, pan, and selections. Nodes Nodes are not predefined components, but directives you can attach to any Angular element. - fNode — turns an element into a node. - fNodeOutput — defines an output connector. - fNodeInput — defines an input connector. Connections An SVG path connecting an output to an input. Supports Bezier curves, straight lines, and arrows."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#7","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.04011,0.00147,-0.10645,-0.0275,0.05389,0.04109,-0.0498,0.06523,0.05082,-0.01103,-0.06558,0.0024,-0.02724,-0.03452,0.10483,-0.03999,-0.0282,-0.00158,0.02277,0.0282,-0.03422,-0.04533,0.0162,-0.02739,-0.02333,0.04818,0.02703,-0.02224,0.06902,-0.06299,0.0922,0.0645,0.00613,0.07578,-0.11855,0.10405,0.00067,-0.10482,-0.05977,-0.06879,0.06373,0.06983,-0.03718,-0.02748,-0.01442,-0.01176,-0.00823,-0.02487,-0.06191,0.02384,-0.01841,-0.0888,-0.06459,0.16455,0.00701,0.05147,-0.02455,-0.02591,0.03818,0.11331,0.06599,-0.01797,0.0409,0.04542,0.03827,-0.01704,-0.08342,-0.00563,0.00548,-0.11552,0.01816,-0.03859,0.03301,-0.01369,-0.00994,-0.05689,-0.00644,0.03399,-0.03238,-0.00386,0.01088,0.01434,0.03478,0.08668,-0.05244,0.08781,-0.0008,-0.06307,-0.05209,0.00933,0.03722,0.0423,-0.03638,-0.00143,0.05877,-0.00994,0.03547,-0.00847,-0.10587,0.01226,0.01585,-0.05648,0.08101,0.09549,-0.0536,-0.08244,-0.06344,-0.01805,-0.06186,-0.00701,-0.01103,0.05647,-0.07086,-0.03267,-0.06398,-0.09917,-0.01092,-0.03759,0.04913,0.02369,-0.07018,0.01572,0.01815,-0.00623,0.0482,-0.01414,0.00806,0,-0.01666,0.00652,-0.02439,0.00552,0.07015,-0.04954,0.03663,-0.04533,0.01836,0.01282,0.01609,0.0387,-0.02603,0.05081,0.01034,-0.06157,-0.0512,-0.0164,0.00067,0.03862,0.08833,-0.05463,-0.03989,0.03391,0.01098,0.09638,-0.06452,-0.00204,-0.14369,0.01869,-0.03485,-0.0021,0.0309,-0.0033,0.04121,0.00896,-0.03573,-0.04859,-0.04546,-0.05854,-0.0065,0.00124,-0.05355,0.02448,0.01866,-0.0221,-0.03065,-0.01641,0.06127,0.06022,-0.02764,0.02402,0.02378,-0.0099,0.09003,-0.02574,-0.04579,0.03183,0.05133,0.03452,0.04281,0.01879,-0.02644,-0.04643,0.01992,0.06411,-0.04937,-0.06529,0.07482,-0.00503,-0.05994,0.07098,0.07181,0.05771,0.02232,0.02772,-0.03657,0.01678,-0.00715,-0.03961,0.00793,-0.03092,0.01638,0.15978,0.11136,-0.10338,0.04152,-0.06621,-0.05061,0.03263,0.11028,0.00122,-0.01571,-0.04847,-0.00548,0,0.03601,-0.02586,-0.04491,-0.01452,-0.04005,-0.05658,0.00955,0.01442,0.03185,0.04571,-0.03872,0.05654,0.03206,0.00679,-0.03733,0.04148,-0.05185,-0.12216,0.00027,-0.06708,-0.00078,0.0235,0.02129,-0.04735,-0.05593,0.0289,0.03075,-0.00757,-0.01846,-0.07963,-0.00472,-0.00579,-0.03664,-0.08295,0.00021,-0.05691,-0.07743,0.07474,0.04953,-0.05101,0.03252,0.03214,-0.054,-0.00314,-0.06289,0.02005,-0.04425,0.02689,-0.01907,-0.0222,-0.0191,0.05404,-0.04678,-0.0281,-0.03803,0.02199,0.05443,0.04799,0.10636,-0.03237,0.0497,-0.06286,0.00302,-0.02404,-0.01693,0.01965,-0.05116,0.03306,0.03549,0.08567,0.02887,0.00537,-0.04248,0.02464,0.00084,0.07335,0.09794,-0.03054,0.07262,0.02283,-0.03018,0.14732,-0.06291,0.01643,0.13313,0.02046,-0.05041,-0.11193,0.01665,-0.00723,-0.0307,0.08959,-0.07811,0.02222,0.02382,0,-0.18497,0.00819,-0.06066,0.0474,-0.0143,0.02326,0.04086,0.01839,0.05934,-0.00949,0.00243,0.01678,-0.02258,-0.05881,0.10262,0.06778,0.00068,-0.01562,-0.03323,0.0076,0.00179,0.02612,0.02507,0.0749,0.00754,-0.01178,0.047,0.04149,0.01458,0.02986,0.00026,0.06175,0.09343,0.03242,0.02106,0.02933,-0.07296,0.01695,-0.07181,-0.01461,-0.00751,-0.10392,-0.01656,-0.00461,-0.04777,0.04341,-0.00685,-0.0015,-0.00624,0.03173,-0.03365,-0.02529,-0.06168,0.05678,0.02559,0.03495,-0.02754,-0.07301,0.02899,-0.00748,-0.10021,0.06338,0.05125,-0.00918],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🔧 Minimal Example Positions (x, y) are mandatory — without them a node won’t render. But where and how you store them (Signals, NgRx, Firestore, a plain service) is entirely up to you. Ng Rx","excerpt":"🔧 Minimal Example Positions (x, y) are mandatory — without them a node won’t render. But where and how you store them (Signals, NgRx, Firestore, a plain service) is entirely up to you."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#8","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.08368,0.02876,-0.11654,0.071,0.05384,0.01858,-0.06637,0.07979,0.04127,0.02981,-0.08504,0.01674,-0.02998,0.00274,0.04669,0.02469,0.02221,-0.0248,-0.01777,-0.02054,-0.02437,-0.09016,-0.02491,-0.05633,0.0338,0.06574,-0.04274,-0.0403,0.08166,-0.04542,0.0428,0.05679,-0.06716,0.0455,-0.12558,0.07346,0.03196,-0.06119,-0.0297,-0.03683,0.06202,0.07582,-0.02364,-0.02503,-0.05121,-0.00935,-0.04305,0.01776,-0.05942,0.07259,-0.06864,-0.08694,-0.09335,0.09651,0.03031,0.04361,0.00407,-0.04106,0.00065,0.06944,0.03082,-0.05329,0.01715,0.03743,0.05089,0.03449,-0.06995,-0.00294,0.04556,-0.07591,0.0131,-0.00923,-0.00129,-0.0006,-0.00711,-0.029,-0.00313,0.05746,-0.01167,-0.03045,0.0312,0.00519,-0.01011,0.06334,-0.02868,0.06058,0.00919,-0.06422,-0.03622,-0.02105,0.05557,0.07336,0.04126,-0.0185,0.03512,0.01284,0.03659,-0.03291,-0.05421,0.0423,0.03559,-0.03763,0.07747,0.06523,-0.09199,-0.10662,-0.00314,0.00806,-0.09152,0.03881,-0.01512,0.08585,-0.03398,-0.05251,-0.04974,-0.04722,-0.02105,-0.06076,0.04644,0.06303,-0.00225,0.06879,0.02051,0.01315,0.07893,0.04877,-0.04207,0,0.00243,0.02148,-0.01767,-0.00499,0.04874,-0.01933,0.03258,-0.07061,-0.01732,-0.01326,0.00555,0.12936,-0.03537,0.03843,0.07362,-0.0854,-0.00455,0.02222,0.06771,-0.00444,0.09486,-0.05541,0.00735,0.05603,0.06514,0.0598,-0.01445,0.0638,-0.10319,0.02837,-0.01298,-0.00078,-0.05514,0.03915,0.0028,0.01451,-0.0371,-0.08384,0.01268,-0.06799,-0.04933,0.0107,-0.08092,-0.00146,0.00174,-0.02203,-0.06868,-0.02708,0.01713,0.01058,0.00461,0.03311,0.00447,0.0718,0.06867,-0.03841,0.01918,0.0237,0.04456,0.03356,0.07926,0.00928,-0.04341,0.00068,0.03898,0.07049,-0.03643,0.02264,0.05192,-0.04385,-0.01446,0.10812,0.06409,-0.04368,0.03062,-0.05911,-0.04202,-0.0081,-0.02855,-0.04501,-0.00845,-0.03255,-0.03216,0.08636,0.10549,-0.07653,0.03982,-0.01988,-0.11476,0.01544,0.14255,-0.00099,0.07717,-0.0283,0.00212,0,-0.0191,-0.02318,0.0231,0.0973,0.02129,-0.06145,-0.01343,-0.00827,0.03773,0.01169,-0.04136,0.01976,-0.01601,0.00048,-0.02535,0.04434,-0.0342,-0.15697,0.0253,-0.10307,0.01239,0.03018,-0.03407,-0.0117,-0.06489,-0.00139,-0.04388,-0.02105,-0.02565,-0.04672,-0.01082,-0.01591,-0.06222,-0.11001,-0.00052,-0.03066,0.01232,0.07777,0.0449,-0.01842,-0.01383,-0.01322,-0.07187,-0.01335,-0.03678,0.04946,-0.1277,0.06451,-0.01534,0.00232,-0.02423,0.00374,-0.00441,-0.07223,-0.0428,-0.04693,0.07513,0.05152,-0.03718,0.02512,-0.00188,-0.04107,-0.02882,0.01998,-0.02588,-0.01198,-0.02542,-0.0061,0.04423,0.08444,0.02421,0.03022,-0.05232,-0.01774,0.0915,0.04257,0.1086,-0.00824,0.02184,0.06764,-0.06623,0.15853,-0.00517,-0.00851,0.06814,0.01105,-0.07854,-0.05914,0.03731,0.07086,-0.04107,0.02883,-0.03303,0.00099,0.00947,0,-0.1408,0.02857,-0.05382,0.02227,0.04125,0.02003,0.0341,0.0842,0.05135,0.01003,0.07512,0.04919,-0.03317,-0.02574,0.04064,-0.00833,0.04314,-0.06744,-0.00459,-0.01892,0.01891,-0.00036,0.02376,0.05961,0.0323,-0.06326,0.05285,0.01649,0.01278,0.02712,-0.04594,0.06797,0.05796,0.06843,-0.0359,-0.01426,-0.0036,0.05127,-0.07292,0.0161,0.09947,-0.00284,-0.07028,-0.02151,-0.06903,0.04046,-0.05034,-0.03749,0.0142,-0.01438,-0.05453,-0.02505,-0.07412,0.09647,0.02416,0.0405,-0.04979,-0.01392,0.12303,0.04028,-0.05419,-0.01123,-0.01275,0.00593],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🛠 Design Principles 1. Minimal Magic Instead of hiding complexity behind black boxes, the API is transparent: directives and events are explicit. 2. SSR and Zoneless Angular Foblex Flow works outside the browser. All window, document, and localStorage references go through DI and can be mocked for SSR. 3. Performance - No “global JSON graph” that’s recalculated on each change. - Renders only changed elements. - Drag-and-drop is optimized for large graphs (hundreds of nodes). 4. Flexibility - Store flows as JSON if you like. - Sync with Firebase or GitHub. - Save to IndexedDB. The library never dictates your persistence strategy. local Storage Git Hub Indexed DB","excerpt":"🛠 Design Principles 1. Minimal Magic Instead of hiding complexity behind black boxes, the API is transparent: directives and events are explicit. 2. SSR and Zoneless Angular Foblex Flow works outside the browser. All window, document, and localStorage references go through DI and can be mocked for SSR. 3. Performance - No “global JSON graph” that’s recalculated on each change. - Renders only changed elements. - Drag-and-drop is optimized for large graphs (hundreds of nodes). 4. Flexibility - Store flows as JSON if you like. - Sync with Firebase or GitHub. - Save to IndexedDB. The library never dictates your persistence strategy."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#9","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.04375,-0.00057,-0.0744,-0.01674,0.0566,-0.00925,-0.02931,0.06196,0.06372,0.02461,-0.09647,-0.02966,-0.01807,0.01365,0.07791,0.01557,-0.03456,-0.03153,0.00214,-0.02046,-0.0154,-0.04371,-0.05182,-0.04196,-0.02694,0.06226,0.00007,0.00961,0.05791,-0.03995,0.04106,0.04226,-0.02597,0.06956,-0.1115,0.04511,0.00543,-0.06428,-0.0633,-0.05297,0.05636,0.03342,0.00373,-0.00146,-0.01559,0.00544,-0.06294,-0.0126,-0.07139,0.08729,-0.0622,-0.08558,-0.04456,0.07818,0.04375,0.08301,0.01758,-0.04625,0.01991,0.04679,0.01099,-0.04111,-0.01037,0.09066,0.03938,0.03097,-0.10574,0.00911,0.02896,-0.11223,0.03055,-0.05437,0.04697,-0.061,0.02159,-0.07788,-0.01735,0.06703,-0.00215,-0.06459,-0.0025,0.05981,0.02035,0.04404,-0.04483,0.10499,-0.03656,-0.11385,0.01633,0.03879,0.03718,0.04423,0.0218,0.00761,0.07434,-0.01825,0.01373,-0.02435,-0.12135,0.02926,0.00746,-0.0627,0.04728,0.04187,-0.01647,-0.07758,-0.0122,0.02746,-0.03542,0.00777,-0.04307,0.05167,0.04208,-0.05176,-0.02919,-0.05241,-0.02744,-0.04248,0.06562,0.03336,-0.07546,0.02006,0.00606,-0.07332,0.03362,-0.04037,-0.01826,0,-0.0369,-0.00617,-0.04797,-0.00071,0.06772,-0.01107,0.01497,-0.09435,0.01942,0.01247,-0.01004,0.07168,-0.05418,0.04308,0.03791,-0.059,-0.07609,-0.00538,0.05054,0.03737,0.10506,-0.04136,-0.01846,0.0467,0.04457,0.11838,0.01129,0.06922,-0.06265,0.05432,-0.02565,0.01622,-0.00568,0.00212,-0.03754,0.01775,-0.01878,-0.09013,-0.01638,-0.06533,-0.03226,-0.02785,-0.11393,-0.00052,-0.02438,-0.04558,-0.0568,-0.05255,0.03159,0.00736,0.02477,0.00211,0.05458,0.02848,0.07099,-0.03188,-0.00174,0.04886,0.00644,0.06447,0.07052,0.03685,-0.04103,-0.00872,0.02052,0.11297,-0.06289,-0.02519,0.06184,-0.06778,-0.06365,0.11311,0.02868,0.04036,0.02854,-0.03153,0.00329,0.02286,-0.02809,-0.05354,-0.05367,-0.08701,-0.00286,0.10807,0.10438,-0.04912,0.02551,-0.04719,-0.09113,0.04472,0.10068,-0.02129,0.04278,0.04275,0.0339,0,-0.01461,0.00968,-0.01895,0.02362,0.02874,-0.08065,-0.00799,0.01683,0.03978,0.00257,0.00259,0.02071,0.00866,0.00088,0.03128,-0.00676,-0.01877,-0.13163,-0.00839,-0.04332,-0.02102,0.03414,-0.05903,-0.04898,-0.05778,0.04331,-0.04455,-0.00909,0.02278,-0.04145,-0.01399,-0.01114,-0.04833,-0.04747,0.00199,-0.05298,0.01537,-0.02281,0.03879,-0.09092,-0.0001,0.01653,-0.07149,0.00891,-0.055,0.10502,-0.04849,0.02968,-0.02578,-0.03993,-0.02537,0.02727,0.02858,-0.04364,-0.07171,0.0251,0.15122,0.07244,-0.00743,-0.00439,-0.02652,-0.02325,0.01705,-0.02208,0.01792,0.0533,0.00091,0.0235,0.08085,0.07735,0.05949,0.06021,-0.09646,0.03875,0.0906,0.0748,0.09626,-0.0196,0.01716,0.01429,-0.06395,0.12079,0.02392,0.05806,0.11313,0.00802,-0.08066,-0.10906,0.0222,0.07189,-0.08029,0.02986,-0.03593,0.02289,-0.01144,0,-0.15491,-0.00504,-0.03436,-0.03065,0.01689,0.02897,-0.00508,0.00623,0.04907,-0.00983,-0.01001,0.07972,-0.06155,-0.03139,0.03606,0.03183,0.01255,0.02192,0.01052,-0.03018,0.00181,-0.0138,0.01034,0.10585,0.02094,-0.05728,0.0175,0.04868,-0.00772,0.03981,-0.02018,0.0753,0.08151,0.09076,-0.00653,0.03012,-0.02295,0.00544,-0.03861,-0.0141,0.05909,-0.01214,-0.01895,-0.01981,-0.05895,0.09377,-0.0311,-0.04117,-0.01266,-0.00474,-0.08476,0.04868,-0.07744,0.08003,0.0056,0.04281,-0.01621,-0.08404,0.07781,-0.00541,-0.06086,0.02761,0.05561,-0.02488],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 📐 Visual Diagram The diagram illustrates the boundary: Foblex Flow only handles UI state, while your app owns the graph model and business logic. Managed Flow State is an explicit alternative for the graph-model side of that diagram. It does not move domain rules, validation or persistence into the core, and applications that do not provide it keep the event-driven model unchanged.","excerpt":"📐 Visual Diagram The diagram illustrates the boundary: Foblex Flow only handles UI state, while your app owns the graph model and business logic. Managed Flow State is an explicit alternative for the graph-model side of that diagram. It does not move domain rules, validation or persistence into the core, and applications that do not provide it keep the event-driven model unchanged."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#10","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.08751,-0.00081,-0.0694,-0.00354,0.05299,-0.04746,0.02036,0.07419,0.04614,-0.0122,-0.11841,-0.04526,-0.05386,-0.04578,0.11248,0.00219,0.01046,-0.04557,0.00502,0.00152,-0.03694,-0.0041,0.01862,-0.02925,-0.022,0.07404,-0.00657,-0.0557,0.05033,-0.02044,0.05585,0.08505,0.04231,0.09234,-0.14257,0.07255,0.00348,-0.0935,-0.06921,-0.0798,-0.04708,0.06239,-0.04369,-0.00523,-0.04167,-0.03531,-0.05956,0.0038,-0.05938,0.07984,-0.08312,-0.10463,-0.03682,0.10065,0.00303,0.06264,-0.01508,-0.01266,0.07483,0.06011,-0.00043,-0.03026,0.05264,0.09235,0.06912,0.01073,-0.09846,-0.01304,0.00472,-0.13897,0.01648,-0.04061,0.08615,-0.00037,-0.01558,-0.09036,-0.06614,0.04544,0.00525,0.02959,0.00077,0.04483,0.02487,0.06722,-0.00952,0.08871,0.02349,-0.01517,-0.03815,0.01073,0.02587,0.0423,0.01385,0.03138,0.06982,-0.01711,0.01804,-0.03086,-0.11614,0.04135,-0.0157,-0.03475,0.04265,0.00491,-0.04173,-0.06479,0.01822,-0.02681,-0.03727,0.01134,-0.04348,-0.00665,0.02175,-0.06046,0.0146,-0.04547,0.00866,-0.01602,0.06581,0.05541,-0.00825,0.01235,-0.0041,-0.03297,0.04928,-0.01484,-0.0074,0,-0.00075,-0.01649,-0.02714,0.04012,0.07004,-0.05811,0.06907,-0.06701,0.00817,-0.00786,0.03317,0.07677,-0.01764,0.05603,0.03116,-0.03372,-0.08528,-0.0199,0.06743,0.03768,0.09931,-0.075,0.02179,0.08303,0.04353,0.0829,0.00422,-0.02487,-0.04996,0.04071,-0.04559,-0.02021,-0.02388,0.02348,-0.02613,-0.01747,-0.05221,-0.09213,-0.03691,-0.03078,-0.05133,-0.04792,-0.09396,-0.02679,0.02911,-0.00196,-0.0466,-0.01278,0.03232,0.02422,0.0036,0.05083,0.0559,0.04869,0.08718,-0.06416,-0.0219,0.04125,0.02194,0.03931,0.04043,0.01601,-0.0224,-0.02043,0.0343,0.07648,-0.04301,-0.01214,0.07231,-0.04294,-0.0505,0.0734,0.00945,0.07656,-0.00654,0.01864,-0.02241,0.01512,0.03761,-0.04855,-0.0049,-0.037,0.02955,0.08934,0.07314,-0.07517,-0.00522,-0.0477,-0.11751,0.05487,0.0846,0.03395,-0.01196,0.00407,-0.00219,0,0.0095,0.0002,-0.08276,0.01847,0.01749,-0.0425,-0.01363,-0.00698,0.10859,0.03972,-0.00903,0.0441,0.05258,-0.01612,0.02821,0.04434,-0.02763,-0.1133,0.02578,-0.05199,-0.01862,0.04462,-0.02131,-0.06678,-0.05339,0.01976,-0.03315,-0.02656,0.05096,-0.07611,0.01591,0.02155,-0.04933,-0.06098,0.01793,-0.04856,-0.00075,0.01573,0.02924,-0.09504,0.06894,0.00196,-0.07792,-0.04782,-0.07338,0.02094,-0.09873,0.01583,-0.02972,-0.06868,0.02739,0.01928,0.02722,-0.09087,-0.06336,0.02962,0.13622,0.03912,0.01373,0.01538,-0.00118,-0.04318,0.04352,0.02304,0.00142,0.00269,-0.04772,0.0409,0.07316,0.06696,0.07328,0.00143,-0.05526,0.05419,0.03358,0.09319,0.12865,-0.09669,0.04502,0.01602,-0.02162,0.12384,0.05405,0.05803,0.09896,0.01233,-0.0663,-0.11036,0.04269,0.03609,-0.04714,0.04698,-0.0387,0.01715,0.03279,0,-0.10374,-0.03324,-0.09367,0.03122,0.01259,0.01626,-0.06087,0.03136,0.04779,-0.00682,0.00489,0.02693,-0.02469,-0.01928,0.0655,0.03064,-0.00013,-0.02141,-0.00436,-0.03297,0.06217,0.00074,-0.01865,0.05066,-0.03457,-0.03542,0.02688,0.0039,-0.04654,0.01383,-0.04312,0.06758,0.02693,0.04037,-0.00964,-0.00679,-0.03155,-0.04927,-0.0618,-0.02389,0.03759,-0.01332,-0.02566,-0.06155,-0.08565,0.03614,-0.0467,-0.07327,-0.02754,0.01576,-0.02414,0.053,-0.05653,0.07673,0.02473,0.0341,-0.02526,-0.04515,0.05491,-0.0116,-0.05994,0.08387,0.08924,0.00329],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🧠 Philosophy: UI Handles Interactivity, Not Data The core philosophy: Foblex Flow is not a “platform inside a platform.” It focuses on what it does best — interactive UI. - The library tells you what the user did. - Your app decides what it means. This separation makes the library universal. You can build anything — from workflow editors to no-code chatbot builders.","excerpt":"🧠 Philosophy: UI Handles Interactivity, Not Data The core philosophy: Foblex Flow is not a “platform inside a platform.” It focuses on what it does best — interactive UI. - The library tells you what the user did. - Your app decides what it means. This separation makes the library universal. You can build anything — from workflow editors to no-code chatbot builders."},{"chunkId":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles#11","slug":"inside-foblex-flow-part-1-library-architecture-and-design-principles","route":"/blog/inside-foblex-flow-part-1-library-architecture-and-design-principles","section":"blog","title":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles","description":"Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library.","group":"Inside Foblex Flow","vector":[-0.08799,0.01705,-0.07587,0.08005,0.03138,0.02434,-0.00622,0.10608,0.05222,0.07721,-0.07074,-0.02749,-0.04758,0.01511,0.07634,0.01909,-0.0353,-0.05007,-0.06725,-0.00543,-0.02664,-0.12748,-0.03921,-0.04208,-0.01502,0.06306,-0.0274,-0.03743,0.04838,-0.07058,0.04816,0.06476,-0.01372,0.04558,-0.11804,0.05064,0.01802,-0.04581,-0.04563,-0.08569,0.0672,0.04669,-0.01354,0.00494,-0.05957,0.00826,-0.03975,0.02886,-0.07699,0.10737,-0.05115,-0.05942,-0.05194,0.05764,0.01499,0.06681,0.04072,-0.08352,0.01347,0.02267,-0.0047,-0.04017,0.00219,0.03721,0.02009,0.02159,-0.06173,-0.01063,0.00852,-0.0529,0.02817,-0.03609,0.01731,-0.00711,0.0247,-0.07775,-0.05417,0.06928,-0.02198,-0.03329,0.07824,0.03754,0.01338,0.05293,-0.03777,0.07749,0.00583,-0.07221,-0.0361,0.00187,0.01277,0.08278,-0.00361,-0.01456,0.06849,-0.01398,0.01892,-0.02828,-0.0863,0.03544,0.00402,-0.03611,0.05886,0.03004,-0.05392,-0.07604,-0.01213,-0.03622,-0.08828,0.00706,-0.0446,0.07069,0.01696,-0.03837,-0.02765,-0.0305,-0.03234,-0.05849,0.05037,0.03602,-0.02265,0.07116,0.00914,0.01217,0.04521,-0.00106,-0.02187,0,-0.02564,0.00191,-0.07134,0.01405,0.09466,0.00797,-0.01033,-0.07221,-0.0214,0.00628,0.02287,0.07029,-0.03995,0.0393,0.06132,-0.07963,-0.02218,0.04237,0.05268,-0.04056,0.05427,-0.04591,-0.03748,0.05959,0.07492,0.11197,-0.00446,0.05936,0.00658,0.01483,-0.02892,-0.01156,-0.01311,-0.03541,-0.03081,0.011,-0.08772,-0.09652,-0.00575,-0.0655,-0.00311,-0.03467,-0.11282,-0.02761,-0.04686,0.00913,-0.04669,-0.02437,0.02047,-0.01671,0.03232,0.01882,0.01867,0.07605,0.08682,-0.04774,-0.01049,0.0239,0.04813,0.06144,0.05758,0.06128,-0.03946,-0.00228,0.03177,0.05918,-0.033,0.01663,0.07028,-0.05185,-0.07357,0.07663,0.03581,0.01465,0.04478,-0.0155,-0.03832,-0.04338,0.00518,-0.07388,-0.01651,-0.08255,0.05374,0.09922,0.09005,-0.12172,0.0304,-0.01812,-0.08855,-0.00551,0.1189,-0.03474,0.02105,-0.01214,0.03179,0,0.00325,0.02572,-0.01395,0.08741,0.02059,-0.05167,0.01973,-0.01532,0.04168,0.00476,-0.01668,0.0026,-0.00089,-0.02688,0.03329,0.02741,-0.02842,-0.15326,0.00786,-0.08919,0.02197,0.00255,-0.02268,-0.00057,-0.0442,0.01596,-0.0097,-0.01954,0.02308,-0.03766,-0.05495,-0.01213,-0.02998,-0.09039,0.02981,-0.08128,0.01844,0.08761,0.03051,-0.03849,-0.0058,0.01557,-0.07378,0.00944,-0.04399,0.08584,-0.10366,0.06862,-0.0045,0.00529,-0.0762,0.00672,-0.0098,-0.09734,-0.04916,-0.00289,0.1447,0.024,-0.03558,0.0047,-0.0374,-0.07906,0.01833,-0.01962,0.03748,0.01052,-0.00113,-0.01063,0.05589,0.09636,0.0884,0.01827,-0.04986,-0.02535,0.10604,0.07467,0.11492,-0.04227,0.07475,-0.00627,-0.03848,0.10897,0.05589,0.02892,0.03624,0.02256,-0.09301,-0.033,0.04757,0.06331,-0.07235,0.01398,0.0068,0.02973,0.00167,0,-0.15009,0.00422,-0.03604,0.00749,0.04755,0.01882,-0.00092,0.06095,0.03776,0.01049,0.02509,0.04122,-0.05569,-0.00707,0.05248,0.04541,0.02012,-0.00348,0.00488,-0.03718,0.01852,0.0125,0.01498,0.07911,0.00186,-0.07796,0.00633,0.01617,0.01629,0.03342,-0.01845,0.05635,0.11495,0.08875,-0.03848,0.01607,-0.02625,0.02561,-0.05522,-0.01344,0.06723,0.01595,-0.04292,-0.03788,-0.07596,0.05724,-0.0257,-0.0075,-0.00249,-0.011,-0.06831,0.03382,-0.04072,0.09394,0.0073,0.0714,-0.04807,-0.00616,0.11167,-0.0152,-0.07681,0.00572,-0.01014,-0.01561],"keywords":"Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow — Part 1: Library Architecture and Design Principles Inside Foblex Flow Part 1 explains the architecture and design principles behind an Angular-native node-based UI library. 🚀 Conclusion Foblex Flow is not a black box — it’s a transparent tool for building node-based UIs in Angular. - By default, it manages interactivity, not your data. - Gives you full control over business logic. - Fits projects of any scale, from simple diagrams to complex low-code platforms. When manual event wiring is unnecessary, provideFFlow(withFlowState()) adds the optional managed graph store without making it a requirement for every editor. In the next part, we’ll dive into the drag-and-drop engine: - unifying mouse, touch, and pointer events, - the internal IPointerEvent structure, - how FDraggableDirective works, - and how plugins enable extensions like resize, rotate, and external drop. U Is provide F Flow with Flow State I Pointer Event F Draggable Directive","excerpt":"🚀 Conclusion Foblex Flow is not a black box — it’s a transparent tool for building node-based UIs in Angular. - By default, it manages interactivity, not your data. - Gives you full control over business logic. - Fits projects of any scale, from simple diagrams to complex low-code platforms. When manual event wiring is unnecessary, provideFFlow(withFlowState()) adds the optional managed graph store without making it a requirement for every editor. In the next part, we’ll dive into the drag-and-drop engine: - unifying mouse, touch, and pointer events, - the internal IPointerEvent structure, - how FDraggableDirective works, - and how plugins enable extensions like resize, rotate, and external drop."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#0","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.13549,0.05267,-0.04948,0.05583,0.04249,0.00681,0.01004,0.07366,0.09471,0.03602,-0.05942,-0.0178,-0.04681,-0.01949,0.03665,-0.03241,-0.0019,-0.03115,-0.04829,0.07683,-0.07148,-0.09811,-0.02612,-0.04313,-0.01841,0.01229,-0.00599,-0.05727,0.07646,-0.08388,0.03833,0.09461,-0.03082,0.0113,-0.11519,0.10463,0.02604,-0.05379,-0.06934,-0.09901,0.06348,0.00566,-0.01493,-0.00918,-0.07067,-0.02589,0.0044,-0.00834,-0.06674,0.06648,-0.04148,-0.05984,-0.03611,0.0625,-0.04509,0.04004,0.02798,-0.03147,-0.00499,0.07277,-0.02666,0.00681,-0.00394,0.07281,0.03082,-0.00395,-0.07234,0.02748,0.00892,-0.07652,-0.00558,-0.05879,0.03277,-0.01601,-0.03206,-0.10321,-0.07749,0.04338,-0.02387,-0.03276,0.07741,-0.00464,0.00275,0.04853,-0.01259,0.13708,-0.00277,-0.049,-0.03677,-0.01663,0.03799,0.05246,0.03978,0.00307,0.04747,0.00164,0.01289,0.01847,-0.05678,0.03219,0.01137,-0.03745,0.03372,0.07464,-0.06885,-0.07568,0.00645,-0.07648,-0.07844,-0.00338,-0.04707,0.03461,-0.01717,-0.08545,-0.0462,-0.01872,-0.07583,-0.02758,0.07217,0.02569,-0.00884,-0.0136,0.00639,0.00162,0.0839,-0.02242,-0.02673,0,-0.00969,0.00049,-0.04343,-0.00884,0.0715,-0.03364,0.03149,-0.0979,-0.01512,-0.04197,0.05359,0.06273,0.01015,0.059,0.03318,-0.04749,-0.0751,0.04654,0.05976,-0.01658,0.04317,-0.06836,-0.03905,0.06978,0.06109,0.11355,0.00997,0.00855,-0.01659,0.04423,0.00972,0.02231,0.00168,0.02792,-0.03013,0.03015,-0.07093,-0.10025,-0.00513,-0.02615,-0.02315,-0.05158,-0.13533,0.00545,-0.04548,-0.02603,-0.02636,0.02513,0.02685,-0.01251,0.05475,0.05293,0.08001,0.04012,0.10997,-0.02314,0.00572,0.01158,0.05351,0.06024,0.02696,0.08273,-0.03896,-0.02914,0.0194,0.06436,-0.01768,0.03143,0.06705,-0.06829,-0.06852,0.04716,0.02025,0.0278,0.07809,-0.02212,-0.04334,-0.04867,0.04889,-0.01231,-0.01254,-0.02529,-0.00262,0.05637,0.067,-0.07691,-0.0226,-0.03612,-0.13388,0.00376,0.10178,0.00488,-0.0008,0.01222,0.03343,0,0.00817,0.01158,-0.06988,0.09241,0.03581,-0.0115,0.02375,-0.00911,0.07212,0.02992,-0.0124,0.07276,-0.04622,0.00913,0.00905,0.00829,-0.05504,-0.12232,-0.0085,-0.10412,0.10518,0.01562,0.02742,0.00825,-0.10789,-0.00193,-0.04708,0.0215,0.0111,-0.05928,-0.0281,-0.02078,-0.04326,-0.04762,0.01987,-0.0612,-0.02485,0.09855,-0.00337,-0.08654,0.00676,-0.00381,-0.00596,0.04314,-0.04674,0.03204,-0.13449,-0.01261,0.05173,-0.00809,-0.04799,0.0037,-0.05124,-0.04374,-0.04028,0.0203,0.06959,0.03035,-0.00597,0.03945,0.0379,-0.06058,-0.0092,0.02191,0.04855,0.03594,-0.02276,0.04482,0.01495,0.08141,0.06012,0.00664,-0.01989,0.00039,0.05057,0.05213,0.13571,-0.09388,0.06071,-0.00737,-0.08164,0.11615,0.02484,-0.00225,0.01423,0.06094,-0.08449,-0.06994,0.06618,0.03272,-0.03899,0.03013,0.01824,0.04569,-0.00385,0,-0.09931,0.03325,-0.01643,-0.01444,0.0471,0.00838,-0.02527,0.04473,0.05445,-0.03474,0.00674,0.00074,0.00133,0.06045,0.08267,0.03172,0.00793,-0.00187,-0.03965,-0.08316,0.0645,0.02658,0.04003,0.05346,-0.01481,0.00211,-0.00503,0.01564,-0.00994,0.0196,-0.04535,0.08207,0.04947,0.08212,-0.078,0.06907,-0.09489,-0.02968,-0.05413,-0.05065,0.04926,-0.03815,-0.02261,-0.02508,-0.03093,0.052,-0.00492,-0.0351,-0.02936,0.02511,-0.06081,-0.00988,-0.06474,0.0792,0.03996,0.04139,-0.02597,-0.01236,0.10682,0.00712,-0.05934,-0.02005,0.01859,0.03335],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK This article looks at the drag-and-drop engine behind Foblex Flow and why custom interaction infrastructure was necessary for Angular node editors beyond simple list dragging. Without a well-designed drag-and-drop system, the entire editor turns into a static image. That’s why, during the development of Foblex Flow, we decided to build our own engine for handling events and drag sessions. 🛠 Sources","excerpt":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK This article looks at the drag-and-drop engine behind Foblex Flow and why custom interaction infrastructure was necessary for Angular node editors beyond simple list dragging. Without a well-designed drag-and-drop system, the entire editor turns into a static image. That’s why, during the development of Foblex Flow, we decided to build our own engine for handling events and drag sessions. 🛠 Sources"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#1","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.13963,0.04091,-0.07268,0.08329,0.0074,0.0504,0.01031,0.0835,0.05236,0.03602,-0.06857,-0.04616,-0.06821,-0.00937,0.03634,-0.01283,0.00793,0.02595,-0.06095,0.04972,-0.04365,-0.10737,-0.00786,-0.03054,-0.05095,0.00396,0.00669,-0.0477,0.05014,-0.07645,0.07939,0.12024,-0.03439,0.01524,-0.08524,0.10958,-0.0085,-0.05295,-0.09587,-0.09154,0.08066,0.03875,-0.00843,-0.00711,-0.06627,-0.02223,-0.01762,0.04271,-0.06464,0.06168,0.00146,-0.06261,-0.02671,0.06844,-0.02659,0.01956,0.01331,-0.05071,-0.01375,0.03021,0.00395,-0.01376,0.0015,0.04354,0.00192,0.01979,-0.08121,0.04674,0.00713,-0.02728,0.02406,-0.05959,0.01975,0.01113,-0.02005,-0.06699,-0.05484,0.0564,-0.02303,-0.01973,0.06755,0.01733,-0.01432,0.05924,-0.01041,0.1346,-0.01559,-0.0312,-0.04798,-0.02697,0.03903,0.09047,0.04236,-0.02369,0.04092,0.01992,0.03135,-0.03622,-0.06363,0.02604,0.00171,-0.03045,0.03153,0.01692,-0.06196,-0.06842,0.00079,-0.05921,-0.07482,-0.00731,-0.03936,0.05656,0.00393,-0.06756,-0.04185,-0.00755,-0.03764,-0.04822,0.06609,0.06117,-0.03201,-0.01429,0.00357,0.013,0.10242,0.00643,-0.05867,0,-0.04206,-0.00767,-0.01925,-0.01265,0.06793,-0.07219,0.05454,-0.07636,-0.03774,-0.02002,0.03629,0.02716,-0.01973,0.04606,0.05017,-0.04868,-0.08338,0.04427,0.05798,-0.02508,0.04057,-0.06262,-0.03778,0.04715,0.04034,0.06165,-0.02261,-0.01195,-0.00387,0.03634,-0.01546,0.01487,-0.01726,0.03763,-0.0644,0.03785,-0.07712,-0.06184,-0.02073,0.00117,-0.03143,-0.04757,-0.13359,0.00999,-0.03353,-0.01876,-0.0119,0.00997,0.0082,-0.01245,0.06709,0.04024,0.04984,0.00735,0.11924,-0.05266,-0.01552,0.05357,0.07383,0.02208,0.04433,0.06123,-0.055,-0.02698,0.04254,0.06186,-0.00098,0.03357,0.03175,-0.07635,-0.02776,0.06496,0.00292,0.00497,0.10705,-0.01086,-0.02486,-0.06914,0.02534,-0.02403,-0.01262,-0.00693,-0.02314,0.02014,0.09233,-0.06235,0.01509,-0.02245,-0.12301,-0.02891,0.08624,-0.01489,0.01357,0.00902,0.04658,0,-0.0106,0.0301,-0.01473,0.09832,0.07732,-0.01929,0.02148,-0.00617,0.07526,0.00884,-0.04088,0.08354,-0.03185,0.00696,-0.01494,0.0107,-0.07474,-0.13752,0.03191,-0.08698,0.09319,-0.01119,-0.00427,0.05393,-0.10848,-0.00777,-0.07284,0.03788,0.03793,-0.05174,-0.01819,-0.02142,-0.0206,-0.02215,-0.0068,-0.04397,-0.02448,0.15164,-0.00362,-0.04499,-0.05739,-0.04374,-0.03275,0.0255,-0.01272,-0.00695,-0.09766,0.00132,0.03583,0.02734,-0.0596,0.03643,-0.04541,-0.00492,-0.00456,0.01311,0.09412,-0.00746,0.0056,0.01611,-0.00157,-0.081,0.00789,0.01241,0.04747,0.01311,-0.01752,0.01981,0.02357,0.07419,0.03648,0.02493,-0.01589,0.00581,0.0443,0.03594,0.14598,-0.06371,0.05362,-0.00027,-0.09086,0.10587,0.03278,-0.02391,-0.00781,0.05728,-0.05915,-0.056,0.0889,0.0524,-0.03269,0.04103,0.04818,-0.00104,-0.02807,0,-0.10027,0.00303,-0.03687,0.00894,0.03376,-0.00487,-0.03549,0.05044,0.03823,-0.04924,0.05166,0.04783,0.01633,0.06677,0.07603,0.00623,0.04252,-0.00332,-0.02905,-0.05201,0.09094,0.03836,0.04843,0.05275,-0.02113,-0.04663,-0.03777,-0.01846,0.00392,0.0034,-0.04002,0.07469,0.05174,0.14767,-0.06445,0.02622,-0.10544,0.01461,-0.06669,-0.01779,0.09456,-0.00677,-0.0478,-0.03878,-0.02845,0.02651,-0.002,-0.0673,0.01387,0.04713,-0.05132,0.00617,-0.08773,0.06692,0.03769,0.05304,-0.05662,0.03117,0.09471,-0.04332,-0.09307,-0.01986,0.01196,0.04607],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🎯 Why Build a Custom Engine At first glance, it might seem sufficient to use Angular CDK DragDrop. But in practice, its limitations became clear: - Designed for simple scenarios. CDK solves the “drag a card into a list” problem. But in a node-based editor, you need much more: resize, rotate, connections, multi-selection, canvas dragging. - Lacks extensibility. Adding new behaviors (like dropping into a group) is difficult — there’s no built-in plugin architecture. So we decided: 👉 We need a custom engine where we have full control over: - event handling, - the lifecycle of a drag session, - plugin-based extensibility, - and a zoneless architecture for performance. Drag Drop","excerpt":"🎯 Why Build a Custom Engine At first glance, it might seem sufficient to use Angular CDK DragDrop. But in practice, its limitations became clear: - Designed for simple scenarios. CDK solves the “drag a card into a list” problem. But in a node-based editor, you need much more: resize, rotate, connections, multi-selection, canvas dragging. - Lacks extensibility. Adding new behaviors (like dropping into a group) is difficult — there’s no built-in plugin architecture. So we decided: 👉 We need a custom engine where we have full control over: - event handling, - the lifecycle of a drag session, - plugin-based extensibility, - and a zoneless architecture for performance."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#2","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.1172,0.00809,-0.00006,0.04153,0.05095,0.05884,0.06632,0.0608,0.08667,0.03413,-0.02928,-0.02,-0.08269,0.00966,0.03511,-0.01926,-0.03134,-0.00741,-0.06252,0.08434,-0.02244,-0.13524,-0.02353,-0.06231,-0.04019,-0.00047,0.04372,-0.07795,0.07845,-0.03357,-0.00777,0.03853,-0.05433,-0.02453,-0.13145,0.03686,-0.02771,-0.05372,-0.05845,-0.07103,0.09556,-0.00512,0.01877,-0.04057,-0.05794,-0.00262,0.00311,0.05443,-0.05307,0.10481,-0.00186,-0.00514,0.04325,0.04995,0.00158,0.04082,0.05559,-0.03393,0.01442,0.03735,-0.04736,0.00579,-0.02909,0.01545,0.08406,-0.03077,-0.06582,0.02998,-0.01958,-0.04953,0.00884,-0.02594,0.05235,0.04311,0.04347,-0.08151,-0.09068,0.10388,-0.03733,0.00748,0.10649,0.00635,0.00223,0.02203,0.01793,0.13853,-0.03426,-0.03455,-0.05363,-0.00965,0.02358,0.04807,0.00408,0.01038,0.05415,-0.01442,-0.01203,-0.01931,-0.07458,0.01074,0.01708,-0.04819,-0.03315,0.05396,-0.03746,-0.05221,-0.04937,-0.11942,-0.07924,0.00922,-0.02154,-0.01664,-0.02152,-0.01227,-0.07356,-0.01654,-0.06302,0.01229,0.08761,-0.00214,-0.03807,0.02985,0.00241,-0.03082,0.07133,-0.03744,0.00372,0,-0.042,-0.01558,-0.09273,-0.05575,0.03427,-0.02725,0.0408,-0.08675,-0.00091,-0.01767,0.02811,-0.03323,-0.00673,0.01713,0.0429,-0.04409,-0.0522,0.05732,0.02392,0.01837,0.04099,-0.04521,-0.05223,0.0141,0.06591,0.07635,-0.07992,0.03338,-0.02914,0.03711,0.00406,0.05557,-0.02625,-0.0374,-0.04072,0.0039,-0.02726,-0.08079,-0.00169,-0.03809,-0.01881,-0.09388,-0.11887,0.01725,-0.0369,-0.05657,-0.04459,-0.02701,0.0284,-0.0533,0.00724,0.01149,0.09491,-0.03497,0.09466,-0.02726,-0.03544,0.05407,0.05994,0.04002,0.04147,0.07877,-0.03422,-0.04599,0.0138,0.05322,-0.00739,-0.01731,0.05536,-0.06638,-0.01352,0.03913,0.00825,0.01438,0.0744,0.01571,-0.04866,-0.00136,0.07909,-0.02913,-0.03415,-0.00767,0.04563,0.03681,0.07708,-0.07013,-0.03165,-0.03123,-0.09021,-0.02016,0.11506,-0.02317,-0.05245,-0.03966,0.02823,0,-0.0427,0.07791,-0.04273,0.06692,-0.03546,-0.01889,0.04086,0.00976,0.01761,0.03114,-0.00686,0.10618,-0.03392,0.01203,0.00744,0.06766,-0.04977,-0.06489,0.0022,-0.12451,0.1141,-0.03727,0.0378,0.02136,-0.11368,-0.04446,0.0464,0.02553,0.02766,-0.06199,-0.02602,0.03054,-0.03229,-0.02409,0.00675,-0.06527,0.00283,0.05741,0.03159,-0.0488,0.00707,-0.01691,0.05009,0.01032,-0.03891,0.0097,-0.09504,0.03918,0.08207,0.01555,-0.05869,0.01907,-0.00869,-0.02359,-0.0038,0.02796,0.09036,-0.02359,0.00433,0.01509,0.05545,-0.03568,-0.02815,0.04472,0.08036,0.05793,-0.00861,0.03587,0.04187,0.09641,0.02546,0.06672,0.00179,-0.04142,0.04088,0.08588,0.16998,-0.01034,0.04345,-0.05671,-0.02083,0.07913,0.02407,-0.03877,0.03531,0.09119,-0.08357,-0.04774,0.06363,0.03983,-0.06772,-0.01561,0.00235,0.01932,-0.00823,0,-0.09971,0.02161,0.00567,-0.03223,0.01419,0.03178,-0.06273,0.00859,0.02719,-0.07222,-0.09258,0.07494,0.03452,0.04728,0.09853,0.02009,0.01112,0.00987,-0.0494,-0.0372,0.10164,0.00885,0.07017,0.0665,0.00438,-0.02997,-0.03882,0.05482,-0.02176,-0.03845,-0.02636,0.05839,0.00395,0.05828,-0.04692,0.05828,-0.07338,-0.04608,-0.02295,-0.01458,0.07282,-0.05456,-0.02131,-0.01617,-0.02026,0.03863,-0.02501,-0.0401,-0.01726,0.02469,-0.11078,0.04353,-0.08388,0.07708,0.03672,0.0136,-0.08752,0.00123,0.07807,-0.0212,-0.02419,0.00586,0.01321,0.03067],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. ⚡ Unified Event Interface One of our core principles is that — whether it’s a mouse or touch input — the event should look the same higher up the stack. To achieve this, we introduced the following interface: `ts export abstract class IPointerEvent { public get originalEvent(): MouseEvent TouchEvent { return this.event; } public get targetElement(): HTMLElement { return this.target this.originalEvent.target as HTMLElement; } protected constructor( private readonly event: MouseEvent TouchEvent PointerEvent, private target?: HTMLElement ) {} I Pointer Event original Event Mouse Event Touch Event target Element HTML Element Pointer Event","excerpt":"⚡ Unified Event Interface One of our core principles is that — whether it’s a mouse or touch input — the event should look the same higher up the stack. To achieve this, we introduced the following interface: `ts export abstract class IPointerEvent { public get originalEvent(): MouseEvent TouchEvent { return this.event; } public get targetElement(): HTMLElement { return this.target this.originalEvent.target as HTMLElement; } protected constructor( private readonly event: MouseEvent TouchEvent PointerEvent, private target?: HTMLElement ) {}"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#3","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.06895,0.01898,-0.03336,0.06851,0.05757,0.08748,0.04671,0.03177,0.12204,0.07262,-0.03139,-0.02616,-0.09164,-0.01269,0.00901,-0.01773,-0.0079,-0.03638,-0.08755,0.08261,-0.02406,-0.13932,-0.0186,0.00783,-0.03969,0.00725,0.01246,-0.07272,0.07509,-0.02431,-0.01621,0.0753,-0.03917,-0.00077,-0.08079,0.07782,0.01825,-0.01893,-0.05752,-0.06711,0.09202,-0.00265,-0.0002,-0.04263,-0.03685,0.01319,-0.00709,0.06637,-0.06,0.09413,0.01936,0.00941,0.01357,0.05029,0.0064,0.06565,0.06093,-0.07051,0.01607,0.0186,-0.02595,-0.00029,-0.02139,0.04481,0.04074,-0.01671,-0.06648,0.031,-0.00095,-0.04714,0.05775,-0.03068,0.04335,0.06813,0.02998,-0.06119,-0.05156,0.08342,-0.02665,-0.008,0.08927,-0.01767,0.01552,0.02106,0.00751,0.1363,-0.03865,0.00392,-0.03797,-0.01131,0.01331,0.05663,0.04207,-0.00581,0.09667,0.00462,0.00549,-0.00618,-0.06921,0.02678,0.02547,-0.04565,-0.03725,0.01147,-0.00434,-0.06829,0.00933,-0.13096,-0.0711,-0.00176,-0.04126,-0.01543,0.04206,-0.0454,-0.06231,-0.01141,-0.04002,0.02675,0.04698,-0.02352,-0.02566,0.01136,0.02268,0.00063,0.08693,-0.01348,-0.01421,0,-0.00428,-0.02556,-0.072,-0.02142,0.03661,-0.00816,0.05179,-0.09157,0.01145,0.01478,0.02966,-0.04647,0.00079,0.00765,0.00611,-0.07884,-0.04059,0.03198,0.02559,-0.02896,0.01019,-0.04324,-0.10877,0.0332,0.02124,0.09108,-0.08426,0.03403,-0.01243,0.04148,-0.02419,0.03763,-0.04194,-0.01433,-0.03941,0.01202,-0.04997,-0.10781,0.01956,-0.04275,-0.04766,-0.05273,-0.1353,-0.02727,-0.06127,-0.03892,-0.02248,0.00047,-0.00473,-0.06212,0.05784,0.02924,0.0789,-0.04521,0.09164,-0.00191,0.02134,0.04689,0.05164,0.04597,0.04741,0.05886,-0.05132,-0.04083,0.04642,0.05884,-0.01145,-0.041,0.09637,-0.06867,-0.05309,0.02499,-0.02149,0.00817,0.09306,0.00734,-0.03212,-0.02766,0.06272,-0.03513,-0.01204,0.01347,0.00353,0.05009,0.07309,-0.05734,-0.02361,-0.02548,-0.12219,-0.04723,0.11996,-0.0298,-0.02238,-0.02672,0.03522,0,-0.03609,0.07251,-0.02038,0.06022,-0.0092,-0.00145,0.02654,-0.03108,0.06145,-0.00826,0.01397,0.06464,-0.06354,0.00441,0.00587,0.05398,-0.03512,-0.10723,0.0091,-0.13149,0.12746,-0.03663,0.00903,0.00303,-0.09602,-0.05844,0.02449,0.05203,0.04581,-0.0635,-0.0431,-0.02559,-0.03686,-0.03131,-0.00302,-0.07577,0.00882,0.07454,-0.02792,-0.05945,-0.04409,-0.01599,0.02046,0.02412,-0.03145,0.04213,-0.08085,0.05527,0.05602,0.02412,-0.09958,-0.01989,-0.03861,0.01247,-0.00604,0.00281,0.07886,-0.04675,-0.01207,0.00239,0.01024,-0.03759,0.01351,0.04876,0.07773,0.08027,-0.00428,0.04454,0.03194,0.05357,0.06084,0.00996,-0.00388,-0.03632,0.05194,0.07816,0.14639,-0.03992,0.05776,-0.02251,-0.0299,0.07835,0.01918,-0.02999,0.01233,0.06522,-0.03855,-0.04554,0.03509,0.06329,-0.09246,0.00563,0.04324,0.02092,-0.03947,0,-0.12633,0.02883,-0.00375,-0.0483,0.05675,0.01276,-0.05419,0.00828,0.03903,-0.04735,-0.0497,0.07053,0.02974,0.05265,0.06448,-0.01391,0.00796,-0.03514,-0.03466,-0.00864,0.12705,0.00152,0.04353,0.05758,0.01291,-0.04491,-0.02326,0.05567,0.01907,0.01261,-0.04113,0.06217,0.04115,0.08497,-0.07354,0.06936,-0.08633,-0.00008,-0.00387,0.00291,0.10219,-0.04987,-0.03405,-0.02434,-0.01871,0.05532,-0.00794,-0.05319,-0.04928,0.01546,-0.11377,0.02217,-0.06799,0.07168,0.01891,-0.01315,-0.06236,0.01174,0.09194,-0.02181,-0.0596,0.01518,0.01441,0.00891],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. public setTarget(target: HTMLElement): void { this.target = target; } public abstract isMouseLeftButton(): boolean; public abstract isMouseRightButton(): boolean; public preventDefault(): void { this.originalEvent.preventDefault(); } public abstract getPosition(): { x: number, y: number }; public get isEventInLockedContext(): boolean { return this.targetElement.closest('[fLockedContext]') !== null; } } ` Now, all logic in the editor operates with a unified event object. Advantages of this approach: set Target HTML Element is Mouse Left Button is Mouse Right Button prevent Default original Event get Position is Event In Locked Context target Element f Locked Context","excerpt":"public setTarget(target: HTMLElement): void { this.target = target; } public abstract isMouseLeftButton(): boolean; public abstract isMouseRightButton(): boolean; public preventDefault(): void { this.originalEvent.preventDefault(); } public abstract getPosition(): { x: number, y: number }; public get isEventInLockedContext(): boolean { return this.targetElement.closest('[fLockedContext]') !== null; } } ` Now, all logic in the editor operates with a unified event object. Advantages of this approach:"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#4","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.09602,0.03754,-0.05277,0.04446,0.04969,0.04701,0.02216,0.08872,0.08646,0.04448,-0.03039,-0.01677,-0.0595,-0.02092,0.04647,-0.00966,-0.03271,0.00918,-0.08066,0.03644,-0.08137,-0.11728,-0.04265,-0.01551,-0.04476,0.01192,0.03535,-0.04429,0.06821,-0.05128,0.05673,0.06963,-0.03409,-0.02518,-0.11315,0.05315,0.02462,-0.05769,-0.06205,-0.08727,0.09382,-0.00168,0.01393,-0.01636,-0.06762,0.0053,-0.01396,0.06668,-0.08549,0.07644,-0.01361,-0.07303,-0.03806,0.10156,-0.01391,0.00446,0.03244,-0.03093,0.04321,-0.00232,-0.02056,-0.00409,-0.01582,0.05728,0.00937,-0.01113,-0.10807,-0.00846,0.00088,-0.04554,0.01761,-0.04438,0.04732,0.05513,0.00862,-0.10613,-0.07793,0.0904,-0.03091,0.01114,0.08381,0.04345,0.01181,0.05678,-0.01828,0.12791,-0.04226,-0.0115,-0.04503,-0.05348,0.05177,0.04921,0.02209,0.00754,0.03576,0.01262,-0.02178,-0.0254,-0.08374,0.0283,0.00217,-0.05829,-0.00729,0.08889,-0.04448,-0.05045,-0.03175,-0.06517,-0.07155,-0.00512,-0.02936,-0.00212,-0.01511,-0.06564,-0.03866,0.03001,-0.07617,-0.01396,0.04497,0.02275,-0.03151,-0.00811,-0.02479,-0.03978,0.0986,0.0106,-0.00563,0,-0.01446,0.03533,-0.09517,-0.00931,0.07607,-0.02929,0.04278,-0.09242,0.01344,-0.01884,0.04333,0.0362,-0.0141,0.01735,0.03648,-0.06014,-0.05476,0.03369,0.03829,0.01329,0.0492,-0.06678,-0.0397,0.09039,0.08454,0.09767,-0.03219,0.03506,-0.05455,0.02404,0.00566,0.02211,0.00613,-0.04516,-0.03664,-0.00989,-0.07867,-0.08781,-0.04285,-0.01979,-0.018,-0.0528,-0.15213,0.01282,-0.02872,-0.04073,-0.01756,-0.02,0.04091,-0.04759,0.05776,0.05105,0.08363,0.01142,0.13511,-0.01475,-0.00857,0.03932,0.0508,0.02977,0.05463,0.02587,-0.02421,-0.03006,0.04376,0.04773,-0.01133,0.01385,0.08507,-0.05807,-0.05139,0.05422,0.02118,0.03177,0.0436,-0.0101,-0.0326,-0.03155,0.06347,-0.00107,-0.02755,-0.01879,0.02797,0.08608,0.08137,-0.07906,-0.02705,-0.02881,-0.13228,-0.0135,0.10327,0.0206,0.00424,-0.0079,0.04099,0,-0.03938,0.02737,-0.04045,0.07612,0.0009,-0.02231,0.03813,0.0185,0.0596,0.03918,-0.00522,0.07859,-0.03404,0.0262,0.01247,0.05266,-0.08425,-0.09686,0.02423,-0.1018,0.0852,0.00121,-0.00161,-0.01414,-0.11742,-0.01471,0.01011,0.02565,0.02043,-0.04965,-0.0522,0.0076,-0.0258,-0.0123,0.01406,-0.08169,-0.0043,0.0651,0.01802,-0.12207,0.00655,0.00762,0.01128,0.02998,-0.06859,0.02231,-0.06981,0.03292,0.03904,0.00089,-0.08218,0.00437,-0.04461,0.01189,-0.01272,0.02073,0.08334,0.01339,0.00784,0.02619,0.02083,-0.05579,-0.01365,0.02026,0.06764,0.06844,-0.01707,0.01751,0.03653,0.08549,0.04465,0.01969,-0.02144,-0.02451,0.02536,0.08159,0.14747,-0.04447,0.05348,-0.00931,-0.06973,0.06914,0.00755,-0.00727,0.02831,0.11111,-0.09827,-0.05978,0.06519,0.05623,-0.0813,0.00593,0.03881,0.01972,0.00504,0,-0.09816,0.0265,-0.04534,-0.01898,0.04235,0.02559,-0.03016,0.04066,0.02139,-0.04222,-0.04565,0.03607,0.03462,0.047,0.07513,0.0179,-0.00332,0.00778,-0.04021,-0.07081,0.09703,0.04062,0.06759,0.0399,-0.00203,-0.02847,-0.02339,0.06705,-0.00179,-0.04079,-0.03122,0.0514,0.03815,0.05685,-0.04548,0.03146,-0.07726,-0.02586,-0.01376,-0.05808,0.0823,-0.05385,-0.02174,-0.03837,-0.08991,0.04983,-0.0021,-0.02089,-0.01918,0.03595,-0.07577,-0.00844,-0.07301,0.0547,0.0685,0.04893,-0.04544,-0.0047,0.07499,-0.02658,-0.03562,-0.01598,0.00682,-0.00546],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. - A consistent API across modules (move, resize, rotate); - Simplified support for new input types and devices; - Fewer bugs related to platform inconsistencies. ::: ng-component <custom-event-triggers</custom-event-triggers [height]=\"600\" ::: Unified Event Interface","excerpt":"- A consistent API across modules (move, resize, rotate); - Simplified support for new input types and devices; - Fewer bugs related to platform inconsistencies. ::: ng-component <custom-event-triggers</custom-event-triggers [height]=\"600\" ::: Unified Event Interface"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#5","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.13053,0.02652,-0.08574,0.0232,0.03408,0.03131,0.01739,0.05971,0.0717,0.02765,-0.03211,-0.04555,-0.06511,-0.02004,0.03346,-0.01307,-0.0412,0.01847,-0.04195,0.06309,-0.02792,-0.09113,-0.03994,-0.0404,-0.01642,0.02175,0.02338,-0.02837,0.05914,-0.07419,0.06503,0.10957,-0.02967,0.04041,-0.1269,0.08252,0.01149,-0.06149,-0.0723,-0.08088,0.04712,0.02737,-0.01659,-0.00351,-0.06775,-0.01059,-0.01166,0.04603,-0.047,0.0625,-0.0287,-0.05437,-0.04697,0.12971,-0.04102,0.03789,0.01526,-0.00003,0.00384,0.06522,-0.00076,-0.0064,-0.00162,0.06041,0.06466,-0.00327,-0.12726,0.03051,-0.01273,-0.05403,0.00082,-0.0503,0.06018,0.00266,0.017,-0.07674,-0.02775,0.06706,-0.01507,-0.04759,0.06893,0.05106,-0.01731,0.05707,-0.03301,0.12555,-0.02988,-0.05387,-0.06678,-0.02906,0.05825,0.06018,0.01047,0.0021,0.05691,-0.01457,-0.00278,-0.01981,-0.09416,0.03488,-0.00173,-0.08113,0.04805,0.05756,-0.06986,-0.07769,0.00394,-0.04244,-0.07788,-0.02113,-0.05034,0.04712,-0.00114,-0.07841,-0.0607,-0.00701,-0.04884,-0.03894,0.09496,0.02079,-0.04356,-0.00986,0.01347,-0.02415,0.06526,-0.03648,-0.02691,0,-0.03929,0.00926,-0.05982,-0.00927,0.044,-0.07012,0.07037,-0.11003,-0.01922,-0.00394,0.01326,0.02901,-0.01021,0.07,0.0218,-0.06783,-0.07417,0.02496,0.05378,0.0134,0.09447,-0.05521,-0.01183,0.04555,0.08412,0.09841,-0.01047,-0.00266,-0.05744,0.05596,0.02956,0.03413,-0.01759,-0.00356,-0.02618,0.01432,-0.04482,-0.06551,-0.01559,-0.01597,-0.02239,-0.07022,-0.12762,0.04369,-0.03448,-0.04564,-0.02513,-0.00533,0.03145,-0.00007,0.07176,0.01646,0.05169,0.02041,0.12579,-0.03864,-0.03049,0.04287,0.06243,0.03594,0.07437,0.04424,-0.06829,-0.04689,0.02091,0.07149,-0.02628,0.01673,0.07934,-0.07813,-0.08377,0.0564,0.05666,0.04685,0.06111,-0.01389,-0.06709,-0.03428,0.04851,0.00901,-0.04851,0.01337,-0.01052,0.05649,0.06485,-0.03586,0.01012,-0.061,-0.11473,-0.01085,0.0912,-0.00895,-0.00491,-0.01009,0.055,0,-0.03239,0.03147,-0.04937,0.06966,0.03617,-0.03022,0.03876,0.02746,0.06085,0.04005,-0.00095,0.08872,-0.03956,0.00091,0.03449,0.03315,-0.0652,-0.12988,0.00634,-0.08845,0.06724,-0.0339,0.0183,-0.00883,-0.10249,0.00034,-0.02228,0.05566,0.04897,-0.04566,-0.00298,-0.0062,-0.03194,-0.03158,-0.0044,-0.05027,-0.01924,0.07181,-0.00829,-0.10838,-0.01543,-0.02698,-0.01314,0.03138,-0.04886,0.02401,-0.08797,-0.00067,-0.00274,-0.01871,-0.0213,0.01799,-0.04536,-0.02457,-0.01085,0.05296,0.0676,0.03911,0.03492,0.0237,0.04056,-0.06828,-0.00336,0.01163,0.06486,0.03452,-0.00346,0.03928,0.01081,0.10792,0.04347,0.02025,-0.02136,-0.01527,0.07305,0.03382,0.10893,-0.02017,0.04132,0.00589,-0.04949,0.08682,-0.01208,0.04329,0.06275,0.05914,-0.08258,-0.08798,0.04733,0.01598,-0.03988,0.02838,0.02554,0.01415,-0.01592,0,-0.08578,0.00029,-0.02183,-0.04981,0.01906,0.02783,-0.02298,0.07123,0.03051,-0.05941,-0.00655,0.05954,0.00678,0.03936,0.0553,0.01785,0.0027,-0.00833,-0.01823,-0.10405,0.06613,0.05246,0.0481,0.06861,0.01757,0.00574,-0.01383,0.0057,0.00044,0.02114,-0.03411,0.08689,0.03887,0.07263,-0.03615,0.08554,-0.07374,0.00096,-0.07742,-0.03489,0.06511,-0.04672,0.00176,-0.03512,-0.04537,0.05261,-0.01745,-0.05522,-0.04268,-0.01184,-0.06171,0.02526,-0.11064,0.08581,0.01696,0.02022,-0.06511,-0.04176,0.08389,-0.00952,-0.09537,-0.00778,0.0248,0.04059],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🧩 Three-Layer Architecture Drag-and-drop in Foblex Flow is structured in layers:","excerpt":"🧩 Three-Layer Architecture Drag-and-drop in Foblex Flow is structured in layers:"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#6","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.11055,0.02195,-0.08681,0.04565,0.04985,0.0525,0.06795,0.08738,0.07395,0.03912,-0.04532,-0.01956,-0.0677,-0.00106,-0.00951,-0.02792,-0.0009,-0.00518,-0.07936,0.05775,0.00908,-0.08852,-0.03737,-0.02877,-0.04732,-0.00672,0.00516,-0.09358,0.03436,-0.07617,0.03979,0.07673,-0.01789,-0.00722,-0.15403,0.05184,0.05123,-0.0697,-0.06815,-0.06815,0.04338,0.0115,-0.01578,-0.02899,-0.09367,0.01975,0.01302,0.06887,-0.10743,0.09867,-0.00988,-0.00433,-0.0344,0.13843,0.03206,0.00046,0.04932,-0.01339,-0.01245,0.0581,-0.04399,-0.02683,-0.03754,0.01258,0.04424,-0.02962,-0.09961,-0.02887,0.03711,-0.06739,-0.00295,-0.05409,0.03652,0.01601,0.00793,-0.07752,-0.03376,0.11277,0.00794,-0.04893,0.09664,0.03594,0.02108,0.02466,-0.01944,0.10792,-0.04488,-0.00296,-0.02258,-0.01473,0.03316,0.10615,-0.0327,-0.00726,0.02237,0.01155,0.00972,-0.03974,-0.04613,0.04178,0.0055,-0.03742,0.03144,0.03328,-0.06928,-0.08646,0.01699,-0.07238,-0.07014,0.01198,-0.03576,0.00602,-0.00398,-0.05994,-0.05472,0.00046,-0.04308,-0.00631,0.06918,0.04244,-0.07384,0.03764,0.04426,-0.02459,0.10441,-0.01778,-0.08152,0,-0.03337,0.00298,-0.08071,-0.00723,0.00133,-0.04308,0.06523,-0.04813,0.03887,0.01962,0.01782,0.03231,0.00092,0.02936,0.02743,-0.10541,-0.04503,-0.01143,0.0326,-0.00223,0.08356,-0.0323,-0.01126,0.06535,0.10608,0.05497,-0.03297,0.02013,-0.01745,0.05425,0.01392,0.03816,-0.04476,-0.05153,-0.00135,0.02115,-0.06893,-0.06572,-0.03798,-0.01995,-0.00749,-0.06774,-0.12992,0.01387,-0.05179,-0.04703,-0.05607,-0.03899,0.05177,0.0083,0.03966,-0.018,0.07358,-0.01089,0.08482,-0.00889,-0.06016,0.04991,0.05466,0.05347,0.06667,0.02473,-0.02954,-0.05329,0.02071,0.02156,0.00816,0.01623,0.05464,-0.07322,-0.06663,0.03607,0.05984,0.02186,0.0523,0.00619,-0.00087,-0.03809,0.02854,-0.06765,0.00432,0.00233,0.04738,0.02752,0.05818,-0.06561,-0.02863,-0.049,-0.10407,-0.03473,0.06587,-0.00478,-0.01961,-0.01074,0.04292,0,0.01035,0.01461,-0.05309,0.08298,0.00472,-0.00862,0.00473,-0.01199,0.06319,-0.003,-0.04658,0.08455,-0.05278,0.00924,0.00841,0.00976,-0.04586,-0.12746,-0.01105,-0.07066,0.02589,-0.03132,0.01298,0.01135,-0.09098,0.00703,0.01043,0.02281,0.05409,-0.02023,-0.00026,-0.00468,-0.04422,-0.0251,-0.01757,-0.10072,0.01826,0.08494,0.00413,-0.08425,0.03034,0.03004,0.04649,0.00164,-0.0327,0.03371,-0.10572,-0.00284,0.03433,0.01374,-0.03468,0.00066,-0.065,0.05891,-0.02087,0.01167,0.13867,0.01682,-0.01895,0.06403,0.03264,-0.03456,-0.02973,-0.0077,0.06203,0.05873,-0.00042,0.00611,0.0731,0.13068,0.02369,-0.0209,0.01472,-0.02162,0.05098,0.07866,0.14125,-0.06416,0.00684,-0.01783,0.02462,0.07446,-0.00161,0.01404,0.02528,0.02828,-0.10502,-0.09336,0.06487,0.00976,-0.03445,-0.01074,0.01181,-0.00181,-0.00879,0,-0.09165,-0.00214,-0.04096,-0.01972,0.05659,0.02924,-0.03284,0.04379,0.02514,-0.07425,-0.0175,0.02155,0.02547,-0.00422,0.10551,0.01623,0.06068,0.00781,-0.04471,-0.02198,0.03973,0.01934,0.01756,0.04442,-0.00215,-0.03555,0.01469,0.01508,0.01922,0.00719,-0.04287,0.1181,0.03792,0.03525,-0.07933,0.0911,-0.0374,-0.02277,-0.03598,0.01441,0.10353,0.00837,-0.01669,-0.06165,-0.05492,0.01862,-0.01742,-0.04787,-0.01012,0.05016,-0.08793,0.10221,-0.05296,0.11343,-0.03073,0.04257,-0.04793,-0.03482,0.08596,-0.03066,-0.02562,-0.01984,0.05854,0.02239],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. - DragAndDropBase — a low-level class. It subscribes to the document, listens for mousedown / touchstart / pointer events, checks the movement threshold, and initiates a drag session. It also handles screen reader protection and synthetic event filtering. - FDraggableBase — an abstraction for Angular directives. It defines the contract: which events are available (fDragStarted, fDropToGroup, fCreateConnection, etc.) and which inputs are supported (fNodeMoveTrigger, fCellSizeWhileDragging). - FDraggableDirective — the actual directive applied to \\<f-flow. It connects the low-level drag engine to the Angular app, uses FMediator to dispatch all \\Request actions and emit corresponding \\Event outputs. Drag And Drop Base F Draggable Base f Drag Started f Drop To Group f Create Connection f Node Move Trigger f Cell Size While Dragging F Draggable Directive F Mediator","excerpt":"- DragAndDropBase — a low-level class. It subscribes to the document, listens for mousedown / touchstart / pointer events, checks the movement threshold, and initiates a drag session. It also handles screen reader protection and synthetic event filtering. - FDraggableBase — an abstraction for Angular directives. It defines the contract: which events are available (fDragStarted, fDropToGroup, fCreateConnection, etc.) and which inputs are supported (fNodeMoveTrigger, fCellSizeWhileDragging). - FDraggableDirective — the actual directive applied to \\<f-flow. It connects the low-level drag engine to the Angular app, uses FMediator to dispatch all \\Request actions and emit corresponding \\Event outputs."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#7","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.12237,0.04637,-0.06018,0.03429,0.06796,0.03078,0.01965,0.05921,0.08828,0.01604,-0.04389,-0.03252,-0.08185,-0.02582,0.0318,-0.01024,-0.02335,0.02037,-0.04029,0.06806,-0.03671,-0.10252,-0.04968,-0.03371,-0.02057,0.03459,0.0354,-0.02702,0.07305,-0.07072,0.07419,0.09046,-0.01068,0.03041,-0.16967,0.08378,0.02033,-0.06809,-0.08943,-0.09623,0.05204,0.02594,-0.01322,-0.00874,-0.06652,-0.02054,-0.02256,0.03001,-0.07154,0.07756,-0.02317,-0.05805,-0.03327,0.12204,-0.04037,0.03147,0.01745,-0.02001,0.00807,0.05432,-0.02324,-0.00094,-0.00833,0.0674,0.06733,-0.01843,-0.11892,0.03251,0.01148,-0.06837,0.01513,-0.04427,0.05906,0.01121,0.01154,-0.08961,-0.07013,0.05731,-0.01586,-0.00704,0.08841,0.04513,-0.01246,0.04699,-0.0263,0.13158,-0.01531,-0.03504,-0.07909,-0.03194,0.0452,0.05441,0.02366,0.01486,0.04718,0.01332,-0.00386,-0.02535,-0.0889,0.03611,0.00871,-0.0643,0.03054,0.03867,-0.07762,-0.07224,-0.00305,-0.04679,-0.07496,-0.02332,-0.04781,0.03489,-0.02506,-0.07987,-0.05632,-0.00761,-0.03987,-0.0209,0.06384,0.02568,-0.03465,0.01225,0.00794,-0.02121,0.09321,-0.03945,-0.01862,0,-0.02812,-0.00134,-0.07987,-0.00713,0.04933,-0.04253,0.06816,-0.1002,-0.00103,0.01303,0.03015,0.0431,-0.00391,0.04578,0.02922,-0.05728,-0.07397,0.03157,0.05826,0.01007,0.07288,-0.05671,-0.03145,0.06974,0.07188,0.0908,-0.0155,0.01036,-0.06602,0.04534,0.02765,0.03648,-0.02229,-0.01153,-0.00929,0.02745,-0.03812,-0.07025,-0.00903,-0.03466,-0.02689,-0.0759,-0.14164,0.05245,-0.04633,-0.04677,-0.03104,-0.02483,0.03181,-0.00835,0.05899,0.0167,0.08316,0.02532,0.11449,-0.02852,-0.02029,0.0348,0.04921,0.03374,0.08053,0.03657,-0.06913,-0.05296,0.00889,0.06253,-0.01546,-0.00115,0.07461,-0.07617,-0.08858,0.05683,0.05406,0.04853,0.05338,-0.00064,-0.05184,-0.01685,0.07269,0.01497,-0.02288,-0.00079,0.01632,0.07282,0.07355,-0.03554,-0.00965,-0.05516,-0.11062,0.00578,0.10908,-0.00659,0.0039,-0.01623,0.05618,0,-0.03041,0.02512,-0.05487,0.05915,0.02595,-0.02366,0.0337,0.02998,0.05516,0.04014,0.01226,0.08513,-0.03208,0.00306,0.02623,0.04638,-0.06578,-0.12171,0.0182,-0.09714,0.0563,-0.00651,0.01307,-0.02817,-0.10332,-0.00008,-0.00504,0.03145,0.06112,-0.04497,-0.0082,0.00316,-0.02945,-0.03826,-0.00139,-0.05319,-0.01509,0.0549,0.00771,-0.10869,-0.01528,-0.03341,-0.01624,0.02731,-0.0545,0.01672,-0.08463,0.00953,0.01691,-0.01415,-0.04333,0.03309,-0.04153,-0.03628,-0.01337,0.03782,0.04895,0.03185,0.0147,0.02436,0.03585,-0.0409,-0.02087,0.0121,0.06454,0.03923,-0.02999,0.01912,0.02388,0.09621,0.04389,0.01535,-0.02739,-0.02285,0.06656,0.04745,0.11348,-0.04885,0.03762,-0.00495,-0.03322,0.09559,0.00241,0.00355,0.06302,0.06399,-0.10116,-0.09858,0.03865,0.00792,-0.05138,0.03791,0.00611,0.01176,0.0048,0,-0.08582,0.00627,-0.02196,-0.06256,0.02345,0.02115,-0.02491,0.06535,0.02691,-0.0354,-0.00983,0.05285,0.00049,0.03005,0.0614,0.04382,0.01037,0.01079,-0.02498,-0.07929,0.09344,0.04749,0.03902,0.06166,0.00136,-0.00601,0.01086,0.04185,-0.0039,-0.00157,-0.0248,0.083,0.03275,0.07353,-0.03008,0.08106,-0.07495,-0.02084,-0.05936,-0.04844,0.07259,-0.0424,-0.00279,-0.01939,-0.05812,0.05383,-0.0151,-0.05152,-0.0232,0.0107,-0.06924,0.02125,-0.1123,0.07163,0.02673,0.0332,-0.057,-0.04031,0.07548,-0.01547,-0.07965,0.00353,0.03572,0.02491],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 📌 This layered structure cleanly separates concerns: - The base layer handles raw DOM interaction and events, - The Angular layer exposes them as declarative inputs and outputs, - The application receives well-structured events without worrying about platform-specific details.","excerpt":"📌 This layered structure cleanly separates concerns: - The base layer handles raw DOM interaction and events, - The Angular layer exposes them as declarative inputs and outputs, - The application receives well-structured events without worrying about platform-specific details."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#8","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.09544,-0.01446,-0.04589,0.03045,0.02649,0.02594,0.0686,0.05955,0.0746,0.04309,-0.02127,-0.02322,-0.06612,0.01115,0.01103,-0.02756,-0.01255,-0.05768,-0.04228,0.10515,-0.01474,-0.1147,-0.02413,-0.02173,-0.01169,-0.00333,0.01586,-0.0617,0.0792,-0.06681,0.01244,0.08963,-0.02061,-0.01674,-0.08395,0.08269,0.01726,-0.07144,-0.08107,-0.06156,0.06137,-0.00481,-0.019,0.00634,-0.07202,0.02641,0.00074,0.05046,-0.07421,0.07781,-0.03978,-0.01801,-0.00093,0.10837,-0.03188,0.05001,0.04772,0.00623,0.01866,0.05555,-0.08829,-0.05342,-0.01295,0.04768,0.05556,-0.00682,-0.10753,-0.04995,0.00356,-0.00232,0.00982,-0.05576,0.02228,0.04337,-0.01084,-0.08318,-0.06088,0.08811,-0.01325,-0.02043,0.04832,0.00856,0.00043,0.02702,-0.04699,0.10208,-0.00589,-0.03668,-0.02596,0.00236,0.03974,0.08937,-0.03757,0.01414,0.0054,-0.02602,-0.01311,-0.00947,-0.0566,0.01965,0.01447,-0.05313,0.05184,0.09422,-0.0675,-0.06424,0.02115,-0.07183,-0.08486,0.03217,-0.02485,0.02651,0.04392,-0.04975,-0.05252,0.03281,-0.07539,-0.02843,0.07446,0.02603,-0.003,-0.02509,0.00726,-0.06611,0.06417,-0.02037,-0.02606,0,-0.04076,-0.0386,-0.06581,-0.01176,0.02041,-0.03047,0.04447,-0.06364,-0.01921,-0.01438,0.04663,0.01129,-0.00988,0.02021,-0.00593,-0.08008,-0.03807,0.04884,0.02816,0.01381,0.12568,-0.11267,-0.02701,0.05047,0.03237,0.08974,-0.04692,0.01232,-0.01191,0.05828,-0.00923,0.05241,-0.03514,-0.04321,-0.02295,0.04452,-0.03848,-0.0607,0.02654,-0.03835,-0.04555,-0.04924,-0.10324,0.01402,-0.05062,-0.05084,-0.03341,-0.00143,-0.00796,0.01367,0.04439,0.01587,0.07912,0.01452,0.10361,-0.0434,-0.0173,0.02263,-0.00085,0.03382,0.06683,0.0353,-0.06574,-0.04369,0.04267,0.06674,-0.02406,0.05037,0.05496,-0.07675,-0.06936,0.06576,0.02154,0.00859,0.06642,-0.02553,0.00177,-0.013,0.03867,-0.03003,0.00599,-0.00775,0.02095,0.05664,0.05921,-0.07669,-0.02812,-0.03597,-0.17171,-0.01156,0.12519,-0.0236,0.01466,0.03603,0.02532,0,0.0113,0.02895,-0.05429,0.09692,0.03139,0.00537,0.03501,0.06663,0.04878,-0.02464,0.01837,0.08607,-0.06337,0.02401,0.01382,0.02021,-0.03261,-0.07885,0.00357,-0.09049,0.10009,-0.04768,-0.01694,0.01215,-0.0667,-0.02435,-0.00317,0.03288,0.0121,-0.04402,0.00871,-0.00269,-0.05815,-0.00776,0.01338,-0.10056,-0.04229,0.06596,0.01281,-0.06493,0.04284,0.01364,0.00526,0.02594,-0.02319,0.0078,-0.08952,-0.02483,-0.02291,-0.00295,-0.03316,0.03619,-0.03572,-0.02305,-0.02572,0.03784,0.08185,0.00094,-0.02407,-0.00735,0.0616,-0.01931,-0.02293,-0.01205,0.06507,0.0285,-0.01619,0.07993,0.08078,0.08639,0.05752,0.00535,0.00015,-0.02437,0.04096,0.04562,0.12969,-0.09737,0.02263,-0.00606,-0.04643,0.10353,0.01867,0.02823,0.03256,0.08595,-0.11469,-0.0799,0.04733,0.07964,-0.05522,-0.02598,0.02763,0.01877,-0.0274,0,-0.13441,0.01979,-0.02956,0.01317,0.08733,0.04893,-0.02278,0.05237,0.01014,-0.03991,0.00032,0.07033,0.06639,0.03616,0.06065,0.01766,0.03439,0.0013,-0.05479,-0.07288,0.02729,0.00712,0.06296,0.0858,-0.00166,-0.03959,-0.02935,0.05372,-0.00358,-0.04474,-0.04053,0.0835,0.03649,0.05678,-0.08012,0.10895,-0.09014,-0.01084,-0.03721,-0.056,0.05283,-0.02127,0.01466,-0.03023,-0.09359,0.03876,-0.02728,-0.02749,-0.02836,-0.02236,-0.06692,0.06821,-0.09392,0.09176,0.03646,0.02697,-0.07039,0.01948,0.07858,-0.02118,-0.04158,-0.01312,0.00386,0.02207],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🛠 Drag Session Lifecycle Every interaction in Foblex Flow follows a consistent scenario: - Initialization The user presses the mouse button or touches the screen. The directive checks the configured triggers to determine whether starting a move, resize, or connection is allowed at that moment. - Start Threshold A movement threshold (3 pixels by default) is intentionally applied to avoid triggering a drag from small cursor shakes. Only when this threshold is exceeded does the drag session officially begin. - Preparation","excerpt":"🛠 Drag Session Lifecycle Every interaction in Foblex Flow follows a consistent scenario: - Initialization The user presses the mouse button or touches the screen. The directive checks the configured triggers to determine whether starting a move, resize, or connection is allowed at that moment. - Start Threshold A movement threshold (3 pixels by default) is intentionally applied to avoid triggering a drag from small cursor shakes. Only when this threshold is exceeded does the drag session officially begin. - Preparation"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#9","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.10306,0.00461,-0.0744,0.05354,0.00448,0.06609,0.05947,0.05565,0.08375,0.05222,-0.01972,-0.01181,-0.04661,-0.01513,-0.01818,-0.00609,-0.04436,0.00676,-0.04599,0.08375,-0.0288,-0.10716,-0.01759,-0.04498,-0.02133,-0.00365,0.01632,-0.06104,0.08104,-0.04483,0.06657,0.10245,-0.04521,0.00912,-0.093,0.09632,-0.01384,-0.10537,-0.07514,-0.07552,0.09897,0.04092,-0.00968,-0.00395,-0.04397,0.04777,-0.01803,0.06477,-0.08051,0.09449,0.00264,-0.01284,0.00142,0.11333,-0.04069,0.01538,0.0223,-0.02966,0.0541,0.0413,-0.01439,-0.0371,-0.01267,0.02655,0.02223,-0.01929,-0.07964,-0.04644,0.0019,-0.03588,0.01018,-0.07462,0.0775,0.04453,0.00556,-0.07708,-0.04104,0.06388,-0.02955,-0.05875,0.09319,-0.01903,0.00608,0.03826,-0.02137,0.11448,-0.0674,-0.00806,-0.01519,0.00885,0.01682,0.08673,-0.06357,-0.03756,0.00571,-0.00349,-0.02104,0.02988,-0.05486,0.03336,0.01811,-0.04184,0.01523,0.05032,-0.07122,-0.09039,-0.01073,-0.09196,-0.06494,0.05073,-0.03843,0.07196,0.04934,-0.00608,-0.03752,0.01636,-0.02093,-0.01929,0.07423,0.03336,0.02429,0.00616,0.03986,-0.03615,0.05778,-0.06721,-0.00067,0,-0.03346,-0.05568,-0.02124,0.01467,0.00473,-0.029,0.05791,-0.07787,-0.00372,-0.0282,0.00884,0.03492,0.00652,0.01483,-0.01836,-0.05437,-0.04461,0.02732,0.03199,0.01115,0.10613,-0.057,-0.04535,0.04242,0.01997,0.04571,-0.02061,0.01863,-0.01412,0.0423,0.00407,0.03687,-0.068,0.00599,-0.00638,0.05567,-0.06362,-0.04648,-0.02039,-0.04088,-0.05107,-0.0375,-0.13837,0.01938,-0.06023,-0.07007,-0.05048,0.01821,0.02402,0.02974,0.05763,0.01892,0.0969,-0.01475,0.10792,-0.02245,-0.01929,0.03014,0.01212,0.03362,0.06217,0.02456,-0.07752,-0.08352,0.03286,0.06246,-0.04299,0.04948,0.04898,-0.08229,-0.03865,0.04852,0.01657,-0.00807,0.05061,-0.02555,-0.00129,-0.00138,0.00677,-0.00873,0.02378,-0.01051,0.03327,0.07542,0.086,-0.08894,-0.02702,-0.02792,-0.1652,-0.01588,0.12377,-0.02449,-0.00968,0.03058,0.03916,0,-0.01193,0.04026,-0.07262,0.12198,0.00461,-0.01109,0.00333,0.00758,0.03184,-0.03209,-0.01093,0.05269,-0.03852,0.02218,0.0313,0.0576,-0.05198,-0.10993,0.00698,-0.06718,0.07802,-0.00999,0.01976,0.01967,-0.0893,-0.02187,0.02131,0.03326,0.02066,0.00556,0.00135,-0.03581,-0.05453,-0.0038,0.01881,-0.09092,-0.04194,0.10912,0.01323,-0.0259,0.00454,-0.01214,-0.00534,0.0513,-0.02093,-0.00916,-0.07104,-0.0111,-0.00618,0.03598,-0.04853,0.04007,-0.06871,-0.01474,0.01545,0.01931,0.07836,-0.01229,-0.00021,-0.02796,0.0599,-0.02889,-0.01095,-0.01586,0.06568,0.05248,-0.01358,0.00505,0.0415,0.1166,0.0649,0.02711,-0.00242,-0.04663,0.04923,0.0559,0.13414,-0.08818,0.01122,-0.00199,-0.06791,0.08762,0.01945,0.01021,-0.0374,0.0839,-0.09079,-0.04367,0.0298,0.07876,-0.01169,-0.01035,0.01869,-0.00549,-0.01158,0,-0.14134,0.00691,-0.03425,-0.02238,0.04959,0.01846,-0.02299,0.04893,0.01423,-0.05156,0.05748,0.06322,0.08699,0.00269,0.06832,-0.01749,0.05354,-0.01159,-0.07725,-0.04384,0.04929,0.01767,0.04165,0.06044,0.00073,-0.02731,-0.03606,0.01457,-0.03293,-0.03424,-0.04458,0.05756,0.01153,0.02282,-0.13026,0.09466,-0.04899,-0.01187,-0.01236,-0.02634,0.0268,0.02174,-0.00911,-0.00811,-0.07947,0.05804,-0.0199,-0.0178,0.00552,-0.00148,-0.05879,0.02569,-0.08896,0.10005,0.0271,0.04878,-0.05512,-0.00775,0.10949,-0.01091,-0.12158,-0.02882,0.00214,0.01879],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. prepareDragSequence is invoked. This phase is triggered within mousemove/touchmove/pointermove, but only before the drag session actually starts. Plugins like NodeMove, Resize, Rotate, CanvasMove, DropToGroup, and others evaluate whether they should participate. If so, they create their own motion handler. - Movement Once at least one motion handler is registered, there’s no need to evaluate the rest — only one action is allowed per session (move, resize, or rotate). prepare Drag Sequence Node Move Canvas Move Drop To Group","excerpt":"prepareDragSequence is invoked. This phase is triggered within mousemove/touchmove/pointermove, but only before the drag session actually starts. Plugins like NodeMove, Resize, Rotate, CanvasMove, DropToGroup, and others evaluate whether they should participate. If so, they create their own motion handler. - Movement Once at least one motion handler is registered, there’s no need to evaluate the rest — only one action is allowed per session (move, resize, or rotate)."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#10","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.10167,0.01136,-0.03114,0.05743,0.03115,0.00433,0.06641,0.0312,0.08657,0.07347,-0.01018,0.01243,-0.09153,-0.00928,0.01058,-0.0081,-0.05438,-0.02682,-0.06644,0.04715,-0.0303,-0.09522,-0.02805,-0.04651,-0.0175,0.02489,0.00907,-0.08258,0.07302,-0.05055,0.01795,0.09358,-0.06128,-0.00171,-0.12479,0.09748,-0.01121,-0.07247,-0.06891,-0.0841,0.08783,0.04192,-0.01244,0.00496,-0.07988,0.01005,-0.02098,0.03928,-0.06292,0.07125,-0.02707,-0.02795,-0.0086,0.11158,-0.02447,0.0542,0.0402,0.00795,0.02666,0.07527,-0.03198,-0.02398,-0.03189,0.03213,0.09694,-0.0392,-0.06117,-0.01295,-0.01693,-0.03276,0.03369,-0.04997,0.03568,0.038,0.03265,-0.07062,-0.05999,0.08214,-0.00984,-0.02672,0.06615,0.01614,-0.0182,0.02539,-0.01118,0.11755,-0.05236,-0.04375,-0.024,-0.00454,0.02963,0.05115,-0.03131,0.01886,0.03095,-0.0007,0.02356,0.00815,-0.07576,0.02626,0.02481,-0.02791,0.03527,0.05708,-0.05164,-0.07904,-0.0043,-0.0929,-0.09166,0.0078,-0.04875,0.02195,-0.00374,-0.03349,-0.0722,0.00099,-0.02284,-0.03419,0.091,0.02287,-0.00267,-0.00281,0.01949,-0.027,0.05975,-0.0353,-0.02459,0,-0.03427,-0.0638,-0.07238,0.00926,0.02769,-0.03549,0.03313,-0.0749,-0.01228,-0.00104,0.00435,0.00563,-0.01529,0.06203,0.01049,-0.08281,-0.041,0.04685,-0.00174,0.04489,0.1124,-0.02513,-0.03428,0.0262,0.06482,0.09075,-0.05517,0.01258,-0.02416,0.04887,0.01118,0.03292,-0.03634,0.00616,-0.03219,0.06572,-0.00797,-0.08206,0.01129,-0.06771,-0.03452,-0.06058,-0.14787,0.03831,-0.0484,-0.07553,-0.05646,-0.0126,0.0159,0.02578,0.04617,0.01798,0.081,0.00135,0.07041,-0.03599,-0.04544,0.03321,0.02194,0.0662,0.088,0.05395,-0.07845,-0.04453,0.02521,0.07793,-0.01847,0.05304,0.11291,-0.0847,-0.07756,0.05922,0.03563,0.0328,0.09238,0.00188,-0.06655,-0.02746,0.04527,-0.04683,0.00807,-0.00248,-0.00718,0.05906,0.05187,-0.07729,-0.03306,-0.06561,-0.13284,-0.02475,0.10855,0.01935,0.0017,0.02642,0.04025,0,-0.02815,0.04448,-0.05798,0.08603,-0.02653,-0.04577,0.00858,-0.02293,0.04355,-0.00747,-0.02135,0.07041,-0.03616,0.04173,0.00869,0.04858,-0.04263,-0.11271,0.03157,-0.10453,0.08334,-0.01216,0.02198,-0.02223,-0.09295,-0.024,-0.01086,0.01408,0.04416,-0.03705,0.03708,-0.01761,-0.04959,-0.00988,0.01071,-0.0649,-0.04081,0.09021,0.03787,-0.09208,0.04357,-0.01957,0.00096,0.01836,-0.01947,0.00238,-0.10785,0.00053,0.00389,0.00257,-0.01827,0.03364,-0.04622,-0.02651,-0.03244,0.03598,0.09043,-0.00935,0.00035,-0.01237,0.02979,-0.02581,0.02031,0.00171,0.06471,0.03244,0.0127,0.01654,0.05493,0.08927,0.05251,0.06236,-0.02044,-0.03006,0.08934,0.08552,0.10954,-0.08996,0.03099,0.00394,-0.04493,0.07201,0.01795,0.03412,0.00402,0.07108,-0.11775,-0.03899,0.03509,0.04712,-0.02119,-0.0188,-0.01719,0.01969,-0.04053,0,-0.11789,0.0238,-0.06287,-0.02545,0.05779,0.01207,-0.02945,0.06526,0.03471,-0.05596,-0.00818,0.0466,0.0226,0.0117,0.07864,0.0314,0.03524,-0.01104,-0.04327,-0.04544,0.03704,0.00334,0.04518,0.07628,-0.00172,-0.03693,-0.04008,0.07303,-0.02644,-0.02683,-0.01115,0.09365,0.04637,0.08594,-0.05907,0.08794,-0.03325,-0.02048,-0.03606,-0.01531,0.05129,-0.04769,0.0157,-0.01428,-0.05637,0.04309,-0.02162,-0.01315,-0.03391,-0.0142,-0.05223,0.03744,-0.08865,0.07685,0.03105,-0.01133,-0.07608,0.01294,0.09647,-0.00172,-0.0815,-0.0036,0.01095,0.04967],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. The mousemove/touchmove/pointermove logic switches to passing delta movement data to the active handler instead of preparing new ones. - Completion On mouseup/touchup/pointerup, finalization handlers are called. The result is committed — a node is moved, a connection is created, or an item is dropped into a group. 👉 Each drag session has clearly defined boundaries. This makes behavior predictable and debugging significantly easier.","excerpt":"The mousemove/touchmove/pointermove logic switches to passing delta movement data to the active handler instead of preparing new ones. - Completion On mouseup/touchup/pointerup, finalization handlers are called. The result is committed — a node is moved, a connection is created, or an item is dropped into a group. 👉 Each drag session has clearly defined boundaries. This makes behavior predictable and debugging significantly easier."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#11","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.14419,-0.0079,-0.05442,0.05544,0.04451,0.07069,0.02873,0.06952,0.0802,0.05048,-0.04282,-0.00429,-0.06556,0.01089,0.04966,0.02338,-0.02028,0.00832,-0.06051,0.04613,-0.025,-0.14152,-0.062,-0.02012,-0.01551,0.01694,0.02049,-0.02383,0.04442,-0.04417,0.03233,0.07668,-0.04329,-0.00001,-0.14284,0.09118,0.0307,-0.04811,-0.08322,-0.0761,0.09575,0.01893,-0.00127,-0.03549,-0.07126,-0.034,0.025,0.01068,-0.05862,0.05911,0.00653,-0.06667,-0.00156,0.1004,0.00728,0.03576,0.05222,-0.04348,0.00962,0.00701,-0.02806,-0.00445,0.04472,0.04223,0.01902,-0.02258,-0.08082,0.0113,0.00092,-0.04629,-0.00322,-0.08089,0.04081,0.01056,0.01186,-0.06036,-0.01926,0.09186,-0.0321,-0.04016,0.12218,0.01619,0.00474,0.08417,-0.02624,0.13337,-0.00608,-0.06367,-0.05947,-0.03379,0.06461,0.04342,-0.00372,-0.06431,0.05008,-0.02554,-0.03205,-0.03144,-0.066,0.01989,0.00008,-0.04046,0.03606,-0.01644,-0.05875,-0.05914,-0.00915,-0.02716,-0.07563,0.02211,-0.04514,0.04346,0.02546,-0.05903,-0.04467,-0.01197,-0.04582,-0.04743,0.06321,0.04691,0.00297,0.02625,0.01252,-0.00711,0.10538,0.00929,-0.03471,0,-0.02,-0.03423,-0.03335,0.0033,0.02905,-0.07633,0.06322,-0.06892,-0.01172,-0.02058,0.05615,0.03352,-0.00982,0.04371,0.02091,-0.09468,-0.04036,-0.02437,0.04104,0.01116,0.05303,-0.0901,-0.03403,0.01148,0.07384,0.04805,-0.01265,0.01426,-0.04943,0.00846,-0.03036,0.03508,-0.00966,0.01834,-0.07249,0.03737,-0.06885,-0.07785,0.01913,-0.03017,-0.02133,-0.03855,-0.15152,0.04997,0.01577,0.00232,-0.02994,-0.01162,0.03606,0.00236,0.08253,0.03018,0.05018,0.03268,0.09239,-0.01665,-0.02669,0.01648,0.05667,0.00188,0.06573,0.0159,-0.06019,-0.04487,0.05225,0.06379,-0.01032,0.03608,0.03226,-0.06319,-0.06561,0.07876,-0.00863,0.0085,0.08148,-0.02318,-0.02683,-0.0552,0.08888,-0.01534,-0.00115,-0.03364,0.01141,0.04666,0.10405,-0.07526,0.00178,-0.02654,-0.13443,-0.04481,0.13077,0.03283,-0.03917,0.00743,0.03396,0,-0.01174,0.03125,-0.01949,0.10834,0.03453,-0.00867,0.00682,-0.01654,0.05132,-0.0066,-0.02499,0.06912,-0.02419,-0.00018,0.00707,0.05242,-0.12262,-0.10323,-0.00252,-0.07541,0.08396,-0.01316,0.00784,-0.03799,-0.11725,-0.0078,-0.03036,0.03861,0.03277,-0.02959,-0.00849,-0.01136,-0.05801,-0.0473,-0.00236,-0.0512,-0.04985,0.1023,-0.01494,-0.05117,-0.03077,-0.03952,0.00281,0.00857,-0.01528,0.01931,-0.12445,-0.00622,-0.00687,0.00823,-0.0481,0.03041,-0.04972,0.01168,0.00684,0.01514,0.10983,0.00386,-0.00342,0.01699,0.02383,-0.02241,-0.02251,-0.00995,0.03811,0.04301,0.00633,-0.03578,0.02149,0.09497,0.04708,0.02053,-0.01718,-0.04366,0.05379,0.06072,0.13361,-0.0426,0.02756,-0.01151,-0.05205,0.08081,0.0207,-0.01298,-0.02629,0.06994,-0.08451,-0.07793,0.06415,0.00355,-0.05886,0.02776,0.0193,-0.00913,-0.02609,0,-0.11625,0.02523,-0.00778,-0.01643,0.03958,0.01134,-0.00067,0.0698,0.04968,-0.03008,-0.00543,0.07851,0.03468,0.04814,0.07803,0.03861,0.0397,0.01662,-0.01913,-0.02801,0.0446,0.07068,0.03922,0.09522,-0.03608,-0.02932,-0.00298,0.03916,0.00976,0.01381,-0.02537,0.07192,0.03331,0.08361,-0.06663,0.05858,-0.07991,-0.01144,-0.06064,0.00103,0.06754,-0.00598,-0.04145,-0.0516,-0.03705,0.02656,-0.02362,-0.06448,-0.04225,0.02646,-0.03942,0.03856,-0.10547,0.0871,0.02731,0.04024,-0.04687,0.01955,0.07281,-0.00028,-0.09795,-0.04265,0.03878,0.05349],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🔌 Plugin System Dragging isn’t just about “moving a node.” In real-world applications, the use cases are far more diverse: - resizing elements, - rotating, - creating connections, - reattaching connections, - moving the canvas, - dropping external items (e.g., from a palette). Instead of hardcoding all of this into the core, we built a before/after plugin architecture: Plugins can subscribe to lifecycle hooks like onPointerDown, prepareDragSequence, and onPointerUp. This allows extending the functionality without touching the core logic. 📌 Example: you can add a hover highlight effect using a separate plugin — no need to modify the base code. on Pointer Down prepare Drag Sequence on Pointer Up","excerpt":"🔌 Plugin System Dragging isn’t just about “moving a node.” In real-world applications, the use cases are far more diverse: - resizing elements, - rotating, - creating connections, - reattaching connections, - moving the canvas, - dropping external items (e.g., from a palette). Instead of hardcoding all of this into the core, we built a before/after plugin architecture: Plugins can subscribe to lifecycle hooks like onPointerDown, prepareDragSequence, and onPointerUp. This allows extending the functionality without touching the core logic. 📌 Example: you can add a hover highlight effect using a separate plugin — no need to modify the base code."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#12","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.06493,0.01496,-0.08765,0.06461,0.09669,0.00445,-0.00709,0.0521,0.06714,0.07092,-0.04745,0.00413,-0.05555,-0.02911,0.06237,0.00643,-0.0049,-0.03998,-0.00842,0.04023,-0.01852,-0.07664,0.00596,-0.02338,-0.01721,0.01799,-0.04039,-0.04002,0.06754,-0.03266,0.02234,0.0758,-0.06331,0.02518,-0.14118,0.02259,0.06727,-0.03335,-0.11314,-0.05954,0.06111,0.03577,0.01428,0.00307,-0.06458,-0.01198,-0.0385,0.04239,-0.06713,0.08666,-0.03272,-0.06971,-0.04793,0.10129,-0.01277,0.00515,0.0477,-0.0258,0.03725,0.04526,-0.05502,-0.04812,-0.03498,0.04247,0.04947,0.09348,-0.08836,-0.07817,-0.00122,-0.04188,-0.00865,-0.05543,0.06685,0.01369,-0.00842,-0.01023,-0.04498,0.05597,-0.007,-0.05882,0.0852,0.05024,-0.01875,0.05319,0.02349,0.08634,-0.04093,-0.03557,0.00631,0.02073,0.01044,-0.00245,0.05213,-0.00784,0.00124,-0.01297,-0.00916,0.00422,-0.07978,0.02182,0.04947,-0.04511,0.02575,0.04943,-0.04793,-0.04619,0.03432,-0.05382,-0.08225,0.01313,-0.03863,0.05926,0.00593,-0.07881,-0.08239,0.01385,-0.04454,-0.03716,0.08054,0.04625,-0.03439,-0.01106,-0.04508,0.00644,0.12386,0.02492,-0.04893,0,-0.00571,0.01519,-0.02192,-0.02877,0.03061,-0.03901,0.0349,-0.10832,-0.02325,-0.00962,0.04258,0.06025,0.00661,0.00695,0.09486,-0.06737,-0.03332,0.05138,0.03545,0.03622,0.04601,-0.07404,-0.05036,0.03513,0.05571,0.11748,-0.04623,0.04376,-0.03715,0.05673,-0.01461,0.01516,-0.05294,0.00686,-0.05112,-0.00173,-0.06366,-0.06983,-0.00368,-0.02627,-0.05173,-0.07022,-0.11141,0.03202,-0.00073,-0.08704,-0.1019,0.00436,0.01895,-0.00961,0.056,0.0431,0.02356,0.01671,0.06591,-0.03163,-0.04601,0.02847,0.05743,0.05014,0.02474,0.0045,-0.04221,-0.01725,0.03219,0.03274,0.02401,0.01014,0.01493,-0.05303,-0.03659,0.04467,0.03788,0.02196,0.0314,-0.03161,-0.00289,-0.01165,0.06178,-0.02629,0.00469,-0.0022,-0.0059,0.06857,0.08962,-0.06029,-0.02215,-0.05788,-0.16142,0.01886,0.11015,0.0462,0.03571,0.03808,-0.016,0,-0.01899,-0.00422,-0.0107,0.10173,-0.06124,0.01703,0.00691,-0.01543,0.04275,-0.01561,0.01141,0.05377,-0.01436,0.01175,-0.01142,0.06503,-0.03327,-0.09843,0.00411,-0.06784,0.08875,-0.0348,0.02135,0.0408,-0.12067,-0.00088,0.00815,0.04257,-0.03404,-0.07454,-0.00895,0.07806,-0.05097,-0.03857,0.03109,-0.0525,-0.02803,0.11408,0.00415,-0.0086,0.01639,0.024,-0.00447,0.03691,-0.03292,0.06598,-0.0838,0.04754,-0.01057,0.00701,-0.04849,-0.00643,-0.06211,-0.00084,-0.04868,0.02805,0.02426,-0.0228,-0.04454,0.054,0.0731,-0.04481,-0.01485,0.02916,0.07121,0.00083,0.03831,0.02896,0.02652,0.09663,0.07623,0.02989,-0.03976,-0.08543,0.07472,0.10127,0.14337,-0.07819,-0.05933,0.03036,-0.01497,0.11639,-0.01669,-0.06223,0.00231,0.12195,-0.07694,-0.01154,0.05228,0.02377,-0.09331,0.03626,-0.01159,-0.03774,0.00485,0,-0.07951,0.07182,-0.04738,-0.02512,0.02679,0.02527,-0.01866,0.05286,0.00621,-0.02889,-0.00829,-0.01965,-0.00412,0.03323,0.05339,0.00015,0.04379,0.02958,-0.03588,-0.05603,0.06449,0.01578,0.06002,0.07158,-0.0204,-0.02255,0.01621,0.03431,0.04401,0.01833,-0.05221,0.05383,-0.02336,0.06964,-0.08574,0.03524,-0.03008,-0.00101,-0.02412,-0.04013,0.07147,-0.01946,-0.08286,-0.02663,-0.15657,0.05052,0.04812,-0.01282,-0.02607,0.00641,-0.01391,-0.03478,-0.05011,0.07538,0.01529,0.03244,-0.02317,-0.04295,0.09181,-0.00541,-0.01632,-0.1007,-0.04711,0.04303],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🧠 Architectural Decisions 1. Zoneless Approach All drag events are handled inside ngZone.runOutsideAngular, which prevents unnecessary Angular change detection cycles. This results in high performance, even with hundreds of active nodes. 2. OS-aware Triggers On macOS, multi-selection uses metaKey; on Windows and Linux — ctrlKey. This behavior is built into the fMultiSelectTrigger directive and delivers familiar UX across all platforms — right out of the box. 3. SSR Compatibility We never access window or document directly. ng Zone run Outside Angular mac OS meta Key ctrl Key f Multi Select Trigger","excerpt":"🧠 Architectural Decisions 1. Zoneless Approach All drag events are handled inside ngZone.runOutsideAngular, which prevents unnecessary Angular change detection cycles. This results in high performance, even with hundreds of active nodes. 2. OS-aware Triggers On macOS, multi-selection uses metaKey; on Windows and Linux — ctrlKey. This behavior is built into the fMultiSelectTrigger directive and delivers familiar UX across all platforms — right out of the box. 3. SSR Compatibility We never access window or document directly."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#13","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.13307,0.0108,-0.04671,0.05628,0.06569,0.05987,0.00163,0.06543,0.04904,0.08467,-0.02404,0.01627,-0.04705,-0.02946,0.03253,-0.00149,-0.01306,-0.04108,-0.07226,0.06119,-0.05417,-0.10981,-0.02237,-0.00747,-0.01462,-0.01543,-0.01377,-0.0497,0.06157,-0.08237,-0.00888,0.05234,-0.06789,0.00561,-0.15147,0.10734,0.00976,-0.05246,-0.06324,-0.08466,0.03257,0.00912,-0.02721,-0.02467,-0.0544,-0.01525,0.00885,0.0415,-0.07776,0.08466,-0.06568,-0.02035,-0.0121,0.08653,-0.03972,-0.01912,0.04627,0.01331,0.03614,0.0838,0.00416,-0.02536,-0.00543,0.03799,0.03837,0.0333,-0.11726,-0.03758,-0.03141,-0.05118,0.01934,-0.07734,0.03831,0.03945,-0.0023,-0.05623,-0.08098,0.06701,-0.00858,0.01644,0.08083,0.02267,-0.01163,0.06724,-0.02224,0.16064,-0.02029,-0.00467,0.0001,-0.04006,0.0732,0.03234,0.03068,0.01267,0.06473,-0.01522,0.00363,-0.02458,-0.10549,0.03497,0.01662,-0.06624,0.01941,0.07331,-0.02628,-0.05873,0.05429,-0.1007,-0.05431,0.0162,-0.02572,0.07617,-0.04319,-0.03628,-0.10201,-0.02239,-0.04891,-0.05322,0.03482,0.02477,-0.02902,0.00973,0.02872,-0.00733,0.11094,-0.01658,-0.01479,0,-0.01439,0.01609,-0.05092,-0.0129,0.07011,-0.07092,0.022,-0.0661,-0.03249,-0.04538,0.08439,0.02493,0.01275,0.02037,0.0447,-0.04063,-0.0202,0.0407,0.05371,-0.00343,0.06231,-0.09762,-0.04513,0.06274,0.05052,0.1029,-0.03718,0.01463,0.01158,0.04771,-0.00538,0.01905,-0.05069,-0.00506,-0.03372,0.01508,-0.07245,-0.08012,-0.00027,-0.04517,-0.03142,-0.06281,-0.1162,0.05692,-0.01363,-0.06584,-0.00408,0.01257,0.00684,-0.01005,0.02851,0.05125,0.04365,0.01398,0.08759,-0.03243,-0.00754,0.03007,0.06088,0.03201,0.06419,0.01107,-0.01142,-0.0537,0.04097,-0.00148,-0.0042,0.00674,0.06164,-0.05433,-0.06203,0.00362,0.00193,0.05947,0.02182,-0.01976,-0.04543,-0.05097,0.09716,-0.04641,0.00843,-0.0042,0.03988,0.05189,0.07085,-0.11688,-0.02731,-0.02481,-0.09658,-0.02844,0.13018,0.0184,0.00059,0.03393,0.05115,0,-0.04342,-0.00875,-0.01474,0.11453,-0.01307,-0.02957,-0.001,0.01589,0.08029,0.02639,0.00152,0.05314,-0.04739,0.03444,-0.01077,0.02056,-0.07358,-0.10904,0.02894,-0.09084,0.09818,-0.02448,0.03285,0.05604,-0.09673,0.00728,-0.03794,0.03277,-0.01317,-0.06669,-0.01871,0.02303,-0.05437,-0.03531,0.02788,-0.07327,-0.04692,0.14324,-0.01422,-0.05539,0.01025,0.01752,0.00582,0.03315,-0.02504,-0.00019,-0.06619,0.0104,0.01407,0.00521,-0.00276,-0.00172,-0.00082,-0.03587,-0.01385,0.03461,0.07483,0.00138,-0.03653,0.00476,0.05494,-0.04732,0.00353,0.02501,0.06241,0.03197,-0.01058,0.02762,0.04799,0.08197,0.06831,-0.00646,-0.00568,-0.05547,0.07694,0.05468,0.14085,-0.08569,0.02498,-0.00595,-0.01516,0.07201,0.0103,-0.01712,-0.03722,0.07149,-0.06584,-0.06471,0.02647,0.03872,-0.08756,0.03185,-0.00709,0.00766,-0.02011,0,-0.09591,0.05648,-0.05128,-0.0125,0.0285,-0.0017,-0.02396,0.04047,0.05138,-0.01295,-0.02875,0.01038,0.022,0.02526,0.06903,0.01443,0.01314,0.03008,-0.04233,-0.05002,0.08561,0.03648,0.1011,0.0535,-0.00537,-0.02436,-0.00455,0.04599,0.00781,0.04802,-0.0533,0.05123,0.04734,0.07655,-0.0816,0.06391,-0.05814,-0.01216,-0.02055,-0.00405,0.09529,-0.02456,-0.03561,-0.0429,-0.11006,0.04236,0.02275,-0.03451,-0.00079,0.00994,-0.0422,-0.00869,-0.07323,0.07695,-0.00331,0.03407,-0.03229,-0.01577,0.10039,-0.01136,-0.0547,-0.04409,0.02718,0.01577],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. All platform APIs are accessed through BrowserService, which can be replaced with a mock on the server. This makes drag-and-drop work even in Angular Universal, without crashes or runtime errors. 4. Configurable Behavior Any drag-and-drop behavior can be finely tuned using triggers. For example: In this case, nodes will only move when the Shift key is held. This gives developers full control over editor behavior. 5. Assistive Technology Protection AP Is Browser Service","excerpt":"All platform APIs are accessed through BrowserService, which can be replaced with a mock on the server. This makes drag-and-drop work even in Angular Universal, without crashes or runtime errors. 4. Configurable Behavior Any drag-and-drop behavior can be finely tuned using triggers. For example: In this case, nodes will only move when the Shift key is held. This gives developers full control over editor behavior. 5. Assistive Technology Protection"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#14","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.12197,0.04309,-0.07166,0.04203,0.06895,0.02021,0.05838,0.03766,0.07057,0.03679,-0.03082,-0.00983,-0.05926,0.00615,0.00503,-0.03384,0.00666,-0.02016,-0.03809,0.08148,-0.05673,-0.11678,-0.01309,-0.02687,-0.041,-0.02187,0.01701,-0.05845,0.05567,-0.07681,0.02171,0.08532,-0.04689,0.00796,-0.14008,0.0524,0.02385,-0.05982,-0.08872,-0.10477,0.01105,-0.00421,-0.00923,0.00378,-0.07335,-0.01691,-0.00413,0.0556,-0.04221,0.08653,-0.02519,-0.02459,-0.01674,0.09762,-0.04892,0.02516,0.04245,-0.0127,0.01924,0.08954,-0.02697,-0.00964,-0.01419,0.05441,0.03845,0.03515,-0.10684,0.0039,-0.02133,-0.04477,0.01479,-0.05025,0.06866,0.00417,0.006,-0.08263,-0.0826,0.03602,-0.01442,-0.01479,0.06746,0.02923,-0.02892,0.07578,-0.02685,0.14264,-0.03959,-0.01398,-0.04192,-0.03922,0.0492,0.05657,0.01232,0.00263,0.03272,-0.01445,-0.01556,-0.01912,-0.08252,0.04681,0.01442,-0.05144,0.04408,0.06877,-0.0285,-0.06196,0.02816,-0.08068,-0.06937,0.01401,-0.02981,0.042,0.01135,-0.02856,-0.06885,0.00775,-0.04605,-0.03763,0.09228,0.02678,-0.00813,0.00642,0.02078,-0.04777,0.11248,-0.05008,-0.02479,0,-0.02609,0.00974,-0.05783,-0.00722,0.06133,-0.06717,0.04152,-0.09695,-0.0219,-0.03217,0.03448,0.04132,0.0089,0.02699,0.03795,-0.05671,-0.05894,0.05454,0.04508,-0.00598,0.06999,-0.13019,-0.02528,0.04904,0.05846,0.10258,-0.0362,0.02206,0.01194,0.05657,-0.00208,0.04517,-0.00899,-0.00643,-0.03149,-0.00518,-0.05536,-0.07843,0.01466,-0.03931,-0.02784,-0.07448,-0.13023,0.03266,-0.04846,-0.02955,-0.00747,0.01699,0.00604,-0.00285,0.04275,0.03957,0.0343,0.01753,0.07048,-0.06658,-0.02475,0.02897,0.05185,0.03269,0.06171,0.03562,-0.0599,-0.06159,0.00191,0.0346,-0.03909,0.03874,0.06619,-0.09138,-0.09942,0.03483,0.04557,0.04761,0.03821,-0.01981,-0.05295,-0.02307,0.07492,-0.01207,-0.00064,-0.02132,0.01678,0.05936,0.05739,-0.0967,-0.01758,-0.06511,-0.16297,-0.01033,0.08969,0.01963,0.00636,0.01023,0.04124,0,-0.03591,0.00833,-0.0306,0.06853,0.01405,-0.02205,0.03769,0.00833,0.07596,0.01509,-0.0053,0.08406,-0.02267,0.03417,0.01499,0.03436,-0.05341,-0.10613,-0.01044,-0.0552,0.10514,-0.01139,0.00912,0.00752,-0.08588,0.01055,-0.01557,0.01459,0.02436,-0.03912,-0.01334,0.01008,-0.04224,-0.05278,0.03418,-0.07572,-0.00986,0.09948,-0.02629,-0.07401,0.02014,0.00537,-0.01074,0.02903,-0.02948,0.03455,-0.09254,0.00862,-0.03268,-0.01119,-0.02918,0.01838,-0.03807,-0.05163,-0.01383,0.03987,0.08334,0.02117,0.0188,0.01712,0.06885,-0.06335,-0.04024,0.01142,0.07106,0.04974,-0.00494,0.04418,0.06753,0.11184,0.06406,-0.00234,-0.00442,-0.02655,0.08294,0.06444,0.14348,-0.07866,0.01796,0.00552,-0.03775,0.07823,0.01401,0.00819,0.04096,0.05319,-0.10343,-0.08938,0.01672,0.04829,-0.08211,0.0402,-0.00981,0.01695,-0.0179,0,-0.09741,0.01602,-0.02588,-0.02524,0.02761,0.00724,-0.02541,0.03585,0.02545,-0.04929,0.00761,0.02457,0.04274,0.05269,0.07305,0.03253,0.01802,0.01185,-0.06158,-0.05279,0.08248,0.04602,0.06048,0.08395,-0.01145,-0.02098,-0.03943,0.0146,0.00717,0.01457,-0.03714,0.0873,0.02317,0.06823,-0.05425,0.12401,-0.06572,-0.02211,-0.03291,-0.01254,0.06936,-0.05098,-0.0344,-0.02973,-0.06129,0.05279,0.02814,-0.04205,-0.04201,-0.00255,-0.0677,-0.00264,-0.06728,0.07514,0.0253,0.01519,-0.04513,-0.01319,0.08683,0.00358,-0.04992,-0.01364,0.0169,0.02526],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. We’ve implemented checks to prevent drag sessions from being triggered by screen readers or other assistive technologies. This is important for accessibility and ensures that interaction remains intentional. Architectural Decisions","excerpt":"We’ve implemented checks to prevent drag sessions from being triggered by screen readers or other assistive technologies. This is important for accessibility and ensures that interaction remains intentional. Architectural Decisions"},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#15","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.09759,0.04779,0.00955,0.10238,0.11014,0.02437,0.08224,0.03393,0.12463,0.03931,-0.02099,0.0081,-0.06591,-0.01252,0.00286,-0.00474,0.01096,-0.03836,-0.05499,0.07868,-0.05062,-0.14412,0.02252,-0.019,0.00003,0.01548,0.01513,-0.05582,0.05199,-0.06936,-0.01294,0.09044,-0.02128,-0.04775,-0.16188,0.02141,0.01778,-0.03018,-0.07636,-0.068,0.05727,-0.00075,-0.00465,-0.00002,-0.09063,-0.00055,0.01105,0.04087,-0.04928,0.09475,-0.01884,-0.00428,0.01279,0.06075,-0.03089,0.01432,0.02827,-0.00458,0.00359,0.05168,-0.05266,-0.0127,-0.03036,0.03519,0.07744,0.0244,-0.07112,-0.04039,-0.01293,0.0154,0.04829,-0.0393,0.03265,0.05404,0.03704,-0.04235,-0.07704,0.0486,-0.00982,0.02786,0.10033,0.01187,-0.01888,0.06024,-0.01369,0.13258,-0.00765,-0.04302,-0.05347,-0.03588,0.01785,0.00601,0.06021,0.0283,0.00693,0.00258,-0.04403,-0.00568,-0.08445,-0.00053,0.04694,-0.04458,0.02445,0.08227,-0.09257,-0.06252,0.01813,-0.10964,-0.08769,0.02943,-0.01771,0.01385,-0.0082,-0.0271,-0.08332,0.03501,-0.03777,-0.00722,0.08587,0.00635,-0.00965,0.01846,0.04125,-0.05699,0.09701,-0.04047,-0.03852,0,-0.02721,-0.00963,-0.07592,-0.03542,0.04121,-0.03687,0.00939,-0.09289,0.02221,-0.0046,0.05272,-0.01079,0.01235,0.02002,0.05316,-0.07612,-0.05146,0.03091,0.03745,-0.00628,0.05593,-0.06259,-0.05017,0.02047,0.03538,0.09346,-0.05559,0.00805,-0.00402,0.0533,-0.04876,0.06006,-0.0236,-0.02442,-0.0285,0.06109,-0.05281,-0.09981,0.04987,-0.01607,-0.05352,-0.0686,-0.10628,0.02528,-0.02816,-0.03019,-0.03908,-0.0041,-0.0093,-0.01474,0.01937,0.0327,0.08536,0.03477,0.0779,-0.02777,-0.00888,0.01461,0.01745,0.06114,0.05217,0.02758,-0.03577,-0.05958,0.00293,0.0261,-0.0149,-0.00217,0.04301,-0.08365,-0.05019,0.02762,0.03789,0.00418,0.05827,-0.04242,-0.00789,-0.02127,0.08412,-0.03922,-0.00913,-0.05691,0.04063,0.01793,0.07043,-0.10125,-0.02151,-0.04278,-0.13909,-0.01791,0.11218,0.02155,-0.00753,0.01345,0.00981,0,-0.0316,0.02314,-0.03362,0.10811,-0.02003,-0.00255,0.02484,0.03546,0.0371,-0.04403,0.02969,0.08937,-0.05258,0.0269,0.02682,0.06152,-0.02021,-0.07317,0.01785,-0.10531,0.12967,-0.02644,-0.01349,0.03309,-0.10978,-0.03096,-0.00021,0.00967,0.03389,-0.07175,-0.00348,0.05804,-0.05182,-0.04677,0.02571,-0.05679,-0.00736,0.10043,0.00084,-0.06205,0.005,0.00768,-0.00192,0.00773,-0.03525,0.01567,-0.09796,-0.0202,0.05278,0.0359,-0.0308,0.01002,-0.04283,-0.03342,-0.03533,-0.02404,0.04853,-0.01608,0.01747,0.04916,0.04904,-0.02463,-0.01248,-0.00523,0.07905,0.04509,-0.01005,0.08145,0.07723,0.07675,0.03523,0.02026,-0.01867,-0.03236,0.0331,0.07704,0.13876,-0.04579,0.02327,-0.02826,0.00855,0.0946,-0.0061,-0.02136,-0.00011,0.10282,-0.12487,-0.05414,0.01975,0.02899,-0.0631,-0.00291,-0.01491,0.01776,-0.00396,0,-0.11181,0.00954,-0.04786,-0.02407,0.05534,0.01306,-0.06765,0.04079,-0.00223,-0.07778,-0.01534,0.03759,0.0284,0.03597,0.08831,0.04773,0.00823,0.03049,-0.03846,-0.05641,0.07998,0.0453,0.03539,0.05171,-0.02568,-0.03,-0.05881,0.04445,0.01973,-0.00555,-0.04473,0.066,0.00382,0.05793,-0.07338,0.08734,-0.03549,-0.08581,-0.02539,-0.02761,0.0718,-0.04432,-0.00232,-0.0201,-0.08698,0.02859,0.01494,-0.04771,-0.03478,0.00184,-0.05861,0.04165,-0.05824,0.06952,0.05094,-0.00914,-0.0576,0.03051,0.08406,-0.00149,-0.00303,-0.01853,-0.01019,0.05564],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🔍 UX Nuances We’ve paid close attention to subtle details that directly affect the user experience: - Synthetic Event Suppression After a touchstart, browsers often fire a fake mousedown. To avoid double triggers, we introduced a MOUSEEVENTIGNORETIME = 800ms threshold during which such events are ignored. - Text Selection Prevention During a drag session, the selectstart event is suppressed. This prevents the user from accidentally selecting text while trying to drag an element — leading to a cleaner, more intuitive experience.","excerpt":"🔍 UX Nuances We’ve paid close attention to subtle details that directly affect the user experience: - Synthetic Event Suppression After a touchstart, browsers often fire a fake mousedown. To avoid double triggers, we introduced a MOUSEEVENTIGNORETIME = 800ms threshold during which such events are ignored. - Text Selection Prevention During a drag session, the selectstart event is suppressed. This prevents the user from accidentally selecting text while trying to drag an element — leading to a cleaner, more intuitive experience."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#16","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.12419,0.0201,-0.08715,0.07766,0.06251,0.06316,0.00787,0.07005,0.06781,0.03334,-0.06902,0.00393,-0.04708,-0.0068,0.02633,0.01787,-0.008,-0.00211,-0.05279,0.03849,-0.02156,-0.09916,-0.01777,-0.02879,-0.01124,0.03674,0.02083,-0.05363,0.05407,-0.06506,0.02532,0.06479,-0.04497,-0.00296,-0.15581,0.04379,0.01941,-0.02884,-0.08411,-0.09864,0.04542,0.00077,-0.01064,-0.01463,-0.06501,-0.03013,-0.03603,0.04761,-0.06985,0.07804,-0.0368,-0.07269,-0.0528,0.13739,-0.03607,0.01386,0.01077,-0.04988,-0.00024,0.04232,-0.02636,-0.02406,-0.0022,0.04558,0.03746,0.0368,-0.10609,0.03115,-0.00347,-0.04748,0.00107,-0.03496,0.04921,0.02548,-0.00887,-0.05656,-0.07163,0.05623,-0.00757,-0.00666,0.09549,0.03646,-0.02496,0.08147,-0.00332,0.12821,-0.00338,-0.02042,-0.04373,-0.05594,0.04864,0.03658,0.06451,0.009,0.01353,-0.01238,-0.03042,-0.03992,-0.05122,0.03813,0.02143,-0.05704,0.02923,0.06546,-0.06819,-0.07224,0.02834,-0.06039,-0.06772,-0.00146,-0.03149,0.02299,-0.01741,-0.07597,-0.07888,0.00846,-0.04798,-0.03682,0.05931,0.02208,-0.0351,0.026,-0.00543,0.00253,0.13912,0.0048,-0.02855,0,-0.04914,0.02745,-0.05484,0.0037,0.04194,-0.0281,0.02117,-0.08782,-0.02183,-0.00249,0.03723,0.0609,0.00345,0.03619,0.06156,-0.08642,-0.05025,0.07049,0.04402,-0.00003,0.04061,-0.08028,-0.02465,0.04875,0.06939,0.08473,-0.02243,0.03395,-0.04893,0.03048,0.02293,0.02223,-0.03922,0.02022,-0.02499,0.03003,-0.07396,-0.07685,0.02186,0.00884,-0.02642,-0.05951,-0.11367,0.03364,-0.01391,-0.03231,-0.05015,0.00658,-0.00437,-0.02976,0.04912,0.02704,0.03383,0.02832,0.0947,-0.04194,-0.02954,0.04159,0.05354,0.05352,0.06555,0.02353,-0.05998,-0.0741,0.00736,0.02166,-0.00793,0.01661,0.07683,-0.08795,-0.04429,0.0452,0.05186,0.01978,0.05055,-0.01888,-0.04245,-0.00692,0.07359,-0.01228,-0.02702,-0.04735,0.03098,0.07146,0.09539,-0.08454,-0.03036,-0.05067,-0.15007,-0.00373,0.08785,0.02705,0.02536,0.02099,0.05699,0,-0.02133,0.04986,-0.01285,0.098,0.03034,0.0009,0.03015,0.01172,0.07996,0.00461,-0.00841,0.09883,0.00117,0.01552,-0.00495,0.07058,-0.0538,-0.10495,0.0024,-0.10238,0.08668,-0.02048,0.00462,0.00145,-0.09807,0.018,0.00476,0.02898,0.03005,-0.04049,-0.02086,0.02205,-0.03828,-0.03466,-0.00502,-0.04536,0.01785,0.09104,0.03703,-0.07255,0.0146,-0.00471,-0.01559,0.01927,-0.05187,0.02484,-0.10558,0.03229,-0.01477,0.01459,-0.07947,-0.00834,-0.0804,-0.02622,-0.02307,0.00952,0.06309,-0.01002,-0.03108,0.03965,0.04816,-0.03945,-0.01322,0.02131,0.0556,0.01861,0.01331,0.02272,0.03962,0.07416,0.04707,0.02813,-0.00003,-0.03069,0.0835,0.04739,0.15461,-0.06413,0.0162,0.00941,-0.04025,0.09446,-0.00862,-0.0179,0.01333,0.10427,-0.07558,-0.06539,0.06417,0.0267,-0.08745,0.03534,0.01552,0.00461,-0.01905,0,-0.08817,-0.00108,-0.04347,-0.01633,0.02701,0.01286,-0.0398,0.04973,0.03243,-0.04074,0.00879,0.03108,0.02324,0.03555,0.05348,0.00713,0.01038,0.00684,-0.04187,-0.07734,0.10672,0.0271,0.07143,0.08792,0.00327,-0.02618,-0.03815,0.00575,0.02202,0.00495,-0.03292,0.07677,-0.00152,0.08189,-0.06422,0.05061,-0.06002,-0.0158,-0.06391,-0.00184,0.13026,-0.01182,-0.03474,-0.03884,-0.05768,0.04283,0.01052,-0.0969,-0.00621,0.01221,-0.04362,0.01485,-0.07133,0.06071,0.00684,0.03564,-0.03858,0.00628,0.11237,0.00513,-0.07449,-0.0425,0.00473,0.02708],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 💡 Strengths of the Drag-and-Drop Architecture - Runs outside the Angular zone, ensuring high performance. - Supports all input types thanks to a unified event interface. - Highly configurable through triggers and plugin hooks. - SSR-safe, with no direct reliance on browser globals. - Accounts for UX nuances, such as filtering synthetic events and preventing accidental text selection. - Open for extension — you can implement external drag sources, dynamic reconnections, grouping behavior, and more.","excerpt":"💡 Strengths of the Drag-and-Drop Architecture - Runs outside the Angular zone, ensuring high performance. - Supports all input types thanks to a unified event interface. - Highly configurable through triggers and plugin hooks. - SSR-safe, with no direct reliance on browser globals. - Accounts for UX nuances, such as filtering synthetic events and preventing accidental text selection. - Open for extension — you can implement external drag sources, dynamic reconnections, grouping behavior, and more."},{"chunkId":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk#17","slug":"inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","route":"/blog/inside-foblex-flow-part-2-drag-and-drop-architecture-in-angular-without-cdk","section":"blog","title":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK","description":"Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions.","group":"Inside Foblex Flow","vector":[-0.09347,0.00645,-0.06214,0.06697,0.05989,0.02658,-0.00765,0.06155,0.08462,0.06356,-0.0518,-0.00903,-0.06083,0.00391,0.03013,-0.00987,-0.01213,-0.03765,-0.03753,0.06234,-0.02644,-0.10141,-0.0392,-0.03357,-0.02707,0.04614,-0.0318,-0.05728,0.06118,-0.08073,0.01224,0.06973,-0.07331,0.01803,-0.14427,0.08032,0.03416,-0.05154,-0.10101,-0.09711,0.04997,0.02855,0.00741,-0.02365,-0.0543,-0.00337,-0.02305,0.02093,-0.05936,0.07771,-0.02931,-0.07293,-0.01331,0.11496,-0.02771,0.07031,0.04345,-0.02846,0.01541,0.04785,-0.01379,-0.00968,0.01938,0.04023,0.04246,-0.01124,-0.06816,0.00527,0.00332,-0.07201,-0.03553,-0.04601,0.03252,0.01937,-0.01086,-0.06318,-0.06175,0.04839,-0.01039,-0.03261,0.09119,0.02333,-0.0263,0.08692,-0.0093,0.09931,0.017,-0.03258,-0.03199,-0.02492,0.07191,0.04981,0.05349,-0.03539,0.05378,-0.02789,0.00115,-0.01837,-0.07892,0.0379,0.04279,-0.02705,0.04238,0.04316,-0.05277,-0.07111,0.02255,-0.06013,-0.10662,0.0186,-0.05605,0.04292,-0.00136,-0.04911,-0.05316,-0.01735,-0.076,-0.04338,0.06548,0.03692,0.00969,0.01326,-0.01423,0.00387,0.12397,0.00656,-0.02495,0,-0.00367,-0.00848,-0.04588,-0.00357,0.0693,-0.03755,0.03691,-0.06619,-0.01695,-0.00208,0.03778,0.02197,-0.00348,0.0648,0.06361,-0.07895,-0.01847,0.04273,0.00368,0.00519,0.04846,-0.08272,-0.04347,0.01946,0.07745,0.09713,-0.02705,0.03746,-0.04449,0.02522,-0.02699,0.01284,-0.04567,0.01397,-0.03212,0.00661,-0.04748,-0.08711,0.02438,-0.0254,-0.04769,-0.04639,-0.13703,0.02165,-0.02063,-0.04946,-0.02243,-0.00261,-0.00073,0.00304,0.0508,0.0434,0.03706,0.05001,0.07952,-0.05278,-0.00262,0.03303,0.04114,0.04057,0.06449,0.044,-0.08123,-0.03528,0.02861,0.04416,-0.01164,0.08564,0.06022,-0.0736,-0.06202,0.04759,0.06721,0.02217,0.0624,-0.01865,-0.05133,-0.04712,0.03238,-0.01399,-0.00336,-0.02113,-0.01718,0.0626,0.09599,-0.09244,-0.00942,-0.0433,-0.15735,-0.03163,0.13456,0.00239,0.03445,0.00521,0.02861,0,-0.03487,0.03165,-0.02657,0.09446,-0.0042,0.00811,0.01254,-0.00012,0.05031,-0.0013,-0.03085,0.08342,-0.03629,0.02415,0.00776,0.07894,-0.08591,-0.11945,0.00587,-0.11028,0.09666,0.0034,0.00007,-0.00408,-0.09413,0.00038,0.01468,0.04227,0.01292,-0.05027,0.00249,0.00613,-0.02655,-0.05181,0.03174,-0.06356,-0.00567,0.08796,0.01274,-0.05655,0.00664,-0.02096,0.01129,0.04253,-0.02044,0.05319,-0.12029,0.02105,0.00238,-0.00722,-0.06591,0.01329,-0.0602,-0.05956,-0.00578,-0.00713,0.04223,0.02102,-0.03969,0.01528,0.05626,-0.02435,-0.01728,0.01366,0.05374,0.02758,0.00146,0.02513,0.0282,0.07967,0.07263,0.03785,-0.01073,-0.05018,0.09428,0.06326,0.14369,-0.07734,0.01985,0.02016,-0.05095,0.08754,0.00165,-0.03837,-0.00181,0.08792,-0.1059,-0.04166,0.03663,0.0301,-0.04281,0.03544,0.00569,0.03755,-0.02464,0,-0.07846,0.02322,-0.01138,-0.00471,0.01986,0.0238,0.01362,0.04636,0.04073,-0.03254,0.00935,-0.00883,0.01209,0.03612,0.07564,0.03154,0.00784,0.01321,-0.04612,-0.0709,0.09243,0.01064,0.05035,0.0857,-0.01413,-0.04556,-0.01665,0.04303,0.00188,-0.02088,-0.02198,0.08508,0.03964,0.09495,-0.06267,0.06363,-0.03974,0.00268,-0.04725,-0.0189,0.08646,-0.00964,-0.05142,-0.02967,-0.0679,0.03609,0.00629,-0.05857,-0.02116,-0.02293,-0.06382,0.02352,-0.06188,0.10755,0.02817,0.06105,-0.04058,-0.00048,0.12037,0.02586,-0.06181,-0.03376,-0.00436,0.04312],"keywords":"Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow — Part 2: Drag-and-Drop Architecture in Angular Without CDK Inside Foblex Flow Part 2 explains the custom drag-and-drop architecture behind Angular node editors, connections, and canvas interactions. 🚀 Conclusion Drag-and-drop in Foblex Flow is not just about moving elements around — it’s a carefully designed architecture that offers stability, flexibility, and scalability: - Normalized events eliminate inconsistencies between mouse, touch, and pointer input. - A well-defined drag session lifecycle makes behavior predictable and easy to debug. - The plugin system enables new features without altering the core logic. - SSR support and zoneless execution ensure compatibility and performance across environments. This architecture forms a solid foundation for building not just a visual editor, but a complete platform — from simple node movements to complex scenarios like external drag sources, dynamic reconnection of links, and context-aware behaviors.","excerpt":"🚀 Conclusion Drag-and-drop in Foblex Flow is not just about moving elements around — it’s a carefully designed architecture that offers stability, flexibility, and scalability: - Normalized events eliminate inconsistencies between mouse, touch, and pointer input. - A well-defined drag session lifecycle makes behavior predictable and easy to debug. - The plugin system enables new features without altering the core logic. - SSR support and zoneless execution ensure compatibility and performance across environments. This architecture forms a solid foundation for building not just a visual editor, but a complete platform — from simple node movements to complex scenarios like external drag sources, dynamic reconnection of links, and context-aware behaviors."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#0","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.04034,0.04425,-0.08392,0.002,0.0262,-0.03416,-0.00587,0.07728,0.01609,0.0158,-0.05599,-0.03502,0.01928,-0.06382,0.01745,0.01842,-0.03428,-0.05156,-0.0022,-0.00876,-0.01466,-0.06754,-0.05663,0.02579,-0.0179,0.09002,-0.03802,-0.06442,-0.00111,-0.03566,0.0094,0.06364,0.01357,0.07927,0.01061,0.00934,0.01222,-0.03771,-0.07855,-0.08768,-0.00383,0.01231,-0.02134,0.05578,-0.03876,0.04642,0.04583,-0.04683,-0.04688,0.03896,-0.10658,0.00186,-0.07817,0.09565,0.06866,0.08409,0.03494,-0.00563,-0.06699,0.03908,-0.01703,-0.01491,-0.02062,0.08195,0.0446,0.05604,0.00375,0.06017,0.04643,-0.06335,-0.03792,-0.00088,0.00198,0.01608,0.03149,-0.07631,-0.01059,0.00686,-0.00156,-0.07366,-0.0568,0.02886,0.02659,0.05018,-0.00751,0.01127,0.02794,-0.07024,0.0043,0.03343,-0.0159,0.02551,0.09063,-0.05704,0.05873,0.00848,0.04676,-0.04961,-0.0611,0.0365,0.0019,0.00981,0.05331,0.08524,-0.05095,-0.05538,-0.01718,-0.01904,-0.09555,-0.01707,-0.06466,0.06357,0.04663,-0.05669,0.0175,-0.05877,-0.07004,-0.01535,0.01439,0.0439,-0.02423,-0.05861,0.05657,0.00101,-0.04095,-0.00141,-0.03257,0,0.00248,-0.0162,-0.02024,-0.01923,0.01766,-0.01371,0.01682,-0.05525,-0.03021,-0.00386,0.03883,0.10149,-0.00959,0.07123,0.06324,-0.02892,-0.06477,0.06329,0.06257,-0.00612,0.12161,0.01222,0.00792,-0.02276,0.07879,0.04496,-0.0258,0.00604,-0.02039,0.0526,-0.0626,-0.04477,-0.0238,0.01097,0.04501,0.02018,-0.0387,-0.09089,-0.01176,-0.083,0.01612,-0.02334,-0.03458,-0.06054,0.01599,-0.05174,-0.05593,-0.04429,0.00349,0.01002,0.08754,0.02349,-0.01155,0.01472,0.00645,-0.02839,-0.0019,-0.02524,-0.00829,0.05138,0.00523,0.02099,-0.01315,-0.00472,0.00805,0.08158,-0.03426,-0.03303,0.07575,-0.0457,-0.04353,0.08524,0.00634,-0.01433,0.05192,-0.02417,-0.02003,-0.04986,-0.07558,-0.04251,-0.00796,-0.07883,-0.00872,0.08085,0.10051,-0.06529,0.01449,-0.09271,-0.10634,0.04807,0.08529,-0.06702,0.03007,0.01088,0.00076,0,0.00127,-0.04504,-0.01789,0.07242,0.00994,-0.03389,-0.00084,-0.02743,0.05504,-0.03129,-0.05341,-0.02869,0.04362,-0.03365,0.03323,-0.01378,-0.01007,-0.14379,-0.08247,-0.00185,-0.06038,0.08843,-0.05081,-0.00953,-0.04003,0.03937,-0.14028,0.02354,0.0371,-0.05406,-0.03342,-0.02275,-0.10599,-0.1388,-0.04194,-0.0383,-0.03176,0.03947,-0.01239,-0.02072,0.03449,0.04917,-0.0912,-0.01063,-0.02169,0.05798,-0.14339,0.05309,0.02574,0.00322,-0.02384,0.02317,0.01126,-0.05534,-0.01951,0.06007,0.12768,0.09186,-0.02571,0.03848,-0.05497,-0.05147,0.01048,0.06273,0.02149,-0.0192,0.02011,0.04958,-0.00236,0.02466,0.13168,0.05535,-0.08283,0.01949,0.09691,0.05733,0.00339,-0.00626,-0.00298,0.08185,-0.02371,0.10265,-0.00275,0.07241,0.05546,0.01203,-0.04288,-0.10594,0.02169,0.01457,-0.06077,-0.00431,-0.06892,0.05815,-0.00636,0,-0.09028,-0.04465,0.01332,0.08033,0.07796,0.04394,-0.03966,0.05489,0.00965,-0.01913,0.0694,0.02016,-0.09756,-0.01152,0.00516,0.03397,0.05972,-0.07943,-0.0386,-0.02713,-0.04474,0.02802,-0.0513,0.11487,0.03479,-0.04377,0.08789,-0.00736,0.05465,0.05574,0.00884,0.04798,0.08574,0.10145,-0.02235,0.05773,0.0413,0.06956,-0.07779,-0.01437,0.0219,0.06275,-0.05277,0.00652,-0.01571,0.05417,-0.04631,-0.03867,-0.03916,-0.03123,-0.05472,0.03,-0.05029,0.12716,0.01716,0.07931,0.00318,-0.005,0.07218,0.05929,-0.01635,0.01045,0.00422,0.01738],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Designing a Stateless Library: How Foblex Flow Avoids Owning Your Data","excerpt":"Designing a Stateless Library: How Foblex Flow Avoids Owning Your Data"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#1","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.07951,0.01584,-0.06525,0.03854,0.01302,-0.02471,-0.06674,0.06912,0.10228,0.0011,-0.06381,0.00867,-0.00255,-0.06369,0.05976,0.05646,-0.00719,-0.0437,-0.06971,-0.02362,-0.03266,-0.03335,-0.03906,0.00688,-0.00858,0.07511,0.01302,-0.02552,-0.01042,-0.05044,0.03921,0.06866,-0.05177,0.02274,-0.03452,0.11952,-0.00615,-0.04482,-0.08231,-0.06269,0.0388,0.03283,0.00909,0.01997,-0.04265,-0.02202,-0.01463,-0.04703,-0.02539,0.04825,-0.07164,0.00461,-0.04777,0.04956,0.05724,0.11066,-0.00982,-0.01959,-0.01258,0.02671,0.01898,0.0183,0.02039,0.05284,-0.04297,0.03645,0.02881,0.01847,0.0839,-0.03591,0.04431,-0.00776,-0.05621,-0.04565,0.03078,-0.05501,0.01068,0.04118,-0.02011,-0.08851,0.0095,-0.00054,-0.00518,0.05047,-0.03129,0.02273,-0.00147,-0.04643,0.05845,0.08128,0.01543,0.02759,0.0479,-0.03137,0.07413,0.03233,0.0922,0.02862,-0.06804,0.06765,0.01904,0.00182,0.01824,0.0931,0.00797,-0.07084,-0.02317,-0.01564,-0.08484,-0.01595,-0.0094,0.04887,0.03224,0.00417,0.00577,-0.03672,-0.00861,-0.04094,-0.02938,0.04757,0.01182,0.01259,0.02781,0.02609,-0.00162,-0.02932,0.00185,0,0.03284,-0.01288,0.0045,-0.02582,0.05072,-0.01899,0.01364,-0.03026,-0.01388,-0.00032,-0.03467,0.09726,-0.03449,0.06872,0.02934,-0.02673,-0.00149,0.04715,0.05197,-0.00045,0.09397,0.00519,-0.02878,0.0081,0.02027,0.07229,-0.02053,0.03525,-0.05667,0.01294,-0.04901,-0.01948,0.05447,0.01156,-0.0246,0.0162,-0.06651,-0.08067,-0.0378,-0.07819,-0.02324,0.04338,-0.08672,-0.05838,0.01538,-0.07847,-0.03249,0.00183,-0.00319,0.0087,0.06252,0.0484,0.01116,0.04251,-0.02771,-0.04198,0.03658,0.01138,-0.01365,0.05938,0.04388,0.06327,-0.03909,0.05635,0.07732,0.11435,-0.04456,0.00463,0.03765,-0.05949,-0.06193,0.11464,-0.00977,-0.04446,0.06991,-0.04847,-0.05202,-0.07527,-0.03401,-0.02739,-0.00937,-0.10547,-0.07989,0.09296,0.08743,-0.04947,0.01928,-0.03142,-0.10631,0.05185,0.13283,-0.04573,0.0686,-0.02852,0.02719,0,0.03436,-0.04265,0.00077,0.06409,0.04282,-0.05741,-0.01479,0.04459,0.00089,-0.07589,-0.06645,-0.02331,-0.02927,-0.03057,0.03858,-0.03058,-0.03408,-0.1385,-0.06148,-0.04164,-0.02141,0.07787,-0.03358,0.01121,-0.04915,0.00236,-0.11247,0.00176,-0.01572,-0.04786,-0.0148,-0.01421,-0.09169,-0.11468,0.02438,-0.02462,-0.04276,0.05085,0.02063,-0.00926,-0.00215,0.04763,-0.13763,0.02079,-0.0124,0.0753,-0.15378,0.05994,0.02193,-0.02906,-0.03166,0.05342,-0.00563,-0.05949,0.0054,-0.02334,0.09235,0.04688,-0.04792,0.0159,-0.05467,-0.0458,0.00983,0.00212,-0.01357,0.01134,-0.01557,0.0339,0.02523,0.05272,0.11081,0.03473,-0.06897,0.02312,0.12773,-0.02047,-0.00155,-0.01912,0.03833,0.07647,-0.09663,0.09083,0.04819,0.05615,0.02417,-0.03273,-0.05521,-0.01597,0.04982,0.04988,-0.01398,0.00938,-0.10679,0.04774,-0.00934,0,-0.11934,-0.01941,-0.04867,0.0502,0.03642,-0.0042,-0.00046,0.0327,0.02195,-0.02387,0.08712,0.02459,-0.10202,-0.08476,0.00693,0.00698,0.06438,-0.07132,-0.03594,-0.018,-0.03838,0.00212,-0.05241,0.05842,0.03734,-0.08579,0.0693,0.0403,0.01932,0.0724,0.01272,-0.0241,0.09745,0.15657,-0.06502,-0.03149,0.10578,0.02108,-0.03642,-0.00023,0.00721,0.063,-0.09214,-0.03531,-0.03216,0.01594,-0.02712,0.00476,-0.00788,-0.03206,-0.08641,-0.00766,-0.06622,0.10003,0.04118,0.02427,-0.02041,-0.01505,0.0626,0.02514,-0.0249,-0.00238,0.00457,-0.03032],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. The problem with libraries that own your data Most node-based libraries ship with an opinion about your data model. You hand them a nodes[] array and an edges[] array, and in return you get a rendered graph. That works fine in a demo. It starts to break the moment your app grows up. Your real domain model is not { id, x, y }. It is a workflow step, a call routing rule, an AI agent with a schema, a piece of business logic with validations attached. Persistence is not \"serialize the library's internal state to JSON\". It is writing to your backend, your database, your existing document format. In the default stateless setup, undo/redo is not the library's job. It is a feature of your editor, tied to your command history. Optimistic updates, collaboration, offline sync — all of that lives in your app, not in a graph library. When a library owns the data, every one of those concerns has to go through an adapter. You spend more time translating between the library's model and yours than you spend building the actual editor.","excerpt":"The problem with libraries that own your data Most node-based libraries ship with an opinion about your data model. You hand them a nodes[] array and an edges[] array, and in return you get a rendered graph. That works fine in a demo. It starts to break the moment your app grows up. Your real domain model is not { id, x, y }. It is a workflow step, a call routing rule, an AI agent with a schema, a piece of business logic with validations attached. Persistence is not \"serialize the library's internal state to JSON\". It is writing to your backend, your database, your existing document format. In the default stateless setup, undo/redo is not the library's job. It is a feature of your editor, tied to your command history. Optimistic updates, collaboration, offline sync — all of that lives in your app, not in a graph library. When a library owns the data, every one of those concerns has to go through an adapter. You spend more time translating between the library's model and yours than you spend building the actual editor."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#2","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.07766,0.04799,-0.07154,0.01458,0.01106,0.02383,-0.03569,0.09076,0.08916,0.04325,-0.08862,-0.02532,-0.05078,-0.02944,0.07836,0.03226,0.00831,-0.09613,-0.02062,-0.00199,-0.00544,-0.04745,-0.02556,-0.03989,-0.00005,0.09714,-0.0099,-0.06112,0.06578,-0.03536,0.04896,0.02878,-0.0058,0.03879,-0.08619,0.02562,0.00675,-0.06669,-0.04809,-0.0401,0.05509,0.05125,-0.06414,-0.01586,-0.06818,0.03627,0.01738,-0.02818,-0.07454,0.06122,-0.04834,-0.00726,-0.05414,0.07501,0.05151,0.0687,0.03287,0.01807,-0.03729,0.01003,-0.0217,-0.04563,0.00484,0.06253,0.04884,0.04594,-0.04834,-0.02085,0.0492,-0.05422,0.01412,-0.01151,0.07069,-0.07561,0.04015,-0.10933,-0.021,0.06317,0.02746,-0.06601,0.00788,0.04258,0.01768,0.01217,0.00738,0.0208,-0.02192,-0.0957,0.01567,-0.00023,0.01951,0.04474,0.01703,0.00051,0.05516,0.03855,0.02391,-0.0024,-0.06599,0.03794,0.01341,-0.04076,0.0477,0.11237,-0.04507,-0.08187,-0.04508,-0.00758,-0.08884,0.02206,0.00371,0.07796,0.0647,-0.01011,-0.04296,-0.05684,-0.02478,-0.02097,-0.00878,0.04758,-0.03658,-0.03774,0.06633,-0.00307,-0.02756,-0.0067,0.00025,0,-0.03408,-0.01629,-0.06194,-0.05703,0.03632,-0.00009,0.01989,-0.07216,0.05569,0.01306,0.03243,0.11214,-0.02007,0.05014,0.06626,-0.0218,-0.06974,0.03809,0.0852,-0.00348,0.10133,0.03736,-0.01333,0.02216,0.03477,0.08904,-0.02614,0.05574,-0.10106,0.02178,-0.00384,-0.01188,-0.00839,-0.01765,0.00152,0.00249,-0.03695,-0.08956,-0.06412,-0.10869,0.02806,-0.02974,-0.08596,-0.00134,-0.01686,-0.03513,-0.05251,-0.03749,-0.01136,-0.00732,0.05208,0.01871,0.01717,0.00697,0.04074,-0.02587,0.0067,0.00826,-0.00828,0.02384,0.05917,-0.01012,0.01251,0.00053,0.01972,0.12774,-0.01197,-0.02307,0.05882,-0.05529,-0.03041,0.12446,-0.02147,0.01068,0.06639,-0.03762,0.00195,-0.01505,-0.0339,-0.06543,0.03686,-0.04705,-0.02433,0.13431,0.08507,-0.0984,0.00764,-0.04541,-0.10097,0.03806,0.11198,-0.03978,0.02442,0.03965,0.03423,0,0.03914,-0.03407,-0.01294,0.0381,0.00108,-0.06355,0.02189,0.03503,0.05165,0.02287,0.01866,-0.03025,-0.00092,-0.01321,0.01187,0.01815,-0.02762,-0.1594,-0.03644,-0.07565,-0.04162,0.07209,-0.05129,-0.00972,-0.06155,0.04748,-0.10289,-0.01397,0.04454,-0.05517,-0.07069,-0.0165,-0.07988,-0.08484,-0.04379,-0.02495,-0.03361,0.02331,0.01308,-0.03944,-0.01849,0.043,-0.07299,0.02485,-0.03534,0.04779,-0.11469,0.04647,0.00471,-0.03139,0.00602,0.05112,0.01793,-0.04384,-0.06132,0.03762,0.12477,0.03845,-0.0444,0.05479,-0.05234,-0.03287,0.0059,0.03099,0.00845,0.07142,-0.0093,0.00614,0.12488,0.06878,0.11713,0.00356,-0.07308,-0.03012,0.12344,0.0819,0.04353,-0.01054,0.01131,0.01991,-0.07971,0.06179,0.02743,0.04717,0.02965,0.00686,-0.07258,-0.11752,0.05499,0.05642,-0.04413,0.00073,-0.04262,0.02434,0.01059,0,-0.12916,0.00191,-0.02148,0.02781,0.06441,-0.00686,-0.04786,0.01333,0.00118,-0.01701,0.01352,0.0544,-0.07408,-0.02799,0.01149,0.03474,0.01465,-0.0754,-0.00432,-0.00683,-0.03717,-0.00356,-0.03041,0.07578,0.0501,-0.07324,0.06678,-0.0106,0.02605,0.07261,-0.02762,0.05683,0.09198,0.13368,-0.07305,-0.01256,0.01529,0.01814,-0.05684,0.00834,0.04551,-0.00248,-0.06141,-0.01222,-0.08362,0.06382,-0.0342,-0.01002,0.00748,-0.02624,-0.06427,0.03642,-0.0852,0.03835,0.01206,0.03165,-0.01516,-0.02714,0.08426,0.01128,-0.06165,-0.03035,0.00443,-0.03057],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. What Foblex Flow does instead Foblex Flow's core is stateless by default. The library does not hold the definition of your graph. It renders what you pass in as Angular template children, listens for user interaction on those children, and emits events when something happens. Your application decides whether to apply the change. That is the whole model. - The library renders the UI layer. - The application owns the business logic. - The two communicate through events and inputs, without a hidden internal store of your data. This is not just a design preference. It is the decision that shaped every API that came after.","excerpt":"What Foblex Flow does instead Foblex Flow's core is stateless by default. The library does not hold the definition of your graph. It renders what you pass in as Angular template children, listens for user interaction on those children, and emits events when something happens. Your application decides whether to apply the change. That is the whole model. - The library renders the UI layer. - The application owns the business logic. - The two communicate through events and inputs, without a hidden internal store of your data. This is not just a design preference. It is the decision that shaped every API that came after."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#3","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.0473,0.00202,-0.04125,0.00085,0.00825,0.00247,0.00367,0.06588,0.02983,0.03044,-0.01375,0.01161,-0.00409,-0.02364,0.0447,-0.00693,0.00225,-0.06065,-0.02453,0.03193,-0.00012,-0.0827,-0.03926,0.00421,-0.0359,0.07772,-0.05604,-0.06029,0.03781,-0.03243,0.02314,0.08282,0.05353,0.03282,-0.03819,0.00023,0.01795,-0.06417,-0.11199,-0.03224,0.05543,-0.01826,0.01129,0.03924,-0.00753,0.08054,0.02785,-0.06239,-0.07038,0.04762,0.0411,0.03232,0.00284,0.10598,0.04369,0.08259,0.05535,0.01601,-0.06982,0.00593,0.02159,-0.02009,-0.02994,0.05002,0.00939,0.05298,0.0344,-0.02982,0.07997,-0.0841,-0.0422,-0.03916,0.06417,-0.07173,0.03927,-0.10433,0.01168,0.02724,-0.02564,-0.06472,-0.00596,-0.00545,0.03422,0.02466,-0.00801,0.02517,-0.03849,-0.07547,0.0525,0.0463,-0.08499,0.03492,0.01336,-0.08302,0.06008,-0.00772,0.01708,-0.00685,-0.08983,0.03597,0.01355,-0.0274,0.05391,0.07559,-0.0234,-0.08058,-0.06833,-0.01049,-0.05421,0.02642,-0.04515,0.02395,0.11896,-0.01165,-0.01527,-0.00477,-0.02181,-0.01886,0.01609,0.0578,-0.0237,-0.01313,0.06262,-0.0037,-0.03771,0.04332,0.0047,0,-0.02418,-0.00944,-0.00314,-0.07072,0.01197,0.00455,0.01116,-0.08314,0.03645,-0.02623,0.02929,0.12592,-0.01484,0.08042,0.02603,-0.03977,-0.06534,0.04968,0.09286,-0.00572,0.07816,0.09653,-0.03357,-0.04653,0.07907,0.05863,-0.0343,0.05469,-0.01419,0.01343,-0.05711,-0.02321,-0.01947,-0.01561,-0.01056,-0.00315,-0.07774,-0.0813,-0.02004,-0.1035,0.00013,-0.01646,-0.07855,-0.06381,-0.01028,-0.0993,-0.03817,-0.04738,0.01889,-0.00415,0.08307,-0.006,0.01266,-0.02843,-0.02394,-0.02967,-0.00328,0.00426,-0.0706,0.01987,0.01088,0.00153,-0.05417,0.01223,0.00869,0.09939,-0.01184,0.01501,0.03884,-0.06938,-0.07162,0.10178,-0.02867,0.01967,0.05185,-0.02133,0.05408,-0.01463,-0.10447,-0.01259,-0.00861,-0.04822,0.00654,0.11444,0.11498,-0.06063,0.00315,-0.0803,-0.07826,0.01309,0.07906,-0.05767,0.04325,0.07545,0.01551,0,0.03331,-0.03352,-0.0665,0.10126,-0.02309,-0.01864,0.01676,0.02111,0.03385,-0.07509,0.00502,-0.00837,0.04851,-0.00341,0.01859,0.01551,-0.04604,-0.088,-0.05,0.00524,0.01581,0.03431,-0.02485,-0.01692,-0.10024,0.00295,-0.10298,0.01624,-0.01148,-0.06467,-0.00678,-0.02121,-0.08342,-0.08355,-0.04936,-0.04347,-0.07958,0.06679,-0.01363,-0.02065,0.0187,0.04684,-0.04196,0.05333,-0.0241,0.09067,-0.11171,0.0015,-0.04368,0.00489,-0.05393,0.01731,-0.02068,-0.0246,-0.04628,0.0543,0.12836,0.05287,-0.08928,0.00672,0.0059,-0.02901,-0.02026,0.0132,0.03183,0.05518,0.04452,0.03523,0.02205,0.05792,0.1237,0.04098,-0.05539,-0.02708,0.10852,0.06582,0.01533,-0.03692,0.00379,-0.0125,-0.08873,0.07517,0.01527,0.02886,0.04855,0.03505,-0.08777,-0.05419,0.05792,0.0443,-0.03494,0.0369,-0.0353,0.07266,-0.02091,0,-0.07841,-0.00259,-0.01635,-0.00098,0.07199,-0.00163,-0.01016,0.02282,0.01815,-0.0219,0.03874,0.00298,-0.07882,-0.06141,0.03399,0.06588,0.05057,-0.00901,-0.04309,-0.02543,-0.06345,-0.01592,-0.06142,0.11498,0.03772,-0.06295,0.12842,0.03065,0.04375,0.06346,0.00266,0.04616,0.06837,0.10281,-0.09248,0.06101,0.03535,0.04444,-0.00021,-0.00177,0.01063,0.05704,-0.04939,-0.02119,-0.0706,0.04792,-0.03408,-0.03934,0.01022,-0.03511,-0.04872,0.07053,-0.04495,0.11678,0.05255,0.0963,0.01362,-0.02133,0.10653,0.03278,-0.03323,-0.03643,-0.0063,0.01285],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Optional managed state, without changing the core The default contract above remains unchanged. If an application wants the library to handle common graph bookkeeping, it can explicitly install the optional Managed Flow State plugin: withFlowState() provides typed node, group, connection, selection and viewport signals, plus load(), snapshot() and batched undo/redo. Supported finished gestures update that opt-in store automatically. The same public events still fire, records keep the application's own fields, and the application can override or replace the default mutation behavior. So \"stateless\" describes the core and the default integration mode. Managed state is an explicit provider installed by applications that prefer convenience over wiring every supported gesture themselves; it is not a hidden store imposed on every flow. with Flow State","excerpt":"Optional managed state, without changing the core The default contract above remains unchanged. If an application wants the library to handle common graph bookkeeping, it can explicitly install the optional Managed Flow State plugin: withFlowState() provides typed node, group, connection, selection and viewport signals, plus load(), snapshot() and batched undo/redo. Supported finished gestures update that opt-in store automatically. The same public events still fire, records keep the application's own fields, and the application can override or replace the default mutation behavior. So \"stateless\" describes the core and the default integration mode. Managed state is an explicit provider installed by applications that prefer convenience over wiring every supported gesture themselves; it is not a hidden store imposed on every flow."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#4","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.05216,0.03979,-0.09113,-0.02184,0.0489,-0.02076,-0.0181,0.08118,0.02957,0.02359,-0.05225,-0.03034,0.00633,-0.05833,0.0483,0.03507,0.00365,-0.04588,0.0049,-0.02294,-0.00899,-0.06524,-0.03776,0.01078,0.00028,0.09894,-0.06305,-0.05576,0.02887,-0.04119,0.04107,0.03786,-0.00041,0.07665,-0.00719,0.03179,-0.0043,-0.07072,-0.059,-0.06067,0.02795,0.04797,-0.02133,0.04713,-0.07743,0.05651,0.02291,-0.0104,-0.0338,0.03505,-0.04955,-0.00528,-0.06802,0.06482,0.05635,0.10824,0.02963,-0.00593,-0.01878,0.10093,0.03887,-0.01302,-0.00954,0.0823,0.02993,0.05849,0.00394,0.02756,0.04733,-0.08411,0.00084,0.01705,0.02189,-0.02301,0.02402,-0.07729,0.0151,0.02255,-0.04881,-0.06377,-0.04371,0.01816,0.03892,0.05163,-0.01655,0.00525,0.00012,-0.10009,0.00286,0.07374,-0.01799,0.03641,0.04193,-0.03521,0.05058,0.0233,0.03568,-0.00983,-0.06798,0.03343,0.01763,-0.04772,0.07867,0.06489,-0.0308,-0.06759,-0.04901,-0.0107,-0.09085,0.0121,-0.03834,0.06858,0.07179,-0.01224,0.0205,-0.04205,-0.0499,-0.02046,-0.00018,0.07589,-0.04847,-0.01344,0.06257,-0.02433,-0.05032,-0.00307,-0.02293,0,-0.00947,-0.03677,-0.01069,-0.03444,-0.01124,-0.01122,0.02593,-0.04852,-0.00704,-0.02641,-0.02464,0.09833,-0.05449,0.09435,0.0006,-0.00689,-0.05075,0.04988,0.04392,-0.01847,0.11316,0.02894,0.00229,-0.00685,0.03366,0.06709,-0.01021,0.01342,-0.05606,0.04561,-0.08697,-0.02502,0.02035,0.01699,0.01602,0.03866,-0.04536,-0.06361,-0.03636,-0.10503,0.02232,0.01156,-0.04255,-0.04555,0.02386,-0.05631,-0.08467,-0.04055,-0.02347,0.004,0.07581,0.02261,-0.00202,0.05002,0.00691,-0.05297,0.01328,0.00454,-0.01482,0.03927,0.0534,0.01459,-0.03614,-0.00429,0.01924,0.11824,-0.04856,-0.03554,0.04708,-0.014,-0.05904,0.10686,0.0209,0.0153,0.04291,-0.02711,-0.04083,-0.04062,-0.07963,-0.06182,-0.00933,-0.0711,-0.00536,0.07766,0.07652,-0.08288,0.04643,-0.10143,-0.07128,0.06652,0.11055,-0.0518,0.04697,0.02093,0.00059,0,0.0231,-0.01631,-0.00148,0.07,0.01057,-0.04454,-0.02288,0.00093,0.01823,-0.00668,-0.03367,-0.0317,0.02064,-0.01715,0.03598,-0.02251,0.02841,-0.15719,-0.05297,-0.03486,-0.06306,0.05664,-0.02698,-0.02747,-0.03083,-0.00391,-0.13275,-0.00007,0.03583,-0.0457,-0.02383,-0.00477,-0.12169,-0.12563,-0.03646,-0.03313,-0.07227,0.02262,0.02063,-0.02862,0.01407,0.03157,-0.11465,-0.0123,-0.02552,0.07385,-0.1176,0.04219,-0.00442,-0.04053,-0.0197,0.02413,0.03227,-0.04704,-0.0187,0.08112,0.12367,0.13299,-0.04643,0.00877,-0.03497,-0.05437,-0.01787,0.01812,-0.00087,0.01381,0.02221,0.02416,0,0.06332,0.09851,0.05982,-0.07369,0.00184,0.06634,0.07325,0.02598,0.01723,0.01575,0.05606,-0.06514,0.12419,0.01675,0.07589,0.08146,-0.01562,-0.05993,-0.11733,0.02958,0.0303,-0.03042,0.01864,-0.10337,0.03891,0.0143,0,-0.10651,-0.02456,-0.05014,0.04947,0.06109,0.03472,0.00877,0.08363,0.0149,-0.00118,0.03083,0.00961,-0.1159,-0.03124,0.00364,0.04209,0.0426,-0.07089,-0.01119,-0.02755,-0.06011,-0.01141,-0.02506,0.13829,0.01211,-0.0637,0.09106,-0.00601,0.04133,0.09415,0.00137,0.04506,0.09927,0.07246,-0.02599,0.0803,0.01115,0.06773,-0.04279,0.02728,0.0131,0.03347,-0.04717,-0.0209,-0.04683,0.04194,-0.00809,0.02345,-0.01838,-0.0117,-0.05985,0.02592,-0.07548,0.06979,0.03254,0.07368,-0.00959,-0.0603,0.07838,0.02889,-0.02573,-0.00475,0.02146,0.00239],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. 🎯 The key idea — what the library stores vs what the app stores Most graph libraries keep a copy of your nodes and edges inside themselves. The library becomes the source of truth. Your app mirrors it. Foblex Flow takes a different approach. What the core stores in the default mode:","excerpt":"🎯 The key idea — what the library stores vs what the app stores Most graph libraries keep a copy of your nodes and edges inside themselves. The library becomes the source of truth. Your app mirrors it. Foblex Flow takes a different approach. What the core stores in the default mode:"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#5","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.03406,0.02654,-0.05886,0.00487,0.02114,0.00676,0.02222,0.06293,0.02902,0.01691,-0.04209,-0.00471,-0.02754,-0.03928,0.01507,-0.00222,0.00419,-0.06108,0.01023,0.03793,-0.00618,-0.10919,-0.02112,-0.03165,0.0084,0.07165,-0.03663,-0.0789,0.04447,-0.04463,-0.01581,0.09757,-0.00811,0.05749,-0.05265,0.00206,0.05119,-0.08728,-0.13226,-0.0545,0.04119,0.03035,-0.00546,0.03603,-0.0105,0.03676,0.03757,-0.04405,-0.05647,0.04429,-0.04604,-0.0027,-0.04069,0.10858,0.03108,0.07882,0.07273,0.0014,-0.03504,0.10465,0.01244,-0.00544,-0.00709,0.08789,0.03268,0.06901,0.02312,-0.02462,0.04849,-0.07898,-0.05481,-0.00286,0.04019,-0.05378,0.04435,-0.10874,-0.00194,-0.01472,-0.00457,-0.08659,0.00178,0.00637,-0.0083,0.05453,0.00282,0.0529,-0.0329,-0.07205,0.01031,0.06378,-0.07324,0.04967,-0.03577,-0.05308,0.01552,-0.01438,0.02395,-0.03272,-0.10086,0.04603,0.04568,-0.00809,0.10233,0.07815,-0.04957,-0.05752,-0.03008,-0.01697,-0.09888,0.02623,-0.04101,0.03864,0.06805,-0.03566,-0.01979,-0.03086,-0.04831,-0.02938,0.07425,0.07148,0.00142,-0.04227,0.01905,-0.01025,-0.02343,-0.0143,-0.05804,0,-0.0025,-0.01209,-0.02134,0.01292,0.04537,-0.00412,0.03441,-0.07868,-0.02889,-0.0101,-0.00266,0.09306,-0.04257,0.08057,0.04965,-0.09007,-0.03835,0.06335,0.04122,0.0007,0.10241,-0.00266,-0.01829,-0.05469,0.09235,0.09185,-0.04586,0.05436,-0.0477,0.04105,-0.05703,-0.02234,-0.03369,-0.02393,-0.00459,-0.01039,-0.04955,-0.09676,-0.04321,-0.05256,-0.00852,-0.01326,-0.06816,-0.0515,-0.00867,-0.08108,-0.06167,-0.00964,0.0049,0.03917,0.05331,0.00779,-0.01644,-0.03264,0.0107,-0.04275,0.01138,0.01384,-0.05008,0.07687,0.01331,0.03941,-0.08323,-0.01784,0.03683,0.12045,-0.02029,-0.00153,0.02508,-0.05189,-0.08111,0.11531,0.03505,0.00337,0.06181,0.0004,-0.02835,-0.03704,-0.07809,-0.01653,-0.02468,-0.06015,-0.01618,0.09563,0.0707,-0.06656,0.02721,-0.09949,-0.11928,0.04329,0.0864,-0.02586,0.06541,0.00534,-0.01361,0,-0.02915,-0.03305,-0.03114,0.08903,-0.00581,-0.04392,0.05437,0.03813,0.03462,-0.04139,0.01062,-0.00415,0.0236,-0.02749,0.02941,0.02993,-0.0319,-0.13666,-0.04067,-0.00808,-0.00205,0.05859,-0.00266,-0.02993,-0.09096,0.00943,-0.04536,0.00677,-0.02266,-0.06193,0.00154,-0.00494,-0.08419,-0.05139,-0.0254,-0.02229,-0.01866,0.04503,0.01296,-0.02878,0.06735,0.05435,-0.05435,0.047,-0.03187,0.06774,-0.15138,0.02854,-0.02784,-0.0088,-0.0438,0.04205,-0.03134,-0.06478,-0.04667,0.06161,0.09119,0.07715,-0.02877,0.01767,0.03174,-0.07772,-0.05703,0.03091,0.05809,0.02382,0.01692,0.03509,0.05805,0.06542,0.15294,0.05798,-0.01527,-0.02163,0.07118,0.03256,0.06447,-0.03383,0.02083,0.04294,-0.03372,0.13173,-0.01239,0.03987,0.06499,0.0496,-0.1081,-0.05206,0.04175,0.0248,-0.05128,0.05357,-0.05343,0.03088,-0.00615,0,-0.09811,0.00529,-0.03268,-0.00343,0.04838,0.04025,-0.02037,0.02692,0.00169,-0.02119,0.0245,0.02386,-0.07965,-0.01097,0.07693,0.03739,0.05751,-0.01202,-0.04528,-0.03357,-0.03277,0.01482,-0.0546,0.14694,-0.00612,-0.06531,0.06621,0.04202,0.03395,0.05201,-0.03384,0.058,0.0442,0.08138,-0.05729,0.09687,-0.02108,0.03549,-0.04894,0.0161,0.01431,-0.00034,-0.05047,-0.00722,-0.05327,0.0681,-0.01536,-0.02438,-0.0288,-0.01639,-0.03935,0.02265,-0.05464,0.08559,0.01502,0.06752,0.01357,-0.02462,0.06257,0.06854,-0.04576,0.00905,-0.01032,0.01665],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. - References to the <f-node and <f-connection instances currently in the template - Transform state of the canvas — zoom, pan, viewport size - Interaction state during a gesture — what is being dragged, resized, rotated, or reassigned - Selection state — which node and connection IDs are currently highlighted - Internal caches needed to draw connections and run hit-testing What the app stores in the stateless mode: I Ds","excerpt":"- References to the <f-node and <f-connection instances currently in the template - Transform state of the canvas — zoom, pan, viewport size - Interaction state during a gesture — what is being dragged, resized, rotated, or reassigned - Selection state — which node and connection IDs are currently highlighted - Internal caches needed to draw connections and run hit-testing What the app stores in the stateless mode:"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#6","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06662,0.01604,-0.09466,0.00765,0.00706,0.01415,-0.0055,0.08329,0.04391,-0.01107,-0.05695,-0.00763,-0.02177,-0.04674,0.01795,-0.00732,0.00073,-0.05633,-0.00323,-0.03275,0.00439,-0.07293,-0.05516,-0.00963,-0.00973,0.08278,-0.01889,-0.03901,0.03555,-0.01921,0.02317,0.03564,-0.00424,0.05953,-0.04302,0.03153,0.03778,-0.07753,-0.08022,-0.05107,0.01618,0.02253,-0.02712,0.04305,-0.03664,0.056,0.0322,-0.05549,-0.04799,0.06708,-0.01958,0.0351,-0.02953,0.11701,0.07233,0.10578,0.01607,-0.01999,-0.05674,0.06958,-0.01491,-0.01273,-0.01588,0.07615,0.02349,0.07423,-0.03783,-0.00709,0.08088,-0.11734,0.01016,-0.04753,0.00747,-0.04069,0.03476,-0.09682,-0.00082,0.02929,-0.03759,-0.0951,0.00723,0.06453,0.02668,0.05682,-0.03234,0.03653,-0.01765,-0.06423,0.02191,0.08697,0.01303,0.02564,0.02017,-0.04833,0.08123,0.0231,0.03725,-0.04,-0.05669,0.03777,0.00666,-0.02667,0.0544,0.05772,-0.04103,-0.072,-0.05303,-0.00877,-0.08363,0.01147,-0.0047,0.0536,0.05919,-0.01096,0.02676,-0.0584,-0.04312,-0.01648,0.01445,0.01974,-0.06428,0.00183,0.05544,-0.01307,-0.04669,-0.01022,-0.03352,0,-0.01586,-0.02063,-0.02598,0.01336,0.00681,0.02518,0.04672,-0.03882,0.02582,0.00571,-0.00107,0.1292,-0.07113,0.05922,0.0297,-0.04872,-0.05582,0.06127,0.06413,-0.00595,0.10994,0.03126,0.01682,0.00039,0.09403,0.06955,-0.03798,0.04566,-0.06668,0.02581,-0.05488,-0.05032,-0.01617,0.00474,0.00135,0.04755,-0.05368,-0.08429,-0.02156,-0.08345,-0.01131,-0.01175,-0.07223,-0.03361,-0.01471,-0.04279,-0.05889,-0.0624,0.00142,0.00932,0.07123,-0.00092,0.01838,-0.01229,0.00812,-0.04487,0.0033,0.00336,-0.01715,0.04988,0.06772,0.04675,-0.05634,0.02027,0.03442,0.1514,-0.04852,-0.00289,0.05539,-0.08727,-0.05478,0.11307,0.00809,-0.00876,0.08457,-0.01118,-0.03048,-0.04437,-0.08095,-0.04604,-0.00802,-0.05797,-0.01689,0.1304,0.10393,-0.04995,0.03954,-0.06401,-0.08683,0.03766,0.09081,-0.02499,0.01918,0.04758,0.01042,0,0.05288,-0.05109,0.0147,0.01976,0.00518,-0.06215,-0.01354,0.00656,0.04001,-0.02819,-0.0268,-0.03125,0.02272,-0.03135,0.01288,0.01397,-0.03043,-0.14563,-0.06808,-0.03535,-0.06697,0.05444,-0.04088,-0.02115,-0.06905,0.00216,-0.09901,-0.02246,0.02879,-0.03646,-0.01458,-0.05077,-0.07295,-0.11061,-0.02087,-0.02069,-0.03689,0.04316,0.02729,-0.03927,0.00835,0.04134,-0.08975,0.00468,-0.02937,0.08007,-0.15763,0.0421,-0.02022,-0.0304,-0.03185,0.05904,-0.00891,-0.0541,-0.03372,0.06604,0.12874,0.09888,-0.03508,0.01098,-0.06446,-0.04025,0.00558,0.01965,-0.0138,0.02727,0.037,0.00354,0.04564,0.04453,0.12556,0.03451,-0.06168,-0.02235,0.08575,0.02298,0.04108,-0.0007,0.01098,0.0672,-0.04806,0.08682,0.02541,0.06488,0.0648,0.01114,-0.02891,-0.10155,0.05374,0.02844,-0.03155,0.01132,-0.05268,0.05025,-0.00635,0,-0.13461,-0.01197,0.00249,-0.00092,0.02612,0.01731,-0.00567,0.08213,-0.00407,-0.02921,0.0466,0.04182,-0.11396,-0.01675,0.00255,0.03591,0.06609,-0.0359,0.0045,-0.00833,-0.02194,-0.01785,-0.03747,0.12003,0.0176,-0.06704,0.07411,-0.00391,0.03033,0.09991,0.01918,0.04918,0.06928,0.11086,-0.04809,0.03038,-0.00243,0.03611,-0.03018,0.00127,-0.00484,-0.0029,-0.04198,-0.01308,-0.00991,0.05561,-0.05577,-0.01059,-0.00915,-0.03435,-0.07034,0.06048,-0.06082,0.1076,0.01095,0.05578,-0.0057,-0.04552,0.07014,0.0154,-0.07861,0.00678,0.01797,0.00179],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. - The actual list of nodes and their properties - The actual list of connections - Anything domain-specific — labels, step types, validation rules, metadata - Positions, if you want them persisted (the library tracks them during a drag, but the canonical value lives in your state) - History, for undo/redo (unless the optional managed-state plugin owns this generic graph history) 📌 In short: the library handles the UI layer, while your application owns the business logic.","excerpt":"- The actual list of nodes and their properties - The actual list of connections - Anything domain-specific — labels, step types, validation rules, metadata - Positions, if you want them persisted (the library tracks them during a drag, but the canonical value lives in your state) - History, for undo/redo (unless the optional managed-state plugin owns this generic graph history) 📌 In short: the library handles the UI layer, while your application owns the business logic."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#7","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06818,0.01473,-0.09204,0.01056,0.0152,-0.01938,-0.02005,0.05172,0.01931,0.03686,-0.05042,-0.01385,0.02003,-0.01404,0.01136,0.02354,-0.05454,-0.06765,-0.00061,-0.01336,0.00419,-0.06889,-0.05614,0.00384,-0.01951,0.068,-0.04428,-0.0148,0.03462,-0.04796,0.0284,0.06423,-0.02051,0.04794,-0.0152,0.01348,0.00865,-0.03469,-0.07713,-0.06605,0.04834,0.03279,0.0069,0.01861,-0.04198,0.05171,0.01629,-0.06075,-0.05126,0.05855,-0.07506,0.01711,-0.03665,0.09086,0.08536,0.081,0.03637,-0.0152,-0.0588,0.02862,-0.021,-0.01213,-0.03052,0.07497,0.00187,0.07775,-0.00667,0.04257,0.02561,-0.07128,-0.02053,-0.02681,-0.00582,-0.0157,0.0333,-0.0767,-0.00964,-0.00134,-0.01736,-0.08134,-0.0168,0.02018,0.02374,0.0423,-0.01365,0.03997,0.00173,-0.11024,0.03547,0.05188,-0.0219,0.01691,0.05495,-0.05245,0.05619,-0.01019,0.04408,-0.03103,-0.05912,0.05157,-0.00591,-0.01628,0.05014,0.05484,-0.02774,-0.05078,-0.03869,-0.01225,-0.04457,0.01688,-0.05078,0.05441,0.07215,-0.03012,0.03219,-0.04746,-0.07272,-0.01612,0.02303,0.01969,-0.04181,-0.03838,0.06293,0.00503,-0.03948,-0.0007,0.00136,0,0.00736,-0.04039,-0.02831,-0.01449,0.02019,0.02925,0.0017,-0.03751,-0.02893,-0.02107,0.01643,0.12379,-0.02721,0.07784,0.04523,-0.02094,-0.05878,0.04949,0.04954,-0.00521,0.13544,0.02945,-0.0017,-0.04534,0.07169,0.07647,-0.00894,0.05486,-0.00522,0.03351,-0.07458,-0.03831,-0.00803,0.01997,0.03077,0.05389,-0.05439,-0.06916,-0.03221,-0.09862,0.04221,-0.02786,-0.08044,-0.04845,0.00705,-0.0823,-0.05578,-0.06541,0.00908,0.01248,0.04852,0.01416,-0.02102,0.01508,0.00987,-0.0162,-0.00604,0.00736,-0.00987,0.04242,0.02782,0.03802,-0.04599,-0.00036,0.02848,0.11267,-0.03653,-0.00324,0.05906,-0.05892,-0.04503,0.097,-0.0105,-0.01538,0.0632,-0.05294,-0.00754,-0.02549,-0.06319,-0.04037,-0.0159,-0.12282,-0.02838,0.08792,0.10483,-0.05095,0.01177,-0.07472,-0.09602,0.0489,0.0927,-0.05681,0.02903,0.03529,0.0038,0,-0.01388,-0.02938,-0.01341,0.08327,0.01644,-0.0639,-0.01011,-0.00101,0.04856,-0.04119,-0.03312,-0.02182,0.03906,-0.02064,0.05318,-0.00697,-0.03519,-0.15886,-0.0779,-0.02734,-0.05865,0.0668,-0.04067,0.00214,-0.04231,0.02849,-0.10838,0.02057,0.02719,-0.03411,-0.0176,-0.03468,-0.13711,-0.09883,-0.03257,-0.03726,-0.04495,0.05323,-0.00169,-0.01963,0.01626,0.05132,-0.09722,0.01555,-0.01446,0.07799,-0.15312,0.02323,0.00922,0.00157,-0.04738,0.01918,0.01471,-0.05706,-0.04358,0.0408,0.13748,0.12099,-0.06656,0.00686,-0.01945,-0.05196,-0.00156,0.06315,0.03094,0.01858,0.02237,0.02927,0.0148,0.04625,0.14616,0.04816,-0.06591,-0.00913,0.12332,0.0586,-0.026,0.00897,-0.00514,0.03375,-0.03505,0.10049,0.01548,0.07418,0.03228,0.02528,-0.05242,-0.06349,0.02619,0.03388,-0.05023,0.01349,-0.06709,0.03252,-0.03584,0,-0.11822,-0.03098,0.01723,0.0389,0.06789,0.018,0.00279,0.02331,0.00001,-0.01469,0.07362,0.03911,-0.10368,-0.0187,-0.0021,0.00881,0.04666,-0.04407,-0.01965,-0.01439,-0.04457,0.01087,-0.04462,0.14002,0.00626,-0.05734,0.06925,0.01641,0.01862,0.07292,0.01906,0.05294,0.09635,0.10375,-0.04022,0.06496,0.044,0.05895,-0.06423,-0.04157,0.01431,0.05222,-0.0438,-0.01023,-0.03289,0.07523,-0.01904,-0.05891,-0.01928,-0.05108,-0.07649,0.04706,-0.06184,0.13611,0.02448,0.05169,0.00151,-0.00991,0.10188,0.03398,-0.04943,-0.01534,0.0375,0.03218],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. The managed-state plugin can own graph records and interaction history, but it never owns what those records mean, how they are validated, or where they are persisted.","excerpt":"The managed-state plugin can own graph records and interaction history, but it never owns what those records mean, how they are validated, or where they are persisted."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#8","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.04784,0.02259,-0.06348,0.01319,0.05531,-0.02405,0.01097,0.0707,0.08235,0.00155,-0.05764,-0.00557,-0.02667,-0.04515,0.02514,-0.01306,-0.00363,-0.07874,-0.02765,0.0018,0.01068,-0.08679,-0.06498,0.00263,-0.04154,0.07311,-0.03601,-0.06261,0.03072,-0.04363,0.01567,0.00243,0.01783,0.03448,0.00059,0.02381,0.00658,-0.0733,-0.08711,-0.05707,0.03976,-0.00229,-0.01378,0.02819,-0.04882,0.01873,0.03394,-0.03511,-0.074,0.08106,-0.04899,0.00922,-0.03597,0.08222,0.10227,0.07249,0.05034,-0.02326,-0.04977,0.03275,-0.02601,-0.00698,-0.03607,0.08108,0.03532,0.05691,-0.02092,0.00734,0.06555,-0.03421,-0.00802,0.00684,-0.00658,-0.0255,0.05132,-0.08661,-0.0078,0.03051,0.00975,-0.07217,-0.04554,0.00501,0.03642,0.01228,0.00278,0.01687,-0.01426,-0.06684,0.0343,0.05177,-0.02525,0.05453,0.03665,-0.00698,0.02029,0.01428,0.05535,-0.05506,-0.0718,0.056,-0.01116,0.01718,0.04387,0.12004,-0.00583,-0.085,-0.05324,-0.02033,-0.12981,0.00192,-0.03831,0.01322,0.11466,-0.02085,-0.02645,-0.02648,-0.06032,0.01581,-0.00191,0.01552,-0.01603,-0.02643,0.04789,0.00481,-0.00713,-0.01682,0.00231,0,-0.00869,-0.0502,-0.06314,-0.02282,0.03197,-0.01439,0.02105,-0.08564,0.02518,0.00702,0.02472,0.06753,-0.01188,0.04473,0.05026,-0.04325,-0.03573,0.03093,0.04578,0.00866,0.09966,0.03093,-0.00324,-0.0298,0.05414,0.10317,-0.04349,0.05406,-0.0288,0.06909,-0.07773,-0.01673,-0.01581,-0.02879,0.00169,0.01822,-0.05739,-0.10262,-0.03373,-0.07268,0.00893,-0.03116,-0.08985,-0.08609,-0.0291,-0.06342,-0.0511,-0.01935,-0.01711,0.00488,0.07922,0.04035,0.01233,-0.00517,0.01217,-0.02022,0.01673,0.00876,-0.02865,0.07084,0.05072,0.02739,-0.01681,0.00596,0.03099,0.10604,-0.03339,-0.02694,0.04838,-0.04453,-0.03515,0.11588,0.00193,0.00066,0.05668,-0.01907,0.00465,-0.04068,-0.06761,-0.03535,-0.01134,-0.08751,-0.00195,0.0807,0.08526,-0.04252,-0.00574,-0.06833,-0.14323,0.01511,0.08031,-0.06614,0.0847,0.01418,-0.01035,0,0.0161,-0.05092,-0.01416,0.0823,0.00438,-0.02508,-0.009,0.01401,0.04438,0.02102,-0.02861,-0.00301,0.00367,-0.01792,0.05067,0.00684,0.00082,-0.1338,-0.07303,-0.02352,-0.04401,0.05014,-0.04,-0.02025,-0.04996,0.01513,-0.11053,0.01893,0.01819,-0.0869,-0.04944,-0.02268,-0.10573,-0.11512,-0.00864,-0.0367,-0.01149,0.04246,0.00174,-0.03171,0.07868,0.06177,-0.07879,0.01175,-0.01522,0.09118,-0.11657,0.03548,0.00469,0.0112,-0.03671,0.02687,0.03486,-0.00029,-0.02861,0.08691,0.14263,0.08326,-0.07759,0.05008,-0.05461,-0.06935,0.02288,0.03977,0.07101,0.0341,0.01464,0.03274,0.08433,0.03418,0.16023,0.0534,-0.11134,0.01217,0.09597,0.07311,0.02369,-0.01971,0.00678,0.01864,-0.04399,0.10851,0.02345,0.04077,0.0627,0.03202,-0.04937,-0.10924,0.04326,0.03542,-0.05418,0.01376,-0.03071,0.06901,-0.01255,0,-0.10337,-0.00252,-0.02096,0.03486,0.0686,0.01929,-0.01963,-0.01069,-0.02587,-0.03469,0.03897,0.02182,-0.05667,-0.01749,0.02071,0.03235,0.06172,-0.05062,-0.0644,-0.04125,-0.02349,0.00935,-0.04198,0.09687,-0.00238,-0.05372,0.08066,0.00889,0.06245,0.0192,-0.03201,0.05382,0.06531,0.12092,-0.06247,0.05668,0.03917,0.02077,-0.04012,0.00097,0.05072,0.0296,-0.0606,0.00398,-0.049,0.08335,-0.06492,-0.0364,-0.02898,0.01401,-0.07649,0.07475,-0.0601,0.09059,0.01814,0.05616,0.02564,-0.03544,0.0748,0.03765,-0.01271,-0.00586,0.01445,-0.02141],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. ⚡ The event-driven model The golden rule of the stateless core: the library never mutates your application-owned data silently. Every user interaction that would change the graph is surfaced as an event. In this mode, the library does not write back into your signals or services. It waits. Concrete events on the fDraggable directive: f Draggable","excerpt":"⚡ The event-driven model The golden rule of the stateless core: the library never mutates your application-owned data silently. Every user interaction that would change the graph is surfaced as an event. In this mode, the library does not write back into your signals or services. It waits. Concrete events on the fDraggable directive:"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#9","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06978,-0.02105,-0.06763,0.04791,0.02975,0.01932,0.03296,0.06301,0.04399,0.00726,-0.00327,-0.02051,-0.01465,-0.0552,-0.02007,-0.00475,-0.06901,-0.05095,-0.03929,0.01297,-0.04374,-0.11655,-0.02858,-0.02498,0.00964,0.07271,-0.04459,-0.05887,0.02007,-0.06849,-0.01005,0.10925,-0.03385,0.03501,-0.02815,0.02846,0.0712,-0.03478,-0.10291,-0.05566,0.04455,-0.0062,0.01019,0.01341,-0.04172,0.07402,0.0236,-0.03176,-0.05918,0.08159,-0.04091,0.03662,-0.03673,0.13494,0.04706,0.08975,0.08045,-0.01318,-0.06585,0.04085,0.03284,-0.02387,-0.04027,0.05205,0.00276,0.05007,-0.0051,-0.00368,0.04504,-0.05548,0.0081,-0.00306,0.00413,-0.02593,0.08217,-0.05413,-0.00438,0.04647,-0.02475,-0.06356,0.02681,0.0415,-0.02266,0.02909,-0.01613,0.07076,-0.03654,-0.0603,-0.03276,0.07088,-0.04195,0.06592,0.00455,-0.06103,0.02149,-0.01012,0.01725,-0.04034,-0.02996,0.06804,0.01578,0.01078,0.00955,0.05335,-0.07045,-0.06316,-0.05907,-0.0294,-0.06706,0.01445,-0.02941,0.01244,0.05737,-0.03523,-0.03248,-0.04617,-0.05754,-0.0108,0.03866,0.05798,-0.02139,-0.00386,0.03578,0.02354,-0.02966,0.01816,-0.0461,0,0.00277,-0.04109,-0.01046,0.01938,0.05193,-0.00289,0.00101,-0.04104,-0.01745,0.00929,-0.03667,0.05506,-0.02341,0.02873,0.0357,-0.1324,-0.02622,0.05305,0.01005,-0.00151,0.07132,0.0097,0.0092,-0.04056,0.10431,0.06905,-0.07937,0.06119,0.03148,0.03518,-0.07516,-0.02806,-0.00067,0.01534,-0.0234,0.03004,-0.04408,-0.09947,-0.03846,-0.08245,0.00103,-0.03495,-0.09043,-0.0282,-0.00252,-0.08258,-0.08318,-0.01954,-0.00743,0.02249,0.04728,0.02096,0.03041,-0.04779,0.0227,-0.03983,-0.02783,0.05827,-0.02759,0.0926,0.03979,0.10532,-0.05556,-0.02968,0.0836,0.10526,-0.00766,0.02799,0.05797,-0.06317,-0.09465,0.11467,-0.00369,-0.00934,0.03954,-0.024,-0.04067,-0.06907,-0.03753,-0.05556,0.00439,-0.06428,-0.01383,0.03595,0.08144,-0.05457,0.01859,-0.0784,-0.12767,0.0134,0.0792,-0.01773,0.07835,0.02411,0.03271,0,-0.04249,-0.00896,-0.01563,0.06064,0.04004,-0.03071,-0.00534,-0.01465,0.0649,0.00474,-0.03397,0.02479,-0.01598,-0.04439,0.01822,0.00486,-0.01996,-0.14834,-0.03851,0.00262,-0.0048,0.04132,-0.0126,0.00789,-0.0689,0.01006,-0.01964,0.00906,0.00338,-0.04179,0.01853,-0.04694,-0.10103,-0.04273,0.03006,-0.04173,-0.01064,0.08833,0.02077,-0.02168,0.00493,0.05904,-0.06267,0.05115,-0.00756,0.06729,-0.16597,0.00528,-0.02609,0.02995,-0.06988,0.01144,-0.04869,-0.01477,-0.02551,0.08199,0.13947,0.04054,-0.02082,0.0037,-0.00861,-0.09557,-0.02869,0.01569,0.0884,0.0076,0.03033,0.02724,-0.00009,0.05368,0.12546,0.07826,-0.0288,-0.0464,0.11521,0.00126,-0.00498,-0.03443,-0.00759,0.06775,-0.02934,0.08409,0.00589,0.03502,0.02524,0.01202,-0.02784,-0.01039,0.06301,0.022,-0.0572,0.0129,0.02468,0.04833,-0.06565,0,-0.10605,-0.01953,-0.03841,0.02998,0.08741,0.02691,-0.05664,0.0604,-0.01753,-0.0695,-0.00353,0.05284,-0.07161,0.01759,0.0672,-0.04427,0.05467,-0.04427,-0.03029,-0.04703,-0.01851,0.00719,-0.05596,0.11264,-0.00762,-0.08144,0.042,0.02708,0.01604,0.02862,-0.01238,0.02779,0.0607,0.12148,-0.08945,0.08265,-0.00306,0.06891,-0.0646,0.02416,0.06324,0.05098,-0.06375,0.00003,-0.02566,0.04998,-0.02438,-0.03968,-0.05085,-0.0212,-0.0596,0.05327,-0.05545,0.11111,0.01534,0.02124,-0.00134,-0.01004,0.08676,0.02792,-0.1088,0.05031,0.01003,0.04041],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. - fCreateConnection — the user finished dragging a line from one connector to another. - fReassignConnection — the user detached an existing connection and attached it somewhere else. - fCreateNode — an external item was dropped onto the canvas. - fMoveNodes — a drag that moved one or more nodes finished, with the final positions. - fConnectionWaypointsChanged — the user edited the waypoints of a connection. - fSelectionChange — the set of selected nodes and connections changed. - fDropToGroup — a node was dropped into a group. f Create Connection f Reassign Connection f Create Node f Move Nodes f Connection Waypoints Changed f Selection Change f Drop To Group","excerpt":"- fCreateConnection — the user finished dragging a line from one connector to another. - fReassignConnection — the user detached an existing connection and attached it somewhere else. - fCreateNode — an external item was dropped onto the canvas. - fMoveNodes — a drag that moved one or more nodes finished, with the final positions. - fConnectionWaypointsChanged — the user edited the waypoints of a connection. - fSelectionChange — the set of selected nodes and connections changed. - fDropToGroup — a node was dropped into a group."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#10","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.01996,-0.01408,-0.04044,-0.0003,0.01085,-0.01226,-0.03221,0.04661,0.08955,-0.00163,-0.0625,-0.00403,-0.08536,-0.06307,-0.0033,0.00206,-0.03003,-0.03057,0.0002,0.03448,0.00831,-0.09672,-0.04204,-0.03821,-0.01871,0.13235,-0.02233,-0.03271,0.08537,-0.0519,0.05952,0.11411,-0.00793,0.04189,-0.08675,0.05364,0.01637,-0.06998,-0.10709,-0.00915,0.04788,0.01001,-0.0048,-0.00774,0.00641,0.08375,0.03403,-0.04262,-0.0348,0.06018,-0.00655,-0.00626,0.01208,0.09904,0.0134,0.1114,0.04982,-0.04187,-0.04625,0.02581,0.01235,0.00138,-0.00629,0.05102,0.06646,0.026,-0.00804,-0.07498,0.06016,-0.01835,0.02558,-0.01904,0.04348,-0.06601,0.05648,-0.07684,0.02317,0.01109,0.00048,-0.07154,0.03923,-0.00338,0.03679,0.015,-0.02388,0.04727,-0.04571,-0.0431,-0.0137,0.10042,-0.07769,0.05801,-0.05911,-0.02462,0.00704,0.00068,0.02245,-0.00017,-0.05466,0.04571,0.00659,-0.01015,0.02009,0.1017,-0.02524,-0.07548,-0.06021,0.04169,-0.0961,-0.01059,-0.00653,0.05196,0.04962,0.02058,-0.00669,-0.01346,-0.05238,-0.00075,0.01427,0.03102,-0.01479,-0.02971,-0.00441,0.04833,0.01079,-0.03549,-0.01357,0,-0.02437,-0.00131,0.01502,-0.02732,0.03491,0.03109,0.03584,-0.0794,0.01003,-0.00324,0.00563,0.04475,-0.05354,-0.0114,-0.02525,-0.10745,-0.05829,0.03337,-0.03257,0.0087,0.12958,0.00814,-0.04082,-0.05392,-0.01648,0.08029,-0.09125,0.06202,-0.09401,0.0165,-0.04552,-0.02132,0.01854,-0.04791,0.0116,-0.03123,0.01254,-0.06212,-0.07814,-0.06369,-0.02812,0.03126,-0.03191,-0.08172,-0.01161,-0.08687,-0.08214,0.03285,0.03127,0.08005,0.06185,0.00115,0.03455,-0.01577,-0.00062,-0.0081,-0.01558,0.01424,-0.02219,0.05947,0.04718,0.06178,-0.0481,-0.03418,0.00227,0.13859,0.00363,-0.00566,0.03494,-0.02017,-0.06126,0.1214,0.0308,-0.02403,0.10585,0.04328,-0.0423,-0.04786,-0.07513,-0.00115,0.01726,-0.04349,-0.01831,0.08391,0.12281,-0.058,-0.01044,-0.11205,-0.11306,0.0449,0.08646,-0.0586,0.07841,-0.01497,0.00455,0,0.01495,-0.00321,-0.05518,0.07777,0.00671,-0.04001,-0.01203,0.04285,0.02866,-0.00618,0.02267,0.02376,-0.06412,0.00037,-0.01128,0.00956,0.00376,-0.08829,-0.01916,-0.03938,-0.0068,0.04673,-0.048,-0.01118,-0.07155,0.04976,0.00876,0.03939,0.00889,-0.06251,-0.00356,-0.02372,-0.04331,-0.0798,0.02528,-0.02495,-0.06281,0.0288,0.02442,-0.02173,0.02603,0.07139,-0.05533,0.03452,-0.05164,0.05096,-0.11276,0.00517,0.03392,0.00992,-0.0173,0.06292,-0.05123,0.00105,-0.03443,0.07639,0.05182,0.10929,-0.021,0.02067,-0.0238,-0.052,-0.0223,-0.05018,0.09446,0.05272,-0.00743,0.05233,0.09942,0.07729,0.12743,0.05839,-0.05388,0.01591,0.09899,0.02987,0.03576,-0.03377,0.04502,0.08234,-0.08311,0.06244,-0.00414,0.09544,0.07125,0.01996,-0.07646,-0.07589,0.02897,0.02275,0.02123,0.07228,-0.03003,-0.00057,0.00481,0,-0.12671,-0.05266,-0.06231,0.03948,0.03494,-0.0086,0.01168,-0.01848,-0.0456,-0.07748,0.05783,0.03502,-0.00836,-0.07847,0.0635,-0.00974,0.03014,-0.08915,-0.07533,-0.03335,-0.05454,-0.0157,-0.0504,0.08748,-0.02697,-0.05876,0.07104,0.0366,0.0149,0.01312,-0.00934,0.04094,0.04265,0.10954,-0.09045,0.02177,-0.02244,0.02582,-0.03196,0.05169,-0.02226,0.04384,-0.03905,0.01143,-0.03193,0.0906,-0.00481,-0.04757,-0.02005,-0.00648,-0.03783,0.05088,-0.07783,0.10686,0.0414,-0.007,-0.02012,-0.00402,0.03964,0.04429,-0.07403,0.00327,0.02721,0.00422],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Node position, size, and rotation follow the same pattern. fNodePosition is a two-way binding, but the source of truth is still your signal. The library reports the new value at the end of a gesture. Writing it back is your call. Rendering lifecycle is also surfaced as events on the <f-flow component: - fNodesRendered — all nodes have been measured and laid out. - fFullRendered — nodes and connections have both finished rendering. This is the signal to run \"fit to content\" after loading a flow. This happened. You decide what to do. f Node Position f Nodes Rendered f Full Rendered","excerpt":"Node position, size, and rotation follow the same pattern. fNodePosition is a two-way binding, but the source of truth is still your signal. The library reports the new value at the end of a gesture. Writing it back is your call. Rendering lifecycle is also surfaced as events on the <f-flow component: - fNodesRendered — all nodes have been measured and laid out. - fFullRendered — nodes and connections have both finished rendering. This is the signal to run \"fit to content\" after loading a flow. This happened. You decide what to do."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#11","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06365,0.02643,-0.03804,-0.02853,-0.00604,-0.00592,0.03697,0.09719,0.05487,0.00002,-0.06614,-0.04932,-0.02786,-0.03833,0.01252,0.0177,-0.00751,-0.04846,-0.00828,0.01244,-0.00777,-0.03788,-0.03815,-0.01502,-0.04875,0.08947,-0.03481,-0.06219,0.05668,-0.01826,0.02539,0.11341,0.02255,0.06078,-0.05101,0.03395,0.02152,-0.06176,-0.11383,-0.07316,0.03075,0.02649,0.0226,0.04428,-0.01307,0.01953,0.023,-0.04426,-0.06982,0.07157,-0.07651,-0.00931,-0.00926,0.10793,0.02111,0.0808,0.04675,-0.00028,-0.03131,0.02572,0.02353,0.00226,-0.04798,0.10265,0.00053,0.0265,0.01767,0.01604,0.03957,-0.08033,-0.03724,-0.01759,-0.00466,-0.0212,0.05001,-0.08885,0.0104,0.00345,-0.00938,-0.08257,-0.00299,-0.01879,0.01379,0.00675,-0.02223,0.01718,-0.00637,-0.05776,0.03354,0.04415,-0.08202,0.05552,-0.01452,-0.06245,0.04449,0.02105,0.03041,-0.04348,-0.07547,0.07193,-0.02798,0.01299,0.04202,0.08103,-0.04409,-0.07745,-0.03911,-0.03341,-0.06358,0.00216,-0.05918,-0.03294,0.11614,-0.01631,-0.0161,-0.00062,-0.05226,-0.01236,0.02665,0.02646,-0.01961,-0.02524,-0.00153,-0.00386,-0.03384,-0.0167,0.01135,0,-0.01209,-0.05744,-0.02299,0.0234,0.04227,0.00878,0.04624,-0.09528,-0.00739,-0.01305,0.04643,0.08885,-0.03927,0.09804,-0.00771,-0.06488,-0.07211,0.069,0.03323,0.01564,0.10819,0.02042,-0.03886,-0.02732,0.07005,0.07055,-0.01624,0.04948,0.02511,0.03954,-0.0516,-0.03693,-0.03394,-0.02149,0.00973,0.01707,-0.05982,-0.09593,0.00028,-0.09804,-0.03092,-0.03388,-0.09413,-0.07522,0.00471,-0.08056,-0.06106,-0.01215,0.02864,0.02542,0.06939,0.02891,0.01562,0.01137,0.01093,-0.02762,-0.01992,0.01127,-0.01456,0.08954,-0.0007,0.0548,-0.04219,-0.01553,0.0119,0.08925,-0.0389,0.01348,0.06264,-0.03064,-0.09323,0.09819,0.00252,0.01279,0.02753,-0.02151,-0.00014,-0.02052,-0.07072,-0.01116,-0.05198,-0.07727,0.04026,0.12198,0.08665,-0.03088,0.01334,-0.08789,-0.12915,0.04475,0.06945,-0.02926,0.02333,0.02966,0.04344,0,0.00659,-0.01559,-0.05275,0.10319,0.01353,-0.01917,0.03881,-0.00804,0.07544,-0.04974,0.00526,0.0205,0.01146,-0.02957,0.05285,-0.0129,0.02305,-0.12629,-0.05358,0.01478,-0.00932,0.03992,-0.04042,-0.03352,-0.08603,0.01196,-0.07094,0.01637,-0.03048,-0.03894,0.00233,-0.02147,-0.13654,-0.09926,-0.02154,-0.04218,-0.04399,0.05582,-0.00882,-0.04398,0.06462,0.01717,-0.09139,0.0489,-0.04423,0.06028,-0.10329,-0.01157,0.01927,0.00075,-0.03684,0.04341,-0.00968,-0.04348,-0.02863,0.09053,0.13239,0.05753,-0.06924,-0.00971,-0.00952,-0.01819,0.03266,-0.00279,0.04968,0.03065,-0.01495,0.04646,0.03546,0.06939,0.12609,0.03704,-0.05988,0.02599,0.12391,0.04851,0.02551,-0.05574,0.01649,0.02989,-0.06722,0.11651,0.04379,0.03181,0.06582,0.01765,-0.09691,-0.08048,0.02712,0.03588,-0.04674,0.04087,-0.02775,0.03752,-0.0138,0,-0.09706,-0.03421,-0.00106,-0.01448,0.05309,0.04263,-0.00312,0.04011,-0.01595,-0.02699,0.05202,0.01453,-0.05045,-0.01014,0.02414,0.04189,0.01829,-0.05207,-0.08442,-0.06002,-0.0629,0.00909,-0.04882,0.1061,0.02399,-0.02842,0.09137,0.0069,0.03163,0.01746,0.00815,0.02544,0.03913,0.07876,-0.03163,0.09347,0.03885,0.01955,-0.03722,-0.03012,-0.00231,0.07041,-0.03242,-0.00602,-0.04749,0.0835,-0.05185,-0.03856,-0.04655,-0.01503,-0.08328,0.05909,-0.04236,0.13254,0.04749,0.06364,-0.01402,-0.04494,0.09228,0.06173,-0.06929,0.01034,0.03814,0.01038],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. That one sentence is the whole interaction contract. Installing withFlowState() is an explicit variation of that contract: supported gestures are applied to the provided store automatically, while their public events remain observable. with Flow State","excerpt":"That one sentence is the whole interaction contract. Installing withFlowState() is an explicit variation of that contract: supported gestures are applied to the provided store automatically, while their public events remain observable."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#12","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.09813,0.03938,-0.04851,0.01044,0.02063,0.00285,-0.05695,0.10405,0.05259,0.02301,-0.1029,-0.02723,0.00407,-0.01017,0.06517,0.03007,0.00675,-0.07548,-0.02135,-0.05028,0.00442,-0.10117,-0.06888,-0.0169,0.02237,0.08743,-0.02563,-0.08011,0.05619,0.01459,0.05328,0.04078,-0.03115,0.06825,-0.08515,0.04133,-0.03169,-0.06208,-0.05618,-0.03965,0.04122,0.05343,-0.03755,-0.0005,-0.03032,0.03063,-0.0054,-0.04237,-0.0524,0.01569,-0.05567,0.01011,-0.01325,0.05115,0.05651,0.06213,0.01802,-0.02938,-0.07084,0.0355,0.00368,-0.09546,-0.0095,0.05553,0.05899,0.02668,0.01403,0.00703,0.07316,-0.08436,-0.01568,-0.0032,0.05043,-0.05776,0.04913,-0.09689,0.02561,0.04793,0.02959,-0.05697,-0.01751,0.03329,0.00904,0.03741,-0.00489,0.03907,-0.01539,-0.09947,0.01058,0.05201,-0.01098,0.03124,0.02779,-0.01026,0.03509,0.05809,0.03572,-0.02629,-0.07944,0.06191,0.01744,0.00951,0.07937,0.05006,-0.03203,-0.09322,-0.02793,0.01531,-0.08063,0.02117,-0.01244,0.05977,0.08571,0.01756,-0.00846,-0.0402,0.00676,-0.04053,0.02015,0.03197,-0.01059,-0.03013,0.06535,-0.00683,0.00458,0.02244,-0.02111,0,-0.01917,-0.01028,0.033,-0.05462,0.03136,0.00983,0.01891,-0.05848,0.01156,-0.00323,0.00291,0.10699,-0.02619,0.11063,0.02124,-0.09483,-0.05406,0.03901,0.04493,0.00413,0.09678,0.02284,0.00645,-0.0181,0.01488,0.05113,-0.04384,0.06066,-0.07682,0.02461,-0.05214,0.00206,-0.04254,0.03061,0.01687,-0.00296,-0.02509,-0.04137,-0.04532,-0.13892,-0.00058,0.0258,-0.06793,-0.02578,-0.032,-0.05691,-0.06099,-0.04059,-0.03479,0.01962,0.06049,0.03382,0.01432,-0.00706,0.05114,-0.04714,0.02878,-0.01379,0.01148,0.05376,0.04356,-0.00741,-0.0174,0.01433,0.0325,0.12876,-0.02839,0.00179,0.03055,-0.02092,-0.0226,0.16722,-0.01731,-0.01865,0.0841,-0.05839,0.02046,-0.05713,-0.06505,-0.06469,0.00533,-0.06535,-0.00535,0.1104,0.06813,-0.04321,0.01844,-0.07487,-0.06208,-0.00412,0.05449,-0.1085,0.047,0.00526,0.03355,0,0.01166,-0.0338,-0.00982,0.07388,0.01513,-0.08582,0.02881,0.03612,0.05571,0.01909,-0.0032,-0.01346,0.01588,-0.00397,0.05076,0.03566,0.00229,-0.14833,-0.02488,-0.05953,-0.03862,0.06475,-0.08235,-0.03802,-0.03058,0.02398,-0.11406,-0.00312,0.02714,-0.05693,-0.04163,-0.07539,-0.0951,-0.11095,-0.03449,-0.0134,-0.04064,0.09071,0.00105,-0.02049,-0.02482,-0.00361,-0.10835,0.04129,-0.007,0.03653,-0.10122,0.03443,-0.01156,-0.00433,-0.00942,0.01695,0.0189,-0.02005,-0.02807,0.01349,0.13654,0.05826,-0.03759,-0.00838,-0.09321,-0.07728,-0.00902,0.02928,0.01085,0.00159,-0.00721,0.00993,0.06102,0.0524,0.11456,0.05223,-0.03721,-0.00392,0.15276,0.037,0.00974,-0.00642,0.03367,0.06394,-0.10004,0.06141,0.05242,0.03768,0.07262,-0.0098,-0.03344,-0.08309,0.02319,0.04908,-0.02959,0.04376,-0.04692,0.07605,-0.00691,0,-0.09475,-0.0461,-0.02927,0.04023,0.07098,0.01034,-0.02315,0.03661,-0.02041,0.00793,0.06966,0.04145,-0.06545,-0.03229,0.04139,0.0489,0.06967,0.00232,-0.0421,-0.02358,-0.06251,-0.00496,-0.04302,0.07896,0.04619,-0.07276,0.09562,0.0271,0.0321,0.03633,-0.04913,0.05332,0.0928,0.08604,-0.04108,0.0566,0.03525,0.03222,-0.03354,0.02199,0.00114,0.01077,-0.06531,-0.00511,0.00018,0.09019,-0.08005,-0.00878,0.01371,-0.01717,-0.05721,0.04758,-0.08843,0.09148,0.02292,0.01974,-0.02054,-0.02591,0.06383,0.01847,-0.04408,0.02845,0.01041,0.00148],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. 🧩 How this plays out in practice This is where the shape of the API diverges from what people expect the first time they try the library. People usually reach for something like setState(…) or loadFromJSON(…). A method on the component that takes the full graph and renders it. That is the reducer-for-graphs mental model. The core component does not work that way. ❌ How people expect the API to work: set State load From JSON","excerpt":"🧩 How this plays out in practice This is where the shape of the API diverges from what people expect the first time they try the library. People usually reach for something like setState(…) or loadFromJSON(…). A method on the component that takes the full graph and renders it. That is the reducer-for-graphs mental model. The core component does not work that way. ❌ How people expect the API to work:"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#13","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.0747,0.01983,-0.07323,0.02559,-0.01384,0.06404,0.00306,0.06116,0.02948,-0.01359,-0.08135,0.02566,-0.04869,-0.03354,0.04831,0.03723,-0.03343,-0.06864,0.00089,-0.03842,0.00304,-0.07983,-0.01824,-0.00093,-0.0353,0.10554,0.01639,-0.02035,0.06619,-0.00552,0.05538,0.03411,-0.02745,0.06541,-0.10662,0.04425,0.00753,-0.0333,-0.0814,-0.02942,0.10111,0.06661,-0.03333,-0.01502,0.0153,0.03177,-0.01932,-0.03782,-0.02224,0.03025,-0.04097,0.03457,-0.02071,0.09809,0.07583,0.0258,0.02006,-0.0348,-0.01496,0.00753,0.03413,-0.04523,0.05975,0.03591,0.00079,0.01573,-0.03766,0.06045,0.06802,-0.01823,0.00655,-0.02357,0.04488,-0.06596,0.05161,-0.1024,-0.00803,0.01107,-0.01008,-0.02202,-0.03889,-0.02122,0.00738,0.03509,-0.05555,0.05802,-0.02439,-0.07744,0.03293,0.03942,-0.06263,0.0448,0.01006,0.02223,0.07036,0.02282,0.02351,-0.00654,-0.05119,0.03613,0.01911,0.01483,0.03378,0.09682,-0.07656,-0.03639,-0.02567,-0.0133,-0.07558,-0.0103,-0.0297,0.0899,0.05658,0.03258,-0.07236,-0.04701,-0.03589,-0.00371,0.06659,0.07061,0.01694,-0.08294,0.02577,0.01673,0.01489,-0.01282,0.02691,0,-0.0371,-0.01394,-0.03478,-0.03404,0.01902,0.01361,0.01982,-0.08732,-0.0265,0.04866,-0.03286,0.06561,-0.04991,0.07186,-0.00801,-0.08412,-0.00111,0.01269,0.04609,0.00677,0.11928,0.00377,-0.03534,-0.02528,0.04369,0.0172,-0.08984,0.05503,-0.05291,0.01552,-0.04693,-0.0003,0.00763,-0.00962,0.01593,0.00273,-0.01223,-0.05776,-0.06613,-0.08899,0.06187,-0.01774,-0.07161,-0.037,-0.03198,-0.06577,-0.07636,-0.02384,0.02964,0.0362,0.01849,-0.00772,-0.01678,-0.03286,0.05302,-0.02669,-0.00413,0.03227,-0.00956,0.07326,0.01524,0.06952,0.01581,-0.00552,0.04294,0.09846,-0.05197,-0.01996,0.02408,-0.0447,-0.05619,0.11861,-0.04987,-0.00825,0.06292,-0.03452,-0.02262,-0.00379,-0.00677,-0.058,0.01576,-0.10546,-0.03018,0.16027,0.11998,-0.02036,-0.03809,-0.10515,-0.09149,0.02548,0.03698,-0.02729,0.05242,-0.03376,-0.04091,0,0.00711,0.02199,-0.00227,0.03798,-0.03156,-0.06209,0.00322,0.03248,0.05405,0.02494,0.01808,-0.00364,0.03212,-0.01009,0.03459,0.02514,-0.01615,-0.14433,-0.04463,-0.06704,-0.04213,0.02755,-0.03751,-0.00348,-0.08216,0.03403,-0.04468,0.03396,-0.00609,-0.05635,-0.07488,-0.04554,-0.05371,-0.03814,-0.01216,-0.0249,-0.0251,0.06492,0.01369,-0.03416,-0.0164,0.08449,-0.08651,0.03557,-0.03766,0.08048,-0.09186,0.062,-0.0185,0.01209,-0.03879,0.05141,0.00468,-0.02037,-0.03659,0.02872,0.08951,0.03078,-0.01621,-0.02273,-0.04685,-0.10015,-0.02213,0.0217,0.09068,0.00592,-0.03652,-0.0053,0.08033,0.04737,0.13578,0.05354,-0.04143,-0.00952,0.13177,0.00957,-0.0119,-0.02838,0.02819,0.06799,-0.03435,0.1016,0.0412,0.07866,0.06685,0.04757,-0.04456,-0.10343,0.02636,0.04544,-0.03405,0.06109,-0.06775,0.00793,0.01707,0,-0.1362,-0.06025,-0.07478,-0.01695,0.03525,-0.03303,-0.08313,-0.02823,-0.00265,-0.02997,0.05117,0.05063,-0.05312,-0.05343,0.03971,0.03129,0.0164,-0.02037,-0.03509,0.00267,-0.00513,-0.01171,-0.05475,0.15473,0.05302,-0.05943,0.13192,0.00754,0.04427,0.03766,-0.04759,0.02074,0.11773,0.14297,-0.03898,0.03479,0.00772,0.0441,-0.05243,0.02898,0.00953,0.02286,-0.05205,0.00472,-0.03145,0.08525,-0.01628,-0.00787,-0.00249,-0.02346,-0.03303,0.0566,-0.07173,0.07918,-0.01424,0.01122,-0.04729,-0.02598,0.0165,0.01723,-0.08038,0.06016,0.01125,-0.04683],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. ✅ How the library actually works: `typescript // Your data lives in your component - here as signals. protected readonly nodes = signal([ { id: '1', position: { x: 100, y: 200 } }, { id: '2', position: { x: 300, y: 200 } }, ]); protected readonly connections = signal([ { id: 'c1', from: '1', to: '2' }, ]);","excerpt":"✅ How the library actually works: `typescript // Your data lives in your component - here as signals. protected readonly nodes = signal([ { id: '1', position: { x: 100, y: 200 } }, { id: '2', position: { x: 300, y: 200 } }, ]); protected readonly connections = signal([ { id: 'c1', from: '1', to: '2' }, ]);"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#14","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.02958,0.06105,-0.04088,0.02914,0.0718,0.01218,0.03362,0.03768,0.07393,-0.02877,-0.04219,0.03099,-0.03237,-0.03595,-0.00226,0.03753,-0.06564,0.03156,0.00858,-0.00491,-0.00709,-0.10454,0.02563,-0.02238,-0.05213,0.10731,-0.01557,-0.06435,0.02641,-0.07045,0.0489,0.02484,-0.01379,0.02853,-0.09572,0.08078,-0.0464,-0.02217,-0.09142,-0.0245,0.03182,0.03741,0.03234,-0.04686,0.03697,0.09034,-0.02196,0.02618,-0.03304,0.0757,-0.03222,-0.03384,0.02048,0.09948,0.01043,0.05507,0.07205,-0.07626,-0.02783,0.01168,0.08197,-0.01694,0.0172,0.0409,0.00701,0.01246,-0.00538,-0.00018,0.04829,0.02411,0.03864,-0.00693,0.05626,-0.0635,0.0472,-0.12812,-0.02538,0.04359,-0.04671,-0.01227,0.01273,-0.03525,0.02857,-0.00034,0.01185,0.05346,-0.07102,-0.0214,-0.00857,0.04764,-0.11768,0.07753,-0.02762,-0.03089,0.08218,0.04596,0.02719,-0.00101,-0.05845,0.061,0.04535,0.01841,-0.02663,0.08428,-0.02043,-0.04781,-0.04253,-0.01614,-0.05722,-0.00383,-0.03914,0.06474,0.03299,0.03899,-0.06772,-0.05265,-0.03427,0.00483,0.01516,0.04806,0.06447,-0.02184,-0.00136,-0.00019,0.02607,0.01285,-0.02411,0,0.01953,-0.02145,-0.03172,-0.02803,0.06915,0.01908,0.01367,-0.09857,0.00188,-0.00142,-0.02322,0.02796,-0.03055,-0.01142,0.00424,-0.13379,-0.01713,0.04934,0.0258,-0.02613,0.09957,-0.04809,-0.04156,-0.02353,0.04728,0.10172,-0.09534,0.08388,-0.04955,-0.00339,-0.02804,-0.05461,-0.01437,-0.01879,-0.00114,0.01098,-0.04983,-0.08201,-0.04797,-0.12375,0.00751,-0.00112,-0.05934,-0.06383,-0.02355,-0.05385,-0.07179,-0.00862,0.0169,0.04218,0.04242,0.02906,-0.00131,-0.08842,0.0137,-0.04905,-0.01361,0.0425,-0.05781,0.08672,0.04615,0.05249,-0.0137,-0.05028,0.03814,0.09286,-0.02875,0.03358,0.06026,-0.08783,-0.0394,0.09859,0.03822,0.01106,0.04521,-0.00076,-0.03146,-0.06544,-0.08161,-0.06776,-0.02305,-0.09882,-0.02375,0.11113,0.11663,-0.03799,0.00978,-0.07717,-0.08482,0.06922,0.06674,0.0063,0.03679,-0.01295,0.02637,0,-0.00159,0.02695,0.01624,0.06414,0.01571,-0.04708,-0.00745,0.01903,0.0286,-0.00162,-0.07001,-0.00123,-0.0589,-0.01489,0.05134,0.04418,-0.00393,-0.07566,-0.03363,-0.00872,-0.05012,0.11109,-0.01377,0.03753,-0.09162,0.03148,-0.00088,-0.00135,-0.04048,-0.04395,-0.02113,-0.04459,-0.0465,-0.03491,0.06715,-0.06108,-0.04648,0.06414,0.03166,0.01246,0.04072,0.03298,-0.07273,0.03211,-0.0241,0.07122,-0.13522,0.09605,-0.01334,0.02461,-0.07087,0.00968,-0.06416,-0.05762,0.01989,0.05445,0.09506,0.02824,-0.02955,-0.00965,-0.04424,-0.04137,-0.04286,0.04024,0.08234,0.03155,-0.04989,0.05501,0.04744,0.1014,0.07408,0.07627,-0.03292,-0.00423,0.11008,0.00341,0.05148,0.00862,0.02396,0.00173,-0.04308,0.08902,0.03424,0.00895,0.03687,0.03974,-0.05605,-0.07391,0.01897,0.01781,-0.00476,0.05304,-0.01295,-0.00455,-0.00072,0,-0.17026,-0.0114,-0.03983,0.00007,0.04334,0.00562,-0.00952,0.03492,-0.02529,-0.05565,0.03844,0.03746,0.0375,-0.01192,0.01769,-0.01195,0.02825,-0.00566,-0.06253,0.06342,-0.02181,-0.01721,-0.06352,0.13266,0.01797,-0.13805,0.05911,-0.00707,0.03966,-0.00097,-0.0511,0.02772,0.06816,0.14793,-0.06821,0.00738,-0.00395,0.00415,-0.05701,0.03885,-0.0035,0.03276,-0.05613,-0.0149,-0.06219,0.0332,-0.03527,-0.08691,-0.00005,-0.00544,-0.06741,-0.00629,0.01392,0.08583,0.05826,0.03876,-0.03312,-0.00249,0.05065,0.03333,-0.06688,0.03537,-0.00205,-0.00843],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. protected onMoveNodes(event: FMoveNodesEvent): void { // The library reported a gesture. You decide what to do. this.nodes.update((list) = list.map((n) = { const moved = event.nodes.find((m) = m.id === n.id); return moved ? { ...n, position: moved.position } : n; }), ); } html <f-flow fDraggable (fMoveNodes)=\"onMoveNodes($event)\" <f-canvas @for (node of nodes(); track node.id) { <div fNode [fNodeId]=\"node.id\" [fNodePosition]=\"node.position\" {{ node.id }} </div } on Move Nodes F Move Nodes Event f Draggable f Move Nodes f Node f Node Id f Node Position","excerpt":"protected onMoveNodes(event: FMoveNodesEvent): void { // The library reported a gesture. You decide what to do. this.nodes.update((list) = list.map((n) = { const moved = event.nodes.find((m) = m.id === n.id); return moved ? { ...n, position: moved.position } : n; }), ); } html <f-flow fDraggable (fMoveNodes)=\"onMoveNodes($event)\" <f-canvas @for (node of nodes(); track node.id) { <div fNode [fNodeId]=\"node.id\" [fNodePosition]=\"node.position\" {{ node.id }} </div }"},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#15","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.07661,0.01637,-0.13157,0.01806,-0.03527,0.0975,-0.00295,0.07476,0.03221,0.0063,-0.08221,-0.01425,-0.03212,-0.03665,0.02621,0.03494,-0.03291,-0.10491,0.01841,-0.01117,-0.00381,-0.094,-0.01664,-0.02305,0.00086,0.12951,0.00869,-0.06401,0.03645,0.00004,0.04739,0.02591,0.02605,0.03499,-0.08295,0.00964,-0.007,-0.01262,-0.0807,-0.04216,0.05108,0.05948,0.01099,0.0234,-0.01919,0.04958,-0.04969,-0.00171,-0.03376,0.04522,-0.0615,0.00494,-0.00076,0.06219,0.06338,0.06034,0.05899,-0.01743,-0.0158,0.04917,0.02786,-0.05887,0.01503,0.05164,0.03061,0.03757,-0.0019,0.00795,0.07995,-0.07631,-0.02569,0.03487,0.05568,-0.07285,0.02867,-0.06891,-0.00656,0.05948,0.01186,-0.06946,0.01918,0.00111,-0.00879,0.02652,0.00513,0.03101,-0.01957,-0.08704,-0.00638,0.05065,-0.07978,0.06637,-0.0211,-0.03099,0.01069,0.05298,0.03986,0.0044,-0.06166,0.04049,0.03019,0.00098,0.06856,0.08611,-0.08774,-0.04714,-0.06853,0.01126,-0.07841,-0.01878,-0.01846,0.07803,0.04872,0.05703,-0.00991,-0.02058,0.00415,-0.02146,0.04953,0.04601,-0.01656,-0.05038,0.02297,0.0061,-0.01985,0.02341,-0.04845,0,0.01435,0.01373,-0.04749,-0.05069,0.03836,0.02844,-0.00466,-0.10462,-0.0021,0.06657,-0.0259,0.09281,-0.02508,0.08569,0.00731,-0.10588,-0.01385,0.03223,0.05997,-0.06491,0.07641,0.00256,0.00293,-0.02588,0.08229,0.0898,-0.04512,0.06923,-0.0378,0.00977,0.00169,0.0164,-0.01346,-0.02246,0.04437,-0.02948,-0.01753,-0.08529,-0.03759,-0.08735,0.07194,-0.0352,-0.05543,-0.00407,-0.03374,-0.03799,-0.09913,-0.01136,0.0329,0.04494,-0.01078,0.00279,-0.02801,-0.05666,0.02784,-0.0724,-0.03034,0.03104,0.00228,0.04943,0.03478,0.03387,-0.00508,-0.02121,-0.00252,0.10637,-0.07483,-0.04739,0.074,-0.01453,-0.04186,0.13863,0.0244,-0.00879,0.05609,0.00562,-0.05729,-0.02367,-0.08342,-0.04421,0.00607,-0.10598,-0.06266,0.14674,0.09816,-0.07088,-0.0042,-0.07739,-0.07998,0.02273,0.06294,-0.02351,0.07344,-0.00344,-0.00469,0,-0.00132,0.02813,0.02007,0.01336,0.01168,-0.06164,0.07337,0.02902,0.02758,0.02644,0.03712,-0.02308,-0.00035,-0.02598,0.02634,0.02266,0.0396,-0.11246,-0.00288,-0.07115,-0.04145,0.00893,-0.05234,0.01579,-0.03,0.04322,-0.04219,-0.04178,-0.0222,-0.00354,-0.04115,-0.02485,-0.084,-0.066,-0.02065,-0.01714,0.00501,0.02478,0.01819,-0.0197,-0.01721,0.03894,-0.08593,0.05309,-0.04217,0.04871,-0.13437,0.08891,-0.0442,0.01554,-0.04412,0.00816,0.02839,-0.06406,-0.065,0.03759,0.14154,0.05652,-0.02343,-0.00259,-0.02357,-0.08777,-0.04621,0.00446,0.05629,0.04715,-0.00681,-0.01002,0.08776,0.08602,0.10592,0.02963,-0.02129,-0.01801,0.13194,0.0356,-0.00908,-0.01653,0.0289,0.05551,-0.01974,0.09066,0.03447,0.02049,0.06828,0.0274,-0.07147,-0.05202,0.04354,0.03707,-0.03465,0.06746,-0.05798,0.03089,0.02836,0,-0.12451,-0.03717,-0.01672,-0.01046,0.0816,0.007,-0.03081,-0.00668,-0.01727,-0.05738,0.00555,0.07435,-0.06307,-0.03929,0.06153,0.01237,0.02106,-0.02226,-0.01863,0.0268,-0.02763,-0.02937,-0.06348,0.14704,0.02802,-0.1057,0.08305,0.04327,0.03723,0.05821,-0.01233,0.0229,0.10914,0.09161,-0.03739,0.04581,-0.00585,0.01378,-0.08282,0.02557,0.00288,0.01174,-0.05203,-0.02302,-0.04152,0.06635,-0.02956,-0.00113,-0.00325,-0.01975,-0.07828,0.03144,-0.05485,0.05128,-0.00067,0.02199,-0.03137,-0.02171,0.04071,0.04096,-0.0835,0.0209,-0.00671,-0.03095],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. @for (c of connections(); track c.id) { <f-connection [fOutputId]=\"c.from\" [fInputId]=\"c.to\"</f-connection } </f-canvas </f-flow In the default mode there is no setState` and no hidden graph store. The template is the graph — driven by your signals, rendered by Angular, with the library wiring up interactivity on top. f Output Id f Input Id set State","excerpt":"@for (c of connections(); track c.id) { <f-connection [fOutputId]=\"c.from\" [fInputId]=\"c.to\"</f-connection } </f-canvas </f-flow In the default mode there is no setState` and no hidden graph store. The template is the graph — driven by your signals, rendered by Angular, with the library wiring up interactivity on top."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#16","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06078,0.03176,-0.08284,0.03668,0.00526,0.02699,-0.03364,0.07933,0.03689,0.00398,-0.10387,-0.00848,-0.0591,-0.05228,0.01708,0.00939,0.01476,-0.06357,-0.00144,0.00926,0.01631,-0.07791,-0.0286,-0.03223,-0.00937,0.11501,-0.02304,-0.04904,0.08876,-0.04916,0.04257,0.05718,0.00648,0.0436,-0.07626,0.07378,-0.00465,-0.06062,-0.10895,-0.0268,0.06194,0.05563,-0.00692,-0.00518,-0.01636,0.02628,0.01287,-0.03111,-0.06606,0.02161,-0.04503,0.01328,-0.02909,0.0868,0.03012,0.0465,0.06801,-0.02183,-0.07319,0.03139,-0.03741,-0.03577,-0.0002,0.06196,0.07362,0.04629,-0.00374,-0.02245,0.04798,-0.04252,-0.04258,0.00403,0.0581,-0.04024,0.01307,-0.09549,-0.0126,0.02786,0.02944,-0.04674,0.01267,-0.00228,0.01861,-0.01142,-0.02997,0.05208,0.00359,-0.06771,0.03286,0.0409,-0.05859,0.05573,-0.00971,0.00007,-0.00189,0.02185,0.04578,-0.04331,-0.08984,0.02069,0.01525,0.0001,0.08247,0.12627,-0.05265,-0.09164,-0.02644,0.03021,-0.09687,-0.00651,0.00989,0.05336,0.08731,-0.00882,-0.03235,-0.05699,-0.02766,-0.02958,0.03701,0.06448,0.00539,-0.05017,0.04559,0.03927,0.01372,-0.04036,-0.01078,0,0.00276,-0.02336,-0.02139,0.02822,0.02085,0.01778,0.0274,-0.11766,-0.00974,0.01408,0.05613,0.11005,-0.03144,0.0541,0.01851,-0.10723,-0.05871,0.03978,0.02065,0.00822,0.1023,0.00608,-0.016,-0.03196,0.04132,0.06574,-0.05095,0.06767,-0.11038,0.02022,0.01379,-0.03617,-0.04421,-0.04554,0.03415,-0.02482,-0.02746,-0.05272,-0.04749,-0.07759,0.00723,-0.03446,-0.03517,-0.02844,-0.01841,-0.10825,-0.07995,0.01218,0.01396,0.04537,0.0606,0.02494,0.00736,-0.03041,0.03379,0.00043,-0.02218,0.00147,-0.00042,0.06419,0.03689,-0.00365,-0.05143,-0.04087,-0.00539,0.09501,-0.00542,-0.02257,0.07776,-0.02166,-0.04642,0.08546,0.06211,0.03033,0.09063,0.03157,-0.00341,-0.03565,-0.04547,-0.03954,0.01481,-0.06952,-0.03079,0.11401,0.09539,-0.10299,-0.02566,-0.105,-0.12167,-0.00478,0.07497,-0.04749,0.09629,-0.01433,0.0223,0,0.0555,-0.05772,-0.03813,0.08133,-0.00724,-0.03733,0.03188,0.04779,0.05599,-0.00185,0.01521,0.03946,-0.01452,-0.00823,0.00555,0.03211,-0.00002,-0.15117,0.01013,-0.04079,-0.00967,0.00258,-0.0356,0.00243,-0.0602,0.06438,-0.03206,-0.00634,-0.03025,-0.05962,-0.0036,-0.02829,-0.08852,-0.08068,-0.05939,-0.04477,-0.03205,0.04134,0.01414,-0.00694,0.04917,0.04531,-0.06832,0.03267,-0.07145,0.0146,-0.09451,0.01277,0.02441,-0.0114,-0.01671,0.04247,-0.01597,-0.0234,-0.06599,0.02496,0.06617,0.0807,-0.02777,0.04654,-0.01659,-0.06174,-0.01104,-0.0036,0.00376,0.01938,-0.05614,0.03662,0.10502,0.08833,0.13363,0.04518,-0.0259,0.00353,0.10059,0.04242,0.06663,-0.07474,0.04579,0.04696,-0.02797,0.09841,-0.039,0.02389,0.06816,-0.02475,-0.08611,-0.09648,0.02109,0.02088,-0.02466,0.051,-0.02777,0.01299,0.00512,0,-0.11557,-0.03761,-0.02641,0.03161,0.06712,0.02835,-0.03264,-0.0458,-0.02475,-0.07433,0.04907,0.0321,-0.03502,-0.04046,0.07232,0.04127,0.05196,-0.05859,-0.06478,-0.03351,-0.05697,0.03776,-0.05557,0.09507,0.01368,-0.04561,0.09145,0.0134,0.05552,0.03952,-0.01201,0.07566,0.06609,0.08301,-0.06319,0.05329,-0.00285,0.03009,-0.05215,0.00016,0.02562,0.05214,-0.01573,-0.02223,-0.05883,0.07685,-0.054,-0.00629,0.00095,-0.02182,-0.03873,0.03937,-0.10861,0.09992,0.02486,0.00908,-0.01321,-0.00614,0.05093,0.06765,-0.07205,0.01974,0.04514,-0.00109],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Initialization works the same way in stateless mode. You hydrate your own signals from your backend or file, Angular renders the template, the library picks up the <f-node and <f-connection children and makes them interactive. When rendering settles, fFullRendered fires — that is the place to call getState() for measured bounds and run \"fit to content\". f Full Rendered get State","excerpt":"Initialization works the same way in stateless mode. You hydrate your own signals from your backend or file, Angular renders the template, the library picks up the <f-node and <f-connection children and makes them interactive. When rendering settles, fFullRendered fires — that is the place to call getState() for measured bounds and run \"fit to content\"."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#17","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.05858,0.04915,-0.07568,0.03603,-0.00535,0.00154,-0.04488,0.06984,0.01887,0.01595,-0.07226,-0.01504,-0.01897,-0.03288,0.01582,0.02006,-0.02061,-0.08236,0.04569,-0.00105,-0.00862,-0.05478,-0.02611,-0.00925,0.03196,0.08899,-0.06047,-0.01539,0.06038,-0.00438,0.04807,0.04083,-0.0178,0.08402,-0.01478,0.044,0.00335,-0.04307,-0.08261,-0.01914,0.0605,0.05485,0.03269,0.02006,-0.05372,0.08744,-0.01036,-0.00845,-0.029,0.06141,-0.04556,0.01958,-0.01548,0.0621,0.07758,0.0733,0.06278,-0.05401,-0.05211,0.03023,-0.01996,-0.02584,0.00917,0.04977,0.00045,0.0879,0.00844,0.033,0.07745,-0.04983,0.02991,-0.00362,0.01083,-0.04216,0.02535,-0.07513,0.02514,0.01778,-0.03367,-0.06163,-0.00658,-0.00287,0.01871,-0.01397,-0.01241,0.00885,-0.00175,-0.11851,0.01013,0.08965,-0.05132,0.05515,0.00299,-0.03506,0.08704,0.03203,0.07183,-0.00205,-0.06921,0.03041,0.01952,-0.0288,0.05616,0.06576,-0.03929,-0.02898,-0.0586,0.00452,-0.06388,-0.00452,-0.02754,0.09222,0.06235,0.00985,-0.00956,-0.07512,-0.04058,-0.05466,-0.01522,0.04031,-0.02151,-0.01397,0.05492,-0.00297,-0.0511,0.00309,-0.00478,0,0.00486,-0.02798,-0.01193,-0.01741,0.01377,0.02676,-0.00519,-0.06033,-0.02057,-0.01829,-0.06085,0.08118,-0.02283,0.05809,-0.02469,-0.03288,-0.06133,0.01752,0.04596,0.00506,0.09404,0.02888,-0.00645,-0.01852,0.0224,0.08045,-0.03925,0.07022,-0.03609,0.02075,-0.06902,-0.03349,0.00768,-0.015,-0.01111,0.00187,-0.02284,-0.06404,-0.05836,-0.10716,0.03701,0.02301,-0.04742,-0.042,-0.01446,-0.07345,-0.08413,-0.04188,-0.00332,0.02267,0.04327,-0.02364,0.01429,-0.00461,0.00829,-0.05463,0.03197,0.0368,-0.00806,0.04799,0.04971,0.05277,-0.02551,-0.02654,0.07173,0.12729,-0.05087,0.04407,0.05703,-0.06442,-0.01801,0.12109,-0.00286,0.00136,0.09362,-0.01857,0.00393,-0.04922,-0.11144,-0.01532,0.00905,-0.09645,-0.02509,0.08333,0.08524,-0.04426,0.03371,-0.08415,-0.0511,0.02822,0.08989,-0.05982,0.07377,0.02531,-0.0039,0,0.04386,0.01315,0.0265,0.04985,0.04842,-0.05807,0.0251,0.03049,-0.0011,0.00383,-0.01349,-0.04361,0.00338,-0.04057,0.10369,-0.00361,-0.01863,-0.15872,-0.05763,-0.04296,-0.06215,0.01407,-0.03717,-0.00106,-0.03166,0.02765,-0.11484,-0.02692,0.02858,-0.04928,-0.02372,-0.03638,-0.08252,-0.08699,0.00776,-0.00365,-0.04759,0.0252,0.03455,-0.03101,-0.02775,0.06124,-0.14122,0.0394,-0.00697,0.0882,-0.09666,0.06103,-0.03462,0.0023,-0.05784,0.04236,0.00972,-0.03227,-0.02216,0.01113,0.11488,0.09053,-0.07327,-0.01743,-0.05807,-0.04787,-0.02771,-0.02315,0.03103,0.01441,0.00667,0.00125,0.02979,0.05971,0.10128,0.05207,-0.04532,-0.02049,0.15829,0.04199,-0.00608,0.04579,0.03545,0.0562,-0.0815,0.10358,0.01423,0.07927,0.06999,-0.00779,-0.03921,-0.07852,0.0246,0.07589,-0.0238,0.02011,-0.06652,0.04615,0.02408,0,-0.12142,-0.00003,-0.02643,0.01027,0.06372,0.01764,-0.01229,0.05053,0.00816,0.00042,0.04124,0.03429,-0.05202,-0.05235,0.00129,0.00308,0.03515,-0.05763,-0.01334,0.00481,-0.03524,-0.03648,-0.06571,0.14425,-0.01565,-0.08001,0.09515,-0.03698,-0.00162,0.05024,-0.05777,0.06901,0.07824,0.11845,-0.07183,0.05945,0.03046,0.057,-0.0532,0.00081,0.02157,0.04728,-0.05935,-0.02453,-0.04011,0.08901,-0.03209,0.024,-0.01542,-0.0318,-0.07563,0.03649,-0.09024,0.10055,-0.01829,0.02531,-0.03546,-0.04814,0.096,-0.00994,-0.05173,-0.01781,-0.00106,-0.00086],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. With Managed Flow State, initialization becomes state.load(...), the template renders state.nodes(), state.groups() and state.connections(), and state.snapshot() returns persistable graph records. The application still decides when to load and save them. It is more accurate to say the Foblex Flow core is an interaction layer than a graph library. The graph is yours unless you explicitly place its generic records in Managed Flow State.","excerpt":"With Managed Flow State, initialization becomes state.load(...), the template renders state.nodes(), state.groups() and state.connections(), and state.snapshot() returns persistable graph records. The application still decides when to load and save them. It is more accurate to say the Foblex Flow core is an interaction layer than a graph library. The graph is yours unless you explicitly place its generic records in Managed Flow State."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#18","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.09039,0.03391,-0.09712,-0.00651,0.04688,0.01765,-0.07779,0.06363,0.04343,0.03542,-0.04229,0.01412,-0.04051,-0.00916,0.03018,0.01735,-0.04041,-0.04525,0.02138,-0.01589,-0.01662,-0.06547,-0.02691,-0.00616,0.02527,0.07517,-0.02216,-0.0273,0.028,-0.00794,0.02637,0.07676,-0.04974,0.06243,0.00538,0.07253,0.03037,-0.01899,-0.06262,-0.07657,0.06799,0.02964,0.00083,-0.00388,-0.01131,0.03038,-0.02483,-0.0392,-0.04294,0.03845,-0.0631,0.01478,-0.0059,0.06905,0.02969,0.08589,0.00102,-0.00666,-0.05513,0.03942,0.00533,-0.02594,-0.01119,0.07965,0.00939,0.02794,0.01079,0.0363,0.04974,-0.05574,0.04991,-0.00878,-0.03914,-0.01026,0.04018,-0.06068,0.06381,0.02657,-0.03254,-0.0273,-0.02511,-0.01962,-0.00488,0.02016,-0.07456,-0.00372,-0.0366,-0.06417,-0.00635,0.05951,-0.05594,0.04235,0.05092,-0.07825,0.02534,-0.00048,0.08263,0.0118,-0.07963,0.01987,0.008,-0.03819,0.05344,0.06179,-0.02096,-0.04867,-0.03746,-0.03097,-0.03044,0.01838,-0.02955,0.07855,0.08517,-0.00904,-0.02359,-0.06117,-0.09347,-0.03379,0.01134,0.04084,-0.01282,-0.03996,0.05227,-0.0085,-0.04238,0.0132,0.02981,0,0.00441,-0.00915,0.01914,-0.05164,-0.02308,-0.01383,0.05405,-0.05865,0.0007,-0.02603,-0.06909,0.08854,-0.06113,0.10542,0.00102,-0.07484,-0.045,0.02223,0.07091,0.03976,0.09238,0.0752,-0.00517,-0.01243,0.05208,0.01184,-0.01296,0.03681,-0.09623,0.05606,-0.05782,-0.00558,0.00734,0.00988,0.02149,0.0358,-0.04918,-0.06611,-0.0175,-0.12189,0.04762,-0.00296,-0.10851,-0.03774,-0.00702,-0.08946,-0.02756,-0.04291,-0.01407,0.04868,0.04479,0.01347,-0.00291,0.00696,-0.01201,-0.03866,0.04588,-0.02069,0.01819,0.04218,0.01628,0.02173,-0.03757,0.01655,0.05522,0.07675,-0.02637,-0.02332,0.03557,-0.05735,-0.02263,0.12822,-0.01583,-0.03508,0.10165,-0.02507,0.01858,-0.02569,-0.06143,-0.05929,0.02903,-0.07386,-0.06022,0.09875,0.10595,-0.03253,0.04309,-0.05904,-0.09467,0.03091,0.10294,-0.07932,0.06938,0.01736,0.0352,0,-0.02171,-0.02657,-0.01961,0.06086,-0.02194,-0.02928,0.0349,0.02127,0.00477,-0.04002,-0.05218,-0.05211,-0.00686,-0.04246,0.04443,0.01963,-0.00682,-0.16147,-0.05764,-0.04695,-0.04728,0.05196,-0.07404,-0.00238,-0.06993,0.02924,-0.1283,-0.01153,-0.01972,-0.03505,-0.01939,-0.04694,-0.07547,-0.10763,0.00145,-0.03941,-0.00906,0.04343,-0.00552,-0.02054,-0.0485,0.03022,-0.11471,0.04384,0.00549,0.08363,-0.11538,0.03048,0.03887,0.01262,-0.03616,0.05269,0.03746,-0.02761,-0.00252,-0.00266,0.11547,0.08983,-0.06625,-0.00926,-0.04595,-0.06548,-0.02093,0.00073,0.04267,0.01088,0.02755,0.03401,-0.00679,0.01734,0.09515,0.0483,-0.02329,-0.01428,0.12226,0.04713,-0.00832,0.00106,0.02638,0.06298,-0.10204,0.10752,-0.01177,0.06815,0.10175,-0.04485,-0.05706,-0.09241,0.03905,0.03257,-0.00543,0.05738,-0.08952,0.01775,0.01303,0,-0.08005,-0.05952,-0.01358,0.02562,0.05373,0.00028,0.05551,0.04941,0.04835,-0.02526,0.05794,0.04387,-0.10127,-0.06374,0.03197,0.00276,0.04161,-0.00994,-0.03284,0.01443,-0.03955,-0.00142,-0.06522,0.07795,0.01593,-0.0632,0.10121,0.01045,0.05239,0.05551,-0.03147,0.03551,0.09847,0.10136,-0.0702,0.03013,0.06091,0.09053,-0.0364,-0.03602,0.0202,0.0834,-0.07585,0.00847,-0.01834,0.07527,-0.0405,0.0237,-0.02774,-0.04111,-0.11704,0.02847,-0.05875,0.0852,0.01162,0.04547,-0.00705,-0.01248,0.10057,-0.00602,0.01335,0.00394,0.01335,0.03923],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. 🛠 Why this decision was made Every consequence of \"stateless core\" looks, on the surface, like a missing feature. None of them are. Persistence is your job. The stateless core does not ship a toJSON() that serializes your graph, because it does not have your graph. Managed Flow State offers snapshot() for its opt-in records, but your application still decides the domain shape, storage format and persistence lifecycle. to JSON","excerpt":"🛠 Why this decision was made Every consequence of \"stateless core\" looks, on the surface, like a missing feature. None of them are. Persistence is your job. The stateless core does not ship a toJSON() that serializes your graph, because it does not have your graph. Managed Flow State offers snapshot() for its opt-in records, but your application still decides the domain shape, storage format and persistence lifecycle."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#19","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.07373,0.01013,-0.07272,0.00031,0.01252,-0.02223,-0.02551,0.05849,0.0339,0.02796,-0.02441,-0.01873,-0.00846,-0.03207,0.03504,0.03336,-0.04841,-0.04991,-0.00135,-0.03735,0.00939,-0.05083,-0.00495,0.00708,-0.0375,0.07748,-0.02066,-0.02155,0.04854,-0.05432,0.03407,0.05044,0.01173,0.01655,-0.04406,0.07735,0.00623,-0.05746,-0.08141,-0.07444,0.05623,0.02502,0.02522,0.02445,-0.0312,0.0371,0.02103,-0.07349,-0.04438,0.06734,0.02605,-0.00724,-0.02289,0.06849,0.0473,0.07507,0.04185,0.00019,-0.01767,0.02321,0.00019,-0.0068,-0.03272,0.06286,-0.0136,0.06676,0.00138,-0.02898,0.04683,-0.0622,-0.00918,-0.04746,0.00172,-0.0356,0.00794,-0.06862,-0.00181,0.0299,-0.06104,-0.09637,0.03441,-0.00344,0.0279,0.08047,-0.02524,0.05858,-0.00698,-0.113,0.06643,0.08901,-0.02156,0.00147,0.07251,-0.07057,0.02711,0.00331,0.02157,-0.00471,-0.10023,0.0552,0.0248,-0.01093,0.02284,0.04368,0.0277,-0.04208,-0.05843,-0.01011,-0.06151,0.02548,-0.04272,0.05545,0.07795,-0.01658,0.01524,-0.04378,-0.02761,-0.03245,-0.01523,0.02759,-0.02449,-0.02869,0.05064,-0.01898,-0.02601,-0.02537,-0.01134,0,0.03033,-0.01876,-0.03822,-0.01487,0.03816,0.03645,0.01484,-0.07356,-0.0244,-0.02841,0.0361,0.08004,-0.03226,0.07136,0.02473,-0.03566,-0.02414,0.03559,0.0486,-0.01183,0.08779,0.043,-0.0232,-0.01536,0.08406,0.07408,-0.03406,0.06661,-0.00191,0.0153,-0.04919,-0.04055,-0.01435,0.04343,0.01179,0.04706,-0.02008,-0.09985,-0.02267,-0.08919,0.02421,-0.0207,-0.09996,-0.0583,0.00261,-0.10226,-0.06921,-0.06259,0.04307,0.01427,0.07546,0.04084,0.03954,0.00635,-0.01355,-0.0466,-0.00338,0.01606,-0.02502,0.02986,0.06346,0.04607,-0.06296,0.03575,0.01488,0.10223,-0.02804,-0.00654,0.03509,-0.08281,-0.05492,0.10919,-0.01446,-0.00829,0.05156,-0.04716,-0.01011,-0.03231,-0.02688,-0.02491,-0.01866,-0.12647,-0.04479,0.11454,0.11004,-0.07017,0.01344,-0.0752,-0.08673,0.04105,0.09417,-0.04578,0.01117,0.04782,0.0169,0,0.00283,-0.03475,-0.01062,0.08607,-0.00715,-0.05652,-0.0125,0.01678,0.02708,-0.06835,-0.03116,-0.00063,0.01122,-0.02663,0.05882,0.00736,-0.06349,-0.12169,-0.07681,-0.02772,-0.04592,0.06784,-0.02284,0.01776,-0.09313,0.00525,-0.07718,0.01554,0.00211,-0.0571,-0.02099,-0.00704,-0.11816,-0.08763,-0.03189,-0.04304,-0.05475,0.0828,0.00352,-0.01636,0.02504,0.06701,-0.07731,0.04177,-0.03064,0.08357,-0.15123,0.02828,0.00368,0.01097,-0.03648,0.03327,0.02684,-0.04074,-0.03035,0.04328,0.13649,0.08121,-0.04319,0.01475,-0.04127,-0.0366,-0.01975,0.05142,0.01404,0.0516,0.0185,0.03214,0.03142,0.03456,0.17206,0.04933,-0.09478,-0.02311,0.12468,0.0115,0.01699,-0.01339,-0.00959,0.01566,-0.02649,0.08895,0.03795,0.04358,0.00782,0.01403,-0.07999,-0.04547,0.01946,0.03378,-0.04248,0.03822,-0.07533,0.03873,-0.03456,0,-0.13006,-0.00667,0.01633,0.02628,0.0553,0.03851,-0.01289,0.02222,0.00195,-0.05006,0.05597,0.03957,-0.08713,-0.04022,0.00545,0.01716,0.06579,-0.00425,-0.02968,0.00424,-0.06719,0.01467,-0.03671,0.12182,0.00121,-0.05027,0.0687,0.04541,0.00676,0.07141,0.05143,0.04501,0.06415,0.13735,-0.06455,0.02761,0.03357,0.00606,-0.02988,-0.00913,-0.00099,0.05476,-0.04801,-0.02319,-0.08615,0.06383,-0.01986,-0.05855,-0.0028,-0.06136,-0.09079,0.05928,-0.07553,0.1325,0.03223,0.06846,0.0171,-0.01672,0.07501,0.05454,-0.03965,-0.03254,0.01119,-0.00284],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Undo/redo belongs to the state owner. In stateless mode, that is your application's command history: it knows that adding a node, editing a label or changing a validation rule are meaningful actions. Managed Flow State provides a generic history stack for supported graph gestures and mutations when that is enough. Domain actions outside the plugin remain the application's responsibility.","excerpt":"Undo/redo belongs to the state owner. In stateless mode, that is your application's command history: it knows that adding a node, editing a label or changing a validation rule are meaningful actions. Managed Flow State provides a generic history stack for supported graph gestures and mutations when that is enough. Domain actions outside the plugin remain the application's responsibility."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#20","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06527,-0.00232,-0.0133,0.01126,0.00924,-0.01084,-0.03256,0.04091,0.03191,-0.01985,-0.05865,-0.05747,-0.03083,-0.02996,-0.00956,0.01676,-0.02364,-0.04487,-0.01092,0.00952,-0.01807,-0.09142,-0.07032,0.02656,0.01725,0.09147,0.01023,-0.02415,0.05849,-0.04237,0.05447,0.04836,-0.07087,0.04573,-0.08813,0.04155,0.01148,-0.05777,-0.08454,-0.07882,0.05322,0.07144,-0.00274,0.02749,-0.05493,0.00379,0.06083,-0.05628,-0.02928,0.02625,-0.01894,-0.02932,-0.03755,0.10724,0.03909,0.08668,0.01285,-0.00683,-0.03744,0.0423,-0.02274,-0.0069,0.05972,0.05543,0.02214,0.05928,0.01221,0.00375,0.02249,-0.04138,0.0026,-0.0123,-0.00005,-0.115,0.04166,-0.06534,-0.04098,-0.02647,-0.02833,-0.07158,0.02278,-0.00339,-0.02266,-0.0045,-0.02906,0.02688,0.00319,-0.08375,-0.00756,0.02452,-0.02149,0.1041,0.0388,-0.04174,0.03405,0.00676,0.02684,0.00948,-0.07471,0.08053,0.00418,0.04975,0.0184,0.05725,0.00722,-0.05953,-0.01999,0.02464,-0.12329,0.00483,0.02885,0.06756,0.06388,-0.00267,0.00251,-0.03006,-0.01587,-0.00943,0.01245,0.03413,-0.02114,-0.02881,-0.0023,0.04597,0.0699,-0.04447,0.02634,0,0.00402,0.00859,-0.04715,0.01248,0.04832,0.05686,0.0165,-0.06127,-0.03355,-0.03865,0.01327,0.05256,-0.02569,0.04034,-0.00737,-0.11274,-0.03029,0.03459,-0.02709,0.01151,0.06512,-0.01413,-0.08192,-0.04949,-0.02064,0.05054,-0.04538,0.11667,0.00017,0.00351,-0.02757,-0.02604,0.03488,0.0185,-0.02651,-0.00547,0.02493,-0.06087,-0.07808,-0.05488,0.00709,0.01735,-0.0676,-0.06475,-0.02105,-0.03744,-0.05943,-0.00167,-0.03938,-0.0093,0.04303,0.03862,0.01205,-0.01094,0.00228,-0.0403,-0.00872,-0.03356,0.02338,0.07264,0.04161,0.06001,-0.08381,-0.00961,0.00247,0.13375,-0.03602,-0.01543,0.0306,-0.07476,-0.0658,0.12117,0.03736,-0.01199,0.08612,-0.02665,-0.05264,-0.02483,0.02504,-0.03468,-0.00273,-0.10798,0.02,0.07986,0.07601,-0.07672,-0.02145,-0.03664,-0.12568,0.10221,0.0483,0.00335,0.09558,-0.01842,0.04164,0,-0.01571,-0.02652,0.00669,0.06613,0.03754,-0.03581,0.00077,0.02034,0.08495,-0.04682,-0.03412,-0.01056,-0.02658,0.01997,0.01809,-0.00202,0.02883,-0.12576,-0.03148,-0.01683,-0.01406,0.05148,-0.03389,0.03859,-0.05678,0.06685,-0.04148,-0.00532,0.01415,-0.05553,-0.01224,-0.09672,-0.07222,-0.13147,-0.01994,-0.01725,-0.06204,0.07864,-0.00467,0.01976,-0.00577,0.02494,-0.11004,0.04016,-0.02151,0.05386,-0.13937,0.01713,-0.01989,-0.00832,-0.06866,0.08948,-0.031,-0.05255,0.00419,0.0275,0.10215,0.08992,0.02055,0.01451,-0.0023,-0.08009,-0.00703,-0.01286,0.05498,0.04768,0.0062,-0.00094,0.13137,0.108,0.09719,0.04051,-0.07402,-0.06099,0.17283,0.00874,0.03499,-0.01888,0.07203,0.07767,-0.04793,0.08772,0.05217,0.07109,0.03784,0.01989,-0.04261,-0.08278,0.02276,0.00274,-0.06241,0.03616,-0.06699,0.0122,0.02369,0,-0.10465,-0.00744,0.00296,0.02198,0.00333,0.00796,-0.00467,-0.02132,0.00228,-0.06199,0.03098,-0.00168,-0.04733,-0.0043,0.05305,0.02876,-0.00469,-0.04946,-0.06283,-0.01104,-0.03545,0.03773,-0.04322,0.12557,-0.00339,-0.033,0.10699,0.0534,0.02196,0.0277,0.01345,0.03306,0.03452,0.15672,-0.05196,-0.00446,0.04403,0.07352,-0.05114,0.07096,0.00799,0.04069,-0.04466,-0.0023,0.0187,0.0537,0.03028,-0.05869,-0.00908,0.02374,-0.00761,0.03384,-0.06857,0.12361,0.06802,-0.0517,0.00625,-0.01313,0.05709,0.04609,-0.0548,-0.00683,-0.01192,0.0285],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Optimistic updates are your job. In stateless mode, write to your signal, let the view update, and reconcile later if the server disagrees. With Managed Flow State, reconcile against the explicit plugin store instead; it is still application-scoped and inspectable rather than hidden runtime data. Collaboration is your job. Two users dragging the same node is a merge problem in your domain, not a rendering problem. The library hands you the gesture; your CRDT or your OT layer decides what it means, then writes to your state, and the view follows.","excerpt":"Optimistic updates are your job. In stateless mode, write to your signal, let the view update, and reconcile later if the server disagrees. With Managed Flow State, reconcile against the explicit plugin store instead; it is still application-scoped and inspectable rather than hidden runtime data. Collaboration is your job. Two users dragging the same node is a merge problem in your domain, not a rendering problem. The library hands you the gesture; your CRDT or your OT layer decides what it means, then writes to your state, and the view follows."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#21","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.05148,-0.01218,-0.08652,-0.00729,0.01041,-0.02261,-0.09482,0.1177,0.06845,0.01738,-0.09041,-0.02982,-0.00306,-0.0216,0.05761,0.01296,0.00621,-0.05636,-0.00173,-0.02888,-0.02747,-0.01269,-0.03995,0.02044,-0.02035,0.07268,-0.00369,-0.04036,-0.01697,-0.02189,0.00791,0.07549,0.0194,0.05894,-0.01276,0.0389,0.02175,-0.02172,-0.09834,-0.08727,0.00535,0.0068,0.00983,0.01561,-0.01453,-0.03116,0.04272,-0.0836,-0.04971,0.08725,-0.07391,-0.01513,-0.03413,0.09031,0.06116,0.04286,0.02454,-0.02777,-0.04245,0.03582,-0.01536,-0.01712,-0.02429,0.07342,-0.01046,0.03695,-0.0483,0.04174,0.06431,-0.09119,-0.03095,-0.02923,-0.01717,-0.01737,0.02856,-0.07547,0.02049,0.03098,0.01902,-0.08004,-0.01792,0.01775,0.03405,0.07627,-0.02385,0.05573,0.04053,-0.05367,0.04418,0.04934,0.03142,0.02272,0.0708,-0.06159,0.06337,-0.00834,0.04018,-0.04738,-0.08529,0.02243,-0.02269,-0.01825,0.06055,0.05803,-0.01889,-0.05281,0.02277,-0.02542,-0.06431,-0.03139,-0.03615,0.01653,0.06097,-0.0709,0.02494,-0.05299,-0.05026,-0.05198,0.00808,0.04575,-0.05336,-0.02986,0.05118,0.02802,0.00699,0.01183,-0.06581,0,-0.00843,0.0243,-0.0054,0.0037,0.04554,-0.02891,0.03905,-0.05422,-0.00019,-0.02097,0.00874,0.11485,-0.0441,0.07021,0.02025,-0.00729,-0.09011,0.04239,0.05451,0.00384,0.11873,-0.00318,0.00997,-0.00609,0.05912,0.06625,-0.01511,0.0025,-0.00289,0.04423,-0.09062,-0.02769,-0.0001,0.03009,-0.01295,0.04843,-0.0641,-0.10511,0.04115,-0.04938,0.0132,-0.00151,-0.05292,-0.06797,-0.00188,-0.0194,-0.05863,-0.0201,0.00646,0.00498,0.10172,0.03647,0.01935,0.01919,0.00088,-0.04732,0.0069,-0.01351,0.01436,0.0602,0.02056,0.0824,-0.02126,0.0124,0.04212,0.09459,-0.01323,0.01594,0.04781,-0.03888,-0.065,0.08841,-0.01236,-0.02585,0.06722,-0.05279,0.00248,-0.07002,-0.03688,-0.04252,-0.01709,-0.06678,-0.01076,0.07452,0.09636,-0.05289,-0.01019,-0.05315,-0.10546,0.0161,0.09607,-0.04724,0.01851,0.06422,0.0106,0,-0.00161,-0.06532,-0.03291,0.05776,0.02262,-0.05866,-0.00095,-0.02962,0.08012,-0.04534,-0.00377,-0.03239,0.0094,-0.03892,0.08095,-0.03767,-0.02149,-0.19071,-0.04618,-0.03642,-0.04306,0.04385,-0.04638,0.00529,-0.05484,-0.0043,-0.12473,-0.01751,0.02703,-0.06168,-0.05579,-0.01515,-0.08937,-0.11516,-0.0472,-0.00411,-0.02928,0.03072,0.02896,-0.02597,0.0171,0.03242,-0.1004,0.00786,-0.02883,0.10874,-0.11885,0.03158,0.03057,-0.04998,-0.02748,0.04313,0.01362,-0.05915,-0.0238,0.05589,0.14862,0.06655,-0.04773,0.04108,-0.0892,-0.03205,0.04218,0.00398,0.01598,0.04562,0.01863,0.05029,-0.02441,0.05698,0.11224,0.00449,-0.08953,0.02298,0.07885,0.03876,0.03229,-0.02668,0.00232,0.05377,-0.04783,0.09763,0.05983,0.06077,0.0651,0.01066,-0.05292,-0.09634,0.03126,0.04112,-0.03558,0.0282,-0.03422,0.06202,-0.0266,0,-0.10284,0.00237,0.00108,0.0081,0.04081,0.00761,-0.02577,0.08252,0.03199,0.01407,0.02166,0.02074,-0.1101,-0.01349,0.01503,0.02257,0.05781,-0.03253,-0.02482,-0.05205,-0.01502,0.01699,-0.05439,0.05965,0.03268,-0.06187,0.04596,-0.0295,0.071,0.07488,-0.00404,0.04835,0.09582,0.11674,-0.0106,0.03047,0.05564,0.05616,-0.07794,-0.03805,0.04086,0.05484,-0.03962,-0.04266,-0.0255,0.08491,-0.02676,-0.04504,0.00348,-0.00559,-0.06031,0.07282,-0.05434,0.11807,0.01133,0.06816,-0.02494,-0.05516,0.08212,-0.00672,-0.05942,0.00258,0.02957,0.01295],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. That sounds restrictive in a feature matrix, but it matters in real editors. The apps I have seen built on Foblex Flow all have non-trivial domain models — call routing, AI agent graphs, workflow automation, ETL pipelines. In every one of them, the data model existed before the editor did. A library that insisted on owning it would have been a wall, not a tool.","excerpt":"That sounds restrictive in a feature matrix, but it matters in real editors. The apps I have seen built on Foblex Flow all have non-trivial domain models — call routing, AI agent graphs, workflow automation, ETL pipelines. In every one of them, the data model existed before the editor did. A library that insisted on owning it would have been a wall, not a tool."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#22","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.07167,0.00864,-0.08125,0.0436,0.03982,0.00796,-0.03922,0.09646,0.03893,0.04036,-0.09804,-0.01414,0.00559,-0.02975,0.05145,0.05507,-0.01591,-0.03677,0.01123,-0.0033,-0.04549,-0.0623,-0.02341,-0.03761,0.01701,0.08242,-0.05065,-0.00832,0.05014,-0.02024,0.02696,0.02436,0.00553,0.08324,-0.10728,0.07974,0.03081,-0.04262,-0.14837,-0.07114,0.02993,0.06208,-0.00916,0.01108,-0.03498,0.0162,-0.01532,-0.04488,-0.02751,0.0782,-0.03861,-0.05894,-0.04772,0.04952,0.0373,0.0953,0.02114,-0.0583,-0.04185,0.04166,0.00422,-0.00034,0.0201,0.06053,0.03316,0.06134,-0.00682,0.04886,0.07205,-0.09767,0.00971,-0.02678,-0.00569,-0.02977,-0.01598,-0.12254,-0.02493,0.03476,-0.01169,-0.03484,0.00333,0.03313,0.0075,0.03174,-0.02099,0.06793,-0.00059,-0.06885,-0.01496,0.08913,-0.01597,0.06192,0.0194,-0.05172,0.05788,-0.00388,0.06885,-0.01096,-0.0806,0.04882,0.00787,-0.03225,0.03876,0.04065,-0.03825,-0.08318,-0.03179,-0.02042,-0.09383,0.00068,-0.05698,0.0556,0.01119,-0.03108,0.0213,-0.04753,-0.02305,-0.05619,0.02897,0.07392,-0.01657,0.01137,0.0004,0.01992,0.00375,-0.0505,-0.02432,0,0.04524,0.00402,-0.01015,0.02751,0.07146,0.04084,0.00246,-0.05967,-0.06668,-0.01184,0.01665,0.09026,-0.02106,0.09112,0.03797,-0.06271,-0.04808,0.03404,0.06627,-0.02541,0.06387,-0.01427,-0.0179,0.01773,0.03822,0.07995,-0.01632,0.06122,-0.01122,0.0042,-0.05745,-0.0454,0.00188,0.00611,-0.02672,-0.01728,-0.05063,-0.09083,-0.01788,-0.08679,0.00154,-0.01323,-0.05412,-0.04636,0.00038,-0.03469,-0.05421,-0.01751,-0.00779,0.00145,0.06984,0.03571,0.01668,0.01502,0.02977,-0.02933,0.02654,0.01348,-0.0276,0.04529,0.04098,0.07549,-0.02452,-0.0148,0.03212,0.13565,-0.04766,-0.00529,0.07013,-0.05113,-0.08595,0.09309,0.01492,0.00307,0.06395,-0.01041,-0.02947,-0.06392,-0.04405,-0.02055,-0.00827,-0.12268,0.00861,0.09036,0.09418,-0.10278,0.01434,-0.03422,-0.06004,0.01592,0.12334,-0.03228,0.06066,0.01525,0.01683,0,0.01536,-0.01715,0.00409,0.07092,0.03915,-0.03481,-0.02091,-0.02477,0.04263,-0.00401,-0.02875,-0.02957,0.04101,-0.04273,0.04305,0.02625,-0.05371,-0.14685,-0.03307,-0.07743,-0.05103,0.05215,0.0243,-0.02237,-0.04409,-0.00141,-0.05849,-0.02801,0.00343,-0.05745,-0.05112,-0.04084,-0.04534,-0.11293,0.00617,-0.0516,0.00977,0.02347,0.01419,-0.04708,0.00915,0.04333,-0.07545,0.00652,-0.04239,0.08858,-0.17079,0.08608,0.00099,-0.02775,-0.07548,0.01427,-0.0101,-0.06685,-0.0012,0.00954,0.11467,0.09658,-0.01473,-0.01541,-0.07023,-0.07601,-0.01557,0.02538,0.01544,0.01675,-0.01648,0.01881,0.01272,0.05993,0.11601,0.05542,-0.01899,-0.00476,0.11701,0.02376,0.08257,-0.00078,0.0512,0.0361,-0.03424,0.12499,0.04969,0.02895,0.05646,0.02108,-0.0728,-0.05301,0.04657,0.03204,-0.04732,0.07428,-0.05078,0.04402,0.01342,0,-0.10893,-0.02157,-0.03292,-0.01682,0.03052,0.02262,0.00758,0.04176,0.02836,0.01509,0.06378,0.00752,-0.07772,-0.07323,0.01617,0.01266,0.06623,-0.04526,0.00111,-0.01748,0.00454,0.00752,-0.04028,0.13203,0.01882,-0.07763,0.05916,0.01648,0.00288,0.04321,-0.03512,0.047,0.1004,0.12478,-0.05297,0.026,-0.00554,0.02547,-0.08159,0.01868,0.03036,0.04463,-0.04897,-0.03588,-0.03583,0.06248,0.00683,-0.03555,-0.00724,-0.02241,-0.04898,0.02488,-0.04166,0.06633,-0.00654,0.08918,-0.04441,-0.03957,0.08425,0.02453,-0.08928,0.01212,0.03261,-0.01134],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. 🧠 Philosophy A node editor library can do one of two things. It can be a platform that owns the graph and hands you hooks into it. Or it can be an interaction layer that renders what you already have. Foblex Flow's core chose the second one on purpose. The library is not a small application you embed. It is a set of Angular primitives — <f-flow, <f-canvas, fNode, <f-connection — that turn your existing data into something a user can drag, connect, and edit. Managed Flow State is an optional companion for applications that want those primitives plus a ready-made graph store. f Node","excerpt":"🧠 Philosophy A node editor library can do one of two things. It can be a platform that owns the graph and hands you hooks into it. Or it can be an interaction layer that renders what you already have. Foblex Flow's core chose the second one on purpose. The library is not a small application you embed. It is a set of Angular primitives — <f-flow, <f-canvas, fNode, <f-connection — that turn your existing data into something a user can drag, connect, and edit. Managed Flow State is an optional companion for applications that want those primitives plus a ready-made graph store."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#23","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.02868,-0.00599,-0.01432,0.01642,0.01401,-0.0006,0.03382,0.05286,0.06342,0.00327,-0.01582,-0.00471,-0.03621,-0.01271,0.02583,0.01929,-0.02094,-0.05203,-0.03642,0.05425,-0.00609,-0.05097,0.00344,0.00822,-0.0375,0.08078,-0.01649,-0.10117,0.03606,-0.02543,0.02172,0.05667,0.01028,-0.00565,-0.02302,-0.00357,-0.00901,-0.07518,-0.11822,-0.05816,0.02818,0.00058,0.00488,0.03755,-0.05293,0.03296,0.07319,-0.05186,-0.02842,0.07476,0.00512,-0.0114,-0.00992,0.05311,0.02872,0.04249,0.07118,0.02304,-0.04131,0.04035,0.02064,-0.01122,-0.01128,0.06424,0.00124,0.09208,0.02756,-0.05619,0.05208,-0.02991,-0.04002,-0.0245,0.06679,-0.08056,0.05974,-0.1236,-0.006,-0.00457,-0.01642,-0.07679,0.01885,-0.04022,0.00336,0.04347,0.01007,0.02213,-0.01262,-0.06851,0.05742,0.03454,-0.03794,0.02361,0.0176,-0.06296,0.01573,-0.03446,-0.01675,0.00387,-0.11532,0.04201,0.02162,0.01608,0.01774,0.10529,0.00199,-0.06678,-0.03733,-0.0387,-0.11647,0.02861,0.01119,0.03483,0.10278,-0.00167,-0.04551,-0.00081,-0.02362,0.01805,-0.00182,0.03038,0.00943,-0.02402,0.04428,-0.01973,-0.03145,-0.01307,-0.01206,0,-0.0087,-0.03404,-0.06152,-0.05984,0.03882,-0.01805,0.04172,-0.07787,0.01388,-0.04846,0.08475,0.05378,0.00451,0.03824,0.01381,-0.05877,-0.06052,0.05759,0.04645,0.05299,0.10688,0.02413,-0.05663,-0.05182,0.01594,0.08246,-0.03948,0.0556,0.00892,0.01087,-0.0517,-0.05176,0.01557,-0.02118,-0.02599,-0.03486,-0.031,-0.08651,-0.00541,-0.10234,-0.00037,-0.01619,-0.11021,-0.07869,-0.00891,-0.05838,-0.03792,-0.02329,0.0306,-0.03362,0.09183,0.02744,-0.00547,-0.0194,-0.01246,-0.06418,-0.04439,0.02879,-0.03305,0.03793,0.03601,0.04067,-0.02808,-0.02397,-0.02421,0.09622,-0.03604,0.01487,0.00832,-0.09652,-0.07713,0.09538,-0.03269,0.03382,0.04338,-0.03283,-0.00898,0.01351,-0.04469,-0.04491,0.00352,-0.07127,0.01401,0.11246,0.1099,-0.07508,-0.01558,-0.08861,-0.14828,0.05491,0.03887,-0.02898,0.05377,0.02782,0.02205,0,0.00163,-0.04171,-0.07516,0.08432,-0.02654,-0.03365,-0.01335,0.06503,0.0647,-0.06625,-0.02011,0.00219,0.00876,-0.00681,0.01253,0.00278,-0.01382,-0.08636,-0.07477,0.00417,-0.01208,0.08575,0.02464,0.00202,-0.11795,0.0208,-0.04991,0.02294,0.01096,-0.08049,-0.01094,0.0042,-0.09014,-0.06959,-0.03247,-0.03406,-0.09353,0.04088,-0.01901,0.01092,0.08134,0.0452,-0.02071,0.05667,-0.01677,0.05735,-0.12268,-0.01521,-0.00146,-0.00171,-0.02452,0.01714,0.01214,-0.03609,-0.02774,0.0934,0.16145,-0.00409,-0.04725,0.02713,-0.01369,-0.05468,0.0225,-0.01007,0.08615,0.07717,0.02659,0.04627,0.10519,0.0557,0.14905,0.03891,-0.0648,-0.00236,0.12573,0.08533,0.02359,-0.05268,0.0332,-0.00264,-0.06369,0.07095,0.04603,0.03738,0.05491,0.05505,-0.09339,-0.08134,0.03667,0.05147,-0.05057,0.03319,0.01072,0.04266,-0.00042,0,-0.10469,0.00787,-0.0132,0.0281,0.04315,0.02432,-0.05561,-0.01896,-0.00169,-0.06284,0.01474,0.00524,-0.04331,0.01202,0.01829,0.02157,0.02821,-0.02277,-0.06826,-0.03109,-0.05745,0.00757,-0.02759,0.09384,0.00684,-0.06214,0.10829,0.03888,0.00434,0.00814,-0.00331,0.02547,0.02978,0.12385,-0.11233,0.03376,0.03882,0.0073,0.00067,0.04111,0.0244,0.00518,-0.06703,-0.01303,-0.08377,0.05618,-0.03091,-0.04597,-0.01535,0.01172,-0.04846,0.05556,-0.02484,0.13392,0.08638,0.03421,0.00599,-0.01263,0.09173,0.05968,-0.03587,-0.0375,-0.00322,0.02847],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. In stateless mode, every event the library emits is an offer. This happened. You decide what to do with the change. Accept it by writing to your state and the view updates. Ignore it and nothing changes. Veto it by not writing, and the user's gesture was advisory. With Managed Flow State, supported gestures use the plugin's overridable handlers instead of waiting for application writeback.","excerpt":"In stateless mode, every event the library emits is an offer. This happened. You decide what to do with the change. Accept it by writing to your state and the view updates. Ignore it and nothing changes. Veto it by not writing, and the user's gesture was advisory. With Managed Flow State, supported gestures use the plugin's overridable handlers instead of waiting for application writeback."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#24","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.05454,0.01512,-0.06674,0.02782,0.02399,-0.00327,-0.01897,0.08491,0.06783,0.04414,-0.07731,-0.02914,0.01248,-0.03915,0.0605,-0.00282,-0.01811,-0.09285,-0.01629,0.0085,0.00802,-0.03427,-0.02558,0.0241,-0.03646,0.07694,-0.07051,-0.04754,0.00721,-0.01613,-0.0021,0.05764,0.03596,0.06339,-0.03496,0.04941,0.01979,-0.04381,-0.12426,-0.10655,0.01892,0.01744,0.00138,0.02784,-0.01737,0.00696,0.04438,-0.07876,-0.06708,0.04952,-0.05439,-0.00597,-0.048,0.08808,0.05121,0.08732,0.0536,0.01614,-0.05713,0.01413,-0.02557,-0.00661,-0.02105,0.07914,0.01098,0.04731,0.01392,0.01447,0.03518,-0.11879,-0.03384,-0.03909,0.02838,-0.02397,0.01506,-0.14457,-0.01806,0.00627,-0.01504,-0.06494,-0.00038,-0.02505,0.02211,0.07672,-0.00467,0.04881,0.04263,-0.10895,0.06003,0.08044,0.00734,0.01363,0.0489,-0.07017,0.04961,-0.02163,0.01913,-0.00654,-0.08693,0.04366,0.02995,-0.00393,0.03918,0.05115,-0.01578,-0.0715,-0.01886,-0.03905,-0.082,0.00402,-0.06274,0.03461,0.09684,-0.03552,0.02059,-0.04491,-0.00292,-0.01631,0.02509,0.05652,-0.01872,-0.0567,0.03067,0.0035,-0.00967,0.01202,-0.00778,0,0.02148,-0.0284,-0.02111,-0.00529,0.03871,0.02223,-0.00991,-0.06332,-0.00655,-0.0446,0.05422,0.08991,-0.00804,0.08197,0.05899,-0.01095,-0.08442,0.07266,0.04865,-0.00074,0.07664,0.02412,-0.03024,-0.03461,0.03562,0.05558,-0.02297,0.03382,-0.01313,0.01989,-0.08978,-0.05592,0.00105,0.00129,-0.0039,0.02414,-0.04757,-0.08222,0.00158,-0.08843,-0.00877,-0.01691,-0.07159,-0.05277,0.00433,-0.03989,-0.05142,-0.02659,-0.00776,-0.00321,0.10785,0.05074,0.0448,0.01455,-0.00845,0.00867,0.02632,-0.02518,-0.0499,0.02399,0.02408,0.06555,-0.03664,-0.00151,0.01881,0.11122,-0.03654,0.02772,0.0586,-0.0534,-0.0811,0.08078,-0.02365,0.02832,0.05912,-0.03961,0.01352,-0.03473,-0.02283,-0.05702,0.01464,-0.08567,-0.0343,0.08112,0.09005,-0.05043,-0.00777,-0.05762,-0.09198,0.0131,0.10127,-0.06169,0.04207,0.0614,0.0053,0,0.003,-0.08548,-0.05537,0.08746,-0.01065,-0.02889,-0.04411,-0.00666,0.07152,-0.04414,-0.02773,-0.02401,0.03611,-0.01686,0.04119,-0.00262,-0.02854,-0.14533,-0.05908,-0.02956,-0.0187,0.0257,-0.02035,0.00018,-0.067,-0.0027,-0.10025,0.03988,0.01737,-0.07896,-0.02719,-0.03937,-0.11146,-0.13719,-0.05055,-0.0348,-0.04958,0.04948,-0.00739,0.0001,0.03536,0.04937,-0.04528,0.05559,-0.0284,0.08973,-0.12442,0.0068,0.00384,-0.00495,-0.04034,0.01418,0.01485,-0.06021,-0.0374,0.03683,0.08286,0.06897,-0.07514,0.01326,-0.05041,-0.02645,-0.00086,0.03765,0.04202,0.0365,0.04052,0.04537,0.03202,0.01465,0.16777,0.00958,-0.07782,-0.00768,0.11103,0.04856,0.03372,-0.04522,-0.00339,0.02701,-0.0586,0.0985,0.0293,0.02413,0.02295,0.02529,-0.06053,-0.0437,0.02886,0.02794,-0.03191,0.03695,-0.02527,0.04642,-0.05177,0,-0.07647,-0.04119,-0.01178,0.03625,0.04832,0.01922,-0.03052,-0.00234,0.02586,-0.009,0.05759,0.01549,-0.12303,-0.03571,0.02445,0.0513,0.03413,-0.00472,-0.04733,-0.00711,-0.0148,0.02592,-0.07528,0.11623,0.04077,-0.04457,0.09116,0.00987,0.02376,0.07805,0.00565,0.06606,0.07339,0.13581,-0.06394,0.03357,0.0723,0.05513,-0.03396,-0.03126,0.02853,0.01062,-0.04313,-0.01114,-0.05078,0.07854,-0.0176,-0.03709,-0.02945,-0.03163,-0.05097,0.04705,-0.01845,0.12404,0.02153,0.07644,0.02268,-0.01767,0.09774,0.01708,-0.03534,-0.005,0.03874,0.04314],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. For me, this is the point. An editor is a conversation between a user's intent and an application's rules. The stateless core reports gestures and waits. The managed-state plugin applies only the supported behavior an application explicitly opted into and exposes override points where its rules differ.","excerpt":"For me, this is the point. An editor is a conversation between a user's intent and an application's rules. The stateless core reports gestures and waits. The managed-state plugin applies only the supported behavior an application explicitly opted into and exposes override points where its rules differ."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#25","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.0545,0.01985,-0.09063,-0.01124,0.02208,0.01152,-0.03517,0.0653,0.06044,0.01317,-0.05273,-0.00307,-0.00623,-0.01605,0.01917,0.01435,-0.03994,-0.06283,0.00522,0.00124,-0.01473,-0.04952,-0.02629,0.0114,-0.00298,0.07577,-0.03869,-0.04569,0.0368,-0.03813,0.04083,0.07366,-0.02514,0.0577,-0.04821,0.00064,-0.0086,-0.03724,-0.07779,-0.07105,0.0302,0.04309,0.00939,0.03797,-0.08593,0.06362,0.0365,-0.05248,-0.04765,0.07499,-0.0484,0.01329,-0.03244,0.07715,0.0685,0.09033,0.03266,-0.00707,-0.05066,0.05571,-0.01163,-0.0264,-0.01712,0.07081,0.02096,0.07966,0.01109,0.03755,0.06346,-0.05644,-0.00281,0.00111,0.00039,-0.05266,0.04328,-0.07574,-0.01975,0.00481,-0.04035,-0.06097,-0.0025,0.01603,0.01147,0.03174,-0.01329,0.01428,-0.00038,-0.08916,0.03993,0.06786,-0.03156,0.02278,0.0706,-0.05083,0.0351,-0.01249,0.05856,-0.02481,-0.06991,0.03355,0.01696,-0.00465,0.0878,0.09232,-0.01187,-0.0777,-0.03049,-0.01241,-0.04155,0.02091,-0.04665,0.03472,0.07652,-0.02293,0.0061,-0.04905,-0.05375,-0.01951,-0.0064,0.03773,-0.05471,-0.02284,0.04998,-0.01925,-0.04771,0.00631,-0.01414,0,0.02782,-0.04285,-0.02596,-0.0281,0.00196,0.00691,0.00895,-0.03433,0.00017,-0.03473,0.01557,0.12648,-0.04677,0.08694,0.01615,-0.01072,-0.07685,0.07336,0.08818,-0.00709,0.09861,0.04752,0.00023,-0.0419,0.06885,0.05352,-0.00642,0.04574,-0.03687,0.03165,-0.06509,-0.04705,-0.01313,0.00176,0.02284,0.0568,-0.05465,-0.07783,-0.00157,-0.08826,0.03613,-0.01984,-0.07119,-0.05449,0.00674,-0.07354,-0.05214,-0.04381,-0.01272,0.00125,0.0623,0.01861,-0.01639,0.02767,-0.00945,-0.03176,-0.01385,-0.01062,-0.01721,0.0289,0.03929,0.04197,-0.03533,0.0114,0.0337,0.10749,-0.01874,-0.01486,0.06082,-0.06694,-0.05302,0.07865,-0.01623,-0.01973,0.05029,-0.00916,0.00152,-0.0327,-0.05329,-0.04915,-0.014,-0.09611,-0.03086,0.0977,0.0797,-0.0474,0.04923,-0.09612,-0.12065,0.07689,0.08877,-0.05372,0.07154,0.07174,0.01822,0,0.0046,-0.05772,-0.01673,0.04887,0.02044,-0.02319,0.01558,-0.01066,0.03596,-0.02849,-0.02667,-0.02288,0.03876,-0.0291,0.05995,0.00004,0.01886,-0.13724,-0.06036,-0.03009,-0.06343,0.04705,-0.0684,-0.00408,-0.03328,0.00376,-0.09961,-0.01667,-0.00669,-0.05472,-0.01408,-0.01839,-0.10577,-0.12083,-0.03294,-0.04461,-0.06223,0.0408,0.01103,-0.01669,0.0055,0.05048,-0.11087,0.01006,-0.03041,0.08314,-0.15919,0.02336,0.01137,0.01202,-0.03799,0.0272,0.02615,-0.08941,-0.02981,0.07534,0.14276,0.10279,-0.04743,0.00445,-0.0305,-0.02986,-0.02901,0.02872,0.00781,0.02094,0.03357,0.05705,-0.00647,0.05176,0.13476,0.03626,-0.07115,-0.0075,0.10545,0.04341,0.01519,-0.00138,0.00634,0.02693,-0.05362,0.12562,0.02973,0.04285,0.05335,0.001,-0.06198,-0.06818,0.03056,0.04308,-0.05354,0.00061,-0.07744,0.0111,-0.02884,0,-0.11544,-0.01982,0.00708,0.05592,0.05901,0.01815,-0.00743,0.06552,0.01702,-0.00429,0.03697,0.05063,-0.11624,-0.03241,-0.00106,0.01153,0.04327,-0.08062,-0.0305,-0.02512,-0.06145,-0.00335,-0.04726,0.1061,0.0066,-0.0527,0.10729,0.02413,0.05207,0.08732,0.01173,0.05827,0.0673,0.07508,-0.05711,0.04722,0.02968,0.05344,-0.04668,-0.01905,0.01489,0.02808,-0.0462,-0.0226,-0.07161,0.06193,-0.02221,-0.01727,-0.0281,-0.04199,-0.08634,0.04723,-0.0398,0.15144,0.05973,0.05735,-0.00351,-0.03562,0.08621,0.01455,-0.02585,-0.0019,0.00853,0.02694],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Small, but it shapes everything downstream. The stateless default is why persistence, collaboration and domain-specific history can stay in your app instead of fighting a hidden store. Managed Flow State is there when you deliberately want the library to own common graph records and interaction history without changing that default for everyone else.","excerpt":"Small, but it shapes everything downstream. The stateless default is why persistence, collaboration and domain-specific history can stay in your app instead of fighting a hidden store. Managed Flow State is there when you deliberately want the library to own common graph records and interaction history without changing that default for everyone else."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#26","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.10873,0.02286,-0.05731,0.04049,0.01998,0.04874,-0.05281,0.0878,0.05061,0.03433,-0.12255,-0.05064,-0.06412,-0.01087,0.03397,0.03069,-0.01226,-0.04285,0.0057,0.00709,-0.015,-0.09516,0.00665,-0.01193,-0.0097,0.13822,0.00355,-0.0574,0.04014,-0.03529,0.04707,0.0793,-0.0058,0.04465,-0.11503,0.08337,0.02771,-0.01585,-0.11092,-0.07251,0.03731,0.0679,0.00373,-0.04433,0.00258,-0.00937,0.01237,-0.06242,-0.08076,0.02056,-0.06538,-0.03584,-0.04829,0.06825,0.01623,0.04719,0.04816,-0.08351,-0.06227,0.03306,-0.00955,-0.01945,-0.00233,0.05021,0.06032,0.04335,-0.00863,0.03012,0.07307,-0.06536,-0.03059,-0.0085,0.06631,-0.0805,0.01084,-0.10392,-0.00833,0.04228,0.02937,-0.03954,0.04387,0.02351,0.02407,0.04882,-0.01739,0.06794,0.01311,-0.07093,0.00296,0.03114,-0.00632,0.0348,0.02621,-0.0183,0.06277,0.04734,0.01066,-0.01506,-0.06681,0.01751,0.01442,-0.02588,0.07464,0.03973,-0.06648,-0.05742,-0.01172,0.00133,-0.06855,-0.01171,-0.00462,0.0619,0.0218,-0.04798,-0.02039,-0.03937,-0.015,-0.04867,0.05173,0.07094,-0.00995,-0.01732,0.02443,0.01614,0.04562,0.00929,-0.0288,0,0.01352,0.05756,-0.01054,0.01798,0.0858,0.0048,0.03231,-0.08263,0.00027,0.01491,0.07334,0.07292,-0.04609,0.07633,0.01433,-0.13385,-0.06563,0.03812,0.01404,-0.01723,0.05432,0.00792,-0.0185,-0.00017,0.06753,0.04387,-0.05607,0.07941,-0.10066,0.0051,0.01182,-0.00967,-0.02417,0.00721,-0.00345,-0.00525,-0.06164,-0.10682,-0.0269,-0.04418,0.00141,-0.00598,-0.08406,0.0045,-0.01586,-0.02435,-0.04677,-0.0161,0.07268,0.02324,0.05017,0.03201,-0.00087,-0.01522,0.05211,-0.02674,-0.00785,0.01331,0.04074,0.0368,0.03962,0.04148,-0.03753,-0.0402,-0.02317,0.12005,-0.00876,-0.00658,0.05971,-0.05483,-0.07585,0.07398,0.0236,0.00244,0.10299,0.01409,0.02366,-0.02012,0.03082,-0.0404,-0.00778,-0.0611,-0.01877,0.13584,0.11069,-0.07614,-0.01372,-0.06456,-0.0959,-0.00525,0.11194,-0.0486,0.05345,-0.02456,0.02818,0,0.04024,-0.04576,-0.00994,0.06607,-0.0081,-0.07966,-0.03254,0.01379,0.09615,-0.01225,0.00763,0.01686,0.01823,-0.03651,-0.04324,0.02823,0.00898,-0.16269,0.00508,-0.07143,0.0309,0.06483,-0.02987,-0.01071,-0.07951,0.04718,-0.0357,-0.035,-0.00372,-0.05567,-0.00606,-0.07797,-0.03183,-0.10629,-0.06691,-0.01373,0.00358,0.03644,0.00185,-0.02158,0.01492,0.02007,-0.04631,0.01296,-0.07507,0.02773,-0.13073,0.02825,0.02501,0.00096,-0.05484,0.05057,-0.048,-0.06948,-0.07908,-0.02036,0.07083,0.04467,-0.02054,0.042,-0.05642,-0.04096,0.00956,0.00921,0.02099,0.04371,-0.03989,0.00743,0.07954,0.06901,0.10924,0.02472,-0.04558,0.00336,0.12018,0.04887,0.09641,-0.03859,0.05166,0.0487,-0.01636,0.08439,0.00797,0.0126,0.06041,0.01032,-0.05924,-0.08833,0.06277,0.0309,-0.05075,0.0328,-0.01968,0.00436,0.02734,0,-0.08826,-0.02649,-0.04828,-0.02048,0.0441,0.0166,-0.06419,-0.02399,-0.01307,-0.00831,0.04897,0.07463,-0.08978,-0.05416,0.03452,0.04023,0.01558,-0.00894,-0.05883,-0.00708,-0.00159,0.05613,-0.05457,0.08872,0.02894,-0.01299,0.07545,0.01195,0.03471,0.05372,-0.01293,0.07858,0.06467,0.1099,-0.05844,0.00051,-0.00526,-0.00377,-0.08114,0.01731,0.03379,0.02491,-0.04184,-0.0117,-0.03906,0.07594,-0.06113,-0.02303,-0.03339,-0.01918,-0.02872,0.03595,-0.11349,0.12493,0.00602,0.04582,-0.01952,0.01175,0.06174,-0.00245,-0.04769,-0.01233,0.03333,0.0037],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. 🚀 What's next This is Part 3 of the Inside Foblex Flow series. Part 4 will look at the rendering pipeline: how <f-node and <f-connection elements are picked up from the template, how measurement and layout are coordinated, and how fNodesRendered and fFullRendered actually get decided under the hood. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot. f Nodes Rendered f Full Rendered","excerpt":"🚀 What's next This is Part 3 of the Inside Foblex Flow series. Part 4 will look at the rendering pipeline: how <f-node and <f-connection elements are picked up from the template, how measurement and layout are coordinated, and how fNodesRendered and fFullRendered actually get decided under the hood. If you're building a visual editor in Angular and want a native Angular solution (not a React wrapper) — take a look. And if you like what I'm building, please consider starring the repo ⭐ It helps the project a lot."},{"chunkId":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data#27","slug":"designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","route":"/blog/designing-a-stateless-library-how-foblex-flow-avoids-owning-your-data","section":"blog","title":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data","description":"Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo.","group":"Inside Foblex Flow","vector":[-0.06341,0.04023,-0.07469,0.0236,0.01481,-0.00634,-0.00072,0.07519,0.03598,0.0061,-0.05138,-0.00814,-0.02141,-0.04752,0.02404,0.01707,-0.03955,-0.06044,0.01165,-0.0148,0.00074,-0.06233,-0.02816,-0.00995,-0.02842,0.09419,-0.05513,-0.03227,0.02715,-0.04835,0.05097,0.07138,-0.00891,0.0562,-0.04599,0.04225,0.01415,-0.04289,-0.11829,-0.04378,0.05429,0.02089,0.02092,0.01742,-0.02838,0.06819,0.00704,-0.04483,-0.0476,0.01806,-0.04846,0.01498,-0.03641,0.10286,0.07747,0.078,0.06761,-0.02227,-0.07568,0.04365,-0.01598,-0.01171,-0.01596,0.04059,0.02594,0.02897,-0.001,0.0423,0.05519,-0.04117,-0.00089,-0.01472,0.01452,-0.06267,0.01504,-0.08847,0.00046,0.04423,-0.01889,-0.08565,-0.01198,0.02882,0.01748,0.00969,-0.02302,0.05454,-0.01721,-0.1022,0.0233,0.06589,-0.02368,0.02794,0.00939,-0.04534,0.09418,0.0383,0.042,0.00178,-0.04962,0.03697,0.02315,-0.00549,0.04964,0.07047,-0.02719,-0.04444,-0.03788,0.00707,-0.05252,-0.0317,-0.05941,0.05988,0.05155,-0.01741,0.01314,-0.06798,-0.02065,-0.0231,0.01353,0.06805,-0.0184,-0.05251,0.0213,-0.0063,-0.03667,0.0095,-0.01624,0,0.01327,-0.0123,-0.03772,0.00534,0.01701,0.03396,0.01875,-0.07884,-0.00324,0.02983,0.001,0.0916,-0.04362,0.04139,0.00413,-0.09212,-0.05155,0.0462,0.05485,-0.0301,0.12072,0.02401,-0.03484,-0.03013,0.08803,0.0391,-0.0393,0.03484,-0.0569,0.01928,-0.03327,-0.0115,0.01717,-0.00365,0.00978,0.0146,-0.03613,-0.06513,-0.06609,-0.10626,0.02641,-0.00465,-0.06271,-0.02372,-0.01653,-0.06848,-0.0862,-0.04523,0.03184,0.02127,0.07576,0.0093,0.00575,-0.02264,0.03295,-0.02978,-0.01698,-0.00671,-0.03825,0.03435,0.02395,0.03617,-0.04157,-0.01628,0.01772,0.1199,-0.03427,-0.01515,0.06933,-0.06583,-0.06893,0.10901,-0.01744,-0.02925,0.07595,-0.03646,0.00895,-0.05495,-0.05856,-0.06432,-0.02271,-0.0814,-0.02581,0.12991,0.10657,-0.05566,0.00557,-0.08441,-0.06395,0.01545,0.11395,-0.04601,0.06828,-0.01406,0.01464,0,0.03547,-0.03037,-0.01208,0.08215,0.02341,-0.04873,0.01687,0.01961,0.06602,-0.00185,-0.03723,-0.0024,0.02652,-0.06143,0.06285,0.00595,-0.02606,-0.16249,-0.01801,-0.00982,-0.02955,0.0673,-0.01887,-0.02383,-0.04932,0.01252,-0.09916,-0.00343,0.02202,-0.07031,-0.02208,-0.04755,-0.10255,-0.07529,-0.03685,-0.04576,-0.03712,0.08798,0.01008,-0.02436,0.01711,0.06356,-0.09569,0.02001,-0.04102,0.07794,-0.09474,0.02905,-0.00055,0.01634,-0.03913,0.00707,-0.02167,-0.02965,-0.05239,0.05241,0.12226,0.08005,-0.07472,0.02066,-0.02667,-0.04651,-0.00717,0.03238,0.02469,-0.00348,-0.00326,0.02808,0.04759,0.04134,0.09865,0.04648,-0.04151,0.00026,0.11707,0.0448,0.00301,-0.00753,0.01626,0.06502,-0.07223,0.13553,-0.01487,0.06554,0.06963,-0.01397,-0.06616,-0.07103,0.06697,0.02736,-0.04099,0.01809,-0.05898,0.02735,-0.02572,0,-0.13162,-0.0508,-0.0406,0.02361,0.0808,0.00895,-0.02246,0.04538,0.00409,-0.02511,0.06524,0.04467,-0.08306,-0.06388,0.01315,0.02024,0.05754,-0.03927,-0.03901,0.0003,-0.04286,0.00573,-0.09009,0.13761,0.01216,-0.0672,0.09993,0.01793,0.02008,0.06883,-0.00542,0.06723,0.09369,0.11618,-0.05565,0.07281,0.01039,0.04678,-0.06182,-0.00887,0.01262,0.04596,-0.03055,-0.00994,-0.02893,0.07088,-0.0519,-0.00775,-0.02341,-0.04119,-0.07067,0.05452,-0.0697,0.12369,0.03199,0.05792,0.01254,-0.03979,0.07082,0.01397,-0.07677,0.01437,0.02442,0.01006],"keywords":"Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Designing a Stateless Library — How Foblex Flow Avoids Owning Your Data Why Foblex Flow keeps a stateless core, how applications own graph meaning, and when to opt into Managed Flow State for records and undo/redo. Links - Repository: github.com/Foblex/f-flow - Docs: flow.foblex.com/docs/get-started - <f-flow component: flow.foblex.com/docs/f-flow-component - fNode directive: flow.foblex.com/docs/f-node-directive - <f-connection component: flow.foblex.com/docs/f-connection-component - Managed Flow State: flow.foblex.com/examples/state f Node","excerpt":"Links - Repository: github.com/Foblex/f-flow - Docs: flow.foblex.com/docs/get-started - <f-flow component: flow.foblex.com/docs/f-flow-component - fNode directive: flow.foblex.com/docs/f-node-directive - <f-connection component: flow.foblex.com/docs/f-connection-component - Managed Flow State: flow.foblex.com/examples/state"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#0","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.08767,0.006,-0.06848,0.03769,0.02573,0.00538,-0.04307,0.06335,-0.02202,0.04819,-0.1378,-0.07133,-0.03672,-0.00002,0.07407,0.0375,-0.01507,0.01136,0.02367,-0.02491,-0.01289,-0.01576,0.00047,-0.05636,-0.02164,0.06955,0.02793,-0.03944,0.07592,-0.0499,0.03359,0.0445,0.0282,0.07174,-0.15054,0.08962,0.00899,-0.04662,-0.01667,-0.08478,0.02833,0.06369,-0.01695,-0.10726,0.00794,-0.08323,-0.06198,-0.022,-0.0357,0.02824,-0.11404,-0.15585,-0.07279,0.04666,-0.01832,0.03291,0.02802,-0.08414,0.02498,0.0111,0.01436,0.00774,0.05173,0.03294,0.04872,0.03791,-0.09989,0.05523,0.00107,-0.07794,-0.04073,-0.0465,0.02252,-0.00282,-0.02686,-0.05291,-0.07206,0.01334,0.00483,-0.03567,0.00951,0.03746,-0.0086,0.11616,-0.00629,0.1114,0.03125,-0.03191,-0.00305,-0.03236,0.0181,0.05901,-0.00137,-0.00285,0.0886,0.004,-0.00445,-0.07693,-0.11472,0.01523,-0.02519,-0.08872,0.07321,-0.02437,-0.05138,-0.00302,0.05762,-0.02589,-0.04968,-0.02756,-0.01847,0.05458,-0.04871,-0.11638,-0.00776,-0.01954,-0.01023,-0.02679,0.04737,0.07611,0.0412,-0.00157,-0.03199,-0.0042,0.12536,-0.02764,-0.00295,0,0.02051,0.06939,-0.03237,0.06755,0.13085,-0.03747,0.02117,-0.09255,-0.01488,0.01124,0.03789,0.09125,-0.05666,0.05677,0.00357,-0.11456,-0.03228,0.00776,0.02331,0.00993,0.03551,-0.10525,-0.02433,0.08135,0.06576,0.09095,0.01854,0.01675,-0.03884,0.0233,0.05083,0.04148,-0.02,0.03162,-0.05646,-0.00946,-0.07783,-0.0822,0.00848,0.00464,-0.02007,-0.03992,-0.08286,-0.0113,0.0137,0.02164,-0.02776,0.01139,0.10657,0.03265,0.00603,0.0297,-0.01795,0.02889,0.06958,-0.04287,-0.02893,0.05555,0.06942,0.03741,0.01345,0.02446,-0.04169,-0.00035,-0.0146,0.00523,0.00619,-0.02593,0.0829,-0.04379,-0.07755,0.03074,0.024,0.05508,0.03451,-0.01172,0.00417,0.01334,0.08289,-0.04378,-0.034,-0.04011,-0.00456,0.04649,0.10375,-0.0712,-0.02835,-0.00817,-0.10405,-0.02107,0.07764,0.02309,0.02738,-0.04404,0.00808,0,0.00015,0.03233,-0.06676,0.05433,0.0178,-0.08078,0.01285,0.00653,0.07433,0.06565,0.01762,0.02266,0.01206,-0.00356,-0.02913,-0.02081,-0.01491,-0.10601,0.0542,-0.04872,0.03599,0.03948,0.03355,-0.08071,-0.09195,0.05369,-0.00425,0.02115,-0.00229,-0.03311,-0.00117,-0.02444,-0.01362,-0.04101,0.01148,-0.03257,0.07067,0.0124,0.00462,-0.04903,0.07467,-0.04438,0.01084,-0.02349,-0.09421,-0.02402,-0.05565,0.03987,-0.02973,-0.03713,-0.02652,0.02472,-0.01877,-0.10152,-0.07606,-0.02333,0.10745,0.00816,-0.00255,0.06775,-0.04548,-0.01536,0.05417,0.02964,0.02857,0.01305,-0.07982,0.01012,0.01209,0.04342,0.05628,-0.01338,-0.04416,0.0373,0.05201,0.04152,0.11862,-0.04783,0.0596,0.00818,-0.00709,0.0679,0.00049,0.02061,0.03013,0.03928,-0.09253,-0.06821,0.06626,0.05622,-0.12504,0.03332,0.01431,0.00938,0.0094,0,-0.12218,0.02098,-0.02457,-0.00375,0.03351,0.01183,-0.05584,0.00466,0.02781,-0.0249,-0.01842,0.02316,-0.02584,0.00993,0.10799,0.02478,-0.05675,-0.00246,-0.01529,-0.01986,0.05796,0.03538,0.02658,0.03889,0.0037,-0.00466,0.00099,-0.0144,-0.02984,0.05384,0.02513,0.1138,0.07543,0.06581,-0.03382,-0.0292,-0.0749,-0.01889,-0.08453,-0.0336,0.04678,0.02469,-0.00282,-0.05541,-0.03994,0.05872,-0.03055,-0.06916,0.01145,-0.00039,-0.07166,-0.01339,-0.07013,0.071,0.00202,0.03387,-0.00355,-0.03044,0.07031,0.03491,-0.06559,0.04293,0.0572,0.00599],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. Building AI Low-Code Platform in Angular— Part 1: Introduction to Foblex Flow This article opens the series on building node-based UIs in Angular with Foblex Flow. If you are evaluating Angular workflow builders, custom node editors, or visual automation tools, this is the best place to start before jumping into code. U Is","excerpt":"Building AI Low-Code Platform in Angular— Part 1: Introduction to Foblex Flow This article opens the series on building node-based UIs in Angular with Foblex Flow. If you are evaluating Angular workflow builders, custom node editors, or visual automation tools, this is the best place to start before jumping into code."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#1","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.10369,0.01435,-0.07079,0.0288,0.02219,0.00438,-0.04728,0.06592,0.00726,0.05377,-0.13473,-0.0525,-0.06176,0.01746,0.09065,0.00685,-0.02671,-0.00235,0.038,-0.01215,-0.00028,-0.01103,0.00727,-0.04807,-0.00673,0.06295,0.01974,-0.03736,0.07557,-0.05723,0.03757,0.06123,-0.01105,0.052,-0.15708,0.07258,0.02843,-0.03401,-0.0526,-0.08595,0.01491,0.06251,-0.01972,-0.1059,-0.03314,-0.09688,-0.0734,-0.00025,-0.0567,0.03237,-0.10672,-0.1346,-0.05679,0.02365,0.00453,0.02006,0.01444,-0.07481,0.01725,0.03897,0.01026,-0.00214,0.04645,0.03752,0.03134,0.0483,-0.09752,0.05311,0.01527,-0.07341,-0.04144,-0.06043,0.02307,-0.03434,-0.02742,-0.06526,-0.07309,0.03022,-0.02226,-0.01112,0.02943,0.06913,-0.00871,0.10607,-0.0125,0.10557,0.02834,-0.04184,-0.00577,-0.04465,0.02291,0.05992,0.01384,-0.01069,0.06898,-0.00788,-0.01329,-0.06644,-0.10634,0.00192,-0.01793,-0.0791,0.07997,0.00512,-0.03445,-0.02224,0.04331,0.00816,-0.04569,-0.01565,-0.00393,0.04585,-0.02805,-0.10123,-0.02142,-0.03804,-0.01298,-0.05471,0.05742,0.08924,0.03684,0.02486,-0.04266,-0.01797,0.12751,-0.029,0.02614,0,0.02833,0.0643,-0.0158,0.07109,0.12834,-0.03157,0.01407,-0.09699,-0.00264,0.00989,0.06135,0.08484,-0.06279,0.06067,0.01734,-0.10035,-0.0369,0.01039,0.04914,0.01655,0.03477,-0.07361,-0.0204,0.06909,0.05559,0.08934,0.02051,0.03411,-0.04944,0.01697,0.07234,0.01821,-0.01196,0.03116,-0.04431,-0.00908,-0.08816,-0.09412,0.02012,-0.01315,-0.03194,-0.05082,-0.10974,0.0105,-0.00991,0.02207,-0.02903,0.03228,0.0931,0.02285,0.00282,0.0568,0.00017,0.04183,0.06496,-0.04014,-0.01963,0.0632,0.05572,0.05902,0.00778,0.02817,-0.05798,-0.03217,-0.01012,0.00687,-0.00229,-0.01996,0.08222,-0.05824,-0.08057,0.02544,0.02741,0.04836,0.05023,-0.0144,0.02043,0.04102,0.07777,-0.03967,-0.01827,-0.04964,0.01963,0.06815,0.10632,-0.0593,-0.00661,-0.02035,-0.10356,-0.01358,0.08418,0.01818,0.03446,-0.04337,0.00959,0,-0.01468,0.01623,-0.05458,0.04182,0.01776,-0.07788,0.01015,0.0345,0.0681,0.03639,0.02521,0.04474,0.01265,0.00481,-0.03991,0.01501,-0.00692,-0.12412,0.04998,-0.04581,0.03478,0.05982,0.01247,-0.09057,-0.10355,0.06082,0.00319,-0.0025,0.01104,-0.02552,-0.00858,-0.02241,-0.01684,-0.04431,-0.0046,-0.06394,0.05039,0.04397,-0.00433,-0.06825,0.02658,-0.04294,0.02681,-0.02858,-0.08809,-0.00994,-0.0535,0.02886,-0.05383,-0.0262,-0.0149,0.03306,-0.02603,-0.0957,-0.05968,-0.051,0.10815,-0.00986,0.00445,0.06353,-0.03397,0.00204,0.04598,0.01269,0.04841,0.02234,-0.08119,-0.03215,0.027,0.05326,0.07128,-0.01653,-0.0424,0.01618,0.08263,0.07253,0.11886,-0.0487,0.03203,0.01167,-0.02866,0.07093,0.03219,-0.00507,0.03245,0.01628,-0.10219,-0.05778,0.07272,0.07058,-0.11068,0.02591,-0.0037,0.01559,0.03098,0,-0.12292,0.01411,-0.04741,-0.01282,0.02569,0.01062,-0.0236,0.00682,0.03421,-0.00895,-0.03061,0.03367,-0.02131,0.01962,0.08781,0.03253,-0.04831,0.01575,-0.01942,-0.02692,0.02707,0.0378,0.02524,0.05657,0.01212,0.01677,-0.00995,-0.01287,0.00009,0.03343,0.00412,0.09362,0.07515,0.0678,-0.04519,-0.04742,-0.08496,-0.00502,-0.09407,-0.03436,0.03669,0.02107,-0.00224,-0.0357,-0.03014,0.06426,-0.03426,-0.02572,-0.00026,0.00894,-0.07313,-0.00785,-0.07093,0.04344,-0.00924,0.04153,-0.01164,-0.0098,0.06657,0.0045,-0.05826,0.03039,0.07761,0.00144],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. ✍ Introduction Modern web applications increasingly require visual logic and process editors — from call flow builders to no-code tools or internal dashboards. If you work with Angular, you know how difficult it is to find a truly native solution for creating such flow interfaces. That’s why I created Foblex Flow — a library designed specifically for Angular to build flexible and dynamic node-based UIs. U Is","excerpt":"✍ Introduction Modern web applications increasingly require visual logic and process editors — from call flow builders to no-code tools or internal dashboards. If you work with Angular, you know how difficult it is to find a truly native solution for creating such flow interfaces. That’s why I created Foblex Flow — a library designed specifically for Angular to build flexible and dynamic node-based UIs."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#2","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.09824,0.00462,-0.06859,0.04478,0.01023,0.05644,-0.03329,0.06067,0.01576,0.04288,-0.13308,-0.05129,-0.06257,-0.01454,0.0489,0.01034,-0.02556,-0.01413,0.00965,0.01581,-0.0147,-0.01847,-0.00691,-0.05315,-0.00146,0.07482,0.03064,-0.02709,0.08381,-0.04834,0.05022,0.08965,-0.01292,0.06202,-0.14533,0.06678,0.03483,-0.05371,-0.05805,-0.07956,0.05132,0.05407,-0.01368,-0.09031,-0.04033,-0.02561,-0.02896,-0.00373,-0.06329,0.04101,-0.08683,-0.1464,-0.06519,0.0658,0.00896,0.04156,0.02122,-0.08175,0.00362,0.03408,0.00553,-0.00553,0.02983,0.04441,0.04565,0.0328,-0.09398,0.02855,0.01273,-0.09076,-0.0491,-0.04814,0.04535,-0.01617,-0.00625,-0.05668,-0.04382,0.0271,0.00334,-0.02428,0.02754,0.04582,-0.01691,0.06476,-0.03241,0.08934,0.03589,-0.05586,-0.00845,-0.03332,0.00572,0.0748,-0.00889,-0.02532,0.04486,-0.00588,-0.0093,-0.06806,-0.09719,0.00922,0.00611,-0.06711,0.08003,0.00307,-0.06035,-0.06187,0.02438,-0.00577,-0.06587,-0.00723,-0.02051,0.05432,-0.01687,-0.10942,-0.03984,-0.03426,-0.03806,-0.05255,0.06182,0.05698,0.01818,0.00424,-0.00113,-0.00066,0.10445,-0.04614,-0.00758,0,0.00609,0.04852,-0.03745,0.07732,0.11832,-0.00495,0.00428,-0.10558,-0.01215,0.00258,0.03183,0.0847,-0.03366,0.08691,-0.00302,-0.10376,-0.03083,0.02587,0.0299,0.03445,0.06909,-0.0744,-0.00943,0.05207,0.05798,0.08411,-0.00573,0.04977,-0.04808,0.02014,0.04805,0.02199,-0.0081,0.00563,-0.03989,-0.00946,-0.05071,-0.10586,-0.0106,-0.01168,-0.02017,-0.04056,-0.09431,0.01541,-0.00691,0.00527,-0.0282,0.0231,0.07689,0.02787,0.01669,0.02248,-0.00724,0.00154,0.07861,-0.03268,-0.03197,0.07562,0.04894,0.0318,0.03394,0.05353,-0.05956,-0.01628,0.02373,0.04796,0.01856,0.01158,0.08415,-0.05563,-0.08869,0.04786,0.02998,0.0155,0.07124,-0.01383,-0.00725,0.04582,0.10214,-0.0285,-0.03255,-0.05425,-0.00409,0.05307,0.10927,-0.06646,-0.01194,-0.01544,-0.12004,-0.01482,0.10285,0.01677,0.03802,-0.03839,0.03184,0,-0.00002,0.02384,-0.06049,0.06286,0.02512,-0.07654,0.00545,0.02783,0.05595,0.02643,0.03299,0.04692,0.01424,-0.00988,-0.0456,-0.00254,-0.02315,-0.14704,0.03512,-0.08118,0.03871,0.01548,0.0329,-0.0819,-0.1172,0.04438,0.00282,0.00935,-0.00861,-0.01605,-0.00014,-0.03855,-0.04618,-0.03765,-0.01816,-0.0478,0.03882,0.04243,0.01148,-0.07786,0.03881,-0.03901,-0.01101,-0.00358,-0.10266,-0.00805,-0.07183,0.01828,-0.0298,-0.01776,-0.03892,0.04194,-0.04725,-0.08225,-0.06185,-0.02085,0.07455,0.00784,-0.00276,0.05081,-0.0112,-0.01342,0.02726,0.01845,0.06861,0.03707,-0.06552,-0.01727,0.06563,0.08641,0.0797,0.01278,-0.03583,-0.01455,0.09653,0.05213,0.12958,-0.03999,0.04028,0.03105,-0.02579,0.07464,-0.00058,0.03213,0.05159,0.00694,-0.10789,-0.05324,0.07398,0.07064,-0.08641,0.02057,0.00128,0.01967,0.0074,0,-0.11374,0.01712,-0.06509,-0.03787,0.03193,0.00518,-0.04629,0.00493,0.01777,-0.00968,-0.00864,0.04025,-0.02926,0.00726,0.09968,0.00945,-0.03891,-0.01873,-0.03073,-0.02773,0.03332,0.01958,0.02983,0.0863,0.01682,0.01027,0.02238,-0.00704,-0.00368,0.02951,0.01161,0.0946,0.06106,0.09627,-0.06941,-0.01319,-0.07612,0.00822,-0.08128,-0.01854,0.05196,-0.0071,-0.01347,-0.02757,-0.0427,0.0808,-0.03475,-0.0445,0.00515,0.01112,-0.07255,0.03044,-0.08572,0.07587,-0.01082,0.02886,-0.02964,-0.00796,0.08196,0.01259,-0.0881,0.00778,0.05982,-0.01392],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 🔧 What is Foblex Flow? Foblex Flow is an Angular library for building interactive node-and-connection-based interfaces — fully written in Angular. With it, you can: - Render and connect nodes dynamically - Customize node templates freely - Use drag’n’drop, zooming, snapping, and grouping - Integrate with SSR, standalone components, Angular Signals, and zoneless Angular - Build complete editors with state saving and custom logic","excerpt":"🔧 What is Foblex Flow? Foblex Flow is an Angular library for building interactive node-and-connection-based interfaces — fully written in Angular. With it, you can: - Render and connect nodes dynamically - Customize node templates freely - Use drag’n’drop, zooming, snapping, and grouping - Integrate with SSR, standalone components, Angular Signals, and zoneless Angular - Build complete editors with state saving and custom logic"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#3","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.09497,-0.00202,-0.07351,0.02633,0.00428,0.00993,-0.03507,0.05779,-0.00594,0.05229,-0.10504,-0.04647,-0.0545,0.00004,0.08006,0.03421,-0.02494,0.00153,0.0158,-0.03763,0.00499,-0.00812,-0.00585,-0.0402,-0.03239,0.04597,0.0234,-0.02004,0.06504,-0.05769,0.01633,0.07642,-0.01394,0.06274,-0.14512,0.09709,0.02782,-0.03756,-0.02659,-0.0714,0.0146,0.04975,-0.03516,-0.12529,-0.01811,-0.1117,-0.04543,-0.01205,-0.06033,0.00759,-0.10126,-0.13145,-0.06186,0.05586,0.03144,0.02128,0.00803,-0.06621,0.01105,-0.00093,0.00778,-0.00956,0.03212,0.04215,0.04084,0.0236,-0.10547,0.0339,0.00047,-0.07283,-0.05052,-0.06414,0.00915,-0.02184,-0.01401,-0.06127,-0.06025,0.02672,0.0092,-0.03349,0.03185,0.048,-0.0144,0.1201,0.00254,0.1023,0.03267,-0.03968,0.03761,-0.03459,0.03111,0.06243,0.01153,-0.00218,0.07078,-0.018,-0.01856,-0.06416,-0.11146,0.01949,-0.024,-0.0831,0.07304,-0.01229,-0.03325,-0.00586,0.07071,0.00346,-0.05246,-0.01918,-0.00534,0.05577,0.00084,-0.12231,-0.01116,-0.00775,-0.01984,-0.02592,0.06659,0.06604,0.00365,0.00936,-0.0359,-0.02083,0.11332,-0.0518,0.02594,0,0.00756,0.07737,-0.04765,0.05086,0.14324,-0.02563,0.00852,-0.09023,-0.01123,0.00515,0.02748,0.09174,-0.05502,0.07609,0.00309,-0.11392,-0.02365,0.00859,0.05576,0.02443,0.04388,-0.09161,-0.02139,0.07623,0.06501,0.0971,0.02338,0.0119,-0.02651,0.01876,0.06497,0.04024,0.00164,0.01912,-0.0571,0.00352,-0.07349,-0.09624,0.01563,0.00298,-0.02192,-0.0356,-0.11869,0.00109,0.00361,0.02758,-0.01061,0.03555,0.09701,0.04757,0.00266,0.03611,-0.00563,0.00875,0.08403,-0.05318,-0.02303,0.06287,0.06867,0.06006,0.00464,0.02556,-0.05306,0.01259,-0.01462,0.0036,-0.02035,-0.04103,0.10012,-0.05294,-0.09607,0.03383,0.01794,0.0796,0.05042,-0.01462,-0.01134,0.01337,0.08638,-0.04828,-0.03338,-0.03061,-0.00792,0.06727,0.10224,-0.05953,-0.02394,-0.01626,-0.08398,-0.02084,0.04951,0.0007,0.04214,-0.02833,0.00964,0,-0.01072,0.02864,-0.05745,0.06264,-0.0008,-0.07639,0.05272,0.01247,0.09658,0.03971,0.04971,0.04137,0.00951,0.00047,-0.02067,-0.02468,-0.01714,-0.1238,0.02978,-0.06251,0.03699,0.0378,0.01727,-0.07582,-0.10481,0.06872,0.00268,0.01536,0.00581,-0.01536,-0.00596,-0.04202,-0.00974,-0.0493,-0.00512,-0.04087,0.06243,0.04982,0.00629,-0.0713,0.05633,-0.03022,0.02805,0.00241,-0.10121,-0.0037,-0.05653,0.01131,-0.0389,-0.03674,-0.02152,0.01979,-0.01334,-0.09994,-0.05409,-0.00785,0.09702,-0.01409,-0.00789,0.05805,-0.04166,-0.00133,0.07475,0.0196,0.03338,0.0319,-0.081,-0.01318,0.02899,0.02833,0.06551,-0.01504,-0.03931,0.01614,0.07055,0.04935,0.10969,-0.04249,0.02934,0.04064,-0.0234,0.03475,0.00853,0.01116,0.01647,0.02435,-0.09818,-0.0714,0.079,0.06289,-0.12823,0.02563,0.0409,0.00746,0.00911,0,-0.11348,0.00923,-0.00133,-0.03327,0.02401,0.00595,-0.03012,-0.0125,0.03865,-0.01056,-0.02742,0.04627,-0.04339,0.01074,0.0941,0.0334,-0.03334,0.00335,-0.03192,-0.04436,0.01678,0.01409,0.0199,0.0641,0.03009,0.00062,0.00359,-0.01855,-0.01444,0.04688,0.02689,0.11049,0.10401,0.06753,-0.04723,-0.04605,-0.08854,0.0031,-0.07336,-0.03159,0.03641,-0.00434,0.02066,-0.05205,-0.03513,0.05685,-0.04179,-0.05782,-0.0018,0.00527,-0.07427,0.01073,-0.06963,0.05993,0.00347,0.02383,0.01269,-0.03211,0.06322,-0.00497,-0.04795,0.02628,0.06411,-0.01367],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 🧩 Where You Might Use It - Workflow editors - Logic configurators (low-code / no-code) - Call routing editors - Visual back-office or CRM tools - Visual programming UIs (block logic, AI chains) U Is","excerpt":"🧩 Where You Might Use It - Workflow editors - Logic configurators (low-code / no-code) - Call routing editors - Visual back-office or CRM tools - Visual programming UIs (block logic, AI chains)"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#4","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.07685,0.00635,-0.06309,0.02708,-0.00863,0.06239,-0.04112,0.06514,-0.00378,0.06293,-0.11258,-0.04251,-0.07198,-0.02236,0.04999,0.02841,-0.05002,0.00361,-0.02503,0.01645,-0.01964,-0.04536,0.01056,-0.04389,-0.00341,0.0781,0.05657,-0.00532,0.05554,-0.0626,0.05383,0.08793,-0.02607,0.04872,-0.1404,0.07346,0.03429,-0.02819,-0.05848,-0.07184,0.06387,0.03577,-0.00185,-0.11541,-0.0095,-0.04648,-0.04475,-0.00273,-0.0118,0.02929,-0.12409,-0.14356,-0.06465,0.05092,-0.0242,0.02509,0.01173,-0.06327,0.01652,0.00457,0.04668,-0.00552,0.03788,0.05422,-0.00474,0.01617,-0.08434,0.06121,0.0206,-0.06901,-0.0617,-0.05185,0.03105,-0.04365,0.00899,-0.09285,-0.05537,0.02078,-0.01773,-0.0107,0.04387,0.05702,-0.01127,0.11182,-0.02999,0.11599,0.04278,-0.06227,-0.00174,-0.0268,0.02279,0.05683,-0.03397,-0.0493,0.0753,0.00534,-0.0296,-0.08275,-0.11109,0.00943,0.00534,-0.09999,0.07791,0.02265,-0.0543,-0.01669,0.01905,-0.00229,-0.05739,-0.01157,-0.01069,0.05682,-0.04721,-0.10958,-0.00413,-0.03541,-0.03429,-0.06541,0.02845,0.04356,0.00951,0.01662,-0.03945,-0.02435,0.07984,-0.02393,0.02928,0,0.04182,0.06435,-0.03352,0.09598,0.12853,0.00245,0.01239,-0.08586,0.00239,-0.00531,0.05274,0.05368,-0.05822,0.07419,-0.03984,-0.11633,-0.05157,0.01902,0.01414,0.02515,0.04225,-0.07575,-0.04533,0.04407,0.04783,0.08398,0.02879,0.04441,-0.07998,-0.00445,0.0448,0.0238,0.0101,0.02322,-0.04563,-0.02096,-0.0537,-0.09177,-0.01632,-0.01613,-0.01475,-0.0279,-0.08733,-0.00944,0.00658,0.03791,0.014,0.05403,0.10841,0.03744,0.01882,0.05329,-0.00771,0.01275,0.084,-0.04019,-0.03109,0.06813,0.03367,0.02693,0.00231,0.05592,-0.04255,-0.01743,0.0167,0.05585,-0.022,-0.01028,0.09155,-0.06278,-0.10364,0.02662,0.01368,0.055,0.05175,0.01131,-0.01702,0.04838,0.08697,0.00801,-0.06366,-0.04701,0.01236,0.06513,0.09469,-0.0746,0.02349,-0.04531,-0.06744,-0.01036,0.08831,0.0163,0.06631,-0.04276,0.03464,0,0.00217,0.03084,-0.05619,0.06311,0.01633,-0.04783,0.0036,0.05355,0.04544,0.01987,0.03965,0.07505,0.01294,-0.00653,-0.04326,0.00582,0.00159,-0.10897,0.03854,-0.06651,0.04526,0.05233,0.0168,-0.08781,-0.09629,0.03813,0.02921,-0.01076,0.01476,-0.01833,0.00169,-0.04417,-0.01823,-0.02129,-0.00437,-0.03916,0.02532,0.03482,0.00243,-0.06178,0.02903,-0.03178,-0.00868,-0.02288,-0.10826,-0.02333,-0.05499,0.01174,-0.06394,-0.02593,-0.03646,0.03769,-0.02108,-0.08085,-0.03355,-0.01499,0.12036,-0.02233,0.02564,0.02759,-0.04974,-0.02601,0.02671,-0.00826,0.03888,0.01618,-0.07338,-0.03033,0.01674,0.05131,0.01541,0.00849,0.01373,-0.01089,0.1146,0.02364,0.11759,-0.02698,0.07457,0.02566,-0.04348,0.07392,0.00453,-0.00038,0.03746,0.03148,-0.08898,-0.07359,0.08804,0.053,-0.10383,0.01521,-0.01426,0.01496,0.0447,0,-0.1408,0.00134,-0.04296,-0.03606,0.01631,0.01016,-0.04126,0.02186,0.01688,0.00056,0.00004,0.06473,-0.03159,0.0109,0.10347,0.00276,-0.05864,0.01291,-0.03945,-0.04947,0.04466,-0.00116,0.02928,0.07344,0.03271,0.00164,0.01466,-0.00922,-0.0213,0.03907,-0.00096,0.06367,0.06985,0.06747,-0.07928,-0.04036,-0.07951,-0.00287,-0.06502,-0.02712,0.01722,-0.00004,-0.00405,-0.04656,-0.03424,0.07281,-0.04343,-0.01153,-0.02064,0.02257,-0.07808,0.01801,-0.04046,0.06682,0.00642,0.02947,-0.01362,-0.01317,0.05505,-0.00859,-0.10252,0.0681,0.01657,-0.0201],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 🔍 What You’ll Learn in This Series In this series of tutorials, we’ll cover: 1. How to install and render a basic flow 2. How to use custom components as nodes 3. How to configure and customize connections 4. How to enable snapping, resize, and rotate 5. How to save and restore flow state 6. How to build a real-world editor with the library","excerpt":"🔍 What You’ll Learn in This Series In this series of tutorials, we’ll cover: 1. How to install and render a basic flow 2. How to use custom components as nodes 3. How to configure and customize connections 4. How to enable snapping, resize, and rotate 5. How to save and restore flow state 6. How to build a real-world editor with the library"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#5","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.06964,-0.00296,-0.09348,0.04381,-0.00901,0.01565,-0.01558,0.06673,0.00195,0.05516,-0.10301,-0.08544,-0.04424,0.0056,0.08046,0.04036,-0.0387,-0.01089,0.01135,-0.00328,-0.01032,-0.02704,0.01064,-0.03293,-0.02059,0.04653,0.04132,-0.01738,0.05332,-0.05204,0.02346,0.07174,-0.00785,0.0676,-0.12599,0.08107,0.03708,-0.04466,-0.04498,-0.08967,0.0504,0.03544,-0.01324,-0.11204,-0.02048,-0.07094,-0.06905,-0.00067,-0.04776,0.0287,-0.10593,-0.13589,-0.04748,0.06697,0.01842,0.04018,0.02109,-0.05295,0.00973,0.0261,0.00225,0.00802,0.0399,0.04196,0.02051,0.03123,-0.09962,0.04442,0.01105,-0.08291,-0.03975,-0.07531,0.00496,-0.05814,-0.03311,-0.0476,-0.0672,0.02753,-0.01465,-0.02809,0.0202,0.06571,-0.00295,0.10231,-0.02504,0.10643,0.01727,-0.05331,0.00863,-0.04401,0.02248,0.05507,-0.0003,-0.01198,0.06995,-0.02674,-0.01075,-0.07846,-0.10768,0.00123,-0.0097,-0.05895,0.06491,0.01228,-0.02897,-0.02344,0.05297,-0.02736,-0.06253,-0.02221,-0.01281,0.06403,-0.00949,-0.11194,-0.02379,-0.02646,-0.03256,-0.04372,0.03223,0.06413,0.0393,0.00249,-0.05352,-0.01843,0.11407,-0.02941,0.02436,0,0.03771,0.03514,-0.02456,0.06446,0.13572,-0.00609,0.00819,-0.09233,-0.01211,0.03004,0.03476,0.06524,-0.05655,0.06004,-0.01731,-0.10063,-0.04159,0.02231,0.04939,0.02844,0.05259,-0.07545,-0.02491,0.06649,0.08696,0.10588,0.00661,0.04357,-0.04371,0.01586,0.06861,0.01603,-0.00568,0.02415,-0.0535,-0.01318,-0.07447,-0.08594,0.02039,0.00352,-0.0113,-0.05661,-0.10854,0.00621,-0.0041,0.02559,-0.02644,0.03293,0.10889,0.03536,-0.00149,0.0317,-0.01897,0.03429,0.08905,-0.03232,-0.02674,0.07262,0.05588,0.04314,-0.00576,0.04689,-0.05194,-0.01699,-0.00223,0.02649,-0.01843,-0.05568,0.10158,-0.05449,-0.08782,0.03216,0.02984,0.04616,0.05254,-0.01497,-0.01646,0.01791,0.05859,-0.0236,-0.01708,-0.07824,-0.02079,0.06291,0.10434,-0.04501,-0.01134,-0.03235,-0.10549,-0.03666,0.09354,0.0136,0.04391,-0.05887,0.02573,0,0.01818,0.02304,-0.05399,0.05185,0.02301,-0.10012,0.03177,0.03745,0.04923,0.0177,0.0464,0.06164,0.01346,0.0009,-0.0354,0.0165,-0.00652,-0.12678,0.03698,-0.05191,0.04085,0.04659,0.00567,-0.08245,-0.12544,0.05272,-0.0012,-0.00211,0.01882,-0.03299,-0.01708,-0.02383,-0.00594,-0.03917,-0.01672,-0.067,0.07469,0.03711,-0.01389,-0.05559,0.04256,-0.03128,0.0073,-0.02983,-0.10255,-0.00189,-0.06451,0.00058,-0.0398,-0.02705,-0.02759,0.00648,-0.026,-0.08984,-0.05117,-0.02801,0.10198,-0.01042,0.00029,0.06011,-0.02596,-0.00233,0.06435,0.01409,0.02796,0.0332,-0.07585,-0.01649,0.02478,0.0366,0.0609,0.0004,-0.03175,0.02564,0.10133,0.07093,0.07943,-0.04867,0.04898,0.04077,-0.01042,0.05144,0.02715,0.02808,0.0216,0.02514,-0.10248,-0.06289,0.06128,0.05408,-0.1225,0.00885,0.01412,0.01951,0.0134,0,-0.13547,-0.00124,-0.02582,-0.04185,0.04561,-0.00462,-0.04147,0.01105,0.03103,-0.01886,-0.02919,0.07273,-0.02244,0.00984,0.10447,0.0273,-0.02676,-0.01351,-0.01611,-0.03875,0.03612,0.03064,0.02357,0.06748,0.03892,0.01818,-0.02083,0.00602,-0.01168,0.04005,0.03678,0.08292,0.10645,0.057,-0.03764,-0.02648,-0.08276,0.00698,-0.08443,-0.04607,0.02897,-0.0079,-0.00354,-0.04733,-0.03879,0.08117,-0.02022,-0.03812,-0.01943,-0.00635,-0.07258,0.00471,-0.07002,0.07263,-0.01272,0.02349,-0.0034,-0.00847,0.06948,0.00367,-0.07474,0.02769,0.05273,-0.01743],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 📚 Live Examples Here are a few interactive examples built with Foblex Flow: - 📞 Call Flow Editor - 🧱 Logic Configuration Tool - 🗄 Database Flow Manager","excerpt":"📚 Live Examples Here are a few interactive examples built with Foblex Flow: - 📞 Call Flow Editor - 🧱 Logic Configuration Tool - 🗄 Database Flow Manager"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#6","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.06339,0.00761,-0.06364,0.02525,0.00999,0.03155,-0.0481,0.06159,0.01136,0.06713,-0.11132,-0.05611,-0.06037,-0.00001,0.06623,0.00471,-0.01518,-0.00719,0.01858,0.01308,-0.02802,-0.02965,0.01023,-0.05616,0.0074,0.06165,0.03339,-0.01906,0.09021,-0.04489,0.02983,0.06467,-0.02656,0.06252,-0.14193,0.06769,0.03782,-0.05059,-0.05483,-0.07204,0.08151,0.06221,-0.01958,-0.12426,-0.0218,-0.05302,-0.06384,0.00869,-0.06319,0.05901,-0.10914,-0.14945,-0.05982,0.06805,0.0088,0.05151,0.0128,-0.07936,0.025,0.01709,0.02196,-0.01005,0.02906,0.04146,0.01947,0.02492,-0.07963,0.03015,0.00396,-0.06739,-0.05384,-0.05096,0.04626,-0.01895,-0.03158,-0.04394,-0.06027,0.00278,-0.00395,-0.01951,0.03128,0.06767,-0.02624,0.08854,-0.02356,0.07476,0.01639,-0.06104,-0.01138,-0.06926,0.00638,0.05168,0.0142,-0.00603,0.07687,-0.00613,0.00377,-0.06815,-0.12052,0.01004,0.01576,-0.05592,0.06036,0.0201,-0.05555,-0.03199,-0.00345,-0.01071,-0.06643,-0.0036,0.00145,0.04616,-0.05966,-0.12034,-0.03745,-0.05236,-0.03928,-0.06117,0.04397,0.0436,0.02,-0.00469,-0.03461,-0.00401,0.11916,-0.0189,0.03384,0,0.00267,0.08328,-0.05247,0.0566,0.15477,0.01269,-0.02155,-0.09247,0.01801,0.02673,0.00678,0.06967,-0.03943,0.02545,0.02329,-0.10843,-0.00862,0.01966,0.00065,0.02918,0.02175,-0.09593,-0.01182,0.0602,0.06631,0.08561,0.01019,0.03852,-0.08426,0.01007,0.08274,0.03473,-0.01129,0.01555,-0.04082,-0.04383,-0.05206,-0.11437,-0.0037,0.00858,-0.02332,-0.03339,-0.13055,0.00165,-0.00875,0.01275,-0.00084,0.02287,0.10468,0.03096,0.00697,0.02283,-0.0108,0.00499,0.07021,-0.03795,-0.03536,0.07556,0.05141,0.04019,0.00427,-0.0088,-0.02038,-0.02433,0.01923,0.01565,0.01844,-0.02007,0.08489,-0.05314,-0.06697,0.04107,0.03925,0.04578,0.05134,0.01178,-0.00461,0.05458,0.09251,-0.00197,-0.02747,-0.04999,0.00193,0.07654,0.10253,-0.06308,-0.0015,-0.01654,-0.117,0.00318,0.09188,0.03854,0.06666,-0.0152,0.01307,0,-0.01948,0.05972,-0.0537,0.05094,0.01358,-0.06628,0.0052,0.01001,0.02861,0.05211,0.05844,0.04114,0.00528,0.00012,-0.05365,0.04793,-0.00193,-0.11924,0.03174,-0.06224,0.05744,0.00516,0.00826,-0.07654,-0.09386,0.07522,0.04577,-0.01768,-0.01297,-0.02699,-0.00206,-0.02061,-0.01386,-0.04535,0.00697,-0.03715,0.05047,0.03438,0.02302,-0.07367,0.04757,-0.03203,0.00823,-0.00349,-0.09166,-0.03608,-0.05501,0.05145,-0.04874,0.00516,-0.05479,0.03981,-0.00833,-0.08556,-0.06481,-0.01324,0.06039,0.00505,-0.01041,0.04418,0.00986,-0.00021,0.04236,0.03775,0.07018,0.02771,-0.05496,-0.03356,0.04239,0.05588,0.05576,0.01423,-0.0414,-0.01468,0.08208,0.07458,0.12324,-0.04888,0.05062,0.00358,-0.03006,0.07186,-0.01373,-0.01308,0.02604,0.04832,-0.08456,-0.05477,0.07045,0.05529,-0.10296,-0.001,-0.01439,0.01113,0.02755,0,-0.12538,0.04175,-0.06157,-0.04482,0.02809,-0.01245,-0.03059,0.00174,0.03108,0.00822,-0.02055,0.02987,-0.04175,0.01755,0.11821,0.01087,-0.06649,0.00257,-0.04224,-0.01476,0.04648,0.01146,0.03138,0.09104,0.01579,-0.00435,-0.01929,0.0122,0.01601,0.0239,0.00951,0.07501,0.06517,0.08791,-0.07153,-0.03034,-0.08691,-0.00402,-0.06023,-0.02376,0.05994,-0.00369,0.00856,-0.01305,-0.06717,0.08419,-0.0193,-0.0362,0.01818,0.00658,-0.08037,-0.00061,-0.06526,0.02682,-0.00293,0.04118,0.00628,-0.00961,0.09347,0.01902,-0.0741,0.003,0.00643,-0.02077],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 🚀 Features - 🔌 Dynamic node and connection management - 🧠 Event-driven architecture for nodes and links - ✏️ Full customization of templates and visuals - 🔍 Zooming, panning, snapping, and guide support - 🧱 Grouping and alignment with grid snapping - 📦 Compatible with SSR, standalone components, Angular Signals, and zoneless Angular","excerpt":"🚀 Features - 🔌 Dynamic node and connection management - 🧠 Event-driven architecture for nodes and links - ✏️ Full customization of templates and visuals - 🔍 Zooming, panning, snapping, and guide support - 🧱 Grouping and alignment with grid snapping - 📦 Compatible with SSR, standalone components, Angular Signals, and zoneless Angular"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow#7","slug":"building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-1-introduction-to-foblex-flow","section":"blog","title":"Building Visual Interfaces in Angular — Introducing Foblex Flow","description":"Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps.","group":"Building AI Low-Code Platform","vector":[-0.09854,0.01054,-0.06033,0.02841,-0.00086,0.0303,-0.02656,0.04203,-0.02094,0.05973,-0.10913,-0.064,-0.04846,0.00012,0.0781,0.03404,-0.03552,0.00124,0.00841,0.00476,-0.00569,-0.01712,0.01598,-0.05899,-0.0196,0.03493,0.03644,-0.02204,0.0579,-0.05664,0.03211,0.07528,0.00728,0.04351,-0.14324,0.06782,0.02205,-0.05303,-0.02211,-0.06267,0.03529,0.06227,0.00032,-0.1269,-0.01406,-0.07503,-0.05955,-0.00097,-0.041,0.02936,-0.09702,-0.1447,-0.04507,0.06035,-0.00689,0.02456,0.00488,-0.07918,0.01827,0.00456,0.0147,0.00169,0.0422,0.03705,0.05905,0.02388,-0.11277,0.02774,-0.01467,-0.05734,-0.05269,-0.05909,0.03585,-0.02985,-0.01637,-0.055,-0.08151,0.03149,-0.00589,-0.02065,0.03035,0.05224,-0.02134,0.0931,0.00062,0.08912,0.01486,-0.06288,-0.02225,-0.07274,0.02601,0.06469,-0.01563,0.00038,0.06184,-0.0173,-0.01387,-0.07074,-0.11803,0.00801,-0.01425,-0.10307,0.07613,0.015,-0.06123,-0.01141,0.04619,-0.01442,-0.05649,-0.01813,-0.01138,0.05396,-0.03833,-0.10628,-0.0096,-0.02098,-0.02564,-0.03969,0.053,0.05124,0.03573,-0.01124,-0.04366,-0.01616,0.10313,-0.04774,0.03941,0,0.00612,0.0606,-0.03333,0.06167,0.1269,-0.03954,-0.00708,-0.09274,-0.0011,0.01817,0.04683,0.10005,-0.04637,0.0666,-0.00844,-0.1272,-0.03905,0.01715,0.0484,0.01067,0.0538,-0.07923,-0.0187,0.06078,0.0693,0.08977,0.01393,0.0174,-0.06009,0.02495,0.07286,0.06121,-0.02395,0.00763,-0.05875,-0.01962,-0.07187,-0.08854,0.00253,0.00265,-0.00918,-0.05625,-0.10915,0.00035,-0.00674,0.03191,-0.00575,0.02763,0.099,0.03768,-0.01538,0.01697,-0.0505,0.02977,0.09065,-0.0362,-0.03322,0.06736,0.04923,0.03263,0.00283,0.02191,-0.01667,-0.03962,-0.0329,0.01542,-0.00124,-0.02312,0.07799,-0.05326,-0.07515,0.036,0.0272,0.04675,0.04453,0.00095,0.00527,0.0313,0.10414,-0.03295,-0.03023,-0.05916,0.00506,0.04866,0.09979,-0.06828,-0.00759,-0.03217,-0.10719,-0.03066,0.07396,0.01989,0.0454,-0.05519,0.02599,0,0.01315,0.03338,-0.05765,0.04904,0.01459,-0.08651,0.02769,0.04746,0.05401,0.05172,0.03618,0.06267,0.00382,-0.00122,-0.04764,-0.00794,0.00851,-0.10429,0.04187,-0.06788,0.03173,0.04632,0.02345,-0.09637,-0.11304,0.06917,0.01038,0.00962,-0.00045,-0.01994,-0.01572,-0.02,-0.01267,-0.03857,-0.00049,-0.04394,0.06961,0.02889,-0.00113,-0.0549,0.05679,-0.04293,0.01628,-0.0239,-0.09991,-0.04078,-0.0464,0.00936,-0.03273,-0.02158,0.00338,0.02672,-0.00496,-0.09476,-0.06559,-0.01217,0.09807,-0.01412,0.01287,0.06052,-0.02715,0.00458,0.056,0.02176,0.05246,0.00722,-0.07111,-0.02585,0.05559,0.05684,0.07278,0.0024,-0.04987,0.02483,0.07501,0.05609,0.13472,-0.04139,0.05022,0.0124,-0.0094,0.05089,0.02179,0.01924,0.01443,0.03059,-0.10476,-0.07029,0.07169,0.05266,-0.11213,0.01155,0.01492,0.01214,0.03731,0,-0.11667,0.02877,-0.04416,-0.02956,0.02092,-0.00827,-0.06207,-0.02331,0.02735,-0.02138,-0.03049,0.05678,-0.03235,0.0279,0.10682,0.0284,-0.05004,0.01229,-0.0299,-0.03924,0.03148,0.03898,0.04444,0.05994,0.01135,0.00875,-0.0247,-0.01071,-0.00427,0.03892,0.01962,0.09878,0.07135,0.06015,-0.04772,-0.04134,-0.06626,-0.01881,-0.09622,-0.03027,0.03361,0.01158,0.01401,-0.03175,-0.03545,0.07638,-0.03686,-0.0388,0.00144,0.01493,-0.08954,0.00031,-0.07628,0.05329,-0.01042,0.03059,-0.00908,0.00258,0.06925,0.01133,-0.05616,0.03237,0.04555,0.01227],"keywords":"Building Visual Interfaces in Angular — Introducing Foblex Flow Building Visual Interfaces in Angular — Introducing Foblex Flow Start this Angular tutorial series on building node-based UIs, workflow builders, and visual editors with Foblex Flow in Angular apps. 🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback! Git Hub","excerpt":"🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback!"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#0","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.12203,0.03144,-0.06012,0.07564,0.00961,0.01633,-0.00775,0.01581,0.01404,0.04155,-0.12355,-0.03037,-0.04444,-0.01271,0.02807,0.03669,-0.01336,-0.04143,0.00977,-0.02296,-0.01283,-0.02831,-0.00939,-0.04613,0.00772,0.07069,0.02256,-0.01052,0.09899,-0.05222,0.05341,0.045,-0.03837,0.04298,-0.17614,0.09138,0.04573,-0.03929,-0.0474,-0.0492,0.08585,0.05799,0.01275,-0.094,-0.03135,-0.05908,-0.08792,0.02426,-0.04916,0.04431,-0.09599,-0.13496,-0.05555,0.05622,0.00912,0.02334,0.0013,-0.06955,0.00533,0.00363,0.02537,-0.01175,0.06157,0.02681,0.02616,0.00142,-0.09204,0.05124,0.00339,-0.06329,0.00611,-0.05352,-0.00524,-0.01023,-0.00455,-0.04696,-0.06583,0.01273,-0.01714,0.02023,0.03676,0.05276,-0.04092,0.0829,-0.0758,0.12638,-0.00237,-0.06348,-0.01556,-0.04535,0.0296,0.07785,-0.01012,-0.01715,0.06633,0.00828,-0.01505,-0.04852,-0.11108,0.01986,-0.02747,-0.03368,0.07178,0.01601,-0.07549,-0.04073,0.02262,-0.06144,-0.03881,0.01024,-0.01528,0.04826,-0.04239,-0.06462,-0.04224,-0.04181,-0.01476,-0.02579,0.05228,0.11278,0.01425,0.02014,-0.03524,-0.01393,0.11589,-0.05193,-0.01577,0,0.04298,0.03355,-0.0268,0.06641,0.13398,-0.03086,0.03622,-0.10071,-0.01111,0.0027,0.00684,0.05591,-0.0436,0.05415,-0.01391,-0.12905,-0.01166,0.01425,0.039,0.01289,0.03123,-0.08881,-0.02974,0.04149,0.0843,0.06716,0.01473,0.00909,0.00725,0.0069,0.06271,0.02079,-0.02299,0.03079,-0.06509,0.01012,-0.08955,-0.07553,0.00432,-0.03101,0.01368,-0.0542,-0.06649,0.0275,-0.01352,-0.00237,-0.00831,0.02245,0.08187,0.01623,-0.00869,0.02377,0.03645,0.00284,0.07806,-0.05384,-0.03902,0.09315,0.03821,0.06519,0.00428,0.06664,-0.05825,-0.02996,0.04047,0.04302,-0.03525,-0.00698,0.11414,-0.06139,-0.0577,0.03799,0.03318,0.06866,0.00184,0.01104,-0.04058,-0.03995,0.08707,-0.05789,-0.04595,-0.05899,0.00696,0.08368,0.10434,-0.09438,-0.01074,-0.00401,-0.08891,-0.02301,0.07327,0.05305,0.0607,-0.04143,0.0312,0,-0.02729,0.01715,-0.05382,0.0753,0.01598,-0.07415,-0.00976,0.00621,0.07228,0.06031,0.00856,0.04071,0.02875,-0.01068,0.01984,-0.01359,-0.0539,-0.13172,0.05927,-0.03453,0.03832,0.07989,0.00685,-0.06236,-0.08702,0.02996,0.00788,-0.01375,0.00896,-0.03099,-0.02075,-0.05181,-0.01609,-0.02433,0.01192,-0.0334,0.02137,0.07194,0.04694,-0.07007,0.04749,-0.036,-0.01828,-0.00916,-0.06545,-0.01722,-0.08705,0.04479,-0.02905,-0.03655,-0.06214,0.04312,-0.03877,-0.05688,-0.04548,-0.01036,0.09507,0.00325,0.03774,0.01893,-0.03243,-0.04136,0.03435,0.02327,0.04113,-0.0064,-0.04724,-0.05069,0.01665,0.0574,0.04404,0.05095,0.02469,0.02155,0.09097,0.008,0.10606,-0.07218,0.07884,0.01289,-0.03316,0.10905,-0.01214,-0.0013,0.06859,0.02709,-0.08406,-0.04001,0.05068,0.07886,-0.07836,0.0169,0.00361,-0.00617,-0.03146,0,-0.11205,0.0092,-0.03729,-0.00419,0.03625,0.00369,-0.03703,-0.0007,0.05751,-0.0097,0.00817,0.00824,-0.00683,-0.00108,0.13004,0.03063,-0.00051,-0.00293,-0.02873,-0.06108,0.06385,0.01406,0.00908,0.07784,0.01307,-0.02314,0.01477,-0.00244,-0.03476,0.06535,-0.02849,0.06664,0.06522,0.07383,-0.05224,0.00771,-0.07626,-0.01348,-0.07186,-0.00308,0.05921,0.02394,-0.03568,-0.06286,-0.03365,0.05213,-0.02769,-0.03453,-0.01026,0.02858,-0.05805,-0.01042,-0.05838,0.04783,0.01054,0.03066,-0.03241,0.00106,0.05592,0.01586,-0.05826,0.07102,0.05661,0.0029],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. Building AI Low-Code Platform in Angular — Part 2: Creating Your First Flow Learn how to render a flow, create basic draggable nodes, and connect them. This tutorial gives you the first working editor surface that later evolves into a richer Angular workflow builder. In this article, we’ll build a minimal interactive flow with draggable nodes and dynamic connections using Foblex Flow. View the source code on GitHub Git Hub","excerpt":"Building AI Low-Code Platform in Angular — Part 2: Creating Your First Flow Learn how to render a flow, create basic draggable nodes, and connect them. This tutorial gives you the first working editor surface that later evolves into a richer Angular workflow builder. In this article, we’ll build a minimal interactive flow with draggable nodes and dynamic connections using Foblex Flow. View the source code on GitHub"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#1","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.0987,0.01484,-0.0792,0.04006,0.00665,0.04609,-0.02097,0.02012,-0.00137,0.03331,-0.12325,-0.03549,-0.05798,-0.005,0.05624,0.00595,-0.04543,-0.00704,0.05218,-0.00292,-0.00566,-0.00861,0.00716,-0.07129,-0.01633,0.05445,0.02851,-0.00101,0.08038,-0.06545,0.06052,0.08618,-0.04723,0.02067,-0.11984,0.09254,0.04576,-0.03403,-0.07808,-0.05932,0.09879,0.05818,0.0141,-0.09795,-0.03357,-0.0677,-0.06344,0.00852,-0.02088,0.04509,-0.06421,-0.15018,-0.02434,0.07096,0.03878,0.02366,0.00355,-0.07127,-0.0026,-0.01668,0.03328,-0.0245,0.03105,0.02353,0.03725,0.02761,-0.11789,0.0385,-0.0067,-0.06923,-0.01689,-0.06161,0.00625,-0.02733,-0.01856,-0.04909,-0.01857,0.04196,-0.02012,0.01445,0.0333,0.07901,-0.02093,0.0773,-0.07554,0.14512,-0.00732,-0.05539,-0.02913,-0.04276,0.01027,0.07479,-0.02804,-0.02765,0.0524,-0.02084,-0.02683,-0.00796,-0.102,0.01717,-0.0259,-0.06268,0.07425,0.05004,-0.0831,-0.02047,0.00125,-0.0329,-0.06257,0.00206,-0.03419,0.06655,-0.04876,-0.07821,-0.04557,-0.06949,-0.0351,-0.04374,0.04106,0.10156,-0.01146,0.00307,-0.00985,0.00224,0.10927,-0.05194,0.00361,0,0.0033,0.02625,-0.03536,0.06983,0.11507,-0.04129,0.0187,-0.09885,0.00763,-0.0167,0.0215,0.06024,-0.04357,0.05117,-0.04965,-0.09968,-0.00596,0.01273,0.05186,0.01753,0.04345,-0.0832,-0.02545,0.0333,0.0483,0.04529,0.00868,0.0144,-0.02168,0.01164,0.05913,0.01949,0.01882,0.02001,-0.06336,0.03005,-0.06618,-0.05629,0.00058,-0.04425,0.00113,-0.02748,-0.05933,0.01828,-0.00444,-0.00438,-0.01029,-0.02527,0.13091,0.03015,0.01805,-0.01156,0.02602,0.0269,0.0928,-0.04073,-0.03748,0.09698,0.04473,0.05477,0.00262,0.04091,-0.06097,-0.04698,0.06925,0.06153,-0.03175,-0.00631,0.09695,-0.04732,-0.08768,0.05175,0.04845,0.09692,0.01829,0.01347,-0.01562,0.00785,0.08127,-0.0226,-0.05178,-0.04729,0.00691,0.06344,0.13384,-0.07455,0.00661,0.00748,-0.06046,-0.02627,0.10802,0.02564,0.02859,-0.02373,0.02312,0,-0.03696,0.01753,-0.05722,0.06566,0.04023,-0.07108,-0.01211,-0.01649,0.05908,0.07786,0.03053,0.04782,0.05669,0.00766,0.00613,-0.02318,-0.0285,-0.13243,0.02614,-0.06385,0.0118,0.03374,0.03261,-0.10985,-0.08736,0.04496,0.00742,-0.0109,-0.00536,-0.0408,-0.01169,-0.01746,-0.02991,-0.01589,0.02454,-0.05682,-0.0148,0.09859,0.05047,-0.10235,0.02243,-0.00985,-0.04214,-0.02057,-0.098,-0.02677,-0.07299,-0.00028,-0.01142,-0.02296,-0.05723,0.0515,-0.02753,-0.0388,-0.02985,0.03726,0.11368,0.0227,0.04048,0.01629,-0.00625,-0.01637,0.00356,-0.00283,0.04344,-0.00837,-0.07471,-0.04494,0.00662,0.09164,-0.00562,0.08264,-0.01258,0.0128,0.08461,0.01427,0.12152,-0.0347,0.06585,0.02157,-0.03359,0.11133,-0.0281,0.01597,0.06538,-0.0025,-0.06964,-0.07263,0.05418,0.05841,-0.06145,-0.00716,-0.01376,0.00706,-0.00165,0,-0.11562,0.00586,-0.05297,-0.02883,0.01551,0.00971,-0.05033,-0.01522,0.05249,-0.02108,0.00872,0.04095,-0.00719,-0.00656,0.0806,-0.00326,0.00785,-0.01716,-0.03128,-0.08808,0.03066,0.01501,0.03378,0.08714,0.00116,-0.00237,0.04112,-0.03701,-0.00488,0.03453,-0.04098,0.06086,0.04951,0.04159,-0.03585,-0.01619,-0.05824,0.02101,-0.05445,0.00424,0.05989,0.01652,-0.0058,-0.0512,-0.06259,0.06101,-0.03857,-0.02496,-0.02422,0.01559,-0.05604,0.01045,-0.07426,0.04427,-0.00369,0.05282,-0.04336,-0.01736,0.04276,-0.01756,-0.08923,0.0506,0.07668,-0.0111],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🚀 Installation To add Foblex Flow to your Angular project: For Nx workspaces: If you prefer manual installation, install the required companion packages explicitly:","excerpt":"🚀 Installation To add Foblex Flow to your Angular project: For Nx workspaces: If you prefer manual installation, install the required companion packages explicitly:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#2","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.10717,0.01855,-0.08338,0.04736,-0.01944,0.02119,-0.0094,0.01708,-0.00511,0.04436,-0.10547,-0.01927,-0.0421,-0.00632,0.04131,0.00898,-0.03385,-0.01549,0.04063,0.00609,-0.00891,-0.03393,-0.01196,-0.04436,-0.00212,0.03227,0.01999,-0.01644,0.08115,-0.06356,0.04672,0.05328,-0.07621,0.03862,-0.17487,0.08488,0.04693,-0.02888,-0.07141,-0.0515,0.1089,0.04899,0.00549,-0.09237,-0.03558,-0.0596,-0.08139,0.03107,-0.03706,0.04111,-0.06026,-0.12921,-0.05862,0.07189,0.02966,0.04058,-0.01291,-0.05587,-0.011,0.01101,0.03617,-0.02542,0.03261,0.02442,0.04255,0.01213,-0.09395,0.04855,-0.02143,-0.05487,0.00973,-0.05821,0.00195,-0.00668,-0.00698,-0.03535,-0.02811,0.04524,-0.03804,0.02685,0.01077,0.07634,-0.04162,0.05299,-0.06883,0.12192,-0.01447,-0.08533,-0.04466,-0.03393,0.01716,0.10384,-0.01419,-0.01948,0.05674,0.00045,-0.01876,-0.03951,-0.09818,0.01534,-0.01337,-0.0411,0.05311,0.03884,-0.04971,-0.03884,-0.00167,-0.06005,-0.04842,0.01679,-0.02187,0.06198,-0.05445,-0.07378,-0.05684,-0.04651,-0.01851,-0.03016,0.0644,0.10127,-0.02523,0.00303,-0.01993,-0.03139,0.08912,-0.05544,-0.00152,0,0.00235,0.01992,-0.02841,0.06062,0.11315,-0.00867,0.00931,-0.10337,0.00294,-0.00472,0.00546,0.04782,-0.03043,0.02933,-0.00006,-0.11743,-0.01203,0.0101,0.06174,0.02638,0.06048,-0.08429,-0.03138,0.04192,0.07935,0.04651,-0.01402,0.0059,-0.01173,0.01891,0.07481,0.02438,0.00994,0.02402,-0.05459,0.0005,-0.05421,-0.06417,-0.01005,-0.06029,-0.00762,-0.06154,-0.07588,0.01564,-0.01873,-0.01395,-0.01566,0.00769,0.07619,0.0148,-0.00118,0.00471,0.02746,0.01212,0.08148,-0.02221,-0.03594,0.09964,0.01863,0.07446,-0.00533,0.05672,-0.04509,-0.05011,0.05123,0.06859,-0.03977,-0.03627,0.09987,-0.06893,-0.08183,0.06593,0.0257,0.07559,-0.00039,0.01379,-0.02523,-0.00734,0.08565,-0.01855,-0.06141,-0.061,0.01963,0.09848,0.0929,-0.07467,-0.00022,-0.00968,-0.07555,0.00182,0.07894,0.06078,0.06512,-0.04016,0.05309,0,-0.03962,0.03492,-0.03511,0.06793,0.0514,-0.07345,0.01552,-0.0203,0.04161,0.07967,0.04429,0.04889,0.04357,-0.01863,0.00331,-0.0213,-0.02967,-0.15544,0.05462,-0.02917,0.02002,0.05059,0.01202,-0.09939,-0.06223,0.03108,-0.00805,-0.01933,-0.02018,-0.02544,-0.01405,-0.02298,0.02333,-0.01855,0.01351,-0.04577,0.00318,0.06962,0.05726,-0.09355,0.03447,-0.0261,-0.03203,-0.00122,-0.08161,-0.03766,-0.08581,0.01813,-0.04343,-0.01595,-0.06653,0.05888,-0.03933,-0.04454,-0.0273,0.00822,0.09386,0.0251,0.06344,0.00797,0.00877,-0.04224,0.02536,0.03829,0.06788,-0.01131,-0.03015,-0.05022,0.02316,0.07886,0.04598,0.09614,0.01489,0.0129,0.10077,0.00809,0.10575,-0.06456,0.05921,0.02672,-0.04134,0.13815,-0.02237,0.02511,0.07375,0.01274,-0.0624,-0.04463,0.05202,0.07733,-0.09055,0.01202,0.00517,-0.01159,-0.02152,0,-0.11813,-0.0019,-0.04388,-0.00628,0.01807,0.01667,-0.04765,-0.01984,0.03038,-0.00785,-0.02991,0.05804,-0.02007,-0.00957,0.11416,-0.00992,0.01729,-0.03168,-0.03305,-0.06775,0.01541,0.0204,0.00531,0.11163,0.01844,0.00314,0.03633,-0.02527,-0.00303,0.03646,-0.02428,0.04296,0.05388,0.08221,-0.05592,0.01969,-0.06885,0.03095,-0.07862,0.0082,0.06212,0.01302,-0.01226,-0.02705,-0.04011,0.10077,-0.03498,-0.02725,-0.01235,0.01922,-0.05787,-0.00143,-0.06357,0.01947,-0.0017,0.02718,-0.02774,-0.01693,0.04741,-0.00993,-0.07829,0.06908,0.06945,0.00493],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🔧 Creating a Basic Flow Let’s create the smallest useful example: two nodes and one connection.","excerpt":"🔧 Creating a Basic Flow Let’s create the smallest useful example: two nodes and one connection."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#3","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.08128,0.02192,-0.05922,0.0401,0.00433,0.02991,-0.02437,0.00789,0.02325,0.05125,-0.13423,-0.00513,-0.06763,-0.01731,0.07368,-0.00764,-0.04424,-0.01729,0.04101,0.03733,-0.03616,-0.03026,-0.00189,-0.06259,-0.00876,0.0521,0.03892,0.00646,0.07977,-0.0936,0.03482,0.07418,-0.0291,0.05432,-0.15497,0.08053,0.04068,-0.02295,-0.0559,-0.03138,0.07683,0.03887,-0.0027,-0.08865,-0.03484,-0.02749,-0.05502,0.01493,-0.07454,0.05578,-0.05089,-0.13244,-0.02818,0.07525,0.04219,0.04521,0.01198,-0.0547,0.02594,0.00189,-0.0109,0.0027,0.04338,0.03544,0.0355,0.04275,-0.09234,0.01741,-0.00215,-0.09145,0.0382,-0.07185,0.0269,0.00499,0.00238,-0.0064,-0.00073,0.06066,-0.05118,0.00293,0.00841,0.04163,-0.01294,0.06355,-0.06418,0.16456,-0.03366,-0.10465,-0.04856,-0.02487,0.02723,0.08405,-0.03287,-0.03688,0.03177,-0.00615,-0.02836,-0.04753,-0.10559,0.00038,0.00139,-0.08758,0.09547,0.05234,-0.04754,-0.04783,0.00926,-0.03701,-0.06574,-0.0002,0.0023,0.03293,-0.06014,-0.07876,-0.04755,-0.08116,-0.06438,-0.04373,0.04243,0.11237,0.00391,0.00723,-0.01208,-0.03335,0.07666,-0.06721,0.00972,0,0.00724,0.01377,-0.0161,0.02342,0.11484,-0.02706,0.0125,-0.12427,-0.02076,-0.00557,0.03901,0.04717,-0.06073,0.05974,-0.05025,-0.0815,-0.00473,0.00039,0.03914,0.01503,0.05402,-0.08251,-0.04724,0.00455,0.04491,0.05035,-0.00206,0.02408,-0.04448,0.01516,0.04161,0.01262,0.02731,0.01522,-0.07944,0.01211,-0.03974,-0.05319,0.01689,-0.03583,-0.00068,-0.02483,-0.05174,0.04842,-0.0139,0.02777,0.01976,-0.03332,0.06855,0.04277,0.01211,-0.00104,0.06479,0.04514,0.09755,-0.03369,-0.01146,0.09831,0.04458,0.02685,0.03047,0.0631,-0.05807,-0.06698,0.05853,0.06243,-0.01147,-0.00201,0.07608,-0.05317,-0.06735,0.06601,0.02945,0.0926,0.01872,0.00815,0.00695,-0.00508,0.11715,-0.0238,-0.06188,-0.02473,0.00817,0.07716,0.09731,-0.07834,0.02778,-0.00428,-0.05291,-0.00589,0.11397,0.02297,0.03615,-0.02843,0.01471,0,-0.04562,0.02698,-0.04486,0.07582,0.02597,-0.06445,0.01083,0.00345,0.07236,0.05616,0.09017,0.07086,0.00054,-0.01745,0.00734,-0.02559,-0.03662,-0.09751,0.03674,-0.06954,0.00972,-0.00242,-0.0042,-0.09096,-0.09883,0.04769,-0.00096,0.00203,-0.0012,-0.03651,0.02011,-0.0263,-0.0051,0.00441,0.00252,-0.07707,-0.03113,0.07691,0.06068,-0.05741,0.00753,-0.02459,-0.02313,0.0115,-0.10451,-0.01944,-0.07301,-0.02279,0.001,-0.03871,-0.03524,0.05647,-0.01211,-0.03256,-0.05125,0.00458,0.0815,0.04069,0.01957,0.03661,0.0069,-0.00932,-0.00002,-0.03654,0.05239,-0.00619,-0.05038,-0.05769,0.04833,0.06273,0.0457,0.06252,-0.03053,0.02061,0.0934,-0.0003,0.1463,-0.0186,0.06052,0.04139,-0.01404,0.12665,-0.04086,0.02852,0.06631,0.02439,-0.09304,-0.04157,0.05339,0.04874,-0.0766,0.01525,0.02436,0.00046,-0.03653,0,-0.14331,-0.00527,0.00679,0.00548,0.00342,0.03244,-0.03922,-0.0323,0.01993,-0.03287,-0.03693,0.07495,-0.01419,-0.01394,0.09779,-0.00266,-0.02462,-0.02476,-0.03766,-0.08256,0.00868,0.01863,-0.00455,0.09991,0.0114,0.01251,0.00644,-0.02562,-0.01751,0.06557,-0.04038,0.04704,0.06123,0.02845,-0.04453,-0.01892,-0.06538,0.0128,-0.08046,0.00297,0.05182,-0.00719,-0.01427,-0.03278,-0.08583,0.04182,-0.01984,-0.00938,-0.03504,0.00166,-0.02948,0.004,-0.08485,0.06406,-0.00099,0.02242,-0.0466,0.00908,0.06111,-0.02077,-0.06774,0.03114,0.06543,0.00835],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🎨 Styling Foblex Flow does not ship default styles, so you fully control the look.","excerpt":"🎨 Styling Foblex Flow does not ship default styles, so you fully control the look."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#4","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.07238,0.04113,-0.08632,0.04219,0.01939,0.05127,0.0111,0.00554,0.06734,-0.00819,-0.10371,-0.01675,-0.05661,-0.00258,-0.01842,-0.0388,-0.03719,-0.02298,0.02655,-0.0017,0.02225,-0.03471,0.00251,-0.05951,-0.02658,0.07799,0.04729,-0.02834,0.06938,-0.04297,0.02861,0.07813,-0.0843,0.01336,-0.14479,0.08038,0.06335,-0.01037,-0.10458,-0.03445,0.08545,0.02303,0.03043,-0.0539,-0.01307,-0.01208,-0.09454,0.03663,-0.06508,0.05819,-0.04585,-0.06797,-0.01915,0.12832,0.02376,0.05072,0.02534,-0.098,-0.01125,0.03193,0.01468,-0.02646,0.03063,0.00916,0.06649,0.00654,-0.05613,0.01051,-0.0024,-0.06604,0.03238,-0.00937,0.0151,-0.0634,0.01198,-0.03909,-0.0327,0.05698,-0.04644,0.00707,0.08089,0.07937,-0.03816,0.02289,-0.0487,0.13751,-0.06287,-0.04902,-0.03494,-0.00072,-0.03977,0.07575,-0.01425,-0.03685,0.07828,0.01446,-0.00126,-0.02054,-0.06638,-0.01294,-0.02805,-0.00867,0.04686,0.00894,-0.03575,-0.02778,-0.06017,-0.01095,-0.04495,-0.03057,-0.00498,0.05205,-0.02413,-0.01775,-0.02529,-0.05484,-0.05439,-0.03112,0.05094,0.1385,-0.03351,0.03753,-0.01644,-0.03621,0.0737,-0.04535,-0.03986,0,0.03462,-0.00049,-0.04569,0.03143,0.09667,-0.00028,0.02827,-0.09385,0.00837,0.03031,-0.04695,0.01898,-0.05323,0.03759,-0.02223,-0.10455,0.00477,0.03219,0.01709,0.00729,0.05259,-0.05243,-0.02375,-0.02101,0.09614,0.0298,-0.07675,0.03151,-0.02503,0.00978,0.02239,0.026,0.02823,-0.00109,-0.06418,-0.01559,-0.03635,-0.09038,-0.02648,-0.07582,0.00214,-0.00415,-0.04528,0.06064,-0.02023,-0.01371,-0.05183,-0.01692,0.08586,0.04363,0.00258,0.00001,0.04185,-0.05456,0.05443,-0.09467,-0.05049,0.11123,0.01866,0.07562,-0.00708,0.08141,-0.07152,-0.03239,0.07163,0.06985,-0.03707,-0.01766,0.08601,-0.06632,-0.08273,0.06307,-0.00133,0.09347,0.0396,0.00472,-0.03508,-0.035,0.00672,-0.02559,-0.08226,0.00683,-0.01221,0.07799,0.10981,-0.02634,-0.01888,-0.03808,-0.01952,-0.03319,0.08167,0.06374,0.06108,-0.04605,0.07072,0,-0.06307,0.04353,-0.0272,0.04768,0.01504,-0.08434,-0.00704,-0.04853,0.0846,0.04525,0.01413,0.04321,-0.01962,-0.04965,0.0127,-0.01722,-0.04702,-0.13306,0.05475,-0.03935,0.00942,0.02009,0.01505,-0.05541,-0.07683,0.00573,0.03312,-0.05865,-0.00717,-0.02556,0.01543,-0.04194,-0.00904,0.01544,0.00492,-0.06966,-0.01567,0.06094,0.08393,-0.04057,0.0182,0.00592,-0.01706,0.04137,-0.08142,-0.03026,-0.09356,-0.00199,-0.00385,-0.0211,-0.07566,0.05308,-0.04565,0.00177,-0.02506,0.00407,0.12979,0.01759,0.02854,-0.02294,0.04682,-0.03784,-0.01977,0.01336,0.0587,-0.01418,-0.03967,-0.04856,0.04204,0.09759,0.03099,0.05033,0.03428,0.02022,0.09059,-0.05318,0.09979,-0.05987,0.04741,0.05648,-0.02074,0.14021,-0.02679,-0.0063,0.07926,-0.00165,-0.02567,-0.06589,0.04571,0.05785,-0.03885,0.00526,-0.03546,-0.03615,-0.02121,0,-0.1101,-0.0003,-0.07286,-0.05262,0.02546,-0.0249,-0.0945,0.01297,0.02249,-0.03313,-0.00708,0.06083,0.01154,-0.07841,0.12311,0.01173,0.03737,0.00314,-0.04274,-0.01428,0.01446,-0.00357,-0.04655,0.11341,-0.01939,-0.05726,0.05813,-0.01697,-0.00516,0.06522,-0.03747,0.03701,0.0435,0.06295,-0.04103,0.01711,-0.06142,0.01339,-0.05527,0.0409,0.05822,-0.02988,-0.03284,-0.03484,-0.04875,0.04739,-0.03697,-0.02442,-0.02454,0.06587,-0.07398,0.00447,-0.02689,0.04121,0.01092,0.00337,-0.04455,-0.02897,0.04186,-0.02177,-0.04582,0.07561,0.12016,-0.01059],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🔍 Explanation - <f-flow: root component that manages flow state. - <f-canvas: workspace where nodes and connections are rendered. - fNode: directive that turns an element into a node. - fNodeOutput / fNodeInput: source and target connectors. - <f-connection: renders a connection by fOutputId and fInputId. Note: fOutputId and fInputId belong to different collections, so they may match technically, but it is better to keep them distinct. f Node f Node Output f Node Input f Output Id f Input Id","excerpt":"🔍 Explanation - <f-flow: root component that manages flow state. - <f-canvas: workspace where nodes and connections are rendered. - fNode: directive that turns an element into a node. - fNodeOutput / fNodeInput: source and target connectors. - <f-connection: renders a connection by fOutputId and fInputId. Note: fOutputId and fInputId belong to different collections, so they may match technically, but it is better to keep them distinct."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#5","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.03722,0.02568,-0.10185,0.03543,-0.00912,0.04088,-0.02557,0.04448,0.0019,0.03095,-0.09087,0.00909,-0.0755,-0.02187,0.00474,-0.0375,-0.06041,-0.03623,0.05267,0.03639,-0.04969,-0.05668,0.01944,-0.04556,-0.0179,0.04607,0.03089,0.01896,0.06431,-0.08046,0.00327,0.07368,-0.0873,0.01289,-0.16332,0.04139,0.0246,-0.00512,-0.04703,-0.04422,0.12037,0.00157,0.08498,-0.0795,-0.00425,0.00828,-0.06351,0.06319,-0.01406,0.0839,-0.02348,-0.10586,-0.00604,0.09648,0.02549,0.06747,0.04305,-0.05499,-0.01822,0.01531,0.04973,-0.02305,-0.01878,-0.02346,0.02544,-0.00945,-0.07336,-0.00095,-0.00938,-0.01995,0.05932,-0.02751,0.01424,-0.06258,0.06012,-0.03469,-0.04912,0.10806,-0.00849,0.0295,0.08884,0.05165,-0.00207,0.05917,-0.06602,0.07989,-0.04394,-0.09116,-0.0371,-0.00674,0.03099,0.08912,-0.06332,-0.05391,0.03818,0.0114,-0.04132,-0.00749,-0.08731,0.005,-0.02713,-0.0415,0.05453,0.05443,-0.02448,0.02245,-0.03925,-0.01865,-0.05521,-0.03153,-0.00272,0.06566,-0.03434,-0.03048,-0.05134,-0.06988,-0.0525,-0.03474,0.03347,0.05784,-0.03618,0.06001,-0.04193,-0.02169,0.08663,-0.05313,-0.0231,0,-0.00927,0.06116,0.00035,0.01269,0.1029,0.00321,-0.00296,-0.05522,0.04504,0.02589,-0.03205,-0.02243,-0.05888,-0.03191,-0.03242,-0.1655,0.02247,0.00848,-0.02948,0.02798,0.06393,-0.08153,-0.05834,-0.04318,0.04271,0.05046,-0.07876,0.04224,-0.03885,0.01869,0.03526,0.0364,0.05183,-0.01854,-0.04588,-0.05881,-0.0245,-0.06053,-0.03488,-0.00177,0.00991,0.01396,-0.06906,0.0515,-0.01368,0.02121,-0.00536,0.02886,0.09635,0.07123,-0.05431,0.0297,0.00325,-0.04171,0.04461,-0.07457,-0.03962,0.12976,0.00155,0.05163,-0.017,0.05774,-0.03865,-0.10248,0.03814,0.02996,-0.0018,-0.02836,0.0924,-0.02681,-0.07442,0.04193,0.04142,0.09371,0.02485,0.0476,-0.03489,-0.02843,0.0477,-0.08877,-0.03138,-0.00644,0.03857,0.06607,0.1151,-0.06326,-0.01153,-0.05427,-0.0367,-0.01586,0.08438,0.05047,0.07102,-0.01442,0.05611,0,-0.05828,0.01489,-0.0073,0.04917,-0.01137,-0.02238,0.02994,-0.01314,0.05303,0.08525,0.03371,0.04233,-0.04637,-0.03448,-0.02054,0.01769,-0.05456,-0.10037,0.05013,-0.02223,0.06215,0.02595,-0.0105,-0.04471,-0.01895,0.039,0.02382,-0.01568,0.02761,-0.01151,-0.03086,-0.05002,0.0156,-0.01634,-0.00425,-0.05765,-0.01673,0.08984,0.09723,-0.04909,0.02684,0.01891,0.01894,0.00285,-0.02516,-0.02158,-0.08715,0.00891,-0.04229,-0.01813,-0.08885,0.0613,-0.05489,-0.00721,-0.05375,0.05247,0.08969,0.00293,0.03737,0.00955,0.02536,-0.05704,0.03614,-0.01662,0.1002,0.05732,0.00343,-0.0333,0.06736,0.08593,0.01042,0.05498,0.02544,-0.01118,0.07054,0.03551,0.12671,-0.07622,0.03,0.06246,-0.02473,0.11287,-0.06052,0.00664,0.04144,0.03182,-0.01992,-0.03001,0.02654,0.04414,-0.05246,0.02875,-0.02704,-0.03146,0.00116,0,-0.14179,-0.01317,-0.1064,0.0493,0.00311,-0.03482,-0.05664,-0.02879,-0.00935,-0.04779,-0.06816,0.06544,-0.01884,-0.04337,0.13067,-0.01777,-0.00191,0.04234,-0.06512,-0.03259,0.01906,0.02069,0.02393,0.08599,-0.05311,-0.0536,-0.01129,0.0106,0.04419,0.04744,-0.01735,0.02185,0.06055,0.07142,-0.06184,-0.01394,-0.09783,0.00775,-0.06547,0.03646,0.08345,0.01724,-0.0305,-0.01433,-0.05088,0.03919,0.01834,0.01883,-0.01302,0.02684,-0.03807,0.04647,-0.03033,0.0172,0.02749,0.02637,-0.0367,-0.01819,-0.00527,-0.00402,-0.12152,0.02193,0.05924,-0.01236],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🧪 Try This - Change [fNodePosition] coordinates. - Add extra fNode and f-connection elements. - Experiment with connector sides: fOutputConnectableSide, fInputConnectableSide. - Tune connection visuals with fType and behavior with fBehavior. fType values: straight, bezier, segment (or custom string). fBehavior values: fixed, fixedcenter, floating (default: fixed). f Node Position f Node f Output Connectable Side f Input Connectable Side f Type f Behavior","excerpt":"🧪 Try This - Change [fNodePosition] coordinates. - Add extra fNode and f-connection elements. - Experiment with connector sides: fOutputConnectableSide, fInputConnectableSide. - Tune connection visuals with fType and behavior with fBehavior. fType values: straight, bezier, segment (or custom string). fBehavior values: fixed, fixedcenter, floating (default: fixed)."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#6","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.07771,0.01373,-0.09217,0.03401,0.02207,0.03887,-0.02663,0.03685,-0.01392,0.06766,-0.12608,-0.02233,-0.05612,-0.00473,0.05997,-0.01042,0.00119,-0.01205,0.06668,0.01242,-0.01661,-0.01135,-0.00329,-0.05855,-0.01793,0.05055,0.03509,0.0182,0.09032,-0.05588,0.05318,0.07273,-0.04192,0.03842,-0.21748,0.07174,0.04147,-0.01891,-0.08883,-0.06613,0.06786,0.03409,0.00331,-0.11096,0.0046,-0.05514,-0.09403,0.02871,-0.0448,0.03098,-0.0358,-0.14387,-0.02927,0.10436,0.03435,0.0272,-0.00214,-0.0651,-0.00808,0.01306,0.01071,-0.02585,0.03791,-0.00246,0.06697,0.0455,-0.09633,0.03547,0.01695,-0.08355,0.00498,-0.06587,0.02814,-0.01516,-0.01428,-0.04332,-0.05488,0.05297,-0.01306,0.00316,0.02417,0.1053,-0.03121,0.06411,-0.06672,0.13281,-0.00848,-0.05572,-0.04919,-0.02173,0.01287,0.08424,-0.01968,-0.027,0.0387,0.00413,-0.04022,-0.03001,-0.08156,0.011,-0.00003,-0.03899,0.03335,0.02196,-0.10189,-0.04164,0.0171,-0.04059,-0.05234,0.00174,-0.0038,0.04969,-0.07614,-0.09278,-0.02469,-0.06652,-0.03679,-0.05067,0.03066,0.08808,-0.04232,0.0342,-0.05051,0.01028,0.11868,-0.00537,-0.00822,0,-0.00157,0.06281,-0.03829,0.0589,0.12342,0.00682,0.02083,-0.10052,0.02022,-0.00534,0.01278,0.05552,-0.05312,-0.00806,0.02096,-0.10231,0.0043,0.0019,0.04798,-0.01302,0.05997,-0.08299,-0.03422,0.04286,0.06698,0.04798,-0.01993,0.02616,-0.05853,0.00535,0.06579,0.02844,0.00725,0.03609,-0.04521,-0.02814,-0.06625,-0.05701,-0.01512,-0.02801,-0.02313,-0.01557,-0.07209,0.05334,-0.00666,-0.0005,-0.00442,-0.01344,0.13887,0.04537,0.00756,0.00934,0.03052,-0.00163,0.06435,-0.01929,-0.02982,0.08042,0.03063,0.03594,-0.0041,0.02808,-0.04934,-0.0577,0.02549,0.07129,-0.01737,-0.02365,0.08249,-0.06697,-0.05599,0.05216,0.05557,0.08739,0.04217,0.01744,-0.00553,0.01494,0.06595,-0.04039,-0.0477,-0.03732,-0.00276,0.09877,0.12401,-0.05133,-0.00012,-0.00307,-0.04859,0.00541,0.0832,0.0271,0.06286,-0.02333,0.02199,0,-0.03119,0.03435,-0.05087,0.03732,0.0149,-0.04651,-0.0537,-0.01321,0.04231,0.07636,0.05059,0.01908,0.0531,-0.00397,-0.05757,0.00915,-0.04562,-0.11931,0.05999,-0.04995,0.02415,0.04971,-0.00966,-0.08188,-0.09456,0.05767,-0.00278,0.01408,0.01843,-0.02833,-0.01099,-0.03899,0.02507,-0.04408,0.01901,-0.06937,0.02125,0.06971,0.03725,-0.08186,0.0048,-0.01437,-0.01067,0.00583,-0.09806,-0.03343,-0.0784,0.02539,-0.04218,-0.01556,-0.05386,0.04253,-0.03699,-0.04295,-0.0618,-0.0075,0.06969,0.03787,0.0287,0.03321,0.01475,-0.03932,0.00272,0.02801,0.0759,-0.01022,-0.03556,-0.02356,0.06369,0.07253,0.03032,0.06457,0.02473,0.00549,0.10444,-0.00195,0.13467,-0.06195,0.04596,0.03911,-0.02323,0.12313,-0.04956,-0.02104,0.07153,0.03825,-0.0549,-0.04712,0.05122,0.05518,-0.06081,0.0506,-0.00021,-0.00997,0.0074,0,-0.08872,0.01216,-0.05294,0.00203,0.01581,-0.02339,-0.03501,-0.022,0.02128,-0.01033,-0.01881,0.03122,-0.01402,-0.02969,0.109,-0.02102,-0.00637,-0.00153,-0.04838,-0.0471,0.02629,0.00214,-0.00479,0.07908,0.02012,-0.00198,0.05258,-0.03966,-0.00573,0.07887,-0.03056,0.05607,0.05022,0.07342,-0.05181,0.00294,-0.05689,0.01598,-0.08554,-0.00294,0.06941,0.00821,-0.04006,-0.02839,-0.07064,0.053,-0.03621,-0.05322,0.01756,0.01451,-0.03818,-0.00355,-0.06379,0.04821,0.00138,0.03535,-0.01895,0.00268,0.04581,-0.01426,-0.06144,0.02723,0.06485,0.01179],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. ⚙️ Customize It - Use any Angular components inside fNode. - Keep full control over styles and UI structure. - Works with SSR, Standalone Components, Signals, and zoneless Angular. f Node","excerpt":"⚙️ Customize It - Use any Angular components inside fNode. - Keep full control over styles and UI structure. - Works with SSR, Standalone Components, Signals, and zoneless Angular."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#7","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.03557,0.02168,-0.06869,0.02933,0.03906,0.03893,-0.0314,0.01906,0.01119,0.0358,-0.0981,-0.03214,-0.07649,0.01749,0.0092,-0.0164,-0.03983,-0.05546,0.05733,0.03483,-0.05282,-0.05516,0.02369,-0.07375,0.01005,0.00938,0.01368,-0.0107,0.05036,-0.05909,0.02065,0.08823,-0.07282,0.00815,-0.12189,0.09495,0.03017,-0.04387,-0.08431,-0.05019,0.09301,0.01425,0.03505,-0.09831,0.03145,-0.01852,-0.05142,0.04137,-0.01211,0.09791,-0.07702,-0.07328,0.01071,0.08759,0.02354,0.056,0.00703,-0.04957,0.01604,0.02825,0.04107,-0.04627,0.02853,-0.01735,0.04134,0.02663,-0.0975,-0.0293,-0.03757,-0.04567,0.05402,-0.01921,0.01748,-0.05711,0.01995,-0.02213,-0.05108,0.06785,-0.00425,-0.00309,0.0645,0.06439,-0.04625,0.06201,-0.03078,0.15016,-0.0624,-0.07429,-0.07517,-0.01317,0.00743,0.07739,-0.05933,-0.00592,0.02719,-0.04309,-0.021,0.01946,-0.12442,0.00222,-0.03499,-0.02443,0.0519,0.06415,-0.04062,-0.00628,-0.00824,-0.01929,-0.05954,-0.03151,-0.01225,0.06889,-0.04415,-0.01407,-0.02559,-0.06712,-0.05334,-0.06317,0.04763,0.11208,-0.02194,0.02131,-0.05168,-0.00756,0.06236,-0.0653,0.0133,0,0.0045,0.03092,-0.01226,0.05604,0.14416,-0.02191,0.02493,-0.11346,0.00014,0.00588,-0.04567,-0.00369,-0.03488,-0.01977,-0.02016,-0.09203,0.01222,-0.00418,0.02099,0.02341,0.09944,-0.09294,-0.04041,-0.0407,0.02586,0.09631,-0.05704,0.02311,0.01459,0.02791,0.04371,0.04153,0.04817,-0.0096,-0.05529,-0.05604,-0.03267,-0.06438,-0.10006,-0.03833,-0.02138,-0.00444,-0.06903,0.0401,0.0047,-0.01839,0.00084,0.0316,0.12156,0.0752,-0.05861,0.0075,0.02877,-0.0462,0.0602,-0.06479,-0.0628,0.10449,-0.00843,0.02975,0.02425,0.08547,-0.06517,-0.06825,0.03912,0.07729,-0.0263,-0.01089,0.07268,-0.03813,-0.04836,0.05509,0.05235,0.10452,0.0674,0.04215,-0.02446,-0.05501,0.04026,-0.04989,-0.02665,-0.03769,0.00683,0.07602,0.10767,-0.04886,-0.01249,0.01459,-0.02573,0.04698,0.09312,0.03442,0.06797,-0.04837,0.02004,0,-0.06724,0.03417,-0.04417,0.01725,0.02253,-0.07038,0.0005,-0.0219,0.07052,0.08604,0.03189,0.0437,-0.00431,-0.00444,-0.03701,0.02874,-0.01991,-0.09718,0.04963,-0.05822,0.02418,0.05686,0.00339,-0.03344,-0.06052,0.06577,0.04114,-0.01794,-0.01463,-0.04176,0.007,-0.01367,-0.0195,0.02799,0.0345,-0.06495,-0.00302,0.04728,0.05965,-0.09404,0.02395,0.01008,-0.02244,0.01059,-0.05199,-0.04555,-0.09242,-0.02276,0.00809,0.01036,-0.06227,0.03536,-0.03154,-0.04106,-0.02773,0.04221,0.11883,0.03986,0.01988,0.00516,0.0304,-0.05203,-0.00115,-0.00654,0.11611,-0.0071,-0.04213,0.04976,0.09002,0.08662,0.00931,0.08592,0.05053,0.02853,0.08282,0.04304,0.10624,-0.03083,0.06932,0.05451,-0.00466,0.08926,-0.05629,0.01806,0.07384,0.0061,-0.02262,-0.06227,0.02054,0.05003,-0.03168,-0.00684,-0.02296,-0.0295,-0.00252,0,-0.08981,0.03334,-0.10204,-0.03127,0.03247,-0.03266,-0.04073,-0.05221,0.00247,-0.03451,-0.07571,0.06177,0.0033,-0.02119,0.11269,-0.07061,-0.00948,-0.00806,-0.04776,-0.0492,-0.00492,0.0028,-0.03043,0.07956,-0.03836,-0.05445,-0.00376,-0.03223,-0.00069,0.04477,-0.05579,0.03996,0.03868,0.04531,-0.08253,-0.00093,-0.02264,0.0299,-0.09335,0.00257,0.05703,0.01133,0.00073,-0.054,-0.05104,0.05395,-0.00332,0.00911,-0.0056,0.04856,-0.05361,-0.00826,-0.04586,0.02037,0.03818,-0.01668,-0.02538,-0.0094,0.01203,-0.03301,-0.06246,0.03644,0.08618,-0.00217],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🐞 Common Mistakes - Missing [fNodePosition]: node is not rendered. - Wrong fOutputId / fInputId: connection is not rendered. - Components outside <f-canvas: fNode and fConnection won’t work. f Node Position f Output Id f Input Id f Node f Connection","excerpt":"🐞 Common Mistakes - Missing [fNodePosition]: node is not rendered. - Wrong fOutputId / fInputId: connection is not rendered. - Components outside <f-canvas: fNode and fConnection won’t work."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#8","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.06887,-0.00382,-0.08895,0.04313,0.00849,0.01366,-0.00079,0.03709,0.01897,0.04807,-0.10366,0.00165,-0.06205,-0.02025,0.01313,0.00179,-0.05514,0.00546,0.03204,0.01407,-0.01522,-0.04959,0.00551,-0.06961,-0.02066,0.00996,0.04294,-0.00163,0.06134,-0.07744,0.03532,0.07181,-0.07293,0.02124,-0.16541,0.08441,0.04478,-0.04341,-0.07923,-0.02646,0.1014,0.01466,0.03643,-0.10146,0.02219,-0.02033,-0.08934,0.03056,-0.05661,0.06552,-0.06685,-0.11818,-0.06349,0.08431,0.02906,0.05961,0.01703,-0.06465,-0.01021,0.03368,0.0777,-0.04289,0.02606,0.01529,0.03333,0.00161,-0.07745,0.0243,0.00122,-0.08069,0.01392,-0.05663,0.01301,-0.03473,0.00605,-0.00955,-0.02282,0.05432,-0.02208,-0.02556,0.03446,0.10777,-0.01529,0.06234,-0.03982,0.13963,-0.03926,-0.06374,-0.04026,0.02047,0.02812,0.07522,-0.0532,-0.03844,0.03323,0.02464,-0.01774,-0.0258,-0.07013,0.00965,-0.02161,-0.0314,0.03403,0.02303,-0.07742,-0.02011,-0.02301,-0.03174,-0.04877,-0.00556,-0.02167,0.03304,-0.04648,-0.06927,-0.04781,-0.05568,-0.03643,-0.03537,0.08225,0.08999,-0.02765,0.02595,-0.00717,-0.01383,0.06618,-0.04782,-0.02601,0,-0.00986,0.04537,-0.03174,0.0626,0.09413,-0.02454,0.01194,-0.09882,0.01498,0.00535,-0.02905,0.04365,-0.03879,-0.00218,0.01065,-0.12626,-0.00436,0.00085,0.00754,0.0281,0.08381,-0.07944,-0.02419,0.01899,0.09866,0.08497,-0.03961,0.03055,-0.03121,0.01395,0.06134,0.01828,0.0075,0.02517,-0.0446,0.00209,-0.0564,-0.083,-0.06073,-0.03397,0.00406,-0.05087,-0.08943,0.03638,-0.01652,-0.01325,-0.00631,0.00568,0.12711,0.05642,-0.01019,-0.0024,0.0296,-0.01317,0.077,-0.04212,-0.06834,0.07266,0.00227,0.08341,0.00665,0.03052,-0.05709,-0.05186,0.04184,0.07445,-0.01251,-0.03335,0.10899,-0.05579,-0.06147,0.06379,0.04474,0.06408,-0.0043,0.02133,-0.04275,-0.00421,0.07033,-0.02903,-0.06396,-0.04037,-0.00836,0.0876,0.13159,-0.08017,-0.01055,-0.02659,-0.05736,0.002,0.09315,0.0534,0.05576,-0.01793,0.03917,0,-0.03083,0.02318,-0.02271,0.0479,0.01444,-0.054,-0.02109,-0.0423,0.05465,0.07084,0.0287,0.0403,0.03449,-0.01832,0.00426,-0.01705,-0.03364,-0.15073,0.04367,-0.01182,0.0262,0.0545,0.02551,-0.08999,-0.0414,0.04351,0.02123,-0.02544,-0.01357,-0.02367,-0.00119,-0.04727,-0.00049,-0.0182,0.02805,-0.04215,0.01,0.0827,0.06497,-0.09677,0.05237,0.01105,-0.03172,0.00278,-0.07976,-0.0164,-0.11236,0.01251,-0.0415,-0.01272,-0.0549,0.04514,-0.02883,-0.04698,-0.03885,0.04182,0.07402,0.03314,0.01581,0.01531,0.03956,-0.06777,0.03219,0.03796,0.08514,-0.00295,-0.03661,-0.03099,0.00419,0.08434,0.04932,0.07573,0.00937,0.01173,0.08147,-0.02429,0.10888,-0.07803,0.06955,0.03505,-0.01647,0.12561,-0.03094,0.0192,0.05482,0.01728,-0.04406,-0.03439,0.06066,0.05563,-0.05389,0.04151,0.00417,-0.00799,-0.03667,0,-0.12545,0.00021,-0.06254,-0.01633,0.03365,0.01682,-0.05459,-0.00681,0.00712,-0.01459,-0.00701,0.04322,-0.01666,-0.00374,0.11982,-0.03393,0.02296,-0.01652,-0.05768,-0.05713,-0.00844,0.02224,-0.01737,0.11201,0.01236,-0.02186,0.02651,-0.01893,-0.0014,0.04302,-0.03034,0.0354,0.06882,0.0881,-0.05019,0.04687,-0.04746,0.01137,-0.08386,0.01925,0.05957,0.00998,0.00768,-0.02567,-0.05238,0.08147,-0.0363,-0.04027,-0.0272,0.00822,-0.06237,-0.01676,-0.07018,0.01725,-0.0026,0.02446,-0.01202,0.00091,0.04271,0.01656,-0.09505,0.06212,0.08537,-0.01257],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🔍 Under the Hood 1. All fNode elements are registered with positions. 2. fConnection resolves related connectors by IDs. 3. Connection points are calculated and an SVG path is drawn. 4. On node movement, paths are recalculated automatically. f Node f Connection I Ds","excerpt":"🔍 Under the Hood 1. All fNode elements are registered with positions. 2. fConnection resolves related connectors by IDs. 3. Connection points are calculated and an SVG path is drawn. 4. On node movement, paths are recalculated automatically."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#9","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.11442,0.01463,-0.0431,0.07021,0.03799,0.07462,0.0243,0.01779,0.00363,0.05022,-0.11677,-0.02788,-0.0691,0.00232,0.04568,0.01153,-0.01525,-0.01201,0.02442,0.03059,-0.01867,-0.0531,-0.00323,-0.04566,0.01036,0.04828,0.02198,-0.00788,0.07414,-0.05052,0.06536,0.09386,-0.04617,0.03781,-0.17719,0.06078,0.04755,-0.03668,-0.06501,-0.04492,0.09998,0.04923,0.01001,-0.07922,-0.04644,-0.05416,-0.02536,0.03479,-0.05304,0.06302,-0.0304,-0.11966,-0.03805,0.06332,0.00026,0.04107,-0.00467,-0.07579,0.01624,0.00667,0.00471,-0.0164,0.03504,0.02408,0.02847,0.0262,-0.09918,0.06068,0.01488,-0.06378,0.01103,-0.0696,0.02354,0.00625,0.00386,-0.03072,-0.02929,0.05159,-0.04376,0.01853,0.05178,0.06437,-0.03037,0.07803,-0.06872,0.14993,-0.00751,-0.07356,-0.05998,-0.06811,0.02846,0.08193,-0.00884,-0.02946,0.03483,-0.0077,-0.02775,-0.03795,-0.08357,-0.00042,-0.0021,-0.05927,0.06765,0.04359,-0.0701,-0.03821,0.00752,-0.05131,-0.0632,0.01215,-0.00226,0.045,-0.03957,-0.06671,-0.04503,-0.05161,-0.04758,-0.04191,0.03821,0.10869,-0.02562,0.01621,-0.02544,-0.02278,0.09082,-0.03336,-0.02906,0,0.00202,0.02728,-0.03385,0.03661,0.12612,-0.03177,0.01049,-0.11416,-0.00879,-0.00954,0.02129,0.05424,-0.04821,0.05829,-0.04482,-0.09406,-0.01546,-0.0036,0.0439,-0.02113,0.03119,-0.06695,-0.06245,0.02955,0.06365,0.03984,-0.00961,0.02014,0.00324,0.0115,0.05436,0.04141,0.02641,0.0265,-0.07255,0.00182,-0.07484,-0.05931,0.01256,-0.0258,0.00267,-0.03363,-0.0759,0.05544,-0.03159,-0.00214,0.02108,-0.00411,0.10088,0.0063,-0.01659,-0.00833,0.02836,0.01995,0.08936,-0.02082,-0.03529,0.093,0.078,0.02948,0.02037,0.06675,-0.05693,-0.05863,0.05932,0.06361,-0.01926,-0.01381,0.0831,-0.06417,-0.07323,0.05021,0.04121,0.07677,0.05693,0.00336,-0.01546,-0.01206,0.10127,-0.02583,-0.0723,-0.06101,0.02032,0.0716,0.10776,-0.06688,0.01783,-0.00217,-0.08334,-0.03963,0.07327,0.02227,0.04487,-0.05887,0.03326,0,-0.03797,0.03846,-0.03674,0.09662,0.05851,-0.06405,0.00041,0.01886,0.05947,0.07581,0.03829,0.06628,0.01874,-0.00547,-0.02606,-0.00655,-0.0392,-0.11637,0.02549,-0.08501,0.03239,0.0169,0.00455,-0.08737,-0.12106,0.02964,0.01724,-0.01339,0.00131,-0.03417,-0.01502,-0.02605,-0.01704,-0.00987,0.01832,-0.07582,0.00164,0.07804,0.00621,-0.07069,-0.02189,-0.05151,-0.01913,0.00659,-0.06927,-0.02235,-0.062,0.02676,0.00142,-0.03114,-0.04509,0.0372,-0.03753,-0.03075,-0.02637,-0.01332,0.1091,0.00624,0.04931,0.01937,0.01042,-0.03028,-0.00369,-0.0172,0.08074,-0.01327,-0.05943,-0.04436,0.04779,0.07736,0.03555,0.04434,0.01725,-0.02022,0.1056,0.00092,0.13419,-0.03958,0.07772,0.00607,-0.02954,0.10384,-0.02222,0.00166,0.08484,-0.00779,-0.0923,-0.04067,0.06697,0.07307,-0.09291,0.00881,0.01577,-0.00813,-0.01822,0,-0.0867,0.02339,-0.04297,-0.01259,0.02133,0.01595,-0.04815,0.00597,0.04093,-0.01678,0.00274,0.04851,-0.00526,0.00915,0.10231,-0.00114,-0.00377,0.01283,-0.03683,-0.04575,0.04534,0.05666,0.03085,0.08819,0.00194,0.01798,0.03681,-0.02175,-0.01472,0.06111,-0.04237,0.05872,0.03245,0.06258,-0.08358,-0.00301,-0.09348,0.0097,-0.07288,-0.00122,0.06074,-0.01978,-0.02979,-0.03493,-0.04442,0.04867,-0.03729,-0.00483,-0.0125,0.03322,-0.04802,0.00494,-0.08705,0.06001,0.0218,0.01376,-0.05169,-0.00241,0.03467,-0.03635,-0.08409,0.0144,0.06329,-0.007],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. ⏭ What’s Next? In the next part, we’ll create custom Angular node components and add palette-based drag-and-drop. Official docs: flow.foblex.com","excerpt":"⏭ What’s Next? In the next part, we’ll create custom Angular node components and add palette-based drag-and-drop. Official docs: flow.foblex.com"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow#10","slug":"building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","route":"/blog/building-ai-low-code-platform-in-angular-part-2-creating-your-first-flow","section":"blog","title":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow","description":"Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors.","group":"Building AI Low-Code Platform","vector":[-0.12751,0.02894,-0.05858,0.05221,0.01651,0.02091,-0.0001,0.00024,-0.01907,0.05055,-0.11366,-0.02068,-0.03411,-0.01276,0.0448,0.02368,-0.02433,-0.00851,0.03778,0.00565,-0.02161,-0.02548,0.0017,-0.04365,-0.00874,0.03638,0.01991,-0.00958,0.0723,-0.07337,0.04158,0.06703,-0.05707,0.037,-0.15917,0.09457,0.04078,-0.05272,-0.06334,-0.04102,0.09757,0.05382,0.0147,-0.10822,-0.02631,-0.06622,-0.075,0.02636,-0.053,0.04212,-0.04768,-0.14343,-0.04169,0.06106,0.01327,0.02707,-0.00991,-0.08158,0.00739,-0.01034,0.02418,-0.02082,0.03889,0.02477,0.0305,0.02459,-0.10397,0.02993,-0.00281,-0.06874,-0.00721,-0.05471,0.00012,-0.00272,-0.00822,-0.03614,-0.05093,0.03547,-0.04815,0.0228,0.02897,0.05249,-0.05079,0.06446,-0.06455,0.12032,-0.02145,-0.07242,-0.04419,-0.04583,0.02211,0.09491,-0.02337,-0.02548,0.04019,-0.00565,-0.0272,-0.04471,-0.1062,0.02346,-0.01479,-0.05007,0.05494,0.0387,-0.06384,-0.03364,0.00207,-0.05365,-0.0601,0.00838,-0.0146,0.06366,-0.04673,-0.07485,-0.04184,-0.04555,-0.03393,-0.03087,0.04401,0.08996,-0.00698,0.01928,-0.03805,-0.02099,0.09609,-0.06075,0.00023,0,0.00455,0.02606,-0.02961,0.05833,0.12424,-0.03251,0.01616,-0.10477,0.0005,-0.01809,0.01421,0.0574,-0.03516,0.03344,-0.01434,-0.11669,-0.02584,0.01,0.05372,0.01598,0.05954,-0.08727,-0.03531,0.048,0.06673,0.05042,-0.01656,0.00497,0.00798,0.02183,0.06992,0.03463,-0.00039,0.01622,-0.07222,0.012,-0.07535,-0.08271,0.01189,-0.05113,-0.00033,-0.05225,-0.07912,0.02312,-0.02831,-0.00617,0.01477,0.00666,0.09514,0.02035,-0.00939,-0.00766,0.02497,0.02157,0.0852,-0.03199,-0.02983,0.10234,0.04134,0.0765,-0.00001,0.05174,-0.04337,-0.06079,0.04296,0.05474,-0.04088,-0.02694,0.09835,-0.06151,-0.06648,0.05707,0.03426,0.09106,0.01936,0.01339,-0.03147,-0.00448,0.09257,-0.03773,-0.04835,-0.05661,0.01297,0.07464,0.11011,-0.0916,0.00988,-0.01178,-0.09331,-0.01081,0.09153,0.04486,0.06993,-0.04006,0.03834,0,-0.02546,0.03181,-0.043,0.07445,0.04352,-0.08092,-0.01162,0.00924,0.04308,0.06839,0.02636,0.0493,0.02841,-0.00579,0.00056,-0.03152,-0.02975,-0.15062,0.03981,-0.04388,0.01921,0.06881,0.00361,-0.08672,-0.08881,0.04219,-0.00229,-0.00455,-0.00389,-0.03595,-0.02109,-0.03032,0.00946,-0.01668,0.02528,-0.06968,0.00991,0.09327,0.05454,-0.08122,0.03919,-0.0243,-0.03882,-0.00841,-0.08324,-0.03183,-0.07166,0.02625,-0.01734,-0.02285,-0.05987,0.05147,-0.01335,-0.05656,-0.02257,0.01041,0.10067,0.0155,0.04928,0.01733,-0.01013,-0.01493,0.04232,0.02214,0.0768,-0.01253,-0.04101,-0.05497,0.02364,0.07073,0.04951,0.07568,-0.00284,0.01153,0.10495,0.00447,0.12593,-0.05834,0.06292,0.01662,-0.03489,0.10584,-0.00983,0.007,0.06609,0.01413,-0.08564,-0.0439,0.05964,0.07255,-0.09192,0.00441,0.00607,-0.00204,-0.01328,0,-0.10864,0.0188,-0.0511,-0.00221,0.00996,0.00181,-0.04419,-0.01819,0.04288,-0.02513,-0.01091,0.03424,-0.02324,-0.00065,0.1105,-0.00617,0.00789,-0.0052,-0.04131,-0.07332,0.03678,0.02847,0.02302,0.08879,0.01522,0.00295,0.01927,-0.02609,-0.00712,0.03796,-0.02421,0.05187,0.05787,0.07693,-0.04756,0.00303,-0.05914,0.00377,-0.07349,0.00279,0.06215,0.01237,-0.01711,-0.03742,-0.05447,0.07944,-0.02646,-0.0184,0.00013,0.02404,-0.05654,-0.00416,-0.0795,0.03851,0.00493,0.03607,-0.0295,-0.01086,0.0561,-0.00884,-0.05699,0.04266,0.07388,0.01877],"keywords":"Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Design Node-Based Interfaces in Angular — A Beginner’s Guide with Foblex Flow Render your first Angular flow with draggable nodes and connections using Foblex Flow, the foundation for workflow builders and node editors. 🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback! Git Hub","excerpt":"🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback!"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#0","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09794,-0.02251,-0.04688,0.08667,0.0476,0.0112,-0.05329,0.02799,0.0183,0.08946,-0.10159,-0.01799,-0.03231,-0.02766,0.09907,0.04746,0.03305,-0.0136,-0.01796,-0.03158,-0.09118,-0.05479,-0.00696,-0.02317,-0.00786,0.05727,-0.027,-0.03591,0.07234,-0.00874,0.06106,0.05312,0.04198,0.04628,-0.14376,0.14328,0.00081,-0.03103,-0.04294,-0.05766,0.01458,0.04481,-0.06084,-0.04873,-0.00423,-0.08714,-0.05355,-0.02855,-0.04585,0.00076,-0.06312,-0.13125,-0.06852,0.00173,-0.03394,0.06105,0.00391,-0.0308,0.02301,0.0484,0.01091,-0.01479,0.05879,0.03283,0.07178,0.05248,-0.06388,0.06307,0.02802,-0.0554,0.04313,-0.03973,-0.01908,0.00531,-0.02841,-0.04176,-0.06176,0.0216,0.01696,-0.01739,0.03001,0.06038,-0.00077,0.13594,-0.02831,0.10209,0.02718,-0.03397,-0.00138,-0.0364,0.00879,0.02447,0.0763,0.00691,0.04394,0.04131,0.02005,-0.04222,-0.06759,0.04647,-0.0436,-0.02704,0.04896,-0.05526,-0.05037,0.01337,0.0321,-0.01348,-0.03285,0.01633,0.01384,0.03916,-0.03547,-0.11768,0.01137,-0.00355,0.00414,0.00698,0.04026,0.13813,-0.02341,-0.01542,0.01099,0.00967,0.12079,-0.00199,-0.07022,0,0.05155,0.07142,-0.01429,0.03469,0.12201,-0.03927,0.02855,-0.10228,-0.06187,-0.02297,0.07324,0.05317,-0.03001,0.07152,0.05713,-0.11201,-0.03522,-0.00123,0.02015,-0.0363,-0.03381,-0.1262,-0.04722,0.09746,0.06731,0.04393,0.01972,-0.00991,-0.00574,-0.00889,0.01092,0.03556,0.00079,0.06385,-0.05564,-0.00058,-0.05729,-0.07431,-0.01009,-0.00035,-0.01087,0.01043,-0.04097,0.02787,0.02344,-0.03999,-0.00716,0.00779,0.08114,0.00421,-0.00615,0.09403,0.02717,0.01543,0.03277,-0.03671,-0.01336,0.05256,0.11068,0.02781,0.01457,-0.01618,-0.06197,0.01986,0.0278,0.04311,0.0117,-0.04657,0.10467,-0.07535,-0.04517,0.00585,-0.00728,0.06887,0.02571,-0.02179,-0.04859,-0.03028,0.0618,-0.05211,-0.04387,-0.01446,-0.01249,0.1101,0.08594,-0.10072,-0.02916,0.02033,-0.11479,0.00266,0.02203,0.04473,0.0149,-0.03494,-0.00612,0,-0.02932,-0.00842,-0.07469,0.08539,0.01037,-0.04385,-0.02012,-0.04523,0.04084,0.13151,0.05074,0.00296,0.01499,-0.00866,-0.05334,-0.02469,-0.0365,-0.07117,0.09897,-0.02939,0.09278,0.06532,-0.00091,0.0063,-0.0558,0.02772,-0.06267,0.00701,0.0112,-0.02841,-0.03041,-0.01891,-0.0367,-0.07551,0.02575,-0.01921,0.01856,0.01139,-0.05832,-0.028,0.03486,-0.06015,-0.03277,-0.01396,-0.06205,-0.00153,-0.08997,0.06735,-0.05872,-0.07274,-0.06122,0.01837,-0.00404,-0.05954,-0.07783,-0.06611,0.05152,0.0372,0.01579,0.0638,0.0262,-0.04896,0.02521,0.00017,0.01554,0.03585,-0.05805,0.06452,0.00218,0.00663,0.0342,-0.02765,-0.00424,0.01909,0.00179,0.02231,0.07072,-0.1039,0.06308,-0.00528,-0.05429,0.07452,-0.00117,-0.03373,0.06161,0.03146,-0.06554,-0.01738,0.03087,0.10639,-0.09262,0.039,0.00781,0.01042,-0.02672,0,-0.04797,0.07824,-0.00647,0.01466,0.08119,-0.02952,-0.01212,-0.00056,0.04815,0.0494,0.01446,-0.03448,-0.06512,0.01677,0.1096,0.0735,-0.04165,0.0313,-0.03265,-0.03025,0.08711,0.07765,-0.02424,0.01706,0.021,-0.035,0.06035,0.04055,-0.0873,0.08819,-0.02027,0.04756,0.06109,0.07136,-0.07718,-0.03183,-0.07258,-0.02797,-0.02677,-0.05817,0.02213,-0.01205,-0.04506,-0.04057,-0.02673,-0.02191,-0.04122,-0.05774,0.01903,-0.00617,-0.00575,-0.06679,-0.05111,0.01972,0.0324,0.00963,0.00898,0.01626,0.05145,0.01444,-0.0459,0.03769,0.04691,-0.03548],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette In the previous article, we built a basic editor with two nodes and a single connection. In this part, we move toward a real Angular node editor by adding custom node components, interactive connectors, and a reusable node palette. It’s not a full low-code platform just yet, but it establishes the custom-node architecture most teams need before layering on validation, side panels, and richer workflow behavior.","excerpt":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette In the previous article, we built a basic editor with two nodes and a single connection. In this part, we move toward a real Angular node editor by adding custom node components, interactive connectors, and a reusable node palette. It’s not a full low-code platform just yet, but it establishes the custom-node architecture most teams need before layering on validation, side panels, and richer workflow behavior."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#1","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.08296,-0.0299,-0.05641,0.06672,0.02569,0.01531,-0.00174,0.02778,0.01366,0.08553,-0.07398,-0.04492,-0.03364,-0.0349,0.08219,0.10374,0.01183,-0.0092,-0.02863,-0.01436,-0.04795,-0.07186,-0.01448,-0.02755,-0.03502,0.07877,0.03639,-0.06236,0.08367,-0.01551,0.0599,0.03718,0.03545,0.03736,-0.12765,0.10242,0.01622,-0.05454,-0.02326,-0.05714,0.07035,0.04844,-0.02265,-0.08994,0.01855,-0.0221,-0.05852,-0.03551,-0.05964,0.05504,-0.08419,-0.14005,-0.03629,-0.02516,-0.02137,0.03475,0.02008,-0.06433,0.02687,0.04399,0.03393,0.00851,0.08219,0.01248,0.06964,0.04206,-0.08768,0.05403,0.02648,-0.06171,0.01672,-0.06368,0.00224,-0.00111,-0.02892,-0.03841,-0.04863,0.04489,0.0157,0.00501,0.03324,0.03081,0.00177,0.09973,-0.04537,0.10756,0.0378,-0.04305,-0.01188,-0.02519,-0.00104,0.02789,0.0414,-0.00873,0.06601,0.02348,0.0189,-0.06037,-0.0858,0.04023,-0.04477,-0.02363,0.04799,-0.04975,-0.06635,0.01493,0.03539,-0.07051,-0.0279,0.01321,-0.00374,-0.00238,-0.04671,-0.11333,0.00047,-0.00914,0.00354,0.00697,0.07427,0.10058,0.01045,0.00237,-0.02294,0.02016,0.12896,0.01195,-0.07277,0,0.0485,0.046,-0.00894,0.00342,0.11374,-0.04762,0.01135,-0.11309,-0.02365,0.00201,0.04428,0.02951,-0.0394,0.05133,0.02079,-0.13223,0.01019,-0.04075,0.04335,-0.04179,-0.0353,-0.10618,-0.05778,0.06934,0.06708,0.06676,0.02226,-0.01175,-0.0006,-0.01584,0.03099,0.03423,-0.00772,0.03515,-0.06078,-0.01795,-0.07542,-0.03808,-0.01779,0.04183,0.02294,-0.0366,-0.04195,0.01128,-0.01914,-0.00472,-0.01247,-0.03001,0.0935,0.0158,-0.01738,0.05014,-0.01124,0.00646,0.07288,-0.04725,-0.05351,0.07221,0.08637,0.0133,0.02285,-0.01279,-0.02581,-0.02386,0.01391,0.06358,0.00629,-0.03543,0.11699,-0.04169,-0.04717,0.02243,-0.00617,0.03618,0.00796,0.00476,-0.04408,-0.07351,0.08609,-0.04435,-0.04812,-0.04761,-0.00208,0.10571,0.10234,-0.10265,-0.04825,-0.00792,-0.10778,-0.05073,0.02442,0.01505,-0.02513,-0.04892,-0.0054,0,-0.03137,0.03977,-0.05001,0.07335,0.00334,-0.04998,0.01446,-0.0111,0.04467,0.12072,0.03218,0.03615,0.01733,-0.01455,-0.0101,0.00609,-0.03488,-0.07013,0.10109,-0.03415,0.07841,0.04215,0.01988,-0.04858,-0.06247,0.029,0.01367,0.00236,0.03222,-0.01671,-0.02119,-0.0156,-0.01649,-0.04106,-0.00511,-0.04461,0.07378,-0.0027,-0.06828,-0.08518,0.0485,-0.07747,-0.01825,-0.00515,-0.06967,0.0036,-0.10783,0.05854,-0.03549,-0.03648,-0.06112,-0.0117,-0.01802,-0.0464,-0.10543,-0.06787,0.08023,0.02484,0.01073,0.06059,-0.04717,-0.07602,0.03019,-0.02348,0.04008,0.03031,-0.05146,0.03174,0.01325,0.02542,0.08303,0.02646,-0.00076,0.02339,0.02073,0.02594,0.08828,-0.05917,0.0768,-0.01807,0.0013,0.08713,0.00768,-0.00298,0.06896,0.02553,-0.07049,-0.0291,0.04624,0.12542,-0.08417,0.07557,0.03997,0.02572,-0.03079,0,-0.0704,0.03601,-0.00564,0.02088,0.0711,0.02161,-0.04556,-0.01011,0.021,0.03878,-0.01912,0.01961,-0.05775,0.01649,0.11105,0.06277,-0.03188,0.02689,-0.00527,-0.01479,0.06666,0.06354,-0.01728,0.04542,-0.00581,-0.05144,0.03054,0.01395,-0.09398,0.04942,-0.01108,0.0672,0.08383,0.05547,-0.06392,-0.04248,-0.09436,-0.04999,-0.07653,-0.04206,0.016,-0.01699,-0.0499,-0.07646,-0.02868,0.01455,-0.04234,-0.09727,0.01743,0.01777,-0.02003,-0.01089,-0.06062,0.05532,0.03702,0.00974,-0.02049,0.02602,0.04482,0.02774,-0.04531,0.04473,0.0277,-0.04167],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. In this part, we’ll implement: - 🎨 A node palette with icons and labels - 🧩 Custom Angular components for each node - 🧵 Connectors (input/output) with interactive hover effects - 🔌 Logic to create nodes and connections using Foblex Flow events 🔧 View the source code on GitHub Git Hub","excerpt":"In this part, we’ll implement: - 🎨 A node palette with icons and labels - 🧩 Custom Angular components for each node - 🧵 Connectors (input/output) with interactive hover effects - 🔌 Logic to create nodes and connections using Foblex Flow events 🔧 View the source code on GitHub"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#2","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.06219,-0.01004,-0.04777,0.03614,0.06273,0.03172,-0.03062,0.04767,0.00753,0.07186,-0.08621,-0.05406,-0.0429,-0.02112,0.05664,0.0521,0.00946,0.00711,-0.01165,-0.00441,-0.04727,-0.03289,-0.00963,-0.03793,-0.01737,0.11529,0.03095,-0.07533,0.08571,-0.02953,0.05832,0.0505,0.04023,0.04507,-0.1528,0.11068,-0.00158,-0.03628,-0.0439,-0.03869,0.01423,0.06893,-0.05126,-0.06456,0.01354,-0.0118,-0.07011,-0.01409,-0.03189,0.02083,-0.1054,-0.14217,-0.06786,0.02951,-0.04805,0.01336,0.0343,-0.0626,0.02698,0.04805,0.04234,-0.00026,0.07545,0.01554,0.08174,0.02113,-0.11796,0.04273,0.00239,-0.0552,0.02513,-0.02517,0.0285,-0.00266,-0.01609,-0.06193,-0.07022,0.03957,0.03447,-0.01086,0.0436,0.04819,-0.01105,0.10175,-0.03457,0.10043,0.02213,-0.04384,0.0007,-0.03273,0.01811,0.04009,0.07658,0.00367,0.09937,0.03045,0.00599,-0.05029,-0.09711,0.04707,-0.01927,-0.02318,0.04822,-0.04774,-0.06664,0.02472,0.05011,-0.05121,-0.02681,-0.01031,-0.02019,0.01342,-0.02907,-0.12163,0.01329,-0.03431,-0.01398,0.01377,0.05629,0.10249,0.00721,-0.00312,-0.00321,-0.00104,0.13168,0.00373,-0.06237,0,0.02652,0.05759,-0.03931,0.05204,0.11226,-0.044,0.03283,-0.07416,-0.03464,0.01009,0.04211,0.02685,-0.06543,0.08849,0.01929,-0.1489,-0.00449,-0.01433,0.03109,-0.01553,0.00975,-0.12168,-0.04353,0.06497,0.077,0.05815,0.01011,-0.02663,-0.04352,-0.01149,0.00351,0.04001,-0.03108,0.01666,-0.06345,-0.0441,-0.07627,-0.05392,-0.03682,0.02865,-0.01807,-0.01055,-0.06017,-0.00426,0.01549,-0.01889,-0.01017,-0.00273,0.08897,0.03149,-0.00081,0.0733,0.00733,0.00241,0.06555,-0.06583,-0.04999,0.0778,0.07828,0.02202,0.0339,0.02394,-0.04695,-0.01269,0.02101,0.03557,-0.00093,-0.0181,0.10467,-0.05418,-0.05874,0.0112,0.01382,0.04836,0.01437,-0.00767,-0.03934,-0.04966,0.05517,-0.07326,-0.0957,-0.02695,0.01094,0.0831,0.10494,-0.07407,-0.03807,-0.02293,-0.09101,-0.02052,0.0528,0.01303,0.00365,-0.03371,0.02277,0,-0.04216,0.02904,-0.04029,0.05221,0.02626,-0.04643,-0.00723,-0.00577,0.05972,0.11615,0.02669,0.02216,0.00747,-0.00849,-0.00184,0.03416,-0.0104,-0.09511,0.08734,-0.05034,0.05602,0.05325,-0.01286,-0.03588,-0.05959,0.05125,0.00354,0.00895,0.03423,-0.01661,-0.0189,-0.036,-0.02725,-0.05915,-0.00469,-0.03169,0.05151,-0.01121,-0.06631,-0.05148,0.04602,-0.04948,0.00751,-0.01066,-0.08331,0.00119,-0.08303,0.05651,-0.01961,-0.03925,-0.06927,-0.0107,-0.00926,-0.07176,-0.08174,-0.03946,0.0847,0.04343,0.00857,0.05414,-0.00709,-0.05313,0.01856,-0.02211,0.04421,0.02619,-0.07722,0.05232,0.0009,0.01962,0.03453,0.01018,-0.00595,0.04514,0.03975,0.01931,0.10755,-0.032,0.08071,0.01384,0.00804,0.07464,-0.02229,-0.01263,0.06947,0.02558,-0.09192,-0.0755,0.03525,0.08527,-0.08044,0.07205,0.02172,-0.00021,-0.01016,0,-0.06608,0.01562,-0.00019,-0.02404,0.07529,-0.00212,-0.0385,0.02313,0.00781,0.03956,0.01919,0.0065,-0.02909,0.00458,0.12328,0.03842,-0.03655,0.02357,-0.00904,-0.06198,0.09056,0.04892,-0.01068,0.0362,-0.00427,-0.06678,0.06289,0.02263,-0.07303,0.06255,-0.007,0.08664,0.07861,0.05703,-0.05744,-0.01228,-0.09869,-0.03456,-0.08792,-0.04347,0.03376,0.00925,-0.01984,-0.06453,-0.03221,0.02169,-0.03741,-0.09567,0.01219,-0.02516,-0.05619,-0.01278,-0.05408,0.09748,0.05486,0.0076,-0.03054,-0.01208,0.04657,0.00962,-0.05025,0.05655,0.03018,-0.0225],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Component Architecture Our visual flow will be based on three main components: - Flow — the main Angular component containing \\<f-flow and managing all nodes and connections - Node — a custom Angular component that represents a single node, linked to Foblex Flow using the fNode directive - FlowPalette — a sidebar panel containing draggable elements for the canvas f Node Flow Palette","excerpt":"Component Architecture Our visual flow will be based on three main components: - Flow — the main Angular component containing \\<f-flow and managing all nodes and connections - Node — a custom Angular component that represents a single node, linked to Foblex Flow using the fNode directive - FlowPalette — a sidebar panel containing draggable elements for the canvas"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#3","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.08905,-0.0221,-0.07307,0.05573,0.04213,0.00862,-0.04792,0.05191,-0.01946,0.10652,-0.09836,-0.03629,-0.00814,-0.02753,0.08468,0.08416,0.00168,0.02649,-0.02657,-0.03092,-0.06572,-0.02965,-0.00301,-0.0387,-0.03123,0.08587,0.04139,-0.07378,0.05807,-0.00958,0.0549,0.00833,0.0863,0.0368,-0.13716,0.13204,-0.002,-0.05257,0.00177,-0.06196,0.01327,0.06985,-0.03592,-0.07808,0.00963,-0.04099,-0.06731,-0.03191,-0.03517,-0.00482,-0.09409,-0.12556,-0.06447,-0.03836,-0.04104,0.01205,0.00155,-0.05584,0.0195,0.01004,0.05868,-0.00258,0.07318,0.0164,0.09647,0.04909,-0.08922,0.05285,0.03428,-0.06813,0.02596,-0.03368,-0.00355,0.02347,-0.03959,-0.05171,-0.04843,0.03751,0.04805,0.00724,0.01179,0.00253,-0.00492,0.13698,-0.02853,0.08694,0.03983,-0.02562,0.00883,-0.03271,0.02962,0.01866,0.05589,0.00849,0.06346,0.04063,0.03239,-0.05978,-0.08755,0.0585,-0.04974,-0.02222,0.04409,-0.0826,-0.06748,0.01928,0.07286,-0.06018,-0.0316,0.00156,0.00796,0.01957,-0.03879,-0.11153,0.02141,-0.01375,0.00951,0.00818,0.03155,0.10412,-0.00226,-0.00762,-0.01625,0.05194,0.12697,0.02249,-0.06375,0,0.04834,0.06641,-0.00704,0.01957,0.12037,-0.07069,0.02634,-0.07349,-0.06142,0.01005,0.08401,0.04384,-0.02729,0.08214,0.04653,-0.12325,0.00566,-0.03453,0.0539,-0.04761,-0.01937,-0.09603,-0.0314,0.09607,0.06354,0.07256,0.03173,-0.04371,-0.00534,-0.01701,0.01748,0.03611,-0.06093,0.05114,-0.03045,-0.01979,-0.06202,-0.02968,-0.02764,0.03819,0.01303,-0.01695,-0.0441,-0.00101,0.00741,-0.02984,0.0082,-0.02821,0.08895,0.01309,-0.0181,0.05168,-0.02715,0.01203,0.05628,-0.03536,-0.03565,0.04851,0.09977,0.0098,0.03079,-0.04526,-0.02403,-0.00626,0.00238,0.00639,0.00018,-0.04779,0.13123,-0.02681,-0.01105,-0.01695,-0.00496,0.05921,-0.00417,0.01487,-0.02311,-0.05738,0.06408,-0.07017,-0.05433,-0.02197,-0.00713,0.07728,0.09417,-0.09194,-0.06277,0.00366,-0.08075,-0.03997,0.00384,0.01935,-0.02491,-0.04086,-0.00876,0,-0.0421,0.0067,-0.07675,0.04604,-0.01063,-0.04476,-0.00574,-0.02604,0.05376,0.12552,0.03047,-0.00208,0.03875,0.0094,-0.02177,-0.02789,-0.01046,-0.06056,0.09713,-0.02256,0.0531,0.04981,0.00811,-0.03016,-0.0292,0.03922,-0.03492,0.02065,0.0196,-0.01276,-0.00531,-0.00385,-0.00684,-0.07034,-0.02507,-0.0115,0.06683,-0.01384,-0.08699,-0.05407,0.05135,-0.07136,-0.0092,-0.0346,-0.06939,-0.00127,-0.07965,0.0821,-0.03445,-0.0533,-0.03814,-0.0155,0.0039,-0.05516,-0.10047,-0.05587,0.0612,0.02803,0.02639,0.0815,-0.04004,-0.06377,0.04999,-0.00869,0.02198,0.03019,-0.05901,0.07059,-0.00834,-0.00376,0.03029,-0.01818,0.00034,0.04779,0.01088,0.00959,0.06278,-0.04418,0.0792,-0.02171,0.03458,0.05473,-0.00908,-0.03688,0.05804,0.02673,-0.05943,-0.03823,0.02599,0.11124,-0.09691,0.09312,0.03944,0.03147,-0.0243,0,-0.06048,0.05142,0.01962,0.03735,0.07068,-0.00173,-0.03496,-0.01787,0.02522,0.05052,-0.00841,-0.01316,-0.05467,0.00879,0.11111,0.05415,-0.02307,0.00682,-0.00358,-0.02755,0.09493,0.05797,-0.01926,0.00941,0.01311,-0.04659,0.04711,-0.00934,-0.08749,0.08013,-0.01643,0.08863,0.0934,0.06332,-0.03845,-0.03171,-0.07335,-0.04019,-0.08493,-0.05811,0.02127,0.02058,-0.0607,-0.07351,-0.04524,-0.00667,-0.03965,-0.09748,0.04608,0.00026,-0.01394,-0.0309,-0.05126,0.04367,0.03629,0.02799,-0.00606,-0.00066,0.03068,0.02763,-0.0236,0.03853,0.01029,-0.02842],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Continuing from the Previous Project We’ll continue building on the project from the previous article.","excerpt":"Continuing from the Previous Project We’ll continue building on the project from the previous article."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#4","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.0742,0.00576,-0.05582,0.05284,0.04635,0.01895,-0.07054,0.03922,-0.03645,0.10785,-0.08681,-0.00856,-0.01126,-0.02835,0.07595,0.07634,-0.00645,-0.00924,0.01494,0.00392,-0.02017,-0.0198,0.01502,-0.03662,0.00978,0.08887,0.02667,-0.03866,0.0888,-0.00956,0.06243,0.00515,0.09164,0.02893,-0.12637,0.11443,-0.00182,-0.03008,0.03823,-0.02029,0.03864,0.06498,-0.04363,-0.07983,0.03326,-0.02836,-0.09892,-0.00814,-0.02066,-0.02389,-0.09309,-0.12655,-0.0706,-0.05999,-0.03871,0.00367,-0.00633,-0.04566,0.02702,0.02509,0.08002,-0.00455,0.11474,0.00431,0.08464,0.05161,-0.06007,0.03642,-0.03727,-0.01303,0.07407,-0.06182,-0.03709,0.04559,-0.04302,-0.03401,-0.03035,0.03407,0.03864,0.03189,-0.00191,-0.02509,0.01516,0.12414,-0.01636,0.09179,0.02869,-0.07536,-0.00133,-0.05657,0.05779,-0.01227,0.03428,0.01112,0.03415,0.03509,0.01459,-0.01219,-0.10688,0.06688,-0.03225,-0.07954,0.05414,-0.07659,-0.07456,0.03691,0.09081,-0.05852,-0.01963,0.00215,0.036,0.00769,-0.07265,-0.11135,0.01245,-0.01274,-0.00998,-0.03156,0.04432,0.06865,0.00581,-0.00902,-0.01098,0.02808,0.11395,0.02185,-0.04724,0,0.03006,0.09777,-0.01236,-0.03212,0.06654,-0.10168,-0.03547,-0.10748,-0.07271,0.02849,0.09348,0.04807,-0.04026,0.03441,0.00158,-0.10732,0.04603,-0.04895,0.07237,-0.05001,-0.03142,-0.08496,-0.043,0.04785,-0.00555,0.04698,0.03595,-0.05771,-0.04676,-0.02217,0.04517,0.04196,-0.02114,0.03506,-0.02866,-0.02724,-0.025,0.01907,-0.03522,0.06378,0.04548,-0.01332,-0.03414,-0.00188,0.01333,0.04883,0.01125,-0.06703,0.07979,0.00845,-0.02175,0.04954,-0.03341,0.05986,0.04201,-0.01322,-0.02083,0.03107,0.0857,-0.03172,0.02697,-0.07072,-0.00281,0.00673,0.00285,-0.00493,-0.00668,-0.05517,0.09355,-0.04667,0.00887,-0.00968,0.01997,0.07126,-0.02671,-0.00309,0.00519,-0.05116,0.0578,-0.03647,-0.03467,-0.02162,-0.00901,0.02811,0.12257,-0.12604,-0.06636,-0.01487,-0.02586,-0.03861,0.00727,-0.001,-0.03066,-0.06994,-0.03035,0,-0.02922,0.02573,-0.08407,0.05245,-0.05355,-0.00603,0.06302,0.02734,0.07746,0.11879,0.05568,0.01903,0.00414,-0.00305,-0.01513,-0.0199,-0.0099,-0.01952,0.11437,-0.01598,0.0609,0.04946,-0.00436,-0.02033,0.00528,0.05944,-0.02326,0.05174,0.00892,-0.02385,0.02459,-0.02152,-0.0091,-0.01515,-0.02849,-0.00733,0.02728,-0.03158,-0.05694,-0.04175,0.04804,-0.05533,0.00276,0.00879,-0.0416,-0.04365,-0.07497,0.0024,-0.02955,-0.05273,-0.00683,-0.02338,0.00563,-0.0442,-0.11138,-0.07552,0.03954,0.03594,-0.04324,0.10712,-0.02217,-0.07038,-0.00839,-0.0488,0.04035,-0.007,-0.0883,0.04368,0.01184,-0.0403,-0.03161,-0.01126,0.0046,0.05118,0.00206,-0.005,0.07674,0.01344,0.06993,-0.03546,0.0252,0.05261,-0.04945,-0.03961,0.02608,0.05504,-0.07134,-0.01875,-0.00918,0.09043,-0.11356,0.07465,0.08572,0.02631,-0.02639,0,-0.06384,0.03065,0.03057,0.02281,0.07673,-0.03256,-0.06607,-0.07894,-0.00175,0.00621,-0.06808,-0.00534,-0.04995,0.01132,0.10253,0.04744,-0.07073,0.05113,-0.00608,-0.0428,0.05153,0.04318,-0.01841,0.00592,0.01091,-0.04171,0.0125,-0.00117,-0.09079,0.11263,-0.01236,0.06995,0.05854,0.044,-0.05831,-0.0897,-0.05738,-0.04957,-0.04442,-0.03126,0.02944,0.0096,-0.03855,-0.07659,-0.06619,-0.00393,-0.03267,-0.07282,0.09092,0.00621,0.00931,-0.03066,-0.08267,0.03954,0.0541,0.00943,0.00854,0.06734,0.00877,0.02042,0.01516,0.05827,0.02068,-0.0418],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Add Icons and Reset Styles First, we need to load the required fonts and icons. Add the following to your index.html: Then, reset default styles and apply the base font by adding this to your styles.scss:","excerpt":"Add Icons and Reset Styles First, we need to load the required fonts and icons. Add the following to your index.html: Then, reset default styles and apply the base font by adding this to your styles.scss:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#5","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.05991,-0.02501,-0.03643,0.10899,0.01452,0.04881,-0.01911,0.09149,-0.03027,0.11841,-0.11064,-0.05267,-0.01875,0.00729,0.05522,0.05684,0.00615,-0.01839,0.00963,-0.04426,-0.03476,-0.01325,0.00891,-0.06219,0.00154,0.03924,0.01806,-0.05901,0.07729,-0.01267,0.02475,0.00879,0.03616,0.06197,-0.09911,0.11208,-0.03047,-0.04695,-0.01831,-0.04696,0.08336,0.08203,-0.04216,-0.08912,0.04194,-0.04634,-0.09349,-0.00719,-0.01834,-0.00895,-0.09013,-0.08718,-0.07095,0.0007,-0.00744,-0.00303,-0.01154,-0.0463,0.01487,0.04349,0.08125,-0.03573,0.06858,-0.046,0.06295,0.0771,-0.08647,0.10445,0.0241,-0.01778,0.0254,-0.00712,-0.05282,0.0192,-0.03606,-0.07916,-0.02816,0.03487,0.02234,0.02042,-0.0393,0.01845,0.02392,0.10043,-0.07407,0.08297,0.03166,-0.01985,-0.00014,-0.00234,-0.00693,0.04326,0.03455,-0.00324,0.06212,0.0749,0.01486,-0.02217,-0.04309,0.03572,-0.03265,0.01315,0.03716,-0.04585,-0.08631,-0.00321,0.06635,-0.08995,-0.05405,0.01277,-0.00219,0.05878,-0.08377,-0.09183,-0.02122,-0.02218,-0.00031,-0.0199,0.05685,0.13173,-0.00909,-0.00499,-0.0021,0.05172,0.10145,0.00516,-0.03505,0,-0.01802,0.07777,-0.00026,0.05139,0.11603,-0.02921,0.00765,-0.07849,-0.07576,0.00996,0.00563,0.06193,-0.0772,0.02421,0.04895,-0.08952,0.00564,-0.00438,0.0601,-0.02497,0.01856,-0.04194,-0.04607,0.07011,0.06446,0.03112,0.03453,-0.03442,-0.00436,-0.03396,0.03963,0.032,-0.02001,0.05703,-0.01092,-0.00649,-0.02329,-0.01315,-0.07551,-0.00164,0.02972,0.03307,-0.03865,0.04431,-0.02921,-0.02617,0.00694,-0.03885,0.08723,0.02507,-0.05703,0.07646,-0.00466,-0.01835,0.06712,-0.00161,-0.01712,0.03956,0.08653,0.01236,0.05059,-0.0407,0.0091,-0.01069,0.03822,0.03978,-0.03345,-0.0815,0.12834,-0.02163,-0.01647,0.00319,-0.03986,0.08749,0.00191,0.04403,-0.07432,-0.04653,0.01937,-0.07695,-0.04929,-0.0555,-0.02813,0.10484,0.10057,-0.10901,-0.06576,0.01778,-0.01593,-0.05413,0.03523,0.03176,-0.01213,-0.06931,-0.04263,0,-0.02014,0.02843,-0.09787,0.03543,-0.04349,-0.05748,-0.04762,0.00178,0.04394,0.11609,0.04413,-0.01408,0.06048,-0.0238,-0.06407,-0.02889,-0.01838,-0.1046,0.08351,-0.02327,0.02079,0.03997,0.00263,0.00724,-0.03456,0.06175,-0.0326,0.0597,-0.02649,-0.02465,-0.03558,-0.02702,0.00573,-0.03281,-0.03495,-0.02559,0.0653,0.0019,-0.02268,-0.04229,0.03977,-0.04054,-0.05339,-0.0387,-0.06629,-0.04345,-0.08761,0.10014,-0.01599,-0.07636,-0.05905,-0.03152,-0.0137,-0.08203,-0.07243,-0.06413,0.07866,-0.0039,0.01299,0.05901,-0.01628,-0.08404,0.02609,-0.02001,-0.00372,-0.04856,-0.07114,-0.02523,-0.01762,0.01125,0.00608,0.00376,0.01993,0.03881,0.01015,-0.05494,0.0845,-0.02521,0.10973,-0.02386,-0.02917,0.10386,0.00654,-0.02662,0.065,0.03701,-0.02857,-0.02385,0.04971,0.13528,-0.07908,0.07014,-0.03133,0.04543,-0.06888,0,-0.07737,0.03601,-0.02774,0.04334,0.03395,-0.05362,-0.04902,0.01028,0.03327,0.03817,-0.03682,0.00321,-0.04676,0.00018,0.12936,0.05235,0.0081,0.00379,-0.01744,0.0052,0.06922,0.03532,-0.00655,0.02369,0.08143,-0.03736,0.05015,-0.0011,-0.03948,0.10058,-0.02344,0.07547,0.06336,0.06409,-0.05996,-0.01927,-0.05059,-0.00337,-0.06385,-0.05049,0.0412,0.01248,-0.09199,-0.04423,-0.00309,0.01099,-0.02155,-0.03826,0.07741,-0.00188,-0.0189,-0.02276,-0.05329,0.04378,-0.0021,0.03518,-0.02805,0.01181,0.03016,-0.00043,-0.03696,-0.00538,0.01311,-0.04371],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Defining Node Models and Initial Data Let’s begin by defining the models for nodes and connections. Below are the TypeScript interfaces and an example set of 8 node types, which you can expand or customize later as needed: `ts // i-node.ts import { IStorageNode } from './i-storage-node'; Type Script I Storage Node","excerpt":"Defining Node Models and Initial Data Let’s begin by defining the models for nodes and connections. Below are the TypeScript interfaces and an example set of 8 node types, which you can expand or customize later as needed: `ts // i-node.ts import { IStorageNode } from './i-storage-node';"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#6","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.04725,-0.01253,-0.06109,0.0743,0.08243,0.0418,-0.0275,0.0403,-0.04751,0.09917,-0.08778,-0.05879,-0.00799,-0.03036,0.05284,0.06529,0.00125,0.00569,0.03845,-0.06902,-0.01811,0.02645,-0.01535,-0.04035,0.00115,0.03187,0.00433,-0.05673,0.04755,-0.0491,0.03988,0.07162,0.0545,0.06608,-0.09246,0.12909,-0.0315,-0.03295,-0.01328,-0.05406,0.03911,0.11022,-0.04382,-0.08866,0.02888,-0.01151,-0.08834,-0.00381,-0.01621,0.00188,-0.09211,-0.08579,-0.02965,0.00955,0.00059,0.0147,-0.0175,-0.10089,0.00634,0.07947,0.0909,-0.04926,0.08854,-0.0349,0.02888,0.0439,-0.05634,0.07004,-0.0457,-0.03739,0.07399,-0.01413,-0.023,0.03288,0.00961,-0.02119,-0.0327,0.01381,-0.01145,0.00191,-0.01347,0.06255,0.01615,0.0877,-0.04965,0.10043,0.02162,-0.02601,0.00683,0.03127,-0.0361,0.03003,0.04523,0.00802,0.0821,0.03896,0.09593,-0.01575,-0.05088,0.04364,-0.03676,-0.00185,-0.00107,-0.06693,-0.12352,-0.02443,0.09277,-0.09289,-0.04707,-0.00552,0.0097,0.01651,-0.0652,-0.09485,-0.00833,-0.06103,0.06078,-0.00982,0.08082,0.09114,0.01574,0.01282,-0.00523,0.08159,0.07678,0.06698,-0.0463,0,0.00228,0.0292,-0.009,0.02812,0.08279,-0.04077,-0.00515,-0.05368,-0.07853,-0.03736,0.02717,0.03011,-0.0451,0.03738,0.06832,-0.09605,0.04303,0.02859,0.03344,-0.0446,-0.02076,-0.06794,-0.09957,0.05865,0.04607,0.07653,0.00076,-0.05887,0.00733,-0.03098,0.0225,0.03873,-0.00193,0.05825,-0.03918,-0.00506,-0.05551,-0.00186,-0.07449,0.00848,0.0161,0.0671,-0.01995,0.02653,0.00442,-0.00653,0.01317,-0.01145,0.07914,0.00459,-0.04567,0.12233,-0.02707,-0.0548,0.06563,-0.01697,-0.01149,0.07143,0.08147,0.04207,-0.01035,0.00502,-0.02448,0.0026,0.00991,0.03785,-0.01454,-0.05972,0.10472,0.00061,-0.05194,-0.01016,-0.03463,0.07984,-0.02319,0.018,-0.06658,-0.08671,0.03975,-0.08457,-0.08752,-0.05492,-0.03067,0.10117,0.12846,-0.10715,-0.0349,0.01099,-0.02597,-0.035,0.03487,0.01386,-0.0499,-0.06401,-0.01819,0,-0.00803,0.01275,-0.05299,0.02712,-0.03457,-0.01111,-0.03515,0.01838,0.0119,0.0901,0.01465,-0.0066,0.03139,-0.00379,-0.04205,-0.03461,-0.04822,-0.05179,0.06758,-0.00224,0.04196,0.06364,0.0341,-0.02119,-0.03444,0.04844,-0.00531,0.04728,-0.03433,-0.04506,-0.01257,-0.05444,-0.02375,-0.03569,0.01723,-0.02615,0.0337,-0.00913,-0.06112,0.02449,0.02208,-0.01661,-0.05136,0.00611,-0.08714,-0.04076,-0.08222,0.10459,-0.00223,-0.02343,-0.05649,-0.00529,-0.00013,-0.08601,-0.05733,-0.08484,0.01554,0.05001,0.02713,0.03857,-0.02126,-0.08153,0.01341,-0.00995,0.04105,-0.03861,-0.10017,0.01782,-0.03692,-0.00464,0.04657,-0.0284,-0.02649,0.01501,0.00612,-0.04801,0.09687,-0.03861,0.06892,-0.02115,-0.0095,0.10153,-0.00259,-0.0394,0.09695,0.02168,-0.02718,0.02594,0.05022,0.12959,-0.06817,0.06251,-0.01932,0.02483,-0.04425,0,-0.11251,0.03373,-0.004,-0.00722,0.05666,-0.03998,-0.03715,0.00407,0.02045,0.05314,-0.00986,-0.00558,-0.03006,0.00429,0.14639,0.01498,0.00695,0.01478,-0.03115,0.03155,0.01989,0.0457,-0.04337,0.01786,0.0104,-0.06786,0.02257,-0.02006,-0.0095,0.0978,-0.0247,0.07394,0.06637,0.07692,-0.05021,-0.01914,-0.12915,0.00071,-0.04907,-0.05711,-0.00871,-0.03481,-0.10492,-0.04064,-0.04116,-0.01076,-0.04489,-0.08404,0.05914,-0.01205,-0.05764,-0.06896,0.01152,0.04195,0.04837,0.02045,-0.01878,-0.00004,0.05378,0.01709,-0.02808,-0.03229,0.03444,-0.00357],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. export interface INode extends IStorageNode { id: string; position: { x: number; y: number }; } ` Now let’s define a list of available nodes: I Node I Storage Node","excerpt":"export interface INode extends IStorageNode { id: string; position: { x: number; y: number }; } ` Now let’s define a list of available nodes:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#7","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.08686,-0.01655,-0.07432,0.0558,0.04423,-0.00388,-0.053,0.05985,-0.01798,0.10317,-0.08884,-0.04308,-0.01104,-0.0384,0.08359,0.08097,0.0003,0.0275,-0.01764,-0.0359,-0.06756,-0.02893,-0.00912,-0.03175,-0.02093,0.08065,0.02698,-0.05933,0.06292,-0.02637,0.06057,0.03322,0.08724,0.03602,-0.1346,0.13759,0.00018,-0.06257,-0.01702,-0.05581,0.00239,0.06104,-0.03409,-0.06898,0.00489,-0.04872,-0.06823,-0.03596,-0.03554,-0.00741,-0.08681,-0.14273,-0.07239,-0.0193,-0.04179,0.01297,-0.00648,-0.05428,0.02563,0.02928,0.05474,0.00138,0.06973,0.02947,0.09512,0.05017,-0.08595,0.04659,0.04337,-0.06204,0.02355,-0.0345,-0.00671,0.02448,-0.02921,-0.04952,-0.04635,0.03822,0.03998,0.00092,0.0121,0.00921,-0.00764,0.13733,-0.0253,0.09324,0.04135,-0.03068,0.01277,-0.025,0.01616,0.02024,0.05281,0.01822,0.05739,0.04143,0.04623,-0.06687,-0.08176,0.06532,-0.0469,-0.02363,0.03565,-0.07835,-0.07504,0.00478,0.06645,-0.04594,-0.01481,0.00383,-0.0016,0.01384,-0.04548,-0.12296,0.01935,-0.01333,0.00418,-0.00325,0.04748,0.1072,0.00273,-0.00355,-0.02521,0.04747,0.12257,0.01848,-0.07448,0,0.03626,0.06864,-0.01677,0.01798,0.12149,-0.06353,0.01473,-0.07651,-0.06673,-0.00528,0.08323,0.04681,-0.01371,0.08206,0.04806,-0.12099,-0.00595,-0.02744,0.06015,-0.04973,-0.01652,-0.10034,-0.04028,0.09064,0.06197,0.07511,0.02453,-0.02412,-0.00389,-0.00915,0.0051,0.03718,-0.04473,0.04233,-0.02392,-0.01484,-0.05394,-0.04463,-0.03752,0.0295,0.0064,-0.01076,-0.03999,0.00189,0.01341,-0.03276,-0.0046,-0.02821,0.08099,0.01563,-0.0217,0.06116,-0.00243,0.02518,0.0597,-0.03945,-0.0409,0.0448,0.09734,0.01917,0.02474,-0.03258,-0.01319,-0.00247,0.00063,0.01335,0.01518,-0.04448,0.12778,-0.03033,-0.02547,-0.00356,-0.00545,0.06276,-0.01533,0.00101,-0.03055,-0.05312,0.06108,-0.07081,-0.06741,-0.01667,-0.01757,0.08713,0.10557,-0.09753,-0.0492,0.00794,-0.08608,-0.03232,0.01497,0.01769,-0.02758,-0.04645,-0.01074,0,-0.04342,0.01407,-0.08159,0.0586,-0.00071,-0.04244,-0.0051,-0.02774,0.05137,0.12078,0.0399,-0.00206,0.02257,0.00129,-0.01931,-0.02904,-0.01582,-0.0802,0.0969,-0.01645,0.06048,0.04472,0.0008,-0.02249,-0.03236,0.03669,-0.04964,0.03326,0.01345,-0.02365,-0.01006,-0.00672,-0.02306,-0.0774,-0.01132,-0.01517,0.05699,-0.00489,-0.06758,-0.06246,0.0604,-0.06374,-0.02652,-0.01553,-0.07112,0.00567,-0.08449,0.06767,-0.02056,-0.06215,-0.04625,-0.01696,0.01016,-0.06151,-0.09497,-0.05865,0.05543,0.04121,0.01866,0.07248,-0.02341,-0.07425,0.04795,-0.00713,0.02187,0.02649,-0.07525,0.08055,-0.01358,0.00465,0.03045,-0.01476,-0.01494,0.04733,-0.00524,0.00865,0.06773,-0.04242,0.07221,-0.00379,0.02543,0.07072,-0.00093,-0.02644,0.05917,0.02308,-0.06988,-0.03129,0.02429,0.10306,-0.0875,0.08774,0.0274,0.03907,-0.02757,0,-0.06087,0.04679,0.01804,0.03273,0.06626,-0.00094,-0.03265,-0.00843,0.02116,0.05549,-0.00163,-0.01472,-0.05394,0.02475,0.1098,0.05243,-0.03988,0.01467,-0.01202,-0.02913,0.07678,0.06406,-0.01981,0.00914,0.01907,-0.04105,0.05552,-0.00069,-0.08564,0.06725,-0.01281,0.09044,0.08971,0.06927,-0.05044,-0.02061,-0.0891,-0.02955,-0.08014,-0.06626,0.01084,0.01797,-0.05922,-0.0731,-0.04879,-0.01159,-0.03107,-0.10081,0.03343,-0.0178,-0.01133,-0.02857,-0.05031,0.03971,0.05095,0.02349,-0.01255,0.00085,0.03104,0.0367,-0.03829,0.04101,0.02222,-0.02597],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","excerpt":""},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#8","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09026,-0.01319,-0.06026,0.07173,0.09407,0.05851,-0.00501,0.04716,0.00434,0.07946,-0.10285,-0.02511,-0.02239,-0.00221,0.05512,0.06878,-0.0108,0.001,-0.02445,0.01607,-0.041,-0.06678,0.01038,-0.03358,-0.01145,0.11236,0.02664,-0.08067,0.08064,-0.0388,0.06256,0.03954,0.03011,0.03697,-0.16058,0.10826,0.00567,-0.02401,-0.03333,-0.03764,0.03034,0.08197,-0.05885,-0.07894,0.00673,-0.0328,-0.04372,0.00143,-0.04403,0.05285,-0.07973,-0.13559,-0.05728,0.02107,-0.04864,0.01574,0.02627,-0.0717,0.05383,0.03934,0.05297,-0.01616,0.06082,0.03698,0.07713,0.03503,-0.104,0.09823,-0.00184,-0.05021,0.06431,-0.04798,0.00645,0.00563,0.00895,-0.05552,-0.01704,0.04321,-0.00519,0.01119,0.05063,0.01669,-0.01109,0.11636,-0.03743,0.12771,0.01039,-0.03187,-0.00075,-0.02809,0.02379,0.04174,0.04188,-0.01796,0.09801,0.00441,-0.00244,-0.04555,-0.08777,0.03148,-0.02245,-0.02113,0.02685,-0.02787,-0.05344,0.00058,0.04711,-0.06684,-0.04151,0.0335,0.00494,0.01927,-0.00937,-0.09046,-0.00105,-0.03111,-0.03579,-0.00414,0.05243,0.09973,0.00929,0.02963,-0.01874,0.00852,0.1251,0.00509,-0.06836,0,0.03372,0.03246,-0.00956,0.03514,0.11995,-0.06214,0.02545,-0.09151,-0.0913,0.02751,0.04113,0.04867,-0.03859,0.08719,-0.00069,-0.13132,-0.01365,-0.02489,0.03835,-0.01386,-0.00085,-0.11656,-0.07455,0.04829,0.05697,0.06439,0.0148,0.01373,0.01812,-0.00571,-0.00051,0.0267,-0.03443,0.02585,-0.05028,-0.0078,-0.07727,-0.03921,-0.00594,0.01589,0.02144,-0.01204,-0.04833,0.02115,-0.02182,-0.0248,0.00313,-0.00771,0.06505,0.01656,-0.01974,0.06472,-0.01023,-0.00528,0.07794,-0.08288,-0.0378,0.07608,0.08091,0.01218,0.05376,0.0333,-0.05,-0.01876,0.06105,0.02393,-0.0249,-0.00179,0.10779,-0.06963,-0.0559,0.02826,0.00301,0.04706,0.04163,-0.02188,-0.03028,-0.07979,0.0941,-0.05385,-0.08521,-0.05335,0.0083,0.06185,0.08597,-0.09189,-0.05187,0.00792,-0.08511,-0.05493,0.03879,0.00067,-0.01413,-0.05106,0.00464,0,-0.05903,0.01756,-0.0234,0.08593,0.018,-0.03042,0.02276,0.00874,0.06732,0.11801,0.0162,0.03994,0.01213,-0.00972,0.01642,0.00548,-0.04656,-0.09288,0.08145,-0.0794,0.0573,0.05048,-0.01733,-0.02052,-0.07495,0.04124,0.00698,0.02899,0.01898,-0.00701,-0.00281,-0.03987,-0.04977,-0.03644,-0.00328,-0.0369,0.04632,0.02623,-0.06611,-0.04351,-0.00813,-0.05571,-0.01999,0.01202,-0.05605,0.02049,-0.09083,0.06701,0.00685,-0.03925,-0.05156,-0.00453,-0.03555,-0.04421,-0.04993,-0.07962,0.07969,0.0146,-0.01826,0.05049,-0.00433,-0.05713,0.01038,-0.05947,0.05406,0.03133,-0.07689,0.04294,0.00811,0.0168,0.03495,0.01042,0.02848,0.01278,0.05275,0.0155,0.11207,-0.02294,0.06658,-0.005,0.01551,0.06624,0.00038,-0.00346,0.07363,0.0185,-0.0789,-0.05522,0.03124,0.09219,-0.09368,0.04497,0.05977,0.01358,-0.01673,0,-0.07071,0.0099,0.02258,0.00582,0.03048,0.01823,-0.03775,-0.0092,0.02643,0.03591,-0.01043,-0.008,-0.01266,0.01845,0.10463,0.02956,-0.01402,0.04867,-0.00997,-0.05029,0.08859,0.05013,0.00523,0.0447,-0.01883,-0.05795,0.01919,-0.01853,-0.06753,0.05298,-0.04093,0.05947,0.07718,0.05942,-0.07336,-0.04307,-0.08911,-0.03376,-0.08931,-0.04725,0.05243,0.00066,-0.0592,-0.06739,-0.04227,0.00191,-0.03093,-0.08795,0.02406,0.0106,-0.02219,-0.02087,-0.02669,0.08132,0.07049,0.02453,-0.05468,0.00126,0.03481,0.01008,-0.06509,0.03652,0.02736,-0.02279],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Creating the Node Palette Next, we’ll create the flow-palette component — a vertical sidebar from which we can drag nodes into the canvas. Each palette item is a div using the fExternalItem directive, which enables external drag-and-drop support with Foblex Flow. Template (flow-palette.html) Styles (flow-palette.scss) f External Item","excerpt":"Creating the Node Palette Next, we’ll create the flow-palette component — a vertical sidebar from which we can drag nodes into the canvas. Each palette item is a div using the fExternalItem directive, which enables external drag-and-drop support with Foblex Flow. Template (flow-palette.html) Styles (flow-palette.scss)"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#9","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.08686,-0.01655,-0.07432,0.0558,0.04423,-0.00388,-0.053,0.05985,-0.01798,0.10317,-0.08884,-0.04308,-0.01104,-0.0384,0.08359,0.08097,0.0003,0.0275,-0.01764,-0.0359,-0.06756,-0.02893,-0.00912,-0.03175,-0.02093,0.08065,0.02698,-0.05933,0.06292,-0.02637,0.06057,0.03322,0.08724,0.03602,-0.1346,0.13759,0.00018,-0.06257,-0.01702,-0.05581,0.00239,0.06104,-0.03409,-0.06898,0.00489,-0.04872,-0.06823,-0.03596,-0.03554,-0.00741,-0.08681,-0.14273,-0.07239,-0.0193,-0.04179,0.01297,-0.00648,-0.05428,0.02563,0.02928,0.05474,0.00138,0.06973,0.02947,0.09512,0.05017,-0.08595,0.04659,0.04337,-0.06204,0.02355,-0.0345,-0.00671,0.02448,-0.02921,-0.04952,-0.04635,0.03822,0.03998,0.00092,0.0121,0.00921,-0.00764,0.13733,-0.0253,0.09324,0.04135,-0.03068,0.01277,-0.025,0.01616,0.02024,0.05281,0.01822,0.05739,0.04143,0.04623,-0.06687,-0.08176,0.06532,-0.0469,-0.02363,0.03565,-0.07835,-0.07504,0.00478,0.06645,-0.04594,-0.01481,0.00383,-0.0016,0.01384,-0.04548,-0.12296,0.01935,-0.01333,0.00418,-0.00325,0.04748,0.1072,0.00273,-0.00355,-0.02521,0.04747,0.12257,0.01848,-0.07448,0,0.03626,0.06864,-0.01677,0.01798,0.12149,-0.06353,0.01473,-0.07651,-0.06673,-0.00528,0.08323,0.04681,-0.01371,0.08206,0.04806,-0.12099,-0.00595,-0.02744,0.06015,-0.04973,-0.01652,-0.10034,-0.04028,0.09064,0.06197,0.07511,0.02453,-0.02412,-0.00389,-0.00915,0.0051,0.03718,-0.04473,0.04233,-0.02392,-0.01484,-0.05394,-0.04463,-0.03752,0.0295,0.0064,-0.01076,-0.03999,0.00189,0.01341,-0.03276,-0.0046,-0.02821,0.08099,0.01563,-0.0217,0.06116,-0.00243,0.02518,0.0597,-0.03945,-0.0409,0.0448,0.09734,0.01917,0.02474,-0.03258,-0.01319,-0.00247,0.00063,0.01335,0.01518,-0.04448,0.12778,-0.03033,-0.02547,-0.00356,-0.00545,0.06276,-0.01533,0.00101,-0.03055,-0.05312,0.06108,-0.07081,-0.06741,-0.01667,-0.01757,0.08713,0.10557,-0.09753,-0.0492,0.00794,-0.08608,-0.03232,0.01497,0.01769,-0.02758,-0.04645,-0.01074,0,-0.04342,0.01407,-0.08159,0.0586,-0.00071,-0.04244,-0.0051,-0.02774,0.05137,0.12078,0.0399,-0.00206,0.02257,0.00129,-0.01931,-0.02904,-0.01582,-0.0802,0.0969,-0.01645,0.06048,0.04472,0.0008,-0.02249,-0.03236,0.03669,-0.04964,0.03326,0.01345,-0.02365,-0.01006,-0.00672,-0.02306,-0.0774,-0.01132,-0.01517,0.05699,-0.00489,-0.06758,-0.06246,0.0604,-0.06374,-0.02652,-0.01553,-0.07112,0.00567,-0.08449,0.06767,-0.02056,-0.06215,-0.04625,-0.01696,0.01016,-0.06151,-0.09497,-0.05865,0.05543,0.04121,0.01866,0.07248,-0.02341,-0.07425,0.04795,-0.00713,0.02187,0.02649,-0.07525,0.08055,-0.01358,0.00465,0.03045,-0.01476,-0.01494,0.04733,-0.00524,0.00865,0.06773,-0.04242,0.07221,-0.00379,0.02543,0.07072,-0.00093,-0.02644,0.05917,0.02308,-0.06988,-0.03129,0.02429,0.10306,-0.0875,0.08774,0.0274,0.03907,-0.02757,0,-0.06087,0.04679,0.01804,0.03273,0.06626,-0.00094,-0.03265,-0.00843,0.02116,0.05549,-0.00163,-0.01472,-0.05394,0.02475,0.1098,0.05243,-0.03988,0.01467,-0.01202,-0.02913,0.07678,0.06406,-0.01981,0.00914,0.01907,-0.04105,0.05552,-0.00069,-0.08564,0.06725,-0.01281,0.09044,0.08971,0.06927,-0.05044,-0.02061,-0.0891,-0.02955,-0.08014,-0.06626,0.01084,0.01797,-0.05922,-0.0731,-0.04879,-0.01159,-0.03107,-0.10081,0.03343,-0.0178,-0.01133,-0.02857,-0.05031,0.03971,0.05095,0.02349,-0.01255,0.00085,0.03104,0.0367,-0.03829,0.04101,0.02222,-0.02597],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","excerpt":""},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#10","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.1232,0.01232,-0.00188,0.08678,0.05264,0.02164,-0.03452,0.00497,0.02031,0.10432,-0.10063,0.00468,-0.04225,-0.02399,0.08516,0.05681,0.04051,0.02487,-0.04478,0.02085,-0.03666,-0.03937,0.01296,-0.03339,0.0138,0.0849,0.0122,-0.06659,0.09562,-0.04448,0.05678,0.03407,0.00365,0.02554,-0.15435,0.13156,0.01606,-0.02369,-0.02627,-0.02202,0.04487,0.07076,-0.03233,-0.04481,0.01408,-0.01999,-0.04336,-0.01344,-0.04391,0.00994,-0.07224,-0.13379,-0.04865,0.01829,-0.03443,0.02716,0.00861,-0.05914,0.04079,0.04736,0.03427,0.0108,0.09115,0.01176,0.08092,0.03941,-0.08293,0.09408,0.01476,-0.03436,0.06724,-0.05443,0.00087,0.013,0.00002,-0.02729,-0.04046,0.0386,-0.01976,-0.0075,0.06714,0.00162,0.01276,0.09687,-0.04757,0.13102,0.03601,-0.076,-0.01607,-0.04404,0.03255,0.0101,0.05336,-0.00844,0.05761,0.01341,0.00039,-0.05121,-0.08942,0.04749,-0.01508,-0.02871,0.07005,-0.01146,-0.06755,-0.00576,0.03518,-0.05834,-0.02195,0.00622,0.05139,0.00425,-0.03496,-0.10448,0.01209,-0.05986,-0.02808,-0.01622,0.02744,0.12999,-0.02625,-0.00615,-0.01437,0.00593,0.1316,0.01643,-0.01877,0,0.03475,0.04518,-0.02026,0.01822,0.11308,-0.05653,-0.00212,-0.12464,-0.07651,0.00971,0.04987,0.03755,-0.05192,0.09477,-0.0292,-0.09842,-0.02691,0.01333,0.03296,-0.01003,-0.03905,-0.10016,-0.07245,0.03968,0.03456,0.04248,0.0017,-0.02667,-0.03521,-0.02153,-0.00473,0.04685,0.02158,0.03877,-0.06698,-0.00094,-0.06754,-0.02856,0.00484,0.00956,0.01625,-0.01157,-0.03457,0.04189,-0.02674,-0.00555,0.02855,-0.02549,0.06316,0.0096,-0.00399,0.0636,0.01461,0.01332,0.0724,-0.05301,-0.01853,0.09664,0.12314,0.00882,0.04662,0.03266,-0.055,-0.02898,0.02549,0.02352,-0.00507,-0.00407,0.1035,-0.05144,-0.0366,-0.01302,-0.03892,0.05353,0.03433,-0.0347,-0.01017,-0.05302,0.09686,-0.0351,-0.06913,-0.03275,0.00853,0.08516,0.07203,-0.08334,-0.04646,-0.03677,-0.07702,-0.05692,0.02748,0.01812,-0.00448,-0.0739,0.01702,0,-0.0069,0.0148,-0.0739,0.13128,-0.00241,-0.0433,-0.00673,0.01777,0.06462,0.09457,0.04311,0.05384,-0.02001,-0.01238,-0.00769,-0.00398,-0.03981,-0.09043,0.0792,-0.06493,0.08051,0.01125,-0.00857,-0.00557,-0.07024,0.03274,-0.00072,0.02484,0.00057,-0.03526,0.00411,-0.01439,-0.04643,-0.05268,-0.03815,-0.05437,0.04634,0.02865,-0.05637,-0.04344,0.00886,-0.04441,0.02295,0.00654,-0.07741,0.01466,-0.07297,0.01924,-0.00078,-0.03634,-0.04276,-0.01043,0.00088,-0.04019,-0.09295,-0.09615,0.03833,0.01206,0.00005,0.07697,-0.00856,-0.02422,-0.01873,-0.08909,0.02137,0.04436,-0.0719,0.02279,0.0383,-0.0003,0.04061,-0.01357,0.0259,0.04077,0.03309,0.02036,0.13585,-0.0193,0.09248,-0.01793,-0.01613,0.06126,-0.03468,-0.0369,0.05981,0.06755,-0.09956,-0.03399,0.02234,0.09018,-0.11152,0.05963,0.0452,-0.01262,-0.04174,0,-0.0629,0.03903,0.04126,-0.01083,0.04606,0.01146,-0.02425,0.01818,0.03301,0.04153,0.01233,-0.01362,-0.0169,0.01084,0.09673,0.04166,-0.03077,0.05066,-0.05723,-0.04141,0.07757,0.07692,0.00245,0.01406,0.02916,-0.04389,0.05723,-0.0024,-0.08814,0.061,-0.0419,0.06399,0.04601,0.05741,-0.06494,-0.02419,-0.04711,-0.03721,-0.07976,-0.05668,0.01484,-0.00924,-0.0401,-0.08618,-0.05552,-0.02606,-0.0107,-0.06768,0.02595,0.01648,-0.00125,-0.04698,-0.07047,0.08471,0.05405,-0.01432,-0.04363,0.04068,0.01683,0.00337,-0.03785,0.00575,0.02246,-0.03559],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. We use ::ng-deep here because drag preview elements are appended to the document.body. Without it, styles wouldn’t apply to them. Component (flow-palette.ts)","excerpt":"We use ::ng-deep here because drag preview elements are appended to the document.body. Without it, styles wouldn’t apply to them. Component (flow-palette.ts)"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#11","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.08051,-0.02026,-0.06115,0.07069,0.05504,0.0493,0.00141,0.04947,0.00975,0.07905,-0.10456,-0.07341,-0.0288,-0.02796,0.08028,0.07964,0.00673,0.02552,-0.04071,-0.02718,-0.03988,-0.07527,-0.01873,-0.03474,-0.03286,0.06663,0.01584,-0.06509,0.07479,0.01547,0.08249,0.04662,0.05485,0.03501,-0.10728,0.10774,-0.02023,-0.0462,-0.03005,-0.03783,0.07477,0.066,-0.0349,-0.06985,0.00836,-0.04387,-0.04884,-0.01935,-0.06025,0.05118,-0.06392,-0.11865,-0.06084,-0.03106,-0.03488,0.04157,0.01716,-0.08031,0.03329,0.03189,0.05295,-0.03072,0.06632,0.02751,0.06447,0.05561,-0.10105,0.09226,0.04935,-0.04873,0.06525,-0.02542,-0.01295,-0.0031,-0.0036,-0.02979,-0.04473,0.04147,-0.03074,-0.01464,0.02317,0.01802,0.02277,0.10069,-0.03093,0.12694,0.00044,-0.03713,0.00426,-0.0016,-0.02651,0.03476,0.0204,-0.00412,0.08901,0.02693,0.01487,-0.05922,-0.06874,0.04759,-0.03789,-0.02148,-0.00952,-0.02583,-0.03791,0.00462,0.01354,-0.05385,-0.04718,0.00946,0.01099,0.02985,0.00673,-0.11599,-0.00076,0.00517,0.00163,-0.00197,0.03217,0.12182,0.00749,0.00153,-0.02611,0.02325,0.11615,-0.00376,-0.05803,0,0.02253,0.02487,-0.0123,0.00936,0.13265,-0.02149,0.02408,-0.11133,-0.05142,-0.01609,0.03629,0.01597,-0.03799,0.02957,-0.0077,-0.11143,-0.00898,-0.01412,0.02694,-0.02925,0.00077,-0.0976,-0.06993,0.06973,0.04262,0.07251,0.00393,0.00979,0.02538,-0.00659,0.0144,0.02969,-0.01514,0.07051,-0.06534,-0.01691,-0.05625,-0.0387,-0.02727,0.00474,0.01987,-0.00654,-0.05527,0.00998,-0.04599,-0.03946,-0.01198,-0.01757,0.10456,-0.00276,-0.0122,0.06703,-0.00555,-0.01883,0.06545,-0.02344,-0.05301,0.07457,0.10409,0.01453,0.01632,0.01177,-0.03888,0.00302,0.03303,0.05156,0.00382,-0.06853,0.11282,-0.0602,-0.03579,0.03994,-0.04123,0.05431,0.04213,0.00115,-0.0227,-0.0306,0.04997,-0.0402,-0.08547,-0.06324,0.01155,0.09698,0.11449,-0.08452,-0.0622,-0.00833,-0.10784,-0.052,0.05594,-0.00147,-0.00878,-0.03982,-0.006,0,-0.06401,0.03873,-0.04141,0.08285,0.02028,-0.03781,-0.01597,-0.02808,0.0613,0.12453,0.02685,0.05121,-0.00517,-0.01257,-0.01686,-0.02696,-0.02438,-0.05851,0.0843,-0.02641,0.0538,0.04658,-0.01701,-0.06681,-0.06472,0.02944,-0.01242,0.0333,-0.0016,-0.0298,-0.02425,0.01331,-0.06957,-0.03543,0.02332,-0.045,0.0561,0.0145,-0.07267,-0.04118,0.02489,-0.05969,-0.05112,-0.00302,-0.07018,0.02477,-0.067,0.05925,-0.01566,-0.02083,-0.06647,0.00014,-0.01374,-0.01659,-0.08684,-0.03653,0.08817,0.01977,0.01563,0.04056,-0.01714,-0.07112,0.03784,-0.05412,0.06654,0.0265,-0.07221,0.05724,0.01136,0.01472,0.07957,0.01099,-0.01272,0.04245,0.04943,0.01232,0.06883,-0.04895,0.07454,-0.00892,-0.024,0.09798,0.01996,-0.02418,0.09752,0.02042,-0.06558,-0.03393,0.04726,0.11215,-0.11873,0.05957,0.02844,0.01129,-0.02694,0,-0.08552,0.0516,-0.01074,0.01533,0.07109,-0.00282,-0.06507,0.01562,0.00431,0.02763,-0.01961,-0.00186,-0.01194,-0.00477,0.10227,0.01681,-0.00032,0.01618,-0.02778,-0.03589,0.08294,0.08559,0.00582,0.05033,-0.00497,-0.05018,0.0506,-0.00876,-0.07613,0.05688,-0.01537,0.06188,0.08108,0.11389,-0.08974,-0.02054,-0.07346,-0.02622,-0.07577,-0.05827,0.02609,-0.03347,-0.06513,-0.0499,-0.04184,0.0136,-0.0316,-0.08903,0.03797,0.03226,-0.01288,-0.01069,-0.05835,0.04899,0.05504,0.00989,-0.01355,-0.00135,0.01023,0.02147,-0.07554,0.01601,0.03857,-0.05893],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Now we can add nodes from the palette directly into the flow by handling the following event:","excerpt":"Now we can add nodes from the palette directly into the flow by handling the following event:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#12","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.06513,-0.01794,-0.06939,0.0596,0.06191,0.01514,-0.05725,0.05704,-0.00787,0.10073,-0.0816,-0.03853,-0.00422,-0.03314,0.07864,0.07333,0.00963,0.01833,-0.01567,-0.03105,-0.06915,-0.01275,-0.01124,-0.02871,-0.0201,0.08801,0.03906,-0.05126,0.08358,-0.01845,0.07071,0.02436,0.07861,0.0456,-0.12111,0.13471,-0.01,-0.04445,-0.01342,-0.05646,0.02356,0.0642,-0.05786,-0.07084,0.02432,-0.03427,-0.08729,-0.02908,-0.04323,-0.01184,-0.10308,-0.14358,-0.07224,-0.02809,-0.04957,0.00635,0.00193,-0.0571,0.02144,0.02737,0.0534,0.00448,0.08855,0.00864,0.0988,0.06157,-0.08795,0.05835,0.02147,-0.06416,0.02998,-0.04162,-0.00503,0.02389,-0.04116,-0.04494,-0.0499,0.02968,0.02849,-0.00352,0.00599,0.03251,-0.00223,0.12136,-0.03901,0.08744,0.03164,-0.02155,0.01639,-0.0269,0.01484,0.01649,0.05592,0.00197,0.05575,0.04763,0.04749,-0.04104,-0.06764,0.05051,-0.04014,-0.02259,0.02254,-0.0864,-0.07229,0.02275,0.06172,-0.07409,-0.01508,0.01074,0.00876,0.01132,-0.06653,-0.12085,0.02704,-0.02926,0.01915,0.00704,0.04337,0.12115,-0.01029,-0.01351,-0.00017,0.05041,0.12303,0.0223,-0.07893,0,0.0335,0.07319,-0.0289,0.01659,0.11897,-0.05564,0.01076,-0.06803,-0.05093,-0.00123,0.06916,0.04541,-0.01922,0.07667,0.03967,-0.11109,0.01218,-0.02591,0.03911,-0.05488,-0.02119,-0.10099,-0.05049,0.11196,0.06354,0.0558,0.02275,-0.03532,-0.018,-0.02916,0.02221,0.04017,-0.04426,0.04984,-0.02825,-0.0199,-0.05336,-0.03588,-0.0434,0.03803,0.01078,-0.00622,-0.02035,0.00219,0.00039,-0.0123,0.00121,-0.03346,0.08743,-0.01178,-0.02292,0.06446,-0.00356,0.00368,0.07464,-0.03221,-0.04704,0.04701,0.11369,0.00766,0.01342,-0.03803,-0.01931,0.00873,-0.01136,0.01721,0.00419,-0.0481,0.12713,-0.01817,-0.02182,-0.01059,-0.00989,0.06888,-0.01631,0.00533,-0.04964,-0.0671,0.0569,-0.06514,-0.07693,-0.00902,-0.00624,0.07996,0.10976,-0.10148,-0.05392,0.00969,-0.07072,-0.04002,0.00917,0.01434,-0.03474,-0.03965,-0.00376,0,-0.05073,0.01729,-0.06765,0.04445,-0.00993,-0.04674,-0.02132,-0.0268,0.04146,0.12994,0.03041,-0.02386,0.02765,0.00153,-0.04647,-0.01313,-0.02614,-0.06449,0.1062,-0.02578,0.04901,0.03392,0.0086,-0.0176,-0.02022,0.04268,-0.0328,0.02461,0.0188,-0.02229,-0.01939,-0.01666,-0.01786,-0.0667,-0.01641,-0.00489,0.05029,-0.02153,-0.07499,-0.05952,0.0526,-0.05913,-0.01098,-0.01192,-0.08427,-0.01274,-0.07798,0.07423,-0.0275,-0.0627,-0.05289,-0.02472,0.00816,-0.05214,-0.09729,-0.06663,0.05835,0.04856,0.02311,0.05857,-0.00943,-0.08161,0.04416,-0.00637,0.0281,0.01661,-0.06311,0.05432,-0.01931,-0.00244,0.02145,-0.02323,0.00088,0.04946,-0.00051,0.00063,0.07792,-0.03651,0.07642,-0.02317,0.0131,0.0649,-0.02436,-0.03723,0.05489,0.0162,-0.06248,-0.0184,0.026,0.12294,-0.08123,0.09221,0.02011,0.03632,-0.02836,0,-0.04694,0.04441,0.01141,0.02157,0.06569,-0.01653,-0.02047,-0.00602,0.01701,0.05754,-0.00302,-0.0337,-0.05567,0.00758,0.11271,0.06075,-0.0376,0.01967,0.0001,-0.0278,0.08712,0.06115,-0.0274,0.01228,0.02197,-0.03436,0.05863,-0.00238,-0.08695,0.0789,-0.01691,0.07395,0.09865,0.06207,-0.05266,-0.02979,-0.07923,-0.03191,-0.07166,-0.05852,0.00719,-0.00375,-0.06413,-0.07104,-0.03536,-0.01017,-0.03862,-0.08193,0.05543,-0.00561,-0.00035,-0.05204,-0.04986,0.04445,0.05161,0.03189,-0.00371,0.00294,0.03942,0.02384,-0.03589,0.02033,0.02862,-0.04539],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 📦 Custom Nodes Each node in the editor will be represented by a dedicated Angular component: Node Template:","excerpt":"📦 Custom Nodes Each node in the editor will be represented by a dedicated Angular component: Node Template:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#13","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.07266,-0.01962,-0.06583,0.0546,0.07042,0.00899,-0.05254,0.05581,-0.01577,0.12152,-0.08233,-0.01999,-0.00632,-0.04139,0.07396,0.0753,0.00166,0.01433,0.00147,-0.02815,-0.06885,-0.03738,0.00411,-0.0251,-0.00592,0.09455,0.02082,-0.04837,0.074,-0.02226,0.05505,0.01835,0.07718,0.01746,-0.12976,0.13553,0.01441,-0.04344,-0.00762,-0.04922,0.00539,0.05803,-0.0418,-0.07492,0.02025,-0.03019,-0.07942,-0.03004,-0.04144,-0.02043,-0.09483,-0.14819,-0.07225,-0.03005,-0.05276,0.01396,-0.00762,-0.04005,0.04101,0.03209,0.05259,-0.00416,0.07394,0.03454,0.09316,0.05358,-0.09042,0.05544,0.01468,-0.04427,0.03348,-0.04323,-0.02394,0.02343,-0.03254,-0.04838,-0.03479,0.02579,0.02668,0.00331,0.00533,-0.00782,-0.02312,0.14255,-0.04436,0.10939,0.03231,-0.04282,0.02275,-0.01292,0.01798,0.02582,0.06124,0.00562,0.04919,0.03458,0.02288,-0.04521,-0.09145,0.06084,-0.04882,-0.01667,0.04912,-0.09092,-0.0567,0.01593,0.05718,-0.04768,-0.01932,0.01392,0.01023,0.00692,-0.0584,-0.11039,0.03591,-0.01046,0.00058,-0.01643,0.05675,0.10369,0.01549,-0.00178,-0.01304,0.03834,0.11411,0.01322,-0.0536,0,0.02329,0.07225,-0.00096,0.00787,0.11055,-0.07766,0.0182,-0.074,-0.08971,0.02545,0.07263,0.04879,-0.02525,0.07431,0.03972,-0.11958,0.01549,-0.02374,0.03899,-0.03842,-0.03909,-0.10257,-0.04601,0.08746,0.06841,0.03886,0.04149,-0.02346,-0.00342,-0.02177,0.01056,0.04493,-0.03129,0.04655,-0.03066,-0.0157,-0.04729,-0.04675,-0.02376,0.04966,0.01932,-0.0154,-0.02936,0.0227,0.01816,-0.00007,0.01836,-0.04301,0.08512,0.01365,-0.02222,0.07066,-0.00372,0.03481,0.06052,-0.04625,-0.03003,0.04814,0.08597,0.00367,0.02022,-0.03068,-0.02101,-0.00712,0.00439,0.00431,-0.01526,-0.05921,0.1165,-0.04568,-0.03065,0.00209,0.00002,0.06767,-0.01158,-0.00007,-0.04117,-0.04525,0.08072,-0.05654,-0.0749,-0.01203,-0.02741,0.08952,0.11389,-0.09882,-0.05715,0.01393,-0.07251,-0.03412,0.01025,0.00903,-0.03813,-0.05078,-0.02161,0,-0.06396,0.00909,-0.07365,0.08562,-0.01446,-0.03084,0.00618,-0.01313,0.09048,0.12327,0.05091,-0.00301,0.02004,0.00347,-0.01156,-0.02737,-0.02313,-0.06474,0.10791,-0.00837,0.07666,0.06756,-0.00096,-0.01689,-0.02946,0.04449,-0.04449,0.04026,0.00542,-0.01539,0.00167,-0.021,-0.03434,-0.04942,-0.02016,-0.01024,0.04848,0.00373,-0.06549,-0.05825,0.05086,-0.05164,-0.01278,-0.01049,-0.05898,0.0096,-0.08783,0.05879,-0.03888,-0.06055,-0.05688,-0.01703,0.00529,-0.05972,-0.08659,-0.07472,0.03842,0.04085,-0.00715,0.07928,0.00583,-0.05726,0.02273,-0.03176,0.01619,0.00963,-0.06942,0.08086,-0.01761,-0.03043,0.00724,-0.02245,-0.00452,0.047,-0.0116,0.0026,0.07295,-0.03341,0.06532,-0.00534,0.00677,0.07299,-0.0151,-0.0285,0.06063,0.05061,-0.07138,-0.03338,0.02969,0.10613,-0.0967,0.08996,0.03457,0.04384,-0.02969,0,-0.04565,0.04778,0.03016,0.02183,0.07726,0.00233,-0.03802,-0.03328,0.01472,0.04932,-0.03264,-0.02097,-0.04469,0.0252,0.10236,0.05934,-0.05774,0.02098,-0.01219,-0.03661,0.0867,0.05169,-0.02841,0.00647,0.00912,-0.04013,0.05196,-0.0064,-0.09523,0.07529,-0.01894,0.07921,0.07721,0.05443,-0.05603,-0.0436,-0.08001,-0.01749,-0.06074,-0.05446,0.0127,0.0098,-0.05732,-0.07515,-0.06414,-0.01043,-0.0326,-0.08985,0.04393,-0.01389,-0.00635,-0.03926,-0.05521,0.04122,0.07523,0.01256,-0.00727,0.01895,0.01127,0.02918,-0.02088,0.0312,0.01017,-0.02521],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Styles (node.scss):","excerpt":"Styles (node.scss):"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#14","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.03695,0.0138,-0.09495,0.08132,0.09868,0.0584,-0.02725,0.0607,-0.00019,0.09684,-0.08029,-0.00312,-0.06943,-0.01521,0.08712,0.06986,-0.04489,0.02538,-0.01397,0.05726,-0.01842,-0.09753,-0.01443,-0.04742,-0.07075,0.09444,0.03102,-0.00591,0.04099,-0.08269,0.0535,0.05939,0.02736,0.05213,-0.10669,0.04738,-0.0111,-0.00833,-0.0573,-0.05321,0.01507,0.05466,-0.00981,-0.08981,0.00699,-0.05535,-0.02781,0.04057,0.00335,0.00731,-0.02876,-0.12298,-0.01478,0.02706,-0.02467,0.0975,-0.00501,-0.06944,0.05768,0.00644,0.01927,-0.00514,0.0815,0.00414,0.09394,0.0397,-0.11257,0.02618,-0.03612,0.02674,0.00209,-0.02376,-0.03677,-0.04969,0.02788,-0.02572,-0.00796,0.04896,0.01213,0.00016,0.00365,-0.00466,-0.05954,0.13054,-0.02531,0.08362,0.03751,-0.07578,0.00114,0.00823,0.00388,0.0634,-0.00058,-0.03444,0.02099,-0.02993,-0.03049,-0.06617,-0.07523,0.0481,-0.00211,-0.05244,0.07351,-0.02829,-0.04953,0.00001,0.01161,-0.01418,-0.04173,0.00819,0.00168,0.01022,-0.0599,-0.07875,0.00442,-0.01353,0.00586,-0.04427,0.07696,0.04863,0.07906,0.05747,-0.05958,0.00771,0.05221,0.02355,-0.03603,0,0.00603,0.04307,-0.05719,0.00213,0.11297,-0.0292,-0.00625,-0.03257,-0.07786,0.04639,0.02026,0.00779,0.00914,0.00157,0.05502,-0.15848,0.02546,-0.00411,-0.03425,-0.00286,-0.05883,-0.04455,-0.06852,-0.00789,0.04411,0.05611,0.0097,0.02664,-0.03163,-0.03057,0.03134,0.02567,0.00412,0.04182,-0.04317,0.00627,-0.04018,-0.07837,0.01359,0.08029,0.02858,-0.03099,0.02644,0.05105,0.00026,0.0206,0.03878,-0.00042,0.03588,0.0403,-0.01839,0.04578,-0.05042,-0.03836,0.08186,-0.08508,-0.04043,0.06313,0.10235,0.05258,0.01226,-0.006,-0.03375,-0.04171,0.00849,0.02232,-0.05587,-0.0501,0.06325,-0.09939,-0.0519,0.0373,0.07646,0.02951,0.01668,0.01625,0.00139,-0.07271,0.08956,-0.06039,-0.1163,-0.02206,-0.05113,-0.01085,0.0205,-0.12851,-0.0256,0.02572,-0.1024,-0.11894,-0.02734,-0.01653,0.03072,-0.05151,-0.03449,0,-0.00725,0.02405,-0.00102,0.10275,0.02345,0.03202,0.06856,-0.02511,0.01614,0.09714,0.02159,0.05776,0.00757,0.01116,0.00734,0.03763,-0.04035,-0.03418,0.07825,0.00369,0.0524,0.09533,-0.00406,0.01624,-0.04988,0.04304,0.07037,0.03573,-0.01361,0.02569,-0.00365,-0.02799,-0.06937,-0.00892,0.0343,-0.06499,0.01739,0.03394,-0.01008,-0.06944,-0.00846,-0.04,-0.0114,0.02815,-0.03449,0.0362,-0.07199,0.06683,-0.06279,-0.0218,-0.08859,-0.01818,-0.00212,-0.04329,-0.06966,-0.07854,-0.0339,-0.0111,0.04928,0.07572,0.04433,-0.0232,0.01392,-0.04939,0.1009,0.00956,-0.04976,0.04004,-0.00237,0.01024,0.00449,0.02415,-0.00696,0.00695,0.04015,0.0203,0.11664,-0.02038,0.07561,0.04279,-0.0297,0.07864,-0.01217,-0.03026,0.02186,-0.00519,-0.10907,0.0228,0.0679,0.01228,-0.13128,0.04131,0.09979,-0.0432,-0.00298,0,-0.06002,-0.00101,0.03594,0.0003,0.07169,-0.02832,-0.04129,-0.13004,0.00803,-0.0185,-0.0514,0.00468,-0.01989,-0.00343,0.09447,0.05408,-0.0892,0.05678,-0.0218,0.00795,0.04049,0.03387,0.01548,0.04656,-0.03381,-0.03567,-0.04439,0.0024,0.03082,0.08503,0.00323,0.03823,0.1461,0.06376,-0.06523,-0.09456,-0.0919,-0.01113,-0.03995,-0.02297,0.02959,-0.01881,-0.00663,-0.0581,-0.04429,-0.00892,0.00614,-0.04747,-0.00433,0.00178,-0.03734,-0.03853,-0.05907,0.05728,0.07487,-0.06508,-0.03703,0.04365,0.01262,0.00761,-0.0431,0.03925,-0.05686,0.01841],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. `scss :host { position: relative; background: #ffffff; border-radius: 6px; padding: 20px 24px; min-width: 180px; max-width: 180px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; gap: 8px; cursor: default; &:hover { box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08); } &.f-selected { outline: 2px solid #4b91f1; outline-offset: -2px; box-shadow: 0 0 0 4px rgba(75, 145, 241, 0.12); }","excerpt":"`scss :host { position: relative; background: #ffffff; border-radius: 6px; padding: 20px 24px; min-width: 180px; max-width: 180px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; gap: 8px; cursor: default; &:hover { box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08); } &.f-selected { outline: 2px solid #4b91f1; outline-offset: -2px; box-shadow: 0 0 0 4px rgba(75, 145, 241, 0.12); }"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#15","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09052,0.0793,-0.05299,0.06466,0.09493,0.03313,-0.03024,0.04737,0.00518,0.07576,-0.07743,-0.01334,-0.04093,-0.0322,0.12427,0.08824,-0.00149,0.0081,-0.03204,0.00762,-0.02182,-0.02224,0.02562,0.01399,-0.03143,0.13611,0.01806,-0.02095,0.06355,-0.0209,0.02486,-0.00709,0.0683,0.08977,-0.13977,0.10832,0.00312,-0.00532,-0.03068,-0.03019,0.02401,0.05902,-0.03724,-0.06138,0.00866,-0.05601,-0.0492,-0.01083,-0.03029,0.01875,-0.07717,-0.13955,-0.04146,-0.01786,-0.0474,0.05386,0.0106,-0.06299,0.02562,0.04624,0.03831,0.00269,0.14768,0.04137,0.05438,0.05957,-0.08959,0.0461,-0.04035,-0.00192,0.04832,-0.07758,-0.02682,0.00608,-0.02899,-0.02104,0.02271,0.08558,-0.00062,0.02797,0.01905,0.01034,0.01803,0.10511,-0.02352,0.10766,0.02492,-0.10627,-0.05601,-0.02196,0.00804,-0.04142,0.05665,-0.00818,0.01928,0.0008,-0.03112,-0.10709,-0.10238,0.10535,-0.02661,-0.02832,0.06488,-0.04591,-0.09323,0.02373,0.05335,-0.03346,-0.02994,0.04707,0.07247,-0.02838,-0.07584,-0.0805,-0.0259,-0.03894,-0.02026,-0.01819,0.1038,0.08318,0.02166,0.02149,-0.07318,-0.0002,0.06788,0.04765,-0.04111,0,0.01266,0.04658,-0.05536,0.0361,0.09629,-0.0763,-0.02797,-0.09353,-0.08464,0.01032,0.11349,0.02136,-0.05675,0.06765,-0.01383,-0.14445,0.02382,-0.00644,0.02833,-0.02772,-0.04254,-0.10276,-0.08468,-0.02664,-0.02041,0.05813,0.01783,-0.02223,-0.05137,-0.02647,0.01377,0.01549,0.02406,0.03258,-0.02997,-0.03626,-0.07868,-0.06646,0.02794,0.04722,-0.01175,-0.01782,-0.02327,0.00893,0.01133,0.03987,0.05006,-0.03387,0.05594,-0.00874,-0.0352,0.06079,-0.04747,-0.00276,0.03018,-0.06155,-0.0273,0.06222,0.07143,0.02076,0.04632,-0.00268,0.02958,-0.03596,0.05823,0.05833,0.00964,-0.01274,0.06879,-0.05601,-0.01379,-0.01834,0.02446,0.04113,-0.00729,0.01029,0.0146,-0.07973,0.07845,-0.05735,-0.05086,-0.05777,0.03666,0.03622,0.03458,-0.08983,-0.01646,-0.02954,-0.07099,-0.06395,-0.02658,0.00184,0.01711,-0.05189,-0.06147,0,0.02733,0.02553,-0.03119,0.0535,0.01708,0.02652,0.03953,0.04565,0.04726,0.11742,0.06121,0.03648,-0.02793,-0.04606,-0.01379,0.0253,0.01174,-0.01345,0.10513,-0.03919,0.07042,0.01622,-0.03407,-0.0185,-0.01204,0.02377,0.02993,0.03215,0.00295,-0.04767,-0.00935,-0.03132,-0.02548,-0.0467,-0.0135,-0.07394,-0.00403,-0.00935,-0.03542,-0.03513,0.01385,-0.0677,-0.01849,-0.01601,-0.06701,-0.02361,-0.07419,0.00337,-0.00555,-0.00735,-0.02271,-0.00215,0.02795,0.00077,-0.13254,-0.04786,0.0094,0.03161,-0.02924,0.03503,-0.00546,-0.04032,-0.01903,-0.03816,0.07931,0.04258,-0.06492,0.00329,-0.01529,0.01699,0.05728,-0.00734,-0.01274,0.02128,0.05135,0.01091,0.13518,-0.06724,0.03256,-0.0215,-0.01404,0.07568,-0.04341,-0.01403,0.04888,0.01265,-0.08485,0.01456,-0.00073,0.09477,-0.10579,0.04583,0.06362,-0.02785,-0.03765,0,-0.06066,-0.00168,-0.03131,-0.01475,0.04079,-0.00855,-0.0694,-0.12716,-0.01658,-0.01775,-0.02791,0.04073,-0.07027,0.00894,0.05086,0.0357,-0.10441,0.06392,-0.00051,-0.04656,0.03373,0.05829,-0.00155,0.00612,-0.03258,0.03063,-0.00693,0.04145,-0.02024,0.06241,-0.04318,0.05272,0.08372,0.00562,-0.0229,-0.07278,-0.08497,-0.07772,-0.0597,-0.02122,0.04239,0.00276,0.01428,-0.02544,0.01021,0.01427,0.00801,-0.03833,-0.0024,-0.01916,0.01368,-0.04666,-0.08471,0.07198,0.01029,-0.0328,-0.03644,0.07124,-0.02096,0.0322,0.01031,0.04599,0.04357,-0.03403],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. .header { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15px; } .icon { font-family: 'Material Symbols Outlined'; font-size: 20px; background: linear-gradient(to right, #4b91f1, #5c2ae8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .description { font-size: 13px; opacity: 0.7; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: fit-content; }","excerpt":".header { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15px; } .icon { font-family: 'Material Symbols Outlined'; font-size: 20px; background: linear-gradient(to right, #4b91f1, #5c2ae8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .description { font-size: 13px; opacity: 0.7; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: fit-content; }"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#16","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09344,0.02224,-0.08575,0.05613,0.04599,0.0333,-0.06092,0.07326,-0.00767,0.08711,-0.07649,0.01195,-0.02339,-0.01422,0.03491,0.10089,-0.02778,0.02038,-0.03712,0.00146,-0.04503,-0.05789,0.01077,-0.02666,-0.05951,0.12091,0.0373,-0.02593,0.10699,-0.05582,0.03497,0.03661,0.05458,0.04036,-0.11447,0.09149,0.00729,-0.04749,-0.02796,-0.07135,0.07135,0.0519,-0.01688,-0.0925,0.00961,-0.02239,-0.06037,-0.02059,-0.01171,0.00964,-0.08596,-0.12043,-0.05486,-0.00555,-0.03673,0.06884,0.01914,-0.07523,0.04614,0.02149,0.09798,0.02712,0.07421,0.03949,0.08187,0.052,-0.0779,0.06949,-0.0393,0.0007,0.03461,-0.03678,-0.02292,-0.01592,-0.00951,-0.03131,-0.00546,0.04215,0.0133,0.03334,0.01941,0.0118,-0.00178,0.13747,-0.05281,0.10166,0.0214,-0.06819,0.00138,-0.03074,-0.00027,0.00063,0.0463,0.02425,0.03202,0.0386,0.00778,-0.0803,-0.0941,0.07433,-0.0324,-0.0106,0.06153,-0.0601,-0.05862,-0.00294,0.00968,-0.01213,-0.03413,0.00601,0.03921,-0.00683,-0.05253,-0.06052,-0.01314,-0.04743,-0.01245,-0.01208,0.10552,0.10011,-0.00367,0.02417,-0.06992,0.0346,0.11998,0.02715,-0.06738,0,0.01321,0.07473,-0.00003,0.00525,0.10436,-0.03896,-0.02625,-0.0738,-0.06681,0.04627,0.04972,0.02334,-0.03842,0.04864,0.01612,-0.14048,0.00736,0.01042,-0.03367,-0.02637,-0.04254,-0.11692,-0.05892,0.01755,0.04659,0.04638,-0.00787,-0.0206,-0.03764,-0.04125,0.00535,0.02967,-0.00113,0.02159,-0.03403,-0.02371,-0.04739,-0.05645,-0.02662,0.03968,-0.01727,0.01281,0.00627,0.00544,0.03099,0.01008,0.04051,-0.03797,0.07828,-0.00164,-0.03254,0.10138,-0.00279,-0.03636,0.06969,-0.11113,-0.02183,0.08587,0.08127,0.01502,0.00366,-0.02677,-0.02878,-0.01063,0.00461,0.0613,-0.03847,-0.04178,0.11328,-0.03139,-0.06958,-0.00619,-0.00719,0.04325,0.00707,-0.00522,-0.04988,-0.10945,0.1047,-0.08392,-0.06007,-0.02494,-0.00208,0.04405,0.07388,-0.10795,-0.04831,-0.01083,-0.04604,-0.0587,-0.02456,0.01126,-0.0007,-0.06677,-0.01717,0,-0.02517,0.01566,-0.04578,0.06373,0.01131,-0.01824,0.03583,0.02275,0.05466,0.12197,0.06557,0.04827,0.01671,-0.02382,-0.04069,0.00614,-0.0101,-0.05755,0.13776,-0.05809,0.10041,0.02544,0.00977,-0.0008,-0.02096,0.03776,0.01859,0.0121,0.00962,0.01882,-0.00088,-0.0448,-0.04189,-0.06399,-0.02337,-0.03963,-0.01182,0.01779,-0.02673,-0.05041,0.0101,-0.06158,-0.00214,0.00938,-0.0736,-0.0054,-0.0746,0.01552,-0.05237,-0.0593,-0.05593,0.02061,-0.00306,-0.06907,-0.11569,-0.09034,0.01835,0.00853,-0.01007,0.05961,-0.00234,-0.02882,0.01094,-0.051,0.06409,0.05034,-0.03915,0.02791,-0.0122,0.00722,0.09173,0.02667,-0.02565,0.02941,0.01914,-0.00397,0.09919,-0.02224,0.08836,-0.00446,-0.01089,0.0639,-0.01169,-0.01489,0.01954,0.03268,-0.03502,0.00794,0.04172,0.11551,-0.10042,0.09144,0.03299,-0.01149,-0.03049,0,-0.08152,-0.0029,-0.01397,0.00697,0.04665,-0.01311,-0.035,-0.04549,0.00751,0.01754,-0.0102,0.01259,-0.07424,0.0278,0.12491,0.065,-0.05962,0.02718,-0.03842,-0.02005,0.08357,0.08106,-0.00802,0.0136,-0.01766,-0.0495,0.00164,0.02728,-0.03988,0.05826,-0.01325,0.05401,0.10666,0.05842,-0.05439,-0.0412,-0.06009,-0.04021,-0.10458,-0.03679,0.00924,-0.00997,-0.02008,-0.05659,-0.02585,-0.01376,0.02222,-0.02816,0.02345,-0.01484,-0.01833,-0.04312,-0.07707,0.01613,0.05162,-0.03499,-0.04037,0.02453,-0.01685,0.03548,-0.04406,0.04515,0.02896,-0.02406],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. .connectors { position: absolute; display: flex; flex-direction: column; gap: 10px; z-index: 1; &.inputs { left: -6px; top: 8px; bottom: 8px; justify-content: start; } &.outputs { right: -6px; top: 8px; bottom: 8px; justify-content: end; } } } `","excerpt":".connectors { position: absolute; display: flex; flex-direction: column; gap: 10px; z-index: 1; &.inputs { left: -6px; top: 8px; bottom: 8px; justify-content: start; } &.outputs { right: -6px; top: 8px; bottom: 8px; justify-content: end; } } } `"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#17","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.05817,-0.0081,-0.08175,0.04781,0.04127,0.01393,-0.02797,0.03336,-0.01252,0.07697,-0.08839,-0.02721,-0.00138,-0.04562,0.03669,0.06119,0.00582,0.00658,-0.00751,-0.06257,-0.03893,-0.03663,-0.01672,-0.03906,-0.02282,0.07918,0.04328,-0.07379,0.06125,-0.02778,0.03135,0.01871,0.07092,0.01512,-0.1672,0.11207,-0.00158,-0.05495,-0.03419,-0.05817,0.03719,0.03429,-0.00818,-0.08847,0.02115,-0.00363,-0.10735,-0.03612,-0.04291,0.02713,-0.09303,-0.12015,-0.03543,0.00642,-0.0081,0.014,0.01145,-0.05074,0.00438,0.02452,0.05476,-0.02746,0.06991,0.00409,0.13492,0.05314,-0.06956,0.01208,0.00372,-0.07693,0.03807,-0.03971,-0.00202,-0.00785,-0.01632,-0.02802,-0.06112,0.04417,0.0383,0.00082,0.02217,0.05049,-0.01026,0.10927,-0.02519,0.09285,0.00958,-0.01891,-0.01082,-0.03421,-0.00011,0.01632,0.02519,-0.00032,0.03257,0.04186,0.03583,-0.04941,-0.09212,0.05353,-0.04733,-0.0314,0.05452,-0.07784,-0.07348,0.03843,0.05579,-0.04508,-0.00218,-0.02589,-0.0169,0.00626,-0.05341,-0.08448,0.02999,-0.00983,0.01887,0.0027,0.05814,0.11971,0.0119,-0.01139,-0.03678,0.03409,0.12336,0.00022,-0.06487,0,0.04521,0.06988,-0.01312,-0.01551,0.12057,-0.04868,0.02214,-0.0905,-0.03651,-0.00104,0.0201,0.02915,-0.02277,0.0412,0.06961,-0.16044,0.03947,-0.01616,0.03796,-0.04455,0.02278,-0.061,-0.0336,0.06686,0.07363,0.08276,0.01666,-0.03547,-0.02089,-0.01882,0.03798,0.06058,-0.0599,0.0377,-0.03984,-0.05196,-0.05387,-0.04032,-0.05305,0.02873,0.0217,-0.0329,-0.02473,0.02338,-0.00991,-0.03502,0.00158,-0.0346,0.08723,0.03762,-0.0277,0.06025,-0.02123,-0.03351,0.07098,-0.06235,-0.04709,0.0651,0.07757,0.01837,0.0138,-0.02723,-0.02711,-0.03719,-0.01801,0.03905,-0.0017,-0.07144,0.14211,-0.02305,-0.01655,0.00773,0.0115,0.066,0.00809,0.03139,-0.03762,-0.09066,0.02495,-0.07647,-0.04873,-0.02237,-0.03351,0.08221,0.10789,-0.08347,-0.05089,0.00027,-0.05934,-0.01766,-0.02166,0.02364,-0.00504,-0.03299,-0.01904,0,-0.03478,0.02847,-0.06052,0.06439,-0.00777,-0.01352,0.00675,-0.02073,0.03417,0.11883,0.02678,0.01622,0.04184,0.00437,-0.02638,-0.00032,-0.01471,-0.06565,0.13127,-0.01289,0.04808,0.05133,-0.00006,-0.01526,-0.0372,0.05417,-0.01492,-0.00033,0.00702,0.00116,-0.04073,-0.01657,-0.02418,-0.053,-0.02502,-0.02084,0.07524,-0.02285,-0.07825,-0.05126,0.05701,-0.06458,-0.00398,0.0063,-0.06461,-0.03382,-0.09939,0.08526,-0.04695,-0.02468,-0.03596,-0.01445,-0.01125,-0.04075,-0.11294,-0.05058,0.07218,0.0535,0.03222,0.0642,-0.03286,-0.08662,0.03723,-0.00234,0.04791,0.02803,-0.054,0.06181,0.02556,0.03389,0.04026,0.00692,0.05041,0.0442,0.02589,0.00294,0.07215,-0.07091,0.06101,-0.01798,0.0157,0.07175,-0.0148,-0.02654,0.06777,0.05475,-0.04265,-0.02208,0.0273,0.10833,-0.07482,0.12461,0.01909,0.03059,-0.02361,0,-0.04192,0.03904,0.00885,0.03417,0.0895,-0.01459,-0.02804,-0.01785,0.00617,0.03034,-0.00308,-0.00076,-0.03764,-0.00863,0.13047,0.06448,-0.01656,0.01238,-0.01818,-0.01179,0.09097,0.04517,-0.04521,0.02951,-0.01314,-0.05563,0.05898,0.02259,-0.1056,0.06561,-0.01537,0.08068,0.08007,0.04214,-0.0372,-0.02583,-0.08469,-0.02814,-0.07737,-0.05469,0.01314,0.02968,-0.06502,-0.06398,-0.04607,-0.00003,-0.04194,-0.11973,0.0362,-0.00464,-0.02412,-0.04469,-0.04861,0.04427,0.05721,0.0055,0.01088,0.00084,0.02186,0.05408,-0.04331,0.04194,0.04346,-0.03297],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Each node has inputs (fNodeInput) and outputs (fNodeOutput) — these are small circular components with hover animation and styles for the connected state. f Node Input f Node Output","excerpt":"Each node has inputs (fNodeInput) and outputs (fNodeOutput) — these are small circular components with hover animation and styles for the connected state."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#18","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09303,-0.03987,-0.05565,0.08145,0.06241,0.04613,-0.03479,0.0417,0.01275,0.10823,-0.05721,0.00691,-0.02558,-0.00542,0.06306,0.05932,0.00277,-0.0196,-0.02898,0.01595,-0.0831,-0.0639,0.0193,-0.02983,0.02673,0.07115,0.05769,-0.04996,0.08122,-0.01645,0.04848,0.02557,-0.012,0.02799,-0.12967,0.10949,0.03998,-0.0254,-0.04914,-0.05123,0.07607,0.04339,-0.02457,-0.09272,0.01348,-0.02949,-0.09399,-0.06311,-0.06282,0.00529,-0.08759,-0.11021,-0.08118,0.0087,-0.03124,0.02908,-0.00032,-0.03752,0.03873,0.03762,0.05577,-0.0017,0.0862,0.02057,0.08942,0.01992,-0.09725,0.08305,0.0129,-0.03082,0.00575,-0.02741,-0.0249,0.00367,-0.02187,-0.01418,0.00718,0.04033,0.02324,0.01904,0.0235,0.05545,-0.01311,0.13353,-0.02626,0.15,0.02549,-0.06723,-0.02434,-0.04782,0.03522,0.02816,0.09315,0.00971,0.03737,0.03551,-0.02029,-0.03441,-0.08415,0.02625,-0.02036,0.00785,0.06103,-0.04599,-0.06186,0.00526,0.01044,-0.02749,-0.01365,-0.00114,0.02658,0.01566,-0.0465,-0.11297,-0.00283,-0.03403,-0.01958,-0.00556,0.08744,0.1241,-0.00928,0.0146,-0.01026,0.02107,0.10871,0.01372,-0.05467,0,0.01706,0.05327,-0.01316,0.02353,0.10591,-0.05874,0.01083,-0.08564,-0.08286,0.01823,0.01063,0.02092,-0.05739,0.06091,0.02398,-0.1034,-0.00776,-0.00448,0.00301,-0.02252,-0.03188,-0.1155,-0.03271,0.0607,0.0864,0.0307,0.03672,-0.00079,-0.01842,-0.02177,0.01996,0.04956,-0.00878,0.07547,-0.03382,-0.06832,-0.05014,-0.04337,-0.05383,0.0519,0.03743,-0.01294,-0.03765,0.04153,0.01696,-0.00956,0.03684,-0.00497,0.09831,-0.01351,-0.03754,0.08371,0.04645,0.0118,0.06852,-0.05952,-0.0136,0.04849,0.09179,-0.0074,-0.0116,0.00058,-0.04187,-0.01059,0.04161,0.06398,-0.0087,-0.03688,0.08562,-0.08023,-0.04353,0.02915,-0.02356,0.06811,-0.01328,-0.03095,-0.03421,-0.04607,0.09972,-0.05101,-0.09139,-0.04129,-0.00999,0.10117,0.10998,-0.12044,-0.0416,-0.03108,-0.04253,-0.04095,0.03142,0.00677,-0.03258,-0.05019,-0.01172,0,-0.03861,0.02954,-0.03829,0.0544,-0.00891,-0.04504,0.02048,-0.00087,0.0922,0.10928,0.06474,0.0443,0.03406,-0.04467,0.00332,0.01553,-0.02131,-0.07075,0.10312,-0.03746,0.09312,0.02959,0.00497,-0.02885,-0.03938,0.05005,0.0064,0.00612,0.00833,-0.00082,0.00947,-0.0129,-0.06988,-0.05157,-0.05041,-0.03351,0.018,0.00189,-0.03429,-0.08032,0.01698,-0.04179,-0.02119,0.01519,-0.0417,-0.03078,-0.11757,0.03645,-0.03568,-0.03279,-0.0664,-0.01196,0.02306,-0.03223,-0.10239,-0.06651,0.06091,0.03389,-0.01252,0.03603,0.05101,-0.05967,0.00413,-0.04469,0.04372,0.01946,-0.06411,0.01596,0.0174,-0.02447,0.03602,-0.00609,0.00706,0.02634,0.02446,0.01016,0.05993,-0.03848,0.09513,0.02035,-0.011,0.08986,-0.01825,-0.03775,0.07311,0.02412,-0.05336,0.01113,0.04593,0.0718,-0.09446,0.06611,0.01698,0.03313,-0.04454,0,-0.06535,0.03911,-0.02056,-0.00853,0.05464,-0.00661,-0.06565,-0.02553,0.03341,0.07557,-0.01312,-0.00196,-0.06039,0.0209,0.10149,0.0245,-0.0543,0.04243,-0.03392,-0.04769,0.08723,0.06646,0.00623,0.05129,-0.00102,-0.0576,0.02901,0.02324,-0.09234,0.05806,-0.04536,0.04762,0.06916,0.08114,-0.0864,-0.00401,-0.06268,-0.00532,-0.05481,-0.03393,0.05233,-0.03818,-0.05122,-0.04639,-0.02508,0.01231,-0.01957,-0.05303,0.01639,0.01188,-0.02324,-0.02475,-0.11601,0.00833,0.04139,-0.01613,0.00491,0.04497,0.00258,-0.01263,-0.0635,0.03653,0.02702,-0.04712],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 🔘 Connector Component While we could have kept the connector inline inside the node, we’re moving it to a standalone component for better style encapsulation and code separation. Component (connector.ts): Styles (connector.scss):","excerpt":"🔘 Connector Component While we could have kept the connector inline inside the node, we’re moving it to a standalone component for better style encapsulation and code separation. Component (connector.ts): Styles (connector.scss):"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#19","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.07237,0.00108,-0.03575,0.11428,0.07888,0.05972,0.03374,0.03111,0.02119,0.05941,-0.11041,-0.04487,-0.03725,-0.01908,0.01687,0.06658,-0.00592,-0.04721,-0.03066,0.00021,-0.01866,-0.12204,-0.02826,-0.04769,0.04564,0.04576,-0.01101,-0.04572,0.13442,0.00338,0.08234,0.07761,0.02545,0.06175,-0.12588,0.09751,-0.00008,-0.01162,-0.04116,-0.0168,0.09323,0.06064,-0.06213,-0.09178,0.00783,-0.03961,-0.03114,-0.00584,-0.07951,0.05033,-0.04658,-0.08603,-0.04677,-0.00864,-0.01582,0.06057,0.03444,-0.05677,0.05677,0.03382,0.02356,-0.04948,0.08273,0.02291,0.07307,0.05982,-0.08997,0.04695,0.06899,-0.04967,0.09474,-0.03802,0.01324,-0.02996,0.0327,-0.00348,-0.04346,0.06262,-0.04501,-0.04661,0.03732,0.06197,0.01082,0.05568,-0.01844,0.16142,-0.03999,-0.03436,-0.02103,0.02666,-0.02519,0.04054,-0.02418,0.01164,0.04625,0.00451,0.03061,-0.04198,-0.03843,0.04244,-0.01113,-0.00958,0.0131,0.00124,-0.04092,-0.0388,-0.01449,-0.0552,-0.08172,0.03111,0.01345,0.05421,-0.0062,-0.06124,-0.05959,-0.01622,-0.00312,-0.01662,0.03286,0.1119,0.06529,0.00447,-0.02176,0.0194,0.0815,-0.0094,-0.07553,0,0.03849,0.01894,-0.00079,0.05054,0.11848,-0.03002,0.04634,-0.08775,-0.0599,-0.00071,0.02546,0.05802,-0.02324,0.05314,-0.04916,-0.14325,-0.0023,-0.00883,-0.03466,-0.0419,0.00498,-0.0358,-0.07934,0.01642,0.02851,0.11595,-0.03194,0.0475,0.00119,0.0115,-0.00884,0.02789,-0.00809,0.0776,-0.0582,-0.02221,-0.04796,-0.05374,-0.06579,-0.00754,0.03122,-0.01238,-0.03621,0.03222,-0.03391,-0.0587,-0.03449,0.02164,0.09365,-0.01214,-0.0269,0.07523,0.04422,-0.02903,0.05217,-0.03354,-0.07114,0.0246,0.06449,0.03129,0.05348,0.03652,-0.06683,-0.00769,0.02732,0.07472,0.01936,-0.03431,0.11084,-0.04223,0.0016,0.06707,-0.02181,0.06906,0.07445,-0.00881,-0.05305,-0.02896,0.02281,-0.04727,-0.07695,-0.06699,-0.00503,0.05728,0.09693,-0.09392,-0.01365,-0.01442,-0.11001,-0.02845,0.07482,-0.00142,0.00744,-0.03712,-0.01512,0,-0.02853,0.02806,-0.05191,0.05319,-0.01462,-0.05141,-0.06906,0.01345,0.03524,0.08511,0.00242,0.04654,-0.02744,0.02583,-0.04943,0.01201,-0.04498,-0.05827,0.05376,-0.05469,0.03022,0.05462,-0.01054,-0.02482,-0.09332,0.04202,0.04777,0.02848,-0.01014,-0.02426,-0.03818,-0.01404,-0.09482,-0.00064,0.07533,-0.04192,0.018,0.03573,-0.004,-0.03601,-0.02137,-0.03665,-0.07558,0.03608,-0.06107,0.005,-0.07138,0.06265,0.0233,-0.0214,-0.04124,-0.00324,-0.01053,-0.01273,-0.08489,-0.05305,0.08112,0.02902,0.05184,0.01867,0.01887,-0.09189,-0.00816,-0.04738,0.05136,0.00356,-0.08147,-0.01265,0.03415,0.03,0.06623,0.03594,-0.01087,-0.02471,0.04503,0.00978,0.06985,-0.06646,0.06778,-0.02944,-0.02307,0.07643,0.00063,-0.01497,0.04226,-0.00845,-0.05728,0.01985,0.03675,0.08225,-0.04347,0.05305,-0.02871,0.04031,-0.00863,0,-0.08339,0.04515,-0.0708,0.01244,0.0867,0.00739,-0.02441,-0.00991,-0.02983,-0.03922,-0.00973,0.00286,0.01529,-0.00586,0.13266,-0.01297,-0.00578,0.0182,-0.05206,-0.01418,0.03468,0.05936,-0.00134,0.05328,-0.01934,-0.04409,0.0287,-0.00523,-0.04539,0.09043,-0.02098,0.04948,0.03213,0.12444,-0.13802,0.02955,-0.06617,-0.0578,-0.05317,-0.03998,0.04131,-0.03074,-0.05705,-0.04676,-0.02598,-0.00215,-0.02623,-0.03691,0.04246,0.02907,0.00306,-0.03985,-0.03989,0.02183,0.04651,-0.03852,-0.03775,0.03134,0.06815,0.05287,-0.10686,0.01472,0.06955,-0.04483],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 🚀 Dynamically Adding Nodes from the Palette Up to this point, we’ve been rendering nodes manually — statically defined in the template. Now it’s time to take the next step: we’ll enable users to dynamically add nodes by dragging them from the side palette into the canvas. Here’s how the flow works: 1. The user drags a node from the palette. 2. The fCreateNode event is triggered, giving us information about what type of node was added and where it should appear. 3. We push the new node into a reactive array — and thanks to @for, it immediately appears on the canvas. f Create Node","excerpt":"🚀 Dynamically Adding Nodes from the Palette Up to this point, we’ve been rendering nodes manually — statically defined in the template. Now it’s time to take the next step: we’ll enable users to dynamically add nodes by dragging them from the side palette into the canvas. Here’s how the flow works: 1. The user drags a node from the palette. 2. The fCreateNode event is triggered, giving us information about what type of node was added and where it should appear. 3. We push the new node into a reactive array — and thanks to @for, it immediately appears on the canvas."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#20","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09355,-0.04458,-0.06037,0.08973,0.04464,0.02686,-0.00878,0.05416,0.00618,0.08259,-0.07098,-0.04833,-0.04213,-0.05467,0.06803,0.0643,0.02334,-0.00875,-0.01055,-0.08191,-0.02417,-0.08622,-0.01142,-0.03155,0.00294,0.03723,0.06002,-0.05873,0.12186,-0.00729,0.08882,0.00673,0.06751,0.04386,-0.15842,0.12693,-0.02017,-0.03011,-0.00441,-0.03442,0.05453,0.02729,-0.06173,-0.09016,0.02979,-0.0328,-0.06942,0.00722,-0.02774,0.0337,-0.05367,-0.09612,-0.06456,-0.00298,0.02271,0.04253,0.04883,-0.05044,-0.01911,-0.0093,0.06186,-0.01494,0.07725,-0.00198,0.0453,0.06282,-0.09541,0.02757,0.06363,-0.02965,0.05145,-0.00664,0.00134,-0.00472,-0.02626,-0.03414,-0.07646,0.0201,-0.02641,0.02546,-0.00132,0.0355,-0.01599,0.02265,-0.0155,0.11185,-0.00119,-0.03561,-0.02073,0.00134,-0.04984,0.07303,-0.00162,0.01582,0.00809,0.06568,0.03498,-0.01897,-0.05626,0.03668,-0.01599,0.0046,-0.05512,-0.01015,-0.06265,-0.04026,-0.01526,-0.06715,-0.04025,0.01067,0.00742,0.03484,-0.04055,-0.07707,-0.01119,0.0005,0.06879,0.03743,0.03562,0.11533,0.06095,-0.01656,-0.01399,0.03811,0.09378,-0.00668,-0.04492,0,0.02904,0.04491,-0.02601,0.0081,0.09903,-0.02022,0.01967,-0.07345,-0.01004,-0.00499,0.03819,0.05347,-0.0293,-0.01197,0.06254,-0.14086,-0.01067,-0.01825,0.03662,-0.05184,-0.02286,-0.07627,-0.03753,0.07345,0.03802,0.07404,0.00037,0.00014,-0.03898,-0.01714,0.02286,0.0228,-0.05044,0.07164,-0.04869,-0.01965,-0.06207,-0.04271,-0.0896,-0.0256,0.03712,-0.01849,-0.04013,-0.0102,-0.00246,-0.04177,-0.05555,0.01207,0.12248,0.00054,0.02005,0.0489,0.00251,-0.03395,0.02708,-0.00103,-0.07184,0.0136,0.07282,0.04344,0.03104,-0.0396,0.00071,0.04233,0.00825,0.05736,0.00251,-0.10199,0.09971,-0.02129,0.02534,0.05421,-0.04231,0.05574,0.02952,0.00001,-0.05606,-0.04527,0.01593,-0.0909,-0.00814,-0.05712,-0.03485,0.11549,0.14444,-0.06062,-0.05984,0.0001,-0.09132,-0.01697,0.00579,0.02814,0.03163,-0.03501,0.00297,0,-0.02012,0.00897,-0.07228,0.04668,-0.01841,-0.04503,-0.08985,-0.00848,0.01885,0.10947,0.0108,-0.0185,-0.00663,0.04117,-0.07561,-0.00251,-0.01229,-0.08642,0.07771,0.01388,0.03696,0.04803,0.0023,-0.02736,-0.03428,0.02018,0.01134,0.04431,-0.02734,-0.04155,-0.06262,-0.00722,-0.02567,-0.04351,0.05093,-0.01431,0.10018,0.00837,-0.01724,-0.01556,0.03419,-0.01927,-0.03624,-0.00648,-0.08474,-0.02076,-0.09543,0.11471,-0.03968,0.02585,-0.03959,-0.02265,-0.01005,-0.02126,-0.09259,-0.00342,0.05191,0.04365,0.05623,0.03608,-0.03681,-0.09751,0.01948,0.00783,0.05386,0.03259,-0.05924,0.03761,0.03086,0.0333,0.06638,0.0415,-0.03484,0.0174,-0.00206,-0.00705,0.05333,-0.11496,0.04915,-0.00043,-0.03685,0.05526,0.0063,-0.06019,0.00773,0.05322,-0.04512,0.00361,0.0343,0.08433,-0.0862,0.11584,-0.01586,0.00403,-0.04732,0,-0.117,0.05375,-0.03683,0.04948,0.09945,-0.0123,-0.04731,-0.06943,0.00161,-0.05131,-0.01309,-0.01706,0.01049,0.02963,0.12242,0.0103,0.0174,0.00626,-0.02623,0.00331,0.05698,0.063,0.01854,0.04141,0.03815,-0.0438,0.07266,0.01211,-0.03346,0.10427,0.00413,0.05174,0.0925,0.09522,-0.08241,-0.01584,-0.05089,-0.05836,-0.03647,-0.0295,0.02329,0.00554,-0.06496,-0.02968,-0.04213,-0.01037,-0.03812,-0.11028,0.1022,0.03009,-0.01267,-0.0423,-0.02801,-0.00699,0.08195,0.03275,0.01217,0.02165,0.03566,0.04039,-0.05857,0.02062,0.04101,-0.01423],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 1. Storing nodes in a signal We start by creating a signal to hold the list of all current nodes: Signals make the UI reactive — whenever the list updates, the DOM reflects the changes. 2. Handling the fCreateNode event Now let’s define the method that will run when a new node is added: f Create Node","excerpt":"1. Storing nodes in a signal We start by creating a signal to hold the list of all current nodes: Signals make the UI reactive — whenever the list updates, the DOM reflects the changes. 2. Handling the fCreateNode event Now let’s define the method that will run when a new node is added:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#21","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.11173,-0.00268,-0.01647,0.07764,0.09094,0.03708,-0.00624,0.01589,0.04455,0.07245,-0.08372,-0.04902,-0.02876,-0.09136,0.02949,0.08884,-0.02509,-0.03868,-0.05386,-0.04282,-0.08431,-0.03887,0.01915,-0.01702,0.01454,0.07777,0.04404,-0.04644,0.09179,-0.02876,0.09152,0.02879,0.01418,0.01923,-0.09046,0.10787,-0.03853,-0.0474,0.00976,-0.02511,0.10886,0.09107,-0.05746,-0.05455,0.0127,-0.01352,-0.08263,-0.01701,-0.02558,0.04226,-0.09307,-0.05929,-0.03162,-0.03934,-0.01832,0.08591,0.03617,-0.04662,0.04817,0.00968,0.07584,-0.04018,0.04968,0.00863,0.04725,0.04726,-0.07004,0.01583,-0.00024,-0.04157,0.08682,-0.0165,-0.03017,0.04652,-0.01388,-0.02066,-0.1056,0.01443,0.02253,-0.00812,0.04393,-0.00447,0.0182,0.09701,-0.00814,0.07266,0.00783,-0.04726,-0.01409,0.00752,0.00804,-0.00231,0.02593,0.05109,0.02855,0.10102,0.06021,-0.03143,-0.06126,0.06678,-0.02528,0.00832,-0.00219,-0.01004,-0.05067,0.00674,0.02703,-0.09317,-0.08291,0.01773,0.01197,0.05054,-0.06537,-0.06471,-0.0398,0.01208,0.01415,0.0081,0.00721,0.10776,0.0413,-0.00356,-0.02243,0.05464,0.07647,0.01642,-0.04193,0,0.032,0.00951,-0.02894,0.00975,0.14045,-0.0351,-0.02787,-0.08174,-0.05105,0.01388,0.02727,-0.02268,-0.02267,-0.01848,0.04008,-0.10944,0.00875,0.03746,-0.00557,-0.0131,-0.01592,-0.0575,-0.07079,0.03988,0.04006,0.12773,-0.0281,0.00833,-0.0131,-0.01199,-0.00723,0.05674,-0.01056,0.05612,-0.0598,0.01054,-0.05713,-0.05261,-0.06954,-0.00375,0.02796,0.00759,-0.06513,0.00471,-0.05507,-0.04648,-0.02978,0.00434,0.08642,-0.00235,-0.03843,0.08475,0.00774,-0.04762,0.04866,-0.04316,-0.03511,0.03538,0.09329,0.00252,0.06517,0.00934,-0.03534,0.02036,0.06843,0.01866,0.00988,-0.04007,0.15696,-0.02089,0.01553,0.01605,-0.0202,0.03888,0.03704,-0.02283,-0.07001,-0.08828,0.0423,-0.07414,-0.01348,-0.04473,-0.02921,0.05596,0.1036,-0.07959,-0.06725,0.01009,-0.09983,0.00189,0.08379,0.00727,-0.0272,-0.05429,-0.01683,0,-0.05477,0.02385,-0.03161,0.06324,-0.01525,-0.04256,-0.02013,0.03717,0.01473,0.11483,0.02703,0.02019,-0.0449,0.01721,0.015,0.02891,-0.049,-0.08013,0.07649,-0.04554,0.09188,0.07726,-0.02608,0.01082,-0.06972,0.01813,0.03533,0.02616,0.03666,-0.04108,-0.05262,0.0329,-0.09151,-0.00563,0.01544,-0.01982,0.05431,0.00887,-0.05413,-0.00318,0.02129,-0.00701,-0.03696,0.02024,-0.04665,-0.03121,-0.05601,0.12206,0.04238,-0.02497,-0.04148,0.00907,-0.01544,-0.0125,-0.07756,-0.05674,0.02583,-0.02607,-0.00881,0.05537,-0.03702,-0.04647,-0.00626,-0.0027,0.07834,0.02319,-0.08783,0.06187,-0.02113,0.00216,0.03748,-0.00185,-0.00959,-0.0012,0.04853,0.01819,0.05153,-0.05196,0.08172,-0.04411,-0.01119,0.06625,0.00575,-0.03094,0.03182,0.01895,-0.04239,0.01584,0.01882,0.11946,-0.08436,0.02975,-0.01375,0.04429,-0.04934,0,-0.1145,0.0643,-0.06264,0.02856,0.11596,-0.01101,-0.07358,0.00569,0.02111,-0.03669,-0.04279,-0.00229,-0.02989,0.0128,0.14857,0.01344,-0.04325,0.01893,-0.02606,-0.01559,0.06978,0.07077,0.01749,-0.02215,0.01323,-0.0727,-0.01458,0.05919,-0.05856,0.0564,-0.01191,0.03718,0.08347,0.06988,-0.07269,-0.01756,-0.03004,-0.07006,-0.032,-0.096,0.0236,-0.03765,-0.07956,-0.03632,-0.08063,0.00274,-0.02768,-0.05269,0.1132,0.01461,-0.04503,-0.08361,-0.01018,-0.00296,0.06562,0.01056,-0.01057,0.01229,0.06155,0.01748,-0.04854,-0.00461,0.00889,-0.02253],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Here’s what’s happening: - We extract the node’s metadata from event.data. - We generate a unique id using generateGuid(). - We use the position passed from the event — this is usually the cursor position on drop. - We return a new list of nodes with the new one added. 3. Updating the template generate Guid","excerpt":"Here’s what’s happening: - We extract the node’s metadata from event.data. - We generate a unique id using generateGuid(). - We use the position passed from the event — this is usually the cursor position on drop. - We return a new list of nodes with the new one added. 3. Updating the template"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#22","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.11852,0.01053,-0.05348,0.08419,0.07534,0.03791,-0.03094,0.04639,-0.0307,0.0872,-0.11437,-0.03346,0.01005,-0.01084,0.0435,0.10194,0.02599,0.0267,0.028,-0.02243,-0.05626,0.00656,-0.00453,-0.02664,0.01185,0.08444,0.03858,-0.07328,0.05767,-0.01397,0.06553,0.03882,0.06576,0.05384,-0.09374,0.09317,-0.01167,-0.00664,-0.01642,-0.03083,0.03907,0.06742,-0.05443,-0.11128,-0.00329,-0.05111,-0.04882,-0.03853,-0.0574,0.00325,-0.11319,-0.14735,-0.06571,-0.05833,-0.0607,0.00275,-0.02772,-0.0882,0.03234,0.04325,0.05847,-0.00959,0.09148,0.02538,0.06885,0.04105,-0.06356,0.08607,0.0305,-0.04384,0.03734,-0.02854,0.00338,-0.03005,-0.01987,0.00378,-0.02301,0.00811,0.00925,-0.03859,0.01084,0.00783,0.00793,0.07881,-0.04931,0.10525,0.01619,-0.03693,-0.00718,-0.04197,-0.01878,0.02197,0.05667,-0.01151,0.02229,0.05749,0.08211,-0.06902,-0.10246,0.03938,-0.03382,-0.01406,0.05232,-0.06411,-0.06405,-0.01609,0.05983,-0.05603,-0.0405,-0.03682,0.0286,0.05879,-0.06341,-0.11068,0.00776,-0.07433,0.01847,-0.01218,0.07382,0.09777,0.0184,-0.01745,-0.04279,0.05579,0.14948,0.00382,-0.06066,0,0.05551,0.05956,0.01392,0.00376,0.09507,-0.07104,-0.00569,-0.08472,-0.0698,-0.00578,0.08364,0.04061,-0.00088,0.06102,0.01924,-0.10261,0.03666,-0.0138,0.00646,-0.04708,-0.06852,-0.05584,-0.05024,0.05413,0.01577,0.09823,0.03605,-0.00379,-0.03236,-0.01663,0.04342,0.05507,-0.033,0.06724,-0.03333,-0.01922,-0.07755,-0.02942,-0.02166,0.02103,0.01751,-0.00071,-0.0107,0.02742,-0.00096,-0.011,0.00348,0.01523,0.08072,0.0229,-0.04198,0.09894,-0.05798,0.00567,0.03656,-0.0468,-0.0436,0.06911,0.11366,0.02743,0.01707,-0.01591,-0.03876,-0.01655,0.00088,0.02971,0.01639,-0.03296,0.11517,0.00795,-0.00365,0.01515,0.04271,0.06084,0.00341,-0.00749,-0.04632,-0.1043,0.0619,-0.07916,-0.04996,-0.0505,-0.01901,0.10776,0.11055,-0.09844,-0.03268,0.00208,-0.07657,-0.02656,0.01804,0.02234,-0.01791,-0.06597,-0.0208,0,0.01762,0.03917,-0.06812,0.04705,0.02476,-0.04177,-0.01158,0.0009,0.05508,0.0898,0.01869,-0.00574,-0.01261,-0.01791,-0.01965,-0.02566,-0.03236,-0.07573,0.07957,-0.04254,0.0566,0.05662,-0.00263,-0.0222,-0.05932,0.03772,-0.02383,0.03413,0.01093,-0.00902,0.00771,-0.00656,-0.0242,-0.03341,-0.01895,-0.02859,0.04239,0.02513,-0.03998,-0.02764,0.04515,-0.058,-0.01561,-0.0082,-0.06185,-0.05288,-0.07652,0.05233,0.0059,-0.00668,-0.04602,-0.03419,-0.02432,-0.05532,-0.11391,-0.09606,0.03185,0.016,0.04419,0.04173,-0.04913,-0.06059,0.05378,-0.01674,0.03877,-0.01645,-0.07924,0.00442,0.00988,0.00393,0.04284,-0.03921,-0.03584,0.02463,0.02533,0.00501,0.07792,-0.05901,0.07511,0.00651,-0.0098,0.0734,-0.00974,-0.03943,0.04233,0.03191,-0.06485,0.02154,0.04766,0.12762,-0.04852,0.05467,0.04481,0.04226,0.00481,0,-0.09519,0.04772,-0.01852,0.05192,0.07121,-0.01244,-0.00895,-0.02635,0.01768,0.04857,-0.01818,-0.03102,-0.01535,0.01948,0.13111,0.06089,-0.03805,0.0243,-0.04095,0.03066,0.04014,0.06573,-0.03464,0.02064,-0.01327,-0.0087,0.00773,-0.01088,-0.04813,0.08578,0.01367,0.04582,0.08137,0.0527,-0.05402,-0.06006,-0.10061,-0.0411,-0.05544,-0.00642,-0.00626,-0.01066,-0.08208,-0.04958,-0.03484,-0.03113,-0.04148,-0.09581,0.04349,0.00468,-0.01625,-0.06857,-0.06926,0.00001,0.08153,0.00409,0.00925,0.01631,0.04105,0.04242,-0.01467,-0.00204,0.01393,-0.0272],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Let’s replace the static nodes with a dynamic list rendered using @for: Key notes:","excerpt":"Let’s replace the static nodes with a dynamic list rendered using @for: Key notes:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#23","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.07443,0.02451,-0.04321,0.10349,0.1044,0.04843,0.0859,0.01257,0.07851,0.0052,-0.08678,-0.03762,-0.05093,-0.04306,-0.0088,0.02204,-0.02278,0.00671,-0.02528,-0.003,0.02192,-0.10517,0.00359,-0.04065,-0.00507,0.04045,0.0052,-0.0616,0.11645,-0.04889,0.07033,0.04964,-0.0236,0.03383,-0.154,0.09215,0.02058,-0.01598,-0.05882,-0.01851,0.07335,0.04047,-0.04344,-0.06773,-0.01555,0.02273,-0.02324,0.02092,-0.07625,0.0927,-0.03919,-0.07162,-0.0358,0.05755,0.01821,0.04318,0.04207,-0.09543,0.05556,0.03417,0.02544,-0.02168,0.03124,0.0286,0.07722,0.0019,-0.09069,0.01634,0.04033,-0.05745,0.10158,-0.00618,-0.00585,-0.01504,0.03898,-0.00895,-0.0381,0.07822,-0.05798,0.00756,0.06105,0.06442,0.01607,0.03681,-0.00068,0.13835,-0.05372,-0.01102,-0.0535,0.03816,-0.04374,0.07011,-0.04033,-0.01127,0.06307,-0.0087,0.01778,-0.05195,-0.02998,0.01191,-0.01724,0.01723,-0.0095,0.03752,-0.02494,-0.04474,-0.0096,-0.06909,-0.07083,0.03861,-0.00484,0.02762,0.01243,-0.06429,-0.03757,-0.01294,-0.05804,0.02511,0.04898,0.09552,0.04833,0.03482,-0.02672,0.00261,0.09223,-0.00019,-0.06843,0,0.03058,0.00141,-0.03185,0.05648,0.09669,-0.02569,0.0185,-0.09681,-0.01251,0.02234,-0.01359,0.00282,-0.03784,0.0165,-0.00035,-0.14769,-0.02678,-0.00573,0.00176,-0.03572,0.01937,-0.05127,-0.05468,-0.00365,0.04464,0.11006,-0.04568,0.06174,-0.00985,0.02301,-0.01873,0.02289,-0.03331,0.03025,-0.04049,0.00846,-0.05007,-0.08036,-0.04843,0.0064,0.01076,0.00367,-0.06396,0.01853,-0.05961,-0.0537,-0.02289,0.01079,0.09096,0.02274,-0.00762,0.04891,0.04137,-0.06463,0.05798,-0.08081,-0.06017,0.03306,0.05291,0.05309,0.04864,0.05936,-0.03832,0.00295,0.07371,0.05827,0.01693,0.01339,0.0961,-0.05509,-0.03342,0.04438,-0.00317,0.02642,0.0653,-0.02452,-0.03242,-0.0971,0.04377,-0.06445,-0.06846,-0.06631,0.01108,0.03935,0.09836,-0.06144,-0.01781,-0.00644,-0.12638,-0.04312,0.08501,0.0089,0.02631,-0.03028,0.00171,0,-0.01943,0.01166,-0.00218,0.07278,-0.0121,-0.04577,-0.03635,0.01955,0.02682,0.06874,-0.05484,0.05694,-0.02635,-0.00969,0.01411,-0.0098,-0.04979,-0.08455,0.01807,-0.04787,0.04758,0.0707,-0.03316,-0.02366,-0.11049,0.02037,0.03096,0.00699,0.02711,-0.05578,-0.01248,-0.05449,-0.07487,-0.01959,0.04162,-0.06862,0.06806,0.08409,-0.00179,0.00194,-0.00732,-0.03057,-0.03625,0.03974,-0.04166,0.02866,-0.09603,0.05257,0.04338,0.02484,-0.06988,0.02008,-0.05052,-0.00025,-0.03448,-0.03389,0.09946,0.02825,0.01812,0.01657,0.00203,-0.07641,0.0009,-0.03508,0.0839,0.03879,-0.05696,0.00188,0.04626,0.07547,0.04847,0.03612,-0.0195,-0.0508,0.04652,-0.00143,0.12841,-0.05138,0.05358,-0.00497,-0.00547,0.09484,0.01445,-0.01709,0.07187,0.0011,-0.04136,-0.0218,0.0359,0.07613,-0.06512,0.03336,-0.01106,-0.02129,-0.03726,0,-0.14202,0.03695,-0.06197,-0.00303,0.0608,-0.00839,-0.06784,0.00389,-0.01558,-0.05126,0.01541,0.04284,0.04527,-0.01539,0.12397,-0.02768,0.02575,0.03052,-0.04711,0.0032,0.00983,0.0543,-0.01461,0.04543,-0.03096,-0.07437,0.01432,-0.00272,-0.0186,0.06183,-0.04273,0.04319,0.043,0.10657,-0.10174,0.01324,-0.09366,-0.04023,-0.03743,-0.05109,0.10045,-0.01588,-0.04994,-0.0191,-0.04744,0.02009,-0.0345,-0.08672,-0.00905,0.07568,-0.01518,-0.01657,-0.01326,0.06817,0.07463,-0.00748,-0.03716,0.00108,0.08388,0.02147,-0.05626,0.03412,0.06466,-0.03113],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. - fDraggable enables node movement inside the canvas. - fNode links the element to Foblex Flow. - fDragHandle defines the draggable area inside the node. - [fNodePosition], [fNodeId], and [data] pass in the necessary parameters for rendering. 🔁 How the flow comes together When a user drags a node from flow-palette, the fExternalItem directive fires an fCreateNode event. We handle that event in the createNode method, construct a new node object, and append it to the list. Thanks to @for, the UI instantly reflects the change. 🛠 Generating Unique IDs f Draggable f Node f Drag Handle f Node Position f Node Id f External Item f Create Node create Node I Ds","excerpt":"- fDraggable enables node movement inside the canvas. - fNode links the element to Foblex Flow. - fDragHandle defines the draggable area inside the node. - [fNodePosition], [fNodeId], and [data] pass in the necessary parameters for rendering. 🔁 How the flow comes together When a user drags a node from flow-palette, the fExternalItem directive fires an fCreateNode event. We handle that event in the createNode method, construct a new node object, and append it to the list. Thanks to @for, the UI instantly reflects the change. 🛠 Generating Unique IDs"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#24","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09477,-0.00669,-0.08236,0.07008,0.05219,0.01248,-0.00975,0.02992,-0.00609,0.08866,-0.09892,-0.06719,0.01128,-0.03371,0.05378,0.08699,-0.01914,0.0248,-0.02175,-0.06162,-0.06082,0.00197,-0.00468,-0.02597,-0.01447,0.06391,0.05013,-0.05427,0.06945,-0.03319,0.07985,0.01878,0.06819,0.03696,-0.11673,0.13097,-0.0336,-0.03764,0.0149,-0.0697,0.03173,0.05094,-0.05562,-0.0721,0.0073,-0.03811,-0.09014,0.01177,-0.04355,0.01504,-0.08052,-0.12204,-0.0946,-0.01205,-0.02118,0.01607,-0.00774,-0.08026,0.02603,0.04609,0.04908,-0.01049,0.10475,0.01067,0.07426,0.06923,-0.0857,0.04576,0.01392,-0.05336,0.04252,-0.01097,0.00606,0.04641,-0.03436,-0.0269,-0.05715,0.04528,0.02509,0.00361,-0.0193,0.0459,0.01259,0.12482,0.00875,0.09495,0.02963,-0.01311,0.0065,-0.02559,-0.01564,0.01052,0.07587,-0.01462,0.09001,0.03109,0.05544,-0.05838,-0.06764,0.05741,-0.0755,-0.00663,0.0415,-0.06877,-0.06948,0.03003,0.05582,-0.08207,-0.01189,-0.0177,-0.00078,0.03269,-0.0545,-0.09709,0.0008,-0.03195,0.0299,0.00586,0.05549,0.09975,0.00305,-0.02547,-0.00321,0.04194,0.11485,0.03202,-0.06135,0,0.03729,0.07928,-0.03163,0.01427,0.10806,-0.06289,-0.0012,-0.08289,-0.07183,0.01259,0.05682,0.0351,-0.0126,0.04927,0.03746,-0.09271,0.00252,0.0091,0.026,-0.061,-0.02759,-0.09788,-0.05069,0.08074,0.07338,0.06345,0.01672,-0.04452,0.01171,-0.02276,0.04812,0.0188,-0.02079,0.07601,-0.03998,-0.00269,-0.05583,-0.03042,-0.03772,0.02534,0.029,0.00252,-0.03366,0.02278,-0.00285,-0.01454,-0.01521,-0.01712,0.08029,-0.00485,-0.01969,0.07822,-0.00934,-0.00005,0.04499,-0.07135,-0.06587,0.05072,0.08933,0.01282,0.03162,-0.02309,-0.04191,0.02619,0.01778,0.02028,0.01619,-0.0308,0.1415,-0.00889,-0.00382,-0.02459,-0.01695,0.04934,-0.01042,-0.00793,-0.02096,-0.05773,0.05823,-0.07798,-0.06389,-0.02426,-0.01655,0.06625,0.10036,-0.0884,-0.05551,0.0061,-0.10895,-0.02572,0.03893,0.04473,-0.04031,-0.04783,-0.00538,0,-0.0404,0.0079,-0.04631,0.06049,-0.01269,-0.07477,-0.01748,-0.02946,0.01846,0.09405,0.03945,0.00472,0.02184,-0.00456,0.01624,-0.00213,-0.05109,-0.06392,0.09657,0.01184,0.06266,0.07429,-0.01545,-0.03565,-0.03473,0.05255,-0.03112,0.03231,0.02346,-0.03292,-0.02734,0.00744,-0.05056,-0.0915,-0.00802,-0.03443,0.06828,0.01422,-0.06629,0.00255,0.03792,-0.05403,-0.04536,0.00875,-0.06328,-0.04337,-0.07837,0.08923,-0.03472,-0.04932,-0.06406,-0.02031,-0.00879,-0.08064,-0.08288,-0.0593,0.05652,0.04905,0.01076,0.07372,0.00233,-0.06804,0.04662,0.03187,0.03436,-0.02037,-0.0531,0.03313,-0.02116,0.01258,0.05044,-0.01341,-0.01213,0.0232,0.01248,0.00419,0.06752,-0.04288,0.06169,0.00797,0.02795,0.08506,0.0035,-0.01965,0.03106,0.02248,-0.03351,0.00201,0.03768,0.12258,-0.09902,0.09826,-0.00725,0.01456,-0.05555,0,-0.08676,0.04759,-0.01985,0.01576,0.07237,-0.00441,-0.07695,-0.02516,0.01317,0.01045,0.01224,-0.0077,-0.03826,-0.0078,0.11827,0.01462,-0.03641,0.02324,-0.0192,-0.00241,0.06471,0.07582,-0.00288,0.00112,0.00261,-0.07284,0.04899,-0.01997,-0.06351,0.0894,-0.0226,0.08346,0.09178,0.07292,-0.01822,-0.00652,-0.08619,-0.0336,-0.06896,-0.05399,0.03737,-0.00735,-0.0655,-0.05975,-0.05195,-0.00272,-0.02757,-0.09505,0.05582,-0.00353,-0.00633,-0.05969,-0.04607,0.03237,0.04859,0.01085,-0.01968,0.01358,0.05816,0.03734,-0.04396,0.03376,0.03219,-0.04815],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. To ensure each node has a unique identifier, we use a small utility function:","excerpt":"To ensure each node has a unique identifier, we use a small utility function:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#25","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.10125,-0.04674,-0.1025,0.10352,0.01076,0.06543,0.0398,0.02596,0.08013,0.04379,-0.04266,-0.00759,-0.02261,-0.00301,0.00147,0.05799,-0.01194,-0.08374,-0.04794,-0.01683,-0.01729,-0.14935,-0.02687,-0.06435,0.03962,-0.00154,0.02922,-0.07405,0.13792,0.00704,0.03639,0.04973,-0.03278,0.01922,-0.09715,0.10047,0.03483,-0.02494,-0.05398,-0.04073,0.07446,0.00257,-0.04628,-0.05913,0.01034,-0.00217,-0.04536,0.00901,-0.03134,0.08318,-0.07969,-0.03056,-0.05009,0.00795,0.01554,0.05101,0.03697,-0.03597,-0.04131,0.07226,0.00354,-0.02681,0.02999,0.01054,0.0678,0.02741,-0.10807,0.05663,0.0143,0.01032,0.04131,0.00143,-0.01685,-0.01134,0.03398,0.00009,-0.07288,0.0852,-0.01625,0.00956,0.08239,0.07606,-0.00333,0.04108,-0.03714,0.15541,-0.01031,-0.0697,-0.03068,0.01577,-0.0381,0.0684,-0.03143,0.03124,-0.00399,0.02271,0.00377,-0.03333,-0.05849,0.01183,-0.03455,-0.03531,0.02978,0.00254,-0.02903,-0.03113,-0.03385,-0.05224,-0.04989,0.0345,0.01715,0.01079,0.00451,-0.0594,-0.04505,0.01976,-0.01,0.00145,0.11174,0.11972,0.00904,0.01102,-0.04477,0.02939,0.0704,-0.08099,-0.0485,0,0.02586,0.03,-0.00252,0.0404,0.10531,-0.00195,-0.02103,-0.06674,-0.05097,0.01729,-0.01918,0.00309,-0.01509,0.05227,0.02247,-0.14895,0.02324,-0.00469,0.006,-0.02125,-0.00437,-0.11109,-0.02853,0.01747,0.06431,0.07082,-0.05398,0.02929,-0.02573,0.00634,-0.03317,0.04282,-0.04715,0.00865,-0.0728,0.00199,-0.05618,-0.05328,-0.08034,0.03247,0.02393,-0.02876,-0.0643,0.05737,-0.0213,-0.04556,-0.0338,0.05754,0.03554,0.0307,-0.02663,0.07585,0.03946,-0.01812,0.06863,-0.06578,-0.07458,0.01242,0.04069,0.03233,0.03279,0.00256,-0.08743,0.04628,0.02118,0.06152,0.02913,-0.02245,0.08143,-0.05458,-0.06212,0.05377,-0.04466,0.01216,0.02458,-0.00486,-0.09194,-0.06355,0.0616,-0.03245,-0.00561,-0.06209,-0.01499,0.08414,0.09194,-0.08999,-0.0202,-0.0294,-0.09106,-0.03343,0.06444,0.0268,0.05702,-0.01143,0.00673,0,0.00111,0.02169,-0.03702,0.05538,0.0146,-0.03588,-0.00033,-0.01005,0.03725,0.09079,0.02344,0.04285,0.00257,0.01803,-0.06765,-0.00241,-0.04094,-0.09616,0.04993,-0.0436,0.09038,-0.00134,0.02584,-0.03018,-0.08266,0.01392,0.04727,0.00474,-0.06219,0.02246,-0.02108,-0.00918,-0.06538,-0.0207,0.03401,-0.04919,0.08862,0.05582,0.03774,-0.05421,0.05603,-0.01211,-0.04321,0.03362,-0.05561,-0.01408,-0.08788,0.01744,-0.01319,0.01048,-0.06437,0.00796,-0.04211,-0.03945,-0.0934,-0.04329,0.07701,0.02181,0.04155,0.02645,0.03393,-0.0874,-0.02204,-0.00525,0.07045,0.0085,-0.03533,0.03188,0.0994,0.07041,0.07701,0.0372,-0.00389,0.02476,0.01786,0.02848,0.11057,-0.09034,0.06649,0.06217,-0.0281,0.07459,0.0248,0.00923,0.04476,0.02001,-0.07478,-0.0022,0.04527,0.07863,-0.02406,0.07104,-0.02735,0.00245,-0.05756,0,-0.10083,0.01806,-0.06551,-0.01922,0.05406,-0.01729,-0.01557,-0.03487,-0.0076,-0.01616,-0.03606,0.03007,-0.02715,0.0219,0.12162,0.01865,0.05525,-0.00532,-0.03556,-0.05702,0.04155,0.03819,0.00137,0.08924,-0.03379,-0.08784,0.01214,0.05242,-0.04333,0.07059,-0.03784,0.04332,0.03603,0.09568,-0.11194,0.01572,-0.07889,-0.0565,-0.06516,-0.0319,0.04955,0.03898,-0.02463,-0.06754,0.00486,0.02725,0.02786,-0.05695,0.00642,0.0296,-0.04088,-0.00173,-0.02235,-0.00085,0.03745,-0.03197,-0.0273,0.05033,0.06377,0.02748,-0.1033,0.06718,0.07105,-0.0611],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. ⚙️ Logic for Creating and Rendering Connections Now that we can add nodes from the palette, it’s time to implement the next key step: connecting nodes together — and rendering those connections inside the canvas. 🧩 What \\<f-connection-for-create Does This component goes inside \\<f-canvas and renders a temporary line when the user starts dragging a connection from an output. It also triggers the fCreateConnection event once the drag ends — either over a valid input or in empty space. f Create Connection","excerpt":"⚙️ Logic for Creating and Rendering Connections Now that we can add nodes from the palette, it’s time to implement the next key step: connecting nodes together — and rendering those connections inside the canvas. 🧩 What \\<f-connection-for-create Does This component goes inside \\<f-canvas and renders a temporary line when the user starts dragging a connection from an output. It also triggers the fCreateConnection event once the drag ends — either over a valid input or in empty space."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#26","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.07948,-0.03404,-0.07631,0.08459,0.02338,0.05454,0.02763,0.03038,0.06563,0.04455,-0.06238,-0.0403,-0.05527,-0.02962,0.01405,0.06811,0.02397,-0.05056,-0.04602,-0.00488,-0.04443,-0.14259,-0.01873,-0.04843,0.01419,0.04046,0.01991,-0.0532,0.10818,-0.02452,0.06142,0.04472,-0.0453,0.00449,-0.10733,0.08289,0.03286,-0.03248,-0.05804,-0.04623,0.10206,0.02703,-0.00525,-0.06844,0.00101,0.00273,-0.05136,0.0135,-0.03497,0.04564,-0.06957,-0.06243,-0.02111,-0.00782,0.01753,0.03734,0.04345,-0.06221,-0.03128,0.05992,0.02695,-0.00498,0.03832,0.01357,0.018,0.04706,-0.10442,0.05081,0.04009,-0.02048,0.02483,-0.00533,-0.01604,-0.03011,0.02097,-0.03721,-0.06034,0.07067,-0.0325,-0.01819,0.07747,0.06669,-0.00598,0.03342,-0.06067,0.11781,0.01263,-0.06255,-0.03954,0.00395,-0.01237,0.11188,-0.02141,-0.00978,0.04357,0.04845,-0.00499,-0.07363,-0.0781,0.03253,-0.02801,0.0101,0.02881,0.01917,-0.05891,0.00422,0.01207,-0.02937,-0.04642,0.04616,0.00288,0.02899,-0.00571,-0.07633,-0.01703,0.01204,-0.01355,0.00957,0.07353,0.14174,0.00975,0.00277,-0.06673,0.00745,0.11579,-0.03789,-0.05292,0,0.04895,0.03811,-0.03568,0.05727,0.11941,0.00187,0.02636,-0.11073,-0.03252,0.01402,-0.01174,-0.00778,-0.06505,0.03688,-0.02851,-0.13785,0.00903,-0.02248,0.0449,0.0015,0.00263,-0.12569,-0.04025,0.03272,0.08911,0.07564,-0.02719,0.03667,0.00112,-0.00941,0.00337,0.03184,-0.02019,0.01172,-0.07891,-0.02085,-0.06943,-0.06593,-0.06051,0.04762,0.00152,-0.01882,-0.0872,0.02262,-0.03453,-0.01891,-0.01559,0.00284,0.06515,0.02048,-0.02976,0.05373,0.02686,-0.015,0.08925,-0.09157,-0.07274,0.05976,0.04393,0.04643,0.03163,0.03373,-0.07361,-0.0234,0.07979,0.0543,0.00912,0.00522,0.07748,-0.082,-0.06757,0.04508,-0.02882,0.02166,0.05019,-0.01279,-0.04788,-0.05668,0.0765,-0.03639,-0.01309,-0.05828,0.01659,0.08761,0.09935,-0.07866,-0.02658,-0.04072,-0.10051,0.00476,0.05546,0.0366,0.08209,-0.03712,-0.0117,0,-0.03062,0.01607,-0.03426,0.05715,0.02208,-0.02438,0.01267,0.00876,0.04392,0.08595,0.03339,0.04388,-0.02302,-0.00942,-0.01797,0.00209,-0.02354,-0.0961,0.07496,-0.00667,0.05033,0.0798,-0.01085,-0.05387,-0.07359,0.0153,0.02707,0.00418,-0.00839,-0.03138,0.00394,-0.02217,-0.05756,-0.02527,0.02054,-0.01716,0.06571,0.0551,-0.006,-0.05906,0.03992,-0.02779,-0.05789,-0.00589,-0.0796,-0.00527,-0.11633,-0.02249,-0.02246,0.01224,-0.09752,0.01486,-0.05453,-0.02687,-0.06418,-0.03331,0.11307,0.02088,0.00717,0.02762,0.00195,-0.06375,0.00425,-0.03161,0.1014,0.02099,-0.02212,0.04887,0.07876,0.06084,0.02714,0.03043,0.00414,0.02459,0.05488,0.02412,0.10254,-0.05898,0.09014,0.05582,-0.0263,0.12392,0.00511,-0.02169,0.08434,0.03192,-0.06643,-0.02892,0.0667,0.08334,-0.06294,0.0416,0.00909,0.00886,-0.01559,0,-0.07918,0.01497,-0.05651,-0.01883,0.05356,-0.01095,-0.06124,-0.01434,-0.03436,0.00569,-0.04488,0.02553,-0.02741,0.04284,0.11137,0.00342,0.0185,0.01401,-0.02895,-0.071,0.03752,0.0507,-0.01822,0.06753,-0.01765,-0.06986,0.03945,0.01302,-0.06977,0.02943,-0.02073,0.03214,0.04255,0.07062,-0.09399,0.00495,-0.09834,-0.03812,-0.08129,-0.04661,0.07051,0.01297,-0.03273,-0.05853,0.00027,0.03015,-0.00837,-0.05857,0.00301,0.02933,-0.04835,0.00309,-0.04135,0.05282,0.05715,-0.02691,-0.01726,0.03721,0.0659,0.02057,-0.09725,0.04838,0.03526,-0.0466],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 📌 Listening to fCreateConnection and Displaying Connections Let’s update our Flow component template to handle the connection event and also render all created connections: `html <f-flow fDraggable (fCreateNode)=\"createNode($event)\" (fCreateConnection)=\"createConnection($event)\" <f-canvas <!-- Visual feedback during dragging -- <f-connection-for-create</f-connection-for-create f Create Connection f Draggable f Create Node create Node create Connection","excerpt":"📌 Listening to fCreateConnection and Displaying Connections Let’s update our Flow component template to handle the connection event and also render all created connections: `html <f-flow fDraggable (fCreateNode)=\"createNode($event)\" (fCreateConnection)=\"createConnection($event)\" <f-canvas <!-- Visual feedback during dragging -- <f-connection-for-create</f-connection-for-create"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#27","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.03669,0.00542,-0.0688,0.06103,0.02119,0.05717,0.06121,0.014,0.05506,0.0397,-0.10317,-0.04388,-0.04867,-0.03419,0.028,0.04745,-0.0275,-0.02709,-0.01809,-0.02014,-0.0483,-0.11511,-0.0058,-0.04379,-0.01962,0.05721,0.02244,-0.08514,0.03719,0.00471,0.02612,0.02583,-0.02582,0.02766,-0.11224,0.05658,0.00177,-0.01688,-0.06594,-0.01648,0.09039,0.04653,-0.00801,-0.09134,0.03247,0.02145,-0.08547,0.03072,-0.0249,0.06306,-0.05836,-0.07023,-0.03859,0.02968,0.02388,0.07492,0.04726,-0.06672,0.01704,0.09727,0.0466,-0.03391,0.01976,0.02357,0.03687,0.05584,-0.08024,0.06113,0.02453,-0.01893,0.05881,-0.00374,-0.01173,-0.06256,0.0111,-0.03088,-0.05058,0.06999,-0.03238,-0.02627,0.06551,0.06183,0.0293,0.06363,-0.0047,0.10685,-0.01867,-0.07112,-0.03423,0.0048,-0.0451,0.07655,-0.07777,-0.00902,0.09179,0.02049,-0.00992,-0.05679,-0.05864,0.03561,-0.03774,-0.01974,0.01701,-0.00958,-0.03348,0.0079,0.00066,-0.00459,-0.03713,0.01156,-0.01958,0.02186,0.00711,-0.03206,-0.0136,0.00933,-0.0119,0.03081,0.05479,0.13879,-0.00248,-0.01009,-0.04458,-0.02388,0.09028,-0.02923,-0.0222,0,0.01249,-0.00462,-0.03343,0.01158,0.10069,0.0053,0.02397,-0.11754,-0.03456,0.05321,-0.03444,-0.02509,-0.06438,-0.02532,-0.03667,-0.11791,0.04085,-0.01748,0.02543,0.00931,0.03986,-0.14268,-0.05968,0.0151,0.07712,0.0852,-0.061,0.05587,-0.0069,0.00122,0.01083,0.02068,0.00663,0.01233,-0.0788,-0.07133,-0.04586,-0.03022,-0.07161,0.03545,-0.02239,-0.01739,-0.08034,0.02981,-0.03361,-0.01749,-0.0514,0.01069,0.07907,0.04165,-0.03773,0.0514,-0.01754,-0.05066,0.05546,-0.07519,-0.07305,0.09205,0.00228,0.04632,0.05123,0.01847,-0.04667,-0.03764,0.10276,0.09644,-0.01915,-0.04036,0.06191,-0.09017,-0.07268,0.0491,-0.00367,0.00896,0.05744,0.01532,-0.03702,-0.00644,0.0322,-0.02625,-0.0494,-0.07381,-0.00726,0.08548,0.10564,-0.05144,-0.01313,-0.03956,-0.09747,0.00899,0.08209,0.0574,0.03537,-0.04679,0.01057,0,-0.0181,0.05184,-0.00848,0.03907,0.04856,-0.02934,0.03495,-0.01378,0.06818,0.11198,0.03773,0.07397,-0.00793,-0.0028,-0.02633,0.02887,-0.0103,-0.05572,0.06019,-0.01733,0.01937,0.05178,-0.00306,-0.0863,-0.05618,0.02435,0.02981,0.00278,-0.03053,-0.01934,0.00454,-0.00449,-0.05709,-0.00043,0.04208,-0.02439,0.06392,0.02219,-0.03132,-0.02669,0.06243,-0.03839,-0.03072,-0.01517,-0.04325,0.02336,-0.11157,0.02359,-0.08657,0.01086,-0.08609,0.01152,-0.0283,-0.00807,-0.06093,0.03046,0.1183,0.032,-0.01767,0.01399,0.04908,-0.09382,0.00079,0.00268,0.1026,0.03731,-0.03661,0.04519,0.09514,0.05672,0.03235,0.02739,0.02923,0.03581,0.06576,0.02777,0.05434,-0.07264,0.06037,0.04512,-0.00271,0.14121,0.0008,-0.02997,0.09161,0.04478,-0.04668,-0.02885,0.05178,0.07073,-0.05084,0.0304,0.01226,-0.04696,-0.0425,0,-0.09366,0.01524,-0.04379,-0.03121,0.10764,0.00071,-0.05857,-0.00378,-0.02383,0.02311,-0.05389,0.05154,0.01535,-0.01201,0.10466,-0.04319,0.03182,-0.02791,-0.03336,-0.01114,0.03439,0.01972,-0.02308,0.09557,-0.02894,-0.10545,0.05082,-0.01292,-0.06448,0.04088,-0.05176,0.00836,0.04685,0.10086,-0.09427,0.00933,-0.08547,-0.03486,-0.08793,-0.00638,0.04237,-0.01617,-0.02703,-0.03532,-0.01136,0.03736,0.00605,-0.05549,0.03089,0.04793,-0.06265,-0.0101,-0.04282,0.02335,0.02302,-0.05118,-0.03059,0.00777,0.0171,0.03989,-0.12111,0.05669,0.03007,-0.07957],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. <!-- Render all established connections -- @for (connection of connections(); track connection.id) { <f-connection [fConnectionId]=\"connection.id\" [fOutputId]=\"connection.from\" [fInputId]=\"connection.to\" / } <!-- Render all nodes -- @for (node of nodes(); track node.id) { <node fNode fDragHandle [fNodePosition]=\"node.position\" [fNodeId]=\"node.id\" [data]=\"node\" </node } </f-canvas </f-flow <flow-palette / ` 🔁 Handling the Connection Event f Connection Id f Output Id f Input Id f Node f Drag Handle f Node Position f Node Id","excerpt":"<!-- Render all established connections -- @for (connection of connections(); track connection.id) { <f-connection [fConnectionId]=\"connection.id\" [fOutputId]=\"connection.from\" [fInputId]=\"connection.to\" / } <!-- Render all nodes -- @for (node of nodes(); track node.id) { <node fNode fDragHandle [fNodePosition]=\"node.position\" [fNodeId]=\"node.id\" [data]=\"node\" </node } </f-canvas </f-flow <flow-palette / ` 🔁 Handling the Connection Event"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#28","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.10428,-0.05951,-0.09057,0.09478,0.00175,0.01877,-0.04465,0.04652,0.02299,0.06408,-0.06846,-0.06257,-0.03992,-0.03272,0.0839,0.09201,0.01579,-0.08749,-0.05498,-0.035,-0.08306,-0.09317,-0.01139,-0.03829,0.00872,0.02023,0.0162,-0.07185,0.11439,-0.00124,0.1075,0.05903,0.0151,0.02867,-0.13688,0.11639,0.01142,-0.04088,-0.0184,-0.05025,0.09067,0.05448,-0.04329,-0.09886,0.03821,-0.01395,-0.05902,-0.01237,-0.01172,0.01181,-0.10371,-0.04745,-0.05157,0.0065,0.00943,0.05796,0.03997,-0.00424,-0.01097,0.03587,0.0398,-0.03413,0.06843,0.0063,-0.00047,0.05629,-0.08551,0.0393,0.04964,-0.07026,0.02568,-0.02898,-0.0196,-0.01645,0.0272,-0.01147,-0.05034,0.0285,0.05221,-0.02251,0.02518,0.03269,-0.0084,0.0762,-0.00306,0.10786,0.00608,-0.08753,-0.0327,0.03093,-0.00311,0.05529,-0.00356,0.03333,0.00579,0.04681,0.03286,0.00493,-0.07378,0.05095,-0.02548,0.02298,0.01087,0.0137,-0.10316,-0.03557,0.01689,-0.00718,-0.02485,0.02258,0.02141,0.00629,-0.01578,-0.08111,-0.02348,0.04092,0.04588,0.02434,0.04337,0.12126,-0.00972,-0.03912,-0.05173,0.05309,0.09089,-0.01505,-0.06029,0,0.00798,0.06672,-0.01664,0.00422,0.12087,-0.05081,0.04238,-0.08866,-0.0253,0.03486,0.00394,0.0619,-0.02336,0.03791,-0.00614,-0.13047,-0.00168,-0.03288,0.00575,-0.0198,0.02125,-0.0728,-0.02343,0.03728,0.03194,0.08406,0.0009,0.03256,0.00971,-0.00158,0.01088,0.0492,-0.02448,0.063,-0.02584,-0.03994,-0.02924,-0.05807,-0.11531,0.03608,0.03314,-0.02154,-0.09381,0.02246,-0.01791,-0.0521,-0.01791,0.01815,0.12583,0.02662,-0.03487,0.04523,-0.0073,-0.0182,0.06644,-0.0488,-0.07502,0.03127,0.05811,0.05315,0.01992,-0.02579,-0.03887,0.03798,0.04411,0.04764,0.00959,-0.07169,0.07815,-0.02533,0.00436,0.05679,-0.03175,0.04625,0.03081,-0.01169,-0.04905,-0.01402,0.05833,-0.04777,-0.02721,-0.02489,-0.02504,0.13776,0.09221,-0.08606,-0.06482,-0.01126,-0.08589,-0.00724,0.0488,0.02956,0.04272,-0.0023,-0.02325,0,-0.05639,0.00979,-0.11555,0.01693,-0.02716,-0.03529,-0.00531,0.03363,0.04569,0.12517,0.06043,-0.00596,0.01147,0.01344,-0.04896,-0.03248,0.04314,-0.08918,0.06692,0.00285,0.08039,0.04335,-0.01491,-0.04596,-0.03325,0.02755,-0.02223,0.02647,-0.00201,-0.00187,-0.01187,0.01227,-0.06632,-0.04316,0.00171,0.00258,0.04493,0.03007,-0.02626,-0.07714,0.0202,-0.03243,-0.06217,0.01394,-0.03914,-0.00246,-0.10924,0.02453,-0.03896,0.01044,-0.02598,0.00169,0.00928,-0.02689,-0.12905,-0.00809,0.08268,0.031,0.01658,0.03095,0.03284,-0.10824,0.00118,-0.00472,0.07351,0.06114,-0.01433,0.06944,0.05972,0.02141,0.06131,0.02543,0.00593,0.01649,0.02397,0.02777,0.02173,-0.08178,0.05234,0.03679,-0.0073,0.08002,-0.0053,-0.02993,0.047,0.01563,-0.05544,0.00321,0.02721,0.09312,-0.07245,0.07352,-0.03036,0.04447,-0.03293,0,-0.07713,0.03487,-0.07232,0.0186,0.09195,0.01496,-0.06652,-0.06621,-0.01568,0.01967,-0.07921,-0.00727,-0.04253,0.01427,0.11609,-0.00542,-0.00688,-0.02733,-0.01069,-0.0524,0.02671,0.02427,0.00473,0.0341,0.02493,-0.05374,0.07657,0.04662,-0.0791,0.08272,-0.03944,0.0336,0.08352,0.04514,-0.11654,0.0089,-0.02068,-0.05791,-0.07721,-0.06212,0.01378,0.00872,-0.05495,-0.05673,-0.00208,0.01331,-0.03419,-0.04411,0.09115,0.00949,0.00502,-0.03197,-0.08064,0.00282,0.04905,-0.03163,0.00591,-0.00907,0.01864,0.03328,-0.08123,0.05287,0.02447,-0.05114],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. Here’s the method that handles fCreateConnection and stores the connection in a reactive signal: Here’s what’s happening: f Create Connection","excerpt":"Here’s the method that handles fCreateConnection and stores the connection in a reactive signal: Here’s what’s happening:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#29","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.07343,0.00735,-0.05562,0.08373,0.06477,0.06867,0.03158,0.0384,0.0218,0.05747,-0.06144,-0.01823,-0.0307,-0.0323,-0.00486,0.03993,-0.03012,-0.01258,-0.07287,-0.0473,-0.0404,-0.05389,-0.01665,-0.05078,-0.05146,0.04856,0.07994,-0.10195,0.04265,-0.00749,0.02363,0.00854,0.02768,-0.02919,-0.13971,0.07471,-0.00822,-0.02814,-0.03873,-0.07286,0.05494,-0.00469,-0.0096,-0.03493,0.00397,-0.00477,-0.1021,0.01084,-0.04045,0.08267,-0.07305,-0.07781,-0.025,0.0224,-0.00852,0.03857,0.04992,-0.08701,0.02464,0.01534,0.04791,-0.02162,0.03286,0.01972,0.11922,0.03892,-0.06026,-0.00409,-0.0029,-0.04806,0.0488,-0.03179,-0.02572,0.02737,0.00636,-0.05184,-0.09132,0.03467,0.01435,0.03877,0.06565,0.01726,-0.02085,0.11068,0.01429,0.13834,-0.0223,0.00101,-0.00475,-0.04505,-0.01274,0.00058,0.04121,0.00933,0.06849,0.04466,0.02877,-0.04104,-0.0802,0.05102,-0.08384,0.00093,-0.01403,-0.03012,-0.01372,0.02749,0.02662,-0.08793,-0.04045,-0.01104,0.00608,0.00286,-0.02108,-0.03841,0.02521,0.01179,-0.00688,0.02395,0.03369,0.11579,0.00151,0.02639,-0.02598,0.04873,0.08847,0.03069,-0.04018,0,0.03198,0.03322,-0.05871,-0.03342,0.11944,-0.04253,0.0183,-0.10809,-0.02254,0.02215,0.00647,-0.00794,-0.00552,0.01955,0.0345,-0.09999,0.0468,0.054,0.01831,-0.04954,-0.00749,-0.06178,-0.04471,0.05722,0.09588,0.09227,-0.05036,-0.00614,0.05607,-0.00705,0.00511,0.05031,-0.07478,-0.00663,-0.05836,-0.03919,-0.05396,-0.05037,-0.05328,-0.00297,0.02241,-0.02372,-0.05384,0.02401,-0.05789,-0.06258,0.00405,-0.03737,0.06028,-0.0149,-0.02469,0.07952,0.01388,-0.05536,0.03862,-0.09532,-0.03584,0.0685,0.05472,0.00898,0.02514,0.01437,-0.02571,0.03319,0.01713,0.00307,-0.01248,-0.07469,0.12128,-0.04339,-0.03098,-0.00231,-0.01138,0.04632,0.0115,-0.00126,-0.06048,-0.09433,0.03686,-0.06709,-0.03884,-0.0338,-0.0258,0.06492,0.12641,-0.06826,-0.07145,-0.02413,-0.09216,-0.07118,0.02951,0.04327,-0.04526,-0.04959,0.01939,0,-0.07969,0.06089,-0.06061,0.0656,-0.03363,-0.04299,0.02212,-0.01417,0.06585,0.07922,0.03027,0.04992,0.00268,0.0227,0.01084,0.02668,-0.06825,-0.05877,0.09018,-0.03595,0.107,0.02662,0.00646,-0.01206,-0.0691,0.01074,0.05325,-0.02112,-0.0182,-0.02394,-0.00828,0.00933,-0.07312,-0.02803,-0.02042,-0.03843,0.05782,0.03412,-0.05512,0.02058,0.05525,-0.01102,-0.00352,0.05074,-0.05458,-0.03296,-0.10323,0.07952,0.03013,-0.00296,-0.078,0.00575,0.01118,-0.04762,-0.09267,-0.04517,0.11704,0.00546,-0.0081,0.04791,-0.01134,-0.06338,0.02809,-0.00093,0.06342,0.0317,-0.04053,0.08463,0.02309,0.02085,0.10147,0.02732,0.02933,0.03937,0.04467,0.02285,0.0677,-0.04896,0.06181,-0.01687,0.02253,0.06951,0.01278,-0.04384,0.05354,0.02674,-0.02823,-0.01012,0.02665,0.07994,-0.07545,0.06274,0.01039,0.01283,-0.06451,0,-0.07627,0.08788,0.01031,0.01137,0.11941,0.01024,-0.0868,-0.00586,0.01981,-0.01145,-0.04843,-0.00007,-0.01169,0.0179,0.15252,0.03619,0.00877,0.0205,-0.04781,-0.00918,0.11018,0.06104,-0.02183,0.01976,-0.01864,-0.09453,0.02252,0.02349,-0.08943,0.04215,-0.02027,0.06538,0.0851,0.0619,-0.05504,0.03444,-0.04438,-0.05023,-0.07338,-0.04352,0.03642,-0.00246,-0.06287,-0.06572,-0.06485,0.00406,-0.0123,-0.11314,0.05176,0.06006,-0.05985,-0.03466,-0.01673,0.03619,0.0638,0.00079,-0.02781,0.01326,0.03426,0.00982,-0.02794,0.07038,0.02547,-0.05052],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. - event.fOutputId is the ID of the output connector the user dragged from. - event.fInputId is the ID of the input the user dropped onto. - If fInputId is missing (the user released the mouse in empty space), we ignore the event. f Output Id f Input Id","excerpt":"- event.fOutputId is the ID of the output connector the user dragged from. - event.fInputId is the ID of the input the user dropped onto. - If fInputId is missing (the user released the mouse in empty space), we ignore the event."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#30","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.06871,-0.00879,-0.09045,0.05891,-0.00494,0.04585,-0.0119,0.0307,0.00252,0.07641,-0.10825,-0.03979,-0.0093,-0.02973,0.05508,0.0801,0.00502,0.00501,-0.01703,-0.05654,-0.05164,-0.05068,-0.02816,-0.04253,-0.03226,0.06109,0.02862,-0.06559,0.06907,-0.00995,0.04115,0.04478,0.02844,0.04157,-0.13678,0.09806,-0.00059,-0.04166,-0.04759,-0.04489,0.06785,0.03343,-0.03596,-0.08325,-0.0083,-0.03001,-0.07687,-0.01901,-0.04236,0.0249,-0.09488,-0.09731,-0.08344,0.01734,-0.02274,0.03856,0.02244,-0.06287,-0.01186,0.04435,0.04122,-0.03404,0.03448,0.0257,0.08347,0.05689,-0.09144,0.07281,0.041,-0.02521,0.00428,-0.02559,-0.02506,-0.0237,-0.01127,-0.02043,-0.04184,0.01988,0.00773,-0.0314,0.03644,0.0507,0.00768,0.10257,-0.03003,0.11191,0.01171,-0.06226,0.01865,-0.02298,-0.01402,0.05142,0.03735,0.00421,0.05514,0.06505,0.04092,-0.05781,-0.06876,0.07028,-0.05174,-0.02682,0.04222,-0.0704,-0.05166,0.02112,0.04226,-0.02322,-0.02409,-0.02006,-0.00392,0.02598,-0.00944,-0.09413,-0.00801,-0.01586,0.01512,-0.00611,0.0488,0.15653,-0.01489,-0.01112,-0.00907,0.04235,0.12484,-0.0059,-0.04729,0,0.01345,0.03238,0.004,0.01387,0.10078,-0.01278,0.00861,-0.11117,-0.05782,0.01236,0.0191,0.04557,-0.05193,0.06363,0.01587,-0.12685,0.02015,-0.00035,0.04371,-0.01712,0.01818,-0.11672,-0.04539,0.05781,0.06897,0.06432,0.0079,-0.0024,-0.0064,-0.01138,0.03171,0.02971,-0.02306,0.04368,-0.04574,-0.02877,-0.04076,-0.02609,-0.04514,0.01365,0.01692,-0.02445,-0.04493,0.02644,-0.01906,-0.02048,-0.02882,0.01714,0.08204,0.03046,-0.02671,0.06918,-0.0239,-0.00755,0.05244,-0.05623,-0.07432,0.07574,0.0735,0.03495,0.02046,-0.00435,-0.05836,-0.0109,0.02208,0.04765,0.00243,-0.05974,0.11418,-0.03844,-0.07314,0.04711,-0.02574,0.04085,0.01581,0.00375,-0.04267,-0.03205,0.05008,-0.03656,-0.0368,-0.04507,-0.03237,0.11868,0.09997,-0.07699,-0.0542,-0.03837,-0.07298,-0.03065,0.03419,0.02347,0.02307,-0.04206,0.01208,0,-0.03024,0.032,-0.04448,0.0738,0.02691,-0.04356,0.0082,-0.01287,0.04766,0.11686,0.05853,0.05298,0.02812,-0.02488,-0.03809,-0.03589,-0.00693,-0.09139,0.09445,-0.01473,0.06289,0.06652,-0.0063,-0.05052,-0.05298,0.03748,-0.01277,0.0287,-0.0175,0.01855,0.00492,0.00334,-0.04561,-0.06453,-0.02248,-0.02944,0.06923,0.03172,-0.056,-0.02118,0.06093,-0.0453,-0.03915,-0.01376,-0.05977,-0.01323,-0.11735,0.03155,-0.05203,-0.02041,-0.06712,-0.00106,-0.03242,-0.05352,-0.09564,-0.03743,0.10263,0.02138,0.01646,0.05887,-0.01056,-0.09716,0.04718,-0.0206,0.03721,0.01472,-0.06091,0.04505,0.04596,0.05161,0.07233,-0.00202,0.00327,0.04596,0.06846,0.01054,0.05477,-0.06549,0.08259,0.04187,-0.01933,0.11072,0.00236,-0.00255,0.07792,0.01485,-0.05607,-0.03123,0.05837,0.11015,-0.08817,0.08385,-0.00507,0.00379,-0.03287,0,-0.07817,0.01891,-0.01383,0.02711,0.08113,0.017,-0.04488,-0.0079,0.01297,0.04477,-0.01602,0.00066,-0.04174,-0.00738,0.12206,0.05082,0.00456,-0.00239,-0.04112,-0.03346,0.06963,0.07121,-0.01727,0.07948,0.01782,-0.07025,0.04853,0.01687,-0.0985,0.08182,-0.00837,0.06953,0.06695,0.08425,-0.08911,-0.00409,-0.08913,-0.02143,-0.10116,-0.0324,0.02005,-0.00208,-0.04927,-0.06359,-0.01677,0.00534,-0.00968,-0.07888,0.03303,0.00705,-0.03251,-0.02059,-0.06341,0.03428,0.02346,-0.0329,-0.00087,0.00596,0.03069,0.02793,-0.0833,0.05193,0.04861,-0.06787],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 🖇 Putting It All Together Now we have a complete cycle in place: 1. Nodes are added from the palette. 2. The user connects outputs to inputs. 3. All valid connections are stored in connections() and automatically rendered in the flow via \\<f-connection.","excerpt":"🖇 Putting It All Together Now we have a complete cycle in place: 1. Nodes are added from the palette. 2. The user connects outputs to inputs. 3. All valid connections are stored in connections() and automatically rendered in the flow via \\<f-connection."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#31","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.09566,-0.00614,-0.04432,0.09092,0.03625,0.03531,-0.01408,0.05623,0.0478,0.06725,-0.10305,-0.05203,-0.05143,-0.02543,0.06105,0.06294,0.01666,-0.04596,-0.04132,0.01319,-0.01356,-0.10586,-0.0276,-0.03258,-0.02343,0.09563,0.0054,-0.06808,0.06944,-0.00774,0.01373,0.03209,0.02454,0.03991,-0.11497,0.07556,0.04229,-0.01948,-0.10227,-0.04866,0.06655,0.04801,-0.03381,-0.05359,-0.00763,-0.00545,-0.05026,-0.03422,-0.07584,0.03555,-0.06968,-0.07743,-0.05361,0.00219,0.02667,0.05277,0.06414,-0.05423,-0.01043,0.02269,0.02035,-0.01732,0.0415,0.02529,0.03717,0.06773,-0.04787,0.03956,0.04263,-0.05851,-0.03114,-0.03638,0.016,-0.01736,-0.01992,-0.06501,-0.05532,0.0549,-0.01784,-0.02209,0.03236,0.00484,-0.02335,0.08228,-0.01561,0.08905,-0.00141,-0.07317,0.02211,0.00888,-0.02451,0.07467,0.02173,-0.02721,0.10368,0.0093,0.02731,-0.03884,-0.07193,0.04445,0.01588,-0.02976,0.05648,-0.02243,-0.0218,-0.01203,0.03644,-0.04384,-0.07561,0.00367,-0.02829,0.03886,0.00972,-0.09841,-0.01342,0.02445,-0.02538,0.00915,0.05314,0.1196,0.02576,-0.02652,0.00112,0.00672,0.12978,0.0103,-0.02764,0,0.03219,0.00447,-0.02976,0.02073,0.10441,-0.00012,0.01407,-0.12267,-0.01864,-0.00002,0.05338,0.05505,-0.0373,0.07013,0.02344,-0.1091,-0.00052,-0.00886,0.03801,-0.00966,0.01577,-0.08685,-0.05577,0.02242,0.08987,0.08867,-0.03125,0.03114,-0.02152,-0.00636,0.00807,0.0125,-0.01524,0.00835,-0.07604,-0.01666,-0.0914,-0.06313,-0.009,-0.00856,-0.01389,-0.03887,-0.0915,0.01089,-0.02444,-0.037,-0.03911,0.00269,0.02393,0.00326,0.03072,0.04604,-0.01279,-0.00379,0.04727,-0.0357,-0.01455,0.06618,0.04071,0.02463,0.0302,0.02767,-0.05939,-0.0082,0.03918,0.06029,-0.00304,-0.02194,0.0621,-0.07393,-0.07243,0.07882,-0.01546,0.00742,0.0765,-0.01827,0.00163,-0.02882,0.05911,-0.05861,-0.00644,-0.07558,0.00749,0.0898,0.11133,-0.0918,-0.03133,-0.03515,-0.15536,-0.05782,0.07018,-0.0074,0.04576,-0.01951,0.00938,0,0.0144,0.02924,-0.03882,0.08029,-0.00796,-0.04104,0.01066,0.00138,0.06188,0.03377,0.06345,0.03069,-0.01,0.01937,-0.00736,0.01875,-0.02844,-0.10171,0.05158,-0.04519,0.07518,0.05943,-0.03535,-0.05836,-0.1114,0.00567,-0.01449,0.01636,-0.01129,-0.04383,0.00092,-0.01896,-0.05602,-0.06031,0.00801,-0.03568,0.05155,0.01815,-0.0459,-0.01965,0.03968,-0.03281,-0.03698,0.00851,-0.06536,0.05979,-0.11329,0.05033,-0.04192,-0.01728,-0.0792,0.02311,-0.01943,-0.03432,-0.06739,-0.02977,0.07899,0.02003,-0.04046,0.03152,-0.01784,-0.06705,0.01627,-0.03717,0.05269,0.06798,-0.04272,0.03759,0.0759,0.02176,0.08276,0.00925,-0.03338,-0.01965,0.09023,0.05011,0.10359,-0.0716,0.07263,-0.00285,-0.03855,0.10142,0.04119,-0.03783,0.04099,0.07981,-0.1145,-0.02199,0.07962,0.10045,-0.09039,0.05123,0.01116,0.02931,-0.03345,0,-0.11881,0.0214,-0.0147,-0.01762,0.10495,0.01435,-0.04756,-0.00217,0.0249,0.00289,-0.001,0.0121,-0.058,-0.03844,0.13388,0.06206,-0.0051,-0.00013,-0.02792,-0.00035,0.05988,0.03016,-0.01226,0.09888,0.00506,-0.07637,0.05422,0.0321,-0.04229,0.06738,0.00978,0.06963,0.07291,0.10727,-0.08144,0.00939,-0.04949,-0.02238,-0.03934,-0.01886,0.03916,0.01278,-0.06531,-0.04122,-0.01716,0.0267,0.00594,-0.07274,0.0187,0.01139,-0.06057,0.02065,-0.0697,0.08061,0.02676,0.00968,0.00333,0.02089,0.06957,0.047,-0.06811,0.01473,0.0091,-0.01813],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 🧩 Conclusion At this stage, our visual editor is starting to look much more like a real low-code platform. We’ve learned how to: - create custom Angular-based nodes; - render them inside the canvas; - drag items from a palette; - connect nodes visually using interactive connectors; - store and display the list of all connections. The key idea in this part is the separation of logic from visual behavior. This implementation uses Foblex Flow's default stateless mode: the library tells you what happened when a node is added, a connection starts, or a drag completes, and the application updates its own signals. For editors that do not need a separate application store, the optional Managed Flow State plugin can hold typed graph records and apply supported gestures automatically. It does not change the manual event-driven approach shown in this series. In the next part, we’ll focus on styling and connection behavior. We’ll add curved lines, color schemes, arrows, custom states, and interactions like hover, click, and delete. These enhancements will give your flow editor a polished and professional feel.","excerpt":"🧩 Conclusion At this stage, our visual editor is starting to look much more like a real low-code platform. We’ve learned how to: - create custom Angular-based nodes; - render them inside the canvas; - drag items from a palette; - connect nodes visually using interactive connectors; - store and display the list of all connections. The key idea in this part is the separation of logic from visual behavior. This implementation uses Foblex Flow's default stateless mode: the library tells you what happened when a node is added, a connection starts, or a drag completes, and the application updates its own signals. For editors that do not need a separate application store, the optional Managed Flow State plugin can hold typed graph records and apply supported gestures automatically. It does not change the manual event-driven approach shown in this series. In the next part, we’ll focus on styling and connection behavior. We’ll add curved lines, color schemes, arrows, custom states, and interactions like hover, click, and delete. These enhancements will give your flow editor a polished and professional feel."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette#32","slug":"building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","route":"/blog/building-ai-low-code-platform-in-angular-part-3-creating-custom-nodes-and-a-node-palette","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette","description":"Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor.","group":"Building AI Low-Code Platform","vector":[-0.10254,-0.02707,-0.06484,0.05474,0.05039,0.00654,-0.04313,0.04294,-0.02275,0.10105,-0.09252,-0.04095,-0.00148,-0.0406,0.07296,0.09878,0.00675,0.01373,-0.02559,-0.03377,-0.05963,-0.03122,0.00313,-0.03113,-0.01817,0.07287,0.03437,-0.08162,0.05228,-0.0182,0.03803,0.02644,0.07961,0.04237,-0.12988,0.12767,-0.02073,-0.05922,0.00934,-0.05722,0.00642,0.07004,-0.03783,-0.08706,0.01686,-0.04402,-0.06886,-0.0309,-0.02911,-0.01017,-0.103,-0.14454,-0.06667,-0.0276,-0.05447,-0.00111,0.00694,-0.06841,0.0221,0.01467,0.06099,-0.00092,0.06909,0.02524,0.0855,0.04766,-0.09854,0.04974,0.01925,-0.05625,0.02094,-0.03594,0.00422,0.02288,-0.02317,-0.05175,-0.05755,0.03917,0.04623,0.00884,0.0116,0.00851,-0.00142,0.13115,-0.0283,0.08767,0.03034,-0.01391,0.00685,-0.04081,0.02781,0.03144,0.05856,0.01708,0.05873,0.04151,0.03149,-0.06336,-0.0896,0.06456,-0.05178,-0.01966,0.03247,-0.09059,-0.08273,0.02204,0.06182,-0.05241,-0.01151,-0.00347,0.00408,0.01254,-0.03852,-0.11159,0.03809,-0.00563,0.01567,0.00428,0.04333,0.09468,0.0066,-0.01944,-0.02187,0.04631,0.12325,0.00771,-0.05727,0,0.03554,0.06964,0.00087,0.01076,0.1214,-0.07093,0.02138,-0.07963,-0.07321,0.00535,0.07362,0.04654,-0.02452,0.07775,0.0256,-0.13799,-0.0041,-0.03386,0.05639,-0.0355,-0.02057,-0.09562,-0.0379,0.09532,0.05935,0.06503,0.03251,-0.03843,-0.00078,-0.01282,0.01172,0.04517,-0.06652,0.04473,-0.04053,-0.02386,-0.07265,-0.04806,-0.03849,0.03612,0.01818,-0.01295,-0.04717,-0.00544,0.01072,-0.01746,0.00562,-0.02154,0.08929,0.01693,-0.02176,0.06349,-0.02819,0.019,0.06078,-0.04912,-0.03587,0.05298,0.08833,0.019,0.02756,-0.04259,-0.02227,-0.01046,0.00239,0.01756,-0.0106,-0.03818,0.12723,-0.02426,-0.01292,-0.01698,0.00324,0.06296,-0.00835,0.00486,-0.03177,-0.05688,0.0684,-0.06695,-0.0511,-0.03166,-0.01097,0.07291,0.08412,-0.10095,-0.05692,0.00486,-0.08208,-0.01481,0.00422,0.03267,-0.01975,-0.03111,-0.01404,0,-0.03388,0.01161,-0.08758,0.05256,0.00473,-0.04401,0.00051,-0.00336,0.0653,0.12331,0.03374,0.00502,0.0236,0.00967,-0.01872,-0.02673,-0.00863,-0.06429,0.08822,-0.01134,0.06052,0.06946,-0.00587,-0.0372,-0.0328,0.05451,-0.03792,0.0309,0.02528,-0.01209,-0.01729,-0.00951,-0.02446,-0.06595,-0.02395,-0.01465,0.07314,-0.01546,-0.07893,-0.04352,0.05953,-0.06665,-0.00525,-0.03299,-0.06444,-0.0134,-0.07804,0.08231,-0.0401,-0.04414,-0.03659,-0.00823,0.00215,-0.0649,-0.09318,-0.05878,0.0693,0.0234,0.01308,0.08048,-0.04,-0.06471,0.05157,-0.00434,0.02144,0.00602,-0.05648,0.06503,-0.00083,-0.00391,0.04319,-0.00636,-0.01455,0.05784,0.00926,0.01477,0.07662,-0.04771,0.07267,-0.02442,0.02487,0.0562,0.00465,-0.02936,0.05028,0.02831,-0.06197,-0.03689,0.02302,0.11137,-0.10243,0.08247,0.04347,0.02611,-0.02705,0,-0.05091,0.05506,0.02101,0.02654,0.06627,-0.00603,-0.04469,-0.02123,0.01841,0.04267,-0.00564,-0.00885,-0.05246,0.03123,0.10269,0.04886,-0.02938,0.01574,-0.009,-0.03224,0.081,0.06441,-0.02466,0.00292,0.00653,-0.04749,0.04287,0.01039,-0.09339,0.06897,-0.0243,0.08875,0.08617,0.04272,-0.0365,-0.03233,-0.07275,-0.05045,-0.08137,-0.05406,0.0138,0.02612,-0.04759,-0.06976,-0.04783,-0.00917,-0.03503,-0.11735,0.04895,0.00176,-0.00971,-0.04175,-0.06082,0.02762,0.0526,0.03516,-0.02248,0.00832,0.02705,0.03072,-0.02124,0.0426,0.01582,-0.02093],"keywords":"Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Building AI Low-Code Platform in Angular — Part 3: Creating Custom Nodes and a Node Palette Build custom Angular nodes, interactive connectors, and a node palette with Foblex Flow to move from a basic demo to a real editor. 🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback! Git Hub","excerpt":"🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback!"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#0","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.14511,-0.00654,-0.00141,0.10867,0.00854,0.02165,0.02399,-0.02494,-0.00188,0.01198,-0.09556,0.04671,-0.07413,-0.04406,0.07965,0.11963,0.02526,-0.0485,-0.05012,0.00765,-0.0715,-0.0967,-0.01092,-0.02113,-0.01759,0.03614,0.00546,-0.02889,0.07358,-0.02716,0.0066,0.05397,-0.06647,0.04177,-0.14832,0.07166,0.06357,0.0222,-0.07833,-0.03954,0.05478,-0.00609,-0.03339,-0.05541,-0.012,-0.03822,-0.04188,-0.04864,-0.06167,0.02523,-0.05359,-0.11167,-0.02601,-0.00164,0.00694,0.0334,0.06583,-0.03833,0.02099,0.03751,0.04532,-0.0152,0.05879,0.02798,0.02591,-0.00349,-0.06175,0.05221,-0.00482,-0.025,-0.00559,-0.02209,-0.0357,-0.02845,-0.00308,0.00923,-0.05941,-0.01285,0.01439,-0.03446,0.08965,0.03931,-0.02632,0.11118,-0.00546,0.09495,0.02822,-0.10704,0.00478,-0.01338,0.00644,0.04018,0.06366,-0.02422,0.05051,0.02994,-0.02863,-0.07155,-0.08114,0.05927,0.00375,-0.01394,0.07028,-0.01434,-0.05753,0.01908,-0.0021,0.02302,-0.02079,-0.00098,0.02123,0.02087,-0.02519,-0.09043,-0.04705,0.00036,-0.02816,0.01679,0.07084,0.13402,0.03968,0.02196,-0.02009,-0.04015,0.0962,0.00147,-0.02676,0,0.03732,0.05672,-0.06595,0.03479,0.11485,-0.04172,-0.01482,-0.11177,-0.0557,0.02593,0.03149,0.01991,-0.06416,0.0953,0.00562,-0.11225,0.02685,-0.00182,0.00198,0.03649,-0.04067,-0.11241,-0.04921,0.0264,0.09061,0.07493,0.01533,0.05928,-0.00442,-0.00771,0.04017,-0.00165,0.01895,0.04836,-0.06363,-0.01401,-0.08799,-0.09099,0.0384,0.02642,0.02552,-0.04794,-0.1039,0.03301,-0.00287,0.0206,0.02456,0.02444,0.05774,-0.01137,-0.02271,0.08658,-0.01607,0.00017,0.03448,-0.11406,-0.0429,0.07041,0.03781,0.01791,-0.01677,0.03436,-0.06779,-0.03034,0.06024,0.01508,0.02373,0.01862,0.04715,-0.07965,-0.0345,0.03256,-0.01094,0.06615,0.00202,-0.05983,-0.0221,0.01256,0.12206,-0.03864,-0.05734,-0.02234,-0.00777,0.08333,0.05172,-0.10573,-0.00331,-0.06132,-0.10732,-0.00235,0.06581,0.04111,0.06873,-0.0175,-0.0533,0,-0.02951,0.02662,-0.04428,0.08992,0.00347,-0.0112,0.02858,0.0362,0.06783,0.07345,0.08554,0.05186,-0.01815,-0.02593,0.00556,0.02031,-0.07239,-0.03723,0.07619,-0.04245,0.08507,0.06327,0.01272,-0.04835,-0.07736,0.03098,-0.01569,-0.03799,0.01028,-0.00346,-0.02755,-0.03361,-0.02946,-0.03687,0.01406,-0.01539,0.03547,0.04442,-0.0038,-0.02125,0.01568,-0.01046,-0.00272,-0.02131,-0.06744,0.00202,-0.11655,0.01408,-0.09178,-0.03883,-0.02119,0.03136,-0.0357,-0.05978,-0.10757,-0.00609,0.07777,-0.02979,-0.00429,0.05114,-0.00787,-0.05614,0.01606,0.00103,0.04933,0.0284,-0.02988,-0.01272,0.04438,-0.01645,0.04777,-0.01876,0.00331,-0.0084,0.05164,-0.01261,0.10217,-0.0926,0.06822,0.00633,-0.05794,0.07842,0.00048,-0.03048,0.05856,0.05324,-0.07639,0.03198,0.06447,0.0575,-0.08602,0.06269,0.00049,0.00727,-0.03692,0,-0.02329,0.0435,-0.0083,-0.04915,0.05941,-0.01918,-0.0479,0.0081,0.00337,0.02952,-0.01273,0.02311,-0.06403,0.02263,0.10746,0.05699,-0.06532,0.05531,-0.07552,-0.06414,0.0704,0.06833,-0.01762,0.0837,-0.02051,-0.01021,0.06088,0.05685,-0.06812,0.0441,-0.03989,0.04645,0.03875,0.02706,-0.06517,-0.00242,-0.09769,-0.07625,-0.04047,0.03093,0.02885,-0.0506,-0.00303,-0.01917,0.0072,-0.01224,-0.02531,-0.04574,-0.03097,0.01071,-0.06009,-0.04433,-0.06535,0.01605,0.03136,-0.04991,0.01994,0.06866,0.03541,0.00913,-0.05503,0.07252,0.02312,-0.06034],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections In the previous part, we brought our node editor to life with custom components and a dynamic palette. This article focuses on the next layer: how connections behave, how they look, and how much control users have while editing them. Today, we’re upgrading our flow with some serious UX polish: - 🔁 Enable dynamic reattachment of connections (drag to reconnect!) - 🏁 Style connections with sleek SVG markers - ✨ Add hover highlights and interactivity Let’s turn static lines into smart, responsive connectors and give the editor the interaction quality users expect from a production workflow builder. 🔧 View the source code on GitHub Git Hub","excerpt":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections In the previous part, we brought our node editor to life with custom components and a dynamic palette. This article focuses on the next layer: how connections behave, how they look, and how much control users have while editing them. Today, we’re upgrading our flow with some serious UX polish: - 🔁 Enable dynamic reattachment of connections (drag to reconnect!) - 🏁 Style connections with sleek SVG markers - ✨ Add hover highlights and interactivity Let’s turn static lines into smart, responsive connectors and give the editor the interaction quality users expect from a production workflow builder. 🔧 View the source code on GitHub"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#1","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.10543,-0.00689,-0.05577,0.07494,-0.059,0.06955,0.01743,-0.02312,0.03854,0.0297,-0.06331,0.03482,-0.08445,-0.01477,0.02515,0.0439,-0.02858,0.00208,-0.05253,0.02132,-0.04747,-0.05165,-0.05157,-0.02617,0.01193,0.03978,0.02686,-0.03316,0.07787,-0.04787,0.00985,0.056,-0.08905,-0.00994,-0.11803,0.08956,0.04116,0.02063,-0.04148,-0.03922,0.10921,-0.00402,-0.0054,-0.06335,-0.0486,0.0433,-0.04406,0.00379,-0.02821,0.0136,-0.04421,-0.08367,-0.08663,0.08167,0.03035,0.0169,0.09545,-0.0556,0.01825,0.05781,0.05343,-0.01098,0.05217,0.01228,0.01013,-0.03141,-0.12013,0.01419,-0.01717,-0.0165,0.04378,-0.02657,-0.04252,-0.04499,0.00833,-0.00427,-0.05426,0.05937,0.01407,0.01981,0.08137,0.04317,-0.00924,0.09954,-0.01178,0.071,-0.00428,-0.09822,0.02272,-0.0647,0.01778,0.05486,0.03207,-0.007,0.05228,0.01609,-0.05983,-0.0246,-0.10147,0.04296,-0.02336,-0.02659,0.04148,0.01466,-0.08,0.01128,0.00059,-0.01176,-0.0375,-0.01144,0.01319,0.01267,0.03457,-0.07384,-0.02319,-0.00248,-0.08044,0.04102,0.02583,0.11336,-0.01853,0.01342,0.01432,-0.05733,0.11518,-0.02391,-0.01226,0,0.00404,0.04318,-0.05342,0.03645,0.09361,-0.03602,-0.00872,-0.08639,0.03309,0.0614,0.00228,0.06321,-0.06599,0.04647,-0.0343,-0.11836,0.02653,0.01637,0.02005,0.07209,-0.00436,-0.10461,-0.02084,0.00552,0.12356,0.04405,-0.03605,-0.00902,-0.01386,0.01081,0.04616,0.01626,-0.01802,0.01498,-0.09627,-0.01807,-0.0587,-0.06173,-0.02496,0.00305,0.04184,-0.02623,-0.14543,0.05566,0.00848,-0.01758,0.01853,-0.01148,0.06994,0.00354,-0.0034,0.04849,0.05033,-0.01638,0.03391,-0.11076,-0.08571,0.12448,0.00078,0.0423,-0.00193,0.06022,-0.08075,-0.00933,0.10486,0.00634,0.02612,0.06438,0.07953,-0.06607,-0.08319,0.04023,-0.0097,0.0402,-0.03681,-0.03755,-0.0159,0.02152,0.11533,-0.05106,-0.00291,-0.01383,0.01303,0.09116,0.08495,-0.12242,-0.04657,-0.08814,-0.08533,-0.02179,0.10866,0.05869,0.04091,0.02771,0.00337,0,-0.01905,-0.00022,-0.02787,0.04092,-0.02228,-0.0439,0.07783,0.04092,0.06271,0.06204,0.05601,0.02496,0.00731,-0.02381,0.02799,-0.00666,-0.0773,-0.05487,0.0506,-0.05608,0.05121,0.02451,0.01072,-0.10017,-0.02427,0.03011,-0.01791,-0.02563,0.00995,-0.01118,0.02337,-0.06912,-0.056,-0.02956,-0.03321,-0.00113,0.02164,0.08978,0.03615,-0.05042,0.05616,0.02607,0.03618,-0.02301,-0.06128,0.01002,-0.10291,-0.02848,-0.04024,-0.04416,-0.0696,0.02873,-0.05676,-0.03813,-0.06866,0.042,0.07403,-0.02256,-0.02725,0.03003,0.02714,-0.03583,0.03127,-0.01589,0.06321,0.04034,-0.0063,-0.02923,0.0135,0.01295,0.04503,0.00312,0.00382,0.02829,0.04375,0.01854,0.08441,-0.07905,0.06302,0.03344,-0.03441,0.0482,-0.03298,-0.02597,0.05734,0.05121,-0.07698,-0.01959,0.08436,0.06267,-0.09485,0.0196,0.04662,-0.01995,-0.04655,0,-0.05506,-0.00698,0.0122,-0.04391,0.09637,0.02406,-0.06941,0.04703,-0.00196,0.03,-0.00768,0.04369,-0.01537,0.015,0.0649,0.01956,0.00593,-0.0101,-0.02272,-0.08875,0.045,0.02632,0.03556,0.09864,-0.02187,-0.09078,0.03098,0.02381,-0.07001,0.01522,-0.03493,0.03764,0.08226,0.07461,-0.05535,-0.01003,-0.102,-0.00136,-0.1031,-0.01399,0.07244,-0.01623,0.01711,-0.02824,0.01176,0.02441,-0.00896,-0.02289,-0.03734,-0.02197,-0.05367,0.01389,-0.06226,0.00694,0.04081,-0.0032,-0.01881,0.04466,-0.00089,0.00776,-0.08281,0.06945,0.03935,-0.07318],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 🔁 Reattaching Connections Connections in Foblex Flow aren’t just static wires — they’re fully interactive and reconfigurable. Each end of a connection features a drag handle — an invisible area you can grab to change where the connection starts or ends. ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" :::","excerpt":"🔁 Reattaching Connections Connections in Foblex Flow aren’t just static wires — they’re fully interactive and reconfigurable. Each end of a connection features a drag handle — an invisible area you can grab to change where the connection starts or ends. ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" :::"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#2","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.08636,0.00435,-0.03784,0.08219,-0.01256,0.08829,-0.02659,-0.00977,0.04616,0.03185,-0.05068,0.02779,-0.04627,-0.00107,-0.01679,0.04734,-0.04923,0.02957,-0.09145,0.00963,0.00177,-0.02321,-0.04709,0.01844,0.01119,0.05118,0.00981,-0.05097,0.10026,-0.06485,-0.00571,0.02941,-0.09763,-0.02798,-0.11863,0.07601,0.00852,0.02175,-0.0137,-0.05043,0.09379,0.01379,0.00432,-0.05357,-0.09582,0.05001,-0.03431,0.01664,-0.04752,0.0475,-0.05455,-0.08043,-0.02617,0.08842,0.01595,-0.01916,0.0808,-0.06638,0.01964,0.03422,0.00561,0.01256,0.03974,-0.01782,0.03152,-0.01911,-0.10713,0.02515,-0.05924,0.02709,0.07394,-0.05578,-0.06215,-0.017,0.03207,0.02616,-0.07157,0.07714,0.01662,0.0883,0.09424,0.00634,-0.02003,0.10888,-0.04108,0.10887,-0.02346,-0.03232,0.03672,-0.07264,0.01778,0.0002,0.06687,0.02029,0.07993,-0.03381,-0.07763,-0.03426,-0.10749,0.00795,-0.03146,-0.02481,0.03079,0.03155,-0.03843,0.00323,0.03575,-0.03646,-0.02036,0.0049,0.04446,-0.00585,0.04677,-0.04679,-0.00314,-0.00357,-0.09573,0.02435,-0.0099,0.09407,-0.04818,0.04167,-0.03026,-0.02697,0.13678,-0.01833,0.0063,0,-0.02689,0.02392,-0.04066,-0.00074,0.08221,-0.02,-0.02893,-0.06935,0.00733,0.02989,0.01203,0.01086,-0.07184,0.04326,-0.04704,-0.11797,0.06023,0.05844,-0.03636,0.06361,0.00463,-0.11401,-0.06282,-0.04338,0.06629,0.01268,-0.0623,-0.00913,-0.01309,-0.00118,-0.01136,0.0097,-0.00312,0.01596,-0.1031,-0.0205,-0.0698,-0.00624,0.01601,0.01032,0.02922,-0.00701,-0.10635,0.10763,0.00671,-0.02266,0.04542,-0.01013,0.03427,-0.01415,0.00727,0.0457,0.05612,-0.04014,0.0548,-0.14459,-0.04365,0.12938,0.01813,0.03775,-0.03627,0.06094,-0.0782,-0.01416,0.08891,-0.0144,-0.03137,0.06212,0.09597,-0.05013,-0.07446,-0.02656,-0.02841,0.06476,-0.03806,-0.05289,-0.00994,-0.04233,0.14413,-0.06967,-0.02988,0.03378,0.0408,0.04012,0.11429,-0.12193,-0.07641,-0.06455,-0.10021,-0.03957,0.05165,0.04047,0.03247,0.04986,0.02339,0,-0.02036,0.01503,0.00407,0.06976,-0.02843,0.00054,0.0779,0.04856,0.07385,0.04109,0.03885,0.02294,-0.02027,-0.00147,0.02634,-0.04113,-0.05085,-0.04758,0.07178,-0.08104,0.07589,-0.02622,-0.03784,-0.05022,-0.03046,0.02791,-0.00193,0.00731,0.03126,-0.02017,0.02443,-0.07994,-0.05236,-0.0712,-0.04156,-0.01735,-0.01133,0.13435,0.05908,0.01536,0.01218,0.01343,0.04928,0.02827,-0.01094,-0.01642,-0.07323,-0.02328,-0.00599,-0.05353,-0.07207,0.04007,-0.05469,0.00973,-0.04626,-0.00392,0.06757,-0.0173,-0.03379,-0.00927,0.00276,0.00309,0.04421,-0.06244,0.05657,0.05174,0.01262,-0.01197,0.01583,-0.00821,0.01497,0.02744,0.01787,0.04147,0.04307,-0.00018,0.10333,-0.06856,0.08879,-0.01962,-0.04944,0.0273,-0.01169,-0.03016,0.02502,0.04811,-0.06268,-0.04251,0.06297,0.09545,-0.07897,-0.00283,0.04452,-0.05528,-0.06866,0,-0.06394,-0.00838,0.04212,-0.02608,0.03534,0.0184,-0.03632,0.0413,0.06838,0.01964,-0.0099,0.02792,0.01265,0.01972,0.07041,-0.01037,0.00874,0.01153,-0.01467,-0.09683,0.06966,-0.00487,0.0334,0.0427,-0.04141,-0.1254,-0.003,0.05172,-0.05459,-0.01638,-0.01658,0.05916,0.04568,0.04131,-0.04394,-0.02301,-0.05891,-0.01212,-0.08679,0.04164,0.08848,0.00703,-0.01115,-0.0591,-0.02066,0.03219,0.03658,-0.02174,-0.04301,0.00774,-0.00205,0.02395,-0.05097,0.03287,0.06435,-0.03487,-0.04416,0.00818,-0.02064,-0.00181,-0.01747,0.06292,0.02457,-0.03473],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. By default, only the target end (input) is draggable. But you can also make the source end (output) reassignable by setting the fReassignableStart=”true” input. This gives you precise control over which ends can be modified — on a per-connection basis. ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" ::: f Reassignable Start","excerpt":"By default, only the target end (input) is draggable. But you can also make the source end (output) reassignable by setting the fReassignableStart=”true” input. This gives you precise control over which ends can be modified — on a per-connection basis. ::: ng-component <drag-to-reassign</drag-to-reassign [height]=\"600\" :::"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#3","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.09435,-0.01602,-0.07077,0.06908,-0.02432,0.07726,0.00549,0.00516,0.05983,-0.00089,-0.05399,-0.00473,-0.06753,0.01614,0.02463,0.05223,-0.05132,0.00959,-0.04048,0.02483,-0.03831,-0.05711,-0.03411,-0.03273,-0.00108,0.01897,0.04268,-0.05914,0.06915,-0.02568,0.019,0.04583,-0.10829,0.00687,-0.1018,0.05856,0.04387,0.00748,-0.03085,-0.03367,0.10677,-0.00656,0.02078,-0.06046,-0.04195,0.05237,-0.02925,0.01555,-0.03198,0.0633,-0.0512,-0.05691,-0.05346,0.08626,0.03379,0.04682,0.06791,-0.07361,-0.01767,0.04161,0.06272,-0.0365,0.0128,0.01747,0.00357,0.00204,-0.1193,0.03993,-0.01255,-0.00859,0.01787,-0.00753,-0.01106,-0.03462,0.05665,0.00602,-0.03452,0.06129,0.01271,0.02388,0.07728,0.04211,-0.0059,0.06691,0.02542,0.07915,0.00182,-0.10641,-0.01178,-0.04697,-0.00291,0.05575,0.02805,-0.00067,0.06221,0.01399,-0.08133,-0.01982,-0.11863,0.05136,-0.03463,-0.01927,0.00674,0.03809,-0.05668,-0.00279,-0.0119,-0.01815,-0.0421,-0.02623,-0.00403,0.0035,0.049,-0.08754,-0.02163,0.00535,-0.07525,0.02689,0.05149,0.07806,-0.02928,0.01396,0.0156,-0.00676,0.10951,-0.04466,-0.033,0,-0.01884,0.02949,-0.04164,0.00163,0.11301,-0.01495,0.02333,-0.07073,0.0148,0.0333,-0.01941,0.02848,-0.05712,-0.00818,-0.03683,-0.15178,0.01994,0.01255,0.01576,0.04475,0.05674,-0.10912,-0.01369,-0.00902,0.07652,0.03017,-0.03516,0.0141,0.00365,0.03726,0.02761,0.00031,-0.0391,0.01707,-0.08412,-0.04299,-0.07105,-0.05193,-0.05005,0.02205,0.03966,-0.03477,-0.15315,0.0272,-0.00079,-0.05526,0.0159,0.02792,0.1008,-0.01947,0.01434,0.02563,0.03085,-0.00712,0.03885,-0.1052,-0.09598,0.08403,0.00803,0.02321,-0.03349,0.05971,-0.06566,-0.03324,0.07156,0.02379,-0.00602,0.02347,0.04385,-0.068,-0.04889,0.05824,-0.03049,0.01248,0.01096,-0.02137,-0.00305,0.01007,0.1087,-0.05983,-0.0353,-0.02013,0.0175,0.10503,0.09536,-0.08867,-0.05039,-0.09733,-0.08289,0.00334,0.06866,0.02748,0.06108,0.01667,0.04255,0,-0.03443,0.00947,-0.00833,0.04387,0.02938,-0.02797,0.08154,-0.00178,0.045,0.08107,0.06113,0.02168,-0.01739,-0.03914,0.05326,0.00141,-0.03338,-0.07657,0.05388,-0.01606,0.05449,0.03172,-0.00281,-0.09309,-0.03348,0.031,0.02638,0.00702,-0.00504,0.0096,0.00467,-0.02334,-0.06505,-0.03962,-0.04347,0.00229,0.02817,0.07179,0.01795,-0.05669,0.06502,0.00816,-0.01219,0.00288,-0.04592,-0.00109,-0.12405,-0.05154,-0.01,0.00369,-0.08027,0.01215,-0.08286,-0.01646,-0.08952,0.07311,0.11388,0.00677,-0.05678,0.03745,0.01336,-0.07318,0.06016,-0.02851,0.14303,0.01126,0.00314,0.03184,0.04547,0.04729,0.06582,0.06033,0.01525,0.03658,0.06696,0.01681,0.08763,-0.08236,0.06228,0.05601,-0.04286,0.04337,-0.01101,-0.00729,0.05511,0.003,-0.02998,-0.01664,0.05855,0.07021,-0.08912,0.01728,0.05917,-0.05388,-0.03659,0,-0.0799,-0.01883,-0.01331,-0.04334,0.06736,0.03253,-0.10292,0.01677,-0.01712,0.00999,-0.03651,0.06359,-0.00445,0.02751,0.06694,-0.03898,0.01583,-0.02586,-0.03537,-0.11089,0.04078,0.03057,0.03827,0.10688,-0.02971,-0.11008,0.04201,0.02658,-0.04302,-0.00052,-0.04688,0.04467,0.05564,0.05894,-0.09239,0.02543,-0.05007,0.00271,-0.12893,0.0165,0.08036,0.03526,-0.01778,-0.02917,0.01874,0.04222,-0.01711,-0.03915,-0.02248,0.03559,-0.0501,0.04843,-0.05386,0.0674,0.03011,-0.01901,-0.03786,0.00386,0.00131,0.00439,-0.08814,0.0622,0.0439,-0.06422],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. Want to rewire a connection? Just drag one of its ends and drop it onto another connector. Foblex Flow takes care of the rest — when the drag operation finishes, it emits the fReassignConnection event from the \\<f-flow component itself (not from the connection element): f Reassign Connection","excerpt":"Want to rewire a connection? Just drag one of its ends and drop it onto another connector. Foblex Flow takes care of the rest — when the drag operation finishes, it emits the fReassignConnection event from the \\<f-flow component itself (not from the connection element):"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#4","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.10588,0.01027,-0.00268,0.06948,-0.02478,0.07887,-0.02613,-0.04673,0.04268,0.0163,-0.08927,-0.00599,-0.09426,-0.02577,0.07544,0.08074,-0.04209,0.02762,-0.07369,-0.04527,-0.03577,-0.03177,-0.05332,-0.00107,0.00691,0.04704,0.0354,-0.0331,0.07776,0.00197,0.01452,0.04256,-0.05139,-0.00488,-0.0628,0.11074,0.02145,0.03039,-0.01303,-0.01918,0.08679,0.00395,-0.02249,-0.069,-0.02934,0.00898,-0.03998,-0.02063,-0.06681,0.04894,-0.03339,-0.07626,-0.08444,0.04587,0.0504,0.03621,0.06557,-0.07951,0.03488,0.01119,0.05705,-0.01263,0.07178,0.01516,0.01556,-0.00914,-0.12772,0.01339,-0.00743,0.00077,0.08463,-0.02828,-0.01014,-0.05788,0.00387,0.00652,-0.06022,0.02567,0.01195,0.01449,0.04821,0.02888,-0.00929,0.09321,0.03773,0.0649,-0.04841,-0.10514,0.04545,-0.04211,-0.01111,0.00783,0.02441,0.01183,0.11179,-0.00743,-0.05164,-0.03062,-0.09763,0.04898,-0.03317,-0.01044,0.01769,-0.01394,-0.05504,0.0077,0.01613,-0.00597,-0.03602,-0.03336,0.02539,0.01461,0.05454,-0.05901,-0.03676,0.00969,-0.04157,0.04105,-0.04463,0.1116,-0.0045,-0.00214,-0.00107,-0.0739,0.11529,-0.04258,-0.01343,0,-0.01035,0.04616,-0.06443,0.03909,0.1259,-0.05046,0.01163,-0.09711,0.02314,0.03979,0.03233,0.04043,-0.07097,0.01198,-0.09654,-0.10504,0.02867,0.03216,0.01787,0.09482,-0.01751,-0.08878,-0.0632,0.01633,0.04871,0.04945,-0.00243,-0.00354,-0.04949,0.02249,0.04972,-0.02204,-0.00267,0.02197,-0.10683,-0.0307,-0.0641,-0.04927,-0.01897,0.04169,0.05752,-0.00238,-0.14829,0.00604,0.00323,-0.01839,0.01201,0.02797,0.13789,-0.01588,0.04484,0.05844,0.03788,-0.02851,0.01963,-0.09997,-0.09267,0.10988,0.03141,0.03273,-0.01548,0.02787,-0.07418,-0.01694,0.08539,-0.00139,0.02822,0.00123,0.05939,-0.08204,-0.03394,0.05537,-0.02385,0.08115,-0.01527,-0.02518,0.01078,0.02282,0.11548,-0.06216,-0.03979,-0.00373,0.00419,0.09157,0.10898,-0.0896,-0.05175,-0.09901,-0.11504,-0.01041,0.09718,0.0113,0.0404,0.02417,0.0302,0,-0.03117,0.00928,-0.04602,0.02603,-0.01014,-0.02857,0.07001,0.01729,0.08686,0.07051,0.06565,0.008,-0.02247,-0.01268,0.01729,0.00777,-0.06389,-0.03903,0.06113,-0.02503,0.05681,0.03925,0.01874,-0.08262,-0.03962,0.0724,-0.05393,-0.01134,0.05746,-0.02397,0.00387,-0.07925,-0.05243,-0.01185,0.00124,0.00156,0.01549,0.05094,-0.00887,0.00663,0.06967,0.01976,0.00178,0.00727,-0.06349,0.01068,-0.06461,-0.02058,-0.01442,-0.0297,-0.02939,0.00569,-0.04111,-0.01928,-0.11255,0.07203,0.09229,-0.03947,-0.07034,0.06985,-0.03831,-0.03577,0.07937,-0.00398,0.04557,0.01024,0.00231,-0.02062,0.01803,-0.02231,0.0449,0.00803,-0.02231,0.06066,0.03146,0.00161,0.08767,-0.09699,0.05826,0.01423,-0.04487,0.01571,-0.03139,-0.01352,0.06523,0.02296,-0.05776,-0.03582,0.05944,0.05952,-0.09339,0.01502,0.02611,-0.03801,-0.05016,0,-0.08603,-0.00566,0.02685,-0.03656,0.07879,-0.01889,-0.09103,0.05543,0.0274,-0.00861,-0.01773,0.01993,0.00382,-0.03209,0.05362,-0.0051,0.01022,0.00747,-0.0483,-0.11434,0.03819,0.01784,0.02562,0.07323,-0.02306,-0.09398,0.06151,0.03444,-0.07918,0.0295,-0.0381,0.04525,0.07832,0.06159,-0.0494,-0.04036,-0.06176,-0.03796,-0.05422,0.02463,0.06249,0.01376,0.00096,-0.0326,-0.00051,0.00162,-0.04737,-0.04438,-0.02024,-0.00988,-0.04836,0.02028,-0.07795,0.02629,0.02536,0.00624,0.01087,0.02278,0.01845,0.00136,-0.04674,0.0714,0.04391,-0.08016],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. This event contains everything you need to handle the reattachment: 🧠 Tip:","excerpt":"This event contains everything you need to handle the reattachment: 🧠 Tip:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#5","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.114,-0.01466,-0.04536,0.00286,0.02297,0.06805,0.08047,-0.009,0.08021,-0.0251,-0.10748,0.00936,-0.07471,0.01976,0.04154,0.05432,-0.02578,-0.03018,-0.04954,-0.03877,-0.03081,-0.02157,-0.03205,-0.03657,0.029,0.00952,0.07233,-0.07954,0.04968,0.01259,0.04053,-0.00109,-0.06827,-0.05463,-0.05691,0.02731,0.01783,0.03163,0.01023,0.05264,0.14024,0.03021,-0.02881,-0.0121,-0.01551,0.05948,-0.03202,0.1227,-0.03935,0.06512,-0.03286,-0.02617,-0.05118,0.01361,0.02237,0.10406,0.03919,-0.03921,-0.02056,0.03177,0.05692,-0.05471,0.0287,0.00945,0.00851,0.01317,-0.0617,-0.00486,-0.00693,-0.00349,0.05172,0.01337,-0.01292,-0.05811,-0.01084,-0.04446,-0.02722,0.02502,-0.01371,0.00946,0.07684,0.04308,0.01334,0.02437,0.01651,0.0578,-0.00099,-0.06053,0.0036,-0.04724,-0.00107,0.0231,-0.02091,-0.01527,0.09766,0.06723,-0.03202,-0.01587,-0.09566,0.06728,-0.03859,-0.02639,-0.03031,0.03832,-0.0096,-0.02129,-0.04271,-0.02022,-0.03742,0.04841,0.00674,0.04489,0.09418,-0.03182,-0.08177,0.00365,-0.00274,0.05216,-0.02076,0.08651,-0.03521,0.00806,0.02844,-0.001,-0.03243,-0.00057,-0.03022,0,-0.00966,-0.03625,-0.03963,0.00772,0.07741,-0.01268,-0.03663,-0.09303,0.0341,0.02983,-0.02449,0.01504,-0.05424,-0.01602,-0.02153,-0.04797,0.02849,0.06839,0.04127,0.02267,-0.04246,-0.12057,-0.08121,0.02618,0.10525,0.05866,-0.02714,0.03465,-0.02671,0.00396,-0.00194,-0.0374,-0.00885,-0.01424,-0.0764,-0.07985,-0.15769,-0.07114,-0.05856,-0.00746,0.06162,-0.01258,-0.14169,0.08583,-0.0755,-0.03971,-0.00375,-0.0031,0.07755,-0.05789,0.02076,0.03252,0.0121,-0.09842,0.01043,-0.08013,-0.09215,0.01772,0.0327,-0.0357,0.00341,0.0141,-0.0463,0.02977,0.13198,0.01706,-0.04597,-0.03359,0.04073,-0.05963,-0.0045,0.02676,-0.03661,0.0397,-0.02232,-0.02738,-0.07472,0.01571,0.10315,-0.00936,0.05156,-0.04395,0.00729,0.06557,0.09893,-0.00009,0.0029,-0.12144,-0.10482,0.02245,0.08159,0.04015,0.00261,0.01529,0.06715,0,-0.08703,-0.01287,-0.04296,0.00336,-0.01239,-0.0115,0.0639,0.04391,0.08057,0.07603,0.0626,0.07921,-0.07997,0.01311,0.0202,0.06484,0.01095,-0.08356,-0.01749,0.00548,0.06971,-0.01039,-0.03055,-0.11305,-0.0056,-0.00806,0.04229,-0.0355,-0.01998,-0.02564,-0.04056,0.02509,-0.08098,0.04996,0.00923,0.02299,0.04542,0.03733,-0.04049,-0.0026,0.05947,0.03473,-0.00137,0.04208,-0.01238,0.03204,-0.04477,0.02707,-0.06872,0.01848,-0.0516,0.0688,0.01218,0.01314,-0.01771,0.04513,0.06148,-0.04793,-0.0164,0.00101,0.01937,-0.06611,-0.01081,-0.00899,0.08481,0.02684,-0.03193,0.0372,0.03489,0.03306,0.06176,0.00666,0.0096,-0.02402,0.04312,-0.00467,0.08118,-0.08616,0.04936,-0.01295,-0.04956,0.06122,0.00412,-0.09687,0.09542,0.0404,0.0014,-0.00243,0.06104,0.10741,-0.08306,-0.02498,-0.01602,-0.0138,-0.08978,0,-0.09686,0.05956,-0.05904,-0.07433,0.07825,-0.02551,-0.09895,-0.00847,0.0509,-0.03499,-0.0741,0.01404,0.02551,0.06165,0.13575,-0.00209,0.07621,-0.04399,-0.02561,-0.07693,0.06395,0.07565,0.02759,0.06205,0.01384,-0.11975,0.04523,0.03026,-0.0474,0.02622,-0.04771,0.01458,-0.01181,0.08049,-0.03521,0.04993,-0.0818,-0.02308,-0.02527,0.03846,0.074,-0.0207,-0.00969,0.04583,-0.02117,0.06,-0.00593,-0.06839,0.01368,0.05004,-0.05347,0.01471,0.04771,-0.02745,0.01121,-0.03102,-0.0015,-0.02293,-0.00802,0.00729,-0.10334,0.02826,0.01796,-0.04086],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. The event will still be triggered even if the user doesn’t drop the connection onto another connector. In that case, newTargetId (or newSourceId) will be undefined, but you’ll still receive the exact dropPoint — the canvas coordinates where the user released the connection. This is extremely useful if you want to open a context menu or create a new node on the fly at that position. Here’s how to update your connection list when the target changes: new Target Id new Source Id drop Point","excerpt":"The event will still be triggered even if the user doesn’t drop the connection onto another connector. In that case, newTargetId (or newSourceId) will be undefined, but you’ll still receive the exact dropPoint — the canvas coordinates where the user released the connection. This is extremely useful if you want to open a context menu or create a new node on the fly at that position. Here’s how to update your connection list when the target changes:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#6","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.11222,0.01434,-0.04081,0.02915,-0.01851,0.01774,-0.02067,0.01824,0.01726,0.02096,-0.10923,-0.01719,-0.06319,-0.03606,0.08074,0.08292,-0.02354,-0.00103,-0.05705,-0.0211,-0.05625,-0.0535,-0.01843,-0.01658,-0.03034,0.05881,0.0348,-0.04725,0.08848,-0.03576,0.02117,0.05674,0.0216,0.03356,-0.12038,0.10097,0.0368,0.00563,-0.03493,-0.04095,0.03927,0.05386,-0.01522,-0.04528,-0.03791,0.00521,-0.04252,-0.042,-0.06951,0.00854,-0.0798,-0.09644,-0.06473,0.04916,0.01945,0.01349,0.05083,-0.07178,0.01578,0.01882,0.05199,-0.01416,0.06178,0.0356,0.03826,0.00588,-0.11364,0.01273,-0.00893,-0.04856,0.02336,-0.02413,-0.00717,-0.01495,-0.01746,-0.02341,-0.02428,-0.00124,0.03709,-0.00645,0.02714,0.02186,-0.02171,0.10966,-0.00301,0.07379,-0.00207,-0.07913,0.0207,-0.03731,0.03296,0.01715,0.0476,0.01717,0.11381,0.01751,-0.01536,-0.04861,-0.13837,0.06144,-0.03135,-0.02849,0.0538,-0.00347,-0.05284,0.00316,0.04357,-0.02744,-0.0275,-0.03539,-0.00814,0.00789,0.01101,-0.0768,-0.03901,-0.00939,-0.04105,0.01406,0.01929,0.12977,0.03225,-0.00031,-0.01343,-0.03016,0.09916,-0.02831,-0.04,0,0.02625,0.04988,-0.03476,0.03458,0.13364,-0.05587,0.01506,-0.08462,0.00214,0.05266,0.02464,0.04004,-0.07053,0.06469,-0.01448,-0.1159,0.01004,0.00633,0.03834,0.06237,0.03042,-0.14372,-0.05048,0.04215,0.07312,0.07726,0.01304,-0.0059,-0.02932,0.02512,0.01298,-0.03451,-0.03835,0.01731,-0.06626,-0.02994,-0.09263,-0.06517,-0.01072,0.02114,-0.00895,-0.03076,-0.1112,0.01886,0.01592,-0.02273,-0.00142,-0.0007,0.11946,0.03953,0.00968,0.03345,0.03353,-0.00612,0.06055,-0.08896,-0.06047,0.10346,0.04825,0.02306,-0.01411,0.00607,-0.07448,-0.03263,0.04488,0.00219,-0.00046,-0.0162,0.09699,-0.05204,-0.03759,0.04961,0.01029,0.09518,-0.01377,-0.00423,0.01656,0.00121,0.08999,-0.06762,-0.05855,0.02195,-0.0043,0.11199,0.09901,-0.08603,-0.03985,-0.05358,-0.12491,0.01569,0.04525,0.01069,0.02441,0.01412,-0.01379,0,-0.07224,0.00492,-0.06612,0.05093,0.00141,-0.02211,0.08264,-0.01164,0.09611,0.10194,0.07411,0.03686,-0.00339,-0.01994,0.05351,-0.01955,-0.04432,-0.05968,0.09218,-0.03056,0.02792,0.06963,-0.02809,-0.0832,-0.04841,0.06284,-0.04944,-0.00718,0.0251,0.00029,-0.00303,-0.03582,-0.03783,-0.05404,-0.02748,-0.00785,0.02154,0.05979,-0.02873,-0.03475,0.0607,-0.02108,0.01791,0.00073,-0.09587,0.01591,-0.07386,-0.01257,-0.03214,-0.03126,-0.0257,-0.00113,-0.02441,-0.03991,-0.10476,0.04034,0.07641,-0.00275,-0.05832,0.08556,-0.03283,-0.02626,0.0745,0.00653,0.04323,0.00787,-0.04095,0.03227,0.00652,0.00611,0.044,-0.00266,-0.02287,0.08334,0.03629,0.02025,0.08183,-0.06046,0.07152,0.03633,-0.02544,0.0529,-0.02769,0.01271,0.07373,0.02744,-0.06067,-0.05585,0.03777,0.06609,-0.08844,0.06446,0.01851,-0.01479,-0.0613,0,-0.06897,-0.00397,0.02333,-0.03765,0.05762,0.00421,-0.08445,0.02084,0.02765,0.03904,-0.00016,0.01129,-0.04171,-0.02885,0.09327,0.03189,-0.0311,0.00435,-0.05303,-0.11398,0.06698,0.0277,-0.01588,0.04591,-0.01465,-0.06525,0.07808,0.03115,-0.0767,0.03465,-0.01936,0.10725,0.08604,0.03138,-0.02271,-0.00951,-0.08166,-0.03831,-0.1066,0.01684,0.04272,0.00596,-0.01082,-0.07327,0.00573,0.0336,-0.04862,-0.06796,-0.01727,-0.01236,-0.04955,0.01175,-0.06447,0.07929,0.03177,0.01355,0.01317,-0.00249,0.05369,-0.00014,-0.04289,0.08952,0.04475,-0.02962],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","excerpt":""},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#7","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.12158,-0.01925,-0.03725,0.08992,-0.01336,0.06475,-0.01941,-0.00941,0.04695,0.02254,-0.09771,0.0324,-0.06195,-0.01562,0.04348,0.06001,-0.03725,0.0192,-0.06135,-0.01095,-0.05353,-0.0319,-0.03698,-0.0056,0.01178,0.04859,0.02,-0.03624,0.06052,-0.02224,0.00741,0.04662,-0.06832,0.00497,-0.12099,0.12015,0.01748,0.03616,-0.03858,-0.05034,0.05448,0.00662,-0.00393,-0.03733,-0.0373,0.00816,-0.04007,-0.00548,-0.03755,0.06209,-0.0512,-0.10593,-0.06229,0.04812,0.00926,0.01706,0.09431,-0.07204,0.00267,0.02868,0.04848,0.00601,0.07365,0.03546,0.00291,-0.00011,-0.10105,0.05987,-0.00197,-0.03511,0.05665,-0.02099,-0.04271,-0.04635,0.00728,-0.03453,-0.06783,0.03621,0.00554,0.03202,0.0827,0.02528,-0.00612,0.10955,0.00802,0.06983,0.01512,-0.08042,0.07134,-0.0431,0.01896,0.04648,0.06161,-0.02844,0.08762,-0.01534,-0.05154,-0.0148,-0.11889,0.04758,-0.03107,-0.01059,0.03468,-0.0129,-0.03703,-0.01757,0.03856,-0.02231,-0.02461,-0.00504,0.00129,0.01076,0.0407,-0.06524,-0.01395,-0.00108,-0.06897,0.02107,0.00345,0.10821,-0.00369,0.00948,-0.02099,-0.04963,0.13979,-0.02097,-0.00975,0,0.02033,0.04263,-0.03415,0.04249,0.11502,-0.0565,0.01351,-0.07305,-0.01341,0.00639,0.02959,0.06442,-0.04012,0.07988,-0.07431,-0.13089,-0.00136,0.04438,0.03027,0.05496,-0.0104,-0.11466,-0.04241,-0.00273,0.07513,0.06986,-0.0136,0.03289,0.01514,0.00721,0.01899,-0.01698,-0.0407,0.01795,-0.10563,-0.01456,-0.05434,-0.06131,0.03323,0.02569,0.04402,-0.03845,-0.12514,0.02787,-0.00652,-0.03617,-0.00507,0.04041,0.06423,-0.01667,0.03881,0.05835,0.01423,-0.01403,0.03343,-0.12182,-0.08292,0.09782,0.01757,0.02634,-0.01168,0.07297,-0.08878,-0.00276,0.08835,0.00312,0.00269,0.04387,0.09413,-0.06005,-0.0781,0.02854,-0.04039,0.03464,-0.02636,-0.03213,-0.01347,-0.01173,0.13099,-0.05141,-0.03545,-0.04271,0.01707,0.09626,0.09682,-0.11846,-0.05159,-0.08247,-0.11652,-0.02484,0.10233,0.02813,0.05381,0.03834,0.03492,0,-0.03619,-0.00397,-0.03369,0.06372,-0.00692,-0.01454,0.05435,0.02103,0.06521,0.04165,0.01942,0.01298,-0.01703,-0.01661,0.01911,-0.00979,-0.07117,-0.06188,0.04527,-0.05224,0.06523,0.02552,0.01083,-0.06929,-0.04354,0.04718,-0.02523,-0.00217,0.01825,-0.01587,-0.00147,-0.0843,-0.05688,-0.06555,-0.01109,0.02663,0.01769,0.09967,0.0016,0.01424,0.03011,0.00541,0.01477,0.00741,-0.05588,0.05766,-0.09558,0.0011,-0.02995,-0.03975,-0.05818,0.02712,-0.06275,-0.07058,-0.0818,0.04278,0.09149,-0.02146,-0.04882,0.02705,-0.02998,-0.04001,0.06375,-0.02584,0.04216,0.01996,-0.00405,0.00054,-0.00217,-0.00207,0.04731,-0.00865,-0.00256,0.02408,0.08288,-0.00166,0.10202,-0.0847,0.05447,-0.00149,-0.01818,0.05301,0.00102,-0.04671,0.04565,0.01978,-0.07168,-0.03789,0.062,0.06787,-0.09965,0.04324,0.03066,-0.02581,-0.06303,0,-0.05794,0.01759,0.03968,-0.0317,0.05868,-0.00143,-0.06148,0.05682,0.03749,0.02584,0.00345,0.01904,-0.00166,-0.00642,0.0653,0.02118,0.00665,0.0049,-0.03386,-0.10655,0.08776,0.02472,0.00874,0.07223,0.00239,-0.07981,0.03514,0.02531,-0.05377,0.02435,-0.02529,0.04195,0.09417,0.0856,-0.04827,-0.02238,-0.06728,-0.02878,-0.09221,-0.01451,0.06685,0.0282,-0.02611,-0.05527,-0.00735,0.01194,-0.00214,-0.04632,-0.01759,0.00471,-0.0467,0.01629,-0.03563,0.04509,0.04826,0.00688,-0.02141,0.00772,0.02487,0.00716,-0.0817,0.09506,0.05051,-0.057],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. That’s it — your users can now interactively rewire the flow by grabbing connection ends and reattaching them wherever they need. It’s a small feature, but it makes the editor feel dynamic, intuitive, and alive. <https://flow.foblex.com/examples/drag-to-reassign","excerpt":"That’s it — your users can now interactively rewire the flow by grabbing connection ends and reattaching them wherever they need. It’s a small feature, but it makes the editor feel dynamic, intuitive, and alive. <https://flow.foblex.com/examples/drag-to-reassign"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#8","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.11025,0.00234,-0.07052,0.03164,-0.06114,0.04549,-0.01506,0.01113,0.0396,0.01097,-0.10698,-0.02617,-0.08221,-0.01202,0.08129,0.08325,-0.06963,-0.01933,-0.03013,0.00799,-0.01228,-0.07039,-0.02101,-0.0246,-0.04618,0.06914,0.06911,-0.0205,0.07511,-0.04588,0.00866,0.0324,-0.02431,0.0228,-0.07982,0.04234,0.04005,0.05809,-0.03585,-0.0505,0.07926,0.02108,0.01419,-0.06236,0.00406,0.0272,-0.04237,-0.00221,-0.06505,0.01932,-0.07084,-0.10995,-0.07873,0.07494,-0.00344,0.02524,0.02644,-0.02998,0.022,0.02982,0.04873,-0.01613,0.03609,0.00351,-0.02992,0.0119,-0.09923,0.03419,0.01883,-0.02099,-0.01241,-0.0416,-0.00293,-0.09297,0.00518,-0.02791,-0.01768,0.03882,0.00355,-0.04961,0.03334,0.03572,-0.0143,0.10693,-0.00638,0.07184,-0.00028,-0.12312,0.03854,-0.0176,0.04813,0.07979,0.00696,-0.00982,0.0846,0.0266,-0.04021,-0.0537,-0.08412,0.05372,-0.01193,-0.04053,0.09551,0.03807,-0.01624,0.02619,0.0155,0.00192,-0.02542,-0.02278,-0.0014,0.00862,0,-0.07347,-0.02347,-0.02563,-0.06185,0.03425,0.06303,0.11496,0.01857,-0.02151,-0.00789,-0.04188,0.09945,-0.02494,-0.0109,0,0.0077,0.07127,-0.01808,0.03639,0.12649,0.01636,-0.03656,-0.0848,0.02153,0.08418,0.00338,-0.0186,-0.09974,0.0779,-0.00353,-0.12027,-0.00912,0.00939,-0.0316,0.07861,0.00056,-0.10026,-0.04203,0.02331,0.11229,0.04792,0.00331,0.03405,-0.05113,-0.00684,0.05477,-0.04415,0.02788,-0.01335,-0.10606,0.01347,-0.04462,-0.09574,-0.01441,0.03057,0.00474,-0.02702,-0.06193,0.0504,-0.03569,0.02902,0.0057,0.04838,0.05707,0.03614,-0.03028,0.03366,0.05364,-0.03096,0.08891,-0.09238,-0.0579,0.13125,0.01241,0.03047,0.00375,0.0326,-0.0403,-0.04687,0.04627,0.02744,-0.0105,0.0229,0.09669,-0.05276,-0.08881,0.08358,-0.04258,0.0267,0.01266,-0.02823,-0.02962,0.03802,0.11831,-0.02945,-0.05078,-0.01172,0.01445,0.09772,0.07058,-0.06449,-0.0247,-0.07451,-0.10588,-0.00952,0.06385,0.06404,0.05051,0.01999,-0.00039,0,-0.05239,0.03632,-0.02332,0.04254,0.01625,-0.01991,0.0691,-0.0057,0.0866,0.0873,0.06772,0.05911,-0.01913,-0.02582,0.02062,-0.00808,-0.04097,-0.07119,0.09487,-0.03632,0.06229,0.03997,-0.04384,-0.08214,-0.06438,0.0445,-0.02805,-0.01729,0.00326,0.02206,-0.00696,-0.04483,-0.03217,-0.04925,-0.03767,-0.00898,0.00495,0.06717,0.02449,-0.07752,0.04935,-0.00654,0.05771,-0.05188,-0.08247,0.03558,-0.03623,0.00731,-0.08785,0.00532,-0.0608,0.03592,-0.06621,-0.01634,-0.11492,0.01464,0.04185,-0.048,-0.06447,0.02221,-0.03097,-0.04215,0.03641,-0.0031,0.05351,0.02563,0.02504,-0.05523,0.03518,0.01262,0.04107,0.00141,-0.02839,0.03389,0.06121,0.01864,0.09972,-0.02774,0.06625,0.04574,-0.02414,0.06454,0.00497,0.01184,0.0331,0.07248,-0.06418,-0.02596,0.08751,0.09064,-0.07515,0.04893,-0.01849,-0.00551,-0.0493,0,-0.07263,-0.04388,-0.03513,-0.06822,0.04663,-0.009,-0.07129,0.00655,-0.01675,0.00318,-0.00523,0.06775,-0.07014,0.01083,0.09383,0.01047,-0.04844,0.01679,-0.04051,-0.06645,0.03491,0.01071,-0.00319,0.07488,0.00668,-0.04624,-0.00124,0.03203,-0.04537,0.04469,0.01238,0.04033,0.08758,0.05698,-0.03826,-0.05166,-0.11573,-0.02987,-0.08872,0.04831,0.07924,-0.00227,0.03748,-0.02489,0.02256,0.02995,-0.03011,-0.03372,-0.04607,0.00431,-0.09289,0.0315,-0.05246,0.03934,0.02019,-0.02678,0.01389,0.01319,0.02729,0.02871,-0.08117,0.03861,0.04324,-0.0498],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 🧬 Connection Types and Behaviors Connections in Foblex Flow aren’t just visual lines — they’re deeply customizable and behave exactly how you want them to. Let’s start with the three connection types, each offering a different visual style: - straight — a simple straight line - segment — a segmented line with right angles (ideal for logic-style editors) - bezier — a smooth, curved Bézier path ::: ng-component <connection-types</connection-types [height]=\"600\" ::: <https://flow.foblex.com/examples/connection-types","excerpt":"🧬 Connection Types and Behaviors Connections in Foblex Flow aren’t just visual lines — they’re deeply customizable and behave exactly how you want them to. Let’s start with the three connection types, each offering a different visual style: - straight — a simple straight line - segment — a segmented line with right angles (ideal for logic-style editors) - bezier — a smooth, curved Bézier path ::: ng-component <connection-types</connection-types [height]=\"600\" ::: <https://flow.foblex.com/examples/connection-types"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#9","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.08533,-0.00654,-0.08351,0.04765,-0.02686,0.01508,-0.04041,0.0325,0.03265,0.00628,-0.10683,-0.02679,-0.05146,-0.03406,0.038,0.05046,-0.05608,0.018,-0.02726,-0.01929,-0.07452,-0.0753,-0.0232,-0.01805,-0.02596,0.03064,0.0329,-0.0238,0.07702,-0.04102,0.00739,0.07019,-0.07396,0.03321,-0.10077,0.05433,0.03336,0.02609,-0.00294,-0.05048,0.12661,0.02778,0.04154,-0.09103,-0.01051,0.06615,-0.09632,0.05723,-0.06051,0.0069,-0.07147,-0.10104,-0.04612,0.08009,0.01397,0.08255,0.05048,-0.0703,0.02591,0.06846,0.09316,-0.03534,0.05324,-0.02152,0.01849,-0.0023,-0.08465,0.05996,-0.04149,0.00401,0.05005,-0.02382,-0.02067,-0.06694,0.01901,0.01566,-0.0725,0.05341,-0.01564,0.02862,-0.00377,0.08262,0.01682,0.07462,-0.04753,0.06266,-0.00824,-0.08552,0.00139,-0.02459,-0.01069,0.04345,-0.04239,-0.03396,0.10301,0.04658,-0.04472,-0.02082,-0.09274,0.04076,-0.00042,-0.01612,0.06716,-0.0049,-0.00416,0.02787,-0.00591,0.02034,0.00476,-0.04726,0.01014,-0.00059,0.01186,-0.06463,-0.0714,-0.04173,0.01748,0.00066,0.06164,0.08979,-0.00341,0.02619,-0.02032,-0.04915,0.09358,-0.03317,-0.04551,0,-0.01025,0.02982,-0.0046,0.00517,0.10589,-0.03717,-0.03518,-0.09446,0.063,0.06598,-0.05484,0.03035,-0.05871,-0.0056,-0.04707,-0.12431,0.02909,-0.02244,-0.07031,0.05084,0.04201,-0.12442,-0.06728,0.01318,0.08449,0.04501,-0.04343,-0.01032,-0.01497,0.00283,0.03466,0.03028,0.04921,0.01539,-0.07059,-0.02153,-0.03335,-0.05595,-0.07585,0.00169,0.01134,-0.01364,-0.06437,0.04756,-0.00659,0.00079,0.00053,0.03065,0.12057,0.01453,-0.01324,0.02951,-0.01177,-0.03956,0.05973,-0.05888,-0.07475,0.10155,0.01924,0.07623,0.00448,-0.01925,-0.05799,-0.05052,0.06751,0.05449,-0.03515,-0.00869,0.10338,-0.05225,-0.04676,0.05883,-0.02563,0.08213,-0.03267,-0.01317,-0.05055,-0.00067,0.08506,-0.01762,-0.03969,-0.01019,0.01276,0.07258,0.08218,-0.10343,-0.04155,-0.04493,-0.13666,-0.02951,0.07606,0.07009,0.08542,0.0594,-0.01122,0,-0.07032,0.02458,-0.00758,0.08207,0.01209,-0.04718,0.06973,-0.02515,0.08108,0.11361,0.03128,0.06338,-0.02813,-0.00729,0.02167,-0.00835,-0.00885,-0.06989,0.08527,0.00946,0.05684,0.01437,0.00253,-0.10378,0.00154,0.04186,0.01324,-0.06041,-0.00744,0.01926,-0.01362,-0.0294,-0.03832,-0.04615,0.0082,-0.02261,-0.0292,0.03841,0.04246,-0.11434,0.07083,0.00446,-0.01496,-0.00525,-0.05149,0.00792,-0.07247,0.01781,-0.0958,-0.02175,-0.07816,0.0459,-0.0108,-0.03012,-0.0831,0.04906,0.03341,0.01545,-0.02917,0.02395,-0.0051,-0.07454,0.06229,0.02495,0.04204,0.08083,-0.00063,-0.01904,0.00619,0.05773,0.05507,0.04741,-0.01741,0.03714,0.0296,0.01387,0.08999,-0.05538,0.06674,0.03143,-0.07978,0.09225,-0.05692,-0.03308,0.03778,0.01511,-0.04834,-0.01796,0.05967,0.09721,-0.07231,0.00726,-0.04505,-0.06217,-0.06283,0,-0.07647,-0.03923,-0.03965,-0.03375,0.05476,-0.00104,-0.03376,0.00276,-0.01041,0.03886,-0.02991,0.03096,-0.04916,-0.02995,0.08764,0.00398,-0.00214,0.00727,-0.05701,-0.05872,-0.00577,-0.00358,0.01857,0.09825,-0.0209,-0.06917,0.02606,0.05465,-0.03405,0.02386,0.00484,0.02871,0.048,0.07297,-0.04901,-0.00154,-0.10333,0.00045,-0.0898,0.04614,0.0643,0.01873,0.04302,-0.0393,0.04428,0.0523,-0.01618,0.01708,0.02044,0.01788,-0.02406,0.0432,-0.04505,0.01578,0.03157,-0.02077,0.01641,-0.00872,0.00436,0.01607,-0.07337,0.08282,0.0192,-0.03255],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. Next, you can define how the connection behaves when linking nodes: - fixed — connects from a specific side (left, right, top, bottom) defined via fConnectableSide - fixedcenter — connects from the exact center of each node - floating — auto-calculates the intersection between the node’s shape and the imaginary line between node centers (great for circular or irregular shapes) ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" ::: Connection Behaviours <https://flow.foblex.com/examples/connection-behaviours f Connectable Side","excerpt":"Next, you can define how the connection behaves when linking nodes: - fixed — connects from a specific side (left, right, top, bottom) defined via fConnectableSide - fixedcenter — connects from the exact center of each node - floating — auto-calculates the intersection between the node’s shape and the imaginary line between node centers (great for circular or irregular shapes) ::: ng-component <connection-behaviours</connection-behaviours [height]=\"600\" ::: Connection Behaviours <https://flow.foblex.com/examples/connection-behaviours"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#10","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.07996,0.01057,-0.04109,0.02674,-0.03026,0.02211,-0.03181,0.03691,0.02071,0.03407,-0.07533,0.01454,-0.07795,0.0074,0.09257,0.07925,-0.02949,-0.00217,-0.00919,-0.01804,-0.02515,-0.05943,-0.00538,-0.01948,-0.04329,0.05891,0.04763,-0.02333,0.08535,-0.05255,0.00682,-0.0064,-0.01971,0.02906,-0.10577,0.06145,0.03356,0.02162,-0.01119,-0.01854,0.02951,0.03892,-0.00969,-0.05078,0.01266,0.01483,-0.08971,0.00045,-0.07218,0.03515,-0.07652,-0.10446,-0.05463,0.04763,0.0046,0.0135,0.0113,-0.01308,0.01719,0.02032,0.04741,-0.0473,0.07923,0.02844,-0.00396,-0.00217,-0.09374,0.02989,0.0075,-0.0164,0.02482,-0.04211,0.00819,-0.08957,-0.00797,-0.02383,0.01402,0.04839,-0.00278,0.01071,0.02404,0.07161,-0.00035,0.1023,-0.04994,0.04845,-0.01078,-0.09163,0.03676,-0.02738,0.02215,0.03889,0.00972,0.02209,0.08817,0.03017,-0.06635,-0.02736,-0.14074,0.05043,-0.00523,-0.04044,0.05675,-0.00613,-0.01406,0.03737,0.01037,-0.02579,-0.02544,-0.03245,-0.00985,0.00158,0.03133,-0.04274,0.01348,-0.04092,-0.0286,0.04012,0.026,0.09362,0.02517,-0.03253,-0.00184,-0.03504,0.10481,0.00759,-0.03919,0,0.01286,0.04709,-0.03229,0.02565,0.10409,-0.0053,-0.00621,-0.04679,-0.01667,0.06279,0.01514,-0.01598,-0.08627,0.06461,0.00649,-0.16503,0.02872,0.00384,0.00554,0.07381,-0.02247,-0.13312,-0.04313,0.04343,0.07585,0.07254,0.02899,-0.02457,-0.08944,0.00694,0.01149,-0.02816,-0.02711,0.01782,-0.05233,-0.00157,-0.06032,-0.0595,-0.03563,0.07014,-0.00528,-0.01191,-0.09986,0.0052,-0.02421,0.02641,0.01725,0.02414,0.08151,0.01658,-0.0273,0.07527,0.05534,-0.01343,0.0975,-0.11746,-0.06304,0.08934,0.03172,0.04378,-0.01819,-0.00658,-0.08452,-0.06523,0.0253,-0.01895,-0.01568,-0.02688,0.09846,-0.06297,-0.06113,0.05074,-0.0392,0.07788,-0.01964,0.00565,-0.02515,0.05029,0.1487,-0.07097,-0.07478,0.00718,0.01324,0.06186,0.10216,-0.08294,-0.01216,-0.05587,-0.07683,0.01553,0.01645,0.05978,0.04057,0.038,0.01684,0,-0.07145,0.02641,-0.08317,0.04635,0.00145,0.00006,0.08475,-0.03364,0.10491,0.11087,0.04167,0.02576,-0.02022,0.00977,0.06205,0.00175,-0.05079,-0.07669,0.10499,-0.03774,0.07107,0.11056,-0.08395,-0.07033,-0.02098,0.07927,-0.0847,-0.0262,0.02755,0.02652,-0.01678,-0.04835,-0.02501,-0.06923,-0.06351,0.00904,0.0044,0.05005,0.00433,-0.04567,0.03252,-0.01958,0.04199,-0.02537,-0.09026,0.01598,-0.06437,0.04037,-0.07105,-0.01766,-0.05858,0.03122,-0.00399,-0.03458,-0.13022,-0.00581,0.06511,-0.03292,-0.05403,0.03372,-0.01749,-0.02882,0.04908,-0.03883,0.03258,0.01363,0.01693,-0.0483,0.02755,-0.0309,0.03136,0.00585,-0.0049,0.06021,0.07347,0.031,0.09724,-0.07282,0.07096,-0.00464,-0.04283,0.04875,0.01403,0.03196,0.03715,0.04028,-0.06715,-0.0452,0.04329,0.09329,-0.0647,0.05168,-0.02102,-0.00363,-0.02243,0,-0.07339,-0.02787,0.00473,-0.02317,0.04641,0.01555,-0.02914,0.02378,0.0072,0.02035,0.00334,0.04752,-0.02534,-0.00372,0.08456,0.04541,-0.05761,0.05235,-0.04529,-0.05144,0.06144,0.00646,-0.03764,0.06013,-0.03563,-0.08369,0.04817,0.05322,-0.07993,0.02826,-0.03512,0.04849,0.09132,0.05393,0.01326,-0.04793,-0.09208,-0.0297,-0.05993,0.05876,0.04435,0.0203,0.01693,-0.0506,0.00032,0.04219,-0.04362,-0.07197,-0.05421,0.01391,-0.0671,-0.01042,-0.04224,0.06916,0.05207,0.00904,0.03235,0.01138,-0.00137,0.00199,-0.04764,0.09887,0.048,-0.0759],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. These options give you total control over both aesthetics and logic — whether you’re building a chatbot flow, a wiring diagram, or an AI pipeline. 📖 Want to dive deeper into all behaviors and visuals? 👉 Read the full documentation In our low-code platform, we’ll use a Bézier curve with a fixed side behavior, which feels natural for horizontal flow layouts:","excerpt":"These options give you total control over both aesthetics and logic — whether you’re building a chatbot flow, a wiring diagram, or an AI pipeline. 📖 Want to dive deeper into all behaviors and visuals? 👉 Read the full documentation In our low-code platform, we’ll use a Bézier curve with a fixed side behavior, which feels natural for horizontal flow layouts:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#11","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.09973,-0.01682,-0.04991,0.04933,-0.03135,0.02121,-0.01072,0.00201,0.04139,-0.00526,-0.10181,0.00788,-0.06709,-0.04974,0.07406,0.09235,-0.02059,-0.03528,-0.06385,-0.01663,-0.07383,-0.06044,-0.04862,-0.02216,-0.03709,0.05076,0.02613,-0.05058,0.08377,-0.0201,0.01112,0.0426,-0.03439,0.01919,-0.11437,0.0924,0.02508,0.01048,-0.03824,-0.03425,0.0856,0.03559,-0.01207,-0.05424,-0.04421,0.02414,-0.01706,-0.04398,-0.04952,0.00687,-0.06567,-0.07397,-0.06246,0.0379,0.02385,0.0226,0.07787,-0.07309,0.00326,0.03717,0.0553,-0.02726,0.05158,0.02867,0.02369,0.00334,-0.09908,0.0326,-0.0035,-0.02154,0.02905,-0.00427,-0.01652,-0.037,0.00761,-0.02403,-0.03928,-0.0133,0.0434,-0.00462,0.05424,0.05299,-0.0082,0.09356,-0.0139,0.06902,-0.00304,-0.10232,0.03766,-0.0265,0.03482,0.02341,0.03057,0.0118,0.11795,0.02641,-0.0136,-0.01674,-0.13738,0.05507,-0.02557,-0.02369,0.05806,0.0093,-0.04366,0.02463,0.03117,-0.00428,-0.03065,-0.0257,0.00036,0.03485,0.04611,-0.04714,-0.06238,-0.00199,-0.03383,0.0228,0.01041,0.14072,-0.02017,-0.01362,-0.00536,-0.0403,0.08888,-0.04041,-0.04328,0,0.00351,0.02547,-0.0501,0.0355,0.09713,-0.03738,0.00106,-0.09014,0.01101,0.04822,0.01351,0.04299,-0.06118,0.05666,-0.0425,-0.12303,0.00674,0.0002,0.05196,0.07315,0.02367,-0.14399,-0.05367,0.03311,0.07536,0.06826,-0.01826,0.00017,-0.04801,0.02102,0.01358,-0.02244,-0.02148,0.02136,-0.06645,-0.00639,-0.07361,-0.04601,0.00001,0.02293,0.00252,-0.03321,-0.12953,0.03082,0.00425,0.00271,0.00842,0.00855,0.08817,0.02918,0.00191,0.02663,0.01394,-0.01055,0.03882,-0.09319,-0.08443,0.08663,0.01391,0.02914,-0.00669,-0.00053,-0.09082,-0.02265,0.08091,0.01819,-0.00496,0.0081,0.09309,-0.0581,-0.05748,0.04669,-0.02445,0.08088,-0.01414,-0.01141,-0.01206,0.02372,0.09285,-0.04766,-0.01877,0.01871,-0.00579,0.12052,0.11584,-0.08886,-0.04879,-0.07591,-0.12014,0.0266,0.06927,0.03356,0.05381,0.04287,-0.01081,0,-0.06302,0.00651,-0.06154,0.03194,0.00034,-0.01028,0.0926,-0.01145,0.09451,0.10751,0.07614,0.05552,-0.01965,-0.01096,0.04178,-0.04037,-0.01568,-0.03795,0.0782,-0.04419,0.02557,0.0663,-0.01374,-0.10429,-0.03209,0.05299,-0.06799,-0.0218,0.00244,0.00757,0.0086,-0.02405,-0.05326,-0.06088,-0.03508,0.01821,-0.02584,0.07865,0.00773,-0.03983,0.02981,-0.00345,0.00252,-0.03062,-0.08361,0.01983,-0.07361,-0.04738,-0.05725,-0.00642,-0.03573,0.03837,-0.0182,-0.02848,-0.11698,0.0482,0.08328,-0.0032,-0.04931,0.0641,-0.00828,-0.02377,0.07469,-0.02156,0.04113,0.01751,-0.01736,0.02047,0.04378,0.01656,0.04807,-0.01053,-0.02348,0.07905,0.04689,0.00519,0.07488,-0.07922,0.05076,0.03106,-0.03049,0.07063,-0.02151,-0.00313,0.05736,0.03541,-0.05304,-0.05708,0.05834,0.07038,-0.08297,0.04009,0.00718,-0.03784,-0.05486,0,-0.06348,-0.0081,0.03073,-0.02896,0.06158,0.00921,-0.09959,0.03628,0.02035,0.04646,0.00258,0.01842,-0.04019,-0.02774,0.11597,0.0276,0.00185,-0.02043,-0.05249,-0.12218,0.04304,0.01676,-0.00125,0.08631,-0.00337,-0.07875,0.08546,0.0124,-0.08411,0.05104,-0.02871,0.0761,0.05858,0.05468,-0.04261,0.01961,-0.08412,-0.0536,-0.09926,0.00465,0.03122,0.00438,0.03412,-0.04861,-0.00517,0.05217,-0.03336,-0.02071,-0.0055,-0.01413,-0.04542,0.02541,-0.04966,0.05049,0.03423,-0.02998,0.00662,0.00904,0.0127,0.01224,-0.08651,0.08425,0.03268,-0.06015],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. You’re now in control — not just of where your connections go, but how they feel when they get there.","excerpt":"You’re now in control — not just of where your connections go, but how they feel when they get there."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#12","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.06703,0.00663,-0.04668,0.0527,-0.02924,0.05073,0.03286,0.01505,0.03937,-0.03859,-0.09057,0.01699,-0.10938,-0.0095,0.08566,0.06476,-0.02698,-0.01579,0.00511,-0.01028,-0.05107,-0.08121,-0.01991,-0.00461,-0.01493,0.05912,0.05557,-0.01113,0.07902,-0.01411,0.01221,0.01795,-0.06384,0.05526,-0.10032,0.07859,0.11205,0.06893,-0.06134,-0.03981,0.09233,0.02367,0.01022,-0.01466,-0.0166,0.04705,-0.02555,-0.01616,-0.0596,0.04562,-0.05084,-0.10745,-0.03182,0.02889,0.01563,-0.0002,0.06904,-0.05078,0.02718,0.05131,0.0441,-0.05915,0.05483,0.00621,-0.02615,-0.02625,-0.06888,0.04609,-0.06982,-0.01771,-0.00675,-0.04313,-0.00654,-0.03346,-0.01312,0.02651,-0.01211,0.00168,0.03626,-0.06634,0.04611,0.0504,-0.0065,0.12071,-0.00508,0.09934,-0.01997,-0.10161,-0.00603,0.00287,-0.00171,0.05084,-0.00703,-0.02882,0.10199,0.01214,-0.00775,-0.07099,-0.09162,0.04769,0.02716,-0.01736,0.02737,-0.00873,0.02501,0.01787,-0.04211,0.01332,-0.02267,-0.0285,-0.01673,0.01496,0.02247,-0.06058,-0.07369,-0.03974,-0.0573,0.01467,0.06817,0.08598,0.0134,0.00364,-0.04343,-0.05468,0.06021,0.00578,-0.00949,0,0.00399,0.06209,-0.04902,0.0196,0.07186,-0.0081,-0.02373,-0.10195,0.03594,0.04531,-0.00023,-0.02253,-0.07299,0.093,-0.01474,-0.0701,0.03314,-0.01425,-0.05035,0.01998,0.02956,-0.15468,-0.06171,0.00626,0.11733,0.09563,-0.06472,0.0412,-0.058,-0.01025,0.04927,-0.01209,0.04621,-0.00548,-0.06112,-0.00756,-0.06636,-0.07718,-0.00854,0.022,0.05718,-0.06202,-0.13462,0.01831,-0.0126,0.06115,-0.02731,-0.01182,0.07317,-0.00732,-0.02969,0.06352,-0.0062,-0.04138,0.07862,-0.07461,-0.08598,0.06848,-0.0064,-0.02222,-0.04096,0.05487,-0.04394,-0.03493,0.05586,0.02421,-0.00454,0.03057,0.05071,-0.08339,-0.02695,0.06358,-0.00128,0.01559,-0.04186,-0.01618,-0.00631,0.05731,0.11002,-0.01294,-0.06738,-0.02829,0.02822,0.03989,0.11808,-0.08865,-0.00046,-0.08916,-0.12655,-0.02577,0.0854,0.05621,0.01465,0.03224,-0.0617,0,-0.04055,0.06293,0.00229,0.03824,0.00113,-0.02292,0.0933,0.02574,0.03573,0.07635,0.04203,0.04254,-0.0277,-0.02651,0.02008,-0.01098,-0.01395,0.01353,0.09316,-0.05617,0.03179,0.02627,-0.00056,-0.06697,0.01595,0.02046,0.0216,-0.0672,-0.0516,-0.02624,0.01603,-0.02966,0.04704,-0.05969,0.01133,-0.03393,0.017,0.01766,0.02776,-0.0153,0.03304,0.01229,0.0096,-0.01289,-0.07681,0.04184,-0.05576,-0.01303,-0.08344,0.01908,-0.01948,0.0374,-0.06453,-0.03419,-0.09451,0.01335,0.04931,0.0006,-0.02761,0.00859,-0.04139,-0.05274,0.03645,0.036,0.10787,0.01542,-0.01186,-0.02957,0.05117,0.01404,0.05374,0.03299,-0.00163,0.0213,0.06974,0.00531,0.09001,-0.00421,0.05948,0.01527,-0.07485,0.0632,-0.01231,0.0688,0.0915,0.02878,-0.09864,-0.04738,0.05568,0.08246,-0.08612,0.06001,0.02701,-0.02525,-0.01752,0,-0.05152,-0.0245,-0.04228,-0.0765,0.05164,0.00159,-0.08389,0.01263,-0.03631,0.05918,-0.03744,0.06935,-0.08706,-0.02351,0.07775,-0.03359,-0.0402,0.00567,-0.03872,-0.05089,0.03455,0.05587,-0.05068,0.12086,-0.00022,-0.0431,0.04335,0.02869,-0.00258,0.01862,-0.03711,0.03062,0.05994,0.04893,-0.0344,-0.0106,-0.11455,-0.037,-0.07656,0.07204,0.06707,-0.03278,0.04912,-0.05017,0.00184,0.08474,-0.03449,-0.02216,-0.09131,-0.02679,-0.0656,0.02575,-0.04352,0.02958,0.02115,-0.03867,0.01611,0.05006,0.01688,0.026,-0.07051,0.08268,0.0304,-0.04746],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 🏁 Adding SVG Markers to Connections A great UI isn’t just about layout — it’s about clarity and direction. When working with connections, nothing communicates intent better than directional markers. With Foblex Flow, you can attach custom SVG markers to the start or end of any connection. These can be arrows, dots, diamonds — anything you can draw in SVG. ::: ng-component <connection-markers</connection-markers [height]=\"600\" ::: <https://flow.foblex.com/examples/connection-markers","excerpt":"🏁 Adding SVG Markers to Connections A great UI isn’t just about layout — it’s about clarity and direction. When working with connections, nothing communicates intent better than directional markers. With Foblex Flow, you can attach custom SVG markers to the start or end of any connection. These can be arrows, dots, diamonds — anything you can draw in SVG. ::: ng-component <connection-markers</connection-markers [height]=\"600\" ::: <https://flow.foblex.com/examples/connection-markers"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#13","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.11272,0.00315,-0.08406,0.06442,0.00145,0.03085,0.00502,0.04523,0.00877,-0.00906,-0.0648,0.01174,-0.04623,-0.01252,0.09496,0.08174,-0.02276,-0.01962,-0.01778,-0.04238,-0.04359,-0.06827,-0.02207,0.00914,-0.02282,0.03774,0.03882,-0.04574,0.10396,-0.02443,-0.04014,0.04297,-0.04488,0.01683,-0.08311,0.08058,0.06519,0.05229,-0.01274,-0.05658,0.11,0.01836,0.01272,-0.04069,-0.01572,0.0248,-0.04895,0.00184,-0.06591,0.02235,-0.07806,-0.09659,-0.07272,0.0292,0.03325,0.00516,0.01713,-0.05303,0.02637,0.00474,0.06248,-0.03037,0.06955,0.0105,0.00181,-0.01632,-0.09607,0.00196,-0.00717,-0.05386,-0.00879,-0.02342,-0.02169,-0.04379,-0.02752,0.01767,-0.05223,0.02552,0.00353,-0.001,0.04321,0.0315,0.00063,0.15398,-0.00532,0.09042,0.00108,-0.11489,0.01759,-0.0363,0.02624,0.02095,-0.02085,-0.00745,0.08219,0.00683,-0.03754,-0.05984,-0.12771,0.07878,-0.00857,-0.00615,0.04885,-0.01139,-0.03042,0.01171,-0.007,-0.03587,-0.01933,-0.00615,-0.0004,-0.0133,0.01241,-0.06987,-0.04125,0.01179,-0.06045,0.0057,0.03857,0.10646,0.0231,0.01637,-0.06817,-0.04218,0.07422,-0.00662,-0.0312,0,0.0038,0.0901,-0.01913,0.00112,0.07528,-0.03889,-0.01641,-0.06848,0.04268,0.05428,0.00161,-0.00779,-0.0551,0.07907,0.00244,-0.09609,0.02739,0.01434,-0.02696,0.04695,-0.00932,-0.12675,-0.08768,0.03247,0.07473,0.07809,-0.01139,0.0138,-0.01691,0.00669,0.04419,-0.05927,-0.02283,0.02492,-0.04974,-0.02942,-0.06119,-0.05317,-0.03281,0.01096,0.02209,-0.02968,-0.12992,0.04836,-0.02505,-0.00288,-0.00068,0.01948,0.06923,0.0017,-0.03698,0.06844,-0.00843,-0.08292,0.0412,-0.10153,-0.06031,0.06168,-0.02419,0.01636,-0.05031,-0.00884,-0.09439,-0.02755,0.04824,0.03275,-0.02037,-0.04326,0.09483,-0.0747,-0.04879,0.06184,-0.01694,0.07924,-0.02071,0.01951,-0.02908,0.01702,0.11177,-0.04561,-0.05812,-0.0168,0.01758,0.09126,0.10167,-0.13187,-0.02453,-0.04758,-0.08689,-0.0513,0.05518,0.06933,0.04067,0.05422,-0.00999,0,-0.05371,0.00725,-0.02214,0.04576,0.01018,-0.01085,0.09717,0.00509,0.073,0.10422,0.01908,0.03536,0.02853,0.00974,0.02821,-0.00136,-0.05686,-0.01206,0.10796,-0.00563,0.07479,0.04454,-0.02006,-0.07746,-0.03012,0.07782,-0.03204,-0.0605,-0.01536,0.03792,-0.03724,-0.06309,0.02109,-0.04035,-0.02948,-0.00759,0.04719,0.03769,-0.02809,-0.02547,0.03838,-0.03412,0.04296,0.00013,-0.05481,-0.02179,-0.03887,0.01449,-0.09251,-0.01204,-0.0587,0.0361,-0.01053,-0.06189,-0.09653,0.04546,0.05135,0.00555,-0.01726,0.05442,-0.02922,-0.07246,0.036,0.01934,0.0618,0.02418,0.00841,-0.03057,-0.01476,0.01927,0.04716,0.04331,0.02523,0.05207,0.05579,0.01937,0.09773,-0.07522,0.05341,0.00646,-0.06481,0.05635,-0.00841,-0.00866,0.08936,0.05325,-0.05173,-0.03824,0.04928,0.08916,-0.08965,0.07799,0.01484,0.02408,-0.04527,0,-0.06761,0.01046,0.00127,-0.02671,0.06645,0.00144,-0.06856,0.02326,0.00486,0.03989,-0.03656,0.05303,-0.05168,-0.0019,0.09963,0.02518,0.01135,0.00307,-0.04576,-0.07004,0.07188,0.0243,-0.01066,0.01403,-0.00811,-0.09321,0.08779,0.07563,-0.07243,0.02245,-0.00567,0.07594,0.07487,0.03924,-0.05287,-0.0508,-0.08751,-0.01862,-0.07463,0.04584,0.05931,0.03163,-0.01564,-0.06365,0.06807,0.08178,-0.0444,-0.07371,-0.05763,-0.01617,-0.05483,-0.01361,-0.01726,0.00909,0.04988,-0.00596,0.04541,0.03922,-0.01909,0.00494,-0.0631,0.1071,0.05482,-0.0264],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. Here’s a minimal example that adds a simple circle to the start of a connection: 📌fMarker input parameters: - type — the marker type - width, height — size of the marker viewport - refX, refY — anchoring point (where the marker attaches to the connection) f Marker ref X ref Y","excerpt":"Here’s a minimal example that adds a simple circle to the start of a connection: 📌fMarker input parameters: - type — the marker type - width, height — size of the marker viewport - refX, refY — anchoring point (where the marker attaches to the connection)"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#14","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.07055,-0.03711,-0.02624,0.04289,0.01064,0.06959,0.05943,-0.01723,-0.00343,-0.00416,-0.06313,-0.03503,-0.10316,-0.0093,0.11408,0.11052,-0.00499,-0.03585,0.00493,-0.02105,0.02578,-0.07606,-0.03906,0.00747,-0.01745,0.05389,0.03147,-0.02944,0.10808,-0.00609,-0.05198,0.0241,-0.0306,0.01268,-0.09352,0.01757,0.07384,0.06168,-0.00626,-0.02048,0.10916,0.01313,0.00506,-0.03516,-0.01928,-0.0003,-0.02368,-0.00693,-0.07949,0.03699,-0.00437,-0.0661,-0.06268,0.02321,0.05541,-0.01319,0.02268,-0.03475,0.00713,0.0339,0.0332,-0.02073,0.06377,-0.02716,0.03807,0.02442,-0.05138,-0.0104,-0.02186,-0.0541,0.00382,-0.06344,0.01617,-0.04221,-0.00693,0.03186,-0.00896,-0.00458,0.00129,-0.0244,0.01328,0.02176,-0.00575,0.09024,0.03043,0.07835,-0.05144,-0.11522,0.01898,-0.00577,-0.00588,-0.00943,0.00579,-0.01846,0.0999,0.00891,-0.0401,-0.01524,-0.06403,0.04296,0.01639,-0.02372,0.04349,-0.02652,-0.03084,0.01187,0.02041,-0.02286,-0.04701,-0.03418,-0.02181,-0.01602,0.02675,-0.07125,-0.07039,-0.01868,-0.07799,0.01041,0.04853,0.10808,0.0238,-0.02815,0.00298,-0.065,0.08026,0.00529,-0.03388,0,0.03774,0.02642,-0.03174,0.01234,0.06723,0.00899,-0.0353,-0.11472,0.00283,0.04489,0.05012,0.01611,-0.04795,0.10658,0.0061,-0.07587,0.04667,-0.03084,-0.00062,0.04494,-0.01877,-0.06077,-0.10295,0.01113,0.08011,0.08436,-0.01281,0.02489,-0.0362,0.01368,0.07571,-0.05283,-0.01567,0.00599,-0.0197,0.01207,-0.09076,-0.0416,0.02315,0.0154,0.02312,-0.01646,-0.11717,0.05902,-0.02946,0.04817,0.0053,0.02383,0.06749,-0.00345,-0.0027,0.02127,-0.01804,-0.08149,0.08292,-0.07202,-0.05691,0.11378,-0.00012,-0.02143,-0.05782,-0.00499,-0.06627,-0.08188,0.05163,0.04786,-0.02652,-0.024,0.07202,-0.06122,-0.02484,0.08263,-0.0142,0.08515,-0.02816,-0.0152,-0.01423,0.03685,0.08838,-0.03176,-0.09458,0.00615,-0.00449,0.10203,0.04369,-0.12862,-0.05828,-0.04843,-0.09245,-0.0547,0.06978,0.07133,0.01666,0.04176,-0.04858,0,-0.07324,0.04353,-0.03658,0.04723,-0.01142,-0.01066,0.12314,-0.00687,0.073,0.10829,0.10109,0.03101,-0.01901,-0.0202,0.01846,-0.01074,-0.09384,0.01656,0.10236,-0.03962,0.04119,-0.01023,0.01948,-0.05847,-0.0256,0.05892,-0.04506,-0.06893,-0.02271,-0.00691,-0.02706,-0.04422,0.00091,-0.016,-0.04523,-0.02711,0.07669,-0.00097,-0.02949,0.00042,0.02469,-0.02466,0.07007,-0.00735,-0.05969,0.03078,-0.0705,0.0263,-0.08739,0.00021,-0.02662,-0.00204,-0.04744,-0.0428,-0.12973,0.02312,0.03865,-0.02888,-0.03649,0.06808,-0.03773,-0.05301,0.04128,0.03182,0.05816,-0.02197,0.01591,-0.0488,0.02875,-0.01272,0.06493,-0.01098,0.00311,0.02309,0.05275,-0.01062,0.10481,-0.05679,0.04407,-0.00623,-0.05019,0.03941,-0.02573,0.02852,0.05792,0.11871,-0.08598,-0.01725,0.04621,0.07307,-0.07294,0.05894,0.00337,0.00267,-0.07319,0,-0.06147,-0.00987,0.02356,-0.0892,0.02901,0.02369,-0.0838,0.00296,0.03313,0.06566,-0.0231,0.05076,-0.05935,-0.03918,0.14426,-0.02771,-0.023,0.00313,-0.06985,-0.03875,0.04208,0.00378,-0.05496,0.0761,-0.01932,-0.05988,0.08561,0.08377,-0.06624,0.09978,-0.03123,0.06595,0.07937,-0.02126,-0.05936,-0.0262,-0.07593,-0.04951,-0.04618,0.109,0.0363,-0.03407,-0.00899,-0.05585,0.06811,0.05523,-0.02969,-0.0426,-0.05487,0.01195,-0.07675,-0.02328,-0.0447,0.05618,-0.00552,-0.02033,0.0283,0.04284,0.03968,-0.0171,-0.00924,0.0525,0.04194,-0.02101],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. All marker types are defined in the EFMarkerType enum: You can style markers differently for selected states — this is great for showing hover, focus, or active connections. Here’s a full example that applies all four types of markers on a connection: EF Marker Type","excerpt":"All marker types are defined in the EFMarkerType enum: You can style markers differently for selected states — this is great for showing hover, focus, or active connections. Here’s a full example that applies all four types of markers on a connection:"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#15","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.11222,0.01434,-0.04081,0.02915,-0.01851,0.01774,-0.02067,0.01824,0.01726,0.02096,-0.10923,-0.01719,-0.06319,-0.03606,0.08074,0.08292,-0.02354,-0.00103,-0.05705,-0.0211,-0.05625,-0.0535,-0.01843,-0.01658,-0.03034,0.05881,0.0348,-0.04725,0.08848,-0.03576,0.02117,0.05674,0.0216,0.03356,-0.12038,0.10097,0.0368,0.00563,-0.03493,-0.04095,0.03927,0.05386,-0.01522,-0.04528,-0.03791,0.00521,-0.04252,-0.042,-0.06951,0.00854,-0.0798,-0.09644,-0.06473,0.04916,0.01945,0.01349,0.05083,-0.07178,0.01578,0.01882,0.05199,-0.01416,0.06178,0.0356,0.03826,0.00588,-0.11364,0.01273,-0.00893,-0.04856,0.02336,-0.02413,-0.00717,-0.01495,-0.01746,-0.02341,-0.02428,-0.00124,0.03709,-0.00645,0.02714,0.02186,-0.02171,0.10966,-0.00301,0.07379,-0.00207,-0.07913,0.0207,-0.03731,0.03296,0.01715,0.0476,0.01717,0.11381,0.01751,-0.01536,-0.04861,-0.13837,0.06144,-0.03135,-0.02849,0.0538,-0.00347,-0.05284,0.00316,0.04357,-0.02744,-0.0275,-0.03539,-0.00814,0.00789,0.01101,-0.0768,-0.03901,-0.00939,-0.04105,0.01406,0.01929,0.12977,0.03225,-0.00031,-0.01343,-0.03016,0.09916,-0.02831,-0.04,0,0.02625,0.04988,-0.03476,0.03458,0.13364,-0.05587,0.01506,-0.08462,0.00214,0.05266,0.02464,0.04004,-0.07053,0.06469,-0.01448,-0.1159,0.01004,0.00633,0.03834,0.06237,0.03042,-0.14372,-0.05048,0.04215,0.07312,0.07726,0.01304,-0.0059,-0.02932,0.02512,0.01298,-0.03451,-0.03835,0.01731,-0.06626,-0.02994,-0.09263,-0.06517,-0.01072,0.02114,-0.00895,-0.03076,-0.1112,0.01886,0.01592,-0.02273,-0.00142,-0.0007,0.11946,0.03953,0.00968,0.03345,0.03353,-0.00612,0.06055,-0.08896,-0.06047,0.10346,0.04825,0.02306,-0.01411,0.00607,-0.07448,-0.03263,0.04488,0.00219,-0.00046,-0.0162,0.09699,-0.05204,-0.03759,0.04961,0.01029,0.09518,-0.01377,-0.00423,0.01656,0.00121,0.08999,-0.06762,-0.05855,0.02195,-0.0043,0.11199,0.09901,-0.08603,-0.03985,-0.05358,-0.12491,0.01569,0.04525,0.01069,0.02441,0.01412,-0.01379,0,-0.07224,0.00492,-0.06612,0.05093,0.00141,-0.02211,0.08264,-0.01164,0.09611,0.10194,0.07411,0.03686,-0.00339,-0.01994,0.05351,-0.01955,-0.04432,-0.05968,0.09218,-0.03056,0.02792,0.06963,-0.02809,-0.0832,-0.04841,0.06284,-0.04944,-0.00718,0.0251,0.00029,-0.00303,-0.03582,-0.03783,-0.05404,-0.02748,-0.00785,0.02154,0.05979,-0.02873,-0.03475,0.0607,-0.02108,0.01791,0.00073,-0.09587,0.01591,-0.07386,-0.01257,-0.03214,-0.03126,-0.0257,-0.00113,-0.02441,-0.03991,-0.10476,0.04034,0.07641,-0.00275,-0.05832,0.08556,-0.03283,-0.02626,0.0745,0.00653,0.04323,0.00787,-0.04095,0.03227,0.00652,0.00611,0.044,-0.00266,-0.02287,0.08334,0.03629,0.02025,0.08183,-0.06046,0.07152,0.03633,-0.02544,0.0529,-0.02769,0.01271,0.07373,0.02744,-0.06067,-0.05585,0.03777,0.06609,-0.08844,0.06446,0.01851,-0.01479,-0.0613,0,-0.06897,-0.00397,0.02333,-0.03765,0.05762,0.00421,-0.08445,0.02084,0.02765,0.03904,-0.00016,0.01129,-0.04171,-0.02885,0.09327,0.03189,-0.0311,0.00435,-0.05303,-0.11398,0.06698,0.0277,-0.01588,0.04591,-0.01465,-0.06525,0.07808,0.03115,-0.0767,0.03465,-0.01936,0.10725,0.08604,0.03138,-0.02271,-0.00951,-0.08166,-0.03831,-0.1066,0.01684,0.04272,0.00596,-0.01082,-0.07327,0.00573,0.0336,-0.04862,-0.06796,-0.01727,-0.01236,-0.04955,0.01175,-0.06447,0.07929,0.03177,0.01355,0.01317,-0.00249,0.05369,-0.00014,-0.04289,0.08952,0.04475,-0.02962],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","excerpt":""},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#16","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.11937,-0.00446,-0.0146,0.06396,0.01314,-0.00182,-0.02024,-0.00742,0.03066,0.00902,-0.1125,0.02559,-0.09891,-0.02169,0.07875,0.07737,-0.0228,-0.0375,-0.02563,-0.0334,-0.0688,-0.04472,-0.02188,-0.02642,-0.01682,0.06175,0.03694,-0.03199,0.09233,-0.04037,0.01959,0.05684,-0.01915,0.05553,-0.15638,0.11395,0.05312,0.01125,-0.06468,-0.04601,0.04424,0.04156,-0.01884,-0.0552,-0.02148,0.00337,-0.05317,-0.05048,-0.02766,0.02365,-0.10282,-0.12925,-0.03321,-0.00089,-0.01113,-0.0091,0.06887,-0.06528,-0.00316,0.0063,0.04813,-0.04565,0.05619,0.02445,0.04533,-0.01264,-0.06412,0.04654,-0.04538,-0.03582,0.0086,-0.02713,-0.01962,-0.01328,-0.04042,-0.00632,-0.0241,-0.02179,0.05624,-0.03573,0.05488,0.03681,-0.02416,0.14877,-0.00196,0.08202,-0.00938,-0.09192,0.01622,-0.00995,0.02723,0.03023,0.02724,-0.00464,0.08573,0.05241,-0.0172,-0.06267,-0.12842,0.06297,-0.00203,0.00037,0.08138,-0.04254,-0.03741,0.0196,0.01899,-0.01921,-0.00395,-0.02342,0.01091,0.01845,0.00494,-0.05494,-0.0332,0.0047,-0.02761,0.03443,0.03313,0.11015,0.01558,0.02232,-0.01247,-0.00759,0.11934,-0.01517,-0.01993,0,0.00685,0.05083,-0.03761,0.02473,0.12065,-0.0581,0.00873,-0.09997,-0.01276,0.05557,0.00829,0.04208,-0.0625,0.07785,0.00126,-0.12293,0.02857,0.00015,-0.01254,0.0477,-0.00154,-0.13015,-0.0444,0.01373,0.08036,0.08549,0.00291,0.00827,-0.05904,-0.00974,0.03798,-0.00224,-0.01876,0.03612,-0.04973,-0.0003,-0.08527,-0.07781,0.046,0.04125,0.03368,-0.06172,-0.11826,0.03196,-0.00679,0.06244,-0.0116,0.00973,0.08873,0.02591,-0.00858,0.06308,-0.00732,-0.0236,0.08638,-0.07904,-0.06419,0.11149,0.03666,0.02244,-0.03094,0.01418,-0.07394,-0.01938,0.01697,-0.01168,-0.01998,0.00202,0.09298,-0.05976,-0.03797,0.02221,-0.0048,0.06872,-0.00062,-0.00509,0.01577,0.0209,0.1223,-0.04912,-0.07183,0.00541,-0.00064,0.06334,0.10392,-0.07194,-0.0046,-0.0495,-0.10683,0.0113,0.02371,0.06047,0.0553,0.0371,-0.03169,0,-0.08979,0.04003,-0.05624,0.03369,-0.03325,0.00324,0.07392,-0.00031,0.04024,0.10754,0.08459,0.06063,-0.03336,-0.00579,0.03825,-0.00866,-0.0025,-0.03262,0.08487,-0.02869,0.03813,0.08706,-0.02232,-0.03668,-0.03782,0.06021,0.0144,-0.03958,0.01029,-0.01107,-0.00183,-0.02467,-0.00399,-0.04806,0.00935,-0.00007,0.04208,0.03827,-0.01713,-0.00872,0.01553,-0.01378,0.00346,-0.01322,-0.10328,0.0077,-0.06606,0.01703,-0.06837,-0.02358,-0.02696,0.03584,-0.02868,-0.04993,-0.1214,-0.01094,0.06906,-0.02975,-0.0092,0.04757,-0.04806,-0.03354,0.04623,-0.01902,0.06158,0.00985,-0.03676,-0.00784,0.02801,-0.00176,0.05556,0.00778,-0.01881,0.02004,0.04661,0.01802,0.11503,-0.06744,0.072,-0.01267,-0.01867,0.08007,-0.00901,0.00187,0.06415,0.034,-0.06711,-0.03078,0.03475,0.07981,-0.08738,0.05793,0.03553,-0.02439,-0.01975,0,-0.06987,0.00425,0.01759,-0.05847,0.05455,-0.01827,-0.08487,0.01563,-0.00764,0.03894,-0.02531,0.03724,-0.06575,0.00058,0.12996,0.04961,-0.04541,0.03118,-0.042,-0.07212,0.08065,0.01809,-0.03162,0.08916,-0.00891,-0.04366,0.03784,0.03452,-0.03061,0.03166,-0.04404,0.05518,0.07728,0.03994,0.00169,-0.00899,-0.11224,-0.06663,-0.07102,0.02608,0.00327,-0.0239,0.03364,-0.06083,-0.05231,0.03214,-0.03841,-0.0881,-0.0349,-0.01716,-0.04852,-0.03098,-0.03375,0.04742,0.03864,-0.00946,0.02606,0.00484,0.02472,0.02886,-0.03441,0.09152,0.01737,-0.03548],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. With just a few lines of SVG, your connections can now clearly show direction, communicate selection, and make the entire UI feel more polished and understandable. Next, we’ll make them glow ✨","excerpt":"With just a few lines of SVG, your connections can now clearly show direction, communicate selection, and make the entire UI feel more polished and understandable. Next, we’ll make them glow ✨"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#17","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.09895,0.02808,-0.01636,0.09832,0.00582,0.02019,0.04537,-0.03356,0.03789,-0.00723,-0.09137,0.06222,-0.09134,-0.04367,0.10018,0.11452,0.0179,-0.00164,-0.01951,0.00437,-0.06948,-0.10368,-0.03946,-0.04721,-0.01664,0.06553,0.05501,-0.02859,0.10929,-0.028,0.00025,0.02796,-0.04478,0.01922,-0.17949,0.08246,0.0634,0.02905,-0.05417,-0.0215,0.05456,0.01003,-0.00114,-0.02912,-0.0205,0.02144,-0.02984,-0.0076,-0.09923,0.00408,-0.03063,-0.12431,-0.04194,-0.00473,0.00149,0.03858,0.07098,0.00722,0.00845,0.03336,0.01627,-0.00887,0.05273,0.03862,0.05977,-0.01558,-0.05078,0.02764,-0.05304,-0.01155,0.00748,-0.02109,0.0349,-0.03631,-0.03076,0.04956,-0.00821,0.00078,-0.00433,-0.05347,0.0492,0.0161,-0.03193,0.11313,0.04978,0.10579,-0.01477,-0.10376,-0.00433,-0.01554,0.03295,0.03988,0.03353,-0.02402,0.04402,0.04443,-0.02018,-0.05802,-0.08172,0.04531,0.01874,-0.01189,0.04256,0.00932,-0.04108,0.01738,-0.01807,0.01523,-0.03181,-0.0132,0.03804,0.02188,-0.00308,-0.08089,-0.05238,-0.0405,-0.01151,0.03375,0.08374,0.12625,0.06687,0.00069,-0.00513,-0.05597,0.08948,-0.01623,0.01689,0,0.0173,0.03153,-0.05712,0.00609,0.10359,-0.02339,-0.02087,-0.11268,-0.01991,0.06043,0.07557,0.01242,-0.0643,0.06992,0.02773,-0.05088,0.03365,-0.00588,0.01014,0.02397,-0.02605,-0.11453,-0.05062,0.02807,0.07702,0.06543,-0.00484,0.0571,-0.06868,-0.02608,0.07353,-0.00585,0.01125,0.04441,-0.05128,0.01562,-0.05193,-0.09986,0.02092,0.05653,0.02572,-0.0429,-0.0878,0.06952,-0.03554,0.03671,0.02865,-0.00409,0.01355,0.0122,-0.0465,0.06597,-0.00177,-0.05146,0.06605,-0.07154,-0.06948,0.04627,0.02077,-0.04027,-0.00908,0.01299,-0.02932,-0.0531,0.0256,0.00842,0.03345,0.00382,0.02369,-0.1021,-0.02656,0.05901,-0.02568,0.01159,-0.00522,-0.036,-0.01567,0.03971,0.14512,-0.0318,-0.05581,0.01802,-0.01656,0.07669,0.06724,-0.07562,-0.02987,-0.05064,-0.09743,-0.03277,0.0837,0.04791,0.03555,-0.02579,-0.02469,0,-0.06035,-0.0108,-0.03541,0.08503,-0.0004,-0.02041,0.05641,-0.00758,0.0604,0.06375,0.11478,0.09911,-0.08308,-0.02225,0.00342,0.02225,-0.07225,0.01771,0.06964,-0.06237,0.0472,0.05498,0.00356,-0.06002,-0.05722,0.02882,-0.03805,-0.06395,-0.0346,0.03147,-0.01017,-0.02809,-0.01311,-0.03881,-0.01712,0.00686,0.00182,0.0232,-0.02147,0.01024,0.01362,-0.01438,0.03729,-0.01411,-0.07681,0.03318,-0.10679,-0.01128,-0.05987,-0.02402,0.01049,0.01513,-0.03103,-0.03804,-0.09559,-0.01024,-0.00164,-0.01925,-0.03664,0.1108,0.01169,-0.03162,0.01376,-0.00284,0.03184,0.02678,-0.04418,-0.03951,0.09189,-0.03054,0.0693,-0.00205,0.00073,0.02333,0.02357,-0.00639,0.15269,-0.04646,0.02452,0.00702,-0.05063,0.06236,-0.02172,-0.0041,0.03404,0.07103,-0.09696,-0.00549,0.04653,0.01922,-0.08922,0.08712,0.01205,-0.03271,-0.06535,0,-0.06554,-0.00305,0.00985,-0.06181,0.04297,0.01012,-0.05826,-0.0109,-0.0005,0.0898,-0.02122,0.01926,-0.0231,0.01456,0.08206,0.03523,-0.03552,0.01662,-0.0736,-0.04499,0.04675,0.04696,-0.05759,0.06717,0.0298,-0.0439,0.06511,0.05597,-0.02101,0.06357,-0.05455,0.05136,0.04644,0.05128,-0.02686,-0.03753,-0.1131,-0.07755,-0.0431,0.03931,0.01786,-0.02292,0.02665,-0.00386,0.01421,0.0169,-0.04902,-0.03793,-0.07524,0.0357,-0.05267,-0.03233,-0.07686,0.03836,0.05433,-0.07154,0.04589,0.09833,0.00539,0.02957,-0.06298,0.0249,0.02618,-0.06697],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 🎨 Styling Connections and Markers Let’s make our connections not just smart — but stylish. First, we’ll define a custom CSS variable — connection-color and apply it to both the stroke of the connection path and the fill of any SVG markers. This way, all visual elements stay perfectly in sync. 💡 Why use CSS variables? They allow you to easily switch themes, support dark/light mode, or dynamically update styles on interaction — without touching the DOM.","excerpt":"🎨 Styling Connections and Markers Let’s make our connections not just smart — but stylish. First, we’ll define a custom CSS variable — connection-color and apply it to both the stroke of the connection path and the fill of any SVG markers. This way, all visual elements stay perfectly in sync. 💡 Why use CSS variables? They allow you to easily switch themes, support dark/light mode, or dynamically update styles on interaction — without touching the DOM."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#18","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.14708,-0.02079,-0.01961,0.07225,0.01078,0.00198,0.03921,-0.00665,0.05134,0.00205,-0.08393,0.01246,-0.07394,-0.02379,0.0496,0.10047,0.00209,-0.04018,-0.06294,-0.01259,-0.05645,-0.07255,-0.02303,-0.00189,-0.05523,0.02939,0.01174,-0.03567,0.05516,-0.03735,-0.02116,0.04742,0.00218,0.01806,-0.16297,0.0606,0.05013,0.02939,-0.02276,-0.06835,0.05101,-0.01657,0.01594,-0.05685,-0.01683,-0.02215,-0.00036,-0.03522,-0.017,0.0683,-0.08373,-0.11042,0.01184,-0.00922,0.00802,0.02049,0.08217,-0.05124,0.01409,-0.02573,-0.00112,0.00344,0.07936,0.0213,0.07084,-0.00888,-0.04204,0.0121,-0.03938,-0.03713,0.04041,-0.05147,-0.03669,-0.01115,-0.0268,-0.03064,-0.0744,0.04074,0.0359,0.03644,0.08603,-0.02463,-0.02175,0.07171,-0.02625,0.09629,0.06392,-0.11654,0.0228,-0.0215,0.04176,0.03145,0.03115,-0.00944,0.02495,0.01263,-0.02499,-0.03575,-0.1308,0.05169,-0.00326,-0.01647,0.05627,-0.03202,-0.05413,0.02997,0.0687,-0.04077,-0.04551,-0.0014,0.0042,-0.02356,-0.02068,-0.05603,-0.02845,-0.03201,-0.00103,0.0155,0.05654,0.0712,0.05842,0.02081,-0.04623,-0.02683,0.1297,0.00838,0.00639,0,0.07756,0.03242,-0.03108,0.01044,0.09625,-0.0559,-0.03026,-0.08499,-0.0333,0.01291,0.05733,-0.00037,-0.00431,0.07737,0.00133,-0.11056,0.01279,-0.04003,0.0075,0.00278,-0.05615,-0.1069,-0.05719,0.01251,0.06597,0.08365,0.01397,-0.0137,-0.03367,0.00913,0.01657,-0.00905,-0.04534,-0.00529,-0.09363,0.02303,-0.08538,-0.067,0.07769,0.02848,0.00578,-0.06255,-0.04373,0.04614,-0.02808,0.06103,0.024,0.03108,0.0179,0.03832,-0.00127,0.02875,0.03589,0.01756,0.08352,-0.07042,-0.02951,0.06999,0.02914,0.01349,-0.02619,0.00818,-0.0547,-0.04529,0.04117,0.01913,-0.03912,0.0359,0.0758,-0.05353,-0.0876,0.02227,0.00221,0.06119,-0.03268,-0.01717,-0.0468,-0.09328,0.16463,-0.06099,-0.01547,-0.09387,0.00526,0.0862,0.04746,-0.08644,-0.03578,-0.0446,-0.1376,-0.02306,0.02507,0.04443,0.05828,0.01828,-0.00485,0,-0.02576,0.02422,-0.03903,0.08541,-0.03546,0.02161,0.05639,-0.00713,0.06828,0.08178,0.0508,0.06715,-0.00386,0.01315,0.02625,0.01378,-0.05107,-0.01826,0.06828,-0.06642,0.10521,0.00502,0.04376,-0.04181,-0.08634,0.0196,0.01365,-0.0165,0.02582,-0.00563,-0.01791,-0.01075,-0.03824,-0.07207,-0.01758,0.00582,0.07007,0.03357,0.00937,-0.02091,0.0345,0.0021,0.05667,-0.02531,-0.06275,0.03162,-0.10114,0.0103,-0.0639,-0.00082,-0.05699,0.02699,-0.01646,-0.03965,-0.11163,-0.04018,0.07026,-0.04522,0.00291,0.03033,-0.0631,-0.01503,0.02544,-0.00691,0.04806,0.022,0.0135,0.00795,0.06387,0.0192,0.09945,-0.01657,0.00107,0.02553,0.04244,0.01256,0.1547,-0.08142,0.05666,-0.03606,0.02357,0.04914,0.01094,-0.07696,0.00369,0.07886,-0.07685,-0.01963,0.04441,0.04177,-0.08373,0.06525,0.00347,-0.03503,-0.05673,0,-0.05079,0.00946,0.04582,-0.01297,0.0836,0.0558,-0.05185,0.00818,0.02529,-0.00293,0.00599,0.05163,-0.03503,0.00404,0.1198,0.09587,-0.07644,0.0279,-0.06133,-0.04609,0.07777,0.03674,-0.03559,0.07042,-0.01609,-0.03173,0.03392,0.06903,-0.07234,0.02139,0.0164,0.09414,0.05812,0.02219,-0.06772,-0.01988,-0.05487,-0.08269,-0.0634,0.00273,-0.01209,0.00201,-0.02943,-0.08771,-0.04695,0.00999,0.00041,-0.10458,-0.05184,0.03623,-0.04313,-0.01827,-0.0344,0.06747,0.02344,-0.03809,0.0046,0.02372,0.02344,0.00283,0.01824,0.04501,-0.0019,-0.00481],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 👆 Hover Effect Now let’s make our connections respond to user interaction. A subtle glow on hover helps users understand that a line is clickable or draggable. Just like that, your editor starts to feel alive — reacting to user input in a smooth, intuitive way.","excerpt":"👆 Hover Effect Now let’s make our connections respond to user interaction. A subtle glow on hover helps users understand that a line is clickable or draggable. Just like that, your editor starts to feel alive — reacting to user input in a smooth, intuitive way."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#19","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.12602,-0.0392,-0.01879,0.0877,-0.01938,0.0233,-0.01006,-0.05114,0.00161,0.01936,-0.06694,0.02783,-0.05333,-0.03446,0.04146,0.13638,-0.02184,-0.01328,-0.03229,0.00453,-0.08065,-0.08127,-0.05433,-0.04184,0.00917,0.04365,0.03372,-0.02037,0.06787,-0.03465,0.00368,0.02931,-0.09434,0.01075,-0.10477,0.07507,0.07385,0.02359,-0.04992,-0.0275,0.09726,0.02,0.01974,-0.04533,-0.01747,0.02648,-0.07183,-0.00207,-0.0421,0.05308,-0.06921,-0.11661,-0.02796,0.01593,0.01628,0.04129,0.05814,-0.05766,-0.00474,0.05224,0.0817,-0.02072,0.06611,-0.02049,0.00463,-0.02094,-0.07546,0.02734,-0.00865,-0.01127,0.01078,-0.03253,-0.02882,-0.04495,-0.01884,0.0375,-0.03185,0.01263,0.00429,-0.0228,0.06229,0.04985,-0.03737,0.11035,-0.02867,0.09327,-0.00749,-0.11611,0.01239,-0.03448,0.01619,0.03128,0.02402,-0.02804,0.05555,0.01069,-0.03612,-0.04622,-0.11332,0.0482,-0.01422,-0.01247,0.06563,-0.03539,-0.07816,0.04931,0.00213,0.00344,-0.0176,-0.001,0.00563,0.01339,-0.01506,-0.05424,-0.05786,-0.02161,-0.04222,0.00459,0.07203,0.12661,0.03229,0.01709,-0.01979,-0.05174,0.12017,-0.04989,-0.01658,0,0.03579,0.02838,-0.01359,0.00709,0.13988,-0.03492,-0.0481,-0.107,-0.01875,0.03587,-0.02374,0.01295,-0.06261,0.05307,-0.01738,-0.14887,0.04591,-0.00416,0.0065,0.03684,-0.06544,-0.10526,-0.02339,0.00108,0.09759,0.07467,0.02297,-0.00114,0.02707,-0.0083,0.03808,0.01699,-0.0072,0.01507,-0.1088,0.01757,-0.06055,-0.09018,0.0092,0.06801,0.04181,-0.04508,-0.08857,0.04245,-0.03361,0.01564,0.01101,0.00712,0.05001,0.00903,-0.0259,0.05313,-0.00323,-0.02865,0.05443,-0.10526,-0.08931,0.11837,0.00287,0.03196,0.00688,0.01878,-0.06641,-0.05304,0.05322,0.02093,-0.01148,0.03144,0.09235,-0.05068,-0.06734,0.0609,0.01805,0.03838,-0.01606,-0.02734,-0.05919,-0.01942,0.14038,-0.05091,-0.03697,-0.04733,-0.00344,0.08892,0.08453,-0.11389,-0.03079,-0.05914,-0.11236,-0.00875,0.03587,0.07321,0.06085,0.01176,0.00317,0,-0.05481,0.04836,-0.00921,0.04604,-0.01194,0.00465,0.07482,0.00598,0.04809,0.09811,0.06968,0.06615,-0.00757,-0.00709,0.01783,0.01575,-0.02561,-0.04179,0.08085,-0.04206,0.10574,0.05226,0.02714,-0.05676,-0.03951,0.03105,0.03101,-0.04363,0.01478,0.02884,0.00807,-0.0477,-0.01156,-0.04736,-0.00051,0.02298,0.03313,0.05539,0.01793,-0.06934,0.02009,-0.01749,0.00628,-0.04909,-0.06146,0.01118,-0.11552,0.01647,-0.10591,-0.02418,-0.04664,0.03321,-0.054,-0.06522,-0.10317,-0.01146,0.05459,-0.02543,-0.0054,0.03659,-0.02183,-0.0453,0.00532,-0.02513,0.057,0.0152,0.00719,-0.03574,0.01982,-0.00152,0.03951,0.05309,-0.00773,0.00724,0.0685,0.0063,0.10921,-0.07262,0.06894,-0.00152,-0.03463,0.06539,-0.00925,-0.02301,0.05457,0.06553,-0.05037,0.03005,0.06838,0.06171,-0.08005,0.04376,0.01738,-0.02083,-0.06538,0,-0.05383,0.00095,0.00205,-0.04023,0.06001,0.00803,-0.03528,0.04479,0.0164,0.03508,-0.00129,0.05475,-0.05423,0.03379,0.1046,0.03034,-0.02998,0.01636,-0.02474,-0.0613,0.04947,0.02528,-0.02045,0.12152,-0.03751,-0.04952,0.02422,0.04218,-0.07018,0.04033,-0.03367,0.02628,0.06971,0.04421,-0.03827,-0.0279,-0.11327,-0.02742,-0.07383,0.02463,0.0268,0.01343,0.02806,-0.03653,0.01715,0.02723,-0.03733,-0.04631,-0.03243,-0.01425,-0.05648,-0.01755,-0.03985,-0.00901,0.04399,-0.02883,-0.0087,0.03619,0.00659,0.02967,-0.05146,0.05242,-0.00288,-0.04307],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. ✅ Done! At this point, your connections are no longer just lines between nodes — they’re fully interactive, visually expressive, and ready for production use. Here’s what we’ve achieved in this part: ✅ Enabled reattachment of connections with intuitive drag handles ✅ Supported reconnection from either side of the link ✅ Styled connection paths using CSS variables for easy theming ✅ Added SVG markers to visualize direction and selection ✅ Enhanced the UX with hover effects and visual feedback","excerpt":"✅ Done! At this point, your connections are no longer just lines between nodes — they’re fully interactive, visually expressive, and ready for production use. Here’s what we’ve achieved in this part: ✅ Enabled reattachment of connections with intuitive drag handles ✅ Supported reconnection from either side of the link ✅ Styled connection paths using CSS variables for easy theming ✅ Added SVG markers to visualize direction and selection ✅ Enhanced the UX with hover effects and visual feedback"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#20","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.09407,-0.02974,0.00879,0.08138,0.02621,0.07584,-0.03514,0.0187,0.02258,0.0475,-0.12516,-0.03519,-0.07708,0.00985,0.08,0.10274,0.00947,-0.03001,-0.01837,-0.02458,-0.06055,-0.01256,0.00011,0.01504,-0.04071,0.08036,0.02221,-0.00755,0.05754,0.00244,-0.00801,0.04127,-0.0042,0.03551,-0.1627,0.07124,0.04179,0.05803,-0.05173,-0.05923,0.01108,0.02467,0.01117,-0.04836,-0.02475,-0.04723,-0.04758,0.00262,-0.04702,0.05428,-0.08773,-0.14249,-0.01565,0.0031,-0.01698,0.02124,0.03891,-0.07231,0.02083,0.00315,0.0332,-0.00326,0.09387,0.02864,-0.00829,0.03497,-0.04611,0.04662,-0.00886,-0.02717,0.05835,-0.02244,-0.02122,-0.07115,-0.01034,-0.03535,-0.06446,0.02282,-0.02057,-0.03566,0.04692,0.0501,-0.01164,0.0428,-0.04554,0.07656,0.01266,-0.07236,0.03787,-0.00969,0.0091,0.02851,0.03589,-0.05516,0.11352,0.03404,-0.05482,-0.04896,-0.1151,0.04011,0.02403,-0.01332,-0.00143,-0.04952,-0.01287,0.0157,0.01989,-0.0213,-0.04475,0.0037,0.03065,-0.00187,0.00981,-0.06497,-0.04479,-0.02576,0.01696,-0.02257,0.01072,0.10091,0.04062,0.0076,-0.04978,-0.03221,0.09704,0.01838,-0.01353,0,0.08382,0.03354,-0.04314,0.06359,0.07588,0.01191,0.03071,-0.06899,-0.05117,-0.00292,0.04564,0.05001,-0.07423,0.02538,-0.0333,-0.10905,-0.03044,0.02645,-0.01928,0.03716,-0.05328,-0.1023,-0.07929,0.01878,0.0516,0.05087,-0.02816,0.04265,-0.02763,-0.02149,0.0176,-0.02195,-0.0058,0.01529,-0.08216,-0.00413,-0.09132,-0.05699,0.05081,-0.00299,0.00906,-0.02854,-0.0748,-0.00152,-0.04257,0.04544,-0.02001,0.06486,0.05396,-0.04292,0.03575,0.08076,0.03948,0.01464,0.06238,-0.04513,-0.06544,0.09145,0.04031,0.02928,-0.00082,0.06945,-0.05415,-0.02648,0.03508,0.02412,-0.03727,0.00657,0.09596,-0.08628,-0.06135,0.02622,-0.03786,0.05635,0.03041,-0.05597,-0.02819,-0.03558,0.10999,-0.0153,-0.07076,-0.06814,0.00116,0.10136,0.0966,-0.08203,-0.01168,-0.03498,-0.12172,-0.03822,0.0789,0.02972,0.05364,0.01234,0.05295,0,-0.07936,-0.00279,-0.02628,0.06633,-0.03432,-0.01012,0.03023,0.01245,0.08529,0.05197,0.06988,0.03106,-0.03776,-0.04407,0.00349,0.01079,-0.04207,-0.04713,0.11413,-0.0378,0.07948,0.07158,-0.01608,-0.03521,-0.0731,0.02455,0.00947,0.01458,0.01803,-0.0491,-0.02403,-0.04043,-0.04456,-0.03343,-0.0261,-0.03857,0.01286,0.02208,-0.00614,0.01565,-0.0018,0.02977,-0.00793,0.04164,-0.06003,0.07253,-0.07979,0.0432,-0.07901,-0.04775,-0.07025,0.02461,-0.04397,-0.07441,-0.07917,-0.01674,0.08532,-0.01536,0.01693,0.0371,-0.06873,0.00708,0.04578,0.00386,0.03911,0.0382,-0.0339,-0.03012,0.03359,-0.01834,0.04136,-0.0458,-0.00323,0.0075,0.12237,-0.00951,0.07875,-0.101,0.05545,-0.04442,-0.02022,0.05858,0.03056,-0.04201,0.06342,0.02807,-0.09477,-0.02475,0.04666,0.10667,-0.09885,0.04732,0.01984,-0.05685,-0.04351,0,-0.06529,0.02035,0.01654,-0.07918,0.03693,-0.02843,-0.01207,0.0494,0.0519,0.02364,0.02213,0.03153,-0.01481,-0.00809,0.10656,0.08845,-0.02748,0.05113,-0.0507,-0.06227,0.1168,0.0205,-0.02316,0.10591,0.02637,-0.07019,0.02547,0.05329,-0.05106,0.06366,-0.01533,0.02607,0.09769,0.09411,-0.0502,-0.01472,-0.04895,-0.05348,-0.06227,0.03569,0.00568,-0.00281,-0.05334,-0.08125,-0.02329,0.0228,0.0173,-0.04285,-0.0239,-0.00205,-0.03442,0.00695,-0.01356,0.05566,0.04377,0.00084,-0.00457,0.00763,0.03847,-0.02079,-0.04273,0.10342,0.02975,-0.0163],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. Together, these improvements make a massive difference in how your flow editor feels to the user. Small touches like directional arrows or soft highlights can turn a technical tool into a truly enjoyable experience. But we’re not stopping here. Up next, we’ll take interactivity to the next level by adding a side panel that appears when a node is selected. This panel will allow users to: - View and edit node parameters dynamically - Bind controls to schema-driven forms - See changes reflected live in the flow","excerpt":"Together, these improvements make a massive difference in how your flow editor feels to the user. Small touches like directional arrows or soft highlights can turn a technical tool into a truly enjoyable experience. But we’re not stopping here. Up next, we’ll take interactivity to the next level by adding a side panel that appears when a node is selected. This panel will allow users to: - View and edit node parameters dynamically - Bind controls to schema-driven forms - See changes reflected live in the flow"},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#21","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.10474,0.00672,-0.04499,0.03618,-0.01349,-0.00269,-0.02784,0.01233,0.01162,0.01659,-0.08701,-0.00579,-0.05829,-0.03168,0.09399,0.0795,-0.00407,-0.00756,-0.04785,-0.02133,-0.06613,-0.05529,-0.03508,-0.01419,-0.01555,0.05864,0.02893,-0.04956,0.08849,-0.01389,0.02625,0.04186,0.00435,0.05172,-0.13056,0.09366,0.0407,0.003,-0.04086,-0.04404,0.0221,0.04219,-0.03844,-0.04273,-0.04248,0.00545,-0.05025,-0.03223,-0.07167,-0.01591,-0.07142,-0.08008,-0.04552,0.01189,0.00862,0.01089,0.05905,-0.05394,-0.00279,0.01444,0.04396,-0.01628,0.06919,0.03313,0.04549,0.0091,-0.09487,0.03475,-0.00788,-0.059,0.02303,-0.03307,0.00552,-0.00182,-0.0216,-0.04504,-0.04319,0.00974,0.04005,0.01674,0.02001,0.03108,-0.03427,0.13521,-0.00166,0.06546,0.00449,-0.05194,0.02542,-0.06113,0.01264,0.03285,0.06876,0.00735,0.10513,0.03056,-0.00713,-0.04193,-0.15227,0.07895,-0.05079,-0.004,0.07062,-0.01109,-0.03304,0.018,0.05129,-0.0084,-0.01792,-0.03043,0.01392,0.00613,0.03096,-0.07437,-0.0334,-0.00458,-0.03749,0.0209,0.02009,0.11735,0.01402,-0.00215,-0.01927,-0.01612,0.11011,-0.01209,-0.03558,0,0.03178,0.05209,-0.02894,0.01117,0.13008,-0.04565,0.01318,-0.09382,-0.00067,0.06794,0.0475,0.03657,-0.06367,0.07467,-0.00144,-0.122,0.01651,-0.00742,0.05254,0.05299,-0.00095,-0.14604,-0.04775,0.05117,0.06257,0.0716,0.01453,-0.01673,-0.01542,0.01178,0.01587,-0.03369,-0.03872,0.02547,-0.05286,-0.0374,-0.09076,-0.05949,0.00539,0.03483,-0.01063,-0.03168,-0.10484,0.01379,-0.00055,-0.01707,0.00335,0.00685,0.092,0.02817,0.01809,0.05016,0.00982,0.00851,0.04835,-0.09906,-0.05982,0.06258,0.06003,0.04715,-0.03627,-0.01769,-0.09353,-0.01039,0.03469,-0.02108,0.00035,-0.01685,0.10504,-0.0531,-0.03319,0.02198,-0.00923,0.09313,-0.00245,0.00097,0.02051,0.01519,0.10168,-0.07005,-0.02743,0.01951,-0.0036,0.11551,0.09154,-0.08563,-0.05934,-0.03875,-0.14708,0.0171,0.02273,0.01261,0.0444,0.01937,0.00814,0,-0.05642,-0.00658,-0.06592,0.0385,-0.00717,-0.01221,0.09226,-0.02479,0.08287,0.12037,0.07205,0.03608,-0.00256,-0.01051,0.03476,-0.00341,-0.03378,-0.05021,0.09847,-0.01943,0.05006,0.0897,-0.03344,-0.07696,-0.05372,0.05857,-0.06803,-0.00192,0.01838,0.00202,0.01242,-0.02673,-0.02307,-0.08017,-0.02182,-0.0079,0.02324,0.08192,-0.06139,-0.05404,0.04069,-0.028,-0.00532,-0.01141,-0.08489,0.02773,-0.07769,-0.01213,-0.06405,-0.03976,-0.0462,0.01542,-0.0028,-0.05601,-0.10482,0.01735,0.06693,0.01632,-0.05051,0.09246,-0.00831,-0.04753,0.07952,-0.00294,0.04809,0.01415,-0.04841,0.04956,0.00911,0.00758,0.04351,-0.01818,0.00471,0.0667,0.03865,0.00783,0.0779,-0.07765,0.07905,0.00981,-0.01614,0.04735,-0.02796,-0.01653,0.06495,0.01439,-0.06755,-0.05464,0.03646,0.09243,-0.10272,0.07189,0.01131,-0.01353,-0.05981,0,-0.05689,0.00174,0.0276,-0.04022,0.06025,0.01681,-0.05968,0.01031,0.03042,0.04988,0.008,0.00211,-0.04953,-0.01099,0.10453,0.05662,-0.02814,0.00992,-0.04784,-0.08967,0.07958,0.03129,-0.02502,0.05336,-0.00502,-0.07438,0.08728,0.04245,-0.07411,0.04051,-0.02469,0.08442,0.08521,0.03256,-0.01773,-0.0112,-0.09055,-0.0443,-0.08039,-0.03336,0.01503,0.01392,-0.01762,-0.06978,0.00313,0.0183,-0.04237,-0.06793,-0.00877,0.0087,-0.02489,0.00242,-0.04523,0.05871,0.02169,-0.00847,0.02357,0.00868,0.03591,0.00218,-0.03226,0.08283,0.05605,-0.04284],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. This is a huge step toward building a real low-code platform, where users don’t just connect logic — they configure and control it through a seamless UI.","excerpt":"This is a huge step toward building a real low-code platform, where users don’t just connect logic — they configure and control it through a seamless UI."},{"chunkId":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections#22","slug":"building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","route":"/blog/building-ai-low-code-platform-in-angular-part-4-styling-and-handling-connections","section":"blog","title":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections","description":"Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX.","group":"Building AI Low-Code Platform","vector":[-0.12292,0.00947,-0.04267,0.03319,-0.01841,0.01872,-0.02695,0.01699,0.01125,0.01815,-0.10111,-0.01919,-0.05894,-0.02472,0.08299,0.11067,-0.01771,0.00272,-0.04061,-0.02018,-0.05398,-0.04491,-0.02208,-0.00967,-0.02788,0.05899,0.03385,-0.05349,0.07358,-0.02479,0.0323,0.04977,0.01391,0.04054,-0.11276,0.08142,0.03723,0.00425,-0.01141,-0.028,0.04768,0.04328,-0.00206,-0.06141,-0.02354,-0.00031,-0.03932,-0.0198,-0.07094,0.00312,-0.08075,-0.09987,-0.06544,0.03365,0.00039,-0.00967,0.03188,-0.08063,0.00296,0.01239,0.06437,-0.01212,0.05927,0.01889,0.03061,0.00449,-0.11168,0.03275,-0.01151,-0.02258,0.01981,-0.01796,-0.00807,-0.01839,-0.02763,-0.02531,-0.04359,0.01138,0.03952,-0.00809,0.02667,0.02804,-0.01232,0.11052,-0.00696,0.05782,-0.0083,-0.07695,0.01265,-0.05756,0.02968,0.04029,0.04,0.00678,0.11621,0.02903,-0.01675,-0.05426,-0.12198,0.06716,-0.0426,-0.01513,0.05549,-0.02844,-0.05695,0.03242,0.03539,-0.01719,-0.01784,-0.04048,-0.00038,0.00771,0.02198,-0.0791,-0.0242,-0.00227,-0.03523,0.017,0.01291,0.13347,0.01843,-0.00777,-0.03401,-0.03598,0.10275,-0.02644,-0.02884,0,0.01288,0.05353,-0.04308,0.0184,0.1316,-0.04933,0.00438,-0.09626,-0.00588,0.04378,0.02833,0.02581,-0.0627,0.06869,-0.0314,-0.13703,0.0121,0.00386,0.05795,0.06371,0.02127,-0.13498,-0.05133,0.05259,0.07511,0.06523,0.0206,-0.01102,-0.01942,0.01722,0.03332,-0.02119,-0.03535,0.02059,-0.07498,-0.03599,-0.09729,-0.06686,-0.0058,0.03721,0.00783,-0.02649,-0.11386,0.02137,-0.0024,-0.00197,0.00537,0.00963,0.11893,0.02764,0.0104,0.04015,-0.00175,-0.01054,0.0753,-0.10747,-0.06245,0.09409,0.03473,0.03392,-0.02727,-0.00968,-0.07052,-0.04517,0.04832,-0.00719,-0.00476,-0.00482,0.09841,-0.06208,-0.02233,0.03439,-0.00275,0.0848,-0.00759,0.00763,0.01034,0.00459,0.09908,-0.07369,-0.0633,0.00415,0.00081,0.09789,0.08994,-0.08649,-0.04256,-0.04847,-0.12823,0.00625,0.03668,0.01928,0.04134,0.02128,0.00658,0,-0.05349,0.01016,-0.07086,0.04565,0.00197,-0.02398,0.08928,-0.00547,0.10106,0.117,0.05499,0.03668,-0.00804,-0.01587,0.04298,-0.02202,-0.0257,-0.05941,0.09948,-0.02278,0.03292,0.0898,-0.03978,-0.07964,-0.03511,0.0751,-0.06728,-0.02274,0.03144,0.00667,-0.012,-0.05014,-0.025,-0.06087,-0.02167,-0.00387,0.02855,0.0467,-0.02576,-0.03603,0.06107,-0.02878,0.02299,-0.02332,-0.08422,0.00948,-0.0654,0.00034,-0.04849,-0.04144,-0.03419,0.01403,-0.02755,-0.04168,-0.10619,0.02989,0.08708,-0.00936,-0.05701,0.08136,-0.04376,-0.03079,0.0842,-0.00829,0.05622,-0.00225,-0.04037,0.01787,0.0173,-0.00366,0.06136,-0.00699,-0.01748,0.08886,0.04473,0.00189,0.10142,-0.06317,0.08037,0.02389,-0.0313,0.05953,-0.01419,-0.00717,0.06475,0.03156,-0.05747,-0.05225,0.05132,0.08464,-0.09377,0.05338,0.02784,-0.02156,-0.04684,0,-0.06272,-0.00571,0.01576,-0.03795,0.04335,-0.00447,-0.0864,0.01672,0.03348,0.0326,-0.00035,0.02313,-0.05649,-0.00797,0.08708,0.03425,-0.02567,0.01199,-0.05247,-0.11109,0.0642,0.03204,-0.01675,0.04488,-0.02593,-0.07105,0.06873,0.02309,-0.06664,0.03686,-0.02693,0.08245,0.07664,0.02503,-0.01812,-0.02076,-0.07906,-0.05005,-0.09818,0.01512,0.04847,0.00504,-0.0143,-0.07026,0.01967,0.03011,-0.05477,-0.06931,-0.01866,-0.00817,-0.0432,0.00181,-0.05889,0.06655,0.03298,0.00533,0.00248,0.00224,0.04715,0.00556,-0.04175,0.08835,0.04431,-0.02739],"keywords":"Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Building AI Low-Code Platform in Angular — Part 4: Styling and Handling Connections Style Angular flow connections, add markers, and support connection reassignment with Foblex Flow for richer workflow builder UX. 🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback! Git Hub","excerpt":"🙌 Thanks for Your Interest If you like the project — leave a ⭐ on GitHub, join the discussions, and share your feedback!"},{"chunkId":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals#0","slug":"call-center-flow-editor-now-updated-with-angular-20-signals","route":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals","section":"blog","title":"Call Center Flow Editor — now updated with Angular 20 & Signals","description":"See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX.","group":"Call Flow Editor","vector":[-0.12805,-0.06336,-0.01942,0.04077,-0.02895,0.0425,-0.08534,0.00631,0.07444,0.02243,-0.05517,0.07443,-0.10795,0.00173,0.0706,-0.00074,-0.01139,-0.04174,-0.04228,-0.0081,-0.03131,-0.02893,-0.00217,-0.03753,0.03311,0.02626,-0.02977,-0.00799,0.07296,-0.02712,0.02835,0.15597,-0.01124,-0.02289,-0.17696,0.09761,-0.0023,0.0258,-0.02384,-0.03534,0.07316,-0.00947,-0.01288,-0.05662,-0.02424,-0.0277,-0.0737,-0.02205,-0.02172,0.0398,-0.00875,-0.09331,-0.07987,0.00757,0.04111,0.03361,0.07175,0.03146,0.05045,-0.03644,0.00101,-0.02337,0.01838,0.0388,-0.09421,0.08218,-0.03457,-0.00032,0.03833,-0.07451,0.00605,-0.04224,0.02374,-0.07339,-0.04289,0.01067,-0.07501,0.03793,-0.02662,-0.02966,0.0913,-0.04035,-0.00586,0.01268,0.01085,0.11275,0.04475,-0.11992,0.04025,0.00669,-0.00917,0.04916,0.02562,-0.01696,-0.03632,0.0081,-0.0816,-0.00641,-0.09303,-0.00305,0.02688,-0.00794,0.00389,0.03389,-0.04251,-0.03965,0.04405,0.03664,-0.05912,-0.00012,0.0053,0.05154,0.00003,-0.08087,-0.03471,-0.00392,-0.01221,0.00744,0.03756,0.0671,0.00087,-0.00447,-0.02355,-0.0245,0.09338,-0.01831,0.02055,0,-0.03185,0.09509,-0.03398,0.05102,0.10023,-0.00127,0.02345,-0.06603,0.0418,-0.0586,0.05953,0.02487,-0.0473,0.0342,0.00347,-0.06687,-0.03287,0.02368,-0.03843,0.03109,0.00988,-0.00874,-0.05955,-0.03192,0.0383,0.08709,-0.00684,0.04022,-0.03705,-0.00603,0.01693,0.03474,0.0048,0.03265,-0.05891,0.00616,-0.01567,-0.08035,-0.03175,-0.06009,0.03336,0.02146,-0.15342,-0.00129,0.02664,-0.04864,-0.05869,0.07456,0.11277,-0.01782,0.0279,0.13169,-0.02085,0.05113,0.01466,-0.02642,0.0037,0.04288,0.01368,0.05797,0.0426,0.05791,-0.02563,-0.00421,0.08006,0.08767,0.00363,-0.01683,0.05643,-0.0297,-0.06229,0.04453,-0.01922,0.05376,0.03585,-0.06187,-0.01466,0.01935,0.05505,-0.02275,0.04748,-0.03323,-0.00595,0.06132,0.12783,-0.06954,-0.00266,-0.07362,-0.09715,0.04359,0.07402,0.01049,0.0392,0.05281,-0.03696,0,-0.02462,0.02482,-0.04425,0.06416,-0.03406,-0.02803,0.04337,0.06006,0.0557,0.03179,0.09444,0.01759,-0.03567,0.03627,-0.03538,0.02211,-0.01661,-0.13422,0.00201,-0.08286,0.09869,-0.0055,0.01229,0.01376,-0.07346,0.04106,-0.01152,0.01704,0.00879,-0.06538,-0.01246,-0.02703,-0.03817,-0.02543,0.04396,-0.01979,0.05103,0.05623,-0.01841,-0.01513,0.05232,0.03479,0.01913,0.03363,-0.06406,-0.00668,-0.0597,0.01539,-0.10984,-0.0213,-0.00113,0.04817,-0.02804,-0.02773,-0.0649,0.03432,0.08235,-0.01027,-0.00121,-0.00773,0.0195,-0.03944,-0.03929,-0.08957,0.07829,0.12895,0.0107,-0.02315,0.04608,0.04952,0.02559,-0.03203,-0.07373,-0.05122,0.06843,0.02092,0.09613,-0.09733,0.01876,-0.0028,-0.03433,0.07258,0.01285,-0.00468,0.01683,0.05291,-0.08434,-0.07956,0.04817,0.05128,-0.11295,0.01251,-0.00476,-0.04284,0.0282,0,-0.13837,0.05804,-0.03388,-0.00297,0.10645,-0.06546,-0.09332,0.00852,0.01301,-0.04445,-0.03571,-0.0129,-0.02667,-0.01197,0.08938,-0.00992,-0.07293,0.00873,-0.02944,-0.05194,0.02049,0.07485,0.0234,0.04447,0.00385,-0.03304,0.07051,0.04432,-0.01608,0.00841,-0.01807,0.03423,0.08921,0.10538,-0.07126,-0.03462,-0.04241,-0.00306,0.00392,0.04506,0.03714,-0.03596,-0.04646,0.02367,-0.03241,-0.02066,0.02941,-0.03608,-0.01869,-0.02785,-0.0566,0.04603,-0.04468,-0.01041,0.00735,-0.01402,-0.02077,-0.06389,0.05003,0.04498,-0.06507,0.01441,0.00792,0.0038],"keywords":"Call Center Flow Editor — now updated with Angular 20 & Signals Call Center Flow Editor — now updated with Angular 20 & Signals See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX. Call Center Flow Editor — Now Updated with Angular 20 and Signals This update revisits a call center flow editor built on top of Foblex Flow and shows how the project benefits from Angular 20, Signals, and a more production-ready editing UX. The goal stayed the same: let users design call flows visually by dragging nodes and connecting them instead of writing configuration manually. Since then, Angular has evolved, and so has this project. I wanted to take advantage of Angular 20 and its new Signals API, so I decided to give the editor a proper refresh.","excerpt":"Call Center Flow Editor — Now Updated with Angular 20 and Signals This update revisits a call center flow editor built on top of Foblex Flow and shows how the project benefits from Angular 20, Signals, and a more production-ready editing UX. The goal stayed the same: let users design call flows visually by dragging nodes and connecting them instead of writing configuration manually. Since then, Angular has evolved, and so has this project. I wanted to take advantage of Angular 20 and its new Signals API, so I decided to give the editor a proper refresh."},{"chunkId":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals#1","slug":"call-center-flow-editor-now-updated-with-angular-20-signals","route":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals","section":"blog","title":"Call Center Flow Editor — now updated with Angular 20 & Signals","description":"See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX.","group":"Call Flow Editor","vector":[-0.13313,-0.03857,0.00266,0.05533,-0.00423,0.07181,-0.06056,-0.00186,0.02666,0.04365,-0.06405,0.05294,-0.0956,0.00679,0.06229,0.02741,-0.00725,-0.02453,-0.05457,0.00615,-0.04369,-0.04817,0.00987,-0.04958,0.00081,0.07444,0.00934,-0.04735,0.04603,-0.05105,0.05355,0.14302,0.00371,-0.03235,-0.19984,0.06574,-0.00502,0.0149,-0.05519,-0.0445,0.10085,-0.00068,-0.00539,-0.08148,-0.03915,-0.00086,-0.01838,-0.01475,-0.03165,0.00907,0.01523,-0.07273,-0.03564,0.03224,0.02144,0.02698,0.09018,0.01051,0.0208,-0.05621,0.02065,-0.044,0.02975,0.02013,-0.04072,0.06415,-0.03229,-0.00686,0.01262,-0.06688,0.01224,-0.06273,0.05192,-0.08616,-0.00074,-0.01787,-0.05381,0.05372,-0.04203,0.00699,0.10466,-0.04894,0.00012,0.00748,-0.04326,0.10384,0.00644,-0.11905,0.01928,-0.03339,-0.01891,0.0559,0.01077,-0.02747,-0.0042,-0.03219,-0.09083,-0.01365,-0.08688,0.00636,0.05645,0.01283,0.00968,0.03891,-0.04374,-0.01642,0.02951,0.02293,-0.05843,0.01129,0.01908,0.07046,0.00322,-0.05399,-0.01649,-0.03322,-0.01057,0.00907,0.02786,0.07484,-0.00248,-0.02712,-0.02962,-0.02986,0.0743,0.00346,0.01145,0,-0.02514,0.08788,-0.06825,0.0229,0.11851,0.01852,0.02042,-0.09255,0.0291,-0.0331,0.05884,0.05463,-0.05568,0.04322,0.0094,-0.0993,-0.0298,0.00162,0.01193,0.03003,0.04747,0.01307,-0.05813,-0.02298,0.07269,0.04629,-0.01076,0.03522,-0.03,-0.02301,0.03611,0.07195,0.03776,0.03185,-0.04049,-0.0136,-0.02518,-0.06986,-0.01505,-0.07535,0.00252,0.00205,-0.1241,0.03003,0.02572,-0.02992,-0.0333,0.02133,0.12372,0.01873,0.00782,0.07237,-0.02146,0.01803,0.01927,-0.0417,0.0099,0.08291,0.04638,0.05322,0.04713,0.06453,0.00629,-0.04816,0.0688,0.07653,0.0049,0.02115,0.0496,-0.05106,-0.05471,0.05838,-0.01274,0.06529,0.04926,-0.06489,0.02447,-0.00489,0.08676,-0.03764,-0.0061,-0.03297,0.00834,0.0739,0.12359,-0.07082,-0.01306,-0.08046,-0.07716,0.01074,0.07698,0.00598,0.04529,0.02984,-0.01362,0,0.0089,-0.01332,-0.03632,0.11896,-0.00587,-0.06945,0.06343,0.09904,0.06488,0.00961,0.08048,0.09151,0.02499,0.03069,-0.05199,0.03294,-0.00724,-0.11106,0.01519,-0.07717,0.07457,0.00499,0.00159,-0.01892,-0.10561,0.05668,0.01651,-0.03963,0.00437,-0.07733,-0.00225,-0.02118,-0.03934,-0.025,0.0033,-0.00045,0.02652,0.03884,-0.05393,-0.08402,0.01633,0.02189,0.03963,0.00286,-0.09217,0.01883,-0.0879,0.01946,-0.10585,-0.00473,-0.00821,0.05479,-0.04105,-0.00381,-0.0596,0.0126,0.07597,-0.02925,-0.00534,0.03222,0.00782,0.00348,-0.04015,-0.07485,0.07067,0.12658,-0.01817,-0.01922,0.05865,0.07222,0.06157,-0.01373,-0.04466,-0.03021,0.09867,0.01832,0.12127,-0.0586,0.01669,-0.00304,-0.00544,0.05392,-0.02455,-0.02353,0.02501,0.05078,-0.11557,-0.07144,0.04692,0.06308,-0.1217,-0.01337,-0.01261,-0.05682,0.06632,0,-0.1144,0.04375,-0.0155,-0.03101,0.0914,-0.06012,-0.06302,-0.00645,0.00345,-0.02197,-0.03341,0.02371,-0.03261,-0.03355,0.07963,0.03859,-0.06541,0.04327,-0.02439,-0.03364,0.01113,0.04625,0.01329,0.0555,0.00437,-0.0191,0.04079,0.04465,-0.0245,0.00819,-0.01117,0.00767,0.05013,0.09726,-0.07014,-0.02778,-0.07588,-0.02198,-0.00867,-0.00073,0.02201,-0.043,-0.03469,0.00675,-0.05811,0.00685,-0.02261,-0.03007,-0.02201,-0.01774,-0.04401,0.04231,-0.08222,0.02386,0.04475,-0.00174,-0.02722,-0.03808,0.05952,0.03318,-0.04564,-0.02218,-0.022,-0.01765],"keywords":"Call Center Flow Editor — now updated with Angular 20 & Signals Call Center Flow Editor — now updated with Angular 20 & Signals See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX. 🔥 What’s New Here’s what changed in this update: - Migrated the whole project to Angular 20 - Rewritten state management on Signals → no external store, simpler and more reactive - Added a Light/Dark theme switch for a nicer editing experience - Added Undo/Redo (finally you can experiment without fear) - Improved overall UX (zooming, dragging and reconnecting nodes feels smoother) - Using Angular Material components for the interface ::: ng-component [url]=\"https://foblex.github.io/f-flow-example/\" [height]=\"600\" ::: Call Center Flow","excerpt":"🔥 What’s New Here’s what changed in this update: - Migrated the whole project to Angular 20 - Rewritten state management on Signals → no external store, simpler and more reactive - Added a Light/Dark theme switch for a nicer editing experience - Added Undo/Redo (finally you can experiment without fear) - Improved overall UX (zooming, dragging and reconnecting nodes feels smoother) - Using Angular Material components for the interface ::: ng-component [url]=\"https://foblex.github.io/f-flow-example/\" [height]=\"600\" ::: Call Center Flow"},{"chunkId":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals#2","slug":"call-center-flow-editor-now-updated-with-angular-20-signals","route":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals","section":"blog","title":"Call Center Flow Editor — now updated with Angular 20 & Signals","description":"See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX.","group":"Call Flow Editor","vector":[-0.12967,-0.02191,-0.06199,0.0113,-0.01375,0.06968,-0.05805,0.01334,0.07071,0.01895,-0.07379,0.03437,-0.12782,0.00628,0.07698,0.00275,-0.07012,0.00537,-0.022,-0.0169,-0.02151,0.0071,-0.00202,-0.02237,0.00974,0.04671,0.02412,-0.02041,0.03624,-0.03754,0.05016,0.13183,0.06257,0.01335,-0.15332,0.07082,-0.02364,0.0161,-0.03124,-0.05089,0.05516,-0.00381,-0.00817,-0.09745,-0.05651,-0.00189,-0.08686,-0.02275,-0.01369,0.02004,-0.02196,-0.0808,-0.06997,0.03956,0.06312,-0.02097,0.05478,-0.01783,0.05815,-0.02981,0.02471,-0.01074,0.0037,0.05202,-0.06544,0.06799,-0.05889,0.03158,0.02657,-0.08929,-0.01353,-0.07378,0.03452,-0.09202,-0.01127,0.00422,-0.06464,0.03985,-0.04337,-0.0126,0.06554,-0.04055,0.01162,0.04339,-0.01118,0.11041,0.01416,-0.08325,0.04481,-0.01044,-0.05942,0.05454,0.01229,-0.01733,-0.02323,-0.04191,-0.07399,-0.07026,-0.0984,0.00024,0.02211,-0.01624,0.03066,0.00924,-0.02023,-0.03296,0.03632,0.01847,-0.01184,-0.02418,-0.01717,0.03928,0.00806,-0.1034,0.00266,-0.03319,0.00253,0.01007,0.03269,0.05958,0.02511,-0.0314,-0.05277,-0.0349,0.09292,-0.0237,0.03753,0,-0.00921,0.08376,-0.04184,0.0463,0.08576,-0.01141,0.01139,-0.05885,0.02044,-0.00617,0.06009,0.00791,-0.04175,0.04238,-0.0176,-0.07851,-0.03311,-0.00067,-0.01145,0.04104,0.04652,0.00813,-0.0524,0.00761,0.07916,0.07469,-0.02236,0.01978,-0.02481,0.0014,0.03669,0.03598,-0.00171,0.04052,-0.02793,-0.00567,-0.04908,-0.05184,-0.01746,-0.03724,0.00536,-0.04578,-0.17523,-0.00588,0.04372,-0.03918,-0.06184,0.04891,0.1405,-0.00072,0.03171,0.10087,-0.01011,0.05065,0.02281,-0.01755,-0.00005,0.08124,0.0282,0.0621,0.03686,0.05729,-0.0206,-0.0661,0.07149,0.01349,-0.01751,-0.03813,0.0645,-0.03914,-0.0814,0.05262,0.00144,0.06935,0.01675,-0.03816,0.01684,0.02198,0.04762,-0.03199,-0.0094,-0.04461,0.04425,0.0254,0.1414,-0.03646,0.0055,-0.10707,-0.09006,0.01495,0.06357,-0.00816,0.02696,0.03213,-0.02055,0,-0.02464,0.04624,-0.06562,0.08626,-0.01498,-0.03789,0.07832,0.07211,0.05073,0.04934,0.07701,0.0546,0.00585,0.03886,0.01134,0.02023,0.02074,-0.11561,-0.01103,-0.06004,0.05878,-0.01002,0.03177,-0.03599,-0.09839,0.04196,0.00937,0.01281,0.04426,-0.05093,-0.0152,0.00348,-0.01415,-0.02744,0.01568,-0.0435,0.06634,0.0741,-0.04432,-0.06493,0.04738,0.03678,0.02602,0.01694,-0.08196,-0.00508,-0.05371,0.02454,-0.10056,0.0056,-0.01351,0.03823,-0.03267,-0.00868,-0.04952,0.03969,0.10959,-0.03449,0.01196,0.00372,-0.00341,-0.00865,-0.01655,-0.08245,0.11507,0.12149,-0.01582,-0.004,0.00995,0.04889,0.05387,-0.00343,-0.06492,-0.02129,0.05985,0.03323,0.06998,-0.06069,0.00195,0.00862,0.05285,0.04253,0.04003,-0.00422,0.01712,0.03908,-0.09464,-0.0856,0.03229,0.03063,-0.13085,0.04018,0.02249,-0.0644,0.03335,0,-0.15881,-0.00688,-0.0202,-0.02807,0.09308,-0.04582,-0.09934,-0.00481,0.01912,-0.05801,-0.05557,0.02949,-0.03093,-0.02659,0.0722,0.01021,-0.06151,0.02588,-0.01326,-0.03991,0.02549,0.04249,0.00526,0.05115,0.0115,-0.02999,0.01069,0.05111,-0.01148,-0.01938,0.01668,0.03816,0.10536,0.08054,-0.02551,-0.0149,-0.05544,-0.02056,-0.04485,0.0124,0.05623,-0.01264,-0.04881,-0.00495,-0.05098,0.0247,0.00804,-0.06796,-0.04661,-0.03952,-0.0511,0.08649,-0.05695,0.0448,-0.02716,-0.00564,-0.00076,-0.08364,0.03923,0.04167,-0.08273,0.06672,0.03018,-0.00293],"keywords":"Call Center Flow Editor — now updated with Angular 20 & Signals Call Center Flow Editor — now updated with Angular 20 & Signals See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX. Demo & Source 👉 Live Demo 👉 Source Code ⭐ Library: Foblex Flow","excerpt":"Demo & Source 👉 Live Demo 👉 Source Code ⭐ Library: Foblex Flow"},{"chunkId":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals#3","slug":"call-center-flow-editor-now-updated-with-angular-20-signals","route":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals","section":"blog","title":"Call Center Flow Editor — now updated with Angular 20 & Signals","description":"See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX.","group":"Call Flow Editor","vector":[-0.11485,-0.0511,-0.02942,0.02302,-0.01466,0.04923,-0.05833,-0.00932,0.04776,0.02081,-0.03781,0.07015,-0.13198,0.01875,0.06131,0.00699,0.00492,-0.01801,-0.03068,-0.03347,-0.0266,-0.02956,-0.01513,-0.04295,0.04019,0.07286,0.02813,-0.02767,0.08919,-0.05456,0.02391,0.12621,-0.00255,-0.02221,-0.20542,0.10589,-0.01753,0.01573,-0.04311,-0.09019,0.07059,-0.0033,-0.00877,-0.10706,-0.04463,-0.04496,-0.07337,-0.03175,-0.01603,-0.00535,0.00859,-0.06001,-0.06608,0.0525,0.04433,-0.00694,0.08149,0.0331,0.00707,-0.04323,0.00183,-0.00277,0.02584,0.03842,-0.03432,0.05042,-0.01404,0.01614,0.05507,-0.08334,-0.04692,-0.05565,0.05919,-0.06663,-0.01459,-0.03584,-0.07019,0.00331,-0.035,0.00961,0.06362,-0.0466,-0.01653,0.03379,-0.01073,0.08441,0.00082,-0.08697,0.06347,-0.0301,-0.01911,0.05622,0.05708,-0.0165,-0.00631,-0.04499,-0.06928,-0.03373,-0.07757,0.01248,0.02935,0.02135,0.04862,0.03286,-0.05535,-0.07202,0.0227,0.0227,-0.03203,0.00285,-0.00268,0.06183,-0.01342,-0.05163,-0.00694,-0.04985,-0.00094,-0.00651,0.02964,0.07998,-0.00155,-0.04087,-0.02404,-0.02027,0.10206,0.00304,0.03382,0,0.00329,0.07966,-0.06393,0.04484,0.06674,0.01156,0.02592,-0.07045,0.05273,-0.03976,0.06646,0.04634,-0.02248,0.0524,0.04043,-0.07848,-0.02367,0.0188,-0.01254,0.01787,0.03688,0.03038,-0.04292,-0.01262,0.0823,0.0631,0.00001,0.03562,-0.04369,-0.02088,0.05891,0.03483,-0.02285,0.043,0.01263,0.02248,-0.02195,-0.09663,0.01125,-0.05263,0.02042,-0.04365,-0.13213,0.00634,0.03394,-0.04894,-0.07091,0.03899,0.08518,0.02691,0.01697,0.08116,-0.03451,0.0263,0.00699,-0.00499,-0.00331,0.05331,0.04286,0.04782,0.03517,0.04493,-0.0166,-0.02303,0.03415,0.0375,-0.00532,-0.03102,0.05709,-0.04112,-0.10237,0.03724,0.00145,0.05514,0.02785,-0.03856,-0.01018,0.02463,0.04361,-0.02789,0.02958,-0.04552,-0.04434,0.08023,0.1449,-0.04709,-0.02895,-0.10942,-0.09154,0.02443,0.06262,0.01677,0.04427,0.03599,-0.02052,0,-0.03146,-0.01096,-0.0702,0.07729,-0.04567,-0.05996,0.05324,0.06192,0.02324,0.00317,0.03254,0.08414,0.04306,0.05585,-0.03914,0.0629,0.02418,-0.11051,0.03311,-0.06025,0.08541,0.01431,-0.00919,0.00275,-0.08667,0.05266,0.00554,-0.02357,0.0261,-0.03959,-0.01252,-0.02861,-0.01453,-0.03358,-0.00943,-0.00131,0.05771,0.05783,-0.09158,-0.06168,0.02184,0.02829,0.03379,0.02419,-0.09057,0.00934,-0.05827,0.05202,-0.14643,-0.00611,0.01773,0.04802,0.00326,-0.03052,-0.07277,0.02546,0.09186,-0.01613,0.03434,0.00713,0.00085,-0.03485,-0.02509,-0.07313,0.0555,0.13876,0.00017,-0.03648,0.02902,0.03216,0.05769,-0.01038,-0.05033,-0.04585,0.09007,0.01754,0.0644,-0.0984,-0.00712,-0.02091,0.01743,0.03477,0.01607,-0.05386,0.03132,0.02802,-0.12488,-0.06157,0.02443,0.03703,-0.12312,0.06493,-0.00394,-0.04948,0.02937,0,-0.12576,0.04328,0.00035,-0.00975,0.07918,-0.07496,-0.04841,-0.00599,0.01274,-0.016,-0.01755,0.0117,-0.02171,-0.05765,0.11246,0.04715,-0.01973,0.00851,-0.04379,-0.00744,0.05678,0.01817,-0.00278,0.0706,0.03626,-0.00927,0.03651,0.07214,-0.00718,0.01901,0.01981,0.03985,0.11086,0.10518,-0.03705,-0.023,-0.04426,-0.03983,0.00714,-0.01648,0.02462,-0.04076,-0.05156,0.0191,-0.04238,0.01814,-0.01461,-0.09122,-0.02582,-0.03019,-0.05668,0.02596,-0.06701,0.04045,0.01882,-0.02137,0.02922,-0.04582,0.03751,0.06073,-0.04813,0.07422,0.01002,-0.01646],"keywords":"Call Center Flow Editor — now updated with Angular 20 & Signals Call Center Flow Editor — now updated with Angular 20 & Signals See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX. Reflections Moving everything to Signals simplified the state logic a lot. Undo/redo was much easier to wire up, and persisting state in localStorage became almost trivial. This was a good reminder that Angular’s ecosystem is evolving quickly — and Signals are already powerful enough to drive fairly complex interactive UIs. local Storage U Is","excerpt":"Reflections Moving everything to Signals simplified the state logic a lot. Undo/redo was much easier to wire up, and persisting state in localStorage became almost trivial. This was a good reminder that Angular’s ecosystem is evolving quickly — and Signals are already powerful enough to drive fairly complex interactive UIs."},{"chunkId":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals#4","slug":"call-center-flow-editor-now-updated-with-angular-20-signals","route":"/blog/call-center-flow-editor-now-updated-with-angular-20-signals","section":"blog","title":"Call Center Flow Editor — now updated with Angular 20 & Signals","description":"See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX.","group":"Call Flow Editor","vector":[-0.14022,-0.02724,-0.05484,0.02087,-0.01456,0.05337,-0.07696,0.00801,0.06485,0.02338,-0.07374,0.04622,-0.11013,0.01372,0.08552,0.02304,-0.0688,0.00828,-0.02809,-0.01708,-0.03168,-0.0282,0.03189,-0.02183,0.00809,0.06393,0.02106,-0.01121,0.04446,-0.05784,0.05045,0.12564,0.04909,0.0153,-0.15508,0.09102,-0.01839,0.03201,-0.03517,-0.05296,0.04393,0.01987,0.03568,-0.09215,-0.02365,-0.01567,-0.08248,-0.02355,-0.01781,0.0075,-0.02534,-0.09552,-0.0471,0.03482,0.03463,-0.02296,0.05374,-0.04082,0.05271,-0.05875,0.02837,0.00371,0.00303,0.0587,-0.05577,0.07103,-0.05142,0.02486,0.02029,-0.06098,-0.01518,-0.06814,0.03552,-0.06357,-0.00723,-0.00974,-0.08612,0.03053,-0.03825,-0.00651,0.07679,-0.04654,-0.0051,0.06511,0.00113,0.10555,0.02096,-0.0912,0.0314,-0.01715,-0.03408,0.06859,0.03555,-0.01814,-0.0166,-0.02447,-0.08123,-0.06243,-0.10944,0.01209,0.00913,-0.00843,0.03571,0.01387,-0.03024,-0.02718,0.03821,0.02369,-0.02827,-0.02907,-0.01352,0.03873,-0.00898,-0.07789,-0.0002,-0.01312,0.02077,0.00153,0.03825,0.07805,0.04414,-0.03378,-0.08637,-0.026,0.09788,0.00824,0.02157,0,-0.00414,0.09335,-0.04392,0.05079,0.10857,-0.01724,0.01503,-0.05549,0.00556,-0.00233,0.0493,0.01032,-0.04482,0.03074,-0.01339,-0.11036,-0.04213,0.01358,-0.03159,0.03205,0.05297,-0.0209,-0.06791,-0.01334,0.06759,0.08744,-0.0085,0.02274,-0.01308,-0.00495,0.02599,0.03035,-0.01281,0.03371,-0.02642,-0.02096,-0.0555,-0.05876,0.0127,-0.03038,-0.01076,-0.04441,-0.14509,-0.01315,0.03031,-0.03156,-0.05917,0.04124,0.13608,0.00133,0.04717,0.09422,-0.04148,0.05793,0.03582,-0.03526,0.00037,0.076,0.02538,0.07623,0.02235,0.05688,-0.02057,-0.05675,0.07285,0.03354,-0.04003,-0.03744,0.05119,-0.03958,-0.06996,0.05285,0.00405,0.04107,0.04029,-0.03293,0.01565,0.00209,0.06525,-0.03915,-0.00082,-0.04982,0.04836,0.04942,0.11592,-0.05522,-0.00597,-0.10481,-0.10815,0.00764,0.04668,0.00836,0.05169,0.01312,-0.00106,0,-0.02641,0.05296,-0.04596,0.08462,-0.01984,-0.02939,0.06811,0.06852,0.05472,0.0483,0.07243,0.05773,-0.00969,0.02723,-0.00174,0.02429,0.02938,-0.11525,0.01925,-0.06043,0.08534,0.02569,0.00599,-0.0194,-0.09489,0.05322,0.00913,0.00567,0.04581,-0.04798,-0.03555,0.0022,-0.0166,-0.03637,0.00793,-0.03079,0.04604,0.07971,-0.03796,-0.04723,0.04275,0.03055,0.0258,0.01269,-0.0565,-0.00339,-0.04805,0.04304,-0.10721,0.00915,-0.02806,0.02715,-0.03489,-0.02573,-0.05124,0.04145,0.10784,-0.05724,-0.00905,0.005,-0.0177,-0.02451,0.00432,-0.08524,0.09703,0.11495,-0.00738,0.00623,0.03852,0.05802,0.06469,-0.0004,-0.05525,-0.01437,0.05219,0.03301,0.0945,-0.0993,0.00796,0.01543,0.02576,0.06929,0.03886,-0.02906,0.01097,0.05151,-0.08224,-0.07664,0.0354,0.0572,-0.14007,0.06542,0.04632,-0.07486,0.05062,0,-0.15677,0.01388,-0.02788,-0.02303,0.06153,-0.06654,-0.07691,-0.03146,0.01892,-0.0644,-0.04272,0.03328,-0.03708,-0.00326,0.06185,0.02045,-0.04157,0.04527,-0.02826,-0.04132,0.03052,0.06826,0.00744,0.02496,-0.00947,-0.03423,0.00128,0.05525,-0.00279,-0.02928,-0.002,0.03892,0.08879,0.08543,-0.05277,-0.03638,-0.03765,-0.03761,-0.04497,-0.00175,0.0667,0.0019,-0.04094,0.00433,-0.03346,0.02,0.01626,-0.06498,-0.01555,-0.01057,-0.04372,0.07037,-0.06385,0.02566,-0.00723,0.00276,-0.01616,-0.05276,0.03436,0.03312,-0.0809,0.05524,0.00652,0.00557],"keywords":"Call Center Flow Editor — now updated with Angular 20 & Signals Call Center Flow Editor — now updated with Angular 20 & Signals See how a visual call flow editor built with Foblex Flow was updated to Angular 20, Signals, undo/redo, and a cleaner editing UX. Closing Thoughts This project started as a small experiment, but it keeps evolving together with Angular. Signals made the code simpler and the editor itself more responsive. I’m planning to keep polishing it, so feedback is always welcome 🙌 👉 Try the demo: <https://foblex.github.io/f-flow-example And if you find this project useful, consider leaving a ⭐ on GitHub — it really helps! Git Hub","excerpt":"Closing Thoughts This project started as a small experiment, but it keeps evolving together with Angular. Signals made the code simpler and the editor itself more responsive. I’m planning to keep polishing it, so feedback is always welcome 🙌 👉 Try the demo: <https://foblex.github.io/f-flow-example And if you find this project useful, consider leaving a ⭐ on GitHub — it really helps!"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#0","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.07959,-0.03387,-0.11103,0.03042,-0.01571,0.02303,-0.0861,0.06192,0.08159,0.01441,-0.12495,0,-0.07845,0.02352,0.08991,0.02477,-0.04211,-0.01651,0.02462,-0.02861,-0.00704,0.04716,-0.01336,-0.0377,0.0257,0.02413,-0.00336,0.00466,0.05153,-0.02402,0.02702,0.05828,0.00229,0.0459,-0.12173,0.13839,0.01187,0.04283,-0.04489,-0.06641,0.08267,0.05647,0.00392,-0.09781,-0.08141,-0.09023,-0.07808,-0.01585,-0.04655,0.04373,-0.09542,-0.14137,-0.07123,0.01839,0.03267,0.0126,0.06497,-0.09944,0.01438,0.00069,-0.01279,0.01727,0.03437,0.01046,-0.00358,0.07305,-0.06595,0.07106,0.02858,-0.0661,-0.00967,-0.0653,-0.03344,-0.06049,-0.04081,-0.02045,-0.05883,0.03491,0.00965,-0.02827,0.07217,0.07649,-0.02517,0.09513,-0.01829,0.14239,0.05082,-0.05326,0.03228,-0.0813,-0.01662,0.0434,0.0014,-0.03454,0.01383,-0.01255,0.0263,-0.03877,-0.10761,0.00345,-0.01464,-0.07949,0.0764,-0.00408,-0.05459,-0.03636,0.02629,0.01649,-0.03855,-0.00374,0.00084,0.0505,-0.00624,-0.07843,-0.04123,-0.03628,-0.02702,-0.06046,0.00134,0.10895,-0.0157,0.04936,-0.03607,-0.0105,0.08153,-0.08198,0.02228,0,0.07577,0.05933,0.00377,0.043,0.14343,-0.03892,-0.00088,-0.10742,0.02424,-0.00851,0.04072,0.04101,-0.03418,0.06203,-0.036,-0.07743,-0.01225,0.01534,0.04926,0.04344,-0.01103,-0.06029,-0.04938,0.09725,0.06593,0.04166,0.01908,0.02054,-0.00616,0.00753,0.07119,0.02919,0.00566,0.04393,-0.03146,-0.0141,-0.08042,-0.05154,0.02848,-0.041,0.04212,-0.0641,-0.13463,0.06129,-0.00461,0.02285,-0.03262,0.0325,0.10417,0.00788,0.04218,0.03041,0.02327,0.00662,0.05716,-0.05509,-0.00285,0.08809,0.05597,0.04993,-0.00569,0.05586,-0.03489,0.00845,0.04682,-0.00573,-0.07479,-0.05693,0.11061,-0.06295,-0.05298,0.04116,0.00837,0.1059,0.02602,-0.00345,-0.01709,0.01597,0.07128,0.00721,-0.05914,-0.08159,0.00953,-0.00923,0.11567,-0.05482,-0.01041,-0.00623,-0.09621,-0.04994,0.06606,0.04773,0.01374,-0.00099,0.03527,0,-0.0626,0.02799,0.00829,0.0834,0.01079,-0.04132,-0.00442,0.01895,0.03971,0.08719,0.04518,0.041,-0.02147,-0.01259,0.03649,-0.02242,0.00499,-0.10254,0.01436,-0.05537,0.05456,0.00092,0.01854,-0.02985,-0.0778,0.07024,0.00334,-0.01381,0.04547,-0.04862,-0.03428,-0.01111,-0.01165,-0.02462,-0.00493,-0.06339,0.07336,0.03288,0.0533,-0.06161,0.01161,-0.00406,0.00561,-0.00997,-0.06433,-0.03558,-0.01029,0.02028,-0.03379,-0.06922,-0.04183,0.01992,-0.02683,-0.04111,-0.02123,-0.00506,0.13725,-0.028,0.05307,-0.02047,-0.06716,0.00335,0.05607,-0.02048,-0.00414,0.03181,-0.03939,-0.09961,0.01015,0.03288,0.00416,0.03754,-0.01223,0.01799,0.11515,-0.01547,0.09491,-0.04605,0.04165,-0.00911,-0.00675,0.0623,0.03618,-0.02546,0.04299,0.01431,-0.06556,-0.04115,0.06375,0.03257,-0.11114,0.00739,0.00892,-0.02648,0.03165,0,-0.09596,0.04179,-0.00099,-0.0461,0.01421,-0.024,0.0064,0.0154,0.08007,-0.00148,-0.01887,0.00806,-0.05973,0.01235,0.07615,0.02591,0.03637,0.0344,-0.00297,-0.05258,0.02503,-0.02957,0.06093,0.06371,-0.01173,-0.02,-0.01022,0.00096,-0.02321,0.00578,-0.00429,0.08106,0.06273,0.06809,-0.06447,-0.09264,-0.08236,-0.02905,-0.05307,0.00464,0.05062,0.02263,-0.01495,-0.02481,-0.01937,0.03839,-0.02076,-0.02343,-0.0349,0.00801,-0.04153,0.00911,-0.03816,0.024,-0.08245,0.01919,0.01397,-0.05941,0.01275,-0.01453,-0.08758,0.02706,0.04222,-0.0225],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Creating a Visual Call Workflow Editor with Angular In this tutorial, we build a visual call-flow editor in Angular using @foblex/flow. It is a useful reference if you want to turn the library into a domain-specific workflow builder instead of a generic diagram.","excerpt":"Creating a Visual Call Workflow Editor with Angular In this tutorial, we build a visual call-flow editor in Angular using @foblex/flow. It is a useful reference if you want to turn the library into a domain-specific workflow builder instead of a generic diagram."},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#1","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.09897,-0.03344,-0.09304,0.03791,-0.05781,0.03221,-0.07775,0.03182,0.05281,0.01737,-0.12692,-0.01791,-0.08199,0.02929,0.05209,0.01065,-0.03009,-0.02222,0.00736,-0.00102,0.02995,0.04573,0.013,-0.07247,0.00891,0.03283,0.01703,-0.02117,0.08104,-0.04114,0.06362,0.07957,-0.00981,0.00913,-0.08197,0.12274,-0.00648,0.03802,-0.07216,-0.06167,0.10395,0.05806,-0.01182,-0.08414,-0.04828,-0.11757,-0.06376,-0.01564,-0.00792,0.0327,-0.09227,-0.14125,-0.02219,0.04817,0.0536,0.0203,0.06068,-0.10409,-0.01964,-0.04536,0.04079,-0.00181,0.0183,-0.01429,0.00507,0.0974,-0.09996,0.05207,-0.00754,-0.05221,-0.01888,-0.04133,-0.03368,-0.05361,-0.06907,-0.03323,-0.04638,0.02481,0.00885,-0.00944,0.08386,0.08389,-0.0083,0.11103,0.00167,0.13312,0.03782,-0.00885,0.04293,-0.09243,-0.03945,0.05156,-0.00707,-0.0475,0.02381,-0.03644,-0.00034,0.00524,-0.08717,0.00343,-0.00792,-0.05948,0.06698,0.01834,-0.07232,0.03273,0.03665,-0.03359,-0.05092,0.01358,-0.03594,0.06113,-0.03848,-0.06864,-0.03498,-0.02901,-0.01402,-0.06995,-0.00376,0.11735,0.00168,0.01206,-0.05431,0.02623,0.11217,-0.02236,0.04823,0,0.04125,0.05913,-0.02685,0.0572,0.16563,-0.02873,0.00512,-0.07639,0.0209,-0.04986,0.05443,0.06601,-0.03075,0.03696,-0.02175,-0.07877,0.01554,0.05376,0.06885,0.03805,-0.00914,-0.07101,-0.05871,0.05236,0.03228,0.01607,0.02631,0.01385,0.00146,-0.02358,0.07744,0.01617,0.01878,0.04841,-0.05147,0.02331,-0.07811,-0.01185,0.02728,-0.04586,0.00878,-0.00511,-0.0873,0.03358,-0.01833,-0.011,-0.04655,0.02528,0.13086,0.0139,0.0677,0.01728,0.01464,-0.0156,0.07949,-0.04737,-0.00829,0.10287,0.05957,0.05678,-0.03013,-0.00714,-0.01916,0.02178,0.07357,0.00981,-0.0543,-0.02425,0.11442,-0.0491,-0.07912,0.03554,0.00924,0.09808,0.0352,-0.0249,-0.02461,-0.02156,0.05182,0.01624,-0.01096,-0.05339,0.0046,-0.01193,0.11777,-0.07183,-0.03201,0.01154,-0.08105,-0.05676,0.08201,0.01493,0.0006,-0.01123,0.0101,0,-0.04148,0.03264,-0.03207,0.08753,0.0098,-0.01623,-0.03003,0.01946,0.0223,0.08062,0.04368,0.02911,0.02604,0.02324,0.00335,-0.00099,0.00897,-0.06805,0.01375,-0.08632,0.05177,-0.00559,0.01899,-0.03636,-0.09099,0.06408,0.01202,0.01595,0.05162,-0.05028,-0.05221,-0.00404,-0.04877,-0.01761,0.04176,-0.03216,0.06281,0.10245,0.04726,-0.06512,0.03791,-0.00042,0.01105,-0.0205,-0.0874,-0.05388,-0.05708,0.00585,-0.05315,-0.03631,-0.06226,0.01174,-0.07084,0.00699,-0.02356,0.0455,0.14551,-0.03457,0.04192,-0.00849,-0.04283,-0.00856,0.03437,-0.01866,0.0041,-0.00149,-0.08816,-0.0623,-0.00309,0.07962,-0.05751,0.05005,-0.00228,0.00793,0.08865,0.00184,0.11306,-0.07345,0.05202,-0.00548,-0.00333,0.04873,0.02964,-0.04366,-0.0134,0.06464,-0.01274,-0.05034,0.04885,0.01493,-0.06595,-0.03179,-0.00384,-0.03995,0.01121,0,-0.11152,0.03072,0.01115,-0.05506,0.02497,-0.04218,-0.00918,0.0049,0.10519,0.01341,-0.0132,-0.01219,-0.03286,-0.00686,0.04681,0.03558,0.05313,0.01319,-0.01041,-0.07991,0.03956,-0.02023,0.05511,0.07158,-0.01435,-0.03231,0.00148,-0.00455,0.02343,0.00516,-0.00918,0.06887,0.07501,0.03044,-0.05723,-0.08947,-0.05593,-0.01489,-0.00666,0.00611,0.04691,0.02758,-0.018,-0.03119,-0.02095,0.01807,-0.0251,-0.05267,-0.01603,0.00844,-0.02795,0.00674,-0.04193,-0.00063,-0.08545,0.04561,-0.00037,-0.03084,0.03432,0.00023,-0.09532,-0.00148,0.01656,-0.01464],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Create project and install dependencies For Nx workspaces, use: If you prefer manual installation, install the required companion packages explicitly:","excerpt":"Create project and install dependencies For Nx workspaces, use: If you prefer manual installation, install the required companion packages explicitly:"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#2","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.09022,-0.02991,-0.10828,0.05739,-0.02961,0.02225,-0.07433,0.06636,0.08616,0.03395,-0.12036,-0.02655,-0.08221,0.03426,0.06567,0.0257,-0.03382,-0.01554,-0.01481,-0.00829,0.0043,0.0449,-0.00691,-0.02685,-0.00113,0.03388,-0.00146,-0.01207,0.05538,-0.02805,0.00582,0.06428,0.02437,0.07081,-0.11233,0.12875,0.00838,0.02204,-0.0399,-0.07528,0.08017,0.05613,-0.01552,-0.10125,-0.04555,-0.10794,-0.04073,-0.01301,-0.06731,0.03273,-0.10305,-0.14149,-0.0708,0.05633,0.02496,0.02358,0.09452,-0.08655,-0.00183,-0.00656,-0.00683,0.02554,-0.00583,-0.0022,-0.0204,0.07304,-0.09157,0.05307,-0.00123,-0.05228,-0.01287,-0.05173,-0.03178,-0.05055,-0.05808,-0.02474,-0.0534,0.00824,-0.0046,-0.03179,0.05358,0.04537,-0.02569,0.09075,0.00557,0.12451,0.03841,-0.03445,0.06758,-0.08516,-0.02907,0.0564,-0.00348,-0.05257,0.02464,-0.0023,0.03742,-0.05085,-0.10699,0.00349,-0.00946,-0.06631,0.08159,0.00877,-0.0348,0.00191,0.0507,-0.02571,-0.04811,0.00289,-0.00769,0.06891,-0.0359,-0.07884,-0.00708,-0.05715,-0.01431,-0.06416,-0.01401,0.12551,0.0148,0.04355,-0.02188,0.00186,0.0743,-0.06807,0.03092,0,0.07252,0.07771,-0.00336,0.05855,0.18524,-0.00685,0.00388,-0.07995,0.03522,-0.02541,0.01412,0.05781,-0.01649,0.04628,-0.02309,-0.07638,-0.02955,0.04475,0.03773,0.04877,-0.00149,-0.09665,-0.06463,0.07472,0.06297,0.03494,0.01978,0.01604,-0.01333,0.00231,0.07125,0.02805,0.01322,0.03444,-0.03329,0.02191,-0.07514,-0.05596,0.04116,-0.05778,0.03486,-0.0428,-0.1177,0.0552,-0.02256,0.00219,-0.042,0.04936,0.10706,0.01279,0.03945,0.01673,0.03092,-0.00815,0.03339,-0.03371,0.00273,0.0861,0.06206,0.06569,-0.00747,0.06029,-0.02613,0.03333,0.04052,-0.01073,-0.06067,-0.04253,0.11991,-0.0647,-0.05731,0.04869,0.02099,0.10771,0.02455,-0.01715,-0.01719,-0.01852,0.06583,-0.00296,-0.03474,-0.06775,0.00705,-0.00823,0.1032,-0.04888,-0.03777,-0.02159,-0.12585,-0.02812,0.07148,0.04267,0.02443,-0.02893,0.00681,0,-0.0476,0.03524,-0.01485,0.08804,0.01712,-0.04796,-0.01652,0.02931,0.02241,0.05097,0.0627,0.03848,-0.02273,-0.00504,0.01881,-0.00541,-0.01329,-0.10984,0.02874,-0.07985,0.0667,-0.00773,-0.00276,-0.03236,-0.09124,0.05578,-0.01984,0.00087,0.05943,-0.04775,-0.04548,-0.02204,-0.00727,-0.02257,0.01902,-0.04202,0.03573,0.0504,0.07374,-0.02181,0.04225,-0.01937,0.01414,0.00246,-0.06244,-0.03728,-0.02699,0.02696,-0.0444,-0.07664,-0.04986,0.00078,-0.08231,-0.01486,-0.0266,0.00932,0.11183,-0.05738,0.02466,-0.01053,-0.05166,0.01404,0.05675,-0.01427,0.02469,0.00884,-0.04582,-0.08558,0.00575,0.02686,0.00663,0.0063,-0.0109,0.02594,0.09325,-0.01712,0.07249,-0.05966,0.05109,0.00915,-0.00578,0.05333,0.03644,-0.03847,0.01748,0.02391,-0.06154,-0.03864,0.05331,0.02342,-0.10616,0.00948,0.02237,-0.03648,0.00562,0,-0.10713,0.03509,0.02083,-0.03898,0.01112,-0.04229,0.005,0.01878,0.09226,-0.01045,-0.04297,-0.03239,-0.05129,0.00435,0.07766,0.04674,0.03291,0.01313,-0.01131,-0.05664,0.03207,-0.01675,0.0354,0.05274,0.00434,-0.02627,-0.04225,0.03045,-0.00733,0.02738,0.04575,0.09365,0.06712,0.07272,-0.07183,-0.08014,-0.07498,-0.0346,-0.04664,0.00967,0.05514,0.01574,-0.02149,-0.01383,-0.00662,0.04453,-0.02321,-0.04931,-0.02126,-0.00731,-0.04549,0.01945,-0.02488,0.03909,-0.09543,0.02805,0.03983,-0.03722,0.03103,-0.01316,-0.07536,0.02132,0.02478,0.0178],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Defining models To manage workflow elements, define base models:","excerpt":"Defining models To manage workflow elements, define base models:"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#3","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.0709,0.00396,-0.10683,0.06464,-0.02115,0.02588,-0.05559,0.04125,0.06021,0.02586,-0.12591,-0.03994,-0.07584,-0.00026,0.05992,0.05092,-0.03858,-0.01109,0.00681,-0.0245,0.00322,0.02728,0.00463,-0.04497,-0.00597,0.04987,-0.03071,0.00387,0.04207,-0.03926,0.01454,0.07123,0.02788,0.0661,-0.11083,0.15178,0.02599,0.02331,-0.0491,-0.06322,0.0972,0.04473,-0.01125,-0.0976,-0.057,-0.08892,-0.04466,-0.035,-0.06589,0.0615,-0.0871,-0.1429,-0.08039,0.05858,0.04336,0.02798,0.07881,-0.0988,0.01344,-0.0001,-0.01567,0.02224,0.03009,0.00263,0.00076,0.08716,-0.09039,0.02036,0.0103,-0.07283,0.00143,-0.05683,-0.02629,-0.0518,-0.05339,-0.01186,-0.05156,0.01228,-0.03367,-0.04985,0.06839,0.06708,-0.03444,0.11526,-0.00125,0.13698,0.0188,-0.04116,0.03188,-0.07203,-0.05165,0.04673,0.00138,-0.05095,0.02376,-0.00887,0.03248,-0.05361,-0.09284,0.01,0.01005,-0.07304,0.06994,-0.00288,-0.03736,-0.0081,0.03122,-0.03242,-0.07091,0.01711,0.00703,0.05512,-0.0504,-0.09993,-0.03563,-0.03449,-0.02068,-0.06075,0.02737,0.12152,0.02894,0.02394,-0.03816,-0.01543,0.07161,-0.06633,0.01348,0,0.06492,0.05557,0.01441,0.06093,0.17075,-0.01953,0.00283,-0.12039,0.02117,-0.03997,0.03149,0.05683,-0.03574,0.06419,-0.03246,-0.08855,-0.00578,0.04859,0.01508,0.02601,-0.00949,-0.07618,-0.0748,0.06703,0.05993,0.02878,0.00751,0.01631,0.01637,-0.00577,0.06666,0.03043,0.06633,0.05049,-0.04625,0.01407,-0.09334,-0.0376,0.02359,-0.04328,0.03781,-0.02903,-0.10917,0.05027,-0.01145,-0.00027,-0.04433,0.03966,0.11381,0.007,0.02002,0.01409,0.02015,-0.01401,0.04905,-0.04269,0.0083,0.10245,0.04042,0.06015,-0.02077,0.0696,-0.01293,0.00572,0.03664,0.02175,-0.03523,-0.03213,0.09595,-0.05759,-0.05197,0.05083,0.03281,0.09511,0.0388,0.00849,-0.02354,-0.04258,0.04614,0.00838,-0.04805,-0.07081,-0.00587,0.01924,0.09147,-0.05174,-0.02534,-0.02113,-0.09472,-0.05924,0.07896,0.04127,-0.00187,-0.04995,-0.01544,0,-0.05431,0.04343,-0.00517,0.10594,0.01718,-0.0632,0.00197,0.04845,0.02836,0.08746,0.05248,0.03569,-0.053,-0.02642,0.01076,-0.00783,-0.02626,-0.07189,0.03448,-0.06725,0.05778,-0.00788,0.0187,-0.01997,-0.09909,0.05094,0.01454,-0.00632,0.04149,-0.07406,-0.03304,-0.0218,-0.02388,-0.01432,0.04203,-0.0645,0.07465,0.04623,0.05044,-0.01059,0.01786,-0.01516,0.00796,0.00323,-0.0773,-0.05095,-0.03743,0.02642,-0.0223,-0.05524,-0.03352,-0.00662,-0.0738,-0.0274,-0.0293,-0.00443,0.10325,-0.00618,0.02769,0.00087,-0.05682,-0.01926,0.02951,0.0022,0.0366,0.01222,-0.05558,-0.11167,0.00514,0.04738,0.04141,0.01109,-0.02062,0.00761,0.10926,-0.0089,0.10881,-0.05395,0.03358,0.0251,-0.00655,0.07605,0.03662,-0.01008,0.03846,0.01691,-0.07202,-0.00883,0.06023,0.02801,-0.09268,0.02544,0.00262,-0.02728,0.00008,0,-0.11083,0.02466,-0.0064,-0.03104,0.0287,-0.02227,0.00795,0.00263,0.08276,-0.00896,-0.01908,-0.00787,-0.06217,-0.0239,0.08449,0.02862,0.02623,0.03295,-0.01261,-0.04844,0.02692,0.00346,0.00201,0.05737,-0.00683,-0.03439,-0.02581,0.02324,-0.00437,0.02024,0.02352,0.08248,0.07831,0.05508,-0.07495,-0.07867,-0.07665,-0.02205,-0.06917,0.01582,0.05684,0.00958,-0.01515,-0.02589,-0.02055,0.04916,-0.03572,0.00175,-0.02495,0.0035,-0.04305,0.00399,-0.02952,0.02405,-0.08042,0.01538,0.01328,-0.00309,0.04472,-0.00964,-0.06467,0.01818,0.04971,-0.00733],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Workflow elements configuration We define node types and a node metadata map (name, icon, color, outputs):","excerpt":"Workflow elements configuration We define node types and a node metadata map (name, icon, color, outputs):"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#4","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.08536,-0.03548,-0.11178,0.07603,-0.05369,0.06262,-0.08826,0.0615,0.08761,0.05319,-0.11059,-0.02549,-0.09158,0.02863,0.05799,0.02356,-0.02625,-0.03185,-0.01265,0.00027,-0.00884,0.03099,-0.00137,-0.03359,0.02508,0.03476,0.00431,-0.01523,0.07879,-0.00194,0.00415,0.04202,-0.00198,0.0498,-0.12153,0.14814,0.00691,0.02974,-0.04442,-0.06737,0.10546,0.04291,-0.01364,-0.09991,-0.0293,-0.1013,-0.05642,0.00018,-0.04219,0.0351,-0.07213,-0.11644,-0.04944,0.04454,0.01691,0.02419,0.08785,-0.06245,-0.0046,-0.00355,-0.0225,0.01937,0.02295,-0.02308,-0.02575,0.08099,-0.07712,0.06245,-0.009,-0.0714,-0.00063,-0.068,-0.04224,-0.04123,-0.05979,-0.02951,-0.06334,0.0258,-0.01633,-0.00095,0.09868,0.02745,-0.02616,0.08329,-0.00934,0.14319,0.04984,-0.04634,0.049,-0.05399,-0.01385,0.07598,-0.01404,-0.0646,0.01309,-0.00788,0.00081,-0.01102,-0.09501,-0.0079,-0.00542,-0.07147,0.05185,0.01079,-0.0346,-0.01164,0.04693,-0.05193,-0.05147,0.03403,0.0001,0.05681,-0.0116,-0.0655,-0.00709,-0.05102,-0.00547,-0.04896,0.00438,0.14088,-0.00492,0.03574,-0.06455,0.0128,0.08525,-0.07072,0.0625,0,0.10315,0.0658,-0.00233,0.05869,0.14601,-0.00901,-0.01499,-0.10405,0.01736,-0.04743,0.01924,0.01622,-0.00444,0.04016,-0.02264,-0.06985,-0.00519,0.02437,0.03241,0.01879,-0.02496,-0.09183,-0.05685,0.05423,0.07854,0.02813,0.02156,0.00827,0.00548,-0.02025,0.05893,0.0321,0.00905,0.03664,-0.0544,0.00753,-0.06037,-0.03084,0.03347,-0.05054,0.04559,-0.04682,-0.09627,0.03217,-0.02041,0.00905,-0.03228,0.06924,0.10053,-0.00738,0.03224,0.02921,0.02678,-0.0053,0.05081,-0.01151,0.02292,0.07616,0.0589,0.05173,-0.01749,0.07629,-0.03692,0.02432,0.04973,0.01109,-0.06044,-0.02932,0.10259,-0.07506,-0.06973,0.00832,0.00983,0.1017,0.03335,-0.01705,-0.0392,-0.02724,0.07383,-0.00299,-0.03287,-0.09789,0.00335,0.01982,0.11856,-0.05527,-0.04506,-0.0031,-0.09463,-0.05258,0.07191,0.0336,0.03759,-0.01879,0.00775,0,-0.05677,0.03633,0.00212,0.08504,0.01427,-0.04258,-0.03197,0.04024,0.02337,0.06638,0.06392,0.04269,-0.00297,-0.01454,-0.00414,0.00847,-0.02408,-0.07739,0.03991,-0.08402,0.10134,-0.06258,0.04222,-0.02101,-0.08198,0.0209,0.02527,0.02043,0.04736,-0.0726,-0.04457,-0.01809,-0.00428,-0.02913,0.00749,-0.04005,0.0694,0.04939,0.05708,-0.03106,0.03521,-0.00798,0.00962,0.02046,-0.07219,-0.04195,-0.0386,0.02075,-0.06637,-0.06047,-0.05701,0.02859,-0.06368,0.0031,-0.0342,-0.01413,0.109,-0.04309,0.03848,-0.03266,-0.06449,-0.00067,0.03425,-0.01755,0.04088,0.03965,-0.02923,-0.07351,0.02534,0.02762,0.00112,0.00384,0.01441,0.0064,0.10482,-0.03608,0.06699,-0.06692,0.07051,0.00168,0.01239,0.06919,0.0359,-0.07046,0.01112,0.02257,-0.04503,-0.02144,0.06268,0.05195,-0.116,0.02425,0.04099,-0.04773,-0.01425,0,-0.103,0.02327,0.01444,-0.0395,0.02106,-0.04262,-0.01775,0.00805,0.09313,-0.00489,-0.05165,-0.01866,-0.05192,-0.00879,0.06552,0.03784,0.03913,0.02368,-0.00034,-0.04771,0.05288,-0.01075,0.03709,0.07232,0.01139,-0.03809,-0.03974,0.00398,-0.02304,0.04967,0.00638,0.06668,0.08599,0.05787,-0.09509,-0.06645,-0.06675,-0.03308,-0.04739,-0.00294,0.0584,0.00775,-0.02253,-0.03075,-0.01502,0.02779,-0.01275,-0.02595,0.00604,-0.02079,-0.01461,0.01281,-0.0407,-0.00185,-0.09331,0.02273,0.02394,-0.02611,0.02084,-0.01593,-0.0943,0.01838,0.02089,-0.01126],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Editor component Generate the editor component: Then initialize basic editor state:","excerpt":"Editor component Generate the editor component: Then initialize basic editor state:"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#5","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.07746,-0.0163,-0.11012,0.04353,-0.02971,0.03242,-0.058,0.04413,0.08017,0.03763,-0.13364,-0.01492,-0.09709,0.02353,0.062,0.00423,-0.03393,-0.03312,0.00689,-0.03028,-0.01256,0.00556,-0.02364,-0.04572,0.03555,0.04688,-0.0082,-0.01138,0.07102,-0.02214,0.00751,0.06514,-0.02377,0.04922,-0.12277,0.13199,0.02321,0.02934,-0.05802,-0.06777,0.09335,0.05969,-0.01823,-0.09174,-0.04451,-0.08182,-0.07011,-0.01041,-0.04439,0.05179,-0.08939,-0.12147,-0.06827,0.03726,0.03175,0.012,0.10252,-0.08779,-0.0161,0.02189,-0.01358,0.00773,0.01847,0.01138,-0.00368,0.06376,-0.07092,0.06027,0.0209,-0.05888,0.02077,-0.04337,-0.0217,-0.08131,-0.04509,-0.02749,-0.06081,0.02899,-0.0357,-0.04217,0.08861,0.07084,-0.01998,0.08073,-0.02927,0.1348,0.01915,-0.07091,0.01642,-0.04469,-0.02468,0.07436,-0.04221,-0.04222,0.01833,-0.01429,0.02241,-0.03965,-0.08806,0.00052,0.00444,-0.07613,0.07724,-0.01764,-0.04293,-0.01814,0.01758,-0.01067,-0.05396,0.01242,-0.00688,0.05648,-0.01782,-0.06127,-0.01939,-0.0531,-0.00101,-0.05942,0.00507,0.15835,0.00351,0.05233,-0.02977,-0.01073,0.08822,-0.08376,0.03262,0,0.08454,0.04825,0.00147,0.04857,0.15594,-0.0063,-0.00507,-0.10747,0.03525,-0.01631,0.00874,0.05141,-0.00742,0.04879,-0.03288,-0.10074,0.01542,0.01689,0.01859,0.03319,-0.01866,-0.09247,-0.05782,0.05284,0.08571,0.04246,-0.00877,0.04308,-0.0221,-0.00339,0.05648,0.04056,0.01208,0.01957,-0.05286,-0.00335,-0.0519,-0.05412,0.00727,-0.04038,0.0217,-0.05701,-0.1065,0.06536,-0.02569,0.00798,-0.06033,0.04832,0.08465,0.02119,0.03412,0.02583,0.02758,-0.00634,0.05494,-0.0357,0.00428,0.07905,0.04441,0.07154,0.0128,0.05102,-0.06677,0.0049,0.0327,0.02549,-0.06238,-0.02088,0.10342,-0.05374,-0.09334,0.05252,0.02578,0.08058,0.03539,0.0088,-0.04251,-0.00097,0.0615,0.01959,-0.03726,-0.08707,0.00247,0.0245,0.08703,-0.04897,-0.0257,-0.02275,-0.08233,-0.03747,0.07483,0.05002,0.04865,-0.04132,0.01988,0,-0.07736,0.04684,0.00789,0.08412,0.03122,-0.04218,-0.00761,0.02939,0.02876,0.08491,0.04776,0.0446,-0.03268,-0.00938,0.00047,0.00334,-0.00196,-0.09026,0.04504,-0.06823,0.0476,-0.01206,0.02515,-0.06516,-0.08314,0.04567,0.00727,-0.04066,0.04354,-0.04526,-0.02383,-0.03845,-0.00202,-0.01788,0.02683,-0.03987,0.08251,0.04012,0.04368,-0.05179,0.0362,-0.01619,0.02449,0.01126,-0.08175,-0.02758,-0.06026,0.0033,-0.06081,-0.03569,-0.0612,0.04362,-0.06348,-0.0217,-0.04087,-0.02568,0.11685,-0.02686,0.04744,-0.02053,-0.03939,-0.01154,0.0171,-0.01755,0.0437,0.00892,-0.03254,-0.09614,0.03483,0.06395,0.02037,0.01314,-0.00559,0.03085,0.11647,-0.01463,0.08925,-0.03933,0.04831,0.03648,0.03212,0.08596,0.02508,-0.01426,0.04619,0.03602,-0.0786,-0.03846,0.06501,0.02202,-0.0811,0.00944,-0.00472,-0.04793,0.0154,0,-0.09483,0.01414,0.0048,-0.03743,0.02261,-0.0314,0.00436,0.02772,0.06235,0.0065,-0.04389,0.00656,-0.02942,-0.03606,0.09167,0.04511,0.049,0.00773,-0.00209,-0.05251,0.01803,-0.00732,0.00488,0.10248,-0.01684,-0.0262,-0.03214,0.01179,-0.01323,0.02948,0.00126,0.06808,0.07195,0.07456,-0.07169,-0.085,-0.08656,-0.01771,-0.08023,0.04404,0.03187,0.01724,0.00467,-0.02577,0.00127,0.0477,-0.0178,-0.03922,-0.02755,-0.00521,-0.04507,0.01683,-0.03173,0.02609,-0.07016,0.01769,0.01046,-0.02453,0.02199,0.00555,-0.10078,0.04014,0.02459,-0.0055],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Flow visualization Render connections and nodes inside f-flow / f-canvas:","excerpt":"Flow visualization Render connections and nodes inside f-flow / f-canvas:"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#6","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.09323,-0.01369,-0.1062,0.07172,-0.03053,0.03224,-0.08158,0.06226,0.07861,0.05021,-0.11262,-0.03684,-0.09721,0.01827,0.05504,0.01832,-0.03555,-0.01933,0.01439,0.00779,0.01503,0.02712,-0.01079,-0.03435,0.03935,0.0116,-0.0099,-0.01673,0.08546,-0.01881,0.02439,0.04904,0.00041,0.07338,-0.10925,0.1452,0.01171,0.00804,-0.04768,-0.06894,0.10108,0.05624,-0.02313,-0.0965,-0.04709,-0.09544,-0.04745,0.00913,-0.05171,0.0411,-0.09247,-0.13075,-0.05762,0.03777,0.01335,0.02883,0.08958,-0.0919,0.01161,0.00059,-0.00907,0.02755,0.03123,-0.01067,-0.01633,0.07343,-0.09151,0.04665,0.00804,-0.0498,-0.00022,-0.04525,-0.03751,-0.02571,-0.0515,-0.01592,-0.06517,0.01709,-0.02687,-0.00933,0.07931,0.04921,-0.03418,0.06805,-0.01003,0.13384,0.03152,-0.03463,0.03647,-0.07302,-0.02387,0.09162,-0.02409,-0.06629,-0.00024,-0.00878,0.02129,-0.04197,-0.09667,-0.00975,-0.00002,-0.06956,0.06146,0.01772,-0.04699,-0.01285,0.04537,-0.06,-0.06985,0.04147,0.00108,0.07542,-0.02605,-0.08601,-0.02187,-0.03924,-0.01947,-0.06313,0.01376,0.13958,0.0336,0.03167,-0.04116,0.01303,0.08998,-0.08004,0.02806,0,0.07797,0.06877,-0.00479,0.07336,0.16604,-0.00086,0.00987,-0.09609,0.02,-0.03941,0.007,0.0268,0.00529,0.05045,-0.02669,-0.09859,-0.01778,0.0387,0.04234,0.03909,-0.00637,-0.10389,-0.04636,0.0638,0.06015,0.03187,0.013,0.00585,0.01196,-0.00517,0.05103,0.02857,0.00279,0.04762,-0.03883,0.03022,-0.05488,-0.04857,0.02677,-0.04982,0.03669,-0.03815,-0.10535,0.05111,-0.01384,0.00216,-0.03457,0.04641,0.08494,0.00143,0.02601,0.01306,0.03627,-0.00448,0.06735,-0.03719,0.01083,0.06678,0.06701,0.05897,0.00604,0.07234,-0.04275,0.0189,0.0479,-0.00597,-0.03414,-0.02115,0.11277,-0.06496,-0.04891,0.03278,0.02395,0.08716,0.02397,-0.01546,-0.03085,-0.0248,0.07318,-0.00454,-0.03,-0.08501,0.01052,-0.0067,0.12657,-0.07056,-0.03784,-0.00446,-0.10577,-0.04922,0.08513,0.02501,0.03247,-0.04479,0.00237,0,-0.06069,0.0385,0.00255,0.09499,0.0105,-0.05705,-0.03465,0.02523,0.02308,0.05431,0.03957,0.02947,-0.03576,-0.00738,0.00987,-0.00576,-0.02529,-0.08842,0.0248,-0.09034,0.07543,-0.02316,0.03301,-0.01141,-0.08787,0.02739,0.01468,0.00919,0.03684,-0.07125,-0.04372,-0.02947,-0.01539,-0.01416,0.03516,-0.04932,0.05467,0.06953,0.07922,-0.02631,0.03626,-0.03001,-0.00094,0.0049,-0.07898,-0.03943,-0.03992,0.03058,-0.03065,-0.05065,-0.05656,0.01152,-0.0848,-0.0122,-0.02898,-0.00251,0.1189,-0.04082,0.03554,-0.02015,-0.04762,0.00407,0.05107,-0.02872,0.05246,0.02057,-0.04475,-0.08417,0.00486,0.05608,-0.00332,0.01821,-0.01316,0.00016,0.1042,-0.00382,0.07165,-0.05484,0.05035,0.02022,0.01339,0.06228,0.0286,-0.02491,0.01476,0.017,-0.06035,-0.02565,0.05308,0.04166,-0.11378,0.0167,0.02075,-0.03499,-0.00006,0,-0.10608,0.04123,0.00322,-0.03694,0.01433,-0.02975,-0.00519,0.00841,0.08186,-0.01486,-0.0401,-0.01885,-0.03604,0.01059,0.0814,0.01543,0.02819,0.01388,-0.00529,-0.05771,0.04348,0.00196,0.04182,0.07571,-0.00517,-0.02792,-0.04226,-0.00037,-0.00469,0.03195,0.0329,0.08144,0.07234,0.08319,-0.0894,-0.06968,-0.08845,-0.01605,-0.04979,0.00415,0.05433,0.03645,-0.01964,-0.02656,-0.02786,0.02662,-0.02664,-0.02759,-0.01166,-0.00859,-0.02694,0.01204,-0.02537,0.02308,-0.0727,0.02506,0.01738,-0.02578,0.04742,0.01043,-0.08006,-0.00044,0.04155,0.00924],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Adding new nodes Prepare draggable node templates and handle node creation:","excerpt":"Adding new nodes Prepare draggable node templates and handle node creation:"},{"chunkId":"/blog/creating-a-visual-call-workflow-editor-with-angular#7","slug":"creating-a-visual-call-workflow-editor-with-angular","route":"/blog/creating-a-visual-call-workflow-editor-with-angular","section":"blog","title":"Creating a visual call workflow editor with Angular","description":"Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections.","group":"Call Flow Editor","vector":[-0.10539,-0.02677,-0.11979,0.04976,-0.08676,0.01192,-0.05156,0.06465,0.07403,0.04784,-0.12809,0.02024,-0.12017,0.00609,0.05815,0.01803,-0.04448,-0.01479,-0.01277,-0.03201,0.01859,0.0223,-0.02515,-0.0417,0.00288,0.00028,0.0145,-0.01515,0.06651,-0.03106,0.01661,0.05828,-0.03375,0.02072,-0.12879,0.12722,-0.00136,-0.00641,-0.0501,-0.07729,0.09721,0.02832,-0.03502,-0.08395,-0.06876,-0.08528,-0.04639,0.01257,-0.06042,0.04637,-0.0697,-0.11652,-0.09336,0.0215,0.03873,0.04082,0.0897,-0.05197,-0.0202,0.00606,-0.00375,0.00534,0.01932,0.0016,-0.02986,0.06276,-0.07605,0.03252,0.01805,-0.04746,-0.01216,-0.03697,-0.04044,-0.04834,-0.05663,-0.02126,-0.07245,0.0135,-0.01102,-0.01474,0.09448,0.05837,-0.00976,0.09061,0.0256,0.07112,0.03063,-0.0836,0.0659,-0.05878,-0.01406,0.08118,-0.0161,-0.04195,-0.00259,0.01413,-0.00435,-0.06516,-0.0798,0.01843,-0.01596,-0.07265,0.0345,0.01131,-0.02388,-0.00316,0.03791,-0.01537,-0.0497,0.02456,-0.01076,0.04435,0.00384,-0.08628,-0.04145,-0.02602,-0.00394,-0.02987,-0.0069,0.10362,-0.01928,0.02699,-0.03009,-0.01099,0.08868,-0.07573,0.05489,0,0.05798,0.06416,-0.03531,0.04137,0.14572,0.01056,0.00816,-0.10419,0.0308,-0.02948,0.01535,0.04362,0.00749,0.02145,-0.00438,-0.09412,-0.00288,0.02929,0.06571,0.04745,-0.00089,-0.08123,-0.03934,0.069,0.10892,0.04152,-0.00132,0.00472,0.00243,-0.00624,0.08044,0.02478,-0.02478,0.03832,-0.03548,0.0248,-0.05173,-0.07407,0.00023,-0.02253,0.02129,-0.04337,-0.12871,0.03821,-0.03312,0.01262,-0.06231,0.05062,0.09547,0.01097,0.02779,0.02518,0.06002,0.01078,0.04986,-0.04437,-0.01346,0.07456,0.0479,0.08068,0.03039,0.02729,-0.0503,0.03327,0.02476,-0.00426,-0.05691,-0.01698,0.12414,-0.05205,-0.08117,0.04863,0.03055,0.09729,0.00102,0.0073,-0.03908,-0.00206,0.07477,-0.01858,-0.00164,-0.06089,0.02041,0.02482,0.12299,-0.07436,-0.04534,-0.05126,-0.07479,-0.00746,0.07272,0.04173,0.03622,-0.0044,0.01362,0,-0.06248,0.03299,-0.01319,0.09573,-0.00618,-0.05383,0.03407,0.0022,0.03899,0.04726,0.04643,0.0535,-0.00747,-0.03029,0.0021,-0.0179,-0.02087,-0.095,0.01959,-0.05922,0.03022,-0.00866,0.01634,-0.08893,-0.06075,0.04681,0.0111,-0.01687,0.0342,-0.03529,-0.04926,-0.03219,0.00874,-0.02967,0.03543,-0.011,0.0678,0.07834,0.07595,-0.05463,0.06861,-0.03259,0.02447,0.01605,-0.07138,-0.01699,-0.04576,0.01141,-0.07192,-0.04585,-0.03896,0.04349,-0.0601,0.01339,-0.01849,0.02076,0.10919,-0.05936,0.02935,0.01155,-0.02379,-0.00775,0.07996,0.01052,0.06741,0.01712,-0.032,-0.10091,0.0385,0.04332,0.02229,-0.00596,-0.01893,0.03266,0.12699,-0.01832,0.08633,-0.05965,0.02483,0.05362,0.00504,0.06157,0.02885,-0.04729,0.00189,0.05093,-0.05866,-0.02233,0.06982,0.04725,-0.11164,0.01195,0.04738,-0.05737,-0.01469,0,-0.10099,0.01753,0.02255,-0.01529,0.04352,-0.01259,-0.01989,0.02219,0.0626,-0.00019,-0.05255,0.02112,-0.04,0.00543,0.05631,0.05596,0.05084,-0.00453,-0.02416,-0.05483,-0.02693,-0.01312,0.01849,0.10619,0.0013,-0.02444,-0.02196,0.0209,0.00062,0.03398,0.00348,0.06002,0.07908,0.10506,-0.08404,-0.04573,-0.10044,-0.00418,-0.06083,0.01207,0.04187,0.02033,0.02926,0.0034,0.00915,0.04918,-0.03001,-0.03612,-0.01334,-0.00602,-0.06082,0.02104,-0.03941,0.00154,-0.07268,0.01169,0.02053,-0.03534,0.0325,0.02439,-0.09855,0.02004,0.01322,-0.04218],"keywords":"Creating a visual call workflow editor with Angular Creating a visual call workflow editor with Angular Build a visual call workflow editor in Angular with Foblex Flow, including node models, draggable nodes, and editable connections. Editing connections Enable connection creation/reassignment and process events: This gives users a flexible way to build and modify call routing logic visually.","excerpt":"Editing connections Enable connection creation/reassignment and process events: This gives users a flexible way to build and modify call routing logic visually."}]}
\ No newline at end of file
diff --git a/apps/f-flow-portal/src/app/core/stats/stats-snapshot.ts b/apps/f-flow-portal/src/app/core/stats/stats-snapshot.ts
index 1112dff6..fcfd839a 100644
--- a/apps/f-flow-portal/src/app/core/stats/stats-snapshot.ts
+++ b/apps/f-flow-portal/src/app/core/stats/stats-snapshot.ts
@@ -30,7 +30,7 @@ export const STATS_FALLBACK: StatsSnapshot = {
   stars: 496,
   weeklyInstalls: 14_000,
   yearlyInstalls: 366_000,
-  version: 'v19.1.0',
+  version: 'v19.1.1',
   license: 'MIT',
 };
 
diff --git a/apps/f-flow-portal/src/styles/styles.scss b/apps/f-flow-portal/src/styles/styles.scss
index a55f372e..8409f2f0 100644
--- a/apps/f-flow-portal/src/styles/styles.scss
+++ b/apps/f-flow-portal/src/styles/styles.scss
@@ -55,7 +55,7 @@
  * next to it. Pages that don't open with an h1 silently skip.
  */
 .doc-content > h1:first-child::before {
-  content: 'v19.1.0 · Angular 17.3+ · MIT';
+  content: 'v19.1.1 · Angular 17.3+ · MIT';
   display: block;
   width: fit-content;
   margin-bottom: 14px;
diff --git a/libs/f-flow/AI.md b/libs/f-flow/AI.md
index 5eab960a..2233923b 100644
--- a/libs/f-flow/AI.md
+++ b/libs/f-flow/AI.md
@@ -142,6 +142,27 @@ export class Editor {
 - For initial or other application-driven viewport positioning, suppress the event at the canvas helper: `canvas.resetScaleAndCenter(false, false)`. The second `false` means `emitCanvasChange = false`, so managed history is untouched.
 - Connection endpoints are connector ids. Automatic cascade from node/group deletion uses the rendered connector registry; before connectors render, remove known attached connection ids explicitly in the same `state.batch(...)`.
 
+### Async reflow must stay inside an open transaction
+
+When an application expands/collapses a node, its record changes synchronously but `withReflowOnResize()` emits the resulting `fMoveNodes` positions later, after Angular rendering and `ResizeObserver`. Do not use synchronous `state.batch(() => ...)` if both changes must be one undo item. Open the transaction before changing the record and close it only after reflow settles:
+
+```typescript
+state.beginBatch();
+
+try {
+  state.updateNode(nodeId, { isExpanded });
+  await new Promise<void>((resolve) => {
+    requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+  });
+} finally {
+  state.endBatch();
+}
+```
+
+The state controller applies reflow's `fMoveNodes` event inside the open transaction. One `undo()` then restores both the expanded value and every moved position. Two frames fit an immediately rendered size change; for CSS transitions, lazy content, or longer asynchronous layout, close from the real completion signal. Always close in `finally`, because an unclosed batch merges unrelated future mutations into the same history entry.
+
+If the toggle is nested inside `fDragHandle`, add `fDragBlocker` to the toggle. Otherwise its pointer down can select the node first; with `selectionInHistory: true`, that selection is a separate intentional history item even though expand and reflow share one batch.
+
 ## Common Silent Failures — Check These First
 
 When the flow compiles but looks wrong, verify in this order:
@@ -195,6 +216,7 @@ See [STYLING.md](./STYLING.md).
 - Human docs: https://flow.foblex.com/docs/get-started
 - Live examples with source: https://flow.foblex.com/examples/overview
 - Managed state example and contract: https://flow.foblex.com/examples/state
+- Managed state + asynchronous reflow recipe: https://flow.foblex.com/examples/state
 
 ## Fallback Rule
 
diff --git a/libs/f-flow/package.json b/libs/f-flow/package.json
index eaf45f00..74ee0759 100644
--- a/libs/f-flow/package.json
+++ b/libs/f-flow/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@foblex/flow",
-  "version": "19.1.0",
+  "version": "19.1.2",
   "description": "Angular-native node-based UI library for building node editors, workflow builders, and interactive graph interfaces.",
   "main": "index.js",
   "types": "index.d.ts",
diff --git a/libs/f-flow/src/domain/f-connection/redraw-connections/worker/build-connection-worker-payload-item/build-connection-worker-payload-item.spec.ts b/libs/f-flow/src/domain/f-connection/redraw-connections/worker/build-connection-worker-payload-item/build-connection-worker-payload-item.spec.ts
new file mode 100644
index 00000000..7824f4f2
--- /dev/null
+++ b/libs/f-flow/src/domain/f-connection/redraw-connections/worker/build-connection-worker-payload-item/build-connection-worker-payload-item.spec.ts
@@ -0,0 +1,57 @@
+import {
+  configureDiTest,
+  EFConnectableSide,
+  EFConnectionConnectableSide,
+  FConnectionBase,
+  injectFromDi,
+  valueProvider,
+} from '@foblex/flow';
+import { FComponentsStore } from '../../../../../f-storage';
+import { FConnectorBase } from '../../../../../f-connectors';
+import { IConnectionGeometry } from '../../models';
+import { BuildConnectionWorkerPayloadItem } from './build-connection-worker-payload-item';
+import { BuildConnectionWorkerPayloadItemRequest } from './build-connection-worker-payload-item-request';
+
+describe('BuildConnectionWorkerPayloadItem', () => {
+  let execution: BuildConnectionWorkerPayloadItem;
+
+  beforeEach(() => {
+    configureDiTest({
+      providers: [
+        BuildConnectionWorkerPayloadItem,
+        valueProvider(FComponentsStore, new FComponentsStore()),
+      ],
+    });
+
+    execution = injectFromDi(BuildConnectionWorkerPayloadItem);
+  });
+
+  it('uses resolved source and target sides instead of deprecated aliases', () => {
+    const connection = {
+      fBehavior: 'fixed',
+      fOutputSide: () => EFConnectionConnectableSide.TOP,
+      fInputSide: () => EFConnectionConnectableSide.BOTTOM,
+      sourceSide: () => EFConnectionConnectableSide.RIGHT,
+      targetSide: () => EFConnectionConnectableSide.LEFT,
+    } as unknown as FConnectionBase;
+    const geometry = {
+      source: {
+        fNodeId: 'source-node',
+        fConnectableSide: EFConnectableSide.BOTTOM,
+      } as FConnectorBase,
+      target: {
+        fNodeId: 'target-node',
+        fConnectableSide: EFConnectableSide.TOP,
+      } as FConnectorBase,
+      sourceRect: { x: 0, y: 0, width: 20, height: 20 },
+      targetRect: { x: 100, y: 0, width: 20, height: 20 },
+    } as IConnectionGeometry;
+
+    const result = execution.handle(
+      new BuildConnectionWorkerPayloadItemRequest(connection, geometry, 3),
+    );
+
+    expect(result.outputSide).toBe(EFConnectionConnectableSide.RIGHT);
+    expect(result.inputSide).toBe(EFConnectionConnectableSide.LEFT);
+  });
+});
diff --git a/libs/f-flow/src/domain/f-connection/redraw-connections/worker/build-connection-worker-payload-item/build-connection-worker-payload-item.ts b/libs/f-flow/src/domain/f-connection/redraw-connections/worker/build-connection-worker-payload-item/build-connection-worker-payload-item.ts
index 28d9b6b0..6adb0157 100644
--- a/libs/f-flow/src/domain/f-connection/redraw-connections/worker/build-connection-worker-payload-item/build-connection-worker-payload-item.ts
+++ b/libs/f-flow/src/domain/f-connection/redraw-connections/worker/build-connection-worker-payload-item/build-connection-worker-payload-item.ts
@@ -6,9 +6,10 @@ import { BuildConnectionWorkerPayloadItemRequest } from './build-connection-work
 
 @Injectable()
 @FExecutionRegister(BuildConnectionWorkerPayloadItemRequest)
-export class BuildConnectionWorkerPayloadItem
-  implements IExecution<BuildConnectionWorkerPayloadItemRequest, IConnectionWorkerPayloadItem>
-{
+export class BuildConnectionWorkerPayloadItem implements IExecution<
+  BuildConnectionWorkerPayloadItemRequest,
+  IConnectionWorkerPayloadItem
+> {
   private readonly _store = inject(FComponentsStore);
 
   public handle({
@@ -21,8 +22,8 @@ export class BuildConnectionWorkerPayloadItem
     return {
       originalIndex,
       behavior: connection.fBehavior,
-      outputSide: connection.fOutputSide(),
-      inputSide: connection.fInputSide(),
+      outputSide: connection.sourceSide(),
+      inputSide: connection.targetSide(),
       sourceConnectableSide: source.fConnectableSide,
       targetConnectableSide: target.fConnectableSide,
       sourceRotation: this._store.nodes.get(source.fNodeId)?._rotate || 0,
diff --git a/libs/f-flow/src/f-draggable/connection/create-connection/create-connection-preparation/from-connector-preparation/create-connection-from-connector-preparation.ts b/libs/f-flow/src/f-draggable/connection/create-connection/create-connection-preparation/from-connector-preparation/create-connection-from-connector-preparation.ts
index ac2516e7..c7e9e481 100644
--- a/libs/f-flow/src/f-draggable/connection/create-connection/create-connection-preparation/from-connector-preparation/create-connection-from-connector-preparation.ts
+++ b/libs/f-flow/src/f-draggable/connection/create-connection/create-connection-preparation/from-connector-preparation/create-connection-from-connector-preparation.ts
@@ -73,11 +73,13 @@ export class CreateConnectionFromConnectorPreparation implements IHandler<
   }
 
   private _findConnector(target: HTMLElement | SVGElement): FConnectorDirective | undefined {
+    const connectorElement = target.closest('[fConnector]');
+
     return this._store.connectors
       .getAll()
       .find(
         (x): x is FConnectorDirective =>
-          x instanceof FConnectorDirective && x.hostElement.contains(target),
+          x instanceof FConnectorDirective && x.hostElement === connectorElement,
       );
   }
 
diff --git a/libs/f-flow/src/f-draggable/shadow-dom.spec.ts b/libs/f-flow/src/f-draggable/shadow-dom.spec.ts
index 1608685a..d13e2c12 100644
--- a/libs/f-flow/src/f-draggable/shadow-dom.spec.ts
+++ b/libs/f-flow/src/f-draggable/shadow-dom.spec.ts
@@ -46,7 +46,10 @@ import { FMoveNodesEvent } from './drag-node';
         <div
           fNode
           fDragHandle
+          fConnector
           fNodeId="source-node"
+          fConnectorId="source-node-target"
+          fConnectorType="target"
           [fNodePosition]="{ x: 40, y: 50 }"
         >
           <button
@@ -150,8 +153,63 @@ describe('FDraggable in Shadow DOM', () => {
     expect(fixture.componentInstance.connectionEvents[0].sourceId).toBe('source');
     expect(fixture.componentInstance.connectionEvents[0].targetId).toBe('target');
   }));
+
+  it('drags from a source nested inside a target connector', fakeAsync(() => {
+    const fixture = TestBed.createComponent(ShadowDomFlowHost);
+    fixture.detectChanges();
+    tick(300);
+    fixture.detectChanges();
+
+    const shadowRoot = fixture.nativeElement.shadowRoot as ShadowRoot;
+    const source = shadowRoot.querySelector('[data-f-connector-id="source"]') as HTMLElement;
+    const target = shadowRoot.querySelector('[data-f-connector-id="target"]') as HTMLElement;
+
+    dispatchConnectionDrag(source, target);
+    fixture.detectChanges();
+
+    expect(fixture.componentInstance.connectionEvents.length).toBe(1);
+    expect(fixture.componentInstance.connectionEvents[0].sourceId).toBe('source');
+    expect(fixture.componentInstance.connectionEvents[0].targetId).toBe('target');
+  }));
 });
 
+function dispatchConnectionDrag(source: HTMLElement, target: HTMLElement): void {
+  const sourceRect = source.getBoundingClientRect();
+  const targetRect = target.getBoundingClientRect();
+  const sourceX = sourceRect.left + sourceRect.width / 2;
+  const sourceY = sourceRect.top + sourceRect.height / 2;
+  const targetX = targetRect.left + targetRect.width / 2;
+  const targetY = targetRect.top + targetRect.height / 2;
+
+  source.dispatchEvent(
+    new MouseEvent('mousedown', {
+      bubbles: true,
+      composed: true,
+      button: 0,
+      buttons: 1,
+      clientX: sourceX,
+      clientY: sourceY,
+    }),
+  );
+  document.dispatchEvent(
+    new MouseEvent('mousemove', {
+      bubbles: true,
+      buttons: 1,
+      clientX: targetX,
+      clientY: targetY,
+    }),
+  );
+  document.dispatchEvent(
+    new PointerEvent('pointerup', {
+      bubbles: true,
+      button: 0,
+      pointerType: 'mouse',
+      clientX: targetX,
+      clientY: targetY,
+    }),
+  );
+}
+
 function dispatchClick(element: HTMLElement): void {
   const rect = element.getBoundingClientRect();
   const clientX = rect.left + rect.width / 2;
diff --git a/libs/f-flow/src/plugins/interaction/f-connection-flow/f-click-connect-flow.ts b/libs/f-flow/src/plugins/interaction/f-connection-flow/f-click-connect-flow.ts
index b3dc80b7..1c86d24c 100644
--- a/libs/f-flow/src/plugins/interaction/f-connection-flow/f-click-connect-flow.ts
+++ b/libs/f-flow/src/plugins/interaction/f-connection-flow/f-click-connect-flow.ts
@@ -199,11 +199,13 @@ export class FClickConnectFlow implements IFConnectionFlow {
   }
 
   private _findUnifiedConnector(target: FEventTargetElement): FConnectorDirective | undefined {
+    const connectorElement = target.closest('[fConnector]');
+
     return this._store.connectors
       .getAll()
       .find(
         (x): x is FConnectorDirective =>
-          x instanceof FConnectorDirective && x.hostElement.contains(target),
+          x instanceof FConnectorDirective && x.hostElement === connectorElement,
       );
   }
 
diff --git a/libs/f-layout/dagre/package.json b/libs/f-layout/dagre/package.json
index ece06f60..dd1bd2ac 100644
--- a/libs/f-layout/dagre/package.json
+++ b/libs/f-layout/dagre/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@foblex/flow-dagre-layout",
-  "version": "19.1.0",
+  "version": "19.1.2",
   "description": "Dagre layout engine adapter for Foblex Flow.",
   "main": "index.js",
   "types": "index.d.ts",
diff --git a/libs/f-layout/elk/package.json b/libs/f-layout/elk/package.json
index c0f39661..0dbec2b4 100644
--- a/libs/f-layout/elk/package.json
+++ b/libs/f-layout/elk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@foblex/flow-elk-layout",
-  "version": "19.1.0",
+  "version": "19.1.2",
   "description": "ELK.js layout engine adapter for Foblex Flow.",
   "main": "index.js",
   "types": "index.d.ts",
diff --git a/package.json b/package.json
index 32267fba..6ef4e9b1 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "19.1.0",
+  "version": "19.1.2",
   "description": "Angular-native node-based UI library for building node editors, workflow builders, and interactive graph interfaces.",
   "author": "Siarhei Huzarevich",
   "homepage": "https://flow.foblex.com",